@givolt/i3-composer-agent 3.0.0 → 3.1.0

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/workbench/WorkbenchPage.html

@@ -0,0 +1,3 @@
+<!-- 来源：src/workbench/WorkbenchPage.vue；HTML / 原生 DOM 绑定，不含 Vue 运行时。 -->
+<div class="page-heading wb-heading"><div><h1>工作台</h1><p>{{ (session.actor.name) }}，从待办继续推进你的需求与交付。</p></div><template data-component="Space" wrap=""><template data-component="Select" data-model-value="(store.range)" aria-label="工作台查看范围" data-bind-options="([{ label: '与我相关', value: 'mine' }, { label: '全部授权范围', value: 'all' }])"></template><template data-component="Button" aria-label="刷新工作台" data-on-click="(refresh)"><template data-component="ReloadOutlined"></template></template><template data-component="Button" type="primary" data-bind-disabled="(!session.can('intent:view', session.actor.tenantId) || !session.can('intent:edit', session.actor.tenantId))" data-on-click="(router.push('/intents/new'))"><template data-component="PlusOutlined"></template>发起意图</template></template></div><template data-component="Alert" data-if="(!session.can('intent:view') &amp;&amp; !session.can('pbc:view') &amp;&amp; !session.can('task:view'))" type="info" show-icon="" title="当前身份尚无业务查看权限" description="首页只统计有权查看的记录。请联系业务管理员在权限管理中配置功能及数据范围。" class="page-alert"></template><template data-component="Alert" data-if="(store.notices.length)" class="page-alert" type="error" show-icon="" title="部分本地记录读取失败，请先重新加载核对" data-bind-description="(store.notices.join('；'))"><template data-slot="action"><template data-component="Button" data-on-click="(refresh)">重新加载</template></template></template><p class="wb-scope-note">{{ (store.range === 'mine' ? '与我相关：我创建或负责的需求、任务，以及关联的 PBC。' : '全部授权范围：仅显示当前身份获准查看的业务记录。') }} 数据来自本浏览器的演示记录。</p><div class="wb-metrics" aria-label="工作概览"><button class="panel wb-metric" data-on-click="(focusSection('wb-todos'))"><span class="wb-metric-icon"><template data-component="CheckSquareOutlined"></template></span><span><span class="wb-metric-label">待处理事项</span><strong>{{ (store.data.todos.length) }}</strong><small>其中 {{ (store.data.actionable) }} 项具备下一步处理权限</small></span><template data-component="ArrowRightOutlined"></template></button><button class="panel wb-metric" data-on-click="(focusSection('wb-deliveries'))"><span class="wb-metric-icon"><template data-component="ProjectOutlined"></template></span><span><span class="wb-metric-label">在途交付</span><strong>{{ (store.data.ongoing) }}</strong><small>执行、人工确认或异常处理中</small></span><template data-component="ArrowRightOutlined"></template></button><button class="panel wb-metric" data-on-click="(focusSection('wb-pbcs'))"><span class="wb-metric-icon"><template data-component="AppstoreOutlined"></template></span><span><span class="wb-metric-label">{{ (store.range === 'mine' ? '相关 PBC' : '可见 PBC') }}</span><strong>{{ (store.data.pbcs.length) }}</strong><small>进入工作区查看需求、任务与产物</small></span><template data-component="ArrowRightOutlined"></template></button></div><div class="wb-grid"><div class="wb-main"><section id="wb-todos" class="panel wb-panel" tabindex="-1" aria-labelledby="wb-todo-title"><div class="section-heading"><h2 id="wb-todo-title">{{ (heading) }}待办</h2><template data-component="Input.Search" data-model-value="(keyword)" aria-label="搜索工作台待办" placeholder="搜索名称或编号" allow-clear="" class="wb-search"></template></div><template data-component="Tabs" data-model-active-key="(group)" data-bind-items="([{ key: 'all', label: '全部' }, { key: '需求与规格', label: '需求与规格' }, { key: 'PBC 归属', label: 'PBC 归属' }, { key: '交付任务', label: '交付任务' }, { key: '质量与评审', label: '质量与评审' }, { key: '门禁与发布', label: '门禁与发布' }, { key: '运行管理', label: '运行管理' }])"></template><template data-component="ProTable" data-if="(filtered.length)" class="wb-todo-table" data-bind-table="(table)" data-bind-search="(async () =&gt; { })" data-bind-control="(false)" data-bind-table-container="(false)" row-key="id" data-bind-scroll="({ x: 690 })" size="small" data-bind-pagination="({ showSizeChanger: false, showTotal: (n) =&gt; '共 ' + n + ' 项' })"></template><div data-if="(filtered.length)" class="wb-todo-mobile"><article data-each="t in (table.dataSource.value)" data-bind-key="(t.id)"><template data-component="RouterLink" data-bind-to="(t.path)" class="model-link">{{ (t.title) }}</template><span class="mono muted">{{ (t.code) }}</span><template data-component="Tag" data-bind-color="(t.allowed ? 'blue' : 'default')">{{ (t.status) }}</template><p>{{ (t.reason) }}</p><small class="muted">{{ (t.affiliation) }} · {{ (tenantLabel(t.tenantId)) }}<br>创建人 {{ (t.createdBy) }}<br>更新 {{ (formatDate(t.updatedAt)) }}</small><template data-component="Button" size="small" data-on-click="(router.push(t.path))">{{ (t.action) }}</template></article><template data-component="Pagination" data-model-current="(table.pageParam.current)" data-bind-page-size="(5)" data-bind-total="(filtered.length)" size="small" data-bind-show-size-changer="(false)"></template></div><template data-component="Empty" data-if="(!filtered.length)" data-bind-description="(keyword || group !== 'all' ? '没有符合筛选条件的待办' : '当前范围暂无待办')" class="wb-empty"><template data-component="Button" data-if="(keyword || group !== 'all')" data-on-click="keyword = '';
+group = 'all';">清除筛选</template><template data-component="Button" data-else-if="(store.range === 'mine')" data-on-click="(store.range = 'all')">查看全部授权范围</template><p class="muted">汇总意图、规格、PBC、交付、评审、发布与运行待办。</p></template><p class="wb-footnote">待办是业务记录的汇总入口；修改与删除请进入相应管理页面。</p></section><section id="wb-pbcs" class="panel wb-panel" tabindex="-1" aria-labelledby="wb-pbc-title"><div class="section-heading"><h2 id="wb-pbc-title">{{ (heading) }}PBC</h2><template data-component="Button" type="link" data-bind-disabled="(!session.can('pbc:view'))" data-on-click="(router.push('/pbcs'))">PBC 管理 <template data-component="ArrowRightOutlined"></template></template></div><div data-if="(store.data.pbcs.length)" class="wb-pbcs"><button data-each="p in (store.data.pbcs.slice(0, 4))" data-bind-key="(p.id)" class="wb-pbc" data-on-click="(router.push('/pbcs/' + p.id + '/workspace'))"><span class="wb-pbc-top"><strong>{{ (p.name) }}</strong><template data-component="Tag" data-bind-color="(p.state === 'archived' ? 'default' : 'green')">{{ (p.state === 'archived' ? '已归档' : '正常') }}</template></span><span>{{ (p.ebc) }} · {{ (tenantLabel(p.tenantId)) }}</span><span class="muted">负责人 {{ (p.owner) }} · {{ (p.services.filter(s =&gt; !s.isDeleted).length) }} 项服务方案</span><span class="wb-pbc-bottom">进入交付工作区 <template data-component="ArrowRightOutlined"></template></span></button></div><template data-component="Empty" data-else="" description="当前范围暂无 PBC" class="wb-empty"><p class="muted">需求完成规格确认后，可以关联已有 PBC 或创建新 PBC。</p></template><p data-if="(store.data.pbcs.length &gt; 4)" class="wb-footnote">这里显示前 4 个 PBC，完整记录可进入 PBC 管理查看。</p></section><section id="wb-deliveries" class="panel wb-panel" tabindex="-1" aria-labelledby="wb-delivery-title"><div class="section-heading"><h2 id="wb-delivery-title">{{ (heading) }}交付</h2><template data-component="Button" type="link" data-bind-disabled="(!session.can('task:view'))" data-on-click="(router.push('/tasks'))">交付任务 <template data-component="ArrowRightOutlined"></template></template></div><div data-if="(store.data.deliveries.length)" class="wb-deliveries"><article data-each="t in (store.data.deliveries.slice(0, 4))" data-bind-key="(t.id)" class="wb-delivery"><div class="wb-delivery-info"><template data-component="RouterLink" data-bind-to="('/tasks/' + t.id)" class="model-link">{{ (t.name) }}</template><span class="muted">{{ (t.code) }} · {{ (t.project) }} · {{ (t.owner) }}</span><span>{{ (t.stage) }} <template data-component="Tag" data-bind-color="(t.status === 'failed' ? 'red' : t.status === 'waiting' ? 'orange' : 'blue')">{{ (t.label) }}</template></span></div><div class="wb-progress"><template data-component="Progress" data-bind-percent="(t.progress)" data-bind-status="(t.status === 'failed' ? 'exception' : 'normal')" size="small"></template><small class="muted">研发阶段进度 · {{ (formatDate(t.updatedAt)) }}</small></div></article></div><template data-component="Empty" data-else="" description="当前范围暂无交付任务" class="wb-empty"></template><p data-if="(store.data.deliveries.length &gt; 4)" class="wb-footnote">最近更新的 4 个任务；完整记录请进入交付任务。</p></section></div><aside class="wb-side"><section class="panel wb-panel" aria-label="快捷入口"><h2>快捷入口</h2><div class="wb-shortcuts"><template data-component="Button" data-bind-disabled="(!session.can('pbc:view') || !session.can('intent:view') || !session.can('pbc:create'))" data-on-click="(create = true)"><template data-component="AppstoreOutlined"></template>新建 PBC <template data-component="ArrowRightOutlined"></template></template><small class="muted">需有已确认规格及对应租户创建权限。</small><template data-component="Button" data-bind-disabled="(!session.can('task:view') || !session.can('task:create'))" data-on-click="(router.push('/tasks/new'))"><template data-component="ProjectOutlined"></template>发起交付 <template data-component="ArrowRightOutlined"></template></template><small class="muted">需完成 PBC 归属并选择可用交付流程。</small><template data-component="Button" data-bind-disabled="(!session.can('intent:view'))" data-on-click="(router.push('/intents'))">意图与需求 <template data-component="ArrowRightOutlined"></template></template><template data-component="Button" data-bind-disabled="(!session.can('task:view') || !session.can('artifact:view'))" data-on-click="(router.push('/reviews'))">质量与评审 <template data-component="ArrowRightOutlined"></template></template><template data-component="Button" data-bind-disabled="(!session.can('task:view') || !session.can('artifact:view'))" data-on-click="(router.push('/releases'))">门禁与发布 <template data-component="ArrowRightOutlined"></template></template><template data-component="Button" data-bind-disabled="(!session.can('operation:view'))" data-on-click="(router.push('/operations'))">运行管理 <template data-component="ArrowRightOutlined"></template></template><template data-component="Button" data-bind-disabled="(!session.can('model:view'))" data-on-click="(router.push('/models'))">模型管理 <template data-component="ArrowRightOutlined"></template></template></div><p class="wb-footnote">入口按授权显示可用状态。无权限时请联系业务管理员。</p></section><section class="panel wb-panel" aria-label="公告与规范提醒"><div class="section-heading"><h2><template data-component="NotificationOutlined"></template> 公告与规范</h2><template data-component="Tag">演示</template></div><ul class="wb-notices"><li data-each="n in (alerts)" data-bind-key="(n.id)"><button data-on-click="(notice = n.id)"><span class="wb-notice-meta">{{ (n.category) }} · {{ (n.date) }}</span><strong>{{ (n.title) }}</strong><span class="muted">查看详情 <template data-component="ArrowRightOutlined"></template></span></button></li></ul><p class="wb-footnote">只读内容样例，未发送真实通知。</p></section><section class="panel wb-panel wb-coming"><h2>运行反馈已接入</h2><p>运行验收与异常按原记录汇总；处理后待办同步更新，历史证据保留。</p></section></aside></div><template data-component="PbcCreateEntry" data-bind-open="(create)" data-on-close="(create = false)"></template><template data-component="Modal" data-bind-open="(!!selectedNotice)" data-bind-title="(selectedNotice?.title)" data-on-cancel="(notice = '')" data-bind-footer="(null)"><template data-if="(selectedNotice)"><p class="muted">{{ (selectedNotice.category) }} · {{ (selectedNotice.date) }} · 演示内容</p><p class="wb-notice-content">{{ (selectedNotice.body) }}</p><template data-component="Button" data-on-click="(notice = '')">关闭</template></template></template>

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/workbench/WorkbenchPage.js

