@axiom-lattice/gateway 4.4.2 → 4.6.0

package/dist/embed/embed-page-chunk-H6TK3FAR.js

@@ -0,0 +1,153 @@
+import{ab as L,cb as I,db as v,gb as M,hb as b,o as R,q as B,va as O}from"./embed-page-chunk-U276WBDI.js";import{a as P}from"./embed-page-chunk-MB65DZAX.js";import{Fa as C,La as $,Z as N,va as S}from"./embed-page-chunk-O4QK5LWZ.js";import{a as V}from"./embed-page-chunk-4BKXE5ON.js";import{e as w}from"./embed-page-chunk-6Y3UYJ6Z.js";var m=w(V());function X(t,o){if(t.parentId&&t.parentId!==t.id&&o.has(t.parentId))return t.parentId;for(let c of t.dependencies??[])if(c!==t.id&&o.has(c))return c}function D(t,o){let u=o?.hideCompleted??!1?t.filter(e=>!b(e.status)):t,g=new Map(u.map(e=>[e.id,e])),d=new Map;for(let e of u)d.set(e.id,X(e,g));let r=new Set;for(let e of d.keys()){if(r.has(e))continue;let l=new Map,p=e,h=0;for(;p!==void 0&&!r.has(p)&&!l.has(p);)l.set(p,h),h+=1,p=d.get(p);if(p!==void 0&&l.has(p)){let y=l.get(p);for(let[i,f]of l)f>=y&&r.add(i)}}for(let e of r)d.set(e,void 0);let x=new Map;for(let e of u)x.set(e.id,[]);for(let e of u){let l=d.get(e.id);l!==void 0&&x.get(l).push(e.id)}let s=e=>({task:g.get(e),children:(x.get(e)??[]).map(s)});return u.filter(e=>d.get(e.id)===void 0).map(e=>s(e.id))}var n=w(P()),{Text:z}=$,Y=16,q=3,J=O(({css:t,token:o})=>({root:t`
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+  `,toolbar:t`
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: 8px;
+    padding: 0 0 12px;
+    flex-shrink: 0;
+  `,list:t`
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    flex: 1;
+    min-height: 0;
+    min-width: 0;
+    overflow-x: hidden;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  `,listItem:t`
+    margin: 0;
+    padding: 0;
+    min-width: 0;
+    list-style: none;
+  `,childList:t`
+    margin: 0;
+    padding: 0;
+    min-width: 0;
+    list-style: none;
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  `,spinner:t`
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  `,empty:t`
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  `,row:t`
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    width: 100%;
+    min-width: 0;
+    box-sizing: border-box;
+    padding: 4px 10px;
+    border-radius: 8px;
+    transition: background 0.15s ease;
+
+    &:hover {
+      background: ${o.colorFillTertiary};
+    }
+  `,toggle:t`
+    appearance: none;
+    padding: 0;
+    border: 0;
+    background: transparent;
+    font: inherit;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 32px;
+    height: 32px;
+    flex-shrink: 0;
+    cursor: pointer;
+    color: ${o.colorTextTertiary};
+    border-radius: 4px;
+
+    &:hover {
+      color: ${o.colorText};
+      background: ${o.colorFillSecondary};
+    }
+
+    &:active {
+      background: ${o.colorFill};
+    }
+
+    &:focus-visible {
+      outline: 2px solid ${o.colorPrimary};
+      outline-offset: 2px;
+    }
+  `,togglePlaceholder:t`
+    width: 32px;
+    height: 32px;
+    flex-shrink: 0;
+  `,open:t`
+    appearance: none;
+    padding: 0;
+    border: 0;
+    background: transparent;
+    font: inherit;
+    color: inherit;
+    text-align: left;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    flex: 1;
+    min-width: 0;
+    min-height: 32px;
+    overflow: hidden;
+    cursor: pointer;
+    border-radius: 4px;
+
+    &:hover {
+      color: ${o.colorText};
+    }
+
+    &:active {
+      opacity: 0.75;
+    }
+
+    &:focus-visible {
+      outline: 2px solid ${o.colorPrimary};
+      outline-offset: 2px;
+    }
+  `,statusDot:t`
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    flex-shrink: 0;
+  `,title:t`
+    flex: 1;
+    min-width: 8ch;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: 14px;
+  `,priorityBadge:t`
+    display: inline-flex;
+    align-items: center;
+    padding: 1px 6px;
+    border-radius: 4px;
+    font-size: 11px;
+    font-weight: 500;
+    flex-shrink: 0;
+  `,depBadge:t`
+    display: inline-flex;
+    align-items: center;
+    gap: 3px;
+    padding: 1px 6px;
+    border-radius: 4px;
+    font-size: 11px;
+    font-weight: 500;
+    flex-shrink: 0;
+  `}));function K(t,o){let c=(t.dependencies??[]).filter(g=>o.has(g));if(c.length===0)return null;let u=c.filter(g=>{let d=o.get(g);return d?!b(d.status):!1});return u.length>0?{type:"warning",count:u.length}:{type:"ok",count:c.length}}function E({node:t,depth:o,groupIdPrefix:c,collapsedIds:u,onToggle:g,onTaskClick:d,onRun:r,allById:x,styles:s}){let{task:e,children:l}=t,p=l.length>0,h=u.has(e.id),y=I[e.status]??I.pending,i=v[e.priority]??v.medium,f=M(e),a=K(e,x),k=`${c}-${encodeURIComponent(e.id)}`,A=e.status.replace(/_/g," "),H=a?`${a.count} ${a.type==="warning"?"incomplete":"completed"} ${a.count===1?"dependency":"dependencies"}`:"no dependencies",_=`Open task ${e.title}, status ${A}, priority ${i.label}, ${H}`,F=Math.min(o,q),j=o<2,U=a&&(a.type==="warning"||o<3);return(0,n.jsxs)("li",{className:s.listItem,children:[(0,n.jsxs)("div",{"data-testid":"outline-row",className:s.row,style:{paddingLeft:10+F*Y},children:[p?(0,n.jsx)("button",{type:"button","data-testid":"outline-toggle","aria-label":`${h?"Expand":"Collapse"} subtasks for ${e.title}`,"aria-expanded":!h,"aria-controls":k,className:s.toggle,onClick:()=>g(e.id),children:h?(0,n.jsx)(B,{size:14}):(0,n.jsx)(R,{size:14})}):(0,n.jsx)("span",{className:s.togglePlaceholder}),(0,n.jsxs)("button",{type:"button","data-testid":"outline-open","aria-label":_,className:s.open,onClick:()=>d(e),children:[(0,n.jsx)("span",{"data-testid":"outline-status-dot","aria-hidden":"true",className:s.statusDot,style:{background:y}}),(0,n.jsx)(z,{className:s.title,ellipsis:{tooltip:e.title},children:e.title}),(0,n.jsx)("span",{"data-testid":"outline-origin-dot",className:s.statusDot,style:{background:f.color},title:f.label}),j&&(0,n.jsx)("span",{className:s.priorityBadge,style:{background:`${i.color}18`,color:i.color},children:i.label}),U&&(0,n.jsxs)("span",{className:s.depBadge,style:a.type==="warning"?{background:"#f59e0b18",color:"#f59e0b"}:{background:"#22c55e18",color:"#22c55e"},children:[a.type==="warning"?"\u26A0 \u7B49\u5F85 ":"\u2713 ",a.count]})]}),r&&(0,n.jsx)(L,{task:e,onRun:(T,G)=>r(e,T,G)})]}),p&&(0,n.jsx)("ul",{id:k,className:s.childList,hidden:h,children:!h&&l.map(T=>(0,n.jsx)(E,{node:T,depth:o+1,groupIdPrefix:c,collapsedIds:u,onToggle:g,onTaskClick:d,onRun:r,allById:x,styles:s},T.task.id))})]})}var re=({tasks:t,loading:o,onTaskClick:c,onRun:u,hideCompleted:g=!1,onHideCompletedChange:d})=>{let{styles:r}=J(),x=`outline-subtasks-${(0,m.useId)()}`,s=(0,m.useMemo)(()=>D(t,{hideCompleted:g}),[t,g]),e=(0,m.useMemo)(()=>new Map(t.map(i=>[i.id,i])),[t]),l=(0,m.useMemo)(()=>{let i=new Map,f=a=>{i.set(a.task.id,a.task),a.children.forEach(f)};return s.forEach(f),i},[s]),[p,h]=(0,m.useState)(new Set);(0,m.useEffect)(()=>{h(i=>{let f=!1,a=new Set;for(let k of i)l.has(k)?a.add(k):f=!0;return f?a:i})},[l]);let y=(0,m.useCallback)(i=>{h(f=>{let a=new Set(f);return a.has(i)?a.delete(i):a.add(i),a})},[]);return o?(0,n.jsx)("div",{className:r.spinner,children:(0,n.jsx)(S,{size:"large"})}):(0,n.jsxs)("div",{className:r.root,children:[(0,n.jsxs)("div",{className:r.toolbar,children:[(0,n.jsx)(C,{size:"small",checked:g,onChange:i=>d?.(i),"aria-label":"Hide completed"}),(0,n.jsx)(z,{type:"secondary",style:{fontSize:13},children:"Hide completed"})]}),s.length===0?(0,n.jsx)("div",{className:r.empty,children:(0,n.jsx)(N,{description:"No tasks"})}):(0,n.jsx)("ul",{className:r.list,children:s.map(i=>(0,n.jsx)(E,{node:i,depth:0,groupIdPrefix:x,collapsedIds:p,onToggle:y,onTaskClick:c,onRun:u,allById:e,styles:r},i.task.id))})]})};export{re as a};