@openviking/react 0.1.6 → 0.1.7

package/README.md

@@ -98,3 +98,5 @@ Built-in translations live alongside each component or module in `locales/en-US.
 Dynamic messages use typed formatter functions; dates and numbers use `Intl`. `npm test` checks matching keys, string placeholders and formatter arity across languages, while type checking validates parameter types. Undefined `labels` entries inherit the selected language; empty strings remain explicit overrides.
 
 Set `locale` on `OpenVikingProvider` for a subtree. Optional module and component Props override the nearest scope, then fall back to `en-US`. Standalone Hooks also inherit the Provider. The private `src/shared/locale-context.tsx` is shared across public entries and remains separate from request-client configuration, so language changes preserve requests and state.
+
+The internal Input, Button, Modal and Drawer adapt Arco Design logic (MIT); its notice ships in `LICENSE.arco-design`. Input and Button visual rules are adapted from the console's `@arco-design/theme-ve-o-aml-design@0.0.36` (MIT), rather than Arco's default skin. They have no public component entry.

package/dist/2~0.js

@@ -8,6 +8,7 @@ import { resolveLocale } from "./nx~0.js";
 import { removereact } from "./4~0.js";
 import { usePortalTheme } from "./9~0.js";
 import { useLocale } from "./28~0.js";
+import { button_Button } from "./e~0.js";
 import { AgentConnect } from "./u~0.js";
 import * as __rspack_external_react from "react";
 __webpack_require__.add({
@@ -2282,8 +2283,8 @@ function FileBrowserEntries({ locale: localeProp, agentConnect, onConnectAgent,
     const [drawerOpen, setDrawerOpen] = useState(false);
     const text = resolveFileBrowserEntriesLabels(locale, labels);
     const showConnect = Boolean(agentConnect || onConnectAgent);
-    const importButton = /*#__PURE__*/ jsxs("button", {
-        type: "button",
+    const importButton = /*#__PURE__*/ jsxs(button_Button, {
+        htmlType: "button",
         className: "ov-file-browser-entries__entry",
         onClick: onImportResources,
         children: [
@@ -2308,9 +2309,9 @@ function FileBrowserEntries({ locale: localeProp, agentConnect, onConnectAgent,
             className
         ].filter(Boolean).join(' '),
         children: [
-            showConnect ? /*#__PURE__*/ jsxs("button", {
+            showConnect ? /*#__PURE__*/ jsxs(button_Button, {
                 ref: triggerRef,
-                type: "button",
+                htmlType: "button",
                 className: "ov-file-browser-entries__entry",
                 "aria-haspopup": agentConnect ? 'dialog' : void 0,
                 "aria-controls": agentConnect ? drawerId : void 0,
@@ -2360,4 +2361,4 @@ function FileBrowserEntries({ locale: localeProp, agentConnect, onConnectAgent,
         ]
     });
 }
-export { FileBrowserEntries };
+export { FileBrowserEntries, es2015, lockBodyScroll };

package/dist/3c~0.js

@@ -6,6 +6,7 @@ import { ArrowRightIcon } from "./k~0.js";
 import { resolveLocale } from "./nx~0.js";
 import { checkreact } from "./0~0.js";
 import { Tooltip } from "./rt~0.js";
+import { button_Button } from "./e~0.js";
 import { useLocale } from "./28~0.js";
 function getTuiCommandInputText(command) {
     return command.inputText?.trim() || command.name;
@@ -1170,8 +1171,11 @@ function TuiCopyButton({ text, label, copiedLabel, onCopy, className }) {
     };
     return /*#__PURE__*/ jsx(Tooltip, {
         content: copied ? copiedLabel : label,
-        children: /*#__PURE__*/ jsx("button", {
-            type: "button",
+        children: /*#__PURE__*/ jsx(button_Button, {
+            size: "mini",
+            type: "text",
+            iconOnly: true,
+            htmlType: "button",
             className: [
                 'ov-tui__copy',
                 className
@@ -1537,8 +1541,10 @@ function TuiResourceTree({ content, onOpenUri, loadMoreLabel, noResultLabel, res
                         })
                     }, item.id))
             }),
-            hiddenCount > 0 ? /*#__PURE__*/ jsxs("button", {
-                type: "button",
+            hiddenCount > 0 ? /*#__PURE__*/ jsxs(button_Button, {
+                size: "small",
+                type: "default",
+                htmlType: "button",
                 className: "ov-tui__load-more",
                 onClick: ()=>setVisibleCount((count)=>count + PAGE_SIZE),
                 children: [

package/dist/3~0.js

@@ -1,5 +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 { button_Button } from "./e~0.js";
 import { Tooltip } from "./rt~0.js";
 import { resolveLocale, mergeLabels } from "./nx~0.js";
 import { useLocale } from "./28~0.js";
@@ -37,8 +38,10 @@ function FilePreviewEditor({ draft, text, loading, failed, saveFailed, saving, o
                 className: "ov-file-preview__state-title",
                 children: text.loadFailed
             }),
-            /*#__PURE__*/ jsx("button", {
-                type: "button",
+            /*#__PURE__*/ jsx(button_Button, {
+                size: "small",
+                type: "default",
+                htmlType: "button",
                 className: "ov-file-preview__button",
                 onClick: onCancel,
                 children: text.leaveEditing
@@ -140,8 +143,10 @@ function LoadFailedState({ text, description, onRetry }) {
     return /*#__PURE__*/ jsx(StatePanel, {
         title: text.loadFailed,
         description: description,
-        action: onRetry ? /*#__PURE__*/ jsx("button", {
-            type: "button",
+        action: onRetry ? /*#__PURE__*/ jsx(button_Button, {
+            size: "small",
+            type: "default",
+            htmlType: "button",
             className: "ov-file-preview__button",
             onClick: onRetry,
             children: text.retry
@@ -151,8 +156,10 @@ function LoadFailedState({ text, description, onRetry }) {
 function UnsupportedState({ text, onDownload }) {
     return /*#__PURE__*/ jsx(StatePanel, {
         title: text.unsupported,
-        action: onDownload ? /*#__PURE__*/ jsx("button", {
-            type: "button",
+        action: onDownload ? /*#__PURE__*/ jsx(button_Button, {
+            size: "small",
+            type: "default",
+            htmlType: "button",
             className: "ov-file-preview__button",
             onClick: onDownload,
             children: text.download
@@ -451,8 +458,11 @@ function FilePreviewBreadcrumb({ hiddenPathLabel, segments, title, canOpen, disa
 function FilePreviewCopyPath({ label, disabled, onClick }) {
     return /*#__PURE__*/ jsx(Tooltip, {
         content: label,
-        children: /*#__PURE__*/ jsx("button", {
-            type: "button",
+        children: /*#__PURE__*/ jsx(button_Button, {
+            size: "small",
+            type: "text",
+            iconOnly: true,
+            htmlType: "button",
             className: "ov-file-preview__action",
             "aria-label": label,
             disabled: disabled,

package/dist/ae~0.js

@@ -488,4 +488,11 @@ function useOvClient() {
 function useOvSignal() {
     return useContext(OvClientContext)?.base.signal;
 }
-export { OpenVikingProvider, OvClientError, createOvClient, isOvClientError, useOvClient, useOvSignal };
+function useOvIdentity(options) {
+    const base = useContext(OvClientContext)?.base.identity;
+    return {
+        accountId: options?.accountId ?? base?.accountId,
+        userId: options?.userId ?? base?.userId
+    };
+}
+export { OpenVikingProvider, OvClientError, createOvClient, isOvClientError, useOvClient, useOvIdentity, useOvSignal };

package/dist/ark-message-list-view~0.js

@@ -9,6 +9,7 @@ import { DocumentIcon } from "./k~0.js";
 import { VikingBotIcon } from "./lg~0.js";
 import { groupActivityParts, mergeToolResults, resolveVikingBotLabels, toRenderItems } from "./c~0.js";
 import { groupByActivity, messageText, groupMessages } from "./h~0.js";
+import { button_Button } from "./e~0.js";
 const PREFIX = '#viking-uri=';
 const RESOURCE = /viking:\/\/[^\s<>"'`]+/gi;
 const PROSE_RESOURCE = /viking:\/\/[^\s<>"'`，。；！？)\]]+/gi;
@@ -532,8 +533,10 @@ function MessageFooter({ message, showTime, labels, locale, onCopy }) {
                 dateTime: message.createdAt,
                 children: time
             }) : null,
