npm - blun-king-cli - Versions diffs - 9.0.0 → 9.1.0 - Mend

blun-king-cli 9.0.0 → 9.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (238) hide show

package/dist-web/assets/{CodeBlockNode-Bsvp6ZEy.js → CodeBlockNode-CXnTLMNr.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{bR as ao,ci as uo,bQ as Bl,M as El,bl as so,af as gl,bZ as co,c0 as Ol,aU as P,bT as fo,bE as q,az as vo,c1 as wl,c2 as mo,aI as Ll,aL as Xe,s as Nn,bk as Et,cj as bl,u as Sl,I as po,A as ho,bJ as Ln,aY as bt,bL as yo,v as A,aw as St,au as Hn,t as kt,bB as go,bb as Ot,q as w,ck as wo,c4 as bo,c5 as So,c8 as ko,a0 as Co,c3 as kl,aD as xo,bO as Mo,T as Po,as as V,b$ as Bo,cl as Eo}from"./index-CkVgGDpx.js";import{i as Z,t as Oo}from"./safeRaf-DGuzXxDK.js";import{V as Lo}from"./CodeBlockShell.vue_vue_type_style_index_0_lang-ta7hLjia.js";var Fn=(x,k,M)=>new Promise((i,de)=>{var Oe=B=>{try{ee(M.next(B))}catch(L){de(L)}},K=B=>{try{ee(M.throw(B))}catch(L){de(L)}},ee=B=>B.done?i(B.value):Promise.resolve(B.value).then(Oe,K);ee((M=M.apply(x,k)).next())});let Cl=!1,fn=null,vn=null,Ct=!1,mn=null;function Fo(){return Fn(this,null,function*(){if(mn)return mn;mn=Fn(null,null,function*(){if(!vn){if(Ct)return null;try{if(vn=(function(x){const k=x;if(typeof k?.useMonaco=="function")return k;const M=x?.default;return typeof M?.useMonaco=="function"?M:null})(yield ao(()=>import("./__vite-optional-peer-dep_stream-monaco_markstream-vue-BIHI7g3E.js"),[])),!vn)return Ct=!0,null}catch{return Ct=!0,null}}try{return yield(function(x){return Fn(this,null,function*(){return Cl?void 0:fn||(fn=Fn(null,null,function*(){const M=globalThis?.MonacoEnvironment;M&&(typeof M.getWorker=="function"||typeof M.getWorkerUrl=="function")||typeof x?.preloadMonacoWorkers!="function"||(yield x.preloadMonacoWorkers()),Cl=!0}).finally(()=>{fn=null}),fn)})})(vn),uo(),vn}catch{return null}});try{return yield mn}finally{mn=null}})}var $o=Object.defineProperty,No=Object.defineProperties,Ho=Object.getOwnPropertyDescriptors,xl=Object.getOwnPropertySymbols,zo=Object.prototype.hasOwnProperty,To=Object.prototype.propertyIsEnumerable,Ml=(x,k,M)=>k in x?$o(x,k,{enumerable:!0,configurable:!0,writable:!0,value:M}):x[k]=M,_=(x,k)=>{for(var M in k||(k={}))zo.call(k,M)&&Ml(x,M,k[M]);if(xl)for(var M of xl(k))To.call(k,M)&&Ml(x,M,k[M]);return x},ye=(x,k)=>No(x,Ho(k)),H=(x,k,M)=>new Promise((i,de)=>{var Oe=B=>{try{ee(M.next(B))}catch(L){de(L)}},K=B=>{try{ee(M.throw(B))}catch(L){de(L)}},ee=B=>B.done?i(B.value):Promise.resolve(B.value).then(Oe,K);ee((M=M.apply(x,k)).next())});const Ro={class:"html-preview-frame__header"},_o={class:"html-preview-frame__title"},Do={class:"html-preview-frame__label"},Wo=["sandbox","srcdoc"],Ao=Bl(El({__name:"HtmlPreviewFrame",props:{code:{},isDark:{type:Boolean},htmlPreviewAllowScripts:{type:Boolean},htmlPreviewSandbox:{},onClose:{type:Function},title:{}},setup(x){const k=x,M=import.meta!==void 0&&!1;let i=null;const{t:de}=Ol(),Oe=w(()=>{const B=k.code||"",L=B.trim().toLowerCase();return L.startsWith("<!doctype")||L.startsWith("<html")||L.startsWith("<body")?B:`<!doctype html>
+import{bR as ao,ci as uo,bQ as Bl,M as El,bl as so,af as gl,bZ as co,c0 as Ol,aU as P,bT as fo,bE as q,az as vo,c1 as wl,c2 as mo,aI as Ll,aL as Xe,s as Nn,bk as Et,cj as bl,u as Sl,I as po,A as ho,bJ as Ln,aY as bt,bL as yo,v as A,aw as St,au as Hn,t as kt,bB as go,bb as Ot,q as w,ck as wo,c4 as bo,c5 as So,c8 as ko,a0 as Co,c3 as kl,aD as xo,bO as Mo,T as Po,as as V,b$ as Bo,cl as Eo}from"./index-CiPA8Kex.js";import{i as Z,t as Oo}from"./safeRaf-DGuzXxDK.js";import{V as Lo}from"./CodeBlockShell.vue_vue_type_style_index_0_lang-CCF8Ntnq.js";var Fn=(x,k,M)=>new Promise((i,de)=>{var Oe=B=>{try{ee(M.next(B))}catch(L){de(L)}},K=B=>{try{ee(M.throw(B))}catch(L){de(L)}},ee=B=>B.done?i(B.value):Promise.resolve(B.value).then(Oe,K);ee((M=M.apply(x,k)).next())});let Cl=!1,fn=null,vn=null,Ct=!1,mn=null;function Fo(){return Fn(this,null,function*(){if(mn)return mn;mn=Fn(null,null,function*(){if(!vn){if(Ct)return null;try{if(vn=(function(x){const k=x;if(typeof k?.useMonaco=="function")return k;const M=x?.default;return typeof M?.useMonaco=="function"?M:null})(yield ao(()=>import("./__vite-optional-peer-dep_stream-monaco_markstream-vue-BIHI7g3E.js"),[])),!vn)return Ct=!0,null}catch{return Ct=!0,null}}try{return yield(function(x){return Fn(this,null,function*(){return Cl?void 0:fn||(fn=Fn(null,null,function*(){const M=globalThis?.MonacoEnvironment;M&&(typeof M.getWorker=="function"||typeof M.getWorkerUrl=="function")||typeof x?.preloadMonacoWorkers!="function"||(yield x.preloadMonacoWorkers()),Cl=!0}).finally(()=>{fn=null}),fn)})})(vn),uo(),vn}catch{return null}});try{return yield mn}finally{mn=null}})}var $o=Object.defineProperty,No=Object.defineProperties,Ho=Object.getOwnPropertyDescriptors,xl=Object.getOwnPropertySymbols,zo=Object.prototype.hasOwnProperty,To=Object.prototype.propertyIsEnumerable,Ml=(x,k,M)=>k in x?$o(x,k,{enumerable:!0,configurable:!0,writable:!0,value:M}):x[k]=M,_=(x,k)=>{for(var M in k||(k={}))zo.call(k,M)&&Ml(x,M,k[M]);if(xl)for(var M of xl(k))To.call(k,M)&&Ml(x,M,k[M]);return x},ye=(x,k)=>No(x,Ho(k)),H=(x,k,M)=>new Promise((i,de)=>{var Oe=B=>{try{ee(M.next(B))}catch(L){de(L)}},K=B=>{try{ee(M.throw(B))}catch(L){de(L)}},ee=B=>B.done?i(B.value):Promise.resolve(B.value).then(Oe,K);ee((M=M.apply(x,k)).next())});const Ro={class:"html-preview-frame__header"},_o={class:"html-preview-frame__title"},Do={class:"html-preview-frame__label"},Wo=["sandbox","srcdoc"],Ao=Bl(El({__name:"HtmlPreviewFrame",props:{code:{},isDark:{type:Boolean},htmlPreviewAllowScripts:{type:Boolean},htmlPreviewSandbox:{},onClose:{type:Function},title:{}},setup(x){const k=x,M=import.meta!==void 0&&!1;let i=null;const{t:de}=Ol(),Oe=w(()=>{const B=k.code||"",L=B.trim().toLowerCase();return L.startsWith("<!doctype")||L.startsWith("<html")||L.startsWith("<body")?B:`<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />

package/dist-web/assets/{CodeBlockShell.vue_vue_type_style_index_0_lang-ta7hLjia.js → CodeBlockShell.vue_vue_type_style_index_0_lang-CCF8Ntnq.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{M as V,c0 as N,aL as s,u as i,aY as f,v as o,bb as p,t as d,bk as c,aw as R,bO as _,G as D,I as $,bJ as H,F,g as A,bL as S,bB as M,aU as g,q as w,c8 as q,c2 as G}from"./index-CkVgGDpx.js";const I={key:0,class:"code-block-header flex justify-between items-center border-b px-[var(--ms-inset-panel-x)] py-[var(--ms-inset-panel-y)] border-[var(--code-border)] bg-[var(--code-header-bg)] text-[var(--code-fg)]"},J={class:"flex items-center gap-0.5"},K=["aria-label"],O={class:"code-diff-stat removed"},U={class:"code-diff-stat added"},Y=["aria-label"],Q={key:0,xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",width:"1em",height:"1em",viewBox:"0 0 24 24",class:"action-icon"},W={key:1,xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",width:"1em",height:"1em",viewBox:"0 0 24 24",class:"action-icon"},X=["aria-pressed"],Z={key:3,class:"relative"},ee=["aria-expanded"],oe=["disabled"],te=["disabled"],ne=["disabled"],ae={key:0,xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",width:"1em",height:"1em",viewBox:"0 0 24 24",class:"action-icon"},re={key:1,xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",width:"1em",height:"1em",viewBox:"0 0 24 24",class:"action-icon"},le={class:"code-block-shell-content"},se={class:"code-loading-placeholder"},ie={class:"sr-only","aria-live":"polite",role:"status"},de=V({__name:"CodeBlockShell",props:{showHeader:{type:Boolean,default:!0},showCollapseButton:{type:Boolean,default:!0},showFontSizeButtons:{type:Boolean,default:!0},enableFontSizeControl:{type:Boolean,default:!0},showCopyButton:{type:Boolean,default:!0},showExpandButton:{type:Boolean,default:!0},showPreviewButton:{type:Boolean,default:!0},showTooltips:{type:Boolean,default:!0},isDark:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},stream:{type:Boolean,default:!1},isCollapsed:{type:Boolean,default:!1},isExpanded:{type:Boolean,default:!1},copyText:{type:Boolean,default:!1},isPreviewable:{type:Boolean,default:!1},codeFontSize:{},codeFontMin:{},codeFontMax:{},defaultCodeFontSize:{},fontBaselineReady:{type:Boolean,default:!1},diffStats:{},diffStatsAriaLabel:{}},emits:["toggleCollapse","decreaseFont","resetFont","increaseFont","copy","toggleExpand","preview"],setup(a,{emit:z}){const t=a,v=z,u=g(!1),x=g(null),b=g(null);function E(){u.value=!u.value,u.value&&document.addEventListener("click",y,{once:!0,capture:!0})}function y(l){var e,n;const C=l.target;(e=x.value)!=null&&e.contains(C)\|\|(n=b.value)!=null&&n.contains(C)?document.addEventListener("click",y,{once:!0,capture:!0}):u.value=!1}const j=w(()=>t.showFontSizeButtons&&t.enableFontSizeControl\|\|t.showExpandButton\|\|t.isPreviewable&&t.showPreviewButton),{t:r}=N(),k=w(()=>t.showTooltips!==!1);function m(l,e){k.value&&q(l.currentTarget,e,"top",!1,void 0,t.isDark)}function h(){k.value&&G()}function B(l){m(l,t.copyText?r("common.copied")\|\|"Copied":r("common.copy")\|\|"Copy")}const L=w(()=>{var l,e;return!!Number.isFinite(t.codeFontSize)&&((l=t.codeFontSize)!=null?l:0)<=((e=t.codeFontMin)!=null?e:0)}),T=w(()=>!t.fontBaselineReady\|\|t.codeFontSize===t.defaultCodeFontSize),P=w(()=>{var l,e;return!!Number.isFinite(t.codeFontSize)&&((l=t.codeFontSize)!=null?l:0)>=((e=t.codeFontMax)!=null?e:100)});return(l,e)=>(s(),i(F,null,[t.showHeader?(s(),i("div",I,[f(l.$slots,"header-left"),f(l.$slots,"header-right",{},()=>[o("div",J,[a.diffStats?(s(),i("div",{key:0,class:"code-diff-stats","aria-label":a.diffStatsAriaLabel},[o("span",O,"-"+p(a.diffStats.removed),1),o("span",U,"+"+p(a.diffStats.added),1)],8,K)):d("",!0),t.showCopyButton?(s(),i("button",{key:1,type:"button",class:"code-action-btn inline-flex items-center justify-center p-[var(--ms-action-btn-padding)] rounded leading-none shrink-0 cursor-pointer text-[var(--code-action-fg)] hover:bg-[var(--code-action-hover-bg)] hover:text-[var(--code-action-hover-fg)] active:scale-[0.96] disabled:opacity-40 disabled:cursor-not-allowed transition-colors","aria-label":a.copyText?c(r)("common.copied")\|\|"Copied":c(r)("common.copy")\|\|"Copy",onClick:e[0]\|\|(e[0]=n=>v("copy")),onMouseenter:e[1]\|\|(e[1]=n=>B(n)),onFocus:e[2]\|\|(e[2]=n=>B(n)),onMouseleave:h,onBlur:h},[a.copyText?(s(),i("svg",W,[...e[14]\|\|(e[14]=[o("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M20 6L9 17l-5-5"},null,-1)])])):(s(),i("svg",Q,[...e[13]\|\|(e[13]=[o("g",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2"},[o("rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2"}),o("path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"})],-1)])]))],40,Y)):d("",!0),t.showCollapseButton?(s(),i("button",{key:2,type:"button",class:"code-action-btn inline-flex items-center justify-center p-[var(--ms-action-btn-padding)] rounded leading-none shrink-0 cursor-pointer text-[var(--code-action-fg)] hover:bg-[var(--code-action-hover-bg)] hover:text-[var(--code-action-hover-fg)] active:scale-[0.96] disabled:opacity-40 disabled:cursor-not-allowed transition-colors","aria-pressed":a.isCollapsed,onClick:e[3]\|\|(e[3]=n=>v("toggleCollapse")),onMouseenter:e[4]\|\|(e[4]=n=>m(n,a.isCollapsed?c(r)("common.expand")\|\|"Expand":c(r)("common.collapse")\|\|"Collapse")),onFocus:e[5]\|\|(e[5]=n=>m(n,a.isCollapsed?c(r)("common.expand")\|\|"Expand":c(r)("common.collapse")\|\|"Collapse")),onMouseleave:h,onBlur:h},[(s(),i("svg",{style:R({rotate:a.isCollapsed?"0deg":"90deg"}),xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",width:"1em",height:"1em",viewBox:"0 0 24 24",class:"action-icon"},[...e[15]\|\|(e[15]=[o("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"m9 18l6-6l-6-6"},null,-1)])],4))],40,X)):d("",!0),j.value?(s(),i("div",Z,[o("button",{ref_key:"moreBtnRef",ref:b,type:"button",class:"code-action-btn inline-flex items-center justify-center p-[var(--ms-action-btn-padding)] rounded leading-none shrink-0 cursor-pointer text-[var(--code-action-fg)] hover:bg-[var(--code-action-hover-bg)] hover:text-[var(--code-action-hover-fg)] active:scale-[0.96] transition-colors","aria-expanded":u.value,"aria-haspopup":"true",onClick:_(E,["stop"]),onMouseenter:e[6]\|\|(e[6]=n=>m(n,c(r)("common.more")\|\|"More")),onFocus:e[7]\|\|(e[7]=n=>m(n,c(r)("common.more")\|\|"More")),onMouseleave:h,onBlur:h},[...e[16]\|\|(e[16]=[D('<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="1em" height="1em" viewBox="0 0 24 24" class="action-icon"><g fill="currentColor"><circle cx="12" cy="5" r="1.5"></circle><circle cx="12" cy="12" r="1.5"></circle><circle cx="12" cy="19" r="1.5"></circle></g></svg>',1)])],40,ee),$(A,{name:"code-menu"},{default:H(()=>[u.value?(s(),i("div",{key:0,ref_key:"moreMenuRef",ref:x,class:"code-more-menu min-w-[10rem] p-1 bg-[hsl(var(--ms-popover))] text-[hsl(var(--ms-popover-foreground))] border border-[var(--code-border)] shadow-[var(--ms-shadow-popover)]",role:"menu"},[t.showFontSizeButtons&&t.enableFontSizeControl?(s(),i(F,{key:0},[o("button",{type:"button",role:"menuitem",class:"flex items-center gap-2 w-full py-1.5 px-2 rounded text-xs text-[var(--code-action-fg)] cursor-pointer whitespace-nowrap hover:bg-[var(--code-action-hover-bg)] hover:text-[var(--code-action-hover-fg)] disabled:opacity-40 disabled:cursor-not-allowed transition-colors",disabled:L.value,onClick:e[8]\|\|(e[8]=n=>v("decreaseFont"))},[e[17]\|\|(e[17]=o("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",width:"1em",height:"1em",viewBox:"0 0 24 24",class:"action-icon"},[o("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M5 12h14"})],-1)),o("span",null,p(c(r)("common.fontSmaller")\|\|"Font size −"),1)],8,oe),o("button",{type:"button",role:"menuitem",class:"flex items-center gap-2 w-full py-1.5 px-2 rounded text-xs text-[var(--code-action-fg)] cursor-pointer whitespace-nowrap hover:bg-[var(--code-action-hover-bg)] hover:text-[var(--code-action-hover-fg)] disabled:opacity-40 disabled:cursor-not-allowed transition-colors",disabled:T.value,onClick:e[9]\|\|(e[9]=n=>v("resetFont"))},[e[18]\|\|(e[18]=o("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",width:"1em",height:"1em",viewBox:"0 0 24 24",class:"action-icon"},[o("g",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2"},[o("path",{d:"M3 12a9 9 0 1 0 9-9a9.75 9.75 0 0 0-6.74 2.74L3 8"}),o("path",{d:"M3 3v5h5"})])],-1)),o("span",null,p(c(r)("common.fontReset")\|\|"Font size reset"),1)],8,te),o("button",{type:"button",role:"menuitem",class:"flex items-center gap-2 w-full py-1.5 px-2 rounded text-xs text-[var(--code-action-fg)] cursor-pointer whitespace-nowrap hover:bg-[var(--code-action-hover-bg)] hover:text-[var(--code-action-hover-fg)] disabled:opacity-40 disabled:cursor-not-allowed transition-colors",disabled:P.value,onClick:e[10]\|\|(e[10]=n=>v("increaseFont"))},[e[19]\|\|(e[19]=o("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",width:"1em",height:"1em",viewBox:"0 0 24 24",class:"action-icon"},[o("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M5 12h14m-7-7v14"})],-1)),o("span",null,p(c(r)("common.fontLarger")\|\|"Font size +"),1)],8,ne)],64)):d("",!0),t.showExpandButton?(s(),i("button",{key:1,type:"button",role:"menuitem",class:"flex items-center gap-2 w-full py-1.5 px-2 rounded text-xs text-[var(--code-action-fg)] cursor-pointer whitespace-nowrap hover:bg-[var(--code-action-hover-bg)] hover:text-[var(--code-action-hover-fg)] transition-colors",onClick:e[11]\|\|(e[11]=n=>{v("toggleExpand",n),u.value=!1})},[a.isExpanded?(s(),i("svg",ae,[...e[20]\|\|(e[20]=[o("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"m14 10l7-7m-1 7h-6V4M3 21l7-7m-6 0h6v6"},null,-1)])])):(s(),i("svg",re,[...e[21]\|\|(e[21]=[o("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 3h6v6m0-6l-7 7M3 21l7-7m-1 7H3v-6"},null,-1)])])),o("span",null,p(a.isExpanded?c(r)("common.collapse")\|\|"Collapse":c(r)("common.expand")\|\|"Expand"),1)])):d("",!0),a.isPreviewable&&t.showPreviewButton?(s(),i("button",{key:2,type:"button",role:"menuitem",class:"flex items-center gap-2 w-full py-1.5 px-2 rounded text-xs text-[var(--code-action-fg)] cursor-pointer whitespace-nowrap hover:bg-[var(--code-action-hover-bg)] hover:text-[var(--code-action-hover-fg)] transition-colors",onClick:e[12]\|\|(e[12]=n=>{v("preview"),u.value=!1})},[e[22]\|\|(e[22]=o("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",width:"1em",height:"1em",viewBox:"0 0 24 24",class:"action-icon"},[o("g",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2"},[o("path",{d:"M2.062 12.348a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 19.876 0a1 1 0 0 1 0 .696a10.75 10.75 0 0 1-19.876 0"}),o("circle",{cx:"12",cy:"12",r:"3"})])],-1)),o("span",null,p(c(r)("common.preview")\|\|"Preview"),1)])):d("",!0)],512)):d("",!0)]),_:1})])):d("",!0)])])])):d("",!0),S(o("div",le,[f(l.$slots,"default")],512),[[M,!(a.isCollapsed\|\|!a.stream&&a.loading)]]),S(o("div",se,[f(l.$slots,"loading",{},()=>[e[23]\|\|(e[23]=o("div",{class:"loading-skeleton"},[o("div",{class:"skeleton-line"}),o("div",{class:"skeleton-line"}),o("div",{class:"skeleton-line short"})],-1))])],512),[[M,!a.stream&&a.loading]]),o("span",ie,p(a.copyText?c(r)("common.copied")\|\|"Copied":""),1)],64))}});export{de as V};
1	+ import{M as V,c0 as N,aL as s,u as i,aY as f,v as o,bb as p,t as d,bk as c,aw as R,bO as _,G as D,I as $,bJ as H,F,g as A,bL as S,bB as M,aU as g,q as w,c8 as q,c2 as G}from"./index-CiPA8Kex.js";const I={key:0,class:"code-block-header flex justify-between items-center border-b px-[var(--ms-inset-panel-x)] py-[var(--ms-inset-panel-y)] border-[var(--code-border)] bg-[var(--code-header-bg)] text-[var(--code-fg)]"},J={class:"flex items-center gap-0.5"},K=["aria-label"],O={class:"code-diff-stat removed"},U={class:"code-diff-stat added"},Y=["aria-label"],Q={key:0,xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",width:"1em",height:"1em",viewBox:"0 0 24 24",class:"action-icon"},W={key:1,xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",width:"1em",height:"1em",viewBox:"0 0 24 24",class:"action-icon"},X=["aria-pressed"],Z={key:3,class:"relative"},ee=["aria-expanded"],oe=["disabled"],te=["disabled"],ne=["disabled"],ae={key:0,xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",width:"1em",height:"1em",viewBox:"0 0 24 24",class:"action-icon"},re={key:1,xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",width:"1em",height:"1em",viewBox:"0 0 24 24",class:"action-icon"},le={class:"code-block-shell-content"},se={class:"code-loading-placeholder"},ie={class:"sr-only","aria-live":"polite",role:"status"},de=V({__name:"CodeBlockShell",props:{showHeader:{type:Boolean,default:!0},showCollapseButton:{type:Boolean,default:!0},showFontSizeButtons:{type:Boolean,default:!0},enableFontSizeControl:{type:Boolean,default:!0},showCopyButton:{type:Boolean,default:!0},showExpandButton:{type:Boolean,default:!0},showPreviewButton:{type:Boolean,default:!0},showTooltips:{type:Boolean,default:!0},isDark:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},stream:{type:Boolean,default:!1},isCollapsed:{type:Boolean,default:!1},isExpanded:{type:Boolean,default:!1},copyText:{type:Boolean,default:!1},isPreviewable:{type:Boolean,default:!1},codeFontSize:{},codeFontMin:{},codeFontMax:{},defaultCodeFontSize:{},fontBaselineReady:{type:Boolean,default:!1},diffStats:{},diffStatsAriaLabel:{}},emits:["toggleCollapse","decreaseFont","resetFont","increaseFont","copy","toggleExpand","preview"],setup(a,{emit:z}){const t=a,v=z,u=g(!1),x=g(null),b=g(null);function E(){u.value=!u.value,u.value&&document.addEventListener("click",y,{once:!0,capture:!0})}function y(l){var e,n;const C=l.target;(e=x.value)!=null&&e.contains(C)\|\|(n=b.value)!=null&&n.contains(C)?document.addEventListener("click",y,{once:!0,capture:!0}):u.value=!1}const j=w(()=>t.showFontSizeButtons&&t.enableFontSizeControl\|\|t.showExpandButton\|\|t.isPreviewable&&t.showPreviewButton),{t:r}=N(),k=w(()=>t.showTooltips!==!1);function m(l,e){k.value&&q(l.currentTarget,e,"top",!1,void 0,t.isDark)}function h(){k.value&&G()}function B(l){m(l,t.copyText?r("common.copied")\|\|"Copied":r("common.copy")\|\|"Copy")}const L=w(()=>{var l,e;return!!Number.isFinite(t.codeFontSize)&&((l=t.codeFontSize)!=null?l:0)<=((e=t.codeFontMin)!=null?e:0)}),T=w(()=>!t.fontBaselineReady\|\|t.codeFontSize===t.defaultCodeFontSize),P=w(()=>{var l,e;return!!Number.isFinite(t.codeFontSize)&&((l=t.codeFontSize)!=null?l:0)>=((e=t.codeFontMax)!=null?e:100)});return(l,e)=>(s(),i(F,null,[t.showHeader?(s(),i("div",I,[f(l.$slots,"header-left"),f(l.$slots,"header-right",{},()=>[o("div",J,[a.diffStats?(s(),i("div",{key:0,class:"code-diff-stats","aria-label":a.diffStatsAriaLabel},[o("span",O,"-"+p(a.diffStats.removed),1),o("span",U,"+"+p(a.diffStats.added),1)],8,K)):d("",!0),t.showCopyButton?(s(),i("button",{key:1,type:"button",class:"code-action-btn inline-flex items-center justify-center p-[var(--ms-action-btn-padding)] rounded leading-none shrink-0 cursor-pointer text-[var(--code-action-fg)] hover:bg-[var(--code-action-hover-bg)] hover:text-[var(--code-action-hover-fg)] active:scale-[0.96] disabled:opacity-40 disabled:cursor-not-allowed transition-colors","aria-label":a.copyText?c(r)("common.copied")\|\|"Copied":c(r)("common.copy")\|\|"Copy",onClick:e[0]\|\|(e[0]=n=>v("copy")),onMouseenter:e[1]\|\|(e[1]=n=>B(n)),onFocus:e[2]\|\|(e[2]=n=>B(n)),onMouseleave:h,onBlur:h},[a.copyText?(s(),i("svg",W,[...e[14]\|\|(e[14]=[o("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M20 6L9 17l-5-5"},null,-1)])])):(s(),i("svg",Q,[...e[13]\|\|(e[13]=[o("g",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2"},[o("rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2"}),o("path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"})],-1)])]))],40,Y)):d("",!0),t.showCollapseButton?(s(),i("button",{key:2,type:"button",class:"code-action-btn inline-flex items-center justify-center p-[var(--ms-action-btn-padding)] rounded leading-none shrink-0 cursor-pointer text-[var(--code-action-fg)] hover:bg-[var(--code-action-hover-bg)] hover:text-[var(--code-action-hover-fg)] active:scale-[0.96] disabled:opacity-40 disabled:cursor-not-allowed transition-colors","aria-pressed":a.isCollapsed,onClick:e[3]\|\|(e[3]=n=>v("toggleCollapse")),onMouseenter:e[4]\|\|(e[4]=n=>m(n,a.isCollapsed?c(r)("common.expand")\|\|"Expand":c(r)("common.collapse")\|\|"Collapse")),onFocus:e[5]\|\|(e[5]=n=>m(n,a.isCollapsed?c(r)("common.expand")\|\|"Expand":c(r)("common.collapse")\|\|"Collapse")),onMouseleave:h,onBlur:h},[(s(),i("svg",{style:R({rotate:a.isCollapsed?"0deg":"90deg"}),xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",width:"1em",height:"1em",viewBox:"0 0 24 24",class:"action-icon"},[...e[15]\|\|(e[15]=[o("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"m9 18l6-6l-6-6"},null,-1)])],4))],40,X)):d("",!0),j.value?(s(),i("div",Z,[o("button",{ref_key:"moreBtnRef",ref:b,type:"button",class:"code-action-btn inline-flex items-center justify-center p-[var(--ms-action-btn-padding)] rounded leading-none shrink-0 cursor-pointer text-[var(--code-action-fg)] hover:bg-[var(--code-action-hover-bg)] hover:text-[var(--code-action-hover-fg)] active:scale-[0.96] transition-colors","aria-expanded":u.value,"aria-haspopup":"true",onClick:_(E,["stop"]),onMouseenter:e[6]\|\|(e[6]=n=>m(n,c(r)("common.more")\|\|"More")),onFocus:e[7]\|\|(e[7]=n=>m(n,c(r)("common.more")\|\|"More")),onMouseleave:h,onBlur:h},[...e[16]\|\|(e[16]=[D('<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="1em" height="1em" viewBox="0 0 24 24" class="action-icon"><g fill="currentColor"><circle cx="12" cy="5" r="1.5"></circle><circle cx="12" cy="12" r="1.5"></circle><circle cx="12" cy="19" r="1.5"></circle></g></svg>',1)])],40,ee),$(A,{name:"code-menu"},{default:H(()=>[u.value?(s(),i("div",{key:0,ref_key:"moreMenuRef",ref:x,class:"code-more-menu min-w-[10rem] p-1 bg-[hsl(var(--ms-popover))] text-[hsl(var(--ms-popover-foreground))] border border-[var(--code-border)] shadow-[var(--ms-shadow-popover)]",role:"menu"},[t.showFontSizeButtons&&t.enableFontSizeControl?(s(),i(F,{key:0},[o("button",{type:"button",role:"menuitem",class:"flex items-center gap-2 w-full py-1.5 px-2 rounded text-xs text-[var(--code-action-fg)] cursor-pointer whitespace-nowrap hover:bg-[var(--code-action-hover-bg)] hover:text-[var(--code-action-hover-fg)] disabled:opacity-40 disabled:cursor-not-allowed transition-colors",disabled:L.value,onClick:e[8]\|\|(e[8]=n=>v("decreaseFont"))},[e[17]\|\|(e[17]=o("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",width:"1em",height:"1em",viewBox:"0 0 24 24",class:"action-icon"},[o("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M5 12h14"})],-1)),o("span",null,p(c(r)("common.fontSmaller")\|\|"Font size −"),1)],8,oe),o("button",{type:"button",role:"menuitem",class:"flex items-center gap-2 w-full py-1.5 px-2 rounded text-xs text-[var(--code-action-fg)] cursor-pointer whitespace-nowrap hover:bg-[var(--code-action-hover-bg)] hover:text-[var(--code-action-hover-fg)] disabled:opacity-40 disabled:cursor-not-allowed transition-colors",disabled:T.value,onClick:e[9]\|\|(e[9]=n=>v("resetFont"))},[e[18]\|\|(e[18]=o("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",width:"1em",height:"1em",viewBox:"0 0 24 24",class:"action-icon"},[o("g",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2"},[o("path",{d:"M3 12a9 9 0 1 0 9-9a9.75 9.75 0 0 0-6.74 2.74L3 8"}),o("path",{d:"M3 3v5h5"})])],-1)),o("span",null,p(c(r)("common.fontReset")\|\|"Font size reset"),1)],8,te),o("button",{type:"button",role:"menuitem",class:"flex items-center gap-2 w-full py-1.5 px-2 rounded text-xs text-[var(--code-action-fg)] cursor-pointer whitespace-nowrap hover:bg-[var(--code-action-hover-bg)] hover:text-[var(--code-action-hover-fg)] disabled:opacity-40 disabled:cursor-not-allowed transition-colors",disabled:P.value,onClick:e[10]\|\|(e[10]=n=>v("increaseFont"))},[e[19]\|\|(e[19]=o("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",width:"1em",height:"1em",viewBox:"0 0 24 24",class:"action-icon"},[o("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M5 12h14m-7-7v14"})],-1)),o("span",null,p(c(r)("common.fontLarger")\|\|"Font size +"),1)],8,ne)],64)):d("",!0),t.showExpandButton?(s(),i("button",{key:1,type:"button",role:"menuitem",class:"flex items-center gap-2 w-full py-1.5 px-2 rounded text-xs text-[var(--code-action-fg)] cursor-pointer whitespace-nowrap hover:bg-[var(--code-action-hover-bg)] hover:text-[var(--code-action-hover-fg)] transition-colors",onClick:e[11]\|\|(e[11]=n=>{v("toggleExpand",n),u.value=!1})},[a.isExpanded?(s(),i("svg",ae,[...e[20]\|\|(e[20]=[o("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"m14 10l7-7m-1 7h-6V4M3 21l7-7m-6 0h6v6"},null,-1)])])):(s(),i("svg",re,[...e[21]\|\|(e[21]=[o("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 3h6v6m0-6l-7 7M3 21l7-7m-1 7H3v-6"},null,-1)])])),o("span",null,p(a.isExpanded?c(r)("common.collapse")\|\|"Collapse":c(r)("common.expand")\|\|"Expand"),1)])):d("",!0),a.isPreviewable&&t.showPreviewButton?(s(),i("button",{key:2,type:"button",role:"menuitem",class:"flex items-center gap-2 w-full py-1.5 px-2 rounded text-xs text-[var(--code-action-fg)] cursor-pointer whitespace-nowrap hover:bg-[var(--code-action-hover-bg)] hover:text-[var(--code-action-hover-fg)] transition-colors",onClick:e[12]\|\|(e[12]=n=>{v("preview"),u.value=!1})},[e[22]\|\|(e[22]=o("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",width:"1em",height:"1em",viewBox:"0 0 24 24",class:"action-icon"},[o("g",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2"},[o("path",{d:"M2.062 12.348a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 19.876 0a1 1 0 0 1 0 .696a10.75 10.75 0 0 1-19.876 0"}),o("circle",{cx:"12",cy:"12",r:"3"})])],-1)),o("span",null,p(c(r)("common.preview")\|\|"Preview"),1)])):d("",!0)],512)):d("",!0)]),_:1})])):d("",!0)])])])):d("",!0),S(o("div",le,[f(l.$slots,"default")],512),[[M,!(a.isCollapsed\|\|!a.stream&&a.loading)]]),S(o("div",se,[f(l.$slots,"loading",{},()=>[e[23]\|\|(e[23]=o("div",{class:"loading-skeleton"},[o("div",{class:"skeleton-line"}),o("div",{class:"skeleton-line"}),o("div",{class:"skeleton-line short"})],-1))])],512),[[M,!a.stream&&a.loading]]),o("span",ie,p(a.copyText?c(r)("common.copied")\|\|"Copied":""),1)],64))}});export{de as V};

