From 34e0ca6f605e5919b4a3c56cc18512a3f5d5c2bd Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Tue, 27 Oct 2026 05:33:11 +0000
Subject: [PATCH 1/4] fix(ui): AI build page preview header reads the build
 card's label and live state; progress shows labels

Claude-Session: https://claude.ai/code/session_01ADHkmQw9ePD2KCzPfJGa6p
Co-authored-by: Claude <noreply@anthropic.com>
---
 .../app-shell/src/console/ai/AiChatPage.tsx   | 22 +++++++++
 .../app-shell/src/console/ai/LiveCanvas.tsx   | 48 ++++++++++++++-----
 ui/packages/i18n/src/locales/ar.ts            |  3 +-
 ui/packages/i18n/src/locales/de.ts            |  3 +-
 ui/packages/i18n/src/locales/en.ts            |  3 +-
 ui/packages/i18n/src/locales/es.ts            |  3 +-
 ui/packages/i18n/src/locales/fr.ts            |  3 +-
 ui/packages/i18n/src/locales/ja.ts            |  3 +-
 ui/packages/i18n/src/locales/ko.ts            |  3 +-
 ui/packages/i18n/src/locales/pt.ts            |  3 +-
 ui/packages/i18n/src/locales/ru.ts            |  3 +-
 ui/packages/i18n/src/locales/zh.ts            |  3 +-
 .../plugin-chatbot/src/ChatbotEnhanced.tsx    | 44 +++++++++++++++--
 ui/packages/plugin-chatbot/src/mapMessages.ts | 15 +++++-
 14 files changed, 133 insertions(+), 26 deletions(-)

diff --git a/ui/packages/app-shell/src/console/ai/AiChatPage.tsx b/ui/packages/app-shell/src/console/ai/AiChatPage.tsx
index a0d8fd74206..829d1e06215 100644
--- a/ui/packages/app-shell/src/console/ai/AiChatPage.tsx
+++ b/ui/packages/app-shell/src/console/ai/AiChatPage.tsx
@@ -1831,9 +1831,26 @@ export function ChatPane({
         : prev ?? { name: appName, materialized: true },
     );
   }, []);
