@givolt/i3-composer-agent 3.0.0 → 3.1.0

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/shared/listSelection.js

@@ -0,0 +1,37 @@
+import { computed, onMounted, onUpdated, ref, watch } from '../../runtime/state.js';
+import { defineComponent, h } from '../../runtime/dom.js';
+// The installed Checkbox puts aria attributes on its wrapper; label the native input.
+const SelectionLabel = defineComponent({
+    props: { node: { type: Object, required: true }, label: { type: String, required: true } },
+    setup(props) {
+        const element = ref();
+        const labelInput = () => element.value?.querySelector('input[type="checkbox"],input[type="radio"]')?.setAttribute('aria-label', props.label);
+        onMounted(labelInput);
+        onUpdated(labelInput);
+        return () => h('span', { ref: element }, [props.node]);
+    },
+});
+export const labeledSelection = (node, label) => h(SelectionLabel, { node: node, label });
+export function useListSelection(rows, scope, allowed, name) {
+    const keys = ref([]);
+    const checkboxLabel = (node, label) => h(SelectionLabel, { node: node, label });
+    const clear = () => { keys.value = []; };
+    watch(scope, clear, { flush: 'sync' });
+    watch(allowed, clear, { flush: 'sync' });
+    watch(() => rows.value.map(r => r.id).join('|'), clear, { flush: 'sync' });
+    const selected = computed(() => rows.value.filter(r => keys.value.includes(r.id)));
+    const rowSelection = computed(() => ({
+        selectedRowKeys: keys.value, columnWidth: 48,
+        columnTitle: (node) => checkboxLabel(node, '全选当前页'),
+        renderCell: (_checked, record, _index, node) => {
+            const row = rows.value.find(r => r.id === record.id);
+            return checkboxLabel(node, '选择' + (row ? name(row) : '记录'));
+        },
+        onChange: (values) => { keys.value = allowed.value ? values.map(String).filter(id => rows.value.some(r => r.id === id)) : []; },
+        getCheckboxProps: (record) => {
+            const row = rows.value.find(r => r.id === record.id);
+            return { disabled: !allowed.value || !row };
+        },
+    }));
+    return { keys, selected, rowSelection, clear };
+}

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/shared/policy.js

@@ -0,0 +1,68 @@
+const actorSeeds = [
+    { id: 'chen', name: '陈敏', role: 'platform', tenantId: 'platform', department: '平台技术部', label: '平台管理员' },
+    { id: 'wang', name: '王睿', role: 'reviewer', tenantId: 'platform', department: '平台技术部', label: '配置审核员' },
+    { id: 'lin', name: '林晓', role: 'pm', tenantId: 'heating', department: '供热产品部', label: '产品负责人' },
+    { id: 'zhou', name: '周晨', role: 'engineer', tenantId: 'heating', department: '供热研发部', label: 'AI 工程师' },
+    { id: 'liu', name: '刘宁', role: 'viewer', tenantId: 'heating', department: '供热运营部', label: '只读成员' },
+    { id: 'zhao', name: '赵云', role: 'other', tenantId: 'north', department: '能源产品部', label: '北方能源 · 产品负责人' },
+    { id: 'guest', name: '访客', role: 'none', tenantId: 'heating', department: '访客', label: '无业务权限成员' },
+];
+const templates = {
+    platform: ['model:view', 'model:edit', 'model:test', 'model:grant', 'model:status', 'model:delete', 'model:audit', 'intent:view', 'intent:edit', 'intent:delete'],
+    reviewer: ['model:view', 'model:publish', 'model:audit', 'intent:view'],
+    pm: ['model:view', 'intent:view', 'intent:edit', 'intent:confirm', 'intent:close', 'intent:delete'],
+    engineer: ['model:view', 'intent:view', 'intent:edit'], viewer: ['model:view', 'intent:view'],
+    other: ['model:view', 'intent:view', 'intent:edit', 'intent:confirm', 'intent:close', 'intent:delete'], none: [],
+};
+export const actionGroups = [
+    { name: '意图', items: [{ value: 'intent:view', label: '查看意图' }, { value: 'intent:edit', label: '创建/修改意图' }, { value: 'intent:confirm', label: '确认意图' }, { value: 'intent:close', label: '关闭意图' }, { value: 'intent:delete', label: '删除意图' }] },
+    { name: '规格', items: [{ value: 'spec:view', label: '查看规格' }, { value: 'spec:generate', label: '生成规格' }, { value: 'spec:edit', label: '修改/重新规划' }, { value: 'spec:confirm', label: '确认规格' }] },
+    { name: 'PBC', items: [{ value: 'pbc:view', label: '查看 PBC' }, { value: 'pbc:link', label: '关联已有 PBC' }, { value: 'pbc:create', label: '创建 PBC' }] },
+    { name: '模型', items: [{ value: 'model:view', label: '查看模型' }, { value: 'model:edit', label: '接入/编辑模型' }, { value: 'model:test', label: '测试模型' }, { value: 'model:grant', label: '模型使用授权' }, { value: 'model:publish', label: '发布模型配置' }, { value: 'model:status', label: '启停模型' }, { value: 'model:delete', label: '删除模型' }, { value: 'model:audit', label: '模型审计' }] },
+];
+actionGroups.push({ name: '权限管理', items: [{ value: 'permission:view', label: '查看角色与成员' }, { value: 'permission:roles', label: '维护角色' }, { value: 'permission:grant', label: '配置角色权限' }, { value: 'permission:members', label: '维护成员授权' }, { value: 'permission:delete', label: '删除角色与成员关联' }, { value: 'permission:audit', label: '查看授权记录' }, { value: 'permission:delegate', label: '转授权限管理能力' }] });
+actionGroups.push({ name: 'Agent 注册表', items: [{ value: 'agent:view', label: '查看 Agent' }, { value: 'agent:edit', label: '创建/编辑 Agent' }, { value: 'agent:check', label: '检查 Agent 配置' }, { value: 'agent:status', label: '启停 Agent' }, { value: 'agent:delete', label: '删除 Agent' }, { value: 'agent:audit', label: '查看 Agent 记录' }] });
+templates.platform.push(...actionGroups.at(-1).items.map(i => i.value), 'pbc:view');
+templates.engineer.push('agent:view', 'agent:edit', 'agent:check', 'pbc:view');
+templates.viewer.push('agent:view', 'pbc:view');
+templates.other.push('agent:view', 'pbc:view');
+actionGroups.push({ name: '流程模板', items: [{ value: 'workflow:view', label: '查看流程模板' }, { value: 'workflow:edit', label: '创建/编辑模板' }, { value: 'workflow:use', label: '选择交付模板' }, { value: 'workflow:publish', label: '审核发布模板' }, { value: 'workflow:status', label: '启停模板' }, { value: 'workflow:delete', label: '删除模板' }, { value: 'workflow:audit', label: '查看流程记录' }, { value: 'workflow:approve', label: '交付人工确认' }] });
+templates.platform.push('workflow:view', 'workflow:edit', 'workflow:use', 'workflow:status', 'workflow:delete', 'workflow:audit', 'workflow:approve');
+templates.reviewer.push('workflow:view', 'workflow:publish', 'workflow:audit', 'agent:view', 'pbc:view');
+templates.engineer.push('workflow:view', 'workflow:edit', 'workflow:use');
+templates.viewer.push('workflow:view');
+templates.other.push('workflow:view');
+actionGroups.push({ name: '交付任务与产物', items: [{ value: 'task:view', label: '查看交付任务' }, { value: 'task:create', label: '创建交付任务' }, { value: 'task:edit', label: '修改交付草稿' }, { value: 'task:operate', label: '启动/暂停/恢复/处理任务' }, { value: 'task:takeover', label: '人工接管任务' }, { value: 'task:delete', label: '删除交付草稿' }, { value: 'task:audit', label: '查看交付记录' }, { value: 'artifact:view', label: '查看交付产物' }] });
+templates.platform.push(...actionGroups.at(-1).items.map(i => i.value), 'spec:view');
+templates.engineer.push('task:view', 'task:create', 'task:edit', 'task:operate', 'task:takeover', 'task:delete', 'task:audit', 'artifact:view', 'spec:view');
+templates.reviewer.push('task:view', 'task:audit', 'artifact:view', 'spec:view');
+templates.viewer.push('task:view', 'artifact:view');
+templates.other.push('task:view', 'artifact:view');
+actionGroups.find(g => g.name === 'PBC').items.push({ value: 'pbc:edit', label: '修改 PBC 资料' }, { value: 'pbc:archive', label: '归档/恢复 PBC' }, { value: 'pbc:delete', label: '删除 PBC' }, { value: 'pbc:audit', label: '查看 PBC 记录' }, { value: 'pbc:service', label: '维护服务方案' });
+templates.platform.push('pbc:create', 'pbc:link', 'pbc:edit', 'pbc:archive', 'pbc:delete', 'pbc:audit', 'pbc:service');
+templates.engineer.push('pbc:audit');
+actionGroups.push({ name: '质量与人工确认', items: [{ value: 'review:edit', label: '修改评审设计' }, { value: 'review:replan', label: '重新规划交付' }] });
+templates.platform.push('review:edit', 'review:replan');
+templates.engineer.push('review:edit', 'review:replan');
+actionGroups.push({ name: '发布准备与人工放行', items: [{ value: 'release:edit', label: '创建/编辑/检查发布单' }, { value: 'release:delete', label: '删除发布草稿' }, { value: 'release:submit', label: '提交发布审核' }, { value: 'release:approve', label: '人工授权/退回发布' }, { value: 'release:execute', label: '执行/恢复/重试发布' }, { value: 'release:pause', label: '暂停发布' }, { value: 'release:rollback', label: '回滚/停止并撤流' }] });
+templates.platform.push(...actionGroups.at(-1).items.map(i => i.value));
+templates.engineer.push('release:edit', 'release:delete', 'release:submit', 'release:execute', 'release:pause', 'release:rollback');
+actionGroups.push({ name: '运行验收与异常反馈', items: [{ value: 'operation:view', label: '查看运行与异常' }, { value: 'operation:observe', label: '获取观测/诊断证据' }, { value: 'operation:accept', label: '记录运行验收' }, { value: 'operation:triage', label: '异常分诊' }, { value: 'operation:link', label: '关联/创建修复需求' }, { value: 'operation:close', label: '关闭已复核异常' }] });
+templates.platform.push(...actionGroups.at(-1).items.map(i => i.value));
+templates.engineer.push('operation:view', 'operation:observe', 'operation:triage', 'operation:link');
+templates.viewer.push('operation:view');
+export const allActions = actionGroups.flatMap(g => g.items.map(i => i.value));
+export const actors = actorSeeds.map(a => ({ ...a, grants: [{ id: a.id + '-base', name: a.label, actions: [...(templates[a.role] || [])], tenantIds: a.tenantId === 'platform' ? ['*'] : [a.tenantId] }] }));
+actors.push({ id: 'complete', name: '林晓', role: 'delivery', label: '完整授权演示', tenantId: 'heating', department: '供热产品部', grants: [
+        { id: 'delivery', name: '需求与交付', actions: allActions.filter(a => !a.startsWith('model:') && !a.startsWith('permission:')), tenantIds: ['heating'] },
+        { id: 'models', name: '平台模型管理', actions: allActions.filter(a => a.startsWith('model:')), tenantIds: ['platform'] },
+    ] });
+const matchesScope = (grant, tenantId) => grant.tenantIds.includes('*') || grant.tenantIds.includes(tenantId);
+export const can = (actor, action, tenantId, pbcId, environmentId) => actor.grants.some(g => g.actions.includes(action) && (tenantId === undefined || matchesScope(g, tenantId)) && (!pbcId || !g.pbcIds || g.pbcIds.includes('*') || g.pbcIds.includes(pbcId)) && (!environmentId || !g.environmentIds || g.environmentIds.includes('*') || g.environmentIds.includes(environmentId)));
+export const inScope = (actor, tenantId, action) => actor.grants.some(g => matchesScope(g, tenantId) && (!action || g.actions.includes(action)));
+export const tenants = [{ value: 'heating', label: '供热事业部' }, { value: 'north', label: '北方能源' }];
+export const tenantLabel = (id) => id === 'platform' ? '平台统一管理' : tenants.find(t => t.value === id)?.label || id;
+export function metadata(actor, at, tenantId = actor.tenantId) {
+    return { createdById: actor.id, createdBy: actor.name, createdAt: at, createdDept: actor.department, updatedBy: actor.name, updatedAt: at, tenantId, recordVersion: 1, isDeleted: false };
+}
+export const formatDate = (at) => at ? new Date(at).toLocaleString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit', hour12: false }) : '—';

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/shared/session.js

