libre-webui 0.36.0 → 0.37.1

package/frontend/dist/js/ChatPage-D_CzOiHw.js

@@ -1,14 +0,0 @@
-import{r as e}from"./rolldown-runtime-hePW80VL.js";import{i as t,r as n,t as r}from"./react-vendor-D0Ec-185.js";import{d as i,f as a,u as o}from"./router-vendor-CM0PhOMl.js";import{a as s,t as c}from"./logger-BR4forr_.js";import{t as l}from"./useTranslation-Kn7_iLGj.js";import{a as u,i as d,n as f,s as p,t as m}from"./utils-Dq1w7K0c.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-BPpcL4I5.js";import{An as A,Cr as j,Ct as M,Et as N,F as ee,Fn as te,G as ne,Gt as re,H as ie,It as P,Jn as F,L as I,M as ae,Nn as oe,O as se,On as ce,P as le,Pn as L,Rn as R,S as ue,Sr as z,St as de,V as fe,Wt as pe,Xn as me,Y as he,Z as ge,Zn as _e,_r as ve,a as ye,an as be,b as xe,c as B,en as V,et as Se,g as Ce,gn as we,hn as Te,ir as H,lr as U,lt as W,m as Ee,mr as De,n as G,nn as K,o as q,on as Oe,or as ke,ot as J,p as Ae,pr as je,q as Me,qn as Ne,r as Pe,st as Fe,t as Ie,ur as Le,wt as Re,y as ze}from"./ui-vendor-LatG6rFF.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-29NO19CP.js";import{t as $e}from"./authStore-Cm8P6rYs.js";import{t as et}from"./appStore-Din-tTD9.js";import{i as tt,r as nt,t as rt}from"./welcomePrompts-to5mv_gx.js";import{l as it}from"./messageCodeStyles-euWoxwoo.js";import{t as Z}from"./Button-ZQ6BePid.js";import{d as at,f as ot,l as st,p as ct}from"./ui-CNcEDQ95.js";import{t as lt}from"./LogoMark-Cvu5CQOW.js";import{a as ut,i as dt,n as ft,o as pt,r as mt}from"./useChat-YRODF1y1.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-DYOtIOEY.js";import{i as St,n as Ct,r as wt,t as Tt}from"./thinking-DwlkTfPX.js";import{t as Et}from"./ArtifactContainer-B8tyPtWd.js";import{t as Dt}from"./evaluationsApi-Btc9Mg9z.js";import{i as Ot,n as kt,r as At,t as jt}from"./composerStyles-bNlrIugf.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)(P,{className:`h-3.5 w-3.5 animate-spin`}):e===`succeeded`?(0,$.jsx)(_e,{className:`h-3.5 w-3.5 text-green-600 dark:text-green-400`}):e===`denied`?(0,$.jsx)(G,{className:`h-3.5 w-3.5 text-amber-600 dark:text-amber-400`}):(0,$.jsx)(Ce,{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)(F,{className:`h-3.5 w-3.5 shrink-0 text-gray-400`}),(0,$.jsx)(Pe,{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)(pe,{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)(F,{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)(P,{className:m(w[n],`animate-spin`)}):D?(0,$.jsx)(se,{className:w[n]}):k||O?(0,$.jsx)(ye,{className:w[n]}):(0,$.jsx)(q,{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)(B,{"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||``,M=k?S[k]??Object.entries(S).find(([e])=>e.slice(e.indexOf(`/`)+1)===k)?.[1]:void 0,[N,ee]=(0,Q.useState)(!1),[te,ne]=(0,Q.useState)(e.content),[re,ie]=(0,Q.useState)(null),[P,F]=(0,Q.useState)(!1),[I,ae]=(0,Q.useState)(!1),[oe,se]=(0,Q.useState)(!1),ce=(0,Q.useId)(),[le,L]=(0,Q.useState)(`idle`),[R,ue]=(0,Q.useState)(null),[z,de]=(0,Q.useState)([]),[pe,ve]=(0,Q.useState)(``),[ye,be]=(0,Q.useState)(!1),B=(0,Q.useRef)(null),V=(0,Q.useRef)(0),Se=(0,Q.useRef)(t),Ce=(0,Q.useRef)(!1),we=async()=>{try{await navigator.clipboard.writeText(e.content),it(`success`),be(!0),setTimeout(()=>be(!1),2e3)}catch(e){Zt.error(`Failed to copy message:`,e)}},{thinkingContent:Te,thinkingStreaming:U,parsedContent:W,artifacts:De}=(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]),q=U?void 0:e.statistics?.thinking_duration_ms??ut(e.id),Oe=Yt({sessionId:C,messageId:e.id,thinking:Te,isThinking:U,isPrivate:E}),ke=q===void 0?s(`chatMessage.thinking`):s(`chatMessage.thoughtFor`,{duration:dt(q)}),J=(0,Q.useCallback)(async e=>{let t=V.current+1;V.current=t,B.current?.cancel(),B.current=null,L(`loading`);try{if(e){let n=await e;if(V.current!==t)return;if(n===`blocked`){L(`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){L(`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&&L(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`)&&L(`idle`)}}catch(e){if(V.current!==t)return;ht(e)?L(`idle`):_t(e)?L(`blocked`):(Zt.error(`Auto-play TTS failed:`,e),L(`error`))}},[c.language,W,v.ttsSettings]);(0,Q.useEffect)(()=>{let e=Se.current&&!t;Se.current=t,e&&!Ce.current&&!u&&!f&&W&&v.ttsSettings?.enabled&&v.ttsSettings.autoPlay&&(Ce.current=!0,J())},[t,u,f,W,v.ttsSettings?.autoPlay,v.ttsSettings?.enabled,J]),(0,Q.useEffect)(()=>()=>{V.current+=1,B.current?.cancel(),B.current=null},[]);let Ae=()=>{let e=yt();J(e)},je=()=>{V.current+=1,B.current?.cancel(),B.current=null,L(`idle`)},Pe=()=>h?s(`chatMessage.conversationSummary`):f?s(`chatMessage.system`):u?v.showUsername&&y?.username?y.username:s(`chatMessage.you`):D?.name?D.name:M?.label||k||s(`chatMessage.assistant`),Ie=()=>{ee(!0),ne(e.content)},[Le,Re]=(0,Q.useState)(!1),Be=async()=>{if(C&&!Le){Re(!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{Re(!1)}}},Ve=async()=>{F(!0);try{b(te),ee(!1),Zt.debug(`✅ System message updated:`,te)}catch(e){Zt.error(`Failed to save system message:`,e)}finally{F(!1)}},He=()=>{ee(!1),ne(e.content)},X=()=>{let t=te.trim();ee(!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}de([]),ve(``),ue(t===1?1:-1),Dt.upsertFeedback({sessionId:C,messageId:e.id,rating:t===1?1:-1}).catch(()=>void 0)}},Ge=()=>{C&&R!==null&&(Dt.upsertFeedback({sessionId:C,messageId:e.id,rating:R,tags:z,...pe.trim()?{comment:pe.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:M?.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:Pe()}),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:()=>ie(e)})},t))}),u?N?(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:te,onChange:e=>ne(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)(he,{className:`h-2.5 w-2.5 opacity-50`}):(0,$.jsx)(fe,{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`})}):N?(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)(Me,{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)(G,{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)(Fe,{className:`h-3 w-3 text-gray-600 dark:text-gray-400`})})})]}),N?(0,$.jsx)(`textarea`,{dir:`auto`,value:te,onChange:e=>ne(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)(Ne,{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:[(Te||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":oe,"aria-controls":ce,onClick:()=>se(!oe),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)(H,{"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:Oe||(U?`${s(`chatMessage.thinking`)}…`:ke)},Oe||`thinking`),Oe&&!U&&(0,$.jsx)(`span`,{className:`mt-0.5 block text-ink-subtle`,children:ke})]}),oe?(0,$.jsx)(Ne,{"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:ce,"data-testid":`thinking-content`,hidden:!oe,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:oe&&Te&&(0,$.jsx)(st,{content:Te,isStreaming:U,className:`text-[13px] text-ink-muted`})})]}),(0,$.jsx)(st,{content:W,isStreaming:t&&!(U&&!W)})]}),!u&&!f&&De.length>0&&(0,$.jsx)(`div`,{className:`mt-3`,children:(0,$.jsx)(Et,{artifacts:De})}),!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(le)?`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:[Pe(),` ·`,` `,d(e.timestamp,c.language)]}),!u&&W&&(0,$.jsx)(Gt,{text:W,size:`sm`,externalPlaybackState:le,onStopExternal:je,onRetryExternal:Ae,className:m(`transition-colors`,le===`playing`&&`bg-primary-50 text-primary-600 dark:bg-primary-900/20 dark:text-primary-400`)}),u&&o&&!N&&(0,$.jsx)(`button`,{onClick:()=>{ne(e.content),ee(!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)(Fe,{className:`h-3.5 w-3.5`})}),(0,$.jsx)(`button`,{onClick:we,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(ye?`chatMessage.copied`:`chatMessage.copyMessage`),children:ye?(0,$.jsx)(_e,{className:`h-3.5 w-3.5 text-green-500`}):(0,$.jsx)(A,{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)(ze,{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)(xe,{className:`h-3.5 w-3.5`,fill:e.rating===-1?`currentColor`:`none`})}),R!==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:()=>de(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e]),className:m(`rounded-full border px-2 py-0.5 text-[10px]`,z.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":z.includes(e),children:s(`chatMessage.feedbackTags.${e}`)},e)),(0,$.jsx)(`input`,{value:pe,onChange:e=>ve(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)(G,{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)(ge,{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)(K,{className:`h-3.5 w-3.5`})})]})]})]}),u&&(0,$.jsx)(Qt,{role:`user`,user:y??null})]}),re&&(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:()=>ie(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(),ie(null)},children:(0,$.jsx)(G,{className:`h-7 w-7`})}),(0,$.jsx)(`img`,{src:re,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)(be,{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)(_e,{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:ne,web_fetch:V,exec:ue,browser:V,Read:we,Write:we,Edit:we,image:re,memory_search:ce,memory_get:ce,working:Pe,thinking:Pe,default:Pe},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),ie=(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]),P=(0,Q.useCallback)(()=>{w.current===null&&(w.current=window.requestAnimationFrame(()=>{w.current=null,ie()}))},[ie]),F=(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),P()},[e.length,P]),I=(0,Q.useCallback)(()=>{b.current&&clearTimeout(b.current),b.current=setTimeout(F,180)},[F]),oe=(0,Q.useCallback)((e=!1)=>{(!D.current||e)&&y.current?.scrollIntoView({behavior:fn()})},[]),se=(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),P(),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])):P()},[N,e.length,I,P]),ce=(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}),P(),r===`auto`?F():I()},[F,C,I,P]),le=(0,Q.useRef)(e.length);if((0,Q.useEffect)(()=>{e.length>le.current&&!D.current&&oe(),le.current=e.length},[e.length,oe]),(0,Q.useEffect)(()=>{i&&(t||n)&&!D.current&&requestAnimationFrame(()=>{let e=x.current;e&&(e.scrollTop=e.scrollHeight)})},[i,t,n]),(0,Q.useEffect)(()=>{P();let e=S.current,t=x.current,n=typeof ResizeObserver>`u`?null:new ResizeObserver(P);return e&&n?.observe(e),t&&n?.observe(t),window.addEventListener(`resize`,P),()=>{n?.disconnect(),window.removeEventListener(`resize`,P)}},[M,P]),(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)(ae,{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 L=-1;for(let e=A.length-1;e>=0;e--)if(A[e].messages.some(e=>e.role===`assistant`)){L=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:se,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===L,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:ce}),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)(ve,{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)(te,{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)(P,{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)(G,{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)(we,{className:`w-4 h-4 text-red-500 flex-shrink-0`}):(0,$.jsx)(Te,{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)(G,{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),z.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)(we,{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)(G,{className:`h-3.5 w-3.5`})})]})},e.id))})]}),(0,$.jsxs)(`button`,{type:`button`,onClick:()=>{o(e=>!e),c(null)},className:`
-          inline-flex items-center space-x-1 px-2 py-1
-          bg-blue-50 dark:bg-blue-900/20
-          border border-blue-200 dark:border-blue-800
-          rounded-md text-xs
-          transition-colors hover:bg-blue-100 dark:hover:bg-blue-900/40
-        `,title:`${n(`chat.documents.title`)} - ${f(m)}`,children:[(0,$.jsx)(Le,{className:`w-3 h-3 text-blue-600 dark:text-blue-400`}),(0,$.jsxs)(`span`,{className:`text-blue-700 dark:text-blue-300 font-medium`,children:[r.length,` doc`,r.length===1?``:`s`]})]})]})},xn=c(`components:structured-output`),Sn=[{key:`none`,value:null},{key:`json`,value:`json`},{key:`list`,value:{type:`object`,properties:{items:{type:`array`,items:{type:`string`}}},required:[`items`]}},{key:`summary`,value:{type:`object`,properties:{title:{type:`string`},summary:{type:`string`},key_points:{type:`array`,items:{type:`string`}}},required:[`title`,`summary`,`key_points`]}},{key:`analysis`,value:{type:`object`,properties:{analysis:{type:`string`},pros:{type:`array`,items:{type:`string`}},cons:{type:`array`,items:{type:`string`}},recommendation:{type:`string`}},required:[`analysis`,`pros`,`cons`,`recommendation`]}},{key:`custom`,value:`custom`}],Cn=({format:e,onFormatChange:t,className:n})=>{let{t:r}=l(),[i,a]=(0,Q.useState)(!1),[o,s]=(0,Q.useState)(``),c=()=>Sn.map(e=>({key:e.key,label:r(`chat.structuredOutput.${e.key}`),value:e.value,description:r(`chat.structuredOutput.${e.key}Description`)})),u=()=>{let t=c();return e===null?t[0]:e===`json`?t[1]:typeof e==`object`?t.find(t=>typeof t.value==`object`&&JSON.stringify(t.value)===JSON.stringify(e))||{key:`customSchema`,label:r(`chat.structuredOutput.custom`),value:e,description:r(`chat.structuredOutput.customSchema`)}:t[0]},d=e=>{let n=c().find(t=>t.label===e);if(n){if(n.value===`custom`){a(!0);return}a(!1),t(n.value)}};return(0,$.jsxs)(`div`,{className:m(`space-y-3`,n),children:[(0,$.jsx)(`div`,{className:`flex items-center justify-between`,children:(0,$.jsxs)(`div`,{className:`flex items-center`,children:[(0,$.jsx)(fe,{className:`h-4 w-4 text-gray-500 mr-2`}),(0,$.jsx)(`span`,{className:`text-sm font-medium text-gray-700 dark:text-gray-300`,children:r(`chat.structuredOutput.title`)})]})}),(0,$.jsx)(ot,{value:u().label,onChange:e=>d(e.target.value),options:c().map(e=>({value:e.label,label:e.label}))}),(0,$.jsx)(`p`,{className:`text-xs text-gray-500 dark:text-gray-400`,children:u().description}),i&&(0,$.jsxs)(`div`,{className:`space-y-3`,children:[(0,$.jsx)(ct,{value:o,onChange:e=>s(e.target.value),placeholder:`{
-  "type": "object",
-  "properties": {
-    "field1": { "type": "string" },
-    "field2": { "type": "number" }
-  },
-  "required": ["field1"]
-}`,rows:8,className:`font-mono text-sm`}),(0,$.jsxs)(`div`,{className:`flex gap-2`,children:[(0,$.jsx)(Z,{onClick:()=>{try{t(JSON.parse(o)),a(!1)}catch(e){xn.error(`Invalid JSON schema:`,e)}},size:`sm`,disabled:!o.trim(),children:r(`chat.structuredOutput.applySchema`)}),(0,$.jsx)(Z,{onClick:()=>{a(!1),s(``)},variant:`outline`,size:`sm`,children:r(`chat.structuredOutput.cancel`)})]})]}),(()=>{let e=u();return!e.value||e.value===`json`?null:(0,$.jsxs)(`div`,{className:`mt-3 p-3 bg-gray-50 dark:bg-gray-800 rounded-md`,children:[(0,$.jsxs)(`div`,{className:`flex items-center mb-2`,children:[(0,$.jsx)(L,{className:`h-4 w-4 text-gray-500 mr-2`}),(0,$.jsx)(`span`,{className:`text-sm font-medium text-gray-700 dark:text-gray-300`,children:r(`chat.structuredOutput.schemaPreview`)})]}),(0,$.jsx)(`pre`,{className:`text-xs text-gray-700 dark:text-gray-300 overflow-x-auto`,children:JSON.stringify(e.value,null,2)})]})})(),e&&(0,$.jsxs)(`div`,{className:`flex items-center text-xs text-green-600 dark:text-green-400`,children:[(0,$.jsx)(we,{className:`h-3 w-3 mr-1`}),r(`chat.structuredOutput.enabled`)]})]})},wn=({value:e,inheritedValue:t,onChange:n})=>{let{t:r}=l(),[i,a]=(0,Q.useState)(!1),o=(0,Q.useRef)(null),s=e??t,c=Ct(s),u=wt(s),d=wt(e),f=t==null?void 0:wt(t);return(0,Q.useEffect)(()=>{if(!i)return;let e=e=>{o.current?.contains(e.target)||a(!1)},t=e=>{e.key===`Escape`&&a(!1)};return window.addEventListener(`mousedown`,e),window.addEventListener(`keydown`,t),()=>{window.removeEventListener(`mousedown`,e),window.removeEventListener(`keydown`,t)}},[i]),(0,$.jsxs)(`div`,{ref:o,className:`relative flex-shrink-0`,children:[(0,$.jsxs)(Z,{type:`button`,variant:`ghost`,size:`sm`,onClick:()=>a(e=>!e),className:m(`h-9 rounded-full p-0 flex items-center justify-center gap-1 touch-manipulation transition-colors duration-150`,c?`w-auto px-2.5`:`w-9`,`text-ink-muted hover:bg-interactive-hover hover:text-ink`,c&&`bg-primary-50 text-primary-600 dark:bg-primary-900/25 dark:text-primary-400`),title:c?r(`chat.input.thinkingOn`,{level:r(`settings.generation.thinkingLevels.${u}`)}):r(`chat.input.thinkingOff`),"aria-haspopup":`menu`,"aria-expanded":i,"aria-pressed":c,children:[(0,$.jsx)(H,{className:`h-4 w-4`}),c&&(0,$.jsx)(`span`,{className:`text-[11px] font-medium`,children:r(`settings.generation.thinkingLevels.${u}`)})]}),i&&(0,$.jsxs)(`div`,{role:`menu`,className:`absolute bottom-full end-0 z-30 mb-2 w-48 rounded-2xl border border-black/[0.08] bg-surface/95 p-1.5 shadow-[0_16px_48px_rgba(15,23,42,0.16)] backdrop-blur-xl animate-scale-in dark:border-white/[0.09] dark:bg-dark-100/95`,children:[(0,$.jsx)(`p`,{className:`mb-1 px-2 pt-1 text-[11px] font-medium text-gray-500 dark:text-dark-600`,children:r(`chat.controls.thinking`)}),Tt.map(e=>{let t=e===d;return(0,$.jsxs)(`button`,{type:`button`,role:`menuitemradio`,"aria-checked":t,onClick:()=>{n(St(e)),a(!1)},className:m(`flex w-full items-center justify-between gap-2 rounded-xl px-2.5 py-2 text-start text-[13px] text-gray-700 hover:bg-gray-100 dark:text-dark-800 dark:hover:bg-dark-200`,t&&`text-primary-600 dark:text-primary-400`),children:[(0,$.jsx)(`span`,{className:`truncate`,children:e==="default"&&f!==void 0?r(`settings.generation.thinkingLevels.defaultWith`,{level:r(`settings.generation.thinkingLevels.${f}`)}):r(`settings.generation.thinkingLevels.${e}`)}),t&&(0,$.jsx)(_e,{className:`h-3.5 w-3.5 shrink-0`})]},e)})]})]})},Tn=7,En=2*Math.PI*Tn,Dn=e=>`⁨${e}⁩`,On=({usage:e,trainedBudget:t})=>{let{t:n,i18n:r}=l(),[i,a]=(0,Q.useState)(!1),o=typeof e.budget==`number`&&e.budget>0,s=e.ratio??0,c=Math.round(s*100),u=e.measured?``:`~`,d=r.language,f=`${u}${S(e.used,d)}`,p=o?n(`chat.context.tokensUsed`,{used:Dn(f),budget:Dn(S(e.budget,d))}):n(`chat.context.tokensUsedNoBudget`,{used:Dn(f)}),h=t===void 0?void 0:n(`chat.context.capped`,{trained:Dn(S(t,d))}),g=[n(`chat.context.title`),o?n(`chat.context.full`,{percent:c}):void 0,p,h].filter(Boolean).join(` `),_=Math.min(s,1);return(0,$.jsxs)(`div`,{className:`relative flex-shrink-0`,onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),onFocus:()=>a(!0),onBlur:()=>a(!1),onKeyDown:e=>{e.key===`Escape`&&a(!1)},children:[(0,$.jsx)(`span`,{role:o?`meter`:`img`,tabIndex:0,"aria-label":g,...o?{"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.min(c,100),"aria-valuetext":g}:{},className:m(`touch-target flex h-9 w-9 items-center justify-center rounded-full text-ink-muted outline-none`,`transition-colors duration-150 focus-visible:ring-2 focus-visible:ring-primary-500/40`,s>=.8&&s<1&&`text-amber-600 dark:text-amber-400`,s>=1&&`text-red-600 dark:text-red-400`),children:(0,$.jsxs)(`svg`,{viewBox:`0 0 18 18`,className:`h-4 w-4 -rotate-90`,children:[(0,$.jsx)(`circle`,{cx:`9`,cy:`9`,r:Tn,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,className:`opacity-30`,...o?{}:{strokeDasharray:`2 2`}}),o&&_>0&&(0,$.jsx)(`circle`,{cx:`9`,cy:`9`,r:Tn,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeDasharray:En,strokeDashoffset:En*(1-_)})]})}),i&&(0,$.jsxs)(`div`,{role:`tooltip`,className:m(`pointer-events-none absolute bottom-full left-1/2 z-30 mb-2 -translate-x-1/2`,`whitespace-nowrap rounded-2xl bg-surface/95 px-4 py-3 text-center shadow-lv3 backdrop-blur-xl`,`border border-black/[0.06] dark:border-white/[0.08] dark:bg-dark-100/95`,`animate-scale-in`),children:[(0,$.jsx)(`p`,{className:`text-[13px] text-gray-500 dark:text-dark-600`,children:n(`chat.context.title`)}),o&&(0,$.jsx)(`p`,{className:`text-[13px] text-gray-500 dark:text-dark-600`,children:n(`chat.context.full`,{percent:c})}),(0,$.jsx)(`p`,{className:`text-[13px] tabular-nums text-gray-900 dark:text-dark-900`,children:p}),h&&(0,$.jsx)(`p`,{className:`mt-1 text-[11px] text-gray-400 dark:text-dark-500`,children:h})]})]})},kn=c(`components:prompt-queue`),An=({sessionId:e,queue:t})=>{let{t:n}=l(),[r,i]=(0,Q.useState)(null),[a,o]=(0,Q.useState)(``),s=t=>mt(e,t),c=async t=>{try{let n=await Y.claimQueuedPrompt(e,t);n.success&&n.data&&s(n.data.queue)}catch(e){kn.error(`Failed to remove queued prompt:`,e)}},u=async(n,r)=>{let i=t.findIndex(e=>e.id===n),a=i+r;if(i===-1||a<0||a>=t.length)return;let o=t.map(e=>e.id);[o[i],o[a]]=[o[a],o[i]];try{let t=await Y.reorderPromptQueue(e,o);t.success&&t.data&&s(t.data.queue)}catch(e){kn.error(`Failed to reorder the prompt queue:`,e)}},d=async t=>{let r=a.trim();if(r)try{let a=await Y.updateQueuedPrompt(e,t,r);a.success&&a.data?(s(a.data.queue),i(null)):j.error(a.error||n(`chat.queue.updateFailed`))}catch(e){kn.error(`Failed to update the queued prompt:`,e),j.error(n(`chat.queue.updateFailed`))}};return t.length===0?null:(0,$.jsxs)(`div`,{className:`mx-auto mb-1.5 w-full max-w-3xl px-1`,"data-testid":`prompt-queue`,children:[(0,$.jsxs)(`p`,{className:`mb-1 flex items-center gap-1.5 px-1 text-[11px] font-medium text-gray-400 dark:text-dark-500`,children:[(0,$.jsx)(R,{className:`h-3 w-3`}),n(`chat.queue.title`,{total:t.length})]}),(0,$.jsx)(`ul`,{className:`space-y-1`,children:t.map((e,s)=>(0,$.jsx)(`li`,{className:`flex items-center gap-1.5 rounded-lg border border-black/[0.06] bg-surface/70 px-2 py-1 dark:border-white/[0.08] dark:bg-dark-200/70`,"data-testid":`prompt-queue-entry`,children:r===e.id?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`input`,{autoFocus:!0,value:a,onChange:e=>o(e.target.value),onKeyDown:t=>{t.key===`Enter`&&d(e.id),t.key===`Escape`&&i(null)},className:`min-w-0 flex-1 bg-transparent text-[13px] text-gray-900 focus:outline-none dark:text-dark-900`,"data-testid":`prompt-queue-edit-input`}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>void d(e.id),className:`rounded-md p-1 text-green-600 hover:bg-green-50 dark:hover:bg-green-900/20`,"aria-label":n(`common.save`),children:(0,$.jsx)(_e,{className:`h-3.5 w-3.5`})})]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-[13px] text-gray-700 dark:text-dark-800`,children:e.content}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>void u(e.id,-1),disabled:s===0,className:`rounded-md p-1 text-gray-400 hover:text-gray-700 disabled:opacity-30 dark:text-dark-500 dark:hover:text-dark-800`,"aria-label":n(`chat.queue.moveUp`),children:(0,$.jsx)(De,{className:`h-3 w-3`})}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>void u(e.id,1),disabled:s===t.length-1,className:`rounded-md p-1 text-gray-400 hover:text-gray-700 disabled:opacity-30 dark:text-dark-500 dark:hover:text-dark-800`,"aria-label":n(`chat.queue.moveDown`),children:(0,$.jsx)(ve,{className:`h-3 w-3`})}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>{i(e.id),o(e.content)},className:`rounded-md p-1 text-gray-400 hover:text-gray-700 dark:text-dark-500 dark:hover:text-dark-800`,"aria-label":n(`common.edit`),children:(0,$.jsx)(J,{className:`h-3 w-3`})}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>void c(e.id),className:`rounded-md p-1 text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20`,"aria-label":n(`common.delete`),children:(0,$.jsx)(G,{className:`h-3 w-3`})})]})},e.id))})]})},jn=(e,t)=>{let n=[];for(let r of t){let t=k(e,r);t&&n.push({model:t.model,providerType:t.providerType??null,providerId:t.providerId??null})}return n},Mn=({models:e,currentModelKey:t,selectedKeys:n,onChange:r,disabled:i=!1})=>{let{t:a}=l(),[o,s]=(0,Q.useState)(!1),c=(0,Q.useRef)(null);(0,Q.useEffect)(()=>{if(!o)return;let e=e=>{c.current?.contains(e.target)||s(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[o]);let u=e.filter(x).map(e=>({model:e,key:C(e)})).filter(e=>e.key!==t);if(u.length===0)return null;let d=e=>{n.includes(e)?r(n.filter(t=>t!==e)):n.length<3&&r([...n,e])};return(0,$.jsxs)(`div`,{className:`relative`,ref:c,children:[(0,$.jsxs)(Z,{type:`button`,variant:`ghost`,size:`sm`,disabled:i,onClick:()=>s(e=>!e),className:m(`h-9 w-9 p-0 rounded-full flex-shrink-0 flex items-center justify-center`,`text-ink-muted hover:bg-interactive-hover hover:text-ink`,`transition-colors duration-150 touch-manipulation`,n.length>0&&`bg-primary-50 text-primary-600 dark:bg-primary-900/25 dark:text-primary-400`),title:a(`chat.compare.title`),"aria-pressed":n.length>0,"aria-expanded":o,"data-testid":`composer-compare-toggle`,children:[(0,$.jsx)(oe,{className:`h-4 w-4`}),n.length>0&&(0,$.jsxs)(`span`,{className:`absolute -end-0.5 -top-0.5 flex h-4 min-w-4 items-center justify-center rounded-md bg-primary-500 px-1 text-[9px] font-semibold tabular-nums text-white`,children:[`+`,n.length]})]}),o&&(0,$.jsxs)(`div`,{className:`absolute bottom-full start-0 z-30 mb-2 max-h-72 w-72 overflow-y-auto rounded-xl border border-gray-200 bg-white p-2 shadow-lg scrollbar-thin dark:border-dark-200 dark:bg-dark-50`,role:`menu`,"data-testid":`composer-compare-menu`,children:[(0,$.jsx)(`p`,{className:`px-2 pb-1.5 pt-1 text-[11px] font-medium text-gray-400 dark:text-dark-500`,children:a(`chat.compare.hint`,{max:3})}),u.map(({model:e,key:t})=>{let r=n.includes(t),i=!r&&n.length>=3;return(0,$.jsxs)(`label`,{className:m(`flex cursor-pointer items-center gap-2 rounded-lg px-2 py-1.5 text-[13px] text-gray-800 hover:bg-gray-50 dark:text-dark-800 dark:hover:bg-dark-100`,i&&`cursor-not-allowed opacity-40`),children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:r,disabled:i,onChange:()=>d(t),className:`h-3.5 w-3.5 rounded border-gray-300 text-primary-600 focus:ring-primary-500 dark:border-dark-400`}),(0,$.jsx)(`span`,{dir:`ltr`,className:`min-w-0 flex-1 truncate`,children:e.name})]},t)})]})]})},Nn=`pdf.txt.text.log.md.markdown.mdx.html.htm.xhtml.docx.pptx.xlsx.csv.tsv.ts.tsx.js.jsx.mjs.cjs.py.rb.go.rs.java.kt.swift.c.h.cc.cpp.hpp.cs.php.sh.bash.zsh.sql.r.scala.lua.pl.json.yaml.yml.toml.ini.css.scss.less.xml.graphql.proto.tf.dockerfile.png.jpg.jpeg.webp.gif.wav.webm`.split(`.`).map(e=>`.${e}`).join(`,`),Pn=/^\/([a-z0-9-]*)$/,Fn=/(?:^|\s)\$([a-z0-9-]*)$/,In=8,Ln=(e,t,n)=>e.replace(/\{\{\s*([a-zA-Z_][a-zA-Z0-9_]*)\s*\}\}/g,(e,r)=>{let i=t.find(e=>e.name===r);if(!i)return e;let a=n[r];return a!==void 0&&a!==``?a:i.default??``}),Rn=({prompt:e,onCancel:t,onInsert:n})=>{let{t:r}=l(),[i,a]=(0,Q.useState)(()=>Object.fromEntries(e.variables.map(e=>[e.name,e.default??(e.type===`boolean`?`false`:``)]))),o=e.variables.filter(e=>e.required===!0&&(i[e.name]===void 0||i[e.name]===``));return(0,$.jsxs)(`div`,{className:`p-3`,children:[(0,$.jsx)(`div`,{className:`text-sm font-medium text-gray-700 dark:text-gray-200`,children:r(`composer.variables.title`,{title:e.title})}),(0,$.jsx)(`div`,{className:`mt-2 flex max-h-56 flex-col gap-2 overflow-y-auto`,children:e.variables.map(e=>(0,$.jsxs)(`label`,{className:`flex flex-col gap-1 text-xs`,children:[(0,$.jsxs)(`span`,{className:`text-gray-500 dark:text-gray-400`,dir:`ltr`,children:[e.label||e.name,e.required?` *`:``]}),e.type===`select`?(0,$.jsxs)(`select`,{value:i[e.name]??``,onChange:t=>a(n=>({...n,[e.name]:t.target.value})),className:`rounded-md border border-gray-300 bg-white px-2 py-1.5 text-sm dark:border-dark-300 dark:bg-dark-100`,children:[(0,$.jsx)(`option`,{value:``,children:`—`}),(e.options??[]).map(e=>(0,$.jsx)(`option`,{value:e,children:e},e))]}):e.type===`boolean`?(0,$.jsxs)(`select`,{value:i[e.name]??`false`,onChange:t=>a(n=>({...n,[e.name]:t.target.value})),className:`rounded-md border border-gray-300 bg-white px-2 py-1.5 text-sm dark:border-dark-300 dark:bg-dark-100`,children:[(0,$.jsx)(`option`,{value:`true`,children:r(`common.yes`)}),(0,$.jsx)(`option`,{value:`false`,children:r(`common.no`)})]}):(0,$.jsx)(`input`,{type:e.type===`number`?`number`:`text`,value:i[e.name]??``,onChange:t=>a(n=>({...n,[e.name]:t.target.value})),className:`rounded-md border border-gray-300 bg-white px-2 py-1.5 text-sm dark:border-dark-300 dark:bg-dark-100`})]},e.name))}),(0,$.jsxs)(`div`,{className:`mt-3 flex items-center justify-end gap-2`,children:[(0,$.jsx)(Z,{size:`sm`,variant:`ghost`,onClick:t,children:r(`composer.variables.cancel`)}),(0,$.jsx)(Z,{size:`sm`,disabled:o.length>0,title:o.length>0?r(`composer.variables.required`,{name:o[0]?.name??``}):void 0,onClick:()=>n(Ln(e.content,e.variables,i)),children:r(`composer.variables.insert`)})]})]})},zn=(0,Q.forwardRef)(({message:e,disabled:t=!1,onApply:n},r)=>{let{t:i}=l(),[a,o]=(0,Q.useState)(null),[s,c]=(0,Q.useState)(null),[u,d]=(0,Q.useState)(0),[f,p]=(0,Q.useState)(null),h=(0,Q.useRef)({prompts:!1,skills:!1}),g=t?null:Pn.exec(e),_=t||g?null:Fn.exec(e),v=g!==null,y=_!==null;(0,Q.useEffect)(()=>{v&&!h.current.prompts&&(h.current.prompts=!0,Xe.list().then(e=>{o(t=>e.success&&e.data?e.data:t??[])}).catch(()=>o(e=>e??[])).finally(()=>{h.current.prompts=!1}))},[v]),(0,Q.useEffect)(()=>{y&&!h.current.skills&&(h.current.skills=!0,Ge.list().then(e=>{c(t=>e.success&&e.data?e.data:t??[])}).catch(()=>c(e=>e??[])).finally(()=>{h.current.skills=!1}))},[y]);let b=(0,Q.useMemo)(()=>{if(g){let e=g[1];return(a??[]).filter(t=>t.slug.startsWith(e)).slice(0,In).map(e=>({kind:`prompt`,key:e.id,slug:e.slug,label:e.title,detail:e.description,prompt:e}))}if(_){let e=_[1];return(s??[]).filter(t=>t.enabled&&t.slug.startsWith(e)).slice(0,In).map(e=>({kind:`skill`,key:e.id,slug:e.slug,label:e.name,detail:e.description,skill:e}))}return[]},[g,_,a,s]),[x,S]=(0,Q.useState)(e);e!==x&&(S(e),d(0),!g&&f&&p(null));let C=t=>{let r=b[t];if(r){if(r.kind===`prompt`){if(r.prompt.variables.length>0){p(r.prompt);return}n(r.prompt.content);return}if(_){let t=e.length-(_[1].length+1);n(`${e.slice(0,t)}$${r.slug} `)}}};if((0,Q.useImperativeHandle)(r,()=>({handleKeyDown(t){return f?t.key===`Escape`?(t.preventDefault(),p(null),!0):t.key===`Enter`:b.length===0?!1:t.key===`ArrowDown`?(t.preventDefault(),d(e=>(e+1)%b.length),!0):t.key===`ArrowUp`?(t.preventDefault(),d(e=>(e-1+b.length)%b.length),!0):t.key===`Enter`||t.key===`Tab`?(t.preventDefault(),C(u),!0):t.key===`Escape`&&(t.preventDefault(),n(e),!0)}})),f)return(0,$.jsx)(`div`,{className:`absolute bottom-full left-0 z-30 mb-2 w-full max-w-md rounded-xl border border-gray-200 bg-white shadow-lg dark:border-dark-200 dark:bg-dark-50`,"data-testid":`composer-variable-form`,children:(0,$.jsx)(Rn,{prompt:f,onCancel:()=>p(null),onInsert:e=>{p(null),n(e)}})});let w=g?`prompt`:_?`skill`:null,T=g?a!==null:s!==null,E=g?g[1]===``:_?_[1]===``:!1;return b.length===0?w&&T&&E?(0,$.jsx)(`div`,{className:`absolute bottom-full left-0 z-30 mb-2 w-full max-w-md rounded-xl border border-gray-200 bg-white px-3 py-2 text-xs text-gray-500 shadow-lg dark:border-dark-200 dark:bg-dark-50 dark:text-gray-400`,"data-testid":`composer-suggestions-empty`,children:i(w===`prompt`?`composer.promptMenu.empty`:`composer.skillMenu.empty`)}):null:(0,$.jsx)(`div`,{role:`listbox`,"aria-label":i(g?`composer.promptMenu.label`:`composer.skillMenu.label`),className:`absolute bottom-full left-0 z-30 mb-2 w-full max-w-md overflow-hidden rounded-xl border border-gray-200 bg-white shadow-lg dark:border-dark-200 dark:bg-dark-50`,"data-testid":`composer-suggestions`,children:b.map((e,t)=>(0,$.jsxs)(`button`,{type:`button`,role:`option`,"aria-selected":t===u,onMouseEnter:()=>d(t),onMouseDown:e=>{e.preventDefault(),C(t)},className:m(`flex w-full items-center gap-2 px-3 py-2 text-left text-sm`,t===u?`bg-gray-100 dark:bg-dark-200`:`bg-transparent`),children:[e.kind===`prompt`?(0,$.jsx)(U,{className:`h-3.5 w-3.5 shrink-0 text-gray-400`}):(0,$.jsx)(ae,{className:`h-3.5 w-3.5 shrink-0 text-gray-400`}),(0,$.jsxs)(`span`,{className:`font-mono text-xs text-gray-500`,dir:`ltr`,children:[e.kind===`prompt`?`/`:`$`,e.slug]}),(0,$.jsx)(`span`,{className:`truncate text-gray-700 dark:text-gray-200`,children:e.label}),e.detail&&(0,$.jsx)(`span`,{className:`ml-auto hidden max-w-[40%] truncate text-xs text-gray-400 sm:block`,children:e.detail})]},e.key))})});zn.displayName=`ComposerSuggestions`;var Bn=(e,t,n)=>{let r=new Set(e??t);r.has(n)?r.delete(n):r.add(n);let i=t.filter(e=>r.has(e));return i.length===t.length?null:i},Vn=({value:e,onChange:t,disabled:n=!1,buttonClassName:r})=>{let{t:i}=l(),[a,o]=(0,Q.useState)(!1),[s,c]=(0,Q.useState)(null),[u,d]=(0,Q.useState)(!1),f=(0,Q.useRef)(null);(0,Q.useEffect)(()=>{let e=!1;return We.getCatalog().then(t=>{!e&&t.success&&t.data&&(d(t.data.available&&t.data.tools.length>0),c(t.data.tools))}).catch(()=>{}),()=>{e=!0}},[a]),(0,Q.useEffect)(()=>{if(!a)return;let e=e=>{f.current?.contains(e.target)||o(!1)};return document.addEventListener(`pointerdown`,e),()=>document.removeEventListener(`pointerdown`,e)},[a]);let[p,h]=(0,Q.useState)(void 0);if((0,Q.useLayoutEffect)(()=>{if(!a)return;let e=()=>{let e=f.current;if(!e)return;let t=e.getBoundingClientRect().top,n=0;for(let t=e.parentElement;t&&t!==document.body;t=t.parentElement){let{overflowY:e,overflowX:r}=getComputedStyle(t);(e!==`visible`||r!==`visible`)&&(n=Math.max(n,t.getBoundingClientRect().top))}h(Math.max(160,Math.floor(t-n-24)))};return e(),window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[a]),!u||!s)return null;let g=s.filter(e=>e.source===`builtin`),_=new Map;for(let e of s)e.serverId&&_.set(e.serverId,e.serverName??e.serverId);let v=[..._.entries()],y=g.map(e=>e.name),b=v.map(([e])=>e),x=new Set(e.builtinTools??y),S=new Set(e.serverIds??b),C=(n,r,i,a,o)=>(0,$.jsxs)(`label`,{className:m(`flex cursor-pointer items-start gap-2 rounded-lg px-2 py-1.5 text-sm hover:bg-gray-50 dark:hover:bg-dark-100`,!e.enabled&&`opacity-50`),onClickCapture:e.enabled?void 0:n=>{n.preventDefault(),n.stopPropagation(),t({...e,enabled:!0})},children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:a,disabled:!e.enabled,onChange:o,"data-testid":`composer-tool-option`,className:`mt-0.5 h-3.5 w-3.5 accent-primary-600`}),(0,$.jsxs)(`span`,{className:`min-w-0`,children:[(0,$.jsx)(`span`,{className:`block truncate text-gray-800 dark:text-gray-200`,dir:`ltr`,children:r}),i&&(0,$.jsx)(`span`,{className:`block truncate text-xs text-gray-500 dark:text-gray-400`,children:i})]})]},n);return(0,$.jsxs)(`div`,{ref:f,className:`relative flex-shrink-0`,children:[(0,$.jsx)(Z,{type:`button`,variant:`ghost`,size:`sm`,disabled:n,onClick:()=>o(e=>!e),className:m(`h-9 w-9 p-0 rounded-full flex-shrink-0 flex items-center justify-center`,`text-ink-muted hover:bg-interactive-hover hover:text-ink`,`transition-colors duration-150 touch-manipulation`,e.enabled&&`bg-primary-50 text-primary-600 dark:bg-primary-900/25 dark:text-primary-400`,r),title:e.enabled?i(`chat.input.toolsOn`):i(`chat.input.toolsOff`),"aria-pressed":e.enabled,"aria-expanded":a,"data-testid":`composer-tools-button`,children:(0,$.jsx)(Pe,{className:`h-4 w-4`})}),a&&(0,$.jsxs)(`div`,{className:`absolute bottom-full start-0 z-30 mb-2 flex w-72 flex-col rounded-xl border border-gray-200 bg-white p-2 shadow-lg dark:border-dark-200 dark:bg-dark-50`,style:{maxHeight:p},"data-testid":`composer-tools-menu`,children:[(0,$.jsxs)(`label`,{className:`flex flex-shrink-0 cursor-pointer items-center justify-between gap-2 rounded-lg px-2 py-1.5 text-sm font-medium text-gray-800 dark:text-gray-200`,children:[i(`composer.toolsMenu.enable`),(0,$.jsx)(`input`,{type:`checkbox`,checked:e.enabled,onChange:()=>t({...e,enabled:!e.enabled}),"data-testid":`composer-tools-enable`,className:`h-3.5 w-3.5 accent-primary-600`})]}),(0,$.jsxs)(`div`,{className:`min-h-0 flex-1 overflow-y-auto overscroll-contain`,"data-testid":`composer-tools-options`,children:[g.length>0&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`p`,{className:`mt-1 px-2 text-[11px] font-medium uppercase tracking-wide text-gray-400 dark:text-dark-500 rtl:tracking-normal`,children:i(`composer.toolsMenu.builtin`)}),g.map(n=>C(n.name,n.name,void 0,x.has(n.name),()=>t({...e,enabled:!0,builtinTools:Bn(e.builtinTools,y,n.name)})))]}),v.length>0&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`p`,{className:`mt-1 px-2 text-[11px] font-medium uppercase tracking-wide text-gray-400 dark:text-dark-500 rtl:tracking-normal`,children:i(`composer.toolsMenu.servers`)}),v.map(([n,r])=>C(n,r,void 0,S.has(n),()=>t({...e,enabled:!0,serverIds:Bn(e.serverIds,b,n)})))]})]}),(0,$.jsx)(`p`,{className:`mt-1 flex-shrink-0 border-t border-gray-100 px-2 pb-0.5 pt-1.5 text-[11px] leading-4 text-gray-400 dark:border-dark-200 dark:text-dark-500`,children:i(`composer.toolsMenu.hint`)})]})]})},Hn={enabled:!1,builtinTools:null,serverIds:null},Un=e=>{if(!e.enabled)return{};let t={...e.builtinTools===null?{}:{builtinTools:e.builtinTools},...e.serverIds===null?{}:{serverIds:e.serverIds}};return{tools:!0,...Object.keys(t).length>0?{toolSelection:t}:{}}},Wn=c(`components:chat-input`),Gn=560,Kn=({onSendMessage:e,onStopGeneration:t,onCancelComparison:n,onOpenVoiceMode:r,disabled:i=!1})=>{let{t:a}=l(),[o,s]=(0,Q.useState)(``),c=(0,Q.useRef)(``),[u,d]=(0,Q.useState)([]),[f,p]=(0,Q.useState)(null),[h,_]=(0,Q.useState)(!1),[v,x]=(0,Q.useState)(!1),[S,w]=(0,Q.useState)(!1),[A,j]=(0,Q.useState)(!1),[N,ee]=(0,Q.useState)([]),te=O(e=>e.pendingComparisons),[ne,ie]=(0,Q.useState)(Hn),F=O(e=>e.currentSession?.isPrivate===!0);(0,Q.useEffect)(()=>{let e=!1;return He.getConfig().then(t=>{!e&&t.success&&t.data&&w(t.data.allowed)}).catch(()=>{}),()=>{e=!0}},[]);let[I,ae]=(0,Q.useState)(null),[oe,ce]=(0,Q.useState)(!1),[le,L]=(0,Q.useState)([]),[R,ue]=(0,Q.useState)(!1),[fe,pe]=(0,Q.useState)(!1),[me,he]=(0,Q.useState)(null),[ge,ve]=(0,Q.useState)(!1),ye=(0,Q.useRef)(null),be=(0,Q.useRef)(null),xe=(0,Q.useRef)(null),[B,Ce]=(0,Q.useState)(!1);(0,Q.useEffect)(()=>{let e=xe.current;if(!e)return;let t=new ResizeObserver(t=>{let n=t[0]?.contentRect.width??e.clientWidth;Ce(n<Gn)});return t.observe(e),()=>t.disconnect()},[]);let{isGenerating:Te}=et(),H=et(e=>e.preferences.generationOptions),U=et(e=>e.preferences.imageGenSettings?.enabled===!0),Ee=U&&ge,{currentSession:K,models:q}=O(),Oe=et(e=>K?.model?e.preferences.modelGenerationOptions?.[K.model]:void 0),J=K?.id,[Ae,Me]=(0,Q.useState)(J);Ae!==J&&(Me(J),ee([]));let Ne=(0,Q.useRef)(null),Pe=(0,Q.useRef)(null),Fe=(0,Q.useMemo)(()=>({model:K?.personaId?`persona:${K.personaId}`:K?.model||``,providerType:K?.providerType,providerId:K?.providerId}),[K?.model,K?.personaId,K?.providerId,K?.providerType]),Ie=(0,Q.useMemo)(()=>g(q,Fe),[q,Fe]),Re=Fe.model?E(Ie,Fe):``,ze=b(q,Fe);(0,Q.useEffect)(()=>{let e=!1;return U&&(async()=>{try{let t=await Ve.getPlugins();if(e)return;ve(!!(t.success&&t.data&&t.data.length>0))}catch{if(e)return;ve(!1)}})(),()=>{e=!0}},[U]),(0,Q.useEffect)(()=>{if(!v)return;let e=e=>{ye.current&&!ye.current.contains(e.target)&&(x(!1),ae(null))};return window.addEventListener(`mousedown`,e),()=>window.removeEventListener(`mousedown`,e)},[v]);let X=()=>{x(!1),ae(null),ce(!1)};(0,Q.useEffect)(()=>{if(!oe)return;let e=!1;return Be.getCollections().then(t=>{!e&&t.success&&t.data&&L(t.data)}).catch(()=>{}),()=>{e=!0}},[oe]);let Ue=K?.settings?.generationOptions?.think,We=Oe?.think??H?.think??null,Ge=(0,Q.useMemo)(()=>q.find(e=>e.name===K?.model),[q,K?.model]),[Ke,qe]=(0,Q.useState)(null);(0,Q.useEffect)(()=>{let e=K?.model;if(!e||q.length===0||!Ge||Ge.isPlugin||Ge.isAgent)return;let t=!1;return Qe.getModelDefaults(e).then(n=>{!t&&n.success&&n.data&&qe({model:e,supportsThinking:n.data.supportsThinking,options:n.data.options??{},trainedContextLength:n.data.trainedContextLength,contextCapped:n.data.contextCapped})}).catch(()=>{}),()=>{t=!0}},[Ge,K?.model,q.length]);let Ye=Ke?.model===K?.model?Ke:null,Xe=Ye?.supportsThinking,Ze=!!(K&&!Ge?.isAgent&&(Ge?.isPlugin?Ge.reasoningSupport!==!1:Xe!==!1)),$e=T({model:Ge,sessionOptions:K?.settings?.generationOptions,pinnedOptions:Oe,modelDefaults:Ye?.options,globalOptions:H}),tt=O(e=>e.contextWindowMessages),nt=(0,Q.useMemo)(()=>D({messages:K?.messages??[],budget:$e,systemPrompt:me?.parameters?.system_prompt,windowMessages:tt}),[$e,tt,me,K?.messages]),rt=async e=>{if(!K)return;let t={...K.settings?.generationOptions??{}};e===null?delete t.think:t.think=e;let n={...K.settings,generationOptions:t};if(O.setState(e=>({currentSession:e.currentSession?.id===K.id?{...e.currentSession,settings:n}:e.currentSession,sessions:e.sessions.map(e=>e.id===K.id?{...e,settings:n}:e)})),!K.isPrivate)try{await Y.updateSession(K.id,{settings:n})}catch(e){Wn.error(`Failed to update the thinking setting:`,e)}},it=K?.settings?.knowledgeCollectionIds??[],at=async e=>{if(!K)return;let t=it.includes(e)?it.filter(t=>t!==e):[...it,e],n={...K.settings,knowledgeCollectionIds:t.length>0?t:void 0};if(O.setState(e=>({currentSession:e.currentSession?.id===K.id?{...e.currentSession,settings:n}:e.currentSession,sessions:e.sessions.map(e=>e.id===K.id?{...e,settings:n}:e)})),!K.isPrivate)try{await Y.updateSession(K.id,{settings:n})}catch(e){Wn.error(`Failed to update knowledge collections:`,e),z.error(a(`chat.input.menu.attachFailed`))}},ot=At({onStart:()=>{c.current=o},onText:e=>{let t=c.current;s(t?`${t} ${e}`:e)},ownerKey:J}),st=ot.phase===`starting`,ct=ot.phase===`recording`,lt=ot.phase===`transcribing`,ut=ot.supported,dt=ot.providerModel,ft=ot.sources.filter(e=>e.kind===`provider`),pt=async e=>{let t=e.target.files?.[0];if(e.target.value=``,t){X(),pe(!0);try{let e=await Be.uploadDocument(t,K?.id);e.success?(z.success(a(`chat.input.menu.documentAttached`)),window.dispatchEvent(new Event(`libre:documents-updated`))):z.error(e.error||a(`chat.input.menu.attachFailed`))}catch(e){Wn.error(`Document upload failed:`,e),z.error(a(`chat.input.menu.attachFailed`))}finally{pe(!1)}}},ht=async()=>{let e=I?.trim();if(e&&!R){ue(!0);try{let t=await Be.fetchWebpage(e,K?.id);t.success?(z.success(a(`chat.input.menu.webpageAttached`)),window.dispatchEvent(new Event(`libre:documents-updated`)),X()):z.error(t.error||a(`chat.input.menu.attachFailed`))}catch(e){let t=e?.response?.data?.error||a(`chat.input.menu.attachFailed`);Wn.error(`Webpage attach failed:`,e),z.error(t)}finally{ue(!1)}}},gt=async e=>{if(J&&!F)try{let t=await Y.enqueuePrompt(J,e);t.success&&t.data?(mt(J,t.data.queue),s(``)):z.error(t.error||a(`chat.queue.enqueueFailed`))}catch(e){let t=e?.response?.data?.error||a(`chat.queue.enqueueFailed`);Wn.error(`Failed to queue the prompt:`,e),z.error(t)}},_t=t=>{if(t.preventDefault(),!o.trim())return;if(Te){u.length===0&&!F&&J&&gt(o.trim());return}if(!ze){z.error(a(`chat.model.selectBeforeSending`));return}let n=F?{}:Un(ne),r=F?[]:jn(q,N);e(o.trim(),u.length>0?u:void 0,f||void 0,S&&A?!0:void 0,n.tools,n.toolSelection,r.length>0?r:void 0),s(``),d([])},vt=e=>{e.nativeEvent.isComposing||e.nativeEvent.keyCode===229||Pe.current?.handleKeyDown(e)||e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),_t(e))},bt=()=>{t()};(0,Q.useEffect)(()=>{let e=Ne.current;e&&(e.style.height=`auto`,e.style.height=o?`${Math.min(e.scrollHeight,200)}px`:``)},[o]),(0,Q.useEffect)(()=>{(async()=>{if(K?.personaId)try{let e=await Je.getPersona(K.personaId);if(e.success&&e.data)he(e.data);else{Wn.warn(`Persona ${K.personaId} not found, clearing reference`),he(null);let{setCurrentSession:e}=O.getState();e({...K,personaId:void 0})}}catch(e){if(Wn.error(`Failed to load current persona:`,e),he(null),K){let{setCurrentSession:e}=O.getState();e({...K,personaId:void 0})}}else he(null)})()},[K?.personaId]);let xt=async e=>{let t=k(Ie,e.target.value);if(t&&K)try{if(t.model.startsWith(`persona:`)){let e=t.model.slice(8),n=await Je.getPersona(e);if(!n.success||!n.data){z.error(a(`chat.persona.loadFailed`));return}let r=await Y.updateSession(K.id,{personaId:e,model:t.model,providerType:`ollama`,providerId:null});if(r.success&&r.data){let{sessions:e}=O.getState(),t=e.map(e=>e.id===K.id?r.data:e);O.setState({sessions:t,currentSession:r.data}),z.success(a(`chat.persona.applied`))}}else{let e=await Y.updateSession(K.id,{model:t.model,providerType:t.providerType,providerId:(t.providerType===`plugin`||t.providerType===`agent`)&&t.providerId||null,personaId:null});if(e.success&&e.data){let{sessions:t}=O.getState(),n=t.map(t=>t.id===K.id?e.data:t);O.setState({sessions:n,currentSession:e.data}),z.success(a(`chat.model.updated`))}}}catch(e){Wn.error(`Failed to update session:`,e),z.error(a(`chat.toasts.updateFailed`))}},St=u.length>0||f!==null;return(0,$.jsx)(`div`,{className:`pointer-events-none`,children:(0,$.jsxs)(`div`,{ref:xe,className:`pointer-events-auto mx-auto w-full max-w-3xl px-4 sm:px-6 md:px-8`,children:[h&&(0,$.jsxs)(`div`,{className:`mb-2 animate-slide-up rounded-2xl border border-black/[0.07] bg-surface/90 p-4 shadow-[0_12px_40px_rgba(15,23,42,0.08)] backdrop-blur-xl dark:border-white/[0.08] dark:bg-dark-200/90`,children:[(0,$.jsx)(vn,{images:u,onImagesChange:d,maxImages:5,sessionId:K?.id,disabled:i}),(0,$.jsx)(Cn,{format:f,onFormatChange:p})]}),(0,$.jsxs)(`div`,{className:`pb-2.5 pt-1.5 sm:pb-3`,children:[J&&!F&&(K?.settings?.promptQueue?.length??0)>0&&(0,$.jsx)(An,{sessionId:J,queue:K.settings.promptQueue}),J&&te.some(e=>e.sessionId===J)&&(0,$.jsx)(`div`,{className:`mx-auto mb-1.5 flex w-full max-w-3xl flex-wrap gap-1.5 px-1`,"data-testid":`pending-comparisons`,children:te.filter(e=>e.sessionId===J).map(e=>(0,$.jsxs)(`span`,{className:`flex items-center gap-1.5 rounded-full border border-black/[0.07] bg-surface/70 px-2.5 py-1 text-[12px] text-gray-600 dark:border-white/[0.08] dark:bg-dark-200/70 dark:text-dark-700`,"data-testid":`pending-comparison`,children:[(0,$.jsx)(P,{className:`h-3 w-3 animate-spin`}),(0,$.jsx)(`span`,{dir:`ltr`,className:`max-w-[160px] truncate`,children:e.model}),n&&(0,$.jsx)(`button`,{type:`button`,onClick:()=>n(e.assistantMessageId),className:`rounded-full p-0.5 text-gray-400 hover:text-red-500`,"aria-label":a(`common.cancel`),children:(0,$.jsx)(G,{className:`h-3 w-3`})})]},e.assistantMessageId))}),(0,$.jsx)(`form`,{onSubmit:_t,children:(0,$.jsxs)(`div`,{"data-composer-box":``,className:kt,children:[(0,$.jsx)(zn,{ref:Pe,message:o,disabled:i,onApply:e=>{s(e),Ne.current?.focus()}}),(0,$.jsx)(gn,{ref:Ne,value:o,onChange:e=>s(e.target.value),onKeyDown:vt,placeholder:a(`chat.input.placeholder`),disabled:i,className:`!m-0 block w-full min-h-9 max-h-[160px] resize-none !rounded-none !border-0 !bg-transparent !px-2 !pt-1.5 !pb-2 !shadow-none scrollbar-thin scrollbar-thumb-gray-300 placeholder:text-ink-subtle focus:!border-0 focus:!bg-transparent focus:!shadow-none focus:!ring-0 dark:scrollbar-thumb-dark-400 text-[0.9375rem] leading-relaxed touch-manipulation`,rows:1}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,$.jsxs)(`div`,{ref:ye,className:`relative flex-shrink-0`,children:[(0,$.jsx)(Z,{type:`button`,variant:`ghost`,size:`sm`,onClick:()=>{if(h){_(!1);return}x(e=>!e),ae(null)},className:m(`h-9 w-9 !p-0 rounded-full flex-shrink-0`,`bg-surface-subtle text-ink-muted hover:bg-hover-solid hover:text-ink dark:bg-surface-raised dark:hover:bg-surface-overlay`,`transition-colors duration-150 touch-manipulation`,St&&`text-primary-600 dark:text-primary-400`,(h||v)&&`bg-hover-solid text-ink`),title:a(`chat.input.attachments`),children:fe||R?(0,$.jsx)(P,{className:`h-4 w-4 animate-spin`}):St?(0,$.jsxs)(`div`,{className:`relative flex items-center justify-center`,children:[(0,$.jsx)(W,{className:`h-4 w-4`}),(0,$.jsx)(`div`,{className:`absolute -top-0.5 -end-0.5 h-2 w-2 bg-primary-500 dark:bg-primary-400 rounded-full ring-2 ring-white dark:ring-dark-50`})]}):h?(0,$.jsx)(de,{className:`h-4 w-4`}):(0,$.jsx)(Se,{className:`h-4 w-4`})}),v&&(0,$.jsx)(`div`,{className:`absolute bottom-full start-0 z-30 mb-2 w-64 rounded-2xl border border-black/[0.08] bg-surface/95 p-1.5 shadow-[0_16px_48px_rgba(15,23,42,0.16)] backdrop-blur-xl animate-scale-in dark:border-white/[0.09] dark:bg-dark-100/95`,children:oe?(0,$.jsxs)(`div`,{className:`p-1`,children:[(0,$.jsx)(`p`,{className:`mb-1 px-1.5 text-[11px] font-medium text-gray-500 dark:text-dark-600`,children:a(`chat.input.menu.attachKnowledge`)}),le.length===0?(0,$.jsx)(`p`,{className:`px-1.5 pb-1 text-[12px] text-ink-subtle`,children:a(`chat.input.menu.noCollections`)}):le.map(e=>{let t=it.includes(e.id);return(0,$.jsxs)(`button`,{type:`button`,onClick:()=>void at(e.id),className:m(`flex w-full items-center justify-between gap-2 rounded-xl px-2.5 py-2 text-start text-[13px] text-gray-700 hover:bg-gray-100 dark:text-dark-800 dark:hover:bg-dark-200`,t&&`text-primary-600 dark:text-primary-400`),"aria-pressed":t,children:[(0,$.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2`,children:[(0,$.jsx)(Le,{className:`h-4 w-4 shrink-0`}),(0,$.jsx)(`span`,{className:`truncate`,children:e.name})]}),t&&(0,$.jsx)(_e,{className:`h-3.5 w-3.5 shrink-0`})]},e.id)}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>ce(!1),className:`mt-1 w-full rounded-lg border-t border-gray-100 px-2.5 py-1.5 text-start text-xs text-gray-500 hover:bg-gray-100 dark:border-dark-300 dark:text-dark-600 dark:hover:bg-dark-200`,children:a(`common.back`)})]}):I===null?(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`button`,{type:`button`,onClick:()=>{_(!0),X()},className:`flex w-full items-center gap-2.5 rounded-xl px-2.5 py-2 text-start text-[13px] text-gray-700 hover:bg-gray-100 dark:text-dark-800 dark:hover:bg-dark-200`,children:[(0,$.jsx)(re,{className:`h-4 w-4 text-gray-500 dark:text-dark-600`}),a(`chat.input.menu.uploadImages`)]}),(0,$.jsxs)(`button`,{type:`button`,onClick:()=>be.current?.click(),className:`flex w-full items-center gap-2.5 rounded-xl px-2.5 py-2 text-start text-[13px] text-gray-700 hover:bg-gray-100 dark:text-dark-800 dark:hover:bg-dark-200`,children:[(0,$.jsx)(we,{className:`h-4 w-4 text-gray-500 dark:text-dark-600`}),a(`chat.input.menu.attachDocument`)]}),(0,$.jsxs)(`button`,{type:`button`,onClick:()=>ae(``),className:`flex w-full items-center gap-2.5 rounded-xl px-2.5 py-2 text-start text-[13px] text-gray-700 hover:bg-gray-100 dark:text-dark-800 dark:hover:bg-dark-200`,children:[(0,$.jsx)(V,{className:`h-4 w-4 text-gray-500 dark:text-dark-600`}),a(`chat.input.menu.attachWebpage`)]}),(0,$.jsxs)(`button`,{type:`button`,onClick:()=>ce(!0),className:`flex w-full items-center justify-between gap-2.5 rounded-xl px-2.5 py-2 text-start text-[13px] text-gray-700 hover:bg-gray-100 dark:text-dark-800 dark:hover:bg-dark-200`,children:[(0,$.jsxs)(`span`,{className:`flex items-center gap-2.5`,children:[(0,$.jsx)(Le,{className:`h-4 w-4 text-gray-500 dark:text-dark-600`}),a(`chat.input.menu.attachKnowledge`)]}),it.length>0&&(0,$.jsx)(`span`,{className:`rounded-full bg-primary-50 px-1.5 text-[10px] font-medium tabular-nums text-primary-600 dark:bg-primary-900/20 dark:text-primary-400`,children:it.length})]}),(0,$.jsxs)(`button`,{type:`button`,onClick:()=>{_(!0),X()},className:`flex w-full items-center gap-2.5 rounded-xl px-2.5 py-2 text-start text-[13px] text-gray-700 hover:bg-gray-100 dark:text-dark-800 dark:hover:bg-dark-200`,children:[(0,$.jsx)(ke,{className:`h-4 w-4 text-gray-500 dark:text-dark-600`}),a(`chat.input.menu.structuredOutput`)]}),B&&S&&(0,$.jsxs)(`button`,{type:`button`,onClick:()=>{j(e=>!e),X()},className:m(`flex w-full items-center justify-between gap-2.5 rounded-xl px-2.5 py-2 text-start text-[13px] text-gray-700 hover:bg-gray-100 dark:text-dark-800 dark:hover:bg-dark-200`,A&&`text-primary-600 dark:text-primary-400`),"aria-pressed":A,children:[(0,$.jsxs)(`span`,{className:`flex items-center gap-2.5`,children:[(0,$.jsx)(V,{className:`h-4 w-4 text-gray-500 dark:text-dark-600`}),a(A?`chat.input.webSearchOn`:`chat.input.webSearchOff`)]}),A&&(0,$.jsx)(_e,{className:`h-3.5 w-3.5 shrink-0`})]}),B&&ut&&r&&(0,$.jsxs)(`button`,{type:`button`,onClick:()=>{yt(),r(),X()},className:`flex w-full items-center gap-2.5 rounded-xl px-2.5 py-2 text-start text-[13px] text-gray-700 hover:bg-gray-100 dark:text-dark-800 dark:hover:bg-dark-200`,children:[(0,$.jsx)(je,{className:`h-4 w-4 text-gray-500 dark:text-dark-600`}),a(`voiceMode.open`)]})]}):(0,$.jsxs)(`div`,{className:`p-1.5`,children:[(0,$.jsx)(`label`,{className:`mb-1.5 block text-[11px] font-medium text-gray-500 dark:text-dark-600`,children:a(`chat.input.menu.attachWebpage`)}),(0,$.jsx)(`input`,{type:`url`,value:I,onChange:e=>ae(e.target.value),onKeyDown:e=>{e.key===`Enter`?(e.preventDefault(),ht()):e.key===`Escape`&&ae(null)},placeholder:`https://…`,autoFocus:!0,dir:`ltr`,className:`w-full rounded-lg border border-black/[0.08] bg-white px-2.5 py-1.5 text-[13px] text-gray-900 placeholder:text-gray-400 focus:border-primary-500/40 focus:outline-none dark:border-white/[0.08] dark:bg-dark-50 dark:text-dark-900`}),(0,$.jsxs)(`div`,{className:`mt-2 flex justify-end gap-1.5`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:()=>ae(null),className:`rounded-lg px-2.5 py-1 text-xs text-gray-500 hover:bg-gray-100 dark:text-dark-600 dark:hover:bg-dark-200`,children:a(`common.cancel`)}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>void ht(),disabled:!I.trim()||R,className:`rounded-lg bg-gray-900 px-2.5 py-1 text-xs text-white hover:bg-gray-700 disabled:opacity-50 dark:bg-dark-300 dark:hover:bg-dark-400`,children:R?(0,$.jsx)(P,{className:`h-3.5 w-3.5 animate-spin`}):a(`chat.input.menu.attach`)})]})]})}),(0,$.jsx)(`input`,{ref:be,type:`file`,accept:Nn,className:`hidden`,onChange:e=>void pt(e)})]}),(0,$.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-wrap items-center gap-1 sm:gap-1.5`,children:[Ze&&(0,$.jsx)(wn,{value:Ue,inheritedValue:We,onChange:e=>void rt(e)}),S&&!B&&(0,$.jsx)(Z,{type:`button`,variant:`ghost`,size:`sm`,onClick:()=>j(e=>!e),className:m(`h-9 w-9 p-0 rounded-full flex-shrink-0 flex items-center justify-center`,`text-ink-muted hover:bg-interactive-hover hover:text-ink`,`transition-colors duration-150 touch-manipulation`,A&&`bg-primary-50 text-primary-600 dark:bg-primary-900/25 dark:text-primary-400`),title:a(A?`chat.input.webSearchOn`:`chat.input.webSearchOff`),"aria-pressed":A,children:(0,$.jsx)(V,{className:`h-4 w-4`})}),!F&&(0,$.jsx)(Vn,{value:ne,onChange:ie}),!F&&K&&!B&&(0,$.jsx)(Mn,{models:q,currentModelKey:y({model:K.personaId?`persona:${K.personaId}`:K.model,providerType:K.providerType??null,providerId:K.providerId??null}),selectedKeys:N,onChange:ee,disabled:i}),ft.length>0&&!B&&(0,$.jsx)(`select`,{value:ot.activeSourceKey,onChange:e=>ot.setSourceKey(e.target.value),disabled:st||ct||lt,"aria-label":a(`chat.input.transcriptionSource`),title:dt?a(`chat.input.providerTranscriptionDisclosure`,{provider:dt.plugin}):a(`chat.input.transcriptionSource`),className:`h-8 max-w-32 rounded-lg border border-black/[0.08] bg-transparent px-1.5 text-[11px] text-gray-500 outline-none focus:border-primary-500/40 dark:border-white/[0.09] dark:text-dark-600`,children:ot.sources.map(e=>e.kind===`browser`?(0,$.jsx)(`option`,{value:e.key,children:a(`chat.input.browserSpeech`)},e.key):(0,$.jsxs)(`option`,{value:e.key,children:[e.model?.plugin,` · `,e.model?.model]},e.key))}),ut&&(0,$.jsx)(Z,{type:`button`,variant:`ghost`,size:`sm`,onClick:()=>void ot.toggle(),className:m(`h-9 w-9 p-0 rounded-full flex-shrink-0 flex items-center justify-center`,`text-ink-muted hover:bg-interactive-hover hover:text-ink`,`transition-colors duration-150 touch-manipulation`,(st||ct||lt)&&`bg-red-50 text-red-500 animate-pulse dark:bg-red-900/20 dark:text-red-400`),title:lt||st?a(`common.cancel`):ct?a(`chat.input.voiceStop`):dt?a(`chat.input.providerTranscriptionDisclosure`,{provider:dt.plugin}):a(`chat.input.voiceInput`),"aria-pressed":st||ct||lt,children:st?(0,$.jsx)(P,{className:`h-4 w-4 animate-spin`}):lt?(0,$.jsx)(se,{className:`h-4 w-4`}):(0,$.jsx)(M,{className:`h-4 w-4`})}),ut&&r&&!B&&(0,$.jsx)(Z,{type:`button`,variant:`ghost`,size:`sm`,onClick:()=>{yt(),r()},className:m(`h-9 w-9 p-0 rounded-full flex-shrink-0 flex items-center justify-center`,`text-ink-muted hover:bg-interactive-hover hover:text-ink`,`transition-colors duration-150 touch-manipulation`),title:a(`voiceMode.open`),"aria-label":a(`voiceMode.open`),"data-testid":`voice-mode-open`,children:(0,$.jsx)(je,{className:`h-4 w-4`})}),K&&(0,$.jsx)(On,{usage:nt,trainedBudget:Ye?.contextCapped?Ye.trainedContextLength:void 0}),(0,$.jsx)(`div`,{className:`min-w-0 flex-1`}),K&&Ie.length>0&&(0,$.jsx)(`div`,{className:`hidden sm:block`,children:(0,$.jsx)(Ot,{models:Ie,selectedModel:Re,onModelChange:xt,getModelValue:C,currentPersona:me,className:`min-w-[150px] max-w-[230px]`,compact:!0,showImageGen:Ee})}),Te?(0,$.jsx)(Z,{type:`button`,variant:`ghost`,size:`sm`,onClick:bt,className:m(`h-9 w-9 p-0 rounded-full flex-shrink-0 flex items-center justify-center`,`bg-red-50 dark:bg-red-900/20`,`text-red-500 dark:text-red-400`,`hover:bg-red-100 dark:hover:bg-red-900/30`,`transition-colors duration-150 touch-manipulation`),title:a(`chat.input.stopGeneration`),children:(0,$.jsx)(se,{className:`h-4 w-4`})}):(0,$.jsx)(Z,{type:`submit`,variant:`primary`,size:`sm`,disabled:!o.trim()||i||!ze,className:jt,title:a(`chat.input.sendMessage`),children:(0,$.jsx)(De,{className:`h-4 w-4`})})]})]})]})}),dt&&(0,$.jsx)(`p`,{role:`note`,className:`mt-1.5 text-center text-[10px] leading-relaxed text-amber-700 dark:text-amber-300`,children:a(`chat.input.providerTranscriptionDisclosure`,{provider:dt.plugin})}),K&&Ie.length>0&&(0,$.jsx)(`div`,{className:`mt-3 sm:hidden`,children:(0,$.jsx)(Ot,{models:Ie,selectedModel:Re,onModelChange:xt,getModelValue:C,currentPersona:me,className:`w-full`,compact:!0,showImageGen:Ee})}),(0,$.jsxs)(`div`,{className:`mt-1.5 flex min-h-4 items-center justify-center gap-2 text-[10px] text-ink-subtle`,children:[(0,$.jsx)(bn,{sessionId:K?.id}),(0,$.jsxs)(`div`,{className:`text-center leading-relaxed`,children:[(0,$.jsx)(`span`,{children:a(`chat.footer.disclaimer`)}),St&&(0,$.jsxs)(`span`,{className:`ms-2 text-primary-600 dark:text-primary-400`,children:[`•`,` `,u.length>0&&a(`chat.footer.images`,{count:u.length}),u.length>0&&f&&` • `,f&&a(`chat.footer.structuredOutput`)]})]})]})]})]})})},qn={phase:`idle`,muted:!1,turn:0,error:null},Jn=e=>({...e,phase:`listening`,turn:e.turn+1});function Yn(e,t){switch(t.type){case`start`:return e.phase===`idle`?{phase:`listening`,muted:!1,turn:e.turn+1,error:null}:e;case`stop`:return{...e,phase:`idle`,error:null};case`mute`:return{...e,muted:!0};case`unmute`:return{...e,muted:!1};case`captured`:return e.phase===`listening`&&!e.muted?{...e,phase:`transcribing`,error:null}:e;case`transcript`:return e.phase===`transcribing`?t.text.trim()?{...e,phase:`generating`}:Jn(e):e;case`reply`:return e.phase===`generating`?t.speak?{...e,phase:`speaking`}:Jn(e):e;case`spoken`:case`barge-in`:return e.phase===`speaking`?Jn(e):e;case`fail`:return e.phase===`idle`?e:{...Jn(e),error:t.message}}}var Xn=c(`utils:voice-mode-controller`),Zn=.015,Qn=200,$n=1500,er=6e4,tr=300,nr=18e4,rr=()=>{if(typeof window>`u`)return;let e=window;return e.SpeechRecognition||e.webkitSpeechRecognition},ir=e=>{if(typeof MediaRecorder>`u`)return;let t=new Set((e.config?.formats||[]).map(e=>e.toLowerCase())),n=`audio/webm;codecs=opus`;if(!(t.size>0&&!t.has(`webm`))&&(typeof MediaRecorder.isTypeSupported!=`function`||MediaRecorder.isTypeSupported(n)))return n},ar=class{options;state=qn;closed=!1;useBrowserRecognition=!1;sttModel=null;ttsModels=[];stream=null;recorder=null;chunks=[];audioContext=null;analyser=null;monitorTimer=null;pollTimer=null;recognition=null;ttsSession=null;abortController=null;constructor(e){this.options=e}async start(){try{let[e,t]=await Promise.all([Ze.getModels().catch(()=>({success:!1,data:[]})),Ue.getModels().catch(()=>({success:!1,data:[]}))]);if(this.closed)return;let n=e.success&&e.data||[];this.ttsModels=t.success&&t.data||[];let r=n.find(e=>!!ir(e)),i=!!r&&typeof navigator<`u`&&!!navigator.mediaDevices?.getUserMedia,a=!!rr();if(i&&r)this.sttModel=r,this.useBrowserRecognition=!1;else if(a)this.useBrowserRecognition=!0;else{this.options.onSupport(!1);return}if(this.options.onSupport(!0),!this.useBrowserRecognition&&(await this.ensureStream(),this.closed))return;let o=this.send({type:`start`});this.beginTurn(o.turn)}catch(e){Xn.warn(`Voice mode failed to start:`,e),this.closed||this.options.onSupport(!1)}}close(){this.closed=!0,this.clearMonitor(),this.clearPoll(),this.stopRecorder(),this.stopRecognition(),this.abortController?.abort(),this.ttsSession?.cancel(),this.ttsSession=null,this.stream?.getTracks().forEach(e=>e.stop()),this.stream=null,this.audioContext&&=(this.audioContext.close().catch(()=>void 0),null)}toggleMute(){if(this.state.muted){let e=this.send({type:`unmute`});e.phase===`listening`&&(this.stopRecorder(),this.stopRecognition(),this.beginTurn(e.turn))}else this.send({type:`mute`})}finishTurn(){this.state.phase!==`listening`||this.state.muted||(this.useBrowserRecognition?this.recognition?.stop():this.finishProviderCapture(this.state.turn))}skipSpeech(){if(this.state.phase!==`speaking`)return;this.ttsSession?.cancel(),this.clearMonitor();let e=this.send({type:`spoken`});e.phase===`listening`&&this.beginTurn(e.turn)}send(e){return this.state=Yn(this.state,e),this.options.onState(this.state),this.state}staleTurn(e){return this.closed||this.state.turn!==e}clearMonitor(){this.monitorTimer!==null&&(window.clearInterval(this.monitorTimer),this.monitorTimer=null)}clearPoll(){this.pollTimer!==null&&(window.clearInterval(this.pollTimer),this.pollTimer=null)}stopRecorder(){let e=this.recorder;if(this.recorder=null,e&&e.state!==`inactive`)try{e.stop()}catch{}}stopRecognition(){let e=this.recognition;if(this.recognition=null,e){e.onresult=null,e.onend=null,e.onerror=null;try{e.stop()}catch{}}}rmsLevel(){if(!this.analyser)return 0;let e=new Float32Array(this.analyser.fftSize);this.analyser.getFloatTimeDomainData(e);let t=0;for(let n=0;n<e.length;n+=1)t+=e[n]*e[n];return Math.sqrt(t/e.length)}async ensureStream(){if(this.stream)return this.stream;let e=await navigator.mediaDevices.getUserMedia({audio:!0});this.stream=e;try{let t=window.AudioContext||window.webkitAudioContext;if(t){let n=new t;n.resume().catch(()=>void 0);let r=n.createMediaStreamSource(e),i=n.createAnalyser();i.fftSize=1024,r.connect(i),this.audioContext=n,this.analyser=i}}catch(e){Xn.warn(`Voice mode analyser unavailable:`,e)}return e}fail(e,t){if(this.staleTurn(e))return;this.clearMonitor(),this.clearPoll();let n=this.send({type:`fail`,message:t});n.phase===`listening`&&this.beginTurn(n.turn)}beginTurn(e){this.closed||this.state.turn!==e||this.state.phase===`listening`&&(this.stopRecognition(),this.useBrowserRecognition?this.startBrowserCapture(e):this.startProviderCapture(e))}startBrowserCapture(e){let t=rr();if(!t)return;let n=new t;n.lang=this.options.locale,n.continuous=!1,n.interimResults=!1;let r=``;n.onresult=e=>{r=Array.from({length:e.results.length},(t,n)=>e.results[n]?.[0]?.transcript??``).join(` `).trim()},n.onend=()=>{this.staleTurn(e)||this.state.muted||this.send({type:`captured`}).phase===`transcribing`&&this.handleTranscript(e,r)},n.onerror=()=>{this.staleTurn(e)||this.fail(e,this.options.messages.microphoneFailed)},this.recognition=n;try{n.start()}catch{this.fail(e,this.options.messages.microphoneFailed)}}async startProviderCapture(e){let t=this.sttModel;if(!t)return;let n=ir(t);if(!n){this.fail(e,this.options.messages.microphoneFailed);return}try{let t=await this.ensureStream();if(this.staleTurn(e))return;this.chunks=[];let r=new MediaRecorder(t,{mimeType:n});this.recorder=r,r.ondataavailable=e=>{e.data.size>0&&this.chunks.push(e.data)},r.onstop=()=>{if(this.staleTurn(e)&&this.state.phase!==`transcribing`)return;let t=new Blob(this.chunks,{type:n});if(this.chunks=[],t.size===0){this.handleTranscript(e,``);return}this.transcribeRecording(e,t)},r.start();let i=0,a=0,o=!1,s=Date.now();this.clearMonitor(),this.monitorTimer=window.setInterval(()=>{if(this.staleTurn(e)){this.clearMonitor();return}if(this.state.muted){i=0,a=0;return}this.analyser&&(this.rmsLevel()>Zn?(i+=50,a=0,i>=Qn&&(o=!0)):(i=0,o&&(a+=50))),(o&&a>=$n||Date.now()-s>=er)&&this.finishProviderCapture(e)},50)}catch(t){Xn.warn(`Voice mode microphone failed:`,t),this.fail(e,this.options.messages.microphoneFailed)}}finishProviderCapture(e){this.staleTurn(e)||(this.clearMonitor(),this.send({type:`captured`}).phase===`transcribing`&&this.stopRecorder())}transcribeRecording(e,t){let n=this.sttModel;if(!n){this.fail(e,this.options.messages.transcriptionFailed);return}let r=new AbortController;this.abortController=r,Ze.transcribe(t,n,{language:this.options.locale?.split(`-`)[0],signal:r.signal}).then(t=>this.handleTranscript(e,t.text??``)).catch(t=>{r.signal.aborted||(Xn.warn(`Voice mode transcription failed:`,t),this.fail(e,this.options.messages.transcriptionFailed))})}handleTranscript(e,t){if(this.staleTurn(e))return;let n=this.send({type:`transcript`,text:t});n.phase===`generating`?this.startGeneration(n.turn,t.trim()):n.phase===`listening`&&this.beginTurn(n.turn)}startGeneration(e,t){this.options.onTranscript(t);let n=this.options.snapshot().lastAssistantMessage?.id??null,r=!1,i=Date.now();this.options.sendMessage(t),this.clearPoll(),this.pollTimer=window.setInterval(()=>{if(this.staleTurn(e)){this.clearPoll();return}let t=this.options.snapshot(),a=t.lastAssistantMessage,o=a!==null&&a.id!==n;if((t.isStreaming||o)&&(r=!0),r&&!t.isStreaming&&o){this.clearPoll();let t=this.ttsModels.length>0&&a.content.trim()!==``,n=this.send({type:`reply`,speak:t});n.phase===`speaking`?this.speakReply(e,a.content):n.phase===`listening`&&this.beginTurn(n.turn);return}Date.now()-i>nr&&(this.clearPoll(),this.fail(e,this.options.messages.replyTimeout))},250)}speakReply(e,t){let n=this.options.snapshot().ttsSettings,r=qe(this.ttsModels,n?.model,n?.pluginId);if(!r){this.finishSpeaking(e);return}let i=r.model===n?.model&&(!n?.pluginId||r.plugin===n.pluginId),a=i&&n?.voice||r.config?.default_voice,o=i&&n?.voiceProfileId||void 0,s=Math.max(1,r.config?.max_characters||600),c=Math.min(s,600),l=vt(t,{locale:this.options.locale,maxChars:c,targetChars:Math.min(c,420),minChars:Math.min(c,80)});if(l.length===0){this.finishSpeaking(e);return}let u=gt({concurrency:3,initialBufferSize:Math.min(2,l.length),generate:(e,{signal:t})=>Ue.generate({model:r.model,pluginId:r.plugin,input:e,voice:o?void 0:a||void 0,voiceProfileId:o,speed:n?.speed||1,response_format:r.config?.default_format},{signal:t}),onStateChange:()=>void 0});this.ttsSession=u;let d=bt(u);this.startBargeInMonitor(e,u),u.play(l).then(()=>{this.staleTurn(e)||this.finishSpeaking(e)}).catch(t=>{this.staleTurn(e)||ht(t)||(Xn.warn(`Voice mode speech failed:`,t),this.finishSpeaking(e))}).finally(()=>{d(),this.ttsSession===u&&(this.ttsSession=null)})}startBargeInMonitor(e,t){if(!this.analyser)return;this.clearMonitor();let n=0;this.monitorTimer=window.setInterval(()=>{if(this.staleTurn(e)||this.state.muted){n=0;return}if(this.rmsLevel()>Zn){if(n+=50,n>=tr){this.clearMonitor(),t.cancel();let e=this.send({type:`barge-in`});e.phase===`listening`&&this.beginTurn(e.turn)}}else n=0},50)}finishSpeaking(e){if(this.staleTurn(e))return;this.clearMonitor();let t=this.send({type:`spoken`});t.phase===`listening`&&this.beginTurn(t.turn)}},or=({onClose:e,onSendMessage:t,isStreaming:n,lastAssistantMessage:r})=>{let{t:i,i18n:a}=l(),{preferences:o}=et(),[s,c]=(0,Q.useState)(qn),[u,d]=(0,Q.useState)(``),[f,p]=(0,Q.useState)(null),h=(0,Q.useRef)(null),g=(0,Q.useRef)({isStreaming:!1,lastAssistantMessage:null,ttsSettings:void 0});(0,Q.useEffect)(()=>{g.current={isStreaming:n,lastAssistantMessage:r,ttsSettings:o.ttsSettings}},[n,r,o.ttsSettings]),(0,Q.useEffect)(()=>{let e=new ar({locale:a.language,sendMessage:e=>t(e),snapshot:()=>g.current,onState:e=>c(e),onTranscript:e=>d(e),onSupport:e=>p(e),messages:{microphoneFailed:i(`voiceMode.microphoneFailed`),transcriptionFailed:i(`voiceMode.transcriptionFailed`),replyTimeout:i(`voiceMode.replyTimeout`)}});return h.current=e,e.start(),()=>{h.current=null,e.close()}},[]);let _=s.phase,v=f===!1?`voiceMode.unsupported`:_===`listening`?s.muted?`voiceMode.muted`:`voiceMode.listening`:_===`transcribing`?`voiceMode.transcribing`:_===`generating`?`voiceMode.generating`:_===`speaking`?`voiceMode.speaking`:`voiceMode.starting`;return(0,Mt.createPortal)((0,$.jsxs)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-label":i(`voiceMode.title`),className:`fixed inset-0 z-[70] flex flex-col items-center justify-center gap-6 bg-white/95 p-6 backdrop-blur dark:bg-dark-25/95`,"data-testid":`voice-mode-overlay`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:e,"aria-label":i(`voiceMode.close`),className:`absolute right-4 top-4 rounded-full p-2 text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-dark-100`,children:(0,$.jsx)(G,{className:`h-5 w-5`})}),(0,$.jsx)(`div`,{className:m(`flex h-28 w-28 items-center justify-center rounded-full border-4 transition-colors`,_===`listening`&&!s.muted?`border-primary-500 text-primary-500`:_===`speaking`?`border-emerald-500 text-emerald-500`:_===`generating`||_===`transcribing`?`border-amber-500 text-amber-500`:`border-gray-300 text-gray-400 dark:border-dark-300`),children:_===`transcribing`||_===`generating`?(0,$.jsx)(P,{className:`h-10 w-10 animate-spin`}):s.muted?(0,$.jsx)(Re,{className:`h-10 w-10`}):_===`speaking`?(0,$.jsx)(je,{className:`h-10 w-10`}):(0,$.jsx)(M,{className:`h-10 w-10`})}),(0,$.jsxs)(`div`,{className:`text-center`,children:[(0,$.jsx)(`p`,{className:`text-base font-medium text-gray-900 dark:text-gray-100`,"data-testid":`voice-mode-status`,children:i(v)}),s.error&&(0,$.jsx)(`p`,{className:`mt-1 text-sm text-red-600 dark:text-red-400`,children:s.error}),u&&(0,$.jsxs)(`p`,{className:`mt-3 max-w-md text-sm text-gray-600 dark:text-gray-300`,children:[`“`,u,`”`]})]}),f!==!1&&(0,$.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:()=>h.current?.toggleMute(),"aria-label":s.muted?i(`voiceMode.unmute`):i(`voiceMode.mute`),"aria-pressed":s.muted,className:`rounded-full border border-gray-300 p-3 text-gray-700 hover:bg-gray-100 dark:border-dark-300 dark:text-gray-300 dark:hover:bg-dark-100`,children:s.muted?(0,$.jsx)(Re,{className:`h-5 w-5`}):(0,$.jsx)(M,{className:`h-5 w-5`})}),_===`listening`&&!s.muted&&(0,$.jsx)(`button`,{type:`button`,onClick:()=>h.current?.finishTurn(),"aria-label":i(`voiceMode.finishTurn`),className:`rounded-full border border-primary-500 p-3 text-primary-600 hover:bg-primary-50 dark:hover:bg-primary-950/30`,children:(0,$.jsx)(_e,{className:`h-5 w-5`})}),_===`speaking`&&(0,$.jsx)(`button`,{type:`button`,onClick:()=>h.current?.skipSpeech(),"aria-label":i(`voiceMode.skipReply`),className:`rounded-full border border-emerald-500 p-3 text-emerald-600 hover:bg-emerald-50 dark:hover:bg-emerald-950/30`,children:(0,$.jsx)(ee,{className:`h-5 w-5`})})]}),f===!1&&(0,$.jsx)(`p`,{className:`max-w-md text-center text-sm text-gray-600 dark:text-gray-300`,children:i(`voiceMode.unsupportedHint`)})]}),document.body)},sr=c(`components:chat-controls-panel`),cr=[{key:`temperature`,labelKey:`temperature`,step:`0.1`,min:0,max:2},{key:`top_p`,labelKey:`topP`,step:`0.05`,min:0,max:1},{key:`top_k`,labelKey:`topK`,step:`1`,min:1},{key:`min_p`,labelKey:`minP`,step:`0.05`,min:0,max:1},{key:`num_predict`,labelKey:`maxTokens`,step:`1`},{key:`repeat_penalty`,labelKey:`repeatPenalty`,step:`0.05`,min:0},{key:`seed`,labelKey:`seed`,step:`1`},{key:`num_ctx`,labelKey:`contextLength`,step:`1`}],lr=({session:e,draftModel:t,open:n,onClose:r})=>{let{t:i}=l(),a=O(e=>e.draftSessionSettings),o=O(e=>e.setDraftSessionSettings),s=e?.model??t??``,c=et(e=>e.preferences.generationOptions),d=et(e=>e.preferences.modelGenerationOptions?.[s]),[f,p]=(0,Q.useState)({options:{},contextCapped:!1});(0,Q.useEffect)(()=>{if(!n||!s)return;let e=!1;return Qe.getModelDefaults(s).then(t=>{!e&&t.success&&t.data&&p({options:t.data.options??{},trainedContextLength:t.data.trainedContextLength,contextCapped:!!t.data.contextCapped})}).catch(()=>{}),()=>{e=!0}},[n,s]);let m=(0,Q.useMemo)(()=>({...c??{},...f.options,...d??{}}),[c,f.options,d]),h=(0,Q.useMemo)(()=>e?.messages.find(e=>e.role===`system`&&!_(e.content)),[e?.messages]),[g,v]=(0,Q.useState)(h?.content??a.systemPrompt??``),[y,b]=(0,Q.useState)(e?.settings?.generationOptions??a.generationOptions??{}),[x,S]=(0,Q.useState)(!1),[C,w]=(0,Q.useState)(e?.settings?.compaction!==!1),[T,E]=(0,Q.useState)(e?.id??`draft`),D=e?.id??`draft`;T!==D&&(E(D),v(h?.content??a.systemPrompt??``),b(e?.settings?.generationOptions??a.generationOptions??{}),w(e?.settings?.compaction!==!1));let k=e=>{b(t=>{let n={...t},r=St(e);return r===null?delete n.think:n.think=r,n})},A=(e,t)=>{b(n=>{let r={...n};if(t===``)delete r[e];else{let n=Number(t);Number.isNaN(n)||(r[e]=n)}return r})},M=async()=>{S(!0);try{let t=g.trim(),n=h?.content??``,a=Object.fromEntries(Object.entries(y).filter(([,e])=>e!==void 0)),s=e?{...e.settings,generationOptions:a}:Object.keys(a).length>0?{generationOptions:a}:void 0;if(s&&e&&(C?delete s.compaction:s.compaction=!1),!e){o({systemPrompt:t||void 0,generationOptions:s?.generationOptions}),j.success(i(`chat.controls.saved`)),r();return}let c=e.messages;if(t!==n.trim()&&(h?c=t?e.messages.map(e=>e.id===h.id?{...e,content:t}:e):e.messages.filter(e=>e.id!==h.id):t&&(c=[{id:u(),role:`system`,content:t,timestamp:Date.now()},...e.messages])),e.isPrivate)O.setState(t=>({currentSession:t.currentSession?.id===e.id?{...t.currentSession,messages:c,settings:s}:t.currentSession}));else{let t=await Y.updateSession(e.id,{messages:c,settings:s});if(!t.success||!t.data)throw Error(t.error||`Update failed`);let n=t.data;O.setState(t=>({sessions:t.sessions.map(t=>t.id===e.id?n:t),currentSession:t.currentSession?.id===e.id?n:t.currentSession}))}j.success(i(`chat.controls.saved`)),r()}catch(e){sr.error(`Failed to save chat controls:`,e),j.error(i(`chat.controls.saveFailed`))}finally{S(!1)}};return n?(0,$.jsxs)(`div`,{"data-testid":`chat-controls-panel`,className:`flex h-full w-[21rem] shrink-0 flex-col border-s border-black/[0.06] bg-surface/70 backdrop-blur-xl dark:border-white/[0.07] dark:bg-dark-100/70`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between px-4 pb-2 pt-4`,children:[(0,$.jsx)(`h2`,{className:`text-sm font-semibold text-gray-900 dark:text-dark-900`,children:i(`chat.controls.title`)}),(0,$.jsx)(`button`,{onClick:r,className:`rounded-full p-1.5 text-gray-500 transition-colors hover:bg-gray-100 hover:text-gray-900 dark:text-dark-600 dark:hover:bg-dark-200 dark:hover:text-dark-900`,title:i(`common.close`),children:(0,$.jsx)(G,{className:`h-4 w-4`})})]}),(0,$.jsxs)(`div`,{className:`scroll-region min-h-0 flex-1 space-y-5 overflow-y-auto px-4 py-2 scrollbar-thin`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{className:`mb-1.5 block text-[11px] font-semibold uppercase tracking-[0.08em] text-gray-500 dark:text-dark-500`,children:i(`chat.controls.systemPrompt`)}),(0,$.jsx)(`textarea`,{dir:`auto`,value:g,onChange:e=>v(e.target.value),placeholder:i(`chat.controls.systemPromptPlaceholder`),className:`min-h-[110px] w-full resize-y rounded-xl border border-black/[0.08] bg-white p-2.5 text-[13px] leading-relaxed text-gray-900 placeholder:text-gray-400 focus:border-primary-500/40 focus:outline-none dark:border-white/[0.08] dark:bg-dark-50 dark:text-dark-900 dark:placeholder:text-dark-500`})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`chat-control-think`,className:`mb-1.5 block text-[11px] font-semibold uppercase tracking-[0.08em] text-gray-500 dark:text-dark-500`,children:i(`chat.controls.thinking`)}),(0,$.jsx)(`select`,{id:`chat-control-think`,value:wt(y.think),onChange:e=>k(e.target.value),className:`w-full rounded-xl border border-black/[0.08] bg-white px-2.5 py-2 text-[13px] text-gray-900 focus:border-primary-500/40 focus:outline-none dark:border-white/[0.08] dark:bg-dark-50 dark:text-dark-900`,children:Tt.map(e=>(0,$.jsx)(`option`,{value:e,children:e==="default"&&m.think!==void 0&&m.think!==null?i(`settings.generation.thinkingLevels.defaultWith`,{level:i(`settings.generation.thinkingLevels.${wt(m.think)}`)}):i(`settings.generation.thinkingLevels.${e}`)},e))}),(0,$.jsx)(`p`,{className:`mt-1.5 text-[11px] leading-snug text-gray-400 dark:text-dark-500`,children:i(`chat.controls.thinkingDescription`)})]}),e&&(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`label`,{htmlFor:`chat-control-compaction`,className:`mb-1.5 block text-[11px] font-semibold uppercase tracking-[0.08em] text-gray-500 dark:text-dark-500`,children:i(`chat.controls.compaction`)}),(0,$.jsxs)(`select`,{id:`chat-control-compaction`,value:C?`default`:`off`,onChange:e=>w(e.target.value!==`off`),className:`w-full rounded-xl border border-black/[0.08] bg-white px-2.5 py-2 text-[13px] text-gray-900 focus:border-primary-500/40 focus:outline-none dark:border-white/[0.08] dark:bg-dark-50 dark:text-dark-900`,children:[(0,$.jsx)(`option`,{value:`default`,children:i(`chat.controls.compactionDefault`)}),(0,$.jsx)(`option`,{value:`off`,children:i(`chat.controls.compactionOff`)})]}),(0,$.jsx)(`p`,{className:`mt-1.5 text-[11px] leading-snug text-gray-400 dark:text-dark-500`,children:i(`chat.controls.compactionDescription`)})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`p`,{className:`mb-1.5 text-[11px] font-semibold uppercase tracking-[0.08em] text-gray-500 dark:text-dark-500`,children:i(`chat.controls.advancedParams`)}),(0,$.jsx)(`p`,{className:`mb-2.5 text-[11px] leading-snug text-gray-400 dark:text-dark-500`,children:i(`chat.controls.advancedParamsDescription`)}),f.contextCapped&&f.trainedContextLength&&(0,$.jsx)(`p`,{className:`mb-2.5 text-[11px] leading-snug text-gray-500 dark:text-dark-600`,children:i(`chat.controls.contextCapped`,{context:m.num_ctx?.toLocaleString(),trained:f.trainedContextLength.toLocaleString()})}),(0,$.jsx)(`div`,{className:`space-y-1.5`,children:cr.map(e=>{let t=y[e.key],n=m[e.key],r=f.options[e.key]!==void 0&&d?.[e.key]===void 0;return(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,$.jsxs)(`label`,{htmlFor:`chat-control-${e.key}`,className:`text-[13px] text-gray-700 dark:text-dark-700`,children:[i(`chat.controls.params.${e.labelKey}`),r&&(0,$.jsx)(`span`,{title:i(`chat.controls.fromModelHint`),className:`ms-1.5 text-[10px] uppercase tracking-wide text-gray-400 dark:text-dark-500`,children:i(`chat.controls.fromModel`)})]}),(0,$.jsx)(`input`,{id:`chat-control-${e.key}`,type:`number`,inputMode:`decimal`,step:e.step,min:e.min,max:e.max,value:typeof t==`number`?t:``,placeholder:typeof n==`number`?String(n):i(`common.default`),onChange:t=>A(e.key,t.target.value),className:`w-24 rounded-lg border border-black/[0.08] bg-white px-2 py-1 text-end text-[12px] tabular-nums text-gray-900 placeholder:text-gray-400 focus:border-primary-500/40 focus:outline-none dark:border-white/[0.08] dark:bg-dark-50 dark:text-dark-900 dark:placeholder:text-dark-500`})]},e.key)})})]})]}),(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-2 border-t border-black/[0.06] px-4 py-3 dark:border-white/[0.07] lg:pb-16`,children:[(0,$.jsx)(`button`,{onClick:()=>{b({}),v(h?.content??``)},className:`text-xs text-gray-500 transition-colors hover:text-gray-900 dark:text-dark-600 dark:hover:text-dark-900`,children:i(`common.reset`)}),(0,$.jsx)(Z,{onClick:()=>void M(),size:`sm`,disabled:x,children:i(x?`common.saving`:`common.save`)})]})]}):null},ur=c(`components:chat-sources-panel`),dr=6,fr=[],pr=e=>{try{return new URL(e).hostname.replace(/^www\./,``)}catch{return e}},mr=({session:e})=>{let{t}=l(),[n,r]=(0,Q.useState)({sessionId:``,docs:fr}),i=!e.isPrivate&&n.sessionId===e.id?n.docs:fr,[a,o]=(0,Q.useState)(!1),[s,c]=(0,Q.useState)(!1),[u,d]=(0,Q.useState)(!1),{webSources:f,ragSources:p,fullContextSkipped:m}=(0,Q.useMemo)(()=>{let t=new Map,n=new Map,r;for(let i of e.messages){let e=i.providerMetadata;if(Array.isArray(e?.webSearchSources))for(let n of e.webSearchSources){let e=n;e&&typeof e.url==`string`&&e.url&&t.set(e.url,{url:e.url,title:typeof e.title==`string`&&e.title?e.title:e.url})}if(Array.isArray(e?.ragSources))for(let t of e.ragSources){let e=t;e&&typeof e.id==`string`&&e.id&&n.set(e.id,{id:e.id,filename:typeof e.filename==`string`&&e.filename?e.filename:e.id,...Array.isArray(e.citations)?{citations:e.citations.filter(e=>!!e&&typeof e==`object`&&typeof e.chunkIndex==`number`)}:{},...e.full===!0?{full:!0}:{}})}let a=e?.ragFullContextSkipped;a&&typeof a.estimatedTokens==`number`&&typeof a.maxTokens==`number`?r={estimatedTokens:a.estimatedTokens,maxTokens:a.maxTokens}:e?.ragSources&&(r=void 0)}return{webSources:Array.from(t.values()),ragSources:Array.from(n.values()),fullContextSkipped:r}},[e.messages]);(0,Q.useEffect)(()=>{if(e.isPrivate)return;let t=!1,n=()=>{Be.getDocuments(e.id).then(n=>{!t&&n.success&&Array.isArray(n.data)&&r({sessionId:e.id,docs:n.data.map(e=>({id:e.id,filename:e.filename,contentChars:e.contentChars}))})}).catch(()=>{})};return n(),window.addEventListener(`libre:documents-updated`,n),()=>{t=!0,window.removeEventListener(`libre:documents-updated`,n)}},[e.id,e.isPrivate]);let h=(0,Q.useMemo)(()=>{let e=new Map;for(let t of i)e.set(t.id,{...t,used:!1});for(let t of p)e.set(t.id,{...e.get(t.id)??{},id:t.id,filename:t.filename,used:!0,...t.citations?.length?{citations:t.citations}:{},...t.full?{full:!0}:{}});return Array.from(e.values())},[i,p]),g=e.settings?.fullDocumentContext===!0,_=(0,Q.useMemo)(()=>i.reduce((e,t)=>e+Math.ceil((t.contentChars??0)/4),0),[i]),v=async()=>{let t={...e.settings,fullDocumentContext:!g||void 0};if(O.setState(n=>({currentSession:n.currentSession?.id===e.id?{...n.currentSession,settings:t}:n.currentSession,sessions:n.sessions.map(n=>n.id===e.id?{...n,settings:t}:n)})),!e.isPrivate)try{await Y.updateSession(e.id,{settings:t})}catch(e){ur.error(`Failed to update the full-document setting:`,e)}},y=e=>{let t=[];for(let n of e){let e=n.location??`#${n.chunkIndex+1}`;if(t.includes(e)||t.push(e),t.length>=4)break}return t.join(` · `)};if(f.length===0&&h.length===0)return null;let b=a?f:f.slice(0,dr),x=s?h:h.slice(0,dr),S=(e,n,r)=>(e>0||n)&&(0,$.jsx)(`button`,{type:`button`,onClick:r,className:`mt-1 flex items-center gap-1 px-1 text-[12px] text-gray-400 transition-colors hover:text-gray-700 dark:text-dark-500 dark:hover:text-dark-800`,children:n?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Ne,{className:`h-3 w-3`}),t(`chatMessage.showLess`,`Show less`)]}):`${t(`chatMessage.showMore`)} (${e})`}),C=(0,$.jsxs)($.Fragment,{children:[f.length>0&&(0,$.jsxs)(`section`,{children:[(0,$.jsx)(`h3`,{className:`mb-2 text-[13px] font-medium text-gray-500 dark:text-dark-500`,children:t(`chat.message.sources`,`Sources`)}),(0,$.jsx)(`ul`,{className:`space-y-0.5`,children:b.map(e=>(0,$.jsx)(`li`,{children:(0,$.jsxs)(`a`,{href:e.url,target:`_blank`,rel:`noopener noreferrer`,className:`group -mx-1 flex items-center gap-2.5 rounded-lg px-1 py-1.5 transition-colors hover:bg-black/[0.04] dark:hover:bg-white/[0.05]`,title:e.url,children:[(0,$.jsx)(V,{className:`h-4 w-4 shrink-0 text-gray-400 transition-colors group-hover:text-gray-700 dark:text-dark-500 dark:group-hover:text-dark-800`}),(0,$.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,$.jsx)(`span`,{className:`block truncate text-[13px] leading-snug text-gray-800 dark:text-dark-800`,children:e.title}),(0,$.jsx)(`span`,{dir:`ltr`,className:`block truncate text-[11px] text-gray-400 dark:text-dark-500`,children:pr(e.url)})]})]})},e.url))}),S(f.length-b.length,a,()=>o(e=>!e))]}),h.length>0&&(0,$.jsxs)(`section`,{children:[(0,$.jsx)(`h3`,{className:`mb-2 text-[13px] font-medium text-gray-500 dark:text-dark-500`,children:t(`settings.tabs.documents`,`Documents`)}),(0,$.jsx)(`ul`,{className:`space-y-0.5`,children:x.map(e=>(0,$.jsxs)(`li`,{className:`-mx-1 rounded-lg px-1 py-1.5`,title:e.filename,children:[(0,$.jsxs)(`span`,{className:`flex items-center gap-2.5`,children:[(0,$.jsx)(we,{className:`h-4 w-4 shrink-0 text-gray-400 dark:text-dark-500`}),(0,$.jsx)(`span`,{dir:`ltr`,className:`min-w-0 flex-1 truncate text-[13px] leading-snug text-gray-800 dark:text-dark-800`,children:e.filename}),e.used&&(0,$.jsx)(`span`,{"aria-hidden":`true`,className:`h-1.5 w-1.5 shrink-0 rounded-full bg-primary-500`})]}),e.full?(0,$.jsx)(`span`,{className:`ms-[26px] block truncate text-[11px] text-gray-400 dark:text-dark-500`,"data-testid":`chat-source-citation`,children:t(`documents.fullDocument`,`Full document`)}):e.citations?.length?(0,$.jsx)(`span`,{className:`ms-[26px] block truncate text-[11px] text-gray-400 dark:text-dark-500`,"data-testid":`chat-source-citation`,children:y(e.citations)}):null]},e.id))}),S(h.length-x.length,s,()=>c(e=>!e)),(0,$.jsxs)(`label`,{className:`mt-3 flex cursor-pointer items-center gap-2 px-1 text-[12px] text-gray-500 dark:text-dark-500`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:g,onChange:v,"data-testid":`full-document-context-toggle`,className:`h-3.5 w-3.5 rounded border-gray-300 text-primary-600 focus:ring-primary-500 dark:border-dark-400`}),(0,$.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[t(`documents.fullContextToggle`,`Send full documents`),g&&_>0&&(0,$.jsx)(`span`,{className:`ms-1 text-gray-400 dark:text-dark-500`,children:t(`documents.fullContextEstimate`,{tokens:_.toLocaleString()})})]})]}),g&&m&&(0,$.jsx)(`p`,{className:`mt-1 px-1 text-[11px] text-amber-600 dark:text-amber-400`,"data-testid":`full-document-context-warning`,children:t(`documents.fullContextTooLarge`)})]})]});return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`aside`,{"data-testid":`chat-sources-panel`,className:`hidden w-72 shrink-0 flex-col gap-7 overflow-y-auto border-s border-black/[0.05] px-5 py-6 scrollbar-thin dark:border-white/[0.06] xl:flex`,children:C}),(0,$.jsxs)(`button`,{type:`button`,onClick:()=>d(!0),"data-testid":`chat-sources-trigger`,className:`absolute end-3 top-[4.25rem] z-20 flex h-8 w-8 items-center justify-center rounded-full border border-black/[0.07] bg-surface/65 text-gray-500 backdrop-blur-md transition-colors duration-150 hover:bg-surface-raised hover:text-gray-950 dark:border-white/[0.08] dark:bg-dark-200/65 dark:text-dark-600 dark:hover:bg-dark-200 dark:hover:text-dark-950 xl:hidden`,title:t(`chat.message.sources`,`Sources`),"aria-haspopup":`dialog`,"aria-expanded":u,children:[(0,$.jsx)(Le,{className:`h-3.5 w-3.5`}),(0,$.jsx)(`span`,{className:`absolute -end-0.5 -top-0.5 flex h-4 min-w-4 items-center justify-center rounded-md bg-primary-500 px-1 text-[9px] font-semibold tabular-nums text-white shadow-sm`,children:f.length+h.length})]}),u&&(0,Mt.createPortal)((0,$.jsxs)(`div`,{className:`fixed inset-0 z-[80] xl:hidden`,children:[(0,$.jsx)(`button`,{type:`button`,className:`absolute inset-0 bg-black/35 backdrop-blur-[2px]`,onClick:()=>d(!1),"aria-label":t(`common.close`)}),(0,$.jsxs)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-label":t(`chat.message.sources`,`Sources`),className:`absolute inset-x-3 bottom-3 max-h-[75vh] overflow-y-auto rounded-2xl border border-black/[0.08] bg-surface p-5 shadow-[0_20px_70px_rgba(0,0,0,0.3)] scrollbar-thin dark:border-white/[0.09] dark:bg-dark-100`,"data-testid":`chat-sources-sheet`,children:[(0,$.jsxs)(`div`,{className:`mb-3 flex items-center justify-between`,children:[(0,$.jsx)(`p`,{className:`text-sm font-semibold text-gray-900 dark:text-dark-900`,children:t(`chat.message.sources`,`Sources`)}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>d(!1),className:`rounded-md p-1.5 text-gray-400 hover:text-gray-700 dark:text-dark-500 dark:hover:text-dark-800`,"aria-label":t(`common.close`),children:(0,$.jsx)(G,{className:`h-4 w-4`})})]}),(0,$.jsx)(`div`,{className:`flex flex-col gap-6`,children:C})]})]}),document.body)]})},hr=({persona:e,onClear:t,className:n})=>{let[r,i]=(0,Q.useState)(!1),a=(0,Q.useRef)(null),[o,s]=(0,Q.useState)({top:0,left:0});(0,Q.useEffect)(()=>{if(r&&a.current){let e=a.current.getBoundingClientRect(),t=document.documentElement.dir===`rtl`?e.right-288:e.left;s({top:e.bottom+8,left:Math.min(window.innerWidth-288-8,Math.max(8,t))})}},[r]);let c=!!(e.memory_settings?.enabled||e.mutation_settings?.enabled),l=()=>Ke(e,64),u=t=>{X(t.currentTarget,e.name,64)};return(0,$.jsxs)(`div`,{className:m(`relative`,n),children:[(0,$.jsxs)(`button`,{ref:a,onClick:()=>i(!r),className:m(`flex items-center gap-2 px-3 py-1.5 rounded-full transition-all duration-200`,`bg-primary-50 dark:bg-primary-900/30`,`border border-primary-200 dark:border-primary-700/50`,`hover:bg-primary-100 dark:hover:bg-primary-900/40`,`text-primary-700 dark:text-primary-300`),children:[(0,$.jsx)(`img`,{src:l(),alt:e.name,className:`w-5 h-5 rounded-md object-cover`,onError:u}),(0,$.jsx)(`span`,{className:`text-sm font-medium max-w-[120px] truncate`,children:e.name}),c&&(0,$.jsx)(ae,{className:`h-3 w-3 text-purple-500 dark:text-purple-400`}),(0,$.jsx)(me,{className:m(`h-3.5 w-3.5 transition-transform duration-200`,r&&`rotate-180`)})]}),r&&(0,Mt.createPortal)((0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{className:`fixed inset-0 z-[9998]`,onClick:()=>i(!1)}),(0,$.jsx)(`div`,{className:`fixed w-72 z-[9999]`,style:{top:o.top,left:o.left},children:(0,$.jsxs)(`div`,{className:m(`rounded-xl overflow-hidden shadow-xl`,`bg-white dark:bg-dark-100`,`border border-gray-200 dark:border-dark-300`),children:[(0,$.jsxs)(`div`,{className:`relative h-16`,children:[e.background?(0,$.jsx)(`div`,{className:`absolute inset-0 bg-cover bg-center`,style:{backgroundImage:`url(${e.background})`}}):(0,$.jsx)(`div`,{className:`absolute inset-0 bg-gradient-to-br from-primary-400 via-primary-500 to-purple-600 dark:from-primary-600 dark:via-primary-700 dark:to-purple-800`}),(0,$.jsx)(`div`,{className:`absolute inset-0 bg-black/10`}),t&&(0,$.jsx)(`button`,{onClick:e=>{e.stopPropagation(),t(),i(!1)},className:`absolute top-2 end-2 p-1 rounded-full bg-white/20 hover:bg-white/30 backdrop-blur-sm transition-colors`,title:`Remove persona`,children:(0,$.jsx)(G,{className:`h-3.5 w-3.5 text-white`})}),c&&(0,$.jsxs)(`div`,{className:`absolute top-2 start-2 flex items-center gap-1 px-2 py-0.5 rounded-full bg-white/20 backdrop-blur-sm text-white text-[10px] font-medium`,children:[(0,$.jsx)(H,{className:`h-3 w-3`}),`Enhanced`]})]}),(0,$.jsx)(`div`,{className:`relative px-4 -mt-6`,children:(0,$.jsx)(`img`,{src:l(),alt:e.name,className:`w-12 h-12 rounded-lg object-cover ring-3 ring-white dark:ring-dark-100 shadow-md`,onError:u})}),(0,$.jsxs)(`div`,{className:`px-4 pt-2 pb-4`,children:[(0,$.jsx)(`h4`,{className:`text-base font-semibold text-gray-900 dark:text-gray-100`,children:e.name}),(0,$.jsxs)(`p`,{className:`text-xs text-gray-500 dark:text-gray-400 flex items-center gap-1 mt-0.5`,children:[(0,$.jsx)(ie,{className:`h-3 w-3`}),e.model]}),e.description&&(0,$.jsx)(`p`,{className:`text-xs text-gray-600 dark:text-gray-400 mt-2 line-clamp-2`,children:e.description}),e.parameters.system_prompt&&(0,$.jsxs)(`div`,{className:`mt-3 p-2 rounded-lg bg-gray-50 dark:bg-dark-50 border border-gray-100 dark:border-dark-200`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-1 mb-1`,children:[(0,$.jsx)(N,{className:`h-2.5 w-2.5 text-gray-400`}),(0,$.jsx)(`span`,{className:`text-[9px] uppercase tracking-wider font-medium text-gray-400`,children:`System`})]}),(0,$.jsxs)(`p`,{className:`text-[11px] text-gray-600 dark:text-gray-400 line-clamp-2 italic`,children:[`“`,e.parameters.system_prompt,`”`]})]}),(0,$.jsxs)(`div`,{className:`flex flex-wrap gap-1 mt-3`,children:[(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-medium bg-gray-100 dark:bg-dark-200 text-gray-600 dark:text-gray-400`,children:[(0,$.jsx)(Ie,{className:`h-2.5 w-2.5`}),e.parameters.temperature?.toFixed(1)||`0.7`]}),(0,$.jsxs)(`span`,{className:`inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium bg-gray-100 dark:bg-dark-200 text-gray-600 dark:text-gray-400`,children:[`Top-P `,e.parameters.top_p?.toFixed(1)||`0.9`]}),e.memory_settings?.enabled&&(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-medium bg-purple-100 dark:bg-purple-900/30 text-purple-700 dark:text-purple-300`,children:[(0,$.jsx)(H,{className:`h-2.5 w-2.5`}),`Memory`]})]})]})]})})]}),document.body)]})},gr=({images:e,onImagesChange:t,maxImages:n=5,className:r})=>{let{t:i}=l(),a=(0,Q.useRef)(null),[o,s]=(0,Q.useState)(!1),c=r=>{if(!r)return;let i=[],a=n-e.length;for(let n=0;n<Math.min(r.length,a);n++){let o=r[n];if(!o.type.startsWith(`image/`)){j.error(`File ${o.name} is not an image`);continue}if(o.size>10485760){j.error(`Image ${o.name} is too large (max 10MB)`);continue}let s=new FileReader;s.onload=n=>{n.target?.result&&(i.push(n.target.result),i.length===Math.min(r.length,a)&&t([...e,...i]))},s.readAsDataURL(o)}r.length>a&&j.error(`Only ${a} more images can be added`)},u=e=>{e.preventDefault(),s(!0)},d=e=>{e.preventDefault(),s(!1)},f=e=>{e.preventDefault(),s(!1),c(e.dataTransfer.files)},p=n=>{t(e.filter((e,t)=>t!==n))},h=e.length<n;return(0,$.jsxs)(`div`,{className:m(`space-y-3`,r),children:[h&&(0,$.jsxs)(`div`,{className:m(`border-2 border-dashed border-gray-300 dark:border-gray-600 rounded-lg p-4 transition-colors`,`hover:border-primary-400 dark:hover:border-primary-500`,o&&`border-primary-500 bg-primary-50 dark:bg-primary-900/20`),onDragOver:u,onDragLeave:d,onDrop:f,children:[(0,$.jsx)(`input`,{ref:a,type:`file`,multiple:!0,accept:`image/*`,onChange:e=>c(e.target.files),className:`hidden`}),(0,$.jsxs)(`div`,{className:`flex flex-col items-center text-center`,children:[(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 mb-2`,children:[i(`chat.mediaUpload.dropImagesHere`),` `,(0,$.jsx)(`button`,{onClick:()=>a.current?.click(),className:`text-primary-600 dark:text-primary-400 hover:underline font-medium`,children:i(`chat.mediaUpload.browse`)})]}),(0,$.jsx)(`p`,{className:`text-xs text-gray-500 dark:text-gray-400`,children:i(`chat.mediaUpload.supportedFormats`)})]})]}),e.length>0&&(0,$.jsx)(`div`,{className:`grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-3`,children:e.map((e,t)=>(0,$.jsxs)(`div`,{className:`relative group aspect-square 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)(`div`,{className:`absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-50 transition-all duration-200 flex items-center justify-center`,children:(0,$.jsx)(Z,{variant:`ghost`,size:`sm`,onClick:()=>p(t),className:`opacity-0 group-hover:opacity-100 transition-opacity bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 hover:bg-red-100 dark:hover:bg-red-900/20 hover:text-red-600 dark:hover:text-red-400 p-1 rounded-full`,children:(0,$.jsx)(G,{className:`h-4 w-4`})})})]},t))}),h&&e.length>0&&(0,$.jsxs)(Z,{variant:`outline`,size:`sm`,onClick:()=>a.current?.click(),className:`w-full sm:w-auto`,children:[(0,$.jsx)(re,{className:`h-4 w-4 mr-2`}),`Add More Images (`,e.length,`/`,n,`)`]})]})},_r=c(`pages:chat-page`),vr=(e,t,n=!1)=>{let r=new Date().getHours(),i=e?`${n?`،`:`,`} \u2068${e}\u2069`:``;return r>=5&&r<12?{id:`time`,title:`${t?t(`chat.greeting.morning`):`Good morning`}${i}`,subtitle:t?t(`chat.welcome.helpToday`):`What can I help with today?`}:r>=12&&r<17?{id:`time`,title:`${t?t(`chat.greeting.afternoon`):`Good afternoon`}${i}`,subtitle:t?t(`chat.welcome.helpToday`):`What can I help with today?`}:r>=17&&r<21?{id:`time`,title:`${t?t(`chat.greeting.evening`):`Good evening`}${i}`,subtitle:t?t(`chat.welcome.helpTonight`):`What can I help with tonight?`}:{id:`time`,title:`${t?t(`chat.greeting.night`):`Good night`}${i}`,subtitle:t?t(`chat.welcome.helpTonight`):`What can I help with tonight?`}},yr=(e,t,n,r=!1)=>{let i=nt(e);return i===`time`?vr(t,n,r):{id:i,title:n?n(`chat.welcome.variety.${i}.title`):`What should we make?`,subtitle:n?n(`chat.welcome.variety.${i}.subtitle`):`Start with a thought, a sketch, or a stubborn problem.`}},br=e=>{if(!e)return null;for(let t=e.length-1;t>=0;--t){let n=e[t];if(n.role===`assistant`)return{id:n.id,content:n.content}}return null},xr=()=>{let{t:e,i18n:t}=l(),{sessionId:n}=a(),r=i(),s=o(),{currentSession:c,sessions:d,models:f,selectedModel:p,selectedProviderType:_,selectedProviderId:y,setSelectedModel:x,createSession:S,setCurrentSession:w,loadSessions:T,getCurrentPersona:D}=O(),{user:A}=$e(),M=et(e=>e.preferences.imageGenSettings?.enabled===!0),{sendMessage:N,stopGeneration:ee,cancelComparison:te,regenerateLastMessage:ne,editAndResendMessage:re,selectBranch:ie,isStreaming:P,streamingMessage:F,streamingThinking:I,streamingMessageId:ae,toolActivities:oe,activeToolCalls:se,pendingToolApproval:ce,decideToolApproval:L}=ft(c?.id||``),R=D(),ue=(0,Q.useMemo)(()=>({model:p,providerType:_,providerId:y}),[p,y,_]),z=(0,Q.useMemo)(()=>g(f,ue),[f,ue]),fe=p?E(z,ue):``,pe=b(f,ue),me=new URLSearchParams(s.search).get(`incognito`)===`1`,[he,ge]=(0,Q.useState)(tt),[_e,ve]=(0,Q.useState)(null),[ye,be]=(0,Q.useState)(!1),xe=et(e=>e.preferences.showFollowUpSuggestions!==!1),B=(0,Q.useRef)(null),Ce=(0,Q.useRef)(!1);(0,Q.useEffect)(()=>{let e=c?.id,t=Ce.current&&!P;if(Ce.current=P,!e||P||!xe||c?.isPrivate||!t)return;let n=c.messages[c.messages.length-1];if(!n||n.role!==`assistant`||!n.content.trim()||B.current===n.id)return;B.current=n.id;let r=!1;return Y.generateFollowUps(e).then(t=>{!r&&t.success&&O.getState().currentSession?.id===e&&ve({sessionId:e,suggestions:t.data?.suggestions??[]})}).catch(()=>{}),()=>{r=!0}},[P,c,xe]);let we=_e&&_e.sessionId===c?.id?_e.suggestions:[],Te=(0,Q.useMemo)(()=>yr(he,A?.username,e,h(t.language)),[t.language,e,A?.username,he]),[H,U]=(0,Q.useState)(``),[Ee,G]=(0,Q.useState)([]),[q,ke]=(0,Q.useState)(!1),[J,Ae]=(0,Q.useState)(!1),[je,Me]=(0,Q.useState)(Hn),[Ne,Pe]=(0,Q.useState)(!1),Fe=(0,Q.useRef)(null),Ie=O(e=>e.draftSessionSettings),Le=O(e=>e.setDraftSessionSettings),Re=Ie.generationOptions?.think,ze=et(e=>(p?e.preferences.modelGenerationOptions?.[p]?.think:void 0)??e.preferences.generationOptions?.think??null),X=(0,Q.useMemo)(()=>f.find(e=>e.name===p),[f,p]),[Ue,We]=(0,Q.useState)(null);(0,Q.useEffect)(()=>{if(!p||f.length===0||!X||X.isPlugin||X.isAgent)return;let e=!1;return Qe.getModelDefaults(p).then(t=>{!e&&t.success&&t.data&&We({model:p,supported:t.data.supportsThinking})}).catch(()=>{}),()=>{e=!0}},[p,X,f.length]);let Ge=!!(p&&!X?.isAgent&&(X?.isPlugin?X.reasoningSupport!==!1:Ue?.model!==p||Ue.supported!==!1)),Ke=e=>{let t=O.getState().draftSessionSettings,n={...t.generationOptions};e===null?delete n.think:n.think=e,Le({...t,generationOptions:Object.keys(n).length?n:void 0})},qe=async t=>{let n=t.target.files?.[0];if(t.target.value=``,n){Pe(!0);try{let t=await Be.uploadDocument(n);t.success?(j.success(e(`chat.input.menu.documentAttached`)),window.dispatchEvent(new Event(`libre:documents-updated`))):j.error(t.error||e(`chat.input.menu.attachFailed`))}catch(t){_r.error(`Document upload failed:`,t),j.error(e(`chat.input.menu.attachFailed`))}finally{Pe(!1)}}};(0,Q.useEffect)(()=>{let e=!1;return He.getConfig().then(t=>{!e&&t.success&&t.data&&ke(t.data.allowed)}).catch(()=>{}),()=>{e=!0}},[]);let[Je,Ye]=(0,Q.useState)(!1),Xe=(0,Q.useRef)(null),Ze=(0,Q.useRef)(null);(0,Q.useEffect)(()=>{let e=()=>{ge(tt())};return window.addEventListener(rt,e),()=>window.removeEventListener(rt,e)},[]);let[nt,at]=(0,Q.useState)(!1),[ot,st]=(0,Q.useState)(!1),ct=br(c?.messages),ut=M&&nt,dt=(0,Q.useCallback)((t=!0)=>{let n=p?ue:f[0]?v(f[0]):null;if(!n||!b(f,n))return t&&j.error(e(`chat.model.selectBeforePrivateChat`)),!1;let r=Date.now();return w({id:`private-${r}`,title:e(`chat.session.incognito`,`Incognito Chat`),model:n.model,providerType:n.providerType,providerId:n.providerId,messages:[],createdAt:r,updatedAt:r,isPrivate:!0}),!0},[f,p,ue,w,e]);(0,Q.useEffect)(()=>{d.length===0&&T()},[T,d.length]),(0,Q.useEffect)(()=>{me&&!c?.isPrivate&&dt(!1)},[c?.isPrivate,me,dt]),(0,Q.useEffect)(()=>{let e=!1;return M&&(async()=>{try{let t=await Ve.getPlugins();if(e)return;at(!!(t.success&&t.data&&t.data.length>0))}catch{if(e)return;at(!1)}})(),()=>{e=!0}},[M]),(0,Q.useEffect)(()=>{(()=>{if(sessionStorage.getItem(`forceWelcomeScreen`)){sessionStorage.removeItem(`forceWelcomeScreen`);return}if((!c?.isPrivate||n)&&d.length!==0){if(n){let e=d.find(e=>e.id===n);e&&e.id!==c?.id?w(e):e||(_r.warn(`Session ${n} not found for current user, redirecting...`),d.length>0?r(`/c/${d[0].id}`,{replace:!0}):r(`/`,{replace:!0}))}else d.length>0&&s.pathname===`/`&&r(`/c/${d[0].id}`,{replace:!0})}})()},[n,d,w,r,c?.id,c?.isPrivate,s.pathname]),(0,Q.useEffect)(()=>{if(c?.id){let e=sessionStorage.getItem(`pendingMessage`);if(e){sessionStorage.removeItem(`pendingMessage`);try{let t=JSON.parse(e);setTimeout(()=>{N(t.content,t.images,void 0,t.webSearch===!0,t.tools===!0,t.toolSelection)},100)}catch(e){_r.error(`Failed to parse pending message:`,e)}}}},[c?.id,N]),(0,Q.useEffect)(()=>{let e=Xe.current;e&&(e.style.height=`auto`,e.style.height=H?`${Math.min(e.scrollHeight,200)}px`:``)},[H]);let pt=async t=>{if(t.preventDefault(),!H.trim()||!p)return;if(!pe){j.error(e(`chat.model.selectBeforeSending`));return}it(`impact`);let n={content:H.trim(),images:Ee.length>0?Ee:void 0,webSearch:q&&J?!0:void 0,...Un(je)};sessionStorage.setItem(`pendingMessage`,JSON.stringify(n)),U(``),G([]),Ae(!1),Me(Hn);let i=await S(p,void 0,p.startsWith(`persona:`)?p.slice(8):void 0,_,y);i&&(await mt(i),r(`/c/${i.id}`,{replace:!0}))},mt=(0,Q.useCallback)(async e=>{let t=O.getState().draftSessionSettings,n=t.systemPrompt?.trim(),r=t.generationOptions;if(!n&&!r)return;let i=n?[{id:u(),role:`system`,content:n,timestamp:Date.now()},...e.messages.filter(e=>e.role!==`system`)]:e.messages;try{let t=await Y.updateSession(e.id,{messages:i,settings:r?{generationOptions:r}:void 0});if(t.success&&t.data){let e=t.data;O.setState(t=>({sessions:t.sessions.map(t=>t.id===e.id?e:t),currentSession:t.currentSession?.id===e.id?e:t.currentSession}))}}catch(e){_r.error(`Failed to apply chat settings to the new session`,e)}finally{O.getState().setDraftSessionSettings({})}},[]),ht=e=>{e.nativeEvent.isComposing||e.nativeEvent.keyCode===229||Ze.current?.handleKeyDown(e)||e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),pt(e))},gt=async e=>{let t=k(z,e.target.value);t&&x(t.model,t.providerType,t.providerId)},_t=(e,t,n,r,i,a,o)=>{c&&(it(`impact`),ve(null),N(e,t,n,r,i,a,o))},vt=c?.id,yt=(0,Q.useCallback)(async t=>{if(vt)try{let n=await Y.forkSession(vt,{messageId:t});if(n.success&&n.data){let t=n.data;O.setState(e=>({sessions:[t,...e.sessions]})),j.success(e(`chat.fork.created`)),r(`/c/${t.id}`)}else j.error(n.error||e(`chat.fork.failed`))}catch(t){_r.error(`Failed to fork the chat:`,t),j.error(e(`chat.fork.failed`))}},[vt,r,e]);if(!c){let t=Ee.length>0;return(0,$.jsxs)(`div`,{className:`flex h-full min-h-0 flex-1`,children:[(0,$.jsxs)(`div`,{className:`relative h-full min-w-0 flex-1 overflow-y-auto overflow-x-hidden px-4 py-20 sm:px-8 sm:py-24`,children:[(0,$.jsx)(`button`,{onClick:()=>be(e=>!e),className:m(`absolute end-4 top-4 z-10 flex h-9 w-9 items-center justify-center rounded-full border border-black/[0.07] bg-surface/65 text-gray-500 backdrop-blur-md transition-colors duration-150 hover:bg-surface-raised hover:text-gray-950 dark:border-white/[0.08] dark:bg-dark-200/65 dark:text-dark-600 dark:hover:bg-dark-200 dark:hover:text-dark-950 sm:end-6 sm:top-6`,ye&&`text-primary-600 dark:text-primary-400`),title:e(`chat.controls.title`),"aria-expanded":ye,children:(0,$.jsx)(le,{className:`h-4 w-4`})}),(0,$.jsxs)(`button`,{onClick:()=>dt(),disabled:!p&&f.length===0||!!p&&!pe,className:`absolute end-[3.75rem] top-4 z-10 flex items-center gap-2 rounded-full border border-black/[0.07] bg-surface/65 px-3 py-2 text-xs font-medium text-gray-500 backdrop-blur-md transition-colors duration-150 hover:bg-surface-raised hover:text-gray-950 disabled:cursor-not-allowed disabled:opacity-50 dark:border-white/[0.08] dark:bg-dark-200/65 dark:text-dark-600 dark:hover:bg-dark-200 dark:hover:text-dark-950 sm:end-[4.25rem] sm:top-6`,title:e(`chat.session.privateTooltip`),children:[(0,$.jsx)(Oe,{className:`h-3.5 w-3.5`}),(0,$.jsx)(`span`,{children:e(`chat.session.incognito`,`Incognito Chat`)})]}),(0,$.jsxs)(`div`,{className:`relative z-[1] mx-auto flex min-h-full w-full max-w-3xl flex-col items-center justify-center`,children:[(0,$.jsxs)(`div`,{className:`mb-8 flex flex-col items-center text-center animate-fade-in sm:mb-10`,"aria-live":`polite`,children:[(0,$.jsxs)(`div`,{className:`mb-3 flex items-center justify-center gap-3`,children:[(0,$.jsx)(lt,{size:`sm`,label:null,className:`h-9 w-9 shrink-0 p-0 text-ink`}),(0,$.jsx)(`h1`,{className:`max-w-3xl text-balance text-[clamp(1.75rem,3.5vw,2.35rem)] font-medium leading-tight tracking-[-0.02em] text-ink rtl:tracking-normal`,children:Te.title})]}),(0,$.jsx)(`p`,{className:`max-w-xl text-balance text-[15px] leading-relaxed text-ink-subtle`,children:Te.subtitle})]},Te.id),z.length>0?(0,$.jsxs)(`div`,{className:`w-full`,children:[Je&&(0,$.jsxs)(`div`,{className:`mb-3 animate-slide-up rounded-2xl border border-black/[0.07] bg-surface/80 p-4 shadow-sm backdrop-blur-xl dark:border-white/[0.08] dark:bg-dark-200/80`,children:[(0,$.jsx)(gr,{images:Ee,onImagesChange:G,maxImages:5}),(0,$.jsxs)(`div`,{className:`mt-3 flex items-center justify-between gap-3 border-t border-black/[0.06] pt-3 dark:border-white/[0.07]`,children:[(0,$.jsx)(`span`,{className:`text-xs text-gray-500 dark:text-dark-500`,children:e(`chat.input.menu.attachDocument`)}),(0,$.jsxs)(Z,{type:`button`,size:`sm`,variant:`outline`,disabled:Ne,onClick:()=>Fe.current?.click(),className:`shrink-0 whitespace-nowrap`,children:[(0,$.jsx)(W,{className:`h-3.5 w-3.5`}),(0,$.jsx)(`span`,{className:`ms-1.5`,children:e(Ne?`documents.uploading`:`chat.input.menu.attach`)})]}),(0,$.jsx)(`input`,{ref:Fe,type:`file`,accept:Nn,className:`hidden`,onChange:e=>void qe(e)})]})]}),(0,$.jsx)(`form`,{onSubmit:pt,children:(0,$.jsxs)(`div`,{"data-composer-box":``,className:kt,children:[(0,$.jsx)(zn,{ref:Ze,message:H,onApply:e=>{U(e),Xe.current?.focus()}}),(0,$.jsx)(gn,{ref:Xe,value:H,onChange:e=>U(e.target.value),onKeyDown:ht,placeholder:e(`chat.input.messagePlaceholder`),className:`!m-0 block w-full min-h-9 max-h-[160px] resize-none !rounded-none !border-0 !bg-transparent !px-2 !pt-1.5 !pb-2 !shadow-none scrollbar-thin scrollbar-thumb-gray-300 placeholder:text-ink-subtle focus:!border-0 focus:!bg-transparent focus:!shadow-none focus:!ring-0 dark:scrollbar-thumb-dark-400 text-[0.9375rem] leading-relaxed touch-manipulation`,rows:1}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,$.jsx)(Z,{type:`button`,variant:`ghost`,size:`sm`,onClick:()=>Ye(!Je),className:m(`h-9 w-9 !p-0 rounded-full flex-shrink-0`,`bg-surface-subtle text-ink-muted hover:bg-hover-solid hover:text-ink dark:bg-surface-raised dark:hover:bg-surface-overlay transition-colors touch-manipulation`,t&&`text-primary-600 dark:text-primary-400`,Je&&`bg-hover-solid text-ink`),title:e(`chat.input.attachImages`),children:t?(0,$.jsxs)(`div`,{className:`relative flex items-center justify-center`,children:[(0,$.jsx)(W,{className:`h-4 w-4`}),(0,$.jsx)(`div`,{className:`absolute -top-0.5 -end-0.5 h-1.5 w-1.5 bg-primary-500 rounded-full`})]}):Je?(0,$.jsx)(de,{className:`h-4 w-4`}):(0,$.jsx)(Se,{className:`h-4 w-4`})}),Ge&&(0,$.jsx)(wn,{value:Re,inheritedValue:ze,onChange:Ke}),q&&(0,$.jsx)(Z,{type:`button`,variant:`ghost`,size:`sm`,onClick:()=>Ae(e=>!e),className:m(`h-9 w-9 p-0 rounded-full flex-shrink-0 flex items-center justify-center`,`text-ink-muted hover:bg-interactive-hover hover:text-ink`,`transition-colors duration-150 touch-manipulation`,J&&`bg-primary-50 text-primary-600 dark:bg-primary-900/25 dark:text-primary-400`),title:e(J?`chat.input.webSearchOn`:`chat.input.webSearchOff`),"aria-pressed":J,children:(0,$.jsx)(V,{className:`h-4 w-4`})}),(0,$.jsx)(Vn,{value:je,onChange:Me,buttonClassName:`h-9 w-9`}),(0,$.jsx)(`div`,{className:`min-w-0 flex-1`}),(0,$.jsx)(`div`,{className:`hidden sm:block`,children:(0,$.jsx)(Ot,{models:z,selectedModel:fe,onModelChange:gt,getModelValue:C,className:`min-w-[140px] max-w-[210px]`,compact:!0,showImageGen:ut})}),(0,$.jsx)(Z,{type:`submit`,variant:`primary`,size:`sm`,disabled:!H.trim()||!p||!pe,className:jt,title:e(`chat.input.sendMessage`),children:(0,$.jsx)(De,{className:`h-4 w-4`})})]})]})}),(0,$.jsx)(`div`,{className:`sm:hidden mt-4`,children:(0,$.jsx)(Ot,{models:z,selectedModel:fe,onModelChange:gt,getModelValue:C,className:`w-full`,compact:!0,showImageGen:ut})}),(0,$.jsx)(`p`,{className:`mt-4 text-center text-[10px] leading-relaxed text-ink-subtle`,children:e(`chat.footer.disclaimer`)})]}):(0,$.jsxs)(`div`,{className:`flex w-full max-w-lg flex-col items-center gap-4`,children:[(0,$.jsx)(`p`,{className:`text-center text-sm leading-relaxed text-gray-600 dark:text-dark-700`,children:e(`chat.model.connectDescription`)}),(0,$.jsx)(xt,{variant:`inline`})]})]})]}),(0,$.jsx)(lr,{draftModel:p,open:ye,onClose:()=>be(!1)})]})}return(0,$.jsxs)(`div`,{className:`relative flex h-full flex-col`,style:R?.background?{backgroundImage:`url(${R.background})`,backgroundSize:`cover`,backgroundPosition:`center`,backgroundRepeat:`no-repeat`}:void 0,children:[R?.background&&(0,$.jsx)(`div`,{className:`absolute inset-0 bg-gray-50/[0.88] backdrop-blur-sm dark:bg-dark-100/[0.88]`}),(0,$.jsxs)(`div`,{className:`relative z-10 flex h-full flex-col`,children:[c?.isPrivate&&(0,$.jsx)(`div`,{className:`flex-shrink-0 border-b border-black/[0.05] bg-surface/55 px-4 py-2 backdrop-blur-xl dark:border-white/[0.06] dark:bg-dark-100/55`,children:(0,$.jsxs)(`div`,{className:`flex items-center justify-center gap-2 text-gray-500 dark:text-dark-600`,children:[(0,$.jsx)(Oe,{className:`h-3.5 w-3.5`}),(0,$.jsx)(`span`,{className:`text-xs font-medium`,children:e(`chat.session.privateMode`)}),(0,$.jsxs)(`span`,{className:`hidden text-[11px] text-ink-subtle sm:inline`,children:[`— `,e(`chat.session.privateDescription`)]})]})}),R&&!c?.isPrivate&&(0,$.jsx)(`div`,{className:`flex-shrink-0 border-b border-black/[0.05] bg-surface/55 px-4 py-2 backdrop-blur-xl dark:border-white/[0.06] dark:bg-dark-100/55`,children:(0,$.jsx)(hr,{persona:R,onClear:()=>{c&&Y.updateSession(c.id,{model:R.model,providerType:`ollama`,providerId:null,personaId:null}).then(e=>{if(!e.success||!e.data)throw Error(e.error||`Failed to remove persona`);O.setState(t=>({sessions:t.sessions.map(t=>t.id===c.id?e.data:t),currentSession:e.data}))}).catch(t=>{_r.error(`Failed to remove persona:`,t),j.error(e(`chat.persona.removeFailed`))})}})}),(0,$.jsxs)(`div`,{className:`flex min-h-0 flex-1`,children:[(0,$.jsxs)(`div`,{className:`relative flex min-w-0 flex-1 flex-col`,children:[(0,$.jsx)(`button`,{onClick:()=>be(e=>!e),className:m(`absolute end-3 top-3 z-20 flex h-8 w-8 items-center justify-center rounded-full border border-black/[0.07] bg-surface/65 text-gray-500 backdrop-blur-md transition-colors duration-150 hover:bg-surface-raised hover:text-gray-950 dark:border-white/[0.08] dark:bg-dark-200/65 dark:text-dark-600 dark:hover:bg-dark-200 dark:hover:text-dark-950`,ye&&`text-primary-600 dark:text-primary-400`),title:e(`chat.controls.title`),"aria-expanded":ye,children:(0,$.jsx)(le,{className:`h-3.5 w-3.5`})}),c.settings?.forkedFrom&&(0,$.jsxs)(`button`,{type:`button`,onClick:()=>r(`/c/${c.settings.forkedFrom.sessionId}`),className:`mx-auto mt-2 flex items-center gap-1.5 rounded-full border border-black/[0.07] bg-surface/70 px-3 py-1 text-[11px] text-gray-500 transition-colors hover:text-gray-800 dark:border-white/[0.08] dark:bg-dark-200/70 dark:text-dark-600 dark:hover:text-dark-900`,"data-testid":`forked-from-banner`,children:[(0,$.jsx)(K,{className:`h-3 w-3`}),e(`chat.fork.origin`,{title:c.settings.forkedFrom.title||e(`chat.fork.originUnknown`)})]}),(0,$.jsx)(mn,{messages:c.messages,streamingMessage:F,streamingThinking:I,streamingMessageId:ae,isStreaming:P,toolActivities:oe,activeToolCalls:se,pendingToolApproval:ce,onDecideToolApproval:L,onRegenerate:ne,onSelectBranch:ie,onEditResend:re,onFork:yt,followUpSuggestions:we,onFollowUpSelect:e=>_t(e),className:`flex-1`}),c?.shared?(0,$.jsx)(`div`,{className:`mx-auto mb-4 w-full max-w-3xl rounded-xl border border-black/[0.06] bg-black/[0.02] px-4 py-3 text-center text-[13px] text-gray-500 dark:border-white/[0.08] dark:bg-white/[0.03] dark:text-dark-600`,"data-testid":`chat-shared-readonly`,children:e(`chat.sharedReadOnly`,{owner:c.shared.ownerUserId})}):(0,$.jsx)(Kn,{onSendMessage:_t,onStopGeneration:ee,onCancelComparison:te,onOpenVoiceMode:()=>st(!0),disabled:!c})]}),ot&&c&&(0,$.jsx)(or,{onClose:()=>st(!1),onSendMessage:e=>_t(e),isStreaming:P,lastAssistantMessage:ct}),(0,$.jsx)(mr,{session:c}),(0,$.jsx)(lr,{session:c,open:ye,onClose:()=>be(!1)})]})]})]})};export{xr as ChatPage,xr as default};

package/frontend/dist/js/ConnectModels-DYOtIOEY.js

@@ -1 +0,0 @@
-import{r as e}from"./rolldown-runtime-hePW80VL.js";import{i as t,t as n}from"./react-vendor-D0Ec-185.js";import{t as r}from"./logger-BR4forr_.js";import{t as i}from"./useTranslation-Kn7_iLGj.js";import{t as a}from"./utils-Dq1w7K0c.js";import{t as o}from"./chatStore-BPpcL4I5.js";import{$ as s,In as c,Jn as l,Sr as u,U as ee,Ut as te,Z as d,Zn as f,kn as p,nt as m}from"./ui-vendor-LatG6rFF.js";import{u as h,y as g}from"./api-29NO19CP.js";import{t as _}from"./authStore-Cm8P6rYs.js";import{t as v}from"./Button-ZQ6BePid.js";import"./ui-CNcEDQ95.js";var y=e(t(),1),b=n(),x=r(`components:connect-models`),S=[{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`}],C=[{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`}],w=({variant:e=`setup`,onDone:t})=>{let{t:n}=i(),{user:r,systemInfo:w}=_(),T=o(e=>e.loadModels),E=r?.role===`admin`||w?.requiresAuth===!1,[D,O]=(0,y.useState)(()=>w?.ollamaEnabled===!1?`disabled`:`checking`),[k,A]=(0,y.useState)(null),[j,M]=(0,y.useState)(S[0]),[N,P]=(0,y.useState)(S[0].baseUrl),[F,I]=(0,y.useState)(``),[L,R]=(0,y.useState)(!1),[z,B]=(0,y.useState)(null),[V,H]=(0,y.useState)(!1),[U,W]=(0,y.useState)(null),[G,K]=(0,y.useState)(``),[q,J]=(0,y.useState)(!1),Y=(0,y.useCallback)(async()=>{try{let e=await g.checkHealth();e.success&&e.data?.status===`disabled`?O(`disabled`):e.success&&e.data?.status===`healthy`?O(`healthy`):O(`offline`)}catch{O(`offline`)}},[]);(0,y.useEffect)(()=>{if(w?.ollamaEnabled===!1)return;let e=window.setTimeout(()=>{Y()},0);return()=>window.clearTimeout(e)},[Y,w?.ollamaEnabled]);let X=async e=>{try{(await g.updateSettings({enabled:e})).success?(u.success(n(e?`connectModels.ollama.enabledToast`:`connectModels.ollama.disabledToast`)),e?(O(`checking`),Y()):O(`disabled`)):u.error(n(`connectModels.ollama.settingsFailed`))}catch(e){x.error(`Failed to update Ollama settings:`,e),u.error(n(`connectModels.ollama.settingsFailed`))}},Z=async()=>{R(!0),B(null);try{let e=await h.probeEndpoint(N,`openai`);e.success&&e.data?.reachable?(B(e.data.models),u.success(n(`connectModels.local.reachable`,{count:e.data.models.length}))):(B([]),u.error(e.message||n(`connectModels.local.unreachable`)))}catch(e){x.error(`Endpoint probe failed:`,e),B([]),u.error(n(`connectModels.local.unreachable`))}finally{R(!1)}},ne=async()=>{H(!0);try{let e=N.replace(/\/+$/,``),r=e.endsWith(`/v1`)?e:`${e}/v1`,i=F.trim().length>0,a=`${j.id.toUpperCase().replace(/-/g,`_`)}_API_KEY`,o={id:j.id,name:j.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:(z??[]).slice(0,50)};if(!(await h.installPlugin(o)).success&&!(await h.updatePlugin(j.id,o)).success){u.error(n(`connectModels.local.enableFailed`));return}i&&await h.setApiKey(j.id,F.trim()),await h.activatePlugin(j.id),await T({quiet:!0}),u.success(n(`connectModels.local.enabled`,{name:j.name})),t?.()}catch(e){x.error(`Failed to enable local provider:`,e),u.error(n(`connectModels.local.enableFailed`))}finally{H(!1)}},re=async()=>{if(U&&G.trim()){J(!0);try{if(!(await h.setApiKey(U.id,G.trim())).success){u.error(n(`connectModels.cloud.saveFailed`));return}await h.activatePlugin(U.id),await T({quiet:!0}),u.success(n(`connectModels.cloud.connected`,{name:U.name})),K(``),t?.()}catch(e){x.error(`Failed to connect cloud provider:`,e),u.error(n(`connectModels.cloud.saveFailed`))}finally{J(!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`}[D];return(0,b.jsxs)(`div`,{className:a(`flex w-full flex-col gap-3`,`max-w-lg`),children:[(0,b.jsxs)(`div`,{className:Q,children:[(0,b.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,b.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,b.jsx)(p,{className:`h-5 w-5 text-gray-700 dark:text-dark-700`})}),(0,b.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,b.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,b.jsx)(`span`,{className:`text-sm font-medium text-gray-900 dark:text-dark-900`,children:`Ollama`}),(0,b.jsx)(`span`,{className:a(`h-2 w-2 rounded-full`,ie)})]}),(0,b.jsx)(`p`,{className:`truncate text-xs text-gray-500 dark:text-dark-500`,children:n(`connectModels.ollama.status.${D}`)})]}),(0,b.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[D!==`disabled`&&(0,b.jsx)(v,{variant:`ghost`,size:`sm`,onClick:()=>{O(`checking`),Y()},title:n(`connectModels.ollama.recheck`),children:(0,b.jsx)(d,{className:a(`h-4 w-4`,D===`checking`&&`animate-spin`)})}),E&&D===`offline`&&(0,b.jsx)(v,{variant:`ghost`,size:`sm`,onClick:()=>void X(!1),title:n(`connectModels.ollama.disable`),children:(0,b.jsx)(s,{className:`h-4 w-4`})}),E&&D===`disabled`&&(0,b.jsx)(v,{variant:`ghost`,size:`sm`,onClick:()=>void X(!0),children:n(`connectModels.ollama.enable`)})]})]}),D===`offline`&&(0,b.jsx)(`p`,{className:`mt-3 text-xs leading-relaxed text-gray-500 dark:text-dark-500`,children:n(`connectModels.ollama.offlineHint`)}),D===`healthy`&&(0,b.jsx)(`p`,{className:`mt-3 text-xs leading-relaxed text-green-600 dark:text-green-400`,children:n(`connectModels.ollama.healthyHint`)})]}),(0,b.jsxs)(`div`,{className:Q,children:[(0,b.jsxs)(`button`,{type:`button`,className:`flex w-full items-center gap-3 text-start`,onClick:()=>A(k===`local`?null:`local`),children:[(0,b.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,b.jsx)(ee,{className:`h-5 w-5 text-gray-700 dark:text-dark-700`})}),(0,b.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,b.jsx)(`span`,{className:`text-sm font-medium text-gray-900 dark:text-dark-900`,children:n(`connectModels.local.title`)}),(0,b.jsx)(`p`,{className:`truncate text-xs text-gray-500 dark:text-dark-500`,children:n(`connectModels.local.subtitle`)})]}),(0,b.jsx)(l,{className:a(`h-4 w-4 text-gray-400 transition-transform`,k===`local`&&`rotate-90`)})]}),k===`local`&&(0,b.jsx)(`div`,{className:`mt-4 flex flex-col gap-3`,children:E?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:S.map(e=>(0,b.jsx)(`button`,{type:`button`,onClick:()=>{M(e),P(e.baseUrl),B(null)},className:a(`rounded-full border px-3 py-1 text-xs transition-colors`,j.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,b.jsx)(`input`,{className:$,value:N,onChange:e=>{P(e.target.value),B(null)},placeholder:`http://localhost:8080/v1`,spellCheck:!1}),(0,b.jsx)(`input`,{className:$,value:F,onChange:e=>I(e.target.value),placeholder:n(`connectModels.local.keyPlaceholder`),type:`password`,autoComplete:`off`}),(0,b.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,b.jsxs)(v,{variant:`outline`,size:`sm`,onClick:()=>void Z(),disabled:L||!N.trim(),children:[(0,b.jsx)(m,{className:`me-1.5 h-4 w-4`}),n(L?`connectModels.local.testing`:`connectModels.local.test`)]}),(0,b.jsxs)(v,{size:`sm`,onClick:()=>void ne(),disabled:V||!z||z.length===0,children:[(0,b.jsx)(f,{className:`me-1.5 h-4 w-4`}),n(V?`connectModels.local.enabling`:`connectModels.local.enable`)]})]}),z&&z.length>0&&(0,b.jsxs)(`div`,{className:`flex flex-wrap gap-1`,children:[z.slice(0,8).map(e=>(0,b.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)),z.length>8&&(0,b.jsxs)(`span`,{className:`px-1 text-[10px] text-gray-400`,children:[`+`,z.length-8]})]}),z&&z.length===0&&(0,b.jsx)(`p`,{className:`text-xs text-red-500`,children:n(`connectModels.local.noModels`)})]}):(0,b.jsx)(`p`,{className:`text-xs text-gray-500 dark:text-dark-500`,children:n(`connectModels.adminOnly`)})})]}),(0,b.jsxs)(`div`,{className:Q,children:[(0,b.jsxs)(`button`,{type:`button`,className:`flex w-full items-center gap-3 text-start`,onClick:()=>A(k===`cloud`?null:`cloud`),children:[(0,b.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,b.jsx)(c,{className:`h-5 w-5 text-gray-700 dark:text-dark-700`})}),(0,b.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,b.jsx)(`span`,{className:`text-sm font-medium text-gray-900 dark:text-dark-900`,children:n(`connectModels.cloud.title`)}),(0,b.jsx)(`p`,{className:`truncate text-xs text-gray-500 dark:text-dark-500`,children:n(`connectModels.cloud.subtitle`)})]}),(0,b.jsx)(l,{className:a(`h-4 w-4 text-gray-400 transition-transform`,k===`cloud`&&`rotate-90`)})]}),k===`cloud`&&(0,b.jsx)(`div`,{className:`mt-4 flex flex-col gap-3`,children:E?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:C.map(e=>(0,b.jsx)(`button`,{type:`button`,onClick:()=>W(e),className:a(`rounded-full border px-3 py-1 text-xs transition-colors`,U?.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))}),U&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)(`div`,{className:`relative`,children:[(0,b.jsx)(te,{className:`absolute start-3 top-1/2 h-4 w-4 -translate-y-1/2 text-gray-400`}),(0,b.jsx)(`input`,{className:a($,`ps-9`),value:G,onChange:e=>K(e.target.value),placeholder:n(`connectModels.cloud.keyPlaceholder`,{name:U.name}),type:`password`,autoComplete:`off`})]}),(0,b.jsx)(`div`,{children:(0,b.jsxs)(v,{size:`sm`,onClick:()=>void re(),disabled:q||!G.trim(),children:[(0,b.jsx)(f,{className:`me-1.5 h-4 w-4`}),n(q?`connectModels.cloud.connecting`:`connectModels.cloud.connect`)]})})]})]}):(0,b.jsx)(`p`,{className:`text-xs text-gray-500 dark:text-dark-500`,children:n(`connectModels.adminOnly`)})})]}),e===`setup`&&(0,b.jsx)(`div`,{className:`mt-1 text-center`,children:(0,b.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{w as t};

package/frontend/dist/js/GalleryPage-BpK-vrvd.js

@@ -1 +0,0 @@
-import{r as e}from"./rolldown-runtime-hePW80VL.js";import{i as t,r as n,t as r}from"./react-vendor-D0Ec-185.js";import{C as i,a,n as o,o as s,r as c,t as l}from"./useQuery-C3O4CZ54.js";import{t as u}from"./logger-BR4forr_.js";import{t as d}from"./useTranslation-Kn7_iLGj.js";import{t as f}from"./utils-Dq1w7K0c.js";import{At as p,Dn as m,Gt as h,It as g,Kt as _,Ln as v,M as y,Sr as b,Tn as ee,i as x,kn as S,n as C,o as w,pn as T,v as E}from"./ui-vendor-LatG6rFF.js";import{S as D,b as O}from"./api-29NO19CP.js";import{i as k,n as A,r as j,s as M}from"./imageGenModels-Dx_QMLJQ.js";import{t as N}from"./appStore-Din-tTD9.js";import{t as P}from"./Button-ZQ6BePid.js";import{a as F,o as I}from"./ui-CNcEDQ95.js";var L=class extends c{constructor(e,t){super(e,t)}bindMethods(){super.bindMethods(),this.fetchNextPage=this.fetchNextPage.bind(this),this.fetchPreviousPage=this.fetchPreviousPage.bind(this)}setOptions(e){e._type=`infinite`,super.setOptions(e)}getOptimisticResult(e){return e._type=`infinite`,super.getOptimisticResult(e)}fetchNextPage(e){return this.fetch({...e,meta:{fetchMore:{direction:`forward`}}})}fetchPreviousPage(e){return this.fetch({...e,meta:{fetchMore:{direction:`backward`}}})}createResult(e,t){let{state:n}=e,r=super.createResult(e,t),{isFetching:i,isRefetching:o,isError:c,isRefetchError:l}=r,u=n.fetchMeta?.fetchMore?.direction,d=c&&u===`forward`,f=i&&u===`forward`,p=c&&u===`backward`,m=i&&u===`backward`;return{...r,fetchNextPage:this.fetchNextPage,fetchPreviousPage:this.fetchPreviousPage,hasNextPage:a(t,n.data),hasPreviousPage:s(t,n.data),isFetchNextPageError:d,isFetchingNextPage:f,isFetchPreviousPageError:p,isFetchingPreviousPage:m,isRefetchError:l&&!d&&!p,isRefetching:o&&!f&&!m}}};function te(e,t){return o(e,L,t)}var R=e(t(),1),ne=n(),z=r(),re=u(`components:image-generation-panel`);function ie(e,t={}){let n=e.config?.sizes&&e.config.sizes.length>0?e.config.sizes:[t.size||e.config?.default_size||`1024x1024`],r=e.config?.qualities&&e.config.qualities.length>0?e.config.qualities:e.config?.omit_quality_when_empty?[]:[t.quality||e.config?.default_quality||`standard`],i=e.config?.styles&&e.config.styles.length>0?e.config.styles:[];return{pluginId:e.id,model:M(e.models,t.model,void 0,``),size:M(n,t.size,e.config?.default_size,`1024x1024`),quality:r.length>0?M(r,t.quality,e.config?.default_quality,`standard`):``,style:i.length>0?M(i,t.style,e.config?.default_style,i[0]):``,sizes:n,qualities:r,styles:i,maxPromptLength:e.config?.max_prompt_length??null,sizeLabel:e.config?.size_label||``}}var B=({isOpen:e,onClose:t,onImageGenerated:n})=>{let{t:r}=d(),i=N(e=>e.preferences.imageGenSettings),a=i?.enabled===!0,[o,s]=(0,R.useState)([]),[c,l]=(0,R.useState)(``),[u,p]=(0,R.useState)(``),[g,_]=(0,R.useState)(``),[v,ee]=(0,R.useState)(`1024x1024`),[x,S]=(0,R.useState)(`standard`),[w,T]=(0,R.useState)(``),[E,O]=(0,R.useState)(!1),[M,F]=(0,R.useState)(null),I=(0,R.useRef)(null),[L,te]=(0,R.useState)([`512x512`,`768x768`,`1024x1024`]),[B,ae]=(0,R.useState)([`standard`,`high`]),[V,H]=(0,R.useState)([]),[U,oe]=(0,R.useState)(null),[se,ce]=(0,R.useState)(``),W=R.useId(),G=(0,R.useCallback)((e,t)=>{let n=ie(e,t);l(n.pluginId),p(n.model),ee(n.size),S(n.quality),T(n.style),te(n.sizes),ae(n.qualities),H(n.styles),oe(n.maxPromptLength),ce(n.sizeLabel)},[]);(0,R.useEffect)(()=>{let t=!1;return e&&a&&(async()=>{try{let e=await D.getPlugins();if(t)return;let n=e.success&&e.data?e.data.filter(e=>e.models.length>0):[];s(n);let r=A(n,i);r?G(r,i):(l(``),p(``))}catch(e){if(t)return;s([]),l(``),p(``),re.error(`Failed to load image generation plugins:`,e)}})(),()=>{t=!0}},[G,a,e,i]),(0,R.useEffect)(()=>{if(!e)return;let n=document.body.style.overflow,r=e=>{e.key===`Escape`&&t()};return document.body.style.overflow=`hidden`,document.addEventListener(`keydown`,r),()=>{document.body.style.overflow=n,document.removeEventListener(`keydown`,r)}},[e,t]),(0,R.useEffect)(()=>()=>{I.current?.abort(),I.current=null},[]),(0,R.useEffect)(()=>{e||I.current?.abort()},[e]);let K=()=>{I.current?.abort(),t()},le=e=>{let t=o.find(t=>t.id===e);t&&G(t,{model:u,size:v,quality:x,style:w})},ue=async()=>{if(!a||!c||!u||!g.trim()){b.error(r(`imageGeneration.enterPrompt`));return}if(U&&g.length>U){b.error(r(`imageGeneration.promptTooLong`,{max:U.toLocaleString()}));return}let e=new AbortController;I.current?.abort(),I.current=e,O(!0),F(null);try{let i=await D.generate({model:u,pluginId:c,prompt:g.trim(),size:v,quality:x,...w?{style:w}:{}},e.signal);if(e.signal.aborted)return;if(i.success&&i.data?.images&&i.data.images.length>0){let e=k(i.data.images[0]);e&&(b.success(r(`imageGeneration.success`)),n?(n(e,g.trim(),u),_(``),F(null),t()):F(e))}else b.error(r(`imageGeneration.failed`))}catch(t){if(e.signal.aborted)return;re.error(`Image generation failed:`,t);let n=t instanceof Error?t.message:r(`imageGeneration.failed`);b.error(n)}finally{I.current===e&&(I.current=null,O(!1))}},de=()=>{I.current?.abort()},fe=()=>{if(!M)return;let e=document.createElement(`a`);e.href=M,e.download=`generated-image-${Date.now()}.${j(M)}`,document.body.appendChild(e),e.click(),document.body.removeChild(e)};if(!e||!a)return null;let q=o.find(e=>e.id===c);return(0,ne.createPortal)((0,z.jsxs)(`div`,{className:`fixed inset-0 z-[99999] flex items-center justify-center p-3 sm:p-6`,role:`dialog`,"aria-modal":`true`,"aria-labelledby":W,children:[(0,z.jsx)(`div`,{className:`absolute inset-0 bg-black/55 backdrop-blur-sm`,onClick:K}),(0,z.jsxs)(`div`,{className:f(`relative bg-white/95 dark:bg-dark-25/95`,`border border-gray-200/80 dark:border-white/10`,`rounded-3xl shadow-2xl backdrop-blur-xl`,`flex max-h-[92vh] w-full max-w-2xl flex-col overflow-hidden`),onClick:e=>e.stopPropagation(),children:[(0,z.jsxs)(`div`,{className:`flex items-center justify-between border-b border-gray-200/70 px-5 py-4 dark:border-white/[0.08] sm:px-6 sm:py-5`,children:[(0,z.jsx)(`div`,{children:(0,z.jsx)(`h2`,{id:W,className:`text-xl font-normal tracking-[-0.025em] text-gray-950 dark:text-dark-950`,children:r(`imageGeneration.title`)})}),(0,z.jsx)(`button`,{onClick:K,className:`rounded-xl p-2 text-gray-500 transition-colors hover:bg-gray-100 hover:text-gray-900 dark:text-dark-500 dark:hover:bg-white/[0.06] dark:hover:text-dark-900`,title:r(`common.close`,{defaultValue:`Close`}),children:(0,z.jsx)(C,{className:`h-5 w-5 text-gray-500 dark:text-gray-400`})})]}),(0,z.jsx)(`div`,{className:`scroll-region min-h-0 flex-1 space-y-5 p-5 scrollbar-thin sm:p-6`,children:q?(0,z.jsxs)(z.Fragment,{children:[(0,z.jsxs)(`div`,{className:`grid grid-cols-1 gap-4 sm:grid-cols-2`,children:[(0,z.jsxs)(`div`,{children:[(0,z.jsx)(`label`,{className:`block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1`,children:r(`settings.plugins.title`)}),(0,z.jsx)(`select`,{value:c,onChange:e=>le(e.target.value),className:f(`w-full rounded-xl px-3 py-2.5 text-sm`,`bg-white/70 dark:bg-white/[0.035]`,`border border-gray-200/80 dark:border-white/10`,`text-gray-900 dark:text-gray-100`,`focus:outline-none focus:ring-2 focus:ring-primary-500/20`),children:o.map(e=>(0,z.jsx)(`option`,{value:e.id,children:e.name},e.id))})]}),(0,z.jsxs)(`div`,{children:[(0,z.jsx)(`label`,{className:`block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1`,children:r(`imageGeneration.model`)}),(0,z.jsx)(`select`,{value:u,onChange:e=>p(e.target.value),className:f(`w-full rounded-xl px-3 py-2.5 text-sm`,`bg-white/70 dark:bg-white/[0.035]`,`border border-gray-200/80 dark:border-white/10`,`text-gray-900 dark:text-gray-100`,`focus:outline-none focus:ring-2 focus:ring-primary-500/20`),children:q?.models.map(e=>(0,z.jsx)(`option`,{value:e,children:e},e))})]}),V.length>0&&(0,z.jsxs)(`div`,{children:[(0,z.jsx)(`label`,{className:`block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1`,children:r(`imageGeneration.style`)}),(0,z.jsx)(`select`,{value:w,onChange:e=>T(e.target.value),className:f(`w-full rounded-xl px-3 py-2.5 text-sm`,`bg-white/70 dark:bg-white/[0.035]`,`border border-gray-200/80 dark:border-white/10`,`text-gray-900 dark:text-gray-100`,`focus:outline-none focus:ring-2 focus:ring-primary-500/20`),children:V.map(e=>(0,z.jsx)(`option`,{value:e,children:e.charAt(0).toUpperCase()+e.slice(1)},e))})]})]}),(0,z.jsxs)(`div`,{className:`grid grid-cols-1 gap-4 sm:grid-cols-2`,children:[(0,z.jsxs)(`div`,{children:[(0,z.jsx)(`label`,{className:`block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1`,children:se||r(`imageGeneration.size`)}),(0,z.jsx)(`select`,{value:v,onChange:e=>ee(e.target.value),className:f(`w-full rounded-xl px-3 py-2.5 text-sm`,`bg-white/70 dark:bg-white/[0.035]`,`border border-gray-200/80 dark:border-white/10`,`text-gray-900 dark:text-gray-100`,`focus:outline-none focus:ring-2 focus:ring-primary-500/20`),children:L.map(e=>(0,z.jsx)(`option`,{value:e,children:e},e))})]}),B.length>0&&(0,z.jsxs)(`div`,{children:[(0,z.jsx)(`label`,{className:`block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1`,children:r(`imageGeneration.quality`)}),(0,z.jsx)(`select`,{value:x,onChange:e=>S(e.target.value),className:f(`w-full rounded-xl px-3 py-2.5 text-sm`,`bg-white/70 dark:bg-white/[0.035]`,`border border-gray-200/80 dark:border-white/10`,`text-gray-900 dark:text-gray-100`,`focus:outline-none focus:ring-2 focus:ring-primary-500/20`),children:B.map(e=>(0,z.jsx)(`option`,{value:e,children:e.charAt(0).toUpperCase()+e.slice(1)},e))})]})]}),(0,z.jsxs)(`div`,{children:[(0,z.jsx)(`label`,{className:`block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1`,children:r(`imageGeneration.prompt`)}),(0,z.jsx)(`textarea`,{value:g,onChange:e=>_(e.target.value),placeholder:r(`imageGeneration.promptPlaceholder`),rows:5,className:f(`w-full resize-none rounded-2xl px-4 py-3 text-sm leading-6`,`bg-white/70 dark:bg-white/[0.035]`,`border border-gray-200/80 dark:border-white/10`,`text-gray-900 dark:text-gray-100`,`placeholder-gray-500 dark:placeholder-gray-400`,`focus:outline-none focus:ring-2 focus:ring-primary-500/20`,U&&g.length>U&&`border-red-500 dark:border-red-500`)}),U&&(0,z.jsxs)(`div`,{className:f(`mt-1 text-end text-xs`,g.length>U?`text-red-500`:`text-gray-500 dark:text-gray-400`),children:[g.length.toLocaleString(),` /`,` `,U.toLocaleString()]})]}),M&&(0,z.jsxs)(`div`,{className:`relative overflow-hidden rounded-2xl border border-gray-200/80 dark:border-white/10`,children:[(0,z.jsx)(`img`,{src:M,alt:`Generated`,className:`w-full h-auto`}),(0,z.jsx)(`button`,{onClick:fe,className:f(`absolute bottom-3 end-3 rounded-lg p-2`,`bg-white/90 dark:bg-dark-100/90`,`hover:bg-white dark:hover:bg-dark-100`,`border border-gray-200 dark:border-dark-300`,`transition-colors`),title:r(`imageGallery.download`),children:(0,z.jsx)(m,{className:`h-5 w-5 text-gray-700 dark:text-gray-200`})})]})]}):(0,z.jsxs)(`div`,{className:`text-center py-8`,children:[(0,z.jsx)(h,{className:`h-12 w-12 mx-auto mb-3 text-gray-300 dark:text-gray-600`}),(0,z.jsx)(`p`,{className:`text-gray-500 dark:text-gray-400`,children:r(`imageGeneration.noModels`)}),(0,z.jsx)(`p`,{className:`text-sm text-gray-400 dark:text-gray-500 mt-1`,children:r(`imageGeneration.configurePlugin`)})]})}),q&&(0,z.jsx)(`div`,{className:`border-t border-gray-200/70 p-4 dark:border-white/[0.08] sm:px-6 sm:py-5`,children:(0,z.jsx)(P,{onClick:E?de:ue,disabled:!E&&(!a||!g.trim()||!c||!u),className:f(`w-full py-2.5 rounded-xl font-medium`,`bg-primary-600 dark:bg-primary-600`,`hover:bg-primary-700 dark:hover:bg-primary-500`,`text-white`,`disabled:opacity-50 disabled:cursor-not-allowed`,`transition-colors`),children:E?(0,z.jsxs)(`span`,{className:`flex items-center justify-center gap-2`,children:[(0,z.jsx)(C,{className:`h-4 w-4`}),r(`common.cancel`)]}):(0,z.jsxs)(`span`,{className:`flex items-center justify-center gap-2`,children:[(0,z.jsx)(y,{className:`h-4 w-4`}),r(`imageGeneration.generate`)]})})})]})]}),document.body)},ae={video:[],audio:[]};function V({isOpen:e,initialKind:t,onClose:n,onGenerated:r}){let{t:a}=d(),o=i(),[s,c]=(0,R.useState)(t),[l,u]=(0,R.useState)(ae),[p,m]=(0,R.useState)(``),[h,_]=(0,R.useState)(``),[v,ee]=(0,R.useState)(``),[x,S]=(0,R.useState)(!1),[E,D]=(0,R.useState)(null),[k,A]=(0,R.useState)(``),[j,M]=(0,R.useState)(!1),[N,F]=(0,R.useState)(``),[I,L]=(0,R.useState)(!1),[te,re]=(0,R.useState)(null),[ie,B]=(0,R.useState)(0),[V,G]=(0,R.useState)(``),[K,le]=(0,R.useState)(``),[ue,de]=(0,R.useState)(``),[fe,q]=(0,R.useState)(!0),[pe,me]=(0,R.useState)(!0),[J,he]=(0,R.useState)(!1),[ge,_e]=(0,R.useState)([]),Y=(0,R.useRef)(null),ve=R.useId(),ye=()=>{S(!1),D(null),A(``),M(!1),F(``),L(!1),B(e=>e+1)},be=()=>{Y.current?.abort(),ye(),n()};(0,R.useEffect)(()=>()=>{Y.current?.abort(),Y.current=null},[]),(0,R.useEffect)(()=>{e||Y.current?.abort()},[e]),(0,R.useEffect)(()=>{if(!e)return;let t=!1;return O.getModels().then(e=>{!t&&e.success&&e.data&&u(e.data)}).catch(()=>{t||b.error(a(`mediaGeneration.loadFailed`))}).finally(()=>{t||me(!1)}),()=>{t=!0}},[e,a]),(0,R.useEffect)(()=>{if(!e)return;let t=!1;return O.listVideoJobs({limit:100,active:!0}).then(e=>{!t&&e.success&&e.data&&_e(e.data.jobs)}).catch(()=>{t||b.error(a(`mediaGeneration.jobsLoadFailed`,{defaultValue:`Failed to load saved video jobs`}))}),()=>{t=!0}},[e,a]);let X=s===`video`?l.video:l.audio,xe=ge.filter(e=>e.status!==`completed`),Se=X.some(e=>U(e)===p)?p:X[0]?U(X[0]):``,Z=(0,R.useMemo)(()=>X.find(e=>U(e)===Se),[Se,X]),Ce=s===`video`?Z?.config:void 0,Q=s===`audio`?Z:void 0,we=!!(Q?.mode===`speech`&&Q.config?.supports_voice_cloning),Te=!!Q?.config?.clone_requires_transcript,$=we&&x,Ee=!!(Q?.mode!==`speech`||Q.config?.allows_custom_voice!==!1||Q.config?.voices?.length),De=Q?.mode===`speech`?Q.config?.max_characters:void 0,Oe=async(e,t,n,r=0)=>{if(e.status!==`pending`&&e.status!==`in_progress`)return e;n&&await oe(3e4,t.signal);try{let n=await O.resumeVideoJob(e.id,t.signal);if(!n.success||!n.data)throw Error(n.message||a(`mediaGeneration.failed`));let r=n.data;return _e(e=>[r,...e.filter(e=>e.id!==r.id)]),Oe(r,t,!0)}catch(n){if(t.signal.aborted||r>=4)throw n;return Oe(e,t,!0,r+1)}},ke=async e=>{let t=new AbortController;Y.current?.abort(),Y.current=t,he(!0);try{let n=await Oe(e,t,!1);if(t.signal.aborted)return;if(n.status===`failed`)throw Error(n.error||a(`mediaGeneration.failed`));b.success(a(`mediaGeneration.success`)),r()}catch(e){if(t.signal.aborted)return;b.error(e instanceof Error?e.message:a(`mediaGeneration.failed`))}finally{Y.current===t&&(Y.current=null,he(!1))}},Ae=async e=>{try{let t=await O.cancelVideoJob(e.id);if(!t.success)throw Error(t.message||a(`mediaGeneration.failed`));_e(t=>t.filter(t=>t.id!==e.id)),b.success(a(`mediaGeneration.jobCancelled`,{defaultValue:`Video job cancelled at the provider`}))}catch(e){b.error(e instanceof Error?e.message:a(`mediaGeneration.failed`))}};return e?(0,ne.createPortal)((0,z.jsxs)(`div`,{className:`fixed inset-0 z-[99999] flex items-center justify-center p-3 sm:p-6`,children:[(0,z.jsx)(`button`,{className:`absolute inset-0 bg-black/55 backdrop-blur-sm`,onClick:be,"aria-label":a(`common.close`)}),(0,z.jsxs)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-labelledby":ve,className:`relative flex max-h-[92vh] w-full max-w-2xl flex-col overflow-hidden rounded-2xl border border-gray-200/80 bg-white/95 shadow-2xl backdrop-blur-xl dark:border-white/10 dark:bg-dark-25/95`,children:[(0,z.jsxs)(`div`,{className:`flex items-center justify-between border-b border-gray-200/70 px-4 py-3 dark:border-white/[0.08] sm:px-5`,children:[(0,z.jsxs)(`div`,{children:[(0,z.jsx)(`h2`,{id:ve,className:`text-xl text-gray-950 dark:text-dark-950`,children:a(`mediaGeneration.title`)}),(0,z.jsx)(`p`,{className:`mt-1 text-sm text-gray-500 dark:text-dark-500`,children:a(`mediaGeneration.description`)})]}),(0,z.jsx)(`button`,{onClick:be,className:`rounded-xl p-2`,children:(0,z.jsx)(C,{className:`h-5 w-5`})})]}),(0,z.jsxs)(`div`,{className:`scroll-region min-h-0 flex-1 space-y-4 p-4 sm:p-5`,children:[(0,z.jsx)(`div`,{className:`grid grid-cols-2 gap-2 rounded-xl bg-gray-100 p-1 dark:bg-white/[0.05]`,children:[`video`,`audio`].map(e=>(0,z.jsxs)(`button`,{type:`button`,disabled:J,onClick:()=>{c(e),m(``),ee(``),ye()},className:f(`flex items-center justify-center gap-2 rounded-xl px-3 py-2 text-sm transition-colors`,e===s?`bg-white text-gray-950 shadow-sm dark:bg-white/10 dark:text-white`:`text-gray-500 dark:text-dark-500`,J&&`cursor-not-allowed opacity-50`),children:[e===`video`?(0,z.jsx)(T,{className:`h-4 w-4`}):(0,z.jsx)(w,{className:`h-4 w-4`}),a(`mediaGeneration.${e}`)]},e))}),s===`video`&&xe.length>0&&(0,z.jsxs)(`section`,{className:`space-y-2 rounded-xl border border-gray-200/80 bg-gray-50/80 p-3 dark:border-white/10 dark:bg-white/[0.025]`,children:[(0,z.jsxs)(`div`,{children:[(0,z.jsx)(`h3`,{className:`text-sm font-medium text-gray-900 dark:text-gray-100`,children:a(`mediaGeneration.savedJobs`,{defaultValue:`Saved video jobs`})}),(0,z.jsx)(`p`,{className:`mt-0.5 text-xs text-gray-500 dark:text-dark-500`,children:a(`mediaGeneration.savedJobsDescription`,{defaultValue:`Closing this panel only stops waiting. Reopen it to resume any provider job listed here.`})})]}),xe.map(e=>(0,z.jsxs)(`div`,{"data-testid":`video-job-${e.id}`,className:`flex items-center gap-3 rounded-lg border border-gray-200/70 bg-white/80 p-2.5 dark:border-white/10 dark:bg-dark-50/70`,children:[(0,z.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,z.jsx)(`p`,{className:`truncate text-sm text-gray-900 dark:text-gray-100`,children:e.prompt||e.model}),(0,z.jsxs)(`p`,{className:`text-xs text-gray-500 dark:text-dark-500`,children:[e.model,` ·`,` `,a(`mediaGeneration.jobStatus.${e.status}`,{defaultValue:e.status.replace(`_`,` `)})]}),e.error&&(0,z.jsx)(`p`,{className:`mt-1 text-xs text-red-600 dark:text-red-300`,children:e.error})]}),(e.status===`pending`||e.status===`in_progress`)&&(0,z.jsx)(P,{type:`button`,variant:`outline`,size:`sm`,disabled:J,onClick:()=>void ke(e),children:a(`mediaGeneration.resumeJob`,{defaultValue:`Resume`})}),e.cancellable&&(0,z.jsx)(P,{type:`button`,variant:`outline`,size:`sm`,disabled:J,onClick:()=>void Ae(e),children:a(`mediaGeneration.cancelJob`,{defaultValue:`Cancel job`})})]},e.id))]}),pe?(0,z.jsx)(`div`,{className:`flex justify-center py-12`,children:(0,z.jsx)(g,{className:`h-7 w-7 animate-spin`})}):X.length===0?(0,z.jsx)(`div`,{className:`rounded-xl border border-amber-500/25 bg-amber-500/10 p-4 text-sm text-amber-800 dark:text-amber-200`,children:a(`mediaGeneration.noModels`,{kind:a(`mediaGeneration.${s}`)})}):(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(H,{label:a(`mediaGeneration.model`),children:(0,z.jsx)(`select`,{value:Se,onChange:e=>{m(e.target.value),ee(``),ye(),G(``),le(``),de(``),q(!0)},className:W,children:X.map(e=>(0,z.jsxs)(`option`,{value:U(e),children:[e.model,` (`,e.plugin,`mode`in e?` · ${a(`mediaGeneration.${e.mode}`)}`:``,`)`]},U(e)))})}),s===`audio`&&!$&&Ee?(0,z.jsx)(H,{label:a(`mediaGeneration.voice`),children:(0,z.jsx)(`input`,{value:v,onChange:e=>ee(e.target.value),className:W,placeholder:Q?.config?.default_voice||a(`mediaGeneration.providerDefault`)})}):s===`video`?(0,z.jsxs)(`div`,{className:`grid gap-4 sm:grid-cols-3`,children:[(0,z.jsx)(H,{label:a(`mediaGeneration.resolution`),children:(0,z.jsxs)(`select`,{value:V,onChange:e=>G(e.target.value),className:W,children:[(0,z.jsx)(`option`,{value:``,children:a(`mediaGeneration.providerDefault`)}),Ce?.resolutions?.map(e=>(0,z.jsx)(`option`,{value:e,children:e},e))]})}),(0,z.jsx)(H,{label:a(`mediaGeneration.aspectRatio`),children:(0,z.jsxs)(`select`,{value:K,onChange:e=>le(e.target.value),className:W,children:[(0,z.jsx)(`option`,{value:``,children:a(`mediaGeneration.providerDefault`)}),Ce?.aspect_ratios?.map(e=>(0,z.jsx)(`option`,{value:e,children:e},e))]})}),(0,z.jsx)(H,{label:a(`mediaGeneration.duration`),children:(0,z.jsxs)(`select`,{value:ue,onChange:e=>de(e.target.value),className:W,children:[(0,z.jsx)(`option`,{value:``,children:a(`mediaGeneration.providerDefault`)}),Ce?.durations?.map(e=>(0,z.jsxs)(`option`,{value:e,children:[e,`s`]},e))]})})]}):null,we&&(0,z.jsxs)(`div`,{className:`space-y-3 rounded-xl border border-primary-500/20 bg-primary-500/[0.06] p-4`,children:[(0,z.jsxs)(`label`,{className:`flex items-start gap-3 text-sm`,children:[(0,z.jsx)(`input`,{type:`checkbox`,checked:$,onChange:e=>{e.target.checked?S(!0):ye()},className:`mt-0.5`}),(0,z.jsxs)(`span`,{children:[(0,z.jsx)(`span`,{className:`block font-medium text-gray-900 dark:text-gray-100`,children:a(`mediaGeneration.cloneVoice`)}),(0,z.jsx)(`span`,{className:`mt-0.5 block text-xs font-normal text-gray-500 dark:text-dark-500`,children:a(`mediaGeneration.cloneVoiceDescription`)})]})]}),$&&(0,z.jsxs)(`div`,{className:`space-y-3 border-t border-primary-500/15 pt-3`,children:[(0,z.jsx)(H,{label:a(`mediaGeneration.referenceAudio`),children:(0,z.jsx)(`input`,{type:`file`,accept:Q?.config?.clone_audio_mime_types?.join(`,`)||`audio/wav,audio/mpeg,audio/flac,audio/ogg`,onChange:e=>{let t=e.target.files?.[0]||null,n=Q?.config?.clone_max_audio_bytes;if(t&&n&&t.size>n){b.error(a(`mediaGeneration.referenceAudioTooLarge`,{max:ce(n)})),e.target.value=``,D(null);return}D(t)},className:f(W,`file:me-3 file:rounded-lg file:border-0 file:bg-primary-500/10 file:px-3 file:py-1 file:text-primary-700 dark:file:text-primary-300`)},ie)}),(0,z.jsx)(H,{label:a(`mediaGeneration.referenceTranscript`),children:(0,z.jsx)(`textarea`,{value:k,onChange:e=>A(e.target.value),rows:3,required:Te,className:f(W,`resize-none`),placeholder:a(`mediaGeneration.referenceTranscriptPlaceholder`)})}),(0,z.jsxs)(`label`,{className:`flex items-start gap-3 text-sm`,children:[(0,z.jsx)(`input`,{type:`checkbox`,checked:j,onChange:e=>{M(e.target.checked),e.target.checked||(F(``),L(!1))},className:`mt-0.5`}),(0,z.jsxs)(`span`,{children:[(0,z.jsx)(`span`,{className:`block font-medium text-gray-900 dark:text-gray-100`,children:a(`mediaGeneration.saveVoiceProfile`,{defaultValue:`Save as a reusable voice`})}),(0,z.jsx)(`span`,{className:`mt-0.5 block text-xs font-normal text-gray-500 dark:text-dark-500`,children:a(`mediaGeneration.saveVoiceProfileDescription`,{defaultValue:`Store this reference recording and transcript securely. Libre WebUI sends them to the selected provider for every Speech batch that uses this voice.`})})]})]}),j&&(0,z.jsxs)(`div`,{className:`space-y-3 rounded-lg border border-primary-500/15 bg-white/60 p-3 dark:bg-dark-100/50`,children:[(0,z.jsx)(H,{label:a(`mediaGeneration.voiceProfileName`,{defaultValue:`Saved voice name`}),children:(0,z.jsx)(`input`,{type:`text`,value:N,onChange:e=>F(e.target.value),maxLength:80,autoComplete:`off`,className:W,placeholder:a(`mediaGeneration.voiceProfileNamePlaceholder`,{defaultValue:`For example, My voice`})})}),(0,z.jsxs)(`label`,{className:`flex items-start gap-3 text-xs text-amber-700 dark:text-amber-300`,children:[(0,z.jsx)(`input`,{type:`checkbox`,checked:I,onChange:e=>L(e.target.checked),className:`mt-0.5`}),(0,z.jsx)(`span`,{children:a(`mediaGeneration.voiceStorageConsent`,{defaultValue:`I confirm that I have the speaker’s permission to clone and store this voice. The reference stays saved until I delete it.`})})]}),(0,z.jsx)(H,{label:a(`mediaGeneration.consentTtl.label`,{defaultValue:`Consent duration`}),children:(0,z.jsxs)(`select`,{value:te??``,onChange:e=>re(e.target.value===``?null:Number(e.target.value)),className:W,children:[(0,z.jsx)(`option`,{value:``,children:a(`mediaGeneration.consentTtl.never`,{defaultValue:`Until I withdraw it`})}),(0,z.jsx)(`option`,{value:`30`,children:a(`mediaGeneration.consentTtl.days30`,{defaultValue:`30 days`})}),(0,z.jsx)(`option`,{value:`90`,children:a(`mediaGeneration.consentTtl.days90`,{defaultValue:`90 days`})}),(0,z.jsx)(`option`,{value:`365`,children:a(`mediaGeneration.consentTtl.days365`,{defaultValue:`One year`})})]})})]}),!j&&(0,z.jsx)(`p`,{className:`text-xs font-normal text-amber-700 dark:text-amber-300`,children:a(`mediaGeneration.cloneConsent`)})]})]}),s===`video`&&Ce?.supports_audio&&(0,z.jsxs)(`label`,{className:`flex items-center gap-3 text-sm`,children:[(0,z.jsx)(`input`,{type:`checkbox`,checked:fe,onChange:e=>q(e.target.checked)}),a(`mediaGeneration.generateAudio`)]}),(0,z.jsxs)(H,{label:s===`video`||Q?.mode===`sound`?a(`mediaGeneration.prompt`):a(`mediaGeneration.text`),children:[(0,z.jsx)(`textarea`,{value:h,onChange:e=>_(e.target.value),rows:6,maxLength:De,className:f(W,`resize-none`),placeholder:a(s===`audio`&&Q?.mode===`sound`?`mediaGeneration.soundPlaceholder`:`mediaGeneration.${s}Placeholder`)}),De&&(0,z.jsxs)(`span`,{className:`block text-end text-xs font-normal text-gray-500 dark:text-dark-500`,children:[h.length,` / `,De]})]})]})]}),X.length>0&&(0,z.jsx)(`div`,{className:`border-t border-gray-200/70 p-4 dark:border-white/[0.08] sm:px-5`,children:(0,z.jsxs)(P,{onClick:J?()=>{Y.current?.abort()}:async()=>{if(!Z||!h.trim())return;let e=new AbortController;Y.current?.abort(),Y.current=e,he(!0);try{if(s===`audio`){let t=se(Q?.config?.default_format),n=$?await O.cloneVoice({model:Z.model,pluginId:Z.plugin,input:h.trim(),referenceAudio:E,referenceText:k.trim()||void 0,responseFormat:t,saveVoiceName:j?N.trim():void 0,consentToStore:j&&I,consentTtlDays:j&&te!==null?te:void 0},e.signal):Q?.mode===`sound`?await O.generateSound({model:Z.model,pluginId:Z.plugin,prompt:h.trim(),voice:v.trim()||Q?.config?.default_voice||void 0,format:`wav`},e.signal):await O.generateAudio({model:Z.model,pluginId:Z.plugin,input:h.trim(),voice:v.trim()||Q?.config?.default_voice||void 0,response_format:t},e.signal);if(e.signal.aborted)return;if(!n.success)throw Error(n.message);if($&&j&&(await o.invalidateQueries({queryKey:[`tts-voice-profiles`]}),e.signal.aborted))return}else{let t=await O.generateVideo({model:Z.model,pluginId:Z.plugin,prompt:h.trim(),...ue?{duration:Number(ue)}:{},...V?{resolution:V}:{},...K?{aspect_ratio:K}:{},...Ce?.supports_audio?{generate_audio:fe}:{}},e.signal);if(e.signal.aborted)return;if(!t.success||!t.data)throw Error(t.message||a(`mediaGeneration.failed`));let n=t.data;_e(e=>[n,...e.filter(e=>e.id!==n.id)]);let r=await Oe(n,e,!0);if(r.status===`failed`)throw Error(r.error||a(`mediaGeneration.failed`))}if(e.signal.aborted)return;b.success($&&j?a(`mediaGeneration.successWithSavedVoice`,{name:N.trim(),defaultValue:`Media generated and “{{name}}” is now available in Speech settings`}):a(`mediaGeneration.success`)),_(``),ye(),r(),n()}catch(t){if(e.signal.aborted)return;b.error(t instanceof Error?t.message:a(`mediaGeneration.failed`))}finally{Y.current===e&&(Y.current=null,he(!1))}},disabled:J?!1:!Z||!h.trim()||!!(De&&h.length>De)||$&&(!E||Te&&!k.trim()||j&&(!N.trim()||!I)),className:`w-full gap-2`,children:[J?(0,z.jsx)(C,{className:`h-4 w-4`}):(0,z.jsx)(y,{className:`h-4 w-4`}),J?s===`video`?a(`mediaGeneration.stopWaiting`,{defaultValue:`Stop waiting`}):a(`common.cancel`):a(`mediaGeneration.generate`)]})})]})]}),document.body):null}function H({label:e,children:t}){return(0,z.jsxs)(`label`,{className:`block space-y-1.5 text-sm font-medium text-gray-700 dark:text-gray-300`,children:[(0,z.jsx)(`span`,{children:e}),t]})}function U(e){return`${e.mode||`default`}::${e.plugin}::${e.model}`}function oe(e,t){return t?.aborted?Promise.reject(t.reason):new Promise((n,r)=>{let i=window.setTimeout(()=>{t?.removeEventListener(`abort`,a),n()},e),a=()=>{window.clearTimeout(i),r(t?.reason)};t?.addEventListener(`abort`,a,{once:!0})})}function se(e){return[`mp3`,`opus`,`aac`,`flac`,`wav`,`pcm`].includes(e||``)?e:`mp3`}function ce(e){return e>=1048576?`${Math.ceil(e/1048576)} MB`:`${Math.ceil(e/1024)} KB`}var W=`w-full rounded-xl border border-gray-200/80 bg-white/70 px-3 py-2.5 text-sm text-gray-900 focus:outline-none focus:ring-2 focus:ring-primary-500/20 dark:border-white/10 dark:bg-white/[0.035] dark:text-gray-100`,G=u(`components:image-edit-panel`),K=e=>e.filter(e=>!!e.config?.edit_endpoint),le=({isOpen:e,onClose:t,source:n,onEdited:r})=>{let{t:i}=d(),[a,o]=(0,R.useState)([]),[s,c]=(0,R.useState)(``),[l,u]=(0,R.useState)(``),[f,p]=(0,R.useState)(36),[m,h]=(0,R.useState)([]),[_,v]=(0,R.useState)(!1),[y,S]=(0,R.useState)(null),[w,T]=(0,R.useState)(!1),E=(0,R.useRef)(null),k=(0,R.useRef)(null),A=(0,R.useRef)(null),j=(0,R.useRef)(!1),M=(0,R.useRef)(null),N=a.find(e=>`${e.plugin}:${e.model}`===s);(0,R.useEffect)(()=>{if(!e)return;let t=!1;return D.getModels().then(e=>{if(t||!e.success||!e.data)return;let n=K(e.data);o(n),c(e=>n.some(t=>`${t.plugin}:${t.model}`===e)?e:n[0]?`${n[0].plugin}:${n[0].model}`:``)}),()=>{t=!0}},[e]),(0,R.useEffect)(()=>{if(!e||!n)return;let t=null,r=!1;return O.getGalleryContent(n.id).then(e=>{r||(t=URL.createObjectURL(e),S(t))}).catch(e=>{G.error(`Failed to load the source image:`,e),b.error(i(`imageEdit.loadFailed`))}),()=>{r=!0,t&&URL.revokeObjectURL(t),S(null),T(!1),h([])}},[e,n?.id]),(0,R.useEffect)(()=>{if(!e)return;let n=e=>{e.key===`Escape`&&t()};return window.addEventListener(`keydown`,n),()=>window.removeEventListener(`keydown`,n)},[e,t]);let F=()=>{let e=A.current,t=E.current,n=k.current;if(!e||!t||!n)return;let r=e.getContext(`2d`);r&&(r.clearRect(0,0,e.width,e.height),r.drawImage(t,0,0,e.width,e.height),r.save(),r.globalAlpha=.55,r.drawImage(n,0,0,e.width,e.height),r.restore())},I=()=>{let e=E.current,t=A.current;if(!e||!t)return;let n=e.naturalWidth,r=e.naturalHeight;t.width=n,t.height=r;let i=document.createElement(`canvas`);i.width=n,i.height=r,k.current=i,T(!1),F()},L=e=>{let t=A.current,n=k.current;if(!t||!n)return;let r=t.getBoundingClientRect(),i=(e.clientX-r.left)/r.width*t.width,a=(e.clientY-r.top)/r.height*t.height,o=n.getContext(`2d`);if(!o)return;let s=f/r.width*t.width;o.fillStyle=`rgba(239, 68, 68, 1)`,o.beginPath(),o.arc(i,a,s,0,Math.PI*2),o.fill(),T(!0),F()},te=()=>{let e=k.current;e&&(e.getContext(`2d`)?.clearRect(0,0,e.width,e.height),T(!1),F())},re=async()=>{let e=k.current;if(!e||!w)return null;let t=document.createElement(`canvas`);t.width=e.width,t.height=e.height;let n=t.getContext(`2d`);return n?(n.fillStyle=`#000000`,n.fillRect(0,0,t.width,t.height),n.globalCompositeOperation=`destination-out`,n.drawImage(e,0,0),new Promise(e=>t.toBlob(t=>e(t),`image/png`))):null},ie=async()=>{if(!n||!N||!l.trim()||_)return;v(!0);let e=new AbortController;M.current=e;try{let a=await re(),o=await O.editImage({model:N.model,pluginId:N.plugin,prompt:l.trim(),sourceMediaId:n.id,images:m,...a?{mask:a}:{}},e.signal);if(!o.success)throw Error(o.message||o.error||`Edit failed`);b.success(i(`imageEdit.saved`)),r(),t()}catch(t){e.signal.aborted||(G.error(`Image edit failed:`,t),b.error(t instanceof Error?t.message:i(`imageEdit.failed`)))}finally{v(!1),M.current=null}};if(!e||!n)return null;let B=Math.max(0,(N?.config?.max_reference_images??1)-1);return(0,ne.createPortal)((0,z.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-label":i(`imageEdit.title`),className:`fixed inset-0 z-[70] flex items-center justify-center bg-black/50 p-4`,"data-testid":`image-edit-panel`,children:(0,z.jsxs)(`div`,{className:`flex max-h-[90vh] w-full max-w-3xl flex-col overflow-hidden rounded-2xl bg-white shadow-xl dark:bg-dark-100`,children:[(0,z.jsxs)(`div`,{className:`flex items-center justify-between border-b border-gray-200 px-4 py-3 dark:border-dark-300`,children:[(0,z.jsxs)(`h2`,{className:`flex items-center gap-2 text-base font-semibold text-gray-900 dark:text-gray-100`,children:[(0,z.jsx)(x,{className:`h-4 w-4`}),i(`imageEdit.title`)]}),(0,z.jsx)(`button`,{type:`button`,onClick:t,"aria-label":i(`common.close`),className:`rounded-full p-1.5 text-gray-500 hover:bg-gray-100 dark:hover:bg-dark-200`,children:(0,z.jsx)(C,{className:`h-5 w-5`})})]}),(0,z.jsx)(`div`,{className:`flex-1 space-y-4 overflow-y-auto p-4`,children:a.length===0?(0,z.jsx)(`p`,{className:`text-sm text-gray-600 dark:text-gray-400`,children:i(`imageEdit.noModels`)}):(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`div`,{className:`relative`,children:y?(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`img`,{ref:E,src:y,alt:n.prompt,className:`hidden`,onLoad:I}),(0,z.jsx)(`canvas`,{ref:A,onPointerDown:e=>{j.current=!0,e.currentTarget.setPointerCapture(e.pointerId),L(e)},onPointerMove:e=>{j.current&&L(e)},onPointerUp:()=>{j.current=!1},className:`w-full cursor-crosshair rounded-xl border border-gray-200 dark:border-dark-300`,"data-testid":`image-edit-canvas`})]}):(0,z.jsx)(`div`,{className:`flex h-56 items-center justify-center`,children:(0,z.jsx)(g,{className:`h-6 w-6 animate-spin text-gray-400`})})}),(0,z.jsx)(`p`,{className:`text-xs text-gray-500 dark:text-gray-400`,children:i(`imageEdit.maskHint`)}),(0,z.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[(0,z.jsxs)(`label`,{className:`flex items-center gap-2 text-xs text-gray-600 dark:text-gray-300`,children:[i(`imageEdit.brushSize`),(0,z.jsx)(`input`,{type:`range`,min:8,max:96,value:f,onChange:e=>p(Number(e.target.value))})]}),(0,z.jsxs)(P,{type:`button`,size:`sm`,variant:`outline`,onClick:te,disabled:!w,children:[(0,z.jsx)(ee,{className:`mr-1 h-3.5 w-3.5`}),i(`imageEdit.clearMask`)]})]}),(0,z.jsxs)(`label`,{className:`block text-xs font-medium text-gray-700 dark:text-gray-300`,children:[i(`imageEdit.model`),(0,z.jsx)(`select`,{value:s,onChange:e=>c(e.target.value),className:`mt-1 w-full rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm dark:border-dark-300 dark:bg-dark-50`,children:a.map(e=>(0,z.jsxs)(`option`,{value:`${e.plugin}:${e.model}`,children:[e.plugin,` · `,e.model]},`${e.plugin}:${e.model}`))})]}),(0,z.jsxs)(`label`,{className:`block text-xs font-medium text-gray-700 dark:text-gray-300`,children:[i(`imageEdit.prompt`),(0,z.jsx)(`textarea`,{value:l,onChange:e=>u(e.target.value),rows:3,placeholder:i(`imageEdit.promptPlaceholder`),className:`mt-1 w-full rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm dark:border-dark-300 dark:bg-dark-50`,"data-testid":`image-edit-prompt`})]}),B>0&&(0,z.jsxs)(`label`,{className:`block text-xs font-medium text-gray-700 dark:text-gray-300`,children:[i(`imageEdit.referenceImages`,{total:B}),(0,z.jsx)(`input`,{type:`file`,accept:`image/png,image/jpeg,image/webp`,multiple:!0,onChange:e=>h(Array.from(e.target.files??[]).slice(0,B)),className:`mt-1 block w-full text-xs`})]})]})}),(0,z.jsxs)(`div`,{className:`flex items-center justify-end gap-2 border-t border-gray-200 px-4 py-3 dark:border-dark-300`,children:[(0,z.jsx)(P,{type:`button`,variant:`outline`,onClick:t,children:i(`common.cancel`)}),(0,z.jsxs)(P,{type:`button`,onClick:()=>void ie(),disabled:_||!N||!l.trim()||!y,"data-testid":`image-edit-submit`,children:[_?(0,z.jsx)(g,{className:`mr-1 h-4 w-4 animate-spin`}):(0,z.jsx)(x,{className:`mr-1 h-4 w-4`}),i(`imageEdit.apply`)]})]})]})}),document.body)},ue=({image:e,onClose:t,onDelete:n,onDownload:r})=>{let{t:i}=d();return(0,R.useEffect)(()=>{let e=e=>{e.key===`Escape`&&t()};return document.addEventListener(`keydown`,e),document.body.style.overflow=`hidden`,()=>{document.removeEventListener(`keydown`,e),document.body.style.overflow=``}},[t]),(0,ne.createPortal)((0,z.jsxs)(`div`,{className:`fixed inset-0 z-[99999] flex items-center justify-center`,onClick:t,children:[(0,z.jsx)(`div`,{className:`absolute inset-0 bg-black/90 backdrop-blur-sm`}),(0,z.jsxs)(`div`,{className:`relative flex flex-col lg:flex-row max-w-7xl max-h-[95vh] w-full mx-4 gap-4`,onClick:e=>e.stopPropagation(),children:[(0,z.jsx)(`button`,{onClick:t,className:f(`absolute -top-12 right-0 lg:top-0 lg:-right-12 z-10`,`p-2 rounded-full`,`bg-white/10 hover:bg-white/20`,`transition-colors`),children:(0,z.jsx)(C,{className:`h-6 w-6 text-white`})}),(0,z.jsx)(`div`,{className:`flex-1 flex items-center justify-center min-h-0`,children:(0,z.jsx)(`img`,{src:e.imageData,alt:e.prompt,className:`max-w-full max-h-[70vh] lg:max-h-[90vh] object-contain rounded-lg`})}),(0,z.jsxs)(`div`,{className:f(`w-full lg:w-80 flex-shrink-0`,`bg-white dark:bg-dark-100`,`rounded-xl p-4 lg:p-5`,`overflow-y-auto max-h-[25vh] lg:max-h-[90vh]`),children:[(0,z.jsxs)(`div`,{className:`mb-4`,children:[(0,z.jsx)(`h3`,{className:`text-sm font-medium text-gray-500 dark:text-gray-400 mb-1`,children:i(`gallery.prompt`)}),(0,z.jsx)(`p`,{className:`text-gray-900 dark:text-gray-100 text-sm leading-relaxed`,children:e.prompt})]}),(0,z.jsxs)(`div`,{className:`space-y-3 mb-4`,children:[(0,z.jsxs)(`div`,{className:`flex items-center gap-2 text-sm`,children:[(0,z.jsx)(S,{className:`h-4 w-4 text-gray-400 dark:text-gray-500`}),(0,z.jsxs)(`span`,{className:`text-gray-500 dark:text-gray-400`,children:[i(`gallery.model`),`:`]}),(0,z.jsx)(`span`,{className:`text-gray-900 dark:text-gray-100`,children:e.model})]}),e.size&&(0,z.jsxs)(`div`,{className:`flex items-center gap-2 text-sm`,children:[(0,z.jsx)(p,{className:`h-4 w-4 text-gray-400 dark:text-gray-500`}),(0,z.jsxs)(`span`,{className:`text-gray-500 dark:text-gray-400`,children:[i(`gallery.size`),`:`]}),(0,z.jsx)(`span`,{className:`text-gray-900 dark:text-gray-100`,children:e.size})]}),e.quality&&(0,z.jsxs)(`div`,{className:`flex items-center gap-2 text-sm`,children:[(0,z.jsx)(`span`,{className:`w-4 h-4 flex items-center justify-center text-gray-400 dark:text-gray-500 text-xs font-bold`,children:`Q`}),(0,z.jsxs)(`span`,{className:`text-gray-500 dark:text-gray-400`,children:[i(`gallery.quality`),`:`]}),(0,z.jsx)(`span`,{className:`text-gray-900 dark:text-gray-100 capitalize`,children:e.quality})]}),(0,z.jsxs)(`div`,{className:`flex items-center gap-2 text-sm`,children:[(0,z.jsx)(v,{className:`h-4 w-4 text-gray-400 dark:text-gray-500`}),(0,z.jsxs)(`span`,{className:`text-gray-500 dark:text-gray-400`,children:[i(`gallery.created`),`:`]}),(0,z.jsx)(`span`,{className:`text-gray-900 dark:text-gray-100`,children:(e=>new Date(e).toLocaleString(void 0,{year:`numeric`,month:`long`,day:`numeric`,hour:`2-digit`,minute:`2-digit`}))(e.createdAt)})]})]}),(0,z.jsxs)(`div`,{className:`flex gap-2 pt-4 border-t border-gray-200 dark:border-dark-300`,children:[(0,z.jsxs)(`button`,{onClick:()=>{if(r)r(e);else{let t=document.createElement(`a`);t.href=e.imageData,t.download=`generated-${e.id}.${j(e.imageData)}`,document.body.appendChild(t),t.click(),document.body.removeChild(t)}},className:f(`flex-1 flex items-center justify-center gap-2 py-2.5 rounded-lg`,`bg-primary-600 dark:bg-primary-600`,`hover:bg-primary-700 dark:hover:bg-primary-500`,`text-white font-medium text-sm`,`transition-colors`),children:[(0,z.jsx)(m,{className:`h-4 w-4`}),i(`gallery.download`)]}),n&&(0,z.jsx)(`button`,{onClick:()=>n(e.id),className:f(`p-2.5 rounded-lg`,`bg-gray-100 dark:bg-dark-200`,`hover:bg-red-100 dark:hover:bg-red-900/30`,`text-gray-600 dark:text-gray-300`,`hover:text-red-600 dark:hover:text-red-400`,`transition-colors`),title:`Delete image`,children:(0,z.jsx)(E,{className:`h-4 w-4`})})]})]})]})]}),document.body)};function de({kind:e,refreshKey:t,onCountChange:n,onEditImage:r}){let{t:a}=d(),o=i(),[s,c]=(0,R.useState)(null),[l,u]=(0,R.useState)(null),f=te({queryKey:[`media-gallery`,e||`all`,t||0],queryFn:async({pageParam:t})=>{let n=await O.getGallery({limit:20,offset:t,...e?{kind:e}:{}});if(!n.success||!n.data)throw Error(n.message||a(`imageGallery.loadFailed`));return n.data},initialPageParam:0,getNextPageParam:(e,t)=>{let n=t.reduce((e,t)=>e+t.media.length,0);return n<e.total?n:void 0}}),p=(0,R.useMemo)(()=>f.data?.pages.flatMap(e=>e.media)||[],[f.data]),h=f.data?.pages[0]?.total||0;(0,R.useEffect)(()=>n?.(h),[n,h]);let v=async e=>{if(!l){u(e.id);try{let t=await O.deleteGalleryItem(e.id);if(!t.success)throw Error(t.message);c(null),await o.invalidateQueries({queryKey:[`media-gallery`]}),b.success(a(`imageGallery.deleteSuccess`))}catch{b.error(a(`imageGallery.deleteFailed`))}finally{u(null)}}},y=async e=>{let t=await O.getGalleryContent(e.id),n=URL.createObjectURL(t),r=document.createElement(`a`);r.href=n,r.download=`generated-${e.id}.${pe(e.mimeType)}`,document.body.appendChild(r),r.click(),r.remove(),URL.revokeObjectURL(n)};return f.isLoading?(0,z.jsx)(`div`,{className:`flex justify-center py-12`,children:(0,z.jsx)(g,{className:`h-8 w-8 animate-spin text-gray-400`})}):p.length===0?(0,z.jsxs)(`div`,{className:`flex flex-col items-center justify-center rounded-2xl border border-dashed border-gray-300 bg-white/30 px-6 py-12 text-center dark:border-white/15 dark:bg-white/[0.02]`,children:[(0,z.jsx)(_,{className:`mb-4 h-10 w-10 text-gray-300 dark:text-gray-600`}),(0,z.jsx)(`h3`,{className:`text-lg font-medium`,children:a(`mediaGallery.empty`)}),(0,z.jsx)(`p`,{className:`mt-2 max-w-sm text-gray-500 dark:text-gray-400`,children:a(`mediaGallery.emptyHint`)})]}):(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`div`,{className:`grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4`,children:p.map(e=>(0,z.jsxs)(`article`,{className:`overflow-hidden rounded-2xl border border-gray-200/80 bg-white/70 dark:border-white/10 dark:bg-white/[0.025]`,children:[(0,z.jsx)(fe,{item:e,onOpenImage:t=>c(q(e,t))}),(0,z.jsxs)(`div`,{className:`space-y-3 p-3`,children:[(0,z.jsx)(`p`,{className:`line-clamp-2 text-sm text-gray-800 dark:text-gray-200`,children:e.prompt}),(0,z.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,z.jsx)(`span`,{className:`min-w-0 truncate text-xs text-gray-500`,children:e.model}),(0,z.jsxs)(`div`,{className:`flex shrink-0 gap-1`,children:[e.kind===`image`&&r&&(0,z.jsx)(`button`,{onClick:()=>r(e),className:`rounded-lg p-1.5 hover:bg-gray-100 dark:hover:bg-white/10`,title:a(`imageEdit.title`),"data-testid":`edit-image-${e.id}`,children:(0,z.jsx)(x,{className:`h-4 w-4`})}),(0,z.jsx)(`button`,{onClick:()=>void y(e),className:`rounded-lg p-1.5 hover:bg-gray-100 dark:hover:bg-white/10`,title:a(`imageGallery.download`),children:(0,z.jsx)(m,{className:`h-4 w-4`})}),(0,z.jsx)(`button`,{onClick:()=>void v(e),disabled:l===e.id,className:`rounded-lg p-1.5 hover:bg-red-500/15 hover:text-red-500`,title:a(`imageGallery.delete`),children:l===e.id?(0,z.jsx)(g,{className:`h-4 w-4 animate-spin`}):(0,z.jsx)(E,{className:`h-4 w-4`})})]})]})]})]},e.id))}),f.hasNextPage&&(0,z.jsx)(`div`,{className:`mt-8 flex justify-center`,children:(0,z.jsx)(P,{variant:`outline`,disabled:f.isFetchingNextPage,onClick:()=>void f.fetchNextPage(),children:f.isFetchingNextPage?a(`common.loading`):a(`imageGallery.loadMore`,{current:p.length,total:h})})}),s&&(0,z.jsx)(ue,{image:s,onClose:()=>c(null),onDelete:e=>{let t=p.find(t=>t.id===e);t&&v(t)},onDownload:e=>{let t=p.find(t=>t.id===e.id);t&&y(t)}})]})}function fe({item:e,onOpenImage:t}){let{data:n,isLoading:r}=l({queryKey:[`media-gallery-content`,e.id],queryFn:()=>O.getGalleryContent(e.id),staleTime:3e5}),i=(0,R.useMemo)(()=>n?URL.createObjectURL(n):``,[n]),a=(0,R.useRef)(new Map);return(0,R.useEffect)(()=>{if(!i)return;let e=a.current,t=e.get(i);return t&&(clearTimeout(t),e.delete(i)),()=>{e.set(i,setTimeout(()=>{e.delete(i),URL.revokeObjectURL(i)},0))}},[i]),r||!i?(0,z.jsx)(`div`,{className:`flex aspect-video items-center justify-center bg-gray-100 dark:bg-white/[0.03]`,children:(0,z.jsx)(g,{className:`h-6 w-6 animate-spin text-gray-400`})}):e.kind===`image`?(0,z.jsx)(`button`,{className:`block aspect-square w-full overflow-hidden`,onClick:()=>t(i),children:(0,z.jsx)(`img`,{src:i,alt:e.prompt,className:`h-full w-full object-cover`,loading:`lazy`})}):e.kind===`video`?(0,z.jsx)(`div`,{className:`aspect-video bg-black`,children:(0,z.jsx)(`video`,{src:i,controls:!0,preload:`metadata`,className:`h-full w-full object-contain`})}):(0,z.jsxs)(`div`,{className:`flex min-h-40 flex-col items-center justify-center gap-3 bg-gradient-to-br from-primary-500/10 to-cyan-500/10 p-4`,children:[(0,z.jsx)(w,{className:`h-9 w-9 text-primary-500`}),(0,z.jsx)(`audio`,{src:i,controls:!0,preload:`metadata`,className:`w-full`})]})}function q(e,t){return{id:e.id,userId:e.userId,prompt:e.prompt,model:e.model,imageData:t,size:e.size,quality:e.quality,createdAt:e.createdAt}}function pe(e){let t=e.split(`/`)[1]?.split(`;`)[0];return t===`mpeg`?e.startsWith(`audio/`)?`mp3`:`mpeg`:t===`svg+xml`?`svg`:t||`bin`}var me=()=>{let{t:e}=d(),[t,n]=(0,R.useState)(null),[r,i]=(0,R.useState)(!1),[a,o]=(0,R.useState)(null),[s,c]=(0,R.useState)(`all`),[l,u]=(0,R.useState)(null),[p,m]=(0,R.useState)(0),g=N(e=>e.preferences.imageGenSettings?.enabled===!0),_=(0,R.useCallback)(()=>{m(e=>e+1)},[]);return(0,z.jsxs)(I,{width:`wide`,children:[(0,z.jsx)(F,{title:e(`sidebar.navigation.imagine`),description:e(`gallery.subtitle`),meta:t!==null&&t>0?(0,z.jsx)(`span`,{className:`inline-flex rounded-full border border-gray-200/80 bg-white/60 px-2.5 py-1 text-xs text-gray-500 dark:border-white/10 dark:bg-white/[0.04] dark:text-dark-500`,children:e(`mediaGallery.itemCount`,{count:t})}):null,actions:(0,z.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,z.jsxs)(P,{onClick:()=>{g&&i(!0)},disabled:!g,className:`gap-2 px-4`,children:[(0,z.jsx)(h,{className:`h-4 w-4`,"aria-hidden":`true`}),e(`gallery.generate`)]}),(0,z.jsxs)(P,{variant:`outline`,onClick:()=>o(`video`),className:`gap-2 px-4`,children:[(0,z.jsx)(T,{className:`h-4 w-4`,"aria-hidden":`true`}),e(`mediaGeneration.video`)]}),(0,z.jsxs)(P,{variant:`outline`,onClick:()=>o(`audio`),className:`gap-2 px-4`,children:[(0,z.jsx)(w,{className:`h-4 w-4`,"aria-hidden":`true`}),e(`mediaGeneration.audio`)]})]})}),(0,z.jsx)(`div`,{className:`mb-5 flex flex-wrap gap-2`,children:[`all`,`image`,`video`,`audio`].map(t=>(0,z.jsx)(`button`,{type:`button`,onClick:()=>c(t),className:f(`rounded-full border px-3 py-1.5 text-sm transition-colors`,s===t?`border-gray-950 bg-gray-950 text-white dark:border-white dark:bg-white dark:text-gray-950`:`border-gray-200 text-gray-600 hover:border-gray-400 dark:border-white/10 dark:text-dark-600`),children:e(`mediaGallery.filters.${t}`)},t))}),(0,z.jsx)(de,{kind:s===`all`?void 0:s,refreshKey:p,onCountChange:n,onEditImage:u}),(0,z.jsx)(le,{isOpen:l!==null,source:l,onClose:()=>u(null),onEdited:_}),(0,z.jsx)(B,{isOpen:r&&g,onClose:()=>i(!1),onImageGenerated:_}),(0,z.jsx)(V,{isOpen:a!==null,initialKind:a||`video`,onClose:()=>o(null),onGenerated:_},a||`closed`)]})};export{me as GalleryPage,me as default};

