@yss123/cage-admin 0.1.0 → 0.3.0

package/ui/dist/app.js

@@ -0,0 +1,34 @@
+/**
+ * 系统管理浏览器入口：恢复登录身份、加载展示目录，再交给 shell 组合页面。
+ * 监听 hash 导航、刷新及会话过期事件；未登录进入登录页，网络或服务异常显示可重试连接状态。
+ * 本入口不保存授权或执行领域逻辑，真实身份与目录通过同源 HTTP 请求获取。
+ */
+import { api, ApiError, state } from './shared/api.js';
+import { h, icon } from './shared/dom.js';
+import { render } from './app/shell.js';
+/** 浏览器入口恢复真实会话与展示目录，不包含具体页面、表单或授权逻辑。 */
+/**
+ * 按顺序读取 /api/me 与管理目录，成功后渲染当前 hash 页面。
+ * 仅 UNAUTHENTICATED 走未登录界面；其他故障保留明确重连入口，避免把网络异常伪装为退出。
+ * 此函数也作为登录成功回调和重新连接动作，恢复失败通过页面反馈。
+ */
+async function boot() {
+    try {
+        state.me = await api('GET', '/api/me');
+        state.catalog = await api('GET', '/api/sys/catalog');
+        await render(boot);
+    }
+    catch (error) {
+        if (error instanceof ApiError && error.code === 'UNAUTHENTICATED') {
+            await render(boot);
+            return;
+        }
+        document
+            .getElementById('app')
+            .replaceChildren(h('main', { class: 'connection-state' }, h('span', { class: 'brand-mark' }, icon('grid')), h('h1', {}, '暂时无法连接工作空间'), h('p', {}, '请检查网络与 API 服务，然后重新尝试。'), h('button', { class: 'primary', onclick: boot }, '重新连接')));
+    }
+}
+window.addEventListener('hashchange', () => void render(boot));
+window.addEventListener('cage:refresh', () => void render(boot));
+window.addEventListener('cage:session-expired', () => void render(boot));
+void boot();

package/ui/dist/modules/audit/audit-page.js

