@openviking/react 0.1.4 → 0.1.5

package/dist/u~0.js

@@ -1,6 +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",
@@ -58,6 +64,9 @@ const messages = {
     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.',
@@ -86,6 +95,9 @@ const zh_CN_messages = {
     instructions: '完整指令',
     copy: '复制并发送给 Agent',
     copyMarkdown: '复制为 Markdown',
+    copyCode: '复制代码',
+    showApiKey: '显示 API Key',
+    hideApiKey: '隐藏 API Key',
     copied: '已复制',
     failed: '复制失败，请重试',
     notice: '接入后 Agent 能读到你在 OpenViking 里能看到的内容，若接入境外服务数据有可能传到境外。',
@@ -490,8 +502,11 @@ 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 ${'zh-CN' === locale ? 'zh' : 'en'} --harness ${harness},cli --url ${shellArgument(baseUrl)} --api-key ${shellArgument(apiKey)}`;
+    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';
@@ -510,7 +525,11 @@ 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);
@@ -521,6 +540,12 @@ function getAgentConnectInstructions(id, locale, apiKey, baseUrl, guideId) {
     }
     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) {
@@ -534,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", {
@@ -550,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"
@@ -578,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 = resolveAgentConnectLabels(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;
@@ -682,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",
@@ -699,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"
@@ -711,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", {
@@ -809,6 +1035,7 @@ function AgentConnectDetailView({ selected, apiKey, locale, baseUrl, agreementUr
             }) : null,
             /*#__PURE__*/ jsx(AgentConnectInstructionsView, {
                 instructions: instructions,
+                apiKey: apiKey,
                 locale: locale,
                 agreementUrl: agreementUrl,
                 onCopy: onCopy
@@ -1466,7 +1693,7 @@ const custom = [
         Icon: sdkreact
     }
 ];
-function getAgentConnectDesign(locale) {
+function getAgentConnectDesign(locale, showOverseasTag = false) {
     const content = getAgentConnectContent(locale);
     const labels = resolveAgentConnectLabels(locale);
     return {
@@ -1485,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
                     ] : []
                 ]
@@ -1496,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({
@@ -1505,7 +1733,7 @@ function AgentConnect({ apiKey, locale, baseUrl = DEFAULT_BASE_URL, agreementUrl
     });
     const activeTabId = controlledTabId ?? localTabId;
     const selectedId = controlledSelectedId ?? localSelection[activeTabId];
-    const design = getAgentConnectDesign(locale);
+    const design = getAgentConnectDesign(locale, showOverseasTag);
     const labels = resolveAgentConnectLabels(locale);
     const tabs = design.tabs;
     const items = design[activeTabId];

package/dist/viking-bot-composer~0.js

@@ -6,6 +6,7 @@ import { VikingBotIcon } from "./lg~0.js";
 import { resolveVikingBotLabels, BotPopover, useQuickInput, QuickInputs } from "./c~0.js";
 import { usePortalTheme } from "./9~0.js";
 import { FileTree as file_tree_FileTree } from "./n~0.js";
+import { useLocale } from "./28~0.js";
 const SvgSend = (props)=>/*#__PURE__*/ jsx("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
@@ -374,7 +375,8 @@ function composerCaret(sender) {
     const { doc, selection } = editor.state;
     return doc.textBetween(0, selection.from, '\n', '\n').length;
 }
-const viking_bot_composer_VikingBotComposerView = /*#__PURE__*/ forwardRef(function({ value, locale, className, attachments = [], disabled, disabledReason, isSending, variant = 'default', accept, maxAttachments = 10, actions, quickInputs, onQuickInputSelect, references, onValueChange, onFilesAdded, onAttachmentRemove, onSend, onCancel, labels: overrides }, ref) {
+const viking_bot_composer_VikingBotComposerView = /*#__PURE__*/ forwardRef(function({ value, locale: localeProp, className, attachments = [], disabled, disabledReason, isSending, variant = 'default', accept, maxAttachments = 10, actions, quickInputs, onQuickInputSelect, references, onValueChange, onFilesAdded, onAttachmentRemove, onSend, onCancel, labels: overrides }, ref) {
+    const locale = useLocale(localeProp);
     const labels = resolveVikingBotLabels(locale, overrides);
     const senderRef = useRef(null);
     const writing = useRef(false);

package/dist/viking-bot-interaction~0.js

@@ -1,6 +1,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { AskHuman } from "@ark-design/ui/ask-human";
 import { useState } from "react";
+import { useLocale } from "./28~0.js";
 import { resolveInteractionLabels } from "./c7~0.js";
 const toFields = (request, other)=>{
     if ('choice' === request.kind) return [
@@ -193,7 +194,8 @@ const TextInput = ({ request, label, disabled, onChange })=>/*#__PURE__*/ jsxs(F
             })
         ]
     });
-function VikingBotInteractionView({ request, className, requestKey, index = 0, total = 1, disabled, submitting, error, onSubmit, onCancel, locale, labels: overrides }) {
+function VikingBotInteractionView({ request, className, requestKey, index = 0, total = 1, disabled, submitting, error, onSubmit, onCancel, locale: localeProp, labels: overrides }) {
+    const locale = useLocale(localeProp);
     const labels = resolveInteractionLabels(locale, overrides);
     const blocked = Boolean(disabled || submitting);
     const formKey = requestKey ?? `${request.kind}:${index}`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openviking/react",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "publishConfig": {
     "access": "public"
   },
@@ -122,6 +122,8 @@
     "react-focus-lock": "^2.13.7",
     "react-markdown": "^10.1.0",
     "react-transition-group": "^4.4.5",
+    "rehype-raw": "^7.0.0",
+    "rehype-sanitize": "^6.0.0",
     "remark-gfm": "^4.0.1"
   }
 }