@openviking/react 0.1.5 → 0.1.6

package/README.md

@@ -2,9 +2,9 @@
 
 English / [中文](README_CN.md)
 
-Public UI components, composed modules and standalone Hooks accept optional `locale: 'zh-CN' | 'en-US'`. Props override the nearest module or Provider; without a configured language, they use `en-US`. Existing `labels` override individual fields; omitted fields follow the current locale and update when it changes. Hosts still provide business content, slots and callback messages.
+Public UI components, composed modules accept optional `locale: 'zh-CN' | 'en-US'`. Props override the nearest module or Provider; without a configured language, they use `en-US`. Existing `labels` override individual fields; omitted fields follow the current locale and update when it changes. Hosts still provide business content, slots and callback messages.
 
-React foundations for OpenViking AI application interfaces: build tooling, documentation, layered directories, and scoped styles. FileTree, Tui and FilePreview provide working views, alongside five file-type icons. FileBrowser supports early layout integration; Console provides a native command panel; ScopeCascade provides a working cascade Hook and composition.
+React foundations for OpenViking AI application interfaces: build tooling, documentation, layered directories, and scoped styles. FileTree, Tui and FilePreview provide working views, alongside five file-type icons. FileBrowser coordinates browsing, previews and dashboards; Console provides a native command panel; ScopeCascade provides an integrated cascade selector.
 
 This package inherits the repository's AGPL-3.0-only license. The release workflow publishes it to npm when a `react@<version>` tag matches the version in this package's manifest.
 
@@ -19,15 +19,15 @@ This package inherits the repository's AGPL-3.0-only license. The release workfl
 | [components/scope-switcher](./src/components/scope-switcher/README.md) | `@openviking/react/components/scope-switcher` | Stateless scope layout and independent ScopeSelector options, panels and search                     |
 | [components/agent-connect](./src/components/agent-connect/README.md)   | `@openviking/react/components/agent-connect`  | Fixed Figma connection view with original icons, built-in copy and clipboard feedback               |
 | [components/viking-bot](./src/components/viking-bot/README.md)         | `@openviking/react/components/viking-bot`     | Controlled conversation views, session controls, Markdown replies and composer                      |
-| [modules](./src/modules/README.md)                                     | `@openviking/react/modules/<module>`          | Console panel and ScopeCascade Hooks and composition, plus one placeholder                          |
+| [modules](./src/modules/README.md)                                     | `@openviking/react/modules/<module>`          | Console panel and ScopeCascade Hooks and composition, plus FileBrowser and independent dashboards   |
 | [client](./src/client/index.ts)                                        | `@openviking/react/client`                    | Framework-neutral request client: `createOvClient`, `OvClient`, `OvClientError`                     |
 | [hooks](./src/hooks/README.md), [utils](./src/utils/README.md)         | Internal only                                 | Cross-module Hooks and pure utilities                                                               |
 
-Components implement their reviewed contracts incrementally. FileTree renders every documented row type with keyboard interaction; FilePreview implements the tab shell, header actions and the plain-text preview and editing foundation, with its body not yet wired to FileViewer. ScopeSwitcher is a stateless layout container; independently rendered ScopeSelector children own visibility, with host-owned per-level data subscriptions, search and requests. Tui renders records, results and the input. AgentConnect follows the Figma layout with built-in bilingual agent and developer integration content, host-provided credentials and locale, optional controlled selection and clipboard feedback. VikingBot provides a working view pending design review. Limits are described in each component's own docs. The package also ships five file-type icons.
+Components implement their reviewed contracts incrementally. FileTree renders every documented row type with keyboard interaction; FilePreview implements the tab shell, header actions and the plain-text preview and editing foundation, with its body not yet wired to FileViewer. ScopeSwitcher is a stateless layout container; independently rendered ScopeSelector children own visibility, with host-owned per-level data subscriptions, search and requests. Tui renders records, results and the input. AgentConnect follows the Figma layout with built-in bilingual agent and developer integration content, host-provided credentials and locale, optional controlled selection and clipboard feedback. VikingBot provides a working view pending design review. Limits are described in each component's own docs. The package also ships five file-type icons, `ArrowRightIcon` and the three scope-level icons (`LibraryIcon`, `SpaceIcon`, `UserIcon`).
 
