create-yss-spec 3.5.3 → 3.5.4

package/template/.agents/skills/yss-prototype-stage/assets/vue-business-patterns/ComponentStates.vue

@@ -0,0 +1,41 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Badge } from '@/components/ui/badge'
+import { Checkbox } from '@/components/ui/checkbox'
+import { Textarea } from '@/components/ui/textarea'
+import { Tabs, TabsList, TabsTrigger, TabsContent } from '@/components/ui/tabs'
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from '@/components/ui/dialog'
+import { Table, TableHeader, TableHead, TableBody, TableRow, TableCell } from '@/components/ui/table'
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from '@/components/ui/card'
+import { Separator } from '@/components/ui/separator'
+import { Field, FieldLabel, FieldDescription, FieldError } from '@/components/ui/field'
+import { InputGroup, InputGroupInput, InputGroupAddon, InputGroupButton, InputGroupText } from '@/components/ui/input-group'
+import { Alert, AlertTitle, AlertDescription } from '@/components/ui/alert'
+import { Empty, EmptyHeader, EmptyTitle, EmptyDescription } from '@/components/ui/empty'
+import { Skeleton } from '@/components/ui/skeleton'
+import { Spinner } from '@/components/ui/spinner'
+import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription, SheetFooter, SheetClose } from '@/components/ui/sheet'
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '@/components/ui/dropdown-menu'
+import { Tooltip, TooltipProvider, TooltipTrigger, TooltipContent } from '@/components/ui/tooltip'
+import { Pagination, PaginationContent, PaginationPrevious, PaginationNext } from '@/components/ui/pagination'
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@/components/ui/select'
+import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from '@/components/ui/alert-dialog'
+import Notice from './Notice.vue'
+import CombinedQuery from './CombinedQuery.vue'
+import controlsSource from './combined-query.scenarios.json'
+const controlsScene={id:'primary',data:controlsSource.scenarios[0].initial_data}
+defineProps<{scene:any}>()
+const value=ref(''),note=ref(''),checked=ref(false),choice=ref('normal'),dialog=ref(false),sheet=ref(false),message=ref(''),page=ref(1),invalid=ref(false)
+let origin:HTMLElement|null=null
+function validate(){if(!value.value.trim()){invalid.value=true;document.getElementById('catalog-input')?.focus()}else message.value='字段演示完成'}
+function open(mode:string,e:Event){origin=e.currentTarget as HTMLElement;if(mode==='sheet')sheet.value=true;else dialog.value=true}
+function returnFocus(e:Event){e.preventDefault();origin?.focus()}
+</script>
+<template><TooltipProvider :delay-duration="0"><Notice>27 个固定来源组件；仅用于主题、组件状态与键盘检查。场景重置清除所有临时状态。</Notice><div class="catalog-grid"><Card><CardHeader><CardTitle>字段、输入与反馈</CardTitle><CardDescription>Field / InputGroup / Input / Label / Textarea / Checkbox / Select</CardDescription></CardHeader><CardContent><Field :data-invalid="invalid"><FieldLabel for="catalog-input">资料标记</FieldLabel><InputGroup><InputGroupInput id="catalog-input" v-model="value" :aria-invalid="invalid" :aria-describedby="invalid?'catalog-help catalog-error':'catalog-help'" @update:model-value="invalid=false"/><InputGroupAddon align="inline-end"><InputGroupButton aria-label="清除资料标记" @click="value=''">清除</InputGroupButton><InputGroupText>演示</InputGroupText></InputGroupAddon></InputGroup><FieldDescription id="catalog-help">输入本地演示值，检查附加按钮和边框。</FieldDescription><FieldError v-if="invalid" id="catalog-error">请输入资料标记</FieldError></Field><div class="toolbar"><Button @click="validate">验证字段</Button><Button disabled>禁用操作</Button></div><Label for="disabled-input">禁用输入</Label><Input id="disabled-input" model-value="无可编辑权限" disabled/><Label for="catalog-note">多行说明</Label><Textarea id="catalog-note" v-model="note"/><Label for="catalog-select">展示状态</Label><Select v-model="choice"><SelectTrigger id="catalog-select"><SelectValue/></SelectTrigger><SelectContent><SelectItem value="normal">普通</SelectItem><SelectItem value="selected">选中</SelectItem><SelectItem value="disabled" disabled>禁用选项</SelectItem></SelectContent></Select><div class="toolbar"><Checkbox id="catalog-check" v-model="checked"/><Label for="catalog-check">选中演示</Label><Badge variant="secondary">{{checked?'已选中':'未选中'}}</Badge></div></CardContent></Card>
+<Card><CardHeader><CardTitle>浮层与操作</CardTitle><CardDescription>Sheet / Dialog / AlertDialog / DropdownMenu / Tooltip</CardDescription></CardHeader><CardContent><div class="toolbar"><Button variant="outline" @click="e=>open('sheet',e)">打开详情侧栏</Button><Button variant="outline" @click="e=>open('dialog',e)">打开对话框</Button><DropdownMenu><DropdownMenuTrigger as-child><Button variant="outline">更多操作</Button></DropdownMenuTrigger><DropdownMenuContent><DropdownMenuItem @select="message='菜单演示完成'">执行本地演示</DropdownMenuItem><DropdownMenuItem disabled>导出（未模拟）</DropdownMenuItem></DropdownMenuContent></DropdownMenu><Tooltip><TooltipTrigger as-child><Button variant="outline">帮助说明</Button></TooltipTrigger><TooltipContent>提示补充说明，关键操作无需依赖提示。</TooltipContent></Tooltip><AlertDialog><AlertDialogTrigger as-child><Button variant="outline">确认动作演示</Button></AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>确认完成本地演示？</AlertDialogTitle><AlertDialogDescription>不会改变真实资料；取消保留当前输入。</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>取消</AlertDialogCancel><AlertDialogAction @click="message='确认演示完成'">确认演示</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog></div><Notice v-if="message">{{message}}</Notice><Separator/><Alert><AlertTitle>持续反馈</AlertTitle><AlertDescription>错误与权限原因必须保留在页面，不仅使用浮层。</AlertDescription></Alert><div role="status" class="loading-example"><Spinner aria-hidden="true"/>正在加载（固定评审状态）<Skeleton class="skeleton-line"/><Skeleton class="skeleton-line"/></div><Empty><EmptyHeader><EmptyTitle>暂无符合条件的资料</EmptyTitle><EmptyDescription>空态给出原因和下一步；本展示无业务查询。</EmptyDescription></EmptyHeader></Empty></CardContent></Card></div>
+<Card><CardHeader><CardTitle>结构与数据</CardTitle><CardDescription>Card / Separator / Breadcrumb / Tabs / Table / Pagination / Alert / Empty / Skeleton / Spinner</CardDescription></CardHeader><CardContent><Tabs default-value="data"><TabsList aria-label="组件视图"><TabsTrigger value="data">资料示例</TabsTrigger><TabsTrigger value="description">状态说明</TabsTrigger></TabsList><TabsContent value="data"><Table class="responsive-list"><TableHeader><TableRow><TableHead>编号</TableHead><TableHead>名称</TableHead><TableHead>状态</TableHead></TableRow></TableHeader><TableBody><TableRow v-for="r in scene.data.rows.slice((page-1)*2,page*2)" :key="r.id" :data-state="checked?'selected':undefined"><TableCell data-label="编号">{{r.id}}</TableCell><TableCell data-label="名称">{{r.name}}</TableCell><TableCell data-label="状态">{{r.status}}</TableCell></TableRow></TableBody></Table><Pagination v-model:page="page" :total="scene.data.rows.length" :items-per-page="2" aria-label="展示分页"><PaginationContent><PaginationPrevious aria-label="上一页">上一页</PaginationPrevious><span>第 {{page}} 页</span><PaginationNext aria-label="下一页">下一页</PaginationNext></PaginationContent></Pagination></TabsContent><TabsContent value="description"><p>默认、禁用、错误、加载、选中及浮层状态均可在本页重现。场景 ID 与初始资料来自共同 JSON。</p></TabsContent></Tabs></CardContent></Card>
+<CombinedQuery :scene="controlsScene"/><Sheet v-model:open="sheet"><SheetContent @close-auto-focus="returnFocus"><SheetHeader><SheetTitle>演示详情</SheetTitle><SheetDescription>Escape 或关闭后返回来源按钮。</SheetDescription></SheetHeader><p>固定虚构资料，仅验证详情侧栏。</p><SheetFooter><SheetClose as-child><Button variant="outline">关闭详情</Button></SheetClose></SheetFooter></SheetContent></Sheet>
+<Dialog v-model:open="dialog"><DialogContent @close-auto-focus="returnFocus"><DialogHeader><DialogTitle>演示对话框</DialogTitle><DialogDescription>关闭不修改页面输入。</DialogDescription></DialogHeader><Button variant="outline" @click="dialog=false">关闭对话框</Button></DialogContent></Dialog></TooltipProvider></template>