@@ -0,0 +1,107 @@
+/**
+ * 操作审计查询页面，通过安全审计接口读取记录并展示操作人、时间和变化详情。
+ * 筛选、分页与详情均属于读操作；界面不补写审计，也不将查到的部分记录当作完整请求轨迹。
+ */
+import { api, run, state } from '../../shared/api.js';
+import { badge, field, formatTime, h, panel, table } from '../../shared/dom.js';
+import { capabilityName, objectName } from '../../shared/labels.js';
+const kinds = {
+    write: '业务写入',
+    read: '数据读取',
+    denied: '拒绝访问',
+    ops: '运维操作',
+};
+const actors = {
+    user: '用户',
+    process: '审批流程',
+    external: '外部系统',
+    job: '定时任务',
+    system: '系统',
+};
+/**
+ * 构建审计筛选器与列表，等待初次 load 完成；服务端仍校验 Sys.audit.read 与安全视图。
+ * 详情通过 DOM 文本展示，包含结构化差异时也不解释为 HTML。
+ */
+export async function renderAudit(main) {
+    const actor = h('input', { placeholder: '操作人的用户 ID' });
+    const aggregate = h('select', {}, h('option', { value: '' }, '全部业务对象'), state.catalog.aggregates.map((item) => h('option', { value: item.name }, item.label)));
+    const aggregateId = h('input', { placeholder: '完整单据 ID' });
+    const command = h('input', { placeholder: '例如 PurchaseOrder.approve' });
+    const kind = h('select', {}, h('option', { value: '' }, '全部操作类型'), Object.entries(kinds).map(([value, label]) => h('option', { value }, label)));
+    const fields = { actor, aggregate, aggregateId, command, kind };
+    const out = h('div');
+    const search = h('button', { type: 'submit', class: 'primary' }, '查询记录');
+    const previous = h('button', {
+        class: 'small',
+        onclick: () => {
+            page--;
+            void load();
+        },
+    }, '上一页');
+    const next = h('button', {
+        class: 'small',
+        onclick: () => {
+            page++;
+            void load();
+        },
+    }, '下一页');
+    const pageText = h('span', { class: 'muted' });
+    let page = 1;
+    main.append(panel('审计记录', '查询谁在什么时间操作了哪些数据，以及操作是否成功。', h('form', {
+        class: 'audit-filters',
+        onsubmit: (event) => {
+            event.preventDefault();
+            page = 1;
+            void load();
+        },
+    }, field('业务对象', aggregate), field('操作类型', kind), field('操作人', actor), field('单据编号', aggregateId), field('操作标识', command), search), out, h('div', { class: 'pagination' }, pageText, h('div', { class: 'row-actions' }, previous, next))));
+    /**
+     * 按当前筛选和页码请求审计记录，更新表格及分页控制。
+     * 查询失败保留明确错误反馈，不生成占位成功记录；请求只读，不重放任何业务命令。
+     */
+    async function load() {
+        const params = new URLSearchParams(Object.entries(fields)
+            .filter(([, input]) => input.value)
+            .map(([key, input]) => [key, input.value]));
+        params.set('page', String(page));
+        params.set('pageSize', '50');
+        const result = await run(() => api('GET', `/api/sys/audit?${params}`), undefined, search);
+        if (!result)
+            return;
+        out.replaceChildren(table([
+            ['发生时间', (item) => formatTime(item.at)],
+            [
+                '操作类型',
+                (item) => badge(kinds[item.kind] || '系统记录', item.kind === 'denied' ? 'red' : 'neutral'),
+            ],
+            [
+                '操作主体',
+                (item) => h('div', { class: 'stack-cell' }, h('strong', {}, actors[item.actor_kind] || '系统主体'), h('code', { title: item.actor }, item.actor.slice(0, 12)), item.on_behalf_of && h('small', {}, `代表用户 ${item.on_behalf_of.slice(0, 8)}`)),
+            ],
+            [
+                '执行操作',
+                (item) => h('div', { class: 'stack-cell' }, h('strong', {}, capabilityName(item.command || item.capability || '')), h('code', {}, item.command || item.capability || item.source)),
+            ],
+            [
+                '关联对象',
+                (item) => item.aggregate
+                    ? h('div', { class: 'stack-cell' }, h('span', {}, objectName(item.aggregate)), h('code', { title: item.aggregate_id }, item.aggregate_id?.slice(0, 12) || '—'))
+                    : '—',
+            ],
+            [
+                '结果',
+                (item) => badge(item.result === 'ok' ? '成功' : '未成功', item.result === 'ok' ? 'green' : 'red'),
+            ],
+            [
+                '变更详情',
+                (item) => item.diff
+                    ? h('details', {}, h('summary', {}, '查看变更'), h('pre', {}, JSON.stringify(item.diff, null, 2)))
+                    : h('span', { class: 'muted' }, '无字段变更'),
+            ],
+        ], result.items));
+        pageText.textContent = `第 ${page} 页 · 本页 ${result.items.length} 条，每页最多 50 条`;
+        previous.disabled = page === 1;
+        next.disabled = result.items.length < 50;
+    }
+    await load();
+}

package/ui/dist/modules/audit/index.js

@@ -0,0 +1,5 @@
+/**
+ * 审计查询模块的公开入口。
+ * 应用壳通过这里组合页面，其他模块无需依赖内部表单实现；导出本身不发请求或执行管理操作。
+ */
+export { renderAudit } from './audit-page.js';

package/ui/dist/modules/auth/index.js

@@ -0,0 +1,5 @@
+/**
+ * 登录页面模块的公开入口。
+ * 应用壳通过这里组合页面，其他模块无需依赖内部表单实现；导出本身不发请求或执行管理操作。
+ */
+export { loginPage } from './login-page.js';