@@ -0,0 +1,44 @@
+import { computed, ref, watch } from '../../runtime/state.js';
+import { defineStore } from "../../runtime/state.js";
+import { authority } from "../permissions/state.js";
+import { resolveActor } from "../permissions/domain.js";
+import { actors, can as check } from "./policy.js";
+// This is a scenario switcher for the isolated prototype, never an auth provider.
+export const useSession = defineStore('session', () => {
+    const actorId = ref('chen'), state = ref('active');
+    const overrides = ref({}), policyVersion = ref(0);
+    try {
+        const raw = localStorage.getItem('i3-prototype-antdv-v010-demo-session');
+        if (raw) {
+            const saved = JSON.parse(raw);
+            if (actors.some(a => a.id === saved.actorId))
+                actorId.value = saved.actorId;
+            if (saved.overrides && typeof saved.overrides === 'object')
+                overrides.value = saved.overrides;
+        }
+    }
+    catch { /* Demo settings may be reset safely. */ }
+    const nextWrite = ref('success');
+    const publishResult = ref('success'), confirmResult = ref('success');
+    const actor = computed(() => { const base = actors.find(a => a.id === actorId.value) || actors.at(-1); return resolveActor(base, authority); });
+    watch(() => JSON.stringify(actor.value.grants), () => policyVersion.value++, { flush: 'sync' });
+    const key = computed(() => actor.value.id + ':' + actor.value.tenantId + ':' + policyVersion.value);
+    const can = (action, tenantId, pbcId, environmentId) => state.value === 'active' && check(actor.value, action, tenantId, pbcId, environmentId);
+    const readable = (action, tenantId, pbcId, environmentId) => check(actor.value, action, tenantId, pbcId, environmentId);
+    function require(action, tenantId, pbcId, environmentId) { if (!can(action, tenantId, pbcId, environmentId))
+        throw new Error(state.value === 'active' ? '当前身份没有此操作权限，或资源不在授权范围。' : '登录状态已失效，请重新通过 MaxKey 登录。'); }
+    watch([actorId, overrides], () => { try {
+        localStorage.setItem('i3-prototype-antdv-v010-demo-session', JSON.stringify({ actorId: actorId.value, overrides: overrides.value }));
+    }
+    catch { /* This is a local scenario selector, not an authorization service. */ } }, { deep: true });
+    function writeCheck() {
+        const result = nextWrite.value;
+        nextWrite.value = 'success';
+        if (result === 'failure')
+            throw new Error('保存失败（模拟服务不可用），输入已保留，请重试。');
+        if (result === 'conflict')
+            throw new Error('记录已被其他人更新（模拟版本冲突），请关闭后重新打开，核对最新内容再提交。');
+    }
+    function reset() { actorId.value = 'chen'; overrides.value = {}; policyVersion.value++; state.value = 'active'; nextWrite.value = 'success'; publishResult.value = 'success'; confirmResult.value = 'success'; }
+    return { actorId, actor, state, key, nextWrite, publishResult, confirmResult, can, readable, require, writeCheck, reset };
+});

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/shell/ConfirmationDialog.html

@@ -0,0 +1,2 @@
+<!-- 来源：src/shell/ConfirmationDialog.vue；HTML / 原生 DOM 绑定，不含 Vue 运行时。 -->
+<template data-component="Modal" data-bind-open="(!!confirmation)" data-bind-title="(confirmation?.title)" data-bind-width="(480)" data-bind-mask="({ closable: false })" data-bind-closable="(false)" data-on-cancel="(cancel)"><p>{{ (confirmation?.content) }}</p><template data-slot="footer"><template data-component="Space"><template data-component="Button" data-bind-disabled="(busy)" data-on-click="(cancel)">{{ (confirmation?.cancelText) }}</template><template data-component="Button" type="primary" data-bind-danger="(confirmation?.okButtonProps?.danger)" data-bind-loading="(busy)" data-on-click="(accept)">{{ (confirmation?.okText) }}</template></template></template></template>

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/shell/ConfirmationDialog.js