package/template/.agents/skills/yss-prototype-stage/assets/vue-business-patterns/Conflict.vue

@@ -0,0 +1,33 @@
+<script setup lang="ts">
+import { ref, computed, nextTick } from 'vue'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Badge } from '@/components/ui/badge'
+import { Label } from '@/components/ui/label'
+import { Dialog, DialogContent, DialogTitle, DialogDescription, DialogHeader } from '@/components/ui/dialog'
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@/components/ui/select'
+import { Table, TableHeader, TableBody, TableRow, TableHead, TableCell } from '@/components/ui/table'
+import { AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@/components/ui/alert-dialog'
+import { Field, FieldLabel, FieldDescription } from '@/components/ui/field'
+import { Separator } from '@/components/ui/separator'
+import Notice from './Notice.vue'
+import { useWorkspacePage } from './workspace-page'
+const props=defineProps<{scene:any}>()
+const rows=ref(props.scene.data.rows),query=ref(''),filter=ref(''),dialog=ref(false),kind=ref('detail'),draft=ref<any>(null),error=ref(''),reloaded=ref(false),feedback=ref(''),confirmReload=ref(false)
+const baseline=ref(''),ownerOpen=ref(false)
+const dirty=computed(()=>kind.value==='edit'&&!!draft.value&&JSON.stringify(draft.value)!==baseline.value)
+const workspace=useWorkspacePage()
+workspace.trackDirty(dirty)
+workspace.onLeave(()=>{dialog.value=false;confirmReload.value=false;ownerOpen.value=false})
+let origin:HTMLElement|null=null
+const visible=computed(()=>rows.value.filter((x:any)=>(x.id+x.name).includes(filter.value)))
+function open(row:any,mode:string,e:Event){origin=e.currentTarget as HTMLElement;if(dirty.value){dialog.value=true;feedback.value='未提交草稿已保留，请先继续处理。';return}draft.value={...row};baseline.value=JSON.stringify(draft.value);kind.value=mode;error.value='';reloaded.value=false;dialog.value=true}
+function save(retry=false){if(props.scene.id==='no-permission')return;if(!draft.value.name.trim()){error.value='请输入资料名称';document.getElementById('name')?.focus();return}if(props.scene.id==='failure'&&!retry){error.value='保存失败，输入已保留，请重试。';return}if(props.scene.id==='conflict'&&!reloaded.value){error.value='资料已更新。输入已保留，重新加载前可复制内容。';return}rows.value=rows.value.map((row:any)=>row.id===draft.value.id?{...draft.value,status:'已更新'}:row);baseline.value=JSON.stringify(draft.value);dialog.value=false;feedback.value='保存成功（本地模拟）。'}
+function reload(){draft.value={...props.scene.data.server_rows.find((row:any)=>row.id===draft.value.id)};baseline.value=JSON.stringify(draft.value);reloaded.value=true;confirmReload.value=false;error.value='已重新加载，请确认后保存。'}
+function editFocus(e:Event){if(kind.value==='edit'){e.preventDefault();nextTick(()=>{if(workspace.active.value)document.getElementById('name')?.focus()})}}
+function returnFocus(e:Event){e.preventDefault();workspace.active.value&&origin?.isConnected&&origin.focus()}
+function reloadFocus(e:Event){e.preventDefault();workspace.active.value&&document.getElementById(reloaded.value?'save':'reload')?.focus()}
+</script>
+<template><Notice v-if="dirty&&!dialog" class="draft-resume">有未提交的资料草稿。<Button variant="outline" @click="dialog=true">继续编辑草稿</Button></Notice><section class="surface" aria-label="查询条件"><form @submit.prevent="filter=query.trim()"><Label for="keyword">资料名称</Label><div class="actions"><Input id="keyword" v-model="query" placeholder="输入名称或编号"/><Button type="submit">查询</Button><Button type="button" variant="outline" @click="query='';filter=''">重置筛选</Button></div></form></section><section class="surface" aria-label="资料列表"><h2>资料列表 · 共 {{visible.length}} 条</h2><Notice v-if="scene.id==='no-permission'">当前资料仅可查看。</Notice><Table class="responsive-list"><TableHeader><TableRow><TableHead v-for="text in ['编号','资料名称','负责人','状态','操作']" :key="text">{{text}}</TableHead></TableRow></TableHeader><TableBody><TableRow v-for="row in visible" :key="row.id"><TableCell data-label="编号">{{row.id}}</TableCell><TableCell data-label="资料名称">{{row.name}}</TableCell><TableCell data-label="负责人">{{row.owner}}</TableCell><TableCell data-label="状态"><Badge variant="secondary">{{row.status}}</Badge></TableCell><TableCell><div class="row-actions"><Button variant="outline" :aria-label="`查看 ${row.id}`" @click="e=>open(row,'detail',e)">查看</Button><Button variant="outline" :aria-label="`编辑 ${row.id}`" :disabled="scene.id==='no-permission'" @click="e=>open(row,'edit',e)">编辑</Button></div></TableCell></TableRow><TableRow v-if="!visible.length"><TableCell :colspan="5"><p role="status">{{scene.id==='loading'?'正在加载（固定评审状态）':'暂无符合条件的资料'}}</p></TableCell></TableRow></TableBody></Table></section><p role="status">{{feedback}}</p>
+<Dialog v-model:open="dialog"><DialogContent :show-close-button="false" @open-auto-focus="editFocus" @close-auto-focus="returnFocus"><DialogHeader><DialogTitle>{{kind==='detail'?'资料详情':'编辑资料'}}</DialogTitle><DialogDescription>{{kind==='detail'?'核对当前资料信息。':'修改名称或负责人后保存。'}}</DialogDescription></DialogHeader><template v-if="draft"><template v-if="kind==='detail'"><dl><template v-for="(v,k) in draft" :key="k"><dt>{{({id:'编号',name:'名称',owner:'负责人',status:'状态',version:'版本'})[k]}}</dt><dd>{{v}}</dd></template></dl><Button variant="outline" @click="dialog=false">关闭详情</Button></template><form v-else @submit.prevent="save()" novalidate><Field :data-invalid="error==='请输入资料名称'"><FieldLabel for="name">资料名称</FieldLabel><Input id="name" v-model="draft.name" :maxlength="80" required :aria-invalid="error==='请输入资料名称'" :aria-describedby="error?'name-help edit-error':'name-help'" @update:model-value="error==='请输入资料名称'&&(error='')"/><FieldDescription id="name-help">草稿保留至保存成功或确认放弃；重新加载会替换完整资料。</FieldDescription></Field><Field><FieldLabel for="owner">负责人</FieldLabel><Select v-model="draft.owner" v-model:open="ownerOpen"><SelectTrigger id="owner"><SelectValue/></SelectTrigger><SelectContent><SelectItem v-for="owner in ['张明','李华','王宁','最新负责人']" :key="owner" :value="owner">{{owner}}</SelectItem></SelectContent></Select></Field><Separator/><p>版本：<span id="version">{{draft.version}}</span></p><Notice v-if="error" id="edit-error" error>{{error}}</Notice><div class="actions"><Button id="save" type="submit">保存</Button><Button v-if="error&&scene.id==='failure'" id="retry" type="button" variant="outline" @click="save(true)">重试</Button><Button v-if="error&&scene.id==='conflict'" id="reload" type="button" variant="outline" @click="confirmReload=true">重新加载</Button><Button type="button" variant="outline" @click="dialog=false">取消</Button></div></form></template></DialogContent></Dialog>
+<AlertDialog v-model:open="confirmReload"><AlertDialogContent @close-auto-focus="reloadFocus"><AlertDialogHeader><AlertDialogTitle>放弃本地修改并重新加载？</AlertDialogTitle><AlertDialogDescription>本地草稿将被服务端完整快照替换；取消可保留当前输入。</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>保留草稿</AlertDialogCancel><AlertDialogAction @click="reload">放弃并重新加载</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog></template>

package/template/.agents/skills/yss-prototype-stage/assets/vue-business-patterns/DateRange.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import {computed,ref,nextTick} from 'vue'
+import {parseDate} from '@internationalized/date'
+import {RangeCalendar} from '@/components/ui/range-calendar'
+import {Popover,PopoverTrigger,PopoverContent} from '@/components/ui/popover'
+import {Button} from '@/components/ui/button'
+import {Input} from '@/components/ui/input'
+import {Label} from '@/components/ui/label'
+import {rangeError,validDate,restoreControlFocus} from './business-controls.js'
+import {useWorkspacePage} from './workspace-page'
+const props=defineProps<{id:string;label:string;modelValue:{start:string;end:string};referenceDate:string;disabled?:boolean}>()
+const emit=defineEmits<{'update:modelValue':[value:{start:string;end:string}]}>()
+const open=ref(false),draft=ref({...props.modelValue}),error=ref<any>(null),placeholder=ref(parseDate(props.referenceDate))
+const calendar=computed(()=>({start:validDate(draft.value.start)?parseDate(draft.value.start):undefined,end:validDate(draft.value.end)?parseDate(draft.value.end):undefined}))
+const summary=computed(()=>props.modelValue.start||props.modelValue.end?`${props.modelValue.start||'未填'} 至 ${props.modelValue.end||'未填'}`:'不限日期')
+const workspace=useWorkspacePage();workspace.onLeave(()=>{open.value=false})
+function changeOpen(value:boolean){if(value){draft.value={...props.modelValue};error.value=null;placeholder.value=parseDate(validDate(draft.value.start)?draft.value.start:props.referenceDate)}open.value=value}
+function calendarChange(value:any){draft.value={start:value?.start?.toString()||'',end:value?.end?.toString()||''};error.value=null}
+function startChange(value:any){draft.value={start:value?.toString()||'',end:''};error.value=null}
+async function apply(){error.value=rangeError(draft.value);if(error.value){await nextTick();document.getElementById(`${props.id}-${error.value.field}`)?.focus();return}emit('update:modelValue',{...draft.value});open.value=false}
+function focusBack(e:Event){e.preventDefault();nextTick(()=>restoreControlFocus(props.id))}
+</script>
+<template><div class="date-range"><Label :for="id">{{label}}</Label><Popover :open="open" @update:open="changeOpen"><PopoverTrigger as-child><Button :id="id" variant="outline" :disabled="disabled" :aria-describedby="`${id}-summary`">编辑{{label}}</Button></PopoverTrigger><PopoverContent class="date-range-popover" align="start" :aria-label="`编辑${label}`" @close-auto-focus="focusBack">
+ <p class="field-hint">起止日均包含；应用前为临时值。</p>
+ <div class="range-fields"><div><Label :for="`${id}-start`">起始日期</Label><Input :id="`${id}-start`" v-model="draft.start" placeholder="YYYY-MM-DD" :aria-invalid="error?.field==='start'" :aria-describedby="error?`${id}-error`:undefined" @update:model-value="error=null"/></div><div><Label :for="`${id}-end`">截止日期</Label><Input :id="`${id}-end`" v-model="draft.end" placeholder="YYYY-MM-DD" :aria-invalid="error?.field==='end'" :aria-describedby="error?`${id}-error`:undefined" @update:model-value="error=null"/></div></div>
+ <p v-if="error" :id="`${id}-error`" role="alert" class="range-error">{{error.message}}</p>
+ <RangeCalendar :model-value="calendar" v-model:placeholder="placeholder" locale="zh-CN" :week-starts-on="1" :calendar-label="label" @update:start-value="startChange" @update:model-value="calendarChange"/>
+ <div class="toolbar range-actions"><Button variant="outline" @click="draft={start:'',end:''};error=null">清空临时日期</Button><Button variant="outline" @click="open=false">取消</Button><Button @click="apply">应用日期</Button></div>
+ </PopoverContent></Popover><output :id="`${id}-summary`" aria-live="polite">{{summary}}</output></div></template>

package/template/.agents/skills/yss-prototype-stage/assets/vue-business-patterns/Frame.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts">
+import Workspace from './Workspace.vue'
+import { singlePageDefinition } from './workspace'
+const props = defineProps<{ page: any; title: string }>()
+const definition = singlePageDefinition(props.page, props.title)
+</script>
+<template><Workspace :definition="definition"/></template>

package/template/.agents/skills/yss-prototype-stage/assets/vue-business-patterns/ListDetail.vue

@@ -0,0 +1,47 @@
+<script setup lang="ts">
+import { ref, computed, nextTick, onMounted, onUnmounted } from 'vue'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@/components/ui/select'
+import { Badge } from '@/components/ui/badge'
+import { Checkbox } from '@/components/ui/checkbox'
+import { Table, TableHeader, TableHead, TableBody, TableRow, TableCell } from '@/components/ui/table'
+import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription, SheetFooter, SheetClose } from '@/components/ui/sheet'
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '@/components/ui/dropdown-menu'
+import { Pagination, PaginationContent, PaginationPrevious, PaginationNext } from '@/components/ui/pagination'
+import { Empty, EmptyHeader, EmptyTitle, EmptyDescription } from '@/components/ui/empty'
+import { Spinner } from '@/components/ui/spinner'
+import Notice from './Notice.vue'
+import { useWorkspacePage } from './workspace-page'
+const props=defineProps<{scene:any}>()
+const query=ref(''),status=ref('all'),sort=ref('asc'),page=ref(1),selected=ref<string[]>([]),detail=ref<any>(null)
+const wide=ref(false),statusOpen=ref(false),menuId=ref('')
+const workspace=useWorkspacePage()
+let media:MediaQueryList
+function resize(){wide.value=media.matches}
+onMounted(()=>{media=matchMedia('(min-width: 1200px)');resize();media.addEventListener('change',resize)})
+onUnmounted(()=>media?.removeEventListener('change',resize))
+workspace.onLeave(()=>{detail.value=null;statusOpen.value=false;menuId.value=''})
+let origin:HTMLElement|null=null
+const rows=computed(()=>props.scene.data.rows.filter((r:any)=>(r.name+r.id).includes(query.value)&&(status.value==='all'||r.status===status.value)).sort((a:any,b:any)=>sort.value==='asc'?a.id.localeCompare(b.id):b.id.localeCompare(a.id)))
+const pages=computed(()=>Math.max(1,Math.ceil(rows.value.length/2))),visible=computed(()=>rows.value.slice((page.value-1)*2,page.value*2)),readonly=computed(()=>props.scene.id==='no-permission')
+function toggle(id:string){selected.value=selected.value.includes(id)?selected.value.filter(x=>x!==id):[...selected.value,id]}
+function open(row:any,trigger:HTMLElement|null){if(!workspace.active.value)return;origin=trigger;detail.value=row;if(wide.value)nextTick(()=>{if(workspace.active.value&&detail.value?.id===row.id)document.getElementById('inline-detail-title')?.focus({preventScroll:true})})}
+function closeDetail(){detail.value=null;nextTick(()=>{if(workspace.active.value&&origin?.isConnected)origin.focus({preventScroll:true})})}
+function fromMenu(row:any){nextTick(()=>open(row,document.getElementById(`more-${row.id}`)))}
+function focusReturn(e:Event){e.preventDefault();workspace.active.value&&origin?.isConnected&&origin.focus()}
+function resetFilters(){query.value='';status.value='all';page.value=1}
+const labels:Record<string,string>={id:'编号',name:'资料名称',owner:'负责人',status:'状态',version:'版本'}
+</script>
+<template>
+ <div :class="['query-workspace',{'with-detail':wide&&detail}]"><div class="query-main">
+ <section class="surface filter-surface"><div class="section-heading"><h2>查询条件</h2><span class="muted">组合条件即时生效</span></div><div class="filters query-filters"><div><Label for="keyword">资料名称或编号</Label><Input id="keyword" v-model="query" @update:model-value="page=1"/></div><div><Label for="status">状态</Label><Select v-model="status" v-model:open="statusOpen" @update:model-value="page=1"><SelectTrigger id="status" aria-label="状态"><SelectValue/></SelectTrigger><SelectContent position="popper" align="start" :side-offset="4"><SelectItem value="all">全部状态</SelectItem><SelectItem value="待核对">待核对</SelectItem><SelectItem value="已更新">已更新</SelectItem></SelectContent></Select></div><Button variant="outline" @click="resetFilters">重置筛选</Button></div></section>
+ <section class="surface results-surface"><div class="toolbar results-toolbar"><h2>资料列表 · 共 {{rows.length}} 条</h2><Button variant="outline" @click="sort=sort==='asc'?'desc':'asc'">编号{{sort==='asc'?'降序':'升序'}}</Button><span :class="['selection-count',{'has-selection':selected.length}]" role="status">已选择 {{selected.length}} 项</span></div><p class="muted result-context">{{query?`关键词：${query}；`:''}}状态：{{status==='all'?'全部':status}}；选择跨页保留，重置场景清除。</p><Notice v-if="readonly">当前为只读；可查询和查看详情，不可选择处理。</Notice>
+ <Table class="responsive-list"><TableHeader><TableRow><TableHead v-for="x in ['选择','编号','资料名称','状态','操作']" :key="x">{{x}}</TableHead></TableRow></TableHeader><TableBody><TableRow v-for="row in visible" :key="row.id" :data-state="selected.includes(row.id)?'selected':undefined" :class="{'detail-current-row':detail?.id===row.id}"><TableCell><Checkbox :aria-label="`选择 ${row.id}`" :disabled="readonly" :model-value="selected.includes(row.id)" @update:model-value="toggle(row.id)"/></TableCell><TableCell data-label="编号">{{row.id}}</TableCell><TableCell data-label="资料名称">{{row.name}}</TableCell><TableCell data-label="状态"><Badge variant="secondary" :class="row.status==='待核对'?'status-pending':'status-current'"><span class="status-dot" aria-hidden="true"/>{{row.status}}</Badge></TableCell><TableCell><div class="row-actions"><Button variant="outline" class="detail-action" :aria-label="`查看 ${row.id}`" @click="open(row,$event.currentTarget)">查看详情</Button><DropdownMenu :open="menuId===row.id" @update:open="v=>menuId=v?row.id:''"><DropdownMenuTrigger as-child><Button variant="outline" :aria-label="`更多 ${row.id}`" :id="`more-${row.id}`">更多</Button></DropdownMenuTrigger><DropdownMenuContent align="end" @close-auto-focus="e=>{if(detail)e.preventDefault()}"><DropdownMenuItem @select="fromMenu(row)">查看详情</DropdownMenuItem><DropdownMenuItem disabled>导出（未模拟）</DropdownMenuItem></DropdownMenuContent></DropdownMenu></div></TableCell></TableRow></TableBody></Table>
+ <template v-if="!rows.length"><Notice v-if="scene.id==='loading'"><Spinner aria-hidden="true"/>正在加载（固定评审状态）</Notice><Empty v-else><EmptyHeader><EmptyTitle>暂无符合条件的资料</EmptyTitle><EmptyDescription>调整筛选条件或重置筛选后重试。</EmptyDescription></EmptyHeader></Empty></template>
+ <Pagination v-model:page="page" :total="rows.length" :items-per-page="2" aria-label="资料分页"><PaginationContent><PaginationPrevious :disabled="page===1" aria-label="上一页">上一页</PaginationPrevious><span aria-live="polite">第 {{page}} 页 / 共 {{pages}} 页</span><PaginationNext :disabled="page>=pages" aria-label="下一页">下一页</PaginationNext></PaginationContent></Pagination>
+ </section>
+ </div><aside v-if="wide&&detail" class="surface inline-detail" aria-labelledby="inline-detail-title" @keydown.esc.stop="closeDetail"><div class="detail-heading"><h2 id="inline-detail-title" tabindex="-1">资料详情</h2><Button variant="ghost" aria-label="关闭详情" @click="closeDetail">关闭</Button></div><p class="muted">核对选中资料；关闭后返回来源操作。</p><dl><template v-for="(v,k) in detail" :key="k"><dt>{{labels[k]}}</dt><dd>{{v}}</dd></template></dl></aside></div>
+ <Sheet :open="!wide&&!!detail" @update:open="v=>{if(!v)detail=null}"><SheetContent @close-auto-focus="focusReturn"><SheetHeader><SheetTitle>资料详情</SheetTitle><SheetDescription>核对选中资料；关闭后返回来源操作。</SheetDescription></SheetHeader><dl v-if="detail"><template v-for="(v,k) in detail" :key="k"><dt>{{labels[k]}}</dt><dd>{{v}}</dd></template></dl><SheetFooter class="sheet-actions material-surface"><SheetClose as-child><Button variant="outline">关闭详情</Button></SheetClose></SheetFooter></SheetContent></Sheet>
+</template>

