dev-process-kit 0.0.2 → 0.0.3

package/dist/chunks/{shared-DZlREPaN.js → shared-Byv6cc0r.js}

@@ -1,4 +1,4 @@
-import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a5 as Wt,a6 as Gt,A as Yt,a7 as Kt,a8 as Xt,a9 as V,aa as E,ab as f,ac as z,ad as p,ae as U,af as $,ag as S,ah as Q,ai as Zt,aj as Ee,ak as De,al as ge,am as fe,an as be,ao as Jt,ap as ze,m as Te,aq as Qt,ar as es,as as ts,r as ss,s as ns}from"./shared-CcD4vDCE.js";import{i as as}from"./shared-D3EKtSkd.js";import{P as is,p as rs,r as os,c as ds}from"./shared-C4Y4jSXa.js";import{c as de}from"./shared-ml5h7U5L.js";const ls='script[type="application/json"]',Ae=(n,e)=>{const t=n.querySelector(ls);if(!t)return null;const s=t.textContent??"";if(s.trim()==="")return{ok:!1,error:"JSON block is empty"};try{return{ok:!0,value:e(JSON.parse(s))}}catch(a){return{ok:!1,error:a instanceof Error?a.message:String(a)}}},cs=(n,e,t)=>{const s=Ae(n,e);if(s)return t(s),()=>{};const a=new MutationObserver(()=>{const r=Ae(n,e);r&&(a.disconnect(),t(r))});return a.observe(n,{childList:!0,subtree:!0}),()=>a.disconnect()},Le={nodeSpacing:34,layerSpacing:84,padding:28,sweeps:4,coordinatePasses:6},le=n=>{const e=[...n].sort((s,a)=>s-a);if(e.length===0)return 0;const t=Math.floor(e.length/2);return e.length%2===1?e[t]??0:((e[t-1]??0)+(e[t]??0))/2},ps=(n,e)=>{const t=new Map;for(const i of n)t.set(i.id,[]);for(const i of e)t.get(i.from)?.push(i);const s=new Map,a=new Set,r=i=>{s.set(i,"open");for(const o of t.get(i)??[]){const d=s.get(o.to)??"new";d==="open"?a.add(o.id):d==="new"&&r(o.to)}s.set(i,"done")};for(const i of n)(s.get(i.id)??"new")==="new"&&r(i.id);return{reversed:a,forward:e.filter(i=>!a.has(i.id))}},hs=(n,e)=>{const t=new Map,s=new Map;for(const o of n)t.set(o.id,[]),s.set(o.id,[]);for(const o of e)s.get(o.from)?.push(o),t.get(o.to)?.push(o);const a=new Map(n.map(o=>[o.id,0])),r=new Map(n.map(o=>[o.id,(t.get(o.id)??[]).length])),i=n.filter(o=>(r.get(o.id)??0)===0).map(o=>o.id);for(const o of i)for(const d of s.get(o)??[]){const l=a.get(d.to)??0;a.set(d.to,Math.max(l,(a.get(o)??0)+1));const m=(r.get(d.to)??0)-1;r.set(d.to,m),m===0&&i.push(d.to)}return a},us=(n,e,t,s)=>{const a=[...n.keys()].sort((r,i)=>r-i);for(let r=0;r<s;r++){const i=r%2===0;for(const o of i?a:[...a].reverse()){const d=n.get(o)??[],l=new Map(d.map((c,h)=>[c,h])),m=c=>{const h=l.get(c);return h===void 0?null:h},b=d.map(c=>{const h=(e.get(c)??[]).filter(M=>(t.get(M)??o)===o+(i?-1:1)).map(m).filter(M=>M!==null);return{id:c,want:h.length>0?le(h):l.get(c)??0}});b.sort((c,h)=>c.want-h.want||(l.get(c.id)??0)-(l.get(h.id)??0)),n.set(o,b.map(c=>c.id))}}},Oe=(n,e,t,s)=>{const a=n.map((i,o)=>({id:i,want:t.get(i)??o*100,index:o}));a.sort((i,o)=>i.want-o.want||i.index-o.index);let r=0;for(const i of a){const o=e.get(i.id);o&&(o.y=r,r+=o.spec.height+s)}return{height:Math.max(0,r-s)}},ms=(n,e,t,s,a)=>{const r=[...n.keys()].sort((l,m)=>l-m),i=new Map;for(const l of r)i.set(l,Oe(n.get(l)??[],e,new Map,a.nodeSpacing).height);const o=Math.max(0,...i.values());for(const l of r){const m=(o-(i.get(l)??0))/2;for(const b of n.get(l)??[]){const c=e.get(b);c&&(c.y+=m)}}const d=(l,m)=>{const b=(t.get(l)??[]).filter(c=>s.get(c)===m).flatMap(c=>{const h=e.get(c);return h?[h.y+h.spec.height/2]:[]});return b.length>0?le(b):null};for(let l=0;l<a.coordinatePasses;l++){const m=l%2===0;for(const b of m?r:[...r].reverse()){const c=n.get(b)??[],h=new Map;for(const C of c){const T=d(C,b+(m?-1:1)),O=e.get(C);O!==void 0&&h.set(C,T===null?O.y+O.spec.height/2:T)}const M=c.map(C=>e.get(C)?.y??0);Oe(c,e,h,a.nodeSpacing);const v=c.map(C=>e.get(C)?.y??0),k=le(M)-le(v);for(const C of c){const T=e.get(C);T&&(T.y+=k)}}}},Re=(n,e,t)=>{const s=e===void 0?void 0:n.spec.ports?.[e];return s?{x:n.x+s.x,y:n.y+s.y}:t==="out"?{x:n.x+n.spec.width,y:n.y+n.spec.height/2}:{x:n.x,y:n.y+n.spec.height/2}},Ie=(n,e,t)=>{let s=0;const a=[];for(const r of n){const i=t.byId.get(r.from),o=t.byId.get(r.to);if(!i||!o)continue;const d=Re(i,r.fromPort,"out"),l=Re(o,r.toPort,"in");if(r.from===r.to){const M=i.x+i.spec.width,v=i.y+i.spec.height,k=Math.max(t.padding/2,v+18);a.push({id:r.id,points:[d,{x:M+20,y:d.y},{x:M+20,y:k},{x:i.x-20,y:k},{x:i.x-20,y:l.y},l]});continue}if(!e.has(r.id)&&(i.layer<o.layer||i.layer===o.layer&&l.x>d.x+12)){if(Math.abs(d.y-l.y)<.5){a.push({id:r.id,points:[d,l]});continue}const v=i.layer<o.layer?Math.max(d.x+14,o.x-Math.max(12,t.layerSpacing/2)):(d.x+l.x)/2;a.push({id:r.id,points:[d,{x:v,y:d.y},{x:v,y:l.y},l]});continue}const m=r.fromPort===void 0?{x:i.x+i.spec.width/2,y:i.y+i.spec.height}:d,b=r.toPort===void 0?{x:o.x+o.spec.width/2,y:o.y+o.spec.height}:l,c=Math.max(m.y,b.y)+18+s*14;s+=1;const h=[d,m,{x:m.x,y:c},{x:b.x,y:c},b,l].filter((M,v,k)=>v===0||M.x!==k[v-1]?.x||M.y!==k[v-1]?.y);a.push({id:r.id,points:h})}return a},Pe=(n,e,t)=>{const s=e.flatMap(c=>[...c.points]),a=[...n.map(c=>c.x),...n.map(c=>c.x+c.spec.width),...s.map(c=>c.x)],r=[...n.map(c=>c.y),...n.map(c=>c.y+c.spec.height),...s.map(c=>c.y)],i=Math.min(0,...a),o=Math.min(0,...r),d=Math.max(0,...a),l=Math.max(0,...r),m=t-i,b=t-o;return{width:d-i+t*2,height:l-o+t*2,nodes:n.map(c=>({id:c.spec.id,x:c.x+m,y:c.y+b,width:c.spec.width,height:c.spec.height,layer:c.layer,order:c.order})),routes:e.map(c=>({id:c.id,points:c.points.map(h=>({x:h.x+m,y:h.y+b}))}))}},je=(n,e)=>{const t=new Map(n.map(s=>[s.id,[]]));for(const s of e)s.from!==s.to&&(t.get(s.from)?.push(s.to),t.get(s.to)?.push(s.from));return t},Fe=(n,e,t,s)=>n.map(a=>({spec:a,layer:e.get(a.id)??0,order:t.get(a.id)??0,...s(a)})),gs=(n,e)=>{const t=new Map;for(const s of n){const a=e.get(s.id)??0,r=t.get(a);r?r.push(s.id):t.set(a,[s.id])}return t},fs=(n,e,t={})=>{const s={...Le,...t};if(n.length===0)return{width:0,height:0,nodes:[],routes:[]};const a=new Set(n.map(v=>v.id)),r=e.filter(v=>a.has(v.from)&&a.has(v.to)),{forward:i,reversed:o}=ps(n,r),d=hs(n,i),l=gs(n,d);us(l,je(n,r),d,s.sweeps);const m=new Map;for(const v of l.values())v.forEach((k,C)=>m.set(k,C));const b=Fe(n,d,m,()=>({x:0,y:0})),c=new Map(b.map(v=>[v.spec.id,v]));ms(l,c,je(n,r),d,s);const h=[...l.keys()].sort((v,k)=>v-k);let M=0;for(const v of h){const k=Math.max(...(l.get(v)??[]).map(C=>c.get(C)?.spec.width??0));for(const C of l.get(v)??[]){const T=c.get(C);T&&(T.x=M)}M+=k+s.layerSpacing}return Pe(b,Ie(r,o,{byId:c,layerSpacing:s.layerSpacing,padding:s.padding}),s.padding)},bs=(n,e,t={})=>{const s={...Le,...t};if(n.length===0)return{width:0,height:0,nodes:[],routes:[]};const a=new Set(n.map(d=>d.id)),r=e.filter(d=>a.has(d.from)&&a.has(d.to)),i=Fe(n,new Map,new Map,d=>d.position??{x:0,y:0}),o=new Map(i.map(d=>[d.spec.id,d]));return Pe(i,Ie(r,new Set,{byId:o,layerSpacing:s.layerSpacing,padding:s.padding}),s.padding)},ks=N({en:{tagFilter:"Filter by tag",tagMatch:"Tag matching",clearTags:"Clear",zoomOut:"Zoom out",fit:"Fit to view",zoomIn:"Zoom in",sendFailed:"Could not send. Please try again.",commentOn:n=>`Comment on ${n}`,noMatches:"No matching elements.",maximize:"Maximize",restore:"Restore size",canvas:"Diagram. Arrow keys pan, plus and minus zoom, 0 fits the view.",dataError:"Could not load the diagram data.",nodes:"elements",edges:"relations",change:(n,e)=>`\u201C${n}\u201D \u2192 \u201C${e}\u201D`},ja:{tagFilter:"\u30BF\u30B0\u306E\u7D5E\u308A\u8FBC\u307F",tagMatch:"\u30BF\u30B0\u306E\u4E00\u81F4\u6761\u4EF6",clearTags:"\u89E3\u9664",zoomOut:"\u7E2E\u5C0F",fit:"\u5168\u4F53\u3092\u8868\u793A",zoomIn:"\u62E1\u5927",sendFailed:"\u9001\u4FE1\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F\u3002\u3082\u3046\u4E00\u5EA6\u304A\u8A66\u3057\u304F\u3060\u3055\u3044\u3002",commentOn:n=>`${n}\u306B\u30B3\u30E1\u30F3\u30C8`,noMatches:"\u8A72\u5F53\u3059\u308B\u8981\u7D20\u306F\u3042\u308A\u307E\u305B\u3093\u3002",maximize:"\u6700\u5927\u5316",restore:"\u5143\u306E\u30B5\u30A4\u30BA\u306B\u623B\u3059",canvas:"\u56F3\u3002\u77E2\u5370\u30AD\u30FC\u3067\u30D1\u30F3\u3001\u30D7\u30E9\u30B9\u30FB\u30DE\u30A4\u30CA\u30B9\u3067\u30BA\u30FC\u30E0\u30010\u3067\u5168\u4F53\u8868\u793A\u3002",dataError:"\u56F3\u306E\u30C7\u30FC\u30BF\u3092\u8AAD\u307F\u8FBC\u3081\u307E\u305B\u3093\u3067\u3057\u305F\u3002",nodes:"\u8981\u7D20",edges:"\u95A2\u9023",change:(n,e)=>`\u300C${n}\u300D\u2192\u300C${e}\u300D`}}),xs={active:[],match:"single"},K=(n,e)=>e.active.length===0?!0:e.match==="all"?e.active.every(t=>n.includes(t)):e.active.some(t=>n.includes(t)),vs=(n,e)=>n.active.includes(e)?{...n,active:n.active.filter(t=>t!==e)}:n.match==="single"?{...n,active:[e]}:{...n,active:[...n.active,e]},ys=(n,e)=>({match:e,active:e==="single"&&n.active.length>1?n.active.slice(-1):n.active}),ws=n=>({...n,active:[]}),$s=n=>{const e=new Map;for(const t of n)for(const s of new Set(t))e.set(s,(e.get(s)??0)+1);return[...e].map(([t,s])=>({tag:t,count:s}))},B={nodes:new Map,edges:new Set},j=(n,e,t,s)=>{const a=new Map,r=new Set,i=[{id:e,depth:0}],o=new Set([e]);for(const d of i)if(!(!s&&d.depth>=1))for(const l of n){const m=t==="outgoing"?l.from:l.to,b=t==="outgoing"?l.to:l.from;m===d.id&&(r.add(l.id),!o.has(b)&&(o.add(b),a.set(b,d.depth+1),i.push({id:b,depth:d.depth+1})))}return{nodes:a,edges:r}},Ss=(n,e)=>{const t=new Map(n.map(r=>[r,j(e,r,"outgoing",!0).nodes])),s=new Set,a=[];for(const r of n){if(s.has(r))continue;const i=n.filter(o=>o===r||t.get(r)?.has(o)===!0&&t.get(o)?.has(r)===!0);for(const o of i)s.add(o);(i.length>1||e.some(o=>o.from===r&&o.to===r))&&a.push(i)}return a},ke=n=>new Map(n.flatMap((e,t)=>e.map(s=>[s,t]))),He=(n,e)=>e.get(n.from)===e.get(n.to)&&e.has(n.from),Ue=n=>{try{return n.split("/").map(e=>decodeURIComponent(e))}catch{return null}},Be=(n,e,t,s)=>{const a=e!==null&&e.kind===t&&e.id===n,r=t==="node"?s.nodes.has(n):s.edges.has(n),i=t==="node"?s.nodes.get(n)??null:null;return{selected:a,related:r&&!a,dimmed:e!==null&&!a&&!r,depth:i}},X=(...n)=>n.filter(e=>typeof e=="string"&&e!=="").join(" "),Ms=n=>{const e=n[0]??{x:0,y:0},t=n.at(-1)??e;if(n.length<=2)return{x:(e.x+t.x)/2,y:(e.y+t.y)/2};if(n.length===4){const r=n[1]??e,i=n[2]??t;return{x:r.x,y:(r.y+i.y)/2}}const s=n[2]??e,a=n[3]??t;return{x:(s.x+a.x)/2,y:s.y}},Cs=(n,e)=>$s(n).map(t=>({tag:t.tag,count:t.count,selected:e.active.includes(t.tag)})),qs=(n,e,t)=>`${n} ${t.node} \xB7 ${e} ${t.edge}`,W=[Nt,_t,Vt,_`
+import{_ as N,Z as Nt,k as _t,$ as Yt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a5 as Vt,a6 as Wt,A as Gt,a7 as Kt,a8 as Xt,a9 as Y,aa as E,ab as f,ac as z,ad as p,ae as U,af as $,ag as S,ah as Q,ai as Zt,aj as Ee,ak as De,al as ge,am as fe,an as be,ao as Jt,ap as ze,m as Te,aq as Qt,ar as es,as as ts,r as ss,s as as}from"./shared-CwbzACTe.js";import{i as rs}from"./shared-CKG_SQh5.js";import{P as ns,p as is,r as os,c as ds}from"./shared-CPAT0Cgk.js";import{c as de}from"./shared-ml5h7U5L.js";const ls='script[type="application/json"]',Ae=(a,e)=>{const t=a.querySelector(ls);if(!t)return null;const s=t.textContent??"";if(s.trim()==="")return{ok:!1,error:"JSON block is empty"};try{return{ok:!0,value:e(JSON.parse(s))}}catch(r){return{ok:!1,error:r instanceof Error?r.message:String(r)}}},cs=(a,e,t)=>{const s=Ae(a,e);if(s)return t(s),()=>{};const r=new MutationObserver(()=>{const i=Ae(a,e);i&&(r.disconnect(),t(i))});return r.observe(a,{childList:!0,subtree:!0}),()=>r.disconnect()},Le={nodeSpacing:34,layerSpacing:84,padding:28,sweeps:4,coordinatePasses:6},le=a=>{const e=[...a].sort((s,r)=>s-r);if(e.length===0)return 0;const t=Math.floor(e.length/2);return e.length%2===1?e[t]??0:((e[t-1]??0)+(e[t]??0))/2},ps=(a,e)=>{const t=new Map;for(const n of a)t.set(n.id,[]);for(const n of e)t.get(n.from)?.push(n);const s=new Map,r=new Set,i=n=>{s.set(n,"open");for(const o of t.get(n)??[]){const d=s.get(o.to)??"new";d==="open"?r.add(o.id):d==="new"&&i(o.to)}s.set(n,"done")};for(const n of a)(s.get(n.id)??"new")==="new"&&i(n.id);return{reversed:r,forward:e.filter(n=>!r.has(n.id))}},hs=(a,e)=>{const t=new Map,s=new Map;for(const o of a)t.set(o.id,[]),s.set(o.id,[]);for(const o of e)s.get(o.from)?.push(o),t.get(o.to)?.push(o);const r=new Map(a.map(o=>[o.id,0])),i=new Map(a.map(o=>[o.id,(t.get(o.id)??[]).length])),n=a.filter(o=>(i.get(o.id)??0)===0).map(o=>o.id);for(const o of n)for(const d of s.get(o)??[]){const l=r.get(d.to)??0;r.set(d.to,Math.max(l,(r.get(o)??0)+1));const m=(i.get(d.to)??0)-1;i.set(d.to,m),m===0&&n.push(d.to)}return r},us=(a,e,t,s)=>{const r=[...a.keys()].sort((i,n)=>i-n);for(let i=0;i<s;i++){const n=i%2===0;for(const o of n?r:[...r].reverse()){const d=a.get(o)??[],l=new Map(d.map((c,h)=>[c,h])),m=c=>{const h=l.get(c);return h===void 0?null:h},b=d.map(c=>{const h=(e.get(c)??[]).filter(M=>(t.get(M)??o)===o+(n?-1:1)).map(m).filter(M=>M!==null);return{id:c,want:h.length>0?le(h):l.get(c)??0}});b.sort((c,h)=>c.want-h.want||(l.get(c.id)??0)-(l.get(h.id)??0)),a.set(o,b.map(c=>c.id))}}},Oe=(a,e,t,s)=>{const r=a.map((n,o)=>({id:n,want:t.get(n)??o*100,index:o}));r.sort((n,o)=>n.want-o.want||n.index-o.index);let i=0;for(const n of r){const o=e.get(n.id);o&&(o.y=i,i+=o.spec.height+s)}return{height:Math.max(0,i-s)}},ms=(a,e,t,s,r)=>{const i=[...a.keys()].sort((l,m)=>l-m),n=new Map;for(const l of i)n.set(l,Oe(a.get(l)??[],e,new Map,r.nodeSpacing).height);const o=Math.max(0,...n.values());for(const l of i){const m=(o-(n.get(l)??0))/2;for(const b of a.get(l)??[]){const c=e.get(b);c&&(c.y+=m)}}const d=(l,m)=>{const b=(t.get(l)??[]).filter(c=>s.get(c)===m).flatMap(c=>{const h=e.get(c);return h?[h.y+h.spec.height/2]:[]});return b.length>0?le(b):null};for(let l=0;l<r.coordinatePasses;l++){const m=l%2===0;for(const b of m?i:[...i].reverse()){const c=a.get(b)??[],h=new Map;for(const C of c){const T=d(C,b+(m?-1:1)),O=e.get(C);O!==void 0&&h.set(C,T===null?O.y+O.spec.height/2:T)}const M=c.map(C=>e.get(C)?.y??0);Oe(c,e,h,r.nodeSpacing);const v=c.map(C=>e.get(C)?.y??0),k=le(M)-le(v);for(const C of c){const T=e.get(C);T&&(T.y+=k)}}}},Re=(a,e,t)=>{const s=e===void 0?void 0:a.spec.ports?.[e];return s?{x:a.x+s.x,y:a.y+s.y}:t==="out"?{x:a.x+a.spec.width,y:a.y+a.spec.height/2}:{x:a.x,y:a.y+a.spec.height/2}},Ie=(a,e,t)=>{let s=0;const r=[];for(const i of a){const n=t.byId.get(i.from),o=t.byId.get(i.to);if(!n||!o)continue;const d=Re(n,i.fromPort,"out"),l=Re(o,i.toPort,"in");if(i.from===i.to){const M=n.x+n.spec.width,v=n.y+n.spec.height,k=Math.max(t.padding/2,v+18);r.push({id:i.id,points:[d,{x:M+20,y:d.y},{x:M+20,y:k},{x:n.x-20,y:k},{x:n.x-20,y:l.y},l]});continue}if(!e.has(i.id)&&(n.layer<o.layer||n.layer===o.layer&&l.x>d.x+12)){if(Math.abs(d.y-l.y)<.5){r.push({id:i.id,points:[d,l]});continue}const v=n.layer<o.layer?Math.max(d.x+14,o.x-Math.max(12,t.layerSpacing/2)):(d.x+l.x)/2;r.push({id:i.id,points:[d,{x:v,y:d.y},{x:v,y:l.y},l]});continue}const m=i.fromPort===void 0?{x:n.x+n.spec.width/2,y:n.y+n.spec.height}:d,b=i.toPort===void 0?{x:o.x+o.spec.width/2,y:o.y+o.spec.height}:l,c=Math.max(m.y,b.y)+18+s*14;s+=1;const h=[d,m,{x:m.x,y:c},{x:b.x,y:c},b,l].filter((M,v,k)=>v===0||M.x!==k[v-1]?.x||M.y!==k[v-1]?.y);r.push({id:i.id,points:h})}return r},Pe=(a,e,t)=>{const s=e.flatMap(c=>[...c.points]),r=[...a.map(c=>c.x),...a.map(c=>c.x+c.spec.width),...s.map(c=>c.x)],i=[...a.map(c=>c.y),...a.map(c=>c.y+c.spec.height),...s.map(c=>c.y)],n=Math.min(0,...r),o=Math.min(0,...i),d=Math.max(0,...r),l=Math.max(0,...i),m=t-n,b=t-o;return{width:d-n+t*2,height:l-o+t*2,nodes:a.map(c=>({id:c.spec.id,x:c.x+m,y:c.y+b,width:c.spec.width,height:c.spec.height,layer:c.layer,order:c.order})),routes:e.map(c=>({id:c.id,points:c.points.map(h=>({x:h.x+m,y:h.y+b}))}))}},je=(a,e)=>{const t=new Map(a.map(s=>[s.id,[]]));for(const s of e)s.from!==s.to&&(t.get(s.from)?.push(s.to),t.get(s.to)?.push(s.from));return t},Fe=(a,e,t,s)=>a.map(r=>({spec:r,layer:e.get(r.id)??0,order:t.get(r.id)??0,...s(r)})),gs=(a,e)=>{const t=new Map;for(const s of a){const r=e.get(s.id)??0,i=t.get(r);i?i.push(s.id):t.set(r,[s.id])}return t},fs=(a,e,t={})=>{const s={...Le,...t};if(a.length===0)return{width:0,height:0,nodes:[],routes:[]};const r=new Set(a.map(v=>v.id)),i=e.filter(v=>r.has(v.from)&&r.has(v.to)),{forward:n,reversed:o}=ps(a,i),d=hs(a,n),l=gs(a,d);us(l,je(a,i),d,s.sweeps);const m=new Map;for(const v of l.values())v.forEach((k,C)=>m.set(k,C));const b=Fe(a,d,m,()=>({x:0,y:0})),c=new Map(b.map(v=>[v.spec.id,v]));ms(l,c,je(a,i),d,s);const h=[...l.keys()].sort((v,k)=>v-k);let M=0;for(const v of h){const k=Math.max(...(l.get(v)??[]).map(C=>c.get(C)?.spec.width??0));for(const C of l.get(v)??[]){const T=c.get(C);T&&(T.x=M)}M+=k+s.layerSpacing}return Pe(b,Ie(i,o,{byId:c,layerSpacing:s.layerSpacing,padding:s.padding}),s.padding)},bs=(a,e,t={})=>{const s={...Le,...t};if(a.length===0)return{width:0,height:0,nodes:[],routes:[]};const r=new Set(a.map(d=>d.id)),i=e.filter(d=>r.has(d.from)&&r.has(d.to)),n=Fe(a,new Map,new Map,d=>d.position??{x:0,y:0}),o=new Map(n.map(d=>[d.spec.id,d]));return Pe(n,Ie(i,new Set,{byId:o,layerSpacing:s.layerSpacing,padding:s.padding}),s.padding)},ks=N({en:{tagFilter:"Filter by tag",tagMatch:"Tag matching",clearTags:"Clear",zoomOut:"Zoom out",fit:"Fit to view",zoomIn:"Zoom in",sendFailed:"Could not send. Please try again.",commentOn:a=>`Comment on ${a}`,noMatches:"No matching elements.",maximize:"Maximize",restore:"Restore size",canvas:"Diagram. Arrow keys pan, plus and minus zoom, 0 fits the view.",dataError:"Could not load the diagram data.",nodes:"elements",edges:"relations",change:(a,e)=>`\u201C${a}\u201D \u2192 \u201C${e}\u201D`},ja:{tagFilter:"\u30BF\u30B0\u306E\u7D5E\u308A\u8FBC\u307F",tagMatch:"\u30BF\u30B0\u306E\u4E00\u81F4\u6761\u4EF6",clearTags:"\u89E3\u9664",zoomOut:"\u7E2E\u5C0F",fit:"\u5168\u4F53\u3092\u8868\u793A",zoomIn:"\u62E1\u5927",sendFailed:"\u9001\u4FE1\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F\u3002\u3082\u3046\u4E00\u5EA6\u304A\u8A66\u3057\u304F\u3060\u3055\u3044\u3002",commentOn:a=>`${a}\u306B\u30B3\u30E1\u30F3\u30C8`,noMatches:"\u8A72\u5F53\u3059\u308B\u8981\u7D20\u306F\u3042\u308A\u307E\u305B\u3093\u3002",maximize:"\u6700\u5927\u5316",restore:"\u5143\u306E\u30B5\u30A4\u30BA\u306B\u623B\u3059",canvas:"\u56F3\u3002\u77E2\u5370\u30AD\u30FC\u3067\u30D1\u30F3\u3001\u30D7\u30E9\u30B9\u30FB\u30DE\u30A4\u30CA\u30B9\u3067\u30BA\u30FC\u30E0\u30010\u3067\u5168\u4F53\u8868\u793A\u3002",dataError:"\u56F3\u306E\u30C7\u30FC\u30BF\u3092\u8AAD\u307F\u8FBC\u3081\u307E\u305B\u3093\u3067\u3057\u305F\u3002",nodes:"\u8981\u7D20",edges:"\u95A2\u9023",change:(a,e)=>`\u300C${a}\u300D\u2192\u300C${e}\u300D`}}),xs={active:[],match:"single"},K=(a,e)=>e.active.length===0?!0:e.match==="all"?e.active.every(t=>a.includes(t)):e.active.some(t=>a.includes(t)),vs=(a,e)=>a.active.includes(e)?{...a,active:a.active.filter(t=>t!==e)}:a.match==="single"?{...a,active:[e]}:{...a,active:[...a.active,e]},ys=(a,e)=>({match:e,active:e==="single"&&a.active.length>1?a.active.slice(-1):a.active}),ws=a=>({...a,active:[]}),$s=a=>{const e=new Map;for(const t of a)for(const s of new Set(t))e.set(s,(e.get(s)??0)+1);return[...e].map(([t,s])=>({tag:t,count:s}))},B={nodes:new Map,edges:new Set},j=(a,e,t,s)=>{const r=new Map,i=new Set,n=[{id:e,depth:0}],o=new Set([e]);for(const d of n)if(!(!s&&d.depth>=1))for(const l of a){const m=t==="outgoing"?l.from:l.to,b=t==="outgoing"?l.to:l.from;m===d.id&&(i.add(l.id),!o.has(b)&&(o.add(b),r.set(b,d.depth+1),n.push({id:b,depth:d.depth+1})))}return{nodes:r,edges:i}},Ss=(a,e)=>{const t=new Map(a.map(i=>[i,j(e,i,"outgoing",!0).nodes])),s=new Set,r=[];for(const i of a){if(s.has(i))continue;const n=a.filter(o=>o===i||t.get(i)?.has(o)===!0&&t.get(o)?.has(i)===!0);for(const o of n)s.add(o);(n.length>1||e.some(o=>o.from===i&&o.to===i))&&r.push(n)}return r},ke=a=>new Map(a.flatMap((e,t)=>e.map(s=>[s,t]))),He=(a,e)=>e.get(a.from)===e.get(a.to)&&e.has(a.from),Ue=a=>{try{return a.split("/").map(e=>decodeURIComponent(e))}catch{return null}},Be=(a,e,t,s)=>{const r=e!==null&&e.kind===t&&e.id===a,i=t==="node"?s.nodes.has(a):s.edges.has(a),n=t==="node"?s.nodes.get(a)??null:null;return{selected:r,related:i&&!r,dimmed:e!==null&&!r&&!i,depth:n}},X=(...a)=>a.filter(e=>typeof e=="string"&&e!=="").join(" "),Ms=a=>{const e=a[0]??{x:0,y:0},t=a.at(-1)??e;if(a.length<=2)return{x:(e.x+t.x)/2,y:(e.y+t.y)/2};if(a.length===4){const i=a[1]??e,n=a[2]??t;return{x:i.x,y:(i.y+n.y)/2}}const s=a[2]??e,r=a[3]??t;return{x:(s.x+r.x)/2,y:s.y}},Cs=(a,e)=>$s(a).map(t=>({tag:t.tag,count:t.count,selected:e.active.includes(t.tag)})),qs=(a,e,t)=>`${a} ${t.node} \xB7 ${e} ${t.edge}`,V=[Nt,_t,Yt,_`
     :host {
       display: block;
       container-type: inline-size;
@@ -14,6 +14,7 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
       border: 1px solid var(--dpk-rule);
       border-radius: var(--dpk-radius-lg);
       background: var(--dpk-paper-raised);
+      box-shadow: var(--dpk-bevel), var(--dpk-shadow-sm);
       overflow: hidden;
       resize: vertical;
     }
@@ -37,6 +38,14 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
       border: 0;
       border-radius: 0;
       color: var(--dpk-ink);
+      background:
+        radial-gradient(
+          ellipse 900px 400px at 0% 0%,
+          color-mix(in srgb, var(--dpk-accent) 4%, transparent),
+          transparent 70%
+        ),
+        var(--dpk-paper-raised);
+      box-shadow: none;
       resize: none;
     }
 
@@ -49,17 +58,20 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
       align-items: center;
       gap: 10px;
       flex-wrap: wrap;
-      min-height: 42px;
-      padding: 7px 12px;
+      min-height: 44px;
+      padding: 8px 14px;
       border-bottom: 1px solid var(--dpk-rule);
       background: linear-gradient(180deg, var(--dpk-paper-raised), var(--dpk-paper));
