@givolt/i3-composer-agent 3.0.0 → 3.2.1

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/pbc/PbcPage.js

@@ -0,0 +1,43 @@
+import TaskLaunch from "../tasks/TaskLaunch.js";
+import { computed, ref, watch } from '../../runtime/state.js';
+import { useRoute, useRouter } from "../../runtime/router.js";
+import { Alert, Button, Result, Space } from "../../runtime/widgets.js";
+import { useIntents } from "../intents/store.js";
+import { useSpecs } from "../specs/store.js";
+import { useSession } from "../shared/session.js";
+import { currentVersion, sourceOf } from "../specs/domain.js";
+import { usePbcs } from "./store.js";
+import { confirmAction } from "../shell/confirmation.js";
+import SpecHeader from "../specs/SpecHeader.js";
+import PbcPicker from "./PbcPicker.js";
+import PbcWizard from "./PbcWizard.js";
+import PbcProgress from "./PbcProgress.js";
+import { createComponent } from '../../runtime/dom.js';
+export default createComponent({ name: 'PbcPage', propKeys: [], template: new URL('./PbcPage.html', import.meta.url).href, setup(__props, __emit) {
+        const route = useRoute(), router = useRouter(), intents = useIntents(), specs = useSpecs(), store = usePbcs(), session = useSession(), selected = ref(''), wizard = ref(route.query.create === '1'), error = ref(''), submitting = ref(false);
+        const id = computed(() => String(route.params.id)), intent = computed(() => intents.get(id.value)), spec = computed(() => specs.get(id.value)), version = computed(() => spec.value && currentVersion(spec.value)), job = computed(() => store.job(id.value)), target = computed(() => store.items.find(p => p.id === selected.value));
+        watch(id, () => { selected.value = ''; error.value = ''; wizard.value = route.query.create === '1'; });
+        const sourceError = computed(() => { try {
+            if (!intent.value || !version.value?.confirmedAt)
+                return '请先完成规格确认。';
+            if (sourceOf(intent.value).version !== version.value.source.version)
+                return '来源意图有新版本，请先重新生成并确认规格。';
+            return '';
+        }
+        catch (e) {
+            return e.message;
+        } });
+        function link() { if (!target.value || !version.value)
+            return; const p = target.value, v = version.value, binding = { specVersion: v.number, recordVersion: spec.value.recordVersion, sourceVersion: v.source.version }; confirmAction({ title: '关联至 ' + p.name + '？', content: '意图 ' + v.source.code + ' v' + v.source.version + ' / 规格 v' + v.number + ' 将登记到 ' + p.name + '。保留现有工程配置，本轮不提供改绑。', okText: '确认关联', cancelText: '继续核对', onOk: async () => { try {
+                submitting.value = true;
+                error.value = '';
+                await store.link(id.value, p.id, binding);
+            }
+            catch (e) {
+                error.value = e.message;
+            }
+            finally {
+                submitting.value = false;
+            } } }); }
+        return { TaskLaunch, computed, ref, watch, useRoute, useRouter, Alert, Button, Result, Space, useIntents, useSpecs, useSession, currentVersion, sourceOf, usePbcs, confirmAction, SpecHeader, PbcPicker, PbcWizard, PbcProgress, route, router, intents, specs, store, session, selected, wizard, error, submitting, id, intent, spec, version, job, target, sourceError, link };
+    } });

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/pbc/PbcPicker.html

@@ -0,0 +1,4 @@
+<!-- 来源：src/pbc/PbcPicker.vue；HTML / 原生 DOM 绑定，不含 Vue 运行时。 -->
+<section aria-label="已有 PBC 选择器"><div class="pbc-picker-tools"><template data-component="Space" wrap=""><template data-component="Input" data-model-value="(keyword)" aria-label="查找已有 PBC" placeholder="搜索名称、标识或 EBC" data-on-press-enter="(search)"></template><template data-component="Button" data-on-click="(search)">查询</template><template data-component="Button" data-on-click="keyword = '';
+search();">重置</template></template><template data-component="Space" wrap=""><template data-component="Button" data-on-click="(sort = !sort)">名称{{ (sort ? '降序' : '升序') }}</template><template data-component="ColumnSettings" data-bind-preferences="(prefs)"></template><template data-component="Button" data-on-click="(refresh)">刷新</template></template></div><template data-component="Alert" type="info" show-icon="" title="一次关联一个 PBC。此处为授权目录选择器，删除及批量删除不适用。" class="page-alert"></template><template data-component="Result" data-if="(store.scene === 'error')" status="warning" title="PBC 目录加载失败"><template data-slot="extra"><template data-component="Button" data-on-click="store.scene = 'normal';
+refresh();">重试加载</template></template></template><template data-component="ProTable" data-else="" data-bind-table="(table)" data-bind-search="(async () =&gt; { })" data-bind-control="(false)" data-bind-table-container="(false)" data-bind-loading="(loading)" row-key="id" data-bind-row-selection="(selection)" data-bind-scroll="({ x: 'max-content' })" data-bind-pagination="({ showTotal: (n) =&gt; '共 ' + n + ' 个可见 PBC', showSizeChanger: true, pageSizeOptions: [5, 10, 20] })" data-bind-locale="({ emptyText: h(Empty, { description: '没有匹配的授权 PBC' }) })"></template><template data-component="Drawer" data-bind-open="(!!detail)" title="PBC 详情" data-bind-size="(620)" data-on-close="(detail = undefined)"><template data-if="(detail)"><h2>{{ (detail.name) }}</h2><p>{{ (detail.ebc) }} · 负责人 {{ (detail.owner) }}</p><p>工程标识：{{ (detail.slug) }}<br>域名：{{ (detail.domain) }}</p><template data-component="RecordMetadata" data-bind-record="(detail)"></template><template data-component="Alert" type="info" title="演示目录记录，未连接真实仓库或环境。"></template></template></template></section>

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/pbc/PbcPicker.js

@@ -0,0 +1,34 @@
+import { stateOf } from "./management.js";
+import { computed, ref, watch } from '../../runtime/state.js';
+import { h } from '../../runtime/dom.js';
+import { Alert, Button, Drawer, Empty, Input, Result, Space } from "../../runtime/widgets.js";
+import { ProTable, useTable } from "../../runtime/widgets.js";
+import { usePbcs } from "./store.js";
+import { useSession } from "../shared/session.js";
+import { formatDate, tenantLabel } from "../shared/policy.js";
+import { useColumns } from "../shared/columns.js";
+import ColumnSettings from "../shared/ColumnSettings.js";
+import RecordMetadata from "../shared/RecordMetadata.js";
+import ListMore from "../shared/ListMore.js";
+import { labeledSelection } from "../shared/listSelection.js";
+import { createComponent } from '../../runtime/dom.js';
+export default createComponent({ name: 'PbcPicker', propKeys: ["tenantId", "value"], template: new URL('./PbcPicker.html', import.meta.url).href, setup(__props, __emit) {
+        const props = __props, emit = __emit, store = usePbcs(), session = useSession(), keyword = ref(''), applied = ref(''), loading = ref(false), detail = ref(), sort = ref(false);
+        const prefs = useColumns('pbc-picker', [{ key: 'name', label: 'PBC 名称', locked: true }, { key: 'ebc', label: 'EBC 归属', defaultVisible: true }, { key: 'owner', label: '负责人', defaultVisible: true }, { key: 'createdBy', label: '创建人', defaultVisible: true }, { key: 'createdAt', label: '创建时间', defaultVisible: true }, { key: 'createdDept', label: '创建部门' }, { key: 'updatedBy', label: '修改人' }, { key: 'updatedAt', label: '修改时间' }, { key: 'tenantId', label: '所属租户' }, { key: 'actions', label: '操作', locked: true }]);
+        const table = useTable({ pageParam: { current: 1, pageSize: 5, total: 0 }, columns: [
+                { key: 'name', title: 'PBC 名称', dataIndex: 'name', width: 180, render: (_, row) => h(Button, { type: 'link', onClick: () => detail.value = row }, () => String(row.name)) },
+                { key: 'ebc', title: 'EBC 归属', dataIndex: 'ebc', width: 200 }, { key: 'owner', title: '负责人', dataIndex: 'owner', width: 100 },
+                { key: 'createdBy', title: '创建人', dataIndex: 'createdBy', width: 100 }, { key: 'createdAt', title: '创建时间', dataIndex: 'createdAt', width: 180, render: (v) => formatDate(String(v)) },
+                { key: 'createdDept', title: '创建部门', dataIndex: 'createdDept', width: 140 }, { key: 'updatedBy', title: '修改人', dataIndex: 'updatedBy', width: 100 }, { key: 'updatedAt', title: '修改时间', dataIndex: 'updatedAt', width: 180, render: (v) => formatDate(String(v)) }, { key: 'tenantId', title: '所属租户', dataIndex: 'tenantId', width: 120, render: (v) => tenantLabel(String(v)) },
+                { key: 'actions', title: '操作', width: 95, render: (_, row) => h(ListMore, { name: String(row.name), items: [{ key: 'detail', label: '查看 PBC 详情' }], onAction: () => detail.value = row }) },
+            ] });
+        const catalog = new Map(table.columns.value.map(c => [c.key, c]));
+        watch(prefs.keys, keys => table.columns.value = keys.map(k => catalog.get(k)).filter(Boolean), { immediate: true });
+        const visible = computed(() => store.scene === 'empty' ? [] : store.items.filter(p => stateOf(p) === 'active').filter(p => p.tenantId === props.tenantId && (p.name + p.slug + p.ebc).includes(applied.value.trim())).sort((a, b) => sort.value ? b.name.localeCompare(a.name, 'zh-CN') : a.name.localeCompare(b.name, 'zh-CN')));
+        watch([visible, () => table.pageParam.current, () => table.pageParam.pageSize], () => { const size = table.pageParam.pageSize || 5, max = Math.max(1, Math.ceil(visible.value.length / size)); if ((table.pageParam.current || 1) > max)
+            table.setPageParam({ current: max }); const start = ((table.pageParam.current || 1) - 1) * size; table.dataSource.value = visible.value.slice(start, start + size); table.setPageParam({ total: visible.value.length }); emit('change', ''); }, { immediate: true });
+        const selection = computed(() => ({ type: 'radio', renderCell: (_checked, p, _index, node) => labeledSelection(node, '选择 PBC ' + p.name), selectedRowKeys: props.value ? [props.value] : [], onChange: (keys) => emit('change', String(keys[0] || '')), getCheckboxProps: (p) => ({ disabled: !session.can('pbc:link', String(p.tenantId), String(p.id)), name: '选择 PBC ' + p.name }) }));
+        function search() { applied.value = keyword.value; table.setPageParam({ current: 1 }); emit('change', ''); }
+        async function refresh() { emit('change', ''); loading.value = true; await new Promise(r => setTimeout(r, 250)); loading.value = false; }
+        return { stateOf, computed, ref, watch, h, Alert, Button, Drawer, Empty, Input, Result, Space, ProTable, useTable, usePbcs, useSession, formatDate, tenantLabel, useColumns, ColumnSettings, RecordMetadata, ListMore, labeledSelection, props, emit, store, session, keyword, applied, loading, detail, sort, prefs, table, catalog, visible, selection, search, refresh };
+    } });

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/pbc/PbcProgress.html

