llmxray 0.4.9 → 0.5.0

package/dist/assets/{ModelCapabilityIcons.vue_vue_type_script_setup_true_lang-tkg1H--1.js → ModelCapabilityIcons.vue_vue_type_script_setup_true_lang-BEGN0dLS.js}

@@ -1 +1 @@
-import{b as r,A as c,e as t,F as i,k as m,i as p,a as u,q as d,g as _,L as k,j as s,N as C}from"./index-CE4LM5vl.js";const b={key:0,class:"inline-flex items-center gap-0.5"},f=r({__name:"ModelCapabilityIcons",props:{modelName:{}},setup(o){const l=o,n=c(),a=u(()=>C(n.getCapabilities(l.modelName)));return(g,h)=>a.value.length>0?(s(),t("span",b,[(s(!0),t(i,null,m(a.value,e=>(s(),d(k(e.icon),{key:e.key,class:_(["h-3 w-3 shrink-0",e.color]),title:e.label},null,8,["class","title"]))),128))])):p("",!0)}});export{f as _};
+import{b as r,A as c,e as t,F as i,k as m,i as p,a as u,q as d,g as _,L as k,j as s,N as C}from"./index-S2vqeDf7.js";const b={key:0,class:"inline-flex items-center gap-0.5"},f=r({__name:"ModelCapabilityIcons",props:{modelName:{}},setup(o){const l=o,n=c(),a=u(()=>C(n.getCapabilities(l.modelName)));return(g,h)=>a.value.length>0?(s(),t("span",b,[(s(!0),t(i,null,m(a.value,e=>(s(),d(k(e.icon),{key:e.key,class:_(["h-3 w-3 shrink-0",e.color]),title:e.label},null,8,["class","title"]))),128))])):p("",!0)}});export{f as _};

package/dist/assets/{ProtocolObservatoryPage-C5NU7kv4.js → ProtocolObservatoryPage-CgunJ_Wi.js}