@@ -0,0 +1,25 @@
+import { ref } from '../../runtime/state.js';
+import { Modal, Button, Space } from "../../runtime/widgets.js";
+import { confirmation } from "./confirmation.js";
+import { createComponent } from '../../runtime/dom.js';
+export default createComponent({ name: 'ConfirmationDialog', propKeys: [], template: new URL('./ConfirmationDialog.html', import.meta.url).href, setup(__props, __emit) {
+        const busy = ref(false);
+        function cancel() { if (busy.value)
+            return; const current = confirmation.value; confirmation.value = undefined; current?.onCancel?.(); }
+        async function accept() {
+            const current = confirmation.value;
+            if (!current || busy.value)
+                return;
+            busy.value = true;
+            try {
+                await current.onOk?.();
+                if (confirmation.value === current)
+                    confirmation.value = undefined;
+            }
+            catch { /* A rejected action leaves the dialog open; its caller shows the error. */ }
+            finally {
+                busy.value = false;
+            }
+        }
+        return { ref, Modal, Button, Space, confirmation, busy, cancel, accept };
+    } });

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/shell/ConsoleShell.html

@@ -0,0 +1,2 @@
+<!-- 来源：src/shell/ConsoleShell.vue；HTML / 原生 DOM 绑定，不含 Vue 运行时。 -->
+<div class="console-shell" data-bind-class="({ collapsed, 'mobile-open': mobileOpen })" data-on-keydown.esc="(closeNav)"><a class="skip-link" href="#main-content" data-on-click.prevent="(focusMain)">跳到页面内容</a><button data-if="(mobileOpen)" class="nav-scrim" aria-label="关闭导航" data-on-click="(mobileOpen = false)"></button><aside class="sidebar" aria-label="平台导航" data-bind-inert="(navHidden)" data-bind-aria-hidden="(navHidden)"><template data-component="RouterLink" to="/workbench" class="brand" data-on-click="(mobileOpen = false)"><strong>EASEL</strong><span>企业级 AI 软件工程平台</span></template><nav class="navigation"><template data-each="item in (visibleNavigation)" data-bind-key="(item.id)"><button data-if="(item.children)" class="nav-row" data-bind-class="({ 'nav-parent-active': item.children.some(c =&gt; c.id === current) })" data-bind-aria-expanded="(expanded[item.id])" data-on-click="(expanded[item.id] = !expanded[item.id])"><template data-component="$dynamic" data-bind-is="(item.icon)"></template><span>{{ (item.label) }}</span><template data-component="UpOutlined" data-if="(expanded[item.id])" class="nav-arrow"></template><template data-component="DownOutlined" data-else="" class="nav-arrow"></template></button><template data-component="RouterLink" data-else="" data-bind-to="(item.id === 'workbench' ? '/workbench' : item.id === 'projects' ? '/pbcs' : item.id === 'tasks' ? '/tasks' : item.id === 'operations' ? '/operations' : item.id === 'release' ? '/releases' : item.id === 'quality' ? '/reviews' : item.id === 'requirements' ? '/intents' : `/module/${item.id}`)" class="nav-row" data-bind-class="({ selected: current === item.id })" data-bind-aria-current="(current === item.id ? 'page' : undefined)" data-on-click="(mobileOpen = false)"><template data-component="$dynamic" data-bind-is="(item.icon)"></template><span>{{ (item.label) }}</span><template data-component="RightOutlined" data-if="(item.id !== 'workbench')" class="nav-arrow"></template></template><template data-if="(item.children &amp;&amp; expanded[item.id])"><template data-component="RouterLink" data-each="child in (item.children)" data-bind-key="(child.id)" data-bind-to="(child.id.startsWith('permission-') ? '/permissions/' + child.id.replace('permission-', '') : child.id === 'workflows' ? '/workflows' : child.id === 'agents' ? '/agents' : child.id === 'models' ? '/models' : `/module/${child.id}`)" class="nav-row nav-child" data-bind-class="({ selected: current === child.id })" data-bind-aria-current="(current === child.id ? 'page' : undefined)" data-on-click="(mobileOpen = false)">{{ (child.label) }}</template></template></template></nav><div class="sidebar-footer"><button class="text-button guide-button" data-on-click="(guide = true)"><template data-component="InfoCircleOutlined"></template> 原型说明</button><span>v0.14</span></div></aside><div class="workspace" data-bind-inert="(narrow &amp;&amp; mobileOpen)"><header class="topbar"><template data-component="Button" type="text" data-nav-toggle="" data-bind-aria-label="(navHidden ? '展开导航' : '收起导航')" data-bind-aria-expanded="(!navHidden)" data-on-click="(toggleMenu)"><template data-component="MenuUnfoldOutlined" data-if="(collapsed)"></template><template data-component="MenuFoldOutlined" data-else=""></template></template><div class="breadcrumb"><span data-if="(isAi)">AI 编排 <span class="crumb-slash">/</span></span><span>{{ (label) }}</span><span data-if="(subLabel)"><span class="crumb-slash">/</span>{{ (subLabel) }}</span></div><div class="topbar-right"><template data-component="Button" type="text" class="demo-settings-button" data-on-click="(guide = true)">演示设置</template><span class="demo-label">{{ (tenantLabel(session.actor.tenantId)) }} · 演示</span><template data-component="Dropdown" data-bind-menu="(roleMenu)" data-bind-trigger="(['click'])"><button class="profile-button" aria-label="切换演示身份"><template data-component="Avatar" data-bind-size="(30)">{{ (session.actor.name.slice(0, 1)) }}</template><span>{{ (session.actor.name) }} · {{ (session.actor.label) }}</span><template data-component="DownOutlined"></template></button></template></div></header><main id="main-content" tabindex="-1"><div data-show="(canView)" data-bind-inert="(!canView)" data-bind-key="(session.key)"><slot></slot></div><template data-component="Result" data-if="(!canView &amp;&amp; session.state === 'active')" status="403" title="没有业务访问权限" sub-title="已登录不代表拥有业务权限。请联系业务管理员分配相应权限；账号和登录设置由 MaxKey 管理。"><template data-slot="extra"><template data-component="Button" data-on-click="(guide = true)">查看权限演示</template></template></template></main><footer class="page-footer"><template data-component="InfoCircleOutlined"></template> 当前为演示环境，配置与测试仅用于交互评审。<button class="text-button" data-on-click="(guide = true)">评审指南</button></footer></div><template data-component="PrototypeGuide" data-bind-open="(guide)" data-on-close="(guide = false)"></template><template data-component="ConfirmationDialog"></template><template data-component="SessionDialog"></template></div>

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/shell/ConsoleShell.js