@@ -0,0 +1,2 @@
+<!-- 来源：src/pbc/PbcProgress.vue；HTML / 原生 DOM 绑定，不含 Vue 运行时。 -->
+<section class="panel delivery-main" aria-label="PBC 归属进度"><div class="section-heading"><div><h2>{{ (job.kind === 'create' ? '创建' : '关联') }} {{ (job.pbc.name) }}</h2><p class="muted">意图 v{{ (job.sourceVersion) }} → 规格 v{{ (job.specVersion) }} → {{ (job.pbc.name) }}</p></div><template data-component="Tag" data-bind-color="(job.status === 'done' ? 'green' : job.status === 'failed' ? 'red' : 'blue')">{{ (stateLabels[job.status]) }}</template></div><template data-component="Alert" data-if="(error)" type="error" show-icon="" data-bind-title="(error)" class="page-alert"></template><template data-component="Alert" type="info" show-icon="" title="已提交内容只读保留，刷新页面后可查看原请求。" data-bind-description="('操作编号：' + job.id + '。不在此改绑或重新创建；本版所有执行与回执均为本地模拟。')" class="page-alert"></template><ol class="creation-progress"><li data-each="(step,index) in (job.steps)" data-bind-key="(step.name)"><span class="step-index" data-bind-class="('step-' + step.state)">{{ (step.state === 'done' ? '✓' : index + 1) }}</span><div><strong>{{ (step.name) }}</strong><p class="muted">{{ (step.detail || '等待前序步骤完成') }}</p></div><template data-component="Tag" data-bind-color="(step.state === 'done' ? 'green' : step.state === 'failed' ? 'red' : step.state === 'unknown' ? 'orange' : 'default')">{{ ({ waiting: '等待中', running: '处理中', done: '已完成', failed: '未完成', unknown: '待核实' }[step.state]) }}</template></li></ol><template data-component="Space" wrap=""><template data-component="Button" data-if="(job.status === 'unknown')" type="primary" data-on-click="(reconcile)">核实原操作结果</template><template data-component="Button" data-if="(['paused', 'failed'].includes(job.status))" type="primary" data-bind-disabled="(!canResume)" data-on-click="(resume)">继续未完成步骤</template><template data-component="Button" data-on-click="(history = true)">查看执行记录</template></template><template data-if="(job.status === 'done')"><section class="summary-context"><h2>归属结果与产物引用</h2><p>{{ (job.kind === 'create' ? '已形成新的 PBC 演示记录' : '已在现有 PBC 下登记需求关联，未重建工程资源') }}。后续进入开发计划与设计，当前没有生产发布。</p><div class="artifact-grid"><button data-each="a in (artifacts)" data-bind-key="(a.name)" class="artifact-link" data-on-click="(artifact = a.name)"><strong>{{ (a.name) }}</strong><span>{{ (a.path) }}</span><small>查看模拟引用 →</small></button></div><p class="muted">GitLab 归档与提交号、真实 Roadmap 生成待正式实现。此处不是仓库完成凭据。</p></section></template><template data-component="RecordMetadata" data-bind-record="(job)"></template><template data-component="Drawer" data-bind-open="(history)" title="执行与操作记录" data-bind-size="(680)" data-on-close="(history = false)"><template data-component="Alert" type="info" title="只读执行历史，不适用删除或批量删除。"></template><ol class="intent-events"><li data-each="(event,index) in ([...job.events].reverse())" data-bind-key="(index)"><strong>{{ (event.text) }}</strong><p class="muted">{{ (event.actor) }} · {{ (formatDate(event.at)) }}</p></li></ol></template><template data-component="Drawer" data-bind-open="(!!artifact)" data-bind-title="(artifact + '（模拟）')" data-bind-size="(820)" data-on-close="(artifact = '')"><p>来源：{{ (job.spec.source.code) }} · 意图 v{{ (job.sourceVersion) }} · 规格 v{{ (job.specVersion) }}</p><p>确认人：{{ (job.spec.confirmedBy) }} · {{ (formatDate(job.spec.confirmedAt)) }}</p><template data-if="(artifact === '已确认规格引用')"><template data-component="SpecDocument" data-bind-version="(job.spec)"></template></template><template data-else-if="(artifact === '意图归档引用')"><h2>{{ (job.spec.source.title) }}</h2><p>此处保留来源意图的标识与已确认版本，原文可从意图详情的版本记录查看。</p><template data-component="Button" data-on-click="(router.push('/intents/' + job.intentId))">查看来源意图</template></template><template data-else=""><h2>后续计划入口</h2><p>需求拆分 → 契约与交互设计 → 实现与独立验证 → 人工放行生产。</p><p>正式 Roadmap 待后续交互包与 spec 定义；本轮仅展示归档引用位置。</p></template></template></section>

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/pbc/PbcProgress.js

@@ -0,0 +1,30 @@
+import { computed, ref } from '../../runtime/state.js';
+import { Alert, Button, Drawer, Space, Tag } from "../../runtime/widgets.js";
+import { useRouter } from "../../runtime/router.js";
+import { usePbcs } from "./store.js";
+import { useSession } from "../shared/session.js";
+import { formatDate } from "../shared/policy.js";
+import RecordMetadata from "../shared/RecordMetadata.js";
+import SpecDocument from "../specs/SpecDocument.js";
+import { createComponent } from '../../runtime/dom.js';
+export default createComponent({ name: 'PbcProgress', propKeys: ["job"], template: new URL('./PbcProgress.html', import.meta.url).href, setup(__props, __emit) {
+        const props = __props, store = usePbcs(), session = useSession(), router = useRouter(), error = ref(''), artifact = ref(''), history = ref(false);
+        const stateLabels = { running: '处理中', paused: '已暂停', unknown: '结果待核实', failed: '部分步骤失败', done: '已完成（模拟）' };
+        const scope = computed(() => props.job.kind === 'link' ? props.job.pbc.id : undefined), canResume = computed(() => session.can(props.job.kind === 'create' ? 'pbc:create' : 'pbc:link', props.job.tenantId, scope.value));
+        async function resume() { try {
+            error.value = '';
+            await store.resume(props.job.intentId);
+        }
+        catch (e) {
+            error.value = e.message;
+        } }
+        function reconcile() { try {
+            error.value = '';
+            store.reconcile(props.job.intentId);
+        }
+        catch (e) {
+            error.value = e.message;
+        } }
+        const artifacts = computed(() => [{ name: '意图归档引用', path: props.job.pbc.slug + '/intent-home/' + props.job.spec.source.code + '/intent.md' }, { name: '已确认规格引用', path: props.job.pbc.slug + '/intent-home/' + props.job.spec.source.code + '/spec.md' }, { name: 'Roadmap 初稿引用', path: props.job.pbc.slug + '/intent-home/' + props.job.spec.source.code + '/roadmap.md' }]);
+        return { computed, ref, Alert, Button, Drawer, Space, Tag, useRouter, usePbcs, useSession, formatDate, RecordMetadata, SpecDocument, props, store, session, router, error, artifact, history, stateLabels, scope, canResume, resume, reconcile, artifacts };
+    } });

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/pbc/PbcWizard.html