package/ui/dist/modules/auth/login-page.js

@@ -0,0 +1,38 @@
+/**
+ * 构造系统管理登录页面，复用统一 JSON/CSRF 请求和操作反馈。
+ * 账号密码只用于本次登录表单；成功清掉旧 CSRF 后由上层重新加载真实身份和目录，SSO 使用独立服务端入口。
+ */
+import { api, run, state } from '../../shared/api.js';
+import { field, h, icon } from '../../shared/dom.js';
+/**
+ * 返回未挂载的登录页面 DOM。提交期间禁用按钮，失败由 run 显示原因并保留可重试表单。
+ * onLogin 仅在登录请求成功后等待执行，负责恢复会话并切换页面；本组件不自行伪造身份或能力列表。
+ */
+export function loginPage(onLogin) {
+    const username = h('input', {
+        name: 'username',
+        placeholder: '请输入登录账号',
+        autocomplete: 'username',
+        required: true,
+    });
+    const password = h('input', {
+        name: 'password',
+        type: 'password',
+        placeholder: '请输入密码',
+        autocomplete: 'current-password',
+        required: true,
+    });
+    const submit = h('button', { class: 'primary', type: 'submit' }, '登录系统管理', icon('arrow'));
+    const form = h('form', {
+        class: 'stack-form',
+        onsubmit: async (event) => {
+            event.preventDefault();
+            const result = await run(() => api('POST', '/auth/login', { username: username.value, password: password.value }), undefined, submit);
+            if (result) {
+                state.csrf = null;
+                await onLogin();
+            }
+        },
+    }, field('登录账号', username), field('密码', password), submit);
+    return h('main', { class: 'login-layout' }, h('section', { class: 'login-story' }, h('div', { class: 'login-brand' }, h('span', { class: 'brand-mark' }, icon('grid')), 'Cage'), h('div', {}, h('span', { class: 'eyebrow' }, '系统管理工作台'), h('h1', {}, '让协作有序，', h('br'), '让权限清晰。'), h('p', {}, '从团队与角色，到流程与运行记录。', h('br'), '在一个工作空间里，管理业务的基础。')), h('small', {}, '团队协作 · 权限管理 · 运行追踪')), h('section', { class: 'login-panel' }, h('span', { class: 'eyebrow' }, '欢迎回来'), h('h2', {}, '登录你的工作空间'), h('p', { class: 'muted' }, '使用管理员为你配置的账号继续。'), form, h('a', { class: 'sso-link', href: '/auth/sso' }, '使用企业单点登录', icon('arrow')), h('p', { class: 'login-footnote' }, icon('lock'), '使用安全会话连接，操作受权限与数据范围约束。')));
+}

package/ui/dist/modules/models/index.js

@@ -0,0 +1,5 @@
+/**
+ * 托管模型配置模块的公开入口。
+ * 应用壳通过这里组合页面，其他模块无需依赖内部表单实现；导出本身不发请求或执行管理操作。
+ */
+export { renderModels } from './models-page.js';

package/ui/dist/modules/models/models-page.js