@@ -0,0 +1,53 @@
+import { computed, ref, onMounted, onBeforeUnmount, nextTick } from '../../runtime/state.js';
+import { useRoute } from "../../runtime/router.js";
+import { Button, Avatar, Dropdown, Result } from "../../runtime/widgets.js";
+import { MenuFoldOutlined, MenuUnfoldOutlined, DownOutlined, UpOutlined, RightOutlined, InfoCircleOutlined } from "../../runtime/icons.js";
+import { navigation, moduleLabel } from "./navigation.js";
+import PrototypeGuide from "./PrototypeGuide.js";
+import ConfirmationDialog from "./ConfirmationDialog.js";
+import { useSession } from "../shared/session.js";
+import { actors, tenantLabel } from "../shared/policy.js";
+import SessionDialog from "./SessionDialog.js";
+import { createComponent } from '../../runtime/dom.js';
+export default createComponent({ name: 'ConsoleShell', propKeys: [], template: new URL('./ConsoleShell.html', import.meta.url).href, setup(__props, __emit) {
+        const route = useRoute();
+        const session = useSession();
+        const visibleNavigation = computed(() => navigation.filter(n => (n.id !== 'operations' || session.can('operation:view')) && (!['quality', 'release'].includes(n.id) || (session.can('task:view') && session.can('artifact:view'))) && (n.id !== 'projects' || session.can('pbc:view')) && (n.id !== 'tasks' || session.can('task:view')) && (n.id !== 'requirements' || session.can('intent:view')) && (n.id !== 'permissions' || session.can('permission:view') || session.can('permission:audit'))).map(n => n.children ? ({ ...n, children: n.children.filter(c => (c.id !== 'models' || session.can('model:view')) && (c.id !== 'agents' || session.can('agent:view')) && (c.id !== 'workflows' || session.can('workflow:view')) && (c.id !== 'permission-records' || session.can('permission:audit')) && (!['permission-roles', 'permission-members'].includes(c.id) || session.can('permission:view'))) }) : n));
+        const canView = computed(() => route.path === '/workbench' ? session.state === 'active' : (route.path.startsWith('/reviews') || route.path.startsWith('/releases')) ? (session.can('task:view') && session.can('artifact:view')) : session.can(route.path.startsWith('/operations') ? 'operation:view' : route.path.startsWith('/pbcs') ? 'pbc:view' : route.path.startsWith('/tasks') ? 'task:view' : route.path.startsWith('/workflows') ? 'workflow:view' : route.path.startsWith('/agents') ? 'agent:view' : route.path.startsWith('/permissions') ? (route.path.endsWith('/records') ? 'permission:audit' : 'permission:view') : route.path.startsWith('/models') ? 'model:view' : route.path.endsWith('/pbc') ? 'pbc:view' : route.path.includes('/spec') ? 'spec:view' : 'intent:view'));
+        const expanded = ref({ ai: true, permissions: true });
+        const collapsed = ref(false), mobileOpen = ref(false), guide = ref(false);
+        const narrow = ref(window.innerWidth < 900);
+        const navHidden = computed(() => narrow.value ? !mobileOpen.value : collapsed.value);
+        function onResize() { narrow.value = window.innerWidth < 900; if (!narrow.value)
+            mobileOpen.value = false; }
+        function onKeydown(event) { if (event.key === 'Escape')
+            closeNav(); }
+        onMounted(() => { window.addEventListener('resize', onResize); window.addEventListener('keydown', onKeydown); });
+        onBeforeUnmount(() => { window.removeEventListener('resize', onResize); window.removeEventListener('keydown', onKeydown); });
+        function focusMain() { document.getElementById('main-content')?.focus(); }
+        function closeNav() { if (mobileOpen.value) {
+            mobileOpen.value = false;
+            nextTick(() => document.querySelector('[data-nav-toggle]')?.focus());
+        } }
+        const isIntent = computed(() => route.path.startsWith('/intents'));
+        const current = computed(() => route.path === '/workbench' ? 'workbench' : route.path.startsWith('/operations') ? 'operations' : route.path.startsWith('/releases') ? 'release' : route.path.startsWith('/reviews') ? 'quality' : route.path.startsWith('/pbcs') ? 'projects' : route.path.startsWith('/tasks') ? 'tasks' : route.path.startsWith('/workflows') ? 'workflows' : route.path.startsWith('/agents') ? 'agents' : route.path.startsWith('/permissions/') ? 'permission-' + route.path.split('/').at(-1) : isIntent.value ? 'requirements' : route.path === '/models' ? 'models' : String(route.params.id));
+        const isAi = computed(() => navigation.find(n => n.id === 'ai').children.some(n => n.id === current.value));
+        const label = computed(() => moduleLabel(current.value));
+        const subLabel = computed(() => route.path.endsWith('/pbc') ? 'PBC 归属' : route.path.includes('/spec') ? '需求规格' : route.path === '/intents/new' ? '发起需求' : route.path.endsWith('/workspace') ? (route.path.startsWith('/pbcs/') ? '交付工作区' : '澄清工作区') : isIntent.value && route.params.id ? '意图详情' : '');
+        function toggleMenu() {
+            if (!narrow.value) {
+                collapsed.value = !collapsed.value;
+                return;
+            }
+            if (mobileOpen.value)
+                closeNav();
+            else {
+                mobileOpen.value = true;
+                nextTick(() => document.querySelector('.sidebar [aria-current="page"]')?.focus());
+            }
+        }
+        const roleMenu = computed(() => ({ items: [
+                ...actors.map(a => ({ key: a.id, label: a.name + ' · ' + a.label })),
+            ], onClick: ({ key }) => { session.actorId = key; } }));
+        return { computed, ref, onMounted, onBeforeUnmount, nextTick, useRoute, Button, Avatar, Dropdown, Result, MenuFoldOutlined, MenuUnfoldOutlined, DownOutlined, UpOutlined, RightOutlined, InfoCircleOutlined, navigation, moduleLabel, PrototypeGuide, ConfirmationDialog, useSession, actors, tenantLabel, SessionDialog, route, session, visibleNavigation, canView, expanded, collapsed, mobileOpen, guide, narrow, navHidden, onResize, onKeydown, focusMain, closeNav, isIntent, current, isAi, label, subLabel, toggleMenu, roleMenu };
+    } });

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/shell/PrototypeGuide.html

