@agent-native/toolkit 0.227.0 → 0.228.0-nightly-20261111004142

package/src/app/extensions/EmbeddedExtension.tsx

@@ -1,4 +1,3 @@
-import { sendToAgentChat } from "@agent-native/core/client/agent-chat";
 import { agentNativePath } from "@agent-native/core/client/api-path";
 import { useAppearance } from "@agent-native/core/client/appearance";
 import { getBrowserTabId } from "@agent-native/core/client/hooks";
@@ -57,6 +56,7 @@ import {
   useOpenUrlLatch,
 } from "./open-extension-link.js";
 import { normalizeAgentNativeExtensionSandbox } from "./portable-extension.js";
+import { useExtensionChatSubmission } from "./use-extension-chat-submission.js";
 
 interface Extension {
   id: string;
@@ -134,6 +134,7 @@ export function EmbeddedExtension({
   onHeightChange,
 }: EmbeddedExtensionProps) {
   const iframeRef = useRef<HTMLIFrameElement | null>(null);
+  const extensionChat = useExtensionChatSubmission();
   const onReadyRef = useRef(onReady);
   onReadyRef.current = onReady;
   const onHeightChangeRef = useRef(onHeightChange);
@@ -307,7 +308,7 @@ export function EmbeddedExtension({
       if (message.type === "agent-native-send-to-chat") {
         const text = serializeChatValue((message as any).message);
         if (!text?.trim()) return;
-        sendToAgentChat({
+        extensionChat.send({
           message: text,
           context: serializeChatValue((message as any).context),
           submit: (message as any).submit === true,
@@ -391,7 +392,7 @@ export function EmbeddedExtension({
           );
         }
 
-        sendToAgentChat({
+        extensionChat.send({
           message: `Fix runtime errors in extension "${name}" (id: ${extensionId}), embedded as a dashboard panel. The content snapshot below was just re-read from the database — treat it as authoritative and ignore any prior version you may have generated in this chat. If in doubt, call get-extension first.\n\nErrors:\n${errors.join("\n")}`,
           context: contextParts.join("\n"),
           submit: true,
@@ -495,6 +496,7 @@ export function EmbeddedExtension({
         sandbox={EXTENSION_IFRAME_SANDBOX}
         style={{ width: "100%", border: 0, height, display: "block" }}
         onLoad={() => {
+          extensionChat.cancel();
           iframeRef.current?.contentWindow?.postMessage(
             {
               type: "agent-native-slot-context",
@@ -513,6 +515,7 @@ export function EmbeddedExtension({
           fireReady();
         }}
       />
+      {extensionChat.confirmation}
       <EmbeddedToolMenu
         extensionId={extensionId}
         slotId={slotId}

package/src/app/extensions/ExtensionViewer.spec.tsx

@@ -150,6 +150,34 @@ describe("ExtensionViewer MCP embeds", () => {
     return container.querySelector("iframe") as HTMLIFrameElement;
   }
 
+  it("holds a frame-submitted chat turn for host confirmation", async () => {
+    await renderViewer();
+    const iframe = container.querySelector("iframe");
+    expect(iframe).toBeTruthy();
+    await act(async () => {
+      window.dispatchEvent(
+        new MessageEvent("message", {
+          source: iframe?.contentWindow,
+          data: {
+            type: "agent-native-send-to-chat",
+            message: "Forged on load",
+            submit: true,
+          },
+        }),
+      );
+    });
+    expect(chatMocks.sendToAgentChat).not.toHaveBeenCalled();
+    const dialog = document.querySelector('[role="alertdialog"]');
+    expect(dialog?.textContent).toContain("Forged on load");
+    const send = Array.from(dialog?.querySelectorAll("button") ?? []).find(
+      (button) => button.textContent === "Send to agent",
+    );
+    await act(async () => send?.click());
+    expect(chatMocks.sendToAgentChat).toHaveBeenCalledWith(
+      expect.objectContaining({ message: "Forged on load", submit: true }),
+    );
+  });
+
   it("uses the extension render route in the normal app", async () => {
     const iframe = await renderViewer();
 

package/src/app/extensions/ExtensionViewer.tsx

@@ -80,6 +80,7 @@ import {
   useOpenUrlLatch,
 } from "./open-extension-link.js";
 import { normalizeAgentNativeExtensionSandbox } from "./portable-extension.js";
+import { useExtensionChatSubmission } from "./use-extension-chat-submission.js";
 
 const THEME_CSS_VARS = [
   "--background",
@@ -739,6 +740,7 @@ export function ExtensionViewer({
   headerActions = <AgentToggleButton />,
 }: ExtensionViewerProps) {
   const t = useT();
+  const extensionChat = useExtensionChatSubmission();
   const location = useLocation();
   const navigate = useNavigate();
   const [isDark, setIsDark] = useState(false);
@@ -847,7 +849,7 @@ export function ExtensionViewer({
       if (message.type === "agent-native-send-to-chat") {
         const text = serializeChatValue(message.message);
         if (!text?.trim()) return;
-        sendToAgentChat({
+        extensionChat.send({
           message: text,
           context: serializeChatValue(message.context),
           submit: message.submit === true,
@@ -936,7 +938,7 @@ export function ExtensionViewer({
           );
         }
 
-        sendToAgentChat({
+        extensionChat.send({
           message: `Fix runtime errors in this extension. The content snapshot below was just re-read from the database — treat it as authoritative and ignore any prior version you may have generated in this chat. If in doubt, call get-extension first.\n\nErrors:\n${errors.join("\n")}`,
           context: contextParts.join("\n"),
           submit: true,
@@ -1379,6 +1381,7 @@ export function ExtensionViewer({
               pointerEvents: openPopoverCount > 0 ? "none" : "auto",
             }}
             onLoad={() => {
+              extensionChat.cancel();
               // While the srcDoc frame waits for its CSP lists it has no
               // document yet, so this is the about:blank load. Keep the
               // spinner up until the real document loads.
@@ -1388,6 +1391,7 @@ export function ExtensionViewer({
             }}
           />
         </div>
+        {extensionChat.confirmation}
       </div>
     </TooltipProvider>
   );

package/src/app/extensions/InlineExtensionFrame.spec.tsx

@@ -31,6 +31,16 @@ describe("InlineExtensionFrame", () => {
   let container: HTMLDivElement;
   let root: Root;
 
+  async function confirmPendingMessage() {
+    const dialog = document.querySelector('[role="alertdialog"]');
+    expect(dialog?.textContent).toContain("Send extension message to agent?");
+    const send = Array.from(dialog?.querySelectorAll("button") ?? []).find(
+      (button) => button.textContent === "Send to agent",
+    );
+    expect(send).toBeTruthy();
+    await act(async () => send?.click());
+  }
+
   beforeEach(() => {
     vi.stubGlobal("IS_REACT_ACT_ENVIRONMENT", true);
     container = document.createElement("div");
@@ -86,6 +96,12 @@ describe("InlineExtensionFrame", () => {
       );
     });
 
+    expect(sendToAgentChat).not.toHaveBeenCalled();
+    expect(iframe?.getAttribute("aria-disabled")).toBeNull();
+    expect(
+      document.querySelector('[role="alertdialog"]')?.textContent,
+    ).toContain('Context{"threshold":42}');
+    await confirmPendingMessage();
     expect(sendToAgentChat).toHaveBeenCalledWith({
       message: "Use this threshold",
       context: JSON.stringify({ threshold: 42 }),
@@ -108,6 +124,7 @@ describe("InlineExtensionFrame", () => {
       );
     });
     expect(sendToAgentChat).toHaveBeenCalledTimes(1);
+    expect(document.querySelector('[role="alertdialog"]')).toBeNull();
   });
 
   it("keeps extension chat messages draft-only without explicit submission", async () => {
@@ -181,6 +198,8 @@ describe("InlineExtensionFrame", () => {
       );
     });
 
+    expect(sendToAgentChat).not.toHaveBeenCalled();
+    await confirmPendingMessage();
     expect(sendToAgentChat).toHaveBeenCalledTimes(1);
     expect(sendToAgentChat).toHaveBeenCalledWith({
       message: "One-time action",
@@ -218,6 +237,8 @@ describe("InlineExtensionFrame", () => {
       );
     });
 
+    await confirmPendingMessage();
+
     await act(async () => {
       root.render(
         <InlineExtensionFrame
@@ -245,6 +266,8 @@ describe("InlineExtensionFrame", () => {
       );
     });
 
+    await confirmPendingMessage();
+
     expect(sendToAgentChat).toHaveBeenCalledTimes(2);
     expect(sendToAgentChat).toHaveBeenLastCalledWith({
       message: "Replacement action",

package/src/app/extensions/InlineExtensionFrame.tsx

@@ -1,4 +1,3 @@
-import { sendToAgentChat } from "@agent-native/core/client/agent-chat";
 import { agentNativePath } from "@agent-native/core/client/api-path";
 import { getBrowserTabId } from "@agent-native/core/client/hooks";
 import { SESSION_REPLAY_IFRAME_ATTRIBUTE } from "@agent-native/core/client/host";
@@ -24,6 +23,7 @@ import {
   useOpenUrlLatch,
 } from "./open-extension-link.js";
 import { normalizeAgentNativeExtensionSandbox } from "./portable-extension.js";
+import { useExtensionChatSubmission } from "./use-extension-chat-submission.js";
 
 const THEME_CSS_VARS = [
   "--background",
@@ -341,6 +341,7 @@ export function InlineExtensionFrame({
 }: InlineExtensionFrameProps) {
   const providedId = providedExtension?.id ?? extensionId ?? "";
   const iframeRef = useRef<HTMLIFrameElement | null>(null);
+  const extensionChat = useExtensionChatSubmission();
   const [height, setHeight] = useState<number>(initialHeight);
   const [isDark, setIsDark] = useState(() =>
     typeof document === "undefined"
@@ -539,20 +540,25 @@ export function InlineExtensionFrame({
       }
 
       if (message.type === "agent-native-send-to-chat") {
-        const text = serializeChatValue((message as any).message);
+        const chatMessage = message as Record<string, unknown>;
+        const text = serializeChatValue(chatMessage.message);
         if (!text?.trim()) return;
-        const submit = (message as any).submit === true;
-        if (isTransient && submit) {
-          if (hasSubmittedRef.current) return;
-          hasSubmittedRef.current = true;
-          setHasSubmitted(true);
-        }
-        sendToAgentChat({
-          message: text,
-          context: serializeChatValue((message as any).context),
-          submit: (message as any).submit === true,
-          openSidebar: (message as any).openSidebar !== false,
-        });
+        const submit = chatMessage.submit === true;
+        if (isTransient && submit && hasSubmittedRef.current) return;
+        extensionChat.send(
+          {
+            message: text,
+            context: serializeChatValue(chatMessage.context),
+            submit,
+            openSidebar: chatMessage.openSidebar !== false,
+          },
+          () => {
+            if (isTransient) {
+              hasSubmittedRef.current = true;
+              setHasSubmitted(true);
+            }
+          },
+        );
         return;
       }
 
@@ -577,7 +583,7 @@ export function InlineExtensionFrame({
         const errors: string[] = Array.isArray((message as any).errors)
           ? (message as any).errors
           : [];
-        sendToAgentChat({
+        extensionChat.send({
           message: `Fix runtime errors in the inline extension "${extension?.name ?? resolvedId}".\n\nErrors:\n${errors.join("\n")}`,
           context: [
             `The user is viewing an inline generated extension named "${extension?.name ?? resolvedId}".`,
@@ -725,10 +731,12 @@ export function InlineExtensionFrame({
           pointerEvents: isTransient && hasSubmitted ? "none" : undefined,
         }}
         onLoad={() => {
+          extensionChat.cancel();
           sendThemeToIframe();
           sendContextToIframe();
         }}
       />
+      {extensionChat.confirmation}
     </div>
   );
 }

package/src/app/extensions/use-extension-chat-submission.tsx

@@ -0,0 +1,101 @@
+import { sendToAgentChat } from "@agent-native/core/client/agent-chat";
+import { useT } from "@agent-native/core/client/i18n";
+import { useState } from "react";
+
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from "../../ui/alert-dialog.js";
+
+interface ExtensionChatMessage {
+  message: string;
+  context?: string | undefined;
+  openSidebar: boolean;
+}
+
+interface PendingExtensionChatMessage {
+  message: string;
+  context?: string;
+  openSidebar: boolean;
+}
+
+export function useExtensionChatSubmission() {
+  const t = useT();
+  const [pending, setPending] = useState<{
+    input: PendingExtensionChatMessage;
+    onConfirmed?: () => void;
+  } | null>(null);
+
+  const send = (
+    input: ExtensionChatMessage & { submit: boolean },
+    onConfirmed?: () => void,
+  ) => {
+    const message: PendingExtensionChatMessage = {
+      message: input.message,
+      ...(input.context !== undefined ? { context: input.context } : {}),
+      openSidebar: input.openSidebar,
+    };
+    if (!input.submit) {
+      sendToAgentChat({ ...message, submit: false });
+      return;
+    }
+    setPending(
+      (current) =>
+        current ?? {
+          input: message,
+          ...(onConfirmed ? { onConfirmed } : {}),
+        },
+    );
+  };
+
+  const confirmation = (
+    <AlertDialog
+      open={pending !== null}
+      onOpenChange={(open) => {
+        if (!open) setPending(null);
+      }}
+    >
+      <AlertDialogContent>
+        <AlertDialogHeader>
+          <AlertDialogTitle>
+            {t("agentChat.extensions.confirmAgentMessage")}
+          </AlertDialogTitle>
+          <AlertDialogDescription className="max-h-48 overflow-auto whitespace-pre-wrap break-words">
+            {pending?.input.message}
+            {pending?.input.context !== undefined && (
+              <span className="mt-3 block border-t pt-3">
+                <span className="block font-medium">
+                  {t("agentChat.extensions.context")}
+                </span>
+                <span className="block">{pending.input.context}</span>
+              </span>
+            )}
+          </AlertDialogDescription>
+        </AlertDialogHeader>
+        <AlertDialogFooter>
+          <AlertDialogCancel>
+            {t("agentChat.extensions.cancel")}
+          </AlertDialogCancel>
+          <AlertDialogAction
+            onClick={() => {
+              if (!pending) return;
+              sendToAgentChat({ ...pending.input, submit: true });
+              pending.onConfirmed?.();
+              setPending(null);
+            }}
+          >
+            {t("agentChat.extensions.sendToAgent")}
+          </AlertDialogAction>
+        </AlertDialogFooter>
+      </AlertDialogContent>
+    </AlertDialog>
+  );
+
+  return { send, confirmation, cancel: () => setPending(null) };
+}

package/src/app/i18n/catalogs/ar-SA.ts

@@ -1,6 +1,23 @@
 import type { ToolkitAgentChatTranslation } from "../types.js";
 
 const messages: ToolkitAgentChatTranslation = {
+  "settingsApiKeys.approvedOrigins": "المصادر المعتمدة",
+  "settingsApiKeys.originsHint":
+    "مصدر HTTPS محدد واحد في كل سطر. يمنع الحقل الفارغ الإرسال. يُسمح بـ HTTP المحلي.",
+  "settingsApiKeys.invalidOrigins": "أدخل مصادر HTTPS محددة، مصدرًا في كل سطر.",
+  "settingsApiKeys.editOrigins": "تعديل المصادر",
+  "settingsApiKeys.originsSaved": "تم حفظ المصادر",
+  "settingsApiKeys.originsCount_zero": "{{count}} مصادر معتمدة",
+  "settingsApiKeys.originsCount_one": "{{count}} مصدر معتمد",
+  "settingsApiKeys.originsCount_two": "{{count}} مصدران معتمدان",
+  "settingsApiKeys.originsCount_few": "{{count}} مصادر معتمدة",
+  "settingsApiKeys.originsCount_many": "{{count}} مصدرًا معتمدًا",
+  "settingsApiKeys.originsCount_other": "{{count}} مصادر معتمدة",
+  "settingsApiKeys.noApprovedOrigins": "لا توجد مصادر معتمدة",
+  "extensions.cancel": "إلغاء",
+  "extensions.context": "السياق",
+  "extensions.confirmAgentMessage": "هل تريد إرسال رسالة الإضافة إلى الوكيل؟",
+  "extensions.sendToAgent": "إرسال إلى الوكيل",
   "auth.logOutFailed": "تعذّر تسجيل الخروج",
   "block.renderUnavailable": "هذه الكتلة غير متاحة مؤقتًا.",
   "block.loading": "جارٍ تحميل هذه الكتلة.",

package/src/app/i18n/catalogs/de-DE.ts

@@ -1,6 +1,21 @@
 import type { ToolkitAgentChatTranslation } from "../types.js";
 
 const messages: ToolkitAgentChatTranslation = {
+  "settingsApiKeys.approvedOrigins": "Genehmigte Ursprünge",
+  "settingsApiKeys.originsHint":
+    "Ein exakter HTTPS-Ursprung pro Zeile. Leer sperrt die Weitergabe. Lokales HTTP ist erlaubt.",
+  "settingsApiKeys.invalidOrigins":
+    "Exakte HTTPS-Ursprünge eingeben, einen pro Zeile.",
+  "settingsApiKeys.editOrigins": "Ursprünge bearbeiten",
+  "settingsApiKeys.originsSaved": "Ursprünge gespeichert",
+  "settingsApiKeys.originsCount_one": "{{count}} genehmigter Ursprung",
+  "settingsApiKeys.originsCount_other": "{{count}} genehmigte Ursprünge",
+  "settingsApiKeys.noApprovedOrigins": "Keine genehmigten Ursprünge",
+  "extensions.cancel": "Abbrechen",
+  "extensions.context": "Kontext",
+  "extensions.confirmAgentMessage":
+    "Nachricht der Erweiterung an den Agenten senden?",
+  "extensions.sendToAgent": "An Agenten senden",
   "auth.logOutFailed": "Abmelden fehlgeschlagen",
   "block.renderUnavailable": "Dieser Block ist vorübergehend nicht verfügbar.",
   "block.loading": "Block wird geladen.",

package/src/app/i18n/catalogs/en-US.ts

@@ -1,4 +1,17 @@
 const messages = {
+  "settingsApiKeys.approvedOrigins": "Approved origins",
+  "settingsApiKeys.originsHint":
+    "One exact HTTPS origin per line. Empty blocks forwarding. Local loopback HTTP is allowed.",
+  "settingsApiKeys.invalidOrigins": "Enter exact HTTPS origins, one per line.",
+  "settingsApiKeys.editOrigins": "Edit origins",
+  "settingsApiKeys.originsSaved": "Origins saved",
+  "settingsApiKeys.originsCount_one": "{{count}} approved origin",
+  "settingsApiKeys.originsCount_other": "{{count}} approved origins",
+  "settingsApiKeys.noApprovedOrigins": "No approved origins",
+  "extensions.cancel": "Cancel",
+  "extensions.context": "Context",
+  "extensions.confirmAgentMessage": "Send extension message to agent?",
+  "extensions.sendToAgent": "Send to agent",
   "auth.logOutFailed": "Log out failed",
   "block.renderUnavailable": "This block is temporarily unavailable.",
   "block.loading": "Loading block.",

package/src/app/i18n/catalogs/es-ES.ts

@@ -1,6 +1,22 @@
 import type { ToolkitAgentChatTranslation } from "../types.js";
 
 const messages: ToolkitAgentChatTranslation = {
+  "settingsApiKeys.approvedOrigins": "Orígenes aprobados",
+  "settingsApiKeys.originsHint":
+    "Un origen HTTPS exacto por línea. Vacío bloquea el envío. Se permite HTTP local.",
+  "settingsApiKeys.invalidOrigins":
+    "Introduce orígenes HTTPS exactos, uno por línea.",
+  "settingsApiKeys.editOrigins": "Editar orígenes",
+  "settingsApiKeys.originsSaved": "Orígenes guardados",
+  "settingsApiKeys.originsCount_one": "{{count}} origen aprobado",
+  "settingsApiKeys.originsCount_many": "{{count}} orígenes aprobados",
+  "settingsApiKeys.originsCount_other": "{{count}} orígenes aprobados",
+  "settingsApiKeys.noApprovedOrigins": "Sin orígenes aprobados",
+  "extensions.cancel": "Cancelar",
+  "extensions.context": "Contexto",
+  "extensions.confirmAgentMessage":
+    "¿Enviar el mensaje de la extensión al agente?",
+  "extensions.sendToAgent": "Enviar al agente",
   "auth.logOutFailed": "No se pudo cerrar la sesión",
   "block.renderUnavailable": "Este bloque no está disponible temporalmente.",
   "block.loading": "Cargando bloque.",

package/src/app/i18n/catalogs/fr-FR.ts

@@ -1,6 +1,22 @@
 import type { ToolkitAgentChatTranslation } from "../types.js";
 
 const messages: ToolkitAgentChatTranslation = {
+  "settingsApiKeys.approvedOrigins": "Origines approuvées",
+  "settingsApiKeys.originsHint":
+    "Une origine HTTPS exacte par ligne. Vide bloque le transfert. HTTP local est autorisé.",
+  "settingsApiKeys.invalidOrigins":
+    "Saisissez des origines HTTPS exactes, une par ligne.",
+  "settingsApiKeys.editOrigins": "Modifier les origines",
+  "settingsApiKeys.originsSaved": "Origines enregistrées",
+  "settingsApiKeys.originsCount_one": "{{count}} origine approuvée",
+  "settingsApiKeys.originsCount_many": "{{count}} origines approuvées",
+  "settingsApiKeys.originsCount_other": "{{count}} origines approuvées",
+  "settingsApiKeys.noApprovedOrigins": "Aucune origine approuvée",
+  "extensions.cancel": "Annuler",
+  "extensions.context": "Contexte",
+  "extensions.confirmAgentMessage":
+    "Envoyer le message de l’extension à l’agent ?",
+  "extensions.sendToAgent": "Envoyer à l’agent",
   "auth.logOutFailed": "Échec de la déconnexion",
   "block.renderUnavailable": "Ce bloc est temporairement indisponible.",
   "block.loading": "Chargement du bloc.",

package/src/app/i18n/catalogs/hi-IN.ts

@@ -1,6 +1,19 @@
 import type { ToolkitAgentChatTranslation } from "../types.js";
 
 const messages: ToolkitAgentChatTranslation = {
+  "settingsApiKeys.approvedOrigins": "स्वीकृत मूल",
+  "settingsApiKeys.originsHint":
+    "प्रति पंक्ति एक सटीक HTTPS मूल। खाली रहने पर भेजना रुकता है। स्थानीय HTTP की अनुमति है।",
+  "settingsApiKeys.invalidOrigins": "प्रति पंक्ति एक सटीक HTTPS मूल दर्ज करें।",
+  "settingsApiKeys.editOrigins": "मूल संपादित करें",
+  "settingsApiKeys.originsSaved": "मूल सहेजे गए",
+  "settingsApiKeys.originsCount_one": "{{count}} स्वीकृत मूल",
+  "settingsApiKeys.originsCount_other": "{{count}} स्वीकृत मूल",
+  "settingsApiKeys.noApprovedOrigins": "कोई स्वीकृत मूल नहीं",
+  "extensions.cancel": "रद्द करें",
+  "extensions.context": "संदर्भ",
+  "extensions.confirmAgentMessage": "एक्सटेंशन का संदेश एजेंट को भेजें?",
+  "extensions.sendToAgent": "एजेंट को भेजें",
   "auth.logOutFailed": "साइन आउट नहीं हो सका",
   "block.renderUnavailable": "यह ब्लॉक अस्थायी रूप से उपलब्ध नहीं है।",
   "block.loading": "ब्लॉक लोड हो रहा है।",

package/src/app/i18n/catalogs/ja-JP.ts

@@ -1,6 +1,21 @@
 import type { ToolkitAgentChatTranslation } from "../types.js";
 
 const messages: ToolkitAgentChatTranslation = {
+  "settingsApiKeys.approvedOrigins": "承認済みオリジン",
+  "settingsApiKeys.originsHint":
+    "HTTPS オリジンを1行に1つ入力します。空欄では転送できません。ローカル HTTP は許可されます。",
+  "settingsApiKeys.invalidOrigins":
+    "HTTPS オリジンを1行に1つ正確に入力してください。",
+  "settingsApiKeys.editOrigins": "オリジンを編集",
+  "settingsApiKeys.originsSaved": "オリジンを保存しました",
+  "settingsApiKeys.originsCount_one": "承認済みオリジン {{count}} 件",
+  "settingsApiKeys.originsCount_other": "承認済みオリジン {{count}} 件",
+  "settingsApiKeys.noApprovedOrigins": "承認済みオリジンなし",
+  "extensions.cancel": "キャンセル",
+  "extensions.context": "コンテキスト",
+  "extensions.confirmAgentMessage":
+    "拡張機能のメッセージをエージェントに送信しますか？",
+  "extensions.sendToAgent": "エージェントに送信",
   "auth.logOutFailed": "ログアウトに失敗しました",
   "block.renderUnavailable": "このブロックは一時的に利用できません。",
   "block.loading": "ブロックを読み込み中です。",

package/src/app/i18n/catalogs/ko-KR.ts

@@ -1,6 +1,20 @@
 import type { ToolkitAgentChatTranslation } from "../types.js";
 
 const messages: ToolkitAgentChatTranslation = {
+  "settingsApiKeys.approvedOrigins": "승인된 출처",
+  "settingsApiKeys.originsHint":
+    "한 줄에 정확한 HTTPS 출처 하나씩 입력하세요. 비워 두면 전달이 차단됩니다. 로컬 HTTP는 허용됩니다.",
+  "settingsApiKeys.invalidOrigins":
+    "정확한 HTTPS 출처를 한 줄에 하나씩 입력하세요.",
+  "settingsApiKeys.editOrigins": "출처 편집",
+  "settingsApiKeys.originsSaved": "출처 저장됨",
+  "settingsApiKeys.originsCount_one": "승인된 출처 {{count}}개",
+  "settingsApiKeys.originsCount_other": "승인된 출처 {{count}}개",
+  "settingsApiKeys.noApprovedOrigins": "승인된 출처 없음",
+  "extensions.cancel": "취소",
+  "extensions.context": "컨텍스트",
+  "extensions.confirmAgentMessage": "확장 기능 메시지를 에이전트에게 보낼까요?",
+  "extensions.sendToAgent": "에이전트에게 보내기",
   "auth.logOutFailed": "로그아웃하지 못했습니다",
   "block.renderUnavailable": "이 블록은 일시적으로 사용할 수 없습니다.",
   "block.loading": "블록을 불러오는 중입니다.",

package/src/app/i18n/catalogs/pt-BR.ts

@@ -1,6 +1,21 @@
 import type { ToolkitAgentChatTranslation } from "../types.js";
 
 const messages: ToolkitAgentChatTranslation = {
+  "settingsApiKeys.approvedOrigins": "Origens aprovadas",
+  "settingsApiKeys.originsHint":
+    "Uma origem HTTPS exata por linha. Vazio bloqueia o encaminhamento. HTTP local é permitido.",
+  "settingsApiKeys.invalidOrigins":
+    "Informe origens HTTPS exatas, uma por linha.",
+  "settingsApiKeys.editOrigins": "Editar origens",
+  "settingsApiKeys.originsSaved": "Origens salvas",
+  "settingsApiKeys.originsCount_one": "{{count}} origem aprovada",
+  "settingsApiKeys.originsCount_many": "{{count}} origens aprovadas",
+  "settingsApiKeys.originsCount_other": "{{count}} origens aprovadas",
+  "settingsApiKeys.noApprovedOrigins": "Nenhuma origem aprovada",
+  "extensions.cancel": "Cancelar",
+  "extensions.context": "Contexto",
+  "extensions.confirmAgentMessage": "Enviar a mensagem da extensão ao agente?",
+  "extensions.sendToAgent": "Enviar ao agente",
   "auth.logOutFailed": "Não foi possível sair",
   "block.renderUnavailable": "Este bloco está temporariamente indisponível.",
   "block.loading": "Carregando bloco.",

package/src/app/i18n/catalogs/zh-CN.ts

@@ -1,6 +1,19 @@
 import type { ToolkitAgentChatTranslation } from "../types.js";
 
 const messages: ToolkitAgentChatTranslation = {
+  "settingsApiKeys.approvedOrigins": "已批准的来源",
+  "settingsApiKeys.originsHint":
+    "每行填写一个准确的 HTTPS 来源。留空将阻止转发。允许本地 HTTP。",
+  "settingsApiKeys.invalidOrigins": "请每行输入一个准确的 HTTPS 来源。",
+  "settingsApiKeys.editOrigins": "编辑来源",
+  "settingsApiKeys.originsSaved": "来源已保存",
+  "settingsApiKeys.originsCount_one": "{{count}} 个已批准的来源",
+  "settingsApiKeys.originsCount_other": "{{count}} 个已批准的来源",
+  "settingsApiKeys.noApprovedOrigins": "没有已批准的来源",
+  "extensions.cancel": "取消",
+  "extensions.context": "上下文",
+  "extensions.confirmAgentMessage": "将扩展消息发送给智能体？",
+  "extensions.sendToAgent": "发送给智能体",
   "auth.logOutFailed": "退出登录失败",
   "block.renderUnavailable": "此区块暂时不可用。",
   "block.loading": "正在加载区块。",

package/src/app/i18n/catalogs/zh-TW.ts

@@ -1,6 +1,19 @@
 import type { ToolkitAgentChatTranslation } from "../types.js";
 
 const messages: ToolkitAgentChatTranslation = {
+  "settingsApiKeys.approvedOrigins": "已核准的來源",
+  "settingsApiKeys.originsHint":
+    "每行填寫一個確切的 HTTPS 來源。留空會封鎖轉送。允許本機 HTTP。",
+  "settingsApiKeys.invalidOrigins": "請每行輸入一個確切的 HTTPS 來源。",
+  "settingsApiKeys.editOrigins": "編輯來源",
+  "settingsApiKeys.originsSaved": "來源已儲存",
+  "settingsApiKeys.originsCount_one": "{{count}} 個已核准的來源",
+  "settingsApiKeys.originsCount_other": "{{count}} 個已核准的來源",
+  "settingsApiKeys.noApprovedOrigins": "沒有已核准的來源",
+  "extensions.cancel": "取消",
+  "extensions.context": "上下文",
+  "extensions.confirmAgentMessage": "要將擴充功能訊息傳送給代理嗎？",
+  "extensions.sendToAgent": "傳送給代理",
   "auth.logOutFailed": "登出失敗",
   "block.renderUnavailable": "此區塊暫時無法使用。",
   "block.loading": "正在載入區塊。",

package/src/app/integrations/IntegrationsPanel.spec.tsx

@@ -365,7 +365,7 @@ describe("IntegrationsPanel MCP connection errors", () => {
   });
 
   it.each([
-    ["Claude Cowork", "codex"],
+    ["Claude Cowork", "claude"],
     ["Claude Code", "claude-code"],
     ["Anthropic", "claude"],
     ["OpenAI", "chatgpt"],