+  // The chat's build card's own answer per built app (its label and whether it
+  // says the app is live), keyed by the app's machine name. The canvas header
+  // reads it instead of deriving a publish state of its own, so the two can
+  // never disagree, and it follows the card when the build is published.
+  const [buildResults, setBuildResults] = useState<Record<string, { label?: string; live: boolean }>>({});
+  const handleBuildResult = useCallback(
+    ({ appName, label, live }: { appName: string; label?: string; live: boolean }) => {
+      setBuildResults((prev) => {
+        const cur = prev[appName];
+        if (cur && cur.label === label && cur.live === live) return prev;
+        return { ...prev, [appName]: { ...(label ? { label } : {}), live } };
+      });
+    },
+    [],
+  );
+  const canvasBuild = canvasApp ? buildResults[canvasApp.name] : undefined;
   // A different conversation is a different build session — close the pane.
   useEffect(() => {
     setCanvasApp(null);
+    setBuildResults({});
   }, [conversationId]);
 
   const activeAgentLabel = useMemo<string>(() => {
@@ -2895,6 +2912,7 @@ export function ChatPane({
         // ADR-0045: build materialized → canvas leaves the draft overlay for
         // the real (unlisted) app; the reload shows live seed rows.
         onBuildMaterialized={handleBuildMaterialized}
+        onBuildResult={handleBuildResult}
         // objectui#11666 — mirrored onto the assistant bus (effect above).
         onPlanApprovalPendingChange={setPlanApprovalPending}
         previewDraftLabel={t('console.ai.previewDraft', { defaultValue: 'Preview' })}
@@ -2931,6 +2949,8 @@ export function ChatPane({
           </div>
           <LiveCanvas
             appName={canvasApp!.name}
+            appLabel={canvasBuild?.label}
+            live={canvasBuild?.live}
             appSegment={canvasApp!.segment}
             materialized={canvasApp!.materialized}
             path={canvasApp!.path}
@@ -2956,6 +2976,8 @@ export function ChatPane({
         >
           <LiveCanvas
             appName={canvasApp.name}
+            appLabel={canvasBuild?.label}
+            live={canvasBuild?.live}
             appSegment={canvasApp.segment}
             materialized={canvasApp.materialized}
             path={canvasApp.path}
diff --git a/ui/packages/app-shell/src/console/ai/LiveCanvas.tsx b/ui/packages/app-shell/src/console/ai/LiveCanvas.tsx
index a74bbf62556..9817608677b 100644
--- a/ui/packages/app-shell/src/console/ai/LiveCanvas.tsx
+++ b/ui/packages/app-shell/src/console/ai/LiveCanvas.tsx
@@ -26,8 +26,19 @@ import { Button } from '@object-ui/components';
 import { useObjectTranslation } from '@object-ui/i18n';
 
 export interface LiveCanvasProps {
-  /** The drafted app to render (its `app` metadata name) — used for display. */
+  /** The drafted app to render (its `app` metadata name). */
   appName: string;
+  /**
+   * The app's display label, as the chat's build card names it
+   * (`checklist.app.label`). The header shows it in place of `appName`.
+   */
+  appLabel?: string;
+  /**
+   * The chat's build card says the app is live (published). The header then
+   * names the app as live and drops the unlisted note, whatever
+   * `materialized` says — the card is the one source of the publish state.
+   */
+  live?: boolean;
   /**
    * ADR-0048: the app's ROUTE SEGMENT — its package id (`app.<slug>`), which is
    * globally unique, unlike the display name (two AI apps can both be `library`).
@@ -73,12 +84,22 @@ function canvasSrc(appName: string, materialized: boolean, path?: string): strin
   return path ? `${spaBase()}${path}` : `${base}?preview=draft`;
 }
 
-export function LiveCanvas({ appName, appSegment, materialized = false, path, refreshKey, onClose }: LiveCanvasProps) {
+export function LiveCanvas({
+  appName,
+  appLabel,
+  live = false,
+  appSegment,
+  materialized = false,
+  path,
+  refreshKey,
+  onClose,
+}: LiveCanvasProps) {
   const { t } = useObjectTranslation();
   const navigate = useNavigate();
   const iframeRef = useRef<HTMLIFrameElement | null>(null);
   // Route on the package-id segment (unique), display by name (friendly).
   const routeSeg = appSegment && appSegment.length ? appSegment : appName;
+  const displayName = appLabel || appName;
   // Materialized world swap: changing src on the SAME iframe element
   // navigates it in place (no white-flash remount).
   useEffect(() => {
@@ -108,15 +129,20 @@ export function LiveCanvas({ appName, appSegment, materialized = false, path, re
       <div className="flex shrink-0 items-center gap-2 border-b bg-muted/30 px-3 py-1.5 text-xs text-muted-foreground">
         <Eye className="h-3.5 w-3.5" />
         <span className="min-w-0 flex-1 truncate">
-          {materialized
-            ? t('console.ai.liveCanvasUnlisted', {
-                app: appName,
-                defaultValue: 'Live app — {{app}} (unlisted until published)',
+          {live
+            ? t('console.ai.liveCanvasLive', {
+                app: displayName,
+                defaultValue: 'Live app — {{app}}',
               })
-            : t('console.ai.liveCanvas', {
-                app: appName,
-                defaultValue: 'Live preview — {{app}} (draft)',
-              })}
+            : materialized
+              ? t('console.ai.liveCanvasUnlisted', {
+                  app: displayName,
+                  defaultValue: 'Live app — {{app}} (unlisted until published)',
+                })
+              : t('console.ai.liveCanvas', {
+                  app: displayName,
+                  defaultValue: 'Live preview — {{app}} (draft)',
+                })}
         </span>
         {/* Bridge to the design surface — this pane is the RUNNING app, so the
             builder needs an explicit way to jump into the Studio designer to
@@ -149,7 +175,7 @@ export function LiveCanvas({ appName, appSegment, materialized = false, path, re
       </div>
       <iframe
         ref={iframeRef}
-        title={`Draft preview: ${appName}`}
+        title={`Draft preview: ${displayName}`}
         src={canvasSrc(routeSeg, materialized, path)}
         className="h-full w-full flex-1 border-0 bg-background"
         data-testid="live-canvas-frame"
diff --git a/ui/packages/i18n/src/locales/ar.ts b/ui/packages/i18n/src/locales/ar.ts
index a349d9c2d03..1fa1c3be92e 100644
--- a/ui/packages/i18n/src/locales/ar.ts
+++ b/ui/packages/i18n/src/locales/ar.ts
@@ -1974,6 +1974,7 @@ const ar = {
       assistant: "المساعد",
       liveCanvas: "معاينة حية — {{app}} (مسودة)",
       liveCanvasUnlisted: "تطبيق حي — {{app}} (غير مُدرج حتى النشر)",
+      liveCanvasLive: "تطبيق حي — {{app}}",
       loadingAgents: "جارٍ تحميل الوكلاء…",
       askAnything: "اسأل عن أي شيء…",
       askOrChangeApp: "اسأل عن بياناتك، أو اطلب مني تعديل هذا التطبيق…",
@@ -4009,7 +4010,7 @@ const ar = {
       unknownPhase: "مرحلة إنشاء غير معروفة",
       nextStepsLead: "بعد ذلك يمكنك أن تقول: {{steps}}",
       nextStepQuote: "«{{step}}»",
-      draftPosture: "تُحفظ التغييرات اللاحقة كمسودات، وأنت من ينشرها في Studio.",
+      draftPosture: "تُحفظ التغييرات اللاحقة كمسودات، وتنشرها بزر «نشر» هنا في المحادثة.",
       checksPassed: "اجتازت الفحوصات {{passed}}/{{total}}",
     },
     changes: {
diff --git a/ui/packages/i18n/src/locales/de.ts b/ui/packages/i18n/src/locales/de.ts
index c2102cb2823..0f746efe9e1 100644
--- a/ui/packages/i18n/src/locales/de.ts
+++ b/ui/packages/i18n/src/locales/de.ts
@@ -1787,6 +1787,7 @@ const de = {
       assistant: "Assistent",
       liveCanvas: "Live-Vorschau — {{app}} (Entwurf)",
       liveCanvasUnlisted: "Live-App — {{app}} (nicht gelistet bis zur Veröffentlichung)",
+      liveCanvasLive: "Live-App — {{app}}",
       loadingAgents: "Agenten werden geladen…",
       askAnything: "Fragen Sie irgendetwas…",
       askOrChangeApp: "Fragen Sie zu Ihren Daten oder lassen Sie mich diese App ändern…",
@@ -3720,7 +3721,7 @@ const de = {
       unknownPhase: "Unbekannte Build-Phase",
       nextStepsLead: "Als Nächstes können Sie sagen: {{steps}}",
       nextStepQuote: "„{{step}}“",
-      draftPosture: "Spätere Änderungen werden als Entwurf gespeichert, und Sie veröffentlichen sie in Studio.",
+      draftPosture: "Spätere Änderungen werden als Entwurf gespeichert; mit „Veröffentlichen“ hier im Chat gehen sie live.",
       checksPassed: "Prüfungen bestanden {{passed}}/{{total}}",
     },
     changes: {
diff --git a/ui/packages/i18n/src/locales/en.ts b/ui/packages/i18n/src/locales/en.ts
index 58f3ce379f1..45adfe36a47 100644
--- a/ui/packages/i18n/src/locales/en.ts
+++ b/ui/packages/i18n/src/locales/en.ts
@@ -2341,6 +2341,7 @@ const en = {
       assistant: 'Assistant',
       liveCanvas: 'Live preview — {{app}} (draft)',
       liveCanvasUnlisted: 'Live app — {{app}} (unlisted until published)',
+      liveCanvasLive: 'Live app — {{app}}',
       loadingAgents: 'Loading agents…',
       askAnything: 'Ask anything…',
       askOrChangeApp: 'Ask about your data, or ask me to change this app…',
@@ -4471,7 +4472,7 @@ const en = {
       unknownPhase: 'Unknown build phase',
       nextStepsLead: 'Next, you can say: {{steps}}',
       nextStepQuote: '“{{step}}”',
-      draftPosture: 'Later changes are saved as drafts, and you publish them in Studio.',
+      draftPosture: 'Later changes are saved as drafts; click Publish here in the chat to make them live.',
       checksPassed: 'Checks passed {{passed}}/{{total}}',
     },
     changes: {
diff --git a/ui/packages/i18n/src/locales/es.ts b/ui/packages/i18n/src/locales/es.ts
index 4ff0d657dac..ab63e9e5ff7 100644
--- a/ui/packages/i18n/src/locales/es.ts
+++ b/ui/packages/i18n/src/locales/es.ts
@@ -1836,6 +1836,7 @@ const es = {
       assistant: "Asistente",
       liveCanvas: "Vista previa en vivo — {{app}} (borrador)",
       liveCanvasUnlisted: "Aplicación en vivo — {{app}} (no listada hasta su publicación)",
+      liveCanvasLive: "Aplicación en vivo — {{app}}",
       loadingAgents: "Cargando agentes…",
       askAnything: "Pregunte lo que quiera…",
       askOrChangeApp: "Pregunte por sus datos o pídame que cambie esta app…",
@@ -3793,7 +3794,7 @@ const es = {
       unknownPhase: "Fase de creación desconocida",
       nextStepsLead: "A continuación puede decir: {{steps}}",
       nextStepQuote: "«{{step}}»",
-      draftPosture: "Los cambios posteriores se guardan como borrador y usted los publica en Studio.",
+      draftPosture: "Los cambios posteriores se guardan como borrador; publíquelos con «Publicar» aquí en el chat.",
       checksPassed: "Comprobaciones superadas {{passed}}/{{total}}",
     },
     changes: {
diff --git a/ui/packages/i18n/src/locales/fr.ts b/ui/packages/i18n/src/locales/fr.ts
index 2e9d442f5ea..cf9dcce703d 100644
--- a/ui/packages/i18n/src/locales/fr.ts
+++ b/ui/packages/i18n/src/locales/fr.ts
@@ -1832,6 +1832,7 @@ const fr = {
       assistant: "Assistant",
       liveCanvas: "Aperçu en direct — {{app}} (brouillon)",
       liveCanvasUnlisted: "Application en direct — {{app}} (non répertoriée jusqu'à publication)",
+      liveCanvasLive: "Application en direct — {{app}}",
       loadingAgents: "Chargement des agents…",
       askAnything: "Posez n'importe quelle question…",
       askOrChangeApp: "Posez une question sur vos données ou demandez-moi de modifier cette app…",
@@ -3789,7 +3790,7 @@ const fr = {
       unknownPhase: "Phase de création inconnue",
       nextStepsLead: "Ensuite, vous pouvez dire : {{steps}}",
       nextStepQuote: "« {{step}} »",
-      draftPosture: "Les modifications suivantes sont enregistrées comme brouillons, et vous les publiez dans Studio.",
+      draftPosture: "Les modifications suivantes sont enregistrées comme brouillons ; publiez-les avec « Publier » ici, dans le chat.",
       checksPassed: "Vérifications réussies {{passed}}/{{total}}",
     },
     changes: {
diff --git a/ui/packages/i18n/src/locales/ja.ts b/ui/packages/i18n/src/locales/ja.ts
index 3c036cd6d9d..d456fe679e4 100644
--- a/ui/packages/i18n/src/locales/ja.ts
+++ b/ui/packages/i18n/src/locales/ja.ts
@@ -1789,6 +1789,7 @@ const ja = {
       assistant: "アシスタント",
       liveCanvas: "ライブプレビュー — {{app}}（ドラフト）",
       liveCanvasUnlisted: "ライブアプリ — {{app}}（公開するまで非掲載）",
+      liveCanvasLive: "ライブアプリ — {{app}}",
       loadingAgents: "エージェントを読み込んでいます…",
       askAnything: "何でも質問してください…",
       askOrChangeApp: "データについて質問するか、このアプリの変更を依頼…",
@@ -3722,7 +3723,7 @@ const ja = {
       unknownPhase: "不明なビルドフェーズ",
       nextStepsLead: "次はこう話しかけられます：{{steps}}",
       nextStepQuote: "「{{step}}」",
-      draftPosture: "以降の変更は下書きとして保存され、Studio で公開します。",
+      draftPosture: "以降の変更は下書きとして保存され、このチャットの「公開」で公開します。",
       checksPassed: "照合済み {{passed}}/{{total}}",
     },
     changes: {
diff --git a/ui/packages/i18n/src/locales/ko.ts b/ui/packages/i18n/src/locales/ko.ts
index 51fb7ef2bb6..17ced5693bc 100644
--- a/ui/packages/i18n/src/locales/ko.ts
+++ b/ui/packages/i18n/src/locales/ko.ts
@@ -1787,6 +1787,7 @@ const ko = {
       assistant: "어시스턴트",
       liveCanvas: "실시간 미리보기 — {{app}}(초안)",
       liveCanvasUnlisted: "실시간 앱 — {{app}}(게시 전까지 비공개)",
+      liveCanvasLive: "실시간 앱 — {{app}}",
       loadingAgents: "에이전트를 불러오는 중…",
       askAnything: "무엇이든 물어보세요…",
       askOrChangeApp: "데이터에 대해 묻거나 이 앱을 바꿔 달라고 요청하세요…",
@@ -3719,7 +3720,7 @@ const ko = {
       unknownPhase: "알 수 없는 빌드 단계",
       nextStepsLead: "다음으로 이렇게 말할 수 있습니다: {{steps}}",
       nextStepQuote: "“{{step}}”",
-      draftPosture: "이후 변경 사항은 초안으로 저장되며, Studio에서 직접 게시합니다.",
+      draftPosture: "이후 변경 사항은 초안으로 저장되며, 이 채팅의 「게시」로 게시합니다.",
       checksPassed: "검증 통과 {{passed}}/{{total}}",
     },
     changes: {
diff --git a/ui/packages/i18n/src/locales/pt.ts b/ui/packages/i18n/src/locales/pt.ts
index 3190cad1465..a321a0a359e 100644
--- a/ui/packages/i18n/src/locales/pt.ts
+++ b/ui/packages/i18n/src/locales/pt.ts
@@ -1831,6 +1831,7 @@ const pt = {
       assistant: "Assistente",
       liveCanvas: "Pré-visualização ao vivo — {{app}} (rascunho)",
       liveCanvasUnlisted: "Aplicativo ao vivo — {{app}} (não listado até ser publicado)",
+      liveCanvasLive: "Aplicativo ao vivo — {{app}}",
       loadingAgents: "Carregando agentes…",
       askAnything: "Pergunte qualquer coisa…",
       askOrChangeApp: "Pergunte sobre seus dados ou peça para eu alterar este app…",
@@ -3788,7 +3789,7 @@ const pt = {
       unknownPhase: "Fase de criação desconhecida",
       nextStepsLead: "Em seguida, você pode dizer: {{steps}}",
       nextStepQuote: "“{{step}}”",
-      draftPosture: "As alterações seguintes ficam salvas como rascunho, e você as publica no Studio.",
+      draftPosture: "As alterações seguintes ficam salvas como rascunho; publique-as com «Publicar» aqui no chat.",
       checksPassed: "Verificações aprovadas {{passed}}/{{total}}",
     },
     changes: {
diff --git a/ui/packages/i18n/src/locales/ru.ts b/ui/packages/i18n/src/locales/ru.ts
index 95634b0af47..df0b1c748fe 100644
--- a/ui/packages/i18n/src/locales/ru.ts
+++ b/ui/packages/i18n/src/locales/ru.ts
@@ -1887,6 +1887,7 @@ const ru = {
       assistant: "Ассистент",
       liveCanvas: "Живой предпросмотр — {{app}} (черновик)",
       liveCanvasUnlisted: "Работающее приложение — {{app}} (скрыто до публикации)",
+      liveCanvasLive: "Работающее приложение — {{app}}",
       loadingAgents: "Загрузка агентов…",
       askAnything: "Спросите о чём угодно…",
       askOrChangeApp: "Спросите о данных или попросите меня изменить это приложение…",
@@ -3875,7 +3876,7 @@ const ru = {
       unknownPhase: "Неизвестный этап сборки",
       nextStepsLead: "Дальше можно сказать: {{steps}}",
       nextStepQuote: "«{{step}}»",
-      draftPosture: "Дальнейшие изменения сохраняются как черновики, а публикуете их вы в Studio.",
+      draftPosture: "Дальнейшие изменения сохраняются как черновики; опубликуйте их кнопкой «Опубликовать» здесь, в чате.",
       checksPassed: "Проверки пройдены {{passed}}/{{total}}",
     },
     changes: {
diff --git a/ui/packages/i18n/src/locales/zh.ts b/ui/packages/i18n/src/locales/zh.ts
index e1ed49879d7..06cbb77f938 100644
--- a/ui/packages/i18n/src/locales/zh.ts
+++ b/ui/packages/i18n/src/locales/zh.ts
@@ -1949,6 +1949,7 @@ const zh = {
       assistant: '助手',
       liveCanvas: '草稿预览 · {{app}}',
       liveCanvasUnlisted: '运行预览 · {{app}}(未发布 · 仅自己可见)',
+      liveCanvasLive: '运行预览 · {{app}}',
       loadingAgents: '正在加载助手…',
       askAnything: '输入你的问题…',
       askOrChangeApp: '问问数据，或让我改改这个应用…',
@@ -3902,7 +3903,7 @@ const zh = {
       unknownPhase: '未知的构建阶段',
       nextStepsLead: '接下来可以说：{{steps}}',
       nextStepQuote: '「{{step}}」',
-      draftPosture: '之后的修改先存草稿，由你在 Studio 发布。',
+      draftPosture: '之后的修改先存草稿，在对话里点「发布」即可上线。',
       checksPassed: '核对通过 {{passed}}/{{total}}',
     },
     changes: {
diff --git a/ui/packages/plugin-chatbot/src/ChatbotEnhanced.tsx b/ui/packages/plugin-chatbot/src/ChatbotEnhanced.tsx
index 54fc319b300..77834f6ef64 100644
--- a/ui/packages/plugin-chatbot/src/ChatbotEnhanced.tsx
+++ b/ui/packages/plugin-chatbot/src/ChatbotEnhanced.tsx
@@ -206,8 +206,11 @@ export interface ChatBuildProgress {
   phase: ChatBuildPhase;
   /** Human label for the app being built (for the panel header). */
   appLabel?: string;
-  /** Artifacts drafted so far, cumulative. */
-  items: Array<{ type: string; name: string }>;
+  /**
+   * Artifacts drafted so far, cumulative. `label` is the artifact's display
+   * label when the frame carries one; the panel shows it in place of `name`.
+   */
+  items: Array<{ type: string; name: string; label?: string }>;
   /** Count of artifacts done and the rough total (for the progress bar). */
   done: number;
   total: number;
@@ -753,6 +756,15 @@ export interface ChatbotEnhancedProps extends React.HTMLAttributes<HTMLDivElemen
    * but unlisted. Hosts switch the canvas to the real app URL.
    */
   onBuildMaterialized?: (appName: string) => void;
+  /**
+   * The finished build card's own answer about the app it built: the app's
+   * machine `appName`, the `label` the card shows, and whether the card says
+   * it is live (published). Fires when a build card finishes and again
+   * whenever that answer changes (on publish, for one), so a host that shows
+   * the same app elsewhere — the Live Canvas header — reads the card's state
+   * rather than deriving its own.
+   */
+  onBuildResult?: (result: { appName: string; label?: string; live: boolean }) => void;
   /**
    * objectui#11666 — reports whether this thread's NEWEST proposed plan is
    * still waiting for the user's approval: its card offers "Build it", i.e.
@@ -2037,6 +2049,7 @@ const ChatbotEnhanced = React.forwardRef<HTMLDivElement, ChatbotEnhancedProps>(
       onPreviewDraft,
       onDraftArtifacts,
       onBuildMaterialized,
+      onBuildResult,
       onPlanApprovalPendingChange,
       publishDraftsLabel = 'Publish',
       publishedLabel = 'Published',
@@ -4176,8 +4189,13 @@ const ChatbotEnhanced = React.forwardRef<HTMLDivElement, ChatbotEnhancedProps>(
                     buildChecklist = detectBuildChecklist(tools[i].result);
                   }
                 }
+                // A materialized build whose envelope says the app is already
+                // listed (`appHidden: false`) is published: ADR-0045 publish
+                // = live AND visible.
                 const buildIsLive =
                   publishedBuild !== undefined ||
+                  (builtAppDraft?.draftReview?.materialized === true &&
+                    builtAppDraft.draftReview.appHidden === false) ||
                   (builtAppDraft !== undefined &&
                     (builtPackageId !== undefined && pendingByPackage.has(builtPackageId)
                       ? pendingByPackage.get(builtPackageId) === 0
@@ -4261,6 +4279,7 @@ const ChatbotEnhanced = React.forwardRef<HTMLDivElement, ChatbotEnhancedProps>(
                           getArtifactAction={getArtifactAction}
                           onPreviewDraftApp={onPreviewDraftApp}
                           previewDraftLabel={previewDraftLabel}
+                          onBuildResult={onBuildResult}
                           waitingLabel={L.connectionWaiting}
                           stalledLabel={L.connectionStalledLabel}
                           offlineLabel={L.connectionOfflineLabel}
@@ -5289,6 +5308,7 @@ function BuildProgressPanel({
   getArtifactAction,
   onPreviewDraftApp,
   previewDraftLabel = 'Preview',
+  onBuildResult,
   live = false,
   nextSteps,
   checklist,
@@ -5324,6 +5344,8 @@ function BuildProgressPanel({
   ) => (() => void) | null;
   onPreviewDraftApp?: (appName: string) => void;
   previewDraftLabel?: string;
+  /** {@link ChatbotEnhancedProps.onBuildResult}: this card's app, label and live state. */
+  onBuildResult?: ChatbotEnhancedProps['onBuildResult'];
   waitingLabel?: string;
   stalledLabel?: string;
   offlineLabel?: string;
@@ -5361,12 +5383,26 @@ function BuildProgressPanel({
   const stagedApp = items.find((it) => it.type === 'app');
   const builtApp = checklist?.app ?? stagedApp;
   const studioSegment = checklist?.packageId ?? appSegment;
+  // The card's own answer, handed to the host as the card shows it: the label
+  // its title names the app by and whether that title says the app is live.
+  const resultAppName = builtApp?.name;
+  const resultLabel = checklist?.app?.label ?? appLabel;
+  const resultLive = isDone && live;
+  React.useEffect(() => {
+    if (!onBuildResult || !resultAppName) return;
+    onBuildResult({
+      appName: resultAppName,
+      ...(resultLabel ? { label: resultLabel } : {}),
+      live: resultLive,
+    });
+  }, [onBuildResult, resultAppName, resultLabel, resultLive]);
   const showChecklist = isDone && checklist !== undefined;
   const pct = total > 0 ? Math.min(100, Math.round((done / total) * 100)) : isDone ? 100 : 6;
   const groups = new Map<string, Array<{ name: string; display: string }>>();
   for (const it of items) {
     const arr = groups.get(it.type) ?? [];
-    arr.push({ name: it.name, display: it.name.replace(/_sample$/, '') });
+    // The frame's label when it carries one; the machine name otherwise.
+    arr.push({ name: it.name, display: it.label || it.name.replace(/_sample$/, '') });
     groups.set(it.type, arr);
   }
   const orderedTypes = [
@@ -5575,7 +5611,7 @@ function BuildProgressPanel({
           ) : null}
           <span data-testid="build-result-posture">
             {t('chatbot.build.draftPosture', {
-              defaultValue: 'Later changes are saved as drafts, and you publish them in Studio.',
+              defaultValue: 'Later changes are saved as drafts; click Publish here in the chat to make them live.',
             })}
           </span>
         </p>
diff --git a/ui/packages/plugin-chatbot/src/mapMessages.ts b/ui/packages/plugin-chatbot/src/mapMessages.ts
index cbc1b70fbe0..6b3e8f8eb07 100644
--- a/ui/packages/plugin-chatbot/src/mapMessages.ts
+++ b/ui/packages/plugin-chatbot/src/mapMessages.ts
@@ -222,6 +222,12 @@ export interface DraftReview {
    * open the REAL app URL, not the draft overlay.
    */
   materialized?: boolean;
+  /**
+   * The build envelope's `appHidden`, beside `materialized`: `false` says
+   * the materialized app is already listed, i.e. published (ADR-0045
+   * publish = live AND visible). Absent when the envelope does not say.
+   */
+  appHidden?: boolean;
   /**
    * ADR-0038 L1 graph-lint verdict for the staged build. Rendered as a
    * verified/issues chip so "drafted" and "verified" read as the two
@@ -1095,6 +1101,7 @@ function draftReviewOf(obj: Record<string, unknown>): DraftReview | undefined {
     // ADR-0045: the build was materialized in-turn (real tables + data, app
     // hidden). The canvas then previews the REAL app URL, not the draft overlay.
     ...(obj.materialized === true ? { materialized: true } : {}),
+    ...(typeof obj.appHidden === 'boolean' ? { appHidden: obj.appHidden } : {}),
     ...(verification ? { verification } : {}),
     ...(issues.length ? { issues } : {}),
     // objectui#10109 — the producer's incremental-edit marker rides the draft
@@ -1340,7 +1347,13 @@ function extractBuildProgress(parts: AnyPart[]): ChatBuildProgress | undefined {
   const items = Array.isArray(d.items)
     ? (d.items as Array<Record<string, unknown>>)
         .filter((i) => typeof i?.type === 'string' && typeof i?.name === 'string')
-        .map((i) => ({ type: i.type as string, name: i.name as string }))
+        .map((i) => ({
+          type: i.type as string,
+          name: i.name as string,
+          // The item's display label, when the frame carries one; the panel
+          // falls back to the machine name without it.
+          ...(typeof i.label === 'string' && i.label ? { label: i.label } : {}),
+        }))
     : [];
   const phase = readBuildPhase(d.phase);
   return {

From d8812ce1d55e322a48dce3e39c4fe90f8b740eb6 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Tue, 27 Oct 2026 05:34:47 +0000
Subject: [PATCH 2/4] test(ui): pin the canvas header, progress labels and
 listed-build live state

Claude-Session: https://claude.ai/code/session_01ADHkmQw9ePD2KCzPfJGa6p
Co-authored-by: Claude <noreply@anthropic.com>
---
 .../ai/LiveCanvas.header-26469.test.tsx       |  57 +++++
 .../AiChatPage.canvasHeader-26469.test.tsx    | 213 ++++++++++++++++++
 .../ChatbotEnhanced.buildChat-12724.test.tsx  |   2 +-
 ...tEnhanced.buildResultHeader-26469.test.tsx | 196 ++++++++++++++++
 4 files changed, 467 insertions(+), 1 deletion(-)
 create mode 100644 ui/packages/app-shell/src/console/ai/LiveCanvas.header-26469.test.tsx
 create mode 100644 ui/packages/app-shell/src/console/ai/__tests__/AiChatPage.canvasHeader-26469.test.tsx
 create mode 100644 ui/packages/plugin-chatbot/src/__tests__/ChatbotEnhanced.buildResultHeader-26469.test.tsx

diff --git a/ui/packages/app-shell/src/console/ai/LiveCanvas.header-26469.test.tsx b/ui/packages/app-shell/src/console/ai/LiveCanvas.header-26469.test.tsx
new file mode 100644
index 00000000000..a919d789aab
--- /dev/null
+++ b/ui/packages/app-shell/src/console/ai/LiveCanvas.header-26469.test.tsx
@@ -0,0 +1,57 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * objectstack#26469 — the Live Canvas header names the app by the label the
+ * chat's build card uses and says what the card says about publishing: a
+ * build the card calls live carries no 「未发布 · 仅自己可见」, a materialized
+ * build the card does not call live keeps it. Rendered through the shipped zh
+ * pack, since the wording is the point.
+ */
+import '@testing-library/jest-dom/vitest';
+import { describe, it, expect } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import { MemoryRouter } from 'react-router-dom';
+import { I18nProvider } from '@object-ui/i18n';
+import { LiveCanvas, type LiveCanvasProps } from './LiveCanvas';
+
+function renderZh(props: Partial<LiveCanvasProps>) {
+  render(
+    <MemoryRouter>
+      <I18nProvider config={{ defaultLanguage: 'zh', detectBrowserLanguage: false }}>
+        <LiveCanvas
+          appName="home_renovation_management"
+          appSegment="app.u9ba"
+          refreshKey={0}
+          onClose={() => {}}
+          {...props}
+        />
+      </I18nProvider>
+    </MemoryRouter>,
+  );
+  return screen.getByTestId('live-canvas').firstElementChild as HTMLElement;
+}
+
+describe('LiveCanvas header — the build card is the source (objectstack#26469)', () => {
+  it('a published build: the label, and no 未发布 badge', () => {
+    const header = renderZh({ appLabel: '家装项目管理', materialized: true, live: true });
+    expect(header).toHaveTextContent('运行预览 · 家装项目管理');
+    expect(header).not.toHaveTextContent('未发布');
+    expect(header).not.toHaveTextContent('home_renovation_management');
+  });
+
+  it('a materialized build the card does not call live keeps the 未发布 badge', () => {
+    const header = renderZh({ appLabel: '家装项目管理', materialized: true });
+    expect(header).toHaveTextContent('运行预览 · 家装项目管理(未发布 · 仅自己可见)');
+  });
+
+  it('without a label the header falls back to the machine name', () => {
+    const header = renderZh({ materialized: true, live: true });
+    expect(header).toHaveTextContent('运行预览 · home_renovation_management');
+  });
+
+  it('a draft preview stays a draft preview, by label', () => {
+    const header = renderZh({ appLabel: '家装项目管理' });
+    expect(header).toHaveTextContent('草稿预览 · 家装项目管理');
+  });
+});
diff --git a/ui/packages/app-shell/src/console/ai/__tests__/AiChatPage.canvasHeader-26469.test.tsx b/ui/packages/app-shell/src/console/ai/__tests__/AiChatPage.canvasHeader-26469.test.tsx
new file mode 100644
index 00000000000..6efdae3c471
--- /dev/null
+++ b/ui/packages/app-shell/src/console/ai/__tests__/AiChatPage.canvasHeader-26469.test.tsx
@@ -0,0 +1,213 @@
+// Copyright (c) 2026 ObjectStack. Licensed under the Apache-2.0 license.
+
+/**
+ * objectstack#26469 — the Live Canvas header reads the chat's build card.
+ *
+ * The header named the app by its machine name and said 「未发布 · 仅自己可见」
+ * for a build the card beside it called 「已搭建并上线」, and it never
+ * changed. The console host now hands the canvas the card's own answer,
+ * reported through `onBuildResult`: the label the card names the app by and
+ * whether the card says it is live — and follows it when that changes.
+ *
+ * The chat is faked so the test drives the two callbacks the real
+ * `ChatbotEnhanced` calls (the card's report is pinned in
+ * `ChatbotEnhanced.buildResultHeader-26469.test.tsx`); the Live Canvas is
+ * faked so its props are readable. Same harness as
+ * `AiChatPage.previewDraft-12968.test.tsx`.
+ */
+
+import '@testing-library/jest-dom/vitest';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react';
+import React from 'react';
+
+type Report = (result: { appName: string; label?: string; live: boolean }) => void;
+const APP = 'home_renovation_management';
+
+vi.mock('@object-ui/plugin-chatbot', async (importOriginal) => {
+  const actual = await importOriginal<Record<string, unknown>>();
+  return {
+    ...actual,
+    useAiModels: () => ({ models: [], defaultModelId: undefined }),
+    useHitlInChat: () => ({ decide: vi.fn(), decisions: {} }),
+    useObjectChat: () => ({
+      messages: [],
+      isLoading: false,
+      error: undefined,
+      sendMessage: vi.fn(),
+      stop: vi.fn(),
+      reload: vi.fn(),
+      clear: vi.fn(),
+      setMessages: vi.fn(),
+    }),
+    ChatbotEnhanced: (props: Record<string, unknown>) => {
+      const materialized = props.onBuildMaterialized as ((app: string) => void) | undefined;
+      const report = props.onBuildResult as Report | undefined;
+      return (
+        <div data-testid="pane">
+          <button type="button" data-testid="materialize" onClick={() => materialized?.(APP)} />
+          <button
+            type="button"
+            data-testid="report-built"
+            onClick={() => report?.({ appName: APP, label: '家装项目管理', live: false })}
+          />
+          <button
+            type="button"
+            data-testid="report-live"
+            onClick={() => report?.({ appName: APP, label: '家装项目管理', live: true })}
+          />
+          <button
+            type="button"
+            data-testid="report-other"
+            onClick={() => report?.({ appName: 'other_app', label: '别的应用', live: true })}
+          />
+        </div>
+      );
+    },
+  };
+});
+vi.mock('@object-ui/plugin-chatbot/core', async (importOriginal) => ({
+  ...(await importOriginal<typeof import('@object-ui/plugin-chatbot/core')>()),
+  useAgents: () => ({
+    agents: [{ name: 'metadata_assistant', label: 'Build', capabilities: ['build'] }],
+    loading: false,
+    error: undefined,
+    refetch: vi.fn(),
+  }),
+}));
+
+vi.mock('@object-ui/auth', async (importOriginal) => {
+  const actual = await importOriginal<Record<string, unknown>>();
+  return { ...actual, useAuth: () => ({ user: { id: 'u1' } }) };
+});
+vi.mock('../../../providers/MetadataProvider', async (importOriginal) => {
+  const actual = await importOriginal<Record<string, unknown>>();
+  return { ...actual, useMetadata: () => ({ apps: [] }) };
+});
+vi.mock('../../../providers/AdapterProvider', async (importOriginal) => {
+  const actual = await importOriginal<Record<string, unknown>>();
+  return { ...actual, useAdapter: () => null };
+});
+vi.mock('../ConversationsSidebar', () => ({
+  ConversationsSidebar: () => <div data-testid="sidebar" />,
+}));
+vi.mock('../LiveCanvas', () => ({
+  LiveCanvas: (props: { appName: string; appLabel?: string; live?: boolean; materialized?: boolean }) => (
+    <div
+      data-testid="live-canvas"
+      data-app={props.appName}
+      data-label={props.appLabel ?? ''}
+      data-live={String(props.live === true)}
+      data-materialized={String(props.materialized === true)}
+    />
+  ),
+}));
+
+import { MemoryRouter, Route, Routes, useLocation } from 'react-router-dom';
+import { AiChatPage } from '../AiChatPage';
+
+window.matchMedia = ((query: string) => ({
+  matches: false,
+  media: query,
+  onchange: null,
+  addEventListener: () => {},
+  removeEventListener: () => {},
+  addListener: () => {},
+  removeListener: () => {},
+  dispatchEvent: () => false,
+})) as unknown as typeof window.matchMedia;
+
+function installFetch(): void {
+  vi.stubGlobal(
+    'fetch',
+    vi.fn(async (input: RequestInfo | URL, init?: RequestInit) => {
+      const url = String(input);
+      const method = init?.method ?? 'GET';
+      if (/\/conversations\/conv-1$/.test(url) && method === 'GET') {
+        return new Response(JSON.stringify({ id: 'conv-1', messages: [] }), {
+          status: 200,
+          headers: { 'Content-Type': 'application/json' },
+        });
+      }
+      return new Response(JSON.stringify({ success: true, data: [] }), {
+        status: 200,
+        headers: { 'Content-Type': 'application/json' },
+      });
+    }),
+  );
+}
+
+function Where() {
+  const location = useLocation();
+  return <div data-testid="where" data-path={location.pathname} />;
+}
+
+function renderPage() {
+  render(
+    <MemoryRouter initialEntries={['/ai/build/conv-1']}>
+      <Routes>
+        <Route path="/ai/:agent/:conversationId" element={<AiChatPage />} />
+        <Route path="/ai/:agent" element={<AiChatPage />} />
+      </Routes>
+      <Where />
+    </MemoryRouter>,
+  );
+}
+
+beforeEach(() => {
+  window.localStorage.clear();
+  window.sessionStorage.clear();
+  installFetch();
+});
+
+afterEach(() => {
+  cleanup();
+  vi.unstubAllGlobals();
+});
+
+async function openPane() {
+  renderPage();
+  await waitFor(() => expect(screen.getByTestId('pane')).toBeInTheDocument(), { timeout: 4000 });
+}
+
+describe('AiChatPage — the canvas header follows the build card (objectstack#26469)', () => {
+  it('a materialized build the card calls built (not live) keeps the unlisted header, by label', async () => {
+    await openPane();
+    fireEvent.click(screen.getByTestId('materialize'));
+    fireEvent.click(screen.getByTestId('report-built'));
+    const canvas = await screen.findByTestId('live-canvas');
+    expect(canvas).toHaveAttribute('data-app', APP);
+    expect(canvas).toHaveAttribute('data-label', '家装项目管理');
+    expect(canvas).toHaveAttribute('data-materialized', 'true');
+    expect(canvas).toHaveAttribute('data-live', 'false');
+  });
+
+  it('the header turns live when the card does — it updates on publish', async () => {
+    await openPane();
+    fireEvent.click(screen.getByTestId('materialize'));
+    fireEvent.click(screen.getByTestId('report-built'));
+    expect(await screen.findByTestId('live-canvas')).toHaveAttribute('data-live', 'false');
+    fireEvent.click(screen.getByTestId('report-live'));
+    expect(screen.getByTestId('live-canvas')).toHaveAttribute('data-live', 'true');
+  });
+
+  it('a report that arrives before the canvas opens still reaches the header', async () => {
+    await openPane();
+    // The card's effect runs before its host's (children first), so on a
+    // reopened conversation the report precedes the materialized signal.
+    fireEvent.click(screen.getByTestId('report-live'));
+    fireEvent.click(screen.getByTestId('materialize'));
+    const canvas = await screen.findByTestId('live-canvas');
+    expect(canvas).toHaveAttribute('data-live', 'true');
+    expect(canvas).toHaveAttribute('data-label', '家装项目管理');
+  });
+
+  it("another app's report leaves this canvas alone", async () => {
+    await openPane();
+    fireEvent.click(screen.getByTestId('materialize'));
+    fireEvent.click(screen.getByTestId('report-other'));
+    const canvas = await screen.findByTestId('live-canvas');
+    expect(canvas).toHaveAttribute('data-label', '');
+    expect(canvas).toHaveAttribute('data-live', 'false');
+  });
+});
diff --git a/ui/packages/plugin-chatbot/src/__tests__/ChatbotEnhanced.buildChat-12724.test.tsx b/ui/packages/plugin-chatbot/src/__tests__/ChatbotEnhanced.buildChat-12724.test.tsx
index 9b42c4ca23f..1a652280267 100644
--- a/ui/packages/plugin-chatbot/src/__tests__/ChatbotEnhanced.buildChat-12724.test.tsx
+++ b/ui/packages/plugin-chatbot/src/__tests__/ChatbotEnhanced.buildChat-12724.test.tsx
@@ -207,7 +207,7 @@ describe('objectui#12724 — the finished build card', () => {
     // The published envelope lifts no draft review; the package is its own.
     expect(onDesignBuiltApp).toHaveBeenCalledWith('library_app', 'app.hcpl');
     expect(screen.getByTestId('build-result-posture')).toHaveTextContent(
-      '之后的修改先存草稿，由你在 Studio 发布。',
+      '之后的修改先存草稿，在对话里点「发布」即可上线。',
     );
   });
 
diff --git a/ui/packages/plugin-chatbot/src/__tests__/ChatbotEnhanced.buildResultHeader-26469.test.tsx b/ui/packages/plugin-chatbot/src/__tests__/ChatbotEnhanced.buildResultHeader-26469.test.tsx
new file mode 100644
index 00000000000..934daa1e8db
--- /dev/null
+++ b/ui/packages/plugin-chatbot/src/__tests__/ChatbotEnhanced.buildResultHeader-26469.test.tsx
@@ -0,0 +1,196 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * objectstack#26469 — the AI build page's progress panel and the build card's
+ * answer the Live Canvas header reads.
+ *
+ *  1. Progress items show the frame's `label` when it carries one and fall
+ *     back to the machine name without it (the cloud half that adds `label`
+ *     may land later; the panel must read right before and after).
+ *  2. `onBuildResult` hands the host the card's own answer — the app, the
+ *     label its title names and whether its title says live — and fires again
+ *     when that answer changes (the build is published).
+ *  3. A materialized build whose envelope says `appHidden: false` is listed,
+ *     i.e. published, so the card reads live; `appHidden: true` does not.
+ *  4. The posture footnote names Publish in the chat, not Studio.
+ */
+import '@testing-library/jest-dom/vitest';
+import { describe, expect, it, vi } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import { I18nProvider } from '@object-ui/i18n';
+import { ChatbotEnhanced, type ChatbotEnhancedMessage } from '../ChatbotEnhanced';
+import { detectDraftResult, uiMessageToChatMessage } from '../mapMessages';
+
+function inLocale(lang: 'zh' | 'en', ui: React.ReactElement) {
+  return (
+    <I18nProvider config={{ defaultLanguage: lang, detectBrowserLanguage: false }}>{ui}</I18nProvider>
+  );
+}
+
+const building = (items: Array<{ type: string; name: string; label?: string }>): ChatbotEnhancedMessage => ({
+  id: 'building-1',
+  role: 'assistant',
+  content: '',
+  streaming: true,
+  buildProgress: { phase: 'structure', appLabel: '家装项目管理', items, done: items.length, total: 8 },
+});
+
+const items = [
+  { type: 'object', name: 'u9ba_customer' },
+  { type: 'app', name: 'home_renovation_management' },
+];
+
+/** A finished whole-app build; the envelope varies per case. */
+const built = (envelope: Record<string, unknown>): ChatbotEnhancedMessage => {
+  const result = { packageId: 'app.u9ba', drafted: items, ...envelope };
+  const draftReview = detectDraftResult(result);
+  return {
+    id: 'built-1',
+    role: 'assistant',
+    content: '',
+    buildProgress: { phase: 'done', appLabel: '家装项目管理', items, done: 2, total: 2 },
+    toolInvocations: [
+      {
+        toolCallId: 'apply-1',
+        toolName: 'apply_blueprint',
+        state: 'output-available',
+        result,
+        ...(draftReview ? { draftReview } : {}),
+      },
+    ],
+  };
+};
+
+describe('objectstack#26469 — progress items show labels', () => {
+  it('a frame item with a label shows the label; one without falls back to the machine name', () => {
+    render(
+      <ChatbotEnhanced
+        isLoading
+        messages={[
+          building([
+            { type: 'object', name: 'u9ba_customer', label: '客户' },
+            { type: 'view', name: 'u9ba_project.project_list' },
+          ]),
+        ]}
+      />,
+    );
+    const panel = screen.getByTestId('build-progress');
+    expect(panel).toHaveTextContent('客户');
+    expect(panel).not.toHaveTextContent('u9ba_customer');
+    expect(panel).toHaveTextContent('u9ba_project.project_list');
+  });
+
+  it('the stream reader keeps an item label and leaves it off when the frame has none', () => {
+    const out = uiMessageToChatMessage({
+      id: 'm1',
+      role: 'assistant',
+      parts: [
+        {
+          type: 'data-build-progress',
+          id: 'build-progress',
+          data: {
+            phase: 'structure',
+            items: [
+              { type: 'object', name: 'u9ba_customer', label: '客户' },
+              { type: 'object', name: 'u9ba_project' },
+            ],
+          },
+        },
+      ],
+    });
+    expect(out.buildProgress?.items).toEqual([
+      { type: 'object', name: 'u9ba_customer', label: '客户' },
+      { type: 'object', name: 'u9ba_project' },
+    ]);
+  });
+});
+
+describe('objectstack#26469 — the card hands its answer to the host', () => {
+  it('a published build reports its label and live', () => {
+    const onBuildResult = vi.fn();
+    render(<ChatbotEnhanced messages={[built({ status: 'published' })]} onBuildResult={onBuildResult} />);
+    expect(onBuildResult).toHaveBeenLastCalledWith({
+      appName: 'home_renovation_management',
+      label: '家装项目管理',
+      live: true,
+    });
+  });
+
+  it('an unpublished build reports not live, and reports again once it is published', () => {
+    const onBuildResult = vi.fn();
+    const { rerender } = render(
+      <ChatbotEnhanced messages={[built({ status: 'drafted' })]} onBuildResult={onBuildResult} />,
+    );
+    expect(onBuildResult).toHaveBeenLastCalledWith({
+      appName: 'home_renovation_management',
+      label: '家装项目管理',
+      live: false,
+    });
+    rerender(<ChatbotEnhanced messages={[built({ status: 'published' })]} onBuildResult={onBuildResult} />);
+    expect(onBuildResult).toHaveBeenLastCalledWith({
+      appName: 'home_renovation_management',
+      label: '家装项目管理',
+      live: true,
+    });
+  });
+
+  it('the checklist label wins over the stream label, as on the card title', () => {
+    const onBuildResult = vi.fn();
+    const message = built({
+      status: 'published',
+      checklist: {
+        status: 'passed',
+        passed: 1,
+        total: 1,
+        app: { name: 'home_renovation_management', label: '家装项目' },
+        lines: [{ kind: 'object', status: 'passed', line: '对象 1 个' }],
+      },
+    });
+    render(<ChatbotEnhanced messages={[message]} onBuildResult={onBuildResult} />);
+    expect(screen.getByTestId('build-progress-title')).toHaveTextContent(/· 家装项目$/);
+    expect(onBuildResult).toHaveBeenLastCalledWith({
+      appName: 'home_renovation_management',
+      label: '家装项目',
+      live: true,
+    });
+  });
+});
+
+describe('objectstack#26469 — a listed materialized build is live', () => {
+  it('materialized with appHidden: false reads live on the card and in the report', () => {
+    const onBuildResult = vi.fn();
+    render(
+      <ChatbotEnhanced
+        messages={[built({ status: 'drafted', materialized: true, appHidden: false })]}
+        onBuildResult={onBuildResult}
+      />,
+    );
+    expect(screen.getByTestId('build-progress-title')).toHaveTextContent(/^Built and live · 家装项目管理$/);
+    expect(onBuildResult).toHaveBeenLastCalledWith(expect.objectContaining({ live: true }));
+  });
+
+  it('materialized with appHidden: true is not live', () => {
+    const onBuildResult = vi.fn();
+    render(
+      <ChatbotEnhanced
+        messages={[built({ status: 'drafted', materialized: true, appHidden: true })]}
+        onBuildResult={onBuildResult}
+      />,
+    );
+    expect(screen.getByTestId('build-progress-title')).toHaveTextContent(/^Built 家装项目管理$/);
+    expect(onBuildResult).toHaveBeenLastCalledWith(expect.objectContaining({ live: false }));
+  });
+
+  it('the draft review lifts appHidden only when the envelope says it', () => {
+    expect(detectDraftResult({ status: 'drafted', drafted: items, appHidden: false })?.appHidden).toBe(false);
+    expect(detectDraftResult({ status: 'drafted', drafted: items })).not.toHaveProperty('appHidden');
+  });
+});
+
+describe('objectstack#26469 — the posture footnote names Publish in the chat', () => {
+  it('zh', () => {
+    render(inLocale('zh', <ChatbotEnhanced messages={[built({ status: 'published' })]} onOpenBuiltApp={vi.fn()} />));
+    expect(screen.getByTestId('build-result-posture')).toHaveTextContent('之后的修改先存草稿，在对话里点「发布」即可上线。');
+  });
+});

From 8bb91c2a46a46583e49b22e97326eb2dcecca43b Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Tue, 27 Oct 2026 05:35:11 +0000
Subject: [PATCH 3/4] chore(changeset): AI build page header and progress
 labels

Claude-Session: https://claude.ai/code/session_01ADHkmQw9ePD2KCzPfJGa6p
Co-authored-by: Claude <noreply@anthropic.com>
---
 .../26469-ai-build-canvas-header-labels.md      | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 .changeset/26469-ai-build-canvas-header-labels.md

diff --git a/.changeset/26469-ai-build-canvas-header-labels.md b/.changeset/26469-ai-build-canvas-header-labels.md
new file mode 100644
index 00000000000..7a9d86a6ac5
--- /dev/null
+++ b/.changeset/26469-ai-build-canvas-header-labels.md
@@ -0,0 +1,17 @@
+---
+'@object-ui/app-shell': patch
+'@object-ui/plugin-chatbot': patch
+'@object-ui/i18n': patch
+---
+
+fix(app-shell,plugin-chatbot,i18n): the AI build page's preview header names the app by its label and says what the build card says about publishing; the progress panel shows labels
+
+Clause-②: no
+Metadata-protocol: none
+
+- **Preview header.** The Live Canvas header named the app by its machine name and said "unlisted until published" (「未发布 · 仅自己可见」) for any materialized build, even one the build card beside it called live, and never changed. It now reads the build card's own answer: the label the card names the app by (`checklist.app.label`, else the build's label) and whether the card says the app is live. A live build reads "Live app — LABEL" (「运行预览 · LABEL」), and the header follows the card when the build is published. A materialized build the card does not call live keeps the unlisted note.
+- **`ChatbotEnhanced`.** New optional prop `onBuildResult({ appName, label, live })`, fired by a build card when it has an app and again when its label or live state changes. Additive; hosts that do not pass it see no change.
+- **Listed materialized builds are live.** A build envelope that says `materialized: true` and `appHidden: false` (the app is already listed, ADR-0045 publish = live and visible) now reads "Built and live" on the card. The draft review carries `appHidden` when the envelope says it.
+- **Progress items.** `ChatBuildProgress.items` entries gain an optional `label`; the panel shows it in place of the machine name, and falls back to the name when a frame carries none.
+- **Footnote.** The finished card's posture line names Publish in the chat instead of Studio, in every shipped locale.
+- **i18n.** New key `console.ai.liveCanvasLive` in every locale; `chatbot.build.draftPosture` reworded.

From af7a3daeee0c6ad36f6160650c24af40382a7ca5 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Tue, 27 Oct 2026 06:33:24 +0000
Subject: [PATCH 4/4] test(i18n): the de pack gains one paired quote span in
 draftPosture

Claude-Session: https://claude.ai/code/session_01ADHkmQw9ePD2KCzPfJGa6p
Co-authored-by: Claude <noreply@anthropic.com>
---
 .../i18n/src/__tests__/de-quote-pairing-3876.test.ts   | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/ui/packages/i18n/src/__tests__/de-quote-pairing-3876.test.ts b/ui/packages/i18n/src/__tests__/de-quote-pairing-3876.test.ts
index a7375a20bae..3fe52c09cfa 100644
--- a/ui/packages/i18n/src/__tests__/de-quote-pairing-3876.test.ts
+++ b/ui/packages/i18n/src/__tests__/de-quote-pairing-3876.test.ts
@@ -354,7 +354,9 @@ describe('objectui#3876 — de pack closes „ with “ and not with a straight
     // 96 once objectstack-ai/objectstack#26172 added `form.createdNamed` and
     // `.updatedNamed`, the record-save toasts that name the record
     // („{{title}}“) — one interpolated span each, runtime data.
-    expect(okSpans, 'correctly paired spans').toBe(96);
+    // 97 once objectstack-ai/objectstack#26469 reworded
+    // `chatbot.build.draftPosture` to name the chat's „Veröffentlichen“ button.
+    expect(okSpans, 'correctly paired spans').toBe(97);
   });
 
   it('keeps the count identity that replaces the card’s count(„) === count(“)', () => {
@@ -418,8 +420,10 @@ describe('objectui#3876 — de pack closes „ with “ and not with a straight
     // more matched pair. 94 / 94 / 0 after objectui#13355 added
     // `connectAgent.apiKey.confirmTitle`, one more matched pair. 96 / 96 / 0
     // after objectstack-ai/objectstack#26172 added `form.createdNamed` and
-    // `.updatedNamed`, one matched pair each.
-    expect({ open, close, rdq }).toEqual({ open: 96, close: 96, rdq: 0 });
+    // `.updatedNamed`, one matched pair each. 97 / 97 / 0 after
+    // objectstack-ai/objectstack#26469 reworded `chatbot.build.draftPosture`,
+    // one more matched pair.
+    expect({ open, close, rdq }).toEqual({ open: 97, close: 97, rdq: 0 });
     // The durable shape: every „ closed by a “, every surplus “ an English
     // opener answered by a ”. Survived translating the two English values.
     expect(close).toBe(open + rdq);