@agent-native/core 0.130.2 → 0.131.3

package/corpus/templates/design/app/pages/design-editor/pending-edits.ts

@@ -266,6 +266,11 @@ export interface PendingLiveStructureEdit {
    * must insert this markup rather than relocate an existing element.
    */
   insertedHtml?: string;
+  /** The inserted markup replaced `selector` instead of landing beside it. */
+  replaced?: true;
+  /** Runtime identity of the optimistic replacement used for verification. */
+  replacementSelector?: string;
+  replacementSourceId?: string | null;
   /**
    * This edit DELETED the subject from the running app. A removal has no
    * anchor — `anchorSelector`/`placement` carry no meaning for it — so every
@@ -511,8 +516,10 @@ export function pendingStructureEditSourcePaths(
   edit: PendingLiveStructureEdit,
 ): string[] | null {
   const required = [
-    ...(edit.insertedHtml ? [] : [edit.sourceAnchor?.relPath]),
-    ...(edit.removed
+    ...(edit.insertedHtml && !edit.replaced
+      ? []
+      : [edit.sourceAnchor?.relPath]),
+    ...(edit.removed || edit.replaced
       ? []
       : [
           edit.anchorSourceAnchor?.relPath ??
@@ -525,7 +532,7 @@ export function pendingStructureEditSourcePaths(
 
 export type PendingStructureRedoCommand =
   | { kind: "delete" }
-  | { kind: "insert"; html: string }
+  | { kind: "insert"; html: string; replaceAnchor?: boolean }
   | { kind: "move" };
 
 /**
@@ -539,7 +546,11 @@ export function pendingStructureRedoCommand(
 ): PendingStructureRedoCommand {
   if (edit.removed) return { kind: "delete" };
   return edit.insertedHtml
-    ? { kind: "insert", html: edit.insertedHtml }
+    ? {
+        kind: "insert",
+        html: edit.insertedHtml,
+        ...(edit.replaced ? { replaceAnchor: true } : {}),
+      }
     : { kind: "move" };
 }
 
@@ -555,6 +566,7 @@ export function pendingLiveStructureEditsMatch(
     (left.anchorSourceId ?? "") === (right.anchorSourceId ?? "") &&
     left.placement === right.placement &&
     Boolean(left.removed) === Boolean(right.removed) &&
+    Boolean(left.replaced) === Boolean(right.replaced) &&
     left.dropMode === right.dropMode &&
     Boolean(left.forceFlowPositionOverride) ===
       Boolean(right.forceFlowPositionOverride)
@@ -903,81 +915,24 @@ export function formatPendingVisualStylePrompt(args: {
     const insertedHtml = edit.insertedHtml
       ? boundedInsertedHtml(edit.insertedHtml)
       : undefined;
-    const semanticHandoff = edit.removed
-      ? subjectAnchor
-        ? buildReactSemanticHandoff({
-            operation: "remove",
-            desiredChange:
-              "Delete the selected runtime element from the source that renders it. The live preview already shows it gone; remove its markup (and anything that exists only to render it) without disturbing sibling layout or behavior.",
-            sourceAnchors: [subjectAnchor],
-            runtimeRelationship: {
-              kind: "remove",
-              subjectAnchorIds: ["subject"],
-              screenId: edit.screenId,
-              description: `remove ${edit.selector}`,
-            },
-            versionHashes: [],
-          })
-        : {
-            ok: false as const,
-            rejection: {
-              code: "missing-source-provenance" as const,
-              reason:
-                "The removed element's source anchor was not available for this runtime deletion.",
-            },
-          }
-      : insertedHtml
-        ? targetAnchor
+    const semanticHandoff =
+      edit.replaced && insertedHtml
+        ? subjectAnchor
           ? buildReactSemanticHandoff({
-              operation: "insert",
+              operation: "replace",
               desiredChange: [
-                `Add the new markup in insertedHtml ${edit.placement} the target runtime element.`,
+                "Replace the selected runtime element with insertedHtml.",
                 insertedHtml.truncated
                   ? "The markup below was truncated for prompt size; read the running preview or ask before writing it verbatim."
-                  : "The markup is already positioned for the drop point.",
-                edit.dropMode === "absolute-container"
-                  ? "The target is an absolute-positioning container; keep the inline left/top offsets."
-                  : "This is a flow/auto-layout insertion; the markup carries no absolute positioning.",
+                  : "Preserve the replacement markup, styles, and child order shown in the live preview.",
               ].join(" "),
-              sourceAnchors: [targetAnchor],
+              sourceAnchors: [subjectAnchor],
               runtimeRelationship: {
-                kind: edit.placement,
-                subjectAnchorIds: [],
-                targetAnchorId: "target",
-                screenId: edit.screenId,
-                description: `insert ${edit.selector} ${edit.placement} ${edit.anchorSelector}`,
-              },
-              versionHashes: [],
-            })
-          : {
-              ok: false as const,
-              rejection: {
-                code: "missing-source-provenance" as const,
-                reason:
-                  "The insertion target's source anchor was not available for this runtime insert.",
-              },
-            }
-        : subjectAnchor && targetAnchor
-          ? buildReactSemanticHandoff({
-              operation: edit.placement === "inside" ? "reparent" : "move",
-              desiredChange: [
-                `Move the selected runtime element ${edit.placement} the target runtime element.`,
-                edit.dropMode === "flow-insert"
-                  ? `The drop is a flow/auto-layout insertion${edit.forceFlowPositionOverride ? "; remove authored absolute positioning so the moved element participates in the target container's layout" : "; preserve normal flow participation"}.`
-                  : edit.dropMode === "absolute-container"
-                    ? "The target is an absolute-positioning container; preserve absolute positioning and rebase the moved element's visual offset from sourceRect into the target anchorRect coordinate space."
-                    : "Preserve the runtime layout behavior observed in the preview.",
-              ].join(" "),
-              sourceAnchors: [subjectAnchor, targetAnchor],
-              runtimeRelationship: {
-                kind: edit.placement,
+                kind: "replace",
                 subjectAnchorIds: ["subject"],
-                targetAnchorId: "target",
                 screenId: edit.screenId,
-                description: `${edit.selector} ${edit.placement} ${edit.anchorSelector}`,
+                description: `replace ${edit.selector}`,
               },
-              // The packet intentionally starts without a hash: its execution
-              // contract requires read-local-file before every write.
               versionHashes: [],
             })
           : {
@@ -985,9 +940,94 @@ export function formatPendingVisualStylePrompt(args: {
               rejection: {
                 code: "missing-source-provenance" as const,
                 reason:
-                  "Exact subject and target source anchors were not both available for this React structure edit.",
+                  "The replaced element's source anchor was not available for this runtime replacement.",
               },
-            };
+            }
+        : edit.removed
+          ? subjectAnchor
+            ? buildReactSemanticHandoff({
+                operation: "remove",
+                desiredChange:
+                  "Delete the selected runtime element from the source that renders it. The live preview already shows it gone; remove its markup (and anything that exists only to render it) without disturbing sibling layout or behavior.",
+                sourceAnchors: [subjectAnchor],
+                runtimeRelationship: {
+                  kind: "remove",
+                  subjectAnchorIds: ["subject"],
+                  screenId: edit.screenId,
+                  description: `remove ${edit.selector}`,
+                },
+                versionHashes: [],
+              })
+            : {
+                ok: false as const,
+                rejection: {
+                  code: "missing-source-provenance" as const,
+                  reason:
+                    "The removed element's source anchor was not available for this runtime deletion.",
+                },
+              }
+          : insertedHtml
+            ? targetAnchor
+              ? buildReactSemanticHandoff({
+                  operation: "insert",
+                  desiredChange: [
+                    `Add the new markup in insertedHtml ${edit.placement} the target runtime element.`,
+                    insertedHtml.truncated
+                      ? "The markup below was truncated for prompt size; read the running preview or ask before writing it verbatim."
+                      : "The markup is already positioned for the drop point.",
+                    edit.dropMode === "absolute-container"
+                      ? "The target is an absolute-positioning container; keep the inline left/top offsets."
+                      : "This is a flow/auto-layout insertion; the markup carries no absolute positioning.",
+                  ].join(" "),
+                  sourceAnchors: [targetAnchor],
+                  runtimeRelationship: {
+                    kind: edit.placement,
+                    subjectAnchorIds: [],
+                    targetAnchorId: "target",
+                    screenId: edit.screenId,
+                    description: `insert ${edit.selector} ${edit.placement} ${edit.anchorSelector}`,
+                  },
+                  versionHashes: [],
+                })
+              : {
+                  ok: false as const,
+                  rejection: {
+                    code: "missing-source-provenance" as const,
+                    reason:
+                      "The insertion target's source anchor was not available for this runtime insert.",
+                  },
+                }
+            : subjectAnchor && targetAnchor
+              ? buildReactSemanticHandoff({
+                  operation: edit.placement === "inside" ? "reparent" : "move",
+                  desiredChange: [
+                    `Move the selected runtime element ${edit.placement} the target runtime element.`,
+                    edit.dropMode === "flow-insert"
+                      ? `The drop is a flow/auto-layout insertion${edit.forceFlowPositionOverride ? "; remove authored absolute positioning so the moved element participates in the target container's layout" : "; preserve normal flow participation"}.`
+                      : edit.dropMode === "absolute-container"
+                        ? "The target is an absolute-positioning container; preserve absolute positioning and rebase the moved element's visual offset from sourceRect into the target anchorRect coordinate space."
+                        : "Preserve the runtime layout behavior observed in the preview.",
+                  ].join(" "),
+                  sourceAnchors: [subjectAnchor, targetAnchor],
+                  runtimeRelationship: {
+                    kind: edit.placement,
+                    subjectAnchorIds: ["subject"],
+                    targetAnchorId: "target",
+                    screenId: edit.screenId,
+                    description: `${edit.selector} ${edit.placement} ${edit.anchorSelector}`,
+                  },
+                  // The packet intentionally starts without a hash: its execution
+                  // contract requires read-local-file before every write.
+                  versionHashes: [],
+                })
+              : {
+                  ok: false as const,
+                  rejection: {
+                    code: "missing-source-provenance" as const,
+                    reason:
+                      "Exact subject and target source anchors were not both available for this React structure edit.",
+                  },
+                };
     return {
       kind: edit.kind,
       screenId: edit.screenId,
@@ -998,8 +1038,14 @@ export function formatPendingVisualStylePrompt(args: {
       sourceAnchor: redactReactSourceAnchor(edit.sourceAnchor),
       // A removal has no anchor; emitting empty anchor fields alongside a
       // meaningless placement reads as a half-captured move.
-      ...(edit.removed
-        ? { removed: true as const }
+      ...(edit.removed || edit.replaced
+        ? edit.removed
+          ? { removed: true as const }
+          : {
+              replaced: true as const,
+              replacementSelector: edit.replacementSelector,
+              replacementSourceId: edit.replacementSourceId ?? null,
+            }
         : {
             anchorSelector: edit.anchorSelector,
             anchorSourceId: edit.anchorSourceId ?? null,

package/corpus/templates/design/app/pages/design-editor/pending-structure-verification.ts

@@ -31,6 +31,17 @@ export function verifyPendingStructureRuntime(
     edit.selector,
     edit.sourceId ?? undefined,
   );
+  if (edit.replaced) {
+    const replacement = resolveCodeLayerNodeFromBridge(
+      projection,
+      edit.replacementSelector ?? "",
+      edit.replacementSourceId ?? undefined,
+    );
+    if (!replacement) return { ok: false, failure: "missing-subject" };
+    return subject
+      ? { ok: false, failure: "subject-still-present" }
+      : { ok: true };
+  }
   // A removal proves itself by ABSENCE. Running it through the anchor/order
   // checks below would report "missing-subject" for the exact outcome it
   // asked for, and the apply flow would sit in awaiting-runtime until it

package/corpus/templates/design/app/pages/design-editor/react-semantic-handoff.ts

@@ -98,6 +98,7 @@ export type ReactSemanticOperation =
   | "wrap"
   | "unwrap"
   | "insert"
+  | "replace"
   | "remove"
   | "auto-layout"
   | "set-layer-state"
@@ -107,6 +108,7 @@ export type ReactRuntimeRelationshipKind =
   | "before"
   | "after"
   | "inside"
+  | "replace"
   | "wrap"
   | "unwrap"
   | "remove"

package/corpus/templates/design/app/pages/design-editor/source-location.ts

@@ -145,7 +145,7 @@ export type SourceLocationMethod =
  */
 export interface ElementSourceLocation {
   status: "resolved";
-  framework?: "html" | "react" | "vue" | "svelte";
+  framework?: "html" | "react" | "vue" | "svelte" | "angular" | "lwc";
   method: SourceLocationMethod;
   sourceFile: string;
   line: number;

package/corpus/templates/design/changelog/2026-07-29-copy-rendered-ui-between-live-local-apps-and-design-files-wh.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-07-29
+---
+
+Copy rendered UI between live local apps and Design files while preserving source locations and styles.

package/corpus/templates/design/changelog/2026-07-29-design-boards-stay-dark-and-viewport-height-content-keeps-it.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-29
+---
+
+Design boards stay dark and viewport-height content keeps its intended device size.

package/corpus/templates/design/changelog/2026-07-29-design-frames-no-longer-grow-continuously-when-their-content.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-29
+---
+
+Design frames no longer grow continuously when their content uses viewport-relative height.

package/corpus/templates/design/changelog/2026-07-29-sidebar-footers-now-keep-feedback-search-and-collapse-togeth.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-29
+---
+
+Sidebar footers now keep Feedback, Search, and Collapse together without a separate language shortcut.

package/corpus/templates/design/changelog/2026-07-29-the-code-panel-and-apply-design-update-control-now-use-clear.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-29
+---
+
+The Code panel and Apply design update control now use clearer, more compact editor chrome.

package/corpus/templates/design/changelog/2026-07-29-the-tools-panel-now-keeps-extension-creation-and-discovery-h.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-29
+---
+
+The Tools panel now keeps extension creation and discovery hidden unless explicitly enabled.

package/corpus/templates/design/shared/source-mode.ts

@@ -108,7 +108,13 @@ export type ElementProvenanceMethod =
   | "vue-inspector" // Vue dev compiler's `__v_inspector` vnode prop
   | "svelte-meta"; // Svelte dev compiler's `__svelte_meta.loc`
 
-export type ElementProvenanceFramework = "html" | "react" | "vue" | "svelte";
+export type ElementProvenanceFramework =
+  | "html"
+  | "react"
+  | "vue"
+  | "svelte"
+  | "angular"
+  | "lwc";
 
 export const ELEMENT_PROVENANCE_METHODS: readonly ElementProvenanceMethod[] = [
   "data-attribute",

package/corpus/templates/dispatch/.agents/skills/agent-native-toolkit/SKILL.md

@@ -117,6 +117,11 @@ in the moment of agent use.
   missing-secret states, OAuth grants, and provider connection health.
 - **Agent UX kit**: sidebar, composer, staged context, mentions, voice, human
   approval, generative UI, progress, and screen-state exposure.
+- **Custom block kit**: optional extension creation, viewer chrome, slots, and
+  promotion affordances. Apps must opt in; Core keeps the sandbox, SQL storage,
+  access checks, and compatibility routes, while Toolkit owns reusable adoption
+  UI. Analytics may expose this as one-off **Custom Blocks**; durable behavior
+  should be promoted to app code.
 - **Chat history kit**: presentational chat lists and recent-chat rails belong
   in Toolkit; Core keeps thread persistence, agent execution, transport, and
   page-to-sidebar handoff. Use Toolkit's `ChatHistoryRail` for the standard

package/corpus/templates/dispatch/app/i18n-data.ts

@@ -287,6 +287,23 @@ const enUS = {
         "Route work, inspect status, or create something new from one place.",
       overviewPromptPlaceholder: "Ask Dispatch anything...",
       chatPromptPlaceholder: "Ask Dispatch...",
+      browserChatUnavailableTitle: "Browser chat session unavailable",
+      browserChatUnavailableDescription:
+        "Reconnect from the Agent-Native browser extension.",
+      browserChatPlaceholder: "Ask about this page…",
+      browserChatAttachedPlaceholder: "Ask about {{page}}…",
+      browserConnectTitle: "Connect browser chat",
+      browserConnectDescription:
+        "Allow the Agent-Native Chrome extension to open this Dispatch chat session. The connection uses a one-time, short-lived ticket.",
+      browserConnectInvalid:
+        "This connection request is invalid. Start again from the extension.",
+      browserConnectConnected:
+        "Browser chat connected. You can close this tab.",
+      browserConnectConnecting: "Connecting…",
+      browserConnectButton: "Connect",
+      browserConnectOpenFromExtension:
+        "Open this page from the Agent-Native Chrome extension.",
+      browserConnectFailed: "The browser extension did not connect.",
       suggestionWorkspaceHealth: "Summarize the current workspace health",
       suggestionOnboardingApp: "Create an app for onboarding requests",
       suggestionAnalyticsAgents: "Check which agents can help with analytics",
@@ -672,6 +689,21 @@ export const messagesByLocale = {
         chatAcrossAppsDescription: "在一个地方分派工作、检查状态或创建新内容。",
         overviewPromptPlaceholder: "向 Dispatch 提问...",
         chatPromptPlaceholder: "询问 Dispatch...",
+        browserChatUnavailableTitle: "浏览器聊天会话不可用",
+        browserChatUnavailableDescription:
+          "请从 Agent-Native 浏览器扩展重新连接。",
+        browserChatPlaceholder: "询问此页面…",
+        browserChatAttachedPlaceholder: "询问 {{page}}…",
+        browserConnectTitle: "连接浏览器聊天",
+        browserConnectDescription:
+          "允许 Agent-Native Chrome 扩展打开此 Dispatch 聊天会话。连接使用一次性的短期票据。",
+        browserConnectInvalid: "此连接请求无效。请从扩展重新开始。",
+        browserConnectConnected: "浏览器聊天已连接。你可以关闭此标签页。",
+        browserConnectConnecting: "正在连接…",
+        browserConnectButton: "连接",
+        browserConnectOpenFromExtension:
+          "请从 Agent-Native Chrome 扩展打开此页面。",
+        browserConnectFailed: "浏览器扩展未能连接。",
         suggestionWorkspaceHealth: "总结当前工作区运行状况",
         suggestionOnboardingApp: "为入职请求创建一个应用",
         suggestionAnalyticsAgents: "查看哪些代理可以协助分析",
@@ -994,6 +1026,24 @@ export const messagesByLocale = {
           "Dirige el trabajo, revisa el estado o crea algo nuevo desde un solo lugar.",
         overviewPromptPlaceholder: "Pregunta lo que quieras a Dispatch...",
         chatPromptPlaceholder: "Pregunta a Dispatch...",
+        browserChatUnavailableTitle:
+          "La sesión de chat del navegador no está disponible",
+        browserChatUnavailableDescription:
+          "Vuelve a conectarte desde la extensión Agent-Native.",
+        browserChatPlaceholder: "Pregunta sobre esta página…",
+        browserChatAttachedPlaceholder: "Pregunta sobre {{page}}…",
+        browserConnectTitle: "Conectar el chat del navegador",
+        browserConnectDescription:
+          "Permite que la extensión de Chrome Agent-Native abra esta sesión de Dispatch. La conexión usa un ticket único y de corta duración.",
+        browserConnectInvalid:
+          "Esta solicitud de conexión no es válida. Vuelve a empezar desde la extensión.",
+        browserConnectConnected:
+          "El chat del navegador está conectado. Puedes cerrar esta pestaña.",
+        browserConnectConnecting: "Conectando…",
+        browserConnectButton: "Conectar",
+        browserConnectOpenFromExtension:
+          "Abre esta página desde la extensión de Chrome Agent-Native.",
+        browserConnectFailed: "La extensión del navegador no se conectó.",
         suggestionWorkspaceHealth:
           "Resume el estado actual del espacio de trabajo",
         suggestionOnboardingApp:
@@ -1320,6 +1370,25 @@ export const messagesByLocale = {
           "Acheminez le travail, vérifiez l’état ou créez du contenu depuis un seul endroit.",
         overviewPromptPlaceholder: "Demandez n’importe quoi à Dispatch…",
         chatPromptPlaceholder: "Demandez à Dispatch…",
+        browserChatUnavailableTitle:
+          "La session de chat du navigateur est indisponible",
+        browserChatUnavailableDescription:
+          "Reconnectez-vous depuis l’extension Agent-Native.",
+        browserChatPlaceholder: "Posez une question sur cette page…",
+        browserChatAttachedPlaceholder: "Posez une question sur {{page}}…",
+        browserConnectTitle: "Connecter le chat du navigateur",
+        browserConnectDescription:
+          "Autorisez l’extension Chrome Agent-Native à ouvrir cette session Dispatch. La connexion utilise un ticket unique de courte durée.",
+        browserConnectInvalid:
+          "Cette demande de connexion est invalide. Recommencez depuis l’extension.",
+        browserConnectConnected:
+          "Le chat du navigateur est connecté. Vous pouvez fermer cet onglet.",
+        browserConnectConnecting: "Connexion…",
+        browserConnectButton: "Connecter",
+        browserConnectOpenFromExtension:
+          "Ouvrez cette page depuis l’extension Chrome Agent-Native.",
+        browserConnectFailed:
+          "L’extension du navigateur ne s’est pas connectée.",
         suggestionWorkspaceHealth:
           "Résumer l’état actuel de l’espace de travail",
         suggestionOnboardingApp:
@@ -1635,6 +1704,24 @@ export const messagesByLocale = {
           "Leite Arbeit weiter, prüfe den Status oder erstelle Neues an einem Ort.",
         overviewPromptPlaceholder: "Frage Dispatch alles...",
         chatPromptPlaceholder: "Dispatch fragen...",
+        browserChatUnavailableTitle: "Browser-Chat-Sitzung nicht verfügbar",
+        browserChatUnavailableDescription:
+          "Stelle die Verbindung über die Agent-Native-Erweiterung erneut her.",
+        browserChatPlaceholder: "Zu dieser Seite fragen…",
+        browserChatAttachedPlaceholder: "Zu {{page}} fragen…",
+        browserConnectTitle: "Browser-Chat verbinden",
+        browserConnectDescription:
+          "Erlaube der Agent-Native Chrome-Erweiterung, diese Dispatch-Sitzung zu öffnen. Die Verbindung verwendet ein einmaliges, kurzlebiges Ticket.",
+        browserConnectInvalid:
+          "Diese Verbindungsanfrage ist ungültig. Starte erneut über die Erweiterung.",
+        browserConnectConnected:
+          "Browser-Chat verbunden. Du kannst diesen Tab schließen.",
+        browserConnectConnecting: "Verbindung wird hergestellt…",
+        browserConnectButton: "Verbinden",
+        browserConnectOpenFromExtension:
+          "Öffne diese Seite über die Agent-Native Chrome-Erweiterung.",
+        browserConnectFailed:
+          "Die Browser-Erweiterung konnte keine Verbindung herstellen.",
         suggestionWorkspaceHealth:
           "Aktuellen Zustand des Workspace zusammenfassen",
         suggestionOnboardingApp: "Eine App für Onboarding-Anfragen erstellen",
@@ -1947,6 +2034,23 @@ export const messagesByLocale = {
           "1 か所から作業を振り分け、状況を確認し、新しいものを作成できます。",
         overviewPromptPlaceholder: "Dispatch に何でも質問...",
         chatPromptPlaceholder: "Dispatch に質問...",
+        browserChatUnavailableTitle: "ブラウザーチャットを利用できません",
+        browserChatUnavailableDescription:
+          "Agent-Native ブラウザー拡張機能から再接続してください。",
+        browserChatPlaceholder: "このページについて質問…",
+        browserChatAttachedPlaceholder: "{{page}} について質問…",
+        browserConnectTitle: "ブラウザーチャットを接続",
+        browserConnectDescription:
+          "Agent-Native Chrome 拡張機能がこの Dispatch チャットを開くことを許可します。接続には一度だけ使える短期チケットを使用します。",
+        browserConnectInvalid:
+          "この接続リクエストは無効です。拡張機能からやり直してください。",
+        browserConnectConnected:
+          "ブラウザーチャットに接続しました。このタブを閉じられます。",
+        browserConnectConnecting: "接続中…",
+        browserConnectButton: "接続",
+        browserConnectOpenFromExtension:
+          "Agent-Native Chrome 拡張機能からこのページを開いてください。",
+        browserConnectFailed: "ブラウザー拡張機能に接続できませんでした。",
         suggestionWorkspaceHealth: "現在のワークスペース状況を要約",
         suggestionOnboardingApp: "オンボーディング依頼用のアプリを作成",
         suggestionAnalyticsAgents: "分析を支援できるエージェントを確認",
@@ -2254,6 +2358,23 @@ export const messagesByLocale = {
           "한곳에서 작업을 전달하고 상태를 확인하거나 새로운 것을 만드세요.",
         overviewPromptPlaceholder: "Dispatch에 무엇이든 물어보세요...",
         chatPromptPlaceholder: "Dispatch에 질문...",
+        browserChatUnavailableTitle: "브라우저 채팅 세션을 사용할 수 없음",
+        browserChatUnavailableDescription:
+          "Agent-Native 브라우저 확장 프로그램에서 다시 연결하세요.",
+        browserChatPlaceholder: "이 페이지에 대해 질문…",
+        browserChatAttachedPlaceholder: "{{page}}에 대해 질문…",
+        browserConnectTitle: "브라우저 채팅 연결",
+        browserConnectDescription:
+          "Agent-Native Chrome 확장 프로그램이 이 Dispatch 채팅 세션을 열도록 허용합니다. 연결에는 일회용 단기 티켓이 사용됩니다.",
+        browserConnectInvalid:
+          "잘못된 연결 요청입니다. 확장 프로그램에서 다시 시작하세요.",
+        browserConnectConnected:
+          "브라우저 채팅이 연결되었습니다. 이 탭을 닫아도 됩니다.",
+        browserConnectConnecting: "연결 중…",
+        browserConnectButton: "연결",
+        browserConnectOpenFromExtension:
+          "Agent-Native Chrome 확장 프로그램에서 이 페이지를 여세요.",
+        browserConnectFailed: "브라우저 확장 프로그램이 연결되지 않았습니다.",
         suggestionWorkspaceHealth: "현재 워크스페이스 상태 요약",
         suggestionOnboardingApp: "온보딩 요청용 앱 만들기",
         suggestionAnalyticsAgents: "분석을 지원할 수 있는 에이전트 확인",
@@ -2573,6 +2694,23 @@ export const messagesByLocale = {
           "Encaminhe trabalhos, verifique o status ou crie algo novo em um só lugar.",
         overviewPromptPlaceholder: "Pergunte qualquer coisa ao Dispatch...",
         chatPromptPlaceholder: "Pergunte ao Dispatch...",
+        browserChatUnavailableTitle: "Sessão de chat do navegador indisponível",
+        browserChatUnavailableDescription:
+          "Reconecte pela extensão Agent-Native.",
+        browserChatPlaceholder: "Pergunte sobre esta página…",
+        browserChatAttachedPlaceholder: "Pergunte sobre {{page}}…",
+        browserConnectTitle: "Conectar chat do navegador",
+        browserConnectDescription:
+          "Permita que a extensão Agent-Native do Chrome abra esta sessão do Dispatch. A conexão usa um ticket único e de curta duração.",
+        browserConnectInvalid:
+          "Esta solicitação de conexão é inválida. Recomece pela extensão.",
+        browserConnectConnected:
+          "Chat do navegador conectado. Você pode fechar esta aba.",
+        browserConnectConnecting: "Conectando…",
+        browserConnectButton: "Conectar",
+        browserConnectOpenFromExtension:
+          "Abra esta página pela extensão Agent-Native do Chrome.",
+        browserConnectFailed: "A extensão do navegador não se conectou.",
         suggestionWorkspaceHealth:
           "Resumir a integridade atual do espaço de trabalho",
         suggestionOnboardingApp: "Criar um app para solicitações de integração",
@@ -2876,6 +3014,22 @@ export const messagesByLocale = {
           "एक ही स्थान से काम भेजें, स्थिति जाँचें या कुछ नया बनाएँ।",
         overviewPromptPlaceholder: "Dispatch से कुछ भी पूछें...",
         chatPromptPlaceholder: "Dispatch से पूछें...",
+        browserChatUnavailableTitle: "ब्राउज़र चैट सत्र उपलब्ध नहीं है",
+        browserChatUnavailableDescription:
+          "Agent-Native ब्राउज़र एक्सटेंशन से फिर से कनेक्ट करें।",
+        browserChatPlaceholder: "इस पेज के बारे में पूछें…",
+        browserChatAttachedPlaceholder: "{{page}} के बारे में पूछें…",
+        browserConnectTitle: "ब्राउज़र चैट कनेक्ट करें",
+        browserConnectDescription:
+          "Agent-Native Chrome एक्सटेंशन को यह Dispatch चैट सत्र खोलने दें। कनेक्शन एक बार उपयोग होने वाला अल्पकालिक टिकट इस्तेमाल करता है।",
+        browserConnectInvalid: "यह कनेक्शन अनुरोध अमान्य है। एक्सटेंशन से फिर शुरू करें।",
+        browserConnectConnected:
+          "ब्राउज़र चैट कनेक्ट हो गई है। आप यह टैब बंद कर सकते हैं।",
+        browserConnectConnecting: "कनेक्ट हो रहा है…",
+        browserConnectButton: "कनेक्ट करें",
+        browserConnectOpenFromExtension:
+          "यह पेज Agent-Native Chrome एक्सटेंशन से खोलें।",
+        browserConnectFailed: "ब्राउज़र एक्सटेंशन कनेक्ट नहीं हुआ।",
         suggestionWorkspaceHealth: "वर्तमान कार्यस्थान की स्थिति का सार बताएँ",
         suggestionOnboardingApp: "ऑनबोर्डिंग अनुरोधों के लिए ऐप बनाएँ",
         suggestionAnalyticsAgents: "देखें कि कौन से एजेंट विश्लेषण में मदद कर सकते हैं",
@@ -3215,6 +3369,23 @@ export const messagesByLocale = {
           "وجّه العمل وتحقق من الحالة أو أنشئ شيئًا جديدًا من مكان واحد.",
         overviewPromptPlaceholder: "اسأل Dispatch عن أي شيء...",
         chatPromptPlaceholder: "اسأل Dispatch...",
+        browserChatUnavailableTitle: "جلسة دردشة المتصفح غير متاحة",
+        browserChatUnavailableDescription:
+          "أعد الاتصال من إضافة Agent-Native للمتصفح.",
+        browserChatPlaceholder: "اسأل عن هذه الصفحة…",
+        browserChatAttachedPlaceholder: "اسأل عن {{page}}…",
+        browserConnectTitle: "ربط دردشة المتصفح",
+        browserConnectDescription:
+          "اسمح لإضافة Agent-Native في Chrome بفتح جلسة Dispatch هذه. يستخدم الاتصال تذكرة قصيرة الأجل لمرة واحدة.",
+        browserConnectInvalid:
+          "طلب الاتصال هذا غير صالح. ابدأ مرة أخرى من الإضافة.",
+        browserConnectConnected:
+          "تم ربط دردشة المتصفح. يمكنك إغلاق علامة التبويب هذه.",
+        browserConnectConnecting: "جارٍ الاتصال…",
+        browserConnectButton: "اتصال",
+        browserConnectOpenFromExtension:
+          "افتح هذه الصفحة من إضافة Agent-Native في Chrome.",
+        browserConnectFailed: "لم تتصل إضافة المتصفح.",
         suggestionWorkspaceHealth: "لخّص حالة مساحة العمل الحالية",
         suggestionOnboardingApp: "أنشئ تطبيقًا لطلبات الإعداد",
         suggestionAnalyticsAgents:

package/corpus/templates/dispatch/app/routes/browser-chat.tsx

@@ -0,0 +1,4 @@
+export {
+  default,
+  meta,
+} from "@agent-native/dispatch/routes/pages/browser-chat";

package/corpus/templates/dispatch/app/routes/browser-connect.tsx

@@ -0,0 +1,4 @@
+export {
+  default,
+  meta,
+} from "@agent-native/dispatch/routes/pages/browser-connect";

package/corpus/templates/dispatch/changelog/2026-07-29-browser-chat-can-securely-connect-the-agent-native-chrome-ex.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-07-29
+---
+
+Browser chat can securely connect the Agent-Native Chrome extension to Dispatch with page context.