@@ -0,0 +1,3 @@
+<!-- 来源：src/pbc/PbcWizard.vue；HTML / 原生 DOM 绑定，不含 Vue 运行时。 -->
+<template data-component="Drawer" data-bind-open="(true)" title="创建 PBC" data-bind-size="(1040)" data-bind-mask="({ closable: false })" data-on-close="(close)"><template data-component="Steps" data-bind-current="(step)" size="small" class="delivery-steps" data-bind-items="([{ title: '归属与服务方案' }, { title: '工程标识与预览' }, { title: '核对并创建' }])"></template><template data-component="Alert" data-if="(error)" type="error" show-icon="" data-bind-title="(error)" class="page-alert"></template><template data-component="Alert" type="info" show-icon="" class="page-alert" data-bind-title="('复核来源：' + specVersion.source.code + ' · 意图 v' + binding.sourceVersion + ' / 规格 v' + binding.specVersion)" data-bind-description="('规格确认人：' + specVersion.confirmedBy + '；提交期间版本变化会要求重新核对。')"></template><template data-component="ProForm" data-if="(step &lt; 2)" data-bind-form="(form)" name="pbc-create" layout="vertical" data-bind-disabled="(!allowed || submitting)"></template><template data-component="ServiceList" data-if="(step === 0)" data-bind-services="(services)" data-bind-tenant-id="(draft.tenantId)" data-bind-readonly="(!allowed)" data-on-change="(services = $event)"></template><template data-if="(step &gt;= 1)"><section class="engineering-preview"><h2>{{ (step === 1 ? '工程预览' : '提交复核') }}</h2><p><strong>{{ (value.name) }}</strong> · {{ (value.ebc) }} · 负责人 {{ (value.owner) }}</p><p>仓库组 / 命名空间：{{ (value.slug) }}<br>应用入口：{{ (value.domain) }}</p><ul><li data-each="s in (included)" data-bind-key="(s.id)"><strong>{{ (s.title) }}</strong> · {{ (value.prefix) }}-{{ (s.name) }}<br><span class="muted">{{ (templates.find(t =&gt; t.value === s.template)?.label) }} v1.0（模拟） · {{ (value.slug) }}/{{ (s.name) }}</span></li></ul><template data-component="Alert" show-icon="" type="info" title="新建会固定当前意图、规格及工程模板版本。" description="仅演示 GitLab、工程骨架、Kubernetes / Dapr、APISIX、MaxKey 应用和审批回调六项进度；不启动生产发布。"></template></section></template><template data-slot="footer"><div class="drawer-footer"><template data-component="Button" data-bind-disabled="(!allowed || submitting)" data-on-click="(saveExit)">保存并退出</template><template data-component="Space" wrap=""><template data-component="Button" data-if="(step &gt; 0)" data-bind-disabled="(submitting)" data-on-click="step--;
+error = '';">上一步</template><template data-component="Button" data-if="(step &lt; 2)" type="primary" data-bind-disabled="(!allowed)" data-on-click="(next)">下一步</template><template data-component="Button" data-else="" type="primary" data-bind-disabled="(!allowed)" data-bind-loading="(submitting)" data-on-click="(create)">确认并创建 PBC</template></template></div></template></template>

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/pbc/PbcWizard.js

@@ -0,0 +1,67 @@
+import { computed, ref, watch } from '../../runtime/state.js';
+import { Alert, Button, Drawer, Space, Steps } from "../../runtime/widgets.js";
+import { ProForm, useForm } from "../../runtime/widgets.js";
+import { usePbcs } from "./store.js";
+import { useSession } from "../shared/session.js";
+import { clone, currentVersion } from "../specs/domain.js";
+import { useSpecs } from "../specs/store.js";
+import { validateDraft, templates } from "./domain.js";
+import ServiceList from "./ServiceList.js";
+import { confirmAction } from "../shell/confirmation.js";
+import { createComponent } from '../../runtime/dom.js';
+export default createComponent({ name: 'PbcWizard', propKeys: ["intentId"], template: new URL('./PbcWizard.html', import.meta.url).href, setup(__props, __emit) {
+        const props = __props, emit = __emit, store = usePbcs(), session = useSession(), error = ref(''), submitting = ref(false);
+        const draft = ref(store.draft(props.intentId)), step = ref(draft.value.step), services = ref(clone(draft.value.services)), allowed = computed(() => session.can('pbc:create', draft.value.tenantId));
+        const specSnapshot = clone(useSpecs().get(props.intentId)), specVersion = currentVersion(specSnapshot), binding = { specVersion: specVersion.number, recordVersion: specSnapshot.recordVersion, sourceVersion: specVersion.source.version };
+        const form = useForm({ name: draft.value.name, ebc: draft.value.ebc, owner: draft.value.owner, slug: draft.value.slug, prefix: draft.value.prefix, domain: draft.value.domain });
+        watch(step, n => {
+            form.fields.value = n === 0 ? [
+                { path: 'name', label: 'PBC 名称', component: 'input', span: 24, rules: [{ required: true, whitespace: true, message: '请填写名称' }], maxlength: 60 },
+                { path: 'ebc', label: 'EBC 业务能力', component: 'select', span: 12, xs: 24, md: 12, options: ['客户服务与工单履约', '业务运营与支撑', '企业研发与交付'].map(value => ({ label: value, value })), rules: [{ required: true, message: '请选择 EBC' }] },
+                { path: 'owner', label: 'PBC 负责人', component: 'input', span: 12, xs: 24, md: 12, rules: [{ required: true, whitespace: true, message: '请填写负责人' }] },
+            ] : n === 1 ? [
+                { path: 'slug', label: 'PBC 标识', component: 'input', span: 24, extra: '用于仓库组与命名空间，例如 heating-triage。', rules: [{ required: true, message: '请填写标识' }] },
+                { path: 'prefix', label: '应用标识前缀', component: 'input', span: 24, extra: '与服务标识组合形成每个服务的 Dapr appId。', rules: [{ required: true, message: '请填写前缀' }] },
+                { path: 'domain', label: '应用域名', component: 'input', span: 24, extra: '本版仅展示路由规划，不创建真实域名或证书。', rules: [{ required: true, message: '请填写域名' }] },
+            ] : [];
+        }, { immediate: true });
+        const value = computed(() => ({ ...draft.value, ...form.formData, services: services.value, step: step.value }));
+        const included = computed(() => services.value.filter(s => !s.isDeleted));
+        async function next() { try {
+            await form.formRef.value?.validate();
+        }
+        catch {
+            return;
+        } try {
+            validateDraft(value.value, store.items, step.value);
+            error.value = '';
+            step.value++;
+        }
+        catch (e) {
+            error.value = e.message;
+        } }
+        function saveExit() { try {
+            draft.value = store.saveDraft(value.value);
+            emit('close');
+        }
+        catch (e) {
+            error.value = e.message;
+        } }
+        function close() { confirmAction({ title: '保存向导后退出？', content: '保留字段和服务拆分方案，下次可继续。本操作不创建工程。', okText: '保存并退出', cancelText: '继续编辑', onOk: saveExit }); }
+        async function create() { try {
+            submitting.value = true;
+            error.value = '';
+            validateDraft(value.value, store.items);
+            const operation = store.create(props.intentId, value.value, binding);
+            if (store.job(props.intentId))
+                emit('close');
+            await operation;
+        }
+        catch (e) {
+            error.value = e.message;
+        }
+        finally {
+            submitting.value = false;
+        } }
+        return { computed, ref, watch, Alert, Button, Drawer, Space, Steps, ProForm, useForm, usePbcs, useSession, clone, currentVersion, useSpecs, validateDraft, templates, ServiceList, confirmAction, props, emit, store, session, error, submitting, draft, step, services, allowed, specSnapshot, specVersion, binding, form, value, included, next, saveExit, close, create };
+    } });

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/pbc/PbcWorkspace.html

