@chengxianglibra/dsh-data-analysis 0.1.2 → 0.2.0

package/lib/client/credentials/model.js

@@ -1,21 +1,36 @@
+import { credentialRevisionSchema } from "../../datasource/changes-contract.js";
+import { PendingTasks } from "../../lifecycle.js";
+import { CopyError, errorMessage, message } from "./../i18n/copy.js";
 const CHANNEL = '/dsh-data-analysis-credentials';
 const STORAGE_KEY = 'marivo-credential-operation';
 const messages = {
-    'context-changed': 'Workspace 或数据源定义已变化，请重新读取后操作。',
-    'credentials-changed': '凭证配置已变化，请重新读取后验证。',
-    'call-ended': '原调用已结束，已保存的值仍保留；请重新发起任务。',
-    'credential-missing': '凭证尚未配齐，请补填后验证。',
-    'credential-save-failed': '部分凭证保存失败；已成功保存的项目保留。',
-    'operation-busy': '该操作正在进行，请等待结果。',
-    'credential-state-unavailable': '暂时无法读取凭证状态，请稍后重试。',
-    'capacity-exceeded': '当前操作数量达到上限，请稍后重试。',
-    'datasource-already-exists': '该数据源已存在，请使用其他名称。',
-    'datasource-definition-invalid': '数据源定义无效，请检查名称、字段类型和凭证引用。',
-    'datasource-credential-ref-invalid': '凭证引用名称无效。*_env 字段填写引用名（如 MY_DB_PASSWORD），仅可使用字母、数字和下划线，且不能以数字开头；不能使用 MARIVO_、DSH_DATA_ANALYSIS_ 前缀或 Host 保留名称。实际用户名和密码请在创建后的“新增凭证”中填写。',
-    'datasource-authoring-unavailable': '当前 Runtime 不支持新增数据源。',
+    'datasource-remove-unavailable': 'marivo.credentials.this-runtime-does-not-support-datasource-deletion',
+    'datasource-not-removable': 'marivo.credentials.this-datasource-is-not-a-removable-project-local-definition',
+    'datasource-remove-failed': 'marivo.credentials.datasource-deletion-is-unconfirmed-refresh-the-list-to-check',
+    'credential-delete-failed': 'marivo.credentials.datasource-deleted-but-some-credentials-could-not-be-deleted',
+    'datasource-config-changed': 'marivo.credentials.configuration-changed-reopen-the-editor-before-saving',
+    'datasource-identity-fixed': 'marivo.credentials.datasource-name-and-engine-cannot-be-changed',
+    'context-changed': 'marivo.credentials.workspace-or-datasource-definition-changed-reload-before-continuing',
+    'credentials-changed': 'marivo.credentials.credential-configuration-changed-reload-before-validating',
+    'call-ended': 'marivo.credentials.the-original-call-ended-saved-values-remain-start-the',
+    'credential-missing': 'marivo.credentials.some-credentials-are-missing-complete-them-before-validating',
+    'credential-save-failed': 'marivo.credentials.some-credentials-could-not-be-saved-successfully-saved-entries',
+    'operation-busy': 'marivo.credentials.this-operation-is-in-progress-wait-for-its-result',
+    'credential-state-unavailable': 'marivo.credentials.credential-status-is-temporarily-unavailable-retry-later',
+    'capacity-exceeded': 'marivo.credentials.the-operation-limit-has-been-reached-retry-later',
+    'datasource-already-exists': 'marivo.credentials.this-datasource-already-exists-choose-another-name',
+    'datasource-definition-invalid': 'marivo.credentials.invalid-datasource-definition-check-the-name-field-types-and',
+    'datasource-credential-ref-invalid': 'marivo.credentials.invalid-credential-reference-in-env-fields-enter-a-reference',
+    'datasource-authoring-unavailable': 'marivo.credentials.this-runtime-does-not-support-datasource-creation',
+    'datasource-defaults-invalid': 'marivo.credentials.invalid-datasourcedefaults-format-use-a-json-mapping-from-engines',
+    'datasource-defaults-backend-invalid': 'marivo.credentials.datasourcedefaults-contains-an-engine-unsupported-by-the-current-runtime',
+    'datasource-defaults-field-invalid': 'marivo.credentials.datasourcedefaults-contains-a-field-unsupported-by-the-current-runtime',
+    'datasource-defaults-type-invalid': 'marivo.credentials.datasourcedefaults-field-types-do-not-match-the-current-runtime',
+    'datasource-defaults-credential-forbidden': 'marivo.credentials.datasourcedefaults-does-not-support-credential-reference-fields-use-the',
 };
 export function credentialMessage(code) {
-    return messages[code] ?? '凭证操作失败，请检查配置后重试。';
+    return (messages[code] ??
+        'marivo.credentials.credential-operation-failed-check-the-configuration-and-retry');
 }
 class CredentialResponseError extends Error {
     code;
@@ -52,17 +67,21 @@ export class CredentialClientModel {
         operations: [],
         outcomes: {},
     };
+    #changes;
+    #watchTasks = new PendingTasks();
     #rpc;
     #storage;
     #listeners = new Set();
     #lifetime = new AbortController();
+    #suspended = false;
     #watch;
     #read;
     #refresh;
     #polls = new Map();
     #operations = new Map();
     #opened = new Set();
-    constructor(rpc, storage) {
+    constructor(rpc, storage, changes) {
+        this.#changes = changes;
         this.#rpc = rpc;
         this.#storage = storage;
     }
@@ -86,12 +105,23 @@ export class CredentialClientModel {
             throw new CredentialResponseError(result.error?.message ?? '');
         return result.value;
     }
-    show(workspaceId) {
+    async publishingCredentials(endpoint, workspaceId, payload, signal) {
+        const result = (await this.#rpc.call('/dsh-report-publishing', endpoint, { workspaceId, ...payload }, AbortSignal.any([signal, this.#lifetime.signal])));
+        if (!result.ok)
+            throw new Error(result.error?.message === 'report-publishing-config-changed'
+                ? 'report-publishing-config-changed'
+                : 'report-publishing-credential-operation-failed');
+        return result.value;
+    }
+    async show(workspaceId, selectedToken) {
+        this.#suspended = false;
         this.#patch({ open: true, requestId: '' });
-        void this.selectWorkspace(workspaceId);
+        for (const entry of this.#operations.values())
+            void this.#query(entry.handle);
+        await this.selectWorkspace(workspaceId, selectedToken);
     }
-    async authoring(workspaceId, signal) {
-        return (await this.#call('authoring', { workspaceId }, signal));
+    async authoring(workspaceId, signal, mode = 'create') {
+        return (await this.#call('authoring', { workspaceId, mode }, signal));
     }
     async createDatasource(workspaceId, schema, input) {
         let result;
@@ -111,7 +141,9 @@ export class CredentialClientModel {
                     'context-changed',
                 ].includes(error.code))
                 throw error;
-            throw new Error(`${error instanceof Error ? error.message : '新增数据源失败。'} 如提交结果未确认，请刷新列表核对后再操作。`);
+            throw new CopyError(message('marivo.credentials.value-if-submission-is-unconfirmed-refresh-the-list-to', {
+                p0: error instanceof Error ? errorMessage(error) : 'marivo.credentials.create-failed',
+            }));
         }
         if (!this.#state.open || this.#state.workspaceId !== workspaceId)
             return;
@@ -122,11 +154,102 @@ export class CredentialClientModel {
         if (created)
             this.select(created.token);
     }
+    async configuration(workspaceId, name, signal) {
+        return (await this.#call('configuration', { workspaceId, name }, signal));
+    }
+    async saveConfiguration(workspaceId, schema, input, original, requestId, changes = {}) {
+        try {
+            let result;
+            try {
+                result = (await this.#call(original ? 'update-datasource' : 'create-datasource', {
+                    workspaceId,
+                    generation: schema.generation,
+                    fingerprint: schema.fingerprint,
+                    ...input,
+                    ...(original ? { name: original.name, version: original.version } : {}),
+                    ...(requestId ? { requestId } : {}),
+                }));
+            }
+            catch (error) {
+                if (error instanceof CredentialResponseError &&
+                    [
+                        'datasource-credential-ref-invalid',
+                        'datasource-already-exists',
+                        'datasource-config-changed',
+                        'datasource-identity-fixed',
+                        'context-changed',
+                        'operation-busy',
+                    ].includes(error.code))
+                    throw error;
+                throw new CopyError(message('marivo.credentials.value-if-saving-is-unconfirmed-reload-the-configuration-to', {
+                    p0: error instanceof Error ? errorMessage(error) : 'marivo.credentials.save-failed',
+                }));
+            }
+            if (!this.#state.open ||
+                this.#state.workspaceId !== workspaceId ||
+                (requestId && this.#state.requestId !== requestId))
+                return;
+            if (result.request) {
+                this.#acceptRequest(result.request);
+                const context = result.request.context;
+                if (context) {
+                    this.#checkCredentialWrites(context, changes);
+                    const ready = context.refs.every((ref) => context.credentials[ref]?.configured || changes[ref]);
+                    if (ready || Object.keys(changes).length)
+                        await this.start(context, 'submit', changes);
+                }
+            }
+            else {
+                await this.selectWorkspace(workspaceId);
+                if (this.#state.workspaceId !== workspaceId)
+                    return;
+                const selected = this.#state.datasources.find((item) => item.name === result.name);
+                if (selected) {
+                    this.select(selected.token);
+                    this.#checkCredentialWrites(selected, changes);
+                    if (Object.keys(changes).length)
+                        await this.start(selected, 'save', changes);
+                }
+            }
+        }
+        finally {
+            for (const ref of Object.keys(changes))
+                delete changes[ref];
+        }
+    }
+    #checkCredentialWrites(context, changes) {
+        if (Object.keys(changes).some((ref) => context.credentials[ref]?.configured))
+            throw new Error('marivo.credentials.configuration-saved-but-the-reference-already-exists-existing-credentials');
+    }
+    #acceptRequest(request) {
+        this.#patch({
+            requests: [...this.#state.requests.filter((item) => item.id !== request.id), request],
+        });
+    }
+    async selectConfiguration(workspaceId, requestId, name) {
+        const request = (await this.#call('select-configuration', {
+            workspaceId,
+            requestId,
+            name,
+        }));
+        if (this.#state.workspaceId !== workspaceId ||
+            this.#state.requestId !== requestId ||
+            !this.#state.open)
+            return;
+        this.#acceptRequest(request);
+    }
     close() {
         this.#read?.abort();
         this.#refresh?.abort();
         this.#patch({ open: false, loading: false });
     }
+    suspend() {
+        this.#suspended = true;
+        for (const controller of this.#polls.values())
+            controller.abort();
+        this.#polls.clear();
+        this.close();
+    }
     openRequest(id) {
         this.#read?.abort();
         this.#refresh?.abort();
@@ -135,12 +258,12 @@ export class CredentialClientModel {
     select(token) {
         this.#patch({ selected: token, requestId: '', error: '' });
     }
-    async selectWorkspace(workspaceId) {
+    async selectWorkspace(workspaceId, selectedToken) {
         this.#read?.abort();
         this.#refresh?.abort();
         const flight = new AbortController();
         this.#read = flight;
-        const selected = this.#state.workspaceId === workspaceId ? this.#state.selected : '';
+        const selected = selectedToken ?? (this.#state.workspaceId === workspaceId ? this.#state.selected : '');
         const activity = new Map([...Object.values(this.#state.outcomes), ...this.#operations.values()].map((entry) => [
             entry.handle.scope,
             entry.handle.id,
@@ -173,10 +296,46 @@ export class CredentialClientModel {
             if (!flight.signal.aborted)
                 this.#patch({
                     loading: false,
-                    error: error instanceof Error ? error.message : '无法读取凭证状态。',
+                    error: error instanceof Error
+                        ? errorMessage(error)
+                        : 'marivo.credentials.cannot-read-credential-status',
                 });
         }
     }
+    /** Receive the shared Host watch without sharing a tab's selection or form state. */
+    syncRequests(sessionId, state) {
+        const requests = state.requests.filter((request) => request.sessionId === sessionId);
+        const changed = JSON.stringify(requests) !== JSON.stringify(this.#state.requests) ||
+            state.generation !== this.#state.generation ||
+            state.revision !== this.#state.revision;
+        this.#patch({ sessionId, requests, generation: state.generation, revision: state.revision });
+        if (changed && this.#state.open)
+            void this.refreshDatasources();
+    }
+    async refreshDatasources() {
+        const workspaceId = this.#state.workspaceId;
+        if (!workspaceId || !this.#state.open)
+            return;
+        this.#refresh?.abort();
+        const flight = new AbortController();
+        this.#refresh = flight;
+        try {
+            const value = (await this.#call('overview', { workspaceId }, flight.signal));
+            if (!flight.signal.aborted && this.#state.open && this.#state.workspaceId === workspaceId) {
+                const name = this.#state.datasources.find((item) => item.token === this.#state.selected)?.name;
+                this.#patch({
+                    datasources: value.datasources,
+                    generation: value.generation,
+                    selected: value.datasources.find((item) => item.name === name)?.token ??
+                        value.datasources[0]?.token ??
+                        '',
+                });
+            }
+        }
+        catch {
+            /* Keep the visible form; explicit refresh can surface read failures. */
+        }
+    }
     session(sessionId) {
         if (sessionId === this.#state.sessionId && this.#watch)
             return;
@@ -187,30 +346,106 @@ export class CredentialClientModel {
         this.#watch = controller;
         this.#patch({ sessionId, requests: [], requestId: '', open: false });
         if (sessionId)
-            void this.#watchSession(sessionId, controller.signal);
+            void this.#watchTasks.track(this.#watchSession(sessionId, controller.signal));
     }
-    async #watchSession(sessionId, signal) {
-        let cursor, attempt = 0;
-        while (!signal.aborted && !this.#lifetime.signal.aborted) {
-            try {
-                const value = (await this.#call('watch', { sessionId, ...(cursor ? { cursor } : {}) }, signal));
-                if (signal.aborted)
-                    return;
-                cursor = value.cursor;
-                attempt = 0;
-                this.#patch({ generation: value.generation, requests: value.requests });
-                const request = value.requests.find((r) => r.endedAt === undefined && !this.#opened.has(r.id));
-                if (request) {
-                    this.#opened.add(request.id);
-                    this.openRequest(request.id);
+    async #watchSession(sessionId, caller) {
+        const lifetime = new AbortController();
+        const signal = AbortSignal.any([caller, lifetime.signal, this.#lifetime.signal]);
+        let feed;
+        let reading;
+        let pending;
+        const refresh = async () => {
+            let attempt = 0;
+            while (pending && !signal.aborted) {
+                const item = pending;
+                const readSignal = AbortSignal.any([signal, item.signal]);
+                if (readSignal.aborted) {
+                    if (pending === item)
+                        pending = undefined;
+                    continue;
+                }
+                try {
+                    // Never pass a cursor here: this is an immediate snapshot, not a long poll.
+                    const value = (await this.#call('watch', { sessionId }, readSignal));
+                    if (readSignal.aborted)
+                        continue;
+                    credentialRevisionSchema.parse({ generation: value.generation, cursor: value.cursor });
+                    if (value.generation !== item.value.generation)
+                        throw new Error('credential-generation-changed');
+                    const requests = [...value.requests, ...(value.configurationRequests ?? [])];
+                    this.#patch({
+                        generation: value.generation,
+                        revision: value.cursor,
+                        requests,
+                        ...([
+                            'marivo.credentials.credential-request-connection-interrupted-reconnecting-host-waits-remain-subject',
+                            'marivo.credentials.credential-request-notifications-are-unavailable-check-the-host-connection',
+                        ].includes(String(this.#state.error))
+                            ? { error: '' }
+                            : {}),
+                    });
+                    item.accept();
+                    if (pending === item ||
+                        (pending?.signal === item.signal && pending.value.cursor === value.cursor)) {
+                        pending?.accept();
+                        pending = undefined;
+                    }
+                    attempt = 0;
+                    const request = requests.find((r) => r.endedAt === undefined && !this.#opened.has(r.id));
+                    if (request) {
+                        this.#opened.add(request.id);
+                        this.openRequest(request.id);
+                    }
+                }
+                catch {
+                    if (!readSignal.aborted) {
+                        this.#patch({
+                            error: 'marivo.credentials.credential-request-connection-interrupted-reconnecting-host-waits-remain-subject',
+                        });
+                        await delay([1000, 2000, 5000][Math.min(attempt++, 2)], readSignal);
+                    }
                 }
             }
-            catch {
-                if (!signal.aborted) {
-                    this.#patch({ error: '凭证待办连接中断，正在重连；Host 中的等待仍受原调用期限限制。' });
-                    await delay([1000, 2000, 5000][Math.min(attempt++, 2)], signal);
+        };
+        const startRead = () => {
+            if (reading || !pending || signal.aborted)
+                return;
+            reading = refresh().finally(() => {
+                reading = undefined;
+                startRead();
+            });
+        };
+        try {
+            if (!this.#changes)
+                throw new Error('credential-notification-unavailable');
+            feed = this.#changes(sessionId);
+            const stop = () => {
+                void feed?.dispose().catch(() => { });
+            };
+            signal.addEventListener('abort', stop, { once: true });
+            try {
+                for await (const item of feed) {
+                    if (signal.aborted)
+                        break;
+                    credentialRevisionSchema.parse(item.value);
+                    pending = item;
+                    startRead();
                 }
             }
+            finally {
+                signal.removeEventListener('abort', stop);
+            }
+        }
+        catch {
+            if (!signal.aborted)
+                this.#patch({
+                    error: 'marivo.credentials.credential-request-notifications-are-unavailable-check-the-host-connection',
+                });
+        }
+        finally {
+            lifetime.abort();
+            await feed?.dispose().catch(() => { });
+            await reading;
         }
     }
     #persist() {
@@ -229,7 +464,7 @@ export class CredentialClientModel {
     }
     #visible(scope) {
         const selected = this.#state.requestId
-            ? this.#state.requests.find((request) => request.id === this.#state.requestId)?.context.token
+            ? this.#state.requests.find((request) => request.id === this.#state.requestId)?.context?.token
             : this.#state.selected;
         return selected === scope;
     }
@@ -237,7 +472,9 @@ export class CredentialClientModel {
         const scopes = new Set(datasources.map((context) => context.token));
         return Object.fromEntries(Object.entries(this.#state.outcomes)
             .filter(([scope, entry]) => entry.handle.generation === generation &&
-            (entry.workspaceId !== workspaceId || scopes.has(scope)))
+            (entry.workspaceId !== workspaceId ||
+                scopes.has(scope) ||
+                entry.operation?.action === 'delete-datasource'))
             .map(([scope, entry]) => [
             scope,
             scopes.has(scope) && activity.get(scope) === entry.handle.id
@@ -320,7 +557,12 @@ export class CredentialClientModel {
         if (entry)
             this.#patch({ handle: entry.handle, operation: entry.operation, error: entry.error ?? '' });
     }
-    async start(context, action, changes = {}, reference) {
+    dismissOutcome(scope) {
+        const outcomes = { ...this.#state.outcomes };
+        delete outcomes[scope];
+        this.#patch({ outcomes });
+    }
+    async start(context, action, changes = {}, reference, deleteCredentials) {
         if ([...this.#operations.values()].some((entry) => entry.handle.scope === context.token &&
             !entry.error &&
             (!entry.operation || entry.operation.status === 'running'))) {
@@ -370,11 +612,31 @@ export class CredentialClientModel {
                 ...(requestId ? { requestId } : {}),
                 changes,
                 ...(reference ? { reference } : {}),
+                ...(action === 'delete-datasource'
+                    ? { deleteCredentials: deleteCredentials === true }
+                    : {}),
             });
         }
-        catch {
+        catch (error) {
+            if (action === 'delete-datasource' && error instanceof CredentialResponseError) {
+                const entry = this.#operations.get(handle.id);
+                if (entry)
+                    this.#settle({
+                        ...entry,
+                        operation: {
+                            ...operation,
+                            status: 'failed',
+                            phase: 'settled',
+                            errors: [error.code],
+                        },
+                    });
+                await this.#refreshOverview(handle);
+                return;
+            }
             if (this.#state.handle?.id === handle.id && this.#visible(handle.scope))
-                this.#patch({ error: '提交响应未确认，正在查询操作状态；不会重新发送秘密值。' });
+                this.#patch({
+                    error: 'marivo.credentials.submission-response-unconfirmed-checking-operation-status-without-resending-secret',
+                });
         }
         finally {
             for (const ref of Object.keys(changes))
@@ -384,7 +646,8 @@ export class CredentialClientModel {
     }
     async #query(handle) {
         const entry = this.#operations.get(handle.id);
-        if (!entry ||
+        if (this.#suspended ||
+            !entry ||
             entry.error ||
             this.#polls.has(handle.id) ||
             (entry.operation && entry.operation.status !== 'running'))
@@ -399,7 +662,9 @@ export class CredentialClientModel {
                     if (signal.aborted)
                         return;
                     if (!operation) {
-                        const error = '操作状态不可恢复。保存可能已经发生，请重新读取实际配置后决定下一步。';
+                        const error = entry.operation?.action === 'delete-datasource'
+                            ? 'marivo.credentials.deletion-status-cannot-be-recovered-some-deletion-may-have'
+                            : 'marivo.credentials.operation-status-cannot-be-recovered-saving-may-have-occurred';
                         this.#settle({ ...entry, operation: undefined, error });
                         return;
                     }
@@ -413,7 +678,9 @@ export class CredentialClientModel {
                     if (!signal.aborted &&
                         this.#state.handle?.id === handle.id &&
                         this.#visible(handle.scope))
-                        this.#patch({ error: '正在恢复操作结果；已提交的保存不会自动重发。' });
+                        this.#patch({
+                            error: 'marivo.credentials.recovering-operation-results-submitted-saves-will-not-be-resent',
+                        });
                 }
                 await delay(1000, signal);
             }
@@ -458,7 +725,9 @@ export class CredentialClientModel {
             await this.#call('cancel-request', { requestId: id });
         }
         catch (error) {
-            this.#patch({ error: error instanceof Error ? error.message : '调用已结束。' });
+            this.#patch({
+                error: error instanceof Error ? errorMessage(error) : 'marivo.credentials.the-call-has-ended',
+            });
         }
     }
     async cancelOperation(scope) {
@@ -473,7 +742,9 @@ export class CredentialClientModel {
             await this.#call('cancel-operation', handle);
         }
         catch {
-            this.#patch({ error: '无法确认取消结果，请继续查询。' });
+            this.#patch({
+                error: 'marivo.credentials.cancellation-is-unconfirmed-continue-checking-status',
+            });
         }
     }
     reset() {
@@ -490,5 +761,6 @@ export class CredentialClientModel {
         for (const controller of this.#polls.values())
             controller.abort();
         this.#listeners.clear();
+        return this.#watchTasks.drain();
     }
 }

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

@@ -0,0 +1,96 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { useCopy } from "./../i18n/context.js";
+const labels = {
+    accessKeyId: 'Access Key ID',
+    secretAccessKey: 'Secret Access Key',
+    sessionToken: 'Session Token',
+};
+export function ReportPublishingCredentials({ model, workspaceId, }) {
+    const t = useCopy();
+    const [view, setView] = useState();
+    const [editing, setEditing] = useState({});
+    const [deleting, setDeleting] = useState();
+    const [draft, setDraft] = useState({});
+    const [busy, setBusy] = useState(false);
+    const [message, setMessage] = useState('');
+    const [lifetime] = useState(() => new AbortController());
+    useEffect(() => {
+        const abort = new AbortController();
+        void model
+            .publishingCredentials('describe', workspaceId, {}, abort.signal)
+            .then((next) => {
+            if (!abort.signal.aborted)
+                setView(next);
+        })
+            .catch(() => {
+            if (!abort.signal.aborted)
+                setMessage('marivo.credentials.cannot-read-report-publishing-credential-status-reopen-the-page');
+        });
+        return () => abort.abort();
+    }, [model, workspaceId]);
+    useEffect(() => () => lifetime.abort(), [lifetime]);
+    async function change(field, remove) {
+        setBusy(true);
+        setMessage('');
+        try {
+            const next = await model.publishingCredentials(remove ? 'unset' : 'set', workspaceId, {
+                field,
+                configId: view?.configId,
+                ...(remove ? {} : { value: draft[field] }),
+            }, lifetime.signal);
+            if (lifetime.signal.aborted)
+                return;
+            setView(next);
+            setEditing((previous) => ({ ...previous, [field]: false }));
+            setDeleting(undefined);
+            setDraft((previous) => ({ ...previous, [field]: '' }));
+            setMessage(remove
+                ? 'marivo.credentials.saved-value-deleted-status-refreshed'
+                : 'marivo.credentials.saved-the-next-publication-will-use-the-new-credential');
+        }
+        catch (error) {
+            if (!lifetime.signal.aborted)
+                setMessage(error instanceof Error && error.message === 'report-publishing-config-changed'
+                    ? 'marivo.credentials.publishing-configuration-changed-refresh-credential-status-and-enter-values'
+                    : 'marivo.credentials.credential-operation-unconfirmed-refresh-status-before-retrying-credentials-from');
+        }
+        finally {
+            if (!lifetime.signal.aborted)
+                setBusy(false);
+        }
+    }
+    if (!view?.enabled)
+        return message ? _jsx("p", { role: "status", children: t(message) }) : null;
+    return (_jsxs("section", { className: "mc-publishing", "aria-label": t('marivo.credentials.report-publishing-credentials'), children: [_jsxs("h3", { className: "mc-section-heading", children: [t('marivo.credentials.report-publishing-credentials-228'), view.name] }), _jsxs("p", { className: "mc-note", children: ["Bucket\uFF1A", view.bucket, t('marivo.credentials.credentials-are-shared-by-the-current-harness-across-all')] }), _jsx("div", { className: "mc-fields", children: view.fields.map((item) => (_jsxs("fieldset", { className: "mc-field", disabled: busy, "aria-label": item.reference, children: [_jsxs("div", { className: "mc-field-header", children: [_jsxs("div", { className: "mc-field-title", children: [_jsx("h4", { children: item.reference }), _jsxs("p", { children: [t('marivo.credentials.field'), labels[item.field], item.required ? t('marivo.credentials.required') : '', ' ', 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("span", { className: "mc-badge", "data-ready": item.configured, children: item.configured
+                                                ? t('marivo.credentials.configured')
+                                                : t('marivo.credentials.not-configured') }), item.writable && item.configured && (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: () => {
+                                                        setEditing({ ...editing, [item.field]: !editing[item.field] });
+                                                        setDraft({ ...draft, [item.field]: '' });
+                                                    }, children: editing[item.field]
+                                                        ? t('marivo.credentials.cancel-replacement')
+                                                        : t('marivo.credentials.replace') }), _jsx("button", { type: "button", className: "mc-danger", onClick: () => setDeleting(item.field), children: t('marivo.credentials.delete-saved-value') })] }))] })] }), item.writable && (!item.configured || editing[item.field]) && (_jsxs("label", { className: "mc-secret-input", children: [t('marivo.credentials.new-value'), _jsx("input", { id: `report-publishing-${item.field}`, type: "password", autoComplete: "new-password", maxLength: 65536, value: draft[item.field] ?? '', placeholder: t('marivo.credentials.enter-credential-value-127'), onChange: (event) => setDraft({ ...draft, [item.field]: event.target.value }) }), _jsx("button", { type: "button", className: "mc-primary", disabled: !draft[item.field], onClick: () => void change(item.field, false), children: item.configured
+                                        ? t('marivo.credentials.confirm-replacement')
+                                        : t('marivo.credentials.add-credential') })] })), deleting === item.field && (_jsxs("div", { className: "mc-confirm", children: [_jsxs("p", { children: [t('marivo.credentials.confirm-deletion-of'), item.reference, " ", t('marivo.credentials.the-saved-value')] }), _jsx("button", { type: "button", className: "mc-danger", onClick: () => void change(item.field, true), children: t('marivo.credentials.confirm-saved-value-deletion') }), _jsx("button", { type: "button", onClick: () => setDeleting(undefined), children: t('marivo.credentials.keep') })] }))] }, item.field))) }), _jsx("button", { type: "button", disabled: busy, onClick: () => {
+                    setBusy(true);
+                    void model
+                        .publishingCredentials('describe', workspaceId, {}, lifetime.signal)
+                        .then((next) => {
+                        if (!lifetime.signal.aborted) {
+                            setView(next);
+                            setDraft({});
+                            setEditing({});
+                            setDeleting(undefined);
+                            setMessage('marivo.credentials.status-refreshed');
+                        }
+                    })
+                        .catch(() => {
+                        if (!lifetime.signal.aborted)
+                            setMessage('marivo.credentials.refresh-failed-please-retry');
+                    })
+                        .finally(() => {
+                        if (!lifetime.signal.aborted)
+                            setBusy(false);
+                    });
+                }, children: t('marivo.credentials.refresh-credential-status') }), message && _jsx("p", { role: "status", children: t(message) })] }));
+}