@openviking/react 0.1.5 → 0.1.7

package/dist/f~0.js

@@ -3,20 +3,9 @@ import { useCallback, useEffect, useId, useRef, useState } from "react";
 import { resolveLocale } from "./nx~0.js";
 import { checkreact } from "./0~0.js";
 import { searchreact } from "./p~0.js";
+import { input_Input } from "./c7r~0.js";
+import { chevron_downreact } from "./s~0.js";
 import { useLocale, LocaleProvider } from "./28~0.js";
-const SvgChevronDown = (props)=>/*#__PURE__*/ jsx("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 14,
-        height: 14,
-        fill: "none",
-        viewBox: "0 0 14 14",
-        ...props,
-        children: /*#__PURE__*/ jsx("path", {
-            fill: "currentColor",
-            d: "M9.607 5.232a.437.437 0 1 1 .619.619L7.309 8.768a.437.437 0 0 1-.618 0L3.774 5.85a.437.437 0 1 1 .619-.619L7 7.84z"
-        })
-    });
-const chevron_downreact = SvgChevronDown;
 const messages = {
     loading: 'Loading…',
     searchPlaceholder: 'Search',
@@ -93,21 +82,17 @@ function ScopePanel({ label, data, state, slots, actions, onSelect, labels }) {
     const keyword = state?.searchKeyword ?? '';
     const hasKeyword = keyword.trim().length > 0;
     const searchVisible = actions?.onSearchKeywordChange && (hasKeyword || Math.max(options.length, data.options.length, data.total ?? 0) > 10);
-    const search = searchVisible ? /*#__PURE__*/ jsxs("div", {
+    const search = searchVisible ? /*#__PURE__*/ jsx(input_Input, {
+        size: "small",
+        prefix: /*#__PURE__*/ jsx(searchreact, {
+            className: "ov-scope-switcher__search-icon"
+        }),
+        type: "search",
         className: "ov-scope-switcher__search-field",
-        children: [
-            /*#__PURE__*/ jsx(searchreact, {
-                className: "ov-scope-switcher__search-icon"
-            }),
-            /*#__PURE__*/ jsx("input", {
-                type: "search",
-                className: "ov-scope-switcher__search",
-                value: keyword,
-                "aria-label": labels.searchPlaceholder,
-                placeholder: labels.searchPlaceholder,
-                onChange: (event)=>actions?.onSearchKeywordChange?.(event.currentTarget.value)
-            })
-        ]
+        value: keyword,
+        "aria-label": labels.searchPlaceholder,
+        placeholder: labels.searchPlaceholder,
+        onChange: (event)=>actions?.onSearchKeywordChange?.(event.currentTarget.value)
     }) : null;
     let list;
     list = state?.loading ? /*#__PURE__*/ jsx("div", {

package/dist/icons/index.d.ts

@@ -29,7 +29,35 @@ export declare const PdfIcon: IconComponent;
 export declare const PptIcon: IconComponent;
 export declare const VideoIcon: IconComponent;
 export declare const WordIcon: IconComponent;
+export declare const ExperienceBoardIcon: IconComponent;
+export declare const WikiBoardIcon: IconComponent;
+export declare const WikiConflictBoardIcon: IconComponent;
+export declare const SpaceIcon: IconComponent;
+export declare const UserIcon: IconComponent;
+/**
+ * 库的默认图标：14 × 14 的圆形渐变块。装饰性图形，不进入可访问性树。
+ *
+ * `name` 决定取哪一种渐变，同一个名字始终一致；不传时取第一种。
+ *
+ * The default library icon: a 14 × 14 round gradient swatch. It is decorative and
+ * stays out of the accessibility tree.
+ *
+ * `name` selects the gradient and always resolves the same way for one name; the
+ * first gradient applies when it is omitted.
+ */
+export declare function LibraryIcon({ name }: {
+    name?: string;
+}): import("react").JSX.Element;
 export { getFileTypeColor, getFileTypeIcon, resolveFileTypeIconKey, } from './file-type-icon.js';
 export type { FileTypeIconComponent } from './file-type-icon.js';
 export { VikingBotIcon } from './viking-bot-icons.js';
 export type { VikingBotIconName } from './viking-bot-icons.js';
+export declare const WikiWarningIcon: IconComponent;
+export declare const WikiBookIcon: IconComponent;
+export declare const FileInputIcon: IconComponent;
+export declare const ScanSearchIcon: IconComponent;
+export declare const ActivityIcon: IconComponent;
+export declare const WikiEditIcon: IconComponent;
+export declare const WikiSuccessIcon: IconComponent;
+export declare const WikiHistoryIcon: IconComponent;
+export declare const WikiDiscussIcon: IconComponent;

package/dist/icons.js

@@ -1,2 +1,2 @@
-export { ArrowRightIcon, AudioIcon, ChevronRightIcon, DocumentIcon, FolderIcon, FolderOpenIcon, PdfIcon, PptIcon, VideoIcon, WordIcon, getFileTypeColor, getFileTypeIcon, resolveFileTypeIconKey } from "./k~0.js";
+export { ActivityIcon, ArrowRightIcon, AudioIcon, ChevronRightIcon, DocumentIcon, ExperienceBoardIcon, FileInputIcon, FolderIcon, FolderOpenIcon, LibraryIcon, PdfIcon, PptIcon, ScanSearchIcon, SpaceIcon, UserIcon, VideoIcon, WikiBoardIcon, WikiBookIcon, WikiConflictBoardIcon, WikiDiscussIcon, WikiEditIcon, WikiHistoryIcon, WikiSuccessIcon, WikiWarningIcon, WordIcon, getFileTypeColor, getFileTypeIcon, resolveFileTypeIconKey } from "./k~0.js";
 export { VikingBotIcon } from "./lg~0.js";

package/dist/index.d.ts

@@ -18,3 +18,7 @@ export { ScopeCascade } from './modules/scope-cascade/index.js';
 export type { ScopeCascadeProps } from './modules/scope-cascade/index.js';
 export { DirectoryTour } from './components/directory-tour/index.js';
 export type { DirectoryTourProps } from './components/directory-tour/index.js';
+export { WikiDashboard } from './components/wiki-dashboard/index.js';
+export type { WikiDashboardProps } from './components/wiki-dashboard/index.js';
+export { ExperienceDashboard } from './components/experience-dashboard/index.js';
+export type { ExperienceDashboardProps } from './components/experience-dashboard/index.js';

package/dist/index.js

@@ -1,6 +1,7 @@
 export { AgentConnect } from "./u~0.js";
 export { Console } from "./a~0.js";
-export { DirectoryTour } from "./e~0.js";
+export { DirectoryTour } from "./ep~0.js";
+export { ExperienceDashboard } from "./fl~0.js";
 export { FileBrowser } from "./l~0.js";
 export { FileBrowserEntries } from "./2~0.js";
 export { FileTree } from "./n~0.js";
@@ -8,3 +9,4 @@ export { ScopeCascade } from "./lk~0.js";
 export { ScopeSelector, ScopeSwitcher } from "./f~0.js";
 export { Tui } from "./3c~0.js";
 export { VikingBot } from "./c~0.js";
+export { WikiDashboard } from "./fj~0.js";

package/dist/k~0.js

@@ -1,6 +1,109 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useId } from "react";
 import "./lg~0.js";
+const SvgDiscuss = (props)=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 14,
+        height: 14,
+        fill: "none",
+        viewBox: "0 0 12.928 12.867",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 1.2,
+            d: "M2.988 5.983a5 5 0 0 1-.055-.716C2.933 2.689 5.036.6 7.631.6c2.594 0 4.697 2.09 4.697 4.667a4.6 4.6 0 0 1-.303 1.653c-.041.107-.061.16-.07.202a.5.5 0 0 0-.014.113c-.001.042.004.09.016.183l.235 1.908c.025.206.038.31.004.385a.3.3 0 0 1-.15.146c-.076.033-.18.018-.385-.012l-1.858-.273a1.4 1.4 0 0 0-.19-.02.5.5 0 0 0-.116.012c-.044.009-.099.03-.21.07a4.7 4.7 0 0 1-2.374.245m-3.028 2.388c1.73 0 3.132-1.437 3.132-3.209S5.615 5.85 3.885 5.85.754 7.286.754 9.058c0 .357.056.7.16 1.02.045.135.067.202.074.248a.5.5 0 0 1 .006.125c-.002.046-.014.1-.037.205L.6 12.266l1.747-.238c.095-.013.143-.02.185-.02.043.001.067.004.11.012.04.008.101.03.223.072.32.113.663.175 1.02.175"
+        })
+    });
+const discussreact = SvgDiscuss;
+const SvgHistory = (props)=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 12,
+        height: 12,
+        fill: "none",
+        viewBox: "0 0 12 12",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 1.2,
+            d: "M1.5 6A4.5 4.5 0 1 0 6 1.5a4.88 4.88 0 0 0-3.37 1.37L1.5 4M4 4H1.5V1.5m4.5 2V6l2 1"
+        })
+    });
+const historyreact = SvgHistory;
+const SvgSuccess = (props)=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 14,
+        height: 14,
+        fill: "none",
+        viewBox: "0 0 14 14",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            fill: "currentColor",
+            d: "M11.813 7a4.813 4.813 0 1 0-9.626 0 4.813 4.813 0 0 0 9.626 0m-2.76-1.884a.438.438 0 0 1 .619.618l-3.15 3.15a.44.44 0 0 1-.619 0L4.328 7.31a.437.437 0 1 1 .619-.618l1.265 1.265zM12.687 7A5.688 5.688 0 1 1 1.313 7a5.688 5.688 0 0 1 11.376 0"
+        })
+    });
+const successreact = SvgSuccess;
+const SvgEdit = (props)=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 14,
+        height: 14,
+        fill: "none",
+        viewBox: "0 0 14 14",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            fill: "currentColor",
+            d: "M9.366 2.266a1.604 1.604 0 0 1 2.268 0l.1.1a1.605 1.605 0 0 1 0 2.268l-6.758 6.759a.44.44 0 0 1-.203.115l-2.334.583a.438.438 0 0 1-.53-.53l.583-2.334.018-.056a.4.4 0 0 1 .097-.147zm2.884 8.963a.437.437 0 1 1 0 .875H7.583a.438.438 0 0 1 0-.875zM3.311 9.557l-.377 1.508 1.509-.377L9.88 5.25 8.75 4.119zm7.704-6.673a.73.73 0 0 0-1.03 0l-.616.616L10.5 4.631l.616-.615a.73.73 0 0 0 0-1.032z"
+        })
+    });
+const editreact = SvgEdit;
+const SvgActivity = (props)=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 14,
+        height: 14,
+        fill: "none",
+        viewBox: "0 0 14 14",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "M12.833 7H10.5l-1.75 5.25-3.5-10.5L3.5 7H1.167"
+        })
+    });
+const activityreact = SvgActivity;
+const SvgScanSearch = (props)=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 14,
+        height: 14,
+        fill: "none",
+        viewBox: "0 0 14 14",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "M1.75 4.083V2.917A1.167 1.167 0 0 1 2.917 1.75h1.166m5.834 0h1.166a1.167 1.167 0 0 1 1.167 1.167v1.166m0 5.834v1.166a1.167 1.167 0 0 1-1.167 1.167H9.917m-5.834 0H2.917a1.167 1.167 0 0 1-1.167-1.167V9.917m7.583-.584L8.225 8.225M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0"
+        })
+    });
+const scan_searchreact = SvgScanSearch;
+const SvgFileInput = (props)=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 14,
+        height: 14,
+        fill: "none",
+        viewBox: "0 0 14 14",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "M2.333 12.833H10.5a1.167 1.167 0 0 0 1.167-1.166V4.083L8.75 1.167H3.5a1.167 1.167 0 0 0-1.167 1.166v2.334m5.834-3.5V3.5a1.167 1.167 0 0 0 1.166 1.167h2.334M1.167 8.75H7M5.25 7 7 8.75 5.25 10.5"
+        })
+    });
+const file_inputreact = SvgFileInput;
 const SvgArrowRight = (props)=>/*#__PURE__*/ jsx("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         width: 14,
@@ -181,6 +284,39 @@ const SvgPdf = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const pdfreact = SvgPdf;
+const SvgSpace = (props)=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 14,
+        height: 14,
+        fill: "none",
+        viewBox: "0 0 14 14",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 1.2,
+            d: "M1.925 4.083 7 7l5.075-2.917M7 7v5.833m5.25-8.166c0-.205-.054-.406-.157-.583a1.17 1.17 0 0 0-.426-.427L7.583 1.324a1.17 1.17 0 0 0-1.167 0L2.333 3.657a1.17 1.17 0 0 0-.583 1.01v4.666a1.16 1.16 0 0 0 .583 1.009l4.084 2.334a1.17 1.17 0 0 0 1.167 0l4.083-2.334a1.17 1.17 0 0 0 .583-1.009z"
+        })
+    });
+const spacereact = SvgSpace;
+const SvgUser = (props)=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 14,
+        height: 14,
+        fill: "none",
+        viewBox: "0 0 14 14",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 1.2,
+            d: "M1.75 11.667A7.58 7.58 0 0 1 7 9.333c2.038 0 3.888.888 5.25 2.334M9.625 4.375a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0"
+        })
+    });
+const userreact = SvgUser;
+var library_swatches_namespaceObject = /*#__PURE__*/ JSON.parse('{"z":["linear-gradient(145deg, #ffd8ec 8%, #ffabc8 46%, #d8cbff 100%)","linear-gradient(145deg, #d9e8ff 8%, #b8a6ff 52%, #f3d6ff 100%)","linear-gradient(145deg, #ffe6bc 8%, #ffaf96 48%, #ff8bc5 100%)","linear-gradient(145deg, #eaf7ba 8%, #b5efb8 52%, #73d9c6 100%)","linear-gradient(145deg, #fff1ba 8%, #ffc776 52%, #bd9cff 100%)"]}');
 const SvgPpt = (props)=>/*#__PURE__*/ jsxs("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         width: 16,
@@ -236,6 +372,44 @@ const SvgVideo = (props)=>/*#__PURE__*/ jsx("svg", {
         })
     });
 const videoreact = SvgVideo;
