@openviking/react 0.1.6 → 0.1.8-beta.10.1.g8e5299efeb0a

package/dist/6~0.js

@@ -0,0 +1,48 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { useAuthLabels, Field } from "./g~0.js";
+import { validEmail, useForm, FormFrame } from "./5~0.js";
+function PasswordResetRequestForm({ defaultEmail = '', sentMessage, retryAfter = 0, onSubmit, locale, labels: overrides, ...options }) {
+    const id = useId();
+    const labels = useAuthLabels(locale, overrides);
+    const form = useForm({
+        email: defaultEmail
+    }, ({ email })=>({
+            email: validEmail(email) ? void 0 : {
+                key: 'invalidEmail'
+            }
+        }));
+    const [sentEmail, message] = sentMessage ? [
+        sentMessage.email,
+        sentMessage.message
+    ] : [];
+    const sent = sentEmail === form.values.email.trim();
+    const remaining = Math.max(0, Math.ceil(retryAfter));
+    return /*#__PURE__*/ jsxs(FormFrame, {
+        ...options,
+        disabled: options.disabled || remaining > 0,
+        labels: labels,
+        submitLabel: `${sent ? labels.resend : labels.send}${remaining > 0 ? ` (${remaining}s)` : ''}`,
+        validate: form.validate,
+        onSubmit: ()=>onSubmit?.({
+                email: form.values.email.trim()
+            }),
+        children: [
+            /*#__PURE__*/ jsx(Field, {
+                id: `${id}-email`,
+                label: labels.email,
+                labels: labels,
+                value: form.values.email,
+                type: "email",
+                autoComplete: "email",
+                error: form.errors.email,
+                onChange: (value)=>form.update('email', value)
+            }),
+            sent && message && /*#__PURE__*/ jsx("p", {
+                role: "status",
+                children: message
+            })
+        ]
+    });
+}
+export { PasswordResetRequestForm };

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,6 +1,177 @@
-.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-auth, .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-auth-on-primary-default: #fff;
+  --ov-ui-auth-backdrop-default: #0006;
   --ov-ui-primary-default: #5252ff;
   --ov-ui-primary-hover-default: #7075ff;
   --ov-ui-primary-active-default: #3833d2;
@@ -57,7 +228,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-auth, .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 +258,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 +382,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 +396,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 +496,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 +692,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);

package/dist/components/api-key-login-form/api-key-login-form.d.ts

@@ -0,0 +1,2 @@
+import type { ApiKeyLoginFormProps } from './types.js';
+export declare function ApiKeyLoginForm({ alternateLogin, onSubmit, locale, labels: overrides, ...options }: ApiKeyLoginFormProps): import("react").JSX.Element;

package/dist/components/api-key-login-form/index.d.ts

@@ -0,0 +1,3 @@
+export { ApiKeyLoginForm } from './api-key-login-form.js';
+export type { ApiKeyLoginFormProps } from './types.js';
+export type { AuthAction, AuthAgreements, AuthLabels, } from '../../shared/auth/types.js';