-Components receive view data and state through props and express user intent through callbacks, following the [component directory conventions](./src/components/AGENTS.md). [modules](./src/modules/README.md) plan Hooks and views per business capability: Hooks load data, hold state and expose operations, and composite views wire them into components. Full pages and product-specific flows belong to the host; the admin console is out of scope for this phase. `console` exports a native command panel; its orchestration Hook stays internal and conversation data and callbacks are supplied by the host. `file-browser` ships placeholder views and types.
+Components receive view data and state through props and express user intent through callbacks, following the [component directory conventions](./src/components/AGENTS.md). [modules](./src/modules/README.md) plan Hooks and views per business capability: Hooks load data, hold state and expose operations, and composite views wire them into components. Full pages and product-specific flows belong to the host; the admin console is out of scope for this phase. `console` exports a native command panel; its orchestration Hook stays internal and conversation data and callbacks are supplied by the host. `file-browser` provides browsing, preview and dashboard coordination.
 
-Modules consume the native OpenViking API through a shared Client by default, with the Provider supplying `baseURL`, headers and other configuration, and modules or standalone Hooks overriding individual fields through `requestOptions`. Standard integration needs no per-module Adapter; nonstandard gateways are adapted at the host's request boundary. The request contract — `OvRequestOptions`, `OvClient` and `OvClientError` — comes from the `@openviking/react/client` subpath, which ships a `fetch`-based `createOvClient`; the Provider is exported from the same subpath; these native API module Hooks are not implemented yet. ScopeCascade instead accepts three host API adapters and needs no Provider. See [request conventions](./src/modules/README.md#request-conventions-and-default-configuration).
+Modules consume the native OpenViking API through a shared Client by default, with the Provider supplying `baseURL`, headers and other configuration, and module views overriding individual fields through `requestOptions`. Standard integration needs no per-module Adapter; nonstandard gateways are adapted at the host's request boundary. The request contract — `OvRequestOptions`, `OvClient` and `OvClientError` — comes from the `@openviking/react/client` subpath, which ships a `fetch`-based `createOvClient`; the Provider is exported from the same subpath. Native module Hooks share this request boundary. ScopeCascade instead accepts three host API adapters and needs no Provider. See [request conventions](./src/modules/README.md#request-conventions-and-default-configuration).
 
 Tui preserves JSON numeric tokens when indenting output. Structured resource links allow only `viking://`, `https://`, and `http://`; other targets render as text. Resource tables retain entry titles, native links and metadata. Output follows updates only near the bottom or after explicit submission. Read-only and disabled consoles cannot submit or insert help commands. `labels.resource` customizes the resource identity column.
 
@@ -41,9 +41,11 @@ The same props are consumed by different hosts. Hosts differ in flows and interf
 - Icons, extension tabs, extra fields and toolbar actions come in as slots or nodes; components bind to no third-party UI library.
 - List components render the rows or items the caller has already expanded; paging, loading, error and empty states come from module Hooks or the host.
 
+`WikiDashboard` is exported from `@openviking/react/components/wiki-dashboard`; `ExperienceDashboard` from `@openviking/react/components/experience-dashboard`. Both are pure UI components receiving display data and state; FileBrowser owns native loading and response adaptation. Components and main Props types also appear at the package root. FileBrowser detects Wiki/experience entries, with `dashboardKinds` and `renderDashboard` for host permissions and gateway data. Each component exports `style.css`; FileBrowser styles include both boards. See the [dashboard docs](../../docs/docs/en/components/index.mdx).
+
 ## Public entries and styles
 