@@ -0,0 +1,10 @@
+<!-- 来源：src/shell/PrototypeGuide.vue；HTML / 原生 DOM 绑定，不含 Vue 运行时。 -->
+<template data-component="Drawer" data-bind-open="(open)" title="原型说明与评审指南" data-bind-size="(640)" data-on-close="(emit('close'))"><template data-component="Alert" type="info" show-icon="" title="v0.14 · 运行验收与异常反馈" description="运行验收、异常调查分诊与修复跟踪已接回发布、工作台、任务和 PBC。身份、授权、观测与工程交付均为本地模拟，真实服务尚未接入。"></template><section class="drawer-section"><h2>运行验收与异常反馈 · v0.14</h2><p>运行记录 → 业务证据与人工验收 → 异常调查/分诊 → 关联或创建修复需求 → 新发布版本的回归与验收 → 关闭原异常。</p><p>在运行管理页底部载入独立模拟样例；新功能权限通过权限管理配置。旧版数据和端口保留，新版4187的数据按浏览器独立保存。</p><template data-component="Button" data-on-click="router.push('/operations');
+emit('close');">打开运行管理</template></section><section class="drawer-section"><h2>发布准备与人工放行</h2><p>创建发布草稿 → 核对固定版本证据 → 人工授权 → 部署 → 首次灰度 → 观测与全量；失败时有限重试、暂停或恢复。所有执行与材料均为模拟。</p><p>历史任务保留材料缺失；独立样例提供完整模拟证据。既有用户新增发布权限需在权限管理配置，可限定目标环境。</p><template data-component="Button" data-on-click="router.push('/releases');
+emit('close');">打开门禁与发布</template><h3>发布列表状态</h3><template data-component="RadioGroup" data-model-value="(releases.scene)" data-bind-options="(listOutcomes)"></template><h3>下一次发布提交结果</h3><template data-component="RadioGroup" data-model-value="(releases.response)" data-bind-options="(outcomes)"></template></section><section class="drawer-section"><h2>质量与人工确认走读</h2><ol><li>打开评审列表，按PBC和状态筛选；查看更多、显示字段与审批记录删除说明。</li><li>进入有问题的质量评审，查看固定版本，再修改设计或填写重新规划意见。</li><li>提交后进入新设计评审，接收模拟复核结果并确认；回到任务重新实现、检查、独立验证。</li><li>回到工作台查看同一任务待办更新；打开历史评审核对旧报告与处理人。</li></ol><p>既有用户的授权保持。新增“修改评审设计”和“重新规划交付”由权限管理员在独立权限菜单配置；新动作未授权时仍可查看原因。</p><template data-component="Button" type="primary" data-on-click="router.push('/reviews');
+emit('close');">打开质量与评审</template><h3>评审列表状态</h3><template data-component="RadioGroup" data-model-value="(reviews.scene)" data-bind-options="(listOutcomes)"></template><h3>下一次评审提交结果</h3><template data-component="RadioGroup" data-model-value="(session.confirmResult)" data-bind-options="(outcomes)"></template></section><section class="drawer-section"><h2>工作台首版走读</h2><ol><li>切换“与我相关”和“全部授权范围”，核对待办、PBC及交付数量。</li><li>从待办进入规格或任务处理，返回首页查看状态变化。</li><li>新建PBC可查看所有可见需求的前置原因；已归属记录进入原结果。</li><li>查看只读公告与规范提醒；质量评审已接入，发布待办已接入，运行验收与异常待办已接入。</li></ol><p>个人关系按创建人、负责人和可见关联记录识别；演示林晓的两种授权配置属于同一人员，权限仍单独计算。本版使用 4187 独立预览，其他端口保留各自版本与数据。</p><h2>PBC 与项目走读</h2><ol class="review-steps"><li>从 PBC 列表编辑资料，查看基础字段、更多与批量删除预检。</li><li>进入服务管理，新增并修改服务方案，核对已建工程的保护。</li><li>打开交付工作区，从需求规格进入任务与版本产物。</li><li>新建 PBC 选择已确认规格，沿用三步创建向导及失败续接。</li></ol><p class="muted">本版以 PBC 聚合交付工作区；独立项目实体尚待确认。更名保留历史和原型兼容的资源授权引用；正式接口按稳定ID治理。</p><template data-component="Button" type="primary" data-on-click="router.push('/pbcs');
+emit('close');">打开 PBC 管理</template></section><section class="drawer-section"><h2>交付任务走读</h2><ol class="review-steps"><li>发起交付，核对已确认规格、PBC、流程与资源版本。</li><li>打开任务，用阶段详情中的演示控件推进；确认原型后查看产物。</li><li>模拟失败，尝试返工、暂停与人工接管，再刷新查看保留的状态。</li></ol><p class="muted">预置确认与产物均为样例；可继续查看发布、运行验收和修复反馈。</p><template data-component="Button" data-on-click="router.push('/tasks');
+emit('close');">打开交付任务</template><h3>任务列表状态</h3><template data-component="RadioGroup" data-model-value="(tasks.scene)" data-bind-options="(listOutcomes)"></template></section><section class="drawer-section"><h2>研发交付流程走读</h2><ol class="review-steps"><li>查看标准交付模板，选择节点核对 Agent 和产物。</li><li>编辑草稿并修改节点，检查流程后提交审核。</li><li>切换到有发布权限的王睿，审核配置；再核对版本差异与固定版本选择。</li></ol><p class="muted">本地原型不运行 CI、Agent 或 Dapr。预置质量评审 Agent 在本版示例中已启用并取得模型授权。独立审核为待评审交互提案。</p><template data-component="Button" type="primary" data-bind-disabled="(!session.can('workflow:view'))" data-on-click="router.push('/workflows');
+emit('close');">打开流程模板</template><h3>流程列表状态</h3><template data-component="RadioGroup" data-model-value="(workflows.scene)" data-bind-options="(listOutcomes)"></template></section><section class="drawer-section"><h2>Agent 原型走读</h2><ol class="review-steps"><li>在 Agent 注册表查看四要素配置、所属项目与基础字段。</li><li>注册一个 Agent 并保存草稿，检查引用与模型使用授权；通过模型管理补齐授权后启用。</li><li>停用后编辑，再核对批量删除、引用保护及操作记录。</li></ol><template data-component="Button" type="primary" data-bind-disabled="(!session.can('agent:view'))" data-on-click="router.push('/agents');
+emit('close');">打开 Agent 注册表</template><p class="muted">提示词、技能、工具与模板为示例资源，本包没有连接真实 Agent 运行时。</p><h3>Agent 列表状态</h3><template data-component="RadioGroup" data-model-value="(agents.scene)" data-bind-options="(listOutcomes)"></template></section><section class="drawer-section"><h2>权限管理走读</h2><ol class="review-steps"><li>使用陈敏进入独立的「权限管理」，新增角色并配置功能和资源范围。</li><li>在成员授权中，将角色关联给周晨；查看成员的有效权限与来源。</li><li>切换到周晨，进入原有意图/规格页面核对权限；切回陈敏撤权并查看授权记录。</li></ol><template data-component="Button" type="primary" data-bind-disabled="(!session.can('permission:view'))" data-on-click="router.push('/permissions/roles');
+emit('close');">打开权限管理</template><p class="muted">以下身份切换和故障选项仅供原型评审，正式产品不包含这些控件。</p></section><section class="drawer-section"><h2>身份与权限</h2><template data-component="Select" data-model-value="(session.actorId)" aria-label="评审身份" class="full-width" data-bind-options="(actors.map(a =&gt; ({ label: a.name + ' · ' + a.label, value: a.id })))"></template><p class="muted">预置角色只是演示配置；动作与范围决定功能，角色名称不参与授权判断。</p><template data-component="Space" wrap=""><template data-component="Button" data-on-click="(session.state = 'expired')">模拟登录失效</template><template data-component="Button" data-on-click="(session.state = 'anonymous')">模拟未登录</template></template></section><section class="drawer-section"><h2>规格生成与资源</h2><template data-component="RadioGroup" data-model-value="(specs.generation)" data-bind-options="(outcomes.slice(0, 2))"></template><p><template data-component="Switch" data-model-checked="(specs.resource)" aria-label="规格生成资源可用"></template> 规格生成资源可用（模拟）</p><h3>规格确认结果</h3><template data-component="RadioGroup" data-model-value="(specs.confirmation)" data-bind-options="(outcomes)"></template></section><section class="drawer-section"><h2>下一次 PBC 关联 / 创建</h2><template data-component="RadioGroup" data-model-value="(pbcs.mode)" data-bind-options="(outcomes)"></template><p class="muted">创建失败发生在第 3 步；未知结果发生在第 1 步。核实 / 续接沿用原操作编号，已完成步骤保留。</p><h3>PBC 目录</h3><template data-component="RadioGroup" data-model-value="(pbcs.scene)" data-bind-options="(listOutcomes)"></template></section><section class="drawer-section"><h2>权限管理列表</h2><template data-component="RadioGroup" data-model-value="(authority.scene)" data-bind-options="(listOutcomes)"></template></section><section class="drawer-section"><h2>下一次保存 / 提交</h2><template data-component="RadioGroup" data-model-value="(session.nextWrite)" data-bind-options="([{ label: '成功', value: 'success' }, { label: '服务失败', value: 'failure' }, { label: '版本冲突', value: 'conflict' }])"></template><p class="muted">失败或冲突仅作用一次，便于继续重试。</p></section><section class="drawer-section"><h2>原有模型 / 意图列表状态</h2><template data-component="RadioGroup" data-model-value="(scene)" data-bind-options="(listOutcomes)"></template><h3>模型发布结果</h3><template data-component="RadioGroup" data-model-value="(session.publishResult)" data-bind-options="(outcomes.slice(0, 2))"></template><h3>意图确认结果</h3><template data-component="RadioGroup" data-model-value="(session.confirmResult)" data-bind-options="(outcomes)"></template><h3>意图整理结果</h3><template data-component="RadioGroup" data-model-value="(intents.resultMode)" data-bind-options="(outcomes.slice(0, 2))"></template></section><template data-slot="footer"><template data-component="Space"><template data-component="Button" danger="" data-on-click="(reset)">重置演示数据</template><template data-component="Button" type="primary" data-on-click="(emit('close'))">开始体验</template></template></template></template>

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/shell/PrototypeGuide.js

@@ -0,0 +1,30 @@
+import { confirmAction } from "./confirmation.js";
+import { computed, ref } from '../../runtime/state.js';
+import { useRoute, useRouter } from "../../runtime/router.js";
+import { Alert, Button, Drawer, RadioGroup, Space, Select, Switch } from "../../runtime/widgets.js";
+import { useModels } from "../models/store.js";
+import { useIntents } from "../intents/store.js";
+import { useSpecs } from "../specs/store.js";
+import { usePbcs } from "../pbc/store.js";
+import { useSession } from "../shared/session.js";
+import { actors } from "../shared/policy.js";
+import { useAuthority } from "../permissions/store.js";
+import { useReleases } from "../releases/store.js";
+import { useReviews } from "../reviews/store.js";
+import { useTasks } from "../tasks/store.js";
+import { useWorkflows } from "../workflows/store.js";
+import { useAgents } from "../agents/store.js";
+import { createComponent } from '../../runtime/dom.js';
+export default createComponent({ name: 'PrototypeGuide', propKeys: ["open"], template: new URL('./PrototypeGuide.html', import.meta.url).href, setup(__props, __emit) {
+        __props;
+        const emit = __emit, route = useRoute(), router = useRouter(), models = useModels(), intents = useIntents(), specs = useSpecs(), pbcs = usePbcs(), session = useSession(), authority = useAuthority(), agents = useAgents(), workflows = useWorkflows(), tasks = useTasks(), reviews = useReviews(), releases = useReleases();
+        const isIntent = computed(() => route.path.startsWith('/intents'));
+        const scene = computed({ get: () => isIntent.value ? intents.scene : models.scene, set: value => { if (isIntent.value)
+                intents.scene = value;
+            else
+                models.scene = value; } });
+        const outcomes = [{ label: '成功', value: 'success' }, { label: '失败', value: 'failure' }, { label: '结果待核实', value: 'unknown' }];
+        const listOutcomes = [{ label: '正常', value: 'normal' }, { label: '空列表', value: 'empty' }, { label: '加载失败', value: 'error' }];
+        function reset() { confirmAction({ title: '重置 v0.14 演示数据？', content: '恢复当前 HTML 原型地址的模型、意图、规格、PBC、权限、Agent、流程、任务、发布与运行演示记录。请先保留需要的内容；其他端口的历史版本数据不受影响。', okText: '确认重置', cancelText: '取消', onOk: () => { authority.reset(); session.reset(); models.reset(); intents.reset(); specs.reset(); pbcs.reset(); agents.reset(); workflows.reset(); tasks.reset(); emit('close'); router.push('/workbench'); } }); }
+        return { confirmAction, computed, ref, useRoute, useRouter, Alert, Button, Drawer, RadioGroup, Space, Select, Switch, useModels, useIntents, useSpecs, usePbcs, useSession, actors, useAuthority, useReleases, useReviews, useTasks, useWorkflows, useAgents, emit, route, router, models, intents, specs, pbcs, session, authority, agents, workflows, tasks, reviews, releases, isIntent, scene, outcomes, listOutcomes, reset };
+    } });

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/shell/ScopePage.html

