@openviking/react 0.1.7 → 0.1.8-beta.11.1.gc6def608a25e

package/README.md

@@ -6,7 +6,7 @@ Public UI components, composed modules accept optional `locale: 'zh-CN' | 'en-US
 
 React foundations for OpenViking AI application interfaces: build tooling, documentation, layered directories, and scoped styles. FileTree, Tui and FilePreview provide working views, alongside five file-type icons. FileBrowser coordinates browsing, previews and dashboards; Console provides a native command panel; ScopeCascade provides an integrated cascade selector.
 
-This package inherits the repository's AGPL-3.0-only license. The release workflow publishes it to npm when a `react@<version>` tag matches the version in this package's manifest.
+This package inherits the repository's AGPL-3.0-only license. The release workflow publishes it to npm when the Changesets version PR is merged, or when a `react@<version>` tag matches this package's version.
 
 ## Module map
 
@@ -100,3 +100,13 @@ Dynamic messages use typed formatter functions; dates and numbers use `Intl`. `n
 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.
+
+## Authentication forms
+
+`EmailLoginForm`, `ApiKeyLoginForm`, `PasswordResetRequestForm`, `PasswordSetupForm`,
+`LoginMethodSelector` and `InvitationConfirmation` are request-free React views.
+Import components from the package root or their individual `components/<kebab-case-name>`
+entries and import the matching `style.css`. Optional actions and agreements are configured
+by the host. Password strength, asynchronous loading/errors, mail delivery, session/CSRF,
+invitation routing and persistence are host responsibilities. No internal UI or theme
+packages are required. See the authentication form examples in the UI documentation.

package/dist/1~0.js