@@ -0,0 +1,36 @@
+import { computed, ref, watch } from '../../runtime/state.js';
+import { h } from '../../runtime/dom.js';
+import { useRouter } from "../../runtime/router.js";
+import { Alert, Button, Empty, Input, Modal, Pagination, Progress, Select, Space, Tabs, Tag } from "../../runtime/widgets.js";
+import { PlusOutlined, ArrowRightOutlined, ReloadOutlined, CheckSquareOutlined, AppstoreOutlined, ProjectOutlined, NotificationOutlined } from "../../runtime/icons.js";
+import { ProTable, useTable } from "../../runtime/widgets.js";
+import { useWorkbench } from "./store.js";
+import { useSession } from "../shared/session.js";
+import { formatDate, tenantLabel } from "../shared/policy.js";
+import PbcCreateEntry from "../pbc/PbcCreateEntry.js";
+import { createComponent } from '../../runtime/dom.js';
+export default createComponent({ name: 'WorkbenchPage', propKeys: [], template: new URL('./WorkbenchPage.html', import.meta.url).href, setup(__props, __emit) {
+        const store = useWorkbench(), session = useSession(), router = useRouter(), keyword = ref(''), group = ref('all'), create = ref(false), notice = ref('');
+        const filtered = computed(() => store.data.todos.filter(t => (group.value === 'all' || t.group === group.value) && (!keyword.value.trim() || (t.title + t.code + t.reason).toLowerCase().includes(keyword.value.trim().toLowerCase()))));
+        const heading = computed(() => store.range === 'mine' ? '我的' : '授权范围内的');
+        const render = (fn) => (_, row) => fn(row);
+        const columns = [
+            { title: '待办事项', key: 'title', width: 280, render: render(t => h('div', { class: 'wb-item' }, [h('button', { class: 'text-button model-link', onClick: () => router.push(t.path) }, t.title), h('span', { class: 'mono muted' }, t.code), h('span', { class: 'muted' }, t.affiliation + ' · ' + tenantLabel(t.tenantId)), h('span', { class: 'muted' }, '创建人 ' + t.createdBy + ' · 更新 ' + formatDate(t.updatedAt))])) },
+            { title: '当前状态与下一步', key: 'status', width: 290, render: render(t => h('div', { class: 'wb-item' }, [h(Tag, { color: t.allowed ? 'blue' : 'default' }, () => t.status), h('span', { class: 'wb-reason' }, t.reason)])) },
+            { title: '操作', key: 'action', width: 120, fixed: 'right', render: render(t => h(Button, { type: 'link', onClick: () => router.push(t.path), 'aria-label': t.action + ' ' + t.code }, () => t.action)) },
+        ];
+        const table = useTable({ columns, pageParam: { current: 1, pageSize: 5, total: 0 } });
+        function updateTable() { const p = table.pageParam; p.total = filtered.value.length; const pages = Math.max(1, Math.ceil(p.total / (p.pageSize || 5))); if ((p.current || 1) > pages)
+            p.current = pages; table.dataSource.value = filtered.value.slice(((p.current || 1) - 1) * (p.pageSize || 5), (p.current || 1) * (p.pageSize || 5)); }
+        watch(filtered, () => { table.pageParam.current = 1; updateTable(); }, { immediate: true });
+        watch(() => [table.pageParam.current, table.pageParam.pageSize], updateTable);
+        const alerts = [
+            { id: 'scope', category: '产品公告', title: '工作台首版：从待办继续交付', date: '2026-09-11', body: '工作台已连接意图、规格、PBC 与交付任务。点击待办进入原业务页处理，返回后会更新状态。当前展示本浏览器保存的演示记录。质量评审已接入，同一确认点只汇总一次；发布审批、运行验收与异常已接入。' },
+            { id: 'prototype', category: '规范提醒', title: '功能开发先确认交互原型', date: '2026-09-08', body: '功能范围确认后，先评审高保真交互原型，再与规格、设计和接口契约对齐，进入正式编码、测试与验收。已确认的原型和版本记录保留，后续变更需复核受影响部分。' },
+            { id: 'authority', category: '使用提示', title: '功能可见与操作取决于授权配置', date: '2026-09-10', body: '岗位名称仅用于说明使用场景。页面、动作与数据范围由权限管理配置；账号和登录由 MaxKey 管理。“与我相关”按创建人、负责人和可见关联记录计算，不等于拥有该记录的操作权限。' },
+        ];
+        const selectedNotice = computed(() => alerts.find(n => n.id === notice.value));
+        function focusSection(id) { document.getElementById(id)?.scrollIntoView({ behavior: 'smooth', block: 'start' }); document.getElementById(id)?.focus({ preventScroll: true }); }
+        function refresh() { window.location.reload(); }
+        return { computed, ref, watch, h, useRouter, Alert, Button, Empty, Input, Modal, Pagination, Progress, Select, Space, Tabs, Tag, PlusOutlined, ArrowRightOutlined, ReloadOutlined, CheckSquareOutlined, AppstoreOutlined, ProjectOutlined, NotificationOutlined, ProTable, useTable, useWorkbench, useSession, formatDate, tenantLabel, PbcCreateEntry, store, session, router, keyword, group, create, notice, filtered, heading, render, columns, table, updateTable, alerts, selectedNotice, focusSection, refresh };
+    } });

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/workbench/model.js

@@ -0,0 +1,56 @@
+import { operationTodos } from "../operations/workbench.js";
+import { activeRelease, hasPendingRelease, releaseUrl, allowedReason, taskReleaseLabel, releaseSummary } from "../releases/model.js";
+import { actors, can } from "../shared/policy.js";
+import { affiliation, deliveryGuide, actorAccess } from "../shared/deliveryGuide.js";
+import { statusLabels, currentNode, taskProgress } from "../tasks/domain.js";
+import { actionableReview, canReadReview, reviewStatus, stateLabels, actionReason, reviewUrl } from "../reviews/model.js";
+// Two demo authorization profiles share one person; their permissions are never merged.
+const person = (id) => id === 'complete' ? 'lin' : id;
+export function relatedTo(actor, row) {
+    if (person(row.createdById) === person(actor.id))
+        return true;
+    const owners = new Set(actors.filter(a => a.name === row.owner).map(a => person(a.id)));
+    return owners.size === 1 && owners.has(person(actor.id));
+}
+export function buildWorkbench(input, range) {
+    const { actor } = input, access = actorAccess(actor);
+    const visible = (a, t, p) => input.active && access(a, t, p);
+    const intents = input.intents.filter(i => !i.isDeleted && visible('intent:view', i.tenantId));
+    const tasks = input.tasks.filter(t => !t.isDeleted && visible('task:view', t.tenantId, t.binding.pbcId));
+    const ownIntents = intents.filter(i => relatedTo(actor, i)), ownTasks = tasks.filter(t => relatedTo(actor, t));
+    const relatedPbcs = new Set([...ownTasks.map(t => t.binding.pbcId), ...input.jobs.filter(j => j.status === 'done' && ownIntents.some(i => i.id === j.intentId && i.tenantId === j.tenantId)).map(j => j.pbc.id)]);
+    const pbcs = input.pbcs.filter(p => !p.isDeleted && visible('pbc:view', p.tenantId, p.id) && (range === 'all' || relatedTo(actor, p) || relatedPbcs.has(p.id)));
+    const listIntents = range === 'mine' ? ownIntents : intents, listTasks = range === 'mine' ? ownTasks : tasks;
+    const todos = listIntents.flatMap(i => {
+        const spec = input.specs.find(s => s.intentId === i.id && !s.isDeleted && s.tenantId === i.tenantId && visible('spec:view', s.tenantId));
+        const g = deliveryGuide(i, spec, input.jobs, visible);
+        if (g.stage === 'done')
+            return [];
+        return [{ id: 'intent:' + i.id, code: i.code, title: i.title, group: g.stage === 'pbc' ? 'PBC 归属' : '需求与规格', status: g.label, reason: g.reason, path: g.path, action: g.allowed ? g.action : '查看详情', allowed: g.allowed, updatedAt: spec?.updatedAt || i.updatedAt, createdBy: i.createdBy, tenantId: i.tenantId, affiliation: affiliation(i, input.jobs, input.pbcs, visible).label }];
+    });
+    for (const t of listTasks) {
+        const review = canReadReview(actor, t) ? actionableReview(t) : undefined;
+        if (review) {
+            const allowed = ['confirm', 'edit', 'replan'].some(a => !actionReason(t, review, actor, a));
+            todos.push({ id: 'task:' + t.id, code: t.code, title: t.name, group: '质量与评审', status: stateLabels[reviewStatus(t, review)], reason: t.reason + (allowed ? '' : ' 当前可阅读证据；处理需对应授权或等待当前检查完成。'), path: reviewUrl(t.id, review.id), action: allowed ? '处理评审' : '查看评审', allowed, updatedAt: t.updatedAt, createdBy: t.createdBy, tenantId: t.tenantId, affiliation: visible('pbc:view', t.tenantId, t.binding.pbcId) ? (input.pbcs.find(p => p.id === t.binding.pbcId && !p.isDeleted && p.tenantId === t.tenantId)?.name || t.binding.project) : 'PBC 详情未授权' });
+            continue;
+        }
+        const release = canReadReview(actor, t) ? activeRelease(t) : undefined;
+        if (canReadReview(actor, t) && t.status === 'ready' && hasPendingRelease(t)) {
+            const operation = release?.unconfirmed ? 'verify' : release?.state === 'pending' ? 'approve' : release?.state === 'approved' ? 'start' : release?.state === 'failed' ? 'retry' : release?.state === 'paused' ? 'resume' : ['deploying', 'canary', 'observing', 'rollingBack'].includes(release?.state || '') ? 'advance' : 'submit';
+            const allowed = release ? !allowedReason(t, release, actor, operation) : can(actor, 'release:edit', t.tenantId, t.binding.pbcId, 'production');
+            todos.push({ id: 'task:' + t.id, code: t.code, title: t.name, group: '门禁与发布', status: release ? (release.unconfirmed ? '结果待核实' : taskReleaseLabel(t, actor)) : t.releases?.length ? '待准备生产发布' : '待准备发布', reason: release ? releaseSummary(release) : (t.releases?.length ? '当前没有进行中的生产发布，准备材料后申请人工授权。' : '质量点处理结束，准备固定版本的发布材料并人工授权。'), path: release ? releaseUrl(release, !!release.startedAt) : '/releases?task=' + t.id + '&prepare=1', action: allowed ? '处理发布' : '查看发布', allowed, updatedAt: t.updatedAt, createdBy: t.createdBy, tenantId: t.tenantId, affiliation: visible('pbc:view', t.tenantId, t.binding.pbcId) ? t.binding.project : 'PBC 详情未授权' });
+            continue;
+        }
+        if (!['draft', 'waiting', 'failed', 'paused', 'manual'].includes(t.status))
+            continue;
+        const required = t.status === 'waiting' ? 'workflow:approve' : 'task:operate';
+        const allowed = visible(required, t.tenantId, t.binding.pbcId);
+        todos.push({ id: 'task:' + t.id, code: t.code, title: t.name, group: '交付任务', status: statusLabels[t.status], reason: allowed ? t.reason : t.reason + ' 当前缺少处理权限，可查看已有进度。', path: '/tasks/' + t.id, action: allowed ? '处理任务' : '查看任务', allowed, updatedAt: t.updatedAt, createdBy: t.createdBy, tenantId: t.tenantId, affiliation: visible('pbc:view', t.tenantId, t.binding.pbcId) ? (input.pbcs.find(p => p.id === t.binding.pbcId && !p.isDeleted && p.tenantId === t.tenantId)?.name || t.binding.project) : 'PBC 详情未授权' });
+    }
+    const runtimeTodos = operationTodos(listTasks, actor, input.active);
+    todos.push(...runtimeTodos);
+    todos.sort((a, b) => b.updatedAt.localeCompare(a.updatedAt) || a.id.localeCompare(b.id));
+    const deliveries = listTasks.map(t => { const r = canReadReview(actor, t) ? actionableReview(t) : undefined; return { id: t.id, name: t.name, code: t.code, status: t.status, pendingOperation: runtimeTodos.some(x => x.taskId === t.id), pendingReview: !!r, pendingRelease: todos.some(x => x.id === 'task:' + t.id && x.group === '门禁与发布'), label: taskReleaseLabel(t, actor) || (r ? stateLabels[reviewStatus(t, r)] : statusLabels[t.status]), stage: r?.title || currentNode(t)?.name || '待启动', progress: taskProgress(t), updatedAt: t.updatedAt, owner: t.owner, project: visible('pbc:view', t.tenantId, t.binding.pbcId) ? (input.pbcs.find(p => p.id === t.binding.pbcId && p.tenantId === t.tenantId && !p.isDeleted)?.name || t.binding.project) : 'PBC 详情未授权' }; }).sort((a, b) => b.updatedAt.localeCompare(a.updatedAt));
+    return { todos, pbcs, deliveries, actionable: todos.filter(t => t.allowed).length, ongoing: deliveries.filter(t => t.pendingOperation || t.pendingReview || t.pendingRelease || ['running', 'waiting', 'failed', 'paused', 'manual'].includes(t.status)).length };
+}

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/workbench/store.js