+      box-shadow: 0 1px 0 var(--dpk-highlight) inset;
       flex-shrink: 0;
     }
 
     .diagram-title {
+      font-family: var(--dpk-display);
       font-size: 12.5px;
-      font-weight: 620;
-      letter-spacing: -0.01em;
+      font-weight: 660;
+      letter-spacing: -0.015em;
+      color: var(--dpk-ink);
     }
 
     .diagram-subject {
@@ -72,7 +84,7 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     .diagram-toolbar-actions {
       display: flex;
       align-items: center;
-      gap: 5px;
+      gap: 6px;
       margin-left: auto;
       flex-wrap: wrap;
     }
@@ -80,6 +92,11 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     .diagram-stats {
       font-family: var(--dpk-mono);
       font-size: 10px;
+      font-weight: 550;
+      padding: 3px 9px;
+      border: 1px solid var(--dpk-rule);
+      border-radius: 999px;
+      background: var(--dpk-paper-sunken);
       color: var(--dpk-ink-faint);
       font-variant-numeric: tabular-nums;
       white-space: nowrap;
@@ -88,9 +105,9 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     .diagram-tags {
       display: flex;
       align-items: center;
-      gap: 4px;
+      gap: 5px;
       flex-wrap: wrap;
-      padding: 6px 12px;
+      padding: 7px 12px;
       border-bottom: 1px solid var(--dpk-rule);
       background: var(--dpk-paper);
       flex-shrink: 0;
@@ -98,40 +115,58 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
 
     .diagram-match {
       display: flex;
-      gap: 1px;
-      padding: 2px;
-      margin-right: 5px;
-      border: 1px solid var(--dpk-rule-strong);
-      border-radius: var(--dpk-radius-xs);
+      gap: 2px;
+      padding: 3px;
+      margin-right: 6px;
+      border: 1px solid var(--dpk-rule);
+      border-radius: var(--dpk-radius-sm);
+      background: var(--dpk-paper-sunken);
+      box-shadow: inset 0 1px 2px var(--dpk-shade-1);
     }
 
     .diagram-match button {
       border: 0;
-      border-radius: 3px;
-      padding: 3px 6px;
+      border-radius: var(--dpk-radius-xs);
+      padding: 4px 8px;
       background: transparent;
       color: var(--dpk-ink-faint);
       font-size: 9.5px;
+      font-weight: 600;
+      letter-spacing: 0.01em;
       cursor: pointer;
+      transition:
+        background 160ms var(--dpk-ease),
+        color 160ms var(--dpk-ease),
+        box-shadow 160ms var(--dpk-ease);
+    }
+
+    .diagram-match button:hover[aria-pressed='false'] {
+      color: var(--dpk-ink-soft);
     }
 
     .diagram-match button[aria-pressed='true'] {
-      background: var(--dpk-blue-soft);
-      color: var(--dpk-blue);
+      background: var(--dpk-paper-raised);
+      color: var(--dpk-ink);
       font-weight: 650;
+      box-shadow: var(--dpk-bevel), var(--dpk-shadow-xs);
     }
 
     .dpk-tag {
       display: inline-flex;
       align-items: center;
       gap: 5px;
-      padding: 4px 8px;
+      padding: 4px 9px;
       border: 1px solid transparent;
       border-radius: var(--dpk-radius-xs);
       background: var(--dpk-paper-inset);
       color: var(--dpk-ink-soft);
       font-size: 10.5px;
       cursor: pointer;
+      transition:
+        background 140ms var(--dpk-ease),
+        color 140ms var(--dpk-ease),
+        border-color 140ms var(--dpk-ease),
+        box-shadow 140ms var(--dpk-ease);
     }
 
     .dpk-tag:hover {
@@ -140,10 +175,11 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     }
 
     .dpk-tag[aria-pressed='true'] {
-      border-color: color-mix(in srgb, var(--dpk-blue) 40%, transparent);
+      border-color: color-mix(in srgb, var(--dpk-blue) 45%, transparent);
       background: var(--dpk-blue-soft);
       color: var(--dpk-blue);
       font-weight: 600;
+      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dpk-blue) 20%, transparent);
     }
 
     .dpk-tag-count {
@@ -169,9 +205,7 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
       overflow: hidden;
       touch-action: none;
       cursor: grab;
-      background-color: var(--dpk-paper-raised);
-      background-image: radial-gradient(var(--dpk-rule-strong) 0.7px, transparent 0.7px);
-      background-size: 22px 22px;
+      background: var(--dpk-dots), var(--dpk-paper-sunken);
     }
 
     .diagram-canvas:focus-visible {
@@ -204,8 +238,9 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
       overflow: hidden;
       border: 1px solid var(--dpk-rule-strong);
       border-radius: var(--dpk-radius-sm);
-      background: var(--dpk-paper-raised);
-      box-shadow: var(--dpk-shadow-sm);
+      background: var(--dpk-glass);
+      backdrop-filter: blur(12px);
+      box-shadow: var(--dpk-bevel), var(--dpk-shadow-sm);
     }
 
     .diagram-zoom button {
@@ -213,12 +248,26 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
       border-radius: 0;
       padding: 6px 9px;
       background: transparent;
+      color: var(--dpk-ink-soft);
       font-size: 10.5px;
       cursor: pointer;
+      transition:
+        background 140ms var(--dpk-ease),
+        color 140ms var(--dpk-ease);
+    }
+
+    .diagram-zoom button + button {
+      border-left: 1px solid var(--dpk-rule);
     }
 
     .diagram-zoom button:hover {
-      background: var(--dpk-paper-sunken);
+      background: var(--dpk-paper-inset);
+      color: var(--dpk-ink);
+    }
+
+    .diagram-zoom-value {
+      font-family: var(--dpk-mono);
+      font-variant-numeric: tabular-nums;
     }
 
     .diagram-legend {
@@ -229,9 +278,12 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
       gap: 12px;
       flex-wrap: wrap;
       max-width: calc(100% - 150px);
-      padding: 3px 6px;
+      padding: 4px 8px;
+      border: 1px solid var(--dpk-rule);
       border-radius: var(--dpk-radius-xs);
-      background: color-mix(in srgb, var(--dpk-paper-raised) 88%, transparent);
+      background: var(--dpk-glass);
+      backdrop-filter: blur(10px);
+      box-shadow: var(--dpk-shadow-xs);
       font-size: 9.5px;
       color: var(--dpk-ink-faint);
     }
@@ -254,20 +306,29 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
       top: 50%;
       transform: translate(-50%, -50%);
       margin: 0;
+      max-width: min(80%, 360px);
       font-size: 12px;
       color: var(--dpk-ink-faint);
       text-align: center;
       pointer-events: none;
     }
 
+    .diagram-empty {
+      padding: 16px 26px;
+      border: 1.5px dashed var(--dpk-rule-strong);
+      border-radius: var(--dpk-radius);
+      background: color-mix(in srgb, var(--dpk-paper-raised) 55%, transparent);
+    }
+
     .diagram-notice {
       pointer-events: auto;
-      padding: 12px 16px;
-      border: 1px solid var(--dpk-rule-strong);
+      padding: 12px 16px 12px 19px;
+      border: 1px solid color-mix(in srgb, var(--dpk-danger) 35%, transparent);
       border-radius: var(--dpk-radius);
-      background: var(--dpk-paper-raised);
-      box-shadow: var(--dpk-shadow-sm);
+      background: linear-gradient(90deg, var(--dpk-danger) 0 3px, transparent 3px), var(--dpk-danger-soft);
+      box-shadow: var(--dpk-bevel), var(--dpk-shadow);
       color: var(--dpk-ink-soft);
+      text-align: left;
     }
 
     .diagram-notice p {
@@ -289,11 +350,17 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
       border-radius: var(--dpk-radius-sm);
       background: var(--dpk-paper-raised);
       color: var(--dpk-ink-soft);
-      box-shadow: var(--dpk-shadow-xs);
+      box-shadow: var(--dpk-bevel), var(--dpk-shadow-xs);
       cursor: pointer;
       opacity: 0;
       pointer-events: none;
-      transition: opacity 120ms ease;
+      transition:
+        opacity 120ms ease,
+        background 160ms var(--dpk-ease),
+        color 160ms var(--dpk-ease),
+        border-color 160ms var(--dpk-ease),
+        box-shadow 160ms var(--dpk-ease),
+        transform 160ms var(--dpk-ease-spring);
     }
 
     .diagram-comment-trigger.is-placed {
@@ -325,6 +392,14 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     .diagram-comment-trigger:focus-visible {
       color: var(--dpk-accent);
       border-color: var(--dpk-accent);
+      background: var(--dpk-accent-soft);
+      box-shadow: var(--dpk-bevel), var(--dpk-shadow-sm);
+      transform: translateY(-1px);
+    }
+
+    .diagram-comment-trigger:focus-visible {
+      outline: none;
+      box-shadow: var(--dpk-focus);
     }
 
     @media (hover: none) {
@@ -351,8 +426,10 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
       cursor: pointer;
       transition:
         opacity 150ms ease,
-        border-color 150ms ease,
-        box-shadow 150ms ease;
+        border-color 160ms var(--dpk-ease),
+        box-shadow 160ms var(--dpk-ease),
+        background 160ms var(--dpk-ease),
+        transform 160ms var(--dpk-ease);
     }
 
     .d-node.is-dimmed,
@@ -378,12 +455,16 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
       stroke: var(--dpk-rule-strong);
       stroke-width: 1.5;
       stroke-linejoin: round;
+      stroke-linecap: round;
+      transition:
+        stroke 160ms var(--dpk-ease),
+        stroke-width 160ms var(--dpk-ease);
     }
 
     .d-edge.is-selected .d-edge-path,
     .d-edge:focus-visible .d-edge-path {
       stroke: var(--dpk-ink);
-      stroke-width: 2.4;
+      stroke-width: 2.6;
     }
 
     .d-edge:focus-visible .d-edge-hit {
@@ -408,9 +489,9 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
         display: none;
       }
     }
-  `],ee=n=>n.map((e,t)=>`${t===0?"M":"L"}${e.x} ${e.y}`).join(" "),Ne=n=>I`
+  `],ee=a=>a.map((e,t)=>`${t===0?"M":"L"}${e.x} ${e.y}`).join(" "),Ne=a=>I`
   <defs>
