@openviking/react 0.1.8-beta.10.1.g8e5299efeb0a → 0.1.8-beta.12.1.g83d24ca4fc6f

package/dist/3c~0.js

@@ -621,8 +621,8 @@ function useTuiComposerKeyboard({ inputRef, value, history, completion, inline,
         handleKeyDown
     };
 }
-const TUI_URI_PATTERN = /viking:\/\/[^\s"'<>`]+/g;
-const TUI_PROSE_URI_PATTERN = /viking:\/\/[^\s,，。；;、"'<>()[\]]+/g;
+const TUI_URI_PATTERN = /(?:viking|https?):\/\/[^\s"'<>`]+/g;
+const TUI_PROSE_URI_PATTERN = /(?:viking|https?):\/\/[^\s,，。；;、"'<>()[\]]+/g;
 function getTuiSafeHref(uri) {
     const href = uri?.trim();
     return href && /^(?:viking|https?):\/\/[^\s]+$/i.test(href) ? href : void 0;
@@ -921,14 +921,24 @@ function TuiComposer({ anchorRef, assistId, onFocus, onDismiss, onRequestPalette
         ]
     });
 }
-function pickTuiCommands(names = [], commands) {
+function pickTuiCommands(shortcuts = [], commands) {
     const byName = new Map(commands.map((command)=>[
             command.name,
             command
         ]));
+    const firstByName = new Map();
+    for (const shortcut of shortcuts)if (!firstByName.has(shortcut.name)) firstByName.set(shortcut.name, shortcut);
     return [
-        ...new Set(names)
-    ].flatMap((name)=>byName.get(name) ?? []);
+        ...firstByName.values()
+    ].flatMap((shortcut)=>{
+        const command = byName.get(shortcut.name);
+        return command ? [
+            {
+                ...command,
+                value: shortcut.value
+            }
+        ] : [];
+    });
 }
 function TuiEmptyRegion({ emptyState, commands, labels, disabled, onPick }) {
     if (void 0 !== emptyState) return null === emptyState ? null : /*#__PURE__*/ jsx("div", {
@@ -959,7 +969,7 @@ function TuiEmptyRegion({ emptyState, commands, labels, disabled, onPick }) {
                             type: "button",
                             className: "ov-tui__empty-action",
                             disabled: disabled,
-                            onClick: ()=>onPick(command),
+                            onClick: ()=>onPick(command.value),
                             children: [
                                 /*#__PURE__*/ jsx(ArrowRightIcon, {
                                     width: 14,
@@ -2117,13 +2127,14 @@ function Tui({ records, value, disabled = false, emptyState, quickCommands, loca
         onValueChange?.(next);
     };
     const readOnly = !onValueChange;
-    const fillCommand = (next)=>{
+    const fillInput = (next)=>{
         if (disabled || readOnly) return;
-        updateValue(formatTuiCommandInput(next, commands));
+        updateValue(next);
         composerRef.current?.querySelector('textarea')?.focus({
             preventScroll: true
         });
     };
+    const fillCommand = (next)=>fillInput(formatTuiCommandInput(next, commands));
     const completion = useTuiCompletion(value, !disabled && !readOnly && dismissedValue !== value, commands, commandGroups, paletteScope);
     const queryKey = value;
     const activeIndex = selection.queryKey === queryKey && selection.index < completion.options.length ? selection.index : -1;
@@ -2171,7 +2182,7 @@ function Tui({ records, value, disabled = false, emptyState, quickCommands, loca
                     commands: pickTuiCommands(quickCommands, commands),
                     labels: text,
                     disabled: disabled || readOnly,
-                    onPick: (command)=>fillCommand(`${command.name} `)
+                    onPick: fillInput
                 })
             }),
             /*#__PURE__*/ jsx(TuiAssist, {

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

@@ -2,9 +2,10 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ChatMessageList } from "@ark-design/ui/message-list";
 import { Bubble, BubbleTools } from "@ark-design/ui/bubble";
 import { ErrorCard } from "@ark-design/ui/error-card";
-import { useEffect, useMemo, useState } from "react";
+import { Fragment as external_react_Fragment, useEffect, useMemo, useState } from "react";
 import { ActivityTimeline } from "@ark-design/ui/activity-timeline";
 import { MDRenderer } from "@ark-design/ui/markdown-renderer";
+import { UserMessageFileList } from "@ark-design/ui/user-message-file-list";
 import { DocumentIcon } from "./k~0.js";
 import { VikingBotIcon } from "./lg~0.js";
 import { groupActivityParts, mergeToolResults, resolveVikingBotLabels, toRenderItems } from "./c~0.js";
@@ -553,6 +554,49 @@ function MessageFooter({ message, showTime, labels, locale, onCopy }) {
         ]
     });
 }
+function UserMessageGroup({ message, labels, footer, onOpenUri }) {
+    const attachments = message.parts.filter((part)=>'attachment' === part.type);
+    const parts = message.parts.filter((part)=>'attachment' !== part.type);
+    const hasContent = parts.some((part)=>'text' !== part.type || Boolean(part.text));
+    if (!hasContent && 0 === attachments.length) return null;
+    return /*#__PURE__*/ jsxs("div", {
+        className: "ov-viking-bot__user-message-group",
+        children: [
+            attachments.length > 0 ? /*#__PURE__*/ jsx(UserMessageFileList, {
+                className: "ov-viking-bot__user-message-attachments",
+                items: attachments.map((part, index)=>({
+                        id: part.uri ?? String(index),
+                        title: part.name,
+                        previewEnabled: false
+                    })),
+                renderItem: (_item, index)=>/*#__PURE__*/ jsx(external_react_Fragment, {
+                        children: renderPart(attachments[index], {
+                            labels,
+                            onOpenUri
+                        })
+                    }, index)
+            }) : null,
+            hasContent ? /*#__PURE__*/ jsx(Bubble, {
+                className: "ov-viking-bot__user-bubble",
+                placement: "end",
+                variant: "filled",
+                maxHeight: "9999px",
+                footer: footer,
+                children: /*#__PURE__*/ jsx("div", {
+                    className: "ov-viking-bot__user-message-content",
+                    children: /*#__PURE__*/ jsx(MessageBody, {
+                        message: {
+                            ...message,
+                            parts
+                        },
+                        labels: labels,
+                        onOpenUri: onOpenUri
+                    })
+                })
+            }) : footer
+        ]
+    });
+}
 function MessageActions({ message, onMessageAction }) {
     const actions = message.actions ?? (message.action ? [
         {
@@ -599,13 +643,11 @@ function VikingBotMessageRow({ message, labels, onOpenUri, onCopy, onMessageActi
     return /*#__PURE__*/ jsxs("article", {
         className: `ov-viking-bot__message ov-viking-bot__message--${message.role}`,
         children: [
-            'user' === message.role ? /*#__PURE__*/ jsx(Bubble, {
-                className: "ov-viking-bot__user-bubble",
-                placement: "end",
-                variant: "filled",
-                maxHeight: "9999px",
-                footer: footer,
-                children: body
+            'user' === message.role ? /*#__PURE__*/ jsx(UserMessageGroup, {
+                message: message,
+                labels: labels,
+                onOpenUri: onOpenUri,
+                footer: footer
             }) : message.streaming && 0 === message.parts.length ? /*#__PURE__*/ jsx(Bubble, {
                 loading: true,
                 placement: "start",

package/dist/a~0.js

@@ -1211,7 +1211,10 @@ const DEFAULT_QUICK_COMMANDS = [
     'find',
     'read',
     'status'
-];
+].map((name)=>({
+        name,
+        value: `ov ${name} `
+    }));
 function Console({ mode, defaultMode, locale: localeProp, quickCommands = DEFAULT_QUICK_COMMANDS, scopeKey, requestOptions, onModeChange, onOpenUri, conversation, slots, labels: overrides, className, ...rest }) {
     const locale = useLocale(localeProp);
     const state = useConsole({

package/dist/components/style.css

@@ -11701,7 +11701,6 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
   border: 1px solid var(--ov-viking-bot-border);
   border-radius: var(--ov-viking-bot-radius);
   max-width: 100%;
-  color: var(--ov-viking-bot-accent);
   font: inherit;
   overflow-wrap: anywhere;
   cursor: pointer;
@@ -11711,6 +11710,14 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
   font-size: 12px;
 }
 
+.ov-viking-bot__context {
+  color: var(--ov-viking-bot-accent);
+}
+
+.ov-viking-bot__attachment {
+  color: var(--ov-ui-color-text-2, var(--ov-ui-text-2-default));
+}
+
 .ov-viking-bot__context:hover, .ov-viking-bot__attachment:hover {
   background: var(--ov-viking-bot-surface-hover);
 }
@@ -13487,6 +13494,23 @@ textarea.ov-viking-bot__interaction-input {
   }
 }
 
+/*!
+ * Copyright (c) 2026 Bytedance, Inc. and its affiliates.
+ * SPDX-License-Identifier: MIT
+ */
+/*!
+ * Copyright (c) 2026 Bytedance, Inc. and its affiliates.
+ * SPDX-License-Identifier: MIT
+ */
+.ark-agentic-user-message-file-list-user-message-file-list-1 {
+  justify-content: flex-end;
+  align-items: flex-start;
+  gap: .5rem;
+  width: 100%;
+  display: flex;
+  overflow: auto hidden;
+}
+
 /*!
  * Copyright (c) 2026 Bytedance, Inc. and its affiliates.
  * SPDX-License-Identifier: MIT
@@ -20060,54 +20084,134 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
   outline: none;
 }
 
-.ov-viking-bot__reference-tags {
-  flex-wrap: wrap;
+.ov-viking-bot__quick-inputs button:not(.ov-button):focus-visible, .ov-viking-bot__session-history button:not(.ov-button):focus-visible {
+  outline: 2px solid var(--ov-ui-color-focus, var(--ov-ui-focus-default));
+  outline-offset: 2px;
+}
+
+.ov-viking-bot__quick-inputs button:not(.ov-button):disabled {
+  opacity: .5;
+  cursor: not-allowed;
+}
+
+.ov-viking-bot__attach > svg {
+  width: 10.208px;
+  height: 10.208px;
+}
+
+.ov-viking-bot__reference-tags, .ov-viking-bot__reference-overflow {
+  flex-direction: column;
+  align-items: flex-start;
   gap: 6px;
-  margin: 0 0 8px;
-  padding: 0;
-  list-style: none;
+  min-width: 0;
   display: flex;
 }
 
-.ov-viking-bot__reference-tags li {
-  background: var(--ov-ui-color-bg-5, var(--ov-ui-bg-5-default));
-  border-radius: 6px;
+.ov-viking-bot__reference-tags {
+  margin-bottom: 10px;
+}
+
+.ov-viking-bot__reference-row {
   align-items: center;
   gap: 4px;
   min-width: 0;
   max-width: 100%;
-  padding: 4px 6px;
+  display: flex;
+}
+
+.ov-viking-bot__reference-tag, .ov-viking-bot__reference-more {
+  box-sizing: border-box;
+  background: var(--ov-ui-color-bg-3, var(--ov-ui-bg-3-default));
+  max-width: 100%;
+  height: 26px;
+  color: var(--ov-ui-color-text-2, var(--ov-ui-text-2-default));
+  letter-spacing: .036px;
+  border: 0;
+  border-radius: 6px;
+  align-items: center;
+  gap: 4px;
+  padding: 3px 8px;
+  font-family: Roboto, PingFang SC, sans-serif;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 20px;
   display: inline-flex;
 }
 
-.ov-viking-bot__reference-tags li > span {
+.ov-viking-bot__reference-tag {
+  min-width: 0;
+}
+
+.ov-viking-bot__reference-tag > svg {
+  flex-shrink: 0;
+}
+
+.ov-viking-bot__reference-icon {
+  color: var(--ov-ui-viking-bot-reference-icon-light);
+}
+
+.dark .ov-viking-bot__reference-icon {
+  color: var(--ov-ui-viking-bot-reference-icon-dark);
+}
+
+.ov-viking-bot__reference-path {
   text-overflow: ellipsis;
   white-space: nowrap;
   min-width: 0;
   overflow: hidden;
 }
 
-.ov-viking-bot__reference-tags button:not(.ov-button) {
+.ov-viking-bot__reference-open {
+  min-width: 0;
   color: inherit;
+  font: inherit;
+  text-align: start;
   cursor: pointer;
   background: none;
   border: 0;
-  padding: 0 2px;
+  padding: 0;
+  display: inline-flex;
+  overflow: hidden;
+}
+
+.ov-viking-bot__reference-open:hover {
+  color: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
+}
+
+.ov-viking-bot__reference-remove {
+  width: 14px;
+  height: 14px;
+  color: var(--ov-ui-color-text-3, var(--ov-ui-text-3-default));
+  cursor: pointer;
+  background: none;
+  border: 0;
+  border-radius: 2px;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  padding: 0;
+  display: inline-flex;
+}
+
+.ov-viking-bot__reference-more {
+  cursor: pointer;
+  flex-shrink: 0;
 }
 
-.ov-viking-bot__quick-inputs button:not(.ov-button):focus-visible, .ov-viking-bot__session-history button:not(.ov-button):focus-visible, .ov-viking-bot__reference-tags button:not(.ov-button):focus-visible {
+.ov-viking-bot__reference-open:focus-visible, .ov-viking-bot__reference-more:focus-visible, .ov-viking-bot__reference-remove:focus-visible {
   outline: 2px solid var(--ov-ui-color-focus, var(--ov-ui-focus-default));
   outline-offset: 2px;
 }
 
-.ov-viking-bot__quick-inputs button:not(.ov-button):disabled {
-  opacity: .5;
+.ov-viking-bot__reference-remove:disabled {
   cursor: not-allowed;
+  opacity: .5;
 }
 
-.ov-viking-bot__attach > svg {
-  width: 10.208px;
-  height: 10.208px;
+.ov-viking-bot__reference-overflow {
+  max-width: min(440px, 100vw - 48px);
+  max-height: min(360px, 50vh);
+  overflow-y: auto;
 }
 
 .ov-viking-bot__list {
@@ -20128,6 +20232,15 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
   padding-left: 32px;
 }
 
+.ov-viking-bot__user-message-group {
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 6px;
+  width: min(88%, 960px);
+  max-width: 100%;
+  display: flex;
+}
+
 .ov-viking-bot__user-bubble {
   --agentic-bubble-content-max-width: 100%;
   --agentic-bubble-content-filled-bg: var(--ov-ui-color-bg-3, var(--ov-ui-bg-3-default));
@@ -20136,10 +20249,30 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
   --agentic-bubble-content-radius-default: 16px;
   --agentic-bubble-content-font-size: 14px;
   --agentic-bubble-content-line-height: 22px;
-  width: min(88%, 960px);
   max-width: 100%;
 }
 
+.ov-viking-bot__user-message-content {
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 6px;
+  width: max-content;
+  max-width: 100%;
+  display: flex;
+}
+
+.ov-viking-bot__user-message-attachments {
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  align-self: flex-end;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  max-width: 100%;
+  display: flex;
+  overflow: visible;
+}
+
 .ov-viking-bot__user-bubble .ark-agentic-bubble__content {
   inline-size: max-content;
   max-inline-size: 100%;
@@ -20185,7 +20318,7 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
   display: inline-flex;
 }
 
-.ov-viking-bot__message:hover .ov-viking-bot__message-footer, .ov-viking-bot__message:focus-within .ov-viking-bot__message-footer {
+.ov-viking-bot__message:not(.ov-viking-bot__message--user):hover .ov-viking-bot__message-footer, .ov-viking-bot__message:not(.ov-viking-bot__message--user):focus-within .ov-viking-bot__message-footer, .ov-viking-bot__user-message-group:hover .ov-viking-bot__message-footer, .ov-viking-bot__user-message-group:focus-within .ov-viking-bot__message-footer {
   opacity: 1;
   pointer-events: auto;
 }

package/dist/components/tui/index.d.ts

@@ -1 +1,2 @@
 export * from './tui.js';
+export type { TuiQuickCommand } from './types.js';

package/dist/components/tui/tui-empty.d.ts

@@ -1,5 +1,6 @@
 import type { ReactNode } from 'react';
 import type { TuiCommandDefinition } from './command-catalog.js';
+import type { TuiQuickCommand } from './types.js';
 import type { ResolvedTuiLabels } from './tui-labels.js';
 /**
  * 按名称从宿主目录中取快捷命令，保持传入顺序，未命中的名称直接跳过。
@@ -8,7 +9,7 @@ import type { ResolvedTuiLabels } from './tui-labels.js';
  * names the catalogue does not contain. Repeated names keep their first
  * occurrence so one command never renders as sibling nodes with the same key.
  */
-export declare function pickTuiCommands(names: readonly string[] | undefined, commands: readonly TuiCommandDefinition[]): readonly TuiCommandDefinition[];
+export declare function pickTuiCommands(shortcuts: readonly TuiQuickCommand[] | undefined, commands: readonly TuiCommandDefinition[]): readonly (TuiCommandDefinition & TuiQuickCommand)[];
 /**
  * 无记录时的空态区域。宿主节点优先；否则展示内置空态，没有可用快捷命令时
  * 不渲染任何内容。
@@ -18,8 +19,8 @@ export declare function pickTuiCommands(names: readonly string[] | undefined, co
  */
 export declare function TuiEmptyRegion({ emptyState, commands, labels, disabled, onPick, }: {
     emptyState?: ReactNode;
-    commands: readonly TuiCommandDefinition[];
+    commands: readonly (TuiCommandDefinition & TuiQuickCommand)[];
     labels: ResolvedTuiLabels;
     disabled?: boolean;
-    onPick: (command: TuiCommandDefinition) => void;
+    onPick: (value: string) => void;
 }): import("react").JSX.Element | null;

package/dist/components/tui/types.d.ts

@@ -465,6 +465,13 @@ export interface TuiLabels {
     /** 格式化已过去的整小时。Formats elapsed whole hours. */
     formatHoursAgo?: (hours: number) => string;
 }
+/** 空态快捷入口。One empty-state shortcut. */
+export interface TuiQuickCommand {
+    /** 匹配 commands 的名称，复用其说明。Name matched in commands to reuse its copy. */
+    name: string;
+    /** 原样填入的完整命令；空字符串清空输入，不回退到命令前缀。Full input text; an empty string clears the input without a prefix fallback. */
+    value: string;
+}
 /**
  * 当前命令记录、结果与输入区的公开接口；会话、历史面板和外层工具栏由宿主组合。
  * 提供命令补全、参数提示与帮助。
@@ -504,15 +511,15 @@ export interface TuiProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCopy'
      */
     emptyState?: ReactNode;
     /**
-     * 内置空态展示的快捷命令名称，按数组顺序取自 `commands`，未命中的名称跳过，
-     * 重复名称只保留首次出现。
-     * 点击后填入输入框并聚焦，不提交命令。
-     * Quick command names rendered by the built-in empty state, resolved from
-     * `commands` in array order; unknown names are skipped and repeats keep their
-     * first occurrence. Selecting one fills
-     * and focuses the input without submitting.
+     * 内置空态快捷入口；name 按顺序匹配 commands 并复用 summary/description，
+     * 未命中的名称跳过，重复名称只保留首次出现。
+     * 点击后原样填入 value 并聚焦，不添加前缀、不提交；空字符串清空输入。
+     * Built-in empty-state shortcuts. Names resolve copy from commands in order;
+     * unknown names are skipped and repeats keep their first occurrence.
+     * Selection fills value verbatim and focuses without adding a prefix or
+     * submitting. An empty value clears the input.
      */
-    quickCommands?: readonly string[];
+    quickCommands?: readonly TuiQuickCommand[];
     /** 宿主提供的命令目录；省略时无候选和参数帮助，仍可提交文本。 */
     commands?: readonly TuiCommandDefinition[];
     /** 宿主提供的分组名称与顺序；未声明的组按目录顺序追加。 */

package/dist/components/viking-bot/bot-popover.d.ts

@@ -1,9 +1,10 @@
 import type { ButtonHTMLAttributes, ReactNode } from 'react';
 /** Private non-modal popover shared by history and the reference toolbar. */
-export declare function BotPopover({ label, trigger: renderTrigger, children, placement, onOpen, }: {
+export declare function BotPopover({ label, trigger: renderTrigger, children, placement, onOpen, hover, }: {
     label: string;
     trigger: (props: ButtonHTMLAttributes<HTMLButtonElement>) => ReactNode;
     children: (close: () => void) => ReactNode;
     placement?: 'top' | 'bottom';
     onOpen?: () => void;
+    hover?: boolean;
 }): import("react").JSX.Element;

package/dist/components/viking-bot/composer-reference-tags.d.ts

@@ -0,0 +1,8 @@
+import type { VikingBotReferences } from './capabilities.js';
+import type { VikingBotLabels } from './model.js';
+export declare function ReferenceTags({ config, labels, disabled, onOpenUri, }: {
+    config?: VikingBotReferences;
+    labels: Required<VikingBotLabels>;
+    disabled?: boolean;
+    onOpenUri?: (uri: string) => void;
+}): import("react").JSX.Element | null;

package/dist/components/viking-bot/composer-references.d.ts

@@ -13,8 +13,3 @@ export declare function ReferenceButton({ locale, config, disabled, labels, send
     locale: Locale;
     senderRef: RefObject<SenderInstance | null>;
 }): import("react").JSX.Element;
-export declare function ReferenceTags({ config, labels, disabled, }: {
-    config?: VikingBotReferences;
-    labels: Required<VikingBotLabels>;
-    disabled?: boolean;
-}): import("react").JSX.Element | null;

package/dist/components/viking-bot/locales/en-US.d.ts

@@ -13,6 +13,7 @@ declare const messages: {
     searchReferences: string;
     emptyReferences: string;
     removeReference: string;
+    openReference: string;
     expandReference: string;
     collapseReference: string;
     welcomeTitle: string;

package/dist/components/viking-bot/locales/zh-CN.d.ts

@@ -13,6 +13,7 @@ declare const messages: {
     searchReferences: string;
     emptyReferences: string;
     removeReference: string;
+    openReference: string;
     expandReference: string;
     collapseReference: string;
     welcomeTitle: string;

package/dist/components/viking-bot/model.d.ts

@@ -237,6 +237,7 @@ export interface VikingBotLabels {
     searchReferences?: string;
     emptyReferences?: string;
     removeReference?: string;
+    openReference?: string;
     expandReference?: string;
     collapseReference?: string;
     /** 欢迎标题。Welcome heading. */

package/dist/components/viking-bot/popover-tab-navigation.d.ts

@@ -0,0 +1,3 @@
+import type { KeyboardEvent } from 'react';
+/** Match the native popover's logical Tab order across the portal boundary. */
+export declare function navigatePopoverTab(event: KeyboardEvent<HTMLElement>, anchor: HTMLElement | null, surface: HTMLElement | null, close: () => void): void;