@openviking/react 0.1.8-beta.10.1.g8e5299efeb0a → 0.1.8-beta.11.1.gc6def608a25e

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/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/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;

package/dist/components/viking-bot/style.css

@@ -703,7 +703,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;
@@ -713,6 +712,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);
 }
@@ -2489,6 +2496,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
@@ -9062,54 +9086,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__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: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__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 {
@@ -9130,6 +9234,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));
@@ -9138,10 +9251,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%;
@@ -9187,7 +9320,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/viking-bot/types.d.ts

@@ -73,6 +73,8 @@ export interface VikingBotComposerProps extends VikingBotInputFeatures {
     onFilesAdded?: (files: readonly File[]) => void;
     /** 移除一个附件。Removes an attachment. */
     onAttachmentRemove?: (attachment: VikingBotAttachment) => void;
+    /** 打开已选中的文件或目录引用。Opens a selected file or directory reference. */
+    onOpenUri?: (uri: string) => void;
     /** 上报发送意图；由宿主发送并清空草稿。省略时不能发送。Reports the send intent. */
     onSend?: (draft: VikingBotDraft) => void;
     /** 停止正在进行的回复。省略时不展示停止动作。Stops the streaming reply. */
@@ -141,7 +143,7 @@ export interface VikingBotProps extends VikingBotInputFeatures, Omit<HTMLAttribu
     onSend?: (draft: VikingBotDraft) => void;
     /** 停止正在进行的回复。Stops the streaming reply. */
     onCancel?: () => void;
-    /** 打开消息中引用的资源。Opens a resource referenced by a message. */
+    /** 打开消息资源或输入区引用。Opens a message resource or composer reference. */
     onOpenUri?: (uri: string) => void;
     /** 复制由宿主执行，组件只上报意图。The host copies; the component reports intent. */
     onCopy?: (text: string) => void;

package/dist/components/viking-bot/user-message-group.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from 'react';
+import type { VikingBotMessage } from './model.js';
+import type { VikingBotMessageListProps } from './types.js';
+export declare function UserMessageGroup({ message, labels, footer, onOpenUri, }: {
+    message: VikingBotMessage;
+    labels: NonNullable<VikingBotMessageListProps['labels']>;
+    footer: ReactNode;
+    onOpenUri?: (uri: string) => void;
+}): import("react").JSX.Element | null;