+const SvgWarning = (props)=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 14,
+        height: 14,
+        fill: "none",
+        overflow: "visible",
+        preserveAspectRatio: "none",
+        style: {
+            display: "block"
+        },
+        viewBox: "0 0 14 14",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            fill: "currentColor",
+            d: "M6.344 2.034a1.62 1.62 0 0 1 1.311 0c.285.125.495.358.686.626.192.269.404.635.668 1.087l2.852 4.9c.264.451.477.816.616 1.116.139.297.237.596.204.905a1.6 1.6 0 0 1-.658 1.13c-.252.182-.56.247-.888.277-.33.03-.755.03-1.281.03H4.146c-.526 0-.951 0-1.282-.03-.328-.03-.635-.095-.887-.276a1.6 1.6 0 0 1-.658-1.13c-.033-.31.065-.609.204-.906.139-.3.352-.665.616-1.117l2.853-4.9c.263-.452.475-.817.667-1.086.19-.268.4-.5.685-.626m.958.8a.75.75 0 0 0-.604 0c-.065.03-.162.103-.326.333-.163.229-.352.552-.624 1.019l-2.854 4.9c-.271.468-.46.792-.578 1.046-.119.256-.134.376-.127.444.022.204.13.39.3.513.057.041.171.088.455.114.281.026.659.026 1.202.026h5.708c.543 0 .92 0 1.202-.026.284-.026.398-.073.456-.114a.73.73 0 0 0 .299-.513c.007-.068-.008-.188-.127-.444-.118-.254-.307-.578-.578-1.045l-2.853-4.9c-.272-.467-.462-.791-.625-1.02-.164-.23-.261-.304-.326-.332m-.74 4.75V5.25a.438.438 0 0 1 .875 0v2.333a.437.437 0 1 1-.875 0m.905 1.807a.437.437 0 0 1-.436.438h-.06a.44.44 0 0 1-.438-.437v-.059c0-.241.196-.437.438-.437h.059c.241 0 .437.196.437.437z"
+        })
+    });
+const warningreact = SvgWarning;
+const SvgWikiBook = (props)=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 16,
+        height: 16,
+        fill: "none",
+        overflow: "visible",
+        preserveAspectRatio: "none",
+        style: {
+            display: "block"
+        },
+        viewBox: "0 0 16 16",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "M8.056 7.556c0-1.245 0-1.867.242-2.343.213-.418.553-.758.97-.97C9.745 4 10.368 4 11.612 4h.222c.623 0 .934 0 1.171.121.21.107.38.277.486.486.121.237.121.548.121 1.17v4.779c0 .622 0 .933-.121 1.17a1.1 1.1 0 0 1-.486.486c-.237.121-.548.121-1.17.121h-.764c-.696 0-1.044 0-1.36.096-.28.085-.54.224-.765.41-.255.21-.448.499-.834 1.078L8.056 14 8 13.917c-.386-.58-.579-.869-.834-1.078a2.2 2.2 0 0 0-.765-.41c-.316-.096-.664-.096-1.36-.096h-.763c-.622 0-.934 0-1.171-.12a1.1 1.1 0 0 1-.486-.486c-.121-.238-.121-.55-.121-1.171V5.778c0-.622 0-.934.121-1.171.107-.21.277-.38.486-.486C3.344 4 3.655 4 4.277 4H4.5c1.245 0 1.867 0 2.342.242.418.213.758.553.971.971.243.476.243 1.098.243 2.343m0 6.444V7.556"
+        })
+    });
+const wiki_bookreact = SvgWikiBook;
 const SvgWord = (props)=>/*#__PURE__*/ jsxs("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         width: 16,
@@ -312,6 +486,75 @@ const SvgWord = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const wordreact = SvgWord;
+const SvgExperienceBoard = (props)=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 14,
+        height: 14,
+        fill: "none",
+        "aria-hidden": "true",
+        viewBox: "0 0 14 14",
+        ...props,
+        children: /*#__PURE__*/ jsx("g", {
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 1.2,
+            children: /*#__PURE__*/ jsx("path", {
+                d: "M5.25 1.75H2.333a.583.583 0 0 0-.583.583v4.084c0 .322.261.583.583.583H5.25a.583.583 0 0 0 .583-.583V2.333a.583.583 0 0 0-.583-.583M11.667 1.75H8.75a.583.583 0 0 0-.583.583v1.75c0 .322.26.584.583.584h2.917a.583.583 0 0 0 .583-.584v-1.75a.583.583 0 0 0-.583-.583M11.667 7H8.75a.583.583 0 0 0-.583.583v4.084c0 .322.26.583.583.583h2.917a.583.583 0 0 0 .583-.583V7.583A.583.583 0 0 0 11.667 7M5.25 9.333H2.333a.583.583 0 0 0-.583.584v1.75c0 .322.261.583.583.583H5.25a.583.583 0 0 0 .583-.583v-1.75a.583.583 0 0 0-.583-.584"
+            })
+        })
+    });
+const experience_boardreact = SvgExperienceBoard;
+const SvgWikiBoard = (props)=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 14,
+        height: 14,
+        fill: "none",
+        "aria-hidden": "true",
+        viewBox: "0 0 14 14",
+        ...props,
+        children: /*#__PURE__*/ jsx("g", {
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 1.2,
+            children: /*#__PURE__*/ jsx("path", {
+                d: "M5.25 1.75H2.333a.583.583 0 0 0-.583.583v4.084c0 .322.261.583.583.583H5.25a.583.583 0 0 0 .583-.583V2.333a.583.583 0 0 0-.583-.583M11.667 1.75H8.75a.583.583 0 0 0-.583.583v1.75c0 .322.26.584.583.584h2.917a.583.583 0 0 0 .583-.584v-1.75a.583.583 0 0 0-.583-.583M11.667 7H8.75a.583.583 0 0 0-.583.583v4.084c0 .322.26.583.583.583h2.917a.583.583 0 0 0 .583-.583V7.583A.583.583 0 0 0 11.667 7M5.25 9.333H2.333a.583.583 0 0 0-.583.584v1.75c0 .322.261.583.583.583H5.25a.583.583 0 0 0 .583-.583v-1.75a.583.583 0 0 0-.583-.584"
+            })
+        })
+    });
+const wiki_boardreact = SvgWikiBoard;
+const SvgWikiConflictBoard = (props)=>/*#__PURE__*/ jsxs("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 12,
+        height: 12,
+        fill: "none",
+        "aria-hidden": "true",
+        viewBox: "0 0 12 12",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                stroke: "currentColor",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 0.8,
+                d: "M2 1.5h2.5A.5.5 0 0 1 5 2v3.5a.5.5 0 0 1-.5.5H2a.5.5 0 0 1-.5-.5V2a.5.5 0 0 1 .5-.5m5.5 0H10a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-.5.5H7.5a.5.5 0 0 1-.5-.5V2a.5.5 0 0 1 .5-.5m0 4.5H10a.5.5 0 0 1 .5.5V10a.5.5 0 0 1-.5.5H7.5A.5.5 0 0 1 7 10V6.5a.5.5 0 0 1 .5-.5M2 8h2.5a.5.5 0 0 1 .5.5V10a.5.5 0 0 1-.5.5H2a.5.5 0 0 1-.5-.5V8.5A.5.5 0 0 1 2 8"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                fill: "var(--ov-ui-color-dashboard-surface, var(--ov-ui-color-bg-3, var(--ov-ui-bg-3-default, #f7f7f9)))",
+                d: "M4.5 8a4 4 0 0 1 8 0 4 4 0 0 1-4 4H4.658a.16.16 0 0 1-.158-.158z"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                fill: "currentColor",
+                d: "M8.125 5.162a.93.93 0 0 1 .75 0c.162.072.282.205.39.358.11.154.232.363.383.621l1.63 2.8c.15.258.273.466.352.637.08.17.135.341.116.518a.92.92 0 0 1-.376.647c-.143.103-.32.14-.507.157-.19.017-.432.016-.732.016H6.87c-.3 0-.543.001-.732-.016-.187-.017-.364-.054-.508-.157a.92.92 0 0 1-.376-.647c-.019-.177.038-.348.117-.518s.202-.38.352-.637l1.63-2.801c.15-.258.272-.466.382-.62s.229-.286.391-.358"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                fill: "#fff",
+                d: "M8.25 8.333V7a.25.25 0 0 1 .5 0v1.333a.25.25 0 0 1-.5 0m.517 1.034a.25.25 0 0 1-.25.25h-.033a.25.25 0 0 1-.25-.25v-.034a.25.25 0 0 1 .25-.25h.033a.25.25 0 0 1 .25.25z"
+            })
+        ]
+    });
+const wiki_conflict_boardreact = SvgWikiConflictBoard;
 function NextjsIcon({ 'aria-label': ariaLabel, ...props }) {
     const gradientId = `ov-ft-nextjs-${useId().replaceAll(':', '')}`;
     return /*#__PURE__*/ jsxs("svg", {
@@ -1438,4 +1681,37 @@ const PdfIcon = createIcon(pdfreact, 'PdfIcon');
 const PptIcon = createIcon(pptreact, 'PptIcon');
 const VideoIcon = createIcon(videoreact, 'VideoIcon');
 const WordIcon = createIcon(wordreact, 'WordIcon');
-export { ArrowRightIcon, AudioIcon, ChevronRightIcon, DocumentIcon, FolderIcon, FolderOpenIcon, PdfIcon, PptIcon, VideoIcon, WordIcon, getFileTypeColor, getFileTypeIcon, resolveFileTypeIconKey };
+const ExperienceBoardIcon = createIcon(experience_boardreact, 'ExperienceBoardIcon');
+const WikiBoardIcon = createIcon(wiki_boardreact, 'WikiBoardIcon');
+const WikiConflictBoardIcon = createIcon(wiki_conflict_boardreact, 'WikiConflictBoardIcon');
+const SpaceIcon = createIcon(spacereact, 'SpaceIcon');
+const UserIcon = createIcon(userreact, 'UserIcon');
+const LIBRARY_FALLBACKS = library_swatches_namespaceObject.z;
+function gradientOf(name) {
+    const hash = Array.from(name).reduce((total, character)=>total + character.charCodeAt(0), 0);
+    return hash % LIBRARY_FALLBACKS.length;
+}
+function LibraryIcon({ name = '' }) {
+    const index = gradientOf(name);
+    const swatch = index + 1;
+    return /*#__PURE__*/ jsx("span", {
+        "aria-hidden": "true",
+        style: {
+            display: 'block',
+            width: 14,
+            height: 14,
+            borderRadius: '50%',
+            background: `var(--ov-ui-color-library-swatch-${swatch}, var(--ov-ui-library-swatch-${swatch}-default, ${LIBRARY_FALLBACKS[index]}))`
+        }
+    });
+}
+const WikiWarningIcon = createIcon(warningreact, 'WikiWarningIcon');
+const WikiBookIcon = createIcon(wiki_bookreact, 'WikiBookIcon');
+const FileInputIcon = createIcon(file_inputreact, 'FileInputIcon');
+const ScanSearchIcon = createIcon(scan_searchreact, 'ScanSearchIcon');
+const ActivityIcon = createIcon(activityreact, 'ActivityIcon');
+const WikiEditIcon = createIcon(editreact, 'WikiEditIcon');
+const WikiSuccessIcon = createIcon(successreact, 'WikiSuccessIcon');
+const WikiHistoryIcon = createIcon(historyreact, 'WikiHistoryIcon');
+const WikiDiscussIcon = createIcon(discussreact, 'WikiDiscussIcon');
+export { ActivityIcon, ArrowRightIcon, AudioIcon, ChevronRightIcon, DocumentIcon, ExperienceBoardIcon, FileInputIcon, FolderIcon, FolderOpenIcon, LibraryIcon, PdfIcon, PptIcon, ScanSearchIcon, SpaceIcon, UserIcon, VideoIcon, WikiBoardIcon, WikiBookIcon, WikiConflictBoardIcon, WikiDiscussIcon, WikiEditIcon, WikiHistoryIcon, WikiSuccessIcon, WikiWarningIcon, WordIcon, getFileTypeColor, getFileTypeIcon, resolveFileTypeIconKey };

package/dist/lk~0.js

@@ -1,7 +1,9 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useState, useSyncExternalStore } from "react";
+import { useEffect, useRef, useState, useSyncExternalStore } from "react";
 import { resolveLocale } from "./nx~0.js";
+import { LibraryIcon, SpaceIcon, UserIcon } from "./k~0.js";
 import { ScopeSelector, ScopeSwitcher } from "./f~0.js";
+import { button_Button } from "./e~0.js";
 import { useLocale } from "./28~0.js";
 const messages = {
     levelNames: [
@@ -42,7 +44,7 @@ const empty = (enabled, parentIds = [])=>({
         scopeKey: JSON.stringify(parentIds),
         parentIds
     });
-function createScopeController() {
+function createScopeController(onChange) {
     const snapshots = [
         empty(true),
         empty(false),
@@ -52,7 +54,21 @@ function createScopeController() {
     const requests = [];
     let api;
     let active = false;
-    const notify = (index)=>listeners[index].forEach((listener)=>listener());
+    let selectionKey = '';
+    const notify = (index)=>{
+        listeners[index].forEach((listener)=>listener());
+        const [library, space, user] = snapshots;
+        const selection = library.selected && space.selected && user.selected ? {
+            libraryId: library.selected.id,
+            spaceId: space.selected.id,
+            userId: user.selected.id
+        } : null;
+        const key = JSON.stringify(selection);
+        if (key !== selectionKey) {
+            selectionKey = key;
+            onChange?.(selection);
+        }
+    };
     const update = (index, patch)=>{
         snapshots[index] = {
             ...snapshots[index],
@@ -158,8 +174,10 @@ function createScopeController() {
         }
     };
 }
-function useScopeCascade({ loadLibraries, loadSpaces, loadUsers }) {
-    const [instance] = useState(createScopeController);
+function useScopeCascade({ loadLibraries, loadSpaces, loadUsers }, onChange) {
+    const notify = useRef(onChange);
+    notify.current = onChange;
+    const [instance] = useState(()=>createScopeController((selection)=>notify.current?.(selection)));
     useEffect(()=>instance.start({
             loadLibraries,
             loadSpaces,
@@ -175,6 +193,19 @@ function useScopeCascade({ loadLibraries, loadSpaces, loadUsers }) {
 function useScopeCascadeLevel(level) {
     return useSyncExternalStore(level.subscribe, level.getSnapshot, level.getSnapshot);
 }
+function defaultIcon(index, option) {
+    if (0 === index) return /*#__PURE__*/ jsx(LibraryIcon, {
+        name: option?.id ?? ''
+    });
+    return 1 === index ? /*#__PURE__*/ jsx(SpaceIcon, {}) : /*#__PURE__*/ jsx(UserIcon, {});
+}
+function withDefaultIcons(options, index) {
+    if (options.every((option)=>null != option.icon)) return options;
+    return options.map((option)=>null != option.icon ? option : {
+            ...option,
+            icon: defaultIcon(index, option)
+        });
+}
 function ConnectedLevel(props) {
     const state = useScopeCascadeLevel(props.level);
     return /*#__PURE__*/ jsx(LevelView, {
@@ -182,9 +213,10 @@ function ConnectedLevel(props) {
         state: state
     }, state.scopeKey);
 }
-function LevelView({ level, locale, state, name, labels, retryLabel }) {
+function LevelView({ index, level, locale, state, name, labels, retryLabel }) {
     const [keyword, setKeyword] = useState('');
     const text = resolveScopeCascadeLabels(locale);
+    const options = withDefaultIcons(state.options, index);
     return /*#__PURE__*/ jsx(ScopeSelector, {
         locale: locale,
         labels: labels,
@@ -195,13 +227,13 @@ function LevelView({ level, locale, state, name, labels, retryLabel }) {
         },
         trigger: {
             label: state.selected?.label ?? name,
-            icon: state.selected?.icon
+            icon: state.selected?.icon ?? defaultIcon(index, state.selected)
         },
         data: {
             selectedId: state.selected?.id ?? '',
-            total: state.options.length,
-            options: state.options,
-            visibleOptions: state.options.filter((option)=>option.label.toLocaleLowerCase().includes(keyword.toLocaleLowerCase()))
+            total: options.length,
+            options,
+            visibleOptions: options.filter((option)=>option.label.toLocaleLowerCase().includes(keyword.toLocaleLowerCase()))
         },
         state: {
             disabled: !state.enabled,
@@ -221,8 +253,10 @@ function LevelView({ level, locale, state, name, labels, retryLabel }) {
                 children: [
                     labels?.error ?? text.error,
                     ' ',
-                    /*#__PURE__*/ jsx("button", {
-                        type: "button",
+                    /*#__PURE__*/ jsx(button_Button, {
+                        size: "small",
+                        type: "default",
+                        htmlType: "button",
                         onClick: level.refresh,
                         children: retryLabel ?? text.retry
                     })
@@ -231,14 +265,20 @@ function LevelView({ level, locale, state, name, labels, retryLabel }) {
         }
     });
 }
-function ScopeCascade({ controller, locale: localeProp, labels, levelNames: names, retryLabel, ...props }) {
+function ScopeCascade({ locale: localeProp, loadLibraries, loadSpaces, loadUsers, onChange, labels, levelNames: names, retryLabel, ...props }) {
     const locale = useLocale(localeProp);
     const levelNames = names ?? resolveScopeCascadeLabels(locale).levelNames;
+    const controller = useScopeCascade({
+        loadLibraries,
+        loadSpaces,
+        loadUsers
+    }, onChange);
     return /*#__PURE__*/ jsxs(ScopeSwitcher, {
         ...props,
         locale: locale,
         children: [
             /*#__PURE__*/ jsx(ConnectedLevel, {
+                index: 0,
                 locale: locale,
                 level: controller.levels[0],
                 name: levelNames[0],
@@ -246,6 +286,7 @@ function ScopeCascade({ controller, locale: localeProp, labels, levelNames: name
                 retryLabel: retryLabel
             }),
             /*#__PURE__*/ jsx(ConnectedLevel, {
+                index: 1,
                 locale: locale,
                 level: controller.levels[1],
                 name: levelNames[1],
@@ -253,6 +294,7 @@ function ScopeCascade({ controller, locale: localeProp, labels, levelNames: name
                 retryLabel: retryLabel
             }),
             /*#__PURE__*/ jsx(ConnectedLevel, {
+                index: 2,
                 locale: locale,
                 level: controller.levels[2],
                 name: levelNames[2],
@@ -262,4 +304,4 @@ function ScopeCascade({ controller, locale: localeProp, labels, levelNames: name
         ]
     });
 }
-export { ScopeCascade, useScopeCascade, useScopeCascadeLevel };
+export { ScopeCascade };