@@ -0,0 +1,15 @@
+import { computed, ref, watch } from '../../runtime/state.js';
+import { defineStore } from "../../runtime/state.js";
+import { useSession } from "../shared/session.js";
+import { useIntents } from "../intents/store.js";
+import { useSpecs } from "../specs/store.js";
+import { usePbcs } from "../pbc/store.js";
+import { taskRecords, taskReadError } from "../tasks/registry.js";
+import { buildWorkbench } from "./model.js";
+export const useWorkbench = defineStore('workbench', () => {
+    const session = useSession(), intents = useIntents(), specs = useSpecs(), pbcs = usePbcs(), range = ref('mine');
+    watch(() => session.key, () => { range.value = 'mine'; });
+    const data = computed(() => buildWorkbench({ actor: session.actor, active: session.state === 'active', intents: intents.items, specs: specs.items, jobs: pbcs.jobs, pbcs: pbcs.catalog, tasks: taskRecords.value }, range.value));
+    const notices = computed(() => [intents.notice, specs.notice, pbcs.notice, taskReadError.value].filter(Boolean));
+    return { range, data, notices };
+});

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/workflows/FlowCanvas.html

@@ -0,0 +1,2 @@
+<!-- 来源：src/workflows/FlowCanvas.vue；HTML / 原生 DOM 绑定，不含 Vue 运行时。 -->
+<section class="flow-canvas" aria-label="流程画布"><div class="flow-canvas-tools"><span>{{ (body.nodes.length) }} 个节点 · {{ (body.edges.length) }} 条连线</span><template data-component="Space"><template data-component="Button" aria-label="缩小画布" data-bind-disabled="(zoom &lt;= .25)" data-on-click="(zoom = Math.max(.25, zoom - .1))">−</template><span class="flow-zoom">{{ (Math.round(zoom * 100)) }}%</span><template data-component="Button" aria-label="放大画布" data-bind-disabled="(zoom &gt;= 1.5)" data-on-click="(zoom = Math.min(1.5, zoom + .1))">＋</template><template data-component="Button" data-on-click="(fit)">适合画布</template></template></div><div ref="viewport" class="flow-viewport" tabindex="0" aria-label="可滚动流程画布"><div data-bind-style="({ width: size.width * zoom + 'px', height: size.height * zoom + 'px' })"><div class="flow-board" data-bind-style="({ width: size.width + 'px', height: size.height + 'px', transform: `scale(${zoom})` })"><svg class="flow-edges" data-bind-width="(size.width)" data-bind-height="(size.height)" aria-hidden="true"><defs><marker id="flow-arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse"><path d="M 0 0 L 10 5 L 0 10 z" fill="#8291aa"></path></marker></defs><g data-each="edge in (edges)" data-bind-key="(edge.id)"><path data-bind-d="(edge.path)" fill="none" stroke="#8291aa" stroke-width="2" marker-end="url(#flow-arrow)"></path><text data-if="(edge.label)" data-bind-x="(edge.x)" data-bind-y="(edge.y)" text-anchor="middle">{{ (edge.label) }}</text></g></svg><div data-each="n in (body.nodes)" data-bind-key="(n.id)" class="flow-node" data-bind-class="(['kind-' + n.kind, { selected: selected === n.id }])" role="button" tabindex="0" data-bind-aria-label="('节点 ' + n.name)" data-bind-aria-pressed="(selected === n.id)" data-bind-style="({ left: n.x + 'px', top: n.y + 'px' })" data-on-pointerdown="(down($event, n))" data-on-pointermove="(move)" data-on-pointerup="(drag = undefined)" data-on-pointercancel="(drag = undefined)" data-on-keydown="(key($event, n))"><div class="flow-node-top"><span class="flow-node-kind">{{ (kindLabel(n)) }}</span><span data-if="(protectedNode(n))" class="flow-lock">保护</span></div><strong>{{ (n.name) }}</strong><small>{{ (n.kind === 'loop' ? '最多 ' + (n.limit || '未设置') + ' 次 · 耗尽转人工' : n.gate === 'production' ? '人工授权后方可发布' : n.kind === 'verify' ? '与实现 Agent 独立' : n.output || '流程控制节点') }}</small></div></div></div></div><div class="flow-canvas-hint"><template data-component="Tag" color="blue">{{ (readonly ? '版本预览' : '可编辑草稿') }}</template>{{ (readonly ? '选择节点查看属性' : '拖动节点调整布局；选中后用方向键微调，右侧配置连线。') }}</div></section>

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/workflows/FlowCanvas.js

@@ -0,0 +1,27 @@
+import { computed, ref } from '../../runtime/state.js';
+import { Button, Space, Tag } from "../../runtime/widgets.js";
+import { kindLabel, protectedNode } from "./domain.js";
+import { createComponent } from '../../runtime/dom.js';
+export default createComponent({ name: 'FlowCanvas', propKeys: ["body", "readonly", "selected"], template: new URL('./FlowCanvas.html', import.meta.url).href, setup(__props, __emit) {
+        const props = __props, emit = __emit, zoom = ref(0.8), viewport = ref();
+        const size = computed(() => ({ width: Math.max(1190, ...props.body.nodes.map(n => n.x + 260)), height: Math.max(480, ...props.body.nodes.map(n => n.y + 160)) }));
+        const edges = computed(() => props.body.edges.flatMap(e => { const a = props.body.nodes.find(n => n.id === e.from), b = props.body.nodes.find(n => n.id === e.to); if (!a || !b)
+            return []; const down = Math.abs(a.y - b.y) > 80; const x1 = a.x + (down ? 100 : b.x > a.x ? 200 : 0), y1 = a.y + (down ? 104 : 52), x2 = b.x + (down ? 100 : b.x > a.x ? 0 : 200), y2 = b.y + (down ? 0 : 52); return [{ ...e, path: down ? `M${x1},${y1} C${x1},${y1 + 50} ${x2},${y2 - 50} ${x2},${y2}` : `M${x1},${y1} C${(x1 + x2) / 2},${y1} ${(x1 + x2) / 2},${y2} ${x2},${y2}`, x: (x1 + x2) / 2, y: (y1 + y2) / 2 - 8 }]; }));
+        let drag;
+        function down(e, n) { emit('select', n.id); if (props.readonly || e.button !== 0)
+            return; drag = { id: n.id, startX: e.clientX, startY: e.clientY, x: n.x, y: n.y, pointer: e.pointerId }; e.currentTarget.setPointerCapture(e.pointerId); }
+        function move(e) { if (!drag || drag.pointer !== e.pointerId)
+            return; emit('move', drag.id, Math.max(20, Math.min(2400, Math.round(drag.x + (e.clientX - drag.startX) / zoom.value))), Math.max(20, Math.min(2000, Math.round(drag.y + (e.clientY - drag.startY) / zoom.value)))); }
+        function key(e, n) { if (['Enter', ' '].includes(e.key)) {
+            e.preventDefault();
+            emit('select', n.id);
+        } if (!props.readonly && ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(e.key)) {
+            e.preventDefault();
+            emit('move', n.id, Math.max(20, n.x + (e.key === 'ArrowRight' ? 20 : e.key === 'ArrowLeft' ? -20 : 0)), Math.max(20, n.y + (e.key === 'ArrowDown' ? 20 : e.key === 'ArrowUp' ? -20 : 0)));
+        } }
+        function fit() { zoom.value = Math.max(.25, Math.min(1, ((viewport.value?.clientWidth || 900) - 24) / size.value.width)); if (viewport.value) {
+            viewport.value.scrollTop = 0;
+            viewport.value.scrollLeft = 0;
+        } }
+        return { computed, ref, Button, Space, Tag, kindLabel, protectedNode, props, emit, zoom, viewport, size, edges, drag, down, move, key, fit };
+    } });

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/workflows/FlowDetail.html