-- The root entry exports each component and each business module placeholder with its main Props type (`<Component>Props`) only — currently `FileTree`, `Tui`, `ScopeSwitcher`, `ScopeSelector`, `ScopeCascade`, `AgentConnect` and Console and the one business module placeholder. Row types, option types, handles and label bags come from the `components/<component>` and `modules/<module>` subpaths. `FilePreview` is not on the root entry: its types reference the optional `@ark-design/ui`, and putting it there would make that peer required. ScopeCascade exports a working three-level composition and per-level subscription Hooks from `modules/scope-cascade`; Console exports its panel from `modules/console` and keeps its orchestration Hook internal; FileBrowser remains a placeholder. No aggregate `@openviking/react/components` or `@openviking/react/modules` JavaScript entry. Package exports are listed explicitly and internal files stay closed.
+- The root entry exports each component and each business module placeholder with its main Props type (`<Component>Props`) only — currently `FileTree`, `Tui`, `ScopeSwitcher`, `ScopeSelector`, `ScopeCascade`, `AgentConnect` and Console, FileBrowser, WikiDashboard and ExperienceDashboard. Row types, option types, handles and label bags come from the `components/<component>` and `modules/<module>` subpaths. `FilePreview` is not on the root entry: its types reference the optional `@ark-design/ui`, and putting it there would make that peer required. ScopeCascade exports a working three-level composition with internal per-level subscriptions from `modules/scope-cascade`; Console exports its panel from `modules/console` and keeps its orchestration Hook internal; FileBrowser provides browsing and dashboard coordination. No aggregate `@openviking/react/components` or `@openviking/react/modules` JavaScript entry. Package exports are listed explicitly and internal files stay closed.
 - Components expose only the explicitly listed layered subpaths, with no legacy path aliases.
 - JS entries share implementations and never load CSS implicitly. Whole-package, component-set and single-module stylesheets are built from the same source, so import the scope you need.
 
@@ -55,7 +57,7 @@ The same props are consumed by different hosts. Hosts differ in flows and interf
 | Business module set    | `@openviking/react/modules/style.css`             |
 | Single business module | `@openviking/react/modules/<module>/style.css`    |
 
-Each CSS entry works standalone, and the whole-package CSS already includes module placeholder styles. Once real capability lands, module CSS must also include the composite view and the styles of the components it uses; using a module Hook alone needs no CSS. Cross-module public Hooks open `@openviking/react/hooks` only after a real implementation; module-specific public Hooks are exported from their module entry, and private Hooks and utilities stay out of public exports.
+Each CSS entry works independently and includes the component styles it depends on. Business Hooks remain internal; no headless Hook entry is exposed.
 
 ```tsx
 import { FileBrowser } from '@openviking/react/modules/file-browser';
@@ -67,7 +69,7 @@ import '@openviking/react/modules/file-browser/style.css';
 />;
 ```
 
-The remaining module exports `Console`; it currently accepts `className`, `style` and `labels`, and needs no Provider or request configuration.
+Console accepts its documented panel props; native command execution uses Provider request configuration and starts only on explicit submission.
 
 Experience dashboards belong to preview extensions; task progress starts inside its owning module; API Key display controls are reused on demand while credential creation and management belong to the host. No separate modules are added for these now.
 