@@ -0,0 +1,57 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useAuthLabels, Action } from "./g~0.js";
+function InvitationConfirmation({ details, loading, disabled, error, decline, defer, className, onAccept, title, description, locale, acceptLabel }) {
+    const labels = useAuthLabels(locale);
+    return /*#__PURE__*/ jsxs("section", {
+        className: `ov-auth ${className ?? ''}`,
+        "aria-busy": loading || void 0,
+        children: [
+            title && /*#__PURE__*/ jsx("h2", {
+                children: title
+            }),
+            description && /*#__PURE__*/ jsx("p", {
+                className: "ov-auth__description",
+                children: description
+            }),
+            /*#__PURE__*/ jsx("dl", {
+                className: "ov-auth__details",
+                children: details.map((item, index)=>/*#__PURE__*/ jsxs("div", {
+                        children: [
+                            /*#__PURE__*/ jsx("dt", {
+                                children: item.label
+                            }),
+                            /*#__PURE__*/ jsx("dd", {
+                                children: item.value
+                            })
+                        ]
+                    }, index))
+            }),
+            error && /*#__PURE__*/ jsx("div", {
+                className: "ov-auth__error",
+                role: "alert",
+                children: error
+            }),
+            /*#__PURE__*/ jsxs("fieldset", {
+                disabled: loading || disabled,
+                children: [
+                    /*#__PURE__*/ jsxs("button", {
+                        type: "button",
+                        className: "ov-auth__primary ov-auth__submit",
+                        onClick: onAccept,
+                        children: [
+                            acceptLabel ?? labels.acceptInvitation,
+                            loading && ' …'
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx(Action, {
+                        action: decline
+                    }),
+                    /*#__PURE__*/ jsx(Action, {
+                        action: defer
+                    })
+                ]
+            })
+        ]
+    });
+}
+export { InvitationConfirmation };

package/dist/3~0.js

@@ -1,6 +1,7 @@
 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 { WikiEditIcon } from "./k~0.js";
 import { Tooltip } from "./rt~0.js";
 import { resolveLocale, mergeLabels } from "./nx~0.js";
 import { useLocale } from "./28~0.js";
@@ -223,6 +224,119 @@ function FilePreviewBody({ fileTab, text, locale, viewMode, editing, onViewModeC
         fileTab.source.url
     ]));
 }
+function FilePreviewToolbar({ actions, text, extraActions }) {
+    const [copyResult, setCopyResult] = useState();
+    if (actions.editing) return null;
+    const hasActions = actions.canCopyContent || actions.canEdit || actions.canDownload || extraActions;
+    if (!actions.canSwitchView && !hasActions) return null;
+    const copyLabel = void 0 === copyResult ? text.copyContent : copyResult ? text.copied : text.copyFailed;
+    return /*#__PURE__*/ jsxs("div", {
+        className: "ov-file-preview__toolbar",
+        children: [
+            actions.canSwitchView ? /*#__PURE__*/ jsx("div", {
+                className: "ov-file-preview__switch",
+                role: "group",
+                "aria-label": text.viewSwitch,
+                children: [
+                    'preview',
+                    'source'
+                ].map((mode)=>/*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        className: "ov-file-preview__switch-item",
+                        "aria-pressed": actions.viewMode === mode,
+                        disabled: actions.busy,
+                        onClick: ()=>actions.setViewMode(mode),
+                        children: 'preview' === mode ? text.previewMode : text.sourceMode
+                    }, mode))
+            }) : null,
+            actions.canSwitchView && hasActions ? /*#__PURE__*/ jsx("span", {
+                className: "ov-file-preview__toolbar-divider",
+                "aria-hidden": "true"
+            }) : null,
+            actions.canCopyContent ? /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx(button_Button, {
+                        size: "small",
+                        type: "default",
+                        iconOnly: true,
+                        className: "ov-file-preview__toolbar-button",
+                        "aria-label": text.copyContent,
+                        title: copyLabel,
+                        disabled: actions.busy,
+                        onBlur: ()=>setCopyResult(void 0),
+                        onClick: ()=>void actions.copyContent().then(setCopyResult),
+                        children: /*#__PURE__*/ jsxs("svg", {
+                            "aria-hidden": "true",
+                            width: "14",
+                            height: "14",
+                            viewBox: "0 0 16 16",
+                            fill: "none",
+                            stroke: "currentColor",
+                            strokeWidth: "1.4",
+                            children: [
+                                /*#__PURE__*/ jsx("rect", {
+                                    x: "5.5",
+                                    y: "5.5",
+                                    width: "8",
+                                    height: "8",
+                                    rx: "1.5"
+                                }),
+                                /*#__PURE__*/ jsx("path", {
+                                    d: "M10.5 5.5v-1a1.5 1.5 0 0 0-1.5-1.5H4a1.5 1.5 0 0 0-1.5 1.5v5A1.5 1.5 0 0 0 4 11h1"
+                                })
+                            ]
+                        })
+                    }),
+                    void 0 !== copyResult ? /*#__PURE__*/ jsx("span", {
+                        className: "ov-file-preview__sr-only",
+                        role: "status",
+                        children: copyLabel
+                    }) : null
+                ]
+            }) : null,
+            actions.canEdit ? /*#__PURE__*/ jsxs(button_Button, {
+                size: "small",
+                type: "default",
+                className: "ov-file-preview__toolbar-button",
+                disabled: actions.busy,
+                onClick: actions.startEditing,
+                children: [
+                    /*#__PURE__*/ jsx(WikiEditIcon, {
+                        width: 14,
+                        height: 14,
+                        "aria-hidden": "true"
+                    }),
+                    text.edit
+                ]
+            }) : null,
+            actions.canDownload ? /*#__PURE__*/ jsx(button_Button, {
+                size: "small",
+                type: "default",
+                iconOnly: true,
+                className: "ov-file-preview__toolbar-button",
+                "aria-label": text.download,
+                title: text.download,
+                disabled: actions.busy,
+                onClick: actions.download,
+                children: /*#__PURE__*/ jsx("svg", {
+                    "aria-hidden": "true",
+                    width: "14",
+                    height: "14",
+                    viewBox: "0 0 16 16",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "1.4",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    children: /*#__PURE__*/ jsx("path", {
+                        d: "M8 2.5v8m-3-3 3 3 3-3M2.5 12.5h11"
+                    })
+                })
+            }) : null,
+            extraActions
+        ]
+    });
+}
 function FilePreviewLevelTabs({ levels, activeKey, disabled, onSelect }) {
     if (!levels?.length) return null;
     return /*#__PURE__*/ jsx("div", {
@@ -512,10 +626,14 @@ function getPathFileName(path) {
     const parts = trimmed.split(SEPARATOR).filter(Boolean);
     return parts[parts.length - 1];
 }
-function FilePreviewHeader({ levels, levelKey, onLevelChange, path, fileName, canOpenParent, titleExtra, slotActions, actions, text, onOpenParent }) {
+function FilePreviewHeader({ levels, levelKey, onLevelChange, path, fileName, canOpenParent, titleExtra, slotActions, extraActions, actions, text, onOpenParent }) {
     const segments = splitPathSegments(path);
     const title = getPathFileName(path) ?? fileName;
-    const actionNode = 'function' == typeof slotActions ? slotActions(actions) : slotActions;
+    const actionNode = 'function' == typeof slotActions ? slotActions(actions) : void 0 === slotActions ? /*#__PURE__*/ jsx(FilePreviewToolbar, {
+        actions: actions,
+        text: text,
+        extraActions: extraActions
+    }) : slotActions;
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsxs("div", {
@@ -584,8 +702,8 @@ function FilePreviewDirectoryBody({ tab, text, locale, actions, editing, viewMod
             const active = root.querySelector('[aria-selected="true"]');
             if (!active) return;
             setIndicator({
-                left: active.offsetLeft,
-                width: active.offsetWidth
+                left: active.offsetLeft + (active.offsetWidth - 14) / 2,
+                width: 14
             });
         };
         measure();
@@ -628,6 +746,7 @@ function FilePreviewDirectoryBody({ tab, text, locale, actions, editing, viewMod
                 canOpenParent: Boolean(tab.operations?.openParent),
                 titleExtra: tab.slots?.titleExtra,
                 slotActions: tab.slots?.actions,
+                extraActions: tab.slots?.extraActions,
                 actions: actions,
                 text: text,
                 onOpenParent: (uri)=>void tab.operations?.openParent?.(uri)
@@ -648,6 +767,7 @@ function FilePreviewDirectoryBody({ tab, text, locale, actions, editing, viewMod
                 canOpenParent: Boolean(tab.operations?.openParent),
                 titleExtra: tab.slots?.titleExtra,
                 slotActions: tab.slots?.actions,
+                extraActions: tab.slots?.extraActions,
                 actions: actions,
                 text: text,
                 onOpenParent: (uri)=>void tab.operations?.openParent?.(uri)
@@ -738,10 +858,38 @@ function FilePreviewPanels({ levelKey, onLevelChange, contentTab, directoryTab,
                 canOpenParent: Boolean(fileTab.operations?.openParent),
                 titleExtra: fileTab.slots?.titleExtra,
                 slotActions: fileTab.slots?.actions,
+                extraActions: fileTab.slots?.extraActions,
                 actions: actionContext,
                 text: text,
                 onOpenParent: (uri)=>void actions.openParent(activeTab, uri)
             }),
+            editing.editing && fileTab.slots?.actions === void 0 ? /*#__PURE__*/ jsxs("div", {
+                className: "ov-file-preview__edit-toolbar",
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        children: text.editFile
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "ov-file-preview__toolbar",
+                        children: [
+                            /*#__PURE__*/ jsx(button_Button, {
+                                size: "small",
+                                type: "default",
+                                disabled: editing.saving,
+                                onClick: actionContext.cancelEditing,
+                                children: text.leaveEditing
+                            }),
+                            /*#__PURE__*/ jsx(button_Button, {
+                                size: "small",
+                                type: "primary",
+                                loading: editing.saving,
+                                onClick: ()=>void actionContext.saveEditing(),
+                                children: text.save
+                            })
+                        ]
+                    })
+                ]
+            }) : null,
             /*#__PURE__*/ jsx("div", {
                 className: "ov-file-preview__body",
                 children: /*#__PURE__*/ jsx(FilePreviewBody, {
@@ -833,6 +981,15 @@ function useFilePreviewLevels(selected) {
 const messages = {
     showHiddenPath: 'Show hidden path levels',
     copyPath: 'Copy path',
+    copyContent: 'Copy content',
+    copied: 'Copied',
+    copyFailed: 'Could not copy',
+    previewMode: 'Preview',
+    sourceMode: 'Source',
+    viewSwitch: 'View mode',
+    edit: 'Edit',
+    editFile: 'Edit file',
+    save: 'Save',
     editor: 'Edit content',
     leaveEditing: 'Cancel',
     retry: 'Retry',
@@ -849,6 +1006,15 @@ const en_US = messages;
 const zh_CN_messages = {
     showHiddenPath: '显示隐藏的路径层级',
     copyPath: '复制路径',
+    copyContent: '复制正文',
+    copied: '已复制',
+    copyFailed: '复制失败',
+    previewMode: '预览',
+    sourceMode: '源码',
+    viewSwitch: '显示模式',
+    edit: '编辑',
+    editFile: '编辑文件',
+    save: '保存',
     editor: '编辑正文',
     leaveEditing: '取消',
     retry: '重试',
@@ -1285,7 +1451,7 @@ const file_preview_FilePreview = /*#__PURE__*/ forwardRef(function({ tabs, activ
         switchTab,
         viewerHandle
     ]);
-    const canSwitchView = Boolean(fileTab) && viewModes.includes('preview') && viewModes.includes('source');
+    const canSwitchView = Boolean(fileTab || directoryTab) && viewModes.includes('preview') && viewModes.includes('source');
     const onLinkClick = useCallback((_event, link)=>{
         if (fileTab) actions.openUri(fileTab, link.url);
     }, [

package/dist/5~0.js

@@ -0,0 +1,181 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useRef, useState } from "react";
+import { Action } from "./g~0.js";
+function AgreementLinks({ agreements }) {
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: agreements.items.map((item, index)=>/*#__PURE__*/ jsxs("span", {
+                children: [
+                    ' ',
+                    /*#__PURE__*/ jsx("a", {
+                        href: item.href,
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        children: item.label
+                    })
+                ]
+            }, `${item.href}-${index}`))
+    });
+}
+function AgreementDialog({ agreements, labels, onCancel, onAgree }) {
+    const dialog = useRef(null);
+    const titleId = useId();
+    const descriptionId = useId();
+    useEffect(()=>{
+        const element = dialog.current;
+        element?.showModal();
+        return ()=>element?.close();
+    }, []);
+    const text = agreements.confirmation;
+    return /*#__PURE__*/ jsxs("dialog", {
+        ref: dialog,
+        className: "ov-auth ov-auth__dialog",
+        "aria-labelledby": titleId,
+        "aria-describedby": descriptionId,
+        onCancel: (event)=>{
+            event.preventDefault();
+            onCancel();
+        },
+        children: [
+            /*#__PURE__*/ jsx("h2", {
+                id: titleId,
+                children: text?.title ?? labels.agreementTitle
+            }),
+            /*#__PURE__*/ jsxs("p", {
+                id: descriptionId,
+                children: [
+                    text?.description ?? labels.agreementDescription,
+                    /*#__PURE__*/ jsx(AgreementLinks, {
+                        agreements: agreements
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "ov-auth__actions",
+                children: [
+                    /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        onClick: onCancel,
+                        children: text?.cancelText ?? labels.cancel
+                    }),
+                    /*#__PURE__*/ jsx("button", {
+                        className: "ov-auth__primary",
+                        type: "button",
+                        onClick: onAgree,
+                        children: text?.confirmText ?? labels.agree
+                    })
+                ]
+            })
+        ]
+    });
+}
+function FormFrame({ children, labels, submitLabel, validate, onSubmit, secondaryAction, ...options }) {
+    const [accepted, setAccepted] = useState(false);
+    const [confirming, setConfirming] = useState(false);
+    const agreements = options.agreements?.items.length ? options.agreements : void 0;
+    const blocked = options.loading || options.disabled;
+    const submit = (agreed = false)=>{
+        if (blocked || !validate()) return;
+        if (agreements && !accepted && !agreed) return void setConfirming(true);
+        if (agreed) setAccepted(true);
+        onSubmit();
+    };
+    return /*#__PURE__*/ jsxs("form", {
+        className: `ov-auth ${options.className ?? ''}`,
+        noValidate: true,
+        "aria-busy": options.loading || void 0,
+        onSubmit: (event)=>{
+            event.preventDefault();
+            submit();
+        },
+        children: [
+            /*#__PURE__*/ jsx(Action, {
+                action: options.back
+            }),
+            options.title && /*#__PURE__*/ jsx("h2", {
+                children: options.title
+            }),
+            options.description && /*#__PURE__*/ jsx("p", {
+                className: "ov-auth__description",
+                children: options.description
+            }),
+            /*#__PURE__*/ jsx("fieldset", {
+                disabled: blocked,
+                children: children
+            }),
+            options.error && /*#__PURE__*/ jsx("div", {
+                className: "ov-auth__error",
+                role: "alert",
+                children: options.error
+            }),
+            /*#__PURE__*/ jsxs("button", {
+                className: "ov-auth__primary ov-auth__submit",
+                type: "submit",
+                disabled: blocked,
+                children: [
+                    submitLabel,
+                    options.loading && /*#__PURE__*/ jsx("span", {
+                        "aria-hidden": "true",
+                        children: " …"
+                    })
+                ]
+            }),
+            agreements && /*#__PURE__*/ jsxs("label", {
+                className: "ov-auth__consent",
+                children: [
+                    /*#__PURE__*/ jsx("input", {
+                        type: "checkbox",
+                        checked: accepted,
+                        disabled: blocked,
+                        onChange: (event)=>setAccepted(event.target.checked)
+                    }),
+                    /*#__PURE__*/ jsxs("span", {
+                        children: [
+                            labels.agreementPrefix,
+                            /*#__PURE__*/ jsx(AgreementLinks, {
+                                agreements: agreements
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Action, {
+                action: secondaryAction
+            }),
+            confirming && agreements && /*#__PURE__*/ jsx(AgreementDialog, {
+                agreements: agreements,
+                labels: labels,
+                onCancel: ()=>setConfirming(false),
+                onAgree: ()=>{
+                    setConfirming(false);
+                    submit(true);
+                }
+            })
+        ]
+    });
+}
+function useForm(initial, validate) {
+    const [values, setValues] = useState(initial);
+    const [errors, setErrors] = useState({});
+    const update = (key, value)=>{
+        setValues((current)=>({
+                ...current,
+                [key]: value
+            }));
+        setErrors((current)=>({
+                ...current,
+                [key]: void 0
+            }));
+    };
+    return {
+        values,
+        errors,
+        update,
+        validate: ()=>{
+            const next = validate(values);
+            setErrors(next);
+            return !Object.values(next).some((issue)=>void 0 !== issue);
+        }
+    };
+}
+const validEmail = (value)=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value.trim());
+export { FormFrame, useForm, validEmail };

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/ark-message-list-view~0.js

@@ -2,9 +2,10 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ChatMessageList } from "@ark-design/ui/message-list";
 import { Bubble, BubbleTools } from "@ark-design/ui/bubble";
 import { ErrorCard } from "@ark-design/ui/error-card";
-import { useEffect, useMemo, useState } from "react";
+import { Fragment as external_react_Fragment, useEffect, useMemo, useState } from "react";
 import { ActivityTimeline } from "@ark-design/ui/activity-timeline";
 import { MDRenderer } from "@ark-design/ui/markdown-renderer";
+import { UserMessageFileList } from "@ark-design/ui/user-message-file-list";
 import { DocumentIcon } from "./k~0.js";
 import { VikingBotIcon } from "./lg~0.js";
 import { groupActivityParts, mergeToolResults, resolveVikingBotLabels, toRenderItems } from "./c~0.js";
@@ -553,6 +554,49 @@ function MessageFooter({ message, showTime, labels, locale, onCopy }) {
         ]
     });
 }
+function UserMessageGroup({ message, labels, footer, onOpenUri }) {
+    const attachments = message.parts.filter((part)=>'attachment' === part.type);
+    const parts = message.parts.filter((part)=>'attachment' !== part.type);
+    const hasContent = parts.some((part)=>'text' !== part.type || Boolean(part.text));
+    if (!hasContent && 0 === attachments.length) return null;
+    return /*#__PURE__*/ jsxs("div", {
+        className: "ov-viking-bot__user-message-group",
+        children: [
+            attachments.length > 0 ? /*#__PURE__*/ jsx(UserMessageFileList, {
+                className: "ov-viking-bot__user-message-attachments",
+                items: attachments.map((part, index)=>({
+                        id: part.uri ?? String(index),
+                        title: part.name,
+                        previewEnabled: false
+                    })),
+                renderItem: (_item, index)=>/*#__PURE__*/ jsx(external_react_Fragment, {
+                        children: renderPart(attachments[index], {
+                            labels,
+                            onOpenUri
+                        })
+                    }, index)
+            }) : null,
+            hasContent ? /*#__PURE__*/ jsx(Bubble, {
+                className: "ov-viking-bot__user-bubble",
+                placement: "end",
+                variant: "filled",
+                maxHeight: "9999px",
+                footer: footer,
+                children: /*#__PURE__*/ jsx("div", {
+                    className: "ov-viking-bot__user-message-content",
+                    children: /*#__PURE__*/ jsx(MessageBody, {
+                        message: {
+                            ...message,
+                            parts
+                        },
+                        labels: labels,
+                        onOpenUri: onOpenUri
+                    })
+                })
+            }) : footer
+        ]
+    });
+}
 function MessageActions({ message, onMessageAction }) {
     const actions = message.actions ?? (message.action ? [
         {
@@ -599,13 +643,11 @@ function VikingBotMessageRow({ message, labels, onOpenUri, onCopy, onMessageActi
     return /*#__PURE__*/ jsxs("article", {
         className: `ov-viking-bot__message ov-viking-bot__message--${message.role}`,
         children: [
-            'user' === message.role ? /*#__PURE__*/ jsx(Bubble, {
-                className: "ov-viking-bot__user-bubble",
-                placement: "end",
-                variant: "filled",
-                maxHeight: "9999px",
-                footer: footer,
-                children: body
+            'user' === message.role ? /*#__PURE__*/ jsx(UserMessageGroup, {
+                message: message,
+                labels: labels,
+                onOpenUri: onOpenUri,
+                footer: footer
             }) : message.streaming && 0 === message.parts.length ? /*#__PURE__*/ jsx(Bubble, {
                 loading: true,
                 placement: "start",

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

@@ -167,9 +167,11 @@
   }
 }
 
-.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-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;
@@ -226,7 +228,7 @@
     #bd9cff 100%);
 }
 
-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 {
+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;

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;