@@ -0,0 +1,4 @@
+<!-- 来源：src/workflows/FlowDetail.vue；HTML / 原生 DOM 绑定，不含 Vue 运行时。 -->
+<template data-component="Result" data-if="(!record || !body)" status="404" title="模板不存在或无权访问"><template data-slot="extra"><template data-component="Button" data-on-click="(router.push('/workflows'))">返回列表</template></template></template><template data-else=""><div class="page-heading"><div><template data-component="Button" type="link" class="agent-back" data-on-click="(router.push('/workflows'))">← 返回模板列表</template><div class="agent-title"><h1>{{ (record.body.name) }}</h1><template data-component="Tag" data-bind-color="(record.enabled ? 'green' : 'default')">{{ (record.enabled ? '已启用' : '已停用') }}</template></div><p>{{ (record.body.description) }}</p></div><template data-component="Space" wrap=""><template data-component="Button" data-bind-disabled="(!can('workflow:status') || (!record.enabled &amp;&amp; !record.versions.length))" data-on-click="(toggle)">{{ (record.enabled ? '停用模板' : '启用模板') }}</template><template data-component="Button" data-bind-disabled="(!can('workflow:edit') || record.state === 'review')" data-on-click="(router.push('/workflows/' + record.id + '/edit'))">编辑草稿</template><template data-component="Button" type="primary" data-bind-disabled="(!can('workflow:use') || !record.enabled)" data-on-click="useVersion = record.versions.at(-1)?.number;
+useOpen = true;">保存版本选择</template><template data-component="Button" type="primary" data-bind-disabled="(!can('workflow:use') || !can('task:create') || !record.enabled)" data-on-click="(router.push({ path: '/tasks/new', query: { flow: record.id, version: record.versions.at(-1)?.number } }))">用于发起交付</template></template></div><template data-component="Alert" data-if="(error)" class="page-alert" type="error" show-icon="" data-bind-title="(error)" closable="" data-on-close="(error = '')"></template><template data-component="Alert" data-if="(record.state === 'review')" class="page-alert" type="info" show-icon="" title="草稿等待配置审核" data-bind-description="('提交人：' + record.requestName + '；变更说明：' + record.reviewNote)"><template data-slot="action"><template data-component="Space" wrap=""><template data-component="Button" data-if="(can('workflow:edit'))" data-on-click="(run(() =&gt; store.withdraw(record.id, record.recordVersion)))">撤回审核</template><template data-component="Button" type="primary" data-bind-disabled="(!can('workflow:publish') || record.requestBy === session.actor.id)" data-on-click="note = '';
+reviewOpen = true;">审核配置</template></template></template></template><template data-component="Alert" data-else-if="(record.state === 'draft' &amp;&amp; record.reviewNote)" class="page-alert" type="warning" title="配置已退回" data-bind-description="(record.reviewNote)" show-icon=""></template><div class="agent-meta-strip"><span>项目 <strong>{{ (record.project) }}</strong></span><span>标识 <strong>{{ (record.body.code) }}</strong></span><span>最新发布 <strong>{{ (record.versions.length ? 'v' + record.versions.at(-1).number : '尚未发布') }}</strong></span><span>草稿 <strong>{{ ({ draft: '编辑中', review: '待审核', published: '与最新发布一致' }[record.state]) }}</strong></span></div><section class="agent-panel"><template data-component="Tabs" data-model-active-key="(active)" data-bind-items="([{ key: 'flow', label: '流程配置' }, { key: 'versions', label: '版本与差异' }, { key: 'handoff', label: '版本选择记录' }, { key: 'metadata', label: '基础信息' }, ...(can('workflow:audit') ? [{ key: 'records', label: '操作记录' }] : [])])"></template><template data-if="(active === 'flow' || active === 'versions')"><div class="flow-version-tools"><template data-component="Space" wrap=""><span>查看</span><template data-component="Select" data-model-value="(version)" aria-label="查看流程版本" data-bind-options="(versions)" style="width:190px"></template><template data-if="(active === 'versions' &amp;&amp; record.versions.length)"><span>对比</span><template data-component="Select" data-bind-value="(compare || String(record.versions.at(-1)?.number))" aria-label="对比基准版本" data-bind-options="(versions.filter(v =&gt; v.value !== 'draft'))" style="width:160px" data-on-change="(v =&gt; compare = String(v))"></template></template></template><template data-component="Button" data-if="(version !== 'draft')" data-bind-disabled="(!can('workflow:edit') || record.state === 'review')" data-on-click="(restore)">基于此版本编辑</template></div><template data-if="(active === 'versions')"><template data-component="Alert" type="info" show-icon="" title="发布版本只读保留" description="草稿保存和新版本发布都不会改写历史版本。版本历史不适用批量删除。"></template><div class="flow-version-history"><article data-each="v in (record.versions.slice().reverse())" data-bind-key="(v.number)"><template data-component="Tag" color="blue">v{{ (v.number) }}</template><strong>{{ (v.note) }}</strong><span>{{ (v.by) }} · {{ (formatDate(v.at)) }}</span><template data-component="Button" type="link" data-on-click="(version = String(v.number))">查看此版</template></article><p data-if="(!record.versions.length)" class="muted">尚无发布版本。保存并提交草稿后可审核发布。</p></div><h2>差异明细</h2><ul data-if="(changes.length)" class="flow-diff"><li data-each="(change,i) in (changes)" data-bind-key="(i)">{{ (change) }}</li></ul><p data-else="" class="muted">{{ (record.versions.length ? '与所选基准版本没有差异。' : '发布首版后可对比差异。') }}</p></template><template data-component="Alert" data-if="(issues.length)" class="page-alert" type="warning" show-icon="" data-bind-title="(issues.length + ' 项配置或资源待处理')" description="下方检查包含当前资源状态，可能与历史发布时不同。"></template><div class="flow-editor-layout"><template data-component="FlowCanvas" data-bind-body="(body)" readonly="" data-bind-selected="(selected)" data-on-select="(selected = $event)"></template><aside class="flow-properties"><template data-if="(node)"><h2>{{ (node.name) }}</h2><template data-component="Tag">{{ (kindLabel(node)) }}</template><dl class="flow-node-details"><dt data-if="(node.agentId)">执行 Agent</dt><dd data-if="(node.agentId)">{{ (store.choices(record).find(a =&gt; a.id === node.agentId)?.name || '引用不可用或无权查看') }}</dd><dt data-if="(node.input)">输入产物</dt><dd data-if="(node.input)">{{ (node.input) }}</dd><dt data-if="(node.output)">输出产物</dt><dd data-if="(node.output)">{{ (node.output) }}</dd><dt data-if="(node.permission)">确认权限</dt><dd data-if="(node.permission)">交付人工确认</dd><dt data-if="(node.tool)">登记工具</dt><dd data-if="(node.tool)">{{ (node.tool === 'ci-check' ? '项目 CI · 质量检查' : '契约查询') }}（示例）</dd><dt data-if="(node.limit)">修复上限</dt><dd data-if="(node.limit)">{{ (node.limit) }} 次，耗尽转人工</dd><dt data-if="(node.condition)">判断条件</dt><dd data-if="(node.condition)">{{ (node.condition === 'checks.passed' ? '质量检查通过' : '人工评审通过') }}</dd></dl></template><p class="muted">配置预览不触发执行。</p></aside></div><div data-if="(issues.length)" class="flow-checks"><div data-each="c in (issues)" data-bind-key="(c.id)" class="flow-check"><template data-component="Tag" color="orange">待处理</template><div><strong>{{ (c.title) }}</strong><p>{{ (c.detail) }}</p></div></div></div></template><template data-else-if="(active === 'handoff')"><template data-component="Alert" type="info" show-icon="" title="已固定版本，尚未创建任务" description="这些是本地原型的交接凭据，可通过右上角“用于发起交付”选择需求并创建任务。选择记录只读，不适用删除。"></template><article data-each="u in (store.uses(record))" data-bind-key="(u.id)" class="flow-use" data-bind-class="({ selected: u.id === useId })"><div><template data-component="Tag" color="blue">v{{ (u.version.number) }}</template><strong>{{ (u.version.body.name) }}</strong></div><p>{{ (u.project) }} · {{ (u.by) }} · {{ (formatDate(u.at)) }}</p><p class="muted">所选版本：{{ (u.version.note) }}；{{ (u.version.body.nodes.length) }} 个节点，快照保留。</p><p data-each="a in (u.agentVersions)" data-bind-key="(a.id)" class="muted">{{ (a.name) }} · 选择时记录 v{{ (a.recordVersion) }}</p><small class="agent-code">{{ (u.id) }}</small></article><p data-if="(!store.uses(record).length)" class="muted">尚未选择版本。启用模板后可从右上角“使用模板”体验。</p></template><template data-component="RecordMetadata" data-else-if="(active === 'metadata')" data-bind-record="(record)"></template><section data-else-if="(active === 'records' &amp;&amp; can('workflow:audit'))"><p class="muted">操作记录只读保留，不适用删除。</p><ol class="agent-audit"><li data-each="a in (store.audits(record))" data-bind-key="(a.id)"><strong>{{ (a.action) }}</strong><span>{{ (a.actor) }} · {{ (formatDate(a.at)) }}</span><p>{{ (a.detail) }}</p></li></ol><p data-if="(!store.audits(record).length)" class="muted">暂无操作记录。</p></section></section><template data-component="Modal" data-bind-open="(reviewOpen)" title="审核流程配置" data-bind-footer="(null)" data-on-cancel="(reviewOpen = false)"><p>提交人：{{ (record.requestName) }}；拟发布版本：v{{ ((record.versions.at(-1)?.number || 0) + 1) }}</p><p>{{ (record.reviewNote) }}</p><p class="muted">审核当前草稿、版本差异和检查结果；确认后生成不可变发布快照。</p><template data-component="Input.TextArea" data-model-value="(note)" aria-label="审核意见" placeholder="退回时请填写原因"></template><template data-component="Alert" data-if="(error)" type="error" data-bind-title="(error)"></template><template data-component="Space" class="flow-modal-actions"><template data-component="Button" data-on-click="(reviewOpen = false)">取消</template><template data-component="Button" danger="" data-on-click="(review(false))">退回修改</template><template data-component="Button" type="primary" data-on-click="(review(true))">确认审核发布</template></template></template><template data-component="Modal" data-bind-open="(useOpen)" title="选择交付模板版本" data-bind-footer="(null)" data-on-cancel="(useOpen = false)"><p>项目：{{ (record.project) }}</p><template data-component="Select" data-model-value="(useVersion)" aria-label="使用模板版本" class="full-width" data-bind-options="(record.versions.map(v =&gt; ({ value: v.number, label: 'v' + v.number + ' · ' + v.note })).reverse())"></template><p class="muted">确认后保存此版本的交接快照。后续模板更新不会改写此选择，当前不会启动实际任务。</p><template data-component="Alert" data-if="(error)" type="error" data-bind-title="(error)"></template><template data-component="Space" class="flow-modal-actions"><template data-component="Button" data-on-click="(useOpen = false)">取消</template><template data-component="Button" type="primary" data-on-click="(use)">确认选择版本</template></template></template></template>

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/workflows/FlowDetail.js

