sparkecoder 0.1.97 → 0.1.99

package/web/.next/standalone/web/.next/static/static/chunks/f5fe518b79d1bf41.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,77589,e=>{"use strict";let t=(0,e.i(292511).default)("external-link",[["path",{d:"M15 3h6v6",key:"1q9fwt"}],["path",{d:"M10 14 21 3",key:"gplh6r"}],["path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",key:"a6xqqp"}]]);e.s(["default",()=>t])},416667,e=>{"use strict";let t=(0,e.i(292511).default)("circle-alert",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["line",{x1:"12",x2:"12",y1:"8",y2:"12",key:"1pkeuh"}],["line",{x1:"12",x2:"12.01",y1:"16",y2:"16",key:"4dfq90"}]]);e.s(["default",()=>t])},191729,772857,e=>{"use strict";let t=(0,e.i(292511).default)("clock",[["path",{d:"M12 6v6l4 2",key:"mmk7yg"}],["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}]]);e.s(["default",()=>t],191729);var r=e.i(414294),l=e.i(430878);e.i(773340);var n=e.i(309945),o=Symbol("radix.slottable");function s(e){return l.isValidElement(e)&&"function"==typeof e.type&&"__radixId"in e.type&&e.type.__radixId===o}var a=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"].reduce((e,t)=>{var o,a;let i,c,d,u=(a=o=`Primitive.${t}`,(i=l.forwardRef((e,t)=>{let{children:r,...o}=e;if(l.isValidElement(r)){var s;let e,a,i=(s=r,(a=(e=Object.getOwnPropertyDescriptor(s.props,"ref")?.get)&&"isReactWarning"in e&&e.isReactWarning)?s.ref:(a=(e=Object.getOwnPropertyDescriptor(s,"ref")?.get)&&"isReactWarning"in e&&e.isReactWarning)?s.props.ref:s.props.ref||s.ref),c=function(e,t){let r={...t};for(let l in t){let n=e[l],o=t[l];/^on[A-Z]/.test(l)?n&&o?r[l]=(...e)=>{let t=o(...e);return n(...e),t}:n&&(r[l]=n):"style"===l?r[l]={...n,...o}:"className"===l&&(r[l]=[n,o].filter(Boolean).join(" "))}return{...e,...r}}(o,r.props);return r.type!==l.Fragment&&(c.ref=t?(0,n.composeRefs)(t,i):i),l.cloneElement(r,c)}return l.Children.count(r)>1?l.Children.only(null):null})).displayName=`${a}.SlotClone`,c=i,(d=l.forwardRef((e,t)=>{let{children:n,...o}=e,a=l.Children.toArray(n),i=a.find(s);if(i){let e=i.props.children,n=a.map(t=>t!==i?t:l.Children.count(e)>1?l.Children.only(null):l.isValidElement(e)?e.props.children:null);return(0,r.jsx)(c,{...o,ref:t,children:l.isValidElement(e)?l.cloneElement(e,void 0,n):null})}return(0,r.jsx)(c,{...o,ref:t,children:n})})).displayName=`${o}.Slot`,d),p=l.forwardRef((e,l)=>{let{asChild:n,...o}=e;return"u">typeof window&&(window[Symbol.for("radix-ui")]=!0),(0,r.jsx)(n?u:t,{...o,ref:l})});return p.displayName=`Primitive.${t}`,{...e,[t]:p}},{}),i=e.i(395509),c=e.i(897462),d=e.i(542899),u=e.i(995945),p=e.i(992421),f=e.i(241416),m="ScrollArea",[h,x]=function(e,t=[]){let n=[],o=()=>{let t=n.map(e=>l.createContext(e));return function(r){let n=r?.[e]||t;return l.useMemo(()=>({[`__scope${e}`]:{...r,[e]:n}}),[r,n])}};return o.scopeName=e,[function(t,o){let s=l.createContext(o),a=n.length;n=[...n,o];let i=t=>{let{scope:n,children:o,...i}=t,c=n?.[e]?.[a]||s,d=l.useMemo(()=>i,Object.values(i));return(0,r.jsx)(c.Provider,{value:d,children:o})};return i.displayName=t+"Provider",[i,function(r,n){let i=n?.[e]?.[a]||s,c=l.useContext(i);if(c)return c;if(void 0!==o)return o;throw Error(`\`${r}\` must be used within \`${t}\``)}]},function(...e){let t=e[0];if(1===e.length)return t;let r=()=>{let r=e.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(e){let n=r.reduce((t,{useScope:r,scopeName:l})=>{let n=r(e)[`__scope${l}`];return{...t,...n}},{});return l.useMemo(()=>({[`__scope${t.scopeName}`]:n}),[n])}};return r.scopeName=t.scopeName,r}(o,...t)]}(m),[g,v]=h(m),b=l.forwardRef((e,t)=>{let{__scopeScrollArea:o,type:s="hover",dir:i,scrollHideDelay:c=600,...u}=e,[p,f]=l.useState(null),[m,h]=l.useState(null),[x,v]=l.useState(null),[b,w]=l.useState(null),[y,j]=l.useState(null),[S,N]=l.useState(0),[C,E]=l.useState(0),[R,T]=l.useState(!1),[k,P]=l.useState(!1),A=(0,n.useComposedRefs)(t,e=>f(e)),L=(0,d.useDirection)(i);return(0,r.jsx)(g,{scope:o,type:s,dir:L,scrollHideDelay:c,scrollArea:p,viewport:m,onViewportChange:h,content:x,onContentChange:v,scrollbarX:b,onScrollbarXChange:w,scrollbarXEnabled:R,onScrollbarXEnabledChange:T,scrollbarY:y,onScrollbarYChange:j,scrollbarYEnabled:k,onScrollbarYEnabledChange:P,onCornerWidthChange:N,onCornerHeightChange:E,children:(0,r.jsx)(a.div,{dir:L,...u,ref:A,style:{position:"relative","--radix-scroll-area-corner-width":S+"px","--radix-scroll-area-corner-height":C+"px",...e.style}})})});b.displayName=m;var w="ScrollAreaViewport",y=l.forwardRef((e,t)=>{let{__scopeScrollArea:o,children:s,nonce:i,...c}=e,d=v(w,o),u=l.useRef(null),p=(0,n.useComposedRefs)(t,u,d.onViewportChange);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"},nonce:i}),(0,r.jsx)(a.div,{"data-radix-scroll-area-viewport":"",...c,ref:p,style:{overflowX:d.scrollbarXEnabled?"scroll":"hidden",overflowY:d.scrollbarYEnabled?"scroll":"hidden",...e.style},children:(0,r.jsx)("div",{ref:d.onContentChange,style:{minWidth:"100%",display:"table"},children:s})})]})});y.displayName=w;var j="ScrollAreaScrollbar",S=l.forwardRef((e,t)=>{let{forceMount:n,...o}=e,s=v(j,e.__scopeScrollArea),{onScrollbarXEnabledChange:a,onScrollbarYEnabledChange:i}=s,c="horizontal"===e.orientation;return l.useEffect(()=>(c?a(!0):i(!0),()=>{c?a(!1):i(!1)}),[c,a,i]),"hover"===s.type?(0,r.jsx)(N,{...o,ref:t,forceMount:n}):"scroll"===s.type?(0,r.jsx)(C,{...o,ref:t,forceMount:n}):"auto"===s.type?(0,r.jsx)(E,{...o,ref:t,forceMount:n}):"always"===s.type?(0,r.jsx)(R,{...o,ref:t}):null});S.displayName=j;var N=l.forwardRef((e,t)=>{let{forceMount:n,...o}=e,s=v(j,e.__scopeScrollArea),[a,c]=l.useState(!1);return l.useEffect(()=>{let e=s.scrollArea,t=0;if(e){let r=()=>{window.clearTimeout(t),c(!0)},l=()=>{t=window.setTimeout(()=>c(!1),s.scrollHideDelay)};return e.addEventListener("pointerenter",r),e.addEventListener("pointerleave",l),()=>{window.clearTimeout(t),e.removeEventListener("pointerenter",r),e.removeEventListener("pointerleave",l)}}},[s.scrollArea,s.scrollHideDelay]),(0,r.jsx)(i.Presence,{present:n||a,children:(0,r.jsx)(E,{"data-state":a?"visible":"hidden",...o,ref:t})})}),C=l.forwardRef((e,t)=>{var n;let{forceMount:o,...s}=e,a=v(j,e.__scopeScrollArea),c="horizontal"===e.orientation,d=V(()=>p("SCROLL_END"),100),[u,p]=(n={hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}},l.useReducer((e,t)=>n[e][t]??e,"hidden"));return l.useEffect(()=>{if("idle"===u){let e=window.setTimeout(()=>p("HIDE"),a.scrollHideDelay);return()=>window.clearTimeout(e)}},[u,a.scrollHideDelay,p]),l.useEffect(()=>{let e=a.viewport,t=c?"scrollLeft":"scrollTop";if(e){let r=e[t],l=()=>{let l=e[t];r!==l&&(p("SCROLL"),d()),r=l};return e.addEventListener("scroll",l),()=>e.removeEventListener("scroll",l)}},[a.viewport,c,p,d]),(0,r.jsx)(i.Presence,{present:o||"hidden"!==u,children:(0,r.jsx)(R,{"data-state":"hidden"===u?"hidden":"visible",...s,ref:t,onPointerEnter:(0,f.composeEventHandlers)(e.onPointerEnter,()=>p("POINTER_ENTER")),onPointerLeave:(0,f.composeEventHandlers)(e.onPointerLeave,()=>p("POINTER_LEAVE"))})})}),E=l.forwardRef((e,t)=>{let n=v(j,e.__scopeScrollArea),{forceMount:o,...s}=e,[a,c]=l.useState(!1),d="horizontal"===e.orientation,u=V(()=>{if(n.viewport){let e=n.viewport.offsetWidth<n.viewport.scrollWidth,t=n.viewport.offsetHeight<n.viewport.scrollHeight;c(d?e:t)}},10);return Y(n.viewport,u),Y(n.content,u),(0,r.jsx)(i.Presence,{present:o||a,children:(0,r.jsx)(R,{"data-state":a?"visible":"hidden",...s,ref:t})})}),R=l.forwardRef((e,t)=>{let{orientation:n="vertical",...o}=e,s=v(j,e.__scopeScrollArea),a=l.useRef(null),i=l.useRef(0),[c,d]=l.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),u=$(c.viewport,c.content),p={...o,sizes:c,onSizesChange:d,hasThumb:!!(u>0&&u<1),onThumbChange:e=>a.current=e,onThumbPointerUp:()=>i.current=0,onThumbPointerDown:e=>i.current=e};function f(e,t){return function(e,t,r,l="ltr"){let n=O(r),o=t||n/2,s=r.scrollbar.paddingStart+o,a=r.scrollbar.size-r.scrollbar.paddingEnd-(n-o),i=r.content-r.viewport;return B([s,a],"ltr"===l?[0,i]:[-1*i,0])(e)}(e,i.current,c,t)}return"horizontal"===n?(0,r.jsx)(T,{...p,ref:t,onThumbPositionChange:()=>{if(s.viewport&&a.current){let e=F(s.viewport.scrollLeft,c,s.dir);a.current.style.transform=`translate3d(${e}px, 0, 0)`}},onWheelScroll:e=>{s.viewport&&(s.viewport.scrollLeft=e)},onDragScroll:e=>{s.viewport&&(s.viewport.scrollLeft=f(e,s.dir))}}):"vertical"===n?(0,r.jsx)(k,{...p,ref:t,onThumbPositionChange:()=>{if(s.viewport&&a.current){let e=F(s.viewport.scrollTop,c);a.current.style.transform=`translate3d(0, ${e}px, 0)`}},onWheelScroll:e=>{s.viewport&&(s.viewport.scrollTop=e)},onDragScroll:e=>{s.viewport&&(s.viewport.scrollTop=f(e))}}):null}),T=l.forwardRef((e,t)=>{let{sizes:o,onSizesChange:s,...a}=e,i=v(j,e.__scopeScrollArea),[c,d]=l.useState(),u=l.useRef(null),p=(0,n.useComposedRefs)(t,u,i.onScrollbarXChange);return l.useEffect(()=>{u.current&&d(getComputedStyle(u.current))},[u]),(0,r.jsx)(L,{"data-orientation":"horizontal",...a,ref:p,sizes:o,style:{bottom:0,left:"rtl"===i.dir?"var(--radix-scroll-area-corner-width)":0,right:"ltr"===i.dir?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":O(o)+"px",...e.style},onThumbPointerDown:t=>e.onThumbPointerDown(t.x),onDragScroll:t=>e.onDragScroll(t.x),onWheelScroll:(t,r)=>{if(i.viewport){var l,n;let o=i.viewport.scrollLeft+t.deltaX;e.onWheelScroll(o),l=o,n=r,l>0&&l<n&&t.preventDefault()}},onResize:()=>{u.current&&i.viewport&&c&&s({content:i.viewport.scrollWidth,viewport:i.viewport.offsetWidth,scrollbar:{size:u.current.clientWidth,paddingStart:W(c.paddingLeft),paddingEnd:W(c.paddingRight)}})}})}),k=l.forwardRef((e,t)=>{let{sizes:o,onSizesChange:s,...a}=e,i=v(j,e.__scopeScrollArea),[c,d]=l.useState(),u=l.useRef(null),p=(0,n.useComposedRefs)(t,u,i.onScrollbarYChange);return l.useEffect(()=>{u.current&&d(getComputedStyle(u.current))},[u]),(0,r.jsx)(L,{"data-orientation":"vertical",...a,ref:p,sizes:o,style:{top:0,right:"ltr"===i.dir?0:void 0,left:"rtl"===i.dir?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":O(o)+"px",...e.style},onThumbPointerDown:t=>e.onThumbPointerDown(t.y),onDragScroll:t=>e.onDragScroll(t.y),onWheelScroll:(t,r)=>{if(i.viewport){var l,n;let o=i.viewport.scrollTop+t.deltaY;e.onWheelScroll(o),l=o,n=r,l>0&&l<n&&t.preventDefault()}},onResize:()=>{u.current&&i.viewport&&c&&s({content:i.viewport.scrollHeight,viewport:i.viewport.offsetHeight,scrollbar:{size:u.current.clientHeight,paddingStart:W(c.paddingTop),paddingEnd:W(c.paddingBottom)}})}})}),[P,A]=h(j),L=l.forwardRef((e,t)=>{let{__scopeScrollArea:o,sizes:s,hasThumb:i,onThumbChange:d,onThumbPointerUp:u,onThumbPointerDown:p,onThumbPositionChange:m,onDragScroll:h,onWheelScroll:x,onResize:g,...b}=e,w=v(j,o),[y,S]=l.useState(null),N=(0,n.useComposedRefs)(t,e=>S(e)),C=l.useRef(null),E=l.useRef(""),R=w.viewport,T=s.content-s.viewport,k=(0,c.useCallbackRef)(x),A=(0,c.useCallbackRef)(m),L=V(g,10);function _(e){C.current&&h({x:e.clientX-C.current.left,y:e.clientY-C.current.top})}return l.useEffect(()=>{let e=e=>{let t=e.target;y?.contains(t)&&k(e,T)};return document.addEventListener("wheel",e,{passive:!1}),()=>document.removeEventListener("wheel",e,{passive:!1})},[R,y,T,k]),l.useEffect(A,[s,A]),Y(y,L),Y(w.content,L),(0,r.jsx)(P,{scope:o,scrollbar:y,hasThumb:i,onThumbChange:(0,c.useCallbackRef)(d),onThumbPointerUp:(0,c.useCallbackRef)(u),onThumbPositionChange:A,onThumbPointerDown:(0,c.useCallbackRef)(p),children:(0,r.jsx)(a.div,{...b,ref:N,style:{position:"absolute",...b.style},onPointerDown:(0,f.composeEventHandlers)(e.onPointerDown,e=>{0===e.button&&(e.target.setPointerCapture(e.pointerId),C.current=y.getBoundingClientRect(),E.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",w.viewport&&(w.viewport.style.scrollBehavior="auto"),_(e))}),onPointerMove:(0,f.composeEventHandlers)(e.onPointerMove,_),onPointerUp:(0,f.composeEventHandlers)(e.onPointerUp,e=>{let t=e.target;t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId),document.body.style.webkitUserSelect=E.current,w.viewport&&(w.viewport.style.scrollBehavior=""),C.current=null})})})}),_="ScrollAreaThumb",D=l.forwardRef((e,t)=>{let{forceMount:l,...n}=e,o=A(_,e.__scopeScrollArea);return(0,r.jsx)(i.Presence,{present:l||o.hasThumb,children:(0,r.jsx)(z,{ref:t,...n})})}),z=l.forwardRef((e,t)=>{let{__scopeScrollArea:o,style:s,...i}=e,c=v(_,o),d=A(_,o),{onThumbPositionChange:u}=d,p=(0,n.useComposedRefs)(t,e=>d.onThumbChange(e)),m=l.useRef(void 0),h=V(()=>{m.current&&(m.current(),m.current=void 0)},100);return l.useEffect(()=>{let e=c.viewport;if(e){let t=()=>{h(),m.current||(m.current=U(e,u),u())};return u(),e.addEventListener("scroll",t),()=>e.removeEventListener("scroll",t)}},[c.viewport,h,u]),(0,r.jsx)(a.div,{"data-state":d.hasThumb?"visible":"hidden",...i,ref:p,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...s},onPointerDownCapture:(0,f.composeEventHandlers)(e.onPointerDownCapture,e=>{let t=e.target.getBoundingClientRect(),r=e.clientX-t.left,l=e.clientY-t.top;d.onThumbPointerDown({x:r,y:l})}),onPointerUp:(0,f.composeEventHandlers)(e.onPointerUp,d.onThumbPointerUp)})});D.displayName=_;var I="ScrollAreaCorner",H=l.forwardRef((e,t)=>{let l=v(I,e.__scopeScrollArea),n=!!(l.scrollbarX&&l.scrollbarY);return"scroll"!==l.type&&n?(0,r.jsx)(M,{...e,ref:t}):null});H.displayName=I;var M=l.forwardRef((e,t)=>{let{__scopeScrollArea:n,...o}=e,s=v(I,n),[i,c]=l.useState(0),[d,u]=l.useState(0),p=!!(i&&d);return Y(s.scrollbarX,()=>{let e=s.scrollbarX?.offsetHeight||0;s.onCornerHeightChange(e),u(e)}),Y(s.scrollbarY,()=>{let e=s.scrollbarY?.offsetWidth||0;s.onCornerWidthChange(e),c(e)}),p?(0,r.jsx)(a.div,{...o,ref:t,style:{width:i,height:d,position:"absolute",right:"ltr"===s.dir?0:void 0,left:"rtl"===s.dir?0:void 0,bottom:0,...e.style}}):null});function W(e){return e?parseInt(e,10):0}function $(e,t){let r=e/t;return isNaN(r)?0:r}function O(e){let t=$(e.viewport,e.content),r=e.scrollbar.paddingStart+e.scrollbar.paddingEnd;return Math.max((e.scrollbar.size-r)*t,18)}function F(e,t,r="ltr"){let l=O(t),n=t.scrollbar.paddingStart+t.scrollbar.paddingEnd,o=t.scrollbar.size-n,s=t.content-t.viewport,a=(0,p.clamp)(e,"ltr"===r?[0,s]:[-1*s,0]);return B([0,s],[0,o-l])(a)}function B(e,t){return r=>{if(e[0]===e[1]||t[0]===t[1])return t[0];let l=(t[1]-t[0])/(e[1]-e[0]);return t[0]+l*(r-e[0])}}var U=(e,t=()=>{})=>{let r={left:e.scrollLeft,top:e.scrollTop},l=0;return!function n(){let o={left:e.scrollLeft,top:e.scrollTop},s=r.left!==o.left,a=r.top!==o.top;(s||a)&&t(),r=o,l=window.requestAnimationFrame(n)}(),()=>window.cancelAnimationFrame(l)};function V(e,t){let r=(0,c.useCallbackRef)(e),n=l.useRef(0);return l.useEffect(()=>()=>window.clearTimeout(n.current),[]),l.useCallback(()=>{window.clearTimeout(n.current),n.current=window.setTimeout(r,t)},[r,t])}function Y(e,t){let r=(0,c.useCallbackRef)(t);(0,u.useLayoutEffect)(()=>{let t=0;if(e){let l=new ResizeObserver(()=>{cancelAnimationFrame(t),t=window.requestAnimationFrame(r)});return l.observe(e),()=>{window.cancelAnimationFrame(t),l.unobserve(e)}}},[e,r])}var X=e.i(555552);function K({className:e,children:t,...l}){return(0,r.jsxs)(b,{"data-slot":"scroll-area",className:(0,X.cn)("relative",e),...l,children:[(0,r.jsx)(y,{"data-slot":"scroll-area-viewport",className:"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",children:t}),(0,r.jsx)(q,{}),(0,r.jsx)(H,{})]})}function q({className:e,orientation:t="vertical",...l}){return(0,r.jsx)(S,{"data-slot":"scroll-area-scrollbar",orientation:t,className:(0,X.cn)("flex touch-none p-px transition-colors select-none","vertical"===t&&"h-full w-2.5 border-l border-l-transparent","horizontal"===t&&"h-2.5 flex-col border-t border-t-transparent",e),...l,children:(0,r.jsx)(D,{"data-slot":"scroll-area-thumb",className:"bg-border relative flex-1 rounded-full"})})}e.s(["ScrollArea",()=>K,"ScrollBar",()=>q],772857)},375635,e=>{"use strict";var t=e.i(414294),r=e.i(430878),l=e.i(353913),n=e.i(292623),o=e.i(504561),s=e.i(996720),a=e.i(461957),i=e.i(846193),c=e.i(77589),c=c,d=e.i(416667),d=d,u=e.i(667249),p=e.i(191729),p=p,f=e.i(904781),m=e.i(266514),h=e.i(87614),x=e.i(666904),g=e.i(77982),v=e.i(772857),b=e.i(524741),w=e.i(739963),y=e.i(300739),j=e.i(555552);function S({label:e,value:r,tone:l}){return(0,t.jsxs)("div",{className:"rounded-lg border border-border/60 bg-card/50 p-2 text-center",children:[(0,t.jsx)("p",{className:(0,j.cn)("text-lg font-semibold tabular-nums",l),children:r}),(0,t.jsx)("p",{className:"text-[10px] text-muted-foreground uppercase tracking-wide",children:e})]})}function N(){let e=(0,l.useRouter)(),N=(0,l.useSearchParams)(),{sessions:C,isLoading:E}=(0,y.useSessions)(),R=C.filter(e=>"worker"===e.role),T={running:R.filter(e=>"running"===e.agentStatus).length,needs_attention:R.filter(e=>"needs_attention"===e.agentStatus).length,completed:R.filter(e=>"completed"===e.agentStatus).length,failed:R.filter(e=>"failed"===e.agentStatus).length,idle:R.filter(e=>"idle"===e.agentStatus).length},[k,P]=(0,r.useState)(!1),[A,L]=(0,r.useState)(null),[_,D]=(0,r.useState)(""),[z,I]=(0,r.useState)(!1),[H,M]=(0,r.useState)(null),[W,$]=(0,r.useState)(null),O=(0,r.useRef)(!1),F=async(e,t)=>{e.preventDefault(),e.stopPropagation();try{await (0,b.deleteSession)(t),(0,y.mutateSessions)()}catch(e){console.error("Failed to delete session:",e)}};(0,r.useEffect)(()=>{(0,w.getConfig)().then(L)},[]),(0,r.useEffect)(()=>{N.has("new")&&A&&A.apiKeyConfigured&&!O.current&&!k&&(O.current=!0,(async()=>{P(!0);try{let t=await (0,b.createSession)({name:`Session ${C.length+1}`,model:A.defaultModel||"anthropic/claude-opus-4.7",toolApprovals:A.defaultToolApprovals||{}});(0,y.mutateSessions)(),e.replace(`/session/${t.id}`)}catch(e){console.error("Failed to auto-create session:",e),P(!1)}})())},[N,A,C.length,k,e]),(0,r.useEffect)(()=>{N.has("latest")&&!E&&C.length>0&&e.replace(`/session/${C[0].id}`)},[N,E,C,e]);let B=async()=>{if(_.trim()&&!z){I(!0),M(null);try{if((await (0,b.setApiKey)("ai-gateway",_.trim())).success){let e=await (0,w.getConfig)();L(e),D("")}else M("Failed to save API key. Please try again.")}catch(e){M("Failed to save API key. Please try again.")}finally{I(!1)}}},U=async()=>{if(!k){P(!0);try{let t=await (0,b.createSession)({name:`Session ${C.length+1}`,model:A?.defaultModel||"anthropic/claude-opus-4.7",toolApprovals:A?.defaultToolApprovals||{}});(0,y.mutateSessions)(),e.push(`/session/${t.id}`)}catch(e){console.error("Failed to create session:",e)}finally{P(!1)}}};return((0,r.useEffect)(()=>{let e=e=>{(e.metaKey||e.ctrlKey)&&"t"===e.key&&(e.preventDefault(),U())};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[k,C.length,A]),A&&!A.apiKeyConfigured)?(0,t.jsx)("div",{className:"flex items-center justify-center h-full bg-gradient-to-b from-background to-muted/20",children:(0,t.jsxs)("div",{className:"text-center max-w-lg mx-auto p-8",children:[(0,t.jsx)("div",{className:"flex justify-center mb-8",children:(0,t.jsx)("div",{className:"relative size-28 rounded-2xl overflow-hidden shadow-xl ring-1 ring-white/10",children:(0,t.jsx)(n.default,{src:"/sparke-coder.png",alt:"Sparke - AI Coding Assistant",fill:!0,className:"object-cover",priority:!0})})}),(0,t.jsx)("h1",{className:"text-3xl font-bold mb-3 text-primary",children:"Welcome to SparkECoder"}),(0,t.jsxs)("div",{className:"bg-muted/50 rounded-lg p-6 mb-6 text-left",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 mb-3",children:[(0,t.jsx)(i.Key,{className:"size-5 text-amber-500"}),(0,t.jsx)("h2",{className:"font-semibold",children:"API Key Required"})]}),(0,t.jsx)("p",{className:"text-sm text-muted-foreground mb-4",children:"SparkECoder uses the Vercel AI Gateway. Enter your API key to get started."}),(0,t.jsxs)("div",{className:"flex gap-2 mb-3",children:[(0,t.jsx)(g.Input,{type:"password",placeholder:"Enter your AI Gateway API key",value:_,onChange:e=>D(e.target.value),onKeyDown:e=>"Enter"===e.key&&B(),className:"flex-1"}),(0,t.jsx)(x.Button,{onClick:B,disabled:!_.trim()||z,children:z?(0,t.jsx)(a.Loader2,{className:"size-4 animate-spin"}):"Save"})]}),H&&(0,t.jsxs)("div",{className:"flex items-center gap-2 text-sm text-destructive mb-3",children:[(0,t.jsx)(d.default,{className:"size-4"}),H]}),(0,t.jsxs)("a",{href:"https://vercel.com/d?to=%2F%5Bteam%5D%2F%7E%2Fai%2Fapi-keys",target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-1 text-sm text-primary hover:underline",children:["Get an API key from Vercel",(0,t.jsx)(c.default,{className:"size-3"})]})]})]})}):(0,t.jsx)("div",{className:"flex items-center justify-center h-full bg-gradient-to-b from-background to-muted/20 overflow-auto",children:(0,t.jsxs)("div",{className:"text-center max-w-lg mx-auto p-8",children:[(0,t.jsx)("div",{className:"flex justify-center mb-8",children:(0,t.jsx)(h.TooltipProvider,{children:(0,t.jsxs)(h.Tooltip,{children:[(0,t.jsx)(h.TooltipTrigger,{asChild:!0,children:(0,t.jsxs)("div",{className:"relative group cursor-pointer",children:[(0,t.jsx)("div",{className:"absolute inset-0 rounded-3xl blur-2xl opacity-40 group-hover:opacity-60 transition-opacity bg-primary/30"}),(0,t.jsx)("div",{className:"relative size-28 rounded-2xl overflow-hidden shadow-xl ring-1 ring-white/10 hover-lift",children:(0,t.jsx)(n.default,{src:"/sparke-coder.png",alt:"Sparke - AI Coding Assistant",fill:!0,className:"object-cover sparke-idle",priority:!0})})]})}),(0,t.jsx)(h.TooltipContent,{children:"Meet Sparke, your coding companion!"})]})})}),(0,t.jsx)("h1",{className:"text-3xl font-bold mb-3 text-primary",children:"Welcome to SparkECoder"}),(0,t.jsx)("p",{className:"text-muted-foreground mb-8 leading-relaxed",children:"Your AI-powered coding assistant. Start a new session to begin building amazing things."}),(0,t.jsx)(x.Button,{size:"lg",onClick:U,disabled:k,className:"gap-2 px-8",children:k?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(a.Loader2,{className:"size-4 animate-spin"}),"Creating..."]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.Plus,{className:"size-4"}),"Start a Session"]})}),(0,t.jsxs)("p",{className:"mt-6 text-xs text-muted-foreground/70",children:["Press ",(0,t.jsx)("kbd",{className:"px-1.5 py-0.5 bg-muted rounded text-[10px] font-mono",children:"⌘"})," + ",(0,t.jsx)("kbd",{className:"px-1.5 py-0.5 bg-muted rounded text-[10px] font-mono",children:"T"})," to create a new session"]}),R.length>0&&(0,t.jsxs)("div",{className:"mt-6 text-left",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(m.Bot,{className:"size-4 text-muted-foreground"}),(0,t.jsx)("h2",{className:"text-sm font-medium text-muted-foreground",children:"Agents"})]}),(0,t.jsx)(o.default,{href:"/agents",className:"text-xs text-muted-foreground hover:text-foreground",children:"Open board →"})]}),(0,t.jsxs)("div",{className:"grid grid-cols-5 gap-2",children:[(0,t.jsx)(S,{label:"Running",value:T.running,tone:"text-emerald-500"}),(0,t.jsx)(S,{label:"Needs input",value:T.needs_attention,tone:"text-amber-500"}),(0,t.jsx)(S,{label:"Idle",value:T.idle,tone:"text-muted-foreground"}),(0,t.jsx)(S,{label:"Done",value:T.completed,tone:"text-blue-500"}),(0,t.jsx)(S,{label:"Failed",value:T.failed,tone:"text-rose-500"})]})]}),!E&&C.length>0&&(0,t.jsxs)("div",{className:"mt-10 text-left",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 mb-3",children:[(0,t.jsx)(p.default,{className:"size-4 text-muted-foreground"}),(0,t.jsx)("h2",{className:"text-sm font-medium text-muted-foreground",children:"Recent Sessions"})]}),(0,t.jsx)("div",{className:"rounded-xl border border-border/60 bg-card/50 backdrop-blur-sm overflow-hidden",children:(0,t.jsx)(v.ScrollArea,{className:(0,j.cn)(C.length>5?"h-[280px]":""),children:(0,t.jsx)("div",{className:"divide-y divide-border/40",children:C.map(e=>{let r,l,n,s,a=W===e.id,i=!0===e.isStreaming;return(0,t.jsxs)(o.default,{href:`/session/${e.id}`,className:(0,j.cn)("flex items-center gap-3 p-3 transition-colors hover:bg-accent/50 group",i&&"bg-emerald-500/5"),onMouseEnter:()=>$(e.id),onMouseLeave:()=>$(null),children:[(0,t.jsx)("div",{className:(0,j.cn)("size-9 rounded-lg flex items-center justify-center shrink-0 transition-colors",i?"bg-emerald-500/10":"bg-muted/60 group-hover:bg-muted"),children:i?(0,t.jsx)("span",{className:"size-2.5 rounded-full bg-emerald-500 animate-pulse"}):(0,t.jsx)(u.MessageSquare,{className:"size-4 text-muted-foreground"})}),(0,t.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,t.jsx)("p",{className:(0,j.cn)("text-sm font-medium truncate",i&&"text-emerald-600 dark:text-emerald-400"),children:e.name||"Untitled Session"}),(0,t.jsx)("p",{className:"text-xs text-muted-foreground truncate",children:i?(0,t.jsx)("span",{className:"text-emerald-600 dark:text-emerald-400",children:"Active now"}):"waiting"===e.status?(0,t.jsx)("span",{className:"text-amber-600 dark:text-amber-400",children:"Waiting for input"}):(r=new Date(e.updatedAt||e.createdAt),s=Math.floor((n=Math.floor((l=Math.floor(Math.floor((new Date().getTime()-r.getTime())/1e3)/60))/60))/24),l<1?"just now":1===l?"1 minute ago":l<60?`${l} minutes ago`:1===n?"1 hour ago":n<24?`${n} hours ago`:1===s?"yesterday":s<7?`${s} days ago`:`${Math.floor(s/7)} weeks ago`)})]}),a&&(0,t.jsx)(h.TooltipProvider,{children:(0,t.jsxs)(h.Tooltip,{children:[(0,t.jsx)(h.TooltipTrigger,{asChild:!0,children:(0,t.jsx)(x.Button,{size:"icon",variant:"ghost",className:"size-7 shrink-0 hover:bg-destructive/10 hover:text-destructive transition-colors",onClick:t=>F(t,e.id),children:(0,t.jsx)(f.Trash2,{className:"size-3.5"})})}),(0,t.jsx)(h.TooltipContent,{children:"Delete session"})]})})]},e.id)})})})})]})]})})}function C(){return(0,t.jsx)(r.Suspense,{fallback:(0,t.jsx)("div",{className:"flex items-center justify-center h-full",children:(0,t.jsx)(a.Loader2,{className:"size-6 animate-spin text-muted-foreground"})}),children:(0,t.jsx)(N,{})})}e.s(["default",()=>C],375635)}]);

package/web/.next/standalone/web/.next/static/{chunks/turbopack-597558bb7b6982f6.js → static/chunks/turbopack-2c0905c7bbebae3f.js}

@@ -1,4 +1,4 @@
-(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,{otherChunks:["static/chunks/651e187cc15d66de.js","static/chunks/b9ad1584d4e11d12.js","static/chunks/a14243261b055626.js","static/chunks/186e0c1b3ff43c9c.js","static/chunks/862ced58ce21a270.js"],runtimeModuleIds:[195506]}]),(()=>{let e;if(!Array.isArray(globalThis.TURBOPACK))return;let t="/_next/",r=(self.TURBOPACK_CHUNK_SUFFIX??document?.currentScript?.getAttribute?.("src")?.replace(/^(.*(?=\?)|^.*$)/,""))||"",n=new WeakMap;function o(e,t){this.m=e,this.e=t}let l=o.prototype,i=Object.prototype.hasOwnProperty,s="u">typeof Symbol&&Symbol.toStringTag;function u(e,t,r){i.call(e,t)||Object.defineProperty(e,t,r)}function c(e,t){let r=e[t];return r||(r=a(t),e[t]=r),r}function a(e){return{exports:{},error:void 0,id:e,namespaceObject:void 0}}function f(e,t){u(e,"__esModule",{value:!0}),s&&u(e,s,{value:"Module"});let r=0;for(;r<t.length;){let n=t[r++],o=t[r++];if("number"==typeof o)if(0===o)u(e,n,{value:t[r++],enumerable:!0,writable:!1});else throw Error(`unexpected tag: ${o}`);else"function"==typeof t[r]?u(e,n,{get:o,set:t[r++],enumerable:!0}):u(e,n,{get:o,enumerable:!0})}Object.seal(e)}l.s=function(e,t){let r,n;null!=t?n=(r=c(this.c,t)).exports:(r=this.m,n=this.e),r.namespaceObject=n,f(n,e)},l.j=function(e,t){var r,o;let l,s,u;null!=t?s=(l=c(this.c,t)).exports:(l=this.m,s=this.e);let a=(r=l,o=s,(u=n.get(r))||(n.set(r,u=[]),r.exports=r.namespaceObject=new Proxy(o,{get(e,t){if(i.call(e,t)||"default"===t||"__esModule"===t)return Reflect.get(e,t);for(let e of u){let r=Reflect.get(e,t);if(void 0!==r)return r}},ownKeys(e){let t=Reflect.ownKeys(e);for(let e of u)for(let r of Reflect.ownKeys(e))"default"===r||t.includes(r)||t.push(r);return t}})),u);"object"==typeof e&&null!==e&&a.push(e)},l.v=function(e,t){(null!=t?c(this.c,t):this.m).exports=e},l.n=function(e,t){let r;(r=null!=t?c(this.c,t):this.m).exports=r.namespaceObject=e};let p=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,h=[null,p({}),p([]),p(p)];function d(e,t,r){let n=[],o=-1;for(let t=e;("object"==typeof t||"function"==typeof t)&&!h.includes(t);t=p(t))for(let r of Object.getOwnPropertyNames(t))n.push(r,function(e,t){return()=>e[t]}(e,r)),-1===o&&"default"===r&&(o=n.length-1);return r&&o>=0||(o>=0?n.splice(o,1,0,e):n.push("default",0,e)),f(t,n),t}function m(e){let t=B(e,this.m);if(t.namespaceObject)return t.namespaceObject;let r=t.exports;return t.namespaceObject=d(r,"function"==typeof r?function(...e){return r.apply(this,e)}:Object.create(null),r&&r.__esModule)}function b(e){let t=e.indexOf("#");-1!==t&&(e=e.substring(0,t));let r=e.indexOf("?");return -1!==r&&(e=e.substring(0,r)),e}function y(){let e,t;return{promise:new Promise((r,n)=>{t=n,e=r}),resolve:e,reject:t}}l.i=m,l.A=function(e){return this.r(e)(m.bind(this))},l.t="function"==typeof require?require:function(){throw Error("Unexpected use of runtime require")},l.r=function(e){return B(e,this.m).exports},l.f=function(e){function t(t){if(t=b(t),i.call(e,t))return e[t].module();let r=Error(`Cannot find module '${t}'`);throw r.code="MODULE_NOT_FOUND",r}return t.keys=()=>Object.keys(e),t.resolve=t=>{if(t=b(t),i.call(e,t))return e[t].id();let r=Error(`Cannot find module '${t}'`);throw r.code="MODULE_NOT_FOUND",r},t.import=async e=>await t(e),t};let O=Symbol("turbopack queues"),g=Symbol("turbopack exports"),w=Symbol("turbopack error");function C(e){e&&1!==e.status&&(e.status=1,e.forEach(e=>e.queueCount--),e.forEach(e=>e.queueCount--?e.queueCount++:e()))}l.a=function(e,t){let r=this.m,n=t?Object.assign([],{status:-1}):void 0,o=new Set,{resolve:l,reject:i,promise:s}=y(),u=Object.assign(s,{[g]:r.exports,[O]:e=>{n&&e(n),o.forEach(e),u.catch(()=>{})}}),c={get:()=>u,set(e){e!==u&&(u[g]=e)}};Object.defineProperty(r,"exports",c),Object.defineProperty(r,"namespaceObject",c),e(function(e){let t=e.map(e=>{if(null!==e&&"object"==typeof e){if(O in e)return e;if(null!=e&&"object"==typeof e&&"then"in e&&"function"==typeof e.then){let t=Object.assign([],{status:0}),r={[g]:{},[O]:e=>e(t)};return e.then(e=>{r[g]=e,C(t)},e=>{r[w]=e,C(t)}),r}}return{[g]:e,[O]:()=>{}}}),r=()=>t.map(e=>{if(e[w])throw e[w];return e[g]}),{promise:l,resolve:i}=y(),s=Object.assign(()=>i(r),{queueCount:0});function u(e){e!==n&&!o.has(e)&&(o.add(e),e&&0===e.status&&(s.queueCount++,e.push(s)))}return t.map(e=>e[O](u)),s.queueCount?l:r()},function(e){e?i(u[w]=e):l(u[g]),C(n)}),n&&-1===n.status&&(n.status=0)};let U=function(e){let t=new URL(e,"x:/"),r={};for(let e in t)r[e]=t[e];for(let t in r.href=e,r.pathname=e.replace(/[?#].*/,""),r.origin=r.protocol="",r.toString=r.toJSON=(...t)=>e,r)Object.defineProperty(this,t,{enumerable:!0,configurable:!0,value:r[t]})};function j(e,t){throw Error(`Invariant: ${t(e)}`)}U.prototype=URL.prototype,l.U=U,l.z=function(e){throw Error("dynamic usage of require is not supported")},l.g=globalThis;let R=o.prototype;var k,_=((k=_||{})[k.Runtime=0]="Runtime",k[k.Parent=1]="Parent",k[k.Update=2]="Update",k);let v=new Map;l.M=v;let $=new Map,P=new Map;async function S(e,t,r){let n;if("string"==typeof r)return E(e,t,K(r));let o=r.included||[],l=o.map(e=>!!v.has(e)||$.get(e));if(l.length>0&&l.every(e=>e))return void await Promise.all(l);let i=r.moduleChunks||[],s=i.map(e=>P.get(e)).filter(e=>e);if(s.length>0){if(s.length===i.length)return void await Promise.all(s);let r=new Set;for(let e of i)P.has(e)||r.add(e);for(let n of r){let r=E(e,t,K(n));P.set(n,r),s.push(r)}n=Promise.all(s)}else{for(let o of(n=E(e,t,K(r.path)),i))P.has(o)||P.set(o,n)}for(let e of o)$.has(e)||$.set(e,n);await n}R.l=function(e){return S(1,this.m.id,e)};let T=Promise.resolve(void 0),A=new WeakMap;function E(t,r,n){let o=e.loadChunkCached(t,n),l=A.get(o);if(void 0===l){let e=A.set.bind(A,o,T);l=o.then(e).catch(e=>{let o;switch(t){case 0:o=`as a runtime dependency of chunk ${r}`;break;case 1:o=`from module ${r}`;break;case 2:o="from an HMR update";break;default:j(t,e=>`Unknown source type: ${e}`)}let l=Error(`Failed to load chunk ${n} ${o}${e?`: ${e}`:""}`,e?{cause:e}:void 0);throw l.name="ChunkLoadError",l}),A.set(o,l)}return l}function K(e){return`${t}${e.split("/").map(e=>encodeURIComponent(e)).join("/")}${r}`}R.L=function(e){return E(1,this.m.id,e)},R.R=function(e){let t=this.r(e);return t?.default??t},R.P=function(e){return`/ROOT/${e??""}`},R.b=function(e){let t=new Blob([`self.TURBOPACK_WORKER_LOCATION = ${JSON.stringify(location.origin)};
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,{otherChunks:["static/chunks/651e187cc15d66de.js","static/chunks/735a2408c315b2f0.js","static/chunks/186e0c1b3ff43c9c.js","static/chunks/a14243261b055626.js","static/chunks/862ced58ce21a270.js"],runtimeModuleIds:[195506]}]),(()=>{let e;if(!Array.isArray(globalThis.TURBOPACK))return;let t="/_next/",r=(self.TURBOPACK_CHUNK_SUFFIX??document?.currentScript?.getAttribute?.("src")?.replace(/^(.*(?=\?)|^.*$)/,""))||"",n=new WeakMap;function o(e,t){this.m=e,this.e=t}let l=o.prototype,i=Object.prototype.hasOwnProperty,s="u">typeof Symbol&&Symbol.toStringTag;function u(e,t,r){i.call(e,t)||Object.defineProperty(e,t,r)}function c(e,t){let r=e[t];return r||(r=a(t),e[t]=r),r}function a(e){return{exports:{},error:void 0,id:e,namespaceObject:void 0}}function f(e,t){u(e,"__esModule",{value:!0}),s&&u(e,s,{value:"Module"});let r=0;for(;r<t.length;){let n=t[r++],o=t[r++];if("number"==typeof o)if(0===o)u(e,n,{value:t[r++],enumerable:!0,writable:!1});else throw Error(`unexpected tag: ${o}`);else"function"==typeof t[r]?u(e,n,{get:o,set:t[r++],enumerable:!0}):u(e,n,{get:o,enumerable:!0})}Object.seal(e)}l.s=function(e,t){let r,n;null!=t?n=(r=c(this.c,t)).exports:(r=this.m,n=this.e),r.namespaceObject=n,f(n,e)},l.j=function(e,t){var r,o;let l,s,u;null!=t?s=(l=c(this.c,t)).exports:(l=this.m,s=this.e);let a=(r=l,o=s,(u=n.get(r))||(n.set(r,u=[]),r.exports=r.namespaceObject=new Proxy(o,{get(e,t){if(i.call(e,t)||"default"===t||"__esModule"===t)return Reflect.get(e,t);for(let e of u){let r=Reflect.get(e,t);if(void 0!==r)return r}},ownKeys(e){let t=Reflect.ownKeys(e);for(let e of u)for(let r of Reflect.ownKeys(e))"default"===r||t.includes(r)||t.push(r);return t}})),u);"object"==typeof e&&null!==e&&a.push(e)},l.v=function(e,t){(null!=t?c(this.c,t):this.m).exports=e},l.n=function(e,t){let r;(r=null!=t?c(this.c,t):this.m).exports=r.namespaceObject=e};let p=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,h=[null,p({}),p([]),p(p)];function d(e,t,r){let n=[],o=-1;for(let t=e;("object"==typeof t||"function"==typeof t)&&!h.includes(t);t=p(t))for(let r of Object.getOwnPropertyNames(t))n.push(r,function(e,t){return()=>e[t]}(e,r)),-1===o&&"default"===r&&(o=n.length-1);return r&&o>=0||(o>=0?n.splice(o,1,0,e):n.push("default",0,e)),f(t,n),t}function m(e){let t=B(e,this.m);if(t.namespaceObject)return t.namespaceObject;let r=t.exports;return t.namespaceObject=d(r,"function"==typeof r?function(...e){return r.apply(this,e)}:Object.create(null),r&&r.__esModule)}function b(e){let t=e.indexOf("#");-1!==t&&(e=e.substring(0,t));let r=e.indexOf("?");return -1!==r&&(e=e.substring(0,r)),e}function y(){let e,t;return{promise:new Promise((r,n)=>{t=n,e=r}),resolve:e,reject:t}}l.i=m,l.A=function(e){return this.r(e)(m.bind(this))},l.t="function"==typeof require?require:function(){throw Error("Unexpected use of runtime require")},l.r=function(e){return B(e,this.m).exports},l.f=function(e){function t(t){if(t=b(t),i.call(e,t))return e[t].module();let r=Error(`Cannot find module '${t}'`);throw r.code="MODULE_NOT_FOUND",r}return t.keys=()=>Object.keys(e),t.resolve=t=>{if(t=b(t),i.call(e,t))return e[t].id();let r=Error(`Cannot find module '${t}'`);throw r.code="MODULE_NOT_FOUND",r},t.import=async e=>await t(e),t};let O=Symbol("turbopack queues"),g=Symbol("turbopack exports"),w=Symbol("turbopack error");function C(e){e&&1!==e.status&&(e.status=1,e.forEach(e=>e.queueCount--),e.forEach(e=>e.queueCount--?e.queueCount++:e()))}l.a=function(e,t){let r=this.m,n=t?Object.assign([],{status:-1}):void 0,o=new Set,{resolve:l,reject:i,promise:s}=y(),u=Object.assign(s,{[g]:r.exports,[O]:e=>{n&&e(n),o.forEach(e),u.catch(()=>{})}}),c={get:()=>u,set(e){e!==u&&(u[g]=e)}};Object.defineProperty(r,"exports",c),Object.defineProperty(r,"namespaceObject",c),e(function(e){let t=e.map(e=>{if(null!==e&&"object"==typeof e){if(O in e)return e;if(null!=e&&"object"==typeof e&&"then"in e&&"function"==typeof e.then){let t=Object.assign([],{status:0}),r={[g]:{},[O]:e=>e(t)};return e.then(e=>{r[g]=e,C(t)},e=>{r[w]=e,C(t)}),r}}return{[g]:e,[O]:()=>{}}}),r=()=>t.map(e=>{if(e[w])throw e[w];return e[g]}),{promise:l,resolve:i}=y(),s=Object.assign(()=>i(r),{queueCount:0});function u(e){e!==n&&!o.has(e)&&(o.add(e),e&&0===e.status&&(s.queueCount++,e.push(s)))}return t.map(e=>e[O](u)),s.queueCount?l:r()},function(e){e?i(u[w]=e):l(u[g]),C(n)}),n&&-1===n.status&&(n.status=0)};let U=function(e){let t=new URL(e,"x:/"),r={};for(let e in t)r[e]=t[e];for(let t in r.href=e,r.pathname=e.replace(/[?#].*/,""),r.origin=r.protocol="",r.toString=r.toJSON=(...t)=>e,r)Object.defineProperty(this,t,{enumerable:!0,configurable:!0,value:r[t]})};function j(e,t){throw Error(`Invariant: ${t(e)}`)}U.prototype=URL.prototype,l.U=U,l.z=function(e){throw Error("dynamic usage of require is not supported")},l.g=globalThis;let R=o.prototype;var k,_=((k=_||{})[k.Runtime=0]="Runtime",k[k.Parent=1]="Parent",k[k.Update=2]="Update",k);let v=new Map;l.M=v;let $=new Map,P=new Map;async function S(e,t,r){let n;if("string"==typeof r)return E(e,t,K(r));let o=r.included||[],l=o.map(e=>!!v.has(e)||$.get(e));if(l.length>0&&l.every(e=>e))return void await Promise.all(l);let i=r.moduleChunks||[],s=i.map(e=>P.get(e)).filter(e=>e);if(s.length>0){if(s.length===i.length)return void await Promise.all(s);let r=new Set;for(let e of i)P.has(e)||r.add(e);for(let n of r){let r=E(e,t,K(n));P.set(n,r),s.push(r)}n=Promise.all(s)}else{for(let o of(n=E(e,t,K(r.path)),i))P.has(o)||P.set(o,n)}for(let e of o)$.has(e)||$.set(e,n);await n}R.l=function(e){return S(1,this.m.id,e)};let T=Promise.resolve(void 0),A=new WeakMap;function E(t,r,n){let o=e.loadChunkCached(t,n),l=A.get(o);if(void 0===l){let e=A.set.bind(A,o,T);l=o.then(e).catch(e=>{let o;switch(t){case 0:o=`as a runtime dependency of chunk ${r}`;break;case 1:o=`from module ${r}`;break;case 2:o="from an HMR update";break;default:j(t,e=>`Unknown source type: ${e}`)}let l=Error(`Failed to load chunk ${n} ${o}${e?`: ${e}`:""}`,e?{cause:e}:void 0);throw l.name="ChunkLoadError",l}),A.set(o,l)}return l}function K(e){return`${t}${e.split("/").map(e=>encodeURIComponent(e)).join("/")}${r}`}R.L=function(e){return E(1,this.m.id,e)},R.R=function(e){let t=this.r(e);return t?.default??t},R.P=function(e){return`/ROOT/${e??""}`},R.b=function(e){let t=new Blob([`self.TURBOPACK_WORKER_LOCATION = ${JSON.stringify(location.origin)};
 self.TURBOPACK_CHUNK_SUFFIX = ${JSON.stringify(r)};
 self.TURBOPACK_NEXT_CHUNK_URLS = ${JSON.stringify(e.reverse().map(K),null,2)};
 importScripts(...self.TURBOPACK_NEXT_CHUNK_URLS.map(c => self.TURBOPACK_WORKER_LOCATION + c).reverse());`],{type:"text/javascript"});return URL.createObjectURL(t)};let x=/\.js(?:\?[^#]*)?(?:#.*)?$/,N=/\.css(?:\?[^#]*)?(?:#.*)?$/;function M(e){return N.test(e)}l.w=function(t,r,n){return e.loadWebAssembly(1,this.m.id,t,r,n)},l.u=function(t,r){return e.loadWebAssemblyModule(1,this.m.id,t,r)};let L={};l.c=L;let B=(e,t)=>{let r=L[e];if(r){if(r.error)throw r.error;return r}return q(e,_.Parent,t.id)};function q(e,t,r){let n=v.get(e);if("function"!=typeof n)throw Error(function(e,t,r){let n;switch(t){case 0:n=`as a runtime entry of chunk ${r}`;break;case 1:n=`because it was required from module ${r}`;break;case 2:n="because of an HMR update";break;default:j(t,e=>`Unknown source type: ${e}`)}return`Module ${e} was instantiated ${n}, but the module factory is not available.`}(e,t,r));let l=a(e),i=l.exports;L[e]=l;let s=new o(l,i);try{n(s,l,i)}catch(e){throw l.error=e,e}return l.namespaceObject&&l.exports!==l.namespaceObject&&d(l.exports,l.namespaceObject),l}function I(r){let n,o=function(e){if("string"==typeof e)return e;let r=decodeURIComponent(("u">typeof TURBOPACK_NEXT_CHUNK_URLS?TURBOPACK_NEXT_CHUNK_URLS.pop():e.getAttribute("src")).replace(/[?#].*$/,""));return r.startsWith(t)?r.slice(t.length):r}(r[0]);return 2===r.length?n=r[1]:(n=void 0,!function(e,t,r,n){let o=1;for(;o<e.length;){let t=e[o],n=o+1;for(;n<e.length&&"function"!=typeof e[n];)n++;if(n===e.length)throw Error("malformed chunk format, expected a factory function");if(!r.has(t)){let l=e[n];for(Object.defineProperty(l,"name",{value:"module evaluation"});o<n;o++)t=e[o],r.set(t,l)}o=n+1}}(r,0,v)),e.registerChunk(o,n)}let W=new Map;function H(e){let t=W.get(e);if(!t){let r,n;t={resolved:!1,loadingStarted:!1,promise:new Promise((e,t)=>{r=e,n=t}),resolve:()=>{t.resolved=!0,r()},reject:n},W.set(e,t)}return t}e={async registerChunk(e,t){if(H(K(e)).resolve(),null!=t){for(let e of t.otherChunks)H(K("string"==typeof e?e:e.path));if(await Promise.all(t.otherChunks.map(t=>S(0,e,t))),t.runtimeModuleIds.length>0)for(let r of t.runtimeModuleIds)!function(e,t){let r=L[t];if(r){if(r.error)throw r.error;return}q(t,_.Runtime,e)}(e,r)}},loadChunkCached:(e,t)=>(function(e,t){let r=H(t);if(r.loadingStarted)return r.promise;if(e===_.Runtime)return r.loadingStarted=!0,M(t)&&r.resolve(),r.promise;if("function"==typeof importScripts)if(M(t));else if(x.test(t))self.TURBOPACK_NEXT_CHUNK_URLS.push(t),importScripts(TURBOPACK_WORKER_LOCATION+t);else throw Error(`can't infer type of chunk from URL ${t} in worker`);else{let e=decodeURI(t);if(M(t))if(document.querySelectorAll(`link[rel=stylesheet][href="${t}"],link[rel=stylesheet][href^="${t}?"],link[rel=stylesheet][href="${e}"],link[rel=stylesheet][href^="${e}?"]`).length>0)r.resolve();else{let e=document.createElement("link");e.rel="stylesheet",e.href=t,e.onerror=()=>{r.reject()},e.onload=()=>{r.resolve()},document.head.appendChild(e)}else if(x.test(t)){let n=document.querySelectorAll(`script[src="${t}"],script[src^="${t}?"],script[src="${e}"],script[src^="${e}?"]`);if(n.length>0)for(let e of Array.from(n))e.addEventListener("error",()=>{r.reject()});else{let e=document.createElement("script");e.src=t,e.onerror=()=>{r.reject()},document.head.appendChild(e)}}else throw Error(`can't infer type of chunk from URL ${t}`)}return r.loadingStarted=!0,r.promise})(e,t),async loadWebAssembly(e,t,r,n,o){let l=fetch(K(r)),{instance:i}=await WebAssembly.instantiateStreaming(l,o);return i.exports},async loadWebAssemblyModule(e,t,r,n){let o=fetch(K(r));return await WebAssembly.compileStreaming(o)}};let F=globalThis.TURBOPACK;globalThis.TURBOPACK={push:I},F.forEach(I)})();

package/web/.next/standalone/web/next.config.ts

@@ -1,73 +1,19 @@
 import type { NextConfig } from "next";
 import createMDX from "@next/mdx";
 
-// Origins allowed to iframe `/embed/:id` pages. Comma-separated list.
-//
-// The personal-agents dashboard's TaskDrawer iframes `${webUrl}/embed/${sparkTaskId}`
-// to show the live SparkECoder session inside the dashboard. By default both
-// Next.js and Cloudflare Tunnel emit `X-Frame-Options: SAMEORIGIN`, which
-// blocks that. We explicitly allow the dashboard origins (and localhost
-// during dev) on `/embed/:path*` only — every other route stays
-// frame-locked.
-//
-// Override at runtime with EMBED_FRAME_ANCESTORS, e.g.:
-//   EMBED_FRAME_ANCESTORS="https://personal-agents.studyfetchcms.com,http://localhost:3000"
-const DEFAULT_EMBED_FRAME_ANCESTORS = [
-  "https://personal-agents.studyfetchcms.com",
-  "http://localhost:3000",
-  "http://localhost:3001",
-  "https://sparkecoder.com",
-  "https://sparkecode.com",
-];
-const embedFrameAncestors = (
-  process.env.EMBED_FRAME_ANCESTORS?.split(",")
-    .map((s) => s.trim())
-    .filter(Boolean) ?? DEFAULT_EMBED_FRAME_ANCESTORS
-).join(" ");
-
 const nextConfig: NextConfig = {
   // Output standalone build for npm package distribution
   // This creates a self-contained build that doesn't need source files
   output: "standalone",
-  // Configure `pageExtensions` to include markdown and MDX files
   pageExtensions: ["js", "jsx", "md", "mdx", "ts", "tsx"],
-  async headers() {
-    return [
-      {
-        // Only the embed route opts out of the default frame-deny posture.
-        source: "/embed/:path*",
-        headers: [
-          {
-            // CSP frame-ancestors is the modern way to allow specific
-            // embedders. `'self'` keeps same-origin embedding working
-            // (the live preview opens the same URL in a new tab).
-            key: "Content-Security-Policy",
-            value: `frame-ancestors 'self' ${embedFrameAncestors}`,
-          },
-          {
-            // Modern browsers honour CSP over XFO when both are present,
-            // but we override XFO too for older clients. There's no
-            // standard "allow these origins" XFO value, so we just remove
-            // it by setting a no-op string browsers ignore. (DENY would
-            // re-block; SAMEORIGIN is what we're getting today.)
-            key: "X-Frame-Options",
-            value: "ALLOWALL",
-          },
-        ],
-      },
-    ];
-  },
 };
 
 const withMDX = createMDX({
-  // Support both .md and .mdx files
   extension: /\.(md|mdx)$/,
-  // Add markdown plugins here, as desired
   options: {
     remarkPlugins: [],
     rehypePlugins: [],
   },
 });
 
-// Merge MDX config with Next.js config
 export default withMDX(nextConfig);

package/web/.next/standalone/web/package-lock.json

@@ -90,9 +90,9 @@
       "license": "MIT"
     },
     "node_modules/@ai-sdk/gateway": {
-      "version": "3.0.114",
-      "resolved": "https://registry.npmjs.org/@ai-sdk/gateway/-/gateway-3.0.114.tgz",
-      "integrity": "sha512-MqkZ5sd+qiq6RgIxELkoFQXg2/JwK+WCMaot7U+rtrZpWJl3fSyYvc28SC03b256o4F7OXjQtdjTqs81B2w+dA==",
+      "version": "3.0.115",
+      "resolved": "https://registry.npmjs.org/@ai-sdk/gateway/-/gateway-3.0.115.tgz",
+      "integrity": "sha512-xonmGfN9pt54WdKqMzWe68BRYS3rsYvraBzioyA0gfNcecHs8Ir5qk/X8grJSyZ95hghjWiOphrK6bAc11E6SA==",
       "license": "Apache-2.0",
       "dependencies": {
         "@ai-sdk/provider": "3.0.10",
@@ -6478,12 +6478,12 @@
       }
     },
     "node_modules/ai": {
-      "version": "6.0.180",
-      "resolved": "https://registry.npmjs.org/ai/-/ai-6.0.180.tgz",
-      "integrity": "sha512-tOyRbwD0PEjMZKGvYQcTsv95K2zktwwNhQ49QOUAh0g8MNprO7ELIO1SgANMuPc0BFtkP6Ny6OAdjq3TtxLCbQ==",
+      "version": "6.0.184",
+      "resolved": "https://registry.npmjs.org/ai/-/ai-6.0.184.tgz",
+      "integrity": "sha512-j//zHkKvj5ra27l8izHco8cj1g1Pr7vx1ZK+hrzrkHvndgIRmdfZKOb6+RAPpvbk42qGIsuYvlYbGlVAu3erNQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@ai-sdk/gateway": "3.0.114",
+        "@ai-sdk/gateway": "3.0.115",
         "@ai-sdk/provider": "3.0.10",
         "@ai-sdk/provider-utils": "4.0.27",
         "@opentelemetry/api": "^1.9.0"

package/web/.next/standalone/web/src/app/(main)/agents/page.tsx

@@ -0,0 +1,222 @@
+'use client';
+
+import { useMemo, useState } from 'react';
+import Link from 'next/link';
+import {
+  Bot,
+  Loader2,
+  PauseCircle,
+  CheckCircle2,
+  XCircle,
+  MessageCircleQuestion,
+  PlayCircle,
+} from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { useSessions } from '@/hooks/use-sessions';
+import { cn } from '@/lib/utils';
+import { answerAgentQuestion, type AgentStatus, type Session } from '@/lib/api';
+import { mutateSessions } from '@/hooks/use-sessions';
+
+const COLUMNS: { key: AgentStatus; label: string; icon: React.ComponentType<{ className?: string }>; tone: string }[] = [
+  { key: 'running', label: 'In progress', icon: Loader2, tone: 'text-emerald-500' },
+  { key: 'needs_attention', label: 'Needs your input', icon: MessageCircleQuestion, tone: 'text-amber-500' },
+  { key: 'idle', label: 'Idle', icon: PauseCircle, tone: 'text-muted-foreground' },
+  { key: 'completed', label: 'Completed', icon: CheckCircle2, tone: 'text-blue-500' },
+  { key: 'failed', label: 'Failed', icon: XCircle, tone: 'text-rose-500' },
+];
+
+function formatRelative(iso?: string): string {
+  if (!iso) return '';
+  const diff = Date.now() - new Date(iso).getTime();
+  const m = Math.floor(diff / 60_000);
+  if (m < 1) return 'just now';
+  if (m < 60) return `${m}m ago`;
+  const h = Math.floor(m / 60);
+  if (h < 24) return `${h}h ago`;
+  const d = Math.floor(h / 24);
+  return `${d}d ago`;
+}
+
+export default function AgentsBoardPage() {
+  const { sessions, isLoading } = useSessions();
+  const workers = useMemo(
+    () => sessions.filter((s) => (s.role ?? 'chat') === 'worker'),
+    [sessions],
+  );
+
+  const grouped = useMemo(() => {
+    const g: Record<AgentStatus, Session[]> = {
+      running: [], needs_attention: [], idle: [], completed: [], failed: [],
+    };
+    for (const s of workers) {
+      const status = (s.agentStatus ?? (s.isStreaming ? 'running' : 'idle')) as AgentStatus;
+      if (g[status]) g[status].push(s);
+    }
+    return g;
+  }, [workers]);
+
+  return (
+    <div className="h-full flex flex-col overflow-hidden">
+      <div className="px-6 py-4 border-b border-border/60 flex items-center justify-between">
+        <div className="flex items-center gap-2">
+          <Bot className="size-5 text-primary" />
+          <h1 className="text-lg font-semibold">Agents</h1>
+          <span className="text-xs text-muted-foreground">
+            {workers.length} {workers.length === 1 ? 'agent' : 'agents'}
+          </span>
+        </div>
+        <Link href="/" className="text-xs text-muted-foreground hover:text-foreground">Back to home</Link>
+      </div>
+
+      <div className="flex-1 overflow-x-auto overflow-y-hidden">
+        <div className="flex h-full gap-4 p-4 min-w-max">
+          {COLUMNS.map((col) => (
+            <Column
+              key={col.key}
+              col={col}
+              sessions={grouped[col.key]}
+              loading={isLoading && workers.length === 0}
+            />
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function Column({
+  col,
+  sessions,
+  loading,
+}: {
+  col: { key: AgentStatus; label: string; icon: React.ComponentType<{ className?: string }>; tone: string };
+  sessions: Session[];
+  loading: boolean;
+}) {
+  const Icon = col.icon;
+  return (
+    <div className="flex flex-col w-80 shrink-0 rounded-lg bg-card/40 border border-border/60">
+      <div className="px-3 py-2 flex items-center gap-2 border-b border-border/60">
+        <Icon className={cn('size-4', col.tone, col.key === 'running' && 'animate-spin')} />
+        <h2 className="text-sm font-medium">{col.label}</h2>
+        <span className="ml-auto text-xs text-muted-foreground tabular-nums">{sessions.length}</span>
+      </div>
+      <div className="flex-1 overflow-y-auto p-2 space-y-2">
+        {loading && sessions.length === 0 ? (
+          <p className="text-xs text-muted-foreground text-center py-6">Loading…</p>
+        ) : sessions.length === 0 ? (
+          <p className="text-xs text-muted-foreground/70 text-center py-6 italic">No agents</p>
+        ) : (
+          sessions.map((s) => <AgentCard key={s.id} session={s} />)
+        )}
+      </div>
+    </div>
+  );
+}
+
+function AgentCard({ session }: { session: Session }) {
+  const [answer, setAnswer] = useState('');
+  const [sending, setSending] = useState(false);
+  const status = (session.agentStatus ?? 'idle') as AgentStatus;
+  const task = session.config?.task;
+  const result = task?.result as any;
+
+  const onAnswer = async () => {
+    if (!session.pendingQuestion || !answer.trim() || sending) return;
+    setSending(true);
+    try {
+      await answerAgentQuestion(session.id, session.pendingQuestion.questionId, answer.trim());
+      setAnswer('');
+      mutateSessions();
+    } finally {
+      setSending(false);
+    }
+  };
+
+  return (
+    <Link
+      href={`/session/${session.id}`}
+      className="block rounded-md border border-border/60 bg-background hover:bg-accent/40 transition-colors p-3 group"
+    >
+      <div className="flex items-start gap-2">
+        <div className="flex-1 min-w-0">
+          <p className="text-sm font-medium truncate">{session.name || 'Untitled agent'}</p>
+          {session.lastMessagePreview && (
+            <p className="text-xs text-muted-foreground line-clamp-2 mt-0.5">
+              {session.lastMessagePreview}
+            </p>
+          )}
+          {status === 'completed' && result?.summary && (
+            <p className="text-xs text-blue-600 dark:text-blue-400 line-clamp-2 mt-1">
+              ✓ {String(result.summary)}
+            </p>
+          )}
+          {status === 'failed' && task?.error && (
+            <p className="text-xs text-rose-500 line-clamp-2 mt-1">{task.error}</p>
+          )}
+        </div>
+        {status === 'running' && <Loader2 className="size-3.5 animate-spin text-emerald-500 shrink-0 mt-1" />}
+      </div>
+
+      {session.pendingQuestion && (
+        <div
+          className="mt-3 rounded border border-amber-500/30 bg-amber-500/5 p-2"
+          onClick={(e) => e.preventDefault()}
+        >
+          <p className="text-xs font-medium text-amber-700 dark:text-amber-300">
+            Question: {session.pendingQuestion.question}
+          </p>
+          {session.pendingQuestion.context && (
+            <p className="text-[11px] text-muted-foreground mt-1">{session.pendingQuestion.context}</p>
+          )}
+          {session.pendingQuestion.choices && session.pendingQuestion.choices.length > 0 && (
+            <div className="flex flex-wrap gap-1 mt-2">
+              {session.pendingQuestion.choices.map((choice) => (
+                <button
+                  key={choice}
+                  type="button"
+                  className="text-[11px] px-1.5 py-0.5 rounded bg-amber-500/10 hover:bg-amber-500/20 text-amber-700 dark:text-amber-200"
+                  onClick={(e) => {
+                    e.preventDefault();
+                    setAnswer(choice);
+                  }}
+                >
+                  {choice}
+                </button>
+              ))}
+            </div>
+          )}
+          <div className="flex gap-1 mt-2">
+            <input
+              type="text"
+              value={answer}
+              onChange={(e) => setAnswer(e.target.value)}
+              onKeyDown={(e) => {
+                if (e.key === 'Enter') {
+                  e.preventDefault();
+                  onAnswer();
+                }
+              }}
+              placeholder="Type an answer…"
+              className="flex-1 px-2 py-1 text-xs rounded border border-border/60 bg-background focus:outline-none focus:ring-1 focus:ring-amber-500/60"
+            />
+            <Button
+              size="sm"
+              type="button"
+              disabled={!answer.trim() || sending}
+              onClick={(e) => { e.preventDefault(); onAnswer(); }}
+              className="h-7 px-2 text-xs"
+            >
+              {sending ? '…' : 'Send'}
+            </Button>
+          </div>
+        </div>
+      )}
+
+      <div className="mt-2 flex items-center gap-2 text-[10px] text-muted-foreground">
+        <PlayCircle className="size-3" />
+        <span>{formatRelative(session.updatedAt || session.createdAt)}</span>
+      </div>
+    </Link>
+  );
+}

package/web/.next/standalone/web/src/app/(main)/page.tsx

@@ -4,7 +4,7 @@ import { useState, useEffect, useRef, Suspense } from 'react';
 import { useRouter, useSearchParams } from 'next/navigation';
 import Image from 'next/image';
 import Link from 'next/link';
-import { Plus, Loader2, Key, ExternalLink, AlertCircle, MessageSquare, Clock, Trash2 } from 'lucide-react';
+import { Plus, Loader2, Key, ExternalLink, AlertCircle, MessageSquare, Clock, Trash2, Bot } from 'lucide-react';
 import {
   Tooltip,
   TooltipContent,
@@ -39,10 +39,27 @@ function formatRelativeTime(dateString: string): string {
   return `${Math.floor(diffDays / 7)} weeks ago`;
 }
 
+function SummaryStat({ label, value, tone }: { label: string; value: number; tone: string }) {
+  return (
+    <div className="rounded-lg border border-border/60 bg-card/50 p-2 text-center">
+      <p className={cn('text-lg font-semibold tabular-nums', tone)}>{value}</p>
+      <p className="text-[10px] text-muted-foreground uppercase tracking-wide">{label}</p>
+    </div>
+  );
+}
+
 function HomeContent() {
   const router = useRouter();
   const searchParams = useSearchParams();
   const { sessions, isLoading: loadingSessions } = useSessions();
+  const workers = sessions.filter((s) => s.role === 'worker');
+  const workersByStatus = {
+    running: workers.filter((s) => s.agentStatus === 'running').length,
+    needs_attention: workers.filter((s) => s.agentStatus === 'needs_attention').length,
+    completed: workers.filter((s) => s.agentStatus === 'completed').length,
+    failed: workers.filter((s) => s.agentStatus === 'failed').length,
+    idle: workers.filter((s) => s.agentStatus === 'idle').length,
+  };
   const [creating, setCreating] = useState(false);
   const [config, setConfig] = useState<AppConfig | null>(null);
   const [apiKeyInput, setApiKeyInput] = useState('');
@@ -295,6 +312,28 @@ function HomeContent() {
           Press <kbd className="px-1.5 py-0.5 bg-muted rounded text-[10px] font-mono">⌘</kbd> + <kbd className="px-1.5 py-0.5 bg-muted rounded text-[10px] font-mono">T</kbd> to create a new session
         </p>
 
+        {/* Agents summary */}
+        {workers.length > 0 && (
+          <div className="mt-6 text-left">
+            <div className="flex items-center justify-between mb-3">
+              <div className="flex items-center gap-2">
+                <Bot className="size-4 text-muted-foreground" />
+                <h2 className="text-sm font-medium text-muted-foreground">Agents</h2>
+              </div>
+              <Link href="/agents" className="text-xs text-muted-foreground hover:text-foreground">
+                Open board →
+              </Link>
+            </div>
+            <div className="grid grid-cols-5 gap-2">
+              <SummaryStat label="Running" value={workersByStatus.running} tone="text-emerald-500" />
+              <SummaryStat label="Needs input" value={workersByStatus.needs_attention} tone="text-amber-500" />
+              <SummaryStat label="Idle" value={workersByStatus.idle} tone="text-muted-foreground" />
+              <SummaryStat label="Done" value={workersByStatus.completed} tone="text-blue-500" />
+              <SummaryStat label="Failed" value={workersByStatus.failed} tone="text-rose-500" />
+            </div>
+          </div>
+        )}
+
         {/* Recent Sessions */}
         {!loadingSessions && sessions.length > 0 && (
           <div className="mt-10 text-left">

package/web/.next/standalone/web/src/app/(main)/session/[id]/page.tsx

@@ -3,6 +3,7 @@
 import { use, useEffect, useState } from 'react';
 import { useRouter } from 'next/navigation';
 import { ChatInterface } from '@/components/chat-interface';
+import { PendingQuestionBanner } from '@/components/pending-question-banner';
 import { getSession, type Session } from '@/lib/api';
 import { Loader2 } from 'lucide-react';
 
@@ -60,5 +61,12 @@ export default function SessionPage({
     );
   }
 
-  return <ChatInterface session={session} />;
+  return (
+    <div className="flex flex-col h-full">
+      <PendingQuestionBanner sessionId={session.id} />
+      <div className="flex-1 min-h-0">
+        <ChatInterface session={session} />
+      </div>
+    </div>
+  );
 }