@@ -1,2 +1,2 @@
-import{d as J,r as k,o as U,b as B,z as I,A as z,B as L,e as l,f as t,p as E,u as x,as as q,t as r,C as O,G as W,F as C,k as T,D as V,h as M,g as j,i as N,a as P,j as i}from"./index-CE4LM5vl.js";import{b as G,r as Y}from"./stream-handler-DHKXR5XU.js";import{I as H}from"./info-D5-JTLE0.js";import{P as K}from"./play-nicSMl5X.js";import{S as Q}from"./square-KUkPfYFT.js";import"./session-store-Dt5jLOgV.js";import"./agent-store-CPoOtsp1.js";import"./metrics-store--HW_Yktg.js";import"./toolcall-store-C3ghhPw3.js";const X="/v1";class Z{constructor(c){this.baseUrl=c??X}setBaseUrl(c){this.baseUrl=c}async messages(c,f){const n=await fetch(`${this.baseUrl}/messages`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({...c,stream:!1}),signal:f});if(!n.ok){const u=await n.text().catch(()=>"");throw new Error(u||`Anthropic messages failed: ${n.statusText}`)}return n.json()}async streamMessages(c,f){const n=await fetch(`${this.baseUrl}/messages`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({...c,stream:!0}),signal:f});if(!n.ok){const u=await n.text().catch(()=>"");throw new Error(u||`Anthropic stream failed: ${n.statusText}`)}if(!n.body)throw new Error("No response body for streaming");return n.body}}const tt=new Z;async function et(v,c,f){const n=v.getReader(),u=new TextDecoder;let m="";try{for(;!f?.aborted;){const{done:_,value:h}=await n.read();if(_)break;m+=u.decode(h,{stream:!0});const A=m.split(`
+import{d as J,r as k,o as U,b as B,z as I,A as z,B as L,e as l,f as t,p as E,u as x,as as q,t as r,C as O,G as W,F as C,k as T,D as V,h as M,g as j,i as N,a as P,j as i}from"./index-S2vqeDf7.js";import{b as G,r as Y}from"./stream-handler-B5y5PItW.js";import{I as H}from"./info-47X0r1B2.js";import{P as K}from"./play-DT41vD7M.js";import{S as Q}from"./square-CbKkOlNA.js";import"./session-store-BO1u_qJQ.js";import"./agent-store-Ak5tH3gE.js";import"./metrics-store-DzujlkfW.js";import"./toolcall-store-BEFdRqL-.js";const X="/v1";class Z{constructor(c){this.baseUrl=c??X}setBaseUrl(c){this.baseUrl=c}async messages(c,f){const n=await fetch(`${this.baseUrl}/messages`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({...c,stream:!1}),signal:f});if(!n.ok){const u=await n.text().catch(()=>"");throw new Error(u||`Anthropic messages failed: ${n.statusText}`)}return n.json()}async streamMessages(c,f){const n=await fetch(`${this.baseUrl}/messages`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({...c,stream:!0}),signal:f});if(!n.ok){const u=await n.text().catch(()=>"");throw new Error(u||`Anthropic stream failed: ${n.statusText}`)}if(!n.body)throw new Error("No response body for streaming");return n.body}}const tt=new Z;async function et(v,c,f){const n=v.getReader(),u=new TextDecoder;let m="";try{for(;!f?.aborted;){const{done:_,value:h}=await n.read();if(_)break;m+=u.decode(h,{stream:!0});const A=m.split(`
 `);m=A.pop()??"";for(const w of A){const $=w.trim();if(!$||!$.startsWith("data: "))continue;const S=$.slice(6);try{const o=JSON.parse(S);c(o)}catch{}}}}finally{n.releaseLock()}}function R(v,c){return{protocol:v,endpoint:c,status:"idle",startedAt:null,completedAt:null,ttftMs:null,totalMs:null,outputText:"",outputTokens:0,finishReason:null,error:null,firstChunkRaw:null,finalChunkRaw:null,rawChunks:[],fieldNames:new Set}}const st=J("protocolObservatory",()=>{const v=k(R("native","/api/chat")),c=k(R("openai","/v1/chat/completions")),f=k(R("anthropic","/v1/messages")),n=k(""),u=k(""),m=k(256),_=k(!1);let h=[];function A(){v.value=R("native","/api/chat"),c.value=R("openai","/v1/chat/completions"),f.value=R("anthropic","/v1/messages")}function w(y,b){if(y.rawChunks.push(b),y.firstChunkRaw||(y.firstChunkRaw=b),y.finalChunkRaw=b,b&&typeof b=="object")for(const g of Object.keys(b))y.fieldNames.add(g)}async function $(y,b,g){const e=v.value;e.status="streaming",e.startedAt=Date.now();try{const p=await U.streamChat({model:y,messages:[{role:"user",content:b}],options:{num_predict:m.value}},g);await G(p,d=>{w(e,d);const D=d.message?.content??"";D&&e.ttftMs===null&&e.startedAt&&(e.ttftMs=Date.now()-e.startedAt),e.outputText+=D,d.eval_count&&(e.outputTokens=d.eval_count),d.done&&(e.completedAt=Date.now(),e.totalMs=e.completedAt-(e.startedAt??e.completedAt),e.finishReason=d.done_reason??"done",e.status="completed")},g)}catch(p){p.name==="AbortError"?e.status="cancelled":(e.status="error",e.error=p instanceof Error?p.message:String(p))}}async function S(y,b,g){const e=c.value;e.status="streaming",e.startedAt=Date.now();try{const p=await U.streamChatOpenAI({model:y,messages:[{role:"user",content:b}],max_tokens:m.value},g);await Y(p,d=>{w(e,d);const D=d.choices?.[0],F=D?.delta?.content??"";F&&e.ttftMs===null&&e.startedAt&&(e.ttftMs=Date.now()-e.startedAt),e.outputText+=F,d.usage?.completion_tokens&&(e.outputTokens=d.usage.completion_tokens),D?.finish_reason&&(e.finishReason=D.finish_reason,e.completedAt=Date.now(),e.totalMs=e.completedAt-(e.startedAt??e.completedAt),e.status="completed")},g),e.completedAt||(e.completedAt=Date.now(),e.totalMs=e.completedAt-(e.startedAt??e.completedAt),e.status="completed")}catch(p){p.name==="AbortError"?e.status="cancelled":(e.status="error",e.error=p instanceof Error?p.message:String(p))}}async function o(y,b,g){const e=f.value;e.status="streaming",e.startedAt=Date.now();try{const p=await tt.streamMessages({model:y,messages:[{role:"user",content:b}],max_tokens:m.value},g);await et(p,d=>{w(e,d),d.type==="content_block_delta"&&d.delta.type==="text_delta"?(e.ttftMs===null&&e.startedAt&&(e.ttftMs=Date.now()-e.startedAt),e.outputText+=d.delta.text):d.type==="message_delta"?(d.usage?.output_tokens&&(e.outputTokens=d.usage.output_tokens),d.delta?.stop_reason&&(e.finishReason=d.delta.stop_reason)):d.type==="message_stop"?(e.completedAt=Date.now(),e.totalMs=e.completedAt-(e.startedAt??e.completedAt),e.status="completed"):d.type==="error"&&(e.status="error",e.error=`${d.error.type}: ${d.error.message}`)},g),!e.completedAt&&!e.error&&(e.completedAt=Date.now(),e.totalMs=e.completedAt-(e.startedAt??e.completedAt),e.status="completed")}catch(p){p.name==="AbortError"?e.status="cancelled":(e.status="error",e.error=p instanceof Error?p.message:String(p))}}async function a(){if(!(!n.value||!u.value.trim())){A(),_.value=!0,h=[new AbortController,new AbortController,new AbortController];try{await Promise.all([$(n.value,u.value,h[0].signal),S(n.value,u.value,h[1].signal),o(n.value,u.value,h[2].signal)])}finally{_.value=!1,h=[]}}}function s(){for(const y of h)y.abort();h=[],_.value=!1}return{native:v,openai:c,anthropic:f,model:n,prompt:u,maxTokens:m,isRunning:_,runAll:a,cancel:s,reset:A}}),ot={class:"flex h-full flex-col overflow-y-auto p-6"},rt={class:"mx-auto w-full max-w-7xl space-y-4"},at={class:"flex items-start gap-3"},nt={class:"text-lg font-semibold text-text-primary"},lt={class:"mt-1 text-xs text-text-muted"},it={class:"flex gap-2 rounded-lg border border-accent/20 bg-accent/5 p-3 text-xs text-text-secondary"},dt={class:"rounded-lg border border-border-default bg-surface-raised p-4 space-y-3"},ct={class:"flex flex-wrap items-end gap-3"},pt={class:"flex-1 min-w-[200px]"},ut={class:"mb-1 block text-xs text-text-muted"},mt=["value"],xt={class:"w-32"},ft={class:"mb-1 block text-xs text-text-muted"},yt={class:"mb-1 block text-xs text-text-muted"},bt=["placeholder"],ht={class:"flex gap-2"},gt=["disabled"],vt={class:"grid grid-cols-1 gap-3 lg:grid-cols-3"},_t={class:"border-b border-border-default px-4 py-2"},wt={class:"flex items-baseline justify-between gap-2"},kt={class:"text-sm font-medium text-text-primary"},At={class:"block mt-0.5 text-[10px] font-mono text-text-muted"},$t={class:"text-[10px] text-accent"},Ct={class:"flex-1 px-4 py-3 min-h-[180px]"},Tt={key:0,class:"rounded-md border border-error/30 bg-error/10 px-2 py-1.5 text-[11px] text-error whitespace-pre-wrap"},St={key:1,class:"text-[11px] text-text-muted italic"},Dt={key:2,class:"flex items-center gap-2 text-[11px] text-text-muted italic"},Mt={key:3,class:"whitespace-pre-wrap text-xs text-text-primary leading-relaxed"},Rt={class:"grid grid-cols-2 gap-x-3 gap-y-1 border-t border-border-default px-4 py-2 text-[10px]"},Nt={class:"flex justify-between"},Et={class:"font-mono text-text-primary"},Ot={class:"flex justify-between"},jt={class:"text-text-muted"},Pt={class:"font-mono text-text-primary"},Ft={class:"flex justify-between"},Ut={class:"text-text-muted"},Vt={class:"font-mono text-text-primary"},Jt={class:"flex justify-between"},Bt={class:"font-mono text-text-primary"},It={class:"col-span-2 flex justify-between"},zt={class:"text-text-muted"},Lt={class:"font-mono text-text-primary truncate ms-2"},qt={class:"border-t border-border-default px-4 py-2 text-[11px]"},Wt={class:"cursor-pointer select-none text-text-secondary hover:text-text-primary"},Gt={key:0,class:"mt-2 space-y-1.5"},Yt={class:"text-[10px] uppercase tracking-wide text-text-muted mb-0.5"},Ht={class:"rounded bg-surface px-2 py-1.5 font-mono text-[10px] text-text-secondary overflow-x-auto max-h-40 whitespace-pre"},Kt={key:0},Qt={class:"text-[10px] uppercase tracking-wide text-text-muted mb-0.5"},Xt={class:"rounded bg-surface px-2 py-1.5 font-mono text-[10px] text-text-secondary overflow-x-auto max-h-40 whitespace-pre"},Zt={key:0,class:"rounded-lg border border-border-default bg-surface-raised"},te={class:"flex gap-1 border-b border-border-default px-4 py-2"},ee={key:0,class:"grid grid-cols-1 gap-3 p-4 md:grid-cols-3"},se={class:"mb-1 text-[10px] uppercase tracking-wide text-text-muted"},oe={class:"rounded-md bg-surface px-3 py-2 text-xs text-text-primary whitespace-pre-wrap min-h-[80px]"},re={class:"mt-1 text-[10px] text-text-muted"},ae={key:1,class:"p-4"},ne={class:"w-full text-xs"},le={class:"border-b border-border-default text-left text-[10px] uppercase tracking-wide text-text-muted"},ie={class:"py-2 ps-2"},de={class:"divide-y divide-border-default"},ce={class:"py-2 ps-2 font-medium text-text-secondary"},pe={class:"py-2 ps-2 font-medium text-text-secondary"},ue={class:"py-2 ps-2 font-medium text-text-secondary"},me={class:"py-2 ps-2 font-medium text-text-secondary"},xe={class:"py-2 ps-2 font-medium text-text-secondary"},fe={class:"py-2 ps-2 font-medium text-text-secondary"},ye={class:"py-2 ps-2 font-medium text-text-secondary"},be={class:"mt-3 text-[10px] text-text-muted"},Te=B({__name:"ProtocolObservatoryPage",setup(v){const{t:c}=I(),f=z(),n=st(),u=k("response");L(async()=>{await f.fetchModels(),!n.model&&f.chatModelNames.length>0&&(n.model=f.chatModelNames[0]),n.prompt||(n.prompt="In one sentence, why is the sky blue?")});const m=P(()=>[{key:"native",state:n.native,label:c("protocols.native.label"),badge:c("protocols.native.badge")},{key:"openai",state:n.openai,label:c("protocols.openai.label"),badge:c("protocols.openai.badge")},{key:"anthropic",state:n.anthropic,label:c("protocols.anthropic.label"),badge:c("protocols.anthropic.badge")}]),_=P(()=>n.model&&n.prompt.trim().length>0&&!n.isRunning),h=P(()=>m.value.every(o=>o.state.status==="completed"||o.state.status==="error"||o.state.status==="cancelled"));function A(o){return!o.totalMs||!o.outputTokens?"—":(o.outputTokens/o.totalMs*1e3).toFixed(1)}function w(o,a="ms"){return o===null?"—":`${o} ${a}`}function $(o){switch(o){case"streaming":return"text-warning";case"completed":return"text-accent";case"error":return"text-error";case"cancelled":return"text-text-muted";default:return"text-text-muted"}}function S(o){try{return JSON.stringify(o,null,2)}catch{return String(o)}}return(o,a)=>(i(),l("div",ot,[t("div",rt,[t("div",at,[E(x(q),{class:"mt-1 h-6 w-6 shrink-0 text-accent"}),t("div",null,[t("h2",nt,r(o.$t("protocols.title")),1),t("p",lt,r(o.$t("protocols.subtitle")),1)])]),t("div",it,[E(x(H),{class:"h-4 w-4 shrink-0 text-accent"}),t("p",null,r(o.$t("protocols.explainer")),1)]),t("div",dt,[t("div",ct,[t("div",pt,[t("label",ut,r(o.$t("protocols.model")),1),O(t("select",{"onUpdate:modelValue":a[0]||(a[0]=s=>x(n).model=s),class:"w-full rounded-lg border border-border-default bg-surface px-3 py-1.5 text-sm text-text-primary focus:border-accent focus:outline-none"},[(i(!0),l(C,null,T(x(f).chatModelNames,s=>(i(),l("option",{key:s,value:s},r(s),9,mt))),128))],512),[[W,x(n).model]])]),t("div",xt,[t("label",ft,r(o.$t("protocols.maxTokens")),1),O(t("input",{"onUpdate:modelValue":a[1]||(a[1]=s=>x(n).maxTokens=s),type:"number",min:"16",max:"2048",class:"w-full rounded-lg border border-border-default bg-surface px-3 py-1.5 text-sm text-text-primary focus:border-accent focus:outline-none"},null,512),[[V,x(n).maxTokens,void 0,{number:!0}]])])]),t("div",null,[t("label",yt,r(o.$t("protocols.prompt")),1),O(t("textarea",{"onUpdate:modelValue":a[2]||(a[2]=s=>x(n).prompt=s),rows:"3",class:"w-full resize-y rounded-lg border border-border-default bg-surface px-3 py-2 text-sm text-text-primary outline-none focus:border-accent",placeholder:o.$t("protocols.promptPlaceholder")},null,8,bt),[[V,x(n).prompt]])]),t("div",ht,[x(n).isRunning?(i(),l("button",{key:1,class:"inline-flex items-center gap-1.5 rounded-md border border-error/50 px-3 py-1.5 text-xs font-medium text-error hover:bg-error/10",onClick:a[4]||(a[4]=(...s)=>x(n).cancel&&x(n).cancel(...s))},[E(x(Q),{size:12}),M(" "+r(o.$t("common.actions.cancel")),1)])):(i(),l("button",{key:0,disabled:!_.value,class:"inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-surface hover:bg-accent-hover disabled:cursor-not-allowed disabled:opacity-50",onClick:a[3]||(a[3]=(...s)=>x(n).runAll&&x(n).runAll(...s))},[E(x(K),{size:12}),M(" "+r(o.$t("protocols.runAll")),1)],8,gt))])]),t("div",vt,[(i(!0),l(C,null,T(m.value,s=>(i(),l("div",{key:s.key,class:"flex flex-col rounded-lg border border-border-default bg-surface-raised"},[t("div",_t,[t("div",wt,[t("span",kt,r(s.label),1),t("span",{class:j(["text-[10px] uppercase tracking-wide",$(s.state.status)])},r(s.state.status),3)]),t("code",At,r(s.state.endpoint),1),t("span",$t,r(s.badge),1)]),t("div",Ct,[s.state.error?(i(),l("div",Tt,r(s.state.error),1)):!s.state.outputText&&s.state.status==="idle"?(i(),l("p",St,r(o.$t("protocols.notRunYet")),1)):!s.state.outputText&&s.state.status==="streaming"?(i(),l("p",Dt,[a[7]||(a[7]=t("span",{class:"inline-block h-2 w-2 animate-pulse rounded-full bg-accent"},null,-1)),M(" "+r(o.$t("protocols.waitingForFirstToken")),1)])):(i(),l("p",Mt,r(s.state.outputText),1))]),t("div",Rt,[t("div",Nt,[a[8]||(a[8]=t("span",{class:"text-text-muted"},"TTFT",-1)),t("span",Et,r(w(s.state.ttftMs)),1)]),t("div",Ot,[t("span",jt,r(o.$t("protocols.metrics.total")),1),t("span",Pt,r(w(s.state.totalMs)),1)]),t("div",Ft,[t("span",Ut,r(o.$t("protocols.metrics.tokens")),1),t("span",Vt,r(s.state.outputTokens||"—"),1)]),t("div",Jt,[a[9]||(a[9]=t("span",{class:"text-text-muted"},"tok/s",-1)),t("span",Bt,r(A(s.state)),1)]),t("div",It,[t("span",zt,r(o.$t("protocols.metrics.finish")),1),t("span",Lt,r(s.state.finishReason??"—"),1)])]),t("details",qt,[t("summary",Wt,r(o.$t("protocols.inspectEnvelope"))+" ("+r(s.state.rawChunks.length)+") ",1),s.state.firstChunkRaw?(i(),l("div",Gt,[t("div",null,[t("p",Yt,r(o.$t("protocols.firstChunk")),1),t("pre",Ht,r(S(s.state.firstChunkRaw)),1)]),s.state.finalChunkRaw&&s.state.finalChunkRaw!==s.state.firstChunkRaw?(i(),l("div",Kt,[t("p",Qt,r(o.$t("protocols.finalChunk")),1),t("pre",Xt,r(S(s.state.finalChunkRaw)),1)])):N("",!0)])):N("",!0)])]))),128))]),h.value&&m.value.some(s=>s.state.outputText)?(i(),l("div",Zt,[t("div",te,[t("button",{class:j(["rounded-md px-3 py-1 text-xs font-medium transition-colors",u.value==="response"?"bg-accent/10 text-accent":"text-text-secondary hover:bg-surface-overlay"]),onClick:a[5]||(a[5]=s=>u.value="response")},r(o.$t("protocols.tabs.responseDiff")),3),t("button",{class:j(["rounded-md px-3 py-1 text-xs font-medium transition-colors",u.value==="envelope"?"bg-accent/10 text-accent":"text-text-secondary hover:bg-surface-overlay"]),onClick:a[6]||(a[6]=s=>u.value="envelope")},r(o.$t("protocols.tabs.envelopeDiff")),3)]),u.value==="response"?(i(),l("div",ee,[(i(!0),l(C,null,T(m.value,s=>(i(),l("div",{key:s.key},[t("p",se,r(s.label),1),t("div",oe,r(s.state.outputText||"—"),1),t("p",re,r(s.state.outputText.length)+" "+r(o.$t("protocols.chars")),1)]))),128))])):N("",!0),u.value==="envelope"?(i(),l("div",ae,[t("table",ne,[t("thead",null,[t("tr",le,[t("th",ie,r(o.$t("protocols.envelopeDiff.aspect")),1),(i(!0),l(C,null,T(m.value,s=>(i(),l("th",{class:"py-2",key:s.key},r(s.label),1))),128))])]),t("tbody",de,[t("tr",null,[t("td",ce,r(o.$t("protocols.envelopeDiff.streamWrapper")),1),a[10]||(a[10]=t("td",{class:"py-2 font-mono text-text-primary"},"NDJSON (one JSON per line)",-1)),a[11]||(a[11]=t("td",{class:"py-2 font-mono text-text-primary"},"SSE (data: …)",-1)),a[12]||(a[12]=t("td",{class:"py-2 font-mono text-text-primary"},"SSE (event: + data: …)",-1))]),t("tr",null,[t("td",pe,r(o.$t("protocols.envelopeDiff.topLevelFields")),1),(i(!0),l(C,null,T(m.value,s=>(i(),l("td",{key:s.key,class:"py-2 font-mono text-text-primary text-[10px]"},r([...s.state.fieldNames].join(", ")||"—"),1))),128))]),t("tr",null,[t("td",ue,r(o.$t("protocols.envelopeDiff.finishField")),1),a[13]||(a[13]=t("td",{class:"py-2 font-mono text-text-primary"},[t("code",null,"done"),M(" + "),t("code",null,"done_reason")],-1)),a[14]||(a[14]=t("td",{class:"py-2 font-mono text-text-primary"},[t("code",null,"choices[].finish_reason")],-1)),a[15]||(a[15]=t("td",{class:"py-2 font-mono text-text-primary"},[t("code",null,"message_stop"),M(" event")],-1))]),t("tr",null,[t("td",me,r(o.$t("protocols.envelopeDiff.finishValue")),1),(i(!0),l(C,null,T(m.value,s=>(i(),l("td",{key:s.key,class:"py-2 font-mono text-text-primary"},r(s.state.finishReason??"—"),1))),128))]),t("tr",null,[t("td",xe,r(o.$t("protocols.envelopeDiff.usageField")),1),a[16]||(a[16]=t("td",{class:"py-2 font-mono text-text-primary"},[t("code",null,"eval_count"),M(" + "),t("code",null,"prompt_eval_count")],-1)),a[17]||(a[17]=t("td",{class:"py-2 font-mono text-text-primary"},[t("code",null,"usage.{prompt,completion,total}_tokens")],-1)),a[18]||(a[18]=t("td",{class:"py-2 font-mono text-text-primary"},[t("code",null,"usage.{input,output}_tokens")],-1))]),t("tr",null,[t("td",fe,r(o.$t("protocols.envelopeDiff.tokensReported")),1),(i(!0),l(C,null,T(m.value,s=>(i(),l("td",{key:s.key,class:"py-2 font-mono text-text-primary"},r(s.state.outputTokens||"—"),1))),128))]),t("tr",null,[t("td",ye,r(o.$t("protocols.envelopeDiff.errorShape")),1),a[19]||(a[19]=t("td",{class:"py-2 font-mono text-text-primary text-[10px]"},[t("code",null,'{"error": "string"}')],-1)),a[20]||(a[20]=t("td",{class:"py-2 font-mono text-text-primary text-[10px]"},[t("code",null,'{"error": {"message", "type", "code"}}')],-1)),a[21]||(a[21]=t("td",{class:"py-2 font-mono text-text-primary text-[10px]"},[t("code",null,'{"type": "error", "error": {...}, "request_id"}')],-1))])])]),t("p",be,r(o.$t("protocols.envelopeDiff.footnote")),1)])):N("",!0)])):N("",!0)])]))}});export{Te as default};

package/dist/assets/{RAGPage-DGFy-b60.js → RAGPage-CnnZW7un.js}

@@ -1 +1 @@
-import{b as $,e as a,v as D,g as _,f as e,t as s,r as y,j as l,F as k,k as S,i as v,h as w,C as B,D as M,Z as F,l as N,A,B as E,w as T,G as j,u as m,p as b,a as C}from"./index-CE4LM5vl.js";import{d as I,u as L}from"./rag-store-CEuRiXlx.js";import{u as P}from"./storage-store-ColSqJM3.js";import{_ as R}from"./StorageGauge.vue_vue_type_style_index_0_lang-NsFsiU2e.js";import{b as U}from"./format-BqVZ9rwM.js";import"./vector-db-ChAzHl5A.js";const V={class:"space-y-2"},z={class:"text-sm font-medium text-text-primary"},G={class:"text-xs text-text-muted"},q=".pdf,.docx,.txt,.md,.csv",K=$({__name:"DocumentUploadZone",emits:["upload"],setup(u,{emit:n}){const h=n,i=y(!1),c=y(null);function p(d){i.value=!1;const o=Array.from(d.dataTransfer?.files??[]).filter(g=>I(g.name)!==null);o.length>0&&h("upload",o)}function f(d){const t=d.target,g=Array.from(t.files??[]).filter(x=>I(x.name)!==null);g.length>0&&h("upload",g),t.value=""}function r(){c.value?.click()}return(d,t)=>(l(),a("div",{class:_(["relative rounded-xl border-2 border-dashed p-8 text-center transition-colors cursor-pointer",i.value?"border-accent bg-accent/5":"border-border-default hover:border-accent/50"]),onDragover:t[0]||(t[0]=D(o=>i.value=!0,["prevent"])),onDragleave:t[1]||(t[1]=D(o=>i.value=!1,["prevent"])),onDrop:D(p,["prevent"]),onClick:r},[e("input",{ref_key:"fileInput",ref:c,type:"file",accept:q,multiple:"",class:"hidden",onChange:f},null,544),e("div",V,[t[2]||(t[2]=e("div",{class:"text-3xl"},"📄",-1)),e("p",z,s(d.$t("rag.upload.dropText")),1),e("p",G,s(d.$t("rag.upload.supportedFormats")),1)])],34))}}),Z={key:0,class:"rounded-lg bg-surface-overlay p-6 text-center"},H={class:"text-sm text-text-muted"},J={key:1,class:"space-y-2"},O=["title","onClick"],Q={key:0,class:"text-xs"},W={key:1,class:"h-5 w-5"},X={class:"text-lg"},Y={class:"flex-1 min-w-0"},ee={class:"text-sm font-medium text-text-primary truncate"},te={class:"text-xs text-text-muted"},se={key:0,class:"ms-1"},oe={class:"text-xs text-text-muted shrink-0"},re=["title","onClick"],ne=768,ae=$({__name:"DocumentList",props:{documents:{},enabledIds:{}},emits:["toggle","remove"],setup(u,{emit:n}){const h=n;function i(r){return r<1024?`${r} B`:r<1024*1024?`${(r/1024).toFixed(1)} KB`:`${(r/(1024*1024)).toFixed(1)} MB`}function c(r){return new Date(r).toLocaleDateString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"})}function p(r){return r.sizeBytes+r.chunkCount*ne*8}const f={pdf:"📕",docx:"📘",txt:"📝",md:"📋",csv:"📊"};return(r,d)=>u.documents.length===0?(l(),a("div",Z,[e("p",H,s(r.$t("rag.documents.noDocuments")),1)])):(l(),a("div",J,[(l(!0),a(k,null,S(u.documents,t=>(l(),a("div",{key:t.id,class:"flex items-center gap-3 rounded-lg border border-border-default bg-surface-raised px-4 py-3 transition-colors"},[t.status==="ready"?(l(),a("button",{key:0,class:_(["flex h-5 w-5 shrink-0 items-center justify-center rounded border transition-colors",u.enabledIds.has(t.id)?"border-accent bg-accent text-white":"border-border-default hover:border-accent"]),title:r.$t("rag.documents.toggleContext"),onClick:o=>h("toggle",t.id)},[u.enabledIds.has(t.id)?(l(),a("span",Q,"✓")):v("",!0)],10,O)):(l(),a("span",W)),e("span",X,s(f[t.format]??"📄"),1),e("div",Y,[e("p",ee,s(t.name),1),e("p",te,[w(s(i(t.sizeBytes))+" · "+s(t.chunkCount)+" chunks · ~"+s(i(p(t)))+" stored · "+s(t.embeddingModel)+" ",1),t.status!=="ready"?(l(),a("span",se,[d[0]||(d[0]=w(" · ",-1)),e("span",{class:_(t.status==="error"?"text-error":"text-accent")},s(t.status),3)])):v("",!0)])]),e("span",oe,s(c(t.addedAt)),1),e("button",{class:"shrink-0 rounded p-1 text-text-muted hover:text-error transition-colors",title:r.$t("rag.documents.removeDocument"),onClick:o=>h("remove",t.id)}," ✕ ",8,re)]))),128))]))}}),le={class:"space-y-4"},ie={class:"flex gap-2"},de=["placeholder"],ce=["disabled"],ue={key:0,class:"space-y-3"},me={class:"text-xs text-text-muted"},ge={class:"mb-2 flex items-center justify-between"},he={class:"text-xs font-medium text-text-secondary"},pe=["onClick"],fe=["onClick"],xe=$({__name:"RAGSearchPanel",props:{results:{},isSearching:{type:Boolean}},emits:["search"],setup(u,{emit:n}){const h=n,i=y(""),c=y(new Set);function p(){const r=i.value.trim();r&&(c.value=new Set,h("search",r))}function f(r){const d=new Set(c.value);d.has(r)?d.delete(r):d.add(r),c.value=d}return(r,d)=>(l(),a("div",le,[e("div",ie,[B(e("input",{"onUpdate:modelValue":d[0]||(d[0]=t=>i.value=t),type:"text",placeholder:r.$t("rag.search.placeholder"),class:"flex-1 rounded-lg border border-border-default bg-surface px-4 py-2 text-sm text-text-primary placeholder-text-muted outline-none focus:border-accent",onKeydown:F(p,["enter"])},null,40,de),[[M,i.value]]),e("button",{disabled:!i.value.trim()||u.isSearching,class:"rounded-lg bg-accent px-4 py-2 text-sm text-white transition-colors hover:bg-accent-hover disabled:opacity-40",onClick:p},s(u.isSearching?r.$t("rag.search.searching"):r.$t("rag.search.button")),9,ce)]),u.results.length>0?(l(),a("div",ue,[e("p",me,s(u.results.length)+" "+s(r.$t("rag.search.results")),1),(l(!0),a(k,null,S(u.results,(t,o)=>(l(),a("div",{key:o,class:"rounded-lg border border-border-default bg-surface-raised p-4"},[e("div",ge,[e("span",he,s(t.documentName),1),e("span",{class:_(["rounded-full px-2 py-0.5 text-[10px] font-medium",t.score>.8?"bg-success/10 text-success":t.score>.5?"bg-warning/10 text-warning":"bg-surface-overlay text-text-muted"])},s((t.score*100).toFixed(1))+"% ",3)]),e("p",{class:_(["text-sm text-text-primary leading-relaxed whitespace-pre-wrap cursor-pointer",c.value.has(o)?"":"line-clamp-4"]),onClick:g=>f(o)},s(t.chunk.content),11,pe),e("button",{class:"mt-1.5 text-[10px] text-accent hover:underline",onClick:g=>f(o)},s(c.value.has(o)?r.$t("rag.search.showLess"):r.$t("rag.search.showFullChunk")),9,fe)]))),128))])):v("",!0)]))}}),ve={key:0,class:"rounded-lg border border-accent/30 bg-accent/5 p-4"},be={class:"flex items-center justify-between mb-2"},_e={class:"text-sm font-medium text-text-primary"},ye={class:"text-xs text-text-muted"},$e={class:"h-1.5 rounded-full bg-surface-overlay overflow-hidden"},ke=$({__name:"IngestProgress",props:{progress:{}},setup(u){return(n,h)=>u.progress?(l(),a("div",ve,[e("div",be,[e("span",_e,s(u.progress.message),1),e("span",ye,s((u.progress.progress*100).toFixed(0))+"%",1)]),e("div",$e,[e("div",{class:"h-full rounded-full bg-accent transition-all duration-300",style:N({width:`${u.progress.progress*100}%`})},null,4)])])):v("",!0)}}),we={class:"space-y-6"},De={class:"flex items-center justify-between"},Se={class:"text-lg font-semibold text-text-primary"},Ce={class:"text-sm text-text-muted"},Ie={key:0,value:"",disabled:""},Be=["value"],Me={key:0,class:"rounded-lg border border-border-default bg-surface-raised p-3 space-y-2"},Fe={class:"flex items-center justify-between text-xs"},Ne={class:"text-text-secondary font-medium"},Ae={class:"text-text-muted"},Ee={key:1,class:"rounded-lg border border-error/30 bg-error/5 px-4 py-3 text-sm text-error"},Te={class:"mb-3 text-sm font-medium text-text-secondary"},je={class:"mb-3 text-sm font-medium text-text-secondary"},Ge=$({__name:"RAGPage",setup(u){const n=L(),h=A(),i=P(),c=y(""),p=C(()=>i.getDatabaseById("rag")),f=C(()=>n.readyDocuments.reduce((o,g)=>o+g.chunkCount,0));E(async()=>{await h.fetchModels(),c.value=h.embeddingModelNames[0]??"",await n.loadDocuments(),await i.refreshIfStale()}),T(()=>n.isIngesting,(o,g)=>{!o&&g&&i.refresh()});async function r(o){if(c.value)for(const g of o)try{await n.addDocument(g,c.value)}catch{}}async function d(o){await n.removeDocument(o),await i.refresh()}async function t(o){c.value&&await n.search(o,c.value)}return(o,g)=>(l(),a("div",we,[e("div",De,[e("div",null,[e("h2",Se,s(o.$t("rag.title")),1),e("p",Ce,s(o.$t("rag.subtitle")),1)]),B(e("select",{"onUpdate:modelValue":g[0]||(g[0]=x=>c.value=x),class:"rounded-lg border border-border-default bg-surface px-3 py-1.5 text-sm text-text-primary outline-none focus:border-accent"},[m(h).embeddingModelNames.length===0?(l(),a("option",Ie,s(o.$t("rag.modelSelector.noEmbeddingModels")),1)):v("",!0),(l(!0),a(k,null,S(m(h).embeddingModelNames,x=>(l(),a("option",{key:x,value:x},s(x)+" "+s(m(h).capabilityIcons(x)),9,Be))),128))],512),[[j,c.value]])]),m(i).origin?(l(),a("div",Me,[e("div",Fe,[e("span",Ne,s(o.$t("rag.storage.title")),1),e("span",Ae,[w(s(m(n).readyDocuments.length)+" "+s(o.$t("rag.storage.documents"))+" · "+s(f.value.toLocaleString())+" "+s(o.$t("rag.storage.chunks"))+" ",1),p.value?(l(),a(k,{key:0},[w("· "+s(m(U)(p.value.totalBytes))+" "+s(o.$t("rag.storage.stored")),1)],64)):v("",!0)])]),b(R,{used:p.value?.totalBytes??0,total:m(i).origin.quota,label:o.$t("rag.storage.ragStorage"),animating:m(n).isIngesting,compact:""},null,8,["used","total","label","animating"])])):v("",!0),b(K,{onUpload:r}),b(ke,{progress:m(n).ingestProgress},null,8,["progress"]),m(n).error?(l(),a("div",Ee,s(m(n).error),1)):v("",!0),e("div",null,[e("h3",Te,s(o.$t("rag.documents.title"))+" ("+s(m(n).readyDocuments.length)+") ",1),b(ae,{documents:m(n).documents,"enabled-ids":m(n).enabledDocumentIds,onToggle:m(n).toggleDocument,onRemove:d},null,8,["documents","enabled-ids","onToggle"])]),e("div",null,[e("h3",je,s(o.$t("rag.search.title")),1),b(xe,{results:m(n).searchResults,"is-searching":m(n).isSearching,onSearch:t},null,8,["results","is-searching"])])]))}});export{Ge as default};
+import{b as $,e as a,v as D,g as _,f as e,t as s,r as y,j as l,F as k,k as S,i as v,h as w,C as B,D as M,Z as F,l as N,A,B as E,w as T,G as j,u as m,p as b,a as C}from"./index-S2vqeDf7.js";import{d as I,u as L}from"./rag-store-gqowRN8t.js";import{u as P}from"./storage-store-GsT1cPEh.js";import{_ as R}from"./StorageGauge.vue_vue_type_style_index_0_lang-BvYHZigP.js";import{b as U}from"./format-BqVZ9rwM.js";import"./vector-db-ChAzHl5A.js";const V={class:"space-y-2"},z={class:"text-sm font-medium text-text-primary"},G={class:"text-xs text-text-muted"},q=".pdf,.docx,.txt,.md,.csv",K=$({__name:"DocumentUploadZone",emits:["upload"],setup(u,{emit:n}){const h=n,i=y(!1),c=y(null);function p(d){i.value=!1;const o=Array.from(d.dataTransfer?.files??[]).filter(g=>I(g.name)!==null);o.length>0&&h("upload",o)}function f(d){const t=d.target,g=Array.from(t.files??[]).filter(x=>I(x.name)!==null);g.length>0&&h("upload",g),t.value=""}function r(){c.value?.click()}return(d,t)=>(l(),a("div",{class:_(["relative rounded-xl border-2 border-dashed p-8 text-center transition-colors cursor-pointer",i.value?"border-accent bg-accent/5":"border-border-default hover:border-accent/50"]),onDragover:t[0]||(t[0]=D(o=>i.value=!0,["prevent"])),onDragleave:t[1]||(t[1]=D(o=>i.value=!1,["prevent"])),onDrop:D(p,["prevent"]),onClick:r},[e("input",{ref_key:"fileInput",ref:c,type:"file",accept:q,multiple:"",class:"hidden",onChange:f},null,544),e("div",V,[t[2]||(t[2]=e("div",{class:"text-3xl"},"📄",-1)),e("p",z,s(d.$t("rag.upload.dropText")),1),e("p",G,s(d.$t("rag.upload.supportedFormats")),1)])],34))}}),Z={key:0,class:"rounded-lg bg-surface-overlay p-6 text-center"},H={class:"text-sm text-text-muted"},J={key:1,class:"space-y-2"},O=["title","onClick"],Q={key:0,class:"text-xs"},W={key:1,class:"h-5 w-5"},X={class:"text-lg"},Y={class:"flex-1 min-w-0"},ee={class:"text-sm font-medium text-text-primary truncate"},te={class:"text-xs text-text-muted"},se={key:0,class:"ms-1"},oe={class:"text-xs text-text-muted shrink-0"},re=["title","onClick"],ne=768,ae=$({__name:"DocumentList",props:{documents:{},enabledIds:{}},emits:["toggle","remove"],setup(u,{emit:n}){const h=n;function i(r){return r<1024?`${r} B`:r<1024*1024?`${(r/1024).toFixed(1)} KB`:`${(r/(1024*1024)).toFixed(1)} MB`}function c(r){return new Date(r).toLocaleDateString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"})}function p(r){return r.sizeBytes+r.chunkCount*ne*8}const f={pdf:"📕",docx:"📘",txt:"📝",md:"📋",csv:"📊"};return(r,d)=>u.documents.length===0?(l(),a("div",Z,[e("p",H,s(r.$t("rag.documents.noDocuments")),1)])):(l(),a("div",J,[(l(!0),a(k,null,S(u.documents,t=>(l(),a("div",{key:t.id,class:"flex items-center gap-3 rounded-lg border border-border-default bg-surface-raised px-4 py-3 transition-colors"},[t.status==="ready"?(l(),a("button",{key:0,class:_(["flex h-5 w-5 shrink-0 items-center justify-center rounded border transition-colors",u.enabledIds.has(t.id)?"border-accent bg-accent text-white":"border-border-default hover:border-accent"]),title:r.$t("rag.documents.toggleContext"),onClick:o=>h("toggle",t.id)},[u.enabledIds.has(t.id)?(l(),a("span",Q,"✓")):v("",!0)],10,O)):(l(),a("span",W)),e("span",X,s(f[t.format]??"📄"),1),e("div",Y,[e("p",ee,s(t.name),1),e("p",te,[w(s(i(t.sizeBytes))+" · "+s(t.chunkCount)+" chunks · ~"+s(i(p(t)))+" stored · "+s(t.embeddingModel)+" ",1),t.status!=="ready"?(l(),a("span",se,[d[0]||(d[0]=w(" · ",-1)),e("span",{class:_(t.status==="error"?"text-error":"text-accent")},s(t.status),3)])):v("",!0)])]),e("span",oe,s(c(t.addedAt)),1),e("button",{class:"shrink-0 rounded p-1 text-text-muted hover:text-error transition-colors",title:r.$t("rag.documents.removeDocument"),onClick:o=>h("remove",t.id)}," ✕ ",8,re)]))),128))]))}}),le={class:"space-y-4"},ie={class:"flex gap-2"},de=["placeholder"],ce=["disabled"],ue={key:0,class:"space-y-3"},me={class:"text-xs text-text-muted"},ge={class:"mb-2 flex items-center justify-between"},he={class:"text-xs font-medium text-text-secondary"},pe=["onClick"],fe=["onClick"],xe=$({__name:"RAGSearchPanel",props:{results:{},isSearching:{type:Boolean}},emits:["search"],setup(u,{emit:n}){const h=n,i=y(""),c=y(new Set);function p(){const r=i.value.trim();r&&(c.value=new Set,h("search",r))}function f(r){const d=new Set(c.value);d.has(r)?d.delete(r):d.add(r),c.value=d}return(r,d)=>(l(),a("div",le,[e("div",ie,[B(e("input",{"onUpdate:modelValue":d[0]||(d[0]=t=>i.value=t),type:"text",placeholder:r.$t("rag.search.placeholder"),class:"flex-1 rounded-lg border border-border-default bg-surface px-4 py-2 text-sm text-text-primary placeholder-text-muted outline-none focus:border-accent",onKeydown:F(p,["enter"])},null,40,de),[[M,i.value]]),e("button",{disabled:!i.value.trim()||u.isSearching,class:"rounded-lg bg-accent px-4 py-2 text-sm text-white transition-colors hover:bg-accent-hover disabled:opacity-40",onClick:p},s(u.isSearching?r.$t("rag.search.searching"):r.$t("rag.search.button")),9,ce)]),u.results.length>0?(l(),a("div",ue,[e("p",me,s(u.results.length)+" "+s(r.$t("rag.search.results")),1),(l(!0),a(k,null,S(u.results,(t,o)=>(l(),a("div",{key:o,class:"rounded-lg border border-border-default bg-surface-raised p-4"},[e("div",ge,[e("span",he,s(t.documentName),1),e("span",{class:_(["rounded-full px-2 py-0.5 text-[10px] font-medium",t.score>.8?"bg-success/10 text-success":t.score>.5?"bg-warning/10 text-warning":"bg-surface-overlay text-text-muted"])},s((t.score*100).toFixed(1))+"% ",3)]),e("p",{class:_(["text-sm text-text-primary leading-relaxed whitespace-pre-wrap cursor-pointer",c.value.has(o)?"":"line-clamp-4"]),onClick:g=>f(o)},s(t.chunk.content),11,pe),e("button",{class:"mt-1.5 text-[10px] text-accent hover:underline",onClick:g=>f(o)},s(c.value.has(o)?r.$t("rag.search.showLess"):r.$t("rag.search.showFullChunk")),9,fe)]))),128))])):v("",!0)]))}}),ve={key:0,class:"rounded-lg border border-accent/30 bg-accent/5 p-4"},be={class:"flex items-center justify-between mb-2"},_e={class:"text-sm font-medium text-text-primary"},ye={class:"text-xs text-text-muted"},$e={class:"h-1.5 rounded-full bg-surface-overlay overflow-hidden"},ke=$({__name:"IngestProgress",props:{progress:{}},setup(u){return(n,h)=>u.progress?(l(),a("div",ve,[e("div",be,[e("span",_e,s(u.progress.message),1),e("span",ye,s((u.progress.progress*100).toFixed(0))+"%",1)]),e("div",$e,[e("div",{class:"h-full rounded-full bg-accent transition-all duration-300",style:N({width:`${u.progress.progress*100}%`})},null,4)])])):v("",!0)}}),we={class:"space-y-6"},De={class:"flex items-center justify-between"},Se={class:"text-lg font-semibold text-text-primary"},Ce={class:"text-sm text-text-muted"},Ie={key:0,value:"",disabled:""},Be=["value"],Me={key:0,class:"rounded-lg border border-border-default bg-surface-raised p-3 space-y-2"},Fe={class:"flex items-center justify-between text-xs"},Ne={class:"text-text-secondary font-medium"},Ae={class:"text-text-muted"},Ee={key:1,class:"rounded-lg border border-error/30 bg-error/5 px-4 py-3 text-sm text-error"},Te={class:"mb-3 text-sm font-medium text-text-secondary"},je={class:"mb-3 text-sm font-medium text-text-secondary"},Ge=$({__name:"RAGPage",setup(u){const n=L(),h=A(),i=P(),c=y(""),p=C(()=>i.getDatabaseById("rag")),f=C(()=>n.readyDocuments.reduce((o,g)=>o+g.chunkCount,0));E(async()=>{await h.fetchModels(),c.value=h.embeddingModelNames[0]??"",await n.loadDocuments(),await i.refreshIfStale()}),T(()=>n.isIngesting,(o,g)=>{!o&&g&&i.refresh()});async function r(o){if(c.value)for(const g of o)try{await n.addDocument(g,c.value)}catch{}}async function d(o){await n.removeDocument(o),await i.refresh()}async function t(o){c.value&&await n.search(o,c.value)}return(o,g)=>(l(),a("div",we,[e("div",De,[e("div",null,[e("h2",Se,s(o.$t("rag.title")),1),e("p",Ce,s(o.$t("rag.subtitle")),1)]),B(e("select",{"onUpdate:modelValue":g[0]||(g[0]=x=>c.value=x),class:"rounded-lg border border-border-default bg-surface px-3 py-1.5 text-sm text-text-primary outline-none focus:border-accent"},[m(h).embeddingModelNames.length===0?(l(),a("option",Ie,s(o.$t("rag.modelSelector.noEmbeddingModels")),1)):v("",!0),(l(!0),a(k,null,S(m(h).embeddingModelNames,x=>(l(),a("option",{key:x,value:x},s(x)+" "+s(m(h).capabilityIcons(x)),9,Be))),128))],512),[[j,c.value]])]),m(i).origin?(l(),a("div",Me,[e("div",Fe,[e("span",Ne,s(o.$t("rag.storage.title")),1),e("span",Ae,[w(s(m(n).readyDocuments.length)+" "+s(o.$t("rag.storage.documents"))+" · "+s(f.value.toLocaleString())+" "+s(o.$t("rag.storage.chunks"))+" ",1),p.value?(l(),a(k,{key:0},[w("· "+s(m(U)(p.value.totalBytes))+" "+s(o.$t("rag.storage.stored")),1)],64)):v("",!0)])]),b(R,{used:p.value?.totalBytes??0,total:m(i).origin.quota,label:o.$t("rag.storage.ragStorage"),animating:m(n).isIngesting,compact:""},null,8,["used","total","label","animating"])])):v("",!0),b(K,{onUpload:r}),b(ke,{progress:m(n).ingestProgress},null,8,["progress"]),m(n).error?(l(),a("div",Ee,s(m(n).error),1)):v("",!0),e("div",null,[e("h3",Te,s(o.$t("rag.documents.title"))+" ("+s(m(n).readyDocuments.length)+") ",1),b(ae,{documents:m(n).documents,"enabled-ids":m(n).enabledDocumentIds,onToggle:m(n).toggleDocument,onRemove:d},null,8,["documents","enabled-ids","onToggle"])]),e("div",null,[e("h3",je,s(o.$t("rag.search.title")),1),b(xe,{results:m(n).searchResults,"is-searching":m(n).isSearching,onSearch:t},null,8,["results","is-searching"])])]))}});export{Ge as default};

package/dist/assets/{SessionPage-C4oWNW2u.js → SessionPage-NE_x02_4.js}

@@ -1,4 +1,4 @@
-import{u as xe}from"./session-store-Dt5jLOgV.js";import{u as fe}from"./metrics-store--HW_Yktg.js";import{b as be,a as te,u as ve}from"./agent-store-CPoOtsp1.js";import{d as ge,a as ye,b as he}from"./download-WPaeALA4.js";import{_ as ke}from"./TabBar.vue_vue_type_script_setup_true_lang-DL7akl1T.js";import{b as _e,_ as se,n as $e,s as O,u as we}from"./StatusBadge.vue_vue_type_script_setup_true_lang-W3vS9xKq.js";import{_ as Ce}from"./TokenStreamDisplay.vue_vue_type_script_setup_true_lang-B2xlTJuS.js";import{c as B,a as Te,f as Y,e as Me}from"./format-BqVZ9rwM.js";import{C as J,a as K,L as U,P as Se,b as ze,p as oe,c as Q,d as ne,i as Ne,e as Le,B as re,f as ae}from"./index-BkYEc6g3.js";import{b as N,e as l,f as e,t as c,p as w,u as C,a as $,j as s,F as L,k as A,q as P,g as R,h as M,d as Ae,r as S,A as le,i as y,L as Ie,l as H,M as Pe,N as je,B as X,w as V,C as W,G as De,v as ie,T as Re,X as Fe,D as Z,H as Oe,z as Be}from"./index-CE4LM5vl.js";import{I as j}from"./info-D5-JTLE0.js";import{u as qe}from"./toolcall-store-C3ghhPw3.js";import{u as He}from"./tool-workshop-store-CpWKGa76.js";import{s as Ee,J as Ve,g as We}from"./JsonTreeNode-C3GvpFIv.js";import{D as Ge}from"./download-ChpH3xF_.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const Je={class:"rounded-lg border border-border-default bg-surface-raised p-4"},Ke={class:"mb-3 text-sm font-medium text-text-secondary"},Ue={class:"h-40"},Qe=N({__name:"LatencyChart",props:{tokenLatencies:{},title:{}},setup(t){J.register(K,U,Se,ze,oe,Q,ne,Ne);const a=t,r=$(()=>({labels:a.tokenLatencies.map((m,d)=>`${d}`),datasets:[{label:"Token Latency (ms)",data:a.tokenLatencies,borderColor:"#a855f7",backgroundColor:"rgba(168, 85, 247, 0.1)",borderWidth:1.5,pointRadius:0,fill:!0,tension:.3}]})),n={responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},title:{display:!1}},scales:{x:{display:!1},y:{ticks:{color:"#94a3b8",font:{size:10}},grid:{color:"rgba(71, 85, 105, 0.3)"}}}};return(m,d)=>(s(),l("div",Je,[e("h3",Ke,c(t.title??"Token Latency"),1),e("div",Ue,[w(C(Le),{data:r.value,options:n},null,8,["data"])])]))}}),Xe={class:"rounded-lg border border-border-default bg-surface-raised p-4"},Ye={class:"h-20"},Ze={class:"mt-2 flex gap-4 text-xs text-text-muted"},et=N({__name:"TokenCountBar",props:{promptTokens:{},completionTokens:{}},setup(t){J.register(K,U,re,oe,Q,ne);const a=t,r=$(()=>({labels:["Tokens"],datasets:[{label:"Prompt",data:[a.promptTokens],backgroundColor:"#818cf8"},{label:"Completion",data:[a.completionTokens],backgroundColor:"#a855f7"}]})),n={indexAxis:"y",responsive:!0,maintainAspectRatio:!1,plugins:{legend:{position:"bottom",labels:{color:"#94a3b8",font:{size:11}}}},scales:{x:{stacked:!0,ticks:{color:"#94a3b8",font:{size:10}},grid:{color:"rgba(71, 85, 105, 0.3)"}},y:{stacked:!0,display:!1}}};return(m,d)=>(s(),l("div",Xe,[d[0]||(d[0]=e("h3",{class:"mb-3 text-sm font-medium text-text-secondary"},"Token Distribution",-1)),e("div",Ye,[w(C(ae),{data:r.value,options:n},null,8,["data"])]),e("div",Ze,[e("span",null,"Total: "+c(t.promptTokens+t.completionTokens),1)])]))}}),tt={key:0,class:"space-y-4"},st={class:"grid grid-cols-2 gap-3 lg:grid-cols-3 xl:grid-cols-6"},ot={class:"grid grid-cols-1 gap-3 lg:grid-cols-2"},nt={key:1,class:"rounded-lg border border-border-default bg-surface-raised p-8 text-center text-sm text-text-muted"},rt=N({__name:"MetricsDashboard",props:{metrics:{}},setup(t){const a=t,r=$(()=>{const n=a.metrics;return n?[{label:"Time to First Token",value:B(n.ttftMs),unit:""},{label:"Tokens/Second",value:Te(n.tokensPerSecond),unit:""},{label:"Total Duration",value:B(n.totalDurationMs),unit:""},{label:"Prompt Tokens",value:Y(n.promptTokenCount),unit:"tok"},{label:"Completion Tokens",value:Y(n.completionTokenCount),unit:"tok"},{label:"Model Load",value:B(n.loadDurationMs),unit:""}]:[]});return(n,m)=>t.metrics?(s(),l("div",tt,[e("div",st,[(s(!0),l(L,null,A(r.value,d=>(s(),P(_e,{key:d.label,label:d.label,value:d.value,unit:d.unit},null,8,["label","value","unit"]))),128))]),e("div",ot,[w(Qe,{"token-latencies":t.metrics.tokenLatencies},null,8,["token-latencies"]),w(et,{"prompt-tokens":t.metrics.promptTokenCount,"completion-tokens":t.metrics.completionTokenCount},null,8,["prompt-tokens","completion-tokens"])])])):(s(),l("div",nt," Metrics will appear after generation completes. "))}}),at={class:"flex gap-3"},lt={class:"flex flex-col items-center"},it={class:"flex h-8 w-8 items-center justify-center rounded-full bg-surface-overlay text-sm"},dt={class:"flex-1 pb-4"},ut={class:"flex items-center gap-2 mb-1"},ct={class:"text-xs text-text-muted"},mt={class:"rounded-lg border border-border-default bg-surface p-3 text-sm text-text-primary leading-relaxed"},pt=N({__name:"ReasoningStep",props:{step:{}},setup(t){const a={thought:{color:"text-accent",icon:"💭"},observation:{color:"text-success",icon:"👁"},action:{color:"text-warning",icon:"⚡"},conclusion:{color:"text-[#a78bfa]",icon:"✓"},reflection:{color:"text-[#f472b6]",icon:"↻"}};return(r,n)=>(s(),l("div",at,[e("div",lt,[e("div",it,c(a[t.step.type]?.icon??"•"),1),n[0]||(n[0]=e("div",{class:"flex-1 w-px bg-border-default"},null,-1))]),e("div",dt,[e("div",ut,[e("span",{class:R(["text-xs font-semibold uppercase tracking-wide",a[t.step.type]?.color??"text-text-secondary"])},c(t.step.type),3),e("span",ct," Step "+c(t.step.index+1)+" · "+c(C(B)(t.step.durationMs)),1)]),e("div",mt,c(t.step.content),1)])]))}}),xt={class:"space-y-4"},ft={class:"flex items-center gap-4 rounded-lg border border-border-default bg-surface-raised p-4"},bt={class:"text-sm text-text-secondary"},vt={class:"font-semibold text-text-primary"},gt={class:"flex gap-2"},yt={key:0,class:"space-y-0"},ht={key:1,class:"rounded-lg border border-border-default bg-surface-raised p-8 text-center text-sm text-text-muted"},kt=N({__name:"ReasoningViewer",props:{sessionId:{}},setup(t){const a=t,r=be(),n=$(()=>r.getSteps(a.sessionId)),m=$(()=>{const d={};for(const p of n.value)d[p.type]=(d[p.type]??0)+1;return d});return(d,p)=>(s(),l("div",xt,[e("div",ft,[e("div",bt,[e("span",vt,c(n.value.length),1),p[0]||(p[0]=M(" reasoning steps detected ",-1))]),e("div",gt,[(s(!0),l(L,null,A(m.value,(i,u)=>(s(),l("span",{key:u,class:"rounded-full bg-surface-overlay px-2.5 py-0.5 text-xs text-text-secondary"},c(u)+": "+c(i),1))),128))])]),n.value.length>0?(s(),l("div",yt,[(s(!0),l(L,null,A(n.value,i=>(s(),P(pt,{key:i.id,step:i},null,8,["step"]))),128))])):(s(),l("div",ht,[...p[1]||(p[1]=[e("p",null,"No reasoning steps detected.",-1),e("p",{class:"mt-1"},"Use a model with chain-of-thought support (e.g., DeepSeek-R1) or structured reasoning patterns.",-1)])]))]))}}),de=Ae("introspection",()=>{const t=S(new Map),a=S(new Map),r=S(new Map);function n(x){return t.value.get(x)??null}function m(x,b){t.value.set(x,b)}function d(x){return a.value.get(x)??[]}function p(x,b){a.value.set(x,b)}function i(x){return r.value.get(x)??[]}function u(x,b){r.value.set(x,b)}return{architectureByModel:t,attentionPatterns:a,layerActivations:r,getArchitecture:n,setArchitecture:m,getAttentionPatterns:d,setAttentionPatterns:p,getLayerActivations:i,setLayerActivations:u}});function _t(t,a){const r=a.model_info,n=a.details.family||"unknown",m=F(r,"block_count")??32,d=F(r,"embedding_length")??4096,p=F(r,"attention.head_count")??32,i=F(r,"attention.head_count_kv")??p,u=F(r,"context_length")??4096,x=F(r,"feed_forward_length")??d*4,b=a.details.parameter_size||"0",g=Ct(b),v=Tt(m);return{family:n,blockCount:m,embeddingLength:d,attentionHeadCount:p,kvHeadCount:i,contextLength:u,feedForwardLength:x,layers:v,totalParameters:g,quantization:a.details.quantization_level||"unknown"}}function $t(t,a,r){const n=[],m=t.length,d=Math.min(a,2),p=Math.min(r,2);for(let i=0;i<p;i++)for(let u=0;u<d;u++){const x=[];for(let b=0;b<m;b++){const g=[];for(let k=0;k<m;k++)if(k>b)g.push(0);else{const T=b-k,o=Math.exp(-T*(.1+i*.05)),f=Math.random()*.15,h=k===b?.3:0;g.push(Math.min(1,o+f+h))}const v=g.reduce((k,T)=>k+T,0);x.push(v>0?g.map(k=>k/v):g)}n.push({tokenLabels:t,matrix:x,headIndex:u,layerIndex:i})}return n}function wt(t){const a=[];for(const r of t.layers){const n=Math.sqrt(t.embeddingLength)*(1+Math.random()*.5),m=r.type==="attention"?1:r.type==="feed_forward"?1.3:.8;a.push({layerIndex:r.index,layerName:r.name,meanActivation:(.5+Math.random()*.5)*m,maxActivation:(2+Math.random()*3)*m,norm:n*m*(.8+Math.random()*.4)})}return a}function F(t,a){for(const[r,n]of Object.entries(t))if(r.endsWith(a)&&typeof n=="number")return n}function Ct(t){const a=t.match(/([\d.]+)\s*([BMK])?/i);if(!a)return 0;const r=parseFloat(a[1]),n=(a[2]??"").toUpperCase();return n==="B"?r*1e9:n==="M"?r*1e6:n==="K"?r*1e3:r}function Tt(t){const a=[];let r=0;a.push({index:r++,name:"token_embedding",type:"embedding",parameterCount:0});for(let n=0;n<t;n++)a.push({index:r++,name:`block_${n}_attention`,type:"attention",parameterCount:0}),a.push({index:r++,name:`block_${n}_ffn`,type:"feed_forward",parameterCount:0}),a.push({index:r++,name:`block_${n}_norm`,type:"norm",parameterCount:0});return a.push({index:r++,name:"output",type:"output",parameterCount:0}),a}async function Mt(t){const a=le(),r=de();await a.fetchModelInfo(t);const n=a.getModelDetails(t);if(n){const m=_t(t,n);r.setArchitecture(t,m)}}const St={class:"space-y-4"},zt={key:0,class:"rounded-lg bg-surface p-4"},Nt={class:"flex items-center gap-2 flex-wrap"},Lt=["onMouseenter"],At={key:1,class:"absolute top-full left-1/2 -translate-x-1/2 mt-2 w-56 rounded-lg border border-border-default bg-surface-overlay px-3 py-2 text-xs text-text-secondary shadow-lg z-10"},It={class:"grid grid-cols-2 gap-3 lg:grid-cols-4"},Pt={class:"flex items-center gap-1 text-xs text-text-muted"},jt={class:"text-sm font-medium text-text-primary"},Dt={key:0,class:"absolute top-full left-1/2 -translate-x-1/2 mt-2 w-56 rounded-lg border border-border-default bg-surface-overlay px-3 py-2 text-xs text-text-secondary shadow-lg z-10"},Rt={class:"flex items-center gap-1 text-xs text-text-muted"},Ft={class:"text-sm font-medium text-text-primary"},Ot={key:0,class:"absolute top-full left-1/2 -translate-x-1/2 mt-2 w-56 rounded-lg border border-border-default bg-surface-overlay px-3 py-2 text-xs text-text-secondary shadow-lg z-10"},Bt={class:"flex items-center gap-1 text-xs text-text-muted"},qt={class:"text-sm font-medium text-text-primary"},Ht={key:0,class:"absolute top-full left-1/2 -translate-x-1/2 mt-2 w-64 rounded-lg border border-border-default bg-surface-overlay px-3 py-2 text-xs text-text-secondary shadow-lg z-10"},Et={class:"flex items-center gap-1 text-xs text-text-muted"},Vt={class:"text-sm font-medium text-text-primary"},Wt={key:0,class:"absolute top-full left-1/2 -translate-x-1/2 mt-2 w-64 rounded-lg border border-border-default bg-surface-overlay px-3 py-2 text-xs text-text-secondary shadow-lg z-10"},Gt={class:"rounded-lg bg-surface p-4"},Jt={class:"flex items-center gap-1 mb-3"},Kt={class:"text-xs font-medium text-text-muted uppercase tracking-wide"},Ut={key:0,class:"absolute top-full left-1/2 -translate-x-1/2 mt-2 w-64 rounded-lg border border-border-default bg-surface-overlay px-3 py-2 text-xs text-text-secondary shadow-lg z-10"},Qt={class:"flex items-center gap-2 flex-wrap"},Xt=["onMouseenter"],Yt={class:"text-xs text-text-primary"},Zt={class:"text-xs text-text-muted"},es={key:0,class:"absolute top-full left-1/2 -translate-x-1/2 mt-2 w-60 rounded-lg border border-border-default bg-surface-overlay px-3 py-2 text-xs text-text-secondary shadow-lg z-10"},ts={class:"grid grid-cols-2 gap-3 text-xs"},ss={class:"ms-1 text-text-primary"},os={key:0,class:"absolute top-full left-1/2 -translate-x-1/2 mt-2 w-60 rounded-lg border border-border-default bg-surface-overlay px-3 py-2 text-xs text-text-secondary shadow-lg z-10"},ns={class:"ms-1 text-text-primary"},rs={key:0,class:"absolute top-full left-1/2 -translate-x-1/2 mt-2 w-64 rounded-lg border border-border-default bg-surface-overlay px-3 py-2 text-xs text-text-secondary shadow-lg z-10"},as={class:"ms-1 text-text-primary"},ls={key:0,class:"absolute top-full left-1/2 -translate-x-1/2 mt-2 w-60 rounded-lg border border-border-default bg-surface-overlay px-3 py-2 text-xs text-text-secondary shadow-lg z-10"},is={class:"ms-1 text-text-primary"},ds={key:0,class:"absolute top-full left-1/2 -translate-x-1/2 mt-2 w-64 rounded-lg border border-border-default bg-surface-overlay px-3 py-2 text-xs text-text-secondary shadow-lg z-10"},us={key:1,class:"rounded-lg bg-surface"},cs={key:0,class:"border-t border-border-default px-4 pb-4 pt-2"},ms={class:"w-full text-xs"},ps={class:"py-1.5 pe-4 text-text-muted font-mono"},xs={class:"py-1.5 text-text-primary font-mono"},fs={key:2,class:"rounded-lg bg-surface"},bs={key:0,class:"border-t border-border-default px-4 pb-4 pt-2"},vs={class:"overflow-auto rounded-lg bg-surface-raised p-3 text-xs text-text-secondary font-mono leading-relaxed"},gs=N({__name:"ModelArchitectureDiagram",props:{architecture:{},modelName:{}},setup(t){const a=t,r=le(),n=$(()=>a.modelName?r.getModelDetails(a.modelName)??null:null),m=$(()=>{if(!n.value?.parameters)return null;const T=Pe(n.value.parameters);return Object.keys(T).length>0?T:null}),d=$(()=>n.value?.template??null),p=S(!1),i=S(!1),u=$(()=>a.modelName?je(r.getCapabilities(a.modelName)):[]),x={embedding:"#818cf8",attention:"#a855f7",feed_forward:"#fb923c",norm:"#94a3b8",output:"#4ade80"},b=$(()=>{const T=a.architecture;return[{label:"Embedding",color:x.embedding,count:1,desc:"Converts input tokens into dense numerical vectors the model can process"},{label:"Attention",color:x.attention,count:T.blockCount,desc:"Lets each token attend to every other token to capture relationships and context"},{label:"FFN",color:x.feed_forward,count:T.blockCount,desc:"Feed-Forward Network — applies non-linear transformations to refine representations"},{label:"LayerNorm",color:x.norm,count:T.blockCount,desc:"Normalizes activations between layers to stabilize and speed up training"},{label:"Output",color:x.output,count:1,desc:"Projects the final hidden state back to vocabulary size to predict the next token"}]}),g=S(null);function v(T){g.value=T}function k(){g.value=null}return(T,o)=>(s(),l("div",St,[u.value.length>0?(s(),l("div",zt,[o[12]||(o[12]=e("h4",{class:"text-xs font-medium text-text-muted uppercase tracking-wide mb-3"},"Capabilities",-1)),e("div",Nt,[(s(!0),l(L,null,A(u.value,f=>(s(),l("div",{key:f.key,class:"relative flex items-center gap-1.5 rounded-lg border border-border-default px-3 py-1.5",onMouseenter:h=>v("cap-"+f.key),onMouseleave:k},[f.icon?(s(),P(Ie(f.icon),{key:0,class:R(["h-3.5 w-3.5 shrink-0",f.color])},null,8,["class"])):y("",!0),e("span",{class:R(["text-xs font-medium",f.color])},c(f.label),3),g.value==="cap-"+f.key?(s(),l("div",At,[M(c(f.desc)+" ",1),o[11]||(o[11]=e("div",{class:"absolute bottom-full left-1/2 -translate-x-1/2 -mb-px border-4 border-transparent border-b-surface-overlay"},null,-1))])):y("",!0)],40,Lt))),128))])])):y("",!0),e("div",It,[e("div",{class:"relative rounded-lg bg-surface p-3",onMouseenter:o[0]||(o[0]=f=>v("family")),onMouseleave:k},[e("div",Pt,[o[13]||(o[13]=M(" Family ",-1)),w(C(j),{class:"h-3 w-3"})]),e("div",jt,c(t.architecture.family),1),g.value==="family"?(s(),l("div",Dt,[...o[14]||(o[14]=[M(" The base model architecture family (e.g. llama, qwen). Models in the same family share the same neural network design. ",-1),e("div",{class:"absolute bottom-full left-1/2 -translate-x-1/2 -mb-px border-4 border-transparent border-b-surface-overlay"},null,-1)])])):y("",!0)],32),e("div",{class:"relative rounded-lg bg-surface p-3",onMouseenter:o[1]||(o[1]=f=>v("params")),onMouseleave:k},[e("div",Rt,[o[15]||(o[15]=M(" Parameters ",-1)),w(C(j),{class:"h-3 w-3"})]),e("div",Ft,c(C(Me)(t.architecture.totalParameters)),1),g.value==="params"?(s(),l("div",Ot,[...o[16]||(o[16]=[M(" Total number of trainable weights in the model. More parameters generally means greater capability but requires more memory and compute. ",-1),e("div",{class:"absolute bottom-full left-1/2 -translate-x-1/2 -mb-px border-4 border-transparent border-b-surface-overlay"},null,-1)])])):y("",!0)],32),e("div",{class:"relative rounded-lg bg-surface p-3",onMouseenter:o[2]||(o[2]=f=>v("ctx")),onMouseleave:k},[e("div",Bt,[o[17]||(o[17]=M(" Context Length ",-1)),w(C(j),{class:"h-3 w-3"})]),e("div",qt,c(t.architecture.contextLength.toLocaleString()),1),g.value==="ctx"?(s(),l("div",Ht,[...o[18]||(o[18]=[M(" Maximum number of tokens (prompt + response) the model can process in a single conversation. Longer context allows more detailed instructions and longer conversations. ",-1),e("div",{class:"absolute bottom-full left-1/2 -translate-x-1/2 -mb-px border-4 border-transparent border-b-surface-overlay"},null,-1)])])):y("",!0)],32),e("div",{class:"relative rounded-lg bg-surface p-3",onMouseenter:o[3]||(o[3]=f=>v("quant")),onMouseleave:k},[e("div",Et,[o[19]||(o[19]=M(" Quantization ",-1)),w(C(j),{class:"h-3 w-3"})]),e("div",Vt,c(t.architecture.quantization),1),g.value==="quant"?(s(),l("div",Wt,[...o[20]||(o[20]=[M(" How model weights are compressed. Q4_K_M means 4-bit quantization with K-quant medium quality — smaller file size and faster inference with a small quality trade-off vs full precision (F16/F32). ",-1),e("div",{class:"absolute bottom-full left-1/2 -translate-x-1/2 -mb-px border-4 border-transparent border-b-surface-overlay"},null,-1)])])):y("",!0)],32)]),e("div",Gt,[e("div",Jt,[e("h4",Kt,"Layer Structure ("+c(t.architecture.blockCount)+" blocks)",1),e("div",{class:"relative",onMouseenter:o[4]||(o[4]=f=>v("layers")),onMouseleave:k},[w(C(j),{class:"h-3 w-3 text-text-muted"}),g.value==="layers"?(s(),l("div",Ut,[...o[21]||(o[21]=[M(" Transformer models are built from repeated blocks. Each block contains attention, feed-forward, and normalization layers. More blocks = deeper model. ",-1),e("div",{class:"absolute bottom-full left-1/2 -translate-x-1/2 -mb-px border-4 border-transparent border-b-surface-overlay"},null,-1)])])):y("",!0)],32)]),e("div",Qt,[(s(!0),l(L,null,A(b.value,f=>(s(),l("div",{key:f.label,class:"relative flex items-center gap-2 rounded-lg border border-border-default px-3 py-2",onMouseenter:h=>v("block-"+f.label),onMouseleave:k},[e("div",{class:"h-3 w-3 rounded-sm",style:H({backgroundColor:f.color})},null,4),e("span",Yt,c(f.label),1),e("span",Zt,"×"+c(f.count),1),g.value==="block-"+f.label?(s(),l("div",es,[M(c(f.desc)+" ",1),o[22]||(o[22]=e("div",{class:"absolute bottom-full left-1/2 -translate-x-1/2 -mb-px border-4 border-transparent border-b-surface-overlay"},null,-1))])):y("",!0)],40,Xt))),128))])]),e("div",ts,[e("div",{class:"relative rounded-lg bg-surface p-3",onMouseenter:o[5]||(o[5]=f=>v("aheads")),onMouseleave:k},[o[24]||(o[24]=e("span",{class:"text-text-muted"},"Attention Heads",-1)),w(C(j),{class:"inline ms-1 h-3 w-3 text-text-muted align-text-top"}),e("span",ss,c(t.architecture.attentionHeadCount),1),g.value==="aheads"?(s(),l("div",os,[...o[23]||(o[23]=[M(" Number of parallel attention computations per layer. Each head learns to focus on different patterns (syntax, semantics, position, etc.). ",-1),e("div",{class:"absolute bottom-full left-1/2 -translate-x-1/2 -mb-px border-4 border-transparent border-b-surface-overlay"},null,-1)])])):y("",!0)],32),e("div",{class:"relative rounded-lg bg-surface p-3",onMouseenter:o[6]||(o[6]=f=>v("kvheads")),onMouseleave:k},[o[26]||(o[26]=e("span",{class:"text-text-muted"},"KV Heads",-1)),w(C(j),{class:"inline ms-1 h-3 w-3 text-text-muted align-text-top"}),e("span",ns,c(t.architecture.kvHeadCount),1),g.value==="kvheads"?(s(),l("div",rs,[...o[25]||(o[25]=[M(" Key-Value heads used in Grouped Query Attention (GQA). Fewer KV heads than attention heads means memory savings — multiple query heads share the same key/value projections. ",-1),e("div",{class:"absolute bottom-full left-1/2 -translate-x-1/2 -mb-px border-4 border-transparent border-b-surface-overlay"},null,-1)])])):y("",!0)],32),e("div",{class:"relative rounded-lg bg-surface p-3",onMouseenter:o[7]||(o[7]=f=>v("embdim")),onMouseleave:k},[o[28]||(o[28]=e("span",{class:"text-text-muted"},"Embedding Dim",-1)),w(C(j),{class:"inline ms-1 h-3 w-3 text-text-muted align-text-top"}),e("span",as,c(t.architecture.embeddingLength),1),g.value==="embdim"?(s(),l("div",ls,[...o[27]||(o[27]=[M(" Size of the vector representing each token inside the model. Larger dimensions can capture richer semantic information but increase memory and compute. ",-1),e("div",{class:"absolute bottom-full left-1/2 -translate-x-1/2 -mb-px border-4 border-transparent border-b-surface-overlay"},null,-1)])])):y("",!0)],32),e("div",{class:"relative rounded-lg bg-surface p-3",onMouseenter:o[8]||(o[8]=f=>v("ffndim")),onMouseleave:k},[o[30]||(o[30]=e("span",{class:"text-text-muted"},"FFN Dim",-1)),w(C(j),{class:"inline ms-1 h-3 w-3 text-text-muted align-text-top"}),e("span",is,c(t.architecture.feedForwardLength),1),g.value==="ffndim"?(s(),l("div",ds,[...o[29]||(o[29]=[M(` Width of the feed-forward network's hidden layer. Typically 2-4x the embedding dimension. This is where much of the model's "knowledge" is stored as learned patterns. `,-1),e("div",{class:"absolute bottom-full left-1/2 -translate-x-1/2 -mb-px border-4 border-transparent border-b-surface-overlay"},null,-1)])])):y("",!0)],32)]),m.value?(s(),l("div",us,[e("button",{class:"flex w-full items-center justify-between p-4 text-start",onClick:o[9]||(o[9]=f=>p.value=!p.value)},[o[32]||(o[32]=e("h4",{class:"text-xs font-medium text-text-muted uppercase tracking-wide"},"Model Defaults",-1)),(s(),l("svg",{class:R(["h-4 w-4 text-text-muted transition-transform",p.value?"rotate-180":""]),viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[...o[31]||(o[31]=[e("path",{d:"M6 9l6 6 6-6"},null,-1)])],2))]),p.value?(s(),l("div",cs,[e("table",ms,[(s(!0),l(L,null,A(m.value,(f,h)=>(s(),l("tr",{key:h,class:"border-b border-border-default/50 last:border-0"},[e("td",ps,c(h),1),e("td",xs,c(f),1)]))),128))])])):y("",!0)])):y("",!0),d.value?(s(),l("div",fs,[e("button",{class:"flex w-full items-center justify-between p-4 text-start",onClick:o[10]||(o[10]=f=>i.value=!i.value)},[o[34]||(o[34]=e("h4",{class:"text-xs font-medium text-text-muted uppercase tracking-wide"},"Chat Template",-1)),(s(),l("svg",{class:R(["h-4 w-4 text-text-muted transition-transform",i.value?"rotate-180":""]),viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[...o[33]||(o[33]=[e("path",{d:"M6 9l6 6 6-6"},null,-1)])],2))]),i.value?(s(),l("div",bs,[e("pre",vs,c(d.value),1)])):y("",!0)])):y("",!0)]))}}),ys={class:"space-y-3"},hs={class:"flex items-center justify-between"},ks=["value"],_s={key:0,class:"overflow-auto rounded-lg border border-border-default bg-surface p-2"},$s=N({__name:"AttentionHeatmap",props:{patterns:{}},setup(t){const a=t,r=S(0),n=S(null),m=$(()=>a.patterns[r.value]??null);function d(){const p=n.value,i=m.value;if(!p||!i)return;const u=p.getContext("2d");if(!u)return;const x=i.matrix.length,b=Math.min(Math.floor(400/x),20),g=x*b;p.width=g,p.height=g;for(let v=0;v<x;v++)for(let k=0;k<x;k++){const T=i.matrix[v]?.[k]??0,o=Math.floor(T*255);u.fillStyle=`rgb(${Math.floor(56+T*100)}, ${Math.floor(100+o*.5)}, ${o})`,u.fillRect(k*b,v*b,b,b)}}return X(d),V([m],d),(p,i)=>(s(),l("div",ys,[e("div",hs,[i[1]||(i[1]=e("div",{class:"flex items-center gap-2"},[e("h4",{class:"text-sm font-medium text-text-secondary"},"Attention Pattern"),e("span",{class:"rounded-full bg-warning/20 px-2 py-0.5 text-xs text-warning"},"Illustrative")],-1)),t.patterns.length>1?W((s(),l("select",{key:0,"onUpdate:modelValue":i[0]||(i[0]=u=>r.value=u),class:"rounded border border-border-default bg-surface px-2 py-1 text-xs text-text-primary"},[(s(!0),l(L,null,A(t.patterns,(u,x)=>(s(),l("option",{key:x,value:x}," Layer "+c(u.layerIndex)+" / Head "+c(u.headIndex),9,ks))),128))],512)),[[De,r.value,void 0,{number:!0}]]):y("",!0)]),m.value?(s(),l("div",_s,[e("canvas",{ref_key:"canvasRef",ref:n,class:"max-w-full"},null,512)])):y("",!0),i[2]||(i[2]=e("p",{class:"text-xs text-text-muted leading-relaxed"},[M(" This is a "),e("strong",{class:"text-warning"},"synthetic illustration"),M(" of how attention patterns work in transformer models — it shows causal masking (tokens can only attend to previous tokens) and positional decay (nearby tokens get more attention). Real attention weights are not available through the Ollama API, so this visualization demonstrates the concept rather than reflecting actual model behavior. ")],-1))]))}}),ws={class:"space-y-3"},Cs={class:"h-48 rounded-lg border border-border-default bg-surface-raised p-4"},Ts=N({__name:"LayerActivationChart",props:{activations:{}},setup(t){J.register(K,U,re,Q);const a=t,r=$(()=>({labels:a.activations.map(m=>m.layerName.replace(/^block_\d+_/,"")),datasets:[{label:"Norm",data:a.activations.map(m=>m.norm),backgroundColor:"#a855f7"}]})),n={responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1}},scales:{x:{display:!1},y:{ticks:{color:"#94a3b8",font:{size:10}},grid:{color:"rgba(71, 85, 105, 0.3)"}}}};return(m,d)=>(s(),l("div",ws,[d[0]||(d[0]=e("div",{class:"flex items-center gap-2"},[e("h4",{class:"text-sm font-medium text-text-secondary"},"Layer Activation Norms"),e("span",{class:"rounded-full bg-warning/20 px-2 py-0.5 text-xs text-warning"},"Simulated")],-1)),e("div",Cs,[w(C(ae),{data:r.value,options:n},null,8,["data"])]),d[1]||(d[1]=e("p",{class:"text-xs text-text-muted leading-relaxed"},[M(" This is a "),e("strong",{class:"text-warning"},"simulated visualization"),M(" of activation norms across the model's layers. In a real model, these norms reveal how much each layer contributes to the output — unusually high norms can indicate exploding gradients or bottleneck layers, while low norms may suggest underutilized capacity. Actual activation data requires hooking into the inference engine, which the Ollama API does not expose. ")],-1))]))}}),Ms={class:"space-y-6"},Ss={key:0},zs={key:1},Ns={key:2},Ls={key:3,class:"rounded-lg border border-border-default bg-surface-raised p-8 text-center text-sm text-text-muted"},As=N({__name:"IntrospectionPanel",props:{sessionId:{},modelName:{}},setup(t){const a=t,r=de(),n=te(),m=$(()=>r.getArchitecture(a.modelName)),d=$(()=>r.getAttentionPatterns(a.sessionId)),p=$(()=>r.getLayerActivations(a.sessionId));return X(async()=>{m.value||await Mt(a.modelName);const i=m.value;if(i){if(d.value.length===0){const x=n.getTokens(a.sessionId).slice(0,30).map(b=>b.text);if(x.length>0){const b=$t(x,i.attentionHeadCount,i.blockCount);r.setAttentionPatterns(a.sessionId,b)}}if(p.value.length===0){const u=wt(i);r.setLayerActivations(a.sessionId,u)}}}),(i,u)=>(s(),l("div",Ms,[m.value?(s(),l("div",Ss,[u[0]||(u[0]=e("h3",{class:"mb-3 text-sm font-medium text-text-secondary"},"Model Architecture",-1)),w(gs,{architecture:m.value,"model-name":t.modelName},null,8,["architecture","model-name"])])):y("",!0),d.value.length>0?(s(),l("div",zs,[w($s,{patterns:d.value},null,8,["patterns"])])):y("",!0),p.value.length>0?(s(),l("div",Ns,[w(Ts,{activations:p.value},null,8,["activations"])])):y("",!0),m.value?y("",!0):(s(),l("div",Ls," Loading model introspection data... "))]))}}),Is={class:"overflow-auto rounded-lg bg-surface p-3 text-xs text-text-secondary font-mono max-h-80"},G=N({__name:"JsonViewer",props:{data:{},maxDepth:{}},setup(t){const a=t,r=$(()=>{try{return JSON.stringify(a.data,null,2)}catch{return String(a.data)}});return(n,m)=>(s(),l("pre",Is,c(r.value),1))}}),Ps={class:"rounded-lg border border-border-default bg-surface-raised"},js={class:"flex items-center gap-3"},Ds={class:"text-sm font-medium text-text-primary"},Rs={class:"ms-2 text-xs text-text-muted"},Fs={class:"flex items-center gap-2"},Os={key:0,class:"border-t border-border-default p-4 space-y-3"},Bs={key:0},qs={key:1},Hs={class:"rounded-lg bg-error/10 p-3 text-xs text-error"},Es=N({__name:"ToolCallCard",props:{entry:{}},emits:["optimize"],setup(t,{emit:a}){const r=t,n=a,m=$(()=>r.entry.status==="completed"&&r.entry.result!=null&&typeof r.entry.result=="object"),d=S(!1);return(p,i)=>(s(),l("div",Ps,[e("button",{class:"flex w-full items-center justify-between px-4 py-3 text-start hover:bg-surface-overlay transition-colors",onClick:i[0]||(i[0]=u=>d.value=!d.value)},[e("div",js,[i[2]||(i[2]=e("span",{class:"text-base"},"⚡",-1)),e("div",null,[e("span",Ds,c(t.entry.functionName),1),e("span",Rs,c(t.entry.durationMs!=null?C(B)(t.entry.durationMs):"pending"),1)])]),e("div",Fs,[w(se,{status:t.entry.status},null,8,["status"]),e("span",{class:R(["text-text-muted transition-transform text-xs",{"rotate-180":d.value}])},"▾",2)])]),d.value?(s(),l("div",Os,[e("div",null,[i[3]||(i[3]=e("div",{class:"text-xs font-medium text-text-muted uppercase tracking-wide mb-1"},"Arguments",-1)),w(G,{data:t.entry.arguments},null,8,["data"])]),t.entry.result!==void 0?(s(),l("div",Bs,[i[4]||(i[4]=e("div",{class:"text-xs font-medium text-text-muted uppercase tracking-wide mb-1"},"Result",-1)),w(G,{data:t.entry.result},null,8,["data"])])):y("",!0),t.entry.error?(s(),l("div",qs,[i[5]||(i[5]=e("div",{class:"text-xs font-medium text-error uppercase tracking-wide mb-1"},"Error",-1)),e("pre",Hs,c(t.entry.error),1)])):y("",!0),m.value?(s(),l("button",{key:2,class:"mt-1 rounded-md border border-border-default px-3 py-1.5 text-xs font-medium text-accent hover:bg-surface-overlay transition-colors",onClick:i[1]||(i[1]=ie(u=>n("optimize",t.entry),["stop"]))}," Optimize this Tool ")):y("",!0)])):y("",!0)]))}}),Vs={class:"space-y-4"},Ws={class:"flex items-center gap-4 rounded-lg border border-border-default bg-surface-raised p-4"},Gs={class:"text-sm text-text-secondary"},Js={class:"font-semibold text-text-primary"},Ks={key:0,class:"text-sm text-text-secondary"},Us={class:"text-text-primary"},Qs={key:0,class:"space-y-3"},Xs={key:1,class:"rounded-lg border border-border-default bg-surface-raised p-8 text-center text-sm text-text-muted"},Ys=N({__name:"ToolCallTimeline",props:{sessionId:{}},emits:["optimize"],setup(t,{emit:a}){const r=t,n=a,m=qe(),d=$(()=>m.getToolCalls(r.sessionId)),p=$(()=>d.value.reduce((i,u)=>i+(u.durationMs??0),0));return(i,u)=>(s(),l("div",Vs,[e("div",Ws,[e("div",Gs,[e("span",Js,c(d.value.length),1),u[1]||(u[1]=M(" tool calls ",-1))]),p.value>0?(s(),l("div",Ks,[u[2]||(u[2]=M(" Total: ",-1)),e("span",Us,c(C(B)(p.value)),1)])):y("",!0)]),d.value.length>0?(s(),l("div",Qs,[(s(!0),l(L,null,A(d.value,x=>(s(),P(Es,{key:x.id,entry:x,onOptimize:u[0]||(u[0]=b=>n("optimize",b))},null,8,["entry"]))),128))])):(s(),l("div",Xs,[...u[3]||(u[3]=[e("p",null,"No tool calls in this session.",-1),e("p",{class:"mt-1"},"Use chat mode with tool definitions to see tool call activity.",-1)])]))]))}});function Zs(t){const a=ve(),r=$(()=>a.getGraph(t.value)),n=S(800),m=S(400),d=$(()=>{const i=r.value?.nodes??[];if(i.length===0)return[];const u=180,x=60,b=60,g=m.value/2,v=i.length*(u+b);return n.value=Math.max(800,v+100),i.map((k,T)=>({...k,x:50+T*(u+b),y:g-x/2}))}),p=$(()=>{const i=r.value?.edges??[],u=new Map(d.value.map(x=>[x.id,x]));return i.map(x=>{const b=u.get(x.source),g=u.get(x.target);return!b||!g?null:{...x,x1:b.x+180,y1:b.y+30,x2:g.x,y2:g.y+30}}).filter(x=>x!==null)});return{graph:r,layoutNodes:d,layoutEdges:p,svgWidth:n,svgHeight:m}}const eo=["transform"],to=["stroke"],so={x:"12",y:"24",class:"fill-text-primary text-xs font-medium","font-size":"12"},oo={x:"12",y:"44",class:"fill-text-secondary text-xs","font-size":"11"},no=N({__name:"AgentNode",props:{node:{},selected:{type:Boolean}},emits:["select"],setup(t){const a=t,r=$(()=>$e[a.node.type]??"#94a3b8"),n={start:"▶",llm_call:"◈",tool_call:"⚡",decision:"◇",output:"■",error:"✕"};return(m,d)=>(s(),l("g",{transform:`translate(${t.node.x}, ${t.node.y})`,class:"cursor-pointer",onClick:d[0]||(d[0]=p=>m.$emit("select",t.node.id))},[e("rect",{width:"180",height:"60",rx:"8",class:R(["fill-surface-raised stroke-2",{"stroke-[3]":t.selected}]),stroke:r.value},null,10,to),e("text",so,c(n[t.node.type]??"•")+" "+c(t.node.type),1),e("text",oo,c(t.node.label.slice(0,22))+c(t.node.label.length>22?"...":""),1)],8,eo))}}),ro={key:0,class:"rounded-lg border border-border-default bg-surface-raised p-4 space-y-3"},ao={class:"text-sm font-medium text-text-primary"},lo={class:"grid grid-cols-2 gap-2 text-xs text-text-secondary"},io={class:"text-text-primary"},uo={class:"text-text-primary"},co={key:0},mo=N({__name:"AgentStateDiff",props:{node:{}},setup(t){return(a,r)=>t.node?(s(),l("div",ro,[e("h4",ao,c(t.node.label),1),e("div",lo,[e("div",null,[r[0]||(r[0]=M("Type: ",-1)),e("span",io,c(t.node.type),1)]),e("div",null,[r[1]||(r[1]=M("Step: ",-1)),e("span",uo,c(t.node.stepIndex),1)])]),Object.keys(t.node.state).length>0?(s(),l("div",co,[r[2]||(r[2]=e("div",{class:"text-xs font-medium text-text-muted uppercase tracking-wide mb-1"},"State",-1)),w(G,{data:t.node.state},null,8,["data"])])):y("",!0)])):y("",!0)}}),po={class:"space-y-4"},xo={key:0,class:"flex gap-4"},fo={class:"flex-1 overflow-auto rounded-lg border border-border-default bg-surface"},bo=["width","height"],vo=["x1","y1","x2","y2"],go={class:"w-72 shrink-0"},yo={key:0,class:"rounded-lg border border-border-default bg-surface-raised p-4 text-center text-sm text-text-muted"},ho={key:1,class:"rounded-lg border border-border-default bg-surface-raised p-8 text-center text-sm text-text-muted"},ko=N({__name:"AgentGraphView",props:{sessionId:{}},setup(t){const a=t,r=$(()=>a.sessionId),{layoutNodes:n,layoutEdges:m,svgWidth:d,svgHeight:p}=Zs(r),i=S(null),u=$(()=>i.value?n.value.find(x=>x.id===i.value)??null:null);return(x,b)=>(s(),l("div",po,[C(n).length>0?(s(),l("div",xo,[e("div",fo,[(s(),l("svg",{width:C(d),height:C(p),class:"min-w-full"},[(s(!0),l(L,null,A(C(m),g=>(s(),l("line",{key:g.id,x1:g.x1,y1:g.y1,x2:g.x2,y2:g.y2,class:"stroke-border-default","stroke-width":"2","marker-end":"url(#arrowhead)"},null,8,vo))),128)),b[1]||(b[1]=e("defs",null,[e("marker",{id:"arrowhead",markerWidth:"10",markerHeight:"7",refX:"10",refY:"3.5",orient:"auto"},[e("polygon",{points:"0 0, 10 3.5, 0 7",class:"fill-border-default"})])],-1)),(s(!0),l(L,null,A(C(n),g=>(s(),P(no,{key:g.id,node:g,selected:i.value===g.id,onSelect:b[0]||(b[0]=v=>i.value=v)},null,8,["node","selected"]))),128))],8,bo))]),e("div",go,[w(mo,{node:u.value},null,8,["node"]),u.value?y("",!0):(s(),l("div",yo," Click a node to inspect its state. "))])])):(s(),l("div",ho,[...b[2]||(b[2]=[e("p",null,"No agent graph data for this session.",-1),e("p",{class:"mt-1"},"Agent graph nodes are created during generation.",-1)])]))]))}}),_o={class:"rounded-lg border border-border-default bg-surface-raised overflow-hidden"},$o={class:"flex items-center justify-between px-4 py-2 border-b border-border-default"},wo={class:"flex items-center gap-2"},Co={class:"text-sm font-medium text-text-primary"},To={class:"rounded-full bg-surface-overlay px-2 py-0.5 text-xs text-text-muted"},Mo={class:"flex items-center gap-3 text-xs text-text-secondary"},So={class:"text-text-muted"},zo={class:"h-1 bg-surface"},No={class:"px-4 py-3 text-xs text-text-secondary font-mono whitespace-pre-wrap max-h-40 overflow-auto"},Lo=N({__name:"PromptSection",props:{section:{},totalTokens:{}},setup(t){const r=O[t.section.type]??O.unknown;return(n,m)=>(s(),l("div",_o,[e("div",$o,[e("div",wo,[e("div",{class:"h-3 w-3 rounded-sm",style:H({backgroundColor:C(r)})},null,4),e("span",Co,c(t.section.label),1),e("span",To,c(t.section.type),1)]),e("div",Mo,[e("span",null,"~"+c(t.section.tokenCount)+" tokens",1),e("span",So,c(t.section.percentage.toFixed(1))+"%",1)])]),e("div",zo,[e("div",{class:"h-full transition-all",style:H({width:`${t.section.percentage}%`,backgroundColor:C(r)})},null,4)]),e("pre",No,c(t.section.content),1)]))}}),Ao={class:"rounded-lg border border-border-default bg-surface-raised p-4"},Io={class:"text-xs font-medium text-text-muted uppercase tracking-wide mb-3"},Po={class:"flex h-6 overflow-hidden rounded-lg"},jo=["title"],Do={class:"mt-3 flex flex-wrap gap-3 text-xs"},Ro={class:"text-text-secondary"},Fo={class:"text-text-muted"},Oo=N({__name:"PromptTokenCount",props:{sections:{},totalTokens:{}},setup(t){return(a,r)=>(s(),l("div",Ao,[e("h4",Io," Token Distribution (~"+c(t.totalTokens)+" total) ",1),e("div",Po,[(s(!0),l(L,null,A(t.sections,n=>(s(),l("div",{key:n.id,class:"transition-all",style:H({width:`${n.percentage}%`,backgroundColor:C(O)[n.type]??C(O).unknown,minWidth:n.percentage>0?"2px":"0"}),title:`${n.label}: ~${n.tokenCount} tokens (${n.percentage.toFixed(1)}%)`},null,12,jo))),128))]),e("div",Do,[(s(!0),l(L,null,A(t.sections,n=>(s(),l("div",{key:n.id,class:"flex items-center gap-1.5"},[e("div",{class:"h-2.5 w-2.5 rounded-sm",style:H({backgroundColor:C(O)[n.type]??C(O).unknown})},null,4),e("span",Ro,c(n.label),1),e("span",Fo,"("+c(n.percentage.toFixed(0))+"%)",1)]))),128))])]))}}),Bo={key:0,class:"space-y-4"},qo={class:"space-y-3"},Ho={key:0,class:"rounded-lg border border-border-default bg-surface-raised p-4"},Eo={class:"space-y-2"},Vo={class:"flex items-center gap-2"},Wo={class:"rounded-full bg-surface-overlay px-2 py-0.5 text-xs text-text-muted"},Go={class:"text-text-secondary truncate max-w-md"},Jo={class:"text-xs text-text-muted"},Ko={key:1,class:"rounded-lg border border-border-default bg-surface-raised p-8 text-center text-sm text-text-muted"},Uo=N({__name:"PromptInspector",props:{sessionId:{}},setup(t){const a=t,r=we(),n=$(()=>r.getAnatomy(a.sessionId)),m=$(()=>r.getSections(a.sessionId));return(d,p)=>n.value?(s(),l("div",Bo,[w(Oo,{sections:m.value,"total-tokens":n.value.totalTokenCount},null,8,["sections","total-tokens"]),e("div",qo,[(s(!0),l(L,null,A(m.value,i=>(s(),P(Lo,{key:i.id,section:i,"total-tokens":n.value.totalTokenCount},null,8,["section","total-tokens"]))),128))]),n.value.messages&&n.value.messages.length>0?(s(),l("div",Ho,[p[0]||(p[0]=e("h4",{class:"text-xs font-medium text-text-muted uppercase tracking-wide mb-3"},"Message Breakdown",-1)),e("div",Eo,[(s(!0),l(L,null,A(n.value.messages,(i,u)=>(s(),l("div",{key:u,class:"flex items-center justify-between rounded-lg bg-surface px-3 py-2 text-sm"},[e("div",Vo,[e("span",Wo,c(i.role),1),e("span",Go,c(i.content.slice(0,80))+c(i.content.length>80?"...":""),1)]),e("span",Jo,"~"+c(i.tokenCount)+" tok",1)]))),128))])])):y("",!0)])):(s(),l("div",Ko," No prompt anatomy data available. "))}});function Qo(t,a){if(a.length===0)return t;const r=Ee(a,"__raw"),n=t.split(`
+import{u as xe}from"./session-store-BO1u_qJQ.js";import{u as fe}from"./metrics-store-DzujlkfW.js";import{b as be,a as te,u as ve}from"./agent-store-Ak5tH3gE.js";import{d as ge,a as ye,b as he}from"./download-WPaeALA4.js";import{_ as ke}from"./TabBar.vue_vue_type_script_setup_true_lang-BwHA1qGL.js";import{b as _e,_ as se,n as $e,s as O,u as we}from"./StatusBadge.vue_vue_type_script_setup_true_lang-DO0LFtqz.js";import{_ as Ce}from"./TokenStreamDisplay.vue_vue_type_script_setup_true_lang-DyRMkTKm.js";import{c as B,a as Te,f as Y,e as Me}from"./format-BqVZ9rwM.js";import{C as J,a as K,L as U,P as Se,b as ze,p as oe,c as Q,d as ne,i as Ne,e as Le,B as re,f as ae}from"./index-YmhR__TY.js";import{b as N,e as l,f as e,t as c,p as w,u as C,a as $,j as s,F as L,k as A,q as P,g as R,h as M,d as Ae,r as S,A as le,i as y,L as Ie,l as H,M as Pe,N as je,B as X,w as V,C as W,G as De,v as ie,T as Re,X as Fe,D as Z,H as Oe,z as Be}from"./index-S2vqeDf7.js";import{I as j}from"./info-47X0r1B2.js";import{u as qe}from"./toolcall-store-BEFdRqL-.js";import{u as He}from"./tool-workshop-store-BLoF0Gob.js";import{s as Ee,J as Ve,g as We}from"./JsonTreeNode-BSiw1fzq.js";import{D as Ge}from"./download-DgBo5doZ.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const Je={class:"rounded-lg border border-border-default bg-surface-raised p-4"},Ke={class:"mb-3 text-sm font-medium text-text-secondary"},Ue={class:"h-40"},Qe=N({__name:"LatencyChart",props:{tokenLatencies:{},title:{}},setup(t){J.register(K,U,Se,ze,oe,Q,ne,Ne);const a=t,r=$(()=>({labels:a.tokenLatencies.map((m,d)=>`${d}`),datasets:[{label:"Token Latency (ms)",data:a.tokenLatencies,borderColor:"#a855f7",backgroundColor:"rgba(168, 85, 247, 0.1)",borderWidth:1.5,pointRadius:0,fill:!0,tension:.3}]})),n={responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},title:{display:!1}},scales:{x:{display:!1},y:{ticks:{color:"#94a3b8",font:{size:10}},grid:{color:"rgba(71, 85, 105, 0.3)"}}}};return(m,d)=>(s(),l("div",Je,[e("h3",Ke,c(t.title??"Token Latency"),1),e("div",Ue,[w(C(Le),{data:r.value,options:n},null,8,["data"])])]))}}),Xe={class:"rounded-lg border border-border-default bg-surface-raised p-4"},Ye={class:"h-20"},Ze={class:"mt-2 flex gap-4 text-xs text-text-muted"},et=N({__name:"TokenCountBar",props:{promptTokens:{},completionTokens:{}},setup(t){J.register(K,U,re,oe,Q,ne);const a=t,r=$(()=>({labels:["Tokens"],datasets:[{label:"Prompt",data:[a.promptTokens],backgroundColor:"#818cf8"},{label:"Completion",data:[a.completionTokens],backgroundColor:"#a855f7"}]})),n={indexAxis:"y",responsive:!0,maintainAspectRatio:!1,plugins:{legend:{position:"bottom",labels:{color:"#94a3b8",font:{size:11}}}},scales:{x:{stacked:!0,ticks:{color:"#94a3b8",font:{size:10}},grid:{color:"rgba(71, 85, 105, 0.3)"}},y:{stacked:!0,display:!1}}};return(m,d)=>(s(),l("div",Xe,[d[0]||(d[0]=e("h3",{class:"mb-3 text-sm font-medium text-text-secondary"},"Token Distribution",-1)),e("div",Ye,[w(C(ae),{data:r.value,options:n},null,8,["data"])]),e("div",Ze,[e("span",null,"Total: "+c(t.promptTokens+t.completionTokens),1)])]))}}),tt={key:0,class:"space-y-4"},st={class:"grid grid-cols-2 gap-3 lg:grid-cols-3 xl:grid-cols-6"},ot={class:"grid grid-cols-1 gap-3 lg:grid-cols-2"},nt={key:1,class:"rounded-lg border border-border-default bg-surface-raised p-8 text-center text-sm text-text-muted"},rt=N({__name:"MetricsDashboard",props:{metrics:{}},setup(t){const a=t,r=$(()=>{const n=a.metrics;return n?[{label:"Time to First Token",value:B(n.ttftMs),unit:""},{label:"Tokens/Second",value:Te(n.tokensPerSecond),unit:""},{label:"Total Duration",value:B(n.totalDurationMs),unit:""},{label:"Prompt Tokens",value:Y(n.promptTokenCount),unit:"tok"},{label:"Completion Tokens",value:Y(n.completionTokenCount),unit:"tok"},{label:"Model Load",value:B(n.loadDurationMs),unit:""}]:[]});return(n,m)=>t.metrics?(s(),l("div",tt,[e("div",st,[(s(!0),l(L,null,A(r.value,d=>(s(),P(_e,{key:d.label,label:d.label,value:d.value,unit:d.unit},null,8,["label","value","unit"]))),128))]),e("div",ot,[w(Qe,{"token-latencies":t.metrics.tokenLatencies},null,8,["token-latencies"]),w(et,{"prompt-tokens":t.metrics.promptTokenCount,"completion-tokens":t.metrics.completionTokenCount},null,8,["prompt-tokens","completion-tokens"])])])):(s(),l("div",nt," Metrics will appear after generation completes. "))}}),at={class:"flex gap-3"},lt={class:"flex flex-col items-center"},it={class:"flex h-8 w-8 items-center justify-center rounded-full bg-surface-overlay text-sm"},dt={class:"flex-1 pb-4"},ut={class:"flex items-center gap-2 mb-1"},ct={class:"text-xs text-text-muted"},mt={class:"rounded-lg border border-border-default bg-surface p-3 text-sm text-text-primary leading-relaxed"},pt=N({__name:"ReasoningStep",props:{step:{}},setup(t){const a={thought:{color:"text-accent",icon:"💭"},observation:{color:"text-success",icon:"👁"},action:{color:"text-warning",icon:"⚡"},conclusion:{color:"text-[#a78bfa]",icon:"✓"},reflection:{color:"text-[#f472b6]",icon:"↻"}};return(r,n)=>(s(),l("div",at,[e("div",lt,[e("div",it,c(a[t.step.type]?.icon??"•"),1),n[0]||(n[0]=e("div",{class:"flex-1 w-px bg-border-default"},null,-1))]),e("div",dt,[e("div",ut,[e("span",{class:R(["text-xs font-semibold uppercase tracking-wide",a[t.step.type]?.color??"text-text-secondary"])},c(t.step.type),3),e("span",ct," Step "+c(t.step.index+1)+" · "+c(C(B)(t.step.durationMs)),1)]),e("div",mt,c(t.step.content),1)])]))}}),xt={class:"space-y-4"},ft={class:"flex items-center gap-4 rounded-lg border border-border-default bg-surface-raised p-4"},bt={class:"text-sm text-text-secondary"},vt={class:"font-semibold text-text-primary"},gt={class:"flex gap-2"},yt={key:0,class:"space-y-0"},ht={key:1,class:"rounded-lg border border-border-default bg-surface-raised p-8 text-center text-sm text-text-muted"},kt=N({__name:"ReasoningViewer",props:{sessionId:{}},setup(t){const a=t,r=be(),n=$(()=>r.getSteps(a.sessionId)),m=$(()=>{const d={};for(const p of n.value)d[p.type]=(d[p.type]??0)+1;return d});return(d,p)=>(s(),l("div",xt,[e("div",ft,[e("div",bt,[e("span",vt,c(n.value.length),1),p[0]||(p[0]=M(" reasoning steps detected ",-1))]),e("div",gt,[(s(!0),l(L,null,A(m.value,(i,u)=>(s(),l("span",{key:u,class:"rounded-full bg-surface-overlay px-2.5 py-0.5 text-xs text-text-secondary"},c(u)+": "+c(i),1))),128))])]),n.value.length>0?(s(),l("div",yt,[(s(!0),l(L,null,A(n.value,i=>(s(),P(pt,{key:i.id,step:i},null,8,["step"]))),128))])):(s(),l("div",ht,[...p[1]||(p[1]=[e("p",null,"No reasoning steps detected.",-1),e("p",{class:"mt-1"},"Use a model with chain-of-thought support (e.g., DeepSeek-R1) or structured reasoning patterns.",-1)])]))]))}}),de=Ae("introspection",()=>{const t=S(new Map),a=S(new Map),r=S(new Map);function n(x){return t.value.get(x)??null}function m(x,b){t.value.set(x,b)}function d(x){return a.value.get(x)??[]}function p(x,b){a.value.set(x,b)}function i(x){return r.value.get(x)??[]}function u(x,b){r.value.set(x,b)}return{architectureByModel:t,attentionPatterns:a,layerActivations:r,getArchitecture:n,setArchitecture:m,getAttentionPatterns:d,setAttentionPatterns:p,getLayerActivations:i,setLayerActivations:u}});function _t(t,a){const r=a.model_info,n=a.details.family||"unknown",m=F(r,"block_count")??32,d=F(r,"embedding_length")??4096,p=F(r,"attention.head_count")??32,i=F(r,"attention.head_count_kv")??p,u=F(r,"context_length")??4096,x=F(r,"feed_forward_length")??d*4,b=a.details.parameter_size||"0",g=Ct(b),v=Tt(m);return{family:n,blockCount:m,embeddingLength:d,attentionHeadCount:p,kvHeadCount:i,contextLength:u,feedForwardLength:x,layers:v,totalParameters:g,quantization:a.details.quantization_level||"unknown"}}function $t(t,a,r){const n=[],m=t.length,d=Math.min(a,2),p=Math.min(r,2);for(let i=0;i<p;i++)for(let u=0;u<d;u++){const x=[];for(let b=0;b<m;b++){const g=[];for(let k=0;k<m;k++)if(k>b)g.push(0);else{const T=b-k,o=Math.exp(-T*(.1+i*.05)),f=Math.random()*.15,h=k===b?.3:0;g.push(Math.min(1,o+f+h))}const v=g.reduce((k,T)=>k+T,0);x.push(v>0?g.map(k=>k/v):g)}n.push({tokenLabels:t,matrix:x,headIndex:u,layerIndex:i})}return n}function wt(t){const a=[];for(const r of t.layers){const n=Math.sqrt(t.embeddingLength)*(1+Math.random()*.5),m=r.type==="attention"?1:r.type==="feed_forward"?1.3:.8;a.push({layerIndex:r.index,layerName:r.name,meanActivation:(.5+Math.random()*.5)*m,maxActivation:(2+Math.random()*3)*m,norm:n*m*(.8+Math.random()*.4)})}return a}function F(t,a){for(const[r,n]of Object.entries(t))if(r.endsWith(a)&&typeof n=="number")return n}function Ct(t){const a=t.match(/([\d.]+)\s*([BMK])?/i);if(!a)return 0;const r=parseFloat(a[1]),n=(a[2]??"").toUpperCase();return n==="B"?r*1e9:n==="M"?r*1e6:n==="K"?r*1e3:r}function Tt(t){const a=[];let r=0;a.push({index:r++,name:"token_embedding",type:"embedding",parameterCount:0});for(let n=0;n<t;n++)a.push({index:r++,name:`block_${n}_attention`,type:"attention",parameterCount:0}),a.push({index:r++,name:`block_${n}_ffn`,type:"feed_forward",parameterCount:0}),a.push({index:r++,name:`block_${n}_norm`,type:"norm",parameterCount:0});return a.push({index:r++,name:"output",type:"output",parameterCount:0}),a}async function Mt(t){const a=le(),r=de();await a.fetchModelInfo(t);const n=a.getModelDetails(t);if(n){const m=_t(t,n);r.setArchitecture(t,m)}}const St={class:"space-y-4"},zt={key:0,class:"rounded-lg bg-surface p-4"},Nt={class:"flex items-center gap-2 flex-wrap"},Lt=["onMouseenter"],At={key:1,class:"absolute top-full left-1/2 -translate-x-1/2 mt-2 w-56 rounded-lg border border-border-default bg-surface-overlay px-3 py-2 text-xs text-text-secondary shadow-lg z-10"},It={class:"grid grid-cols-2 gap-3 lg:grid-cols-4"},Pt={class:"flex items-center gap-1 text-xs text-text-muted"},jt={class:"text-sm font-medium text-text-primary"},Dt={key:0,class:"absolute top-full left-1/2 -translate-x-1/2 mt-2 w-56 rounded-lg border border-border-default bg-surface-overlay px-3 py-2 text-xs text-text-secondary shadow-lg z-10"},Rt={class:"flex items-center gap-1 text-xs text-text-muted"},Ft={class:"text-sm font-medium text-text-primary"},Ot={key:0,class:"absolute top-full left-1/2 -translate-x-1/2 mt-2 w-56 rounded-lg border border-border-default bg-surface-overlay px-3 py-2 text-xs text-text-secondary shadow-lg z-10"},Bt={class:"flex items-center gap-1 text-xs text-text-muted"},qt={class:"text-sm font-medium text-text-primary"},Ht={key:0,class:"absolute top-full left-1/2 -translate-x-1/2 mt-2 w-64 rounded-lg border border-border-default bg-surface-overlay px-3 py-2 text-xs text-text-secondary shadow-lg z-10"},Et={class:"flex items-center gap-1 text-xs text-text-muted"},Vt={class:"text-sm font-medium text-text-primary"},Wt={key:0,class:"absolute top-full left-1/2 -translate-x-1/2 mt-2 w-64 rounded-lg border border-border-default bg-surface-overlay px-3 py-2 text-xs text-text-secondary shadow-lg z-10"},Gt={class:"rounded-lg bg-surface p-4"},Jt={class:"flex items-center gap-1 mb-3"},Kt={class:"text-xs font-medium text-text-muted uppercase tracking-wide"},Ut={key:0,class:"absolute top-full left-1/2 -translate-x-1/2 mt-2 w-64 rounded-lg border border-border-default bg-surface-overlay px-3 py-2 text-xs text-text-secondary shadow-lg z-10"},Qt={class:"flex items-center gap-2 flex-wrap"},Xt=["onMouseenter"],Yt={class:"text-xs text-text-primary"},Zt={class:"text-xs text-text-muted"},es={key:0,class:"absolute top-full left-1/2 -translate-x-1/2 mt-2 w-60 rounded-lg border border-border-default bg-surface-overlay px-3 py-2 text-xs text-text-secondary shadow-lg z-10"},ts={class:"grid grid-cols-2 gap-3 text-xs"},ss={class:"ms-1 text-text-primary"},os={key:0,class:"absolute top-full left-1/2 -translate-x-1/2 mt-2 w-60 rounded-lg border border-border-default bg-surface-overlay px-3 py-2 text-xs text-text-secondary shadow-lg z-10"},ns={class:"ms-1 text-text-primary"},rs={key:0,class:"absolute top-full left-1/2 -translate-x-1/2 mt-2 w-64 rounded-lg border border-border-default bg-surface-overlay px-3 py-2 text-xs text-text-secondary shadow-lg z-10"},as={class:"ms-1 text-text-primary"},ls={key:0,class:"absolute top-full left-1/2 -translate-x-1/2 mt-2 w-60 rounded-lg border border-border-default bg-surface-overlay px-3 py-2 text-xs text-text-secondary shadow-lg z-10"},is={class:"ms-1 text-text-primary"},ds={key:0,class:"absolute top-full left-1/2 -translate-x-1/2 mt-2 w-64 rounded-lg border border-border-default bg-surface-overlay px-3 py-2 text-xs text-text-secondary shadow-lg z-10"},us={key:1,class:"rounded-lg bg-surface"},cs={key:0,class:"border-t border-border-default px-4 pb-4 pt-2"},ms={class:"w-full text-xs"},ps={class:"py-1.5 pe-4 text-text-muted font-mono"},xs={class:"py-1.5 text-text-primary font-mono"},fs={key:2,class:"rounded-lg bg-surface"},bs={key:0,class:"border-t border-border-default px-4 pb-4 pt-2"},vs={class:"overflow-auto rounded-lg bg-surface-raised p-3 text-xs text-text-secondary font-mono leading-relaxed"},gs=N({__name:"ModelArchitectureDiagram",props:{architecture:{},modelName:{}},setup(t){const a=t,r=le(),n=$(()=>a.modelName?r.getModelDetails(a.modelName)??null:null),m=$(()=>{if(!n.value?.parameters)return null;const T=Pe(n.value.parameters);return Object.keys(T).length>0?T:null}),d=$(()=>n.value?.template??null),p=S(!1),i=S(!1),u=$(()=>a.modelName?je(r.getCapabilities(a.modelName)):[]),x={embedding:"#818cf8",attention:"#a855f7",feed_forward:"#fb923c",norm:"#94a3b8",output:"#4ade80"},b=$(()=>{const T=a.architecture;return[{label:"Embedding",color:x.embedding,count:1,desc:"Converts input tokens into dense numerical vectors the model can process"},{label:"Attention",color:x.attention,count:T.blockCount,desc:"Lets each token attend to every other token to capture relationships and context"},{label:"FFN",color:x.feed_forward,count:T.blockCount,desc:"Feed-Forward Network — applies non-linear transformations to refine representations"},{label:"LayerNorm",color:x.norm,count:T.blockCount,desc:"Normalizes activations between layers to stabilize and speed up training"},{label:"Output",color:x.output,count:1,desc:"Projects the final hidden state back to vocabulary size to predict the next token"}]}),g=S(null);function v(T){g.value=T}function k(){g.value=null}return(T,o)=>(s(),l("div",St,[u.value.length>0?(s(),l("div",zt,[o[12]||(o[12]=e("h4",{class:"text-xs font-medium text-text-muted uppercase tracking-wide mb-3"},"Capabilities",-1)),e("div",Nt,[(s(!0),l(L,null,A(u.value,f=>(s(),l("div",{key:f.key,class:"relative flex items-center gap-1.5 rounded-lg border border-border-default px-3 py-1.5",onMouseenter:h=>v("cap-"+f.key),onMouseleave:k},[f.icon?(s(),P(Ie(f.icon),{key:0,class:R(["h-3.5 w-3.5 shrink-0",f.color])},null,8,["class"])):y("",!0),e("span",{class:R(["text-xs font-medium",f.color])},c(f.label),3),g.value==="cap-"+f.key?(s(),l("div",At,[M(c(f.desc)+" ",1),o[11]||(o[11]=e("div",{class:"absolute bottom-full left-1/2 -translate-x-1/2 -mb-px border-4 border-transparent border-b-surface-overlay"},null,-1))])):y("",!0)],40,Lt))),128))])])):y("",!0),e("div",It,[e("div",{class:"relative rounded-lg bg-surface p-3",onMouseenter:o[0]||(o[0]=f=>v("family")),onMouseleave:k},[e("div",Pt,[o[13]||(o[13]=M(" Family ",-1)),w(C(j),{class:"h-3 w-3"})]),e("div",jt,c(t.architecture.family),1),g.value==="family"?(s(),l("div",Dt,[...o[14]||(o[14]=[M(" The base model architecture family (e.g. llama, qwen). Models in the same family share the same neural network design. ",-1),e("div",{class:"absolute bottom-full left-1/2 -translate-x-1/2 -mb-px border-4 border-transparent border-b-surface-overlay"},null,-1)])])):y("",!0)],32),e("div",{class:"relative rounded-lg bg-surface p-3",onMouseenter:o[1]||(o[1]=f=>v("params")),onMouseleave:k},[e("div",Rt,[o[15]||(o[15]=M(" Parameters ",-1)),w(C(j),{class:"h-3 w-3"})]),e("div",Ft,c(C(Me)(t.architecture.totalParameters)),1),g.value==="params"?(s(),l("div",Ot,[...o[16]||(o[16]=[M(" Total number of trainable weights in the model. More parameters generally means greater capability but requires more memory and compute. ",-1),e("div",{class:"absolute bottom-full left-1/2 -translate-x-1/2 -mb-px border-4 border-transparent border-b-surface-overlay"},null,-1)])])):y("",!0)],32),e("div",{class:"relative rounded-lg bg-surface p-3",onMouseenter:o[2]||(o[2]=f=>v("ctx")),onMouseleave:k},[e("div",Bt,[o[17]||(o[17]=M(" Context Length ",-1)),w(C(j),{class:"h-3 w-3"})]),e("div",qt,c(t.architecture.contextLength.toLocaleString()),1),g.value==="ctx"?(s(),l("div",Ht,[...o[18]||(o[18]=[M(" Maximum number of tokens (prompt + response) the model can process in a single conversation. Longer context allows more detailed instructions and longer conversations. ",-1),e("div",{class:"absolute bottom-full left-1/2 -translate-x-1/2 -mb-px border-4 border-transparent border-b-surface-overlay"},null,-1)])])):y("",!0)],32),e("div",{class:"relative rounded-lg bg-surface p-3",onMouseenter:o[3]||(o[3]=f=>v("quant")),onMouseleave:k},[e("div",Et,[o[19]||(o[19]=M(" Quantization ",-1)),w(C(j),{class:"h-3 w-3"})]),e("div",Vt,c(t.architecture.quantization),1),g.value==="quant"?(s(),l("div",Wt,[...o[20]||(o[20]=[M(" How model weights are compressed. Q4_K_M means 4-bit quantization with K-quant medium quality — smaller file size and faster inference with a small quality trade-off vs full precision (F16/F32). ",-1),e("div",{class:"absolute bottom-full left-1/2 -translate-x-1/2 -mb-px border-4 border-transparent border-b-surface-overlay"},null,-1)])])):y("",!0)],32)]),e("div",Gt,[e("div",Jt,[e("h4",Kt,"Layer Structure ("+c(t.architecture.blockCount)+" blocks)",1),e("div",{class:"relative",onMouseenter:o[4]||(o[4]=f=>v("layers")),onMouseleave:k},[w(C(j),{class:"h-3 w-3 text-text-muted"}),g.value==="layers"?(s(),l("div",Ut,[...o[21]||(o[21]=[M(" Transformer models are built from repeated blocks. Each block contains attention, feed-forward, and normalization layers. More blocks = deeper model. ",-1),e("div",{class:"absolute bottom-full left-1/2 -translate-x-1/2 -mb-px border-4 border-transparent border-b-surface-overlay"},null,-1)])])):y("",!0)],32)]),e("div",Qt,[(s(!0),l(L,null,A(b.value,f=>(s(),l("div",{key:f.label,class:"relative flex items-center gap-2 rounded-lg border border-border-default px-3 py-2",onMouseenter:h=>v("block-"+f.label),onMouseleave:k},[e("div",{class:"h-3 w-3 rounded-sm",style:H({backgroundColor:f.color})},null,4),e("span",Yt,c(f.label),1),e("span",Zt,"×"+c(f.count),1),g.value==="block-"+f.label?(s(),l("div",es,[M(c(f.desc)+" ",1),o[22]||(o[22]=e("div",{class:"absolute bottom-full left-1/2 -translate-x-1/2 -mb-px border-4 border-transparent border-b-surface-overlay"},null,-1))])):y("",!0)],40,Xt))),128))])]),e("div",ts,[e("div",{class:"relative rounded-lg bg-surface p-3",onMouseenter:o[5]||(o[5]=f=>v("aheads")),onMouseleave:k},[o[24]||(o[24]=e("span",{class:"text-text-muted"},"Attention Heads",-1)),w(C(j),{class:"inline ms-1 h-3 w-3 text-text-muted align-text-top"}),e("span",ss,c(t.architecture.attentionHeadCount),1),g.value==="aheads"?(s(),l("div",os,[...o[23]||(o[23]=[M(" Number of parallel attention computations per layer. Each head learns to focus on different patterns (syntax, semantics, position, etc.). ",-1),e("div",{class:"absolute bottom-full left-1/2 -translate-x-1/2 -mb-px border-4 border-transparent border-b-surface-overlay"},null,-1)])])):y("",!0)],32),e("div",{class:"relative rounded-lg bg-surface p-3",onMouseenter:o[6]||(o[6]=f=>v("kvheads")),onMouseleave:k},[o[26]||(o[26]=e("span",{class:"text-text-muted"},"KV Heads",-1)),w(C(j),{class:"inline ms-1 h-3 w-3 text-text-muted align-text-top"}),e("span",ns,c(t.architecture.kvHeadCount),1),g.value==="kvheads"?(s(),l("div",rs,[...o[25]||(o[25]=[M(" Key-Value heads used in Grouped Query Attention (GQA). Fewer KV heads than attention heads means memory savings — multiple query heads share the same key/value projections. ",-1),e("div",{class:"absolute bottom-full left-1/2 -translate-x-1/2 -mb-px border-4 border-transparent border-b-surface-overlay"},null,-1)])])):y("",!0)],32),e("div",{class:"relative rounded-lg bg-surface p-3",onMouseenter:o[7]||(o[7]=f=>v("embdim")),onMouseleave:k},[o[28]||(o[28]=e("span",{class:"text-text-muted"},"Embedding Dim",-1)),w(C(j),{class:"inline ms-1 h-3 w-3 text-text-muted align-text-top"}),e("span",as,c(t.architecture.embeddingLength),1),g.value==="embdim"?(s(),l("div",ls,[...o[27]||(o[27]=[M(" Size of the vector representing each token inside the model. Larger dimensions can capture richer semantic information but increase memory and compute. ",-1),e("div",{class:"absolute bottom-full left-1/2 -translate-x-1/2 -mb-px border-4 border-transparent border-b-surface-overlay"},null,-1)])])):y("",!0)],32),e("div",{class:"relative rounded-lg bg-surface p-3",onMouseenter:o[8]||(o[8]=f=>v("ffndim")),onMouseleave:k},[o[30]||(o[30]=e("span",{class:"text-text-muted"},"FFN Dim",-1)),w(C(j),{class:"inline ms-1 h-3 w-3 text-text-muted align-text-top"}),e("span",is,c(t.architecture.feedForwardLength),1),g.value==="ffndim"?(s(),l("div",ds,[...o[29]||(o[29]=[M(` Width of the feed-forward network's hidden layer. Typically 2-4x the embedding dimension. This is where much of the model's "knowledge" is stored as learned patterns. `,-1),e("div",{class:"absolute bottom-full left-1/2 -translate-x-1/2 -mb-px border-4 border-transparent border-b-surface-overlay"},null,-1)])])):y("",!0)],32)]),m.value?(s(),l("div",us,[e("button",{class:"flex w-full items-center justify-between p-4 text-start",onClick:o[9]||(o[9]=f=>p.value=!p.value)},[o[32]||(o[32]=e("h4",{class:"text-xs font-medium text-text-muted uppercase tracking-wide"},"Model Defaults",-1)),(s(),l("svg",{class:R(["h-4 w-4 text-text-muted transition-transform",p.value?"rotate-180":""]),viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[...o[31]||(o[31]=[e("path",{d:"M6 9l6 6 6-6"},null,-1)])],2))]),p.value?(s(),l("div",cs,[e("table",ms,[(s(!0),l(L,null,A(m.value,(f,h)=>(s(),l("tr",{key:h,class:"border-b border-border-default/50 last:border-0"},[e("td",ps,c(h),1),e("td",xs,c(f),1)]))),128))])])):y("",!0)])):y("",!0),d.value?(s(),l("div",fs,[e("button",{class:"flex w-full items-center justify-between p-4 text-start",onClick:o[10]||(o[10]=f=>i.value=!i.value)},[o[34]||(o[34]=e("h4",{class:"text-xs font-medium text-text-muted uppercase tracking-wide"},"Chat Template",-1)),(s(),l("svg",{class:R(["h-4 w-4 text-text-muted transition-transform",i.value?"rotate-180":""]),viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[...o[33]||(o[33]=[e("path",{d:"M6 9l6 6 6-6"},null,-1)])],2))]),i.value?(s(),l("div",bs,[e("pre",vs,c(d.value),1)])):y("",!0)])):y("",!0)]))}}),ys={class:"space-y-3"},hs={class:"flex items-center justify-between"},ks=["value"],_s={key:0,class:"overflow-auto rounded-lg border border-border-default bg-surface p-2"},$s=N({__name:"AttentionHeatmap",props:{patterns:{}},setup(t){const a=t,r=S(0),n=S(null),m=$(()=>a.patterns[r.value]??null);function d(){const p=n.value,i=m.value;if(!p||!i)return;const u=p.getContext("2d");if(!u)return;const x=i.matrix.length,b=Math.min(Math.floor(400/x),20),g=x*b;p.width=g,p.height=g;for(let v=0;v<x;v++)for(let k=0;k<x;k++){const T=i.matrix[v]?.[k]??0,o=Math.floor(T*255);u.fillStyle=`rgb(${Math.floor(56+T*100)}, ${Math.floor(100+o*.5)}, ${o})`,u.fillRect(k*b,v*b,b,b)}}return X(d),V([m],d),(p,i)=>(s(),l("div",ys,[e("div",hs,[i[1]||(i[1]=e("div",{class:"flex items-center gap-2"},[e("h4",{class:"text-sm font-medium text-text-secondary"},"Attention Pattern"),e("span",{class:"rounded-full bg-warning/20 px-2 py-0.5 text-xs text-warning"},"Illustrative")],-1)),t.patterns.length>1?W((s(),l("select",{key:0,"onUpdate:modelValue":i[0]||(i[0]=u=>r.value=u),class:"rounded border border-border-default bg-surface px-2 py-1 text-xs text-text-primary"},[(s(!0),l(L,null,A(t.patterns,(u,x)=>(s(),l("option",{key:x,value:x}," Layer "+c(u.layerIndex)+" / Head "+c(u.headIndex),9,ks))),128))],512)),[[De,r.value,void 0,{number:!0}]]):y("",!0)]),m.value?(s(),l("div",_s,[e("canvas",{ref_key:"canvasRef",ref:n,class:"max-w-full"},null,512)])):y("",!0),i[2]||(i[2]=e("p",{class:"text-xs text-text-muted leading-relaxed"},[M(" This is a "),e("strong",{class:"text-warning"},"synthetic illustration"),M(" of how attention patterns work in transformer models — it shows causal masking (tokens can only attend to previous tokens) and positional decay (nearby tokens get more attention). Real attention weights are not available through the Ollama API, so this visualization demonstrates the concept rather than reflecting actual model behavior. ")],-1))]))}}),ws={class:"space-y-3"},Cs={class:"h-48 rounded-lg border border-border-default bg-surface-raised p-4"},Ts=N({__name:"LayerActivationChart",props:{activations:{}},setup(t){J.register(K,U,re,Q);const a=t,r=$(()=>({labels:a.activations.map(m=>m.layerName.replace(/^block_\d+_/,"")),datasets:[{label:"Norm",data:a.activations.map(m=>m.norm),backgroundColor:"#a855f7"}]})),n={responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1}},scales:{x:{display:!1},y:{ticks:{color:"#94a3b8",font:{size:10}},grid:{color:"rgba(71, 85, 105, 0.3)"}}}};return(m,d)=>(s(),l("div",ws,[d[0]||(d[0]=e("div",{class:"flex items-center gap-2"},[e("h4",{class:"text-sm font-medium text-text-secondary"},"Layer Activation Norms"),e("span",{class:"rounded-full bg-warning/20 px-2 py-0.5 text-xs text-warning"},"Simulated")],-1)),e("div",Cs,[w(C(ae),{data:r.value,options:n},null,8,["data"])]),d[1]||(d[1]=e("p",{class:"text-xs text-text-muted leading-relaxed"},[M(" This is a "),e("strong",{class:"text-warning"},"simulated visualization"),M(" of activation norms across the model's layers. In a real model, these norms reveal how much each layer contributes to the output — unusually high norms can indicate exploding gradients or bottleneck layers, while low norms may suggest underutilized capacity. Actual activation data requires hooking into the inference engine, which the Ollama API does not expose. ")],-1))]))}}),Ms={class:"space-y-6"},Ss={key:0},zs={key:1},Ns={key:2},Ls={key:3,class:"rounded-lg border border-border-default bg-surface-raised p-8 text-center text-sm text-text-muted"},As=N({__name:"IntrospectionPanel",props:{sessionId:{},modelName:{}},setup(t){const a=t,r=de(),n=te(),m=$(()=>r.getArchitecture(a.modelName)),d=$(()=>r.getAttentionPatterns(a.sessionId)),p=$(()=>r.getLayerActivations(a.sessionId));return X(async()=>{m.value||await Mt(a.modelName);const i=m.value;if(i){if(d.value.length===0){const x=n.getTokens(a.sessionId).slice(0,30).map(b=>b.text);if(x.length>0){const b=$t(x,i.attentionHeadCount,i.blockCount);r.setAttentionPatterns(a.sessionId,b)}}if(p.value.length===0){const u=wt(i);r.setLayerActivations(a.sessionId,u)}}}),(i,u)=>(s(),l("div",Ms,[m.value?(s(),l("div",Ss,[u[0]||(u[0]=e("h3",{class:"mb-3 text-sm font-medium text-text-secondary"},"Model Architecture",-1)),w(gs,{architecture:m.value,"model-name":t.modelName},null,8,["architecture","model-name"])])):y("",!0),d.value.length>0?(s(),l("div",zs,[w($s,{patterns:d.value},null,8,["patterns"])])):y("",!0),p.value.length>0?(s(),l("div",Ns,[w(Ts,{activations:p.value},null,8,["activations"])])):y("",!0),m.value?y("",!0):(s(),l("div",Ls," Loading model introspection data... "))]))}}),Is={class:"overflow-auto rounded-lg bg-surface p-3 text-xs text-text-secondary font-mono max-h-80"},G=N({__name:"JsonViewer",props:{data:{},maxDepth:{}},setup(t){const a=t,r=$(()=>{try{return JSON.stringify(a.data,null,2)}catch{return String(a.data)}});return(n,m)=>(s(),l("pre",Is,c(r.value),1))}}),Ps={class:"rounded-lg border border-border-default bg-surface-raised"},js={class:"flex items-center gap-3"},Ds={class:"text-sm font-medium text-text-primary"},Rs={class:"ms-2 text-xs text-text-muted"},Fs={class:"flex items-center gap-2"},Os={key:0,class:"border-t border-border-default p-4 space-y-3"},Bs={key:0},qs={key:1},Hs={class:"rounded-lg bg-error/10 p-3 text-xs text-error"},Es=N({__name:"ToolCallCard",props:{entry:{}},emits:["optimize"],setup(t,{emit:a}){const r=t,n=a,m=$(()=>r.entry.status==="completed"&&r.entry.result!=null&&typeof r.entry.result=="object"),d=S(!1);return(p,i)=>(s(),l("div",Ps,[e("button",{class:"flex w-full items-center justify-between px-4 py-3 text-start hover:bg-surface-overlay transition-colors",onClick:i[0]||(i[0]=u=>d.value=!d.value)},[e("div",js,[i[2]||(i[2]=e("span",{class:"text-base"},"⚡",-1)),e("div",null,[e("span",Ds,c(t.entry.functionName),1),e("span",Rs,c(t.entry.durationMs!=null?C(B)(t.entry.durationMs):"pending"),1)])]),e("div",Fs,[w(se,{status:t.entry.status},null,8,["status"]),e("span",{class:R(["text-text-muted transition-transform text-xs",{"rotate-180":d.value}])},"▾",2)])]),d.value?(s(),l("div",Os,[e("div",null,[i[3]||(i[3]=e("div",{class:"text-xs font-medium text-text-muted uppercase tracking-wide mb-1"},"Arguments",-1)),w(G,{data:t.entry.arguments},null,8,["data"])]),t.entry.result!==void 0?(s(),l("div",Bs,[i[4]||(i[4]=e("div",{class:"text-xs font-medium text-text-muted uppercase tracking-wide mb-1"},"Result",-1)),w(G,{data:t.entry.result},null,8,["data"])])):y("",!0),t.entry.error?(s(),l("div",qs,[i[5]||(i[5]=e("div",{class:"text-xs font-medium text-error uppercase tracking-wide mb-1"},"Error",-1)),e("pre",Hs,c(t.entry.error),1)])):y("",!0),m.value?(s(),l("button",{key:2,class:"mt-1 rounded-md border border-border-default px-3 py-1.5 text-xs font-medium text-accent hover:bg-surface-overlay transition-colors",onClick:i[1]||(i[1]=ie(u=>n("optimize",t.entry),["stop"]))}," Optimize this Tool ")):y("",!0)])):y("",!0)]))}}),Vs={class:"space-y-4"},Ws={class:"flex items-center gap-4 rounded-lg border border-border-default bg-surface-raised p-4"},Gs={class:"text-sm text-text-secondary"},Js={class:"font-semibold text-text-primary"},Ks={key:0,class:"text-sm text-text-secondary"},Us={class:"text-text-primary"},Qs={key:0,class:"space-y-3"},Xs={key:1,class:"rounded-lg border border-border-default bg-surface-raised p-8 text-center text-sm text-text-muted"},Ys=N({__name:"ToolCallTimeline",props:{sessionId:{}},emits:["optimize"],setup(t,{emit:a}){const r=t,n=a,m=qe(),d=$(()=>m.getToolCalls(r.sessionId)),p=$(()=>d.value.reduce((i,u)=>i+(u.durationMs??0),0));return(i,u)=>(s(),l("div",Vs,[e("div",Ws,[e("div",Gs,[e("span",Js,c(d.value.length),1),u[1]||(u[1]=M(" tool calls ",-1))]),p.value>0?(s(),l("div",Ks,[u[2]||(u[2]=M(" Total: ",-1)),e("span",Us,c(C(B)(p.value)),1)])):y("",!0)]),d.value.length>0?(s(),l("div",Qs,[(s(!0),l(L,null,A(d.value,x=>(s(),P(Es,{key:x.id,entry:x,onOptimize:u[0]||(u[0]=b=>n("optimize",b))},null,8,["entry"]))),128))])):(s(),l("div",Xs,[...u[3]||(u[3]=[e("p",null,"No tool calls in this session.",-1),e("p",{class:"mt-1"},"Use chat mode with tool definitions to see tool call activity.",-1)])]))]))}});function Zs(t){const a=ve(),r=$(()=>a.getGraph(t.value)),n=S(800),m=S(400),d=$(()=>{const i=r.value?.nodes??[];if(i.length===0)return[];const u=180,x=60,b=60,g=m.value/2,v=i.length*(u+b);return n.value=Math.max(800,v+100),i.map((k,T)=>({...k,x:50+T*(u+b),y:g-x/2}))}),p=$(()=>{const i=r.value?.edges??[],u=new Map(d.value.map(x=>[x.id,x]));return i.map(x=>{const b=u.get(x.source),g=u.get(x.target);return!b||!g?null:{...x,x1:b.x+180,y1:b.y+30,x2:g.x,y2:g.y+30}}).filter(x=>x!==null)});return{graph:r,layoutNodes:d,layoutEdges:p,svgWidth:n,svgHeight:m}}const eo=["transform"],to=["stroke"],so={x:"12",y:"24",class:"fill-text-primary text-xs font-medium","font-size":"12"},oo={x:"12",y:"44",class:"fill-text-secondary text-xs","font-size":"11"},no=N({__name:"AgentNode",props:{node:{},selected:{type:Boolean}},emits:["select"],setup(t){const a=t,r=$(()=>$e[a.node.type]??"#94a3b8"),n={start:"▶",llm_call:"◈",tool_call:"⚡",decision:"◇",output:"■",error:"✕"};return(m,d)=>(s(),l("g",{transform:`translate(${t.node.x}, ${t.node.y})`,class:"cursor-pointer",onClick:d[0]||(d[0]=p=>m.$emit("select",t.node.id))},[e("rect",{width:"180",height:"60",rx:"8",class:R(["fill-surface-raised stroke-2",{"stroke-[3]":t.selected}]),stroke:r.value},null,10,to),e("text",so,c(n[t.node.type]??"•")+" "+c(t.node.type),1),e("text",oo,c(t.node.label.slice(0,22))+c(t.node.label.length>22?"...":""),1)],8,eo))}}),ro={key:0,class:"rounded-lg border border-border-default bg-surface-raised p-4 space-y-3"},ao={class:"text-sm font-medium text-text-primary"},lo={class:"grid grid-cols-2 gap-2 text-xs text-text-secondary"},io={class:"text-text-primary"},uo={class:"text-text-primary"},co={key:0},mo=N({__name:"AgentStateDiff",props:{node:{}},setup(t){return(a,r)=>t.node?(s(),l("div",ro,[e("h4",ao,c(t.node.label),1),e("div",lo,[e("div",null,[r[0]||(r[0]=M("Type: ",-1)),e("span",io,c(t.node.type),1)]),e("div",null,[r[1]||(r[1]=M("Step: ",-1)),e("span",uo,c(t.node.stepIndex),1)])]),Object.keys(t.node.state).length>0?(s(),l("div",co,[r[2]||(r[2]=e("div",{class:"text-xs font-medium text-text-muted uppercase tracking-wide mb-1"},"State",-1)),w(G,{data:t.node.state},null,8,["data"])])):y("",!0)])):y("",!0)}}),po={class:"space-y-4"},xo={key:0,class:"flex gap-4"},fo={class:"flex-1 overflow-auto rounded-lg border border-border-default bg-surface"},bo=["width","height"],vo=["x1","y1","x2","y2"],go={class:"w-72 shrink-0"},yo={key:0,class:"rounded-lg border border-border-default bg-surface-raised p-4 text-center text-sm text-text-muted"},ho={key:1,class:"rounded-lg border border-border-default bg-surface-raised p-8 text-center text-sm text-text-muted"},ko=N({__name:"AgentGraphView",props:{sessionId:{}},setup(t){const a=t,r=$(()=>a.sessionId),{layoutNodes:n,layoutEdges:m,svgWidth:d,svgHeight:p}=Zs(r),i=S(null),u=$(()=>i.value?n.value.find(x=>x.id===i.value)??null:null);return(x,b)=>(s(),l("div",po,[C(n).length>0?(s(),l("div",xo,[e("div",fo,[(s(),l("svg",{width:C(d),height:C(p),class:"min-w-full"},[(s(!0),l(L,null,A(C(m),g=>(s(),l("line",{key:g.id,x1:g.x1,y1:g.y1,x2:g.x2,y2:g.y2,class:"stroke-border-default","stroke-width":"2","marker-end":"url(#arrowhead)"},null,8,vo))),128)),b[1]||(b[1]=e("defs",null,[e("marker",{id:"arrowhead",markerWidth:"10",markerHeight:"7",refX:"10",refY:"3.5",orient:"auto"},[e("polygon",{points:"0 0, 10 3.5, 0 7",class:"fill-border-default"})])],-1)),(s(!0),l(L,null,A(C(n),g=>(s(),P(no,{key:g.id,node:g,selected:i.value===g.id,onSelect:b[0]||(b[0]=v=>i.value=v)},null,8,["node","selected"]))),128))],8,bo))]),e("div",go,[w(mo,{node:u.value},null,8,["node"]),u.value?y("",!0):(s(),l("div",yo," Click a node to inspect its state. "))])])):(s(),l("div",ho,[...b[2]||(b[2]=[e("p",null,"No agent graph data for this session.",-1),e("p",{class:"mt-1"},"Agent graph nodes are created during generation.",-1)])]))]))}}),_o={class:"rounded-lg border border-border-default bg-surface-raised overflow-hidden"},$o={class:"flex items-center justify-between px-4 py-2 border-b border-border-default"},wo={class:"flex items-center gap-2"},Co={class:"text-sm font-medium text-text-primary"},To={class:"rounded-full bg-surface-overlay px-2 py-0.5 text-xs text-text-muted"},Mo={class:"flex items-center gap-3 text-xs text-text-secondary"},So={class:"text-text-muted"},zo={class:"h-1 bg-surface"},No={class:"px-4 py-3 text-xs text-text-secondary font-mono whitespace-pre-wrap max-h-40 overflow-auto"},Lo=N({__name:"PromptSection",props:{section:{},totalTokens:{}},setup(t){const r=O[t.section.type]??O.unknown;return(n,m)=>(s(),l("div",_o,[e("div",$o,[e("div",wo,[e("div",{class:"h-3 w-3 rounded-sm",style:H({backgroundColor:C(r)})},null,4),e("span",Co,c(t.section.label),1),e("span",To,c(t.section.type),1)]),e("div",Mo,[e("span",null,"~"+c(t.section.tokenCount)+" tokens",1),e("span",So,c(t.section.percentage.toFixed(1))+"%",1)])]),e("div",zo,[e("div",{class:"h-full transition-all",style:H({width:`${t.section.percentage}%`,backgroundColor:C(r)})},null,4)]),e("pre",No,c(t.section.content),1)]))}}),Ao={class:"rounded-lg border border-border-default bg-surface-raised p-4"},Io={class:"text-xs font-medium text-text-muted uppercase tracking-wide mb-3"},Po={class:"flex h-6 overflow-hidden rounded-lg"},jo=["title"],Do={class:"mt-3 flex flex-wrap gap-3 text-xs"},Ro={class:"text-text-secondary"},Fo={class:"text-text-muted"},Oo=N({__name:"PromptTokenCount",props:{sections:{},totalTokens:{}},setup(t){return(a,r)=>(s(),l("div",Ao,[e("h4",Io," Token Distribution (~"+c(t.totalTokens)+" total) ",1),e("div",Po,[(s(!0),l(L,null,A(t.sections,n=>(s(),l("div",{key:n.id,class:"transition-all",style:H({width:`${n.percentage}%`,backgroundColor:C(O)[n.type]??C(O).unknown,minWidth:n.percentage>0?"2px":"0"}),title:`${n.label}: ~${n.tokenCount} tokens (${n.percentage.toFixed(1)}%)`},null,12,jo))),128))]),e("div",Do,[(s(!0),l(L,null,A(t.sections,n=>(s(),l("div",{key:n.id,class:"flex items-center gap-1.5"},[e("div",{class:"h-2.5 w-2.5 rounded-sm",style:H({backgroundColor:C(O)[n.type]??C(O).unknown})},null,4),e("span",Ro,c(n.label),1),e("span",Fo,"("+c(n.percentage.toFixed(0))+"%)",1)]))),128))])]))}}),Bo={key:0,class:"space-y-4"},qo={class:"space-y-3"},Ho={key:0,class:"rounded-lg border border-border-default bg-surface-raised p-4"},Eo={class:"space-y-2"},Vo={class:"flex items-center gap-2"},Wo={class:"rounded-full bg-surface-overlay px-2 py-0.5 text-xs text-text-muted"},Go={class:"text-text-secondary truncate max-w-md"},Jo={class:"text-xs text-text-muted"},Ko={key:1,class:"rounded-lg border border-border-default bg-surface-raised p-8 text-center text-sm text-text-muted"},Uo=N({__name:"PromptInspector",props:{sessionId:{}},setup(t){const a=t,r=we(),n=$(()=>r.getAnatomy(a.sessionId)),m=$(()=>r.getSections(a.sessionId));return(d,p)=>n.value?(s(),l("div",Bo,[w(Oo,{sections:m.value,"total-tokens":n.value.totalTokenCount},null,8,["sections","total-tokens"]),e("div",qo,[(s(!0),l(L,null,A(m.value,i=>(s(),P(Lo,{key:i.id,section:i,"total-tokens":n.value.totalTokenCount},null,8,["section","total-tokens"]))),128))]),n.value.messages&&n.value.messages.length>0?(s(),l("div",Ho,[p[0]||(p[0]=e("h4",{class:"text-xs font-medium text-text-muted uppercase tracking-wide mb-3"},"Message Breakdown",-1)),e("div",Eo,[(s(!0),l(L,null,A(n.value.messages,(i,u)=>(s(),l("div",{key:u,class:"flex items-center justify-between rounded-lg bg-surface px-3 py-2 text-sm"},[e("div",Vo,[e("span",Wo,c(i.role),1),e("span",Go,c(i.content.slice(0,80))+c(i.content.length>80?"...":""),1)]),e("span",Jo,"~"+c(i.tokenCount)+" tok",1)]))),128))])])):y("",!0)])):(s(),l("div",Ko," No prompt anatomy data available. "))}});function Qo(t,a){if(a.length===0)return t;const r=Ee(a,"__raw"),n=t.split(`
 `);let m=-1;for(let v=n.length-1;v>=0;v--)if(/^\s*return\s+/.test(n[v]??"")){m=v;break}if(m===-1)return`${t}
 
   // Optimized: return selected fields only