@openviking/react 0.1.3 → 0.1.5

package/dist/u~0.js

@@ -1,5 +1,12 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Fragment as external_react_Fragment, useCallback, useId, useRef, useState } from "react";
+import { Children, createContext, isValidElement, useCallback, useContext, useId, useRef, useState } from "react";
+import react_markdown from "react-markdown";
+import rehype_raw from "rehype-raw";
+import rehype_sanitize from "rehype-sanitize";
+import remark_gfm from "remark-gfm";
+import { resolveLocale } from "./nx~0.js";
+import { checkreact } from "./0~0.js";
+import { useLocale } from "./28~0.js";
 const SvgCodexDetail = (props)=>/*#__PURE__*/ jsxs("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         xmlnsXlink: "http://www.w3.org/1999/xlink",
@@ -49,40 +56,74 @@ const SvgCodexDetail = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const codex_detailreact = SvgCodexDetail;
-const AGENT_CONNECT_COPY = {
-    zh: {
-        title: '连接 Agent',
-        mainstream: '接入主流 Agent',
-        custom: '开发自己的 Agent',
-        integration: '接入',
-        instructions: '完整指令',
-        copy: '复制并发送给 Agent',
-        copyMarkdown: '复制为 Markdown',
-        copied: '已复制',
-        failed: '复制失败，请重试',
-        notice: '接入后 Agent 能读到你在 OpenViking 里能看到的内容，若接入境外服务数据有可能传到境外。',
-        seeAgreement: '详见',
-        agreement: '《用户协议》',
-        apiKey: 'API Key',
-        overseas: '境外'
-    },
-    en: {
-        title: 'Connect Agent',
-        mainstream: 'Connect mainstream agents',
-        custom: 'Build your own agent',
-        integration: 'Integration',
-        instructions: 'Full instructions',
-        copy: 'Copy and send to Agent',
-        copyMarkdown: 'Copy as Markdown',
-        copied: 'Copied',
-        failed: 'Copy failed. Please retry.',
-        notice: 'Connected agents can read content available to you in OpenViking. Overseas services may transfer data abroad.',
-        seeAgreement: ' See ',
-        agreement: 'Terms of Service',
-        apiKey: 'API Key',
-        overseas: 'Overseas'
-    }
+const messages = {
+    title: 'Connect Agent',
+    mainstream: 'Connect mainstream agents',
+    custom: 'Build your own agent',
+    integration: 'Integration',
+    instructions: 'Full instructions',
+    copy: 'Copy and send to Agent',
+    copyMarkdown: 'Copy as Markdown',
+    copyCode: 'Copy code',
+    showApiKey: 'Show API Key',
+    hideApiKey: 'Hide API Key',
+    copied: 'Copied',
+    failed: 'Copy failed. Please retry.',
+    notice: 'Connected agents can read content available to you in OpenViking. Overseas services may transfer data abroad.',
+    seeAgreement: ' See ',
+    agreement: 'Terms of Service',
+    apiKey: 'API Key',
+    overseas: 'Overseas',
+    hermesCustomIntro: '# Custom OpenViking server for Hermes\n\nConnect to the host-provided OpenViking server using the URL and API key in the setup steps below.\n\n',
+    hermesCustomStep: '3. Choose **Custom** and enter {{OPENVIKING_BASE_URL}} as the server URL.',
+    installerInstructions: (name, command)=>`Install the OpenViking memory plugin for ${name} and help me start using it. OpenViking is a context database for AI agents (https://github.com/volcengine/OpenViking); the command and link below are from its official docs.
+
+1. Run the official installer. It needs network access and writes to my home directory; if your sandbox blocks that, ask me for approval:
+
+   ${command}
+
+2. Once it's installed, read the OpenViking onboarding guide and use it to walk me through setup. The guide has you ask me before choices like importing history or adding a working rule. docs.openviking.ai and docs.openviking.net are the same docs site; use whichever loads: https://docs.openviking.ai/agents/en/onboarding.md
+
+The API key is one I created for myself in the OpenViking console; the installer stores it in ~/.openviking/ovcli.conf on this machine. Use it in the command as it is; there's no need to show it in your replies, and don't write it into any other file or rule. Talk to me in English.`
+};
+const en_US = messages;
+const zh_CN_messages = {
+    title: '连接 Agent',
+    mainstream: '接入主流 Agent',
+    custom: '开发自己的 Agent',
+    integration: '接入',
+    instructions: '完整指令',
+    copy: '复制并发送给 Agent',
+    copyMarkdown: '复制为 Markdown',
+    copyCode: '复制代码',
+    showApiKey: '显示 API Key',
+    hideApiKey: '隐藏 API Key',
+    copied: '已复制',
+    failed: '复制失败，请重试',
+    notice: '接入后 Agent 能读到你在 OpenViking 里能看到的内容，若接入境外服务数据有可能传到境外。',
+    seeAgreement: '详见',
+    agreement: '《用户协议》',
+    apiKey: 'API Key',
+    overseas: '境外',
+    hermesCustomIntro: '# 为 Hermes 配置自定义 OpenViking 服务\n\n连接调用方指定的 OpenViking 服务，使用以下步骤填写服务地址和 API Key。\n\n',
+    hermesCustomStep: '3. 选择 **Custom**，服务地址填写 {{OPENVIKING_BASE_URL}}。',
+    installerInstructions: (name, command)=>`帮我为 ${name} 安装 OpenViking 记忆插件，并带我开始使用。OpenViking 是为 Agent 提供的上下文数据库（https://github.com/volcengine/OpenViking），下面的命令和链接来自它的官方文档。
+
+1. 运行官方安装器。它需要联网并写入我的主目录，如果被你的沙箱拦住，请向我申请批准：
+
+   ${command}
+
+2. 装好后读 OpenViking 的接入引导，按它带我完成设置。导入历史、写协作规则这类选择，引导会让你先问我。docs.openviking.ai 和 docs.openviking.net 是同一个文档站，哪个打得开用哪个：https://docs.openviking.ai/agents/zh/onboarding.md
+
+API key 是我在 OpenViking 控制台给自己生成的，安装器会把它存到本机的 ~/.openviking/ovcli.conf。命令里原样使用就行，回复里不用再显示它，也不要写进别的文件或规则。全程用中文和我交流。`
 };
+const zh_CN = zh_CN_messages;
+function resolveAgentConnectLabels(locale) {
+    return resolveLocale({
+        'en-US': en_US,
+        'zh-CN': zh_CN
+    }, locale);
+}
 const content_zh = {
     codex: {
         name: 'Codex',
@@ -461,31 +502,22 @@ const INSTALLER_HARNESSES = {
 function shellArgument(value) {
     return `'${value.replace(/'/g, "'\"'\"'")}'`;
 }
+function getInstallerCommand(harness, locale, apiKey, baseUrl) {
+    return `curl -fsSL https://openviking.ai/install | bash -s -- --yes --lang ${'zh-CN' === locale ? 'zh' : 'en'} --harness ${harness},cli --url ${shellArgument(baseUrl)} --api-key ${shellArgument(apiKey)}`;
+}
 function getInstallerInstructions(name, harness, locale, apiKey, baseUrl) {
-    const command = `curl -fsSL https://openviking.ai/install | bash -s -- --yes --lang ${locale} --harness ${harness},cli --url ${shellArgument(baseUrl)} --api-key ${shellArgument(apiKey)}`;
-    return 'zh' === locale ? `帮我为 ${name} 安装 OpenViking 记忆插件，并带我开始使用。OpenViking 是为 Agent 提供的上下文数据库（https://github.com/volcengine/OpenViking），下面的命令和链接来自它的官方文档。
-
-1. 运行官方安装器。它需要联网并写入我的主目录，如果被你的沙箱拦住，请向我申请批准：
-
-   ${command}
-
-2. 装好后读 OpenViking 的接入引导，按它带我完成设置。导入历史、写协作规则这类选择，引导会让你先问我。docs.openviking.ai 和 docs.openviking.net 是同一个文档站，哪个打得开用哪个：https://docs.openviking.ai/agents/zh/onboarding.md
-
-API key 是我在 OpenViking 控制台给自己生成的，安装器会把它存到本机的 ~/.openviking/ovcli.conf。命令里原样使用就行，回复里不用再显示它，也不要写进别的文件或规则。全程用中文和我交流。` : `Install the OpenViking memory plugin for ${name} and help me start using it. OpenViking is a context database for AI agents (https://github.com/volcengine/OpenViking); the command and link below are from its official docs.
-
-1. Run the official installer. It needs network access and writes to my home directory; if your sandbox blocks that, ask me for approval:
-
-   ${command}
-
-2. Once it's installed, read the OpenViking onboarding guide and use it to walk me through setup. The guide has you ask me before choices like importing history or adding a working rule. docs.openviking.ai and docs.openviking.net are the same docs site; use whichever loads: https://docs.openviking.ai/agents/en/onboarding.md
-
-The API key is one I created for myself in the OpenViking console; the installer stores it in ~/.openviking/ovcli.conf on this machine. Use it in the command as it is; there's no need to show it in your replies, and don't write it into any other file or rule. Talk to me in English.`;
+    const command = getInstallerCommand(harness, locale, apiKey, baseUrl);
+    return resolveAgentConnectLabels(locale).installerInstructions(name, command);
 }
 const DEFAULT_BASE_URL = 'https://api.vikingdb.cn-beijing.volces.com/openviking';
 function getAgentConnectContent(locale) {
-    return 'en' === locale ? content_en : content_zh;
+    return resolveLocale({
+        'en-US': content_en,
+        'zh-CN': content_zh
+    }, locale);
 }
 function getAgentConnectInstructions(id, locale, apiKey, baseUrl, guideId) {
+    const text = resolveAgentConnectLabels(locale);
     const content = getAgentConnectContent(locale)[id];
     const harness = INSTALLER_HARNESSES[id];
     if (harness) {
@@ -493,17 +525,27 @@ function getAgentConnectInstructions(id, locale, apiKey, baseUrl, guideId) {
         return {
             fixed: true,
             display: instructions('••••••••'),
-            copy: instructions(apiKey)
+            copy: instructions(apiKey),
+            command: {
+                display: getInstallerCommand(harness, locale, '••••••••', baseUrl),
+                copy: getInstallerCommand(harness, locale, apiKey, baseUrl)
+            }
         };
     }
     const guide = content.guides.find((item)=>item.id === guideId);
     let template = guide?.markdown ?? content.markdown;
     if ('hermes' === id && baseUrl.replace(/\/+$/, '') !== DEFAULT_BASE_URL) {
-        template = template.replace(/^[\s\S]*?(?=^## )/m, ()=>'zh' === locale ? '# 为 Hermes 配置自定义 OpenViking 服务\n\n连接调用方指定的 OpenViking 服务，使用以下步骤填写服务地址和 API Key。\n\n' : '# Custom OpenViking server for Hermes\n\nConnect to the host-provided OpenViking server using the URL and API key in the setup steps below.\n\n');
-        template = template.replace(/^3\. (?:选择|Choose) \*\*OpenViking Service \(VolcEngine Cloud\)\*\*[。.][ \t]*$/m, ()=>'zh' === locale ? '3. 选择 **Custom**，服务地址填写 {{OPENVIKING_BASE_URL}}。' : '3. Choose **Custom** and enter {{OPENVIKING_BASE_URL}} as the server URL.');
+        template = template.replace(/^[\s\S]*?(?=^## )/m, ()=>text.hermesCustomIntro);
+        template = template.replace(/^3\. (?:选择|Choose) \*\*OpenViking Service \(VolcEngine Cloud\)\*\*[。.][ \t]*$/m, ()=>text.hermesCustomStep);
     }
     if (!/\{\{OPENVIKING_API_KEY/.test(template)) template += '\n\nBase URL: {{OPENVIKING_BASE_URL}}\n\nAPI Key:\n\n{{OPENVIKING_API_KEY_BLOCK}}';
     const pathBaseUrl = baseUrl.replace(/\/+$/, '');
+    let keyToken = 'OV_API_KEY_TOKEN';
+    while([
+        template,
+        baseUrl,
+        apiKey
+    ].some((value)=>value.includes(keyToken)))keyToken += '_';
     function hydrate(key) {
         return template.replace(/\{\{OPENVIKING_BASE_URL\}\}|\{\{OPENVIKING_API_KEY_BLOCK\}\}|\{\{OPENVIKING_API_KEY\}\}|<API_KEY>|https:\/\/api\.vikingdb\.cn-beijing\.volces\.com\/openviking/g, (token, offset)=>{
             if ('{{OPENVIKING_API_KEY_BLOCK}}' === token) {
@@ -517,7 +559,9 @@ function getAgentConnectInstructions(id, locale, apiKey, baseUrl, guideId) {
     return {
         fixed: false,
         display: hydrate('••••••••'),
-        copy: hydrate(apiKey)
+        copy: hydrate(apiKey),
+        markdown: hydrate(keyToken),
+        keyToken
     };
 }
 const SvgCopy = (props)=>/*#__PURE__*/ jsxs("svg", {
@@ -533,7 +577,7 @@ const SvgCopy = (props)=>/*#__PURE__*/ jsxs("svg", {
                 children: /*#__PURE__*/ jsx("g", {
                     clipPath: "url(#copy_svg__b)",
                     children: /*#__PURE__*/ jsx("path", {
-                        fill: "#fff",
+                        fill: "currentColor",
                         fillRule: "evenodd",
                         d: "M10.667 4c.368 0 .666.299.666.667v9.407c0 .328-.278.593-.622.593H2.622c-.343 0-.622-.265-.622-.593V4.593C2 4.265 2.279 4 2.622 4zM10 5.334H3.333v8H10zm3.333-4c.368 0 .667.298.667.666v8.334c0 .184-.15.333-.333.333H13a.333.333 0 0 1-.333-.333V2.667H6.333A.333.333 0 0 1 6 2.334v-.667c0-.184.15-.334.333-.334z",
                         clipRule: "evenodd"
@@ -561,102 +605,54 @@ const SvgCopy = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const copyreact = SvgCopy;
-function Inline({ text }) {
-    return text.split(/(`[^`]+`|\*\*[^*]+\*\*|\[[^\]]+\]\(https?:\/\/[^)]+\))/g).map((part, index)=>{
-        const link = /^\[([^\]]+)\]\((https?:\/\/[^)]+)\)$/.exec(part);
-        if (link) return /*#__PURE__*/ jsx("a", {
-            href: link[2],
-            target: "_blank",
-            rel: "noopener noreferrer",
-            children: link[1]
-        }, index);
-        if (part.startsWith('`')) return /*#__PURE__*/ jsx("code", {
-            children: part.slice(1, -1)
-        }, index);
-        if (part.startsWith('**')) return /*#__PURE__*/ jsx("strong", {
-            children: part.slice(2, -2)
-        }, index);
-        return /*#__PURE__*/ jsx(external_react_Fragment, {
-            children: part
-        }, index);
-    });
-}
-function Prose({ text }) {
-    const lines = text.split('\n').filter((line)=>!/^\s*!\[/.test(line));
-    const blocks = [];
-    let current = '';
-    for (const line of lines)if (line.trim()) if (/^#{1,6}\s/.test(line)) {
-        if (current) blocks.push(current);
-        blocks.push(line);
-        current = '';
-    } else current += `${current ? '\n' : ''}${line}`;
-    else {
-        if (current) blocks.push(current);
-        current = '';
-    }
-    if (current) blocks.push(current);
-    return blocks.map((block, index)=>{
-        if (/^#{1,6}\s/.test(block)) return /*#__PURE__*/ jsx("h5", {
-            children: /*#__PURE__*/ jsx(Inline, {
-                text: block.replace(/^#{1,6}\s/, '')
-            })
-        }, index);
-        if (block.startsWith('|')) {
-            const rows = block.split('\n').filter((row)=>!/^\|[\s:|-]+\|$/.test(row));
-            return /*#__PURE__*/ jsx("table", {
-                children: /*#__PURE__*/ jsx("tbody", {
-                    children: rows.map((row, rowIndex)=>/*#__PURE__*/ jsx("tr", {
-                            children: row.split('|').slice(1, -1).map((cell, column)=>0 === rowIndex ? /*#__PURE__*/ jsx("th", {
-                                    children: /*#__PURE__*/ jsx(Inline, {
-                                        text: cell.trim()
-                                    })
-                                }, column) : /*#__PURE__*/ jsx("td", {
-                                    children: /*#__PURE__*/ jsx(Inline, {
-                                        text: cell.trim()
-                                    })
-                                }, column))
-                        }, rowIndex))
-                })
-            }, index);
-        }
-        return /*#__PURE__*/ jsx("p", {
-            children: /*#__PURE__*/ jsx(Inline, {
-                text: block
+const SvgEye = (props)=>/*#__PURE__*/ jsxs("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: 4,
+        viewBox: "0 0 48 48",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M24 37q9.94 0 18-13-8.06-13-18-13T6 24q8.06 13 18 13Z",
+                clipRule: "evenodd"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M29 24a5 5 0 1 1-10 0 5 5 0 0 1 10 0Z"
             })
-        }, index);
+        ]
     });
-}
-function AgentConnectMarkdown({ text }) {
-    return /*#__PURE__*/ jsx("div", {
-        className: "ov-agent-connect__markdown",
-        children: text.split(/(^[ \t]*```[^\n]*\n[\s\S]*?^[ \t]*```[ \t]*$)/gm).map((part, index)=>{
-            const code = /^[ \t]*```[^\n]*\n([\s\S]*?)\n[ \t]*```[ \t]*$/.exec(part);
-            return code ? /*#__PURE__*/ jsx("pre", {
-                children: /*#__PURE__*/ jsx("code", {
-                    children: code[1]
-                })
-            }, index) : /*#__PURE__*/ jsx(Prose, {
-                text: part
-            }, index);
-        })
+const eyereact = SvgEye;
+const SvgEyeInvisible = (props)=>/*#__PURE__*/ jsxs("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: 4,
+        viewBox: "0 0 48 48",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M14 14.5c-2.69 2-5.415 5.33-8 9.5q8.06 13 18 13 4.987 0 9.5-3.271M17.463 12.5C19 11 21.75 11 24 11q9.94 0 18 13-2.649 4.272-5.5 7.14"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M29 24a5 5 0 1 1-10 0 5 5 0 0 1 10 0ZM6.852 7.103l34.294 34.294"
+            })
+        ]
     });
-}
-function AgentConnectInstructionsView({ instructions, locale, agreementUrl, onCopy }) {
+const eye_invisiblereact = SvgEyeInvisible;
+function useAgentConnectCopy(text, onCopy) {
     const [status, setStatus] = useState('idle');
     const pending = useRef(false);
     const mounted = useRef(false);
     const setRoot = useCallback((node)=>{
         mounted.current = null !== node;
     }, []);
-    const labels = AGENT_CONNECT_COPY[locale];
-    const message = 'copied' === status ? labels.copied : 'failed' === status ? labels.failed : '';
-    const copyLabel = instructions.fixed ? labels.copy : labels.copyMarkdown;
-    async function handleCopy() {
+    async function copy() {
         if (pending.current) return;
         pending.current = true;
         setStatus('pending');
         try {
-            await navigator.clipboard.writeText(instructions.copy);
+            await navigator.clipboard.writeText(text);
         } catch  {
             if (mounted.current) setStatus('failed');
             return;
@@ -665,8 +661,241 @@ function AgentConnectInstructionsView({ instructions, locale, agreementUrl, onCo
         }
         if (!mounted.current) return;
         setStatus('copied');
-        onCopy?.(instructions.copy);
+        onCopy?.(text);
     }
+    return {
+        status,
+        setRoot,
+        copy
+    };
+}
+function AgentConnectCodeBlock({ display, copyText, language, locale, visibleBlockId, onReveal, onCopy }) {
+    const id = useId();
+    const revealed = visibleBlockId === id;
+    const hasKey = display !== copyText;
+    const labels = resolveAgentConnectLabels(locale);
+    const { status, setRoot, copy } = useAgentConnectCopy(copyText, onCopy);
+    const revealLabel = revealed ? labels.hideApiKey : labels.showApiKey;
+    const copyLabel = 'copied' === status ? labels.copied : labels.copyCode;
+    const RevealIcon = revealed ? eye_invisiblereact : eyereact;
+    const ClipboardIcon = 'copied' === status ? checkreact : copyreact;
+    const feedback = 'failed' === status ? labels.failed : 'copied' === status ? labels.copied : '';
+    return /*#__PURE__*/ jsxs("div", {
+        ref: setRoot,
+        className: "ov-agent-connect__code-block",
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "ov-agent-connect__code-header",
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        children: language || 'text'
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "ov-agent-connect__code-actions",
+                        children: [
+                            hasKey ? /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                "aria-pressed": revealed,
+                                "aria-label": revealLabel,
+                                title: revealLabel,
+                                onClick: ()=>onReveal(revealed ? null : id),
+                                children: /*#__PURE__*/ jsx(RevealIcon, {
+                                    "aria-hidden": "true"
+                                })
+                            }) : null,
+                            /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                disabled: 'pending' === status,
+                                "aria-label": copyLabel,
+                                title: copyLabel,
+                                onClick: ()=>void copy(),
+                                children: /*#__PURE__*/ jsx(ClipboardIcon, {
+                                    "aria-hidden": "true"
+                                })
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx("pre", {
+                children: /*#__PURE__*/ jsx("code", {
+                    children: revealed ? copyText : display
+                })
+            }),
+            /*#__PURE__*/ jsx("span", {
+                className: 'failed' === status ? 'ov-agent-connect__feedback ov-agent-connect__feedback--error' : 'ov-agent-connect__code-feedback',
+                role: "status",
+                "aria-live": "polite",
+                children: feedback
+            })
+        ]
+    });
+}
+function remarkMaskApiKey({ keyToken }) {
+    return (tree)=>{
+        function mask(node) {
+            if (('text' === node.type || 'inlineCode' === node.type || 'html' === node.type) && node.value) node.value = node.value.split(keyToken).join('••••••••');
+            node.children?.forEach(mask);
+        }
+        mask(tree);
+    };
+}
+const markdownHtmlSchema = {
+    attributes: {
+        a: [
+            'href',
+            'title'
+        ],
+        code: [
+            [
+                'className',
+                /^language-[\w-]+$/
+            ]
+        ],
+        details: [
+            'open'
+        ],
+        td: [
+            'align',
+            'colSpan',
+            'rowSpan'
+        ],
+        th: [
+            'align',
+            'colSpan',
+            'rowSpan'
+        ]
+    },
+    protocols: {
+        href: [
+            'http',
+            'https',
+            'mailto'
+        ]
+    },
+    tagNames: [
+        'a',
+        'b',
+        'blockquote',
+        'br',
+        'code',
+        'del',
+        'details',
+        'em',
+        'h1',
+        'h2',
+        'h3',
+        'h4',
+        'h5',
+        'h6',
+        'hr',
+        'li',
+        'ol',
+        'p',
+        'pre',
+        's',
+        'strong',
+        'summary',
+        'table',
+        'tbody',
+        'td',
+        'th',
+        'thead',
+        'tr',
+        'ul'
+    ]
+};
+const components = {
+    h1: ({ children })=>/*#__PURE__*/ jsx("h5", {
+            children: children
+        }),
+    h2: ({ children })=>/*#__PURE__*/ jsx("h5", {
+            children: children
+        }),
+    h3: ({ children })=>/*#__PURE__*/ jsx("h5", {
+            children: children
+        }),
+    h4: ({ children })=>/*#__PURE__*/ jsx("h5", {
+            children: children
+        }),
+    h5: ({ children })=>/*#__PURE__*/ jsx("h5", {
+            children: children
+        }),
+    h6: ({ children })=>/*#__PURE__*/ jsx("h5", {
+            children: children
+        }),
+    a: ({ children, href, title })=>/*#__PURE__*/ jsx("a", {
+            href: href,
+            title: title,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: children
+        }),
+    pre: MarkdownCodeBlock
+};
+const codeBlockContext = /*#__PURE__*/ createContext(null);
+function MarkdownCodeBlock({ children }) {
+    const context = useContext(codeBlockContext);
+    const child = Children.toArray(children)[0];
+    if (!context || !/*#__PURE__*/ isValidElement(child) || 'string' != typeof child.props.children) return /*#__PURE__*/ jsx("pre", {
+        children: children
+    });
+    const { keyToken, apiKey, ...controls } = context;
+    const code = child.props.children.replace(/\n$/, '');
+    return /*#__PURE__*/ jsx(AgentConnectCodeBlock, {
+        ...controls,
+        language: child.props.className?.replace(/^language-/, ''),
+        display: code.split(keyToken).join('••••••••'),
+        copyText: code.split(keyToken).join(apiKey)
+    });
+}
+function AgentConnectMarkdown({ text, ...context }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: "ov-agent-connect__markdown",
+        children: /*#__PURE__*/ jsx(codeBlockContext.Provider, {
+            value: context,
+            children: /*#__PURE__*/ jsx(react_markdown, {
+                remarkPlugins: [
+                    [
+                        remark_gfm,
+                        {
+                            singleTilde: false
+                        }
+                    ],
+                    [
+                        remarkMaskApiKey,
+                        {
+                            keyToken: context.keyToken
+                        }
+                    ]
+                ],
+                rehypePlugins: [
+                    rehype_raw,
+                    [
+                        rehype_sanitize,
+                        markdownHtmlSchema
+                    ]
+                ],
+                components: components,
+                children: text
+            })
+        })
+    });
+}
+function AgentConnectInstructionsView({ instructions, apiKey, locale, agreementUrl, onCopy }) {
+    const [visibleBlockId, onReveal] = useState(null);
+    const { status, setRoot, copy } = useAgentConnectCopy(instructions.copy, onCopy);
+    const controls = {
+        locale,
+        visibleBlockId,
+        onReveal,
+        onCopy
+    };
+    const command = instructions.command;
+    const commandOffset = command ? instructions.display.indexOf(command.display) : -1;
+    const labels = resolveAgentConnectLabels(locale);
+    const message = 'copied' === status ? labels.copied : 'failed' === status ? labels.failed : '';
+    const copyLabel = instructions.fixed ? labels.copy : labels.copyMarkdown;
     return /*#__PURE__*/ jsxs("div", {
         ref: setRoot,
         className: "ov-agent-connect__instructions",
@@ -682,7 +911,7 @@ function AgentConnectInstructionsView({ instructions, locale, agreementUrl, onCo
                         className: "ov-agent-connect__copy",
                         type: "button",
                         disabled: 'pending' === status,
-                        onClick: ()=>void handleCopy(),
+                        onClick: ()=>void copy(),
                         children: [
                             /*#__PURE__*/ jsx(copyreact, {
                                 "aria-hidden": "true"
@@ -694,8 +923,22 @@ function AgentConnectInstructionsView({ instructions, locale, agreementUrl, onCo
             }),
             /*#__PURE__*/ jsx("div", {
                 className: "ov-agent-connect__body",
-                children: instructions.fixed ? instructions.display : /*#__PURE__*/ jsx(AgentConnectMarkdown, {
-                    text: instructions.display
+                children: command ? /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        instructions.display.slice(0, commandOffset),
+                        /*#__PURE__*/ jsx(AgentConnectCodeBlock, {
+                            ...controls,
+                            language: "bash",
+                            display: command.display,
+                            copyText: command.copy
+                        }),
+                        instructions.display.slice(commandOffset + command.display.length)
+                    ]
+                }) : /*#__PURE__*/ jsx(AgentConnectMarkdown, {
+                    ...controls,
+                    text: instructions.markdown,
+                    keyToken: instructions.keyToken,
+                    apiKey: apiKey
                 })
             }),
             /*#__PURE__*/ jsx("span", {
@@ -739,7 +982,7 @@ function AgentConnectDetailView({ selected, apiKey, locale, baseUrl, agreementUr
         baseUrl,
         revision: credentials.revision + 1
     });
-    const labels = AGENT_CONNECT_COPY[locale];
+    const labels = resolveAgentConnectLabels(locale);
     const title = selected.name.endsWith(labels.integration) ? selected.name : `${selected.name} ${labels.integration}`;
     return /*#__PURE__*/ jsxs("section", {
         className: "ov-agent-connect__detail",
@@ -792,6 +1035,7 @@ function AgentConnectDetailView({ selected, apiKey, locale, baseUrl, agreementUr
             }) : null,
             /*#__PURE__*/ jsx(AgentConnectInstructionsView, {
                 instructions: instructions,
+                apiKey: apiKey,
                 locale: locale,
                 agreementUrl: agreementUrl,
                 onCopy: onCopy
@@ -1449,9 +1693,9 @@ const custom = [
         Icon: sdkreact
     }
 ];
-function getAgentConnectDesign(locale) {
+function getAgentConnectDesign(locale, showOverseasTag = false) {
     const content = getAgentConnectContent(locale);
-    const labels = AGENT_CONNECT_COPY[locale];
+    const labels = resolveAgentConnectLabels(locale);
     return {
         tabs: [
             {
@@ -1468,7 +1712,7 @@ function getAgentConnectDesign(locale) {
                 ...content[item.id],
                 tags: [
                     ...content[item.id].tags,
-                    ...overseasAgents.has(item.id) ? [
+                    ...showOverseasTag && overseasAgents.has(item.id) ? [
                         labels.overseas
                     ] : []
                 ]
@@ -1479,7 +1723,8 @@ function getAgentConnectDesign(locale) {
             }))
     };
 }
-function AgentConnect({ apiKey, locale, baseUrl = DEFAULT_BASE_URL, agreementUrl, activeTabId: controlledTabId, selectedId: controlledSelectedId, onTabChange, onSelect, onCopy, className, ...rest }) {
+function AgentConnect({ apiKey, locale: localeProp, baseUrl = DEFAULT_BASE_URL, agreementUrl, showOverseasTag = false, activeTabId: controlledTabId, selectedId: controlledSelectedId, onTabChange, onSelect, onCopy, className, ...rest }) {
+    const locale = useLocale(localeProp);
     const id = useId();
     const [localTabId, setLocalTabId] = useState('mainstream');
     const [localSelection, setLocalSelection] = useState({
@@ -1488,8 +1733,8 @@ function AgentConnect({ apiKey, locale, baseUrl = DEFAULT_BASE_URL, agreementUrl
     });
     const activeTabId = controlledTabId ?? localTabId;
     const selectedId = controlledSelectedId ?? localSelection[activeTabId];
-    const design = getAgentConnectDesign(locale);
-    const labels = AGENT_CONNECT_COPY[locale];
+    const design = getAgentConnectDesign(locale, showOverseasTag);
+    const labels = resolveAgentConnectLabels(locale);
     const tabs = design.tabs;
     const items = design[activeTabId];
     const activeIndex = Math.max(0, tabs.findIndex((tab)=>tab.id === activeTabId));