@@ -0,0 +1,2 @@
+<!-- 来源：src/shell/ScopePage.vue；HTML / 原生 DOM 绑定，不含 Vue 运行时。 -->
+<div class="page-heading"><div><h1>{{ (label) }}</h1><p>Console 导航结构预览</p></div></div><section class="panel scope-panel"><template data-component="Empty" data-bind-description="(`${label}将在后续逐功能设计中展开`)"><p class="muted">当前可体验意图发起与澄清，以及模型管理。</p><template data-component="Button" type="primary" data-on-click="(router.push('/intents'))">进入意图池</template></template></section>

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/shell/ScopePage.js

@@ -0,0 +1,10 @@
+import { computed } from '../../runtime/state.js';
+import { useRoute, useRouter } from "../../runtime/router.js";
+import { Empty, Button } from "../../runtime/widgets.js";
+import { moduleLabel } from "./navigation.js";
+import { createComponent } from '../../runtime/dom.js';
+export default createComponent({ name: 'ScopePage', propKeys: [], template: new URL('./ScopePage.html', import.meta.url).href, setup(__props, __emit) {
+        const route = useRoute(), router = useRouter();
+        const label = computed(() => moduleLabel(String(route.params.id)));
+        return { computed, useRoute, useRouter, Empty, Button, moduleLabel, route, router, label };
+    } });

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/shell/SessionDialog.html

@@ -0,0 +1,2 @@
+<!-- 来源：src/shell/SessionDialog.vue；HTML / 原生 DOM 绑定，不含 Vue 运行时。 -->
+<template data-component="Modal" data-bind-open="(session.state !== 'active')" data-bind-z-index="(4000)" data-bind-title="(redirected ? 'MaxKey 统一认证 · 演示' : session.state === 'expired' ? '登录状态已失效' : '请先登录')" data-bind-closable="(false)" data-bind-keyboard="(false)" data-bind-mask="({ closable: false })"><p>{{ (redirected ? '实际应用会跳转 MaxKey 完成认证。这里仅模拟登录结果，不收集密码或生成令牌。' : '继续操作前需要通过统一认证。当前页面的未提交输入暂时保留，重新登录后可核对并继续。') }}</p><template data-component="Alert" data-if="(redirected)" type="info" data-bind-title="('模拟以 ' + session.actor.name + ' 登录')"></template><template data-slot="footer"><template data-component="Button" data-if="(!redirected)" type="primary" data-on-click="(redirected = true)">前往 MaxKey 登录</template><template data-component="Button" data-else="" type="primary" data-on-click="(session.state = 'active')">模拟登录成功并返回</template></template></template>

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/shell/SessionDialog.js

@@ -0,0 +1,9 @@
+import { ref, watch } from '../../runtime/state.js';
+import { Modal, Button, Alert } from "../../runtime/widgets.js";
+import { useSession } from "../shared/session.js";
+import { createComponent } from '../../runtime/dom.js';
+export default createComponent({ name: 'SessionDialog', propKeys: [], template: new URL('./SessionDialog.html', import.meta.url).href, setup(__props, __emit) {
+        const session = useSession(), redirected = ref(false);
+        watch(() => session.state, () => { redirected.value = false; });
+        return { ref, watch, Modal, Button, Alert, useSession, session, redirected };
+    } });

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/shell/confirmation.js

@@ -0,0 +1,3 @@
+import { shallowRef } from '../../runtime/state.js';
+export const confirmation = shallowRef();
+export function confirmAction(options) { confirmation.value = options; }

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/shell/navigation.js

@@ -0,0 +1,19 @@
+import { HomeOutlined, ProjectOutlined, CommentOutlined, AppstoreOutlined, SafetyCertificateOutlined, RocketOutlined, FundProjectionScreenOutlined, AuditOutlined, TeamOutlined, SettingOutlined } from "../../runtime/icons.js";
+export const navigation = [
+    { id: 'workbench', label: '工作台', icon: HomeOutlined },
+    { id: 'projects', label: 'PBC 与项目', icon: ProjectOutlined },
+    { id: 'requirements', label: '意图与需求', icon: CommentOutlined },
+    { id: 'ai', label: 'AI 编排', icon: AppstoreOutlined, children: [
+            { id: 'models', label: '模型管理' }, { id: 'agents', label: 'Agent 注册表' },
+            { id: 'workflows', label: '研发交付流程' }, { id: 'tools', label: '工具与 MCP' }, { id: 'knowledge', label: '知识库' },
+        ] },
+    { id: 'tasks', label: '交付任务', icon: ProjectOutlined },
+    { id: 'quality', label: '质量与评审', icon: SafetyCertificateOutlined },
+    { id: 'release', label: '门禁与发布', icon: RocketOutlined },
+    { id: 'operations', label: '运行管理', icon: FundProjectionScreenOutlined },
+    { id: 'standards', label: '规范与治理', icon: AuditOutlined },
+    { id: 'permissions', label: '权限管理', icon: SafetyCertificateOutlined, children: [{ id: 'permission-roles', label: '角色管理' }, { id: 'permission-members', label: '成员授权' }, { id: 'permission-records', label: '授权记录' }] },
+    { id: 'organization', label: '组织与审计', icon: TeamOutlined },
+    { id: 'settings', label: '系统设置', icon: SettingOutlined },
+];
+export const moduleLabel = (id) => navigation.flatMap(n => [n, ...(n.children || [])]).find(n => n.id === id)?.label || '模型管理';

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/specs/SpecDocument.html

@@ -0,0 +1,2 @@
+<!-- 来源：src/specs/SpecDocument.vue；HTML / 原生 DOM 绑定，不含 Vue 运行时。 -->
+<article class="spec-document" aria-label="需求规格正文"><section data-each="section in (sections)" data-bind-id="('spec-' + section.key)" data-bind-key="(section.key)"><h2>{{ (section.label) }}</h2><p>{{ (version.content[section.key]) }}</p></section><section><h2>决策登记</h2><div data-each="d in (version.decisions)" data-bind-key="(d.id)" class="decision-row"><div class="section-heading"><strong>{{ (d.question) }}</strong><template data-component="Tag" data-bind-color="(d.answer &amp;&amp; d.reason ? 'green' : 'orange')">{{ (d.answer &amp;&amp; d.reason ? '已明确' : '待处理') }}</template></div><p>结论：{{ (d.answer || '尚未明确') }}<br>理由：{{ (d.reason || '待补充') }}</p><small class="muted">责任方：{{ (d.owner) }}<template data-if="(d.resolvedAt)"> · {{ (d.resolvedBy) }} · {{ (formatDate(d.resolvedAt)) }}</template></small></div></section></article>

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/specs/SpecDocument.js

@@ -0,0 +1,8 @@
+import { Tag } from "../../runtime/widgets.js";
+import { sections } from "./domain.js";
+import { formatDate } from "../shared/policy.js";
+import { createComponent } from '../../runtime/dom.js';
+export default createComponent({ name: 'SpecDocument', propKeys: ["version"], template: new URL('./SpecDocument.html', import.meta.url).href, setup(__props, __emit) {
+        __props;
+        return { Tag, sections, formatDate };
+    } });

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/specs/SpecEdit.html

