npm - catui-agent - Versions diffs - 1.0.0-beta.0 - Mend

catui-agent 1.0.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1274) hide show

package/dist/core/export-html/template.html ADDED Viewed

@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Session Export</title>
+  <style>
+{{CSS}}
+  </style>
+</head>
+<body>
+  <button id="hamburger" title="Open sidebar"><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="none"><circle cx="6" cy="6" r="2.5"/><circle cx="6" cy="18" r="2.5"/><circle cx="18" cy="12" r="2.5"/><rect x="5" y="6" width="2" height="12"/><path d="M6 12h10c1 0 2 0 2-2V8"/></svg></button>
+  <div id="sidebar-overlay"></div>
+  <div id="app">
+    <aside id="sidebar">
+      <div class="sidebar-header">
+        <div class="sidebar-controls">
+          <input type="text" class="sidebar-search" id="tree-search" placeholder="Search...">
+        </div>
+        <div class="sidebar-filters">
+          <button class="filter-btn active" data-filter="default" title="Hide settings entries">Default</button>
+          <button class="filter-btn" data-filter="no-tools" title="Default minus tool results">No-tools</button>
+          <button class="filter-btn" data-filter="user-only" title="Only user messages">User</button>
+          <button class="filter-btn" data-filter="labeled-only" title="Only labeled entries">Labeled</button>
+          <button class="filter-btn" data-filter="all" title="Show everything">All</button>
+          <button class="sidebar-close" id="sidebar-close" title="Close">✕</button>
+        </div>
+      </div>
+      <div class="tree-container" id="tree-container"></div>
+      <div class="tree-status" id="tree-status"></div>
+    </aside>
+    <main id="content">
+      <div id="header-container"></div>
+      <div id="messages"></div>
+    </main>
+    <div id="image-modal" class="image-modal">
+      <img id="modal-image" src="" alt="">
+    </div>
+  </div>
+  <script id="session-data" type="application/json">{{SESSION_DATA}}</script>
+  <!-- Vendored libraries -->
+  <script>{{MARKED_JS}}</script>
+  <!-- highlight.js -->
+  <script>{{HIGHLIGHT_JS}}</script>
+  <!-- Main application code -->
+  <script>
+{{JS}}
+  </script>
+</body>
+</html>

package/dist/core/export-html/template.js ADDED Viewed

