@givolt/i3-composer-agent 2.2.3 → 2.3.1

package/skills/i3-ui-prototype/assets/templates/enterprise-admin/reference/runtime/layout.js

@@ -0,0 +1,47 @@
+import { h, defineWidget, Fragment, afterRender } from './dom.js';
+import { invalidate } from './state.js';
+import { attrs, uid, Checkbox } from './controls.js';
+import { CheckCircleOutlined, ExclamationCircleOutlined, InfoCircleOutlined, CloseCircleOutlined, CheckOutlined, RightOutlined, DownOutlined, CheckCircleFilled,InfoCircleFilled,CloseCircleFilled,ExclamationCircleFilled } from './icons.js';
+
+export const Space = defineWidget('Space', (p,s) => {
+  const sizes = {small:8,middle:16,large:24}, gap = typeof p.size === 'number' ? p.size : sizes[p.size] || 8;
+  return h('div', {...attrs(p), class:['ant-space',p.direction==='vertical'?'ant-space-vertical':'ant-space-horizontal','ant-space-align-'+(p.align||'center'),p.class],style:{gap,flexWrap:p.wrap?'wrap':undefined,...p.style}}, s.default?.());
+});
+export const Tag = defineWidget('Tag',(p,s)=>h('span',{...attrs(p),class:['ant-tag ant-tag-filled',p.color&&'ant-tag-'+p.color,p.class],style:p.style},s.default?.()));
+const icons={success:CheckCircleFilled,error:CloseCircleFilled,warning:ExclamationCircleFilled,info:InfoCircleFilled};
+export const Alert = defineWidget('Alert',(p,s)=>h('div',{...attrs(p),role:'alert',class:['ant-alert','ant-alert-'+(p.type||'info'),'ant-alert-outlined',p.description&&'ant-alert-with-description',p.class],style:p.style},[
+  p.showIcon&&h('span',{class:'ant-alert-icon'},h(icons[p.type]||InfoCircleOutlined)),
+  h('div',{class:'ant-alert-section'},[h('div',{class:'ant-alert-title'},p.title||p.message||s.title?.()),p.description&&h('div',{class:'ant-alert-description'},p.description)]),
+  s.action&&h('div',{class:'ant-alert-action'},s.action()),
+]));
+export const Empty = defineWidget('Empty',(p,s)=>h('div',{...attrs(p),class:['ant-empty',p.class],style:p.style},[h('div',{class:'ant-empty-image'},s.image?.()||h('img',{src:new URL('../assets/empty.svg',import.meta.url).href,alt:''})),p.description!==false&&h('div',{class:'ant-empty-description'},p.description||'暂无数据'),s.default&&h('div',{class:'ant-empty-footer'},s.default())]));
+export const Result = defineWidget('Result',(p,s)=>h('div',{...attrs(p),class:['ant-result','ant-result-'+(p.status||'info'),p.class]},[h('div',{class:['ant-result-icon',['403','404'].includes(String(p.status))&&'ant-result-image']},['403','404'].includes(String(p.status))?h('img',{src:new URL('../assets/result-'+p.status+'.svg',import.meta.url).href,alt:''}):h(icons[p.status]||ExclamationCircleOutlined)),h('div',{class:'ant-result-title'},p.title),p.subTitle&&h('div',{class:'ant-result-subtitle'},p.subTitle),s.extra&&h('div',{class:'ant-result-extra'},s.extra()),s.default&&h('div',{class:'ant-result-content'},s.default())]));
+export const Tabs = defineWidget('Tabs',(p,s,ctx)=>{
+  const state=ctx.state(()=>({active:p.defaultActiveKey||p.items?.[0]?.key})),active=p.activeKey??state.active;
+  const change=(key)=>{state.active=key;ctx.emit('update:activeKey',key);p.onChange?.(key);invalidate();};
+  const tabs=(p.items||[]).filter(x=>!x.hidden);
+  afterRender(()=>{const parent=document.getElementById(uid(ctx.id));const selected=parent?.querySelector('.ant-tabs-tab-active');const bar=parent?.querySelector('.ant-tabs-ink-bar');if(selected&&bar){bar.style.width=selected.offsetWidth+'px';bar.style.left=selected.offsetLeft+'px';}});
+  return h('div',{...attrs(p),id:uid(ctx.id),class:['ant-tabs','ant-tabs-'+(p.tabPosition||'top'),p.size==='small'&&'ant-tabs-small',p.class],style:p.style},[
+    h('div',{class:'ant-tabs-nav',role:'tablist','aria-orientation':'horizontal'},[h('div',{class:'ant-tabs-nav-wrap'},h('div',{class:'ant-tabs-nav-list'},[tabs.map((item,index)=>h('div',{class:['ant-tabs-tab',item.key===active&&'ant-tabs-tab-active',item.disabled&&'ant-tabs-tab-disabled']},h('div',{role:'tab','aria-selected':item.key===active,'aria-disabled':!!item.disabled,class:'ant-tabs-tab-btn',tabindex:item.key===active?0:-1,onClick:()=>{if(!item.disabled)change(item.key);},onKeydown:e=>{if(e.key==='Enter'||e.key===' ')change(item.key);if(['ArrowRight','ArrowLeft'].includes(e.key)){e.preventDefault();change(tabs[(index+(e.key==='ArrowRight'?1:tabs.length-1))%tabs.length].key);}}},h('span',{},item.label)))),h('div',{class:'ant-tabs-ink-bar ant-tabs-ink-bar-animated'})])),s.rightExtra&&h('div',{class:'ant-tabs-extra-content'},s.rightExtra())]),
+    h('div',{class:'ant-tabs-body-holder'},h('div',{class:'ant-tabs-body ant-tabs-body-top'},h('div',{role:'tabpanel',class:'ant-tabs-content ant-tabs-content-active'},tabs.find(t=>t.key===active)?.children||s.default?.()))),
+  ]);
+});
+export const Segmented=defineWidget('Segmented',(p,s,ctx)=>h('div',{...attrs(p),role:'radiogroup',class:['ant-segmented',p.class]},h('div',{class:'ant-segmented-group'},(p.options||[]).map(o=>{const item=typeof o==='object'?o:{value:o,label:o};return h('label',{class:['ant-segmented-item',p.value===item.value&&'ant-segmented-item-selected',item.disabled&&'ant-segmented-item-disabled']},[h('input',{type:'radio',class:'ant-segmented-item-input',name:uid(ctx.id),value:item.value,checked:p.value===item.value,disabled:p.disabled||item.disabled,onChange:()=>{ctx.emit('update:value',item.value);p.onChange?.(item.value);}}),h('div',{class:'ant-segmented-item-label'},item.label)]);} ))));
+export const Progress=defineWidget('Progress',(p,s)=>h('div',{...attrs(p),class:['ant-progress ant-progress-line',p.status&&'ant-progress-status-'+p.status,p.class],role:'progressbar','aria-valuenow':p.percent,'aria-valuemin':0,'aria-valuemax':100},[h('div',{class:'ant-progress-outer'},h('div',{class:'ant-progress-inner'},h('div',{class:'ant-progress-bg',style:{width:Math.max(0,Math.min(100,p.percent||0))+'%',height:p.strokeWidth||8,background:p.strokeColor}}))),p.showInfo!==false&&h('span',{class:'ant-progress-text'},p.format?p.format(p.percent):p.percent+'%')]));
+export const Steps=defineWidget('Steps',(p,s,ctx)=>h('div',{...attrs(p),class:['ant-steps','ant-steps-horizontal','ant-steps-title-'+(p.titlePlacement||'horizontal'),'ant-steps-filled',p.size==='small'&&'ant-steps-small',p.class],style:{'--ant-cmp-steps-items-offset':0,...p.style}},(p.items||[]).map((item,index)=>{const status=item.status||((p.current||0)>index?'finish':(p.current||0)===index?p.status||'process':'wait'),activate=()=>{if(!item.disabled){ctx.emit('update:current',index);p.onChange?.(index);}};return h('div',{class:['ant-steps-item','ant-steps-item-'+status,item.disabled&&'ant-steps-item-disabled'],role:p.onChange?'button':undefined,tabindex:p.onChange?0:undefined,'aria-current':status==='process'?'step':undefined,onClick:p.onChange?activate:undefined,onKeydown:e=>{if(e.key==='Enter'||e.key===' ')activate();}},h('div',{class:'ant-steps-item-wrapper'},[h('div',{class:'ant-steps-item-icon ant-wave-target'},status==='finish'?h(CheckOutlined,{class:'ant-steps-item-icon-finish'}):status==='error'?h(CloseCircleOutlined):index+1),h('div',{class:'ant-steps-item-section'},[h('div',{class:'ant-steps-item-header'},[h('div',{class:'ant-steps-item-title'},item.title),index<(p.items||[]).length-1&&h('div',{class:['ant-steps-item-rail','ant-steps-item-rail-'+status]})]),item.description&&h('div',{class:'ant-steps-item-description'},item.description)])]));})));
+export const Skeleton=defineWidget('Skeleton',(p)=>h('div',{class:['ant-skeleton',p.active&&'ant-skeleton-active',p.class]},h('div',{class:'ant-skeleton-content'},[h('h3',{class:'ant-skeleton-title',style:{width:'38%'}}),h('ul',{class:'ant-skeleton-paragraph'},Array.from({length:p.paragraph?.rows||3},(_,i)=>h('li',{style:{width:i===(p.paragraph?.rows||3)-1?'61%':'100%'}})))])));
+export const Descriptions=defineWidget('Descriptions',(p,s)=>{
+  let items=p.items;if(!items){const supplied=s.default?.()||[];items=(Array.isArray(supplied)?supplied:[supplied]).flat(Infinity).filter(x=>x?.type===Descriptions.Item).map(x=>({...x.props,children:x.children}));}
+  const width=typeof window==='undefined'?1440:window.innerWidth,breakpoint=width<576?'xs':width<768?'sm':width<992?'md':width<1200?'lg':'xl';
+  const count=typeof p.column==='number'?p.column:p.column?.[breakpoint]||p.column?.md||p.column?.sm||3,rows=[];let current=[],used=0;
+  for(const item of items||[]){let span=item.span==='filled'?count-used:Math.min(count,Number(item.span)||1);if(used+span>count){rows.push(current);current=[];used=0;}current.push({...item,_span:span});used+=span;if(used===count){rows.push(current);current=[];used=0;}}if(current.length)rows.push(current);
+  return h('div',{...attrs(p),class:['ant-descriptions',p.bordered&&'ant-descriptions-bordered',p.size&&'ant-descriptions-'+p.size,p.class]},[p.title&&h('div',{class:'ant-descriptions-header'},h('div',{class:'ant-descriptions-title'},p.title)),h('div',{class:'ant-descriptions-view'},h('table',{},h('tbody',{},rows.map(row=>h('tr',{class:'ant-descriptions-row'},row.flatMap(item=>{const value=item.content??item.children,content=typeof value==='function'?value():value;return p.bordered?[h('th',{class:'ant-descriptions-item-label'},item.label),h('td',{class:'ant-descriptions-item-content',colspan:item._span*2-1},content)]:[h('td',{class:'ant-descriptions-item',colspan:item._span},h('div',{class:'ant-descriptions-item-container'},[h('span',{class:'ant-descriptions-item-label'},item.label),h('span',{class:'ant-descriptions-item-content'},content)]))];}))))))]);
+});
+Descriptions.Item=defineWidget('Descriptions.Item',(p,s)=>h(Fragment,{},s.default?.()));
+export const Tree=defineWidget('Tree',(p,s,ctx)=>{
+  const keys=Array.isArray(p.checkedKeys)?p.checkedKeys:p.checkedKeys?.checked||[],state=ctx.state(()=>({collapsed:new Set()}));
+  const descendants=node=>[node.key,...(node.children||[]).flatMap(descendants)];
+  const change=(node,checked)=>{const branch=descendants(node),next=checked?[...new Set([...keys,...branch])]:keys.filter(k=>!branch.includes(k));ctx.emit('update:checkedKeys',next);p.onCheck?.(next,{checked,node});};
+  const row=(node,level)=>{const collapsed=state.collapsed.has(node.key),all=descendants(node).filter(k=>k!==node.key),checked=keys.includes(node.key)||(all.length&&all.every(k=>keys.includes(k))),indeterminate=!checked&&all.some(k=>keys.includes(k));return h(Fragment,{},[h('div',{class:['ant-tree-treenode',node.disabled&&'ant-tree-treenode-disabled'],role:'treeitem','aria-expanded':node.children? !collapsed:undefined,style:{paddingInlineStart:level*24}},[h('span',{class:'ant-tree-switcher',onClick:()=>{if(state.collapsed.has(node.key))state.collapsed.delete(node.key);else state.collapsed.add(node.key);invalidate();}},node.children?h(collapsed?RightOutlined:DownOutlined):null),p.checkable&&h(Checkbox,{checked,indeterminate,disabled:p.disabled||node.disabled,'aria-label':typeof node.title==='string'?node.title:'选择权限', 'onUpdate:checked':v=>change(node,v)}),h('span',{class:'ant-tree-node-content-wrapper'},node.title)]),!collapsed&&(node.children||[]).map(n=>row(n,level+1))]);};
+  return h('div',{...attrs(p),class:['ant-tree',p.class],role:'tree'},(p.treeData||[]).map(n=>row(n,0)));
+});

