@openviking/react 0.1.3 → 0.1.5

package/dist/ark-message-list-view~0.js

@@ -1,12 +1,397 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ChatMessageList } from "@ark-design/ui/message-list";
-import { Bubble } from "@ark-design/ui/bubble";
+import { Bubble, BubbleTools } from "@ark-design/ui/bubble";
 import { ErrorCard } from "@ark-design/ui/error-card";
+import { useEffect, useMemo, useState } from "react";
 import { ActivityTimeline } from "@ark-design/ui/activity-timeline";
 import { MDRenderer } from "@ark-design/ui/markdown-renderer";
-import { useState } from "react";
-import { groupActivityParts, toRenderItems, DEFAULT_LABELS } from "./c~0.js";
-import { messageText, groupMessages } from "./h~0.js";
+import { DocumentIcon } from "./k~0.js";
+import { VikingBotIcon } from "./lg~0.js";
+import { groupActivityParts, mergeToolResults, resolveVikingBotLabels, toRenderItems } from "./c~0.js";
+import { groupByActivity, messageText, groupMessages } from "./h~0.js";
+const PREFIX = '#viking-uri=';
+const RESOURCE = /viking:\/\/[^\s<>"'`]+/gi;
+const PROSE_RESOURCE = /viking:\/\/[^\s<>"'`，。；！？)\]]+/gi;
+const SKIP = new Set([
+    'link',
+    'linkReference',
+    'definition',
+    'code',
+    'html'
+]);
+function safeMarkdownHref(value) {
+    if (!value) return;
+    try {
+        return [
+            'http:',
+            'https:',
+            'mailto:',
+            'tel:'
+        ].includes(new URL(value, 'https://openviking.invalid').protocol) ? value : void 0;
+    } catch  {
+        return;
+    }
+}
+function resourceHref(value) {
+    if (value?.startsWith(PREFIX)) try {
+        value = decodeURIComponent(value.slice(PREFIX.length));
+    } catch  {
+        return;
+    }
+    return value && /^viking:\/\/[^\s<>"'`]+$/i.test(value) ? value : void 0;
+}
+function resourceText(value, prose = true) {
+    const matches = [];
+    for (const match of value.matchAll(new RegExp(prose ? PROSE_RESOURCE : RESOURCE))){
+        const uri = prose ? match[0].replace(/[.!?;:]+$/u, '') : match[0];
+        matches.push({
+            start: match.index,
+            end: match.index + uri.length,
+            uri
+        });
+    }
+    return matches;
+}
+const markdown_links_link = (uri, child)=>({
+        type: 'link',
+        url: PREFIX + encodeURIComponent(uri),
+        children: [
+            child
+        ]
+    });
+function linkResourceNodes(node) {
+    if (('link' === node.type || 'definition' === node.type) && node.url) {
+        const uri = resourceHref(node.url);
+        if (uri) node.url = PREFIX + encodeURIComponent(uri);
+    }
+    if (!node.children || SKIP.has(node.type ?? '')) return node;
+    node.children = node.children.flatMap((child)=>{
+        if ('inlineCode' === child.type) {
+            const uri = resourceHref(child.value);
+            return uri ? [
+                markdown_links_link(uri, child)
+            ] : [
+                child
+            ];
+        }
+        if ('text' !== child.type || !child.value) return [
+            linkResourceNodes(child)
+        ];
+        const pieces = [];
+        let cursor = 0;
+        for (const match of resourceText(child.value)){
+            if (match.start > cursor) pieces.push({
+                type: 'text',
+                value: child.value.slice(cursor, match.start)
+            });
+            pieces.push(markdown_links_link(match.uri, {
+                type: 'text',
+                value: match.uri
+            }));
+            cursor = match.end;
+        }
+        if (!pieces.length) return [
+            child
+        ];
+        if (cursor < child.value.length) pieces.push({
+            type: 'text',
+            value: child.value.slice(cursor)
+        });
+        return pieces;
+    });
+    return node;
+}
+const resourceAstPlugin = {
+    name: 'openviking-viking-uri-linkify',
+    config: {},
+    before: ()=>{},
+    after: ()=>{},
+    beforeEach: ()=>{},
+    afterEach: ()=>{},
+    modifier: (ast)=>{
+        if (ast && 'object' == typeof ast && 'type' in ast) linkResourceNodes(ast);
+    }
+};
+function MessageCodeBlock({ code, language = 'text', labels, onOpenUri }) {
+    const { copy, copied } = labels;
+    const slots = useMemo(()=>({
+            CodeBlockHeader: ()=>/*#__PURE__*/ jsx(BubbleTools, {
+                    className: "ov-viking-bot__code-copy",
+                    items: [
+                        'copy'
+                    ],
+                    copyText: code,
+                    labels: {
+                        copy,
+                        copied
+                    }
+                }),
+            .../^(bash|shell|sh|text|txt)$/i.test(language) && onOpenUri && resourceText(code, false).length ? {
+                CodeBlockHighlighter: ()=>{
+                    let cursor = 0;
+                    const nodes = resourceText(code, false).flatMap((match)=>{
+                        const before = code.slice(cursor, match.start);
+                        cursor = match.end;
+                        return [
+                            before,
+                            /*#__PURE__*/ jsx("a", {
+                                href: match.uri,
+                                onClick: (event)=>{
+                                    event.preventDefault();
+                                    onOpenUri(match.uri);
+                                },
+                                children: match.uri
+                            }, match.start)
+                        ];
+                    });
+                    return /*#__PURE__*/ jsx("pre", {
+                        children: /*#__PURE__*/ jsxs("code", {
+                            children: [
+                                nodes,
+                                code.slice(cursor)
+                            ]
+                        })
+                    });
+                }
+            } : {}
+        }), [
+        code,
+        language,
+        onOpenUri,
+        copy,
+        copied
+    ]);
+    const fence = '`'.repeat(Math.max(3, ...Array.from(code.matchAll(/`+/g), (match)=>match[0].length + 1)));
+    return /*#__PURE__*/ jsx("div", {
+        className: `ov-viking-bot__code${'text' === language ? ' ov-viking-bot__code--wrap' : ''}`,
+        children: /*#__PURE__*/ jsx(MDRenderer, {
+            markdown: `${fence}${language.replace(/[^\w+-]/g, '')}\n${code}\n${fence}`,
+            slots: slots
+        })
+    });
+}
+function ToolResultLinks({ results, labels, onOpenUri }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: "ov-viking-bot__tool-results",
+        children: results.map((result, index)=>/*#__PURE__*/ jsxs("button", {
+                type: "button",
+                className: "ov-viking-bot__tool-result",
+                disabled: !onOpenUri,
+                title: result.uri,
+                onClick: ()=>onOpenUri?.(result.uri),
+                children: [
+                    void 0 !== result.score && Number.isFinite(result.score) ? /*#__PURE__*/ jsxs("span", {
+                        className: "ov-viking-bot__tool-result-score",
+                        children: [
+                            labels.similarity,
+                            " ",
+                            /*#__PURE__*/ jsx("strong", {
+                                children: result.score.toFixed(2)
+                            })
+                        ]
+                    }) : null,
+                    /*#__PURE__*/ jsx(DocumentIcon, {
+                        width: 12,
+                        height: 12,
+                        "aria-hidden": "true"
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        className: "ov-viking-bot__tool-result-name",
+                        children: result.label ?? result.uri.replace(/\/$/, '').split('/').pop() ?? result.uri
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        className: "ov-viking-bot__tool-result-uri",
+                        children: result.uri
+                    })
+                ]
+            }, `${result.uri}:${index}`))
+    });
+}
+const payload = (value)=>{
+    if (null == value) return {
+        code: '',
+        language: 'text'
+    };
+    if ('string' != typeof value) return {
+        code: JSON.stringify(value, null, 2),
+        language: 'json'
+    };
+    try {
+        return {
+            code: JSON.stringify(JSON.parse(value), null, 2),
+            language: 'json'
+        };
+    } catch  {
+        return {
+            code: value,
+            language: 'text'
+        };
+    }
+};
+function ToolActivity({ context, labels, onOpenUri, results }) {
+    const Disclosure = context.components.ActivityToolDisclosure;
+    const input = payload(context.item.arguments);
+    const output = payload(context.item.error ?? context.item.resultPreview);
+    const status = context.item.status;
+    const name = [
+        context.item.server,
+        context.item.tool
+    ].filter(Boolean).join('.');
+    const title = context.item.titleOverride ?? `${'running' === status || 'queued' === status ? labels.toolRunning : 'failed' === status ? labels.toolError : labels.toolCompleted} ${name}`;
+    const detail = /*#__PURE__*/ jsx("div", {
+        className: "ov-viking-bot__tool-details",
+        children: [
+            {
+                value: input,
+                label: labels.toolInput
+            },
+            {
+                value: output,
+                label: labels.toolOutput,
+                results
+            }
+        ].filter(({ value, results })=>value.code || results?.length).map(({ value, label, results }, index)=>/*#__PURE__*/ jsxs("section", {
+                className: "ov-viking-bot__tool-payload-section",
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: "ov-viking-bot__tool-payload-label",
+                        children: label
+                    }),
+                    results?.length ? /*#__PURE__*/ jsx(ToolResultLinks, {
+                        results: results,
+                        labels: labels,
+                        onOpenUri: onOpenUri
+                    }) : /*#__PURE__*/ jsx("div", {
+                        className: "ov-viking-bot__tool-payload",
+                        children: /*#__PURE__*/ jsx(MessageCodeBlock, {
+                            ...value,
+                            labels: labels,
+                            onOpenUri: onOpenUri
+                        })
+                    })
+                ]
+            }, index))
+    });
+    return /*#__PURE__*/ jsx(Disclosure, {
+        id: context.item.id,
+        icon: /*#__PURE__*/ jsx(VikingBotIcon, {
+            name: "tool"
+        }),
+        title: title,
+        expanded: context.expanded,
+        onExpandedChange: context.setExpanded,
+        status: context.status,
+        detail: input.code || output.code || results?.length ? detail : void 0
+    });
+}
+const timestamp = (value)=>void 0 === value ? 0 / 0 : 'number' == typeof value ? value : new Date(value).getTime();
+function MessageActivity({ parts, labels, onOpenUri }) {
+    const { groups, order } = groupActivityParts(parts);
+    const resultLinks = useMemo(()=>{
+        const links = new Map();
+        for (const part of parts)if (('tool' === part.type || 'tool_result' === part.type) && void 0 !== part.results) links.set(part.id, part.results);
+        return links;
+    }, [
+        parts
+    ]);
+    const items = order.flatMap((id)=>groups.get(id)?.items ?? []);
+    const running = items.some((item)=>'running' === item.status || 'queued' === item.status);
+    const [now, setNow] = useState(()=>Date.now());
+    useEffect(()=>{
+        if (!running) return;
+        const timer = setInterval(()=>setNow(Date.now()), 1000);
+        return ()=>clearInterval(timer);
+    }, [
+        running
+    ]);
+    const starts = parts.flatMap((part)=>'startedAt' in part ? [
+            timestamp(part.startedAt)
+        ].filter(Number.isFinite) : []);
+    const ends = parts.flatMap((part)=>'completedAt' in part ? [
+            timestamp(part.completedAt)
+        ].filter(Number.isFinite) : []);
+    const elapsed = starts.length && (running || ends.length) ? Math.max(0, (running ? now : Math.max(...ends)) - Math.min(...starts)) : items.reduce((total, item)=>total + (item.durationMs ?? 0), 0);
+    const renderers = useMemo(()=>({
+            mcpToolCall: (context)=>/*#__PURE__*/ jsx(ToolActivity, {
+                    context: context,
+                    labels: labels,
+                    onOpenUri: onOpenUri,
+                    results: resultLinks.get(context.item.id)
+                })
+        }), [
+        labels,
+        onOpenUri,
+        resultLinks
+    ]);
+    return /*#__PURE__*/ jsx(ActivityTimeline, {
+        className: "ov-viking-bot__activity",
+        items: items.map((item)=>({
+                ...item,
+                durationMs: void 0 !== item.durationMs && item.durationMs >= 1000 ? item.durationMs : void 0
+            })),
+        defaultCollapseCompleted: true,
+        defaultExpanded: true,
+        density: "compact",
+        durationMs: elapsed >= 1000 ? 1000 * Math.floor(elapsed / 1000) : void 0,
+        statusLabel: running ? labels.activityRunning : labels.activityCompleted,
+        renderers: renderers,
+        onOpenSearchResult: (result)=>onOpenUri?.(result.url)
+    });
+}
+const AST_PLUGINS = [
+    resourceAstPlugin
+];
+function MessageMarkdown({ text, streaming, user, labels, onOpenUri }) {
+    const { copy, copied } = labels;
+    const slots = useMemo(()=>({
+            CodeBlock: ({ code, language })=>/*#__PURE__*/ jsx(MessageCodeBlock, {
+                    code: code,
+                    language: language,
+                    labels: {
+                        copy,
+                        copied
+                    },
+                    onOpenUri: onOpenUri
+                }),
+            Link: ({ children, href, title })=>{
+                const uri = resourceHref(href);
+                const safeHref = uri ?? safeMarkdownHref(href);
+                if (!safeHref) return /*#__PURE__*/ jsx(Fragment, {
+                    children: children
+                });
+                return /*#__PURE__*/ jsx("a", {
+                    href: safeHref,
+                    title: title,
+                    target: !uri && /^https?:/i.test(href ?? '') ? '_blank' : void 0,
+                    rel: "noopener noreferrer",
+                    onClick: uri ? (event)=>{
+                        event.preventDefault();
+                        onOpenUri?.(uri);
+                    } : void 0,
+                    children: children
+                });
+            }
+        }), [
+        onOpenUri,
+        copy,
+        copied
+    ]);
+    return /*#__PURE__*/ jsx(MDRenderer, {
+        className: "ov-viking-bot__text ov-viking-bot__text--markdown",
+        astPlugins: user ? void 0 : AST_PLUGINS,
+        parsing: user ? {
+            breaks: true,
+            enabledHtmlTags: false
+        } : void 0,
+        markdown: text,
+        showIndicator: streaming,
+        style: user ? {
+            fontSize: 'inherit',
+            overflowWrap: 'anywhere'
+        } : void 0,
+        slots: user ? void 0 : slots
+    });
+}
 function renderPart(part, context) {
     const { labels, onOpenUri } = context;
     if ('text' === part.type) return 'markdown' === part.format ? /*#__PURE__*/ jsx("div", {
@@ -95,101 +480,97 @@ function renderPart(part, context) {
 function capitalize(value) {
     return value.charAt(0).toUpperCase() + value.slice(1);
 }
-function MessageText({ text, streaming, format }) {
-    if ('plain' === format) return /*#__PURE__*/ jsx("div", {
-        className: "ov-viking-bot__text",
-        children: text
-    });
-    return /*#__PURE__*/ jsx(MDRenderer, {
-        className: "ov-viking-bot__text ov-viking-bot__text--markdown",
-        markdown: text,
-        showIndicator: streaming
-    });
-}
-function ActivityGroup({ id, items, running, labels, onOpenUri }) {
-    const [expanded, setExpanded] = useState(running);
-    const duration = items.reduce((total, item)=>total + (item.durationMs ?? 0), 0);
-    const summary = running ? labels.thinking : duration > 0 ? `${labels.reasoning} · ${Math.round(duration / 1000)}s` : labels.reasoning;
-    return /*#__PURE__*/ jsxs("section", {
-        className: "ov-viking-bot__activity",
-        "data-group": id,
-        children: [
-            /*#__PURE__*/ jsx("button", {
-                type: "button",
-                className: "ov-viking-bot__activity-toggle",
-                "aria-expanded": expanded,
-                onClick: ()=>setExpanded((current)=>!current),
-                children: summary
-            }),
-            expanded ? /*#__PURE__*/ jsx(ActivityTimeline, {
-                items: items,
-                density: "compact",
-                defaultExpanded: true,
-                onOpenSearchResult: (result)=>onOpenUri?.(result.url)
-            }) : null
-        ]
-    });
-}
 function MessageBody({ message, labels, onOpenUri }) {
-    const activity = message.parts.filter((part)=>'reasoning' === part.type || 'tool' === part.type);
-    const rest = message.parts.filter((part)=>'reasoning' !== part.type && 'tool' !== part.type);
-    const { groups, order } = groupActivityParts(activity);
-    return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            order.map((key)=>{
-                const group = groups.get(key);
-                if (!group) return null;
-                return /*#__PURE__*/ jsx(ActivityGroup, {
-                    id: group.id,
-                    items: group.items,
-                    running: group.items.some((item)=>'running' === item.status),
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: groupByActivity(mergeToolResults(message.parts)).map((block, index)=>{
+            const part = block.parts[0];
+            if (!part) return null;
+            if ('reasoning' === part.type || 'tool' === part.type) return /*#__PURE__*/ jsx(MessageActivity, {
+                parts: block.parts,
+                labels: labels,
+                onOpenUri: onOpenUri
+            }, `${block.groupId ?? 'activity'}:${index}`);
+            return block.parts.map((value, offset)=>'text' === value.type ? 'plain' === value.format ? /*#__PURE__*/ jsx("div", {
+                    className: "ov-viking-bot__text",
+                    children: value.text
+                }, `${index}:${offset}`) : /*#__PURE__*/ jsx(MessageMarkdown, {
+                    text: value.text,
+                    streaming: message.streaming,
+                    user: 'user' === message.role,
                     labels: labels,
                     onOpenUri: onOpenUri
-                }, group.id);
-            }),
-            rest.map((part, index)=>'text' === part.type ? /*#__PURE__*/ jsx(MessageText, {
-                    text: part.text,
-                    format: part.format,
-                    streaming: message.streaming
-                }, index) : /*#__PURE__*/ jsx("div", {
-                    children: renderPart(part, {
+                }, `${index}:${offset}`) : /*#__PURE__*/ jsx("div", {
+                    children: 'tool_result' === value.type && value.results?.length ? /*#__PURE__*/ jsx(ToolResultLinks, {
+                        results: value.results,
+                        labels: labels,
+                        onOpenUri: onOpenUri
+                    }) : renderPart(value, {
                         labels,
                         onOpenUri
                     })
-                }, index))
-        ]
+                }, `${index}:${offset}`));
+        })
     });
 }
-function MessageActions({ message, labels, onCopy, onMessageAction }) {
+function MessageFooter({ message, showTime, labels, locale, onCopy }) {
     const text = messageText(message);
-    const actions = message.actions ?? (message.action ? [
-        {
-            messageId: message.id,
-            action: message.action
-        }
-    ] : []);
-    if (0 === actions.length && !onCopy) return null;
+    const date = message.createdAt ? new Date(message.createdAt) : void 0;
+    const time = showTime && date && !Number.isNaN(date.getTime()) ? date.toLocaleString(locale, {
+        day: '2-digit',
+        hour: '2-digit',
+        hour12: false,
+        minute: '2-digit',
+        month: '2-digit',
+        year: 'numeric'
+    }) : '';
+    const canCopy = Boolean(text && ('user' === message.role || onCopy));
+    if (!time && !canCopy) return null;
     return /*#__PURE__*/ jsxs("div", {
-        className: "ov-viking-bot__message-actions",
+        className: "ov-viking-bot__message-footer",
         children: [
-            actions.map(({ messageId, action })=>/*#__PURE__*/ jsx("button", {
-                    type: "button",
-                    className: "ov-viking-bot__message-action",
-                    disabled: Boolean(action.disabledReason) || 'pending' === action.status || 'success' === action.status,
-                    title: action.disabledReason,
-                    onClick: ()=>onMessageAction?.(messageId, action.key),
-                    children: action.label ?? action.key
-                }, `${messageId}:${action.key}`)),
-            onCopy && text ? /*#__PURE__*/ jsx("button", {
+            time ? /*#__PURE__*/ jsx("time", {
+                dateTime: message.createdAt,
+                children: time
+            }) : null,
+            canCopy ? onCopy ? /*#__PURE__*/ jsx("button", {
                 type: "button",
                 className: "ov-viking-bot__copy",
                 onClick: ()=>onCopy(text),
                 children: labels.copy
+            }) : /*#__PURE__*/ jsx(BubbleTools, {
+                items: [
+                    'copy'
+                ],
+                copyText: text,
+                labels: {
+                    copy: labels.copy,
+                    copied: labels.copied
+                }
             }) : null
         ]
     });
 }
-function VikingBotMessageRow({ message, labels, onOpenUri, onCopy, onMessageAction, renderMessage }) {
+function MessageActions({ message, onMessageAction }) {
+    const actions = message.actions ?? (message.action ? [
+        {
+            messageId: message.id,
+            action: message.action
+        }
+    ] : []);
+    if (0 === actions.length) return null;
+    return /*#__PURE__*/ jsx("div", {
+        className: "ov-viking-bot__message-actions",
+        children: actions.map(({ messageId, action })=>/*#__PURE__*/ jsx("button", {
+                type: "button",
+                className: "ov-viking-bot__message-action",
+                disabled: Boolean(action.disabledReason) || 'pending' === action.status || 'success' === action.status,
+                title: action.disabledReason,
+                onClick: ()=>onMessageAction?.(messageId, action.key),
+                children: action.label ?? action.key
+            }, `${messageId}:${action.key}`))
+    });
+}
+function VikingBotMessageRow({ message, labels, onOpenUri, onCopy, onMessageAction, renderMessage, showTime, locale }) {
     if (renderMessage) return /*#__PURE__*/ jsx("div", {
         className: "ov-viking-bot__message",
         children: renderMessage(message)
@@ -198,22 +579,43 @@ function VikingBotMessageRow({ message, labels, onOpenUri, onCopy, onMessageActi
         className: 'error' === message.tone ? 'ov-viking-bot__notice ov-viking-bot__notice--error' : 'ov-viking-bot__notice',
         content: messageText(message)
     });
-    return /*#__PURE__*/ jsx(Bubble, {
+    const body = /*#__PURE__*/ jsx(MessageBody, {
+        message: message,
+        labels: labels,
+        onOpenUri: onOpenUri
+    });
+    const footer = /*#__PURE__*/ jsx(MessageFooter, {
+        message: message,
+        showTime: showTime || 'user' === message.role,
+        labels: labels,
+        locale: locale,
+        onCopy: onCopy
+    });
+    return /*#__PURE__*/ jsxs("article", {
         className: `ov-viking-bot__message ov-viking-bot__message--${message.role}`,
-        placement: 'user' === message.role ? 'end' : 'start',
-        variant: 'user' === message.role ? 'filled' : 'text',
-        content: null,
-        footer: /*#__PURE__*/ jsx(MessageActions, {
-            message: message,
-            labels: labels,
-            onCopy: onCopy,
-            onMessageAction: onMessageAction
-        }),
-        children: /*#__PURE__*/ jsx(MessageBody, {
-            message: message,
-            labels: labels,
-            onOpenUri: onOpenUri
-        })
+        children: [
+            'user' === message.role ? /*#__PURE__*/ jsx(Bubble, {
+                className: "ov-viking-bot__user-bubble",
+                placement: "end",
+                variant: "filled",
+                maxHeight: "9999px",
+                footer: footer,
+                children: body
+            }) : message.streaming && 0 === message.parts.length ? /*#__PURE__*/ jsx(Bubble, {
+                loading: true,
+                placement: "start",
+                variant: "text"
+            }) : /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    body,
+                    footer
+                ]
+            }),
+            /*#__PURE__*/ jsx(MessageActions, {
+                message: message,
+                onMessageAction: onMessageAction
+            })
+        ]
     });
 }
 function VikingBotStreamingRow({ streaming, labels, onOpenUri }) {
@@ -223,21 +625,15 @@ function VikingBotStreamingRow({ streaming, labels, onOpenUri }) {
         variant: "text",
         loading: true
     });
-    return /*#__PURE__*/ jsx(Bubble, {
-        className: "ov-viking-bot__message ov-viking-bot__message--assistant",
-        placement: "start",
-        variant: "text",
-        content: null,
-        children: /*#__PURE__*/ jsx(MessageBody, {
-            message: {
-                id: '__streaming__',
-                role: 'assistant',
-                parts: streaming.parts,
-                streaming: true
-            },
-            labels: labels,
-            onOpenUri: onOpenUri
-        })
+    return /*#__PURE__*/ jsx(VikingBotMessageRow, {
+        message: {
+            id: '__streaming__',
+            role: 'assistant',
+            parts: streaming.parts,
+            streaming: true
+        },
+        labels: labels,
+        onOpenUri: onOpenUri
     });
 }
 const INITIAL_TARGET = {
@@ -247,7 +643,7 @@ const INITIAL_TARGET = {
 const SCROLLER_STYLE = {
     paddingLeft: 16,
     paddingRight: 16,
-    paddingBottom: 24
+    paddingBottom: 48
 };
 const TURN_ANCHOR = {
     behavior: 'smooth',
@@ -263,12 +659,19 @@ const estimateSize = (item)=>{
     const activityCount = message.parts.filter((part)=>'reasoning' === part.type || 'tool' === part.type).length;
     return Math.max(72, Math.min(640, 72 + 0.4 * textLength + 48 * activityCount));
 };
-function VikingBotMessageListView({ messages, className, streaming, footer, listKey, onOpenUri, onCopy, onMessageAction, renderMessage, labels: overrides }) {
-    const labels = {
-        ...DEFAULT_LABELS,
-        ...overrides
-    };
+function VikingBotMessageListView({ messages, className, streaming, footer, listKey, onOpenUri, onCopy, onMessageAction, renderMessage, locale, labels: overrides }) {
+    const labels = resolveVikingBotLabels(locale, overrides);
     const items = toRenderItems(messages, streaming, groupMessages);
+    const isStreaming = Boolean(streaming || messages.some((message)=>message.streaming));
+    let lastUser;
+    const timed = new Set();
+    let lastAssistant;
+    for (const item of items)if (item.message?.role === 'user') {
+        lastUser = item;
+        if (lastAssistant) timed.add(lastAssistant);
+        lastAssistant = void 0;
+    } else if (item.message?.role === 'assistant' && item.message.parts.some((part)=>'text' === part.type)) lastAssistant = item.id;
+    if (lastAssistant) timed.add(lastAssistant);
     return /*#__PURE__*/ jsxs("div", {
         className: [
             'ov-viking-bot__list',
@@ -281,12 +684,18 @@ function VikingBotMessageListView({ messages, className, streaming, footer, list
                 getItemKey: (item)=>item.id,
                 estimateItemSize: estimateSize,
                 initialTarget: INITIAL_TARGET,
-                followOutput: streaming ? 'smooth' : false,
+                followOutput: isStreaming ? 'smooth' : false,
+                run: lastUser ? {
+                    anchorItemKey: lastUser.id,
+                    runKey: lastUser.id,
+                    status: isStreaming ? 'running' : 'complete'
+                } : null,
+                scrollToLatestButton: false,
                 turnAnchor: TURN_ANCHOR,
                 atEndThreshold: AT_END_THRESHOLD,
                 scrollerStyle: SCROLLER_STYLE,
                 shortContentAlign: "start",
-                overscan: 480,
+                overscan: 600,
                 renderItem: ({ item })=>item.streaming ? /*#__PURE__*/ jsx(VikingBotStreamingRow, {
                         streaming: item.streaming,
                         labels: labels,
@@ -297,7 +706,9 @@ function VikingBotMessageListView({ messages, className, streaming, footer, list
                         onOpenUri: onOpenUri,
                         onCopy: onCopy,
                         onMessageAction: onMessageAction,
-                        renderMessage: renderMessage
+                        renderMessage: renderMessage,
+                        showTime: timed.has(item.id),
+                        locale: locale
                     }) : null
             }),
             footer ? /*#__PURE__*/ jsx("div", {