@@ -0,0 +1,2 @@
+<!-- 来源：src/pbc/PbcWorkspace.vue；HTML / 原生 DOM 绑定，不含 Vue 运行时。 -->
+<template data-component="Result" data-if="(!pbc)" status="403" title="PBC 工作区不存在或无权访问"><template data-slot="extra"><template data-component="Button" data-on-click="(router.push('/pbcs'))">返回 PBC 列表</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('/pbcs/' + id))">← 返回 PBC 概览</template><h1>{{ (pbc.name) }} · 交付工作区</h1><p>从已归属的需求，查看每次交付的阶段、问题与版本产物。</p></div><template data-component="Space" wrap=""><template data-component="Button" data-on-click="(router.push('/pbcs/' + id + '?tab=services'))">服务管理</template><template data-component="Button" type="primary" data-bind-disabled="(!sources.length || stateOf(pbc) !== 'active')" data-on-click="(router.push('/tasks/new?intent=' + sources[0].id))">发起交付</template></template></div><div class="task-metrics"><article><span>可见需求</span><strong>{{ (jobs.length) }}</strong></article><article><span>可见交付任务</span><strong>{{ (deliveries.length) }}</strong></article><article><span>等待或需处理</span><strong>{{ (deliveries.filter(t =&gt; !!currentReview(t) || ['failed', 'waiting', 'manual', 'paused'].includes(t.status)).length) }}</strong></article><article><span>待发布处理</span><strong>{{ (deliveries.filter(t =&gt; t.status === 'ready' &amp;&amp; !currentReview(t) &amp;&amp; hasPendingRelease(t)).length) }}</strong></article></div><div class="pbc-chain" aria-label="交付产物链"><button data-on-click="(tab = 'demands')">需求与规格</button><span>→</span><button data-on-click="(tab = 'tasks')">交付任务与阶段</button><span>→</span><button data-bind-disabled="(!canArtifacts)" data-on-click="(tab = 'artifacts')">版本产物</button><span>→</span><button data-bind-disabled="(!canArtifacts)" data-on-click="(router.push('/reviews?pbc=' + id))">质量与评审</button><span>→</span><button data-bind-disabled="(!canArtifacts)" data-on-click="(router.push('/releases?pbc=' + id))">门禁与发布</button><span>→</span><button data-bind-disabled="(!session.can('operation:view', pbc.tenantId, id, 'production'))" data-on-click="(router.push('/operations?pbc=' + id))">运行验收与异常</button></div><template data-component="Tabs" data-model-active-key="(tab)" data-bind-items="([{ key: 'demands', label: '需求与规格' }, { key: 'tasks', label: '交付任务' }, { key: 'artifacts', label: '版本产物', disabled: !canArtifacts }])"></template><template data-if="(tab === 'demands')"><template data-component="ManagementTable" data-bind-key="(id + 'demands')" page-key="关联需求" data-bind-rows="(sourceRows)" readonly="" context-label="来源版本" data-bind-more="(sourceMore)" data-on-action="(sourceAction)"></template><p data-if="(!jobs.length)" class="muted pbc-list-note">暂无可查看的关联需求。需求与规格权限分别由权限管理配置；新增需求先在意图工作台确认规格并归属本 PBC。</p></template><template data-if="(tab === 'tasks')"><template data-component="ManagementTable" data-bind-key="(id + 'tasks')" page-key="工作区任务" data-bind-rows="(taskRows)" readonly="" context-label="当前阶段" data-bind-more="(taskMore)" primary="进度" data-on-action="(taskAction)"></template><p class="muted pbc-list-note">此处聚合已有任务。进入任务详情可处理暂停、返工或草稿；不会另建一份交付记录。</p></template><template data-if="(tab === 'artifacts')"><template data-component="Result" data-if="(!canArtifacts)" status="403" title="没有查看产物的权限"></template><template data-else=""><div class="pbc-artifact-heading"><div><h2>按交付任务查看产物</h2><p class="muted">每份产物保留版本、生成阶段与来源引用。</p></div><template data-component="Select" data-model-value="(selected)" aria-label="产物所属交付任务" data-bind-options="(artifactTasks.map(t =&gt; ({ value: t.id, label: t.name })))" placeholder="选择交付任务"></template></div><div data-if="(chosen)" class="task-artifact-grid"><article data-each="a in (chosen.artifacts)" data-bind-key="(a.id)" class="task-artifact-card"><div><span class="task-file-icon">{{ (a.kind.toUpperCase().slice(0, 3)) }}</span><template data-component="ListMore" data-bind-name="(a.name)" data-bind-items="([{ key: 'view', label: '查看当前版本' }, { key: 'versions', label: '版本与差异' }])" data-on-action="(key =&gt; router.push('/tasks/' + chosen.id + '/artifacts/' + a.id + (key === 'versions' ? '?compare=1' : '')))"></template></div><h3>{{ (a.name) }}</h3><template data-component="Tag">v{{ (a.versions.at(-1).number) }}</template><template data-component="Tag" data-if="(a.versions.at(-1).result === 'fail')" color="red">发现问题</template><p>{{ (formatDate(a.versions.at(-1).at)) }}<br>{{ (a.versions.at(-1).by) }} · {{ (a.versions.length) }} 个版本</p><template data-component="Button" type="link" data-on-click="(router.push('/tasks/' + chosen.id + '/artifacts/' + a.id + '?version=' + a.versions.at(-1).number))">查看版本内容 →</template></article></div><p data-else="" class="muted">暂无可见产物，先查看关联需求或继续交付任务。</p><template data-component="Alert" class="page-alert" type="info" show-icon="" title="产物内容与验证结果为交互演示样例。" description="设计、代码、测试与验证不代表真实 Agent 已执行；生产发布仍待后续人工授权。"></template></template></template></template>

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/pbc/PbcWorkspace.js