@@ -0,0 +1,31 @@
+import { computed, ref } from '../../runtime/state.js';
+import { useRoute, useRouter } from "../../runtime/router.js";
+import { Alert, Button, Input, Modal, Result, Select, Space, Tabs, Tag, message } from "../../runtime/widgets.js";
+import { useWorkflows } from "./store.js";
+import { useSession } from "../shared/session.js";
+import { formatDate } from "../shared/policy.js";
+import { diffBodies, kindLabel } from "./domain.js";
+import FlowCanvas from "./FlowCanvas.js";
+import RecordMetadata from "../shared/RecordMetadata.js";
+import { confirmAction } from "../shell/confirmation.js";
+import { createComponent } from '../../runtime/dom.js';
+export default createComponent({ name: 'FlowDetail', propKeys: [], template: new URL('./FlowDetail.html', import.meta.url).href, setup(__props, __emit) {
+        const route = useRoute(), router = useRouter(), store = useWorkflows(), session = useSession(), active = ref(String(route.query.tab || 'flow')), selected = ref('build'), version = ref('draft'), compare = ref(''), error = ref(''), reviewOpen = ref(false), useOpen = ref(false), note = ref(''), useVersion = ref(), useId = ref('');
+        const record = computed(() => store.item(String(route.params.id))), body = computed(() => { const r = record.value; return version.value === 'draft' ? r?.body : r?.versions.find(v => String(v.number) === version.value)?.body; }), node = computed(() => body.value?.nodes.find(n => n.id === selected.value)), versions = computed(() => [{ value: 'draft', label: '当前草稿 / 配置' }, ...(record.value?.versions.slice().reverse().map(v => ({ value: String(v.number), label: '已发布 v' + v.number })) || [])]), checks = computed(() => record.value && body.value ? store.checks(record.value, body.value) : []), issues = computed(() => checks.value.filter(c => !c.ok)), changes = computed(() => { const r = record.value, before = r?.versions.find(v => String(v.number) === (compare.value || String(r?.versions.at(-1)?.number))); return before && body.value ? diffBodies(before.body, body.value) : []; });
+        const can = (a) => !!record.value && session.can(a, record.value.tenantId, record.value.pbcId);
+        function run(fn) { error.value = ''; try {
+            fn();
+        }
+        catch (e) {
+            error.value = e.message;
+        } }
+        function toggle() { const r = record.value; if (!r)
+            return; confirmAction({ title: (r.enabled ? '停用' : '启用') + '模板？', content: '此操作只影响新的版本选择，既有交接快照保留。', okText: r.enabled ? '确认停用' : '确认启用', cancelText: '取消', onOk: () => run(() => { store.toggle(r.id, r.recordVersion); message.success('模板状态已更新'); }) }); }
+        function review(approved) { const r = record.value; if (r)
+            run(() => { store.review(r.id, r.recordVersion, approved, note.value); reviewOpen.value = false; message.success(approved ? '配置已审核发布' : '已退回草稿'); }); }
+        function use() { const r = record.value; if (r && useVersion.value)
+            run(() => { const result = store.selectVersion(r.id, r.recordVersion, useVersion.value); useId.value = result.id; useOpen.value = false; active.value = 'handoff'; message.success('已保存版本选择，尚未创建执行任务'); }); }
+        function restore() { const r = record.value; if (!r || !body.value)
+            return; confirmAction({ title: '基于此版本创建草稿？', content: '将替换当前草稿，发布历史和已有交接快照保持不变。', okText: '创建草稿', cancelText: '取消', onOk: () => run(() => { store.fromVersion(r.id, r.recordVersion, body.value); router.push('/workflows/' + r.id + '/edit'); }) }); }
+        return { computed, ref, useRoute, useRouter, Alert, Button, Input, Modal, Result, Select, Space, Tabs, Tag, message, useWorkflows, useSession, formatDate, diffBodies, kindLabel, FlowCanvas, RecordMetadata, confirmAction, route, router, store, session, active, selected, version, compare, error, reviewOpen, useOpen, note, useVersion, useId, record, body, node, versions, checks, issues, changes, can, run, toggle, review, use, restore };
+    } });

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/workflows/FlowEditor.html

@@ -0,0 +1,2 @@
+<!-- 来源：src/workflows/FlowEditor.vue；HTML / 原生 DOM 绑定，不含 Vue 运行时。 -->
+<template data-component="Result" data-if="(!draft)" status="404" title="模板不存在或无权访问"></template><template data-else=""><div class="page-heading flow-heading"><div><template data-component="Button" type="link" class="agent-back" data-on-click="(router.push('/workflows'))">← 返回模板列表</template><h1>{{ (isNew ? '创建流程模板' : '编辑流程草稿') }}</h1><p>组合交付步骤，明确每一步的执行资源与产物。</p></div><template data-component="Space" wrap=""><template data-component="Tag" data-if="(dirty)" color="orange">有未保存修改</template><template data-component="Button" data-on-click="(showChecks = !showChecks)">检查流程</template><template data-component="Button" type="primary" data-bind-disabled="(!allowed)" data-bind-loading="(busy)" data-on-click="(save())">保存草稿</template></template></div><template data-component="Alert" data-if="(!allowed)" type="warning" show-icon="" title="当前草稿只读" description="需要编辑权限；审核中的配置须先撤回。"></template><template data-component="Alert" data-if="(error)" class="page-alert" type="error" show-icon="" data-bind-title="(error)" closable="" data-on-close="(error = '')"></template><template data-component="Form" layout="vertical" class="flow-basics" data-bind-disabled="(!allowed)"><template data-component="FormItem" label="模板名称" required=""><template data-component="Input" data-model-value="(draft.body.name)" aria-label="模板名称" placeholder="例如：供热工单 AI 应用交付" data-bind-maxlength="(80)"></template></template><template data-component="FormItem" label="模板标识" required=""><template data-component="Input" data-model-value="(draft.body.code)" aria-label="模板标识" placeholder="heating-ai-delivery" data-bind-disabled="(!isNew)" data-bind-maxlength="(50)"></template></template><template data-component="FormItem" label="所属项目" required=""><template data-component="Select" data-bind-value="(draft.pbcId)" aria-label="模板所属项目" data-bind-disabled="(!isNew)" data-bind-options="(store.projects.map(p =&gt; ({ value: p.id, label: p.name })))" data-on-change="(v =&gt; project(String(v)))"></template></template><template data-component="FormItem" label="用途说明"><template data-component="Input" data-model-value="(draft.body.description)" aria-label="模板用途" data-bind-maxlength="(300)"></template></template></template><div class="flow-palette"><span>添加节点</span><template data-component="Button" data-each="k in (kinds)" data-bind-key="(k.value)" data-bind-disabled="(!allowed)" data-on-click="(add(k.value))">{{ (k.mark) }} {{ (k.label) }}</template><template data-component="Button" data-bind-disabled="(!allowed)" data-on-click="(arrange)">自动整理</template></div><div class="flow-editor-layout"><template data-component="FlowCanvas" data-bind-body="(draft.body)" data-bind-selected="(selected)" data-bind-readonly="(!allowed)" data-on-select="(selected = $event)" data-on-move="(move)"></template><aside class="flow-properties" aria-label="节点属性"><template data-if="(node)"><div class="flow-prop-title"><h2>节点属性</h2><template data-component="Tag" data-bind-color="(protectedNode(node) ? 'blue' : 'default')">{{ (protectedNode(node) ? '治理保护' : kindLabel(node)) }}</template></div><template data-component="Form" layout="vertical" data-bind-disabled="(!allowed)"><template data-component="FormItem" label="节点名称"><template data-component="Input" data-model-value="(node.name)" aria-label="节点名称" data-bind-maxlength="(50)"></template></template><template data-component="FormItem" data-if="(['agent', 'verify', 'loop'].includes(node.kind))" label="执行 Agent" required=""><template data-component="Select" data-model-value="(node.agentId)" aria-label="节点执行 Agent" data-bind-options="(agentOptions)" placeholder="选择可用 Agent" allow-clear=""></template><p class="muted">仅显示同一项目内有权查看的配置。</p></template><template data-component="FormItem" data-if="(node.kind === 'tool')" label="登记工具 / CI" required=""><template data-component="Select" data-model-value="(node.tool)" aria-label="节点工具" data-bind-options="([{ value: 'ci-check', label: '项目 CI · 质量检查（示例）' }, { value: 'contract-read', label: '契约查询（示例）' }])"></template></template><template data-if="(['agent', 'verify', 'loop', 'tool'].includes(node.kind))"><template data-component="FormItem" label="输入产物" required=""><template data-component="Input" data-model-value="(node.input)" aria-label="输入产物" placeholder="例如：规格与代码"></template></template><template data-component="FormItem" label="输出产物" required=""><template data-component="Input" data-model-value="(node.output)" aria-label="输出产物" placeholder="例如：检查报告"></template></template></template><template data-component="FormItem" data-if="(node.kind === 'human')" label="确认所需权限"><template data-component="Select" data-model-value="(node.permission)" aria-label="确认权限" data-bind-disabled="(!!node.gate)" data-bind-options="([{ value: 'workflow:approve', label: '交付人工确认' }])"></template><p class="muted">按权限分配给成员，不限定岗位名称。</p></template><template data-component="FormItem" data-if="(node.kind === 'branch')" label="判断条件"><template data-component="Select" data-model-value="(node.condition)" aria-label="分支条件" data-bind-options="([{ value: 'checks.passed', label: '质量检查通过' }, { value: 'review.approved', label: '人工评审通过' }])"></template></template><template data-component="FormItem" data-if="(node.kind === 'loop')" label="最多修复次数"><template data-component="InputNumber" data-model-value="(node.limit)" aria-label="最多修复次数" data-bind-min="(1)" data-bind-max="(10)" data-bind-precision="(0)"></template><p class="muted">耗尽后转人工处理；修复后仍需独立验证。范围为原型示例。</p></template></template><h3>后续连线</h3><div data-each="edge in (draft.body.edges.filter(e =&gt; e.from === node?.id))" data-bind-key="(edge.id)" class="flow-connection"><span>{{ (edge.label ? edge.label + ' → ' : '') }}{{ (draft.body.nodes.find(n =&gt; n.id === edge.to)?.name) }}</span><template data-component="Button" type="text" danger="" data-bind-disabled="(!allowed)" data-bind-aria-label="('移除连线至 ' + draft.body.nodes.find(n =&gt; n.id === edge.to)?.name)" data-on-click="(draft.body.edges = draft.body.edges.filter(e =&gt; e.id !== edge.id))">×</template></div><template data-if="(node.kind !== 'archive')"><template data-component="Select" data-if="(node.kind === 'branch')" data-model-value="(branchLabel)" aria-label="分支出口" data-bind-disabled="(!allowed)" data-bind-options="(['满足', '不满足'].map(v =&gt; ({ value: v, label: v })))"></template><template data-component="Select" data-model-value="(connectTo)" aria-label="连接到节点" data-bind-disabled="(!allowed)" placeholder="选择后续节点" data-bind-options="(draft.body.nodes.filter(n =&gt; n.id !== node?.id &amp;&amp; n.kind !== 'start').map(n =&gt; ({ value: n.id, label: n.name })))"></template><template data-component="Button" block="" data-bind-disabled="(!allowed || !connectTo)" data-on-click="(connect)">添加连线</template></template><p data-if="(protectedNode(node))" class="muted">必要治理节点不可删除。连接变化仍需通过全路径检查。</p><template data-component="Button" danger="" block="" data-bind-disabled="(!allowed || protectedNode(node))" data-on-click="(removeNode)">删除节点</template></template></aside></div><section data-if="(showChecks)" class="agent-panel flow-checks" aria-label="流程检查结果"><h2>{{ (issues.length ? '检查发现 ' + issues.length + ' 项待处理' : '流程检查通过') }}</h2><p class="muted">本地结构、引用与治理检查；真实 CI、产物类型和 Dapr 执行未接入。</p><div data-each="c in (issues.length ? issues : checks.filter(c =&gt; ['gates', 'release', 'independent', 'cycle'].includes(c.id)))" data-bind-key="(c.id)" class="flow-check"><template data-component="Tag" data-bind-color="(c.ok ? 'green' : 'orange')">{{ (c.ok ? '通过' : '待处理') }}</template><div><strong>{{ (c.title) }}</strong><p>{{ (c.detail) }}</p></div><template data-component="Button" data-if="(c.nodeId)" data-on-click="(selected = c.nodeId)">定位节点</template></div></section><section class="flow-submit"><div><h2>提交配置审核</h2><p class="muted">草稿通过检查后提交，由有发布权限的其他成员审核。现有发布版继续保留。</p><template data-component="Input.TextArea" data-model-value="(note)" aria-label="版本变更说明" placeholder="说明本次节点、资源或流程调整" data-bind-rows="(2)" data-bind-maxlength="(500)"></template></div><template data-component="Button" data-bind-disabled="(!allowed)" data-bind-loading="(busy)" data-on-click="(save(true))">保存并提交审核</template></section></template>

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/workflows/FlowEditor.js