package/template/.agents/skills/yss-prototype-stage/assets/vue-business-patterns/MultiStep.vue

@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import { ref, computed } from 'vue'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Textarea } from '@/components/ui/textarea'
+import { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldSet, FieldLegend } from '@/components/ui/field'
+import { InputGroup, InputGroupInput, InputGroupAddon, InputGroupText } from '@/components/ui/input-group'
+import Notice from './Notice.vue'
+import { useWorkspacePage } from './workspace-page'
+const props=defineProps<{scene:any}>()
+const step=ref(1),draft=ref({...props.scene.data.form}),error=ref(''),failed=ref(false),done=ref(false)
+const readonly=props.scene.id==='no-permission'
+const workspace=useWorkspacePage()
+workspace.trackDirty(computed(()=>!done.value&&!readonly&&JSON.stringify(draft.value)!==JSON.stringify(props.scene.data.form)))
+function next(){if(!draft.value.name.trim()){error.value='请输入资料名称';document.getElementById('name')?.focus();return}error.value='';step.value=2}
+function save(){if(!draft.value.owner.trim()){error.value='请输入负责人';document.getElementById('owner')?.focus();return}if(props.scene.id==='failure'&&!failed.value){failed.value=true;error.value='提交失败，所有步骤输入已保留，请重试。';return}error.value='';done.value=true}
+function clear(message:string){if(error.value===message)error.value=''}
+</script>
+<template>
+ <div class="form-layout"><aside class="step-aside" aria-label="填写进度"><ol class="step-list"><li :aria-current="step===1?'step':undefined" :class="step===1?'current':'completed'"><span class="step-number">{{step===1?'1':'✓'}}</span><div><strong>资料信息</strong><p>名称与补充说明</p></div></li><li :aria-current="step===2?'step':undefined" :class="{current:step===2}"><span class="step-number">2</span><div><strong>负责人及确认</strong><p>核对内容后提交</p></div></li></ol><div class="step-help"><strong>安心填写</strong><p>步骤之间可返回修改。提交失败后，已填内容会保留。</p><p>切换页签保留输入；关闭修改页时确认，刷新或重置会清除输入。</p></div></aside>
+ <section class="surface form-surface"><h2>步骤 {{step}}/2：{{step===1?'资料信息':'负责人及确认'}}</h2><Notice v-if="readonly">当前资料仅可查看，不能提交修改。</Notice><div class="form-body"><FieldSet :disabled="readonly||done"><FieldLegend>{{step===1?'基本信息':'责任与确认'}}</FieldLegend><FieldGroup><template v-if="step===1"><Field :data-invalid="error==='请输入资料名称'"><FieldLabel for="name">资料名称</FieldLabel><InputGroup><InputGroupInput id="name" v-model="draft.name" :aria-invalid="error==='请输入资料名称'" :aria-describedby="error==='请输入资料名称'?'name-help name-error':'name-help'" @update:model-value="clear('请输入资料名称')"/><InputGroupAddon align="inline-end"><InputGroupText>必填</InputGroupText></InputGroupAddon></InputGroup><FieldDescription id="name-help">用于查询和确认；返回本步骤会保留输入。</FieldDescription><FieldError v-if="error==='请输入资料名称'" id="name-error">{{error}}</FieldError></Field><Field><FieldLabel for="note">说明</FieldLabel><Textarea id="note" v-model="draft.note"/></Field></template>
+ <template v-else><p>资料：{{draft.name}}</p><p>说明：{{draft.note||'未填写'}}</p><Field :data-invalid="error==='请输入负责人'"><FieldLabel for="owner">负责人</FieldLabel><Input id="owner" v-model="draft.owner" :aria-invalid="error==='请输入负责人'" :aria-describedby="error==='请输入负责人'?'owner-help owner-error':'owner-help'" @update:model-value="clear('请输入负责人')"/><FieldDescription id="owner-help">确认资料的负责人；提交为本地模拟。</FieldDescription><FieldError v-if="error==='请输入负责人'" id="owner-error">{{error}}</FieldError></Field></template></FieldGroup></FieldSet><Notice v-if="error&&!['请输入资料名称','请输入负责人'].includes(error)" error>{{error}}</Notice><Notice v-if="done">提交成功（本地模拟）。</Notice></div>
+ <div class="toolbar form-actions material-surface"><span class="action-context">{{done?'本次填写已完成':step===1?'下一步：负责人及确认':'请核对后提交'}}</span><Button v-if="step===2" variant="outline" :disabled="done" @click="step=1;error=''">上一步</Button><Button v-if="step===1" :disabled="readonly||done" @click="next">下一步</Button><Button v-else :disabled="readonly||done" @click="save">{{done?'已提交':failed?'重试提交':'确认提交'}}</Button></div></section></div>
+</template>