@@ -0,0 +1,41 @@
+import { computed, ref, watch } from '../../runtime/state.js';
+import { useRoute, useRouter } from "../../runtime/router.js";
+import { Alert, Button, Result, Select, Space, Tabs, Tag } from "../../runtime/widgets.js";
+import { usePbcManagement } from "./managementStore.js";
+import { actionableReview, canReadReview, reviewStatus, stateLabels } from "../reviews/model.js";
+import { taskReleaseLabel, hasPendingRelease } from "../releases/model.js";
+import { useTasks } from "../tasks/store.js";
+import { useSession } from "../shared/session.js";
+import { stateOf } from "./management.js";
+import { currentNode, statusLabels } from "../tasks/domain.js";
+import { formatDate } from "../shared/policy.js";
+import ManagementTable from "./ManagementTable.js";
+import ListMore from "../shared/ListMore.js";
+import { createComponent } from '../../runtime/dom.js';
+export default createComponent({ name: 'PbcWorkspace', propKeys: [], template: new URL('./PbcWorkspace.html', import.meta.url).href, setup(__props, __emit) {
+        const route = useRoute(), router = useRouter(), store = usePbcManagement(), tasks = useTasks(), session = useSession(), id = computed(() => String(route.params.id)), pbc = computed(() => store.item(id.value)), tab = ref(String(route.query.tab || 'demands')), selected = ref('');
+        watch(() => route.query.tab, v => tab.value = String(v || 'demands'));
+        watch(tab, v => router.replace({ query: { ...route.query, tab: v } }));
+        const jobs = computed(() => store.jobsFor(id.value)), deliveries = computed(() => pbc.value ? tasks.records.filter(t => t.binding.pbcId === id.value && t.tenantId === pbc.value.tenantId) : []);
+        const sourceRows = computed(() => jobs.value.map(j => ({ ...j, id: j.intentId, name: j.spec.source.title, code: j.spec.source.code, status: j.status === 'done' ? '已归属' : j.status === 'unknown' ? '结果待核实' : '创建处理中', context: '规格 v' + j.specVersion + ' · 意图 v' + j.sourceVersion, owner: j.spec.confirmedBy || j.createdBy })));
+        const currentReview = (t) => canReadReview(session.actor, t) ? actionableReview(t) : undefined;
+        const taskRows = computed(() => deliveries.value.map(t => ({ ...t, context: currentNode(t)?.name || '尚未开始', status: taskReleaseLabel(t, session.actor) || (currentReview(t) ? stateLabels[reviewStatus(t, currentReview(t))] : statusLabels[t.status]) })));
+        const canArtifacts = computed(() => !!pbc.value && session.can('artifact:view', pbc.value.tenantId, id.value)), artifactTasks = computed(() => canArtifacts.value ? deliveries.value.filter(t => t.artifacts.length) : []);
+        watch(artifactTasks, ts => { if (!ts.some(t => t.id === selected.value))
+            selected.value = ts.find(t => t.id === 'task-example-1')?.id || ts[0]?.id || ''; }, { immediate: true });
+        const chosen = computed(() => artifactTasks.value.find(t => t.id === selected.value)), sources = computed(() => tasks.sources.filter(s => s.job?.pbc.id === id.value && !s.reason));
+        function sourceMore(r) { return [{ key: 'detail', label: '查看需求规格' }, { key: 'intent', label: '查看来源意图' }, { key: 'result', label: '查看归属/创建结果' }, { key: 'launch', label: '发起交付', disabled: !sources.value.some(s => s.id === r.id) }]; }
+        function sourceAction(key, r) { router.push(key === 'launch' ? '/tasks/new?intent=' + r.id : '/intents/' + r.id + (key === 'intent' ? '' : key === 'result' ? '/pbc' : '/spec')); }
+        function taskMore(r) { const t = deliveries.value.find(t => t.id === r.id); return [{ key: 'operations', label: '运行验收与异常', disabled: !session.can('operation:view', t.tenantId, id.value, 'production') }, { key: 'release', label: '门禁与发布记录', disabled: !canArtifacts.value }, { key: 'review', label: '质量与评审记录', disabled: !canArtifacts.value }, { key: 'detail', label: '查看阶段进度' }, { key: 'artifacts', label: '查看任务产物', disabled: !canArtifacts.value }, { key: 'edit', label: '编辑交付草稿', disabled: t.status !== 'draft' || !session.can('task:edit', t.tenantId, id.value) }]; }
+        function taskAction(key, r) { if (key === 'operations') {
+            router.push('/operations?task=' + r.id);
+            return;
+        } if (key === 'release') {
+            router.push('/releases?task=' + r.id);
+            return;
+        } if (key === 'review') {
+            router.push('/reviews?task=' + r.id);
+            return;
+        } router.push('/tasks/' + r.id + (key === 'edit' ? '/edit' : key === 'artifacts' ? '?tab=artifacts' : '')); }
+        return { computed, ref, watch, useRoute, useRouter, Alert, Button, Result, Select, Space, Tabs, Tag, usePbcManagement, actionableReview, canReadReview, reviewStatus, stateLabels, taskReleaseLabel, hasPendingRelease, useTasks, useSession, stateOf, currentNode, statusLabels, formatDate, ManagementTable, ListMore, route, router, store, tasks, session, id, pbc, tab, selected, jobs, deliveries, sourceRows, currentReview, taskRows, canArtifacts, artifactTasks, chosen, sources, sourceMore, sourceAction, taskMore, taskAction };
+    } });

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/pbc/PbcsPage.html

@@ -0,0 +1,2 @@
+<!-- 来源：src/pbc/PbcsPage.vue；HTML / 原生 DOM 绑定，不含 Vue 运行时。 -->
+<div class="page-heading"><div><h1>PBC 与项目</h1><p>管理业务系统与服务，从同一个工作区继续需求、研发交付和产物回看。</p></div><template data-component="Button" type="primary" data-bind-disabled="(!session.can('pbc:create'))" data-on-click="(create = true)">新建 PBC</template></div><div class="task-metrics"><article><span>可见 PBC</span><strong>{{ (store.records.length) }}</strong></article><article><span>使用中</span><strong>{{ (store.records.filter(p =&gt; stateOf(p) === 'active').length) }}</strong></article><article><span>已归档</span><strong>{{ (store.records.filter(p =&gt; stateOf(p) === 'archived').length) }}</strong></article><article><span>可见服务与方案</span><strong>{{ (store.records.reduce((n, p) =&gt; n + p.services.filter(s =&gt; !s.isDeleted).length, 0)) }}</strong></article></div><div class="pbc-list-context"><template data-component="Space" wrap=""><span>所属租户</span><template data-component="Select" data-model-value="(scope)" aria-label="PBC 租户筛选" data-bind-options="([{ value: 'all', label: '全部授权范围' }, ...tenants.filter(t =&gt; store.records.some(p =&gt; p.tenantId === t.value))])"></template></template><p class="muted">PBC 持续管理业务能力；交付工作区汇集其需求、任务与产物。</p></div><template data-component="Alert" data-if="(pbcs.notice)" show-icon="" type="warning" data-bind-title="(pbcs.notice)"></template><template data-component="ManagementTable" data-bind-key="(scope)" page-key="PBC" data-bind-rows="(rows)" context-label="EBC 业务能力" data-bind-more="(more)" data-bind-can-delete="(session.can('pbc:delete'))" data-bind-scene="(pbcs.scene)" data-on-action="(action)" data-on-remove="(targets = $event)" data-on-refresh="(pbcs.scene = 'normal')"></template><p class="muted pbc-list-note">已有工程或存在引用的 PBC 保留记录。仅已归档、无工程且无服务/引用的规划记录允许删除。</p><template data-component="PbcEditor" data-if="(edit)" data-bind-record="(edit)" data-on-close="(edit = undefined)" data-on-saved="(saved)"></template><template data-component="PbcLifecycle" data-if="(lifecycle)" data-bind-record="(lifecycle)" data-on-close="(lifecycle = undefined)" data-on-saved="(saved)"></template><template data-component="PbcCreateEntry" data-if="(create)" data-bind-open="(create)" data-on-close="(create = false)"></template><template data-component="ListDeleteDialog" data-if="(targets.length)" data-model-targets="(targets)" label="PBC" data-bind-check="(store.checkRemove)" data-bind-submit="(store.removeMany)" data-on-close="(targets = [])" data-on-deleted="(targets = [])"></template>

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/pbc/PbcsPage.js

@@ -0,0 +1,31 @@
+import { computed, ref } from '../../runtime/state.js';
+import { useRouter } from "../../runtime/router.js";
+import { Alert, Button, Select, Space, message } from "../../runtime/widgets.js";
+import { usePbcManagement } from "./managementStore.js";
+import { usePbcs } from "./store.js";
+import { useSession } from "../shared/session.js";
+import { tenants } from "../shared/policy.js";
+import { stateLabel, stateOf } from "./management.js";
+import ManagementTable from "./ManagementTable.js";
+import PbcEditor from "./PbcEditor.js";
+import PbcLifecycle from "./PbcLifecycle.js";
+import PbcCreateEntry from "./PbcCreateEntry.js";
+import ListDeleteDialog from "../shared/ListDeleteDialog.js";
+import { createComponent } from '../../runtime/dom.js';
+export default createComponent({ name: 'PbcsPage', propKeys: [], template: new URL('./PbcsPage.html', import.meta.url).href, setup(__props, __emit) {
+        const store = usePbcManagement(), pbcs = usePbcs(), session = useSession(), router = useRouter(), scope = ref('all'), edit = ref(), lifecycle = ref(), create = ref(false), targets = ref([]);
+        const rows = computed(() => store.records.filter(p => scope.value === 'all' || p.tenantId === scope.value).map(p => ({ ...p, code: p.slug, status: stateLabel(p), context: p.ebc })));
+        const can = (action, r) => session.can(action, r.tenantId, r.id);
+        function more(r) { return [{ key: 'workspace', label: '进入交付工作区' }, { key: 'edit', label: '编辑资料', disabled: !can('pbc:edit', r) || r.status === '已归档' }, { key: 'lifecycle', label: r.status === '已归档' ? '恢复使用' : '归档 PBC', disabled: !can('pbc:archive', r) }, { key: 'audit', label: '操作记录', disabled: !can('pbc:audit', r) }, { key: 'delete', label: '删除 PBC', danger: true, disabled: !can('pbc:delete', r) }]; }
+        function action(key, r) { const p = store.item(r.id); if (!p)
+            return; if (key === 'edit')
+            edit.value = p;
+        else if (key === 'lifecycle')
+            lifecycle.value = p;
+        else if (key === 'delete')
+            targets.value = [r];
+        else
+            router.push('/pbcs/' + r.id + (key === 'workspace' ? '/workspace' : key === 'audit' ? '?tab=records' : '')); }
+        function saved() { edit.value = undefined; lifecycle.value = undefined; message.success('PBC 资料已保存'); }
+        return { computed, ref, useRouter, Alert, Button, Select, Space, message, usePbcManagement, usePbcs, useSession, tenants, stateLabel, stateOf, ManagementTable, PbcEditor, PbcLifecycle, PbcCreateEntry, ListDeleteDialog, store, pbcs, session, router, scope, edit, lifecycle, create, targets, rows, can, more, action, saved };
+    } });

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/pbc/ServiceEditor.html

