@openviking/react 0.1.5 → 0.1.6

package/dist/components/tui/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,7 +111,31 @@
   --ov-ui-connect-notice-default: var(--ov-ui-text-2-default);
 }
 
-.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-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-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;
@@ -128,9 +172,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;
@@ -184,6 +248,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-tooltip {
   --ov-ui-tooltip-bg: var(--ov-ui-color-tooltip-bg, var(--ov-ui-tooltip-bg-default, #1f2329));
   --ov-ui-tooltip-text: var(--ov-ui-color-tooltip-text, var(--ov-ui-tooltip-text-default, #fff));
@@ -1688,23 +1776,6 @@
   }
 }
 
-@container (width <= 480px) {
-  .ov-tui__search-item, .ov-tui__tree-item {
-    flex-direction: column;
-  }
-
-  .ov-tui__search-metrics {
-    flex-direction: row;
-    align-items: center;
-    width: auto;
-  }
-
-  .ov-tui__help-item {
-    grid-template-columns: minmax(0, 1fr);
-    gap: 2px;
-  }
-}
-
 .ov-tui__empty--hero {
   inline-size: 100%;
   min-inline-size: 0;
@@ -1762,7 +1833,7 @@
 
 .ov-tui__empty-action {
   background: var(--ov-ui-tui-card-bg);
-  min-block-size: 52px;
+  min-block-size: 43px;
   inline-size: 100%;
   color: inherit;
   font: inherit;
@@ -1770,10 +1841,18 @@
   cursor: pointer;
   border: 0;
   border-radius: 16px;
-  grid-template-columns: 14px minmax(132px, .8fr) minmax(0, 1.2fr);
   align-items: center;
   gap: 12px;
-  padding: 12px 16px;
+  padding: 0 16px;
+  display: flex;
+}
+
+.ov-tui__empty-content {
+  flex: 1;
+  grid-template-columns: 13ch minmax(0, 1fr);
+  align-items: center;
+  column-gap: 20px;
+  min-inline-size: 0;
   display: grid;
 }
 
@@ -1815,30 +1894,37 @@
   outline-offset: 3px;
 }
 
+.ov-tui__empty-name, .ov-tui__empty-desc {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-inline-size: 0;
+  overflow: hidden;
+}
+
 .ov-tui__empty-name {
   color: var(--ov-ui-color-text-1, var(--ov-ui-text-1-default));
   font-family: var(--ov-ui-font-mono, ui-monospace, monospace);
-  overflow-wrap: anywhere;
-  font-size: 15px;
+  font-size: 14px;
 }
 
 .ov-tui__empty-desc {
   color: var(--ov-ui-color-text-description, var(--ov-ui-text-description-default));
-  overflow-wrap: anywhere;
+  font-size: 12px;
 }
 
 @container (width <= 420px) {
   .ov-tui__empty--hero {
     padding-block: 16px;
   }
+}
 
-  .ov-tui__empty-action {
-    grid-template-columns: 14px minmax(0, 1fr);
-    gap: 4px 12px;
+@container (width <= 360px) {
+  .ov-tui__empty-content {
+    column-gap: 12px;
   }
 
-  .ov-tui__empty-desc {
-    grid-column: 2;
+  .ov-tui__empty-action {
+    padding-inline: 12px;
   }
 }
 

package/dist/components/viking-bot/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-viking-bot {
   --ov-viking-bot-radius: 6px;
   --ov-viking-bot-text: var(--ov-ui-color-text-1, var(--ov-ui-text-1-default, #0b0b0f));
@@ -7233,7 +7277,7 @@ textarea.ov-viking-bot__interaction-input {
   line-height: 20px;
 }
 
-.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;
@@ -7270,9 +7314,29 @@ textarea.ov-viking-bot__interaction-input {
   --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;
@@ -7326,6 +7390,30 @@ textarea.ov-viking-bot__interaction-input {
   --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-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));
@@ -7434,6 +7522,21 @@ textarea.ov-viking-bot__interaction-input {
   transition: background-color .12s;
 }
 
+.ov-file-tree__popover-anchor-container {
+  pointer-events: none;
+  justify-content: flex-end;
+  display: flex;
+  position: absolute;
+  inset: 0;
+}
+
+.ov-file-tree__popover-anchor {
+  flex: none;
+  width: 0;
+  position: sticky;
+  right: 0;
+}
+
 .ov-file-tree__row:hover {
   background-color: var(--ov-ui-file-tree-row-hover);
 }
@@ -7810,7 +7913,7 @@ textarea.ov-viking-bot__interaction-input {
 
 
 
-.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;
@@ -7847,9 +7950,29 @@ textarea.ov-viking-bot__interaction-input {
   --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;
@@ -7903,6 +8026,30 @@ textarea.ov-viking-bot__interaction-input {
   --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-tooltip {
   --ov-ui-tooltip-bg: var(--ov-ui-color-tooltip-bg, var(--ov-ui-tooltip-bg-default, #1f2329));
   --ov-ui-tooltip-text: var(--ov-ui-color-tooltip-text, var(--ov-ui-tooltip-text-default, #fff));

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

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

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

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