package/template/.agents/skills/yss-prototype-stage/assets/vue-business-patterns/Notice.vue

@@ -0,0 +1,5 @@
+<script setup lang="ts">
+import { Alert, AlertDescription } from '@/components/ui/alert'
+defineProps<{error?:boolean}>()
+</script>
+<template><Alert :role="error?'alert':'status'" :class="['notice',{error}]"><AlertDescription><slot/></AlertDescription></Alert></template>

package/template/.agents/skills/yss-prototype-stage/assets/vue-business-patterns/OwnerValidity.vue

@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import {computed,ref} from 'vue'
+import {Button} from '@/components/ui/button'
+import {Input} from '@/components/ui/input'
+import {Label} from '@/components/ui/label'
+import SearchSelect from './SearchSelect.vue'
+import DateRange from './DateRange.vue'
+import Notice from './Notice.vue'
+import {rangeError,selectedOption} from './business-controls.js'
+import {useWorkspacePage} from './workspace-page'
+const props=defineProps<{scene:any}>()
+const initial={name:props.scene.data.name,ownerId:props.scene.data.ownerId,range:{...props.scene.data.range}}
+const draft=ref(structuredClone(initial)),saved=ref(false),failed=ref(false),error=ref(''),invalidOwner=ref(false)
+const readonly=props.scene.id==='no-permission'
+useWorkspacePage().trackDirty(computed(()=>!saved.value&&!readonly&&JSON.stringify(draft.value)!==JSON.stringify(initial)))
+function save(){
+ invalidOwner.value=false
+ if(!draft.value.name.trim()){error.value='请输入资料名称';document.getElementById('validity-name')?.focus();return}
+ const option=selectedOption(props.scene.data.options,draft.value.ownerId)
+ if(!option||option.disabled){invalidOwner.value=true;error.value='请从可用选项中选择负责人，搜索文字不能代替选择';document.getElementById('form-owner')?.focus();return}
+ const issue=rangeError(draft.value.range);if(issue){error.value=issue.message;document.getElementById('form-range')?.focus();return}
+ if(props.scene.id==='failure'&&!failed.value){failed.value=true;error.value='保存失败，负责人和有效期已保留，请重试。';return}
+ error.value='';saved.value=true
+}
+</script>
+<template><Notice>维护 fixture：负责人按编号保存；有效期两端均空表示未限定，起止日均包含。</Notice><section class="surface"><h2>负责人及有效期</h2><div class="business-form-fields"><div><Label for="validity-name">资料名称</Label><Input id="validity-name" v-model="draft.name" :disabled="readonly||saved"/></div><SearchSelect id="form-owner" label="负责人" v-model="draft.ownerId" :options="scene.data.options" :status="scene.data.optionState" :disabled="readonly||saved" :invalid="invalidOwner"/><DateRange id="form-range" label="有效期" v-model="draft.range" :reference-date="scene.data.referenceDate" :disabled="readonly||saved"/></div><Notice v-if="error" error>{{error}}</Notice><Notice v-if="saved">保存成功（本地模拟）：{{draft.ownerId}}；{{draft.range.start?`${draft.range.start} 至 ${draft.range.end}`:'不限日期'}}。</Notice><div class="toolbar"><Button :disabled="readonly||saved" @click="save">{{failed?'重试保存':'保存资料'}}</Button></div></section></template>

