@chengxianglibra/dsh-data-analysis 0.1.1 → 0.1.2

package/lib/client/credentials/model.js

@@ -0,0 +1,494 @@
+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 不支持新增数据源。',
+};
+export function credentialMessage(code) {
+    return messages[code] ?? '凭证操作失败，请检查配置后重试。';
+}
+class CredentialResponseError extends Error {
+    code;
+    constructor(code) {
+        super(credentialMessage(code));
+        this.code = code;
+    }
+}
+function delay(ms, signal) {
+    return new Promise((resolve) => {
+        const done = () => {
+            clearTimeout(timer);
+            signal.removeEventListener('abort', done);
+            resolve();
+        };
+        const timer = setTimeout(done, ms);
+        signal.addEventListener('abort', done, { once: true });
+        if (signal.aborted)
+            done();
+    });
+}
+export class CredentialClientModel {
+    #state = {
+        open: false,
+        workspaceId: '',
+        sessionId: '',
+        generation: '',
+        datasources: [],
+        requests: [],
+        requestId: '',
+        selected: '',
+        loading: false,
+        error: '',
+        operations: [],
+        outcomes: {},
+    };
+    #rpc;
+    #storage;
+    #listeners = new Set();
+    #lifetime = new AbortController();
+    #watch;
+    #read;
+    #refresh;
+    #polls = new Map();
+    #operations = new Map();
+    #opened = new Set();
+    constructor(rpc, storage) {
+        this.#rpc = rpc;
+        this.#storage = storage;
+    }
+    getSnapshot = () => this.#state;
+    subscribe = (listener) => {
+        this.#listeners.add(listener);
+        return () => {
+            this.#listeners.delete(listener);
+        };
+    };
+    #patch(change) {
+        if (this.#lifetime.signal.aborted)
+            return;
+        this.#state = { ...this.#state, ...change };
+        for (const listener of this.#listeners)
+            listener();
+    }
+    async #call(endpoint, payload, signal = this.#lifetime.signal) {
+        const result = (await this.#rpc.call(CHANNEL, endpoint, payload, signal));
+        if (!result.ok)
+            throw new CredentialResponseError(result.error?.message ?? '');
+        return result.value;
+    }
+    show(workspaceId) {
+        this.#patch({ open: true, requestId: '' });
+        void this.selectWorkspace(workspaceId);
+    }
+    async authoring(workspaceId, signal) {
+        return (await this.#call('authoring', { workspaceId }, signal));
+    }
+    async createDatasource(workspaceId, schema, input) {
+        let result;
+        try {
+            result = (await this.#call('create-datasource', {
+                workspaceId,
+                generation: schema.generation,
+                fingerprint: schema.fingerprint,
+                ...input,
+            }));
+        }
+        catch (error) {
+            if (error instanceof CredentialResponseError &&
+                [
+                    'datasource-credential-ref-invalid',
+                    'datasource-already-exists',
+                    'context-changed',
+                ].includes(error.code))
+                throw error;
+            throw new Error(`${error instanceof Error ? error.message : '新增数据源失败。'} 如提交结果未确认，请刷新列表核对后再操作。`);
+        }
+        if (!this.#state.open || this.#state.workspaceId !== workspaceId)
+            return;
+        await this.selectWorkspace(workspaceId);
+        if (this.#state.workspaceId !== workspaceId)
+            return;
+        const created = this.#state.datasources.find((item) => item.name === result.name);
+        if (created)
+            this.select(created.token);
+    }
+    close() {
+        this.#read?.abort();
+        this.#refresh?.abort();
+        this.#patch({ open: false, loading: false });
+    }
+    openRequest(id) {
+        this.#read?.abort();
+        this.#refresh?.abort();
+        this.#patch({ open: true, requestId: id, loading: false });
+    }
+    select(token) {
+        this.#patch({ selected: token, requestId: '', error: '' });
+    }
+    async selectWorkspace(workspaceId) {
+        this.#read?.abort();
+        this.#refresh?.abort();
+        const flight = new AbortController();
+        this.#read = flight;
+        const selected = 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,
+        ]));
+        this.#patch({
+            workspaceId,
+            datasources: [],
+            selected: '',
+            requestId: '',
+            loading: !!workspaceId,
+            error: '',
+        });
+        if (!workspaceId)
+            return;
+        try {
+            const value = (await this.#call('overview', { workspaceId }, flight.signal));
+            if (flight.signal.aborted)
+                return;
+            this.#patch({
+                generation: value.generation,
+                datasources: value.datasources,
+                outcomes: this.#currentOutcomes(workspaceId, value.generation, value.datasources, activity),
+                selected: value.datasources.some((item) => item.token === selected)
+                    ? selected
+                    : (value.datasources[0]?.token ?? ''),
+                loading: false,
+            });
+        }
+        catch (error) {
+            if (!flight.signal.aborted)
+                this.#patch({
+                    loading: false,
+                    error: error instanceof Error ? error.message : '无法读取凭证状态。',
+                });
+        }
+    }
+    session(sessionId) {
+        if (sessionId === this.#state.sessionId && this.#watch)
+            return;
+        this.#watch?.abort();
+        this.#read?.abort();
+        this.#refresh?.abort();
+        const controller = new AbortController();
+        this.#watch = controller;
+        this.#patch({ sessionId, requests: [], requestId: '', open: false });
+        if (sessionId)
+            void 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);
+                }
+            }
+            catch {
+                if (!signal.aborted) {
+                    this.#patch({ error: '凭证待办连接中断，正在重连；Host 中的等待仍受原调用期限限制。' });
+                    await delay([1000, 2000, 5000][Math.min(attempt++, 2)], signal);
+                }
+            }
+        }
+    }
+    #persist() {
+        try {
+            const pending = [...this.#operations.values()]
+                .filter((entry) => !entry.error && (!entry.operation || entry.operation.status === 'running'))
+                .map(({ handle, name, workspaceId }) => ({ handle, name, workspaceId }));
+            if (pending.length)
+                this.#storage?.setItem(STORAGE_KEY, JSON.stringify(pending));
+            else
+                this.#storage?.removeItem(STORAGE_KEY);
+        }
+        catch {
+            /* in-memory queries still work */
+        }
+    }
+    #visible(scope) {
+        const selected = this.#state.requestId
+            ? this.#state.requests.find((request) => request.id === this.#state.requestId)?.context.token
+            : this.#state.selected;
+        return selected === scope;
+    }
+    #currentOutcomes(workspaceId, generation, datasources, activity) {
+        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)))
+            .map(([scope, entry]) => [
+            scope,
+            scopes.has(scope) && activity.get(scope) === entry.handle.id
+                ? { ...entry, overviewUpdated: true }
+                : entry,
+        ]));
+    }
+    #activity(scope) {
+        return ([...this.#operations.values()].find((entry) => entry.handle.scope === scope)?.handle.id ??
+            this.#state.outcomes[scope]?.handle.id);
+    }
+    async #refreshOverview(handle) {
+        const { workspaceId, generation, datasources, open, requestId } = this.#state;
+        if (!open ||
+            requestId ||
+            handle.generation !== generation ||
+            !datasources.some((context) => context.token === handle.scope))
+            return;
+        this.#refresh?.abort();
+        const flight = new AbortController(), read = this.#read, activity = new Map(datasources.map((context) => [context.token, this.#activity(context.token)]));
+        this.#refresh = flight;
+        try {
+            const value = (await this.#call('overview', { workspaceId }, flight.signal));
+            if (flight.signal.aborted ||
+                read !== this.#read ||
+                workspaceId !== this.#state.workspaceId ||
+                generation !== this.#state.generation ||
+                value.generation !== generation)
+                return;
+            const current = new Map(this.#state.datasources.map((context) => [context.token, context]));
+            const updated = value.datasources.map((context) => current.has(context.token) && activity.get(context.token) !== this.#activity(context.token)
+                ? current.get(context.token)
+                : context);
+            this.#patch({
+                datasources: updated,
+                outcomes: this.#currentOutcomes(workspaceId, generation, updated, activity),
+                selected: updated.some((context) => context.token === this.#state.selected)
+                    ? this.#state.selected
+                    : (updated[0]?.token ?? ''),
+            });
+        }
+        catch {
+            // Keep the last authoritative overview and scoped outcome if a passive refresh fails.
+        }
+    }
+    #publish(handle, operation) {
+        const entry = this.#operations.get(handle.id);
+        if (!entry)
+            return;
+        if (operation.status !== 'running') {
+            this.#settle({ ...entry, operation });
+            return;
+        }
+        this.#operations.set(handle.id, { ...entry, operation });
+        this.#patch({
+            operations: [...this.#operations.values()],
+            ...(this.#state.handle?.id === handle.id
+                ? { operation, ...(this.#visible(handle.scope) ? { error: '' } : {}) }
+                : {}),
+        });
+        this.#persist();
+    }
+    #settle(entry) {
+        this.#operations.delete(entry.handle.id);
+        this.#patch({
+            operations: [...this.#operations.values()],
+            outcomes: { ...this.#state.outcomes, [entry.handle.scope]: entry },
+            ...(this.#state.handle?.id === entry.handle.id
+                ? {
+                    handle: undefined,
+                    operation: undefined,
+                    ...(this.#visible(entry.handle.scope) ? { error: entry.error ?? '' } : {}),
+                }
+                : {}),
+        });
+        this.#persist();
+    }
+    selectOperation(id) {
+        const entry = this.#operations.get(id);
+        if (entry)
+            this.#patch({ handle: entry.handle, operation: entry.operation, error: entry.error ?? '' });
+    }
+    async start(context, action, changes = {}, reference) {
+        if ([...this.#operations.values()].some((entry) => entry.handle.scope === context.token &&
+            !entry.error &&
+            (!entry.operation || entry.operation.status === 'running'))) {
+            for (const ref of Object.keys(changes))
+                delete changes[ref];
+            this.#patch({ error: credentialMessage('operation-busy') });
+            return;
+        }
+        const outcomes = { ...this.#state.outcomes };
+        delete outcomes[context.token];
+        const handle = {
+            generation: this.#state.generation,
+            id: crypto.randomUUID(),
+            scope: context.token,
+        };
+        const requestId = action === 'submit' || action === 'diagnose' ? this.#state.requestId : undefined;
+        const operation = {
+            id: handle.id,
+            scope: handle.scope,
+            action,
+            status: 'running',
+            phase: 'saving',
+            saved: [],
+            errors: [],
+        };
+        this.#operations.set(handle.id, {
+            handle,
+            name: context.name,
+            workspaceId: context.workspaceId,
+            operation,
+        });
+        this.#patch({
+            handle,
+            operation,
+            operations: [...this.#operations.values()],
+            outcomes,
+            error: '',
+        });
+        this.#persist();
+        try {
+            // Only operation queries publish authoritative progress. A late submit reply cannot
+            // overwrite another operation or an already newer query result for this ID.
+            await this.#call('start', {
+                ...handle,
+                action,
+                version: context.version,
+                ...(requestId ? { requestId } : {}),
+                changes,
+                ...(reference ? { reference } : {}),
+            });
+        }
+        catch {
+            if (this.#state.handle?.id === handle.id && this.#visible(handle.scope))
+                this.#patch({ error: '提交响应未确认，正在查询操作状态；不会重新发送秘密值。' });
+        }
+        finally {
+            for (const ref of Object.keys(changes))
+                delete changes[ref];
+        }
+        await this.#query(handle);
+    }
+    async #query(handle) {
+        const entry = this.#operations.get(handle.id);
+        if (!entry ||
+            entry.error ||
+            this.#polls.has(handle.id) ||
+            (entry.operation && entry.operation.status !== 'running'))
+            return;
+        const controller = new AbortController();
+        this.#polls.set(handle.id, controller);
+        const signal = AbortSignal.any([controller.signal, this.#lifetime.signal]);
+        try {
+            while (!signal.aborted) {
+                try {
+                    const operation = (await this.#call('operation', handle, signal));
+                    if (signal.aborted)
+                        return;
+                    if (!operation) {
+                        const error = '操作状态不可恢复。保存可能已经发生，请重新读取实际配置后决定下一步。';
+                        this.#settle({ ...entry, operation: undefined, error });
+                        return;
+                    }
+                    this.#publish(handle, operation);
+                    if (operation.status !== 'running') {
+                        await this.#refreshOverview(handle);
+                        return;
+                    }
+                }
+                catch {
+                    if (!signal.aborted &&
+                        this.#state.handle?.id === handle.id &&
+                        this.#visible(handle.scope))
+                        this.#patch({ error: '正在恢复操作结果；已提交的保存不会自动重发。' });
+                }
+                await delay(1000, signal);
+            }
+        }
+        finally {
+            if (this.#polls.get(handle.id) === controller)
+                this.#polls.delete(handle.id);
+        }
+    }
+    recover() {
+        try {
+            const raw = this.#storage?.getItem(STORAGE_KEY);
+            if (!raw)
+                return;
+            const entries = JSON.parse(raw);
+            if (!Array.isArray(entries))
+                return;
+            for (const entry of entries) {
+                const handle = entry?.handle;
+                if (!handle ||
+                    ![handle.generation, handle.id, handle.scope].every((v) => typeof v === 'string' && /^[a-f0-9-]{36}$/i.test(v)) ||
+                    typeof entry.name !== 'string')
+                    continue;
+                if (!this.#operations.has(handle.id))
+                    this.#operations.set(handle.id, {
+                        handle,
+                        name: entry.name,
+                        ...(typeof entry.workspaceId === 'string' ? { workspaceId: entry.workspaceId } : {}),
+                    });
+                if (!this.#state.handle)
+                    this.selectOperation(handle.id);
+                void this.#query(handle);
+            }
+            this.#patch({ operations: [...this.#operations.values()] });
+        }
+        catch {
+            /* invalid or unavailable local handles are not replayed */
+        }
+    }
+    async cancelRequest(id) {
+        try {
+            await this.#call('cancel-request', { requestId: id });
+        }
+        catch (error) {
+            this.#patch({ error: error instanceof Error ? error.message : '调用已结束。' });
+        }
+    }
+    async cancelOperation(scope) {
+        const handle = scope
+            ? [...this.#operations.values()].find((entry) => entry.handle.scope === scope &&
+                !entry.error &&
+                (!entry.operation || entry.operation.status === 'running'))?.handle
+            : this.#state.handle;
+        if (!handle)
+            return;
+        try {
+            await this.#call('cancel-operation', handle);
+        }
+        catch {
+            this.#patch({ error: '无法确认取消结果，请继续查询。' });
+        }
+    }
+    reset() {
+        this.#watch?.abort();
+        this.#watch = undefined;
+        this.session(this.#state.sessionId);
+        this.recover();
+    }
+    dispose() {
+        this.#lifetime.abort();
+        this.#watch?.abort();
+        this.#read?.abort();
+        this.#refresh?.abort();
+        for (const controller of this.#polls.values())
+            controller.abort();
+        this.#listeners.clear();
+    }
+}

package/lib/client/credentials/styles.js

@@ -0,0 +1,17 @@
+export const credentialStyles = `
+.mc-input-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;min-width:0}.mc-input-name{font-weight:500;color:var(--mc-text);overflow-wrap:anywhere}.mc-input-description{flex:1 1 200px;min-width:0;font-size:11px;line-height:1.6;color:var(--mc-muted);overflow-wrap:anywhere}
+.mc-dialog{--mc-bg:var(--dsw-alias-surface-primary,#fff);--mc-soft:var(--dsw-alias-interactive-bg-hover,#f5f7f9);--mc-text:var(--dsw-alias-label-primary,#182a33);--mc-muted:var(--dsw-alias-label-secondary,#627580);--mc-border:var(--dsw-alias-border-l2,#dce4e8);--mc-accent:#087b70;--mc-tint:#eaf6f2;--mc-danger:#b04436;--mc-warning:#886217;color:var(--mc-text);background:var(--mc-bg);border:1px solid var(--mc-border);border-radius:16px;width:calc(100vw - 48px);max-width:1060px;height:min(760px,calc(100dvh - 64px));max-height:calc(100dvh - 32px);padding:0;box-shadow:0 28px 100px #0003;pointer-events:auto;font:14px/1.55 system-ui,sans-serif;overflow:hidden}
+.mc-dialog::backdrop{background:#102a3a66;backdrop-filter:blur(4px)}
+.mc-dialog *{box-sizing:border-box}.mc-shell{height:100%;display:flex;flex-direction:column}.mc-dialog button,.mc-dialog input,.mc-dialog select{font:inherit;color:inherit}.mc-dialog button{cursor:pointer;border:1px solid var(--mc-border);border-radius:8px;padding:7px 12px;background:var(--mc-bg);line-height:1.5}.mc-dialog button:hover{background:var(--mc-soft)}.mc-dialog button:disabled{cursor:default;opacity:.5}.mc-dialog :focus-visible{outline:2px solid var(--mc-accent);outline-offset:3px}.mc-dialog select,.mc-dialog input{border:1px solid var(--mc-border);border-radius:8px;background:var(--mc-bg);padding:9px 10px;max-width:100%;min-width:0}.mc-dialog select{width:100%}.mc-dialog button.mc-primary{color:#fff;background:var(--mc-accent);border-color:var(--mc-accent)}.mc-dialog button.mc-primary:hover{filter:brightness(.93)}.mc-dialog button.mc-danger{color:var(--mc-danger)}.mc-dialog button.mc-quiet{border-color:transparent;background:transparent;color:var(--mc-muted)}.mc-dialog button.mc-quiet:hover{background:var(--mc-soft)}
+.mc-header{display:flex;align-items:center;gap:14px;padding:22px 26px;border-bottom:1px solid var(--mc-border);flex:none}.mc-header-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--mc-border);border-radius:12px;background:var(--mc-soft);color:var(--mc-accent);flex:none}.mc-header-copy{flex:1;min-width:0}.mc-header h2{font-size:20px;line-height:1.4;margin:0 0 4px;font-weight:650}.mc-header p{margin:0;font-size:12px;color:var(--mc-muted)}.mc-dialog .mc-close{display:grid;place-items:center;padding:8px;border:0;background:transparent;color:var(--mc-muted)}
+.mc-columns{display:grid;grid-template-columns:244px minmax(0,1fr);flex:1;min-height:0}.mc-nav{display:flex;flex-direction:column;gap:24px;padding:22px 16px;background:var(--mc-soft);border-right:1px solid var(--mc-border);overflow:auto}.mc-workspace-label{display:block;font-size:12px;font-weight:600;color:var(--mc-muted);margin-bottom:8px}.mc-nav-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;padding:0 4px;font-size:12px;color:var(--mc-muted)}.mc-nav-heading h3{font-size:inherit;font-weight:600;margin:0}.mc-nav-heading button{padding:4px}.mc-datasources{list-style:none;padding:0;margin:0;display:grid;gap:6px}.mc-dialog .mc-datasource{display:flex;align-items:start;gap:10px;width:100%;padding:12px 10px;border:1px solid transparent;background:transparent;text-align:left}.mc-dialog .mc-datasource[aria-pressed=true]{border-color:var(--mc-border);background:var(--mc-bg);box-shadow:0 2px 5px #102a3a05}.mc-datasource>svg{margin-top:2px;flex:none;color:var(--mc-muted)}.mc-datasource[aria-pressed=true]>svg{color:var(--mc-accent)}.mc-datasource-copy{min-width:0;display:grid;gap:4px}.mc-datasource-name{font-size:13px;font-weight:600;overflow-wrap:anywhere}.mc-datasource-status{font-size:11px;color:var(--mc-muted);display:flex;align-items:center;gap:5px}.mc-dot{width:6px;height:6px;background:var(--mc-muted);border-radius:50%;flex:none}.mc-dot[data-ready=true]{background:var(--mc-accent)}.mc-dot[data-ready=false]{background:#c58a26}
+.mc-main{min-width:0;overflow:auto;display:flex;flex-direction:column}.mc-form{display:flex;flex-direction:column;flex:1;min-width:0}.mc-form-body{padding:26px 30px;flex:1}.mc-detail-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:22px}.mc-eyebrow{font-size:11px;color:var(--mc-muted);margin:0 0 5px}.mc-detail-heading h3{font-size:22px;font-weight:650;line-height:1.4;margin:0;overflow-wrap:anywhere}.mc-badge{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--mc-border);border-radius:6px;padding:3px 7px;font-size:11px;white-space:nowrap;color:var(--mc-muted)}.mc-badge[data-ready=true]{color:var(--mc-accent);background:var(--mc-tint);border-color:transparent}.mc-badge[data-ready=false]{color:var(--mc-warning)}
+.mc-section-heading{font-size:13px;font-weight:600;margin:0 0 12px}.mc-properties{margin:0 0 24px;min-width:0}.mc-property-list{margin:0;border:1px solid var(--mc-border);border-radius:12px;overflow:hidden}.mc-property{display:grid;grid-template-columns:minmax(0,140px) minmax(0,1fr);gap:16px;padding:12px 18px;align-items:start}.mc-property+.mc-property{border-top:1px solid var(--mc-border)}.mc-property dt{font-size:12px;color:var(--mc-muted);overflow-wrap:anywhere}.mc-property dd{margin:0;min-width:0;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.mc-property pre{font:12px/1.6 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.mc-property-json{max-height:240px;overflow:auto}
+.mc-fields{border:1px solid var(--mc-border);border-radius:12px;overflow:hidden;margin:0 0 14px}.mc-field{min-width:0;border:0;padding:18px;margin:0}.mc-field+.mc-field{border-top:1px solid var(--mc-border)}.mc-field-header{display:flex;align-items:start;gap:12px;justify-content:space-between}.mc-field-title{min-width:0}.mc-field-title h4{font-size:13px;margin:0 0 4px;font-weight:600;overflow-wrap:anywhere}.mc-field-title p{margin:0;font-size:11px;color:var(--mc-muted);overflow-wrap:anywhere}.mc-field-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:none}.mc-dialog .mc-field-actions button{font-size:12px;padding:5px 9px}.mc-secret-input{display:grid;gap:7px;margin-top:14px;font-size:12px;color:var(--mc-muted)}.mc-secret-input input{width:100%;color:var(--mc-text)}.mc-field-note{font-size:11px;color:var(--mc-muted);margin:10px 0 0;overflow-wrap:anywhere}.mc-confirm{margin-top:12px;padding:12px;border:1px solid var(--mc-border);border-radius:8px;background:var(--mc-soft);display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px}.mc-confirm p{flex-basis:100%;margin:0}.mc-note{font-size:12px;color:var(--mc-muted);margin:12px 0;overflow-wrap:anywhere}
+.mc-test{margin-top:24px;padding-top:20px;border-top:1px solid var(--mc-border)}.mc-test-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.mc-test-heading h4{margin:0;font-size:13px}.mc-test-heading time{font-size:11px;color:var(--mc-muted)}.mc-result{border-radius:9px;padding:12px 14px;background:var(--mc-tint);color:var(--mc-accent);font-size:12px}.mc-result[data-tone=error]{background:var(--mc-soft);color:var(--mc-danger)}.mc-result[data-tone=stale]{background:var(--mc-soft);color:var(--mc-muted)}.mc-result-title{display:flex;align-items:center;gap:7px;font-weight:600;font-size:13px}.mc-result p{margin:6px 0 0}.mc-result details{margin-top:9px}.mc-result summary{cursor:pointer}.mc-result pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto;font:12px/1.6 ui-monospace,monospace}.mc-empty-test{font-size:12px;color:var(--mc-muted);margin:0}
+.mc-form-footer{padding:16px 30px;border-top:1px solid var(--mc-border);background:var(--mc-bg);position:sticky;bottom:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.mc-form-footer button{font-size:13px}.mc-form-footer .mc-cancel{margin-left:auto}.mc-alert{margin:16px 30px 0;padding:12px 14px;border-radius:8px;font-size:12px;background:var(--mc-soft);color:var(--mc-danger);white-space:pre-wrap;overflow-wrap:anywhere}.mc-request-status{margin:0 0 18px;padding:12px 14px;border-radius:9px;background:var(--mc-soft);font-size:12px}.mc-request-status p{margin:4px 0 0;color:var(--mc-muted)}.mc-requests{padding:12px 20px;border-bottom:1px solid var(--mc-border);display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}.mc-requests button{font-size:12px}.mc-pending-entry{font:inherit;font-size:12px;cursor:pointer;border:1px solid currentColor;border-radius:7px;padding:5px 9px;background:transparent;color:inherit}
+.mc-activity{padding:14px 30px;background:var(--mc-soft);border-top:1px solid var(--mc-border)}.mc-activity-heading{font-size:12px;color:var(--mc-muted);margin:0 0 8px}.mc-activity-list{display:flex;gap:6px;flex-wrap:wrap}.mc-activity-list button{font-size:12px}.mc-activity-list button[aria-pressed=true]{border-color:var(--mc-accent);color:var(--mc-accent)}.mc-progress{font-size:12px;margin-top:10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mc-progress p{margin:0}.mc-progress button{font-size:12px;margin-left:auto}.mc-operation-note{font-size:12px;margin-top:12px;color:var(--mc-muted)}.mc-operation-note p{margin:6px 0}.mc-operation-note[data-error=true]{color:var(--mc-danger)}.mc-empty{padding:64px 28px;text-align:center;color:var(--mc-muted);margin:auto}.mc-empty>svg{margin-bottom:10px;opacity:.65}.mc-empty h3{font-size:15px;color:var(--mc-text);margin:0 0 8px}.mc-empty p{font-size:12px;margin:0}.mc-loading{padding:18px 30px;font-size:12px;color:var(--mc-muted)}
+@media(prefers-color-scheme:dark){.mc-dialog{--mc-bg:var(--dsw-alias-surface-primary,#182127);--mc-soft:var(--dsw-alias-interactive-bg-hover,#202d34);--mc-text:var(--dsw-alias-label-primary,#e4edf1);--mc-muted:var(--dsw-alias-label-secondary,#9baeb9);--mc-border:var(--dsw-alias-border-l2,#35464f);--mc-accent:#39b8a8;--mc-tint:#153d39;--mc-danger:#ef998b;--mc-warning:#d6b778}.mc-dialog button.mc-primary{color:#102a29}}
+@media(max-width:700px){.mc-property{grid-template-columns:minmax(0,1fr);gap:5px;padding:12px 14px}}
+@media(max-width:700px){.mc-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.mc-header{padding:16px;gap:10px}.mc-header-mark{display:none}.mc-header h2{font-size:18px}.mc-columns{display:flex;flex-direction:column;overflow:auto}.mc-nav{flex:none;padding:14px 16px;gap:14px;overflow:visible;border-right:0;border-bottom:1px solid var(--mc-border)}.mc-workspace-label{font-size:11px;margin-bottom:5px}.mc-nav select{padding:7px 10px}.mc-nav-heading{margin-bottom:5px}.mc-datasources{display:flex;overflow-x:auto;padding:2px;gap:6px}.mc-datasources li{flex:0 0 auto;max-width:240px}.mc-dialog .mc-datasource{padding:9px 10px}.mc-datasource-name{font-size:12px}.mc-main{overflow:visible;flex:1;flex-shrink:0}.mc-form-body{padding:22px 18px}.mc-detail-heading h3{font-size:20px}.mc-field{padding:14px}.mc-field-header{flex-wrap:wrap;gap:10px}.mc-field-actions{margin-left:auto}.mc-form-footer{padding:14px 18px;position:static}.mc-form-footer .mc-cancel{margin-left:0}.mc-alert{margin:14px 18px 0}.mc-activity{padding:14px 18px}.mc-test-heading{align-items:start;flex-wrap:wrap}.mc-close{align-self:start}.mc-empty{padding:32px 18px}.mc-requests{padding:12px 16px}}
+`;

package/lib/client/workspace-header-action.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const styles = `
+.marivo-workspace-header-action{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:5px;height:32px;padding:6px 8px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:12px;line-height:20px;white-space:nowrap;cursor:pointer}
+.marivo-workspace-header-action:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,#7b899414)}
+.marivo-workspace-header-action:focus-visible{outline:2px solid var(--dsw-alias-label-primary,#087b70);outline-offset:2px}
+.marivo-workspace-header-action:disabled{opacity:.45;cursor:default}
+@media(max-width:640px){.marivo-workspace-header-action{width:32px;padding:8px}.marivo-workspace-header-action span{display:none}}
+`;
+export function WorkspaceHeaderAction({ label, icon, disabled, title, onClick, }) {
+    return (_jsxs(_Fragment, { children: [_jsx("style", { children: styles }), _jsxs("button", { className: "marivo-workspace-header-action", type: "button", title: title ?? label, "aria-label": `打开${label}`, disabled: disabled, onClick: onClick, children: [_jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: icon === 'semantic' ? (_jsx("path", { d: "m12 3 9 5-9 5-9-5 9-5Zm-9 9 9 5 9-5M3 16l9 5 9-5" })) : (_jsxs(_Fragment, { children: [_jsx("rect", { x: "4", y: "10", width: "16", height: "11", rx: "2" }), _jsx("path", { d: "M8 10V7a4 4 0 0 1 8 0v3m-4 5v2" })] })) }), _jsx("span", { children: label })] })] }));
+}