@memoarchitect/architect 0.7.2 → 0.8.26

package/dist/assets/element-options-B7AgTB8R.js

@@ -1,3 +0,0 @@
-import{j as c}from"./reactflow-s7jmJtXx.js";import{a as E}from"./zustand-CrhqMOHB.js";import{C as l,F as R,h as W,S as G}from"./index-Bij8Q4Kg.js";const J=["composes","composedOf","decomposedBy","aggregation","includes","includesStep","containsEvent","moduleUses"];function _(e){const r=new Set(e.relationships.map(t=>t.type));return J.filter(t=>r.has(t))}function Z(e){return[...new Set(e.relationships.map(r=>r.type))].sort()}function V(e){const r=new Map;for(const t of Object.values(e.elements)){const o=t.layer||"unassigned";let n=r.get(o);n||(n=new Map,r.set(o,n)),n.set(t.kind,(n.get(t.kind)??0)+1)}return[...r.entries()].map(([t,o])=>({layer:t,elementCount:[...o.values()].reduce((n,s)=>n+s,0),kinds:[...o.entries()].map(([n,s])=>({kind:n,elementCount:s})).sort((n,s)=>s.elementCount-n.elementCount||n.kind.localeCompare(s.kind))})).sort((t,o)=>o.elementCount-t.elementCount||t.layer.localeCompare(o.layer))}function ee(e,r){const t=new Set(r??_(e)),o=new Map;for(const s of e.relationships){if(t.has(s.type))continue;const d=e.elements[s.sourceId],i=e.elements[s.targetId];!d||!i||d.layer!==i.layer||o.set(d.layer,(o.get(d.layer)??0)+1)}const n=V(e);if(n.length!==0)return[...n].sort((s,d)=>(o.get(d.layer)??0)-(o.get(s.layer)??0)||d.elementCount-s.elementCount||s.layer.localeCompare(d.layer))[0].layer}function ye(e,r){const t=new Set(_(e)),o=new Map;for(const i of e.relationships){if(t.has(i.type))continue;const f=e.elements[i.sourceId],g=e.elements[i.targetId];if(!f||!g||f.layer===g.layer)continue;const p=`${f.layer}>${g.layer}`;o.set(p,(o.get(p)??0)+1)}const n=[...o.entries()].sort((i,f)=>f[1]-i[1]||i[0].localeCompare(f[0]))[0];if(!n){const i=ee(e,r);return{rows:i,columns:i}}const[s,d]=n[0].split(">");return{rows:s,columns:d}}function te(e,r){const t=new Map;for(const n of Object.values(e.elements)){const s=n.parentAction??n.owner;s&&e.elements[s]&&t.set(n.id,s)}const o=new Set(r);for(const n of e.relationships)o.has(n.type)&&(!e.elements[n.sourceId]||!e.elements[n.targetId]||n.sourceId!==n.targetId&&t.set(n.targetId,n.sourceId));for(const n of[...t.keys()]){const s=new Set([n]);let d=t.get(n);for(;d;){if(s.has(d)){t.delete(d);break}s.add(d),d=t.get(d)}}return t}function ne(e,r){const t=[],o=new Set([e]);let n=r.get(e);for(;n&&!o.has(n);)t.push(n),o.add(n),n=r.get(n);return t}function K(e,r,t,o,n){const s=new Set((o==null?void 0:o.kinds)??[]),d=new Set((o==null?void 0:o.elementIds)??[]),i=u=>(!(o!=null&&o.layer)||u.layer===o.layer)&&(s.size===0||s.has(u.kind))&&(d.size===0||d.has(u.id)),f=new Set;for(const u of Object.values(e.elements))if(i(u)){f.add(u.id);for(const w of ne(u.id,r))f.add(w)}const g=new Map,p=u=>{const w=g.get(u);if(w)return w;const S=[u];g.set(u,S);for(const A of t.get(u)??[])A!==u&&S.push(...p(A));return S},v=new Map,y=(u,w)=>{const S=v.get(u);if(S)return S;const A=e.elements[u],x={id:u,name:(A==null?void 0:A.name)??u,kind:(A==null?void 0:A.kind)??"Unknown",layer:(A==null?void 0:A.layer)??"",isElement:!0,children:[],members:p(u),depth:w};return v.set(u,x),x.children=(t.get(u)??[]).filter(L=>f.has(L)&&L!==u).map(L=>y(L,w+1)),x};let $=[...f].filter(u=>{const w=r.get(u);return!w||!f.has(w)}).map(u=>y(u,0));n&&($=oe($,e));const k=new Map,h=new Map,j=(u,w)=>{w&&h.set(u.id,w),u.children.forEach(S=>j(S,u));for(const S of u.members)k.has(S)||k.set(S,u)};return $.forEach(u=>j(u,void 0)),{roots:$,ownerOf:k,parentNodeOf:h}}function oe(e,r){var d;const t=[],o=new Map,n=i=>{const f=i.join("::"),g=o.get(f);if(g)return g;const p={id:`pkg:${f}`,name:i[i.length-1],kind:"Package",layer:"",isElement:!1,children:[],members:[],depth:i.length-1};return o.set(f,p),i.length===1?t.push(p):n(i.slice(0,-1)).children.push(p),p};for(const i of e){const f=(d=r.elements[i.id])==null?void 0:d.package;if(!f){t.push(i);continue}n(f.split("::")).children.push(i)}const s=(i,f)=>{i.depth=f,i.children.forEach(g=>s(g,f+1)),i.isElement||(i.members=i.children.flatMap(g=>g.members))};return t.forEach(i=>s(i,0)),t}function q(e,r,t){const o=(i,f)=>i.name.localeCompare(f.name),n=(i,f)=>i.kind.localeCompare(f.kind)||o(i,f),s=i=>i.length<2?i:r==="natural"?[...i].sort(o):r==="kind"?[...i].sort(n):r==="partition"?re(i,t):se(i,t),d=i=>{const f=s(i);for(const g of f)g.children=d(g.children);return f};return d(e)}function re(e,r){const t=[...e].sort((n,s)=>n.name.localeCompare(s.name)),o=[];for(;t.length>0;){const n=t.filter(s=>!t.some(d=>d!==s&&r(d,s)));if(n.length===0){o.push(...t);break}for(const s of n)o.push(s),t.splice(t.indexOf(s),1)}return o}function se(e,r){const t=e.map((s,d)=>d),o=s=>t[s]===s?s:t[s]=o(t[s]);for(let s=0;s<e.length;s++)for(let d=s+1;d<e.length;d++)(r(e[s],e[d])||r(e[d],e[s]))&&(t[o(s)]=o(d));const n=new Map;return e.forEach((s,d)=>{const i=o(d),f=n.get(i);f?f.push(s):n.set(i,[s])}),[...n.values()].map(s=>s.sort((d,i)=>d.name.localeCompare(i.name))).sort((s,d)=>d.length-s.length||s[0].name.localeCompare(d[0].name)).flat()}function Y(e,r){const t=[],o=(n,s,d)=>{const i=n.children.length>0,f=i&&r.has(n.id);if(t.push({node:n,index:t.length+1,depth:s,expandable:i,expanded:f,ancestorIds:d,memberCount:n.members.length}),!f)return;const g=[...d,n.id];for(const p of n.children)o(p,s+1,g)};return e.forEach(n=>o(n,0,[])),t}function be(e,r=1/0){const t=[],o=(n,s)=>{s>=r||(n.children.length>0&&t.push(n.id),n.children.forEach(d=>o(d,s+1)))};return e.forEach(n=>o(n,0)),t}function we(e,r={}){var B,D;const t=r.containmentTypes??_(e),o=te(e,t),n=new Map;for(const[a,m]of o){const I=n.get(m);I?I.push(a):n.set(m,[a])}const s=new Set(r.dependencyTypes??[]),d=a=>(s.size===0||s.has(a.type))&&!t.includes(a.type),i=e.relationships.filter(d),f=r.groupByPackage??!1,g=K(e,o,n,r.rows,f),p=K(e,o,n,r.columns,f),v=a=>{const m=new Set,I=C=>{const z=[];let O=a.ownerOf.get(C);for(;O;)z.push(O.id),O=a.parentNodeOf.get(O.id);return z},M=(C,z)=>{for(const O of I(C))for(const T of I(z))O!==T&&m.add(`${O}>${T}`)};for(const C of i)M(C.sourceId,C.targetId),r.symmetric&&M(C.targetId,C.sourceId);return(C,z)=>C!==z&&m.has(`${C.id}>${z.id}`)},y=r.ordering??"natural",b=q(g.roots,y,v(g)),$=q(p.roots,y,v(p)),k=Y(b,((B=r.rows)==null?void 0:B.expanded)??new Set),h=Y($,((D=r.columns)==null?void 0:D.expanded)??new Set),j=new Map;k.forEach((a,m)=>j.set(a.node.id,m));const u=new Map;h.forEach((a,m)=>u.set(a.node.id,m));const w=(a,m,I)=>{let M=m.ownerOf.get(a);const C=new Set;for(;M&&!C.has(M.id);){C.add(M.id);const z=I.get(M.id);if(z!==void 0)return z;M=m.parentNodeOf.get(M.id)}},S=Array.from({length:k.length},()=>Array.from({length:h.length},()=>null));let A=0,x=0;const L=(a,m,I)=>{const M=w(m,g,j),C=w(I,p,u);if(M===void 0||C===void 0)return;const z=k[M],O=h[C],T=z.node.id===O.node.id;let F=S[M][C];F||(F={strength:0,types:[],relationshipIds:[],diagonal:T,aggregated:z.node.id!==m||O.node.id!==I},S[M][C]=F),F.strength++,(z.node.id!==m||O.node.id!==I)&&(F.aggregated=!0),F.types.includes(a.type)||F.types.push(a.type),F.relationshipIds.push(a.id),T?x++:A++};for(const a of i)L(a,a.sourceId,a.targetId),r.symmetric&&L(a,a.targetId,a.sourceId);return{rowRoots:b,columnRoots:$,rows:k,columns:h,matrix:S,totalDependencies:A,candidateDependencies:i.length,elementCount:Object.keys(e.elements).length,stats:ie(k,h,S,x),availableDependencyTypes:Z(e)}}function ie(e,r,t,o){const n=new Map;r.forEach((p,v)=>n.set(p.node.id,v));let s=0,d=0,i=0,f=0;const g=new Array(r.length).fill(0);e.forEach((p,v)=>{let y=0;t[v].forEach((b,$)=>{if(!b||b.diagonal)return;y+=b.strength,g[$]+=b.strength;const k=n.get(p.node.id);k!==void 0&&$<k&&(s+=b.strength)}),f=Math.max(f,y)}),e.forEach((p,v)=>{const y=t[v].some(k=>k&&!k.diagonal),b=n.get(p.node.id),$=b!==void 0&&t.some(k=>k[b]&&!k[b].diagonal);!y&&!$&&i++});for(let p=0;p<e.length;p++){const v=n.get(e[p].node.id);if(v!==void 0)for(let y=0;y<r.length;y++){const b=t[p][y];if(!b||b.diagonal||y>=v)continue;const $=e.findIndex(k=>k.node.id===r[y].node.id);$>=0&&t[$][v]&&d++}}return g.forEach(p=>{f=Math.max(f,p)}),{feedback:s,couplings:d,isolated:i,maxDegree:f,internal:o}}const X=300,N=24,ae=9e4;function H(e){return e<=0?"2px solid #94A3B8":e===1?"1px solid #B6C4D0":`1px solid ${l.borderLight}`}function Q(e){return e.map((r,t)=>{if(t===0)return null;const o=e[t-1];return r.ancestorIds.includes(o.node.id)?null:Math.min(r.depth,o.depth)})}function ke({result:e,onToggleRow:r,onToggleColumn:t,onSelectElement:o,selectedElementId:n,renderCell:s,onCellClick:d,cellSize:i=26,showColumnNames:f=!1,footer:g}){const[p,v]=E.useState(null),{rows:y,columns:b,matrix:$,elementCount:k}=e,h=E.useMemo(()=>Q(y),[y]),j=E.useMemo(()=>Q(b),[b]),u=x=>x.ancestorIds[0]??x.node.id,w=x=>x.length>N?`${x.slice(0,N-1)}…`:x,S=f?34+Math.min(N,Math.max(0,...b.map(x=>x.node.name.length)))*4.6:26;if(y.length===0||b.length===0)return c.jsx("div",{className:"flex-1 flex items-center justify-center",style:{padding:"40px"},children:c.jsxs("div",{style:{textAlign:"center",maxWidth:"340px"},children:[c.jsx("div",{style:{fontSize:"34px",opacity:.35,marginBottom:"10px"},children:"▦"}),c.jsx("h3",{style:{fontSize:R.md,fontWeight:600,color:l.secondary,marginBottom:"6px"},children:"Nothing to plot"}),c.jsx("p",{style:{fontSize:R.xs,color:l.faint,lineHeight:1.6},children:"No element matches the chosen row and column types. Widen either axis, or clear the type filter to see the whole model."})]})});const A=y.length*b.length>ae;return c.jsxs("div",{style:{padding:"14px",overflow:"auto",flex:1},children:[A&&c.jsxs("div",{style:{marginBottom:"10px",padding:"8px 10px",borderRadius:"6px",background:"#FEF3C7",border:"1px solid #FCD34D",fontSize:R.xs,color:"#92400E"},children:[y.length.toLocaleString()," × ",b.length.toLocaleString()," is past what stays responsive to draw. Collapse a few subsystems, or narrow the row and column types."]}),!A&&c.jsxs("div",{style:{display:"inline-block",minWidth:"100%"},children:[c.jsxs("div",{style:{display:"flex",position:"sticky",top:0,zIndex:20,background:l.surface},children:[c.jsxs("div",{style:{width:X,flexShrink:0,height:S,display:"flex",alignItems:"flex-end",justifyContent:"flex-end",paddingRight:"8px",paddingBottom:"3px",fontSize:"10px",color:l.faint,borderBottom:`1px solid ${l.border}`},children:[y.length," rows ","×"," ",b.length," cols"]}),b.map((x,L)=>{const B=(p==null?void 0:p.column)===L;return c.jsxs("div",{onClick:()=>x.expandable?t(x.node.id):o==null?void 0:o(x.node.id),onMouseEnter:()=>v({row:-1,column:L}),onMouseLeave:()=>v(null),title:`${x.index}. ${x.node.name} (${x.node.kind})${x.expandable?" — click to expand":""}`,style:{width:i,flexShrink:0,height:S,position:"relative",cursor:"pointer",borderLeft:j[L]===null?void 0:H(j[L]),borderBottom:`1px solid ${l.border}`,background:B?"#EAF7F3":"transparent"},children:[f&&c.jsxs("div",{style:{position:"absolute",bottom:"20px",left:i/2,transformOrigin:"bottom left",transform:"rotate(-45deg)",whiteSpace:"nowrap",fontSize:"10px",color:B?l.primary:l.muted,fontWeight:x.expandable?600:400},children:[x.expandable?x.expanded?"− ":"+ ":"",w(x.node.name)]}),c.jsx("div",{style:{position:"absolute",bottom:"3px",width:"100%",textAlign:"center",fontSize:"9px",color:B?l.primary:l.faint,fontWeight:B?700:400},children:x.index})]},x.node.id)})]}),y.map((x,L)=>{const B=(p==null?void 0:p.row)===L,D=n===x.node.id;return c.jsxs("div",{style:{display:"flex",borderTop:h[L]===null?void 0:H(h[L])},children:[c.jsx(le,{entry:x,height:i,hovered:B,selected:D,onToggle:()=>r(x.node.id),onSelect:()=>o==null?void 0:o(x.node.id)}),b.map((a,m)=>{const I=$[L][m],M=s?s(I,x,a):ce(I),C=(p==null?void 0:p.row)===L||(p==null?void 0:p.column)===m,z=u(x)===u(a),O=x.node.id===a.node.id,T=M.background??(O?"#E3E8EE":C?"#F1F7F5":z?"#FAFBFC":l.surface),F=M.text??(O?de(x,k):void 0),U=!!I||M.actionable;return c.jsx("div",{onMouseEnter:()=>v({row:L,column:m}),onMouseLeave:()=>v(null),onClick:U?()=>d==null?void 0:d(x,a,I):void 0,title:M.title??pe(I,x,a),style:{width:i,height:i,flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",fontSize:i<22?"9px":"10px",fontWeight:600,color:M.color??(O?l.faint:l.secondary),background:T,borderRight:`1px solid ${l.borderLight}`,borderBottom:`1px solid ${l.borderLight}`,borderLeft:j[m]===null?void 0:H(j[m]),cursor:U?"pointer":"default",outline:(p==null?void 0:p.row)===L&&(p==null?void 0:p.column)===m?`2px solid ${l.accent}`:void 0,outlineOffset:"-2px"},children:F},a.node.id)})]},x.node.id)})]}),g]})}function le({entry:e,height:r,hovered:t,selected:o,onToggle:n,onSelect:s}){const d=e.depth*14,i={width:X,flexShrink:0,height:r,display:"flex",alignItems:"center",gap:"5px",paddingLeft:`${6+d}px`,paddingRight:"7px",position:"sticky",left:0,zIndex:10,background:o?"#E8F8F3":t?"#F1F7F5":l.surface,borderRight:`1px solid ${l.border}`,borderBottom:`1px solid ${l.borderLight}`,fontSize:"11px",color:t||o?l.primary:l.secondary,fontWeight:e.expandable?600:400};return c.jsxs("div",{style:i,children:[c.jsx("button",{type:"button",onClick:e.expandable?n:void 0,"aria-label":e.expandable?`${e.expanded?"Collapse":"Expand"} ${e.node.name}`:void 0,disabled:!e.expandable,style:{width:"13px",height:"13px",flexShrink:0,padding:0,lineHeight:"11px",borderRadius:"3px",fontSize:"10px",border:e.expandable?`1px solid ${l.border}`:"1px solid transparent",background:e.expandable?l.surface:"transparent",color:l.muted,cursor:e.expandable?"pointer":"default"},children:e.expandable?e.expanded?"−":"+":""}),c.jsx("span",{style:{width:"3px",height:"13px",borderRadius:"2px",flexShrink:0,background:e.node.isElement?W[e.node.layer]||"#9CA3AF":"#CBD5E1"}}),c.jsx("span",{onClick:s,title:`${e.node.name} (${e.node.kind})`,style:{flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",cursor:"pointer"},children:e.node.name}),e.expandable&&!e.expanded&&e.memberCount>1&&c.jsx("span",{style:{fontSize:"9px",color:l.faint},title:`${e.memberCount} elements rolled up`,children:e.memberCount}),c.jsx("span",{style:{fontSize:"9px",color:l.faint,width:"22px",textAlign:"right"},children:e.index})]})}function de(e,r){return e.node.children.length===0||r===0?"·":`${Math.round(e.memberCount/r*100)}%`}function ce(e){return e?e.diagonal?{text:String(e.strength),color:l.muted}:{text:String(e.strength),color:l.primary}:{}}function pe(e,r,t){const o=`${r.node.name} → ${t.node.name}`;if(!e)return o;if(e.diagonal)return`${r.node.name}: ${e.strength} internal dependenc${e.strength===1?"y":"ies"}`;const n=e.types.join(", ");return`${o}
-${e.strength} dependenc${e.strength===1?"y":"ies"} (${n})${e.aggregated?`
-rolled up from collapsed parts`:""}`}function ue(e,r){if(r.length===0)return!0;const t=`${e.label??e.value} ${e.group??""} ${e.keywords??""}`.toLowerCase();return r.every(o=>t.includes(o))}function fe(e,r){const t=r.trim().toLowerCase().split(/\s+/).filter(Boolean);if(t.length===0)return e;const o=[],n=[];for(const s of e){if(!ue(s,t))continue;(s.label??s.value).toLowerCase().startsWith(t[0])?o.push(s):n.push(s)}return[...o,...n]}function Se({label:e,options:r,selected:t,onChange:o,allLabel:n="All",placeholder:s="Type to filter…",width:d=150,title:i,describedAs:f,maxVisible:g=300}){var D;const[p,v]=E.useState(!1),[y,b]=E.useState(""),[$,k]=E.useState(0),h=E.useRef(null),j=E.useRef(null),u=E.useMemo(()=>new Set(t),[t]),w=E.useMemo(()=>fe(r,y),[r,y]),S=w.length>g?w.slice(0,g):w,A=w.length-S.length;E.useEffect(()=>{k(0)},[y,p]),E.useEffect(()=>{if(!p)return;const a=m=>{var I;(I=h.current)!=null&&I.contains(m.target)||(v(!1),b(""))};return document.addEventListener("mousedown",a),()=>document.removeEventListener("mousedown",a)},[p]),E.useEffect(()=>{var a;p&&((a=j.current)==null||a.focus())},[p]);const x=E.useCallback(a=>{o(u.has(a)?t.filter(m=>m!==a):[...t,a])},[o,t,u]),L=a=>{if(a.key==="Escape"){v(!1),b("");return}a.key==="ArrowDown"&&(a.preventDefault(),k(m=>Math.min(m+1,S.length-1))),a.key==="ArrowUp"&&(a.preventDefault(),k(m=>Math.max(m-1,0))),a.key==="Enter"&&S[$]&&(a.preventDefault(),x(S[$].value))},B=t.length===0?n:t.length===1?((D=r.find(a=>a.value===t[0]))==null?void 0:D.label)??t[0]:`${t.length} selected`;return c.jsxs("div",{ref:h,style:{position:"relative",display:"flex",alignItems:"center",gap:"5px"},children:[c.jsx("span",{style:{fontSize:R.xs,color:l.muted,whiteSpace:"nowrap"},children:e}),c.jsxs("button",{type:"button","aria-haspopup":"listbox","aria-expanded":p,title:i??(t.length>0?t.join(", "):n),onClick:()=>v(a=>!a),style:{width:d,display:"flex",alignItems:"center",justifyContent:"space-between",gap:"6px",padding:"3px 7px",borderRadius:"5px",border:`1px solid ${t.length>0?l.accent:l.border}`,background:l.surface,fontSize:R.xs,color:t.length>0?l.primary:l.muted,cursor:"pointer",textAlign:"left"},children:[c.jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:B}),c.jsx("span",{style:{fontSize:"9px",color:l.faint},children:"▼"})]}),p&&c.jsxs("div",{role:"listbox",style:{position:"absolute",top:"calc(100% + 4px)",left:0,zIndex:60,width:Math.max(d+70,220),background:l.surface,border:`1px solid ${l.border}`,borderRadius:"7px",boxShadow:G.lg,overflow:"hidden"},children:[c.jsx("input",{ref:j,value:y,onChange:a=>b(a.target.value),onKeyDown:L,placeholder:s,"aria-label":`Filter ${f??e}`,style:{width:"100%",padding:"7px 9px",border:"none",borderBottom:`1px solid ${l.borderLight}`,fontSize:R.xs,outline:"none",color:l.primary}}),c.jsxs("div",{style:{maxHeight:"260px",overflowY:"auto"},children:[w.length===0&&c.jsxs("div",{style:{padding:"10px",fontSize:R.xs,color:l.faint},children:["Nothing matches ","“",y,"”"]}),S.map((a,m)=>{var C;const I=u.has(a.value),M=a.group&&a.group!==((C=S[m-1])==null?void 0:C.group)?a.group:null;return c.jsxs("div",{children:[M&&c.jsx("div",{style:{position:"sticky",top:0,zIndex:1,padding:"4px 9px 2px",fontSize:"10px",fontWeight:600,color:l.faint,background:l.surface,borderBottom:`1px solid ${l.borderLight}`},children:M}),c.jsxs("div",{role:"option","aria-selected":I,onMouseEnter:()=>k(m),onClick:()=>x(a.value),style:{display:"flex",alignItems:"center",gap:"7px",padding:"5px 9px",cursor:"pointer",fontSize:R.xs,background:m===$?l.surfaceAlt:"transparent",color:l.primary},children:[c.jsx("input",{type:"checkbox",readOnly:!0,checked:I,style:{accentColor:l.accent}}),a.color&&c.jsx("span",{style:{width:"8px",height:"8px",borderRadius:"2px",background:a.color,flexShrink:0}}),c.jsx("span",{style:{flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:a.label??a.value}),a.hint&&c.jsx("span",{style:{color:l.faint,fontSize:"11px"},children:a.hint})]})]},a.value)}),A>0&&c.jsxs("div",{style:{padding:"7px 9px",fontSize:"11px",color:l.faint,borderTop:`1px solid ${l.borderLight}`},children:[A.toLocaleString()," more match. Keep typing to narrow, or use"," ","Select matches to take all ",w.length.toLocaleString(),"."]})]}),c.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"10px",padding:"6px 9px",borderTop:`1px solid ${l.borderLight}`},children:[c.jsxs("button",{type:"button",onClick:()=>o(w.map(a=>a.value)),style:{fontSize:"11px",color:"#2563EB",background:"none",border:"none",cursor:"pointer",padding:0},children:["Select ",y?`matches (${w.length})`:`all (${r.length})`]}),c.jsx("button",{type:"button",onClick:()=>o([]),style:{fontSize:"11px",color:l.muted,background:"none",border:"none",cursor:"pointer",padding:0},children:"None"}),t.length>0&&c.jsxs("span",{style:{marginLeft:"auto",fontSize:"11px",color:l.faint},children:[t.length," picked"]})]})]})]})}function P(e){const r=e.replace(/[_-]+/g," ").trim();return r.charAt(0).toUpperCase()+r.slice(1)}function he(e,r){if(e.kind)return e.kind;if(e.layer){const t=r.find(o=>o.layer===e.layer);return t&&t.kinds.length===1?t.kinds[0].kind:P(e.layer)}return"Everything"}function ve({label:e,layers:r,value:t,onChange:o,width:n=165,title:s,describedAs:d}){const[i,f]=E.useState(!1),[g,p]=E.useState(""),v=E.useRef(null),y=E.useRef(null);E.useEffect(()=>{if(!i)return;const h=j=>{var u;(u=v.current)!=null&&u.contains(j.target)||(f(!1),p(""))};return document.addEventListener("mousedown",h),()=>document.removeEventListener("mousedown",h)},[i]),E.useEffect(()=>{var h;i&&((h=y.current)==null||h.focus())},[i]);const b=E.useMemo(()=>{const h=g.trim().toLowerCase().split(/\s+/).filter(Boolean);if(h.length===0)return r;const j=u=>h.every(w=>u.toLowerCase().includes(w));return r.map(u=>{if(j(P(u.layer)))return u;const w=u.kinds.filter(S=>j(`${S.kind} ${u.layer}`));return w.length>0?{...u,kinds:w}:null}).filter(u=>u!==null)},[r,g]),$=h=>{o(h),f(!1),p("")},k=(h,j)=>({display:"flex",alignItems:"center",gap:"7px",padding:j?"4px 9px 4px 26px":"5px 9px",cursor:"pointer",fontSize:R.xs,background:h?"#E8F8F3":"transparent",color:l.primary,fontWeight:h?600:400});return c.jsxs("div",{ref:v,style:{position:"relative",display:"flex",alignItems:"center",gap:"5px"},children:[c.jsx("span",{style:{fontSize:R.xs,color:l.muted,whiteSpace:"nowrap"},children:e}),c.jsxs("button",{type:"button","aria-haspopup":"listbox","aria-expanded":i,title:s,onClick:()=>f(h=>!h),style:{width:n,display:"flex",alignItems:"center",justifyContent:"space-between",gap:"6px",padding:"3px 7px",borderRadius:"5px",border:`1px solid ${l.accent}`,background:l.surface,fontSize:R.xs,color:l.primary,cursor:"pointer",textAlign:"left"},children:[c.jsxs("span",{style:{display:"flex",alignItems:"center",gap:"6px",overflow:"hidden"},children:[t.layer&&c.jsx("span",{style:{width:"3px",height:"12px",borderRadius:"2px",flexShrink:0,background:W[t.layer]||"#9CA3AF"}}),c.jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:he(t,r)})]}),c.jsx("span",{style:{fontSize:"9px",color:l.faint},children:"▼"})]}),i&&c.jsxs("div",{role:"listbox",style:{position:"absolute",top:"calc(100% + 4px)",left:0,zIndex:60,width:Math.max(n+60,240),background:l.surface,border:`1px solid ${l.border}`,borderRadius:"7px",boxShadow:G.lg,overflow:"hidden"},children:[c.jsx("input",{ref:y,value:g,onChange:h=>p(h.target.value),onKeyDown:h=>{h.key==="Escape"&&(f(!1),p(""))},placeholder:"Filter layers and types…","aria-label":`Filter ${d??e}`,style:{width:"100%",padding:"7px 9px",border:"none",borderBottom:`1px solid ${l.borderLight}`,fontSize:R.xs,outline:"none",color:l.primary}}),c.jsxs("div",{style:{maxHeight:"300px",overflowY:"auto"},children:[b.length===0&&c.jsxs("div",{style:{padding:"10px",fontSize:R.xs,color:l.faint},children:["Nothing matches ","“",g,"”"]}),b.map(h=>c.jsxs("div",{children:[c.jsxs("div",{role:"option","aria-selected":t.layer===h.layer&&!t.kind,onClick:()=>$({layer:h.layer}),style:k(t.layer===h.layer&&!t.kind,!1),children:[c.jsx("span",{style:{width:"3px",height:"12px",borderRadius:"2px",flexShrink:0,background:W[h.layer]||"#9CA3AF"}}),c.jsx("span",{style:{flex:1},children:P(h.layer)}),c.jsx("span",{style:{color:l.faint,fontSize:"11px"},children:h.elementCount})]}),h.kinds.length>1&&h.kinds.map(j=>c.jsxs("div",{role:"option","aria-selected":t.kind===j.kind,onClick:()=>$({layer:h.layer,kind:j.kind}),style:k(t.kind===j.kind,!0),children:[c.jsx("span",{style:{flex:1,color:l.secondary},children:j.kind}),c.jsx("span",{style:{color:l.faint,fontSize:"11px"},children:j.elementCount})]},j.kind))]},h.layer))]})]})]})}function je(e,r){return e?Object.values(e.elements).filter(t=>(!r.layer||t.layer===r.layer)&&(!r.kind||t.kind===r.kind)).sort((t,o)=>t.kind.localeCompare(o.kind)||t.name.localeCompare(o.name)).map(t=>({value:t.id,label:t.name,group:t.kind,hint:t.shortId,keywords:`${t.id} ${t.shortId??""} ${t.package??""}`})):[]}export{ve as A,ke as H,Se as T,be as a,ye as b,we as c,_ as d,je as e,V as l,Z as r,ee as s};

package/dist/assets/index-BWMNo4wW.css

@@ -1 +0,0 @@
-/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-500:oklch(63.7% .237 25.331);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-300:oklch(86.9% .022 252.894);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-3xl:48rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-3{top:calc(var(--spacing) * 3)}.top-7{top:calc(var(--spacing) * 7)}.top-16{top:calc(var(--spacing) * 16)}.top-full{top:100%}.right-0{right:calc(var(--spacing) * 0)}.right-3{right:calc(var(--spacing) * 3)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-12{bottom:calc(var(--spacing) * 12)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-full{left:100%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-3{margin:calc(var(--spacing) * 3)}.-mx-6{margin-inline:calc(var(--spacing) * -6)}.mx-0{margin-inline:calc(var(--spacing) * 0)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-0{margin-block:calc(var(--spacing) * 0)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mr-0\.5{margin-right:calc(var(--spacing) * .5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.-mb-1{margin-bottom:calc(var(--spacing) * -1)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-\[11px\]{height:11px}.h-full{height:100%}.h-screen{height:100vh}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-64{max-height:calc(var(--spacing) * 64)}.min-h-0{min-height:calc(var(--spacing) * 0)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-20{width:calc(var(--spacing) * 20)}.w-64{width:calc(var(--spacing) * 64)}.w-\[11px\]{width:11px}.w-full{width:100%}.max-w-0{max-width:calc(var(--spacing) * 0)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-48{min-width:calc(var(--spacing) * 48)}.min-w-\[80px\]{min-width:80px}.min-w-\[140px\]{min-width:140px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-stretch{justify-items:stretch}.gap-0{gap:calc(var(--spacing) * 0)}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-slate-300{border-color:var(--color-slate-300)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-all{word-break:break-all}.text-red-500{color:var(--color-red-500)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.group-hover\:pointer-events-auto:is(:where(.group):hover *){pointer-events:auto}.group-hover\:visible:is(:where(.group):hover *){visibility:visible}.group-hover\:max-w-\[4\.5rem\]:is(:where(.group):hover *){max-width:4.5rem}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:underline:hover{text-decoration-line:underline}.hover\:ring-1:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}:where(.selected) .in-\[\.selected\]\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}:root{--color-bg:#f7f7f5;--color-surface:#fff;--color-surface-alt:#f0f0ed;--color-border:#e5e5e0;--color-border-light:#ededea;--color-text:#1a1a1a;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-accent:#2dd4a8;--color-hero-from:#1b3a4b;--color-hero-to:#2d6a7a}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif}#root{flex-direction:column;height:100vh;display:flex}.react-flow__controls{overflow:hidden;border:1px solid #e5e5e0!important;border-radius:12px!important;box-shadow:0 1px 3px #0000000f!important}.react-flow__controls-button{fill:#6b7280!important;background:#fff!important;border-bottom:1px solid #ededea!important}.react-flow__controls-button:hover{background:#f0f0ed!important}.react-flow__minimap{overflow:hidden;border:1px solid #e5e5e0!important;border-radius:12px!important;box-shadow:0 1px 3px #0000000f!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.memo-explorer-resizer{z-index:30;cursor:col-resize;touch-action:none;outline:none;width:8px;position:absolute;top:0;bottom:0;right:-4px}.memo-explorer-resizer:after{content:"";background:0 0;width:2px;transition:background .12s;position:absolute;top:0;bottom:0;right:3px}.memo-explorer-resizer:hover:after,.memo-explorer-resizer:focus-visible:after{background:#38bdf8}.react-flow__node{transition:box-shadow .15s,opacity .15s}.ibd-interconnection-edge .react-flow__edge-interaction{pointer-events:none}@keyframes memo-ibd-flow{to{stroke-dashoffset:-30px}}.memo-ibd-flow{stroke-dasharray:8 7;pointer-events:none;animation:.7s linear infinite memo-ibd-flow}@media(prefers-reduced-motion:reduce){.memo-ibd-flow{animation:none}}.react-flow__edge path{transition:stroke-width .15s}.react-flow__edge:hover path{stroke-width:3px}.react-flow__node:hover .react-flow__handle{opacity:1!important}.react-flow__node:hover .react-flow__handle.ibd-port-anchor,.react-flow__handle.ibd-port-anchor{opacity:0!important;pointer-events:none!important}.react-flow__node:hover .react-flow__handle.ibd-port-connect,.react-flow__handle.ibd-port-connect{opacity:0!important}.memo-diagram-tools [title]{position:relative}.memo-diagram-tools [title]:after{content:attr(title);z-index:60;color:#fff;pointer-events:none;opacity:0;background:#1b3a4b;border-radius:5px;width:max-content;max-width:260px;padding:5px 7px;font-size:11px;font-weight:600;line-height:1.25;transition:opacity 70ms;position:absolute;top:50%;left:calc(100% + 7px);transform:translateY(-50%);box-shadow:0 2px 8px #0000002e}.memo-diagram-tools [title]:hover:after,.memo-diagram-tools [title]:focus-visible:after{opacity:1}.memo-diagram-tools--left>button,.memo-diagram-tools--left>[style*="position: relative"]>button,.memo-diagram-tools--left>[style*=grid-column]>button{justify-content:center;min-width:38px;height:38px;min-height:38px;width:38px!important;padding:0!important}.memo-diagram-tools--left>button>span:not([aria-hidden]),.memo-diagram-tools--left>button>span[aria-hidden]+span,.memo-diagram-tools--left>[style*="position: relative"]>button>span:not([aria-hidden]),.memo-diagram-tools--left>[style*="position: relative"]>button>span[aria-hidden]+span{display:none}.memo-diagram-tools--left button{color:#5b6470!important;background:#fff!important}.memo-diagram-tools--left button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #d8e7f0;color:#1b3a4b!important;border-color:#7fa8c2!important}.memo-diagram-tools--top{align-content:flex-start;min-height:86px}.memo-diagram-tools--top>button,.memo-diagram-tools--top>[style*="position: relative"]>button,.memo-diagram-tools--top>[style*=grid-column]>button{flex:0 0 38px;justify-content:center;min-width:38px;height:38px;min-height:38px;width:38px!important;padding:0!important}.memo-diagram-tools--top>[role=tablist] button,.memo-diagram-tools--top>.flex.rounded button{width:38px;min-width:38px;height:38px;padding:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}