@@ -0,0 +1,66 @@
+var ze=Object.defineProperty;var u=(G,j)=>ze(G,"name",{value:j,configurable:!0});(function(){"use strict";const G=document.getElementById("session-data").textContent,j=atob(G),ne=new Uint8Array(j.length);for(let e=0;e<j.length;e++)ne[e]=j.charCodeAt(e);const ge=JSON.parse(new TextDecoder("utf-8").decode(ne)),{header:L,entries:k,leafId:ve,systemPrompt:q,tools:K,renderedTools:ye}=ge,oe=document.querySelector('meta[name="catui-url-params"]'),$e=oe?oe.content:window.location.search.substring(1),ae=new URLSearchParams($e),be=ae.get("leafId"),O=ae.get("targetId"),C=be||ve,I=new Map;for(const e of k)I.set(e.id,e);const ie=new Map;for(const e of k)if(e.type==="message"&&e.message.role==="assistant"){const t=e.message.content;if(Array.isArray(t))for(const n of t)n.type==="toolCall"&&ie.set(n.id,{name:n.name,arguments:n.arguments})}const re=new Map;for(const e of k)e.type==="label"&&e.targetId&&e.label&&re.set(e.targetId,e.label);function le(){const e=new Map,t=[];for(const s of k)e.set(s.id,{entry:s,children:[],label:re.get(s.id)});for(const s of k){const i=e.get(s.id);if(s.parentId===null||s.parentId===void 0||s.parentId===s.id)t.push(i);else{const a=e.get(s.parentId);a?a.children.push(i):t.push(i)}}function n(s){s.children.sort((i,a)=>new Date(i.entry.timestamp).getTime()-new Date(a.entry.timestamp).getTime()),s.children.forEach(n)}return u(n,"sortChildren"),t.forEach(n),t}u(le,"buildTree");function ke(e){const t=new Set;let n=I.get(e);for(;n&&(t.add(n.id),!(!n.parentId||n.parentId===n.id));)n=I.get(n.parentId);return t}u(ke,"buildActivePathIds");function xe(e){const t=[];let n=I.get(e);for(;n&&(t.unshift(n),!(!n.parentId||n.parentId===n.id));)n=I.get(n.parentId);return t}u(xe,"getPath");let D=null;function we(e){if(!D){let i=function(a){D.set(a.entry.id,a),a.children.forEach(i)};u(i,"mapNodes"),D=new Map,le().forEach(i)}const t=D.get(e);if(!t)return e;let n=t;for(;n.children.length>0;)n=n.children[n.children.length-1];return n.entry.id}u(we,"findNewestLeaf");function Le(e,t){const n=[],s=e.length>1,i=new Map;function a(d){let p=t.has(d.entry.id);for(const h of d.children)a(h)&&(p=!0);return i.set(d,p),p}u(a,"markActive"),e.forEach(a);const c=[],o=[...e].sort((d,p)=>Number(i.get(p))-Number(i.get(d)));for(let d=o.length-1;d>=0;d--){const p=d===o.length-1;c.push([o[d],s?1:0,s,s,p,[],s])}for(;c.length>0;){const[d,p,h,l,r,f,v]=c.pop();n.push({node:d,indent:p,showConnector:l,isLast:r,gutters:f,isVirtualRootChild:v,multipleRoots:s});const y=d.children,$=y.length>1,E=[...y].sort((w,_)=>Number(i.get(_))-Number(i.get(w)));let b;$||h&&p>0?b=p+1:b=p;const M=l&&!v,B=s?Math.max(0,p-1):p,R=Math.max(0,B-1),se=M?[...f,{position:R,show:!r}]:f;for(let w=E.length-1;w>=0;w--){const _=w===E.length-1;c.push([E[w],b,$,$,_,se,!1])}}return n}u(Le,"flattenTree");function Ce(e){const{indent:t,showConnector:n,isLast:s,gutters:i,isVirtualRootChild:a,multipleRoots:c}=e,o=c?Math.max(0,t-1):t,d=n&&!a?s?"\u2514\u2500 ":"\u251C\u2500 ":"",p=d?o-1:-1,h=o*3,l=[];for(let r=0;r<h;r++){const f=Math.floor(r/3),v=r%3,y=i.find($=>$.position===f);y?l.push(v===0&&y.show?"\u2502":" "):d&&f===p?v===0?l.push(s?"\u2514":"\u251C"):v===1?l.push("\u2500"):l.push(" "):l.push(" ")}return l.join("")}u(Ce,"buildTreePrefix");let ce="default",Q="";function Ie(e){if(typeof e=="string")return e.trim().length>0;if(Array.isArray(e)){for(const t of e)if(t.type==="text"&&t.text&&t.text.trim().length>0)return!0}return!1}u(Ie,"hasTextContent");function A(e){return typeof e=="string"?e:Array.isArray(e)?e.filter(t=>t.type==="text"&&t.text).map(t=>t.text).join(""):""}u(A,"extractContent");function Se(e,t){const n=[];switch(t&&n.push(t),e.type){case"message":{const s=e.message;n.push(s.role),s.content&&n.push(A(s.content)),s.role==="bashExecution"&&s.command&&n.push(s.command);break}case"custom_message":n.push(e.customType),n.push(typeof e.content=="string"?e.content:A(e.content));break;case"compaction":n.push("compaction");break;case"branch_summary":n.push("branch summary",e.summary);break;case"model_change":n.push("model",e.modelId);break;case"thinking_level_change":n.push("thinking",e.thinkingLevel);break}return n.join(" ").toLowerCase()}u(Se,"getSearchableText");function Te(e,t){const n=Q.toLowerCase().split(/\s+/).filter(Boolean),s=e.filter(i=>{const a=i.node.entry,c=i.node.label;if(a.id===t)return!0;if(a.type==="message"&&a.message.role==="assistant"){const h=a.message,l=Ie(h.content),r=h.stopReason&&h.stopReason!=="stop"&&h.stopReason!=="toolUse";if(!l&&!r)return!1}const d=["label","custom","model_change","thinking_level_change"].includes(a.type);let p=!0;switch(ce){case"user-only":p=a.type==="message"&&a.message.role==="user";break;case"no-tools":p=!d&&!(a.type==="message"&&a.message.role==="toolResult");break;case"labeled-only":p=c!==void 0;break;case"all":p=!0;break;default:p=!d;break}if(!p)return!1;if(n.length>0){const h=Se(a,c);if(!n.every(l=>h.includes(l)))return!1}return!0});return Ee(s,e),s}u(Te,"filterNodes");function Ee(e,t){if(e.length===0)return;const n=new Set(e.map(l=>l.node.entry.id)),s=new Map;for(const l of t)s.set(l.node.entry.id,l);function i(l){let r=s.get(l)?.node.entry.parentId;for(;r!=null;){if(n.has(r))return r;r=s.get(r)?.node.entry.parentId}return null}u(i,"findVisibleAncestor");const a=new Map,c=new Map;c.set(null,[]);for(const l of e){const r=l.node.entry.id,f=i(r);a.set(r,f),c.has(f)||c.set(f,[]),c.get(f).push(r)}const o=c.get(null),d=o.length>1,p=new Map;for(const l of e)p.set(l.node.entry.id,l);const h=[];for(let l=o.length-1;l>=0;l--){const r=l===o.length-1;h.push([o[l],d?1:0,d,d,r,[],d])}for(;h.length>0;){const[l,r,f,v,y,$,E]=h.pop(),b=p.get(l);if(!b)continue;b.indent=r,b.showConnector=v,b.isLast=y,b.gutters=$,b.isVirtualRootChild=E,b.multipleRoots=d;const M=c.get(l)||[],B=M.length>1;let R;B||f&&r>0?R=r+1:R=r;const se=v&&!E,w=d?Math.max(0,r-1):r,_=Math.max(0,w-1),Ve=se?[...$,{position:_,show:!y}]:$;for(let z=M.length-1;z>=0;z--){const Fe=z===M.length-1;h.push([M[z],R,B,B,Fe,Ve,!1])}}}u(Ee,"recalculateVisualStructure");function x(e){if(typeof e!="string")return"";if(e.startsWith("/Users/")){const t=e.split("/");if(t.length>2)return"~"+e.slice(("/Users/"+t[2]).length)}if(e.startsWith("/home/")){const t=e.split("/");if(t.length>2)return"~"+e.slice(("/home/"+t[2]).length)}return e}u(x,"shortenPath");function Me(e,t){switch(e){case"read":{const n=x(String(t.path||t.file_path||"")),s=t.offset,i=t.limit;let a=n;if(s!==void 0||i!==void 0){const c=s??1,o=i!==void 0?c+i-1:"";a+=`:${c}${o?`-${o}`:""}`}return`[read: ${a}]`}case"write":return`[write: ${x(String(t.path||t.file_path||""))}]`;case"edit":return`[edit: ${x(String(t.path||t.file_path||""))}]`;case"bash":{const n=String(t.command||"");return`[bash: ${n.replace(/[\n\t]/g," ").trim().slice(0,50)}${n.length>50?"...":""}]`}case"grep":return`[grep: /${t.pattern||""}/ in ${x(String(t.path||"."))}]`;case"find":return`[find: ${t.pattern||""} in ${x(String(t.path||"."))}]`;case"ls":return`[ls: ${x(String(t.path||"."))}]`;default:{const n=JSON.stringify(t).slice(0,40);return`[${e}: ${n}${JSON.stringify(t).length>40?"...":""}]`}}}u(Me,"formatToolCall");function m(e){const t=document.createElement("div");return t.textContent=e,t.innerHTML}u(m,"escapeHtml");function S(e,t=100){return e.length<=t?e:e.slice(0,t)+"..."}u(S,"truncate");function Re(e,t){const n=u(i=>i.replace(/[\n\t]/g," ").trim(),"normalize"),s=t?`<span class="tree-label">[${m(t)}]</span> `:"";switch(e.type){case"message":{const i=e.message;if(i.role==="user"){const a=S(n(A(i.content)));return s+`<span class="tree-role-user">user:</span> ${m(a)}`}if(i.role==="assistant"){const a=S(n(A(i.content)));return a?s+`<span class="tree-role-assistant">assistant:</span> ${m(a)}`:i.stopReason==="aborted"?s+'<span class="tree-role-assistant">assistant:</span> <span class="tree-muted">(aborted)</span>':i.errorMessage?s+`<span class="tree-role-assistant">assistant:</span> <span class="tree-error">${m(S(i.errorMessage))}</span>`:s+'<span class="tree-role-assistant">assistant:</span> <span class="tree-muted">(no text)</span>'}if(i.role==="toolResult"){const a=i.toolCallId?ie.get(i.toolCallId):null;return a?s+`<span class="tree-role-tool">${m(Me(a.name,a.arguments))}</span>`:s+`<span class="tree-role-tool">[${i.toolName||"tool"}]</span>`}if(i.role==="bashExecution"){const a=S(n(i.command||""));return s+`<span class="tree-role-tool">[bash]:</span> ${m(a)}`}return s+`<span class="tree-muted">[${i.role}]</span>`}case"compaction":return s+`<span class="tree-compaction">[compaction: ${Math.round(e.tokensBefore/1e3)}k tokens]</span>`;case"branch_summary":{const i=S(n(e.summary||""));return s+`<span class="tree-branch-summary">[branch summary]:</span> ${m(i)}`}case"custom_message":{const i=typeof e.content=="string"?e.content:A(e.content);return s+`<span class="tree-custom">[${m(e.customType)}]:</span> ${m(S(n(i)))}`}case"model_change":return s+`<span class="tree-muted">[model: ${e.modelId}]</span>`;case"thinking_level_change":return s+`<span class="tree-muted">[thinking: ${e.thinkingLevel}]</span>`;default:return s+`<span class="tree-muted">[${e.type}]</span>`}}u(Re,"getTreeNodeDisplayHtml");let U=C,Z=O||C,X=!1;function de(){const e=le(),t=ke(U),n=Le(e,t),s=Te(n,U),i=document.getElementById("tree-container");if(X){const a=i.querySelectorAll(".tree-node");for(const c of a){const o=c.dataset.id,d=t.has(o),p=o===Z;c.classList.toggle("in-path",d),c.classList.toggle("active",p);const h=c.querySelector(".tree-marker");h&&(h.textContent=d?"\u2022":" ")}}else{i.innerHTML="";for(const a of s){const c=a.node.entry,o=t.has(c.id),d=c.id===Z,p=document.createElement("div");p.className="tree-node",o&&p.classList.add("in-path"),d&&p.classList.add("active"),p.dataset.id=c.id;const h=Ce(a),l=document.createElement("span");l.className="tree-prefix",l.textContent=h;const r=document.createElement("span");r.className="tree-marker",r.textContent=o?"\u2022":" ";const f=document.createElement("span");f.className="tree-content",f.innerHTML=Re(c,a.node.label),p.appendChild(l),p.appendChild(r),p.appendChild(f),p.addEventListener("click",()=>{const v=we(c.id);N(v,"target",c.id)}),i.appendChild(p)}X=!0}document.getElementById("tree-status").textContent=`${s.length} / ${n.length} entries`,setTimeout(()=>{const a=i.querySelector(".tree-node.active");a&&a.scrollIntoView({block:"nearest"})},0)}u(de,"renderTree");function pe(){X=!1,de()}u(pe,"forceTreeRerender");function W(e){return e<1e3?e.toString():e<1e4?(e/1e3).toFixed(1)+"k":e<1e6?Math.round(e/1e3)+"k":(e/1e6).toFixed(1)+"M"}u(W,"formatTokens");function je(e){return e?new Date(e).toLocaleTimeString(void 0,{hour:"2-digit",minute:"2-digit",second:"2-digit"}):""}u(je,"formatTimestamp");function P(e){return e.replace(/\t/g,"   ")}u(P,"replaceTabs");function H(e){return typeof e=="string"?e:e==null?"":null}u(H,"str");function ue(e){const t=e.split(".").pop()?.toLowerCase();return{ts:"typescript",tsx:"typescript",js:"javascript",jsx:"javascript",py:"python",rb:"ruby",rs:"rust",go:"go",java:"java",c:"c",cpp:"cpp",h:"c",hpp:"cpp",cs:"csharp",php:"php",sh:"bash",bash:"bash",zsh:"bash",sql:"sql",html:"html",css:"css",scss:"scss",json:"json",yaml:"yaml",yml:"yaml",xml:"xml",md:"markdown",dockerfile:"dockerfile"}[t]}u(ue,"getLanguageFromPath");function Ae(e){for(const t of k)if(t.type==="message"&&t.message.role==="toolResult"&&t.message.toolCallId===e)return t.message;return null}u(Ae,"findToolResult");function T(e,t,n){e=P(e);const s=e.split(`
+`),i=s.slice(0,t),a=s.length-t;if(n){let o;try{o=hljs.highlight(e,{language:n}).value}catch{o=m(e)}if(a>0){const d=i.join(`
+`);let p;try{p=hljs.highlight(d,{language:n}).value}catch{p=m(d)}return`<div class="tool-output expandable" onclick="this.classList.toggle('expanded')">
+              <div class="output-preview"><pre><code class="hljs">${p}</code></pre>
+              <div class="expand-hint">... (${a} more lines)</div></div>
+              <div class="output-full"><pre><code class="hljs">${o}</code></pre></div></div>`}return`<div class="tool-output"><pre><code class="hljs">${o}</code></pre></div>`}if(a>0){let o=`<div class="tool-output expandable" onclick="this.classList.toggle('expanded')">`;o+='<div class="output-preview">';for(const d of i)o+=`<div>${m(P(d))}</div>`;o+=`<div class="expand-hint">... (${a} more lines)</div></div>`,o+='<div class="output-full">';for(const d of s)o+=`<div>${m(P(d))}</div>`;return o+="</div></div>",o}let c='<div class="tool-output">';for(const o of i)c+=`<div>${m(P(o))}</div>`;return c+="</div>",c}u(T,"formatExpandableOutput");function Pe(e){const t=Ae(e.id),n=t?.isError||!1,s=t?n?"error":"success":"pending",i=u(()=>t?t.content.filter(r=>r.type==="text").map(r=>r.text).join(`
+`):"","getResultText"),a=u(()=>t?t.content.filter(l=>l.type==="image"):[],"getResultImages"),c=u(()=>{const l=a();return l.length===0?"":'<div class="tool-images">'+l.map(r=>`<img src="data:${r.mimeType};base64,${r.data}" class="tool-image" />`).join("")+"</div>"},"renderResultImages");let o=`<div class="tool-execution ${s}">`;const d=e.arguments||{},p=e.name,h='<span class="tool-error">[invalid arg]</span>';switch(p){case"bash":{const l=H(d.command),r=l===null?h:m(l||"...");if(o+=`<div class="tool-command">$ ${r}</div>`,t){const f=i().trim();f&&(o+=T(f,5))}break}case"read":{const l=H(d.file_path??d.path),r=d.offset,f=d.limit;let v=l===null?h:m(x(l||""));if(l!==null&&(r!==void 0||f!==void 0)){const y=r??1,$=f!==void 0?y+f-1:"";v+=`<span class="line-numbers">:${y}${$?"-"+$:""}</span>`}if(o+=`<div class="tool-header"><span class="tool-name">read</span> <span class="tool-path">${v}</span></div>`,t){o+=c();const y=i(),$=l?ue(l):null;y&&(o+=T(y,10,$))}break}case"write":{const l=H(d.file_path??d.path),r=H(d.content);if(o+=`<div class="tool-header"><span class="tool-name">write</span> <span class="tool-path">${l===null?h:m(x(l||""))}</span>`,r!==null&&r){const f=r.split(`
+`);f.length>10&&(o+=` <span class="line-count">(${f.length} lines)</span>`)}if(o+="</div>",r===null)o+='<div class="tool-error">[invalid content arg - expected string]</div>';else if(r){const f=l?ue(l):null;o+=T(r,10,f)}if(t){const f=i().trim();f&&(o+=`<div class="tool-output"><div>${m(f)}</div></div>`)}break}case"edit":{const l=H(d.file_path??d.path);if(o+=`<div class="tool-header"><span class="tool-name">edit</span> <span class="tool-path">${l===null?h:m(x(l||""))}</span></div>`,t?.details?.diff){const r=t.details.diff.split(`
+`);o+='<div class="tool-diff">';for(const f of r){const v=f.match(/^\+/)?"diff-added":f.match(/^-/)?"diff-removed":"diff-context";o+=`<div class="${v}">${m(P(f))}</div>`}o+="</div>"}else if(t){const r=i().trim();r&&(o+=`<div class="tool-output"><pre>${m(r)}</pre></div>`)}break}default:{const l=ye?.[e.id];if(l?.callHtml||l?.resultHtml){if(l.callHtml?o+=`<div class="tool-header ansi-rendered">${l.callHtml}</div>`:o+=`<div class="tool-header"><span class="tool-name">${m(p)}</span></div>`,l.resultHtml){const r=l.resultHtml.split(`
+`);if(r.length>10){const f=r.slice(0,10).join(`
+`);o+=`<div class="tool-output expandable ansi-rendered" onclick="this.classList.toggle('expanded')">
+                    <div class="output-preview">${f}<div class="expand-hint">... (${r.length-10} more lines)</div></div>
+                    <div class="output-full">${l.resultHtml}</div>
+                  </div>`}else o+=`<div class="tool-output ansi-rendered">${l.resultHtml}</div>`}else if(t){const r=i();r&&(o+=T(r,10))}}else if(o+=`<div class="tool-header"><span class="tool-name">${m(p)}</span></div>`,o+=`<div class="tool-output"><pre>${m(JSON.stringify(d,null,2))}</pre></div>`,t){const r=i();r&&(o+=T(r,10))}}}return o+="</div>",o}u(Pe,"renderToolCall"),window.downloadSessionJson=function(){const e=[];L&&e.push(JSON.stringify({type:"header",...L}));for(const a of k)e.push(JSON.stringify(a));const t=e.join(`
+`),n=new Blob([t],{type:"application/x-ndjson"}),s=URL.createObjectURL(n),i=document.createElement("a");i.href=s,i.download=`${L?.id||"session"}.jsonl`,document.body.appendChild(i),i.click(),document.body.removeChild(i),URL.revokeObjectURL(s)};function He(e){const t=document.querySelector('meta[name="catui-share-base-url"]'),n=t?t.content:window.location.href.split("?")[0],s=new URL(window.location.href),i=Array.from(s.searchParams.keys()).find(c=>!s.searchParams.get(c)),a=new URLSearchParams;return a.set("leafId",U),a.set("targetId",e),t?`${n}&${a.toString()}`:(s.search=i?`?${i}&${a.toString()}`:`?${a.toString()}`,s.toString())}u(He,"buildShareUrl");async function Ne(e,t){let n=!1;try{navigator.clipboard&&navigator.clipboard.writeText&&(await navigator.clipboard.writeText(e),n=!0)}catch{}if(!n)try{const s=document.createElement("textarea");s.value=e,s.style.position="fixed",s.style.opacity="0",document.body.appendChild(s),s.select(),n=document.execCommand("copy"),document.body.removeChild(s)}catch(s){console.error("Failed to copy:",s)}if(n&&t){const s=t.innerHTML;t.innerHTML="\u2713",t.classList.add("copied"),setTimeout(()=>{t.innerHTML=s,t.classList.remove("copied")},1500)}}u(Ne,"copyToClipboard");function Be(e){return`<button class="copy-link-btn" data-entry-id="${e}" title="Copy link to this message">
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/>
+            <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/>
+          </svg>
+        </button>`}u(Be,"renderCopyLinkButton");function _e(e){const t=je(e.timestamp),n=t?`<div class="message-timestamp">${t}</div>`:"",s=`entry-${e.id}`,i=Be(e.id);if(e.type==="message"){const a=e.message;if(a.role==="user"){let c=`<div class="user-message" id="${s}">${i}${n}`;const o=a.content;if(Array.isArray(o)){const p=o.filter(h=>h.type==="image");if(p.length>0){c+='<div class="message-images">';for(const h of p)c+=`<img src="data:${h.mimeType};base64,${h.data}" class="message-image" />`;c+="</div>"}}const d=typeof o=="string"?o:o.filter(p=>p.type==="text").map(p=>p.text).join(`
+`);return d.trim()&&(c+=`<div class="markdown-content">${J(d)}</div>`),c+="</div>",c}if(a.role==="assistant"){let c=`<div class="assistant-message" id="${s}">${i}${n}`;for(const o of a.content)o.type==="text"&&o.text.trim()?c+=`<div class="assistant-text markdown-content">${J(o.text)}</div>`:o.type==="thinking"&&o.thinking.trim()&&(c+=`<div class="thinking-block">
+                  <div class="thinking-text">${m(o.thinking)}</div>
+                  <div class="thinking-collapsed">Thinking ...</div>
+                </div>`);for(const o of a.content)o.type==="toolCall"&&(c+=Pe(o));return a.stopReason==="aborted"?c+='<div class="error-text">Aborted</div>':a.stopReason==="error"&&(c+=`<div class="error-text">Error: ${m(a.errorMessage||"Unknown error")}</div>`),c+="</div>",c}if(a.role==="bashExecution"){let o=`<div class="tool-execution ${a.cancelled||a.exitCode!==0&&a.exitCode!==null?"error":"success"}" id="${s}">${n}`;return o+=`<div class="tool-command">$ ${m(a.command)}</div>`,a.output&&(o+=T(a.output,10)),a.cancelled?o+='<div style="color: var(--warning)">(cancelled)</div>':a.exitCode!==0&&a.exitCode!==null&&(o+=`<div style="color: var(--error)">(exit ${a.exitCode})</div>`),o+="</div>",o}if(a.role==="toolResult")return""}return e.type==="model_change"?`<div class="model-change" id="${s}">${n}Switched to model: <span class="model-name">${m(e.provider)}/${m(e.modelId)}</span></div>`:e.type==="compaction"?`<div class="compaction" id="${s}" onclick="this.classList.toggle('expanded')">
+            <div class="compaction-label">[compaction]</div>
+            <div class="compaction-collapsed">Compacted from ${e.tokensBefore.toLocaleString()} tokens</div>
+            <div class="compaction-content"><strong>Compacted from ${e.tokensBefore.toLocaleString()} tokens</strong>
+${m(e.summary)}</div>
+          </div>`:e.type==="branch_summary"?`<div class="branch-summary" id="${s}">${n}
+            <div class="branch-summary-header">Branch Summary</div>
+            <div class="markdown-content">${J(e.summary)}</div>
+          </div>`:e.type==="custom_message"&&e.display?`<div class="hook-message" id="${s}">${n}
+            <div class="hook-type">[${m(e.customType)}]</div>
+            <div class="markdown-content">${J(typeof e.content=="string"?e.content:JSON.stringify(e.content))}</div>
+          </div>`:""}u(_e,"renderEntry");function qe(e){let t=0,n=0,s=0,i=0,a=0,c=0,o=0;const d={input:0,output:0,cacheRead:0,cacheWrite:0},p={input:0,output:0,cacheRead:0,cacheWrite:0},h=new Set;for(const l of e)if(l.type==="message"){const r=l.message;r.role==="user"&&t++,r.role==="assistant"&&(n++,r.model&&h.add(r.provider?`${r.provider}/${r.model}`:r.model),r.usage&&(d.input+=r.usage.input||0,d.output+=r.usage.output||0,d.cacheRead+=r.usage.cacheRead||0,d.cacheWrite+=r.usage.cacheWrite||0,r.usage.cost&&(p.input+=r.usage.cost.input||0,p.output+=r.usage.cost.output||0,p.cacheRead+=r.usage.cost.cacheRead||0,p.cacheWrite+=r.usage.cost.cacheWrite||0)),o+=r.content.filter(f=>f.type==="toolCall").length),r.role==="toolResult"&&s++}else l.type==="compaction"?a++:l.type==="branch_summary"?c++:l.type==="custom_message"&&i++;return{userMessages:t,assistantMessages:n,toolResults:s,customMessages:i,compactions:a,branchSummaries:c,toolCalls:o,tokens:d,cost:p,models:Array.from(h)}}u(qe,"computeStats");const g=qe(k);function Oe(){const e=g.cost.input+g.cost.output+g.cost.cacheRead+g.cost.cacheWrite,t=[];g.tokens.input&&t.push(`\u2191${W(g.tokens.input)}`),g.tokens.output&&t.push(`\u2193${W(g.tokens.output)}`),g.tokens.cacheRead&&t.push(`R${W(g.tokens.cacheRead)}`),g.tokens.cacheWrite&&t.push(`W${W(g.tokens.cacheWrite)}`);const n=[];g.userMessages&&n.push(`${g.userMessages} user`),g.assistantMessages&&n.push(`${g.assistantMessages} assistant`),g.toolResults&&n.push(`${g.toolResults} tool results`),g.customMessages&&n.push(`${g.customMessages} custom`),g.compactions&&n.push(`${g.compactions} compactions`),g.branchSummaries&&n.push(`${g.branchSummaries} branch summaries`);let s=`
+          <div class="header">
+            <h1>Session: ${m(L?.id||"unknown")}</h1>
+            <div class="help-bar">
+              <span>Ctrl+T toggle thinking \xB7 Ctrl+O toggle tools</span>
+              <button class="download-json-btn" onclick="downloadSessionJson()" title="Download session as JSONL">\u2193 JSONL</button>
+            </div>
+            <div class="header-info">
+              <div class="info-item"><span class="info-label">Date:</span><span class="info-value">${L?.timestamp?new Date(L.timestamp).toLocaleString():"unknown"}</span></div>
+              <div class="info-item"><span class="info-label">Models:</span><span class="info-value">${g.models.join(", ")||"unknown"}</span></div>
+              <div class="info-item"><span class="info-label">Messages:</span><span class="info-value">${n.join(", ")||"0"}</span></div>
+              <div class="info-item"><span class="info-label">Tool Calls:</span><span class="info-value">${g.toolCalls}</span></div>
+              <div class="info-item"><span class="info-label">Tokens:</span><span class="info-value">${t.join(" ")||"0"}</span></div>
+              <div class="info-item"><span class="info-label">Cost:</span><span class="info-value">$${e.toFixed(3)}</span></div>
+            </div>
+          </div>`;if(q){const i=q.split(`
+`),a=10;if(i.length>a){const c=i.slice(0,a).join(`
+`),o=i.length-a;s+=`<div class="system-prompt expandable" onclick="this.classList.toggle('expanded')">
+              <div class="system-prompt-header">System Prompt</div>
+              <div class="system-prompt-preview">${m(c)}</div>
+              <div class="system-prompt-expand-hint">... (${o} more lines, click to expand)</div>
+              <div class="system-prompt-full">${m(q)}</div>
+            </div>`}else s+=`<div class="system-prompt">
+              <div class="system-prompt-header">System Prompt</div>
+              <div class="system-prompt-full" style="display: block">${m(q)}</div>
+            </div>`}return K&&K.length>0&&(s+=`<div class="tools-list">
+            <div class="tools-header">Available Tools</div>
+            <div class="tools-content">
+              ${K.map(i=>{if(!(i.parameters&&typeof i.parameters=="object"&&i.parameters.properties&&Object.keys(i.parameters.properties).length>0))return`<div class="tool-item"><span class="tool-item-name">${m(i.name)}</span> - <span class="tool-item-desc">${m(i.description)}</span></div>`;const c=i.parameters,o=c.properties,d=c.required||[];let p="";for(const[h,l]of Object.entries(o)){const r=d.includes(h),f=l.type||"any",v=r?'<span class="tool-param-required">required</span>':'<span class="tool-param-optional">optional</span>';p+=`<div class="tool-param"><span class="tool-param-name">${m(h)}</span> <span class="tool-param-type">${m(f)}</span> ${v}`,l.description&&(p+=`<div class="tool-param-desc">${m(l.description)}</div>`),p+="</div>"}return`<div class="tool-item" onclick="this.classList.toggle('params-expanded')"><span class="tool-item-name">${m(i.name)}</span> - <span class="tool-item-desc">${m(i.description)}</span> <span class="tool-params-hint"></span><div class="tool-params-content">${p}</div></div>`}).join("")}
+            </div>
+          </div>`),s}u(Oe,"renderHeader");const Y=new Map;function De(e){if(Y.has(e.id))return Y.get(e.id).cloneNode(!0);const t=_e(e);if(!t)return null;const n=document.createElement("template");n.innerHTML=t;const s=n.content.firstElementChild;return s&&Y.set(e.id,s.cloneNode(!0)),s}u(De,"renderEntryToNode");function N(e,t="target",n=null){U=e,Z=n||e;const s=xe(e);de(),document.getElementById("header-container").innerHTML=Oe();const i=document.getElementById("messages"),a=document.createDocumentFragment();for(const c of s){const o=De(c);o&&a.appendChild(o)}i.innerHTML="",i.appendChild(a),i.querySelectorAll(".copy-link-btn").forEach(c=>{c.addEventListener("click",o=>{o.stopPropagation();const d=c.dataset.entryId,p=He(d);Ne(p,c)})}),setTimeout(()=>{const c=document.getElementById("content");if(t==="bottom")c.scrollTop=c.scrollHeight;else if(t==="target"){const o=n||e,d=document.getElementById(`entry-${o}`);d&&(d.scrollIntoView({block:"center"}),n&&(d.classList.add("highlight"),setTimeout(()=>d.classList.remove("highlight"),2e3)))}},0)}u(N,"navigateTo");function Ue(e){return e.replace(/<(?=[a-zA-Z\/])/g,"&lt;")}u(Ue,"escapeHtmlTags"),marked.use({breaks:!0,gfm:!0,renderer:{code(e){const t=e.text,n=e.lang;let s;if(n&&hljs.getLanguage(n))try{s=hljs.highlight(t,{language:n}).value}catch{s=m(t)}else try{s=hljs.highlightAuto(t).value}catch{s=m(t)}return`<pre><code class="hljs">${s}</code></pre>`},text(e){return Ue(m(e.text))},codespan(e){return`<code>${m(e.text)}</code>`}}});function J(e){return marked.parse(e)}u(J,"safeMarkedParse");const me=document.getElementById("tree-search");me.addEventListener("input",e=>{Q=e.target.value,pe()}),document.querySelectorAll(".filter-btn").forEach(e=>{e.addEventListener("click",()=>{document.querySelectorAll(".filter-btn").forEach(t=>t.classList.remove("active")),e.classList.add("active"),ce=e.dataset.filter,pe()})});const fe=document.getElementById("sidebar"),ee=document.getElementById("sidebar-overlay"),te=document.getElementById("hamburger");te.addEventListener("click",()=>{fe.classList.add("open"),ee.classList.add("open"),te.style.display="none"});const he=u(()=>{fe.classList.remove("open"),ee.classList.remove("open"),te.style.display=""},"closeSidebar");ee.addEventListener("click",he),document.getElementById("sidebar-close").addEventListener("click",he);let V=!0,F=!1;const We=u(()=>{V=!V,document.querySelectorAll(".thinking-text").forEach(e=>{e.style.display=V?"":"none"}),document.querySelectorAll(".thinking-collapsed").forEach(e=>{e.style.display=V?"none":"block"})},"toggleThinking"),Je=u(()=>{F=!F,document.querySelectorAll(".tool-output.expandable").forEach(e=>{e.classList.toggle("expanded",F)}),document.querySelectorAll(".compaction").forEach(e=>{e.classList.toggle("expanded",F)})},"toggleToolOutputs");document.addEventListener("keydown",e=>{e.key==="Escape"&&(me.value="",Q="",N(C,"bottom")),e.ctrlKey&&e.key==="t"&&(e.preventDefault(),We()),e.ctrlKey&&e.key==="o"&&(e.preventDefault(),Je())}),C?O&&I.has(O)?N(C,"target",O):N(C,"none"):k.length>0&&N(k[k.length-1].id,"none")})();