package/template/.agents/skills/yss-prototype-stage/assets/vue-business-patterns/SearchSelect.vue

@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import {computed,ref} from 'vue'
+import {Combobox,ComboboxAnchor,ComboboxInput,ComboboxList,ComboboxViewport,ComboboxItem,ComboboxItemIndicator} from '@/components/ui/combobox'
+import {Button} from '@/components/ui/button'
+import {Label} from '@/components/ui/label'
+import {filterOptions,selectedOption} from './business-controls.js'
+import {useWorkspacePage} from './workspace-page'
+const props=withDefaults(defineProps<{id:string;label:string;modelValue:string;options:{id:string;name:string;disabled?:boolean}[];disabled?:boolean;status?:string;invalid?:boolean}>(),{status:'ready'})
+const emit=defineEmits<{'update:modelValue':[value:string]}>()
+const search=ref(''),open=ref(false),retried=ref(false),composing=ref(false)
+const state=computed(()=>retried.value?'ready':props.status)
+const options=computed(()=>state.value==='ready'?filterOptions(props.options,search.value):[])
+const selected=computed(()=>selectedOption(props.options,props.modelValue))
+useWorkspacePage().onLeave(()=>{open.value=false;composing.value=false})
+function choose(id:any){if(composing.value||props.disabled||state.value!=='ready')return;const option=selectedOption(props.options,id);if(!option||option.disabled)return;emit('update:modelValue',option.id);open.value=false}
+function guard(event:KeyboardEvent){if(event.key==='Enter'&&(composing.value||event.isComposing||event.keyCode===229)){event.preventDefault();event.stopImmediatePropagation()}}
+function clear(){if(props.disabled)return;emit('update:modelValue','');search.value='';open.value=false;document.getElementById(props.id)?.focus()}
+</script>
+<template><div class="search-select" @keydown.capture="guard">
+ <Label :for="id">{{label}}</Label>
+ <Combobox :model-value="modelValue" v-model:open="open" :disabled="disabled" :ignore-filter="true" :reset-search-term-on-blur="false" :reset-search-term-on-select="false" :reset-model-value-on-clear="false" open-on-click @update:model-value="choose">
+  <ComboboxAnchor><ComboboxInput :id="id" v-model="search" :disabled="disabled" :display-value="()=>search" placeholder="输入名称或编号搜索" :aria-invalid="invalid||Boolean(modelValue&&!selected)" :aria-describedby="`${id}-help ${id}-selected`" @compositionstart="composing=true" @compositionend="composing=false"/></ComboboxAnchor>
+  <ComboboxList :aria-label="`${label}选项`"><ComboboxViewport>
+   <p v-if="state==='loading'" role="status" class="control-message">正在加载选项（固定评审状态）</p>
+   <div v-else-if="state==='failure'" class="control-message"><p role="alert">选项加载失败，搜索词和已选值已保留。</p><Button variant="outline" @click="retried=true">重试加载</Button></div>
+   <p v-else-if="!options.length" role="status" class="control-message">无匹配选项，请更换名称或编号。</p>
+   <ComboboxItem v-for="option in options" :key="option.id" :value="option.id" :disabled="option.disabled" :text-value="`${option.name} ${option.id}`"><span>{{option.name}} · {{option.id}}</span><ComboboxItemIndicator/></ComboboxItem>
+  </ComboboxViewport></ComboboxList>
+ </Combobox>
+ <p :id="`${id}-help`" class="field-hint">搜索文字不代表选择；请确认带编号的选项。</p>
+ <div class="selection-summary"><output :id="`${id}-selected`" aria-live="polite">{{selected?`已选：${selected.name} · ${selected.id}`:modelValue?'所选编号无效，请重新选择':'未选择'}}</output><Button variant="outline" :disabled="disabled||!modelValue" :aria-label="`清空${label}`" @click="clear">清空</Button></div>
+</div></template>

