cli-jaw 2.17.62 → 2.17.63

package/public/dist/assets/tool-input-DI7uu8Ah.js

@@ -0,0 +1,2 @@
+var e={command:[`command`,`cmd`],path:[`file_path`,`path`,`file`],url:[`url`],query:[`pattern`,`query`]},t=[`description`],n=Object.values(e).flat(),r={};for(let[t,n]of Object.entries(e))for(let e of n)r[e]=t;function i(e){let t=e?.trim();if(!t||!t.startsWith(`{`))return null;try{let e=JSON.parse(t);return typeof e==`object`&&e&&!Array.isArray(e)?e:null}catch{return null}}function a(e,t){for(let n of t){let t=e[n];if(typeof t==`string`&&t.trim())return t}return null}function o(e){let o=i(e);if(o){let e=a(o,t);for(let t of n){let n=a(o,[t]);if(n!==null)return{object:o,value:n,key:t,field:r[t],description:e}}return{object:o,value:null,key:null,field:null,description:e}}let s=e?.trim()??``;if(s.startsWith(`{`)){let e=c(s,n),i=c(s,t)?.value??null;if(e)return{object:null,value:e.value,key:e.key,field:r[e.key],description:i};if(i)return{object:null,value:null,key:null,field:null,description:i}}return{object:null,value:null,key:null,field:null,description:null}}function s(e){let t={n:`
+`,t:`	`,r:`\r`,'"':`"`,"\\":`\\`,"/":`/`,b:`\b`,f:`\f`},n=``;for(let r=0;r<e.length;r++){let i=e[r];if(i!==`\\`){n+=i;continue}let a=e[r+1];if(a===void 0)break;if(t[a]!==void 0){n+=t[a],r++;continue}if(a===`u`){let t=e.slice(r+2,r+6);if(!/^[0-9a-fA-F]{4}$/.test(t))break;n+=String.fromCharCode(Number.parseInt(t,16)),r+=5;continue}n+=a,r++}return n}function c(e,t){for(let n of t){let t=RegExp(`"${n}"\\s*:\\s*"`).exec(e);if(!t)continue;let r=``;for(let n=t.index+t[0].length;n<e.length;n++){let t=e[n];if(t===`\\`&&n+1<e.length){r+=t+e[++n];continue}if(t===`"`)break;r+=t}let i=s(r).trim();if(i)return{key:n,value:i}}return null}function l(e){return(e.split(/\r?\n/).find(e=>e.trim())??``).replace(/\s+/g,` `).trim()}function u(e){let t=i(e);return t?JSON.stringify(t,null,2):e}export{a,u as c,l as i,e as n,i as o,n as r,o as s,t};

