@openviking/react 0.1.7 → 0.1.8-beta.11.1.gc6def608a25e

package/dist/components/tui/style.css

@@ -167,9 +167,11 @@
   }
 }
 
-.ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
+.ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-auth, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
   --ov-ui-tour-shadow-default: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
   --ov-ui-tour-highlight-default: #5252ff14;
+  --ov-ui-auth-on-primary-default: #fff;
+  --ov-ui-auth-backdrop-default: #0006;
   --ov-ui-primary-default: #5252ff;
   --ov-ui-primary-hover-default: #7075ff;
   --ov-ui-primary-active-default: #3833d2;
@@ -226,7 +228,7 @@
     #bd9cff 100%);
 }
 
-html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
+html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-auth, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
   --ov-ui-primary-default: #5f5fff;
   --ov-ui-primary-hover-default: #7075ff;
   --ov-ui-primary-active-default: #4242ba;
@@ -350,9 +352,11 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
   --ov-ui-dashboard-success-default: var(--ov-ui-status-success-default);
 }
 
-.ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
+.ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-auth, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
   --ov-ui-tour-shadow-default: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
   --ov-ui-tour-highlight-default: #5252ff14;
+  --ov-ui-auth-on-primary-default: #fff;
+  --ov-ui-auth-backdrop-default: #0006;
   --ov-ui-primary-default: #5252ff;
   --ov-ui-primary-hover-default: #7075ff;
   --ov-ui-primary-active-default: #3833d2;
@@ -409,7 +413,7 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
     #bd9cff 100%);
 }
 
-html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
+html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-auth, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
   --ov-ui-primary-default: #5f5fff;
   --ov-ui-primary-hover-default: #7075ff;
   --ov-ui-primary-active-default: #4242ba;

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

@@ -307,9 +307,11 @@
   }
 }
 
-.ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
+.ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-auth, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
   --ov-ui-tour-shadow-default: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
   --ov-ui-tour-highlight-default: #5252ff14;
+  --ov-ui-auth-on-primary-default: #fff;
+  --ov-ui-auth-backdrop-default: #0006;
   --ov-ui-primary-default: #5252ff;
   --ov-ui-primary-hover-default: #7075ff;
   --ov-ui-primary-active-default: #3833d2;
@@ -366,7 +368,7 @@
     #bd9cff 100%);
 }
 
-html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
+html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-auth, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
   --ov-ui-primary-default: #5f5fff;
   --ov-ui-primary-hover-default: #7075ff;
   --ov-ui-primary-active-default: #4242ba;
@@ -701,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;
@@ -711,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);
 }
@@ -2487,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
@@ -7851,9 +7877,11 @@ textarea.ov-viking-bot__interaction-input {
   }
 }
 
-.ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
+.ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-auth, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
   --ov-ui-tour-shadow-default: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
   --ov-ui-tour-highlight-default: #5252ff14;
+  --ov-ui-auth-on-primary-default: #fff;
+  --ov-ui-auth-backdrop-default: #0006;
   --ov-ui-primary-default: #5252ff;
   --ov-ui-primary-hover-default: #7075ff;
   --ov-ui-primary-active-default: #3833d2;
@@ -7910,7 +7938,7 @@ textarea.ov-viking-bot__interaction-input {
     #bd9cff 100%);
 }
 
-html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
+html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-auth, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
   --ov-ui-primary-default: #5f5fff;
   --ov-ui-primary-hover-default: #7075ff;
   --ov-ui-primary-active-default: #4242ba;
@@ -8543,9 +8571,11 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
 
 
 
-.ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
+.ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-auth, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
   --ov-ui-tour-shadow-default: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
   --ov-ui-tour-highlight-default: #5252ff14;
+  --ov-ui-auth-on-primary-default: #fff;
+  --ov-ui-auth-backdrop-default: #0006;
   --ov-ui-primary-default: #5252ff;
   --ov-ui-primary-hover-default: #7075ff;
   --ov-ui-primary-active-default: #3833d2;
@@ -8602,7 +8632,7 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
     #bd9cff 100%);
 }
 
-html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
+html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-auth, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
   --ov-ui-primary-default: #5f5fff;
   --ov-ui-primary-hover-default: #7075ff;
   --ov-ui-primary-active-default: #4242ba;
@@ -9056,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 {
@@ -9124,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));
@@ -9132,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%;
@@ -9181,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;

package/dist/components/wiki-dashboard/index.d.ts

@@ -1,2 +1,2 @@
 export { WikiDashboard } from './wiki-dashboard.js';
-export type { WikiConflict, WikiDashboardData, WikiDashboardLabels, WikiDashboardProps, WikiDirectoryData, WikiFileData, } from './types.js';
+export type { WikiConflict, WikiDashboardAction, WikiDashboardData, WikiDashboardLabels, WikiDashboardProps, WikiDirectoryData, WikiFileData, } from './types.js';

package/dist/components/wiki-dashboard/style.css

@@ -167,9 +167,11 @@
   }
 }
 
-.ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
+.ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-auth, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
   --ov-ui-tour-shadow-default: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
   --ov-ui-tour-highlight-default: #5252ff14;
+  --ov-ui-auth-on-primary-default: #fff;
+  --ov-ui-auth-backdrop-default: #0006;
   --ov-ui-primary-default: #5252ff;
   --ov-ui-primary-hover-default: #7075ff;
   --ov-ui-primary-active-default: #3833d2;
@@ -226,7 +228,7 @@
     #bd9cff 100%);
 }
 
