@chengxianglibra/dsh-data-analysis 0.3.0 → 0.3.1

package/lib/client/credentials/install.js

@@ -13,6 +13,7 @@ import { Input } from "../ui/primitives/input.js";
 import { TabsContent, TabsList, Tabs as TabsRoot, TabsTrigger } from "../ui/primitives/tabs.js";
 import { UIStyleSheet } from "../ui/theme.js";
 import { CredentialClientModel, credentialMessage } from "./model.js";
+import { ReportPublishingCredentials } from "./report-publishing.js";
 import { credentialStyles } from "./styles.js";
 const statusLabels = {
     'awaiting-input': 'marivo.credentials.awaiting-input',
@@ -107,14 +108,16 @@ function CredentialForm({ context, request, state, model, workspaceId }) {
                                                                     }, children: t('marivo.credentials.confirm-saved-value-deletion') }), _jsx(Button, { variant: "outline", type: "button", onClick: () => setDeleting(''), children: t('marivo.credentials.keep') })] }) }))] }) }, ref));
                                     }) }) }))] }), _jsx(OperationOutcome, { entry: outcome })] }), !ended && (request || busy) && (_jsxs(CardFooter, { className: "mc-form-footer", children: [request && (_jsx(Button, { variant: "default", type: "button", disabled: busy, onClick: submit, children: t('marivo.credentials.submit-credentials-and-continue') })), request ? (_jsx(Button, { variant: "ghost", className: "mc-cancel", type: "button", onClick: () => void model.cancelRequest(request.id), children: t('marivo.credentials.cancel-this-round') })) : (busy && (_jsx(Button, { variant: "ghost", className: "mc-cancel", type: "button", onClick: () => void model.cancelOperation(context.token), children: t('marivo.credentials.cancel-operation') })))] })), ended && (_jsx(CardFooter, { className: "mc-form-footer", children: _jsx(Button, { variant: "outline", type: "button", onClick: () => model.show(workspaceId), children: t('marivo.credentials.back-to-datasource-management') }) }))] }));
 }
-export function CredentialPanel({ model, workspaces, onRefresh }) {
+export function CredentialPanel({ model, workspaces, onRefresh, initialSection = 'datasources' }) {
     const t = useCopy();
     const formId = useId();
     const state = useSyncExternalStore(model.subscribe, model.getSnapshot);
+    const [section, setSection] = useState(initialSection);
     const columns = useRef(null);
     const navigation = useRef(null);
     const main = useRef(null);
     const request = state.requests.find((item) => item.id === state.requestId);
+    const activeSection = request || !state.workspaceId ? 'datasources' : section;
     const pending = state.requests.filter((item) => item.endedAt === undefined && item.sessionId === state.sessionId);
     const context = request
         ? request.context
@@ -139,7 +142,7 @@ export function CredentialPanel({ model, workspaces, onRefresh }) {
             else if (bounds.right > viewport.right)
                 list.scrollLeft += bounds.right - viewport.right;
         }
-    }, [context?.token]);
+    }, [context?.token, activeSection]);
     const workspaceId = request
         ? (workspaces.find((item) => item.sessionIds.includes(request.sessionId))?.workspaceId ?? '')
         : state.workspaceId;