@@ -0,0 +1,68 @@
+import { computed, onBeforeUnmount, ref, watch } from '../../runtime/state.js';
+import { onBeforeRouteLeave, useRoute, useRouter } from "../../runtime/router.js";
+import { Alert, Button, Form, FormItem, Input, InputNumber, Select, Space, Tag, Result, message } from "../../runtime/widgets.js";
+import { useWorkflows } from "./store.js";
+import { useSession } from "../shared/session.js";
+import { clone, kinds, kindLabel, protectedNode } from "./domain.js";
+import FlowCanvas from "./FlowCanvas.js";
+import { confirmAction } from "../shell/confirmation.js";
+import { createComponent } from '../../runtime/dom.js';
+export default createComponent({ name: 'FlowEditor', propKeys: [], template: new URL('./FlowEditor.html', import.meta.url).href, setup(__props, __emit) {
+        const route = useRoute(), router = useRouter(), store = useWorkflows(), session = useSession(), isNew = ref(route.params.id === undefined), source = isNew.value ? store.blank() : store.item(String(route.params.id)), draft = ref(source ? clone(source) : undefined), saved = ref(JSON.stringify(draft.value)), selected = ref('build'), error = ref(''), showChecks = ref(false), connectTo = ref(), branchLabel = ref('满足'), note = ref(''), busy = ref(false);
+        const node = computed(() => draft.value?.body.nodes.find(n => n.id === selected.value)), dirty = computed(() => JSON.stringify(draft.value) !== saved.value), allowed = computed(() => !!draft.value && session.can('workflow:edit', draft.value.tenantId, draft.value.pbcId) && draft.value.state !== 'review'), checks = computed(() => draft.value ? store.checks(draft.value) : []), issues = computed(() => checks.value.filter(c => !c.ok)), agentOptions = computed(() => draft.value ? store.choices(draft.value).map(a => ({ value: a.id, label: a.name + (a.available ? '' : ' · ' + a.reason), disabled: !a.available })) : []);
+        function project(id) { const p = store.projects.find(p => p.id === id); if (p && draft.value) {
+            draft.value.pbcId = p.id;
+            draft.value.tenantId = p.tenantId;
+            draft.value.project = p.name;
+            draft.value.body.nodes.forEach(n => { if (n.agentId)
+                n.agentId = ''; });
+        } }
+        function add(kind) { if (!draft.value || !allowed.value)
+            return; const n = { id: crypto.randomUUID(), kind, name: kinds.find(k => k.value === kind).label, x: 80 + (draft.value.body.nodes.length % 4) * 260, y: 480 + Math.floor((draft.value.body.nodes.length - 8) / 4) * 160, input: '', output: '', ...(kind === 'loop' ? { limit: 2 } : {}), ...(kind === 'branch' ? { condition: 'checks.passed' } : {}), ...(kind === 'human' ? { permission: 'workflow:approve' } : {}) }; draft.value.body.nodes.push(n); selected.value = n.id; }
+        function removeNode() { const n = node.value; if (!n || protectedNode(n) || !draft.value)
+            return; draft.value.body.nodes = draft.value.body.nodes.filter(x => x.id !== n.id); draft.value.body.edges = draft.value.body.edges.filter(e => e.from !== n.id && e.to !== n.id); selected.value = 'start'; }
+        function connect() { const d = draft.value, n = node.value; if (!d || !n || !connectTo.value)
+            return; const label = n.kind === 'branch' ? branchLabel.value : ''; if (d.body.edges.some(e => e.from === n.id && e.to === connectTo.value && e.label === label)) {
+            error.value = '这条连线已存在。';
+            return;
+        } d.body.edges.push({ id: crypto.randomUUID(), from: n.id, to: connectTo.value, label }); connectTo.value = undefined; }
+        function move(id, x, y) { const n = draft.value?.body.nodes.find(n => n.id === id); if (n && allowed.value) {
+            n.x = x;
+            n.y = y;
+        } }
+        function arrange() { draft.value?.body.nodes.forEach((n, i) => { const row = Math.floor(i / 4), col = i % 4; n.x = 70 + (row % 2 ? 3 - col : col) * 270; n.y = 60 + row * 200; }); }
+        async function save(submit = false) { if (!draft.value || busy.value)
+            return; error.value = ''; busy.value = true; try {
+            if (submit && issues.value.length) {
+                showChecks.value = true;
+                throw Error('流程检查未通过，请先处理下方问题。');
+            }
+            if (submit && !note.value.trim())
+                throw Error('请填写版本变更说明。');
+            let r = store.save(draft.value, isNew.value);
+            isNew.value = false;
+            draft.value = clone(r);
+            saved.value = JSON.stringify(draft.value);
+            if (submit)
+                r = store.submit(r.id, r.recordVersion, note.value);
+            saved.value = JSON.stringify(draft.value);
+            message.success(submit ? '已提交配置审核' : '草稿已保存，发布版本保持不变');
+            await router.replace('/workflows/' + r.id);
+        }
+        catch (e) {
+            error.value = e.message;
+        }
+        finally {
+            busy.value = false;
+        } }
+        onBeforeRouteLeave(() => { if (!dirty.value)
+            return true; return new Promise(resolve => confirmAction({ title: '离开未保存的流程？', content: '本次画布与属性修改尚未保存。', okText: '放弃修改并离开', cancelText: '继续编辑', onOk: () => resolve(true), onCancel: () => resolve(false) })); });
+        function unload(e) { if (dirty.value) {
+            e.preventDefault();
+            e.returnValue = '';
+        } }
+        window.addEventListener('beforeunload', unload);
+        onBeforeUnmount(() => window.removeEventListener('beforeunload', unload));
+        watch(selected, () => connectTo.value = undefined);
+        return { computed, onBeforeUnmount, ref, watch, onBeforeRouteLeave, useRoute, useRouter, Alert, Button, Form, FormItem, Input, InputNumber, Select, Space, Tag, Result, message, useWorkflows, useSession, clone, kinds, kindLabel, protectedNode, FlowCanvas, confirmAction, route, router, store, session, isNew, source, draft, saved, selected, error, showChecks, connectTo, branchLabel, note, busy, node, dirty, allowed, checks, issues, agentOptions, project, add, removeNode, connect, move, arrange, save, unload };
+    } });

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/workflows/WorkflowsPage.html

@@ -0,0 +1,5 @@
+<!-- 来源：src/workflows/WorkflowsPage.vue；HTML / 原生 DOM 绑定，不含 Vue 运行时。 -->
+<div class="page-heading"><div><h1>研发交付流程</h1><p>定义一次研发交付经过哪些步骤、由谁执行，以及何时需要人工确认。</p></div><template data-component="Button" type="primary" data-bind-disabled="(!session.can('workflow:edit'))" data-on-click="(router.push('/workflows/new'))">创建模板</template></div><div class="workflow-purpose"><article><strong>什么时候用</strong><p>需求规格与 PBC 归属完成后，发起交付时选择。</p></article><article><strong>输入什么</strong><p>确认的规格、交互原型，以及项目和资源权限。</p></article><article><strong>得到什么</strong><p>一项交付任务，持续记录阶段进度、产物与待处理事项。</p></article><template data-component="Button" type="primary" data-bind-disabled="(!session.can('task:create'))" data-on-click="(router.push('/tasks/new'))">发起一次交付</template></div><div class="agent-overview"><span>全部模板 <strong>{{ (store.records.length) }}</strong></span><span>可供选择 <strong>{{ (store.records.filter(r =&gt; r.enabled).length) }}</strong></span><span>待审核 <strong>{{ (store.records.filter(r =&gt; r.state === 'review').length) }}</strong></span><span class="muted">草稿修改不影响已发布版本</span></div><section class="auth-list"><div class="auth-filters"><template data-component="Input" data-model-value="(query)" aria-label="搜索流程模板" placeholder="搜索模板名称、标识或用途" allow-clear=""></template><template data-component="Select" data-model-value="(project)" aria-label="流程项目筛选" data-bind-options="([{ value: 'all', label: '全部可见项目' }, ...[...new Set(store.records.map(r =&gt; r.project))].map(v =&gt; ({ value: v, label: v }))])"></template><template data-component="Select" data-model-value="(state)" aria-label="流程状态筛选" data-bind-options="([{ value: 'all', label: '全部配置状态' }, ...Object.entries(labels).map(([value, label]) =&gt; ({ value, label }))])"></template><template data-component="Button" data-on-click="query = '';
+state = 'all';
+project = 'all';">重置</template></div><div class="auth-tools"><template data-component="ListBatchBar" data-bind-count="(selection.selected.value.length)" data-bind-allowed="(canDelete)" data-on-remove="(targets = selection.selected.value)" data-on-clear="(selection.clear)"></template><template data-component="Space" wrap=""><template data-component="Button" data-on-click="(desc = !desc)">时间{{ (desc ? '倒序' : '正序') }}</template><template data-component="Button" data-bind-loading="(refreshing)" data-on-click="(refresh)">刷新</template><template data-component="ColumnSettings" data-bind-preferences="(prefs)"></template></template></div><template data-component="Alert" data-if="(error)" type="error" show-icon="" data-bind-title="(error)" closable="" data-on-close="(error = '')"></template><template data-component="Alert" data-if="(store.scene === 'error')" type="error" show-icon="" title="流程模板加载失败" description="请重试，现有草稿保持不变。"><template data-slot="action"><template data-component="Button" data-on-click="(refresh)">重试</template></template></template><template data-else=""><template data-component="ProTable" data-bind-table="(table)" data-bind-search="(async () =&gt; { })" data-bind-control="(false)" data-bind-table-container="(false)" row-key="id" data-bind-loading="(refreshing)" data-bind-row-selection="(selection.rowSelection.value)" data-bind-scroll="({ x: 'max-content' })" data-bind-pagination="({ showTotal: (n) =&gt; '共 ' + n + ' 项', showSizeChanger: true, pageSizeOptions: [5, 10, 20] })"></template><p data-if="(!filtered.length)" class="muted">没有符合条件的流程模板。可调整筛选，或创建模板。</p></template></section><template data-component="ListDeleteDialog" data-if="(targets.length)" data-model-targets="(targets)" label="流程模板" data-bind-check="(store.checkRemove)" data-bind-submit="(store.removeMany)" data-on-close="(targets = [])" data-on-deleted="targets = [];
+selection.clear();"></template>

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/workflows/WorkflowsPage.js