package/frontend/dist/js/HomePage-zJkkDNJl.js

@@ -1 +0,0 @@
-import{r as e}from"./rolldown-runtime-hePW80VL.js";import{i as t,t as n}from"./react-vendor-D0Ec-185.js";import{d as r}from"./router-vendor-CM0PhOMl.js";import{t as i}from"./useTranslation-Kn7_iLGj.js";import{i as a,o,t as s}from"./utils-Dq1w7K0c.js";import{t as c}from"./chatStore-BPpcL4I5.js";import{Et as l,M as u,c as d,cr as f,mt as p,on as m,rr as h,t as g,tr as _}from"./ui-vendor-LatG6rFF.js";import{d as v,t as y}from"./authStore-Cm8P6rYs.js";import{n as b}from"./workStatus-oU04ZrUq.js";import{n as x,r as S,t as C}from"./appNavigation-CVsQuDI1.js";import{t as w}from"./appVersion-BNuquyI6.js";import{t as T}from"./work-DVgm81bJ.js";var E=e(t(),1),D=n(),O=e=>e<5?`chat.greeting.night`:e<12?`chat.greeting.morning`:e<18?`chat.greeting.afternoon`:`chat.greeting.evening`,k=`mb-2 text-xs font-medium text-ink-muted`,A=`group flex w-full items-center gap-2.5 rounded-lg px-2.5 py-1.5 text-start text-sm text-ink-muted transition-colors hover:bg-white hover:text-ink dark:hover:bg-dark-200 outline-none focus-visible:ring-2 focus-visible:ring-primary-500/40`,j=()=>{let{t:e,i18n:t}=i(),n=r(),{user:j,systemInfo:M,canUseWork:N,canUseAgents:P}=y(),F=c(e=>e.sessions),I=c(e=>e.models),L=v(e=>e.tasks),R=v(e=>e.capabilities),z=v(e=>e.loadTasks),B=v(e=>e.loadCapabilities),V=N(),H=P();(0,E.useEffect)(()=>{V&&(z(!0).catch(()=>{}),B().catch(()=>{}))},[V,z,B]);let U=e(O(new Date().getHours())),W=j?.username,G=[...F].sort((e,t)=>t.updatedAt-e.updatedAt).slice(0,4),K=[...L].sort((e,t)=>new Date(t.updatedAt).getTime()-new Date(e.updatedAt).getTime()).slice(0,3),q=R?.activeRuntimes?.user??0,J=o()?`⌘`:`Ctrl`,Y=G.length>0||K.length>0,X=w(M?.version);return(0,D.jsx)(`div`,{"data-testid":`home-page`,className:`h-full overflow-y-auto scrollbar-thin`,children:(0,D.jsxs)(`div`,{className:`mx-auto flex min-h-full w-full max-w-xl flex-col justify-center px-6 py-12`,children:[(0,D.jsx)(`h1`,{className:`text-2xl font-semibold tracking-tight text-ink`,children:W?`${U}, ${W}.`:`${U}.`}),(0,D.jsxs)(`p`,{"data-testid":`app-version`,className:`mt-1 font-mono text-xs text-ink-subtle`,children:[window.location.host||`Libre WebUI`,X?` · v${X}`:``]}),(0,D.jsxs)(`div`,{className:`mt-8`,children:[(0,D.jsx)(`p`,{className:k,children:e(`home.start`,`Start`)}),(0,D.jsxs)(`div`,{className:`-mx-2.5 flex flex-col`,children:[(0,D.jsxs)(`button`,{type:`button`,"data-testid":`home-new-chat`,className:A,onClick:()=>x(n),children:[(0,D.jsx)(l,{className:`h-4 w-4 shrink-0 text-ink-subtle transition-colors group-hover:text-ink-muted`}),(0,D.jsx)(`span`,{className:`flex-1`,children:e(`tabs.newChat`,`New Chat`)}),(0,D.jsxs)(`span`,{className:`font-mono text-[10px] tracking-wide text-ink-subtle opacity-0 transition-opacity group-hover:opacity-100`,children:[J,`⇧O`]})]}),(0,D.jsxs)(`button`,{type:`button`,"data-testid":`home-incognito-chat`,className:A,onClick:()=>C(n),children:[(0,D.jsx)(m,{className:`h-4 w-4 shrink-0 text-ink-subtle transition-colors group-hover:text-ink-muted`}),(0,D.jsx)(`span`,{className:`flex-1`,children:e(`chat.session.incognito`,`Incognito Chat`)})]}),V&&(0,D.jsxs)(`button`,{type:`button`,"data-testid":`home-new-work`,className:A,onClick:()=>S(n),children:[(0,D.jsx)(h,{className:`h-4 w-4 shrink-0 text-ink-subtle transition-colors group-hover:text-ink-muted`}),(0,D.jsx)(`span`,{className:`flex-1`,children:e(`tabs.newWork`,`New Work`)}),(0,D.jsxs)(`span`,{className:`font-mono text-[10px] tracking-wide text-ink-subtle opacity-0 transition-opacity group-hover:opacity-100`,children:[J,`⇧U`]})]})]})]}),Y&&(0,D.jsxs)(`div`,{className:`mt-8`,children:[(0,D.jsxs)(`div`,{className:`mb-2 flex items-baseline justify-between`,children:[(0,D.jsx)(`p`,{className:s(k,`mb-0`),children:e(`home.continue`,`Continue`)}),V&&q>0&&(0,D.jsxs)(`span`,{className:`flex items-center gap-1.5 font-mono text-[10px] text-ink-subtle`,children:[(0,D.jsx)(`span`,{className:`h-1.5 w-1.5 animate-pulse-subtle rounded-full bg-[rgb(48,121,255)]`}),q,` `,e(`home.active`,`active`)]})]}),(0,D.jsxs)(`div`,{className:`-mx-2.5 flex flex-col`,children:[K.map(r=>{let i=b[r.status];return(0,D.jsxs)(`button`,{type:`button`,"data-testid":`home-continue-work`,className:A,onClick:()=>n(`/work/${r.id}`),children:[(0,D.jsx)(`span`,{"aria-hidden":`true`,className:s(`h-2 w-2 shrink-0 rounded-full ring-1 ring-black/[0.06] dark:ring-white/[0.1]`,i.animated&&`animate-pulse-subtle`),style:{backgroundColor:i.color}}),(0,D.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:r.title||e(`work.tasks.untitled`,`Untitled task`)}),r.hostPath&&(0,D.jsx)(`span`,{className:`hidden max-w-[14rem] shrink-0 truncate font-mono text-[10px] text-ink-subtle sm:inline`,title:r.hostPath,children:r.hostPath}),(0,D.jsx)(`span`,{className:`shrink-0 font-mono text-[10px] text-ink-subtle`,children:T(r)?e(i.labelKey,i.label):a(new Date(r.updatedAt).getTime(),t.language)})]},r.id)}),G.map(r=>(0,D.jsxs)(`button`,{type:`button`,"data-testid":`home-continue-chat`,className:A,onClick:()=>n(`/c/${r.id}`),children:[(0,D.jsx)(l,{className:`h-4 w-4 shrink-0 text-ink-subtle`}),(0,D.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:r.title||e(`tabs.chat`,`Chat`)}),(0,D.jsx)(`span`,{className:`hidden shrink-0 font-mono text-[10px] text-ink-subtle sm:inline`,children:r.model.startsWith(`persona:`)?I.find(e=>e.isPersona&&e.name===r.model)?.personaName||e(`chat.persona.label`,`Persona`):r.model}),(0,D.jsx)(`span`,{className:`shrink-0 font-mono text-[10px] text-ink-subtle`,children:a(r.updatedAt,t.language)})]},r.id))]})]}),(0,D.jsxs)(`div`,{className:`mt-8`,children:[(0,D.jsx)(`p`,{className:k,children:e(`home.explore`,`Explore`)}),(0,D.jsx)(`div`,{className:`-mx-2.5 flex flex-col`,children:[[`/notes`,p,e(`sidebar.navigation.notes`,`Notes`)],[`/calendar`,_,e(`sidebar.navigation.calendar`,`Calendar`)],[`/automations`,g,e(`sidebar.navigation.automations`,`Automations`)],[`/personas`,d,e(`sidebar.navigation.personas`,`Personas`)],[`/gallery`,u,e(`sidebar.navigation.imagine`,`Imagine`)],...H?[[`/agents`,f,e(`sidebar.navigation.agents`,`Agents`)]]:[]].map(([e,t,r])=>(0,D.jsxs)(`button`,{type:`button`,className:A,onClick:()=>n(e),children:[(0,D.jsx)(t,{className:`h-4 w-4 shrink-0 text-ink-subtle transition-colors group-hover:text-ink-muted`}),(0,D.jsx)(`span`,{className:`flex-1`,children:r})]},e))})]})]})})};export{j as HomePage,j as default};