-            canCopy ? onCopy ? /*#__PURE__*/ jsx("button", {
-                type: "button",
+            canCopy ? onCopy ? /*#__PURE__*/ jsx(button_Button, {
+                size: "mini",
+                type: "text",
+                htmlType: "button",
                 className: "ov-viking-bot__copy",
                 onClick: ()=>onCopy(text),
                 children: labels.copy
@@ -560,8 +563,10 @@ function MessageActions({ message, onMessageAction }) {
     if (0 === actions.length) return null;
     return /*#__PURE__*/ jsx("div", {
         className: "ov-viking-bot__message-actions",
-        children: actions.map(({ messageId, action })=>/*#__PURE__*/ jsx("button", {
-                type: "button",
+        children: actions.map(({ messageId, action })=>/*#__PURE__*/ jsx(button_Button, {
+                size: "small",
+                type: "default",
+                htmlType: "button",
                 className: "ov-viking-bot__message-action",
                 disabled: Boolean(action.disabledReason) || 'pending' === action.status || 'success' === action.status,
                 title: action.disabledReason,

package/dist/a~0.js

@@ -5,8 +5,8 @@ import { resolveLocale, mergeLabels } from "./nx~0.js";
 import { useOvSignal, useOvClient, createOvClient, isOvClientError } from "./ae~0.js";
 import { useLocale, LocaleProvider } from "./28~0.js";
 import { new_sessionreact, historyreact } from "./lg~0.js";
-import { useOverlayPosition } from "./o~0.js";
-import { Tooltip } from "./rt~0.js";
+import { Tooltip, useOverlayPosition } from "./rt~0.js";
+import { button_Button } from "./e~0.js";
 import { VikingBotSessionActions, VikingBot } from "./c~0.js";
 import { Tui } from "./3c~0.js";
 const command_specs_uri = {
@@ -1066,9 +1066,12 @@ function ConsoleHistory({ records, isExecuting, locale, labels, onRecall }) {
             /*#__PURE__*/ jsx(Tooltip, {
                 content: labels.history,
                 className: "ov-console__action-tooltip",
-                children: /*#__PURE__*/ jsx("button", {
+                children: /*#__PURE__*/ jsx(button_Button, {
+                    size: "small",
+                    type: "text",
+                    iconOnly: true,
                     ...invoker,
-                    type: "button",
+                    htmlType: "button",
                     className: "ov-console__action",
                     "aria-label": labels.history,
                     "aria-haspopup": "dialog",
@@ -1181,9 +1184,12 @@ function ConsoleToolbar({ mode, panelId, locale, labels, records, isExecuting, o
                     /*#__PURE__*/ jsx(Tooltip, {
                         content: labels.clear,
                         className: "ov-console__action-tooltip",
-                        children: /*#__PURE__*/ jsx("button", {
+                        children: /*#__PURE__*/ jsx(button_Button, {
+                            size: "small",
+                            type: "text",
+                            iconOnly: true,
                             className: "ov-console__action",
-                            type: "button",
+                            htmlType: "button",
                             "aria-label": labels.clear,
                             onClick: ()=>{
                                 setSessionVersion((version)=>version + 1);

package/dist/c7r~0.js

@@ -0,0 +1,50 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const input_Input = /*#__PURE__*/ forwardRef(function({ size = 'default', prefix, suffix, className, style, disabled, ...rest }, ref) {
+    return /*#__PURE__*/ jsxs("span", {
+        role: "presentation",
+        className: [
+            'ov-input',
+            `ov-input--${size}`,
+            disabled && 'ov-input--disabled',
+            className
+        ].filter(Boolean).join(' '),
+        style: style,
+        onMouseDown: (event)=>{
+            if (event.target !== event.currentTarget.querySelector('input')) event.preventDefault();
+        },
+        onClick: (event)=>{
+            const input = event.currentTarget.querySelector('input');
+            if (!disabled && !event.defaultPrevented && event.target !== input) input?.focus();
+        },
+        children: [
+            null != prefix ? /*#__PURE__*/ jsx("span", {
+                className: "ov-input__affix",
+                "aria-hidden": "true",
+                children: prefix
+            }) : null,
+            /*#__PURE__*/ jsx("input", {
+                ...rest,
+                ref: ref,
+                disabled: disabled,
+                className: "ov-input__element"
+            }),
+            null != suffix ? /*#__PURE__*/ jsx("span", {
+                className: "ov-input__affix",
+                "aria-hidden": "true",
+                children: suffix
+            }) : null
+        ]
+    });
+});
+const input_TextArea = /*#__PURE__*/ forwardRef(function({ className, ...rest }, ref) {
+    return /*#__PURE__*/ jsx("textarea", {
+        ...rest,
+        ref: ref,
+        className: [
+            'ov-textarea',
+            className
+        ].filter(Boolean).join(' ')
+    });
+});
+export { input_Input, input_TextArea };

package/dist/ck~0.js

@@ -1,4 +1,5 @@
 const OV_PATHS = {
+    acl: '/api/v1/acl',
     fsLs: '/api/v1/fs/ls',
     fsAttrs: '/api/v1/fs/attrs',
     compileConfigs: '/api/v1/compile/configs',
@@ -21,6 +22,8 @@ const OV_PATHS = {
     botChatStream: '/bot/v1/chat/stream'
 };
 const OV_PATH_BUILDERS = {
+    accountUsers: (accountId)=>`/api/v1/admin/accounts/${encodeURIComponent(accountId)}/users`,
+    accountGroups: (accountId)=>`/api/v1/admin/accounts/${encodeURIComponent(accountId)}/groups`,
     session: (sessionId)=>`${OV_PATHS.sessions}/${encodeURIComponent(sessionId)}`,
     sessionMessages: (sessionId)=>`${OV_PATH_BUILDERS.session(sessionId)}/messages`
 };

package/dist/client/paths.d.ts

@@ -16,6 +16,8 @@
  * `verbatimModuleSyntax` cannot use.
  */
 export declare const OV_PATHS: {
+    /** 资源访问控制。Resource access control. */
+    readonly acl: '/api/v1/acl';
     /** 列出目录内容。List directory contents. */
     readonly fsLs: '/api/v1/fs/ls';
     readonly fsAttrs: '/api/v1/fs/attrs';
@@ -61,6 +63,10 @@ export type OvPath = (typeof OV_PATHS)[keyof typeof OV_PATHS];
  * containing `/` is not read as a path separator.
  */
 export declare const OV_PATH_BUILDERS: {
+    /** 账号用户目录（可关闭凭证返回）。Account user directory. */
+    readonly accountUsers: (accountId: string) => string;
+    /** 账号用户组目录。Account group directory. */
+    readonly accountGroups: (accountId: string) => string;
     /** 单个会话。One session. */
     readonly session: (sessionId: string) => string;
     /** 会话的消息。Messages of one session. */

package/dist/client/provider.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { Locale } from '../shared/locale.js';
-import type { OvClient, OvClientOptions } from './types.js';
+import type { OvClient, OvClientOptions, OvRequestOptions } from './types.js';
 /**
  * {@link OpenVikingProvider} 的属性。请求字段与 {@link OvClientOptions} 同形，另可设置界面语言：
  * 服务地址、身份与作用域、Cookie 策略，都按字段传值。
@@ -56,3 +56,8 @@ export declare function OpenVikingProvider({ baseURL, apiKey, accountId, userId,
 export declare function useOvClient(): OvClient | null;
 /** Internal: modules compose their request lifetime with the inherited signal. */
 export declare function useOvSignal(): AbortSignal | undefined;
+/** Internal identity inheritance for account-scoped principal directories. */
+export declare function useOvIdentity(options?: OvRequestOptions): {
+    accountId: import("./types.js").OvIdentityValue | undefined;
+    userId: import("./types.js").OvIdentityValue | undefined;
+};

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

@@ -1,4 +1,173 @@
-.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-button {
+  --ov-ui-button-height: 32px;
+  --ov-ui-button-padding: 16px;
+  --ov-ui-button-primary: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
+  --ov-ui-button-text: var(--ov-ui-color-text-2, var(--ov-ui-text-2-default));
+  --ov-ui-button-fill: var(--ov-ui-color-bg-5, var(--ov-ui-bg-5-default));
+  --ov-ui-button-fill-hover: var(--ov-ui-color-bg-11, var(--ov-ui-bg-11-default));
+  --ov-ui-button-focus-ring: var(--ov-ui-color-neutral-4, var(--ov-ui-neutral-4-default));
+  appearance: none;
+  box-sizing: border-box;
+  height: var(--ov-ui-button-height);
+  padding: 0 var(--ov-ui-button-padding);
+  background: var(--ov-ui-button-fill);
+  color: var(--ov-ui-button-text);
+  white-space: nowrap;
+  cursor: pointer;
+  -webkit-user-select: none;
+  user-select: none;
+  border: 1px solid #0000;
+  border-radius: 6px;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+  margin: 0;
+  font-family: inherit;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.53846;
+  text-decoration: none;
+  transition: background-color .1s cubic-bezier(0, 0, 1, 1), border-color .1s cubic-bezier(0, 0, 1, 1), color .1s cubic-bezier(0, 0, 1, 1);
+  display: inline-flex;
+}
+
+.ov-button--mini {
+  --ov-ui-button-height: 24px;
+  --ov-ui-button-padding: 12px;
+  gap: 4px;
+  font-size: 12px;
+}
+
+.ov-button--small {
+  --ov-ui-button-height: 28px;
+}
+
+.ov-button--large {
+  --ov-ui-button-height: 36px;
+}
+
+.ov-button--icon-only {
+  width: var(--ov-ui-button-height);
+  padding: 0;
+}
+
+.ov-button--circle {
+  border-radius: 50%;
+}
+
+.ov-button--long {
+  width: 100%;
+}
+
+.ov-button:not(:disabled):not([aria-disabled="true"]):hover {
+  background: var(--ov-ui-button-fill-hover);
+}
+
+.ov-button:not(:disabled):not([aria-disabled="true"]):active {
+  background: var(--ov-ui-button-fill);
+  color: var(--ov-ui-color-text-1, var(--ov-ui-text-1-default));
+  transition: none;
+}
+
+.ov-button:focus-visible {
+  box-shadow: 0 0 0 2px var(--ov-ui-button-focus-ring);
+  outline: none;
+}
+
+.ov-button:disabled:not(.ov-button--loading), .ov-button.ov-button--disabled, .ov-button[aria-disabled="true"] {
+  background: var(--ov-ui-color-bg-4, var(--ov-ui-bg-4-default));
+  cursor: not-allowed;
+  color: var(--ov-ui-color-text-disabled, var(--ov-ui-text-disabled-default));
+}
+
+.ov-button--primary, .ov-button--outline {
+  --ov-ui-button-focus-ring: var(--ov-ui-color-primary-disabled, var(--ov-ui-primary-disabled-default));
+}
+
+.ov-button--primary {
+  background: var(--ov-ui-button-primary);
+  color: var(--ov-ui-color-text-on-primary, var(--ov-ui-text-on-primary-default));
+  border-style: dashed;
+}
+
+.ov-button--primary:not(:disabled):not([aria-disabled="true"]):hover {
+  background: var(--ov-ui-color-primary-strong, var(--ov-ui-primary-strong-default));
+  color: var(--ov-ui-color-text-on-primary, var(--ov-ui-text-on-primary-default));
+}
+
+.ov-button--primary:not(:disabled):not([aria-disabled="true"]):active {
+  background: var(--ov-ui-button-primary);
+  color: var(--ov-ui-color-text-on-primary, var(--ov-ui-text-on-primary-default));
+}
+
+.ov-button--primary:disabled:not(.ov-button--loading), .ov-button--primary.ov-button--disabled, .ov-button--primary[aria-disabled="true"] {
+  background: var(--ov-ui-color-primary-disabled, var(--ov-ui-primary-disabled-default));
+  color: var(--ov-ui-color-text-on-primary-disabled, var(--ov-ui-on-primary-disabled-default));
+}
+
+.ov-button--outline, .ov-button--outline:disabled:not(.ov-button--loading), .ov-button--outline.ov-button--disabled, .ov-button--outline[aria-disabled="true"] {
+  border-color: var(--ov-ui-color-border-3, var(--ov-ui-border-3-default));
+  background: none;
+}
+
+.ov-button--outline:not(:disabled):not([aria-disabled="true"]):hover, .ov-button--outline:not(:disabled):not([aria-disabled="true"]):active {
+  background: var(--ov-ui-color-bg-7, var(--ov-ui-bg-7-default));
+  color: var(--ov-ui-button-text);
+}
+
+.ov-button--outline:not(:disabled):not([aria-disabled="true"]):active {
+  border-color: var(--ov-ui-color-border-4, var(--ov-ui-border-4-default));
+}
+
+.ov-button--text {
+  color: var(--ov-ui-color-link, var(--ov-ui-link-default));
+  background: none;
+}
+
+.ov-button--text:not(:disabled):not([aria-disabled="true"]):hover, .ov-button--text:disabled:not(.ov-button--loading), .ov-button--text.ov-button--disabled, .ov-button--text[aria-disabled="true"] {
+  color: var(--ov-ui-color-primary-muted, var(--ov-ui-primary-muted-default));
+  background: none;
+}
+
+.ov-button--text:not(:disabled):not([aria-disabled="true"]):active {
+  color: var(--ov-ui-color-link-active, var(--ov-ui-link-active-default));
+  background: none;
+}
+
+.ov-button__icon {
+  flex: none;
+  align-items: center;
+  display: inline-flex;
+}
+
+.ov-button__spinner {
+  box-sizing: border-box;
+  border: 1.5px solid;
+  border-inline-start-color: #0000;
+  border-radius: 50%;
+  width: 1em;
+  height: 1em;
+  animation: 1s linear infinite ov-button-spin;
+}
+
+@keyframes ov-button-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .ov-button {
+    transition: none;
+  }
+
+  .ov-button__spinner {
+    animation: none;
+  }
+}
+
+.ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
   --ov-ui-tour-shadow-default: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
   --ov-ui-tour-highlight-default: #5252ff14;
   --ov-ui-primary-default: #5252ff;
@@ -57,7 +226,7 @@
     #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 {
+html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
   --ov-ui-primary-default: #5f5fff;
   --ov-ui-primary-hover-default: #7075ff;
   --ov-ui-primary-active-default: #4242ba;
@@ -87,6 +256,52 @@
   --ov-ui-tooltip-text-default: #f0f1f3;
 }
 
+.ov-button, .ov-input, .ov-textarea {
+  --ov-ui-bg-white-default: var(--ov-ui-bg-1-default);
+  --ov-ui-bg-2-default: #fafbfd;
+  --ov-ui-bg-7-default: var(--ov-ui-border-1-default);
+  --ov-ui-bg-11-default: #e1e3ef;
+  --ov-ui-border-4-default: #acb0c5;
+  --ov-ui-neutral-4-default: #c9cdd4;
+  --ov-ui-primary-muted-default: #8e96ff;
+  --ov-ui-primary-strong-default: var(--ov-ui-primary-active-default);
+  --ov-ui-link-default: var(--ov-ui-primary-default);
+  --ov-ui-link-active-default: var(--ov-ui-primary-active-default);
+  --ov-ui-text-5-default: #c9c9d4;
+  --ov-ui-on-primary-disabled-default: var(--ov-ui-text-on-primary-default);
+  --ov-ui-input-focus-ring-default: color-mix(in srgb,
+    var(--ov-ui-color-primary, var(--ov-ui-primary-default)) 30%,
+    transparent);
+  --ov-ui-error-default: #e31b54;
+  --ov-ui-error-bg-default: #ffecec;
+  --ov-ui-error-border-default: #ffa3a0;
+}
+
+html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea {
+  --ov-ui-bg-white-default: #fff0;
+  --ov-ui-bg-2-default: #fcfdfe03;
+  --ov-ui-bg-4-default: #f6f8fa0f;
+  --ov-ui-bg-5-default: #f1f3f514;
+  --ov-ui-bg-7-default: #1a1b1e;
+  --ov-ui-bg-11-default: #1e2023;
+  --ov-ui-border-2-default: #dde2e926;
+  --ov-ui-border-3-default: #dde2e94d;
+  --ov-ui-border-4-default: #6d6d6d;
+  --ov-ui-neutral-4-default: #5f5f60;
+  --ov-ui-primary-disabled-default: #3f3a89;
+  --ov-ui-primary-muted-default: #4c48b4;
+  --ov-ui-primary-strong-default: var(--ov-ui-primary-hover-default);
+  --ov-ui-link-default: #787dff;
+  --ov-ui-link-active-default: #949cff;
+  --ov-ui-text-disabled-default: #42464e;
+  --ov-ui-text-5-default: #e1e3ef;
+  --ov-ui-on-primary-disabled-default: #ffffff4d;
+  --ov-ui-input-focus-ring-default: #4583ff4d;
+  --ov-ui-error-default: #ff706d;
+  --ov-ui-error-bg-default: #9f211c33;
+  --ov-ui-error-border-default: #ff706d4d;
+}
+
 .dark .ov-viking-bot {
   --ov-ui-code-bg-default: var(--ov-ui-bg-3-default);
 }
@@ -165,7 +380,7 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
   display: flex;
 }
 
-.ov-agent-connect__code-actions button {
+.ov-agent-connect__code-actions button:not(.ov-button) {
   width: 24px;
   height: 24px;
   color: var(--ov-ui-agent-connect-secondary);
@@ -179,11 +394,11 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
   display: inline-flex;
 }
 
-.ov-agent-connect__code-actions button:hover {
+.ov-agent-connect__code-actions button:not(.ov-button):hover {
   color: var(--ov-ui-agent-connect-primary);
 }
 
-.ov-agent-connect__code-actions button:disabled {
+.ov-agent-connect__code-actions button:not(.ov-button):disabled {
   opacity: .6;
   cursor: wait;
 }
@@ -279,12 +494,12 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
   box-sizing: border-box;
 }
 
-.ov-agent-connect :where(button) {
+.ov-agent-connect :where(button:not(.ov-button)) {
   font: inherit;
   cursor: pointer;
 }
 
-.ov-agent-connect button:focus-visible, .ov-agent-connect a:focus-visible {
+.ov-agent-connect button:not(.ov-button):focus-visible, .ov-agent-connect a:focus-visible {
   outline: 2px solid var(--ov-ui-color-focus, var(--ov-ui-focus-default));
   outline-offset: 2px;
 }
@@ -475,40 +690,12 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
   line-height: 22px;
 }
 
-.ov-agent-connect__copy {
-  background: var(--ov-ui-agent-connect-primary);
-  height: 34px;
-  color: var(--ov-ui-color-on-primary, var(--ov-ui-on-primary-default));
-  border: 0;
-  border-radius: 8px;
-  justify-content: center;
-  align-items: center;
-  gap: 6px;
-  padding: 5px 16px;
-  font-size: 13px;
-  line-height: 22px;
-  display: inline-flex;
-}
-
 .ov-agent-connect__copy svg {
   flex: 0 0 16px;
   width: 16px;
   height: 16px;
 }
 
-.ov-agent-connect__copy:hover {
-  background: var(--ov-ui-color-primary-hover, var(--ov-ui-primary-hover-default));
-}
-
-.ov-agent-connect__copy:active {
-  background: var(--ov-ui-color-primary-active, var(--ov-ui-primary-active-default));
-}
-
-.ov-agent-connect__copy:disabled {
-  opacity: .6;
-  cursor: wait;
-}
-
 .ov-agent-connect__body {
   box-shadow: inset 0 0 0 1px var(--ov-ui-agent-connect-border);
   background: var(--ov-ui-agent-connect-card);