@@ -149,42 +152,43 @@ export function CredentialPanel({ model, workspaces, onRefresh }) {
     if (!state.open)
         return null;
     const credentialForm = context && (_jsx(CredentialForm, { context: context, request: request, state: state, model: model, workspaceId: workspaceId }, context.token));
-    return (_jsxs("section", { className: "mv-ui mc-panel", "aria-label": t('marivo.credentials.datasources-and-credentials'), children: [_jsx(UIStyleSheet, {}), _jsx("style", { children: credentialStyles }), _jsxs("div", { className: "rt-heading-row", children: [_jsx("h2", { className: "rt-heading", children: t('marivo.credentials.datasources-and-credentials') }), _jsx("div", { className: "mc-heading-actions", children: _jsx(IconButton, { variant: "ghost", className: "mc-icon-button", type: "button", title: t('marivo.credentials.refresh-datasources'), label: t('marivo.credentials.refresh-datasources'), disabled: state.loading, onClick: onRefresh ?? (() => void model.refreshDatasources()), children: _jsx(CredentialIcon, { name: "refresh" }) }) })] }), _jsx("p", { className: "rt-caption", children: workspaces.find((item) => item.workspaceId === workspaceId)?.title ?? workspaceId }), _jsxs("div", { className: "mc-shell", children: [(pending.length > 0 || request) && (_jsxs("div", { className: "mc-requests", children: [_jsx("span", { children: pending.length
-                                    ? t('marivo.credentials.requests-in-this-session')
-                                    : t('marivo.credentials.configuration-result') }), pending.map((item) => (_jsxs(Button, { variant: "outline", type: "button", onClick: () => model.openRequest(item.id), children: [item.context?.name, " \u00B7 ", t(statusLabels[item.status])] }, item.id))), request && (_jsx(Button, { variant: "ghost", type: "button", onClick: () => model.show(workspaceId), children: t('marivo.credentials.datasource-management') }))] })), _jsxs(TabsRoot, { className: "mc-columns", ref: columns, value: !request ? (context?.token ?? '') : '', activationMode: "manual", onValueChange: (token) => {
-                            model.select(token);
-                        }, children: [!request && (_jsx("aside", { className: "mc-nav", "aria-label": t('marivo.credentials.datasource-navigation'), children: _jsxs("div", { children: [_jsx("div", { className: "mc-nav-heading", children: _jsx("h3", { children: request
-                                                    ? t('marivo.credentials.requested-datasource')
-                                                    : t('marivo.credentials.datasource-value', { p0: datasources.length }) }) }), _jsx(TabsList, { variant: "line", className: "mc-datasources", ref: navigation, "aria-label": t('marivo.credentials.datasource-navigation'), children: datasources.map((item, index) => {
-                                                const count = item.refs.filter((ref) => item.credentials[ref]?.configured).length;
-                                                const ready = count === item.refs.length;
-                                                const running = state.operations.some((entry) => entry.handle.scope === item.token);
-                                                const status = item.refs.length === 0
-                                                    ? t('marivo.credentials.no-credentials-required')
-                                                    : ready
-                                                        ? t('marivo.credentials.all-credentials-configured')
-                                                        : t('marivo.credentials.value-value-configured', {
-                                                            p0: count,
-                                                            p1: item.refs.length,
-                                                        });
-                                                const description = running
-                                                    ? `${status} · ${t('marivo.credentials.processing')}`
-                                                    : status;
-                                                const statusId = `${formId}-datasource-status-${index}`;
-                                                return (_jsxs(TabsTrigger, { value: item.token, className: "mc-datasource", type: "button", title: item.name, "aria-label": t('marivo.credentials.select-datasource-value', {
-                                                        p0: item.name,
-                                                    }), "aria-describedby": statusId, children: [_jsx(CredentialIcon, { name: "database" }), _jsxs("span", { className: "mc-datasource-copy", children: [_jsx("span", { className: "mc-datasource-name", children: item.name }), _jsx("span", { className: "mc-dot", "data-ready": ready, title: description, "aria-hidden": "true" })] }), _jsx("span", { id: statusId, className: "mc-visually-hidden", children: description })] }, item.token));
-                                            }) })] }) })), _jsxs("main", { className: "mc-main", ref: main, children: [state.error && (_jsx(Alert, { role: "alert", className: "mc-alert", children: _jsx(AlertDescription, { children: t(state.error) }) })), state.loading && (_jsx("p", { className: "mc-loading", role: "status", children: t('marivo.credentials.loading-datasources-and-credential-status') })), !request && !state.loading && !context && !state.error && (_jsx(Empty, { className: "mc-empty", children: _jsxs(EmptyDescription, { children: [_jsx(CredentialIcon, { name: "database", size: 32 }), _jsx("h3", { children: !state.workspaceId
-                                                        ? t('marivo.credentials.this-session-is-not-bound-to-a-workspace')
-                                                        : state.datasources.length === 0
-                                                            ? t('marivo.credentials.no-datasources')
-                                                            : t('marivo.credentials.select-a-datasource') }), _jsx("p", { children: !state.workspaceId
-                                                        ? t('marivo.credentials.return-to-the-session-and-retry')
-                                                        : state.datasources.length === 0
-                                                            ? t('marivo.credentials.this-workspace-has-no-defined-datasources')
-                                                            : t('marivo.credentials.view-credential-configuration-and-the-latest-connection-test') })] }) })), request
-                                        ? credentialForm
-                                        : context && _jsx(TabsContent, { value: context.token, children: credentialForm }), operations.length > 0 && (_jsxs("section", { className: "mc-activity", "aria-label": t('marivo.credentials.credential-operations-in-progress'), children: [_jsxs("p", { className: "mc-activity-heading", children: [t('marivo.credentials.in-progress'), operations.length] }), _jsx("div", { className: "mc-activity-list", children: operations.map((entry) => (_jsxs(Button, { variant: "outline", type: "button", "aria-pressed": state.handle?.id === entry.handle.id, onClick: () => model.selectOperation(entry.handle.id), children: [entry.name, " ", t('marivo.credentials.processing-177')] }, entry.handle.id))) }), activeOperation?.status === 'running' && (_jsxs("div", { className: "mc-progress", children: [_jsxs("p", { children: [state.operations.find((entry) => entry.handle.id === state.handle?.id)?.name, ' ', "\u00B7 ", t('marivo.credentials.saving')] }), _jsx(Button, { variant: "outline", type: "button", onClick: () => void model.cancelOperation(), children: t('marivo.credentials.cancel-this-operation') }), activeOperation.saved.length > 0 && (_jsxs("p", { children: [t('marivo.credentials.saved'), activeOperation.saved.join('、'), "\u3002"] }))] }))] }))] })] })] })] }));
+    return (_jsxs("section", { className: "mv-ui mc-panel", "aria-label": t('marivo.credentials.datasources-and-credentials'), children: [_jsx(UIStyleSheet, {}), _jsx("style", { children: credentialStyles }), _jsxs("div", { className: "rt-heading-row", children: [_jsx("h2", { className: "rt-heading", children: t('marivo.credentials.datasources-and-credentials') }), activeSection === 'datasources' && (_jsx("div", { className: "mc-heading-actions", children: _jsx(IconButton, { variant: "ghost", className: "mc-icon-button", type: "button", title: t('marivo.credentials.refresh-datasources'), label: t('marivo.credentials.refresh-datasources'), disabled: state.loading, onClick: onRefresh ?? (() => void model.refreshDatasources()), children: _jsx(CredentialIcon, { name: "refresh" }) }) }))] }), _jsx("p", { className: "rt-caption", children: workspaces.find((item) => item.workspaceId === workspaceId)?.title ?? workspaceId }), _jsxs(TabsRoot, { className: "mc-shell", value: activeSection, onValueChange: setSection, children: [!request && (_jsxs(TabsList, { "aria-label": t('marivo.credentials.datasources-and-credentials'), children: [_jsx(TabsTrigger, { value: "datasources", children: t('marivo.credentials.datasources-tab') }), _jsx(TabsTrigger, { value: "credentials", disabled: !workspaceId, children: t('marivo.credentials.credential-management-tab') })] })), _jsxs(TabsContent, { value: "datasources", className: "mc-directory-content", children: [(pending.length > 0 || request) && (_jsxs("div", { className: "mc-requests", children: [_jsx("span", { children: pending.length
+                                            ? t('marivo.credentials.requests-in-this-session')
+                                            : t('marivo.credentials.configuration-result') }), pending.map((item) => (_jsxs(Button, { variant: "outline", type: "button", onClick: () => model.openRequest(item.id), children: [item.context?.name, " \u00B7 ", t(statusLabels[item.status])] }, item.id))), request && (_jsx(Button, { variant: "ghost", type: "button", onClick: () => model.show(workspaceId), children: t('marivo.credentials.datasource-management') }))] })), _jsxs(TabsRoot, { className: "mc-columns", ref: columns, value: !request ? (context?.token ?? '') : '', activationMode: "manual", onValueChange: (token) => {
+                                    model.select(token);
+                                }, children: [!request && (_jsx("aside", { className: "mc-nav", "aria-label": t('marivo.credentials.datasource-navigation'), children: _jsxs("div", { children: [_jsx("div", { className: "mc-nav-heading", children: _jsx("h3", { children: request
+                                                            ? t('marivo.credentials.requested-datasource')
+                                                            : t('marivo.credentials.datasource-value', { p0: datasources.length }) }) }), _jsx(TabsList, { variant: "line", className: "mc-datasources", ref: navigation, "aria-label": t('marivo.credentials.datasource-navigation'), children: datasources.map((item, index) => {
+                                                        const count = item.refs.filter((ref) => item.credentials[ref]?.configured).length;
+                                                        const ready = count === item.refs.length;
+                                                        const running = state.operations.some((entry) => entry.handle.scope === item.token);
+                                                        const status = item.refs.length === 0
+                                                            ? t('marivo.credentials.no-credentials-required')
+                                                            : ready
+                                                                ? t('marivo.credentials.all-credentials-configured')
+                                                                : t('marivo.credentials.value-value-configured', {
+                                                                    p0: count,
+                                                                    p1: item.refs.length,
+                                                                });
+                                                        const description = running
+                                                            ? `${status} · ${t('marivo.credentials.processing')}`
+                                                            : status;
+                                                        const statusId = `${formId}-datasource-status-${index}`;
+                                                        return (_jsxs(TabsTrigger, { value: item.token, className: "mc-datasource", type: "button", title: item.name, "aria-label": t('marivo.credentials.select-datasource-value', {
+                                                                p0: item.name,
+                                                            }), "aria-describedby": statusId, children: [_jsx(CredentialIcon, { name: "database" }), _jsxs("span", { className: "mc-datasource-copy", children: [_jsx("span", { className: "mc-datasource-name", children: item.name }), _jsx("span", { className: "mc-dot", "data-ready": ready, title: description, "aria-hidden": "true" })] }), _jsx("span", { id: statusId, className: "mc-visually-hidden", children: description })] }, item.token));
+                                                    }) })] }) })), _jsxs("main", { className: "mc-main", ref: main, children: [state.error && (_jsx(Alert, { role: "alert", className: "mc-alert", children: _jsx(AlertDescription, { children: t(state.error) }) })), state.loading && (_jsx("p", { className: "mc-loading", role: "status", children: t('marivo.credentials.loading-datasources-and-credential-status') })), !request && !state.loading && !context && !state.error && (_jsx(Empty, { className: "mc-empty", children: _jsxs(EmptyDescription, { children: [_jsx(CredentialIcon, { name: "database", size: 32 }), _jsx("h3", { children: !state.workspaceId
+                                                                ? t('marivo.credentials.this-session-is-not-bound-to-a-workspace')
+                                                                : state.datasources.length === 0
+                                                                    ? t('marivo.credentials.no-datasources')
+                                                                    : t('marivo.credentials.select-a-datasource') }), _jsx("p", { children: !state.workspaceId
+                                                                ? t('marivo.credentials.return-to-the-session-and-retry')
+                                                                : state.datasources.length === 0
+                                                                    ? t('marivo.credentials.this-workspace-has-no-defined-datasources')
+                                                                    : t('marivo.credentials.view-credential-configuration-and-the-latest-connection-test') })] }) })), request
+                                                ? credentialForm
+                                                : context && _jsx(TabsContent, { value: context.token, children: credentialForm }), operations.length > 0 && (_jsxs("section", { className: "mc-activity", "aria-label": t('marivo.credentials.credential-operations-in-progress'), children: [_jsxs("p", { className: "mc-activity-heading", children: [t('marivo.credentials.in-progress'), operations.length] }), _jsx("div", { className: "mc-activity-list", children: operations.map((entry) => (_jsxs(Button, { variant: "outline", type: "button", "aria-pressed": state.handle?.id === entry.handle.id, onClick: () => model.selectOperation(entry.handle.id), children: [entry.name, " ", t('marivo.credentials.processing-177')] }, entry.handle.id))) }), activeOperation?.status === 'running' && (_jsxs("div", { className: "mc-progress", children: [_jsxs("p", { children: [state.operations.find((entry) => entry.handle.id === state.handle?.id)
+                                                                        ?.name, ' ', "\u00B7 ", t('marivo.credentials.saving')] }), _jsx(Button, { variant: "outline", type: "button", onClick: () => void model.cancelOperation(), children: t('marivo.credentials.cancel-this-operation') }), activeOperation.saved.length > 0 && (_jsxs("p", { children: [t('marivo.credentials.saved'), activeOperation.saved.join('、'), "\u3002"] }))] }))] }))] })] })] }), _jsx(TabsContent, { value: "credentials", className: "mc-directory-content", children: activeSection === 'credentials' && (_jsx(ReportPublishingCredentials, { model: model, workspaceId: workspaceId }, workspaceId)) })] })] }));
 }
 export function installCredentials(ctx, rpc, changes) {
     let storage;

package/lib/client/credentials/model.js

@@ -1,5 +1,6 @@
 import { credentialRevisionSchema } from "../../datasource/changes-contract.js";
 import { PendingTasks } from "../../lifecycle.js";
+import { publishingCredentialResultSchema, REPORT_PUBLISHING_CHANNEL, } from "../../report-publishing/credential-contract.js";
 import { errorMessage } from "./../i18n/copy.js";
 const CHANNEL = '/dsh-data-analysis-credentials';
 const STORAGE_KEY = 'marivo-credential-operation';
@@ -118,6 +119,14 @@ export class CredentialClientModel {
             throw new CredentialResponseError(result.error?.message ?? '');
         return result.value;
     }
+    async publishingCredentials(workspaceId, { endpoint, ...input }, signal) {
+        const response = await this.#rpc.call(REPORT_PUBLISHING_CHANNEL, endpoint, { workspaceId, ...input }, signal);
+        signal.throwIfAborted();
+        const result = publishingCredentialResultSchema.parse(response);
+        if (!result.ok)
+            throw new CredentialResponseError(result.error.message);
+        return result.value;
+    }
     async show(workspaceId, selectedToken) {
         this.#suspended = false;
         this.#patch({ open: true, requestId: '' });

package/lib/client/credentials/report-publishing.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useId, useRef, useState } from 'react';
+import { useCopy } from "../i18n/context.js";
+import { Button } from "../ui/controls.js";
+import { Alert, AlertDescription } from "../ui/primitives/alert.js";
+import { Badge } from "../ui/primitives/badge.js";
+import { Card, CardAction, CardContent, CardDescription, CardHeader, CardTitle, } from "../ui/primitives/card.js";
+import { Field, FieldGroup, FieldLabel, FieldSet } from "../ui/primitives/field.js";
+import { Input } from "../ui/primitives/input.js";
+const labels = {
+    accessKeyId: 'marivo.credentials.scoped-access-key',
+    secretAccessKey: 'marivo.credentials.scoped-secret-key',
+    sessionToken: 'marivo.credentials.scoped-session-token',
+};
+export function ReportPublishingCredentials({ model, workspaceId, }) {
+    const t = useCopy();
+    const id = useId();
+    const [view, setView] = useState();
+    const [editor, setEditor] = useState();
+    const [busy, setBusy] = useState(true);
+    const [error, setError] = useState('');
+    const current = useRef();
+    const run = useCallback(async (request) => {
+        if (current.current)
+            return;
+        const controller = new AbortController();
+        current.current = controller;
+        setEditor(undefined);
+        setBusy(true);
+        setError('');
+        try {
+            const next = await model.publishingCredentials(workspaceId, request, controller.signal);
+            if (!controller.signal.aborted)
+                setView(next);
+        }
+        catch (failure) {
+            if (!controller.signal.aborted) {
+                setView(undefined);
+                setError(failure instanceof Error &&
+                    'code' in failure &&
+                    failure.code === 'report-publishing-config-changed'
+                    ? 'marivo.credentials.publishing-config-changed'
+                    : 'marivo.credentials.publishing-credential-unconfirmed');
+            }
+        }
+        finally {
+            if (current.current === controller) {
+                current.current = undefined;
+                setBusy(false);
+            }
+        }
+    }, [model, workspaceId]);
+    useEffect(() => {
+        void run({ endpoint: 'describe' });
+        return () => {
+            current.current?.abort();
+            current.current = undefined;
+        };
+    }, [run]);
+    function save() {
+        if (!view?.enabled || !editor)
+            return;
+        const { configId } = view;
+        const { field, action } = editor;
+        if (action === 'unset')
+            void run({ endpoint: 'unset', configId, field });
+        else if (editor.value)
+            void run({ endpoint: 'set', configId, field, value: editor.value });
+    }
+    return (_jsxs(Card, { className: "mc-fields", "aria-labelledby": id, children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { id: id, role: "heading", "aria-level": 3, children: t('marivo.credentials.report-publishing-credentials') }), view?.enabled && (_jsxs(CardDescription, { className: "break-words", children: [view.name, " \u00B7 ", view.bucket] })), _jsx(CardAction, { children: _jsx(Button, { variant: "outline", type: "button", disabled: busy, onClick: () => void run({ endpoint: 'describe' }), children: t('marivo.credentials.refresh-credential-status') }) })] }), _jsxs(CardContent, { "aria-busy": busy, children: [error && (_jsx(Alert, { role: "alert", className: "mc-alert", children: _jsx(AlertDescription, { children: t(error) }) })), busy && !view && (_jsx("p", { role: "status", children: t('marivo.credentials.loading-publishing-credentials') })), view?.enabled === false && (_jsx("p", { className: "mc-note", children: t('marivo.credentials.publishing-disabled') })), view?.enabled &&
+                        view.fields.map((item) => {
+                            const active = editor?.field === item.field ? editor : undefined;
+                            const inputId = `${id}-${item.field}`;
+                            return (_jsx(FieldSet, { className: "mc-field", "aria-label": item.reference, disabled: busy, children: _jsxs(FieldGroup, { children: [_jsxs("div", { className: "mc-field-header", children: [_jsxs("div", { className: "mc-field-title", children: [_jsx("h4", { children: item.reference }), _jsxs("p", { children: [t(labels[item.field]), " ", t('marivo.credentials.source'), item.source ?? t('marivo.credentials.none'), !item.writable && t('marivo.credentials.read-only-source')] })] }), _jsxs("div", { className: "mc-field-actions", children: [_jsx(Badge, { className: "mc-badge", "data-ready": item.configured, children: t(item.configured
+                                                                ? 'marivo.credentials.configured'
+                                                                : 'marivo.credentials.not-configured') }), item.writable && !active && (_jsx(Button, { variant: "outline", type: "button", onClick: () => setEditor({ action: 'set', field: item.field, value: '' }), children: t(item.configured
+                                                                ? 'marivo.credentials.replace'
+                                                                : 'marivo.credentials.add-credential') })), item.writable && item.configured && !active && (_jsx(Button, { variant: "destructive", type: "button", onClick: () => setEditor({ action: 'unset', field: item.field }), children: t('marivo.credentials.delete-saved-value') }))] })] }), active?.action === 'set' && (_jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: inputId, children: t('marivo.credentials.new-value') }), _jsx(Input, { id: inputId, type: "password", autoComplete: "new-password", maxLength: 65_536, value: active.value, onChange: (event) => setEditor({ ...active, value: event.target.value }) }), _jsxs("div", { className: "mc-field-actions", children: [_jsx(Button, { type: "button", disabled: !active.value, onClick: save, children: t(item.configured
+                                                                ? 'marivo.credentials.confirm-replacement'
+                                                                : 'marivo.credentials.add-credential') }), _jsx(Button, { variant: "outline", type: "button", onClick: () => setEditor(undefined), children: t('marivo.credentials.cancel') })] })] })), active?.action === 'unset' && (_jsxs("div", { className: "mc-confirm", children: [_jsx("p", { children: t('marivo.credentials.delete-shared-publishing-credential', {
+                                                        p0: item.reference,
+                                                    }) }), _jsxs("div", { className: "mc-field-actions", children: [_jsx(Button, { variant: "destructive", type: "button", onClick: save, children: t('marivo.credentials.confirm-saved-value-deletion') }), _jsx(Button, { variant: "outline", type: "button", onClick: () => setEditor(undefined), children: t('marivo.credentials.keep') })] })] }))] }) }, item.field));
+                        })] })] }));
+}