@@ -0,0 +1,2 @@
+<!-- 来源：src/pbc/ServiceEditor.vue；HTML / 原生 DOM 绑定，不含 Vue 运行时。 -->
+<template data-component="Drawer" data-bind-open="(true)" data-bind-title="(readonly ? '服务详情' : service ? '编辑服务资料' : '新增服务方案')" data-bind-size="(720)" data-bind-mask="({ closable: false })" data-on-close="(close)"><template data-component="Alert" type="info" show-icon="" data-bind-title="(service?.registered ? '已登记工程 · 演示信息' : '服务方案草稿 · 尚未建工程')" data-bind-description="(service?.registered ? '服务标识、模板和来源保持固定；运行健康与部署版本尚未接入。' : '保存方案后，还需核对需求与契约，通过增量交付流程创建工程。此处不会创建仓库或上线。')" class="page-alert"></template><template data-component="Alert" data-if="(error)" type="error" show-icon="" data-bind-title="(error)" class="page-alert"></template><template data-component="Form" layout="vertical" data-bind-disabled="(!allowed)"><template data-component="FormItem" label="服务名称" required=""><template data-component="Input" data-model-value="(data.title)" aria-label="服务名称" data-bind-maxlength="(60)"></template></template><template data-component="FormItem" label="服务标识" required=""><template data-component="Input" data-model-value="(data.name)" aria-label="服务标识" data-bind-maxlength="(35)" data-bind-disabled="(!allowed || !!service?.registered)"></template></template><template data-component="FormItem" label="工程模板" required=""><template data-component="Select" data-model-value="(data.template)" aria-label="服务工程模板" data-bind-options="(templates)" data-bind-disabled="(!allowed || !!service?.registered)"></template></template><template data-component="FormItem" label="职责与边界" required=""><template data-component="Input.TextArea" data-model-value="(data.purpose)" aria-label="服务职责" data-bind-rows="(3)" data-bind-maxlength="(500)"></template></template><template data-component="FormItem" label="需求依据"><template data-component="Select" data-model-value="(data.sourceIntentId)" aria-label="服务需求依据" data-bind-options="(options)" data-bind-disabled="(!allowed || !!service?.registered)"></template></template><template data-component="FormItem" data-if="(!readonly)" label="变更原因" required=""><template data-component="Input.TextArea" data-model-value="(reason)" aria-label="服务变更原因" data-bind-rows="(2)" data-bind-maxlength="(500)"></template></template></template><p data-if="(!data.sourceIntentId)" class="muted">尚未关联需求，不能据此进入正式扩服务交付。</p><p data-if="(service)" class="muted">记录版本 {{ (service.recordVersion) }} · {{ (service.isDeleted ? '已删除' : '未删除') }}</p><template data-component="RecordMetadata" data-if="(service)" data-bind-record="(service)"></template><template data-slot="footer"><template data-component="Space"><template data-component="Button" data-on-click="(close)">{{ (readonly ? '关闭' : '取消') }}</template><template data-component="Button" data-if="(!readonly)" type="primary" data-bind-disabled="(!allowed)" data-on-click="(save)">保存服务方案</template></template></template></template>

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/pbc/ServiceEditor.js

@@ -0,0 +1,26 @@
+import { computed, reactive, ref } from '../../runtime/state.js';
+import { Alert, Button, Drawer, Form, FormItem, Input, Select, Space } from "../../runtime/widgets.js";
+import { usePbcManagement } from "./managementStore.js";
+import { useSession } from "../shared/session.js";
+import { templates } from "./domain.js";
+import { confirmAction } from "../shell/confirmation.js";
+import RecordMetadata from "../shared/RecordMetadata.js";
+import { createComponent } from '../../runtime/dom.js';
+export default createComponent({ name: 'ServiceEditor', propKeys: ["pbc", "service", "readonly"], template: new URL('./ServiceEditor.html', import.meta.url).href, setup(__props, __emit) {
+        const props = __props, emit = __emit, store = usePbcManagement(), session = useSession(), version = props.pbc.recordVersion;
+        const data = reactive({ name: props.service?.name || '', title: props.service?.title || '', template: props.service?.template || 'java', purpose: props.service?.purpose || '', sourceIntentId: props.service?.sourceIntentId || '' }), initial = JSON.stringify(data), reason = ref(''), error = ref('');
+        const allowed = computed(() => !props.readonly && session.can('pbc:service', props.pbc.tenantId, props.pbc.id));
+        const options = computed(() => [{ value: '', label: '待关联需求' }, ...store.jobsFor(props.pbc.id).filter(j => j.status === 'done').map(j => ({ value: j.intentId, label: j.spec.source.title + ' · 规格 v' + j.specVersion }))]);
+        function close() { if (!props.readonly && (JSON.stringify(data) !== initial || reason.value))
+            confirmAction({ title: '放弃未保存的服务方案？', content: '已保存的服务记录保持不变。', okText: '放弃修改', cancelText: '继续编辑', onOk: () => emit('close') });
+        else
+            emit('close'); }
+        function save() { try {
+            store.serviceSave(props.pbc.id, version, props.service?.id, data, reason.value);
+            emit('saved');
+        }
+        catch (e) {
+            error.value = e.message;
+        } }
+        return { computed, reactive, ref, Alert, Button, Drawer, Form, FormItem, Input, Select, Space, usePbcManagement, useSession, templates, confirmAction, RecordMetadata, props, emit, store, session, version, data, initial, reason, error, allowed, options, close, save };
+    } });

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/pbc/ServiceList.html

@@ -0,0 +1,2 @@
+<!-- 来源：src/pbc/ServiceList.vue；HTML / 原生 DOM 绑定，不含 Vue 运行时。 -->
+<section aria-label="服务拆分方案" class="service-list"><div class="section-heading"><h2>服务拆分方案</h2><template data-component="Space" wrap=""><template data-component="ColumnSettings" data-bind-preferences="(prefs)"></template><template data-component="Button" data-on-click="(selection.clear())">刷新</template><template data-component="Button" data-bind-disabled="(!editable)" data-on-click="(add)">新增服务</template></template></div><p class="muted">模板版本固定为 v1.0（模拟），提交前可调整。工程创建后不在此删除服务。</p><div class="pbc-picker-tools"><template data-component="Space" wrap=""><template data-component="Input" data-model-value="(keyword)" aria-label="查找服务方案" placeholder="搜索服务名称或标识"></template><template data-component="Button" data-on-click="(keyword = '')">重置筛选</template></template><template data-component="Button" data-on-click="(descending = !descending)">服务标识{{ (descending ? '降序' : '升序') }}</template></div><template data-component="ListBatchBar" data-bind-count="(selection.selected.value.length)" data-bind-allowed="(editable)" data-on-remove="(remove(selection.keys.value))" data-on-clear="(selection.clear)"></template><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-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><template data-component="Drawer" data-bind-open="(editor)" data-bind-title="(selectedId ? '编辑服务' : '新增服务')" data-bind-size="(520)" data-bind-mask="({ closable: false })" data-on-close="(editor = false)"><template data-component="Alert" data-if="(error)" type="error" data-bind-title="(error)" class="page-alert"></template><template data-component="ProForm" data-bind-form="(form)" name="pbc-service" layout="vertical" data-bind-disabled="(!editable)"></template><template data-slot="footer"><template data-component="Space"><template data-component="Button" data-on-click="(editor = false)">取消</template><template data-component="Button" type="primary" data-bind-disabled="(!editable)" data-on-click="(save)">保存服务</template></template></template></template><template data-component="Drawer" data-bind-open="(!!detail)" title="服务草稿详情" data-bind-size="(600)" data-on-close="(detail = undefined)"><template data-if="(detail)"><h2>{{ (detail.title) }}</h2><p>{{ (detail.name) }} · {{ (templates.find(t =&gt; t.value === detail?.template)?.label) }} · v1.0（模拟）</p><template data-component="RecordMetadata" data-bind-record="(detail)"></template></template></template></section>

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/pbc/ServiceList.js