package/template/.agents/skills/yss-prototype-stage/assets/vue-business-patterns/Workspace.vue

@@ -0,0 +1,174 @@
+<script setup lang="ts">
+import { ref, shallowRef, computed, reactive, markRaw, defineComponent, h, provide, onMounted, onUnmounted, nextTick } from 'vue'
+import { Layers3, PanelLeftClose, PanelLeftOpen, Menu, X, ChevronDown, Files, ShieldCheck } from '@lucide/vue'
+import { Button } from '@/components/ui/button'
+import { Badge } from '@/components/ui/badge'
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '@/components/ui/dropdown-menu'
+import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from '@/components/ui/tooltip'
+import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from '@/components/ui/sheet'
+import { AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from '@/components/ui/alert-dialog'
+import { createWorkspaceState, readPageId, openPage, closePage, pageScene, pageLink, pageTagFocusTarget } from './workspace-model.js'
+import { workspacePageKey } from './workspace-page'
+import type { WorkspaceDefinition } from './workspace'
+import './patterns.css'
+import './refinement.css'
+import './workspace.css'
+
+const props = defineProps<{ definition: WorkspaceDefinition }>()
+const definition = props.definition
+const runtime = (window as any).prototypeRuntime
+const scenes = (window as any).prototypeScenarios
+const scene = shallowRef<any>(null), error = ref('')
+const state = reactive<any>(createWorkspaceState(definition))
+const pageScenes = shallowRef<Record<string, any>>({})
+const mobileNav = ref(false), tabMenu = ref(false), moduleMenu = ref(false), confirmId = ref('')
+const confirmOpen = ref(false)
+const narrow = ref(false), collapsed = ref(false), closedGroups = ref<string[]>([]), reduced = ref(false)
+const scroller = ref<HTMLElement | null>(null), pageTags = ref<HTMLElement | null>(null)
+const navigationHint = ref('')
+let navigationSelected = false
+let currentHash = '', closeOrigin: HTMLElement | null = null
+const activePage = computed(() => definition.pages.find(p => p.id === state.activeId)!)
+const groups = computed(() => definition.groups.filter(g => g.moduleId === activePage.value.moduleId))
+const cacheNames = computed(() => state.opened.map((id: string) => `WorkspacePage_${id}`))
+// Named cache entries allow closing one page without discarding another page's draft.
+const wrappers = Object.fromEntries(definition.pages.map(page => [page.id, markRaw(defineComponent({
+  name: `WorkspacePage_${page.id}`,
+  setup() {
+    provide(workspacePageKey, { reportDirty(dirty) { state.dirty[page.id] = dirty } })
+    const initial = JSON.parse(JSON.stringify(pageScenes.value[page.id]))
+    return () => h(page.component, { scene: initial })
+  },
+}))]))
+function writePage(id: string) {
+  const target = pageLink(location.href, definition, id)
+  if (target !== location.href) history.pushState(null, '', target)
+}
+async function selectPage(id: string, origin = 'navigation', write = true) {
+  if (scroller.value) state.scroll[state.activeId] = scroller.value.scrollTop
+  openPage(state, definition, id)
+  closedGroups.value = closedGroups.value.filter(group => group !== activePage.value.groupId)
+  navigationSelected = mobileNav.value
+  mobileNav.value = false; tabMenu.value = false; moduleMenu.value = false; navigationHint.value = ''
+  if (write) writePage(id)
+  await nextTick()
+  if (scroller.value) { scroller.value.scrollTop = state.scroll[id] || 0; if (origin === 'navigation') scroller.value.focus({ preventScroll: true }) }
+  revealPageTag(id)
+}
+function revealPageTag(id: string) {
+  const container = pageTags.value
+  const tag = container?.querySelector<HTMLElement>(`[data-workspace-page="${id}"]`)?.closest<HTMLElement>('.workspace-page-tag')
+  if (!container || !tag) return
+  const bounds = container.getBoundingClientRect(), item = tag.getBoundingClientRect()
+  if (item.left < bounds.left) container.scrollLeft -= bounds.left - item.left
+  else if (item.right > bounds.right) container.scrollLeft += item.right - bounds.right
+}
+function pageTagKey(event: KeyboardEvent, id: string) {
+  if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) return
+  if (event.key === 'Delete') { event.preventDefault(); requestClose(id, false, event.currentTarget as HTMLElement); return }
+  const target = pageTagFocusTarget(narrow.value ? [state.activeId] : state.opened, id, event.key)
+  if (!target) return
+  event.preventDefault()
+  pageTags.value?.querySelector<HTMLElement>(`[data-workspace-page="${target}"]`)?.focus({ preventScroll: true })
+  revealPageTag(target)
+}
+function setNavigationHint(id: string, open: boolean) { if (open) navigationHint.value = id; else if (navigationHint.value === id) navigationHint.value = '' }
+function toggleSidebar() { navigationHint.value = ''; collapsed.value = !collapsed.value }
+function selectModule(id: string) {
+  const last = [...state.opened].reverse().find(pageId => definition.pages.some(p => p.id === pageId && p.moduleId === id))
+  selectPage(last || definition.pages.find(p => p.moduleId === id)!.id)
+}
+function navigationFocus(event: Event) { event.preventDefault(); nextTick(() => { if (navigationSelected) scroller.value?.focus({ preventScroll: true }); else document.getElementById('mobile-navigation')?.focus({ preventScroll: true }); navigationSelected = false }) }
+function toggleGroup(id: string) { closedGroups.value = closedGroups.value.includes(id) ? closedGroups.value.filter(x => x !== id) : [...closedGroups.value, id] }
+async function requestClose(id: string, discard = false, trigger?: HTMLElement) {
+  if (scroller.value) state.scroll[state.activeId] = scroller.value.scrollTop
+  if (!discard) closeOrigin = trigger || document.activeElement as HTMLElement
+  const result = closePage(state, definition, id, discard)
+  if (result === 'confirm') { confirmId.value = id; confirmOpen.value = true; return }
+  if (result !== 'closed') return
+  confirmOpen.value = false; confirmId.value = ''; writePage(state.activeId)
+  await nextTick()
+  if (scroller.value) scroller.value.scrollTop = state.scroll[state.activeId] || 0
+  document.querySelector<HTMLElement>(`[data-workspace-page="${state.activeId}"]`)?.focus({ preventScroll: true })
+  revealPageTag(state.activeId)
+}
+function confirmFocus(event: Event) {
+  event.preventDefault()
+  nextTick(() => { const target = closeOrigin?.isConnected && closeOrigin.getClientRects().length ? closeOrigin : document.querySelector<HTMLElement>(`[data-workspace-page="${state.activeId}"]`); target?.focus({ preventScroll: true }) })
+}
+async function reset() {
+  mobileNav.value = false; tabMenu.value = false; moduleMenu.value = false; navigationHint.value = ''; confirmOpen.value = false; confirmId.value = ''
+  if (small) viewport()
+  // Unmount the old cache before rebuilding, including Teleport children.
+  scene.value = null; await nextTick()
+  try {
+    const id = readPageId(location.search, definition)
+    const fresh = runtime.initialize()
+    const inputs = Object.fromEntries(definition.pages.map(page => [page.id, pageScene(fresh, page, definition.sceneMode)]))
+    Object.assign(state, createWorkspaceState(definition, id))
+    pageScenes.value = inputs; error.value = ''; closedGroups.value = []; scene.value = fresh
+    currentHash = location.hash
+    await nextTick()
+    if (scroller.value) scroller.value.scrollTop = 0
+    if (scene.value?.ticket === fresh.ticket) runtime.ready(fresh.ticket)
+  } catch (failure: any) { error.value = failure.message; runtime.fail(failure) }
+}
+function changeScenario(event: Event) { const hash = `#scenario=${(event.target as HTMLSelectElement).value}`; if (location.hash === hash) reset(); else location.hash = hash }
+function popstate() {
+  if (location.hash !== currentHash) return
+  if (!scene.value) { reset(); return }
+  try { selectPage(readPageId(location.search, definition), 'navigation', false) }
+  catch (failure: any) { error.value = failure.message; scene.value = null; runtime.fail(failure) }
+}
+function transparency(event: Event) { reduced.value = (event.target as HTMLInputElement).checked; document.documentElement.dataset.transparency = reduced.value ? 'reduced' : 'normal' }
+let small: MediaQueryList, wide: MediaQueryList
+function viewport() { navigationHint.value = ''; narrow.value = small.matches; collapsed.value = !wide.matches; mobileNav.value = false }
+onMounted(() => {
+  small = matchMedia('(max-width: 767px)'); wide = matchMedia('(min-width: 1200px)'); viewport()
+  small.addEventListener('change', viewport); wide.addEventListener('change', viewport)
+  addEventListener('hashchange', reset); addEventListener('popstate', popstate); reset()
+})
+onUnmounted(() => { small?.removeEventListener('change', viewport); wide?.removeEventListener('change', viewport); removeEventListener('hashchange', reset); removeEventListener('popstate', popstate) })
+</script>
+
+<template>
+ <TooltipProvider :delay-duration="300"><div class="prototype-workspace-root">
+  <a class="skip-link" href="#workspace" @click.prevent="scroller?.focus()">跳到工作区</a>
+  <div v-if="scene" :class="['enterprise-shell', { 'sidebar-collapsed': collapsed }]">
+   <header class="enterprise-header material-surface">
+    <Button v-if="narrow" id="mobile-navigation" variant="ghost" aria-label="打开导航" @click="mobileNav=true"><Menu aria-hidden="true"/></Button>
+    <div class="enterprise-brand"><Layers3 aria-hidden="true"/><strong>{{definition.brand}}</strong></div>
+    <nav v-if="!narrow" class="module-navigation" aria-label="模块导航"><Button v-for="module in definition.modules" :key="module.id" variant="ghost" :aria-current="activePage.moduleId===module.id?'true':undefined" @click="selectModule(module.id)">{{module.label}}</Button></nav>
+    <DropdownMenu v-else v-model:open="moduleMenu"><DropdownMenuTrigger as-child><Button variant="ghost" aria-label="切换模块">模块<ChevronDown aria-hidden="true"/></Button></DropdownMenuTrigger><DropdownMenuContent align="end"><DropdownMenuItem v-for="module in definition.modules" :key="module.id" @select="selectModule(module.id)">{{module.label}}</DropdownMenuItem></DropdownMenuContent></DropdownMenu>
+    <span class="workspace-environment"><ShieldCheck aria-hidden="true"/>演示空间</span>
+   </header>
+   <aside v-if="!narrow" class="enterprise-sidebar" aria-label="页面导航">
+    <nav><section v-for="group in groups" :key="group.id" class="navigation-group">
+     <Button v-if="!collapsed" variant="ghost" class="group-toggle" :aria-expanded="!closedGroups.includes(group.id)" :aria-controls="`navigation-${group.id}`" @click="toggleGroup(group.id)">{{group.label}}<ChevronDown aria-hidden="true"/></Button>
+     <div :id="`navigation-${group.id}`" v-show="collapsed||!closedGroups.includes(group.id)">
+      <Tooltip v-for="page in definition.pages.filter(p=>p.groupId===group.id)" :key="page.id" :open="collapsed&&navigationHint===page.id" @update:open="open=>setNavigationHint(page.id,open)"><TooltipTrigger as-child><Button variant="ghost" class="navigation-item" :aria-label="page.title" :aria-describedby="collapsed&&state.dirty[page.id]?`draft-${page.id}`:undefined" :aria-current="state.activeId===page.id?'page':undefined" @click="selectPage(page.id)"><component :is="page.icon||Files" aria-hidden="true"/><span v-if="!collapsed">{{page.title}}</span><span v-if="!collapsed&&state.dirty[page.id]" class="draft-indicator" aria-label="有未提交修改">●</span></Button></TooltipTrigger><TooltipContent v-if="collapsed" side="right">{{page.title}}<span v-if="state.dirty[page.id]"> · 有未提交修改</span></TooltipContent></Tooltip><span v-for="page in definition.pages.filter(p=>p.groupId===group.id&&state.dirty[p.id])" :key="`draft-${page.id}`" :id="`draft-${page.id}`" class="sr-only">有未提交修改</span>
+     </div>
+    </section></nav>
+    <Button variant="ghost" class="sidebar-toggle" :aria-label="collapsed?'展开导航':'收起导航'" :aria-expanded="!collapsed" @click="toggleSidebar"><PanelLeftOpen v-if="collapsed" aria-hidden="true"/><PanelLeftClose v-else aria-hidden="true"/><span v-if="!collapsed">收起导航</span></Button>
+   </aside>
+   <div class="enterprise-workarea">
+    <div class="workspace-tagbar">
+     <nav ref="pageTags" class="workspace-page-tags" aria-label="已打开页面" aria-describedby="page-tag-help">
+      <Badge v-for="id in state.opened" :key="id" as="div" variant="outline" :class="['workspace-page-tag',{'current-page-tag':state.activeId===id}]">
+       <Button variant="ghost" class="page-tag-label" :data-workspace-page="id" :aria-current="state.activeId===id?'page':undefined" :aria-label="`${definition.pages.find(p=>p.id===id)?.title}${id===definition.defaultPage?'，固定页面':''}${state.dirty[id]?'，有未提交修改':''}`" @click="selectPage(id,'tag')" @keydown="pageTagKey($event,id)">{{definition.pages.find(p=>p.id===id)?.title}}<span v-if="state.dirty[id]" class="page-tag-draft" aria-hidden="true">●</span></Button>
+       <Button v-if="id!==definition.defaultPage" variant="ghost" class="page-tag-close" :aria-label="`关闭 ${definition.pages.find(p=>p.id===id)?.title}`" @click="e=>requestClose(id,false,e.currentTarget as HTMLElement)"><X aria-hidden="true"/></Button>
+      </Badge>
+     </nav>
+     <span id="page-tag-help" class="sr-only">方向键及 Home、End 移动焦点，Enter 或空格切换页面，Delete 关闭页面。窄屏可通过已打开页面菜单切换。</span>
+     <DropdownMenu v-model:open="tabMenu"><DropdownMenuTrigger as-child><Button variant="ghost" aria-label="已打开页面菜单"><ChevronDown aria-hidden="true"/></Button></DropdownMenuTrigger><DropdownMenuContent align="end"><DropdownMenuItem v-for="id in state.opened" :key="id" @select="selectPage(id)">{{definition.pages.find(p=>p.id===id)?.title}}{{state.dirty[id]?' · 有未提交修改':''}}</DropdownMenuItem></DropdownMenuContent></DropdownMenu>
+    </div>
+    <div class="workspace-page-heading"><h1 :id="`page-title-${state.activeId}`">{{activePage.title}}</h1><span class="muted">{{definition.modules.find(m=>m.id===activePage.moduleId)?.label}} / {{definition.groups.find(g=>g.id===activePage.groupId)?.label}}</span></div>
+    <div class="workspace-active-panel"><main id="workspace" ref="scroller" class="workspace-scroll" tabindex="-1" :aria-labelledby="`page-title-${state.activeId}`"><KeepAlive :key="scene.ticket" :include="cacheNames"><component :is="wrappers[state.activeId]" :key="state.activeId"/></KeepAlive><footer class="workspace-footer"><span>虚构资料 · 本地模拟</span><span>刷新或重置会清除本地输入</span></footer></main></div>
+   </div>
+  </div>
+  <main v-else class="workspace-entry-error"><h1>{{error?'工作区入口错误':'正在初始化工作区'}}</h1><p v-if="error" role="alert">{{error}}</p></main>
+  <section class="workspace-review" aria-label="原型评审工具"><details class="review-controls"><summary>评审工具：场景与辅助显示</summary><div class="review-options"><label for="scenario">场景</label><select id="scenario" :value="scene?.id" @change="changeScenario"><option v-for="item in scenes" :key="item.id" :value="item.id">{{item.label}}</option></select><button id="reset" @click="reset">重置场景</button><label class="transparency-option"><input type="checkbox" id="solid-surfaces" :checked="reduced" @change="transparency"/>减少透明效果</label><span>切换或重置场景将清除所有页签草稿。</span></div></details></section>
+  <Sheet v-model:open="mobileNav"><SheetContent side="left" class="workspace-mobile-navigation" @close-auto-focus="navigationFocus"><SheetHeader><SheetTitle>页面导航</SheetTitle><SheetDescription>选择页面后关闭导航，已有草稿保留在页签中。</SheetDescription></SheetHeader><nav aria-label="窄屏页面导航"><section v-for="group in groups" :key="group.id"><h2>{{group.label}}</h2><Button v-for="page in definition.pages.filter(p=>p.groupId===group.id)" :key="page.id" variant="ghost" class="navigation-item" :aria-current="state.activeId===page.id?'page':undefined" @click="selectPage(page.id)">{{page.title}}</Button></section></nav></SheetContent></Sheet>
+  <AlertDialog v-model:open="confirmOpen"><AlertDialogContent @close-auto-focus="confirmFocus"><AlertDialogHeader><AlertDialogTitle>放弃修改并关闭页面？</AlertDialogTitle><AlertDialogDescription>{{definition.pages.find(p=>p.id===confirmId)?.title}}包含尚未提交的修改。保留页面可继续编辑，关闭后草稿会被清除。</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>保留页面</AlertDialogCancel><AlertDialogAction @click="requestClose(confirmId,true)">放弃修改并关闭</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>
+ </div></TooltipProvider>
+</template>

package/template/.agents/skills/yss-prototype-stage/assets/vue-business-patterns/analysis-standard.config.json

@@ -0,0 +1,6 @@
+{
+  "schema_version": 1,
+  "title": "高密度分析",
+  "entry": "analysis-standard.ts",
+  "scenarios": "analysis.scenarios.json"
+}

package/template/.agents/skills/yss-prototype-stage/assets/vue-business-patterns/analysis-standard.ts

@@ -0,0 +1,3 @@
+import {mount} from './mount'
+import Page from './Analysis.vue'
+mount(Page,'高密度分析','standard')