@@ -79,7 +81,7 @@ import { PdfIcon } from '@openviking/react/icons';
 <PdfIcon width={20} height={20} className="file-icon" alt="PDF" />;
 ```
 
-Icons render as 16 × 16 images by default. Decorative icons can keep the empty `alt`, while icons that convey file type can provide a description. SVGs are inlined into the build output, and hosts consume them directly from the package exports.
+Icons render as inline SVG. Decorative icons stay `aria-hidden`, while an icon that conveys meaning on its own can take an `aria-label`. SVGs are inlined into the build output, and hosts consume them directly from the package exports. `LibraryIcon`, `SpaceIcon` and `UserIcon` are the scope-level defaults; `ScopeCascade`'s default view applies them automatically when an adapter returns no `icon`.
 
 React and ReactDOM are peer dependencies (`^18.2.0 || ^19.0.0`), automatically externalized by Rslib. Rslib emits shared ESM JavaScript and declarations, plus independently built CSS entries. The public `@openviking/react/style.css` entry resolves to `dist/style.css`. Styles are scoped and do not reset application styles.
 
@@ -87,7 +89,7 @@ From `frontend/`, run `npm run build:lib` to generate `packages/react/dist/`. Se
 
 ### ScopeCascade
 
-Pass three stable API adapter functions to `useScopeCascade({ loadLibraries, loadSpaces, loadUsers })`, then render `<ScopeCascade controller={controller} />`. Adapters return `{ id, label }` options and receive an `AbortSignal`. The module handles dependent requests, descendant resets, loading, errors, retries and stale responses. Each selector subscribes independently; the Hook caller does not subscribe to request state. Import the Hook and composition from `@openviking/react/modules/scope-cascade` and its CSS from the corresponding `/style.css` entry.
+Pass three stable API adapters directly to `<ScopeCascade {...api} onChange={handleSelection} />`. Adapters return `{ id, label }` options and receive an `AbortSignal`. The component owns requests, descendant resets, loading, retries and stale-response protection. `onChange` reports a complete `{ libraryId, spaceId, userId }` identity or `null` while incomplete. Import the component and Props from `@openviking/react/modules/scope-cascade` and its CSS from the corresponding `/style.css` entry.
 
 ## Maintaining built-in copy
 

package/dist/37~0.js

@@ -0,0 +1,27 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function DashboardState({ state = {}, empty, loading, failed, retry }) {
+    return /*#__PURE__*/ jsxs("div", {
+        className: "ov-dashboard-state",
+        "aria-busy": state.loading,
+        children: [
+            /*#__PURE__*/ jsx("p", {
+                "aria-live": "polite",
+                children: state.loading ? loading : state.error ? failed : empty
+            }),
+            state.error ? /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx("p", {
+                        children: state.error.message
+                    }),
+                    /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        disabled: !state.onRetry,
+                        onClick: state.onRetry,
+                        children: retry
+                    })
+                ]
+            }) : null
+        ]
+    });
+}
+export { DashboardState };

package/dist/3c~0.js

@@ -5,7 +5,7 @@ import remark_gfm from "remark-gfm";
 import { ArrowRightIcon } from "./k~0.js";
 import { resolveLocale } from "./nx~0.js";
 import { checkreact } from "./0~0.js";
-import { Tooltip } from "./r~0.js";
+import { Tooltip } from "./rt~0.js";
 import { useLocale } from "./28~0.js";
 function getTuiCommandInputText(command) {
     return command.inputText?.trim() || command.name;
@@ -965,13 +965,19 @@ function TuiEmptyRegion({ emptyState, commands, labels, disabled, onPick }) {
                                     height: 14,
                                     focusable: "false"
                                 }),
-                                /*#__PURE__*/ jsx("span", {
-                                    className: "ov-tui__empty-name",
-                                    children: command.name
-                                }),
-                                /*#__PURE__*/ jsx("span", {
-                                    className: "ov-tui__empty-desc",
-                                    children: command.summary ?? command.description
+                                /*#__PURE__*/ jsxs("span", {
+                                    className: "ov-tui__empty-content",
+                                    children: [
+                                        /*#__PURE__*/ jsx("span", {
+                                            className: "ov-tui__empty-name",
+                                            children: command.name
+                                        }),
+                                        /*#__PURE__*/ jsx("span", {
+                                            className: "ov-tui__empty-desc",
+                                            title: command.summary ?? command.description,
+                                            children: command.summary ?? command.description
+                                        })
+                                    ]
                                 })
                             ]
                         })

package/dist/3~0.js

@@ -1,6 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Fragment as external_react_Fragment, Suspense, forwardRef, lazy, useCallback, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { Tooltip } from "./r~0.js";
+import { Tooltip } from "./rt~0.js";
 import { resolveLocale, mergeLabels } from "./nx~0.js";
 import { useLocale } from "./28~0.js";
 function FilePreviewImageFrame({ children }) {

package/dist/a~0.js

@@ -6,7 +6,7 @@ import { useOvSignal, useOvClient, createOvClient, isOvClientError } from "./ae~
 import { useLocale, LocaleProvider } from "./28~0.js";
 import { new_sessionreact, historyreact } from "./lg~0.js";
 import { useOverlayPosition } from "./o~0.js";
-import { Tooltip } from "./r~0.js";
+import { Tooltip } from "./rt~0.js";
 import { VikingBotSessionActions, VikingBot } from "./c~0.js";
 import { Tui } from "./3c~0.js";
 const command_specs_uri = {
@@ -1304,4 +1304,4 @@ function Console({ mode, defaultMode, locale: localeProp, quickCommands = DEFAUL
         })
     });
 }
-export { Console, useConsole };
+export { Console };

package/dist/ck~0.js

@@ -1,5 +1,9 @@
 const OV_PATHS = {
     fsLs: '/api/v1/fs/ls',
+    fsAttrs: '/api/v1/fs/attrs',
+    compileConfigs: '/api/v1/compile/configs',
+    experienceTrajectories: '/api/v1/agent-evolution/experiences/trajectories',
+    experienceOutcomes: '/api/v1/agent-evolution/experiences/outcomes',
     fsStat: '/api/v1/fs/stat',
     fsTree: '/api/v1/fs/tree',
     fsMkdir: '/api/v1/fs/mkdir',

package/dist/client/paths.d.ts

@@ -18,6 +18,10 @@
 export declare const OV_PATHS: {
     /** 列出目录内容。List directory contents. */
     readonly fsLs: '/api/v1/fs/ls';
+    readonly fsAttrs: '/api/v1/fs/attrs';
+    readonly compileConfigs: '/api/v1/compile/configs';
+    readonly experienceTrajectories: '/api/v1/agent-evolution/experiences/trajectories';
+    readonly experienceOutcomes: '/api/v1/agent-evolution/experiences/outcomes';
     /** 读取条目状态。Read an entry's status. */
     readonly fsStat: '/api/v1/fs/stat';
     /** 读取目录树。Read a directory tree. */

package/dist/components/agent-connect/style.css

@@ -1,4 +1,4 @@
-.ov-directory-tour, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .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-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .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-primary-default: #5252ff;
@@ -35,9 +35,29 @@
   --ov-ui-overlay-default: #0006;
   --ov-ui-tooltip-bg-default: #1f2329;
   --ov-ui-tooltip-text-default: #fff;
-}
-
-.dark .ov-directory-tour, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .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-library-swatch-1-default: linear-gradient(145deg,
+    #ffd8ec 8%,
+    #ffabc8 46%,
+    #d8cbff 100%);
+  --ov-ui-library-swatch-2-default: linear-gradient(145deg,
+    #d9e8ff 8%,
+    #b8a6ff 52%,
+    #f3d6ff 100%);
+  --ov-ui-library-swatch-3-default: linear-gradient(145deg,
+    #ffe6bc 8%,
+    #ffaf96 48%,
+    #ff8bc5 100%);
+  --ov-ui-library-swatch-4-default: linear-gradient(145deg,
+    #eaf7ba 8%,
+    #b5efb8 52%,
+    #73d9c6 100%);
+  --ov-ui-library-swatch-5-default: linear-gradient(145deg,
+    #fff1ba 8%,
+    #ffc776 52%,
+    #bd9cff 100%);
+}
+
+.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-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;
@@ -91,6 +111,30 @@
   --ov-ui-connect-notice-default: var(--ov-ui-text-2-default);
 }
 
+.ov-wiki-dashboard, .ov-experience-dashboard, .ov-file-browser {
+  --ov-ui-dashboard-surface-default: #f8f8f8;
+  --ov-ui-dashboard-card-default: #fafafa;
+  --ov-ui-dashboard-muted-default: #787c91;
+  --ov-ui-dashboard-border-default: #edeef2;
+  --ov-ui-dashboard-warning-default: #eb7d00;
+  --ov-ui-dashboard-warning-light-default: #fff0e5;
+  --ov-ui-dashboard-danger-default: #d92d54;
+  --ov-ui-dashboard-danger-light-default: #ffecee;
+  --ov-ui-dashboard-success-default: #4f9c70;
+}
+
+html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-file-browser {
+  --ov-ui-dashboard-surface-default: var(--ov-ui-bg-3-default);
+  --ov-ui-dashboard-card-default: var(--ov-ui-bg-3-default);
+  --ov-ui-dashboard-muted-default: var(--ov-ui-text-3-default);
+  --ov-ui-dashboard-border-default: var(--ov-ui-border-1-default);
+  --ov-ui-dashboard-warning-default: var(--ov-ui-warning-default);
+  --ov-ui-dashboard-warning-light-default: var(--ov-ui-warning-light-default);
+  --ov-ui-dashboard-danger-default: var(--ov-ui-status-error-default);
+  --ov-ui-dashboard-danger-light-default: var(--ov-ui-bg-5-default);
+  --ov-ui-dashboard-success-default: var(--ov-ui-status-success-default);
+}
+
 .ov-agent-connect__code-block {
   border: 1px solid var(--ov-ui-agent-connect-border);
   background: var(--ov-ui-agent-connect-bg);

package/dist/components/directory-tour/style.css

@@ -1,4 +1,4 @@
-.ov-directory-tour, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .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-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .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-primary-default: #5252ff;
@@ -35,9 +35,29 @@
   --ov-ui-overlay-default: #0006;
   --ov-ui-tooltip-bg-default: #1f2329;
   --ov-ui-tooltip-text-default: #fff;
+  --ov-ui-library-swatch-1-default: linear-gradient(145deg,
+    #ffd8ec 8%,
+    #ffabc8 46%,
+    #d8cbff 100%);
+  --ov-ui-library-swatch-2-default: linear-gradient(145deg,
+    #d9e8ff 8%,
+    #b8a6ff 52%,
+    #f3d6ff 100%);
+  --ov-ui-library-swatch-3-default: linear-gradient(145deg,
+    #ffe6bc 8%,
+    #ffaf96 48%,
+    #ff8bc5 100%);
+  --ov-ui-library-swatch-4-default: linear-gradient(145deg,
+    #eaf7ba 8%,
+    #b5efb8 52%,
+    #73d9c6 100%);
+  --ov-ui-library-swatch-5-default: linear-gradient(145deg,
+    #fff1ba 8%,
+    #ffc776 52%,
+    #bd9cff 100%);
 }
 
-.dark .ov-directory-tour, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .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 {
+.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-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;
@@ -91,6 +111,30 @@
   --ov-ui-connect-notice-default: var(--ov-ui-text-2-default);
 }
 
+.ov-wiki-dashboard, .ov-experience-dashboard, .ov-file-browser {
+  --ov-ui-dashboard-surface-default: #f8f8f8;
+  --ov-ui-dashboard-card-default: #fafafa;
+  --ov-ui-dashboard-muted-default: #787c91;
+  --ov-ui-dashboard-border-default: #edeef2;
+  --ov-ui-dashboard-warning-default: #eb7d00;
+  --ov-ui-dashboard-warning-light-default: #fff0e5;
+  --ov-ui-dashboard-danger-default: #d92d54;
+  --ov-ui-dashboard-danger-light-default: #ffecee;
+  --ov-ui-dashboard-success-default: #4f9c70;
+}
+
+html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-file-browser {
+  --ov-ui-dashboard-surface-default: var(--ov-ui-bg-3-default);
+  --ov-ui-dashboard-card-default: var(--ov-ui-bg-3-default);
+  --ov-ui-dashboard-muted-default: var(--ov-ui-text-3-default);
+  --ov-ui-dashboard-border-default: var(--ov-ui-border-1-default);
+  --ov-ui-dashboard-warning-default: var(--ov-ui-warning-default);
+  --ov-ui-dashboard-warning-light-default: var(--ov-ui-warning-light-default);
+  --ov-ui-dashboard-danger-default: var(--ov-ui-status-error-default);
+  --ov-ui-dashboard-danger-light-default: var(--ov-ui-bg-5-default);
+  --ov-ui-dashboard-success-default: var(--ov-ui-status-success-default);
+}
+
 .ov-directory-tour {
   --ov-ui-directory-tour-primary: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
   --ov-ui-directory-tour-background: var(--ov-ui-color-bg-1, var(--ov-ui-bg-1-default));

package/dist/components/experience-dashboard/dashboard-tabs.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+export declare function DashboardTabs<T extends string>({ tabs, active, label, onChange, children, }: {
+    tabs: readonly {
+        key: T;
+        title: string;
+    }[];
+    active: T;
+    label: string;
+    onChange: (key: T) => void;
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/components/experience-dashboard/experience-dashboard.d.ts

@@ -0,0 +1,2 @@
+import type { ExperienceDashboardProps } from './types.js';
+export declare function ExperienceDashboard(props: ExperienceDashboardProps): import("react").JSX.Element;

package/dist/components/experience-dashboard/experience-impact.d.ts

@@ -0,0 +1,11 @@
+import type { DashboardStatus } from '../../shared/dashboard/dashboard-state.js';
+import type { ExperienceDashboardData, ExperienceDashboardLabels } from './types.js';
+export declare function ExperienceImpact({ data, labels: t, days, onDaysChange, outcomesState, trajectoriesState, onOpenUri, }: {
+    data: ExperienceDashboardData;
+    labels: ExperienceDashboardLabels;
+    days: number;
+    onDaysChange: (days: number) => void;
+    outcomesState: DashboardStatus;
+    trajectoriesState: DashboardStatus;
+    onOpenUri?: (uri: string) => void;
+}): import("react").JSX.Element;

package/dist/components/experience-dashboard/experience-list.d.ts

@@ -0,0 +1,9 @@
+import type { ExperienceDashboardLabels, ExperienceItem } from './types.js';
+export declare function ExperienceList({ items, total, startIndex, locale, labels: t, onOpenUri, }: {
+    items: readonly ExperienceItem[];
+    total?: number;
+    startIndex?: number;
+    locale?: 'en-US' | 'zh-CN';
+    labels: ExperienceDashboardLabels;
+    onOpenUri?: (uri: string) => void;
+}): import("react").JSX.Element;

package/dist/components/experience-dashboard/experience-pagination.d.ts

@@ -0,0 +1,8 @@
+import type { ExperienceDashboardLabels } from './types.js';
+export declare function ExperiencePagination({ page, hasMore, loading, labels: t, onPageChange, }: {
+    page: number;
+    hasMore: boolean;
+    loading?: boolean;
+    labels: ExperienceDashboardLabels;
+    onPageChange?: (page: number) => void;
+}): import("react").JSX.Element | null;

package/dist/components/experience-dashboard/experience-tests.d.ts

@@ -0,0 +1,6 @@
+import type { ExperienceDashboardData, ExperienceDashboardLabels } from './types.js';
+export declare function ExperienceTests({ items, labels: t, onOpenUri, }: {
+    items: NonNullable<ExperienceDashboardData['testMaterials']>;
+    labels: ExperienceDashboardLabels;
+    onOpenUri?: (uri: string) => void;
+}): import("react").JSX.Element;

package/dist/components/experience-dashboard/experience-trajectories.d.ts

@@ -0,0 +1,6 @@
+import type { ExperienceTrajectory } from './types.js';
+export declare function ExperienceTrajectories({ items, onOpenUri, source, }: {
+    items: readonly ExperienceTrajectory[];
+    onOpenUri?: (uri: string) => void;
+    source?: boolean;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { ExperienceDashboard } from './experience-dashboard.js';
+export type { ExperienceDashboardProps, ExperienceDashboardTab, ExperienceDashboardState, ExperienceDashboardData, ExperienceDashboardLabels, ExperienceItem, ExperienceOutcome, ExperienceTrajectory, } from './types.js';

package/dist/components/experience-dashboard/labels.d.ts

@@ -0,0 +1,2 @@
+import type { ExperienceDashboardLabels } from './types.js';
+export declare const experienceLabels: (locale?: string, labels?: Partial<ExperienceDashboardLabels>) => ExperienceDashboardLabels;