package/public/dist/assets/{trace-drawer-DBmK-5F_.js → trace-drawer-B6XuPodh.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./bounded-api-DdpT93LB.js";import{O as t}from"./render-Dp07lZAJ.js";import{r as n}from"./provider-icons-Bge6teOj.js";var r=80,i=16777216,a=``,o=0,s=0,c=!1,l=null,u=0,d=!1,f=0,p=null,m=null,h=null,g=null,_=null;function v(e){return e.eventType||e.event_type||`event`}function y(e,t=a){return e===f&&t===a}function b(e){return m?e+(e.includes(`?`)?`&`:`?`)+new URLSearchParams({session:m}):e}async function x(t,n){let r=await e(t,{method:`GET`},n,i);if(r&&typeof r==`object`&&`ok`in r){if(r.ok!==!0||!(`data`in r))throw Error(`trace_unavailable`);return r.data}if(!r||typeof r!=`object`)throw Error(`trace_unavailable`);return r}function S(){let e=document.getElementById(`traceDrawerOverlay`);return e||(e=document.createElement(`div`),e.id=`traceDrawerOverlay`,e.className=`trace-drawer-overlay`,e.innerHTML=`<aside class="trace-drawer" role="dialog" aria-modal="true" aria-labelledby="traceDrawerTitle">
+import{n as e}from"./bounded-api-DdpT93LB.js";import{O as t}from"./render-DfYro-fG.js";import{r as n}from"./provider-icons-Bge6teOj.js";var r=80,i=16777216,a=``,o=0,s=0,c=!1,l=null,u=0,d=!1,f=0,p=null,m=null,h=null,g=null,_=null;function v(e){return e.eventType||e.event_type||`event`}function y(e,t=a){return e===f&&t===a}function b(e){return m?e+(e.includes(`?`)?`&`:`?`)+new URLSearchParams({session:m}):e}async function x(t,n){let r=await e(t,{method:`GET`},n,i);if(r&&typeof r==`object`&&`ok`in r){if(r.ok!==!0||!(`data`in r))throw Error(`trace_unavailable`);return r.data}if(!r||typeof r!=`object`)throw Error(`trace_unavailable`);return r}function S(){let e=document.getElementById(`traceDrawerOverlay`);return e||(e=document.createElement(`div`),e.id=`traceDrawerOverlay`,e.className=`trace-drawer-overlay`,e.innerHTML=`<aside class="trace-drawer" role="dialog" aria-modal="true" aria-labelledby="traceDrawerTitle">
         <header class="trace-drawer-header">
             <div><p class="trace-drawer-kicker">Raw trace</p><h2 id="traceDrawerTitle">Trace</h2></div>
             <button class="trace-drawer-close" type="button" aria-label="Close trace drawer">×</button>

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

@@ -0,0 +1 @@
+import{p as e}from"./iframe-renderer-DmHYOI1A.js";import{I as t,s as n}from"./message-history-DcjBuubA.js";import{r}from"./ui-D8xzm7DN.js";export{r as cleanupToolActivity,n as loadMessages,e as reconcileChatBottomAfterRestore,t as updateQueueBadge};

package/public/dist/assets/{ui-vm2iuLcS.js → ui-D8xzm7DN.js}

@@ -1,2 +1,2 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/vendor-render-DSSkXCir.css"])))=>i.map(i=>d[i]);
-import{t as e}from"./state-Dl-xxPoS.js";import{t}from"./preload-helper-CfbQpVni.js";import{E as n,T as r,k as i,t as a}from"./render-Dp07lZAJ.js";import{a as o,n as s}from"./icons-CVkqyECl.js";import{A as c,C as l,D as u,N as d,O as f,S as p,_ as ee,b as m,k as h,m as g,t as _,v,w as y,x as b}from"./iframe-renderer-Bj1JolO8.js";import{B as x,F as S,G as C,H as w,J as T,K as E,L as te,P as ne,Q as D,R as re,U as ie,V as O,W as k,Y as A,Z as j,a as ae,l as oe,q as M,z as N}from"./message-history-D2vniu04.js";import{c as se}from"./idb-cache-BRpjf_a8.js";var P=2e3,F=80,ce=400;function le(e){if(e<=P)return F;let t=e/P*F;return Math.min(ce,Math.round(t))}function I(e){return{chunks:[],fullText:``,textDirty:!1,element:e,pendingRAF:null,isFinalized:!1,lastRenderTime:0}}function ue(e,t=``){let n=I(e);return t?(n.chunks=[t],n.fullText=t,n.textDirty=!1,n.element.innerHTML=a(t,!0)+`<span class="stream-cursor" aria-hidden="true"></span>`):n.element.innerHTML=`<span class="stream-cursor" aria-hidden="true"></span>`,n}function L(e){return e.textDirty&&=(e.fullText=e.chunks.join(``),!1),e.fullText}function R(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=L(e);n.length<P||t-e.lastRenderTime>le(n.length)?(e.element.innerHTML=a(n,!0)+`<span class="stream-cursor" aria-hidden="true"></span>`,e.lastRenderTime=t):e.pendingRAF=requestAnimationFrame(()=>{e.pendingRAF=null,!e.isFinalized&&(e.element.innerHTML=a(L(e),!0)+`<span class="stream-cursor" aria-hidden="true"></span>`,e.lastRenderTime=performance.now())})}))}function z(e,t=!1){e.isFinalized=!0,e.pendingRAF&&=(cancelAnimationFrame(e.pendingRAF),null);let n=L(e);return t||(e.element.innerHTML=a(n)),n}function B(e){return typeof e.traceSeq==`number`&&Number.isFinite(e.traceSeq)&&e.traceSeq>0}function V(e,t){return!!t.traceRunId&&!!e.traceRunId&&t.traceRunId===e.traceRunId&&B(t)&&B(e)&&t.traceSeq===e.traceSeq&&t.type===e.type&&t.label===e.label&&!!t.isEmployee==!!e.isEmployee}function H(e,t){return t.stepRef&&e.stepRef===t.stepRef?!0:V(e,t)}function U(e,t,n={}){return[...e].reverse().filter(e=>n.includeDone||e.status===`running`).find(e=>H(e,t))??null}function de(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 fe(e,t){let n=[...e].reverse().filter(e=>e.status===`running`);return U(n,t)||de(n,t)}function pe(){e.currentProcessBlock&&u(e.currentProcessBlock),e.currentAgentDiv instanceof HTMLElement&&u(e.currentAgentDiv),D(),c(),e.currentAgentDiv=null,e.currentProcessBlock=null,q=null}var W=0;function me(){W=Date.now()}function he(){W=0}function ge(){return Date.now()-W<8e3}function G(e){for(let t of document.querySelectorAll(`.msg-user`))if(e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING)return!0;return!1}function K(){let t=e.currentAgentDiv&&e.currentAgentDiv.isConnected?e.currentAgentDiv:null;return t?G(t)?(e.currentAgentDiv=null,e.currentProcessBlock=null,q=null,null):t:null}function _e(){let e=Array.from(document.querySelectorAll(`.msg-agent`)).at(-1)??null;return!e||G(e)?null:e}function ve(t,n){k();let r=K();if(r||(r=w(`agent`,``),e.currentAgentDiv=r,e.currentProcessBlock=null),M(r),!e.currentProcessBlock){let t=r.querySelector(`.agent-body`);t&&(e.currentProcessBlock=C(r)),!e.currentProcessBlock&&t&&(T(r),e.currentProcessBlock=p(t))}if(n&&e.currentProcessBlock&&!e.currentProcessBlock.startedAt&&(e.currentProcessBlock.startedAt=n),e.currentProcessBlock){let n=t.rawIcon||t.icon,r=t.status||s(t.icon)||`running`;if(r===`done`||r===`error`){let i=fe(e.currentProcessBlock.steps,t);if(i){t.icon=o(t.icon);let a=t.type===`thinking`?h(i.id,t.detail):y(i.id,t.detail);f(e.currentProcessBlock,i.id,{...i,...t,id:i.id,rawIcon:n,detail:a,detailPreview:a,label:t.label||i.label,status:r,startTime:i.startTime}),g();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=o(t.icon);let a=t.type===`thinking`?h(i.id,t.detail):y(i.id,t.detail);f(e.currentProcessBlock,i.id,{...i,...t,id:i.id,rawIcon:n,status:r,detail:a,detailPreview:a,startTime:i.startTime}),g();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=o(t.icon);let i=h(r.id,t.detail);f(e.currentProcessBlock,r.id,{...r,...t,id:r.id,rawIcon:n,status:`running`,detail:i,detailPreview:i,label:t.label||r.label,startTime:r.startTime}),g();return}}let i=U(e.currentProcessBlock.steps,t,{includeDone:!0});if(i){t.rawIcon=n,t.icon=o(t.icon);let a=t.detail||``,s=l(i.id)||i.detail||i.detailPreview||``,c=a.length>=s.length?a:s,u=h(i.id,c),d=(i.status===`done`||i.status===`error`)&&r===`running`?i.status:r;f(e.currentProcessBlock,i.id,{...i,...t,id:i.id,rawIcon:n,status:d,detail:u,detailPreview:u,label:t.label||i.label,startTime:i.startTime}),g();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){f(e.currentProcessBlock,n.id,t),g();return}}t.rawIcon=n,t.icon=o(t.icon),v(e.currentProcessBlock,t)}g()}var q=null,J=`data-active-run-hydrated`;function Y(e){document.querySelectorAll(`[${J}="true"]`).forEach(t=>{e&&t===e||t.remove()})}function ye(e){let t=K()??_e();Y(t);let n=t||w(`agent`,``,e||null);return n.setAttribute(J,`true`),n}function be(e,t){let n=l(e.id)||e.detail||e.detailPreview||``,r=t.detail||t.detailPreview||``;return r.length>=n.length?r:n}function X(e){return e.stepRef?!0:!!e.traceRunId&&typeof e.traceSeq==`number`&&Number.isFinite(e.traceSeq)&&e.traceSeq>0}function xe(e,t){let n=e.steps.filter(e=>!X(e)),r=0,i=!0;for(let a of t){let t=e.steps.find(e=>H(e,a))??null;if(!t&&!X(a)&&i){let e=n[r]??null;e?e.type===a.type&&!!e.isEmployee==!!a.isEmployee?(t=e,r++):i=!1:r++}if(!t){let n=e.steps.filter(e=>e.label===a.label&&e.type===a.type&&!!e.isEmployee==!!a.isEmployee);t=n.length===1?n[0]:null}if(!t){if(v(e,a),!X(a)&&i){let t=e.steps[e.steps.length-1];t&&n.push(t)}continue}let o=h(t.id,be(t,a));f(e,t.id,{...t,...a,id:t.id,detail:o,detailPreview:o,label:a.label||t.label})}}function Se(e=[]){document.querySelectorAll(`[data-queued-overlay="true"]`).forEach(e=>e.remove())}var Z=``;function Ce(e){let t=Array.isArray(e.toolLog)?e.toolLog:[],n=t.map(e=>`${e.stepRef||``}~${e.traceRunId||``}~${e.traceSeq??``}~${e.status||``}~${e.label||``}~${(e.detail||``).length}`).join(`|`);return`${e.traceRunId||``}:${e.cli||``}:${(e.text||``).length}:${t.length}:${n}`}function we(t){if(!t?.running){Z=``,Y();return}let n=Ce(t);if(n===Z&&K())return;D(),k(),e.currentAgentDiv=ye(t.cli||null);let r=e.currentAgentDiv.querySelector(`.agent-body`),i=N(t.toolLog||[]);M(e.currentAgentDiv),e.currentProcessBlock=C(e.currentAgentDiv),r&&i.length?(e.currentProcessBlock||(T(e.currentAgentDiv),e.currentProcessBlock=p(r)),t.startedAt&&(e.currentProcessBlock.startedAt=t.startedAt),xe(e.currentProcessBlock,O(i,t.startedAt))):e.currentProcessBlock=C(e.currentAgentDiv);let a=e.currentAgentDiv.querySelector(`.msg-content`);a&&(q=ue(a,t.text||``)),Z=n}function Q(t){if(!t)return;k(),K()||(e.currentAgentDiv=w(`agent`,``),q=null);let n=e.currentAgentDiv?.querySelector(`.msg-content`);n&&(q||=I(n),R(q,t)),g()}var $=0;function Te(e){e.querySelectorAll(`.mermaid-pending`).forEach(e=>{delete e.dataset.mermaidQueued,delete e.dataset.mermaidQueuedAt})}function Ee(e,t){let o=e.querySelector(`.msg-content`);if(!o)return;let s=i(t);(o.getAttribute(`data-raw`)!==s||!s&&o.childNodes.length!==0)&&(r(o),o.innerHTML=s?a(t):``,o.setAttribute(`data-raw`,s),o.classList.remove(`lazy-pending`),_(o),n(o,{immediate:!0}))}function De(t,r,o,s,c,l){let f=o===`present`||o===`absent`,p=Date.now();if(!e.currentAgentDiv&&p-$<500)return;Z=``,D(),k(),e.currentAgentDiv&&M(e.currentAgentDiv);let h=A(e.currentProcessBlock??e.currentAgentDiv,!0),g=N(re(Array.isArray(r)?r:[],h)),v=x(g),y=!!e.currentProcessBlock||!!(e.currentAgentDiv&&E(e.currentAgentDiv));e.currentProcessBlock&&(b(e.currentProcessBlock),e.currentProcessBlock=null);let C=g.length>0;if(t||C||f){(!e.currentAgentDiv||!e.currentAgentDiv.isConnected)&&(e.currentAgentDiv=w(`agent`,``));let r=!!(e.currentAgentDiv.dataset.activityKey||e.currentAgentDiv.dataset.activityAnswerPending||s&&l&&e.currentAgentDiv.dataset.traceRunId===s&&e.currentAgentDiv.dataset.messageSessionId===l);s&&(e.currentAgentDiv.dataset.traceRunId=s),delete e.currentAgentDiv.dataset.activityRecovering,e.currentAgentDiv.removeAttribute(J);let o=e.currentAgentDiv?.querySelector(`.msg-content`),p=q?z(q,!0):``,h=f?t??``:t||p;if(q=null,o&&(o.innerHTML=f&&!h?``:a(h)),C&&e.currentAgentDiv&&!y&&!E(e.currentAgentDiv)){let t=e.currentAgentDiv.querySelector(`.msg-content`);t&&t.insertAdjacentHTML(`beforebegin`,m(O(g),!0))}e.currentAgentDiv&&M(e.currentAgentDiv),o&&o.setAttribute(`data-raw`,i(h)),o&&_(o);let b=ee(),x=!!(b.active&&e.currentAgentDiv&&e.currentAgentDiv.isConnected);if(o&&!x&&n(o,{immediate:!0}),x){let t=e.currentAgentDiv;Te(t),t.querySelectorAll(`.diagram-widget`).forEach(e=>{let t=e,n=t.dataset.widgetHtml,r=t.dataset.widgetId;if(!n&&!r)return;let i=document.createElement(`div`);i.className=`diagram-widget-pending`,r?i.dataset.widgetId=r:n&&(i.dataset.diagramHtml=n),e.replaceWith(i)}),v&&!r?(b.onLazyRender||oe(b),b.appendItem(te({role:`assistant`,content:h,cli:null,tool_log:v,trace_run_id:t.dataset.traceRunId??null},b.count)),u(t),b.scrollToBottom()):(t.dataset.turnIndex=String(b.count),t.dataset.messageId||(t.dataset.messageId=d()),r&&ae(b),b.appendLiveItem(t)),t.remove()}(h||s&&r)&&se({role:`assistant`,content:h,tool_log:v,trace_run_id:e.currentAgentDiv?.dataset.traceRunId??null,timestamp:Date.now(),...c===void 0?{}:{scope:c},...l===void 0?{}:{session_id:l}}).catch(()=>{})}q=null,e.currentAgentDiv=null,$=Date.now(),S(`idle`),ne()}function Oe(e,n){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`),n&&(n.classList.add(`active`),n.setAttribute(`aria-selected`,`true`)),e===`agents`&&t(()=>import(`./employees-BQaJNp-u.js`).then(e=>e.loadEmployees()),__vite__mapDeps([0])),e===`skills`&&t(()=>import(`./skills-Co7Mr-qP.js`).then(e=>e.loadSkills()),__vite__mapDeps([0]))}function ke(){document.getElementById(`tabSettings`)?.classList.contains(`active`)||t(()=>import(`./settings-WVGhtneN.js`).then(e=>e.updateSettings()),__vite__mapDeps([0]))}function Ae(){j({onStatus:ie})}export{De as a,Ae as c,Ee as d,ve as f,he as i,ge as l,Se as n,ke as o,Oe as p,pe as r,we as s,Q as t,me as u};
+import{t as e}from"./state-Dl-xxPoS.js";import{t}from"./preload-helper-CfbQpVni.js";import{E as n,T as r,k as i,t as a}from"./render-DfYro-fG.js";import{a as o,n as s}from"./icons-CVkqyECl.js";import{A as c,C as l,D as u,N as d,O as f,S as p,_ as ee,b as m,k as h,m as g,t as _,v,w as y,x as b}from"./iframe-renderer-DmHYOI1A.js";import{B as x,F as S,G as C,H as w,J as T,K as E,L as te,P as ne,Q as D,R as re,U as ie,V as O,W as k,Y as A,Z as j,a as ae,l as oe,q as M,z as N}from"./message-history-DcjBuubA.js";import{c as se}from"./idb-cache-BRpjf_a8.js";var P=2e3,F=80,ce=400;function le(e){if(e<=P)return F;let t=e/P*F;return Math.min(ce,Math.round(t))}function I(e){return{chunks:[],fullText:``,textDirty:!1,element:e,pendingRAF:null,isFinalized:!1,lastRenderTime:0}}function ue(e,t=``){let n=I(e);return t?(n.chunks=[t],n.fullText=t,n.textDirty=!1,n.element.innerHTML=a(t,!0)+`<span class="stream-cursor" aria-hidden="true"></span>`):n.element.innerHTML=`<span class="stream-cursor" aria-hidden="true"></span>`,n}function L(e){return e.textDirty&&=(e.fullText=e.chunks.join(``),!1),e.fullText}function R(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=L(e);n.length<P||t-e.lastRenderTime>le(n.length)?(e.element.innerHTML=a(n,!0)+`<span class="stream-cursor" aria-hidden="true"></span>`,e.lastRenderTime=t):e.pendingRAF=requestAnimationFrame(()=>{e.pendingRAF=null,!e.isFinalized&&(e.element.innerHTML=a(L(e),!0)+`<span class="stream-cursor" aria-hidden="true"></span>`,e.lastRenderTime=performance.now())})}))}function z(e,t=!1){e.isFinalized=!0,e.pendingRAF&&=(cancelAnimationFrame(e.pendingRAF),null);let n=L(e);return t||(e.element.innerHTML=a(n)),n}function B(e){return typeof e.traceSeq==`number`&&Number.isFinite(e.traceSeq)&&e.traceSeq>0}function V(e,t){return!!t.traceRunId&&!!e.traceRunId&&t.traceRunId===e.traceRunId&&B(t)&&B(e)&&t.traceSeq===e.traceSeq&&t.type===e.type&&t.label===e.label&&!!t.isEmployee==!!e.isEmployee}function H(e,t){return t.stepRef&&e.stepRef===t.stepRef?!0:V(e,t)}function U(e,t,n={}){return[...e].reverse().filter(e=>n.includeDone||e.status===`running`).find(e=>H(e,t))??null}function de(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 fe(e,t){let n=[...e].reverse().filter(e=>e.status===`running`);return U(n,t)||de(n,t)}function pe(){e.currentProcessBlock&&u(e.currentProcessBlock),e.currentAgentDiv instanceof HTMLElement&&u(e.currentAgentDiv),D(),c(),e.currentAgentDiv=null,e.currentProcessBlock=null,q=null}var W=0;function me(){W=Date.now()}function he(){W=0}function ge(){return Date.now()-W<8e3}function G(e){for(let t of document.querySelectorAll(`.msg-user`))if(e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING)return!0;return!1}function K(){let t=e.currentAgentDiv&&e.currentAgentDiv.isConnected?e.currentAgentDiv:null;return t?G(t)?(e.currentAgentDiv=null,e.currentProcessBlock=null,q=null,null):t:null}function _e(){let e=Array.from(document.querySelectorAll(`.msg-agent`)).at(-1)??null;return!e||G(e)?null:e}function ve(t,n){k();let r=K();if(r||(r=w(`agent`,``),e.currentAgentDiv=r,e.currentProcessBlock=null),M(r),!e.currentProcessBlock){let t=r.querySelector(`.agent-body`);t&&(e.currentProcessBlock=C(r)),!e.currentProcessBlock&&t&&(T(r),e.currentProcessBlock=p(t))}if(n&&e.currentProcessBlock&&!e.currentProcessBlock.startedAt&&(e.currentProcessBlock.startedAt=n),e.currentProcessBlock){let n=t.rawIcon||t.icon,r=t.status||s(t.icon)||`running`;if(r===`done`||r===`error`){let i=fe(e.currentProcessBlock.steps,t);if(i){t.icon=o(t.icon);let a=t.type===`thinking`?h(i.id,t.detail):y(i.id,t.detail);f(e.currentProcessBlock,i.id,{...i,...t,id:i.id,rawIcon:n,detail:a,detailPreview:a,label:t.label||i.label,status:r,startTime:i.startTime}),g();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=o(t.icon);let a=t.type===`thinking`?h(i.id,t.detail):y(i.id,t.detail);f(e.currentProcessBlock,i.id,{...i,...t,id:i.id,rawIcon:n,status:r,detail:a,detailPreview:a,startTime:i.startTime}),g();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=o(t.icon);let i=h(r.id,t.detail);f(e.currentProcessBlock,r.id,{...r,...t,id:r.id,rawIcon:n,status:`running`,detail:i,detailPreview:i,label:t.label||r.label,startTime:r.startTime}),g();return}}let i=U(e.currentProcessBlock.steps,t,{includeDone:!0});if(i){t.rawIcon=n,t.icon=o(t.icon);let a=t.detail||``,s=l(i.id)||i.detail||i.detailPreview||``,c=a.length>=s.length?a:s,u=h(i.id,c),d=(i.status===`done`||i.status===`error`)&&r===`running`?i.status:r;f(e.currentProcessBlock,i.id,{...i,...t,id:i.id,rawIcon:n,status:d,detail:u,detailPreview:u,label:t.label||i.label,startTime:i.startTime}),g();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){f(e.currentProcessBlock,n.id,t),g();return}}t.rawIcon=n,t.icon=o(t.icon),v(e.currentProcessBlock,t)}g()}var q=null,J=`data-active-run-hydrated`;function Y(e){document.querySelectorAll(`[${J}="true"]`).forEach(t=>{e&&t===e||t.remove()})}function ye(e){let t=K()??_e();Y(t);let n=t||w(`agent`,``,e||null);return n.setAttribute(J,`true`),n}function be(e,t){let n=l(e.id)||e.detail||e.detailPreview||``,r=t.detail||t.detailPreview||``;return r.length>=n.length?r:n}function X(e){return e.stepRef?!0:!!e.traceRunId&&typeof e.traceSeq==`number`&&Number.isFinite(e.traceSeq)&&e.traceSeq>0}function xe(e,t){let n=e.steps.filter(e=>!X(e)),r=0,i=!0;for(let a of t){let t=e.steps.find(e=>H(e,a))??null;if(!t&&!X(a)&&i){let e=n[r]??null;e?e.type===a.type&&!!e.isEmployee==!!a.isEmployee?(t=e,r++):i=!1:r++}if(!t){let n=e.steps.filter(e=>e.label===a.label&&e.type===a.type&&!!e.isEmployee==!!a.isEmployee);t=n.length===1?n[0]:null}if(!t){if(v(e,a),!X(a)&&i){let t=e.steps[e.steps.length-1];t&&n.push(t)}continue}let o=h(t.id,be(t,a));f(e,t.id,{...t,...a,id:t.id,detail:o,detailPreview:o,label:a.label||t.label})}}function Se(e=[]){document.querySelectorAll(`[data-queued-overlay="true"]`).forEach(e=>e.remove())}var Z=``;function Ce(e){let t=Array.isArray(e.toolLog)?e.toolLog:[],n=t.map(e=>`${e.stepRef||``}~${e.traceRunId||``}~${e.traceSeq??``}~${e.status||``}~${e.label||``}~${(e.detail||``).length}`).join(`|`);return`${e.traceRunId||``}:${e.cli||``}:${(e.text||``).length}:${t.length}:${n}`}function we(t){if(!t?.running){Z=``,Y();return}let n=Ce(t);if(n===Z&&K())return;D(),k(),e.currentAgentDiv=ye(t.cli||null);let r=e.currentAgentDiv.querySelector(`.agent-body`),i=N(t.toolLog||[]);M(e.currentAgentDiv),e.currentProcessBlock=C(e.currentAgentDiv),r&&i.length?(e.currentProcessBlock||(T(e.currentAgentDiv),e.currentProcessBlock=p(r)),t.startedAt&&(e.currentProcessBlock.startedAt=t.startedAt),xe(e.currentProcessBlock,O(i,t.startedAt))):e.currentProcessBlock=C(e.currentAgentDiv);let a=e.currentAgentDiv.querySelector(`.msg-content`);a&&(q=ue(a,t.text||``)),Z=n}function Q(t){if(!t)return;k(),K()||(e.currentAgentDiv=w(`agent`,``),q=null);let n=e.currentAgentDiv?.querySelector(`.msg-content`);n&&(q||=I(n),R(q,t)),g()}var $=0;function Te(e){e.querySelectorAll(`.mermaid-pending`).forEach(e=>{delete e.dataset.mermaidQueued,delete e.dataset.mermaidQueuedAt})}function Ee(e,t){let o=e.querySelector(`.msg-content`);if(!o)return;let s=i(t);(o.getAttribute(`data-raw`)!==s||!s&&o.childNodes.length!==0)&&(r(o),o.innerHTML=s?a(t):``,o.setAttribute(`data-raw`,s),o.classList.remove(`lazy-pending`),_(o),n(o,{immediate:!0}))}function De(t,r,o,s,c,l){let f=o===`present`||o===`absent`,p=Date.now();if(!e.currentAgentDiv&&p-$<500)return;Z=``,D(),k(),e.currentAgentDiv&&M(e.currentAgentDiv);let h=A(e.currentProcessBlock??e.currentAgentDiv,!0),g=N(re(Array.isArray(r)?r:[],h)),v=x(g),y=!!e.currentProcessBlock||!!(e.currentAgentDiv&&E(e.currentAgentDiv));e.currentProcessBlock&&(b(e.currentProcessBlock),e.currentProcessBlock=null);let C=g.length>0;if(t||C||f){(!e.currentAgentDiv||!e.currentAgentDiv.isConnected)&&(e.currentAgentDiv=w(`agent`,``));let r=!!(e.currentAgentDiv.dataset.activityKey||e.currentAgentDiv.dataset.activityAnswerPending||s&&l&&e.currentAgentDiv.dataset.traceRunId===s&&e.currentAgentDiv.dataset.messageSessionId===l);s&&(e.currentAgentDiv.dataset.traceRunId=s),delete e.currentAgentDiv.dataset.activityRecovering,e.currentAgentDiv.removeAttribute(J);let o=e.currentAgentDiv?.querySelector(`.msg-content`),p=q?z(q,!0):``,h=f?t??``:t||p;if(q=null,o&&(o.innerHTML=f&&!h?``:a(h)),C&&e.currentAgentDiv&&!y&&!E(e.currentAgentDiv)){let t=e.currentAgentDiv.querySelector(`.msg-content`);t&&t.insertAdjacentHTML(`beforebegin`,m(O(g),!0))}e.currentAgentDiv&&M(e.currentAgentDiv),o&&o.setAttribute(`data-raw`,i(h)),o&&_(o);let b=ee(),x=!!(b.active&&e.currentAgentDiv&&e.currentAgentDiv.isConnected);if(o&&!x&&n(o,{immediate:!0}),x){let t=e.currentAgentDiv;Te(t),t.querySelectorAll(`.diagram-widget`).forEach(e=>{let t=e,n=t.dataset.widgetHtml,r=t.dataset.widgetId;if(!n&&!r)return;let i=document.createElement(`div`);i.className=`diagram-widget-pending`,r?i.dataset.widgetId=r:n&&(i.dataset.diagramHtml=n),e.replaceWith(i)}),v&&!r?(b.onLazyRender||oe(b),b.appendItem(te({role:`assistant`,content:h,cli:null,tool_log:v,trace_run_id:t.dataset.traceRunId??null},b.count)),u(t),b.scrollToBottom()):(t.dataset.turnIndex=String(b.count),t.dataset.messageId||(t.dataset.messageId=d()),r&&ae(b),b.appendLiveItem(t)),t.remove()}(h||s&&r)&&se({role:`assistant`,content:h,tool_log:v,trace_run_id:e.currentAgentDiv?.dataset.traceRunId??null,timestamp:Date.now(),...c===void 0?{}:{scope:c},...l===void 0?{}:{session_id:l}}).catch(()=>{})}q=null,e.currentAgentDiv=null,$=Date.now(),S(`idle`),ne()}function Oe(e,n){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`),n&&(n.classList.add(`active`),n.setAttribute(`aria-selected`,`true`)),e===`agents`&&t(()=>import(`./employees-CsvI0_5V.js`).then(e=>e.loadEmployees()),__vite__mapDeps([0])),e===`skills`&&t(()=>import(`./skills-DeNVAVgt.js`).then(e=>e.loadSkills()),__vite__mapDeps([0]))}function ke(){document.getElementById(`tabSettings`)?.classList.contains(`active`)||t(()=>import(`./settings-DgAlohx9.js`).then(e=>e.updateSettings()),__vite__mapDeps([0]))}function Ae(){j({onStatus:ie})}export{De as a,Ae as c,Ee as d,ve as f,he as i,ge as l,Se as n,ke as o,Oe as p,pe as r,we as s,Q as t,me as u};

package/public/dist/index.html

@@ -10,11 +10,17 @@
           localStorage.setItem('jaw.uiTheme', localStorage.getItem('theme'));
           localStorage.removeItem('theme');
         }
-        var q = new URLSearchParams(location.search).get('jawTheme');
+        var params = new URLSearchParams(location.search);
+        var q = params.get('jawTheme');
         var raw = (q === 'dark' || q === 'light') ? q : localStorage.getItem('jaw.uiTheme');
         var t = (raw === 'dark' || raw === 'light') ? raw :
           (matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark');
         document.documentElement.setAttribute('data-theme', t);
+        // The desktop shell's preload can't mark this document when it loads in
+        // a cross-origin iframe, so the manager passes the flag on the URL.
+        if (params.get('jawDesktop') === '1') {
+          document.documentElement.setAttribute('data-cli-jaw-desktop', 'true');
+        }
       })();
     </script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
@@ -31,9 +37,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-ByMfeXp-.js"></script>
+  <script type="module" crossorigin src="/dist/assets/app-CZwx0V6K.js"></script>
   <link rel="stylesheet" crossorigin href="/dist/assets/vendor-render-DSSkXCir.css">
-  <link rel="stylesheet" crossorigin href="/dist/assets/app-DAJWqs33.css">
+  <link rel="stylesheet" crossorigin href="/dist/assets/app-BjKzqXCv.css">
 </head>
 
 <body>
@@ -246,6 +252,8 @@
         <div class="chat-input-area">
             <div id="cmdDropdown" class="cmd-dropdown" role="listbox" data-i18n-aria="aria.cmdList" aria-label="커맨드 목록"
                 style="display:none"></div>
+            <div id="skillMentionDropdown" class="cmd-dropdown" role="listbox" data-i18n-aria="aria.skillMentionList"
+                aria-label="스킬 목록" style="display:none"></div>
             <button class="btn-attach" data-i18n-title="btn.attach" title="파일 첨부"><span data-icon="paperclip"></span></button>
             <input type="file" id="fileInput" hidden multiple>
             <button class="btn-voice" id="btnVoice" aria-describedby="voiceShortcutHint" data-i18n-title="voice.start" title="음성 녹음"><span data-icon="mic"></span></button>

package/public/dist/manager/index.html

@@ -6,10 +6,10 @@
   <link rel="icon" type="image/png" href="/dist/assets/icon-192-CADbZUeU.png">
   <title>Jaw Manager</title>
   <script src="/manager/theme-boot.js"></script>
-  <script type="module" crossorigin src="/dist/assets/manager-Bi_xw7TW.js"></script>
+  <script type="module" crossorigin src="/dist/assets/manager-CCXm5Yfe.js"></script>
   <link rel="stylesheet" crossorigin href="/dist/assets/vendor-render-DSSkXCir.css">
-  <link rel="stylesheet" crossorigin href="/dist/assets/settings-embedding-DhEdT86W.css">
-  <link rel="stylesheet" crossorigin href="/dist/assets/manager-BnQHAKk6.css">
+  <link rel="stylesheet" crossorigin href="/dist/assets/settings-embedding-CUQ8Is3y.css">
+  <link rel="stylesheet" crossorigin href="/dist/assets/manager-D9rhKFKc.css">
 </head>
 <body>
   <div id="manager-root"></div>

package/public/dist/settings/index.html

@@ -5,8 +5,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Settings</title>
   <script src="/manager/theme-boot.js"></script>
-  <script type="module" crossorigin src="/dist/assets/settings-W4KG9ivu.js"></script>
-  <link rel="stylesheet" crossorigin href="/dist/assets/settings-embedding-DhEdT86W.css">
+  <script type="module" crossorigin src="/dist/assets/settings-DMiQe469.js"></script>
+  <link rel="stylesheet" crossorigin href="/dist/assets/settings-embedding-CUQ8Is3y.css">
 </head>
 <body>
   <div id="settings-root"></div>

package/public/index.html

@@ -10,11 +10,17 @@
           localStorage.setItem('jaw.uiTheme', localStorage.getItem('theme'));
           localStorage.removeItem('theme');
         }
-        var q = new URLSearchParams(location.search).get('jawTheme');
+        var params = new URLSearchParams(location.search);
+        var q = params.get('jawTheme');
         var raw = (q === 'dark' || q === 'light') ? q : localStorage.getItem('jaw.uiTheme');
         var t = (raw === 'dark' || raw === 'light') ? raw :
           (matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark');
         document.documentElement.setAttribute('data-theme', t);
+        // The desktop shell's preload can't mark this document when it loads in
+        // a cross-origin iframe, so the manager passes the flag on the URL.
+        if (params.get('jawDesktop') === '1') {
+          document.documentElement.setAttribute('data-cli-jaw-desktop', 'true');
+        }
       })();
     </script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
@@ -258,6 +264,8 @@
         <div class="chat-input-area">
             <div id="cmdDropdown" class="cmd-dropdown" role="listbox" data-i18n-aria="aria.cmdList" aria-label="커맨드 목록"
                 style="display:none"></div>
+            <div id="skillMentionDropdown" class="cmd-dropdown" role="listbox" data-i18n-aria="aria.skillMentionList"
+                aria-label="스킬 목록" style="display:none"></div>
             <button class="btn-attach" data-i18n-title="btn.attach" title="파일 첨부"><span data-icon="paperclip"></span></button>
             <input type="file" id="fileInput" hidden multiple>
             <button class="btn-voice" id="btnVoice" aria-describedby="voiceShortcutHint" data-i18n-title="voice.start" title="음성 녹음"><span data-icon="mic"></span></button>

package/public/js/features/activity-history.ts

@@ -19,7 +19,7 @@ interface Callbacks {
 }
 type Host = {
     message: HTMLElement; runId: string; cacheScope: string; controller: AbortController;
-    box: HTMLElement; status: HTMLElement; retry: HTMLButtonElement;
+    box: HTMLElement; status: HTMLElement; live: HTMLElement; retry: HTMLButtonElement;
     pending: boolean; loaded: boolean; promise: Promise<void> | null; resolve: (() => void) | null;
 };
 const SELECTOR = '.msg-agent[data-trace-run-id]';
@@ -65,15 +65,31 @@ function finishPromise(host: Host): void {
     host.retry.disabled = false;
     host.pending = false; host.resolve?.(); host.resolve = null; host.promise = null;
 }
+/** Status and retry never stand alone in the message flow: they live inside the
+    mounted Activity disclosure when one exists, otherwise inside this host's own
+    collapsed details so the text only appears once expanded. */
+function present(host: Host): void {
+    const disclosure = host.message.querySelector<HTMLElement>('.activity-disclosure');
+    if (disclosure) {
+        if (host.status.parentElement !== disclosure) {
+            const footer = disclosure.querySelector('.activity-footer');
+            if (footer) footer.before(host.status, host.retry); else disclosure.append(host.status, host.retry);
+        }
+    } else if (host.status.parentElement !== host.box) host.box.append(host.status, host.retry);
+    host.status.hidden = !host.status.textContent;
+    if (host.live.textContent !== host.status.textContent) host.live.textContent = host.status.textContent;
+    host.box.hidden = !!disclosure || (!host.status.textContent && host.retry.hidden);
+}
 function cancel(host: Host, remove: boolean): void {
     host.controller.abort();
     if (remove) observer?.unobserve(host.message);
     else {
         host.status.textContent = 'Activity read cancelled. Retry to inspect.';
-        host.retry.textContent = 'Retry activity'; host.retry.hidden = false; host.box.hidden = false;
+        host.retry.textContent = 'Retry activity'; host.retry.hidden = false;
+        present(host);
     }
     if (queued.delete(host.message)) finishPromise(host);
-    if (remove) { hosts.delete(host.message); host.box.remove(); }
+    if (remove) { hosts.delete(host.message); host.status.remove(); host.retry.remove(); host.live.remove(); host.box.remove(); }
 }
 function prune(): void {
     for (const host of hosts.values()) if (!host.message.isConnected) cancel(host, true);
@@ -82,7 +98,7 @@ function prune(): void {
 
 function entry(message: HTMLElement, runId: string): Host | null {
     const previous = hosts.get(message);
-    if (previous?.runId === runId) return previous;
+    if (previous?.runId === runId) { present(previous); return previous; }
     if (previous) cancel(previous, true);
     prune();
     if (hosts.size >= MAX_HOSTS) {
@@ -94,13 +110,20 @@ function entry(message: HTMLElement, runId: string): Host | null {
         }
         return null;
     }
-    message.querySelector('.activity-read-control')?.remove();
-    const box = document.createElement('div'); box.className = 'activity-read-control';
-    const status = document.createElement('p'); status.setAttribute('role', 'status');
-    const retry = document.createElement('button'); retry.type = 'button'; retry.textContent = 'Load activity';
-    box.append(status, retry); message.querySelector('.agent-body')?.prepend(box);
+    message.querySelectorAll('.activity-read-control, .activity-read-status, .activity-read-live, .activity-read-retry')
+        .forEach(node => node.remove());
+    const box = document.createElement('details'); box.className = 'activity-read-control';
+    const summary = document.createElement('summary'); summary.className = 'activity-read-summary';
+    summary.textContent = 'Activity status';
+    const status = document.createElement('p'); status.className = 'activity-read-status';
+    status.hidden = true;
+    const live = document.createElement('p'); live.className = 'activity-read-live';
+    live.setAttribute('role', 'status');
+    const retry = document.createElement('button'); retry.className = 'activity-read-retry';
+    retry.type = 'button'; retry.textContent = 'Load activity';
+    box.append(summary, status, retry); message.querySelector('.agent-body')?.prepend(live, box);
     const host: Host = { message, runId, cacheScope: getMessageScope(), controller: new AbortController(),
-        box, status, retry, pending: false, loaded: false, promise: null, resolve: null };
+        box, status, live, retry, pending: false, loaded: false, promise: null, resolve: null };
     retry.onclick = () => { void hydrateActivityHost(message, runId, true); };
     hosts.set(message, host); if (mode()) traceAllowed(message, false);
     return host;
@@ -110,8 +133,9 @@ function entry(message: HTMLElement, runId: string): Host | null {
 export function markActivityHistoryUnavailable(message: HTMLElement): void {
     if (!identity || !owns(message, message.dataset['traceRunId'] ?? '', identity.sessionId)) return;
     const host = entry(message, message.dataset['traceRunId']!); if (!host) return;
-    host.loaded = false; host.box.hidden = false; host.retry.hidden = false;
+    host.loaded = false; host.retry.hidden = false;
     host.status.textContent = 'Activity preview is no longer retained in memory. Load it again to inspect.';
+    present(host);
 }
 
 function combine(seed: ActivityRunReadResult, tail: ActivityRunReadResult): RuntimeEvent[] {
@@ -193,14 +217,17 @@ async function execute(host: Host): Promise<void> {
             : '';
         host.retry.textContent = 'Refresh activity';
         host.retry.hidden = !incomplete && !noActivity && !answerError && status !== 'running' && answer.kind === 'saved';
-        host.box.hidden = host.retry.hidden;
-        if (hadFocus && host.box.hidden) host.message.querySelector<HTMLElement>('.activity-summary')?.focus({ preventScroll: true });
+        present(host);
+        if (hadFocus && ((!host.status.textContent && host.retry.hidden)
+            || !!host.retry.closest('details:not([open])'))) {
+            host.message.querySelector<HTMLElement>('.activity-summary')?.focus({ preventScroll: true });
+        }
     } catch (error) {
         if (hosts.get(host.message) !== host || generation !== epoch || path !== locationKey()) return;
         if (host.controller.signal.aborted && host.controller.signal.reason?.name !== 'TimeoutError') return;
         host.status.textContent = error instanceof ActivityReadError ? error.message
             : 'Activity could not be restored. The transcript is unchanged; retry to inspect it.';
-        host.retry.hidden = false; host.box.hidden = false; host.retry.textContent = 'Retry activity';
+        host.retry.hidden = false; host.retry.textContent = 'Retry activity'; present(host);
         if (error instanceof ActivityReadError && error.status === 404) {
             try {
                 await readActivityHttp(`/api/traces/${encodeURIComponent(host.runId)}?${new URLSearchParams({ session: captured.sessionId })}`,
@@ -208,7 +235,7 @@ async function execute(host: Host): Promise<void> {
                 if (current(host, captured, epoch, path)) {
                     traceAllowed(host.message, true);
                     host.status.textContent = 'Detailed Activity was not recorded for this turn. The saved transcript is shown.';
-                    host.retry.hidden = true;
+                    host.retry.hidden = true; present(host);
                 }
             } catch { /* A copied/foreign/expired pointer does not gain raw authority. */ }
         }
@@ -228,7 +255,7 @@ function pump(): void {
     if (!host.message.isConnected || host.controller.signal.aborted || hosts.get(host.message) !== host) {
         finishPromise(host); queueMicrotask(pump); return;
     }
-    active = host; host.status.textContent = 'Loading recorded activity.';
+    active = host; host.status.textContent = 'Loading recorded activity.'; present(host);
     void execute(host).catch(error => console.warn('[activity] history read failed', error)).finally(() => {
         finishPromise(host); if (active === host) active = null; pump();
     });
@@ -242,14 +269,15 @@ export function hydrateActivityHost(message: HTMLElement, runId: string, manual
     const turn = findLiveActivity(runId);
     if (!manual && host.loaded) return Promise.resolve();
     if (!manual && turn?.message === message && !turn.degraded && !message.dataset['activityRecovering']) {
-        host.box.hidden = true; traceAllowed(message, true); return Promise.resolve();
+        host.status.textContent = ''; host.retry.hidden = true; present(host);
+        traceAllowed(message, true); return Promise.resolve();
     }
     if (queued.size >= MAX_QUEUED) {
         host.status.textContent = 'Activity reads are at their limit. Use Load activity to retry.';
-        host.box.hidden = false; host.retry.hidden = false; return Promise.resolve();
+        host.retry.hidden = false; present(host); return Promise.resolve();
     }
-    host.controller = new AbortController(); host.pending = true; host.box.hidden = false;
-    host.status.textContent = 'Activity read queued.'; host.retry.disabled = true;
+    host.controller = new AbortController(); host.pending = true;
+    host.status.textContent = 'Activity read queued.'; host.retry.disabled = true; present(host);
     host.promise = new Promise(resolve => { host.resolve = resolve; });
     const promise = host.promise; queued.set(message, host); pump(); return promise;
 }
@@ -276,7 +304,8 @@ export function observeActivityHistory(root: ParentNode): void {
         const runId = message.dataset['traceRunId']!;
         if (!owns(message, runId, identity.sessionId)) continue;
         const host = entry(message, runId); if (!host) continue;
-        if (!mode()) { host.box.hidden = true; traceAllowed(message, true); continue; }
+        if (!mode()) { host.status.textContent = ''; host.retry.hidden = true; present(host);
+            traceAllowed(message, true); continue; }
         if (message.closest('details:not([open])')) continue;
         if (observer) observer.observe(message); else void hydrateActivityHost(message, runId);
     }

package/public/js/features/activity-rows.ts

@@ -1,5 +1,7 @@
-import { activityEntryLabel, activityEntryText, type ActivityEntry } from '../../../src/shared/activity-state.js';
+import { activityEntryLabel, type ActivityEntry } from '../../../src/shared/activity-state.js';
 import { classifyActivityTool, isActivityFileEdit, type ActivityRenderGroup, type ActivityToolKind } from '../../../src/shared/activity-kind.js';
+import { firstInputLine, parseToolInput, prettyToolInput, TOOL_DESCRIPTION_KEYS, TOOL_INPUT_KEYS } from '../../../src/shared/tool-input.js';
+import { copyText } from './copy-text.js';
 import { hydrateIcons, type IconName } from '../icons.js';
 const glyphs: Record<ActivityToolKind, IconName> = { command: 'terminal', file: 'file', search: 'search', mcp: 'plug', other: 'tool' };
 function el<K extends keyof HTMLElementTagNameMap>(doc: Document, tag: K, cls: string) {
@@ -9,34 +11,180 @@ function glyph(node: HTMLElement, name: IconName) {
     if (node.dataset['icon'] === name) return;
     node.dataset['icon'] = name; node.setAttribute('aria-hidden', 'true');
     hydrateIcons(node.parentElement!); }
+
+// Past ~15 wrapped lines the capped scroll height already engages; only then is
+// a Show-all toggle worth showing (jsdom cannot measure overflow, so estimate).
+function isTallContent(value: string): boolean {
+    return value.length > 1400 || value.split('\n').length > 14;
+}
+
+/** One flash per copy button: a second click restarts it instead of being cut short. */
+const copyFlash = new WeakMap<HTMLButtonElement, number>();
+
+function flashCopied(btn: HTMLButtonElement, doc: Document): void {
+    const icon = btn.querySelector<HTMLElement>('[data-icon]');
+    if (!icon) return;
+    const pending = copyFlash.get(btn);
+    if (pending !== undefined) doc.defaultView?.clearTimeout(pending);
+    icon.dataset['icon'] = 'checkSimple'; hydrateIcons(btn); btn.classList.add('copied');
+    const timer = doc.defaultView?.setTimeout(() => { icon.dataset['icon'] = 'copy'; hydrateIcons(btn); btn.classList.remove('copied'); }, 800);
+    if (timer !== undefined) copyFlash.set(btn, timer);
+}
+
+interface Block { key: string; label: string; content: string; copy: boolean }
+
+/** Rebuild when the block set or a label changes; text stays live between rebuilds. */
+function syncBody(body: HTMLElement, blocks: readonly Block[], waiting: boolean): void {
+    // Labels follow the entry (the detail block becomes `Error` on failure), so they
+    // belong in the signature: a key-only signature left `Detail` on a failed row.
+    const signature = `${waiting ? 'wait|' : ''}${blocks.map(block => `${block.key}:${block.label}`).join('|')}`;
+    if (body.dataset['sig'] !== signature) {
+        body.dataset['sig'] = signature;
+        for (const child of [...body.children]) child.remove();
+        const doc = body.ownerDocument;
+        for (const block of blocks) {
+            const section = el(doc, 'section', 'activity-block');
+            section.dataset['block'] = block.key;
+            const head = el(doc, 'div', 'activity-block-head');
+            const label = el(doc, 'span', 'activity-block-label');
+            text(label, block.label);
+            head.append(label);
+            if (block.copy) {
+                const copy = el(doc, 'button', 'activity-block-copy');
+                copy.type = 'button';
+                copy.setAttribute('aria-label', `Copy ${block.label.toLowerCase()}`);
+                const icon = el(doc, 'span', 'activity-block-copy-icon');
+                icon.dataset['icon'] = 'copy'; icon.setAttribute('aria-hidden', 'true');
+                copy.append(icon);
+                copy.onclick = () => {
+                    const value = section.querySelector('pre')?.textContent;
+                    if (value) void copyText(value).then(result => { if (result.ok) flashCopied(copy, doc); });
+                };
+                head.append(copy);
+            }
+            const pre = el(doc, 'pre', 'activity-item-text activity-block-text');
+            pre.setAttribute('aria-label', block.label);
+            section.append(head, pre);
+            body.append(section);
+        }
+        if (waiting) {
+            const line = el(doc, 'p', 'activity-waiting');
+            text(line, 'Waiting for output…');
+            body.append(line);
+        }
+        const toggle = el(doc, 'button', 'activity-block-toggle');
+        toggle.type = 'button';
+        toggle.onclick = () => {
+            const next = body.dataset['expanded'] !== 'true';
+            body.dataset['expanded'] = String(next);
+            toggle.textContent = next ? 'Show less' : 'Show all';
+            toggle.setAttribute('aria-expanded', String(next));
+        };
+        body.append(toggle);
+        hydrateIcons(body);
+    }
+    const sections = body.querySelectorAll<HTMLElement>('.activity-block');
+    const pres = blocks.map((_, index) => sections[index]!.querySelector('pre')!);
+    blocks.forEach((block, index) => text(pres[index]!, block.content));
+    // Measure real overflow when layout exists (browser); jsdom reports 0
+    // everywhere and falls back to the character estimate.
+    const unmeasured = pres.every(pre => pre.scrollHeight === 0);
+    const overflowing = pres.map((pre, index) => unmeasured
+        ? isTallContent(blocks[index]!.content)
+        : pre.scrollHeight > pre.clientHeight + 2);
+    // Only a block that actually scrolls belongs in the tab order.
+    pres.forEach((pre, index) => {
+        if (overflowing[index]) pre.tabIndex = 0;
+        else pre.removeAttribute('tabindex');
+    });
+    // The reader's choice outranks the measurement: an expanded body has the cap
+    // lifted, so it measures as short and would otherwise collapse itself on the
+    // next render, taking the toggle away with it.
+    const expanded = body.dataset['expanded'] === 'true';
+    const tall = expanded || overflowing.some(Boolean);
+    const toggle = body.querySelector<HTMLElement>('.activity-block-toggle')!;
+    toggle.hidden = !tall;
+    text(toggle, expanded ? 'Show less' : 'Show all');
+    toggle.setAttribute('aria-expanded', String(expanded));
+}
+
+function toolBlocks(entry: Extract<ActivityEntry, { kind: 'tool' }>, kind: ActivityToolKind): Block[] {
+    const blocks: Block[] = [];
+    const parsed = parseToolInput(entry.input);
+    if (parsed.value !== null || parsed.object || entry.input) {
+        const command = parsed.field === 'command' || (!parsed.object && kind === 'command');
+        blocks.push({
+            key: 'input',
+            label: command ? 'Command' : 'Input',
+            content: parsed.field === 'command' && parsed.value !== null ? parsed.value
+                : parsed.object ? prettyToolInput(entry.input ?? '') : parsed.value ?? entry.input ?? '',
+            copy: true,
+        });
+        // A command envelope can carry more than the command (timeout, cwd…):
+        // surface the remaining fields so nothing the call sent is hidden.
+        if (parsed.object && parsed.field === 'command') {
+            const hidden = new Set([...TOOL_INPUT_KEYS.command, ...TOOL_DESCRIPTION_KEYS]);
+            const rest = Object.fromEntries(Object.entries(parsed.object).filter(([key]) => !hidden.has(key)));
+            if (Object.keys(rest).length)
+                blocks.push({ key: 'params', label: 'Parameters', content: JSON.stringify(rest, null, 2), copy: false });
+        }
+        if (parsed.description)
+            blocks.push({ key: 'description', label: 'Description', content: parsed.description, copy: false });
+    }
+    if (entry.output) blocks.push({ key: 'output', label: 'Output', content: entry.output, copy: false });
+    if (entry.detail) blocks.push({ key: 'detail', label: entry.status === 'error' ? 'Error' : 'Detail', content: entry.detail, copy: false });
+    return blocks;
+}
+
 export function createActivityRow(doc: Document, id: string): HTMLDetailsElement {
     const row = el(doc, 'details', 'activity-item activity-row'); row.dataset['activityItemId'] = id;
     const head = el(doc, 'summary', 'activity-item-summary');
-    head.append(el(doc, 'span', 'activity-row-icon'), el(doc, 'span', 'activity-row-label'),
+    const labelWrap = el(doc, 'span', 'activity-row-text');
+    const desc = el(doc, 'span', 'activity-row-desc'); desc.hidden = true;
+    labelWrap.append(el(doc, 'span', 'activity-row-label'), desc);
+    head.append(el(doc, 'span', 'activity-row-icon'), labelWrap,
         el(doc, 'span', 'activity-row-status'), el(doc, 'span', 'activity-chevron-sm'));
-    const body = el(doc, 'pre', 'activity-item-text'); body.tabIndex = 0; body.setAttribute('aria-label', 'Activity preview');
+    const body = el(doc, 'div', 'activity-item-body');
     row.append(head, body); glyph(head.lastElementChild as HTMLElement, 'chevronDown'); return row; }
-export function updateActivityRow(row: HTMLDetailsElement, entry: ActivityEntry, limit: number): void {
+export function updateActivityRow(row: HTMLDetailsElement, entry: ActivityEntry): void {
     const kind = entry.kind === 'tool' ? classifyActivityTool(entry.name) : entry.kind;
     row.className = `activity-item activity-row${entry.kind === 'tool' ? '' : ` activity-row-${entry.kind}`}`;
     row.dataset['kind'] = kind; row.dataset['status'] = entry.kind === 'tool' ? entry.status : '';
-    const head = row.querySelector('summary')!; head.setAttribute('aria-label', activityEntryLabel(entry));
+    const head = row.querySelector('summary')!;
     glyph(head.querySelector<HTMLElement>('.activity-row-icon')!, entry.kind === 'tool' ? glyphs[classifyActivityTool(entry.name)]
         : entry.kind === 'reasoning' ? 'brain' : 'thinking');
-    let label = activityEntryLabel(entry), status = '';
+    const desc = head.querySelector<HTMLElement>('.activity-row-desc')!;
+    let label = activityEntryLabel(entry), status = '', description = '';
     if (entry.kind === 'tool') {
         const edit = kind === 'file' && isActivityFileEdit(entry.name);
         const past = kind === 'command' ? 'Ran' : kind === 'file' ? edit ? 'Edited' : 'Read' : kind === 'search' ? 'Searched' : 'Called';
         const active = kind === 'command' ? 'Running' : kind === 'file' ? edit ? 'Editing' : 'Reading' : kind === 'search' ? 'Searching' : 'Calling';
         const verb = entry.status === 'done' ? past : entry.status === 'running' ? active : entry.status === 'error' ? 'Failed' : 'Stopped';
-        const first = (entry.input ?? '').split(/\r?\n/, 1)[0]!.trim() || entry.name;
-        label = `${verb} ${first}`; status = entry.status === 'error' ? 'failed' : entry.status === 'done' ? '' : entry.status;
+        const parsed = parseToolInput(entry.input);
+        // Never label a row with a raw {"command": ...} object: decode the
+        // recognised argument, else fall back to the tool's own name. Retention can
+        // cut the input before any recognised field, and that prefix is still an
+        // envelope, so the tool name is the honest label there too.
+        const raw = entry.input?.trim() ?? '';
+        const target = parsed.value !== null ? firstInputLine(parsed.value)
+            : (parsed.object || raw.startsWith('{')) ? entry.name
+            : firstInputLine(raw) || entry.name;
+        description = parsed.description ? firstInputLine(parsed.description) : '';
+        label = `${verb} ${target}`;
+        status = entry.status === 'error' ? 'failed' : entry.status === 'done' ? '' : entry.status;
     }
     text(head.querySelector('.activity-row-label')!, label);
+    text(desc, description); desc.hidden = !description;
+    head.setAttribute('aria-label', description ? `${label} — ${description}` : label);
     const state = head.querySelector<HTMLElement>('.activity-row-status')!;
     text(state, status); state.setAttribute('aria-label', status === 'failed' ? 'Tool call failed' : status);
-    const full = activityEntryText(entry);
-    text(row.querySelector('pre')!, full.length > limit ? `${full.slice(0, limit)}\n[Preview limited; some text is omitted]` : full);
+    const body = row.querySelector<HTMLElement>('.activity-item-body')!;
+    if (entry.kind === 'tool') {
+        syncBody(body, toolBlocks(entry, kind as ActivityToolKind),
+            entry.status === 'running' && !entry.output && !entry.detail);
+    } else {
+        syncBody(body, entry.text ? [{ key: 'text', label: 'Activity preview', content: entry.text, copy: false }] : [], false);
+    }
 }
 export function createActivityRows(doc: Document, list: HTMLElement) {
     const groups = new Map<string, { root: HTMLDivElement; head: HTMLButtonElement; body: HTMLDivElement }>();

package/public/js/features/activity-view.ts

@@ -1,4 +1,4 @@
-import { activityEntryText, activityStatus, type ActivityState } from '../../../src/shared/activity-state.js';
+import { activityStatus, type ActivityState } from '../../../src/shared/activity-state.js';
 import { groupActivityEntries } from '../../../src/shared/activity-kind.js';
 import { createActivityRow, updateActivityRow, createActivityRows } from './activity-rows.js';
 import type { RuntimeItemStatus } from '../../../src/shared/runtime-contract.js';
@@ -12,7 +12,6 @@ export interface ActivityChoices {
 
 const MAX_CHOICES = 128;
 const PAGE_SIZE = 40;
-const PREVIEW_CHARS = 3000;
 
 export const createActivityChoices = (): ActivityChoices => ({ open: false, items: new Map(), page: null });
 
@@ -178,8 +177,9 @@ export function createActivityView(
         connection.hidden = !display.connectionUnavailable;
         const loss = model.omitted;
         const entries = [...model.entries.values()];
-        const limited = !!(loss.entries || loss.textChars || loss.requests || loss.finalChars)
-            || entries.some(entry => activityEntryText(entry).length > PREVIEW_CHARS);
+        // Rows render everything retention kept, so the notice fires only when
+        // retention itself dropped something — never for display clipping.
+        const limited = !!(loss.entries || loss.textChars || loss.requests || loss.finalChars);
         text(omitted, limited
             ? 'Preview is limited. Some activity, text or request notices are omitted.' : '');
         omitted.hidden = !limited;
@@ -210,7 +210,7 @@ export function createActivityView(
                 node.ontoggle = () => saveItem(entry.itemId, itemNode);
                 nodes.set(entry.itemId, node);
             }
-            updateActivityRow(node, entry, PREVIEW_CHARS);
+            updateActivityRow(node, entry);
             const open = choices.items.get(entry.itemId) ?? (entry.kind === 'tool' && entry.status === 'running');
             renderedOpen.set(node, open);
             if (node.open !== open) node.open = open;

package/public/js/features/chat.ts

@@ -4,6 +4,7 @@ import { addMessage, addSystemMsg } from '../ui.js';
 import { getPreferredLocale } from '../locale.js';
 import { t } from './i18n.js';
 import * as slashCmd from './slash-commands.js';
+import * as skillMention from './skill-mentions.js';
 import { api, apiJson, apiFire, getAuthToken, API_BASE } from '../api.js';
 import { escapeHtml, cancelPostRender } from '../render.js';
 import { getVirtualScroll } from '../virtual-scroll.js';
@@ -282,6 +283,7 @@ export async function sendMessage(source: SendSource = 'enter'): Promise<void> {
 
     // Double-submit guard: if a previous send is still in flight, drop this call.
     if (__chatSending) return;
+    skillMention.close();
 
     if (!text && !state.attachedFiles.length) return;
     clearUnreadResponses();

package/public/js/features/employees.ts

@@ -54,6 +54,7 @@ function normalizeEmployeeModel(_cli: string, model?: string): string {
 
 function getDefaultEmployeeModel(cli: string, models: string[]): string {
     if (cli === 'claude') {
+        if (models.includes('claude-opus-5-5')) return 'claude-opus-5-5';
         if (models.includes('claude-opus-4-8')) return 'claude-opus-4-8';
         if (models.includes('opus')) return 'opus';
     }