@weapp-vite/dashboard 6.16.1 → 6.16.2

package/dist/assets/pages.js

@@ -1 +1,2 @@
-import{E as e,F as t,M as n,_ as r,b as i,d as a,f as o,g as s,h as c,l,m as u,t as d,w as f,z as p}from"./vue.js";import{A as m,S as h,_ as g,b as _,r as v,y}from"./index.js";import{t as b}from"./AppInsetPanel.js";import{t as x}from"./AppSectionHeading.js";import{t as S}from"./AppIconFeatureCard.js";var C={class:`grid gap-3`},w={class:`grid gap-3 xl:grid-cols-[minmax(0,1.35fr)_minmax(18rem,0.8fr)]`},T={class:`grid gap-3 md:grid-cols-3`},E={class:`grid gap-3`},D={class:`grid gap-2 text-sm`},O={class:`inline-flex items-center gap-2`},k={class:`h-4.5 w-4.5 text-(--dashboard-accent)`},A={class:`text-(--dashboard-text)`},j={class:`grid gap-3 md:grid-cols-2 xl:grid-cols-4`},M={class:`grid gap-3 xl:grid-cols-[minmax(0,1.1fr)_minmax(20rem,0.9fr)]`},N={class:`mt-4 grid gap-3`},P={class:`flex flex-col gap-2 md:flex-row md:items-center md:justify-between`},F={class:`font-medium`},I={class:`mt-1 text-sm text-(--dashboard-text-muted)`},L={class:`rounded-xl bg-slate-950 px-3 py-2 text-xs text-slate-100 dark:bg-slate-900`},R={class:`grid gap-2 text-sm leading-6 text-(--dashboard-text-muted)`},z=r({__name:`index`,setup(r){let{commandItems:z,signals:B}=v(),V=_.map(e=>({iconName:e.iconName,title:e.label,description:e.caption}));return(r,v)=>(f(),u(`div`,C,[s(h,{eyebrow:`Workspace`,title:`面向持续增强的 dashboard 壳子`,description:`这一版先不急着继续堆业务逻辑，而是把信息架构、导航分层、主题切换和组件基座先收住。后面要接 analyze、dev server、MCP 或任务执行状态，都可以直接沿着路由扩展。`,"icon-name":`hero-workspace`,tone:`strong`,padding:`header`},{default:n(()=>[a(`div`,w,[a(`div`,T,[(f(!0),u(l,null,e(t(y),e=>(f(),o(S,i({key:e.title},{ref_for:!0},e),null,16))),128))]),a(`div`,E,[s(b,{eyebrow:`rollout signal`},{default:n(()=>[a(`ul`,D,[(f(!0),u(l,null,e(t(B),e=>(f(),u(`li`,{key:e.label,class:`flex items-center justify-between gap-3 rounded-2xl border border-(--dashboard-border) bg-(--dashboard-panel) px-3 py-3`},[a(`span`,O,[a(`span`,k,[s(m,{name:e.iconName},null,8,[`name`])]),c(` `+p(e.label),1)]),a(`strong`,A,p(e.value),1)]))),128))])]),_:1})])])]),_:1}),s(h,{eyebrow:`Routes`,title:`页面跳转入口`,description:`工作台本身也要承担路由索引职责，后续页面越来越多时，首页需要负责把用户送到正确的功能区域。`,"icon-name":`nav-home`},{default:n(()=>[a(`div`,j,[(f(!0),u(l,null,e(t(_),(e,r)=>(f(),o(t(d),{key:e.to,to:e.to},{default:n(()=>[s(S,i({ref_for:!0},t(V)[r],{interactive:``}),null,16)]),_:2},1032,[`to`]))),128))])]),_:1}),a(`section`,M,[s(h,{tone:`default`,padding:`md`},{default:n(()=>[s(x,{eyebrow:`Commands`,title:`首轮操作面板`,description:`这里先用假数据承载常用动作。等 CLI 和 dashboard 进一步打通后，可以把这些条目替换成真实任务状态、最近运行记录和直接操作入口。`}),a(`div`,N,[(f(!0),u(l,null,e(t(z),e=>(f(),u(`article`,{key:e.command,class:`rounded-4.5 border border-(--dashboard-border) bg-(--dashboard-panel-muted) p-4`},[a(`div`,P,[a(`div`,null,[a(`h3`,F,p(e.label),1),a(`p`,I,p(e.note),1)]),a(`code`,L,p(e.command),1)])]))),128))])]),_:1}),s(h,{eyebrow:`Guardrails`,title:`第一轮增强原则`,description:`先做壳子，不急着过度抽象数据模型。所有新增页面都要能在没有真实 payload 的情况下独立预览。`,"icon-name":`metric-quality`},{default:n(()=>[a(`ol`,R,[(f(!0),u(l,null,e(t(g),e=>(f(),u(`li`,{key:e,class:`rounded-4.5 border border-(--dashboard-border) bg-(--dashboard-panel-muted) px-4 py-3`},p(e),1))),128))])]),_:1})])]))}});export{z as default};
+import{B as e,C as t,K as n,N as r,R as i,S as a,U as o,V as s,X as c,_ as l,g as u,h as d,j as f,k as p,l as m,p as h,q as g,t as _,u as v,v as y,x as b,y as x,z as S}from"./vue.js";import{O as C,_ as w,c as T,f as E,h as D,t as O,x as k}from"./index.js";import{n as A,t as j}from"./AppEmptyState.js";import{t as M}from"./AppRuntimeBadge.js";import{t as N}from"./AppMetricTile.js";import{t as P}from"./AppInsetPanel.js";import{n as ee,t as te}from"./AppSectionHeading.js";var F={class:`grid h-full min-h-0 gap-3 lg:grid-cols-[minmax(0,1fr)_minmax(13rem,0.58fr)]`},I={class:`grid min-h-0 grid-rows-[auto_minmax(0,1fr)] gap-3 overflow-hidden`},L={class:`grid gap-2 rounded-md border border-(--dashboard-border) bg-(--dashboard-panel-muted) p-3`},R={class:`grid gap-2 md:grid-cols-[minmax(0,1fr)_9.5rem]`},z={class:`grid gap-1.5 text-xs font-medium uppercase tracking-[0.16em] text-(--dashboard-text-soft)`},B={class:`grid gap-1.5 text-xs font-medium uppercase tracking-[0.16em] text-(--dashboard-text-soft)`},V=[`value`],H={class:`text-xs text-(--dashboard-text-soft)`},U={key:1,class:`grid min-h-0 gap-2 overflow-y-auto pr-1`},W={class:`flex items-start justify-between gap-3`},G={class:`min-w-0`},K={class:`text-[11px] uppercase tracking-[0.16em] text-(--dashboard-text-soft)`},q={class:`mt-1 truncate font-medium`},J={class:`mt-2 text-sm leading-6 text-(--dashboard-text-muted)`},Y={class:`grid min-h-0 content-start gap-2 overflow-y-auto rounded-md border border-(--dashboard-border) bg-(--dashboard-panel-muted) p-3`},X={class:`grid gap-2 text-sm leading-6 text-(--dashboard-text-muted)`},Z=t({__name:`WorkspaceActivityTimeline`,props:{items:{},checklist:{}},setup(t){let n=t,i=o(``),s=o(`all`),p=[{value:`all`,label:`全部动态`},{value:`live`,label:`实时`},{value:`default`,label:`记录`}],g=d(()=>{let e=i.value.trim().toLowerCase();return n.items.filter(t=>s.value!==`all`&&t.tone!==s.value?!1:e?[t.time,t.title,t.summary,t.tone].join(` `).toLowerCase().includes(e):!0)}),_=d(()=>{let e=s.value===`all`?`全部`:s.value===`live`?`实时`:`记录`;return`匹配 ${g.value.length} / ${n.items.length} 条 · ${e}`});return(n,o)=>(f(),x(`div`,F,[u(`div`,I,[u(`div`,L,[u(`div`,R,[u(`label`,z,[o[2]||=b(` 搜索动态 `,-1),e(u(`input`,{"onUpdate:modelValue":o[0]||=e=>i.value=e,type:`text`,placeholder:`搜索标题、摘要或时间`,class:`h-9 rounded-md border border-(--dashboard-border) bg-(--dashboard-panel) px-3 text-sm normal-case tracking-normal text-(--dashboard-text) outline-none transition focus:border-(--dashboard-border-strong)`},null,512),[[v,i.value]])]),u(`label`,B,[o[3]||=b(` 状态 `,-1),e(u(`select`,{"onUpdate:modelValue":o[1]||=e=>s.value=e,class:`h-9 rounded-md border border-(--dashboard-border) bg-(--dashboard-panel) px-2.5 text-sm normal-case tracking-normal text-(--dashboard-text) outline-none transition focus:border-(--dashboard-border-strong)`},[(f(),x(h,null,r(p,e=>u(`option`,{key:e.value,value:e.value},c(e.label),9,V)),64))],512),[[m,s.value]])])]),u(`p`,H,c(_.value),1)]),g.value.length===0?(f(),l(j,{key:0,compact:``},{default:S(()=>[...o[4]||=[b(` 当前筛选条件下没有匹配动态。 `,-1)]]),_:1})):(f(),x(`ol`,U,[(f(!0),x(h,null,r(g.value,e=>(f(),x(`li`,{key:`${e.time}-${e.title}`,class:`rounded-md border border-(--dashboard-border) bg-(--dashboard-panel-muted) p-3`},[u(`div`,W,[u(`div`,G,[u(`p`,K,c(e.time),1),u(`h3`,q,c(e.title),1)]),a(M,{label:e.tone===`live`?`实时`:`记录`,tone:e.tone===`live`?`success`:`neutral`},null,8,[`label`,`tone`])]),u(`p`,J,c(e.summary),1)]))),128))]))]),u(`aside`,Y,[o[5]||=u(`div`,null,[u(`p`,{class:`text-[11px] uppercase tracking-[0.2em] text-(--dashboard-accent)`},` Checklist `),u(`h3`,{class:`mt-1 font-semibold`},` 发布检查 `)],-1),u(`ul`,X,[(f(!0),x(h,null,r(t.checklist,e=>(f(),x(`li`,{key:e,class:`rounded-md border border-(--dashboard-border) bg-(--dashboard-panel) px-3 py-2`},c(e),1))),128))])])]))}}),Q={dev:`开发`,build:`构建`,analyze:`分析`},ne={dev:`info`,build:`success`,analyze:`warning`},re=[{value:`all`,label:`全部命令`},{value:`dev`,label:Q.dev},{value:`build`,label:Q.build},{value:`analyze`,label:Q.analyze}];function ie(e){let t=o(``),n=o(`all`),r=o(null),a=o(null),s=o(null),c=null,l=d(()=>{let r=t.value.trim().toLowerCase();return e.commands.filter(e=>n.value!==`all`&&e.category!==n.value?!1:r?[e.label,e.command,e.note,Q[e.category]].join(` `).toLowerCase().includes(r):!0)}),u=d(()=>l.value.find(e=>e.command===r.value)??l.value[0]??null),f=d(()=>{let t=e.commands.length;return`匹配 ${l.value.length} / ${t} 条 · ${n.value===`all`?`全部`:Q[n.value]}`});function m(){a.value=null,s.value=null}function h(){c&&clearTimeout(c),c=setTimeout(()=>{m(),c=null},1800)}async function g(e){try{await A(e),a.value=e,s.value=null}catch{a.value=null,s.value=e}h()}return i(l,e=>{e.some(e=>e.command===r.value)||(r.value=e[0]?.command??null)},{immediate:!0}),p(()=>{c&&clearTimeout(c)}),{categoryFilter:n,categoryLabels:Q,categoryOptions:re,categoryTones:ne,commandSummary:f,copiedCommand:a,copyCommand:g,failedCommand:s,filteredCommands:l,searchQuery:t,selectedCommand:u,selectedCommandValue:r}}var ae={class:`grid h-full min-h-0 gap-3 xl:grid-cols-[minmax(0,1fr)_minmax(15rem,0.72fr)]`},oe={class:`grid min-h-0 grid-rows-[auto_minmax(0,1fr)] gap-3 overflow-hidden`},se={class:`grid gap-3 rounded-md border border-(--dashboard-border) bg-(--dashboard-panel-muted) p-3`},ce={class:`grid gap-2 md:grid-cols-[minmax(0,1fr)_11rem]`},le={class:`grid gap-1.5 text-xs font-medium uppercase tracking-[0.16em] text-(--dashboard-text-soft)`},ue={class:`grid gap-1.5 text-xs font-medium uppercase tracking-[0.16em] text-(--dashboard-text-soft)`},de=[`value`],fe={class:`text-xs text-(--dashboard-text-soft)`},pe={key:1,class:`grid min-h-0 gap-2 overflow-y-auto pr-1`},me={class:`flex flex-col gap-3 md:flex-row md:items-center md:justify-between`},he=[`onClick`],ge={class:`flex flex-wrap items-center gap-2`},_e={class:`font-medium text-(--dashboard-text)`},ve={class:`mt-1 block text-sm leading-6 text-(--dashboard-text-muted)`},ye=[`aria-label`,`title`,`onClick`],be={class:`h-4.5 w-4.5`},xe={class:`grid min-h-0 grid-rows-[auto_minmax(0,1fr)] gap-3 overflow-hidden rounded-md border border-(--dashboard-border) bg-(--dashboard-panel-muted) p-4`},Se={class:`flex items-start justify-between gap-3`},Ce={key:1,class:`grid min-h-0 content-start gap-3 overflow-y-auto`},we={class:`font-medium`},Te={class:`mt-1 text-sm leading-6 text-(--dashboard-text-muted)`},Ee={class:`block overflow-x-auto rounded-md bg-slate-950 px-3 py-3 font-mono text-xs leading-6 text-slate-100 dark:bg-slate-900`},De={class:`h-4.5 w-4.5`},Oe=t({__name:`WorkspaceCommandCenter`,props:{commands:{}},setup(t){let{categoryFilter:i,categoryLabels:o,categoryOptions:d,categoryTones:p,commandSummary:_,copiedCommand:w,copyCommand:T,failedCommand:E,filteredCommands:D,searchQuery:O,selectedCommand:k,selectedCommandValue:A}=ie(t);return(t,N)=>(f(),x(`div`,ae,[u(`div`,oe,[u(`div`,se,[u(`div`,ce,[u(`label`,le,[N[3]||=b(` 搜索命令 `,-1),e(u(`input`,{"onUpdate:modelValue":N[0]||=e=>s(O)?O.value=e:null,type:`text`,placeholder:`搜索名称、命令或说明`,class:`h-9 rounded-md border border-(--dashboard-border) bg-(--dashboard-panel) px-3 text-sm normal-case tracking-normal text-(--dashboard-text) outline-none transition focus:border-(--dashboard-border-strong)`},null,512),[[v,n(O)]])]),u(`label`,ue,[N[4]||=b(` 分类 `,-1),e(u(`select`,{"onUpdate:modelValue":N[1]||=e=>s(i)?i.value=e:null,class:`h-9 rounded-md border border-(--dashboard-border) bg-(--dashboard-panel) px-2.5 text-sm normal-case tracking-normal text-(--dashboard-text) outline-none transition focus:border-(--dashboard-border-strong)`},[(f(!0),x(h,null,r(n(d),e=>(f(),x(`option`,{key:e.value,value:e.value},c(e.label),9,de))),128))],512),[[m,n(i)]])])]),u(`p`,fe,c(n(_)),1)]),n(D).length===0?(f(),l(j,{key:0,compact:``},{default:S(()=>[...N[5]||=[b(` 当前筛选条件下没有匹配命令。 `,-1)]]),_:1})):(f(),x(`div`,pe,[(f(!0),x(h,null,r(n(D),e=>(f(),x(`article`,{key:e.command,class:g([`rounded-md border bg-(--dashboard-panel-muted) p-3 transition`,n(k)?.command===e.command?`border-(--dashboard-border-strong) bg-(--dashboard-panel)`:`border-(--dashboard-border)`])},[u(`div`,me,[u(`button`,{type:`button`,class:`min-w-0 text-left focus:outline-none`,onClick:t=>A.value=e.command},[u(`span`,ge,[u(`span`,_e,c(e.label),1),a(M,{label:n(o)[e.category],tone:n(p)[e.category]},null,8,[`label`,`tone`])]),u(`span`,ve,c(e.note),1)],8,he),u(`button`,{class:`inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-md border border-(--dashboard-border) bg-(--dashboard-panel) text-(--dashboard-text-soft) transition hover:border-(--dashboard-border-strong) hover:text-(--dashboard-accent) focus:border-(--dashboard-border-strong) focus:outline-none`,type:`button`,"aria-label":`复制命令 ${e.command}`,title:n(w)===e.command?`已复制`:n(E)===e.command?`复制失败`:`复制命令`,onClick:t=>n(T)(e.command)},[u(`span`,be,[a(C,{name:`metric-copy`})])],8,ye)])],2))),128))]))]),u(`aside`,xe,[u(`div`,Se,[N[6]||=u(`div`,null,[u(`p`,{class:`text-[11px] uppercase tracking-[0.2em] text-(--dashboard-accent)`},` Selected `),u(`h3`,{class:`mt-1 text-base font-semibold`},` 当前命令 `)],-1),n(k)?(f(),l(M,{key:0,label:n(o)[n(k).category],tone:n(p)[n(k).category]},null,8,[`label`,`tone`])):y(``,!0)]),n(k)?(f(),x(`div`,Ce,[u(`div`,null,[u(`h4`,we,c(n(k).label),1),u(`p`,Te,c(n(k).note),1)]),u(`code`,Ee,c(n(k).command),1),u(`button`,{type:`button`,class:`inline-flex h-9 w-full items-center justify-center gap-2 rounded-md border border-(--dashboard-border) bg-(--dashboard-panel) px-3 text-sm font-medium text-(--dashboard-text) transition hover:border-(--dashboard-border-strong) hover:text-(--dashboard-accent) focus:border-(--dashboard-border-strong) focus:outline-none`,onClick:N[2]||=e=>n(T)(n(k).command)},[u(`span`,De,[a(C,{name:`metric-copy`})]),b(` `+c(n(w)===n(k).command?`已复制`:n(E)===n(k).command?`复制失败`:`复制命令`),1)])])):(f(),l(j,{key:0,compact:``},{default:S(()=>[...N[7]||=[b(` 选择左侧命令后查看复制内容。 `,-1)]]),_:1}))])]))}}),ke={class:`flex shrink-0 items-center gap-2`},Ae={key:0,class:`text-xs font-medium text-(--dashboard-accent)`},je={class:`h-3.5 w-3.5`},Me={class:`grid gap-3`},Ne={class:`flex items-start justify-between gap-3`},Pe={class:`min-w-0`},Fe={class:`text-sm font-semibold text-(--dashboard-text)`},Ie={class:`mt-1 text-xs leading-5 text-(--dashboard-text-muted)`},Le={class:`grid grid-cols-2 gap-2 2xl:grid-cols-3`},Re={class:`grid gap-2 sm:grid-cols-2`},ze={class:`flex items-start justify-between gap-3`},Be={class:`min-w-0`},Ve={class:`text-sm font-medium text-(--dashboard-text)`},He={class:`mt-1 line-clamp-2 text-xs leading-5 text-(--dashboard-text-muted)`},Ue={class:`shrink-0 text-xs font-semibold text-(--dashboard-accent)`},We={key:0,class:`rounded-md border border-(--dashboard-border) bg-(--dashboard-panel-muted) px-3 py-2.5`},Ge={class:`mt-2 flex items-start justify-between gap-3`},Ke={class:`min-w-0`},qe={class:`truncate text-sm font-medium text-(--dashboard-text)`},Je={class:`mt-1 truncate text-xs text-(--dashboard-text-soft)`},Ye={class:`h-4 w-4 shrink-0 text-(--dashboard-accent)`},Xe=t({__name:`WorkspaceReadinessPanel`,props:{summary:{}},setup(e){let t=e,i=o(``),s=null,m=d(()=>t.summary.status===`attention`?`warning`:t.summary.status===`pending`?`info`:`success`);function v(e){return e===`attention`?`border-amber-400/60 bg-(--dashboard-panel-muted)`:e===`pending`?`border-(--dashboard-border-strong) bg-(--dashboard-panel-muted)`:`border-emerald-400/60 bg-(--dashboard-panel-muted)`}function w(e){i.value=e,s&&clearTimeout(s),s=setTimeout(()=>{i.value=``,s=null},1800)}async function T(){try{await A(t.summary.report),w(`摘要已复制`)}catch{w(`复制失败`)}}return p(()=>{s&&clearTimeout(s)}),(t,o)=>(f(),l(k,{eyebrow:`Readiness`,title:`工作区摘要`,"icon-name":`metric-ready`},{header:S(()=>[u(`div`,ke,[i.value?(f(),x(`span`,Ae,c(i.value),1)):y(``,!0),u(`button`,{type:`button`,class:`inline-flex h-8 items-center gap-1.5 rounded-md border border-(--dashboard-border) bg-(--dashboard-panel-muted) px-3 text-xs text-(--dashboard-text-soft) transition hover:border-(--dashboard-border-strong) hover:text-(--dashboard-accent) focus:border-(--dashboard-border-strong) focus:outline-none`,onClick:T},[u(`span`,je,[a(C,{name:`metric-copy`})]),o[0]||=b(` 复制 `,-1)])])]),default:S(()=>[u(`div`,Me,[u(`div`,{class:g([`rounded-md border px-3 py-2.5`,v(e.summary.status)])},[u(`div`,Ne,[u(`div`,Pe,[u(`p`,Fe,c(e.summary.statusLabel),1),u(`p`,Ie,c(e.summary.statusDetail),1)]),a(M,{label:e.summary.statusLabel,tone:m.value},null,8,[`label`,`tone`])])],2),u(`div`,Le,[(f(!0),x(h,null,r(e.summary.metrics,e=>(f(),l(N,{key:e.label,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),u(`div`,Re,[(f(!0),x(h,null,r(e.summary.actions,e=>(f(),l(n(_),{key:e.id,to:e.to,class:`rounded-md border border-(--dashboard-border) bg-(--dashboard-panel-muted) px-3 py-2.5 transition hover:border-(--dashboard-border-strong) hover:bg-(--dashboard-panel)`},{default:S(()=>[u(`div`,ze,[u(`div`,Be,[u(`p`,Ve,c(e.title),1),u(`p`,He,c(e.detail),1)]),u(`span`,Ue,c(e.label),1)])]),_:2},1032,[`to`]))),128))]),e.summary.latestEvent?(f(),x(`div`,We,[o[1]||=u(`p`,{class:`text-[11px] uppercase tracking-[0.2em] text-(--dashboard-accent)`},` Latest Event `,-1),u(`div`,Ge,[u(`div`,Ke,[u(`p`,qe,c(e.summary.latestEvent.title),1),u(`p`,Je,c(e.summary.latestEvent.timestamp)+` · `+c(e.summary.latestEvent.levelLabel),1)]),u(`span`,Ye,[a(C,{name:`metric-time`})])])])):y(``,!0)])]),_:1}))}});function Ze(e){return e?.packages.flatMap(e=>e.files).reduce((e,t)=>e+(t.size??0),0)??0}function Qe(e){return e?.modules.filter(e=>e.packages.length>1).length??0}function $e(e){return e.filter(e=>e.level===`warning`).length}function et(e){return e.filter(e=>e.level===`error`).length}function tt(e){return e.result?e.errorCount>0||e.warningCount>0?`attention`:`ready`:`pending`}function $(e){return e===`pending`?`等待分析数据`:e===`attention`?`需要跟进`:`可以继续分析`}function nt(e){return e.status===`pending`?`当前还没有 CLI 注入的 analyze payload，可以先运行分析命令。`:e.status===`attention`?`已载入 ${e.packageCount} 个包，事件流包含 ${e.errorCount} 个错误和 ${e.warningCount} 个警告。`:`已载入 ${e.packageCount} 个包与 ${e.moduleCount} 个模块，当前事件流没有错误或警告。`}function rt(e){return e===`pending`?[{id:`run-analyze`,title:`先运行分析命令`,detail:`从右侧命令中心复制 analyze 命令，获取真实包体数据。`,to:`/`,label:`查看命令`},{id:`inspect-activity`,title:`检查事件链路`,detail:`确认 CLI 注入和 runtime event 是否按预期进入 dashboard。`,to:`/activity`,label:`活动流`}]:e===`attention`?[{id:`open-activity`,title:`先处理异常事件`,detail:`进入活动流查看错误、警告和慢事件摘要。`,to:`/activity`,label:`看事件`},{id:`open-review`,title:`整理 PR 风险`,detail:`进入评审页复制风险清单，和代码改动一起处理。`,to:`/analyze?tab=review`,label:`评审清单`}]:[{id:`open-overview`,title:`查看全局摘要`,detail:`进入分析视图核对包体、预算和历史趋势。`,to:`/analyze`,label:`分析视图`},{id:`open-source`,title:`对比源码产物`,detail:`继续检查源码模块与最终产物之间的体积差异。`,to:`/analyze?tab=source`,label:`源码对比`}]}function it(e){let t=e[0];if(t)return{title:t.title,detail:t.detail,levelLabel:E(t.level),timestamp:t.timestamp}}function at(e){return[`# dashboard 工作区摘要`,``,`状态：${e.statusLabel}`,`说明：${e.statusDetail}`,``,`## 指标`,...e.metrics.map(e=>`- ${e.label}：${e.value}`),``,`## 建议动作`,...e.actions.map(e=>`- ${e.title}：${e.detail}`),``,`## 最新事件`,e.latestEvent?`- [${e.latestEvent.levelLabel}] ${e.latestEvent.title}（${e.latestEvent.timestamp}）：${e.latestEvent.detail}`:`- 暂无运行事件`,``].join(`
+`)}function ot(e){let t=e.result?.packages.length??0,n=e.result?.modules.length??0,r=Qe(e.result),i=Ze(e.result),a=$e(e.runtimeEvents),o=et(e.runtimeEvents),s=tt({result:e.result,errorCount:o,warningCount:a}),c={status:s,statusLabel:$(s),statusDetail:nt({status:s,packageCount:t,moduleCount:n,errorCount:o,warningCount:a}),metrics:[{label:`包数量`,value:t},{label:`模块数`,value:n},{label:`重复模块`,value:r},{label:`产物体积`,value:e.result?T(i):`未载入`},{label:`同步次数`,value:e.updateCount},{label:`诊断项`,value:e.diagnostics.length}],actions:rt(s),latestEvent:it(e.runtimeEvents)};return{...c,report:at(c)}}var st={class:`grid h-full min-h-0 gap-3 overflow-hidden xl:grid-cols-[minmax(0,0.92fr)_minmax(24rem,0.72fr)]`},ct={class:`grid h-full min-h-0 grid-rows-[auto_auto_minmax(0,1fr)] gap-3 overflow-hidden`},lt={class:`grid gap-2 text-sm md:grid-cols-2`},ut={class:`inline-flex min-w-0 items-center gap-2`},dt={class:`h-4.5 w-4.5 shrink-0 text-(--dashboard-accent)`},ft={class:`truncate`},pt={class:`shrink-0 text-(--dashboard-text)`},mt={class:`grid gap-3 sm:grid-cols-2 2xl:grid-cols-4`},ht={class:`grid min-h-0 grid-rows-[auto_minmax(0,1fr)] gap-3 overflow-hidden`},gt={class:`mt-4 h-full min-h-0`},_t=t({__name:`index`,setup(e){let{activityItems:t,commandItems:i,diagnostics:o,lastUpdatedAt:s,resultRef:p,runtimeEvents:m,signals:g,updateCount:v}=O(),y=d(()=>ot({result:p.value,runtimeEvents:m.value,diagnostics:o.value,updateCount:v.value,lastUpdatedAt:s.value}));return(e,o)=>(f(),x(`div`,st,[a(k,{eyebrow:`Status`,title:`当前工作区`,"icon-name":`status-live`,tone:`strong`,padding:`md`,"content-class":`min-h-0 overflow-hidden`},{default:S(()=>[u(`div`,ct,[a(P,null,{default:S(()=>[u(`ul`,lt,[(f(!0),x(h,null,r(n(g),e=>(f(),x(`li`,{key:e.label,class:`flex items-center justify-between gap-3 rounded-md border border-(--dashboard-border) bg-(--dashboard-panel) px-3 py-3`},[u(`span`,ut,[u(`span`,dt,[a(C,{name:e.iconName},null,8,[`name`])]),u(`span`,ft,c(e.label),1)]),u(`strong`,pt,c(e.value),1)]))),128))])]),_:1}),u(`div`,mt,[(f(!0),x(h,null,r(n(w),e=>(f(),l(n(_),{key:e.to,to:e.to},{default:S(()=>[a(ee,{"icon-name":e.iconName,title:e.label,interactive:``},null,8,[`icon-name`,`title`])]),_:2},1032,[`to`]))),128))]),a(Z,{items:n(t),checklist:n(D)},null,8,[`items`,`checklist`])])]),_:1}),u(`section`,ht,[a(Xe,{summary:y.value},null,8,[`summary`]),a(k,{tone:`default`,padding:`md`,"content-class":`min-h-0 overflow-hidden`},{default:S(()=>[a(te,{eyebrow:`Commands`,title:`常用操作`}),u(`div`,gt,[a(Oe,{commands:n(i)},null,8,[`commands`])])]),_:1})])]))}});export{_t as default};

package/dist/assets/tokens.js

@@ -1 +1 @@
-import{E as e,F as t,I as n,M as r,R as i,_ as a,b as o,d as s,f as c,g as l,l as u,m as d,u as f,w as p,z as m}from"./vue.js";import{S as h,n as g,v as _,w as v}from"./index.js";import{t as y}from"./AppSectionHeading.js";import{t as b}from"./AppIconFeatureCard.js";var x=a({__name:`AppSurfaceSampleCard`,props:{label:{},tone:{}},setup(e){function t(e){switch(e){case`strong`:return`border border-(--dashboard-border-strong) bg-(--dashboard-panel-strong) shadow-(--dashboard-shadow)`;case`muted`:return`border border-(--dashboard-border) bg-(--dashboard-panel-muted)`;default:return`border border-(--dashboard-border) bg-(--dashboard-panel)`}}return(r,i)=>(p(),d(`div`,{class:n([`rounded-4.5 p-4`,t(e.tone)])},m(e.label),3))}}),S={class:`flex items-center justify-between gap-3`},C={class:`text-xs text-(--dashboard-text-soft)`},w=a({__name:`AppTokenSwatch`,props:{name:{},sample:{}},setup(e){let r=e,a=f(()=>({background:r.sample}));return(r,o)=>(p(),d(`li`,{class:n(t(v)())},[s(`div`,S,[s(`code`,C,m(e.name),1),s(`span`,{class:`h-8 w-14 rounded-xl border border-(--dashboard-border)`,style:i(a.value)},null,4)])],2))}}),T={class:`grid gap-3`},E={class:`mt-5 grid gap-3 lg:grid-cols-3`},D={class:`grid gap-3 lg:grid-cols-3`},O={class:`grid gap-3`},k={class:`grid gap-3 xl:grid-cols-[minmax(0,1fr)_minmax(0,1fr)]`},A={class:`grid gap-3 md:grid-cols-3`},j=a({__name:`tokens`,setup(n){let i=[{label:`Default surface`,tone:`default`},{label:`Strong surface`,tone:`strong`},{label:`Muted surface`,tone:`muted`}],a=g.map(e=>({iconName:e.iconName,title:e.label,meta:e.value}));return(n,f)=>(p(),d(`div`,T,[l(h,{tone:`strong`,padding:`md`},{default:r(()=>[l(y,{eyebrow:`System`,title:`设计令牌与组件语义`,description:`这个页面不是给最终用户看的功能页，而是给 dashboard 自己看的设计控制台。后面改视觉体系时，先看这里再改其它页面。`}),s(`div`,E,[(p(!0),d(u,null,e(t(a),e=>(p(),c(b,o({key:e.meta},{ref_for:!0},e),null,16))),128))])]),_:1}),s(`section`,D,[(p(!0),d(u,null,e(t(_),t=>(p(),c(h,{key:t.title,title:t.title,"icon-name":t.iconName,padding:`md`},{default:r(()=>[s(`ul`,O,[(p(!0),d(u,null,e(t.tokens,e=>(p(),c(w,o({key:e.name},{ref_for:!0},e),null,16))),128))])]),_:2},1032,[`title`,`icon-name`]))),128))]),s(`section`,k,[l(h,{eyebrow:`Components`,title:`标准表面`,description:`统一的圆角、边框和阴影会比单独页面自由发挥更重要。`,"icon-name":`token-surface`},{default:r(()=>[s(`div`,A,[(p(),d(u,null,e(i,e=>l(x,o({key:e.label},{ref_for:!0},e),null,16)),64))])]),_:1}),l(h,{eyebrow:`Typography`,title:`文本层级`,description:`dashboard 需要明显的技术控制台语义，而不是普通后台模板样式。`,"icon-name":`token-type`},{default:r(()=>[...f[0]||=[s(`div`,{class:`space-y-3`},[s(`p`,{class:`text-3xl font-semibold tracking-tight`},` IBM Plex Sans Console `),s(`p`,{class:`text-base text-(--dashboard-text-muted)`},` 说明文案采用偏紧凑的行高和较高的信息密度，适合后续挂载构建分析、事件流和诊断面板。 `),s(`p`,{class:`text-sm uppercase tracking-[0.24em] text-(--dashboard-text-soft)`},` uppercased meta labels for control surfaces `)],-1)]]),_:1})])]))}});export{j as default};
+import{B as e,C as t,D as n,K as r,N as i,R as a,S as o,U as s,V as c,X as l,Y as u,_ as d,g as f,h as p,j as m,k as h,l as g,p as _,q as v,u as y,v as b,x,y as S,z as C}from"./vue.js";import{O as ee,g as w,v as T,x as E}from"./index.js";import{n as D,t as O}from"./AppEmptyState.js";import{t as k}from"./AppRuntimeBadge.js";import{n as A,t as j}from"./AppSectionHeading.js";var M=t({__name:`AppSurfaceSampleCard`,props:{label:{},tone:{}},setup(e){function t(e){switch(e){case`strong`:return`border border-(--dashboard-border-strong) bg-(--dashboard-panel-strong) shadow-(--dashboard-shadow)`;case`muted`:return`border border-(--dashboard-border) bg-(--dashboard-panel-muted)`;default:return`border border-(--dashboard-border) bg-(--dashboard-panel)`}}return(n,r)=>(m(),S(`div`,{class:v([`rounded-4.5 p-4`,t(e.tone)])},l(e.label),3))}});function N(e){let t=s(``),n=s(`all`),r=s(null),i=s(null),o=s(null),c=null,l=p(()=>e.groups.flatMap(e=>e.tokens.map(t=>({...t,key:`${e.title}:${t.name}`,groupTitle:e.title,groupIconName:e.iconName})))),u=p(()=>[{value:`all`,label:`全部分组`},...e.groups.map(e=>({value:e.title,label:e.title}))]),d=p(()=>{let e=t.value.trim().toLowerCase();return l.value.filter(t=>n.value!==`all`&&t.groupTitle!==n.value?!1:e?[t.name,t.sample,t.groupTitle].join(` `).toLowerCase().includes(e):!0)}),f=p(()=>d.value.find(e=>e.key===r.value)??d.value[0]??null),m=p(()=>{let e=n.value===`all`?`全部`:n.value;return`匹配 ${d.value.length} / ${l.value.length} 个令牌 · ${e}`}),g=p(()=>({background:f.value?.sample??`transparent`}));function _(){i.value=null,o.value=null}function v(){c&&clearTimeout(c),c=setTimeout(()=>{_(),c=null},1800)}async function y(e){try{await D(e),i.value=e,o.value=null}catch{i.value=null,o.value=e}v()}return a(d,e=>{e.some(e=>e.key===r.value)||(r.value=e[0]?.key??null)},{immediate:!0}),h(()=>{c&&clearTimeout(c)}),{copiedToken:i,copyToken:y,failedToken:o,filteredTokens:d,groupFilter:n,groupOptions:u,searchQuery:t,selectedSampleStyle:g,selectedToken:f,selectedTokenKey:r,tokenSummary:m}}var P={class:`grid h-full min-h-0 gap-3 xl:grid-cols-[minmax(0,1fr)_minmax(16rem,0.62fr)]`},F={class:`grid min-h-0 grid-rows-[auto_minmax(0,1fr)] gap-3 overflow-hidden`},I={class:`grid gap-3 rounded-md border border-(--dashboard-border) bg-(--dashboard-panel-muted) p-3`},L={class:`grid gap-2 md:grid-cols-[minmax(0,1fr)_11rem]`},R={class:`grid gap-1.5 text-xs font-medium uppercase tracking-[0.16em] text-(--dashboard-text-soft)`},z={class:`grid gap-1.5 text-xs font-medium uppercase tracking-[0.16em] text-(--dashboard-text-soft)`},B=[`value`],V={class:`text-xs text-(--dashboard-text-soft)`},H={key:1,class:`grid min-h-0 gap-2 overflow-y-auto pr-1`},U=[`onClick`],W={class:`flex items-center justify-between gap-3`},G={class:`flex min-w-0 items-center gap-2`},K={class:`h-4.5 w-4.5 shrink-0 text-(--dashboard-accent)`},q={class:`truncate text-xs text-(--dashboard-text-soft)`},J={class:`mt-2 flex items-center justify-between gap-3`},Y={class:`truncate text-xs text-(--dashboard-text-muted)`},X={class:`grid min-h-0 grid-rows-[auto_minmax(0,1fr)] gap-3 overflow-hidden rounded-md border border-(--dashboard-border) bg-(--dashboard-panel-muted) p-4`},Z={class:`flex items-start justify-between gap-3`},Q={key:1,class:`grid min-h-0 content-start gap-3 overflow-y-auto`},te={class:`grid gap-2`},ne={class:`rounded-md bg-slate-950 px-3 py-2 font-mono text-xs leading-6 text-slate-100 dark:bg-slate-900`},re={class:`rounded-md bg-slate-950 px-3 py-2 font-mono text-xs leading-6 text-slate-100 dark:bg-slate-900`},ie={class:`grid gap-2 sm:grid-cols-2 xl:grid-cols-1 2xl:grid-cols-2`},ae=t({__name:`TokenInspector`,props:{groups:{}},setup(t){let{copiedToken:n,copyToken:a,failedToken:s,filteredTokens:p,groupFilter:h,groupOptions:w,searchQuery:T,selectedSampleStyle:E,selectedToken:D,selectedTokenKey:A,tokenSummary:j}=N(t);return(t,M)=>(m(),S(`div`,P,[f(`div`,F,[f(`div`,I,[f(`div`,L,[f(`label`,R,[M[4]||=x(` 搜索令牌 `,-1),e(f(`input`,{"onUpdate:modelValue":M[0]||=e=>c(T)?T.value=e:null,type:`text`,placeholder:`搜索变量名、分组或 CSS 值`,class:`h-9 rounded-md border border-(--dashboard-border) bg-(--dashboard-panel) px-3 text-sm normal-case tracking-normal text-(--dashboard-text) outline-none transition focus:border-(--dashboard-border-strong)`},null,512),[[y,r(T)]])]),f(`label`,z,[M[5]||=x(` 分组 `,-1),e(f(`select`,{"onUpdate:modelValue":M[1]||=e=>c(h)?h.value=e:null,class:`h-9 rounded-md border border-(--dashboard-border) bg-(--dashboard-panel) px-2.5 text-sm normal-case tracking-normal text-(--dashboard-text) outline-none transition focus:border-(--dashboard-border-strong)`},[(m(!0),S(_,null,i(r(w),e=>(m(),S(`option`,{key:e.value,value:e.value},l(e.label),9,B))),128))],512),[[g,r(h)]])])]),f(`p`,V,l(r(j)),1)]),r(p).length===0?(m(),d(O,{key:0,compact:``},{default:C(()=>[...M[6]||=[x(` 当前筛选条件下没有匹配令牌。 `,-1)]]),_:1})):(m(),S(`div`,H,[(m(!0),S(_,null,i(r(p),e=>(m(),S(`button`,{key:e.key,type:`button`,class:v([`rounded-md border bg-(--dashboard-panel-muted) p-3 text-left transition focus:outline-none`,r(D)?.key===e.key?`border-(--dashboard-border-strong) bg-(--dashboard-panel)`:`border-(--dashboard-border)`]),onClick:t=>A.value=e.key},[f(`span`,W,[f(`span`,G,[f(`span`,K,[o(ee,{name:e.groupIconName},null,8,[`name`])]),f(`code`,q,l(e.name),1)]),f(`span`,{class:`h-8 w-14 shrink-0 rounded-md border border-(--dashboard-border)`,style:u({background:e.sample})},null,4)]),f(`span`,J,[o(k,{label:e.groupTitle,tone:`info`},null,8,[`label`]),f(`span`,Y,l(e.sample),1)])],10,U))),128))]))]),f(`aside`,X,[f(`div`,Z,[M[7]||=f(`div`,null,[f(`p`,{class:`text-[11px] uppercase tracking-[0.2em] text-(--dashboard-accent)`},` Selected `),f(`h3`,{class:`mt-1 text-base font-semibold`},` 当前令牌 `)],-1),r(D)?(m(),d(k,{key:0,label:r(D).groupTitle,tone:`info`},null,8,[`label`])):b(``,!0)]),r(D)?(m(),S(`div`,Q,[f(`div`,{class:`min-h-28 rounded-md border border-(--dashboard-border) shadow-inner`,style:u(r(E))},null,4),f(`div`,te,[f(`code`,ne,l(r(D).name),1),f(`code`,re,l(r(D).sample),1)]),f(`div`,ie,[f(`button`,{type:`button`,class:`inline-flex h-9 items-center justify-center gap-2 rounded-md border border-(--dashboard-border) bg-(--dashboard-panel) px-3 text-sm font-medium text-(--dashboard-text) transition hover:border-(--dashboard-border-strong) hover:text-(--dashboard-accent) focus:border-(--dashboard-border-strong) focus:outline-none`,onClick:M[2]||=e=>r(a)(r(D).name)},` 复制变量名 `),f(`button`,{type:`button`,class:`inline-flex h-9 items-center justify-center gap-2 rounded-md border border-(--dashboard-border) bg-(--dashboard-panel) px-3 text-sm font-medium text-(--dashboard-text) transition hover:border-(--dashboard-border-strong) hover:text-(--dashboard-accent) focus:border-(--dashboard-border-strong) focus:outline-none`,onClick:M[3]||=e=>r(a)(r(D).sample)},l(r(n)===r(D).sample?`已复制`:r(s)===r(D).sample?`复制失败`:`复制 CSS 值`),1)])])):(m(),d(O,{key:0,compact:``},{default:C(()=>[...M[8]||=[x(` 选择左侧令牌后查看 CSS 变量详情。 `,-1)]]),_:1}))])]))}}),oe={class:`grid h-full min-h-0 grid-rows-[auto_minmax(0,1fr)_auto] gap-3 overflow-hidden`},$={class:`mt-4 grid gap-3 lg:grid-cols-3`},se={class:`grid min-h-0 overflow-hidden`},ce={class:`grid gap-3 xl:grid-cols-[minmax(0,1fr)_minmax(0,1fr)]`},le={class:`grid gap-3 md:grid-cols-3`},ue=t({__name:`tokens`,setup(e){let t=[{label:`Default surface`,tone:`default`},{label:`Strong surface`,tone:`strong`},{label:`Muted surface`,tone:`muted`}],a=T.map(e=>({iconName:e.iconName,title:e.label,meta:e.value}));return(e,s)=>(m(),S(`div`,oe,[o(E,{tone:`strong`,padding:`md`},{default:C(()=>[o(j,{eyebrow:`System`,title:`设计令牌`}),f(`div`,$,[(m(!0),S(_,null,i(r(a),e=>(m(),d(A,n({key:e.meta},{ref_for:!0},e),null,16))),128))])]),_:1}),f(`section`,se,[o(E,{eyebrow:`Tokens`,title:`令牌检查器`,"icon-name":`token-color`,padding:`md`,"content-class":`min-h-0 overflow-hidden`},{default:C(()=>[o(ae,{groups:r(w)},null,8,[`groups`])]),_:1})]),f(`section`,ce,[o(E,{eyebrow:`Components`,title:`标准表面`,"icon-name":`token-surface`},{default:C(()=>[f(`div`,le,[(m(),S(_,null,i(t,e=>o(M,n({key:e.label},{ref_for:!0},e),null,16)),64))])]),_:1}),o(E,{eyebrow:`Typography`,title:`文本层级`,"icon-name":`token-type`},{default:C(()=>[...s[0]||=[f(`div`,{class:`space-y-3`},[f(`p`,{class:`text-2xl font-semibold tracking-tight`},` IBM Plex Sans Console `),f(`p`,{class:`text-sm uppercase tracking-[0.24em] text-(--dashboard-text-soft)`},` uppercased meta labels for control surfaces `)],-1)]]),_:1})])]))}});export{ue as default};