cli-jaw 2.1.2 → 2.1.3

package/public/dist/assets/ui-qKxy-4p9.js

@@ -0,0 +1,142 @@
+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-D04-chBy.js";import{a as t,n,t as r}from"./api-tVoG39dL.js";import{t as i}from"./preload-helper-DuH3-WbD.js";import{C as a,_ as o,c as s,d as c,f as l,g as u,l as d,m as f,p,r as ee,t as m,v as te}from"./render-J11oxfnl.js";import{a as ne,i as re,o as ie,r as ae,t as oe}from"./idb-cache-0LNMskFB.js";import{a as se,i as ce,n as le,t as ue}from"./esm-BmJkIat2.js";var de=`agentAvatar`,fe=`userAvatar`,pe=l.shark,me=l.user,he={agent:{emoji:pe,imageUrl:``,updatedAt:null},user:{emoji:me,imageUrl:``,updatedAt:null}},ge=!1;function h(e){return he[e]}function _e(e){return e===`agent`?`agentAvatarPreview`:`userAvatarPreview`}function ve(e){return e===`agent`?`.agent-icon`:`.user-icon`}function ye(e){let t=document.getElementById(_e(e));if(t){t.innerHTML=g(e);let n=h(e).imageUrl?`image`:`emoji`;t.setAttribute(`data-avatar-kind`,n)}}function g(e){let t=h(e);return t.imageUrl?`<img class="avatar-image" src="${o(t.imageUrl)}" alt="" loading="lazy" decoding="async">`:t.emoji}function be(e){let t=g(e),n=h(e).imageUrl?`image`:`emoji`;document.querySelectorAll(ve(e)).forEach(e=>{e.innerHTML=t,e.setAttribute(`data-avatar-kind`,n)})}function _(e,t){t?.kind===`image`&&t.imageUrl?(h(e).imageUrl=t.imageUrl,h(e).updatedAt=t.updatedAt??Date.now()):(h(e).imageUrl=``,h(e).updatedAt=t?.updatedAt??null),ye(e),be(e)}async function xe(){let e=await n(`/api/avatar`);e&&(_(`agent`,e.agent),_(`user`,e.user))}async function Se(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 Ce(e,t){let n=await Se(`/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})`);_(e,r?.data||r)}async function we(e){let t=await Se(`/api/avatar/${e}/image`,{method:`DELETE`}),n=await t.json().catch(()=>null);if(!t.ok)throw Error(n?.error||`avatar reset failed (${t.status})`);_(e,n?.data||n)}function Te(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 we(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 Ce(e,r)}catch(e){console.warn(`[avatar:upload]`,e.message)}finally{n.value=``}})}function Ee(){return g(`agent`)}function De(){return g(`user`)}async function Oe(){h(`agent`).emoji=localStorage.getItem(de)||pe,h(`user`).emoji=localStorage.getItem(fe)||me,ye(`agent`),ye(`user`),ge||(ge=!0,Te(`agent`),Te(`user`)),await xe(),be(`agent`),be(`user`)}function v(){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 ke=/^(?:(?:\/[^\s]+\/)?(?:bash|zsh|sh))\s+-lc\s+([\s\S]+)$/;function Ae(e){let t=e.trim();if(t.length<2)return t;let n=t[0];if(n!==`'`&&n!==`"`)return t;let r=t[t.length-1]===n?t.slice(1,-1):t.slice(1);return n===`'`?r.replace(/'\\''/g,`'`):r.replace(/\\"/g,`"`).replace(/\\`/g,"`").replace(/\\\$/g,`$`).replace(/\\\\/g,`\\`)}function je(e){let t=String(e||``).trim();if(!t)return``;let n=t.match(ke);return n&&Ae(n[1]||``)||t}function Me(e){return je(e)}function Ne(e){let t=String(e||``);if(!t.trim())return``;let n=t.split(/\r?\n/),r=n[0]||``,i=r.match(/^(\s*\$\s*)([\s\S]+)$/);if(i){let e=Me(i[2]||``);return n[0]=`${i[1]}${e}`,n.join(`
+`)}let a=Me(r);return a===r.trim()?t:(n[0]=a,n.join(`
+`))}var y=null,b=null,x=160,Pe=3e3,Fe=1e3,Ie=80,Le=24,Re=24,S=new Map,C=new Map;function ze(){let e=b;if(!e||e.collapsed||e.steps.length===0){w();return}let t=e._durationEl??=e.element.querySelector(`.process-duration`);if(!t)return;let n=Math.round((Date.now()-e.steps[0].startTime)/1e3);t.textContent=n>0?`${n}s`:``}function Be(e){y&&b===e||(w(),b=e,y=setInterval(ze,3e3))}function w(){y&&=(clearInterval(y),null),b=null}function Ve(e){let t={};for(let n of e){let e=n.type===`thinking`?`${l.thinking} Thinking`:n.type===`search`?`${l.search} Search`:n.type===`subagent`?`${l.robot} Subagent`:`${l.tool} Tool`;t[e]=(t[e]||0)+1}return Object.entries(t).map(([e,t])=>t>1?`${e}&times;${t}`:e).join(` + `)}function T(e,t=120){let n=e.replace(/\s+/g,` `).trim();return n?n.length>t?`${n.slice(0,t-1)}…`:n:``}function He(e){if(e.length<=Pe)return{detail:e,truncated:!1};let t=`\n[detail truncated: kept ${Pe} of ${e.length} chars]`;return{detail:`${e.slice(0,Math.max(0,Pe-t.length))}${t}`,truncated:!0}}function E(e){return S.get(e)?.detail||``}function Ue(e){return e.type===`tool`?{...e,label:Me(e.label||``),detail:Ne(e.detail||``),detailPreview:e.detailPreview?Ne(e.detailPreview):e.detailPreview}:e}function D(e){let t=Ue(e),n=Ne(E(t.id))||t.detail||``,r=He(n),i=t.detailPreview||T(n,x);return n&&S.set(t.id,{detail:r.detail,originalLength:n.length,truncated:r.truncated}),C.set(t.id,{id:t.id,type:t.type,icon:t.icon,rawIcon:t.rawIcon,label:t.label,isEmployee:t.isEmployee,stepRef:t.stepRef,traceRunId:t.traceRunId,traceSeq:t.traceSeq,detailAvailable:t.detailAvailable,detailBytes:t.detailBytes,rawRetentionStatus:t.rawRetentionStatus,status:t.status,startTime:t.startTime,preview:i,detailLength:n.length,detailTruncated:r.truncated}),{...t,detail:i,detailPreview:i,detailLength:n.length,detailTruncated:r.truncated}}function We(e,t){let n=t||``,r=E(e),i=r&&n?`${r}\n${n}`:n||r,a=He(i);i&&S.set(e,{detail:a.detail,originalLength:i.length,truncated:a.truncated});let o=C.get(e);return o&&(o.preview=T(i,x),o.detailLength=i.length,o.detailTruncated=a.truncated),o?.preview||T(i,x)}function Ge(e,t){let n=t||E(e),r=He(n);n&&S.set(e,{detail:r.detail,originalLength:n.length,truncated:r.truncated});let i=T(n,x),a=C.get(e);return a&&(a.preview=i,a.detailLength=n.length,a.detailTruncated=r.truncated),i}function Ke(e){let t=D(e);C.set(e.id,{id:t.id,type:t.type,icon:t.icon,rawIcon:t.rawIcon,label:t.label,isEmployee:t.isEmployee,stepRef:t.stepRef,traceRunId:t.traceRunId,traceSeq:t.traceSeq,detailAvailable:t.detailAvailable,detailBytes:t.detailBytes,rawRetentionStatus:t.rawRetentionStatus,status:t.status,startTime:t.startTime,preview:t.detailPreview||t.detail||``,detailLength:t.detailLength||0,detailTruncated:!!t.detailTruncated})}function qe(e){e.element.dataset.processStepIds=e.steps.map(e=>e.id).join(` `)}function Je(e){let t=new Set;return e.length<=Ie?(e.forEach((e,n)=>t.add(n)),t):(e.forEach((n,r)=>{(r<Le||r>=e.length-Re||n.status===`running`||n.status===`error`)&&t.add(r)}),t)}function Ye(e){let t=e||l.tool;return t.trim().startsWith(`<svg`)?t:o(t)}function Xe(e){let t=`process-step-dot ${e.status}`,n=`process-step-badge ${e.type}`,r=e.type.toUpperCase(),i=o(e.label||e.icon||``),a=e.isEmployee?`<span class="process-step-origin" aria-label="Employee tool">(E)</span>`:``,s=Ye(e.icon),c=e.detailPreview||e.detail||``,u=`process-detail-${e.id}`,d=e.detailAvailable&&e.traceRunId&&e.traceSeq?`<span class="process-step-trace" role="button" tabindex="0" title="Open full trace" aria-label="Open full trace" data-trace-run-id="${o(e.traceRunId)}" data-trace-seq="${String(e.traceSeq)}">Trace</span>`:``,f=T(c,e.type===`thinking`?120:80),p=f?`<span class="process-step-snippet">${o(f)}</span>`:``;return`<div class="process-step process-step-expandable"
+        data-step-id="${e.id}"
+        data-type="${o(e.type)}"
+        data-status="${o(e.status)}"
+        data-is-employee="${e.isEmployee?`true`:``}"
+        data-step-ref="${o(e.stepRef||``)}"
+        data-trace-run-id="${o(e.traceRunId||``)}"
+        data-trace-seq="${String(e.traceSeq||``)}"
+        data-start-time="${String(e.startTime||Date.now())}">
+        <button class="process-step-toggle" aria-expanded="false" aria-controls="${u}">
+            <span class="${t}"></span>
+            <span class="process-step-icon" aria-hidden="true">${s}</span>
+            <span class="${n}">${r}</span>
+            <span class="process-step-main">
+                ${a}
+                <span class="process-step-label">${i}</span>
+                ${p}
+            </span>
+            ${d}
+            <span class="process-step-chevron">${l.chevronRight}</span>
+        </button>
+        <div class="process-step-details collapsed" id="${u}">
+            <pre class="process-step-full" data-detail-lazy="true"></pre>
+        </div>
+    </div>`}function Ze(e){return`<div class="process-step process-step-omitted" aria-hidden="true">
+        <span class="process-step-snippet">${e} completed tool step${e===1?``:`s`} hidden for memory safety</span>
+    </div>`}function Qe(e){let t=Je(e),n=0,r=[];for(let i=0;i<e.length;i++){let a=e[i];a&&(t.has(i)?(n>0&&(r.push(Ze(n)),n=0),r.push(Xe(a))):n++)}return n>0&&r.push(Ze(n)),r.join(``)}function $e(e=``,t=!1){return`<div class="process-block${t?` collapsed`:``}">
+        <button class="process-summary" aria-expanded="${t?`false`:`true`}">
+            <span class="process-dot ${t?`done`:`running`}"></span>
+            <span class="process-summary-text">${e}</span>
+            <span class="process-duration"></span>
+            <span class="process-chevron">${t?l.chevronRight:l.chevronDown}</span>
+        </button>
+        <div class="process-details">
+            <div class="process-steps-inner"></div>
+        </div>
+    </div>`}function et(e){let t=e.closest(`.process-step`),n=t?.querySelector(`.process-step-details`),r=n?.querySelector(`.process-step-full`),i=e.querySelector(`.process-step-chevron`);if(!t||!n)return;let a=n.classList.contains(`collapsed`);a&&r?.dataset.detailLazy===`true`?(r.textContent=E(t.dataset.stepId||``)||C.get(t.dataset.stepId||``)?.preview||``,delete r.dataset.detailLazy):!a&&r&&r.textContent&&r.textContent.length>Fe&&(r.textContent=``,r.dataset.detailLazy=`true`),n.classList.toggle(`collapsed`,!a),t.classList.toggle(`expanded`,a),e.setAttribute(`aria-expanded`,a?`true`:`false`),i&&(i.innerHTML=a?l.chevronDown:l.chevronRight)}function tt(e,t){let n=window.__jawProcessBlockLayoutMutation;if(typeof n==`function`){n(e,t);return}t()}function nt(e){e.dataset.processBlockBound!==`1`&&(e.addEventListener(`click`,e=>{let t=e.target;if(!t)return;let n=t.closest(`.process-step-trace`);if(n){e.preventDefault(),e.stopPropagation();let t=n.dataset.traceRunId||``,r=Number(n.dataset.traceSeq||0);i(()=>import(`./trace-drawer-Czvf2P2o.js`).then(e=>e.openTraceDrawer(t,r)),__vite__mapDeps([0])).catch(e=>console.warn(`[trace-drawer] open failed:`,e));return}let r=t.closest(`.process-step-toggle`);if(r){tt(r.closest(`.process-step, .process-block`),()=>{et(r)});return}let a=t.closest(`.process-summary`);if(a){let e=a.closest(`.process-block`);if(!e)return;tt(e,()=>{let t=e.classList.contains(`collapsed`);e.classList.toggle(`collapsed`,!t),a.setAttribute(`aria-expanded`,t?`true`:`false`);let n=a.querySelector(`.process-chevron`);n&&(n.innerHTML=t?l.chevronDown:l.chevronRight)})}}),e.dataset.processBlockBound=`1`)}function rt(e,t=!0){let n=e.map(D),r=$e(Ve(n),t),i=document.createElement(`div`);i.innerHTML=r;let a=i.querySelector(`.process-block`);a&&(a.dataset.processStepIds=n.map(e=>e.id).join(` `));let o=i.querySelector(`.process-steps-inner`);o&&(o.innerHTML=Qe(n));let s=i.querySelector(`.process-dot`);if(s){let e=n.some(e=>e.status===`running`);s.classList.toggle(`running`,e&&!t),s.classList.toggle(`done`,!e||t)}return i.innerHTML}function it(e){let t=e.element.querySelector(`.process-summary-text`);t&&(t.innerHTML=Ve(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._durationEl??=e.element.querySelector(`.process-duration`);a&&(a.textContent=i>0?`${i}s`:``),n&&!e.collapsed?Be(e):b===e&&w()}function at(e){let t=document.createElement(`div`);t.innerHTML=$e(``,!0);let n=t.firstElementChild,r=e.querySelector(`.msg-content`);return r?r.before(n):e.appendChild(n),{element:n,steps:[],collapsed:!0}}function ot(e,t){let n=D(t);e.steps.push(n);let r=e.element.querySelector(`.process-steps-inner`);r&&(e.steps.length>Ie?r.innerHTML=Qe(e.steps):r.insertAdjacentHTML(`beforeend`,Xe(n))),qe(e),it(e)}function O(e,t,n){let r=e.steps.findIndex(e=>e.id===t);if(r===-1)return;t!==n.id&&(S.delete(t),C.delete(t));let i=D(n);e.steps[r]=i;let a=e.element.querySelector(`[data-step-id="${t}"]`);if(a){let e=document.createElement(`div`);e.innerHTML=Xe(i);let t=e.firstElementChild;t&&a.replaceWith(t)}else if(e.steps.length>Ie){let t=e.element.querySelector(`.process-steps-inner`);t&&(t.innerHTML=Qe(e.steps))}qe(e),it(e)}function st(e){b===e&&w(),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=l.chevronRight);for(let t of e.steps)t.status===`running`&&(t.status=`done`,Ke(t));e.element.querySelectorAll(`.process-step-dot.running`).forEach(e=>{e.classList.remove(`running`),e.classList.add(`done`);let t=e.closest(`.process-step`);t&&(t.dataset.status=`done`)}),it(e)}function k(e){if(!e)return;let t=new Set;if(`steps`in e)e.steps.forEach(e=>t.add(e.id));else{if(e.classList.contains(`process-block`)&&(e.dataset.processStepIds||``).split(/\s+/).filter(Boolean).forEach(e=>t.add(e)),e.querySelectorAll(`.process-block[data-process-step-ids]`).forEach(e=>{(e.dataset.processStepIds||``).split(/\s+/).filter(Boolean).forEach(e=>t.add(e))}),e.classList.contains(`process-step`)){let n=e.dataset.stepId;n&&t.add(n)}e.querySelectorAll(`.process-step[data-step-id]`).forEach(e=>{let n=e.dataset.stepId;n&&t.add(n)})}t.forEach(e=>{S.delete(e),C.delete(e)})}function ct(e){return C.get(e)||null}var lt=80,ut=5,dt=80;function ft(e){let t=Math.ceil(e.getBoundingClientRect().height);return Number.isFinite(t)&&t>0?t:0}function pt(e,t,n){if(!e[t])return;let r=ft(n);r>0&&(e[t].height=r)}function mt(e,t,n){if(n)for(let[r,i]of t)pt(e,r,i),n.measureElement(i)}var ht=class{items=[];container;innerEl;_active=!1;virtualizer=null;cleanupFn=null;mounted=new Map;itemGap=0;restorePassTimers=new Set;shouldFollowAfterRestore=()=>!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}invalidateLayout(){if(!this.virtualizer)return;this.itemGap=0;let e=this.measureGap();this.virtualizer.setOptions({...this.virtualizer.options,gap:e}),this.virtualizer.measure(),mt(this.items,this.mounted,this.virtualizer),this.renderItems()}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){this.appendItem({id:e,html:t,height:lt})}appendItem(e){if(this.items.push(e),!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;s(e);let t=e.outerHTML,n=v();this.items.push({id:n,html:t,height:lt}),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._active&&this.virtualizer&&this.items.length>0&&this.virtualizer.scrollToIndex(this.items.length-1,{align:`end`}),this.container.scrollTop=this.container.scrollHeight}firstVisibleIndex(){if(!this._active||!this.virtualizer)return null;let e=this.virtualizer.getVirtualItems();if(e.length===0)return null;let t=this.container.scrollTop;for(let n of e)if(n.end>t)return n.index;return e[0].index}scrollToIndex(e,t=`start`){this._active&&this.virtualizer&&e>=0&&e<this.items.length&&this.virtualizer.scrollToIndex(e,{align:t})}isNearBottom(e=dt){return this.container.scrollHeight-this.container.scrollTop-this.container.clientHeight<e}setRestoreFollowPredicate(e){this.shouldFollowAfterRestore=e??(()=>!0)}reconcileBottomAfterLayout(e,t=this.isNearBottom()){t&&requestAnimationFrame(()=>{this.invalidateLayout(),requestAnimationFrame(()=>{this.scrollToBottom()})})}reconcileAfterRestore(e,t=this.shouldFollowAfterRestore){if(!t()){this.invalidateLayout();return}this.scheduleRestoreReconcile(e,t)}forceBottomAfterRestore(e){this.scheduleRestoreReconcile(e)}cancelRestoreReconcile(e){this.clearRestoreTimers()}preserveScrollDuringMutation(e,t){let n=this.isNearBottom(),r=this.captureScrollAnchor(e),i=t();return this.invalidateLayout(),n?(this.reconcileBottomAfterLayout(`manual`,!0),i):(this.restoreScrollAnchor(r),i)}scheduleRestoreReconcile(e,t){this.runRestoreReconcilePass(e,t),requestAnimationFrame(()=>this.runRestoreReconcilePass(e,t)),requestAnimationFrame(()=>{requestAnimationFrame(()=>this.runRestoreReconcilePass(e,t))}),this.scheduleRestoreTimer(e,250,t),this.scheduleRestoreTimer(e,1e3,t),document.fonts?.ready.then(()=>this.runRestoreReconcilePass(e,t))}scheduleRestoreTimer(e,t,n){let r=window.setTimeout(()=>{this.restorePassTimers.delete(r),this.runRestoreReconcilePass(e,n)},t);this.restorePassTimers.add(r)}runRestoreReconcilePass(e,t){if(this.virtualizer){if(t&&!t()){this.cancelRestoreReconcile(e),this.invalidateLayout();return}this.invalidateLayout(),mt(this.items,this.mounted,this.virtualizer),this.scrollToBottom()}}captureScrollAnchor(e){let t=e instanceof HTMLElement?e:null,n=t&&this.isVisibleInContainer(t)?t:this.firstVisibleMountedItem();return n?{el:n,top:n.getBoundingClientRect().top}:null}restoreScrollAnchor(e){if(!e||!e.el.isConnected)return;let t=e.el.getBoundingClientRect().top-e.top;Number.isFinite(t)&&t!==0&&(this.container.scrollTop+=t)}firstVisibleMountedItem(){let e=Array.from(this.mounted.entries()).sort(([e],[t])=>e-t);for(let[,t]of e)if(this.isVisibleInContainer(t))return t;return null}isVisibleInContainer(e){let t=e.getBoundingClientRect(),n=this.container.getBoundingClientRect();return t.bottom>n.top&&t.top<n.bottom}clearRestoreTimers(){for(let e of this.restorePassTimers)window.clearTimeout(e);this.restorePassTimers.clear()}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 ue({count:this.items.length,getScrollElement:()=>this.container,estimateSize:e=>this.items[e]?.height??lt,overscan:ut,gap:this.itemGap,useAnimationFrameWithResizeObserver:!0,onChange:()=>this.renderItems(),observeElementRect:se,observeElementOffset:ce,scrollToFn:le,getItemKey:e=>this.items[e]?.id??e,indexAttribute:`data-vs-idx`});let t=[],n=this.virtualizer._didMount();n&&t.push(n);let r=0,i=()=>{cancelAnimationFrame(r),r=requestAnimationFrame(()=>{this.invalidateLayout()})},a=()=>i();if(window.addEventListener(`resize`,a),t.push(()=>{window.removeEventListener(`resize`,a),cancelAnimationFrame(r)}),typeof ResizeObserver<`u`){let e=this.container.clientWidth,n=this.container.clientHeight,r=new ResizeObserver(t=>{let r=t[0]?.contentRect;if(!r)return;let a=Math.round(r.width),o=Math.round(r.height);a===e&&o===n||(e=a,n=o,i())});r.observe(this.container),t.push(()=>r.disconnect());let a=this.virtualizer?.getTotalSize()??0,o=new ResizeObserver(()=>{let e=this.virtualizer?.getTotalSize()??0;if(e<=a){a=e;return}a=e,this.shouldFollowAfterRestore()&&this.reconcileBottomAfterLayout(`manual`,!0)});o.observe(this.innerEl),t.push(()=>o.disconnect())}let o=e=>{this.virtualizer&&this.reconcileAfterRestore(e,this.shouldFollowAfterRestore)},s=e=>{e.persisted&&o(`pageshow`)};window.addEventListener(`pageshow`,s);let c=()=>{document.visibilityState===`visible`&&o(`visibility`)};document.addEventListener(`visibilitychange`,c);let l=()=>o(`focus`);window.addEventListener(`focus`,l);let u=()=>o(`resume`);document.addEventListener(`resume`,u);let d=()=>{};window.addEventListener(`pagehide`,d);let f=()=>{};document.addEventListener(`freeze`,f),this.cleanupFn=()=>{window.removeEventListener(`pageshow`,s),document.removeEventListener(`visibilitychange`,c),window.removeEventListener(`focus`,l),document.removeEventListener(`resume`,u),window.removeEventListener(`pagehide`,d),document.removeEventListener(`freeze`,f);for(let e of t.reverse())e();this.clearRestoreTimers()},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(),`wasDiscarded`in document&&document.wasDiscarded&&o(`discard`)}deactivate(){this.clearRestoreTimers(),this.cleanupFn&&=(this.cleanupFn(),null),this.virtualizer=null,this._active=!1;for(let e of this.mounted.values())s(e),k(e);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)||(s(t),this.items[e]?.rehydratesProcessDetails&&k(t),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){let t=Number(e.dataset.vsIdx||`-1`);pt(this.items,t,e),this.virtualizer.measureElement(e)}}},gt=null;function A(){return gt||=new ht(`chatMessages`),gt}var _t=2e3,vt=80;function yt(e){return{chunks:[],fullText:``,textDirty:!1,element:e,pendingRAF:null,isFinalized:!1,lastRenderTime:0}}function bt(e,t=``){let n=yt(e);return t?(n.chunks=[t],n.fullText=t,n.textDirty=!1,n.element.innerHTML=m(t,!0)+`<span class="stream-cursor" aria-hidden="true"></span>`):n.element.innerHTML=`<span class="stream-cursor" aria-hidden="true"></span>`,n}function xt(e){return e.textDirty&&=(e.fullText=e.chunks.join(``),!1),e.fullText}function St(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=xt(e);n.length<_t||t-e.lastRenderTime>vt?(e.element.innerHTML=m(n,!0)+`<span class="stream-cursor" aria-hidden="true"></span>`,e.lastRenderTime=t):e.pendingRAF=requestAnimationFrame(()=>{e.pendingRAF=null,!e.isFinalized&&(e.element.innerHTML=m(xt(e),!0)+`<span class="stream-cursor" aria-hidden="true"></span>`,e.lastRenderTime=performance.now())})}))}function Ct(e,t=!1){e.isFinalized=!0,e.pendingRAF&&=(cancelAnimationFrame(e.pendingRAF),null);let n=xt(e);return t||(e.element.innerHTML=m(n)),n}var wt=[`cdnjs.cloudflare.com`,`cdn.jsdelivr.net`,`unpkg.com`,`esm.sh`,`fonts.googleapis.com`,`fonts.gstatic.com`],Tt=[/\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*\(/],Et=[];function Dt(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(!wt.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];wt.some(t=>e===t||e.endsWith(`.`+t))||t.push(`CSS url() references external domain: ${e}`)}for(let n of Tt)if(n.test(e))return{valid:!1,reason:`Dangerous pattern: ${n.source}`,warnings:t};for(let n of Et)n.test(e)&&t.push(`DOM sink detected: ${n.source}`);return{valid:!0,warnings:t}}var Ot=null,j=!0,M=`unknown`,kt=!1,At=80,jt=1100,N=null,P=new Set,F=new Set;function I(){return M!==`pinnedAway`}function L(){j=!0,M=`following`,Wt()}function Mt(e){j=e<At,M=j?`following`:`pinnedAway`,M===`pinnedAway`&&R(),Wt()}function R(){for(let e of P)window.clearTimeout(e);P.clear();for(let e of F)cancelAnimationFrame(e);F.clear()}function z(e){let t=requestAnimationFrame(()=>{F.delete(t),e()});F.add(t)}function Nt(e){P.add(e)}function B(e,t){let n=window.setTimeout(()=>{P.delete(n),e()},t);Nt(n)}function V(){if(A().setRestoreFollowPredicate(I),window.__jawProcessBlockLayoutMutation=(e,t)=>{let n=A();if(n.active){n.preserveScrollDuringMutation(e,t);return}t()},kt)return;let e=document.getElementById(`chatMessages`);e&&(kt=!0,e.addEventListener(`scroll`,()=>{Mt(e.scrollHeight-e.scrollTop-e.clientHeight)},{passive:!0}),Ut())}function Pt(){V();let e=document.getElementById(`chatMessages`);if(!e)return j;let t=A();return t.active?t.isNearBottom(At):e.scrollHeight-e.scrollTop-e.clientHeight<At}function Ft(e=Pt()){if(V(),!e)return;L();let t=A();if(t.active){t.reconcileBottomAfterLayout(`reconnect`,!0);return}requestAnimationFrame(()=>{requestAnimationFrame(()=>{let e=document.getElementById(`chatMessages`);e&&(e.scrollTop=e.scrollHeight)})})}function It(e){N!==null&&(window.clearTimeout(N),N=null);let t=document.querySelector(`.chat-area`);if(!t)return;let n=t.querySelector(`[data-restore-indicator="true"]`);n||(n=document.createElement(`div`),n.className=`chat-restore-indicator`,n.setAttribute(`data-restore-indicator`,`true`),n.setAttribute(`role`,`status`),n.setAttribute(`aria-live`,`polite`),n.innerHTML=`<span class="chat-restore-dot"></span><span class="chat-restore-text">Restoring</span>`,t.appendChild(n)),n.dataset.restoreReason=e}function Lt(){N!==null&&(window.clearTimeout(N),N=null),document.querySelectorAll(`[data-restore-indicator="true"]`).forEach(e=>e.remove())}function Rt(e=jt){N!==null&&window.clearTimeout(N),N=window.setTimeout(()=>{N=null,Lt()},e)}function zt(e){It(e),Rt(),V();let t=A();if(t.active){t.reconcileAfterRestore(e,I);return}if(!I())return;let n=()=>{if(!I()){R();return}let e=document.getElementById(`chatMessages`);e&&(e.scrollTop=e.scrollHeight,L())},r=()=>{if(!I()){R();return}z(n)};r(),z(r),z(()=>z(r)),B(r,250),B(r,1e3),document.fonts?.ready.then(r)}function Bt(){V(),L();let e=A();if(e.active){e.reconcileAfterRestore(`manual`,I);return}let t=()=>{if(!I()){R();return}let e=document.getElementById(`chatMessages`);e&&(e.scrollTop=e.scrollHeight,L())},n=()=>{if(!I()){R();return}z(t)};n(),z(n),z(()=>z(n)),B(n,250),B(n,1e3),document.fonts?.ready.then(n)}function H(e=!1){if(V(),!e&&!j)return;e&&L();let t=A();if(t.active){t.scrollToBottom();return}Ot||=requestAnimationFrame(()=>{Ot=null;let e=document.getElementById(`chatMessages`);e&&(e.scrollTop=e.scrollHeight)})}var U=null,Vt=!1;function Ht(){let e=document.createElement(`button`);return e.className=`scroll-to-bottom-fab`,e.setAttribute(`aria-label`,`Scroll to bottom`),e.innerHTML=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 3v10M4 9l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>`,e.addEventListener(`click`,()=>H(!0)),e}function Ut(){let e=document.querySelector(`.chat-area`);!e||U||(U=Ht(),e.appendChild(U))}function Wt(){if(!U)return;let e=M===`pinnedAway`;e!==Vt&&(Vt=e,U.classList.toggle(`visible`,e))}function Gt(){let e=document.createElement(`button`);return e.className=`diagram-copy-btn`,e.type=`button`,e.ariaLabel=`Copy source`,e.title=`Copy`,e.innerHTML=l.copy,e}function Kt(){let e=document.createElement(`button`);return e.className=`diagram-save-btn`,e.type=`button`,e.ariaLabel=`Save as image`,e.title=`Save`,e.innerHTML=l.download,e}function qt(){let e=document.createElement(`button`);return e.className=`diagram-zoom-btn`,e.type=`button`,e.ariaLabel=`Expand diagram`,e.title=`Expand`,e.textContent=`⤢`,e}function Jt(){let e=document.createElement(`button`);return e.className=`diagram-size-toggle-btn`,e.type=`button`,e.ariaLabel=`Expand diagram`,e.title=`Expand`,e.textContent=`⤢`,e}var Yt=[`cdnjs.cloudflare.com`,`cdn.jsdelivr.net`,`unpkg.com`,`esm.sh`,`fonts.googleapis.com`,`fonts.gstatic.com`],W=new Set,G=new Map,Xt=new WeakMap;function Zt(e){let t=Xt.get(e);t&&(t(),Xt.delete(e))}function Qt(e){e.contentWindow&&(W.delete(e.contentWindow),G.delete(e.contentWindow))}function $t(e){Zt(e.owner);let t=!1,n=!1,r=Number(e.owner.dataset.gen||`0`);e.owner.dataset.gen=String(r);let i=()=>{e.iframe.contentWindow?.postMessage({type:`jaw-request-resize`},`*`),setTimeout(()=>e.iframe.contentWindow?.postMessage({type:`jaw-request-resize`},`*`),300),setTimeout(()=>e.iframe.contentWindow?.postMessage({type:`jaw-request-resize`},`*`),1e3)},a=()=>{if(!t){t=!0,e.iframe.contentWindow&&(W.add(e.iframe.contentWindow),G.set(e.iframe.contentWindow,e.nonce),i());return}Qt(e.iframe),console.warn(`[jaw-diagram] iframe navigated — postMessage channel revoked`)},o=t=>{t.source!==e.iframe.contentWindow||t.data?.type!==`jaw-widget-ready`||t.data.nonce===e.nonce&&(n=!0,window.removeEventListener(`message`,o))},s=window.setTimeout(()=>{window.removeEventListener(`message`,o),Number(e.owner.dataset.gen||`0`)===r&&(n||!e.owner.isConnected||(Qt(e.iframe),e.onTimeout?.()))},1e4);e.iframe.addEventListener(`load`,a),window.addEventListener(`message`,o),Xt.set(e.owner,()=>{window.clearTimeout(s),window.removeEventListener(`message`,o),e.iframe.removeEventListener(`load`,a),Qt(e.iframe)})}var en=null;function tn(){if(en)return;let e=document.getElementById(`chatMessages`);e&&(en=new MutationObserver(e=>{if(W.size)for(let t of e)for(let e of t.removedNodes)e instanceof HTMLIFrameElement&&e.contentWindow&&(W.delete(e.contentWindow),G.delete(e.contentWindow)),e instanceof HTMLElement&&e.querySelectorAll(`iframe`).forEach(e=>{e.contentWindow&&(W.delete(e.contentWindow),G.delete(e.contentWindow))})}),en.observe(e,{childList:!0,subtree:!0}))}function nn(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 rn(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=Yt.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 an(){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 on(e){return`
+<script>
+(function() {
+  var __nonce = '${e}';
+
+  window.addEventListener('message', function(e) {
+    if (e.source !== window.parent) return;
+    if (!e.data || typeof e.data !== 'object') return;
+
+    if (e.data.type === 'jaw-theme-update') {
+      window.__jawTheme = { isDark: !!e.data.isDark };
+      window.__jawTokens = e.data.tokens || {};
+      window.dispatchEvent(new CustomEvent('jaw-theme-change', { detail: window.__jawTheme }));
+    }
+    if (e.data.type === 'jaw-request-resize') {
+      postHeight();
+    }
+    if (e.data.type === 'jaw-request-screenshot') {
+      var canvas = document.querySelector('canvas');
+      if (canvas) {
+        try {
+          var dataUrl = canvas.toDataURL('image/png');
+          window.parent.postMessage({ type: 'jaw-screenshot', dataUrl: dataUrl, nonce: __nonce }, '*');
+        } catch(ex) { /* tainted canvas or other error */ }
+      }
+    }
+  });
+
+  function postHeight() {
+    var h = Math.max(
+      document.body.scrollHeight,
+      document.body.offsetHeight,
+      document.documentElement.scrollHeight
+    );
+    window.parent.postMessage({ type: 'jaw-diagram-resize', height: h, nonce: __nonce }, '*');
+  }
+
+  if (typeof ResizeObserver !== 'undefined') {
+    var ro = new ResizeObserver(function() {
+      clearTimeout(ro._t);
+      ro._t = setTimeout(postHeight, 50);
+    });
+    ro.observe(document.body);
+  }
+
+  window.addEventListener('load', function() {
+    postHeight();
+    // Deferred re-measure for async chart renders (Chart.js animation, CDN loading)
+    setTimeout(postHeight, 200);
+    setTimeout(postHeight, 800);
+    window.parent.postMessage({ type: 'jaw-widget-ready', nonce: __nonce }, '*');
+  });
+
+  var lastSend = 0;
+  window.sendPrompt = function(text) {
+    var now = Date.now();
+    if (now - lastSend < 3000) return;
+    lastSend = now;
+    window.parent.postMessage({ type: 'jaw-send-prompt', text: String(text).slice(0, 500), nonce: __nonce }, '*');
+  };
+
+  // Ctrl+C / Cmd+C: forward selected text to host for clipboard access
+  document.addEventListener('copy', function() {
+    var sel = window.getSelection();
+    if (sel && sel.toString().trim()) {
+      window.parent.postMessage({
+        type: 'jaw-copy-text',
+        text: sel.toString().slice(0, 512),
+        nonce: __nonce
+      }, '*');
+    }
+  });
+})();
+<\/script>`}var sn=[[/\/p5\.js\/1\.11\.1[1-9]\//g,`/p5.js/1.11.10/`]];function cn(e){for(let[t,n]of sn)e=e.replace(t,n);return e}function ln(e){tn(),mn(),e=cn(e);let t=Array.from(crypto.getRandomValues(new Uint8Array(16)),e=>e.toString(16).padStart(2,`0`)).join(``),n=an(),r=rn(e),i=nn(e),a=on(t),o=`<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  ${r}
+  ${i}
+  <style>
+    :root { ${Object.entries(n.tokens).map(([e,t])=>`${e}: ${t};`).join(`
+      `)} }
+    * { margin: 0; box-sizing: border-box; }
+    body {
+      font-family: var(--font-ui), system-ui, sans-serif;
+      color: var(--text);
+      background: transparent;
+      padding: 16px;
+      overflow: hidden;
+    }
+  </style>
+</head>
+<body>
+  <script>
+    window.__jawTheme = ${JSON.stringify({isDark:n.isDark})};
+    window.__jawTokens = ${JSON.stringify(n.tokens).replace(/<\//g,`<\\/`)};
+  <\/script>
+  ${a}
+  ${e}
+</body>
+</html>`,s=document.createElement(`iframe`);return s.sandbox.add(`allow-scripts`),s.srcdoc=o,s.style.cssText=`width: 100%; min-height: 200px; border: none; overflow: hidden; display: block;`,s.setAttribute(`aria-label`,`Interactive diagram widget`),{iframe:s,nonce:t}}function K(e){(e||document).querySelectorAll(`.diagram-widget-pending`).forEach(e=>{let t=e.dataset.diagramHtml;if(!t)return;let n;try{n=dn(t)}catch{e.replaceWith(Object.assign(document.createElement(`div`),{className:`diagram-error`,textContent:`Failed to decode widget content`,role:`alert`}));return}let r=Dt(n);if(!r.valid){e.replaceWith(Object.assign(document.createElement(`div`),{className:`diagram-error`,textContent:`Widget blocked: ${r.reason}`,role:`alert`}));return}r.warnings.length&&console.warn(`[jaw-diagram] Widget warnings:`,r.warnings);let i=document.createElement(`div`);i.className=`diagram-container diagram-widget`,i.dataset.widgetHtml=t,i.appendChild(qt()),i.appendChild(Kt()),i.appendChild(Gt());let{iframe:a,nonce:o}=ln(n);i.appendChild(a),un(i),e.replaceWith(i),$t({iframe:a,nonce:o,owner:i,onTimeout:()=>{i.innerHTML=`<div class="diagram-error" role="alert">
+          Widget failed to load within 10 seconds.
+        </div>`,console.warn(`[jaw-diagram] Widget timeout — iframe deregistered`)}})})}function un(e){let t=e.querySelector(`.diagram-zoom-btn`);!t||t.dataset.bound||(t.dataset.bound=`1`,t.addEventListener(`click`,()=>{let t=e.dataset.widgetHtml;t&&fn(t)}))}function dn(e){if(e.length>524288)throw Error(`Widget payload too large`);return decodeURIComponent(escape(atob(e)))}function fn(e){let t=document.activeElement,n;try{n=dn(e)}catch{n=``}let r=document.createElement(`div`);r.className=`diagram-overlay diagram-widget-overlay`,r.setAttribute(`role`,`dialog`),r.setAttribute(`aria-modal`,`true`),r.setAttribute(`aria-label`,`Expanded interactive diagram`);let i=document.createElement(`div`);i.className=`diagram-overlay-content`;let a=document.createElement(`button`);a.className=`diagram-overlay-close`,a.type=`button`,a.ariaLabel=`Close`,a.textContent=`✕`,r.append(i,a);let o=()=>{Zt(i),r.remove(),document.removeEventListener(`keydown`,s),t?.isConnected&&t.focus()},s=e=>{if(e.key===`Escape`){o();return}if(e.key!==`Tab`)return;let t=r.querySelectorAll(`button, [href], iframe, [tabindex]:not([tabindex="-1"])`);if(!t.length)return;let n=t[0],i=t[t.length-1];e.shiftKey&&document.activeElement===n?(e.preventDefault(),i.focus()):!e.shiftKey&&document.activeElement===i&&(e.preventDefault(),n.focus())},c=n?Dt(n):{valid:!1,reason:`Failed to decode widget content`,warnings:[]};if(!c.valid)i.innerHTML=`<div class="diagram-error" role="alert">Widget blocked: ${c.reason}</div>`;else{let t=document.createElement(`div`);t.className=`diagram-container diagram-widget diagram-widget-expanded`,t.dataset.widgetHtml=e;let a=Jt();a.addEventListener(`click`,()=>{let e=r.classList.toggle(`maximized`);a.textContent=e?`⤡`:`⤢`,a.title=e?`Shrink`:`Expand`,a.ariaLabel=e?`Shrink diagram`:`Expand diagram`}),t.append(Kt(),Gt(),a);let{iframe:o,nonce:s}=ln(n);t.appendChild(o),i.appendChild(t),$t({iframe:o,nonce:s,owner:i})}a.addEventListener(`click`,o),document.addEventListener(`keydown`,s),document.body.appendChild(r),a.focus()}var pn=null;function mn(){if(pn)return;let e=document.getElementById(`chatMessages`);e&&(pn=new MutationObserver(t=>{for(let n of t)for(let t of n.addedNodes)if(t instanceof HTMLElement&&(t.classList?.contains(`diagram-widget-pending`)||t.querySelector?.(`.diagram-widget-pending`))){requestAnimationFrame(()=>K(t.parentElement||e));return}}),pn.observe(e,{childList:!0}))}var hn=new WeakMap;function gn(e,t){if(hn.has(e))return;hn.set(e,window.setTimeout(()=>hn.delete(e),100));let n=Pt(),r=!1;document.querySelectorAll(`iframe`).forEach(n=>{n.contentWindow===e&&(n.style.height=`${Math.min(Math.max(t,60),2e3)}px`,r=!0)}),r&&n&&requestAnimationFrame(()=>Ft(!0))}function _n(){document.querySelectorAll(`.diagram-widget`).forEach(e=>{let t=e.dataset.widgetHtml;if(!t)return;let n;try{n=dn(t)}catch{return}let r=e.querySelector(`iframe`);r?.contentWindow&&(W.delete(r.contentWindow),G.delete(r.contentWindow));let i=e;i.dataset.gen=String((Number(i.dataset.gen||`0`)||0)+1);let{iframe:a,nonce:o}=ln(n);e.innerHTML=``,e.appendChild(qt()),e.appendChild(Kt()),e.appendChild(Gt()),e.appendChild(a),un(e),$t({iframe:a,nonce:o,owner:e})})}var vn=0;window.addEventListener(`message`,e=>{if(!e.data||typeof e.data!=`object`||!e.source||e.origin!==`null`||!W.has(e.source)||![...document.querySelectorAll(`iframe`)].find(t=>t.contentWindow===e.source)?.isConnected)return;let t=G.get(e.source);if(!(!t||e.data.nonce!==t))switch(e.data.type){case`jaw-diagram-resize`:{let t=Number(e.data.height);if(!Number.isFinite(t)||t<0)return;gn(e.source,t);break}case`jaw-send-prompt`:{let t=Date.now();if(t-vn<3e3)return;vn=t;let n=String(e.data.text||``).trim().slice(0,500);if(!n)return;let r=document.getElementById(`chatInput`);r&&(r.value=n,r.dispatchEvent(new Event(`input`,{bubbles:!0})),r.focus());break}case`jaw-copy-text`:{let t=String(e.data.text||``).trim().slice(0,512);if(!t)return;c(t);break}case`jaw-screenshot`:{let t=String(e.data.dataUrl||``);if(!t.startsWith(`data:image/`)||t.length>5242880)return;fetch(t).then(e=>e.blob()).then(e=>{let t=URL.createObjectURL(e),n=document.createElement(`a`);n.href=t,n.download=`widget-${Date.now()}.png`,n.click(),setTimeout(()=>URL.revokeObjectURL(t),1e3)}).catch(()=>{});break}case`jaw-widget-ready`:break}});function yn(e){e.dataset.toolItemBound!==`1`&&(e.addEventListener(`click`,e=>{let t=e.target;if(!t)return;let n=t.closest(`.tool-item-toggle`);if(!n)return;let r=n.closest(`.tool-item`),i=r?.querySelector(`.tool-item-details`),a=n.querySelector(`.tool-item-chevron`);if(!r||!i)return;let o=i.classList.contains(`collapsed`);i.classList.toggle(`collapsed`,!o),r.classList.toggle(`expanded`,o),n.setAttribute(`aria-expanded`,o?`true`:`false`),a&&(a.innerHTML=o?l.chevronDown:l.chevronRight)}),e.dataset.toolItemBound=`1`)}function bn(){document.querySelectorAll(`.tool-activity-live`).forEach(e=>e.remove()),document.querySelectorAll(`.msg-system.tool-activity`).forEach(e=>e.remove())}function xn(){let e=Number(window.location.port);if(Number.isFinite(e)&&e>0)return e;let t=window.location.pathname.match(/^\/i\/(\d+)/);return t?Number(t[1]):null}function Sn(e){let t=e.split(/\r?\n/).map(e=>e.trim()).find(Boolean);return t?t.length>96?`${t.slice(0,93)}...`:t:`Pinned reminder`}function Cn(e){let t=e.querySelector(`.msg-content`);return t?.getAttribute(`data-raw`)||t?.innerText||t?.textContent||``}function wn(e){if(!e)return null;let t=Number(e);return Number.isFinite(t)&&t>=0?t:null}function Tn(e,t){let n=xn(),r=e.dataset.messageId||``;return{title:Sn(t),notes:t,priority:`normal`,instanceId:e.dataset.instanceId||(n?`port:${n}`:`browser`),messageId:r,turnIndex:wn(e.dataset.turnIndex),port:n,threadKey:window.location.pathname,sourceText:t}}function En(e){e.classList.add(`copied`),e.innerHTML=l.checkSimple,setTimeout(()=>{e.classList.remove(`copied`),e.textContent=``},600)}async function Dn(e){let t=e.closest(`.msg`);t&&(await c(Cn(t))).ok&&En(e)}async function On(e,t){let r=e.closest(`.msg`);if(!r)return;let i=Cn(r).trim();if(!i){t.onStatus?.(`Cannot pin an empty message as a reminder.`);return}e.setAttribute(`aria-busy`,`true`),e.classList.add(`is-pinning`);try{let a=await n(`/api/dashboard/reminders/from-message`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify(Tn(r,i))});if(!a?.ok)throw Error(a?.error||`Reminder pin failed`);e.classList.add(`is-pinned`),t.onStatus?.(`Pinned reminder: ${a.item?.title||Sn(i)}`)}catch(e){t.onStatus?.(`Reminder pin failed: ${e.message}`)}finally{e.classList.remove(`is-pinning`),e.removeAttribute(`aria-busy`)}}function kn(e){let t=e.closest(`.tool-group-summary`);if(!t)return!1;let n=t.closest(`.tool-group`),r=t.nextElementSibling;if(n&&r){let e=!n.classList.contains(`expanded`);n.classList.toggle(`expanded`),r.classList.toggle(`collapsed`),t.setAttribute(`aria-expanded`,e?`true`:`false`)}return!0}function An(e){let t=[`data-message-role="${o(e.role)}"`,`data-message-id="${o(e.messageId)}"`];if(e.turnIndex!==null&&t.push(`data-turn-index="${e.turnIndex}"`),typeof window<`u`){let e=xn();e&&t.push(`data-instance-id="port:${e}"`)}return t.join(` `)}function jn(){return`<div class="msg-actions"><button class="msg-pin-reminder" type="button" title="Pin as reminder" aria-label="Pin as reminder"></button><button class="msg-copy" type="button" title="Copy" aria-label="Copy message"></button></div>`}function Mn(e={}){let t=document.getElementById(`chatMessages`);t&&(nt(t),yn(t),t.addEventListener(`click`,t=>{let n=t.target;if(kn(n))return;let r=n.closest(`.msg-copy`);if(r){Dn(r).catch(t=>{e.onStatus?.(`Copy failed: ${t.message}`)});return}let i=n.closest(`.msg-pin-reminder`);i&&On(i,e)}))}var Nn=`agentName`,Pn=`CLI-JAW`,q=Pn;function Fn(){return q}function In(e){q=(e||``).trim()||Pn,localStorage.setItem(Nn,q);let t=document.getElementById(`appNameInput`);t&&(t.value=q)}function Ln(){q=localStorage.getItem(Nn)||Pn;let e=document.getElementById(`appNameInput`);e&&(e.value=q),document.getElementById(`appNameSave`)?.addEventListener(`click`,()=>{let e=document.getElementById(`appNameInput`);e&&In(e.value)}),document.getElementById(`appNameInput`)?.addEventListener(`keydown`,e=>{let t=e;t.key===`Enter`&&(t.preventDefault(),In(t.target.value),t.target.blur())})}var Rn=`:scope > .process-block, :scope > .tool-group, :scope > .msg-content > .process-block, :scope > .msg-content > .tool-group`;function zn(e){return e.querySelector(`.agent-body`)}function Bn(e){let t=zn(e);return t?Array.from(t.querySelectorAll(Rn)):[]}function Vn(e){let t=e.querySelector(`:scope > .msg-content`);return e.querySelector(`:scope > .process-block`)??e.querySelector(`:scope > .tool-group`)??t?.querySelector(`:scope > .process-block`)??t?.querySelector(`:scope > .tool-group`)??null}function J(e){let t=zn(e);if(!t)return;let n=t.querySelector(`.msg-content`),r=Bn(e);if(r.length===0)return;let i=Vn(t)??r[0];n&&i.parentElement!==t&&t.insertBefore(i,n);for(let e of r)e!==i&&(k(e),e.remove())}function Hn(e){return Bn(e).length>0}function Un(e){return e===`thinking`||e===`search`||e===`subagent`?e:`tool`}function Wn(e){return e===`done`||e===`error`?e:`running`}function Gn(e){let t=e.dataset.stepId||``;if(!t)return null;let n=ct(t),r=e.querySelector(`.process-step-label`)?.textContent?.trim()||``,i=e.querySelector(`.process-step-full`),a=i?.dataset.detailLazy===`true`?E(t)||n?.preview||``:i?.textContent||E(t)||n?.preview||``,o=e.querySelector(`.process-step-icon`)?.innerHTML||l.tool,s=Number(e.dataset.startTime||``);return{id:t,type:n?.type||Un(e.dataset.type),icon:n?.icon||o,rawIcon:n?.rawIcon,label:n?.label||r,isEmployee:n?.isEmployee===!0||e.dataset.isEmployee===`true`,detail:a,detailPreview:n?.preview,detailLength:n?.detailLength,detailTruncated:n?.detailTruncated,stepRef:n?.stepRef||e.dataset.stepRef||``,traceRunId:n?.traceRunId||e.dataset.traceRunId||``,traceSeq:n?.traceSeq||Number(e.dataset.traceSeq||0)||void 0,detailAvailable:n?.detailAvailable,detailBytes:n?.detailBytes,rawRetentionStatus:n?.rawRetentionStatus,status:n?.status||Wn(e.dataset.status),startTime:Number.isFinite(s)&&s>0?s:Date.now()}}function Kn(e){let t=zn(e)?.querySelector(`:scope > .process-block`);return t?{element:t,steps:Array.from(t.querySelectorAll(`.process-step`)).map(Gn).filter(e=>!!e),collapsed:t.classList.contains(`collapsed`)}:null}function qn(e,t=!1){let n=E(e.id)||e.detail||e.detailPreview||``,r=t&&e.status===`running`?`done`:e.status;return{icon:e.rawIcon||e.icon||l.tool,rawIcon:e.rawIcon||e.icon||``,label:e.label||`tool`,isEmployee:e.isEmployee===!0,detail:n,toolType:e.type,stepRef:e.stepRef||``,status:r,traceRunId:e.traceRunId||``,traceSeq:e.traceSeq,detailAvailable:e.detailAvailable,detailBytes:e.detailBytes,rawRetentionStatus:e.rawRetentionStatus}}function Jn(e,t=!1){let n=ct(e);if(!n)return null;let r=t&&n.status===`running`?`done`:n.status;return{icon:n.rawIcon||n.icon||l.tool,rawIcon:n.rawIcon||n.icon||``,label:n.label||`tool`,isEmployee:n.isEmployee===!0,detail:E(e)||n.preview||``,toolType:n.type,stepRef:n.stepRef||``,status:r,traceRunId:n.traceRunId||``,traceSeq:n.traceSeq,detailAvailable:n.detailAvailable,detailBytes:n.detailBytes,rawRetentionStatus:n.rawRetentionStatus}}function Yn(e,t=!1){if(!e)return[];if(`steps`in e)return e.steps.map(e=>qn(e,t));let n=new Set;e.querySelectorAll(`.process-block[data-process-step-ids]`).forEach(e=>{(e.dataset.processStepIds||``).split(/\s+/).filter(Boolean).forEach(e=>n.add(e))}),e.querySelectorAll(`.process-step[data-step-id]`).forEach(e=>{let t=e.dataset.stepId;t&&n.add(t)});let r=[];return n.forEach(n=>{let i=Jn(n,t);if(i){r.push(i);return}let a=e.querySelector(`.process-step[data-step-id="${CSS.escape(n)}"]`),o=a?Gn(a):null;o&&r.push(qn(o,t))}),r}function Xn(e){for(let t of Bn(e))k(t),t.remove()}function Zn(e){return Ee()}function Qn(){let t=document.getElementById(`chatMessages`);if(!t||t.querySelector(`.skeleton-msg`)||e.currentAgentDiv&&e.currentAgentDiv.isConnected)return;$n();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),H()}function Y(){document.querySelectorAll(`.skeleton-msg`).forEach(e=>e.remove())}function $n(){document.getElementById(`emptyState`)?.classList.remove(`visible`)}function er(){let e=document.getElementById(`chatMessages`);e&&e.children.length===0&&document.getElementById(`emptyState`)?.classList.add(`visible`)}function tr(e,t,n){let r=document.getElementById(`chatMessages`);if(!r)return;let i=A();$n();let a=document.createElement(`div`);a.className=`msg msg-system`+(n?` msg-type-${n}`:``)+(t?` `+t:``),a.innerHTML=u(e),i.active?i.appendLiveItem(a):r.appendChild(a),H()}function nr(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|User sent an image|User sent a video): ([^\]]+)\]/);if(n){let t=n[1],i=t.split(`/`).pop()||t,o=e.match(/🎤\s*(.{0,80})/)?`${a(`chat.voice.label`)} `:``,s=e.match(/(?:사용자 메시지|User message): (.+)$/s),c=s?` `+s[1].trim():``,l=(i.split(`.`).pop()||``).toLowerCase(),u=`${r}/media/${encodeURIComponent(i)}`;return[`png`,`jpg`,`jpeg`,`gif`,`webp`,`svg`].includes(l)?`${o}<img src="${u}" alt="${i}" class="chat-inline-img" loading="lazy" />${c?`<br>${c}`:``}`:[`mp4`,`webm`,`mov`,`ogg`].includes(l)?`${o}<video src="${u}" controls class="chat-inline-video" preload="metadata"></video>${c?`<br>${c}`:``}`:`${o}📎 [${i}]${c}`}return e}function X(e,t,n){let r=document.getElementById(`chatMessages`),i=A();$n(),Y();let s=m(e===`user`?nr(t):t),c=o(e===`user`?a(`msg.you`):Fn()),l=document.createElement(`div`),u=r?r.querySelectorAll(`.msg`).length:null,f=v();l.setAttribute(`data-message-role`,e),l.setAttribute(`data-message-id`,f),u!==null&&l.setAttribute(`data-turn-index`,String(u));let p=Number(window.location.port);Number.isFinite(p)&&p>0&&l.setAttribute(`data-instance-id`,`port:${p}`);let ne=jn();e===`agent`?(l.className=`msg msg-agent`,l.innerHTML=`<div class="agent-icon" aria-hidden="true">${Zn(n)}</div><div class="agent-body"><div class="msg-content">${s}</div>${ne}</div>`):(l.className=`msg msg-${e}`,l.innerHTML=`<div class="user-body"><div class="msg-label">${c}</div><div class="msg-content">${s}</div>${ne}</div><div class="user-icon" aria-hidden="true">${De()}</div>`);let re=l.querySelector(`.msg-content`);re&&re.setAttribute(`data-raw`,te(t));let ie=e===`agent`&&!t;return i.active&&!ie?(l.classList.contains(`msg-agent`)&&J(l),i.appendLiveItem(l)):(r?.appendChild(l),K(l),!i.active&&!ie&&r&&r.querySelectorAll(`.msg`).length>=1&&(r.querySelectorAll(`.msg`).forEach(e=>{e.classList.contains(`msg-agent`)&&J(e),i.addItem(v(),e.outerHTML)}),i.onPostRender=e=>{K(e),ee(e),d(e,{immediate:!0})})),H(e===`user`),l}var rr=3e3,ir=24e3,ar=`⚠️`,or=`Tool log truncated`,sr=`Inline preview capped.`,cr=/^tr_[A-Za-z0-9_-]{16,80}$/;function Z(e,t){if(e==null)return;let n=String(e);if(n)return n.length<=t?n:`${n.slice(0,Math.max(0,t-1))}…`}function lr(e,t){return`[detail truncated: kept ${e} of ${t} chars]`}function ur(e){return{icon:ar,label:Z(e>0?`${e} tool event${e===1?``:`s`} omitted`:or,240)||or,toolType:`tool`,status:`done`,detail:sr}}function Q(e,t){let n=Number(e);if(!(!Number.isFinite(n)||n<0))return Math.min(Math.floor(n),t)}function dr(e,t=rr){let n=e.detail==null?``:String(e.detail),r=Math.max(0,Math.min(rr,t)),i=Z(n,r);if(i&&n.length>r){let e=lr(i.length,n.length),t=Math.max(0,r-e.length-1);i=`${n.slice(0,t)}\n${e}`}let a={icon:Z(e.icon,240)||`🔧`,label:Z(e.label,240)||`tool`},o=Z(e.rawIcon,240),s=Z(e.toolType,240),c=Z(e.stepRef,240),l=Z(e.status,240),u=Z(e.traceRunId,96),d=Q(e.traceSeq,2**53-1),f=Q(e.detailBytes,2**53-1),p=Z(e.rawRetentionStatus,32);return o&&(a.rawIcon=o),i&&(a.detail=i),s&&(a.toolType=s),c&&(a.stepRef=c),l&&(a.status=l),e.isEmployee===!0&&(a.isEmployee=!0),u&&cr.test(u)&&(a.traceRunId=u),d!=null&&d>0&&(a.traceSeq=d),e.detailAvailable===!0&&(a.detailAvailable=!0),f!=null&&(a.detailBytes=f),p&&(a.rawRetentionStatus=p),a}function fr(e){if(!Array.isArray(e)||e.length===0)return[];let t=Math.max(0,e.length-160),n=e.slice(0,160),r=[],i=ir;for(let e of n){let t=e&&typeof e==`object`?e:{label:e},n=t.detail==null?0:String(t.detail).length,a=Math.min(rr,i),o=dr(t,a);r.push(o),i=Math.max(0,i-Math.min(n,a)),i<=0&&(i=0)}return t>0&&(r.length>=160&&r.pop(),r.push(ur(t))),mr(r)}function pr(e){let t={icon:Z(e.icon,24)||`🔧`,label:Z(e.label,80)||`tool`},n=Z(e.toolType,48),r=Z(e.stepRef,80),i=Z(e.status,24),a=Z(e.detail,180),o=Z(e.traceRunId,96),s=Q(e.traceSeq,2**53-1),c=Q(e.detailBytes,2**53-1),l=Z(e.rawRetentionStatus,32);return n&&(t.toolType=n),r&&(t.stepRef=r),i&&(t.status=i),a&&(t.detail=a),e.isEmployee===!0&&(t.isEmployee=!0),o&&cr.test(o)&&(t.traceRunId=o),s!=null&&s>0&&(t.traceSeq=s),e.detailAvailable===!0&&(t.detailAvailable=!0),c!=null&&(t.detailBytes=c),l&&(t.rawRetentionStatus=l),t}function mr(e){let t=e.map(pr),n=JSON.stringify(t);for(;n.length>64e3&&t.length>1;)t.splice(Math.max(0,t.length-2),1),t[t.length-1]=ur(e.length-t.length+1),n=JSON.stringify(t);if(n.length<=64e3)return t;let r=[{icon:ar,label:or,toolType:`tool`,status:`done`,detail:sr}];return JSON.stringify(r).length<=64e3?r:[]}function hr(e){let t=fr(e);if(t.length===0)return null;let n=JSON.stringify(t);return n.length<=64e3?n:JSON.stringify(mr(t))}function gr(e){if(!e)return[];if(e.length>18e4)return[ur(1)];try{return fr(JSON.parse(e))}catch{return[]}}function _r(e){return e===`thinking`||e===`search`||e===`subagent`?e:`tool`}function vr(e){return e===`running`||e===`done`||e===`error`?e:`done`}function yr(e){if(e.label)return e.label;let t=e;return typeof t.name==`string`&&t.name?t.name:`tool`}function br(e){let t=yr(e);return e.toolType===`tool`?Me(t):t}function xr(e){return gr(e)}function Sr(e){return hr(xr(e))}function Cr(e){return e.role!==`assistant`||!e.tool_log?{...e,tool_log:null}:{...e,tool_log:Sr(e.tool_log)}}function wr(e,t){let n=t&&t>0?t:Date.now();return e.map(e=>({id:v(),icon:e.icon?p(e.icon):l.tool,rawIcon:e.rawIcon||e.icon||``,label:br(e),isEmployee:e.isEmployee===!0,type:_r(e.toolType),detail:e.toolType===`tool`?Ne(e.detail||``):e.detail||``,stepRef:e.stepRef||``,traceRunId:e.traceRunId||``,traceSeq:e.traceSeq,detailAvailable:e.detailAvailable,detailBytes:e.detailBytes,rawRetentionStatus:e.rawRetentionStatus,status:vr(e.status),startTime:n}))}function Tr(e,t){let n=String(e.stepRef||``).trim();return n?`ref:${n}`:`ord:${e.toolType||`tool`}:${e.label||`tool`}:${t}`}function Er(e,t){if(e.length===0)return t;let n=new Map,r=new Map,i=e=>{let t=`${e.toolType||`tool`}:${e.label||`tool`}`,n=(r.get(t)||0)+1;return r.set(t,n),Tr(e,n)};return t.forEach(e=>n.set(i(e),e)),r.clear(),e.forEach(e=>{let t=i(e),r=n.get(t),a=r?.detail||``,o=e.detail||``;n.set(t,{...r||{},...e,detail:o.length>=a.length?o:a,status:e.status||r?.status||`done`})}),Array.from(n.values())}function Dr(e){return fr(e)}function Or(e){return hr(e)}function kr(e){return Ee()}function Ar(e,t){let n=e.role===`assistant`?`agent`:e.role,r=An({role:n,messageId:v(),turnIndex:t}),i=te(n===`user`?nr(e.content):e.content),s=o(n===`user`?a(`msg.you`):Fn()),c=e.role===`assistant`&&e.tool_log?Sr(e.tool_log):null,l=c?o(c):``,u=l?` data-tool-log="${l}"`:``,d=`<div class="msg-content lazy-pending" data-raw="${o(i)}"></div>`,f=jn(),p=n===`agent`?`<div class="msg msg-agent" ${r}><div class="agent-icon" aria-hidden="true">${kr(e.cli)}</div><div class="agent-body"${u}>${d}${f}</div></div>`:`<div class="msg msg-${n}" ${r}><div class="user-body"><div class="msg-label">${s}</div>${d}${f}</div><div class="user-icon" aria-hidden="true">${De()}</div></div>`;return{id:v(),html:p,height:80,rehydratesProcessDetails:!!l}}function jr(e,t){if(t.onBeforeVirtualHistoryBootstrap?.(),t.registerCallbacks(),t.setItems(e,{autoActivate:!1}),t.shouldFollowBottom?.()??!0){t.activateIfNeeded(!0),t.scrollToBottom(),t.onAfterVirtualHistoryBottomed?.();return}let n=t.restoreIndex;n!=null&&n>=0?(t.activateIfNeeded(!1),t.scrollToIndex?.(n)):(t.activateIfNeeded(!0),t.scrollToBottom(),t.onAfterVirtualHistoryBottomed?.())}function Mr(t){let n=document.getElementById(`statusBadge`),r=document.getElementById(`btnSend`),i=document.getElementById(`typingIndicator`)?.querySelector(`.label`);e.agentBusy=t===`running`||t===`steering`,document.getElementById(`typingIndicator`)?.classList.toggle(`active`,e.agentBusy),t===`running`?(n&&(n.className=`status-badge status-running`,n.textContent=`running`),r&&(r.innerHTML=l.stop,r.title=a(`btn.stop`),r.classList.add(`stop-mode`)),i&&(i.textContent=a(`status.responding`)),Qn()):t===`steering`?(n&&(n.className=`status-badge status-steering`,n.textContent=`steering`),r&&(r.innerHTML=l.stop,r.title=`Steering...`,r.classList.add(`stop-mode`)),i&&(i.textContent=`Steering...`)):(n&&(n.className=`status-badge status-idle`,n.textContent=`idle`),r&&(r.innerHTML=l.send,r.title=`Send`,r.classList.remove(`stop-mode`)),i&&(i.textContent=a(`status.responding`)),Y())}function Nr(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 Pr(e){let t=document.getElementById(`statMsgs`);t&&(t.textContent=a(`stat.messages`,{count:e}))}async function Fr(){let e=await n(`/api/messages`);e&&Pr(e.length)}function Ir(e){return e.map((e,t)=>Ar(Cr(e),t))}function Lr(){let e=!0;try{e=window.parent!==window}catch{e=!0}return e?`?limit=300`:``}function Rr(e){return String(e||``).trim()||`unknown`}function zr(e){let t=Rr(e.origin),n=Rr(e.pathname||`/`);return`${t}${n.startsWith(`/`)?n:`/${n}`}`}function Br(e){return`${Rr(e.locationKey)}::${Rr(e.workingDir)}`}function Vr(){return zr(typeof window>`u`?{}:{origin:window.location.origin,pathname:window.location.pathname})}function Hr(e){if(!e||e===`default`)return null;let t=e.indexOf(`::`);return t>=0?e.slice(t+2):e}function Ur(e){e.onLazyRender=e=>{for(let t of e){if(!t.classList.contains(`lazy-pending`))continue;let e=t.getAttribute(`data-raw`)||``,n=t.closest(`.msg-agent`),r=n?.querySelector(`.agent-body`),i=r?.dataset.toolLog||``;if(n&&r&&i&&!Hn(n)){let e=xr(i);e.length>0&&t.insertAdjacentHTML(`beforebegin`,rt(wr(e),!0)),delete r.dataset.toolLog,J(n)}t.innerHTML=e?m(e):``,t.classList.remove(`lazy-pending`),K(t),d(t,{immediate:!0})}},e.onPostRender=e=>{K(e),ee(e),d(e,{immediate:!0})}}function Wr(e,t={}){return{registerCallbacks:()=>Ur(e),setItems:(t,n)=>e.setItems(t,n),activateIfNeeded:t=>e.activateIfNeeded(t),scrollToBottom:()=>e.scrollToBottom(),scrollToIndex:t=>e.scrollToIndex(t),shouldFollowBottom:t.forceInitialBottom?()=>!0:I,restoreIndex:t.restoreIndex??null,onBeforeVirtualHistoryBootstrap:()=>{V()},onAfterVirtualHistoryBottomed:()=>{L(),Bt()}}}function Gr(e){e.forEach(e=>{let t=X(e.role===`assistant`?`agent`:e.role,e.content,e.cli);if(e.role===`assistant`&&e.tool_log){let n=xr(e.tool_log);if(n.length>0){let e=t.querySelector(`.agent-body`);if(e){let t=at(e);for(let e of wr(n))ot(t,e);st(t)}}}})}async function Kr(){let e=A(),t=document.getElementById(`chatMessages`),r=ae(),i=Vr(),o=Hr(r);try{let e=await n(`/api/settings`);e?.workingDir&&(o=e.workingDir)}catch{}let s=Br({locationKey:i,workingDir:o});ne(s);let c=s!==r,u=await n(`/api/messages${Lr()}`);if(u!==null){let n=u.map(Cr),r=!!t?.querySelector(`.msg`)||e.active,i=c||!r,a=!i&&e.active?e.firstVisibleIndex():null;e.clear(),t&&(t.innerHTML=``),n.length>=1?jr(Ir(n),Wr(e,{forceInitialBottom:i,restoreIndex:i?null:a})):(Gr(n),i&&Bt()),oe(n.map(e=>({role:e.role,content:e.content,cli:e.cli??null,tool_log:e.tool_log??null,timestamp:Date.now()}))).catch(()=>{}),Pr(n.length),er();return}if(t&&t.children.length>0){er();return}let d=await re();if(d.length>0){let t=d.map(Cr);t.length>=1?jr(Ir(t),Wr(e,{forceInitialBottom:!0})):(Gr(t),Bt()),tr(`${l.warning} ${a(`ui.offline.banner`)}`),Pr(t.length)}er()}function qr(e,t){let n=e.filter(e=>e.status===`running`&&!e.stepRef&&e.label===t.label&&e.type===t.type&&!!e.isEmployee==!!t.isEmployee);return n.length===1?n[0]:null}function Jr(e,t){let n=[...e].reverse().filter(e=>e.status===`running`);return t.stepRef?n.find(e=>e.stepRef===t.stepRef)??qr(n,t):qr(n,t)}function Yr(){e.currentProcessBlock&&k(e.currentProcessBlock),e.currentAgentDiv instanceof HTMLElement&&k(e.currentAgentDiv),bn(),w(),e.currentAgentDiv=null,e.currentProcessBlock=null,$=null}var Xr=0;function Zr(){Xr=Date.now()}function Qr(){Xr=0}function $r(){return Date.now()-Xr<8e3}function ei(t){Y(),(!e.currentAgentDiv||!e.currentAgentDiv.isConnected)&&(e.currentAgentDiv=X(`agent`,``),e.currentProcessBlock=null);let n=e.currentAgentDiv;if(J(n),!e.currentProcessBlock){let t=n.querySelector(`.agent-body`);t&&(e.currentProcessBlock=Kn(n)),!e.currentProcessBlock&&t&&(Xn(n),e.currentProcessBlock=at(t))}if(e.currentProcessBlock){let n=t.rawIcon||t.icon,r=t.status||f(t.icon)||`running`;if(r===`done`||r===`error`){let i=Jr(e.currentProcessBlock.steps,t);if(i){t.icon=p(t.icon);let a=t.type===`thinking`?Ge(i.id,t.detail):We(i.id,t.detail);O(e.currentProcessBlock,i.id,{...i,...t,id:i.id,rawIcon:n,detail:a,detailPreview:a,label:t.label||i.label,status:r}),H();return}if(t.stepRef&&(r===`done`||r===`error`)){let i=[...e.currentProcessBlock.steps].reverse().find(e=>e.stepRef===t.stepRef&&(e.status===`done`||e.status===`error`));if(i){t.icon=p(t.icon);let a=t.type===`thinking`?Ge(i.id,t.detail):We(i.id,t.detail);O(e.currentProcessBlock,i.id,{...i,...t,id:i.id,rawIcon:n,status:r,detail:a,detailPreview:a}),H();return}}}if(t.stepRef&&r===`running`){let r=[...e.currentProcessBlock.steps].reverse().find(e=>e.stepRef===t.stepRef&&e.status===`running`);if(r){t.rawIcon=n,t.icon=p(t.icon);let i=Ge(r.id,t.detail);O(e.currentProcessBlock,r.id,{...r,...t,id:r.id,rawIcon:n,status:`running`,detail:i,detailPreview:i,label:t.label||r.label}),H();return}}if(t.detail){let n=[...e.currentProcessBlock.steps].reverse().find(e=>e.status===`running`&&e.label===t.label&&e.type===t.type&&!!e.isEmployee==!!t.isEmployee&&!e.detail);if(n){O(e.currentProcessBlock,n.id,t),H();return}}t.rawIcon=n,t.icon=p(t.icon),ot(e.currentProcessBlock,t)}H()}var $=null,ti=`data-active-run-hydrated`;function ni(e){document.querySelectorAll(`[${ti}="true"]`).forEach(t=>{e&&t===e||t.remove()})}function ri(t){let n=e.currentAgentDiv&&e.currentAgentDiv.isConnected?e.currentAgentDiv:null;ni(n);let r=n||X(`agent`,``,t||null);return r.setAttribute(ti,`true`),r}function ii(e=[]){document.querySelectorAll(`[data-queued-overlay="true"]`).forEach(e=>e.remove())}function ai(t){if(!t?.running){ni();return}bn(),Y(),e.currentAgentDiv=ri(t.cli||null),e.currentProcessBlock=null;let n=e.currentAgentDiv.querySelector(`.agent-body`),r=Dr(t.toolLog||[]);if(n&&r.length){J(e.currentAgentDiv),Xn(e.currentAgentDiv);let i=at(n);for(let e of wr(r,t.startedAt))ot(i,e);e.currentProcessBlock=i}else J(e.currentAgentDiv),e.currentProcessBlock=Kn(e.currentAgentDiv);let i=e.currentAgentDiv.querySelector(`.msg-content`);i&&($=bt(i,t.text||``))}function oi(t){if(!t)return;Y(),(!e.currentAgentDiv||!e.currentAgentDiv.isConnected)&&(e.currentAgentDiv=X(`agent`,``),$=null);let n=e.currentAgentDiv?.querySelector(`.msg-content`);n&&($||=yt(n),St($,t)),H()}var si=0;function ci(e){e.querySelectorAll(`.mermaid-pending`).forEach(e=>{delete e.dataset.mermaidQueued,delete e.dataset.mermaidQueuedAt})}function li(t,n){let r=Date.now();if(!e.currentAgentDiv&&r-si<500)return;bn(),Y(),e.currentAgentDiv&&J(e.currentAgentDiv);let i=Yn(e.currentProcessBlock??e.currentAgentDiv,!0),a=Dr(Er(Array.isArray(n)?n:[],i)),o=Or(a),s=!!e.currentProcessBlock||!!(e.currentAgentDiv&&Hn(e.currentAgentDiv));e.currentProcessBlock&&=(st(e.currentProcessBlock),null);let c=a.length>0;if(t||c){(!e.currentAgentDiv||!e.currentAgentDiv.isConnected)&&(e.currentAgentDiv=X(`agent`,``)),e.currentAgentDiv.removeAttribute(ti);let n=e.currentAgentDiv?.querySelector(`.msg-content`),r=$?Ct($,!0):``,i=t||r;if($=null,n&&(n.innerHTML=m(i)),c&&e.currentAgentDiv&&!s&&!Hn(e.currentAgentDiv)){let t=e.currentAgentDiv.querySelector(`.msg-content`);t&&t.insertAdjacentHTML(`beforebegin`,rt(wr(a),!0))}e.currentAgentDiv&&J(e.currentAgentDiv),n&&n.setAttribute(`data-raw`,te(i)),n&&K(n);let l=A(),u=!!(l.active&&e.currentAgentDiv&&e.currentAgentDiv.isConnected);if(n&&!u&&d(n,{immediate:!0}),u){let t=e.currentAgentDiv;ci(t),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)}),o?(l.appendItem(Ar({role:`assistant`,content:i,cli:null,tool_log:o},l.count)),k(t),l.scrollToBottom()):l.appendLiveItem(t),t.remove()}i&&ie({role:`assistant`,content:i,tool_log:o,timestamp:Date.now()}).catch(()=>{})}$=null,e.currentAgentDiv=null,si=Date.now(),Mr(`idle`),Fr()}function ui(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`&&i(()=>import(`./settings-BV_2Bh0_.js`).then(e=>e.loadSettings()),__vite__mapDeps([0])),e===`agents`&&i(()=>import(`./employees-CZdWHH-r.js`).then(e=>e.loadEmployees()),__vite__mapDeps([0])),e===`skills`&&i(()=>import(`./skills-Xm3fl1zr.js`).then(e=>e.loadSkills()),__vite__mapDeps([0]))}function di(){document.getElementById(`tabSettings`)?.classList.contains(`active`)?i(()=>import(`./settings-BV_2Bh0_.js`).then(e=>e.savePerCli()),__vite__mapDeps([0])):i(()=>import(`./settings-BV_2Bh0_.js`).then(e=>e.updateSettings()),__vite__mapDeps([0]))}function fi(){Mn({onStatus:tr})}export{A,Rt as C,zt as D,Ft as E,H as O,Lt as S,L as T,Nr as _,li as a,Ln as b,fi as c,ei as d,ui as f,Mr as g,Fr as h,Qr as i,Oe as j,It as k,$r as l,Kr as m,ii as n,di as o,Lr as p,Yr as r,ai as s,oi as t,Zr as u,X as v,Pt as w,_n as x,tr as y};

package/public/dist/index.html

@@ -31,9 +31,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/app-ByHYOMZE.js"></script>
+  <script type="module" crossorigin src="/dist/assets/app-CSqIyg9A.js"></script>
   <link rel="stylesheet" crossorigin href="/dist/assets/vendor-render-Bjnw0wQ6.css">
-  <link rel="stylesheet" crossorigin href="/dist/assets/app-CYdhP6Vh.css">
+  <link rel="stylesheet" crossorigin href="/dist/assets/app-0OQhPpTG.css">
 </head>
 
 <body>

package/public/dist/manager/index.html

@@ -6,9 +6,9 @@
   <link rel="icon" type="image/png" href="/dist/assets/icon-192-CwXPIYF5.png">
   <title>Jaw Manager</title>
   <script src="/manager/theme-boot.js"></script>
-  <script type="module" crossorigin src="/dist/assets/manager-CR9BA-wO.js"></script>
+  <script type="module" crossorigin src="/dist/assets/manager-CGTQ5EIm.js"></script>
   <link rel="stylesheet" crossorigin href="/dist/assets/vendor-render-Bjnw0wQ6.css">
-  <link rel="stylesheet" crossorigin href="/dist/assets/manager-B2qEQRxN.css">
+  <link rel="stylesheet" crossorigin href="/dist/assets/manager-UBunDqMH.css">
 </head>
 <body>
   <div id="manager-root"></div>

package/public/js/constants.ts

@@ -32,14 +32,14 @@ const FALLBACK_CLI_REGISTRY: CliRegistry = {
             'opus', 'sonnet', 'haiku',
             'gpt-5.5', 'gpt-5.4', 'gpt-5.4-mini',
             'gemini-3-flash-preview',
-            'grok-build',
+            'grok-build', 'grok-composer-2.5-fast',
             'gpt-5-mini',
         ],
         modelsByProvider: {
             claude: ['claude-opus-4-8', 'opus', 'sonnet', 'haiku'],
             codex: ['gpt-5.5', 'gpt-5.4', 'gpt-5.4-mini'],
             gemini: ['gemini-3-flash-preview'],
-            grok: ['grok-build'],
+            grok: ['grok-build', 'grok-composer-2.5-fast'],
             copilot: ['gpt-5-mini'],
             kiro: ['auto', 'claude-sonnet-4.6', 'deepseek-3.2', 'minimax-m2.5', 'glm-5', 'qwen3-coder-next'],
         },
@@ -144,8 +144,8 @@ const FALLBACK_CLI_REGISTRY: CliRegistry = {
     grok: {
         label: 'Grok',
         efforts: [],
-        effortNote: 'unsupported by grok-build; do not pass --effort',
-        models: ['grok-build'],
+        effortNote: 'unsupported by grok-build/composer; do not pass --effort',
+        models: ['grok-build', 'grok-composer-2.5-fast'],
     },
     opencode: {
         label: 'OpenCode',

package/public/js/features/chat-messages.ts

@@ -8,6 +8,7 @@ import { getAppName } from './appname.js';
 import { getAgentAvatarMarkup, getUserAvatarMarkup } from './avatar.js';
 import { t } from './i18n.js';
 import { renderMessageActionsHtml } from './message-actions.js';
+import { API_BASE } from '../api.js';
 import { normalizeAgentToolBlocks } from './process-block-dom.js';
 import { scrollToBottom } from './chat-scroll.js';
 
@@ -67,13 +68,23 @@ export function formatUserPrompt(text: string): string {
         const userMsg = userMsgMatch ? ' ' + userMsgMatch[1].trim() : '';
         return `📎 [${count} files]${userMsg}`;
     }
-    const fileMatch = text.match(/^\[(?:사용자가 파일을 보냈습니다|User sent a file): ([^\]]+)\]/);
+    const fileMatch = text.match(/^\[(?:사용자가 파일을 보냈습니다|사용자가 이미지를 보냈습니다|사용자가 동영상을 보냈습니다|User sent a file|User sent an image|User sent a video): ([^\]]+)\]/);
     if (fileMatch) {
-        const fileName = fileMatch[1].split('/').pop() || fileMatch[1];
+        const fullPath = fileMatch[1];
+        const fileName = fullPath.split('/').pop() || fullPath;
         const voiceMatch = text.match(/🎤\s*(.{0,80})/);
         const voicePart = voiceMatch ? `${t('chat.voice.label')} ` : '';
         const userMsgMatch = text.match(/(?:사용자 메시지|User message): (.+)$/s);
         const userMsg = userMsgMatch ? ' ' + userMsgMatch[1].trim() : '';
+        // Inline media rendering
+        const ext = (fileName.split('.').pop() || '').toLowerCase();
+        const mediaUrl = `${API_BASE}/media/${encodeURIComponent(fileName)}`;
+        if (['png', 'jpg', 'jpeg', 'gif', 'webp', 'svg'].includes(ext)) {
+            return `${voicePart}<img src="${mediaUrl}" alt="${fileName}" class="chat-inline-img" loading="lazy" />${userMsg ? `<br>${userMsg}` : ''}`;
+        }
+        if (['mp4', 'webm', 'mov', 'ogg'].includes(ext)) {
+            return `${voicePart}<video src="${mediaUrl}" controls class="chat-inline-video" preload="metadata"></video>${userMsg ? `<br>${userMsg}` : ''}`;
+        }
         return `${voicePart}📎 [${fileName}]${userMsg}`;
     }
     return text;

package/public/js/features/chat.ts

@@ -49,6 +49,16 @@ function getCommandTimeoutMs(text: string): number {
     return /^\/compact(?:\s|$)/i.test(String(text || '').trim()) ? 5 * 60 * 1000 : 10_000;
 }
 
+function buildAttachmentPrompt(paths: string[], text = ''): string {
+    const prompt = paths.map(p => t('chat.file.sent', { path: p })).join('\n');
+    return text ? `${prompt}${t('chat.file.sentWithMsg', { text })}` : prompt;
+}
+
+function buildSlashCommandAttachmentText(text: string, paths: string[]): string {
+    const fileContext = paths.map(p => t('chat.file.sent', { path: p })).join('\n');
+    return fileContext ? `${text}\n\n${fileContext}` : text;
+}
+
 function sendPreviewMessageViaParent(prompt: string): Promise<MessagePostResult | null> {
     const targetOrigin = previewParentOrigin();
     if (!targetOrigin) return Promise.resolve(null);
@@ -102,6 +112,63 @@ async function postChatMessage(prompt: string): Promise<MessagePostResult> {
     }
 }
 
+async function postSlashCommand(text: string): Promise<{ ok: boolean; status: number; result: CommandResult }> {
+    let signal: AbortSignal; let timer: ReturnType<typeof setTimeout> | undefined;
+    const timeoutMs = getCommandTimeoutMs(text);
+    if (typeof AbortSignal?.timeout === 'function') {
+        signal = AbortSignal.timeout(timeoutMs);
+    } else {
+        const ac = new AbortController();
+        signal = ac.signal;
+        timer = setTimeout(() => ac.abort(), timeoutMs);
+    }
+    const locale = getPreferredLocale();
+    const token = await getAuthToken();
+    const res = await fetch(`${API_BASE}/api/command`, {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json',
+            'Accept-Language': locale,
+            ...(token ? { 'Authorization': `Bearer ${token}` } : {}),
+        },
+        body: JSON.stringify({ text, locale }),
+        signal,
+    });
+    if (timer) clearTimeout(timer);
+    const result: CommandResult = await res.json().catch(() => ({}));
+    return { ok: res.ok, status: res.status, result };
+}
+
+async function handleSlashCommandResponse(
+    originalText: string,
+    response: { ok: boolean; status: number; result: CommandResult },
+    fallbackToMessage?: () => Promise<void>,
+): Promise<void> {
+    const result = response.result;
+    // not_command → fall through to normal chat
+    if (result?.code === 'not_command') {
+        if (fallbackToMessage) {
+            await fallbackToMessage();
+            return;
+        }
+        addMessage('user', originalText);
+        upsertMessage({ role: 'user', content: originalText, timestamp: Date.now() });
+        await apiJson('/api/message', 'POST', { prompt: originalText });
+        return;
+    }
+    if (!response.ok && !result?.text) throw new Error(`HTTP ${response.status}`);
+    if (result?.code === 'clear_screen') {
+        cancelPostRender();
+        getVirtualScroll().clear();
+        const chatEl = document.getElementById('chatMessages');
+        if (chatEl) chatEl.innerHTML = '';
+    }
+    if (result?.text || result?.recovery) addSystemMsg(renderCommandRecovery(result), '', result.type);
+    if (result?.steerPrompt) {
+        await apiJson('/api/message', 'POST', { prompt: result.steerPrompt });
+    }
+}
+
 
 function renderCommandRecovery(result: CommandResult): string {
     const recovery = result.recovery;
@@ -194,53 +261,14 @@ export async function sendMessage(source: SendSource = 'enter'): Promise<void> {
         const afterSlash = text.slice(1).trim();
         const firstToken = afterSlash.split(/\s+/)[0] || '';
         const isFilePath = firstToken.includes('/') || firstToken.includes('\\');
+        const isSlashCommand = text.startsWith('/') && !isFilePath;
 
-        if (text.startsWith('/') && !state.attachedFiles.length && !isFilePath) {
+        if (isSlashCommand && !state.attachedFiles.length) {
             input.value = '';
             resetInputHeight();
             slashCmd.close();
             try {
-                let signal: AbortSignal; let timer: ReturnType<typeof setTimeout> | undefined;
-                const timeoutMs = getCommandTimeoutMs(text);
-                if (typeof AbortSignal?.timeout === 'function') {
-                    signal = AbortSignal.timeout(timeoutMs);
-                } else {
-                    const ac = new AbortController();
-                    signal = ac.signal;
-                    timer = setTimeout(() => ac.abort(), timeoutMs);
-                }
-                const locale = getPreferredLocale();
-                const token = await getAuthToken();
-                const res = await fetch(`${API_BASE}/api/command`, {
-                    method: 'POST',
-                    headers: {
-                        'Content-Type': 'application/json',
-                        'Accept-Language': locale,
-                        ...(token ? { 'Authorization': `Bearer ${token}` } : {}),
-                    },
-                    body: JSON.stringify({ text, locale }),
-                    signal,
-                });
-                if (timer) clearTimeout(timer);
-                const result: CommandResult = await res.json().catch(() => ({}));
-                // not_command → fall through to normal chat
-                if (result?.code === 'not_command') {
-                    addMessage('user', text);
-                    upsertMessage({ role: 'user', content: text, timestamp: Date.now() });
-                    await apiJson('/api/message', 'POST', { prompt: text });
-                    return;
-                }
-                if (!res.ok && !result?.text) throw new Error(`HTTP ${res.status}`);
-                if (result?.code === 'clear_screen') {
-                    cancelPostRender();
-                    getVirtualScroll().clear();
-                    const chatEl = document.getElementById('chatMessages');
-                    if (chatEl) chatEl.innerHTML = '';
-                }
-                if (result?.text || result?.recovery) addSystemMsg(renderCommandRecovery(result), '', result.type);
-                if (result?.steerPrompt) {
-                    await apiJson('/api/message', 'POST', { prompt: result.steerPrompt });
-                }
+                await handleSlashCommandResponse(text, await postSlashCommand(text));
             } catch (err) {
                 addSystemMsg(t('chat.cmd.fail', { msg: (err as Error).message }), '', 'error');
             } finally {
@@ -259,9 +287,23 @@ export async function sendMessage(source: SendSource = 'enter'): Promise<void> {
             try {
                 // Upload all files in parallel
                 const paths = await Promise.all(state.attachedFiles.map((f: File) => uploadFile(f)));
-                let prompt = paths.map(p => t('chat.file.sent', { path: p })).join('\n');
-                if (text) prompt += t('chat.file.sentWithMsg', { text });
+                const prompt = buildAttachmentPrompt(paths, text);
                 clearAttachedFiles();
+                if (isSlashCommand) {
+                    slashCmd.close();
+                    try {
+                        const commandText = buildSlashCommandAttachmentText(text, paths);
+                        const commandResponse = await postSlashCommand(commandText);
+                        await handleSlashCommandResponse(commandText, commandResponse, async () => {
+                            await apiJson('/api/message', 'POST', { prompt });
+                        });
+                    } catch (err) {
+                        addSystemMsg(t('chat.cmd.fail', { msg: (err as Error).message }), '', 'error');
+                    } finally {
+                        syncOrchestrateSnapshot('command').catch(() => {});
+                    }
+                    return;
+                }
                 await apiJson('/api/message', 'POST', { prompt });
             } catch (err) {
                 addSystemMsg(t('chat.file.uploadFail', { msg: (err as Error).message }));

package/public/js/features/media-lightbox.ts

@@ -0,0 +1,40 @@
+// ── Media Lightbox — click inline image → modal popup, dblclick/button → open in browser ──
+
+export function initMediaLightbox(): void {
+    const overlay = document.createElement('div');
+    overlay.id = 'mediaLightbox';
+    overlay.className = 'media-lightbox hidden';
+    overlay.innerHTML = `<div class="media-lightbox-backdrop"></div>
+<div class="media-lightbox-content">
+<img class="media-lightbox-img" alt="" />
+<div class="media-lightbox-controls">
+<button class="media-lightbox-open" aria-label="Open in browser">↗ Open</button>
+<button class="media-lightbox-close" aria-label="Close">✕</button>
+</div></div>`;
+    document.body.appendChild(overlay);
+
+    let currentSrc = '';
+
+    const close = () => overlay.classList.add('hidden');
+    const openInBrowser = () => { if (currentSrc) window.open(currentSrc, '_blank'); };
+
+    overlay.querySelector('.media-lightbox-backdrop')!.addEventListener('click', close);
+    overlay.querySelector('.media-lightbox-close')!.addEventListener('click', close);
+    overlay.querySelector('.media-lightbox-open')!.addEventListener('click', openInBrowser);
+    overlay.querySelector('.media-lightbox-img')!.addEventListener('dblclick', openInBrowser);
+
+    // Escape key closes
+    document.addEventListener('keydown', (e) => {
+        if (e.key === 'Escape' && !overlay.classList.contains('hidden')) close();
+    });
+
+    // Delegate click on all inline images (chat + file preview)
+    document.addEventListener('click', (e) => {
+        const target = e.target as HTMLElement;
+        if (target.classList.contains('chat-inline-img') || (target.closest('.file-preview-list') && target.tagName === 'IMG')) {
+            currentSrc = (target as HTMLImageElement).src;
+            (overlay.querySelector('.media-lightbox-img') as HTMLImageElement).src = currentSrc;
+            overlay.classList.remove('hidden');
+        }
+    });
+}