limixbot 0.3.18 → 0.3.21

package/dist/assets/{ActivityPanel-CiVMRvA-.js → ActivityPanel-Mm1AdBsr.js}

@@ -1,3 +1,3 @@
-import{r as i,j as e,t as n,X as I,a as g}from"./styles-BHtUK2qB.js";import{u as C,l as A,a as E,L,r as T}from"./App-B612vSUv.js";import{u as S}from"./PlacesRail-CUntVv3u.js";import{g as $,o as R,f as q,a as z,b as F}from"./activity-CbpNb0MQ.js";import{R as M}from"./MenuMotion-CobYpP7L.js";import"./index-CJ71uySw.js";import"./monitor-7oLB-7rZ.js";const w=300,P={ok:"bg-accent/12 text-accent",danger:"bg-danger/15 text-danger",accent:"bg-accent/12 text-accent",warn:"bg-warning/15 text-warning"};function G({bot:t}){const{dispatch:m}=C(),{dragProps:o}=S(),[r,d]=i.useState(null),[x,f]=i.useState(null),p=i.useRef(null),c=i.useCallback(async()=>{p.current?.abort();const a=new AbortController;p.current=a;try{const s=await fetch(`/api/bots/${t.id}/activity?limit=${w}`,{signal:a.signal});if(!s.ok)throw new Error(`${s.status}`);const h=await s.json();if(a.signal.aborted)return;d(h.rows),f(null)}catch(s){if(a.signal.aborted)return;f(s instanceof Error?s.message:String(s))}finally{p.current===a&&(p.current=null)}},[t.id]);i.useEffect(()=>(d(null),c(),()=>p.current?.abort()),[c]);const v=[t.threadId,...(t.tasks??[]).map(a=>a.threadId)].join(`
+import{r as i,j as e,t as n,X as I,a as g}from"./styles-BHtUK2qB.js";import{u as C,l as A,a as E,L,r as T}from"./App-BgFOjdcx.js";import{u as S}from"./PlacesRail-CUntVv3u.js";import{g as $,o as R,f as q,a as z,b as F}from"./activity-CbpNb0MQ.js";import{R as M}from"./MenuMotion-CobYpP7L.js";import"./index--etc8Lh7.js";import"./monitor-7oLB-7rZ.js";const w=300,P={ok:"bg-accent/12 text-accent",danger:"bg-danger/15 text-danger",accent:"bg-accent/12 text-accent",warn:"bg-warning/15 text-warning"};function G({bot:t}){const{dispatch:m}=C(),{dragProps:o}=S(),[r,d]=i.useState(null),[x,f]=i.useState(null),p=i.useRef(null),c=i.useCallback(async()=>{p.current?.abort();const a=new AbortController;p.current=a;try{const s=await fetch(`/api/bots/${t.id}/activity?limit=${w}`,{signal:a.signal});if(!s.ok)throw new Error(`${s.status}`);const h=await s.json();if(a.signal.aborted)return;d(h.rows),f(null)}catch(s){if(a.signal.aborted)return;f(s instanceof Error?s.message:String(s))}finally{p.current===a&&(p.current=null)}},[t.id]);i.useEffect(()=>(d(null),c(),()=>p.current?.abort()),[c]);const v=[t.threadId,...(t.tasks??[]).map(a=>a.threadId)].join(`
 `),y=i.useMemo(()=>new Set(v.split(`
 `)),[v]);i.useEffect(()=>{let a=null;const s=A({onMissedFrames:()=>{c()},onFrame:h=>{if(h.kind!=="runtime")return;const l=h.event;y.has(l.threadId)&&(l.type==="turn.completed"||l.type==="runtime.error"||l.type==="request.opened"||l.type==="request.resolved"||l.type==="item.completed")&&(a&&clearTimeout(a),a=setTimeout(()=>{c()},400))}});return()=>{s(),a&&clearTimeout(a)}},[y,c]);const k=i.useMemo(()=>r?$(r,new Date):[],[r]),u=E(t.id),b=i.useRef(null),j=a=>!!(u?.turnId&&a.turnId===u.turnId&&a.threadId===u.threadId);i.useEffect(()=>{b.current?.querySelector("[data-activity-focused]")?.scrollIntoView({block:"nearest"})},[r,u]);const N=a=>{a.threadId!==t.threadId&&y.has(a.threadId)&&m({type:"switchTask",botId:t.id,threadId:a.threadId})};return e.jsxs("aside",{"aria-label":n("activity.panel.aria",{name:t.name}),className:"animate-panel-in flex h-full w-[400px] max-w-full shrink-0 flex-col border-l border-hairline/40 bg-panel max-md:absolute max-md:inset-y-0 max-md:right-0 max-md:z-30",children:[e.jsxs("div",{...o,className:"flex items-center justify-between px-4 py-3",children:[e.jsxs("span",{className:"flex items-center gap-2 text-[15px] font-semibold text-ink",children:[e.jsx(L,{size:16,className:"text-ink-secondary"})," ",n("activity.panel.title")]}),e.jsxs("span",{className:"flex items-center gap-1",children:[e.jsx("button",{onClick:()=>{c()},className:"rounded-md p-1 text-ink-secondary hover:bg-raised hover:text-ink",title:n("activity.panel.reload"),"aria-label":n("activity.panel.reload"),children:e.jsx(M,{size:14})}),e.jsx("button",{onClick:()=>m({type:"toggleActivity",open:!1}),"aria-label":n("activity.panel.close"),title:n("activity.panel.close"),className:"rounded-md p-1 text-ink-secondary hover:bg-raised hover:text-ink",children:e.jsx(I,{size:18})})]})]}),e.jsx("p",{className:"border-b border-hairline/40 px-4 pb-3 text-[12px] text-ink-secondary",children:n("activity.panel.subtitle",{name:t.name})}),e.jsxs("div",{ref:b,className:"min-h-0 flex-1 overflow-y-auto",children:[x&&e.jsx("div",{className:"px-4 py-3 text-[13px] text-danger",children:n("activity.panel.error",{message:x})}),r&&r.length===0&&!x&&e.jsx("div",{className:"px-4 py-6 text-[13px] text-ink-secondary",children:n("activity.panel.empty",{name:t.name})}),!r&&!x&&e.jsx("div",{className:"px-4 py-6 text-[13px] text-ink-secondary",children:n("activity.panel.loading")}),k.map(a=>e.jsxs("section",{children:[e.jsx("h3",{className:"sticky top-0 bg-panel px-4 pt-3 pb-1 text-[11px] font-semibold tracking-wide text-ink-secondary uppercase",children:a.label}),a.rows.map(s=>e.jsx(B,{row:s,current:s.threadId===t.threadId,focused:j(s),onJump:()=>N(s)},`${s.threadId}:${s.at}:${s.tool}:${s.requestId??""}`))]},a.key))]})]})}function B({row:t,current:m,focused:o,onJump:r}){const d=R(t.outcome);return e.jsxs("button",{type:"button",onClick:r,"aria-current":o||void 0,"data-activity-focused":o?"":void 0,className:g("flex w-full items-start gap-3 border-b border-hairline/20 px-4 py-2 text-left hover:bg-raised/60",o&&"bg-raised/60"),title:m?t.tool:n("activity.panel.openOtherTask",{tool:t.tool}),children:[e.jsx("span",{className:"mt-[2px] shrink-0 tabular-nums text-[11px] text-ink-secondary",children:q(t.at)}),e.jsxs("span",{className:"min-w-0 flex-1",children:[e.jsxs("span",{className:"flex items-center gap-1.5 text-[13px] text-ink",children:[t.app&&e.jsx("span",{className:"font-medium",children:z(t)}),t.app&&e.jsx("span",{className:"text-ink-secondary",children:"·"}),e.jsx("span",{className:"truncate",children:F(t)})]}),t.summary&&e.jsx("span",{className:"mt-0.5 block truncate font-mono text-[11px] text-ink-secondary",children:T(t.summaryCode,t.summary,t.summaryParams)})]}),e.jsx("span",{className:g("mt-[2px] shrink-0 rounded px-1.5 py-0.5 text-[11px] font-medium",P[d.tone]),children:d.text})]})}export{G as ActivityPanel};