llmxray 0.4.1 → 0.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +11 -0
- package/dist/assets/{AITrainingPage-VU-Nu5i0.js → AITrainingPage-DEU4UAR7.js} +1 -1
- package/dist/assets/AnalyticsPage-C7mNUAil.js +1 -0
- package/dist/assets/{BenchmarkPage-CQUTAU0c.js → BenchmarkPage-jiUqdHmg.js} +2 -2
- package/dist/assets/{ComparisonPage-DSO_-JZF.js → ComparisonPage-BoBWSObY.js} +3 -3
- package/dist/assets/CostDashboardPage-BKQDsZhx.js +1 -0
- package/dist/assets/{DashboardPage-lqAFJvOo.js → DashboardPage-CV8Ejgxv.js} +43 -43
- package/dist/assets/{EmbeddingsPage-DDBfFe8z.js → EmbeddingsPage-DXjVT4eU.js} +1 -1
- package/dist/assets/{GoogleCallbackPage-H8X6YDz9.js → GoogleCallbackPage-BUIkYpZv.js} +1 -1
- package/dist/assets/{JsonTreeNode-DQ_R5Euc.js → JsonTreeNode-C0UNUwZm.js} +1 -1
- package/dist/assets/{ModelCapabilityIcons.vue_vue_type_script_setup_true_lang-CV939MUZ.js → ModelCapabilityIcons.vue_vue_type_script_setup_true_lang-vQNvYFzV.js} +1 -1
- package/dist/assets/{RAGPage-DbZxWHmi.js → RAGPage-Dv4UDEyz.js} +1 -1
- package/dist/assets/SessionPage-B0fMQGSB.js +15 -0
- package/dist/assets/{SettingsPage-fmgr8zF9.js → SettingsPage-DTJP-4xU.js} +1 -1
- package/dist/assets/{StatusBadge.vue_vue_type_script_setup_true_lang-BbHpA7hy.js → StatusBadge.vue_vue_type_script_setup_true_lang-BiB0M6lv.js} +1 -1
- package/dist/assets/{StorageGauge.vue_vue_type_style_index_0_lang-Dd3BsCg6.js → StorageGauge.vue_vue_type_style_index_0_lang-DToi3R0q.js} +1 -1
- package/dist/assets/{SystemPage-Bd3SBsWI.js → SystemPage-BPK15qwe.js} +2 -2
- package/dist/assets/{TabBar.vue_vue_type_script_setup_true_lang-DlSEPHs6.js → TabBar.vue_vue_type_script_setup_true_lang-BtGCdMZK.js} +1 -1
- package/dist/assets/{TokenStreamDisplay.vue_vue_type_script_setup_true_lang-P-I0kJTd.js → TokenStreamDisplay.vue_vue_type_script_setup_true_lang-B6juPZsY.js} +1 -1
- package/dist/assets/{ToolWorkshopPage-D9doB8PF.js → ToolWorkshopPage-DmpoHHaD.js} +3 -3
- package/dist/assets/{agent-store-CuCtjbhV.js → agent-store-C6w1zV86.js} +1 -1
- package/dist/assets/{canvas-ai-db-DBUT-nyD.js → canvas-ai-db-BpqhUp6k.js} +1 -1
- package/dist/assets/{download-C3s6K1NW.js → download-pCIjWOn5.js} +1 -1
- package/dist/assets/{generate-service-DrRYe_-5.js → generate-service-DmtXqq_h.js} +1 -1
- package/dist/assets/{google-auth-store-B0WvuFWG.js → google-auth-store-Dgv2FihL.js} +1 -1
- package/dist/assets/index-534TcCbY.js +8 -0
- package/dist/assets/index-B72Sw9uL.css +1 -0
- package/dist/assets/{index-CUNpOQX9.js → index-ClITfJ3t.js} +1 -1
- package/dist/assets/{index-DoMyvAkM.js → index-DHuj6tKB.js} +1 -1
- package/dist/assets/{info-D-oZIv7P.js → info-Eg1tUw1x.js} +1 -1
- package/dist/assets/{metrics-store-DRErjO4D.js → metrics-store-7m97Sb7w.js} +1 -1
- package/dist/assets/{papaparse.min-DJzuA_ek.js → papaparse.min-3FeAYh4d.js} +1 -1
- package/dist/assets/{pencil-MO2uWQbW.js → pencil-CZp68oBU.js} +1 -1
- package/dist/assets/{rag-store-CBWvD3Va.js → rag-store-Bm0nxdec.js} +3 -3
- package/dist/assets/session-store-BQ0TF24S.js +1 -0
- package/dist/assets/{share-2-CnM5sBDm.js → share-2-CJJGZsZO.js} +1 -1
- package/dist/assets/{storage-store-cx_2Hb_J.js → storage-store-6qFwk_C5.js} +1 -1
- package/dist/assets/stream-handler-BM5egg14.js +4 -0
- package/dist/assets/{tool-workshop-store-Cb4eb3e4.js → tool-workshop-store-9_FKfdnT.js} +1 -1
- package/dist/assets/toolcall-store-C4Trr01T.js +1 -0
- package/dist/assets/{trash-2-Cj-NOsVZ.js → trash-2-DjfJXqVK.js} +1 -1
- package/dist/index.html +2 -2
- package/package.json +1 -1
- package/dist/assets/CostDashboardPage-BLzCE-bT.js +0 -1
- package/dist/assets/SessionPage-DvtFE4GS.js +0 -15
- package/dist/assets/index-Bawj8X2v.css +0 -1
- package/dist/assets/index-DYHBy1xj.js +0 -8
- package/dist/assets/stream-handler-CXdBM2li.js +0 -4
- package/dist/assets/toolcall-store-xQEQUq5f.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{aq as _s,aw as ln,ax as Us}from"./index-
|
|
1
|
+
import{aq as _s,aw as ln,ax as Us}from"./index-534TcCbY.js";function Ts(e,n){for(var t=0;t<n.length;t++){const r=n[t];if(typeof r!="string"&&!Array.isArray(r)){for(const c in r)if(c!=="default"&&!(c in e)){const i=Object.getOwnPropertyDescriptor(r,c);i&&Object.defineProperty(e,c,i.get?i:{enumerable:!0,get:()=>r[c]})}}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}var Ve={},wi="1.13.8",ma=typeof self=="object"&&self.self===self&&self||typeof global=="object"&&global.global===global&&global||Function("return this")()||{},Zt=Array.prototype,Ei=Object.prototype,ba=typeof Symbol<"u"?Symbol.prototype:null,ws=Zt.push,ot=Zt.slice,et=Ei.toString,Es=Ei.hasOwnProperty,Ic=typeof ArrayBuffer<"u",As=typeof DataView<"u",Fs=Array.isArray,ya=Object.keys,Da=Object.create,va=Ic&&ArrayBuffer.isView,Cs=isNaN,Ss=isFinite,Lc=!{toString:null}.propertyIsEnumerable("toString"),xa=["valueOf","isPrototypeOf","toString","propertyIsEnumerable","hasOwnProperty","toLocaleString"],Bs=Math.pow(2,53)-1;function qe(e,n){return n=n==null?e.length-1:+n,function(){for(var t=Math.max(arguments.length-n,0),r=Array(t),c=0;c<t;c++)r[c]=arguments[c+n];switch(n){case 0:return e.call(this,r);case 1:return e.call(this,arguments[0],r);case 2:return e.call(this,arguments[0],arguments[1],r)}var i=Array(n+1);for(c=0;c<n;c++)i[c]=arguments[c];return i[n]=r,e.apply(this,i)}}function pn(e){var n=typeof e;return n==="function"||n==="object"&&!!e}function Mc(e){return e===null}function Ai(e){return e===void 0}function Fi(e){return e===!0||e===!1||et.call(e)==="[object Boolean]"}function qc(e){return!!(e&&e.nodeType===1)}function Me(e){var n="[object "+e+"]";return function(t){return et.call(t)===n}}const Yt=Me("String"),Ci=Me("Number"),Pc=Me("Date"),zc=Me("RegExp"),jc=Me("Error"),Si=Me("Symbol"),Bi=Me("ArrayBuffer");var Oe=Me("Function"),ks=ma.document&&ma.document.childNodes;typeof/./!="function"&&typeof Int8Array!="object"&&typeof ks!="function"&&(Oe=function(e){return typeof e=="function"||!1});const Xc=Me("Object");var Vc=As&&(!/\[native code\]/.test(String(DataView))||Xc(new DataView(new ArrayBuffer(8)))),ki=typeof Map<"u"&&Xc(new Map),Ws=Me("DataView");function Rs(e){return e!=null&&Oe(e.getInt8)&&Bi(e.buffer)}const nt=Vc?Rs:Ws,gn=Fs||Me("Array");function mn(e,n){return e!=null&&Es.call(e,n)}var In=Me("Arguments");(function(){In(arguments)||(In=function(e){return mn(e,"callee")})})();function Hc(e){return!Si(e)&&Ss(e)&&!isNaN(parseFloat(e))}function Wi(e){return Ci(e)&&Cs(e)}function Ri(e){return function(){return e}}function Gc(e){return function(n){var t=e(n);return typeof t=="number"&&t>=0&&t<=Bs}}function Zc(e){return function(n){return n?.[e]}}const jt=Zc("byteLength"),Os=Gc(jt);var Ns=/\[object ((I|Ui)nt(8|16|32)|Float(32|64)|Uint8Clamped|Big(I|Ui)nt64)Array\]/;function Is(e){return va?va(e)&&!nt(e):Os(e)&&Ns.test(et.call(e))}const Oi=Ic?Is:Ri(!1),Le=Zc("length");function Ls(e){for(var n={},t=e.length,r=0;r<t;++r)n[e[r]]=!0;return{contains:function(c){return n[c]===!0},push:function(c){return n[c]=!0,e.push(c)}}}function Yc(e,n){n=Ls(n);var t=xa.length,r=e.constructor,c=Oe(r)&&r.prototype||Ei,i="constructor";for(mn(e,i)&&!n.contains(i)&&n.push(i);t--;)i=xa[t],i in e&&e[i]!==c[i]&&!n.contains(i)&&n.push(i)}function We(e){if(!pn(e))return[];if(ya)return ya(e);var n=[];for(var t in e)mn(e,t)&&n.push(t);return Lc&&Yc(e,n),n}function $c(e){if(e==null)return!0;var n=Le(e);return typeof n=="number"&&(gn(e)||Yt(e)||In(e))?n===0:Le(We(e))===0}function Ni(e,n){var t=We(n),r=t.length;if(e==null)return!r;for(var c=Object(e),i=0;i<r;i++){var a=t[i];if(n[a]!==c[a]||!(a in c))return!1}return!0}function Fe(e){if(e instanceof Fe)return e;if(!(this instanceof Fe))return new Fe(e);this._wrapped=e}Fe.VERSION=wi;Fe.prototype.value=function(){return this._wrapped};Fe.prototype.valueOf=Fe.prototype.toJSON=Fe.prototype.value;Fe.prototype.toString=function(){return String(this._wrapped)};function _a(e){return new Uint8Array(e.buffer||e,e.byteOffset||0,jt(e))}var Ua="[object DataView]";function Kc(e,n){for(var t=[{a:e,b:n}],r=[],c=[];t.length;){var i=t.pop();if(i===!0){r.pop(),c.pop();continue}if(e=i.a,n=i.b,e===n){if(e!==0||1/e===1/n)continue;return!1}if(e==null||n==null)return!1;if(e!==e){if(n!==n)continue;return!1}var a=typeof e;if(a!=="function"&&a!=="object"&&typeof n!="object")return!1;e instanceof Fe&&(e=e._wrapped),n instanceof Fe&&(n=n._wrapped);var o=et.call(e);if(o!==et.call(n))return!1;if(Vc&&o=="[object Object]"&&nt(e)){if(!nt(n))return!1;o=Ua}switch(o){case"[object RegExp]":case"[object String]":if(""+e==""+n)continue;return!1;case"[object Number]":t.push({a:+e,b:+n});continue;case"[object Date]":case"[object Boolean]":if(+e==+n)continue;return!1;case"[object Symbol]":if(ba.valueOf.call(e)===ba.valueOf.call(n))continue;return!1;case"[object ArrayBuffer]":case Ua:t.push({a:_a(e),b:_a(n)});continue}var u=o==="[object Array]";if(!u&&Oi(e)){var h=jt(e);if(h!==jt(n))return!1;if(e.buffer===n.buffer&&e.byteOffset===n.byteOffset)continue;u=!0}if(!u){if(typeof e!="object"||typeof n!="object")return!1;var b=e.constructor,m=n.constructor;if(b!==m&&!(Oe(b)&&b instanceof b&&Oe(m)&&m instanceof m)&&"constructor"in e&&"constructor"in n)return!1}for(var g=r.length;g--;)if(r[g]===e){if(c[g]===n)break;return!1}if(!(g>=0))if(r.push(e),c.push(n),t.push(!0),u){if(g=e.length,g!==n.length)return!1;for(;g--;)t.push({a:e[g],b:n[g]})}else{var f=We(e),y;if(g=f.length,We(n).length!==g)return!1;for(;g--;){if(y=f[g],!mn(n,y))return!1;t.push({a:e[y],b:n[y]})}}}return!0}function qn(e){if(!pn(e))return[];var n=[];for(var t in e)n.push(t);return Lc&&Yc(e,n),n}function Ii(e){var n=Le(e);return function(t){if(t==null)return!1;var r=qn(t);if(Le(r))return!1;for(var c=0;c<n;c++)if(!Oe(t[e[c]]))return!1;return e!==eu||!Oe(t[Li])}}var Li="forEach",Qc="has",Mi=["clear","delete"],Jc=["get",Qc,"set"],Ms=Mi.concat(Li,Jc),eu=Mi.concat(Jc),qs=["add"].concat(Mi,Li,Qc);const nu=ki?Ii(Ms):Me("Map"),tu=ki?Ii(eu):Me("WeakMap"),ru=ki?Ii(qs):Me("Set"),iu=Me("WeakSet");function Fn(e){for(var n=We(e),t=n.length,r=Array(t),c=0;c<t;c++)r[c]=e[n[c]];return r}function au(e){for(var n=We(e),t=n.length,r=Array(t),c=0;c<t;c++)r[c]=[n[c],e[n[c]]];return r}function qi(e){for(var n={},t=We(e),r=0,c=t.length;r<c;r++)n[e[t[r]]]=t[r];return n}function tt(e){var n=[];for(var t in e)Oe(e[t])&&n.push(t);return n.sort()}function Pi(e,n){return function(t){var r=arguments.length;if(n&&(t=Object(t)),r<2||t==null)return t;for(var c=1;c<r;c++)for(var i=arguments[c],a=e(i),o=a.length,u=0;u<o;u++){var h=a[u];(!n||t[h]===void 0)&&(t[h]=i[h])}return t}}const zi=Pi(qn),Ln=Pi(We),ji=Pi(qn,!0);function Ps(){return function(){}}function ou(e){if(!pn(e))return{};if(Da)return Da(e);var n=Ps();n.prototype=e;var t=new n;return n.prototype=null,t}function cu(e,n){var t=ou(e);return n&&Ln(t,n),t}function uu(e){return pn(e)?gn(e)?e.slice():zi({},e):e}function su(e,n){return n(e),e}function Xi(e){return gn(e)?e:[e]}Fe.toPath=Xi;function ct(e){return Fe.toPath(e)}function Vi(e,n){for(var t=n.length,r=0;r<t;r++){if(e==null)return;e=e[n[r]]}return t?e:void 0}function Hi(e,n,t){var r=Vi(e,ct(n));return Ai(r)?t:r}function du(e,n){n=ct(n);for(var t=n.length,r=0;r<t;r++){var c=n[r];if(!mn(e,c))return!1;e=e[c]}return!!t}function $t(e){return e}function An(e){return e=Ln({},e),function(n){return Ni(n,e)}}function Kt(e){return e=ct(e),function(n){return Vi(n,e)}}function ut(e,n,t){if(n===void 0)return e;switch(t??3){case 1:return function(r){return e.call(n,r)};case 3:return function(r,c,i){return e.call(n,r,c,i)};case 4:return function(r,c,i,a){return e.call(n,r,c,i,a)}}return function(){return e.apply(n,arguments)}}function lu(e,n,t){return e==null?$t:Oe(e)?ut(e,n,t):pn(e)&&!gn(e)?An(e):Kt(e)}function Qt(e,n){return lu(e,n,1/0)}Fe.iteratee=Qt;function ze(e,n,t){return Fe.iteratee!==Qt?Fe.iteratee(e,n):lu(e,n,t)}function fu(e,n,t){n=ze(n,t);for(var r=We(e),c=r.length,i={},a=0;a<c;a++){var o=r[a];i[o]=n(e[o],o,e)}return i}function Gi(){}function hu(e){return e==null?Gi:function(n){return Hi(e,n)}}function pu(e,n,t){var r=Array(Math.max(0,e));n=ut(n,t,1);for(var c=0;c<e;c++)r[c]=n(c);return r}function Xt(e,n){return n==null&&(n=e,e=0),e+Math.floor(Math.random()*(n-e+1))}const Mn=Date.now||function(){return new Date().getTime()};function gu(e){var n=function(i){return e[i]},t="(?:"+We(e).join("|")+")",r=RegExp(t),c=RegExp(t,"g");return function(i){return i=i==null?"":""+i,r.test(i)?i.replace(c,n):i}}const mu={"&":"&","<":"<",">":">",'"':""","'":"'","`":"`"},bu=gu(mu),zs=qi(mu),yu=gu(zs),Du=Fe.templateSettings={evaluate:/<%([\s\S]+?)%>/g,interpolate:/<%=([\s\S]+?)%>/g,escape:/<%-([\s\S]+?)%>/g};var yr=/(.)^/,js={"'":"'","\\":"\\","\r":"r","\n":"n","\u2028":"u2028","\u2029":"u2029"},Xs=/\\|'|\r|\n|\u2028|\u2029/g;function Vs(e){return"\\"+js[e]}var Hs=/^\s*(\w|\$)+\s*$/;function vu(e,n,t){!n&&t&&(n=t),n=ji({},n,Fe.templateSettings);var r=RegExp([(n.escape||yr).source,(n.interpolate||yr).source,(n.evaluate||yr).source].join("|")+"|$","g"),c=0,i="__p+='";e.replace(r,function(h,b,m,g,f){return i+=e.slice(c,f).replace(Xs,Vs),c=f+h.length,b?i+=`'+
|
|
2
2
|
((__t=(`+b+`))==null?'':_.escape(__t))+
|
|
3
3
|
'`:m?i+=`'+
|
|
4
4
|
((__t=(`+m+`))==null?'':__t)+
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c}from"./index-
|
|
1
|
+
import{c}from"./index-534TcCbY.js";const o=c("info",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 16v-4",key:"1dtifu"}],["path",{d:"M12 8h.01",key:"e9boi3"}]]);export{o as I};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as T,r as i,a as f}from"./index-
|
|
1
|
+
import{d as T,r as i,a as f}from"./index-534TcCbY.js";const M=T("metrics",()=>{const s=i(new Map),a=i({totalSessions:0,avgTtftMs:0,avgTps:0,avgTotalDurationMs:0,totalTokensGenerated:0,totalPromptsEvaluated:0,modelsUsed:[]}),d=f(()=>[...s.value.values()].sort((t,e)=>t.startedAt-e.startedAt));function g(t){return s.value.get(t)??null}function m(t,e){s.value.set(t,e)}function v(){const t=[...s.value.values()];if(t.length===0)return;const e=new Set;let n=0,l=0,r=0,u=0,c=0;for(const o of t)e.add(o.model),n+=o.ttftMs,l+=o.tokensPerSecond,r+=o.totalDurationMs,u+=o.completionTokenCount,c+=o.promptTokenCount;a.value={totalSessions:t.length,avgTtftMs:n/t.length,avgTps:l/t.length,avgTotalDurationMs:r/t.length,totalTokensGenerated:u,totalPromptsEvaluated:c,modelsUsed:[...e]}}return{metricsBySession:s,aggregate:a,metricsHistory:d,getMetrics:g,recordMetrics:m,recalculateAggregate:v}});export{M as u};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{ax as ve}from"./index-
|
|
1
|
+
import{ax as ve}from"./index-534TcCbY.js";function be(G,ae){for(var Q=0;Q<ae.length;Q++){const m=ae[Q];if(typeof m!="string"&&!Array.isArray(m)){for(const M in m)if(M!=="default"&&!(M in G)){const B=Object.getOwnPropertyDescriptor(m,M);B&&Object.defineProperty(G,M,B.get?B:{enumerable:!0,get:()=>m[M]})}}}return Object.freeze(Object.defineProperty(G,Symbol.toStringTag,{value:"Module"}))}var se={exports:{}};var Ee=se.exports,ge;function we(){return ge||(ge=1,(function(G,ae){((Q,m)=>{G.exports=m()})(Ee,function Q(){var m=typeof self<"u"?self:typeof window<"u"?window:m!==void 0?m:{},M,B=!m.document&&!!m.postMessage,oe=m.IS_PAPA_WORKER||!1,te={},ye=0,u={};function K(e){this._handle=null,this._finished=!1,this._completed=!1,this._halted=!1,this._input=null,this._baseIndex=0,this._partialLine="",this._rowCount=0,this._start=0,this._nextChunk=null,this.isFirstChunk=!0,this._completeResults={data:[],errors:[],meta:{}},(function(t){var r=he(t);r.chunkSize=parseInt(r.chunkSize),t.step||t.chunk||(r.chunkSize=null),this._handle=new le(r),(this._handle.streamer=this)._config=r}).call(this,e),this.parseChunk=function(t,r){var n=parseInt(this._config.skipFirstNLines)||0;if(this.isFirstChunk&&0<n){let l=this._config.newline;l||(i=this._config.quoteChar||'"',l=this._handle.guessLineEndings(t,i)),t=[...t.split(l).slice(n)].join(l)}this.isFirstChunk&&k(this._config.beforeFirstChunk)&&(i=this._config.beforeFirstChunk(t))!==void 0&&(t=i),this.isFirstChunk=!1,this._halted=!1;var n=this._partialLine+t,i=(this._partialLine="",this._handle.parse(n,this._baseIndex,!this._finished));if(!this._handle.paused()&&!this._handle.aborted()){if(t=i.meta.cursor,n=(this._finished||(this._partialLine=n.substring(t-this._baseIndex),this._baseIndex=t),i&&i.data&&(this._rowCount+=i.data.length),this._finished||this._config.preview&&this._rowCount>=this._config.preview),oe)m.postMessage({results:i,workerId:u.WORKER_ID,finished:n});else if(k(this._config.chunk)&&!r){if(this._config.chunk(i,this._handle),this._handle.paused()||this._handle.aborted())return void(this._halted=!0);this._completeResults=i=void 0}return this._config.step||this._config.chunk||(this._completeResults.data=this._completeResults.data.concat(i.data),this._completeResults.errors=this._completeResults.errors.concat(i.errors),this._completeResults.meta=i.meta),this._completed||!n||!k(this._config.complete)||i&&i.meta.aborted||(this._config.complete(this._completeResults,this._input),this._completed=!0),n||i&&i.meta.paused||this._nextChunk(),i}this._halted=!0},this._sendError=function(t){k(this._config.error)?this._config.error(t):oe&&this._config.error&&m.postMessage({workerId:u.WORKER_ID,error:t,finished:!1})}}function re(e){var t;(e=e||{}).chunkSize||(e.chunkSize=u.RemoteChunkSize),K.call(this,e),this._nextChunk=B?function(){this._readChunk(),this._chunkLoaded()}:function(){this._readChunk()},this.stream=function(r){this._input=r,this._nextChunk()},this._readChunk=function(){if(this._finished)this._chunkLoaded();else{if(t=new XMLHttpRequest,this._config.withCredentials&&(t.withCredentials=this._config.withCredentials),B||(t.onload=H(this._chunkLoaded,this),t.onerror=H(this._chunkError,this)),t.open(this._config.downloadRequestBody?"POST":"GET",this._input,!B),this._config.downloadRequestHeaders){var r,n=this._config.downloadRequestHeaders;for(r in n)t.setRequestHeader(r,n[r])}var i;this._config.chunkSize&&(i=this._start+this._config.chunkSize-1,t.setRequestHeader("Range","bytes="+this._start+"-"+i));try{t.send(this._config.downloadRequestBody)}catch(l){this._chunkError(l.message)}B&&t.status===0&&this._chunkError()}},this._chunkLoaded=function(){t.readyState===4&&(t.status<200||400<=t.status?this._chunkError():(this._start+=this._config.chunkSize||t.responseText.length,this._finished=!this._config.chunkSize||this._start>=(r=>(r=r.getResponseHeader("Content-Range"))!==null?parseInt(r.substring(r.lastIndexOf("/")+1)):-1)(t),this.parseChunk(t.responseText)))},this._chunkError=function(r){r=t.statusText||r,this._sendError(new Error(r))}}function ie(e){(e=e||{}).chunkSize||(e.chunkSize=u.LocalChunkSize),K.call(this,e);var t,r,n=typeof FileReader<"u";this.stream=function(i){this._input=i,r=i.slice||i.webkitSlice||i.mozSlice,n?((t=new FileReader).onload=H(this._chunkLoaded,this),t.onerror=H(this._chunkError,this)):t=new FileReaderSync,this._nextChunk()},this._nextChunk=function(){this._finished||this._config.preview&&!(this._rowCount<this._config.preview)||this._readChunk()},this._readChunk=function(){var i=this._input,l=(this._config.chunkSize&&(l=Math.min(this._start+this._config.chunkSize,this._input.size),i=r.call(i,this._start,l)),t.readAsText(i,this._config.encoding));n||this._chunkLoaded({target:{result:l}})},this._chunkLoaded=function(i){this._start+=this._config.chunkSize,this._finished=!this._config.chunkSize||this._start>=this._input.size,this.parseChunk(i.target.result)},this._chunkError=function(){this._sendError(t.error)}}function Y(e){var t;K.call(this,e=e||{}),this.stream=function(r){return t=r,this._nextChunk()},this._nextChunk=function(){var r,n;if(!this._finished)return r=this._config.chunkSize,t=r?(n=t.substring(0,r),t.substring(r)):(n=t,""),this._finished=!t,this.parseChunk(n)}}function ne(e){K.call(this,e=e||{});var t=[],r=!0,n=!1;this.pause=function(){K.prototype.pause.apply(this,arguments),this._input.pause()},this.resume=function(){K.prototype.resume.apply(this,arguments),this._input.resume()},this.stream=function(i){this._input=i,this._input.on("data",this._streamData),this._input.on("end",this._streamEnd),this._input.on("error",this._streamError)},this._checkIsFinished=function(){n&&t.length===1&&(this._finished=!0)},this._nextChunk=function(){this._checkIsFinished(),t.length?this.parseChunk(t.shift()):r=!0},this._streamData=H(function(i){try{t.push(typeof i=="string"?i:i.toString(this._config.encoding)),r&&(r=!1,this._checkIsFinished(),this.parseChunk(t.shift()))}catch(l){this._streamError(l)}},this),this._streamError=H(function(i){this._streamCleanUp(),this._sendError(i)},this),this._streamEnd=H(function(){this._streamCleanUp(),n=!0,this._streamData("")},this),this._streamCleanUp=H(function(){this._input.removeListener("data",this._streamData),this._input.removeListener("end",this._streamEnd),this._input.removeListener("error",this._streamError)},this)}function le(e){var t,r,n,i,l=Math.pow(2,53),S=-l,F=/^\s*-?(\d+\.?|\.\d+|\d+\.\d+)([eE][-+]?\d+)?\s*$/,j=/^((\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d:[0-5]\d\.\d+([+-][0-2]\d:[0-5]\d|Z))|(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d:[0-5]\d([+-][0-2]\d:[0-5]\d|Z))|(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d([+-][0-2]\d:[0-5]\d|Z)))$/,d=this,E=0,a=0,T=!1,h=!1,c=[],s={data:[],errors:[],meta:{}};function x(p){return e.skipEmptyLines==="greedy"?p.join("").trim()==="":p.length===1&&p[0].length===0}function O(){if(s&&n&&(z("Delimiter","UndetectableDelimiter","Unable to auto-detect delimiting character; defaulted to '"+u.DefaultDelimiter+"'"),n=!1),e.skipEmptyLines&&(s.data=s.data.filter(function(o){return!x(o)})),I()){let o=function(R,C){k(e.transformHeader)&&(R=e.transformHeader(R,C)),c.push(R)};if(s)if(Array.isArray(s.data[0])){for(var p=0;I()&&p<s.data.length;p++)s.data[p].forEach(o);s.data.splice(0,1)}else s.data.forEach(o)}function g(o,R){for(var C=e.header?{}:[],y=0;y<o.length;y++){var v=y,_=o[y],_=((P,f)=>(b=>(e.dynamicTypingFunction&&e.dynamicTyping[b]===void 0&&(e.dynamicTyping[b]=e.dynamicTypingFunction(b)),(e.dynamicTyping[b]||e.dynamicTyping)===!0))(P)?f==="true"||f==="TRUE"||f!=="false"&&f!=="FALSE"&&((b=>{if(F.test(b)&&(b=parseFloat(b),S<b&&b<l))return 1})(f)?parseFloat(f):j.test(f)?new Date(f):f===""?null:f):f)(v=e.header?y>=c.length?"__parsed_extra":c[y]:v,_=e.transform?e.transform(_,v):_);v==="__parsed_extra"?(C[v]=C[v]||[],C[v].push(_)):C[v]=_}return e.header&&(y>c.length?z("FieldMismatch","TooManyFields","Too many fields: expected "+c.length+" fields but parsed "+y,a+R):y<c.length&&z("FieldMismatch","TooFewFields","Too few fields: expected "+c.length+" fields but parsed "+y,a+R)),C}var w;s&&(e.header||e.dynamicTyping||e.transform)&&(w=1,!s.data.length||Array.isArray(s.data[0])?(s.data=s.data.map(g),w=s.data.length):s.data=g(s.data,0),e.header&&s.meta&&(s.meta.fields=c),a+=w)}function I(){return e.header&&c.length===0}function z(p,g,w,o){p={type:p,code:g,message:w},o!==void 0&&(p.row=o),s.errors.push(p)}k(e.step)&&(i=e.step,e.step=function(p){s=p,I()?O():(O(),s.data.length!==0&&(E+=p.data.length,e.preview&&E>e.preview?r.abort():(s.data=s.data[0],i(s,d))))}),this.parse=function(p,g,w){var o=e.quoteChar||'"',o=(e.newline||(e.newline=this.guessLineEndings(p,o)),n=!1,e.delimiter?k(e.delimiter)&&(e.delimiter=e.delimiter(p),s.meta.delimiter=e.delimiter):((o=((R,C,y,v,_)=>{var P,f,b,$;_=_||[","," ","|",";",u.RECORD_SEP,u.UNIT_SEP];for(var J=0;J<_.length;J++){for(var U,V=_[J],D=0,q=0,A=0,L=(b=void 0,new ue({comments:v,delimiter:V,newline:C,preview:10}).parse(R)),W=0;W<L.data.length;W++)y&&x(L.data[W])?A++:(U=L.data[W].length,q+=U,b===void 0?b=U:0<U&&(D+=Math.abs(U-b),b=U));0<L.data.length&&(q/=L.data.length-A),(f===void 0||D<=f)&&($===void 0||$<q)&&1.99<q&&(f=D,P=V,$=q)}return{successful:!!(e.delimiter=P),bestDelimiter:P}})(p,e.newline,e.skipEmptyLines,e.comments,e.delimitersToGuess)).successful?e.delimiter=o.bestDelimiter:(n=!0,e.delimiter=u.DefaultDelimiter),s.meta.delimiter=e.delimiter),he(e));return e.preview&&e.header&&o.preview++,t=p,r=new ue(o),s=r.parse(t,g,w),O(),T?{meta:{paused:!0}}:s||{meta:{paused:!1}}},this.paused=function(){return T},this.pause=function(){T=!0,r.abort(),t=k(e.chunk)?"":t.substring(r.getCharIndex())},this.resume=function(){d.streamer._halted?(T=!1,d.streamer.parseChunk(t,!0)):setTimeout(d.resume,3)},this.aborted=function(){return h},this.abort=function(){h=!0,r.abort(),s.meta.aborted=!0,k(e.complete)&&e.complete(s),t=""},this.guessLineEndings=function(R,o){R=R.substring(0,1048576);var o=new RegExp(X(o)+"([^]*?)"+X(o),"gm"),w=(R=R.replace(o,"")).split("\r"),o=R.split(`
|
|
2
2
|
`),R=1<o.length&&o[0].length<w[0].length;if(w.length===1||R)return`
|
|
3
3
|
`;for(var C=0,y=0;y<w.length;y++)w[y][0]===`
|
|
4
4
|
`&&C++;return C>=w.length/2?`\r
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as a}from"./index-
|
|
1
|
+
import{c as a}from"./index-534TcCbY.js";const c=a("pencil",[["path",{d:"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",key:"1a8usu"}],["path",{d:"m15 5 4 4",key:"1mk7zo"}]]);export{c as P};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-
|
|
2
|
-
import{_ as y,n as x,o as _,d as $,r as f,a as b}from"./index-
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-DHuj6tKB.js","assets/index-534TcCbY.js","assets/index-B72Sw9uL.css","assets/papaparse.min-3FeAYh4d.js"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{_ as y,n as x,o as _,d as $,r as f,a as b}from"./index-534TcCbY.js";import{vectorDB as w}from"./vector-db-ChAzHl5A.js";async function I(e,o){switch(o){case"pdf":return O(e);case"docx":return j(e);case"csv":return R(e);case"txt":case"md":return e.text();default:throw new Error(`Unsupported format: ${o}`)}}async function O(e){const o=await y(()=>import("./pdf-vkbVaD7t.js"),[]);o.GlobalWorkerOptions.workerSrc=new URL("/assets/pdf.worker-CliDBb4N.mjs",import.meta.url).toString();const c=await e.arrayBuffer(),n=await o.getDocument({data:c}).promise,r=[];for(let a=1;a<=n.numPages;a++){const l=(await(await n.getPage(a)).getTextContent()).items.map(s=>"str"in s?s.str:"").join(" ");r.push(l)}return r.join(`
|
|
3
3
|
|
|
4
|
-
`)}async function j(e){const o=await y(()=>import("./index-
|
|
4
|
+
`)}async function j(e){const o=await y(()=>import("./index-DHuj6tKB.js").then(r=>r.i),__vite__mapDeps([0,1,2])),c=await e.arrayBuffer();return(await o.extractRawText({arrayBuffer:c})).value}async function R(e){const o=await y(()=>import("./papaparse.min-3FeAYh4d.js").then(n=>n.p),__vite__mapDeps([3,1,2])),c=await e.text();return new Promise((n,r)=>{o.default.parse(c,{header:!0,complete(a){const t=a.data.filter(u=>Object.values(u).some(l=>l!==""&&l!=null)).map((u,l)=>{const s=Object.entries(u).map(([d,m])=>`${d}: ${m}`).join(", ");return`Row ${l+1}: ${s}`});n(t.join(`
|
|
5
5
|
`))},error(a){r(a)}})})}function T(e){switch(e.split(".").pop()?.toLowerCase()){case"pdf":return"pdf";case"docx":return"docx";case"txt":return"txt";case"md":return"md";case"csv":return"csv";default:return null}}const z={chunkSize:1e3,chunkOverlap:200,separator:`
|
|
6
6
|
|
|
7
7
|
`};function A(e,o,c){const n={...z,...c},r=[],a=o.split(n.separator).filter(s=>s.trim());let t="",u=0,l=0;for(const s of a){const d=t?t+n.separator+s:s;if(d.length>n.chunkSize&&t){r.push(k(e,r.length,t,u));const m=t.slice(-n.chunkOverlap);u=l-m.length,t=m+n.separator+s}else t=d;l+=s.length+n.separator.length}return t.trim()&&r.push(k(e,r.length,t,u)),r}function k(e,o,c,n){const r=c.trim(),a={startChar:n,endChar:n+r.length};return{id:x(),documentId:e,index:o,content:r,tokenEstimate:Math.ceil(r.split(/\s+/).length*1.3),metadata:a}}async function B(e,o,c,n){const r=T(e.name);if(!r)throw new Error(`Unsupported file format: ${e.name}`);const a=x(),t={id:a,name:e.name,format:r,sizeBytes:e.size,addedAt:Date.now(),chunkCount:0,embeddingModel:o,status:"pending"};try{t.status="parsing",n?.({stage:"parsing",message:`Parsing ${e.name}...`,progress:.1});const u=await I(e,r);if(!u.trim())throw new Error("Document produced no extractable text");t.status="chunking",n?.({stage:"chunking",message:"Splitting into chunks...",progress:.3});const l=A(a,u,c);t.chunkCount=l.length,t.status="embedding",n?.({stage:"embedding",message:`Embedding ${l.length} chunks...`,progress:.4});const s=await L(l,o,(d,m)=>{const v=.4+d/m*.5;n?.({stage:"embedding",message:`Embedding chunk ${d}/${m}...`,progress:v})});return n?.({stage:"ready",message:"Storing vectors...",progress:.95}),await w.storeChunks(s),t.status="ready",await w.storeDocument(t),n?.({stage:"ready",message:"Done!",progress:1}),t}catch(u){throw t.status="error",t.error=u instanceof Error?u.message:"Ingestion failed",await w.storeDocument(t),u}}async function L(e,o,c){const n=[];for(let a=0;a<e.length;a+=10){const t=e.slice(a,a+10),u=t.map(s=>s.content),l=await _.embed({model:o,input:u});for(let s=0;s<t.length;s++){const d=t[s],m=l.embeddings[s];m&&n.push({id:x(),documentId:d.documentId,chunkId:d.id,content:d.content,embedding:m,metadata:d.metadata})}c(Math.min(a+10,e.length),e.length)}return n}async function D(e,o,c=5,n){const a=(await _.embed({model:o,input:[e]})).embeddings[0];if(!a)throw new Error("Failed to embed query");const t=await w.search(a,c,n),u=await w.getAllDocuments(),l=new Map(u.map(s=>[s.id,s.name]));return t.map(s=>({...s,documentName:l.get(s.chunk.documentId)??"Unknown"}))}function P(e){return e.length===0?"":`Use the following context to help answer the user's question. If the context doesn't contain relevant information, say so.
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as D,r as u,a as c,n as I,J as M}from"./index-534TcCbY.js";const B=D("sessions",()=>{const t=u(new Map),o=u(null),i=u(new Map),r=c(()=>o.value?t.value.get(o.value)??null:null),l=c(()=>[...t.value.values()].sort((e,s)=>s.createdAt-e.createdAt));function v(e){return t.value.get(e)}function f(e){const s=I(),n={id:s,mode:e.mode,model:e.model,status:"idle",createdAt:Date.now(),prompt:e.prompt,messages:e.messages??[],options:e.options??{},outputText:"",metrics:null};return t.value.set(s,n),s}function d(e,s){i.value.set(e,s)}function p(e,s){const n=t.value.get(e);n&&(n.status=s)}function S(e,s){const n=t.value.get(e);n&&(n.outputText+=s)}function g(e,s){const n=t.value.get(e);if(n){n.status="completed",n.metrics=s;const a=i.value.get(e);a&&M.saveSession(n,a).catch(console.error)}}function m(e,s){const n=t.value.get(e);n&&(n.status="error",n.error=s)}function A(e){const s=t.value.get(e);s&&(s.status="cancelled")}function w(e,s){const n=t.value.get(e);n&&(n.doneReason=s)}function x(e){o.value=e}return{sessions:t,activeSessionId:o,activeSession:r,recentSessions:l,sessionConversationMap:i,sessionById:v,createSession:f,linkSessionToConversation:d,updateSessionStatus:p,appendOutput:S,finalizeSession:g,setSessionError:m,cancelSession:A,setDoneReason:w,setActiveSession:x}});export{B as u};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c}from"./index-
|
|
1
|
+
import{c}from"./index-534TcCbY.js";const y=c("share-2",[["circle",{cx:"18",cy:"5",r:"3",key:"gq8acd"}],["circle",{cx:"6",cy:"12",r:"3",key:"w7nqdw"}],["circle",{cx:"18",cy:"19",r:"3",key:"1xt0gg"}],["line",{x1:"8.59",x2:"15.42",y1:"13.51",y2:"17.49",key:"47mynk"}],["line",{x1:"15.41",x2:"8.59",y1:"6.51",y2:"10.49",key:"1n3mei"}]]);export{y as S};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as b,r as d,a as f}from"./index-
|
|
1
|
+
import{d as b,r as d,a as f}from"./index-534TcCbY.js";const g=[{id:"rag",dbName:"llmxray-rag",label:"Knowledge Base",icon:"📚",stores:["chunks","documents"]},{id:"conversations",dbName:"llmxray-conversations",label:"Conversations",icon:"💬",stores:["conversations","messages","sessions","tokens"]},{id:"benchmarks",dbName:"llmxray-benchmarks",label:"Benchmarks",icon:"⏱",stores:["results","custom-suites"]},{id:"message-memory",dbName:"llmxray-message-memory",label:"Message Memory",icon:"🧠",stores:["messages"]},{id:"canvas-ai",dbName:"llmxray-canvas-ai",label:"AI Training",icon:"🎨",stores:["training-pairs"]},{id:"comparisons",dbName:"llmxray-comparisons",label:"Comparisons",icon:"⚖",stores:["runs"]},{id:"history",dbName:"llmxray-history",label:"History",icon:"📅",stores:["entries"]}];async function p(){if(!navigator.storage?.estimate)return{usage:0,quota:0,persisted:!1};const s=await navigator.storage.estimate(),e=await navigator.storage.persisted?.()??!1;return{usage:s.usage??0,quota:s.quota??0,persisted:e}}function m(s){if(s==null)return 0;if(typeof s!="object")return String(s).length*2;const e=s;let t=0;for(const o of Object.keys(e)){t+=o.length*2;const n=e[o];Array.isArray(n)&&n.length>0&&typeof n[0]=="number"?t+=n.length*8:typeof n=="string"?t+=n.length*2:typeof n=="number"?t+=8:typeof n=="boolean"?t+=4:n!=null&&typeof n=="object"&&(t+=m(n))}return t}function v(s){return new Promise(e=>{const t=indexedDB.open(s);t.onupgradeneeded=()=>{t.transaction?.abort(),e(null)},t.onsuccess=()=>e(t.result),t.onerror=()=>e(null)})}function h(s,e){return new Promise(t=>{if(!s.objectStoreNames.contains(e)){t({name:e,bytes:0,count:0});return}const n=s.transaction(e,"readonly").objectStore(e);let c=0,r=0;const i=n.openCursor();i.onsuccess=()=>{const u=i.result;u?(c+=m(u.value),r++,u.continue()):t({name:e,bytes:c,count:r})},i.onerror=()=>t({name:e,bytes:0,count:0})})}async function x(s,e){const t=await v(s);if(!t)return{totalBytes:0,recordCount:0,stores:e.map(o=>({name:o,bytes:0,count:0}))};try{const o=[];for(const r of e)o.push(await h(t,r));const n=o.reduce((r,i)=>r+i.bytes,0),c=o.reduce((r,i)=>r+i.count,0);return{totalBytes:n,recordCount:c,stores:o}}finally{t.close()}}async function w(){const s=[];for(const e of g){const{totalBytes:t,recordCount:o,stores:n}=await x(e.dbName,e.stores);s.push({id:e.id,label:e.label,icon:e.icon,type:"indexeddb",totalBytes:t,recordCount:o,stores:n})}return s}const B=b("storage",()=>{const s=d(null),e=d([]),t=d(!1),o=d(null),n=f(()=>e.value.reduce((a,l)=>a+l.totalBytes,0)),c=f(()=>!s.value||s.value.quota===0?0:Math.round(s.value.usage/s.value.quota*100)),r=f(()=>e.value.reduce((a,l)=>a+l.recordCount,0));function i(a){return e.value.find(l=>l.id===a)}async function u(){t.value=!0;try{const[a,l]=await Promise.all([p(),w()]);s.value=a,e.value=l,o.value=Date.now()}catch(a){console.error("Failed to estimate storage:",a)}finally{t.value=!1}}async function y(a=3e4){(!o.value||Date.now()-o.value>a)&&await u()}return{origin:s,databases:e,loading:t,lastUpdated:o,totalUsedBytes:n,usedPercent:c,totalRecordCount:r,getDatabaseById:i,refresh:u,refreshIfStale:y}});export{B as u};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import{n as u,A as z}from"./index-534TcCbY.js";import{u as G}from"./session-store-BQ0TF24S.js";import{a as R,b as E,u as J}from"./agent-store-C6w1zV86.js";import{u as $}from"./metrics-store-7m97Sb7w.js";import{u as q}from"./toolcall-store-C4Trr01T.js";const B=1e6;function F(t,n,a,e,c){const s=(e.total_duration??0)/B,o=(e.load_duration??0)/B,i=(e.prompt_eval_duration??0)/B,l=(e.eval_duration??0)/B,p=e.prompt_eval_count??0,r=e.eval_count??0,h=l>0?r/l*1e3:0,f=i>0?p/i*1e3:0,d=c.length>0?c[0]:0;return{sessionId:t,model:n,startedAt:a,completedAt:Date.now(),ttftMs:d,totalDurationMs:s,loadDurationMs:o,promptEvalDurationMs:i,evalDurationMs:l,tokensPerSecond:h,promptTokensPerSecond:f,promptTokenCount:p,completionTokenCount:r,totalTokenCount:p+r,tokenLatencies:c}}class V{constructor(n){this.stepIndex=0,this.activeStep=null,this.inThinkBlock=!1,this.completedSteps=[],this.lastProcessedLineIndex=-1,this.thinkBlockProcessed=!1,this.enablePatternDetection=n?.patternDetection??!0}get isThinking(){return this.inThinkBlock}get thinkingContent(){return this.inThinkBlock&&this.activeStep?this.activeStep.content:""}processToken(n,a){if(!this.inThinkBlock&&!this.thinkBlockProcessed&&a.includes("<think>")){this.inThinkBlock=!0;const i=a.split("<think>").pop()??"";return this.activeStep={type:"thought",content:i,startTokenIndex:n.index,startTimestamp:n.timestamp},null}if(this.inThinkBlock&&a.includes("</think>")){if(this.inThinkBlock=!1,this.thinkBlockProcessed=!0,this.activeStep){const i=a.match(/<think>([\s\S]*?)<\/think>/);if(i?this.activeStep.content=i[1]?.trim()??this.activeStep.content.trim():this.activeStep.content=this.activeStep.content.replace(/<\/think>[\s\S]*$/,"").trim(),this.activeStep.content)return this.finalizeStep(n);this.activeStep=null}return null}if(this.inThinkBlock&&this.activeStep)return this.activeStep.content+=n.text,null;if(!this.enablePatternDetection)return null;const e=a.split(`
|
|
2
|
+
`);if(e.length<2)return null;const c=e.length-2;if(c<=this.lastProcessedLineIndex)return null;this.lastProcessedLineIndex=c;const s=e[c]?.trim()??"";if(!s)return null;const o=K(s);if(o){let i=null;return this.activeStep&&(i=this.finalizeStep(n)),this.activeStep={type:o.type,content:o.content,startTokenIndex:n.index,startTimestamp:n.timestamp},i}return this.activeStep&&(this.activeStep.content+=n.text),null}finalize(){if(this.activeStep){const n={id:u(),index:this.stepIndex++,type:this.activeStep.type,content:this.activeStep.content.trim(),startTokenIndex:this.activeStep.startTokenIndex,endTokenIndex:this.activeStep.startTokenIndex,timestamp:this.activeStep.startTimestamp,durationMs:Date.now()-this.activeStep.startTimestamp};if(this.activeStep=null,n.content)return this.completedSteps.push(n),n}return null}finalizeStep(n){const a={id:u(),index:this.stepIndex++,type:this.activeStep.type,content:this.activeStep.content.trim(),startTokenIndex:this.activeStep.startTokenIndex,endTokenIndex:n.index,timestamp:this.activeStep.startTimestamp,durationMs:n.timestamp-this.activeStep.startTimestamp};return this.completedSteps.push(a),this.activeStep=null,a}}const H=[{regex:/^(?:Step\s+\d+[:.]\s*)(.+)/i,type:"thought"},{regex:/^(?:Thought[:.]\s*)(.+)/i,type:"thought"},{regex:/^(?:Observation[:.]\s*)(.+)/i,type:"observation"},{regex:/^(?:Action[:.]\s*)(.+)/i,type:"action"},{regex:/^(?:Conclusion[:.]\s*)(.+)/i,type:"conclusion"},{regex:/^(?:Therefore[,:.]\s*)(.+)/i,type:"conclusion"}];function K(t){const n=t.trim();for(const{regex:a,type:e}of H){const c=n.match(a);if(c)return{type:e,content:c[1]??n}}return null}async function I(t,n,a){const e=t.getReader(),c=new TextDecoder;let s="";try{for(;!a?.aborted;){const{done:o,value:i}=await e.read();if(o)break;s+=c.decode(i,{stream:!0});const l=s.split(`
|
|
3
|
+
`);s=l.pop()??"";for(const p of l){const r=p.trim();if(!r||!r.startsWith("data: "))continue;const h=r.slice(6);if(h==="[DONE]")return;try{const f=JSON.parse(h);n(f)}catch{}}}}finally{e.releaseLock()}}async function W(t,n,a){const e=t.getReader(),c=new TextDecoder;let s="";try{for(;!a?.aborted;){const{done:o,value:i}=await e.read();if(o)break;s+=c.decode(i,{stream:!0});const l=s.split(`
|
|
4
|
+
`);s=l.pop()??"";for(const p of l){const r=p.trim();if(r)try{const h=JSON.parse(r);n(h)}catch{}}}if(s.trim())try{const o=JSON.parse(s.trim());n(o)}catch{}}finally{e.releaseLock()}}async function tt(t,n,a){const e=G(),c=R(),s=$(),o=E(),i=J(),l=Date.now();let p=0,r=l,h="";const f=[],d=z(),b=e.sessionById(t),y=b?d.isThinkingModel(b.model):!1,x=new V({patternDetection:y});i.initGraph(t),i.addNode(t,{id:u(),type:"start",label:"Generation Start",sessionId:t,stepIndex:0,state:{},timestamp:l}),e.updateSessionStatus(t,"streaming"),await W(n,g=>{const M=Date.now(),D=M-r;h+=g.response;const C=j(D,f),v={id:u(),index:p++,text:g.response,timestamp:M,confidence:C,cumulativeText:h,interTokenLatencyMs:D};c.pushToken(t,v),e.appendOutput(t,g.response),f.push(D),r=M;const k=x.processToken(v,h);if(o.setThinking(t,x.isThinking,x.thinkingContent),k&&(o.addStep(t,k),i.addNode(t,{id:u(),type:"decision",label:`${k.type}: ${k.content.slice(0,40)}...`,sessionId:t,stepIndex:k.index,state:{reasoning:k.type},timestamp:k.timestamp})),g.done){x.finalize(),o.setThinking(t,!1,""),g.done_reason&&e.setDoneReason(t,g.done_reason);const m=e.sessionById(t);if(m){const T=F(t,m.model,l,g,f);s.recordMetrics(t,T),e.finalizeSession(t,T),s.recalculateAggregate()}i.addNode(t,{id:u(),type:"output",label:"Generation Complete",sessionId:t,stepIndex:p,state:{tokenCount:p},timestamp:Date.now()})}},a)}async function et(t,n,a){const e=G(),c=R(),s=$(),o=E(),i=q(),l=J(),p=Date.now();let r=0,h=p,f="",d="",b="",y=!1;const x=[],g=[],M=z(),D=e.sessionById(t),C=D?M.isThinkingModel(D.model):!1,v=new V({patternDetection:C});l.initGraph(t);const k=l.getGraph(t);return(!k||k.nodes.length===0)&&l.addNode(t,{id:u(),type:"start",label:"Chat Start",sessionId:t,stepIndex:0,state:{},timestamp:p}),e.updateSessionStatus(t,"streaming"),await W(n,m=>{const T=Date.now(),w=T-h,A=m.message.thinking;if(A){y=!0,d+=A,o.setThinking(t,!0,d),x.push(w),h=T;return}y&&d&&!m.done&&(o.setThinking(t,!1,d),d.trim()&&o.addStep(t,{id:u(),index:0,type:"thought",content:d.trim(),startTokenIndex:0,endTokenIndex:r,timestamp:T,durationMs:T-p}),b=d,d="");const N=m.message.content;f+=N;let P,L;m.logprobs&&m.logprobs.length>0?(L=m.logprobs[0].logprob,P=Math.exp(L)):P=j(w,x);const O={id:u(),index:r++,text:N,timestamp:T,confidence:P,logprob:L,cumulativeText:f,interTokenLatencyMs:w};if(c.pushToken(t,O),e.appendOutput(t,N),x.push(w),h=T,!y){const S=v.processToken(O,f);o.setThinking(t,v.isThinking,v.thinkingContent),S&&o.addStep(t,S)}if(m.message.tool_calls)for(const S of m.message.tool_calls){g.push(S);const _={id:u(),sessionId:t,index:i.getToolCalls(t).length,functionName:S.function.name,arguments:S.function.arguments,status:"pending",startedAt:T,tokenIndexStart:r};i.addToolCall(t,_),l.addNode(t,{id:u(),type:"tool_call",label:`Tool: ${S.function.name}`,sessionId:t,stepIndex:r,state:{tool:S.function.name,args:S.function.arguments},timestamp:T})}if(m.done&&(y&&d.trim()&&(b=d,o.addStep(t,{id:u(),index:0,type:"thought",content:d.trim(),startTokenIndex:0,endTokenIndex:r,timestamp:Date.now(),durationMs:Date.now()-p})),v.finalize(),o.setThinking(t,!1,y?b:""),m.done_reason&&e.setDoneReason(t,m.done_reason),g.length===0)){const S=e.sessionById(t);if(S){const _=F(t,S.model,p,m,x);s.recordMetrics(t,_),e.finalizeSession(t,_),s.recalculateAggregate()}l.addNode(t,{id:u(),type:"output",label:"Chat Complete",sessionId:t,stepIndex:r,state:{tokenCount:r},timestamp:Date.now()})}},a),{toolCalls:g}}function j(t,n){if(n.length<2)return .5;const a=[...n].sort((o,i)=>o-i),e=a[Math.floor(a.length/2)];if(e<=0)return .5;const c=t/e,s=Math.max(0,Math.min(1,1-(c-.5)/2));return Math.round(s*100)/100}export{tt as a,et as e,I as r};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as k,r as f,a as u,n as x}from"./index-
|
|
1
|
+
import{d as k,r as f,a as u,n as x}from"./index-534TcCbY.js";function m(){return{mode:"code",blocks:[],code:""}}const v="llmxray-workshop-tools",D="llmxray-tool-definitions",_=k("tool-workshop",()=>{const n=f({}),a=f(null);function p(){try{const e=localStorage.getItem(v);if(e){const t=JSON.parse(e),o={};for(const l of t)o[l.id]=l;n.value=o;return}g()}catch{}}function g(){try{const e=localStorage.getItem(D);if(!e)return;const t=JSON.parse(e),o={};for(const l of t){const d={id:l.id,definition:l.definition,implementation:m(),enabled:l.enabled,category:"custom",createdAt:l.createdAt,updatedAt:l.updatedAt,lastTestedAt:null,testResult:null};o[d.id]=d}n.value=o,i()}catch{}}function i(){const e=Object.values(n.value);localStorage.setItem(v,JSON.stringify(e))}p();const c=u(()=>Object.values(n.value)),r=u(()=>c.value.filter(e=>e.enabled)),y=u(()=>r.value.map(e=>e.definition)),b=u(()=>{const e={};for(const t of c.value){const o=t.category||"custom";e[o]||(e[o]=[]),e[o].push(t)}return e}),S=u(()=>a.value?n.value[a.value]??null:null);function s(e){const t=x(),o=Date.now(),l={id:t,definition:e.definition,implementation:e.implementation??m(),enabled:e.enabled??!1,category:e.category??"custom",createdAt:o,updatedAt:o,lastTestedAt:null,testResult:null};return n.value[t]=l,i(),t}function O(e,t){const o=n.value[e];o&&(n.value[e]={...o,...t,updatedAt:Date.now()},i())}function T(e){delete n.value[e],a.value===e&&(a.value=null),i()}function A(){n.value={},a.value=null,i()}function w(e){const t=n.value[e];if(!t)return null;const o=JSON.parse(JSON.stringify(t.definition));return o.function.name=`${o.function.name}_copy`,s({definition:o,implementation:JSON.parse(JSON.stringify(t.implementation)),category:t.category})}function N(e){const t=n.value[e];t&&(n.value[e]={...t,enabled:!t.enabled},i())}function J(){for(const e of Object.keys(n.value))n.value[e]={...n.value[e],enabled:!1};i()}function h(e){a.value=e}function E(e){return n.value[e]}function I(e){return c.value.find(t=>t.definition.function.name===e)}return{tools:n,selectedToolId:a,allTools:c,enabledTools:r,enabledDefinitions:y,toolsByCategory:b,selectedTool:S,addTool:s,updateTool:O,removeTool:T,clearAll:A,duplicateTool:w,toggleEnabled:N,disableAll:J,selectTool:h,getById:E,findByFunctionName:I}});export{_ as u};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as f,r as d}from"./index-534TcCbY.js";const p=f("toolcalls",()=>{const l=d(new Map);function o(t){return l.value.get(t)??[]}function r(t){return o(t).filter(n=>n.status==="pending")}function u(t,n){let e=l.value.get(t);e||(e=[],l.value.set(t,e)),e.push(n)}function i(t,n,e){const a=l.value.get(t);if(!a)return;const s=a.find(c=>c.id===n);s&&Object.assign(s,e)}return{callsBySession:l,getToolCalls:o,getPendingCalls:r,addToolCall:u,updateToolCall:i}});export{p as u};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as a}from"./index-
|
|
1
|
+
import{c as a}from"./index-534TcCbY.js";const e=a("trash-2",[["path",{d:"M10 11v6",key:"nco0om"}],["path",{d:"M14 11v6",key:"outv1u"}],["path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",key:"miytrc"}],["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",key:"e791ji"}]]);export{e as T};
|
package/dist/index.html
CHANGED
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
7
|
<title>LLMxRay — Local LLM Observatory</title>
|
|
8
|
-
<script type="module" crossorigin src="/assets/index-
|
|
9
|
-
<link rel="stylesheet" crossorigin href="/assets/index-
|
|
8
|
+
<script type="module" crossorigin src="/assets/index-534TcCbY.js"></script>
|
|
9
|
+
<link rel="stylesheet" crossorigin href="/assets/index-B72Sw9uL.css">
|
|
10
10
|
</head>
|
|
11
11
|
<body>
|
|
12
12
|
<script>
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as L,a as b,b as g,e as p,f as t,t as a,j as f,l as z,p as x,u,F as M,k as A}from"./index-DYHBy1xj.js";import{u as B}from"./metrics-store-DRErjO4D.js";import{C as P,a as T,L as v,B as w,p as S,c as D,d as E,f as F,P as I,b as U,i as G,e as q}from"./index-CUNpOQX9.js";import{I as N}from"./info-D-oZIv7P.js";const k=[{family:"llama3.2",inputPer1M:.04,outputPer1M:.04,source:"Together AI"},{family:"llama3.1",inputPer1M:.05,outputPer1M:.08,source:"Groq"},{family:"llama3",inputPer1M:.05,outputPer1M:.08,source:"Groq"},{family:"gemma3",inputPer1M:.1,outputPer1M:.1,source:"Google"},{family:"gemma2",inputPer1M:.07,outputPer1M:.07,source:"Google"},{family:"gemma",inputPer1M:.07,outputPer1M:.07,source:"Google"},{family:"mistral",inputPer1M:.25,outputPer1M:.25,source:"Mistral"},{family:"mixtral",inputPer1M:.6,outputPer1M:.6,source:"Mistral"},{family:"phi4",inputPer1M:.07,outputPer1M:.14,source:"Azure"},{family:"phi3",inputPer1M:.07,outputPer1M:.14,source:"Azure"},{family:"qwen2.5",inputPer1M:.15,outputPer1M:.15,source:"Alibaba"},{family:"qwen2",inputPer1M:.15,outputPer1M:.15,source:"Alibaba"},{family:"deepseek-r1",inputPer1M:.55,outputPer1M:2.19,source:"DeepSeek"},{family:"deepseek-coder",inputPer1M:.14,outputPer1M:.28,source:"DeepSeek"},{family:"codellama",inputPer1M:.05,outputPer1M:.08,source:"Estimated"},{family:"qwen2.5-coder",inputPer1M:.15,outputPer1M:.15,source:"Estimated"},{family:"command-r",inputPer1M:.5,outputPer1M:1.5,source:"Cohere"},{family:"starcoder",inputPer1M:.1,outputPer1M:.1,source:"Estimated"}],O={family:"unknown",inputPer1M:.1,outputPer1M:.1,source:"Estimated"};function $(l){const o=l.toLowerCase().split(":")[0],s=k.find(e=>o===e.family);if(s)return s;const n=k.find(e=>o.startsWith(e.family));return n||{...O,family:o}}function C(l,o,s){return(l*s.inputPer1M+o*s.outputPer1M)/1e6}const R=L("cost",()=>{const l=B(),o=b(()=>{const c=new Map;for(const r of l.metricsBySession.values()){const d=c.get(r.model);if(d)d.promptTokens+=r.promptTokenCount,d.completionTokens+=r.completionTokenCount,d.totalTokens+=r.totalTokenCount,d.sessionCount++;else{const h=$(r.model);c.set(r.model,{model:r.model,promptTokens:r.promptTokenCount,completionTokens:r.completionTokenCount,totalTokens:r.totalTokenCount,sessionCount:1,estimatedCost:0,pricing:h})}}const i=[...c.values()];for(const r of i)r.estimatedCost=C(r.promptTokens,r.completionTokens,r.pricing);return i.sort((r,d)=>d.totalTokens-r.totalTokens)}),s=b(()=>{const c=new Map;for(const i of l.metricsBySession.values()){const r=new Date(i.startedAt).toISOString().slice(0,10),d=c.get(r),h=$(i.model),y=C(i.promptTokenCount,i.completionTokenCount,h);d?(d.promptTokens+=i.promptTokenCount,d.completionTokens+=i.completionTokenCount,d.totalTokens+=i.totalTokenCount,d.sessionCount++,d.estimatedCost+=y):c.set(r,{date:r,promptTokens:i.promptTokenCount,completionTokens:i.completionTokenCount,totalTokens:i.totalTokenCount,sessionCount:1,estimatedCost:y})}return[...c.values()].sort((i,r)=>i.date.localeCompare(r.date))}),n=b(()=>o.value.reduce((c,i)=>c+i.estimatedCost,0)),e=b(()=>o.value.reduce((c,i)=>c+i.totalTokens,0)),m=b(()=>o.value.reduce((c,i)=>c+i.sessionCount,0)),_=b(()=>m.value>0?n.value/m.value:0);return{modelUsage:o,dailyUsage:s,totalEstimatedCost:n,totalTokens:e,totalSessions:m,avgCostPerSession:_}}),j={class:"grid grid-cols-2 gap-3 lg:grid-cols-4"},V={class:"rounded-lg border border-border-default bg-surface-raised p-4"},K={class:"text-[10px] font-medium uppercase tracking-wide text-text-muted"},W={class:"mt-1 text-2xl font-semibold text-text-primary"},H={class:"rounded-lg border border-border-default bg-surface-raised p-4"},J={class:"text-[10px] font-medium uppercase tracking-wide text-text-muted"},Q={class:"mt-1 text-2xl font-semibold text-text-primary"},X={class:"rounded-lg border border-border-default bg-surface-raised p-4"},Y={class:"text-[10px] font-medium uppercase tracking-wide text-text-muted"},Z={class:"mt-1 text-2xl font-semibold text-accent"},tt={class:"rounded-lg border border-border-default bg-surface-raised p-4"},et={class:"text-[10px] font-medium uppercase tracking-wide text-text-muted"},ot={class:"mt-1 text-2xl font-semibold text-text-primary"},st=g({__name:"CostSummaryCards",props:{totalTokens:{},totalSessions:{},estimatedCost:{},avgCostPerSession:{}},setup(l){function o(n){return n<.01?"< $0.01":`$${n.toFixed(2)}`}function s(n){return n>=1e6?`${(n/1e6).toFixed(1)}M`:n>=1e3?`${(n/1e3).toFixed(1)}K`:n.toString()}return(n,e)=>(f(),p("div",j,[t("div",V,[t("p",K,a(n.$t("cost.summary.totalTokens")),1),t("p",W,a(s(l.totalTokens)),1)]),t("div",H,[t("p",J,a(n.$t("cost.summary.totalSessions")),1),t("p",Q,a(l.totalSessions),1)]),t("div",X,[t("p",Y,a(n.$t("cost.summary.estimatedCost")),1),t("p",Z,a(o(l.estimatedCost)),1)]),t("div",tt,[t("p",et,a(n.$t("cost.summary.avgCostPerSession")),1),t("p",ot,a(o(l.avgCostPerSession)),1)])]))}}),at={class:"rounded-lg border border-border-default bg-surface-raised p-4"},nt={class:"mb-3 text-sm font-medium text-text-secondary"},rt=g({__name:"TokenUsageByModelChart",props:{data:{}},setup(l){P.register(T,v,w,S,D,E);const o=l,s=b(()=>({labels:o.data.map(e=>e.model),datasets:[{label:"Prompt",data:o.data.map(e=>e.promptTokens),backgroundColor:"#818cf8"},{label:"Completion",data:o.data.map(e=>e.completionTokens),backgroundColor:"#a855f7"}]})),n={indexAxis:"y",responsive:!0,maintainAspectRatio:!1,plugins:{legend:{position:"bottom",labels:{color:"#94a3b8",font:{size:11}}},tooltip:{callbacks:{label:e=>`${e.dataset.label??""}: ${(e.parsed.x??0).toLocaleString()} tokens`}}},scales:{x:{stacked:!0,ticks:{color:"#94a3b8",font:{size:10}},grid:{color:"rgba(71, 85, 105, 0.3)"}},y:{stacked:!0,ticks:{color:"#94a3b8",font:{size:11}},grid:{display:!1}}}};return(e,m)=>(f(),p("div",at,[t("h3",nt,a(e.$t("cost.charts.tokensByModel")),1),t("div",{style:z({height:Math.max(120,l.data.length*40)+"px"})},[x(u(F),{data:s.value,options:n},null,8,["data"])],4)]))}}),it={class:"rounded-lg border border-border-default bg-surface-raised p-4"},lt={class:"mb-3 text-sm font-medium text-text-secondary"},dt={class:"h-64"},ct=g({__name:"DailyUsageChart",props:{data:{}},setup(l){P.register(T,v,I,U,S,D,E,G);const o=l,s=b(()=>({labels:o.data.map(e=>e.date),datasets:[{label:"Tokens",data:o.data.map(e=>e.totalTokens),borderColor:"#818cf8",backgroundColor:"rgba(129, 140, 248, 0.1)",fill:!0,tension:.3,yAxisID:"y"},{label:"Est. Cost ($)",data:o.data.map(e=>e.estimatedCost),borderColor:"#a855f7",backgroundColor:"transparent",borderDash:[4,4],tension:.3,yAxisID:"y1"}]})),n={responsive:!0,maintainAspectRatio:!1,interaction:{mode:"index",intersect:!1},plugins:{legend:{position:"bottom",labels:{color:"#94a3b8",font:{size:11}}},tooltip:{callbacks:{label:e=>{const m=e.dataset.label??"",_=e.parsed.y??0;return m==="Est. Cost ($)"?`${m}: $${_.toFixed(4)}`:`${m}: ${_.toLocaleString()}`}}}},scales:{x:{ticks:{color:"#94a3b8",font:{size:10}},grid:{color:"rgba(71, 85, 105, 0.3)"}},y:{type:"linear",position:"left",ticks:{color:"#94a3b8",font:{size:10}},grid:{color:"rgba(71, 85, 105, 0.3)"},title:{display:!0,text:"Tokens",color:"#94a3b8",font:{size:10}}},y1:{type:"linear",position:"right",ticks:{color:"#94a3b8",font:{size:10},callback:e=>`$${Number(e).toFixed(4)}`},grid:{display:!1},title:{display:!0,text:"Cost ($)",color:"#94a3b8",font:{size:10}}}}};return(e,m)=>(f(),p("div",it,[t("h3",lt,a(e.$t("cost.charts.dailyUsage")),1),t("div",dt,[x(u(q),{data:s.value,options:n},null,8,["data"])])]))}}),ut={class:"rounded-lg border border-border-default bg-surface-raised p-4"},mt={class:"mb-3 text-sm font-medium text-text-secondary"},pt={class:"overflow-x-auto"},ft={class:"w-full text-xs"},bt={class:"border-b border-border-default text-text-muted"},xt={class:"px-2 py-2 text-start font-medium"},gt={class:"px-2 py-2 text-end font-medium"},_t={class:"px-2 py-2 text-end font-medium"},ht={class:"px-2 py-2 text-end font-medium"},yt={class:"px-2 py-2 text-end font-medium"},kt={class:"px-2 py-2 text-end font-medium"},$t={class:"px-2 py-2 text-end font-medium"},Ct={class:"px-2 py-2 font-medium text-text-primary"},Mt={class:"px-2 py-2 text-end"},Pt={class:"px-2 py-2 text-end"},Tt={class:"px-2 py-2 text-end"},vt={class:"px-2 py-2 text-end"},St={class:"px-2 py-2 text-end text-accent"},Dt={class:"px-2 py-2 text-end text-text-muted"},Et=g({__name:"ModelBreakdownTable",props:{data:{}},setup(l){function o(s){return s<1e-4?"< $0.0001":s<.01?`$${s.toFixed(4)}`:`$${s.toFixed(2)}`}return(s,n)=>(f(),p("div",ut,[t("h3",mt,a(s.$t("cost.table.model")),1),t("div",pt,[t("table",ft,[t("thead",null,[t("tr",bt,[t("th",xt,a(s.$t("cost.table.model")),1),t("th",gt,a(s.$t("cost.table.sessions")),1),t("th",_t,a(s.$t("cost.table.promptTokens")),1),t("th",ht,a(s.$t("cost.table.completionTokens")),1),t("th",yt,a(s.$t("cost.table.totalTokens")),1),t("th",kt,a(s.$t("cost.table.estimatedCost")),1),t("th",$t,a(s.$t("cost.table.pricingSource")),1)])]),t("tbody",null,[(f(!0),p(M,null,A(l.data,e=>(f(),p("tr",{key:e.model,class:"border-b border-border-default/50 text-text-secondary hover:bg-surface-overlay transition-colors"},[t("td",Ct,a(e.model),1),t("td",Mt,a(e.sessionCount),1),t("td",Pt,a(e.promptTokens.toLocaleString()),1),t("td",Tt,a(e.completionTokens.toLocaleString()),1),t("td",vt,a(e.totalTokens.toLocaleString()),1),t("td",St,a(o(e.estimatedCost)),1),t("td",Dt,a(e.pricing.source),1)]))),128))])])])]))}}),Lt={class:"h-full overflow-y-auto p-6"},zt={class:"mb-6 text-lg font-semibold text-text-primary"},At={class:"mt-6 grid gap-6 lg:grid-cols-2"},Bt={class:"mt-6"},wt={class:"mt-6 flex items-start gap-2 rounded-lg border border-border-default bg-surface-raised p-4 text-xs text-text-muted"},Ft={key:1,class:"flex h-64 items-center justify-center"},It={class:"text-sm text-text-muted"},Ot=g({__name:"CostDashboardPage",setup(l){const o=R();return(s,n)=>(f(),p("div",Lt,[t("h1",zt,a(s.$t("cost.title")),1),u(o).totalSessions>0?(f(),p(M,{key:0},[x(st,{"total-tokens":u(o).totalTokens,"total-sessions":u(o).totalSessions,"estimated-cost":u(o).totalEstimatedCost,"avg-cost-per-session":u(o).avgCostPerSession},null,8,["total-tokens","total-sessions","estimated-cost","avg-cost-per-session"]),t("div",At,[x(rt,{data:u(o).modelUsage},null,8,["data"]),x(ct,{data:u(o).dailyUsage},null,8,["data"])]),t("div",Bt,[x(Et,{data:u(o).modelUsage},null,8,["data"])]),t("div",wt,[x(u(N),{class:"mt-0.5 h-3.5 w-3.5 shrink-0"}),t("p",null,a(s.$t("cost.disclaimer")),1)])],64)):(f(),p("div",Ft,[t("p",It,a(s.$t("cost.noData")),1)]))]))}});export{Ot as default};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import{a as xe,u as fe}from"./toolcall-store-xQEQUq5f.js";import{u as be}from"./metrics-store-DRErjO4D.js";import{b as ve,a as te,u as ge}from"./agent-store-CuCtjbhV.js";import{d as ye,a as he,b as ke}from"./download-WPaeALA4.js";import{_ as _e}from"./TabBar.vue_vue_type_script_setup_true_lang-DlSEPHs6.js";import{b as $e,_ as se,n as we,s as O,u as Ce}from"./StatusBadge.vue_vue_type_script_setup_true_lang-BbHpA7hy.js";import{_ as Te}from"./TokenStreamDisplay.vue_vue_type_script_setup_true_lang-P-I0kJTd.js";import{c as B,a as Me,f as Y,e as Se}from"./format-BqVZ9rwM.js";import{C as J,a as K,L as U,P as ze,b as Ne,p as oe,c as Q,d as ne,i as Le,e as Ae,B as re,f as ae}from"./index-CUNpOQX9.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 F,h as M,d as Ie,r as S,A as le,i as y,K as Pe,l as H,L as je,M as De,B as X,w as V,C as W,G as Fe,v as ie,T as Re,X as Oe,D as Z,H as Be,z as qe}from"./index-DYHBy1xj.js";import{I as j}from"./info-D-oZIv7P.js";import{u as He}from"./tool-workshop-store-Cb4eb3e4.js";import{s as Ee,J as Ve,g as We}from"./JsonTreeNode-DQ_R5Euc.js";import{D as Ge}from"./download-C3s6K1NW.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,ze,Ne,oe,Q,ne,Le);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(Ae),{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:Me(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:F(["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=ve(),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=Ie("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=R(r,"block_count")??32,d=R(r,"embedding_length")??4096,p=R(r,"attention.head_count")??32,i=R(r,"attention.head_count_kv")??p,u=R(r,"context_length")??4096,x=R(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 R(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"},Ft={class:"flex items-center gap-1 text-xs text-text-muted"},Rt={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=je(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?De(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(Pe(f.icon),{key:0,class:F(["h-3.5 w-3.5 shrink-0",f.color])},null,8,["class"])):y("",!0),e("span",{class:F(["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",Ft,[o[15]||(o[15]=M(" Parameters ",-1)),w(C(j),{class:"h-3 w-3"})]),e("div",Rt,c(C(Se)(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:F(["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:F(["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)),[[Fe,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"},Fs={class:"ms-2 text-xs text-text-muted"},Rs={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",Fs,c(t.entry.durationMs!=null?C(B)(t.entry.durationMs):"pending"),1)])]),e("div",Rs,[w(se,{status:t.entry.status},null,8,["status"]),e("span",{class:F(["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=xe(),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=ge(),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=$(()=>we[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:F(["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"},Fo={class:"text-text-secondary"},Ro={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",Fo,c(n.label),1),e("span",Ro,"("+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=Ce(),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(`
|
|
2
|
-
`);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}
|
|
3
|
-
|
|
4
|
-
// Optimized: return selected fields only
|
|
5
|
-
const __raw = args
|
|
6
|
-
${r}`;const d=n[m],i=d.match(/^(\s*)return\s+/)?.[1]??" ";let u=d.replace(/^\s*return\s+/,"").trim(),x=m;if(u.includes("{")&&!ee(u))for(let v=m+1;v<n.length&&(u+=`
|
|
7
|
-
`+n[v],x=v,!ee(u));v++);const b=[`${i}const __raw = ${u.trim()}`,`${i}${r}`].join(`
|
|
8
|
-
`);return[...n.slice(0,m),"",`${i}// Optimized: return selected fields only`,b,...n.slice(x+1)].join(`
|
|
9
|
-
`)}function ee(t){let a=0;for(const r of t)if(r==="{"&&a++,r==="}"&&a--,a<0)return!1;return a===0}const Xo={class:"relative flex h-full w-full max-w-2xl flex-col border-s border-border-default bg-bg-base shadow-xl"},Yo={class:"flex items-center justify-between border-b border-border-default px-5 py-4"},Zo={class:"text-base font-semibold text-text-primary"},en={key:0,class:"flex flex-1 flex-col items-center justify-center gap-4 p-8"},tn={class:"text-sm text-text-secondary"},sn={class:"font-mono text-accent"},on={class:"flex-1 overflow-y-auto"},nn={class:"grid grid-cols-3 gap-0 border-b border-border-default"},rn={class:"col-span-2 border-e border-border-default p-4"},an={class:"max-h-64 overflow-auto rounded-lg border border-border-default bg-surface-raised p-3"},ln={class:"p-4"},dn={class:"mb-2 text-xs font-medium uppercase tracking-wide text-text-muted"},un={key:0,class:"text-xs text-text-muted italic"},cn={key:1,class:"space-y-1"},mn=["title"],pn=["onClick"],xn={class:"border-b border-border-default p-4"},fn={class:"mb-2 flex items-center justify-between"},bn=["value"],vn={class:"space-y-3 p-4"},gn={key:0,class:"rounded-lg bg-warning/10 p-3 text-xs text-warning"},yn={class:"flex items-center justify-end gap-3 border-t border-border-default px-5 py-4"},hn=["disabled"],kn=N({__name:"ResponseOptimizerDrawer",props:{entry:{}},emits:["close"],setup(t,{emit:a}){const r=t,n=a,m=Be(),d=He(),p=S(new Set),i=S(`${r.entry.functionName}_optimized`),u=S(""),x=S(""),b=S(!1),g=S(!1),v=S(null),k=$(()=>d.findByFunctionName(r.entry.functionName)),T=$(()=>k.value?.implementation.code??""),o=$(()=>Array.from(p.value));V(o,z=>{if(z.length>0){const _=z.map(I=>I.split(".").pop()??I).join(", ");u.value=`Optimized ${r.entry.functionName} returning only: ${_}`}else u.value=""}),V(o,z=>{b.value||(x.value=f(z))});function f(z){return z.length===0?T.value:T.value?Qo(T.value,z):` // No original code found — filtering raw result
|
|
10
|
-
const fullResult = await args
|
|
11
|
-
return {
|
|
12
|
-
${We(z).map(E=>` ${E.returnKey}: args.${E.jsonPath}`).join(`,
|
|
13
|
-
`)}
|
|
14
|
-
}`}function h(z){const _=new Set(p.value);_.has(z)?_.delete(z):_.add(z),p.value=_}function D(z){const _=new Set(p.value);_.delete(z),p.value=_}function ue(z){x.value=z.target.value,b.value=!0}function ce(){x.value=f(o.value),b.value=!1}function me(){const z=k.value,_=z?JSON.parse(JSON.stringify(z.definition)):{type:"function",function:{name:i.value,description:u.value,parameters:{type:"object",properties:{},required:[]}}};_.function.name=i.value,_.function.description=u.value;const I=d.addTool({definition:_,implementation:{mode:"code",blocks:[],code:x.value},category:z?.category??"custom",optimizedFrom:{originalToolName:r.entry.functionName,selectedPaths:o.value,sampleResponse:r.entry.result}});v.value=I,g.value=!0}function pe(){v.value&&d.selectTool(v.value),m.push("/tools"),n("close")}function q(){n("close")}return(z,_)=>(s(),P(Re,{to:"body"},[e("div",{class:"fixed inset-0 z-50 flex justify-end",onClick:ie(q,["self"])},[e("div",{class:"absolute inset-0 bg-black/50",onClick:q}),e("div",Xo,[e("div",Yo,[e("h3",Zo," Optimize: "+c(t.entry.functionName),1),e("button",{class:"rounded p-1 text-text-muted hover:bg-surface-overlay hover:text-text-primary transition-colors",onClick:q},[w(C(Oe),{class:"h-5 w-5"})])]),g.value?(s(),l("div",en,[_[3]||(_[3]=e("div",{class:"text-4xl"},"✓",-1)),_[4]||(_[4]=e("p",{class:"text-lg font-medium text-text-primary"},"Tool created successfully",-1)),e("p",tn,[e("span",sn,c(i.value),1),_[2]||(_[2]=M(" has been added to your workshop. ",-1))]),e("div",{class:"mt-4 flex gap-3"},[e("button",{class:"rounded-lg border border-border-default px-4 py-2 text-sm text-text-secondary hover:bg-surface-overlay transition-colors",onClick:q}," Stay Here "),e("button",{class:"rounded-lg bg-accent px-4 py-2 text-sm font-medium text-white hover:bg-accent-hover transition-colors",onClick:pe}," Go to Workshop ")])])):(s(),l(L,{key:1},[e("div",on,[e("div",nn,[e("div",rn,[_[5]||(_[5]=e("div",{class:"mb-2 text-xs font-medium uppercase tracking-wide text-text-muted"}," Response (click fields to select) ",-1)),e("div",an,[w(Ve,{label:"result",value:t.entry.result,path:"","selected-paths":p.value,onTogglePath:h},null,8,["value","selected-paths"])])]),e("div",ln,[e("div",dn," Selected ("+c(p.value.size)+") ",1),p.value.size===0?(s(),l("div",un," Click fields in the tree to select them ")):(s(),l("div",cn,[(s(!0),l(L,null,A(o.value,I=>(s(),l("div",{key:I,class:"flex items-center justify-between rounded px-2 py-1 text-xs font-mono bg-surface-raised"},[e("span",{class:"truncate text-text-secondary",title:I},c(I),9,mn),e("button",{class:"ms-2 flex-shrink-0 text-text-muted hover:text-error transition-colors",onClick:E=>D(I)}," × ",8,pn)]))),128))]))])]),e("div",xn,[e("div",fn,[_[6]||(_[6]=e("span",{class:"text-xs font-medium uppercase tracking-wide text-text-muted"}," Code (editable) ",-1)),b.value?(s(),l("button",{key:0,class:"rounded px-2 py-0.5 text-xs text-accent hover:bg-surface-overlay transition-colors",onClick:ce}," Regenerate ")):y("",!0)]),e("textarea",{value:x.value,onInput:ue,class:"w-full rounded-lg border border-border-default bg-surface-raised p-3 font-mono text-xs text-text-primary placeholder-text-muted focus:border-accent focus:outline-none resize-y",rows:"10",spellcheck:"false",placeholder:"Select fields above to generate code..."},null,40,bn)]),e("div",vn,[e("div",null,[_[7]||(_[7]=e("label",{class:"mb-1 block text-xs font-medium text-text-muted"},"Tool Name",-1)),W(e("input",{"onUpdate:modelValue":_[0]||(_[0]=I=>i.value=I),class:"w-full rounded-lg border border-border-default bg-surface-raised px-3 py-2 text-sm text-text-primary placeholder-text-muted focus:border-accent focus:outline-none"},null,512),[[Z,i.value]])]),e("div",null,[_[8]||(_[8]=e("label",{class:"mb-1 block text-xs font-medium text-text-muted"},"Description",-1)),W(e("input",{"onUpdate:modelValue":_[1]||(_[1]=I=>u.value=I),class:"w-full rounded-lg border border-border-default bg-surface-raised px-3 py-2 text-sm text-text-primary placeholder-text-muted focus:border-accent focus:outline-none",placeholder:"What does this optimized tool return?"},null,512),[[Z,u.value]])]),k.value?y("",!0):(s(),l("div",gn,' Original tool "'+c(t.entry.functionName)+'" not found in workshop. The optimized tool will be created with a blank parameter schema. ',1))])]),e("div",yn,[e("button",{class:"rounded-lg border border-border-default px-4 py-2 text-sm text-text-secondary hover:bg-surface-overlay transition-colors",onClick:q}," Cancel "),e("button",{class:"rounded-lg bg-accent px-4 py-2 text-sm font-medium text-white hover:bg-accent-hover transition-colors disabled:opacity-50 disabled:cursor-not-allowed",disabled:p.value.size===0||!i.value.trim(),onClick:me}," Create Optimized Tool ",8,hn)])],64))])])]))}}),_n={key:0,class:"space-y-4"},$n={class:"flex items-center justify-between"},wn={class:"flex items-center gap-3"},Cn={class:"text-lg font-semibold"},Tn={class:"text-xs text-text-muted"},Mn={class:"flex items-center justify-between"},Sn={class:"relative"},zn={key:1,class:"absolute end-0 top-full z-20 mt-1 w-56 rounded-lg border border-border-default bg-surface-raised shadow-lg py-1"},Nn={class:"mt-4"},Ln={key:0,class:"space-y-4"},An={key:1,class:"flex items-center justify-center py-20 text-text-muted"},Kn=N({__name:"SessionPage",props:{id:{}},setup(t){const a=t,r=fe(),n=be(),m=te(),{t:d}=qe(),p=S("stream"),i=S(!1);function u(){const o=v.value;if(!o)return;const f={session:o,metrics:k.value,tokens:m.getTokens(a.id)};ye(f,`session-${o.id.slice(0,8)}.json`),i.value=!1}function x(){const o=v.value;if(!o)return;const f=k.value,h=["# Session Report — LLMxRay","",`**Model:** ${o.model}`,`**Session ID:** ${o.id}`,`**Status:** ${o.status}`,`**Created:** ${new Date(o.createdAt).toLocaleString()}`];f&&(h.push(""),h.push("## Metrics"),h.push(""),f.tokensPerSecond&&h.push(`- **Speed:** ${f.tokensPerSecond.toFixed(1)} tok/s`),f.ttftMs&&h.push(`- **TTFT:** ${f.ttftMs.toFixed(0)} ms`),f.completionTokenCount&&h.push(`- **Tokens generated:** ${f.completionTokenCount}`),f.promptTokenCount&&h.push(`- **Prompt tokens:** ${f.promptTokenCount}`)),o.prompt&&(h.push(""),h.push("## Prompt"),h.push(""),h.push(o.prompt)),o.outputText&&(h.push(""),h.push("## Response"),h.push(""),h.push(o.outputText)),h.push(""),h.push("---"),h.push("*Generated by LLMxRay — Local LLM Observatory*"),he(h.join(`
|
|
15
|
-
`),`session-${o.id.slice(0,8)}.md`),i.value=!1}function b(){const o=m.getTokens(a.id);if(o.length===0)return;const f=["Index","Token","Timestamp","Confidence","Logprob","InterTokenLatencyMs"],h=o.map(D=>[String(D.index),D.text,String(D.timestamp),String(D.confidence),String(D.logprob??""),String(D.interTokenLatencyMs)]);ke(f,h,`token-stream-${a.id.slice(0,8)}.csv`),i.value=!1}const g=$(()=>[{key:"stream",label:d("session.tabs.stream")},{key:"reasoning",label:d("session.tabs.reasoning")},{key:"introspection",label:d("session.tabs.introspection")},{key:"tools",label:d("session.tabs.tools")},{key:"agent",label:d("session.tabs.agent")},{key:"prompt",label:d("session.tabs.prompt")}]),v=$(()=>r.sessionById(a.id)??null),k=$(()=>n.getMetrics(a.id)),T=S(null);return X(()=>{r.setActiveSession(a.id)}),(o,f)=>(s(),l(L,null,[v.value?(s(),l("div",_n,[e("div",$n,[e("div",wn,[e("h2",Cn,c(v.value.model),1),w(se,{status:v.value.status},null,8,["status"])]),e("div",Tn,c(o.$t("session.sessionId",{id:v.value.id.slice(0,8)})),1)]),e("div",Mn,[w(_e,{tabs:g.value,"active-tab":p.value,"onUpdate:activeTab":f[0]||(f[0]=h=>p.value=h)},null,8,["tabs","active-tab"]),e("div",Sn,[e("button",{class:"flex items-center gap-1 rounded-lg border border-border-default px-2.5 py-1 text-xs text-text-secondary hover:text-text-primary transition-colors",onClick:f[1]||(f[1]=h=>i.value=!i.value)},[w(C(Ge),{class:"h-3.5 w-3.5"}),M(" "+c(o.$t("session.export.title")),1)]),i.value?(s(),l("div",{key:0,class:"fixed inset-0 z-10",onClick:f[2]||(f[2]=h=>i.value=!1)})):y("",!0),i.value?(s(),l("div",zn,[e("button",{class:"w-full px-3 py-2 text-start text-xs text-text-secondary hover:bg-surface-overlay",onClick:u},c(o.$t("session.export.downloadJson")),1),e("button",{class:"w-full px-3 py-2 text-start text-xs text-text-secondary hover:bg-surface-overlay",onClick:x},c(o.$t("session.export.downloadMarkdown")),1),e("button",{class:"w-full px-3 py-2 text-start text-xs text-text-secondary hover:bg-surface-overlay",onClick:b},c(o.$t("session.export.downloadTokenCsv")),1)])):y("",!0)])]),e("div",Nn,[p.value==="stream"?(s(),l("div",Ln,[w(Te,{"session-id":t.id},null,8,["session-id"]),w(rt,{metrics:k.value},null,8,["metrics"])])):p.value==="reasoning"?(s(),P(kt,{key:1,"session-id":t.id},null,8,["session-id"])):p.value==="introspection"?(s(),P(As,{key:2,"session-id":t.id,"model-name":v.value.model},null,8,["session-id","model-name"])):p.value==="tools"?(s(),P(Ys,{key:3,"session-id":t.id,onOptimize:f[3]||(f[3]=h=>T.value=h)},null,8,["session-id"])):p.value==="agent"?(s(),P(ko,{key:4,"session-id":t.id},null,8,["session-id"])):p.value==="prompt"?(s(),P(Uo,{key:5,"session-id":t.id},null,8,["session-id"])):y("",!0)])])):(s(),l("div",An,c(o.$t("session.notFound")),1)),T.value?(s(),P(kn,{key:2,entry:T.value,onClose:f[4]||(f[4]=h=>T.value=null)},null,8,["entry"])):y("",!0)],64))}});export{Kn as default};
|