@openviking/react 0.1.1 → 0.1.2

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

@@ -0,0 +1,310 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChatMessageList } from "@ark-design/ui/message-list";
+import { Bubble } from "@ark-design/ui/bubble";
+import { ErrorCard } from "@ark-design/ui/error-card";
+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";
+function renderPart(part, context) {
+    const { labels, onOpenUri } = context;
+    if ('text' === part.type) return 'markdown' === part.format ? /*#__PURE__*/ jsx("div", {
+        className: "ov-viking-bot__text ov-viking-bot__text--markdown",
+        children: part.text
+    }) : /*#__PURE__*/ jsx("div", {
+        className: "ov-viking-bot__text",
+        children: part.text
+    });
+    if ('reasoning' === part.type) return /*#__PURE__*/ jsxs("details", {
+        className: "ov-viking-bot__reasoning",
+        open: part.running,
+        children: [
+            /*#__PURE__*/ jsxs("summary", {
+                children: [
+                    labels.reasoning,
+                    part.durationMs ? ` · ${Math.round(part.durationMs / 1000)}s` : ''
+                ]
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "ov-viking-bot__reasoning-body",
+                children: part.text
+            })
+        ]
+    });
+    if ('iteration' === part.type) return /*#__PURE__*/ jsxs("div", {
+        className: "ov-viking-bot__iteration",
+        role: "separator",
+        children: [
+            "#",
+            part.iteration
+        ]
+    });
+    if ('context' === part.type) return /*#__PURE__*/ jsx("button", {
+        type: "button",
+        className: "ov-viking-bot__context",
+        title: part.abstract,
+        onClick: ()=>onOpenUri?.(part.uri),
+        children: part.label ?? part.uri
+    });
+    if ('tool' === part.type) return /*#__PURE__*/ jsxs("details", {
+        className: "ov-viking-bot__tool",
+        open: 'running' === part.status,
+        children: [
+            /*#__PURE__*/ jsxs("summary", {
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        className: "ov-viking-bot__tool-name",
+                        children: part.name
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        className: "ov-viking-bot__tool-status",
+                        children: labels[`tool${capitalize(part.status)}`] ?? part.status
+                    }),
+                    part.durationMs ? /*#__PURE__*/ jsx("span", {
+                        children: `${part.durationMs}ms`
+                    }) : null
+                ]
+            }),
+            part.input ? /*#__PURE__*/ jsx("pre", {
+                className: "ov-viking-bot__tool-input",
+                children: JSON.stringify(part.input, null, 2)
+            }) : null,
+            part.output ? /*#__PURE__*/ jsx("pre", {
+                className: "ov-viking-bot__tool-output",
+                children: part.output
+            }) : null
+        ]
+    });
+    if ('tool_result' === part.type) return /*#__PURE__*/ jsx("pre", {
+        className: part.isError ? 'ov-viking-bot__tool-output ov-viking-bot__tool-output--error' : 'ov-viking-bot__tool-output',
+        children: part.output
+    });
+    if ('image' === part.type) return /*#__PURE__*/ jsx("img", {
+        className: "ov-viking-bot__image",
+        src: part.src,
+        alt: part.alt ?? ''
+    });
+    return /*#__PURE__*/ jsx("button", {
+        type: "button",
+        className: "ov-viking-bot__attachment",
+        onClick: ()=>part.uri && onOpenUri?.(part.uri),
+        children: part.name
+    });
+}
+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),
+                    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, {
+                        labels,
+                        onOpenUri
+                    })
+                }, index))
+        ]
+    });
+}
+function MessageActions({ message, labels, onCopy, onMessageAction }) {
+    const text = messageText(message);
+    const actions = message.actions ?? (message.action ? [
+        {
+            messageId: message.id,
+            action: message.action
+        }
+    ] : []);
+    if (0 === actions.length && !onCopy) return null;
+    return /*#__PURE__*/ jsxs("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}`)),
+            onCopy && text ? /*#__PURE__*/ jsx("button", {
+                type: "button",
+                className: "ov-viking-bot__copy",
+                onClick: ()=>onCopy(text),
+                children: labels.copy
+            }) : null
+        ]
+    });
+}
+function VikingBotMessageRow({ message, labels, onOpenUri, onCopy, onMessageAction, renderMessage }) {
+    if (renderMessage) return /*#__PURE__*/ jsx("div", {
+        className: "ov-viking-bot__message",
+        children: renderMessage(message)
+    });
+    if ('system' === message.role) return /*#__PURE__*/ jsx(ErrorCard, {
+        className: 'error' === message.tone ? 'ov-viking-bot__notice ov-viking-bot__notice--error' : 'ov-viking-bot__notice',
+        content: messageText(message)
+    });
+    return /*#__PURE__*/ jsx(Bubble, {
+        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
+        })
+    });
+}
+function VikingBotStreamingRow({ streaming, labels, onOpenUri }) {
+    if (0 === streaming.parts.length) return /*#__PURE__*/ jsx(Bubble, {
+        className: "ov-viking-bot__message ov-viking-bot__message--assistant",
+        placement: "start",
+        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
+        })
+    });
+}
+const INITIAL_TARGET = {
+    kind: 'end',
+    behavior: 'auto'
+};
+const SCROLLER_STYLE = {
+    paddingLeft: 16,
+    paddingRight: 16,
+    paddingBottom: 24
+};
+const TURN_ANCHOR = {
+    behavior: 'smooth',
+    mode: 'bottom'
+};
+const AT_END_THRESHOLD = 8;
+const estimateSize = (item)=>{
+    if (item.streaming) return 96;
+    const message = item.message;
+    if (!message) return 96;
+    if ('system' === message.role) return 56;
+    const textLength = message.parts.reduce((total, part)=>total + ('text' === part.type ? part.text.length : 0), 0);
+    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
+    };
+    const items = toRenderItems(messages, streaming, groupMessages);
+    return /*#__PURE__*/ jsxs("div", {
+        className: [
+            'ov-viking-bot__list',
+            className
+        ].filter(Boolean).join(' '),
+        children: [
+            /*#__PURE__*/ jsx(ChatMessageList, {
+                listKey: listKey ?? 'viking-bot',
+                items: items,
+                getItemKey: (item)=>item.id,
+                estimateItemSize: estimateSize,
+                initialTarget: INITIAL_TARGET,
+                followOutput: streaming ? 'smooth' : false,
+                turnAnchor: TURN_ANCHOR,
+                atEndThreshold: AT_END_THRESHOLD,
+                scrollerStyle: SCROLLER_STYLE,
+                shortContentAlign: "start",
+                overscan: 480,
+                renderItem: ({ item })=>item.streaming ? /*#__PURE__*/ jsx(VikingBotStreamingRow, {
+                        streaming: item.streaming,
+                        labels: labels,
+                        onOpenUri: onOpenUri
+                    }) : item.message ? /*#__PURE__*/ jsx(VikingBotMessageRow, {
+                        message: item.message,
+                        labels: labels,
+                        onOpenUri: onOpenUri,
+                        onCopy: onCopy,
+                        onMessageAction: onMessageAction,
+                        renderMessage: renderMessage
+                    }) : null
+            }),
+            footer ? /*#__PURE__*/ jsx("div", {
+                className: "ov-viking-bot__footer",
+                children: footer
+            }) : null
+        ]
+    });
+}
+export { VikingBotMessageListView };