@@ -0,0 +1,60 @@
+import { api, run } from '../../shared/api.js';
+import { badge, emptyState, field, formatTime, h, panel } from '../../shared/dom.js';
+/** Admin 只管理框架模型配置；审批规则、业务工具与聊天界面仍由各自声明和应用负责。 */
+/**
+ * 读取托管模型列表并在 main 中构建配置表单，无模型时显示启用提示。
+ * 表单以秒显示超时，提交转换为毫秒；保存携带已读取的 version 防止覆盖其他编辑。
+ * 测试仅使用已保存配置，连接成功不证明全部协议特性或业务工具验收通过；错误由共享操作层反馈。
+ */
+export async function renderModels(main) {
+    const models = await api('GET', '/api/ai/admin/models');
+    if (!models.length) {
+        main.append(panel('尚无可管理的模型', undefined, emptyState('应用尚未启用托管模型', '应用声明模型后，可在这里配置服务地址与密钥。', 'grid')));
+        return;
+    }
+    main.append(h('div', { class: 'model-overview' }, h('div', {}, h('span', { class: 'eyebrow' }, 'MODEL CONNECTIONS'), h('h2', {}, '一个连接，支撑每次智能协作'), h('p', {}, '模型按当前租户配置。API Key 加密保存，不会回显到页面。')), badge(`${models.length} 个模型入口`, 'green')));
+    for (let saved of models) {
+        const label = h('input', { value: saved.label, required: true, maxlength: 100 });
+        const baseUrl = h('input', { type: 'url', value: saved.baseUrl, placeholder: 'https://api.example.com/v1', required: true, maxlength: 1000 });
+        const model = h('input', { value: saved.model, placeholder: '填写服务商提供的模型名称', required: true, maxlength: 200 });
+        const apiKey = h('input', { type: 'password', autocomplete: 'new-password', placeholder: saved.hasApiKey ? '已保存；留空保留原密钥' : '粘贴 API Key', maxlength: 4096 });
+        const enabled = h('input', { type: 'checkbox', checked: saved.enabled });
+        const timeout = h('input', { type: 'number', min: 1, max: 180, value: saved.timeoutMs / 1000, required: true });
+        const compaction = h('input', { type: 'checkbox', checked: saved.responsesCompaction, disabled: saved.apiFormat !== 'responses' });
+        const apiFormat = h('select', { value: saved.apiFormat, onchange: () => {
+                compaction.disabled = apiFormat.value !== 'responses';
+                if (compaction.disabled)
+                    compaction.checked = false;
+            } }, h('option', { value: 'chat-completions' }, 'Chat Completions'), h('option', { value: 'responses' }, 'Responses'));
+        const contextWindow = h('input', { type: 'number', min: 8192, max: 2000000, step: 1, value: saved.contextWindowTokens, required: true });
+        const status = h('div', { class: 'model-save-status', role: 'status' });
+        const summary = h('div', { class: 'model-meta' });
+        const refresh = () => summary.replaceChildren(badge(saved.enabled ? '已启用' : '未启用', saved.enabled ? 'green' : 'neutral'), h('span', {}, saved.hasApiKey ? '密钥已保存' : '等待配置'), h('span', {}, saved.apiFormat === 'responses' ? 'Responses · 服务端接续' : 'Chat Completions'), h('span', {}, `更新于 ${formatTime(saved.updatedAt)}`));
+        refresh();
+        const save = h('button', { class: 'primary', type: 'submit' }, '保存配置');
+        const test = h('button', { type: 'button', disabled: !saved.enabled, onclick: async () => {
+                status.textContent = '正在测试已保存的配置…';
+                const result = await run(() => api('POST', `/api/ai/admin/models/${encodeURIComponent(saved.key)}/test`), undefined, test);
+                status.textContent = result ? result.ok ? `连接成功 · ${result.latencyMs} ms · 配置版本 ${result.version}`
+                    : `连接未成功（${result.code}），请核对地址、模型名称与密钥。` : '测试未完成，请根据错误提示检查配置。';
+            } }, '测试连接');
+        const form = h('form', { class: 'model-form', onsubmit: async (event) => {
+                event.preventDefault();
+                test.disabled = true;
+                const result = await run(() => api('POST', `/api/ai/admin/models/${encodeURIComponent(saved.key)}`, {
+                    version: saved.version, label: label.value, baseUrl: baseUrl.value, model: model.value, apiKey: apiKey.value || undefined,
+                    enabled: enabled.checked, timeoutMs: Number(timeout.value) * 1000,
+                    apiFormat: apiFormat.value, contextWindowTokens: Number(contextWindow.value), responsesCompaction: compaction.checked,
+                }).catch(error => { status.textContent = error.message; throw error; }), '模型配置已保存', save);
+                if (result) {
+                    saved = result;
+                    apiKey.value = '';
+                    apiKey.placeholder = '已保存；留空保留原密钥';
+                    refresh();
+                    status.textContent = '已保存，后续模型调用将使用这份配置。';
+                }
+                test.disabled = !saved.enabled;
+            } }, h('div', { class: 'model-fields' }, field('显示名称', label), field('模型名称', model), field('接口协议', apiFormat, 'Responses 可由服务端接续对话，兼容服务须支持对应协议。'), field('模型上下文窗口（Token）', contextWindow, '按服务商公布的容量填写，用于预留回答空间和限制每次输入。'), field('API 基地址', baseUrl, '支持 HTTP / HTTPS。可填写基础地址或对应接口完整路径；更换地址时需重新填写密钥。'), field('API Key', apiKey, '仅在首次配置或更换密钥时填写。'), field('调用超时（秒）', timeout), field('服务端自动压缩', compaction, '仅对支持 context_management 的 Responses 服务启用；历史仍计入上下文与输入费用。'), h('label', { class: 'model-enabled' }, enabled, '启用此模型')), h('div', { class: 'model-actions' }, status, test, save));
+        main.append(panel(saved.label, `模型入口：${saved.key}`, summary, form));
+    }
+}

