@openviking/react 0.1.2 → 0.1.3

package/dist/components/file-tree/file-tree-info-tooltip.d.ts

@@ -1,14 +1,14 @@
 import type { FileTreeEntryRow, FileTreeInfoLabels } from './types.js';
 export interface FileTreeInfoCopy {
-    /** 行名称，作为浮层标题。Row name, used as the tooltip title. */
+    /** 行名称，作为浮层标题。Row name, used as the popover title. */
     title: string;
     /** 说明，已按行内同样的优先级解析。Description, resolved with the same precedence as inline. */
     description?: string;
-    /** 触发行为，只出现在浮层。Trigger copy, tooltip only. */
+    /** 触发行为，只出现在浮层。Trigger copy, popover only. */
     triggerBehavior?: string;
     /** 完整路径。Full path. */
     path: string;
-    /** 浮层里各行的字段名。Field names used inside the tooltip. */
+    /** 浮层里各行的字段名。Field names used inside the popover. */
     fields: {
         description: string;
         triggerBehavior: string;
@@ -22,21 +22,21 @@ export interface FileTreeInfoCopy {
  * （含显式空串），没给才用内置。调用方据此决定是否创建浮层外壳，避免留下一个
  * 只有背景和内边距的空壳。
  *
- * Resolves what a directory tooltip should show, or `null` when there is nothing.
+ * Resolves what a directory popover should show, or `null` when there is nothing.
  *
  * The description resolves as `row.description` then built-in copy, matching the
  * inline behaviour: a host value wins, including an explicit empty string, and
  * the built-in copy applies only when absent. The caller uses this to decide
- * whether to create the tooltip shell, so no empty shell is left behind.
+ * whether to create the surface, so no empty shell is left behind.
  */
 export declare function resolveFileTreeInfoCopy(row: FileTreeEntryRow, infoLabels?: FileTreeInfoLabels): FileTreeInfoCopy | null;
 /**
  * 目录的默认浮层内容：说明、触发行为与路径。九类长期记忆的说明只出现在这里，
  * 因此这个浮层是它们唯一的展示位置。
  *
- * The default tooltip content for a directory: description, trigger copy and
+ * The default popover content for a directory: description, trigger copy and
  * path. The nine long-term-memory keys describe themselves here only, so this
- * tooltip is the sole place their copy appears.
+ * surface is the sole place their copy appears.
  */
 export declare function FileTreeInfoTooltip({ copy }: {
     copy: FileTreeInfoCopy;

package/dist/components/file-tree/file-tree-row-context.d.ts

@@ -16,7 +16,6 @@ export interface FileTreeRowContext {
     /** 当前选中的行 id。Currently selected row id. */
     selectedId?: string | null;
     /** 当前展示浮层的行 id。Row whose tooltip is showing. */
-    tooltipRowId: string | null;
     /** 为行追加属性。Extra attributes for a row. */
     getRowAttributes?: (row: FileTreeRow) => HTMLAttributes<HTMLDivElement>;
     /** 行尾指示器。Row-end indicator. */
@@ -39,8 +38,4 @@ export interface FileTreeRowContext {
     onOpenRetentionSettings?: (uri: string) => void;
     /** 行的键盘处理。Key handling for a row. */
     onRowKeyDown: (event: KeyboardEvent<HTMLDivElement>, row: FileTreeEntryRow) => void;
-    /** 指针进入行。Pointer enters a row. */
-    onRowEnter: (rowId: string) => void;
-    /** 指针离开行。Pointer leaves a row. */
-    onRowLeave: () => void;
 }

package/dist/components/file-tree/file-tree-row-shared.d.ts

@@ -1,11 +1,18 @@
 /** 每一级缩进与祖先连线的宽度。Indent per level, and the guide through it. */
-export declare const INDENT = 20;
+export declare const INDENT = 16;
 export declare const CHEVRON_SIZE = 16;
 /** 行按深度缩进。Indents a row by its depth. */
 export declare function rowStyle(depth: number): {
     paddingLeft: number;
 };
-/** 每一级祖先画一条竖线，上下各溢出 1px 让相邻行接上。 */
+/**
+ * 每一级祖先画一条竖线。线的位置固定在缩进列的中点，与设计稿一致——上一级的
+ * 竖线穿过本行时正好落在自己缩进列的中心。
+ *
+ * One vertical line per ancestor level. The line sits at the centre of its indent
+ * column, matching the design: an ancestor's guide crossing this row lands exactly
+ * in the middle of that column.
+ */
 export declare function Guides({ depth }: {
     depth: number;
 }): import("react").JSX.Element;

package/dist/components/file-tree/file-tree-tooltip-surface.d.ts

@@ -1,22 +1,22 @@
 import type { ReactNode } from 'react';
 import type { FileTreeEntryRow, FileTreeInfoLabels } from './types.js';
 /**
- * 行浮层的外壳。宿主提供 `renderRowTooltip` 时只渲染它返回的内容；它返回 `null`
+ * 行浮层的内容。宿主提供 `renderRowTooltip` 时只渲染它返回的内容；它返回 `null`
  * 表示这一行不显示浮层，不回退到内置内容。
  *
- * 宿主没有提供时，用按 `uri` 解析的内置浮层。先解析内容、再决定是否创建外壳，
+ * 宿主没有提供时，用按 `uri` 解析的内置内容。先解析内容、再决定是否渲染，
  * 因此没有可显示内容时不会留下一个只有背景和内边距的空壳。
  *
- * The shell around a row tooltip. When the host supplies `renderRowTooltip`, only
- * its result renders; returning `null` hides the tooltip for that row and does
+ * The content of a row surface. When the host supplies `renderRowTooltip`, only
+ * its result renders; returning `null` hides the surface for that row and does
  * not fall back to the built-in content.
  *
- * When the host supplies none, the built-in tooltip resolved from the row `uri`
- * renders. The content is resolved before the shell is created, so with nothing
+ * When the host supplies none, the built-in content resolved from the row `uri`
+ * renders. The content is resolved before anything is rendered, so with nothing
  * to show no empty shell with just background and padding is left behind.
  */
-export declare function FileTreeTooltipSurface({ row, infoLabels, renderRowTooltip, }: {
+export declare function FileTreeTooltipContent({ row, infoLabels, renderRowTooltip, }: {
     row: FileTreeEntryRow;
     infoLabels?: FileTreeInfoLabels;
     renderRowTooltip?: (row: FileTreeEntryRow) => ReactNode;
-}): import("react").JSX.Element | null;
+}): ReactNode;

package/dist/components/file-tree/style.css

@@ -1,4 +1,4 @@
-.ov-agent-connect, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__interaction {
+.ov-agent-connect, .ov-divider, .ov-file-browser, .ov-file-browser-entries, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__interaction {
   --ov-ui-primary-default: #5252ff;
   --ov-ui-primary-hover-default: #7075ff;
   --ov-ui-primary-active-default: #3833d2;
@@ -30,7 +30,7 @@
   --ov-ui-tooltip-text-default: #fff;
 }
 
-.dark .ov-agent-connect, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__interaction {
+.dark .ov-agent-connect, .dark .ov-divider, .dark .ov-file-browser, .dark .ov-file-browser-entries, .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__interaction {
   --ov-ui-primary-default: #5f5fff;
   --ov-ui-primary-hover-default: #7075ff;
   --ov-ui-primary-active-default: #4242ba;
@@ -79,13 +79,50 @@
   --ov-ui-connect-notice-default: var(--ov-ui-text-2-default);
 }
 
+.ov-popover {
+  --ov-ui-popover-bg: var(--ov-ui-color-bg-1, var(--ov-ui-bg-1-default, #fff));
+  --ov-ui-popover-text: var(--ov-ui-color-text-1, var(--ov-ui-text-1-default, #0b0b0f));
+  --ov-ui-popover-border: var(--ov-ui-color-border-2, var(--ov-ui-border-2-default, #e1e4f2));
+  z-index: 1000;
+  box-sizing: border-box;
+  border: 1px solid var(--ov-ui-popover-border);
+  background: var(--ov-ui-popover-bg);
+  max-width: 320px;
+  color: var(--ov-ui-popover-text);
+  overflow-wrap: break-word;
+  border-radius: 8px;
+  padding: 12px;
+  font-family: inherit;
+  font-size: 12px;
+  line-height: 20px;
+  animation: .12s ease-out ov-popover-enter;
+  position: fixed;
+  box-shadow: 0 15px 35px -2px #0000000d, 0 5px 15px #0000000d;
+}
+
+@keyframes ov-popover-enter {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .ov-popover {
+    animation: none;
+  }
+}
+
 .ov-file-tree {
   --ov-ui-file-tree-row-height: 32px;
   --ov-ui-file-tree-row-radius: 4px;
-  --ov-ui-file-tree-indent: 20px;
+  --ov-ui-file-tree-indent: 16px;
   --ov-ui-file-tree-text: var(--ov-ui-color-text-1, var(--ov-ui-text-1-default, #0b0b0f));
   --ov-ui-file-tree-text-muted: var(--ov-ui-color-text-3, var(--ov-ui-text-3-default, #6e718c));
-  --ov-ui-file-tree-icon: var(--ov-ui-color-text-2, var(--ov-ui-text-2-default, #3f3f51));
+  --ov-ui-file-tree-icon: var(--ov-ui-color-text-3, var(--ov-ui-text-3-default, #6e718c));
   --ov-ui-file-tree-row-hover: var(--ov-ui-color-bg-5, var(--ov-ui-bg-5-default, #f1f2f9));
   --ov-ui-file-tree-row-selected: var(--ov-ui-color-bg-4, var(--ov-ui-bg-4-default, #f6f7fa));
   --ov-ui-file-tree-guide: var(--ov-ui-color-border-2, var(--ov-ui-border-2-default, #e1e4f2));
@@ -117,20 +154,24 @@
 
 .ov-file-tree__rows {
   flex-direction: column;
+  width: max-content;
+  min-width: 100%;
   display: flex;
 }
 
 .ov-file-tree__row, .ov-file-tree__state-row {
   box-sizing: border-box;
+  width: max-content;
+  min-width: 100%;
   height: var(--ov-ui-file-tree-row-height);
   border-radius: var(--ov-ui-file-tree-row-radius);
-  cursor: default;
+  cursor: pointer;
   -webkit-user-select: none;
   user-select: none;
   outline: none;
   align-items: center;
-  gap: 4px;
-  padding-right: 8px;
+  gap: 2px;
+  padding-right: 4px;
   display: flex;
   position: relative;
 }
@@ -236,25 +277,26 @@
 }
 
 .ov-file-tree__label-group {
-  flex: auto;
+  flex: none;
   align-items: center;
   gap: 8px;
-  min-width: 0;
   display: flex;
-  overflow: hidden;
 }
 
 .ov-file-tree__label {
-  text-overflow: ellipsis;
   white-space: nowrap;
-  overflow: hidden;
+  flex: none;
 }
 
 .ov-file-tree__description {
+  max-width: 200px;
   color: var(--ov-ui-file-tree-text-muted);
+  letter-spacing: .03px;
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-size: 12px;
+  flex: none;
+  font-size: 10px;
+  line-height: 20px;
   overflow: hidden;
 }
 
@@ -287,32 +329,18 @@
   display: inline-flex;
 }
 
-.ov-file-tree__tooltip {
-  z-index: 1;
-  border-radius: var(--ov-ui-file-tree-row-radius);
-  background: var(--ov-ui-color-tooltip-bg, var(--ov-ui-tooltip-bg-default, #1f2329));
-  max-width: 320px;
-  color: var(--ov-ui-color-tooltip-text, var(--ov-ui-tooltip-text-default, #fff));
-  pointer-events: none;
-  padding: 6px 8px;
-  font-size: 12px;
-  line-height: 18px;
-  position: absolute;
-  top: calc(100% + 4px);
-  left: 0;
-}
-
 .ov-file-tree__info {
   flex-direction: column;
-  gap: 4px;
+  gap: 8px;
   display: flex;
 }
 
 .ov-file-tree__info-title {
+  color: var(--ov-ui-file-tree-text);
   word-break: break-all;
   font-size: 13px;
   font-weight: 500;
-  line-height: 20px;
+  line-height: 22px;
 }
 
 .ov-file-tree__info-row {
@@ -322,19 +350,20 @@
 }
 
 .ov-file-tree__info-label {
-  opacity: .65;
+  color: var(--ov-ui-file-tree-text-muted);
   flex: none;
 }
 
 .ov-file-tree__info-value {
-  word-break: break-word;
   min-width: 0;
+  color: var(--ov-ui-file-tree-text);
+  word-break: break-word;
 }
 
 .ov-file-tree__info-path {
-  opacity: .8;
-  word-break: break-all;
   min-width: 0;
+  color: var(--ov-ui-file-tree-text-muted);
+  word-break: break-all;
 }
 
 .ov-file-tree__state-row {
@@ -408,5 +437,13 @@
   }
 }
 
+.ov-file-tree__file-type-icon {
+  color: var(--ov-file-tree-icon-light, var(--ov-ui-file-tree-icon));
+}
+
+.dark .ov-file-tree__file-type-icon {
+  color: var(--ov-file-tree-icon-dark, var(--ov-ui-file-tree-icon));
+}
+
 
 

package/dist/components/file-tree/types.d.ts

@@ -300,6 +300,26 @@ export type FileTreeInfoKey =
  * Agent capability root, `viking://agent`.
  */
  | 'agentRoot'
+/**
+ * Agent 的通信端点配置，`viking://agent/endpoints`。
+ * Agent communication endpoint configuration, `viking://agent/endpoints`.
+ */
+ | 'agentEndpoints'
+/**
+ * Agent 的支付能力配置，`viking://agent/payments`。
+ * Agent payment capability configuration, `viking://agent/payments`.
+ */
+ | 'agentPayments'
+/**
+ * Agent 的技能注册表，`viking://agent/skills`。
+ * Agent skill registry, `viking://agent/skills`.
+ */
+ | 'agentSkills'
+/**
+ * Agent 的工具配置，`viking://agent/tools`。
+ * Agent tool configuration, `viking://agent/tools`.
+ */
+ | 'agentTools'
 /**
  * 记忆根目录，`viking://memory`。
  * Memory root, `viking://memory`.

package/dist/components/scope-switcher/style.css

@@ -1,4 +1,4 @@
-.ov-agent-connect, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__interaction {
+.ov-agent-connect, .ov-divider, .ov-file-browser, .ov-file-browser-entries, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__interaction {
   --ov-ui-primary-default: #5252ff;
   --ov-ui-primary-hover-default: #7075ff;
   --ov-ui-primary-active-default: #3833d2;
@@ -30,7 +30,7 @@
   --ov-ui-tooltip-text-default: #fff;
 }
 
-.dark .ov-agent-connect, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__interaction {
+.dark .ov-agent-connect, .dark .ov-divider, .dark .ov-file-browser, .dark .ov-file-browser-entries, .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__interaction {
   --ov-ui-primary-default: #5f5fff;
   --ov-ui-primary-hover-default: #7075ff;
   --ov-ui-primary-active-default: #4242ba;