package/dist/c7~0.js

@@ -0,0 +1,24 @@
+const DEFAULT_INTERACTION_LABELS = {
+    title: 'Needs your input',
+    submit: 'Submit',
+    cancel: 'Cancel',
+    other: 'Other',
+    submitted: 'Submitted',
+    cancelled: 'Cancelled',
+    progress: (index, total)=>`${index + 1} / ${total}`,
+    scheduleNone: 'Do not schedule',
+    scheduleDaily: 'Every day',
+    scheduleWeekly: 'Every week',
+    scheduleTime: 'Time',
+    scheduleWeekday: 'Weekday',
+    weekdays: [
+        'Monday',
+        'Tuesday',
+        'Wednesday',
+        'Thursday',
+        'Friday',
+        'Saturday',
+        'Sunday'
+    ]
+};
+export { DEFAULT_INTERACTION_LABELS };

package/dist/components/agent-connect/agent-connect-copy.d.ts

@@ -0,0 +1,34 @@
+export declare const AGENT_CONNECT_COPY: {
+    zh: {
+        title: string;
+        mainstream: string;
+        custom: string;
+        integration: string;
+        instructions: string;
+        copy: string;
+        copyMarkdown: string;
+        copied: string;
+        failed: string;
+        notice: string;
+        seeAgreement: string;
+        agreement: string;
+        apiKey: string;
+        overseas: string;
+    };
+    en: {
+        title: string;
+        mainstream: string;
+        custom: string;
+        integration: string;
+        instructions: string;
+        copy: string;
+        copyMarkdown: string;
+        copied: string;
+        failed: string;
+        notice: string;
+        seeAgreement: string;
+        agreement: string;
+        apiKey: string;
+        overseas: string;
+    };
+};