package/ui/dist/modules/operations/index.js

@@ -0,0 +1,6 @@
+/**
+ * 异步运维与第三方同步记录模块的公开入口。
+ * 应用壳通过这里组合页面，其他模块无需依赖内部表单实现；导出本身不发请求或执行管理操作。
+ */
+export { renderOperations } from './operations-page.js';
+export { renderSync } from './sync-page.js';

package/ui/dist/modules/operations/operations-page.js

@@ -0,0 +1,110 @@
+/**
+ * 异步运行运维页面，读取 outbox 汇总、未处理死信和注册任务状态。
+ * 运维读取与管理能力分开，重放/丢弃与启停任务通过系统接口执行；界面不直接操作数据库。
+ */
+import { api, can, run } from '../../shared/api.js';
+import { badge, field, formatTime, h, icon, modal, panel, table } from '../../shared/dom.js';
+import { capabilityName, eventName, jobName, statusName } from '../../shared/labels.js';
+import { navigate } from '../../shared/navigation.js';
+/**
+ * 并行取得运行快照并渲染统计、队列、死信和任务列表。
+ * Sys.ops.manage 控制动作按钮，成功请求后重新加载数据；重放仅表示重新投递，不保证远端业务最终成功。
+ */
+export async function renderOperations(main) {
+    const [summary, dead, jobs] = await Promise.all([
+        api('GET', '/api/sys/ops/summary'),
+        api('GET', '/api/sys/ops/dead-letters'),
+        api('GET', '/api/sys/ops/jobs'),
+    ]);
+    const manageable = can('Sys.ops.manage');
+    main.append(h('div', { class: 'stats-row' }, stat('待投递事件', summary.outbox.reduce((sum, item) => sum + item.n, 0), 'inbox'), stat('待处理死信', summary.deadLetters, 'info', summary.deadLetters > 0), stat('运行中定时任务', jobs.filter((job) => job.enabled).length, 'clock')));
+    main.append(panel('事件投递队列', '事件由后台 worker 按顺序投递，失败后自动退避重试。', table([
+        [
+            '处理状态',
+            (item) => badge(statusName(item.status), item.status === 'pending' ? 'amber' : 'neutral'),
+        ],
+        ['事件数量', (item) => h('strong', {}, item.n)],
+        ['最早进入时间', (item) => formatTime(item.oldest)],
+    ], summary.outbox, '投递队列已清空，没有积压事件')));
+    main.append(panel('需要处理的死信', '请先排查失败原因再重放。同一单据的后续事件会等待这条事件处理完成。', table([
+        [
+            '业务事件',
+            (item) => h('div', { class: 'stack-cell' }, h('strong', {}, eventName(item.event)), h('code', {}, item.event)),
+        ],
+        ['关联单据', (item) => h('code', { title: item.aggregate_id }, item.aggregate_id.slice(0, 12))],
+        ['尝试次数', (item) => badge(`${item.attempts} 次`, 'amber')],
+        [
+            '失败原因',
+            (item) => h('details', {}, h('summary', { class: 'failure-summary' }, (item.error || '无错误说明').slice(0, 65)), h('pre', {}, item.error || '无错误说明')),
+        ],
+        ['进入时间', (item) => formatTime(item.created_at)],
+        [
+            '处理',
+            (item) => manageable
+                ? h('div', { class: 'row-actions' }, h('button', {
+                    class: 'small primary',
+                    onclick: async (event) => {
+                        if (await run(() => api('POST', `/api/sys/ops/dead-letters/${item.id}/replay`), '事件已重新进入投递队列', event.currentTarget))
+                            navigate('ops');
+                    },
+                }, '重新投递'), h('button', { class: 'small danger', onclick: () => discard(item) }, '丢弃'))
+                : h('span', { class: 'muted' }, '仅查看'),
+        ],
+    ], dead, '当前没有待处理的死信')));
+    main.append(panel('定时任务', '按业务声明的时间执行；停用后不会继续触发新的调度。', table([
+        [
+            '任务名称',
+            (job) => h('div', { class: 'stack-cell' }, h('strong', {}, jobName(job.name)), h('code', {}, job.name)),
+        ],
+        ['执行计划', (job) => h('code', {}, job.cron)],
+        [
+            '业务操作',
+            (job) => h('div', { class: 'tag-list' }, job.calls.map((name) => badge(capabilityName(name)))),
+        ],
+        [
+            '上次运行',
+            (job) => h('div', { class: 'stack-cell' }, formatTime(job.lastRunAt), job.lastStatus &&
+                badge(statusName(job.lastStatus), job.lastStatus === 'ok' ? 'green' : 'amber')),
+        ],
+        [
+            '下次计划',
+            (job) => (job.enabled ? formatTime(job.nextRunAt) : h('span', { class: 'muted' }, '已暂停调度')),
+        ],
+        [
+            '状态与操作',
+            (job) => h('div', { class: 'row-actions' }, badge(job.enabled ? '运行中' : '已停用', job.enabled ? 'green' : 'neutral'), manageable &&
+                h('button', {
+                    class: 'small',
+                    onclick: async (event) => {
+                        if (await run(() => api('POST', `/api/sys/ops/jobs/${encodeURIComponent(job.name)}/${job.enabled ? 'disable' : 'enable'}`), '定时任务状态已更新', event.currentTarget))
+                            navigate('ops');
+                    },
+                }, job.enabled ? '停用' : '启用')),
+        ],
+    ], jobs, '当前业务没有声明定时任务')));
+    /**
+     * 打开针对单条死信的确认操作，提交 discard 后按成功结果刷新页面。
+     * 丢弃会改变后续事件处理条件，因此需要用户明确选择，不能作为自动修复失败的默认动作。
+     */
+    function discard(item) {
+        const confirm = h('input', { type: 'checkbox', required: true });
+        const save = h('button', { class: 'danger', type: 'submit' }, '确认丢弃事件');
+        const form = h('form', {
+            class: 'stack-form',
+            onsubmit: async (event) => {
+                event.preventDefault();
+                if (await run(() => api('POST', `/api/sys/ops/dead-letters/${item.id}/discard`), '事件已丢弃', save)) {
+                    dialog.close();
+                    navigate('ops');
+                }
+            },
+        }, h('p', {}, '丢弃后，这条事件将不再重试。请确认业务补偿或人工处理已经完成。'), field('我已了解此操作会停止该事件的后续处理', confirm), h('div', { class: 'form-actions' }, save));
+        const dialog = modal('丢弃死信事件', form);
+    }
+}
+/**
+ * 以既有计数生成运行统计卡，warning 仅决定视觉提示，不改变后台任务状态。
+ */
+function stat(label, value, glyph, warning = false) {
+    return h('div', { class: `stat-card ${warning ? 'attention' : ''}` }, h('span', { class: 'stat-icon' }, icon(glyph)), h('div', {}, h('span', {}, label), h('strong', {}, value)));
+}