@@ -0,0 +1,55 @@
+import { computed, ref, watch } from '../../runtime/state.js';
+import { h } from '../../runtime/dom.js';
+import { useRouter } from "../../runtime/router.js";
+import { Alert, Button, Input, Select, Space, Tag, message } from "../../runtime/widgets.js";
+import { ProTable, useTable } from "../../runtime/widgets.js";
+import { useWorkflows } from "./store.js";
+import { useSession } from "../shared/session.js";
+import { formatDate, tenantLabel } from "../shared/policy.js";
+import { useColumns } from "../shared/columns.js";
+import { useListSelection } from "../shared/listSelection.js";
+import ListMore from "../shared/ListMore.js";
+import ColumnSettings from "../shared/ColumnSettings.js";
+import ListBatchBar from "../shared/ListBatchBar.js";
+import ListDeleteDialog from "../shared/ListDeleteDialog.js";
+import { confirmAction } from "../shell/confirmation.js";
+import { createComponent } from '../../runtime/dom.js';
+export default createComponent({ name: 'WorkflowsPage', propKeys: [], template: new URL('./WorkflowsPage.html', import.meta.url).href, setup(__props, __emit) {
+        const store = useWorkflows(), session = useSession(), router = useRouter(), query = ref(''), state = ref('all'), project = ref('all'), desc = ref(true), refreshing = ref(false), targets = ref([]), error = ref('');
+        const rows = computed(() => store.records.map(r => ({ ...r, name: r.body.name, code: r.body.code })));
+        const prefs = useColumns('workflows', [{ key: 'name', label: '模板名称', locked: true }, { key: 'project', label: '所属项目', defaultVisible: true }, { key: 'state', label: '配置状态', defaultVisible: true }, { key: 'version', label: '发布版本', defaultVisible: true }, { key: 'enabled', label: '启用状态', defaultVisible: true }, { key: 'createdBy', label: '创建人', defaultVisible: true }, { key: 'createdAt', label: '创建时间', defaultVisible: true }, { key: 'code', label: '模板标识' }, { key: 'tenantId', label: '所属租户' }, { key: 'createdDept', label: '创建部门' }, { key: 'updatedBy', label: '修改人' }, { key: 'updatedAt', label: '修改时间' }, { key: 'recordVersion', label: '记录版本' }, { key: 'actions', label: '操作', locked: true }]);
+        const labels = { draft: '编辑中', review: '待审核', published: '已发布' }, canDelete = computed(() => session.can('workflow:delete'));
+        function toggle(r) { confirmAction({ title: (r.enabled ? '停用' : '启用') + r.body.name + '？', content: r.enabled ? '停用后不再供新的任务选择，历史版本与交接快照保留。' : '启用前将检查最新发布版本的配置与资源。', okText: r.enabled ? '确认停用' : '确认启用', cancelText: '取消', onOk: () => { try {
+                store.toggle(r.id, r.recordVersion);
+                message.success('模板状态已更新');
+            }
+            catch (e) {
+                error.value = e.message;
+            } } }); }
+        function action(key, r) { if (key === 'delete')
+            targets.value = [{ id: r.id, name: r.body.name, recordVersion: r.recordVersion }];
+        else if (key === 'toggle')
+            toggle(r);
+        else if (key === 'copy') {
+            try {
+                const copy = store.copy(r.id);
+                router.push('/workflows/' + copy.id + '/edit');
+            }
+            catch (e) {
+                error.value = e.message;
+            }
+        }
+        else
+            router.push('/workflows/' + r.id + (key === 'edit' ? '/edit' : key === 'versions' ? '?tab=versions' : key === 'audit' ? '?tab=records' : '')); }
+        function actions(r) { const allowed = (a) => session.can(('workflow:' + a), r.tenantId, r.pbcId); return h('div', { class: 'row-actions' }, [h(Button, { type: 'link', disabled: !allowed('edit') || r.state === 'review', onClick: () => action('edit', r) }, () => '编辑'), h(ListMore, { name: r.body.name, items: [{ key: 'detail', label: '查看详情' }, { key: 'versions', label: '版本与差异' }, { key: 'copy', label: '复制为新模板', disabled: !allowed('edit') }, { key: 'toggle', label: r.enabled ? '停用模板' : '启用模板', disabled: !allowed('status') || (!r.enabled && !r.versions.length) }, { key: 'audit', label: '操作记录', disabled: !allowed('audit') }, { key: 'delete', label: '删除模板', danger: true, disabled: !allowed('delete') }], onAction: (k) => action(k, r) })]); }
+        const table = useTable({ pageParam: { current: 1, pageSize: 5, total: 0 }, columns: prefs.choices.map(c => ({ key: c.key, title: c.label, dataIndex: c.key, width: c.key === 'name' ? 225 : c.key === 'actions' ? 130 : c.key.endsWith('At') ? 170 : c.key === 'project' ? 105 : ['state', 'enabled', 'version', 'createdBy'].includes(c.key) ? 90 : 125, fixed: c.key === 'actions' ? 'right' : undefined, ...(c.key === 'name' ? { render: (_, r) => h('div', [h(Button, { type: 'link', class: 'agent-name', onClick: () => router.push('/workflows/' + r.id) }, () => String(r.name)), h('small', { class: 'agent-code' }, () => String(r.code))]) } : c.key === 'actions' ? { render: (_, r) => actions(r) } : c.key === 'state' ? { render: (v) => h(Tag, { color: v === 'review' ? 'orange' : v === 'published' ? 'blue' : 'default' }, () => labels[v]) } : c.key === 'enabled' ? { render: (v) => h(Tag, { color: v ? 'green' : 'default' }, () => v ? '已启用' : '已停用') } : c.key === 'version' ? { render: (_, r) => r.versions.at(-1) ? 'v' + r.versions.at(-1).number : '未发布' } : c.key === 'tenantId' ? { render: (v) => tenantLabel(String(v)) } : c.key.endsWith('At') ? { render: (v) => formatDate(String(v)) } : {}) })) });
+        const columns = new Map(table.columns.value.map(c => [c.key, c]));
+        watch(prefs.keys, keys => table.columns.value = keys.map(k => columns.get(k)).filter(Boolean), { immediate: true });
+        const filtered = computed(() => store.scene === 'empty' ? [] : rows.value.filter(r => (r.name + r.code + r.body.description).toLowerCase().includes(query.value.trim().toLowerCase()) && (state.value === 'all' || r.state === state.value) && (project.value === 'all' || r.project === project.value)).sort((a, b) => desc.value ? b.createdAt.localeCompare(a.createdAt) : a.createdAt.localeCompare(b.createdAt)));
+        watch([filtered, () => table.pageParam.current, () => table.pageParam.pageSize], () => { const size = table.pageParam.pageSize || 5, max = Math.max(1, Math.ceil(filtered.value.length / size)); if ((table.pageParam.current || 1) > max)
+            table.setPageParam({ current: max }); const start = ((table.pageParam.current || 1) - 1) * size; table.dataSource.value = filtered.value.slice(start, start + size); table.setPageParam({ total: filtered.value.length }); }, { immediate: true });
+        const selection = useListSelection(table.dataSource, computed(() => JSON.stringify([session.key, query.value, state.value, project.value, desc.value, table.pageParam.current, table.pageParam.pageSize])), canDelete, r => r.name);
+        watch([query, state, project], () => table.setPageParam({ current: 1 }));
+        async function refresh() { selection.clear(); refreshing.value = true; await new Promise(r => setTimeout(r, 200)); store.scene = 'normal'; refreshing.value = false; }
+        return { computed, ref, watch, h, useRouter, Alert, Button, Input, Select, Space, Tag, message, ProTable, useTable, useWorkflows, useSession, formatDate, tenantLabel, useColumns, useListSelection, ListMore, ColumnSettings, ListBatchBar, ListDeleteDialog, confirmAction, store, session, router, query, state, project, desc, refreshing, targets, error, rows, prefs, labels, canDelete, toggle, action, actions, table, columns, filtered, selection, refresh };
+    } });

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/workflows/data.js