package/dist/core/export-html/tool-renderer.d.ts ADDED Viewed

@@ -0,0 +1,28 @@
+import type { Theme } from "../theme-contract.js";
+import type { ToolDefinition } from "../extensions-host/types.js";
+export interface ToolHtmlRendererDeps {
+    /** Function to look up tool definition by name */
+    getToolDefinition: (name: string) => ToolDefinition | undefined;
+    /** Theme for styling */
+    theme: Theme;
+    /** Terminal width for rendering (default: 100) */
+    width?: number;
+}
+export interface ToolHtmlRenderer {
+    /** Render a tool call to HTML. Returns undefined if tool has no custom renderer. */
+    renderCall(toolName: string, args: unknown): string | undefined;
+    /** Render a tool result to HTML. Returns undefined if tool has no custom renderer. */
+    renderResult(toolName: string, result: Array<{
+        type: string;
+        text?: string;
+        data?: string;
+        mimeType?: string;
+    }>, details: unknown, isError: boolean): string | undefined;
+}
+/**
+ * Create a tool HTML renderer.
+ *
+ * The renderer looks up tool definitions and invokes their renderCall/renderResult
+ * methods, converting the resulting TUI Component output (ANSI) to HTML.
+ */
+export declare function createToolHtmlRenderer(deps: ToolHtmlRendererDeps): ToolHtmlRenderer;

package/dist/core/export-html/tool-renderer.js ADDED Viewed

@@ -0,0 +1 @@

+ var m=Object.defineProperty;var s=(r,e)=>m(r,"name",{value:e,configurable:!0});import{ansiLinesToHtml as u}from"./ansi-to-html.js";function T(r){const{getToolDefinition:e,theme:d,width:c=100}=r;return{renderCall(o,l){try{const n=e(o);if(!n?.renderCall)return;const t=n.renderCall(l,d).render(c);return u(t)}catch{return}},renderResult(o,l,n,i){try{const t=e(o);if(!t?.renderResult)return;const a={content:l,details:n,isError:i},f=t.renderResult(a,{expanded:!0,isPartial:!1},d).render(c);return u(f)}catch{return}}}}s(T,"createToolHtmlRenderer");export{T as createToolHtmlRenderer};