openxiangda-cli 2.0.0-alpha.172 → 2.0.0-alpha.174

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openxiangda-cli",
-  "version": "2.0.0-alpha.172",
+  "version": "2.0.0-alpha.174",
   "description": "Thin application-level CLI for OpenXiangda 2.0.",
   "type": "module",
   "main": "./dist/index.js",
@@ -21,10 +21,10 @@
   ],
   "dependencies": {
     "@oclif/core": "4.13.3",
-    "openxiangda-contracts": "2.0.0-alpha.86",
-    "openxiangda-devkit-core": "2.0.0-alpha.110",
-    "openxiangda-mcp": "2.0.0-alpha.110",
-    "openxiangda-skill-kit": "2.0.0-alpha.135"
+    "openxiangda-contracts": "2.0.0-alpha.87",
+    "openxiangda-devkit-core": "2.0.0-alpha.111",
+    "openxiangda-mcp": "2.0.0-alpha.111",
+    "openxiangda-skill-kit": "2.0.0-alpha.136"
   },
   "devDependencies": {
     "tsx": "4.23.12",

package/template/apps/web/e2e/mobile-files.spec.ts

@@ -75,6 +75,9 @@ test.describe('mobile managed files', () => {
     await expect(page.locator('.adm-image-viewer-indicator')).toHaveText('2 / 2');
     await expect(page.locator('.adm-image-viewer-image-wrapper img').last()).toHaveJSProperty('naturalWidth', 640);
     await page.screenshot({ path: info.outputPath('mobile-image-preview.png') });
+    const imageDownload = page.waitForEvent('download');
+    await page.getByRole('button', { name: '下载', exact: true }).click();
+    expect((await imageDownload).suggestedFilename()).toBe('第二张.png');
     await page.getByRole('button', { name: '关闭预览', exact: true }).click();
     await expect(page.getByRole('button', { name: '关闭预览', exact: true })).toHaveCount(0);
     let downloadAttempts = 0;

package/template/apps/web/e2e/resources.spec.ts

@@ -335,7 +335,10 @@ test('renders canonical semantic labels in the real generated resource list', as
   const detail = page.getByRole('dialog');
   await expect(detail).toBeVisible();
   await expect(detail).toContainText('组织信息演示');
-  await expect(detail.locator('.oxa-form-section')).toHaveCount(2);
+  const frame = detail.locator('[data-detail-frame="standard"]');
+  await expect(frame).toBeVisible();
+  await expect(frame.locator('.oxa-record-detail-card')).toHaveCount(2);
+  await expect(frame.locator('.oxa-record-detail-card').getByRole('heading', { level: 2 })).toHaveText(['栏目设置', '管理信息']);
 });
 
 test('renders the canonical first field on the mobile generated list', async ({ page }) => {

package/template/apps/web/e2e/standard-admin.spec.ts

@@ -307,7 +307,7 @@ test('record reads can retry and reconnect refresh does not overwrite an edit or
   await page.context().setOffline(false);
   await expect.poll(() => state.reads).toBeGreaterThan(reads);
   await expect(drawer.getByLabel('栏目名称', { exact: true })).toHaveValue('我的修改');
-  await drawer.getByRole('button', { name: '提交' }).click();
+  await drawer.getByRole('button', { name: '保存' }).click();
   await expect(drawer.getByText('保存失败', { exact: true })).toBeVisible();
   expect(state.writes.at(-1).expectedRevision).toBe(1);
   await expect(drawer.getByLabel('栏目名称', { exact: true })).toHaveValue('我的修改');
@@ -464,18 +464,30 @@ test('direct entry is independent and adapts desktop URLs to touch controls with
   await expect(page.getByRole('textbox', { name: /栏目名称/ })).toHaveValue('保留未暂存输入');
 });
 
-test('details open readonly in a drawer and closing unsaved entry has no confirmation or write', async ({ page }) => {
+test('details open readonly in a drawer and closing unsaved entry has no confirmation or write', async ({ page }, testInfo) => {
   const state = await editablePlatform(page);
   await page.goto('/resource-experience.e2e.html?primary=business');
   const initialUrl = page.url();
   await page.getByRole('button', { name: '查看', exact: true }).first().click();
   const detail = page.getByRole('dialog', { name: '内容栏目详情' });
   await expect(detail).toBeVisible();
-  await expect(detail.locator('.oxa-form-sections')).toBeVisible();
-  await expect(detail.getByText('业务记录 1', { exact: true })).toBeVisible();
+  await expect(detail.locator('.oxa-record-detail-sections')).toBeVisible();
+  await expect(detail.getByRole('heading', { name: '业务记录 1', exact: true })).toBeVisible();
   await expect(detail.getByRole('textbox')).toHaveCount(0);
   await expect(detail.getByRole('button', { name: '提交', exact: true })).toHaveCount(0);
   expect(page.url()).toBe(initialUrl);
+  await expect(detail).toHaveCSS('width', '850px');
+  await page.screenshot({ path: testInfo.outputPath('ordinary-detail-drawer-850.png'), animations: 'disabled' });
+  await detail.getByRole('button', { name: '编辑', exact: true }).first().click();
+  const edit = page.getByRole('dialog', { name: '编辑数据' });
+  await expect(page.getByRole('dialog')).toHaveCount(1);
+  await expect(edit.locator('.oxa-record-detail.is-editing')).toBeVisible();
+  await edit.getByLabel('栏目名称', { exact: true }).fill('普通原地编辑');
+  await page.screenshot({ path: testInfo.outputPath('ordinary-detail-inline-edit.png'), animations: 'disabled' });
+  await edit.getByRole('button', { name: '关闭', exact: true }).click();
+  await expect(detail).toBeVisible();
+  await expect(detail.getByRole('heading', { name: '业务记录 1', exact: true })).toBeVisible();
+  expect(page.url()).toBe(initialUrl);
   await detail.getByRole('button', { name: '关闭', exact: true }).click();
   await page.getByRole('button', { name: '新增', exact: true }).click();
   const entry = page.getByRole('dialog', { name: '新增数据' });

package/template/apps/web/e2e/workflow-entry-fixture.tsx

@@ -81,7 +81,7 @@ function Entry() {
   const [dismissed, setDismissed] = useState(false);
   const location = useLocation();
   if (mode === 'list') return <GeneratedResourcePage resourceCode={code} paths={paths} />;
-  if (mode === 'mobile-detail') return <Routes><Route path={paths.detail} element={<GeneratedResourcePage resourceCode={code} mode="detail" variant="mobile" paths={paths} />} /></Routes>;
+  if (mode === 'mobile-detail' || mode === 'desktop-detail') return <Routes><Route path={paths.detail} element={<GeneratedResourcePage resourceCode={code} mode="detail" variant={mode === 'mobile-detail' ? 'mobile' : 'desktop'} paths={paths} />} /></Routes>;
   return <>
     <button onClick={() => setRender(value => value + 1)}>重新渲染父页面</button>
     <output data-testid="parent-render">{render}</output>
@@ -94,7 +94,7 @@ function Entry() {
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
-    <OpenXiangdaUiProvider><AntdApp><MemoryRouter initialEntries={[mode === 'mobile-detail' ? `${paths.list}/record-1` : paths.list]}><RuntimeBoundary>
+    <OpenXiangdaUiProvider><AntdApp><MemoryRouter initialEntries={[(mode === 'mobile-detail' || mode === 'desktop-detail') ? `${paths.list}/record-1` : paths.list]}><RuntimeBoundary>
       <OpenXiangdaResourceDefinitionsProvider definitions={definitions}>
         <OpenXiangdaWorkflowDefinitionsProvider definitions={workflowDefinitions}>
           <Refine dataProvider={createApplicationProvider(definitions)} resources={[{ name: code, list: paths.list, show: paths.detail }]}>

package/template/apps/web/e2e/workflow-entry.spec.ts

@@ -19,7 +19,7 @@ async function workflowEntryPlatform(page: Page) {
   const state = {
     admin: true,
     record: { id: 'record-1', revision: 8, title: '原业务申请', amount: 28600, decision: '已同意', internalNote: '不得显示', systemValue: '内部标识', attachments: [], richText: '<p>原说明</p>' },
-    complexFields: false, uploads: [] as any[], childQueries: [] as any[],
+    complexFields: false, uploads: [] as any[], childQueries: [] as any[], auditReads: 0,
     children: [
       { id: 'line-1', revision: 3, purchaseId: 'record-1', sortOrder: 0, name: '原明细甲', quantity: 2, hiddenNote: '不得显示的明细值', detailNote: '保留详情说明' },
       { id: 'line-2', revision: 4, purchaseId: 'record-1', sortOrder: 1, name: '原明细乙', quantity: 3, hiddenNote: '不得显示的明细值', detailNote: '第二项说明' },
@@ -58,6 +58,27 @@ async function workflowEntryPlatform(page: Page) {
     }
     if (path.endsWith('/auth/surface')) return ok({ csrfToken: 'workflow-entry-csrf' });
     if (path.includes('/native/admin-list/preferences/')) return ok(null);
+    if (path.endsWith(`/workflow/records/${resourceCode}/${state.record.id}/detail`)) {
+      const childFields = { name: { label: '品名', type: 'text.short', widget: 'text', ...fieldCapabilities }, quantity: { label: '数量', type: 'number.integer', widget: 'number', ...fieldCapabilities }, detailNote: { label: '仅详情说明', type: 'text.short', widget: 'text', ...fieldCapabilities } };
+      const fields = { ...correctionFields, decision: { label: '审批结论', type: 'text.short', widget: 'readonly', ...fieldCapabilities }, ...(state.complexFields ? { items: { label: '采购明细', type: 'subtable', widget: 'subtable', subtable: { resourceCode: 'purchase-lines', foreignKey: 'purchaseId', orderField: 'sortOrder', maxRows: 20 }, ...fieldCapabilities } } : {}) };
+      const instance = { id: instanceId, appCode, environmentKey: 'preproduction', status: 'approved', outcome: 'approved', startedAt: '2026-09-06T01:00:00Z', completedAt: '2026-09-06T02:38:00Z', dataRef: { resourceCode, recordId: state.record.id } };
+      const surface = { schemaVersion: 'openxiangda.workflow-surface/v2', protocolVersion: 'workflow_surface_v2', engineVersion: '2.0', surfaceRevision: 'a'.repeat(64), instanceSequence: 4, instance, task: null, operations: [],
+        detailNavigation: { desktopPath: `/admin/purchases/${state.record.id}`, mobilePath: `/m/admin/purchases/${state.record.id}`, custom: false },
+        presentation: { summary: { title: '采购申请', initiatorDisplayName: '陈晨', departmentDisplayName: '办公室', submittedAt: instance.startedAt }, businessDetail: {
+          status: 'ready', resourceCode, resourceName: '采购申请', recordId: state.record.id, requestedRevision: state.record.revision, sourceRevision: state.record.revision,
+          surface: { mutationOwner: 'workflow', fields, detail: { layout: 'sections', fieldOrder: Object.keys(fields) } }, record: state.record,
+          subtables: state.complexFields ? { items: { resourceCode: 'purchase-lines', surface: { fields: childFields, detail: { fieldOrder: Object.keys(childFields) } }, rows: state.children, total: state.children.length } } : {}, projectionDigest: 'c'.repeat(64),
+        } },
+      };
+      const timeline = { engineVersion: '2.0', instanceId, instanceSequence: 4, timelineRevision: 'b'.repeat(64), flow: { nodes: [], edges: [] }, items: [], display: { entries: [] } };
+      return ok({ schemaVersion: 'openxiangda.workflow-detail-surface/v2', protocolVersion: 'workflow_detail_surface_v2', detailRevision: 'd'.repeat(64), instanceSequence: 4, timelineRevision: timeline.timelineRevision, surface, timeline,
+        currentStatus: { code: 'approved', label: '已同意', tone: 'success' }, nodes: [], handlingRecords: [], operations: [], navigationContext: { desktopReturnPath: '/admin/purchases', mobileReturnPath: '/m/admin/purchases' } });
+    }
+    if (path.endsWith(`/workflow/instances/${instanceId}/data-audit`)) {
+      if (request.headers()['x-openxiangda-csrf-token'] !== 'workflow-entry-csrf') return fail(403, 'WORKFLOW_V2_CSRF_INVALID');
+      state.auditReads += 1;
+      return ok({ schemaVersion: 'openxiangda.data-audit-page/v2', items: [], total: 0, offset: 0, limit: 50 });
+    }
     if (path.endsWith('/native/data/purchase-lines/query')) {
       state.childQueries.push(request.postDataJSON());
       return ok({ schemaVersion: 'openxiangda.data-page/v2', resourceCode: 'purchase-lines', items: state.children, total: state.children.length, offset: 0, limit: 20 });
@@ -185,7 +206,7 @@ async function workflowEntryPlatform(page: Page) {
 
 async function openCorrection(page: Page, search = '') {
   await page.goto(`/workflow-entry.e2e.html${search}`);
-  await page.getByRole('button', { name: '编辑', exact: true }).click();
+  await page.getByRole('button', { name: '编辑', exact: true }).first().click();
   const drawer = page.getByRole('dialog', { name: '编辑数据' });
   await expect(drawer.getByLabel('申请名称', { exact: true })).toHaveValue('原业务申请');
   await expect(drawer.getByLabel('申请金额', { exact: true })).toHaveValue('28600');
@@ -199,14 +220,14 @@ test('ordinary workflow editing uses the shared form and opens readonly detail a
   await expect(drawer.getByText(/更正|审计|重新审批/)).toHaveCount(0);
   for (const label of ['隐藏字段', '系统字段', '审批结论', '审批附件']) await expect(drawer.getByLabel(label, { exact: true })).toHaveCount(0);
   await drawer.getByLabel('申请名称', { exact: true }).fill('已更正的业务申请');
-  await drawer.getByRole('button', { name: '提交' }).dblclick();
+  await drawer.getByRole('button', { name: '保存' }).dblclick();
   await expect(drawer.getByRole('button', { name: '关闭', exact: true })).toBeDisabled();
   await page.keyboard.press('Escape');
   await expect(drawer).toBeVisible();
-  const detail = page.getByRole('dialog', { name: '采购申请详情' });
-  await expect(detail.getByText('已更正的业务申请', { exact: true })).toBeVisible();
+  const detail = page.getByRole('dialog', { name: '申请详情' });
+  await expect(detail.getByRole('heading', { name: '已更正的业务申请', exact: true })).toBeVisible();
   await expect(detail.locator('input,textarea')).toHaveCount(0);
-  await expect(detail.getByText('已同意', { exact: true })).toBeVisible();
+  await expect(detail.locator('.oxa-record-detail-hero').getByText('已同意', { exact: true })).toBeVisible();
   expect(state.correctionWrites).toHaveLength(1);
   expect(state.correctionWrites[0].operations[0]).toMatchObject({ expectedRevision: 8, data: { title: '已更正的业务申请', amount: 28600 } });
   expect(Object.keys(state.correctionWrites[0].operations[0].data).sort()).toEqual(['amount', 'title']);
@@ -221,11 +242,11 @@ test('an uncertain workflow edit preserves input and replays the original revisi
   state.loseCorrectionResponse = true;
   const drawer = await openCorrection(page);
   await drawer.getByLabel('申请名称', { exact: true }).fill('网络重试后保留的申请');
-  await drawer.getByRole('button', { name: '提交' }).click();
+  await drawer.getByRole('button', { name: '保存' }).click();
   await expect(drawer.getByText('响应暂时不可用，请重试')).toBeVisible();
   await expect(drawer.getByLabel('申请名称', { exact: true })).toHaveValue('网络重试后保留的申请');
-  await drawer.getByRole('button', { name: '提交' }).click();
-  await expect(page.getByRole('dialog', { name: '采购申请详情' }).getByText('网络重试后保留的申请', { exact: true })).toBeVisible();
+  await drawer.getByRole('button', { name: '保存' }).click();
+  await expect(page.getByRole('dialog', { name: '申请详情' }).getByRole('heading', { name: '网络重试后保留的申请', exact: true })).toBeVisible();
   expect(state.correctionWrites).toHaveLength(2);
   expect(state.correctionWrites[1]).toEqual(state.correctionWrites[0]);
   expect(state.correctionEffects).toBe(1);
@@ -238,9 +259,9 @@ test('CAS conflicts retain the original form and revision without a hidden reloa
   const initialReads = state.correctionReads;
   state.record.revision = 9;
   await drawer.getByLabel('申请名称', { exact: true }).fill('尚未覆盖并发修改');
-  await drawer.getByRole('button', { name: '提交' }).click();
+  await drawer.getByRole('button', { name: '保存' }).click();
   await expect(drawer.getByText('数据已发生变化，请关闭后重新核对')).toBeVisible();
-  await drawer.getByRole('button', { name: '提交' }).click();
+  await drawer.getByRole('button', { name: '保存' }).click();
   await expect.poll(() => state.correctionWrites.length).toBe(2);
   await expect(drawer.getByLabel('申请名称', { exact: true })).toHaveValue('尚未覆盖并发修改');
   expect(state.correctionWrites[1]).toEqual(state.correctionWrites[0]);
@@ -255,7 +276,7 @@ test('revoked admin authority fails saving and hides editing when identity is re
   const drawer = await openCorrection(page);
   state.admin = false;
   await drawer.getByLabel('申请名称', { exact: true }).fill('撤权后不能保存');
-  await drawer.getByRole('button', { name: '提交' }).click();
+  await drawer.getByRole('button', { name: '保存' }).click();
   await expect(drawer.getByText('当前用户无权编辑数据')).toBeVisible();
   await expect(drawer.getByLabel('申请名称', { exact: true })).toHaveValue('撤权后不能保存');
   await page.reload();
@@ -268,7 +289,7 @@ test('record edit load retries and rejects a Surface for another environment or
   const state = await workflowEntryPlatform(page);
   state.correctionReadFailure = true;
   await page.goto('/workflow-entry.e2e.html');
-  await page.getByRole('button', { name: '编辑', exact: true }).click();
+  await page.getByRole('button', { name: '编辑', exact: true }).first().click();
   const drawer = page.getByRole('dialog', { name: '编辑数据' });
   await expect(drawer.getByText('暂时无法读取编辑表单')).toBeVisible();
   state.correctionReadFailure = false;
@@ -309,8 +330,8 @@ test('workflow launch retries one command, blocks close while processing and ope
   await page.keyboard.press('Escape');
   await expect(drawer).toBeVisible();
   state.processStatus = 'started';
-  const detail = page.getByRole('dialog', { name: '采购申请详情' });
-  await expect(detail.getByText('抽屉新增的申请', { exact: true })).toBeVisible();
+  const detail = page.getByRole('dialog', { name: '申请详情' });
+  await expect(detail.getByRole('heading', { name: '抽屉新增的申请', exact: true })).toBeVisible();
   await expect(detail.locator('input,textarea')).toHaveCount(0);
   expect(state.launches).toHaveLength(2);
   expect(state.launches[1]).toEqual(state.launches[0]);
@@ -374,11 +395,25 @@ test('supplementary answers are guarded and resume completion without resubmitti
   expect(state.launches).toHaveLength(1);
 });
 
+test('workflow change history uses the acquired Surface CSRF token', async ({ page }) => {
+  const state = await workflowEntryPlatform(page);
+  await page.goto('/workflow-entry.e2e.html');
+  await page.getByRole('button', { name: '查看', exact: true }).click();
+  const detail = page.getByRole('dialog', { name: '申请详情' });
+  await detail.getByRole('tab', { name: '变更记录' }).click();
+  await expect.poll(() => state.auditReads).toBeGreaterThan(0);
+  await expect(detail.getByText('暂无变更记录', { exact: true })).toBeVisible();
+  await expect(detail.getByText(/变更记录读取失败/)).toHaveCount(0);
+});
+
 test('detail switches to the ordinary full-width editor and back with only one dialog', async ({ page }, testInfo) => {
   const state = await workflowEntryPlatform(page);
   await page.goto('/workflow-entry.e2e.html');
   await page.getByRole('button', { name: '查看', exact: true }).click();
-  const detail = page.getByRole('dialog', { name: '采购申请详情' });
+  const detail = page.getByRole('dialog', { name: '申请详情' });
+  await expect(detail.getByRole('heading', { name: '原业务申请', exact: true })).toBeVisible();
+  await expect(detail).toHaveCSS('width', '850px');
+  await page.screenshot({ path: testInfo.outputPath('workflow-detail-drawer-850.png'), animations: 'disabled' });
   await detail.getByRole('button', { name: '全屏', exact: true }).click();
   await expect.poll(async () => Math.round((await detail.boundingBox())!.width)).toBe(page.viewportSize()!.width);
   await detail.getByRole('button', { name: '编辑', exact: true }).click();
@@ -390,28 +425,50 @@ test('detail switches to the ordinary full-width editor and back with only one d
   await expect.poll(async () => Math.round((await editor.boundingBox())!.width)).toBe(page.viewportSize()!.width);
   await editor.getByLabel('申请名称', { exact: true }).fill('直接编辑的数据');
   await page.screenshot({ path: testInfo.outputPath('workflow-ordinary-editor-fullscreen.png'), animations: 'disabled' });
-  await editor.getByRole('button', { name: '提交', exact: true }).click();
-  await expect(detail.getByText('直接编辑的数据', { exact: true })).toBeVisible();
+  await editor.getByRole('button', { name: '保存', exact: true }).click();
+  await expect(detail.getByRole('heading', { name: '直接编辑的数据', exact: true })).toBeVisible();
   await expect(page.getByRole('dialog')).toHaveCount(1);
   await expect(detail.getByRole('button', { name: '退出全屏' })).toBeVisible();
   expect(state.correctionWrites[0].operations[0].id).toBe('record-1');
   expect(state.launches).toEqual([]);
 });
 
+test('standalone record detail keeps the approved content width and cancels editing in place', async ({ page }, testInfo) => {
+  const state = await workflowEntryPlatform(page);
+  await page.setViewportSize({ width: 1440, height: 900 });
+  await page.goto('/workflow-entry.e2e.html?mode=desktop-detail');
+  const heading = page.getByRole('heading', { name: '原业务申请', exact: true });
+  await expect(heading).toBeVisible();
+  await expect(page.getByRole('dialog')).toHaveCount(0);
+  await expect(page.locator('.oxa-record-detail-body > .oxa-record-detail-width')).toHaveCSS('width', '1056px');
+  await expect(page.locator('.oxa-record-detail-hero h1')).toHaveCSS('font-size', '23px');
+  await expect(page.getByRole('tab')).toHaveCount(3);
+  await page.screenshot({ path: testInfo.outputPath('workflow-detail-standalone-1056.png'), animations: 'disabled' });
+  await page.getByRole('button', { name: '编辑', exact: true }).first().click();
+  await page.getByLabel('申请名称', { exact: true }).fill('取消的更改');
+  await page.screenshot({ path: testInfo.outputPath('workflow-detail-standalone-inline-edit.png'), animations: 'disabled' });
+  await page.getByRole('button', { name: /取\s*消/ }).click();
+  await expect(heading).toBeVisible();
+  expect(state.correctionWrites).toHaveLength(0);
+  expect(state.launches).toHaveLength(0);
+});
+
 test('mobile detail edits on the current page and returns to the same readonly record', async ({ page }, testInfo) => {
   const state = await workflowEntryPlatform(page);
   await page.setViewportSize({ width: 390, height: 844 });
   await page.goto('/workflow-entry.e2e.html?mode=mobile-detail');
-  await expect(page.getByText('原业务申请', { exact: true })).toBeVisible();
-  await page.getByRole('button', { name: '编辑', exact: true }).click();
+  await expect(page.getByRole('heading', { name: '原业务申请', exact: true })).toBeVisible();
+  await expect(page.locator('.oxa-record-detail-hero h1')).toHaveCSS('font-size', '20px');
+  await page.screenshot({ path: testInfo.outputPath('workflow-detail-mobile-390.png'), animations: 'disabled' });
+  await page.getByRole('button', { name: '编辑', exact: true }).first().click();
   await expect(page.getByRole('dialog')).toHaveCount(0);
   const form = page.locator('.oxa-mobile-form');
   await expect(form.getByRole('textbox', { name: '申请名称', exact: true })).toHaveValue('原业务申请');
   await form.getByRole('textbox', { name: '申请名称', exact: true }).fill('移动页面直接修改');
   expect(await page.evaluate(() => document.documentElement.scrollWidth <= innerWidth)).toBe(true);
   await page.screenshot({ path: testInfo.outputPath('workflow-ordinary-editor-mobile.png'), animations: 'disabled' });
-  await form.getByRole('button', { name: '提交', exact: true }).click();
-  await expect(page.getByText('移动页面直接修改', { exact: true })).toBeVisible();
+  await form.getByRole('button', { name: '保存', exact: true }).click();
+  await expect(page.getByRole('heading', { name: '移动页面直接修改', exact: true })).toBeVisible();
   await expect(page.getByRole('dialog')).toHaveCount(0);
   await expect(page.locator('.oxa-readonly-form input')).toHaveCount(0);
   expect(state.record.id).toBe('record-1');
@@ -423,30 +480,27 @@ test('ordinary workflow editing reuses Native uploads, rich text and parent-chil
   state.complexFields = true;
   const editor = await openCorrection(page, '?fields=complex');
   const subtable = editor.locator('.oxa-subtable-field');
-  await expect(subtable.getByText('原明细甲', { exact: true })).toBeVisible();
+  await expect(subtable.getByLabel('品名', { exact: true }).first()).toHaveValue('原明细甲');
   await expect(subtable.getByText('仅详情说明', { exact: true })).toHaveCount(0);
   await expect(subtable.getByText('隐藏明细字段', { exact: true })).toHaveCount(0);
   await editor.locator('input[type="file"]').first().setInputFiles({ name: '申请说明.txt', mimeType: 'text/plain', buffer: Buffer.from('说明') });
   await expect(editor.getByText('申请说明.txt', { exact: true })).toBeVisible();
   await editor.getByRole('textbox', { name: '富文本内容' }).fill('直接修改富文本说明');
-  await subtable.getByRole('row').filter({ hasText: '原明细甲' }).getByRole('button', { name: '编辑', exact: true }).click();
-  const rowEditor = page.getByRole('dialog', { name: '编辑明细' });
-  await expect(rowEditor.getByLabel('仅详情说明', { exact: true })).toHaveCount(0);
-  await expect(rowEditor.getByLabel('隐藏明细字段', { exact: true })).toHaveCount(0);
-  await rowEditor.getByLabel('品名', { exact: true }).fill('修改后的明细甲');
-  await rowEditor.getByRole('button', { name: '确 定' }).click();
-  await subtable.getByRole('row').filter({ hasText: '原明细乙' }).getByRole('button', { name: '删除', exact: true }).click();
-  await subtable.getByRole('button', { name: 'plus 添加' }).click();
-  const newRow = page.getByRole('dialog', { name: '添加明细' });
-  await newRow.getByLabel('品名', { exact: true }).fill('新增明细丙');
-  await newRow.getByLabel('数量', { exact: true }).fill('5');
-  await newRow.getByRole('button', { name: '确 定' }).click();
+  await subtable.getByLabel('品名', { exact: true }).first().fill('');
+  await editor.getByRole('button', { name: '保存', exact: true }).click();
+  await expect(editor.getByText('请完善子表单第 1 项')).toBeVisible();
+  expect(state.correctionWrites).toHaveLength(0);
+  await subtable.getByLabel('品名', { exact: true }).first().fill('修改后的明细甲');
+  await subtable.getByRole('row').nth(2).getByRole('button', { name: '删除', exact: true }).click();
+  await subtable.getByRole('button', { name: '新增一项' }).click();
+  await subtable.getByLabel('品名', { exact: true }).nth(1).fill('新增明细丙');
+  await subtable.getByLabel('数量', { exact: true }).nth(1).fill('5');
   await expect(page.getByRole('dialog')).toHaveCount(1);
   await page.screenshot({ path: testInfo.outputPath('workflow-ordinary-editor-attachments-subtable.png'), animations: 'disabled' });
-  await editor.getByRole('button', { name: '提交', exact: true }).click();
-  await expect(page.getByRole('dialog', { name: '采购申请详情' })).toBeVisible();
-  await expect(page.getByRole('dialog', { name: '采购申请详情' }).getByText('保留详情说明', { exact: true })).toBeVisible();
-  await expect(page.getByRole('dialog', { name: '采购申请详情' }).getByText('不得显示的明细值', { exact: true })).toHaveCount(0);
+  await editor.getByRole('button', { name: '保存', exact: true }).click();
+  await expect(page.getByRole('dialog', { name: '申请详情' })).toBeVisible();
+  await expect(page.getByRole('dialog', { name: '申请详情' }).getByText('保留详情说明', { exact: true })).toBeVisible();
+  await expect(page.getByRole('dialog', { name: '申请详情' }).getByText('不得显示的明细值', { exact: true })).toHaveCount(0);
   expect(state.uploads).toMatchObject([{ fieldCode: 'attachments', recordId: 'record-1' }]);
   const operations = state.correctionWrites[0].operations;
   expect(operations[0]).toMatchObject({ operation: 'update', id: 'record-1', expectedRevision: 8, data: { attachments: [{ id: 'file-1' }] } });
@@ -467,18 +521,18 @@ test('mobile child editing selects form fields while readonly details retain the
   state.complexFields = true;
   await page.setViewportSize({ width: 390, height: 844 });
   await page.goto('/workflow-entry.e2e.html?mode=mobile-detail&fields=complex');
-  await expect(page.getByRole('textbox', { name: '仅详情说明', exact: true }).first()).toHaveValue('保留详情说明');
+  await expect(page.locator('.oxa-workflow-subtable-mobile')).toContainText('保留详情说明');
   await expect(page.getByLabel('隐藏明细字段', { exact: true })).toHaveCount(0);
-  await page.getByRole('button', { name: '编辑', exact: true }).click();
+  await page.getByRole('button', { name: '编辑', exact: true }).first().click();
   const form = page.locator('.oxa-mobile-form');
   const childName = form.getByRole('textbox', { name: '品名', exact: true }).first();
   await expect(childName).toHaveValue('原明细甲');
   await expect(form.getByLabel('仅详情说明', { exact: true })).toHaveCount(0);
   await expect(form.getByLabel('隐藏明细字段', { exact: true })).toHaveCount(0);
   await childName.fill('移动明细修改');
-  await form.getByRole('button', { name: '提交', exact: true }).click();
-  await expect(page.getByRole('textbox', { name: '仅详情说明', exact: true }).first()).toHaveValue('保留详情说明');
-  await expect(page.getByRole('textbox', { name: '品名', exact: true }).first()).toHaveValue('移动明细修改');
+  await form.getByRole('button', { name: '保存', exact: true }).click();
+  await expect(page.locator('.oxa-workflow-subtable-mobile')).toContainText('保留详情说明');
+  await expect(page.locator('.oxa-workflow-subtable-mobile')).toContainText('移动明细修改');
   await expect(page.getByRole('dialog')).toHaveCount(0);
   expect(state.correctionWrites[0].operations.slice(1)).toEqual([
     { operation: 'update', resourceCode: 'purchase-lines', id: 'line-1', expectedRevision: 3, data: { name: '移动明细修改' } },

package/template/apps/web/e2e/workflow.spec.ts

@@ -526,7 +526,7 @@ function processCommandSurface() {
   };
 }
 
-function todoPage(offset = 0) {
+function todoPage(offset = 0, view = 'all') {
   const first = {
     messageId: '33333333-3333-4333-8333-333333333333',
     recipientId: '44444444-4444-4444-8444-444444444444',
@@ -560,7 +560,7 @@ function todoPage(offset = 0) {
     schemaVersion: 'openxiangda.application-todo-center/v2',
     appCode,
     environmentKey: 'preproduction',
-    view: 'pending',
+    view,
     counts: { pending: 1, informational: 2, completed: 3, unread: 1 },
     items: [offset > 0 ? second : first],
     total: 2,
@@ -649,7 +649,7 @@ async function mockWorkflow(
       return route.fulfill({
         contentType: 'application/json',
         body: JSON.stringify(
-          envelope(todoPage(Number(url.searchParams.get('offset') || 0))),
+          envelope(todoPage(Number(url.searchParams.get('offset') || 0), url.searchParams.get('view') || 'all')),
         ),
       });
     }
@@ -709,6 +709,7 @@ async function mockWorkflow(
       });
     }
     if (path.endsWith('/workflow/work-center/items')) {
+      const view = url.searchParams.get('view') || 'pending';
       return route.fulfill({
         contentType: 'application/json',
         body: JSON.stringify(
@@ -716,11 +717,12 @@ async function mockWorkflow(
             engineVersion: '2.0',
             authorizationMode: 'current_user_role_union',
             authorizationDigest: 'digest-1',
-            status: 'pending',
+            view,
+            counts: { created: 1, pending: completed ? 0 : 1, handled: completed ? 1 : 0, cc: 1 },
             total: 1,
             limit: 20,
             offset: 0,
-            items: [task(completed, options.customDetail)],
+            items: [{ ...task(completed, options.customDetail), id: view === 'pending' ? taskId : instanceId, itemKind: view === 'pending' ? 'task' : 'instance', instanceId, taskId: view === 'pending' ? taskId : null, workflowTitle: '采购审批', taskTitle: '负责人审批', instanceStatus: completed ? 'approved' : 'running', resourceCode: 'purchase-orders', recordId: 'purchase-1', occurredAt: '2026-08-25T01:00:00.000Z' }],
           })
         ),
       });
@@ -803,9 +805,55 @@ test('renders a paged desktop work center from the current-user role union', asy
 }) => {
   await mockWorkflow(page);
   await page.goto('/workflow-experience.e2e.html?initial=/work-center');
-  await expect(page.getByRole('heading', { name: '审批工作台' })).toBeVisible();
-  await expect(page.getByRole('link', { name: '采购申请审批' })).toBeVisible();
-  await expect(page.getByText('PO-2026-0825')).toBeVisible();
+  await expect(page.getByRole('heading', { name: '待办中心' })).toBeVisible();
+  await expect(page.getByRole('button', { name: '采购申请审批' })).toBeVisible();
+  await expect(page.getByText('采购审批', { exact: true })).toBeVisible();
+  for (const [view, label] of [['created', '我创建的'], ['handled', '我已处理'], ['cc', '抄送我的'], ['pending', '待我审批']]) {
+    const request = page.waitForRequest(request => new URL(request.url()).pathname.endsWith('/workflow/work-center/items') && new URL(request.url()).searchParams.get('view') === view);
+    await page.getByRole('tab', { name: new RegExp(label) }).click();
+    await request;
+    await expect(page.getByRole('button', { name: '采购申请审批' })).toBeVisible();
+  }
+});
+
+test('a current task handler can send CC with the Surface instance command and multiple directory users', async ({ page }) => {
+  await mockWorkflow(page);
+  const current = detail();
+  const cc = {
+    key: 'cc', kind: 'workflow_command', label: '抄送', group: 'instance_control', audience: 'participant',
+    placement: 'overflow', emphasis: 'neutral', tone: 'neutral', visible: true, enabled: true,
+    inputSchema: { type: 'object', additionalProperties: false, required: ['userIds'], properties: {
+      userIds: { type: 'array', title: '抄送给', minItems: 1, maxItems: 20, uniqueItems: true, items: { type: 'string' } },
+      comment: { type: 'string', title: '留言', maxLength: 4000 },
+    } },
+    uiSchema: { presentation: 'dialog', confirmText: '确认抄送', properties: { userIds: { component: 'user_select', mode: 'multiple' } } },
+    execute: { method: 'POST', href: `/openxiangda-api/v2/applications/${appCode}/workflow/instances/${instanceId}/commands/cc`, idempotencyRequired: true },
+    refresh: ['surface', 'timeline', 'work_center'],
+  };
+  const augmented = { ...current, operations: [...current.operations, cc], surface: { ...current.surface, operations: [...current.surface.operations, cc] } };
+  await page.route('**/workflow/tasks/*/detail', route => route.fulfill({ json: envelope(augmented) }));
+  await page.route('**/directory/users?**', route => route.fulfill({ json: envelope({ items: [{ id: 'cc-user-1', label: '陈老师' }, { id: 'cc-user-2', label: '李老师' }], nextCursor: null }) }));
+  let writes = 0;
+  await page.route('**/workflow/instances/*/commands/cc', async route => {
+    writes += 1;
+    expect(route.request().postDataJSON()).toMatchObject({ commandToken: current.surface.commandToken, input: { userIds: ['cc-user-1', 'cc-user-2'], comment: '请查阅' } });
+    expect(route.request().postDataJSON().idempotencyKey).toBeTruthy();
+    expect(route.request().headers()['x-openxiangda-csrf-token']).toBe('workflow-csrf-1');
+    await route.fulfill({ json: envelope({ status: 'completed', advanced: false, instanceId }) });
+  });
+  await page.goto(workflowFixtureUrl(`/tasks/${taskId}`));
+  await page.getByRole('button', { name: '更多操作' }).click();
+  await page.getByRole('button', { name: '抄送', exact: true }).click();
+  await page.getByRole('button', { name: '确认抄送' }).click();
+  expect(writes).toBe(0);
+  const select = page.getByRole('dialog').getByRole('combobox');
+  await select.fill('老师');
+  await page.getByTitle('陈老师', { exact: true }).click();
+  await page.getByTitle('李老师', { exact: true }).click();
+  await page.getByLabel('留言').fill('请查阅');
+  await page.getByRole('button', { name: '确认抄送' }).click();
+  await expect.poll(() => writes).toBe(1);
+  await expect(page.getByRole('button', { name: /同\s*意/ })).toBeVisible();
 });
 
 test('renders the generic desktop and mobile application todo center without a second router', async ({
@@ -813,7 +861,7 @@ test('renders the generic desktop and mobile application todo center without a s
 }) => {
   await mockWorkflow(page);
   await page.goto('/workflow-experience.e2e.html?initial=/todos');
-  await expect(page.getByRole('heading', { name: '待办中心' })).toBeVisible();
+  await expect(page.getByRole('heading', { name: '消息中心' })).toBeVisible();
   await expect(page.getByTestId('standard-frame-desktop')).toHaveCount(0);
   await expect(page.locator('.oxa-todo-table')).toBeVisible();
   await expect(page.locator('.oxa-todo-preview-card')).toHaveCount(0);
@@ -881,7 +929,7 @@ test('selects paired application todo renderers while the platform owns data, pa
   await page.getByRole('button', { name: '切换未读' }).click();
   await unreadRequest;
   await expect(page.getByTestId('custom-todo-query')).toContainText(
-    'pending/true/all',
+    'all/true/all',
   );
 
   await page.getByRole('button', { name: '设备采购申请待审批' }).click();
@@ -970,7 +1018,7 @@ test('routes desktop and mobile work-center entries to the declared custom detai
 }) => {
   await mockWorkflow(page, { customDetail: true });
   await page.goto('/workflow-experience.e2e.html?initial=/work-center');
-  await page.getByRole('link', { name: '采购申请审批' }).click();
+  await page.getByRole('button', { name: '采购申请审批' }).click();
   await expect(page.getByTestId('custom-workflow-detail')).toContainText(
     `${instanceId} / ${taskId}`
   );
@@ -1008,7 +1056,7 @@ test('renders a standalone desktop detail on the canonical user URL', async ({
   await page.goto(
     workflowFixtureUrl(`/tasks/${taskId}?from=todo#approval`),
   );
-  await expect(page.locator('.oxa-workflow-desktop-standalone-page')).toBeVisible();
+  await expect(page.locator('.oxa-record-detail-desktop.is-page')).toBeVisible();
   await expect(page).toHaveURL(
     new RegExp(`/tasks/${taskId}\\?from=todo#approval$`),
   );
@@ -1019,6 +1067,7 @@ test('renders a standalone desktop detail on the canonical user URL', async ({
   await expect(page.getByText('业务数据已变化')).toHaveCount(0);
   await expect(page.getByText('流程信息')).toHaveCount(0);
   await expect(page.getByText('操作记录')).toHaveCount(0);
+  await page.getByRole('tab', { name: '审批历史' }).click();
   await expect(page.getByText('由值班负责人继续处理')).toHaveCount(1);
   await expect(page.getByRole('button', { name: /同\s*意/ })).toBeVisible();
   await expect(page.getByRole('button', { name: /拒\s*绝/ })).toBeVisible();
@@ -1042,8 +1091,9 @@ test('renders the independent mobile task and executes only a Surface operation'
   await mockWorkflow(page);
   await page.setViewportSize({ width: 390, height: 844 });
   await page.goto(`/workflow-experience.e2e.html?initial=/m/tasks/${taskId}`);
-  await expect(page.locator('.oxa-workflow-mobile-page')).toBeVisible();
+  await expect(page.locator('.oxa-record-detail-mobile')).toBeVisible();
   await expect(page.getByText('¥30,000')).toBeVisible();
+  await page.getByRole('tab', { name: '审批历史' }).click();
   await expect(page.getByText('财务负责人').first()).toBeVisible();
   await expect(page.getByRole('button', { name: /同\s*意/ })).toBeVisible();
   await page.getByRole('button', { name: /同\s*意/ }).click();
@@ -1064,7 +1114,7 @@ test('shows an explicit authorization error instead of an empty work center', as
   await expect(page.getByRole('alert')).toContainText('403: forbidden', {
     timeout: 30_000,
   });
-  await expect(page.getByRole('link', { name: '采购申请审批' })).toHaveCount(0);
+  await expect(page.getByRole('button', { name: '采购申请审批' })).toHaveCount(0);
 });
 
 test('negotiates direct standard routes after BrowserRouter listener setup', async ({
@@ -1112,7 +1162,7 @@ test('negotiates direct standard routes after BrowserRouter listener setup', asy
   await page.goto(
     workflowFixtureUrl(`/tasks/${taskId}?from=todo#approval`),
   );
-  await expect(page.locator('.oxa-workflow-detail-mobile-native')).toBeVisible();
+  await expect(page.locator('.oxa-record-detail-mobile')).toBeVisible();
   await expect(page).toHaveURL(
     new RegExp(`/m/tasks/${taskId}\\?from=todo#approval$`),
   );
@@ -1120,7 +1170,7 @@ test('negotiates direct standard routes after BrowserRouter listener setup', asy
   await page.goto(
     workflowFixtureUrl(`/workflows/${instanceId}?from=todo#timeline`),
   );
-  await expect(page.locator('.oxa-workflow-detail-mobile-native')).toBeVisible();
+  await expect(page.locator('.oxa-record-detail-mobile')).toBeVisible();
   await expect(page).toHaveURL(
     new RegExp(`/m/workflows/${instanceId}\\?from=todo#timeline$`),
   );
@@ -1146,7 +1196,7 @@ test('negotiates launch pairs in both directions and preserves the mount basenam
   );
 
   await page.setViewportSize({ width: 1_440, height: 900 });
-  await expect(page.locator('.oxa-workflow-submission-desktop')).toBeVisible();
+  await expect(page.locator('.oxa-workflow-entry')).toBeVisible();
   await expect(page).toHaveURL(
     new RegExp(
       `${base}/workflows/purchase-approval/start\\?source=todo#launch$`,

package/template/apps/web/package.json

@@ -14,7 +14,7 @@
     "@ant-design/icons": "6.2.3",
     "@refinedev/core": "5.0.12",
     "antd": "6.4.3",
-    "openxiangda": "2.0.0-alpha.98",
+    "openxiangda": "2.0.0-alpha.100",
     "react": "19.2.8",
     "react-dom": "19.2.8",
     "react-router-dom": "7.8.2"

package/template/package.json

@@ -22,7 +22,7 @@
     "build": "pnpm --recursive build"
   },
   "devDependencies": {
-    "openxiangda": "2.0.0-alpha.98",
+    "openxiangda": "2.0.0-alpha.100",
     "typescript": "5.9.3"
   }
 }