package/ui/dist/modules/operations/sync-page.js

@@ -0,0 +1,60 @@
+/**
+ * 第三方同步记录查询页面，以连接器和状态筛选展示实际外呼记录。
+ * 响应受服务器数量上限限制，结果记录与业务最终完成是不同事实，页面没有绕过未知结果隔离的重发入口。
+ */
+import { api, run, state } from '../../shared/api.js';
+import { badge, field, formatTime, h, panel, table } from '../../shared/dom.js';
+/**
+ * 构建连接器/状态筛选与同步表格，初始 load 完成后返回。
+ * 读取需运维权限，错误和 HTTP 状态用于定位外部调用，不把 fake 或单次回执当真实系统验收。
+ */
+export async function renderSync(main) {
+    const connector = h('input', { placeholder: '连接器标识，留空查看全部' });
+    const status = h('select', {}, h('option', { value: '' }, '全部结果'), h('option', { value: 'ok' }, '同步成功'), h('option', { value: 'failed' }, '同步失败'));
+    const query = h('button', { class: 'primary', type: 'submit' }, '查询记录');
+    const out = h('div');
+    main.append(panel('外部系统同步记录', '查看出站请求的结果、重试次数与失败原因，辅助第三方联调与排障。', h('form', {
+        class: 'sync-filters',
+        onsubmit: (event) => {
+            event.preventDefault();
+            void load();
+        },
+    }, field('连接器', connector), field('同步结果', status), query), out));
+    /**
+     * 根据当前连接器及状态筛选发起只读请求，再替换同步记录列表。
+     * 查询失败通过页面反馈，不修改失败计数、回执或任务状态。
+     */
+    async function load() {
+        const params = new URLSearchParams();
+        if (connector.value)
+            params.set('connector', connector.value);
+        if (status.value)
+            params.set('status', status.value);
+        const result = await run(() => api('GET', `/api/sys/ops/sync-records?${params}`), undefined, query);
+        if (!result)
+            return;
+        out.replaceChildren(table([
+            [
+                '连接器 / 操作',
+                (item) => h('div', { class: 'stack-cell' }, h('strong', {}, state.catalog.labels[`connector:connector:${item.connector}`] ||
+                    state.catalog.labels[`connector:${item.connector}`] ||
+                    '外部系统连接器'), h('code', {}, `${item.connector}.${item.operation}`)),
+            ],
+            ['业务单据', (item) => h('code', {}, item.ref_id || '—')],
+            [
+                '同步结果',
+                (item) => badge(item.status === 'ok' ? '同步成功' : '同步失败', item.status === 'ok' ? 'green' : 'red'),
+            ],
+            ['响应状态', (item) => item.http_status ?? '未收到响应'],
+            ['尝试次数', (item) => `${item.attempts} 次`],
+            [
+                '错误详情',
+                (item) => item.error
+                    ? h('details', {}, h('summary', {}, '查看原因'), h('pre', {}, item.error))
+                    : h('span', { class: 'muted' }, '—'),
+            ],
+            ['最近更新', (item) => formatTime(item.updated_at)],
+        ], result, '暂无符合条件的同步记录'));
+    }
+    await load();
+}

package/ui/dist/modules/org/index.js

@@ -0,0 +1,5 @@
+/**
+ * 部门与用户管理模块的公开入口。
+ * 应用壳通过这里组合页面，其他模块无需依赖内部表单实现；导出本身不发请求或执行管理操作。
+ */
+export { renderOrg } from './org-page.js';