cli-jaw 1.7.13 → 1.7.15

package/public/dist/assets/{ui-CetOMHcw.js → ui-BAV_8ELQ.js}

@@ -1,5 +1,5 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/vendor-render-Bjnw0wQ6.css"])))=>i.map(i=>d[i]);
-import{t as e}from"./state-O6NVkWcL.js";import{i as t,t as n}from"./api-DygAf_G_.js";import{Z as r}from"./vendor-mermaid-UktBx7L0.js";import{c as i,h as a,i as o,l as s,n as c,o as l,r as u,s as d}from"./render-6la5reIT.js";import{a as f,i as p,r as m,t as ee}from"./idb-cache-DbK81tgv.js";function h(){let e=globalThis.crypto;if(typeof e?.randomUUID==`function`)return e.randomUUID();if(typeof e?.getRandomValues!=`function`)return`xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx`.replace(/[xy]/g,e=>{let t=Math.random()*16|0;return(e===`x`?t:t&3|8).toString(16)});let t=new Uint8Array(16);e.getRandomValues(t),t[6]=t[6]&15|64,t[8]=t[8]&63|128;let n=Array.from(t,e=>e.toString(16).padStart(2,`0`)).join(``);return`${n.slice(0,8)}-${n.slice(8,12)}-${n.slice(12,16)}-${n.slice(16,20)}-${n.slice(20)}`}var te=`agentName`,g=`CLI-JAW`,_=g;function ne(){return _}function re(e){_=(e||``).trim()||g,localStorage.setItem(te,_);let t=document.getElementById(`appNameInput`);t&&(t.value=_)}function ie(){_=localStorage.getItem(te)||g;let e=document.getElementById(`appNameInput`);e&&(e.value=_),document.getElementById(`appNameSave`)?.addEventListener(`click`,()=>{let e=document.getElementById(`appNameInput`);e&&re(e.value)}),document.getElementById(`appNameInput`)?.addEventListener(`keydown`,e=>{let t=e;t.key===`Enter`&&(t.preventDefault(),re(t.target.value),t.target.blur())})}var ae=`agentAvatar`,oe=`userAvatar`,se=d.shark,ce=d.user,le={agent:{emoji:se,imageUrl:``,updatedAt:null},user:{emoji:ce,imageUrl:``,updatedAt:null}},v=!1;function y(e){return le[e]}function ue(e){return e===`agent`?`agentAvatarPreview`:`userAvatarPreview`}function de(e){return e===`agent`?`.agent-icon`:`.user-icon`}function b(e){let t=document.getElementById(ue(e));if(t){t.innerHTML=x(e);let n=y(e).imageUrl?`image`:`emoji`;t.setAttribute(`data-avatar-kind`,n)}}function x(e){let t=y(e);return t.imageUrl?`<img class="avatar-image" src="${c(t.imageUrl)}" alt="" loading="lazy" decoding="async">`:t.emoji}function S(e){let t=x(e),n=y(e).imageUrl?`image`:`emoji`;document.querySelectorAll(de(e)).forEach(e=>{e.innerHTML=t,e.setAttribute(`data-avatar-kind`,n)})}function C(e,t){t?.kind===`image`&&t.imageUrl?(y(e).imageUrl=t.imageUrl,y(e).updatedAt=t.updatedAt??Date.now()):(y(e).imageUrl=``,y(e).updatedAt=t?.updatedAt??null),b(e),S(e)}async function fe(){let e=await n(`/api/avatar`);e&&(C(`agent`,e.agent),C(`user`,e.user))}async function pe(e,n){let r=await t(),i=new Headers(n.headers||{});return r&&i.set(`Authorization`,`Bearer ${r}`),fetch(e,{...n,headers:i})}async function me(e,t){let n=await pe(`/api/avatar/${e}/upload`,{method:`POST`,headers:{"Content-Type":t.type||`image/png`,"X-Filename":encodeURIComponent(t.name)},body:t}),r=await n.json().catch(()=>null);if(!n.ok)throw Error(r?.error||`avatar upload failed (${n.status})`);C(e,r?.data||r)}async function he(e){let t=await pe(`/api/avatar/${e}/image`,{method:`DELETE`}),n=await t.json().catch(()=>null);if(!t.ok)throw Error(n?.error||`avatar reset failed (${t.status})`);C(e,n?.data||n)}function ge(e){let t=e===`agent`?`agentAvatarUploadBtn`:`userAvatarUploadBtn`,n=e===`agent`?`agentAvatarResetBtn`:`userAvatarResetBtn`,r=e===`agent`?`agentAvatarFile`:`userAvatarFile`;document.getElementById(t)?.addEventListener(`click`,()=>{document.getElementById(r)?.click()}),document.getElementById(n)?.addEventListener(`click`,async()=>{try{await he(e)}catch(e){console.warn(`[avatar:reset]`,e.message)}}),document.getElementById(r)?.addEventListener(`change`,async t=>{let n=t.target,r=n.files?.[0];if(r)try{await me(e,r)}catch(e){console.warn(`[avatar:upload]`,e.message)}finally{n.value=``}})}function _e(){return x(`agent`)}function ve(){return x(`user`)}async function ye(){y(`agent`).emoji=localStorage.getItem(ae)||se,y(`user`).emoji=localStorage.getItem(oe)||ce,b(`agent`),b(`user`),v||(v=!0,ge(`agent`),ge(`user`)),await fe(),S(`agent`),S(`user`)}function w(e,t,n){let r=n.initialDeps??[],i,a=!0;function o(){let o;n.key&&n.debug?.call(n)&&(o=Date.now());let s=e();if(!(s.length!==r.length||s.some((e,t)=>r[t]!==e)))return i;r=s;let c;if(n.key&&n.debug?.call(n)&&(c=Date.now()),i=t(...s),n.key&&n.debug?.call(n)){let e=Math.round((Date.now()-o)*100)/100,t=Math.round((Date.now()-c)*100)/100,r=t/16,i=(e,t)=>{for(e=String(e);e.length<t;)e=` `+e;return e};console.info(`%c⏱ ${i(t,5)} /${i(e,5)} ms`,`
+import{t as e}from"./state-O6NVkWcL.js";import{i as t,t as n}from"./api-DygAf_G_.js";import{Z as r}from"./vendor-mermaid-UktBx7L0.js";import{c as i,h as a,i as o,l as s,n as c,o as l,r as u,s as d}from"./render-UgUKF5BD.js";import{a as f,i as p,r as m,t as ee}from"./idb-cache-DbK81tgv.js";function h(){let e=globalThis.crypto;if(typeof e?.randomUUID==`function`)return e.randomUUID();if(typeof e?.getRandomValues!=`function`)return`xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx`.replace(/[xy]/g,e=>{let t=Math.random()*16|0;return(e===`x`?t:t&3|8).toString(16)});let t=new Uint8Array(16);e.getRandomValues(t),t[6]=t[6]&15|64,t[8]=t[8]&63|128;let n=Array.from(t,e=>e.toString(16).padStart(2,`0`)).join(``);return`${n.slice(0,8)}-${n.slice(8,12)}-${n.slice(12,16)}-${n.slice(16,20)}-${n.slice(20)}`}var te=`agentName`,g=`CLI-JAW`,_=g;function ne(){return _}function re(e){_=(e||``).trim()||g,localStorage.setItem(te,_);let t=document.getElementById(`appNameInput`);t&&(t.value=_)}function ie(){_=localStorage.getItem(te)||g;let e=document.getElementById(`appNameInput`);e&&(e.value=_),document.getElementById(`appNameSave`)?.addEventListener(`click`,()=>{let e=document.getElementById(`appNameInput`);e&&re(e.value)}),document.getElementById(`appNameInput`)?.addEventListener(`keydown`,e=>{let t=e;t.key===`Enter`&&(t.preventDefault(),re(t.target.value),t.target.blur())})}var ae=`agentAvatar`,oe=`userAvatar`,se=d.shark,ce=d.user,le={agent:{emoji:se,imageUrl:``,updatedAt:null},user:{emoji:ce,imageUrl:``,updatedAt:null}},v=!1;function y(e){return le[e]}function ue(e){return e===`agent`?`agentAvatarPreview`:`userAvatarPreview`}function de(e){return e===`agent`?`.agent-icon`:`.user-icon`}function b(e){let t=document.getElementById(ue(e));if(t){t.innerHTML=x(e);let n=y(e).imageUrl?`image`:`emoji`;t.setAttribute(`data-avatar-kind`,n)}}function x(e){let t=y(e);return t.imageUrl?`<img class="avatar-image" src="${c(t.imageUrl)}" alt="" loading="lazy" decoding="async">`:t.emoji}function S(e){let t=x(e),n=y(e).imageUrl?`image`:`emoji`;document.querySelectorAll(de(e)).forEach(e=>{e.innerHTML=t,e.setAttribute(`data-avatar-kind`,n)})}function C(e,t){t?.kind===`image`&&t.imageUrl?(y(e).imageUrl=t.imageUrl,y(e).updatedAt=t.updatedAt??Date.now()):(y(e).imageUrl=``,y(e).updatedAt=t?.updatedAt??null),b(e),S(e)}async function fe(){let e=await n(`/api/avatar`);e&&(C(`agent`,e.agent),C(`user`,e.user))}async function pe(e,n){let r=await t(),i=new Headers(n.headers||{});return r&&i.set(`Authorization`,`Bearer ${r}`),fetch(e,{...n,headers:i})}async function me(e,t){let n=await pe(`/api/avatar/${e}/upload`,{method:`POST`,headers:{"Content-Type":t.type||`image/png`,"X-Filename":encodeURIComponent(t.name)},body:t}),r=await n.json().catch(()=>null);if(!n.ok)throw Error(r?.error||`avatar upload failed (${n.status})`);C(e,r?.data||r)}async function he(e){let t=await pe(`/api/avatar/${e}/image`,{method:`DELETE`}),n=await t.json().catch(()=>null);if(!t.ok)throw Error(n?.error||`avatar reset failed (${t.status})`);C(e,n?.data||n)}function ge(e){let t=e===`agent`?`agentAvatarUploadBtn`:`userAvatarUploadBtn`,n=e===`agent`?`agentAvatarResetBtn`:`userAvatarResetBtn`,r=e===`agent`?`agentAvatarFile`:`userAvatarFile`;document.getElementById(t)?.addEventListener(`click`,()=>{document.getElementById(r)?.click()}),document.getElementById(n)?.addEventListener(`click`,async()=>{try{await he(e)}catch(e){console.warn(`[avatar:reset]`,e.message)}}),document.getElementById(r)?.addEventListener(`change`,async t=>{let n=t.target,r=n.files?.[0];if(r)try{await me(e,r)}catch(e){console.warn(`[avatar:upload]`,e.message)}finally{n.value=``}})}function _e(){return x(`agent`)}function ve(){return x(`user`)}async function ye(){y(`agent`).emoji=localStorage.getItem(ae)||se,y(`user`).emoji=localStorage.getItem(oe)||ce,b(`agent`),b(`user`),v||(v=!0,ge(`agent`),ge(`user`)),await fe(),S(`agent`),S(`user`)}function w(e,t,n){let r=n.initialDeps??[],i,a=!0;function o(){let o;n.key&&n.debug?.call(n)&&(o=Date.now());let s=e();if(!(s.length!==r.length||s.some((e,t)=>r[t]!==e)))return i;r=s;let c;if(n.key&&n.debug?.call(n)&&(c=Date.now()),i=t(...s),n.key&&n.debug?.call(n)){let e=Math.round((Date.now()-o)*100)/100,t=Math.round((Date.now()-c)*100)/100,r=t/16,i=(e,t)=>{for(e=String(e);e.length<t;)e=` `+e;return e};console.info(`%c⏱ ${i(t,5)} /${i(e,5)} ms`,`
             font-size: .6rem;
             font-weight: bold;
             color: hsl(${Math.max(0,Math.min(120-120*r,120))}deg 100% 31%);`,n?.key)}return n?.onChange&&!(a&&n.skipInitialOnChange)&&n.onChange(i),a=!1,i}return o.updateDeps=e=>{r=e},o}function T(e,t){if(e===void 0)throw Error(`Unexpected undefined${t?`: ${t}`:``}`);return e}var be=(e,t)=>Math.abs(e-t)<1.01,xe=(e,t,n)=>{let r;return function(...i){e.clearTimeout(r),r=e.setTimeout(()=>t.apply(this,i),n)}},Se=e=>{let{offsetWidth:t,offsetHeight:n}=e;return{width:t,height:n}},Ce=e=>e,we=e=>{let t=Math.max(e.startIndex-e.overscan,0),n=Math.min(e.endIndex+e.overscan,e.count-1),r=[];for(let e=t;e<=n;e++)r.push(e);return r},Te=(e,t)=>{let n=e.scrollElement;if(!n)return;let r=e.targetWindow;if(!r)return;let i=e=>{let{width:n,height:r}=e;t({width:Math.round(n),height:Math.round(r)})};if(i(Se(n)),!r.ResizeObserver)return()=>{};let a=new r.ResizeObserver(t=>{let r=()=>{let e=t[0];if(e?.borderBoxSize){let t=e.borderBoxSize[0];if(t){i({width:t.inlineSize,height:t.blockSize});return}}i(Se(n))};e.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(r):r()});return a.observe(n,{box:`border-box`}),()=>{a.unobserve(n)}},Ee={passive:!0},De=typeof window>`u`?!0:`onscrollend`in window,Oe=(e,t)=>{let n=e.scrollElement;if(!n)return;let r=e.targetWindow;if(!r)return;let i=0,a=e.options.useScrollendEvent&&De?()=>void 0:xe(r,()=>{t(i,!1)},e.options.isScrollingResetDelay),o=r=>()=>{let{horizontal:o,isRtl:s}=e.options;i=o?n.scrollLeft*(s&&-1||1):n.scrollTop,a(),t(i,r)},s=o(!0),c=o(!1);n.addEventListener(`scroll`,s,Ee);let l=e.options.useScrollendEvent&&De;return l&&n.addEventListener(`scrollend`,c,Ee),()=>{n.removeEventListener(`scroll`,s),l&&n.removeEventListener(`scrollend`,c)}},ke=(e,t,n)=>{if(t?.borderBoxSize){let e=t.borderBoxSize[0];if(e)return Math.round(e[n.options.horizontal?`inlineSize`:`blockSize`])}return e[n.options.horizontal?`offsetWidth`:`offsetHeight`]},Ae=(e,{adjustments:t=0,behavior:n},r)=>{var i,a;let o=e+t;(a=(i=r.scrollElement)?.scrollTo)==null||a.call(i,{[r.options.horizontal?`left`:`top`]:o,behavior:n})},je=class{constructor(e){this.unsubs=[],this.scrollElement=null,this.targetWindow=null,this.isScrolling=!1,this.scrollState=null,this.measurementsCache=[],this.itemSizeCache=new Map,this.laneAssignments=new Map,this.pendingMeasuredCacheIndexes=[],this.prevLanes=void 0,this.lanesChangedFlag=!1,this.lanesSettling=!1,this.scrollRect=null,this.scrollOffset=null,this.scrollDirection=null,this.scrollAdjustments=0,this.elementsCache=new Map,this.now=()=>{var e;return((e=this.targetWindow?.performance)?.now)?.call(e)??Date.now()},this.observer=(()=>{let e=null,t=()=>e||(!this.targetWindow||!this.targetWindow.ResizeObserver?null:e=new this.targetWindow.ResizeObserver(e=>{e.forEach(e=>{let t=()=>{let t=e.target,n=this.indexFromElement(t);if(!t.isConnected){this.observer.unobserve(t);return}this.shouldMeasureDuringScroll(n)&&this.resizeItem(n,this.options.measureElement(t,e,this))};this.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(t):t()})}));return{disconnect:()=>{var n;(n=t())==null||n.disconnect(),e=null},observe:e=>t()?.observe(e,{box:`border-box`}),unobserve:e=>t()?.unobserve(e)}})(),this.range=null,this.setOptions=e=>{Object.entries(e).forEach(([t,n])=>{n===void 0&&delete e[t]}),this.options={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:Ce,rangeExtractor:we,onChange:()=>{},measureElement:ke,initialRect:{width:0,height:0},scrollMargin:0,gap:0,indexAttribute:`data-index`,initialMeasurementsCache:[],lanes:1,isScrollingResetDelay:150,enabled:!0,isRtl:!1,useScrollendEvent:!1,useAnimationFrameWithResizeObserver:!1,...e}},this.notify=e=>{var t,n;(n=(t=this.options).onChange)==null||n.call(t,this,e)},this.maybeNotify=w(()=>(this.calculateRange(),[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]),e=>{this.notify(e)},{key:!1,debug:()=>this.options.debug,initialDeps:[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]}),this.cleanup=()=>{this.unsubs.filter(Boolean).forEach(e=>e()),this.unsubs=[],this.observer.disconnect(),this.rafId!=null&&this.targetWindow&&(this.targetWindow.cancelAnimationFrame(this.rafId),this.rafId=null),this.scrollState=null,this.scrollElement=null,this.targetWindow=null},this._didMount=()=>()=>{this.cleanup()},this._willUpdate=()=>{let e=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==e){if(this.cleanup(),!e){this.maybeNotify();return}this.scrollElement=e,this.scrollElement&&`ownerDocument`in this.scrollElement?this.targetWindow=this.scrollElement.ownerDocument.defaultView:this.targetWindow=this.scrollElement?.window??null,this.elementsCache.forEach(e=>{this.observer.observe(e)}),this.unsubs.push(this.options.observeElementRect(this,e=>{this.scrollRect=e,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(e,t)=>{this.scrollAdjustments=0,this.scrollDirection=t?this.getScrollOffset()<e?`forward`:`backward`:null,this.scrollOffset=e,this.isScrolling=t,this.scrollState&&this.scheduleScrollReconcile(),this.maybeNotify()})),this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0})}},this.rafId=null,this.getSize=()=>this.options.enabled?(this.scrollRect=this.scrollRect??this.options.initialRect,this.scrollRect[this.options.horizontal?`width`:`height`]):(this.scrollRect=null,0),this.getScrollOffset=()=>this.options.enabled?(this.scrollOffset=this.scrollOffset??(typeof this.options.initialOffset==`function`?this.options.initialOffset():this.options.initialOffset),this.scrollOffset):(this.scrollOffset=null,0),this.getFurthestMeasurement=(e,t)=>{let n=new Map,r=new Map;for(let i=t-1;i>=0;i--){let t=e[i];if(n.has(t.lane))continue;let a=r.get(t.lane);if(a==null||t.end>a.end?r.set(t.lane,t):t.end<a.end&&n.set(t.lane,!0),n.size===this.options.lanes)break}return r.size===this.options.lanes?Array.from(r.values()).sort((e,t)=>e.end===t.end?e.index-t.index:e.end-t.end)[0]:void 0},this.getMeasurementOptions=w(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled,this.options.lanes],(e,t,n,r,i,a)=>(this.prevLanes!==void 0&&this.prevLanes!==a&&(this.lanesChangedFlag=!0),this.prevLanes=a,this.pendingMeasuredCacheIndexes=[],{count:e,paddingStart:t,scrollMargin:n,getItemKey:r,enabled:i,lanes:a}),{key:!1}),this.getMeasurements=w(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:e,paddingStart:t,scrollMargin:n,getItemKey:r,enabled:i,lanes:a},o)=>{if(!i)return this.measurementsCache=[],this.itemSizeCache.clear(),this.laneAssignments.clear(),[];if(this.laneAssignments.size>e)for(let t of this.laneAssignments.keys())t>=e&&this.laneAssignments.delete(t);this.lanesChangedFlag&&(this.lanesChangedFlag=!1,this.lanesSettling=!0,this.measurementsCache=[],this.itemSizeCache.clear(),this.laneAssignments.clear(),this.pendingMeasuredCacheIndexes=[]),this.measurementsCache.length===0&&!this.lanesSettling&&(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(e=>{this.itemSizeCache.set(e.key,e.size)}));let s=this.lanesSettling?0:this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[],this.lanesSettling&&this.measurementsCache.length===e&&(this.lanesSettling=!1);let c=this.measurementsCache.slice(0,s),l=Array(a).fill(void 0);for(let e=0;e<s;e++){let t=c[e];t&&(l[t.lane]=e)}for(let i=s;i<e;i++){let e=r(i),a=this.laneAssignments.get(i),s,u;if(a!==void 0&&this.options.lanes>1){s=a;let e=l[s],r=e===void 0?void 0:c[e];u=r?r.end+this.options.gap:t+n}else{let e=this.options.lanes===1?c[i-1]:this.getFurthestMeasurement(c,i);u=e?e.end+this.options.gap:t+n,s=e?e.lane:i%this.options.lanes,this.options.lanes>1&&this.laneAssignments.set(i,s)}let d=o.get(e),f=typeof d==`number`?d:this.options.estimateSize(i),p=u+f;c[i]={index:i,start:u,size:f,end:p,key:e,lane:s},l[s]=i}return this.measurementsCache=c,c},{key:!1,debug:()=>this.options.debug}),this.calculateRange=w(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset(),this.options.lanes],(e,t,n,r)=>this.range=e.length>0&&t>0?Ne({measurements:e,outerSize:t,scrollOffset:n,lanes:r}):null,{key:!1,debug:()=>this.options.debug}),this.getVirtualIndexes=w(()=>{let e=null,t=null,n=this.calculateRange();return n&&(e=n.startIndex,t=n.endIndex),this.maybeNotify.updateDeps([this.isScrolling,e,t]),[this.options.rangeExtractor,this.options.overscan,this.options.count,e,t]},(e,t,n,r,i)=>r===null||i===null?[]:e({startIndex:r,endIndex:i,overscan:t,count:n}),{key:!1,debug:()=>this.options.debug}),this.indexFromElement=e=>{let t=this.options.indexAttribute,n=e.getAttribute(t);return n?parseInt(n,10):(console.warn(`Missing attribute name '${t}={index}' on measured element.`),-1)},this.shouldMeasureDuringScroll=e=>{if(!this.scrollState||this.scrollState.behavior!==`smooth`)return!0;let t=this.scrollState.index??this.getVirtualItemForOffset(this.scrollState.lastTargetOffset)?.index;if(t!==void 0&&this.range){let n=Math.max(this.options.overscan,Math.ceil((this.range.endIndex-this.range.startIndex)/2)),r=Math.max(0,t-n),i=Math.min(this.options.count-1,t+n);return e>=r&&e<=i}return!0},this.measureElement=e=>{if(!e){this.elementsCache.forEach((e,t)=>{e.isConnected||(this.observer.unobserve(e),this.elementsCache.delete(t))});return}let t=this.indexFromElement(e),n=this.options.getItemKey(t),r=this.elementsCache.get(n);r!==e&&(r&&this.observer.unobserve(r),this.observer.observe(e),this.elementsCache.set(n,e)),(!this.isScrolling||this.scrollState)&&this.shouldMeasureDuringScroll(t)&&this.resizeItem(t,this.options.measureElement(e,void 0,this))},this.resizeItem=(e,t)=>{let n=this.measurementsCache[e];if(!n)return;let r=t-(this.itemSizeCache.get(n.key)??n.size);r!==0&&(this.scrollState?.behavior!==`smooth`&&(this.shouldAdjustScrollPositionOnItemSizeChange===void 0?n.start<this.getScrollOffset()+this.scrollAdjustments:this.shouldAdjustScrollPositionOnItemSizeChange(n,r,this))&&this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=r,behavior:void 0}),this.pendingMeasuredCacheIndexes.push(n.index),this.itemSizeCache=new Map(this.itemSizeCache.set(n.key,t)),this.notify(!1))},this.getVirtualItems=w(()=>[this.getVirtualIndexes(),this.getMeasurements()],(e,t)=>{let n=[];for(let r=0,i=e.length;r<i;r++){let i=t[e[r]];n.push(i)}return n},{key:!1,debug:()=>this.options.debug}),this.getVirtualItemForOffset=e=>{let t=this.getMeasurements();if(t.length!==0)return T(t[Me(0,t.length-1,e=>T(t[e]).start,e)])},this.getMaxScrollOffset=()=>{if(!this.scrollElement)return 0;if(`scrollHeight`in this.scrollElement)return this.options.horizontal?this.scrollElement.scrollWidth-this.scrollElement.clientWidth:this.scrollElement.scrollHeight-this.scrollElement.clientHeight;{let e=this.scrollElement.document.documentElement;return this.options.horizontal?e.scrollWidth-this.scrollElement.innerWidth:e.scrollHeight-this.scrollElement.innerHeight}},this.getOffsetForAlignment=(e,t,n=0)=>{if(!this.scrollElement)return 0;let r=this.getSize(),i=this.getScrollOffset();t===`auto`&&(t=e>=i+r?`end`:`start`),t===`center`?e+=(n-r)/2:t===`end`&&(e-=r);let a=this.getMaxScrollOffset();return Math.max(Math.min(a,e),0)},this.getOffsetForIndex=(e,t=`auto`)=>{e=Math.max(0,Math.min(e,this.options.count-1));let n=this.getSize(),r=this.getScrollOffset(),i=this.measurementsCache[e];if(!i)return;if(t===`auto`)if(i.end>=r+n-this.options.scrollPaddingEnd)t=`end`;else if(i.start<=r+this.options.scrollPaddingStart)t=`start`;else return[r,t];if(t===`end`&&e===this.options.count-1)return[this.getMaxScrollOffset(),t];let a=t===`end`?i.end+this.options.scrollPaddingEnd:i.start-this.options.scrollPaddingStart;return[this.getOffsetForAlignment(a,t,i.size),t]},this.scrollToOffset=(e,{align:t=`start`,behavior:n=`auto`}={})=>{let r=this.getOffsetForAlignment(e,t);this.scrollState={index:null,align:t,behavior:n,startedAt:this.now(),lastTargetOffset:r,stableFrames:0},this._scrollToOffset(r,{adjustments:void 0,behavior:n}),this.scheduleScrollReconcile()},this.scrollToIndex=(e,{align:t=`auto`,behavior:n=`auto`}={})=>{e=Math.max(0,Math.min(e,this.options.count-1));let r=this.getOffsetForIndex(e,t);if(!r)return;let[i,a]=r,o=this.now();this.scrollState={index:e,align:a,behavior:n,startedAt:o,lastTargetOffset:i,stableFrames:0},this._scrollToOffset(i,{adjustments:void 0,behavior:n}),this.scheduleScrollReconcile()},this.scrollBy=(e,{behavior:t=`auto`}={})=>{let n=this.getScrollOffset()+e;this.scrollState={index:null,align:`start`,behavior:t,startedAt:this.now(),lastTargetOffset:n,stableFrames:0},this._scrollToOffset(n,{adjustments:void 0,behavior:t}),this.scheduleScrollReconcile()},this.getTotalSize=()=>{let e=this.getMeasurements(),t;if(e.length===0)t=this.options.paddingStart;else if(this.options.lanes===1)t=e[e.length-1]?.end??0;else{let n=Array(this.options.lanes).fill(null),r=e.length-1;for(;r>=0&&n.some(e=>e===null);){let t=e[r];n[t.lane]===null&&(n[t.lane]=t.end),r--}t=Math.max(...n.filter(e=>e!==null))}return Math.max(t-this.options.scrollMargin+this.options.paddingEnd,0)},this._scrollToOffset=(e,{adjustments:t,behavior:n})=>{this.options.scrollToFn(e,{behavior:n,adjustments:t},this)},this.measure=()=>{this.itemSizeCache=new Map,this.laneAssignments=new Map,this.notify(!1)},this.setOptions(e)}scheduleScrollReconcile(){if(!this.targetWindow){this.scrollState=null;return}this.rafId??=this.targetWindow.requestAnimationFrame(()=>{this.rafId=null,this.reconcileScroll()})}reconcileScroll(){if(!this.scrollState||!this.scrollElement)return;if(this.now()-this.scrollState.startedAt>5e3){this.scrollState=null;return}let e=this.scrollState.index==null?void 0:this.getOffsetForIndex(this.scrollState.index,this.scrollState.align),t=e?e[0]:this.scrollState.lastTargetOffset,n=t!==this.scrollState.lastTargetOffset;if(!n&&be(t,this.getScrollOffset())){if(this.scrollState.stableFrames++,this.scrollState.stableFrames>=1){this.scrollState=null;return}}else this.scrollState.stableFrames=0,n&&(this.scrollState.lastTargetOffset=t,this.scrollState.behavior=`auto`,this._scrollToOffset(t,{adjustments:void 0,behavior:`auto`}));this.scheduleScrollReconcile()}},Me=(e,t,n,r)=>{for(;e<=t;){let i=(e+t)/2|0,a=n(i);if(a<r)e=i+1;else if(a>r)t=i-1;else return i}return e>0?e-1:0};function Ne({measurements:e,outerSize:t,scrollOffset:n,lanes:r}){let i=e.length-1,a=t=>e[t].start;if(e.length<=r)return{startIndex:0,endIndex:i};let o=Me(0,i,a,n),s=o;if(r===1)for(;s<i&&e[s].end<n+t;)s++;else if(r>1){let a=Array(r).fill(0);for(;s<i&&a.some(e=>e<n+t);){let t=e[s];a[t.lane]=t.end,s++}let c=Array(r).fill(n+t);for(;o>=0&&c.some(e=>e>=n);){let t=e[o];c[t.lane]=t.start,o--}o=Math.max(0,o-o%r),s=Math.min(i,s+(r-1-s%r))}return{startIndex:o,endIndex:s}}var E=80,Pe=5,Fe=class{items=[];container;innerEl;_active=!1;virtualizer=null;cleanupFn=null;mounted=new Map;itemGap=0;onLazyRender=null;onPostRender=null;constructor(e){this.container=document.getElementById(e),this.innerEl=document.createElement(`div`),this.innerEl.className=`vs-inner`}get active(){return this._active}get count(){return this.items.length}measureGap(){if(this.itemGap>0)return this.itemGap;let e=document.createElement(`div`);return e.className=`msg`,e.style.position=`absolute`,e.style.visibility=`hidden`,e.textContent=` `,this.innerEl.appendChild(e),this.itemGap=parseFloat(getComputedStyle(e).marginBottom)||0,e.remove(),this.itemGap}setItems(e,t){this.items=e,t?.autoActivate!==!1&&!this._active&&this.items.length>=1&&this.activate(t?.toBottom??!0)}seedMeasuredHeights(e,t){for(let n=0;n<t.length;n++){let r=e+n;this.items[r]&&(this.items[r].height=t[n])}}activateIfNeeded(e=!1){!this._active&&this.items.length>=1&&this.activate(e)}addItem(e,t){let n={id:e,html:t,height:E};if(this.items.push(n),!this._active&&this.items.length>=1){this.activate(!0);return}this._active&&this.virtualizer&&this.virtualizer.setOptions({...this.virtualizer.options,count:this.items.length})}appendLiveItem(e){if(!this._active)return;let t=e.outerHTML,n=h();this.items.push({id:n,html:t,height:E}),this.virtualizer&&this.virtualizer.setOptions({...this.virtualizer.options,count:this.items.length})}updateItemHtml(e,t){this.items[e]&&(this.items[e].html=t)}scrollToBottom(){this.container.scrollTop=this.container.scrollHeight}flushToDOM(){this._active&&(this.deactivate(),this.container.innerHTML=this.items.map(e=>e.html).join(``),this.items=[])}clear(){this.deactivate(),this.items=[],this.itemGap=0,this.onLazyRender=null,this.onPostRender=null}activate(e=!1){this._active=!0,this.container.querySelectorAll(`.msg`).forEach((e,t)=>{this.items[t]&&(this.items[t].height=e.getBoundingClientRect().height)}),this.container.classList.add(`vs-active`),this.container.replaceChildren(this.innerEl),this.measureGap(),this.virtualizer=new je({count:this.items.length,getScrollElement:()=>this.container,estimateSize:e=>this.items[e]?.height??E,overscan:Pe,gap:this.itemGap,useAnimationFrameWithResizeObserver:!0,onChange:()=>this.renderItems(),observeElementRect:Te,observeElementOffset:Oe,scrollToFn:Ae,getItemKey:e=>this.items[e]?.id??e,indexAttribute:`data-vs-idx`}),this.cleanupFn=this.virtualizer._didMount();let t=0,n=()=>{cancelAnimationFrame(t),t=requestAnimationFrame(()=>{if(!this.virtualizer)return;this.itemGap=0;let e=this.measureGap();this.virtualizer.setOptions({...this.virtualizer.options,gap:e}),this.virtualizer.measure()})};window.addEventListener(`resize`,n);let r=this.cleanupFn;this.cleanupFn=()=>{window.removeEventListener(`resize`,n),cancelAnimationFrame(t),r?.()};let i=e=>{if(!e.persisted||!this.virtualizer)return;this.itemGap=0;let t=this.measureGap();this.virtualizer.setOptions({...this.virtualizer.options,gap:t}),this.virtualizer.measure()};window.addEventListener(`pageshow`,i);let a=this.cleanupFn;this.cleanupFn=()=>{window.removeEventListener(`pageshow`,i),a?.()},this.virtualizer._willUpdate(),e&&this.items.length>0?(this.container.style.opacity=`0`,this.renderItems(),this.virtualizer.scrollToIndex(this.items.length-1,{align:`end`}),requestAnimationFrame(()=>{requestAnimationFrame(()=>{this.container.style.opacity=``})})):this.renderItems()}deactivate(){this.cleanupFn&&=(this.cleanupFn(),null),this.virtualizer=null,this._active=!1,this.mounted.clear(),this.container.classList.remove(`vs-active`),this.container.innerHTML=``}renderItems(){if(!this.virtualizer)return;this.virtualizer._willUpdate();let e=this.virtualizer.getVirtualItems(),t=this.virtualizer.getTotalSize();this.innerEl.style.height=`${t}px`;let n=new Set(e.map(e=>e.index));for(let[e,t]of this.mounted)n.has(e)||(t.remove(),this.mounted.delete(e));let r=[];for(let t of e){let e=this.mounted.get(t.index);if(!e){let n=this.items[t.index];if(!n)continue;let i=document.createElement(`div`);if(i.innerHTML=n.html,e=i.firstElementChild,!e)continue;e.dataset.vsIdx=String(t.index),this.innerEl.appendChild(e),this.mounted.set(t.index,e),r.push(e)}e.style.transform=`translateY(${t.start}px)`}if(this.onLazyRender){let e=this.innerEl.querySelectorAll(`.lazy-pending`);e.length>0&&this.onLazyRender(Array.from(e))}this.onPostRender&&this.onPostRender(this.innerEl);for(let e of r)this.virtualizer.measureElement(e)}},Ie=null;function D(){return Ie||=new Fe(`chatMessages`),Ie}function Le(e,t){t.registerCallbacks(),t.setItems(e,{autoActivate:!1}),t.activateIfNeeded(!0),t.scrollToBottom()}var Re=2e3,ze=80;function Be(e){return{chunks:[],fullText:``,textDirty:!1,element:e,pendingRAF:null,isFinalized:!1,lastRenderTime:0}}function Ve(e,t=``){let n=Be(e);return t?(n.chunks=[t],n.fullText=t,n.textDirty=!1,n.element.innerHTML=o(t,!0)+`<span class="stream-cursor" aria-hidden="true"></span>`):n.element.innerHTML=`<span class="stream-cursor" aria-hidden="true"></span>`,n}function O(e){return e.textDirty&&=(e.fullText=e.chunks.join(``),!1),e.fullText}function He(e,t){e.chunks.push(t),e.textDirty=!0,!e.pendingRAF&&!e.isFinalized&&(e.pendingRAF=requestAnimationFrame(()=>{if(e.pendingRAF=null,e.isFinalized)return;let t=performance.now(),n=O(e);n.length<Re||t-e.lastRenderTime>ze?(e.element.innerHTML=o(n,!0)+`<span class="stream-cursor" aria-hidden="true"></span>`,e.lastRenderTime=t):e.pendingRAF=requestAnimationFrame(()=>{e.pendingRAF=null,!e.isFinalized&&(e.element.innerHTML=o(O(e),!0)+`<span class="stream-cursor" aria-hidden="true"></span>`,e.lastRenderTime=performance.now())})}))}function Ue(e,t=!1){e.isFinalized=!0,e.pendingRAF&&=(cancelAnimationFrame(e.pendingRAF),null);let n=O(e);return t||(e.element.innerHTML=o(n)),n}var We=[`cdnjs.cloudflare.com`,`cdn.jsdelivr.net`,`unpkg.com`,`esm.sh`,`fonts.googleapis.com`,`fonts.gstatic.com`],Ge=[/\beval\s*\(/,/\bnew\s+Function\s*\(/,/\bdocument\.cookie\b/,/\bwindow\.opener\b/,/\bwindow\.top\b/,/\bparent\.postMessage\b(?!.*jaw-)/,/\blocation\.href\s*=/,/\bwindow\.location\b/,/\bsetTimeout\s*\(\s*["'`]/,/\bsetInterval\s*\(\s*["'`]/,/\.constructor\s*\.\s*constructor/,/\bdocument\.write\s*\(/,/\binsertAdjacentHTML\s*\(/,/\bimport\s*\(/],Ke=[];function qe(e){let t=[];if(e.length>524288)return{valid:!1,reason:`Payload too large (>512KB)`,warnings:t};let n=/(?:src|href)\s*=\s*["']https?:\/\/([^/"']+)/gi,r;for(;(r=n.exec(e))!==null;){let e=r[1];if(!We.some(t=>e===t||e.endsWith(`.`+t)))return{valid:!1,reason:`Blocked domain: ${e}`,warnings:t}}let i=/url\s*\(\s*['"]?https?:\/\/([^)'"]+)/gi;for(;(r=i.exec(e))!==null;){let e=r[1].split(`/`)[0];We.some(t=>e===t||e.endsWith(`.`+t))||t.push(`CSS url() references external domain: ${e}`)}for(let n of Ge)if(n.test(e))return{valid:!1,reason:`Dangerous pattern: ${n.source}`,warnings:t};for(let n of Ke)n.test(e)&&t.push(`DOM sink detected: ${n.source}`);return{valid:!0,warnings:t}}function Je(){let e=document.createElement(`button`);return e.className=`diagram-copy-btn`,e.type=`button`,e.ariaLabel=`Copy source`,e.title=`Copy`,e.innerHTML=d.copy,e}function Ye(){let e=document.createElement(`button`);return e.className=`diagram-save-btn`,e.type=`button`,e.ariaLabel=`Save as image`,e.title=`Save`,e.innerHTML=d.download,e}var Xe=[`cdnjs.cloudflare.com`,`cdn.jsdelivr.net`,`unpkg.com`,`esm.sh`,`fonts.googleapis.com`,`fonts.gstatic.com`],k=new Set,A=new Map,j=null;function Ze(){if(j)return;let e=document.getElementById(`chatMessages`);e&&(j=new MutationObserver(e=>{if(k.size)for(let t of e)for(let e of t.removedNodes)e instanceof HTMLIFrameElement&&e.contentWindow&&(k.delete(e.contentWindow),A.delete(e.contentWindow)),e instanceof HTMLElement&&e.querySelectorAll(`iframe`).forEach(e=>{e.contentWindow&&(k.delete(e.contentWindow),A.delete(e.contentWindow))})}),j.observe(e,{childList:!0,subtree:!0}))}function Qe(e){if(e.includes(`"importmap"`)||e.includes(`'importmap'`))return``;let t={},n=e.match(/(?:cdn\.jsdelivr\.net\/npm|unpkg\.com)\/three@([\d.]+)/);if(n){let r=n[1],i=e.includes(`unpkg.com/three@`)?`unpkg.com`:`cdn.jsdelivr.net/npm`;t.three=`https://${i}/three@${r}/${i===`unpkg.com`?`build/three.module.js`:`build/three.module.min.js`}`,t[`three/addons/`]=`https://${i}/three@${r}/examples/jsm/`}return Object.keys(t).length===0?``:`<script type="importmap">${JSON.stringify({imports:t})}<\/script>`}function $e(e){let t=`'none'`;(e.includes(`cdn.jsdelivr.net/npm/us-atlas`)||e.includes(`cdn.jsdelivr.net/npm/world-atlas`)||e.includes(`cdn.jsdelivr.net/npm/datamaps`))&&(t=`https://cdn.jsdelivr.net`);let n=/Tone\.min\.js|tone@/.test(e)?`worker-src blob:;`:``,r=Xe.map(e=>`https://${e}`),i=r.join(` `),a=[`data:`,`blob:`,...r],o=[`'unsafe-inline'`,`https://fonts.googleapis.com`];/L\.(map|tileLayer|marker|geoJSON|polyline|polygon|circle)\(|leaflet[\w.@/-]*\.(js|css)|tile\.openstreetmap\.org/.test(e)&&(a.push(`https://a.tile.openstreetmap.org`,`https://b.tile.openstreetmap.org`,`https://c.tile.openstreetmap.org`),o.push(`https://cdnjs.cloudflare.com`,`https://cdn.jsdelivr.net`));let s=a.join(` `);return`<meta http-equiv="Content-Security-Policy" content="default-src 'none'; script-src 'unsafe-inline' ${i}; style-src ${o.join(` `)}; img-src ${s}; font-src https://fonts.gstatic.com; connect-src ${t}; ${n} base-uri 'none';">`}function et(){let e=!document.documentElement.hasAttribute(`data-theme`)||document.documentElement.getAttribute(`data-theme`)===`dark`,t=getComputedStyle(document.documentElement);return{isDark:e,tokens:{"--bg":t.getPropertyValue(`--bg`).trim(),"--surface":t.getPropertyValue(`--surface`).trim(),"--border":t.getPropertyValue(`--border`).trim(),"--text":t.getPropertyValue(`--text`).trim(),"--text-dim":t.getPropertyValue(`--text-dim`).trim(),"--accent":t.getPropertyValue(`--accent`).trim(),"--font-ui":t.getPropertyValue(`--font-ui`).trim(),"--font-mono":t.getPropertyValue(`--font-mono`).trim(),"--radius-sm":t.getPropertyValue(`--radius-sm`).trim(),"--radius-md":t.getPropertyValue(`--radius-md`).trim()}}}function tt(e){return`
@@ -127,4 +127,4 @@ import{t as e}from"./state-O6NVkWcL.js";import{i as t,t as n}from"./api-DygAf_G_
         <div class="process-details">
             <div class="process-steps-inner"></div>
         </div>
-    </div>`}function ft(e){let t=e.closest(`.process-step`),n=t?.querySelector(`.process-step-details`),r=e.querySelector(`.process-step-chevron`);if(!t||!n)return;let i=n.classList.contains(`collapsed`);n.classList.toggle(`collapsed`,!i),t.classList.toggle(`expanded`,i),e.setAttribute(`aria-expanded`,i?`true`:`false`),r&&(r.innerHTML=i?d.chevronDown:d.chevronRight)}function pt(e){e.dataset.processBlockBound!==`1`&&(e.addEventListener(`click`,e=>{let t=e.target;if(!t)return;let n=t.closest(`.process-step-toggle`);if(n){ft(n);return}let r=t.closest(`.process-summary`);if(r){let e=r.closest(`.process-block`);if(!e)return;let t=e.classList.contains(`collapsed`);e.classList.toggle(`collapsed`,!t),r.setAttribute(`aria-expanded`,t?`true`:`false`);let n=r.querySelector(`.process-chevron`);n&&(n.innerHTML=t?d.chevronDown:d.chevronRight)}}),e.dataset.processBlockBound=`1`)}function mt(e,t=!0){let n=dt(lt(e),t),r=document.createElement(`div`);r.innerHTML=n;let i=r.querySelector(`.process-steps-inner`);i&&(i.innerHTML=e.map(L).join(``));let a=r.querySelector(`.process-dot`);if(a){let n=e.some(e=>e.status===`running`);a.classList.toggle(`running`,n&&!t),a.classList.toggle(`done`,!n||t)}return r.innerHTML}function R(e){let t=e.element.querySelector(`.process-summary-text`);t&&(t.innerHTML=lt(e.steps));let n=e.steps.some(e=>e.status===`running`),r=e.element.querySelector(`.process-dot`);r&&(r.classList.toggle(`running`,n&&!e.collapsed),r.classList.toggle(`done`,!n||e.collapsed));let i=e.steps.length>0?Math.round((Date.now()-e.steps[0].startTime)/1e3):0,a=e.element.querySelector(`.process-duration`);a&&(a.textContent=i>0?`${i}s`:``)}function z(e){let t=document.createElement(`div`);t.innerHTML=dt(``,!1);let n=t.firstElementChild,r=e.querySelector(`.msg-content`);return r?r.before(n):e.appendChild(n),{element:n,steps:[],collapsed:!1}}function B(e,t){e.steps.push(t);let n=e.element.querySelector(`.process-steps-inner`);n&&n.insertAdjacentHTML(`beforeend`,L(t)),R(e)}function V(e,t,n){let r=e.steps.findIndex(e=>e.id===t);if(r===-1)return;e.steps[r]=n;let i=e.element.querySelector(`[data-step-id="${t}"]`);if(i){let e=document.createElement(`div`);e.innerHTML=L(n);let t=e.firstElementChild;t&&i.replaceWith(t)}R(e)}function ht(e,t,n){let r=e.steps.find(e=>e.id===t);if(!r)return;r.status=n;let i=e.element.querySelector(`[data-step-id="${t}"]`);if(i){let e=i.querySelector(`.process-step-dot`);e&&(e.classList.remove(`running`,`done`,`error`),e.classList.add(n))}R(e)}function H(e){e.collapsed=!0,e.element.classList.add(`collapsed`);let t=e.element.querySelector(`.process-summary`);t&&t.setAttribute(`aria-expanded`,`false`);let n=e.element.querySelector(`.process-chevron`);n&&(n.innerHTML=d.chevronRight);for(let t of e.steps)t.status===`running`&&(t.status=`done`);e.element.querySelectorAll(`.process-step-dot.running`).forEach(e=>{e.classList.remove(`running`),e.classList.add(`done`)}),R(e)}function U(e){if(!e)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t:[]}catch{return[]}}function gt(e){return _e()}function W(e){return e.map(e=>({id:h(),icon:e.icon?i(e.icon):d.tool,label:e.label||e.name||`tool`,type:e.toolType||`tool`,detail:e.detail||``,stepRef:e.stepRef||``,status:e.status||`done`,startTime:Date.now()}))}function _t(t){let n=document.getElementById(`statusBadge`),r=document.getElementById(`btnSend`);e.agentBusy=t===`running`,document.getElementById(`typingIndicator`)?.classList.toggle(`active`,e.agentBusy),t===`running`?(n&&(n.className=`status-badge status-running`,n.textContent=`running`),r&&(r.innerHTML=d.stop,r.title=a(`btn.stop`),r.classList.add(`stop-mode`)),yt()):(n&&(n.className=`status-badge status-idle`,n.textContent=`idle`),r&&(r.innerHTML=d.send,r.title=`Send`,r.classList.remove(`stop-mode`)),G())}function vt(e){let t=document.getElementById(`queueBadge`);if(!t){t=document.createElement(`span`),t.id=`queueBadge`,t.className=`queue-badge`;let e=document.getElementById(`btnSend`);e?.parentElement&&(e.parentElement.style.position=`relative`),e&&(e.style.position=`relative`,e.appendChild(t))}t.textContent=e>0?String(e):``,t.style.display=e>0?`flex`:`none`}function yt(){let t=document.getElementById(`chatMessages`);if(!t||t.querySelector(`.skeleton-msg`)||e.currentAgentDiv&&e.currentAgentDiv.isConnected)return;K();let n=document.createElement(`div`);n.className=`skeleton-msg`,n.innerHTML=`<div class="skeleton-line"></div><div class="skeleton-line"></div><div class="skeleton-line"></div>`,t.appendChild(n),Q()}function G(){document.querySelectorAll(`.skeleton-msg`).forEach(e=>e.remove())}function K(){document.getElementById(`emptyState`)?.classList.remove(`visible`)}function q(){let e=document.getElementById(`chatMessages`);e&&e.children.length===0&&document.getElementById(`emptyState`)?.classList.add(`visible`)}function bt(e,t,n){let r=document.getElementById(`chatMessages`);if(!r)return;let i=D();K();let a=document.createElement(`div`);a.className=`msg msg-system`+(n?` msg-type-${n}`:``)+(t?` `+t:``),a.innerHTML=e,i.active?i.appendLiveItem(a):r.appendChild(a),Q()}function xt(){I(),e.currentAgentDiv=null,e.currentProcessBlock=null,J=null}function St(t){if(G(),(!e.currentAgentDiv||!e.currentAgentDiv.isConnected)&&(e.currentAgentDiv=Y(`agent`,``),e.currentProcessBlock=null),!e.currentProcessBlock){let t=e.currentAgentDiv.querySelector(`.agent-body`);t&&(e.currentProcessBlock=z(t))}if(e.currentProcessBlock){let n=t.status&&t.status!==`running`?t.status:s(t.icon);if(n===`done`||n===`error`){let r=t.stepRef,a=r?[...e.currentProcessBlock.steps].reverse().find(e=>e.status===`running`&&e.stepRef===r):[...e.currentProcessBlock.steps].reverse().find(e=>e.status===`running`&&e.label===t.label);if(a){t.detail&&!a.detail?(t.icon=i(t.icon),V(e.currentProcessBlock,a.id,{...t,id:a.id})):ht(e.currentProcessBlock,a.id,n),Q();return}let o=[...e.currentProcessBlock.steps].reverse().find(e=>e.status===`running`);if(o){t.detail&&!o.detail?(t.icon=i(t.icon),V(e.currentProcessBlock,o.id,{...t,id:o.id})):ht(e.currentProcessBlock,o.id,n),Q();return}}if(t.detail){let n=[...e.currentProcessBlock.steps].reverse().find(e=>e.status===`running`&&e.label===t.label&&e.type===t.type&&!e.detail);if(n){V(e.currentProcessBlock,n.id,t),Q();return}}t.icon=i(t.icon),B(e.currentProcessBlock,t)}Q()}var J=null;function Ct(e=[]){document.querySelectorAll(`[data-queued-overlay="true"]`).forEach(e=>e.remove());for(let t of e){let e=String(t.id||``);if(!e||document.querySelector(`[data-queued-id="${e}"]`))continue;let n=Y(`user`,t.prompt||``);n.setAttribute(`data-queued-overlay`,`true`),n.setAttribute(`data-queued-id`,e)}}function wt(t){if(!t?.running)return;I(),G(),e.currentAgentDiv=Y(`agent`,``,t.cli||null),e.currentProcessBlock=null;let n=e.currentAgentDiv.querySelector(`.agent-body`);if(n&&t.toolLog?.length){let r=z(n);for(let e of W(t.toolLog))B(r,e);e.currentProcessBlock=r}let r=e.currentAgentDiv.querySelector(`.msg-content`);r&&(J=Ve(r,t.text||``))}function Tt(t){if(!t)return;G(),(!e.currentAgentDiv||!e.currentAgentDiv.isConnected)&&(e.currentAgentDiv=Y(`agent`,``),J=null);let n=e.currentAgentDiv?.querySelector(`.msg-content`);n&&(J||=Be(n),He(J,t)),Q()}var Et=0;function Dt(t,n){let r=Date.now();if(!e.currentAgentDiv&&r-Et<500)return;I(),G();let i=!!e.currentProcessBlock;e.currentProcessBlock&&=(H(e.currentProcessBlock),null);let a=n&&n.length>0;if(t||a){(!e.currentAgentDiv||!e.currentAgentDiv.isConnected)&&(e.currentAgentDiv=Y(`agent`,``));let r=e.currentAgentDiv?.querySelector(`.msg-content`),s=J?Ue(J,!0):``,c=t||s;J=null;let u=a&&!i?mt(W(n),!0):``;r&&(r.innerHTML=u+o(c)),r&&r.setAttribute(`data-raw`,l(c)),r&&M(r);let d=D();if(d.active&&e.currentAgentDiv&&e.currentAgentDiv.isConnected){let t=e.currentAgentDiv;t.querySelectorAll(`.diagram-widget`).forEach(e=>{let t=e.dataset.widgetHtml;if(!t)return;let n=document.createElement(`div`);n.className=`diagram-widget-pending`,n.dataset.diagramHtml=t,e.replaceWith(n)}),d.appendLiveItem(t),t.remove()}c&&f({role:`assistant`,content:c,tool_log:n?JSON.stringify(n):null,timestamp:Date.now()}).catch(()=>{})}J=null,e.currentAgentDiv=null,Et=Date.now(),_t(`idle`),Pt()}function Ot(e){let t=e.match(/^\[(?:사용자가 파일 (\d+)개를 보냈습니다|User sent (\d+) files)\]/);if(t){let n=t[1]||t[2],r=e.match(/(?:사용자 메시지|User message): (.+)$/s);return`📎 [${n} files]${r?` `+r[1].trim():``}`}let n=e.match(/^\[(?:사용자가 파일을 보냈습니다|User sent a file): ([^\]]+)\]/);if(n){let t=n[1].split(`/`).pop()||n[1],r=e.match(/🎤\s*(.{0,80})/)?`🎤 [음성 메시지] `:``,i=e.match(/(?:사용자 메시지|User message): (.+)$/s);return`${r}📎 [${t}]${i?` `+i[1].trim():``}`}return e}function Y(e,t,n){let r=document.getElementById(`chatMessages`),i=D();K(),G();let s=o(e===`user`?Ot(t):t),d=c(e===`user`?a(`msg.you`):ne()),f=document.createElement(`div`);e===`agent`?(f.className=`msg msg-agent`,f.innerHTML=`<div class="agent-icon" aria-hidden="true">${gt(n)}</div><div class="agent-body"><div class="msg-content">${s}</div><button class="msg-copy" title="Copy" aria-label="Copy message"></button></div>`):(f.className=`msg msg-${e}`,f.innerHTML=`<div class="user-body"><div class="msg-label">${d}</div><div class="msg-content">${s}</div><button class="msg-copy" title="Copy" aria-label="Copy message"></button></div><div class="user-icon" aria-hidden="true">${ve()}</div>`);let p=f.querySelector(`.msg-content`);p&&p.setAttribute(`data-raw`,l(t));let m=e===`agent`&&!t;return i.active&&!m?i.appendLiveItem(f):(r?.appendChild(f),M(f),!i.active&&!m&&r&&r.querySelectorAll(`.msg`).length>=1&&(r.querySelectorAll(`.msg`).forEach(e=>{i.addItem(h(),e.outerHTML)}),i.onPostRender=e=>{M(e),u(e)})),Q(e===`user`),f}var X=null,Z=!0,kt=!1,At=80;function jt(){if(kt)return;let e=document.getElementById(`chatMessages`);e&&(kt=!0,e.addEventListener(`scroll`,()=>{Z=e.scrollHeight-e.scrollTop-e.clientHeight<At},{passive:!0}))}function Q(e=!1){if(jt(),!e&&!Z)return;e&&(Z=!0);let t=D();if(t.active){t.scrollToBottom();return}X||=requestAnimationFrame(()=>{X=null;let e=document.getElementById(`chatMessages`);e&&(e.scrollTop=e.scrollHeight)})}function Mt(e,t){document.querySelectorAll(`.tab-btn`).forEach(e=>{e.classList.remove(`active`),e.setAttribute(`aria-selected`,`false`)}),document.querySelectorAll(`.tab-content`).forEach(e=>e.classList.remove(`active`)),document.getElementById({agents:`tabAgents`,settings:`tabSettings`,skills:`tabSkills`}[e])?.classList.add(`active`),t&&(t.classList.add(`active`),t.setAttribute(`aria-selected`,`true`)),e===`settings`&&r(()=>import(`./settings-CDPMT-Ed.js`).then(e=>e.loadSettings()),__vite__mapDeps([0])),e===`agents`&&r(()=>import(`./employees-MOWdS3OJ.js`).then(e=>e.loadEmployees()),__vite__mapDeps([0])),e===`skills`&&r(()=>import(`./skills-wYJkTYAo.js`).then(e=>e.loadSkills()),__vite__mapDeps([0]))}function Nt(){document.getElementById(`tabSettings`)?.classList.contains(`active`)?r(()=>import(`./settings-CDPMT-Ed.js`).then(e=>e.savePerCli()),__vite__mapDeps([0])):r(()=>import(`./settings-CDPMT-Ed.js`).then(e=>e.updateSettings()),__vite__mapDeps([0]))}function $(e){let t=document.getElementById(`statMsgs`);t&&(t.textContent=a(`stat.messages`,{count:e}))}async function Pt(){let e=await n(`/api/messages`);e&&$(e.length)}function Ft(e){return e.map(e=>{let t=e.role===`assistant`?`agent`:e.role,n=l(t===`user`?Ot(e.content):e.content),r=c(t===`user`?a(`msg.you`):ne()),i=e.role===`assistant`?U(e.tool_log):[],s=i.length>0?mt(W(i),!0):``,u=n?o(n):``,d=t===`agent`?`<div class="msg msg-agent"><div class="agent-icon" aria-hidden="true">${gt(e.cli)}</div><div class="agent-body">${s}<div class="msg-content" data-raw="${c(n)}">${u}</div><button class="msg-copy" title="Copy" aria-label="Copy message"></button></div></div>`:`<div class="msg msg-${t}"><div class="user-body"><div class="msg-label">${r}</div><div class="msg-content" data-raw="${c(n)}">${u}</div><button class="msg-copy" title="Copy" aria-label="Copy message"></button></div><div class="user-icon" aria-hidden="true">${ve()}</div></div>`;return{id:h(),html:d,height:80}})}function It(e){e.onLazyRender=t=>{for(let n of t){if(!n.classList.contains(`lazy-pending`))continue;let t=n.getAttribute(`data-raw`)||``;n.innerHTML=t?o(t):``,n.classList.remove(`lazy-pending`),M(n);let r=n.closest(`[data-vs-idx]`);if(r){let t=Number(r.dataset.vsIdx);e.updateItemHtml(t,r.outerHTML)}}},e.onPostRender=e=>{M(e),u(e)}}function Lt(e){return{registerCallbacks:()=>It(e),setItems:(t,n)=>e.setItems(t,n),activateIfNeeded:t=>e.activateIfNeeded(t),scrollToBottom:()=>e.scrollToBottom()}}async function Rt(){let e=D(),t=document.getElementById(`chatMessages`);try{let e=await n(`/api/settings`);e?.workingDir&&p(e.workingDir)}catch{}let r=await n(`/api/messages`);if(r!==null){e.clear(),t&&(t.innerHTML=``),r.length>=1?Le(Ft(r),Lt(e)):r.forEach(e=>{let t=Y(e.role===`assistant`?`agent`:e.role,e.content,e.cli);if(e.role===`assistant`){let n=U(e.tool_log);if(n.length>0){let e=t.querySelector(`.agent-body`);if(e){let t=z(e);for(let e of W(n))B(t,e);H(t)}}}}),ee(r.map(e=>({role:e.role,content:e.content,cli:e.cli??null,tool_log:e.tool_log??null,timestamp:Date.now()}))).catch(()=>{}),$(r.length),q();return}if(t&&t.children.length>0){q();return}let i=await m();i.length>0&&(i.length>=1?Le(Ft(i),Lt(e)):i.forEach(e=>{let t=Y(e.role===`assistant`?`agent`:e.role,e.content,e.cli);if(e.role===`assistant`&&e.tool_log){let n=U(e.tool_log);if(n.length>0){let e=t.querySelector(`.agent-body`);if(e){let t=z(e);for(let e of W(n))B(t,e);H(t)}}}}),bt(`${d.warning} 오프라인 모드 — 캐시된 메시지 표시 중`),$(i.length)),q()}function zt(){let e=document.getElementById(`chatMessages`);e&&(pt(e),ct(e),e.addEventListener(`click`,e=>{let t=e.target,n=t.closest(`.tool-group-summary`);if(n){let e=n.closest(`.tool-group`),t=n.nextElementSibling;if(e&&t){let r=!e.classList.contains(`expanded`);e.classList.toggle(`expanded`),t.classList.toggle(`collapsed`),n.setAttribute(`aria-expanded`,r?`true`:`false`)}return}let r=t.closest(`.msg-copy`);if(!r)return;let i=r.closest(`.msg`)?.querySelector(`.msg-content`);if(!i)return;let a=i.getAttribute(`data-raw`)||i.innerText||i.textContent||``;navigator.clipboard.writeText(a).then(()=>{r.classList.add(`copied`),r.innerHTML=d.checkSimple,setTimeout(()=>{r.classList.remove(`copied`),r.textContent=``},600)}).catch(()=>{})}))}export{st as _,xt as a,ie as b,wt as c,Pt as d,Q as f,vt as g,Mt as h,Ct as i,zt as l,St as m,bt as n,Dt as o,_t as p,Tt as r,Nt as s,Y as t,Rt as u,D as v,ye as y};
+    </div>`}function ft(e){let t=e.closest(`.process-step`),n=t?.querySelector(`.process-step-details`),r=e.querySelector(`.process-step-chevron`);if(!t||!n)return;let i=n.classList.contains(`collapsed`);n.classList.toggle(`collapsed`,!i),t.classList.toggle(`expanded`,i),e.setAttribute(`aria-expanded`,i?`true`:`false`),r&&(r.innerHTML=i?d.chevronDown:d.chevronRight)}function pt(e){e.dataset.processBlockBound!==`1`&&(e.addEventListener(`click`,e=>{let t=e.target;if(!t)return;let n=t.closest(`.process-step-toggle`);if(n){ft(n);return}let r=t.closest(`.process-summary`);if(r){let e=r.closest(`.process-block`);if(!e)return;let t=e.classList.contains(`collapsed`);e.classList.toggle(`collapsed`,!t),r.setAttribute(`aria-expanded`,t?`true`:`false`);let n=r.querySelector(`.process-chevron`);n&&(n.innerHTML=t?d.chevronDown:d.chevronRight)}}),e.dataset.processBlockBound=`1`)}function mt(e,t=!0){let n=dt(lt(e),t),r=document.createElement(`div`);r.innerHTML=n;let i=r.querySelector(`.process-steps-inner`);i&&(i.innerHTML=e.map(L).join(``));let a=r.querySelector(`.process-dot`);if(a){let n=e.some(e=>e.status===`running`);a.classList.toggle(`running`,n&&!t),a.classList.toggle(`done`,!n||t)}return r.innerHTML}function R(e){let t=e.element.querySelector(`.process-summary-text`);t&&(t.innerHTML=lt(e.steps));let n=e.steps.some(e=>e.status===`running`),r=e.element.querySelector(`.process-dot`);r&&(r.classList.toggle(`running`,n&&!e.collapsed),r.classList.toggle(`done`,!n||e.collapsed));let i=e.steps.length>0?Math.round((Date.now()-e.steps[0].startTime)/1e3):0,a=e.element.querySelector(`.process-duration`);a&&(a.textContent=i>0?`${i}s`:``)}function z(e){let t=document.createElement(`div`);t.innerHTML=dt(``,!1);let n=t.firstElementChild,r=e.querySelector(`.msg-content`);return r?r.before(n):e.appendChild(n),{element:n,steps:[],collapsed:!1}}function B(e,t){e.steps.push(t);let n=e.element.querySelector(`.process-steps-inner`);n&&n.insertAdjacentHTML(`beforeend`,L(t)),R(e)}function V(e,t,n){let r=e.steps.findIndex(e=>e.id===t);if(r===-1)return;e.steps[r]=n;let i=e.element.querySelector(`[data-step-id="${t}"]`);if(i){let e=document.createElement(`div`);e.innerHTML=L(n);let t=e.firstElementChild;t&&i.replaceWith(t)}R(e)}function ht(e,t,n){let r=e.steps.find(e=>e.id===t);if(!r)return;r.status=n;let i=e.element.querySelector(`[data-step-id="${t}"]`);if(i){let e=i.querySelector(`.process-step-dot`);e&&(e.classList.remove(`running`,`done`,`error`),e.classList.add(n))}R(e)}function H(e){e.collapsed=!0,e.element.classList.add(`collapsed`);let t=e.element.querySelector(`.process-summary`);t&&t.setAttribute(`aria-expanded`,`false`);let n=e.element.querySelector(`.process-chevron`);n&&(n.innerHTML=d.chevronRight);for(let t of e.steps)t.status===`running`&&(t.status=`done`);e.element.querySelectorAll(`.process-step-dot.running`).forEach(e=>{e.classList.remove(`running`),e.classList.add(`done`)}),R(e)}function U(e){if(!e)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t:[]}catch{return[]}}function gt(e){return _e()}function W(e){return e.map(e=>({id:h(),icon:e.icon?i(e.icon):d.tool,label:e.label||e.name||`tool`,type:e.toolType||`tool`,detail:e.detail||``,stepRef:e.stepRef||``,status:e.status||`done`,startTime:Date.now()}))}function _t(t){let n=document.getElementById(`statusBadge`),r=document.getElementById(`btnSend`);e.agentBusy=t===`running`,document.getElementById(`typingIndicator`)?.classList.toggle(`active`,e.agentBusy),t===`running`?(n&&(n.className=`status-badge status-running`,n.textContent=`running`),r&&(r.innerHTML=d.stop,r.title=a(`btn.stop`),r.classList.add(`stop-mode`)),yt()):(n&&(n.className=`status-badge status-idle`,n.textContent=`idle`),r&&(r.innerHTML=d.send,r.title=`Send`,r.classList.remove(`stop-mode`)),G())}function vt(e){let t=document.getElementById(`queueBadge`);if(!t){t=document.createElement(`span`),t.id=`queueBadge`,t.className=`queue-badge`;let e=document.getElementById(`btnSend`);e?.parentElement&&(e.parentElement.style.position=`relative`),e&&(e.style.position=`relative`,e.appendChild(t))}t.textContent=e>0?String(e):``,t.style.display=e>0?`flex`:`none`}function yt(){let t=document.getElementById(`chatMessages`);if(!t||t.querySelector(`.skeleton-msg`)||e.currentAgentDiv&&e.currentAgentDiv.isConnected)return;K();let n=document.createElement(`div`);n.className=`skeleton-msg`,n.innerHTML=`<div class="skeleton-line"></div><div class="skeleton-line"></div><div class="skeleton-line"></div>`,t.appendChild(n),Q()}function G(){document.querySelectorAll(`.skeleton-msg`).forEach(e=>e.remove())}function K(){document.getElementById(`emptyState`)?.classList.remove(`visible`)}function q(){let e=document.getElementById(`chatMessages`);e&&e.children.length===0&&document.getElementById(`emptyState`)?.classList.add(`visible`)}function bt(e,t,n){let r=document.getElementById(`chatMessages`);if(!r)return;let i=D();K();let a=document.createElement(`div`);a.className=`msg msg-system`+(n?` msg-type-${n}`:``)+(t?` `+t:``),a.innerHTML=e,i.active?i.appendLiveItem(a):r.appendChild(a),Q()}function xt(){I(),e.currentAgentDiv=null,e.currentProcessBlock=null,J=null}function St(t){if(G(),(!e.currentAgentDiv||!e.currentAgentDiv.isConnected)&&(e.currentAgentDiv=Y(`agent`,``),e.currentProcessBlock=null),!e.currentProcessBlock){let t=e.currentAgentDiv.querySelector(`.agent-body`);t&&(e.currentProcessBlock=z(t))}if(e.currentProcessBlock){let n=t.status&&t.status!==`running`?t.status:s(t.icon);if(n===`done`||n===`error`){let r=t.stepRef,a=r?[...e.currentProcessBlock.steps].reverse().find(e=>e.status===`running`&&e.stepRef===r):[...e.currentProcessBlock.steps].reverse().find(e=>e.status===`running`&&e.label===t.label);if(a){t.detail&&!a.detail?(t.icon=i(t.icon),V(e.currentProcessBlock,a.id,{...t,id:a.id})):ht(e.currentProcessBlock,a.id,n),Q();return}let o=[...e.currentProcessBlock.steps].reverse().find(e=>e.status===`running`);if(o){t.detail&&!o.detail?(t.icon=i(t.icon),V(e.currentProcessBlock,o.id,{...t,id:o.id})):ht(e.currentProcessBlock,o.id,n),Q();return}}if(t.detail){let n=[...e.currentProcessBlock.steps].reverse().find(e=>e.status===`running`&&e.label===t.label&&e.type===t.type&&!e.detail);if(n){V(e.currentProcessBlock,n.id,t),Q();return}}t.icon=i(t.icon),B(e.currentProcessBlock,t)}Q()}var J=null;function Ct(e=[]){document.querySelectorAll(`[data-queued-overlay="true"]`).forEach(e=>e.remove());for(let t of e){let e=String(t.id||``);if(!e||document.querySelector(`[data-queued-id="${e}"]`))continue;let n=Y(`user`,t.prompt||``);n.setAttribute(`data-queued-overlay`,`true`),n.setAttribute(`data-queued-id`,e)}}function wt(t){if(!t?.running)return;I(),G(),e.currentAgentDiv=Y(`agent`,``,t.cli||null),e.currentProcessBlock=null;let n=e.currentAgentDiv.querySelector(`.agent-body`);if(n&&t.toolLog?.length){let r=z(n);for(let e of W(t.toolLog))B(r,e);e.currentProcessBlock=r}let r=e.currentAgentDiv.querySelector(`.msg-content`);r&&(J=Ve(r,t.text||``))}function Tt(t){if(!t)return;G(),(!e.currentAgentDiv||!e.currentAgentDiv.isConnected)&&(e.currentAgentDiv=Y(`agent`,``),J=null);let n=e.currentAgentDiv?.querySelector(`.msg-content`);n&&(J||=Be(n),He(J,t)),Q()}var Et=0;function Dt(t,n){let r=Date.now();if(!e.currentAgentDiv&&r-Et<500)return;I(),G();let i=!!e.currentProcessBlock;e.currentProcessBlock&&=(H(e.currentProcessBlock),null);let a=n&&n.length>0;if(t||a){(!e.currentAgentDiv||!e.currentAgentDiv.isConnected)&&(e.currentAgentDiv=Y(`agent`,``));let r=e.currentAgentDiv?.querySelector(`.msg-content`),s=J?Ue(J,!0):``,c=t||s;J=null;let u=a&&!i?mt(W(n),!0):``;r&&(r.innerHTML=u+o(c)),r&&r.setAttribute(`data-raw`,l(c)),r&&M(r);let d=D();if(d.active&&e.currentAgentDiv&&e.currentAgentDiv.isConnected){let t=e.currentAgentDiv;t.querySelectorAll(`.diagram-widget`).forEach(e=>{let t=e.dataset.widgetHtml;if(!t)return;let n=document.createElement(`div`);n.className=`diagram-widget-pending`,n.dataset.diagramHtml=t,e.replaceWith(n)}),d.appendLiveItem(t),t.remove()}c&&f({role:`assistant`,content:c,tool_log:n?JSON.stringify(n):null,timestamp:Date.now()}).catch(()=>{})}J=null,e.currentAgentDiv=null,Et=Date.now(),_t(`idle`),Pt()}function Ot(e){let t=e.match(/^\[(?:사용자가 파일 (\d+)개를 보냈습니다|User sent (\d+) files)\]/);if(t){let n=t[1]||t[2],r=e.match(/(?:사용자 메시지|User message): (.+)$/s);return`📎 [${n} files]${r?` `+r[1].trim():``}`}let n=e.match(/^\[(?:사용자가 파일을 보냈습니다|User sent a file): ([^\]]+)\]/);if(n){let t=n[1].split(`/`).pop()||n[1],r=e.match(/🎤\s*(.{0,80})/)?`🎤 [음성 메시지] `:``,i=e.match(/(?:사용자 메시지|User message): (.+)$/s);return`${r}📎 [${t}]${i?` `+i[1].trim():``}`}return e}function Y(e,t,n){let r=document.getElementById(`chatMessages`),i=D();K(),G();let s=o(e===`user`?Ot(t):t),d=c(e===`user`?a(`msg.you`):ne()),f=document.createElement(`div`);e===`agent`?(f.className=`msg msg-agent`,f.innerHTML=`<div class="agent-icon" aria-hidden="true">${gt(n)}</div><div class="agent-body"><div class="msg-content">${s}</div><button class="msg-copy" title="Copy" aria-label="Copy message"></button></div>`):(f.className=`msg msg-${e}`,f.innerHTML=`<div class="user-body"><div class="msg-label">${d}</div><div class="msg-content">${s}</div><button class="msg-copy" title="Copy" aria-label="Copy message"></button></div><div class="user-icon" aria-hidden="true">${ve()}</div>`);let p=f.querySelector(`.msg-content`);p&&p.setAttribute(`data-raw`,l(t));let m=e===`agent`&&!t;return i.active&&!m?i.appendLiveItem(f):(r?.appendChild(f),M(f),!i.active&&!m&&r&&r.querySelectorAll(`.msg`).length>=1&&(r.querySelectorAll(`.msg`).forEach(e=>{i.addItem(h(),e.outerHTML)}),i.onPostRender=e=>{M(e),u(e)})),Q(e===`user`),f}var X=null,Z=!0,kt=!1,At=80;function jt(){if(kt)return;let e=document.getElementById(`chatMessages`);e&&(kt=!0,e.addEventListener(`scroll`,()=>{Z=e.scrollHeight-e.scrollTop-e.clientHeight<At},{passive:!0}))}function Q(e=!1){if(jt(),!e&&!Z)return;e&&(Z=!0);let t=D();if(t.active){t.scrollToBottom();return}X||=requestAnimationFrame(()=>{X=null;let e=document.getElementById(`chatMessages`);e&&(e.scrollTop=e.scrollHeight)})}function Mt(e,t){document.querySelectorAll(`.tab-btn`).forEach(e=>{e.classList.remove(`active`),e.setAttribute(`aria-selected`,`false`)}),document.querySelectorAll(`.tab-content`).forEach(e=>e.classList.remove(`active`)),document.getElementById({agents:`tabAgents`,settings:`tabSettings`,skills:`tabSkills`}[e])?.classList.add(`active`),t&&(t.classList.add(`active`),t.setAttribute(`aria-selected`,`true`)),e===`settings`&&r(()=>import(`./settings-CjG37nBy.js`).then(e=>e.loadSettings()),__vite__mapDeps([0])),e===`agents`&&r(()=>import(`./employees-DZSCd0xw.js`).then(e=>e.loadEmployees()),__vite__mapDeps([0])),e===`skills`&&r(()=>import(`./skills-DaKYVUPb.js`).then(e=>e.loadSkills()),__vite__mapDeps([0]))}function Nt(){document.getElementById(`tabSettings`)?.classList.contains(`active`)?r(()=>import(`./settings-CjG37nBy.js`).then(e=>e.savePerCli()),__vite__mapDeps([0])):r(()=>import(`./settings-CjG37nBy.js`).then(e=>e.updateSettings()),__vite__mapDeps([0]))}function $(e){let t=document.getElementById(`statMsgs`);t&&(t.textContent=a(`stat.messages`,{count:e}))}async function Pt(){let e=await n(`/api/messages`);e&&$(e.length)}function Ft(e){return e.map(e=>{let t=e.role===`assistant`?`agent`:e.role,n=l(t===`user`?Ot(e.content):e.content),r=c(t===`user`?a(`msg.you`):ne()),i=e.role===`assistant`?U(e.tool_log):[],s=i.length>0?mt(W(i),!0):``,u=n?o(n):``,d=t===`agent`?`<div class="msg msg-agent"><div class="agent-icon" aria-hidden="true">${gt(e.cli)}</div><div class="agent-body">${s}<div class="msg-content" data-raw="${c(n)}">${u}</div><button class="msg-copy" title="Copy" aria-label="Copy message"></button></div></div>`:`<div class="msg msg-${t}"><div class="user-body"><div class="msg-label">${r}</div><div class="msg-content" data-raw="${c(n)}">${u}</div><button class="msg-copy" title="Copy" aria-label="Copy message"></button></div><div class="user-icon" aria-hidden="true">${ve()}</div></div>`;return{id:h(),html:d,height:80}})}function It(e){e.onLazyRender=t=>{for(let n of t){if(!n.classList.contains(`lazy-pending`))continue;let t=n.getAttribute(`data-raw`)||``;n.innerHTML=t?o(t):``,n.classList.remove(`lazy-pending`),M(n);let r=n.closest(`[data-vs-idx]`);if(r){let t=Number(r.dataset.vsIdx);e.updateItemHtml(t,r.outerHTML)}}},e.onPostRender=e=>{M(e),u(e)}}function Lt(e){return{registerCallbacks:()=>It(e),setItems:(t,n)=>e.setItems(t,n),activateIfNeeded:t=>e.activateIfNeeded(t),scrollToBottom:()=>e.scrollToBottom()}}async function Rt(){let e=D(),t=document.getElementById(`chatMessages`);try{let e=await n(`/api/settings`);e?.workingDir&&p(e.workingDir)}catch{}let r=await n(`/api/messages`);if(r!==null){e.clear(),t&&(t.innerHTML=``),r.length>=1?Le(Ft(r),Lt(e)):r.forEach(e=>{let t=Y(e.role===`assistant`?`agent`:e.role,e.content,e.cli);if(e.role===`assistant`){let n=U(e.tool_log);if(n.length>0){let e=t.querySelector(`.agent-body`);if(e){let t=z(e);for(let e of W(n))B(t,e);H(t)}}}}),ee(r.map(e=>({role:e.role,content:e.content,cli:e.cli??null,tool_log:e.tool_log??null,timestamp:Date.now()}))).catch(()=>{}),$(r.length),q();return}if(t&&t.children.length>0){q();return}let i=await m();i.length>0&&(i.length>=1?Le(Ft(i),Lt(e)):i.forEach(e=>{let t=Y(e.role===`assistant`?`agent`:e.role,e.content,e.cli);if(e.role===`assistant`&&e.tool_log){let n=U(e.tool_log);if(n.length>0){let e=t.querySelector(`.agent-body`);if(e){let t=z(e);for(let e of W(n))B(t,e);H(t)}}}}),bt(`${d.warning} 오프라인 모드 — 캐시된 메시지 표시 중`),$(i.length)),q()}function zt(){let e=document.getElementById(`chatMessages`);e&&(pt(e),ct(e),e.addEventListener(`click`,e=>{let t=e.target,n=t.closest(`.tool-group-summary`);if(n){let e=n.closest(`.tool-group`),t=n.nextElementSibling;if(e&&t){let r=!e.classList.contains(`expanded`);e.classList.toggle(`expanded`),t.classList.toggle(`collapsed`),n.setAttribute(`aria-expanded`,r?`true`:`false`)}return}let r=t.closest(`.msg-copy`);if(!r)return;let i=r.closest(`.msg`)?.querySelector(`.msg-content`);if(!i)return;let a=i.getAttribute(`data-raw`)||i.innerText||i.textContent||``;navigator.clipboard.writeText(a).then(()=>{r.classList.add(`copied`),r.innerHTML=d.checkSimple,setTimeout(()=>{r.classList.remove(`copied`),r.textContent=``},600)}).catch(()=>{})}))}export{st as _,xt as a,ie as b,wt as c,Pt as d,Q as f,vt as g,Mt as h,Ct as i,zt as l,St as m,bt as n,Dt as o,_t as p,Tt as r,Nt as s,Y as t,Rt as u,D as v,ye as y};

package/public/dist/assets/ui-CRPOxysY.js

@@ -0,0 +1 @@
+import{a as e,g as t,u as n}from"./ui-BAV_8ELQ.js";export{e as cleanupToolActivity,n as loadMessages,t as updateQueueBadge};

package/public/dist/assets/ws-C1OfuLct.js

@@ -0,0 +1,14 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/vendor-render-Bjnw0wQ6.css"])))=>i.map(i=>d[i]);
+import{t as e}from"./state-O6NVkWcL.js";import{r as t}from"./api-DygAf_G_.js";import{Z as n}from"./vendor-mermaid-UktBx7L0.js";import{f as r,h as i,n as a,s as o,t as s}from"./render-UgUKF5BD.js";import{a as c,c as l,g as u,i as d,m as f,n as p,o as m,p as h,r as g,t as _,v}from"./ui-BAV_8ELQ.js";var y=3e3,b=new Map,x=[],S=(e,t)=>`${e}:${t}`;function C(e=[]){let t=document.getElementById(`pendingQueue`);if(t){if(x=e.slice(),!e.length){k(new Set),t.classList.remove(`visible`),t.innerHTML=``;return}t.classList.add(`visible`),t.innerHTML=`
+        <div class="pending-queue-header">
+            <span class="pending-queue-title">${o.hourglass} <span data-i18n="queue.pendingTitle">${a(i(`queue.pendingTitle`))}</span> <span class="pending-queue-count">${e.length}</span></span>
+        </div>
+        <div class="pending-queue-list">
+            ${e.map(w).join(``)}
+        </div>
+    `,k(new Set(e.map(e=>e.id))),O()}}function w(e){let t=(e.prompt||``).replace(/\s+/g,` `).trim(),n=t.length>140?t.slice(0,140)+`…`:t,r=e.source?`<span class="pending-row-source">${a(e.source)}</span>`:``,s=a(i(`queue.steer`)),c=a(i(`queue.delete`));return`<div class="pending-row" data-pending-id="${a(e.id)}" title="${a(t)}">
+        <span class="pending-row-text">${a(n)}</span>
+        ${r}
+        <button class="pending-row-btn pending-row-steer" data-pending-action="steer" data-i18n-title="queue.steer" title="${s}" aria-label="${s}"><span class="pending-arm-fill" aria-hidden="true"></span><span class="pending-btn-content"><span class="pending-steer-arrow" aria-hidden="true">↳</span><span class="pending-steer-label">${s}</span></span></button>
+        <button class="pending-row-btn pending-row-delete" data-pending-action="delete" data-i18n-title="queue.delete" title="${c}" aria-label="${c}"><span class="pending-arm-fill" aria-hidden="true"></span><span class="pending-btn-content">${o.trash}</span></button>
+    </div>`}function T(e,t){let n=document.querySelector(`.pending-row[data-pending-id="${CSS.escape(e)}"]`);return n?n.querySelector(`[data-pending-action="${t}"]`):null}function E(e,t){let n=T(e,t);if(!n)return;n.classList.add(`armed`),n.setAttribute(`title`,i(`queue.cancelArm`));let r=n.querySelector(`.pending-arm-fill`);r&&(r.style.animation=`none`,r.offsetWidth,r.style.animation=``)}function D(e,t){let n=T(e,t);n&&(n.classList.remove(`armed`),n.setAttribute(`title`,i(t===`steer`?`queue.steer`:`queue.delete`)))}function O(){for(let e of b.values()){let t=T(e.id,e.action);t&&(t.classList.add(`armed`),t.setAttribute(`title`,i(`queue.cancelArm`)))}}function k(e){for(let[t,n]of b)e.has(n.id)||(clearTimeout(n.timerId),b.delete(t))}function A(e,t){let n=S(e,t),r=setTimeout(()=>M(e,t),y);b.set(n,{id:e,action:t,timerId:r}),E(e,t)}function j(e,t){let n=S(e,t),r=b.get(n);r&&(clearTimeout(r.timerId),b.delete(n),D(e,t))}async function M(e,n){if(b.delete(S(e,n)),await t(n===`steer`?`/api/orchestrate/queue/${encodeURIComponent(e)}/steer`:`/api/orchestrate/queue/${encodeURIComponent(e)}`,n===`steer`?`POST`:`DELETE`,{})==null){D(e,n);return}x=x.filter(t=>t.id!==e),C(x)}function N(e,t){if(b.has(S(e,t))){j(e,t);return}A(e,t)}function P(){let e=document.getElementById(`pendingQueue`);e&&e.addEventListener(`click`,e=>{let t=e.target?.closest(`[data-pending-action]`);if(!t)return;let n=t.closest(`.pending-row`)?.dataset.pendingId;n&&N(n,t.dataset.pendingAction===`steer`?`steer`:`delete`)})}var F=[`P`,`A`,`B`,`C`],I=null;function L(e,t,n){let r=F.indexOf(n);if(r<0)return;let i=e.getBoundingClientRect(),a=t.offsetWidth||36,o=document.getElementById(`dot-${n}`);if(!o)return;let s=F[r+1],c=s?document.getElementById(`dot-${s}`):null;if(c){let e=o.getBoundingClientRect(),n=c.getBoundingClientRect(),r=(e.right+n.left)/2;t.style.left=r-i.left-a/2+`px`}else{let e=o.getBoundingClientRect();t.style.left=e.left-i.left+e.width/2-a/2+`px`}}var R={},z=``,B=0;async function V(e={}){let t=await(await fetch(`/api/orchestrate/snapshot`)).json();z=String(t.orc.scope||``),U(t.orc.state),H(t.workers),u(t.runtime.queuePending),d(t.queued||[]),C(t.queued||[]),e.hydrateRun&&l(t.activeRun),h(t.runtime.busy?`running`:`idle`),n(()=>import(`./employees-DZSCd0xw.js`).then(e=>{typeof e.renderEmployees==`function`&&e.renderEmployees()}),__vite__mapDeps([0]))}function H(e){for(let e of Object.keys(R))delete R[e];for(let t of e)t.state===`running`&&t.phase&&(R[t.agentId]={phase:t.phase,phaseLabel:t.phaseLabel||``})}function U(t,n){let r=new Set([`IDLE`,`P`,`A`,`B`,`C`,`D`]).has(t)?t:`IDLE`;if(e.orcState=r,r===`IDLE`||r===`D`)document.body.removeAttribute(`data-orc-state`),document.body.style.removeProperty(`--orc-glow`);else{document.body.setAttribute(`data-orc-state`,r);let e=`--orc-glow-${r}`,t=getComputedStyle(document.documentElement).getPropertyValue(e).trim();document.body.style.setProperty(`--orc-glow`,t)}document.body.classList.add(`orc-pulse`),setTimeout(()=>document.body.classList.remove(`orc-pulse`),700);let i=document.getElementById(`orcStateBadge`);i&&(i.textContent={IDLE:``,P:`PLAN`,A:`AUDIT`,B:`BUILD`,C:`CHECK`,D:`DONE`}[r],i.style.display=r===`IDLE`?`none`:`inline-block`);let a=document.getElementById(`pabcRoadmap`),o=document.getElementById(`sharkRunner`),s=document.getElementById(`pabcBrand`);if(a&&o){if(!a.dataset.resizeObserved){a.dataset.resizeObserved=`1`,new ResizeObserver(()=>{I&&o.classList.contains(`running`)&&L(a,o,I)}).observe(a);let e=0;window.addEventListener(`resize`,()=>{cancelAnimationFrame(e),e=requestAnimationFrame(()=>{I&&o.classList.contains(`running`)&&L(a,o,I)})})}if(r===`IDLE`)a.classList.remove(`visible`,`shimmer-out`),o.classList.remove(`running`),I=null;else if(r===`D`){F.forEach(e=>{let t=document.getElementById(`dot-${e}`);t&&(t.className=`pabc-dot done`,t.setAttribute(`data-phase`,e))});for(let e=0;e<4;e++){let t=document.getElementById(`pabc-conn-${e}`);t&&(t.className=`pabc-connector done`)}o.classList.remove(`running`),I=null,a.classList.add(`shimmer-out`),setTimeout(()=>a.classList.remove(`visible`,`shimmer-out`),1e3)}else{a.classList.remove(`shimmer-out`),a.classList.add(`visible`),o.classList.add(`running`);let e=F.indexOf(r);F.forEach((t,n)=>{let r=document.getElementById(`dot-${t}`);r&&(r.className=`pabc-dot ${n<e?`done`:n===e?`active`:`future`}`,r.setAttribute(`data-phase`,t))});for(let t=0;t<4;t++){let n=document.getElementById(`pabc-conn-${t}`);n&&(n.className=`pabc-connector ${t<e?`done`:``}`)}I=r,requestAnimationFrame(()=>L(a,o,r))}s&&n&&(s.textContent=n)}}function W(){let t=`ws://${location.host}`;e.ws=new WebSocket(`${t}?lang=${r()}`),e.ws.onmessage=e=>{let t;try{t=JSON.parse(e.data)}catch{console.warn(`[ws] malformed message:`,e.data);return}if(!t||typeof t!=`object`||typeof t.type!=`string`){console.warn(`[ws] invalid message shape:`,t);return}if(t.type===`agent_status`)t.running===void 0?h(t.status||`idle`):h(t.running?`running`:`idle`),t.agentId&&t.phase&&(R[t.agentId]={phase:t.phase,phaseLabel:t.phaseLabel||``},n(()=>import(`./employees-DZSCd0xw.js`).then(e=>e.loadEmployees()),__vite__mapDeps([0])));else if(t.type===`queue_update`)u(t.pending||0),V().catch(()=>{});else if(t.type===`worklog_created`)p(`${o.clipboard} Worklog: ${a(t.path||``)}`);else if(t.type===`round_start`){let e=t.agentPhases||t.subtasks||[],n=e.map(e=>a(e.agent||e.name||``)).join(`, `);p(i(`ws.roundStart`,{round:t.round||0,count:e.length,names:n}))}else if(t.type===`round_done`)t.action===`complete`?p(i(`ws.roundDone`,{round:t.round||0})):t.action===`next`?p(i(`ws.roundNext`,{round:t.round||0})):p(i(`ws.roundRetry`,{round:t.round||0}));else if(t.type===`agent_tool`){let e=t.isEmployee?`(E) `:``,n=t.toolType===`thinking`?`thinking`:t.toolType===`search`?`search`:`tool`;f({id:`step-${Date.now()}-${Math.random().toString(36).slice(2,6)}`,type:n,icon:t.icon||o.tool,label:e+(t.label||``),detail:t.detail||``,stepRef:t.stepRef||``,status:t.status||`running`,startTime:Date.now()})}else if(t.type===`agent_output`)g(t.text||``);else if(t.type===`agent_retry`)p(i(`ws.retry`,{cli:a(t.cli||``),delay:t.delay||10}),`tool-activity`);else if(t.type===`agent_fallback`)p(i(`ws.fallback`,{from:a(t.from||``),to:a(t.to||``)}),`tool-activity`);else if(t.type===`agent_smoke`)p(`${o.warning} ${a(t.cli||`agent`)}: smoke response detected — auto-continuing`,`tool-activity`);else if(t.type===`agent_done`)m(t.text||``,t.toolLog);else if(t.type===`orchestrate_done`)m(t.text||``);else if(t.type===`clear`){s(),c(),v().clear();let e=document.getElementById(`chatMessages`);e&&(e.innerHTML=``),n(()=>import(`./idb-cache-C7z4qE00.js`).then(e=>e.clearCache()),[]).catch(()=>{})}else if(t.type===`session_reset`)p(`${o.refresh} Session reset — history preserved`,`tool-activity`);else if(t.type===`agent_added`||t.type===`agent_updated`||t.type===`agent_deleted`)n(()=>import(`./employees-DZSCd0xw.js`).then(e=>e.loadEmployees()),__vite__mapDeps([0]));else if(t.type===`orc_state`){if(t.scope&&z&&t.scope!==z)return;U(typeof t.state==`string`?t.state:`IDLE`,t.title)}else t.type===`memory_status`?n(()=>import(`./memory-n3Lqts66.js`).then(e=>e.refreshMemorySidebar()),__vite__mapDeps([0])):t.type===`new_message`&&(t.source===`telegram`||t.source===`discord`)&&_(t.role===`assistant`?`agent`:t.role||`user`,t.content||``,t.cli)},e.ws.onopen=()=>{console.log(`[ws] connected`);let e=Date.now()-B<1e4;n(()=>import(`./ui-CRPOxysY.js`).then(async t=>{if(t.cleanupToolActivity(),!e)try{await t.loadMessages(),B=Date.now()}catch(e){console.error(`[ws] loadMessages failed`,e)}V({hydrateRun:!0}).catch(()=>{})}),__vite__mapDeps([0]))},e.ws.onclose=()=>{console.log(`[ws] disconnected, reconnecting in 2s...`),n(()=>import(`./ui-CRPOxysY.js`).then(e=>e.cleanupToolActivity()),__vite__mapDeps([0])),h(`idle`),p(`${o.exec} 연결 끊김 — 재연결 중...`,`tool-activity`),setTimeout(W,2e3)}}function G(e){return R[e]||null}export{G as n,P as r,W as t};

package/public/dist/index.html

@@ -25,9 +25,9 @@
         href="https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap"
         rel="stylesheet">
     <!-- Vite handles module bundling in dev (HMR) and production (build) -->
-  <script type="module" crossorigin src="/dist/assets/index-DKwE5mA1.js"></script>
+  <script type="module" crossorigin src="/dist/assets/index-DOuB99na.js"></script>
   <link rel="stylesheet" crossorigin href="/dist/assets/vendor-render-Bjnw0wQ6.css">
-  <link rel="stylesheet" crossorigin href="/dist/assets/index-CLvmDyQF.css">
+  <link rel="stylesheet" crossorigin href="/dist/assets/index-CuTj9Zvw.css">
 </head>
 
 <body>
@@ -159,6 +159,7 @@
             <span class="typing-dot"></span>
             <span class="typing-dot"></span>
         </div>
+        <div class="pending-queue" id="pendingQueue" aria-live="polite"></div>
         <div class="file-preview" id="filePreview">
             <div class="file-preview-header">
                 <span class="file-preview-title"><span data-icon="paperclip"></span> Files</span>

package/public/index.html

@@ -165,6 +165,7 @@
             <span class="typing-dot"></span>
             <span class="typing-dot"></span>
         </div>
+        <div class="pending-queue" id="pendingQueue" aria-live="polite"></div>
         <div class="file-preview" id="filePreview">
             <div class="file-preview-header">
                 <span class="file-preview-title"><span data-icon="paperclip"></span> Files</span>

package/public/js/features/pending-queue.ts

@@ -0,0 +1,168 @@
+// ── Pending Queue Stack ──
+// Renders queued (pending) messages as thin one-line rows above the chat input
+// with steer (interrupt + redirect) and trash (delete) buttons per item.
+//
+// Click-to-arm UX: each button arms a 3s countdown (visual fill).
+// Re-clicking the same button cancels. Multiple buttons can be armed
+// independently across rows or actions.
+
+import { escapeHtml } from '../render.js';
+import { ICONS } from '../icons.js';
+import { apiJson } from '../api.js';
+import { t } from './i18n.js';
+
+export interface PendingItem {
+    id: string;
+    prompt: string;
+    source?: string;
+    ts?: number;
+}
+
+type Action = 'steer' | 'delete';
+type ArmedSlot = { id: string; action: Action; timerId: ReturnType<typeof setTimeout> };
+
+const ARM_DELAY_MS = 3000;
+const armed = new Map<string, ArmedSlot>();
+let lastItems: PendingItem[] = [];
+
+const slotKey = (id: string, action: Action) => `${id}:${action}`;
+
+export function renderPendingQueue(items: PendingItem[] = []): void {
+    const host = document.getElementById('pendingQueue');
+    if (!host) return;
+    lastItems = items.slice();
+    if (!items.length) {
+        cancelOrphanedSlots(new Set());
+        host.classList.remove('visible');
+        host.innerHTML = '';
+        return;
+    }
+    host.classList.add('visible');
+    host.innerHTML = `
+        <div class="pending-queue-header">
+            <span class="pending-queue-title">${ICONS.hourglass} <span data-i18n="queue.pendingTitle">${escapeHtml(t('queue.pendingTitle'))}</span> <span class="pending-queue-count">${items.length}</span></span>
+        </div>
+        <div class="pending-queue-list">
+            ${items.map(renderRow).join('')}
+        </div>
+    `;
+    const liveIds = new Set(items.map(it => it.id));
+    cancelOrphanedSlots(liveIds);
+    reapplyArmedVisuals();
+}
+
+function renderRow(item: PendingItem): string {
+    const preview = (item.prompt || '').replace(/\s+/g, ' ').trim();
+    const truncated = preview.length > 140 ? preview.slice(0, 140) + '…' : preview;
+    const source = item.source ? `<span class="pending-row-source">${escapeHtml(item.source)}</span>` : '';
+    const steerLabel = escapeHtml(t('queue.steer'));
+    const deleteLabel = escapeHtml(t('queue.delete'));
+    return `<div class="pending-row" data-pending-id="${escapeHtml(item.id)}" title="${escapeHtml(preview)}">
+        <span class="pending-row-text">${escapeHtml(truncated)}</span>
+        ${source}
+        <button class="pending-row-btn pending-row-steer" data-pending-action="steer" data-i18n-title="queue.steer" title="${steerLabel}" aria-label="${steerLabel}"><span class="pending-arm-fill" aria-hidden="true"></span><span class="pending-btn-content"><span class="pending-steer-arrow" aria-hidden="true">↳</span><span class="pending-steer-label">${steerLabel}</span></span></button>
+        <button class="pending-row-btn pending-row-delete" data-pending-action="delete" data-i18n-title="queue.delete" title="${deleteLabel}" aria-label="${deleteLabel}"><span class="pending-arm-fill" aria-hidden="true"></span><span class="pending-btn-content">${ICONS.trash}</span></button>
+    </div>`;
+}
+
+function findButton(id: string, action: Action): HTMLButtonElement | null {
+    const row = document.querySelector(`.pending-row[data-pending-id="${CSS.escape(id)}"]`);
+    if (!row) return null;
+    return row.querySelector(`[data-pending-action="${action}"]`) as HTMLButtonElement | null;
+}
+
+function paintArmed(id: string, action: Action): void {
+    const btn = findButton(id, action);
+    if (!btn) return;
+    btn.classList.add('armed');
+    btn.setAttribute('title', t('queue.cancelArm'));
+    // Force animation restart by toggling class on the fill element
+    const fill = btn.querySelector('.pending-arm-fill') as HTMLElement | null;
+    if (fill) {
+        fill.style.animation = 'none';
+        // Force reflow so the next assignment restarts the animation
+        void fill.offsetWidth;
+        fill.style.animation = '';
+    }
+}
+
+function unpaintArmed(id: string, action: Action): void {
+    const btn = findButton(id, action);
+    if (!btn) return;
+    btn.classList.remove('armed');
+    btn.setAttribute('title', action === 'steer' ? t('queue.steer') : t('queue.delete'));
+}
+
+function reapplyArmedVisuals(): void {
+    for (const slot of armed.values()) {
+        const btn = findButton(slot.id, slot.action);
+        if (!btn) continue;
+        // Re-render replaced the DOM; just toggle class without restarting animation
+        btn.classList.add('armed');
+        btn.setAttribute('title', t('queue.cancelArm'));
+    }
+}
+
+function cancelOrphanedSlots(liveIds: Set<string>): void {
+    for (const [key, slot] of armed) {
+        if (!liveIds.has(slot.id)) {
+            clearTimeout(slot.timerId);
+            armed.delete(key);
+        }
+    }
+}
+
+function arm(id: string, action: Action): void {
+    const key = slotKey(id, action);
+    const timerId = setTimeout(() => fire(id, action), ARM_DELAY_MS);
+    armed.set(key, { id, action, timerId });
+    paintArmed(id, action);
+}
+
+function cancelArm(id: string, action: Action): void {
+    const key = slotKey(id, action);
+    const slot = armed.get(key);
+    if (!slot) return;
+    clearTimeout(slot.timerId);
+    armed.delete(key);
+    unpaintArmed(id, action);
+}
+
+async function fire(id: string, action: Action): Promise<void> {
+    armed.delete(slotKey(id, action));
+    const path = action === 'steer'
+        ? `/api/orchestrate/queue/${encodeURIComponent(id)}/steer`
+        : `/api/orchestrate/queue/${encodeURIComponent(id)}`;
+    const method = action === 'steer' ? 'POST' : 'DELETE';
+    const result = await apiJson<{ pending: number }>(path, method, {});
+    if (result == null) {
+        // Server already removed the item or call failed — let snapshot resync.
+        unpaintArmed(id, action);
+        return;
+    }
+    // Optimistic local removal — queue_update broadcast will resync.
+    lastItems = lastItems.filter(it => it.id !== id);
+    renderPendingQueue(lastItems);
+}
+
+function handleClick(id: string, action: Action): void {
+    if (armed.has(slotKey(id, action))) {
+        cancelArm(id, action);
+        return;
+    }
+    arm(id, action);
+}
+
+export function initPendingQueue(): void {
+    const host = document.getElementById('pendingQueue');
+    if (!host) return;
+    host.addEventListener('click', (e) => {
+        const btn = (e.target as HTMLElement)?.closest('[data-pending-action]') as HTMLElement | null;
+        if (!btn) return;
+        const row = btn.closest('.pending-row') as HTMLElement | null;
+        const id = row?.dataset.pendingId;
+        if (!id) return;
+        const action: Action = btn.dataset.pendingAction === 'steer' ? 'steer' : 'delete';
+        handleClick(id, action);
+    });
+}

package/public/js/main.ts

@@ -57,6 +57,7 @@ import { initI18n, setLang, getLang, t } from './features/i18n.js';
 import { toggleRecording, cancelRecording } from './features/voice-recorder.js';
 import { ICONS, hydrateIcons } from './icons.js';
 import { hydrateProviderIcons } from './provider-icons.js';
+import { initPendingQueue } from './features/pending-queue.js';
 
 // ── Chat Actions ──
 document.getElementById('btnSend')?.addEventListener('click', sendMessage);
@@ -79,6 +80,7 @@ chatInput?.addEventListener('cmd-execute', () => {
 });
 document.getElementById('cmdDropdown')?.addEventListener('click', handleSlashClick);
 document.addEventListener('click', handleSlashOutsideClick);
+initPendingQueue();
 document.getElementById('filePreviewClear')?.addEventListener('click', clearAttachedFiles);
 document.getElementById('filePreviewList')?.addEventListener('click', (e) => {
     const btn = (e.target as HTMLElement)?.closest('[data-file-idx]') as HTMLElement | null;

package/public/js/ws.ts

@@ -1,6 +1,7 @@
 // ── WebSocket Connection ──
 import { state } from './state.js';
 import { setStatus, updateQueueBadge, addSystemMsg, appendAgentText, finalizeAgent, addMessage, showProcessStep, cleanupToolActivity, applyQueuedOverlay, hydrateActiveRun } from './ui.js';
+import { renderPendingQueue } from './features/pending-queue.js';
 import { t, getLang } from './features/i18n.js';
 import { getVirtualScroll } from './virtual-scroll.js';
 import { ICONS, emojiToIcon } from './icons.js';
@@ -83,6 +84,7 @@ async function refreshRuntimeSnapshot(options: { hydrateRun?: boolean } = {}): P
     hydrateAgentPhases(snap.workers);
     updateQueueBadge(snap.runtime.queuePending);
     applyQueuedOverlay(snap.queued || []);
+    renderPendingQueue(snap.queued || []);
     if (options.hydrateRun) hydrateActiveRun(snap.activeRun);
     setStatus(snap.runtime.busy ? 'running' : 'idle');
     import('./features/employees.js').then(m => {

package/public/locales/en.json

@@ -196,6 +196,10 @@
     "aria.cmdList": "Command list",
     "btn.attach": "Attach file",
     "input.placeholder": "Type a message...",
+    "queue.pendingTitle": "Pending",
+    "queue.delete": "Remove",
+    "queue.steer": "Run now (steer)",
+    "queue.cancelArm": "Click again to cancel",
     "loading": "Loading...",
     "btn.editPrompt": "Edit system prompt",
     "tg.chatIds.placeholder": "Comma-separated (leave empty to allow all)",

package/public/locales/ko.json

@@ -196,6 +196,10 @@
     "aria.cmdList": "커맨드 목록",
     "btn.attach": "파일 첨부",
     "input.placeholder": "메시지 입력...",
+    "queue.pendingTitle": "대기 중",
+    "queue.delete": "삭제",
+    "queue.steer": "지금 실행 (steer)",
+    "queue.cancelArm": "취소 (3초 안에 한 번 더 누르면 취소)",
     "loading": "로딩 중...",
     "btn.editPrompt": "시스템 프롬프트 편집",
     "tg.chatIds.placeholder": "콤마 구분 (비워두면 전체 허용)",