package/dist-web/assets/{DesignSystemView-BmDDe28A.js → DesignSystemView-BbMOu-XO.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{M as u,aD as g,aI as m,aL as s,u as c,v as d,G as t,H as o,cu as w}from"./index-CkVgGDpx.js";const y={class:"ds-page"},x={class:"layout"},k={class:"content"},C={class:"content-inner"},z={id:"tokens"},B={class:"icon-sizes"},M={class:"sz"},H={class:"p-ic",style:{width:"14px",height:"14px"},viewBox:"0 0 24 24",fill:"currentColor"},S={class:"sz"},A={class:"p-ic",style:{width:"16px",height:"16px"},viewBox:"0 0 24 24",fill:"currentColor"},q={class:"sz"},T={class:"p-ic",style:{width:"20px",height:"20px"},viewBox:"0 0 24 24",fill:"currentColor"},V={id:"primitives"},L={class:"stage-wrap"},I={class:"stage p col"},D={class:"demo-row"},U={class:"p-btn primary disabled"},W={class:"p-spinner sm",viewBox:"0 0 24 24",style:{"--p-accent":"#fff","--p-line":"rgba(255,255,255,.35)"}},P={class:"stage-wrap"},R={class:"stage p col",style:{gap:"0",background:"var(--p-surface)",padding:"0","max-width":"300px","align-items":"stretch"}},N={style:{display:"flex","align-items":"center",gap:"8px",padding:"7px 10px",margin:"1px 6px","border-radius":"8px",color:"var(--p-text)","font-size":"13px"}},j={style:{color:"var(--d-fg-faint)",flex:"none"},width:"14",height:"14",viewBox:"0 0 24 24",fill:"currentColor"},E={style:{display:"flex","align-items":"center",gap:"8px",padding:"7px 10px",margin:"1px 6px","border-radius":"8px",color:"var(--p-text)","font-size":"13px"}},F={style:{color:"var(--d-fg-faint)",flex:"none"},width:"14",height:"14",viewBox:"0 0 24 24",fill:"currentColor"},O={id:"chat"},_={class:"stage-wrap"},G={class:"stage p col",style:{"align-items":"center",background:"#fff"}},J={class:"demo-chat"},K={class:"p-action"},Q={class:"p-action-head"},Y={class:"p-ic",style:{color:"var(--p-accent)"},viewBox:"0 0 24 24",fill:"currentColor"},X={class:"p-action warn"},Z={class:"p-action-head"},$={class:"p-ic",style:{color:"var(--p-warning)"},viewBox:"0 0 24 24",fill:"currentColor"},aa=u({__name:"DesignSystemView",emits:["close"],setup(da,{emit:p}){const h=p;function r(){h("close")}let i=null;function b(l){l.key==="Escape"&&r()}return g(()=>{document.addEventListener("keydown",b);const l=Array.prototype.slice.call(document.querySelectorAll('#nav a[href^="#"]')),a=new Map;l.forEach(v=>{const e=v.getAttribute("href");if(!e)return;const f=document.getElementById(e.slice(1));f&&a.set(f,v)});let n=null;i=new IntersectionObserver(v=>{v.forEach(e=>{e.isIntersecting&&(n&&n.classList.remove("active"),n=a.get(e.target)??null,n&&n.classList.add("active"))})},{rootMargin:"-20% 0px -70% 0px",threshold:0}),a.forEach((v,e)=>i.observe(e)),l.length&&l[0].classList.add("active")}),m(()=>{document.removeEventListener("keydown",b),i&&(i.disconnect(),i=null)}),(l,a)=>(s(),c("div",y,[d("div",{class:"ds-topbar"},[d("button",{class:"ds-back",type:"button",onClick:r},"← Back"),a[0]||(a[0]=d("span",{class:"ds-topbar-title"},"Design system",-1))]),d("div",x,[a[36]||(a[36]=t('<aside class="sidebar" data-v-1c9db9f5><div class="brand" data-v-1c9db9f5><div class="brand-mark" data-v-1c9db9f5>K</div><div class="brand-name" data-v-1c9db9f5>Blun Web</div></div><div class="brand-sub" data-v-1c9db9f5>Design System · v1.0</div><div class="nav-group" data-v-1c9db9f5>Navigate</div><nav class="nav" id="nav" data-v-1c9db9f5><a href="#overview" data-v-1c9db9f5><span class="num" data-v-1c9db9f5>00</span>Overview</a><a href="#principles" data-v-1c9db9f5><span class="num" data-v-1c9db9f5>01</span>Design Principles</a><a href="#tokens" data-v-1c9db9f5><span class="num" data-v-1c9db9f5>02</span>Design Tokens</a><a href="#primitives" data-v-1c9db9f5><span class="num" data-v-1c9db9f5>03</span>Primitives</a><a href="#chat" data-v-1c9db9f5><span class="num" data-v-1c9db9f5>04</span>Chat Interface</a><a href="#themes" data-v-1c9db9f5><span class="num" data-v-1c9db9f5>05</span>Theming</a><a href="#rules" data-v-1c9db9f5><span class="num" data-v-1c9db9f5>06</span>Style Rules</a><a href="#shell" data-v-1c9db9f5><span class="num" data-v-1c9db9f5>07</span>App Shell &amp; Sidebar</a><a href="#a11y" data-v-1c9db9f5><span class="num" data-v-1c9db9f5>08</span>Accessibility</a></nav><div class="nav-group" data-v-1c9db9f5>Companion output</div><nav class="nav" data-v-1c9db9f5><a href="#tokens" data-v-1c9db9f5><span class="num" data-v-1c9db9f5>↗</span>Token list</a><a href="#primitives" data-v-1c9db9f5><span class="num" data-v-1c9db9f5>↗</span>Component API</a><a href="#rules" data-v-1c9db9f5><span class="num" data-v-1c9db9f5>↗</span>Style rules</a></nav></aside>',1)),d("main",k,[d("div",C,[a[34]||(a[34]=t('<section id="overview" data-v-1c9db9f5><div class="hero" data-v-1c9db9f5><span class="eyebrow" data-v-1c9db9f5>● Design System · v1.0</span><h1 data-v-1c9db9f5>Blun Web <span class="grad" data-v-1c9db9f5>Design System</span></h1><p class="lead" data-v-1c9db9f5> This document defines the visual language and component specification for Blun Web — design tokens, component primitives, the chat interface, theming, and style rules. All UI work is grounded in it: unified, restrained, token-driven, and themeable. </p><div class="hero-meta" data-v-1c9db9f5><span class="meta-chip" data-v-1c9db9f5><span class="dot" data-v-1c9db9f5></span> Scope <b data-v-1c9db9f5>apps/king-web</b></span><span class="meta-chip" data-v-1c9db9f5>Component primitives</span><span class="meta-chip" data-v-1c9db9f5>Theme <b data-v-1c9db9f5>1 set · 4 customizable colors</b></span><span class="meta-chip" data-v-1c9db9f5>Light / dark mode</span></div></div><div class="callout info" data-v-1c9db9f5><span class="ico" data-v-1c9db9f5>i</span><div data-v-1c9db9f5><b data-v-1c9db9f5>This spec is the single reference when changing the web UI.</b> Before adding or modifying a component, style, layout, or theme, read this document first; color, font, radius, spacing, shadow, z-index, and motion always use the §02 tokens, components reuse the §03 primitives, and the §06 style rules are followed. </div></div></section><section id="principles" data-v-1c9db9f5><div class="sec-head" data-v-1c9db9f5><span class="sec-num" data-v-1c9db9f5>01</span><h2 class="sec-title" data-v-1c9db9f5>Design Principles</h2></div><p class="sec-desc" data-v-1c9db9f5> Every UI decision traces back to the following principles. Blun Web is a local Agent tool for developers: quick scanning, long stretches of staring, often in the dark — the design serves the task, and is restrained, clinical, and density-first. </p><ul class="clean check" data-v-1c9db9f5><li data-v-1c9db9f5><b data-v-1c9db9f5>Consistency</b> —— The same semantics use the same component. The primary button, dialog, input, and badge should each have exactly &quot;one&quot; correct way to be written across the entire site.</li><li data-v-1c9db9f5><b data-v-1c9db9f5>Hierarchy</b> —— Build a clear hierarchy through size, weight, color, and whitespace; emphasize through &quot;restraint&quot; rather than &quot;bolder and bigger&quot;.</li><li data-v-1c9db9f5><b data-v-1c9db9f5>Proximity</b> —— Group related elements, leave whitespace between unrelated ones. A card&#39;s padding, line spacing, and group spacing all come from the same spacing scale.</li><li data-v-1c9db9f5><b data-v-1c9db9f5>Feedback</b> —— hover / active / focus / loading / success / error all have visible states, and the state language is unified.</li><li data-v-1c9db9f5><b data-v-1c9db9f5>Breathing room</b> —— Control density with the spacing scale rather than arbitrary pixels; prefer restrained whitespace over cramming controls together.</li><li data-v-1c9db9f5><b data-v-1c9db9f5>Accessibility (A11y)</b> —— Text contrast ≥ 4.5:1, visible focus rings, touch targets ≥ 32px, and states that don&#39;t rely on color alone.</li><li data-v-1c9db9f5><b data-v-1c9db9f5>Reduction</b> —— The number of colors, radii, shadow levels, and type sizes all converge to a finite set of tokens; delete stray values.</li></ul><div class="callout good" data-v-1c9db9f5><span class="ico" data-v-1c9db9f5>✓</span><div data-v-1c9db9f5><b data-v-1c9db9f5>Brand tone (the do-not list)</b>: calm, clinical, never exaggerated. <span class="pill red" style="margin:0 4px;" data-v-1c9db9f5>Reject</span> purple gradients, glassmorphism, glowing shadows, AI purple / blue glows, endlessly looping fussy micro-animations, &quot;Boost your productivity&quot;-style marketing copy, and using emoji as icons — <b data-v-1c9db9f5>the moon phases 🌑…🌘 are the sole exception</b>, used only in the &quot;waiting for the Agent to respond&quot; chat state, as a brand signature. These are all common tells of AI-generated interfaces (an &quot;AI tell&quot;), deliberately avoided. </div></div><div class="callout info" data-v-1c9db9f5><span class="ico" data-v-1c9db9f5>i</span><div data-v-1c9db9f5><b data-v-1c9db9f5>Declare design intent first (Design Read)</b>: before adding a component / page, write one sentence describing its scenario, audience, and tone (for example, &quot;a lightweight tool card embedded in a conversation, for developers, calm and restrained&quot;), then build. If the intent isn&#39;t clear, ask one question first rather than defaulting to the nearest existing style. </div></div></section>',2)),d("section",z,[a[7]||(a[7]=t(`<div class="sec-head" data-v-1c9db9f5><span class="sec-num" data-v-1c9db9f5>02</span><h2 class="sec-title" data-v-1c9db9f5>Design Tokens</h2></div><p class="sec-desc" data-v-1c9db9f5> Collapse every visual decision into tokens. <b data-v-1c9db9f5>Color tokens keep the existing short names and fill out the semantics</b> (lowering migration cost), while <b data-v-1c9db9f5>spacing, z-index, motion, and font-weight</b> fill in the scales that are currently missing. Every token has: name, light value, dark value, and usage. </p><div class="callout info" data-v-1c9db9f5><span class="ico" data-v-1c9db9f5>i</span><div data-v-1c9db9f5><b data-v-1c9db9f5>Naming convention</b>: <code data-v-1c9db9f5>--&lt;category&gt;-&lt;role&gt;-&lt;state&gt;</code>. For example <code data-v-1c9db9f5>--color-text-muted</code>, <code data-v-1c9db9f5>--radius-md</code>, <code data-v-1c9db9f5>--space-4</code>. To reduce churn, the existing short names (<code data-v-1c9db9f5>--bg</code> / <code data-v-1c9db9f5>--ink</code> / <code data-v-1c9db9f5>--line</code> / <code data-v-1c9db9f5>--blue</code> …) are kept as <b data-v-1c9db9f5>compatibility aliases</b> for one release cycle. </div></div><h3 class="sub" data-v-1c9db9f5>Color</h3><p data-v-1c9db9f5>Semantic-first, in three layers: <b data-v-1c9db9f5>background / text / border</b> + <b data-v-1c9db9f5>accent</b> + <b data-v-1c9db9f5>status colors</b>. All colors are defined in light / dark pairs, with contrast ≥ 4.5:1.</p><div class="callout info" data-v-1c9db9f5><span class="ico" data-v-1c9db9f5>i</span><div data-v-1c9db9f5>The table below shows the <b data-v-1c9db9f5>derived semantic tokens</b>. The <b data-v-1c9db9f5>neutrals and the accent</b> are derived from the 4 color seeds in §05 — for example <code data-v-1c9db9f5>--color-accent</code> comes from <code data-v-1c9db9f5>--accent-primary</code>, and <code data-v-1c9db9f5>--color-bg</code> comes from the current light / dark surface. The <b data-v-1c9db9f5>semantic status colors</b> (success / warning / danger / info) are independent palettes paired with the seeds, one set each for light / dark; they are not auto-derived from the seeds. Day-to-day reskinning usually only needs the 4 seeds, with the status colors fine-tuned as needed.</div></div><div class="palette" data-v-1c9db9f5><div class="color-card" data-v-1c9db9f5><div class="color-chip" style="background:#ffffff;" data-v-1c9db9f5></div><div class="color-meta" data-v-1c9db9f5><div class="cn" data-v-1c9db9f5>bg</div><div class="cv" data-v-1c9db9f5>#ffffff / #0d1117</div></div></div><div class="color-card" data-v-1c9db9f5><div class="color-chip" style="background:#fafbfc;" data-v-1c9db9f5></div><div class="color-meta" data-v-1c9db9f5><div class="cn" data-v-1c9db9f5>surface</div><div class="cv" data-v-1c9db9f5>#fafbfc / #161b22</div></div></div><div class="color-card" data-v-1c9db9f5><div class="color-chip" style="background:#f3f5f8;" data-v-1c9db9f5></div><div class="color-meta" data-v-1c9db9f5><div class="cn" data-v-1c9db9f5>surface-sunken</div><div class="cv" data-v-1c9db9f5>#f3f5f8 / #0d1117</div></div></div><div class="color-card" data-v-1c9db9f5><div class="color-chip" style="background:#14171c;" data-v-1c9db9f5></div><div class="color-meta" data-v-1c9db9f5><div class="cn" data-v-1c9db9f5>fg</div><div class="cv" data-v-1c9db9f5>#14171c / #e8eaed</div></div></div><div class="color-card" data-v-1c9db9f5><div class="color-chip" style="background:#6b7280;" data-v-1c9db9f5></div><div class="color-meta" data-v-1c9db9f5><div class="cn" data-v-1c9db9f5>fg-muted</div><div class="cv" data-v-1c9db9f5>#6b7280 / #9aa0a8</div></div></div><div class="color-card" data-v-1c9db9f5><div class="color-chip" style="background:#e7eaee;" data-v-1c9db9f5></div><div class="color-meta" data-v-1c9db9f5><div class="cn" data-v-1c9db9f5>line</div><div class="cv" data-v-1c9db9f5>#e7eaee / #2d333b</div></div></div><div class="color-card" data-v-1c9db9f5><div class="color-chip" style="background:#1783ff;" data-v-1c9db9f5></div><div class="color-meta" data-v-1c9db9f5><div class="cn" data-v-1c9db9f5>accent (KMBlue)</div><div class="cv" data-v-1c9db9f5>#1783ff / #58a6ff</div></div></div><div class="color-card" data-v-1c9db9f5><div class="color-chip" style="background:#e8f3ff;" data-v-1c9db9f5></div><div class="color-meta" data-v-1c9db9f5><div class="cn" data-v-1c9db9f5>accent-soft</div><div class="cv" data-v-1c9db9f5>#e8f3ff / rgba(88,166,255,.14)</div></div></div></div><table class="dt" data-v-1c9db9f5><thead data-v-1c9db9f5><tr data-v-1c9db9f5><th data-v-1c9db9f5>Token</th><th data-v-1c9db9f5>Light</th><th data-v-1c9db9f5>Dark</th><th data-v-1c9db9f5>Usage</th></tr></thead><tbody data-v-1c9db9f5><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--color-bg</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#fff;" data-v-1c9db9f5></span>#ffffff</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#0d1117;" data-v-1c9db9f5></span>#0d1117</td><td data-v-1c9db9f5>Page background</td></tr><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--color-surface</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#fafbfc;" data-v-1c9db9f5></span>#fafbfc</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#161b22;" data-v-1c9db9f5></span>#161b22</td><td data-v-1c9db9f5>Panel / sidebar / card head</td></tr><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--color-surface-raised</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#fff;" data-v-1c9db9f5></span>#ffffff</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#1c2128;" data-v-1c9db9f5></span>#1c2128</td><td data-v-1c9db9f5>Raised card / dialog / input</td></tr><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--color-text</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#14171c;" data-v-1c9db9f5></span>#14171c</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#e8eaed;" data-v-1c9db9f5></span>#e8eaed</td><td data-v-1c9db9f5>Body text / headings</td></tr><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--color-text-muted</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#6b7280;" data-v-1c9db9f5></span>#6b7280</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#9aa0a8;" data-v-1c9db9f5></span>#9aa0a8</td><td data-v-1c9db9f5>Secondary text / placeholder</td></tr><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--color-line</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#e7eaee;" data-v-1c9db9f5></span>#e7eaee</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#2d333b;" data-v-1c9db9f5></span>#2d333b</td><td data-v-1c9db9f5>Divider / card border</td></tr><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--color-accent</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#1783ff;" data-v-1c9db9f5></span>#1783ff</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#58a6ff;" data-v-1c9db9f5></span>#58a6ff</td><td data-v-1c9db9f5>Primary action / link / focus</td></tr><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--color-success</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#0e7a38;" data-v-1c9db9f5></span>#0e7a38</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#3fb950;" data-v-1c9db9f5></span>#3fb950</td><td data-v-1c9db9f5>Success / pass</td></tr><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--color-warning</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#a9610a;" data-v-1c9db9f5></span>#a9610a</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#d29922;" data-v-1c9db9f5></span>#d29922</td><td data-v-1c9db9f5>Warning / pending</td></tr><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--color-danger</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#c0392b;" data-v-1c9db9f5></span>#c0392b</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#f85149;" data-v-1c9db9f5></span>#f85149</td><td data-v-1c9db9f5>Danger / error / abort</td></tr></tbody></table><h4 class="mini" data-v-1c9db9f5>Surface usage</h4><p data-v-1c9db9f5>The four surface layers each have a role — choose by &quot;raised layer / default flat layer / sunken layer / page background&quot;, and avoid treating <code data-v-1c9db9f5>--p-surface-raised</code> as a universal background.</p><table class="dt" data-v-1c9db9f5><thead data-v-1c9db9f5><tr data-v-1c9db9f5><th data-v-1c9db9f5>Token</th><th data-v-1c9db9f5>Light</th><th data-v-1c9db9f5>Dark</th><th data-v-1c9db9f5>Usage</th></tr></thead><tbody data-v-1c9db9f5><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--p-surface-raised</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#fff;" data-v-1c9db9f5></span>#ffffff</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#1c2128;" data-v-1c9db9f5></span>#1c2128</td><td data-v-1c9db9f5>Raised card / dialog / input (raised layer)</td></tr><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--p-surface</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#fafbfc;" data-v-1c9db9f5></span>#fafbfc</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#161b22;" data-v-1c9db9f5></span>#161b22</td><td data-v-1c9db9f5>Panel / sidebar / card head (default flat layer)</td></tr><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--p-surface-sunken</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#f3f5f8;" data-v-1c9db9f5></span>#f3f5f8</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#0d1117;" data-v-1c9db9f5></span>#0d1117</td><td data-v-1c9db9f5>Code block / inline input / recessed area (sunken layer)</td></tr><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--p-bg</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#fff;" data-v-1c9db9f5></span>#ffffff</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#0d1117;" data-v-1c9db9f5></span>#0d1117</td><td data-v-1c9db9f5>Page background</td></tr></tbody></table><h4 class="mini" data-v-1c9db9f5>Focus ring</h4><p data-v-1c9db9f5>All focusable controls (button, input, link, menu item, switch, checkbox) use the focus-ring token uniformly; do not hand-write a <code data-v-1c9db9f5>box-shadow</code> focus ring.</p><table class="dt" data-v-1c9db9f5><thead data-v-1c9db9f5><tr data-v-1c9db9f5><th data-v-1c9db9f5>Token</th><th data-v-1c9db9f5>Value</th><th data-v-1c9db9f5>Usage</th></tr></thead><tbody data-v-1c9db9f5><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--p-focus-ring</td><td class="val" data-v-1c9db9f5>0 0 0 3px var(--p-accent-soft)</td><td data-v-1c9db9f5>Default focus ring (link, menu item, switch, checkbox)</td></tr><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--p-focus-ring-strong</td><td class="val" data-v-1c9db9f5>0 0 0 3px var(--p-accent-soft), 0 0 0 1px var(--p-accent)</td><td data-v-1c9db9f5>Strong focus ring (button, primary action)</td></tr></tbody></table><h4 class="mini" data-v-1c9db9f5>Text selection</h4><p data-v-1c9db9f5>The text-selection color uses <code data-v-1c9db9f5>--p-selection</code> uniformly (light <code data-v-1c9db9f5>rgba(23,131,255,.18)</code> / dark <code data-v-1c9db9f5>rgba(88,166,255,.32)</code>), applied by the global <code data-v-1c9db9f5>::selection</code> rule; do not set a separate highlight background.</p><h4 class="mini" data-v-1c9db9f5>Disabled state</h4><p data-v-1c9db9f5>All disabled controls use <code data-v-1c9db9f5>opacity:.5</code> + <code data-v-1c9db9f5>cursor:not-allowed</code> uniformly; do not separately grey out or recolor.</p><h3 class="sub" data-v-1c9db9f5>Font families</h3><p data-v-1c9db9f5>Blun Web uses two font families: <b data-v-1c9db9f5>--font-ui</b> (UI and body, system fonts first) and <b data-v-1c9db9f5>--font-mono</b> (code and monospace). Components always reference the variables; do not hard-code font names.</p><h4 class="mini" data-v-1c9db9f5>--font-ui · UI &amp; body (system fonts first)</h4><p data-v-1c9db9f5>Body and UI use each platform&#39;s native UI font — close to the system feel, comfortable for long text and CJK. Fallback chain:</p><div class="code" data-v-1c9db9f5><div class="code-bar" data-v-1c9db9f5><span class="d" data-v-1c9db9f5></span><span class="d" data-v-1c9db9f5></span><span class="d" data-v-1c9db9f5></span><span class="fn" data-v-1c9db9f5>--font-ui</span></div><pre data-v-1c9db9f5>--font-ui: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;,
+import{M as u,aD as g,aI as m,aL as s,u as c,v as d,G as t,H as o,cu as w}from"./index-CiPA8Kex.js";const y={class:"ds-page"},x={class:"layout"},k={class:"content"},C={class:"content-inner"},z={id:"tokens"},B={class:"icon-sizes"},M={class:"sz"},H={class:"p-ic",style:{width:"14px",height:"14px"},viewBox:"0 0 24 24",fill:"currentColor"},S={class:"sz"},A={class:"p-ic",style:{width:"16px",height:"16px"},viewBox:"0 0 24 24",fill:"currentColor"},q={class:"sz"},T={class:"p-ic",style:{width:"20px",height:"20px"},viewBox:"0 0 24 24",fill:"currentColor"},V={id:"primitives"},L={class:"stage-wrap"},I={class:"stage p col"},D={class:"demo-row"},U={class:"p-btn primary disabled"},W={class:"p-spinner sm",viewBox:"0 0 24 24",style:{"--p-accent":"#fff","--p-line":"rgba(255,255,255,.35)"}},P={class:"stage-wrap"},R={class:"stage p col",style:{gap:"0",background:"var(--p-surface)",padding:"0","max-width":"300px","align-items":"stretch"}},N={style:{display:"flex","align-items":"center",gap:"8px",padding:"7px 10px",margin:"1px 6px","border-radius":"8px",color:"var(--p-text)","font-size":"13px"}},j={style:{color:"var(--d-fg-faint)",flex:"none"},width:"14",height:"14",viewBox:"0 0 24 24",fill:"currentColor"},E={style:{display:"flex","align-items":"center",gap:"8px",padding:"7px 10px",margin:"1px 6px","border-radius":"8px",color:"var(--p-text)","font-size":"13px"}},F={style:{color:"var(--d-fg-faint)",flex:"none"},width:"14",height:"14",viewBox:"0 0 24 24",fill:"currentColor"},O={id:"chat"},_={class:"stage-wrap"},G={class:"stage p col",style:{"align-items":"center",background:"#fff"}},J={class:"demo-chat"},K={class:"p-action"},Q={class:"p-action-head"},Y={class:"p-ic",style:{color:"var(--p-accent)"},viewBox:"0 0 24 24",fill:"currentColor"},X={class:"p-action warn"},Z={class:"p-action-head"},$={class:"p-ic",style:{color:"var(--p-warning)"},viewBox:"0 0 24 24",fill:"currentColor"},aa=u({__name:"DesignSystemView",emits:["close"],setup(da,{emit:p}){const h=p;function r(){h("close")}let i=null;function b(l){l.key==="Escape"&&r()}return g(()=>{document.addEventListener("keydown",b);const l=Array.prototype.slice.call(document.querySelectorAll('#nav a[href^="#"]')),a=new Map;l.forEach(v=>{const e=v.getAttribute("href");if(!e)return;const f=document.getElementById(e.slice(1));f&&a.set(f,v)});let n=null;i=new IntersectionObserver(v=>{v.forEach(e=>{e.isIntersecting&&(n&&n.classList.remove("active"),n=a.get(e.target)??null,n&&n.classList.add("active"))})},{rootMargin:"-20% 0px -70% 0px",threshold:0}),a.forEach((v,e)=>i.observe(e)),l.length&&l[0].classList.add("active")}),m(()=>{document.removeEventListener("keydown",b),i&&(i.disconnect(),i=null)}),(l,a)=>(s(),c("div",y,[d("div",{class:"ds-topbar"},[d("button",{class:"ds-back",type:"button",onClick:r},"← Back"),a[0]||(a[0]=d("span",{class:"ds-topbar-title"},"Design system",-1))]),d("div",x,[a[36]||(a[36]=t('<aside class="sidebar" data-v-1c9db9f5><div class="brand" data-v-1c9db9f5><div class="brand-mark" data-v-1c9db9f5>K</div><div class="brand-name" data-v-1c9db9f5>Blun Web</div></div><div class="brand-sub" data-v-1c9db9f5>Design System · v1.0</div><div class="nav-group" data-v-1c9db9f5>Navigate</div><nav class="nav" id="nav" data-v-1c9db9f5><a href="#overview" data-v-1c9db9f5><span class="num" data-v-1c9db9f5>00</span>Overview</a><a href="#principles" data-v-1c9db9f5><span class="num" data-v-1c9db9f5>01</span>Design Principles</a><a href="#tokens" data-v-1c9db9f5><span class="num" data-v-1c9db9f5>02</span>Design Tokens</a><a href="#primitives" data-v-1c9db9f5><span class="num" data-v-1c9db9f5>03</span>Primitives</a><a href="#chat" data-v-1c9db9f5><span class="num" data-v-1c9db9f5>04</span>Chat Interface</a><a href="#themes" data-v-1c9db9f5><span class="num" data-v-1c9db9f5>05</span>Theming</a><a href="#rules" data-v-1c9db9f5><span class="num" data-v-1c9db9f5>06</span>Style Rules</a><a href="#shell" data-v-1c9db9f5><span class="num" data-v-1c9db9f5>07</span>App Shell &amp; Sidebar</a><a href="#a11y" data-v-1c9db9f5><span class="num" data-v-1c9db9f5>08</span>Accessibility</a></nav><div class="nav-group" data-v-1c9db9f5>Companion output</div><nav class="nav" data-v-1c9db9f5><a href="#tokens" data-v-1c9db9f5><span class="num" data-v-1c9db9f5>↗</span>Token list</a><a href="#primitives" data-v-1c9db9f5><span class="num" data-v-1c9db9f5>↗</span>Component API</a><a href="#rules" data-v-1c9db9f5><span class="num" data-v-1c9db9f5>↗</span>Style rules</a></nav></aside>',1)),d("main",k,[d("div",C,[a[34]||(a[34]=t('<section id="overview" data-v-1c9db9f5><div class="hero" data-v-1c9db9f5><span class="eyebrow" data-v-1c9db9f5>● Design System · v1.0</span><h1 data-v-1c9db9f5>Blun Web <span class="grad" data-v-1c9db9f5>Design System</span></h1><p class="lead" data-v-1c9db9f5> This document defines the visual language and component specification for Blun Web — design tokens, component primitives, the chat interface, theming, and style rules. All UI work is grounded in it: unified, restrained, token-driven, and themeable. </p><div class="hero-meta" data-v-1c9db9f5><span class="meta-chip" data-v-1c9db9f5><span class="dot" data-v-1c9db9f5></span> Scope <b data-v-1c9db9f5>apps/king-web</b></span><span class="meta-chip" data-v-1c9db9f5>Component primitives</span><span class="meta-chip" data-v-1c9db9f5>Theme <b data-v-1c9db9f5>1 set · 4 customizable colors</b></span><span class="meta-chip" data-v-1c9db9f5>Light / dark mode</span></div></div><div class="callout info" data-v-1c9db9f5><span class="ico" data-v-1c9db9f5>i</span><div data-v-1c9db9f5><b data-v-1c9db9f5>This spec is the single reference when changing the web UI.</b> Before adding or modifying a component, style, layout, or theme, read this document first; color, font, radius, spacing, shadow, z-index, and motion always use the §02 tokens, components reuse the §03 primitives, and the §06 style rules are followed. </div></div></section><section id="principles" data-v-1c9db9f5><div class="sec-head" data-v-1c9db9f5><span class="sec-num" data-v-1c9db9f5>01</span><h2 class="sec-title" data-v-1c9db9f5>Design Principles</h2></div><p class="sec-desc" data-v-1c9db9f5> Every UI decision traces back to the following principles. Blun Web is a local Agent tool for developers: quick scanning, long stretches of staring, often in the dark — the design serves the task, and is restrained, clinical, and density-first. </p><ul class="clean check" data-v-1c9db9f5><li data-v-1c9db9f5><b data-v-1c9db9f5>Consistency</b> —— The same semantics use the same component. The primary button, dialog, input, and badge should each have exactly &quot;one&quot; correct way to be written across the entire site.</li><li data-v-1c9db9f5><b data-v-1c9db9f5>Hierarchy</b> —— Build a clear hierarchy through size, weight, color, and whitespace; emphasize through &quot;restraint&quot; rather than &quot;bolder and bigger&quot;.</li><li data-v-1c9db9f5><b data-v-1c9db9f5>Proximity</b> —— Group related elements, leave whitespace between unrelated ones. A card&#39;s padding, line spacing, and group spacing all come from the same spacing scale.</li><li data-v-1c9db9f5><b data-v-1c9db9f5>Feedback</b> —— hover / active / focus / loading / success / error all have visible states, and the state language is unified.</li><li data-v-1c9db9f5><b data-v-1c9db9f5>Breathing room</b> —— Control density with the spacing scale rather than arbitrary pixels; prefer restrained whitespace over cramming controls together.</li><li data-v-1c9db9f5><b data-v-1c9db9f5>Accessibility (A11y)</b> —— Text contrast ≥ 4.5:1, visible focus rings, touch targets ≥ 32px, and states that don&#39;t rely on color alone.</li><li data-v-1c9db9f5><b data-v-1c9db9f5>Reduction</b> —— The number of colors, radii, shadow levels, and type sizes all converge to a finite set of tokens; delete stray values.</li></ul><div class="callout good" data-v-1c9db9f5><span class="ico" data-v-1c9db9f5>✓</span><div data-v-1c9db9f5><b data-v-1c9db9f5>Brand tone (the do-not list)</b>: calm, clinical, never exaggerated. <span class="pill red" style="margin:0 4px;" data-v-1c9db9f5>Reject</span> purple gradients, glassmorphism, glowing shadows, AI purple / blue glows, endlessly looping fussy micro-animations, &quot;Boost your productivity&quot;-style marketing copy, and using emoji as icons — <b data-v-1c9db9f5>the moon phases 🌑…🌘 are the sole exception</b>, used only in the &quot;waiting for the Agent to respond&quot; chat state, as a brand signature. These are all common tells of AI-generated interfaces (an &quot;AI tell&quot;), deliberately avoided. </div></div><div class="callout info" data-v-1c9db9f5><span class="ico" data-v-1c9db9f5>i</span><div data-v-1c9db9f5><b data-v-1c9db9f5>Declare design intent first (Design Read)</b>: before adding a component / page, write one sentence describing its scenario, audience, and tone (for example, &quot;a lightweight tool card embedded in a conversation, for developers, calm and restrained&quot;), then build. If the intent isn&#39;t clear, ask one question first rather than defaulting to the nearest existing style. </div></div></section>',2)),d("section",z,[a[7]||(a[7]=t(`<div class="sec-head" data-v-1c9db9f5><span class="sec-num" data-v-1c9db9f5>02</span><h2 class="sec-title" data-v-1c9db9f5>Design Tokens</h2></div><p class="sec-desc" data-v-1c9db9f5> Collapse every visual decision into tokens. <b data-v-1c9db9f5>Color tokens keep the existing short names and fill out the semantics</b> (lowering migration cost), while <b data-v-1c9db9f5>spacing, z-index, motion, and font-weight</b> fill in the scales that are currently missing. Every token has: name, light value, dark value, and usage. </p><div class="callout info" data-v-1c9db9f5><span class="ico" data-v-1c9db9f5>i</span><div data-v-1c9db9f5><b data-v-1c9db9f5>Naming convention</b>: <code data-v-1c9db9f5>--&lt;category&gt;-&lt;role&gt;-&lt;state&gt;</code>. For example <code data-v-1c9db9f5>--color-text-muted</code>, <code data-v-1c9db9f5>--radius-md</code>, <code data-v-1c9db9f5>--space-4</code>. To reduce churn, the existing short names (<code data-v-1c9db9f5>--bg</code> / <code data-v-1c9db9f5>--ink</code> / <code data-v-1c9db9f5>--line</code> / <code data-v-1c9db9f5>--blue</code> …) are kept as <b data-v-1c9db9f5>compatibility aliases</b> for one release cycle. </div></div><h3 class="sub" data-v-1c9db9f5>Color</h3><p data-v-1c9db9f5>Semantic-first, in three layers: <b data-v-1c9db9f5>background / text / border</b> + <b data-v-1c9db9f5>accent</b> + <b data-v-1c9db9f5>status colors</b>. All colors are defined in light / dark pairs, with contrast ≥ 4.5:1.</p><div class="callout info" data-v-1c9db9f5><span class="ico" data-v-1c9db9f5>i</span><div data-v-1c9db9f5>The table below shows the <b data-v-1c9db9f5>derived semantic tokens</b>. The <b data-v-1c9db9f5>neutrals and the accent</b> are derived from the 4 color seeds in §05 — for example <code data-v-1c9db9f5>--color-accent</code> comes from <code data-v-1c9db9f5>--accent-primary</code>, and <code data-v-1c9db9f5>--color-bg</code> comes from the current light / dark surface. The <b data-v-1c9db9f5>semantic status colors</b> (success / warning / danger / info) are independent palettes paired with the seeds, one set each for light / dark; they are not auto-derived from the seeds. Day-to-day reskinning usually only needs the 4 seeds, with the status colors fine-tuned as needed.</div></div><div class="palette" data-v-1c9db9f5><div class="color-card" data-v-1c9db9f5><div class="color-chip" style="background:#ffffff;" data-v-1c9db9f5></div><div class="color-meta" data-v-1c9db9f5><div class="cn" data-v-1c9db9f5>bg</div><div class="cv" data-v-1c9db9f5>#ffffff / #0d1117</div></div></div><div class="color-card" data-v-1c9db9f5><div class="color-chip" style="background:#fafbfc;" data-v-1c9db9f5></div><div class="color-meta" data-v-1c9db9f5><div class="cn" data-v-1c9db9f5>surface</div><div class="cv" data-v-1c9db9f5>#fafbfc / #161b22</div></div></div><div class="color-card" data-v-1c9db9f5><div class="color-chip" style="background:#f3f5f8;" data-v-1c9db9f5></div><div class="color-meta" data-v-1c9db9f5><div class="cn" data-v-1c9db9f5>surface-sunken</div><div class="cv" data-v-1c9db9f5>#f3f5f8 / #0d1117</div></div></div><div class="color-card" data-v-1c9db9f5><div class="color-chip" style="background:#14171c;" data-v-1c9db9f5></div><div class="color-meta" data-v-1c9db9f5><div class="cn" data-v-1c9db9f5>fg</div><div class="cv" data-v-1c9db9f5>#14171c / #e8eaed</div></div></div><div class="color-card" data-v-1c9db9f5><div class="color-chip" style="background:#6b7280;" data-v-1c9db9f5></div><div class="color-meta" data-v-1c9db9f5><div class="cn" data-v-1c9db9f5>fg-muted</div><div class="cv" data-v-1c9db9f5>#6b7280 / #9aa0a8</div></div></div><div class="color-card" data-v-1c9db9f5><div class="color-chip" style="background:#e7eaee;" data-v-1c9db9f5></div><div class="color-meta" data-v-1c9db9f5><div class="cn" data-v-1c9db9f5>line</div><div class="cv" data-v-1c9db9f5>#e7eaee / #2d333b</div></div></div><div class="color-card" data-v-1c9db9f5><div class="color-chip" style="background:#1783ff;" data-v-1c9db9f5></div><div class="color-meta" data-v-1c9db9f5><div class="cn" data-v-1c9db9f5>accent (KMBlue)</div><div class="cv" data-v-1c9db9f5>#1783ff / #58a6ff</div></div></div><div class="color-card" data-v-1c9db9f5><div class="color-chip" style="background:#e8f3ff;" data-v-1c9db9f5></div><div class="color-meta" data-v-1c9db9f5><div class="cn" data-v-1c9db9f5>accent-soft</div><div class="cv" data-v-1c9db9f5>#e8f3ff / rgba(88,166,255,.14)</div></div></div></div><table class="dt" data-v-1c9db9f5><thead data-v-1c9db9f5><tr data-v-1c9db9f5><th data-v-1c9db9f5>Token</th><th data-v-1c9db9f5>Light</th><th data-v-1c9db9f5>Dark</th><th data-v-1c9db9f5>Usage</th></tr></thead><tbody data-v-1c9db9f5><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--color-bg</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#fff;" data-v-1c9db9f5></span>#ffffff</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#0d1117;" data-v-1c9db9f5></span>#0d1117</td><td data-v-1c9db9f5>Page background</td></tr><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--color-surface</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#fafbfc;" data-v-1c9db9f5></span>#fafbfc</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#161b22;" data-v-1c9db9f5></span>#161b22</td><td data-v-1c9db9f5>Panel / sidebar / card head</td></tr><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--color-surface-raised</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#fff;" data-v-1c9db9f5></span>#ffffff</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#1c2128;" data-v-1c9db9f5></span>#1c2128</td><td data-v-1c9db9f5>Raised card / dialog / input</td></tr><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--color-text</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#14171c;" data-v-1c9db9f5></span>#14171c</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#e8eaed;" data-v-1c9db9f5></span>#e8eaed</td><td data-v-1c9db9f5>Body text / headings</td></tr><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--color-text-muted</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#6b7280;" data-v-1c9db9f5></span>#6b7280</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#9aa0a8;" data-v-1c9db9f5></span>#9aa0a8</td><td data-v-1c9db9f5>Secondary text / placeholder</td></tr><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--color-line</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#e7eaee;" data-v-1c9db9f5></span>#e7eaee</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#2d333b;" data-v-1c9db9f5></span>#2d333b</td><td data-v-1c9db9f5>Divider / card border</td></tr><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--color-accent</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#1783ff;" data-v-1c9db9f5></span>#1783ff</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#58a6ff;" data-v-1c9db9f5></span>#58a6ff</td><td data-v-1c9db9f5>Primary action / link / focus</td></tr><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--color-success</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#0e7a38;" data-v-1c9db9f5></span>#0e7a38</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#3fb950;" data-v-1c9db9f5></span>#3fb950</td><td data-v-1c9db9f5>Success / pass</td></tr><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--color-warning</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#a9610a;" data-v-1c9db9f5></span>#a9610a</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#d29922;" data-v-1c9db9f5></span>#d29922</td><td data-v-1c9db9f5>Warning / pending</td></tr><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--color-danger</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#c0392b;" data-v-1c9db9f5></span>#c0392b</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#f85149;" data-v-1c9db9f5></span>#f85149</td><td data-v-1c9db9f5>Danger / error / abort</td></tr></tbody></table><h4 class="mini" data-v-1c9db9f5>Surface usage</h4><p data-v-1c9db9f5>The four surface layers each have a role — choose by &quot;raised layer / default flat layer / sunken layer / page background&quot;, and avoid treating <code data-v-1c9db9f5>--p-surface-raised</code> as a universal background.</p><table class="dt" data-v-1c9db9f5><thead data-v-1c9db9f5><tr data-v-1c9db9f5><th data-v-1c9db9f5>Token</th><th data-v-1c9db9f5>Light</th><th data-v-1c9db9f5>Dark</th><th data-v-1c9db9f5>Usage</th></tr></thead><tbody data-v-1c9db9f5><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--p-surface-raised</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#fff;" data-v-1c9db9f5></span>#ffffff</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#1c2128;" data-v-1c9db9f5></span>#1c2128</td><td data-v-1c9db9f5>Raised card / dialog / input (raised layer)</td></tr><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--p-surface</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#fafbfc;" data-v-1c9db9f5></span>#fafbfc</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#161b22;" data-v-1c9db9f5></span>#161b22</td><td data-v-1c9db9f5>Panel / sidebar / card head (default flat layer)</td></tr><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--p-surface-sunken</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#f3f5f8;" data-v-1c9db9f5></span>#f3f5f8</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#0d1117;" data-v-1c9db9f5></span>#0d1117</td><td data-v-1c9db9f5>Code block / inline input / recessed area (sunken layer)</td></tr><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--p-bg</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#fff;" data-v-1c9db9f5></span>#ffffff</td><td class="val" data-v-1c9db9f5><span class="swatch" style="background:#0d1117;" data-v-1c9db9f5></span>#0d1117</td><td data-v-1c9db9f5>Page background</td></tr></tbody></table><h4 class="mini" data-v-1c9db9f5>Focus ring</h4><p data-v-1c9db9f5>All focusable controls (button, input, link, menu item, switch, checkbox) use the focus-ring token uniformly; do not hand-write a <code data-v-1c9db9f5>box-shadow</code> focus ring.</p><table class="dt" data-v-1c9db9f5><thead data-v-1c9db9f5><tr data-v-1c9db9f5><th data-v-1c9db9f5>Token</th><th data-v-1c9db9f5>Value</th><th data-v-1c9db9f5>Usage</th></tr></thead><tbody data-v-1c9db9f5><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--p-focus-ring</td><td class="val" data-v-1c9db9f5>0 0 0 3px var(--p-accent-soft)</td><td data-v-1c9db9f5>Default focus ring (link, menu item, switch, checkbox)</td></tr><tr data-v-1c9db9f5><td class="tk" data-v-1c9db9f5>--p-focus-ring-strong</td><td class="val" data-v-1c9db9f5>0 0 0 3px var(--p-accent-soft), 0 0 0 1px var(--p-accent)</td><td data-v-1c9db9f5>Strong focus ring (button, primary action)</td></tr></tbody></table><h4 class="mini" data-v-1c9db9f5>Text selection</h4><p data-v-1c9db9f5>The text-selection color uses <code data-v-1c9db9f5>--p-selection</code> uniformly (light <code data-v-1c9db9f5>rgba(23,131,255,.18)</code> / dark <code data-v-1c9db9f5>rgba(88,166,255,.32)</code>), applied by the global <code data-v-1c9db9f5>::selection</code> rule; do not set a separate highlight background.</p><h4 class="mini" data-v-1c9db9f5>Disabled state</h4><p data-v-1c9db9f5>All disabled controls use <code data-v-1c9db9f5>opacity:.5</code> + <code data-v-1c9db9f5>cursor:not-allowed</code> uniformly; do not separately grey out or recolor.</p><h3 class="sub" data-v-1c9db9f5>Font families</h3><p data-v-1c9db9f5>Blun Web uses two font families: <b data-v-1c9db9f5>--font-ui</b> (UI and body, system fonts first) and <b data-v-1c9db9f5>--font-mono</b> (code and monospace). Components always reference the variables; do not hard-code font names.</p><h4 class="mini" data-v-1c9db9f5>--font-ui · UI &amp; body (system fonts first)</h4><p data-v-1c9db9f5>Body and UI use each platform&#39;s native UI font — close to the system feel, comfortable for long text and CJK. Fallback chain:</p><div class="code" data-v-1c9db9f5><div class="code-bar" data-v-1c9db9f5><span class="d" data-v-1c9db9f5></span><span class="d" data-v-1c9db9f5></span><span class="d" data-v-1c9db9f5></span><span class="fn" data-v-1c9db9f5>--font-ui</span></div><pre data-v-1c9db9f5>--font-ui: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;,
       &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Noto Sans SC&quot;,
       &quot;Helvetica Neue&quot;, Arial, sans-serif,
       &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Noto Color Emoji&quot;;</pre></div><ul class="clean" data-v-1c9db9f5><li data-v-1c9db9f5>System UI fonts first: SF Pro on macOS / iOS, Segoe UI on Windows.</li><li data-v-1c9db9f5>CJK next: PingFang SC (macOS) / Microsoft YaHei (Windows) / Noto Sans SC (Linux).</li><li data-v-1c9db9f5>Helvetica Neue / Arial / sans-serif as generic fallbacks; emoji fonts at the end.</li></ul><h4 class="mini" data-v-1c9db9f5>--font-mono · Code &amp; monospace</h4><p data-v-1c9db9f5>Code, tool names, line numbers, diffs, etc. use JetBrains Mono (a self-hosted variable font), falling back to the system monospace:</p><div class="code" data-v-1c9db9f5><div class="code-bar" data-v-1c9db9f5><span class="d" data-v-1c9db9f5></span><span class="d" data-v-1c9db9f5></span><span class="d" data-v-1c9db9f5></span><span class="fn" data-v-1c9db9f5>--font-mono</span></div><pre data-v-1c9db9f5>--font-mono: &quot;JetBrains Mono Variable&quot;, &quot;JetBrains Mono&quot;,

package/dist-web/assets/{Tooltip-nEEfaYVY.js → Tooltip-CFQEzqC-.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{bQ as A,M as H,aU as b,bE as V,az as J,aL as O,s as Q,v as R,I as F,bJ as G,bL as K,aw as L,H as W,bb as Z,bB as ee,g as te,au as le,T as ae,as as B,bR as ne}from"./index-~~CkVgGDpx~~.js";var k=(h,E,e)=>new Promise((o,p)=>{var i=a=>{try{d(e.next(a))}catch(c){p(c)}},y=a=>{try{d(e.throw(a))}catch(c){p(c)}},d=a=>a.done?o(a.value):Promise.resolve(a.value).then(i,y);d((e=e.apply(h,E)).next())});const oe=["id"],ie=["data-placement"],ue=A(H({__name:"Tooltip",props:{visible:{type:Boolean},anchorEl:{},content:{},placement:{},offset:{},originX:{},originY:{},id:{},isDark:{type:[Boolean,null]}},setup(h){var E;const e=h,o=b(null),p=b(null),i=b({transform:"translate3d(0px, 0px, 0px)",left:"0px",top:"0px"}),y=b({}),d=b((E=e.placement)!=null?E:"top"),a=b(!1);let c=null,$=null,T=null,C=null,w=null,s=0;function X(){return C?Promise.resolve(C):(w\|\|(w=ne(()=>import("./floating-ui.dom-CDU05fwN.js"),[]).then(l=>(C=l,l)).catch(l=>{throw w=null,l})),w)}function D(){c&&(c(),c=null),$=null,T=null}function P(l){return k(this,null,function(){const t=e.anchorEl,n=o.value;if(!e.visible\|\|!t\|\|!n\|\|$===t&&T===n)return;const{autoUpdate:r}=yield X();l()&&e.visible&&e.anchorEl===t&&o.value===n&&(D(),$=t,T=n,c=r(t,n,()=>{N().catch(()=>{_()})}))})}function N(){return k(this,null,function(){var l,t;const n=e.anchorEl,r=o.value;if(!e.visible\|\|!n\|\|!r)return!1;const{arrow:u,computePosition:m,flip:v,offset:f,shift:x}=yield X();if(!e.visible\|\|e.anchorEl!==n\|\|o.value!==r)return!1;const g=[f((l=e.offset)!=null?l:6),v(),x({padding:6}),...p.value?[u({element:p.value,padding:4})]:[]],{x:S,y:j,placement:Y,middlewareData:z}=yield m(n,r,{placement:(t=e.placement)!=null?t:"top",middleware:g,strategy:"fixed"});if(!e.visible\|\|e.anchorEl!==n\|\|o.value!==r)return!1;if(i.value.transform=`translate3d(${Math.round(S)}px, ${Math.round(j)}px, 0)`,i.value.left="0px",i.value.top="0px",d.value=Y,z.arrow&&p.value){const{x:I,y:U}=z.arrow,q={top:"bottom",bottom:"top",left:"right",right:"left"}[Y.split("-")[0]];y.value={left:I!=null?`${I}px`:"",top:U!=null?`${U}px`:"",[q]:"-3px"}}return!0})}function _(){var l,t;const n=e.anchorEl,r=o.value;if(!n\|\|!r)return!1;const u=n.getBoundingClientRect(),m=r.getBoundingClientRect(),v=(l=e.offset)!=null?l:6,f=(t=e.placement)!=null?t:"top";let x=u.left,g=u.top;return f==="bottom"?g=u.bottom+v:f==="left"?x=u.left-m.width-v:f==="right"?x=u.right+v:g=u.top-m.height-v,i.value.transform=`translate3d(${Math.round(Math.max(0,x))}px, ${Math.round(Math.max(0,g))}px, 0)`,i.value.left="0px",i.value.top="0px",d.value=f,y.value={},!0}V(()=>e.visible,l=>k(null,null,function(){const t=++s;if(l){if(a.value=!1,yield B(),t!==s\|\|!e.visible)return;if(e.anchorEl&&o.value)try{const n=e.anchorEl,r=o.value,u=n.getBoundingClientRect();if(!(yield N())\|\|t!==s\|\|!e.visible\|\|e.anchorEl!==n\|\|o.value!==r)return;const m=i.value.transform;if(e.originX!=null&&e.originY!=null){const v=Math.abs(Number(e.originX)-u.left),f=Math.abs(Number(e.originY)-u.top);if(Math.hypot(v,f)>120){if(i.value.transform=`translate3d(${Math.round(e.originX)}px, ${Math.round(e.originY)}px, 0)`,yield B(),t!==s\|\|!e.visible\|\|(a.value=!0,yield B(),t!==s\|\|!e.visible))return;i.value.transform=m}else a.value=!0}else a.value=!0;yield P(()=>t===s)}catch{if(t!==s\|\|!e.visible)return;if(a.value=_(),e.anchorEl&&o.value)try{yield P(()=>t===s)}catch{}}else a.value=!0}else a.value=!1,D()}));let M=0;return V([()=>e.anchorEl,()=>e.placement,()=>e.content],()=>k(null,null,function(){const l=++M;if(e.visible&&e.anchorEl&&o.value){if(yield B(),l!==M\|\|!e.visible\|\|!e.anchorEl\|\|!o.value)return;try{const t=yield N();if(l!==M\|\|!e.visible\|\|!e.anchorEl\|\|!o.value)return;t\|\|_()}catch{_()}yield P(()=>l===M)}})),J(()=>{s+=1,D()}),(l,t)=>(O(),Q(ae,{to:"body"},[R("div",{class:le(["markstream-vue",{dark:h.isDark}])},[F(te,{name:"tooltip",appear:""},{default:G(()=>[K(R("div",{id:e.id,ref_key:"tooltip",ref:o,style:L({position:"fixed",left:i.value.left,top:i.value.top,transform:i.value.transform,visibility:a.value?"visible":"hidden",pointerEvents:a.value?void 0:"none"}),class:"tooltip-element",role:"tooltip"},[W(Z(h.content)+" ",1),R("div",{ref_key:"arrowEl",ref:p,class:"tooltip-arrow","data-placement":d.value,style:L(y.value)},null,12,ie)],12,oe),[[ee,h.visible]])]),_:1})],2)]))}}),[["__scopeId","data-v-c606ee4c"]]);export{ue as default};
1	+ import{bQ as A,M as H,aU as b,bE as V,az as J,aL as O,s as Q,v as R,I as F,bJ as G,bL as K,aw as L,H as W,bb as Z,bB as ee,g as te,au as le,T as ae,as as B,bR as ne}from"./index-CiPA8Kex.js";var k=(h,E,e)=>new Promise((o,p)=>{var i=a=>{try{d(e.next(a))}catch(c){p(c)}},y=a=>{try{d(e.throw(a))}catch(c){p(c)}},d=a=>a.done?o(a.value):Promise.resolve(a.value).then(i,y);d((e=e.apply(h,E)).next())});const oe=["id"],ie=["data-placement"],ue=A(H({__name:"Tooltip",props:{visible:{type:Boolean},anchorEl:{},content:{},placement:{},offset:{},originX:{},originY:{},id:{},isDark:{type:[Boolean,null]}},setup(h){var E;const e=h,o=b(null),p=b(null),i=b({transform:"translate3d(0px, 0px, 0px)",left:"0px",top:"0px"}),y=b({}),d=b((E=e.placement)!=null?E:"top"),a=b(!1);let c=null,$=null,T=null,C=null,w=null,s=0;function X(){return C?Promise.resolve(C):(w\|\|(w=ne(()=>import("./floating-ui.dom-CDU05fwN.js"),[]).then(l=>(C=l,l)).catch(l=>{throw w=null,l})),w)}function D(){c&&(c(),c=null),$=null,T=null}function P(l){return k(this,null,function(){const t=e.anchorEl,n=o.value;if(!e.visible\|\|!t\|\|!n\|\|$===t&&T===n)return;const{autoUpdate:r}=yield X();l()&&e.visible&&e.anchorEl===t&&o.value===n&&(D(),$=t,T=n,c=r(t,n,()=>{N().catch(()=>{_()})}))})}function N(){return k(this,null,function(){var l,t;const n=e.anchorEl,r=o.value;if(!e.visible\|\|!n\|\|!r)return!1;const{arrow:u,computePosition:m,flip:v,offset:f,shift:x}=yield X();if(!e.visible\|\|e.anchorEl!==n\|\|o.value!==r)return!1;const g=[f((l=e.offset)!=null?l:6),v(),x({padding:6}),...p.value?[u({element:p.value,padding:4})]:[]],{x:S,y:j,placement:Y,middlewareData:z}=yield m(n,r,{placement:(t=e.placement)!=null?t:"top",middleware:g,strategy:"fixed"});if(!e.visible\|\|e.anchorEl!==n\|\|o.value!==r)return!1;if(i.value.transform=`translate3d(${Math.round(S)}px, ${Math.round(j)}px, 0)`,i.value.left="0px",i.value.top="0px",d.value=Y,z.arrow&&p.value){const{x:I,y:U}=z.arrow,q={top:"bottom",bottom:"top",left:"right",right:"left"}[Y.split("-")[0]];y.value={left:I!=null?`${I}px`:"",top:U!=null?`${U}px`:"",[q]:"-3px"}}return!0})}function _(){var l,t;const n=e.anchorEl,r=o.value;if(!n\|\|!r)return!1;const u=n.getBoundingClientRect(),m=r.getBoundingClientRect(),v=(l=e.offset)!=null?l:6,f=(t=e.placement)!=null?t:"top";let x=u.left,g=u.top;return f==="bottom"?g=u.bottom+v:f==="left"?x=u.left-m.width-v:f==="right"?x=u.right+v:g=u.top-m.height-v,i.value.transform=`translate3d(${Math.round(Math.max(0,x))}px, ${Math.round(Math.max(0,g))}px, 0)`,i.value.left="0px",i.value.top="0px",d.value=f,y.value={},!0}V(()=>e.visible,l=>k(null,null,function(){const t=++s;if(l){if(a.value=!1,yield B(),t!==s\|\|!e.visible)return;if(e.anchorEl&&o.value)try{const n=e.anchorEl,r=o.value,u=n.getBoundingClientRect();if(!(yield N())\|\|t!==s\|\|!e.visible\|\|e.anchorEl!==n\|\|o.value!==r)return;const m=i.value.transform;if(e.originX!=null&&e.originY!=null){const v=Math.abs(Number(e.originX)-u.left),f=Math.abs(Number(e.originY)-u.top);if(Math.hypot(v,f)>120){if(i.value.transform=`translate3d(${Math.round(e.originX)}px, ${Math.round(e.originY)}px, 0)`,yield B(),t!==s\|\|!e.visible\|\|(a.value=!0,yield B(),t!==s\|\|!e.visible))return;i.value.transform=m}else a.value=!0}else a.value=!0;yield P(()=>t===s)}catch{if(t!==s\|\|!e.visible)return;if(a.value=_(),e.anchorEl&&o.value)try{yield P(()=>t===s)}catch{}}else a.value=!0}else a.value=!1,D()}));let M=0;return V([()=>e.anchorEl,()=>e.placement,()=>e.content],()=>k(null,null,function(){const l=++M;if(e.visible&&e.anchorEl&&o.value){if(yield B(),l!==M\|\|!e.visible\|\|!e.anchorEl\|\|!o.value)return;try{const t=yield N();if(l!==M\|\|!e.visible\|\|!e.anchorEl\|\|!o.value)return;t\|\|_()}catch{_()}yield P(()=>l===M)}})),J(()=>{s+=1,D()}),(l,t)=>(O(),Q(ae,{to:"body"},[R("div",{class:le(["markstream-vue",{dark:h.isDark}])},[F(te,{name:"tooltip",appear:""},{default:G(()=>[K(R("div",{id:e.id,ref_key:"tooltip",ref:o,style:L({position:"fixed",left:i.value.left,top:i.value.top,transform:i.value.transform,visibility:a.value?"visible":"hidden",pointerEvents:a.value?void 0:"none"}),class:"tooltip-element",role:"tooltip"},[W(Z(h.content)+" ",1),R("div",{ref_key:"arrowEl",ref:p,class:"tooltip-arrow","data-placement":d.value,style:L(y.value)},null,12,ie)],12,oe),[[ee,h.visible]])]),_:1})],2)]))}}),[["__scopeId","data-v-c606ee4c"]]);export{ue as default};

package/dist-web/assets/abnfDiagram-N423BO3Z-CsByy-GW.js ADDED Viewed

@@ -0,0 +1 @@

+ import{g as p,r as u,d as a}from"./chunk-6Q2QTUOP-RUVRPBzG.js";import{p as f}from"./chunk-JWPE2WC7-u8Pcfhwh.js";import{_ as n,l as o}from"./mermaidParser.worker-PTFfzpoB.js";import{M as c,b as d}from"./cynefin-VYW2F7L2-C-EfYT07.js";var v=d().RailroadAbnf.parser.LangiumParser,l=n(e=>{const r=e.alternatives.map(g);return r.length===1?r[0]:{type:"choice",alternatives:r}},"transformAlternation"),g=n(e=>{const r=e.elements.map(y);return r.length===1?r[0]:{type:"sequence",elements:r}},"transformConcatenation"),b=n(e=>{if(e.includes("*")){const[t,s]=e.split("*"),i=t?parseInt(t,10):0,m=s?parseInt(s,10):1/0;return{min:i,max:m}}const r=parseInt(e,10);return{min:r,max:r}},"parseRepeat"),y=n(e=>{const r=A(e.primary);if(!e.repeat)return r;const{min:t,max:s}=b(e.repeat);return t===0&&s===1?{type:"optional",element:r}:{type:"repetition",element:r,min:t,max:s}},"transformElement"),A=n(e=>{switch(e.$type){case"AbnfStringLiteral":return{type:"terminal",value:e.value};case"AbnfNumVal":return{type:"terminal",value:e.value};case"AbnfRuleName":return{type:"nonterminal",name:e.name};case"AbnfGroup":return l(e.element);case"AbnfOptionalGroup":return{type:"optional",element:l(e.element)};default:throw new Error(`Unsupported ABNF primary node: ${e.$type}`)}},"transformPrimary"),P=n(e=>({name:e.name,definition:l(e.definition)}),"transformRule"),h=n(e=>{f(e,a),e.title&&a.setTitle(e.title),e.rules.map(r=>a.addRule(P(r)))},"populateDb"),R={parse:n(e=>{a.clear(),o.debug("[ABNF Parser] Starting Langium parse");const r=v.parse(e);if(r.lexerErrors.length>0||r.parserErrors.length>0)throw new c(r);const t=r.value;o.debug("[ABNF Parser] Parsed rules:",t.rules.length),h(t),o.debug("[ABNF Parser] Parse complete")},"parse"),parser:{yy:a}},w={parser:R,db:a,renderer:u,styles:p};export{w as diagram};

package/dist-web/assets/abnfDiagram-N423BO3Z-Z1APZG5m.js ADDED Viewed

@@ -0,0 +1 @@

+ import{g as p,r as u,d as a}from"./chunk-6Q2QTUOP-BO-F11Gs.js";import{p as f}from"./chunk-JWPE2WC7-DIOubEqr.js";import{_ as n,l as o}from"./mermaid.core-D-9Sx1No.js";import{M as c,b as d}from"./cynefin-VYW2F7L2-rpD93tQ-.js";import"./index-CiPA8Kex.js";var v=d().RailroadAbnf.parser.LangiumParser,i=n(e=>{const r=e.alternatives.map(g);return r.length===1?r[0]:{type:"choice",alternatives:r}},"transformAlternation"),g=n(e=>{const r=e.elements.map(y);return r.length===1?r[0]:{type:"sequence",elements:r}},"transformConcatenation"),b=n(e=>{if(e.includes("*")){const[t,s]=e.split("*"),l=t?parseInt(t,10):0,m=s?parseInt(s,10):1/0;return{min:l,max:m}}const r=parseInt(e,10);return{min:r,max:r}},"parseRepeat"),y=n(e=>{const r=A(e.primary);if(!e.repeat)return r;const{min:t,max:s}=b(e.repeat);return t===0&&s===1?{type:"optional",element:r}:{type:"repetition",element:r,min:t,max:s}},"transformElement"),A=n(e=>{switch(e.$type){case"AbnfStringLiteral":return{type:"terminal",value:e.value};case"AbnfNumVal":return{type:"terminal",value:e.value};case"AbnfRuleName":return{type:"nonterminal",name:e.name};case"AbnfGroup":return i(e.element);case"AbnfOptionalGroup":return{type:"optional",element:i(e.element)};default:throw new Error(`Unsupported ABNF primary node: ${e.$type}`)}},"transformPrimary"),P=n(e=>({name:e.name,definition:i(e.definition)}),"transformRule"),h=n(e=>{f(e,a),e.title&&a.setTitle(e.title),e.rules.map(r=>a.addRule(P(r)))},"populateDb"),R={parse:n(e=>{a.clear(),o.debug("[ABNF Parser] Starting Langium parse");const r=v.parse(e);if(r.lexerErrors.length>0||r.parserErrors.length>0)throw new c(r);const t=r.value;o.debug("[ABNF Parser] Parsed rules:",t.rules.length),h(t),o.debug("[ABNF Parser] Parse complete")},"parse"),parser:{yy:a}},B={parser:R,db:a,renderer:u,styles:p};export{B as diagram};

package/dist-web/assets/arc-C-LXCaja.js ADDED Viewed

@@ -0,0 +1 @@

+ import{Y as ln,$ as an,a0 as y,a1 as tn,a2 as F,a3 as q,a4 as _,a5 as un,a6 as rn,a7 as J,a8 as o,a9 as j,aa as sn,ab as on,ac as fn}from"./mermaidParser.worker-PTFfzpoB.js";function cn(l){return l.innerRadius}function yn(l){return l.outerRadius}function gn(l){return l.startAngle}function dn(l){return l.endAngle}function mn(l){return l&&l.padAngle}function pn(l,h,I,D,v,A,z,a){var O=I-l,i=D-h,n=z-v,d=a-A,u=d*O-n*i;if(!(u*u<y))return u=(n*(h-A)-d*(l-v))/u,[l+u*O,h+u*i]}function U(l,h,I,D,v,A,z){var a=l-I,O=h-D,i=(z?A:-A)/J(a*a+O*O),n=i*O,d=-i*a,u=l+n,s=h+d,f=I+n,c=D+d,B=(u+f)/2,t=(s+c)/2,m=f-u,g=c-s,R=m*m+g*g,T=v-A,P=u*c-f*s,S=(g<0?-1:1)*J(fn(0,T*T*R-P*P)),Y=(P*g-m*S)/R,$=(-P*m-g*S)/R,w=(P*g+m*S)/R,p=(-P*m+g*S)/R,x=Y-B,e=$-t,r=w-B,C=p-t;return x*x+e*e>r*r+C*C&&(Y=w,$=p),{cx:Y,cy:$,x01:-n,y01:-d,x11:Y*(v/T-1),y11:$*(v/T-1)}}function hn(){var l=cn,h=yn,I=j(0),D=null,v=gn,A=dn,z=mn,a=null,O=ln(i);function i(){var n,d,u=+l.apply(this,arguments),s=+h.apply(this,arguments),f=v.apply(this,arguments)-an,c=A.apply(this,arguments)-an,B=un(c-f),t=c>f;if(a||(a=n=O()),s<u&&(d=s,s=u,u=d),!(s>y))a.moveTo(0,0);else if(B>tn-y)a.moveTo(s*F(f),s*q(f)),a.arc(0,0,s,f,c,!t),u>y&&(a.moveTo(u*F(c),u*q(c)),a.arc(0,0,u,c,f,t));else{var m=f,g=c,R=f,T=c,P=B,S=B,Y=z.apply(this,arguments)/2,$=Y>y&&(D?+D.apply(this,arguments):J(u*u+s*s)),w=_(un(s-u)/2,+I.apply(this,arguments)),p=w,x=w,e,r;if($>y){var C=sn($/u*q(Y)),K=sn($/s*q(Y));(P-=C*2)>y?(C*=t?1:-1,R+=C,T-=C):(P=0,R=T=(f+c)/2),(S-=K*2)>y?(K*=t?1:-1,m+=K,g-=K):(S=0,m=g=(f+c)/2)}var G=s*F(m),H=s*q(m),L=u*F(T),M=u*q(T);if(w>y){var N=s*F(g),Q=s*q(g),V=u*F(R),W=u*q(R),E;if(B<rn)if(E=pn(G,H,V,W,N,Q,L,M)){var X=G-E[0],Z=H-E[1],b=N-E[0],k=Q-E[1],nn=1/q(on((X*b+Z*k)/(J(X*X+Z*Z)*J(b*b+k*k)))/2),en=J(E[0]*E[0]+E[1]*E[1]);p=_(w,(u-en)/(nn-1)),x=_(w,(s-en)/(nn+1))}else p=x=0}S>y?x>y?(e=U(V,W,G,H,s,x,t),r=U(N,Q,L,M,s,x,t),a.moveTo(e.cx+e.x01,e.cy+e.y01),x<w?a.arc(e.cx,e.cy,x,o(e.y01,e.x01),o(r.y01,r.x01),!t):(a.arc(e.cx,e.cy,x,o(e.y01,e.x01),o(e.y11,e.x11),!t),a.arc(0,0,s,o(e.cy+e.y11,e.cx+e.x11),o(r.cy+r.y11,r.cx+r.x11),!t),a.arc(r.cx,r.cy,x,o(r.y11,r.x11),o(r.y01,r.x01),!t))):(a.moveTo(G,H),a.arc(0,0,s,m,g,!t)):a.moveTo(G,H),!(u>y)||!(P>y)?a.lineTo(L,M):p>y?(e=U(L,M,N,Q,u,-p,t),r=U(G,H,V,W,u,-p,t),a.lineTo(e.cx+e.x01,e.cy+e.y01),p<w?a.arc(e.cx,e.cy,p,o(e.y01,e.x01),o(r.y01,r.x01),!t):(a.arc(e.cx,e.cy,p,o(e.y01,e.x01),o(e.y11,e.x11),!t),a.arc(0,0,u,o(e.cy+e.y11,e.cx+e.x11),o(r.cy+r.y11,r.cx+r.x11),t),a.arc(r.cx,r.cy,p,o(r.y11,r.x11),o(r.y01,r.x01),!t))):a.arc(0,0,u,T,R,t)}if(a.closePath(),n)return a=null,n+""||null}return i.centroid=function(){var n=(+l.apply(this,arguments)+ +h.apply(this,arguments))/2,d=(+v.apply(this,arguments)+ +A.apply(this,arguments))/2-rn/2;return[F(d)*n,q(d)*n]},i.innerRadius=function(n){return arguments.length?(l=typeof n=="function"?n:j(+n),i):l},i.outerRadius=function(n){return arguments.length?(h=typeof n=="function"?n:j(+n),i):h},i.cornerRadius=function(n){return arguments.length?(I=typeof n=="function"?n:j(+n),i):I},i.padRadius=function(n){return arguments.length?(D=n==null?null:typeof n=="function"?n:j(+n),i):D},i.startAngle=function(n){return arguments.length?(v=typeof n=="function"?n:j(+n),i):v},i.endAngle=function(n){return arguments.length?(A=typeof n=="function"?n:j(+n),i):A},i.padAngle=function(n){return arguments.length?(z=typeof n=="function"?n:j(+n),i):z},i.context=function(n){return arguments.length?(a=n??null,i):a},i}export{hn as d};

package/dist-web/assets/arc-C4VyWloT.js ADDED Viewed

@@ -0,0 +1 @@

+ import{P as ln,Q as an,R as j,S,T as W,V as un,W as y,X as tn,Y as C,$ as _,a0 as rn,a1 as o,a2 as on,a3 as sn,a4 as fn}from"./mermaid.core-D-9Sx1No.js";function cn(l){return l.innerRadius}function yn(l){return l.outerRadius}function gn(l){return l.startAngle}function dn(l){return l.endAngle}function mn(l){return l&&l.padAngle}function pn(l,h,E,q,v,R,X,a){var I=E-l,i=q-h,n=X-v,d=a-R,u=d*I-n*i;if(!(u*u<y))return u=(n*(h-R)-d*(l-v))/u,[l+u*I,h+u*i]}function L(l,h,E,q,v,R,X){var a=l-E,I=h-q,i=(X?R:-R)/C(a*a+I*I),n=i*I,d=-i*a,u=l+n,s=h+d,f=E+n,c=q+d,Y=(u+f)/2,t=(s+c)/2,m=f-u,g=c-s,A=m*m+g*g,T=v-R,P=u*c-f*s,O=(g<0?-1:1)*C(on(0,T*T*A-P*P)),Q=(P*g-m*O)/A,V=(-P*m-g*O)/A,w=(P*g+m*O)/A,p=(-P*m+g*O)/A,x=Q-Y,e=V-t,r=w-Y,$=p-t;return x*x+e*e>r*r+$*$&&(Q=w,V=p),{cx:Q,cy:V,x01:-n,y01:-d,x11:Q*(v/T-1),y11:V*(v/T-1)}}function hn(){var l=cn,h=yn,E=W(0),q=null,v=gn,R=dn,X=mn,a=null,I=ln(i);function i(){var n,d,u=+l.apply(this,arguments),s=+h.apply(this,arguments),f=v.apply(this,arguments)-un,c=R.apply(this,arguments)-un,Y=rn(c-f),t=c>f;if(a||(a=n=I()),s<u&&(d=s,s=u,u=d),!(s>y))a.moveTo(0,0);else if(Y>tn-y)a.moveTo(s*j(f),s*S(f)),a.arc(0,0,s,f,c,!t),u>y&&(a.moveTo(u*j(c),u*S(c)),a.arc(0,0,u,c,f,t));else{var m=f,g=c,A=f,T=c,P=Y,O=Y,Q=X.apply(this,arguments)/2,V=Q>y&&(q?+q.apply(this,arguments):C(u*u+s*s)),w=_(rn(s-u)/2,+E.apply(this,arguments)),p=w,x=w,e,r;if(V>y){var $=sn(V/u*S(Q)),F=sn(V/s*S(Q));(P-=$*2)>y?($*=t?1:-1,A+=$,T-=$):(P=0,A=T=(f+c)/2),(O-=F*2)>y?(F*=t?1:-1,m+=F,g-=F):(O=0,m=g=(f+c)/2)}var z=s*j(m),B=s*S(m),G=u*j(T),H=u*S(T);if(w>y){var J=s*j(g),K=s*S(g),M=u*j(A),N=u*S(A),D;if(Y<an)if(D=pn(z,B,M,N,J,K,G,H)){var U=z-D[0],Z=B-D[1],k=J-D[0],b=K-D[1],nn=1/S(fn((U*k+Z*b)/(C(U*U+Z*Z)*C(k*k+b*b)))/2),en=C(D[0]*D[0]+D[1]*D[1]);p=_(w,(u-en)/(nn-1)),x=_(w,(s-en)/(nn+1))}else p=x=0}O>y?x>y?(e=L(M,N,z,B,s,x,t),r=L(J,K,G,H,s,x,t),a.moveTo(e.cx+e.x01,e.cy+e.y01),x<w?a.arc(e.cx,e.cy,x,o(e.y01,e.x01),o(r.y01,r.x01),!t):(a.arc(e.cx,e.cy,x,o(e.y01,e.x01),o(e.y11,e.x11),!t),a.arc(0,0,s,o(e.cy+e.y11,e.cx+e.x11),o(r.cy+r.y11,r.cx+r.x11),!t),a.arc(r.cx,r.cy,x,o(r.y11,r.x11),o(r.y01,r.x01),!t))):(a.moveTo(z,B),a.arc(0,0,s,m,g,!t)):a.moveTo(z,B),!(u>y)||!(P>y)?a.lineTo(G,H):p>y?(e=L(G,H,J,K,u,-p,t),r=L(z,B,M,N,u,-p,t),a.lineTo(e.cx+e.x01,e.cy+e.y01),p<w?a.arc(e.cx,e.cy,p,o(e.y01,e.x01),o(r.y01,r.x01),!t):(a.arc(e.cx,e.cy,p,o(e.y01,e.x01),o(e.y11,e.x11),!t),a.arc(0,0,u,o(e.cy+e.y11,e.cx+e.x11),o(r.cy+r.y11,r.cx+r.x11),t),a.arc(r.cx,r.cy,p,o(r.y11,r.x11),o(r.y01,r.x01),!t))):a.arc(0,0,u,T,A,t)}if(a.closePath(),n)return a=null,n+""||null}return i.centroid=function(){var n=(+l.apply(this,arguments)+ +h.apply(this,arguments))/2,d=(+v.apply(this,arguments)+ +R.apply(this,arguments))/2-an/2;return[j(d)*n,S(d)*n]},i.innerRadius=function(n){return arguments.length?(l=typeof n=="function"?n:W(+n),i):l},i.outerRadius=function(n){return arguments.length?(h=typeof n=="function"?n:W(+n),i):h},i.cornerRadius=function(n){return arguments.length?(E=typeof n=="function"?n:W(+n),i):E},i.padRadius=function(n){return arguments.length?(q=n==null?null:typeof n=="function"?n:W(+n),i):q},i.startAngle=function(n){return arguments.length?(v=typeof n=="function"?n:W(+n),i):v},i.endAngle=function(n){return arguments.length?(R=typeof n=="function"?n:W(+n),i):R},i.padAngle=function(n){return arguments.length?(X=typeof n=="function"?n:W(+n),i):X},i.context=function(n){return arguments.length?(a=n??null,i):a},i}export{hn as d};