@@ -0,0 +1,16 @@
+import { actors, metadata } from "../shared/policy.js";
+export function standardBody() {
+    const nodes = [{ id: 'start', kind: 'start', name: '交付开始', x: 70, y: 60 }, { id: 'prototype', kind: 'human', name: '确认交互原型', gate: 'prototype', permission: 'workflow:approve', x: 340, y: 60 }, { id: 'build', kind: 'agent', name: '实现应用', agentId: 'agent-1', input: '已确认规格与原型', output: '代码与变更说明', x: 610, y: 60 }, { id: 'ci', kind: 'tool', name: '运行质量检查', tool: 'ci-check', input: '代码与测试清单', output: '检查报告', x: 880, y: 60 }, { id: 'verify', kind: 'verify', name: '独立验证产物', agentId: 'agent-2', input: '代码、规格与检查报告', output: '独立验证结论', x: 880, y: 260 }, { id: 'approval', kind: 'human', name: '批准生产发布', gate: 'production', permission: 'workflow:approve', x: 610, y: 260 }, { id: 'release', kind: 'publish', name: '发布已验证版本', x: 340, y: 260 }, { id: 'archive', kind: 'archive', name: '归档交付证据', x: 70, y: 260 }];
+    return { name: '供热工单 AI 应用交付', code: 'heating-ai-delivery', description: '从已确认的规格与原型出发，完成实现、验证、人工批准与交付归档。', nodes, edges: nodes.slice(0, -1).map((n, i) => ({ id: 'edge-' + i, from: n.id, to: nodes[i + 1].id, label: '' })) };
+}
+export function seedFlows() {
+    return ['供热工单 AI 应用交付', '服务接口交付草稿', '知识服务交付草稿', '轻量迭代草稿', '专项测试草稿', '北方巡检交付草稿'].map((name, i) => {
+        const body = standardBody();
+        body.name = name;
+        body.code = i ? 'delivery-template-' + i : body.code;
+        if (i === 5)
+            body.nodes.forEach(n => { if (n.agentId)
+                n.agentId = ''; });
+        return { ...metadata(actors[0], new Date(Date.UTC(2026, 8, 10, 12, 20 - i)).toISOString(), i === 5 ? 'north' : 'heating'), id: 'flow-' + i, pbcId: i === 5 ? 'pbc-6' : 'pbc-0', project: i === 5 ? '巡检管理' : '供热工单', body, versions: i ? [] : [{ number: 1, body: JSON.parse(JSON.stringify(body)), note: '标准交付流程示例', by: '王睿', at: '2026-09-10T12:30:00.000Z', submittedBy: '陈敏' }], state: i ? 'draft' : 'published', enabled: i === 0, draftBy: 'chen' };
+    });
+}

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/workflows/domain.js

@@ -0,0 +1,83 @@
+export const clone = (x) => JSON.parse(JSON.stringify(x));
+export const kinds = [{ value: 'agent', label: 'Agent 执行', mark: 'A' }, { value: 'human', label: '人工确认', mark: '人' }, { value: 'tool', label: '工具与 CI', mark: 'CI' }, { value: 'branch', label: '条件分支', mark: '◇' }, { value: 'loop', label: '有限修复', mark: '↻' }, { value: 'publish', label: '发布', mark: '↗' }, { value: 'archive', label: '归档', mark: '✓' }];
+export const kindLabel = (n) => n.kind === 'start' ? '开始' : n.kind === 'verify' ? '独立验证' : kinds.find(k => k.value === n.kind)?.label || n.kind;
+export const protectedNode = (n) => n.kind === 'start' || n.kind === 'verify' || !!n.gate;
+export function basics(b) { if (!b.name.trim() || !b.code.trim())
+    throw Error('请填写模板名称和标识。'); if (!/^[a-z][a-z0-9-]{2,49}$/.test(b.code))
+    throw Error('模板标识须为 3–50 位小写字母、数字或连字符，字母开头。'); if (b.name.length > 80)
+    throw Error('模板名称不能超过 80 个字符。'); }
+export function validateFlow(b, agents) {
+    const checks = [], nodes = b.nodes, edges = b.edges, ids = new Set(nodes.map(n => n.id));
+    const add = (id, ok, title, detail, nodeId) => checks.push({ id, ok, title, detail, nodeId });
+    add('identity', !!b.name.trim() && /^[a-z][a-z0-9-]{2,49}$/.test(b.code), '模板基本信息', '名称与标识完整且有效。');
+    const edgesValid = edges.every(e => ids.has(e.from) && ids.has(e.to) && e.from !== e.to) && new Set(edges.map(e => e.from + '|' + e.to + '|' + e.label)).size === edges.length;
+    add('structure', nodes.length > 0 && nodes.length <= 80 && ids.size === nodes.length && edgesValid && nodes.every(n => n.name.trim()), '节点与连线结构', '节点名称完整且 ID 唯一、连线端点有效；本原型最多 80 个节点。');
+    const starts = nodes.filter(n => n.kind === 'start'), ends = nodes.filter(n => n.kind === 'archive');
+    const outgoing = (id) => edges.filter(e => e.from === id && ids.has(e.to));
+    const reach = (from, skip) => { const seen = new Set(), todo = [from]; while (todo.length) {
+        const v = todo.pop();
+        if (v === skip || seen.has(v))
+            continue;
+        seen.add(v);
+        todo.push(...outgoing(v).map(e => e.to));
+    } return seen; };
+    const seen = starts.length === 1 ? reach(starts[0].id) : new Set();
+    const colors = new Map();
+    function visit(id) { if (colors.get(id) === 1)
+        return false; if (colors.get(id) === 2)
+        return true; colors.set(id, 1); for (const e of outgoing(id))
+        if (!visit(e.to))
+            return false; colors.set(id, 2); return true; }
+    const acyclic = nodes.every(n => visit(n.id));
+    add('cycle', acyclic, '有界执行', '普通连线不允许成环；返工须使用有次数上限的有限修复节点。');
+    add('connectivity', starts.length === 1 && ends.length > 0 && nodes.every(n => seen.has(n.id) && ends.some(e => reach(n.id).has(e.id))) && edges.every(e => e.to !== starts[0]?.id), '完整可达路径', '必须只有一个开始，全部节点从开始可达并能到达归档。');
+    for (const n of nodes) {
+        const out = outgoing(n.id);
+        add('ports-' + n.id, n.kind === 'branch' ? out.length === 2 && out.some(e => e.label === '满足') && out.some(e => e.label === '不满足') : n.kind === 'archive' ? out.length === 0 : out.length === 1, '出口 · ' + n.name, n.kind === 'branch' ? '分支必须有“满足”和“不满足”两个出口。' : n.kind === 'archive' ? '归档节点没有后续出口。' : '此节点应连接一个后续节点。', n.id);
+        if (['agent', 'verify', 'loop'].includes(n.kind)) {
+            const a = agents.find(a => a.id === n.agentId);
+            add('agent-' + n.id, !!a?.available, 'Agent · ' + n.name, a?.available ? a.name + ' · 配置与使用授权有效' : a?.reason || '请绑定本项目内可见的 Agent。', n.id);
+        }
+        if (['agent', 'verify', 'tool', 'loop'].includes(n.kind))
+            add('io-' + n.id, !!n.input?.trim() && !!n.output?.trim(), '产物 · ' + n.name, '请明确输入与输出产物名称；正式 schema/类型校验待实现。', n.id);
+        if (n.kind === 'tool')
+            add('tool-' + n.id, ['ci-check', 'contract-read'].includes(n.tool || ''), '工具 · ' + n.name, '从固定示例目录选择已登记工具或 CI。', n.id);
+        if (n.kind === 'branch')
+            add('condition-' + n.id, ['checks.passed', 'review.approved'].includes(n.condition || ''), '条件 · ' + n.name, '选择已登记的结果条件。', n.id);
+        if (n.kind === 'loop')
+            add('limit-' + n.id, Number.isInteger(n.limit) && n.limit > 0 && n.limit <= 10, '次数上限 · ' + n.name, '修复 1–10 次（原型候选范围），耗尽转人工处理；不能自动发布。', n.id);
+        if (n.kind === 'human')
+            add('human-' + n.id, n.permission === 'workflow:approve', '确认权限 · ' + n.name, '人工确认必须关联已登记的交付人工确认动作。', n.id);
+    }
+    const proto = nodes.filter(n => n.gate === 'prototype' && n.kind === 'human'), verify = nodes.filter(n => n.kind === 'verify'), approval = nodes.filter(n => n.gate === 'production' && n.kind === 'human'), publishes = nodes.filter(n => n.kind === 'publish');
+    const dominates = (gate, target) => !!gate && starts.length === 1 && seen.has(target.id) && !reach(starts[0].id, gate.id).has(target.id);
+    add('gates', proto.length === 1 && verify.length === 1 && approval.length === 1 && publishes.length > 0, '必要治理节点', '此交付模板必须包含一次原型确认、独立验证、生产人工批准及发布。');
+    add('prototype', proto.length === 1 && nodes.filter(n => ['agent', 'loop', 'tool', 'verify', 'publish'].includes(n.kind)).every(n => dominates(proto[0], n)), '原型确认先于实现', '实现与工具执行的所有路径必须先经过原型确认。');
+    add('release', verify.length === 1 && approval.length === 1 && dominates(verify[0], approval[0]) && publishes.every(n => dominates(verify[0], n) && dominates(approval[0], n)), '发布门禁不可旁路', '到达发布的所有路径必须先完成独立验证和生产人工批准，且顺序正确。');
+    const workers = nodes.filter(n => n.kind === 'agent' || n.kind === 'loop');
+    add('independent', verify.length === 1 && !!verify[0].agentId && workers.every(n => n.agentId !== verify[0].agentId), '独立验证配置', '验证 Agent 必须不同于实现和修复 Agent；运行上下文独立性仍需后端验证。');
+    add('after-verify', verify.length === 1 && nodes.filter(n => ['agent', 'loop', 'tool'].includes(n.kind)).every(n => !reach(verify[0].id).has(n.id)), '验证后产物保持不变', '验证之后不能再实现、修复或调用工具改写产物；修改必须回到新一轮验证。');
+    return checks;
+}
+export function assertRemovable(r, used) { if (r.enabled)
+    throw Error('请先停用模板。'); if (r.state === 'review')
+    throw Error('请先撤回配置审核。'); if (used)
+    throw Error('流程已有版本选择或交付任务引用，保留历史引用，不能删除。'); }
+export function diffBodies(before, after) { const changes = []; for (const k of ['name', 'code', 'description'])
+    if (before[k] !== after[k])
+        changes.push(k === 'name' ? '模板名称：' + before[k] + ' → ' + after[k] : k === 'description' ? '更新用途说明' : '更新模板标识'); for (const n of after.nodes) {
+    const old = before.nodes.find(x => x.id === n.id);
+    if (!old)
+        changes.push('新增节点：' + n.name);
+    else if (JSON.stringify(old) !== JSON.stringify(n)) {
+        for (const k of [...new Set([...Object.keys(old), ...Object.keys(n)])])
+            if (old[k] !== n[k])
+                changes.push(n.name + ' · ' + ({ name: '名称', agentId: 'Agent', tool: '工具', input: '输入', output: '输出', limit: '修复上限', condition: '条件', permission: '权限', x: '横向位置', y: '纵向位置' }[k] || k) + '：' + String(old[k] ?? '未设置') + ' → ' + String(n[k] ?? '未设置'));
+    }
+} for (const n of before.nodes)
+    if (!after.nodes.some(x => x.id === n.id))
+        changes.push('移除节点：' + n.name); const edgeLabel = (b, e) => (b.nodes.find(n => n.id === e.from)?.name || e.from) + ' → ' + (b.nodes.find(n => n.id === e.to)?.name || e.to) + (e.label ? '（' + e.label + '）' : ''); for (const e of after.edges)
+    if (!before.edges.some(x => x.from === e.from && x.to === e.to && x.label === e.label))
+        changes.push('新增连线：' + edgeLabel(after, e)); for (const e of before.edges)
+    if (!after.edges.some(x => x.from === e.from && x.to === e.to && x.label === e.label))
+        changes.push('移除连线：' + edgeLabel(before, e)); return changes; }