-    ${n.map(e=>I`
+    ${a.map(e=>I`
         <marker
           id=${e.id}
           viewBox="0 0 10 10"
@@ -430,40 +511,40 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
         </marker>
       `)}
   </defs>
-`,Es=(n,e,t,s)=>g`
-  <div class="diagram-tags" role="group" aria-label=${n.tagFilter}>
-    <div class="diagram-match" role="group" aria-label=${n.tagMatch}>
-      ${[["single","Single"],["all","AND"],["any","OR"]].map(([a,r])=>g`
+`,Es=(a,e,t,s)=>g`
+  <div class="diagram-tags" role="group" aria-label=${a.tagFilter}>
+    <div class="diagram-match" role="group" aria-label=${a.tagMatch}>
+      ${[["single","Single"],["all","AND"],["any","OR"]].map(([r,i])=>g`
           <button
             type="button"
-            data-match=${a}
-            aria-pressed=${t===a?"true":"false"}
-            @click=${()=>s({kind:"match",match:a})}
+            data-match=${r}
+            aria-pressed=${t===r?"true":"false"}
+            @click=${()=>s({kind:"match",match:r})}
           >
-            ${r}
+            ${i}
           </button>
         `)}
     </div>
-    ${me(e,a=>a.tag,a=>g`
+    ${me(e,r=>r.tag,r=>g`
         <button
           type="button"
           class="dpk-tag"
-          data-tag=${a.tag}
-          aria-pressed=${a.selected?"true":"false"}
-          @click=${()=>s({kind:"tag",tag:a.tag})}
+          data-tag=${r.tag}
+          aria-pressed=${r.selected?"true":"false"}
+          @click=${()=>s({kind:"tag",tag:r.tag})}
         >
-          ${a.tag}<span class="dpk-tag-count">${a.count}</span>
+          ${r.tag}<span class="dpk-tag-count">${r.count}</span>
         </button>
       `)}
-    ${e.some(a=>a.selected)?g`<button type="button" class="dpk-tag-clear" @click=${()=>s({kind:"clear-tags"})}>
-            ${n.clearTags}
+    ${e.some(r=>r.selected)?g`<button type="button" class="dpk-tag-clear" @click=${()=>s({kind:"clear-tags"})}>
+            ${a.clearTags}
           </button>`:w}
   </div>
-`,Ds=(n,e)=>g`
+`,Ds=(a,e)=>g`
   <div class="diagram-zoom">
     <button
       type="button"
-      aria-label=${n.zoomOut}
+      aria-label=${a.zoomOut}
       @click=${t=>{t.stopPropagation(),e?.({kind:"zoom",factor:1/1.1})}}
     >
       −
@@ -471,21 +552,21 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     <button
       type="button"
       class="diagram-zoom-value"
-      title=${n.fit}
-      aria-label=${n.fit}
+      title=${a.fit}
+      aria-label=${a.fit}
       @click=${()=>e?.({kind:"fit"})}
     >
       100%
     </button>
     <button
       type="button"
-      aria-label=${n.zoomIn}
+      aria-label=${a.zoomIn}
       @click=${t=>{t.stopPropagation(),e?.({kind:"zoom",factor:1.1})}}
     >
       +
     </button>
   </div>
-`,xe=.08,zs=1.8,Ts=n=>{if(n.length===0)return{x:0,y:0,width:0,height:0};const e=Math.min(...n.map(r=>r.x)),t=Math.min(...n.map(r=>r.y)),s=Math.max(...n.map(r=>r.x+r.width))-e,a=Math.max(...n.map(r=>r.y+r.height))-t;return{x:e-s*.1,y:t-a*.1,width:s*1.2,height:a*1.2}},ve=(n,e)=>n+e/12,ye=16,_e=(n,e,t,s,a="center")=>{if(e.width===0||e.height===0)return{...n,x:0,y:0};const r=(i,o,d,l)=>{const m=d*n.scale;return m<=l?a==="start"?ye-ve(o,d)*n.scale:(l-m)/2-o*n.scale:Math.min(-o*n.scale,Math.max(l-(o+d)*n.scale,i))};return{...n,x:r(n.x,e.x,e.width,t),y:r(n.y,e.y,e.height,s)}},As=(n,e,t,s,a,r,i="center")=>{const o=_e({...n,x:n.x-a,y:n.y-r},e,t,s,i);return Math.abs(r)>Math.abs(a)&&o.y===n.y?null:o},Ve='button,[role="button"],a,input,textarea,select',Ls=n=>{const{canvas:e,world:t,onClearSelection:s,onView:a,align:r="center"}=n;let i={x:0,y:0,width:0,height:0},o={x:0,y:0,scale:1};const d=()=>({width:e.clientWidth||1e3,height:e.clientHeight||560}),l=()=>{const{width:u,height:y}=d();o=_e(o,i,u,y,r),t.style.transform=`translate(${o.x}px, ${o.y}px) scale(${o.scale})`,a?.(o)},m=()=>{const{width:u,height:y}=d(),q=i.width/1.2||1,L=i.height/1.2||1;o={...o,scale:de(Math.min((u-24)/q,(y-40)/L),xe,1)},o={...o,x:(u-i.width*o.scale)/2-i.x*o.scale,y:(y-i.height*o.scale)/2-i.y*o.scale},l()},b=()=>{const{width:u}=d(),y=i.width/1.2||1,q=de((u-24)/y,xe,1);o={scale:q,x:(u-i.width*q)/2-i.x*q,y:16},l()},c=()=>{o={scale:1,x:ye-ve(i.x,i.width),y:ye-ve(i.y,i.height)},l()},h=(u,y=d().width/2,q=d().height/2)=>{const L=o.scale,R=de(L*u,xe,zs);R!==L&&(o={scale:R,x:y-(y-o.x)*R/L,y:q-(q-o.y)*R/L},l())},M=u=>{if(u.target instanceof Element&&u.target.closest(".diagram-zoom"))return;const y=u.deltaMode===1?16:u.deltaMode===2?d().height:1;if(u.ctrlKey||u.metaKey){u.preventDefault();const Y=e.getBoundingClientRect();h(Math.exp(-de(u.deltaY*y,-60,60)*.0012),u.clientX-Y.left,u.clientY-Y.top);return}const{width:q,height:L}=d(),R=As(o,i,q,L,u.deltaX*y,u.deltaY*y,r);R!==null&&(u.preventDefault(),o=R,l())},v=new Map;let k=null,C=!1;const T=()=>{const u=[...v.values()],y=u[0];if(!y)return null;const q=u[1];return q?{x:(y.x+q.x)/2,y:(y.y+q.y)/2,distance:Math.hypot(q.x-y.x,q.y-y.y)}:{...y,distance:0}},O=u=>{v.size===0&&(C=!1);const q=(u.target instanceof Element?u.target:null)?.closest(Ve)??null;u.button!==0||u.pointerType!=="touch"&&q!==null||(v.set(u.pointerId,{x:u.clientX,y:u.clientY}),k=T(),q===null&&e.setPointerCapture(u.pointerId))},P=u=>{if(!v.has(u.pointerId)||k===null)return;v.set(u.pointerId,{x:u.clientX,y:u.clientY});const y=T();if(y===null)return;const q=y.x-k.x,L=y.y-k.y;if((Math.abs(q)+Math.abs(L)>1||Math.abs(y.distance-k.distance)>1)&&(C=!0),y.distance>0&&k.distance>0){const R=e.getBoundingClientRect();h(Math.pow(y.distance/k.distance,.45),k.x-R.left,k.y-R.top)}o={...o,x:o.x+q,y:o.y+L},l(),k=y,e.classList.toggle("is-panning",C)},F=u=>{v.delete(u.pointerId),k=T(),!(v.size>0)&&(e.classList.remove("is-panning"),u.type==="pointercancel"&&(C=!1))},oe=u=>{C&&(u.preventDefault(),u.stopPropagation()),F(u)},x=u=>{if(C){u.preventDefault(),u.stopPropagation(),C=!1;return}const y=u.target instanceof Element?u.target:null;y===null||y.closest(Ve)!==null||s()},D=u=>{if(u.target!==e)return;const y=30;if(u.key==="+"||u.key==="=")h(1.1);else if(u.key==="-")h(1/1.1);else if(u.key==="0")m();else if(u.key==="Escape")s();else if(u.key==="ArrowLeft"||u.key==="ArrowRight"||u.key==="ArrowUp"||u.key==="ArrowDown")o={...o,x:o.x+(u.key==="ArrowLeft"?y:u.key==="ArrowRight"?-y:0),y:o.y+(u.key==="ArrowUp"?y:u.key==="ArrowDown"?-y:0)},l();else return;u.preventDefault()},A=u=>{const y=u.target instanceof HTMLElement?u.target:null;if(y===null||!t.contains(y))return;const q=y.getBoundingClientRect(),L=e.getBoundingClientRect();let R=0,Y=0;q.left<L.left+12?R=L.left+12-q.left:q.right>L.right-12&&(R=L.right-12-q.right),q.top<L.top+12?Y=L.top+12-q.top:q.bottom>L.bottom-40&&(Y=L.bottom-40-q.bottom),!(R===0&&Y===0)&&(o={...o,x:o.x+R,y:o.y+Y},l())};e.addEventListener("wheel",M,{passive:!1}),e.addEventListener("pointerdown",O),e.addEventListener("pointermove",P),e.addEventListener("pointerup",oe),e.addEventListener("pointercancel",F),e.addEventListener("lostpointercapture",F),e.addEventListener("click",x,!0),e.addEventListener("keydown",D),e.addEventListener("focusin",A);const H=typeof ResizeObserver>"u"?null:new ResizeObserver(()=>l());return H?.observe(e),{setContent(u){i=Ts(u.width===0&&u.height===0?[]:[u]),t.style.width=`${u.width}px`,t.style.height=`${u.height}px`,l()},apply:l,fit:m,fitWidth:b,reset:c,zoom:h,view:()=>({...o}),destroy(){H?.disconnect(),e.removeEventListener("wheel",M),e.removeEventListener("pointerdown",O),e.removeEventListener("pointermove",P),e.removeEventListener("pointerup",oe),e.removeEventListener("pointercancel",F),e.removeEventListener("lostpointercapture",F),e.removeEventListener("click",x,!0),e.removeEventListener("keydown",D),e.removeEventListener("focusin",A)}}};class we extends Wt{static{this.styles=W}static{this.properties={data:{attribute:!1},id:{type:String,reflect:!0},heading:{type:String},subject:{type:String}}}#e=null;#s=null;#n=[];#t=[];#a=null;#i=xs;#r=null;#o=null;#l=null;#p=null;#u=-1;#c="";#d=null;#b=null;#h=new Map;#m=null;#g=new Map;#f=null;#v=new is(this);#k=new Gt(this,()=>{this.#c=""});constructor(){super(),this.id=this.getAttribute("id")??"",this.data=null,this.heading=null,this.subject=null}connectedCallback(){super.connectedCallback(),this.#c="",this.requestUpdate(),this.#p=cs(this,e=>this.parseData(e),e=>{e.ok?this.#S(e.value):this.#L(e.error)})}disconnectedCallback(){super.disconnectedCallback(),this.#p?.(),this.#p=null,this.#o?.destroy(),this.#o=null,this.#l=null}willUpdate(e){e.has("data")&&this.data!==null&&this.#S(this.data)}updated(){this.#q(),this.#y(),this.#E(),this.#D()}#y(){const e=this.renderRoot.querySelector(".diagram");if(!(this.#f===null||!e||typeof e.showPopover!="function")&&!e.matches(":popover-open"))try{e.showPopover()}catch{}}#q(){const e=JSON.stringify([this.commentTargets,this.#t]);e!==this.#c&&(this.#c=e,this.dispatchEvent(new CustomEvent("dpk-comment-targets-change",{bubbles:!0,composed:!0})))}#E(){this.#l=this.renderRoot.querySelector(".diagram-zoom-value");const e=this.renderRoot.querySelector(".diagram-canvas"),t=this.renderRoot.querySelector(".diagram-world");if(!e||!t)return;this.#o??=Ls({canvas:e,world:t,align:this.viewAlign(),onClearSelection:()=>this.#x(null),onView:r=>{this.#l&&(this.#l.textContent=`${Math.round(r.scale*100)}%`),this.dispatchEvent(new CustomEvent("dpk-diagram-view",{detail:{view:r},bubbles:!0,composed:!0})),this.onViewChange(r)}});const s=this.contentSize();if(s===null){this.#o.apply();return}this.#o.setContent({x:0,y:0,width:s.width,height:s.height});const a=this.layoutVersion();a!==this.#u&&(this.#u=a,this.initialView())}#D(){const e=this.#b!==this.#d;this.#b=this.#d;const t=this.renderRoot.querySelector(".comment-pop"),s=this.#M();!t||!s||(this.#v.open(t,s,{width:300,height:280},{placement:"right-start",trackTransform:!0}),e&&t.querySelector("textarea")?.focus({preventScroll:!0}))}get commentTargets(){if(!this.id||this.#a!==null)return[];const e=`${this.subject??this.heading??this.defaultHeading()} \xB7 ${this.id}`;return this.commentItems().map(t=>({...t,group:e}))}commentItems(){return[]}commentRef(e,...t){return`element:${[this.id,e,...t].map(s=>encodeURIComponent(s)).join("/")}`}requestElementComment(e,...t){const s=this.commentRef(e,...t);this.commentTargets.some(a=>a.value===s)&&this.dispatchEvent(new CustomEvent("dpk-comment-request",{detail:{target:s},bubbles:!0,composed:!0}))}get elementActions(){return this.#n}set elementActions(e){this.#n=e,this.#w()}get elementActionResults(){return this.#t}reduceElementActions(e,t){return{data:e,results:t.map(s=>({id:s.id,title:s.type,stale:"unsupported-action-type"}))}}dispatchElementAction(e,t,s){const a=new CustomEvent("dpk-element-action",{detail:{type:e,target:this.commentRef(...t),payload:s},bubbles:!0,composed:!0,cancelable:!0});return this.dispatchEvent(a),a.defaultPrevented}get selection(){return this.#r}select(e){this.#x(e)}get tagFilter(){return this.#i}set tagFilter(e){this.#i=e,this.requestUpdate()}get dataError(){return this.#a}resetView(){this.fitViewport()}#$(e){if(e===(this.#f!==null))return;const t=this.renderRoot.querySelector(".diagram");this.#f=e?{height:t?.offsetHeight??0}:null,this.#d=null,this.requestUpdate()}#z={handleEvent:e=>e.preventDefault(),passive:!1};#T={handleEvent:e=>{e.key!=="Escape"||this.#r!==null||(e.preventDefault(),this.#$(!1))},capture:!0};get locale(){return this.#k.locale}get chromeMessages(){return ks(this.#k.locale)}renderSelection(){const e=this.#d,t=e===null?void 0:this.#g.get(e);if(e===null||t===void 0)return w;const s=rs(this.#h.get(e)??"",[],{label:t,...this.#m===e?{error:this.chromeMessages.sendFailed}:{}});return g`${as(e,os(ds(this.#k.locale),s,a=>this.#A(e,a)))}`}renderCommentTrigger(e,t,s){if(!this.id)return w;const a=this.commentRef(e.kind,e.id);return this.#g.set(a,t),g`<button
+`,xe=.08,zs=1.8,Ts=a=>{if(a.length===0)return{x:0,y:0,width:0,height:0};const e=Math.min(...a.map(i=>i.x)),t=Math.min(...a.map(i=>i.y)),s=Math.max(...a.map(i=>i.x+i.width))-e,r=Math.max(...a.map(i=>i.y+i.height))-t;return{x:e-s*.1,y:t-r*.1,width:s*1.2,height:r*1.2}},ve=(a,e)=>a+e/12,ye=16,_e=(a,e,t,s,r="center")=>{if(e.width===0||e.height===0)return{...a,x:0,y:0};const i=(n,o,d,l)=>{const m=d*a.scale;return m<=l?r==="start"?ye-ve(o,d)*a.scale:(l-m)/2-o*a.scale:Math.min(-o*a.scale,Math.max(l-(o+d)*a.scale,n))};return{...a,x:i(a.x,e.x,e.width,t),y:i(a.y,e.y,e.height,s)}},As=(a,e,t,s,r,i,n="center")=>{const o=_e({...a,x:a.x-r,y:a.y-i},e,t,s,n);return Math.abs(i)>Math.abs(r)&&o.y===a.y?null:o},Ye='button,[role="button"],a,input,textarea,select',Ls=a=>{const{canvas:e,world:t,onClearSelection:s,onView:r,align:i="center"}=a;let n={x:0,y:0,width:0,height:0},o={x:0,y:0,scale:1};const d=()=>({width:e.clientWidth||1e3,height:e.clientHeight||560}),l=()=>{const{width:u,height:y}=d();o=_e(o,n,u,y,i),t.style.transform=`translate(${o.x}px, ${o.y}px) scale(${o.scale})`,r?.(o)},m=()=>{const{width:u,height:y}=d(),q=n.width/1.2||1,L=n.height/1.2||1;o={...o,scale:de(Math.min((u-24)/q,(y-40)/L),xe,1)},o={...o,x:(u-n.width*o.scale)/2-n.x*o.scale,y:(y-n.height*o.scale)/2-n.y*o.scale},l()},b=()=>{const{width:u}=d(),y=n.width/1.2||1,q=de((u-24)/y,xe,1);o={scale:q,x:(u-n.width*q)/2-n.x*q,y:16},l()},c=()=>{o={scale:1,x:ye-ve(n.x,n.width),y:ye-ve(n.y,n.height)},l()},h=(u,y=d().width/2,q=d().height/2)=>{const L=o.scale,R=de(L*u,xe,zs);R!==L&&(o={scale:R,x:y-(y-o.x)*R/L,y:q-(q-o.y)*R/L},l())},M=u=>{if(u.target instanceof Element&&u.target.closest(".diagram-zoom"))return;const y=u.deltaMode===1?16:u.deltaMode===2?d().height:1;if(u.ctrlKey||u.metaKey){u.preventDefault();const G=e.getBoundingClientRect();h(Math.exp(-de(u.deltaY*y,-60,60)*.0012),u.clientX-G.left,u.clientY-G.top);return}const{width:q,height:L}=d(),R=As(o,n,q,L,u.deltaX*y,u.deltaY*y,i);R!==null&&(u.preventDefault(),o=R,l())},v=new Map;let k=null,C=!1;const T=()=>{const u=[...v.values()],y=u[0];if(!y)return null;const q=u[1];return q?{x:(y.x+q.x)/2,y:(y.y+q.y)/2,distance:Math.hypot(q.x-y.x,q.y-y.y)}:{...y,distance:0}},O=u=>{v.size===0&&(C=!1);const q=(u.target instanceof Element?u.target:null)?.closest(Ye)??null;u.button!==0||u.pointerType!=="touch"&&q!==null||(v.set(u.pointerId,{x:u.clientX,y:u.clientY}),k=T(),q===null&&e.setPointerCapture(u.pointerId))},P=u=>{if(!v.has(u.pointerId)||k===null)return;v.set(u.pointerId,{x:u.clientX,y:u.clientY});const y=T();if(y===null)return;const q=y.x-k.x,L=y.y-k.y;if((Math.abs(q)+Math.abs(L)>1||Math.abs(y.distance-k.distance)>1)&&(C=!0),y.distance>0&&k.distance>0){const R=e.getBoundingClientRect();h(Math.pow(y.distance/k.distance,.45),k.x-R.left,k.y-R.top)}o={...o,x:o.x+q,y:o.y+L},l(),k=y,e.classList.toggle("is-panning",C)},F=u=>{v.delete(u.pointerId),k=T(),!(v.size>0)&&(e.classList.remove("is-panning"),u.type==="pointercancel"&&(C=!1))},oe=u=>{C&&(u.preventDefault(),u.stopPropagation()),F(u)},x=u=>{if(C){u.preventDefault(),u.stopPropagation(),C=!1;return}const y=u.target instanceof Element?u.target:null;y===null||y.closest(Ye)!==null||s()},D=u=>{if(u.target!==e)return;const y=30;if(u.key==="+"||u.key==="=")h(1.1);else if(u.key==="-")h(1/1.1);else if(u.key==="0")m();else if(u.key==="Escape")s();else if(u.key==="ArrowLeft"||u.key==="ArrowRight"||u.key==="ArrowUp"||u.key==="ArrowDown")o={...o,x:o.x+(u.key==="ArrowLeft"?y:u.key==="ArrowRight"?-y:0),y:o.y+(u.key==="ArrowUp"?y:u.key==="ArrowDown"?-y:0)},l();else return;u.preventDefault()},A=u=>{const y=u.target instanceof HTMLElement?u.target:null;if(y===null||!t.contains(y))return;const q=y.getBoundingClientRect(),L=e.getBoundingClientRect();let R=0,G=0;q.left<L.left+12?R=L.left+12-q.left:q.right>L.right-12&&(R=L.right-12-q.right),q.top<L.top+12?G=L.top+12-q.top:q.bottom>L.bottom-40&&(G=L.bottom-40-q.bottom),!(R===0&&G===0)&&(o={...o,x:o.x+R,y:o.y+G},l())};e.addEventListener("wheel",M,{passive:!1}),e.addEventListener("pointerdown",O),e.addEventListener("pointermove",P),e.addEventListener("pointerup",oe),e.addEventListener("pointercancel",F),e.addEventListener("lostpointercapture",F),e.addEventListener("click",x,!0),e.addEventListener("keydown",D),e.addEventListener("focusin",A);const H=typeof ResizeObserver>"u"?null:new ResizeObserver(()=>l());return H?.observe(e),{setContent(u){n=Ts(u.width===0&&u.height===0?[]:[u]),t.style.width=`${u.width}px`,t.style.height=`${u.height}px`,l()},apply:l,fit:m,fitWidth:b,reset:c,zoom:h,view:()=>({...o}),destroy(){H?.disconnect(),e.removeEventListener("wheel",M),e.removeEventListener("pointerdown",O),e.removeEventListener("pointermove",P),e.removeEventListener("pointerup",oe),e.removeEventListener("pointercancel",F),e.removeEventListener("lostpointercapture",F),e.removeEventListener("click",x,!0),e.removeEventListener("keydown",D),e.removeEventListener("focusin",A)}}};class we extends Vt{static{this.styles=V}static{this.properties={data:{attribute:!1},id:{type:String,reflect:!0},heading:{type:String},subject:{type:String}}}#e=null;#s=null;#a=[];#t=[];#r=null;#n=xs;#i=null;#o=null;#l=null;#p=null;#u=-1;#c="";#d=null;#b=null;#h=new Map;#m=null;#g=new Map;#f=null;#v=new ns(this);#k=new Wt(this,()=>{this.#c=""});constructor(){super(),this.id=this.getAttribute("id")??"",this.data=null,this.heading=null,this.subject=null}connectedCallback(){super.connectedCallback(),this.#c="",this.requestUpdate(),this.#p=cs(this,e=>this.parseData(e),e=>{e.ok?this.#S(e.value):this.#L(e.error)})}disconnectedCallback(){super.disconnectedCallback(),this.#p?.(),this.#p=null,this.#o?.destroy(),this.#o=null,this.#l=null}willUpdate(e){e.has("data")&&this.data!==null&&this.#S(this.data)}updated(){this.#q(),this.#y(),this.#E(),this.#D()}#y(){const e=this.renderRoot.querySelector(".diagram");if(!(this.#f===null||!e||typeof e.showPopover!="function")&&!e.matches(":popover-open"))try{e.showPopover()}catch{}}#q(){const e=JSON.stringify([this.commentTargets,this.#t]);e!==this.#c&&(this.#c=e,this.dispatchEvent(new CustomEvent("dpk-comment-targets-change",{bubbles:!0,composed:!0})))}#E(){this.#l=this.renderRoot.querySelector(".diagram-zoom-value");const e=this.renderRoot.querySelector(".diagram-canvas"),t=this.renderRoot.querySelector(".diagram-world");if(!e||!t)return;this.#o??=Ls({canvas:e,world:t,align:this.viewAlign(),onClearSelection:()=>this.#x(null),onView:i=>{this.#l&&(this.#l.textContent=`${Math.round(i.scale*100)}%`),this.dispatchEvent(new CustomEvent("dpk-diagram-view",{detail:{view:i},bubbles:!0,composed:!0})),this.onViewChange(i)}});const s=this.contentSize();if(s===null){this.#o.apply();return}this.#o.setContent({x:0,y:0,width:s.width,height:s.height});const r=this.layoutVersion();r!==this.#u&&(this.#u=r,this.initialView())}#D(){const e=this.#b!==this.#d;this.#b=this.#d;const t=this.renderRoot.querySelector(".comment-pop"),s=this.#M();!t||!s||(this.#v.open(t,s,{width:300,height:280},{placement:"right-start",trackTransform:!0}),e&&t.querySelector("textarea")?.focus({preventScroll:!0}))}get commentTargets(){if(!this.id||this.#r!==null)return[];const e=`${this.subject??this.heading??this.defaultHeading()} \xB7 ${this.id}`;return this.commentItems().map(t=>({...t,group:e}))}commentItems(){return[]}commentRef(e,...t){return`element:${[this.id,e,...t].map(s=>encodeURIComponent(s)).join("/")}`}requestElementComment(e,...t){const s=this.commentRef(e,...t);this.commentTargets.some(r=>r.value===s)&&this.dispatchEvent(new CustomEvent("dpk-comment-request",{detail:{target:s},bubbles:!0,composed:!0}))}get elementActions(){return this.#a}set elementActions(e){this.#a=e,this.#w()}get elementActionResults(){return this.#t}reduceElementActions(e,t){return{data:e,results:t.map(s=>({id:s.id,title:s.type,stale:"unsupported-action-type"}))}}dispatchElementAction(e,t,s){const r=new CustomEvent("dpk-element-action",{detail:{type:e,target:this.commentRef(...t),payload:s},bubbles:!0,composed:!0,cancelable:!0});return this.dispatchEvent(r),r.defaultPrevented}get selection(){return this.#i}select(e){this.#x(e)}get tagFilter(){return this.#n}set tagFilter(e){this.#n=e,this.requestUpdate()}get dataError(){return this.#r}resetView(){this.fitViewport()}#$(e){if(e===(this.#f!==null))return;const t=this.renderRoot.querySelector(".diagram");this.#f=e?{height:t?.offsetHeight??0}:null,this.#d=null,this.requestUpdate()}#z={handleEvent:e=>e.preventDefault(),passive:!1};#T={handleEvent:e=>{e.key!=="Escape"||this.#i!==null||(e.preventDefault(),this.#$(!1))},capture:!0};get locale(){return this.#k.locale}get chromeMessages(){return ks(this.#k.locale)}renderSelection(){const e=this.#d,t=e===null?void 0:this.#g.get(e);if(e===null||t===void 0)return w;const s=is(this.#h.get(e)??"",[],{label:t,...this.#m===e?{error:this.chromeMessages.sendFailed}:{}});return g`${rs(e,os(ds(this.#k.locale),s,r=>this.#A(e,r)))}`}renderCommentTrigger(e,t,s){if(!this.id)return w;const r=this.commentRef(e.kind,e.id);return this.#g.set(r,t),g`<button
       type="button"
       class=${X("diagram-comment-trigger",s&&"is-placed")}
       style=${s?`left:${s.x}px; top:${s.y}px`:w}
@@ -494,17 +575,17 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
       aria-label=${this.chromeMessages.commentOn(t)}
       title=${this.chromeMessages.commentOn(t)}
       aria-haspopup="dialog"
-      aria-expanded=${this.#d===a?"true":"false"}
-      @click=${()=>{this.#x(e),this.#d=a,this.requestUpdate()}}
+      aria-expanded=${this.#d===r?"true":"false"}
+      @click=${()=>{this.#x(e),this.#d=r,this.requestUpdate()}}
     >
-      ${Yt()}
-    </button>`}renderEdgeCommentTrigger(e,t,s){const a=Math.floor((s.length-1)/2),r=s[a],i=s[a+1]??r;return!this.id||!r||!i?w:I`<foreignObject
+      ${Gt()}
+    </button>`}renderEdgeCommentTrigger(e,t,s){const r=Math.floor((s.length-1)/2),i=s[r],n=s[r+1]??i;return!this.id||!i||!n?w:I`<foreignObject
       class="diagram-edge-comment"
-      x=${(r.x+i.x)/2-16}
-      y=${(r.y+i.y)/2-16}
+      x=${(i.x+n.x)/2-16}
+      y=${(i.y+n.y)/2-16}
       width="32"
       height="32"
-    >${this.renderCommentTrigger(e,t)}</foreignObject>`}layoutVersion(){return 0}fitViewport(){this.viewport?.fit()}initialView(){this.viewport?.reset()}viewAlign(){return"center"}questionsOf(e){const t=e.questions?.trim();return t===void 0||t===""?w:t}onViewChange(e){}statsText(){return""}tagItems(){return[]}isEmpty(){return this.contentSize()===null}shellClass(){return""}defaultHeading(){return""}defaultSubject(){return""}emptyMessage(){return this.chromeMessages.noMatches}renderToolbarActions(){return w}renderLegend(){return w}renderAboveCanvas(){return w}get viewport(){return this.#o}items(){return this.#s??this.emptyData()}authoredItems(){return this.#e??this.emptyData()}elementClass(e,...t){return X(...t,e.selected&&"is-selected",e.related&&"is-related",e.dimmed&&"is-dimmed")}#S(e){this.#a=null,this.#e=e,this.#w()}#w(){if(this.#e===null){this.#t=this.#n.map(t=>({id:t.id,title:t.type,stale:"target-missing"})),this.requestUpdate();return}const e=this.reduceElementActions(this.#e,this.#n);this.#s=e.data,this.#t=e.results,this.#r!==null&&(this.hasSelection(this.#r)||(this.#r=null,this.#d=null)),this.requestUpdate()}#M(){const e=this.#r;return e?[...this.renderRoot.querySelectorAll("[data-comment-kind]")].find(t=>t.dataset.commentKind===e.kind&&t.dataset.commentId===e.id)??null:null}#A(e,t){if(t.kind==="input"){this.#h=new Map(this.#h).set(e,t.body),this.#m=null,this.requestUpdate();return}if(t.kind==="comment"){if(!!this.dispatchEvent(new CustomEvent("dpk-comment-submit",{detail:{target:e,body:t.body},bubbles:!0,composed:!0,cancelable:!0}))){this.#m=e,this.requestUpdate();return}const r=new Map(this.#h);r.delete(e),this.#h=r}this.#m=null;const s=this.#M();this.#x(null),s?.focus({preventScroll:!0})}#L(e){this.#a=e,this.#e=null,this.#s=null,this.#w(),console.error("[dev-process-kit] invalid diagram data:",e),this.requestUpdate()}hasSelection(e){return!0}#x(e){(e===null?this.#r===null:this.#r!==null&&this.#r.kind===e.kind&&this.#r.id===e.id)||(this.#r=e,this.#d=null,this.dispatchEvent(new CustomEvent("dpk-diagram-select",{detail:{selection:e},bubbles:!0,composed:!0})),this.requestUpdate())}#C=e=>{switch(e.kind){case"tag":this.#i=vs(this.#i,e.tag),this.requestUpdate();return;case"match":this.#i=ys(this.#i,e.match),this.requestUpdate();return;case"clear-tags":this.#i=ws(this.#i),this.requestUpdate();return;case"select":this.#x(e.selection);return;case"zoom":this.#o?.zoom(e.factor);return;case"fit":this.fitViewport();return;default:return}};refreshContent(){}render(){this.#g=new Map,this.refreshContent();const e=Cs(this.tagItems(),this.#i),t=this.#f,s=this.chromeMessages,a=t===null?s.maximize:s.restore;return g`
+    >${this.renderCommentTrigger(e,t)}</foreignObject>`}layoutVersion(){return 0}fitViewport(){this.viewport?.fit()}initialView(){this.viewport?.reset()}viewAlign(){return"center"}questionsOf(e){const t=e.questions?.trim();return t===void 0||t===""?w:t}onViewChange(e){}statsText(){return""}tagItems(){return[]}isEmpty(){return this.contentSize()===null}shellClass(){return""}defaultHeading(){return""}defaultSubject(){return""}emptyMessage(){return this.chromeMessages.noMatches}renderToolbarActions(){return w}renderLegend(){return w}renderAboveCanvas(){return w}get viewport(){return this.#o}items(){return this.#s??this.emptyData()}authoredItems(){return this.#e??this.emptyData()}elementClass(e,...t){return X(...t,e.selected&&"is-selected",e.related&&"is-related",e.dimmed&&"is-dimmed")}#S(e){this.#r=null,this.#e=e,this.#w()}#w(){if(this.#e===null){this.#t=this.#a.map(t=>({id:t.id,title:t.type,stale:"target-missing"})),this.requestUpdate();return}const e=this.reduceElementActions(this.#e,this.#a);this.#s=e.data,this.#t=e.results,this.#i!==null&&(this.hasSelection(this.#i)||(this.#i=null,this.#d=null)),this.requestUpdate()}#M(){const e=this.#i;return e?[...this.renderRoot.querySelectorAll("[data-comment-kind]")].find(t=>t.dataset.commentKind===e.kind&&t.dataset.commentId===e.id)??null:null}#A(e,t){if(t.kind==="input"){this.#h=new Map(this.#h).set(e,t.body),this.#m=null,this.requestUpdate();return}if(t.kind==="comment"){if(!!this.dispatchEvent(new CustomEvent("dpk-comment-submit",{detail:{target:e,body:t.body},bubbles:!0,composed:!0,cancelable:!0}))){this.#m=e,this.requestUpdate();return}const i=new Map(this.#h);i.delete(e),this.#h=i}this.#m=null;const s=this.#M();this.#x(null),s?.focus({preventScroll:!0})}#L(e){this.#r=e,this.#e=null,this.#s=null,this.#w(),console.error("[dev-process-kit] invalid diagram data:",e),this.requestUpdate()}hasSelection(e){return!0}#x(e){(e===null?this.#i===null:this.#i!==null&&this.#i.kind===e.kind&&this.#i.id===e.id)||(this.#i=e,this.#d=null,this.dispatchEvent(new CustomEvent("dpk-diagram-select",{detail:{selection:e},bubbles:!0,composed:!0})),this.requestUpdate())}#C=e=>{switch(e.kind){case"tag":this.#n=vs(this.#n,e.tag),this.requestUpdate();return;case"match":this.#n=ys(this.#n,e.match),this.requestUpdate();return;case"clear-tags":this.#n=ws(this.#n),this.requestUpdate();return;case"select":this.#x(e.selection);return;case"zoom":this.#o?.zoom(e.factor);return;case"fit":this.fitViewport();return;default:return}};refreshContent(){}render(){this.#g=new Map,this.refreshContent();const e=Cs(this.tagItems(),this.#n),t=this.#f,s=this.chromeMessages,r=t===null?s.maximize:s.restore;return g`
       ${t===null?w:g`<div class="diagram-placeholder" style="height:${t.height}px"></div>`}
       <div
         class=${X("diagram",this.shellClass(),t!==null&&"is-maximized")}
@@ -521,8 +602,8 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
             <button
               type="button"
               class="dpk-icon-btn diagram-maximize"
-              aria-label=${a}
-              title=${a}
+              aria-label=${r}
+              title=${r}
               aria-pressed=${t===null?"false":"true"}
               @click=${()=>this.#$(t===null)}
             >
@@ -530,18 +611,18 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
             </button>
           </div>
         </div>
-        ${Es(s,e,this.#i.match,this.#C)} ${this.renderAboveCanvas()}
+        ${Es(s,e,this.#n.match,this.#C)} ${this.renderAboveCanvas()}
         <div class="diagram-canvas" tabindex="0" aria-label=${s.canvas}>
           <div class="diagram-world">${this.renderCanvas()}</div>
           ${this.isEmpty()?g`<p class="diagram-empty">${this.emptyMessage()}</p>`:w}
-          ${this.#a===null?w:g`<p class="diagram-notice" role="alert">${s.dataError}<br />${this.#a}</p>`}
+          ${this.#r===null?w:g`<p class="diagram-notice" role="alert">${s.dataError}<br />${this.#r}</p>`}
           ${this.renderLegend()} ${Ds(s,this.#C)}
         </div>
         ${this.renderSelection()}
       </div>
-    `}}class te extends we{#e=null;#s="";#n=0;#t=B;commentItems(){const e=this.items();return[...e.nodes.map(t=>({value:this.commentRef("node",t.id),label:t.id})),...e.edges.map(t=>({value:this.commentRef("edge",t.id),label:`${t.from} \u2192 ${t.to} (${t.id})`}))]}get visible(){const e=this.filtered();return{nodes:e.nodes,edges:e.edges}}get layout(){return this.#e}get layoutMode(){return"layered"}get tagDimension(){return"node"}layoutOptions(){return{}}matchesFilter(e){return!0}layoutSignature(){return""}statsLabels(){return{node:this.chromeMessages.nodes,edge:this.chromeMessages.edges}}statsText(){const e=this.filtered();return qs(e.nodes.length,e.edges.length,this.statsLabels())}tagItems(){const e=this.items();return(this.tagDimension==="edge"?e.edges:e.nodes).map(t=>t.tags)}contentSize(){const e=this.#e;return e===null||e.nodes.length===0?null:{width:e.width,height:e.height}}layoutVersion(){return this.#n}hasSelection(e){const t=this.items();return e.kind==="node"?t.nodes.some(s=>s.id===e.id):t.edges.some(s=>s.id===e.id)}placedNode(e){return this.#e?.nodes.find(t=>t.id===e)}routeOf(e){return this.#e?.routes.find(t=>t.id===e)?.points??[]}nodeState(e){return Be(e,this.selection,"node",this.#t)}edgeState(e){return Be(e,this.selection,"edge",this.#t)}renderEdges(e,t){const s=this.#e?.width??0,a=this.#e?.height??0;return g`<svg class="diagram-edges" width=${s} height=${a}>
+    `}}class te extends we{#e=null;#s="";#a=0;#t=B;commentItems(){const e=this.items();return[...e.nodes.map(t=>({value:this.commentRef("node",t.id),label:t.id})),...e.edges.map(t=>({value:this.commentRef("edge",t.id),label:`${t.from} \u2192 ${t.to} (${t.id})`}))]}get visible(){const e=this.filtered();return{nodes:e.nodes,edges:e.edges}}get layout(){return this.#e}get layoutMode(){return"layered"}get tagDimension(){return"node"}layoutOptions(){return{}}matchesFilter(e){return!0}layoutSignature(){return""}statsLabels(){return{node:this.chromeMessages.nodes,edge:this.chromeMessages.edges}}statsText(){const e=this.filtered();return qs(e.nodes.length,e.edges.length,this.statsLabels())}tagItems(){const e=this.items();return(this.tagDimension==="edge"?e.edges:e.nodes).map(t=>t.tags)}contentSize(){const e=this.#e;return e===null||e.nodes.length===0?null:{width:e.width,height:e.height}}layoutVersion(){return this.#a}hasSelection(e){const t=this.items();return e.kind==="node"?t.nodes.some(s=>s.id===e.id):t.edges.some(s=>s.id===e.id)}placedNode(e){return this.#e?.nodes.find(t=>t.id===e)}routeOf(e){return this.#e?.routes.find(t=>t.id===e)?.points??[]}nodeState(e){return Be(e,this.selection,"node",this.#t)}edgeState(e){return Be(e,this.selection,"edge",this.#t)}renderEdges(e,t){const s=this.#e?.width??0,r=this.#e?.height??0;return g`<svg class="diagram-edges" width=${s} height=${r}>
       ${Ne(t)}${e}
-    </svg>`}filtered(){const e=this.items();if(this.tagDimension==="edge"){const a=e.edges.filter(i=>K(i.tags,this.tagFilter)&&this.matchesFilter(i)),r=new Set(a.flatMap(i=>[i.from,i.to]));return{...e,edges:a,nodes:e.nodes.filter(i=>r.has(i.id))}}const t=e.nodes.filter(a=>K(a.tags,this.tagFilter)&&this.matchesFilter(a)),s=new Set(t.map(a=>a.id));return{...e,nodes:t,edges:e.edges.filter(a=>s.has(a.from)&&s.has(a.to))}}refreshContent(){const e=this.filtered(),t=[this.layoutMode,e.nodes.map(s=>`${s.id}:${s.width}x${s.height}`).join(","),e.edges.map(s=>`${s.id}:${s.from}>${s.to}`).join(","),this.layoutSignature()].join("|");t!==this.#s&&(this.#s=t,this.#n+=1,this.#e=this.computePlacement(e)),this.#t=this.relations(this.selection,e)}computePlacement(e){const t=e.nodes.map(r=>({id:r.id,width:r.width,height:r.height,...r.ports===void 0?{}:{ports:r.ports},...r.position===void 0?{}:{position:r.position}})),s=e.edges.map(r=>({id:r.id,from:r.from,to:r.to,...r.fromPort===void 0?{}:{fromPort:r.fromPort},...r.toPort===void 0?{}:{toPort:r.toPort}})),a=this.layoutOptions();return this.layoutMode==="fixed"?bs(t,s,a):fs(t,s,a)}}const ce=N({en:{heading:"State machine",node:"State",edge:"Transition",empty:"No matching transitions.",transitionLabel:(n,e,t)=>`${t} from ${n} to ${e}`},ja:{heading:"\u30B9\u30C6\u30FC\u30C8\u30DE\u30B7\u30F3",node:"\u72B6\u614B",edge:"\u9077\u79FB",empty:"\u8A72\u5F53\u3059\u308B\u9077\u79FB\u306F\u3042\u308A\u307E\u305B\u3093\u3002",transitionLabel:(n,e,t)=>`${n} \u304B\u3089 ${e} \u3078\u306E ${t}`}}),Os=E({x:Q(),y:Q()}),Rs=E({id:$(p(),S(1)),name:$(p(),S(1)),code:f(p()),kind:f(U(["normal","initial","terminal","compensation"]),"normal"),description:f(p()),position:f(Os),questions:f(p())}),Is=E({id:$(p(),S(1)),from:$(p(),S(1)),to:$(p(),S(1)),title:$(p(),S(1)),kind:f(U(["normal","exception"]),"normal"),tags:f(z(p()),[]),guard:f(p()),effect:f(p()),questions:f(p())}),We={width:178,height:86},Ps=()=>({nodes:[],edges:[]}),js=E({states:z(Rs),transitions:f(z(Is),[])}),Ge=n=>{const e=V(js,n),t=new Set;for(const i of e.states){if(t.has(i.id))throw new Error(`duplicate state id: ${i.id}`);t.add(i.id)}const s=new Set,a=e.transitions.map(i=>{if(s.has(i.id))throw new Error(`duplicate transition id: ${i.id}`);if(s.add(i.id),!t.has(i.from))throw new Error(`unknown transition source: ${i.from}`);if(!t.has(i.to))throw new Error(`unknown transition target: ${i.to}`);return{id:i.id,from:i.from,to:i.to,title:i.title,kind:i.kind,tags:i.tags,guard:i.guard??null,effect:i.effect??null,...i.questions===void 0?{}:{questions:i.questions}}});return{nodes:e.states.map(i=>({id:i.id,name:i.name,code:i.code??null,kind:i.kind,description:i.description??null,width:We.width,height:We.height,tags:[],...i.position===void 0?{}:{position:i.position},...i.questions===void 0?{}:{questions:i.questions}})),edges:a}},Fs=n=>n.length>0&&n.every(e=>e.position!==void 0),Hs=_`
+    </svg>`}filtered(){const e=this.items();if(this.tagDimension==="edge"){const r=e.edges.filter(n=>K(n.tags,this.tagFilter)&&this.matchesFilter(n)),i=new Set(r.flatMap(n=>[n.from,n.to]));return{...e,edges:r,nodes:e.nodes.filter(n=>i.has(n.id))}}const t=e.nodes.filter(r=>K(r.tags,this.tagFilter)&&this.matchesFilter(r)),s=new Set(t.map(r=>r.id));return{...e,nodes:t,edges:e.edges.filter(r=>s.has(r.from)&&s.has(r.to))}}refreshContent(){const e=this.filtered(),t=[this.layoutMode,e.nodes.map(s=>`${s.id}:${s.width}x${s.height}`).join(","),e.edges.map(s=>`${s.id}:${s.from}>${s.to}`).join(","),this.layoutSignature()].join("|");t!==this.#s&&(this.#s=t,this.#a+=1,this.#e=this.computePlacement(e)),this.#t=this.relations(this.selection,e)}computePlacement(e){const t=e.nodes.map(i=>({id:i.id,width:i.width,height:i.height,...i.ports===void 0?{}:{ports:i.ports},...i.position===void 0?{}:{position:i.position}})),s=e.edges.map(i=>({id:i.id,from:i.from,to:i.to,...i.fromPort===void 0?{}:{fromPort:i.fromPort},...i.toPort===void 0?{}:{toPort:i.toPort}})),r=this.layoutOptions();return this.layoutMode==="fixed"?bs(t,s,r):fs(t,s,r)}}const ce=N({en:{heading:"State machine",node:"State",edge:"Transition",empty:"No matching transitions.",transitionLabel:(a,e,t)=>`${t} from ${a} to ${e}`},ja:{heading:"\u30B9\u30C6\u30FC\u30C8\u30DE\u30B7\u30F3",node:"\u72B6\u614B",edge:"\u9077\u79FB",empty:"\u8A72\u5F53\u3059\u308B\u9077\u79FB\u306F\u3042\u308A\u307E\u305B\u3093\u3002",transitionLabel:(a,e,t)=>`${a} \u304B\u3089 ${e} \u3078\u306E ${t}`}}),Os=E({x:Q(),y:Q()}),Rs=E({id:$(p(),S(1)),name:$(p(),S(1)),code:f(p()),kind:f(U(["normal","initial","terminal","compensation"]),"normal"),description:f(p()),position:f(Os),questions:f(p())}),Is=E({id:$(p(),S(1)),from:$(p(),S(1)),to:$(p(),S(1)),title:$(p(),S(1)),kind:f(U(["normal","exception"]),"normal"),tags:f(z(p()),[]),guard:f(p()),effect:f(p()),questions:f(p())}),Ve={width:178,height:86},Ps=()=>({nodes:[],edges:[]}),js=E({states:z(Rs),transitions:f(z(Is),[])}),We=a=>{const e=Y(js,a),t=new Set;for(const n of e.states){if(t.has(n.id))throw new Error(`duplicate state id: ${n.id}`);t.add(n.id)}const s=new Set,r=e.transitions.map(n=>{if(s.has(n.id))throw new Error(`duplicate transition id: ${n.id}`);if(s.add(n.id),!t.has(n.from))throw new Error(`unknown transition source: ${n.from}`);if(!t.has(n.to))throw new Error(`unknown transition target: ${n.to}`);return{id:n.id,from:n.from,to:n.to,title:n.title,kind:n.kind,tags:n.tags,guard:n.guard??null,effect:n.effect??null,...n.questions===void 0?{}:{questions:n.questions}}});return{nodes:e.states.map(n=>({id:n.id,name:n.name,code:n.code??null,kind:n.kind,description:n.description??null,width:Ve.width,height:Ve.height,tags:[],...n.position===void 0?{}:{position:n.position},...n.questions===void 0?{}:{questions:n.questions}})),edges:r}},Fs=a=>a.length>0&&a.every(e=>e.position!==void 0),Hs=_`
   .state-node {
     display: flex;
     flex-direction: column;
@@ -551,13 +632,19 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     border: 1px solid var(--dpk-rule-strong);
     border-radius: var(--dpk-radius);
     background: var(--dpk-paper-raised);
-    box-shadow: var(--dpk-shadow-xs);
+    box-shadow: var(--dpk-bevel), var(--dpk-shadow-xs);
     text-align: left;
     overflow: hidden;
+    transition:
+      border-color 160ms var(--dpk-ease),
+      box-shadow 160ms var(--dpk-ease),
+      transform 160ms var(--dpk-ease);
   }
 
   .state-node:hover {
     border-color: var(--dpk-blue);
+    box-shadow: var(--dpk-bevel), var(--dpk-shadow-sm);
+    transform: translateY(-1px);
   }
 
   .state-node.is-initial {
@@ -575,7 +662,10 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
 
   .state-node.is-selected {
     border-color: var(--dpk-blue);
-    box-shadow: 0 0 0 3px var(--dpk-blue-soft);
+    box-shadow:
+      var(--dpk-bevel),
+      var(--dpk-shadow-sm),
+      0 0 0 3px var(--dpk-blue-soft);
   }
 
   .state-node.is-related {
@@ -626,11 +716,18 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     overflow: hidden;
     text-overflow: ellipsis;
     cursor: pointer;
+    box-shadow: var(--dpk-shadow-xs);
+    transition:
+      border-color 160ms var(--dpk-ease),
+      background 160ms var(--dpk-ease),
+      color 160ms var(--dpk-ease),
+      box-shadow 160ms var(--dpk-ease);
   }
 
   .state-label:hover {
     border-color: color-mix(in srgb, var(--dpk-blue) 40%, transparent);
     color: var(--dpk-blue);
+    box-shadow: var(--dpk-shadow-sm);
   }
 
   .state-label.is-selected {
@@ -638,6 +735,9 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     background: var(--dpk-blue-soft);
     color: var(--dpk-blue);
     font-weight: 600;
+    box-shadow:
+      var(--dpk-shadow-xs),
+      inset 0 0 0 1px color-mix(in srgb, var(--dpk-blue) 20%, transparent);
   }
 
   .state-label.is-dimmed {
@@ -680,28 +780,28 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     fill: var(--dpk-amber);
     stroke: var(--dpk-amber);
   }
-`,Us=[{id:"state-arrow"},{id:"state-arrow-active"},{id:"state-arrow-exception"}];class Ye extends te{static{this.styles=[W,Hs]}parseData(e){return Ge(e)}emptyData(){return Ps()}defaultHeading(){return ce(this.locale).heading}statsLabels(){const e=ce(this.locale);return{node:e.node,edge:e.edge}}emptyMessage(){return ce(this.locale).empty}get tagDimension(){return"edge"}get layoutMode(){return Fs(this.filtered().nodes)?"fixed":"layered"}layoutOptions(){return this.layoutMode==="fixed"?{padding:44}:{nodeSpacing:40,layerSpacing:110,padding:44}}relations(e,t){if(e===null||e.kind!=="node")return B;const s=j(t.edges,e.id,"outgoing",!1),a=j(t.edges,e.id,"incoming",!1);return{nodes:new Map([...s.nodes,...a.nodes]),edges:new Set([...s.edges,...a.edges])}}renderCanvas(){const e=this.visible.nodes,t=e.filter(s=>s.kind==="initial").map(s=>this.#n(s));return g`
+`,Us=[{id:"state-arrow"},{id:"state-arrow-active"},{id:"state-arrow-exception"}];class Ge extends te{static{this.styles=[V,Hs]}parseData(e){return We(e)}emptyData(){return Ps()}defaultHeading(){return ce(this.locale).heading}statsLabels(){const e=ce(this.locale);return{node:e.node,edge:e.edge}}emptyMessage(){return ce(this.locale).empty}get tagDimension(){return"edge"}get layoutMode(){return Fs(this.filtered().nodes)?"fixed":"layered"}layoutOptions(){return this.layoutMode==="fixed"?{padding:44}:{nodeSpacing:40,layerSpacing:110,padding:44}}relations(e,t){if(e===null||e.kind!=="node")return B;const s=j(t.edges,e.id,"outgoing",!1),r=j(t.edges,e.id,"incoming",!1);return{nodes:new Map([...s.nodes,...r.nodes]),edges:new Set([...s.edges,...r.edges])}}renderCanvas(){const e=this.visible.nodes,t=e.filter(s=>s.kind==="initial").map(s=>this.#a(s));return g`
       ${this.renderEdges([...t,...this.visible.edges.map(s=>this.#t(s))],Us)}
-      ${e.map(s=>this.#a(s))} ${this.visible.edges.map(s=>this.#i(s))}
+      ${e.map(s=>this.#r(s))} ${this.visible.edges.map(s=>this.#n(s))}
     `}#e(e){return this.filtered().nodes.find(t=>t.id===e)?.name??e}#s(e){return[e.guard,e.effect].filter(t=>t!==null).join(`
-`)||e.title}#n(e){const t=this.placedNode(e.id);if(!t)return w;const s=t.y+t.height/2,a=this.nodeState(e.id);return I`
-      <g class=${X("state-initial-mark",a.dimmed&&"is-dimmed")}>
+`)||e.title}#a(e){const t=this.placedNode(e.id);if(!t)return w;const s=t.y+t.height/2,r=this.nodeState(e.id);return I`
+      <g class=${X("state-initial-mark",r.dimmed&&"is-dimmed")}>
         <circle cx=${t.x-22} cy=${s} r="5"></circle>
         <path
           d=${ee([{x:t.x-17,y:s},{x:t.x-1,y:s}])}
           stroke-width="1.6"
         ></path>
       </g>
-    `}#t(e){const t=ce(this.locale),s=this.edgeState(e.id),a=this.routeOf(e.id),r=ee(a),o=s.selected||s.related?"state-arrow-active":e.kind==="exception"?"state-arrow-exception":"state-arrow",d=()=>this.select({kind:"edge",id:e.id});return I`
+    `}#t(e){const t=ce(this.locale),s=this.edgeState(e.id),r=this.routeOf(e.id),i=ee(r),o=s.selected||s.related?"state-arrow-active":e.kind==="exception"?"state-arrow-exception":"state-arrow",d=()=>this.select({kind:"edge",id:e.id});return I`
       <g
         class=${this.elementClass(s,"d-edge","state-edge",e.kind==="exception"&&"is-exception")}
         data-transition=${e.id}
       >
         <title>${this.#s(e)}</title>
-        <path class="d-edge-path" d=${r} marker-end=${`url(#${o})`}></path>
+        <path class="d-edge-path" d=${i} marker-end=${`url(#${o})`}></path>
         <path
           class="d-edge-hit"
-          d=${r}
+          d=${i}
           role="button"
           tabindex="0"
           aria-label=${t.transitionLabel(this.#e(e.from),this.#e(e.to),e.title)}
@@ -709,7 +809,7 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
           @keydown=${l=>{l.key!=="Enter"&&l.key!==" "||(l.preventDefault(),d())}}
         ></path>
       </g>
-    `}#a(e){const t=this.placedNode(e.id);if(!t)return w;const s=this.nodeState(e.id);return g`
+    `}#r(e){const t=this.placedNode(e.id);if(!t)return w;const s=this.nodeState(e.id);return g`
       <button
         type="button"
         class=${this.elementClass(s,"d-node","state-node",`is-${e.kind}`)}
@@ -724,7 +824,7 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
         ${e.code===null?w:g`<span class="state-code">${e.code}</span>`}
       </button>
       ${this.renderCommentTrigger({kind:"node",id:e.id},e.name,{x:t.x+e.width-20,y:t.y-14})}
-    `}#i(e){const t=this.edgeState(e.id),s=Ms(this.routeOf(e.id));return g`
+    `}#n(e){const t=this.edgeState(e.id),s=Ms(this.routeOf(e.id));return g`
       <span class="state-label-slot" style="left:${s.x}px; top:${s.y}px">
         <button
           type="button"
@@ -738,7 +838,7 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
         </button>
         ${this.renderCommentTrigger({kind:"edge",id:e.id},`${this.#e(e.from)} \u2192 ${this.#e(e.to)} \xB7 ${e.title}`)}
       </span>
-    `}}const Ke=()=>{customElements.get("dpk-component-state-diagram")||customElements.define("dpk-component-state-diagram",Ye)},Xe=(n,e)=>e?{request:"Process / guarantee",response:"Response / guarantee",async:"Async / guarantee"}[n]:{request:"\u51E6\u7406 / \u4FDD\u8A3C",response:"\u5FDC\u7B54 / \u4FDD\u8A3C",async:"\u975E\u540C\u671F\u51E6\u7406 / \u4FDD\u8A3C"}[n],se=N({en:{heading:"Sequence",empty:"No matching messages.",participants:"Participants",stats:(n,e)=>`${n} / ${e} messages`,detailLabel:n=>Xe(n,!0),selectMessage:n=>`Select ${n}`,frameHeaderLabel:(n,e,t)=>`${n} \xB7 ${t?`Expand ${e}`:`Collapse ${e}`}`,frameCount:n=>`${n} message${n===1?"":"s"}`},ja:{heading:"\u30B7\u30FC\u30B1\u30F3\u30B9\u56F3",empty:"\u8A72\u5F53\u3059\u308B\u30E1\u30C3\u30BB\u30FC\u30B8\u306F\u3042\u308A\u307E\u305B\u3093\u3002",participants:"\u53C2\u52A0\u8005",stats:(n,e)=>`${n} / ${e} \u30E1\u30C3\u30BB\u30FC\u30B8`,detailLabel:n=>Xe(n,!1),selectMessage:n=>`${n}\u3092\u9078\u629E`,frameHeaderLabel:(n,e,t)=>`${n} \xB7 ${e}\u3092${t?"\u5C55\u958B":"\u6298\u308A\u305F\u305F\u3080"}`,frameCount:n=>`${n} \u30E1\u30C3\u30BB\u30FC\u30B8`}}),Bs=E({kind:De("message"),id:$(p(),S(1)),from:$(p(),S(1)),to:$(p(),S(1)),title:$(p(),S(1)),style:f(U(["request","response","async"]),"request"),tags:f(z(p()),[]),guard:f(p()),detail:f(p()),questions:f(p())}),Ns=E({label:$(p(),S(1)),items:z(Ee())}),_s=E({kind:De("fragment"),id:$(p(),S(1)),operator:U(["alt","opt","loop","par"]),title:$(p(),S(1)),collapsed:f(ge(),!1),branches:$(z(Ns),S(1))}),Vs=Zt("kind",[Bs,_s]),Ws=E({id:$(p(),S(1)),name:$(p(),S(1)),role:f(p()),symbol:f(p()),kind:f(U(["internal","external"]),"internal"),description:f(p()),questions:f(p())}),Gs=E({participants:$(z(Ws),S(1)),items:f(z(Ee()),[])}),Ze=240,$e=(n,e,t)=>{if(n.has(e))throw new Error(`duplicate ${t} id: ${e}`);n.add(e)},Je=(n,e,t)=>n.map(s=>{const a=V(Vs,s);if(a.kind==="message"){if($e(t,a.id,"message"),!e.has(a.from))throw new Error(`unknown sender: ${a.from}`);if(!e.has(a.to))throw new Error(`unknown receiver: ${a.to}`);return{kind:"message",id:a.id,from:a.from,to:a.to,title:a.title,style:a.style,tags:a.tags,guard:a.guard??null,detail:a.detail??null,questions:a.questions??null}}return $e(t,a.id,"fragment"),{kind:"fragment",id:a.id,operator:a.operator,title:a.title,collapsed:a.collapsed,branches:a.branches.map(i=>({label:i.label,items:Je(i.items,e,t)}))}}),Qe=n=>{const e=V(Gs,n),t=new Set;for(const s of e.participants)$e(t,s.id,"participant");return{participants:e.participants.map(s=>({id:s.id,name:s.name,role:s.role??null,symbol:s.symbol??null,external:s.kind==="external",description:s.description??null,questions:s.questions??null})),items:Je(e.items,t,new Set)}},Ys=()=>({participants:[],items:[]}),et=(n,e)=>{for(const t of n)if(t.kind==="message")e.push(t);else for(const s of t.branches)et(s.items,e)},G=n=>{const e=[];return et(n,e),e},Ks=n=>new Map(G(n.items).map((e,t)=>[e.id,String(t+1).padStart(2,"0")])),Xs=n=>G(n).length,tt=(n,e)=>{const t=[];for(const s of n){if(s.kind==="message"){e(s)&&t.push(s);continue}const a=s.branches.map(r=>({label:r.label,items:tt(r.items,e)})).filter(r=>r.items.length>0);a.length>0&&t.push({...s,branches:a})}return t},Zs=64,Js=86,Qs=31,en=32,tn=40,sn=(n,e)=>{const t=tt(n.items,e),s=new Set;for(const M of G(t))s.add(M.from),s.add(M.to);const a=n.participants.filter(M=>s.has(M.id)),r=new Map(a.map((M,v)=>[M.id,120+v*Ze])),i=Math.max(360,a.length*Ze),o=[],d=[],l=[],m=[],b=[];let c=25;const h=(M,v)=>{for(const k of M){if(k.kind==="message"){o.push({message:k,y:c+29,depth:v}),c+=k.from===k.to?Js:Zs;continue}const C=22+v*13,T=c,O=i-44-v*26;c+=Qs,k.collapsed?(b.push({fragment:k,x:C,y:c+6}),c+=tn):k.branches.forEach((P,F)=>{F>0&&(m.push({x:C,y:c,width:O}),c+=8),l.push({label:P.label,x:C+12,y:c}),c+=en,h(P.items,v+1),c+=8}),d.push({fragment:k,x:C,y:T,width:O,height:c-T,count:Xs([k])}),c+=14}};return h(t,0),{width:i,height:c+24,participants:a,rows:o,frames:d,branches:l,dividers:m,folds:b,x:r}},nn=_`
+    `}}const Ke=()=>{customElements.get("dpk-component-state-diagram")||customElements.define("dpk-component-state-diagram",Ge)},Xe=(a,e)=>e?{request:"Process / guarantee",response:"Response / guarantee",async:"Async / guarantee"}[a]:{request:"\u51E6\u7406 / \u4FDD\u8A3C",response:"\u5FDC\u7B54 / \u4FDD\u8A3C",async:"\u975E\u540C\u671F\u51E6\u7406 / \u4FDD\u8A3C"}[a],se=N({en:{heading:"Sequence",empty:"No matching messages.",participants:"Participants",stats:(a,e)=>`${a} / ${e} messages`,detailLabel:a=>Xe(a,!0),selectMessage:a=>`Select ${a}`,frameHeaderLabel:(a,e,t)=>`${a} \xB7 ${t?`Expand ${e}`:`Collapse ${e}`}`,frameCount:a=>`${a} message${a===1?"":"s"}`},ja:{heading:"\u30B7\u30FC\u30B1\u30F3\u30B9\u56F3",empty:"\u8A72\u5F53\u3059\u308B\u30E1\u30C3\u30BB\u30FC\u30B8\u306F\u3042\u308A\u307E\u305B\u3093\u3002",participants:"\u53C2\u52A0\u8005",stats:(a,e)=>`${a} / ${e} \u30E1\u30C3\u30BB\u30FC\u30B8`,detailLabel:a=>Xe(a,!1),selectMessage:a=>`${a}\u3092\u9078\u629E`,frameHeaderLabel:(a,e,t)=>`${a} \xB7 ${e}\u3092${t?"\u5C55\u958B":"\u6298\u308A\u305F\u305F\u3080"}`,frameCount:a=>`${a} \u30E1\u30C3\u30BB\u30FC\u30B8`}}),Bs=E({kind:De("message"),id:$(p(),S(1)),from:$(p(),S(1)),to:$(p(),S(1)),title:$(p(),S(1)),style:f(U(["request","response","async"]),"request"),tags:f(z(p()),[]),guard:f(p()),detail:f(p()),questions:f(p())}),Ns=E({label:$(p(),S(1)),items:z(Ee())}),_s=E({kind:De("fragment"),id:$(p(),S(1)),operator:U(["alt","opt","loop","par"]),title:$(p(),S(1)),collapsed:f(ge(),!1),branches:$(z(Ns),S(1))}),Ys=Zt("kind",[Bs,_s]),Vs=E({id:$(p(),S(1)),name:$(p(),S(1)),role:f(p()),symbol:f(p()),kind:f(U(["internal","external"]),"internal"),description:f(p()),questions:f(p())}),Ws=E({participants:$(z(Vs),S(1)),items:f(z(Ee()),[])}),Ze=240,$e=(a,e,t)=>{if(a.has(e))throw new Error(`duplicate ${t} id: ${e}`);a.add(e)},Je=(a,e,t)=>a.map(s=>{const r=Y(Ys,s);if(r.kind==="message"){if($e(t,r.id,"message"),!e.has(r.from))throw new Error(`unknown sender: ${r.from}`);if(!e.has(r.to))throw new Error(`unknown receiver: ${r.to}`);return{kind:"message",id:r.id,from:r.from,to:r.to,title:r.title,style:r.style,tags:r.tags,guard:r.guard??null,detail:r.detail??null,questions:r.questions??null}}return $e(t,r.id,"fragment"),{kind:"fragment",id:r.id,operator:r.operator,title:r.title,collapsed:r.collapsed,branches:r.branches.map(n=>({label:n.label,items:Je(n.items,e,t)}))}}),Qe=a=>{const e=Y(Ws,a),t=new Set;for(const s of e.participants)$e(t,s.id,"participant");return{participants:e.participants.map(s=>({id:s.id,name:s.name,role:s.role??null,symbol:s.symbol??null,external:s.kind==="external",description:s.description??null,questions:s.questions??null})),items:Je(e.items,t,new Set)}},Gs=()=>({participants:[],items:[]}),et=(a,e)=>{for(const t of a)if(t.kind==="message")e.push(t);else for(const s of t.branches)et(s.items,e)},W=a=>{const e=[];return et(a,e),e},Ks=a=>new Map(W(a.items).map((e,t)=>[e.id,String(t+1).padStart(2,"0")])),Xs=a=>W(a).length,tt=(a,e)=>{const t=[];for(const s of a){if(s.kind==="message"){e(s)&&t.push(s);continue}const r=s.branches.map(i=>({label:i.label,items:tt(i.items,e)})).filter(i=>i.items.length>0);r.length>0&&t.push({...s,branches:r})}return t},Zs=64,Js=86,Qs=31,ea=32,ta=40,sa=(a,e)=>{const t=tt(a.items,e),s=new Set;for(const M of W(t))s.add(M.from),s.add(M.to);const r=a.participants.filter(M=>s.has(M.id)),i=new Map(r.map((M,v)=>[M.id,120+v*Ze])),n=Math.max(360,r.length*Ze),o=[],d=[],l=[],m=[],b=[];let c=25;const h=(M,v)=>{for(const k of M){if(k.kind==="message"){o.push({message:k,y:c+29,depth:v}),c+=k.from===k.to?Js:Zs;continue}const C=22+v*13,T=c,O=n-44-v*26;c+=Qs,k.collapsed?(b.push({fragment:k,x:C,y:c+6}),c+=ta):k.branches.forEach((P,F)=>{F>0&&(m.push({x:C,y:c,width:O}),c+=8),l.push({label:P.label,x:C+12,y:c}),c+=ea,h(P.items,v+1),c+=8}),d.push({fragment:k,x:C,y:T,width:O,height:c-T,count:Xs([k])}),c+=14}};return h(t,0),{width:n,height:c+24,participants:r,rows:o,frames:d,branches:l,dividers:m,folds:b,x:i}},aa=_`
   .sequence .diagram-canvas {
     background-image: none;
   }
@@ -749,7 +849,7 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     flex-shrink: 0;
     overflow: hidden;
     border-bottom: 1px solid var(--dpk-rule);
-    background: var(--dpk-paper);
+    background: linear-gradient(180deg, var(--dpk-paper-raised), var(--dpk-paper));
   }
 
   .sequence-rail-world {
@@ -772,18 +872,31 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     border: 1px solid var(--dpk-rule-strong);
     border-radius: var(--dpk-radius-sm);
     background: var(--dpk-paper-raised);
-    box-shadow: var(--dpk-shadow-xs);
+    box-shadow: var(--dpk-bevel), var(--dpk-shadow-xs);
     text-align: left;
     cursor: pointer;
+    transition:
+      border-color 160ms var(--dpk-ease),
+      box-shadow 160ms var(--dpk-ease),
+      transform 160ms var(--dpk-ease);
   }
 
   .sequence-participant.is-external {
     border-style: dashed;
   }
 
+  .sequence-participant:hover {
+    border-color: var(--dpk-blue);
+    box-shadow: var(--dpk-bevel), var(--dpk-shadow-sm);
+    transform: translateY(-1px);
+  }
+
   .sequence-participant[aria-pressed='true'] {
     border-color: var(--dpk-blue);
-    box-shadow: 0 0 0 3px var(--dpk-blue-soft);
+    box-shadow:
+      var(--dpk-bevel),
+      var(--dpk-shadow-sm),
+      0 0 0 3px var(--dpk-blue-soft);
   }
 
   .sequence-participant.is-related {
@@ -870,6 +983,7 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     border: 1px solid var(--dpk-rule-strong);
     border-radius: var(--dpk-radius-xs);
     background: color-mix(in srgb, var(--dpk-blue-soft) 50%, transparent);
+    box-shadow: 0 1px 2px var(--dpk-shade-1);
     pointer-events: none;
   }
 
@@ -887,6 +1001,9 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     font-size: 10px;
     text-align: left;
     cursor: pointer;
+    transition:
+      background 160ms var(--dpk-ease),
+      color 160ms var(--dpk-ease);
   }
 
   .sequence-frame-header:hover {
@@ -934,17 +1051,27 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     font-size: 10px;
     text-align: left;
     cursor: pointer;
+    box-shadow: var(--dpk-shadow-xs);
+    transition:
+      border-color 160ms var(--dpk-ease),
+      background 160ms var(--dpk-ease),
+      color 160ms var(--dpk-ease),
+      box-shadow 160ms var(--dpk-ease);
   }
 
   .sequence-label:hover {
     border-color: color-mix(in srgb, var(--dpk-blue) 40%, transparent);
     color: var(--dpk-blue);
+    box-shadow: var(--dpk-shadow-sm);
   }
 
   .sequence-label.is-selected {
     border-color: color-mix(in srgb, var(--dpk-blue) 55%, transparent);
     background: var(--dpk-blue-soft);
     color: var(--dpk-blue);
+    box-shadow:
+      var(--dpk-shadow-xs),
+      inset 0 0 0 1px color-mix(in srgb, var(--dpk-blue) 20%, transparent);
   }
 
   .sequence-number {
@@ -987,21 +1114,21 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     fill: var(--dpk-ink);
     stroke: var(--dpk-ink);
   }
-`,an=[{id:"seq-request"},{id:"seq-response"},{id:"seq-async"},{id:"seq-related"},{id:"seq-selected"}];class st extends we{static{this.styles=[W,nn]}#e=null;#s=new Map;#n=new Map;#t=new Set;#a=new Set;#i="";#r=0;commentItems(){const e=this.items();return[...e.participants.map(t=>({value:this.commentRef("participant",t.id),label:t.name})),...G(e.items).map(t=>({value:this.commentRef("message",t.id),label:t.title}))]}parseData(e){return this.#n.clear(),Qe(e)}emptyData(){return Ys()}defaultHeading(){return se(this.locale).heading}shellClass(){return"sequence"}emptyMessage(){return se(this.locale).empty}fitViewport(){this.viewport?.fitWidth()}onViewChange(e){const t=this.renderRoot.querySelector(".sequence-rail-world");t&&(t.style.transform=`translateX(${e.x}px) scale(${e.scale})`)}hasSelection(e){const t=this.items();return e.kind==="participant"?t.participants.some(s=>s.id===e.id):G(t.items).some(s=>s.id===e.id)}tagItems(){return G(this.items().items).map(e=>e.tags)}statsText(){const e=this.#e,t=G(this.items().items).length;return e===null?"":se(this.locale).stats(e.rows.length,t)}contentSize(){const e=this.#e;return e===null||e.rows.length===0?null:{width:e.width,height:e.height}}isEmpty(){return this.contentSize()===null}layoutVersion(){return this.#r}refreshContent(){const e=this.#l(),t=this.tagFilter,s=[t.match,[...t.active].join(","),[...this.#n].map(([i,o])=>`${i}:${o}`).join(","),G(e.items).map(i=>i.id).join(",")].join("|");s!==this.#i&&(this.#i=s,this.#r+=1,this.#s=Ks(this.items()),this.#e=sn(e,i=>K(i.tags,t))),this.#t=new Set,this.#a=new Set;const a=this.selection,r=this.#e;if(a!==null&&r!==null)if(a.kind==="message"){const i=r.rows.find(o=>o.message.id===a.id);this.#t.add(a.id),i&&(this.#a.add(i.message.from),this.#a.add(i.message.to))}else for(const i of r.rows)i.message.from!==a.id&&i.message.to!==a.id||this.#t.add(i.message.id)}#o(e,t){const s=e.detail===null?null:`${t.detailLabel(e.style)}: ${e.detail}`;return[e.guard,s].filter(a=>a!==null).join(`
-`)||e.title}#l(){const e=this.items(),t=s=>s.map(a=>a.kind==="message"?a:{...a,collapsed:this.#n.get(a.id)??a.collapsed,branches:a.branches.map(r=>({label:r.label,items:t(r.items)}))});return{participants:e.participants,items:t(e.items)}}#p(e){return this.#e?.frames.find(t=>t.fragment.id===e.id)?.fragment.collapsed??e.collapsed}#u(e){this.#n.set(e.id,!this.#p(e)),this.requestUpdate()}#c(e){const t=this.selection?.kind==="message"&&this.selection.id===e,s=!t&&this.#t.has(e);return{selected:t,related:s,dimmed:this.selection!==null&&!t&&!s,depth:null}}#d(e){const t=this.selection?.kind==="participant"&&this.selection.id===e,s=!t&&this.#a.has(e);return{selected:t,related:s,dimmed:this.selection!==null&&!t&&!s,depth:null}}renderAboveCanvas(){const e=this.#e;if(e===null)return w;const t=se(this.locale);return g`
+`,ra=[{id:"seq-request"},{id:"seq-response"},{id:"seq-async"},{id:"seq-related"},{id:"seq-selected"}];class st extends we{static{this.styles=[V,aa]}#e=null;#s=new Map;#a=new Map;#t=new Set;#r=new Set;#n="";#i=0;commentItems(){const e=this.items();return[...e.participants.map(t=>({value:this.commentRef("participant",t.id),label:t.name})),...W(e.items).map(t=>({value:this.commentRef("message",t.id),label:t.title}))]}parseData(e){return this.#a.clear(),Qe(e)}emptyData(){return Gs()}defaultHeading(){return se(this.locale).heading}shellClass(){return"sequence"}emptyMessage(){return se(this.locale).empty}fitViewport(){this.viewport?.fitWidth()}onViewChange(e){const t=this.renderRoot.querySelector(".sequence-rail-world");t&&(t.style.transform=`translateX(${e.x}px) scale(${e.scale})`)}hasSelection(e){const t=this.items();return e.kind==="participant"?t.participants.some(s=>s.id===e.id):W(t.items).some(s=>s.id===e.id)}tagItems(){return W(this.items().items).map(e=>e.tags)}statsText(){const e=this.#e,t=W(this.items().items).length;return e===null?"":se(this.locale).stats(e.rows.length,t)}contentSize(){const e=this.#e;return e===null||e.rows.length===0?null:{width:e.width,height:e.height}}isEmpty(){return this.contentSize()===null}layoutVersion(){return this.#i}refreshContent(){const e=this.#l(),t=this.tagFilter,s=[t.match,[...t.active].join(","),[...this.#a].map(([n,o])=>`${n}:${o}`).join(","),W(e.items).map(n=>n.id).join(",")].join("|");s!==this.#n&&(this.#n=s,this.#i+=1,this.#s=Ks(this.items()),this.#e=sa(e,n=>K(n.tags,t))),this.#t=new Set,this.#r=new Set;const r=this.selection,i=this.#e;if(r!==null&&i!==null)if(r.kind==="message"){const n=i.rows.find(o=>o.message.id===r.id);this.#t.add(r.id),n&&(this.#r.add(n.message.from),this.#r.add(n.message.to))}else for(const n of i.rows)n.message.from!==r.id&&n.message.to!==r.id||this.#t.add(n.message.id)}#o(e,t){const s=e.detail===null?null:`${t.detailLabel(e.style)}: ${e.detail}`;return[e.guard,s].filter(r=>r!==null).join(`
+`)||e.title}#l(){const e=this.items(),t=s=>s.map(r=>r.kind==="message"?r:{...r,collapsed:this.#a.get(r.id)??r.collapsed,branches:r.branches.map(i=>({label:i.label,items:t(i.items)}))});return{participants:e.participants,items:t(e.items)}}#p(e){return this.#e?.frames.find(t=>t.fragment.id===e.id)?.fragment.collapsed??e.collapsed}#u(e){this.#a.set(e.id,!this.#p(e)),this.requestUpdate()}#c(e){const t=this.selection?.kind==="message"&&this.selection.id===e,s=!t&&this.#t.has(e);return{selected:t,related:s,dimmed:this.selection!==null&&!t&&!s,depth:null}}#d(e){const t=this.selection?.kind==="participant"&&this.selection.id===e,s=!t&&this.#r.has(e);return{selected:t,related:s,dimmed:this.selection!==null&&!t&&!s,depth:null}}renderAboveCanvas(){const e=this.#e;if(e===null)return w;const t=se(this.locale);return g`
       <div class="sequence-rail" role="group" aria-label=${t.participants}>
         <div class="sequence-rail-world">
           ${e.participants.map(s=>this.#b(s,e))}
         </div>
       </div>
-    `}#b(e,t){const s=t.x.get(e.id)??0,a=this.#d(e.id);return g`
+    `}#b(e,t){const s=t.x.get(e.id)??0,r=this.#d(e.id);return g`
       <button
         type="button"
-        class=${this.elementClass(a,"sequence-participant",e.external&&"is-external")}
+        class=${this.elementClass(r,"sequence-participant",e.external&&"is-external")}
         data-participant=${e.id}
         data-grill-questions=${this.questionsOf(e)}
         style="left:${s-95}px"
-        aria-pressed=${a.selected?"true":"false"}
+        aria-pressed=${r.selected?"true":"false"}
         title=${e.description??e.name}
         @click=${()=>this.select({kind:"participant",id:e.id})}
       >
@@ -1023,78 +1150,86 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
           >[${s.label}]</span
         >`)}
       ${e.folds.map(s=>g`<span class="sequence-fold" style="left:${s.x}px; top:${s.y}px"
-          >${s.fragment.branches.map(a=>`[${a.label}]`).join(" / ")}</span
+          >${s.fragment.branches.map(r=>`[${r.label}]`).join(" / ")}</span
         >`)}
       ${e.rows.map(s=>this.#g(s.y,s.message,e,t))}
-    `}#h(e,t){const s=e.participants.map(i=>I`<path
+    `}#h(e,t){const s=e.participants.map(n=>I`<path
           class="sequence-lifeline"
-          d=${`M${e.x.get(i.id)??0} 0 V${e.height}`}
-        ></path>`),a=e.dividers.map(i=>I`<path class="sequence-divider" d=${`M${i.x} ${i.y} h${i.width}`}></path>`),r=e.rows.map(i=>{const o=e.x.get(i.message.from)??0,d=e.x.get(i.message.to)??0,l=o===d?`M${o} ${i.y} h42 v25 H${o}`:`M${o} ${i.y} H${d}`,m=this.#c(i.message.id),b=m.selected?"seq-selected":m.related?"seq-related":i.message.style==="async"?"seq-async":i.message.style==="response"?"seq-response":"seq-request",c=()=>this.select({kind:"message",id:i.message.id});return I`
+          d=${`M${e.x.get(n.id)??0} 0 V${e.height}`}
+        ></path>`),r=e.dividers.map(n=>I`<path class="sequence-divider" d=${`M${n.x} ${n.y} h${n.width}`}></path>`),i=e.rows.map(n=>{const o=e.x.get(n.message.from)??0,d=e.x.get(n.message.to)??0,l=o===d?`M${o} ${n.y} h42 v25 H${o}`:`M${o} ${n.y} H${d}`,m=this.#c(n.message.id),b=m.selected?"seq-selected":m.related?"seq-related":n.message.style==="async"?"seq-async":n.message.style==="response"?"seq-response":"seq-request",c=()=>this.select({kind:"message",id:n.message.id});return I`
         <g
-          class=${this.elementClass(m,"sequence-message-row","d-edge",`is-${i.message.style}`)}
-          data-message=${i.message.id}
+          class=${this.elementClass(m,"sequence-message-row","d-edge",`is-${n.message.style}`)}
+          data-message=${n.message.id}
         >
-          <title>${this.#o(i.message,t)}</title>
+          <title>${this.#o(n.message,t)}</title>
           <path class="d-edge-hit" d=${l} role="button" tabindex="0"
-            aria-label=${t.selectMessage(i.message.title)}
+            aria-label=${t.selectMessage(n.message.title)}
             @click=${c}
             @keydown=${h=>{h.key!=="Enter"&&h.key!==" "||(h.preventDefault(),c())}}></path>
-          <path class="sequence-message is-${i.message.style}" d=${l} marker-end=${`url(#${b})`}></path>
+          <path class="sequence-message is-${n.message.style}" d=${l} marker-end=${`url(#${b})`}></path>
         </g>
       `});return g`<svg class="diagram-edges" width=${e.width} height=${e.height}>
-      ${Ne(an)} ${s} ${a} ${r}
-    </svg>`}#m(e,t,s,a,r,i){const o=this.#p(e);return g`
+      ${Ne(ra)} ${s} ${r} ${i}
+    </svg>`}#m(e,t,s,r,i,n){const o=this.#p(e);return g`
       <button
         type="button"
         class="sequence-frame-header"
         data-fragment=${e.id}
-        style="left:${t}px; top:${s}px; width:${a}px"
+        style="left:${t}px; top:${s}px; width:${r}px"
         aria-expanded=${o?"false":"true"}
-        aria-label=${i.frameHeaderLabel(e.operator,e.title,o)}
+        aria-label=${n.frameHeaderLabel(e.operator,e.title,o)}
         @click=${()=>this.#u(e)}
       >
         <span aria-hidden="true">${o?"\u25B8":"\u25BE"}</span>
         <span class="sequence-operator">${e.operator}</span>
         <span class="sequence-text">${e.title}</span>
-        <span class="sequence-frame-count">${i.frameCount(r)}</span>
+        <span class="sequence-frame-count">${n.frameCount(i)}</span>
       </button>
-    `}#g(e,t,s,a){const r=s.x.get(t.from)??0,i=s.x.get(t.to)??0,o=r===i,d=this.#c(t.id),l=o?r+12:Math.min(r,i)+14,m=o?175:Math.abs(i-r)-28;return g`
+    `}#g(e,t,s,r){const i=s.x.get(t.from)??0,n=s.x.get(t.to)??0,o=i===n,d=this.#c(t.id),l=o?i+12:Math.min(i,n)+14,m=o?175:Math.abs(n-i)-28;return g`
       <button
         type="button"
         class=${this.elementClass(d,"sequence-label")}
         data-message-label=${t.id}
         data-grill-questions=${this.questionsOf(t)}
         style="left:${l}px; top:${e-28}px; width:${m}px"
-        title=${this.#o(t,a)}
+        title=${this.#o(t,r)}
         @click=${()=>this.select({kind:"message",id:t.id})}
       >
         <span class="sequence-number">${this.#s.get(t.id)??""}</span>
         <span class="sequence-text">${t.title}</span>
       </button>
       ${this.renderCommentTrigger({kind:"message",id:t.id},`${this.#s.get(t.id)??""} ${t.title}`.trim(),{x:l+m-30,y:e-31})}
-    `}}const nt=()=>{customElements.get("dpk-component-sequence-diagram")||customElements.define("dpk-component-sequence-diagram",st)},Z=N({en:{heading:"Dependencies",node:"Module",edge:"Dependency",emptyCycles:"No matching cycles.",emptyModules:"No matching modules.",directionGroup:"Direction to follow from the selected module",directionOutgoing:"Depends on",directionIncoming:"Depended on by",directionBoth:"Both",transitive:"Include indirect",cyclesToggleLabel:n=>`Show only ${n} cycle group(s)`,cyclesCount:n=>`Cycles ${n}`,legendOutgoing:"Depends on",legendIncoming:"Depended on by",legendCycle:"Cycle",edgeLabel:(n,e)=>`${n} depends on ${e}`,cyclicSuffix:n=>`${n}, part of a cycle`,cycleBadge:"Cycle"},ja:{heading:"\u4F9D\u5B58\u95A2\u4FC2\u30B0\u30E9\u30D5",node:"\u30E2\u30B8\u30E5\u30FC\u30EB",edge:"\u4F9D\u5B58",emptyCycles:"\u8A72\u5F53\u3059\u308B\u5FAA\u74B0\u4F9D\u5B58\u306F\u3042\u308A\u307E\u305B\u3093\u3002",emptyModules:"\u8A72\u5F53\u3059\u308B\u30E2\u30B8\u30E5\u30FC\u30EB\u306F\u3042\u308A\u307E\u305B\u3093\u3002",directionGroup:"\u9078\u629E\u3057\u305F\u30E2\u30B8\u30E5\u30FC\u30EB\u304B\u3089\u8FFD\u3046\u65B9\u5411",directionOutgoing:"\u4F9D\u5B58\u5148",directionIncoming:"\u4F9D\u5B58\u5143",directionBoth:"\u4E21\u65B9",transitive:"\u9593\u63A5\u3082\u542B\u3080",cyclesToggleLabel:n=>`\u5FAA\u74B0\u4F9D\u5B58 ${n} \u30B0\u30EB\u30FC\u30D7\u3060\u3051\u8868\u793A`,cyclesCount:n=>`\u5FAA\u74B0 ${n}`,legendOutgoing:"\u4F9D\u5B58\u5148",legendIncoming:"\u4F9D\u5B58\u5143",legendCycle:"\u5FAA\u74B0",edgeLabel:(n,e)=>`${n} \u304C ${e} \u306B\u4F9D\u5B58`,cyclicSuffix:n=>`${n}\u30FB\u5FAA\u74B0\u4F9D\u5B58\u3042\u308A`,cycleBadge:"\u5FAA\u74B0"}}),at={width:176,height:84},rn=E({id:$(p(),S(1)),name:$(p(),S(1)),path:f(p()),layer:f(p()),tags:f(z(p()),[]),description:f(p()),questions:f(p())}),on=E({id:$(p(),S(1)),from:$(p(),S(1)),to:$(p(),S(1)),contract:f(p()),description:f(p()),questions:f(p())}),dn=E({modules:z(rn),dependencies:f(z(on),[])}),ln=()=>({nodes:[],edges:[]}),cn=n=>{const e=V(dn,n),t=new Set;for(const i of e.modules){if(t.has(i.id))throw new Error(`duplicate module id: ${i.id}`);t.add(i.id)}const s=new Set,a=e.dependencies.map(i=>{if(s.has(i.id))throw new Error(`duplicate dependency id: ${i.id}`);if(s.add(i.id),!t.has(i.from))throw new Error(`unknown dependency source: ${i.from}`);if(!t.has(i.to))throw new Error(`unknown dependency target: ${i.to}`);return{id:i.id,from:i.from,to:i.to,tags:[],contract:i.contract??null,description:i.description??null}});return{nodes:e.modules.map(i=>({id:i.id,name:i.name,path:i.path??null,layer:i.layer??null,description:i.description??null,tags:i.tags,width:at.width,height:at.height,...i.questions===void 0?{}:{questions:i.questions}})),edges:a}},pn=_`
+    `}}const at=()=>{customElements.get("dpk-component-sequence-diagram")||customElements.define("dpk-component-sequence-diagram",st)},Z=N({en:{heading:"Dependencies",node:"Module",edge:"Dependency",emptyCycles:"No matching cycles.",emptyModules:"No matching modules.",directionGroup:"Direction to follow from the selected module",directionOutgoing:"Depends on",directionIncoming:"Depended on by",directionBoth:"Both",transitive:"Include indirect",cyclesToggleLabel:a=>`Show only ${a} cycle group(s)`,cyclesCount:a=>`Cycles ${a}`,legendOutgoing:"Depends on",legendIncoming:"Depended on by",legendCycle:"Cycle",edgeLabel:(a,e)=>`${a} depends on ${e}`,cyclicSuffix:a=>`${a}, part of a cycle`,cycleBadge:"Cycle"},ja:{heading:"\u4F9D\u5B58\u95A2\u4FC2\u30B0\u30E9\u30D5",node:"\u30E2\u30B8\u30E5\u30FC\u30EB",edge:"\u4F9D\u5B58",emptyCycles:"\u8A72\u5F53\u3059\u308B\u5FAA\u74B0\u4F9D\u5B58\u306F\u3042\u308A\u307E\u305B\u3093\u3002",emptyModules:"\u8A72\u5F53\u3059\u308B\u30E2\u30B8\u30E5\u30FC\u30EB\u306F\u3042\u308A\u307E\u305B\u3093\u3002",directionGroup:"\u9078\u629E\u3057\u305F\u30E2\u30B8\u30E5\u30FC\u30EB\u304B\u3089\u8FFD\u3046\u65B9\u5411",directionOutgoing:"\u4F9D\u5B58\u5148",directionIncoming:"\u4F9D\u5B58\u5143",directionBoth:"\u4E21\u65B9",transitive:"\u9593\u63A5\u3082\u542B\u3080",cyclesToggleLabel:a=>`\u5FAA\u74B0\u4F9D\u5B58 ${a} \u30B0\u30EB\u30FC\u30D7\u3060\u3051\u8868\u793A`,cyclesCount:a=>`\u5FAA\u74B0 ${a}`,legendOutgoing:"\u4F9D\u5B58\u5148",legendIncoming:"\u4F9D\u5B58\u5143",legendCycle:"\u5FAA\u74B0",edgeLabel:(a,e)=>`${a} \u304C ${e} \u306B\u4F9D\u5B58`,cyclicSuffix:a=>`${a}\u30FB\u5FAA\u74B0\u4F9D\u5B58\u3042\u308A`,cycleBadge:"\u5FAA\u74B0"}}),rt={width:176,height:84},na=E({id:$(p(),S(1)),name:$(p(),S(1)),path:f(p()),layer:f(p()),tags:f(z(p()),[]),description:f(p()),questions:f(p())}),ia=E({id:$(p(),S(1)),from:$(p(),S(1)),to:$(p(),S(1)),contract:f(p()),description:f(p()),questions:f(p())}),oa=E({modules:z(na),dependencies:f(z(ia),[])}),da=()=>({nodes:[],edges:[]}),la=a=>{const e=Y(oa,a),t=new Set;for(const n of e.modules){if(t.has(n.id))throw new Error(`duplicate module id: ${n.id}`);t.add(n.id)}const s=new Set,r=e.dependencies.map(n=>{if(s.has(n.id))throw new Error(`duplicate dependency id: ${n.id}`);if(s.add(n.id),!t.has(n.from))throw new Error(`unknown dependency source: ${n.from}`);if(!t.has(n.to))throw new Error(`unknown dependency target: ${n.to}`);return{id:n.id,from:n.from,to:n.to,tags:[],contract:n.contract??null,description:n.description??null}});return{nodes:e.modules.map(n=>({id:n.id,name:n.name,path:n.path??null,layer:n.layer??null,description:n.description??null,tags:n.tags,width:rt.width,height:rt.height,...n.questions===void 0?{}:{questions:n.questions}})),edges:r}},ca=_`
   .dep-direction {
     display: flex;
-    gap: 1px;
-    padding: 2px;
-    border: 1px solid var(--dpk-rule-strong);
-    border-radius: var(--dpk-radius-xs);
+    gap: 2px;
+    padding: 3px;
+    border: 1px solid var(--dpk-rule);
+    border-radius: var(--dpk-radius-sm);
+    background: var(--dpk-paper-sunken);
+    box-shadow: inset 0 1px 2px var(--dpk-shade-1);
   }
 
   .dep-direction button {
     border: 0;
-    border-radius: 3px;
-    padding: 3px 7px;
+    border-radius: var(--dpk-radius-xs);
+    padding: 4px 8px;
     background: transparent;
     color: var(--dpk-ink-faint);
     font-size: 9.5px;
+    font-weight: 600;
     cursor: pointer;
+    transition:
+      background 160ms var(--dpk-ease),
+      color 160ms var(--dpk-ease),
+      box-shadow 160ms var(--dpk-ease);
   }
 
   .dep-direction button[aria-pressed='true'] {
-    background: var(--dpk-blue-soft);
-    color: var(--dpk-blue);
+    background: var(--dpk-paper-raised);
+    color: var(--dpk-ink);
     font-weight: 650;
+    box-shadow: var(--dpk-bevel), var(--dpk-shadow-xs);
   }
 
   .dep-toggle {
@@ -1117,13 +1252,19 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     border: 1px solid var(--dpk-rule-strong);
     border-radius: var(--dpk-radius-sm);
     background: var(--dpk-paper-raised);
-    box-shadow: var(--dpk-shadow-xs);
+    box-shadow: var(--dpk-bevel), var(--dpk-shadow-xs);
     text-align: left;
     overflow: hidden;
+    transition:
+      border-color 160ms var(--dpk-ease),
+      box-shadow 160ms var(--dpk-ease),
+      transform 160ms var(--dpk-ease);
   }
 
   .dep-module:hover {
     border-color: var(--dpk-blue);
+    box-shadow: var(--dpk-bevel), var(--dpk-shadow-sm);
+    transform: translateY(-1px);
   }
 
   .dep-module.is-cyclic:not(.is-selected) {
@@ -1133,7 +1274,10 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
   .dep-module.is-selected {
     border-color: var(--dpk-blue);
     background: var(--dpk-blue-soft);
-    box-shadow: 0 0 0 3px var(--dpk-blue-soft);
+    box-shadow:
+      var(--dpk-bevel),
+      var(--dpk-shadow-sm),
+      0 0 0 3px var(--dpk-blue-soft);
   }
 
   .dep-module.is-related {
@@ -1249,16 +1393,16 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     fill: var(--dpk-blue);
     stroke: var(--dpk-blue);
   }
-`,hn=[{id:"dep-neutral"},{id:"dep-outgoing"},{id:"dep-incoming"},{id:"dep-cycle"},{id:"dep-selected"}];class it extends te{static{this.styles=[W,pn]}#e="both";#s=!1;#n=!1;#t=[];#a=B;#i=B;parseData(e){return cn(e)}emptyData(){return ln()}defaultHeading(){return Z(this.locale).heading}statsLabels(){const e=Z(this.locale);return{node:e.node,edge:e.edge}}emptyMessage(){const e=Z(this.locale);return this.#n?e.emptyCycles:e.emptyModules}layoutOptions(){return{nodeSpacing:40,layerSpacing:96,padding:32}}relations(e,t){return e===null||e.kind!=="node"?B:{nodes:new Map([...this.#a.nodes,...this.#i.nodes]),edges:new Set([...this.#a.edges,...this.#i.edges])}}refreshContent(){const e=this.items(),t=this.tagFilter,s=e.nodes.filter(o=>K(o.tags,t)),a=new Set(s.map(o=>o.id)),r=e.edges.filter(o=>a.has(o.from)&&a.has(o.to));this.#t=Ss(s.map(o=>o.id),r);const i=this.selection;this.#a=i!==null&&i.kind==="node"&&this.#e!=="incoming"?j(r,i.id,"outgoing",this.#s):B,this.#i=i!==null&&i.kind==="node"&&this.#e!=="outgoing"?j(r,i.id,"incoming",this.#s):B,super.refreshContent()}matchesFilter(e){return this.#n?ke(this.#t).has(e.id):!0}filtered(){const e=super.filtered();if(!this.#n)return e;const t=ke(this.#t),s=e.edges.filter(r=>He(r,t)),a=new Set(s.flatMap(r=>[r.from,r.to]));return{nodes:e.nodes.filter(r=>a.has(r.id)),edges:s}}renderToolbarActions(){const e=Z(this.locale),t=this.#t.length;return g`
+`,pa=[{id:"dep-neutral"},{id:"dep-outgoing"},{id:"dep-incoming"},{id:"dep-cycle"},{id:"dep-selected"}];class nt extends te{static{this.styles=[V,ca]}#e="both";#s=!1;#a=!1;#t=[];#r=B;#n=B;parseData(e){return la(e)}emptyData(){return da()}defaultHeading(){return Z(this.locale).heading}statsLabels(){const e=Z(this.locale);return{node:e.node,edge:e.edge}}emptyMessage(){const e=Z(this.locale);return this.#a?e.emptyCycles:e.emptyModules}layoutOptions(){return{nodeSpacing:40,layerSpacing:96,padding:32}}relations(e,t){return e===null||e.kind!=="node"?B:{nodes:new Map([...this.#r.nodes,...this.#n.nodes]),edges:new Set([...this.#r.edges,...this.#n.edges])}}refreshContent(){const e=this.items(),t=this.tagFilter,s=e.nodes.filter(o=>K(o.tags,t)),r=new Set(s.map(o=>o.id)),i=e.edges.filter(o=>r.has(o.from)&&r.has(o.to));this.#t=Ss(s.map(o=>o.id),i);const n=this.selection;this.#r=n!==null&&n.kind==="node"&&this.#e!=="incoming"?j(i,n.id,"outgoing",this.#s):B,this.#n=n!==null&&n.kind==="node"&&this.#e!=="outgoing"?j(i,n.id,"incoming",this.#s):B,super.refreshContent()}matchesFilter(e){return this.#a?ke(this.#t).has(e.id):!0}filtered(){const e=super.filtered();if(!this.#a)return e;const t=ke(this.#t),s=e.edges.filter(i=>He(i,t)),r=new Set(s.flatMap(i=>[i.from,i.to]));return{nodes:e.nodes.filter(i=>r.has(i.id)),edges:s}}renderToolbarActions(){const e=Z(this.locale),t=this.#t.length;return g`
       <div class="dep-direction" role="group" aria-label=${e.directionGroup}>
-        ${[["outgoing",e.directionOutgoing],["incoming",e.directionIncoming],["both",e.directionBoth]].map(([s,a])=>g`
+        ${[["outgoing",e.directionOutgoing],["incoming",e.directionIncoming],["both",e.directionBoth]].map(([s,r])=>g`
             <button
               type="button"
               data-direction=${s}
               aria-pressed=${this.#e===s?"true":"false"}
-              @click=${()=>this.#r(s)}
+              @click=${()=>this.#i(s)}
             >
-              ${a}
+              ${r}
             </button>
           `)}
       </div>
@@ -1275,10 +1419,10 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
         type="button"
         class="dpk-btn dpk-btn--ghost dep-toggle"
         data-toggle="cycles"
-        aria-pressed=${this.#n?"true":"false"}
+        aria-pressed=${this.#a?"true":"false"}
         aria-label=${e.cyclesToggleLabel(t)}
-        ?disabled=${!this.#n&&t===0}
-        @click=${()=>{this.#n=!this.#n,this.requestUpdate()}}
+        ?disabled=${!this.#a&&t===0}
+        @click=${()=>{this.#a=!this.#a,this.requestUpdate()}}
       >
         ${e.cyclesCount(t)}
       </button>
@@ -1286,7 +1430,7 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
       <span><i class="dep-swatch-outgoing"></i>${e.legendOutgoing}</span>
       <span><i class="dep-swatch-incoming"></i>${e.legendIncoming}</span>
       <span><i class="dep-swatch-cycle"></i>${e.legendCycle}</span>
-    </div>`}#r(e){this.#e=e,this.requestUpdate()}#o(e,t){const s=this.selection;return s!==null&&s.kind==="edge"&&s.id===e.id?"dep-selected":He(e,t)?"dep-cycle":this.#a.edges.has(e.id)?"dep-outgoing":this.#i.edges.has(e.id)?"dep-incoming":"dep-neutral"}renderCanvas(){const e=Z(this.locale),t=this.visible,s=ke(this.#t),a=o=>t.nodes.find(d=>d.id===o)?.name??o,r=t.edges.map(o=>{const d=this.edgeState(o.id),l=this.routeOf(o.id),m=ee(l),b=()=>this.select({kind:"edge",id:o.id});return I`
+    </div>`}#i(e){this.#e=e,this.requestUpdate()}#o(e,t){const s=this.selection;return s!==null&&s.kind==="edge"&&s.id===e.id?"dep-selected":He(e,t)?"dep-cycle":this.#r.edges.has(e.id)?"dep-outgoing":this.#n.edges.has(e.id)?"dep-incoming":"dep-neutral"}renderCanvas(){const e=Z(this.locale),t=this.visible,s=ke(this.#t),r=o=>t.nodes.find(d=>d.id===o)?.name??o,i=t.edges.map(o=>{const d=this.edgeState(o.id),l=this.routeOf(o.id),m=ee(l),b=()=>this.select({kind:"edge",id:o.id});return I`
         <g class=${this.elementClass(d,"d-edge","dep-edge")} data-dependency=${o.id}>
           <title>${[o.contract,o.description].filter(c=>c!==null).join(`
 `)||o.id}</title>
@@ -1296,13 +1440,13 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
             d=${m}
             role="button"
             tabindex="0"
-            aria-label=${e.edgeLabel(a(o.from),a(o.to))}
+            aria-label=${e.edgeLabel(r(o.from),r(o.to))}
             @click=${b}
             @keydown=${c=>{c.key!=="Enter"&&c.key!==" "||(c.preventDefault(),b())}}
           ></path>
-          ${this.renderEdgeCommentTrigger({kind:"edge",id:o.id},`${a(o.from)} \u2192 ${a(o.to)}`,l)}
+          ${this.renderEdgeCommentTrigger({kind:"edge",id:o.id},`${r(o.from)} \u2192 ${r(o.to)}`,l)}
         </g>
-      `}),i=t.nodes.map(o=>{const d=this.placedNode(o.id);if(!d)return w;const l=this.nodeState(o.id),m=s.has(o.id),b=this.#a.nodes.has(o.id),c=this.#i.nodes.has(o.id);return g`
+      `}),n=t.nodes.map(o=>{const d=this.placedNode(o.id);if(!d)return w;const l=this.nodeState(o.id),m=s.has(o.id),b=this.#r.nodes.has(o.id),c=this.#n.nodes.has(o.id);return g`
         <button
           type="button"
           class=${this.elementClass(l,"d-node","dep-module",m&&"is-cyclic",b&&"is-dependency",c&&"is-dependent")}
@@ -1323,7 +1467,7 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
           <span class="dep-path">${o.path??""}</span>
         </button>
         ${this.renderCommentTrigger({kind:"node",id:o.id},o.name,{x:d.x+o.width-20,y:d.y-14})}
-      `});return g`${this.renderEdges(r,hn)}${i}`}}const rt=()=>{customElements.get("dpk-component-dependency-graph")||customElements.define("dpk-component-dependency-graph",it)},ot=(n,e)=>e?{same:"Unchanged",added:"Added",removed:"Removed",changed:"Changed"}[n]:{same:"\u5909\u66F4\u306A\u3057",added:"\u8FFD\u52A0",removed:"\u524A\u9664",changed:"\u5909\u66F4"}[n],J=N({en:{heading:"ERD",node:"Table",edge:"Relation",empty:"No matching tables.",search:"Search",legendAdded:"Added",legendRemoved:"Removed",legendChanged:"Changed",statusLabel:n=>ot(n,!0),edgeLabel:(n,e)=>`${n} and ${e}, related`,nullable:"nullable"},ja:{heading:"ER\u56F3",node:"\u30C6\u30FC\u30D6\u30EB",edge:"\u95A2\u9023",empty:"\u8A72\u5F53\u3059\u308B\u30C6\u30FC\u30D6\u30EB\u306F\u3042\u308A\u307E\u305B\u3093\u3002",search:"\u691C\u7D22",legendAdded:"\u8FFD\u52A0",legendRemoved:"\u524A\u9664",legendChanged:"\u5909\u66F4",statusLabel:n=>ot(n,!1),edgeLabel:(n,e)=>`${n} \u3068 ${e} \u306E\u95A2\u9023`,nullable:"null\u53EF"}}),dt=276,Se=74,un=28,mn=44,gn=E({id:$(p(),S(1)),type:$(p(),S(1)),key:f(U(["PK","FK","UQ"])),ref:f(p()),nullable:f(ge(),!1),questions:f(p())}),fn=E({id:$(p(),S(1)),name:$(p(),S(1)),tags:f(z(p()),[]),fields:z(gn),questions:f(p())}),lt=E({tables:z(fn)}),bn=E({before:f(lt),after:lt}),kn=()=>({nodes:[],edges:[]}),ct=n=>({id:n.id,type:n.type,key:n.key??null,ref:n.ref??null,nullable:n.nullable,questions:n.questions??null}),pt=(n,e)=>n.type===e.type&&n.key===e.key&&n.ref===e.ref&&n.nullable===e.nullable,pe=n=>n.status==="changed"?mn:un,ht=n=>Se+n.reduce((e,t)=>e+pe(t),0),ut=(n,e)=>{let t=Se;for(const s of n){if(s.id===e)return t+pe(s)/2;t+=pe(s)}return Se/2},mt=n=>n.flatMap(e=>e.fields.flatMap(t=>{if(t.ref===void 0)return[];const[s,a]=t.ref.split(".");if(s===void 0||a===void 0)throw new Error(`invalid ref "${t.ref}" on ${e.id}.${t.id}; expected table.field`);return[{id:`${s}:${a}>${e.id}:${t.id}`,from:s,to:e.id,sourceField:a,targetField:t.id}]})),xn=(n,e)=>[...new Set([...n,...e].map(s=>s.id))].flatMap(s=>{const a=n.find(l=>l.id===s),r=e.find(l=>l.id===s),i=r??a;if(!i)return[];const o=ct(i);if(!a)return[{...o,status:"added",before:null}];if(!r)return[{...o,status:"removed",before:null}];const d=ct(a);return[{...o,status:pt(d,o)?"same":"changed",before:pt(d,o)?null:d}]}),vn=n=>{const e=V(bn,n),t=e.before?.tables??e.after.tables,s=e.after.tables,a=[...new Set([...t,...s].map(h=>h.id))],r=new Map;for(const h of[...t,...s])r.set(h.id,h.tags);const i=a.flatMap(h=>{const M=t.find(O=>O.id===h),v=s.find(O=>O.id===h),k=v??M;if(!k)return[];const C=xn(M?.fields??[],v?.fields??[]),T=M?v?C.some(O=>O.status!=="same")?"changed":"same":"removed":"added";return[{id:h,name:k.name,status:T,fields:C,tags:r.get(h)??[],width:dt,height:ht(C),...k.questions===void 0?{}:{questions:k.questions}}]}),o=new Map(i.map(h=>[h.id,h])),d=mt(t),l=mt(s),b=[...new Set([...d,...l].map(h=>h.id))].flatMap(h=>{const M=d.find(P=>P.id===h),v=l.find(P=>P.id===h),k=v??M;if(!k)return[];const C=o.get(k.from),T=o.get(k.to);if(!C||!T)return[];const O=M?v?"same":"removed":"added";return[{id:h,from:k.from,to:k.to,sourceField:k.sourceField,targetField:k.targetField,status:O,tags:[],fromPort:`${h}:out`,toPort:`${h}:in`}]}),c=h=>{const M={},v={};for(const k of b)k.from===h.id&&(M[`${k.id}:out`]={x:dt,y:ut(h.fields,k.sourceField)}),k.to===h.id&&(v[`${k.id}:in`]={x:0,y:ut(h.fields,k.targetField)});return{out:M,in:v}};return{nodes:i.map(h=>{const M=c(h);return{...h,ports:{...M.out,...M.in}}}),edges:b}},yn=_`
+      `});return g`${this.renderEdges(i,pa)}${n}`}}const it=()=>{customElements.get("dpk-component-dependency-graph")||customElements.define("dpk-component-dependency-graph",nt)},ot=(a,e)=>e?{same:"Unchanged",added:"Added",removed:"Removed",changed:"Changed"}[a]:{same:"\u5909\u66F4\u306A\u3057",added:"\u8FFD\u52A0",removed:"\u524A\u9664",changed:"\u5909\u66F4"}[a],J=N({en:{heading:"ERD",node:"Table",edge:"Relation",empty:"No matching tables.",search:"Search",legendAdded:"Added",legendRemoved:"Removed",legendChanged:"Changed",statusLabel:a=>ot(a,!0),edgeLabel:(a,e)=>`${a} and ${e}, related`,nullable:"nullable"},ja:{heading:"ER\u56F3",node:"\u30C6\u30FC\u30D6\u30EB",edge:"\u95A2\u9023",empty:"\u8A72\u5F53\u3059\u308B\u30C6\u30FC\u30D6\u30EB\u306F\u3042\u308A\u307E\u305B\u3093\u3002",search:"\u691C\u7D22",legendAdded:"\u8FFD\u52A0",legendRemoved:"\u524A\u9664",legendChanged:"\u5909\u66F4",statusLabel:a=>ot(a,!1),edgeLabel:(a,e)=>`${a} \u3068 ${e} \u306E\u95A2\u9023`,nullable:"null\u53EF"}}),dt=276,Se=74,ha=28,ua=44,ma=E({id:$(p(),S(1)),type:$(p(),S(1)),key:f(U(["PK","FK","UQ"])),ref:f(p()),nullable:f(ge(),!1),questions:f(p())}),ga=E({id:$(p(),S(1)),name:$(p(),S(1)),tags:f(z(p()),[]),fields:z(ma),questions:f(p())}),lt=E({tables:z(ga)}),fa=E({before:f(lt),after:lt}),ba=()=>({nodes:[],edges:[]}),ct=a=>({id:a.id,type:a.type,key:a.key??null,ref:a.ref??null,nullable:a.nullable,questions:a.questions??null}),pt=(a,e)=>a.type===e.type&&a.key===e.key&&a.ref===e.ref&&a.nullable===e.nullable,pe=a=>a.status==="changed"?ua:ha,ht=a=>Se+a.reduce((e,t)=>e+pe(t),0),ut=(a,e)=>{let t=Se;for(const s of a){if(s.id===e)return t+pe(s)/2;t+=pe(s)}return Se/2},mt=a=>a.flatMap(e=>e.fields.flatMap(t=>{if(t.ref===void 0)return[];const[s,r]=t.ref.split(".");if(s===void 0||r===void 0)throw new Error(`invalid ref "${t.ref}" on ${e.id}.${t.id}; expected table.field`);return[{id:`${s}:${r}>${e.id}:${t.id}`,from:s,to:e.id,sourceField:r,targetField:t.id}]})),ka=(a,e)=>[...new Set([...a,...e].map(s=>s.id))].flatMap(s=>{const r=a.find(l=>l.id===s),i=e.find(l=>l.id===s),n=i??r;if(!n)return[];const o=ct(n);if(!r)return[{...o,status:"added",before:null}];if(!i)return[{...o,status:"removed",before:null}];const d=ct(r);return[{...o,status:pt(d,o)?"same":"changed",before:pt(d,o)?null:d}]}),xa=a=>{const e=Y(fa,a),t=e.before?.tables??e.after.tables,s=e.after.tables,r=[...new Set([...t,...s].map(h=>h.id))],i=new Map;for(const h of[...t,...s])i.set(h.id,h.tags);const n=r.flatMap(h=>{const M=t.find(O=>O.id===h),v=s.find(O=>O.id===h),k=v??M;if(!k)return[];const C=ka(M?.fields??[],v?.fields??[]),T=M?v?C.some(O=>O.status!=="same")?"changed":"same":"removed":"added";return[{id:h,name:k.name,status:T,fields:C,tags:i.get(h)??[],width:dt,height:ht(C),...k.questions===void 0?{}:{questions:k.questions}}]}),o=new Map(n.map(h=>[h.id,h])),d=mt(t),l=mt(s),b=[...new Set([...d,...l].map(h=>h.id))].flatMap(h=>{const M=d.find(P=>P.id===h),v=l.find(P=>P.id===h),k=v??M;if(!k)return[];const C=o.get(k.from),T=o.get(k.to);if(!C||!T)return[];const O=M?v?"same":"removed":"added";return[{id:h,from:k.from,to:k.to,sourceField:k.sourceField,targetField:k.targetField,status:O,tags:[],fromPort:`${h}:out`,toPort:`${h}:in`}]}),c=h=>{const M={},v={};for(const k of b)k.from===h.id&&(M[`${k.id}:out`]={x:dt,y:ut(h.fields,k.sourceField)}),k.to===h.id&&(v[`${k.id}:in`]={x:0,y:ut(h.fields,k.targetField)});return{out:M,in:v}};return{nodes:n.map(h=>{const M=c(h);return{...h,ports:{...M.out,...M.in}}}),edges:b}},va=_`
   .er-search {
     display: flex;
     align-items: center;
@@ -1342,9 +1486,18 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     border: 1px solid var(--dpk-rule-strong);
     border-radius: var(--dpk-radius-sm);
     background: var(--dpk-paper-raised);
-    box-shadow: var(--dpk-shadow-xs);
+    box-shadow: var(--dpk-bevel), var(--dpk-shadow-xs);
     overflow: hidden;
     cursor: default;
+    transition:
+      border-color 160ms var(--dpk-ease),
+      box-shadow 160ms var(--dpk-ease),
+      transform 160ms var(--dpk-ease);
+  }
+
+  .er-table:hover {
+    box-shadow: var(--dpk-bevel), var(--dpk-shadow-sm);
+    transform: translateY(-1px);
   }
 
   .er-table.is-added {
@@ -1361,7 +1514,10 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
 
   .er-table.is-selected {
     border-color: var(--dpk-blue);
-    box-shadow: 0 0 0 3px var(--dpk-blue-soft);
+    box-shadow:
+      var(--dpk-bevel),
+      var(--dpk-shadow-sm),
+      0 0 0 3px var(--dpk-blue-soft);
   }
 
   .er-table.is-related {
@@ -1480,17 +1636,20 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
   }
 
   .er-field.is-added {
-    background: color-mix(in srgb, var(--dpk-green) 7%, transparent);
+    background: color-mix(in srgb, var(--dpk-green) 10%, transparent);
+    box-shadow: inset 2px 0 0 var(--dpk-green);
   }
 
   .er-field.is-removed {
-    background: color-mix(in srgb, var(--dpk-accent) 7%, transparent);
+    background: color-mix(in srgb, var(--dpk-accent) 10%, transparent);
+    box-shadow: inset 2px 0 0 var(--dpk-accent);
     text-decoration: line-through;
     color: var(--dpk-ink-faint);
   }
 
   .er-field.is-changed {
-    background: color-mix(in srgb, var(--dpk-amber) 7%, transparent);
+    background: color-mix(in srgb, var(--dpk-amber) 10%, transparent);
+    box-shadow: inset 2px 0 0 var(--dpk-amber);
   }
 
   .er-field.is-match {
@@ -1628,7 +1787,7 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     fill: var(--dpk-blue);
     stroke: var(--dpk-blue);
   }
-`,wn=[{id:"er-neutral"},{id:"er-added"},{id:"er-removed"},{id:"er-selected"}],gt={same:"",added:"+",removed:"\u2212",changed:"~"};class ft extends te{static{this.styles=[W,yn]}#e="";parseData(e){return vn(e)}emptyData(){return kn()}defaultHeading(){return J(this.locale).heading}statsLabels(){const e=J(this.locale);return{node:e.node,edge:e.edge}}emptyMessage(){return J(this.locale).empty}layoutOptions(){return{nodeSpacing:38,layerSpacing:96,padding:32}}matchesFilter(e){return this.#e===""?!0:[e.id,e.name,...e.fields.map(t=>t.id)].some(t=>t.toLowerCase().includes(this.#e))}relations(e,t){if(e===null||e.kind!=="node")return B;const s=j(t.edges,e.id,"outgoing",!1),a=j(t.edges,e.id,"incoming",!1);return{nodes:new Map([...s.nodes,...a.nodes]),edges:new Set([...s.edges,...a.edges])}}renderToolbarActions(){const e=J(this.locale);return g`
+`,ya=[{id:"er-neutral"},{id:"er-added"},{id:"er-removed"},{id:"er-selected"}],gt={same:"",added:"+",removed:"\u2212",changed:"~"};class ft extends te{static{this.styles=[V,va]}#e="";parseData(e){return xa(e)}emptyData(){return ba()}defaultHeading(){return J(this.locale).heading}statsLabels(){const e=J(this.locale);return{node:e.node,edge:e.edge}}emptyMessage(){return J(this.locale).empty}layoutOptions(){return{nodeSpacing:38,layerSpacing:96,padding:32}}matchesFilter(e){return this.#e===""?!0:[e.id,e.name,...e.fields.map(t=>t.id)].some(t=>t.toLowerCase().includes(this.#e))}relations(e,t){if(e===null||e.kind!=="node")return B;const s=j(t.edges,e.id,"outgoing",!1),r=j(t.edges,e.id,"incoming",!1);return{nodes:new Map([...s.nodes,...r.nodes]),edges:new Set([...s.edges,...r.edges])}}renderToolbarActions(){const e=J(this.locale);return g`
       <label class="er-search">
         <span class="dpk-label">${e.search}</span>
         <input
@@ -1643,28 +1802,28 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
       <span><i class="er-swatch-added"></i>${e.legendAdded}</span>
       <span><i class="er-swatch-removed"></i>${e.legendRemoved}</span>
       <span><i class="er-swatch-changed"></i>${e.legendChanged}</span>
-    </div>`}#s(e){const t=this.selection;return t!==null&&t.kind==="edge"?"er-selected":e==="added"?"er-added":e==="removed"?"er-removed":"er-neutral"}renderCanvas(){const e=J(this.locale),t=this.visible,s=t.edges.map(a=>{const r=this.edgeState(a.id),i=this.routeOf(a.id),o=ee(i),d=()=>this.select({kind:"edge",id:a.id});return I`
-        <g class=${this.elementClass(r,"d-edge","er-edge",`is-${a.status}`)} data-relation=${a.id}>
-          <title>${`${a.from}.${a.sourceField} \u2192 ${a.to}.${a.targetField}`}</title>
-          <path class="d-edge-path" d=${o} marker-end=${`url(#${this.#s(a.status)})`}></path>
+    </div>`}#s(e){const t=this.selection;return t!==null&&t.kind==="edge"?"er-selected":e==="added"?"er-added":e==="removed"?"er-removed":"er-neutral"}renderCanvas(){const e=J(this.locale),t=this.visible,s=t.edges.map(r=>{const i=this.edgeState(r.id),n=this.routeOf(r.id),o=ee(n),d=()=>this.select({kind:"edge",id:r.id});return I`
+        <g class=${this.elementClass(i,"d-edge","er-edge",`is-${r.status}`)} data-relation=${r.id}>
+          <title>${`${r.from}.${r.sourceField} \u2192 ${r.to}.${r.targetField}`}</title>
+          <path class="d-edge-path" d=${o} marker-end=${`url(#${this.#s(r.status)})`}></path>
           <path
             class="d-edge-hit"
             d=${o}
             role="button"
             tabindex="0"
-            aria-label=${e.edgeLabel(a.from,a.to)}
+            aria-label=${e.edgeLabel(r.from,r.to)}
             @click=${d}
             @keydown=${l=>{l.key!=="Enter"&&l.key!==" "||(l.preventDefault(),d())}}
           ></path>
-          ${i.length>0?this.#n(i,a.status):w}
-          ${this.renderEdgeCommentTrigger({kind:"edge",id:a.id},`${a.from}.${a.sourceField} \u2192 ${a.to}.${a.targetField}`,i)}
+          ${n.length>0?this.#a(n,r.status):w}
+          ${this.renderEdgeCommentTrigger({kind:"edge",id:r.id},`${r.from}.${r.sourceField} \u2192 ${r.to}.${r.targetField}`,n)}
         </g>
-      `});return g`${this.renderEdges(s,wn)}${t.nodes.map(a=>this.#t(a,e))}`}#n(e,t){const s=e[0],a=e.at(-1);return!s||!a?g``:I`
+      `});return g`${this.renderEdges(s,ya)}${t.nodes.map(r=>this.#t(r,e))}`}#a(e,t){const s=e[0],r=e.at(-1);return!s||!r?g``:I`
       <text class="er-cardinality is-${t}" x=${s.x+9} y=${s.y-5}>1</text>
-      <text class="er-cardinality is-${t}" x=${a.x-13} y=${a.y-5}>N</text>
-    `}#t(e,t){const s=this.placedNode(e.id);if(!s)return w;const a=this.nodeState(e.id);return g`
+      <text class="er-cardinality is-${t}" x=${r.x-13} y=${r.y-5}>N</text>
+    `}#t(e,t){const s=this.placedNode(e.id);if(!s)return w;const r=this.nodeState(e.id);return g`
       <div
-        class=${this.elementClass(a,"d-node","er-table",`is-${e.status}`)}
+        class=${this.elementClass(r,"d-node","er-table",`is-${e.status}`)}
         data-er-table=${e.id}
         data-grill-questions=${this.questionsOf(e)}
         style="left:${s.x}px; top:${s.y}px; width:${e.width}px; height:${ht(e.fields)}px"
@@ -1673,7 +1832,7 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
           type="button"
           class="er-head"
           data-table=${e.id}
-          aria-pressed=${a.selected?"true":"false"}
+          aria-pressed=${r.selected?"true":"false"}
           title=${`${e.id} / ${e.name}`}
           @click=${()=>this.select({kind:"node",id:e.id})}
         >
@@ -1683,11 +1842,11 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
           <span class="dpk-label er-status">${t.statusLabel(e.status)}</span>
         </button>
         ${this.renderCommentTrigger({kind:"node",id:e.id},`${e.id} \xB7 ${e.name}`)}
-        <div class="er-fields">${e.fields.map(r=>this.#a(r,t))}</div>
+        <div class="er-fields">${e.fields.map(i=>this.#r(i,t))}</div>
       </div>
-    `}#a(e,t){const s=r=>[r.type,r.key??"\u2014",r.ref??null,r.nullable?t.nullable:null].filter(Boolean).join(" \xB7 "),a=this.#e!==""&&e.id.toLowerCase().includes(this.#e);return g`
+    `}#r(e,t){const s=i=>[i.type,i.key??"\u2014",i.ref??null,i.nullable?t.nullable:null].filter(Boolean).join(" \xB7 "),r=this.#e!==""&&e.id.toLowerCase().includes(this.#e);return g`
       <div
-        class="er-field is-${e.status} ${a?"is-match":""}"
+        class="er-field is-${e.status} ${r?"is-match":""}"
         style="height:${pe(e)}px"
         data-grill-questions=${this.questionsOf(e)}
         title=${[t.statusLabel(e.status),e.id,s(e)].filter(Boolean).join(" / ")}
@@ -1700,7 +1859,7 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
                 <ins>+ ${s(e)}</ins>
               </span>`:g`<span class="er-field-type">${s(e)}</span>`}
       </div>
-    `}}const bt=()=>{customElements.get("dpk-component-er-diagram")||customElements.define("dpk-component-er-diagram",ft)},ne=N({en:{heading:"Architecture",node:"Service",edge:"Connection",empty:"No matching services.",boundaries:"Boundaries",edgeLabel:(n,e)=>`Connection from ${n} to ${e}`,artworkCredit:n=>`Icon credit: ${n}`},ja:{heading:"\u30A2\u30FC\u30AD\u30C6\u30AF\u30C1\u30E3\u56F3",node:"\u30B5\u30FC\u30D3\u30B9",edge:"\u63A5\u7D9A",empty:"\u8A72\u5F53\u3059\u308B\u30B5\u30FC\u30D3\u30B9\u306F\u3042\u308A\u307E\u305B\u3093\u3002",boundaries:"\u5883\u754C",edgeLabel:(n,e)=>`${n} \u304B\u3089 ${e} \u3078\u306E\u63A5\u7D9A`,artworkCredit:n=>`\u30A2\u30A4\u30B3\u30F3\u51FA\u5178: ${n}`}}),kt={width:220,height:112},he=26,$n=E({src:$(p(),S(1)),alt:$(p(),S(1)),license:f(p())}),Sn=E({id:$(p(),S(1)),name:$(p(),S(1)),description:f(p()),boundary:f(p()),symbol:f(p()),tags:f(z(p()),[]),artwork:f($n),position:E({x:Q(),y:Q()}),questions:f(p())}),Mn=E({id:$(p(),S(1)),label:$(p(),S(1)),kind:f(U(["internal","external"]),"internal")}),Cn=E({id:$(p(),S(1)),from:$(p(),S(1)),to:$(p(),S(1)),label:f(p())}),qn=E({boundaries:f(z(Mn),[]),services:z(Sn),links:f(z(Cn),[])}),En=()=>({nodes:[],edges:[],boundaries:[]}),Dn=n=>{const e=V(qn,n),t=new Set;for(const o of e.boundaries){if(t.has(o.id))throw new Error(`duplicate boundary id: ${o.id}`);t.add(o.id)}const s=new Set,a=e.services.map(o=>{if(s.has(o.id))throw new Error(`duplicate service id: ${o.id}`);if(s.add(o.id),o.boundary!==void 0&&!t.has(o.boundary))throw new Error(`unknown boundary: ${o.boundary}`);return{id:o.id,name:o.name,description:o.description??null,boundary:o.boundary??null,symbol:o.symbol??null,artwork:o.artwork?{src:o.artwork.src,alt:o.artwork.alt,license:o.artwork.license??null}:null,tags:o.tags,width:kt.width,height:kt.height,position:o.position,...o.questions===void 0?{}:{questions:o.questions}}}),r=new Set,i=e.links.map(o=>{if(r.has(o.id))throw new Error(`duplicate link id: ${o.id}`);if(r.add(o.id),!s.has(o.from))throw new Error(`unknown link source: ${o.from}`);if(!s.has(o.to))throw new Error(`unknown link target: ${o.to}`);return{id:o.id,from:o.from,to:o.to,label:o.label??null,tags:[]}});return{nodes:a,edges:i,boundaries:e.boundaries.map(o=>({id:o.id,label:o.label,kind:o.kind}))}},Me={left:he,top:he*1.6,right:he,bottom:he},zn={left:0,top:0,right:0,bottom:0},Tn=12,xt=n=>({left:Math.min(...n.map(e=>e.position?.x??0)),top:Math.min(...n.map(e=>e.position?.y??0)),right:Math.max(...n.map(e=>(e.position?.x??0)+e.width)),bottom:Math.max(...n.map(e=>(e.position?.y??0)+e.height))}),An=(n,e,t,s)=>{const a=n.left-e.left<t.right+s.right&&t.left-s.left<n.right+e.right,r=n.top-e.top<t.bottom+s.bottom&&t.top-s.top<n.bottom+e.bottom;if(!a||!r)return e;const i=Math.max(t.left-n.right,n.left-t.right),o=Math.max(t.top-n.bottom,n.top-t.bottom);if(i<0&&o<0)return e;const d=(l,m,b)=>l===0?0:Math.max(0,b-Tn)*l/(l+m);return i>=o?t.left>=n.right?{...e,right:Math.min(e.right,d(e.right,s.left,i))}:{...e,left:Math.min(e.left,d(e.left,s.right,i))}:t.top>=n.bottom?{...e,bottom:Math.min(e.bottom,d(e.bottom,s.top,o))}:{...e,top:Math.min(e.top,d(e.top,s.bottom,o))}},Ln=(n,e)=>{const t=e.flatMap(a=>{const r=n.filter(i=>i.boundary===a.id);return r.length===0?[]:[{boundary:a,bounds:xt(r)}]}),s=[...t.map(a=>({id:a.boundary.id,bounds:a.bounds,padding:Me})),...n.filter(a=>a.boundary===null||!t.some(r=>r.boundary.id===a.boundary)).map(a=>({id:null,bounds:xt([a]),padding:zn}))];return t.map(({boundary:a,bounds:r})=>{const i=s.filter(l=>l.id!==a.id).map(l=>An(r,Me,l.bounds,l.padding)).reduce((l,m)=>({left:Math.min(l.left,m.left),top:Math.min(l.top,m.top),right:Math.min(l.right,m.right),bottom:Math.min(l.bottom,m.bottom)}),Me),o=r.left-i.left,d=r.top-i.top;return{boundary:a,x:o,y:d,width:r.right+i.right-o,height:r.bottom+i.bottom-d}})},On=(n,e)=>{const t=r=>r.y+r.height/2,s=r=>r.x+r.width/2,a=(r,i,o)=>{if(o?r.y===i.y:r.x===i.x)return[r,i];if(o){const l=(r.x+i.x)/2;return[r,{x:l,y:r.y},{x:l,y:i.y},i]}const d=(r.y+i.y)/2;return[r,{x:r.x,y:d},{x:i.x,y:d},i]};return e.x>=n.x+n.width?a({x:n.x+n.width,y:t(n)},{x:e.x,y:t(e)},!0):n.x>=e.x+e.width?a({x:n.x,y:t(n)},{x:e.x+e.width,y:t(e)},!0):e.y>=n.y+n.height?a({x:s(n),y:n.y+n.height},{x:s(e),y:e.y},!1):n.y>=e.y+e.height?a({x:s(n),y:n.y},{x:s(e),y:e.y+e.height},!1):null},Rn=(n,e)=>{const t=new Map(n.nodes.map(a=>[a.id,a])),s=n.routes.map(a=>{const r=e.find(l=>l.id===a.id),i=r?t.get(r.from):void 0,o=r?t.get(r.to):void 0,d=i&&o&&i!==o?On(i,o):null;return d===null?a:{id:a.id,points:d}});return{...n,routes:s}},In=_`
+    `}}const bt=()=>{customElements.get("dpk-component-er-diagram")||customElements.define("dpk-component-er-diagram",ft)},ae=N({en:{heading:"Architecture",node:"Service",edge:"Connection",empty:"No matching services.",boundaries:"Boundaries",edgeLabel:(a,e)=>`Connection from ${a} to ${e}`,artworkCredit:a=>`Icon credit: ${a}`},ja:{heading:"\u30A2\u30FC\u30AD\u30C6\u30AF\u30C1\u30E3\u56F3",node:"\u30B5\u30FC\u30D3\u30B9",edge:"\u63A5\u7D9A",empty:"\u8A72\u5F53\u3059\u308B\u30B5\u30FC\u30D3\u30B9\u306F\u3042\u308A\u307E\u305B\u3093\u3002",boundaries:"\u5883\u754C",edgeLabel:(a,e)=>`${a} \u304B\u3089 ${e} \u3078\u306E\u63A5\u7D9A`,artworkCredit:a=>`\u30A2\u30A4\u30B3\u30F3\u51FA\u5178: ${a}`}}),kt={width:220,height:112},he=26,wa=E({src:$(p(),S(1)),alt:$(p(),S(1)),license:f(p())}),$a=E({id:$(p(),S(1)),name:$(p(),S(1)),description:f(p()),boundary:f(p()),symbol:f(p()),tags:f(z(p()),[]),artwork:f(wa),position:E({x:Q(),y:Q()}),questions:f(p())}),Sa=E({id:$(p(),S(1)),label:$(p(),S(1)),kind:f(U(["internal","external"]),"internal")}),Ma=E({id:$(p(),S(1)),from:$(p(),S(1)),to:$(p(),S(1)),label:f(p())}),Ca=E({boundaries:f(z(Sa),[]),services:z($a),links:f(z(Ma),[])}),qa=()=>({nodes:[],edges:[],boundaries:[]}),Ea=a=>{const e=Y(Ca,a),t=new Set;for(const o of e.boundaries){if(t.has(o.id))throw new Error(`duplicate boundary id: ${o.id}`);t.add(o.id)}const s=new Set,r=e.services.map(o=>{if(s.has(o.id))throw new Error(`duplicate service id: ${o.id}`);if(s.add(o.id),o.boundary!==void 0&&!t.has(o.boundary))throw new Error(`unknown boundary: ${o.boundary}`);return{id:o.id,name:o.name,description:o.description??null,boundary:o.boundary??null,symbol:o.symbol??null,artwork:o.artwork?{src:o.artwork.src,alt:o.artwork.alt,license:o.artwork.license??null}:null,tags:o.tags,width:kt.width,height:kt.height,position:o.position,...o.questions===void 0?{}:{questions:o.questions}}}),i=new Set,n=e.links.map(o=>{if(i.has(o.id))throw new Error(`duplicate link id: ${o.id}`);if(i.add(o.id),!s.has(o.from))throw new Error(`unknown link source: ${o.from}`);if(!s.has(o.to))throw new Error(`unknown link target: ${o.to}`);return{id:o.id,from:o.from,to:o.to,label:o.label??null,tags:[]}});return{nodes:r,edges:n,boundaries:e.boundaries.map(o=>({id:o.id,label:o.label,kind:o.kind}))}},Me={left:he,top:he*1.6,right:he,bottom:he},Da={left:0,top:0,right:0,bottom:0},za=12,xt=a=>({left:Math.min(...a.map(e=>e.position?.x??0)),top:Math.min(...a.map(e=>e.position?.y??0)),right:Math.max(...a.map(e=>(e.position?.x??0)+e.width)),bottom:Math.max(...a.map(e=>(e.position?.y??0)+e.height))}),Ta=(a,e,t,s)=>{const r=a.left-e.left<t.right+s.right&&t.left-s.left<a.right+e.right,i=a.top-e.top<t.bottom+s.bottom&&t.top-s.top<a.bottom+e.bottom;if(!r||!i)return e;const n=Math.max(t.left-a.right,a.left-t.right),o=Math.max(t.top-a.bottom,a.top-t.bottom);if(n<0&&o<0)return e;const d=(l,m,b)=>l===0?0:Math.max(0,b-za)*l/(l+m);return n>=o?t.left>=a.right?{...e,right:Math.min(e.right,d(e.right,s.left,n))}:{...e,left:Math.min(e.left,d(e.left,s.right,n))}:t.top>=a.bottom?{...e,bottom:Math.min(e.bottom,d(e.bottom,s.top,o))}:{...e,top:Math.min(e.top,d(e.top,s.bottom,o))}},Aa=(a,e)=>{const t=e.flatMap(r=>{const i=a.filter(n=>n.boundary===r.id);return i.length===0?[]:[{boundary:r,bounds:xt(i)}]}),s=[...t.map(r=>({id:r.boundary.id,bounds:r.bounds,padding:Me})),...a.filter(r=>r.boundary===null||!t.some(i=>i.boundary.id===r.boundary)).map(r=>({id:null,bounds:xt([r]),padding:Da}))];return t.map(({boundary:r,bounds:i})=>{const n=s.filter(l=>l.id!==r.id).map(l=>Ta(i,Me,l.bounds,l.padding)).reduce((l,m)=>({left:Math.min(l.left,m.left),top:Math.min(l.top,m.top),right:Math.min(l.right,m.right),bottom:Math.min(l.bottom,m.bottom)}),Me),o=i.left-n.left,d=i.top-n.top;return{boundary:r,x:o,y:d,width:i.right+n.right-o,height:i.bottom+n.bottom-d}})},La=(a,e)=>{const t=i=>i.y+i.height/2,s=i=>i.x+i.width/2,r=(i,n,o)=>{if(o?i.y===n.y:i.x===n.x)return[i,n];if(o){const l=(i.x+n.x)/2;return[i,{x:l,y:i.y},{x:l,y:n.y},n]}const d=(i.y+n.y)/2;return[i,{x:i.x,y:d},{x:n.x,y:d},n]};return e.x>=a.x+a.width?r({x:a.x+a.width,y:t(a)},{x:e.x,y:t(e)},!0):a.x>=e.x+e.width?r({x:a.x,y:t(a)},{x:e.x+e.width,y:t(e)},!0):e.y>=a.y+a.height?r({x:s(a),y:a.y+a.height},{x:s(e),y:e.y},!1):a.y>=e.y+e.height?r({x:s(a),y:a.y},{x:s(e),y:e.y+e.height},!1):null},Oa=(a,e)=>{const t=new Map(a.nodes.map(r=>[r.id,r])),s=a.routes.map(r=>{const i=e.find(l=>l.id===r.id),n=i?t.get(i.from):void 0,o=i?t.get(i.to):void 0,d=n&&o&&n!==o?La(n,o):null;return d===null?r:{id:r.id,points:d}});return{...a,routes:s}},Ra=_`
   .arch-toggle {
     min-height: 26px;
     padding: 0 9px;
@@ -1715,7 +1874,7 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
 
   .arch-boundary {
     position: absolute;
-    border: 1px dashed var(--dpk-rule-strong);
+    border: 1.5px dashed var(--dpk-rule-strong);
     border-radius: var(--dpk-radius-lg);
     background: color-mix(in srgb, var(--dpk-blue) 3%, transparent);
     pointer-events: none;
@@ -1730,6 +1889,10 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     position: absolute;
     top: 9px;
     left: 14px;
+    padding: 2px 7px;
+    border-radius: 999px;
+    background: var(--dpk-glass);
+    backdrop-filter: blur(8px);
     font-family: var(--dpk-mono);
     font-size: 9px;
     letter-spacing: 0.1em;
@@ -1746,18 +1909,27 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     border: 1px solid var(--dpk-rule-strong);
     border-radius: var(--dpk-radius-sm);
     background: var(--dpk-paper-raised);
-    box-shadow: var(--dpk-shadow-xs);
+    box-shadow: var(--dpk-bevel), var(--dpk-shadow-xs);
     text-align: left;
     overflow: hidden;
+    transition:
+      border-color 160ms var(--dpk-ease),
+      box-shadow 160ms var(--dpk-ease),
+      transform 160ms var(--dpk-ease);
   }
 
   .arch-service:hover {
     border-color: var(--dpk-blue);
+    box-shadow: var(--dpk-bevel), var(--dpk-shadow-sm);
+    transform: translateY(-1px);
   }
 
   .arch-service.is-selected {
     border-color: var(--dpk-blue);
-    box-shadow: 0 0 0 3px var(--dpk-blue-soft);
+    box-shadow:
+      var(--dpk-bevel),
+      var(--dpk-shadow-sm),
+      0 0 0 3px var(--dpk-blue-soft);
   }
 
   .arch-service.is-related {
@@ -1781,6 +1953,7 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     color: var(--dpk-ink-faint);
     font-family: var(--dpk-mono);
     font-size: 12px;
+    box-shadow: inset 0 1px 2px var(--dpk-shade-1);
   }
 
   .arch-body {
@@ -1842,7 +2015,7 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     fill: var(--dpk-blue);
     stroke: var(--dpk-blue);
   }
-`,Pn=[{id:"arch-neutral"},{id:"arch-selected"}];class vt extends te{static{this.styles=[W,In]}#e=!0;parseData(e){return Dn(e)}emptyData(){return En()}defaultHeading(){return ne(this.locale).heading}statsLabels(){const e=ne(this.locale);return{node:e.node,edge:e.edge}}emptyMessage(){return ne(this.locale).empty}get layoutMode(){return"fixed"}layoutOptions(){return{padding:40}}computePlacement(e){return Rn(super.computePlacement(e),e.edges)}isEmpty(){return this.visible.nodes.length===0}contentSize(){const e=super.contentSize();if(e===null)return null;const t=this.#s();return t.length===0?e:{width:Math.max(e.width,...t.map(s=>s.x+s.width)),height:Math.max(e.height,...t.map(s=>s.y+s.height))}}relations(e,t){if(e===null||e.kind!=="node")return B;const s=j(t.edges,e.id,"outgoing",!1),a=j(t.edges,e.id,"incoming",!1);return{nodes:new Map([...s.nodes,...a.nodes]),edges:new Set([...s.edges,...a.edges])}}renderToolbarActions(){const e=ne(this.locale);return g`
+`,Ia=[{id:"arch-neutral"},{id:"arch-selected"}];class vt extends te{static{this.styles=[V,Ra]}#e=!0;parseData(e){return Ea(e)}emptyData(){return qa()}defaultHeading(){return ae(this.locale).heading}statsLabels(){const e=ae(this.locale);return{node:e.node,edge:e.edge}}emptyMessage(){return ae(this.locale).empty}get layoutMode(){return"fixed"}layoutOptions(){return{padding:40}}computePlacement(e){return Oa(super.computePlacement(e),e.edges)}isEmpty(){return this.visible.nodes.length===0}contentSize(){const e=super.contentSize();if(e===null)return null;const t=this.#s();return t.length===0?e:{width:Math.max(e.width,...t.map(s=>s.x+s.width)),height:Math.max(e.height,...t.map(s=>s.y+s.height))}}relations(e,t){if(e===null||e.kind!=="node")return B;const s=j(t.edges,e.id,"outgoing",!1),r=j(t.edges,e.id,"incoming",!1);return{nodes:new Map([...s.nodes,...r.nodes]),edges:new Set([...s.edges,...r.edges])}}renderToolbarActions(){const e=ae(this.locale);return g`
       <button
         type="button"
         class="dpk-btn dpk-btn--ghost arch-toggle"
@@ -1852,43 +2025,43 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
       >
         ${e.boundaries}
       </button>
-    `}#s(){const e=this.visible.nodes.flatMap(t=>{const s=this.placedNode(t.id);return s?[{...t,position:{x:s.x,y:s.y}}]:[]});return Ln(e,this.items().boundaries)}renderCanvas(){const e=ne(this.locale),t=this.visible,s=r=>t.nodes.find(i=>i.id===r)?.name??r,a=t.edges.map(r=>{const i=this.edgeState(r.id),o=this.routeOf(r.id),d=ee(o),l=()=>this.select({kind:"edge",id:r.id});return I`
-        <g class=${this.elementClass(i,"d-edge","arch-link")} data-link=${r.id}>
-          <title>${r.label??r.id}</title>
+    `}#s(){const e=this.visible.nodes.flatMap(t=>{const s=this.placedNode(t.id);return s?[{...t,position:{x:s.x,y:s.y}}]:[]});return Aa(e,this.items().boundaries)}renderCanvas(){const e=ae(this.locale),t=this.visible,s=i=>t.nodes.find(n=>n.id===i)?.name??i,r=t.edges.map(i=>{const n=this.edgeState(i.id),o=this.routeOf(i.id),d=ee(o),l=()=>this.select({kind:"edge",id:i.id});return I`
+        <g class=${this.elementClass(n,"d-edge","arch-link")} data-link=${i.id}>
+          <title>${i.label??i.id}</title>
           <path
             class="d-edge-path"
             d=${d}
-            marker-end=${`url(#${i.selected?"arch-selected":"arch-neutral"})`}
+            marker-end=${`url(#${n.selected?"arch-selected":"arch-neutral"})`}
           ></path>
           <path
             class="d-edge-hit"
             d=${d}
             role="button"
             tabindex="0"
-            aria-label=${e.edgeLabel(s(r.from),s(r.to))}
+            aria-label=${e.edgeLabel(s(i.from),s(i.to))}
             @click=${l}
             @keydown=${m=>{m.key!=="Enter"&&m.key!==" "||(m.preventDefault(),l())}}
           ></path>
-          ${r.label===null||o.length===0?w:this.#n(r.label,o)}
-          ${this.renderEdgeCommentTrigger({kind:"edge",id:r.id},`${s(r.from)} \u2192 ${s(r.to)}${r.label===null?"":` \xB7 ${r.label}`}`,o)}
+          ${i.label===null||o.length===0?w:this.#a(i.label,o)}
+          ${this.renderEdgeCommentTrigger({kind:"edge",id:i.id},`${s(i.from)} \u2192 ${s(i.to)}${i.label===null?"":` \xB7 ${i.label}`}`,o)}
         </g>
       `});return g`
-      ${this.#e?this.#s().map(r=>g`<div
-                class=${`arch-boundary ${r.boundary.kind==="external"?"is-external":""}`}
-                data-boundary=${r.boundary.id}
-                style="left:${r.x}px; top:${r.y}px; width:${r.width}px; height:${r.height}px"
+      ${this.#e?this.#s().map(i=>g`<div
+                class=${`arch-boundary ${i.boundary.kind==="external"?"is-external":""}`}
+                data-boundary=${i.boundary.id}
+                style="left:${i.x}px; top:${i.y}px; width:${i.width}px; height:${i.height}px"
               >
-                <span>${r.boundary.label}</span>
+                <span>${i.boundary.label}</span>
               </div>`):w}
-      ${this.renderEdges(a,Pn)} ${t.nodes.map(r=>this.#t(r,e))}
-    `}#n(e,t){const s=t[Math.floor(t.length/2)]??t[0];return s?I`<text class="arch-link-label" x=${s.x} y=${s.y-6}>${e}</text>`:g``}#t(e,t){const s=this.placedNode(e.id);if(!s)return w;const a=this.nodeState(e.id);return g`
+      ${this.renderEdges(r,Ia)} ${t.nodes.map(i=>this.#t(i,e))}
+    `}#a(e,t){const s=t[Math.floor(t.length/2)]??t[0];return s?I`<text class="arch-link-label" x=${s.x} y=${s.y-6}>${e}</text>`:g``}#t(e,t){const s=this.placedNode(e.id);if(!s)return w;const r=this.nodeState(e.id);return g`
       <button
         type="button"
-        class=${this.elementClass(a,"d-node","arch-service")}
+        class=${this.elementClass(r,"d-node","arch-service")}
         data-service=${e.id}
         data-grill-questions=${this.questionsOf(e)}
         style="left:${s.x}px; top:${s.y}px; width:${e.width}px; height:${e.height}px"
-        aria-pressed=${a.selected?"true":"false"}
+        aria-pressed=${r.selected?"true":"false"}
         title=${e.description??e.name}
         @click=${()=>this.select({kind:"node",id:e.id})}
       >
@@ -1904,7 +2077,7 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
         </span>
       </button>
       ${this.renderCommentTrigger({kind:"node",id:e.id},e.name,{x:s.x+e.width-20,y:s.y-14})}
-    `}}const yt=()=>{customElements.get("dpk-component-architecture-map")||customElements.define("dpk-component-architecture-map",vt)},wt=[72,52,40],$t=[0,22,10,8],jn=n=>wt[Math.min(n,wt.length-1)]??40,St=n=>$t[Math.min(n,$t.length-1)]??8,Fn=(n,e={})=>{const t=e.padding??40,s=n.nodes.find(x=>x.parent===null);if(s===void 0)return{width:0,height:0,nodes:[],routes:[]};const a=new Map(n.nodes.map(x=>[x.id,x])),r=x=>x.children.flatMap(D=>{const A=a.get(D);return A===void 0?[]:[A]}),i=new Map,o=x=>x.reduce((D,A,H)=>D+d(A)+(H===0?0:St(A.depth)),0),d=x=>{const D=i.get(x.id);if(D!==void 0)return D;const A=Math.max(x.height,o(r(x)));return i.set(x.id,A),A},l=[],m=(x,D,A)=>{if(D.length===0)return;const H=jn(x.node.depth);let u=x.y+x.node.height/2-o(D)/2;for(const y of D){const q=d(y),R={x:A==="right"?x.x+x.node.width+H:x.x-H-y.width,y:u+q/2-y.height/2,node:y};l.push(R),m(R,r(y),A),u+=q+St(y.depth)}},b={x:-s.width/2,y:-s.height/2,node:s};l.push(b);const c=r(s);m(b,c.filter(x=>x.side!=="left"),"right"),m(b,c.filter(x=>x.side==="left"),"left");const h=Math.min(...l.map(x=>x.x)),M=Math.min(...l.map(x=>x.y)),v=Math.max(...l.map(x=>x.x+x.node.width)),k=Math.max(...l.map(x=>x.y+x.node.height)),C=t-h,T=t-M,O=new Map,P=l.map(x=>{const D=O.get(x.node.depth)??0;return O.set(x.node.depth,D+1),{id:x.node.id,x:x.x+C,y:x.y+T,width:x.node.width,height:x.node.height,layer:x.node.depth,order:D}}),F=new Map(P.map(x=>[x.id,x])),oe=n.edges.flatMap(x=>{const D=F.get(x.from),A=F.get(x.to),H=a.get(x.to);if(D===void 0||A===void 0||H===void 0)return[];const u=H.side==="left",y={x:u?D.x:D.x+D.width,y:D.y+D.height/2},q={x:u?A.x+A.width:A.x,y:A.y+A.height/2};return[{id:x.id,points:[y,q]}]});return{width:v-h+t*2,height:k-M+t*2,nodes:P,routes:oe}},Hn=n=>{const e=n[0],t=n.at(-1);if(e===void 0||t===void 0)return"";const s=(t.x-e.x)/2;return`M${e.x} ${e.y} C${e.x+s} ${e.y} ${t.x-s} ${t.y} ${t.x} ${t.y}`},ae=N({en:{heading:"Mind map",empty:"No matching topics.",topics:"Topic",toggleOpen:(n,e)=>`Open ${e} subtopics of ${n}`,toggleClose:n=>`Collapse subtopics of ${n}`,addSubtopicButton:"+ Subtopic",commentButton:"Comment",addSubtopicAriaLabel:n=>`Subtopic of ${n}`,addSubtopicPlaceholder:"Subtopic title (Enter to add)",notRecorded:"Could not record it. Place this inside a dpk-template-* element.",addTopicTitle:"Add topic",addSummary:(n,e)=>`${n} \u203A ${e}`},ja:{heading:"\u30DE\u30A4\u30F3\u30C9\u30DE\u30C3\u30D7",empty:"\u8A72\u5F53\u3059\u308B\u30C8\u30D4\u30C3\u30AF\u306F\u3042\u308A\u307E\u305B\u3093\u3002",topics:"\u30C8\u30D4\u30C3\u30AF",toggleOpen:(n,e)=>`${n} \u306E\u30B5\u30D6\u30C8\u30D4\u30C3\u30AF ${e} \u4EF6\u3092\u3072\u3089\u304F`,toggleClose:n=>`${n} \u306E\u30B5\u30D6\u30C8\u30D4\u30C3\u30AF\u3092\u305F\u305F\u3080`,addSubtopicButton:"\uFF0B \u30B5\u30D6\u30C8\u30D4\u30C3\u30AF",commentButton:"\u30B3\u30E1\u30F3\u30C8",addSubtopicAriaLabel:n=>`${n} \u306E\u30B5\u30D6\u30C8\u30D4\u30C3\u30AF`,addSubtopicPlaceholder:"\u30B5\u30D6\u30C8\u30D4\u30C3\u30AF\u540D\uFF08Enter \u3067\u8FFD\u52A0\uFF09",notRecorded:"\u8A18\u9332\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F\uFF08dpk-template-* \u8981\u7D20\u306E\u4E2D\u306B\u7F6E\u3044\u3066\u304F\u3060\u3055\u3044\uFF09\u3002",addTopicTitle:"\u30C8\u30D4\u30C3\u30AF\u3092\u8FFD\u52A0",addSummary:(n,e)=>`${n} \u203A ${e}`}}),Mt=Jt(()=>E({id:$(p(),S(1)),label:$(p(),S(1)),description:f(p()),tags:f(z(p())),questions:f(p()),collapsed:f(ge()),side:f(U(["left","right"])),children:f(z(Mt))})),Un=E({root:Mt}),Ct=()=>({root:null,nodes:[],edges:[]}),qt=[{fontSize:16,padding:22,height:48,min:120,max:280},{fontSize:13.5,padding:15,height:34,min:80,max:240},{fontSize:12.5,padding:12,height:28,min:56,max:220}],Bn=n=>qt[Math.min(n,qt.length-1)]??{fontSize:12.5,padding:12,height:28,min:56,max:220},Nn=(n,e)=>{let t=0;for(const s of n)t+=(s.codePointAt(0)??0)>=11904?e:e*.62;return t},_n=(n,e)=>{const t=Bn(e),s=Math.ceil(Nn(n,t.fontSize)+t.padding*2+4);return{width:Math.min(t.max,Math.max(t.min,s)),height:t.height}},Ce=n=>n.children===void 0||n.children.length===0?1:n.children.reduce((e,t)=>e+Ce(t),0),Et=n=>{const e={left:0,right:0};for(const t of n)t.side!==void 0&&(e[t.side]+=Ce(t));return n.map(t=>{if(t.side!==void 0)return t.side;const s=e.right<=e.left?"right":"left";return e[s]+=Ce(t),s})},Dt=n=>zt(V(Un,n).root),zt=(n,e=new Set)=>{const t=[],s=[],a=new Set,r=(i,o,d,l,m)=>{if(a.has(i.id))throw new Error(`duplicate topic id: ${i.id}`);if(a.add(i.id),i.side!==void 0&&d!==1)throw new Error(`side is only allowed on a main topic (a child of the root): ${i.id}`);const b=i.children??[];t.push({id:i.id,label:i.label,description:i.description??null,parent:o,depth:d,branch:l,side:m,children:b.map(h=>h.id),collapsed:i.collapsed??!1,added:e.has(i.id),tags:i.tags??[],..._n(i.label,d),...i.questions===void 0?{}:{questions:i.questions}}),o!==null&&s.push({id:i.id,from:o,to:i.id,tags:[]});const c=d===0?Et(b):[];b.forEach((h,M)=>r(h,i.id,d+1,d===0?M:l,d===0?c[M]??"right":m))};return r(n,null,0,-1,null),{root:n,nodes:t,edges:s}},Tt="ADD_TOPIC",Vn=be({id:$(p(),S(1)),label:$(p(),ze(),S(1))}),Wn=n=>{const e=Ue(n);return e?.length===3&&e[1]==="node"?e[2]??null:null},At=(n,e,t)=>n.id===e?{...n,children:[...n.children??[],t]}:n.children===void 0?n:{...n,children:n.children.map(s=>At(s,e,t))},Gn=n=>{if(n.children===void 0)return n;const e=Et(n.children);return{...n,children:n.children.map((t,s)=>({...t,side:e[s]??"right"}))}},Yn=(n,e,t)=>{const s=n.addTopicTitle,a=new Map(e.nodes.map(d=>[d.id,d.label])),r=new Set,i=[];let o=e.root===null?null:Gn(e.root);for(const d of t){if(d.type!==Tt){i.push({id:d.id,title:d.type,stale:"unsupported-action-type"});continue}const l=Wn(d.target.id),m=l===null?void 0:a.get(l),b=fe(Vn,d.payload);if(o===null||l===null||m===void 0){i.push({id:d.id,title:s,stale:"target-missing"});continue}if(!b.success||a.has(b.output.id)){i.push({id:d.id,title:s,stale:"constraint-violated"});continue}const{id:c,label:h}=b.output;o=At(o,l,{id:c,label:h}),a.set(c,h),r.add(c),i.push({id:d.id,title:s,summary:n.addSummary(m,h),tone:"create"})}return{data:o===null||r.size===0?e:zt(o,r),results:i}},qe=(n,e)=>{const t=new Map(n.nodes.map(r=>[r.id,r])),s=[];let a=t.get(e)?.parent??null;for(;a!==null&&!s.includes(a);)s.push(a),a=t.get(a)?.parent??null;return s},Kn=(n,e)=>{const t=new Map(n.nodes.map(r=>[r.id,r]));let s=0;const a=[...t.get(e)?.children??[]];for(let r=a.pop();r!==void 0;r=a.pop())s+=1,a.push(...t.get(r)?.children??[]);return s},Xn=(n,e,t)=>{let s=null;if(e!==null){const i=n.nodes.filter(e);if(i.length===0)return Ct();const o=new Map(n.nodes.map(l=>[l.id,l])),d=new Set;for(const l of i){d.add(l.id);for(const b of qe(n,l.id))d.add(b);const m=[...l.children];for(let b=m.pop();b!==void 0;b=m.pop())d.add(b),m.push(...o.get(b)?.children??[])}s=d}const a=n.nodes.filter(i=>(s===null||s.has(i.id))&&!qe(n,i.id).some(o=>t.has(o))),r=new Set(a.map(i=>i.id));return{...n,nodes:a,edges:n.edges.filter(i=>r.has(i.from)&&r.has(i.to))}},Zn=_`
+    `}}const yt=()=>{customElements.get("dpk-component-architecture-map")||customElements.define("dpk-component-architecture-map",vt)},wt=[72,52,40],$t=[0,22,10,8],Pa=a=>wt[Math.min(a,wt.length-1)]??40,St=a=>$t[Math.min(a,$t.length-1)]??8,ja=(a,e={})=>{const t=e.padding??40,s=a.nodes.find(x=>x.parent===null);if(s===void 0)return{width:0,height:0,nodes:[],routes:[]};const r=new Map(a.nodes.map(x=>[x.id,x])),i=x=>x.children.flatMap(D=>{const A=r.get(D);return A===void 0?[]:[A]}),n=new Map,o=x=>x.reduce((D,A,H)=>D+d(A)+(H===0?0:St(A.depth)),0),d=x=>{const D=n.get(x.id);if(D!==void 0)return D;const A=Math.max(x.height,o(i(x)));return n.set(x.id,A),A},l=[],m=(x,D,A)=>{if(D.length===0)return;const H=Pa(x.node.depth);let u=x.y+x.node.height/2-o(D)/2;for(const y of D){const q=d(y),R={x:A==="right"?x.x+x.node.width+H:x.x-H-y.width,y:u+q/2-y.height/2,node:y};l.push(R),m(R,i(y),A),u+=q+St(y.depth)}},b={x:-s.width/2,y:-s.height/2,node:s};l.push(b);const c=i(s);m(b,c.filter(x=>x.side!=="left"),"right"),m(b,c.filter(x=>x.side==="left"),"left");const h=Math.min(...l.map(x=>x.x)),M=Math.min(...l.map(x=>x.y)),v=Math.max(...l.map(x=>x.x+x.node.width)),k=Math.max(...l.map(x=>x.y+x.node.height)),C=t-h,T=t-M,O=new Map,P=l.map(x=>{const D=O.get(x.node.depth)??0;return O.set(x.node.depth,D+1),{id:x.node.id,x:x.x+C,y:x.y+T,width:x.node.width,height:x.node.height,layer:x.node.depth,order:D}}),F=new Map(P.map(x=>[x.id,x])),oe=a.edges.flatMap(x=>{const D=F.get(x.from),A=F.get(x.to),H=r.get(x.to);if(D===void 0||A===void 0||H===void 0)return[];const u=H.side==="left",y={x:u?D.x:D.x+D.width,y:D.y+D.height/2},q={x:u?A.x+A.width:A.x,y:A.y+A.height/2};return[{id:x.id,points:[y,q]}]});return{width:v-h+t*2,height:k-M+t*2,nodes:P,routes:oe}},Fa=a=>{const e=a[0],t=a.at(-1);if(e===void 0||t===void 0)return"";const s=(t.x-e.x)/2;return`M${e.x} ${e.y} C${e.x+s} ${e.y} ${t.x-s} ${t.y} ${t.x} ${t.y}`},re=N({en:{heading:"Mind map",empty:"No matching topics.",topics:"Topic",toggleOpen:(a,e)=>`Open ${e} subtopics of ${a}`,toggleClose:a=>`Collapse subtopics of ${a}`,addSubtopicButton:"+ Subtopic",commentButton:"Comment",addSubtopicAriaLabel:a=>`Subtopic of ${a}`,addSubtopicPlaceholder:"Subtopic title (Enter to add)",notRecorded:"Could not record it. Place this inside a dpk-template-* element.",addTopicTitle:"Add topic",addSummary:(a,e)=>`${a} \u203A ${e}`},ja:{heading:"\u30DE\u30A4\u30F3\u30C9\u30DE\u30C3\u30D7",empty:"\u8A72\u5F53\u3059\u308B\u30C8\u30D4\u30C3\u30AF\u306F\u3042\u308A\u307E\u305B\u3093\u3002",topics:"\u30C8\u30D4\u30C3\u30AF",toggleOpen:(a,e)=>`${a} \u306E\u30B5\u30D6\u30C8\u30D4\u30C3\u30AF ${e} \u4EF6\u3092\u3072\u3089\u304F`,toggleClose:a=>`${a} \u306E\u30B5\u30D6\u30C8\u30D4\u30C3\u30AF\u3092\u305F\u305F\u3080`,addSubtopicButton:"\uFF0B \u30B5\u30D6\u30C8\u30D4\u30C3\u30AF",commentButton:"\u30B3\u30E1\u30F3\u30C8",addSubtopicAriaLabel:a=>`${a} \u306E\u30B5\u30D6\u30C8\u30D4\u30C3\u30AF`,addSubtopicPlaceholder:"\u30B5\u30D6\u30C8\u30D4\u30C3\u30AF\u540D\uFF08Enter \u3067\u8FFD\u52A0\uFF09",notRecorded:"\u8A18\u9332\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F\uFF08dpk-template-* \u8981\u7D20\u306E\u4E2D\u306B\u7F6E\u3044\u3066\u304F\u3060\u3055\u3044\uFF09\u3002",addTopicTitle:"\u30C8\u30D4\u30C3\u30AF\u3092\u8FFD\u52A0",addSummary:(a,e)=>`${a} \u203A ${e}`}}),Mt=Jt(()=>E({id:$(p(),S(1)),label:$(p(),S(1)),description:f(p()),tags:f(z(p())),questions:f(p()),collapsed:f(ge()),side:f(U(["left","right"])),children:f(z(Mt))})),Ha=E({root:Mt}),Ct=()=>({root:null,nodes:[],edges:[]}),qt=[{fontSize:16,padding:22,height:48,min:120,max:280},{fontSize:13.5,padding:15,height:34,min:80,max:240},{fontSize:12.5,padding:12,height:28,min:56,max:220}],Ua=a=>qt[Math.min(a,qt.length-1)]??{fontSize:12.5,padding:12,height:28,min:56,max:220},Ba=(a,e)=>{let t=0;for(const s of a)t+=(s.codePointAt(0)??0)>=11904?e:e*.62;return t},Na=(a,e)=>{const t=Ua(e),s=Math.ceil(Ba(a,t.fontSize)+t.padding*2+4);return{width:Math.min(t.max,Math.max(t.min,s)),height:t.height}},Ce=a=>a.children===void 0||a.children.length===0?1:a.children.reduce((e,t)=>e+Ce(t),0),Et=a=>{const e={left:0,right:0};for(const t of a)t.side!==void 0&&(e[t.side]+=Ce(t));return a.map(t=>{if(t.side!==void 0)return t.side;const s=e.right<=e.left?"right":"left";return e[s]+=Ce(t),s})},Dt=a=>zt(Y(Ha,a).root),zt=(a,e=new Set)=>{const t=[],s=[],r=new Set,i=(n,o,d,l,m)=>{if(r.has(n.id))throw new Error(`duplicate topic id: ${n.id}`);if(r.add(n.id),n.side!==void 0&&d!==1)throw new Error(`side is only allowed on a main topic (a child of the root): ${n.id}`);const b=n.children??[];t.push({id:n.id,label:n.label,description:n.description??null,parent:o,depth:d,branch:l,side:m,children:b.map(h=>h.id),collapsed:n.collapsed??!1,added:e.has(n.id),tags:n.tags??[],...Na(n.label,d),...n.questions===void 0?{}:{questions:n.questions}}),o!==null&&s.push({id:n.id,from:o,to:n.id,tags:[]});const c=d===0?Et(b):[];b.forEach((h,M)=>i(h,n.id,d+1,d===0?M:l,d===0?c[M]??"right":m))};return i(a,null,0,-1,null),{root:a,nodes:t,edges:s}},Tt="ADD_TOPIC",_a=be({id:$(p(),S(1)),label:$(p(),ze(),S(1))}),Ya=a=>{const e=Ue(a);return e?.length===3&&e[1]==="node"?e[2]??null:null},At=(a,e,t)=>a.id===e?{...a,children:[...a.children??[],t]}:a.children===void 0?a:{...a,children:a.children.map(s=>At(s,e,t))},Va=a=>{if(a.children===void 0)return a;const e=Et(a.children);return{...a,children:a.children.map((t,s)=>({...t,side:e[s]??"right"}))}},Wa=(a,e,t)=>{const s=a.addTopicTitle,r=new Map(e.nodes.map(d=>[d.id,d.label])),i=new Set,n=[];let o=e.root===null?null:Va(e.root);for(const d of t){if(d.type!==Tt){n.push({id:d.id,title:d.type,stale:"unsupported-action-type"});continue}const l=Ya(d.target.id),m=l===null?void 0:r.get(l),b=fe(_a,d.payload);if(o===null||l===null||m===void 0){n.push({id:d.id,title:s,stale:"target-missing"});continue}if(!b.success||r.has(b.output.id)){n.push({id:d.id,title:s,stale:"constraint-violated"});continue}const{id:c,label:h}=b.output;o=At(o,l,{id:c,label:h}),r.set(c,h),i.add(c),n.push({id:d.id,title:s,summary:a.addSummary(m,h),tone:"create"})}return{data:o===null||i.size===0?e:zt(o,i),results:n}},qe=(a,e)=>{const t=new Map(a.nodes.map(i=>[i.id,i])),s=[];let r=t.get(e)?.parent??null;for(;r!==null&&!s.includes(r);)s.push(r),r=t.get(r)?.parent??null;return s},Ga=(a,e)=>{const t=new Map(a.nodes.map(i=>[i.id,i]));let s=0;const r=[...t.get(e)?.children??[]];for(let i=r.pop();i!==void 0;i=r.pop())s+=1,r.push(...t.get(i)?.children??[]);return s},Ka=(a,e,t)=>{let s=null;if(e!==null){const n=a.nodes.filter(e);if(n.length===0)return Ct();const o=new Map(a.nodes.map(l=>[l.id,l])),d=new Set;for(const l of n){d.add(l.id);for(const b of qe(a,l.id))d.add(b);const m=[...l.children];for(let b=m.pop();b!==void 0;b=m.pop())d.add(b),m.push(...o.get(b)?.children??[])}s=d}const r=a.nodes.filter(n=>(s===null||s.has(n.id))&&!qe(a,n.id).some(o=>t.has(o))),i=new Set(r.map(n=>n.id));return{...a,nodes:r,edges:a.edges.filter(n=>i.has(n.from)&&i.has(n.to))}},Xa=_`
   .branch-root {
     --mind-color: var(--dpk-ink);
     --mind-soft: var(--dpk-paper-sunken);
@@ -1942,7 +2115,11 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     font-family: var(--dpk-body);
     font-size: 12.5px;
     line-height: 1.3;
-    box-shadow: var(--dpk-shadow-xs);
+    box-shadow: var(--dpk-bevel), var(--dpk-shadow-xs);
+    transition:
+      border-color 160ms var(--dpk-ease),
+      box-shadow 160ms var(--dpk-ease),
+      transform 160ms var(--dpk-ease);
   }
 
   .mind-label {
@@ -1955,12 +2132,14 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
   .mind-topic.depth-0 {
     padding: 0 22px;
     border: 0;
-    background: var(--dpk-ink);
+    background: linear-gradient(155deg, color-mix(in srgb, var(--dpk-ink) 88%, transparent), var(--dpk-ink));
     color: var(--dpk-paper-raised);
     font-size: 16px;
     font-weight: 680;
     letter-spacing: -0.01em;
-    box-shadow: var(--dpk-shadow-sm);
+    box-shadow:
+      inset 0 1px 0 var(--dpk-highlight),
+      var(--dpk-shadow-sm);
   }
 
   .mind-topic.depth-1 {
@@ -1978,15 +2157,23 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
 
   .mind-topic:hover {
     border-color: var(--mind-color);
+    box-shadow: var(--dpk-bevel), var(--dpk-shadow-sm);
+    transform: translateY(-1px);
   }
 
   .mind-topic.is-selected {
     border-color: var(--mind-color);
-    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mind-color) 22%, transparent);
+    box-shadow:
+      var(--dpk-bevel),
+      var(--dpk-shadow-sm),
+      0 0 0 3px color-mix(in srgb, var(--mind-color) 22%, transparent);
   }
 
   .mind-topic.depth-0.is-selected {
-    box-shadow: 0 0 0 3px var(--dpk-blue-soft);
+    box-shadow:
+      inset 0 1px 0 var(--dpk-highlight),
+      var(--dpk-shadow-sm),
+      0 0 0 3px var(--dpk-blue-soft);
   }
 
   .mind-topic.is-related {
@@ -2070,7 +2257,15 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     line-height: 1;
     cursor: pointer;
     opacity: 0;
-    transition: opacity 120ms ease;
+    box-shadow: var(--dpk-bevel), var(--dpk-shadow-xs);
+    transition:
+      opacity 120ms ease,
+      box-shadow 160ms var(--dpk-ease);
+  }
+
+  .mind-toggle:hover,
+  .mind-toggle:focus-visible {
+    box-shadow: var(--dpk-bevel), var(--dpk-shadow-sm);
   }
 
   /* Expanded toggles appear with their topic; folded ones always show the count. */
@@ -2099,33 +2294,33 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
       opacity: 1;
     }
   }
-`,Jn=5;class Lt extends te{static{this.styles=[W,Zn]}#e=new Set;#s=null;#n=!1;#t=null;toggle(e,t){const s=this.items().nodes.find(r=>r.id===e);if(s===void 0||s.children.length===0)return;const a=t??!this.#e.has(e);if(a!==this.#e.has(e)){if(a){this.#e.add(e);const r=this.selection;r!==null&&qe(this.items(),r.id).includes(e)&&this.select(null)}else this.#e.delete(e);this.requestUpdate()}}get collapsed(){return[...this.#e]}parseData(e){return Dt(e)}emptyData(){return Ct()}reduceElementActions(e,t){return Yn(ae(this.locale),e,t)}defaultHeading(){return ae(this.locale).heading}emptyMessage(){return ae(this.locale).empty}statsText(){const e=ae(this.locale),t=this.items().nodes.length,s=this.filtered().nodes.length;return s===t?`${t} ${e.topics}`:`${s} / ${t} ${e.topics}`}filtered(){const e=this.tagFilter,t=e.active.length===0?null:s=>K(s.tags,e);return Xn(this.items(),t,this.#e)}layoutSignature(){return this.filtered().nodes.map(e=>`${e.id}<${e.parent??""}:${e.side??""}`).join(",")}computePlacement(e){return Fn(e)}refreshContent(){const e=this.authoredItems();e!==this.#s&&(this.#s=e,this.#e=new Set(e.nodes.filter(t=>t.collapsed).map(t=>t.id)),this.#n=!1,this.#t=null),super.refreshContent()}initialView(){if(this.#n){this.viewport?.apply();return}this.#n=!0,this.viewport?.fit()}commentItems(){return this.items().nodes.map(e=>({value:this.commentRef("node",e.id),label:e.label}))}hasSelection(e){return e.kind==="node"&&this.items().nodes.some(t=>t.id===e.id)}relations(e,t){if(e===null||e.kind!=="node")return{nodes:new Map,edges:new Set};const s=j(t.edges,e.id,"outgoing",!0),a=j(t.edges,e.id,"incoming",!0);return{nodes:new Map([...s.nodes,...a.nodes]),edges:new Set([...s.edges,...a.edges])}}renderSelection(){return w}renderCanvas(){const e=this.filtered(),t=ae(this.locale);return g`
-      ${this.renderEdges(e.edges.map(s=>this.#i(s)),[])}
-      ${e.nodes.map(s=>this.#r(s,t))} ${this.#l(t)}
-    `}#a(e){return e===void 0||e.branch<0?"branch-root":`branch-${e.branch%Jn}`}#i(e){const t=this.items().nodes.find(a=>a.id===e.to),s=this.edgeState(e.id);return I`
+`,Za=5;class Lt extends te{static{this.styles=[V,Xa]}#e=new Set;#s=null;#a=!1;#t=null;toggle(e,t){const s=this.items().nodes.find(i=>i.id===e);if(s===void 0||s.children.length===0)return;const r=t??!this.#e.has(e);if(r!==this.#e.has(e)){if(r){this.#e.add(e);const i=this.selection;i!==null&&qe(this.items(),i.id).includes(e)&&this.select(null)}else this.#e.delete(e);this.requestUpdate()}}get collapsed(){return[...this.#e]}parseData(e){return Dt(e)}emptyData(){return Ct()}reduceElementActions(e,t){return Wa(re(this.locale),e,t)}defaultHeading(){return re(this.locale).heading}emptyMessage(){return re(this.locale).empty}statsText(){const e=re(this.locale),t=this.items().nodes.length,s=this.filtered().nodes.length;return s===t?`${t} ${e.topics}`:`${s} / ${t} ${e.topics}`}filtered(){const e=this.tagFilter,t=e.active.length===0?null:s=>K(s.tags,e);return Ka(this.items(),t,this.#e)}layoutSignature(){return this.filtered().nodes.map(e=>`${e.id}<${e.parent??""}:${e.side??""}`).join(",")}computePlacement(e){return ja(e)}refreshContent(){const e=this.authoredItems();e!==this.#s&&(this.#s=e,this.#e=new Set(e.nodes.filter(t=>t.collapsed).map(t=>t.id)),this.#a=!1,this.#t=null),super.refreshContent()}initialView(){if(this.#a){this.viewport?.apply();return}this.#a=!0,this.viewport?.fit()}commentItems(){return this.items().nodes.map(e=>({value:this.commentRef("node",e.id),label:e.label}))}hasSelection(e){return e.kind==="node"&&this.items().nodes.some(t=>t.id===e.id)}relations(e,t){if(e===null||e.kind!=="node")return{nodes:new Map,edges:new Set};const s=j(t.edges,e.id,"outgoing",!0),r=j(t.edges,e.id,"incoming",!0);return{nodes:new Map([...s.nodes,...r.nodes]),edges:new Set([...s.edges,...r.edges])}}renderSelection(){return w}renderCanvas(){const e=this.filtered(),t=re(this.locale);return g`
+      ${this.renderEdges(e.edges.map(s=>this.#n(s)),[])}
+      ${e.nodes.map(s=>this.#i(s,t))} ${this.#l(t)}
+    `}#r(e){return e===void 0||e.branch<0?"branch-root":`branch-${e.branch%Za}`}#n(e){const t=this.items().nodes.find(r=>r.id===e.to),s=this.edgeState(e.id);return I`
       <path
-        class=${this.elementClass(s,"d-edge","mind-branch",this.#a(t),`depth-${Math.min(t?.depth??1,3)}`)}
+        class=${this.elementClass(s,"d-edge","mind-branch",this.#r(t),`depth-${Math.min(t?.depth??1,3)}`)}
         data-branch=${e.id}
-        d=${Hn(this.routeOf(e.id))}
+        d=${Fa(this.routeOf(e.id))}
       ></path>
-    `}#r(e,t){const s=this.placedNode(e.id);if(!s)return w;const a=this.nodeState(e.id),r=this.#e.has(e.id),i=`depth-${Math.min(e.depth,3)}`;return g`
+    `}#i(e,t){const s=this.placedNode(e.id);if(!s)return w;const r=this.nodeState(e.id),i=this.#e.has(e.id),n=`depth-${Math.min(e.depth,3)}`;return g`
       <button
         type="button"
-        class=${this.elementClass(a,"d-node","mind-topic",i,this.#a(e),r&&"is-folded",e.added&&"is-added")}
+        class=${this.elementClass(r,"d-node","mind-topic",n,this.#r(e),i&&"is-folded",e.added&&"is-added")}
         data-topic=${e.id}
         data-grill-questions=${this.questionsOf(e)}
         style="left:${s.x}px; top:${s.y}px; width:${s.width}px; height:${s.height}px"
-        aria-pressed=${a.selected?"true":"false"}
+        aria-pressed=${r.selected?"true":"false"}
         title=${e.description??e.label}
         @click=${()=>this.select({kind:"node",id:e.id})}
       >
         <span class="mind-label">${e.label}</span>
       </button>
-      ${e.depth===0||e.children.length===0?w:this.#o(e,s,r,a.dimmed,t)}
-    `}#o(e,t,s,a,r){const i=s?Kn(this.items(),e.id):0,o=e.side==="left"?t.x:t.x+t.width,d=s?r.toggleOpen(e.label,i):r.toggleClose(e.label);return g`
+      ${e.depth===0||e.children.length===0?w:this.#o(e,s,i,r.dimmed,t)}
+    `}#o(e,t,s,r,i){const n=s?Ga(this.items(),e.id):0,o=e.side==="left"?t.x:t.x+t.width,d=s?i.toggleOpen(e.label,n):i.toggleClose(e.label);return g`
       <button
         type="button"
-        class=${this.elementClass({selected:!1,related:!1,dimmed:a,depth:null},"mind-toggle",this.#a(e),s&&"is-folded")}
+        class=${this.elementClass({selected:!1,related:!1,dimmed:r,depth:null},"mind-toggle",this.#r(e),s&&"is-folded")}
         data-toggle=${e.id}
         style="left:${o}px; top:${t.y+t.height/2}px"
         aria-expanded=${s?"false":"true"}
@@ -2133,16 +2328,16 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
         title=${d}
         @click=${l=>{l.stopPropagation(),this.toggle(e.id)}}
       >
-        ${s?i:"\u2212"}
+        ${s?n:"\u2212"}
       </button>
-    `}#l(e){const t=this.selection;if(t===null||t.kind!=="node")return w;const s=this.items().nodes.find(i=>i.id===t.id),a=this.placedNode(t.id);if(s===void 0||a===void 0)return w;const r=this.#t?.parent===s.id?this.#t:null;return g`
+    `}#l(e){const t=this.selection;if(t===null||t.kind!=="node")return w;const s=this.items().nodes.find(n=>n.id===t.id),r=this.placedNode(t.id);if(s===void 0||r===void 0)return w;const i=this.#t?.parent===s.id?this.#t:null;return g`
       <div
         class="mind-actions"
         data-for=${s.id}
-        style="left:${this.#p(s,a)}px; top:${a.y+a.height+8}px"
-        @click=${i=>i.stopPropagation()}
+        style="left:${this.#p(s,r)}px; top:${r.y+r.height+8}px"
+        @click=${n=>n.stopPropagation()}
       >
-        ${r===null?g`
+        ${i===null?g`
                 <button type="button" class="dpk-btn" data-action="add" @click=${()=>this.#u(s.id)}>
                   ${e.addSubtopicButton}
                 </button>
@@ -2159,14 +2354,14 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
                   class="dpk-input"
                   aria-label="${e.addSubtopicAriaLabel(s.label)}"
                   placeholder="${e.addSubtopicPlaceholder}"
-                  .value=${r.label}
-                  @input=${i=>{const o=i.currentTarget;o instanceof HTMLInputElement&&(this.#t={...r,label:o.value,failed:!1})}}
-                  @keydown=${i=>this.#c(i,s.id)}
+                  .value=${i.label}
+                  @input=${n=>{const o=n.currentTarget;o instanceof HTMLInputElement&&(this.#t={...i,label:o.value,failed:!1})}}
+                  @keydown=${n=>this.#c(n,s.id)}
                 />
-                ${r.failed?g`<span class="mind-actions-error" role="alert">${e.notRecorded}</span>`:w}
+                ${i.failed?g`<span class="mind-actions-error" role="alert">${e.notRecorded}</span>`:w}
               `}
       </div>
-    `}#p(e,t){return e.side==="left"?t.x+t.width-220:t.x}#u(e){this.#t={parent:e,label:"",failed:!1},this.requestUpdate(),this.updateComplete.then(()=>this.renderRoot.querySelector(".mind-actions input")?.focus())}#c(e,t){if(e.isComposing)return;if(e.key==="Escape"){e.preventDefault(),this.#t=null,this.requestUpdate();return}if(e.key!=="Enter")return;e.preventDefault();const s=this.#t?.label.trim()??"";if(s.length===0)return;const a=Te(`topic ${s}`,this.items().nodes.map(i=>i.id));if(!this.dispatchElementAction(Tt,["node",t],{id:a,label:s})){this.#t={parent:t,label:s,failed:!0},this.requestUpdate();return}this.#t=null,this.#e.delete(t),this.select({kind:"node",id:a}),this.requestUpdate()}}const Ot=()=>{customElements.get("dpk-component-mind-map")||customElements.define("dpk-component-mind-map",Lt)},ie=N({en:{heading:"Kanban",empty:"No columns.",cards:"Card",notRecorded:"Could not record it. Place this inside a dpk-template-* element.",wipLimit:n=>`WIP limit ${n}`,addCardButton:"+ Card",addCardAriaLabel:n=>`Card to add to ${n}`,addCardPlaceholder:"Card title (Enter to add)",addCardTitle:"Add card",moveCardTitle:"Move card",addSummary:(n,e)=>`${n} \u203A ${e}`,moveSummarySame:(n,e)=>`${n}: reorder within ${e}`,moveSummaryAcross:(n,e,t)=>`${n}: ${e} \u2192 ${t}`},ja:{heading:"\u30AB\u30F3\u30D0\u30F3",empty:"\u5217\u304C\u3042\u308A\u307E\u305B\u3093\u3002",cards:"\u30AB\u30FC\u30C9",notRecorded:"\u8A18\u9332\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F\uFF08dpk-template-* \u8981\u7D20\u306E\u4E2D\u306B\u7F6E\u3044\u3066\u304F\u3060\u3055\u3044\uFF09\u3002",wipLimit:n=>`WIP \u4E0A\u9650 ${n}`,addCardButton:"\uFF0B \u30AB\u30FC\u30C9",addCardAriaLabel:n=>`${n} \u306B\u8FFD\u52A0\u3059\u308B\u30AB\u30FC\u30C9`,addCardPlaceholder:"\u30AB\u30FC\u30C9\u540D\uFF08Enter \u3067\u8FFD\u52A0\uFF09",addCardTitle:"\u30AB\u30FC\u30C9\u3092\u8FFD\u52A0",moveCardTitle:"\u30AB\u30FC\u30C9\u3092\u79FB\u52D5",addSummary:(n,e)=>`${n} \u203A ${e}`,moveSummarySame:(n,e)=>`${n}: ${e} \u5185\u3067\u4E26\u3079\u66FF\u3048`,moveSummaryAcross:(n,e,t)=>`${n}: ${e} \u2192 ${t}`}}),Qn=E({id:$(p(),S(1)),title:$(p(),S(1)),description:f(p()),tags:f(z(p())),assignee:f(p()),questions:f(p())}),ea=["gray","blue","green","amber","violet","red"],ta=E({id:$(p(),S(1)),label:$(p(),S(1)),description:f(p()),color:f(U(ea)),limit:f($(Q(),es(),Qt(1))),cards:f(z(Qn))}),sa=E({columns:z(ta)}),na=()=>({columns:[]}),Rt=n=>{const e=V(sa,n),t=new Set,s=new Set;return{columns:e.columns.map(r=>{if(t.has(r.id))throw new Error(`duplicate column id: ${r.id}`);return t.add(r.id),{id:r.id,label:r.label,description:r.description??null,color:r.color??null,limit:r.limit??null,cards:(r.cards??[]).map(i=>{if(s.has(i.id))throw new Error(`duplicate card id: ${i.id}`);return s.add(i.id),{id:i.id,title:i.title,description:i.description??null,tags:i.tags??[],assignee:i.assignee??null,...i.questions===void 0?{}:{questions:i.questions},column:r.id,change:null}})}})}},ue=(n,e)=>n.columns.flatMap(t=>t.cards).find(t=>t.id===e),re=n=>n.columns.flatMap(e=>e.cards),aa=(n,e)=>e===null?n:{columns:n.columns.map(t=>({...t,cards:t.cards.filter(e)}))},ia=(n,e,t,s)=>{const a=ue(n,e);if(a===void 0||a.column!==t)return!1;if(s===e)return!0;const r=n.columns.find(o=>o.id===t)?.cards??[],i=r.findIndex(o=>o.id===e);return(r[i+1]?.id??null)===s},It="ADD_CARD",Pt="MOVE_CARD",ra=be({id:$(p(),S(1)),title:$(p(),ze(),S(1))}),oa=be({column:$(p(),S(1)),before:ts($(p(),S(1)))}),jt=(n,e)=>{const t=Ue(n);return t?.length===3&&t[1]===e?t[2]??null:null},da=(n,e)=>({columns:n.columns.map(t=>t.cards.some(s=>s.id===e)?{...t,cards:t.cards.filter(s=>s.id!==e)}:t)}),Ft=(n,e,t)=>({columns:n.columns.map(s=>{if(s.id!==t.column)return s;const a={...e,column:s.id},r=t.before===null?-1:s.cards.findIndex(i=>i.id===t.before);return{...s,cards:r<0?[...s.cards,a]:[...s.cards.slice(0,r),a,...s.cards.slice(r)]}})}),la=(n,e,t)=>{const s=n.addCardTitle,a=jt(t.target.id,"column"),r=e.columns.find(d=>d.id===a);if(r===void 0)return{data:e,result:{id:t.id,title:s,stale:"target-missing"}};const i=fe(ra,t.payload);if(!i.success||ue(e,i.output.id)!==void 0)return{data:e,result:{id:t.id,title:s,stale:"constraint-violated"}};const o={id:i.output.id,title:i.output.title,description:null,tags:[],assignee:null,column:r.id,change:"added"};return{data:Ft(e,o,{column:r.id,before:null}),result:{id:t.id,title:s,summary:n.addSummary(r.label,o.title),tone:"create"}}},ca=(n,e,t)=>{const s=n.moveCardTitle,a=jt(t.target.id,"card"),r=a===null?void 0:ue(e,a);if(r===void 0)return{data:e,result:{id:t.id,title:s,stale:"target-missing"}};const i=fe(oa,t.payload),o=e.columns.find(h=>h.id===r.column),d=i.success?e.columns.find(h=>h.id===i.output.column):void 0,l=i.success?i.output.before:null,m=l===null||l!==r.id&&d?.cards.some(h=>h.id===l)===!0;if(!i.success||o===void 0||d===void 0||!m)return{data:e,result:{id:t.id,title:s,stale:"constraint-violated"}};const b={...r,change:r.change??"moved"},c=o.id===d.id?n.moveSummarySame(r.title,d.label):n.moveSummaryAcross(r.title,o.label,d.label);return{data:Ft(da(e,r.id),b,{column:d.id,before:l}),result:{id:t.id,title:s,summary:c,tone:"move"}}},pa=(n,e,t)=>{let s=e;const a=[];for(const r of t){const i=r.type===It?la(n,s,r):r.type===Pt?ca(n,s,r):{data:s,result:{id:r.id,title:r.type,stale:"unsupported-action-type"}};s=i.data,a.push(i.result)}return{data:s,results:a}},ha=_`
+    `}#p(e,t){return e.side==="left"?t.x+t.width-220:t.x}#u(e){this.#t={parent:e,label:"",failed:!1},this.requestUpdate(),this.updateComplete.then(()=>this.renderRoot.querySelector(".mind-actions input")?.focus())}#c(e,t){if(e.isComposing)return;if(e.key==="Escape"){e.preventDefault(),this.#t=null,this.requestUpdate();return}if(e.key!=="Enter")return;e.preventDefault();const s=this.#t?.label.trim()??"";if(s.length===0)return;const r=Te(`topic ${s}`,this.items().nodes.map(n=>n.id));if(!this.dispatchElementAction(Tt,["node",t],{id:r,label:s})){this.#t={parent:t,label:s,failed:!0},this.requestUpdate();return}this.#t=null,this.#e.delete(t),this.select({kind:"node",id:r}),this.requestUpdate()}}const Ot=()=>{customElements.get("dpk-component-mind-map")||customElements.define("dpk-component-mind-map",Lt)},ne=N({en:{heading:"Kanban",empty:"No columns.",cards:"Card",notRecorded:"Could not record it. Place this inside a dpk-template-* element.",wipLimit:a=>`WIP limit ${a}`,addCardButton:"+ Card",addCardAriaLabel:a=>`Card to add to ${a}`,addCardPlaceholder:"Card title (Enter to add)",addCardTitle:"Add card",moveCardTitle:"Move card",addSummary:(a,e)=>`${a} \u203A ${e}`,moveSummarySame:(a,e)=>`${a}: reorder within ${e}`,moveSummaryAcross:(a,e,t)=>`${a}: ${e} \u2192 ${t}`},ja:{heading:"\u30AB\u30F3\u30D0\u30F3",empty:"\u5217\u304C\u3042\u308A\u307E\u305B\u3093\u3002",cards:"\u30AB\u30FC\u30C9",notRecorded:"\u8A18\u9332\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F\uFF08dpk-template-* \u8981\u7D20\u306E\u4E2D\u306B\u7F6E\u3044\u3066\u304F\u3060\u3055\u3044\uFF09\u3002",wipLimit:a=>`WIP \u4E0A\u9650 ${a}`,addCardButton:"\uFF0B \u30AB\u30FC\u30C9",addCardAriaLabel:a=>`${a} \u306B\u8FFD\u52A0\u3059\u308B\u30AB\u30FC\u30C9`,addCardPlaceholder:"\u30AB\u30FC\u30C9\u540D\uFF08Enter \u3067\u8FFD\u52A0\uFF09",addCardTitle:"\u30AB\u30FC\u30C9\u3092\u8FFD\u52A0",moveCardTitle:"\u30AB\u30FC\u30C9\u3092\u79FB\u52D5",addSummary:(a,e)=>`${a} \u203A ${e}`,moveSummarySame:(a,e)=>`${a}: ${e} \u5185\u3067\u4E26\u3079\u66FF\u3048`,moveSummaryAcross:(a,e,t)=>`${a}: ${e} \u2192 ${t}`}}),Ja=E({id:$(p(),S(1)),title:$(p(),S(1)),description:f(p()),tags:f(z(p())),assignee:f(p()),questions:f(p())}),Qa=["gray","blue","green","amber","violet","red"],er=E({id:$(p(),S(1)),label:$(p(),S(1)),description:f(p()),color:f(U(Qa)),limit:f($(Q(),es(),Qt(1))),cards:f(z(Ja))}),tr=E({columns:z(er)}),sr=()=>({columns:[]}),Rt=a=>{const e=Y(tr,a),t=new Set,s=new Set;return{columns:e.columns.map(i=>{if(t.has(i.id))throw new Error(`duplicate column id: ${i.id}`);return t.add(i.id),{id:i.id,label:i.label,description:i.description??null,color:i.color??null,limit:i.limit??null,cards:(i.cards??[]).map(n=>{if(s.has(n.id))throw new Error(`duplicate card id: ${n.id}`);return s.add(n.id),{id:n.id,title:n.title,description:n.description??null,tags:n.tags??[],assignee:n.assignee??null,...n.questions===void 0?{}:{questions:n.questions},column:i.id,change:null}})}})}},ue=(a,e)=>a.columns.flatMap(t=>t.cards).find(t=>t.id===e),ie=a=>a.columns.flatMap(e=>e.cards),ar=(a,e)=>e===null?a:{columns:a.columns.map(t=>({...t,cards:t.cards.filter(e)}))},rr=(a,e,t,s)=>{const r=ue(a,e);if(r===void 0||r.column!==t)return!1;if(s===e)return!0;const i=a.columns.find(o=>o.id===t)?.cards??[],n=i.findIndex(o=>o.id===e);return(i[n+1]?.id??null)===s},It="ADD_CARD",Pt="MOVE_CARD",nr=be({id:$(p(),S(1)),title:$(p(),ze(),S(1))}),ir=be({column:$(p(),S(1)),before:ts($(p(),S(1)))}),jt=(a,e)=>{const t=Ue(a);return t?.length===3&&t[1]===e?t[2]??null:null},or=(a,e)=>({columns:a.columns.map(t=>t.cards.some(s=>s.id===e)?{...t,cards:t.cards.filter(s=>s.id!==e)}:t)}),Ft=(a,e,t)=>({columns:a.columns.map(s=>{if(s.id!==t.column)return s;const r={...e,column:s.id},i=t.before===null?-1:s.cards.findIndex(n=>n.id===t.before);return{...s,cards:i<0?[...s.cards,r]:[...s.cards.slice(0,i),r,...s.cards.slice(i)]}})}),dr=(a,e,t)=>{const s=a.addCardTitle,r=jt(t.target.id,"column"),i=e.columns.find(d=>d.id===r);if(i===void 0)return{data:e,result:{id:t.id,title:s,stale:"target-missing"}};const n=fe(nr,t.payload);if(!n.success||ue(e,n.output.id)!==void 0)return{data:e,result:{id:t.id,title:s,stale:"constraint-violated"}};const o={id:n.output.id,title:n.output.title,description:null,tags:[],assignee:null,column:i.id,change:"added"};return{data:Ft(e,o,{column:i.id,before:null}),result:{id:t.id,title:s,summary:a.addSummary(i.label,o.title),tone:"create"}}},lr=(a,e,t)=>{const s=a.moveCardTitle,r=jt(t.target.id,"card"),i=r===null?void 0:ue(e,r);if(i===void 0)return{data:e,result:{id:t.id,title:s,stale:"target-missing"}};const n=fe(ir,t.payload),o=e.columns.find(h=>h.id===i.column),d=n.success?e.columns.find(h=>h.id===n.output.column):void 0,l=n.success?n.output.before:null,m=l===null||l!==i.id&&d?.cards.some(h=>h.id===l)===!0;if(!n.success||o===void 0||d===void 0||!m)return{data:e,result:{id:t.id,title:s,stale:"constraint-violated"}};const b={...i,change:i.change??"moved"},c=o.id===d.id?a.moveSummarySame(i.title,d.label):a.moveSummaryAcross(i.title,o.label,d.label);return{data:Ft(or(e,i.id),b,{column:d.id,before:l}),result:{id:t.id,title:s,summary:c,tone:"move"}}},cr=(a,e,t)=>{let s=e;const r=[];for(const i of t){const n=i.type===It?dr(a,s,i):i.type===Pt?lr(a,s,i):{data:s,result:{id:i.id,title:i.type,stale:"unsupported-action-type"}};s=n.data,r.push(n.result)}return{data:s,results:r}},pr=_`
   .kanban-board {
     display: flex;
     align-items: flex-start;
@@ -2182,21 +2377,28 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     width: 264px;
     padding: 10px;
     border: 1px solid var(--dpk-rule);
-    border-radius: var(--dpk-radius);
+    border-radius: var(--dpk-radius-lg);
     background: var(--dpk-paper-sunken);
+    box-shadow: inset 0 1px 3px var(--dpk-shade-1);
     cursor: default;
     transition:
-      border-color 150ms ease,
-      box-shadow 150ms ease;
+      border-color 150ms var(--dpk-ease),
+      box-shadow 150ms var(--dpk-ease);
   }
 
   .kanban-column.is-selected {
-    border-color: var(--dpk-ink-soft);
-    box-shadow: 0 0 0 3px var(--dpk-blue-soft);
+    border-color: color-mix(in srgb, var(--dpk-blue) 55%, transparent);
+    box-shadow:
+      inset 0 1px 3px var(--dpk-shade-1),
+      inset 0 0 0 2px color-mix(in srgb, var(--dpk-blue) 40%, transparent);
   }
 
   .kanban-column.is-drop-target {
     border-color: var(--dpk-blue);
+    background: color-mix(in srgb, var(--dpk-blue-soft) 60%, var(--dpk-paper-sunken));
+    box-shadow:
+      inset 0 1px 3px var(--dpk-shade-1),
+      inset 0 0 0 2px color-mix(in srgb, var(--dpk-blue) 30%, transparent);
   }
 
   .kanban-column-head {
@@ -2219,6 +2421,7 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     font-family: var(--dpk-body);
     font-size: 13px;
     font-weight: 650;
+    letter-spacing: -0.01em;
     text-align: left;
     cursor: pointer;
   }
@@ -2276,6 +2479,8 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     font-family: var(--dpk-mono);
     font-size: 11px;
     font-weight: 600;
+    font-variant-numeric: tabular-nums;
+    box-shadow: var(--dpk-bevel), var(--dpk-shadow-xs);
   }
 
   /* Over its WIP limit: the column asks for attention, not the cards. */
@@ -2323,21 +2528,27 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     background: var(--dpk-paper-raised);
     color: var(--dpk-ink);
     font-family: var(--dpk-body);
-    box-shadow: var(--dpk-shadow-xs);
+    box-shadow: var(--dpk-bevel), var(--dpk-shadow-xs);
     cursor: grab;
     transition:
-      border-color 150ms ease,
-      box-shadow 150ms ease,
-      opacity 150ms ease;
+      border-color 150ms var(--dpk-ease),
+      box-shadow 150ms var(--dpk-ease),
+      opacity 150ms var(--dpk-ease),
+      transform 150ms var(--dpk-ease);
   }
 
   .kanban-card:hover {
-    border-color: var(--dpk-rule-strong);
+    border-color: var(--dpk-rule-hover);
+    box-shadow: var(--dpk-bevel), var(--dpk-shadow-sm);
+    transform: translateY(-1px);
   }
 
   .kanban-card.is-selected {
-    border-color: var(--dpk-ink-soft);
-    box-shadow: 0 0 0 3px var(--dpk-blue-soft);
+    border-color: color-mix(in srgb, var(--dpk-blue) 55%, transparent);
+    box-shadow:
+      var(--dpk-bevel),
+      inset 0 0 0 2px color-mix(in srgb, var(--dpk-blue) 45%, transparent),
+      var(--dpk-shadow-xs);
   }
 
   .kanban-card:focus-visible {
@@ -2346,22 +2557,27 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
   }
 
   .kanban-card.is-dragging {
-    opacity: 0.4;
+    opacity: 0.45;
+    transform: rotate(-1.5deg) scale(0.98);
+    box-shadow: var(--dpk-shadow-sm);
   }
 
   /* Changed on this page by a draft action: not authored yet. */
   .kanban-card.is-added {
     border-style: dashed;
     border-color: var(--dpk-green);
+    background: linear-gradient(90deg, var(--dpk-green-soft), transparent 60%), var(--dpk-paper-raised);
   }
 
   .kanban-card.is-moved {
     border-left: 3px solid var(--dpk-blue);
+    background: linear-gradient(90deg, var(--dpk-blue-soft), transparent 60%), var(--dpk-paper-raised);
   }
 
   .kanban-card-title {
     font-size: 13px;
-    font-weight: 560;
+    font-weight: 600;
+    letter-spacing: -0.005em;
     line-height: 1.45;
     overflow-wrap: anywhere;
   }
@@ -2386,8 +2602,9 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
   }
 
   .kanban-tag {
-    padding: 1px 6px;
-    border-radius: var(--dpk-radius-xs);
+    padding: 1px 7px;
+    border: 1px solid var(--dpk-rule);
+    border-radius: 999px;
     background: var(--dpk-paper-sunken);
     color: var(--dpk-ink-soft);
     font-size: 10.5px;
@@ -2399,6 +2616,17 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     font-size: 11px;
   }
 
+  .kanban-assignee::before {
+    content: '';
+    display: inline-block;
+    width: 5px;
+    height: 5px;
+    margin-right: 4px;
+    border-radius: 999px;
+    background: var(--dpk-ink-faint);
+    vertical-align: middle;
+  }
+
   .kanban-card-slot > .diagram-comment-trigger {
     position: absolute;
     top: 5px;
@@ -2408,9 +2636,9 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
 
   .kanban-error {
     margin: 6px 0 0;
-    padding: 4px 6px;
+    padding: 4px 7px;
     border-radius: var(--dpk-radius-xs);
-    background: var(--dpk-paper-raised);
+    background: var(--dpk-accent-soft);
     color: var(--dpk-accent);
     font-size: 11.5px;
     line-height: 1.4;
@@ -2422,6 +2650,15 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     margin: -5.5px 0;
     border-radius: 2px;
     background: var(--dpk-blue);
+    box-shadow: 0 0 0 3px color-mix(in srgb, var(--dpk-blue) 22%, transparent);
+    animation: dpk-drop-in 140ms var(--dpk-ease-spring) backwards;
+  }
+
+  @keyframes dpk-drop-in {
+    from {
+      opacity: 0;
+      transform: scaleX(0.4);
+    }
   }
 
   .kanban-add {
@@ -2440,11 +2677,16 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     font-size: 12px;
     text-align: left;
     cursor: pointer;
+    transition:
+      border-color 140ms var(--dpk-ease),
+      background 140ms var(--dpk-ease),
+      color 140ms var(--dpk-ease);
   }
 
   .kanban-add-button:hover,
   .kanban-add-button:focus-visible {
-    border-color: var(--dpk-ink-soft);
+    border-color: color-mix(in srgb, var(--dpk-blue) 45%, var(--dpk-rule-strong));
+    background: var(--dpk-paper-raised);
     color: var(--dpk-ink);
     outline: none;
   }
@@ -2453,11 +2695,11 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
     width: 100%;
     font-size: 12.5px;
   }
-`;class Ht extends we{static{this.styles=[W,ha]}#e=null;#s=null;#n=null;#t=null;#a=null;parseData(e){return Rt(e)}emptyData(){return na()}reduceElementActions(e,t){return pa(ie(this.locale),e,t)}defaultHeading(){return ie(this.locale).heading}shellClass(){return"kanban"}emptyMessage(){return ie(this.locale).empty}commentItems(){const e=this.items();return[...e.columns.map(t=>({value:this.commentRef("column",t.id),label:t.label})),...re(e).map(t=>({value:this.commentRef("card",t.id),label:t.title}))]}hasSelection(e){const t=this.items();return e.kind==="column"?t.columns.some(s=>s.id===e.id):ue(t,e.id)!==void 0}tagItems(){return re(this.items()).map(e=>e.tags)}statsText(){const e=ie(this.locale),t=re(this.items()).length,s=re(this.#i()).length;return s===t?`${t} ${e.cards}`:`${s} / ${t} ${e.cards}`}isEmpty(){return this.items().columns.length===0}viewAlign(){return"start"}contentSize(){if(this.isEmpty())return null;const e=this.renderRoot.querySelector(".kanban-board");return{width:e?.offsetWidth??0,height:e?.offsetHeight??0}}refreshContent(){const e=this.authoredItems();e!==this.#e&&(this.#e=e,this.#s=null,this.#n=null)}renderCanvas(){const e=this.#i(),t=new Map(this.items().columns.map(s=>[s.id,s.cards.length]));return g`<div class="kanban-board">
+`;class Ht extends we{static{this.styles=[V,pr]}#e=null;#s=null;#a=null;#t=null;#r=null;parseData(e){return Rt(e)}emptyData(){return sr()}reduceElementActions(e,t){return cr(ne(this.locale),e,t)}defaultHeading(){return ne(this.locale).heading}shellClass(){return"kanban"}emptyMessage(){return ne(this.locale).empty}commentItems(){const e=this.items();return[...e.columns.map(t=>({value:this.commentRef("column",t.id),label:t.label})),...ie(e).map(t=>({value:this.commentRef("card",t.id),label:t.title}))]}hasSelection(e){const t=this.items();return e.kind==="column"?t.columns.some(s=>s.id===e.id):ue(t,e.id)!==void 0}tagItems(){return ie(this.items()).map(e=>e.tags)}statsText(){const e=ne(this.locale),t=ie(this.items()).length,s=ie(this.#n()).length;return s===t?`${t} ${e.cards}`:`${s} / ${t} ${e.cards}`}isEmpty(){return this.items().columns.length===0}viewAlign(){return"start"}contentSize(){if(this.isEmpty())return null;const e=this.renderRoot.querySelector(".kanban-board");return{width:e?.offsetWidth??0,height:e?.offsetHeight??0}}refreshContent(){const e=this.authoredItems();e!==this.#e&&(this.#e=e,this.#s=null,this.#a=null)}renderCanvas(){const e=this.#n(),t=new Map(this.items().columns.map(s=>[s.id,s.cards.length]));return g`<div class="kanban-board">
       ${me(e.columns,s=>s.id,s=>this.#o(s,t.get(s.id)??0))}
-    </div>`}#i(){const e=this.tagFilter;return aa(this.items(),e.active.length===0?null:t=>K(t.tags,e))}#r(e,t){const s=this.selection;return s!==null&&s.kind===e&&s.id===t}#o(e,t){const s=ie(this.locale),a=e.limit!==null&&t>e.limit,r=this.#a?.column===e.id?this.#a:null;return g`
+    </div>`}#n(){const e=this.tagFilter;return ar(this.items(),e.active.length===0?null:t=>K(t.tags,e))}#i(e,t){const s=this.selection;return s!==null&&s.kind===e&&s.id===t}#o(e,t){const s=ne(this.locale),r=e.limit!==null&&t>e.limit,i=this.#r?.column===e.id?this.#r:null;return g`
       <section
-        class=${X("kanban-column",a&&"is-over",this.#r("column",e.id)&&"is-selected",r!==null&&"is-drop-target")}
+        class=${X("kanban-column",r&&"is-over",this.#i("column",e.id)&&"is-selected",i!==null&&"is-drop-target")}
         data-column=${e.id}
         data-color=${e.color??w}
         aria-label=${e.label}
@@ -2466,7 +2708,7 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
           <button
             type="button"
             class="kanban-column-title"
-            aria-pressed=${this.#r("column",e.id)?"true":"false"}
+            aria-pressed=${this.#i("column",e.id)?"true":"false"}
             title=${e.description??e.label}
             @click=${()=>this.select({kind:"column",id:e.id})}
           >
@@ -2480,16 +2722,16 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
         ${e.description===null?w:g`<p class="kanban-column-description">${e.description}</p>`}
         <div
           class="kanban-cards"
-          @dragover=${i=>this.#h(i,e.id)}
-          @dragleave=${i=>this.#m(i)}
-          @drop=${i=>this.#g(i,e.id)}
+          @dragover=${n=>this.#h(n,e.id)}
+          @dragleave=${n=>this.#m(n)}
+          @drop=${n=>this.#g(n,e.id)}
         >
-          ${me(e.cards,i=>i.id,i=>g`${r?.before===i.id?this.#l():w}${this.#p(i,s)}`)}
-          ${r!==null&&r.before===null?this.#l():w}
+          ${me(e.cards,n=>n.id,n=>g`${i?.before===n.id?this.#l():w}${this.#p(n,s)}`)}
+          ${i!==null&&i.before===null?this.#l():w}
         </div>
         ${this.#u(e,s)}
       </section>
-    `}#l(){return g`<div class="kanban-drop-marker" aria-hidden="true"></div>`}#p(e,t){const s=this.#r("card",e.id);return g`
+    `}#l(){return g`<div class="kanban-drop-marker" aria-hidden="true"></div>`}#p(e,t){const s=this.#i("card",e.id);return g`
       <div class="kanban-card-slot">
         <div
           role="button"
@@ -2501,19 +2743,19 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
           title=${e.description??e.title}
           aria-pressed=${s?"true":"false"}
           @click=${()=>this.select({kind:"card",id:e.id})}
-          @keydown=${a=>this.#c(a,e.id)}
-          @dragstart=${a=>this.#b(a,e.id)}
+          @keydown=${r=>this.#c(r,e.id)}
+          @dragstart=${r=>this.#b(r,e.id)}
           @dragend=${()=>this.#f()}
         >
           <span class="kanban-card-title">${e.title}</span>
           ${e.description===null?w:g`<span class="kanban-card-description">${e.description}</span>`}
           ${e.tags.length===0&&e.assignee===null?w:g`<span class="kanban-card-meta">
-                  ${e.tags.map(a=>g`<span class="kanban-tag">${a}</span>`)}
+                  ${e.tags.map(r=>g`<span class="kanban-tag">${r}</span>`)}
                   ${e.assignee===null?w:g`<span class="kanban-assignee">${e.assignee}</span>`}
                 </span>`}
         </div>
         ${this.renderCommentTrigger({kind:"card",id:e.id},e.title)}
-        ${this.#n===e.id?g`<p class="kanban-error" role="alert">${t.notRecorded}</p>`:w}
+        ${this.#a===e.id?g`<p class="kanban-error" role="alert">${t.notRecorded}</p>`:w}
       </div>
     `}#u(e,t){const s=this.#s?.column===e.id?this.#s:null;return g`<div class="kanban-add">
       ${s===null?g`<button
@@ -2529,9 +2771,9 @@ import{_ as N,Z as Nt,k as _t,$ as Vt,a0 as _,a1 as w,a2 as g,a3 as me,a4 as I,a
                 aria-label="${t.addCardAriaLabel(e.label)}"
                 placeholder="${t.addCardPlaceholder}"
                 .value=${s.title}
-                @input=${a=>{const r=a.currentTarget;r instanceof HTMLInputElement&&(this.#s={...s,title:r.value,failed:!1})}}
-                @keydown=${a=>this.#y(a,e.id)}
+                @input=${r=>{const i=r.currentTarget;i instanceof HTMLInputElement&&(this.#s={...s,title:i.value,failed:!1})}}
+                @keydown=${r=>this.#y(r,e.id)}
               />
               ${s.failed?g`<span class="kanban-error" role="alert">${t.notRecorded}</span>`:w}
             `}
-    </div>`}#c(e,t){e.target!==e.currentTarget||e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),this.select({kind:"card",id:t}))}#d(e,t){const s=this.dispatchElementAction(Pt,["card",e],{column:t.column,before:t.before});this.#n=s?null:e,this.select({kind:"card",id:e}),this.requestUpdate()}#b(e,t){this.#t=t,e.dataTransfer&&(e.dataTransfer.effectAllowed="move",e.dataTransfer.setData("text/plain",t)),this.requestUpdate()}#h(e,t){if(this.#t===null)return;e.preventDefault(),e.dataTransfer&&(e.dataTransfer.dropEffect="move");const s=this.#v(e,t);this.#a?.column===s.column&&this.#a.before===s.before||(this.#a=s,this.requestUpdate())}#m(e){const t=e.currentTarget;!(t instanceof HTMLElement)||e.relatedTarget instanceof Node&&t.contains(e.relatedTarget)||(this.#a=null,this.requestUpdate())}#g(e,t){const s=this.#t;if(s===null)return;e.preventDefault();const a=this.#v(e,t);this.#f(),ia(this.items(),s,a.column,a.before)||this.#d(s,a)}#f(){this.#t===null&&this.#a===null||(this.#t=null,this.#a=null,this.requestUpdate())}#v(e,t){const s=e.currentTarget,r=(s instanceof HTMLElement?[...s.querySelectorAll("[data-card]")]:[]).find(i=>{if(i.dataset.card===this.#t)return!1;const o=i.getBoundingClientRect();return o.top+o.height/2>e.clientY});return{column:t,before:r?.dataset.card??null}}#k(e){this.#s={column:e,title:"",failed:!1},this.requestUpdate(),this.updateComplete.then(()=>this.renderRoot.querySelector(`[data-column="${CSS.escape(e)}"] .kanban-add input`)?.focus({preventScroll:!0}))}#y(e,t){if(e.isComposing)return;if(e.key==="Escape"){e.preventDefault(),this.#s=null,this.requestUpdate();return}if(e.key!=="Enter")return;e.preventDefault();const s=this.#s?.title.trim()??"";if(s.length===0)return;const a=[...this.items().columns.map(i=>i.id),...re(this.items()).map(i=>i.id)],r=Te(`card ${s}`,a);if(!this.dispatchElementAction(It,["column",t],{id:r,title:s})){this.#s={column:t,title:s,failed:!0},this.requestUpdate();return}this.#s=null,this.select({kind:"card",id:r}),this.requestUpdate()}}const Ut=()=>{customElements.get("dpk-component-kanban")||customElements.define("dpk-component-kanban",Ht)},Bt=()=>{Ke(),nt(),rt(),bt(),yt(),Ot(),Ut()},ua=()=>{ss(),ns(),Bt()};export{vt as D,it as a,ft as b,Ht as c,Lt as d,st as e,Ye as f,yt as g,rt as h,bt as i,Ut as j,Ot as k,nt as l,Ke as m,Dt as n,Qe as o,Rt as p,Ge as q,ua as r,Bt as s};
+    </div>`}#c(e,t){e.target!==e.currentTarget||e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),this.select({kind:"card",id:t}))}#d(e,t){const s=this.dispatchElementAction(Pt,["card",e],{column:t.column,before:t.before});this.#a=s?null:e,this.select({kind:"card",id:e}),this.requestUpdate()}#b(e,t){this.#t=t,e.dataTransfer&&(e.dataTransfer.effectAllowed="move",e.dataTransfer.setData("text/plain",t)),this.requestUpdate()}#h(e,t){if(this.#t===null)return;e.preventDefault(),e.dataTransfer&&(e.dataTransfer.dropEffect="move");const s=this.#v(e,t);this.#r?.column===s.column&&this.#r.before===s.before||(this.#r=s,this.requestUpdate())}#m(e){const t=e.currentTarget;!(t instanceof HTMLElement)||e.relatedTarget instanceof Node&&t.contains(e.relatedTarget)||(this.#r=null,this.requestUpdate())}#g(e,t){const s=this.#t;if(s===null)return;e.preventDefault();const r=this.#v(e,t);this.#f(),rr(this.items(),s,r.column,r.before)||this.#d(s,r)}#f(){this.#t===null&&this.#r===null||(this.#t=null,this.#r=null,this.requestUpdate())}#v(e,t){const s=e.currentTarget,i=(s instanceof HTMLElement?[...s.querySelectorAll("[data-card]")]:[]).find(n=>{if(n.dataset.card===this.#t)return!1;const o=n.getBoundingClientRect();return o.top+o.height/2>e.clientY});return{column:t,before:i?.dataset.card??null}}#k(e){this.#s={column:e,title:"",failed:!1},this.requestUpdate(),this.updateComplete.then(()=>this.renderRoot.querySelector(`[data-column="${CSS.escape(e)}"] .kanban-add input`)?.focus({preventScroll:!0}))}#y(e,t){if(e.isComposing)return;if(e.key==="Escape"){e.preventDefault(),this.#s=null,this.requestUpdate();return}if(e.key!=="Enter")return;e.preventDefault();const s=this.#s?.title.trim()??"";if(s.length===0)return;const r=[...this.items().columns.map(n=>n.id),...ie(this.items()).map(n=>n.id)],i=Te(`card ${s}`,r);if(!this.dispatchElementAction(It,["column",t],{id:i,title:s})){this.#s={column:t,title:s,failed:!0},this.requestUpdate();return}this.#s=null,this.select({kind:"card",id:i}),this.requestUpdate()}}const Ut=()=>{customElements.get("dpk-component-kanban")||customElements.define("dpk-component-kanban",Ht)},Bt=()=>{Ke(),at(),it(),bt(),yt(),Ot(),Ut()},hr=()=>{ss(),as(),Bt()};export{vt as D,nt as a,ft as b,Ht as c,Lt as d,st as e,Ge as f,yt as g,it as h,bt as i,Ut as j,Ot as k,at as l,Ke as m,Dt as n,Qe as o,Rt as p,We as q,hr as r,Bt as s};