@@ -0,0 +1,2 @@
+<!-- 来源：src/specs/SpecEdit.vue；HTML / 原生 DOM 绑定，不含 Vue 运行时。 -->
+<template data-component="Drawer" data-bind-open="(true)" data-bind-title="(mode === 'content' ? '修改需求规格' : '处理未决事项')" data-bind-size="(860)" data-bind-mask="({ closable: false })" data-on-close="(close)"><template data-component="Alert" type="info" show-icon="" data-bind-title="('保存为规格 v' + (version.number + 1) + '，需重新确认')" description="原版本及其签署记录继续保留。请分别填写每项决策理由，以及表单底部必填的“本次修改原因”；前者解释决策，后者记录本次版本变化。" 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-if="(mode === 'decisions')"><fieldset data-each="(d,index) in (decisions)" data-bind-key="(d.id)" class="spec-decision-form" data-bind-disabled="(!editable)"><legend>{{ (index + 1) }}. {{ (d.question) }}</legend><p class="muted">责任方：{{ (d.owner) }}</p><template data-component="RadioGroup" data-model-value="(d.answer)" data-bind-aria-label="(d.question)" class="vertical-options" data-bind-options="(d.options.map(value =&gt; ({ label: value, value })))"></template><label data-bind-for="('reason-' + d.id)">决策理由</label><template data-component="Input.TextArea" data-bind-id="('reason-' + d.id)" data-model-value="(d.reason)" data-bind-rows="(2)" data-bind-maxlength="(1500)" placeholder="说明依据、影响与后续处理。"></template></fieldset></template><template data-component="ProForm" data-bind-form="(form)" name="spec-revision" layout="vertical" data-bind-disabled="(!editable)"></template><template data-slot="footer"><template data-component="Alert" data-if="(error)" type="error" show-icon="" data-bind-title="(error)" class="page-alert" role="alert"><template data-slot="action"><template data-component="Button" data-if="(error.startsWith('尚未保存'))" data-on-click="(locateInvalid)">定位缺项</template></template></template><div class="drawer-footer"><span class="muted">保存后保留版本与操作人</span><template data-component="Space"><template data-component="Button" data-on-click="(close)">取消</template><template data-component="Button" type="primary" data-bind-disabled="(!editable)" data-on-click="(save)">保存新版本</template></template></div></template></template>

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/specs/SpecEdit.js

@@ -0,0 +1,32 @@
+import { computed, ref, nextTick } from '../../runtime/state.js';
+import { Alert, Button, Drawer, Input, RadioGroup, Space } from "../../runtime/widgets.js";
+import { ProForm, useForm } from "../../runtime/widgets.js";
+import { clone, currentVersion, sections, specBusy } from "./domain.js";
+import { useSpecs } from "./store.js";
+import { useSession } from "../shared/session.js";
+import { confirmAction } from "../shell/confirmation.js";
+import { createComponent } from '../../runtime/dom.js';
+export default createComponent({ name: 'SpecEdit', propKeys: ["spec", "mode"], template: new URL('./SpecEdit.html', import.meta.url).href, setup(__props, __emit) {
+        const props = __props, emit = __emit, store = useSpecs(), session = useSession();
+        const version = currentVersion(props.spec), expected = props.spec.recordVersion, error = ref(''), decisions = ref(clone(version.decisions));
+        const form = useForm({ ...clone(version.content), reason: '' });
+        form.fields.value = [...(props.mode === 'content' ? sections.map(s => ({ path: s.key, label: s.label, component: 'textarea', span: 24, autoSize: { minRows: 3, maxRows: 10 }, rules: [{ required: true, whitespace: true, message: '请填写' + s.label }] })) : []), { path: 'reason', label: '本次修改原因', component: 'textarea', span: 24, rows: 2, placeholder: '概括这次修改，例如：补充人工复核方案及验收资源，关闭未决事项。', rules: [{ required: true, whitespace: true, message: '请填写修改原因' }] }];
+        const editable = computed(() => session.can('spec:edit', props.spec.tenantId) && !specBusy(props.spec));
+        function close() { confirmAction({ title: '放弃本次未保存修改？', content: '已保存的规格与确认记录保留。', okText: '放弃修改', cancelText: '继续编辑', onOk: () => emit('close') }); }
+        async function locateInvalid() { await nextTick(); const el = document.querySelector('#spec-revision .ant-form-item-has-error textarea, #spec-revision .ant-form-item-has-error input') || document.getElementById('spec-revision_reason'); el?.scrollIntoView({ block: 'center', behavior: 'smooth' }); el?.focus({ preventScroll: true }); }
+        async function save() { error.value = ''; try {
+            await form.formRef.value?.validate();
+        }
+        catch {
+            error.value = '尚未保存：请补齐标红字段。每项决策理由之外，还需填写“本次修改原因”。输入已保留。';
+            await locateInvalid();
+            return;
+        } try {
+            store.revise(props.spec.intentId, form.formData, decisions.value, form.formData.reason, expected);
+            emit('close');
+        }
+        catch (e) {
+            error.value = e.message;
+        } }
+        return { computed, ref, nextTick, Alert, Button, Drawer, Input, RadioGroup, Space, ProForm, useForm, clone, currentVersion, sections, specBusy, useSpecs, useSession, confirmAction, props, emit, store, session, version, expected, error, decisions, form, editable, close, locateInvalid, save };
+    } });

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/specs/SpecHeader.html

@@ -0,0 +1,2 @@
+<!-- 来源：src/specs/SpecHeader.vue；HTML / 原生 DOM 绑定，不含 Vue 运行时。 -->
+<template data-component="Button" type="link" class="intent-back" data-on-click="(router.push('/intents/' + intent.id))">← 返回来源意图</template><div class="page-heading intent-heading"><div><h1>{{ (['需求规格工作区', '规格版本评审', 'PBC 归属'][step]) }}</h1><p class="muted">{{ (intent.title) }}</p><template data-component="Space" wrap=""><template data-component="Tag">{{ (intent.code) }}</template><template data-component="Tag" data-if="(version)" data-bind-color="(version.confirmedAt ? 'green' : 'blue')">规格 v{{ (version.number) }} · {{ (version.confirmedAt ? '已确认' : '待确认') }}</template><span class="muted">来源意图 v{{ (version?.source.version || intent.versions.at(-1)?.number) }}</span></template></div><template data-component="Space" wrap=""><slot></slot></template></div><template data-component="Steps" class="delivery-steps" data-bind-current="(step)" size="small" data-on-change="(navigate)" data-bind-items="([{ title: '生成与完善规格' }, { title: '核对版本并确认', disabled: !version }, { title: '关联或创建 PBC', disabled: !version?.confirmedAt || !session.can('pbc:view', intent.tenantId) }])"></template>

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/specs/SpecHeader.js

@@ -0,0 +1,15 @@
+import { Button, Space, Steps, Tag } from "../../runtime/widgets.js";
+import { useSession } from "../shared/session.js";
+import { useRouter } from "../../runtime/router.js";
+import { createComponent } from '../../runtime/dom.js';
+export default createComponent({ name: 'SpecHeader', propKeys: ["intent", "version", "step"], template: new URL('./SpecHeader.html', import.meta.url).href, setup(__props, __emit) {
+        const props = __props;
+        const router = useRouter(), session = useSession();
+        function navigate(step) { const root = '/intents/' + props.intent.id; if (step === 0)
+            router.push(root + '/spec');
+        else if (step === 1 && props.version)
+            router.push(root + '/spec/review');
+        else if (step === 2 && props.version?.confirmedAt && session.can('pbc:view', props.intent.tenantId))
+            router.push(root + '/pbc'); }
+        return { Button, Space, Steps, Tag, useSession, useRouter, props, router, session, navigate };
+    } });

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/specs/SpecHistory.html

@@ -0,0 +1,2 @@
+<!-- 来源：src/specs/SpecHistory.vue；HTML / 原生 DOM 绑定，不含 Vue 运行时。 -->
+<template data-component="Drawer" data-bind-open="(true)" title="规格版本与操作记录" data-bind-size="(860)" data-on-close="(emit('close'))"><template data-component="Alert" type="info" show-icon="" title="版本与签署记录只读保存，不适用删除或批量删除。"></template><template data-component="Tabs" data-model-active-key="(tab)" data-bind-items="([{ key: 'versions', label: '历史版本' }, { key: 'events', label: '操作记录' }])"></template><template data-if="(tab === 'versions')"><template data-component="Select" data-model-value="(selected)" aria-label="历史规格版本" class="full-width" data-bind-options="(spec.versions.map(v =&gt; ({ label: '规格 v' + v.number + ' · ' + (v.confirmedAt ? '已确认' : '未确认'), value: v.number })))"></template><template data-if="(version)"><p>{{ (version.reason) }} · {{ (version.createdBy) }} · {{ (formatDate(version.createdAt)) }}</p><p data-if="(version.confirmedAt)" class="version-confirmed">{{ (version.confirmedBy) }} · {{ (formatDate(version.confirmedAt)) }} 确认此版本</p><p data-if="(version.resource)" class="muted">生成来源：{{ (version.resource.agent) }} v{{ (version.resource.agentVersion) }} · {{ (version.resource.name) }} v{{ (version.resource.version) }}</p><template data-component="SpecDocument" data-bind-version="(version)"></template></template></template><ol data-else="" class="intent-events"><li data-each="event in ([...spec.events].reverse())" data-bind-key="(event.id)"><strong>{{ (event.action) }} · v{{ (event.version) }}</strong><p>{{ (event.result) }}</p><small>{{ (event.actor) }} · {{ (formatDate(event.at)) }}</small></li></ol></template>

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/specs/SpecHistory.js