package/lib/client/credentials/styles.js

@@ -2,6 +2,8 @@
 export const credentialStyles = `
 .mc-panel{min-width:0;width:100%;container-type:inline-size;--mc-accent:var(--dsw-alias-state-business-primary,#075bea)}
 .mc-shell,.mc-columns,.mc-main,.mc-form{display:flex;flex-direction:column;min-width:0}
+.mc-directory-content{min-width:0}
+.mc-directory-content>.mc-requests{margin-bottom:1rem}
 .mc-shell,.mc-columns,.mc-form-body{gap:1.5rem}
 .mc-form{gap:1rem;flex:1}
 .mc-form-body{display:flex;flex-direction:column;flex:1}

package/lib/client/i18n/credentials.js

@@ -1,5 +1,14 @@
 /** Plugin-owned copy; keys are stable identifiers, never business labels. */
 export const zh = {
+    'marivo.credentials.datasources-tab': '数据源',
+    'marivo.credentials.credential-management-tab': '凭证管理',
+    'marivo.credentials.report-publishing-credentials': '报告发布凭证',
+    'marivo.credentials.refresh-credential-status': '刷新凭证状态',
+    'marivo.credentials.loading-publishing-credentials': '正在读取发布凭证状态…',
+    'marivo.credentials.publishing-disabled': '当前 Host 尚未启用对象存储发布。',
+    'marivo.credentials.publishing-config-changed': '发布配置已更新，请刷新状态后重新填写。',
+    'marivo.credentials.publishing-credential-unconfirmed': '凭证操作结果未确认，请刷新状态后重试。',
+    'marivo.credentials.delete-shared-publishing-credential': '删除 {p0} 的已保存值？当前 Host 中使用此引用的 Workspace 都会受到影响。',
     'marivo.credentials.basic-settings': '基本配置',
     'marivo.credentials.advanced-settings': '高级设置',
     'marivo.credentials.autocommit-required': 'MySQL 和 PostgreSQL 仅支持默认或启用自动提交；请选择默认或 true。',
@@ -271,6 +280,15 @@ export const zh = {
     'marivo.credentials.save-failed': '保存配置失败。',
 };
 export const en = {
+    'marivo.credentials.datasources-tab': 'Datasources',
+    'marivo.credentials.credential-management-tab': 'Credential management',
+    'marivo.credentials.report-publishing-credentials': 'Report publishing credentials',
+    'marivo.credentials.refresh-credential-status': 'Refresh credential status',
+    'marivo.credentials.loading-publishing-credentials': 'Loading publishing credential status…',
+    'marivo.credentials.publishing-disabled': 'Object storage publishing is disabled on this Host.',
+    'marivo.credentials.publishing-config-changed': 'Publishing configuration changed. Refresh the status and enter the credential again.',
+    'marivo.credentials.publishing-credential-unconfirmed': 'Credential operation unconfirmed. Refresh the status before retrying.',
+    'marivo.credentials.delete-shared-publishing-credential': 'Delete the saved value for {p0}? This affects every Workspace using this reference on the current Host.',
     'marivo.credentials.basic-settings': 'Basic configuration',
     'marivo.credentials.advanced-settings': 'Advanced settings',
     'marivo.credentials.autocommit-required': 'MySQL and PostgreSQL only support the default or enabled autocommit; choose default or true.',

package/lib/client/i18n/presentation.js

@@ -162,6 +162,18 @@ export const zh = {
     'marivo.presentation.export-html-started': 'HTML 下载已开始。',
     'marivo.presentation.export-html-failed': '导出失败，请重试。',
     'marivo.presentation.export-html-dismiss': '关闭导出提示',
+    'marivo.presentation.report-delivery-checking': '正在读取导出设置…',
+    'marivo.presentation.report-delivery-unavailable': '导出设置不可用，重新打开菜单重试',
+    'marivo.presentation.publish-report': '发布到对象存储',
+    'marivo.presentation.publishing-report': '正在发布…',
+    'marivo.presentation.publish-report-success': '报告已上传到对象存储。',
+    'marivo.presentation.publish-report-credentials-missing': '缺少发布凭据。补齐后可重新发布。',
+    'marivo.presentation.publish-report-config-changed': '发布配置已变更，请重新打开菜单。',
+    'marivo.presentation.publish-report-unconfirmed': '上传结果未确认，请检查对象存储或重试。',
+    'marivo.presentation.publish-report-failed': '无法发布报告，请重试。',
+    'marivo.presentation.open-published-report': '查看已发布报告',
+    'marivo.presentation.open-publishing-credentials': '前往凭证管理',
+    'marivo.presentation.publish-report-dismiss': '关闭发布提示',
     'marivo.presentation.ui-open-tab': '在右侧打开分析视图',
     'marivo.presentation.ui-loading': '正在读取已保存快照…',
     'marivo.presentation.ui-preparing': '正在准备分析视图…',
@@ -398,6 +410,18 @@ export const en = {
     'marivo.presentation.export-html-started': 'HTML download started.',
     'marivo.presentation.export-html-failed': 'Export failed. Try again.',
     'marivo.presentation.export-html-dismiss': 'Dismiss export notification',
+    'marivo.presentation.report-delivery-checking': 'Checking export settings…',
+    'marivo.presentation.report-delivery-unavailable': 'Export settings unavailable. Reopen the menu to retry.',
+    'marivo.presentation.publish-report': 'Publish to object storage',
+    'marivo.presentation.publishing-report': 'Publishing…',
+    'marivo.presentation.publish-report-success': 'Report uploaded to object storage.',
+    'marivo.presentation.publish-report-credentials-missing': 'Publishing credentials are missing. Add them and retry.',
+    'marivo.presentation.publish-report-config-changed': 'Publishing configuration changed. Reopen the menu.',
+    'marivo.presentation.publish-report-unconfirmed': 'Upload unconfirmed. Check object storage or retry.',
+    'marivo.presentation.publish-report-failed': 'Could not publish the report. Try again.',
+    'marivo.presentation.open-published-report': 'Open published report',
+    'marivo.presentation.open-publishing-credentials': 'Go to credential management',
+    'marivo.presentation.publish-report-dismiss': 'Dismiss publishing notification',
     'marivo.presentation.ui-open-tab': 'Open analysis view in sidebar',
     'marivo.presentation.ui-loading': 'Reading saved snapshot…',
     'marivo.presentation.ui-preparing': 'Preparing analysis view…',

package/lib/client/right-tabs/install.js

@@ -389,7 +389,15 @@ export function installRightTabs(ctx, { diagnostics = false } = {}) {
                                     setCleanupRetrying(false);
                                 }
                             }, children: t('marivo.presentation.delete-report-retry-cleanup') })), cleanupError && _jsx("p", { children: t('marivo.presentation.delete-report-cleanup-failed') })] })) : (_jsxs(_Fragment, { children: [page.target.kind === 'reports' && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "rt-heading-row", children: [_jsx("h2", { className: "rt-heading", children: t(labels[page.target.kind]) }), page.target.kind === 'reports' && (_jsx(Button, { variant: "outline", type: "button", disabled: catalog.loading, onClick: () => void page.refresh(), children: t('marivo.presentation.refresh') }))] }), _jsx("p", { className: "rt-caption", children: workspaces.find((w) => w.workspaceId === page.target.workspaceId)?.title ??
-                                        page.target.workspaceId })] })), state.newer && (_jsx(Alert, { role: "status", className: "rt-notice", children: _jsxs(AlertDescription, { children: [t('marivo.navigation.a-newer-version-exists-the-current-view-is-unchanged'), _jsx(Button, { variant: "outline", type: "button", onClick: () => void page.refresh(), children: t('marivo.navigation.view-new-version') })] }) })), state.notice && _jsx("p", { role: "status", children: t(state.notice) }), page.target.kind === 'reports' && (_jsx(ReportCatalogView, { model: page.catalog, reader: catalogReader, sessions: sessions, onOpenSession: (id) => ctx.uiWorkspace.openSession(id) })), page.target.kind === 'semantic' && (_jsx(SemanticBrowserPanel, { model: page.semantic, onAsk: canAsk ? () => page.semantic.addToQuestion(ctx, page.sessionId) : undefined, workspaces: workspaces })), page.target.kind === 'datasources' && (_jsx(CredentialPanel, { model: page.datasources, workspaces: workspaces, onRefresh: () => void page.refresh() })), page.target.kind === 'report' && (_jsxs(_Fragment, { children: [report.loading && _jsx("p", { role: "status", children: t('marivo.navigation.loading-report') }), report.error && (_jsxs("div", { role: "alert", children: [_jsx("p", { children: t(report.error) }), _jsx(Button, { variant: "outline", type: "button", onClick: () => void page.refresh(), children: t('marivo.navigation.reload-report') })] })), report.historyOpen && (_jsx(ReportHistoryPanel, { state: report, model: historyModel, sessions: sessions, onOpenSession: (id) => ctx.uiWorkspace.openSession(id), onClose: () => void page.reader.toggleHistory() })), report.analysisDocument && (_jsxs("div", { className: "rt-report-surface", children: [!revisionInProgress && (_jsx("div", { className: "rt-toolbar", children: _jsx(ReportActions, { document: report.analysisDocument, onHistory: () => void page.reader.toggleHistory(), onDelete: (isCurrent) => deleteReport(ctx, rpc, page, tab, report.analysisDocument, isCurrent, deleted), refreshLocked: refreshLocks.has(page.sessionId), onRefreshData: (isCurrent) => refreshReport(page, tab, report.analysisDocument, isCurrent), isCurrent: () => !tab.signal.aborted &&
+                                        page.target.workspaceId })] })), state.newer && (_jsx(Alert, { role: "status", className: "rt-notice", children: _jsxs(AlertDescription, { children: [t('marivo.navigation.a-newer-version-exists-the-current-view-is-unchanged'), _jsx(Button, { variant: "outline", type: "button", onClick: () => void page.refresh(), children: t('marivo.navigation.view-new-version') })] }) })), state.notice && _jsx("p", { role: "status", children: t(state.notice) }), page.target.kind === 'reports' && (_jsx(ReportCatalogView, { model: page.catalog, reader: catalogReader, sessions: sessions, onOpenSession: (id) => ctx.uiWorkspace.openSession(id) })), page.target.kind === 'semantic' && (_jsx(SemanticBrowserPanel, { model: page.semantic, onAsk: canAsk ? () => page.semantic.addToQuestion(ctx, page.sessionId) : undefined, workspaces: workspaces })), page.target.kind === 'datasources' && (_jsx(CredentialPanel, { model: page.datasources, workspaces: workspaces, initialSection: tab.navigation.params?.credentialSection === 'credentials'
+                                ? 'credentials'
+                                : 'datasources', onRefresh: () => void page.refresh() }, tab.navigation.revision)), page.target.kind === 'report' && (_jsxs(_Fragment, { children: [report.loading && _jsx("p", { role: "status", children: t('marivo.navigation.loading-report') }), report.error && (_jsxs("div", { role: "alert", children: [_jsx("p", { children: t(report.error) }), _jsx(Button, { variant: "outline", type: "button", onClick: () => void page.refresh(), children: t('marivo.navigation.reload-report') })] })), report.historyOpen && (_jsx(ReportHistoryPanel, { state: report, model: historyModel, sessions: sessions, onOpenSession: (id) => ctx.uiWorkspace.openSession(id), onClose: () => void page.reader.toggleHistory() })), report.analysisDocument && (_jsxs("div", { className: "rt-report-surface", children: [!revisionInProgress && (_jsx("div", { className: "rt-toolbar", children: _jsx(ReportActions, { document: report.analysisDocument, rpc: rpc, signal: tab.signal, onOpenPublishingCredentials: () => act(page, () => {
+                                                    const { workspaceId } = page.target;
+                                                    check(page.sessionId, workspaceId);
+                                                    tab.actions.openTab(directoryKind('datasources'), {
+                                                        params: { workspaceId, credentialSection: 'credentials' },
+                                                    });
+                                                }), onHistory: () => void page.reader.toggleHistory(), onDelete: (isCurrent) => deleteReport(ctx, rpc, page, tab, report.analysisDocument, isCurrent, deleted), refreshLocked: refreshLocks.has(page.sessionId), onRefreshData: (isCurrent) => refreshReport(page, tab, report.analysisDocument, isCurrent), isCurrent: () => !tab.signal.aborted &&
                                                     !page.getSnapshot().error &&
                                                     page.reader.getSnapshot().analysisDocument ===
                                                         report.analysisDocument &&

package/lib/client/right-tabs/report-actions.js

@@ -6,11 +6,26 @@ import { useCopy } from "../i18n/context.js";
 import { Button, IconButton } from "../ui/controls.js";
 import { useThemedPortal } from "../ui/portal.js";
 import { useExportHtml } from "./export-html.js";
-export function ReportActions({ document, isCurrent, onHistory, refreshLocked, onRefreshData, onDelete, }) {
+import { useReportPublishing } from "./report-publishing.js";
+const deliveryLabels = {
+    checking: 'marivo.presentation.report-delivery-checking',
+    unavailable: 'marivo.presentation.report-delivery-unavailable',
+    download: 'marivo.presentation.export-html',
+    publish: 'marivo.presentation.publish-report',
+};
+export function ReportActions({ document, isCurrent, onHistory, refreshLocked, onRefreshData, onDelete, rpc, signal, onOpenPublishingCredentials, }) {
     const t = useCopy();
     const source = useRef(null);
     const container = useThemedPortal(source);
     const { status, download, dismiss } = useExportHtml({ document, isCurrent });
+    const publishing = useReportPublishing({ rpc, document, signal, isCurrent });
+    const publication = publishing.status;
+    const deliveryBusy = status === 'working' || publication?.kind === 'working';
+    const deliveryLabel = status === 'working'
+        ? 'marivo.presentation.exporting-html'
+        : publication?.kind === 'working'
+            ? 'marivo.presentation.publishing-report'
+            : deliveryLabels[publishing.mode];
     const [refreshStatus, setRefreshStatus] = useState();
     const pending = useRef(false);
     const [confirmDelete, setConfirmDelete] = useState(false);
@@ -48,7 +63,18 @@ export function ReportActions({ document, isCurrent, onHistory, refreshLocked, o
             pending.current = false;
         }
     };
-    return (_jsxs(_Fragment, { children: [_jsxs(DropdownMenu.Root, { children: [_jsx("span", { ref: source, children: _jsx(DropdownMenu.Trigger, { asChild: true, children: _jsx(IconButton, { label: t('marivo.presentation.report-actions'), variant: "ghost", children: _jsx(Ellipsis, { "aria-hidden": "true" }) }) }) }), _jsx(DropdownMenu.Portal, { container: container, children: _jsxs(DropdownMenu.Content, { align: "end", sideOffset: 4, className: "rt-actions-menu", children: [_jsx(DropdownMenu.Item, { className: "rt-actions-item", disabled: refreshLocked, onSelect: () => void refresh(), children: t('marivo.presentation.refresh-data') }), _jsx(DropdownMenu.Item, { className: "rt-actions-item", onSelect: () => setConfirmDelete(true), children: t('marivo.presentation.delete-report') }), _jsx(DropdownMenu.Item, { className: "rt-actions-item", onSelect: onHistory, children: t('marivo.presentation.history') }), _jsx(DropdownMenu.Item, { className: "rt-actions-item", disabled: status === 'working', onSelect: () => void download(), children: t(status === 'working'
-                                        ? 'marivo.presentation.exporting-html'
-                                        : 'marivo.presentation.export-html') })] }) })] }), _jsx(Dialog.Root, { open: confirmDelete, onOpenChange: (open) => !deleting && setConfirmDelete(open), children: _jsxs(Dialog.Portal, { container: container, children: [_jsx(Dialog.Overlay, { className: "rt-dialog-overlay" }), _jsxs(Dialog.Content, { className: "rt-dialog", children: [_jsx(Dialog.Title, { children: t('marivo.presentation.delete-report-confirm') }), _jsxs(Dialog.Description, { children: [document.title, " \u2014 ", t('marivo.presentation.delete-report-description')] }), _jsxs("div", { className: "rt-dialog-actions", children: [_jsx(Button, { type: "button", variant: "outline", disabled: deleting, onClick: () => setConfirmDelete(false), children: t('marivo.presentation.delete-report-cancel') }), _jsx(Button, { type: "button", variant: "destructive", disabled: deleting, onClick: () => void remove(), children: t('marivo.presentation.delete-report') })] })] })] }) }), deleteStatus && (_jsxs("div", { className: "rt-export-notice rt-export-notice-error", role: "alert", children: [_jsx(CircleAlert, { "aria-hidden": "true" }), _jsx("span", { children: t(`marivo.presentation.delete-report-${deleteStatus}`) }), _jsx(IconButton, { label: t('marivo.presentation.delete-report-dismiss'), variant: "ghost", onClick: () => setDeleteStatus(undefined), children: _jsx(X, { "aria-hidden": "true" }) })] })), refreshStatus && (_jsxs("div", { className: `rt-export-notice${refreshStatus === 'accepted' ? '' : ' rt-export-notice-error'}`, children: [refreshStatus === 'accepted' ? (_jsx(CheckCircle2, { "aria-hidden": "true" })) : (_jsx(CircleAlert, { "aria-hidden": "true" })), _jsx("span", { role: refreshStatus === 'accepted' ? 'status' : 'alert', children: t(`marivo.presentation.refresh-data-${refreshStatus}`) }), _jsx(IconButton, { label: t('marivo.presentation.refresh-data-dismiss'), variant: "ghost", onClick: () => setRefreshStatus(undefined), children: _jsx(X, { "aria-hidden": "true" }) })] })), status === 'success' && (_jsxs("div", { className: "rt-export-notice", role: "status", children: [_jsx(CheckCircle2, { "aria-hidden": "true" }), t('marivo.presentation.export-html-started')] })), status === 'failed' && (_jsxs("div", { className: "rt-export-notice rt-export-notice-error", children: [_jsx(CircleAlert, { "aria-hidden": "true" }), _jsx("span", { role: "alert", children: t('marivo.presentation.export-html-failed') }), _jsx(IconButton, { label: t('marivo.presentation.export-html-dismiss'), variant: "ghost", onClick: dismiss, children: _jsx(X, { "aria-hidden": "true" }) })] }))] }));
+    return (_jsxs(_Fragment, { children: [_jsxs(DropdownMenu.Root, { onOpenChange: (open) => {
+                    if (open)
+                        void publishing.check();
+                }, children: [_jsx("span", { ref: source, children: _jsx(DropdownMenu.Trigger, { asChild: true, children: _jsx(IconButton, { label: t('marivo.presentation.report-actions'), variant: "ghost", children: _jsx(Ellipsis, { "aria-hidden": "true" }) }) }) }), _jsx(DropdownMenu.Portal, { container: container, children: _jsxs(DropdownMenu.Content, { align: "end", sideOffset: 4, className: "rt-actions-menu", children: [_jsx(DropdownMenu.Item, { className: "rt-actions-item", disabled: refreshLocked, onSelect: () => void refresh(), children: t('marivo.presentation.refresh-data') }), _jsx(DropdownMenu.Item, { className: "rt-actions-item", onSelect: () => setConfirmDelete(true), children: t('marivo.presentation.delete-report') }), _jsx(DropdownMenu.Item, { className: "rt-actions-item", onSelect: onHistory, children: t('marivo.presentation.history') }), _jsx(DropdownMenu.Item, { className: "rt-actions-item", disabled: deliveryBusy || publishing.mode === 'checking' || publishing.mode === 'unavailable', onSelect: () => {
+                                        if (publishing.mode === 'publish')
+                                            void publishing.publish();
+                                        else if (publishing.mode === 'download')
+                                            void download();
+                                    }, children: t(deliveryLabel) })] }) })] }), _jsx(Dialog.Root, { open: confirmDelete, onOpenChange: (open) => !deleting && setConfirmDelete(open), children: _jsxs(Dialog.Portal, { container: container, children: [_jsx(Dialog.Overlay, { className: "rt-dialog-overlay" }), _jsxs(Dialog.Content, { className: "rt-dialog", children: [_jsx(Dialog.Title, { children: t('marivo.presentation.delete-report-confirm') }), _jsxs(Dialog.Description, { children: [document.title, " \u2014 ", t('marivo.presentation.delete-report-description')] }), _jsxs("div", { className: "rt-dialog-actions", children: [_jsx(Button, { type: "button", variant: "outline", disabled: deleting, onClick: () => setConfirmDelete(false), children: t('marivo.presentation.delete-report-cancel') }), _jsx(Button, { type: "button", variant: "destructive", disabled: deleting, onClick: () => void remove(), children: t('marivo.presentation.delete-report') })] })] })] }) }), deleteStatus && (_jsxs("div", { className: "rt-export-notice rt-export-notice-error", role: "alert", children: [_jsx(CircleAlert, { "aria-hidden": "true" }), _jsx("span", { children: t(`marivo.presentation.delete-report-${deleteStatus}`) }), _jsx(IconButton, { label: t('marivo.presentation.delete-report-dismiss'), variant: "ghost", onClick: () => setDeleteStatus(undefined), children: _jsx(X, { "aria-hidden": "true" }) })] })), refreshStatus && (_jsxs("div", { className: `rt-export-notice${refreshStatus === 'accepted' ? '' : ' rt-export-notice-error'}`, children: [refreshStatus === 'accepted' ? (_jsx(CheckCircle2, { "aria-hidden": "true" })) : (_jsx(CircleAlert, { "aria-hidden": "true" })), _jsx("span", { role: refreshStatus === 'accepted' ? 'status' : 'alert', children: t(`marivo.presentation.refresh-data-${refreshStatus}`) }), _jsx(IconButton, { label: t('marivo.presentation.refresh-data-dismiss'), variant: "ghost", onClick: () => setRefreshStatus(undefined), children: _jsx(X, { "aria-hidden": "true" }) })] })), status === 'success' && (_jsxs("div", { className: "rt-export-notice", role: "status", children: [_jsx(CheckCircle2, { "aria-hidden": "true" }), t('marivo.presentation.export-html-started')] })), status === 'failed' && (_jsxs("div", { className: "rt-export-notice rt-export-notice-error", children: [_jsx(CircleAlert, { "aria-hidden": "true" }), _jsx("span", { role: "alert", children: t('marivo.presentation.export-html-failed') }), _jsx(IconButton, { label: t('marivo.presentation.export-html-dismiss'), variant: "ghost", onClick: dismiss, children: _jsx(X, { "aria-hidden": "true" }) })] })), publication && publication.kind !== 'working' && (_jsxs("div", { className: `rt-export-notice${publication.kind === 'success' ? '' : ' rt-export-notice-error'}`, children: [publication.kind === 'success' ? (_jsx(CheckCircle2, { "aria-hidden": "true" })) : (_jsx(CircleAlert, { "aria-hidden": "true" })), _jsxs("div", { className: "rt-publishing-details", children: [_jsx("span", { role: publication.kind === 'success' ? 'status' : 'alert', children: t(`marivo.presentation.publish-report-${publication.kind}`) }), publication.kind === 'success' && (_jsx("a", { href: publication.url, target: "_blank", rel: "noopener noreferrer", children: t('marivo.presentation.open-published-report') })), publication.kind === 'credentials-missing' && (_jsx(Button, { variant: "link", type: "button", onClick: () => {
+                                    if (!isCurrent())
+                                        return;
+                                    publishing.dismiss();
+                                    onOpenPublishingCredentials();
+                                }, children: t('marivo.presentation.open-publishing-credentials') }))] }), _jsx(IconButton, { label: t('marivo.presentation.publish-report-dismiss'), variant: "ghost", onClick: publishing.dismiss, children: _jsx(X, { "aria-hidden": "true" }) })] }))] }));
 }

package/lib/client/right-tabs/report-publishing.js

@@ -0,0 +1,107 @@
+import { useEffect, useRef, useState } from 'react';
+import { z } from 'zod';
+import { savedReportRef } from "../../presentation/contracts/report-ref.js";
+import { publishingCredentialResultSchema, REPORT_PUBLISHING_CHANNEL, } from "../../report-publishing/credential-contract.js";
+const publicationResult = z.discriminatedUnion('ok', [
+    z.object({
+        ok: z.literal(true),
+        value: z.object({
+            url: z.url({ protocol: /^https?$/ }),
+            workspaceId: z.string(),
+            reportId: z.string(),
+            buildId: z.string(),
+        }),
+    }),
+    z.object({ ok: z.literal(false), error: z.object({ message: z.string() }) }),
+]);
+const failures = {
+    'report-publishing-credentials-missing': 'credentials-missing',
+    'report-publishing-config-changed': 'config-changed',
+    'report-publishing-disabled': 'config-changed',
+    'report-publishing-upload-unconfirmed': 'unconfirmed',
+};
+export function useReportPublishing({ rpc, document, signal, isCurrent, }) {
+    const [config, setConfig] = useState();
+    const [status, setStatus] = useState();
+    const active = useRef();
+    useEffect(() => () => active.current?.abort(), []);
+    const { workspaceId, reportId, buildId } = document;
+    async function run(operation) {
+        if (active.current || signal.aborted || !isCurrent())
+            return;
+        const controller = new AbortController();
+        active.current = controller;
+        try {
+            await operation(AbortSignal.any([signal, controller.signal]));
+        }
+        finally {
+            active.current = undefined;
+        }
+    }
+    const canUpdate = (operationSignal) => !operationSignal.aborted && isCurrent();
+    async function check() {
+        await run(async (operationSignal) => {
+            setConfig(undefined);
+            try {
+                const response = publishingCredentialResultSchema.parse(await rpc.call(REPORT_PUBLISHING_CHANNEL, 'describe', { workspaceId }, operationSignal));
+                if (canUpdate(operationSignal))
+                    setConfig(response.ok ? response.value : 'unavailable');
+            }
+            catch {
+                if (canUpdate(operationSignal))
+                    setConfig('unavailable');
+            }
+        });
+    }
+    async function publish() {
+        if (!config || config === 'unavailable' || !config.enabled)
+            return;
+        await run(async (operationSignal) => {
+            if (config.fields.some((field) => field.required && !field.configured)) {
+                setStatus({ kind: 'credentials-missing' });
+                return;
+            }
+            setStatus({ kind: 'working' });
+            try {
+                const response = publicationResult.parse(await rpc.call(REPORT_PUBLISHING_CHANNEL, 'publish', {
+                    workspaceId,
+                    configId: config.configId,
+                    ref: savedReportRef({ workspaceId, reportId, buildId }),
+                }, operationSignal));
+                if (!canUpdate(operationSignal))
+                    return;
+                if (!response.ok) {
+                    const code = response.error.message;
+                    setStatus({
+                        kind: Object.hasOwn(failures, code)
+                            ? failures[code]
+                            : 'failed',
+                    });
+                    return;
+                }
+                const receipt = response.value;
+                if (receipt.workspaceId !== workspaceId ||
+                    receipt.reportId !== reportId ||
+                    receipt.buildId !== buildId)
+                    throw new Error('publication-owner-mismatch');
+                setStatus({ kind: 'success', url: receipt.url });
+            }
+            catch {
+                if (canUpdate(operationSignal))
+                    setStatus({ kind: 'unconfirmed' });
+            }
+            finally {
+                if (!operationSignal.aborted)
+                    setStatus((current) => (current?.kind === 'working' ? undefined : current));
+            }
+        });
+    }
+    const mode = config === 'unavailable'
+        ? 'unavailable'
+        : config?.enabled
+            ? 'publish'
+            : config
+                ? 'download'
+                : 'checking';
+    return { mode, status, check, publish, dismiss: () => setStatus(undefined) };
+}

package/lib/client/right-tabs/styles.js

@@ -22,6 +22,9 @@ export const rightTabStyles = `
 .rt-export-notice>svg{width:1rem;height:1rem;flex:none;color:var(--primary)}
 .rt-export-notice-error>svg{color:var(--destructive)}
 .rt-export-notice button{width:1.75rem;height:1.75rem;flex:none;margin:-.375rem -.375rem -.375rem 0}
+.rt-publishing-details{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;min-width:0;overflow-wrap:anywhere}
+.rt-publishing-details a{color:var(--primary);text-decoration:underline}
+.rt-publishing-details button{width:auto;height:auto;margin:0;padding:0;white-space:normal;text-align:start}
 .rt-notice{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}
 .rt-page .pd-catalog{padding:0;overflow:auto}
 .rt-page .pd-history{position:static;max-height:300px;margin-bottom:1rem;width:100%}

package/lib/client/ui/styles.generated.js

@@ -686,6 +686,9 @@ export const COMPILED_UI_STYLES = `/*! tailwindcss v4.3.4 | MIT License | https:
 :where(.mv-ui, .mv-ui *).text-balance {
   text-wrap: balance;
 }
+:where(.mv-ui, .mv-ui *).break-words {
+  overflow-wrap: break-word;
+}
 :where(.mv-ui, .mv-ui *).whitespace-normal {
   white-space: normal;
 }