package/skills/i3-ui-prototype/assets/templates/enterprise-admin/reference/runtime/router.js

@@ -0,0 +1,63 @@
+import { reactive, invalidate, currentOwner } from './state.js';
+
+let definitions = [], navigating = false, externalPending=false;
+const guards = new Set();
+const route = reactive({ path: '/workbench', params: {}, query: {}, matched: null });
+export function matchRoute(input, routes = definitions) {
+  const [pathname, search = ''] = input.replace(/^#/, '').split('?');
+  const path = pathname || '/';
+  for (const definition of routes) {
+    if (definition.path.includes('pathMatch')) continue;
+    const names = [];
+    const pattern = definition.path.replace(/:[A-Za-z0-9_]+/g, text => { names.push(text.slice(1)); return '([^/]+)'; });
+    const match = path.match(new RegExp('^' + pattern + '/?$'));
+    if (match) return { path, fullPath: path + (search ? '?' + search : ''), query: Object.fromEntries(new URLSearchParams(search)), params: Object.fromEntries(names.map((name, i) => [name, decodeURIComponent(match[i + 1])])), matched: definition };
+  }
+  return { path, params: {}, query: Object.fromEntries(new URLSearchParams(search)), matched: routes.find(r => r.path.includes('pathMatch')) || null };
+}
+function address(value) {
+  if (typeof value === 'string') return value.replace(/^#/, '');
+  const pathname = value.path || route.path;
+  const query = value.query || {};
+  const search = new URLSearchParams(Object.entries(query).filter(([, v]) => v !== undefined && v !== null).map(([k, v]) => [k, String(v)])).toString();
+  return pathname + (search ? '?' + search : '');
+}
+async function go(value, replace = false) {
+  const next = address(value), match = matchRoute(next);
+  if (match.path !== route.path) for (const guard of [...guards]) if (await guard(match, route) === false) return;
+  const changed=match.path!==route.path;navigating = true;
+  if (replace) history.replaceState(null, '', '#' + next); else if (location.hash !== '#' + next) history.pushState(null, '', '#' + next);
+  sync(); navigating = false;
+  if (changed) window.scrollTo(0, 0);
+  queueMicrotask(() => document.getElementById('main-content')?.focus({ preventScroll: true }));
+}
+async function externalNavigation(){
+  if(navigating||externalPending)return;
+  const requested=location.hash,match=matchRoute(requested);
+  if(match.path!==route.path&&guards.size){
+    externalPending=true;
+    history.replaceState(null,'','#'+(route.fullPath||route.path));
+    try{for(const guard of [...guards])if(await guard(match,route)===false)return;history.replaceState(null,'',requested);sync();}
+    finally{externalPending=false;}
+  }else sync();
+}
+function sync() {
+  let next = matchRoute(location.hash);
+  if (next.matched?.redirect) {
+    history.replaceState(null, '', '#' + next.matched.redirect);
+    next = matchRoute(next.matched.redirect);
+  }
+  Object.assign(route, next); invalidate();
+}
+export function installRoutes(routes) {
+  definitions = routes;
+  sync();
+  window.addEventListener('popstate', externalNavigation);
+  window.addEventListener('hashchange', externalNavigation);
+}
+export const useRoute = () => route;
+export const useRouter = () => ({ push: value => go(value), replace: value => go(value, true), back: () => history.back() });
+export function onBeforeRouteLeave(callback) {
+  guards.add(callback);
+  currentOwner()?.disposers.push(() => guards.delete(callback));
+}

package/skills/i3-ui-prototype/assets/templates/enterprise-admin/reference/runtime/state.js

@@ -0,0 +1,90 @@
+// Local prototype state; no framework, network or authentication dependency.
+const stores = new Map(), proxies = new WeakMap(), watchers = new Set();
+let owner = null, queued = false, rendering = () => {}, beforeWatches=()=>{};
+const plain = value => value && (Array.isArray(value) || Object.getPrototypeOf(value) === Object.prototype);
+const snapshot = value => { try { return JSON.stringify(value); } catch { return value; } };
+
+export function setRenderScheduler(callback) { rendering = callback; }
+export function setBeforeWatchFlush(callback) { beforeWatches = callback; }
+export const currentOwner = () => owner;
+export function withOwner(instance, callback) { const before = owner; owner = instance; try { return callback(); } finally { owner = before; } }
+export function invalidate() {
+  if (queued) return;
+  queued = true;
+  queueMicrotask(() => {
+    queued = false;
+    beforeWatches();
+    flushWatches();
+    rendering();
+  });
+}
+function flushWatches() {
+  for (let pass = 0; pass < 8; pass++) {
+    let changed = false;
+    for (const item of [...watchers]) {
+      if (!item.active) continue;
+      const value = item.read(), fingerprint = snapshot(value);
+      if (fingerprint !== item.fingerprint) {
+        const old = item.previous;
+        item.previous = value; item.fingerprint = fingerprint;
+        item.callback(value, old); changed = true;
+      }
+    }
+    if (!changed) break;
+  }
+}
+export function reactive(value) {
+  if (!plain(value)) return value;
+  if (proxies.has(value)) return proxies.get(value);
+  const proxy = new Proxy(value, {
+    get(target, key, receiver) { return reactive(Reflect.get(target, key, receiver)); },
+    set(target, key, next, receiver) {
+      const old = target[key]; const result = Reflect.set(target, key, next, receiver);
+      if (!Object.is(old, next)) invalidate();
+      return result;
+    },
+    deleteProperty(target, key) { const present = key in target; const result = Reflect.deleteProperty(target, key); if (present) invalidate(); return result; },
+  });
+  proxies.set(value, proxy); proxies.set(proxy, proxy);
+  return proxy;
+}
+export function ref(value) {
+  let current = reactive(value);
+  return { __ref: true, get value() { return current; }, set value(next) { const changed = !Object.is(current, next); current = reactive(next); if (changed) invalidate(); } };
+}
+export function shallowRef(value) {
+  let current = value;
+  return { __ref: true, get value() { return current; }, set value(next) { if (!Object.is(current, next)) { current = next; invalidate(); } } };
+}
+export function computed(input) {
+  const getter = typeof input === 'function' ? input : input.get;
+  return { __ref: true, get value() { return getter(); }, set value(value) { if (typeof input !== 'function') input.set?.(value); } };
+}
+export const unref = value => value?.__ref ? value.value : value;
+export function unwrap(data) {
+  return new Proxy(data, {
+    get(target, key) { if (key === Symbol.unscopables) return undefined; return unref(target[key]); },
+    set(target, key, value) { if (target[key]?.__ref) target[key].value = value; else target[key] = value; invalidate(); return true; },
+  });
+}
+export function watch(source, callback, options = {}) {
+  const read = () => Array.isArray(source) ? source.map(v => typeof v === 'function' ? v() : unref(v)) : typeof source === 'function' ? source() : unref(source);
+  const initial = read();
+  const item = { read, callback, previous: initial, fingerprint: snapshot(initial), active: true };
+  watchers.add(item);
+  const stop = () => { item.active = false; watchers.delete(item); };
+  owner?.disposers.push(stop);
+  if (options.immediate) callback(initial, undefined);
+  return stop;
+}
+export function defineStore(id, setup) {
+  return () => {
+    if (!stores.has(id)) stores.set(id, withOwner(null, () => unwrap(setup())));
+    return stores.get(id);
+  };
+}
+export const nextTick = callback => Promise.resolve().then(() => { flushWatches(); return callback?.(); });
+export const onMounted = callback => owner?.mounted.push(callback);
+export const onUpdated = callback => owner?.updated.push(callback);
+export const onBeforeUnmount = callback => owner?.disposers.push(callback);
+export const withDefaults = (props, defaults) => new Proxy(props, { get(target, key) { return target[key] === undefined ? defaults[key] : target[key]; } });

package/skills/i3-ui-prototype/assets/templates/enterprise-admin/reference/runtime/table.js

@@ -0,0 +1,41 @@
+import { h,defineWidget,Fragment } from './dom.js';
+import { ref,reactive,unref } from './state.js';
+import { Checkbox,Radio,Select,attrs,uid } from './controls.js';
+import { Empty } from './layout.js';
+import { LeftOutlined,RightOutlined,LoadingOutlined } from './icons.js';
+
+export const useTable=(options={})=>{const pageParam=reactive({current:1,pageSize:10,total:0,...options.pageParam});return {columns:ref(options.columns||[]),dataSource:ref([]),pageParam,setPageParam:partial=>Object.assign(pageParam,partial)};};
+export const Pagination=defineWidget('Pagination',(p,s,ctx)=>{
+  const total=p.total||0,size=p.pageSize||10,current=p.current||1,last=Math.max(1,Math.ceil(total/size)),pages=last<=7?Array.from({length:last},(_,i)=>i+1):[1,...(current>4?['…']:[]),...Array.from({length:Math.min(5,last-2)},(_,i)=>Math.min(Math.max(2,current-2),last-5)+i),...(current<last-3?['…']:[]),last];
+  const change=(page,perPage=size)=>{if(page<1||page>Math.max(1,Math.ceil(total/perPage)))return;ctx.emit('update:current',page);ctx.emit('update:pageSize',perPage);p.onChange?.(page,perPage);};
+  if(p.hideOnSinglePage&&last<=1)return null;
+  return h('ul',{...attrs(p),class:['ant-pagination',p.size==='small'&&'ant-pagination-small ant-pagination-mini',p.class]},[
+    p.showTotal&&h('li',{class:'ant-pagination-total-text'},p.showTotal(total,[(current-1)*size+1,Math.min(current*size,total)])),
+    h('li',{class:['ant-pagination-prev',current===1&&'ant-pagination-disabled'],title:'上一页'},h('button',{class:'ant-pagination-item-link',disabled:current===1,'aria-label':'上一页',onClick:()=>change(current-1)},h(LeftOutlined))),
+    pages.map(page=>h('li',{class:typeof page==='number'?['ant-pagination-item',page===current&&'ant-pagination-item-active']:'ant-pagination-jump-next',title:typeof page==='number'?String(page):undefined},typeof page==='number'?h('a',{role:'button',tabindex:0,'aria-label':'第 '+page+' 页','aria-current':page===current?'page':undefined,onClick:()=>change(page),onKeydown:e=>{if(e.key==='Enter')change(page);}},page):'•••')),
+    h('li',{class:['ant-pagination-next',current===last&&'ant-pagination-disabled'],title:'下一页'},h('button',{class:'ant-pagination-item-link',disabled:current===last,'aria-label':'下一页',onClick:()=>change(current+1)},h(RightOutlined))),
+    p.showSizeChanger&&h('li',{class:'ant-pagination-options'},h(Select,{value:size,size:p.size==='small'?'small':undefined,'aria-label':'每页条数',options:(p.pageSizeOptions||[10,20,50,100]).map(v=>({value:Number(v),label:v+' 条/页'})),onChange:v=>{p.onShowSizeChange?.(1,v);change(1,v);}})),
+  ]);
+});
+export const ProTable=defineWidget('ProTable',(p,s,ctx)=>{
+  const table=p.table,rows=unref(table.dataSource)||[],columns=unref(table.columns)||[],selection=p.rowSelection,page=table.pageParam,key=row=>typeof p.rowKey==='function'?p.rowKey(row):row[p.rowKey||'key'],selected=selection?.selectedRowKeys||[],enabled=rows.filter(r=>!selection?.getCheckboxProps?.(r)?.disabled),all=enabled.length>0&&enabled.every(r=>selected.includes(key(r)));
+  const change=keys=>selection?.onChange?.(keys,rows.filter(r=>keys.includes(key(r))));
+  const fixed=c=>c.fixed?{position:'sticky',insetInlineEnd:c.fixed==='right'||c.fixed==='end'?0:undefined,insetInlineStart:c.fixed==='left'||c.fixed==='start'?0:undefined,zIndex:2}:undefined;
+  const classCell=c=>['ant-table-cell',c.fixed&&'ant-table-cell-fix',c.fixed&&'ant-table-cell-fix-end'];
+  const cell=(column,row,index)=>{const value=Array.isArray(column.dataIndex)?column.dataIndex.reduce((v,k)=>v?.[k],row):row[column.dataIndex];return column.render?column.render(value,row,index):value;};
+  return h('div',{...attrs(p),class:['pro-table',p.class],style:p.style},[
+    (s.toolbar||s['button-bar'])&&h('div',{class:'pro-table_header'},[s['button-bar']&&h('div',{class:'pro-table_header_button-bar'},s['button-bar']()),s.toolbar&&h('div',{class:'pro-table_header_toolbar'},s.toolbar())]),
+    h('div',{class:'ant-table-wrapper ant-table-css-var pro-table_content'},h('div',{class:'ant-spin','aria-live':'polite','aria-busy':!!p.loading},[
+    p.loading&&h('div',{class:'native-table-loading',role:'status'},[h(LoadingOutlined),' 加载中…']),
+    h('div',{class:'ant-spin-container'},[
+      h('div',{class:['ant-table',p.size==='small'?'ant-table-small':'ant-table-medium','ant-table-css-var',p.scroll&&'ant-table-scroll-horizontal']},h('div',{class:'ant-table-container'},h('div',{class:'ant-table-content',style:{overflow:'auto hidden'}},h('table',{style:{width:p.scroll?.x||'100%',minWidth:'100%',tableLayout:'auto'}},[
+        h('colgroup',{},[selection&&h('col',{class:'ant-table-selection-col',style:{width:48}}),columns.map(c=>h('col',{style:{width:c.width}}))]),
+        h('thead',{class:'ant-table-thead'},h('tr',{},[selection&&h('th',{class:'ant-table-cell ant-table-selection-column',scope:'col'},selection.type==='radio'?'':(selection.columnTitle||((x)=>x))(h(Checkbox,{checked:all,disabled:!enabled.length,'aria-label':'全选当前页','onUpdate:checked':checked=>change(checked?[...new Set([...selected,...enabled.map(key)])]:selected.filter(k=>!enabled.some(r=>key(r)===k)))}))),columns.map(c=>h('th',{class:classCell(c),scope:'col',style:fixed(c)},c.title))])),
+        h('tbody',{class:'ant-table-tbody'},rows.length?rows.map((row,index)=>h('tr',{key:key(row),class:['ant-table-row ant-table-row-level-0',selected.includes(key(row))&&'ant-table-row-selected'],'data-row-key':key(row)},[selection&&h('td',{class:'ant-table-cell ant-table-selection-column'},(selection.renderCell||((_checked,_row,_index,node)=>node))(selected.includes(key(row)),row,index,h(selection.type==='radio'?Radio:Checkbox,{...selection.getCheckboxProps?.(row),name:uid(ctx.id),checked:selected.includes(key(row)),'aria-label':selection.getCheckboxProps?.(row)?.['aria-label']||'选择'+(row.name||row.title||row.code||key(row)),'onUpdate:checked':checked=>change(selection.type==='radio'?[key(row)]:checked?[...selected,key(row)]:selected.filter(k=>k!==key(row)))}))),columns.map(c=>h('td',{class:classCell(c),style:fixed(c)},cell(c,row,index)))])):h('tr',{class:'ant-table-placeholder'},h('td',{class:'ant-table-cell',colspan:columns.length+(selection?1:0)},p.locale?.emptyText||h(Empty,{description:'暂无数据'})))),
+      ])))),
+      p.pagination!==false&&h(Pagination,{...page,size:p.size==='large'?'default':'small',...p.pagination,class:'ant-table-pagination ant-table-pagination-end',onChange:(current,pageSize)=>{table.setPageParam({current,pageSize});p.onChange?.({current,pageSize});}}),
+      s.footer?.(),
+    ]),
+  ])),
+  ]);
+});

package/skills/i3-ui-prototype/assets/templates/enterprise-admin/reference/runtime/widgets.js

@@ -0,0 +1,8 @@
+export * from './controls.js';
+export * from './layout.js';
+export * from './forms.js';
+export * from './table.js';
+export * from './dialogs.js';
+import { h,defineWidget } from './dom.js';
+import { useRouter } from './router.js';
+export const RouterLink=defineWidget('RouterLink',(p,s)=>h('a',{...p,href:'#'+p.to,onClick:e=>{if(e.ctrlKey||e.metaKey||e.shiftKey||e.altKey)return;e.preventDefault();p.onClick?.(e);useRouter().push(p.to);}},s.default?.()));

package/skills/i3-ui-prototype/assets/templates/enterprise-admin/reference/src/agents/AgentDetail.html

@@ -0,0 +1,3 @@
+<!-- 来源：src/agents/AgentDetail.vue；HTML / 原生 DOM 绑定，不含 Vue 运行时。 -->
+<template data-component="Result" data-if="(!agent)" status="404" title="Agent 不存在或无权访问"><template data-slot="extra"><template data-component="Button" data-on-click="(router.push('/agents'))">返回列表</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('/agents'))">← 返回列表</template><div class="agent-title"><h1>{{ (agent.name) }}</h1><template data-component="Tag" data-bind-color="(agent.enabled ? 'green' : 'default')">{{ (agent.enabled ? '已启用' : '已停用') }}</template></div><p>{{ (agent.description || '暂无用途说明') }}</p></div><template data-component="Space" wrap=""><template data-component="Button" data-bind-disabled="(!can('agent:check'))" data-on-click="(check)">检查配置</template><template data-component="Button" data-bind-disabled="(!can('agent:status') || (!agent.enabled &amp;&amp; !!issues))" data-on-click="(toggle)">{{ (agent.enabled ? '停用 Agent' : '启用 Agent') }}</template><template data-component="Button" type="primary" data-bind-disabled="(!can('agent:edit') || agent.enabled)" data-on-click="(router.push('/agents/' + agent?.id + '/edit'))">编辑配置</template></template></div><template data-component="Alert" data-if="(error)" class="page-alert" type="error" data-bind-title="(error)" show-icon=""></template><template data-component="Alert" data-if="(issues)" class="page-alert" type="warning" show-icon="" data-bind-title="(issues + ' 项配置或授权待处理')" description="可保存配置；处理问题后才能启用。模型授权由有权成员在模型管理中配置。"><template data-slot="action"><template data-component="Button" data-on-click="(active = 'checks')">查看问题</template></template></template><div class="agent-meta-strip"><span>标识 <strong>{{ (agent.code) }}</strong></span><span>职责 <strong>{{ (duties.find(d =&gt; d.value === agent?.duty)?.label) }}</strong></span><span>项目 <strong>{{ (agent.project) }}</strong></span><span>租户 <strong>{{ (tenantLabel(agent.tenantId)) }}</strong></span><span>记录版本 <strong>v{{ (agent.recordVersion) }}</strong></span></div><section class="agent-panel"><template data-component="Tabs" data-model-active-key="(active)" data-bind-items="([{ key: 'config', label: '配置详情' }, { key: 'checks', label: '引用与检查' }, ...(can('agent:audit') ? [{ key: 'records', label: '操作记录' }] : [])])"></template><div data-if="(active === 'config')" class="agent-detail-grid"><div><h2>四要素配置</h2><div class="agent-detail-resource"><div class="agent-section-title"><span>01</span><h3>模型</h3></div><strong>{{ (model?.name || '未选择模型') }}</strong><p class="muted">{{ (model?.version ? '已发布 v' + model.version : '尚未发布') }} · {{ (model?.authorized ? '使用已授权' : '待使用授权') }}</p><p>模型凭据由平台统一托管。</p></div><div data-each="kind in (['prompt', 'skill', 'tool'])" data-bind-key="(kind)" class="agent-detail-resource"><div class="agent-section-title"><span>{{ (kind === 'prompt' ? '02' : kind === 'skill' ? '03' : '04') }}</span><h3>{{ (kind === 'prompt' ? '提示词预设' : kind === 'skill' ? '技能' : '工具白名单') }}</h3></div><template data-each="r in (resources.filter(r =&gt; r.kind === kind))" data-bind-key="(r.id)"><p><strong>{{ (r.name) }}</strong> <template data-component="Tag">{{ (r.version) }}</template></p><p class="muted">{{ (r.description) }}</p><p data-if="(kind === 'prompt')" class="agent-prompt">{{ (r.content) }}</p><p data-if="('allow' in r)" class="agent-allow"><span data-each="op in (r.allow)" data-bind-key="(op)">{{ (op) }}</span></p><small class="muted">{{ ('type' in r ? r.type + ' · ' : '') }}{{ (r.id) }}</small></template><p data-if="(!resources.some(r =&gt; r.kind === kind))" class="muted">未绑定可用资源</p></div><h3>运行边界</h3><p>记忆消息数：{{ (agent.memoryLimit) }} 条；连续工具调用上限：{{ (agent.toolLimit) }} 次。</p></div><template data-component="RecordMetadata" data-bind-record="(agent)" compact=""></template></div><div data-else-if="(active === 'checks')" class="agent-detail-grid"><section><h2>配置与资源检查</h2><template data-component="CheckResults" data-bind-items="(checks)"></template><template data-component="RouterLink" data-if="(session.can('model:grant', 'platform'))" to="/models">前往模型管理配置使用授权 →</template></section><section><h2>引用此 Agent 的流程</h2><div data-each="r in (agent.references)" data-bind-key="(r.name + ':' + r.version)" class="agent-resource"><div><strong>{{ (r.name) }}</strong><p>{{ (r.version) }} · 正在引用</p></div><template data-component="Tag">流程引用</template></div><p data-if="(!agent.references.length)" class="muted">当前没有流程模板引用。</p><p class="muted">删除前须处理草稿与发布版本中的引用；停用模板不会解除历史引用。</p><template data-component="Button" danger="" data-bind-disabled="(!can('agent:delete'))" data-on-click="(targets = [agent])">删除 Agent</template></section></div><section data-else-if="(active === 'records' &amp;&amp; can('agent:audit'))"><h2>操作记录</h2><p data-if="(!store.audit(agent).length)" class="muted">暂无操作记录。保存、启停、检查和删除操作将在此留痕。</p><ol class="agent-audit"><li data-each="entry in (store.audit(agent))" data-bind-key="(entry.id)"><strong>{{ (entry.action) }}</strong><span>{{ (entry.actor) }} · {{ (formatDate(entry.at)) }}</span><p>{{ (entry.detail) }}</p></li></ol></section></section><template data-component="ListDeleteDialog" data-if="(targets.length)" data-model-targets="(targets)" label="Agent" data-bind-check="(store.checkRemove)" data-bind-submit="(store.removeMany)" data-on-close="(targets = [])" data-on-deleted="targets = [];
+router.push('/agents');"></template></template>

package/skills/i3-ui-prototype/assets/templates/enterprise-admin/reference/src/agents/AgentDetail.js

@@ -0,0 +1,36 @@
+import { computed, ref } from '../../runtime/state.js';
+import { useRoute, useRouter } from "../../runtime/router.js";
+import { Alert, Button, Result, Space, Tabs, Tag, message } from "../../runtime/widgets.js";
+import { useAgents } from "./store.js";
+import { useSession } from "../shared/session.js";
+import { duties } from "./domain.js";
+import { formatDate, tenantLabel } from "../shared/policy.js";
+import { confirmAction } from "../shell/confirmation.js";
+import CheckResults from "./CheckResults.js";
+import RecordMetadata from "../shared/RecordMetadata.js";
+import ListDeleteDialog from "../shared/ListDeleteDialog.js";
+import { createComponent } from '../../runtime/dom.js';
+export default createComponent({ name: 'AgentDetail', propKeys: [], template: new URL('./AgentDetail.html', import.meta.url).href, setup(__props, __emit) {
+        const route = useRoute(), router = useRouter(), store = useAgents(), session = useSession(), active = ref(route.query.tab === 'records' ? 'records' : 'config'), error = ref(''), targets = ref([]);
+        const agent = computed(() => store.item(String(route.params.id))), checks = computed(() => agent.value ? store.checks(agent.value) : []), issues = computed(() => checks.value.filter(c => !c.ok).length), model = computed(() => agent.value ? store.choices(agent.value).find(m => m.id === agent.value.modelRef) : undefined);
+        const resources = computed(() => agent.value ? [agent.value.promptRef, ...agent.value.skillRefs, ...agent.value.tools.map(t => t.ref)].filter(Boolean).map(id => store.resources.find(r => r.id === id) || { id, name: '引用不可用', kind: 'unknown', version: '—', description: '资源已失效或不在可见范围', content: '' }) : []);
+        function can(action) { return !!agent.value && session.can(action, agent.value.tenantId, agent.value.pbcId); }
+        function check() { if (!agent.value)
+            return; try {
+            store.check(agent.value.id, agent.value.recordVersion);
+            active.value = 'checks';
+            message.info(issues.value ? issues.value + ' 项配置待处理' : '本地配置与引用检查通过');
+        }
+        catch (e) {
+            error.value = e.message;
+        } }
+        function toggle() { const a = agent.value; if (!a)
+            return; confirmAction({ title: (a.enabled ? '停用' : '启用') + a.name + '？', content: a.enabled ? '停用后可编辑配置；新任务不再使用此配置。' : '将重新检查资源与模型使用授权，全部通过后启用。', okText: a.enabled ? '确认停用' : '确认启用', cancelText: '取消', onOk: () => { try {
+                store.toggle(a.id, a.recordVersion);
+                message.success('Agent 状态已更新');
+            }
+            catch (e) {
+                error.value = e.message;
+            } } }); }
+        return { computed, ref, useRoute, useRouter, Alert, Button, Result, Space, Tabs, Tag, message, useAgents, useSession, duties, formatDate, tenantLabel, confirmAction, CheckResults, RecordMetadata, ListDeleteDialog, route, router, store, session, active, error, targets, agent, checks, issues, model, resources, can, check, toggle };
+    } });

package/skills/i3-ui-prototype/assets/templates/enterprise-admin/reference/src/agents/AgentEditor.html

@@ -0,0 +1,2 @@
+<!-- 来源：src/agents/AgentEditor.vue；HTML / 原生 DOM 绑定，不含 Vue 运行时。 -->
+<template data-component="Result" data-if="(!isNew &amp;&amp; !original)" status="404" title="Agent 不存在或无权访问"><template data-slot="extra"><template data-component="Button" data-on-click="(router.push('/agents'))">返回列表</template></template></template><template data-else=""><div class="page-heading"><div><template data-component="Button" class="agent-back" type="link" data-on-click="(router.push(original ? '/agents/' + original.id : '/agents'))">← 返回{{ (original ? '详情' : '列表') }}</template><h1>{{ (isNew ? '注册 Agent' : '配置 Agent') }}</h1><p>组合模型、提示词、技能与工具，明确 Agent 的工作职责。</p></div><template data-component="Space"><template data-component="Button" data-on-click="(router.push('/agents'))">取消</template><template data-component="Button" type="primary" data-bind-disabled="(!allowed)" data-bind-loading="(busy)" data-on-click="(save)">保存配置</template></template></div><template data-component="Alert" data-if="(!allowed)" class="page-alert" type="warning" show-icon="" data-bind-title="(original?.enabled ? 'Agent 已启用，请先停用后编辑' : '当前身份没有此项目的配置权限')"></template><template data-component="Alert" data-if="(error)" data-agent-error="" class="page-alert" type="error" show-icon="" data-bind-title="(error)" description="本次未提交，输入已保留。"></template><div class="agent-editor-layout"><div><section class="agent-panel"><h2>基本信息</h2><template data-component="Form" layout="vertical" data-bind-disabled="(!allowed || busy)"><div class="agent-form-grid"><template data-component="FormItem" label="Agent 名称" required=""><template data-component="Input" data-model-value="(data.name)" aria-label="Agent 名称" data-bind-maxlength="(60)" placeholder="例如：工单需求规划 Agent"></template></template><template data-component="FormItem" label="Agent 标识" required="" extra="同租户唯一，创建后不可修改。"><template data-component="Input" data-model-value="(data.code)" aria-label="Agent 标识" data-bind-maxlength="(48)" data-bind-disabled="(!isNew)" placeholder="例如：workorder-planner"></template></template><template data-component="FormItem" label="所属项目 / PBC" required=""><template data-component="Select" data-bind-value="(data.pbcId)" aria-label="所属项目 / PBC" data-bind-disabled="(!isNew)" data-bind-options="(store.projects.map(p =&gt; ({ value: p.id, label: p.name + ' · ' + tenantLabel(p.tenantId) })))" data-on-change="(project)"></template></template><template data-component="FormItem" label="Agent 职责" required="" extra="描述 Agent 执行的工作，不决定成员权限。"><template data-component="Select" data-model-value="(data.duty)" aria-label="Agent 职责" data-bind-options="(duties)"></template></template></div><template data-component="FormItem" label="用途说明"><template data-component="Input.TextArea" data-model-value="(data.description)" aria-label="用途说明" data-bind-rows="(2)" data-bind-maxlength="(400)" placeholder="说明它为哪个业务环节提供什么能力"></template></template></template></section><section class="agent-panel"><div class="agent-section-title"><span>01</span><h2>模型</h2></div><p class="muted">选择已登记模型。启用前需具备该项目与 Agent 的模型使用授权。</p><template data-component="Select" data-model-value="(data.modelRef)" class="full-width" aria-label="模型" placeholder="选择模型" data-bind-disabled="(!allowed)" data-bind-options="(models.filter(m =&gt; !m.deleted || m.id === data.modelRef).map(m =&gt; ({ value: m.id, label: m.name + (m.version ? ' · v' + m.version : ' · 未发布') + (!m.enabled ? ' · 已停用' : '') })))"></template><div data-if="(chosenModel)" class="agent-model-summary"><div><strong>{{ (chosenModel.name) }}</strong><template data-component="Tag" data-bind-color="(chosenModel.enabled &amp;&amp; chosenModel.version ? 'green' : 'default')">{{ (chosenModel.version ? '已发布 v' + chosenModel.version : '未发布') }}</template><template data-component="Tag" data-bind-color="(chosenModel.authorized ? 'blue' : 'orange')">{{ (chosenModel.authorized ? '使用已授权' : '待使用授权') }}</template></div><p>{{ (chosenModel.capabilities.join(' · ')) }}</p></div><p class="muted">模型凭据由平台托管。此处只引用模型配置。</p></section><section class="agent-panel"><div class="agent-section-title"><span>02</span><h2>提示词预设</h2></div><p class="muted">选择负责该职责的预设，查看具体指令与版本。</p><template data-component="ResourcePicker" kind="prompt" data-bind-values="(data.promptRef ? [data.promptRef] : [])" data-bind-resources="(store.resources)" data-bind-tenant-id="(data.tenantId)" data-bind-disabled="(!allowed)" data-on-change="(data.promptRef = $event[0] || '')"></template></section><section class="agent-panel"><div class="agent-section-title"><span>03</span><h2>技能</h2><template data-component="Tag">可选</template></div><p class="muted">按需组合技能，每项引用固定的示例资源版本。</p><template data-component="ResourcePicker" kind="skill" data-bind-values="(data.skillRefs)" data-bind-resources="(store.resources)" data-bind-tenant-id="(data.tenantId)" data-bind-disabled="(!allowed)" data-on-change="(data.skillRefs = $event)"></template></section><section class="agent-panel"><div class="agent-section-title"><span>04</span><h2>工具</h2><template data-component="Tag">可选</template></div><p class="muted">仅允许所选工具的声明操作；工具类型与资源引用一起保存。</p><template data-component="ResourcePicker" kind="tool" data-bind-values="(data.tools.map(t =&gt; t.ref))" data-bind-resources="(store.resources)" data-bind-tenant-id="(data.tenantId)" data-bind-disabled="(!allowed)" data-on-change="(toolRefs)"></template></section><section class="agent-panel"><h2>运行边界</h2><template data-component="Form" layout="vertical" data-bind-disabled="(!allowed)"><div class="agent-form-grid"><template data-component="FormItem" label="记忆消息数"><template data-component="InputNumber" data-model-value="(data.memoryLimit)" aria-label="记忆消息数" data-bind-min="(1)" data-bind-max="(200)" data-bind-precision="(0)"></template></template><template data-component="FormItem" label="连续工具调用上限"><template data-component="InputNumber" data-model-value="(data.toolLimit)" aria-label="连续工具调用上限" data-bind-min="(1)" data-bind-max="(50)" data-bind-precision="(0)"></template></template></div></template><p class="muted">示例默认值用于原型评审，正式运行参数随规格确认。</p></section></div><aside class="agent-check-panel"><section class="agent-panel"><h2>配置检查</h2><p class="muted">先保存配置，再启用。资源尚未准备齐全时，可保留为停用草稿。</p><template data-component="Tag" data-bind-color="(issues ? 'orange' : 'green')">{{ (issues ? issues + ' 项待处理' : '配置与引用检查通过') }}</template><template data-component="Button" class="agent-check-button" data-bind-disabled="(!session.can('agent:check', data.tenantId, data.pbcId))" data-on-click="(showCheck = true)">检查当前配置</template><template data-component="CheckResults" data-if="(showCheck)" data-bind-items="(checks)"></template><div data-else="" class="agent-outline"><p>模型：{{ (chosenModel?.name || '待选择') }}</p><p>提示词：{{ (data.promptRef ? '已选择' : '待选择') }}</p><p>技能：{{ (data.skillRefs.length) }} 项</p><p>工具：{{ (data.tools.length) }} 项</p></div></section></aside></div><div class="agent-save-bar"><span>{{ (dirty ? '有未保存的修改' : '保存后可在详情中检查并启用') }}</span><template data-component="Button" type="primary" data-bind-disabled="(!allowed)" data-bind-loading="(busy)" data-on-click="(save)">保存配置</template></div></template>

package/skills/i3-ui-prototype/assets/templates/enterprise-admin/reference/src/agents/AgentEditor.js

@@ -0,0 +1,51 @@
+import { computed, onBeforeUnmount, reactive, ref } from '../../runtime/state.js';
+import { onBeforeRouteLeave, useRoute, useRouter } from "../../runtime/router.js";
+import { Alert, Button, Form, FormItem, Input, InputNumber, Select, Space, Tag, Result, message } from "../../runtime/widgets.js";
+import { useAgents } from "./store.js";
+import { useSession } from "../shared/session.js";
+import { tenantLabel } from "../shared/policy.js";
+import { duties } from "./domain.js";
+import { confirmAction } from "../shell/confirmation.js";
+import ResourcePicker from "./ResourcePicker.js";
+import CheckResults from "./CheckResults.js";
+import { createComponent } from '../../runtime/dom.js';
+export default createComponent({ name: 'AgentEditor', propKeys: [], template: new URL('./AgentEditor.html', import.meta.url).href, setup(__props, __emit) {
+        const route = useRoute(), router = useRouter(), store = useAgents(), session = useSession();
+        const isNew = route.path === '/agents/new', original = isNew ? undefined : store.item(String(route.params.id));
+        const data = reactive(JSON.parse(JSON.stringify(original || store.blank())));
+        const start = JSON.stringify(data), saved = ref(false), error = ref(''), busy = ref(false), showCheck = ref(false);
+        const dirty = computed(() => !saved.value && JSON.stringify(data) !== start);
+        const allowed = computed(() => session.can('agent:edit', data.tenantId, data.pbcId) && !original?.enabled && (isNew || !!original));
+        const models = computed(() => store.choices(data)), chosenModel = computed(() => models.value.find(m => m.id === data.modelRef)), checks = computed(() => store.checks(data)), issues = computed(() => checks.value.filter(c => !c.ok).length);
+        function project(value) { const p = store.projects.find(p => p.id === String(value)); if (p) {
+            data.pbcId = p.id;
+            data.project = p.resourceKey || p.name;
+            data.tenantId = p.tenantId;
+        } }
+        function toolRefs(ids) { data.tools = ids.map(ref => ({ ref, type: store.resources.find(r => r.id === ref)?.type || 'MCP' })); }
+        async function save() { if (busy.value)
+            return; error.value = ''; busy.value = true; try {
+            const id = store.save(data, isNew);
+            saved.value = true;
+            message.success('Agent 配置已保存');
+            await router.push('/agents/' + id);
+        }
+        catch (e) {
+            error.value = e.message;
+            showCheck.value = true;
+            await new Promise(r => requestAnimationFrame(r));
+            document.querySelector('[data-agent-error]')?.scrollIntoView({ block: 'center' });
+        }
+        finally {
+            busy.value = false;
+        } }
+        onBeforeRouteLeave(() => { if (!dirty.value || saved.value)
+            return true; return new Promise(resolve => confirmAction({ title: '放弃未保存的配置？', content: '本次修改尚未保存，离开后不会改变已有 Agent。', okText: '放弃修改', cancelText: '继续编辑', onOk: () => resolve(true), onCancel: () => resolve(false) })); });
+        function unload(e) { if (dirty.value) {
+            e.preventDefault();
+            e.returnValue = '';
+        } }
+        window.addEventListener('beforeunload', unload);
+        onBeforeUnmount(() => window.removeEventListener('beforeunload', unload));
+        return { computed, onBeforeUnmount, reactive, ref, onBeforeRouteLeave, useRoute, useRouter, Alert, Button, Form, FormItem, Input, InputNumber, Select, Space, Tag, Result, message, useAgents, useSession, tenantLabel, duties, confirmAction, ResourcePicker, CheckResults, route, router, store, session, isNew, original, data, start, saved, error, busy, showCheck, dirty, allowed, models, chosenModel, checks, issues, project, toolRefs, save, unload };
+    } });

package/skills/i3-ui-prototype/assets/templates/enterprise-admin/reference/src/agents/AgentsPage.html

@@ -0,0 +1,3 @@
+<!-- 来源：src/agents/AgentsPage.vue；HTML / 原生 DOM 绑定，不含 Vue 运行时。 -->
+<div class="page-heading"><div><h1>Agent 注册表</h1><p>管理交付流程所需的 Agent，组合模型、提示词、技能与工具。</p></div><template data-component="Button" type="primary" data-bind-disabled="(!session.can('agent:edit'))" data-on-click="(router.push('/agents/new'))">注册 Agent</template></div><div class="agent-overview"><span>共 <strong>{{ (store.records.length) }}</strong> 个 Agent</span><span>已启用 <strong>{{ (store.records.filter(a =&gt; a.enabled).length) }}</strong></span><span>待完善 <strong>{{ (store.records.filter(a =&gt; status(a) === '待完善').length) }}</strong></span><span class="muted">可用配置供流程模板引用</span></div><section class="auth-list"><div class="auth-filters"><template data-component="Input" data-model-value="(query)" aria-label="搜索 Agent" placeholder="搜索名称、标识或用途" allow-clear=""></template><template data-component="Select" data-model-value="(duty)" aria-label="职责筛选" data-bind-options="([{ value: 'all', label: '全部职责' }, ...duties])"></template><template data-component="Select" data-model-value="(project)" aria-label="项目筛选" data-bind-options="([{ value: 'all', label: '全部可见项目' }, ...projects.map(p =&gt; ({ value: p, label: p }))])"></template><template data-component="Select" data-model-value="(state)" aria-label="Agent 状态筛选" data-bind-options="([{ value: 'all', label: '全部状态' }, ...['已启用', '已停用', '待完善', '已启用 · 资源异常'].map(s =&gt; ({ value: s, label: s }))])"></template><template data-component="Button" data-on-click="(reset)">重置</template></div><div class="auth-tools"><template data-component="ListBatchBar" data-bind-count="(selection.selected.value.length)" data-bind-allowed="(canDelete)" data-on-remove="(targets = selection.selected.value)" data-on-clear="(selection.clear)"></template><template data-component="Space" wrap=""><template data-component="Button" data-on-click="(desc = !desc)">时间{{ (desc ? '倒序' : '正序') }}</template><template data-component="Button" data-bind-loading="(refreshing)" data-on-click="(refresh)">刷新</template><template data-component="ColumnSettings" data-bind-preferences="(prefs)"></template></template></div><template data-component="Alert" data-if="(error)" class="page-alert" type="error" show-icon="" data-bind-title="(error)" closable="" data-on-close="(error = '')"></template><template data-component="Alert" data-if="(store.scene === 'error')" type="error" show-icon="" title="Agent 列表加载失败" description="请重试，现有配置保持不变。"><template data-slot="action"><template data-component="Button" data-on-click="(refresh)">重试</template></template></template><template data-else=""><template data-component="ProTable" data-bind-table="(table)" data-bind-search="(async () =&gt; { })" data-bind-control="(false)" data-bind-table-container="(false)" row-key="id" data-bind-loading="(refreshing)" data-bind-row-selection="(selection.rowSelection.value)" data-bind-scroll="({ x: 'max-content' })" data-bind-pagination="({ showTotal: (n) =&gt; '共 ' + n + ' 项', showSizeChanger: true, pageSizeOptions: [5, 10, 20] })"></template><p data-if="(!filtered.length)" class="muted">没有符合条件的 Agent。可调整筛选，或注册新的 Agent。</p></template></section><template data-component="ListDeleteDialog" data-if="(targets.length)" data-model-targets="(targets)" label="Agent" data-bind-check="(store.checkRemove)" data-bind-submit="(store.removeMany)" data-on-close="(targets = [])" data-on-deleted="targets = [];
+selection.clear();"></template>

package/skills/i3-ui-prototype/assets/templates/enterprise-admin/reference/src/agents/AgentsPage.js

@@ -0,0 +1,48 @@
+import { computed, ref, watch } from '../../runtime/state.js';
+import { h } from '../../runtime/dom.js';
+import { useRouter } from "../../runtime/router.js";
+import { Alert, Button, Input, Select, Space, Tag, message } from "../../runtime/widgets.js";
+import { ProTable, useTable } from "../../runtime/widgets.js";
+import { useAgents } from "./store.js";
+import { useSession } from "../shared/session.js";
+import { duties } from "./domain.js";
+import { formatDate, tenantLabel } from "../shared/policy.js";
+import { useColumns } from "../shared/columns.js";
+import { useListSelection } from "../shared/listSelection.js";
+import ListMore from "../shared/ListMore.js";
+import ColumnSettings from "../shared/ColumnSettings.js";
+import ListBatchBar from "../shared/ListBatchBar.js";
+import ListDeleteDialog from "../shared/ListDeleteDialog.js";
+import { confirmAction } from "../shell/confirmation.js";
+import { createComponent } from '../../runtime/dom.js';
+export default createComponent({ name: 'AgentsPage', propKeys: [], template: new URL('./AgentsPage.html', import.meta.url).href, setup(__props, __emit) {
+        const store = useAgents(), session = useSession(), router = useRouter(), query = ref(''), state = ref('all'), duty = ref('all'), project = ref('all'), desc = ref(true), refreshing = ref(false), targets = ref([]), error = ref('');
+        const prefs = useColumns('agents', [{ key: 'name', label: 'Agent 名称', locked: true }, { key: 'duty', label: '职责', defaultVisible: true }, { key: 'project', label: '所属项目', defaultVisible: true }, { key: 'status', label: '状态', defaultVisible: true }, { key: 'createdBy', label: '创建人', defaultVisible: true }, { key: 'createdAt', label: '创建时间', defaultVisible: true }, { key: 'code', label: 'Agent 标识' }, { key: 'tenantId', label: '所属租户' }, { key: 'createdDept', label: '创建部门' }, { key: 'updatedBy', label: '修改人' }, { key: 'updatedAt', label: '修改时间' }, { key: 'recordVersion', label: '记录版本' }, { key: 'actions', label: '操作', locked: true }]);
+        const canDelete = computed(() => session.can('agent:delete')), projects = computed(() => [...new Set(store.records.map(a => a.project))]);
+        function status(a) { const issues = store.checks(a).some(c => !c.ok); return a.enabled ? (issues ? '已启用 · 资源异常' : '已启用') : issues ? '待完善' : '已停用'; }
+        function toggle(a) { confirmAction({ title: (a.enabled ? '停用' : '启用') + a.name + '？', content: a.enabled ? '停用后不再作为新任务的可用配置。' : '启用前将重新检查配置与模型使用授权。', okText: a.enabled ? '确认停用' : '确认启用', cancelText: '取消', onOk: () => { try {
+                store.toggle(a.id, a.recordVersion);
+                message.success('Agent 状态已更新');
+            }
+            catch (e) {
+                error.value = e.message;
+            } } }); }
+        function action(key, a) { if (key === 'delete')
+            targets.value = [a];
+        else if (key === 'toggle')
+            toggle(a);
+        else
+            router.push('/agents/' + a.id + (key === 'edit' ? '/edit' : key === 'audit' ? '?tab=records' : '')); }
+        function actions(a) { const editable = session.can('agent:edit', a.tenantId, a.pbcId); return h('div', { class: 'row-actions' }, [h(Button, { type: 'link', disabled: !editable || a.enabled, onClick: () => action('edit', a) }, () => '配置'), h(ListMore, { name: a.name, items: [{ key: 'detail', label: '查看详情' }, { key: 'edit', label: '编辑配置', disabled: !editable || a.enabled }, { key: 'toggle', label: a.enabled ? '停用 Agent' : '启用 Agent', disabled: !session.can('agent:status', a.tenantId, a.pbcId) || (!a.enabled && store.checks(a).some(c => !c.ok)) }, { key: 'audit', label: '操作记录', disabled: !session.can('agent:audit', a.tenantId, a.pbcId) }, { key: 'delete', label: '删除 Agent', danger: true, disabled: !session.can('agent:delete', a.tenantId, a.pbcId) }], onAction: (k) => action(k, a) })]); }
+        const table = useTable({ pageParam: { current: 1, pageSize: 5, total: 0 }, columns: prefs.choices.map(c => ({ key: c.key, title: c.label, dataIndex: c.key, width: c.key === 'name' ? 220 : c.key === 'actions' ? 145 : c.key === 'duty' ? 110 : c.key === 'createdBy' ? 100 : c.key === 'createdAt' ? 175 : 130, fixed: c.key === 'actions' ? 'right' : undefined, ...(c.key === 'name' ? { render: (_, r) => h('div', [h(Button, { type: 'link', class: 'agent-name', onClick: () => router.push('/agents/' + r.id) }, () => String(r.name)), h('small', { class: 'agent-code' }, () => String(r.code))]) } : c.key === 'actions' ? { render: (_, r) => actions(r) } : c.key === 'status' ? { render: (_, r) => h(Tag, { color: status(r) === '已启用' ? 'green' : status(r) === '已停用' ? 'default' : 'orange' }, () => status(r)) } : c.key === 'duty' ? { render: (v) => duties.find(d => d.value === v)?.label } : c.key === 'tenantId' ? { render: (v) => tenantLabel(String(v)) } : c.key.endsWith('At') ? { render: (v) => formatDate(String(v)) } : {}) })) });
+        const columns = new Map(table.columns.value.map(c => [c.key, c]));
+        watch(prefs.keys, keys => table.columns.value = keys.map(k => columns.get(k)).filter(Boolean), { immediate: true });
+        const filtered = computed(() => store.scene === 'empty' ? [] : store.records.filter(a => (a.name + a.code + a.description).toLowerCase().includes(query.value.trim().toLowerCase()) && (duty.value === 'all' || a.duty === duty.value) && (project.value === 'all' || a.project === project.value) && (state.value === 'all' || status(a) === state.value)).sort((a, b) => desc.value ? b.createdAt.localeCompare(a.createdAt) : a.createdAt.localeCompare(b.createdAt)));
+        watch([filtered, () => table.pageParam.current, () => table.pageParam.pageSize], () => { const size = table.pageParam.pageSize || 5, max = Math.max(1, Math.ceil(filtered.value.length / size)); if ((table.pageParam.current || 1) > max)
+            table.setPageParam({ current: max }); const start = ((table.pageParam.current || 1) - 1) * size; table.dataSource.value = filtered.value.slice(start, start + size); table.setPageParam({ total: filtered.value.length }); }, { immediate: true });
+        const selection = useListSelection(table.dataSource, computed(() => JSON.stringify([session.key, query.value, state.value, duty.value, project.value, desc.value, table.pageParam.current, table.pageParam.pageSize])), canDelete, a => a.name);
+        watch([query, state, duty, project], () => table.setPageParam({ current: 1 }));
+        async function refresh() { selection.clear(); refreshing.value = true; await new Promise(r => setTimeout(r, 250)); store.scene = 'normal'; refreshing.value = false; }
+        function reset() { query.value = ''; state.value = 'all'; duty.value = 'all'; project.value = 'all'; }
+        return { computed, ref, watch, h, useRouter, Alert, Button, Input, Select, Space, Tag, message, ProTable, useTable, useAgents, useSession, duties, formatDate, tenantLabel, useColumns, useListSelection, ListMore, ColumnSettings, ListBatchBar, ListDeleteDialog, confirmAction, store, session, router, query, state, duty, project, desc, refreshing, targets, error, prefs, canDelete, projects, status, toggle, action, actions, table, columns, filtered, selection, refresh, reset };
+    } });

package/skills/i3-ui-prototype/assets/templates/enterprise-admin/reference/src/agents/CheckResults.html

@@ -0,0 +1,2 @@
+<!-- 来源：src/agents/CheckResults.vue；HTML / 原生 DOM 绑定，不含 Vue 运行时。 -->
+<ul class="agent-checks" aria-label="配置检查结果"><li data-each="c in (items)" data-bind-key="(c.key)"><div><strong>{{ (c.label) }}</strong><template data-component="Tag" data-bind-color="(c.ok ? 'green' : 'orange')">{{ (c.ok ? '通过' : '待处理') }}</template></div><p>{{ (c.detail) }}</p></li></ul><p class="muted">当前为本地配置与引用检查，不代表真实连接、静态安全扫描或运行验收通过。</p>

package/skills/i3-ui-prototype/assets/templates/enterprise-admin/reference/src/agents/CheckResults.js

@@ -0,0 +1,6 @@
+import { Tag } from "../../runtime/widgets.js";
+import { createComponent } from '../../runtime/dom.js';
+export default createComponent({ name: 'CheckResults', propKeys: ["items"], template: new URL('./CheckResults.html', import.meta.url).href, setup(__props, __emit) {
+        __props;
+        return { Tag };
+    } });

package/skills/i3-ui-prototype/assets/templates/enterprise-admin/reference/src/agents/ResourcePicker.html

@@ -0,0 +1,2 @@
+<!-- 来源：src/agents/ResourcePicker.vue；HTML / 原生 DOM 绑定，不含 Vue 运行时。 -->
+<template data-component="Select" class="full-width" data-bind-value="(kind === 'prompt' ? values[0] : values)" data-bind-mode="(kind === 'prompt' ? undefined : 'multiple')" data-bind-aria-label="(title)" data-bind-placeholder="('选择' + title)" data-bind-options="(options)" data-bind-disabled="(disabled)" allow-clear="" show-search="" data-bind-filter-option="((q, o) =&gt; String(o?.label).toLowerCase().includes(q.toLowerCase()))" data-on-change="(change)"></template><div class="agent-resources"><div data-each="r in (selected)" data-bind-key="(r.id)" class="agent-resource"><div><strong>{{ (r.name) }}</strong><template data-component="Tag">{{ (r.type || title) }} · {{ (r.version) }}</template><p>{{ (r.description) }}</p><div data-if="(r.allow)" class="agent-allow"><span data-each="a in (r.allow)" data-bind-key="(a)">{{ (a) }}</span></div></div><template data-component="Button" type="link" data-bind-aria-label="('查看' + r.name)" data-on-click="(shown = r)">查看</template></div></div><template data-component="Modal" data-bind-open="(!!shown)" data-bind-title="(shown?.name)" data-bind-footer="(null)" data-bind-width="(640)" data-on-cancel="(shown = undefined)"><template data-if="(shown)"><p class="muted">{{ (shown.version) }} · {{ (shown.state === 'ready' ? '可用' : '不可用') }}</p><p class="agent-prompt">{{ (shown.content) }}</p><p data-if="(shown.type)">绑定类型：{{ (shown.type) }}</p><p class="muted">资源引用：{{ (shown.id) }}</p><p data-if="(shown.allow)">允许操作：{{ (shown.allow.join('、')) }}</p></template></template>

package/skills/i3-ui-prototype/assets/templates/enterprise-admin/reference/src/agents/ResourcePicker.js

@@ -0,0 +1,13 @@
+import { computed, ref } from '../../runtime/state.js';
+import { Button, Modal, Select, Tag } from "../../runtime/widgets.js";
+import { createComponent } from '../../runtime/dom.js';
+export default createComponent({ name: 'ResourcePicker', propKeys: ["kind", "values", "resources", "tenantId", "disabled"], template: new URL('./ResourcePicker.html', import.meta.url).href, setup(__props, __emit) {
+        const props = __props;
+        const emit = __emit;
+        const shown = ref();
+        const title = computed(() => props.kind === 'prompt' ? '提示词预设' : props.kind === 'skill' ? '技能' : '工具');
+        const options = computed(() => props.resources.filter(r => r.kind === props.kind).map(r => ({ value: r.id, label: r.name + ' · ' + r.version + (r.state !== 'ready' ? ' · 已停用' : !r.tenantIds.includes('*') && !r.tenantIds.includes(props.tenantId) ? ' · 超出范围' : ''), disabled: r.state !== 'ready' || (!r.tenantIds.includes('*') && !r.tenantIds.includes(props.tenantId)) })));
+        const selected = computed(() => props.values.map(id => props.resources.find(r => r.id === id) || { id, name: '引用不可用', kind: props.kind, version: '—', state: 'disabled', tenantIds: [], description: '资源已失效或无权查看', content: '' }));
+        function change(value) { emit('change', Array.isArray(value) ? value : value ? [String(value)] : []); }
+        return { computed, ref, Button, Modal, Select, Tag, props, emit, shown, title, options, selected, change };
+    } });

package/skills/i3-ui-prototype/assets/templates/enterprise-admin/reference/src/agents/data.js

@@ -0,0 +1,24 @@
+import { actors, metadata } from "../shared/policy.js";
+export const resourceCatalog = [
+    { id: 'prompt-demand-v2', name: '需求澄清与规格整理', kind: 'prompt', version: 'v2', state: 'ready', tenantIds: ['*'], description: '把业务诉求整理成可确认的需求与验收条件。', content: '先明确业务目标、参与者和边界，再列出尚未解决的问题。根据已确认的意图生成规格草稿，逐条保留需求来源与验收条件。\n\n不得把自己的建议当作用户确认。涉及确认、发布和授权的动作，交由受控流程执行。' },
+    { id: 'prompt-code-v1', name: '契约驱动编码', kind: 'prompt', version: 'v1', state: 'ready', tenantIds: ['*'], description: '依据已确认规格和契约实现任务。', content: '读取规格、设计和任务清单。按任务实现并运行必要检查，保留修改与证据。遇到缺少确认的需求，返回待决项。' },
+    { id: 'prompt-review-v1', name: '独立质量评审', kind: 'prompt', version: 'v1', state: 'ready', tenantIds: ['*'], description: '按产物与契约进行独立检查。', content: '基于输入产物与验收契约检查缺陷，说明位置、影响和证据。不得以实现者的成功声明替代验证。' },
+    { id: 'prompt-retired', name: '旧版通用预设', kind: 'prompt', version: 'v1', state: 'disabled', tenantIds: ['*'], description: '已停用，保留历史引用。', content: '此版本已停用，请选择新预设。' },
+    { id: 'skill-spec-v1', name: '规格编写', kind: 'skill', version: 'v1', state: 'ready', tenantIds: ['*'], description: 'i3-prototype-antdv-spec-writing · 整理需求与验收条件', content: '输出结构化需求、边界、例外和可核验的验收条件。' },
+    { id: 'skill-contract-v1', name: '接口契约检查', kind: 'skill', version: 'v1', state: 'ready', tenantIds: ['*'], description: 'i3-prototype-antdv-contract-check · 检查接口一致性', content: '检查输入输出、错误与版本兼容性，给出可定位的差异。' },
+    { id: 'skill-test-v1', name: '测试设计', kind: 'skill', version: 'v1', state: 'ready', tenantIds: ['*'], description: 'i3-prototype-antdv-test-design · 设计关键测试场景', content: '覆盖正常、失败、状态转换和授权边界，输出测试设计。' },
+    { id: 'skill-north-v1', name: '能源业务词汇', kind: 'skill', version: 'v1', state: 'ready', tenantIds: ['north'], description: '北方能源专用资源', content: '用于北方能源业务术语对齐。' },
+    { id: 'mcp-gitlab-read-v1', name: 'GitLab 资料读取', kind: 'tool', type: 'MCP', version: 'v1', state: 'ready', tenantIds: ['*'], description: '读取规格、议题和仓库文件。', content: '只读取当前项目已授权的资料；不提供合并、删除或发布操作。', allow: ['read_issue', 'read_repository_file'] },
+    { id: 'http-contract-v1', name: '接口契约查询', kind: 'tool', type: 'HTTP', version: 'v1', state: 'ready', tenantIds: ['*'], description: '查询已登记的接口契约。', content: '仅检索项目接口契约，不允许任意地址访问。', allow: ['get_contract'] },
+    { id: 'mcp-legacy-v1', name: '旧版文档服务', kind: 'tool', type: 'MCP', version: 'v1', state: 'disabled', tenantIds: ['*'], description: '服务已停用', content: '此服务已停用。', allow: ['read_document'] },
+];
+export function seedAgents() {
+    const names = ['需求规划 Agent', '研发编码 Agent', '质量评审 Agent', '测试验证 Agent', '接口设计 Agent', '知识整理 Agent'];
+    return names.map((name, i) => ({ ...metadata(actors[0], new Date(Date.UTC(2026, 8, 10, 9, 5 - i)).toISOString(), i === 5 ? 'north' : 'heating'),
+        id: 'agent-' + i, name, code: ['demand-planner', 'code-worker', 'quality-reviewer', 'test-designer', 'api-designer', 'knowledge-editor'][i],
+        description: ['面向供热工单，澄清业务诉求并整理需求规格。', '依据已确认契约完成研发任务。', '对交付产物进行独立质量评审。', '设计测试与验收场景。', '整理服务接口与数据边界。', '梳理知识助手的内容与术语。'][i],
+        duty: ['planner', 'coder', 'reviewer', 'tester', 'designer', 'planner'][i], pbcId: i === 5 ? 'pbc-6' : 'pbc-0', project: i === 5 ? '巡检管理' : '供热工单', grantKey: name,
+        modelRef: i === 4 ? 'demo-2' : i === 3 ? 'demo-6' : 'demo-1', promptRef: i === 1 ? 'prompt-code-v1' : i === 2 ? 'prompt-review-v1' : 'prompt-demand-v2',
+        skillRefs: [i === 3 ? 'skill-test-v1' : i === 4 ? 'skill-contract-v1' : 'skill-spec-v1'], tools: [{ type: 'MCP', ref: 'mcp-gitlab-read-v1' }], memoryLimit: 40, toolLimit: 10,
+        enabled: i === 0 || i === 1 || i === 2, references: [], }));
+}