@@ -0,0 +1,70 @@
+import { computed, ref, watch } from '../../runtime/state.js';
+import { h } from '../../runtime/dom.js';
+import { Alert, Button, Drawer, Space, Input } from "../../runtime/widgets.js";
+import { ProForm, ProTable, useForm, useTable } from "../../runtime/widgets.js";
+import { useSession } from "../shared/session.js";
+import { formatDate, metadata } from "../shared/policy.js";
+import { useColumns } from "../shared/columns.js";
+import { useListSelection } from "../shared/listSelection.js";
+import ListMore from "../shared/ListMore.js";
+import ListBatchBar from "../shared/ListBatchBar.js";
+import ColumnSettings from "../shared/ColumnSettings.js";
+import RecordMetadata from "../shared/RecordMetadata.js";
+import { confirmAction } from "../shell/confirmation.js";
+import { templates } from "./domain.js";
+import { createComponent } from '../../runtime/dom.js';
+export default createComponent({ name: 'ServiceList', propKeys: ["services", "tenantId", "readonly"], template: new URL('./ServiceList.html', import.meta.url).href, setup(__props, __emit) {
+        const props = __props, emit = __emit, session = useSession();
+        const editable = computed(() => !props.readonly && session.can('pbc:create', props.tenantId)), error = ref(''), editor = ref(false), selectedId = ref(''), detail = ref(), keyword = ref(''), descending = ref(false);
+        const form = useForm({ title: '', name: '', template: 'java' }, [
+            { path: 'title', label: '服务名称', component: 'input', span: 24, rules: [{ required: true, whitespace: true, message: '请填写服务名称' }] },
+            { path: 'name', label: '服务标识', component: 'input', span: 24, placeholder: '例如 workorder', rules: [{ required: true, pattern: /^[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/, message: '以小写字母开头，使用小写字母、数字和短横线' }] },
+            { path: 'template', label: '工程模板', component: 'select', span: 24, options: templates, rules: [{ required: true, message: '请选择模板' }] },
+        ]);
+        const prefs = useColumns('pbc-services', [{ key: 'title', label: '服务名称', locked: true }, { key: 'name', label: '服务标识', defaultVisible: true }, { key: 'template', label: '模板版本', defaultVisible: true }, { key: 'createdBy', label: '创建人', defaultVisible: true }, { key: 'createdAt', label: '创建时间', defaultVisible: true }, { key: 'createdDept', label: '创建部门' }, { key: 'updatedBy', label: '修改人' }, { key: 'updatedAt', label: '修改时间' }, { key: 'actions', label: '操作', locked: true }]);
+        function more(key, s) { if (key === 'detail') {
+            detail.value = s;
+            return;
+        } if (key === 'edit') {
+            selectedId.value = s.id;
+            form.setFormData({ title: s.title, name: s.name, template: s.template });
+            editor.value = true;
+            return;
+        } remove([s.id]); }
+        const table = useTable({ pageParam: { current: 1, pageSize: 5, total: 0 }, columns: [
+                { key: 'title', title: '服务名称', dataIndex: 'title', width: 170 }, { key: 'name', title: '服务标识', dataIndex: 'name', width: 160 },
+                { key: 'template', title: '工程模板', width: 240, render: (_, s) => (templates.find(t => t.value === s.template)?.label || s.template) + ' · v1.0（模拟）' },
+                { key: 'createdBy', title: '创建人', dataIndex: 'createdBy', width: 100 }, { key: 'createdAt', title: '创建时间', dataIndex: 'createdAt', width: 180, render: (v) => formatDate(String(v)) },
+                { key: 'createdDept', title: '创建部门', dataIndex: 'createdDept', width: 140 }, { key: 'updatedBy', title: '修改人', dataIndex: 'updatedBy', width: 100 }, { key: 'updatedAt', title: '修改时间', dataIndex: 'updatedAt', width: 180, render: (v) => formatDate(String(v)) },
+                { key: 'actions', title: '操作', width: 160, render: (_, record) => { const s = record; return h('div', { class: 'row-actions' }, [h(Button, { type: 'link', disabled: !editable.value, onClick: () => more('edit', s) }, () => '编辑'), h(ListMore, { name: s.title, items: [{ key: 'detail', label: '查看详情' }, { key: 'delete', label: '删除草稿服务', danger: true, disabled: !editable.value }], onAction: (key) => more(key, s) })]); } },
+            ] });
+        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 visible = computed(() => props.services.filter(s => !s.isDeleted && (s.title + s.name).includes(keyword.value.trim())).sort((a, b) => descending.value ? b.name.localeCompare(a.name) : a.name.localeCompare(b.name)));
+        watch([visible, () => table.pageParam.current, () => table.pageParam.pageSize], () => { const size = table.pageParam.pageSize || 5, max = Math.max(1, Math.ceil(visible.value.length / size)); if ((table.pageParam.current || 1) > max)
+            table.setPageParam({ current: max }); const start = ((table.pageParam.current || 1) - 1) * size; table.dataSource.value = visible.value.slice(start, start + size); table.setPageParam({ total: visible.value.length }); }, { immediate: true });
+        const selection = useListSelection(table.dataSource, computed(() => JSON.stringify([session.key, table.pageParam.current, table.pageParam.pageSize, keyword.value, descending.value])), editable, s => s.title);
+        function add() { selectedId.value = ''; form.setFormData({ title: '', name: '', template: 'java' }); error.value = ''; editor.value = true; }
+        async function save() {
+            try {
+                await form.formRef.value?.validate();
+            }
+            catch {
+                return;
+            }
+            if (!editable.value)
+                return;
+            if (form.formData.name.length > 35 || visible.value.some(s => s.id !== selectedId.value && s.name === form.formData.name)) {
+                error.value = '服务标识重复或超过 35 个字符。';
+                return;
+            }
+            const at = new Date().toISOString(), old = props.services.find(s => s.id === selectedId.value), next = { ...(old || metadata(session.actor, at, props.tenantId)), ...form.formData, templateVersion: '1.0', id: old?.id || crypto.randomUUID(), recordVersion: (old?.recordVersion || 0) + 1, updatedAt: at, updatedBy: session.actor.name };
+            emit('change', old ? props.services.map(s => s.id === old.id ? next : s) : [...props.services, next]);
+            editor.value = false;
+            error.value = '';
+        }
+        function remove(ids) { if (!editable.value || !ids.length)
+            return; const rows = visible.value.filter(s => ids.includes(s.id)); confirmAction({ title: '删除 ' + rows.length + ' 个服务草稿？', content: rows.map(s => s.title + ' (' + s.name + ')').join('、') + '。仅修改本次服务方案，保存向导后持久保留。', okText: '确认删除', cancelText: '取消', onOk: () => { if (!editable.value)
+                throw Error('权限已变化'); const at = new Date().toISOString(); emit('change', props.services.map(s => ids.includes(s.id) ? { ...s, isDeleted: true, recordVersion: s.recordVersion + 1, updatedBy: session.actor.name, updatedAt: at } : s)); selection.clear(); } }); }
+        return { computed, ref, watch, h, Alert, Button, Drawer, Space, Input, ProForm, ProTable, useForm, useTable, useSession, formatDate, metadata, useColumns, useListSelection, ListMore, ListBatchBar, ColumnSettings, RecordMetadata, confirmAction, templates, props, emit, session, editable, error, editor, selectedId, detail, keyword, descending, form, prefs, more, table, columns, visible, selection, add, save, remove };
+    } });

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

@@ -0,0 +1,8 @@
+import { actors, metadata } from "../shared/policy.js";
+export function seedPbcs() {
+    return ['供热工单', '客户服务', '能源台账', '知识助手', '运营报表', '收费管理', '巡检管理'].map((name, n) => ({ ...metadata(actors[0], new Date(Date.UTC(2026, 8, 8, 9, 10 - n)).toISOString(), n === 6 ? 'north' : 'heating'), id: 'pbc-' + n, name, resourceKey: name, ebc: n < 2 ? '客户服务与工单履约' : '业务运营与支撑', owner: n < 2 ? '林晓' : '周晨', slug: n === 0 ? 'heating-workorder' : 'business-' + n, domain: 'business-' + n + '.example.test', state: n === 4 || n === 5 ? 'archived' : 'active', provisioned: n < 4 || n === 6, description: n === 0 ? '承载供热报修、智能分诊与主管确认派单。设备控制不在本 PBC 演示范围内。' : n === 4 || n === 5 ? '未建立工程的规划样例，可用于归档、恢复与删除评审。' : '预置 PBC 资料，用于交互评审。', services: n === 0 ? [
+            { name: 'workorder', title: '工单管理服务', template: 'java', purpose: '管理报修与已确认派单' },
+            { name: 'triage-agent', title: '智能分诊 Agent', template: 'agent', purpose: '查询授权资料，形成分类与班组建议' },
+            { name: 'web', title: '供热业务工作台', template: 'web', purpose: '报修、主管确认与工单查询入口' },
+        ].map(s => ({ ...s, ...metadata(actors[0], '2026-09-08T09:00:00Z', 'heating'), id: 'heating-' + s.name, templateVersion: '1.0', registered: true, sourceIntentId: 'seed-spec-heating' })) : [] }));
+}

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

@@ -0,0 +1,62 @@
+import { can, metadata } from "../shared/policy.js";
+import { currentVersion, sourceOf, clone } from "../specs/domain.js";
+export const templates = [{ value: 'java', label: 'Java 服务 · Spring Boot' }, { value: 'agent', label: 'AI Agent · Python + Dapr' }, { value: 'web', label: '独立前端 · Vue 3' }];
+export function assertBinding(i, s, binding) { const v = currentVersion(s); if (!binding || !v || v.number !== binding.specVersion || s.recordVersion !== binding.recordVersion || sourceOf(i).version !== binding.sourceVersion)
+    throw Error('复核期间意图或规格版本已变化，请重新打开归属页面核对。'); }
+export const createSteps = ['创建 GitLab Group 与仓库', '生成工程骨架与文档', '配置 Kubernetes / Dapr', '登记 APISIX 路由', '登记 MaxKey 应用', '配置审批回调与产物引用'];
+const slugPattern = /^[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/;
+export function validateDraft(d, catalog, step = 2) {
+    if (!d.name.trim() || !d.ebc.trim() || !d.owner.trim())
+        throw Error('请填写 PBC 名称、EBC 归属和负责人。');
+    const services = d.services.filter(s => !s.isDeleted);
+    if (!services.length)
+        throw Error('请至少保留一个服务。');
+    if (services.some(s => !slugPattern.test(s.name) || s.name.length > 35 || !s.title.trim() || s.templateVersion !== '1.0' || !templates.some(t => t.value === s.template)))
+        throw Error('服务须填写名称、有效标识和模板；标识使用小写字母、数字与短横线。');
+    if (new Set(services.map(s => s.name)).size !== services.length)
+        throw Error('服务标识不能重复。');
+    if (step < 1)
+        return;
+    if (!slugPattern.test(d.slug) || d.slug.length > 40 || !slugPattern.test(d.prefix) || d.prefix.length > 20)
+        throw Error('PBC 标识和应用前缀须以小写字母开头，仅含小写字母、数字和短横线；长度分别不超过 40 / 20。');
+    if (!/^(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z]{2,}$/i.test(d.domain) || d.domain.length > 253)
+        throw Error('请填写有效域名，例如 triage.example.test。');
+    if (catalog.some(p => !p.isDeleted && (p.slug === d.slug || p.domain.toLowerCase() === d.domain.toLowerCase())))
+        throw Error('PBC 标识或域名已被使用，请更换。');
+    const appIds = services.map(s => d.prefix + '-' + s.name);
+    if (appIds.some(id => id.length > 63))
+        throw Error('生成的应用标识超过 63 个字符，请缩短前缀或服务标识。');
+    if (catalog.some(p => p.services.some(s => !s.isDeleted && appIds.includes(s.id))))
+        throw Error('应用标识已被使用，请更换前缀。');
+}
+export function assertSource(i, s, actor, action) {
+    const v = currentVersion(s), source = sourceOf(i);
+    if (!can(actor, action, s.tenantId) || i.tenantId !== s.tenantId)
+        throw Error('没有此操作权限或超出授权租户范围。');
+    if (!v?.confirmedAt || v.source.version !== source.version || s.intentId !== i.id)
+        throw Error('请先确认与当前意图一致的规格版本。');
+    return v;
+}
+export function newDraft(i, actor, at) {
+    return { ...metadata(actor, at, i.tenantId), id: 'draft-' + i.id, intentId: i.id, name: '供热智能分诊', ebc: '客户服务与工单履约', owner: actor.name, slug: 'heating-triage', prefix: 'triage', domain: 'triage.example.test', step: 0, services: [
+            { id: 'draft-service-1', name: 'workorder', title: '工单管理服务', template: 'java', templateVersion: '1.0', ...metadata(actor, at, i.tenantId) },
+            { id: 'draft-service-2', name: 'triage-agent', title: '智能分诊 Agent', template: 'agent', templateVersion: '1.0', ...metadata(actor, at, i.tenantId) },
+            { id: 'draft-service-3', name: 'console', title: '业务工作台', template: 'web', templateVersion: '1.0', ...metadata(actor, at, i.tenantId) },
+        ] };
+}
+export function makeJob(i, s, actor, target, draft) {
+    const v = assertSource(i, s, actor, draft ? 'pbc:create' : 'pbc:link'), at = new Date().toISOString();
+    if (target.tenantId !== i.tenantId || !can(actor, 'pbc:view', target.tenantId, target.id) || (!draft && !can(actor, 'pbc:link', target.tenantId, target.id)))
+        throw Error('目标 PBC 不在当前意图租户或授权范围。');
+    return { ...metadata(actor, at, i.tenantId), id: crypto.randomUUID(), intentId: i.id, specVersion: v.number, sourceVersion: v.source.version, spec: clone(v), kind: draft ? 'create' : 'link', pbc: clone(target), draft: draft && clone(draft), status: 'running', steps: (draft ? createSteps : ['归档意图与规格，登记 PBC 关联']).map(name => ({ name, state: 'waiting', detail: '' })), events: [{ at, actor: actor.name, text: '提交 ' + (draft ? '创建' : '关联') + '；绑定意图 v' + v.source.version + ' / 规格 v' + v.number }] };
+}
+export function activeStep(job) { return job.steps.findIndex(s => s.state !== 'done'); }
+export function queryReceipt(job) {
+    const next = clone(job), index = activeStep(next), step = next.steps[index];
+    if (!step || step.state !== 'unknown')
+        throw Error('当前没有结果待核实的步骤。');
+    step.state = step.receipt ? 'done' : 'waiting';
+    step.detail = step.receipt ? '已核实原操作已完成（模拟）' : '原操作尚未执行，可继续（模拟）';
+    next.status = next.steps.every(s => s.state === 'done') ? 'done' : 'paused';
+    return next;
+}

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/pbc/management.js

@@ -0,0 +1,36 @@
+import { metadata } from "../shared/policy.js";
+import { templates } from "./domain.js";
+export const stateOf = (p) => p.state || 'active';
+export const stateLabel = (p) => stateOf(p) === 'archived' ? '已归档' : '使用中';
+export function requireReason(reason) { if (!reason.trim() || reason.length > 500)
+    throw Error('请填写变更原因，最多 500 字。'); }
+export function assertActive(p) { if (p.isDeleted || stateOf(p) === 'archived')
+    throw Error('PBC 已归档或不可用，请先恢复后操作。'); }
+export function revisePbc(p, input, actor, at) {
+    assertActive(p);
+    if (!input.name.trim() || input.name.length > 60 || !input.ebc.trim() || input.ebc.length > 80 || !input.owner.trim() || input.owner.length > 60 || input.description.length > 1000)
+        throw Error('请填写名称、EBC 和负责人；名称/负责人最多 60 字、EBC 80 字、说明 1000 字。');
+    return { ...p, name: input.name.trim(), ebc: input.ebc.trim(), owner: input.owner.trim(), description: input.description.trim(), resourceKey: p.resourceKey || p.name, updatedBy: actor.name, updatedAt: at, recordVersion: p.recordVersion + 1 };
+}
+export function assertPbcRemovable(p, refs) {
+    if (stateOf(p) !== 'archived')
+        throw Error('请先归档，再核对删除条件。');
+    if (p.provisioned)
+        throw Error('已有工程资源，不能直接删除；需先完成正式退役流程。');
+    if (refs.length)
+        throw Error('存在关联需求、交付或资源引用，不能删除。');
+    if (p.services.some(s => !s.isDeleted))
+        throw Error('仍有服务或服务方案，不能删除。');
+}
+export function reviseService(p, old, input, actor, at) {
+    assertActive(p);
+    if (!/^[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/.test(input.name) || input.name.length > 35 || !input.title.trim() || input.title.length > 60 || !templates.some(t => t.value === input.template) || !input.purpose.trim() || input.purpose.length > 500)
+        throw Error('请填写有效服务标识、名称、模板及职责说明；标识最多 35 字、名称 60 字、职责 500 字。');
+    if (p.services.some(s => !s.isDeleted && s.id !== old?.id && s.name === input.name))
+        throw Error('同一 PBC 下服务标识不能重复。');
+    if (old?.registered && (old.name !== input.name || old.template !== input.template || old.sourceIntentId !== input.sourceIntentId))
+        throw Error('已登记工程的服务标识、类型和来源不可修改。');
+    return { ...(old || { ...metadata(actor, at, p.tenantId), id: crypto.randomUUID(), templateVersion: '1.0', registered: false }), name: input.name, title: input.title.trim(), template: input.template, purpose: input.purpose.trim(), sourceIntentId: input.sourceIntentId, updatedBy: actor.name, updatedAt: at, recordVersion: old ? old.recordVersion + 1 : 1 };
+}
+export function assertServiceRemovable(p, s) { assertActive(p); if (s.registered)
+    throw Error('已登记工程的服务不可在此删除，需按正式退役流程处理。'); }