libre-webui 0.37.1 → 0.37.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/backend/dist/services/agentCliService.d.ts.map +1 -1
- package/backend/dist/services/agentCliService.js +3 -0
- package/backend/dist/services/agentCliService.js.map +1 -1
- package/backend/dist/utils/pluginDefinitionTrust.js +1 -1
- package/backend/package.json +1 -1
- package/frontend/dist/artifact-runtime/.build-fingerprint +1 -1
- package/frontend/dist/assets/index-DWLnkKwj.js +16 -0
- package/frontend/dist/index.html +17 -17
- package/frontend/dist/js/{ArtifactContainer-B1-GVzVf.js → ArtifactContainer-D4v4l15L.js} +1 -1
- package/frontend/dist/js/{ArtifactDemoPage-goftRHdk.js → ArtifactDemoPage-B2uaVpsi.js} +1 -1
- package/frontend/dist/js/{ArtifactSandboxFrame-_8RA8_JV.js → ArtifactSandboxFrame-DlWJHI-r.js} +1 -1
- package/frontend/dist/js/{ArtifactSlideOutPanel-DlkOZI5N.js → ArtifactSlideOutPanel-laZ98QKB.js} +1 -1
- package/frontend/dist/js/{AutomationModal-BaaxZF1M.js → AutomationModal-CjjiEZFA.js} +1 -1
- package/frontend/dist/js/{AutomationsPage-DY2x7zVm.js → AutomationsPage-jnWmD58y.js} +1 -1
- package/frontend/dist/js/{AvatarUpload-CH_n1Ef0.js → AvatarUpload-KaBaTKoG.js} +1 -1
- package/frontend/dist/js/{CalendarPage-DLo5nm3Q.js → CalendarPage-Dc7r-86c.js} +1 -1
- package/frontend/dist/js/{ChannelsPage-DnQI7mzq.js → ChannelsPage-DHPabX1e.js} +1 -1
- package/frontend/dist/js/{ChatPage-BaDkJnEC.js → ChatPage-ZvGp-iqV.js} +1 -1
- package/frontend/dist/js/{ConnectModels-B4dGb5yc.js → ConnectModels-aUTD6s9B.js} +1 -1
- package/frontend/dist/js/{CordisPage-CPiYn2Bx.js → CordisPage-DZKcpPVj.js} +1 -1
- package/frontend/dist/js/{EvaluationsPage-DpdGpd7x.js → EvaluationsPage-BB7sPhIR.js} +1 -1
- package/frontend/dist/js/{FirstTimeSetup-By8OE1JS.js → FirstTimeSetup-elqSi9JH.js} +1 -1
- package/frontend/dist/js/{GalleryPage-ByZyIhZQ.js → GalleryPage-CrlNRnkn.js} +1 -1
- package/frontend/dist/js/{HomePage-Btc-Mvin.js → HomePage-lR9h7_a1.js} +1 -1
- package/frontend/dist/js/{LanguageSwitcher-B3CxRW6J.js → LanguageSwitcher-CWkbzpxT.js} +1 -1
- package/frontend/dist/js/{LibreClawPage-3Sonm1gu.js → LibreClawPage-P19FnNlu.js} +1 -1
- package/frontend/dist/js/{NotesPage-lFhfjMqJ.js → NotesPage-DopG0M4B.js} +1 -1
- package/frontend/dist/js/{PersonasPage-nOThOpXp.js → PersonasPage-CIJINcQK.js} +1 -1
- package/frontend/dist/js/{PluginUsagePage-BRbHeRf7.js → PluginUsagePage-Cj0mUxD8.js} +1 -1
- package/frontend/dist/js/RichMessageContent-BZndQSJU.js +1 -0
- package/frontend/dist/js/{RichMessageContent-BZ7KKJKK.js → RichMessageContent-DxCHlUlY.js} +1 -1
- package/frontend/dist/js/{SettingsModal-VpsAx2Ns.js → SettingsModal-wAuFQOE4.js} +3 -3
- package/frontend/dist/js/{ShareDialog-CnxPGPb_.js → ShareDialog-Bhpt_Y1N.js} +1 -1
- package/frontend/dist/js/{SystemPage-D2ikvhDp.js → SystemPage-BfhVXqar.js} +1 -1
- package/frontend/dist/js/{UserManagementPanel-vxpiyiTZ.js → UserManagementPanel-BU95ZPOv.js} +1 -1
- package/frontend/dist/js/{WhatsNewModal-DAAFzY0d.js → WhatsNewModal-Dl69bG2T.js} +1 -1
- package/frontend/dist/js/{WorkPage-BYpYD9mr.js → WorkPage-CSderbeT.js} +1 -1
- package/frontend/dist/js/api-CU-JXx2u.js +1 -0
- package/frontend/dist/js/{api-CVUaOaq4.js → api-DPXCtanG.js} +1 -1
- package/frontend/dist/js/{appNavigation-CqtrZ9bm.js → appNavigation-R8iKverf.js} +1 -1
- package/frontend/dist/js/{appStore-Biw63DtJ.js → appStore-BD70bvas.js} +2 -2
- package/frontend/dist/js/appVersion-C7sxqgMd.js +1 -0
- package/frontend/dist/js/{authStore-C5qKrmn4.js → authStore-D8fc-Hl0.js} +3 -3
- package/frontend/dist/js/authStore-FNKLFUQp.js +1 -0
- package/frontend/dist/js/{chatStore-DQhEqb9F.js → chatStore-CK5ojwft.js} +3 -3
- package/frontend/dist/js/{client-gf5bjBrn.js → client-BeJbHHWx.js} +2 -2
- package/frontend/dist/js/{config-CNvgxwAm.js → config-D6Kcp5n3.js} +1 -1
- package/frontend/dist/js/{cordisApi-BYjA4EOQ.js → cordisApi-BS8QMSV4.js} +1 -1
- package/frontend/dist/js/{evaluationsApi-Bg12ekHo.js → evaluationsApi-2YwZBPk5.js} +1 -1
- package/frontend/dist/js/{messageCodeStyles-DJZ4QMVq.js → messageCodeStyles-D4haBw80.js} +1 -1
- package/frontend/dist/js/{teamEventStream-PXiwR5Kr.js → teamEventStream-omPy51va.js} +1 -1
- package/frontend/dist/js/{ui-DDMjO5dd.js → ui-D5-4niRk.js} +2 -2
- package/frontend/dist/js/{useChat-DaIZ2Dbu.js → useChat-DnGClJeX.js} +1 -1
- package/frontend/dist/js/{useDictation-BXyX1U8r.js → useDictation-D7zVBjDJ.js} +1 -1
- package/frontend/dist/js/{workApi-C3Td_lFD.js → workApi-C5InfT8x.js} +1 -1
- package/frontend/dist/js/workApi-FV75LKJn.js +1 -0
- package/package.json +1 -1
- package/plugins/codex-oauth.json +2 -0
- package/frontend/dist/assets/index-BrDSO609.js +0 -20
- package/frontend/dist/js/RichMessageContent-oyydJjgc.js +0 -1
- package/frontend/dist/js/api-C0ligMmL.js +0 -1
- package/frontend/dist/js/appVersion-D78eXAb-.js +0 -1
- package/frontend/dist/js/authStore-2DsDTcIu.js +0 -1
- package/frontend/dist/js/workApi-BIS9RxRi.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as e}from"./rolldown-runtime-hePW80VL.js";import{i as t,r as n,t as r}from"./react-vendor-wiHys0m2.js";import{d as i,f as a,u as o}from"./router-vendor-HZm4FR0A.js";import{a as s,t as c}from"./logger-BR4forr_.js";import{t as l}from"./useTranslation-B9kflK9S.js";import{a as u,i as d,n as f,s as p,t as m}from"./utils-p8Gt72YP.js";import{T as h,_ as g,a as _,d as v,f as y,g as b,h as x,i as S,l as C,n as w,o as T,p as E,r as D,t as O,u as k}from"./chatStore-DQhEqb9F.js";import{Cr as A,Ct as j,Et as M,F as N,Fn as ee,G as te,Gt as ne,H as re,In as P,Jn as F,Kt as ie,L as I,Lt as ae,M as L,O as oe,P as se,Pn as ce,Qn as R,S as z,St as le,V as ue,Y as de,Yn as fe,Z as pe,Zn as me,_n as he,a as ge,ar as _e,b as ve,c as ye,dr as be,et as xe,g as B,gn as V,hr as Se,jn as Ce,kn as we,lt as Te,m as Ee,mr as De,n as H,o as U,on as W,or as Oe,ot as ke,p as Ae,q as G,r as K,rn as je,sn as q,st as Me,t as Ne,tn as Pe,ur as Fe,vr as Ie,wr as J,wt as Le,y as Re,zn as ze}from"./ui-vendor-BhHHyHk3.js";import{M as Be,P as Y,S as Ve,T as He,_ as X,a as Ue,d as We,f as Ge,g as Ke,i as qe,m as Je,n as Ye,p as Xe,t as Ze,y as Qe}from"./api-CVUaOaq4.js";import{t as $e}from"./authStore-C5qKrmn4.js";import{t as et}from"./appStore-Biw63DtJ.js";import{i as tt,r as nt,t as rt}from"./welcomePrompts-to5mv_gx.js";import{l as it}from"./messageCodeStyles-DJZ4QMVq.js";import{t as Z}from"./Button-CGMYia4g.js";import{d as at,f as ot,l as st,p as ct}from"./ui-DDMjO5dd.js";import{t as lt}from"./LogoMark-GJnfMXsk.js";import{a as ut,i as dt,n as ft,o as pt,r as mt}from"./useChat-DaIZ2Dbu.js";import{a as ht,i as gt,o as _t,r as vt,s as yt,t as bt}from"./ttsBatching-kFVEE3Ip.js";import{t as xt}from"./ConnectModels-B4dGb5yc.js";import{i as St,n as Ct,r as wt,t as Tt}from"./thinking-DwlkTfPX.js";import{t as Et}from"./ArtifactContainer-B1-GVzVf.js";import{t as Dt}from"./evaluationsApi-Bg12ekHo.js";import{n as Ot,t as kt}from"./useDictation-BXyX1U8r.js";import{n as At,t as jt}from"./composerStyles-C83jssgZ.js";var Mt=n(),Q=e(t(),1),$=r(),Nt=e=>{try{return JSON.stringify(JSON.parse(e),null,2)}catch{return e}},Pt=({status:e})=>e===`running`||e===`awaiting_approval`?(0,$.jsx)(ae,{className:`h-3.5 w-3.5 animate-spin`}):e===`succeeded`?(0,$.jsx)(R,{className:`h-3.5 w-3.5 text-green-600 dark:text-green-400`}):e===`denied`?(0,$.jsx)(H,{className:`h-3.5 w-3.5 text-amber-600 dark:text-amber-400`}):(0,$.jsx)(B,{className:`h-3.5 w-3.5 text-red-500 dark:text-red-400`}),Ft=({call:e})=>{let{t}=l(),[n,r]=(0,Q.useState)(!1),i=t(`tools.callStatus.${e.status}`);return(0,$.jsxs)(`div`,{className:`rounded-lg border border-gray-200 dark:border-dark-200 bg-gray-50 dark:bg-dark-50 text-sm`,children:[(0,$.jsxs)(`button`,{type:`button`,onClick:()=>r(e=>!e),className:`flex w-full items-center gap-2 px-3 py-2 text-left`,"aria-expanded":n,children:[n?(0,$.jsx)(me,{className:`h-3.5 w-3.5 shrink-0 text-gray-400`}):(0,$.jsx)(fe,{className:`h-3.5 w-3.5 shrink-0 text-gray-400`}),(0,$.jsx)(K,{className:`h-3.5 w-3.5 shrink-0 text-gray-500 dark:text-gray-400`}),(0,$.jsx)(`span`,{className:`truncate font-medium text-gray-700 dark:text-gray-200`,dir:`ltr`,children:e.name}),e.serverName&&(0,$.jsx)(`span`,{className:`truncate text-xs text-gray-500 dark:text-gray-400`,children:e.serverName}),(0,$.jsxs)(`span`,{className:m(`ml-auto flex shrink-0 items-center gap-1 text-xs`,e.status===`succeeded`?`text-green-600 dark:text-green-400`:e.status===`failed`?`text-red-500 dark:text-red-400`:e.status===`denied`?`text-amber-600 dark:text-amber-400`:`text-gray-500 dark:text-gray-400`),children:[(0,$.jsx)(Pt,{status:e.status}),i]})]}),n&&(0,$.jsxs)(`div`,{className:`border-t border-gray-200 px-3 py-2 dark:border-dark-200`,children:[(0,$.jsx)(`div`,{className:`text-xs font-medium text-gray-500 dark:text-gray-400`,children:t(`tools.arguments`)}),(0,$.jsx)(`pre`,{dir:`ltr`,className:`mt-1 max-h-48 overflow-auto whitespace-pre-wrap rounded bg-white p-2 font-mono text-xs text-gray-700 dark:bg-dark-100 dark:text-gray-300`,children:Nt(e.arguments)}),e.resultPreview!==void 0&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{className:`mt-2 text-xs font-medium text-gray-500 dark:text-gray-400`,children:t(`tools.result`)}),(0,$.jsx)(`pre`,{dir:`ltr`,className:`mt-1 max-h-48 overflow-auto whitespace-pre-wrap rounded bg-white p-2 font-mono text-xs text-gray-700 dark:bg-dark-100 dark:text-gray-300`,children:e.resultPreview})]})]})]})},It=({calls:e,className:t})=>e.length===0?null:(0,$.jsx)(`div`,{className:m(`flex flex-col gap-1.5`,t),children:e.map(e=>(0,$.jsx)(Ft,{call:e},e.id))}),Lt=({approval:e,onDecide:t,className:n})=>{let{t:r}=l(),[i,a]=(0,Q.useState)(!1),o=(n,r)=>{a(!0),t(e.approvalId,n,r)};return(0,$.jsxs)(`div`,{role:`alertdialog`,"aria-label":r(`tools.approval.title`),className:m(`rounded-lg border border-primary-300/70 bg-primary-50 p-3 text-sm dark:border-primary-700/60 dark:bg-primary-900/20`,n),children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 font-medium text-primary-800 dark:text-primary-200`,children:[(0,$.jsx)(I,{className:`h-4 w-4 shrink-0`}),r(`tools.approval.title`)]}),(0,$.jsx)(`p`,{className:`mt-1 text-primary-800/90 dark:text-primary-100/80`,children:r(`tools.approval.description`,{tool:e.toolCall.name,server:e.toolCall.serverName??r(`tools.approval.builtinSource`)})}),(0,$.jsx)(`pre`,{dir:`ltr`,className:`mt-2 max-h-32 overflow-auto whitespace-pre-wrap rounded bg-white/70 p-2 font-mono text-xs text-gray-700 dark:bg-dark-100 dark:text-gray-300`,children:Nt(e.toolCall.arguments)}),(0,$.jsxs)(`div`,{className:`mt-3 flex flex-wrap gap-2`,children:[(0,$.jsx)(Z,{size:`sm`,disabled:i,onClick:()=>o(!0,`once`),children:r(`tools.approval.allowOnce`)}),(0,$.jsx)(Z,{size:`sm`,variant:`secondary`,disabled:i,onClick:()=>o(!0,`session`),children:r(`tools.approval.allowSession`)}),(0,$.jsx)(Z,{size:`sm`,variant:`secondary`,disabled:i,onClick:()=>o(!0,`always`),children:r(`tools.approval.allowAlways`)}),(0,$.jsx)(Z,{size:`sm`,variant:`ghost`,disabled:i,onClick:()=>o(!1,`once`),children:r(`tools.approval.deny`)})]})]})},Rt=({statistics:e,className:t=``})=>{let[n,r]=(0,Q.useState)(!1),{t:i}=l(),a=e=>{if(e==null)return`N/A`;let t=e/1e6;return t<1e3?`${Math.round(t)}ms`:`${(t/1e3).toFixed(2)}s`},o=e=>e?`${e.toFixed(1)} t/s`:`N/A`,s=e.prompt_eval_count||0,c=e.eval_count||0,u=s+c,d=a(e.total_duration),f=o(e.tokens_per_second);return(0,$.jsxs)(`div`,{className:`text-xs text-gray-500 dark:text-dark-500 mt-2 ${t}`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-4 mb-1`,children:[(0,$.jsxs)(`span`,{className:`flex items-center gap-1 text-gray-600 dark:text-dark-600`,children:[(0,$.jsx)(ne,{size:12,className:`text-primary-500`}),c,` tokens`]}),(0,$.jsx)(`span`,{className:`text-gray-500 dark:text-dark-500`,children:f}),(0,$.jsx)(`span`,{className:`text-gray-500 dark:text-dark-500`,children:d}),e.model&&(0,$.jsx)(`span`,{className:`text-gray-400 dark:text-dark-400 bg-gray-100 dark:bg-dark-200 px-2 py-0.5 rounded-full truncate max-w-32 sm:max-w-48`,title:e.model,children:e.model})]}),(0,$.jsxs)(`button`,{onClick:()=>r(!n),className:`flex items-center gap-1 text-gray-400 dark:text-dark-400 hover:text-gray-600 dark:hover:text-dark-600 transition-colors`,children:[n?(0,$.jsx)(me,{size:12}):(0,$.jsx)(fe,{size:12,className:`rtl:rotate-180`}),(0,$.jsx)(`span`,{children:i(`generationStats.details`)})]}),n&&(0,$.jsxs)(`div`,{className:`mt-2 p-3 bg-gray-50 dark:bg-dark-100 border border-gray-200 dark:border-dark-300 rounded-lg text-xs space-y-2`,children:[(0,$.jsxs)(`div`,{className:`grid grid-cols-2 gap-x-4 gap-y-2`,children:[(0,$.jsxs)(`div`,{className:`text-gray-700 dark:text-dark-700`,children:[(0,$.jsx)(`span`,{className:`font-medium text-gray-800 dark:text-dark-800`,children:i(`generationStats.promptTokens`)}),` `,s]}),(0,$.jsxs)(`div`,{className:`text-gray-700 dark:text-dark-700`,children:[(0,$.jsx)(`span`,{className:`font-medium text-gray-800 dark:text-dark-800`,children:i(`generationStats.generatedTokens`)}),` `,c]}),(0,$.jsxs)(`div`,{className:`text-gray-700 dark:text-dark-700`,children:[(0,$.jsx)(`span`,{className:`font-medium text-gray-800 dark:text-dark-800`,children:i(`generationStats.totalTokens`)}),` `,u]}),(0,$.jsxs)(`div`,{className:`text-gray-700 dark:text-dark-700`,children:[(0,$.jsx)(`span`,{className:`font-medium text-gray-800 dark:text-dark-800`,children:i(`generationStats.speed`)}),` `,f]}),(0,$.jsxs)(`div`,{className:`text-gray-700 dark:text-dark-700`,children:[(0,$.jsx)(`span`,{className:`font-medium text-gray-800 dark:text-dark-800`,children:i(`generationStats.promptEval`)}),` `,a(e.prompt_eval_duration)]}),(0,$.jsxs)(`div`,{className:`text-gray-700 dark:text-dark-700`,children:[(0,$.jsx)(`span`,{className:`font-medium text-gray-800 dark:text-dark-800`,children:i(`generationStats.generation`)}),` `,a(e.eval_duration)]}),(0,$.jsxs)(`div`,{className:`text-gray-700 dark:text-dark-700`,children:[(0,$.jsx)(`span`,{className:`font-medium text-gray-800 dark:text-dark-800`,children:i(`generationStats.modelLoad`)}),` `,a(e.load_duration)]}),(0,$.jsxs)(`div`,{className:`text-gray-700 dark:text-dark-700`,children:[(0,$.jsx)(`span`,{className:`font-medium text-gray-800 dark:text-dark-800`,children:i(`generationStats.totalTime`)}),` `,d]})]}),e.created_at&&(0,$.jsxs)(`div`,{className:`pt-2 border-t border-gray-200 dark:border-dark-300 text-gray-600 dark:text-dark-600`,children:[(0,$.jsx)(`span`,{className:`font-medium text-gray-800 dark:text-dark-800`,children:i(`generationStats.generatedAt`)}),` `,new Date(e.created_at).toLocaleTimeString()]})]})]})},zt=c(`components:ttsbutton`),Bt=null,Vt=null,Ht=0,Ut=3e5;async function Wt(e=!1){let t=Date.now();return!e&&Bt!==null&&t-Ht<Ut?Bt:Vt||(Vt=(async()=>{try{let e=await Ue.getModels();return e.success&&e.data&&e.data.length>0?(Bt=e.data,Ht=t,e.data):(Bt=[],Ht=t,[])}catch{return Bt=[],Ht=t,[]}finally{Vt=null}})(),Vt)}var Gt=({text:e,className:t,size:n=`sm`,externalPlaybackState:r,onStopExternal:i,onRetryExternal:a})=>{let{t:o,i18n:s}=l(),{preferences:c}=et(),[u,d]=(0,Q.useState)(`idle`),[f,p]=(0,Q.useState)(null),[h,g]=(0,Q.useState)([]),[_,v]=(0,Q.useState)(null),y=(0,Q.useRef)(null),b=(0,Q.useRef)(0);(0,Q.useEffect)(()=>{let e=!0;return(async()=>{let t=await Wt(),n=Ye(t,c.ttsSettings?.model,c.ttsSettings?.pluginId);c.ttsSettings?.model&&!n&&(t=await Wt(!0)),e&&(g(t),v(t.length>0))})(),()=>{e=!1}},[c.ttsSettings?.model,c.ttsSettings?.pluginId]);let x=()=>{b.current+=1,y.current?.cancel(),y.current=null,d(`idle`)},S=async()=>{if(r===`blocked`||r===`error`){a?.();return}if(r===`loading`||r===`generating`||r===`buffering`||r===`playing`){i?.();return}if(u===`loading`||u===`generating`||u===`buffering`||u===`playing`){x();return}if(y.current){x();return}let t=yt();d(`loading`),p(null);let n=b.current+1;b.current=n;try{let r=await t;if(b.current!==n)return;if(r===`blocked`){d(`blocked`);return}let i=c.ttsSettings,a=qe(h,i?.model,i?.pluginId),l=a?.model||i?.model||`tts-1`,u=a?.plugin||i?.pluginId,f=a?.model===i?.model&&(!i?.pluginId||a?.plugin===i.pluginId),p=f&&i?.voice||a?.config?.default_voice,m=f&&i?.voiceProfileId||void 0,g=i?.speed||1,_=a?.config?.default_format,v=Math.max(1,a?.config?.max_characters||600),x=Math.min(v,600),S=i?.streamSentences!==!1||e.length>x?vt(e,{locale:s.language,maxChars:x,targetChars:Math.min(x,420),minChars:Math.min(x,80)}):[e.trim()];if(S.length===0)throw Error(o(`ttsButton.generateFailed`));let C=gt({concurrency:3,initialBufferSize:Math.min(2,S.length),generate:(e,{signal:t})=>Ue.generate({model:l,pluginId:u,input:e,voice:m?void 0:p||void 0,voiceProfileId:m,speed:g,response_format:_},{signal:t}),onStateChange:e=>{b.current===n&&d(e)}});y.current=C;let w=bt(C);try{await C.play(S)}finally{w(),y.current===C&&(y.current=null)}}catch(e){if(b.current!==n)return;if(ht(e)){d(`idle`);return}if(_t(e)){d(`blocked`);return}let t=e instanceof Error?e.message:o(`ttsButton.generateFailed`);p(t),zt.error(`TTS error:`,e),d(`error`)}};if((0,Q.useEffect)(()=>()=>{b.current+=1,y.current?.cancel(),y.current=null},[]),_===!1||_===null)return null;let C={sm:`h-6 w-6 p-1`,md:`h-8 w-8 p-1.5`,lg:`h-10 w-10 p-2`},w={sm:`h-3.5 w-3.5`,md:`h-4 w-4`,lg:`h-5 w-5`},T=r&&![`idle`,`ended`,`cancelled`].includes(r)?r:u,E=T===`loading`||T===`generating`||T===`buffering`,D=T===`playing`,O=T===`blocked`,k=!!f||T===`error`,A=f||o(k?`ttsButton.playbackFailed`:O?`ttsButton.enableAudio`:D||E?D?`ttsButton.stopSpeaking`:T===`buffering`?`ttsButton.bufferingSpeech`:T===`generating`?`ttsButton.generatingSpeech`:`ttsButton.preparingSpeech`:`ttsButton.readAloud`);return(0,$.jsxs)(`button`,{onClick:S,disabled:!e,title:A,"aria-label":A,"aria-busy":E||void 0,className:m(`inline-flex items-center justify-center rounded-full transition-all duration-200`,`hover:bg-gray-100 dark:hover:bg-dark-200`,`focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-1`,`disabled:opacity-50 disabled:cursor-not-allowed`,k?`text-red-500 dark:text-red-400`:O?`w-auto gap-1 bg-amber-50 px-2 text-amber-700 dark:bg-amber-900/20 dark:text-amber-300`:D?`text-primary-600 dark:text-primary-400 bg-primary-50 dark:bg-primary-900/20`:`text-gray-500 dark:text-gray-400`,!O&&C[n],O&&n===`sm`&&`h-7`,O&&n===`md`&&`h-8`,O&&n===`lg`&&`h-10`,t),children:[E?(0,$.jsx)(ae,{className:m(w[n],`animate-spin`)}):D?(0,$.jsx)(oe,{className:w[n]}):k||O?(0,$.jsx)(ge,{className:w[n]}):(0,$.jsx)(U,{className:w[n]}),O&&(0,$.jsx)(`span`,{className:`whitespace-nowrap text-xs font-medium`,children:o(`ttsButton.enableAudioShort`)})]})},Kt=80,qt=5e3,Jt=15e3;function Yt({sessionId:e,messageId:t,thinking:n,isThinking:r,isPrivate:i}){let a=et(e=>e.preferences.titleSettings),o=(0,Q.useRef)(n),[c,l]=(0,Q.useState)(null),{autoTitle:u,taskModel:d,taskProviderType:f,taskProviderId:p}=a??{};return(0,Q.useEffect)(()=>{o.current=n},[n]),(0,Q.useEffect)(()=>{if(!e||!r||i||!u||!d||s())return;let n=!1,a,c=``,m=new AbortController,h=async()=>{let r=(o.current??``).slice(-4e3).trim();if(r.length<Kt||r===c){n||(a=setTimeout(()=>void h(),400));return}c=r;let i=Date.now(),s=qt;try{let i=await Y.summarizeThinking(e,{model:d,thinking:r,providerType:f,providerId:p},m.signal);if(!i.success||!i.data?.summary?.trim())throw Error(`Thinking summary unavailable`);n||l({sessionId:e,messageId:t,summary:i.data.summary.trim().slice(0,160)})}catch{s=Jt}n||(a=setTimeout(()=>void h(),Math.max(0,s-(Date.now()-i))))};return a=setTimeout(()=>void h(),350),()=>{n=!0,clearTimeout(a),m.abort()}},[e,t,r,i,u,d,f,p]),c&&c.sessionId===e&&c.messageId===t?c.summary:null}var Xt=[`accuracy`,`style`,`incomplete`,`harmful`,`formatting`],Zt=c(`components:chat-message`);function Qt({role:e,user:t,persona:n,modelAvatar:r}){let[i,a]=(0,Q.useState)(null);if(e===`assistant`){if(n)return(0,$.jsx)(`img`,{src:Ke(n,64),alt:n.name,"data-testid":`chat-assistant-avatar`,onError:e=>X(e.currentTarget,n.name,64),className:`mt-0.5 h-8 w-8 shrink-0 rounded-lg object-cover`});let e=r?.trim()??``,t=e.startsWith(`data:`)&&e!==i?e:``;return(0,$.jsx)(`div`,{role:`img`,"aria-label":`Libre WebUI`,"data-testid":`chat-assistant-avatar`,className:`mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center overflow-hidden rounded-full border border-black/[0.07] bg-white text-gray-900 shadow-sm dark:border-white/[0.09] dark:bg-dark-200 dark:text-dark-950`,children:t?(0,$.jsx)(`img`,{src:t,alt:``,className:`h-full w-full object-cover`,onError:()=>a(e)}):e?(0,$.jsx)(`span`,{"aria-hidden":`true`,className:`text-base leading-none`,children:e}):(0,$.jsx)(lt,{label:null,className:`h-4 w-4`})})}let o=t?.username||`User`,s=t?.avatar?.trim()||``,c=!!s&&s!==i;return(0,$.jsx)(`div`,{role:c?void 0:`img`,"aria-label":c?void 0:o,"data-testid":`chat-user-avatar`,className:m(`mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center overflow-hidden rounded-full`,c?`border border-black/[0.07] bg-white dark:border-white/[0.09] dark:bg-dark-200`:`bg-gray-950 text-white dark:bg-white dark:text-gray-950`),title:o,children:c?(0,$.jsx)(`img`,{src:s,alt:o,className:`h-full w-full object-cover`,onError:()=>a(s)}):t?.username?(0,$.jsx)(`span`,{"aria-hidden":`true`,className:`text-xs font-medium uppercase leading-none`,children:t.username.charAt(0)}):(0,$.jsx)(ye,{"aria-hidden":`true`,className:`h-4 w-4`})})}var $t=Q.memo(({message:e,isStreaming:t=!1,className:n,isLastAssistantMessage:r=!1,onRegenerate:i,onFork:a,onEditResend:o})=>{let{t:s,i18n:c}=l(),u=e.role===`user`,f=e.role===`system`,h=f&&_(e.content),g=h?e.content.slice(w.length):e.content,v=et(e=>e.preferences),y=$e(e=>e.user),b=O(e=>e.setSystemMessage),x=O(e=>e.rateMessage),S=O(e=>e.modelMetadata),C=O(e=>e.currentSession?.id),T=O(e=>e.currentSession?.model),E=O(e=>e.currentSession?.isPrivate===!0),D=O(e=>e.getCurrentPersona()),k=e.model||T||``,A=k?S[k]??Object.entries(S).find(([e])=>e.slice(e.indexOf(`/`)+1)===k)?.[1]:void 0,[j,M]=(0,Q.useState)(!1),[N,ee]=(0,Q.useState)(e.content),[te,ne]=(0,Q.useState)(null),[P,ie]=(0,Q.useState)(!1),[I,ae]=(0,Q.useState)(!1),[L,oe]=(0,Q.useState)(!1),se=(0,Q.useId)(),[ce,z]=(0,Q.useState)(`idle`),[le,ue]=(0,Q.useState)(null),[fe,he]=(0,Q.useState)([]),[ge,ye]=(0,Q.useState)(``),[be,xe]=(0,Q.useState)(!1),B=(0,Q.useRef)(null),V=(0,Q.useRef)(0),Se=(0,Q.useRef)(t),we=(0,Q.useRef)(!1),Te=async()=>{try{await navigator.clipboard.writeText(e.content),it(`success`),xe(!0),setTimeout(()=>xe(!1),2e3)}catch(e){Zt.error(`Failed to copy message:`,e)}},{thinkingContent:De,thinkingStreaming:U,parsedContent:W,artifacts:Oe}=(0,Q.useMemo)(()=>{if(u||f||!e.content&&!e.thinking)return{thinkingContent:null,thinkingStreaming:!1,parsedContent:e.content,artifacts:e.artifacts||[]};let n=e.thinking?{thinking:e.thinking,content:e.content,thinkingComplete:!!e.content||!t}:p(e.content),r=n.content,i=t&&!n.thinkingComplete;if(e.artifacts&&e.artifacts.length>0)return{thinkingContent:n.thinking,thinkingStreaming:i,parsedContent:r,artifacts:e.artifacts};if(!t){let e=pt(r);return{thinkingContent:n.thinking,thinkingStreaming:i,parsedContent:e.content,artifacts:e.artifacts}}return{thinkingContent:n.thinking,thinkingStreaming:i,parsedContent:r,artifacts:[]}},[e.content,e.thinking,e.artifacts,u,f,t]),ke=U?void 0:e.statistics?.thinking_duration_ms??ut(e.id),Ae=Yt({sessionId:C,messageId:e.id,thinking:De,isThinking:U,isPrivate:E}),K=ke===void 0?s(`chatMessage.thinking`):s(`chatMessage.thoughtFor`,{duration:dt(ke)}),q=(0,Q.useCallback)(async e=>{let t=V.current+1;V.current=t,B.current?.cancel(),B.current=null,z(`loading`);try{if(e){let n=await e;if(V.current!==t)return;if(n===`blocked`){z(`blocked`);return}}let n=await Ue.getModels();if(V.current!==t)return;let r=n.success&&n.data?n.data:[],i=v.ttsSettings,a=qe(r,i?.model,i?.pluginId),o=Ye(r,i?.model,i?.pluginId),s=a?.model||i?.model||`tts-1`,l=a?.plugin||i?.pluginId,u=o&&i?.voice||a?.config?.default_voice,d=o&&i?.voiceProfileId||void 0,f=Math.max(1,a?.config?.max_characters||600),p=Math.min(f,600),m=i?.streamSentences!==!1||W.length>p?vt(W,{locale:c.language,maxChars:p,targetChars:Math.min(p,420),minChars:Math.min(p,80)}):[W.trim()];if(m.length===0){z(`idle`);return}let h=gt({concurrency:3,initialBufferSize:Math.min(2,m.length),generate:(e,{signal:t})=>Ue.generate({model:s,pluginId:l,input:e,voice:d?void 0:u||void 0,voiceProfileId:d,speed:i?.speed||1,response_format:a?.config?.default_format},{signal:t}),onStateChange:e=>{V.current===t&&z(e)}});if(V.current!==t){h.cancel();return}B.current=h;let g=bt(h);try{await h.play(m)}finally{g(),B.current===h&&(B.current=null),V.current===t&&(h.state===`ended`||h.state===`cancelled`)&&z(`idle`)}}catch(e){if(V.current!==t)return;ht(e)?z(`idle`):_t(e)?z(`blocked`):(Zt.error(`Auto-play TTS failed:`,e),z(`error`))}},[c.language,W,v.ttsSettings]);(0,Q.useEffect)(()=>{let e=Se.current&&!t;Se.current=t,e&&!we.current&&!u&&!f&&W&&v.ttsSettings?.enabled&&v.ttsSettings.autoPlay&&(we.current=!0,q())},[t,u,f,W,v.ttsSettings?.autoPlay,v.ttsSettings?.enabled,q]),(0,Q.useEffect)(()=>()=>{V.current+=1,B.current?.cancel(),B.current=null},[]);let Ne=()=>{let e=yt();q(e)},Pe=()=>{V.current+=1,B.current?.cancel(),B.current=null,z(`idle`)},Fe=()=>h?s(`chatMessage.conversationSummary`):f?s(`chatMessage.system`):u?v.showUsername&&y?.username?y.username:s(`chatMessage.you`):D?.name?D.name:A?.label||k||s(`chatMessage.assistant`),Ie=()=>{M(!0),ee(e.content)},[Le,ze]=(0,Q.useState)(!1),Be=async()=>{if(C&&!Le){ze(!0);try{let t=await Y.restoreCompaction(C,e.id);if(!t.success||!t.data)throw Error(t.error||`Restore failed`);let n=t.data;O.setState(e=>({sessions:e.sessions.map(e=>e.id===n.id?n:e),currentSession:e.currentSession?.id===n.id?n:e.currentSession}))}catch(e){Zt.error(`Failed to restore compacted messages:`,e),J.error(s(`chatMessage.restoreFailed`))}finally{ze(!1)}}},Ve=async()=>{ie(!0);try{b(N),M(!1),Zt.debug(`✅ System message updated:`,N)}catch(e){Zt.error(`Failed to save system message:`,e)}finally{ie(!1)}},He=()=>{M(!1),ee(e.content)},X=()=>{let t=N.trim();M(!1),t&&o?.(e.id,t)},We=t=>{if(!C)return;let n=e.rating===t;if(x(C,e.id,n?void 0:t),!E){if(n){ue(null),Dt.deleteFeedback(e.id).catch(()=>void 0);return}he([]),ye(``),ue(t===1?1:-1),Dt.upsertFeedback({sessionId:C,messageId:e.id,rating:t===1?1:-1}).catch(()=>void 0)}},Ge=()=>{C&&le!==null&&(Dt.upsertFeedback({sessionId:C,messageId:e.id,rating:le,tags:fe,...ge.trim()?{comment:ge.trim()}:{}}).catch(()=>void 0),ue(null))},Ke=(e,t=100)=>e.length<=t?e:e.substring(0,t)+`...`,Je=f&&g.length>100;return(0,$.jsxs)(`div`,{className:m(`group flex py-1.5 transition-colors sm:py-2`,u?`justify-end`:`justify-start`,n),children:[(0,$.jsxs)(`div`,{className:m(`flex min-w-0 gap-2.5 sm:gap-3`,u?`max-w-[85%] sm:max-w-[70%]`:`w-full`),children:[!u&&!f&&(0,$.jsx)(Qt,{role:`assistant`,persona:D,modelAvatar:A?.avatar}),(0,$.jsxs)(`div`,{className:m(`min-w-0 flex-1`,u?`flex flex-col items-end`:f?`py-1.5`:`py-0.5`),children:[!u&&!f&&(0,$.jsxs)(`div`,{className:`mb-1 flex items-center gap-2`,children:[(0,$.jsx)(`span`,{dir:`auto`,className:`text-[11px] font-semibold uppercase tracking-[0.08em] text-ink-muted rtl:tracking-normal`,children:Fe()}),e.model&&D?.name&&(0,$.jsx)(`span`,{dir:`ltr`,className:`max-w-32 truncate rounded-full bg-gray-100 px-2 py-0.5 text-[10px] text-gray-500 dark:bg-dark-200 dark:text-dark-600 sm:max-w-48`,title:e.model,children:e.model}),(0,$.jsx)(`span`,{dir:`auto`,className:`text-[10px] tabular-nums text-ink-subtle`,children:d(e.timestamp,c.language)})]}),(0,$.jsxs)(`div`,{className:m(!u&&!f&&`text-[0.9375rem] leading-[1.65] text-ink`),children:[e.images&&e.images.length>0&&(0,$.jsx)(`div`,{className:`mb-1.5 grid max-w-lg grid-cols-2 gap-1.5 sm:grid-cols-3`,children:e.images.map((e,t)=>(0,$.jsx)(`div`,{className:`aspect-square overflow-hidden rounded-xl border border-black/[0.06] bg-gray-100 dark:border-white/[0.08] dark:bg-gray-800`,children:(0,$.jsx)(`img`,{src:e,alt:`Uploaded image ${t+1}`,className:`w-full h-full object-cover cursor-pointer hover:opacity-90 transition-opacity`,onClick:()=>ne(e)})},t))}),u?j?(0,$.jsxs)(`div`,{className:`w-full min-w-[min(28rem,80vw)] rounded-2xl border border-black/[0.08] bg-white p-2 shadow-sm dark:border-white/[0.08] dark:bg-dark-100`,children:[(0,$.jsx)(`textarea`,{dir:`auto`,value:N,onChange:e=>ee(e.target.value),onKeyDown:e=>{e.nativeEvent.isComposing||e.nativeEvent.keyCode===229||(e.key===`Enter`&&!e.shiftKey?(e.preventDefault(),X()):e.key===`Escape`&&He())},autoFocus:!0,className:`min-h-[72px] w-full resize-y rounded-xl border-none bg-transparent p-2 text-[0.9375rem] leading-relaxed text-gray-900 focus:outline-none dark:text-dark-900`}),(0,$.jsxs)(`div`,{className:`flex items-center justify-end gap-1.5 px-1 pb-1`,children:[(0,$.jsx)(`button`,{onClick:He,className:`rounded-lg px-2.5 py-1 text-xs text-gray-500 transition-colors hover:bg-gray-100 dark:text-dark-600 dark:hover:bg-dark-200`,children:s(`chatMessage.cancelEditing`)}),(0,$.jsx)(`button`,{onClick:X,className:`rounded-lg bg-gray-900 px-2.5 py-1 text-xs text-white transition-colors hover:bg-gray-700 dark:bg-dark-300 dark:hover:bg-dark-400`,children:s(`chatMessage.saveAndSubmit`)})]})]}):(0,$.jsx)(`div`,{"data-user-bubble":``,className:`rounded-2xl rounded-ee-md border border-black/[0.06] bg-gray-900 px-3.5 py-2 text-white shadow-sm dark:border-white/[0.07] dark:bg-dark-300`,children:(0,$.jsx)(`p`,{dir:`auto`,className:`whitespace-pre-wrap text-[0.9375rem] leading-relaxed`,children:e.content})}):f?(0,$.jsxs)(`div`,{className:`relative z-0 rounded-2xl border border-black/[0.06] bg-white/55 p-3 dark:border-white/[0.06] dark:bg-dark-200/45`,children:[(0,$.jsxs)(`div`,{className:`mb-2 flex items-center justify-between text-[10px] font-semibold uppercase tracking-[0.12em] text-gray-500 dark:text-dark-500`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-1`,children:[h?(0,$.jsx)(de,{className:`h-2.5 w-2.5 opacity-50`}):(0,$.jsx)(re,{className:`h-2.5 w-2.5 opacity-50`}),s(h?`chatMessage.conversationSummary`:`chatMessage.system`)]}),(0,$.jsx)(`div`,{className:`flex items-center gap-1`,children:h?(0,$.jsx)(`button`,{onClick:()=>void Be(),disabled:Le,className:`rounded-lg p-1.5 transition-colors hover:bg-gray-100 disabled:opacity-50 dark:hover:bg-dark-300`,title:s(`chatMessage.restoreCompacted`),children:(0,$.jsx)(Ee,{className:`h-3 w-3 text-gray-600 dark:text-gray-400`})}):j?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`button`,{onClick:Ve,disabled:P,className:`rounded-lg p-1.5 transition-colors hover:bg-gray-100 disabled:opacity-50 dark:hover:bg-dark-300`,title:s(`chatMessage.saveChanges`),children:(0,$.jsx)(G,{className:`h-3 w-3 text-green-600 dark:text-green-400`})}),(0,$.jsx)(`button`,{onClick:He,disabled:P,className:`rounded-lg p-1.5 transition-colors hover:bg-gray-100 disabled:opacity-50 dark:hover:bg-dark-300`,title:s(`chatMessage.cancelEditing`),children:(0,$.jsx)(H,{className:`h-3 w-3 text-red-600 dark:text-red-400`})})]}):(0,$.jsx)(`button`,{onClick:Ie,className:`rounded-lg p-1.5 transition-colors hover:bg-gray-100 dark:hover:bg-dark-300`,title:s(`chatMessage.editSystemMessage`),children:(0,$.jsx)(Me,{className:`h-3 w-3 text-gray-600 dark:text-gray-400`})})})]}),j?(0,$.jsx)(`textarea`,{dir:`auto`,value:N,onChange:e=>ee(e.target.value),className:`min-h-[100px] w-full resize-none rounded-xl border border-black/[0.08] bg-white p-3 text-sm text-gray-900 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-primary-500 dark:border-white/[0.08] dark:bg-dark-100 dark:text-dark-900 dark:focus:ring-primary-400`,placeholder:s(`chatMessage.systemMessagePlaceholder`),disabled:P}):(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`p`,{dir:`auto`,className:`whitespace-pre-wrap text-xs leading-relaxed text-gray-500 dark:text-dark-600`,children:I?g:Ke(g)}),Je&&(0,$.jsx)(`button`,{onClick:()=>ae(!I),className:`mt-2 flex items-center gap-1 text-xs text-gray-400 transition-colors hover:text-gray-900 dark:text-dark-500 dark:hover:text-dark-900`,children:I?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(F,{className:`h-3 w-3`}),s(`chatMessage.showLess`)]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(me,{className:`h-3 w-3`}),s(`chatMessage.showMore`)]})})]})]}):(0,$.jsxs)(`div`,{className:`relative`,children:[(De||U)&&(0,$.jsxs)(`div`,{className:`mb-3 border-s border-gray-200 ps-3 dark:border-dark-300`,children:[(0,$.jsxs)(`button`,{type:`button`,"data-testid":`thinking-toggle`,"aria-expanded":L,"aria-controls":se,onClick:()=>oe(!L),className:`flex min-h-11 max-w-full items-center gap-1.5 rounded-md py-2 text-start text-xs text-ink-muted transition-colors hover:text-ink focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30`,children:[U?(0,$.jsx)(at,{"data-testid":`thinking-generation-indicator`}):(0,$.jsx)(_e,{"aria-hidden":`true`,className:`h-3.5 w-3.5 shrink-0`}),(0,$.jsxs)(`span`,{role:`status`,"aria-live":U?`polite`:`off`,"aria-atomic":`true`,className:`min-w-0 [overflow-wrap:anywhere]`,children:[(0,$.jsx)(`span`,{"data-testid":`thinking-summary`,dir:`auto`,className:m(`block font-medium`,U&&`animate-slide-up [animation-duration:140ms] motion-reduce:animate-none`),children:Ae||(U?`${s(`chatMessage.thinking`)}…`:K)},Ae||`thinking`),Ae&&!U&&(0,$.jsx)(`span`,{className:`mt-0.5 block text-ink-subtle`,children:K})]}),L?(0,$.jsx)(F,{"aria-hidden":`true`,className:`h-3.5 w-3.5 shrink-0`}):(0,$.jsx)(me,{"aria-hidden":`true`,className:`h-3.5 w-3.5 shrink-0`})]}),(0,$.jsx)(`div`,{id:se,"data-testid":`thinking-content`,hidden:!L,dir:`auto`,className:`mt-2 rounded-xl bg-gray-100/60 p-2.5 text-[13px] leading-relaxed text-gray-600 dark:bg-dark-200/60 dark:text-dark-700`,children:L&&De&&(0,$.jsx)(st,{content:De,isStreaming:U,className:`text-[13px] text-ink-muted`})})]}),(0,$.jsx)(st,{content:W,isStreaming:t&&!(U&&!W)})]}),!u&&!f&&Oe.length>0&&(0,$.jsx)(`div`,{className:`mt-3`,children:(0,$.jsx)(Et,{artifacts:Oe})}),!u&&!f&&Array.isArray(e.providerMetadata?.toolCalls)&&e.providerMetadata.toolCalls.length>0&&(0,$.jsx)(It,{calls:e.providerMetadata.toolCalls,className:`mt-2.5`}),!u&&!f&&Array.isArray(e.providerMetadata?.webSearchSources)&&e.providerMetadata.webSearchSources.length>0&&(0,$.jsxs)(`div`,{className:`mt-2.5 flex flex-wrap items-center gap-1.5`,children:[(0,$.jsx)(`span`,{className:`text-[10px] font-semibold uppercase tracking-[0.12em] text-ink-subtle rtl:tracking-normal`,children:s(`chat.message.sources`,`Sources`)}),e.providerMetadata.webSearchSources.map((e,t)=>typeof e?.url==`string`?(0,$.jsxs)(`a`,{href:e.url,target:`_blank`,rel:`noopener noreferrer`,dir:`ltr`,className:`inline-flex max-w-[220px] items-center gap-1 rounded-full border border-gray-200 bg-gray-50 px-2 py-0.5 text-[11px] text-gray-600 transition-colors hover:border-primary-300 hover:text-primary-600 dark:border-dark-300 dark:bg-dark-200 dark:text-dark-700 dark:hover:text-primary-400`,title:e.title||e.url,children:[(0,$.jsx)(`span`,{className:`tabular-nums`,children:t+1}),(0,$.jsx)(`span`,{className:`truncate`,children:(()=>{try{return new URL(e.url).hostname.replace(/^www\./,``)}catch{return e.url}})()})]},`${e.url}-${t}`):null)]}),!u&&!f&&e.statistics&&(0,$.jsx)(`div`,{className:`mt-2`,children:(0,$.jsx)(Rt,{statistics:e.statistics})}),!f&&!t&&(0,$.jsxs)(`div`,{className:m(`flex items-center gap-0.5 text-ink-subtle`,`sm:transition-opacity sm:duration-150 sm:group-hover:opacity-100 sm:group-focus-within:opacity-100`,!u&&[`loading`,`generating`,`buffering`,`blocked`,`playing`].includes(ce)?`sm:opacity-100`:`sm:opacity-0`,u?`mt-1 justify-end`:`mt-1`),children:[u&&(0,$.jsxs)(`span`,{dir:`auto`,className:`me-1 text-[10px] tabular-nums`,title:d(e.timestamp,c.language),children:[Fe(),` ·`,` `,d(e.timestamp,c.language)]}),!u&&W&&(0,$.jsx)(Gt,{text:W,size:`sm`,externalPlaybackState:ce,onStopExternal:Pe,onRetryExternal:Ne,className:m(`transition-colors`,ce===`playing`&&`bg-primary-50 text-primary-600 dark:bg-primary-900/20 dark:text-primary-400`)}),u&&o&&!j&&(0,$.jsx)(`button`,{onClick:()=>{ee(e.content),M(!0)},className:`flex h-7 w-7 items-center justify-center rounded-full transition-colors hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-dark-200 dark:hover:text-dark-800`,title:s(`chatMessage.edit`),children:(0,$.jsx)(Me,{className:`h-3.5 w-3.5`})}),(0,$.jsx)(`button`,{onClick:Te,className:`flex h-7 w-7 items-center justify-center rounded-full transition-colors hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-dark-200 dark:hover:text-dark-800`,title:s(be?`chatMessage.copied`:`chatMessage.copyMessage`),children:be?(0,$.jsx)(R,{className:`h-3.5 w-3.5 text-green-500`}):(0,$.jsx)(Ce,{className:`h-3.5 w-3.5`})}),!u&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`button`,{onClick:()=>We(1),className:m(`flex h-7 w-7 items-center justify-center rounded-full transition-colors hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-dark-200 dark:hover:text-dark-800`,e.rating===1&&`text-primary-600 dark:text-primary-400`),title:s(`chatMessage.goodResponse`),"aria-pressed":e.rating===1,children:(0,$.jsx)(Re,{className:`h-3.5 w-3.5`,fill:e.rating===1?`currentColor`:`none`})}),(0,$.jsx)(`button`,{onClick:()=>We(-1),className:m(`flex h-7 w-7 items-center justify-center rounded-full transition-colors hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-dark-200 dark:hover:text-dark-800`,e.rating===-1&&`text-red-500 dark:text-red-400`),title:s(`chatMessage.badResponse`),"aria-pressed":e.rating===-1,children:(0,$.jsx)(ve,{className:`h-3.5 w-3.5`,fill:e.rating===-1?`currentColor`:`none`})}),le!==null&&(0,$.jsxs)(`div`,{className:`ml-1 flex flex-wrap items-center gap-1 rounded-lg border border-gray-200 bg-white px-2 py-1 dark:border-dark-300 dark:bg-dark-100`,"data-testid":`feedback-details`,children:[Xt.map(e=>(0,$.jsx)(`button`,{type:`button`,onClick:()=>he(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e]),className:m(`rounded-full border px-2 py-0.5 text-[10px]`,fe.includes(e)?`border-primary-500 bg-primary-50 text-primary-700 dark:bg-primary-950/40 dark:text-primary-300`:`border-gray-300 text-gray-500 dark:border-dark-300`),"aria-pressed":fe.includes(e),children:s(`chatMessage.feedbackTags.${e}`)},e)),(0,$.jsx)(`input`,{value:ge,onChange:e=>ye(e.target.value),placeholder:s(`chatMessage.feedbackComment`),className:`w-32 rounded border border-gray-300 px-1.5 py-0.5 text-[10px] dark:border-dark-300 dark:bg-dark-50`,maxLength:2e3}),(0,$.jsx)(`button`,{type:`button`,onClick:Ge,className:`rounded bg-gray-900 px-2 py-0.5 text-[10px] text-white dark:bg-white dark:text-gray-900`,children:s(`common.save`)}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>ue(null),"aria-label":s(`common.close`),className:`rounded p-0.5 text-gray-400 hover:text-gray-600`,children:(0,$.jsx)(H,{className:`h-3 w-3`})})]})]}),!u&&r&&i&&(0,$.jsx)(`button`,{onClick:i,className:`flex h-7 w-7 items-center justify-center rounded-full transition-colors hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-dark-200 dark:hover:text-dark-800`,title:s(`chatMessage.regenerateResponse`),children:(0,$.jsx)(pe,{className:`h-3.5 w-3.5`})}),a&&(0,$.jsx)(`button`,{onClick:()=>a(e.id),className:`flex h-7 w-7 items-center justify-center rounded-full transition-colors hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-dark-200 dark:hover:text-dark-800`,title:s(`chat.fork.action`),"data-testid":`fork-from-message`,children:(0,$.jsx)(je,{className:`h-3.5 w-3.5`})})]})]})]}),u&&(0,$.jsx)(Qt,{role:`user`,user:y??null})]}),te&&(0,Mt.createPortal)((0,$.jsxs)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-label":s(`chatMessage.fullSizeImage`),className:`fixed inset-0 z-[9999] flex items-center justify-center bg-black/85 p-6 backdrop-blur-md`,onClick:()=>ne(null),children:[(0,$.jsx)(`button`,{className:`absolute end-6 top-6 rounded-full border border-white/15 bg-white/10 p-3 text-white transition-colors hover:bg-white/20`,onClick:e=>{e.stopPropagation(),ne(null)},children:(0,$.jsx)(H,{className:`h-7 w-7`})}),(0,$.jsx)(`img`,{src:te,alt:s(`chatMessage.fullSizeImage`),className:`max-h-[90vh] max-w-[90vw] rounded-2xl object-contain shadow-2xl`,onClick:e=>e.stopPropagation()})]}),document.body)]})});$t.displayName=`ChatMessage`;var en=()=>typeof window<`u`&&window.matchMedia(`(prefers-reduced-motion: reduce)`).matches,tn=220,nn=e=>{let t=e.slice(0,880).replace(/```(?:\w+)?\s*([\s\S]*?)```/g,`$1`).replace(/!\[([^\]]*)\]\([^)]*\)/g,`$1`).replace(/\[([^\]]+)\]\([^)]*\)/g,`$1`).replace(/<[^>]+>/g,` `).replace(/[#>*_~`|]/g,` `).replace(/\s+/g,` `).trim();return t.length>tn?`${t.slice(0,219).trimEnd()}…`:t},rn=Q.memo(function({items:e,activeId:t,onSelect:n}){let{t:r}=l(),i=(0,Q.useRef)(null),a=(0,Q.useRef)(null),o=(0,Q.useRef)(new Map),[s,c]=(0,Q.useState)(null),[u,d]=(0,Q.useState)(0),f=(0,Q.useCallback)((e,t)=>{let n=i.current;if(!n)return;let r=n.getBoundingClientRect(),a=t.getBoundingClientRect();d(a.top-r.top+a.height/2),c(e)},[]),p=(0,Q.useCallback)(t=>{let r=e[t],i=r?o.current.get(r.id):void 0;r&&i&&(i.focus(),f(r.id,i),n(r.id))},[e,n,f]);if((0,Q.useEffect)(()=>{if(!t)return;let e=a.current,n=o.current.get(t);if(!e||!n)return;let r=e.getBoundingClientRect(),i=n.getBoundingClientRect(),s=null;i.top<r.top?s=e.scrollTop-(r.top-i.top)-8:i.bottom>r.bottom&&(s=e.scrollTop+(i.bottom-r.bottom)+8),s!==null&&e.scrollTo({top:s,behavior:en()?`auto`:`smooth`})},[t]),e.length<3)return null;let h=Math.max(0,e.findIndex(e=>e.id===t)),g=e[h]?.id,_=e.findIndex(e=>e.id===s),v=_>=0?e[_]:null,y=_>=0?`conversation-history-preview-${_}`:void 0;return(0,$.jsxs)(`nav`,{ref:i,"data-testid":`conversation-history-rail`,"aria-label":r(`chatHistory.label`),className:`pointer-events-none absolute top-1/2 z-20 hidden h-[min(58vh,30rem)] w-7 -translate-y-1/2 lg:block xl:w-9`,style:{insetInlineStart:`max(0.25rem, calc(50% - 27rem))`},onPointerLeave:()=>{i.current?.contains(document.activeElement)||c(null)},children:[(0,$.jsx)(`ol`,{ref:a,className:`pointer-events-auto flex h-full min-h-0 flex-col overflow-y-auto py-2 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden [&>li:first-child]:mt-auto [&>li:last-child]:mb-auto`,children:e.map((t,a)=>{let l=t.id===g,u=Math.abs(a-h),d=s===t.id?y:void 0;return(0,$.jsx)(`li`,{className:`flex h-4 flex-none items-center`,children:(0,$.jsx)(`button`,{ref:e=>{e?o.current.set(t.id,e):o.current.delete(t.id)},type:`button`,"data-testid":`conversation-history-marker`,"aria-current":l?`location`:void 0,"aria-describedby":d,"aria-label":r(`chatHistory.jumpToTurn`,{index:a+1,total:e.length}),tabIndex:a===h?0:-1,className:m(`group flex h-4 w-7 items-center outline-none xl:w-9`,`focus-visible:ring-2 focus-visible:ring-primary-500/45 focus-visible:ring-offset-2 focus-visible:ring-offset-canvas`,`rounded-sm`),onClick:()=>n(t.id),onPointerEnter:e=>f(t.id,e.currentTarget),onFocus:e=>f(t.id,e.currentTarget),onBlur:()=>{window.requestAnimationFrame(()=>{i.current?.contains(document.activeElement)||c(null)})},onKeyDown:t=>{if(t.key===`Escape`){c(null);return}let n=null;t.key===`ArrowDown`?n=Math.min(e.length-1,a+1):t.key===`ArrowUp`?n=Math.max(0,a-1):t.key===`Home`?n=0:t.key===`End`&&(n=e.length-1),n!==null&&(t.preventDefault(),p(n))},children:(0,$.jsx)(`span`,{"aria-hidden":`true`,className:m(`block h-0.5 rounded-full transition-[width,background-color,opacity] duration-150 motion-reduce:transition-none`,l?`w-6 bg-ink xl:w-7`:u===1?`w-3.5 bg-ink-subtle opacity-80 group-hover:w-5 group-hover:bg-ink-muted group-hover:opacity-100 group-focus-visible:w-5`:`w-2.5 bg-line-strong opacity-70 group-hover:w-5 group-hover:bg-ink-muted group-hover:opacity-100 group-focus-visible:w-5`)})})},t.id)})}),v&&(0,$.jsx)(`div`,{id:y,role:`tooltip`,className:m(`pointer-events-none absolute start-full ms-2 w-72 -translate-y-1/2`,`overflow-hidden rounded-xl border border-line bg-surface-overlay/95 shadow-overlay backdrop-blur-xl`,`animate-fade-in motion-reduce:animate-none`),style:{top:`clamp(3.5rem, ${u}px, calc(100% - 3.5rem))`},children:(0,$.jsxs)(`div`,{className:`px-3.5 py-3`,children:[(0,$.jsx)(`p`,{dir:`auto`,className:`truncate text-[13px] font-semibold leading-5 text-ink`,children:nn(v.prompt)}),v.response&&(0,$.jsx)(`p`,{dir:`auto`,className:`mt-1 line-clamp-3 text-xs leading-5 text-ink-muted`,children:nn(v.response)})]})})]})}),an=Q.memo(({messages:e,isStreaming:t=!1,streamingMessage:n,streamingThinking:r,streamingMessageId:i,isLastAssistantMessage:a=!1,onRegenerate:o,onSelectBranch:s,className:c})=>{if(e.length===1){let s=e[0],l=t&&i===s.id,u=l?{...s,content:n??s.content,thinking:r||s.thinking}:s;return(0,$.jsx)($t,{message:u,isStreaming:l,isLastAssistantMessage:a,onRegenerate:o,className:c})}return(0,$.jsxs)(`div`,{className:m(`relative py-2`,c),children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5 pb-3 text-[10px] font-medium uppercase tracking-[0.12em] text-gray-400 dark:text-dark-500`,children:[(0,$.jsx)(W,{className:`h-3 w-3`}),(0,$.jsxs)(`span`,{children:[e.length,` variants`]})]}),(0,$.jsx)(`div`,{className:`grid grid-cols-1 gap-3 md:grid-cols-2`,children:e.map((e,c)=>{let l=e.isActive!==!1,u=t&&i===e.id,d=u?{...e,content:n??e.content,thinking:r||e.thinking}:e;return(0,$.jsxs)(`div`,{className:m(`relative overflow-hidden rounded-2xl border bg-white/45 transition-colors duration-150 dark:bg-dark-200/35`,l||u?`border-primary-500/30 ring-1 ring-primary-500/10 dark:border-primary-400/30`:`border-black/[0.07] hover:bg-white/80 dark:border-white/[0.07] dark:hover:bg-dark-200/70`,!l&&!u&&`cursor-pointer`),role:!l&&!u?`button`:void 0,tabIndex:!l&&!u?0:void 0,onClick:()=>!l&&!u&&s?.(e.id),onKeyDown:t=>{!l&&!u&&(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),s?.(e.id))},children:[(0,$.jsxs)(`div`,{className:m(`flex items-center justify-between border-b px-3 py-2 text-[10px] font-medium uppercase tracking-[0.12em]`,l||u?`border-primary-500/10 bg-primary-50/50 text-primary-600 dark:border-primary-400/10 dark:bg-primary-900/10 dark:text-primary-400`:`border-black/[0.05] text-gray-400 dark:border-white/[0.05] dark:text-dark-500`),children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,$.jsx)(`span`,{className:`font-medium`,children:c+1}),u&&(0,$.jsx)(`span`,{className:`text-[10px] opacity-70 animate-pulse`,children:`generating...`})]}),l&&!u&&(0,$.jsx)(R,{className:`h-3 w-3`}),!l&&!u&&(0,$.jsx)(`span`,{className:`text-[10px] opacity-50`,children:`select`})]}),(0,$.jsx)(`div`,{className:m(!l&&!u&&`opacity-75`),children:(0,$.jsx)($t,{message:d,isStreaming:u,isLastAssistantMessage:a&&(l||u),onRegenerate:l&&!t?o:void 0,className:`px-3 pb-3 !text-sm`})})]},e.id)})})]})});an.displayName=`MessageBranch`;var on={web_search:te,web_fetch:Pe,exec:z,browser:Pe,Read:he,Write:he,Edit:he,image:ie,memory_search:we,memory_get:we,working:K,thinking:K,default:K},sn={web_search:`Searching the web`,web_fetch:`Fetching page`,exec:`Running command`,browser:`Using browser`,Read:`Reading file`,Write:`Writing file`,Edit:`Editing file`,image:`Analyzing image`,memory_search:`Searching memory`,memory_get:`Reading memory`,cron:`Managing schedule`,message:`Sending message`,tts:`Generating speech`,nodes:`Checking devices`,sessions_spawn:`Spawning agent`,canvas:`Rendering canvas`,process:`Managing process`,working:`Using tools`,thinking:`Thinking`},cn=({tools:e,className:t})=>{if(e.length===0)return null;let n=e.filter(e=>e.phase!==`result`&&e.phase!==`done`);return n.length===0?null:(0,$.jsx)(`div`,{className:m(`flex flex-col gap-1 py-2 px-1`,t),children:n.map(e=>{let t=on[e.name]||on.default,n=sn[e.name]||`Using ${e.name}`,r=e.phase===`result`;return(0,$.jsxs)(`div`,{className:m(`flex items-center gap-2 text-sm transition-all duration-300`,r?`text-green-600 dark:text-green-400 opacity-60`:`text-gray-500 dark:text-gray-400`),children:[(0,$.jsx)(`div`,{className:m(`flex items-center justify-center w-5 h-5`,!r&&`animate-spin-slow`),children:(0,$.jsx)(t,{className:`h-3.5 w-3.5`})}),(0,$.jsx)(`span`,{className:`text-xs font-medium`,children:r?`✓ ${n}`:`${n}…`}),!r&&(0,$.jsxs)(`div`,{className:`flex gap-0.5`,children:[(0,$.jsx)(`div`,{className:`w-1 h-1 bg-current rounded-full animate-bounce`,style:{animationDelay:`0ms`}}),(0,$.jsx)(`div`,{className:`w-1 h-1 bg-current rounded-full animate-bounce`,style:{animationDelay:`150ms`}}),(0,$.jsx)(`div`,{className:`w-1 h-1 bg-current rounded-full animate-bounce`,style:{animationDelay:`300ms`}})]})]},e.toolCallId)})})};c(`components:chat-messages`);var ln=e=>e.messages.find(e=>e.isActive===!0)||e.messages.find(e=>e.isActive!==!1)||e.messages[0],un=e=>e.messages.every(e=>e.isActive===!1),dn=e=>e.role===`system`&&!_(e.content),fn=()=>typeof window<`u`&&window.matchMedia(`(prefers-reduced-motion: reduce)`).matches?`auto`:`smooth`,pn=e=>Math.min(120,e*.28),mn=({messages:e,streamingMessage:t,streamingThinking:n,streamingMessageId:r,isStreaming:i=!1,toolActivities:a=[],activeToolCalls:o,pendingToolApproval:s,onDecideToolApproval:c,className:u,onRegenerate:d,onSelectBranch:f,onEditResend:p,onFork:h,followUpSuggestions:g,onFollowUpSelect:_})=>{let{t:v}=l(),y=(0,Q.useRef)(null),b=(0,Q.useRef)(void 0),x=(0,Q.useRef)(null),S=(0,Q.useRef)(null),[C]=(0,Q.useState)(()=>new Map),w=(0,Q.useRef)(null),T=(0,Q.useRef)(0),E=(0,Q.useRef)(!1),D=(0,Q.useRef)(!1),[O,k]=(0,Q.useState)(!1),A=(0,Q.useMemo)(()=>{let t=[],n=new Set,r=[...e].sort((e,t)=>dn(e)&&!dn(t)?-1:dn(t)&&!dn(e)?1:e.parentId===t.parentId?(e.branchIndex||0)-(t.branchIndex||0):e.timestamp-t.timestamp);for(let i of r){if(n.has(i.id))continue;let r=i.parentId;if(r){let a=t.findIndex(e=>e.id===r);if(a>=0)t[a].messages.push(i);else{let a=e.find(e=>e.id===r);a&&!n.has(r)?(t.push({id:r,messages:[a,i],messageIndex:t.length}),n.add(r)):t.push({id:i.id,messages:[i],messageIndex:t.length})}n.add(i.id)}else{let r=e.filter(e=>e.parentId===i.id);r.length>0?(t.push({id:i.id,messages:[i,...r],messageIndex:t.length}),n.add(i.id),r.forEach(e=>n.add(e.id))):(t.push({id:i.id,messages:[i],messageIndex:t.length}),n.add(i.id))}}return t.sort((e,t)=>{let n=e.messages[0],r=t.messages[0];return dn(n)&&!dn(r)?-1:dn(r)&&!dn(n)?1:n.timestamp-r.timestamp})},[e]),j=(0,Q.useMemo)(()=>{let e=[];for(let t=0;t<A.length;t++){let n=A[t],r=ln(n);if(r.role!==`user`)continue;let i;for(let e=t+1;e<A.length;e++){let t=ln(A[e]);if(t.role===`user`)break;if(t.role===`assistant`){i=t.content;break}}e.push({id:n.id,prompt:r.content,response:i})}return e},[A]),M=j.map(e=>e.id).join(``),N=(0,Q.useMemo)(()=>M?M.split(``):[],[M]),ee=(0,Q.useMemo)(()=>new Set(N),[N]),te=(0,Q.useMemo)(()=>{let e=new Map;for(let t of N)e.set(t,e=>{e?C.set(t,e):C.delete(t)});return e},[C,N]),[ne,re]=(0,Q.useState)(null),P=(0,Q.useCallback)(()=>{let e=x.current;if(!e||N.length===0){re(null);return}let t=e.scrollHeight-e.scrollTop-e.clientHeight,n=Math.min(T.current,N.length-1);if(t<=2)n=N.length-1;else{let t=e.scrollTop+pn(e.clientHeight);for(;n<N.length-1;){let e=C.get(N[n+1]);if(!e||e.offsetTop>t)break;n++}for(;n>0;){let e=C.get(N[n]);if(!e||e.offsetTop<=t)break;n--}}T.current=n;let r=N[n];re(e=>e===r?e:r)},[C,N]),F=(0,Q.useCallback)(()=>{w.current===null&&(w.current=window.requestAnimationFrame(()=>{w.current=null,P()}))},[P]),ie=(0,Q.useCallback)(()=>{let t=x.current;if(b.current&&clearTimeout(b.current),E.current=!1,b.current=void 0,!t)return;let n=t.scrollHeight-t.scrollTop-t.clientHeight<100;D.current=!n,k(!n&&e.length>0),F()},[e.length,F]),I=(0,Q.useCallback)(()=>{b.current&&clearTimeout(b.current),b.current=setTimeout(ie,180)},[ie]),ae=(0,Q.useCallback)((e=!1)=>{(!D.current||e)&&y.current?.scrollIntoView({behavior:fn()})},[]),oe=(0,Q.useCallback)(()=>{let t=x.current;if(!t)return;let{scrollTop:n,scrollHeight:r,clientHeight:i}=t,a=r-n-i,o=a<100;if(E.current){D.current=!0,k(!o&&e.length>0),F(),I();return}D.current=!o,k(!o&&e.length>0),a<=2&&N.length>0?(T.current=N.length-1,re(N[N.length-1])):F()},[N,e.length,I,F]),se=(0,Q.useCallback)(e=>{let t=x.current,n=C.get(e);if(!t||!n)return;let r=fn();E.current=!0,D.current=!0,t.scrollTo({top:Math.max(0,n.offsetTop-pn(t.clientHeight)),behavior:r}),F(),r===`auto`?ie():I()},[ie,C,I,F]),ce=(0,Q.useRef)(e.length);if((0,Q.useEffect)(()=>{e.length>ce.current&&!D.current&&ae(),ce.current=e.length},[e.length,ae]),(0,Q.useEffect)(()=>{i&&(t||n)&&!D.current&&requestAnimationFrame(()=>{let e=x.current;e&&(e.scrollTop=e.scrollHeight)})},[i,t,n]),(0,Q.useEffect)(()=>{F();let e=S.current,t=x.current,n=typeof ResizeObserver>`u`?null:new ResizeObserver(F);return e&&n?.observe(e),t&&n?.observe(t),window.addEventListener(`resize`,F),()=>{n?.disconnect(),window.removeEventListener(`resize`,F)}},[M,F]),(0,Q.useEffect)(()=>()=>{w.current!==null&&(window.cancelAnimationFrame(w.current),w.current=null)},[]),(0,Q.useEffect)(()=>()=>{b.current&&clearTimeout(b.current)},[]),e.length===0&&!i)return(0,$.jsx)(`div`,{className:m(`flex-1 flex items-center justify-center p-6 sm:p-10`,u),children:(0,$.jsxs)(`div`,{className:`max-w-sm text-center text-ink-muted`,children:[(0,$.jsx)(`div`,{className:`mx-auto mb-5 flex h-11 w-11 items-center justify-center rounded-2xl border border-black/[0.06] bg-surface/70 text-gray-500 shadow-sm dark:border-white/[0.07] dark:bg-dark-200/70 dark:text-dark-600`,children:(0,$.jsx)(L,{className:`h-4 w-4`})}),(0,$.jsx)(`h3`,{className:`mb-2 text-lg font-medium tracking-[-0.02em] text-gray-900 dark:text-dark-900 sm:text-xl`,children:v(`chatMessage.startConversation`)}),(0,$.jsx)(`p`,{className:`px-4 text-sm leading-relaxed`,children:v(`chatMessage.startConversationDescription`)})]})});let R=-1;for(let e=A.length-1;e>=0;e--)if(A[e].messages.some(e=>e.role===`assistant`)){R=e;break}return(0,$.jsxs)(`div`,{className:m(`relative min-h-0 flex-1`,u),style:{WebkitAppRegion:`no-drag`},children:[(0,$.jsx)(`div`,{ref:x,"data-testid":`chat-scroll-viewport`,"data-scroll-fade-top":`40`,"data-scroll-fade-bottom":`72`,onScroll:oe,className:m(`h-full overflow-y-auto scrollbar-thin scrollbar-thumb-gray-300 dark:scrollbar-thumb-gray-600`,`scrollbar-track-transparent hover:scrollbar-thumb-gray-400 dark:hover:scrollbar-thumb-gray-500`,`overscroll-behavior-y-contain`,`[-webkit-overflow-scrolling:touch]`),style:{WebkitOverflowScrolling:`touch`,overscrollBehaviorY:`contain`},children:(0,$.jsxs)(`div`,{ref:S,className:`mx-auto w-full min-w-0 max-w-3xl px-4 sm:px-6 md:px-8`,children:[A.map((e,a)=>{let o=a===R,s=ee.has(e.id),c=i&&e.messages.some(e=>e.id===r),l;if(un(e))l=(0,$.jsx)(`div`,{className:`opacity-55`,children:(0,$.jsx)($t,{message:ln(e),isStreaming:!1,isLastAssistantMessage:!1,className:a===0?`mt-3 sm:mt-4`:``})});else if(e.messages.length===1){let s=e.messages[0],c=i&&s.id===r,u=c?{...s,content:t??s.content,thinking:n||s.thinking}:s;l=(0,$.jsx)($t,{message:u,isStreaming:c,isLastAssistantMessage:o,onRegenerate:o?d:void 0,onEditResend:i?void 0:p,onFork:i?void 0:h,className:a===0?`mt-3 sm:mt-4`:``})}else l=(0,$.jsx)(an,{messages:e.messages,isStreaming:c,streamingMessage:c?t:void 0,streamingThinking:c?n:void 0,streamingMessageId:c&&r||void 0,isLastAssistantMessage:o,onRegenerate:o?d:void 0,onSelectBranch:f,className:a===0?`mt-3 sm:mt-4`:``});return(0,$.jsx)(`div`,{className:`[content-visibility:auto] [contain-intrinsic-size:auto_160px]`,ref:te.get(e.id),"data-testid":s?`conversation-turn-anchor`:void 0,"data-history-id":s?e.id:void 0,children:l},e.id)}),i&&(o?.length??0)>0&&(0,$.jsx)(It,{calls:o??[],className:`pb-2`}),s&&c&&(0,$.jsx)(Lt,{approval:s,onDecide:c,className:`mb-2`}),i&&a.length>0&&(0,$.jsx)(cn,{tools:a,className:`px-0`}),!i&&g&&g.length>0&&_&&(0,$.jsxs)(`div`,{className:`mt-1 pb-2`,children:[(0,$.jsx)(`p`,{className:`mb-1 text-[11px] font-semibold uppercase tracking-[0.08em] text-ink-subtle`,children:v(`chat.followUp`)}),(0,$.jsx)(`div`,{className:`flex flex-col`,children:g.map(e=>(0,$.jsx)(`button`,{onClick:()=>_(e),dir:`auto`,className:`border-t border-gray-100 py-2 text-start text-[0.9rem] leading-relaxed text-ink-muted transition-colors hover:text-ink dark:border-dark-200`,children:e},e))})]}),(0,$.jsx)(`div`,{ref:y,className:`h-4 sm:h-6`})]})}),(0,$.jsx)(rn,{items:j,activeId:ne,onSelect:se}),O&&(0,$.jsxs)(`button`,{type:`button`,"data-testid":`chat-new-messages`,onClick:()=>{E.current=!1,b.current&&=(clearTimeout(b.current),void 0),D.current=!1,y.current?.scrollIntoView({behavior:fn()}),k(!1)},className:m(`absolute bottom-4 left-1/2 -translate-x-1/2 z-10`,`flex items-center justify-center gap-1.5`,`px-3.5 py-2 rounded-full`,`bg-surface/90 dark:bg-dark-200/90`,`border border-black/[0.07] dark:border-white/[0.08]`,`shadow-[0_8px_28px_rgba(15,23,42,0.12)] backdrop-blur-xl`,`text-gray-600 dark:text-dark-600`,`hover:bg-surface-raised dark:hover:bg-dark-200`,`hover:text-gray-900 dark:hover:text-dark-800`,`transition-colors duration-150`),title:v(`chatMessage.scrollToBottom`),children:[(0,$.jsx)(Ie,{className:`h-4 w-4`}),(0,$.jsx)(`span`,{className:`text-xs font-medium`,children:v(`chatMessage.newMessages`)})]})]})};function hn(e){let t=(e.match(/```/g)||[]).length,n=t%2==1,r=null;if(n){let t=e.lastIndexOf("```");if(t!==-1){let n=e.slice(t+3).match(/^(\w+)/);n&&(r=n[1])}}return{hasCodeBlocks:t>0,isInCodeBlock:n,language:r}}var gn=Q.forwardRef(({value:e,onChange:t,className:n,placeholder:r,disabled:i,onKeyDown:a,dir:o=`auto`,...s},c)=>{let{hasCodeBlocks:l,isInCodeBlock:u,language:d}=(0,Q.useMemo)(()=>hn(e),[e]);return(0,$.jsxs)(`div`,{className:`relative w-full`,children:[(0,$.jsx)(`textarea`,{ref:c,value:e,onChange:t,onKeyDown:a,placeholder:r,disabled:i,dir:o,className:m(`w-full resize-none transition-all duration-200`,u&&[`font-mono text-[13px]`,`bg-gray-50 dark:bg-dark-100/50`,`rounded-lg`],n),...s}),l&&(0,$.jsx)(`div`,{className:`absolute end-0 top-0 pointer-events-none flex items-center gap-1`,children:(0,$.jsxs)(`div`,{className:m(`flex items-center gap-1 px-1.5 py-0.5 rounded-md text-[10px] font-medium`,`bg-gray-100 dark:bg-dark-200`,`text-gray-500 dark:text-gray-400`,`border border-gray-200/50 dark:border-dark-300/50`,u&&`animate-pulse`),children:[(0,$.jsx)(P,{className:`h-3 w-3`}),d&&(0,$.jsx)(`span`,{children:d}),!d&&u&&(0,$.jsx)(`span`,{children:`code`})]})})]})});gn.displayName=`CodeAwareTextarea`;var _n=c(`components:media-upload`),vn=({images:e,onImagesChange:t,maxImages:n=5,sessionId:r,onDocumentUploaded:i,disabled:a=!1,className:o})=>{let{t:s}=l(),c=(0,Q.useRef)(null),[u,d]=(0,Q.useState)(!1),[f,p]=(0,Q.useState)(!1),[h,g]=(0,Q.useState)([]),_=async e=>{if(e&&!a)for(let t=0;t<e.length;t++){let n=e[t];n.type.startsWith(`image/`)?await v(n):n.type.includes(`pdf`)||n.type.includes(`text`)?await y(n):J.error(s(`chat.mediaUpload.unsupportedFileType`,{name:n.name}))}},v=async r=>{if(n-e.length<=0){J.error(s(`chat.mediaUpload.maxImagesAllowed`,{count:n}));return}if(r.size>10485760){J.error(s(`chat.mediaUpload.imageTooLarge`,{name:r.name}));return}let i=new FileReader;i.onload=n=>{n.target?.result&&t([...e,n.target.result])},i.readAsDataURL(r)},y=async e=>{if(e.size>10485760){J.error(s(`documents.fileSizeTooLarge`));return}p(!0);try{let t=await Be.uploadDocument(e,r);if(t.success&&t.data){let n=t.data;g(e=>[...e,n]),i?.(n),J.success(s(`documents.uploadSuccessWithName`,{name:e.name}))}else J.error(t.error||s(`documents.uploadFailed`))}catch(e){_n.error(`Document upload error:`,e),J.error(s(`documents.uploadFailed`))}finally{p(!1)}},b=e=>{e.preventDefault(),a||d(!0)},x=e=>{e.preventDefault(),d(!1)},S=e=>{e.preventDefault(),d(!1),a||_(e.dataTransfer.files)},C=n=>{t(e.filter((e,t)=>t!==n))},w=async e=>{try{let t=await Be.deleteDocument(e);t.success?(g(t=>t.filter(t=>t.id!==e)),J.success(s(`documents.removeSuccess`))):J.error(t.error||s(`documents.removeFailed`))}catch(e){_n.error(`Error removing document:`,e),J.error(s(`documents.removeFailed`))}},T=e=>{if(e===0)return`0 B`;let t=1024,n=[`B`,`KB`,`MB`,`GB`],r=Math.floor(Math.log(e)/Math.log(t));return parseFloat((e/t**r).toFixed(1))+` `+n[r]},E=e.length>0||h.length>0;return(0,$.jsxs)(`div`,{className:m(`space-y-3`,o),children:[(0,$.jsxs)(`div`,{className:m(`border-2 border-dashed rounded-xl p-6 transition-all duration-200 cursor-pointer`,`border-gray-300 dark:border-gray-600`,`hover:border-primary-400 dark:hover:border-primary-500`,u&&`border-primary-500 dark:border-primary-400 bg-primary-50/50 dark:bg-primary-900/10`,a&&`opacity-50 cursor-not-allowed`),onDragOver:b,onDragLeave:x,onDrop:S,onClick:()=>!a&&c.current?.click(),children:[(0,$.jsx)(`input`,{ref:c,type:`file`,multiple:!0,accept:`image/*,.pdf,.txt`,onChange:e=>{_(e.target.files),e.target.value=``},className:`hidden`,disabled:a}),(0,$.jsxs)(`div`,{className:`flex flex-col items-center text-center`,children:[f?(0,$.jsx)(ae,{className:`h-8 w-8 text-gray-400 dark:text-gray-500 mb-2 animate-spin`}):(0,$.jsx)(Ae,{className:`h-8 w-8 text-gray-400 dark:text-gray-500 mb-2`}),(0,$.jsxs)(`p`,{className:`text-sm text-gray-700 dark:text-gray-300`,children:[s(`chat.mediaUpload.dropImagesHere`),` `,(0,$.jsx)(`span`,{className:`text-primary-600 dark:text-primary-400 font-medium`,children:s(`chat.mediaUpload.browse`)})]}),(0,$.jsx)(`p`,{className:`text-xs text-gray-500 dark:text-gray-400 mt-1`,children:s(`chat.mediaUpload.supportedFormats`)})]})]}),E&&(0,$.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[e.map((e,t)=>(0,$.jsxs)(`div`,{className:`relative group w-16 h-16 rounded-lg overflow-hidden bg-gray-100 dark:bg-gray-800 border border-gray-200 dark:border-gray-700`,children:[(0,$.jsx)(`img`,{src:e,alt:`Upload ${t+1}`,className:`w-full h-full object-cover`}),(0,$.jsx)(`button`,{onClick:e=>{e.stopPropagation(),C(t)},className:`absolute top-0.5 right-0.5 p-0.5 rounded-full bg-black/60 hover:bg-black/80 text-white opacity-0 group-hover:opacity-100 transition-opacity`,children:(0,$.jsx)(H,{className:`h-3 w-3`})})]},`img-${t}`)),h.map(e=>(0,$.jsxs)(`div`,{className:`relative group flex items-center gap-2 px-3 py-2 rounded-lg bg-gray-100 dark:bg-gray-800 border border-gray-200 dark:border-gray-700`,children:[e.fileType===`pdf`?(0,$.jsx)(he,{className:`w-4 h-4 text-red-500 flex-shrink-0`}):(0,$.jsx)(V,{className:`w-4 h-4 text-blue-500 flex-shrink-0`}),(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsx)(`p`,{className:`text-xs font-medium text-gray-900 dark:text-gray-100 truncate max-w-[100px]`,children:e.filename}),(0,$.jsx)(`p`,{className:`text-[10px] text-gray-500 dark:text-gray-400`,children:T(e.size)})]}),(0,$.jsx)(`button`,{onClick:t=>{t.stopPropagation(),w(e.id)},className:`p-0.5 rounded-full hover:bg-gray-200 dark:hover:bg-gray-700 text-gray-500 hover:text-red-500 transition-colors`,children:(0,$.jsx)(H,{className:`h-3 w-3`})})]},e.id))]})]})},yn=c(`components:document-indicator`),bn=({sessionId:e,className:t=``})=>{let{t:n}=l(),[r,i]=(0,Q.useState)([]),[a,o]=(0,Q.useState)(!1),[s,c]=(0,Q.useState)(null),u=(0,Q.useRef)(null),d=(0,Q.useCallback)(async()=>{try{let t=await Be.getDocuments();t.success&&t.data&&i(t.data.filter(t=>e&&t.sessionId===e||!t.sessionId&&!t.collectionId))}catch(e){yn.error(`Failed to load documents:`,e)}},[e]);if((0,Q.useEffect)(()=>{let e=setTimeout(()=>void d(),0),t=()=>void d();return window.addEventListener(`libre:documents-updated`,t),()=>{clearTimeout(e),window.removeEventListener(`libre:documents-updated`,t)}},[d]),(0,Q.useEffect)(()=>{if(!a)return;let e=e=>{u.current?.contains(e.target)||(o(!1),c(null))};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[a]),r.length===0)return null;let p=async e=>{c(null);try{let t=await Be.deleteDocument(e);if(!t.success)throw Error(t.error);window.dispatchEvent(new Event(`libre:documents-updated`))}catch(e){yn.error(`Failed to delete document:`,e),A.error(n(`settings.documents.library.deleteFailed`))}},m=r.reduce((e,t)=>e+t.size,0);return(0,$.jsxs)(`div`,{ref:u,className:`relative inline-block ${t}`,children:[a&&(0,$.jsxs)(`div`,{className:`absolute bottom-full left-0 z-50 mb-2 w-80 max-w-[85vw] rounded-xl border border-gray-200 bg-white p-2 shadow-lg dark:border-dark-300 dark:bg-dark-100`,children:[(0,$.jsx)(`p`,{className:`px-2 pb-1.5 pt-1 text-xs font-medium text-gray-500 dark:text-dark-600`,children:n(`chat.documents.title`)}),(0,$.jsx)(`div`,{className:`max-h-56 overflow-y-auto`,children:r.map(e=>(0,$.jsx)(`div`,{className:`flex items-center gap-2 rounded-lg px-2 py-1.5 hover:bg-gray-50 dark:hover:bg-dark-200`,children:s===e.id?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`p`,{className:`min-w-0 flex-1 truncate text-xs text-red-700 dark:text-red-300`,children:n(`settings.documents.library.deleteConfirm`,{name:e.filename})}),(0,$.jsx)(`button`,{onClick:()=>void p(e.id),className:`shrink-0 text-xs font-medium text-red-600 underline underline-offset-2 hover:text-red-700 dark:text-red-400 dark:hover:text-red-300`,children:n(`common.delete`)}),(0,$.jsx)(`button`,{onClick:()=>c(null),className:`shrink-0 text-xs text-gray-500 hover:text-gray-700 dark:text-dark-600 dark:hover:text-dark-800`,children:n(`common.cancel`)})]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(he,{className:`h-3.5 w-3.5 shrink-0 text-gray-400 dark:text-dark-500`}),(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,$.jsx)(`p`,{className:`truncate text-xs text-gray-900 dark:text-dark-900`,children:e.filename}),(0,$.jsxs)(`p`,{className:`text-[10px] text-gray-400 dark:text-dark-500`,children:[f(e.size),` · `,e.sessionId?n(`settings.documents.library.chatScope`):n(`settings.documents.library.everyChatScope`)]})]}),(0,$.jsx)(`button`,{onClick:()=>c(e.id),className:`shrink-0 text-gray-400 transition-colors hover:text-red-500 dark:text-dark-500`,title:n(`common.delete`),children:(0,$.jsx)(H,{className:`h-3.5 w-3.5`})})]})},e.id))})]}),(0,$.jsxs)(`button`,{type:`button`,onClick:()=>{o(e=>!e),c(null)},className:`
|
|
1
|
+
import{r as e}from"./rolldown-runtime-hePW80VL.js";import{i as t,r as n,t as r}from"./react-vendor-wiHys0m2.js";import{d as i,f as a,u as o}from"./router-vendor-HZm4FR0A.js";import{a as s,t as c}from"./logger-BR4forr_.js";import{t as l}from"./useTranslation-B9kflK9S.js";import{a as u,i as d,n as f,s as p,t as m}from"./utils-p8Gt72YP.js";import{T as h,_ as g,a as _,d as v,f as y,g as b,h as x,i as S,l as C,n as w,o as T,p as E,r as D,t as O,u as k}from"./chatStore-CK5ojwft.js";import{Cr as A,Ct as j,Et as M,F as N,Fn as ee,G as te,Gt as ne,H as re,In as P,Jn as F,Kt as ie,L as I,Lt as ae,M as L,O as oe,P as se,Pn as ce,Qn as R,S as z,St as le,V as ue,Y as de,Yn as fe,Z as pe,Zn as me,_n as he,a as ge,ar as _e,b as ve,c as ye,dr as be,et as xe,g as B,gn as V,hr as Se,jn as Ce,kn as we,lt as Te,m as Ee,mr as De,n as H,o as U,on as W,or as Oe,ot as ke,p as Ae,q as G,r as K,rn as je,sn as q,st as Me,t as Ne,tn as Pe,ur as Fe,vr as Ie,wr as J,wt as Le,y as Re,zn as ze}from"./ui-vendor-BhHHyHk3.js";import{M as Be,P as Y,S as Ve,T as He,_ as X,a as Ue,d as We,f as Ge,g as Ke,i as qe,m as Je,n as Ye,p as Xe,t as Ze,y as Qe}from"./api-DPXCtanG.js";import{t as $e}from"./authStore-D8fc-Hl0.js";import{t as et}from"./appStore-BD70bvas.js";import{i as tt,r as nt,t as rt}from"./welcomePrompts-to5mv_gx.js";import{l as it}from"./messageCodeStyles-D4haBw80.js";import{t as Z}from"./Button-CGMYia4g.js";import{d as at,f as ot,l as st,p as ct}from"./ui-D5-4niRk.js";import{t as lt}from"./LogoMark-GJnfMXsk.js";import{a as ut,i as dt,n as ft,o as pt,r as mt}from"./useChat-DnGClJeX.js";import{a as ht,i as gt,o as _t,r as vt,s as yt,t as bt}from"./ttsBatching-kFVEE3Ip.js";import{t as xt}from"./ConnectModels-aUTD6s9B.js";import{i as St,n as Ct,r as wt,t as Tt}from"./thinking-DwlkTfPX.js";import{t as Et}from"./ArtifactContainer-D4v4l15L.js";import{t as Dt}from"./evaluationsApi-2YwZBPk5.js";import{n as Ot,t as kt}from"./useDictation-D7zVBjDJ.js";import{n as At,t as jt}from"./composerStyles-C83jssgZ.js";var Mt=n(),Q=e(t(),1),$=r(),Nt=e=>{try{return JSON.stringify(JSON.parse(e),null,2)}catch{return e}},Pt=({status:e})=>e===`running`||e===`awaiting_approval`?(0,$.jsx)(ae,{className:`h-3.5 w-3.5 animate-spin`}):e===`succeeded`?(0,$.jsx)(R,{className:`h-3.5 w-3.5 text-green-600 dark:text-green-400`}):e===`denied`?(0,$.jsx)(H,{className:`h-3.5 w-3.5 text-amber-600 dark:text-amber-400`}):(0,$.jsx)(B,{className:`h-3.5 w-3.5 text-red-500 dark:text-red-400`}),Ft=({call:e})=>{let{t}=l(),[n,r]=(0,Q.useState)(!1),i=t(`tools.callStatus.${e.status}`);return(0,$.jsxs)(`div`,{className:`rounded-lg border border-gray-200 dark:border-dark-200 bg-gray-50 dark:bg-dark-50 text-sm`,children:[(0,$.jsxs)(`button`,{type:`button`,onClick:()=>r(e=>!e),className:`flex w-full items-center gap-2 px-3 py-2 text-left`,"aria-expanded":n,children:[n?(0,$.jsx)(me,{className:`h-3.5 w-3.5 shrink-0 text-gray-400`}):(0,$.jsx)(fe,{className:`h-3.5 w-3.5 shrink-0 text-gray-400`}),(0,$.jsx)(K,{className:`h-3.5 w-3.5 shrink-0 text-gray-500 dark:text-gray-400`}),(0,$.jsx)(`span`,{className:`truncate font-medium text-gray-700 dark:text-gray-200`,dir:`ltr`,children:e.name}),e.serverName&&(0,$.jsx)(`span`,{className:`truncate text-xs text-gray-500 dark:text-gray-400`,children:e.serverName}),(0,$.jsxs)(`span`,{className:m(`ml-auto flex shrink-0 items-center gap-1 text-xs`,e.status===`succeeded`?`text-green-600 dark:text-green-400`:e.status===`failed`?`text-red-500 dark:text-red-400`:e.status===`denied`?`text-amber-600 dark:text-amber-400`:`text-gray-500 dark:text-gray-400`),children:[(0,$.jsx)(Pt,{status:e.status}),i]})]}),n&&(0,$.jsxs)(`div`,{className:`border-t border-gray-200 px-3 py-2 dark:border-dark-200`,children:[(0,$.jsx)(`div`,{className:`text-xs font-medium text-gray-500 dark:text-gray-400`,children:t(`tools.arguments`)}),(0,$.jsx)(`pre`,{dir:`ltr`,className:`mt-1 max-h-48 overflow-auto whitespace-pre-wrap rounded bg-white p-2 font-mono text-xs text-gray-700 dark:bg-dark-100 dark:text-gray-300`,children:Nt(e.arguments)}),e.resultPreview!==void 0&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{className:`mt-2 text-xs font-medium text-gray-500 dark:text-gray-400`,children:t(`tools.result`)}),(0,$.jsx)(`pre`,{dir:`ltr`,className:`mt-1 max-h-48 overflow-auto whitespace-pre-wrap rounded bg-white p-2 font-mono text-xs text-gray-700 dark:bg-dark-100 dark:text-gray-300`,children:e.resultPreview})]})]})]})},It=({calls:e,className:t})=>e.length===0?null:(0,$.jsx)(`div`,{className:m(`flex flex-col gap-1.5`,t),children:e.map(e=>(0,$.jsx)(Ft,{call:e},e.id))}),Lt=({approval:e,onDecide:t,className:n})=>{let{t:r}=l(),[i,a]=(0,Q.useState)(!1),o=(n,r)=>{a(!0),t(e.approvalId,n,r)};return(0,$.jsxs)(`div`,{role:`alertdialog`,"aria-label":r(`tools.approval.title`),className:m(`rounded-lg border border-primary-300/70 bg-primary-50 p-3 text-sm dark:border-primary-700/60 dark:bg-primary-900/20`,n),children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 font-medium text-primary-800 dark:text-primary-200`,children:[(0,$.jsx)(I,{className:`h-4 w-4 shrink-0`}),r(`tools.approval.title`)]}),(0,$.jsx)(`p`,{className:`mt-1 text-primary-800/90 dark:text-primary-100/80`,children:r(`tools.approval.description`,{tool:e.toolCall.name,server:e.toolCall.serverName??r(`tools.approval.builtinSource`)})}),(0,$.jsx)(`pre`,{dir:`ltr`,className:`mt-2 max-h-32 overflow-auto whitespace-pre-wrap rounded bg-white/70 p-2 font-mono text-xs text-gray-700 dark:bg-dark-100 dark:text-gray-300`,children:Nt(e.toolCall.arguments)}),(0,$.jsxs)(`div`,{className:`mt-3 flex flex-wrap gap-2`,children:[(0,$.jsx)(Z,{size:`sm`,disabled:i,onClick:()=>o(!0,`once`),children:r(`tools.approval.allowOnce`)}),(0,$.jsx)(Z,{size:`sm`,variant:`secondary`,disabled:i,onClick:()=>o(!0,`session`),children:r(`tools.approval.allowSession`)}),(0,$.jsx)(Z,{size:`sm`,variant:`secondary`,disabled:i,onClick:()=>o(!0,`always`),children:r(`tools.approval.allowAlways`)}),(0,$.jsx)(Z,{size:`sm`,variant:`ghost`,disabled:i,onClick:()=>o(!1,`once`),children:r(`tools.approval.deny`)})]})]})},Rt=({statistics:e,className:t=``})=>{let[n,r]=(0,Q.useState)(!1),{t:i}=l(),a=e=>{if(e==null)return`N/A`;let t=e/1e6;return t<1e3?`${Math.round(t)}ms`:`${(t/1e3).toFixed(2)}s`},o=e=>e?`${e.toFixed(1)} t/s`:`N/A`,s=e.prompt_eval_count||0,c=e.eval_count||0,u=s+c,d=a(e.total_duration),f=o(e.tokens_per_second);return(0,$.jsxs)(`div`,{className:`text-xs text-gray-500 dark:text-dark-500 mt-2 ${t}`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-4 mb-1`,children:[(0,$.jsxs)(`span`,{className:`flex items-center gap-1 text-gray-600 dark:text-dark-600`,children:[(0,$.jsx)(ne,{size:12,className:`text-primary-500`}),c,` tokens`]}),(0,$.jsx)(`span`,{className:`text-gray-500 dark:text-dark-500`,children:f}),(0,$.jsx)(`span`,{className:`text-gray-500 dark:text-dark-500`,children:d}),e.model&&(0,$.jsx)(`span`,{className:`text-gray-400 dark:text-dark-400 bg-gray-100 dark:bg-dark-200 px-2 py-0.5 rounded-full truncate max-w-32 sm:max-w-48`,title:e.model,children:e.model})]}),(0,$.jsxs)(`button`,{onClick:()=>r(!n),className:`flex items-center gap-1 text-gray-400 dark:text-dark-400 hover:text-gray-600 dark:hover:text-dark-600 transition-colors`,children:[n?(0,$.jsx)(me,{size:12}):(0,$.jsx)(fe,{size:12,className:`rtl:rotate-180`}),(0,$.jsx)(`span`,{children:i(`generationStats.details`)})]}),n&&(0,$.jsxs)(`div`,{className:`mt-2 p-3 bg-gray-50 dark:bg-dark-100 border border-gray-200 dark:border-dark-300 rounded-lg text-xs space-y-2`,children:[(0,$.jsxs)(`div`,{className:`grid grid-cols-2 gap-x-4 gap-y-2`,children:[(0,$.jsxs)(`div`,{className:`text-gray-700 dark:text-dark-700`,children:[(0,$.jsx)(`span`,{className:`font-medium text-gray-800 dark:text-dark-800`,children:i(`generationStats.promptTokens`)}),` `,s]}),(0,$.jsxs)(`div`,{className:`text-gray-700 dark:text-dark-700`,children:[(0,$.jsx)(`span`,{className:`font-medium text-gray-800 dark:text-dark-800`,children:i(`generationStats.generatedTokens`)}),` `,c]}),(0,$.jsxs)(`div`,{className:`text-gray-700 dark:text-dark-700`,children:[(0,$.jsx)(`span`,{className:`font-medium text-gray-800 dark:text-dark-800`,children:i(`generationStats.totalTokens`)}),` `,u]}),(0,$.jsxs)(`div`,{className:`text-gray-700 dark:text-dark-700`,children:[(0,$.jsx)(`span`,{className:`font-medium text-gray-800 dark:text-dark-800`,children:i(`generationStats.speed`)}),` `,f]}),(0,$.jsxs)(`div`,{className:`text-gray-700 dark:text-dark-700`,children:[(0,$.jsx)(`span`,{className:`font-medium text-gray-800 dark:text-dark-800`,children:i(`generationStats.promptEval`)}),` `,a(e.prompt_eval_duration)]}),(0,$.jsxs)(`div`,{className:`text-gray-700 dark:text-dark-700`,children:[(0,$.jsx)(`span`,{className:`font-medium text-gray-800 dark:text-dark-800`,children:i(`generationStats.generation`)}),` `,a(e.eval_duration)]}),(0,$.jsxs)(`div`,{className:`text-gray-700 dark:text-dark-700`,children:[(0,$.jsx)(`span`,{className:`font-medium text-gray-800 dark:text-dark-800`,children:i(`generationStats.modelLoad`)}),` `,a(e.load_duration)]}),(0,$.jsxs)(`div`,{className:`text-gray-700 dark:text-dark-700`,children:[(0,$.jsx)(`span`,{className:`font-medium text-gray-800 dark:text-dark-800`,children:i(`generationStats.totalTime`)}),` `,d]})]}),e.created_at&&(0,$.jsxs)(`div`,{className:`pt-2 border-t border-gray-200 dark:border-dark-300 text-gray-600 dark:text-dark-600`,children:[(0,$.jsx)(`span`,{className:`font-medium text-gray-800 dark:text-dark-800`,children:i(`generationStats.generatedAt`)}),` `,new Date(e.created_at).toLocaleTimeString()]})]})]})},zt=c(`components:ttsbutton`),Bt=null,Vt=null,Ht=0,Ut=3e5;async function Wt(e=!1){let t=Date.now();return!e&&Bt!==null&&t-Ht<Ut?Bt:Vt||(Vt=(async()=>{try{let e=await Ue.getModels();return e.success&&e.data&&e.data.length>0?(Bt=e.data,Ht=t,e.data):(Bt=[],Ht=t,[])}catch{return Bt=[],Ht=t,[]}finally{Vt=null}})(),Vt)}var Gt=({text:e,className:t,size:n=`sm`,externalPlaybackState:r,onStopExternal:i,onRetryExternal:a})=>{let{t:o,i18n:s}=l(),{preferences:c}=et(),[u,d]=(0,Q.useState)(`idle`),[f,p]=(0,Q.useState)(null),[h,g]=(0,Q.useState)([]),[_,v]=(0,Q.useState)(null),y=(0,Q.useRef)(null),b=(0,Q.useRef)(0);(0,Q.useEffect)(()=>{let e=!0;return(async()=>{let t=await Wt(),n=Ye(t,c.ttsSettings?.model,c.ttsSettings?.pluginId);c.ttsSettings?.model&&!n&&(t=await Wt(!0)),e&&(g(t),v(t.length>0))})(),()=>{e=!1}},[c.ttsSettings?.model,c.ttsSettings?.pluginId]);let x=()=>{b.current+=1,y.current?.cancel(),y.current=null,d(`idle`)},S=async()=>{if(r===`blocked`||r===`error`){a?.();return}if(r===`loading`||r===`generating`||r===`buffering`||r===`playing`){i?.();return}if(u===`loading`||u===`generating`||u===`buffering`||u===`playing`){x();return}if(y.current){x();return}let t=yt();d(`loading`),p(null);let n=b.current+1;b.current=n;try{let r=await t;if(b.current!==n)return;if(r===`blocked`){d(`blocked`);return}let i=c.ttsSettings,a=qe(h,i?.model,i?.pluginId),l=a?.model||i?.model||`tts-1`,u=a?.plugin||i?.pluginId,f=a?.model===i?.model&&(!i?.pluginId||a?.plugin===i.pluginId),p=f&&i?.voice||a?.config?.default_voice,m=f&&i?.voiceProfileId||void 0,g=i?.speed||1,_=a?.config?.default_format,v=Math.max(1,a?.config?.max_characters||600),x=Math.min(v,600),S=i?.streamSentences!==!1||e.length>x?vt(e,{locale:s.language,maxChars:x,targetChars:Math.min(x,420),minChars:Math.min(x,80)}):[e.trim()];if(S.length===0)throw Error(o(`ttsButton.generateFailed`));let C=gt({concurrency:3,initialBufferSize:Math.min(2,S.length),generate:(e,{signal:t})=>Ue.generate({model:l,pluginId:u,input:e,voice:m?void 0:p||void 0,voiceProfileId:m,speed:g,response_format:_},{signal:t}),onStateChange:e=>{b.current===n&&d(e)}});y.current=C;let w=bt(C);try{await C.play(S)}finally{w(),y.current===C&&(y.current=null)}}catch(e){if(b.current!==n)return;if(ht(e)){d(`idle`);return}if(_t(e)){d(`blocked`);return}let t=e instanceof Error?e.message:o(`ttsButton.generateFailed`);p(t),zt.error(`TTS error:`,e),d(`error`)}};if((0,Q.useEffect)(()=>()=>{b.current+=1,y.current?.cancel(),y.current=null},[]),_===!1||_===null)return null;let C={sm:`h-6 w-6 p-1`,md:`h-8 w-8 p-1.5`,lg:`h-10 w-10 p-2`},w={sm:`h-3.5 w-3.5`,md:`h-4 w-4`,lg:`h-5 w-5`},T=r&&![`idle`,`ended`,`cancelled`].includes(r)?r:u,E=T===`loading`||T===`generating`||T===`buffering`,D=T===`playing`,O=T===`blocked`,k=!!f||T===`error`,A=f||o(k?`ttsButton.playbackFailed`:O?`ttsButton.enableAudio`:D||E?D?`ttsButton.stopSpeaking`:T===`buffering`?`ttsButton.bufferingSpeech`:T===`generating`?`ttsButton.generatingSpeech`:`ttsButton.preparingSpeech`:`ttsButton.readAloud`);return(0,$.jsxs)(`button`,{onClick:S,disabled:!e,title:A,"aria-label":A,"aria-busy":E||void 0,className:m(`inline-flex items-center justify-center rounded-full transition-all duration-200`,`hover:bg-gray-100 dark:hover:bg-dark-200`,`focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-1`,`disabled:opacity-50 disabled:cursor-not-allowed`,k?`text-red-500 dark:text-red-400`:O?`w-auto gap-1 bg-amber-50 px-2 text-amber-700 dark:bg-amber-900/20 dark:text-amber-300`:D?`text-primary-600 dark:text-primary-400 bg-primary-50 dark:bg-primary-900/20`:`text-gray-500 dark:text-gray-400`,!O&&C[n],O&&n===`sm`&&`h-7`,O&&n===`md`&&`h-8`,O&&n===`lg`&&`h-10`,t),children:[E?(0,$.jsx)(ae,{className:m(w[n],`animate-spin`)}):D?(0,$.jsx)(oe,{className:w[n]}):k||O?(0,$.jsx)(ge,{className:w[n]}):(0,$.jsx)(U,{className:w[n]}),O&&(0,$.jsx)(`span`,{className:`whitespace-nowrap text-xs font-medium`,children:o(`ttsButton.enableAudioShort`)})]})},Kt=80,qt=5e3,Jt=15e3;function Yt({sessionId:e,messageId:t,thinking:n,isThinking:r,isPrivate:i}){let a=et(e=>e.preferences.titleSettings),o=(0,Q.useRef)(n),[c,l]=(0,Q.useState)(null),{autoTitle:u,taskModel:d,taskProviderType:f,taskProviderId:p}=a??{};return(0,Q.useEffect)(()=>{o.current=n},[n]),(0,Q.useEffect)(()=>{if(!e||!r||i||!u||!d||s())return;let n=!1,a,c=``,m=new AbortController,h=async()=>{let r=(o.current??``).slice(-4e3).trim();if(r.length<Kt||r===c){n||(a=setTimeout(()=>void h(),400));return}c=r;let i=Date.now(),s=qt;try{let i=await Y.summarizeThinking(e,{model:d,thinking:r,providerType:f,providerId:p},m.signal);if(!i.success||!i.data?.summary?.trim())throw Error(`Thinking summary unavailable`);n||l({sessionId:e,messageId:t,summary:i.data.summary.trim().slice(0,160)})}catch{s=Jt}n||(a=setTimeout(()=>void h(),Math.max(0,s-(Date.now()-i))))};return a=setTimeout(()=>void h(),350),()=>{n=!0,clearTimeout(a),m.abort()}},[e,t,r,i,u,d,f,p]),c&&c.sessionId===e&&c.messageId===t?c.summary:null}var Xt=[`accuracy`,`style`,`incomplete`,`harmful`,`formatting`],Zt=c(`components:chat-message`);function Qt({role:e,user:t,persona:n,modelAvatar:r}){let[i,a]=(0,Q.useState)(null);if(e===`assistant`){if(n)return(0,$.jsx)(`img`,{src:Ke(n,64),alt:n.name,"data-testid":`chat-assistant-avatar`,onError:e=>X(e.currentTarget,n.name,64),className:`mt-0.5 h-8 w-8 shrink-0 rounded-lg object-cover`});let e=r?.trim()??``,t=e.startsWith(`data:`)&&e!==i?e:``;return(0,$.jsx)(`div`,{role:`img`,"aria-label":`Libre WebUI`,"data-testid":`chat-assistant-avatar`,className:`mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center overflow-hidden rounded-full border border-black/[0.07] bg-white text-gray-900 shadow-sm dark:border-white/[0.09] dark:bg-dark-200 dark:text-dark-950`,children:t?(0,$.jsx)(`img`,{src:t,alt:``,className:`h-full w-full object-cover`,onError:()=>a(e)}):e?(0,$.jsx)(`span`,{"aria-hidden":`true`,className:`text-base leading-none`,children:e}):(0,$.jsx)(lt,{label:null,className:`h-4 w-4`})})}let o=t?.username||`User`,s=t?.avatar?.trim()||``,c=!!s&&s!==i;return(0,$.jsx)(`div`,{role:c?void 0:`img`,"aria-label":c?void 0:o,"data-testid":`chat-user-avatar`,className:m(`mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center overflow-hidden rounded-full`,c?`border border-black/[0.07] bg-white dark:border-white/[0.09] dark:bg-dark-200`:`bg-gray-950 text-white dark:bg-white dark:text-gray-950`),title:o,children:c?(0,$.jsx)(`img`,{src:s,alt:o,className:`h-full w-full object-cover`,onError:()=>a(s)}):t?.username?(0,$.jsx)(`span`,{"aria-hidden":`true`,className:`text-xs font-medium uppercase leading-none`,children:t.username.charAt(0)}):(0,$.jsx)(ye,{"aria-hidden":`true`,className:`h-4 w-4`})})}var $t=Q.memo(({message:e,isStreaming:t=!1,className:n,isLastAssistantMessage:r=!1,onRegenerate:i,onFork:a,onEditResend:o})=>{let{t:s,i18n:c}=l(),u=e.role===`user`,f=e.role===`system`,h=f&&_(e.content),g=h?e.content.slice(w.length):e.content,v=et(e=>e.preferences),y=$e(e=>e.user),b=O(e=>e.setSystemMessage),x=O(e=>e.rateMessage),S=O(e=>e.modelMetadata),C=O(e=>e.currentSession?.id),T=O(e=>e.currentSession?.model),E=O(e=>e.currentSession?.isPrivate===!0),D=O(e=>e.getCurrentPersona()),k=e.model||T||``,A=k?S[k]??Object.entries(S).find(([e])=>e.slice(e.indexOf(`/`)+1)===k)?.[1]:void 0,[j,M]=(0,Q.useState)(!1),[N,ee]=(0,Q.useState)(e.content),[te,ne]=(0,Q.useState)(null),[P,ie]=(0,Q.useState)(!1),[I,ae]=(0,Q.useState)(!1),[L,oe]=(0,Q.useState)(!1),se=(0,Q.useId)(),[ce,z]=(0,Q.useState)(`idle`),[le,ue]=(0,Q.useState)(null),[fe,he]=(0,Q.useState)([]),[ge,ye]=(0,Q.useState)(``),[be,xe]=(0,Q.useState)(!1),B=(0,Q.useRef)(null),V=(0,Q.useRef)(0),Se=(0,Q.useRef)(t),we=(0,Q.useRef)(!1),Te=async()=>{try{await navigator.clipboard.writeText(e.content),it(`success`),xe(!0),setTimeout(()=>xe(!1),2e3)}catch(e){Zt.error(`Failed to copy message:`,e)}},{thinkingContent:De,thinkingStreaming:U,parsedContent:W,artifacts:Oe}=(0,Q.useMemo)(()=>{if(u||f||!e.content&&!e.thinking)return{thinkingContent:null,thinkingStreaming:!1,parsedContent:e.content,artifacts:e.artifacts||[]};let n=e.thinking?{thinking:e.thinking,content:e.content,thinkingComplete:!!e.content||!t}:p(e.content),r=n.content,i=t&&!n.thinkingComplete;if(e.artifacts&&e.artifacts.length>0)return{thinkingContent:n.thinking,thinkingStreaming:i,parsedContent:r,artifacts:e.artifacts};if(!t){let e=pt(r);return{thinkingContent:n.thinking,thinkingStreaming:i,parsedContent:e.content,artifacts:e.artifacts}}return{thinkingContent:n.thinking,thinkingStreaming:i,parsedContent:r,artifacts:[]}},[e.content,e.thinking,e.artifacts,u,f,t]),ke=U?void 0:e.statistics?.thinking_duration_ms??ut(e.id),Ae=Yt({sessionId:C,messageId:e.id,thinking:De,isThinking:U,isPrivate:E}),K=ke===void 0?s(`chatMessage.thinking`):s(`chatMessage.thoughtFor`,{duration:dt(ke)}),q=(0,Q.useCallback)(async e=>{let t=V.current+1;V.current=t,B.current?.cancel(),B.current=null,z(`loading`);try{if(e){let n=await e;if(V.current!==t)return;if(n===`blocked`){z(`blocked`);return}}let n=await Ue.getModels();if(V.current!==t)return;let r=n.success&&n.data?n.data:[],i=v.ttsSettings,a=qe(r,i?.model,i?.pluginId),o=Ye(r,i?.model,i?.pluginId),s=a?.model||i?.model||`tts-1`,l=a?.plugin||i?.pluginId,u=o&&i?.voice||a?.config?.default_voice,d=o&&i?.voiceProfileId||void 0,f=Math.max(1,a?.config?.max_characters||600),p=Math.min(f,600),m=i?.streamSentences!==!1||W.length>p?vt(W,{locale:c.language,maxChars:p,targetChars:Math.min(p,420),minChars:Math.min(p,80)}):[W.trim()];if(m.length===0){z(`idle`);return}let h=gt({concurrency:3,initialBufferSize:Math.min(2,m.length),generate:(e,{signal:t})=>Ue.generate({model:s,pluginId:l,input:e,voice:d?void 0:u||void 0,voiceProfileId:d,speed:i?.speed||1,response_format:a?.config?.default_format},{signal:t}),onStateChange:e=>{V.current===t&&z(e)}});if(V.current!==t){h.cancel();return}B.current=h;let g=bt(h);try{await h.play(m)}finally{g(),B.current===h&&(B.current=null),V.current===t&&(h.state===`ended`||h.state===`cancelled`)&&z(`idle`)}}catch(e){if(V.current!==t)return;ht(e)?z(`idle`):_t(e)?z(`blocked`):(Zt.error(`Auto-play TTS failed:`,e),z(`error`))}},[c.language,W,v.ttsSettings]);(0,Q.useEffect)(()=>{let e=Se.current&&!t;Se.current=t,e&&!we.current&&!u&&!f&&W&&v.ttsSettings?.enabled&&v.ttsSettings.autoPlay&&(we.current=!0,q())},[t,u,f,W,v.ttsSettings?.autoPlay,v.ttsSettings?.enabled,q]),(0,Q.useEffect)(()=>()=>{V.current+=1,B.current?.cancel(),B.current=null},[]);let Ne=()=>{let e=yt();q(e)},Pe=()=>{V.current+=1,B.current?.cancel(),B.current=null,z(`idle`)},Fe=()=>h?s(`chatMessage.conversationSummary`):f?s(`chatMessage.system`):u?v.showUsername&&y?.username?y.username:s(`chatMessage.you`):D?.name?D.name:A?.label||k||s(`chatMessage.assistant`),Ie=()=>{M(!0),ee(e.content)},[Le,ze]=(0,Q.useState)(!1),Be=async()=>{if(C&&!Le){ze(!0);try{let t=await Y.restoreCompaction(C,e.id);if(!t.success||!t.data)throw Error(t.error||`Restore failed`);let n=t.data;O.setState(e=>({sessions:e.sessions.map(e=>e.id===n.id?n:e),currentSession:e.currentSession?.id===n.id?n:e.currentSession}))}catch(e){Zt.error(`Failed to restore compacted messages:`,e),J.error(s(`chatMessage.restoreFailed`))}finally{ze(!1)}}},Ve=async()=>{ie(!0);try{b(N),M(!1),Zt.debug(`✅ System message updated:`,N)}catch(e){Zt.error(`Failed to save system message:`,e)}finally{ie(!1)}},He=()=>{M(!1),ee(e.content)},X=()=>{let t=N.trim();M(!1),t&&o?.(e.id,t)},We=t=>{if(!C)return;let n=e.rating===t;if(x(C,e.id,n?void 0:t),!E){if(n){ue(null),Dt.deleteFeedback(e.id).catch(()=>void 0);return}he([]),ye(``),ue(t===1?1:-1),Dt.upsertFeedback({sessionId:C,messageId:e.id,rating:t===1?1:-1}).catch(()=>void 0)}},Ge=()=>{C&&le!==null&&(Dt.upsertFeedback({sessionId:C,messageId:e.id,rating:le,tags:fe,...ge.trim()?{comment:ge.trim()}:{}}).catch(()=>void 0),ue(null))},Ke=(e,t=100)=>e.length<=t?e:e.substring(0,t)+`...`,Je=f&&g.length>100;return(0,$.jsxs)(`div`,{className:m(`group flex py-1.5 transition-colors sm:py-2`,u?`justify-end`:`justify-start`,n),children:[(0,$.jsxs)(`div`,{className:m(`flex min-w-0 gap-2.5 sm:gap-3`,u?`max-w-[85%] sm:max-w-[70%]`:`w-full`),children:[!u&&!f&&(0,$.jsx)(Qt,{role:`assistant`,persona:D,modelAvatar:A?.avatar}),(0,$.jsxs)(`div`,{className:m(`min-w-0 flex-1`,u?`flex flex-col items-end`:f?`py-1.5`:`py-0.5`),children:[!u&&!f&&(0,$.jsxs)(`div`,{className:`mb-1 flex items-center gap-2`,children:[(0,$.jsx)(`span`,{dir:`auto`,className:`text-[11px] font-semibold uppercase tracking-[0.08em] text-ink-muted rtl:tracking-normal`,children:Fe()}),e.model&&D?.name&&(0,$.jsx)(`span`,{dir:`ltr`,className:`max-w-32 truncate rounded-full bg-gray-100 px-2 py-0.5 text-[10px] text-gray-500 dark:bg-dark-200 dark:text-dark-600 sm:max-w-48`,title:e.model,children:e.model}),(0,$.jsx)(`span`,{dir:`auto`,className:`text-[10px] tabular-nums text-ink-subtle`,children:d(e.timestamp,c.language)})]}),(0,$.jsxs)(`div`,{className:m(!u&&!f&&`text-[0.9375rem] leading-[1.65] text-ink`),children:[e.images&&e.images.length>0&&(0,$.jsx)(`div`,{className:`mb-1.5 grid max-w-lg grid-cols-2 gap-1.5 sm:grid-cols-3`,children:e.images.map((e,t)=>(0,$.jsx)(`div`,{className:`aspect-square overflow-hidden rounded-xl border border-black/[0.06] bg-gray-100 dark:border-white/[0.08] dark:bg-gray-800`,children:(0,$.jsx)(`img`,{src:e,alt:`Uploaded image ${t+1}`,className:`w-full h-full object-cover cursor-pointer hover:opacity-90 transition-opacity`,onClick:()=>ne(e)})},t))}),u?j?(0,$.jsxs)(`div`,{className:`w-full min-w-[min(28rem,80vw)] rounded-2xl border border-black/[0.08] bg-white p-2 shadow-sm dark:border-white/[0.08] dark:bg-dark-100`,children:[(0,$.jsx)(`textarea`,{dir:`auto`,value:N,onChange:e=>ee(e.target.value),onKeyDown:e=>{e.nativeEvent.isComposing||e.nativeEvent.keyCode===229||(e.key===`Enter`&&!e.shiftKey?(e.preventDefault(),X()):e.key===`Escape`&&He())},autoFocus:!0,className:`min-h-[72px] w-full resize-y rounded-xl border-none bg-transparent p-2 text-[0.9375rem] leading-relaxed text-gray-900 focus:outline-none dark:text-dark-900`}),(0,$.jsxs)(`div`,{className:`flex items-center justify-end gap-1.5 px-1 pb-1`,children:[(0,$.jsx)(`button`,{onClick:He,className:`rounded-lg px-2.5 py-1 text-xs text-gray-500 transition-colors hover:bg-gray-100 dark:text-dark-600 dark:hover:bg-dark-200`,children:s(`chatMessage.cancelEditing`)}),(0,$.jsx)(`button`,{onClick:X,className:`rounded-lg bg-gray-900 px-2.5 py-1 text-xs text-white transition-colors hover:bg-gray-700 dark:bg-dark-300 dark:hover:bg-dark-400`,children:s(`chatMessage.saveAndSubmit`)})]})]}):(0,$.jsx)(`div`,{"data-user-bubble":``,className:`rounded-2xl rounded-ee-md border border-black/[0.06] bg-gray-900 px-3.5 py-2 text-white shadow-sm dark:border-white/[0.07] dark:bg-dark-300`,children:(0,$.jsx)(`p`,{dir:`auto`,className:`whitespace-pre-wrap text-[0.9375rem] leading-relaxed`,children:e.content})}):f?(0,$.jsxs)(`div`,{className:`relative z-0 rounded-2xl border border-black/[0.06] bg-white/55 p-3 dark:border-white/[0.06] dark:bg-dark-200/45`,children:[(0,$.jsxs)(`div`,{className:`mb-2 flex items-center justify-between text-[10px] font-semibold uppercase tracking-[0.12em] text-gray-500 dark:text-dark-500`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-1`,children:[h?(0,$.jsx)(de,{className:`h-2.5 w-2.5 opacity-50`}):(0,$.jsx)(re,{className:`h-2.5 w-2.5 opacity-50`}),s(h?`chatMessage.conversationSummary`:`chatMessage.system`)]}),(0,$.jsx)(`div`,{className:`flex items-center gap-1`,children:h?(0,$.jsx)(`button`,{onClick:()=>void Be(),disabled:Le,className:`rounded-lg p-1.5 transition-colors hover:bg-gray-100 disabled:opacity-50 dark:hover:bg-dark-300`,title:s(`chatMessage.restoreCompacted`),children:(0,$.jsx)(Ee,{className:`h-3 w-3 text-gray-600 dark:text-gray-400`})}):j?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`button`,{onClick:Ve,disabled:P,className:`rounded-lg p-1.5 transition-colors hover:bg-gray-100 disabled:opacity-50 dark:hover:bg-dark-300`,title:s(`chatMessage.saveChanges`),children:(0,$.jsx)(G,{className:`h-3 w-3 text-green-600 dark:text-green-400`})}),(0,$.jsx)(`button`,{onClick:He,disabled:P,className:`rounded-lg p-1.5 transition-colors hover:bg-gray-100 disabled:opacity-50 dark:hover:bg-dark-300`,title:s(`chatMessage.cancelEditing`),children:(0,$.jsx)(H,{className:`h-3 w-3 text-red-600 dark:text-red-400`})})]}):(0,$.jsx)(`button`,{onClick:Ie,className:`rounded-lg p-1.5 transition-colors hover:bg-gray-100 dark:hover:bg-dark-300`,title:s(`chatMessage.editSystemMessage`),children:(0,$.jsx)(Me,{className:`h-3 w-3 text-gray-600 dark:text-gray-400`})})})]}),j?(0,$.jsx)(`textarea`,{dir:`auto`,value:N,onChange:e=>ee(e.target.value),className:`min-h-[100px] w-full resize-none rounded-xl border border-black/[0.08] bg-white p-3 text-sm text-gray-900 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-primary-500 dark:border-white/[0.08] dark:bg-dark-100 dark:text-dark-900 dark:focus:ring-primary-400`,placeholder:s(`chatMessage.systemMessagePlaceholder`),disabled:P}):(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`p`,{dir:`auto`,className:`whitespace-pre-wrap text-xs leading-relaxed text-gray-500 dark:text-dark-600`,children:I?g:Ke(g)}),Je&&(0,$.jsx)(`button`,{onClick:()=>ae(!I),className:`mt-2 flex items-center gap-1 text-xs text-gray-400 transition-colors hover:text-gray-900 dark:text-dark-500 dark:hover:text-dark-900`,children:I?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(F,{className:`h-3 w-3`}),s(`chatMessage.showLess`)]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(me,{className:`h-3 w-3`}),s(`chatMessage.showMore`)]})})]})]}):(0,$.jsxs)(`div`,{className:`relative`,children:[(De||U)&&(0,$.jsxs)(`div`,{className:`mb-3 border-s border-gray-200 ps-3 dark:border-dark-300`,children:[(0,$.jsxs)(`button`,{type:`button`,"data-testid":`thinking-toggle`,"aria-expanded":L,"aria-controls":se,onClick:()=>oe(!L),className:`flex min-h-11 max-w-full items-center gap-1.5 rounded-md py-2 text-start text-xs text-ink-muted transition-colors hover:text-ink focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30`,children:[U?(0,$.jsx)(at,{"data-testid":`thinking-generation-indicator`}):(0,$.jsx)(_e,{"aria-hidden":`true`,className:`h-3.5 w-3.5 shrink-0`}),(0,$.jsxs)(`span`,{role:`status`,"aria-live":U?`polite`:`off`,"aria-atomic":`true`,className:`min-w-0 [overflow-wrap:anywhere]`,children:[(0,$.jsx)(`span`,{"data-testid":`thinking-summary`,dir:`auto`,className:m(`block font-medium`,U&&`animate-slide-up [animation-duration:140ms] motion-reduce:animate-none`),children:Ae||(U?`${s(`chatMessage.thinking`)}…`:K)},Ae||`thinking`),Ae&&!U&&(0,$.jsx)(`span`,{className:`mt-0.5 block text-ink-subtle`,children:K})]}),L?(0,$.jsx)(F,{"aria-hidden":`true`,className:`h-3.5 w-3.5 shrink-0`}):(0,$.jsx)(me,{"aria-hidden":`true`,className:`h-3.5 w-3.5 shrink-0`})]}),(0,$.jsx)(`div`,{id:se,"data-testid":`thinking-content`,hidden:!L,dir:`auto`,className:`mt-2 rounded-xl bg-gray-100/60 p-2.5 text-[13px] leading-relaxed text-gray-600 dark:bg-dark-200/60 dark:text-dark-700`,children:L&&De&&(0,$.jsx)(st,{content:De,isStreaming:U,className:`text-[13px] text-ink-muted`})})]}),(0,$.jsx)(st,{content:W,isStreaming:t&&!(U&&!W)})]}),!u&&!f&&Oe.length>0&&(0,$.jsx)(`div`,{className:`mt-3`,children:(0,$.jsx)(Et,{artifacts:Oe})}),!u&&!f&&Array.isArray(e.providerMetadata?.toolCalls)&&e.providerMetadata.toolCalls.length>0&&(0,$.jsx)(It,{calls:e.providerMetadata.toolCalls,className:`mt-2.5`}),!u&&!f&&Array.isArray(e.providerMetadata?.webSearchSources)&&e.providerMetadata.webSearchSources.length>0&&(0,$.jsxs)(`div`,{className:`mt-2.5 flex flex-wrap items-center gap-1.5`,children:[(0,$.jsx)(`span`,{className:`text-[10px] font-semibold uppercase tracking-[0.12em] text-ink-subtle rtl:tracking-normal`,children:s(`chat.message.sources`,`Sources`)}),e.providerMetadata.webSearchSources.map((e,t)=>typeof e?.url==`string`?(0,$.jsxs)(`a`,{href:e.url,target:`_blank`,rel:`noopener noreferrer`,dir:`ltr`,className:`inline-flex max-w-[220px] items-center gap-1 rounded-full border border-gray-200 bg-gray-50 px-2 py-0.5 text-[11px] text-gray-600 transition-colors hover:border-primary-300 hover:text-primary-600 dark:border-dark-300 dark:bg-dark-200 dark:text-dark-700 dark:hover:text-primary-400`,title:e.title||e.url,children:[(0,$.jsx)(`span`,{className:`tabular-nums`,children:t+1}),(0,$.jsx)(`span`,{className:`truncate`,children:(()=>{try{return new URL(e.url).hostname.replace(/^www\./,``)}catch{return e.url}})()})]},`${e.url}-${t}`):null)]}),!u&&!f&&e.statistics&&(0,$.jsx)(`div`,{className:`mt-2`,children:(0,$.jsx)(Rt,{statistics:e.statistics})}),!f&&!t&&(0,$.jsxs)(`div`,{className:m(`flex items-center gap-0.5 text-ink-subtle`,`sm:transition-opacity sm:duration-150 sm:group-hover:opacity-100 sm:group-focus-within:opacity-100`,!u&&[`loading`,`generating`,`buffering`,`blocked`,`playing`].includes(ce)?`sm:opacity-100`:`sm:opacity-0`,u?`mt-1 justify-end`:`mt-1`),children:[u&&(0,$.jsxs)(`span`,{dir:`auto`,className:`me-1 text-[10px] tabular-nums`,title:d(e.timestamp,c.language),children:[Fe(),` ·`,` `,d(e.timestamp,c.language)]}),!u&&W&&(0,$.jsx)(Gt,{text:W,size:`sm`,externalPlaybackState:ce,onStopExternal:Pe,onRetryExternal:Ne,className:m(`transition-colors`,ce===`playing`&&`bg-primary-50 text-primary-600 dark:bg-primary-900/20 dark:text-primary-400`)}),u&&o&&!j&&(0,$.jsx)(`button`,{onClick:()=>{ee(e.content),M(!0)},className:`flex h-7 w-7 items-center justify-center rounded-full transition-colors hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-dark-200 dark:hover:text-dark-800`,title:s(`chatMessage.edit`),children:(0,$.jsx)(Me,{className:`h-3.5 w-3.5`})}),(0,$.jsx)(`button`,{onClick:Te,className:`flex h-7 w-7 items-center justify-center rounded-full transition-colors hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-dark-200 dark:hover:text-dark-800`,title:s(be?`chatMessage.copied`:`chatMessage.copyMessage`),children:be?(0,$.jsx)(R,{className:`h-3.5 w-3.5 text-green-500`}):(0,$.jsx)(Ce,{className:`h-3.5 w-3.5`})}),!u&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`button`,{onClick:()=>We(1),className:m(`flex h-7 w-7 items-center justify-center rounded-full transition-colors hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-dark-200 dark:hover:text-dark-800`,e.rating===1&&`text-primary-600 dark:text-primary-400`),title:s(`chatMessage.goodResponse`),"aria-pressed":e.rating===1,children:(0,$.jsx)(Re,{className:`h-3.5 w-3.5`,fill:e.rating===1?`currentColor`:`none`})}),(0,$.jsx)(`button`,{onClick:()=>We(-1),className:m(`flex h-7 w-7 items-center justify-center rounded-full transition-colors hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-dark-200 dark:hover:text-dark-800`,e.rating===-1&&`text-red-500 dark:text-red-400`),title:s(`chatMessage.badResponse`),"aria-pressed":e.rating===-1,children:(0,$.jsx)(ve,{className:`h-3.5 w-3.5`,fill:e.rating===-1?`currentColor`:`none`})}),le!==null&&(0,$.jsxs)(`div`,{className:`ml-1 flex flex-wrap items-center gap-1 rounded-lg border border-gray-200 bg-white px-2 py-1 dark:border-dark-300 dark:bg-dark-100`,"data-testid":`feedback-details`,children:[Xt.map(e=>(0,$.jsx)(`button`,{type:`button`,onClick:()=>he(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e]),className:m(`rounded-full border px-2 py-0.5 text-[10px]`,fe.includes(e)?`border-primary-500 bg-primary-50 text-primary-700 dark:bg-primary-950/40 dark:text-primary-300`:`border-gray-300 text-gray-500 dark:border-dark-300`),"aria-pressed":fe.includes(e),children:s(`chatMessage.feedbackTags.${e}`)},e)),(0,$.jsx)(`input`,{value:ge,onChange:e=>ye(e.target.value),placeholder:s(`chatMessage.feedbackComment`),className:`w-32 rounded border border-gray-300 px-1.5 py-0.5 text-[10px] dark:border-dark-300 dark:bg-dark-50`,maxLength:2e3}),(0,$.jsx)(`button`,{type:`button`,onClick:Ge,className:`rounded bg-gray-900 px-2 py-0.5 text-[10px] text-white dark:bg-white dark:text-gray-900`,children:s(`common.save`)}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>ue(null),"aria-label":s(`common.close`),className:`rounded p-0.5 text-gray-400 hover:text-gray-600`,children:(0,$.jsx)(H,{className:`h-3 w-3`})})]})]}),!u&&r&&i&&(0,$.jsx)(`button`,{onClick:i,className:`flex h-7 w-7 items-center justify-center rounded-full transition-colors hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-dark-200 dark:hover:text-dark-800`,title:s(`chatMessage.regenerateResponse`),children:(0,$.jsx)(pe,{className:`h-3.5 w-3.5`})}),a&&(0,$.jsx)(`button`,{onClick:()=>a(e.id),className:`flex h-7 w-7 items-center justify-center rounded-full transition-colors hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-dark-200 dark:hover:text-dark-800`,title:s(`chat.fork.action`),"data-testid":`fork-from-message`,children:(0,$.jsx)(je,{className:`h-3.5 w-3.5`})})]})]})]}),u&&(0,$.jsx)(Qt,{role:`user`,user:y??null})]}),te&&(0,Mt.createPortal)((0,$.jsxs)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-label":s(`chatMessage.fullSizeImage`),className:`fixed inset-0 z-[9999] flex items-center justify-center bg-black/85 p-6 backdrop-blur-md`,onClick:()=>ne(null),children:[(0,$.jsx)(`button`,{className:`absolute end-6 top-6 rounded-full border border-white/15 bg-white/10 p-3 text-white transition-colors hover:bg-white/20`,onClick:e=>{e.stopPropagation(),ne(null)},children:(0,$.jsx)(H,{className:`h-7 w-7`})}),(0,$.jsx)(`img`,{src:te,alt:s(`chatMessage.fullSizeImage`),className:`max-h-[90vh] max-w-[90vw] rounded-2xl object-contain shadow-2xl`,onClick:e=>e.stopPropagation()})]}),document.body)]})});$t.displayName=`ChatMessage`;var en=()=>typeof window<`u`&&window.matchMedia(`(prefers-reduced-motion: reduce)`).matches,tn=220,nn=e=>{let t=e.slice(0,880).replace(/```(?:\w+)?\s*([\s\S]*?)```/g,`$1`).replace(/!\[([^\]]*)\]\([^)]*\)/g,`$1`).replace(/\[([^\]]+)\]\([^)]*\)/g,`$1`).replace(/<[^>]+>/g,` `).replace(/[#>*_~`|]/g,` `).replace(/\s+/g,` `).trim();return t.length>tn?`${t.slice(0,219).trimEnd()}…`:t},rn=Q.memo(function({items:e,activeId:t,onSelect:n}){let{t:r}=l(),i=(0,Q.useRef)(null),a=(0,Q.useRef)(null),o=(0,Q.useRef)(new Map),[s,c]=(0,Q.useState)(null),[u,d]=(0,Q.useState)(0),f=(0,Q.useCallback)((e,t)=>{let n=i.current;if(!n)return;let r=n.getBoundingClientRect(),a=t.getBoundingClientRect();d(a.top-r.top+a.height/2),c(e)},[]),p=(0,Q.useCallback)(t=>{let r=e[t],i=r?o.current.get(r.id):void 0;r&&i&&(i.focus(),f(r.id,i),n(r.id))},[e,n,f]);if((0,Q.useEffect)(()=>{if(!t)return;let e=a.current,n=o.current.get(t);if(!e||!n)return;let r=e.getBoundingClientRect(),i=n.getBoundingClientRect(),s=null;i.top<r.top?s=e.scrollTop-(r.top-i.top)-8:i.bottom>r.bottom&&(s=e.scrollTop+(i.bottom-r.bottom)+8),s!==null&&e.scrollTo({top:s,behavior:en()?`auto`:`smooth`})},[t]),e.length<3)return null;let h=Math.max(0,e.findIndex(e=>e.id===t)),g=e[h]?.id,_=e.findIndex(e=>e.id===s),v=_>=0?e[_]:null,y=_>=0?`conversation-history-preview-${_}`:void 0;return(0,$.jsxs)(`nav`,{ref:i,"data-testid":`conversation-history-rail`,"aria-label":r(`chatHistory.label`),className:`pointer-events-none absolute top-1/2 z-20 hidden h-[min(58vh,30rem)] w-7 -translate-y-1/2 lg:block xl:w-9`,style:{insetInlineStart:`max(0.25rem, calc(50% - 27rem))`},onPointerLeave:()=>{i.current?.contains(document.activeElement)||c(null)},children:[(0,$.jsx)(`ol`,{ref:a,className:`pointer-events-auto flex h-full min-h-0 flex-col overflow-y-auto py-2 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden [&>li:first-child]:mt-auto [&>li:last-child]:mb-auto`,children:e.map((t,a)=>{let l=t.id===g,u=Math.abs(a-h),d=s===t.id?y:void 0;return(0,$.jsx)(`li`,{className:`flex h-4 flex-none items-center`,children:(0,$.jsx)(`button`,{ref:e=>{e?o.current.set(t.id,e):o.current.delete(t.id)},type:`button`,"data-testid":`conversation-history-marker`,"aria-current":l?`location`:void 0,"aria-describedby":d,"aria-label":r(`chatHistory.jumpToTurn`,{index:a+1,total:e.length}),tabIndex:a===h?0:-1,className:m(`group flex h-4 w-7 items-center outline-none xl:w-9`,`focus-visible:ring-2 focus-visible:ring-primary-500/45 focus-visible:ring-offset-2 focus-visible:ring-offset-canvas`,`rounded-sm`),onClick:()=>n(t.id),onPointerEnter:e=>f(t.id,e.currentTarget),onFocus:e=>f(t.id,e.currentTarget),onBlur:()=>{window.requestAnimationFrame(()=>{i.current?.contains(document.activeElement)||c(null)})},onKeyDown:t=>{if(t.key===`Escape`){c(null);return}let n=null;t.key===`ArrowDown`?n=Math.min(e.length-1,a+1):t.key===`ArrowUp`?n=Math.max(0,a-1):t.key===`Home`?n=0:t.key===`End`&&(n=e.length-1),n!==null&&(t.preventDefault(),p(n))},children:(0,$.jsx)(`span`,{"aria-hidden":`true`,className:m(`block h-0.5 rounded-full transition-[width,background-color,opacity] duration-150 motion-reduce:transition-none`,l?`w-6 bg-ink xl:w-7`:u===1?`w-3.5 bg-ink-subtle opacity-80 group-hover:w-5 group-hover:bg-ink-muted group-hover:opacity-100 group-focus-visible:w-5`:`w-2.5 bg-line-strong opacity-70 group-hover:w-5 group-hover:bg-ink-muted group-hover:opacity-100 group-focus-visible:w-5`)})})},t.id)})}),v&&(0,$.jsx)(`div`,{id:y,role:`tooltip`,className:m(`pointer-events-none absolute start-full ms-2 w-72 -translate-y-1/2`,`overflow-hidden rounded-xl border border-line bg-surface-overlay/95 shadow-overlay backdrop-blur-xl`,`animate-fade-in motion-reduce:animate-none`),style:{top:`clamp(3.5rem, ${u}px, calc(100% - 3.5rem))`},children:(0,$.jsxs)(`div`,{className:`px-3.5 py-3`,children:[(0,$.jsx)(`p`,{dir:`auto`,className:`truncate text-[13px] font-semibold leading-5 text-ink`,children:nn(v.prompt)}),v.response&&(0,$.jsx)(`p`,{dir:`auto`,className:`mt-1 line-clamp-3 text-xs leading-5 text-ink-muted`,children:nn(v.response)})]})})]})}),an=Q.memo(({messages:e,isStreaming:t=!1,streamingMessage:n,streamingThinking:r,streamingMessageId:i,isLastAssistantMessage:a=!1,onRegenerate:o,onSelectBranch:s,className:c})=>{if(e.length===1){let s=e[0],l=t&&i===s.id,u=l?{...s,content:n??s.content,thinking:r||s.thinking}:s;return(0,$.jsx)($t,{message:u,isStreaming:l,isLastAssistantMessage:a,onRegenerate:o,className:c})}return(0,$.jsxs)(`div`,{className:m(`relative py-2`,c),children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5 pb-3 text-[10px] font-medium uppercase tracking-[0.12em] text-gray-400 dark:text-dark-500`,children:[(0,$.jsx)(W,{className:`h-3 w-3`}),(0,$.jsxs)(`span`,{children:[e.length,` variants`]})]}),(0,$.jsx)(`div`,{className:`grid grid-cols-1 gap-3 md:grid-cols-2`,children:e.map((e,c)=>{let l=e.isActive!==!1,u=t&&i===e.id,d=u?{...e,content:n??e.content,thinking:r||e.thinking}:e;return(0,$.jsxs)(`div`,{className:m(`relative overflow-hidden rounded-2xl border bg-white/45 transition-colors duration-150 dark:bg-dark-200/35`,l||u?`border-primary-500/30 ring-1 ring-primary-500/10 dark:border-primary-400/30`:`border-black/[0.07] hover:bg-white/80 dark:border-white/[0.07] dark:hover:bg-dark-200/70`,!l&&!u&&`cursor-pointer`),role:!l&&!u?`button`:void 0,tabIndex:!l&&!u?0:void 0,onClick:()=>!l&&!u&&s?.(e.id),onKeyDown:t=>{!l&&!u&&(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),s?.(e.id))},children:[(0,$.jsxs)(`div`,{className:m(`flex items-center justify-between border-b px-3 py-2 text-[10px] font-medium uppercase tracking-[0.12em]`,l||u?`border-primary-500/10 bg-primary-50/50 text-primary-600 dark:border-primary-400/10 dark:bg-primary-900/10 dark:text-primary-400`:`border-black/[0.05] text-gray-400 dark:border-white/[0.05] dark:text-dark-500`),children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,$.jsx)(`span`,{className:`font-medium`,children:c+1}),u&&(0,$.jsx)(`span`,{className:`text-[10px] opacity-70 animate-pulse`,children:`generating...`})]}),l&&!u&&(0,$.jsx)(R,{className:`h-3 w-3`}),!l&&!u&&(0,$.jsx)(`span`,{className:`text-[10px] opacity-50`,children:`select`})]}),(0,$.jsx)(`div`,{className:m(!l&&!u&&`opacity-75`),children:(0,$.jsx)($t,{message:d,isStreaming:u,isLastAssistantMessage:a&&(l||u),onRegenerate:l&&!t?o:void 0,className:`px-3 pb-3 !text-sm`})})]},e.id)})})]})});an.displayName=`MessageBranch`;var on={web_search:te,web_fetch:Pe,exec:z,browser:Pe,Read:he,Write:he,Edit:he,image:ie,memory_search:we,memory_get:we,working:K,thinking:K,default:K},sn={web_search:`Searching the web`,web_fetch:`Fetching page`,exec:`Running command`,browser:`Using browser`,Read:`Reading file`,Write:`Writing file`,Edit:`Editing file`,image:`Analyzing image`,memory_search:`Searching memory`,memory_get:`Reading memory`,cron:`Managing schedule`,message:`Sending message`,tts:`Generating speech`,nodes:`Checking devices`,sessions_spawn:`Spawning agent`,canvas:`Rendering canvas`,process:`Managing process`,working:`Using tools`,thinking:`Thinking`},cn=({tools:e,className:t})=>{if(e.length===0)return null;let n=e.filter(e=>e.phase!==`result`&&e.phase!==`done`);return n.length===0?null:(0,$.jsx)(`div`,{className:m(`flex flex-col gap-1 py-2 px-1`,t),children:n.map(e=>{let t=on[e.name]||on.default,n=sn[e.name]||`Using ${e.name}`,r=e.phase===`result`;return(0,$.jsxs)(`div`,{className:m(`flex items-center gap-2 text-sm transition-all duration-300`,r?`text-green-600 dark:text-green-400 opacity-60`:`text-gray-500 dark:text-gray-400`),children:[(0,$.jsx)(`div`,{className:m(`flex items-center justify-center w-5 h-5`,!r&&`animate-spin-slow`),children:(0,$.jsx)(t,{className:`h-3.5 w-3.5`})}),(0,$.jsx)(`span`,{className:`text-xs font-medium`,children:r?`✓ ${n}`:`${n}…`}),!r&&(0,$.jsxs)(`div`,{className:`flex gap-0.5`,children:[(0,$.jsx)(`div`,{className:`w-1 h-1 bg-current rounded-full animate-bounce`,style:{animationDelay:`0ms`}}),(0,$.jsx)(`div`,{className:`w-1 h-1 bg-current rounded-full animate-bounce`,style:{animationDelay:`150ms`}}),(0,$.jsx)(`div`,{className:`w-1 h-1 bg-current rounded-full animate-bounce`,style:{animationDelay:`300ms`}})]})]},e.toolCallId)})})};c(`components:chat-messages`);var ln=e=>e.messages.find(e=>e.isActive===!0)||e.messages.find(e=>e.isActive!==!1)||e.messages[0],un=e=>e.messages.every(e=>e.isActive===!1),dn=e=>e.role===`system`&&!_(e.content),fn=()=>typeof window<`u`&&window.matchMedia(`(prefers-reduced-motion: reduce)`).matches?`auto`:`smooth`,pn=e=>Math.min(120,e*.28),mn=({messages:e,streamingMessage:t,streamingThinking:n,streamingMessageId:r,isStreaming:i=!1,toolActivities:a=[],activeToolCalls:o,pendingToolApproval:s,onDecideToolApproval:c,className:u,onRegenerate:d,onSelectBranch:f,onEditResend:p,onFork:h,followUpSuggestions:g,onFollowUpSelect:_})=>{let{t:v}=l(),y=(0,Q.useRef)(null),b=(0,Q.useRef)(void 0),x=(0,Q.useRef)(null),S=(0,Q.useRef)(null),[C]=(0,Q.useState)(()=>new Map),w=(0,Q.useRef)(null),T=(0,Q.useRef)(0),E=(0,Q.useRef)(!1),D=(0,Q.useRef)(!1),[O,k]=(0,Q.useState)(!1),A=(0,Q.useMemo)(()=>{let t=[],n=new Set,r=[...e].sort((e,t)=>dn(e)&&!dn(t)?-1:dn(t)&&!dn(e)?1:e.parentId===t.parentId?(e.branchIndex||0)-(t.branchIndex||0):e.timestamp-t.timestamp);for(let i of r){if(n.has(i.id))continue;let r=i.parentId;if(r){let a=t.findIndex(e=>e.id===r);if(a>=0)t[a].messages.push(i);else{let a=e.find(e=>e.id===r);a&&!n.has(r)?(t.push({id:r,messages:[a,i],messageIndex:t.length}),n.add(r)):t.push({id:i.id,messages:[i],messageIndex:t.length})}n.add(i.id)}else{let r=e.filter(e=>e.parentId===i.id);r.length>0?(t.push({id:i.id,messages:[i,...r],messageIndex:t.length}),n.add(i.id),r.forEach(e=>n.add(e.id))):(t.push({id:i.id,messages:[i],messageIndex:t.length}),n.add(i.id))}}return t.sort((e,t)=>{let n=e.messages[0],r=t.messages[0];return dn(n)&&!dn(r)?-1:dn(r)&&!dn(n)?1:n.timestamp-r.timestamp})},[e]),j=(0,Q.useMemo)(()=>{let e=[];for(let t=0;t<A.length;t++){let n=A[t],r=ln(n);if(r.role!==`user`)continue;let i;for(let e=t+1;e<A.length;e++){let t=ln(A[e]);if(t.role===`user`)break;if(t.role===`assistant`){i=t.content;break}}e.push({id:n.id,prompt:r.content,response:i})}return e},[A]),M=j.map(e=>e.id).join(``),N=(0,Q.useMemo)(()=>M?M.split(``):[],[M]),ee=(0,Q.useMemo)(()=>new Set(N),[N]),te=(0,Q.useMemo)(()=>{let e=new Map;for(let t of N)e.set(t,e=>{e?C.set(t,e):C.delete(t)});return e},[C,N]),[ne,re]=(0,Q.useState)(null),P=(0,Q.useCallback)(()=>{let e=x.current;if(!e||N.length===0){re(null);return}let t=e.scrollHeight-e.scrollTop-e.clientHeight,n=Math.min(T.current,N.length-1);if(t<=2)n=N.length-1;else{let t=e.scrollTop+pn(e.clientHeight);for(;n<N.length-1;){let e=C.get(N[n+1]);if(!e||e.offsetTop>t)break;n++}for(;n>0;){let e=C.get(N[n]);if(!e||e.offsetTop<=t)break;n--}}T.current=n;let r=N[n];re(e=>e===r?e:r)},[C,N]),F=(0,Q.useCallback)(()=>{w.current===null&&(w.current=window.requestAnimationFrame(()=>{w.current=null,P()}))},[P]),ie=(0,Q.useCallback)(()=>{let t=x.current;if(b.current&&clearTimeout(b.current),E.current=!1,b.current=void 0,!t)return;let n=t.scrollHeight-t.scrollTop-t.clientHeight<100;D.current=!n,k(!n&&e.length>0),F()},[e.length,F]),I=(0,Q.useCallback)(()=>{b.current&&clearTimeout(b.current),b.current=setTimeout(ie,180)},[ie]),ae=(0,Q.useCallback)((e=!1)=>{(!D.current||e)&&y.current?.scrollIntoView({behavior:fn()})},[]),oe=(0,Q.useCallback)(()=>{let t=x.current;if(!t)return;let{scrollTop:n,scrollHeight:r,clientHeight:i}=t,a=r-n-i,o=a<100;if(E.current){D.current=!0,k(!o&&e.length>0),F(),I();return}D.current=!o,k(!o&&e.length>0),a<=2&&N.length>0?(T.current=N.length-1,re(N[N.length-1])):F()},[N,e.length,I,F]),se=(0,Q.useCallback)(e=>{let t=x.current,n=C.get(e);if(!t||!n)return;let r=fn();E.current=!0,D.current=!0,t.scrollTo({top:Math.max(0,n.offsetTop-pn(t.clientHeight)),behavior:r}),F(),r===`auto`?ie():I()},[ie,C,I,F]),ce=(0,Q.useRef)(e.length);if((0,Q.useEffect)(()=>{e.length>ce.current&&!D.current&&ae(),ce.current=e.length},[e.length,ae]),(0,Q.useEffect)(()=>{i&&(t||n)&&!D.current&&requestAnimationFrame(()=>{let e=x.current;e&&(e.scrollTop=e.scrollHeight)})},[i,t,n]),(0,Q.useEffect)(()=>{F();let e=S.current,t=x.current,n=typeof ResizeObserver>`u`?null:new ResizeObserver(F);return e&&n?.observe(e),t&&n?.observe(t),window.addEventListener(`resize`,F),()=>{n?.disconnect(),window.removeEventListener(`resize`,F)}},[M,F]),(0,Q.useEffect)(()=>()=>{w.current!==null&&(window.cancelAnimationFrame(w.current),w.current=null)},[]),(0,Q.useEffect)(()=>()=>{b.current&&clearTimeout(b.current)},[]),e.length===0&&!i)return(0,$.jsx)(`div`,{className:m(`flex-1 flex items-center justify-center p-6 sm:p-10`,u),children:(0,$.jsxs)(`div`,{className:`max-w-sm text-center text-ink-muted`,children:[(0,$.jsx)(`div`,{className:`mx-auto mb-5 flex h-11 w-11 items-center justify-center rounded-2xl border border-black/[0.06] bg-surface/70 text-gray-500 shadow-sm dark:border-white/[0.07] dark:bg-dark-200/70 dark:text-dark-600`,children:(0,$.jsx)(L,{className:`h-4 w-4`})}),(0,$.jsx)(`h3`,{className:`mb-2 text-lg font-medium tracking-[-0.02em] text-gray-900 dark:text-dark-900 sm:text-xl`,children:v(`chatMessage.startConversation`)}),(0,$.jsx)(`p`,{className:`px-4 text-sm leading-relaxed`,children:v(`chatMessage.startConversationDescription`)})]})});let R=-1;for(let e=A.length-1;e>=0;e--)if(A[e].messages.some(e=>e.role===`assistant`)){R=e;break}return(0,$.jsxs)(`div`,{className:m(`relative min-h-0 flex-1`,u),style:{WebkitAppRegion:`no-drag`},children:[(0,$.jsx)(`div`,{ref:x,"data-testid":`chat-scroll-viewport`,"data-scroll-fade-top":`40`,"data-scroll-fade-bottom":`72`,onScroll:oe,className:m(`h-full overflow-y-auto scrollbar-thin scrollbar-thumb-gray-300 dark:scrollbar-thumb-gray-600`,`scrollbar-track-transparent hover:scrollbar-thumb-gray-400 dark:hover:scrollbar-thumb-gray-500`,`overscroll-behavior-y-contain`,`[-webkit-overflow-scrolling:touch]`),style:{WebkitOverflowScrolling:`touch`,overscrollBehaviorY:`contain`},children:(0,$.jsxs)(`div`,{ref:S,className:`mx-auto w-full min-w-0 max-w-3xl px-4 sm:px-6 md:px-8`,children:[A.map((e,a)=>{let o=a===R,s=ee.has(e.id),c=i&&e.messages.some(e=>e.id===r),l;if(un(e))l=(0,$.jsx)(`div`,{className:`opacity-55`,children:(0,$.jsx)($t,{message:ln(e),isStreaming:!1,isLastAssistantMessage:!1,className:a===0?`mt-3 sm:mt-4`:``})});else if(e.messages.length===1){let s=e.messages[0],c=i&&s.id===r,u=c?{...s,content:t??s.content,thinking:n||s.thinking}:s;l=(0,$.jsx)($t,{message:u,isStreaming:c,isLastAssistantMessage:o,onRegenerate:o?d:void 0,onEditResend:i?void 0:p,onFork:i?void 0:h,className:a===0?`mt-3 sm:mt-4`:``})}else l=(0,$.jsx)(an,{messages:e.messages,isStreaming:c,streamingMessage:c?t:void 0,streamingThinking:c?n:void 0,streamingMessageId:c&&r||void 0,isLastAssistantMessage:o,onRegenerate:o?d:void 0,onSelectBranch:f,className:a===0?`mt-3 sm:mt-4`:``});return(0,$.jsx)(`div`,{className:`[content-visibility:auto] [contain-intrinsic-size:auto_160px]`,ref:te.get(e.id),"data-testid":s?`conversation-turn-anchor`:void 0,"data-history-id":s?e.id:void 0,children:l},e.id)}),i&&(o?.length??0)>0&&(0,$.jsx)(It,{calls:o??[],className:`pb-2`}),s&&c&&(0,$.jsx)(Lt,{approval:s,onDecide:c,className:`mb-2`}),i&&a.length>0&&(0,$.jsx)(cn,{tools:a,className:`px-0`}),!i&&g&&g.length>0&&_&&(0,$.jsxs)(`div`,{className:`mt-1 pb-2`,children:[(0,$.jsx)(`p`,{className:`mb-1 text-[11px] font-semibold uppercase tracking-[0.08em] text-ink-subtle`,children:v(`chat.followUp`)}),(0,$.jsx)(`div`,{className:`flex flex-col`,children:g.map(e=>(0,$.jsx)(`button`,{onClick:()=>_(e),dir:`auto`,className:`border-t border-gray-100 py-2 text-start text-[0.9rem] leading-relaxed text-ink-muted transition-colors hover:text-ink dark:border-dark-200`,children:e},e))})]}),(0,$.jsx)(`div`,{ref:y,className:`h-4 sm:h-6`})]})}),(0,$.jsx)(rn,{items:j,activeId:ne,onSelect:se}),O&&(0,$.jsxs)(`button`,{type:`button`,"data-testid":`chat-new-messages`,onClick:()=>{E.current=!1,b.current&&=(clearTimeout(b.current),void 0),D.current=!1,y.current?.scrollIntoView({behavior:fn()}),k(!1)},className:m(`absolute bottom-4 left-1/2 -translate-x-1/2 z-10`,`flex items-center justify-center gap-1.5`,`px-3.5 py-2 rounded-full`,`bg-surface/90 dark:bg-dark-200/90`,`border border-black/[0.07] dark:border-white/[0.08]`,`shadow-[0_8px_28px_rgba(15,23,42,0.12)] backdrop-blur-xl`,`text-gray-600 dark:text-dark-600`,`hover:bg-surface-raised dark:hover:bg-dark-200`,`hover:text-gray-900 dark:hover:text-dark-800`,`transition-colors duration-150`),title:v(`chatMessage.scrollToBottom`),children:[(0,$.jsx)(Ie,{className:`h-4 w-4`}),(0,$.jsx)(`span`,{className:`text-xs font-medium`,children:v(`chatMessage.newMessages`)})]})]})};function hn(e){let t=(e.match(/```/g)||[]).length,n=t%2==1,r=null;if(n){let t=e.lastIndexOf("```");if(t!==-1){let n=e.slice(t+3).match(/^(\w+)/);n&&(r=n[1])}}return{hasCodeBlocks:t>0,isInCodeBlock:n,language:r}}var gn=Q.forwardRef(({value:e,onChange:t,className:n,placeholder:r,disabled:i,onKeyDown:a,dir:o=`auto`,...s},c)=>{let{hasCodeBlocks:l,isInCodeBlock:u,language:d}=(0,Q.useMemo)(()=>hn(e),[e]);return(0,$.jsxs)(`div`,{className:`relative w-full`,children:[(0,$.jsx)(`textarea`,{ref:c,value:e,onChange:t,onKeyDown:a,placeholder:r,disabled:i,dir:o,className:m(`w-full resize-none transition-all duration-200`,u&&[`font-mono text-[13px]`,`bg-gray-50 dark:bg-dark-100/50`,`rounded-lg`],n),...s}),l&&(0,$.jsx)(`div`,{className:`absolute end-0 top-0 pointer-events-none flex items-center gap-1`,children:(0,$.jsxs)(`div`,{className:m(`flex items-center gap-1 px-1.5 py-0.5 rounded-md text-[10px] font-medium`,`bg-gray-100 dark:bg-dark-200`,`text-gray-500 dark:text-gray-400`,`border border-gray-200/50 dark:border-dark-300/50`,u&&`animate-pulse`),children:[(0,$.jsx)(P,{className:`h-3 w-3`}),d&&(0,$.jsx)(`span`,{children:d}),!d&&u&&(0,$.jsx)(`span`,{children:`code`})]})})]})});gn.displayName=`CodeAwareTextarea`;var _n=c(`components:media-upload`),vn=({images:e,onImagesChange:t,maxImages:n=5,sessionId:r,onDocumentUploaded:i,disabled:a=!1,className:o})=>{let{t:s}=l(),c=(0,Q.useRef)(null),[u,d]=(0,Q.useState)(!1),[f,p]=(0,Q.useState)(!1),[h,g]=(0,Q.useState)([]),_=async e=>{if(e&&!a)for(let t=0;t<e.length;t++){let n=e[t];n.type.startsWith(`image/`)?await v(n):n.type.includes(`pdf`)||n.type.includes(`text`)?await y(n):J.error(s(`chat.mediaUpload.unsupportedFileType`,{name:n.name}))}},v=async r=>{if(n-e.length<=0){J.error(s(`chat.mediaUpload.maxImagesAllowed`,{count:n}));return}if(r.size>10485760){J.error(s(`chat.mediaUpload.imageTooLarge`,{name:r.name}));return}let i=new FileReader;i.onload=n=>{n.target?.result&&t([...e,n.target.result])},i.readAsDataURL(r)},y=async e=>{if(e.size>10485760){J.error(s(`documents.fileSizeTooLarge`));return}p(!0);try{let t=await Be.uploadDocument(e,r);if(t.success&&t.data){let n=t.data;g(e=>[...e,n]),i?.(n),J.success(s(`documents.uploadSuccessWithName`,{name:e.name}))}else J.error(t.error||s(`documents.uploadFailed`))}catch(e){_n.error(`Document upload error:`,e),J.error(s(`documents.uploadFailed`))}finally{p(!1)}},b=e=>{e.preventDefault(),a||d(!0)},x=e=>{e.preventDefault(),d(!1)},S=e=>{e.preventDefault(),d(!1),a||_(e.dataTransfer.files)},C=n=>{t(e.filter((e,t)=>t!==n))},w=async e=>{try{let t=await Be.deleteDocument(e);t.success?(g(t=>t.filter(t=>t.id!==e)),J.success(s(`documents.removeSuccess`))):J.error(t.error||s(`documents.removeFailed`))}catch(e){_n.error(`Error removing document:`,e),J.error(s(`documents.removeFailed`))}},T=e=>{if(e===0)return`0 B`;let t=1024,n=[`B`,`KB`,`MB`,`GB`],r=Math.floor(Math.log(e)/Math.log(t));return parseFloat((e/t**r).toFixed(1))+` `+n[r]},E=e.length>0||h.length>0;return(0,$.jsxs)(`div`,{className:m(`space-y-3`,o),children:[(0,$.jsxs)(`div`,{className:m(`border-2 border-dashed rounded-xl p-6 transition-all duration-200 cursor-pointer`,`border-gray-300 dark:border-gray-600`,`hover:border-primary-400 dark:hover:border-primary-500`,u&&`border-primary-500 dark:border-primary-400 bg-primary-50/50 dark:bg-primary-900/10`,a&&`opacity-50 cursor-not-allowed`),onDragOver:b,onDragLeave:x,onDrop:S,onClick:()=>!a&&c.current?.click(),children:[(0,$.jsx)(`input`,{ref:c,type:`file`,multiple:!0,accept:`image/*,.pdf,.txt`,onChange:e=>{_(e.target.files),e.target.value=``},className:`hidden`,disabled:a}),(0,$.jsxs)(`div`,{className:`flex flex-col items-center text-center`,children:[f?(0,$.jsx)(ae,{className:`h-8 w-8 text-gray-400 dark:text-gray-500 mb-2 animate-spin`}):(0,$.jsx)(Ae,{className:`h-8 w-8 text-gray-400 dark:text-gray-500 mb-2`}),(0,$.jsxs)(`p`,{className:`text-sm text-gray-700 dark:text-gray-300`,children:[s(`chat.mediaUpload.dropImagesHere`),` `,(0,$.jsx)(`span`,{className:`text-primary-600 dark:text-primary-400 font-medium`,children:s(`chat.mediaUpload.browse`)})]}),(0,$.jsx)(`p`,{className:`text-xs text-gray-500 dark:text-gray-400 mt-1`,children:s(`chat.mediaUpload.supportedFormats`)})]})]}),E&&(0,$.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[e.map((e,t)=>(0,$.jsxs)(`div`,{className:`relative group w-16 h-16 rounded-lg overflow-hidden bg-gray-100 dark:bg-gray-800 border border-gray-200 dark:border-gray-700`,children:[(0,$.jsx)(`img`,{src:e,alt:`Upload ${t+1}`,className:`w-full h-full object-cover`}),(0,$.jsx)(`button`,{onClick:e=>{e.stopPropagation(),C(t)},className:`absolute top-0.5 right-0.5 p-0.5 rounded-full bg-black/60 hover:bg-black/80 text-white opacity-0 group-hover:opacity-100 transition-opacity`,children:(0,$.jsx)(H,{className:`h-3 w-3`})})]},`img-${t}`)),h.map(e=>(0,$.jsxs)(`div`,{className:`relative group flex items-center gap-2 px-3 py-2 rounded-lg bg-gray-100 dark:bg-gray-800 border border-gray-200 dark:border-gray-700`,children:[e.fileType===`pdf`?(0,$.jsx)(he,{className:`w-4 h-4 text-red-500 flex-shrink-0`}):(0,$.jsx)(V,{className:`w-4 h-4 text-blue-500 flex-shrink-0`}),(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsx)(`p`,{className:`text-xs font-medium text-gray-900 dark:text-gray-100 truncate max-w-[100px]`,children:e.filename}),(0,$.jsx)(`p`,{className:`text-[10px] text-gray-500 dark:text-gray-400`,children:T(e.size)})]}),(0,$.jsx)(`button`,{onClick:t=>{t.stopPropagation(),w(e.id)},className:`p-0.5 rounded-full hover:bg-gray-200 dark:hover:bg-gray-700 text-gray-500 hover:text-red-500 transition-colors`,children:(0,$.jsx)(H,{className:`h-3 w-3`})})]},e.id))]})]})},yn=c(`components:document-indicator`),bn=({sessionId:e,className:t=``})=>{let{t:n}=l(),[r,i]=(0,Q.useState)([]),[a,o]=(0,Q.useState)(!1),[s,c]=(0,Q.useState)(null),u=(0,Q.useRef)(null),d=(0,Q.useCallback)(async()=>{try{let t=await Be.getDocuments();t.success&&t.data&&i(t.data.filter(t=>e&&t.sessionId===e||!t.sessionId&&!t.collectionId))}catch(e){yn.error(`Failed to load documents:`,e)}},[e]);if((0,Q.useEffect)(()=>{let e=setTimeout(()=>void d(),0),t=()=>void d();return window.addEventListener(`libre:documents-updated`,t),()=>{clearTimeout(e),window.removeEventListener(`libre:documents-updated`,t)}},[d]),(0,Q.useEffect)(()=>{if(!a)return;let e=e=>{u.current?.contains(e.target)||(o(!1),c(null))};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[a]),r.length===0)return null;let p=async e=>{c(null);try{let t=await Be.deleteDocument(e);if(!t.success)throw Error(t.error);window.dispatchEvent(new Event(`libre:documents-updated`))}catch(e){yn.error(`Failed to delete document:`,e),A.error(n(`settings.documents.library.deleteFailed`))}},m=r.reduce((e,t)=>e+t.size,0);return(0,$.jsxs)(`div`,{ref:u,className:`relative inline-block ${t}`,children:[a&&(0,$.jsxs)(`div`,{className:`absolute bottom-full left-0 z-50 mb-2 w-80 max-w-[85vw] rounded-xl border border-gray-200 bg-white p-2 shadow-lg dark:border-dark-300 dark:bg-dark-100`,children:[(0,$.jsx)(`p`,{className:`px-2 pb-1.5 pt-1 text-xs font-medium text-gray-500 dark:text-dark-600`,children:n(`chat.documents.title`)}),(0,$.jsx)(`div`,{className:`max-h-56 overflow-y-auto`,children:r.map(e=>(0,$.jsx)(`div`,{className:`flex items-center gap-2 rounded-lg px-2 py-1.5 hover:bg-gray-50 dark:hover:bg-dark-200`,children:s===e.id?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`p`,{className:`min-w-0 flex-1 truncate text-xs text-red-700 dark:text-red-300`,children:n(`settings.documents.library.deleteConfirm`,{name:e.filename})}),(0,$.jsx)(`button`,{onClick:()=>void p(e.id),className:`shrink-0 text-xs font-medium text-red-600 underline underline-offset-2 hover:text-red-700 dark:text-red-400 dark:hover:text-red-300`,children:n(`common.delete`)}),(0,$.jsx)(`button`,{onClick:()=>c(null),className:`shrink-0 text-xs text-gray-500 hover:text-gray-700 dark:text-dark-600 dark:hover:text-dark-800`,children:n(`common.cancel`)})]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(he,{className:`h-3.5 w-3.5 shrink-0 text-gray-400 dark:text-dark-500`}),(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,$.jsx)(`p`,{className:`truncate text-xs text-gray-900 dark:text-dark-900`,children:e.filename}),(0,$.jsxs)(`p`,{className:`text-[10px] text-gray-400 dark:text-dark-500`,children:[f(e.size),` · `,e.sessionId?n(`settings.documents.library.chatScope`):n(`settings.documents.library.everyChatScope`)]})]}),(0,$.jsx)(`button`,{onClick:()=>c(e.id),className:`shrink-0 text-gray-400 transition-colors hover:text-red-500 dark:text-dark-500`,title:n(`common.delete`),children:(0,$.jsx)(H,{className:`h-3.5 w-3.5`})})]})},e.id))})]}),(0,$.jsxs)(`button`,{type:`button`,onClick:()=>{o(e=>!e),c(null)},className:`
|
|
2
2
|
inline-flex items-center space-x-1 px-2 py-1
|
|
3
3
|
bg-blue-50 dark:bg-blue-900/20
|
|
4
4
|
border border-blue-200 dark:border-blue-800
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e}from"./rolldown-runtime-hePW80VL.js";import{i as t,t as n}from"./react-vendor-wiHys0m2.js";import{t as r}from"./logger-BR4forr_.js";import{t as i}from"./useTranslation-B9kflK9S.js";import{t as a}from"./utils-p8Gt72YP.js";import{t as o}from"./chatStore-DQhEqb9F.js";import{$ as s,An as c,Cr as l,Ln as u,Qn as d,U as ee,Wt as f,Yn as p,Z as m,nt as h}from"./ui-vendor-BhHHyHk3.js";import{u as g,y as _}from"./api-CVUaOaq4.js";import{t as v}from"./authStore-C5qKrmn4.js";import{t as y}from"./Button-CGMYia4g.js";import"./ui-DDMjO5dd.js";var b=e(t(),1),x=n(),S=r(`components:connect-models`),C=[{id:`llama-cpp`,name:`llama.cpp`,baseUrl:`http://localhost:8080/v1`},{id:`vllm`,name:`vLLM`,baseUrl:`http://localhost:8000/v1`},{id:`llama-swap`,name:`llama-swap`,baseUrl:`http://localhost:8080/v1`},{id:`lm-studio`,name:`LM Studio`,baseUrl:`http://localhost:1234/v1`},{id:`mlx-lm`,name:`mlx-lm`,baseUrl:`http://localhost:8080/v1`}],w=[{id:`openai`,name:`OpenAI`},{id:`anthropic`,name:`Anthropic`},{id:`groq`,name:`Groq`},{id:`openrouter`,name:`OpenRouter`},{id:`gemini`,name:`Google Gemini`},{id:`mistral`,name:`Mistral`},{id:`deepseek`,name:`DeepSeek`}],T=({variant:e=`setup`,onDone:t})=>{let{t:n}=i(),{user:r,systemInfo:T}=v(),E=o(e=>e.loadModels),D=r?.role===`admin`||T?.requiresAuth===!1,[O,k]=(0,b.useState)(()=>T?.ollamaEnabled===!1?`disabled`:`checking`),[A,j]=(0,b.useState)(null),[M,N]=(0,b.useState)(C[0]),[P,F]=(0,b.useState)(C[0].baseUrl),[I,L]=(0,b.useState)(``),[R,z]=(0,b.useState)(!1),[B,V]=(0,b.useState)(null),[H,U]=(0,b.useState)(!1),[W,G]=(0,b.useState)(null),[K,q]=(0,b.useState)(``),[J,Y]=(0,b.useState)(!1),X=(0,b.useCallback)(async()=>{try{let e=await _.checkHealth();e.success&&e.data?.status===`disabled`?k(`disabled`):e.success&&e.data?.status===`healthy`?k(`healthy`):k(`offline`)}catch{k(`offline`)}},[]);(0,b.useEffect)(()=>{if(T?.ollamaEnabled===!1)return;let e=window.setTimeout(()=>{X()},0);return()=>window.clearTimeout(e)},[X,T?.ollamaEnabled]);let Z=async e=>{try{(await _.updateSettings({enabled:e})).success?(l.success(n(e?`connectModels.ollama.enabledToast`:`connectModels.ollama.disabledToast`)),e?(k(`checking`),X()):k(`disabled`)):l.error(n(`connectModels.ollama.settingsFailed`))}catch(e){S.error(`Failed to update Ollama settings:`,e),l.error(n(`connectModels.ollama.settingsFailed`))}},te=async()=>{z(!0),V(null);try{let e=await g.probeEndpoint(P,`openai`);e.success&&e.data?.reachable?(V(e.data.models),l.success(n(`connectModels.local.reachable`,{count:e.data.models.length}))):(V([]),l.error(e.message||n(`connectModels.local.unreachable`)))}catch(e){S.error(`Endpoint probe failed:`,e),V([]),l.error(n(`connectModels.local.unreachable`))}finally{z(!1)}},ne=async()=>{U(!0);try{let e=P.replace(/\/+$/,``),r=e.endsWith(`/v1`)?e:`${e}/v1`,i=I.trim().length>0,a=`${M.id.toUpperCase().replace(/-/g,`_`)}_API_KEY`,o={id:M.id,name:M.name,type:`completion`,endpoint:`${r}/chat/completions`,api_mode:`chat_completions`,base_url:r,auth:i?{header:`Authorization`,prefix:`Bearer `,key_env:a}:{header:``,prefix:``,key_env:``},model_map:(B??[]).slice(0,50)};if(!(await g.installPlugin(o)).success&&!(await g.updatePlugin(M.id,o)).success){l.error(n(`connectModels.local.enableFailed`));return}i&&await g.setApiKey(M.id,I.trim()),await g.activatePlugin(M.id),await E({quiet:!0}),l.success(n(`connectModels.local.enabled`,{name:M.name})),t?.()}catch(e){S.error(`Failed to enable local provider:`,e),l.error(n(`connectModels.local.enableFailed`))}finally{U(!1)}},re=async()=>{if(W&&K.trim()){Y(!0);try{if(!(await g.setApiKey(W.id,K.trim())).success){l.error(n(`connectModels.cloud.saveFailed`));return}await g.activatePlugin(W.id),await E({quiet:!0}),l.success(n(`connectModels.cloud.connected`,{name:W.name})),q(``),t?.()}catch(e){S.error(`Failed to connect cloud provider:`,e),l.error(n(`connectModels.cloud.saveFailed`))}finally{Y(!1)}}},Q=`rounded-2xl border border-gray-200/80 bg-white/80 p-4 dark:border-white/10 dark:bg-white/[0.04]`,$=`w-full rounded-xl border border-gray-200 bg-white px-3 py-2 text-sm text-gray-900 placeholder-gray-400 focus:border-primary-400 focus:outline-none dark:border-white/10 dark:bg-white/[0.035] dark:text-dark-800 dark:placeholder-dark-500`,ie={checking:`bg-gray-400 animate-pulse`,healthy:`bg-green-500`,offline:`bg-red-500`,disabled:`bg-gray-400`}[O];return(0,x.jsxs)(`div`,{className:a(`flex w-full flex-col gap-3`,`max-w-lg`),children:[(0,x.jsxs)(`div`,{className:Q,children:[(0,x.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,x.jsx)(`div`,{className:`rounded-xl border border-gray-200 bg-gray-50 p-2 dark:border-white/10 dark:bg-white/[0.05]`,children:(0,x.jsx)(c,{className:`h-5 w-5 text-gray-700 dark:text-dark-700`})}),(0,x.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,x.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,x.jsx)(`span`,{className:`text-sm font-medium text-gray-900 dark:text-dark-900`,children:`Ollama`}),(0,x.jsx)(`span`,{className:a(`h-2 w-2 rounded-full`,ie)})]}),(0,x.jsx)(`p`,{className:`truncate text-xs text-gray-500 dark:text-dark-500`,children:n(`connectModels.ollama.status.${O}`)})]}),(0,x.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[O!==`disabled`&&(0,x.jsx)(y,{variant:`ghost`,size:`sm`,onClick:()=>{k(`checking`),X()},title:n(`connectModels.ollama.recheck`),children:(0,x.jsx)(m,{className:a(`h-4 w-4`,O===`checking`&&`animate-spin`)})}),D&&O===`offline`&&(0,x.jsx)(y,{variant:`ghost`,size:`sm`,onClick:()=>void Z(!1),title:n(`connectModels.ollama.disable`),children:(0,x.jsx)(s,{className:`h-4 w-4`})}),D&&O===`disabled`&&(0,x.jsx)(y,{variant:`ghost`,size:`sm`,onClick:()=>void Z(!0),children:n(`connectModels.ollama.enable`)})]})]}),O===`offline`&&(0,x.jsx)(`p`,{className:`mt-3 text-xs leading-relaxed text-gray-500 dark:text-dark-500`,children:n(`connectModels.ollama.offlineHint`)}),O===`healthy`&&(0,x.jsx)(`p`,{className:`mt-3 text-xs leading-relaxed text-green-600 dark:text-green-400`,children:n(`connectModels.ollama.healthyHint`)})]}),(0,x.jsxs)(`div`,{className:Q,children:[(0,x.jsxs)(`button`,{type:`button`,className:`flex w-full items-center gap-3 text-start`,onClick:()=>j(A===`local`?null:`local`),children:[(0,x.jsx)(`div`,{className:`rounded-xl border border-gray-200 bg-gray-50 p-2 dark:border-white/10 dark:bg-white/[0.05]`,children:(0,x.jsx)(ee,{className:`h-5 w-5 text-gray-700 dark:text-dark-700`})}),(0,x.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,x.jsx)(`span`,{className:`text-sm font-medium text-gray-900 dark:text-dark-900`,children:n(`connectModels.local.title`)}),(0,x.jsx)(`p`,{className:`truncate text-xs text-gray-500 dark:text-dark-500`,children:n(`connectModels.local.subtitle`)})]}),(0,x.jsx)(p,{className:a(`h-4 w-4 text-gray-400 transition-transform`,A===`local`&&`rotate-90`)})]}),A===`local`&&(0,x.jsx)(`div`,{className:`mt-4 flex flex-col gap-3`,children:D?(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:C.map(e=>(0,x.jsx)(`button`,{type:`button`,onClick:()=>{N(e),F(e.baseUrl),V(null)},className:a(`rounded-full border px-3 py-1 text-xs transition-colors`,M.id===e.id?`border-primary-400 bg-primary-500/10 text-primary-600 dark:text-primary-400`:`border-gray-200 text-gray-600 hover:border-gray-300 dark:border-white/10 dark:text-dark-600`),children:e.name},e.id))}),(0,x.jsx)(`input`,{className:$,value:P,onChange:e=>{F(e.target.value),V(null)},placeholder:`http://localhost:8080/v1`,spellCheck:!1}),(0,x.jsx)(`input`,{className:$,value:I,onChange:e=>L(e.target.value),placeholder:n(`connectModels.local.keyPlaceholder`),type:`password`,autoComplete:`off`}),(0,x.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,x.jsxs)(y,{variant:`outline`,size:`sm`,onClick:()=>void te(),disabled:R||!P.trim(),children:[(0,x.jsx)(h,{className:`me-1.5 h-4 w-4`}),n(R?`connectModels.local.testing`:`connectModels.local.test`)]}),(0,x.jsxs)(y,{size:`sm`,onClick:()=>void ne(),disabled:H||!B||B.length===0,children:[(0,x.jsx)(d,{className:`me-1.5 h-4 w-4`}),n(H?`connectModels.local.enabling`:`connectModels.local.enable`)]})]}),B&&B.length>0&&(0,x.jsxs)(`div`,{className:`flex flex-wrap gap-1`,children:[B.slice(0,8).map(e=>(0,x.jsx)(`span`,{className:`rounded-md bg-gray-100 px-2 py-0.5 font-mono text-[10px] text-gray-700 dark:bg-white/[0.06] dark:text-dark-700`,children:e},e)),B.length>8&&(0,x.jsxs)(`span`,{className:`px-1 text-[10px] text-gray-400`,children:[`+`,B.length-8]})]}),B&&B.length===0&&(0,x.jsx)(`p`,{className:`text-xs text-red-500`,children:n(`connectModels.local.noModels`)})]}):(0,x.jsx)(`p`,{className:`text-xs text-gray-500 dark:text-dark-500`,children:n(`connectModels.adminOnly`)})})]}),(0,x.jsxs)(`div`,{className:Q,children:[(0,x.jsxs)(`button`,{type:`button`,className:`flex w-full items-center gap-3 text-start`,onClick:()=>j(A===`cloud`?null:`cloud`),children:[(0,x.jsx)(`div`,{className:`rounded-xl border border-gray-200 bg-gray-50 p-2 dark:border-white/10 dark:bg-white/[0.05]`,children:(0,x.jsx)(u,{className:`h-5 w-5 text-gray-700 dark:text-dark-700`})}),(0,x.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,x.jsx)(`span`,{className:`text-sm font-medium text-gray-900 dark:text-dark-900`,children:n(`connectModels.cloud.title`)}),(0,x.jsx)(`p`,{className:`truncate text-xs text-gray-500 dark:text-dark-500`,children:n(`connectModels.cloud.subtitle`)})]}),(0,x.jsx)(p,{className:a(`h-4 w-4 text-gray-400 transition-transform`,A===`cloud`&&`rotate-90`)})]}),A===`cloud`&&(0,x.jsx)(`div`,{className:`mt-4 flex flex-col gap-3`,children:D?(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:w.map(e=>(0,x.jsx)(`button`,{type:`button`,onClick:()=>G(e),className:a(`rounded-full border px-3 py-1 text-xs transition-colors`,W?.id===e.id?`border-primary-400 bg-primary-500/10 text-primary-600 dark:text-primary-400`:`border-gray-200 text-gray-600 hover:border-gray-300 dark:border-white/10 dark:text-dark-600`),children:e.name},e.id))}),W&&(0,x.jsxs)(x.Fragment,{children:[(0,x.jsxs)(`div`,{className:`relative`,children:[(0,x.jsx)(f,{className:`absolute start-3 top-1/2 h-4 w-4 -translate-y-1/2 text-gray-400`}),(0,x.jsx)(`input`,{className:a($,`ps-9`),value:K,onChange:e=>q(e.target.value),placeholder:n(`connectModels.cloud.keyPlaceholder`,{name:W.name}),type:`password`,autoComplete:`off`})]}),(0,x.jsx)(`div`,{children:(0,x.jsxs)(y,{size:`sm`,onClick:()=>void re(),disabled:J||!K.trim(),children:[(0,x.jsx)(d,{className:`me-1.5 h-4 w-4`}),n(J?`connectModels.cloud.connecting`:`connectModels.cloud.connect`)]})})]})]}):(0,x.jsx)(`p`,{className:`text-xs text-gray-500 dark:text-dark-500`,children:n(`connectModels.adminOnly`)})})]}),e===`setup`&&(0,x.jsx)(`div`,{className:`mt-1 text-center`,children:(0,x.jsx)(`button`,{type:`button`,onClick:()=>t?.(),className:`text-sm text-gray-500 underline-offset-4 hover:underline dark:text-dark-500`,children:n(`connectModels.skip`)})})]})};export{T as t};
|
|
1
|
+
import{r as e}from"./rolldown-runtime-hePW80VL.js";import{i as t,t as n}from"./react-vendor-wiHys0m2.js";import{t as r}from"./logger-BR4forr_.js";import{t as i}from"./useTranslation-B9kflK9S.js";import{t as a}from"./utils-p8Gt72YP.js";import{t as o}from"./chatStore-CK5ojwft.js";import{$ as s,An as c,Cr as l,Ln as u,Qn as d,U as ee,Wt as f,Yn as p,Z as m,nt as h}from"./ui-vendor-BhHHyHk3.js";import{u as g,y as _}from"./api-DPXCtanG.js";import{t as v}from"./authStore-D8fc-Hl0.js";import{t as y}from"./Button-CGMYia4g.js";import"./ui-D5-4niRk.js";var b=e(t(),1),x=n(),S=r(`components:connect-models`),C=[{id:`llama-cpp`,name:`llama.cpp`,baseUrl:`http://localhost:8080/v1`},{id:`vllm`,name:`vLLM`,baseUrl:`http://localhost:8000/v1`},{id:`llama-swap`,name:`llama-swap`,baseUrl:`http://localhost:8080/v1`},{id:`lm-studio`,name:`LM Studio`,baseUrl:`http://localhost:1234/v1`},{id:`mlx-lm`,name:`mlx-lm`,baseUrl:`http://localhost:8080/v1`}],w=[{id:`openai`,name:`OpenAI`},{id:`anthropic`,name:`Anthropic`},{id:`groq`,name:`Groq`},{id:`openrouter`,name:`OpenRouter`},{id:`gemini`,name:`Google Gemini`},{id:`mistral`,name:`Mistral`},{id:`deepseek`,name:`DeepSeek`}],T=({variant:e=`setup`,onDone:t})=>{let{t:n}=i(),{user:r,systemInfo:T}=v(),E=o(e=>e.loadModels),D=r?.role===`admin`||T?.requiresAuth===!1,[O,k]=(0,b.useState)(()=>T?.ollamaEnabled===!1?`disabled`:`checking`),[A,j]=(0,b.useState)(null),[M,N]=(0,b.useState)(C[0]),[P,F]=(0,b.useState)(C[0].baseUrl),[I,L]=(0,b.useState)(``),[R,z]=(0,b.useState)(!1),[B,V]=(0,b.useState)(null),[H,U]=(0,b.useState)(!1),[W,G]=(0,b.useState)(null),[K,q]=(0,b.useState)(``),[J,Y]=(0,b.useState)(!1),X=(0,b.useCallback)(async()=>{try{let e=await _.checkHealth();e.success&&e.data?.status===`disabled`?k(`disabled`):e.success&&e.data?.status===`healthy`?k(`healthy`):k(`offline`)}catch{k(`offline`)}},[]);(0,b.useEffect)(()=>{if(T?.ollamaEnabled===!1)return;let e=window.setTimeout(()=>{X()},0);return()=>window.clearTimeout(e)},[X,T?.ollamaEnabled]);let Z=async e=>{try{(await _.updateSettings({enabled:e})).success?(l.success(n(e?`connectModels.ollama.enabledToast`:`connectModels.ollama.disabledToast`)),e?(k(`checking`),X()):k(`disabled`)):l.error(n(`connectModels.ollama.settingsFailed`))}catch(e){S.error(`Failed to update Ollama settings:`,e),l.error(n(`connectModels.ollama.settingsFailed`))}},te=async()=>{z(!0),V(null);try{let e=await g.probeEndpoint(P,`openai`);e.success&&e.data?.reachable?(V(e.data.models),l.success(n(`connectModels.local.reachable`,{count:e.data.models.length}))):(V([]),l.error(e.message||n(`connectModels.local.unreachable`)))}catch(e){S.error(`Endpoint probe failed:`,e),V([]),l.error(n(`connectModels.local.unreachable`))}finally{z(!1)}},ne=async()=>{U(!0);try{let e=P.replace(/\/+$/,``),r=e.endsWith(`/v1`)?e:`${e}/v1`,i=I.trim().length>0,a=`${M.id.toUpperCase().replace(/-/g,`_`)}_API_KEY`,o={id:M.id,name:M.name,type:`completion`,endpoint:`${r}/chat/completions`,api_mode:`chat_completions`,base_url:r,auth:i?{header:`Authorization`,prefix:`Bearer `,key_env:a}:{header:``,prefix:``,key_env:``},model_map:(B??[]).slice(0,50)};if(!(await g.installPlugin(o)).success&&!(await g.updatePlugin(M.id,o)).success){l.error(n(`connectModels.local.enableFailed`));return}i&&await g.setApiKey(M.id,I.trim()),await g.activatePlugin(M.id),await E({quiet:!0}),l.success(n(`connectModels.local.enabled`,{name:M.name})),t?.()}catch(e){S.error(`Failed to enable local provider:`,e),l.error(n(`connectModels.local.enableFailed`))}finally{U(!1)}},re=async()=>{if(W&&K.trim()){Y(!0);try{if(!(await g.setApiKey(W.id,K.trim())).success){l.error(n(`connectModels.cloud.saveFailed`));return}await g.activatePlugin(W.id),await E({quiet:!0}),l.success(n(`connectModels.cloud.connected`,{name:W.name})),q(``),t?.()}catch(e){S.error(`Failed to connect cloud provider:`,e),l.error(n(`connectModels.cloud.saveFailed`))}finally{Y(!1)}}},Q=`rounded-2xl border border-gray-200/80 bg-white/80 p-4 dark:border-white/10 dark:bg-white/[0.04]`,$=`w-full rounded-xl border border-gray-200 bg-white px-3 py-2 text-sm text-gray-900 placeholder-gray-400 focus:border-primary-400 focus:outline-none dark:border-white/10 dark:bg-white/[0.035] dark:text-dark-800 dark:placeholder-dark-500`,ie={checking:`bg-gray-400 animate-pulse`,healthy:`bg-green-500`,offline:`bg-red-500`,disabled:`bg-gray-400`}[O];return(0,x.jsxs)(`div`,{className:a(`flex w-full flex-col gap-3`,`max-w-lg`),children:[(0,x.jsxs)(`div`,{className:Q,children:[(0,x.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,x.jsx)(`div`,{className:`rounded-xl border border-gray-200 bg-gray-50 p-2 dark:border-white/10 dark:bg-white/[0.05]`,children:(0,x.jsx)(c,{className:`h-5 w-5 text-gray-700 dark:text-dark-700`})}),(0,x.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,x.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,x.jsx)(`span`,{className:`text-sm font-medium text-gray-900 dark:text-dark-900`,children:`Ollama`}),(0,x.jsx)(`span`,{className:a(`h-2 w-2 rounded-full`,ie)})]}),(0,x.jsx)(`p`,{className:`truncate text-xs text-gray-500 dark:text-dark-500`,children:n(`connectModels.ollama.status.${O}`)})]}),(0,x.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[O!==`disabled`&&(0,x.jsx)(y,{variant:`ghost`,size:`sm`,onClick:()=>{k(`checking`),X()},title:n(`connectModels.ollama.recheck`),children:(0,x.jsx)(m,{className:a(`h-4 w-4`,O===`checking`&&`animate-spin`)})}),D&&O===`offline`&&(0,x.jsx)(y,{variant:`ghost`,size:`sm`,onClick:()=>void Z(!1),title:n(`connectModels.ollama.disable`),children:(0,x.jsx)(s,{className:`h-4 w-4`})}),D&&O===`disabled`&&(0,x.jsx)(y,{variant:`ghost`,size:`sm`,onClick:()=>void Z(!0),children:n(`connectModels.ollama.enable`)})]})]}),O===`offline`&&(0,x.jsx)(`p`,{className:`mt-3 text-xs leading-relaxed text-gray-500 dark:text-dark-500`,children:n(`connectModels.ollama.offlineHint`)}),O===`healthy`&&(0,x.jsx)(`p`,{className:`mt-3 text-xs leading-relaxed text-green-600 dark:text-green-400`,children:n(`connectModels.ollama.healthyHint`)})]}),(0,x.jsxs)(`div`,{className:Q,children:[(0,x.jsxs)(`button`,{type:`button`,className:`flex w-full items-center gap-3 text-start`,onClick:()=>j(A===`local`?null:`local`),children:[(0,x.jsx)(`div`,{className:`rounded-xl border border-gray-200 bg-gray-50 p-2 dark:border-white/10 dark:bg-white/[0.05]`,children:(0,x.jsx)(ee,{className:`h-5 w-5 text-gray-700 dark:text-dark-700`})}),(0,x.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,x.jsx)(`span`,{className:`text-sm font-medium text-gray-900 dark:text-dark-900`,children:n(`connectModels.local.title`)}),(0,x.jsx)(`p`,{className:`truncate text-xs text-gray-500 dark:text-dark-500`,children:n(`connectModels.local.subtitle`)})]}),(0,x.jsx)(p,{className:a(`h-4 w-4 text-gray-400 transition-transform`,A===`local`&&`rotate-90`)})]}),A===`local`&&(0,x.jsx)(`div`,{className:`mt-4 flex flex-col gap-3`,children:D?(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:C.map(e=>(0,x.jsx)(`button`,{type:`button`,onClick:()=>{N(e),F(e.baseUrl),V(null)},className:a(`rounded-full border px-3 py-1 text-xs transition-colors`,M.id===e.id?`border-primary-400 bg-primary-500/10 text-primary-600 dark:text-primary-400`:`border-gray-200 text-gray-600 hover:border-gray-300 dark:border-white/10 dark:text-dark-600`),children:e.name},e.id))}),(0,x.jsx)(`input`,{className:$,value:P,onChange:e=>{F(e.target.value),V(null)},placeholder:`http://localhost:8080/v1`,spellCheck:!1}),(0,x.jsx)(`input`,{className:$,value:I,onChange:e=>L(e.target.value),placeholder:n(`connectModels.local.keyPlaceholder`),type:`password`,autoComplete:`off`}),(0,x.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,x.jsxs)(y,{variant:`outline`,size:`sm`,onClick:()=>void te(),disabled:R||!P.trim(),children:[(0,x.jsx)(h,{className:`me-1.5 h-4 w-4`}),n(R?`connectModels.local.testing`:`connectModels.local.test`)]}),(0,x.jsxs)(y,{size:`sm`,onClick:()=>void ne(),disabled:H||!B||B.length===0,children:[(0,x.jsx)(d,{className:`me-1.5 h-4 w-4`}),n(H?`connectModels.local.enabling`:`connectModels.local.enable`)]})]}),B&&B.length>0&&(0,x.jsxs)(`div`,{className:`flex flex-wrap gap-1`,children:[B.slice(0,8).map(e=>(0,x.jsx)(`span`,{className:`rounded-md bg-gray-100 px-2 py-0.5 font-mono text-[10px] text-gray-700 dark:bg-white/[0.06] dark:text-dark-700`,children:e},e)),B.length>8&&(0,x.jsxs)(`span`,{className:`px-1 text-[10px] text-gray-400`,children:[`+`,B.length-8]})]}),B&&B.length===0&&(0,x.jsx)(`p`,{className:`text-xs text-red-500`,children:n(`connectModels.local.noModels`)})]}):(0,x.jsx)(`p`,{className:`text-xs text-gray-500 dark:text-dark-500`,children:n(`connectModels.adminOnly`)})})]}),(0,x.jsxs)(`div`,{className:Q,children:[(0,x.jsxs)(`button`,{type:`button`,className:`flex w-full items-center gap-3 text-start`,onClick:()=>j(A===`cloud`?null:`cloud`),children:[(0,x.jsx)(`div`,{className:`rounded-xl border border-gray-200 bg-gray-50 p-2 dark:border-white/10 dark:bg-white/[0.05]`,children:(0,x.jsx)(u,{className:`h-5 w-5 text-gray-700 dark:text-dark-700`})}),(0,x.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,x.jsx)(`span`,{className:`text-sm font-medium text-gray-900 dark:text-dark-900`,children:n(`connectModels.cloud.title`)}),(0,x.jsx)(`p`,{className:`truncate text-xs text-gray-500 dark:text-dark-500`,children:n(`connectModels.cloud.subtitle`)})]}),(0,x.jsx)(p,{className:a(`h-4 w-4 text-gray-400 transition-transform`,A===`cloud`&&`rotate-90`)})]}),A===`cloud`&&(0,x.jsx)(`div`,{className:`mt-4 flex flex-col gap-3`,children:D?(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:w.map(e=>(0,x.jsx)(`button`,{type:`button`,onClick:()=>G(e),className:a(`rounded-full border px-3 py-1 text-xs transition-colors`,W?.id===e.id?`border-primary-400 bg-primary-500/10 text-primary-600 dark:text-primary-400`:`border-gray-200 text-gray-600 hover:border-gray-300 dark:border-white/10 dark:text-dark-600`),children:e.name},e.id))}),W&&(0,x.jsxs)(x.Fragment,{children:[(0,x.jsxs)(`div`,{className:`relative`,children:[(0,x.jsx)(f,{className:`absolute start-3 top-1/2 h-4 w-4 -translate-y-1/2 text-gray-400`}),(0,x.jsx)(`input`,{className:a($,`ps-9`),value:K,onChange:e=>q(e.target.value),placeholder:n(`connectModels.cloud.keyPlaceholder`,{name:W.name}),type:`password`,autoComplete:`off`})]}),(0,x.jsx)(`div`,{children:(0,x.jsxs)(y,{size:`sm`,onClick:()=>void re(),disabled:J||!K.trim(),children:[(0,x.jsx)(d,{className:`me-1.5 h-4 w-4`}),n(J?`connectModels.cloud.connecting`:`connectModels.cloud.connect`)]})})]})]}):(0,x.jsx)(`p`,{className:`text-xs text-gray-500 dark:text-dark-500`,children:n(`connectModels.adminOnly`)})})]}),e===`setup`&&(0,x.jsx)(`div`,{className:`mt-1 text-center`,children:(0,x.jsx)(`button`,{type:`button`,onClick:()=>t?.(),className:`text-sm text-gray-500 underline-offset-4 hover:underline dark:text-dark-500`,children:n(`connectModels.skip`)})})]})};export{T as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e}from"./rolldown-runtime-hePW80VL.js";import{i as t,t as n}from"./react-vendor-wiHys0m2.js";import{t as r}from"./logger-BR4forr_.js";import{t as i}from"./useTranslation-B9kflK9S.js";import{i as a,t as o}from"./utils-p8Gt72YP.js";import{G as ee,I as te,O as ne,Ot as re,Qn as s,W as ie,Zn as c,jn as ae,lr as oe,r as l,v as se,wr as u}from"./ui-vendor-BhHHyHk3.js";import{a as ce}from"./client-gf5bjBrn.js";import{t as d}from"./Button-CGMYia4g.js";import{f as le,l as f,m as ue,p as de}from"./ui-DDMjO5dd.js";import{t as p}from"./cordisApi-BYjA4EOQ.js";import{n as fe}from"./composerStyles-C83jssgZ.js";var m=e(t(),1),h=n(),g=r(`pages:cordis`),_=`rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/40`,pe=(e,t)=>{if(ce(e)){let t=e.response?.data;if(typeof t?.error==`string`)return t.error}return e instanceof Error?e.message:t},me=e=>(e.cancellation??=p.cancel(e.sessionId).catch(t=>{throw e.cancellation=void 0,t}),e.cancellation),he=e=>e.role===`system`||e.source===`system`||e.source===`context`,ge=e=>{try{return JSON.stringify(JSON.parse(e),null,2)}catch{return e}},_e=(e,t)=>JSON.stringify([e,t]),v=({text:e})=>{let{t}=i();return(0,h.jsxs)(`details`,{className:`mb-3 text-ink-muted`,"data-testid":`cordis-reasoning`,children:[(0,h.jsx)(`summary`,{className:o(`cursor-pointer text-xs`,_),children:t(`chatMessage.thinking`)}),(0,h.jsx)(`div`,{className:`mt-3 border-s border-line ps-3`,children:(0,h.jsx)(f,{content:e})})]})},y=({tool:e})=>{let{t}=i();return(0,h.jsxs)(`details`,{className:`group rounded-xl border border-line bg-surface-subtle`,"data-testid":`cordis-tool-activity`,"data-call-id":e.callId,children:[(0,h.jsxs)(`summary`,{className:o(`flex cursor-pointer items-center gap-2 px-3 py-2.5 text-sm`,_),children:[(0,h.jsx)(l,{className:`h-4 w-4 shrink-0 text-ink-muted`,"aria-hidden":`true`}),(0,h.jsx)(`span`,{dir:`ltr`,className:`min-w-0 flex-1 truncate font-mono text-xs text-ink`,children:e.name}),(0,h.jsx)(`span`,{className:`text-xs text-ink-muted`,children:t(`tools.callStatus.${e.status}`)}),(0,h.jsx)(c,{className:`h-3.5 w-3.5 shrink-0 text-ink-muted transition-transform group-open:rotate-180 motion-reduce:transition-none`,"aria-hidden":`true`})]}),(0,h.jsxs)(`div`,{className:`space-y-3 border-t border-line px-3 py-3`,children:[e.arguments&&(0,h.jsxs)(`div`,{children:[(0,h.jsx)(`p`,{className:`mb-1 text-xs text-ink-muted`,children:t(`tools.arguments`)}),(0,h.jsx)(`pre`,{dir:`ltr`,className:`max-h-60 overflow-auto whitespace-pre-wrap break-words font-mono text-xs text-ink`,children:ge(e.arguments)})]}),e.output!==void 0&&(0,h.jsxs)(`div`,{children:[(0,h.jsx)(`p`,{className:`mb-1 text-xs text-ink-muted`,children:t(`tools.result`)}),(0,h.jsx)(`pre`,{dir:`ltr`,className:`max-h-80 overflow-auto whitespace-pre-wrap break-words font-mono text-xs text-ink`,children:e.output})]})]})]})},ve=({message:e,streaming:t=!1})=>{let{t:n}=i(),[r,a]=(0,m.useState)(!1);(0,m.useEffect)(()=>{if(!r)return;let e=window.setTimeout(()=>a(!1),2e3);return()=>window.clearTimeout(e)},[r]);let ee=async()=>{try{await navigator.clipboard.writeText(e.text),a(!0)}catch{u.error(n(`settings.apiKeys.copyFailed`))}};return(0,h.jsxs)(`article`,{"data-role":e.role,"data-testid":t?`cordis-streaming`:`cordis-message`,className:o(`min-w-0 text-sm`,e.role===`user`?`ms-auto max-w-[90%] rounded-2xl bg-surface-subtle px-4 py-3`:`w-full py-2`),children:[(0,h.jsxs)(`div`,{className:`mb-2 flex items-center gap-2 text-xs text-ink-muted`,children:[(0,h.jsx)(`span`,{className:`flex-1`,children:n(`cordis.role.${e.role}`)}),!t&&e.text&&(0,h.jsx)(`button`,{type:`button`,className:o(`p-1 text-ink-muted hover:text-ink`,_),"aria-label":n(r?`chatMessage.copied`:`chatMessage.copyMessage`),onClick:()=>void ee(),children:r?(0,h.jsx)(s,{className:`h-3.5 w-3.5`}):(0,h.jsx)(ae,{className:`h-3.5 w-3.5`})})]}),e.reasoning&&(0,h.jsx)(v,{text:e.reasoning}),e.text&&(0,h.jsx)(f,{content:e.text,isStreaming:t})]})},b=()=>{let{t:e}=i(),[t,n]=(0,m.useState)(null),[r,s]=(0,m.useState)([]),[c,ae]=(0,m.useState)([]),[l,ce]=(0,m.useState)({models:[]}),[f,ge]=(0,m.useState)({permissionMode:`read-only`}),[v,b]=(0,m.useState)(null),[x,S]=(0,m.useState)(null),[ye,be]=(0,m.useState)(``),[C,w]=(0,m.useState)(``),[T,xe]=(0,m.useState)(!0),[Se,Ce]=(0,m.useState)(0),[we,Te]=(0,m.useState)(0),[Ee,E]=(0,m.useState)(null),[D,De]=(0,m.useState)(!1),[O,k]=(0,m.useState)(!1),[A,j]=(0,m.useState)(!1),[Oe,M]=(0,m.useState)(null),[N,P]=(0,m.useState)(``),[F,I]=(0,m.useState)(``),[ke,L]=(0,m.useState)([]),[R,z]=(0,m.useState)([]),[B,Ae]=(0,m.useState)(null),[je,V]=(0,m.useState)(null),[Me,Ne]=(0,m.useState)(``),H=(0,m.useRef)(null),U=(0,m.useRef)(0),W=(0,m.useRef)(0),Pe=(0,m.useRef)(0),Fe=(0,m.useRef)(null),G=(0,m.useRef)(!0),Ie=(0,m.useRef)(null);(0,m.useEffect)(()=>()=>{let e=H.current;H.current=null,e&&me(e).catch(e=>g.error(`cancelling a departed turn failed`,e)).finally(()=>e.controller.abort())},[]),(0,m.useEffect)(()=>{let t=!1;return p.getHealth().then(async e=>{if(t||(n(e),!e.ready))return;let[r,i,a]=await Promise.all([p.listSessions(),p.listTools(),p.getModels()]);t||(s(r),ae(i),ce({...a,models:a.models.filter(e=>e.providerType===`ollama`&&e.id.startsWith(`lwui:ollama:`)||e.providerType===`plugin`&&e.id.startsWith(`lwui:plugin:`)||e.providerType===`dsh`&&e.id.startsWith(`native:`))}),ge(e=>({...e,model:e.model??a.defaultModel})),b(e=>e??r[0]?.id??null))}).catch(r=>{t||n({enabled:!0,ready:!1,error:pe(r,e(`cordis.unavailableTitle`))})}).finally(()=>{t||xe(!1)}),()=>{t=!0}},[Se,e]),(0,m.useEffect)(()=>{if(!v)return;let e=!1,t=++U.current,n=++W.current;return p.getSession(v).then(r=>{e||t!==U.current||H.current?.sessionId===r.id||(S(r),n===W.current&&z(r.approvals??[]),E(null))}).catch(n=>{!e&&t===U.current&&E(String(n))}),()=>{e=!0}},[v,we]);let K=x?.id===v?x:null,q=D||K?.active===!0;(0,m.useEffect)(()=>{if(!v||!K?.active||D)return;let e=!1,t=!1,n=window.setInterval(()=>{if(t)return;t=!0;let n=++W.current;p.getSession(v).then(t=>{e||n!==W.current||(S(t),z(t.approvals??[]))}).catch(t=>{e||E(String(t))}).finally(()=>{t=!1})},2e3);return()=>{e=!0,window.clearInterval(n)}},[v,K?.active,D]);let J=(0,m.useMemo)(()=>K?.messages??[],[K]),Le=(0,m.useMemo)(()=>J.filter(he),[J]),Y=(0,m.useMemo)(()=>J.filter(e=>!he(e)),[J]),{toolResults:Re,matchedResults:ze,currentPendingCalls:Be}=(0,m.useMemo)(()=>{let e=new Map,t=new Set,n=new Map,r=new Set,i=Y.reduce((e,t,n)=>t.role===`user`?n:e,-1);for(let[a,o]of Y.entries()){for(let e of o.toolCalls??[]){let t=_e(o.id,e.callId);n.set(e.callId,t),a>i&&r.add(t)}for(let r of o.toolResults??[]){let i=n.get(r.callId);i&&(e.set(i,r),t.add(r),n.delete(r.callId))}}return{toolResults:e,matchedResults:t,currentPendingCalls:new Set([...n.values()].filter(e=>r.has(e)))}},[Y]),X=K?.settings??f,Z=T||q||A||t?.ready!==!0||v!==null&&K===null,Ve=Z||v===null,He=r.filter(e=>`${e.title??``} ${e.id}`.toLowerCase().includes(ye.toLowerCase())),Ue=(e,t)=>R.some(n=>n.sessionId===v&&(n.callId?n.callId===e:n.toolName===t))?`awaiting_approval`:`running`;(0,m.useEffect)(()=>{let e=Fe.current;e&&G.current&&(e.scrollTop=e.scrollHeight)},[J,N,F,ke,R]),(0,m.useEffect)(()=>{let e=Ie.current;e&&(e.style.height=`auto`,e.style.height=`${Math.min(e.scrollHeight,176)}px`)},[C]);let We=e=>{H.current||A||B||O||(b(e),W.current+=1,V(null),E(null),M(null),z([]),w(``),G.current=!0)},Ge=async()=>{if(!(H.current||A)){j(!0);try{let e=await p.createSession(f);s(t=>[e,...t]),b(e.id),S(e),W.current+=1,z(e.approvals??[]),V(null),E(null),M(null),w(``),G.current=!0}catch(t){g.error(`creating a session failed`,t),u.error(e(`cordis.createFailed`))}finally{j(!1)}}},Ke=async t=>{if(!(H.current||A)){j(!0);try{await p.deleteSession(t),s(e=>e.filter(e=>e.id!==t)),v===t&&(b(null),S(null),W.current+=1,z([]),V(null),E(null),w(``))}catch(t){g.error(`deleting a session failed`,t),u.error(e(`cordis.deleteFailed`))}finally{j(!1)}}},qe=async t=>{if(Z)return;if(!v){ge(e=>({...e,...t}));return}U.current+=1;let n=++W.current;j(!0),M(null);try{let e=await p.updateSettings(v,t);S(e),n===W.current&&z(e.approvals??[])}catch(t){M(pe(t,e(`chat.controls.saveFailed`)))}finally{j(!1)}},Je=async(t,n)=>{W.current+=1,Ae(t.id);try{await p.decideApproval(t.sessionId,t.id,n),W.current+=1,z(e=>e.filter(e=>e.id!==t.id))}catch(n){g.error(`deciding a tool approval failed`,n),u.error(e(`work.approval.failed`));let r=++W.current,i=await p.getSession(t.sessionId).catch(()=>null);i&&r===W.current&&z(i.approvals??[])}finally{Ae(null)}},Q=(0,m.useCallback)(async t=>{let n=(t??C).trim();if(!v||!n||H.current||A||x?.id!==v)return;let r={sessionId:v,controller:new AbortController};U.current+=1,H.current=r;let i=()=>H.current===r;w(``),Ne(n),De(!0),P(``),I(``),L([]),V(null),G.current=!0,S({...x,messages:[...x.messages,{id:`pending-${Date.now()}`,role:`user`,source:`user`,text:n}]});let a=!1;try{await p.sendMessage(v,n,{signal:r.controller.signal,onChunk:e=>{if(i()){if(e.type===`text`&&P(t=>t+e.text),e.type===`reasoning`&&I(t=>t+e.text),e.type===`error`&&(a=!0,V(e.message)),e.type===`tool-call`||e.type===`tool-result`){let t=++Pe.current;L(n=>{if(e.type===`tool-call`)return[...n,{instanceId:t,callId:e.callId,name:e.name,arguments:e.arguments,status:`running`}];let r=n.reduce((t,n,r)=>n.callId===e.callId&&n.status===`running`?r:t,-1),i={instanceId:t,...n[r],callId:e.callId,name:e.name,output:e.output,status:e.isError?`failed`:`succeeded`};return r<0?[...n,i]:n.map((e,t)=>t===r?i:e)})}e.type===`approval-request`&&(W.current+=1,z(t=>[...t.filter(t=>t.id!==e.approval.id),e.approval])),e.type===`approval-decision`&&(W.current+=1,z(t=>t.filter(t=>t.id!==e.approvalId)))}}})}catch(t){i()&&!r.controller.signal.aborted&&!a&&V(t instanceof Error?t.message:e(`cordis.sendFailed`))}finally{if(i()){await r.cancellation?.catch(()=>void 0);try{let e=++W.current,[t,n]=await Promise.all([p.getSession(r.sessionId),p.listSessions()]);i()&&(S(t),s(n),e===W.current&&z(t.approvals??[]))}catch(e){g.error(`refreshing a completed turn failed`,e),i()&&E(String(e))}i()&&(H.current=null,De(!1),k(!1),P(``),I(``),L([]))}}},[C,A,v,x,e]),Ye=async()=>{let t=H.current;if(!(t?.cancellation||!t&&!K?.active)){k(!0);try{if(t)await me(t),t.controller.abort();else if(v){await p.cancel(v);let e=++W.current,t=await p.getSession(v);S(t),e===W.current&&z(t.approvals??[]),k(!1)}}catch(n){g.error(`cancelling a turn failed`,n),H.current===t&&(k(!1),u.error(e(`cordis.sendFailed`)))}}},$=l.models.map(e=>({value:e.id,label:e.providerName?`${e.name} · ${e.providerName}`:e.name}));return X.model&&!$.some(e=>e.value===X.model)&&$.unshift({value:X.model,label:X.model}),$.length||$.push({value:``,label:e(`models.noModelsFound`)}),(0,h.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col bg-surface`,"data-testid":`cordis-page`,children:[(0,h.jsxs)(`header`,{className:`flex shrink-0 items-center justify-between gap-3 border-b border-line px-4 py-3 sm:px-6`,children:[(0,h.jsxs)(`div`,{className:`min-w-0`,children:[(0,h.jsx)(`h1`,{className:`truncate text-lg font-medium text-ink`,children:e(`cordis.title`)}),(0,h.jsx)(`p`,{className:`truncate text-xs text-ink-muted`,children:K?.title??e(`cordis.description`)})]}),(0,h.jsxs)(d,{variant:`outline`,size:`sm`,onClick:()=>void Ge(),disabled:T||t?.ready!==!0||D||A||B!==null||O,"data-testid":`cordis-create-session`,children:[(0,h.jsx)(re,{className:`me-2 h-4 w-4`,"aria-hidden":`true`}),e(`cordis.newSession`)]})]}),!T&&t?.ready!==!0&&(0,h.jsxs)(`div`,{role:`status`,"data-testid":`cordis-unavailable`,className:`m-4 rounded-xl border border-line bg-surface-subtle p-4 text-sm`,children:[(0,h.jsx)(`p`,{className:`font-medium text-ink`,children:t?.enabled?e(`cordis.unavailableTitle`):e(`cordis.disabledTitle`)}),(0,h.jsx)(`p`,{className:`mt-1 text-ink-muted`,children:t?.error??e(`cordis.disabledHint`)}),(0,h.jsx)(d,{className:`mt-3`,variant:`outline`,size:`sm`,onClick:()=>{xe(!0),Ce(e=>e+1)},children:e(`common.retry`)})]}),(0,h.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col lg:flex-row`,children:[(0,h.jsxs)(`aside`,{"aria-label":e(`cordis.sessionsHeading`),className:`shrink-0 border-b border-line bg-surface-subtle/30 lg:flex lg:w-64 lg:min-h-0 lg:flex-col lg:border-b-0 lg:border-e`,children:[(0,h.jsxs)(`div`,{className:`hidden px-4 pt-4 lg:block`,children:[(0,h.jsx)(`label`,{className:`sr-only`,htmlFor:`cordis-session-search`,children:e(`common.search`)}),(0,h.jsxs)(`div`,{className:`relative`,children:[(0,h.jsx)(ee,{className:`pointer-events-none absolute start-3 top-3 h-4 w-4 text-ink-muted`,"aria-hidden":`true`}),(0,h.jsx)(ue,{id:`cordis-session-search`,value:ye,onChange:e=>be(e.target.value),placeholder:e(`common.search`),className:`ps-9`})]})]}),(0,h.jsxs)(`div`,{className:`min-h-0 overflow-auto p-2 lg:flex-1 lg:p-3`,children:[(0,h.jsx)(`ul`,{className:`flex gap-1 lg:block lg:space-y-1`,"data-testid":`cordis-session-list`,children:He.map(t=>(0,h.jsx)(`li`,{className:`min-w-44 lg:min-w-0`,children:(0,h.jsxs)(`div`,{className:o(`flex items-center gap-1 rounded-lg px-2 py-2`,v===t.id?`bg-surface-raised`:`hover:bg-surface-subtle`),children:[(0,h.jsxs)(`button`,{type:`button`,onClick:()=>We(t.id),disabled:D||A||B!==null||O,"aria-current":v===t.id,"aria-label":t.title??t.id,className:o(`min-w-0 flex-1 text-start disabled:opacity-60`,_),children:[(0,h.jsx)(`span`,{className:`block truncate text-sm text-ink`,children:t.title??e(`cordis.newSession`)}),(0,h.jsx)(`span`,{className:`mt-0.5 block truncate text-xs text-ink-muted`,children:t.createdAt?a(t.createdAt):e(`cordis.unknownTime`)})]}),(0,h.jsx)(d,{variant:`ghost`,size:`sm`,"aria-label":e(`cordis.deleteSession`),disabled:D||A||B!==null||O,onClick:()=>void Ke(t.id),children:(0,h.jsx)(se,{className:`h-3.5 w-3.5`,"aria-hidden":`true`})})]})},t.id))}),!r.length&&t?.ready&&(0,h.jsx)(`p`,{className:`p-2 text-xs text-ink-muted`,children:e(`cordis.noSessions`)}),r.length>0&&!He.length&&(0,h.jsx)(`p`,{className:`p-2 text-xs text-ink-muted`,children:e(`common.noResults`)})]}),(0,h.jsxs)(`details`,{className:`hidden shrink-0 border-t border-line p-4 lg:block`,"data-testid":`cordis-tools-disclosure`,children:[(0,h.jsxs)(`summary`,{className:o(`cursor-pointer text-xs text-ink-muted`,_),children:[e(`cordis.toolsHeading`),` (`,c.length,`)`]}),(0,h.jsx)(`ul`,{className:`mt-3 max-h-48 space-y-3 overflow-y-auto`,"data-testid":`cordis-tool-list`,children:c.map(e=>(0,h.jsxs)(`li`,{children:[(0,h.jsx)(`span`,{dir:`ltr`,className:`block font-mono text-xs text-ink`,children:e.name}),(0,h.jsx)(`p`,{className:`mt-1 text-xs text-ink-muted`,children:e.description})]},e.name))}),!c.length&&(0,h.jsx)(`p`,{className:`mt-2 text-xs text-ink-muted`,children:e(`cordis.noTools`)})]})]}),(0,h.jsxs)(`section`,{"aria-label":e(`cordis.transcriptHeading`),className:`flex min-h-0 min-w-0 flex-1 flex-col`,"data-testid":`cordis-transcript`,children:[(0,h.jsx)(`div`,{ref:Fe,"data-testid":`cordis-transcript-scroll`,className:`scroll-region min-h-0 flex-1 px-4 py-5 sm:px-6`,onScroll:e=>{let t=e.currentTarget;G.current=t.scrollHeight-t.scrollTop-t.clientHeight<80},children:(0,h.jsxs)(`div`,{className:`mx-auto max-w-3xl space-y-5`,children:[T&&(0,h.jsx)(`p`,{role:`status`,className:`text-sm text-ink-muted`,children:e(`common.loading`)}),v===null&&!T&&(0,h.jsxs)(`div`,{className:`py-12 text-center`,children:[(0,h.jsx)(oe,{className:`mx-auto mb-3 h-7 w-7 text-ink-muted`,"aria-hidden":`true`}),(0,h.jsx)(`p`,{className:`text-sm text-ink-muted`,children:e(`cordis.selectSession`)})]}),Le.length>0&&(0,h.jsxs)(`details`,{"data-testid":`cordis-context`,className:`rounded-xl border border-line bg-surface-subtle p-3`,children:[(0,h.jsx)(`summary`,{className:o(`cursor-pointer text-xs text-ink-muted`,_),children:e(`cordis.context`)}),(0,h.jsx)(`div`,{className:`mt-3 space-y-4`,children:Le.map(e=>(0,h.jsx)(`pre`,{dir:`auto`,className:`max-h-72 overflow-auto whitespace-pre-wrap break-words text-xs text-ink-muted`,children:e.text},e.id))})]}),Y.map(t=>(0,h.jsxs)(`div`,{className:`space-y-3`,children:[(t.text||t.reasoning)&&!t.toolResults?.length&&(0,h.jsx)(ve,{message:t}),t.toolCalls?.map(e=>{let n=_e(t.id,e.callId),r=Re.get(n);return(0,h.jsx)(y,{tool:{...e,output:r?.output,status:r?r.isError?`failed`:`succeeded`:q&&Be.has(n)?Ue(e.callId,e.name):`cancelled`}},e.callId)}),t.toolResults?.filter(e=>!ze.has(e)).map(t=>(0,h.jsx)(y,{tool:{...t,name:t.name??e(`cordis.role.tool`),status:t.isError?`failed`:`succeeded`}},t.callId))]},t.id)),D&&(N||F)&&(0,h.jsx)(ve,{streaming:!0,message:{id:`stream`,role:`assistant`,text:N,reasoning:F}}),ke.map(e=>(0,h.jsx)(y,{tool:e.status===`running`?{...e,status:Ue(e.callId,e.name)}:e},e.instanceId)),R.filter(e=>e.sessionId===v).map(t=>(0,h.jsxs)(`div`,{role:`alert`,"data-testid":`cordis-approval`,className:`rounded-xl border border-warning-500/40 bg-surface-subtle p-4`,children:[(0,h.jsxs)(`p`,{className:`mb-2 flex items-center gap-2 text-sm font-medium text-ink`,children:[(0,h.jsx)(te,{className:`h-4 w-4`,"aria-hidden":`true`}),e(`work.approval.title`)]}),(0,h.jsx)(`p`,{className:`text-sm text-ink`,children:e(`work.approval.description`,{tool:t.toolName})}),t.reason&&(0,h.jsx)(`p`,{className:`mt-2 whitespace-pre-wrap text-xs text-ink-muted`,children:t.reason}),(0,h.jsxs)(`div`,{className:`mt-3 flex gap-2`,children:[(0,h.jsx)(d,{size:`sm`,disabled:B!==null,onClick:()=>void Je(t,`allowed-once`),children:e(`work.approval.allowOnce`)}),(0,h.jsx)(d,{size:`sm`,variant:`outline`,disabled:B!==null,onClick:()=>void Je(t,`rejected`),children:e(`work.approval.deny`)})]})]},t.id)),je&&(0,h.jsxs)(`div`,{role:`alert`,"data-testid":`cordis-turn-error`,className:`rounded-xl border border-error-500/40 bg-error-500/10 p-4 text-sm text-ink`,children:[(0,h.jsx)(`p`,{className:`font-medium`,children:e(`cordis.turnFailed`)}),(0,h.jsx)(`p`,{className:`mt-1 whitespace-pre-wrap break-words`,children:je}),!q&&Me&&(0,h.jsx)(d,{className:`mt-3`,variant:`outline`,size:`sm`,onClick:()=>void Q(Me),children:e(`common.retry`)})]}),Ee&&(0,h.jsxs)(`div`,{role:`alert`,className:`rounded-xl border border-line p-4 text-sm text-ink`,children:[(0,h.jsx)(`p`,{children:Ee}),(0,h.jsx)(d,{className:`mt-2`,size:`sm`,variant:`outline`,disabled:D,onClick:()=>{E(null),Te(e=>e+1)},children:e(`common.retry`)})]}),q&&!N&&!F&&!R.length&&(0,h.jsxs)(`p`,{role:`status`,className:`flex items-center gap-2 text-sm text-ink-muted`,children:[(0,h.jsx)(oe,{className:`h-4 w-4`,"aria-hidden":`true`}),e(`cordis.working`)]})]})}),(0,h.jsx)(`form`,{className:`shrink-0 border-t border-line px-4 py-3 sm:px-6`,onSubmit:e=>{e.preventDefault(),Q()},children:(0,h.jsxs)(`div`,{className:`mx-auto max-w-3xl`,children:[(0,h.jsxs)(`div`,{className:`mb-3 grid grid-cols-1 gap-2 sm:grid-cols-2`,children:[(0,h.jsx)(le,{label:e(`cordis.permissions`),"data-testid":`cordis-permission-select`,value:X.permissionMode,options:[{value:`read-only`,label:e(`cordis.readOnly`)},{value:`workspace-write`,label:e(`cordis.workspaceWrite`)}],disabled:Z||v!==null&&K?.capabilities?.permissions!==!0,onChange:e=>void qe({permissionMode:e.target.value}),className:`py-2 text-sm`}),(0,h.jsx)(le,{label:e(`personas.model`),dir:`ltr`,"data-testid":`cordis-model-select`,value:X.model??l.defaultModel??``,options:$,disabled:Z||!l.models.length,onChange:e=>void qe({model:e.target.value}),className:`py-2 text-sm`})]}),(0,h.jsx)(`p`,{className:`mb-3 text-xs text-ink-muted`,children:e(`cordis.permissionHint`)}),K?.workspacePath&&(0,h.jsxs)(`p`,{className:`mb-3 flex min-w-0 gap-2 text-xs text-ink-muted`,"data-testid":`cordis-workspace-scope`,children:[(0,h.jsx)(`span`,{children:e(`work.mobile.workspace`)}),(0,h.jsx)(`code`,{dir:`ltr`,title:K.workspacePath,className:`truncate`,children:K.workspacePath})]}),Oe&&(0,h.jsx)(`p`,{role:`alert`,className:`mb-2 text-xs text-error-600 dark:text-error-400`,children:Oe}),(0,h.jsxs)(`div`,{className:fe,children:[(0,h.jsx)(`label`,{htmlFor:`cordis-composer`,className:`sr-only`,children:e(`cordis.composerLabel`)}),(0,h.jsx)(de,{ref:Ie,id:`cordis-composer`,dir:`auto`,value:C,onChange:e=>w(e.target.value),placeholder:e(`cordis.composerPlaceholder`),rows:2,disabled:Ve,"data-testid":`cordis-composer`,className:`min-h-16 max-h-44 resize-none border-0 bg-transparent shadow-none focus:ring-0`,onKeyDown:e=>{e.key===`Enter`&&!e.shiftKey&&!e.nativeEvent.isComposing&&(e.preventDefault(),Q())}}),(0,h.jsxs)(`div`,{className:`mt-2 flex items-center justify-end gap-2`,children:[A&&(0,h.jsx)(`span`,{role:`status`,className:`me-auto text-xs text-ink-muted`,children:e(`common.saving`)}),q?(0,h.jsxs)(d,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>void Ye(),disabled:O,"data-testid":`cordis-stop`,children:[(0,h.jsx)(ne,{className:`me-2 h-4 w-4`,"aria-hidden":`true`}),e(`cordis.stop`)]}):(0,h.jsxs)(d,{type:`submit`,size:`sm`,disabled:Ve||!C.trim(),"data-testid":`cordis-send`,children:[(0,h.jsx)(ie,{className:`me-2 h-4 w-4`,"aria-hidden":`true`}),e(`cordis.send`)]})]})]})]})})]})]})]})};export{b as CordisPage,b as default};
|
|
1
|
+
import{r as e}from"./rolldown-runtime-hePW80VL.js";import{i as t,t as n}from"./react-vendor-wiHys0m2.js";import{t as r}from"./logger-BR4forr_.js";import{t as i}from"./useTranslation-B9kflK9S.js";import{i as a,t as o}from"./utils-p8Gt72YP.js";import{G as ee,I as te,O as ne,Ot as re,Qn as s,W as ie,Zn as c,jn as ae,lr as oe,r as l,v as se,wr as u}from"./ui-vendor-BhHHyHk3.js";import{a as ce}from"./client-BeJbHHWx.js";import{t as d}from"./Button-CGMYia4g.js";import{f as le,l as f,m as ue,p as de}from"./ui-D5-4niRk.js";import{t as p}from"./cordisApi-BS8QMSV4.js";import{n as fe}from"./composerStyles-C83jssgZ.js";var m=e(t(),1),h=n(),g=r(`pages:cordis`),_=`rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/40`,pe=(e,t)=>{if(ce(e)){let t=e.response?.data;if(typeof t?.error==`string`)return t.error}return e instanceof Error?e.message:t},me=e=>(e.cancellation??=p.cancel(e.sessionId).catch(t=>{throw e.cancellation=void 0,t}),e.cancellation),he=e=>e.role===`system`||e.source===`system`||e.source===`context`,ge=e=>{try{return JSON.stringify(JSON.parse(e),null,2)}catch{return e}},_e=(e,t)=>JSON.stringify([e,t]),v=({text:e})=>{let{t}=i();return(0,h.jsxs)(`details`,{className:`mb-3 text-ink-muted`,"data-testid":`cordis-reasoning`,children:[(0,h.jsx)(`summary`,{className:o(`cursor-pointer text-xs`,_),children:t(`chatMessage.thinking`)}),(0,h.jsx)(`div`,{className:`mt-3 border-s border-line ps-3`,children:(0,h.jsx)(f,{content:e})})]})},y=({tool:e})=>{let{t}=i();return(0,h.jsxs)(`details`,{className:`group rounded-xl border border-line bg-surface-subtle`,"data-testid":`cordis-tool-activity`,"data-call-id":e.callId,children:[(0,h.jsxs)(`summary`,{className:o(`flex cursor-pointer items-center gap-2 px-3 py-2.5 text-sm`,_),children:[(0,h.jsx)(l,{className:`h-4 w-4 shrink-0 text-ink-muted`,"aria-hidden":`true`}),(0,h.jsx)(`span`,{dir:`ltr`,className:`min-w-0 flex-1 truncate font-mono text-xs text-ink`,children:e.name}),(0,h.jsx)(`span`,{className:`text-xs text-ink-muted`,children:t(`tools.callStatus.${e.status}`)}),(0,h.jsx)(c,{className:`h-3.5 w-3.5 shrink-0 text-ink-muted transition-transform group-open:rotate-180 motion-reduce:transition-none`,"aria-hidden":`true`})]}),(0,h.jsxs)(`div`,{className:`space-y-3 border-t border-line px-3 py-3`,children:[e.arguments&&(0,h.jsxs)(`div`,{children:[(0,h.jsx)(`p`,{className:`mb-1 text-xs text-ink-muted`,children:t(`tools.arguments`)}),(0,h.jsx)(`pre`,{dir:`ltr`,className:`max-h-60 overflow-auto whitespace-pre-wrap break-words font-mono text-xs text-ink`,children:ge(e.arguments)})]}),e.output!==void 0&&(0,h.jsxs)(`div`,{children:[(0,h.jsx)(`p`,{className:`mb-1 text-xs text-ink-muted`,children:t(`tools.result`)}),(0,h.jsx)(`pre`,{dir:`ltr`,className:`max-h-80 overflow-auto whitespace-pre-wrap break-words font-mono text-xs text-ink`,children:e.output})]})]})]})},ve=({message:e,streaming:t=!1})=>{let{t:n}=i(),[r,a]=(0,m.useState)(!1);(0,m.useEffect)(()=>{if(!r)return;let e=window.setTimeout(()=>a(!1),2e3);return()=>window.clearTimeout(e)},[r]);let ee=async()=>{try{await navigator.clipboard.writeText(e.text),a(!0)}catch{u.error(n(`settings.apiKeys.copyFailed`))}};return(0,h.jsxs)(`article`,{"data-role":e.role,"data-testid":t?`cordis-streaming`:`cordis-message`,className:o(`min-w-0 text-sm`,e.role===`user`?`ms-auto max-w-[90%] rounded-2xl bg-surface-subtle px-4 py-3`:`w-full py-2`),children:[(0,h.jsxs)(`div`,{className:`mb-2 flex items-center gap-2 text-xs text-ink-muted`,children:[(0,h.jsx)(`span`,{className:`flex-1`,children:n(`cordis.role.${e.role}`)}),!t&&e.text&&(0,h.jsx)(`button`,{type:`button`,className:o(`p-1 text-ink-muted hover:text-ink`,_),"aria-label":n(r?`chatMessage.copied`:`chatMessage.copyMessage`),onClick:()=>void ee(),children:r?(0,h.jsx)(s,{className:`h-3.5 w-3.5`}):(0,h.jsx)(ae,{className:`h-3.5 w-3.5`})})]}),e.reasoning&&(0,h.jsx)(v,{text:e.reasoning}),e.text&&(0,h.jsx)(f,{content:e.text,isStreaming:t})]})},b=()=>{let{t:e}=i(),[t,n]=(0,m.useState)(null),[r,s]=(0,m.useState)([]),[c,ae]=(0,m.useState)([]),[l,ce]=(0,m.useState)({models:[]}),[f,ge]=(0,m.useState)({permissionMode:`read-only`}),[v,b]=(0,m.useState)(null),[x,S]=(0,m.useState)(null),[ye,be]=(0,m.useState)(``),[C,w]=(0,m.useState)(``),[T,xe]=(0,m.useState)(!0),[Se,Ce]=(0,m.useState)(0),[we,Te]=(0,m.useState)(0),[Ee,E]=(0,m.useState)(null),[D,De]=(0,m.useState)(!1),[O,k]=(0,m.useState)(!1),[A,j]=(0,m.useState)(!1),[Oe,M]=(0,m.useState)(null),[N,P]=(0,m.useState)(``),[F,I]=(0,m.useState)(``),[ke,L]=(0,m.useState)([]),[R,z]=(0,m.useState)([]),[B,Ae]=(0,m.useState)(null),[je,V]=(0,m.useState)(null),[Me,Ne]=(0,m.useState)(``),H=(0,m.useRef)(null),U=(0,m.useRef)(0),W=(0,m.useRef)(0),Pe=(0,m.useRef)(0),Fe=(0,m.useRef)(null),G=(0,m.useRef)(!0),Ie=(0,m.useRef)(null);(0,m.useEffect)(()=>()=>{let e=H.current;H.current=null,e&&me(e).catch(e=>g.error(`cancelling a departed turn failed`,e)).finally(()=>e.controller.abort())},[]),(0,m.useEffect)(()=>{let t=!1;return p.getHealth().then(async e=>{if(t||(n(e),!e.ready))return;let[r,i,a]=await Promise.all([p.listSessions(),p.listTools(),p.getModels()]);t||(s(r),ae(i),ce({...a,models:a.models.filter(e=>e.providerType===`ollama`&&e.id.startsWith(`lwui:ollama:`)||e.providerType===`plugin`&&e.id.startsWith(`lwui:plugin:`)||e.providerType===`dsh`&&e.id.startsWith(`native:`))}),ge(e=>({...e,model:e.model??a.defaultModel})),b(e=>e??r[0]?.id??null))}).catch(r=>{t||n({enabled:!0,ready:!1,error:pe(r,e(`cordis.unavailableTitle`))})}).finally(()=>{t||xe(!1)}),()=>{t=!0}},[Se,e]),(0,m.useEffect)(()=>{if(!v)return;let e=!1,t=++U.current,n=++W.current;return p.getSession(v).then(r=>{e||t!==U.current||H.current?.sessionId===r.id||(S(r),n===W.current&&z(r.approvals??[]),E(null))}).catch(n=>{!e&&t===U.current&&E(String(n))}),()=>{e=!0}},[v,we]);let K=x?.id===v?x:null,q=D||K?.active===!0;(0,m.useEffect)(()=>{if(!v||!K?.active||D)return;let e=!1,t=!1,n=window.setInterval(()=>{if(t)return;t=!0;let n=++W.current;p.getSession(v).then(t=>{e||n!==W.current||(S(t),z(t.approvals??[]))}).catch(t=>{e||E(String(t))}).finally(()=>{t=!1})},2e3);return()=>{e=!0,window.clearInterval(n)}},[v,K?.active,D]);let J=(0,m.useMemo)(()=>K?.messages??[],[K]),Le=(0,m.useMemo)(()=>J.filter(he),[J]),Y=(0,m.useMemo)(()=>J.filter(e=>!he(e)),[J]),{toolResults:Re,matchedResults:ze,currentPendingCalls:Be}=(0,m.useMemo)(()=>{let e=new Map,t=new Set,n=new Map,r=new Set,i=Y.reduce((e,t,n)=>t.role===`user`?n:e,-1);for(let[a,o]of Y.entries()){for(let e of o.toolCalls??[]){let t=_e(o.id,e.callId);n.set(e.callId,t),a>i&&r.add(t)}for(let r of o.toolResults??[]){let i=n.get(r.callId);i&&(e.set(i,r),t.add(r),n.delete(r.callId))}}return{toolResults:e,matchedResults:t,currentPendingCalls:new Set([...n.values()].filter(e=>r.has(e)))}},[Y]),X=K?.settings??f,Z=T||q||A||t?.ready!==!0||v!==null&&K===null,Ve=Z||v===null,He=r.filter(e=>`${e.title??``} ${e.id}`.toLowerCase().includes(ye.toLowerCase())),Ue=(e,t)=>R.some(n=>n.sessionId===v&&(n.callId?n.callId===e:n.toolName===t))?`awaiting_approval`:`running`;(0,m.useEffect)(()=>{let e=Fe.current;e&&G.current&&(e.scrollTop=e.scrollHeight)},[J,N,F,ke,R]),(0,m.useEffect)(()=>{let e=Ie.current;e&&(e.style.height=`auto`,e.style.height=`${Math.min(e.scrollHeight,176)}px`)},[C]);let We=e=>{H.current||A||B||O||(b(e),W.current+=1,V(null),E(null),M(null),z([]),w(``),G.current=!0)},Ge=async()=>{if(!(H.current||A)){j(!0);try{let e=await p.createSession(f);s(t=>[e,...t]),b(e.id),S(e),W.current+=1,z(e.approvals??[]),V(null),E(null),M(null),w(``),G.current=!0}catch(t){g.error(`creating a session failed`,t),u.error(e(`cordis.createFailed`))}finally{j(!1)}}},Ke=async t=>{if(!(H.current||A)){j(!0);try{await p.deleteSession(t),s(e=>e.filter(e=>e.id!==t)),v===t&&(b(null),S(null),W.current+=1,z([]),V(null),E(null),w(``))}catch(t){g.error(`deleting a session failed`,t),u.error(e(`cordis.deleteFailed`))}finally{j(!1)}}},qe=async t=>{if(Z)return;if(!v){ge(e=>({...e,...t}));return}U.current+=1;let n=++W.current;j(!0),M(null);try{let e=await p.updateSettings(v,t);S(e),n===W.current&&z(e.approvals??[])}catch(t){M(pe(t,e(`chat.controls.saveFailed`)))}finally{j(!1)}},Je=async(t,n)=>{W.current+=1,Ae(t.id);try{await p.decideApproval(t.sessionId,t.id,n),W.current+=1,z(e=>e.filter(e=>e.id!==t.id))}catch(n){g.error(`deciding a tool approval failed`,n),u.error(e(`work.approval.failed`));let r=++W.current,i=await p.getSession(t.sessionId).catch(()=>null);i&&r===W.current&&z(i.approvals??[])}finally{Ae(null)}},Q=(0,m.useCallback)(async t=>{let n=(t??C).trim();if(!v||!n||H.current||A||x?.id!==v)return;let r={sessionId:v,controller:new AbortController};U.current+=1,H.current=r;let i=()=>H.current===r;w(``),Ne(n),De(!0),P(``),I(``),L([]),V(null),G.current=!0,S({...x,messages:[...x.messages,{id:`pending-${Date.now()}`,role:`user`,source:`user`,text:n}]});let a=!1;try{await p.sendMessage(v,n,{signal:r.controller.signal,onChunk:e=>{if(i()){if(e.type===`text`&&P(t=>t+e.text),e.type===`reasoning`&&I(t=>t+e.text),e.type===`error`&&(a=!0,V(e.message)),e.type===`tool-call`||e.type===`tool-result`){let t=++Pe.current;L(n=>{if(e.type===`tool-call`)return[...n,{instanceId:t,callId:e.callId,name:e.name,arguments:e.arguments,status:`running`}];let r=n.reduce((t,n,r)=>n.callId===e.callId&&n.status===`running`?r:t,-1),i={instanceId:t,...n[r],callId:e.callId,name:e.name,output:e.output,status:e.isError?`failed`:`succeeded`};return r<0?[...n,i]:n.map((e,t)=>t===r?i:e)})}e.type===`approval-request`&&(W.current+=1,z(t=>[...t.filter(t=>t.id!==e.approval.id),e.approval])),e.type===`approval-decision`&&(W.current+=1,z(t=>t.filter(t=>t.id!==e.approvalId)))}}})}catch(t){i()&&!r.controller.signal.aborted&&!a&&V(t instanceof Error?t.message:e(`cordis.sendFailed`))}finally{if(i()){await r.cancellation?.catch(()=>void 0);try{let e=++W.current,[t,n]=await Promise.all([p.getSession(r.sessionId),p.listSessions()]);i()&&(S(t),s(n),e===W.current&&z(t.approvals??[]))}catch(e){g.error(`refreshing a completed turn failed`,e),i()&&E(String(e))}i()&&(H.current=null,De(!1),k(!1),P(``),I(``),L([]))}}},[C,A,v,x,e]),Ye=async()=>{let t=H.current;if(!(t?.cancellation||!t&&!K?.active)){k(!0);try{if(t)await me(t),t.controller.abort();else if(v){await p.cancel(v);let e=++W.current,t=await p.getSession(v);S(t),e===W.current&&z(t.approvals??[]),k(!1)}}catch(n){g.error(`cancelling a turn failed`,n),H.current===t&&(k(!1),u.error(e(`cordis.sendFailed`)))}}},$=l.models.map(e=>({value:e.id,label:e.providerName?`${e.name} · ${e.providerName}`:e.name}));return X.model&&!$.some(e=>e.value===X.model)&&$.unshift({value:X.model,label:X.model}),$.length||$.push({value:``,label:e(`models.noModelsFound`)}),(0,h.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col bg-surface`,"data-testid":`cordis-page`,children:[(0,h.jsxs)(`header`,{className:`flex shrink-0 items-center justify-between gap-3 border-b border-line px-4 py-3 sm:px-6`,children:[(0,h.jsxs)(`div`,{className:`min-w-0`,children:[(0,h.jsx)(`h1`,{className:`truncate text-lg font-medium text-ink`,children:e(`cordis.title`)}),(0,h.jsx)(`p`,{className:`truncate text-xs text-ink-muted`,children:K?.title??e(`cordis.description`)})]}),(0,h.jsxs)(d,{variant:`outline`,size:`sm`,onClick:()=>void Ge(),disabled:T||t?.ready!==!0||D||A||B!==null||O,"data-testid":`cordis-create-session`,children:[(0,h.jsx)(re,{className:`me-2 h-4 w-4`,"aria-hidden":`true`}),e(`cordis.newSession`)]})]}),!T&&t?.ready!==!0&&(0,h.jsxs)(`div`,{role:`status`,"data-testid":`cordis-unavailable`,className:`m-4 rounded-xl border border-line bg-surface-subtle p-4 text-sm`,children:[(0,h.jsx)(`p`,{className:`font-medium text-ink`,children:t?.enabled?e(`cordis.unavailableTitle`):e(`cordis.disabledTitle`)}),(0,h.jsx)(`p`,{className:`mt-1 text-ink-muted`,children:t?.error??e(`cordis.disabledHint`)}),(0,h.jsx)(d,{className:`mt-3`,variant:`outline`,size:`sm`,onClick:()=>{xe(!0),Ce(e=>e+1)},children:e(`common.retry`)})]}),(0,h.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col lg:flex-row`,children:[(0,h.jsxs)(`aside`,{"aria-label":e(`cordis.sessionsHeading`),className:`shrink-0 border-b border-line bg-surface-subtle/30 lg:flex lg:w-64 lg:min-h-0 lg:flex-col lg:border-b-0 lg:border-e`,children:[(0,h.jsxs)(`div`,{className:`hidden px-4 pt-4 lg:block`,children:[(0,h.jsx)(`label`,{className:`sr-only`,htmlFor:`cordis-session-search`,children:e(`common.search`)}),(0,h.jsxs)(`div`,{className:`relative`,children:[(0,h.jsx)(ee,{className:`pointer-events-none absolute start-3 top-3 h-4 w-4 text-ink-muted`,"aria-hidden":`true`}),(0,h.jsx)(ue,{id:`cordis-session-search`,value:ye,onChange:e=>be(e.target.value),placeholder:e(`common.search`),className:`ps-9`})]})]}),(0,h.jsxs)(`div`,{className:`min-h-0 overflow-auto p-2 lg:flex-1 lg:p-3`,children:[(0,h.jsx)(`ul`,{className:`flex gap-1 lg:block lg:space-y-1`,"data-testid":`cordis-session-list`,children:He.map(t=>(0,h.jsx)(`li`,{className:`min-w-44 lg:min-w-0`,children:(0,h.jsxs)(`div`,{className:o(`flex items-center gap-1 rounded-lg px-2 py-2`,v===t.id?`bg-surface-raised`:`hover:bg-surface-subtle`),children:[(0,h.jsxs)(`button`,{type:`button`,onClick:()=>We(t.id),disabled:D||A||B!==null||O,"aria-current":v===t.id,"aria-label":t.title??t.id,className:o(`min-w-0 flex-1 text-start disabled:opacity-60`,_),children:[(0,h.jsx)(`span`,{className:`block truncate text-sm text-ink`,children:t.title??e(`cordis.newSession`)}),(0,h.jsx)(`span`,{className:`mt-0.5 block truncate text-xs text-ink-muted`,children:t.createdAt?a(t.createdAt):e(`cordis.unknownTime`)})]}),(0,h.jsx)(d,{variant:`ghost`,size:`sm`,"aria-label":e(`cordis.deleteSession`),disabled:D||A||B!==null||O,onClick:()=>void Ke(t.id),children:(0,h.jsx)(se,{className:`h-3.5 w-3.5`,"aria-hidden":`true`})})]})},t.id))}),!r.length&&t?.ready&&(0,h.jsx)(`p`,{className:`p-2 text-xs text-ink-muted`,children:e(`cordis.noSessions`)}),r.length>0&&!He.length&&(0,h.jsx)(`p`,{className:`p-2 text-xs text-ink-muted`,children:e(`common.noResults`)})]}),(0,h.jsxs)(`details`,{className:`hidden shrink-0 border-t border-line p-4 lg:block`,"data-testid":`cordis-tools-disclosure`,children:[(0,h.jsxs)(`summary`,{className:o(`cursor-pointer text-xs text-ink-muted`,_),children:[e(`cordis.toolsHeading`),` (`,c.length,`)`]}),(0,h.jsx)(`ul`,{className:`mt-3 max-h-48 space-y-3 overflow-y-auto`,"data-testid":`cordis-tool-list`,children:c.map(e=>(0,h.jsxs)(`li`,{children:[(0,h.jsx)(`span`,{dir:`ltr`,className:`block font-mono text-xs text-ink`,children:e.name}),(0,h.jsx)(`p`,{className:`mt-1 text-xs text-ink-muted`,children:e.description})]},e.name))}),!c.length&&(0,h.jsx)(`p`,{className:`mt-2 text-xs text-ink-muted`,children:e(`cordis.noTools`)})]})]}),(0,h.jsxs)(`section`,{"aria-label":e(`cordis.transcriptHeading`),className:`flex min-h-0 min-w-0 flex-1 flex-col`,"data-testid":`cordis-transcript`,children:[(0,h.jsx)(`div`,{ref:Fe,"data-testid":`cordis-transcript-scroll`,className:`scroll-region min-h-0 flex-1 px-4 py-5 sm:px-6`,onScroll:e=>{let t=e.currentTarget;G.current=t.scrollHeight-t.scrollTop-t.clientHeight<80},children:(0,h.jsxs)(`div`,{className:`mx-auto max-w-3xl space-y-5`,children:[T&&(0,h.jsx)(`p`,{role:`status`,className:`text-sm text-ink-muted`,children:e(`common.loading`)}),v===null&&!T&&(0,h.jsxs)(`div`,{className:`py-12 text-center`,children:[(0,h.jsx)(oe,{className:`mx-auto mb-3 h-7 w-7 text-ink-muted`,"aria-hidden":`true`}),(0,h.jsx)(`p`,{className:`text-sm text-ink-muted`,children:e(`cordis.selectSession`)})]}),Le.length>0&&(0,h.jsxs)(`details`,{"data-testid":`cordis-context`,className:`rounded-xl border border-line bg-surface-subtle p-3`,children:[(0,h.jsx)(`summary`,{className:o(`cursor-pointer text-xs text-ink-muted`,_),children:e(`cordis.context`)}),(0,h.jsx)(`div`,{className:`mt-3 space-y-4`,children:Le.map(e=>(0,h.jsx)(`pre`,{dir:`auto`,className:`max-h-72 overflow-auto whitespace-pre-wrap break-words text-xs text-ink-muted`,children:e.text},e.id))})]}),Y.map(t=>(0,h.jsxs)(`div`,{className:`space-y-3`,children:[(t.text||t.reasoning)&&!t.toolResults?.length&&(0,h.jsx)(ve,{message:t}),t.toolCalls?.map(e=>{let n=_e(t.id,e.callId),r=Re.get(n);return(0,h.jsx)(y,{tool:{...e,output:r?.output,status:r?r.isError?`failed`:`succeeded`:q&&Be.has(n)?Ue(e.callId,e.name):`cancelled`}},e.callId)}),t.toolResults?.filter(e=>!ze.has(e)).map(t=>(0,h.jsx)(y,{tool:{...t,name:t.name??e(`cordis.role.tool`),status:t.isError?`failed`:`succeeded`}},t.callId))]},t.id)),D&&(N||F)&&(0,h.jsx)(ve,{streaming:!0,message:{id:`stream`,role:`assistant`,text:N,reasoning:F}}),ke.map(e=>(0,h.jsx)(y,{tool:e.status===`running`?{...e,status:Ue(e.callId,e.name)}:e},e.instanceId)),R.filter(e=>e.sessionId===v).map(t=>(0,h.jsxs)(`div`,{role:`alert`,"data-testid":`cordis-approval`,className:`rounded-xl border border-warning-500/40 bg-surface-subtle p-4`,children:[(0,h.jsxs)(`p`,{className:`mb-2 flex items-center gap-2 text-sm font-medium text-ink`,children:[(0,h.jsx)(te,{className:`h-4 w-4`,"aria-hidden":`true`}),e(`work.approval.title`)]}),(0,h.jsx)(`p`,{className:`text-sm text-ink`,children:e(`work.approval.description`,{tool:t.toolName})}),t.reason&&(0,h.jsx)(`p`,{className:`mt-2 whitespace-pre-wrap text-xs text-ink-muted`,children:t.reason}),(0,h.jsxs)(`div`,{className:`mt-3 flex gap-2`,children:[(0,h.jsx)(d,{size:`sm`,disabled:B!==null,onClick:()=>void Je(t,`allowed-once`),children:e(`work.approval.allowOnce`)}),(0,h.jsx)(d,{size:`sm`,variant:`outline`,disabled:B!==null,onClick:()=>void Je(t,`rejected`),children:e(`work.approval.deny`)})]})]},t.id)),je&&(0,h.jsxs)(`div`,{role:`alert`,"data-testid":`cordis-turn-error`,className:`rounded-xl border border-error-500/40 bg-error-500/10 p-4 text-sm text-ink`,children:[(0,h.jsx)(`p`,{className:`font-medium`,children:e(`cordis.turnFailed`)}),(0,h.jsx)(`p`,{className:`mt-1 whitespace-pre-wrap break-words`,children:je}),!q&&Me&&(0,h.jsx)(d,{className:`mt-3`,variant:`outline`,size:`sm`,onClick:()=>void Q(Me),children:e(`common.retry`)})]}),Ee&&(0,h.jsxs)(`div`,{role:`alert`,className:`rounded-xl border border-line p-4 text-sm text-ink`,children:[(0,h.jsx)(`p`,{children:Ee}),(0,h.jsx)(d,{className:`mt-2`,size:`sm`,variant:`outline`,disabled:D,onClick:()=>{E(null),Te(e=>e+1)},children:e(`common.retry`)})]}),q&&!N&&!F&&!R.length&&(0,h.jsxs)(`p`,{role:`status`,className:`flex items-center gap-2 text-sm text-ink-muted`,children:[(0,h.jsx)(oe,{className:`h-4 w-4`,"aria-hidden":`true`}),e(`cordis.working`)]})]})}),(0,h.jsx)(`form`,{className:`shrink-0 border-t border-line px-4 py-3 sm:px-6`,onSubmit:e=>{e.preventDefault(),Q()},children:(0,h.jsxs)(`div`,{className:`mx-auto max-w-3xl`,children:[(0,h.jsxs)(`div`,{className:`mb-3 grid grid-cols-1 gap-2 sm:grid-cols-2`,children:[(0,h.jsx)(le,{label:e(`cordis.permissions`),"data-testid":`cordis-permission-select`,value:X.permissionMode,options:[{value:`read-only`,label:e(`cordis.readOnly`)},{value:`workspace-write`,label:e(`cordis.workspaceWrite`)}],disabled:Z||v!==null&&K?.capabilities?.permissions!==!0,onChange:e=>void qe({permissionMode:e.target.value}),className:`py-2 text-sm`}),(0,h.jsx)(le,{label:e(`personas.model`),dir:`ltr`,"data-testid":`cordis-model-select`,value:X.model??l.defaultModel??``,options:$,disabled:Z||!l.models.length,onChange:e=>void qe({model:e.target.value}),className:`py-2 text-sm`})]}),(0,h.jsx)(`p`,{className:`mb-3 text-xs text-ink-muted`,children:e(`cordis.permissionHint`)}),K?.workspacePath&&(0,h.jsxs)(`p`,{className:`mb-3 flex min-w-0 gap-2 text-xs text-ink-muted`,"data-testid":`cordis-workspace-scope`,children:[(0,h.jsx)(`span`,{children:e(`work.mobile.workspace`)}),(0,h.jsx)(`code`,{dir:`ltr`,title:K.workspacePath,className:`truncate`,children:K.workspacePath})]}),Oe&&(0,h.jsx)(`p`,{role:`alert`,className:`mb-2 text-xs text-error-600 dark:text-error-400`,children:Oe}),(0,h.jsxs)(`div`,{className:fe,children:[(0,h.jsx)(`label`,{htmlFor:`cordis-composer`,className:`sr-only`,children:e(`cordis.composerLabel`)}),(0,h.jsx)(de,{ref:Ie,id:`cordis-composer`,dir:`auto`,value:C,onChange:e=>w(e.target.value),placeholder:e(`cordis.composerPlaceholder`),rows:2,disabled:Ve,"data-testid":`cordis-composer`,className:`min-h-16 max-h-44 resize-none border-0 bg-transparent shadow-none focus:ring-0`,onKeyDown:e=>{e.key===`Enter`&&!e.shiftKey&&!e.nativeEvent.isComposing&&(e.preventDefault(),Q())}}),(0,h.jsxs)(`div`,{className:`mt-2 flex items-center justify-end gap-2`,children:[A&&(0,h.jsx)(`span`,{role:`status`,className:`me-auto text-xs text-ink-muted`,children:e(`common.saving`)}),q?(0,h.jsxs)(d,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>void Ye(),disabled:O,"data-testid":`cordis-stop`,children:[(0,h.jsx)(ne,{className:`me-2 h-4 w-4`,"aria-hidden":`true`}),e(`cordis.stop`)]}):(0,h.jsxs)(d,{type:`submit`,size:`sm`,disabled:Ve||!C.trim(),"data-testid":`cordis-send`,children:[(0,h.jsx)(ie,{className:`me-2 h-4 w-4`,"aria-hidden":`true`}),e(`cordis.send`)]})]})]})]})})]})]})]})};export{b as CordisPage,b as default};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e}from"./rolldown-runtime-hePW80VL.js";import{i as t,t as n}from"./react-vendor-wiHys0m2.js";import{t as r}from"./useTranslation-B9kflK9S.js";import{t as i}from"./utils-p8Gt72YP.js";import{t as a}from"./chatStore-
|
|
1
|
+
import{r as e}from"./rolldown-runtime-hePW80VL.js";import{i as t,t as n}from"./react-vendor-wiHys0m2.js";import{t as r}from"./useTranslation-B9kflK9S.js";import{t as i}from"./utils-p8Gt72YP.js";import{t as a}from"./chatStore-CK5ojwft.js";import{C as o,Cr as s,Lt as c,On as l,et as u,h as d,n as f,rt as p,v as m}from"./ui-vendor-BhHHyHk3.js";import{t as h}from"./Button-CGMYia4g.js";import{a as g,o as ee}from"./ui-D5-4niRk.js";import{t as _}from"./evaluationsApi-2YwZBPk5.js";var v=e(t(),1),y=n(),b=`w-full rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm dark:border-dark-300 dark:bg-dark-50`,x=()=>{let{t:e}=r(),t=a(e=>e.models),n=a(e=>e.loadModels),[x,S]=(0,v.useState)(`arena`),[C,w]=(0,v.useState)(0),[T,E]=(0,v.useState)(``),[D,O]=(0,v.useState)(``),[k,A]=(0,v.useState)(``),[j,M]=(0,v.useState)(null),[N,P]=(0,v.useState)(!1),[F,I]=(0,v.useState)(!1),[L,R]=(0,v.useState)([]),[z,B]=(0,v.useState)([]),[V,H]=(0,v.useState)([]),[U,W]=(0,v.useState)([]),[G,K]=(0,v.useState)(``),[q,J]=(0,v.useState)(``),[Y,X]=(0,v.useState)(``);(0,v.useEffect)(()=>{n()},[n]),(0,v.useEffect)(()=>{let t=!1;return Promise.all([_.leaderboard(),_.listSets(),_.listRuns(),_.listFeedback()]).then(([e,n,r,i])=>{t||(e.success&&e.data&&R(e.data),n.success&&n.data&&B(n.data),r.success&&r.data&&H(r.data),i.success&&i.data&&W(i.data))}).catch(()=>s.error(e(`evaluations.loadFailed`))),()=>{t=!0}},[C,e]),(0,v.useEffect)(()=>{if(!V.some(e=>e.status===`queued`||e.status===`running`))return;let e=window.setInterval(()=>w(e=>e+1),4e3);return()=>window.clearInterval(e)},[V]);let Z=t.map(e=>e.name),Q=async()=>{if(T.trim()&&D&&k&&!F){I(!0),M(null),P(!1);try{let e=await _.runArenaMatch({prompt:T.trim(),modelA:D,modelB:k});if(!e.success||!e.data)throw Error(e.message||e.error);M(e.data)}catch(t){s.error(t instanceof Error?t.message:e(`evaluations.matchFailed`))}finally{I(!1)}}},$=async t=>{if(j&&!N)try{let n=j.candidates.find(e=>e.key===`a`)?.model,r=j.candidates.find(e=>e.key===`b`)?.model;if(!n||!r)return;let i=await _.voteArena({compareGroup:j.compareGroup,modelA:n,modelB:r,winner:t});if(!i.success)throw Error(i.message);P(!0),w(e=>e+1),s.success(e(`evaluations.voteRecorded`))}catch(t){s.error(t instanceof Error?t.message:e(`evaluations.voteFailed`))}},te=async()=>{let t=q.split(`
|
|
2
2
|
`).map(e=>e.trim()).filter(Boolean);if(G.trim()&&t.length!==0)try{let n=await _.saveSet({name:G.trim(),items:t.map(e=>({prompt:e}))});if(!n.success)throw Error(n.message);K(``),J(``),w(e=>e+1),s.success(e(`evaluations.setSaved`))}catch(t){s.error(t instanceof Error?t.message:e(`evaluations.saveFailed`))}},ne=async t=>{if(!Y){s.error(e(`evaluations.pickModel`));return}try{let n=await _.startRun({setId:t,model:Y});if(!n.success)throw Error(n.message);w(e=>e+1),s.success(e(`evaluations.runStarted`))}catch(t){s.error(t instanceof Error?t.message:e(`evaluations.saveFailed`))}},re=async t=>{try{let e=await _.exportRun(t),n=URL.createObjectURL(e),r=document.createElement(`a`);r.href=n,r.download=`eval-run-${t}.json`,document.body.appendChild(r),r.click(),r.remove(),URL.revokeObjectURL(n)}catch{s.error(e(`evaluations.exportFailed`))}},ie=[{id:`arena`,label:e(`evaluations.tabs.arena`)},{id:`leaderboard`,label:e(`evaluations.tabs.leaderboard`)},{id:`sets`,label:e(`evaluations.tabs.sets`)},{id:`feedback`,label:e(`evaluations.tabs.feedback`)}];return(0,y.jsxs)(ee,{width:`wide`,children:[(0,y.jsx)(g,{title:e(`evaluations.title`),description:e(`evaluations.description`)}),(0,y.jsx)(`div`,{className:`mb-4 inline-flex rounded-xl border border-gray-200 bg-white/70 p-1 dark:border-white/[0.08] dark:bg-dark-100/70`,children:ie.map(e=>(0,y.jsx)(`button`,{type:`button`,onClick:()=>S(e.id),className:i(`rounded-lg px-3 py-1.5 text-xs font-medium transition-colors`,x===e.id?`bg-gray-950 text-white dark:bg-white dark:text-gray-950`:`text-gray-500 hover:text-gray-900 dark:text-dark-500 dark:hover:text-dark-900`),children:e.label},e.id))}),x===`arena`&&(0,y.jsxs)(`div`,{className:`space-y-4`,"data-testid":`arena-tab`,children:[(0,y.jsxs)(`div`,{className:`rounded-xl border border-gray-200 bg-white p-4 dark:border-dark-300 dark:bg-dark-100`,children:[(0,y.jsxs)(`div`,{className:`grid gap-2 sm:grid-cols-2`,children:[(0,y.jsxs)(`label`,{className:`text-xs text-gray-600 dark:text-gray-300`,children:[e(`evaluations.arenaModelA`),(0,y.jsxs)(`select`,{className:`${b} mt-1`,value:D,onChange:e=>O(e.target.value),children:[(0,y.jsx)(`option`,{value:``,children:`—`}),Z.map(e=>(0,y.jsx)(`option`,{value:e,children:e},`a-${e}`))]})]}),(0,y.jsxs)(`label`,{className:`text-xs text-gray-600 dark:text-gray-300`,children:[e(`evaluations.arenaModelB`),(0,y.jsxs)(`select`,{className:`${b} mt-1`,value:k,onChange:e=>A(e.target.value),children:[(0,y.jsx)(`option`,{value:``,children:`—`}),Z.map(e=>(0,y.jsx)(`option`,{value:e,children:e},`b-${e}`))]})]})]}),(0,y.jsx)(`textarea`,{className:`${b} mt-2`,rows:3,placeholder:e(`evaluations.arenaPrompt`),value:T,onChange:e=>E(e.target.value),"data-testid":`arena-prompt`}),(0,y.jsxs)(h,{className:`mt-2`,onClick:()=>void Q(),disabled:F||!T.trim()||!D||!k||D===k,"data-testid":`arena-start`,children:[F?(0,y.jsx)(c,{className:`mr-1 h-4 w-4 animate-spin`}):(0,y.jsx)(o,{className:`mr-1 h-4 w-4`}),e(`evaluations.startMatch`)]}),(0,y.jsx)(`p`,{className:`mt-1 text-xs text-gray-500`,children:e(`evaluations.arenaHint`)})]}),j&&(0,y.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[j.candidates.map((t,n)=>(0,y.jsxs)(`div`,{className:`rounded-xl border border-gray-200 bg-white p-3 dark:border-dark-300 dark:bg-dark-100`,children:[(0,y.jsx)(`p`,{className:`mb-2 text-xs font-semibold text-gray-500`,children:N?t.model:e(`evaluations.candidate`,{letter:n+1})}),(0,y.jsx)(`div`,{className:`max-h-80 overflow-y-auto whitespace-pre-wrap text-sm text-gray-800 dark:text-gray-200`,children:t.output||`—`})]},t.key)),!N&&(0,y.jsxs)(`div`,{className:`sm:col-span-2 flex flex-wrap gap-2`,children:[(0,y.jsx)(h,{size:`sm`,onClick:()=>void $(j.candidates[0].key),children:e(`evaluations.voteFirst`)}),(0,y.jsx)(h,{size:`sm`,onClick:()=>void $(j.candidates[1].key),children:e(`evaluations.voteSecond`)}),(0,y.jsx)(h,{size:`sm`,variant:`outline`,onClick:()=>void $(`tie`),children:e(`evaluations.voteTie`)}),(0,y.jsx)(h,{size:`sm`,variant:`outline`,onClick:()=>void $(`both-bad`),children:e(`evaluations.voteBothBad`)})]})]})]}),x===`leaderboard`&&(0,y.jsx)(`div`,{className:`rounded-xl border border-gray-200 bg-white p-4 dark:border-dark-300 dark:bg-dark-100`,children:(0,y.jsxs)(`table`,{className:`w-full text-left text-sm`,children:[(0,y.jsx)(`thead`,{className:`text-xs text-gray-500`,children:(0,y.jsxs)(`tr`,{children:[(0,y.jsx)(`th`,{className:`py-1 pr-2`,children:`#`}),(0,y.jsx)(`th`,{className:`py-1 pr-2`,children:e(`evaluations.model`)}),(0,y.jsx)(`th`,{className:`py-1 pr-2`,children:e(`evaluations.rating`)}),(0,y.jsx)(`th`,{className:`py-1 pr-2`,children:e(`evaluations.record`)}),(0,y.jsx)(`th`,{className:`py-1`,children:e(`evaluations.votes`)})]})}),(0,y.jsxs)(`tbody`,{children:[L.map((e,t)=>(0,y.jsxs)(`tr`,{className:`border-t border-gray-100 dark:border-dark-300`,children:[(0,y.jsx)(`td`,{className:`py-1.5 pr-2`,children:t===0?(0,y.jsx)(d,{className:`h-4 w-4 text-amber-500`}):t+1}),(0,y.jsx)(`td`,{className:`py-1.5 pr-2 font-medium`,children:e.model}),(0,y.jsx)(`td`,{className:`py-1.5 pr-2`,children:e.rating}),(0,y.jsxs)(`td`,{className:`py-1.5 pr-2 text-xs text-gray-500`,children:[e.wins,`W · `,e.losses,`L · `,e.ties,`T`]}),(0,y.jsx)(`td`,{className:`py-1.5`,children:e.votes})]},e.model)),L.length===0&&(0,y.jsx)(`tr`,{children:(0,y.jsx)(`td`,{colSpan:5,className:`py-3 text-sm text-gray-500`,children:e(`evaluations.noVotes`)})})]})]})}),x===`sets`&&(0,y.jsxs)(`div`,{className:`space-y-4`,children:[(0,y.jsxs)(`div`,{className:`rounded-xl border border-gray-200 bg-white p-4 dark:border-dark-300 dark:bg-dark-100`,children:[(0,y.jsx)(`h3`,{className:`mb-2 text-sm font-semibold`,children:e(`evaluations.newSet`)}),(0,y.jsx)(`input`,{className:b,placeholder:e(`evaluations.setName`),value:G,onChange:e=>K(e.target.value)}),(0,y.jsx)(`textarea`,{className:`${b} mt-2`,rows:4,placeholder:e(`evaluations.setPrompts`),value:q,onChange:e=>J(e.target.value)}),(0,y.jsxs)(h,{size:`sm`,className:`mt-2`,onClick:()=>void te(),disabled:!G.trim()||!q.trim(),children:[(0,y.jsx)(u,{className:`mr-1 h-3.5 w-3.5`}),e(`evaluations.saveSet`)]})]}),(0,y.jsxs)(`div`,{className:`rounded-xl border border-gray-200 bg-white p-4 dark:border-dark-300 dark:bg-dark-100`,children:[(0,y.jsxs)(`div`,{className:`mb-2 flex items-center justify-between gap-2`,children:[(0,y.jsx)(`h3`,{className:`text-sm font-semibold`,children:e(`evaluations.yourSets`)}),(0,y.jsxs)(`select`,{className:`rounded-lg border border-gray-300 bg-white px-2 py-1 text-xs dark:border-dark-300 dark:bg-dark-50`,value:Y,onChange:e=>X(e.target.value),children:[(0,y.jsx)(`option`,{value:``,children:e(`evaluations.pickModel`)}),Z.map(e=>(0,y.jsx)(`option`,{value:e,children:e},`run-${e}`))]})]}),z.length===0&&(0,y.jsx)(`p`,{className:`text-sm text-gray-500`,children:e(`evaluations.noSets`)}),(0,y.jsx)(`div`,{className:`space-y-2`,children:z.map(t=>(0,y.jsxs)(`div`,{className:`rounded-lg border border-gray-200 p-2 dark:border-dark-300`,children:[(0,y.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,y.jsxs)(`span`,{className:`min-w-0 truncate text-sm font-medium`,children:[t.name,(0,y.jsx)(`span`,{className:`ml-2 text-xs font-normal text-gray-500`,children:e(`evaluations.itemCount`,{total:t.items.length})})]}),(0,y.jsxs)(`div`,{className:`flex shrink-0 gap-1`,children:[(0,y.jsxs)(h,{size:`sm`,variant:`outline`,onClick:()=>void ne(t.id),children:[(0,y.jsx)(p,{className:`mr-1 h-3 w-3`}),e(`evaluations.run`)]}),(0,y.jsx)(`button`,{onClick:()=>{_.deleteSet(t.id).then(()=>w(e=>e+1)).catch(()=>s.error(e(`evaluations.saveFailed`)))},className:`rounded p-1.5 text-red-500 hover:bg-red-50 dark:hover:bg-red-950/30`,"aria-label":e(`evaluations.deleteSet`),children:(0,y.jsx)(m,{className:`h-3.5 w-3.5`})})]})]}),V.filter(e=>e.setId===t.id).slice(0,5).map(t=>(0,y.jsxs)(`div`,{className:`mt-1 flex items-center justify-between gap-2 rounded bg-gray-50 px-2 py-1 text-xs dark:bg-dark-50`,children:[(0,y.jsxs)(`span`,{className:`min-w-0 truncate`,children:[t.model,` · `,e(`evaluations.status.${t.status}`),t.error?` — ${t.error}`:``]}),(0,y.jsxs)(`div`,{className:`flex shrink-0 gap-1`,children:[(t.status===`queued`||t.status===`running`)&&(0,y.jsx)(`button`,{onClick:()=>{_.cancelRun(t.id).then(()=>w(e=>e+1)).catch(()=>void 0)},className:`rounded p-1 text-gray-500 hover:bg-gray-200 dark:hover:bg-dark-200`,"aria-label":e(`evaluations.cancelRun`),children:(0,y.jsx)(f,{className:`h-3 w-3`})}),t.status===`completed`&&(0,y.jsx)(`button`,{onClick:()=>void re(t.id),className:`rounded p-1 text-gray-500 hover:bg-gray-200 dark:hover:bg-dark-200`,"aria-label":e(`evaluations.exportRun`),children:(0,y.jsx)(l,{className:`h-3 w-3`})})]})]},t.id))]},t.id))})]})]}),x===`feedback`&&(0,y.jsxs)(`div`,{className:`rounded-xl border border-gray-200 bg-white p-4 dark:border-dark-300 dark:bg-dark-100`,children:[U.length===0&&(0,y.jsx)(`p`,{className:`text-sm text-gray-500`,children:e(`evaluations.noFeedback`)}),(0,y.jsx)(`div`,{className:`space-y-2`,children:U.map(e=>(0,y.jsxs)(`div`,{className:`rounded-lg border border-gray-200 p-2 text-sm dark:border-dark-300`,children:[(0,y.jsxs)(`div`,{className:`flex items-center justify-between gap-2 text-xs text-gray-500`,children:[(0,y.jsxs)(`span`,{children:[e.rating===1?`👍`:`👎`,` `,e.model??``,e.tags.length>0&&` · ${e.tags.join(`, `)}`]}),(0,y.jsx)(`span`,{children:new Intl.DateTimeFormat(void 0,{dateStyle:`medium`}).format(e.createdAt)})]}),e.snapshot&&(0,y.jsx)(`p`,{className:`mt-1 line-clamp-2 text-xs text-gray-600 dark:text-gray-300`,children:e.snapshot.assistant}),e.comment&&(0,y.jsxs)(`p`,{className:`mt-1 text-xs italic text-gray-500`,children:[`“`,e.comment,`”`]})]},e.id))})]})]})};export{x as EvaluationsPage,x as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e}from"./rolldown-runtime-hePW80VL.js";import{i as t,t as n}from"./react-vendor-wiHys0m2.js";import{t as r}from"./logger-BR4forr_.js";import{t as i}from"./useTranslation-B9kflK9S.js";import{Cn as a,Cr as o,I as s,Qn as c,Ut as l,g as u,gr as d,jn as f,t as p,tn as m,u as h,wn as g}from"./ui-vendor-BhHHyHk3.js";import{L as _}from"./api-CVUaOaq4.js";import{t as v}from"./authStore-C5qKrmn4.js";import{t as y}from"./Logo-HZvdAk2c.js";import{t as b}from"./LogoMark-GJnfMXsk.js";import{t as x}from"./TurnstileWidget-CVepEMEQ.js";import{n as ee,t as S}from"./PasswordStrengthMeter-DasfJa4P.js";import{t as C}from"./ConnectModels-B4dGb5yc.js";var w=e(t(),1),T=n(),E=r(`components:first-time-setup`),D=({onComplete:e})=>{let{t}=i(),[n,r]=(0,w.useState)(`welcome`),[D,O]=(0,w.useState)(``),[k,A]=(0,w.useState)(``),[j,M]=(0,w.useState)(``),[N,P]=(0,w.useState)(!1),[F,I]=(0,w.useState)(!1),[L,R]=(0,w.useState)(!1),[z,B]=(0,w.useState)(null),[V,H]=(0,w.useState)(!1),[U,W]=(0,w.useState)(!1),[G,K]=(0,w.useState)(``),{login:q,systemInfo:J}=v(),Y=J?.turnstile?.siteKey,X=!!(J?.turnstile?.enabled&&Y),Z=(0,w.useCallback)(e=>{K(e)},[]),Q=(0,w.useMemo)(()=>L||X&&!G,[L,X,G]);(0,w.useEffect)(()=>{n===`encryption-key`&&!z&&_.getEncryptionKey().then(e=>{e.success&&e.data&&B(e.data.encryptionKey)})},[n,z]);let te=async e=>{if(e.preventDefault(),!D.trim()||!k.trim()||!j.trim()){o.error(t(`setup.admin.fillAllFields`));return}if(k!==j){o.error(t(`auth.signup.passwordMismatch`));return}let n=ee(k);if(n){o.error(n);return}if(X&&!G){o.error(t(`auth.signup.tryAgain`));return}R(!0);try{let e=await _.signup({username:D,password:k,email:``,turnstileToken:G});if(e.success&&e.data){if(!(`token`in e.data)){o.error(t(`setup.admin.approvalUnexpected`,`The initial administrator could not be activated. Please try again.`));return}q(e.data.user,e.data.token,e.data.systemInfo),o.success(t(`setup.admin.success`)),r(`encryption-key`)}else o.error(e.message||t(`setup.admin.failed`))}catch(e){E.error(`Admin creation error:`,e),o.error(t(`setup.admin.failed`))}finally{K(``),R(!1)}},ne=async()=>{if(z)try{await navigator.clipboard.writeText(z),H(!0),o.success(t(`setup.encryptionKey.copied`)),setTimeout(()=>H(!1),3e3)}catch{o.error(t(`setup.encryptionKey.copyFailed`))}},re=()=>{if(!U){o.error(t(`setup.encryptionKey.confirmRequired`));return}r(`connect-models`)},$=e=>{if(e.key===`Enter`){let t=e.currentTarget.form;t&&t.requestSubmit()}};return n===`welcome`?(0,T.jsxs)(`div`,{className:`min-h-screen bg-gray-50 px-4 py-16 dark:bg-dark-50 sm:px-6 lg:flex lg:flex-col lg:justify-center lg:py-20`,children:[(0,T.jsx)(`div`,{className:`sm:mx-auto sm:w-full sm:max-w-md`,children:(0,T.jsxs)(`div`,{className:`flex items-center justify-center gap-2.5 text-gray-900 dark:text-gray-100`,children:[(0,T.jsx)(b,{size:`md`,label:null}),(0,T.jsx)(y,{})]})}),(0,T.jsx)(`div`,{className:`mt-10 sm:mx-auto sm:w-full sm:max-w-md`,children:(0,T.jsxs)(`div`,{className:`mx-auto w-full max-w-md rounded-2xl border border-gray-200/80 bg-white/80 p-6 shadow-sm backdrop-blur-xl dark:border-white/10 dark:bg-white/[0.04] sm:p-8`,children:[(0,T.jsxs)(`div`,{className:`mb-7 text-start`,children:[(0,T.jsx)(`h1`,{className:`mb-2 text-2xl font-normal tracking-[-0.03em] text-gray-950 dark:text-dark-950`,children:t(`setup.welcome.subtitle`)}),(0,T.jsx)(`p`,{className:`text-gray-600 dark:text-dark-500`,children:t(`setup.welcome.description`)})]}),(0,T.jsxs)(`div`,{className:`mb-7 divide-y divide-gray-200/70 border-y border-gray-200/70 dark:divide-white/[0.08] dark:border-white/[0.08]`,children:[(0,T.jsxs)(`div`,{className:`flex items-start gap-3 py-4`,children:[(0,T.jsx)(`div`,{className:`flex-shrink-0 mt-1`,children:(0,T.jsx)(s,{className:`h-5 w-5 text-primary-600 dark:text-primary-400`})}),(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`h3`,{className:`text-sm font-medium text-gray-900 dark:text-dark-950`,children:t(`setup.welcome.features.secure.title`)}),(0,T.jsx)(`p`,{className:`text-sm text-gray-600 dark:text-dark-500`,children:t(`setup.welcome.features.secure.description`)})]})]}),(0,T.jsxs)(`div`,{className:`flex items-start gap-3 py-4`,children:[(0,T.jsx)(`div`,{className:`flex-shrink-0 mt-1`,children:(0,T.jsx)(p,{className:`h-5 w-5 text-primary-600 dark:text-primary-400`})}),(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`h3`,{className:`text-sm font-medium text-gray-900 dark:text-dark-950`,children:t(`setup.welcome.features.fast.title`)}),(0,T.jsx)(`p`,{className:`text-sm text-gray-600 dark:text-dark-500`,children:t(`setup.welcome.features.fast.description`)})]})]}),(0,T.jsxs)(`div`,{className:`flex items-start gap-3 py-4`,children:[(0,T.jsx)(`div`,{className:`flex-shrink-0 mt-1`,children:(0,T.jsx)(m,{className:`h-5 w-5 text-primary-600 dark:text-primary-400`})}),(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`h3`,{className:`text-sm font-medium text-gray-900 dark:text-dark-950`,children:t(`setup.welcome.features.openSource.title`)}),(0,T.jsx)(`p`,{className:`text-sm text-gray-600 dark:text-dark-500`,children:t(`setup.welcome.features.openSource.description`)})]})]})]}),(0,T.jsx)(`button`,{onClick:()=>r(`create-admin`),className:`flex min-h-11 w-full items-center justify-center rounded-xl border border-transparent bg-primary-600 px-4 py-2.5 text-sm font-medium text-white transition-colors duration-200 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2`,children:(0,T.jsxs)(`div`,{className:`flex items-center`,children:[(0,T.jsx)(`span`,{children:t(`setup.welcome.createAdmin`)}),(0,T.jsx)(d,{size:16,className:`ms-2 rtl:rotate-180`})]})})]})})]}):n===`connect-models`?(0,T.jsxs)(`div`,{className:`min-h-screen bg-gray-50 px-4 py-16 dark:bg-dark-50 sm:px-6 lg:flex lg:flex-col lg:justify-center lg:py-20`,children:[(0,T.jsxs)(`div`,{className:`sm:mx-auto sm:w-full sm:max-w-md`,children:[(0,T.jsxs)(`div`,{className:`flex items-center justify-center gap-2.5 text-gray-900 dark:text-gray-100`,children:[(0,T.jsx)(b,{size:`md`,label:null}),(0,T.jsx)(y,{})]}),(0,T.jsx)(`h2`,{className:`mt-8 text-center text-3xl font-light tracking-[-0.035em] text-gray-950 dark:text-dark-950`,children:t(`setup.connectModels.title`)}),(0,T.jsx)(`p`,{className:`mt-3 text-center text-sm text-gray-600 dark:text-dark-500`,children:t(`setup.connectModels.subtitle`)})]}),(0,T.jsx)(`div`,{className:`mt-10 flex justify-center sm:mx-auto sm:w-full sm:max-w-lg`,children:(0,T.jsx)(C,{variant:`setup`,onDone:()=>e?.()})})]}):n===`encryption-key`?(0,T.jsxs)(`div`,{className:`min-h-screen bg-gray-50 px-4 py-16 dark:bg-dark-50 sm:px-6 lg:flex lg:flex-col lg:justify-center lg:py-20`,children:[(0,T.jsxs)(`div`,{className:`sm:mx-auto sm:w-full sm:max-w-md`,children:[(0,T.jsxs)(`div`,{className:`flex items-center justify-center gap-2.5 text-gray-900 dark:text-gray-100`,children:[(0,T.jsx)(b,{size:`md`,label:null}),(0,T.jsx)(y,{})]}),(0,T.jsx)(`h2`,{className:`mt-8 text-center text-3xl font-light tracking-[-0.035em] text-gray-950 dark:text-dark-950`,children:t(`setup.encryptionKey.title`)})]}),(0,T.jsx)(`div`,{className:`mt-10 sm:mx-auto sm:w-full sm:max-w-lg`,children:(0,T.jsxs)(`div`,{className:`mx-auto w-full max-w-lg rounded-2xl border border-gray-200/80 bg-white/80 p-6 shadow-sm backdrop-blur-xl dark:border-white/10 dark:bg-white/[0.04] sm:p-8`,children:[(0,T.jsxs)(`div`,{className:`mb-7 text-start`,children:[(0,T.jsx)(`div`,{className:`flex justify-center mb-4`,children:(0,T.jsx)(`div`,{className:`rounded-xl border border-amber-200 bg-amber-500/10 p-3 dark:border-amber-800/60 dark:bg-amber-900/20`,children:(0,T.jsx)(l,{className:`h-8 w-8 text-amber-600 dark:text-amber-400`})})}),(0,T.jsx)(`h1`,{className:`mb-2 text-2xl font-normal tracking-[-0.03em] text-gray-950 dark:text-dark-950`,children:t(`setup.encryptionKey.subtitle`)}),(0,T.jsx)(`p`,{className:`text-gray-600 dark:text-dark-500`,children:t(`setup.encryptionKey.description`)})]}),(0,T.jsx)(`div`,{className:`mb-6 rounded-xl border border-amber-200 bg-amber-500/10 p-4 dark:border-amber-800/60 dark:bg-amber-900/20`,children:(0,T.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,T.jsx)(u,{className:`h-5 w-5 text-amber-600 dark:text-amber-400 flex-shrink-0 mt-0.5`}),(0,T.jsxs)(`div`,{className:`text-sm text-ink`,children:[(0,T.jsx)(`p`,{className:`font-medium mb-1`,children:t(`setup.encryptionKey.warning`)}),(0,T.jsx)(`p`,{children:t(`setup.encryptionKey.warningText`)})]})]})}),(0,T.jsxs)(`div`,{className:`mb-6`,children:[(0,T.jsx)(`label`,{className:`block text-sm font-medium text-gray-700 dark:text-dark-700 mb-2`,children:t(`setup.encryptionKey.label`)}),(0,T.jsxs)(`div`,{className:`relative`,children:[(0,T.jsx)(`div`,{className:`w-full break-all rounded-xl border border-gray-200 bg-gray-50 px-3 py-3 pe-12 font-mono text-sm text-gray-900 dark:border-white/10 dark:bg-white/[0.035] dark:text-dark-800`,children:z||t(`setup.encryptionKey.loading`)}),(0,T.jsx)(`button`,{type:`button`,onClick:ne,disabled:!z,className:`absolute end-2 top-1/2 -translate-y-1/2 p-2 text-gray-500 hover:text-gray-700 disabled:opacity-50 dark:text-dark-500 dark:hover:text-dark-700`,title:t(`setup.encryptionKey.copyToClipboard`),children:V?(0,T.jsx)(c,{className:`h-5 w-5 text-green-500`}):(0,T.jsx)(f,{className:`h-5 w-5`})})]}),(0,T.jsx)(`p`,{className:`mt-2 text-xs text-gray-500 dark:text-dark-500`,children:t(`setup.encryptionKey.envNote`)})]}),(0,T.jsx)(`div`,{className:`mb-6`,children:(0,T.jsxs)(`label`,{className:`flex cursor-pointer items-start gap-3`,children:[(0,T.jsx)(`input`,{type:`checkbox`,checked:U,onChange:e=>W(e.target.checked),className:`mt-1 h-4 w-4 text-primary-600 focus:ring-primary-500 border-gray-300 dark:border-dark-300 rounded`}),(0,T.jsx)(`span`,{className:`text-sm text-gray-700 dark:text-dark-700`,children:t(`setup.encryptionKey.acknowledgment`)})]})}),(0,T.jsx)(`button`,{onClick:re,disabled:!U,className:`flex min-h-11 w-full items-center justify-center rounded-xl border border-transparent bg-primary-600 px-4 py-2.5 text-sm font-medium text-white transition-colors duration-200 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50`,children:(0,T.jsxs)(`div`,{className:`flex items-center`,children:[(0,T.jsx)(`span`,{children:t(`setup.encryptionKey.continue`)}),(0,T.jsx)(d,{size:16,className:`ms-2 rtl:rotate-180`})]})})]})})]}):(0,T.jsxs)(`div`,{className:`min-h-screen bg-gray-50 px-4 py-16 dark:bg-dark-50 sm:px-6 lg:flex lg:flex-col lg:justify-center lg:py-20`,children:[(0,T.jsxs)(`div`,{className:`sm:mx-auto sm:w-full sm:max-w-md`,children:[(0,T.jsxs)(`div`,{className:`flex items-center justify-center gap-2.5 text-gray-900 dark:text-gray-100`,children:[(0,T.jsx)(b,{size:`md`,label:null}),(0,T.jsx)(y,{})]}),(0,T.jsx)(`h2`,{className:`mt-8 text-center text-3xl font-light tracking-[-0.035em] text-gray-950 dark:text-dark-950`,children:t(`setup.admin.title`)})]}),(0,T.jsx)(`div`,{className:`mt-10 sm:mx-auto sm:w-full sm:max-w-md`,children:(0,T.jsxs)(`div`,{className:`mx-auto w-full max-w-md rounded-2xl border border-gray-200/80 bg-white/80 p-6 shadow-sm backdrop-blur-xl dark:border-white/10 dark:bg-white/[0.04] sm:p-8`,children:[(0,T.jsxs)(`div`,{className:`mb-7 text-start`,children:[(0,T.jsx)(`h1`,{className:`mb-2 text-2xl font-normal tracking-[-0.03em] text-gray-950 dark:text-dark-950`,children:t(`setup.admin.subtitle`)}),(0,T.jsx)(`p`,{className:`text-gray-600 dark:text-dark-500`,children:t(`setup.admin.description`)})]}),(0,T.jsxs)(`form`,{onSubmit:te,className:`space-y-4`,children:[(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`label`,{htmlFor:`username`,className:`block text-sm font-medium text-gray-700 dark:text-dark-700 mb-2`,children:t(`auth.login.username`)}),(0,T.jsx)(`input`,{id:`username`,type:`text`,value:D,onChange:e=>O(e.target.value),onKeyDown:$,className:`w-full rounded-xl border border-gray-200 bg-white/80 px-3 py-2.5 text-gray-900 transition-colors duration-200 focus:border-primary-500 focus:outline-none focus:ring-2 focus:ring-primary-500/20 dark:border-white/10 dark:bg-white/[0.04] dark:text-dark-800`,placeholder:t(`setup.admin.usernamePlaceholder`),required:!0,disabled:L})]}),(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`label`,{htmlFor:`password`,className:`block text-sm font-medium text-gray-700 dark:text-dark-700 mb-2`,children:t(`auth.login.password`)}),(0,T.jsxs)(`div`,{className:`relative`,children:[(0,T.jsx)(`input`,{id:`password`,type:N?`text`:`password`,value:k,onChange:e=>A(e.target.value),onKeyDown:$,className:`w-full rounded-xl border border-gray-200 bg-white/80 px-3 py-2.5 pe-10 text-gray-900 transition-colors duration-200 focus:border-primary-500 focus:outline-none focus:ring-2 focus:ring-primary-500/20 dark:border-white/10 dark:bg-white/[0.04] dark:text-dark-800`,placeholder:t(`setup.admin.passwordPlaceholder`),required:!0,disabled:L}),(0,T.jsx)(`button`,{type:`button`,onClick:()=>P(!N),className:`absolute inset-y-0 end-0 flex items-center pe-3 text-gray-400 hover:text-gray-600 dark:text-dark-500 dark:hover:text-dark-700`,disabled:L,children:N?(0,T.jsx)(g,{size:20}):(0,T.jsx)(a,{size:20})})]}),(0,T.jsx)(S,{password:k})]}),(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`label`,{htmlFor:`confirmPassword`,className:`block text-sm font-medium text-gray-700 dark:text-dark-700 mb-2`,children:t(`auth.signup.confirmPassword`)}),(0,T.jsxs)(`div`,{className:`relative`,children:[(0,T.jsx)(`input`,{id:`confirmPassword`,type:F?`text`:`password`,value:j,onChange:e=>M(e.target.value),onKeyDown:$,className:`w-full rounded-xl border border-gray-200 bg-white/80 px-3 py-2.5 pe-10 text-gray-900 transition-colors duration-200 focus:border-primary-500 focus:outline-none focus:ring-2 focus:ring-primary-500/20 dark:border-white/10 dark:bg-white/[0.04] dark:text-dark-800`,placeholder:t(`setup.admin.confirmPlaceholder`),required:!0,disabled:L}),(0,T.jsx)(`button`,{type:`button`,onClick:()=>I(!F),className:`absolute inset-y-0 end-0 flex items-center pe-3 text-gray-400 hover:text-gray-600 dark:text-dark-500 dark:hover:text-dark-700`,disabled:L,children:F?(0,T.jsx)(g,{size:20}):(0,T.jsx)(a,{size:20})})]})]}),X&&Y&&(0,T.jsx)(x,{siteKey:Y,action:`signup`,disabled:L,errorMessage:t(`auth.signup.tryAgain`),onTokenChange:Z}),(0,T.jsxs)(`div`,{className:`flex gap-3`,children:[(0,T.jsx)(`button`,{type:`button`,onClick:()=>r(`welcome`),disabled:L,className:`min-h-11 flex-1 rounded-xl border border-gray-200 bg-transparent px-4 py-2.5 text-sm font-medium text-gray-700 transition-colors duration-200 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:border-white/10 dark:text-dark-700 dark:hover:bg-white/[0.06]`,children:t(`common.back`)}),(0,T.jsx)(`button`,{type:`submit`,disabled:Q,className:`flex min-h-11 flex-1 items-center justify-center rounded-xl border border-transparent bg-primary-600 px-4 py-2.5 text-sm font-medium text-white transition-colors duration-200 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50`,children:L?(0,T.jsxs)(`div`,{className:`flex items-center`,children:[(0,T.jsx)(`div`,{className:`me-2 h-4 w-4 animate-spin rounded-full border-b-2 border-white`}),t(`setup.admin.creating`)]}):(0,T.jsxs)(`div`,{className:`flex items-center`,children:[(0,T.jsx)(h,{size:16,className:`me-2`}),t(`setup.admin.createAdmin`)]})})]})]}),(0,T.jsx)(`div`,{className:`mt-6 text-center`,children:(0,T.jsx)(`p`,{className:`text-xs text-gray-500 dark:text-dark-500`,children:t(`setup.admin.note`)})})]})})]})};export{D as FirstTimeSetup};
|
|
1
|
+
import{r as e}from"./rolldown-runtime-hePW80VL.js";import{i as t,t as n}from"./react-vendor-wiHys0m2.js";import{t as r}from"./logger-BR4forr_.js";import{t as i}from"./useTranslation-B9kflK9S.js";import{Cn as a,Cr as o,I as s,Qn as c,Ut as l,g as u,gr as d,jn as f,t as p,tn as m,u as h,wn as g}from"./ui-vendor-BhHHyHk3.js";import{L as _}from"./api-DPXCtanG.js";import{t as v}from"./authStore-D8fc-Hl0.js";import{t as y}from"./Logo-HZvdAk2c.js";import{t as b}from"./LogoMark-GJnfMXsk.js";import{t as x}from"./TurnstileWidget-CVepEMEQ.js";import{n as ee,t as S}from"./PasswordStrengthMeter-DasfJa4P.js";import{t as C}from"./ConnectModels-aUTD6s9B.js";var w=e(t(),1),T=n(),E=r(`components:first-time-setup`),D=({onComplete:e})=>{let{t}=i(),[n,r]=(0,w.useState)(`welcome`),[D,O]=(0,w.useState)(``),[k,A]=(0,w.useState)(``),[j,M]=(0,w.useState)(``),[N,P]=(0,w.useState)(!1),[F,I]=(0,w.useState)(!1),[L,R]=(0,w.useState)(!1),[z,B]=(0,w.useState)(null),[V,H]=(0,w.useState)(!1),[U,W]=(0,w.useState)(!1),[G,K]=(0,w.useState)(``),{login:q,systemInfo:J}=v(),Y=J?.turnstile?.siteKey,X=!!(J?.turnstile?.enabled&&Y),Z=(0,w.useCallback)(e=>{K(e)},[]),Q=(0,w.useMemo)(()=>L||X&&!G,[L,X,G]);(0,w.useEffect)(()=>{n===`encryption-key`&&!z&&_.getEncryptionKey().then(e=>{e.success&&e.data&&B(e.data.encryptionKey)})},[n,z]);let te=async e=>{if(e.preventDefault(),!D.trim()||!k.trim()||!j.trim()){o.error(t(`setup.admin.fillAllFields`));return}if(k!==j){o.error(t(`auth.signup.passwordMismatch`));return}let n=ee(k);if(n){o.error(n);return}if(X&&!G){o.error(t(`auth.signup.tryAgain`));return}R(!0);try{let e=await _.signup({username:D,password:k,email:``,turnstileToken:G});if(e.success&&e.data){if(!(`token`in e.data)){o.error(t(`setup.admin.approvalUnexpected`,`The initial administrator could not be activated. Please try again.`));return}q(e.data.user,e.data.token,e.data.systemInfo),o.success(t(`setup.admin.success`)),r(`encryption-key`)}else o.error(e.message||t(`setup.admin.failed`))}catch(e){E.error(`Admin creation error:`,e),o.error(t(`setup.admin.failed`))}finally{K(``),R(!1)}},ne=async()=>{if(z)try{await navigator.clipboard.writeText(z),H(!0),o.success(t(`setup.encryptionKey.copied`)),setTimeout(()=>H(!1),3e3)}catch{o.error(t(`setup.encryptionKey.copyFailed`))}},re=()=>{if(!U){o.error(t(`setup.encryptionKey.confirmRequired`));return}r(`connect-models`)},$=e=>{if(e.key===`Enter`){let t=e.currentTarget.form;t&&t.requestSubmit()}};return n===`welcome`?(0,T.jsxs)(`div`,{className:`min-h-screen bg-gray-50 px-4 py-16 dark:bg-dark-50 sm:px-6 lg:flex lg:flex-col lg:justify-center lg:py-20`,children:[(0,T.jsx)(`div`,{className:`sm:mx-auto sm:w-full sm:max-w-md`,children:(0,T.jsxs)(`div`,{className:`flex items-center justify-center gap-2.5 text-gray-900 dark:text-gray-100`,children:[(0,T.jsx)(b,{size:`md`,label:null}),(0,T.jsx)(y,{})]})}),(0,T.jsx)(`div`,{className:`mt-10 sm:mx-auto sm:w-full sm:max-w-md`,children:(0,T.jsxs)(`div`,{className:`mx-auto w-full max-w-md rounded-2xl border border-gray-200/80 bg-white/80 p-6 shadow-sm backdrop-blur-xl dark:border-white/10 dark:bg-white/[0.04] sm:p-8`,children:[(0,T.jsxs)(`div`,{className:`mb-7 text-start`,children:[(0,T.jsx)(`h1`,{className:`mb-2 text-2xl font-normal tracking-[-0.03em] text-gray-950 dark:text-dark-950`,children:t(`setup.welcome.subtitle`)}),(0,T.jsx)(`p`,{className:`text-gray-600 dark:text-dark-500`,children:t(`setup.welcome.description`)})]}),(0,T.jsxs)(`div`,{className:`mb-7 divide-y divide-gray-200/70 border-y border-gray-200/70 dark:divide-white/[0.08] dark:border-white/[0.08]`,children:[(0,T.jsxs)(`div`,{className:`flex items-start gap-3 py-4`,children:[(0,T.jsx)(`div`,{className:`flex-shrink-0 mt-1`,children:(0,T.jsx)(s,{className:`h-5 w-5 text-primary-600 dark:text-primary-400`})}),(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`h3`,{className:`text-sm font-medium text-gray-900 dark:text-dark-950`,children:t(`setup.welcome.features.secure.title`)}),(0,T.jsx)(`p`,{className:`text-sm text-gray-600 dark:text-dark-500`,children:t(`setup.welcome.features.secure.description`)})]})]}),(0,T.jsxs)(`div`,{className:`flex items-start gap-3 py-4`,children:[(0,T.jsx)(`div`,{className:`flex-shrink-0 mt-1`,children:(0,T.jsx)(p,{className:`h-5 w-5 text-primary-600 dark:text-primary-400`})}),(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`h3`,{className:`text-sm font-medium text-gray-900 dark:text-dark-950`,children:t(`setup.welcome.features.fast.title`)}),(0,T.jsx)(`p`,{className:`text-sm text-gray-600 dark:text-dark-500`,children:t(`setup.welcome.features.fast.description`)})]})]}),(0,T.jsxs)(`div`,{className:`flex items-start gap-3 py-4`,children:[(0,T.jsx)(`div`,{className:`flex-shrink-0 mt-1`,children:(0,T.jsx)(m,{className:`h-5 w-5 text-primary-600 dark:text-primary-400`})}),(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`h3`,{className:`text-sm font-medium text-gray-900 dark:text-dark-950`,children:t(`setup.welcome.features.openSource.title`)}),(0,T.jsx)(`p`,{className:`text-sm text-gray-600 dark:text-dark-500`,children:t(`setup.welcome.features.openSource.description`)})]})]})]}),(0,T.jsx)(`button`,{onClick:()=>r(`create-admin`),className:`flex min-h-11 w-full items-center justify-center rounded-xl border border-transparent bg-primary-600 px-4 py-2.5 text-sm font-medium text-white transition-colors duration-200 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2`,children:(0,T.jsxs)(`div`,{className:`flex items-center`,children:[(0,T.jsx)(`span`,{children:t(`setup.welcome.createAdmin`)}),(0,T.jsx)(d,{size:16,className:`ms-2 rtl:rotate-180`})]})})]})})]}):n===`connect-models`?(0,T.jsxs)(`div`,{className:`min-h-screen bg-gray-50 px-4 py-16 dark:bg-dark-50 sm:px-6 lg:flex lg:flex-col lg:justify-center lg:py-20`,children:[(0,T.jsxs)(`div`,{className:`sm:mx-auto sm:w-full sm:max-w-md`,children:[(0,T.jsxs)(`div`,{className:`flex items-center justify-center gap-2.5 text-gray-900 dark:text-gray-100`,children:[(0,T.jsx)(b,{size:`md`,label:null}),(0,T.jsx)(y,{})]}),(0,T.jsx)(`h2`,{className:`mt-8 text-center text-3xl font-light tracking-[-0.035em] text-gray-950 dark:text-dark-950`,children:t(`setup.connectModels.title`)}),(0,T.jsx)(`p`,{className:`mt-3 text-center text-sm text-gray-600 dark:text-dark-500`,children:t(`setup.connectModels.subtitle`)})]}),(0,T.jsx)(`div`,{className:`mt-10 flex justify-center sm:mx-auto sm:w-full sm:max-w-lg`,children:(0,T.jsx)(C,{variant:`setup`,onDone:()=>e?.()})})]}):n===`encryption-key`?(0,T.jsxs)(`div`,{className:`min-h-screen bg-gray-50 px-4 py-16 dark:bg-dark-50 sm:px-6 lg:flex lg:flex-col lg:justify-center lg:py-20`,children:[(0,T.jsxs)(`div`,{className:`sm:mx-auto sm:w-full sm:max-w-md`,children:[(0,T.jsxs)(`div`,{className:`flex items-center justify-center gap-2.5 text-gray-900 dark:text-gray-100`,children:[(0,T.jsx)(b,{size:`md`,label:null}),(0,T.jsx)(y,{})]}),(0,T.jsx)(`h2`,{className:`mt-8 text-center text-3xl font-light tracking-[-0.035em] text-gray-950 dark:text-dark-950`,children:t(`setup.encryptionKey.title`)})]}),(0,T.jsx)(`div`,{className:`mt-10 sm:mx-auto sm:w-full sm:max-w-lg`,children:(0,T.jsxs)(`div`,{className:`mx-auto w-full max-w-lg rounded-2xl border border-gray-200/80 bg-white/80 p-6 shadow-sm backdrop-blur-xl dark:border-white/10 dark:bg-white/[0.04] sm:p-8`,children:[(0,T.jsxs)(`div`,{className:`mb-7 text-start`,children:[(0,T.jsx)(`div`,{className:`flex justify-center mb-4`,children:(0,T.jsx)(`div`,{className:`rounded-xl border border-amber-200 bg-amber-500/10 p-3 dark:border-amber-800/60 dark:bg-amber-900/20`,children:(0,T.jsx)(l,{className:`h-8 w-8 text-amber-600 dark:text-amber-400`})})}),(0,T.jsx)(`h1`,{className:`mb-2 text-2xl font-normal tracking-[-0.03em] text-gray-950 dark:text-dark-950`,children:t(`setup.encryptionKey.subtitle`)}),(0,T.jsx)(`p`,{className:`text-gray-600 dark:text-dark-500`,children:t(`setup.encryptionKey.description`)})]}),(0,T.jsx)(`div`,{className:`mb-6 rounded-xl border border-amber-200 bg-amber-500/10 p-4 dark:border-amber-800/60 dark:bg-amber-900/20`,children:(0,T.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,T.jsx)(u,{className:`h-5 w-5 text-amber-600 dark:text-amber-400 flex-shrink-0 mt-0.5`}),(0,T.jsxs)(`div`,{className:`text-sm text-ink`,children:[(0,T.jsx)(`p`,{className:`font-medium mb-1`,children:t(`setup.encryptionKey.warning`)}),(0,T.jsx)(`p`,{children:t(`setup.encryptionKey.warningText`)})]})]})}),(0,T.jsxs)(`div`,{className:`mb-6`,children:[(0,T.jsx)(`label`,{className:`block text-sm font-medium text-gray-700 dark:text-dark-700 mb-2`,children:t(`setup.encryptionKey.label`)}),(0,T.jsxs)(`div`,{className:`relative`,children:[(0,T.jsx)(`div`,{className:`w-full break-all rounded-xl border border-gray-200 bg-gray-50 px-3 py-3 pe-12 font-mono text-sm text-gray-900 dark:border-white/10 dark:bg-white/[0.035] dark:text-dark-800`,children:z||t(`setup.encryptionKey.loading`)}),(0,T.jsx)(`button`,{type:`button`,onClick:ne,disabled:!z,className:`absolute end-2 top-1/2 -translate-y-1/2 p-2 text-gray-500 hover:text-gray-700 disabled:opacity-50 dark:text-dark-500 dark:hover:text-dark-700`,title:t(`setup.encryptionKey.copyToClipboard`),children:V?(0,T.jsx)(c,{className:`h-5 w-5 text-green-500`}):(0,T.jsx)(f,{className:`h-5 w-5`})})]}),(0,T.jsx)(`p`,{className:`mt-2 text-xs text-gray-500 dark:text-dark-500`,children:t(`setup.encryptionKey.envNote`)})]}),(0,T.jsx)(`div`,{className:`mb-6`,children:(0,T.jsxs)(`label`,{className:`flex cursor-pointer items-start gap-3`,children:[(0,T.jsx)(`input`,{type:`checkbox`,checked:U,onChange:e=>W(e.target.checked),className:`mt-1 h-4 w-4 text-primary-600 focus:ring-primary-500 border-gray-300 dark:border-dark-300 rounded`}),(0,T.jsx)(`span`,{className:`text-sm text-gray-700 dark:text-dark-700`,children:t(`setup.encryptionKey.acknowledgment`)})]})}),(0,T.jsx)(`button`,{onClick:re,disabled:!U,className:`flex min-h-11 w-full items-center justify-center rounded-xl border border-transparent bg-primary-600 px-4 py-2.5 text-sm font-medium text-white transition-colors duration-200 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50`,children:(0,T.jsxs)(`div`,{className:`flex items-center`,children:[(0,T.jsx)(`span`,{children:t(`setup.encryptionKey.continue`)}),(0,T.jsx)(d,{size:16,className:`ms-2 rtl:rotate-180`})]})})]})})]}):(0,T.jsxs)(`div`,{className:`min-h-screen bg-gray-50 px-4 py-16 dark:bg-dark-50 sm:px-6 lg:flex lg:flex-col lg:justify-center lg:py-20`,children:[(0,T.jsxs)(`div`,{className:`sm:mx-auto sm:w-full sm:max-w-md`,children:[(0,T.jsxs)(`div`,{className:`flex items-center justify-center gap-2.5 text-gray-900 dark:text-gray-100`,children:[(0,T.jsx)(b,{size:`md`,label:null}),(0,T.jsx)(y,{})]}),(0,T.jsx)(`h2`,{className:`mt-8 text-center text-3xl font-light tracking-[-0.035em] text-gray-950 dark:text-dark-950`,children:t(`setup.admin.title`)})]}),(0,T.jsx)(`div`,{className:`mt-10 sm:mx-auto sm:w-full sm:max-w-md`,children:(0,T.jsxs)(`div`,{className:`mx-auto w-full max-w-md rounded-2xl border border-gray-200/80 bg-white/80 p-6 shadow-sm backdrop-blur-xl dark:border-white/10 dark:bg-white/[0.04] sm:p-8`,children:[(0,T.jsxs)(`div`,{className:`mb-7 text-start`,children:[(0,T.jsx)(`h1`,{className:`mb-2 text-2xl font-normal tracking-[-0.03em] text-gray-950 dark:text-dark-950`,children:t(`setup.admin.subtitle`)}),(0,T.jsx)(`p`,{className:`text-gray-600 dark:text-dark-500`,children:t(`setup.admin.description`)})]}),(0,T.jsxs)(`form`,{onSubmit:te,className:`space-y-4`,children:[(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`label`,{htmlFor:`username`,className:`block text-sm font-medium text-gray-700 dark:text-dark-700 mb-2`,children:t(`auth.login.username`)}),(0,T.jsx)(`input`,{id:`username`,type:`text`,value:D,onChange:e=>O(e.target.value),onKeyDown:$,className:`w-full rounded-xl border border-gray-200 bg-white/80 px-3 py-2.5 text-gray-900 transition-colors duration-200 focus:border-primary-500 focus:outline-none focus:ring-2 focus:ring-primary-500/20 dark:border-white/10 dark:bg-white/[0.04] dark:text-dark-800`,placeholder:t(`setup.admin.usernamePlaceholder`),required:!0,disabled:L})]}),(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`label`,{htmlFor:`password`,className:`block text-sm font-medium text-gray-700 dark:text-dark-700 mb-2`,children:t(`auth.login.password`)}),(0,T.jsxs)(`div`,{className:`relative`,children:[(0,T.jsx)(`input`,{id:`password`,type:N?`text`:`password`,value:k,onChange:e=>A(e.target.value),onKeyDown:$,className:`w-full rounded-xl border border-gray-200 bg-white/80 px-3 py-2.5 pe-10 text-gray-900 transition-colors duration-200 focus:border-primary-500 focus:outline-none focus:ring-2 focus:ring-primary-500/20 dark:border-white/10 dark:bg-white/[0.04] dark:text-dark-800`,placeholder:t(`setup.admin.passwordPlaceholder`),required:!0,disabled:L}),(0,T.jsx)(`button`,{type:`button`,onClick:()=>P(!N),className:`absolute inset-y-0 end-0 flex items-center pe-3 text-gray-400 hover:text-gray-600 dark:text-dark-500 dark:hover:text-dark-700`,disabled:L,children:N?(0,T.jsx)(g,{size:20}):(0,T.jsx)(a,{size:20})})]}),(0,T.jsx)(S,{password:k})]}),(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`label`,{htmlFor:`confirmPassword`,className:`block text-sm font-medium text-gray-700 dark:text-dark-700 mb-2`,children:t(`auth.signup.confirmPassword`)}),(0,T.jsxs)(`div`,{className:`relative`,children:[(0,T.jsx)(`input`,{id:`confirmPassword`,type:F?`text`:`password`,value:j,onChange:e=>M(e.target.value),onKeyDown:$,className:`w-full rounded-xl border border-gray-200 bg-white/80 px-3 py-2.5 pe-10 text-gray-900 transition-colors duration-200 focus:border-primary-500 focus:outline-none focus:ring-2 focus:ring-primary-500/20 dark:border-white/10 dark:bg-white/[0.04] dark:text-dark-800`,placeholder:t(`setup.admin.confirmPlaceholder`),required:!0,disabled:L}),(0,T.jsx)(`button`,{type:`button`,onClick:()=>I(!F),className:`absolute inset-y-0 end-0 flex items-center pe-3 text-gray-400 hover:text-gray-600 dark:text-dark-500 dark:hover:text-dark-700`,disabled:L,children:F?(0,T.jsx)(g,{size:20}):(0,T.jsx)(a,{size:20})})]})]}),X&&Y&&(0,T.jsx)(x,{siteKey:Y,action:`signup`,disabled:L,errorMessage:t(`auth.signup.tryAgain`),onTokenChange:Z}),(0,T.jsxs)(`div`,{className:`flex gap-3`,children:[(0,T.jsx)(`button`,{type:`button`,onClick:()=>r(`welcome`),disabled:L,className:`min-h-11 flex-1 rounded-xl border border-gray-200 bg-transparent px-4 py-2.5 text-sm font-medium text-gray-700 transition-colors duration-200 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:border-white/10 dark:text-dark-700 dark:hover:bg-white/[0.06]`,children:t(`common.back`)}),(0,T.jsx)(`button`,{type:`submit`,disabled:Q,className:`flex min-h-11 flex-1 items-center justify-center rounded-xl border border-transparent bg-primary-600 px-4 py-2.5 text-sm font-medium text-white transition-colors duration-200 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50`,children:L?(0,T.jsxs)(`div`,{className:`flex items-center`,children:[(0,T.jsx)(`div`,{className:`me-2 h-4 w-4 animate-spin rounded-full border-b-2 border-white`}),t(`setup.admin.creating`)]}):(0,T.jsxs)(`div`,{className:`flex items-center`,children:[(0,T.jsx)(h,{size:16,className:`me-2`}),t(`setup.admin.createAdmin`)]})})]})]}),(0,T.jsx)(`div`,{className:`mt-6 text-center`,children:(0,T.jsx)(`p`,{className:`text-xs text-gray-500 dark:text-dark-500`,children:t(`setup.admin.note`)})})]})})]})};export{D as FirstTimeSetup};
|