-html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
+html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-auth, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
   --ov-ui-primary-default: #5f5fff;
   --ov-ui-primary-hover-default: #7075ff;
   --ov-ui-primary-active-default: #4242ba;
@@ -635,13 +637,21 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
 }
 
 .ov-wiki-dashboard__conflict-row {
-  grid-template-columns: 78px minmax(140px, 1fr) 200px 74px 100px;
+  grid-template-columns: 78px minmax(140px, 1fr) 200px 74px;
   align-items: center;
   display: grid;
 }
 
 .ov-wiki-dashboard__conflict-row--without-path {
-  grid-template-columns: 78px minmax(140px, 1fr) 74px 100px;
+  grid-template-columns: 78px minmax(140px, 1fr) 74px;
+}
+
+.ov-wiki-dashboard__conflict-row--with-actions {
+  grid-template-columns: 78px minmax(140px, 1fr) 200px 74px max-content;
+}
+
+.ov-wiki-dashboard__conflict-row--with-actions.ov-wiki-dashboard__conflict-row--without-path {
+  grid-template-columns: 78px minmax(140px, 1fr) 74px max-content;
 }
 
 .ov-wiki-dashboard__severity {
@@ -822,6 +832,8 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
 }
 
 .ov-wiki-dashboard__actions {
+  flex: none;
+  align-items: center;
   gap: 8px;
   padding: 0 16px;
   display: flex;

package/dist/components/wiki-dashboard/types.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes } from 'react';
+import type { HTMLAttributes, ReactNode } from 'react';
 export interface WikiConflict {
     id: string;
     matchText: string;
@@ -31,10 +31,16 @@ export interface WikiFileData {
     path?: string;
 }
 export type WikiDashboardData = WikiDirectoryData | WikiFileData;
+export interface WikiDashboardAction {
+    key: string;
+    icon: ReactNode;
+    tooltip: string;
+    disabled?: boolean;
+    onClick?: () => void;
+}
 export interface WikiDashboardLabels {
     title: string;
     pendingLabel: string;
-    discuss: string;
     conflicts: string;
     conflictFiles: string;
     pending: string;
@@ -51,14 +57,10 @@ export interface WikiDashboardLabels {
     failed: string;
     retry: string;
     open: string;
-    edit: string;
     solution: string;
     occurred: string;
     fixedAt: string;
     evidence: string;
-    history: string;
-    historyHint: string;
-    unavailable: string;
     limited: string;
 }
 interface WikiDashboardCommonProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
@@ -71,22 +73,16 @@ interface WikiDashboardCommonProps extends Omit<HTMLAttributes<HTMLDivElement>,
 export type WikiDashboardProps = WikiDashboardCommonProps & ({
     kind: 'directory';
     data?: WikiDirectoryData;
-    editDisabledReason?: never;
-    discussDisabledReason?: never;
     onOpenUri?: (uri: string) => void;
     onOpenDashboard?: (uri: string) => void;
-    onEdit?: (uri: string) => void;
-    onDiscuss?: never;
+    /** Omitted or empty actions hide the row's action area. */
+    defineActions?: (uri: string) => readonly WikiDashboardAction[];
 } | {
     kind: 'file';
     data?: WikiFileData;
-    /** Explanation shown when editing has no handler. Defaults to labels.unavailable. */
-    editDisabledReason?: string;
-    /** Explanation shown when discussion has no handler. Defaults to labels.unavailable. */
-    discussDisabledReason?: string;
     onOpenUri?: () => void;
     onOpenDashboard?: never;
-    onEdit?: (conflict: WikiConflict) => void;
-    onDiscuss?: (conflict: WikiConflict) => void;
+    /** Hosts choose actions, including how they vary by conflict state. */
+    defineActions?: (conflict: WikiConflict) => readonly WikiDashboardAction[];
 });
 export {};

package/dist/components/wiki-dashboard/wiki-action-button.d.ts

@@ -1,9 +1,2 @@
-import type { ReactNode } from 'react';
-export declare function WikiActionButton({ label, hint, onClick, children, ...aria }: {
-    label: string;
-    hint: string;
-    onClick?: () => void;
-    children: ReactNode;
-    'aria-expanded'?: boolean;
-    'aria-controls'?: string;
-}): import("react").JSX.Element;
+import type { WikiDashboardAction } from './types.js';
+export declare function WikiActionButton({ icon, tooltip, disabled, onClick, }: Omit<WikiDashboardAction, 'key'>): import("react").JSX.Element;

package/dist/components/wiki-dashboard/wiki-conflict-card.d.ts

@@ -1,15 +1,8 @@
-import type { WikiConflict, WikiDashboardProps, WikiDashboardLabels } from './types.js';
-export declare function WikiConflictCard({ conflict, path, labels: t, editDisabledReason, discussDisabledReason, onOpenUri, onEdit, onDiscuss, }: {
+import type { WikiConflict, WikiDashboardAction, WikiDashboardLabels } from './types.js';
+export declare function WikiConflictCard({ conflict, path, labels: t, actions, onOpenUri, }: {
     conflict: WikiConflict;
     path?: string;
     labels: WikiDashboardLabels;
-    editDisabledReason?: string;
-    discussDisabledReason?: string;
+    actions?: readonly WikiDashboardAction[];
     onOpenUri?: () => void;
-    onEdit?: Extract<WikiDashboardProps, {
-        kind: 'file';
-    }>['onEdit'];
-    onDiscuss?: Extract<WikiDashboardProps, {
-        kind: 'file';
-    }>['onDiscuss'];
 }): import("react").JSX.Element;