llmxray 0.4.3 → 0.4.4
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/dist/assets/{AITrainingPage-DEU4UAR7.js → AITrainingPage-GE_hvc8i.js} +1 -1
- package/dist/assets/{AnalyticsPage-C7mNUAil.js → AnalyticsPage-CUpkcOcS.js} +1 -1
- package/dist/assets/{BenchmarkPage-jiUqdHmg.js → BenchmarkPage-DQuv9EdH.js} +2 -2
- package/dist/assets/{ComparisonPage-BoBWSObY.js → ComparisonPage-DXh2a8TJ.js} +3 -3
- package/dist/assets/{CostDashboardPage-BKQDsZhx.js → CostDashboardPage-C4IVmHn1.js} +1 -1
- package/dist/assets/{DashboardPage-CV8Ejgxv.js → DashboardPage-DhvUf3u6.js} +6 -6
- package/dist/assets/{EmbeddingsPage-DXjVT4eU.js → EmbeddingsPage-tMH5Unz8.js} +1 -1
- package/dist/assets/GoogleCallbackPage-Bljvoj2X.js +1 -0
- package/dist/assets/{JsonTreeNode-C0UNUwZm.js → JsonTreeNode-srBpwnIe.js} +1 -1
- package/dist/assets/{ModelCapabilityIcons.vue_vue_type_script_setup_true_lang-vQNvYFzV.js → ModelCapabilityIcons.vue_vue_type_script_setup_true_lang-CBo5u7cq.js} +1 -1
- package/dist/assets/{RAGPage-Dv4UDEyz.js → RAGPage-Br6DZPuU.js} +1 -1
- package/dist/assets/{SessionPage-B0fMQGSB.js → SessionPage-CVpgkmrd.js} +2 -2
- package/dist/assets/SettingsPage-DY1zfkza.js +1 -0
- package/dist/assets/{StatusBadge.vue_vue_type_script_setup_true_lang-BiB0M6lv.js → StatusBadge.vue_vue_type_script_setup_true_lang-PDuG6Cj4.js} +1 -1
- package/dist/assets/{StorageGauge.vue_vue_type_style_index_0_lang-DToi3R0q.js → StorageGauge.vue_vue_type_style_index_0_lang-OYUc8hU5.js} +1 -1
- package/dist/assets/{SystemPage-BPK15qwe.js → SystemPage-D-tjkE5U.js} +3 -3
- package/dist/assets/{TabBar.vue_vue_type_script_setup_true_lang-BtGCdMZK.js → TabBar.vue_vue_type_script_setup_true_lang-DvubG_tm.js} +1 -1
- package/dist/assets/{TokenStreamDisplay.vue_vue_type_script_setup_true_lang-B6juPZsY.js → TokenStreamDisplay.vue_vue_type_script_setup_true_lang-GmRAK2xe.js} +1 -1
- package/dist/assets/{ToolWorkshopPage-DmpoHHaD.js → ToolWorkshopPage-ChG2v784.js} +2 -2
- package/dist/assets/{ToolWorkshopPage-7TRbWVVL.css → ToolWorkshopPage-Duf-VZbs.css} +1 -1
- package/dist/assets/ad-B18i8NGa.svg +150 -0
- package/dist/assets/ad-Blhdm5jl.svg +148 -0
- package/dist/assets/af-Bc2fqp73.svg +81 -0
- package/dist/assets/af-C77Rf6cE.svg +81 -0
- package/dist/assets/{agent-store-C6w1zV86.js → agent-store-qLxji-w9.js} +1 -1
- package/dist/assets/arab-C-KgnQEz.svg +109 -0
- package/dist/assets/arab-C4CYPgyC.svg +109 -0
- package/dist/assets/as-BTEVCXG-.svg +73 -0
- package/dist/assets/as-Dekqy8Of.svg +72 -0
- package/dist/assets/aw-CLCX8uk5.svg +186 -0
- package/dist/assets/aw-W0PWLK5p.svg +186 -0
- package/dist/assets/bm-BeYgB2z9.svg +97 -0
- package/dist/assets/bm-DvNWWcPM.svg +97 -0
- package/dist/assets/bn-B6T3O78g.svg +36 -0
- package/dist/assets/bn-CPQcA8Ol.svg +36 -0
- package/dist/assets/bo-CcUiMqkJ.svg +673 -0
- package/dist/assets/bo-Dry0C6UA.svg +674 -0
- package/dist/assets/br-Cu5YU29T.svg +45 -0
- package/dist/assets/br-Dr5rMAMb.svg +45 -0
- package/dist/assets/bt-BTo4qm10.svg +89 -0
- package/dist/assets/bt-SxWnbWW0.svg +89 -0
- package/dist/assets/bz-BCKHR4_q.svg +145 -0
- package/dist/assets/bz-CoBdB-p8.svg +145 -0
- package/dist/assets/{canvas-ai-db-BpqhUp6k.js → canvas-ai-db-DIu3Cyqr.js} +1 -1
- package/dist/assets/cy-DJKnEFYW.svg +6 -0
- package/dist/assets/cy-bZuP8hmf.svg +6 -0
- package/dist/assets/dg-CJPJrjiZ.svg +130 -0
- package/dist/assets/dg-DqkWLbnk.svg +130 -0
- package/dist/assets/dm-Cbhezfe1.svg +152 -0
- package/dist/assets/dm-DPPHwW2M.svg +152 -0
- package/dist/assets/do-B86d445t.svg +121 -0
- package/dist/assets/do-DeRnbj4d.svg +122 -0
- package/dist/assets/{download-pCIjWOn5.js → download-DBk31Sbj.js} +1 -1
- package/dist/assets/eac-CwGQsyAM.svg +48 -0
- package/dist/assets/eac-h4QKADRE.svg +48 -0
- package/dist/assets/ec-CaVOFQ3t.svg +138 -0
- package/dist/assets/ec-cwfBJlvF.svg +138 -0
- package/dist/assets/eg-DwOkwyQ0.svg +38 -0
- package/dist/assets/eg-YC70hswZ.svg +38 -0
- package/dist/assets/es-BuSGTZm_.svg +547 -0
- package/dist/assets/es-d5m8M5h8.svg +544 -0
- package/dist/assets/es-ga-D9xG2hYr.svg +187 -0
- package/dist/assets/es-ga-DXhVZ333.svg +187 -0
- package/dist/assets/fj-DEAVMg38.svg +120 -0
- package/dist/assets/fj-u3dAPoew.svg +123 -0
- package/dist/assets/fk-B-RvQ4Hz.svg +89 -0
- package/dist/assets/fk-nuUF_Ak3.svg +90 -0
- package/dist/assets/gb-nir-D4gikpNq.svg +132 -0
- package/dist/assets/gb-nir-vEp1ZXy6.svg +131 -0
- package/dist/assets/gb-wls-Bxz9hxvX.svg +9 -0
- package/dist/assets/gb-wls-CK0XlKT-.svg +9 -0
- package/dist/assets/generate-service-BIV4odla.js +3 -0
- package/dist/assets/{google-auth-store-Dgv2FihL.js → google-auth-store-Cxj4bIXD.js} +1 -1
- package/dist/assets/gq-CPnMO1hT.svg +23 -0
- package/dist/assets/gq-Cag8QTk2.svg +23 -0
- package/dist/assets/gs-DOgYbHsY.svg +132 -0
- package/dist/assets/gs-DiiNa0F5.svg +133 -0
- package/dist/assets/gt-BLpn5qMn.svg +204 -0
- package/dist/assets/gt-CJo5DI-7.svg +204 -0
- package/dist/assets/gu-Di1JYREk.svg +19 -0
- package/dist/assets/gu-SbvrH0uZ.svg +19 -0
- package/dist/assets/hr-BpiVVBoV.svg +56 -0
- package/dist/assets/hr-fzLfaANM.svg +58 -0
- package/dist/assets/ht-DIMg4gti.svg +116 -0
- package/dist/assets/ht-pweRl6ZP.svg +116 -0
- package/dist/assets/im--VPIqfkF.svg +36 -0
- package/dist/assets/im-Dd9p-0-T.svg +36 -0
- package/dist/assets/index-B0RKZCO8.css +1 -0
- package/dist/assets/index-BI1ok0nK.js +8 -0
- package/dist/assets/{index-DHuj6tKB.js → index-CIiugJtV.js} +1 -1
- package/dist/assets/index-lybAETDi.js +3 -0
- package/dist/assets/{info-Eg1tUw1x.js → info-Cxpjao0U.js} +1 -1
- package/dist/assets/io-13HOfeJD.svg +130 -0
- package/dist/assets/io-BImhNBcd.svg +130 -0
- package/dist/assets/ir-Q03Mij62.svg +219 -0
- package/dist/assets/ir-cCIgaNf6.svg +219 -0
- package/dist/assets/je-DyWbhIiC.svg +62 -0
- package/dist/assets/je-vXe0Dr49.svg +62 -0
- package/dist/assets/kg-B0FsxZiL.svg +4 -0
- package/dist/assets/kg-CjfitMyT.svg +4 -0
- package/dist/assets/kh-BBvObpUS.svg +61 -0
- package/dist/assets/kh-BeWfuE30.svg +61 -0
- package/dist/assets/ki-fuIMkEYQ.svg +36 -0
- package/dist/assets/ki-p_fAQGbS.svg +36 -0
- package/dist/assets/ky-BqaZHuhf.svg +103 -0
- package/dist/assets/ky-Dpsu1myA.svg +103 -0
- package/dist/assets/kz-CwKXYZ8s.svg +36 -0
- package/dist/assets/kz-Dkyx6q-p.svg +36 -0
- package/dist/assets/li-CHdhvNcr.svg +43 -0
- package/dist/assets/li-CMlf0YU8.svg +43 -0
- package/dist/assets/lk-DSQoDxn_.svg +22 -0
- package/dist/assets/lk-DUkgV9Tq.svg +22 -0
- package/dist/assets/md-DRlxvNwm.svg +70 -0
- package/dist/assets/md-DTi94M3M.svg +71 -0
- package/dist/assets/me-CfGorN3b.svg +118 -0
- package/dist/assets/me-Cv4Gwqah.svg +116 -0
- package/dist/assets/{metrics-store-7m97Sb7w.js → metrics-store-BZ8E63Rc.js} +1 -1
- package/dist/assets/mp-CrOApEqW.svg +86 -0
- package/dist/assets/mp-CuaQmCLf.svg +86 -0
- package/dist/assets/ms-B-w7hFKu.svg +25 -0
- package/dist/assets/ms-DxciGbUu.svg +29 -0
- package/dist/assets/mt-YDa8zgzO.svg +56 -0
- package/dist/assets/mt-YqzKx9xl.svg +58 -0
- package/dist/assets/mx-Cc8Ccfe8.svg +382 -0
- package/dist/assets/mx-CvCwYHGF.svg +377 -0
- package/dist/assets/nf-DGrQb42O.svg +11 -0
- package/dist/assets/nf-Dl00mlk2.svg +9 -0
- package/dist/assets/ni-BX2WCaNt.svg +129 -0
- package/dist/assets/ni-CcFCSQxm.svg +129 -0
- package/dist/assets/om-DcqxRdQL.svg +115 -0
- package/dist/assets/om-nN8zP2Bu.svg +115 -0
- package/dist/assets/{papaparse.min-3FeAYh4d.js → papaparse.min-kBINl9ZG.js} +1 -1
- package/dist/assets/{pencil-CZp68oBU.js → pencil-DuvF5FdW.js} +1 -1
- package/dist/assets/pn-BPAlH32D.svg +53 -0
- package/dist/assets/pn-DgxdtieE.svg +53 -0
- package/dist/assets/pt-BTevY6N2.svg +57 -0
- package/dist/assets/pt-DZ2ADgIR.svg +57 -0
- package/dist/assets/py-BKi5dxWt.svg +156 -0
- package/dist/assets/py-mNzh0mZC.svg +157 -0
- package/dist/assets/{rag-store-Bm0nxdec.js → rag-store-fluSCOWr.js} +3 -3
- package/dist/assets/rs-BfwKwXtn.svg +292 -0
- package/dist/assets/rs-CnTO3ehk.svg +296 -0
- package/dist/assets/sa-Dh79zbT9.svg +25 -0
- package/dist/assets/sa-DnlyVVKx.svg +25 -0
- package/dist/assets/{session-store-BQ0TF24S.js → session-store-DQW7koXz.js} +1 -1
- package/dist/assets/sh-ac-D-aE2xRW.svg +690 -0
- package/dist/assets/sh-ac-FjwY7RYr.svg +689 -0
- package/dist/assets/sh-hl-CgxUDvtv.svg +164 -0
- package/dist/assets/sh-hl-CqtQPzWZ.svg +164 -0
- package/dist/assets/sh-ta-BFo5zkKU.svg +76 -0
- package/dist/assets/sh-ta-CPJublpi.svg +76 -0
- package/dist/assets/{share-2-CJJGZsZO.js → share-2-NJrUNieP.js} +1 -1
- package/dist/assets/sm-BKrUHzrq.svg +73 -0
- package/dist/assets/sm-DGBIRFB_.svg +75 -0
- package/dist/assets/{storage-store-6qFwk_C5.js → storage-store-BVsJ2m6T.js} +1 -1
- package/dist/assets/{stream-handler-BM5egg14.js → stream-handler-BJnVDKi0.js} +1 -1
- package/dist/assets/sv-CJIHhYwF.svg +593 -0
- package/dist/assets/sv-RZ39q5hO.svg +593 -0
- package/dist/assets/sx-RKKs0ph6.svg +56 -0
- package/dist/assets/sx-nDhIaDNb.svg +56 -0
- package/dist/assets/sz-D39eIL5d.svg +34 -0
- package/dist/assets/sz-qxMwa2gs.svg +34 -0
- package/dist/assets/tc-CJHJmJj1.svg +50 -0
- package/dist/assets/tc-dtelpZmc.svg +50 -0
- package/dist/assets/tm-C_WSgUcv.svg +204 -0
- package/dist/assets/tm-DGBJvQay.svg +205 -0
- package/dist/assets/{tool-workshop-store-9_FKfdnT.js → tool-workshop-store-C-j6ilp2.js} +1 -1
- package/dist/assets/{toolcall-store-C4Trr01T.js → toolcall-store-CMBLYe4d.js} +1 -1
- package/dist/assets/{trash-2-DjfJXqVK.js → trash-2-CCIzK_vg.js} +1 -1
- package/dist/assets/un-Bqg4Cbbh.svg +16 -0
- package/dist/assets/un-DabL4p35.svg +16 -0
- package/dist/assets/va-B9-hqIE-.svg +190 -0
- package/dist/assets/va-s7kyhqIM.svg +190 -0
- package/dist/assets/vg-C7xY6pic.svg +59 -0
- package/dist/assets/vg-ClZ-0KpG.svg +59 -0
- package/dist/assets/vi-BC_zcciE.svg +28 -0
- package/dist/assets/vi-BSdsyIxY.svg +28 -0
- package/dist/assets/xk-Bj15g7cp.svg +5 -0
- package/dist/assets/xk-Cdz2uTvR.svg +5 -0
- package/dist/assets/zm-BmsW91ne.svg +27 -0
- package/dist/assets/zm-D8B-0kdx.svg +27 -0
- package/dist/assets/zw-CSuuaw9K.svg +21 -0
- package/dist/assets/zw-U0m7oJ5e.svg +21 -0
- package/dist/index.html +3 -2
- package/package.json +2 -1
- package/dist/assets/GoogleCallbackPage-BUIkYpZv.js +0 -1
- package/dist/assets/SettingsPage-DTJP-4xU.js +0 -1
- package/dist/assets/generate-service-DmtXqq_h.js +0 -3
- package/dist/assets/index-534TcCbY.js +0 -8
- package/dist/assets/index-B72Sw9uL.css +0 -1
- package/dist/assets/index-ClITfJ3t.js +0 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as B,a as b,b as g,e as m,f as t,t as a,j as f,l as w,p as _,u as p,F as E,k as I}from"./index-534TcCbY.js";import{u as G}from"./metrics-store-7m97Sb7w.js";import{C as y,a as k,L as $,B as N,p as C,c as T,d as M,f as R,P as z,b as A,i as L,e as F}from"./index-ClITfJ3t.js";import{I as q}from"./info-Eg1tUw1x.js";const v=[{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 S(l){const o=l.toLowerCase().split(":")[0],s=v.find(e=>o===e.family);if(s)return s;const n=v.find(e=>o.startsWith(e.family));return n||{...O,family:o}}function D(l,o,s){return(l*s.inputPer1M+o*s.outputPer1M)/1e6}const U=B("cost",()=>{const l=G(),o=b(()=>{const u=new Map;for(const r of l.metricsBySession.values()){const c=u.get(r.model);if(c)c.promptTokens+=r.promptTokenCount,c.completionTokens+=r.completionTokenCount,c.totalTokens+=r.totalTokenCount,c.sessionCount++;else{const h=S(r.model);u.set(r.model,{model:r.model,promptTokens:r.promptTokenCount,completionTokens:r.completionTokenCount,totalTokens:r.totalTokenCount,sessionCount:1,estimatedCost:0,pricing:h})}}const i=[...u.values()];for(const r of i)r.estimatedCost=D(r.promptTokens,r.completionTokens,r.pricing);return i.sort((r,c)=>c.totalTokens-r.totalTokens)}),s=b(()=>{const u=new Map;for(const i of l.metricsBySession.values()){const r=new Date(i.startedAt).toISOString().slice(0,10),c=u.get(r),h=S(i.model),P=D(i.promptTokenCount,i.completionTokenCount,h);c?(c.promptTokens+=i.promptTokenCount,c.completionTokens+=i.completionTokenCount,c.totalTokens+=i.totalTokenCount,c.sessionCount++,c.estimatedCost+=P):u.set(r,{date:r,promptTokens:i.promptTokenCount,completionTokens:i.completionTokenCount,totalTokens:i.totalTokenCount,sessionCount:1,estimatedCost:P})}return[...u.values()].sort((i,r)=>i.date.localeCompare(r.date))}),n=b(()=>o.value.reduce((u,i)=>u+i.estimatedCost,0)),e=b(()=>o.value.reduce((u,i)=>u+i.totalTokens,0)),d=b(()=>o.value.reduce((u,i)=>u+i.sessionCount,0)),x=b(()=>d.value>0?n.value/d.value:0);return{modelUsage:o,dailyUsage:s,totalEstimatedCost:n,totalTokens:e,totalSessions:d,avgCostPerSession:x}}),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(),m("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){y.register(k,$,N,C,T,M);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,d)=>(f(),m("div",at,[t("h3",nt,a(e.$t("cost.charts.tokensByModel")),1),t("div",{style:w({height:Math.max(120,l.data.length*40)+"px"})},[_(p(R),{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){y.register(k,$,z,A,C,T,M,L);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 d=e.dataset.label??"",x=e.parsed.y??0;return d==="Est. Cost ($)"?`${d}: $${x.toFixed(4)}`:`${d}: ${x.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,d)=>(f(),m("div",it,[t("h3",lt,a(e.$t("cost.charts.dailyUsage")),1),t("div",dt,[_(p(F),{data:s.value,options:n},null,8,["data"])])]))}}),ut={class:"rounded-lg border border-border-default bg-surface-raised p-4"},pt={class:"mb-3 text-sm font-medium text-text-secondary"},mt={key:0,class:"h-48"},ft={key:1,class:"py-6 text-center text-xs text-text-muted"},bt=g({__name:"CostTrendChart",setup(l){y.register(k,$,z,A,C,T,M,L);const o=U(),s=b(()=>({labels:o.dailyUsage.map(d=>d.date),datasets:[{label:"Est. Cost ($)",data:o.dailyUsage.map(d=>d.estimatedCost),borderColor:"#f472b6",backgroundColor:"rgba(244, 114, 182, 0.1)",fill:!0,tension:.3,pointRadius:3}]})),n={responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},tooltip:{callbacks:{label:d=>`$${(d.parsed.y??0).toFixed(4)}`}}},scales:{x:{ticks:{color:"#94a3b8",font:{size:10}},grid:{color:"rgba(71, 85, 105, 0.3)"}},y:{ticks:{color:"#94a3b8",font:{size:10},callback:d=>`$${Number(d).toFixed(4)}`},grid:{color:"rgba(71, 85, 105, 0.3)"}}}},e=b(()=>o.dailyUsage.length>0);return(d,x)=>(f(),m("div",ut,[t("h3",pt,a(d.$t("cost.charts.costTrend")),1),e.value?(f(),m("div",mt,[_(p(F),{data:s.value,options:n},null,8,["data"])])):(f(),m("p",ft,a(d.$t("cost.noData")),1))]))}}),_t={class:"rounded-lg border border-border-default bg-surface-raised p-4"},gt={class:"mb-3 text-sm font-medium text-text-secondary"},xt={class:"overflow-x-auto"},ht={class:"w-full text-xs"},yt={class:"border-b border-border-default text-text-muted"},kt={class:"px-2 py-2 text-start font-medium"},$t={class:"px-2 py-2 text-end font-medium"},Ct={class:"px-2 py-2 text-end font-medium"},Tt={class:"px-2 py-2 text-end font-medium"},Mt={class:"px-2 py-2 text-end font-medium"},Pt={class:"px-2 py-2 text-end font-medium"},vt={class:"px-2 py-2 text-end font-medium"},St={class:"px-2 py-2 font-medium text-text-primary"},Dt={class:"px-2 py-2 text-end"},Et={class:"px-2 py-2 text-end"},zt={class:"px-2 py-2 text-end"},At={class:"px-2 py-2 text-end"},Lt={class:"px-2 py-2 text-end text-accent"},Ft={class:"px-2 py-2 text-end text-text-muted"},Ut=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(),m("div",_t,[t("h3",gt,a(s.$t("cost.table.model")),1),t("div",xt,[t("table",ht,[t("thead",null,[t("tr",yt,[t("th",kt,a(s.$t("cost.table.model")),1),t("th",$t,a(s.$t("cost.table.sessions")),1),t("th",Ct,a(s.$t("cost.table.promptTokens")),1),t("th",Tt,a(s.$t("cost.table.completionTokens")),1),t("th",Mt,a(s.$t("cost.table.totalTokens")),1),t("th",Pt,a(s.$t("cost.table.estimatedCost")),1),t("th",vt,a(s.$t("cost.table.pricingSource")),1)])]),t("tbody",null,[(f(!0),m(E,null,I(l.data,e=>(f(),m("tr",{key:e.model,class:"border-b border-border-default/50 text-text-secondary hover:bg-surface-overlay transition-colors"},[t("td",St,a(e.model),1),t("td",Dt,a(e.sessionCount),1),t("td",Et,a(e.promptTokens.toLocaleString()),1),t("td",zt,a(e.completionTokens.toLocaleString()),1),t("td",At,a(e.totalTokens.toLocaleString()),1),t("td",Lt,a(o(e.estimatedCost)),1),t("td",Ft,a(e.pricing.source),1)]))),128))])])])]))}}),Bt={class:"h-full overflow-y-auto p-6"},wt={class:"mb-6 text-lg font-semibold text-text-primary"},It={class:"mt-6 grid gap-6 lg:grid-cols-2"},Gt={class:"mt-6"},Nt={class:"mt-6"},Rt={class:"mt-6 flex items-start gap-2 rounded-lg border border-border-default bg-surface-raised p-4 text-xs text-text-muted"},qt={key:1,class:"flex h-64 items-center justify-center"},Ot={class:"text-sm text-text-muted"},Ht=g({__name:"CostDashboardPage",setup(l){const o=U();return(s,n)=>(f(),m("div",Bt,[t("h1",wt,a(s.$t("cost.title")),1),p(o).totalSessions>0?(f(),m(E,{key:0},[_(st,{"total-tokens":p(o).totalTokens,"total-sessions":p(o).totalSessions,"estimated-cost":p(o).totalEstimatedCost,"avg-cost-per-session":p(o).avgCostPerSession},null,8,["total-tokens","total-sessions","estimated-cost","avg-cost-per-session"]),t("div",It,[_(rt,{data:p(o).modelUsage},null,8,["data"]),_(ct,{data:p(o).dailyUsage},null,8,["data"])]),t("div",Gt,[_(bt)]),t("div",Nt,[_(Ut,{data:p(o).modelUsage},null,8,["data"])]),t("div",Rt,[_(p(q),{class:"mt-0.5 h-3.5 w-3.5 shrink-0"}),t("p",null,a(s.$t("cost.disclaimer")),1)])],64)):(f(),m("div",qt,[t("p",Ot,a(s.$t("cost.noData")),1)]))]))}});export{Ht as default};
|
|
1
|
+
import{d as B,a as b,b as g,e as m,f as t,t as a,j as f,l as w,p as _,u as p,F as E,k as I}from"./index-BI1ok0nK.js";import{u as G}from"./metrics-store-BZ8E63Rc.js";import{C as y,a as k,L as $,B as N,p as C,c as T,d as M,f as R,P as z,b as A,i as L,e as F}from"./index-lybAETDi.js";import{I as q}from"./info-Cxpjao0U.js";const v=[{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 S(l){const o=l.toLowerCase().split(":")[0],s=v.find(e=>o===e.family);if(s)return s;const n=v.find(e=>o.startsWith(e.family));return n||{...O,family:o}}function D(l,o,s){return(l*s.inputPer1M+o*s.outputPer1M)/1e6}const U=B("cost",()=>{const l=G(),o=b(()=>{const u=new Map;for(const r of l.metricsBySession.values()){const c=u.get(r.model);if(c)c.promptTokens+=r.promptTokenCount,c.completionTokens+=r.completionTokenCount,c.totalTokens+=r.totalTokenCount,c.sessionCount++;else{const h=S(r.model);u.set(r.model,{model:r.model,promptTokens:r.promptTokenCount,completionTokens:r.completionTokenCount,totalTokens:r.totalTokenCount,sessionCount:1,estimatedCost:0,pricing:h})}}const i=[...u.values()];for(const r of i)r.estimatedCost=D(r.promptTokens,r.completionTokens,r.pricing);return i.sort((r,c)=>c.totalTokens-r.totalTokens)}),s=b(()=>{const u=new Map;for(const i of l.metricsBySession.values()){const r=new Date(i.startedAt).toISOString().slice(0,10),c=u.get(r),h=S(i.model),P=D(i.promptTokenCount,i.completionTokenCount,h);c?(c.promptTokens+=i.promptTokenCount,c.completionTokens+=i.completionTokenCount,c.totalTokens+=i.totalTokenCount,c.sessionCount++,c.estimatedCost+=P):u.set(r,{date:r,promptTokens:i.promptTokenCount,completionTokens:i.completionTokenCount,totalTokens:i.totalTokenCount,sessionCount:1,estimatedCost:P})}return[...u.values()].sort((i,r)=>i.date.localeCompare(r.date))}),n=b(()=>o.value.reduce((u,i)=>u+i.estimatedCost,0)),e=b(()=>o.value.reduce((u,i)=>u+i.totalTokens,0)),d=b(()=>o.value.reduce((u,i)=>u+i.sessionCount,0)),x=b(()=>d.value>0?n.value/d.value:0);return{modelUsage:o,dailyUsage:s,totalEstimatedCost:n,totalTokens:e,totalSessions:d,avgCostPerSession:x}}),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(),m("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){y.register(k,$,N,C,T,M);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,d)=>(f(),m("div",at,[t("h3",nt,a(e.$t("cost.charts.tokensByModel")),1),t("div",{style:w({height:Math.max(120,l.data.length*40)+"px"})},[_(p(R),{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){y.register(k,$,z,A,C,T,M,L);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 d=e.dataset.label??"",x=e.parsed.y??0;return d==="Est. Cost ($)"?`${d}: $${x.toFixed(4)}`:`${d}: ${x.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,d)=>(f(),m("div",it,[t("h3",lt,a(e.$t("cost.charts.dailyUsage")),1),t("div",dt,[_(p(F),{data:s.value,options:n},null,8,["data"])])]))}}),ut={class:"rounded-lg border border-border-default bg-surface-raised p-4"},pt={class:"mb-3 text-sm font-medium text-text-secondary"},mt={key:0,class:"h-48"},ft={key:1,class:"py-6 text-center text-xs text-text-muted"},bt=g({__name:"CostTrendChart",setup(l){y.register(k,$,z,A,C,T,M,L);const o=U(),s=b(()=>({labels:o.dailyUsage.map(d=>d.date),datasets:[{label:"Est. Cost ($)",data:o.dailyUsage.map(d=>d.estimatedCost),borderColor:"#f472b6",backgroundColor:"rgba(244, 114, 182, 0.1)",fill:!0,tension:.3,pointRadius:3}]})),n={responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},tooltip:{callbacks:{label:d=>`$${(d.parsed.y??0).toFixed(4)}`}}},scales:{x:{ticks:{color:"#94a3b8",font:{size:10}},grid:{color:"rgba(71, 85, 105, 0.3)"}},y:{ticks:{color:"#94a3b8",font:{size:10},callback:d=>`$${Number(d).toFixed(4)}`},grid:{color:"rgba(71, 85, 105, 0.3)"}}}},e=b(()=>o.dailyUsage.length>0);return(d,x)=>(f(),m("div",ut,[t("h3",pt,a(d.$t("cost.charts.costTrend")),1),e.value?(f(),m("div",mt,[_(p(F),{data:s.value,options:n},null,8,["data"])])):(f(),m("p",ft,a(d.$t("cost.noData")),1))]))}}),_t={class:"rounded-lg border border-border-default bg-surface-raised p-4"},gt={class:"mb-3 text-sm font-medium text-text-secondary"},xt={class:"overflow-x-auto"},ht={class:"w-full text-xs"},yt={class:"border-b border-border-default text-text-muted"},kt={class:"px-2 py-2 text-start font-medium"},$t={class:"px-2 py-2 text-end font-medium"},Ct={class:"px-2 py-2 text-end font-medium"},Tt={class:"px-2 py-2 text-end font-medium"},Mt={class:"px-2 py-2 text-end font-medium"},Pt={class:"px-2 py-2 text-end font-medium"},vt={class:"px-2 py-2 text-end font-medium"},St={class:"px-2 py-2 font-medium text-text-primary"},Dt={class:"px-2 py-2 text-end"},Et={class:"px-2 py-2 text-end"},zt={class:"px-2 py-2 text-end"},At={class:"px-2 py-2 text-end"},Lt={class:"px-2 py-2 text-end text-accent"},Ft={class:"px-2 py-2 text-end text-text-muted"},Ut=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(),m("div",_t,[t("h3",gt,a(s.$t("cost.table.model")),1),t("div",xt,[t("table",ht,[t("thead",null,[t("tr",yt,[t("th",kt,a(s.$t("cost.table.model")),1),t("th",$t,a(s.$t("cost.table.sessions")),1),t("th",Ct,a(s.$t("cost.table.promptTokens")),1),t("th",Tt,a(s.$t("cost.table.completionTokens")),1),t("th",Mt,a(s.$t("cost.table.totalTokens")),1),t("th",Pt,a(s.$t("cost.table.estimatedCost")),1),t("th",vt,a(s.$t("cost.table.pricingSource")),1)])]),t("tbody",null,[(f(!0),m(E,null,I(l.data,e=>(f(),m("tr",{key:e.model,class:"border-b border-border-default/50 text-text-secondary hover:bg-surface-overlay transition-colors"},[t("td",St,a(e.model),1),t("td",Dt,a(e.sessionCount),1),t("td",Et,a(e.promptTokens.toLocaleString()),1),t("td",zt,a(e.completionTokens.toLocaleString()),1),t("td",At,a(e.totalTokens.toLocaleString()),1),t("td",Lt,a(o(e.estimatedCost)),1),t("td",Ft,a(e.pricing.source),1)]))),128))])])])]))}}),Bt={class:"h-full overflow-y-auto p-6"},wt={class:"mb-6 text-lg font-semibold text-text-primary"},It={class:"mt-6 grid gap-6 lg:grid-cols-2"},Gt={class:"mt-6"},Nt={class:"mt-6"},Rt={class:"mt-6 flex items-start gap-2 rounded-lg border border-border-default bg-surface-raised p-4 text-xs text-text-muted"},qt={key:1,class:"flex h-64 items-center justify-center"},Ot={class:"text-sm text-text-muted"},Ht=g({__name:"CostDashboardPage",setup(l){const o=U();return(s,n)=>(f(),m("div",Bt,[t("h1",wt,a(s.$t("cost.title")),1),p(o).totalSessions>0?(f(),m(E,{key:0},[_(st,{"total-tokens":p(o).totalTokens,"total-sessions":p(o).totalSessions,"estimated-cost":p(o).totalEstimatedCost,"avg-cost-per-session":p(o).avgCostPerSession},null,8,["total-tokens","total-sessions","estimated-cost","avg-cost-per-session"]),t("div",It,[_(rt,{data:p(o).modelUsage},null,8,["data"]),_(ct,{data:p(o).dailyUsage},null,8,["data"])]),t("div",Gt,[_(bt)]),t("div",Nt,[_(Ut,{data:p(o).modelUsage},null,8,["data"])]),t("div",Rt,[_(p(q),{class:"mt-0.5 h-3.5 w-3.5 shrink-0"}),t("p",null,a(s.$t("cost.disclaimer")),1)])],64)):(f(),m("div",qt,[t("p",Ot,a(s.$t("cost.noData")),1)]))]))}});export{Ht as default};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{u as lt}from"./metrics-store-
|
|
2
|
-
`),n=e.createSession({mode:"chat",model:t.model,prompt:o,messages:t.messages,options:t.options});e.setActiveSession(n);const l=
|
|
1
|
+
import{u as lt}from"./metrics-store-BZ8E63Rc.js";import{c as De,_ as Es,o as Pe,n as be,r as A,d as Ot,w as te,a as B,b as se,e as m,f as r,g as E,t as d,h as Te,i as N,j as h,F as q,k as Q,l as Is,u as x,m as Ds,p as P,q as Ee,T as Ps,s as qt,v as He,X as Je,x as Ut,y as js,z as Vt,A as it,B as Ht,E as Bs,C as W,D as X,G as tt,H as Gt,I as Wt,J as Ls,S as Fs,K as Os}from"./index-BI1ok0nK.js";import{f as Ce,a as Ge,b as st,c as Zt,d as qs}from"./format-BqVZ9rwM.js";import{u as Xe}from"./session-store-DQW7koXz.js";import{a as Us,s as Vs}from"./generate-service-BIV4odla.js";import{u as Hs,a as Gs,_ as Ws,b as Ue}from"./StatusBadge.vue_vue_type_script_setup_true_lang-PDuG6Cj4.js";import{u as Zs}from"./toolcall-store-CMBLYe4d.js";import{u as ct}from"./tool-workshop-store-C-j6ilp2.js";import{u as Ks,a as Kt,b as Qs}from"./agent-store-qLxji-w9.js";import{e as Js}from"./stream-handler-BJnVDKi0.js";import{d as Xs,p as Ys,u as Qt}from"./rag-store-fluSCOWr.js";import{messageMemoryDB as Jt}from"./message-memory-db-C3Ifhs2B.js";import{_ as Tt}from"./ModelCapabilityIcons.vue_vue_type_script_setup_true_lang-CBo5u7cq.js";import{P as Mt}from"./pencil-DuvF5FdW.js";import{D as en}from"./download-DBk31Sbj.js";import"./vector-db-ChAzHl5A.js";const tn=De("clock",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 6v6l4 2",key:"mmk7yg"}]]);const Xt=De("file-text",[["path",{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",key:"1oefj6"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}],["path",{d:"M10 9H8",key:"b1mrlr"}],["path",{d:"M16 13H8",key:"t4e002"}],["path",{d:"M16 17H8",key:"z1uh3a"}]]);const sn=De("paperclip",[["path",{d:"m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551",key:"1miecu"}]]);const nn=De("send",[["path",{d:"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",key:"1ffxy3"}],["path",{d:"m21.854 2.147-10.94 10.939",key:"12cjpa"}]]);const on=De("slash",[["path",{d:"M22 2 2 22",key:"y4kqgn"}]]);async function an(t,e){const s=performance.now();try{let o;return t.implementation.mode==="code"?o=await rn(t.implementation.code,e):o=await ln(t.implementation.blocks,e),{success:!0,result:o,durationMs:performance.now()-s}}catch(o){return{success:!1,result:null,durationMs:performance.now()-s,error:o instanceof Error?o.message:String(o)}}}async function rn(t,e){if(!t.trim())throw new Error("Tool has no implementation code");const s=Object.getPrototypeOf(async function(){}).constructor;return await new s("args","fetch","getGoogleToken",t)(e,fetch.bind(globalThis),hn)}async function ln(t,e){if(t.length===0)throw new Error("Tool has no action blocks");const s=new Map;for(const[l,a]of Object.entries(e))s.set(l,a);const o=[...t].sort((l,a)=>l.order-a.order);let n=null;for(const l of o)switch(l.type){case"http_request":await cn(l.config,s);break;case"extract_field":un(l.config,s);break;case"template":dn(l.config,s);break;case"return_value":n=pn(l.config,s);break}return n}async function cn(t,e){const s=Ie(t.url,e),o=t.body?Ie(t.body,e):void 0,n={};for(const[i,p]of Object.entries(t.headers))n[i]=Ie(p,e);const l=await fetch(s,{method:t.method,headers:n,body:t.method!=="GET"?o:void 0});let a;(l.headers.get("content-type")??"").includes("application/json")?a=await l.json():a=await l.text(),e.set(t.outputVariable||"response",a)}function un(t,e){const s=e.get(t.input);if(s==null){e.set(t.outputVariable||"value",null);return}const o=t.fieldPath.split(".");let n=s;for(const l of o){if(n==null||typeof n!="object"){n=null;break}n=n[l]}e.set(t.outputVariable||"value",n)}function dn(t,e){const s=Ie(t.template,e);e.set(t.outputVariable||"text",s)}function pn(t,e){const s=t.expression.trim();return e.has(s)?e.get(s):Ie(s,e)}async function hn(){const{getAccessToken:t,isConnected:e}=await Es(async()=>{const{getAccessToken:s,isConnected:o}=await import("./google-auth-CfEcVMA7.js");return{getAccessToken:s,isConnected:o}},[]);if(!e())throw new Error("Google account not connected. Go to Settings to connect your Google account.");return t()}function Ie(t,e){return t.replace(/\{\{(\w+(?:\.\w+)*)\}\}/g,(s,o)=>{const n=o.split(".");let l=e.get(n[0]??"");for(let a=1;a<n.length;a++){if(l==null||typeof l!="object")return"";l=l[n[a]??""]}return l==null?"":typeof l=="object"?JSON.stringify(l):String(l)})}const mn=5;async function gn(t){const e=Xe(),s=Hs(),o=t.messages.map(c=>`[${c.role}] ${c.content}`).join(`
|
|
2
|
+
`),n=e.createSession({mode:"chat",model:t.model,prompt:o,messages:t.messages,options:t.options});e.setActiveSession(n);const l=Us(n,t.messages);s.setAnatomy(n,l);const a=new AbortController;return fn(n,t.model,[...t.messages],t.tools,t.options,a.signal).catch(c=>{a.signal.aborted||e.setSessionError(n,c instanceof Error?c.message:"Chat failed")}),{sessionId:n,abort:()=>{a.abort(),e.cancelSession(n)}}}async function fn(t,e,s,o,n,l){const a=Zs(),c=ct(),i=Ks();let p=0,u=0;for(;p<mn;){if(l.aborted)return;const g=await Pe.streamChat({model:e,messages:s,tools:o,options:n,logprobs:!0},l),v=await Js(t,g,l);if(v.toolCalls.length===0)return;s.push({role:"assistant",content:"",tool_calls:v.toolCalls});for(const C of v.toolCalls){const _=c.findByFunctionName(C.function.name),b=a.getToolCalls(t).find(V=>V.functionName===C.function.name&&V.status==="pending");if(!_){const V=`Tool "${C.function.name}" has no implementation`;i.addNode(t,{id:be(),type:"error",label:`No impl: ${C.function.name}`,sessionId:t,stepIndex:u++,state:{tool:C.function.name,error:V},timestamp:Date.now()}),b&&a.updateToolCall(t,b.id,{status:"failed",error:V,completedAt:Date.now()}),s.push({role:"tool",content:JSON.stringify({error:V})});continue}b&&a.updateToolCall(t,b.id,{status:"executing"});const I=await an(_,C.function.arguments);i.addNode(t,{id:be(),type:I.success?"output":"error",label:I.success?`Tool Result: ${C.function.name}`:`Tool Failed: ${C.function.name}`,sessionId:t,stepIndex:u++,state:{tool:C.function.name,success:I.success,durationMs:I.durationMs},timestamp:Date.now()}),b&&a.updateToolCall(t,b.id,{status:I.success?"completed":"failed",result:I.result,error:I.error,completedAt:Date.now(),durationMs:I.durationMs});const H=I.success?typeof I.result=="string"?I.result:JSON.stringify(I.result):JSON.stringify({error:I.error});s.push({role:"tool",content:H})}i.addNode(t,{id:be(),type:"llm_call",label:`LLM Round ${p+2} (with tool results)`,sessionId:t,stepIndex:u++,state:{round:p+1},timestamp:Date.now()}),p++}}function xn(){const t=A(!1),e=A(null),s=A(null);let o=null;async function n(c,i,p,u){t.value=!0,e.value=null;try{const g=await Vs({model:c,prompt:i,system:u,options:p});return s.value=g.sessionId,o=g.abort,g.sessionId}catch(g){throw e.value=g instanceof Error?g.message:"Failed to start generation",t.value=!1,g}}async function l(c,i,p,u){t.value=!0,e.value=null;try{const g=await gn({model:c,messages:i,tools:u,options:p});return s.value=g.sessionId,o=g.abort,g.sessionId}catch(g){throw e.value=g instanceof Error?g.message:"Failed to start chat",t.value=!1,g}}function a(){o&&(o(),o=null),t.value=!1}return{isStreaming:t,error:e,currentSessionId:s,startGenerate:n,startChatStream:l,cancel:a}}const We=[{name:"help",description:"Show all available commands",usage:"/help",category:"chat",execute(t,e){const s=Yt(),o=[`Available commands:
|
|
3
3
|
`];for(const[n,l]of Object.entries(s)){o.push(`**${n}**`);for(const a of l)o.push(` ${a.usage} — ${a.description}`);o.push("")}e.showNotification(o.join(`
|
|
4
4
|
`))}},{name:"clear",description:"Clear current conversation",usage:"/clear",category:"chat",execute(t,e){e.clearConversation(),e.showNotification("Conversation cleared.")}},{name:"new",description:"Start a new chat session",usage:"/new",category:"chat",execute(t,e){e.newChat(),e.showNotification("New chat started.")}},{name:"summarize",description:"Ask the model to summarize the conversation",usage:"/summarize",category:"chat",execute(t,e){if(e.messages.length===0){e.showNotification("Nothing to summarize — conversation is empty.");return}e.sendAsUser("Please summarize our conversation so far in a concise way.")}},{name:"save",description:"Export conversation as JSON or text",usage:"/save [json|text]",category:"chat",execute(t,e){const s=t.trim()==="text"?"text":"json";e.exportConversation(s),e.showNotification(`Conversation exported as ${s}.`)}},{name:"copy",description:"Copy last assistant response to clipboard",usage:"/copy",category:"chat",execute(t,e){e.copyLastResponse()}},{name:"history",description:"Show recent conversations",usage:"/history",category:"chat",execute(t,e){e.showNotification("Scroll down to the recent chats section, or start a /new chat.")}},{name:"model",description:"Switch model or list available models",usage:"/model [name]",category:"settings",execute(t,e){const s=t.trim();if(!s){const n=e.availableModels.join(", ");e.showNotification(`Available models: ${n}
|
|
5
5
|
Current: ${e.currentModel}`);return}const o=e.availableModels.find(n=>n===s||n.startsWith(s));o?(e.switchModel(o),e.showNotification(`Switched to ${o}.`)):e.showNotification(`Model "${s}" not found. Available: ${e.availableModels.join(", ")}`)}},{name:"system",description:"Set the system prompt",usage:"/system <prompt>",category:"settings",execute(t,e){const s=t.trim();if(!s){const o=e.chatSettings.value.systemPrompt||"(none)";e.showNotification(`Current system prompt: ${o}`);return}e.setSystemPrompt(s),e.showNotification("System prompt updated.")}},{name:"temperature",description:"Set temperature (0-2)",usage:"/temperature <value>",category:"settings",execute(t,e){const s=parseFloat(t.trim());if(isNaN(s)||s<0||s>2){e.showNotification(`Current: ${e.chatSettings.value.options.temperature??.7}. Usage: /temperature 0.0-2.0`);return}e.setOption("temperature",s),e.showNotification(`Temperature set to ${s}.`)}},{name:"top_p",description:"Set top-p / nucleus sampling (0-1)",usage:"/top_p <value>",category:"settings",execute(t,e){const s=parseFloat(t.trim());if(isNaN(s)||s<0||s>1){e.showNotification(`Current: ${e.chatSettings.value.options.top_p??.9}. Usage: /top_p 0.0-1.0`);return}e.setOption("top_p",s),e.showNotification(`Top-p set to ${s}.`)}},{name:"top_k",description:"Set top-k sampling (1-100)",usage:"/top_k <value>",category:"settings",execute(t,e){const s=parseInt(t.trim(),10);if(isNaN(s)||s<1||s>100){e.showNotification(`Current: ${e.chatSettings.value.options.top_k??40}. Usage: /top_k 1-100`);return}e.setOption("top_k",s),e.showNotification(`Top-k set to ${s}.`)}},{name:"context",description:"Set context window size",usage:"/context <size>",category:"settings",execute(t,e){const s=parseInt(t.trim(),10),o=[2048,4096,8192,16384,32768,65536,131072];if(isNaN(s)||!o.includes(s)){e.showNotification(`Current: ${Ce(e.chatSettings.value.options.num_ctx??4096)}. Valid sizes: ${o.join(", ")}`);return}e.setOption("num_ctx",s),e.showNotification(`Context window set to ${Ce(s)}.`)}},{name:"repeat_penalty",description:"Set repeat penalty (1.0-2.0)",usage:"/repeat_penalty <value>",category:"settings",execute(t,e){const s=parseFloat(t.trim());if(isNaN(s)||s<1||s>2){e.showNotification(`Current: ${e.chatSettings.value.options.repeat_penalty??1.1}. Usage: /repeat_penalty 1.0-2.0`);return}e.setOption("repeat_penalty",s),e.showNotification(`Repeat penalty set to ${s}.`)}},{name:"seed",description:"Set seed for reproducibility (-1 for random)",usage:"/seed <value>",category:"settings",execute(t,e){const s=parseInt(t.trim(),10);if(isNaN(s)){e.showNotification(`Current: ${e.chatSettings.value.options.seed??-1}. Usage: /seed <number>`);return}e.setOption("seed",s===-1?void 0:s),e.showNotification(s===-1?"Seed set to random.":`Seed set to ${s}.`)}},{name:"stop",description:"Set stop sequences (comma-separated)",usage:"/stop <sequences>",category:"settings",execute(t,e){const s=t.trim();if(!s){const n=e.chatSettings.value.options.stop?.join(", ")||"(none)";e.showNotification(`Current stop sequences: ${n}`);return}const o=s.split(",").map(n=>n.trim()).filter(Boolean);e.setOption("stop",o.length>0?o:void 0),e.showNotification(`Stop sequences set: ${o.join(", ")}`)}},{name:"mirostat",description:"Set mirostat mode (0=off, 1=v1, 2=v2)",usage:"/mirostat <0|1|2>",category:"settings",execute(t,e){const s=parseInt(t.trim(),10);if(![0,1,2].includes(s)){e.showNotification(`Current: ${e.chatSettings.value.options.mirostat??0}. Usage: /mirostat 0|1|2`);return}e.setOption("mirostat",s),e.showNotification(s===0?"Mirostat disabled.":`Mirostat v${s} enabled.`)}},{name:"format",description:"Toggle JSON output format",usage:"/format [json]",category:"settings",execute(t,e){const s=t.trim().toLowerCase()==="json";e.setJsonFormat(s),e.showNotification(s?"JSON format enabled.":"JSON format disabled.")}},{name:"reset",description:"Reset all settings to defaults",usage:"/reset",category:"settings",execute(t,e){e.resetSettings(),e.showNotification("All settings reset to defaults.")}},{name:"rag",description:"Toggle RAG context on/off",usage:"/rag",category:"navigation",execute(t,e){e.toggleRag(),e.showNotification(e.ragEnabled?"RAG context disabled.":"RAG context enabled.")}},{name:"tools",description:"Open tools settings panel",usage:"/tools",category:"navigation",execute(t,e){e.openSettings(),e.showNotification("Settings panel opened.")}},{name:"status",description:"Show Ollama connection status and model info",usage:"/status",category:"navigation",async execute(t,e){const s=await e.getOllamaStatus();e.showNotification(`Ollama: ${s.connected?"Connected":"Disconnected"}
|
|
@@ -82,13 +82,13 @@ ${this.parser.parse(t)}</blockquote>
|
|
|
82
82
|
${t}</tr>
|
|
83
83
|
`}tablecell(t){let e=this.parser.parseInline(t.tokens),s=t.header?"th":"td";return(t.align?`<${s} align="${t.align}">`:`<${s}>`)+e+`</${s}>
|
|
84
84
|
`}strong({tokens:t}){return`<strong>${this.parser.parseInline(t)}</strong>`}em({tokens:t}){return`<em>${this.parser.parseInline(t)}</em>`}codespan({text:t}){return`<code>${ue(t,!0)}</code>`}br(t){return"<br>"}del({tokens:t}){return`<del>${this.parser.parseInline(t)}</del>`}link({href:t,title:e,tokens:s}){let o=this.parser.parseInline(s),n=jt(t);if(n===null)return o;t=n;let l='<a href="'+t+'"';return e&&(l+=' title="'+ue(e)+'"'),l+=">"+o+"</a>",l}image({href:t,title:e,text:s,tokens:o}){o&&(s=this.parser.parseInline(o,this.parser.textRenderer));let n=jt(t);if(n===null)return ue(s);t=n;let l=`<img src="${t}" alt="${ue(s)}"`;return e&&(l+=` title="${ue(e)}"`),l+=">",l}text(t){return"tokens"in t&&t.tokens?this.parser.parseInline(t.tokens):"escaped"in t&&t.escaped?t.text:ue(t.text)}},bt=class{strong({text:t}){return t}em({text:t}){return t}codespan({text:t}){return t}del({text:t}){return t}html({text:t}){return t}text({text:t}){return t}link({text:t}){return""+t}image({text:t}){return""+t}br(){return""}checkbox({raw:t}){return t}},le=class at{options;renderer;textRenderer;constructor(e){this.options=e||$e,this.options.renderer=this.options.renderer||new Qe,this.renderer=this.options.renderer,this.renderer.options=this.options,this.renderer.parser=this,this.textRenderer=new bt}static parse(e,s){return new at(s).parse(e)}static parseInline(e,s){return new at(s).parseInline(e)}parse(e){let s="";for(let o=0;o<e.length;o++){let n=e[o];if(this.options.extensions?.renderers?.[n.type]){let a=n,c=this.options.extensions.renderers[a.type].call({parser:this},a);if(c!==!1||!["space","hr","heading","code","table","blockquote","list","html","def","paragraph","text"].includes(a.type)){s+=c||"";continue}}let l=n;switch(l.type){case"space":{s+=this.renderer.space(l);break}case"hr":{s+=this.renderer.hr(l);break}case"heading":{s+=this.renderer.heading(l);break}case"code":{s+=this.renderer.code(l);break}case"table":{s+=this.renderer.table(l);break}case"blockquote":{s+=this.renderer.blockquote(l);break}case"list":{s+=this.renderer.list(l);break}case"checkbox":{s+=this.renderer.checkbox(l);break}case"html":{s+=this.renderer.html(l);break}case"def":{s+=this.renderer.def(l);break}case"paragraph":{s+=this.renderer.paragraph(l);break}case"text":{s+=this.renderer.text(l);break}default:{let a='Token with "'+l.type+'" type was not found.';if(this.options.silent)return console.error(a),"";throw new Error(a)}}}return s}parseInline(e,s=this.renderer){let o="";for(let n=0;n<e.length;n++){let l=e[n];if(this.options.extensions?.renderers?.[l.type]){let c=this.options.extensions.renderers[l.type].call({parser:this},l);if(c!==!1||!["escape","html","link","image","strong","em","codespan","br","del","text"].includes(l.type)){o+=c||"";continue}}let a=l;switch(a.type){case"escape":{o+=s.text(a);break}case"html":{o+=s.html(a);break}case"link":{o+=s.link(a);break}case"image":{o+=s.image(a);break}case"checkbox":{o+=s.checkbox(a);break}case"strong":{o+=s.strong(a);break}case"em":{o+=s.em(a);break}case"codespan":{o+=s.codespan(a);break}case"br":{o+=s.br(a);break}case"del":{o+=s.del(a);break}case"text":{o+=s.text(a);break}default:{let c='Token with "'+a.type+'" type was not found.';if(this.options.silent)return console.error(c),"";throw new Error(c)}}}return o}},ze=class{options;block;constructor(t){this.options=t||$e}static passThroughHooks=new Set(["preprocess","postprocess","processAllTokens","emStrongMask"]);static passThroughHooksRespectAsync=new Set(["preprocess","postprocess","processAllTokens"]);preprocess(t){return t}postprocess(t){return t}processAllTokens(t){return t}emStrongMask(t){return t}provideLexer(){return this.block?re.lex:re.lexInline}provideParser(){return this.block?le.parse:le.parseInline}},ms=class{defaults=ut();options=this.setOptions;parse=this.parseMarkdown(!0);parseInline=this.parseMarkdown(!1);Parser=le;Renderer=Qe;TextRenderer=bt;Lexer=re;Tokenizer=Ke;Hooks=ze;constructor(...t){this.use(...t)}walkTokens(t,e){let s=[];for(let o of t)switch(s=s.concat(e.call(this,o)),o.type){case"table":{let n=o;for(let l of n.header)s=s.concat(this.walkTokens(l.tokens,e));for(let l of n.rows)for(let a of l)s=s.concat(this.walkTokens(a.tokens,e));break}case"list":{let n=o;s=s.concat(this.walkTokens(n.items,e));break}default:{let n=o;this.defaults.extensions?.childTokens?.[n.type]?this.defaults.extensions.childTokens[n.type].forEach(l=>{let a=n[l].flat(1/0);s=s.concat(this.walkTokens(a,e))}):n.tokens&&(s=s.concat(this.walkTokens(n.tokens,e)))}}return s}use(...t){let e=this.defaults.extensions||{renderers:{},childTokens:{}};return t.forEach(s=>{let o={...s};if(o.async=this.defaults.async||o.async||!1,s.extensions&&(s.extensions.forEach(n=>{if(!n.name)throw new Error("extension name required");if("renderer"in n){let l=e.renderers[n.name];l?e.renderers[n.name]=function(...a){let c=n.renderer.apply(this,a);return c===!1&&(c=l.apply(this,a)),c}:e.renderers[n.name]=n.renderer}if("tokenizer"in n){if(!n.level||n.level!=="block"&&n.level!=="inline")throw new Error("extension level must be 'block' or 'inline'");let l=e[n.level];l?l.unshift(n.tokenizer):e[n.level]=[n.tokenizer],n.start&&(n.level==="block"?e.startBlock?e.startBlock.push(n.start):e.startBlock=[n.start]:n.level==="inline"&&(e.startInline?e.startInline.push(n.start):e.startInline=[n.start]))}"childTokens"in n&&n.childTokens&&(e.childTokens[n.name]=n.childTokens)}),o.extensions=e),s.renderer){let n=this.defaults.renderer||new Qe(this.defaults);for(let l in s.renderer){if(!(l in n))throw new Error(`renderer '${l}' does not exist`);if(["options","parser"].includes(l))continue;let a=l,c=s.renderer[a],i=n[a];n[a]=(...p)=>{let u=c.apply(n,p);return u===!1&&(u=i.apply(n,p)),u||""}}o.renderer=n}if(s.tokenizer){let n=this.defaults.tokenizer||new Ke(this.defaults);for(let l in s.tokenizer){if(!(l in n))throw new Error(`tokenizer '${l}' does not exist`);if(["options","rules","lexer"].includes(l))continue;let a=l,c=s.tokenizer[a],i=n[a];n[a]=(...p)=>{let u=c.apply(n,p);return u===!1&&(u=i.apply(n,p)),u}}o.tokenizer=n}if(s.hooks){let n=this.defaults.hooks||new ze;for(let l in s.hooks){if(!(l in n))throw new Error(`hook '${l}' does not exist`);if(["options","block"].includes(l))continue;let a=l,c=s.hooks[a],i=n[a];ze.passThroughHooks.has(l)?n[a]=p=>{if(this.defaults.async&&ze.passThroughHooksRespectAsync.has(l))return(async()=>{let g=await c.call(n,p);return i.call(n,g)})();let u=c.call(n,p);return i.call(n,u)}:n[a]=(...p)=>{if(this.defaults.async)return(async()=>{let g=await c.apply(n,p);return g===!1&&(g=await i.apply(n,p)),g})();let u=c.apply(n,p);return u===!1&&(u=i.apply(n,p)),u}}o.hooks=n}if(s.walkTokens){let n=this.defaults.walkTokens,l=s.walkTokens;o.walkTokens=function(a){let c=[];return c.push(l.call(this,a)),n&&(c=c.concat(n.call(this,a))),c}}this.defaults={...this.defaults,...o}}),this}setOptions(t){return this.defaults={...this.defaults,...t},this}lexer(t,e){return re.lex(t,e??this.defaults)}parser(t,e){return le.parse(t,e??this.defaults)}parseMarkdown(t){return(e,s)=>{let o={...s},n={...this.defaults,...o},l=this.onError(!!n.silent,!!n.async);if(this.defaults.async===!0&&o.async===!1)return l(new Error("marked(): The async option was set to true by an extension. Remove async: false from the parse options object to return a Promise."));if(typeof e>"u"||e===null)return l(new Error("marked(): input parameter is undefined or null"));if(typeof e!="string")return l(new Error("marked(): input parameter is of type "+Object.prototype.toString.call(e)+", string expected"));if(n.hooks&&(n.hooks.options=n,n.hooks.block=t),n.async)return(async()=>{let a=n.hooks?await n.hooks.preprocess(e):e,c=await(n.hooks?await n.hooks.provideLexer():t?re.lex:re.lexInline)(a,n),i=n.hooks?await n.hooks.processAllTokens(c):c;n.walkTokens&&await Promise.all(this.walkTokens(i,n.walkTokens));let p=await(n.hooks?await n.hooks.provideParser():t?le.parse:le.parseInline)(i,n);return n.hooks?await n.hooks.postprocess(p):p})().catch(l);try{n.hooks&&(e=n.hooks.preprocess(e));let a=(n.hooks?n.hooks.provideLexer():t?re.lex:re.lexInline)(e,n);n.hooks&&(a=n.hooks.processAllTokens(a)),n.walkTokens&&this.walkTokens(a,n.walkTokens);let c=(n.hooks?n.hooks.provideParser():t?le.parse:le.parseInline)(a,n);return n.hooks&&(c=n.hooks.postprocess(c)),c}catch(a){return l(a)}}}onError(t,e){return s=>{if(s.message+=`
|
|
85
|
-
Please report this to https://github.com/markedjs/marked.`,t){let o="<p>An error occurred:</p><pre>"+ue(s.message+"",!0)+"</pre>";return e?Promise.resolve(o):o}if(e)return Promise.reject(s);throw s}}},we=new ms;function F(t,e){return we.parse(t,e)}F.options=F.setOptions=function(t){return we.setOptions(t),F.defaults=we.defaults,ss(F.defaults),F};F.getDefaults=ut;F.defaults=$e;F.use=function(...t){return we.use(...t),F.defaults=we.defaults,ss(F.defaults),F};F.walkTokens=function(t,e){return we.walkTokens(t,e)};F.parseInline=we.parseInline;F.Parser=le;F.parser=le.parse;F.Renderer=Qe;F.TextRenderer=bt;F.Lexer=re;F.lexer=re.lex;F.Tokenizer=Ke;F.Hooks=ze;F.parse=F;F.options;F.setOptions;F.use;F.walkTokens;F.parseInline;le.parse;re.lex;const wo=new ms({breaks:!0,gfm:!0});function $o(t){return t?wo.parse(t):""}const So={key:0,class:"my-2"},_o={key:0,class:"relative inline-flex h-4 w-4 items-center justify-center"},Co={key:1,class:"text-text-muted"},To={key:0,class:"mt-1 ms-2 rounded-lg border-s-2 border-[#a78bfa]/30 bg-surface px-4 py-3 text-sm text-text-secondary leading-relaxed whitespace-pre-wrap max-h-80 overflow-auto"},Mo={key:0,class:"inline-flex items-center gap-0.5 ms-1 align-text-bottom"},Ro=se({__name:"InlineThinkingBlock",props:{isThinking:{type:Boolean},content:{},completed:{type:Boolean}},setup(t){const e=A(!1);return(s,o)=>t.isThinking||t.completed&&t.content?(h(),m("div",So,[r("button",{class:E(["flex items-center gap-2 rounded-lg px-3 py-1.5 text-xs transition-colors",t.isThinking?"bg-[#a78bfa]/10 text-[#a78bfa]":"bg-surface-overlay text-text-secondary hover:text-text-primary"]),onClick:o[0]||(o[0]=n=>e.value=!e.value)},[t.isThinking?(h(),m("span",_o,[...o[1]||(o[1]=[r("span",{class:"absolute h-full w-full rounded-full border-2 border-[#a78bfa]/30"},null,-1),r("span",{class:"absolute h-full w-full rounded-full border-2 border-transparent border-t-[#a78bfa]",style:{animation:"thinking-orbit 1s linear infinite"}},null,-1),r("span",{class:"h-1.5 w-1.5 rounded-full bg-[#a78bfa]"},null,-1)])])):(h(),m("span",Co,"💭")),r("span",null,d(t.isThinking?"Thinking...":"Thought process"),1),r("span",{class:E(["text-text-muted transition-transform",{"rotate-180":e.value}])},"▾",2)],2),e.value?(h(),m("div",To,[Te(d(t.content)+" ",1),t.isThinking?(h(),m("span",Mo,[...o[2]||(o[2]=[r("span",{class:"h-1 w-1 rounded-full bg-[#a78bfa]",style:{animation:"typing-bounce 1.2s ease-in-out infinite"}},null,-1),r("span",{class:"h-1 w-1 rounded-full bg-[#a78bfa]",style:{animation:"typing-bounce 1.2s ease-in-out 0.2s infinite"}},null,-1),r("span",{class:"h-1 w-1 rounded-full bg-[#a78bfa]",style:{animation:"typing-bounce 1.2s ease-in-out 0.4s infinite"}},null,-1)])])):N("",!0)])):N("",!0)])):N("",!0)}}),Ao={class:"text-sm leading-relaxed text-text-primary"},No=se({__name:"AssistantTokenStream",props:{sessionId:{}},setup(t){const e=t,s=Kt(),{getColor:o}=Gs(Ds(e,"sessionId")),n=B(()=>s.getTokens(e.sessionId)),l=B(()=>{const a=n.value,c=[];let i=!1,p="";for(const u of a){if(p+=u.text,!i&&p.includes("<think>")){i=!0;const g=p.split("<think>")[0]??"";g&&c.length===0&&c.push({...u,text:g});continue}if(i){if(p.includes("</think>")){i=!1;const g=p.split("</think>").pop()??"",v=u.text;if(g.endsWith(v)&&v.includes("</think>")){const C=v.split("</think>").pop()??"";C&&c.push({...u,text:C})}}continue}c.push(u)}return c});return(a,c)=>(h(),m("div",Ao,[(h(!0),m(q,null,Q(l.value,i=>(h(),m("span",{key:i.id,class:"inline",style:Is({borderBottom:`2px solid ${x(o)(i.confidence)}`})},d(i.text),5))),128))]))}}),zo={key:0,class:"mb-1.5 space-y-1.5"},Eo=["src","alt","onClick"],Io={class:"mt-0.5 flex items-center gap-1.5 text-[10px] opacity-60"},Do={class:"truncate"},Po={class:"flex flex-wrap gap-1.5"},jo={class:"max-w-[100px] truncate opacity-90"},Bo={class:"opacity-60"},Lo=["src"],Fo=se({__name:"AttachmentBubble",props:{attachments:{}},setup(t){const e=A(null);function s(n){n.content&&(e.value=n.content)}function o(){e.value=null}return(n,l)=>t.attachments.length>0?(h(),m("div",zo,[(h(!0),m(q,null,Q(t.attachments.filter(a=>a.type==="image"&&a.content),a=>(h(),m("div",{key:a.id},[r("img",{src:a.content,alt:a.name,class:"max-h-48 max-w-full cursor-pointer rounded-lg object-contain",onClick:c=>s(a)},null,8,Eo),r("div",Io,[r("span",Do,d(a.name),1),r("span",null,d(x(st)(a.sizeBytes)),1)])]))),128)),r("div",Po,[(h(!0),m(q,null,Q(t.attachments.filter(a=>a.type==="document"),a=>(h(),m("div",{key:a.id,class:"flex items-center gap-1.5 rounded-md bg-white/10 px-2 py-1 text-[11px]"},[P(x(Xt),{class:"h-3.5 w-3.5 opacity-70"}),r("span",jo,d(a.name),1),r("span",Bo,d(x(st)(a.sizeBytes)),1)]))),128))]),(h(),Ee(Ps,{to:"body"},[P(Ut,{"enter-active-class":"transition-opacity duration-150","enter-from-class":"opacity-0","leave-active-class":"transition-opacity duration-150","leave-to-class":"opacity-0"},{default:qt(()=>[e.value?(h(),m("div",{key:0,class:"fixed inset-0 z-[9999] flex items-center justify-center bg-black/80 backdrop-blur-sm",onClick:o},[r("img",{src:e.value,class:"max-h-[90vh] max-w-[90vw] rounded-lg object-contain shadow-2xl",onClick:l[0]||(l[0]=He(()=>{},["stop"]))},null,8,Lo),r("button",{class:"absolute right-4 top-4 flex h-8 w-8 items-center justify-center rounded-full bg-white/10 text-white transition-colors hover:bg-white/20",onClick:o},[P(x(Je),{class:"h-5 w-5"})])])):N("",!0)]),_:1})]))])):N("",!0)}}),Oo={key:0,class:"mt-1 flex items-center gap-1 flex-wrap"},qo=["title"],Uo=se({__name:"QualityBadges",props:{report:{}},setup(t){const e=t,s=B(()=>e.report?e.report.checks.filter(n=>n.status!=="pass"):[]),o=B(()=>s.value.length>0);return(n,l)=>o.value?(h(),m("div",Oo,[(h(!0),m(q,null,Q(s.value,a=>(h(),m("span",{key:a.detector,class:E(["inline-flex items-center rounded-full px-1.5 py-0.5 text-[9px] font-medium",a.status==="fail"?"bg-error/15 text-error":"bg-warning/15 text-warning"]),title:a.detail??n.$t(a.reason)},d(n.$t(`quality.${a.detector}.label`)),11,qo))),128))])):N("",!0)}}),Vo={class:"text-sm leading-relaxed whitespace-pre-wrap"},Ho=["innerHTML"],Go={key:3,class:"inline-flex items-center gap-1 py-1"},Wo={key:4,class:"mt-1 text-[10px] text-warning"},Zo={key:2,class:"mt-1.5 flex items-center gap-2 text-[10px] text-text-muted"},Ko=["title"],Qo=["title"],Jo={class:"text-[10px] opacity-50"},Xo=se({__name:"ChatBubble",props:{message:{}},setup(t){const e=t,s=Xe(),o=Qs(),n=lt(),l=ts(),a=B(()=>l.getReport(e.message.id)),c=B(()=>e.message.sessionId?n.getMetrics(e.message.sessionId):null),i=B(()=>e.message.sessionId?s.sessionById(e.message.sessionId)?.doneReason==="length":!1),p=B(()=>e.message.sessionId?o.getThinking(e.message.sessionId):{isThinking:!1,content:""}),u=B(()=>e.message.role==="user"),g=B(()=>c.value?c.value.loadDurationMs>500:!1),v=B(()=>{if(u.value){if(e.message.attachments?.length){const z=`
|
|
85
|
+
Please report this to https://github.com/markedjs/marked.`,t){let o="<p>An error occurred:</p><pre>"+ue(s.message+"",!0)+"</pre>";return e?Promise.resolve(o):o}if(e)return Promise.reject(s);throw s}}},we=new ms;function F(t,e){return we.parse(t,e)}F.options=F.setOptions=function(t){return we.setOptions(t),F.defaults=we.defaults,ss(F.defaults),F};F.getDefaults=ut;F.defaults=$e;F.use=function(...t){return we.use(...t),F.defaults=we.defaults,ss(F.defaults),F};F.walkTokens=function(t,e){return we.walkTokens(t,e)};F.parseInline=we.parseInline;F.Parser=le;F.parser=le.parse;F.Renderer=Qe;F.TextRenderer=bt;F.Lexer=re;F.lexer=re.lex;F.Tokenizer=Ke;F.Hooks=ze;F.parse=F;F.options;F.setOptions;F.use;F.walkTokens;F.parseInline;le.parse;re.lex;const wo=new ms({breaks:!0,gfm:!0});function $o(t){return t?wo.parse(t):""}const So={key:0,class:"my-2"},_o={key:0,class:"relative inline-flex h-4 w-4 items-center justify-center"},Co={key:1,class:"text-text-muted"},To={key:0,class:"mt-1 ms-2 rounded-lg border-s-2 border-[#a78bfa]/30 bg-surface px-4 py-3 text-sm text-text-secondary leading-relaxed whitespace-pre-wrap max-h-80 overflow-auto"},Mo={key:0,class:"inline-flex items-center gap-0.5 ms-1 align-text-bottom"},Ro=se({__name:"InlineThinkingBlock",props:{isThinking:{type:Boolean},content:{},completed:{type:Boolean}},setup(t){const e=A(!1);return(s,o)=>t.isThinking||t.completed&&t.content?(h(),m("div",So,[r("button",{class:E(["flex items-center gap-2 rounded-lg px-3 py-1.5 text-xs transition-colors",t.isThinking?"bg-[#a78bfa]/10 text-[#a78bfa]":"bg-surface-overlay text-text-secondary hover:text-text-primary"]),onClick:o[0]||(o[0]=n=>e.value=!e.value)},[t.isThinking?(h(),m("span",_o,[...o[1]||(o[1]=[r("span",{class:"absolute h-full w-full rounded-full border-2 border-[#a78bfa]/30"},null,-1),r("span",{class:"absolute h-full w-full rounded-full border-2 border-transparent border-t-[#a78bfa]",style:{animation:"thinking-orbit 1s linear infinite"}},null,-1),r("span",{class:"h-1.5 w-1.5 rounded-full bg-[#a78bfa]"},null,-1)])])):(h(),m("span",Co,"💭")),r("span",null,d(t.isThinking?"Thinking...":"Thought process"),1),r("span",{class:E(["text-text-muted transition-transform",{"rotate-180":e.value}])},"▾",2)],2),e.value?(h(),m("div",To,[Te(d(t.content)+" ",1),t.isThinking?(h(),m("span",Mo,[...o[2]||(o[2]=[r("span",{class:"h-1 w-1 rounded-full bg-[#a78bfa]",style:{animation:"typing-bounce 1.2s ease-in-out infinite"}},null,-1),r("span",{class:"h-1 w-1 rounded-full bg-[#a78bfa]",style:{animation:"typing-bounce 1.2s ease-in-out 0.2s infinite"}},null,-1),r("span",{class:"h-1 w-1 rounded-full bg-[#a78bfa]",style:{animation:"typing-bounce 1.2s ease-in-out 0.4s infinite"}},null,-1)])])):N("",!0)])):N("",!0)])):N("",!0)}}),Ao={class:"text-sm leading-relaxed text-text-primary"},No=se({__name:"AssistantTokenStream",props:{sessionId:{}},setup(t){const e=t,s=Kt(),{getColor:o}=Gs(Ds(e,"sessionId")),n=B(()=>s.getTokens(e.sessionId)),l=B(()=>{const a=n.value,c=[];let i=!1,p="";for(const u of a){if(p+=u.text,!i&&p.includes("<think>")){i=!0;const g=p.split("<think>")[0]??"";g&&c.length===0&&c.push({...u,text:g});continue}if(i){if(p.includes("</think>")){i=!1;const g=p.split("</think>").pop()??"",v=u.text;if(g.endsWith(v)&&v.includes("</think>")){const C=v.split("</think>").pop()??"";C&&c.push({...u,text:C})}}continue}c.push(u)}return c});return(a,c)=>(h(),m("div",Ao,[(h(!0),m(q,null,Q(l.value,i=>(h(),m("span",{key:i.id,class:"inline",style:Is({borderBottom:`2px solid ${x(o)(i.confidence)}`})},d(i.text),5))),128))]))}}),zo={key:0,class:"mb-1.5 space-y-1.5"},Eo=["src","alt","onClick"],Io={class:"mt-0.5 flex items-center gap-1.5 text-[10px] opacity-60"},Do={class:"truncate"},Po={class:"flex flex-wrap gap-1.5"},jo={class:"max-w-[100px] truncate opacity-90"},Bo={class:"opacity-60"},Lo=["src"],Fo=se({__name:"AttachmentBubble",props:{attachments:{}},setup(t){const e=A(null);function s(n){n.content&&(e.value=n.content)}function o(){e.value=null}return(n,l)=>t.attachments.length>0?(h(),m("div",zo,[(h(!0),m(q,null,Q(t.attachments.filter(a=>a.type==="image"&&a.content),a=>(h(),m("div",{key:a.id},[r("img",{src:a.content,alt:a.name,class:"max-h-48 max-w-full cursor-pointer rounded-lg object-contain",onClick:c=>s(a)},null,8,Eo),r("div",Io,[r("span",Do,d(a.name),1),r("span",null,d(x(st)(a.sizeBytes)),1)])]))),128)),r("div",Po,[(h(!0),m(q,null,Q(t.attachments.filter(a=>a.type==="document"),a=>(h(),m("div",{key:a.id,class:"flex items-center gap-1.5 rounded-md bg-white/10 px-2 py-1 text-[11px]"},[P(x(Xt),{class:"h-3.5 w-3.5 opacity-70"}),r("span",jo,d(a.name),1),r("span",Bo,d(x(st)(a.sizeBytes)),1)]))),128))]),(h(),Ee(Ps,{to:"body"},[P(Ut,{"enter-active-class":"transition-opacity duration-150","enter-from-class":"opacity-0","leave-active-class":"transition-opacity duration-150","leave-to-class":"opacity-0"},{default:qt(()=>[e.value?(h(),m("div",{key:0,class:"fixed inset-0 z-[9999] flex items-center justify-center bg-black/80 backdrop-blur-sm",onClick:o},[r("img",{src:e.value,alt:"Enlarged attachment preview",class:"max-h-[90vh] max-w-[90vw] rounded-lg object-contain shadow-2xl",onClick:l[0]||(l[0]=He(()=>{},["stop"]))},null,8,Lo),r("button",{class:"absolute right-4 top-4 flex h-8 w-8 items-center justify-center rounded-full bg-white/10 text-white transition-colors hover:bg-white/20","aria-label":"Close lightbox",onClick:o},[P(x(Je),{class:"h-5 w-5"})])])):N("",!0)]),_:1})]))])):N("",!0)}}),Oo={key:0,class:"mt-1 flex items-center gap-1 flex-wrap"},qo=["title"],Uo=se({__name:"QualityBadges",props:{report:{}},setup(t){const e=t,s=B(()=>e.report?e.report.checks.filter(n=>n.status!=="pass"):[]),o=B(()=>s.value.length>0);return(n,l)=>o.value?(h(),m("div",Oo,[(h(!0),m(q,null,Q(s.value,a=>(h(),m("span",{key:a.detector,class:E(["inline-flex items-center rounded-full px-1.5 py-0.5 text-[9px] font-medium",a.status==="fail"?"bg-error/15 text-error":"bg-warning/15 text-warning"]),title:a.detail??n.$t(a.reason)},d(n.$t(`quality.${a.detector}.label`)),11,qo))),128))])):N("",!0)}}),Vo={class:"text-sm leading-relaxed whitespace-pre-wrap"},Ho=["innerHTML"],Go={key:3,class:"inline-flex items-center gap-1 py-1"},Wo={key:4,class:"mt-1 text-[10px] text-warning"},Zo={key:2,class:"mt-1.5 flex items-center gap-2 text-[10px] text-text-muted"},Ko=["title"],Qo=["title"],Jo={class:"text-[10px] opacity-50"},Xo=se({__name:"ChatBubble",props:{message:{}},setup(t){const e=t,s=Xe(),o=Qs(),n=lt(),l=ts(),a=B(()=>l.getReport(e.message.id)),c=B(()=>e.message.sessionId?n.getMetrics(e.message.sessionId):null),i=B(()=>e.message.sessionId?s.sessionById(e.message.sessionId)?.doneReason==="length":!1),p=B(()=>e.message.sessionId?o.getThinking(e.message.sessionId):{isThinking:!1,content:""}),u=B(()=>e.message.role==="user"),g=B(()=>c.value?c.value.loadDurationMs>500:!1),v=B(()=>{if(u.value){if(e.message.attachments?.length){const z=`
|
|
86
86
|
|
|
87
87
|
---
|
|
88
88
|
|
|
89
89
|
`,b=e.message.content.lastIndexOf(z);if(b!==-1)return e.message.content.slice(b+z.length)}return e.message.content}return e.message.isStreaming?"":e.message.content.replace(/<think>[\s\S]*?<\/think>/g,"").trim()}),C=B(()=>u.value||!v.value?"":$o(v.value)),_=B(()=>new Date(e.message.timestamp).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}));return(z,b)=>(h(),m("div",{class:E(["flex w-full",u.value?"justify-end":"justify-start"])},[r("div",{class:E(["max-w-[80%] rounded-2xl px-4 py-2.5",u.value?"bg-accent text-white rounded-br-md":"bg-surface-raised border border-border-default rounded-bl-md"])},[u.value?(h(),m(q,{key:0},[t.message.attachments?.length?(h(),Ee(Fo,{key:0,attachments:t.message.attachments},null,8,["attachments"])):N("",!0),r("p",Vo,d(v.value),1)],64)):(h(),m(q,{key:1},[t.message.sessionId?(h(),Ee(Ro,{key:0,"is-thinking":p.value.isThinking,content:p.value.content,completed:!t.message.isStreaming},null,8,["is-thinking","content","completed"])):N("",!0),t.message.isStreaming&&t.message.sessionId?(h(),Ee(No,{key:1,"session-id":t.message.sessionId},null,8,["session-id"])):v.value?(h(),m("div",{key:2,class:"markdown-prose",innerHTML:C.value},null,8,Ho)):N("",!0),t.message.isStreaming&&!v.value?(h(),m("span",Go,[...b[0]||(b[0]=[r("span",{class:"h-1.5 w-1.5 rounded-full bg-accent",style:{animation:"typing-bounce 1.2s ease-in-out infinite"}},null,-1),r("span",{class:"h-1.5 w-1.5 rounded-full bg-accent",style:{animation:"typing-bounce 1.2s ease-in-out 0.2s infinite"}},null,-1),r("span",{class:"h-1.5 w-1.5 rounded-full bg-accent",style:{animation:"typing-bounce 1.2s ease-in-out 0.4s infinite"}},null,-1)])])):N("",!0),i.value&&!t.message.isStreaming&&!a.value?(h(),m("div",Wo,d(z.$t("dashboard.bubble.truncatedWarning")),1)):N("",!0)],64)),!u.value&&!t.message.isStreaming&&c.value?(h(),m("div",Zo,[r("span",null,d(c.value.completionTokenCount)+" "+d(z.$t("dashboard.bubble.tokens")),1),b[2]||(b[2]=r("span",{class:"opacity-40"},"·",-1)),r("span",null,d(c.value.tokensPerSecond.toFixed(1))+" "+d(z.$t("dashboard.bubble.tokPerSec")),1),b[3]||(b[3]=r("span",{class:"opacity-40"},"·",-1)),r("span",null,d(c.value.ttftMs<1e3?c.value.ttftMs.toFixed(0)+"ms":(c.value.ttftMs/1e3).toFixed(1)+"s")+" "+d(z.$t("dashboard.bubble.ttft")),1),g.value?(h(),m(q,{key:0},[b[1]||(b[1]=r("span",{class:"opacity-40"},"·",-1)),r("span",{class:"text-warning",title:z.$t("dashboard.bubble.coldStart")},d(z.$t("dashboard.bubble.cold")),9,Ko)],64)):N("",!0),a.value&&a.value.overall!=="pass"?(h(),m("span",{key:1,class:E(["ml-1 inline-block h-1.5 w-1.5 rounded-full",a.value.overall==="fail"?"bg-error":"bg-warning"]),title:z.$t("quality.issuesDetected")},null,10,Qo)):N("",!0)])):N("",!0),P(Uo,{report:a.value},null,8,["report"]),r("div",{class:E(["mt-1",u.value?"text-end":""])},[r("span",Jo,d(_.value),1)],2)],2)],2))}}),Yo={key:0,class:"flex items-center justify-center"},ea={class:"text-center"},ta={class:"text-sm text-text-muted"},sa=se({__name:"ChatMessageList",props:{messages:{}},setup(t,{expose:e}){const s=t,o=A(null);function n(){js(()=>{o.value&&(o.value.scrollTop=o.value.scrollHeight)})}return te(()=>s.messages.length,()=>n()),te(()=>s.messages[s.messages.length-1]?.content,()=>n()),e({scrollToBottom:n}),(l,a)=>(h(),m("div",{ref_key:"containerRef",ref:o,class:"flex-1 overflow-y-auto px-4 py-6"},[r("div",{class:E(["mx-auto max-w-3xl space-y-4",t.messages.length===0?"flex min-h-full flex-col justify-center":""])},[t.messages.length===0?(h(),m("div",Yo,[r("div",ea,[a[0]||(a[0]=r("svg",{class:"mx-auto mb-4 h-20 w-20 text-text-muted/20",viewBox:"0 0 297.5 297.5"},[r("path",{fill:"currentColor",d:"M179.293,23.839c-64.904,0-117.707,52.804-117.707,117.707c0,1.832,0.056,3.651,0.14,5.463H9.933 c-5.486,0-9.933,4.448-9.933,9.933v46.189c0,5.486,4.448,9.933,9.933,9.933h22.349v43.209h-6.953c-4.663,0-8.443,3.78-8.443,8.443 c0,4.663,3.78,8.443,8.443,8.443h30.793c4.663,0,8.443-3.78,8.443-8.443c0-4.663-3.78-8.443-8.443-8.443h-6.953v-43.209h36.713 c21.533,28.059,55.39,46.189,93.411,46.189c64.904,0,117.707-52.804,117.707-117.707S244.196,23.839,179.293,23.839z M19.866,166.876h213.087c-5.257,11.091-13.854,20.295-24.483,26.323H19.866V166.876z M119.942,141.547 c0-32.726,26.624-59.35,59.35-59.35s59.35,26.624,59.35,59.35c0,1.843-0.096,3.663-0.261,5.463H120.206 C120.04,145.21,119.942,143.39,119.942,141.547z M179.293,239.388c-25.75,0-49.202-10.003-66.689-26.323h32.684 c10.31,4.925,21.837,7.698,34.005,7.698c43.68,0,79.217-35.536,79.217-79.217S222.973,62.33,179.293,62.33 s-79.217,35.536-79.217,79.217c0,1.839,0.086,3.657,0.214,5.463H81.611c-0.101-1.809-0.16-3.629-0.16-5.463 c0-48.871,36.016-89.488,82.901-96.702c-0.758,1.266-1.201,2.741-1.201,4.324c0,4.663,3.78,8.443,8.443,8.443h15.396 c4.663,0,8.443-3.78,8.443-8.443c0-1.583-0.443-3.058-1.201-4.324c46.884,7.214,82.901,47.83,82.901,96.702 C277.134,195.497,233.243,239.388,179.293,239.388z"})],-1)),a[1]||(a[1]=r("p",{class:"text-2xl font-semibold text-text-primary mb-2"},"LLMxRay",-1)),r("p",ta,d(l.$t("dashboard.empty.startConversation")),1)])])):N("",!0),(h(!0),m(q,null,Q(t.messages,c=>(h(),Ee(Xo,{key:c.id,message:c},null,8,["message"]))),128))],2)],512))}}),na=new Set(["png","jpg","jpeg","gif","webp"]),oa=new Set(["pdf","docx","txt","md","csv"]);function gs(t){return t.split(".").pop()?.toLowerCase()??""}function rt(t){return na.has(gs(t))}function fs(t){return oa.has(gs(t))}function aa(t){return rt(t)||fs(t)}const ra=".pdf,.docx,.txt,.md,.csv,.png,.jpg,.jpeg,.gif,.webp",Ft=8e3;function la(){const t=A([]),e=B(()=>t.value.some(c=>c.status==="parsing"));async function s(c){for(const i of c){if(!aa(i.name))continue;const p={id:be(),name:i.name,type:rt(i.name)?"image":"document",mimeType:i.type,sizeBytes:i.size,status:"pending"};t.value.push(p),rt(i.name)?o(i,p):fs(i.name)&&n(i,p)}}function o(c,i){i.status="parsing";const p=i.id,u=new FileReader;u.onload=()=>{const g=t.value.find(v=>v.id===p);g&&(g.content=u.result,g.status="ready")},u.onerror=()=>{const g=t.value.find(v=>v.id===p);g&&(g.error="Failed to read image",g.status="error")},u.readAsDataURL(c)}async function n(c,i){i.status="parsing";const p=i.id;try{const u=Xs(c.name);if(!u){const C=t.value.find(_=>_.id===p);C&&(C.error="Unsupported format",C.status="error");return}let g=await Ys(c,u);g.length>Ft&&(g=g.slice(0,Ft)+`
|
|
90
90
|
|
|
91
|
-
[... truncated]`);const v=t.value.find(C=>C.id===p);v&&(v.content=g,v.status="ready")}catch(u){const g=t.value.find(v=>v.id===p);g&&(g.error=u instanceof Error?u.message:"Parse failed",g.status="error")}}function l(c){t.value=t.value.filter(i=>i.id!==c)}function a(){t.value=[]}return{attachments:t,isProcessing:e,addFiles:s,removeAttachment:l,clearAttachments:a}}const ia={key:0,class:"absolute bottom-full left-0 right-0 mb-2 max-h-64 overflow-y-auto rounded-xl border border-border-default bg-surface-raised shadow-lg"},ca={class:"p-1.5"},ua=["onMouseenter","onClick"],da={class:"shrink-0 font-mono text-xs text-accent"},pa={class:"truncate text-xs text-text-muted"},ha={class:"ms-auto shrink-0 rounded bg-surface-overlay px-1.5 py-0.5 text-[10px] text-text-muted"},ma=se({__name:"SlashCommandDropdown",props:{filter:{},visible:{type:Boolean}},emits:["select","close"],setup(t,{expose:e,emit:s}){const{t:o}=Vt(),n=t,l=s,a=A(0),c=B(()=>{if(!n.visible)return[];const u=n.filter.replace(/^\//,"");return u?bn(u):Object.values(Yt()).flat()});te(()=>n.filter,()=>{a.value=0});function i(u){return!n.visible||c.value.length===0?!1:u.key==="ArrowDown"?(u.preventDefault(),a.value=(a.value+1)%c.value.length,!0):u.key==="ArrowUp"?(u.preventDefault(),a.value=a.value<=0?c.value.length-1:a.value-1,!0):u.key==="Tab"||u.key==="Enter"&&c.value.length>0?(u.preventDefault(),l("select",c.value[a.value]),!0):u.key==="Escape"?(u.preventDefault(),l("close"),!0):!1}e({handleKeydown:i});const p=B(()=>({chat:o("dashboard.slashCommands.chatConversation"),settings:o("dashboard.slashCommands.modelSettings"),navigation:o("dashboard.slashCommands.featuresNavigation")}));return(u,g)=>t.visible&&c.value.length>0?(h(),m("div",ia,[r("div",ca,[(h(!0),m(q,null,Q(c.value,(v,C)=>(h(),m("button",{key:v.name,class:E(["flex w-full items-center gap-3 rounded-lg px-3 py-2 text-start text-sm transition-colors",C===a.value?"bg-accent/10 text-accent":"text-text-primary hover:bg-surface-overlay"]),onMouseenter:_=>a.value=C,onClick:_=>u.$emit("select",v)},[r("span",da,"/"+d(v.name),1),r("span",pa,d(v.description),1),r("span",ha,d(p.value[v.category]??v.category),1)],42,ua))),128))])])):N("",!0)}}),ga={key:0,class:"flex flex-wrap gap-2 px-2.5 pb-1.5 pt-1"},fa=["src","alt"],xa={key:1,class:"text-text-muted"},ba={class:"max-w-[120px] truncate text-text-primary"},va={class:"text-text-muted"},ya={key:2,class:"h-3 w-3 animate-spin rounded-full border-2 border-accent border-t-transparent"},ka={key:3,class:"text-error",title:"Parse error"},wa=["onClick"],$a=se({__name:"AttachmentPreview",props:{attachments:{}},emits:["remove"],setup(t){return(e,s)=>t.attachments.length>0?(h(),m("div",ga,[(h(!0),m(q,null,Q(t.attachments,o=>(h(),m("div",{key:o.id,class:"flex items-center gap-2 rounded-lg border border-border-default bg-surface-overlay px-2.5 py-1.5 text-xs"},[o.type==="image"&&o.content?(h(),m("img",{key:0,src:o.content,alt:o.name,class:"h-6 w-6 rounded object-cover"},null,8,fa)):o.type==="document"?(h(),m("span",xa,[P(x(Xt),{class:"h-4 w-4"})])):N("",!0),r("span",ba,d(o.name),1),r("span",va,d(x(st)(o.sizeBytes)),1),o.status==="parsing"?(h(),m("span",ya)):o.status==="error"?(h(),m("span",ka,"!")):N("",!0),r("button",{class:"text-text-muted hover:text-error transition-colors",onClick:n=>e.$emit("remove",o.id)},[P(x(Je),{class:"h-3.5 w-3.5"})],8,wa)]))),128))])):N("",!0)}}),Sa={key:0,class:"pointer-events-none absolute inset-0 z-10 flex items-center justify-center rounded-xl border-2 border-dashed border-accent bg-accent/5"},_a={class:"text-sm text-accent"},Ca={class:"relative mx-auto max-w-3xl"},Ta=["accept"],Ma={class:"mx-auto flex max-w-3xl flex-col rounded-xl border border-border-default bg-surface transition-colors focus-within:border-accent"},Ra=["disabled","title"],Aa=["title"],Na=["disabled","title"],za=["disabled","placeholder"],Ea=["title"],Ia=["disabled","title"],Da=se({__name:"ChatInput",props:{isStreaming:{type:Boolean},selectedModel:{},isVisionModel:{type:Boolean}},emits:["send","command","cancel"],setup(t,{expose:e,emit:s}){const o=s;e({focus:H});const n=it(),l=A(""),a=A(null),c=A(null),i=A(null),p=A(!1),{attachments:u,isProcessing:g,addFiles:v,removeAttachment:C,clearAttachments:_}=la();Ht(()=>{n.fetchModels()});const z=B(()=>{const T=l.value;return T.startsWith("/")&&!T.includes(`
|
|
91
|
+
[... truncated]`);const v=t.value.find(C=>C.id===p);v&&(v.content=g,v.status="ready")}catch(u){const g=t.value.find(v=>v.id===p);g&&(g.error=u instanceof Error?u.message:"Parse failed",g.status="error")}}function l(c){t.value=t.value.filter(i=>i.id!==c)}function a(){t.value=[]}return{attachments:t,isProcessing:e,addFiles:s,removeAttachment:l,clearAttachments:a}}const ia={key:0,class:"absolute bottom-full left-0 right-0 mb-2 max-h-64 overflow-y-auto rounded-xl border border-border-default bg-surface-raised shadow-lg"},ca={class:"p-1.5"},ua=["onMouseenter","onClick"],da={class:"shrink-0 font-mono text-xs text-accent"},pa={class:"truncate text-xs text-text-muted"},ha={class:"ms-auto shrink-0 rounded bg-surface-overlay px-1.5 py-0.5 text-[10px] text-text-muted"},ma=se({__name:"SlashCommandDropdown",props:{filter:{},visible:{type:Boolean}},emits:["select","close"],setup(t,{expose:e,emit:s}){const{t:o}=Vt(),n=t,l=s,a=A(0),c=B(()=>{if(!n.visible)return[];const u=n.filter.replace(/^\//,"");return u?bn(u):Object.values(Yt()).flat()});te(()=>n.filter,()=>{a.value=0});function i(u){return!n.visible||c.value.length===0?!1:u.key==="ArrowDown"?(u.preventDefault(),a.value=(a.value+1)%c.value.length,!0):u.key==="ArrowUp"?(u.preventDefault(),a.value=a.value<=0?c.value.length-1:a.value-1,!0):u.key==="Tab"||u.key==="Enter"&&c.value.length>0?(u.preventDefault(),l("select",c.value[a.value]),!0):u.key==="Escape"?(u.preventDefault(),l("close"),!0):!1}e({handleKeydown:i});const p=B(()=>({chat:o("dashboard.slashCommands.chatConversation"),settings:o("dashboard.slashCommands.modelSettings"),navigation:o("dashboard.slashCommands.featuresNavigation")}));return(u,g)=>t.visible&&c.value.length>0?(h(),m("div",ia,[r("div",ca,[(h(!0),m(q,null,Q(c.value,(v,C)=>(h(),m("button",{key:v.name,class:E(["flex w-full items-center gap-3 rounded-lg px-3 py-2 text-start text-sm transition-colors",C===a.value?"bg-accent/10 text-accent":"text-text-primary hover:bg-surface-overlay"]),onMouseenter:_=>a.value=C,onClick:_=>u.$emit("select",v)},[r("span",da,"/"+d(v.name),1),r("span",pa,d(v.description),1),r("span",ha,d(p.value[v.category]??v.category),1)],42,ua))),128))])])):N("",!0)}}),ga={key:0,class:"flex flex-wrap gap-2 px-2.5 pb-1.5 pt-1"},fa=["src","alt"],xa={key:1,class:"text-text-muted"},ba={class:"max-w-[120px] truncate text-text-primary"},va={class:"text-text-muted"},ya={key:2,class:"h-3 w-3 animate-spin rounded-full border-2 border-accent border-t-transparent"},ka={key:3,class:"text-error",title:"Parse error"},wa=["onClick"],$a=se({__name:"AttachmentPreview",props:{attachments:{}},emits:["remove"],setup(t){return(e,s)=>t.attachments.length>0?(h(),m("div",ga,[(h(!0),m(q,null,Q(t.attachments,o=>(h(),m("div",{key:o.id,class:"flex items-center gap-2 rounded-lg border border-border-default bg-surface-overlay px-2.5 py-1.5 text-xs"},[o.type==="image"&&o.content?(h(),m("img",{key:0,src:o.content,alt:o.name,class:"h-6 w-6 rounded object-cover"},null,8,fa)):o.type==="document"?(h(),m("span",xa,[P(x(Xt),{class:"h-4 w-4"})])):N("",!0),r("span",ba,d(o.name),1),r("span",va,d(x(st)(o.sizeBytes)),1),o.status==="parsing"?(h(),m("span",ya)):o.status==="error"?(h(),m("span",ka,"!")):N("",!0),r("button",{class:"text-text-muted hover:text-error transition-colors","aria-label":"Remove attachment",onClick:n=>e.$emit("remove",o.id)},[P(x(Je),{class:"h-3.5 w-3.5"})],8,wa)]))),128))])):N("",!0)}}),Sa={key:0,class:"pointer-events-none absolute inset-0 z-10 flex items-center justify-center rounded-xl border-2 border-dashed border-accent bg-accent/5"},_a={class:"text-sm text-accent"},Ca={class:"relative mx-auto max-w-3xl"},Ta=["accept"],Ma={class:"mx-auto flex max-w-3xl flex-col rounded-xl border border-border-default bg-surface transition-colors focus-within:border-accent"},Ra=["disabled","title"],Aa=["title"],Na=["disabled","title"],za=["disabled","placeholder"],Ea=["title"],Ia=["disabled","title"],Da=se({__name:"ChatInput",props:{isStreaming:{type:Boolean},selectedModel:{},isVisionModel:{type:Boolean}},emits:["send","command","cancel"],setup(t,{expose:e,emit:s}){const o=s;e({focus:H});const n=it(),l=A(""),a=A(null),c=A(null),i=A(null),p=A(!1),{attachments:u,isProcessing:g,addFiles:v,removeAttachment:C,clearAttachments:_}=la();Ht(()=>{n.fetchModels()});const z=B(()=>{const T=l.value;return T.startsWith("/")&&!T.includes(`
|
|
92
92
|
`)}),b=B(()=>{if(!z.value)return"";const T=l.value.indexOf(" ");return T===-1?l.value:l.value.slice(0,T)}),I=B(()=>{const T=l.value.trim().length>0,j=u.value.length>0;return(T||j)&&!g.value});function H(){a.value?.focus()}function V(T){z.value&&i.value&&i.value.handleKeydown(T)||T.key==="Enter"&&!T.shiftKey&&(T.preventDefault(),G())}function K(T){l.value=`/${T.name} `,a.value?.focus()}function G(){const T=l.value.trim();if(!(!T&&u.value.length===0)){if(T.startsWith("/")&&u.value.length===0){const j=T.indexOf(" "),ie=j===-1?T.slice(1):T.slice(1,j),U=j===-1?"":T.slice(j+1);o("command",ie,U)}else o("send",T,[...u.value]),_();l.value="",a.value&&(a.value.style.height="auto")}}function O(T){const j=T.target;j.style.height="auto",j.style.height=Math.min(j.scrollHeight,200)+"px"}function he(){l.value=""}function ne(){l.value="/",a.value?.focus()}function ve(){c.value?.click()}function me(T){const j=T.target;j.files&&j.files.length>0&&(v(j.files),j.value="")}function ge(T){T.preventDefault(),p.value=!0}function f(){p.value=!1}function S(T){T.preventDefault(),p.value=!1,T.dataTransfer?.files&&T.dataTransfer.files.length>0&&v(T.dataTransfer.files)}function k(T){const j=T.clipboardData?.items;if(!j)return;const ie=[];for(const U of j)if(U.type.startsWith("image/")){const fe=U.getAsFile();fe&&ie.push(fe)}ie.length>0&&(T.preventDefault(),v(ie))}return(T,j)=>(h(),m("div",{class:"relative border-t border-border-default bg-surface-raised px-4 py-3",onDragover:ge,onDragleave:f,onDrop:S},[p.value?(h(),m("div",Sa,[r("span",_a,d(T.$t("dashboard.dropZone")),1)])):N("",!0),r("div",Ca,[P(ma,{ref_key:"dropdownRef",ref:i,filter:b.value,visible:z.value,onSelect:K,onClose:he},null,8,["filter","visible"])]),r("input",{ref_key:"fileInputRef",ref:c,type:"file",multiple:"",accept:x(ra),class:"hidden",onChange:me},null,40,Ta),r("div",Ma,[P($a,{attachments:x(u),onRemove:x(C)},null,8,["attachments","onRemove"]),r("div",{class:E(["flex items-end gap-2 p-1.5",{"pt-0":x(u).length>0}])},[r("button",{disabled:t.isStreaming,class:"relative flex h-8 w-8 shrink-0 items-center justify-center rounded-lg text-text-muted transition-colors hover:bg-surface-overlay hover:text-text-primary disabled:opacity-30",title:t.isVisionModel?T.$t("dashboard.input.attachFilesVision"):T.$t("dashboard.input.attachFiles"),onClick:ve},[P(x(sn),{class:"h-4 w-4"}),t.isVisionModel?(h(),m("span",{key:0,class:"absolute -right-0.5 -top-0.5 flex h-3.5 w-3.5 items-center justify-center rounded-full bg-success text-[8px] text-white",title:T.$t("dashboard.input.visionBadge")},[P(x(Bs),{class:"h-2.5 w-2.5","stroke-width":3})],8,Aa)):N("",!0)],8,Ra),r("button",{disabled:t.isStreaming,class:"flex h-8 shrink-0 items-center justify-center rounded-lg px-1.5 text-text-muted transition-colors hover:bg-surface-overlay hover:text-text-primary disabled:opacity-30",title:T.$t("dashboard.input.commands"),onClick:ne},[P(x(on),{class:"h-4 w-4"})],8,Na),W(r("textarea",{ref_key:"textareaRef",ref:a,"onUpdate:modelValue":j[0]||(j[0]=ie=>l.value=ie),disabled:t.isStreaming,rows:"1",class:"flex-1 resize-none bg-transparent px-1 py-1 text-sm text-text-primary placeholder-text-muted outline-none disabled:opacity-50",placeholder:t.isVisionModel?T.$t("dashboard.input.placeholderVision"):T.$t("dashboard.input.placeholder"),onKeydown:V,onInput:O,onPaste:k},null,40,za),[[X,l.value]]),t.isStreaming?(h(),m("button",{key:0,class:"flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-error text-white transition-colors hover:bg-error/80",title:T.$t("dashboard.input.stopGenerating"),onClick:j[1]||(j[1]=ie=>T.$emit("cancel"))},[...j[2]||(j[2]=[r("span",{class:"inline-block h-2.5 w-2.5 rounded-sm bg-white"},null,-1)])],8,Ea)):(h(),m("button",{key:1,disabled:!I.value||!t.selectedModel,class:"flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-accent text-white transition-colors hover:bg-accent-hover disabled:opacity-30 disabled:cursor-not-allowed",title:T.$t("dashboard.input.sendMessage"),onClick:G},[P(x(nn),{class:"h-4 w-4 rtl:-scale-x-100"})],8,Ia))],2)])],32))}}),Pa={class:"flex h-full flex-col overflow-y-auto"},ja={class:"space-y-5 p-4 pb-12"},Ba={class:"mb-1.5 block text-xs font-medium text-text-secondary"},La=["placeholder"],Fa={class:"mt-1 text-[10px] text-text-muted"},Oa={class:"flex items-center justify-between"},qa={class:"flex items-center gap-2"},Ua={class:"text-xs font-medium text-text-secondary"},Va=["disabled"],Ha={key:0,class:"text-[10px] text-text-muted -mt-3"},Ga={key:1,class:"text-[10px] text-text-muted -mt-3"},Wa={class:"mb-1.5 flex items-center justify-between"},Za={class:"text-xs font-medium text-text-secondary"},Ka={class:"text-xs text-text-muted"},Qa={class:"mt-0.5 flex justify-between text-[10px] text-text-muted"},Ja={class:"mb-1.5 flex items-center justify-between"},Xa={class:"text-xs font-medium text-text-secondary"},Ya={class:"text-xs text-text-muted"},er=["placeholder"],tr={class:"mt-1 text-[10px] text-text-muted"},sr={class:"mb-1.5 flex items-center justify-between"},nr={class:"text-xs font-medium text-text-secondary"},or={class:"text-xs text-text-muted"},ar={class:"mt-1 text-[10px] text-text-muted"},rr={key:2,class:"space-y-4 ps-1"},lr={class:"mb-1.5 flex items-center justify-between"},ir={class:"text-xs font-medium text-text-secondary"},cr={class:"text-xs text-text-muted"},ur={class:"mt-1 text-[10px] text-text-muted"},dr={class:"mb-1.5 flex items-center justify-between"},pr={class:"text-xs font-medium text-text-secondary"},hr={class:"text-xs text-text-muted"},mr={class:"mt-1 text-[10px] text-text-muted"},gr={class:"mb-1.5 flex items-center justify-between"},fr={class:"text-xs font-medium text-text-secondary"},xr={class:"text-xs text-text-muted"},br={class:"mt-1 text-[10px] text-text-muted"},vr={class:"mb-1.5 flex items-center justify-between"},yr={class:"text-xs font-medium text-text-secondary"},kr={class:"text-xs text-text-muted"},wr={value:0},$r={value:1},Sr={value:2},_r={class:"mt-1 text-[10px] text-text-muted"},Cr={class:"mb-1.5 flex items-center justify-between"},Tr={class:"text-xs font-medium text-text-secondary"},Mr={class:"text-xs text-text-muted"},Rr=["placeholder"],Ar={class:"mt-1 text-[10px] text-text-muted"},Nr={class:"mb-1.5 block text-xs font-medium text-text-secondary"},zr=["placeholder"],Er={class:"mt-1 text-[10px] text-text-muted"},Ir={key:0,class:"ms-1 text-accent"},Dr={key:0,class:"ps-1 space-y-2"},Pr={key:0,class:"space-y-1"},jr=["onClick"],Br={key:1,class:"text-[10px] text-text-muted px-2"},Lr={key:0,class:"ms-1 text-accent"},Fr={key:4,class:"space-y-4 ps-1"},Or={class:"flex items-center justify-between"},qr={class:"text-xs font-medium text-text-secondary"},Ur={class:"text-[10px] text-text-muted"},Vr={key:0},Hr={class:"mb-1 flex items-center justify-between"},Gr={class:"text-[10px] text-text-muted"},Wr={class:"text-[10px] text-text-muted"},Zr={class:"flex items-center justify-between"},Kr={class:"text-xs font-medium text-text-secondary"},Qr={class:"text-[10px] text-text-muted"},Jr={key:1},Xr={class:"mb-1 flex items-center justify-between"},Yr={class:"text-[10px] text-text-muted"},el={class:"text-[10px] text-text-muted"},tl={class:"flex items-center justify-between"},sl={class:"text-xs font-medium text-text-secondary"},nl={class:"text-[10px] text-text-muted"},ol={key:2,class:"space-y-1"},al={class:"flex-1 text-text-secondary"},rl=["onClick"],ll={class:"flex items-center justify-between"},il={class:"text-xs font-medium text-text-secondary"},cl={class:"text-[10px] text-text-muted"},ul={key:3,class:"space-y-2"},dl={class:"mb-1 block text-[10px] text-text-muted"},pl={value:"",disabled:""},hl=["value"],ml={key:0,class:"rounded-lg border border-accent/20 bg-accent/5 p-2"},gl={class:"mb-2 text-[10px] text-accent"},fl={class:"space-y-1.5"},xl={class:"min-w-0 flex-1"},bl={class:"truncate text-[11px] font-mono text-text-primary"},vl={class:"text-[9px] text-text-muted"},yl=["disabled","onClick"],kl={key:0,class:"mt-2 text-[9px] text-text-muted"},wl={class:"mb-1 flex items-center justify-between"},$l={class:"text-[10px] text-text-muted"},Sl={class:"text-[10px] text-text-muted"},_l=se({__name:"ChatSettingsPanel",props:{modelValue:{},selectedModel:{},ragEnabled:{type:Boolean}},emits:["update:modelValue","update:ragEnabled"],setup(t,{emit:e}){const s=t,o=e,n=A(s.modelValue.systemPrompt),l=A(s.modelValue.options.temperature??.7),a=A(s.modelValue.options.num_predict??-1),c=A(s.modelValue.options.num_ctx??4096),i=A(s.modelValue.options.top_p??.9),p=A(s.modelValue.options.top_k??40),u=A(s.modelValue.options.repeat_penalty??1.1),g=A(s.modelValue.options.seed??-1),v=A(s.modelValue.options.stop?.join(", ")??""),C=A(s.modelValue.options.mirostat??0);te(()=>s.modelValue.options,f=>{l.value=f.temperature??.7,a.value=f.num_predict??-1,c.value=f.num_ctx??4096,i.value=f.top_p??.9,p.value=f.top_k??40,u.value=f.repeat_penalty??1.1,g.value=f.seed??-1,v.value=f.stop?.join(", ")??"",C.value=f.mirostat??0},{deep:!0}),te([n,l,a,c,i,p,u,g,v,C],()=>{const f=v.value.split(",").map(S=>S.trim()).filter(Boolean);o("update:modelValue",{systemPrompt:n.value,options:{temperature:l.value,num_predict:a.value===-1?void 0:a.value,num_ctx:c.value,top_p:i.value,top_k:p.value,repeat_penalty:u.value,seed:g.value===-1?void 0:g.value,stop:f.length>0?f:void 0,mirostat:C.value}})},{deep:!0}),te(()=>s.modelValue,f=>{n.value=f.systemPrompt,l.value=f.options.temperature??.7,a.value=f.options.num_predict??-1,c.value=f.options.num_ctx??4096,i.value=f.options.top_p??.9,p.value=f.options.top_k??40,u.value=f.options.repeat_penalty??1.1,g.value=f.options.seed??-1,C.value=f.options.mirostat??0});const _=ct(),z=Gt(),b=es(),I=it(),H=Qt(),V=B(()=>I.supportsTools(s.selectedModel));te(()=>s.selectedModel,f=>{f&&!I.supportsTools(f)&&_.enabledTools.length>0&&_.disableAll()});const K=A(!1),G=A(!1),O=A(!1),he=A(!1),ne=A(""),ve=A(""),me=[{name:"nomic-embed-text",description:"Nomic — 137M params, fast & good",size:"274 MB"},{name:"mxbai-embed-large",description:"mixedbread.ai — 335M params, high quality",size:"670 MB"},{name:"all-minilm",description:"MiniLM — 23M params, very lightweight",size:"46 MB"},{name:"snowflake-arctic-embed",description:"Snowflake — 110M params, balanced",size:"229 MB"}];async function ge(f){he.value=!0,ve.value=f,ne.value="Starting download...";try{await Pe.pullModel(f,(S,k,T)=>{if(k&&T){const j=Math.round(k/T*100);ne.value=`${S} ${j}%`}else ne.value=S}),ne.value="Done!",await I.fetchModels(),b.settings.ragMemory.embeddingModel=f}catch(S){ne.value=`Failed: ${S instanceof Error?S.message:"Unknown error"}`}finally{he.value=!1,setTimeout(()=>{ne.value="",ve.value=""},3e3)}}return(f,S)=>(h(),m("div",Pa,[r("div",ja,[r("div",null,[r("label",Ba,d(f.$t("dashboard.settings.systemPrompt")),1),W(r("textarea",{"onUpdate:modelValue":S[0]||(S[0]=k=>n.value=k),rows:"6",class:"w-full resize-y rounded-lg border border-border-default bg-surface px-3 py-2 text-sm text-text-primary placeholder-text-muted outline-none focus:border-accent",placeholder:f.$t("dashboard.settings.systemPromptPlaceholder")},null,8,La),[[X,n.value]]),r("p",Fa,d(f.$t("dashboard.settings.systemPromptHint")),1)]),r("div",Oa,[r("div",qa,[r("span",Ua,d(f.$t("dashboard.settings.knowledgeBase")),1),r("span",{class:E(["rounded-full px-1.5 py-0.5 text-[9px] font-medium",t.ragEnabled&&x(H).readyDocuments.length>0?"bg-accent/10 text-accent":"bg-surface-overlay text-text-muted"])},d(t.ragEnabled&&x(H).readyDocuments.length>0?f.$t("dashboard.settings.kbEnabled"):f.$t("dashboard.settings.kbDisabled")),3)]),r("button",{class:E(["h-4 w-7 shrink-0 rounded-full transition-colors",t.ragEnabled&&x(H).readyDocuments.length>0?"bg-accent":"bg-surface-overlay"]),disabled:x(H).readyDocuments.length===0,onClick:S[1]||(S[1]=k=>o("update:ragEnabled",!t.ragEnabled))},[r("span",{class:E(["block h-3 w-3 rounded-full bg-white transition-transform",t.ragEnabled&&x(H).readyDocuments.length>0?"translate-x-3.5":"translate-x-0.5"])},null,2)],10,Va)]),x(H).readyDocuments.length>0?(h(),m("p",Ha,[Te(d(x(H).enabledDocuments.length)+"/"+d(x(H).readyDocuments.length)+" "+d(f.$t("dashboard.settings.documents"))+" · ",1),r("button",{class:"text-accent hover:underline",onClick:S[2]||(S[2]=k=>x(z).push("/rag"))},d(f.$t("dashboard.settings.manage")),1)])):(h(),m("p",Ga,[Te(d(f.$t("dashboard.settings.noDocumentsIngested"))+" · ",1),r("button",{class:"text-accent hover:underline",onClick:S[3]||(S[3]=k=>x(z).push("/rag"))},d(f.$t("dashboard.settings.addDocuments")),1)])),r("div",null,[r("div",Wa,[r("label",Za,d(f.$t("dashboard.settings.temperature")),1),r("span",Ka,d(l.value.toFixed(2)),1)]),W(r("input",{"onUpdate:modelValue":S[4]||(S[4]=k=>l.value=k),type:"range",min:"0",max:"2",step:"0.05",class:"w-full accent-accent"},null,512),[[X,l.value,void 0,{number:!0}]]),r("div",Qa,[r("span",null,d(f.$t("dashboard.settings.precise")),1),r("span",null,d(f.$t("dashboard.settings.creative")),1)])]),r("div",null,[r("div",Ja,[r("label",Xa,d(f.$t("dashboard.settings.maxTokens")),1),r("span",Ya,d(a.value===-1?f.$t("dashboard.settings.unlimited"):a.value),1)]),W(r("input",{"onUpdate:modelValue":S[5]||(S[5]=k=>a.value=k),type:"number",min:"-1",max:"32768",class:"w-full rounded-lg border border-border-default bg-surface px-3 py-1.5 text-sm text-text-primary outline-none focus:border-accent",placeholder:f.$t("dashboard.settings.maxTokensPlaceholder")},null,8,er),[[X,a.value,void 0,{number:!0}]]),r("p",tr,d(f.$t("dashboard.settings.maxTokensHint")),1)]),r("div",null,[r("div",sr,[r("label",nr,d(f.$t("dashboard.settings.contextWindow")),1),r("span",or,d(c.value.toLocaleString()),1)]),W(r("select",{"onUpdate:modelValue":S[6]||(S[6]=k=>c.value=k),class:"w-full rounded-lg border border-border-default bg-surface px-3 py-1.5 text-sm text-text-primary outline-none focus:border-accent"},[...S[25]||(S[25]=[r("option",{value:2048},"2,048",-1),r("option",{value:4096},"4,096",-1),r("option",{value:8192},"8,192",-1),r("option",{value:16384},"16,384",-1),r("option",{value:32768},"32,768",-1),r("option",{value:65536},"65,536",-1),r("option",{value:131072},"131,072",-1)])],512),[[tt,c.value,void 0,{number:!0}]]),r("p",ar,d(f.$t("dashboard.settings.contextWindowHint")),1)]),r("button",{class:"flex w-full items-center justify-between rounded-lg px-3 py-2 text-xs text-text-secondary hover:bg-surface-overlay transition-colors",onClick:S[7]||(S[7]=k=>K.value=!K.value)},[r("span",null,d(f.$t("dashboard.settings.advancedSampling")),1),r("span",{class:E(["transition-transform",{"rotate-180":K.value}])},"▾",2)]),K.value?(h(),m("div",rr,[r("div",null,[r("div",lr,[r("label",ir,d(f.$t("dashboard.settings.topP")),1),r("span",cr,d(i.value.toFixed(2)),1)]),W(r("input",{"onUpdate:modelValue":S[8]||(S[8]=k=>i.value=k),type:"range",min:"0",max:"1",step:"0.05",class:"w-full accent-accent"},null,512),[[X,i.value,void 0,{number:!0}]]),r("p",ur,d(f.$t("dashboard.settings.topPHint")),1)]),r("div",null,[r("div",dr,[r("label",pr,d(f.$t("dashboard.settings.topK")),1),r("span",hr,d(p.value),1)]),W(r("input",{"onUpdate:modelValue":S[9]||(S[9]=k=>p.value=k),type:"range",min:"1",max:"100",step:"1",class:"w-full accent-accent"},null,512),[[X,p.value,void 0,{number:!0}]]),r("p",mr,d(f.$t("dashboard.settings.topKHint")),1)]),r("div",null,[r("div",gr,[r("label",fr,d(f.$t("dashboard.settings.repeatPenalty")),1),r("span",xr,d(u.value.toFixed(2)),1)]),W(r("input",{"onUpdate:modelValue":S[10]||(S[10]=k=>u.value=k),type:"range",min:"1.0",max:"2.0",step:"0.05",class:"w-full accent-accent"},null,512),[[X,u.value,void 0,{number:!0}]]),r("p",br,d(f.$t("dashboard.settings.repeatPenaltyHint")),1)]),r("div",null,[r("div",vr,[r("label",yr,d(f.$t("dashboard.settings.mirostat")),1),r("span",kr,d(C.value===0?f.$t("dashboard.settings.mirostatOff"):`v${C.value}`),1)]),W(r("select",{"onUpdate:modelValue":S[11]||(S[11]=k=>C.value=k),class:"w-full rounded-lg border border-border-default bg-surface px-3 py-1.5 text-sm text-text-primary outline-none focus:border-accent"},[r("option",wr,d(f.$t("dashboard.settings.mirostatDisabled")),1),r("option",$r,d(f.$t("dashboard.settings.mirostatV1")),1),r("option",Sr,d(f.$t("dashboard.settings.mirostatV2")),1)],512),[[tt,C.value,void 0,{number:!0}]]),r("p",_r,d(f.$t("dashboard.settings.mirostatHint")),1)]),r("div",null,[r("div",Cr,[r("label",Tr,d(f.$t("dashboard.settings.seed")),1),r("span",Mr,d(g.value===-1?f.$t("dashboard.settings.seedRandom"):g.value),1)]),W(r("input",{"onUpdate:modelValue":S[12]||(S[12]=k=>g.value=k),type:"number",min:"-1",class:"w-full rounded-lg border border-border-default bg-surface px-3 py-1.5 text-sm text-text-primary outline-none focus:border-accent",placeholder:f.$t("dashboard.settings.seedPlaceholder")},null,8,Rr),[[X,g.value,void 0,{number:!0}]]),r("p",Ar,d(f.$t("dashboard.settings.seedHint")),1)]),r("div",null,[r("label",Nr,d(f.$t("dashboard.settings.stopSequences")),1),W(r("input",{"onUpdate:modelValue":S[13]||(S[13]=k=>v.value=k),type:"text",class:"w-full rounded-lg border border-border-default bg-surface px-3 py-1.5 text-sm text-text-primary placeholder-text-muted outline-none focus:border-accent",placeholder:f.$t("dashboard.settings.stopSequencesPlaceholder")},null,8,zr),[[X,v.value]]),r("p",Er,d(f.$t("dashboard.settings.stopSequencesHint")),1)])])):N("",!0),V.value?(h(),m(q,{key:3},[r("button",{class:"flex w-full items-center justify-between rounded-lg px-3 py-2 text-xs text-text-secondary hover:bg-surface-overlay transition-colors",onClick:S[14]||(S[14]=k=>G.value=!G.value)},[r("span",null,[Te(d(f.$t("dashboard.settings.tools"))+" ",1),x(_).enabledDefinitions.length>0?(h(),m("span",Ir," ("+d(x(_).enabledDefinitions.length)+" "+d(f.$t("dashboard.settings.active"))+") ",1)):N("",!0)]),r("span",{class:E(["transition-transform",{"rotate-180":G.value}])},"▾",2)]),G.value?(h(),m("div",Dr,[x(_).allTools.length>0?(h(),m("div",Pr,[(h(!0),m(q,null,Q(x(_).allTools,k=>(h(),m("div",{key:k.id,class:"flex items-center gap-2 rounded-md bg-surface px-2 py-1.5 text-[11px]"},[r("button",{class:E(["h-4 w-7 shrink-0 rounded-full transition-colors",k.enabled?"bg-accent":"bg-surface-overlay"]),onClick:T=>x(_).toggleEnabled(k.id)},[r("span",{class:E(["block h-3 w-3 rounded-full bg-white transition-transform",k.enabled?"translate-x-3.5":"translate-x-0.5"])},null,2)],10,jr),r("span",{class:E(["font-mono",k.enabled?"text-text-primary":"text-text-muted"])},d(k.definition.function.name),3)]))),128))])):(h(),m("p",Br,d(f.$t("dashboard.settings.noToolsDefined")),1)),r("button",{class:"w-full rounded-lg border border-dashed border-border-default px-3 py-1.5 text-[11px] text-text-muted hover:border-accent hover:text-text-primary transition-colors",onClick:S[15]||(S[15]=k=>x(z).push("/tools"))},d(f.$t("dashboard.settings.manageInToolWorkshop")),1)])):N("",!0)],64)):N("",!0),r("button",{class:"flex w-full items-center justify-between rounded-lg px-3 py-2 text-xs text-text-secondary hover:bg-surface-overlay transition-colors",onClick:S[16]||(S[16]=k=>O.value=!O.value)},[r("span",null,[Te(d(f.$t("dashboard.memory.memory"))+" ",1),x(b).factCount>0?(h(),m("span",Lr," ("+d(x(b).factCount)+" "+d(f.$t("dashboard.memory.facts"))+") ",1)):N("",!0)]),r("span",{class:E(["transition-transform",{"rotate-180":O.value}])},"▾",2)]),O.value?(h(),m("div",Fr,[r("div",Or,[r("div",null,[r("p",qr,d(f.$t("dashboard.memory.slidingWindow")),1),r("p",Ur,d(f.$t("dashboard.memory.slidingWindowHint")),1)]),r("button",{class:E(["h-4 w-7 shrink-0 rounded-full transition-colors",x(b).settings.slidingWindow.enabled?"bg-accent":"bg-surface-overlay"]),onClick:S[17]||(S[17]=k=>x(b).settings.slidingWindow.enabled=!x(b).settings.slidingWindow.enabled)},[r("span",{class:E(["block h-3 w-3 rounded-full bg-white transition-transform",x(b).settings.slidingWindow.enabled?"translate-x-3.5":"translate-x-0.5"])},null,2)],2)]),x(b).settings.slidingWindow.enabled?(h(),m("div",Vr,[r("div",Hr,[r("label",Gr,d(f.$t("dashboard.memory.maxMessages")),1),r("span",Wr,d(x(b).settings.slidingWindow.maxMessages),1)]),W(r("input",{"onUpdate:modelValue":S[18]||(S[18]=k=>x(b).settings.slidingWindow.maxMessages=k),type:"range",min:"10",max:"200",step:"10",class:"w-full accent-accent"},null,512),[[X,x(b).settings.slidingWindow.maxMessages,void 0,{number:!0}]])])):N("",!0),r("div",Zr,[r("div",null,[r("p",Kr,d(f.$t("dashboard.memory.autoSummarize")),1),r("p",Qr,d(f.$t("dashboard.memory.autoSummarizeHint")),1)]),r("button",{class:E(["h-4 w-7 shrink-0 rounded-full transition-colors",x(b).settings.autoSummarize.enabled?"bg-accent":"bg-surface-overlay"]),onClick:S[19]||(S[19]=k=>x(b).settings.autoSummarize.enabled=!x(b).settings.autoSummarize.enabled)},[r("span",{class:E(["block h-3 w-3 rounded-full bg-white transition-transform",x(b).settings.autoSummarize.enabled?"translate-x-3.5":"translate-x-0.5"])},null,2)],2)]),x(b).settings.autoSummarize.enabled?(h(),m("div",Jr,[r("div",Xr,[r("label",Yr,d(f.$t("dashboard.memory.triggerAfter")),1),r("span",el,d(x(b).settings.autoSummarize.triggerThreshold)+" "+d(f.$t("dashboard.memory.messages")),1)]),W(r("input",{"onUpdate:modelValue":S[20]||(S[20]=k=>x(b).settings.autoSummarize.triggerThreshold=k),type:"range",min:"10",max:"100",step:"5",class:"w-full accent-accent"},null,512),[[X,x(b).settings.autoSummarize.triggerThreshold,void 0,{number:!0}]])])):N("",!0),r("div",tl,[r("div",null,[r("p",sl,d(f.$t("dashboard.memory.userMemories")),1),r("p",nl,d(f.$t("dashboard.memory.userMemoriesHint")),1)]),r("button",{class:E(["h-4 w-7 shrink-0 rounded-full transition-colors",x(b).settings.userFacts.enabled?"bg-accent":"bg-surface-overlay"]),onClick:S[21]||(S[21]=k=>x(b).settings.userFacts.enabled=!x(b).settings.userFacts.enabled)},[r("span",{class:E(["block h-3 w-3 rounded-full bg-white transition-transform",x(b).settings.userFacts.enabled?"translate-x-3.5":"translate-x-0.5"])},null,2)],2)]),x(b).settings.userFacts.enabled&&x(b).facts.length>0?(h(),m("div",ol,[(h(!0),m(q,null,Q(x(b).facts,k=>(h(),m("div",{key:k.id,class:"flex items-center gap-2 rounded-md bg-surface px-2 py-1 text-[11px]"},[r("span",al,d(k.content),1),r("button",{class:"shrink-0 text-text-muted hover:text-error transition-colors",onClick:T=>x(b).removeFact(k.id)},[P(x(Je),{class:"h-3 w-3"})],8,rl)]))),128))])):N("",!0),r("div",ll,[r("div",null,[r("p",il,d(f.$t("dashboard.memory.messageMemoryRag")),1),r("p",cl,d(f.$t("dashboard.memory.messageMemoryHint")),1)]),r("button",{class:E(["h-4 w-7 shrink-0 rounded-full transition-colors",x(b).settings.ragMemory.enabled?"bg-accent":"bg-surface-overlay"]),onClick:S[22]||(S[22]=k=>x(b).settings.ragMemory.enabled=!x(b).settings.ragMemory.enabled)},[r("span",{class:E(["block h-3 w-3 rounded-full bg-white transition-transform",x(b).settings.ragMemory.enabled?"translate-x-3.5":"translate-x-0.5"])},null,2)],2)]),x(b).settings.ragMemory.enabled?(h(),m("div",ul,[r("div",null,[r("label",dl,d(f.$t("dashboard.memory.embeddingModel")),1),W(r("select",{"onUpdate:modelValue":S[23]||(S[23]=k=>x(b).settings.ragMemory.embeddingModel=k),class:"w-full rounded-lg border border-border-default bg-surface px-2 py-1 text-xs text-text-primary outline-none focus:border-accent"},[r("option",pl,d(f.$t("dashboard.memory.selectEmbeddingModel")),1),(h(!0),m(q,null,Q(x(I).embeddingModelNames,k=>(h(),m("option",{key:k,value:k},d(k)+" "+d(x(I).capabilityIcons(k)),9,hl))),128))],512),[[tt,x(b).settings.ragMemory.embeddingModel]])]),x(I).embeddingModelNames.length===0?(h(),m("div",ml,[r("p",gl,d(f.$t("dashboard.memory.noEmbeddingModels")),1),r("div",fl,[(h(),m(q,null,Q(me,k=>r("div",{key:k.name,class:"flex items-center gap-2"},[r("div",xl,[r("p",bl,d(k.name),1),r("p",vl,d(k.description)+" ("+d(k.size)+")",1)]),r("button",{disabled:he.value,class:"shrink-0 rounded-md bg-accent px-2 py-0.5 text-[10px] text-white hover:bg-accent-hover disabled:opacity-30 transition-colors",onClick:T=>ge(k.name)},d(he.value&&ve.value===k.name?f.$t("dashboard.settings.pulling"):f.$t("dashboard.settings.pull")),9,yl)])),64))]),ne.value?(h(),m("p",kl,d(ne.value),1)):N("",!0)])):N("",!0),r("div",null,[r("div",wl,[r("label",$l,d(f.$t("dashboard.memory.retrieveTop")),1),r("span",Sl,d(x(b).settings.ragMemory.topK)+" "+d(f.$t("dashboard.memory.messages")),1)]),W(r("input",{"onUpdate:modelValue":S[24]||(S[24]=k=>x(b).settings.ragMemory.topK=k),type:"range",min:"1",max:"10",step:"1",class:"w-full accent-accent"},null,512),[[X,x(b).settings.ragMemory.topK,void 0,{number:!0}]])])])):N("",!0)])):N("",!0)])]))}}),Cl={class:"flex h-full flex-col"},Tl={key:0,class:"absolute left-1/2 top-16 z-50 -translate-x-1/2 rounded-xl border border-border-default bg-surface-raised px-4 py-3 shadow-lg"},Ml={class:"flex items-start gap-3"},Rl={class:"max-w-md whitespace-pre-wrap text-sm text-text-primary"},Al={class:"flex items-center justify-between border-b border-border-default bg-surface-raised px-4 py-2"},Nl={class:"flex items-center gap-3"},zl={class:"relative"},El={key:0,class:"text-text-muted"},Il={key:0,class:"absolute left-0 top-full z-50 mt-1 max-h-64 w-max min-w-full overflow-y-auto rounded-lg border border-border-default bg-surface-raised shadow-lg"},Dl=["onMousedown"],Pl={key:0,class:"flex items-center"},jl=["title"],Bl={class:"truncate"},Ll={class:"flex items-center gap-2"},Fl={class:"relative"},Ol={key:1,class:"absolute end-0 top-full z-20 mt-1 w-48 rounded-lg border border-border-default bg-surface-raised shadow-lg py-1"},ql={class:"flex flex-1 min-h-0"},Ul={key:0,class:"w-64 shrink-0 border-e border-border-default bg-surface-raised flex flex-col"},Vl={class:"flex items-center justify-between border-b border-border-default px-4 py-2"},Hl={class:"text-xs font-medium text-text-secondary"},Gl={class:"flex-1 overflow-y-auto p-2"},Wl={key:0,class:"px-2 py-4 text-[10px] text-text-muted italic text-center"},Zl={key:1,class:"space-y-0.5"},Kl=["onClick"],Ql={key:0,class:"flex-1 min-w-0"},Jl=["onBlur","onKeydown"],Xl={class:"flex-1 min-w-0"},Yl={class:"truncate text-[11px]"},ei={class:"truncate text-[9px] text-text-muted"},ti={class:"hidden shrink-0 items-center gap-0.5 group-hover:flex"},si=["title","onClick"],ni=["title","onClick"],oi={class:"flex flex-1 flex-col min-w-0"},ai={key:0,class:"mx-4 mt-2 rounded-lg border border-error/30 bg-error/10 px-4 py-2.5 text-sm text-error"},ri={class:"font-medium"},li={key:1,class:"w-72 shrink-0 border-s border-border-default bg-surface-raised"},ii={class:"flex items-center justify-between border-b border-border-default px-4 py-2"},ci={class:"text-xs font-medium text-text-secondary"},ui=se({__name:"ChatConversation",setup(t){const{t:e}=Vt(),s=Gt(),o=Wt(),n=it(),l=Xe(),a=Qt(),c=lt(),i=ct(),p=es(),u=Kt(),g=ts(),{isStreaming:v,currentSessionId:C,startChatStream:_,cancel:z}=xn(),b=A(""),I=A(!1);function H(){setTimeout(()=>{I.value=!1},150)}const V=A(!0),K=A(!1),G=A(!1),O=A(!1);function he(){const y=de.value;if(!y||y.messages.length===0)return;const $=JSON.stringify(y.messages,null,2),w=new Blob([$],{type:"application/json"}),M=URL.createObjectURL(w),R=document.createElement("a");R.href=M,R.download=`chat-${y.id}.json`,R.click(),URL.revokeObjectURL(M),O.value=!1}function ne(){const y=de.value;if(!y||y.messages.length===0)return;const $=y.messages.map(Y=>{const xe=Y.role.charAt(0).toUpperCase()+Y.role.slice(1),oe=new Date(Y.timestamp).toLocaleString();return`### ${xe}
|
|
93
93
|
*${oe}*
|
|
94
94
|
|
|
@@ -104,7 +104,7 @@ ${$.join(`
|
|
|
104
104
|
*Generated by LLMxRay — Local LLM Observatory*
|
|
105
105
|
`,M=new Blob([w],{type:"text/markdown"}),R=URL.createObjectURL(M),L=document.createElement("a");L.href=R,L.download=`chat-${y.id}.md`,L.click(),URL.revokeObjectURL(R),O.value=!1}function ve(){const y=de.value;if(!y||y.messages.length===0)return;const $=y.messages.map(L=>`[${L.role}] ${L.content}`).join(`
|
|
106
106
|
|
|
107
|
-
`),w=new Blob([$],{type:"text/plain"}),M=URL.createObjectURL(w),R=document.createElement("a");R.href=M,R.download=`chat-${y.id}.txt`,R.click(),URL.revokeObjectURL(M),O.value=!1}const me=A(null),ge=A("");function f(y){o.setActiveConversation(y)}function S(y,$){me.value=y,ge.value=$}function k(y){const $=ge.value.trim();$&&o.renameConversation(y,$),me.value=null}function T(){me.value=null}function j(y,$){y.key==="Enter"?k($):y.key==="Escape"&&T()}function ie(y){const w=Date.now()-y,M=Math.floor(w/6e4);if(M<1)return e("common.time.justNow");if(M<60)return e("dashboard.conversation.minutesAgo",{n:M});const R=Math.floor(M/60);if(R<24)return e("dashboard.conversation.hoursAgo",{n:R});const L=Math.floor(R/24);return L<7?e("dashboard.conversation.daysAgo",{n:L}):new Date(y).toLocaleDateString()}const U=A({systemPrompt:"",options:{}}),fe=A(null);let Me=null;const de=B(()=>o.activeConversation),Be=B(()=>de.value?.messages??[]),xs=B(()=>n.isVisionModel(b.value)),vt=B(()=>{const y=Se.value??C.value;if(!y)return null;const $=l.sessionById(y);return $?.status==="error"&&$.error?$.error:null}),Se=B(()=>{const y=Be.value;for(let $=y.length-1;$>=0;$--)if(y[$].sessionId)return y[$].sessionId;return null}),_e=A(e("dashboard.conversation.untitled")),Re=A(!1),Le=A(""),yt=B(()=>de.value?.name??_e.value);function bs(){Le.value=yt.value,Re.value=!0}function kt(){const y=Le.value.trim();if(!y){Re.value=!1;return}de.value?o.renameConversation(de.value.id,y):_e.value=y,Re.value=!1}function vs(){Re.value=!1}function ys(y){y.key==="Enter"?kt():y.key==="Escape"&&vs()}Ht(async()=>{await n.fetchModels(),n.chatModelNames.length>0&&!b.value&&(b.value=n.chatModelNames[0]),await a.loadDocuments()}),te(b,y=>{if(!y)return;const $=n.getModelDefaults(y);Object.keys($).length>0&&(U.value={systemPrompt:U.value.systemPrompt,options:{...$}})}),te(()=>o.activeConversationId,async y=>{if(!y)return;const $=o.conversations.get(y);if($){$.model&&n.chatModelNames.includes($.model)&&(b.value=$.model);try{const w=await
|
|
107
|
+
`),w=new Blob([$],{type:"text/plain"}),M=URL.createObjectURL(w),R=document.createElement("a");R.href=M,R.download=`chat-${y.id}.txt`,R.click(),URL.revokeObjectURL(M),O.value=!1}const me=A(null),ge=A("");function f(y){o.setActiveConversation(y)}function S(y,$){me.value=y,ge.value=$}function k(y){const $=ge.value.trim();$&&o.renameConversation(y,$),me.value=null}function T(){me.value=null}function j(y,$){y.key==="Enter"?k($):y.key==="Escape"&&T()}function ie(y){const w=Date.now()-y,M=Math.floor(w/6e4);if(M<1)return e("common.time.justNow");if(M<60)return e("dashboard.conversation.minutesAgo",{n:M});const R=Math.floor(M/60);if(R<24)return e("dashboard.conversation.hoursAgo",{n:R});const L=Math.floor(R/24);return L<7?e("dashboard.conversation.daysAgo",{n:L}):new Date(y).toLocaleDateString()}const U=A({systemPrompt:"",options:{}}),fe=A(null);let Me=null;const de=B(()=>o.activeConversation),Be=B(()=>de.value?.messages??[]),xs=B(()=>n.isVisionModel(b.value)),vt=B(()=>{const y=Se.value??C.value;if(!y)return null;const $=l.sessionById(y);return $?.status==="error"&&$.error?$.error:null}),Se=B(()=>{const y=Be.value;for(let $=y.length-1;$>=0;$--)if(y[$].sessionId)return y[$].sessionId;return null}),_e=A(e("dashboard.conversation.untitled")),Re=A(!1),Le=A(""),yt=B(()=>de.value?.name??_e.value);function bs(){Le.value=yt.value,Re.value=!0}function kt(){const y=Le.value.trim();if(!y){Re.value=!1;return}de.value?o.renameConversation(de.value.id,y):_e.value=y,Re.value=!1}function vs(){Re.value=!1}function ys(y){y.key==="Enter"?kt():y.key==="Escape"&&vs()}Ht(async()=>{await n.fetchModels(),n.chatModelNames.length>0&&!b.value&&(b.value=n.chatModelNames[0]),await a.loadDocuments()}),te(b,y=>{if(!y)return;const $=n.getModelDefaults(y);Object.keys($).length>0&&(U.value={systemPrompt:U.value.systemPrompt,options:{...$}})}),te(()=>o.activeConversationId,async y=>{if(!y)return;const $=o.conversations.get(y);if($){$.model&&n.chatModelNames.includes($.model)&&(b.value=$.model);try{const w=await Os.getSessionsByConversation(y);for(const M of w)l.sessionById(M.id)||(l.sessions.set(M.id,{id:M.id,mode:M.mode,model:M.model,status:M.status,createdAt:M.createdAt,prompt:M.prompt,messages:M.messages,options:M.options,outputText:M.outputText,metrics:M.metrics,error:M.error,doneReason:M.doneReason}),l.linkSessionToConversation(M.id,y)),await u.loadTokens(M.id)}catch(w){console.error("Failed to restore sessions for conversation:",w)}}});async function wt(y,$=[]){if(!b.value)return;let w=o.activeConversationId;w||(w=o.createConversation(b.value),_e.value!==e("dashboard.conversation.untitled")&&o.renameConversation(w,_e.value),_e.value=e("dashboard.conversation.untitled"));const M=o.conversations.get(w);M&&M.model!==b.value&&(M.model=b.value);const R=$.filter(Z=>Z.type==="document"&&Z.content),L=$.filter(Z=>Z.type==="image"&&Z.content);let Y=y;R.length>0&&(Y=R.map(ee=>`[Attached: ${ee.name}]
|
|
108
108
|
${ee.content}`).join(`
|
|
109
109
|
|
|
110
110
|
`)+`
|
|
@@ -113,4 +113,4 @@ ${ee.content}`).join(`
|
|
|
113
113
|
|
|
114
114
|
`+y);const xe={id:be(),conversationId:w,role:"user",content:Y,timestamp:Date.now(),isStreaming:!1,attachments:$.length>0?$:void 0};o.addMessage(w,xe);const oe=be(),Fe={id:oe,conversationId:w,role:"assistant",content:"",timestamp:Date.now(),isStreaming:!0};o.addMessage(w,Fe);const pe=o.getMessagesAsOllamaFormat(w).slice(0,-1);if(L.length>0){const Z=[...pe].reverse().find(ee=>ee.role==="user");Z&&(Z.images=L.map(ee=>ee.content.replace(/^data:[^;]+;base64,/,"")))}if(U.value.systemPrompt.trim()&&pe.unshift({role:"system",content:U.value.systemPrompt.trim()}),V.value&&a.enabledDocuments.length>0)try{const Z=await a.getContextForQuery(y,b.value,5);Z&&pe.unshift({role:"system",content:Z})}catch{}let $t=pe;try{const Z=p.getSummary(w)?.summary,ee=await Rn({conversationId:w,messages:pe,model:b.value,settings:p.settings,userFactsPrompt:p.getFactsAsSystemPrompt(),existingSummary:Z});if($t=ee.messages,ee.newSummary){const ae=pe.filter(St=>St.role!=="system");p.setSummary(w,ee.newSummary,ae.length)}}catch{}try{const Z={...de.value?.options,...U.value.options},ee=i.enabledDefinitions,ae=await _(b.value,$t,Z,ee.length>0?ee:void 0),_t=o.conversations.get(w)?.messages.find(ce=>ce.id===oe);_t&&(_t.sessionId=ae),l.linkSessionToConversation(ae,w);const Ts=te(()=>l.sessionById(ae)?.outputText,ce=>{ce!==void 0&&o.updateAssistantContent(w,oe,ce)}),Ct=w,Ms=y,Rs=te(()=>l.sessionById(ae)?.status,ce=>{if(ce==="completed"||ce==="error"||ce==="cancelled"){if(o.finalizeMessage(Ct,oe),v.value=!1,Ts(),Rs(),u.persistTokens(ae),ce==="completed"){const qe=l.sessionById(ae),As=(qe?.outputText??"").replace(/<think>[\s\S]*?<\/think>/g,"").trim(),Ns=c.getMetrics(ae),zs=Mn(oe,ae,As,Ns?.completionTokenCount??0,U.value.options.num_predict,qe?.doneReason);g.setReport(oe,zs)}if(ce==="completed"&&p.settings.ragMemory.enabled&&p.settings.ragMemory.embeddingModel){const qe=l.sessionById(ae)?.outputText??"";An(Ct,[{role:"user",content:Ms,timestamp:xe.timestamp},{role:"assistant",content:qe,timestamp:Date.now()}],p.settings.ragMemory.embeddingModel).catch(()=>{})}}})}catch{o.finalizeMessage(w,oe)}}function ks(){z()}function ws(){o.setActiveConversation(null),_e.value=e("dashboard.conversation.untitled")}function $s(y){s.push({name:"session",params:{id:y}})}function ye(y){fe.value=y,Me&&clearTimeout(Me),Me=setTimeout(()=>{fe.value=null},5e3)}function Ss(){fe.value=null,Me&&clearTimeout(Me)}const _s={systemPrompt:"",options:{}};async function Cs(y,$){const w=vn(y);if(!w){ye(`Unknown command: /${y}. Type /help for available commands.`);return}const M={clearConversation:()=>o.setActiveConversation(null),newChat:()=>o.setActiveConversation(null),sendAsUser:R=>wt(R),copyLastResponse:()=>{const R=Be.value.filter(Y=>Y.role==="assistant"),L=R[R.length-1];L?.content?(navigator.clipboard.writeText(L.content),ye("Copied to clipboard.")):ye("No assistant response to copy.")},exportConversation:R=>{const L=de.value;if(!L||L.messages.length===0){ye("No conversation to export.");return}let Y,xe;R==="json"?(Y=JSON.stringify(L.messages,null,2),xe=`chat-${L.id}.json`):(Y=L.messages.map(pe=>`[${pe.role}] ${pe.content}`).join(`
|
|
115
115
|
|
|
116
|
-
`),xe=`chat-${L.id}.txt`);const oe=new Blob([Y],{type:"text/plain"}),Fe=URL.createObjectURL(oe),Oe=document.createElement("a");Oe.href=Fe,Oe.download=xe,Oe.click(),URL.revokeObjectURL(Fe)},setSystemPrompt:R=>{U.value={...U.value,systemPrompt:R}},setOption:(R,L)=>{U.value={...U.value,options:{...U.value.options,[R]:L}}},resetSettings:()=>{U.value={..._s}},setJsonFormat:R=>{ye("JSON format toggled. This affects the next request.")},switchModel:R=>{b.value=R},availableModels:n.chatModelNames,currentModel:b.value,toggleRag:()=>{V.value=!V.value},ragEnabled:V.value,navigate:R=>s.push(R),openSettings:()=>{K.value=!0},openSessionDetails:()=>{const R=Se.value;R?s.push({name:"session",params:{id:R}}):ye("No active session.")},addFact:R=>p.addFact(R),removeFact:R=>p.removeFactByContent(R),getFacts:()=>p.facts,showNotification:ye,messages:Be.value,chatSettings:U,currentSessionId:Se.value??C.value,getSessionTokenCount:()=>{const R=Se.value??C.value;if(!R)return null;const L=c.getMetrics(R);return L?{prompt:L.promptTokenCount,completion:L.completionTokenCount}:null},getAverageSpeed:()=>{const R=c.aggregate;return R.totalSessions>0?R.avgTps:null},getOllamaStatus:async()=>{try{return{connected:(await fetch("/api/tags")).ok,model:b.value}}catch{return{connected:!1,model:b.value}}}};await w.execute($,M)}return(y,$)=>(h(),m("div",Cl,[P(Ut,{"enter-active-class":"transition-all duration-200 ease-out","enter-from-class":"opacity-0 -translate-y-2","leave-active-class":"transition-all duration-150 ease-in","leave-to-class":"opacity-0 -translate-y-2"},{default:qt(()=>[fe.value?(h(),m("div",Tl,[r("div",Ml,[r("p",Rl,d(fe.value),1),r("button",{class:"shrink-0 text-text-muted hover:text-text-primary transition-colors text-xs",onClick:Ss}," ✕ ")])])):N("",!0)]),_:1}),r("div",Al,[r("div",Nl,[r("div",zl,[r("button",{class:"flex items-center gap-2 rounded-lg border border-border-default bg-surface px-3 py-1.5 text-sm text-text-primary outline-none hover:border-accent/50 focus:border-accent",onClick:$[0]||($[0]=w=>I.value=!I.value),onBlur:H},[b.value?(h(),m(q,{key:1},[r("span",null,d(b.value),1),P(Tt,{"model-name":b.value},null,8,["model-name"])],64)):(h(),m("span",El,d(y.$t("common.model.noModels")),1)),P(x(Vs),{class:E(["h-3 w-3 text-text-muted transition-transform",I.value?"rotate-180":""])},null,8,["class"])],32),I.value?(h(),m("div",Il,[(h(!0),m(q,null,Q(x(n).chatModelNames,w=>(h(),m("button",{key:w,class:E(["flex w-full items-center gap-2 px-3 py-1.5 text-start text-sm transition-colors",w===b.value?"bg-accent/10 text-accent":"text-text-primary hover:bg-surface-overlay"]),onMousedown:He(M=>{b.value=w,I.value=!1},["prevent"])},[r("span",null,d(w),1),P(Tt,{"model-name":w},null,8,["model-name"])],42,Dl))),128))])):N("",!0)]),Re.value?(h(),m("div",Pl,[W(r("input",{"onUpdate:modelValue":$[1]||($[1]=w=>Le.value=w),class:"w-48 rounded border border-accent bg-surface px-2 py-0.5 text-xs text-text-primary outline-none",onBlur:kt,onKeydown:ys,onVnodeMounted:$[2]||($[2]=w=>{w.el.focus(),w.el.select()})},null,544),[[X,Le.value]])])):(h(),m("button",{key:1,class:"flex items-center gap-1 rounded px-1.5 py-0.5 text-xs text-text-muted hover:text-text-primary hover:bg-surface-overlay transition-colors truncate max-w-[200px]",title:y.$t("dashboard.conversation.clickToRename"),onClick:bs},[r("span",Bl,d(yt.value),1),P(x(Mt),{class:"h-2.5 w-2.5 shrink-0 opacity-0 group-hover:opacity-100"})],8,jl))]),r("div",Ll,[Se.value?(h(),m("button",{key:0,class:"rounded-lg px-3 py-1.5 text-xs text-accent hover:bg-surface-overlay transition-colors",onClick:$[3]||($[3]=w=>$s(Se.value))},d(y.$t("dashboard.conversation.viewSessionDetails")),1)):N("",!0),r("button",{class:E(["flex items-center gap-1 rounded-lg px-3 py-1.5 text-xs transition-colors",G.value?"bg-accent/10 text-accent":"text-text-secondary hover:bg-surface-overlay hover:text-text-primary"]),onClick:$[4]||($[4]=w=>G.value=!G.value)},[P(x(tn),{class:"h-3.5 w-3.5"}),r("span",null,d(y.$t("dashboard.conversation.history")),1)],2),r("div",Fl,[r("button",{class:E(["flex items-center gap-1 rounded-lg px-3 py-1.5 text-xs transition-colors",O.value?"bg-accent/10 text-accent":"text-text-secondary hover:bg-surface-overlay hover:text-text-primary"]),onClick:$[5]||($[5]=w=>O.value=!O.value)},[P(x(en),{class:"h-3.5 w-3.5"}),r("span",null,d(y.$t("common.actions.export")),1)],2),O.value?(h(),m("div",{key:0,class:"fixed inset-0 z-10",onClick:$[6]||($[6]=w=>O.value=!1)})):N("",!0),O.value?(h(),m("div",Ol,[r("button",{class:"w-full px-3 py-2 text-start text-xs text-text-secondary hover:bg-surface-overlay",onClick:he},d(y.$t("dashboard.export.downloadJson")),1),r("button",{class:"w-full px-3 py-2 text-start text-xs text-text-secondary hover:bg-surface-overlay",onClick:ne},d(y.$t("dashboard.export.downloadMarkdown")),1),r("button",{class:"w-full px-3 py-2 text-start text-xs text-text-secondary hover:bg-surface-overlay",onClick:ve},d(y.$t("dashboard.export.downloadText")),1)])):N("",!0)]),r("button",{class:"rounded-lg px-3 py-1.5 text-xs text-text-secondary hover:bg-surface-overlay hover:text-text-primary transition-colors",onClick:ws},d(y.$t("dashboard.conversation.newChatButton")),1),r("button",{class:E(["flex items-center gap-1 rounded-lg px-3 py-1.5 text-xs transition-colors",K.value?"bg-accent/10 text-accent":"text-text-secondary hover:bg-surface-overlay hover:text-text-primary"]),onClick:$[7]||($[7]=w=>K.value=!K.value)},[P(x(Ls),{class:"h-3.5 w-3.5"}),r("span",null,d(y.$t("dashboard.settings.chatSettings")),1)],2)])]),r("div",ql,[G.value?(h(),m("div",Ul,[r("div",Vl,[r("span",Hl,d(y.$t("dashboard.conversation.chatHistory")),1),r("button",{class:"text-text-muted hover:text-text-primary transition-colors text-xs",onClick:$[8]||($[8]=w=>G.value=!1)}," ✕ ")]),r("div",Gl,[x(o).recentConversations.length===0?(h(),m("p",Wl,d(y.$t("dashboard.conversation.noConversationsYet")),1)):(h(),m("div",Zl,[(h(!0),m(q,null,Q(x(o).recentConversations,w=>(h(),m("div",{key:w.id,class:E(["group flex items-center gap-1 rounded-lg px-2.5 py-2 text-xs transition-colors cursor-pointer",w.id===x(o).activeConversationId?"bg-surface-overlay text-accent":"text-text-secondary hover:bg-surface-overlay hover:text-text-primary"]),onClick:M=>f(w.id)},[me.value===w.id?(h(),m("div",Ql,[W(r("input",{"onUpdate:modelValue":$[9]||($[9]=M=>ge.value=M),class:"w-full rounded bg-surface px-1.5 py-0.5 text-xs text-text-primary outline-none border border-accent",onBlur:M=>k(w.id),onKeydown:M=>j(M,w.id),onVnodeMounted:$[10]||($[10]=M=>{M.el.focus(),M.el.select()})},null,40,Jl),[[X,ge.value]])])):(h(),m(q,{key:1},[r("div",Xl,[r("p",Yl,d(w.name),1),r("p",ei,d(w.model)+" · "+d(ie(w.updatedAt)),1)]),r("div",ti,[r("button",{class:"rounded p-0.5 text-text-muted hover:text-text-primary transition-colors",title:y.$t("dashboard.conversation.rename"),onClick:He(M=>S(w.id,w.name),["stop"])},[P(x(Mt),{class:"h-3 w-3"})],8,si),r("button",{class:"rounded p-0.5 text-text-muted hover:text-error transition-colors",title:y.$t("common.actions.delete"),onClick:He(M=>x(o).deleteConversation(w.id),["stop"])},[P(x(Je),{class:"h-3 w-3"})],8,ni)])],64))],10,Kl))),128))]))])])):N("",!0),r("div",oi,[vt.value?(h(),m("div",ai,[r("span",ri,d(y.$t("common.status.error"))+":",1),Te(" "+d(vt.value),1)])):N("",!0),P(sa,{messages:Be.value},null,8,["messages"]),P(Da,{"is-streaming":x(v),"selected-model":b.value,"is-vision-model":xs.value,onSend:wt,onCommand:Cs,onCancel:ks},null,8,["is-streaming","selected-model","is-vision-model"])]),K.value?(h(),m("div",li,[r("div",ii,[r("span",ci,d(y.$t("dashboard.settings.chatSettings")),1),r("button",{class:"text-text-muted hover:text-text-primary transition-colors text-xs",onClick:$[11]||($[11]=w=>K.value=!1)}," ✕ ")]),P(_l,{modelValue:U.value,"onUpdate:modelValue":$[12]||($[12]=w=>U.value=w),"selected-model":b.value,"rag-enabled":V.value,"onUpdate:ragEnabled":$[13]||($[13]=w=>V.value=w)},null,8,["modelValue","selected-model","rag-enabled"])])):N("",!0)])]))}}),di={class:"rounded-lg border border-border-default bg-surface-raised"},pi={class:"overflow-x-auto"},hi={class:"w-full text-sm"},mi=["onClick"],gi={class:"px-4 py-2 font-medium text-text-primary"},fi={class:"px-4 py-2"},xi={class:"px-4 py-2 text-text-secondary"},bi={class:"px-4 py-2 text-text-secondary"},vi={class:"px-4 py-2 text-text-secondary"},yi={class:"px-4 py-2 text-text-muted"},ki={key:0},wi=se({__name:"SessionHistoryTable",setup(t){const e=Xe();return(s,o)=>(h(),m("div",di,[o[2]||(o[2]=r("div",{class:"px-4 py-3 border-b border-border-default"},[r("h3",{class:"text-sm font-medium text-text-secondary"},"Recent Sessions")],-1)),r("div",pi,[r("table",hi,[o[1]||(o[1]=r("thead",null,[r("tr",{class:"border-b border-border-default text-left text-xs text-text-muted uppercase tracking-wide"},[r("th",{class:"px-4 py-2"},"Model"),r("th",{class:"px-4 py-2"},"Status"),r("th",{class:"px-4 py-2"},"Tokens"),r("th",{class:"px-4 py-2"},"Speed"),r("th",{class:"px-4 py-2"},"Duration"),r("th",{class:"px-4 py-2"},"When")])],-1)),r("tbody",null,[(h(!0),m(q,null,Q(x(e).recentSessions.slice(0,20),n=>(h(),m("tr",{key:n.id,class:"border-b border-border-default last:border-0 hover:bg-surface-overlay cursor-pointer transition-colors",onClick:l=>s.$router.push({name:"session",params:{id:n.id}})},[r("td",gi,d(n.model),1),r("td",fi,[P(Ws,{status:n.status,detail:n.error},null,8,["status","detail"])]),r("td",xi,d(n.metrics?n.metrics.totalTokenCount:"—"),1),r("td",bi,d(n.metrics?x(Ge)(n.metrics.tokensPerSecond):"—"),1),r("td",vi,d(n.metrics?x(Zt)(n.metrics.totalDurationMs):"—"),1),r("td",yi,d(x(Os)(n.createdAt)),1)],8,mi))),128)),x(e).recentSessions.length===0?(h(),m("tr",ki,[...o[0]||(o[0]=[r("td",{colspan:"6",class:"px-4 py-8 text-center text-text-muted"},"No sessions yet",-1)])])):N("",!0)])])])]))}}),$i={class:"flex h-full flex-col"},Si={class:"flex-1 min-h-0"},_i={key:0,class:"border-t border-border-default"},Ci={key:0,class:"max-h-80 overflow-auto px-4 pb-4 space-y-4"},Ti={class:"grid grid-cols-2 gap-3 lg:grid-cols-4"},Mi={key:1,class:"border-t border-border-default px-4 py-2"},Ri={class:"text-[10px] uppercase tracking-wider text-text-muted mb-1"},Ai={class:"flex gap-2 overflow-x-auto pb-1"},Ni=["onClick"],Ki=se({__name:"DashboardPage",setup(t){const e=lt(),s=Wt(),o=A(!1),n=B(()=>e.aggregate),l=B(()=>n.value.totalSessions>0),a=B(()=>s.recentConversations);return(c,i)=>(h(),m("div",$i,[r("div",Si,[P(ui)]),l.value?(h(),m("div",_i,[r("button",{class:"flex w-full items-center justify-between px-4 py-2 text-xs text-text-secondary hover:bg-surface-overlay transition-colors",onClick:i[0]||(i[0]=p=>o.value=!o.value)},[r("span",null,d(n.value.totalSessions)+" "+d(c.$t("dashboard.metrics.sessions"))+" · Avg "+d(x(Ge)(n.value.avgTps)),1),r("span",{class:E(["transition-transform",{"rotate-180":o.value}])},"▾",2)]),o.value?(h(),m("div",Ci,[r("div",Ti,[P(Ue,{label:c.$t("dashboard.metrics.totalSessions"),value:n.value.totalSessions},null,8,["label","value"]),P(Ue,{label:c.$t("dashboard.metrics.avgTtft"),value:x(Zt)(n.value.avgTtftMs)},null,8,["label","value"]),P(Ue,{label:c.$t("dashboard.metrics.avgSpeed"),value:x(Ge)(n.value.avgTps)},null,8,["label","value"]),P(Ue,{label:c.$t("dashboard.metrics.totalTokens"),value:x(Ce)(n.value.totalTokensGenerated),unit:"tok"},null,8,["label","value"])]),P(wi)])):N("",!0)])):N("",!0),a.value.length>1?(h(),m("div",Mi,[r("p",Ri,d(c.$t("dashboard.metrics.recentChats")),1),r("div",Ai,[(h(!0),m(q,null,Q(a.value.slice(0,5),p=>(h(),m("button",{key:p.id,class:E(["shrink-0 rounded-lg px-3 py-1.5 text-xs transition-colors",x(s).activeConversationId===p.id?"bg-accent/10 text-accent":"bg-surface-overlay text-text-secondary hover:text-text-primary"]),onClick:u=>x(s).setActiveConversation(p.id)},d(p.name),11,Ni))),128))])])):N("",!0)]))}});export{Ki as default};
|
|
116
|
+
`),xe=`chat-${L.id}.txt`);const oe=new Blob([Y],{type:"text/plain"}),Fe=URL.createObjectURL(oe),Oe=document.createElement("a");Oe.href=Fe,Oe.download=xe,Oe.click(),URL.revokeObjectURL(Fe)},setSystemPrompt:R=>{U.value={...U.value,systemPrompt:R}},setOption:(R,L)=>{U.value={...U.value,options:{...U.value.options,[R]:L}}},resetSettings:()=>{U.value={..._s}},setJsonFormat:R=>{ye("JSON format toggled. This affects the next request.")},switchModel:R=>{b.value=R},availableModels:n.chatModelNames,currentModel:b.value,toggleRag:()=>{V.value=!V.value},ragEnabled:V.value,navigate:R=>s.push(R),openSettings:()=>{K.value=!0},openSessionDetails:()=>{const R=Se.value;R?s.push({name:"session",params:{id:R}}):ye("No active session.")},addFact:R=>p.addFact(R),removeFact:R=>p.removeFactByContent(R),getFacts:()=>p.facts,showNotification:ye,messages:Be.value,chatSettings:U,currentSessionId:Se.value??C.value,getSessionTokenCount:()=>{const R=Se.value??C.value;if(!R)return null;const L=c.getMetrics(R);return L?{prompt:L.promptTokenCount,completion:L.completionTokenCount}:null},getAverageSpeed:()=>{const R=c.aggregate;return R.totalSessions>0?R.avgTps:null},getOllamaStatus:async()=>{try{return{connected:(await fetch("/api/tags")).ok,model:b.value}}catch{return{connected:!1,model:b.value}}}};await w.execute($,M)}return(y,$)=>(h(),m("div",Cl,[P(Ut,{"enter-active-class":"transition-all duration-200 ease-out","enter-from-class":"opacity-0 -translate-y-2","leave-active-class":"transition-all duration-150 ease-in","leave-to-class":"opacity-0 -translate-y-2"},{default:qt(()=>[fe.value?(h(),m("div",Tl,[r("div",Ml,[r("p",Rl,d(fe.value),1),r("button",{class:"shrink-0 text-text-muted hover:text-text-primary transition-colors text-xs","aria-label":"Dismiss notification",onClick:Ss}," ✕ ")])])):N("",!0)]),_:1}),r("div",Al,[r("div",Nl,[r("div",zl,[r("button",{class:"flex items-center gap-2 rounded-lg border border-border-default bg-surface px-3 py-1.5 text-sm text-text-primary outline-none hover:border-accent/50 focus:border-accent",onClick:$[0]||($[0]=w=>I.value=!I.value),onBlur:H},[b.value?(h(),m(q,{key:1},[r("span",null,d(b.value),1),P(Tt,{"model-name":b.value},null,8,["model-name"])],64)):(h(),m("span",El,d(y.$t("common.model.noModels")),1)),P(x(Ls),{class:E(["h-3 w-3 text-text-muted transition-transform",I.value?"rotate-180":""])},null,8,["class"])],32),I.value?(h(),m("div",Il,[(h(!0),m(q,null,Q(x(n).chatModelNames,w=>(h(),m("button",{key:w,class:E(["flex w-full items-center gap-2 px-3 py-1.5 text-start text-sm transition-colors",w===b.value?"bg-accent/10 text-accent":"text-text-primary hover:bg-surface-overlay"]),onMousedown:He(M=>{b.value=w,I.value=!1},["prevent"])},[r("span",null,d(w),1),P(Tt,{"model-name":w},null,8,["model-name"])],42,Dl))),128))])):N("",!0)]),Re.value?(h(),m("div",Pl,[W(r("input",{"onUpdate:modelValue":$[1]||($[1]=w=>Le.value=w),class:"w-48 rounded border border-accent bg-surface px-2 py-0.5 text-xs text-text-primary outline-none",onBlur:kt,onKeydown:ys,onVnodeMounted:$[2]||($[2]=w=>{w.el.focus(),w.el.select()})},null,544),[[X,Le.value]])])):(h(),m("button",{key:1,class:"flex items-center gap-1 rounded px-1.5 py-0.5 text-xs text-text-muted hover:text-text-primary hover:bg-surface-overlay transition-colors truncate max-w-[200px]",title:y.$t("dashboard.conversation.clickToRename"),onClick:bs},[r("span",Bl,d(yt.value),1),P(x(Mt),{class:"h-2.5 w-2.5 shrink-0 opacity-0 group-hover:opacity-100"})],8,jl))]),r("div",Ll,[Se.value?(h(),m("button",{key:0,class:"rounded-lg px-3 py-1.5 text-xs text-accent hover:bg-surface-overlay transition-colors",onClick:$[3]||($[3]=w=>$s(Se.value))},d(y.$t("dashboard.conversation.viewSessionDetails")),1)):N("",!0),r("button",{class:E(["flex items-center gap-1 rounded-lg px-3 py-1.5 text-xs transition-colors",G.value?"bg-accent/10 text-accent":"text-text-secondary hover:bg-surface-overlay hover:text-text-primary"]),onClick:$[4]||($[4]=w=>G.value=!G.value)},[P(x(tn),{class:"h-3.5 w-3.5"}),r("span",null,d(y.$t("dashboard.conversation.history")),1)],2),r("div",Fl,[r("button",{class:E(["flex items-center gap-1 rounded-lg px-3 py-1.5 text-xs transition-colors",O.value?"bg-accent/10 text-accent":"text-text-secondary hover:bg-surface-overlay hover:text-text-primary"]),onClick:$[5]||($[5]=w=>O.value=!O.value)},[P(x(en),{class:"h-3.5 w-3.5"}),r("span",null,d(y.$t("common.actions.export")),1)],2),O.value?(h(),m("div",{key:0,class:"fixed inset-0 z-10",onClick:$[6]||($[6]=w=>O.value=!1)})):N("",!0),O.value?(h(),m("div",Ol,[r("button",{class:"w-full px-3 py-2 text-start text-xs text-text-secondary hover:bg-surface-overlay",onClick:he},d(y.$t("dashboard.export.downloadJson")),1),r("button",{class:"w-full px-3 py-2 text-start text-xs text-text-secondary hover:bg-surface-overlay",onClick:ne},d(y.$t("dashboard.export.downloadMarkdown")),1),r("button",{class:"w-full px-3 py-2 text-start text-xs text-text-secondary hover:bg-surface-overlay",onClick:ve},d(y.$t("dashboard.export.downloadText")),1)])):N("",!0)]),r("button",{class:"rounded-lg px-3 py-1.5 text-xs text-text-secondary hover:bg-surface-overlay hover:text-text-primary transition-colors",onClick:ws},d(y.$t("dashboard.conversation.newChatButton")),1),r("button",{class:E(["flex items-center gap-1 rounded-lg px-3 py-1.5 text-xs transition-colors",K.value?"bg-accent/10 text-accent":"text-text-secondary hover:bg-surface-overlay hover:text-text-primary"]),onClick:$[7]||($[7]=w=>K.value=!K.value)},[P(x(Fs),{class:"h-3.5 w-3.5"}),r("span",null,d(y.$t("dashboard.settings.chatSettings")),1)],2)])]),r("div",ql,[G.value?(h(),m("div",Ul,[r("div",Vl,[r("span",Hl,d(y.$t("dashboard.conversation.chatHistory")),1),r("button",{class:"text-text-muted hover:text-text-primary transition-colors text-xs","aria-label":"Close history",onClick:$[8]||($[8]=w=>G.value=!1)}," ✕ ")]),r("div",Gl,[x(o).recentConversations.length===0?(h(),m("p",Wl,d(y.$t("dashboard.conversation.noConversationsYet")),1)):(h(),m("div",Zl,[(h(!0),m(q,null,Q(x(o).recentConversations,w=>(h(),m("div",{key:w.id,class:E(["group flex items-center gap-1 rounded-lg px-2.5 py-2 text-xs transition-colors cursor-pointer",w.id===x(o).activeConversationId?"bg-surface-overlay text-accent":"text-text-secondary hover:bg-surface-overlay hover:text-text-primary"]),onClick:M=>f(w.id)},[me.value===w.id?(h(),m("div",Ql,[W(r("input",{"onUpdate:modelValue":$[9]||($[9]=M=>ge.value=M),class:"w-full rounded bg-surface px-1.5 py-0.5 text-xs text-text-primary outline-none border border-accent",onBlur:M=>k(w.id),onKeydown:M=>j(M,w.id),onVnodeMounted:$[10]||($[10]=M=>{M.el.focus(),M.el.select()})},null,40,Jl),[[X,ge.value]])])):(h(),m(q,{key:1},[r("div",Xl,[r("p",Yl,d(w.name),1),r("p",ei,d(w.model)+" · "+d(ie(w.updatedAt)),1)]),r("div",ti,[r("button",{class:"rounded p-0.5 text-text-muted hover:text-text-primary transition-colors",title:y.$t("dashboard.conversation.rename"),onClick:He(M=>S(w.id,w.name),["stop"])},[P(x(Mt),{class:"h-3 w-3"})],8,si),r("button",{class:"rounded p-0.5 text-text-muted hover:text-error transition-colors",title:y.$t("common.actions.delete"),onClick:He(M=>x(o).deleteConversation(w.id),["stop"])},[P(x(Je),{class:"h-3 w-3"})],8,ni)])],64))],10,Kl))),128))]))])])):N("",!0),r("div",oi,[vt.value?(h(),m("div",ai,[r("span",ri,d(y.$t("common.status.error"))+":",1),Te(" "+d(vt.value),1)])):N("",!0),P(sa,{messages:Be.value},null,8,["messages"]),P(Da,{"is-streaming":x(v),"selected-model":b.value,"is-vision-model":xs.value,onSend:wt,onCommand:Cs,onCancel:ks},null,8,["is-streaming","selected-model","is-vision-model"])]),K.value?(h(),m("div",li,[r("div",ii,[r("span",ci,d(y.$t("dashboard.settings.chatSettings")),1),r("button",{class:"text-text-muted hover:text-text-primary transition-colors text-xs",onClick:$[11]||($[11]=w=>K.value=!1)}," ✕ ")]),P(_l,{modelValue:U.value,"onUpdate:modelValue":$[12]||($[12]=w=>U.value=w),"selected-model":b.value,"rag-enabled":V.value,"onUpdate:ragEnabled":$[13]||($[13]=w=>V.value=w)},null,8,["modelValue","selected-model","rag-enabled"])])):N("",!0)])]))}}),di={class:"rounded-lg border border-border-default bg-surface-raised"},pi={class:"overflow-x-auto"},hi={class:"w-full text-sm"},mi=["onClick"],gi={class:"px-4 py-2 font-medium text-text-primary"},fi={class:"px-4 py-2"},xi={class:"px-4 py-2 text-text-secondary"},bi={class:"px-4 py-2 text-text-secondary"},vi={class:"px-4 py-2 text-text-secondary"},yi={class:"px-4 py-2 text-text-muted"},ki={key:0},wi=se({__name:"SessionHistoryTable",setup(t){const e=Xe();return(s,o)=>(h(),m("div",di,[o[2]||(o[2]=r("div",{class:"px-4 py-3 border-b border-border-default"},[r("h3",{class:"text-sm font-medium text-text-secondary"},"Recent Sessions")],-1)),r("div",pi,[r("table",hi,[o[1]||(o[1]=r("thead",null,[r("tr",{class:"border-b border-border-default text-left text-xs text-text-muted uppercase tracking-wide"},[r("th",{class:"px-4 py-2"},"Model"),r("th",{class:"px-4 py-2"},"Status"),r("th",{class:"px-4 py-2"},"Tokens"),r("th",{class:"px-4 py-2"},"Speed"),r("th",{class:"px-4 py-2"},"Duration"),r("th",{class:"px-4 py-2"},"When")])],-1)),r("tbody",null,[(h(!0),m(q,null,Q(x(e).recentSessions.slice(0,20),n=>(h(),m("tr",{key:n.id,class:"border-b border-border-default last:border-0 hover:bg-surface-overlay cursor-pointer transition-colors",onClick:l=>s.$router.push({name:"session",params:{id:n.id}})},[r("td",gi,d(n.model),1),r("td",fi,[P(Ws,{status:n.status,detail:n.error},null,8,["status","detail"])]),r("td",xi,d(n.metrics?n.metrics.totalTokenCount:"—"),1),r("td",bi,d(n.metrics?x(Ge)(n.metrics.tokensPerSecond):"—"),1),r("td",vi,d(n.metrics?x(Zt)(n.metrics.totalDurationMs):"—"),1),r("td",yi,d(x(qs)(n.createdAt)),1)],8,mi))),128)),x(e).recentSessions.length===0?(h(),m("tr",ki,[...o[0]||(o[0]=[r("td",{colspan:"6",class:"px-4 py-8 text-center text-text-muted"},"No sessions yet",-1)])])):N("",!0)])])])]))}}),$i={class:"flex h-full flex-col"},Si={class:"flex-1 min-h-0"},_i={key:0,class:"border-t border-border-default"},Ci={key:0,class:"max-h-80 overflow-auto px-4 pb-4 space-y-4"},Ti={class:"grid grid-cols-2 gap-3 lg:grid-cols-4"},Mi={key:1,class:"border-t border-border-default px-4 py-2"},Ri={class:"text-[10px] uppercase tracking-wider text-text-muted mb-1"},Ai={class:"flex gap-2 overflow-x-auto pb-1"},Ni=["onClick"],Ki=se({__name:"DashboardPage",setup(t){const e=lt(),s=Wt(),o=A(!1),n=B(()=>e.aggregate),l=B(()=>n.value.totalSessions>0),a=B(()=>s.recentConversations);return(c,i)=>(h(),m("div",$i,[r("div",Si,[P(ui)]),l.value?(h(),m("div",_i,[r("button",{class:"flex w-full items-center justify-between px-4 py-2 text-xs text-text-secondary hover:bg-surface-overlay transition-colors",onClick:i[0]||(i[0]=p=>o.value=!o.value)},[r("span",null,d(n.value.totalSessions)+" "+d(c.$t("dashboard.metrics.sessions"))+" · Avg "+d(x(Ge)(n.value.avgTps)),1),r("span",{class:E(["transition-transform",{"rotate-180":o.value}])},"▾",2)]),o.value?(h(),m("div",Ci,[r("div",Ti,[P(Ue,{label:c.$t("dashboard.metrics.totalSessions"),value:n.value.totalSessions},null,8,["label","value"]),P(Ue,{label:c.$t("dashboard.metrics.avgTtft"),value:x(Zt)(n.value.avgTtftMs)},null,8,["label","value"]),P(Ue,{label:c.$t("dashboard.metrics.avgSpeed"),value:x(Ge)(n.value.avgTps)},null,8,["label","value"]),P(Ue,{label:c.$t("dashboard.metrics.totalTokens"),value:x(Ce)(n.value.totalTokensGenerated),unit:"tok"},null,8,["label","value"])]),P(wi)])):N("",!0)])):N("",!0),a.value.length>1?(h(),m("div",Mi,[r("p",Ri,d(c.$t("dashboard.metrics.recentChats")),1),r("div",Ai,[(h(!0),m(q,null,Q(a.value.slice(0,5),p=>(h(),m("button",{key:p.id,class:E(["shrink-0 rounded-lg px-3 py-1.5 text-xs transition-colors",x(s).activeConversationId===p.id?"bg-accent/10 text-accent":"bg-surface-overlay text-text-secondary hover:text-text-primary"]),onClick:u=>x(s).setActiveConversation(p.id)},d(p.name),11,Ni))),128))])])):N("",!0)]))}});export{Ki as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as ae,r as _,a as N,o as le,n as ne,b as U,e as n,g as K,f as e,j as a,B as oe,w as Q,t,i as T,l as H,V as ie,F as A,k as W,W as re,p as V,x as G,s as Z,h as P,y as ee,A as de,C as L,G as J,u as S,q as ce,D as X,Y as ue,v as te}from"./index-534TcCbY.js";import{c as I}from"./format-BqVZ9rwM.js";import{u as me}from"./storage-store-6qFwk_C5.js";import{_ as ve}from"./StorageGauge.vue_vue_type_style_index_0_lang-DToi3R0q.js";import{_ as pe}from"./_plugin-vue_export-helper-DlAUqK2U.js";const fe=ae("embeddings",()=>{const y=_([]),i=_(!1),o=_(null),x=N(()=>[...y.value].sort((c,m)=>m.timestamp-c.timestamp));async function v(c,m){i.value=!0,o.value=null;const g=Date.now();try{const k=(await le.embed({model:c,input:m})).embeddings[0];if(!k)throw new Error("No embedding returned");const p={id:ne(),model:c,input:m,vector:k,dimensions:k.length,timestamp:Date.now(),durationMs:Date.now()-g};return y.value.push(p),p}catch(M){throw o.value=M instanceof Error?M.message:"Embedding failed",M}finally{i.value=!1}}function b(c,m){if(c.length!==m.length)return 0;let g=0,M=0,k=0;for(let d=0;d<c.length;d++)g+=c[d]*m[d],M+=c[d]*c[d],k+=m[d]*m[d];const p=Math.sqrt(M)*Math.sqrt(k);return p===0?0:g/p}function h(c,m){return{score:b(c.vector,m.vector),a:c,b:m}}function z(){y.value=[]}function B(c){y.value=y.value.filter(m=>m.id!==c)}return{results:y,recentResults:x,loading:i,error:o,embed:v,cosineSimilarity:b,comparePair:h,clearResults:z,removeResult:B}}),O=U({__name:"LoadingSpinner",props:{size:{}},setup(y){return(i,o)=>(a(),n("div",{class:K(["inline-block animate-spin rounded-full border-2 border-current border-t-transparent text-accent",{"h-4 w-4":y.size==="sm"||!y.size,"h-6 w-6":y.size==="md","h-8 w-8":y.size==="lg"}]),role:"status"},[...o[0]||(o[0]=[e("span",{class:"sr-only"},"Loading...",-1)])],2))}}),ge={class:"space-y-1"},xe={key:0,class:"text-xs text-text-muted"},be=["height"],he={class:"text-text-muted"},ye={class:"flex items-center justify-between text-[10px] text-text-muted"},Y=U({__name:"EmbeddingVectorViz",props:{vector:{},label:{},height:{}},setup(y){const i=y,o=_(null),x=_(null),v=_(null),b=N(()=>i.height??120);function h(){const c=o.value,m=x.value;if(!c||!m)return;const g=c.getContext("2d");if(!g)return;const M=i.vector,k=m.clientWidth,p=b.value,d=window.devicePixelRatio||1;c.width=k*d,c.height=p*d,c.style.width=`${k}px`,c.style.height=`${p}px`,g.scale(d,d),g.clearRect(0,0,k,p);const u=k/M.length,r=p/2;let f=0;for(const w of M)Math.abs(w)>f&&(f=Math.abs(w));f===0&&(f=1);for(let w=0;w<M.length;w++){const R=M[w],j=R/f,D=Math.abs(j)*(r-2),C=.3+Math.abs(j)*.7;R>=0?(g.fillStyle=`rgba(139, 92, 246, ${C})`,g.fillRect(w*u,r-D,Math.max(u,.5),D)):(g.fillStyle=`rgba(251, 146, 60, ${C})`,g.fillRect(w*u,r,Math.max(u,.5),D))}g.strokeStyle="rgba(100, 116, 139, 0.3)",g.lineWidth=1,g.beginPath(),g.moveTo(0,r),g.lineTo(k,r),g.stroke()}function z(c){const m=o.value;if(!m)return;const g=m.getBoundingClientRect(),M=c.clientX-g.left,k=g.width/i.vector.length,p=Math.floor(M/k);p>=0&&p<i.vector.length?v.value={index:p,value:i.vector[p],x:c.clientX-g.left,y:c.clientY-g.top}:v.value=null}function B(){v.value=null}return oe(h),Q(()=>i.vector,h),(c,m)=>(a(),n("div",ge,[y.label?(a(),n("div",xe,t(y.label),1)):T("",!0),e("div",{ref_key:"containerRef",ref:x,class:"relative overflow-hidden rounded-lg border border-border-default bg-surface"},[e("canvas",{ref_key:"canvasRef",ref:o,height:b.value,class:"w-full cursor-crosshair",onMousemove:z,onMouseleave:B},null,40,be),v.value?(a(),n("div",{key:0,class:"pointer-events-none absolute z-10 rounded border border-border-default bg-surface-raised px-2 py-1 text-[10px] shadow-lg",style:H({left:`${Math.min(v.value.x,(x.value?.clientWidth??200)-120)}px`,top:`${v.value.y-36}px`})},[e("span",he,"dim["+t(v.value.index)+"]",1),e("span",{class:K(["ms-1.5 font-mono",v.value.value>=0?"text-accent":"text-warning"])},t(v.value.value.toFixed(6)),3)],4)):T("",!0)],512),e("div",ye,[m[0]||(m[0]=ie('<div class="flex items-center gap-3"><span class="flex items-center gap-1"><span class="inline-block h-1.5 w-1.5 rounded-full bg-[rgb(139,92,246)]"></span> Positive </span><span class="flex items-center gap-1"><span class="inline-block h-1.5 w-1.5 rounded-full bg-[rgb(251,146,60)]"></span> Negative </span></div>',1)),e("span",null,"All "+t(y.vector.length)+" dimensions",1)])]))}}),_e={class:"grid grid-cols-4 gap-2 text-xs lg:grid-cols-8"},$e={class:"text-text-muted"},ke={class:"font-medium text-text-primary"},we={class:"pointer-events-none absolute bottom-full left-1/2 z-50 mb-2 -translate-x-1/2 opacity-0 transition-opacity group-hover:opacity-100"},Me={class:"w-52 rounded-lg border border-border-default bg-surface-raised px-3 py-2 text-[10px] leading-relaxed text-text-secondary shadow-lg"},Ce=U({__name:"EmbeddingStats",props:{result:{}},setup(y){const i=y,o=N(()=>{const v=i.result.vector;let b=1/0,h=-1/0,z=0,B=0,c=0;for(const p of v)p<b&&(b=p),p>h&&(h=p),z+=p,B+=p*p,Math.abs(p)<.001&&c++;const m=z/v.length,g=B/v.length-m*m,M=Math.sqrt(B),k=c/v.length*100;return{dimensions:v.length,min:b.toFixed(4),max:h.toFixed(4),mean:m.toFixed(4),stdDev:Math.sqrt(Math.max(0,g)).toFixed(4),l2Norm:M.toFixed(4),sparsity:k.toFixed(1),duration:I(i.result.durationMs),memoryBytes:v.length*8}}),x=N(()=>[{key:"dims",label:"Dims",value:o.value.dimensions,tooltip:"Number of dimensions in the embedding vector. Higher dimensions capture more semantic nuance but use more memory."},{key:"min",label:"Min",value:o.value.min,tooltip:"Smallest value across all dimensions. Shows the negative activation floor of the embedding space."},{key:"max",label:"Max",value:o.value.max,tooltip:"Largest value across all dimensions. Shows the positive activation ceiling of the embedding space."},{key:"mean",label:"Mean",value:o.value.mean,tooltip:"Average value across all dimensions. Near-zero means the vector is well-centered, which is typical for normalized embeddings."},{key:"stdDev",label:"Std Dev",value:o.value.stdDev,tooltip:"Standard deviation — measures how spread out the values are. Higher means more varied activations across dimensions."},{key:"l2Norm",label:"L2 Norm",value:o.value.l2Norm,tooltip:"Euclidean length of the vector. Normalized embeddings have L2 norm close to 1.0, making cosine similarity equivalent to dot product."},{key:"sparsity",label:"Sparsity",value:`${o.value.sparsity}%`,tooltip:"Percentage of dimensions with near-zero values (|v| < 0.001). High sparsity means the text activates only a subset of the semantic dimensions."},{key:"duration",label:"Time",value:o.value.duration,tooltip:"Time taken by the model to compute the embedding vector from the input text."}]);return(v,b)=>(a(),n("div",_e,[(a(!0),n(A,null,W(x.value,h=>(a(),n("div",{key:h.key,class:"group relative rounded-lg bg-surface p-2 cursor-help"},[e("div",$e,t(h.label),1),e("div",ke,t(h.value),1),e("div",we,[e("div",Me,t(h.tooltip),1),b[0]||(b[0]=e("div",{class:"mx-auto h-2 w-2 -translate-y-1 rotate-45 border-b border-e border-border-default bg-surface-raised"},null,-1))])]))),128))]))}}),Se={key:0,class:"relative overflow-hidden rounded-lg border border-border-default bg-surface p-4"},Re={class:"mb-3 flex items-center justify-between text-[10px] text-text-muted"},ze={key:0},Be={key:1},Te={key:2},Ae={key:3,class:"font-mono"},Ve={class:"relative h-24 flex items-center justify-center"},Fe={key:0,class:"absolute inset-0 flex flex-wrap items-center justify-center gap-1.5 px-4"},De={key:0,class:"absolute inset-0 flex items-center justify-center"},Ne={class:"flex items-end gap-px h-16"},Ee={class:"text-text-muted"},je={class:"mt-3 flex items-center justify-between"},Pe={class:"flex items-center gap-3 text-[10px] text-text-muted"},qe={key:0,class:"text-text-muted"},We={class:"flex items-center gap-2 text-[10px] text-text-muted shrink-0"},Le=U({__name:"EmbeddingTransformViz",props:{inputText:{},isEmbedding:{type:Boolean},vector:{}},setup(y){const i=y,o=_("idle"),x=_(0),v=_(null),b=_(null),h=_(null);let z=0,B=0;const c=N(()=>i.inputText.split(/\s+/).filter(Boolean).slice(0,20)),m=N(()=>{if(!i.vector)return null;let d=0,u=0;for(const w of i.vector)w>=0?d++:u++;const r=d/i.vector.length;let f;return r>.7?f="Mostly positive activations":r<.3?f="Mostly negative activations":f="Balanced activation spread",{positive:d,negative:u,character:f}});function g(){const d=b.value,u=h.value;if(!d||!u||!i.vector)return;const r=d.getContext("2d");if(!r)return;const f=i.vector,w=u.clientWidth,R=96,j=window.devicePixelRatio||1;d.width=w*j,d.height=R*j,d.style.width=`${w}px`,d.style.height=`${R}px`,r.scale(j,j),r.clearRect(0,0,w,R);const D=w/f.length,C=R/2;let q=0;for(const E of f)Math.abs(E)>q&&(q=Math.abs(E));q===0&&(q=1);for(let E=0;E<f.length;E++){const s=f[E],$=s/q,l=Math.abs($)*(C-2),F=.3+Math.abs($)*.7;s>=0?(r.fillStyle=`rgba(139, 92, 246, ${F})`,r.fillRect(E*D,C-l,Math.max(D,.5),l)):(r.fillStyle=`rgba(251, 146, 60, ${F})`,r.fillRect(E*D,C,Math.max(D,.5),l))}r.strokeStyle="rgba(100, 116, 139, 0.3)",r.lineWidth=1,r.beginPath(),r.moveTo(0,C),r.lineTo(w,C),r.stroke()}function M(d){const u=b.value;if(!u||!i.vector)return;const r=u.getBoundingClientRect(),f=d.clientX-r.left,w=r.width/i.vector.length,R=Math.floor(f/w);R>=0&&R<i.vector.length?v.value={index:R,value:i.vector[R],x:d.clientX-r.left,y:d.clientY-r.top}:v.value=null}function k(){v.value=null}function p(d){B||(B=d);const u=d-B;u<600?(o.value="decomposing",x.value=u/600):u<1200&&(o.value="transforming",x.value=(u-600)/600),i.isEmbedding&&(z=requestAnimationFrame(p))}return Q(()=>i.isEmbedding,d=>{d?(B=0,x.value=0,v.value=null,o.value="decomposing",z=requestAnimationFrame(p)):(cancelAnimationFrame(z),i.vector?(o.value="complete",x.value=1,ee(g)):(o.value="idle",x.value=0))}),Q(()=>i.vector,()=>{o.value==="complete"&&i.vector&&ee(g)}),re(()=>cancelAnimationFrame(z)),(d,u)=>o.value!=="idle"||y.vector?(a(),n("div",Se,[e("div",Re,[o.value==="decomposing"?(a(),n("span",ze,"Tokenizing text...")):o.value==="transforming"?(a(),n("span",Be,"Projecting into embedding space...")):o.value==="complete"&&m.value?(a(),n("span",Te,t(m.value.character),1)):T("",!0),y.vector?(a(),n("span",Ae,t(y.vector.length)+" dimensions · "+t(m.value?.positive)+" positive · "+t(m.value?.negative)+" negative ",1)):T("",!0)]),e("div",Ve,[V(G,{name:"fade"},{default:Z(()=>[o.value==="decomposing"||o.value==="idle"&&!y.vector?(a(),n("div",Fe,[(a(!0),n(A,null,W(c.value,(r,f)=>(a(),n("span",{key:f,class:"inline-block rounded bg-accent/10 px-1.5 py-0.5 font-mono text-xs text-accent transition-all duration-500",style:H({opacity:o.value==="decomposing"?Math.max(0,1-x.value*1.5+f*.1):1,transform:o.value==="decomposing"?`translateY(${x.value*20*(f%2===0?-1:1)}px) scale(${1-x.value*.3})`:"none"})},t(r),5))),128))])):T("",!0)]),_:1}),V(G,{name:"fade"},{default:Z(()=>[o.value==="transforming"?(a(),n("div",De,[e("div",Ne,[(a(),n(A,null,W(60,r=>e("div",{key:r,class:"w-1 rounded-full transition-all duration-300",style:H({height:`${Math.abs(Math.sin(r*.5+x.value*10))*x.value*100}%`,backgroundColor:Math.sin(r*.5+x.value*10)>=0?`rgba(139, 92, 246, ${.3+x.value*.5})`:`rgba(251, 146, 60, ${.3+x.value*.5})`,opacity:Math.min(1,x.value*2)})},null,4)),64))])])):T("",!0)]),_:1}),V(G,{name:"fade"},{default:Z(()=>[o.value==="complete"&&y.vector?(a(),n("div",{key:0,ref_key:"canvasContainerRef",ref:h,class:"absolute inset-0"},[e("canvas",{ref_key:"canvasRef",ref:b,class:"w-full h-full cursor-crosshair",onMousemove:M,onMouseleave:k},null,544),v.value?(a(),n("div",{key:0,class:"pointer-events-none absolute z-10 rounded border border-border-default bg-surface-raised px-2 py-1 text-[10px] shadow-lg",style:H({left:`${Math.min(v.value.x,(h.value?.clientWidth??200)-120)}px`,top:`${v.value.y-36}px`})},[e("span",Ee,"dim["+t(v.value.index)+"]",1),e("span",{class:K(["ms-1.5 font-mono",v.value.value>=0?"text-accent":"text-warning"])},t(v.value.value.toFixed(6)),3)],4)):T("",!0)],512)):T("",!0)]),_:1})]),e("div",je,[e("div",Pe,[u[0]||(u[0]=e("span",{class:"flex items-center gap-1"},[e("span",{class:"inline-block h-2 w-2 rounded-full bg-[rgb(139,92,246)]"}),P(" Positive activation ")],-1)),u[1]||(u[1]=e("span",{class:"flex items-center gap-1"},[e("span",{class:"inline-block h-2 w-2 rounded-full bg-[rgb(251,146,60)]"}),P(" Negative activation ")],-1)),o.value==="complete"?(a(),n("span",qe," · Each bar = one semantic dimension. Taller = stronger signal. ")):T("",!0)]),e("div",We,[u[2]||(u[2]=e("span",{class:"rounded bg-surface-overlay px-1.5 py-0.5"},"Text",-1)),u[3]||(u[3]=e("span",null,"→",-1)),u[4]||(u[4]=e("span",{class:"rounded bg-surface-overlay px-1.5 py-0.5"},"Tokens",-1)),u[5]||(u[5]=e("span",null,"→",-1)),e("span",{class:K(["rounded px-1.5 py-0.5",o.value==="complete"?"bg-accent/10 text-accent":"bg-surface-overlay"])}," Vector ",2)])])])):T("",!0)}}),Ie=pe(Le,[["__scopeId","data-v-07aa1650"]]),Ue={class:"flex flex-col items-center gap-2"},He={class:"relative h-32 w-32"},Xe={viewBox:"0 0 100 100",class:"h-full w-full -rotate-90"},Ye=["stroke","stroke-dasharray"],Ke={class:"absolute inset-0 flex flex-col items-center justify-center"},Ge={class:"text-2xl font-bold text-text-primary"},se=U({__name:"SimilarityMeter",props:{score:{}},setup(y){const i=y,o=N(()=>Math.round(i.score*100)),x=N(()=>i.score>=.8?"#4ade80":i.score>=.5?"#fbbf24":"#f87171"),v=N(()=>i.score>=.9?"Very Similar":i.score>=.7?"Similar":i.score>=.5?"Somewhat Similar":i.score>=.3?"Weakly Related":"Dissimilar");return(b,h)=>(a(),n("div",Ue,[e("div",He,[(a(),n("svg",Xe,[h[0]||(h[0]=e("circle",{cx:"50",cy:"50",r:"42",fill:"none",class:"stroke-surface-overlay","stroke-width":"8"},null,-1)),e("circle",{cx:"50",cy:"50",r:"42",fill:"none",stroke:x.value,"stroke-width":"8","stroke-linecap":"round","stroke-dasharray":`${o.value*2.64} 264`},null,8,Ye)])),e("div",Ke,[e("span",Ge,t(o.value)+"%",1)])]),e("span",{class:"text-sm font-medium",style:H({color:x.value})},t(v.value),5),h[1]||(h[1]=e("span",{class:"text-xs text-text-muted"},"Cosine Similarity",-1))]))}}),Ze={class:"space-y-8"},Je={class:"flex items-center gap-3"},Oe={key:0,value:"",disabled:""},Qe=["value"],et={key:0,class:"text-xs text-warning"},tt={class:"rounded-lg border border-border-default bg-surface-raised p-5 space-y-4"},st={class:"text-base font-semibold text-text-primary"},ot={class:"text-sm text-text-muted"},at=["placeholder","disabled","onKeydown"],lt={class:"flex items-center gap-3"},nt=["disabled"],it={key:0,class:"flex items-center gap-2"},rt={key:1},dt={key:0,class:"text-sm text-error"},ct={class:"text-xs"},ut={class:"cursor-pointer text-text-muted hover:text-text-secondary"},mt={class:"mt-2 grid grid-cols-5 gap-1 font-mono text-text-secondary"},vt=["title"],pt={class:"rounded-lg border border-border-default bg-surface-raised p-5 space-y-4"},ft={class:"text-base font-semibold text-text-primary"},gt={class:"text-sm text-text-muted"},xt={class:"grid grid-cols-1 gap-4 lg:grid-cols-2"},bt={class:"block text-xs font-medium text-text-muted mb-1"},ht=["placeholder","disabled"],yt={class:"block text-xs font-medium text-text-muted mb-1"},_t=["placeholder","disabled"],$t=["disabled"],kt={key:0,class:"flex items-center gap-2"},wt={key:1},Mt={key:0,class:"flex flex-col items-center gap-6 py-4 lg:flex-row lg:items-start lg:justify-center"},Ct={class:"flex-1 space-y-2"},St={class:"text-xs font-medium text-text-muted"},Rt={class:"rounded-lg bg-surface p-3 text-sm text-text-secondary"},zt={class:"flex-1 space-y-2"},Bt={class:"text-xs font-medium text-text-muted"},Tt={class:"rounded-lg bg-surface p-3 text-sm text-text-secondary"},At={class:"rounded-lg border border-border-default bg-surface-raised p-5 space-y-4"},Vt={class:"text-base font-semibold text-text-primary"},Ft={class:"text-sm text-text-muted"},Dt={class:"grid grid-cols-1 gap-4 lg:grid-cols-2"},Nt={class:"block text-xs font-medium text-text-muted mb-1"},Et=["disabled"],jt=["value"],Pt={class:"block text-xs font-medium text-text-muted mb-1"},qt=["disabled"],Wt=["value"],Lt=["placeholder","disabled"],It=["disabled"],Ut={key:0,class:"flex items-center gap-2"},Ht={key:1},Xt={class:"grid grid-cols-1 gap-4 lg:grid-cols-2"},Yt={class:"space-y-3 rounded-lg border border-border-default bg-surface p-3"},Kt={class:"flex items-center justify-between"},Gt={class:"text-xs font-medium text-accent"},Zt={class:"text-[10px] text-text-muted"},Jt={class:"grid grid-cols-4 gap-1.5 text-[10px]"},Ot={class:"rounded bg-surface-overlay p-1.5"},Qt={class:"text-text-muted"},es={class:"font-medium text-text-primary"},ts={class:"rounded bg-surface-overlay p-1.5"},ss={class:"text-text-muted"},os={class:"font-medium text-text-primary"},as={class:"rounded bg-surface-overlay p-1.5"},ls={class:"text-text-muted"},ns={class:"font-medium text-text-primary"},is={class:"rounded bg-surface-overlay p-1.5"},rs={class:"text-text-muted"},ds={class:"font-medium text-text-primary"},cs={class:"space-y-3 rounded-lg border border-border-default bg-surface p-3"},us={class:"flex items-center justify-between"},ms={class:"text-xs font-medium text-accent"},vs={class:"text-[10px] text-text-muted"},ps={class:"grid grid-cols-4 gap-1.5 text-[10px]"},fs={class:"rounded bg-surface-overlay p-1.5"},gs={class:"text-text-muted"},xs={class:"font-medium text-text-primary"},bs={class:"rounded bg-surface-overlay p-1.5"},hs={class:"text-text-muted"},ys={class:"font-medium text-text-primary"},_s={class:"rounded bg-surface-overlay p-1.5"},$s={class:"text-text-muted"},ks={class:"font-medium text-text-primary"},ws={class:"rounded bg-surface-overlay p-1.5"},Ms={class:"text-text-muted"},Cs={class:"font-medium text-text-primary"},Ss={class:"rounded-lg border border-border-default bg-surface p-4 text-center"},Rs={class:"mt-2 text-xs text-text-muted"},zs={class:"text-sm text-text-muted py-2"},Bs={class:"text-xs text-text-muted"},Ts={key:1,class:"rounded-lg border border-border-default bg-surface-raised p-5 space-y-4"},As={class:"flex items-center justify-between"},Vs={class:"text-base font-semibold text-text-primary"},Fs={class:"space-y-2"},Ds=["onClick"],Ns={class:"flex-1 min-w-0"},Es={class:"truncate text-sm text-text-primary"},js={class:"flex gap-3 text-xs text-text-muted mt-0.5"},Ps=["onClick"],Hs=U({__name:"EmbeddingsPage",setup(y){const i=de(),o=fe(),x=me(),v=N(()=>x.getDatabaseById("message-memory")),b=_(""),h=_(""),z=_(null),B=_(""),c=_(""),m=_(null),g=_(null),M=_(null),k=_(!1),p=_(""),d=_(""),u=_(""),r=_(null),f=_(null),w=_(null),R=_(!1);async function j(){if(!(!p.value||!d.value||!u.value.trim())){R.value=!0,w.value=null,r.value=null,f.value=null;try{const[s,$]=await Promise.all([o.embed(p.value,u.value.trim()),o.embed(d.value,u.value.trim())]);r.value=s,f.value=$,s.dimensions===$.dimensions&&(w.value=o.cosineSimilarity(s.vector,$.vector))}catch{}finally{R.value=!1}}}const D=N(()=>i.models.filter(s=>s.name.includes("embed")||s.name.includes("nomic")||s.name.includes("minilm")||s.name.includes("snowflake")||s.name.includes("mxbai")||s.name.includes("bge"))),C=N(()=>D.value.length>0?D.value:i.models);async function q(){if(!(!b.value||!h.value.trim()))try{z.value=await o.embed(b.value,h.value.trim())}catch{}}async function E(){if(!(!b.value||!B.value.trim()||!c.value.trim())){k.value=!0,M.value=null;try{const[s,$]=await Promise.all([o.embed(b.value,B.value.trim()),o.embed(b.value,c.value.trim())]);m.value=s,g.value=$,M.value=o.cosineSimilarity(s.vector,$.vector)}catch{}finally{k.value=!1}}}return oe(async()=>{i.models.length===0&&await i.fetchModels(),C.value.length>0&&!b.value&&(b.value=C.value[0].name),C.value.length>=2?(p.value=C.value[0].name,d.value=C.value[1].name):C.value.length===1&&(p.value=C.value[0].name,d.value=C.value[0].name),await x.refreshIfStale()}),(s,$)=>(a(),n("div",Ze,[e("div",Je,[L(e("select",{"onUpdate:modelValue":$[0]||($[0]=l=>b.value=l),class:"rounded-lg border border-border-default bg-surface px-3 py-2 text-sm text-text-primary focus:border-accent focus:outline-none"},[C.value.length===0?(a(),n("option",Oe,t(s.$t("embeddings.modelSelector.noModels")),1)):T("",!0),(a(!0),n(A,null,W(C.value,l=>(a(),n("option",{key:l.name,value:l.name},t(l.name)+" "+t(S(i).capabilityIcons(l.name)),9,Qe))),128))],512),[[J,b.value]]),D.value.length===0&&S(i).models.length>0?(a(),n("span",et,t(s.$t("embeddings.modelSelector.noEmbeddingModels")),1)):T("",!0)]),S(x).origin&&v.value?(a(),ce(ve,{key:0,used:v.value.totalBytes,total:S(x).origin.quota,compact:"",label:`${s.$t("embeddings.storage.embeddingMemory")} · ${v.value.recordCount.toLocaleString()} ${s.$t("embeddings.storage.records")}`},null,8,["used","total","label"])):T("",!0),e("section",tt,[e("h2",st,t(s.$t("embeddings.playground.title")),1),e("p",ot,t(s.$t("embeddings.playground.description")),1),L(e("textarea",{"onUpdate:modelValue":$[1]||($[1]=l=>h.value=l),class:"w-full rounded-lg border border-border-default bg-surface px-4 py-3 text-sm text-text-primary placeholder-text-muted focus:border-accent focus:outline-none resize-none",rows:"3",placeholder:s.$t("embeddings.playground.placeholder"),disabled:S(o).loading,onKeydown:ue(te(q,["ctrl"]),["enter"])},null,40,at),[[X,h.value]]),e("div",lt,[e("button",{class:"rounded-lg bg-accent px-4 py-2 text-sm font-medium text-surface hover:bg-accent-hover transition-colors disabled:opacity-50",disabled:S(o).loading||!b.value||!h.value.trim(),onClick:q},[S(o).loading?(a(),n("span",it,[V(O,{size:"sm"}),P(" "+t(s.$t("embeddings.playground.embedding")),1)])):(a(),n("span",rt,t(s.$t("embeddings.playground.embed")),1))],8,nt),S(o).error?(a(),n("span",dt,t(S(o).error),1)):T("",!0)]),V(Ie,{"input-text":h.value,"is-embedding":S(o).loading,vector:z.value?.vector??null},null,8,["input-text","is-embedding","vector"]),z.value?(a(),n(A,{key:0},[V(Ce,{result:z.value},null,8,["result"]),e("details",ct,[e("summary",ut,t(s.$t("embeddings.playground.showRawValues",{total:z.value.dimensions})),1),e("div",mt,[(a(!0),n(A,null,W(z.value.vector.slice(0,50),(l,F)=>(a(),n("span",{key:F,class:"rounded bg-surface px-1.5 py-0.5",title:`dim[${F}]`},t(l.toFixed(4)),9,vt))),128))])])],64)):T("",!0)]),e("section",pt,[e("h2",ft,t(s.$t("embeddings.similarity.title")),1),e("p",gt,t(s.$t("embeddings.similarity.description")),1),e("div",xt,[e("div",null,[e("label",bt,t(s.$t("embeddings.similarity.textA")),1),L(e("textarea",{"onUpdate:modelValue":$[2]||($[2]=l=>B.value=l),class:"w-full rounded-lg border border-border-default bg-surface px-4 py-3 text-sm text-text-primary placeholder-text-muted focus:border-accent focus:outline-none resize-none",rows:"3",placeholder:s.$t("embeddings.similarity.placeholderA"),disabled:k.value},null,8,ht),[[X,B.value]])]),e("div",null,[e("label",yt,t(s.$t("embeddings.similarity.textB")),1),L(e("textarea",{"onUpdate:modelValue":$[3]||($[3]=l=>c.value=l),class:"w-full rounded-lg border border-border-default bg-surface px-4 py-3 text-sm text-text-primary placeholder-text-muted focus:border-accent focus:outline-none resize-none",rows:"3",placeholder:s.$t("embeddings.similarity.placeholderB"),disabled:k.value},null,8,_t),[[X,c.value]])])]),e("button",{class:"rounded-lg bg-accent px-4 py-2 text-sm font-medium text-surface hover:bg-accent-hover transition-colors disabled:opacity-50",disabled:k.value||!b.value||!B.value.trim()||!c.value.trim(),onClick:E},[k.value?(a(),n("span",kt,[V(O,{size:"sm"}),P(" "+t(s.$t("embeddings.similarity.comparing")),1)])):(a(),n("span",wt,t(s.$t("embeddings.similarity.compare")),1))],8,$t),M.value!==null&&m.value&&g.value?(a(),n("div",Mt,[e("div",Ct,[e("div",St,t(s.$t("embeddings.similarity.textA")),1),e("div",Rt,t(m.value.input),1),V(Y,{vector:m.value.vector,height:80},null,8,["vector"])]),V(se,{score:M.value},null,8,["score"]),e("div",zt,[e("div",Bt,t(s.$t("embeddings.similarity.textB")),1),e("div",Tt,t(g.value.input),1),V(Y,{vector:g.value.vector,height:80},null,8,["vector"])])])):T("",!0)]),e("section",At,[e("h2",Vt,t(s.$t("embeddings.modelComparison.title")),1),e("p",Ft,t(s.$t("embeddings.modelComparison.description")),1),e("div",Dt,[e("div",null,[e("label",Nt,t(s.$t("embeddings.modelComparison.modelA")),1),L(e("select",{"onUpdate:modelValue":$[4]||($[4]=l=>p.value=l),class:"w-full rounded-lg border border-border-default bg-surface px-3 py-2 text-sm text-text-primary outline-none focus:border-accent",disabled:R.value},[(a(!0),n(A,null,W(C.value,l=>(a(),n("option",{key:l.name,value:l.name},t(l.name)+" "+t(S(i).capabilityIcons(l.name)),9,jt))),128))],8,Et),[[J,p.value]])]),e("div",null,[e("label",Pt,t(s.$t("embeddings.modelComparison.modelB")),1),L(e("select",{"onUpdate:modelValue":$[5]||($[5]=l=>d.value=l),class:"w-full rounded-lg border border-border-default bg-surface px-3 py-2 text-sm text-text-primary outline-none focus:border-accent",disabled:R.value},[(a(!0),n(A,null,W(C.value,l=>(a(),n("option",{key:l.name,value:l.name},t(l.name)+" "+t(S(i).capabilityIcons(l.name)),9,Wt))),128))],8,qt),[[J,d.value]])])]),L(e("textarea",{"onUpdate:modelValue":$[6]||($[6]=l=>u.value=l),class:"w-full rounded-lg border border-border-default bg-surface px-4 py-3 text-sm text-text-primary placeholder-text-muted focus:border-accent focus:outline-none resize-none",rows:"2",placeholder:s.$t("embeddings.modelComparison.placeholder"),disabled:R.value},null,8,Lt),[[X,u.value]]),e("button",{class:"rounded-lg bg-accent px-4 py-2 text-sm font-medium text-surface hover:bg-accent-hover transition-colors disabled:opacity-50",disabled:R.value||!p.value||!d.value||!u.value.trim(),onClick:j},[R.value?(a(),n("span",Ut,[V(O,{size:"sm"}),P(" "+t(s.$t("embeddings.modelComparison.comparingModels")),1)])):(a(),n("span",Ht,t(s.$t("embeddings.modelComparison.compareModels")),1))],8,It),r.value&&f.value?(a(),n(A,{key:0},[e("div",Xt,[e("div",Yt,[e("div",Kt,[e("span",Gt,t(r.value.model),1),e("span",Zt,t(r.value.dimensions)+"d · "+t(S(I)(r.value.durationMs)),1)]),V(Y,{vector:r.value.vector,height:80},null,8,["vector"]),e("div",Jt,[e("div",Ot,[e("div",Qt,t(s.$t("embeddings.stats.dims")),1),e("div",es,t(r.value.dimensions),1)]),e("div",ts,[e("div",ss,t(s.$t("embeddings.stats.l2Norm")),1),e("div",os,t(Math.sqrt(r.value.vector.reduce((l,F)=>l+F*F,0)).toFixed(2)),1)]),e("div",as,[e("div",ls,t(s.$t("embeddings.stats.sparsity")),1),e("div",ns,t((r.value.vector.filter(l=>Math.abs(l)<.001).length/r.value.dimensions*100).toFixed(1))+"%",1)]),e("div",is,[e("div",rs,t(s.$t("embeddings.stats.time")),1),e("div",ds,t(S(I)(r.value.durationMs)),1)])])]),e("div",cs,[e("div",us,[e("span",ms,t(f.value.model),1),e("span",vs,t(f.value.dimensions)+"d · "+t(S(I)(f.value.durationMs)),1)]),V(Y,{vector:f.value.vector,height:80},null,8,["vector"]),e("div",ps,[e("div",fs,[e("div",gs,t(s.$t("embeddings.stats.dims")),1),e("div",xs,t(f.value.dimensions),1)]),e("div",bs,[e("div",hs,t(s.$t("embeddings.stats.l2Norm")),1),e("div",ys,t(Math.sqrt(f.value.vector.reduce((l,F)=>l+F*F,0)).toFixed(2)),1)]),e("div",_s,[e("div",$s,t(s.$t("embeddings.stats.sparsity")),1),e("div",ks,t((f.value.vector.filter(l=>Math.abs(l)<.001).length/f.value.dimensions*100).toFixed(1))+"%",1)]),e("div",ws,[e("div",Ms,t(s.$t("embeddings.stats.time")),1),e("div",Cs,t(S(I)(f.value.durationMs)),1)])])])]),e("div",Ss,[w.value!==null?(a(),n(A,{key:0},[V(se,{score:w.value},null,8,["score"]),e("p",Rs,[P(t(s.$t("embeddings.modelComparison.crossModelSimilarity"))+" ",1),w.value<.5?(a(),n(A,{key:0},[P(t(s.$t("embeddings.modelComparison.veryDifferent")),1)],64)):w.value<.8?(a(),n(A,{key:1},[P(t(s.$t("embeddings.modelComparison.moderateAgreement")),1)],64)):(a(),n(A,{key:2},[P(t(s.$t("embeddings.modelComparison.highAgreement")),1)],64))])],64)):(a(),n(A,{key:1},[e("p",zs,t(s.$t("embeddings.modelComparison.dimensionsMismatch",{dimA:r.value.dimensions,dimB:f.value.dimensions})),1),e("p",Bs,t(s.$t("embeddings.modelComparison.compareStats")),1)],64))])],64)):T("",!0)]),S(o).recentResults.length>0?(a(),n("section",Ts,[e("div",As,[e("h2",Vs,t(s.$t("embeddings.history.title")),1),e("button",{class:"text-xs text-text-muted hover:text-error transition-colors",onClick:$[7]||($[7]=l=>S(o).clearResults())},t(s.$t("embeddings.history.clearAll")),1)]),e("div",Fs,[(a(!0),n(A,null,W(S(o).recentResults.slice(0,10),l=>(a(),n("div",{key:l.id,class:"flex items-center justify-between rounded-lg bg-surface px-4 py-2 hover:bg-surface-overlay transition-colors cursor-pointer",onClick:F=>z.value=l},[e("div",Ns,[e("div",Es,t(l.input),1),e("div",js,[e("span",null,t(l.model),1),e("span",null,t(l.dimensions)+"d",1),e("span",null,t(S(I)(l.durationMs)),1)])]),e("button",{class:"ms-3 text-text-muted hover:text-error text-xs",onClick:te(F=>S(o).removeResult(l.id),["stop"])}," ✕ ",8,Ps)],8,Ds))),128))])])):T("",!0)]))}});export{Hs as default};
|
|
1
|
+
import{d as ae,r as _,a as N,o as le,n as ne,b as U,e as n,g as K,f as e,j as a,B as oe,w as Q,t,i as T,l as H,W as ie,F as A,k as W,Y as re,p as F,x as Z,s as G,h as P,y as ee,A as de,C as L,G as J,u as S,q as ce,D as X,Z as ue,v as te}from"./index-BI1ok0nK.js";import{c as I}from"./format-BqVZ9rwM.js";import{u as me}from"./storage-store-BVsJ2m6T.js";import{_ as ve}from"./StorageGauge.vue_vue_type_style_index_0_lang-OYUc8hU5.js";import{_ as pe}from"./_plugin-vue_export-helper-DlAUqK2U.js";const fe=ae("embeddings",()=>{const y=_([]),i=_(!1),o=_(null),x=N(()=>[...y.value].sort((c,m)=>m.timestamp-c.timestamp));async function v(c,m){i.value=!0,o.value=null;const g=Date.now();try{const k=(await le.embed({model:c,input:m})).embeddings[0];if(!k)throw new Error("No embedding returned");const p={id:ne(),model:c,input:m,vector:k,dimensions:k.length,timestamp:Date.now(),durationMs:Date.now()-g};return y.value.push(p),p}catch(M){throw o.value=M instanceof Error?M.message:"Embedding failed",M}finally{i.value=!1}}function b(c,m){if(c.length!==m.length)return 0;let g=0,M=0,k=0;for(let d=0;d<c.length;d++)g+=c[d]*m[d],M+=c[d]*c[d],k+=m[d]*m[d];const p=Math.sqrt(M)*Math.sqrt(k);return p===0?0:g/p}function h(c,m){return{score:b(c.vector,m.vector),a:c,b:m}}function z(){y.value=[]}function B(c){y.value=y.value.filter(m=>m.id!==c)}return{results:y,recentResults:x,loading:i,error:o,embed:v,cosineSimilarity:b,comparePair:h,clearResults:z,removeResult:B}}),O=U({__name:"LoadingSpinner",props:{size:{}},setup(y){return(i,o)=>(a(),n("div",{class:K(["inline-block animate-spin rounded-full border-2 border-current border-t-transparent text-accent",{"h-4 w-4":y.size==="sm"||!y.size,"h-6 w-6":y.size==="md","h-8 w-8":y.size==="lg"}]),role:"status"},[...o[0]||(o[0]=[e("span",{class:"sr-only"},"Loading...",-1)])],2))}}),ge={class:"space-y-1"},xe={key:0,class:"text-xs text-text-muted"},be=["height"],he={class:"text-text-muted"},ye={class:"flex items-center justify-between text-[10px] text-text-muted"},Y=U({__name:"EmbeddingVectorViz",props:{vector:{},label:{},height:{}},setup(y){const i=y,o=_(null),x=_(null),v=_(null),b=N(()=>i.height??120);function h(){const c=o.value,m=x.value;if(!c||!m)return;const g=c.getContext("2d");if(!g)return;const M=i.vector,k=m.clientWidth,p=b.value,d=window.devicePixelRatio||1;c.width=k*d,c.height=p*d,c.style.width=`${k}px`,c.style.height=`${p}px`,g.scale(d,d),g.clearRect(0,0,k,p);const u=k/M.length,r=p/2;let f=0;for(const w of M)Math.abs(w)>f&&(f=Math.abs(w));f===0&&(f=1);for(let w=0;w<M.length;w++){const R=M[w],j=R/f,D=Math.abs(j)*(r-2),C=.3+Math.abs(j)*.7;R>=0?(g.fillStyle=`rgba(139, 92, 246, ${C})`,g.fillRect(w*u,r-D,Math.max(u,.5),D)):(g.fillStyle=`rgba(251, 146, 60, ${C})`,g.fillRect(w*u,r,Math.max(u,.5),D))}g.strokeStyle="rgba(100, 116, 139, 0.3)",g.lineWidth=1,g.beginPath(),g.moveTo(0,r),g.lineTo(k,r),g.stroke()}function z(c){const m=o.value;if(!m)return;const g=m.getBoundingClientRect(),M=c.clientX-g.left,k=g.width/i.vector.length,p=Math.floor(M/k);p>=0&&p<i.vector.length?v.value={index:p,value:i.vector[p],x:c.clientX-g.left,y:c.clientY-g.top}:v.value=null}function B(){v.value=null}return oe(h),Q(()=>i.vector,h),(c,m)=>(a(),n("div",ge,[y.label?(a(),n("div",xe,t(y.label),1)):T("",!0),e("div",{ref_key:"containerRef",ref:x,class:"relative overflow-hidden rounded-lg border border-border-default bg-surface"},[e("canvas",{ref_key:"canvasRef",ref:o,height:b.value,class:"w-full cursor-crosshair",onMousemove:z,onMouseleave:B},null,40,be),v.value?(a(),n("div",{key:0,class:"pointer-events-none absolute z-10 rounded border border-border-default bg-surface-raised px-2 py-1 text-[10px] shadow-lg",style:H({left:`${Math.min(v.value.x,(x.value?.clientWidth??200)-120)}px`,top:`${v.value.y-36}px`})},[e("span",he,"dim["+t(v.value.index)+"]",1),e("span",{class:K(["ms-1.5 font-mono",v.value.value>=0?"text-accent":"text-warning"])},t(v.value.value.toFixed(6)),3)],4)):T("",!0)],512),e("div",ye,[m[0]||(m[0]=ie('<div class="flex items-center gap-3"><span class="flex items-center gap-1"><span class="inline-block h-1.5 w-1.5 rounded-full bg-[rgb(139,92,246)]"></span> Positive </span><span class="flex items-center gap-1"><span class="inline-block h-1.5 w-1.5 rounded-full bg-[rgb(251,146,60)]"></span> Negative </span></div>',1)),e("span",null,"All "+t(y.vector.length)+" dimensions",1)])]))}}),_e={class:"grid grid-cols-4 gap-2 text-xs lg:grid-cols-8"},$e={class:"text-text-muted"},ke={class:"font-medium text-text-primary"},we={class:"pointer-events-none absolute bottom-full left-1/2 z-50 mb-2 -translate-x-1/2 opacity-0 transition-opacity group-hover:opacity-100"},Me={class:"w-52 rounded-lg border border-border-default bg-surface-raised px-3 py-2 text-[10px] leading-relaxed text-text-secondary shadow-lg"},Ce=U({__name:"EmbeddingStats",props:{result:{}},setup(y){const i=y,o=N(()=>{const v=i.result.vector;let b=1/0,h=-1/0,z=0,B=0,c=0;for(const p of v)p<b&&(b=p),p>h&&(h=p),z+=p,B+=p*p,Math.abs(p)<.001&&c++;const m=z/v.length,g=B/v.length-m*m,M=Math.sqrt(B),k=c/v.length*100;return{dimensions:v.length,min:b.toFixed(4),max:h.toFixed(4),mean:m.toFixed(4),stdDev:Math.sqrt(Math.max(0,g)).toFixed(4),l2Norm:M.toFixed(4),sparsity:k.toFixed(1),duration:I(i.result.durationMs),memoryBytes:v.length*8}}),x=N(()=>[{key:"dims",label:"Dims",value:o.value.dimensions,tooltip:"Number of dimensions in the embedding vector. Higher dimensions capture more semantic nuance but use more memory."},{key:"min",label:"Min",value:o.value.min,tooltip:"Smallest value across all dimensions. Shows the negative activation floor of the embedding space."},{key:"max",label:"Max",value:o.value.max,tooltip:"Largest value across all dimensions. Shows the positive activation ceiling of the embedding space."},{key:"mean",label:"Mean",value:o.value.mean,tooltip:"Average value across all dimensions. Near-zero means the vector is well-centered, which is typical for normalized embeddings."},{key:"stdDev",label:"Std Dev",value:o.value.stdDev,tooltip:"Standard deviation — measures how spread out the values are. Higher means more varied activations across dimensions."},{key:"l2Norm",label:"L2 Norm",value:o.value.l2Norm,tooltip:"Euclidean length of the vector. Normalized embeddings have L2 norm close to 1.0, making cosine similarity equivalent to dot product."},{key:"sparsity",label:"Sparsity",value:`${o.value.sparsity}%`,tooltip:"Percentage of dimensions with near-zero values (|v| < 0.001). High sparsity means the text activates only a subset of the semantic dimensions."},{key:"duration",label:"Time",value:o.value.duration,tooltip:"Time taken by the model to compute the embedding vector from the input text."}]);return(v,b)=>(a(),n("div",_e,[(a(!0),n(A,null,W(x.value,h=>(a(),n("div",{key:h.key,class:"group relative rounded-lg bg-surface p-2 cursor-help"},[e("div",$e,t(h.label),1),e("div",ke,t(h.value),1),e("div",we,[e("div",Me,t(h.tooltip),1),b[0]||(b[0]=e("div",{class:"mx-auto h-2 w-2 -translate-y-1 rotate-45 border-b border-e border-border-default bg-surface-raised"},null,-1))])]))),128))]))}}),Se={key:0,class:"relative overflow-hidden rounded-lg border border-border-default bg-surface p-4"},Re={class:"mb-3 flex items-center justify-between text-[10px] text-text-muted"},ze={key:0},Be={key:1},Te={key:2},Ae={key:3,class:"font-mono"},Fe={class:"relative h-24 flex items-center justify-center"},Ve={key:0,class:"absolute inset-0 flex flex-wrap items-center justify-center gap-1.5 px-4"},De={key:0,class:"absolute inset-0 flex items-center justify-center"},Ne={class:"flex items-end gap-px h-16"},Ee={class:"text-text-muted"},je={class:"mt-3 flex items-center justify-between"},Pe={class:"flex items-center gap-3 text-[10px] text-text-muted"},qe={key:0,class:"text-text-muted"},We={class:"flex items-center gap-2 text-[10px] text-text-muted shrink-0"},Le=U({__name:"EmbeddingTransformViz",props:{inputText:{},isEmbedding:{type:Boolean},vector:{}},setup(y){const i=y,o=_("idle"),x=_(0),v=_(null),b=_(null),h=_(null);let z=0,B=0;const c=N(()=>i.inputText.split(/\s+/).filter(Boolean).slice(0,20)),m=N(()=>{if(!i.vector)return null;let d=0,u=0;for(const w of i.vector)w>=0?d++:u++;const r=d/i.vector.length;let f;return r>.7?f="Mostly positive activations":r<.3?f="Mostly negative activations":f="Balanced activation spread",{positive:d,negative:u,character:f}});function g(){const d=b.value,u=h.value;if(!d||!u||!i.vector)return;const r=d.getContext("2d");if(!r)return;const f=i.vector,w=u.clientWidth,R=96,j=window.devicePixelRatio||1;d.width=w*j,d.height=R*j,d.style.width=`${w}px`,d.style.height=`${R}px`,r.scale(j,j),r.clearRect(0,0,w,R);const D=w/f.length,C=R/2;let q=0;for(const E of f)Math.abs(E)>q&&(q=Math.abs(E));q===0&&(q=1);for(let E=0;E<f.length;E++){const s=f[E],$=s/q,l=Math.abs($)*(C-2),V=.3+Math.abs($)*.7;s>=0?(r.fillStyle=`rgba(139, 92, 246, ${V})`,r.fillRect(E*D,C-l,Math.max(D,.5),l)):(r.fillStyle=`rgba(251, 146, 60, ${V})`,r.fillRect(E*D,C,Math.max(D,.5),l))}r.strokeStyle="rgba(100, 116, 139, 0.3)",r.lineWidth=1,r.beginPath(),r.moveTo(0,C),r.lineTo(w,C),r.stroke()}function M(d){const u=b.value;if(!u||!i.vector)return;const r=u.getBoundingClientRect(),f=d.clientX-r.left,w=r.width/i.vector.length,R=Math.floor(f/w);R>=0&&R<i.vector.length?v.value={index:R,value:i.vector[R],x:d.clientX-r.left,y:d.clientY-r.top}:v.value=null}function k(){v.value=null}function p(d){B||(B=d);const u=d-B;u<600?(o.value="decomposing",x.value=u/600):u<1200&&(o.value="transforming",x.value=(u-600)/600),i.isEmbedding&&(z=requestAnimationFrame(p))}return Q(()=>i.isEmbedding,d=>{d?(B=0,x.value=0,v.value=null,o.value="decomposing",z=requestAnimationFrame(p)):(cancelAnimationFrame(z),i.vector?(o.value="complete",x.value=1,ee(g)):(o.value="idle",x.value=0))}),Q(()=>i.vector,()=>{o.value==="complete"&&i.vector&&ee(g)}),re(()=>cancelAnimationFrame(z)),(d,u)=>o.value!=="idle"||y.vector?(a(),n("div",Se,[e("div",Re,[o.value==="decomposing"?(a(),n("span",ze,"Tokenizing text...")):o.value==="transforming"?(a(),n("span",Be,"Projecting into embedding space...")):o.value==="complete"&&m.value?(a(),n("span",Te,t(m.value.character),1)):T("",!0),y.vector?(a(),n("span",Ae,t(y.vector.length)+" dimensions · "+t(m.value?.positive)+" positive · "+t(m.value?.negative)+" negative ",1)):T("",!0)]),e("div",Fe,[F(Z,{name:"fade"},{default:G(()=>[o.value==="decomposing"||o.value==="idle"&&!y.vector?(a(),n("div",Ve,[(a(!0),n(A,null,W(c.value,(r,f)=>(a(),n("span",{key:f,class:"inline-block rounded bg-accent/10 px-1.5 py-0.5 font-mono text-xs text-accent transition-all duration-500",style:H({opacity:o.value==="decomposing"?Math.max(0,1-x.value*1.5+f*.1):1,transform:o.value==="decomposing"?`translateY(${x.value*20*(f%2===0?-1:1)}px) scale(${1-x.value*.3})`:"none"})},t(r),5))),128))])):T("",!0)]),_:1}),F(Z,{name:"fade"},{default:G(()=>[o.value==="transforming"?(a(),n("div",De,[e("div",Ne,[(a(),n(A,null,W(60,r=>e("div",{key:r,class:"w-1 rounded-full transition-all duration-300",style:H({height:`${Math.abs(Math.sin(r*.5+x.value*10))*x.value*100}%`,backgroundColor:Math.sin(r*.5+x.value*10)>=0?`rgba(139, 92, 246, ${.3+x.value*.5})`:`rgba(251, 146, 60, ${.3+x.value*.5})`,opacity:Math.min(1,x.value*2)})},null,4)),64))])])):T("",!0)]),_:1}),F(Z,{name:"fade"},{default:G(()=>[o.value==="complete"&&y.vector?(a(),n("div",{key:0,ref_key:"canvasContainerRef",ref:h,class:"absolute inset-0"},[e("canvas",{ref_key:"canvasRef",ref:b,class:"w-full h-full cursor-crosshair",onMousemove:M,onMouseleave:k},null,544),v.value?(a(),n("div",{key:0,class:"pointer-events-none absolute z-10 rounded border border-border-default bg-surface-raised px-2 py-1 text-[10px] shadow-lg",style:H({left:`${Math.min(v.value.x,(h.value?.clientWidth??200)-120)}px`,top:`${v.value.y-36}px`})},[e("span",Ee,"dim["+t(v.value.index)+"]",1),e("span",{class:K(["ms-1.5 font-mono",v.value.value>=0?"text-accent":"text-warning"])},t(v.value.value.toFixed(6)),3)],4)):T("",!0)],512)):T("",!0)]),_:1})]),e("div",je,[e("div",Pe,[u[0]||(u[0]=e("span",{class:"flex items-center gap-1"},[e("span",{class:"inline-block h-2 w-2 rounded-full bg-[rgb(139,92,246)]"}),P(" Positive activation ")],-1)),u[1]||(u[1]=e("span",{class:"flex items-center gap-1"},[e("span",{class:"inline-block h-2 w-2 rounded-full bg-[rgb(251,146,60)]"}),P(" Negative activation ")],-1)),o.value==="complete"?(a(),n("span",qe," · Each bar = one semantic dimension. Taller = stronger signal. ")):T("",!0)]),e("div",We,[u[2]||(u[2]=e("span",{class:"rounded bg-surface-overlay px-1.5 py-0.5"},"Text",-1)),u[3]||(u[3]=e("span",null,"→",-1)),u[4]||(u[4]=e("span",{class:"rounded bg-surface-overlay px-1.5 py-0.5"},"Tokens",-1)),u[5]||(u[5]=e("span",null,"→",-1)),e("span",{class:K(["rounded px-1.5 py-0.5",o.value==="complete"?"bg-accent/10 text-accent":"bg-surface-overlay"])}," Vector ",2)])])])):T("",!0)}}),Ie=pe(Le,[["__scopeId","data-v-07aa1650"]]),Ue={class:"flex flex-col items-center gap-2"},He={class:"relative h-32 w-32"},Xe={viewBox:"0 0 100 100",class:"h-full w-full -rotate-90"},Ye=["stroke","stroke-dasharray"],Ke={class:"absolute inset-0 flex flex-col items-center justify-center"},Ze={class:"text-2xl font-bold text-text-primary"},se=U({__name:"SimilarityMeter",props:{score:{}},setup(y){const i=y,o=N(()=>Math.round(i.score*100)),x=N(()=>i.score>=.8?"#4ade80":i.score>=.5?"#fbbf24":"#f87171"),v=N(()=>i.score>=.9?"Very Similar":i.score>=.7?"Similar":i.score>=.5?"Somewhat Similar":i.score>=.3?"Weakly Related":"Dissimilar");return(b,h)=>(a(),n("div",Ue,[e("div",He,[(a(),n("svg",Xe,[h[0]||(h[0]=e("circle",{cx:"50",cy:"50",r:"42",fill:"none",class:"stroke-surface-overlay","stroke-width":"8"},null,-1)),e("circle",{cx:"50",cy:"50",r:"42",fill:"none",stroke:x.value,"stroke-width":"8","stroke-linecap":"round","stroke-dasharray":`${o.value*2.64} 264`},null,8,Ye)])),e("div",Ke,[e("span",Ze,t(o.value)+"%",1)])]),e("span",{class:"text-sm font-medium",style:H({color:x.value})},t(v.value),5),h[1]||(h[1]=e("span",{class:"text-xs text-text-muted"},"Cosine Similarity",-1))]))}}),Ge={class:"space-y-8"},Je={class:"flex items-center gap-3"},Oe={key:0,value:"",disabled:""},Qe=["value"],et={key:0,class:"text-xs text-warning"},tt={class:"rounded-lg border border-border-default bg-surface-raised p-5 space-y-4"},st={class:"text-base font-semibold text-text-primary"},ot={class:"text-sm text-text-muted"},at=["placeholder","disabled","onKeydown"],lt={class:"flex items-center gap-3"},nt=["disabled"],it={key:0,class:"flex items-center gap-2"},rt={key:1},dt={key:0,class:"text-sm text-error"},ct={class:"text-xs"},ut={class:"cursor-pointer text-text-muted hover:text-text-secondary"},mt={class:"mt-2 grid grid-cols-5 gap-1 font-mono text-text-secondary"},vt=["title"],pt={class:"rounded-lg border border-border-default bg-surface-raised p-5 space-y-4"},ft={class:"text-base font-semibold text-text-primary"},gt={class:"text-sm text-text-muted"},xt={class:"grid grid-cols-1 gap-4 lg:grid-cols-2"},bt={class:"block text-xs font-medium text-text-muted mb-1"},ht=["placeholder","disabled"],yt={class:"block text-xs font-medium text-text-muted mb-1"},_t=["placeholder","disabled"],$t=["disabled"],kt={key:0,class:"flex items-center gap-2"},wt={key:1},Mt={key:0,class:"flex flex-col items-center gap-6 py-4 lg:flex-row lg:items-start lg:justify-center"},Ct={class:"flex-1 space-y-2"},St={class:"text-xs font-medium text-text-muted"},Rt={class:"rounded-lg bg-surface p-3 text-sm text-text-secondary"},zt={class:"flex-1 space-y-2"},Bt={class:"text-xs font-medium text-text-muted"},Tt={class:"rounded-lg bg-surface p-3 text-sm text-text-secondary"},At={class:"rounded-lg border border-border-default bg-surface-raised p-5 space-y-4"},Ft={class:"text-base font-semibold text-text-primary"},Vt={class:"text-sm text-text-muted"},Dt={class:"grid grid-cols-1 gap-4 lg:grid-cols-2"},Nt={class:"block text-xs font-medium text-text-muted mb-1"},Et=["disabled"],jt=["value"],Pt={class:"block text-xs font-medium text-text-muted mb-1"},qt=["disabled"],Wt=["value"],Lt=["placeholder","disabled"],It=["disabled"],Ut={key:0,class:"flex items-center gap-2"},Ht={key:1},Xt={class:"grid grid-cols-1 gap-4 lg:grid-cols-2"},Yt={class:"space-y-3 rounded-lg border border-border-default bg-surface p-3"},Kt={class:"flex items-center justify-between"},Zt={class:"text-xs font-medium text-accent"},Gt={class:"text-[10px] text-text-muted"},Jt={class:"grid grid-cols-4 gap-1.5 text-[10px]"},Ot={class:"rounded bg-surface-overlay p-1.5"},Qt={class:"text-text-muted"},es={class:"font-medium text-text-primary"},ts={class:"rounded bg-surface-overlay p-1.5"},ss={class:"text-text-muted"},os={class:"font-medium text-text-primary"},as={class:"rounded bg-surface-overlay p-1.5"},ls={class:"text-text-muted"},ns={class:"font-medium text-text-primary"},is={class:"rounded bg-surface-overlay p-1.5"},rs={class:"text-text-muted"},ds={class:"font-medium text-text-primary"},cs={class:"space-y-3 rounded-lg border border-border-default bg-surface p-3"},us={class:"flex items-center justify-between"},ms={class:"text-xs font-medium text-accent"},vs={class:"text-[10px] text-text-muted"},ps={class:"grid grid-cols-4 gap-1.5 text-[10px]"},fs={class:"rounded bg-surface-overlay p-1.5"},gs={class:"text-text-muted"},xs={class:"font-medium text-text-primary"},bs={class:"rounded bg-surface-overlay p-1.5"},hs={class:"text-text-muted"},ys={class:"font-medium text-text-primary"},_s={class:"rounded bg-surface-overlay p-1.5"},$s={class:"text-text-muted"},ks={class:"font-medium text-text-primary"},ws={class:"rounded bg-surface-overlay p-1.5"},Ms={class:"text-text-muted"},Cs={class:"font-medium text-text-primary"},Ss={class:"rounded-lg border border-border-default bg-surface p-4 text-center"},Rs={class:"mt-2 text-xs text-text-muted"},zs={class:"text-sm text-text-muted py-2"},Bs={class:"text-xs text-text-muted"},Ts={key:1,class:"rounded-lg border border-border-default bg-surface-raised p-5 space-y-4"},As={class:"flex items-center justify-between"},Fs={class:"text-base font-semibold text-text-primary"},Vs={class:"space-y-2"},Ds=["onClick"],Ns={class:"flex-1 min-w-0"},Es={class:"truncate text-sm text-text-primary"},js={class:"flex gap-3 text-xs text-text-muted mt-0.5"},Ps=["onClick"],Hs=U({__name:"EmbeddingsPage",setup(y){const i=de(),o=fe(),x=me(),v=N(()=>x.getDatabaseById("message-memory")),b=_(""),h=_(""),z=_(null),B=_(""),c=_(""),m=_(null),g=_(null),M=_(null),k=_(!1),p=_(""),d=_(""),u=_(""),r=_(null),f=_(null),w=_(null),R=_(!1);async function j(){if(!(!p.value||!d.value||!u.value.trim())){R.value=!0,w.value=null,r.value=null,f.value=null;try{const[s,$]=await Promise.all([o.embed(p.value,u.value.trim()),o.embed(d.value,u.value.trim())]);r.value=s,f.value=$,s.dimensions===$.dimensions&&(w.value=o.cosineSimilarity(s.vector,$.vector))}catch{}finally{R.value=!1}}}const D=N(()=>i.models.filter(s=>s.name.includes("embed")||s.name.includes("nomic")||s.name.includes("minilm")||s.name.includes("snowflake")||s.name.includes("mxbai")||s.name.includes("bge"))),C=N(()=>D.value.length>0?D.value:i.models);async function q(){if(!(!b.value||!h.value.trim()))try{z.value=await o.embed(b.value,h.value.trim())}catch{}}async function E(){if(!(!b.value||!B.value.trim()||!c.value.trim())){k.value=!0,M.value=null;try{const[s,$]=await Promise.all([o.embed(b.value,B.value.trim()),o.embed(b.value,c.value.trim())]);m.value=s,g.value=$,M.value=o.cosineSimilarity(s.vector,$.vector)}catch{}finally{k.value=!1}}}return oe(async()=>{i.models.length===0&&await i.fetchModels(),C.value.length>0&&!b.value&&(b.value=C.value[0].name),C.value.length>=2?(p.value=C.value[0].name,d.value=C.value[1].name):C.value.length===1&&(p.value=C.value[0].name,d.value=C.value[0].name),await x.refreshIfStale()}),(s,$)=>(a(),n("div",Ge,[e("div",Je,[L(e("select",{"onUpdate:modelValue":$[0]||($[0]=l=>b.value=l),class:"rounded-lg border border-border-default bg-surface px-3 py-2 text-sm text-text-primary focus:border-accent focus:outline-none"},[C.value.length===0?(a(),n("option",Oe,t(s.$t("embeddings.modelSelector.noModels")),1)):T("",!0),(a(!0),n(A,null,W(C.value,l=>(a(),n("option",{key:l.name,value:l.name},t(l.name)+" "+t(S(i).capabilityIcons(l.name)),9,Qe))),128))],512),[[J,b.value]]),D.value.length===0&&S(i).models.length>0?(a(),n("span",et,t(s.$t("embeddings.modelSelector.noEmbeddingModels")),1)):T("",!0)]),S(x).origin&&v.value?(a(),ce(ve,{key:0,used:v.value.totalBytes,total:S(x).origin.quota,compact:"",label:`${s.$t("embeddings.storage.embeddingMemory")} · ${v.value.recordCount.toLocaleString()} ${s.$t("embeddings.storage.records")}`},null,8,["used","total","label"])):T("",!0),e("section",tt,[e("h2",st,t(s.$t("embeddings.playground.title")),1),e("p",ot,t(s.$t("embeddings.playground.description")),1),L(e("textarea",{"onUpdate:modelValue":$[1]||($[1]=l=>h.value=l),class:"w-full rounded-lg border border-border-default bg-surface px-4 py-3 text-sm text-text-primary placeholder-text-muted focus:border-accent focus:outline-none resize-none",rows:"3",placeholder:s.$t("embeddings.playground.placeholder"),disabled:S(o).loading,onKeydown:ue(te(q,["ctrl"]),["enter"])},null,40,at),[[X,h.value]]),e("div",lt,[e("button",{class:"rounded-lg bg-accent px-4 py-2 text-sm font-medium text-surface hover:bg-accent-hover transition-colors disabled:opacity-50",disabled:S(o).loading||!b.value||!h.value.trim(),onClick:q},[S(o).loading?(a(),n("span",it,[F(O,{size:"sm"}),P(" "+t(s.$t("embeddings.playground.embedding")),1)])):(a(),n("span",rt,t(s.$t("embeddings.playground.embed")),1))],8,nt),S(o).error?(a(),n("span",dt,t(S(o).error),1)):T("",!0)]),F(Ie,{"input-text":h.value,"is-embedding":S(o).loading,vector:z.value?.vector??null},null,8,["input-text","is-embedding","vector"]),z.value?(a(),n(A,{key:0},[F(Ce,{result:z.value},null,8,["result"]),e("details",ct,[e("summary",ut,t(s.$t("embeddings.playground.showRawValues",{total:z.value.dimensions})),1),e("div",mt,[(a(!0),n(A,null,W(z.value.vector.slice(0,50),(l,V)=>(a(),n("span",{key:V,class:"rounded bg-surface px-1.5 py-0.5",title:`dim[${V}]`},t(l.toFixed(4)),9,vt))),128))])])],64)):T("",!0)]),e("section",pt,[e("h2",ft,t(s.$t("embeddings.similarity.title")),1),e("p",gt,t(s.$t("embeddings.similarity.description")),1),e("div",xt,[e("div",null,[e("label",bt,t(s.$t("embeddings.similarity.textA")),1),L(e("textarea",{"onUpdate:modelValue":$[2]||($[2]=l=>B.value=l),class:"w-full rounded-lg border border-border-default bg-surface px-4 py-3 text-sm text-text-primary placeholder-text-muted focus:border-accent focus:outline-none resize-none",rows:"3",placeholder:s.$t("embeddings.similarity.placeholderA"),disabled:k.value},null,8,ht),[[X,B.value]])]),e("div",null,[e("label",yt,t(s.$t("embeddings.similarity.textB")),1),L(e("textarea",{"onUpdate:modelValue":$[3]||($[3]=l=>c.value=l),class:"w-full rounded-lg border border-border-default bg-surface px-4 py-3 text-sm text-text-primary placeholder-text-muted focus:border-accent focus:outline-none resize-none",rows:"3",placeholder:s.$t("embeddings.similarity.placeholderB"),disabled:k.value},null,8,_t),[[X,c.value]])])]),e("button",{class:"rounded-lg bg-accent px-4 py-2 text-sm font-medium text-surface hover:bg-accent-hover transition-colors disabled:opacity-50",disabled:k.value||!b.value||!B.value.trim()||!c.value.trim(),onClick:E},[k.value?(a(),n("span",kt,[F(O,{size:"sm"}),P(" "+t(s.$t("embeddings.similarity.comparing")),1)])):(a(),n("span",wt,t(s.$t("embeddings.similarity.compare")),1))],8,$t),M.value!==null&&m.value&&g.value?(a(),n("div",Mt,[e("div",Ct,[e("div",St,t(s.$t("embeddings.similarity.textA")),1),e("div",Rt,t(m.value.input),1),F(Y,{vector:m.value.vector,height:80},null,8,["vector"])]),F(se,{score:M.value},null,8,["score"]),e("div",zt,[e("div",Bt,t(s.$t("embeddings.similarity.textB")),1),e("div",Tt,t(g.value.input),1),F(Y,{vector:g.value.vector,height:80},null,8,["vector"])])])):T("",!0)]),e("section",At,[e("h2",Ft,t(s.$t("embeddings.modelComparison.title")),1),e("p",Vt,t(s.$t("embeddings.modelComparison.description")),1),e("div",Dt,[e("div",null,[e("label",Nt,t(s.$t("embeddings.modelComparison.modelA")),1),L(e("select",{"onUpdate:modelValue":$[4]||($[4]=l=>p.value=l),class:"w-full rounded-lg border border-border-default bg-surface px-3 py-2 text-sm text-text-primary outline-none focus:border-accent",disabled:R.value},[(a(!0),n(A,null,W(C.value,l=>(a(),n("option",{key:l.name,value:l.name},t(l.name)+" "+t(S(i).capabilityIcons(l.name)),9,jt))),128))],8,Et),[[J,p.value]])]),e("div",null,[e("label",Pt,t(s.$t("embeddings.modelComparison.modelB")),1),L(e("select",{"onUpdate:modelValue":$[5]||($[5]=l=>d.value=l),class:"w-full rounded-lg border border-border-default bg-surface px-3 py-2 text-sm text-text-primary outline-none focus:border-accent",disabled:R.value},[(a(!0),n(A,null,W(C.value,l=>(a(),n("option",{key:l.name,value:l.name},t(l.name)+" "+t(S(i).capabilityIcons(l.name)),9,Wt))),128))],8,qt),[[J,d.value]])])]),L(e("textarea",{"onUpdate:modelValue":$[6]||($[6]=l=>u.value=l),class:"w-full rounded-lg border border-border-default bg-surface px-4 py-3 text-sm text-text-primary placeholder-text-muted focus:border-accent focus:outline-none resize-none",rows:"2",placeholder:s.$t("embeddings.modelComparison.placeholder"),disabled:R.value},null,8,Lt),[[X,u.value]]),e("button",{class:"rounded-lg bg-accent px-4 py-2 text-sm font-medium text-surface hover:bg-accent-hover transition-colors disabled:opacity-50",disabled:R.value||!p.value||!d.value||!u.value.trim(),onClick:j},[R.value?(a(),n("span",Ut,[F(O,{size:"sm"}),P(" "+t(s.$t("embeddings.modelComparison.comparingModels")),1)])):(a(),n("span",Ht,t(s.$t("embeddings.modelComparison.compareModels")),1))],8,It),r.value&&f.value?(a(),n(A,{key:0},[e("div",Xt,[e("div",Yt,[e("div",Kt,[e("span",Zt,t(r.value.model),1),e("span",Gt,t(r.value.dimensions)+"d · "+t(S(I)(r.value.durationMs)),1)]),F(Y,{vector:r.value.vector,height:80},null,8,["vector"]),e("div",Jt,[e("div",Ot,[e("div",Qt,t(s.$t("embeddings.stats.dims")),1),e("div",es,t(r.value.dimensions),1)]),e("div",ts,[e("div",ss,t(s.$t("embeddings.stats.l2Norm")),1),e("div",os,t(Math.sqrt(r.value.vector.reduce((l,V)=>l+V*V,0)).toFixed(2)),1)]),e("div",as,[e("div",ls,t(s.$t("embeddings.stats.sparsity")),1),e("div",ns,t((r.value.vector.filter(l=>Math.abs(l)<.001).length/r.value.dimensions*100).toFixed(1))+"%",1)]),e("div",is,[e("div",rs,t(s.$t("embeddings.stats.time")),1),e("div",ds,t(S(I)(r.value.durationMs)),1)])])]),e("div",cs,[e("div",us,[e("span",ms,t(f.value.model),1),e("span",vs,t(f.value.dimensions)+"d · "+t(S(I)(f.value.durationMs)),1)]),F(Y,{vector:f.value.vector,height:80},null,8,["vector"]),e("div",ps,[e("div",fs,[e("div",gs,t(s.$t("embeddings.stats.dims")),1),e("div",xs,t(f.value.dimensions),1)]),e("div",bs,[e("div",hs,t(s.$t("embeddings.stats.l2Norm")),1),e("div",ys,t(Math.sqrt(f.value.vector.reduce((l,V)=>l+V*V,0)).toFixed(2)),1)]),e("div",_s,[e("div",$s,t(s.$t("embeddings.stats.sparsity")),1),e("div",ks,t((f.value.vector.filter(l=>Math.abs(l)<.001).length/f.value.dimensions*100).toFixed(1))+"%",1)]),e("div",ws,[e("div",Ms,t(s.$t("embeddings.stats.time")),1),e("div",Cs,t(S(I)(f.value.durationMs)),1)])])])]),e("div",Ss,[w.value!==null?(a(),n(A,{key:0},[F(se,{score:w.value},null,8,["score"]),e("p",Rs,[P(t(s.$t("embeddings.modelComparison.crossModelSimilarity"))+" ",1),w.value<.5?(a(),n(A,{key:0},[P(t(s.$t("embeddings.modelComparison.veryDifferent")),1)],64)):w.value<.8?(a(),n(A,{key:1},[P(t(s.$t("embeddings.modelComparison.moderateAgreement")),1)],64)):(a(),n(A,{key:2},[P(t(s.$t("embeddings.modelComparison.highAgreement")),1)],64))])],64)):(a(),n(A,{key:1},[e("p",zs,t(s.$t("embeddings.modelComparison.dimensionsMismatch",{dimA:r.value.dimensions,dimB:f.value.dimensions})),1),e("p",Bs,t(s.$t("embeddings.modelComparison.compareStats")),1)],64))])],64)):T("",!0)]),S(o).recentResults.length>0?(a(),n("section",Ts,[e("div",As,[e("h2",Fs,t(s.$t("embeddings.history.title")),1),e("button",{class:"text-xs text-text-muted hover:text-error transition-colors",onClick:$[7]||($[7]=l=>S(o).clearResults())},t(s.$t("embeddings.history.clearAll")),1)]),e("div",Vs,[(a(!0),n(A,null,W(S(o).recentResults.slice(0,10),l=>(a(),n("div",{key:l.id,class:"flex items-center justify-between rounded-lg bg-surface px-4 py-2 hover:bg-surface-overlay transition-colors cursor-pointer",onClick:V=>z.value=l},[e("div",Ns,[e("div",Es,t(l.input),1),e("div",js,[e("span",null,t(l.model),1),e("span",null,t(l.dimensions)+"d",1),e("span",null,t(S(I)(l.durationMs)),1)])]),e("button",{class:"ms-3 text-text-muted hover:text-error text-xs",onClick:te(V=>S(o).removeResult(l.id),["stop"])}," ✕ ",8,Ps)],8,Ds))),128))])])):T("",!0)]))}});export{Hs as default};
|