@@ -0,0 +1,11 @@
+import { computed, ref } from '../../runtime/state.js';
+import { Alert, Drawer, Select, Tabs } from "../../runtime/widgets.js";
+import { currentVersion } from "./domain.js";
+import { formatDate } from "../shared/policy.js";
+import SpecDocument from "./SpecDocument.js";
+import { createComponent } from '../../runtime/dom.js';
+export default createComponent({ name: 'SpecHistory', propKeys: ["spec"], template: new URL('./SpecHistory.html', import.meta.url).href, setup(__props, __emit) {
+        const props = __props, emit = __emit, tab = ref('versions'), selected = ref(currentVersion(props.spec)?.number);
+        const version = computed(() => props.spec.versions.find(v => v.number === selected.value));
+        return { computed, ref, Alert, Drawer, Select, Tabs, currentVersion, formatDate, SpecDocument, props, emit, tab, selected, version };
+    } });

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/specs/SpecReview.html

@@ -0,0 +1,2 @@
+<!-- 来源：src/specs/SpecReview.vue；HTML / 原生 DOM 绑定，不含 Vue 运行时。 -->
+<template data-component="Result" data-if="(!intent || !spec || !version || !viewed)" title="尚无可评审的规格或无权访问"><template data-slot="extra"><template data-component="Button" data-on-click="(router.push('/intents/' + id + '/spec'))">返回规格工作区</template></template></template><template data-else=""><template data-component="SpecHeader" data-bind-intent="(intent)" data-bind-version="(version)" data-bind-step="(1)"><template data-component="Button" data-on-click="(history = true)">版本与记录</template><template data-component="Button" data-on-click="(router.push('/intents/' + id + '/spec'))">返回工作区</template></template><template data-component="Alert" data-if="(error || spec.error || sourceError)" type="error" show-icon="" data-bind-title="(error || spec.error || sourceError)" class="page-alert"></template><template data-component="Alert" data-if="(spec.confirmation === 'pending')" type="info" show-icon="" title="正在提交确认，请稍候…" class="page-alert"></template><template data-component="Alert" data-if="(spec.confirmation === 'unknown')" type="warning" show-icon="" title="确认响应未收到，请核实原请求结果" data-bind-description="('请求 ' + spec.pending?.id + '；规格 v' + spec.pending?.version)" class="page-alert"><template data-slot="action"><template data-component="Button" data-on-click="(reconcile)">核实确认结果</template></template></template><template data-component="Alert" data-if="(version.confirmedAt)" type="success" show-icon="" data-bind-title="('规格 v' + version.number + ' 已确认')" data-bind-description="(version.confirmedBy + ' · ' + formatDate(version.confirmedAt) + '；确认基线只读保留，修改会形成新版本。')" class="page-alert"></template><template data-component="Alert" data-else-if="(pendingDecisions(version).length)" type="warning" show-icon="" data-bind-title="('还有 ' + pendingDecisions(version).length + ' 项决策需要结论和理由，暂不能确认。')" class="page-alert"><template data-slot="action"><template data-component="Button" data-on-click="(router.push('/intents/' + id + '/spec'))">返回处理</template></template></template><section class="panel delivery-main"><div class="review-toolbar"><div class="version-toolbar"><label for="review-after">查看版本</label><template data-component="Select" id="review-after" data-model-value="(after)" data-bind-options="(spec.versions.map(v =&gt; ({ label: '规格 v' + v.number, value: v.number })))"></template><template data-component="Button" data-bind-disabled="(spec.versions.length &lt; 2)" data-on-click="(compare = !compare)">{{ (compare ? '阅读完整规格' : '对比版本变化') }}</template><template data-if="(compare)"><label for="review-before">对比来源</label><template data-component="Select" id="review-before" data-model-value="(before)" data-bind-options="(spec.versions.filter(v =&gt; v.number !== after).map(v =&gt; ({ label: '规格 v' + v.number, value: v.number })))"></template></template></div><template data-component="Tag" data-if="(after !== version.number)">历史版本 · 只读</template></div><p class="muted">{{ (viewed.reason) }} · {{ (viewed.createdBy) }} · {{ (formatDate(viewed.createdAt)) }} · 来源意图 v{{ (viewed.source.version) }}</p><template data-if="(compare)"><div data-each="d in (diff)" data-bind-key="(d.key)" class="spec-diff"><div class="section-heading"><h2>{{ (d.label) }}</h2><template data-component="Tag" data-bind-color="(d.changed ? 'blue' : 'default')">{{ (d.changed ? '有变化' : '内容相同') }}</template></div><div class="diff-columns"><section><h3>原内容 · v{{ (before) }}</h3><p>{{ (d.before || '无内容') }}</p></section><section data-bind-class="({ 'diff-changed': d.changed })"><h3>当前查看 · v{{ (after) }}</h3><p>{{ (d.after) }}</p></section></div></div><section class="decision-row"><h2>决策变化</h2><div data-each="d in (viewed.decisions)" data-bind-key="(d.id)"><strong>{{ (d.question) }}</strong><p>原结论：{{ (previous?.decisions.find(x =&gt; x.id === d.id)?.answer || '未明确') }} → 新结论：{{ (d.answer || '未明确') }}</p><p>新理由：{{ (d.reason || '待补充') }}</p></div></section></template><template data-component="SpecDocument" data-else="" data-bind-version="(viewed)"></template></section><template data-component="Alert" data-if="(!version.confirmedAt &amp;&amp; blockReason)" type="info" show-icon="" data-bind-title="(blockReason)" class="page-alert"></template><template data-component="Alert" data-if="(version.confirmedAt &amp;&amp; !session.can('pbc:view', spec.tenantId))" type="info" show-icon="" title="规格已确认；继续归属需要当前租户的 PBC 查看及相应创建/关联权限。" class="page-alert"></template><section class="panel review-actions" aria-label="规格评审操作"><span class="muted">当前操作：规格 v{{ (version.number) }} · {{ (session.actor.name) }}</span><template data-component="Space" wrap=""><template data-component="Button" data-bind-disabled="(busy || !!sourceError || !session.can('spec:edit', spec.tenantId))" data-on-click="(edit = true)">修改规格</template><template data-component="Button" data-bind-disabled="(busy || !!sourceError || !session.can('spec:generate', spec.tenantId) || !session.can('spec:edit', spec.tenantId))" data-on-click="(replan = true)">重新规划</template><template data-component="Button" data-if="(!version.confirmedAt)" type="primary" data-bind-disabled="(blocked)" data-bind-loading="(spec.confirmation === 'pending')" data-on-click="(confirm)">确认规格 v{{ (version.number) }}</template><template data-component="Button" data-else="" type="primary" data-bind-disabled="(!!sourceError || !session.can('pbc:view', spec.tenantId))" data-on-click="(router.push('/intents/' + id + '/pbc'))">确定 PBC 归属</template></template></section><template data-component="SpecEdit" data-if="(edit)" data-bind-spec="(spec)" mode="content" data-on-close="(edit = false)"></template><template data-component="SpecHistory" data-if="(history)" data-bind-spec="(spec)" data-on-close="(history = false)"></template><template data-component="Modal" data-model-open="(replan)" title="重新规划规格" ok-text="生成新版本" cancel-text="取消" data-bind-confirm-loading="(spec.generating)" data-on-ok="(regenerate)"><p>重新读取已确认意图，保留旧版本与签署记录。</p><label for="spec-replan-reason">重新规划原因</label><template data-component="Input.TextArea" id="spec-replan-reason" data-model-value="(reason)" data-bind-rows="(4)"></template><template data-component="Alert" data-if="(error)" type="error" data-bind-title="(error)"></template></template></template>