libre-webui 0.15.0 → 0.15.1

package/frontend/dist/js/ChatPage-1bK0gDBy.js

@@ -1,16 +0,0 @@
-import{r as e}from"./rolldown-runtime-QTnfLwEv.js";import{d as t,f as n}from"./markdown-core-GI9BPwrB.js";import{n as r}from"./react-vendor-DyG_ODzn.js";import{d as i,f as a,u as o}from"./router-vendor-BjDI9mRe.js";import{t as s}from"./useQuery-C0lZwNoc.js";import{t as c}from"./useTranslation-Cs6iTP4m.js";import{$ as l,A as u,B as d,Bt as f,C as p,D as m,Dt as h,F as g,J as _,K as v,Kt as y,Ot as b,P as x,Q as S,Rt as C,S as w,T,Tt as E,U as D,Vt as O,W as k,X as A,Xt as j,Zt as M,_t as ee,a as N,bt as P,c as F,d as I,dt as L,ft as te,h as ne,ht as re,i as R,it as z,jt as ie,lt as ae,mt as oe,n as B,o as se,pt as ce,r as le,rt as ue,t as de,ut as V,v as fe,vt as H,x as pe,xt as U,y as me}from"./ui-vendor-DUqvZsfs.js";import{n as he}from"./demoMode-BhEpMVh5.js";import{t as W}from"./logger-DbNs3-DK.js";import{a as ge,d as _e,f as ve,g as ye,h as be,i as xe,l as Se,m as Ce,n as we,u as Te,v as Ee}from"./api-DD5qhhLf.js";import{i as De,n as Oe,r as ke,t as G}from"./utils-pTFqSV8c.js";import{t as K}from"./Button-DBk-AREB.js";import{E as Ae,F as je,H as q,O as Me,S as Ne,T as Pe,W as Fe,k as J,p as Ie,w as Le,x as Re}from"../assets/index-uCHBH_PM.js";import{a as ze,i as Be}from"./artifactHtml-B7Oy2e__.js";import{t as Ve}from"./ArtifactContainer-CXfmVx8T.js";var He=r(),Y=e(n(),1),X=t(),Ue=({statistics:e,className:t=``})=>{let[n,r]=(0,Y.useState)(!1),{t:i}=c(),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,l=e.eval_count||0,u=s+l,d=a(e.total_duration),f=o(e.tokens_per_second);return(0,X.jsxs)(`div`,{className:`text-xs text-gray-500 dark:text-dark-500 mt-2 ${t}`,children:[(0,X.jsxs)(`div`,{className:`flex items-center gap-4 mb-1`,children:[(0,X.jsxs)(`span`,{className:`flex items-center gap-1 text-gray-600 dark:text-dark-600`,children:[(0,X.jsx)(D,{size:12,className:`text-primary-500`}),l,` tokens`]}),(0,X.jsx)(`span`,{className:`text-gray-500 dark:text-dark-500`,children:f}),(0,X.jsx)(`span`,{className:`text-gray-500 dark:text-dark-500`,children:d}),e.model&&(0,X.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,X.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,X.jsx)(P,{size:12}):(0,X.jsx)(H,{size:12,className:`rtl:rotate-180`}),(0,X.jsx)(`span`,{children:i(`generationStats.details`)})]}),n&&(0,X.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,X.jsxs)(`div`,{className:`grid grid-cols-2 gap-x-4 gap-y-2`,children:[(0,X.jsxs)(`div`,{className:`text-gray-700 dark:text-dark-700`,children:[(0,X.jsx)(`span`,{className:`font-medium text-gray-800 dark:text-dark-800`,children:i(`generationStats.promptTokens`)}),` `,s]}),(0,X.jsxs)(`div`,{className:`text-gray-700 dark:text-dark-700`,children:[(0,X.jsx)(`span`,{className:`font-medium text-gray-800 dark:text-dark-800`,children:i(`generationStats.generatedTokens`)}),` `,l]}),(0,X.jsxs)(`div`,{className:`text-gray-700 dark:text-dark-700`,children:[(0,X.jsx)(`span`,{className:`font-medium text-gray-800 dark:text-dark-800`,children:i(`generationStats.totalTokens`)}),` `,u]}),(0,X.jsxs)(`div`,{className:`text-gray-700 dark:text-dark-700`,children:[(0,X.jsx)(`span`,{className:`font-medium text-gray-800 dark:text-dark-800`,children:i(`generationStats.speed`)}),` `,f]}),(0,X.jsxs)(`div`,{className:`text-gray-700 dark:text-dark-700`,children:[(0,X.jsx)(`span`,{className:`font-medium text-gray-800 dark:text-dark-800`,children:i(`generationStats.promptEval`)}),` `,a(e.prompt_eval_duration)]}),(0,X.jsxs)(`div`,{className:`text-gray-700 dark:text-dark-700`,children:[(0,X.jsx)(`span`,{className:`font-medium text-gray-800 dark:text-dark-800`,children:i(`generationStats.generation`)}),` `,a(e.eval_duration)]}),(0,X.jsxs)(`div`,{className:`text-gray-700 dark:text-dark-700`,children:[(0,X.jsx)(`span`,{className:`font-medium text-gray-800 dark:text-dark-800`,children:i(`generationStats.modelLoad`)}),` `,a(e.load_duration)]}),(0,X.jsxs)(`div`,{className:`text-gray-700 dark:text-dark-700`,children:[(0,X.jsx)(`span`,{className:`font-medium text-gray-800 dark:text-dark-800`,children:i(`generationStats.totalTime`)}),` `,d]})]}),e.created_at&&(0,X.jsxs)(`div`,{className:`pt-2 border-t border-gray-200 dark:border-dark-300 text-gray-600 dark:text-dark-600`,children:[(0,X.jsx)(`span`,{className:`font-medium text-gray-800 dark:text-dark-800`,children:i(`generationStats.generatedAt`)}),` `,new Date(e.created_at).toLocaleTimeString()]})]})]})},We=W(`components:ttsbutton`),Ge=null,Ke=null,qe=0,Je=300*1e3;async function Ye(e=!1){let t=Date.now();return!e&&Ge!==null&&t-qe<Je?Ge:Ke||(Ke=(async()=>{try{let e=await ge.getModels();return e.success&&e.data&&e.data.length>0?(Ge=e.data,qe=t,e.data):(Ge=[],qe=t,[])}catch{return Ge=[],qe=t,[]}finally{Ke=null}})(),Ke)}function Xe(e){return e.split(/(?<=[.!?]["']?\s)|(?<=[.!?]["']?$)/).map(e=>e.trim()).filter(e=>e.length>0)}var Ze=({text:e,className:t,size:n=`sm`})=>{let{t:r}=c(),{preferences:i}=je(),[a,o]=(0,Y.useState)(!1),[s,l]=(0,Y.useState)(!1),[u,d]=(0,Y.useState)(null),[f,p]=(0,Y.useState)([]),[m,h]=(0,Y.useState)(null),g=(0,Y.useRef)(null),_=(0,Y.useRef)(!1),v=(0,Y.useRef)([]),y=(0,Y.useRef)(0);(0,Y.useEffect)(()=>{let e=!0;return(async()=>{let t=await Ye(),n=we(t,i.ttsSettings?.model,i.ttsSettings?.pluginId);i.ttsSettings?.model&&!n&&(t=await Ye(!0)),e&&(p(t),h(t.length>0))})(),()=>{e=!1}},[i.ttsSettings?.model,i.ttsSettings?.pluginId]);let b=(0,Y.useCallback)(async(e,t,n,i,a,o)=>{let s=await ge.generateBase64({model:t,pluginId:n,input:e,voice:i,speed:a,response_format:o});if(!s.success||!s.data?.audio)throw Error(s.message||r(`ttsButton.generateFailed`));let c=`data:${s.data.mimeType};base64,${s.data.audio}`,l=new Audio(c);return g.current=l,new Promise((e,t)=>{l.onended=()=>{g.current=null,e()},l.onerror=()=>{g.current=null,t(Error(r(`ttsButton.playbackFailed`)))},l.play().catch(t)})},[r]),x=(0,Y.useCallback)(async(e,t,n,r,i,a)=>{v.current=e,y.current=0,_.current=!1;let o=null,s=async e=>{try{let o=await ge.generateBase64({model:t,pluginId:n,input:e,voice:r,speed:i,response_format:a});return!o.success||!o.data?.audio?null:{audioUrl:`data:${o.data.mimeType};base64,${o.data.audio}`,mimeType:o.data.mimeType}}catch{return null}};e.length>0&&(o=s(e[0]));for(let t=0;t<e.length&&!_.current;t++){y.current=t;try{let n=await o;if(_.current)break;if(o=t+1<e.length?s(e[t+1]):null,!n){We.warn(`Failed to generate audio for sentence ${t+1}, skipping`);continue}let r=new Audio(n.audioUrl);g.current=r,await new Promise((e,t)=>{r.onended=()=>{g.current=null,e()},r.onerror=()=>{g.current=null,e()},r.play().catch(()=>{e()})})}catch(e){We.error(`Error playing sentence ${t+1}:`,e)}}},[]),S=(0,Y.useCallback)(()=>{_.current=!0,g.current&&(g.current.pause(),g.current.currentTime=0,g.current=null),o(!1),l(!1)},[]),C=async()=>{if(!s){if(a){S();return}l(!0),d(null),_.current=!1;try{let t=i.ttsSettings,n=xe(f,t?.model,t?.pluginId),a=n?.model||t?.model||`tts-1`,s=n?.plugin||t?.pluginId,c=n?.model===t?.model&&(!t?.pluginId||n?.plugin===t.pluginId)?t?.voice||n?.config?.default_voice||`alloy`:n?.config?.default_voice||`alloy`,u=t?.speed||1,p=n?.config?.default_format;if(t?.streamSentences){let t=Xe(e);if(t.length===0)throw Error(r(`ttsButton.generateFailed`));l(!1),o(!0),await x(t,a,s,c,u,p),_.current||o(!1)}else await b(e,a,s,c,u,p),l(!1),o(!0),g.current&&(g.current.onended=()=>{o(!1),g.current=null},g.current.onerror=()=>{d(r(`ttsButton.playbackFailed`)),o(!1),g.current=null})}catch(e){d(e instanceof Error?e.message:r(`ttsButton.generateFailed`)),We.error(`TTS error:`,e),o(!1),l(!1)}}};if((0,Y.useEffect)(()=>()=>{_.current=!0,g.current&&(g.current.pause(),g.current=null)},[]),m===!1||m===null)return null;let w={sm:`h-6 w-6 p-1`,md:`h-8 w-8 p-1.5`,lg:`h-10 w-10 p-2`},T={sm:`h-3.5 w-3.5`,md:`h-4 w-4`,lg:`h-5 w-5`};return(0,X.jsx)(`button`,{onClick:C,disabled:s||!e,title:u||r(a?`ttsButton.stopSpeaking`:s?`ttsButton.generatingSpeech`:`ttsButton.readAloud`),className:G(`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`,u?`text-red-500 dark:text-red-400`:a?`text-primary-600 dark:text-primary-400 bg-primary-50 dark:bg-primary-900/20`:`text-gray-500 dark:text-gray-400`,w[n],t),children:s?(0,X.jsx)(O,{className:G(T[n],`animate-spin`)}):a?(0,X.jsx)(ne,{className:T[n]}):u?(0,X.jsx)(R,{className:T[n]}):(0,X.jsx)(N,{className:T[n]})})},Qe=/```([^\n`]*)\n([\s\S]*?)\n```/g,$e=/[\w@./-]+\.(?:html?|css|mjs|js|jsx|ts|tsx|svg|json|py)/i,et=[`html`,`react`,`svg`,`mermaid`,`chart`,`code`,`text`,`json`],tt=[{regex:/<artifact\s+type="([^"]+)"\s+title="([^"]+)"[^>]*>([\s\S]*?)<\/artifact>/gi,extract:e=>({type:lt(e[1]),title:nt(e[2]).trim()||`Artifact`,content:e[3].trim()})},{regex:/<artifact\s+type="([^"]+)"[^>]*>([\s\S]*?)<\/artifact>/gi,extract:e=>{let t=lt(e[1]);return{type:t,title:`${t.toUpperCase()} Artifact`,content:e[2].trim()}}}];function nt(e){if(typeof document<`u`){let t=document.createElement(`div`);return t.innerHTML=e,t.textContent||t.innerText||``}return it(rt(e))}function rt(e){return e.replace(/&(lt|gt|quot|apos|#39);/gi,(e,t)=>{switch(t.toLowerCase()){case`lt`:return`<`;case`gt`:return`>`;case`quot`:return`"`;case`apos`:case`#39`:return`'`;default:return``}}).replace(/&amp;/gi,`&`)}function it(e){let t=``,n=!1,r=null;for(let i=0;i<e.length;i+=1){let a=e[i];if(n){if(r){a===r&&(r=null);continue}if(a===`"`||a===`'`){r=a;continue}a===`>`&&(n=!1);continue}if(a===`<`){let t=e[i+1];if(t&&/[!/A-Za-z?]/.test(t)){n=!0;continue}}t+=a}return t}function at(e){let t=e.match(/<title[^>]*>([\s\S]*?)<\/title>/i);if(t)return nt(t[1]).trim()||null;let n=e.match(/<h1[^>]*>([\s\S]*?)<\/h1>/i);return n&&nt(n[1]).trim()||null}function ot(e){let t=e.match(/(?:function|const)\s+(\w+)/);if(t)return t[1];let n=e.match(/class\s+(\w+)/);return n?n[1]:null}function st(e){if(e.includes(`def main(`))return`Python Script`;let t=e.match(/class\s+(\w+)/);if(t)return`${t[1]} Class`;let n=e.match(/def\s+(\w+)/);return n&&n[1]!==`__init__`?`${n[1]} Function`:null}function ct(e){let t=e.match(/function\s+(\w+)/);if(t)return`${t[1]} Function`;let n=e.match(/(?:const|let)\s+(\w+)\s*=/);return n?n[1]:null}function lt(e){let t=e.trim().toLowerCase();return et.includes(t)?t:`text`}function Z(e){if(!e)return;let t=e.trim().toLowerCase().replace(/^\./,``).replace(/[,:;]+$/,``);switch(t){case`htm`:case`html`:return`html`;case`js`:case`mjs`:case`javascript`:return`javascript`;case`jsx`:case`tsx`:case`react`:return`react`;case`ts`:case`typescript`:return`typescript`;case`py`:case`python`:return`python`;case`css`:case`svg`:case`json`:return t;default:return t||void 0}}function ut(e){let t=[],n=new RegExp(Qe),r;for(;(r=n.exec(e))!==null;){let n=r[1].trim(),i=dt(n,pt(e,r.index));t.push({raw:r[0],info:n,content:r[2].trim(),start:r.index,end:r.index+r[0].length,language:i.language,fileName:i.fileName})}return t}function dt(e,t){let n=ft(e)||t,r=e.split(/\s+/).filter(Boolean)[0]?.replace(/[{}[\]()]/g,``);return{language:(r&&!$e.test(r)&&!r.includes(`=`)?Z(r):void 0)||Z(ht(n)),fileName:n}}function ft(e){let t=e.match(/(?:file(?:name)?|path|name)\s*=\s*["']?([^"'\s]+)["']?/i);if(t&&$e.test(t[1]))return mt(t[1]);let n=e.match($e);return n?mt(n[0]):void 0}function pt(e,t){let n=e.slice(Math.max(0,t-180),t).split(`
-`).slice(-3).reverse();for(let e of n){let t=e.trim().replace(/^#{1,6}\s*/,``).replace(/^[-*]\s*/,``).replace(/[:：]\s*$/,``).match($e);if(t)return mt(t[0])}}function mt(e){return e.replace(/^["'`]+|["'`:]+$/g,``)}function ht(e){return e?.match(/\.([a-z0-9]+)$/i)?.[1]}function gt(e){return e?.split(/[\\/]/).pop()}function Q(e){let t=gt(e);if(!t)return null;let n=t.replace(/\.[^.]+$/,``);return/^(index|main|app)$/i.test(n)?null:n.replace(/[-_]+/g,` `).replace(/\b\w/g,e=>e.toUpperCase())}function _t(e){let t=Date.now();return{...e,id:`artifact-${t}-${Math.random().toString(36).slice(2,11)}`,createdAt:t,updatedAt:t}}function vt(e){let t=Z(e.language)||Z(ht(e.fileName));switch(t){case`html`:return{type:`html`,title:at(e.content)||Q(e.fileName)||`HTML Document`};case`svg`:return{type:`svg`,title:Q(e.fileName)||`SVG Image`};case`react`:return{type:`react`,title:ot(e.content)||Q(e.fileName)||`React Component`,language:`jsx`};case`json`:return{type:`json`,title:Q(e.fileName)||`JSON Data`};case`python`:return{type:`code`,title:st(e.content)||Q(e.fileName)||`Python Code`,language:`python`};case`css`:return{type:`code`,title:Q(e.fileName)||`CSS Styles`,language:`css`};case`javascript`:return{type:`code`,title:ct(e.content)||Q(e.fileName)||`JavaScript Code`,language:`javascript`};case`typescript`:return{type:`code`,title:Q(e.fileName)||`TypeScript Code`,language:`typescript`};default:return t?{type:`code`,title:Q(e.fileName)||`${t.toUpperCase()} Code`,language:t}:null}}function yt(e){return(Z(e.language)||Z(ht(e.fileName)))===`html`}function bt(e){return(Z(e.language)||Z(ht(e.fileName)))===`css`}function xt(e){return(Z(e.language)||Z(ht(e.fileName)))===`javascript`}function St(e){let t=ut(e),n=t.filter(yt);if(n.length===0)return null;let r=t.filter(bt),i=t.filter(xt);if(r.length===0&&i.length===0)return null;let a=n.find(e=>/(^|[/\\])index\.html?$/i.test(e.fileName||``))||n[0],o=ze(Ct(a.content,r,i),r.map(e=>e.content),i.map(e=>e.content));return Ot(o,`html`)?{artifact:_t({type:`html`,title:at(o)||Q(a.fileName)||`Interactive HTML App`,description:`Bundled generated HTML, CSS, and JavaScript files into one runnable artifact.`,content:o}),ranges:[a,...r,...i]}:null}function Ct(e,t,n){let r=e;for(let e of t){let t=gt(e.fileName);t&&(r=r.replace(RegExp(`<link\\b[^>]*href=["'][^"']*${Dt(t)}["'][^>]*>`,`gi`),``))}for(let e of n){let t=gt(e.fileName);t&&(r=r.replace(RegExp(`<script\\b[^>]*src=["'][^"']*${Dt(t)}["'][^>]*>\\s*<\\/script>`,`gi`),``))}return r}function wt(e){let t=/<!doctype\s+html|<html[\s>]/i.exec(e);if(!t||t.index===void 0)return null;let n=ut(e);if(Tt(t.index,n))return null;let r=t.index,i=/<\/html>/gi;i.lastIndex=r;let a=i.exec(e),o=a?a.index+a[0].length:e.length,s=e.slice(r,o).trim();return Ot(s,`html`)?{artifact:_t({type:`html`,title:at(s)||`HTML Document`,content:s}),ranges:[{start:r,end:o}]}:null}function Tt(e,t){return t.some(t=>e>=t.start&&e<=t.end)}function Et(e,t){return[...t].sort((e,t)=>t.start-e.start).reduce((e,t)=>`${e.slice(0,t.start)}${e.slice(t.end)}`,e)}function Dt(e){return e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)}function Ot(e,t){if(t===`html`){let t=e.trim(),n=/<[^>]+>/.test(t),r=/<(canvas|script|style|button|form|input|select|textarea|video|audio)\b/i.test(t)||/\bon(?:click|input|submit|keydown|keyup|mousemove)=/i.test(t);return n&&(Be(t)||t.length>160||r)}if(t===`svg`)return/<svg[^>]*>/.test(e);if(t===`react`)return/<[A-Z][^>]*>/.test(e)||/return\s*\(/.test(e);if(t===`json`)try{return JSON.parse(e),e.trim().length>100}catch{return!1}if(t===`code`){let t=e.split(`
-`).length,n=e.trim().length,r=/function|class|def |import |from |const |let |var |if |for |while |try |catch/.test(e);return(n>500||t>15)&&r}return e.trim().length>200}function kt(e){let t=[],n=e;for(let e of tt){e.regex.lastIndex=0;let r=[],i;for(;(i=e.regex.exec(n))!==null;){let n=e.extract(i);Ot(n.content,n.type)&&(t.push(_t({type:n.type,title:n.title,content:n.content})),r.push({start:i.index,end:i.index+i[0].length}))}n=Et(n,r)}let r=St(n);for(;r;)t.push(r.artifact),n=Et(n,r.ranges),r=St(n);let i=wt(n);i&&(t.push(i.artifact),n=Et(n,i.ranges));let a=ut(n),o=[];for(let e of a){let n=vt(e);!n||!Ot(e.content,n.type)||(t.push(_t({type:n.type,title:n.title,content:e.content,language:n.language})),o.push(e))}return n=Et(n,o),{content:n.trim(),artifacts:t}}var At=W(`components:chat-message`),jt=({message:e,isStreaming:t=!1,className:n,isLastAssistantMessage:r=!1,onRegenerate:i})=>{let{t:a,i18n:o}=c(),s=e.role===`user`,l=e.role===`system`,{preferences:u}=je(),{user:d}=Me(),{setSystemMessage:m,getCurrentPersona:h}=q(),g=h(),[_,v]=(0,Y.useState)(!1),[y,b]=(0,Y.useState)(e.content),[x,S]=(0,Y.useState)(null),[C,w]=(0,Y.useState)(!1),[D,O]=(0,Y.useState)(!1),[k,A]=(0,Y.useState)(!1),[j,M]=(0,Y.useState)(!1),[N,F]=(0,Y.useState)(!1),I=(0,Y.useRef)(null),L=(0,Y.useRef)(t),te=(0,Y.useRef)(!1),ne=async()=>{try{await navigator.clipboard.writeText(e.content),F(!0),setTimeout(()=>F(!1),2e3)}catch(e){At.error(`Failed to copy message:`,e)}},{thinkingContent:re,parsedContent:R,artifacts:z}=(0,Y.useMemo)(()=>{if(s||l||!e.content)return{thinkingContent:null,parsedContent:e.content,artifacts:e.artifacts||[]};let n=De(e.content),r=n.content;if(e.artifacts&&e.artifacts.length>0)return{thinkingContent:n.thinking,parsedContent:r,artifacts:e.artifacts};if(!t){let e=kt(r);return{thinkingContent:n.thinking,parsedContent:e.content,artifacts:e.artifacts}}return{thinkingContent:n.thinking,parsedContent:r,artifacts:[]}},[e.content,e.artifacts,s,l,t]);(0,Y.useEffect)(()=>{let e=L.current&&!t;return L.current=t,e&&!te.current&&!s&&!l&&R&&u.ttsSettings?.enabled&&u.ttsSettings?.autoPlay&&(te.current=!0,(async()=>{M(!0);try{let e=await ge.getModels(),t=e.success&&e.data?e.data:[],n=u.ttsSettings,r=xe(t,n?.model,n?.pluginId),i=we(t,n?.model,n?.pluginId),a=await ge.generateBase64({model:r?.model||n?.model||`tts-1`,pluginId:r?.plugin||n?.pluginId,input:R,voice:i?n?.voice||r?.config?.default_voice||`alloy`:r?.config?.default_voice||`alloy`,speed:n?.speed||1,response_format:r?.config?.default_format});if(a.success&&a.data?.audio){let e=`data:${a.data.mimeType};base64,${a.data.audio}`,t=new Audio(e);I.current=t,t.onended=()=>{M(!1),I.current=null},t.onerror=()=>{M(!1),I.current=null},await t.play()}}catch(e){At.error(`Auto-play TTS failed:`,e),M(!1)}})()),()=>{I.current&&(I.current.pause(),I.current=null)}},[t,s,l,R,u.ttsSettings]);let ie=()=>l?a(`chatMessage.system`):s?u.showUsername&&d?.username?d.username:a(`chatMessage.you`):g?.name?g.name:e.model||a(`chatMessage.assistant`),ae=()=>{v(!0),b(e.content)},oe=async()=>{w(!0);try{m(y),v(!1),At.debug(`✅ System message updated:`,y)}catch(e){At.error(`Failed to save system message:`,e)}finally{w(!1)}},se=()=>{v(!1),b(e.content)},le=(e,t=100)=>e.length<=t?e:e.substring(0,t)+`...`,ue=l&&e.content.length>100;return(0,X.jsxs)(`div`,{className:G(`group flex py-3 transition-colors sm:py-4`,s?`justify-end`:`justify-start`,n),children:[(0,X.jsx)(`div`,{className:G(`flex min-w-0`,s?`max-w-[88%] sm:max-w-[72%]`:`w-full`),children:(0,X.jsxs)(`div`,{className:G(`min-w-0 flex-1`,s?`rounded-[1.35rem] rounded-ee-md border border-black/[0.06] bg-gray-900 px-4 py-3 text-white shadow-sm dark:border-white/[0.07] dark:bg-dark-300`:l?`bg-transparent py-2`:`bg-transparent py-1`),children:[!l&&(0,X.jsxs)(`div`,{className:G(`mb-2 flex items-center gap-2.5`,s&&`justify-end`),children:[(0,X.jsx)(`span`,{dir:`auto`,className:G(`text-[11px] font-semibold uppercase tracking-[0.1em] rtl:tracking-normal`,s?`text-white/70`:`text-gray-700 dark:text-dark-700`),children:ie()}),e.model&&!s&&g?.name&&(0,X.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,X.jsx)(`span`,{dir:`auto`,className:G(`text-[10px] tabular-nums`,s?`text-white/45`:`text-gray-400 dark:text-dark-500`),children:Oe(e.timestamp,o.language)})]}),(0,X.jsxs)(`div`,{className:G(s?`text-[15px] text-white`:`text-[15px] leading-7 text-gray-800 dark:text-dark-800 sm:text-base`),children:[e.images&&e.images.length>0&&(0,X.jsx)(`div`,{className:`mb-3 grid max-w-lg grid-cols-2 gap-2 sm:grid-cols-3`,children:e.images.map((e,t)=>(0,X.jsx)(`div`,{className:`aspect-square overflow-hidden rounded-xl border border-white/10 bg-gray-100 dark:bg-gray-800`,children:(0,X.jsx)(`img`,{src:e,alt:`Uploaded image ${t+1}`,className:`w-full h-full object-cover cursor-pointer hover:opacity-90 transition-opacity`,onClick:()=>S(e)})},t))}),s?(0,X.jsx)(`p`,{dir:`auto`,className:`whitespace-pre-wrap leading-relaxed`,children:e.content}):l?(0,X.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,X.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,X.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,X.jsx)(fe,{className:`h-2.5 w-2.5 opacity-50`}),a(`chatMessage.system`)]}),(0,X.jsx)(`div`,{className:`flex items-center gap-1`,children:_?(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(`button`,{onClick:oe,disabled:C,className:`rounded-lg p-1.5 transition-colors hover:bg-gray-100 disabled:opacity-50 dark:hover:bg-dark-300`,title:a(`chatMessage.saveChanges`),children:(0,X.jsx)(p,{className:`h-3 w-3 text-green-600 dark:text-green-400`})}),(0,X.jsx)(`button`,{onClick:se,disabled:C,className:`rounded-lg p-1.5 transition-colors hover:bg-gray-100 disabled:opacity-50 dark:hover:bg-dark-300`,title:a(`chatMessage.cancelEditing`),children:(0,X.jsx)(B,{className:`h-3 w-3 text-red-600 dark:text-red-400`})})]}):(0,X.jsx)(`button`,{onClick:ae,className:`rounded-lg p-1.5 transition-colors hover:bg-gray-100 dark:hover:bg-dark-300`,title:a(`chatMessage.editSystemMessage`),children:(0,X.jsx)(f,{className:`h-3 w-3 text-gray-600 dark:text-gray-400`})})})]}),_?(0,X.jsx)(`textarea`,{dir:`auto`,value:y,onChange:e=>b(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:a(`chatMessage.systemMessagePlaceholder`),disabled:C}):(0,X.jsxs)(`div`,{children:[(0,X.jsx)(`p`,{dir:`auto`,className:`whitespace-pre-wrap text-xs leading-relaxed text-gray-500 dark:text-dark-600`,children:D?e.content:le(e.content)}),ue&&(0,X.jsx)(`button`,{onClick:()=>O(!D),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:D?(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(ee,{className:`h-3 w-3`}),a(`chatMessage.showLess`)]}):(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(P,{className:`h-3 w-3`}),a(`chatMessage.showMore`)]})})]})]}):(0,X.jsxs)(`div`,{className:`relative`,children:[re&&(0,X.jsxs)(`div`,{className:`mb-4 border-s border-gray-200 ps-3 dark:border-dark-300`,children:[(0,X.jsxs)(`button`,{onClick:()=>A(!k),className:`flex items-center gap-2 text-xs text-gray-500 transition-colors hover:text-gray-900 dark:text-dark-600 dark:hover:text-dark-900`,children:[(0,X.jsx)(E,{className:`h-4 w-4`}),(0,X.jsx)(`span`,{className:`font-medium`,children:a(`chatMessage.thinking`)}),k?(0,X.jsx)(ee,{className:`h-4 w-4`}):(0,X.jsx)(P,{className:`h-4 w-4`})]}),k&&(0,X.jsx)(`div`,{className:`mt-3 rounded-xl bg-gray-100/60 p-3 dark:bg-dark-200/60`,children:(0,X.jsx)(`p`,{dir:`auto`,className:`whitespace-pre-wrap text-sm leading-relaxed text-gray-600 dark:text-dark-700`,children:re})})]}),(0,X.jsx)(Ie,{content:R,isStreaming:t})]}),!s&&!l&&z.length>0&&(0,X.jsx)(`div`,{className:`mt-4`,children:(0,X.jsx)(Ve,{artifacts:z})}),!s&&!l&&e.statistics&&(0,X.jsx)(`div`,{className:`mt-3`,children:(0,X.jsx)(Ue,{statistics:e.statistics})}),!l&&!t&&(0,X.jsxs)(`div`,{className:G(`mt-3 flex items-center gap-1`,s?`justify-end border-t border-white/10 pt-2 text-white/65`:`text-gray-400 dark:text-dark-500`),children:[!s&&R&&(0,X.jsx)(Ze,{text:R,size:`sm`,className:G(`transition-colors`,j&&`bg-primary-50 text-primary-600 dark:bg-primary-900/20 dark:text-primary-400`)}),(0,X.jsx)(`button`,{onClick:ne,className:G(`flex h-8 w-8 items-center justify-center rounded-full transition-colors`,s?`hover:bg-white/10 hover:text-white`:`hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-dark-200 dark:hover:text-dark-800`),title:a(N?`chatMessage.copied`:`chatMessage.copyMessage`),children:N?(0,X.jsx)(U,{className:`h-3.5 w-3.5 text-green-400`}):(0,X.jsx)(ce,{className:`h-3.5 w-3.5`})}),!s&&r&&i&&(0,X.jsx)(`button`,{onClick:i,className:`flex h-8 w-8 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:a(`chatMessage.regenerateResponse`),children:(0,X.jsx)(T,{className:`h-3.5 w-3.5`})})]})]})]})}),x&&(0,He.createPortal)((0,X.jsxs)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-label":a(`chatMessage.fullSizeImage`),className:`fixed inset-0 z-[9999] flex items-center justify-center bg-black/85 p-6 backdrop-blur-md`,onClick:()=>S(null),children:[(0,X.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(),S(null)},children:(0,X.jsx)(B,{className:`h-7 w-7`})}),(0,X.jsx)(`img`,{src:x,alt:a(`chatMessage.fullSizeImage`),className:`max-h-[90vh] max-w-[90vw] rounded-2xl object-contain shadow-2xl`,onClick:e=>e.stopPropagation()})]}),document.body)]})},Mt=()=>typeof window<`u`&&window.matchMedia(`(prefers-reduced-motion: reduce)`).matches,Nt=220,Pt=e=>{let t=e.slice(0,Nt*4).replace(/```(?:\w+)?\s*([\s\S]*?)```/g,`$1`).replace(/!\[([^\]]*)\]\([^)]*\)/g,`$1`).replace(/\[([^\]]+)\]\([^)]*\)/g,`$1`).replace(/<[^>]+>/g,` `).replace(/[#>*_~`|]/g,` `).replace(/\s+/g,` `).trim();return t.length>Nt?`${t.slice(0,Nt-1).trimEnd()}…`:t},Ft=Y.memo(function({items:e,activeId:t,onSelect:n}){let{t:r}=c(),i=(0,Y.useRef)(null),a=(0,Y.useRef)(null),o=(0,Y.useRef)(new Map),[s,l]=(0,Y.useState)(null),[u,d]=(0,Y.useState)(0),f=(0,Y.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),l(e)},[]),p=(0,Y.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,Y.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:Mt()?`auto`:`smooth`})},[t]),e.length<3)return null;let m=Math.max(0,e.findIndex(e=>e.id===t)),h=e[m]?.id,g=e.findIndex(e=>e.id===s),_=g>=0?e[g]:null,v=g>=0?`conversation-history-preview-${g}`:void 0;return(0,X.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% - 30rem))`},onPointerLeave:()=>{i.current?.contains(document.activeElement)||l(null)},children:[(0,X.jsx)(`ol`,{ref:a,className:`pointer-events-auto grid h-full min-h-0 overflow-y-auto py-2 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden`,style:{gridTemplateRows:`repeat(${e.length}, minmax(1.5rem, 1fr))`},children:e.map((t,a)=>{let c=t.id===h,u=s===t.id?v:void 0;return(0,X.jsx)(`li`,{className:`flex min-h-6 items-center`,children:(0,X.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":c?`location`:void 0,"aria-describedby":u,"aria-label":r(`chatHistory.jumpToTurn`,{index:a+1,total:e.length}),tabIndex:a===m?0:-1,className:G(`group flex h-6 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)||l(null)})},onKeyDown:t=>{if(t.key===`Escape`){l(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,X.jsx)(`span`,{"aria-hidden":`true`,className:G(`block rounded-full transition-[width,background-color,opacity] duration-150 motion-reduce:transition-none`,c?`h-0.5 w-6 bg-ink opacity-90 xl:w-7`:`h-px w-3 bg-line-strong opacity-75 group-hover:w-5 group-hover:bg-ink-muted group-hover:opacity-100 group-focus-visible:w-5`)})})},t.id)})}),_&&(0,X.jsxs)(`div`,{id:v,role:`tooltip`,className:G(`pointer-events-none absolute start-full ms-3 w-72 -translate-y-1/2`,`rounded-2xl border border-line bg-surface-overlay/95 p-4 shadow-overlay backdrop-blur-xl`,`animate-fade-in motion-reduce:animate-none`),style:{top:`clamp(6.5rem, ${u}px, calc(100% - 6.5rem))`},children:[(0,X.jsxs)(`div`,{className:`mb-3 flex items-center justify-between gap-3`,children:[(0,X.jsxs)(`span`,{dir:`ltr`,className:`text-[10px] font-semibold uppercase tracking-[0.14em] text-ink-subtle`,children:[String(g+1).padStart(2,`0`),` /`,` `,String(e.length).padStart(2,`0`)]}),(0,X.jsx)(`span`,{className:`h-px flex-1 bg-line`,"aria-hidden":`true`})]}),(0,X.jsxs)(`div`,{className:`space-y-3`,children:[(0,X.jsxs)(`div`,{children:[(0,X.jsx)(`p`,{className:`mb-1 text-[10px] font-medium uppercase tracking-[0.12em] text-ink-subtle`,children:r(`chatMessage.you`)}),(0,X.jsx)(`p`,{dir:`auto`,className:`line-clamp-2 text-sm font-medium leading-5 text-ink`,children:Pt(_.prompt)})]}),_.response&&(0,X.jsxs)(`div`,{className:`border-t border-line pt-3`,children:[(0,X.jsx)(`p`,{className:`mb-1 text-[10px] font-medium uppercase tracking-[0.12em] text-ink-subtle`,children:r(`chatMessage.assistant`)}),(0,X.jsx)(`p`,{dir:`auto`,className:`line-clamp-2 text-xs leading-5 text-ink-muted`,children:Pt(_.response)})]})]})]})]})}),It=({messages:e,isStreaming:t=!1,streamingMessage:n,streamingMessageId:r,isLastAssistantMessage:i=!1,onRegenerate:a,onSelectBranch:o,className:s})=>{if(e.length===1){let o=e[0],c=t&&r===o.id;return(0,X.jsx)(jt,{message:c&&n?{...o,content:n}:o,isStreaming:c,isLastAssistantMessage:i,onRegenerate:a,className:s})}return(0,X.jsxs)(`div`,{className:G(`relative py-2`,s),children:[(0,X.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,X.jsx)(S,{className:`h-3 w-3`}),(0,X.jsxs)(`span`,{children:[e.length,` variants`]})]}),(0,X.jsx)(`div`,{className:`grid grid-cols-1 gap-3 md:grid-cols-2`,children:e.map((e,s)=>{let c=e.isActive!==!1,l=t&&r===e.id,u=l&&n?{...e,content:n}:e;return(0,X.jsxs)(`div`,{className:G(`relative overflow-hidden rounded-2xl border bg-white/45 transition-colors duration-150 dark:bg-dark-200/35`,c||l?`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`,!c&&!l&&`cursor-pointer`),role:!c&&!l?`button`:void 0,tabIndex:!c&&!l?0:void 0,onClick:()=>!c&&!l&&o?.(e.id),onKeyDown:t=>{!c&&!l&&(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),o?.(e.id))},children:[(0,X.jsxs)(`div`,{className:G(`flex items-center justify-between border-b px-3 py-2 text-[10px] font-medium uppercase tracking-[0.12em]`,c||l?`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,X.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,X.jsx)(`span`,{className:`font-medium`,children:s+1}),l&&(0,X.jsx)(`span`,{className:`text-[10px] opacity-70 animate-pulse`,children:`generating...`})]}),c&&!l&&(0,X.jsx)(U,{className:`h-3 w-3`}),!c&&!l&&(0,X.jsx)(`span`,{className:`text-[10px] opacity-50`,children:`select`})]}),(0,X.jsx)(`div`,{className:G(!c&&!l&&`opacity-75`),children:(0,X.jsx)(jt,{message:u,isStreaming:l,isLastAssistantMessage:i&&(c||l),onRegenerate:c&&!t?a:void 0,className:`px-3 pb-3 !text-sm`})})]},e.id)})})]})},Lt={web_search:w,web_fetch:A,exec:I,browser:A,Read:z,Write:z,Edit:z,image:k,memory_search:L,memory_get:L,working:le,thinking:le,default:le},Rt={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`},zt=({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,X.jsx)(`div`,{className:G(`flex flex-col gap-1 py-2 px-1`,t),children:n.map(e=>{let t=Lt[e.name]||Lt.default,n=Rt[e.name]||`Using ${e.name}`,r=e.phase===`result`;return(0,X.jsxs)(`div`,{className:G(`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,X.jsx)(`div`,{className:G(`flex items-center justify-center w-5 h-5`,!r&&`animate-spin-slow`),children:(0,X.jsx)(t,{className:`h-3.5 w-3.5`})}),(0,X.jsx)(`span`,{className:`text-xs font-medium`,children:r?`✓ ${n}`:`${n}…`}),!r&&(0,X.jsxs)(`div`,{className:`flex gap-0.5`,children:[(0,X.jsx)(`div`,{className:`w-1 h-1 bg-current rounded-full animate-bounce`,style:{animationDelay:`0ms`}}),(0,X.jsx)(`div`,{className:`w-1 h-1 bg-current rounded-full animate-bounce`,style:{animationDelay:`150ms`}}),(0,X.jsx)(`div`,{className:`w-1 h-1 bg-current rounded-full animate-bounce`,style:{animationDelay:`300ms`}})]})]},e.toolCallId)})})};W(`components:chat-messages`);var Bt=e=>e.messages.find(e=>e.isActive===!0)||e.messages.find(e=>e.isActive!==!1)||e.messages[0],Vt=()=>typeof window<`u`&&window.matchMedia(`(prefers-reduced-motion: reduce)`).matches?`auto`:`smooth`,Ht=e=>Math.min(120,e*.28),Ut=({messages:e,streamingMessage:t,streamingMessageId:n,isStreaming:r=!1,toolActivities:i=[],className:a,onRegenerate:o,onSelectBranch:s})=>{let{t:l}=c(),u=(0,Y.useRef)(null),d=(0,Y.useRef)(void 0),f=(0,Y.useRef)(null),p=(0,Y.useRef)(null),m=(0,Y.useRef)(new Map),h=(0,Y.useRef)(null),g=(0,Y.useRef)(0),_=(0,Y.useRef)(!1),v=(0,Y.useRef)(!1),[y,b]=(0,Y.useState)(!1),x=(0,Y.useMemo)(()=>{let t=[],n=new Set,r=[...e].sort((e,t)=>e.role===`system`&&t.role!==`system`?-1:t.role===`system`&&e.role!==`system`?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 n.role===`system`&&r.role!==`system`?-1:r.role===`system`&&n.role!==`system`?1:n.timestamp-r.timestamp})},[e]),S=(0,Y.useMemo)(()=>{let e=[];for(let t=0;t<x.length;t++){let n=x[t],r=Bt(n);if(r.role!==`user`)continue;let i;for(let e=t+1;e<x.length;e++){let t=Bt(x[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},[x]),w=S.map(e=>e.id).join(``),T=(0,Y.useMemo)(()=>w?w.split(``):[],[w]),E=(0,Y.useMemo)(()=>new Set(T),[T]),[D,O]=(0,Y.useState)(null),k=(0,Y.useCallback)(()=>{let e=f.current;if(!e||T.length===0){O(null);return}let t=e.scrollHeight-e.scrollTop-e.clientHeight,n=Math.min(g.current,T.length-1);if(t<=2)n=T.length-1;else{let t=e.scrollTop+Ht(e.clientHeight);for(;n<T.length-1;){let e=m.current.get(T[n+1]);if(!e||e.offsetTop>t)break;n++}for(;n>0;){let e=m.current.get(T[n]);if(!e||e.offsetTop<=t)break;n--}}g.current=n;let r=T[n];O(e=>e===r?e:r)},[T]),A=(0,Y.useCallback)(()=>{h.current===null&&(h.current=window.requestAnimationFrame(()=>{h.current=null,k()}))},[k]),j=(0,Y.useCallback)(()=>{let t=f.current;if(d.current&&clearTimeout(d.current),_.current=!1,d.current=void 0,!t)return;let n=t.scrollHeight-t.scrollTop-t.clientHeight<100;v.current=!n,b(!n&&e.length>0),A()},[e.length,A]),M=(0,Y.useCallback)(()=>{d.current&&clearTimeout(d.current),d.current=setTimeout(j,180)},[j]),ee=(0,Y.useCallback)((e=!1)=>{v.current&&!e||u.current?.scrollIntoView({behavior:Vt()})},[]),N=(0,Y.useCallback)(()=>{let t=f.current;if(!t)return;let{scrollTop:n,scrollHeight:r,clientHeight:i}=t,a=r-n-i,o=a<100;if(_.current){v.current=!0,b(!o&&e.length>0),A(),M();return}v.current=!o,b(!o&&e.length>0),a<=2&&T.length>0?(g.current=T.length-1,O(T[T.length-1])):A()},[T,e.length,M,A]),P=(0,Y.useCallback)(e=>{let t=f.current,n=m.current.get(e);if(!t||!n)return;let r=Vt();_.current=!0,v.current=!0,t.scrollTo({top:Math.max(0,n.offsetTop-Ht(t.clientHeight)),behavior:r}),A(),r===`auto`?j():M()},[j,M,A]),F=(0,Y.useRef)(e.length);if((0,Y.useEffect)(()=>{e.length>F.current&&!v.current&&ee(),F.current=e.length},[e.length,ee]),(0,Y.useEffect)(()=>{r&&t&&!v.current&&requestAnimationFrame(()=>{let e=f.current;e&&(e.scrollTop=e.scrollHeight)})},[r,t]),(0,Y.useEffect)(()=>{A();let e=p.current,t=f.current,n=typeof ResizeObserver>`u`?null:new ResizeObserver(A);return e&&n?.observe(e),t&&n?.observe(t),window.addEventListener(`resize`,A),()=>{n?.disconnect(),window.removeEventListener(`resize`,A)}},[w,A]),(0,Y.useEffect)(()=>()=>{h.current!==null&&(window.cancelAnimationFrame(h.current),h.current=null)},[]),(0,Y.useEffect)(()=>()=>{d.current&&clearTimeout(d.current)},[]),e.length===0&&!r)return(0,X.jsx)(`div`,{className:G(`flex-1 flex items-center justify-center p-6 sm:p-10`,a),children:(0,X.jsxs)(`div`,{className:`max-w-sm text-center text-gray-500 dark:text-dark-600`,children:[(0,X.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,X.jsx)(C,{className:`h-4 w-4`})}),(0,X.jsx)(`h3`,{className:`mb-2 text-lg font-medium tracking-[-0.02em] text-gray-900 dark:text-dark-900 sm:text-xl`,children:l(`chatMessage.startConversation`)}),(0,X.jsx)(`p`,{className:`px-4 text-sm leading-relaxed`,children:l(`chatMessage.startConversationDescription`)})]})});let I=-1;for(let e=x.length-1;e>=0;e--)if(x[e].messages.some(e=>e.role===`assistant`)){I=e;break}return(0,X.jsxs)(`div`,{className:G(`relative min-h-0 flex-1`,a),style:{WebkitAppRegion:`no-drag`},children:[(0,X.jsx)(`div`,{ref:f,"data-testid":`chat-scroll-viewport`,onScroll:N,className:G(`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,X.jsxs)(`div`,{ref:p,className:`mx-auto w-full min-w-0 max-w-4xl px-4 sm:px-6 md:px-8`,children:[x.map((e,i)=>{let a=i===I,c=E.has(e.id),l=r&&e.messages.some(e=>e.id===n),u;if(e.messages.length===1){let s=e.messages[0],c=r&&s.id===n;u=(0,X.jsx)(jt,{message:c&&t?{...s,content:t}:s,isStreaming:c,isLastAssistantMessage:a,onRegenerate:a?o:void 0,className:i===0?`mt-5 sm:mt-7`:``})}else u=(0,X.jsx)(It,{messages:e.messages,isStreaming:l,streamingMessage:t,streamingMessageId:n||void 0,isLastAssistantMessage:a,onRegenerate:a?o:void 0,onSelectBranch:s,className:i===0?`mt-5 sm:mt-7`:``});return(0,X.jsx)(`div`,{ref:t=>{c&&(t?m.current.set(e.id,t):m.current.delete(e.id))},"data-testid":c?`conversation-turn-anchor`:void 0,"data-history-id":c?e.id:void 0,children:u},e.id)}),r&&i.length>0&&(0,X.jsx)(zt,{tools:i,className:`px-0`}),(0,X.jsx)(`div`,{ref:u,className:`h-4 sm:h-6`})]})}),(0,X.jsx)(Ft,{items:S,activeId:D,onSelect:P}),y&&(0,X.jsxs)(`button`,{onClick:()=>{_.current=!1,d.current&&(clearTimeout(d.current),d.current=void 0),v.current=!1,u.current?.scrollIntoView({behavior:Vt()}),b(!1)},className:G(`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:l(`chatMessage.scrollToBottom`),children:[(0,X.jsx)(ie,{className:`h-4 w-4`}),(0,X.jsx)(`span`,{className:`text-xs font-medium`,children:l(`chatMessage.newMessages`)})]})]})};function Wt(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 Gt=Y.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,Y.useMemo)(()=>Wt(e),[e]);return(0,X.jsxs)(`div`,{className:`relative w-full`,children:[(0,X.jsx)(`textarea`,{ref:c,value:e,onChange:t,onKeyDown:a,placeholder:r,disabled:i,dir:o,className:G(`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,X.jsx)(`div`,{className:`absolute end-0 top-0 pointer-events-none flex items-center gap-1`,children:(0,X.jsxs)(`div`,{className:G(`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,X.jsx)(y,{className:`h-3 w-3`}),d&&(0,X.jsx)(`span`,{children:d}),!d&&u&&(0,X.jsx)(`span`,{children:`code`})]})})]})});Gt.displayName=`CodeAwareTextarea`;var Kt=W(`components:media-upload`),qt=({images:e,onImagesChange:t,maxImages:n=5,sessionId:r,onDocumentUploaded:i,disabled:a=!1,className:o})=>{let{t:s}=c(),l=(0,Y.useRef)(null),[u,d]=(0,Y.useState)(!1),[f,p]=(0,Y.useState)(!1),[m,h]=(0,Y.useState)([]),g=async e=>{if(!(!e||a))for(let t=0;t<e.length;t++){let n=e[t];n.type.startsWith(`image/`)?await _(n):n.type.includes(`pdf`)||n.type.includes(`text`)?await v(n):M.error(`File type not supported: ${n.name}`)}},_=async r=>{if(n-e.length<=0){M.error(`Maximum ${n} images allowed`);return}if(r.size>10*1024*1024){M.error(`Image ${r.name} is too large (max 10MB)`);return}let i=new FileReader;i.onload=n=>{n.target?.result&&t([...e,n.target.result])},i.readAsDataURL(r)},v=async e=>{if(e.size>10*1024*1024){M.error(`File size must be less than 10MB`);return}p(!0);try{let t=await ye.uploadDocument(e,r);if(t.success&&t.data){let n=t.data;h(e=>[...e,n]),i?.(n),M.success(`Document "${e.name}" uploaded`)}else M.error(t.error||`Failed to upload document`)}catch(e){Kt.error(`Document upload error:`,e),M.error(`Failed to upload document`)}finally{p(!1)}},y=e=>{e.preventDefault(),a||d(!0)},b=e=>{e.preventDefault(),d(!1)},x=e=>{e.preventDefault(),d(!1),a||g(e.dataTransfer.files)},S=n=>{t(e.filter((e,t)=>t!==n))},C=async e=>{try{let t=await ye.deleteDocument(e);t.success?(h(t=>t.filter(t=>t.id!==e)),M.success(`Document removed`)):M.error(t.error||`Failed to remove document`)}catch(e){Kt.error(`Error removing document:`,e),M.error(`Failed to remove document`)}},w=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]},T=e.length>0||m.length>0;return(0,X.jsxs)(`div`,{className:G(`space-y-3`,o),children:[(0,X.jsxs)(`div`,{className:G(`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:y,onDragLeave:b,onDrop:x,onClick:()=>!a&&l.current?.click(),children:[(0,X.jsx)(`input`,{ref:l,type:`file`,multiple:!0,accept:`image/*,.pdf,.txt`,onChange:e=>{g(e.target.files),e.target.value=``},className:`hidden`,disabled:a}),(0,X.jsxs)(`div`,{className:`flex flex-col items-center text-center`,children:[f?(0,X.jsx)(O,{className:`h-8 w-8 text-gray-400 dark:text-gray-500 mb-2 animate-spin`}):(0,X.jsx)(F,{className:`h-8 w-8 text-gray-400 dark:text-gray-500 mb-2`}),(0,X.jsxs)(`p`,{className:`text-sm text-gray-700 dark:text-gray-300`,children:[s(`chat.mediaUpload.dropImagesHere`),` `,(0,X.jsx)(`span`,{className:`text-primary-600 dark:text-primary-400 font-medium`,children:s(`chat.mediaUpload.browse`)})]}),(0,X.jsx)(`p`,{className:`text-xs text-gray-500 dark:text-gray-400 mt-1`,children:s(`chat.mediaUpload.supportedFormats`)})]})]}),T&&(0,X.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[e.map((e,t)=>(0,X.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,X.jsx)(`img`,{src:e,alt:`Upload ${t+1}`,className:`w-full h-full object-cover`}),(0,X.jsx)(`button`,{onClick:e=>{e.stopPropagation(),S(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,X.jsx)(B,{className:`h-3 w-3`})})]},`img-${t}`)),m.map(e=>(0,X.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,X.jsx)(z,{className:`w-4 h-4 text-red-500 flex-shrink-0`}):(0,X.jsx)(ue,{className:`w-4 h-4 text-blue-500 flex-shrink-0`}),(0,X.jsxs)(`div`,{className:`min-w-0`,children:[(0,X.jsx)(`p`,{className:`text-xs font-medium text-gray-900 dark:text-gray-100 truncate max-w-[100px]`,children:e.filename}),(0,X.jsx)(`p`,{className:`text-[10px] text-gray-500 dark:text-gray-400`,children:w(e.size)})]}),(0,X.jsx)(`button`,{onClick:t=>{t.stopPropagation(),C(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,X.jsx)(B,{className:`h-3 w-3`})})]},e.id))]})]})},Jt=W(`components:document-indicator`),Yt=({sessionId:e,className:t=``})=>{let[n,r]=(0,Y.useState)([]);if((0,Y.useEffect)(()=>{e&&(async()=>{try{let t=await ye.getDocuments(e);t.success&&t.data&&r(t.data)}catch(e){Jt.error(`Failed to load documents:`,e)}})()},[e]),!e||n.length===0)return null;let i=n.reduce((e,t)=>e+t.size,0);return(0,X.jsxs)(`div`,{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
-        ${t}
-      `,title:`${n.length} document(s) available for context - Total: ${(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]})(i)}`,children:[(0,X.jsx)(b,{className:`w-3 h-3 text-blue-600 dark:text-blue-400`}),(0,X.jsxs)(`span`,{className:`text-blue-700 dark:text-blue-300 font-medium`,children:[n.length,` doc`,n.length===1?``:`s`]})]})},Xt=W(`components:structured-output`),Zt=[{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`}],Qt=({format:e,onFormatChange:t,className:n})=>{let{t:r}=c(),[i,a]=(0,Y.useState)(!1),[o,s]=(0,Y.useState)(``),l=()=>Zt.map(e=>({key:e.key,label:r(`chat.structuredOutput.${e.key}`),value:e.value,description:r(`chat.structuredOutput.${e.key}Description`)})),u=()=>{let t=l();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=l().find(t=>t.label===e);if(n){if(n.value===`custom`){a(!0);return}a(!1),t(n.value)}};return(0,X.jsxs)(`div`,{className:G(`space-y-3`,n),children:[(0,X.jsx)(`div`,{className:`flex items-center justify-between`,children:(0,X.jsxs)(`div`,{className:`flex items-center`,children:[(0,X.jsx)(fe,{className:`h-4 w-4 text-gray-500 mr-2`}),(0,X.jsx)(`span`,{className:`text-sm font-medium text-gray-700 dark:text-gray-300`,children:r(`chat.structuredOutput.title`)})]})}),(0,X.jsx)(Re,{value:u().label,onChange:e=>d(e.target.value),options:l().map(e=>({value:e.label,label:e.label}))}),(0,X.jsx)(`p`,{className:`text-xs text-gray-500 dark:text-gray-400`,children:u().description}),i&&(0,X.jsxs)(`div`,{className:`space-y-3`,children:[(0,X.jsx)(Ne,{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,X.jsxs)(`div`,{className:`flex gap-2`,children:[(0,X.jsx)(K,{onClick:()=>{try{t(JSON.parse(o)),a(!1)}catch(e){Xt.error(`Invalid JSON schema:`,e)}},size:`sm`,disabled:!o.trim(),children:r(`chat.structuredOutput.applySchema`)}),(0,X.jsx)(K,{onClick:()=>{a(!1),s(``)},variant:`outline`,size:`sm`,children:r(`chat.structuredOutput.cancel`)})]})]}),(()=>{let e=u();return!e.value||e.value===`json`?null:(0,X.jsxs)(`div`,{className:`mt-3 p-3 bg-gray-50 dark:bg-gray-800 rounded-md`,children:[(0,X.jsxs)(`div`,{className:`flex items-center mb-2`,children:[(0,X.jsx)(oe,{className:`h-4 w-4 text-gray-500 mr-2`}),(0,X.jsx)(`span`,{className:`text-sm font-medium text-gray-700 dark:text-gray-300`,children:r(`chat.structuredOutput.schemaPreview`)})]}),(0,X.jsx)(`pre`,{className:`text-xs text-gray-700 dark:text-gray-300 overflow-x-auto`,children:JSON.stringify(e.value,null,2)})]})})(),e&&(0,X.jsxs)(`div`,{className:`flex items-center text-xs text-green-600 dark:text-green-400`,children:[(0,X.jsx)(z,{className:`h-3 w-3 mr-1`}),r(`chat.structuredOutput.enabled`)]})]})};function $t(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}K`:e.toString()}function en({hfTask:e,hfSort:t,canInstallModels:n,loadingHf:r,hfModels:i,expandedHfModel:a,hfGgufFiles:o,loadingGguf:s,pullingModel:l,pullProgress:u,setHfTask:f,setHfSort:p,onToggleHfModel:m,onPullHfGguf:h,onCancelPull:g,onRefreshHfModels:_}){let{t:y}=c();return(0,X.jsxs)(`div`,{className:`flex-1 flex flex-col overflow-hidden`,children:[(0,X.jsx)(`div`,{className:`px-3 py-2 border-b border-gray-200 dark:border-dark-300 flex-shrink-0 space-y-2`,children:(0,X.jsxs)(`div`,{className:`flex gap-2`,children:[(0,X.jsxs)(`select`,{value:e,onChange:e=>f(e.target.value),onMouseDown:e=>e.stopPropagation(),className:`flex-1 px-2 py-1.5 rounded-lg border text-xs bg-gray-50 dark:bg-dark-50 border-gray-200 dark:border-dark-300 text-gray-900 dark:text-gray-100`,children:[(0,X.jsx)(`option`,{value:`text-generation`,children:y(`modelManager.huggingface.taskTextGeneration`)}),(0,X.jsx)(`option`,{value:`text-to-speech`,children:y(`modelManager.huggingface.taskTextToSpeech`)}),(0,X.jsx)(`option`,{value:`text-to-image`,children:y(`modelManager.huggingface.taskTextToImage`)}),(0,X.jsx)(`option`,{value:`automatic-speech-recognition`,children:y(`modelManager.huggingface.taskSpeechRecognition`)})]}),(0,X.jsxs)(`select`,{value:t,onChange:e=>p(e.target.value),onMouseDown:e=>e.stopPropagation(),className:`px-2 py-1.5 rounded-lg border text-xs bg-gray-50 dark:bg-dark-50 border-gray-200 dark:border-dark-300 text-gray-900 dark:text-gray-100`,children:[(0,X.jsx)(`option`,{value:`downloads`,children:y(`modelManager.huggingface.sortDownloads`)}),(0,X.jsx)(`option`,{value:`likes`,children:y(`modelManager.huggingface.sortLikes`)}),(0,X.jsx)(`option`,{value:`lastModified`,children:y(`modelManager.huggingface.sortRecent`)})]})]})}),(0,X.jsxs)(`div`,{className:`scroll-region min-h-0 flex-1 scrollbar-thin`,children:[!n&&(0,X.jsx)(`div`,{className:`mx-3 mb-1 mt-3 rounded-lg border border-amber-200 bg-amber-500/10 px-3 py-2 text-xs text-ink dark:border-amber-800 dark:bg-amber-900/20`,children:y(`modelSelector.pullRestricted`)}),r?(0,X.jsx)(`div`,{className:`flex items-center justify-center py-12`,children:(0,X.jsx)(d,{className:`h-6 w-6 animate-spin text-gray-400`})}):i.length===0?(0,X.jsxs)(`div`,{className:`px-4 py-8 text-center text-gray-500 dark:text-gray-400`,children:[(0,X.jsx)(de,{className:`h-8 w-8 mx-auto mb-2 text-gray-300 dark:text-gray-600`}),(0,X.jsx)(`p`,{className:`text-sm`,children:y(`modelManager.huggingface.noModelsFound`)})]}):(0,X.jsx)(`div`,{className:`divide-y divide-gray-100 dark:divide-dark-200`,children:i.map(e=>{let t=a===e.id,r=o[e.id]||[],i=s===e.id;return(0,X.jsxs)(`div`,{className:`bg-white dark:bg-dark-100`,children:[(0,X.jsx)(`div`,{className:`px-3 py-3 cursor-pointer hover:bg-gray-50 dark:hover:bg-dark-200`,onMouseDown:t=>{t.preventDefault(),t.stopPropagation(),m(e.id)},children:(0,X.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,X.jsx)(`div`,{className:`flex-shrink-0 rounded-lg bg-yellow-500/20 p-2 dark:bg-yellow-900/30`,children:(0,X.jsx)(de,{className:`h-4 w-4 text-yellow-600 dark:text-yellow-400`})}),(0,X.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,X.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,X.jsx)(`h4`,{dir:`ltr`,className:`text-sm font-medium text-gray-900 dark:text-gray-100 truncate`,children:e.id}),e.gated&&(0,X.jsx)(`span`,{className:`rounded bg-yellow-500/20 px-1.5 py-0.5 text-xs text-ink dark:bg-yellow-900/30`,children:`Gated`})]}),(0,X.jsxs)(`p`,{className:`text-xs text-gray-500 dark:text-gray-400 mt-0.5`,children:[`by `,e.author]}),(0,X.jsxs)(`div`,{className:`flex items-center gap-3 mt-1.5 text-xs text-gray-400 dark:text-gray-500`,children:[(0,X.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,X.jsx)(V,{className:`h-3 w-3`}),$t(e.downloads)]}),(0,X.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,X.jsx)(v,{className:`h-3 w-3`}),$t(e.likes)]}),e.pipeline_tag&&(0,X.jsx)(`span`,{className:`px-1.5 py-0.5 rounded bg-gray-100 dark:bg-dark-200`,children:e.pipeline_tag})]})]}),(0,X.jsxs)(`div`,{className:`flex items-center gap-2 flex-shrink-0`,children:[(0,X.jsx)(`a`,{href:`https://huggingface.co/${e.id}`,target:`_blank`,rel:`noopener noreferrer`,onMouseDown:e=>e.stopPropagation(),className:`p-1.5 rounded-lg hover:bg-gray-100 dark:hover:bg-dark-200`,children:(0,X.jsx)(ae,{className:`h-4 w-4 text-gray-400`})}),(0,X.jsx)(P,{className:G(`h-4 w-4 text-gray-400 transition-transform`,t&&`rotate-180`)})]})]})}),t&&(0,X.jsx)(`div`,{className:`px-3 pb-3 pt-1 border-t border-gray-100 dark:border-dark-200 bg-gray-50 dark:bg-dark-200`,children:i?(0,X.jsxs)(`div`,{className:`flex items-center justify-center py-4`,children:[(0,X.jsx)(d,{className:`h-4 w-4 animate-spin text-gray-400`}),(0,X.jsx)(`span`,{className:`ml-2 text-xs text-gray-500`,children:y(`modelManager.huggingface.checkingGguf`)})]}):r.length===0?(0,X.jsx)(`div`,{className:`py-4 text-center text-xs text-gray-500 dark:text-gray-400`,children:y(`modelManager.huggingface.noGgufAvailable`)}):(0,X.jsxs)(`div`,{className:`space-y-2`,children:[(0,X.jsx)(`div`,{className:`text-xs font-medium text-gray-600 dark:text-gray-300 mb-2`,children:y(`modelManager.huggingface.ggufFilesCount`,{count:r.length})}),r.map(e=>{let t=l===e.ollamaCommand;return(0,X.jsxs)(`div`,{className:`flex items-center gap-2 p-2 rounded-lg bg-white dark:bg-dark-100 border border-gray-200 dark:border-dark-300`,children:[(0,X.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,X.jsx)(`div`,{className:`text-xs font-medium text-gray-800 dark:text-gray-200 truncate`,children:e.filename}),(0,X.jsxs)(`div`,{className:`flex items-center gap-2 mt-0.5 text-xs text-gray-500 dark:text-gray-400`,children:[(0,X.jsx)(`span`,{children:e.sizeFormatted}),e.quantization&&(0,X.jsx)(`span`,{className:`px-1.5 py-0.5 rounded bg-purple-100 dark:bg-purple-900/30 text-purple-700 dark:text-purple-400`,children:e.quantization})]})]}),t?(0,X.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,X.jsx)(`div`,{className:`text-xs text-gray-500 w-12 text-right`,children:u?.percent===void 0?`...`:`${u.percent}%`}),(0,X.jsx)(`button`,{onMouseDown:e=>{e.preventDefault(),e.stopPropagation(),g()},className:`p-1.5 rounded-lg text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20`,children:(0,X.jsx)(B,{className:`h-4 w-4`})})]}):n?(0,X.jsxs)(`button`,{onMouseDown:t=>{t.preventDefault(),t.stopPropagation(),h(e.ollamaCommand,e.filename)},disabled:!!l,className:G(`px-3 py-1.5 rounded-lg text-xs font-medium`,`bg-primary-100 dark:bg-primary-900/30`,`text-primary-700 dark:text-primary-400`,`hover:bg-primary-200 dark:hover:bg-primary-900/50`,`disabled:opacity-50 disabled:cursor-not-allowed`),children:[(0,X.jsx)(V,{className:`h-3 w-3 inline mr-1`}),y(`models.pull`)]}):(0,X.jsx)(`span`,{className:`rounded bg-amber-500/20 px-2 py-1 text-[11px] font-medium text-ink dark:bg-amber-900/30`,children:y(`modelSelector.adminOnlyPull`)})]},e.filename)}),l?.startsWith(`hf.co/`)&&l.includes(e.id)&&u?.percent!==void 0&&(0,X.jsx)(`div`,{className:`w-full bg-gray-200 dark:bg-dark-300 rounded-full h-1.5 overflow-hidden mt-2`,children:(0,X.jsx)(`div`,{className:`h-1.5 rounded-full bg-primary-500 transition-all duration-300`,style:{width:`${u.percent}%`}})})]})})]},e.id)})})]}),(0,X.jsxs)(`div`,{className:`px-3 py-2 border-t border-gray-200 dark:border-dark-300 flex items-center justify-between flex-shrink-0`,children:[(0,X.jsxs)(`a`,{href:`https://huggingface.co/models`,target:`_blank`,rel:`noopener noreferrer`,onMouseDown:e=>e.stopPropagation(),className:`text-xs text-primary-600 dark:text-primary-400 hover:underline flex items-center gap-1`,children:[(0,X.jsx)(ae,{className:`h-3 w-3`}),y(`modelManager.huggingface.browseAllLink`)]}),(0,X.jsx)(`button`,{onMouseDown:e=>{e.preventDefault(),e.stopPropagation(),_()},className:`p-1.5 rounded-lg hover:bg-gray-100 dark:hover:bg-dark-200`,children:(0,X.jsx)(T,{className:G(`h-3.5 w-3.5 text-gray-400`,r&&`animate-spin`)})})]})]})}function tn({filteredGroups:e,selectedModel:t,showImageGen:n,getModelIcon:r,getModelLabel:i,getModelSubLabel:a,onModelSelect:o,onOpenGallery:s}){let{t:l}=c();return(0,X.jsxs)(`div`,{className:`scroll-region min-h-0 flex-1 scrollbar-thin scrollbar-thumb-gray-300 dark:scrollbar-thumb-dark-400`,children:[e.length>0?e.map(e=>(0,X.jsxs)(`div`,{children:[(0,X.jsx)(`div`,{className:`px-3 py-2 text-xs font-semibold text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-dark-300 border-b border-gray-200 dark:border-dark-400 sticky top-0`,children:(0,X.jsxs)(`div`,{className:`flex items-center gap-2`,children:[e.icon,e.label,` (`,e.models.length,`)`]})}),e.models.map(e=>(0,X.jsx)(`div`,{onMouseDown:t=>{t.preventDefault(),o(e.name)},className:G(`px-3 py-3 cursor-pointer border-b border-gray-100 dark:border-dark-200 last:border-b-0`,`hover:bg-gray-50 dark:hover:bg-dark-200`,`bg-white dark:bg-dark-100 transition-colors`,t===e.name&&`bg-primary-50 dark:bg-primary-900/30`),children:(0,X.jsxs)(`div`,{className:`flex items-center gap-3`,children:[r(e),(0,X.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,X.jsx)(`div`,{dir:e.isPersona?`auto`:`ltr`,className:`text-sm font-medium text-gray-900 dark:text-gray-100 truncate`,children:i(e)}),a(e)&&(0,X.jsx)(`div`,{dir:`auto`,className:`text-xs text-gray-500 dark:text-gray-400 truncate`,children:a(e)})]}),t===e.name&&(0,X.jsx)(U,{className:`h-4 w-4 text-primary-600 dark:text-primary-400 flex-shrink-0`})]})},e.name))]},e.type)):(0,X.jsxs)(`div`,{className:`px-4 py-8 text-center text-gray-500 dark:text-gray-400`,children:[(0,X.jsx)(te,{className:`h-8 w-8 mx-auto mb-2 text-gray-300 dark:text-gray-600`}),(0,X.jsx)(`p`,{className:`text-sm`,children:l(`models.noModelsFound`)})]}),n&&(0,X.jsxs)(`div`,{className:`border-t border-gray-200 dark:border-dark-300`,children:[(0,X.jsx)(`div`,{className:`px-3 py-2 text-xs font-semibold text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-dark-300`,children:(0,X.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,X.jsx)(m,{className:`h-4 w-4 text-blue-600 dark:text-blue-400`}),l(`modelSelector.actions`)]})}),(0,X.jsx)(`div`,{onMouseDown:e=>{e.preventDefault(),s()},className:`px-3 py-3 cursor-pointer hover:bg-blue-50 dark:hover:bg-blue-900/20 bg-white dark:bg-dark-100`,children:(0,X.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,X.jsx)(k,{className:`h-4 w-4 text-blue-600 dark:text-blue-400`}),(0,X.jsxs)(`div`,{className:`flex-1`,children:[(0,X.jsx)(`div`,{className:`text-sm font-medium text-gray-900 dark:text-gray-100`,children:l(`gallery.generate`)}),(0,X.jsx)(`div`,{className:`text-xs text-gray-500 dark:text-gray-400`,children:l(`gallery.generateDescription`)})]})]})})]})]})}function nn({libraryCategories:e,libraryCategory:t,canInstallModels:n,loadingLibrary:r,filteredLibraryModels:i,pullingModel:a,pullProgress:o,setLibraryCategory:s,isModelInstalled:l,onModelSelect:u,onPullModel:f,onCancelPull:p,onRefreshLibrary:m}){let{t:h}=c();return(0,X.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col overflow-hidden`,children:[(0,X.jsx)(`div`,{className:`px-3 py-2 border-b border-gray-200 dark:border-dark-300 flex-shrink-0`,children:(0,X.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:e.map(e=>(0,X.jsx)(`button`,{onMouseDown:t=>{t.preventDefault(),t.stopPropagation(),s(e)},className:G(`px-2.5 py-1 rounded-full text-xs font-medium transition-colors`,t===e?`bg-primary-100 dark:bg-primary-900/30 text-primary-700 dark:text-primary-400`:`bg-gray-100 dark:bg-dark-200 text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-dark-300`),children:e.charAt(0).toUpperCase()+e.slice(1)},e))})}),(0,X.jsxs)(`div`,{className:`scroll-region min-h-0 flex-1 scrollbar-thin`,children:[!n&&(0,X.jsx)(`div`,{className:`mx-3 mb-1 mt-3 rounded-lg border border-amber-200 bg-amber-500/10 px-3 py-2 text-xs text-ink dark:border-amber-800 dark:bg-amber-900/20`,children:h(`modelSelector.pullRestricted`)}),r?(0,X.jsx)(`div`,{className:`flex items-center justify-center py-12`,children:(0,X.jsx)(d,{className:`h-6 w-6 animate-spin text-gray-400`})}):i.length===0?(0,X.jsxs)(`div`,{className:`px-4 py-8 text-center text-gray-500 dark:text-gray-400`,children:[(0,X.jsx)(re,{className:`h-8 w-8 mx-auto mb-2 text-gray-300 dark:text-gray-600`}),(0,X.jsx)(`p`,{className:`text-sm`,children:h(`models.noModelsFound`)})]}):(0,X.jsx)(`div`,{className:`divide-y divide-gray-100 dark:divide-dark-200`,children:i.slice(0,50).map(e=>{let t=l(e.name),r=a===e.name;return(0,X.jsxs)(`div`,{className:G(`px-3 py-3 bg-white dark:bg-dark-100`,t&&`bg-green-50/50 dark:bg-green-900/10`),children:[(0,X.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,X.jsx)(`div`,{className:`p-2 rounded-lg bg-blue-100 dark:bg-blue-900/30 flex-shrink-0`,children:(0,X.jsx)(re,{className:`h-4 w-4 text-blue-600 dark:text-blue-400`})}),(0,X.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,X.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,X.jsx)(`h4`,{dir:`ltr`,className:`text-sm font-medium text-gray-900 dark:text-gray-100 truncate`,children:e.name}),t&&(0,X.jsx)(`span`,{className:`px-1.5 py-0.5 rounded text-xs bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400`,children:h(`modelSelector.installed`)}),(e.category===`cloud`||e.tags?.includes(`cloud`))&&(0,X.jsxs)(`span`,{className:`px-1.5 py-0.5 rounded text-xs bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-400 flex items-center gap-1`,children:[(0,X.jsx)(re,{className:`h-3 w-3`}),`Cloud`]})]}),(0,X.jsx)(`p`,{className:`text-xs text-gray-500 dark:text-gray-400 line-clamp-1 mt-0.5`,children:e.description}),(0,X.jsxs)(`div`,{className:`flex items-center gap-2 mt-1.5`,children:[e.sizes.slice(0,3).map(e=>(0,X.jsx)(`span`,{className:`px-1.5 py-0.5 rounded text-xs bg-gray-100 dark:bg-dark-200 text-gray-600 dark:text-gray-400`,children:e},e)),e.pulls&&(0,X.jsxs)(`span`,{className:`text-xs text-gray-400 dark:text-gray-500 flex items-center gap-1`,children:[(0,X.jsx)(V,{className:`h-3 w-3`}),e.pulls]})]})]}),(0,X.jsx)(`div`,{className:`flex-shrink-0`,children:r?(0,X.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,X.jsx)(`div`,{className:`text-xs text-gray-500 w-12 text-right`,children:o?.percent===void 0?`...`:`${o.percent}%`}),(0,X.jsx)(`button`,{onClick:p,className:`p-1.5 rounded-lg text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20`,children:(0,X.jsx)(B,{className:`h-4 w-4`})})]}):t?(0,X.jsx)(`button`,{onClick:()=>u(e.name),className:`px-3 py-1.5 rounded-lg text-xs font-medium bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400 hover:bg-green-200 dark:hover:bg-green-900/50`,children:h(`modelSelector.use`)}):n?(0,X.jsxs)(`button`,{onClick:()=>f(e.name),className:`px-3 py-1.5 rounded-lg text-xs font-medium bg-primary-100 dark:bg-primary-900/30 text-primary-700 dark:text-primary-400 hover:bg-primary-200 dark:hover:bg-primary-900/50`,children:[(0,X.jsx)(V,{className:`h-3 w-3 inline mr-1`}),h(`modelSelector.pull`)]}):(0,X.jsx)(`span`,{className:`rounded bg-amber-500/20 px-2 py-1 text-[11px] font-medium text-ink dark:bg-amber-900/30`,children:h(`modelSelector.adminOnlyPull`)})})]}),r&&o?.percent!==void 0&&(0,X.jsx)(`div`,{className:`mt-2 w-full bg-gray-200 dark:bg-dark-300 rounded-full h-1.5 overflow-hidden`,children:(0,X.jsx)(`div`,{className:`h-1.5 rounded-full bg-primary-500 transition-all duration-300`,style:{width:`${o.percent}%`}})})]},e.name)})})]}),(0,X.jsxs)(`div`,{className:`px-3 py-2 border-t border-gray-200 dark:border-dark-300 flex items-center justify-between flex-shrink-0`,children:[(0,X.jsxs)(`a`,{href:`https://ollama.com/library`,target:`_blank`,rel:`noopener noreferrer`,onMouseDown:e=>e.stopPropagation(),className:`text-xs text-primary-600 dark:text-primary-400 hover:underline flex items-center gap-1`,children:[(0,X.jsx)(ae,{className:`h-3 w-3`}),h(`modelManager.huggingface.browseAllLink`)]}),(0,X.jsx)(`button`,{onMouseDown:e=>{e.preventDefault(),e.stopPropagation(),m()},className:`p-1.5 rounded-lg hover:bg-gray-100 dark:hover:bg-dark-200`,children:(0,X.jsx)(T,{className:G(`h-3.5 w-3.5 text-gray-400`,r&&`animate-spin`)})})]})]})}var rn=W(`components:model-selector`),an=({models:e,selectedModel:t,onModelChange:n,currentPersona:r,className:a,disabled:o=!1,compact:l=!1,showImageGen:u=!1,onModelsRefresh:d})=>{let{t:f}=c(),[p,m]=(0,Y.useState)(!1),[g,v]=(0,Y.useState)(``),[y,b]=(0,Y.useState)(`installed`),x=(0,Y.useRef)(null),S=(0,Y.useRef)(null),T=i(),{user:D,systemInfo:O}=Me(),k=D?.role===`admin`||(O?.allowUserModelPull??!0),[A,j]=(0,Y.useState)(`all`),[ee,N]=(0,Y.useState)(``),[F,I]=(0,Y.useState)(`text-generation`),[L,te]=(0,Y.useState)(`downloads`),[ne,R]=(0,Y.useState)(``),[z,ie]=(0,Y.useState)(null),[ae,oe]=(0,Y.useState)({}),[ce,le]=(0,Y.useState)(null),[ue,V]=(0,Y.useState)(null),[fe,H]=(0,Y.useState)(null),[pe,U]=(0,Y.useState)(null),me=[`all`,`popular`,`chat`,`code`,`vision`,`embedding`,`cloud`],he=[{type:`personas`,label:f(`modelSelector.personas`),icon:(0,X.jsx)(se,{className:`h-4 w-4 text-gray-500 dark:text-dark-600`}),models:e.filter(e=>e.isPersona),color:`purple`},{type:`ollama`,label:f(`modelSelector.ollamaModels`),icon:(0,X.jsx)(h,{className:`h-4 w-4 text-gray-500 dark:text-dark-600`}),models:e.filter(e=>!e.isPersona&&!e.isPlugin&&!e.name.includes(`embed`)),color:`green`},{type:`plugins`,label:f(`modelSelector.pluginModels`),icon:(0,X.jsx)(de,{className:`h-4 w-4 text-gray-500 dark:text-dark-600`}),models:e.filter(e=>e.isPlugin),color:`green`}].filter(e=>e.models.length>0).map(e=>({...e,models:e.models.filter(e=>e.name.toLowerCase().includes(g.toLowerCase())||e.personaName&&e.personaName.toLowerCase().includes(g.toLowerCase())||e.pluginName&&e.pluginName.toLowerCase().includes(g.toLowerCase()))})).filter(e=>e.models.length>0),W=e.find(e=>e.name===t||t.startsWith(`persona:`)&&e.name===t),{data:ge=[],isLoading:_e,refetch:ye}=s({queryKey:[`ollama-library-selector`,ee,A],queryFn:async()=>{let e=await ve.getLibraryModels({search:ee||void 0,sort:`popular`,category:A===`cloud`?`cloud`:void 0});return e.success&&e.data?e.data:[]},enabled:p&&y===`ollama`}),{data:xe=[],isLoading:Se,refetch:Ce}=s({queryKey:[`hf-models-selector`,F,ne,L],queryFn:async()=>{let e=await be.getModels({task:F,search:ne||void 0,sort:L,limit:30});return e.success&&e.data?e.data:[]},enabled:p&&y===`huggingface`}),we=ge.filter(e=>{let t=!g||e.name.toLowerCase().includes(g.toLowerCase())||e.description.toLowerCase().includes(g.toLowerCase()),n=A===`all`||e.category===A;return t&&n}),Te=(0,Y.useCallback)(async e=>{let[t,n]=e.split(`/`);if(!(!t||!n)){le(e);try{let r=await be.getGgufFiles(t,n);r.success&&r.data&&oe(t=>({...t,[e]:r.data}))}catch(e){rn.error(`Failed to load GGUF files:`,e)}finally{le(null)}}},[]),Ee=(0,Y.useCallback)(e=>{z===e?ie(null):(ie(e),ae[e]||Te(e))},[z,ae,Te]),De=(0,Y.useCallback)((e,t)=>{if(!k){M.error(f(`modelSelector.pullRestricted`));return}if(!ue){V(e),H({status:`starting`});try{let n=ve.pullModelStream(e,e=>{H(e)},()=>{H(null),V(null),U(null),M.success(`Downloaded ${t}`),d?.()},e=>{H(null),V(null),U(null),M.error(`Failed to download: ${e}`)});U(()=>n)}catch{H(null),V(null),M.error(`Failed to start download`)}}},[k,d,ue,f]);(0,Y.useEffect)(()=>{let e=setTimeout(()=>{y===`huggingface`?R(g):y===`ollama`&&N(g)},300);return()=>clearTimeout(e)},[g,y]),(0,Y.useEffect)(()=>{if(!p)return;let e=e=>{e.key===`Escape`&&(m(!1),v(``))};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[p]),(0,Y.useEffect)(()=>{p&&S.current&&S.current.focus()},[p]);let Oe=async e=>{m(!1),v(``);try{let t=await ve.listRunningModels();if(t.success&&t.data){let n=t.data;n.length>0&&(n.some(t=>t.name===e||e.startsWith(`persona:`))||await ve.unloadAllModels())}}catch(e){rn.warn(`Failed to unload models before switch:`,e)}n({target:{value:e}})},ke=async e=>{if(!k){M.error(f(`modelSelector.pullRestricted`));return}if(!ue){V(e),H({status:`starting`});try{let t=ve.pullModelStream(e,e=>{H(e)},()=>{H(null),V(null),U(null),M.success(`Downloaded ${e}`),d?.()},e=>{H(null),V(null),U(null),M.error(`Failed to download: ${e}`)});U(()=>t)}catch{H(null),V(null),M.error(`Failed to start download`)}}},K=()=>{pe&&(pe(),U(null),V(null),H(null),M.success(`Download cancelled`))},Ae=t=>e.some(e=>e.name===t||e.name.startsWith(t+`:`)),je=e=>e.isPersona?(0,X.jsx)(se,{className:`h-4 w-4 text-gray-500 dark:text-dark-600`}):e.isPlugin?(0,X.jsx)(de,{className:`h-4 w-4 text-gray-500 dark:text-dark-600`}):(0,X.jsx)(h,{className:`h-4 w-4 text-gray-500 dark:text-dark-600`}),q=e=>e.isPersona?e.personaName||e.name:e.isPlugin?`${e.name}`:e.name,Ne=e=>e.isPersona?`via ${e.model}`:e.isPlugin?`via ${e.pluginName}`:null;return(0,X.jsxs)(`div`,{className:G(`relative`,a),ref:x,children:[(0,X.jsxs)(`button`,{type:`button`,onClick:()=>!o&&m(!p),disabled:o,"aria-haspopup":`dialog`,"aria-expanded":p,className:G(l?`h-9 sm:h-10 px-2.5 flex items-center justify-between text-start w-full`:`w-full flex items-center justify-between gap-2 px-3 py-2.5 text-start`,`border border-black/[0.06] bg-gray-100/70 dark:border-white/[0.06] dark:bg-dark-300/70`,`rounded-xl text-sm hover:bg-gray-100 dark:hover:bg-dark-300`,`transition-colors duration-150 focus:outline-none focus:ring-2 focus:ring-primary-500/20 focus:border-primary-500/40`,o?`opacity-50 cursor-not-allowed`:`cursor-pointer`),title:l?W?q(W):f(`modelSelector.selectModel`):void 0,children:[(()=>{if(!W)return l?(0,X.jsxs)(`div`,{className:`flex items-center gap-2 min-w-0`,children:[(0,X.jsx)(h,{className:`h-4 w-4`}),(0,X.jsx)(`span`,{className:`text-xs font-medium text-gray-400 dark:text-gray-500 truncate`,children:f(`modelSelector.selectModel`)})]}):f(`modelSelector.selectModel`);if(l){let e=q(W);return(0,X.jsxs)(`div`,{className:`flex items-center gap-2 min-w-0`,children:[je(W),(0,X.jsx)(`span`,{dir:W.isPersona?`auto`:`ltr`,className:`text-xs font-medium text-gray-700 dark:text-gray-200 truncate`,children:e})]})}let e=q(W),t=Ne(W);return(0,X.jsxs)(`div`,{className:`flex items-center gap-2 min-w-0`,children:[je(W),(0,X.jsxs)(`div`,{className:`flex flex-col min-w-0`,children:[(0,X.jsx)(`span`,{dir:W.isPersona?`auto`:`ltr`,className:`text-sm font-medium truncate`,children:e}),t&&(0,X.jsx)(`span`,{dir:`auto`,className:`text-xs text-gray-500 dark:text-gray-400 truncate`,children:t})]}),W.isPersona&&r&&(0,X.jsxs)(`div`,{className:`flex items-center gap-1 ms-auto`,children:[(0,X.jsx)(E,{className:`h-3 w-3 text-gray-500 dark:text-dark-600`}),r.embedding_model&&(0,X.jsx)(C,{className:`h-3 w-3 text-gray-400 dark:text-dark-500`})]})]})})(),(0,X.jsx)(P,{className:G(l?`h-3 w-3`:`h-4 w-4`,`text-gray-400 flex-shrink-0 transition-transform duration-150`,p&&`rotate-180`)})]}),p&&(0,He.createPortal)((0,X.jsxs)(`div`,{className:`fixed inset-0 z-[999999] flex items-center justify-center p-3 sm:p-6`,children:[(0,X.jsx)(`div`,{className:`absolute inset-0 bg-gray-950/55 backdrop-blur-md`,onClick:()=>{m(!1),v(``)}}),(0,X.jsxs)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-label":f(`modelSelector.selectModel`),className:G(`relative flex w-full max-w-xl flex-col overflow-hidden bg-white/[0.98] dark:bg-dark-25/[0.98]`,`h-[min(620px,88vh)] rounded-[1.5rem] border border-black/[0.08] dark:border-white/[0.09]`,`shadow-[0_30px_100px_rgba(0,0,0,0.28)] backdrop-blur-xl animate-scale-in`),onClick:e=>e.stopPropagation(),children:[(0,X.jsxs)(`div`,{className:`flex-shrink-0`,children:[(0,X.jsxs)(`div`,{className:`flex items-center justify-between px-4 pb-2 pt-4 sm:px-5 sm:pt-5`,children:[(0,X.jsx)(`h2`,{className:`text-lg font-medium tracking-[-0.025em] text-gray-950 dark:text-dark-950 rtl:tracking-normal`,children:f(`modelSelector.selectModel`)}),(0,X.jsx)(`button`,{type:`button`,onClick:()=>{m(!1),v(``)},className:`flex h-9 w-9 items-center justify-center rounded-full text-gray-400 transition-colors hover:bg-gray-100 hover:text-gray-950 dark:text-dark-500 dark:hover:bg-dark-200 dark:hover:text-dark-950`,title:f(`common.close`),children:(0,X.jsx)(B,{className:`h-4 w-4`})})]}),(0,X.jsx)(`div`,{className:`px-4 pb-3 sm:px-5`,children:(0,X.jsxs)(`div`,{className:`relative`,children:[(0,X.jsx)(w,{className:`absolute start-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400`}),(0,X.jsx)(`input`,{ref:S,type:`text`,placeholder:f(y===`installed`?`modelSelector.searchInstalled`:y===`ollama`?`modelSelector.searchOllama`:`modelSelector.searchHuggingFace`),value:g,onChange:e=>v(e.target.value),className:G(`w-full rounded-xl border border-black/[0.07] bg-gray-100/70 py-2.5 ps-10 pe-4 text-sm dark:border-white/[0.07] dark:bg-dark-200/70`,`focus:outline-none focus:ring-2 focus:ring-primary-500/20`,`text-gray-900 dark:text-dark-900 placeholder:text-gray-400 dark:placeholder:text-dark-500`)})]})}),(0,X.jsxs)(`div`,{className:`mx-4 mb-3 flex rounded-xl bg-gray-100/70 p-1 dark:bg-dark-200/70 sm:mx-5`,children:[(0,X.jsxs)(`button`,{onClick:()=>{b(`installed`)},className:G(`flex-1 rounded-lg px-2 py-2 text-xs font-medium transition-colors sm:px-4`,y===`installed`?`bg-white text-gray-950 shadow-sm dark:bg-dark-300 dark:text-dark-950`:`text-gray-500 hover:text-gray-800 dark:text-dark-500 dark:hover:text-dark-800`),"aria-pressed":y===`installed`,children:[(0,X.jsx)(_,{className:`h-4 w-4 inline me-1.5`}),f(`modelSelector.installed`)]}),(0,X.jsxs)(`button`,{onClick:()=>{b(`ollama`)},className:G(`flex-1 rounded-lg px-2 py-2 text-xs font-medium transition-colors sm:px-4`,y===`ollama`?`bg-white text-gray-950 shadow-sm dark:bg-dark-300 dark:text-dark-950`:`text-gray-500 hover:text-gray-800 dark:text-dark-500 dark:hover:text-dark-800`),"aria-pressed":y===`ollama`,children:[(0,X.jsx)(re,{className:`h-4 w-4 inline me-1.5`}),`Ollama`]}),(0,X.jsxs)(`button`,{onClick:()=>{b(`huggingface`)},className:G(`flex-1 rounded-lg px-2 py-2 text-xs font-medium transition-colors sm:px-4`,y===`huggingface`?`bg-white text-gray-950 shadow-sm dark:bg-dark-300 dark:text-dark-950`:`text-gray-500 hover:text-gray-800 dark:text-dark-500 dark:hover:text-dark-800`),"aria-pressed":y===`huggingface`,children:[(0,X.jsx)(de,{className:`h-4 w-4 inline me-1.5`}),`HuggingFace`]})]})]}),y===`installed`&&(0,X.jsx)(tn,{filteredGroups:he,selectedModel:t,showImageGen:u,getModelIcon:je,getModelLabel:q,getModelSubLabel:Ne,onModelSelect:Oe,onOpenGallery:()=>{m(!1),T(`/gallery`)}}),y===`ollama`&&(0,X.jsx)(nn,{libraryCategories:me,libraryCategory:A,canInstallModels:k,loadingLibrary:_e,filteredLibraryModels:we,pullingModel:ue,pullProgress:fe,setLibraryCategory:j,isModelInstalled:Ae,onModelSelect:Oe,onPullModel:ke,onCancelPull:K,onRefreshLibrary:()=>{ye()}}),y===`huggingface`&&(0,X.jsx)(en,{hfTask:F,hfSort:L,canInstallModels:k,loadingHf:Se,hfModels:xe,expandedHfModel:z,hfGgufFiles:ae,loadingGguf:ce,pullingModel:ue,pullProgress:fe,setHfTask:I,setHfSort:te,onToggleHfModel:Ee,onPullHfGguf:De,onCancelPull:K,onRefreshHfModels:()=>{Ce()}})]})]}),document.body),(0,X.jsx)(`select`,{value:t,onChange:n,className:`sr-only`,tabIndex:-1,children:e.map(e=>(0,X.jsx)(`option`,{value:e.name,children:q(e)},e.name))})]})},on=W(`components:chat-input`),sn=({onSendMessage:e,onStopGeneration:t,disabled:n=!1})=>{let{t:r}=c(),[i,a]=(0,Y.useState)(``),[o,s]=(0,Y.useState)([]),[l,d]=(0,Y.useState)(null),[f,p]=(0,Y.useState)(!1),[h,g]=(0,Y.useState)(null),[_,v]=(0,Y.useState)(!1),{isGenerating:y,setBackgroundImage:b}=je(),{currentSession:S,models:C}=q(),w=(0,Y.useRef)(null);(0,Y.useEffect)(()=>{(async()=>{try{let e=await Ce.getPlugins();v(!!(e.success&&e.data&&e.data.length>0))}catch{v(!1)}})()},[]);let T=t=>{t.preventDefault(),!(!i.trim()||y)&&(e(i.trim(),o.length>0?o:void 0,l||void 0),a(``),s([]))},E=e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),T(e))},D=()=>{t()};(0,Y.useEffect)(()=>{let e=w.current;e&&(e.style.height=`auto`,e.style.height=Math.min(e.scrollHeight,200)+`px`)},[i]),(0,Y.useEffect)(()=>{(async()=>{if(S?.personaId)try{let e=await Se.getPersona(S.personaId);if(e.success&&e.data)g(e.data);else{on.warn(`Persona ${S.personaId} not found, clearing reference`),g(null);let{setCurrentSession:e}=q.getState();e({...S,personaId:void 0})}}catch(e){if(on.error(`Failed to load current persona:`,e),g(null),S){let{setCurrentSession:e}=q.getState();e({...S,personaId:void 0})}}else g(null)})()},[S?.personaId]);let O=async e=>{let t=e.target.value;if(S)try{if(t.startsWith(`persona:`)){let e=t.replace(`persona:`,``),n=await Se.getPersona(e);if(!n.success||!n.data){j.error(`Failed to load persona details`);return}let i=n.data,a=await Ee.updateSession(S.id,{personaId:e,model:t});if(a.success&&a.data){let{sessions:e}=q.getState(),t=e.map(e=>e.id===S.id?a.data:e);q.setState({sessions:t,currentSession:a.data}),i.background&&b(i.background),j.success(r(`chat.persona.applied`))}}else{let e=await Ee.updateSession(S.id,{model:t,personaId:void 0});if(e.success&&e.data){let{sessions:t}=q.getState(),n=t.map(t=>t.id===S.id?e.data:t);q.setState({sessions:n,currentSession:e.data}),b(null),j.success(r(`chat.model.updated`))}}}catch(e){on.error(`Failed to update session:`,e),j.error(`Failed to update session`)}},k=o.length>0||l!==null;return(0,X.jsx)(`div`,{className:`pointer-events-none`,children:(0,X.jsxs)(`div`,{className:`pointer-events-auto mx-auto w-full max-w-4xl px-4 sm:px-6 md:px-8`,children:[f&&(0,X.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,X.jsx)(qt,{images:o,onImagesChange:s,maxImages:5,sessionId:S?.id,disabled:n}),(0,X.jsx)(Qt,{format:l,onFormatChange:d})]}),(0,X.jsxs)(`div`,{className:`pb-3 pt-2 sm:pb-4`,children:[(0,X.jsx)(`form`,{onSubmit:T,children:(0,X.jsxs)(`div`,{className:G(`flex items-end gap-2 rounded-[1.55rem] border p-2.5 transition-[border-color,box-shadow,background-color] duration-200 sm:p-3`,`bg-surface/[0.92] dark:bg-dark-200/[0.92] backdrop-blur-xl`,`border-black/[0.08] dark:border-white/[0.09]`,`shadow-[0_1px_2px_rgba(0,0,0,0.03),0_14px_42px_rgba(15,23,42,0.08)]`,`focus-within:border-primary-500/35 focus-within:shadow-[0_1px_2px_rgba(0,0,0,0.03),0_18px_52px_rgba(15,23,42,0.11)]`),children:[(0,X.jsx)(K,{type:`button`,variant:`ghost`,size:`sm`,onClick:()=>p(!f),className:G(`h-9 w-9 sm:h-10 sm:w-10 !p-0 rounded-full flex-shrink-0`,`text-gray-500 dark:text-dark-600 hover:bg-gray-100 dark:hover:bg-dark-300`,`transition-colors duration-150 touch-manipulation`,k&&`text-primary-600 dark:text-primary-400`,f&&`bg-gray-100 dark:bg-dark-300`),title:r(`chat.input.attachments`),children:k?(0,X.jsxs)(`div`,{className:`relative flex items-center justify-center`,children:[(0,X.jsx)(u,{className:`h-4 w-4`}),(0,X.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`})]}):f?(0,X.jsx)(x,{className:`h-4 w-4`}):(0,X.jsx)(m,{className:`h-4 w-4`})}),(0,X.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,X.jsx)(Gt,{ref:w,value:i,onChange:e=>a(e.target.value),onKeyDown:E,placeholder:r(`chat.input.placeholder`),disabled:n,className:`!m-0 min-h-[40px] max-h-[160px] resize-none !rounded-none !border-0 !bg-transparent !p-2 !shadow-none scrollbar-thin scrollbar-thumb-gray-300 placeholder:text-gray-400 focus:!border-0 focus:!bg-transparent focus:!shadow-none focus:!ring-0 dark:scrollbar-thumb-dark-400 dark:placeholder:text-dark-500 text-base leading-relaxed touch-manipulation`,rows:1})}),(0,X.jsxs)(`div`,{className:`flex flex-shrink-0 items-center gap-1 sm:gap-2`,children:[S&&C.length>0&&(0,X.jsx)(`div`,{className:`hidden sm:block`,children:(0,X.jsx)(an,{models:C,selectedModel:S.personaId?`persona:${S.personaId}`:S.model,onModelChange:O,currentPersona:h,className:`min-w-[150px] max-w-[230px]`,compact:!0,showImageGen:_})}),y?(0,X.jsx)(K,{type:`button`,variant:`ghost`,size:`sm`,onClick:D,className:G(`h-9 w-9 sm:h-10 sm:w-10 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:r(`chat.input.stopGeneration`),children:(0,X.jsx)(ne,{className:`h-4 w-4`})}):(0,X.jsx)(K,{type:`submit`,variant:`ghost`,size:`sm`,disabled:!i.trim()||n,className:G(`h-9 w-9 sm:h-10 sm:w-10 p-0 rounded-full flex-shrink-0 flex items-center justify-center`,`bg-gray-100 text-gray-400 dark:bg-dark-300 dark:text-dark-500`,`disabled:cursor-not-allowed disabled:opacity-70`,`transition-colors duration-150 touch-manipulation`,i.trim()&&!n&&[`bg-gray-950 text-white hover:bg-gray-800`,`dark:bg-white dark:text-gray-950 dark:hover:bg-gray-100`,`shadow-sm`]),title:r(`chat.input.sendMessage`),children:(0,X.jsx)(pe,{className:`h-4 w-4`})})]})]})}),S&&C.length>0&&(0,X.jsx)(`div`,{className:`mt-3 sm:hidden`,children:(0,X.jsx)(an,{models:C,selectedModel:S.personaId?`persona:${S.personaId}`:S.model,onModelChange:O,currentPersona:h,className:`w-full`,compact:!0,showImageGen:_})}),(0,X.jsxs)(`div`,{className:`mt-2 flex min-h-4 items-center justify-center gap-2 text-[10px] text-gray-400 dark:text-dark-500`,children:[(0,X.jsx)(Yt,{sessionId:S?.id}),(0,X.jsxs)(`div`,{className:`text-center leading-relaxed`,children:[(0,X.jsx)(`span`,{children:r(`chat.footer.disclaimer`)}),k&&(0,X.jsxs)(`span`,{className:`ms-2 text-primary-600 dark:text-primary-400`,children:[`•`,` `,o.length>0&&r(`chat.footer.images`,{count:o.length}),o.length>0&&l&&` • `,l&&r(`chat.footer.structuredOutput`)]})]})]})]})]})})},cn=({persona:e,onClear:t,className:n})=>{let[r,i]=(0,Y.useState)(!1),a=(0,Y.useRef)(null),[o,s]=(0,Y.useState)({top:0,left:0});(0,Y.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=()=>Te(e,64),u=t=>{_e(t.currentTarget,e.name,64)};return(0,X.jsxs)(`div`,{className:G(`relative`,n),children:[(0,X.jsxs)(`button`,{ref:a,onClick:()=>i(!r),className:G(`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,X.jsx)(`img`,{src:l(),alt:e.name,className:`w-5 h-5 rounded-full object-cover`,onError:u}),(0,X.jsx)(`span`,{className:`text-sm font-medium max-w-[120px] truncate`,children:e.name}),c&&(0,X.jsx)(C,{className:`h-3 w-3 text-purple-500 dark:text-purple-400`}),(0,X.jsx)(P,{className:G(`h-3.5 w-3.5 transition-transform duration-200`,r&&`rotate-180`)})]}),r&&(0,He.createPortal)((0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(`div`,{className:`fixed inset-0 z-[9998]`,onClick:()=>i(!1)}),(0,X.jsx)(`div`,{className:`fixed w-72 z-[9999]`,style:{top:o.top,left:o.left},children:(0,X.jsxs)(`div`,{className:G(`rounded-xl overflow-hidden shadow-xl`,`bg-white dark:bg-dark-100`,`border border-gray-200 dark:border-dark-300`),children:[(0,X.jsxs)(`div`,{className:`relative h-16`,children:[e.background?(0,X.jsx)(`div`,{className:`absolute inset-0 bg-cover bg-center`,style:{backgroundImage:`url(${e.background})`}}):(0,X.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,X.jsx)(`div`,{className:`absolute inset-0 bg-black/10`}),t&&(0,X.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,X.jsx)(B,{className:`h-3.5 w-3.5 text-white`})}),c&&(0,X.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,X.jsx)(E,{className:`h-3 w-3`}),`Enhanced`]})]}),(0,X.jsx)(`div`,{className:`relative px-4 -mt-6`,children:(0,X.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,X.jsxs)(`div`,{className:`px-4 pt-2 pb-4`,children:[(0,X.jsx)(`h4`,{className:`text-base font-semibold text-gray-900 dark:text-gray-100`,children:e.name}),(0,X.jsxs)(`p`,{className:`text-xs text-gray-500 dark:text-gray-400 flex items-center gap-1 mt-0.5`,children:[(0,X.jsx)(me,{className:`h-3 w-3`}),e.model]}),e.description&&(0,X.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,X.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,X.jsxs)(`div`,{className:`flex items-center gap-1 mb-1`,children:[(0,X.jsx)(g,{className:`h-2.5 w-2.5 text-gray-400`}),(0,X.jsx)(`span`,{className:`text-[9px] uppercase tracking-wider font-medium text-gray-400`,children:`System`})]}),(0,X.jsxs)(`p`,{className:`text-[11px] text-gray-600 dark:text-gray-400 line-clamp-2 italic`,children:[`“`,e.parameters.system_prompt,`”`]})]}),(0,X.jsxs)(`div`,{className:`flex flex-wrap gap-1 mt-3`,children:[(0,X.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,X.jsx)(de,{className:`h-2.5 w-2.5`}),e.parameters.temperature?.toFixed(1)||`0.7`]}),(0,X.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,X.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,X.jsx)(E,{className:`h-2.5 w-2.5`}),`Memory`]})]})]})]})})]}),document.body)]})},ln=({images:e,onImagesChange:t,maxImages:n=5,className:r})=>{let{t:i}=c(),a=(0,Y.useRef)(null),[o,s]=(0,Y.useState)(!1),l=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/`)){M.error(`File ${o.name} is not an image`);continue}if(o.size>10*1024*1024){M.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&&M.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),l(e.dataTransfer.files)},p=n=>{t(e.filter((e,t)=>t!==n))},m=e.length<n;return(0,X.jsxs)(`div`,{className:G(`space-y-3`,r),children:[m&&(0,X.jsxs)(`div`,{className:G(`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,X.jsx)(`input`,{ref:a,type:`file`,multiple:!0,accept:`image/*`,onChange:e=>l(e.target.files),className:`hidden`}),(0,X.jsxs)(`div`,{className:`flex flex-col items-center text-center`,children:[(0,X.jsx)(F,{className:`h-8 w-8 text-gray-400 dark:text-gray-500 mb-2`}),(0,X.jsxs)(`p`,{className:`text-sm text-gray-700 dark:text-gray-300 mb-2`,children:[i(`chat.mediaUpload.dropImagesHere`),` `,(0,X.jsx)(`button`,{onClick:()=>a.current?.click(),className:`text-primary-600 dark:text-primary-400 hover:underline font-medium`,children:i(`chat.mediaUpload.browse`)})]}),(0,X.jsx)(`p`,{className:`text-xs text-gray-500 dark:text-gray-400`,children:i(`chat.mediaUpload.supportedFormats`)})]})]}),e.length>0&&(0,X.jsx)(`div`,{className:`grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-3`,children:e.map((e,t)=>(0,X.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,X.jsx)(`img`,{src:e,alt:`Upload ${t+1}`,className:`w-full h-full object-cover`}),(0,X.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,X.jsx)(K,{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,X.jsx)(B,{className:`h-4 w-4`})})})]},t))}),m&&e.length>0&&(0,X.jsxs)(K,{variant:`outline`,size:`sm`,onClick:()=>a.current?.click(),className:`w-full sm:w-auto`,children:[(0,X.jsx)(k,{className:`h-4 w-4 mr-2`}),`Add More Images (`,e.length,`/`,n,`)`]})]})},$=W(`use-chat`),un=new Set([`New Chat`,`New Demo Session`]),dn=e=>!e||un.has(e),fn=e=>{let[t,n]=(0,Y.useState)(``),[r,i]=(0,Y.useState)(null),[a,o]=(0,Y.useState)(!1),[s,c]=(0,Y.useState)([]),{addMessage:l,updateMessage:u,updateMessageWithStatistics:d,applySessionTitle:f,setGeneratingTitleForSession:p}=q(),{setIsGenerating:m,preferences:h}=je(),g=(0,Y.useRef)(null),_=(0,Y.useRef)(null),v=(0,Y.useRef)(!1),y=(0,Y.useRef)(null),b=(0,Y.useRef)(``),x=(0,Y.useRef)(0),S=(0,Y.useRef)(void 0),C=(0,Y.useRef)(null),w=(0,Y.useRef)(``),T=(0,Y.useCallback)(()=>{C.current!==null&&typeof window<`u`&&window.cancelAnimationFrame(C.current),C.current=null},[]),E=(0,Y.useCallback)((e,t=!1)=>{if(w.current=e,t||typeof window>`u`){T(),n(e);return}C.current===null&&(C.current=window.requestAnimationFrame(()=>{C.current=null,n(w.current)}))},[T]),D=(0,Y.useCallback)(()=>{T(),w.current=``,n(``)},[T]),O=(0,Y.useCallback)(()=>{_.current=null,v.current=!1,y.current=null},[]),k=(0,Y.useCallback)(async e=>{let t=je.getState().preferences.titleSettings,n=_.current,r=v.current&&y.current===e;if($.debug(`Auto-title check:`,{firstMessage:n,autoTitle:t?.autoTitle,taskModel:t?.taskModel,shouldGenerateTitle:r}),!n||!r||!t?.autoTitle||!t?.taskModel){O();return}O(),$.debug(`Triggering auto-title generation...`),p(e);try{let r=await Ee.generateTitle(e,t.taskModel,n);if($.debug(`Title generation response:`,r),!r.success||!r.data?.title)throw Error(r.error||`Title generation returned no title`);f(e,r.data.title,r.data.updatedAt),r.data.source===`fallback`?M.error(`Could not generate a title; using the message preview`):M.success(`Chat title generated`)}catch(e){$.error(`Failed to generate title:`,e),M.error(`Failed to generate chat title`)}finally{p(null)}},[f,O,p]);return(0,Y.useEffect)(()=>()=>{J.offMessage(`user_message`),J.offMessage(`assistant_chunk`),J.offMessage(`assistant_complete`),J.offMessage(`tool_status`),J.offMessage(`error`)},[e]),(0,Y.useEffect)(()=>{if(!e){J.offMessage(`user_message`),J.offMessage(`assistant_chunk`),J.offMessage(`assistant_complete`),J.offMessage(`tool_status`),J.offMessage(`error`);return}return J.onMessage(`user_message`,()=>{}),J.onMessage(`assistant_chunk`,t=>{let n=t,r=n.messageId||g.current;r&&(b.current=n.total,E(n.total,n.done),S.current&&clearTimeout(S.current),S.current=setTimeout(()=>{u(e,r,b.current),x.current=Date.now()},n.done?0:200))}),J.onMessage(`tool_status`,e=>{let t=e;c(e=>e.find(e=>e.toolCallId===t.toolCallId)?e.map(e=>e.toolCallId===t.toolCallId?{...e,phase:t.phase}:e):[...e,{toolCallId:t.toolCallId,name:t.name,phase:t.phase,startedAt:Date.now()}])}),J.onMessage(`assistant_complete`,t=>{let n=t;$.debug(`Hook: Received assistant_complete for session:`,e,`messageId:`,n.messageId,`with statistics:`,!!n.statistics),o(!1),D(),m(!1),c([]);let r=n.messageId||g.current;n&&r&&d(e,r,b.current||n.content,n.statistics),k(e),g.current=null,b.current=``,S.current&&clearTimeout(S.current),x.current=0}),J.onMessage(`error`,e=>{let t=e;if(o(!1),D(),m(!1),g.current=null,t.code===`SESSION_NOT_FOUND`){$.warn(`Session not found, redirecting to create new session...`),M.error(`Session not found. Creating a new session...`),window.location.href=`/`;return}M.error(t.error),O()}),o(!1),D(),g.current=null,()=>{S.current&&clearTimeout(S.current),T()}},[e,u,d,m,E,D,T,k,O]),{sendMessage:(0,Y.useCallback)(async(t,n,r)=>{if(!(!e||!t.trim()&&(!n||n.length===0)))try{m(!0),o(!0),D(),S.current&&clearTimeout(S.current),x.current=Date.now();let a=q.getState().currentSession,s=a?.isPrivate===!0,c=a?.messages?.some(e=>e.role===`user`);!s&&!c&&dn(a?.title)?(_.current=t.trim(),v.current=!0,y.current=e):(_.current=null,v.current=!1,y.current=null),l(e,{role:`user`,content:t.trim(),images:n});let d=ke();if(g.current=d,i(d),l(e,{role:`assistant`,content:``,id:d}),he()){let n=`Demo response for: ${t.trim()}`;window.setTimeout(()=>{u(e,d,n),o(!1),D(),i(null),m(!1),k(e),g.current=null,b.current=``},500);return}J.isConnected||await J.connect();let f=s?a?.messages?.filter(e=>e.role!==`system`&&e.id!==d).map(e=>({role:e.role,content:e.content,images:e.images})):void 0;J.send({type:`chat_stream`,data:{sessionId:e,content:t.trim(),images:n,format:r,options:h.generationOptions,assistantMessageId:d,isPrivate:s,model:s?a?.model:void 0,messageHistory:f}})}catch(e){$.error(`Failed to send message:`,e),o(!1),D(),i(null),m(!1),g.current=null,M.error(`Failed to send message`)}},[e,l,u,m,D,k,h.generationOptions]),stopGeneration:(0,Y.useCallback)(()=>{o(!1),D(),i(null),m(!1),g.current=null},[m,D]),regenerateLastMessage:(0,Y.useCallback)(async()=>{let t=q.getState().currentSession;if(!t||!e)return;let n=t.messages,r=-1,a=-1;for(let e=n.length-1;e>=0;e--)if(n[e].role===`assistant`){a=e;break}if(a>0){for(let e=a-1;e>=0;e--)if(n[e].role===`user`){r=e;break}}if(r===-1||a===-1){M.error(`No message to regenerate`);return}let s=n[r],c=n[a];try{m(!0),o(!0),D(),S.current&&clearTimeout(S.current),x.current=Date.now();let t=ke();g.current=t,i(t),l(e,{role:`assistant`,content:``,id:t,parentId:c.parentId||c.id,branchIndex:c.siblingCount||1,isActive:!0}),J.isConnected||await J.connect(),J.send({type:`chat_stream`,data:{sessionId:e,content:s.content,images:s.images,options:h.generationOptions,assistantMessageId:t,regenerate:!0,originalMessageId:c.id}})}catch(e){$.error(`Failed to regenerate message:`,e),o(!1),D(),i(null),m(!1),g.current=null,M.error(`Failed to regenerate message`)}},[e,m,D,l,h.generationOptions]),selectBranch:(0,Y.useCallback)(async t=>{let n=q.getState().currentSession;if(!n||!e)return;let r=n.messages.find(e=>e.id===t);if(!r){M.error(`Message not found`);return}if(r.isActive!==!1)return;let i=r.parentId||r.id,a=r.branchIndex||0;try{let r=await Ee.switchMessageBranch(e,t,a);if(r.success&&r.data){let r=n.messages.map(e=>e.id===i||e.parentId===i?{...e,isActive:e.id===t}:e),o={...n,messages:r,updatedAt:Date.now()};q.setState(t=>({sessions:t.sessions.map(t=>t.id===e?o:t),currentSession:o})),M.success(`Switched to variant ${a+1}`)}else M.error(r.error||`Failed to select branch`)}catch(e){$.error(`Failed to select branch:`,e),M.error(`Failed to select branch`)}},[e]),isStreaming:a,streamingMessage:t,streamingMessageId:r,toolActivities:s}},pn=W(`pages:chat-page`),mn=(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?`}},hn=(e,t,n,r=!1)=>{let i=Pe(e);return i===`time`?mn(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.`}},gn=()=>{let{t:e,i18n:t}=c(),{sessionId:n}=a(),r=i(),s=o(),{currentSession:d,sessions:f,models:p,selectedModel:h,setSelectedModel:g,createSession:_,setCurrentSession:v,loadSessions:y,getCurrentPersona:b}=q(),{user:S}=Me(),{sendMessage:C,stopGeneration:w,regenerateLastMessage:T,selectBranch:E,isStreaming:D,streamingMessage:O,streamingMessageId:k,toolActivities:A}=fn(d?.id||``),j=b(),[M,ee]=(0,Y.useState)(Ae),N=(0,Y.useMemo)(()=>hn(M,S?.username,e,Fe(t.language)),[t.language,e,S?.username,M]),[P,F]=(0,Y.useState)(``),[I,L]=(0,Y.useState)([]),[te,ne]=(0,Y.useState)(!1),re=(0,Y.useRef)(null);(0,Y.useEffect)(()=>{let e=()=>{ee(Ae())};return window.addEventListener(Le,e),()=>window.removeEventListener(Le,e)},[]);let[R,z]=(0,Y.useState)(!1);(0,Y.useEffect)(()=>{f.length===0&&y()},[y,f.length]),(0,Y.useEffect)(()=>{(async()=>{try{let e=await Ce.getPlugins();z(!!(e.success&&e.data&&e.data.length>0))}catch{z(!1)}})()},[]),(0,Y.useEffect)(()=>{(()=>{if(sessionStorage.getItem(`forceWelcomeScreen`)){sessionStorage.removeItem(`forceWelcomeScreen`);return}if(!d?.isPrivate&&f.length!==0)if(n){let e=f.find(e=>e.id===n);e&&e.id!==d?.id?v(e):e||(pn.warn(`Session ${n} not found for current user, redirecting...`),f.length>0?r(`/c/${f[0].id}`,{replace:!0}):r(`/`,{replace:!0}))}else!n&&f.length>0&&s.pathname===`/`&&r(`/c/${f[0].id}`,{replace:!0})})()},[n,f,v,r,d?.id,d?.isPrivate,s.pathname]),(0,Y.useEffect)(()=>{if(d?.id){let e=sessionStorage.getItem(`pendingMessage`);if(e){sessionStorage.removeItem(`pendingMessage`);try{let t=JSON.parse(e);setTimeout(()=>{C(t.content,t.images)},100)}catch(e){pn.error(`Failed to parse pending message:`,e)}}}},[d?.id,C]),(0,Y.useEffect)(()=>{let e=re.current;e&&(e.style.height=`auto`,e.style.height=Math.min(e.scrollHeight,200)+`px`)},[P]);let ie=async e=>{if(e.preventDefault(),!P.trim()||!h)return;let t={content:P.trim(),images:I.length>0?I:void 0};sessionStorage.setItem(`pendingMessage`,JSON.stringify(t)),F(``),L([]);let n=await _(h);n&&r(`/c/${n.id}`,{replace:!0})},ae=e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),ie(e))},oe=async e=>{let t=e.target.value;g(t)},B=(e,t,n)=>{d&&C(e,t,n)};if(!d){let t=I.length>0;return(0,X.jsxs)(`div`,{className:`relative h-full flex-1 overflow-y-auto overflow-x-hidden px-4 py-20 sm:px-8 sm:py-24`,children:[(0,X.jsxs)(`div`,{"aria-hidden":`true`,className:`pointer-events-none absolute inset-0`,children:[(0,X.jsx)(`div`,{className:`absolute left-[12%] top-[18%] h-56 w-56 rounded-full bg-primary-500/[0.035] blur-3xl dark:bg-primary-400/[0.04]`}),(0,X.jsx)(`div`,{className:`absolute bottom-[16%] right-[10%] h-72 w-72 rounded-full bg-gray-900/[0.025] blur-3xl dark:bg-white/[0.025]`}),(0,X.jsx)(`div`,{className:`absolute left-1/2 top-0 h-16 w-px bg-gray-300/60 dark:bg-white/10`})]}),(0,X.jsxs)(`button`,{onClick:()=>{if(!h&&p.length===0)return;let t=Date.now();v({id:`private-${t}`,title:e(`chat.session.private`),model:h||p[0]?.name||``,messages:[],createdAt:t,updatedAt:t,isPrivate:!0})},disabled:!h&&p.length===0,className:`absolute end-4 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-6 sm:top-6`,title:e(`chat.session.privateTooltip`),children:[(0,X.jsx)(l,{className:`h-3.5 w-3.5`}),(0,X.jsx)(`span`,{children:e(`chat.session.private`)})]}),(0,X.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,X.jsxs)(`div`,{className:`mb-10 flex flex-col items-center text-center animate-fade-in sm:mb-12`,"aria-live":`polite`,children:[(0,X.jsx)(`h1`,{className:`mb-4 max-w-3xl text-balance text-[clamp(2.65rem,7vw,5.25rem)] font-light leading-[0.98] tracking-[-0.055em] text-gray-950 dark:text-dark-950 rtl:leading-[1.12] rtl:tracking-normal`,children:N.title}),(0,X.jsx)(`p`,{className:`max-w-xl text-balance text-base leading-relaxed text-gray-500 dark:text-dark-600 sm:text-lg`,children:N.subtitle})]},N.id),p.length>0?(0,X.jsxs)(`div`,{className:`w-full`,children:[te&&(0,X.jsx)(`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,X.jsx)(ln,{images:I,onImagesChange:L,maxImages:5})}),(0,X.jsx)(`form`,{onSubmit:ie,children:(0,X.jsxs)(`div`,{className:G(`flex items-end gap-2 rounded-[1.6rem] border p-2.5 transition-[border-color,box-shadow,background-color] duration-200 sm:p-3`,`border-black/[0.08] bg-surface/90 dark:border-white/[0.09] dark:bg-dark-200/90`,`shadow-[0_1px_2px_rgba(0,0,0,0.03),0_18px_50px_rgba(15,23,42,0.08)] backdrop-blur-xl`,`focus-within:border-primary-500/35 focus-within:shadow-[0_1px_2px_rgba(0,0,0,0.03),0_22px_65px_rgba(15,23,42,0.12)]`),children:[(0,X.jsx)(K,{type:`button`,variant:`ghost`,size:`sm`,onClick:()=>ne(!te),className:G(`h-9 w-9 sm:h-10 sm:w-10 !p-0 rounded-full flex-shrink-0`,`text-gray-500 dark:text-dark-600 hover:bg-gray-100 dark:hover:bg-dark-300 transition-colors touch-manipulation`,t&&`text-primary-600 dark:text-primary-400`,te&&`bg-gray-100 dark:bg-dark-300`),title:e(`chat.input.attachImages`),children:t?(0,X.jsxs)(`div`,{className:`relative flex items-center justify-center`,children:[(0,X.jsx)(u,{className:`h-4 w-4`}),(0,X.jsx)(`div`,{className:`absolute -top-0.5 -end-0.5 h-1.5 w-1.5 bg-primary-500 rounded-full`})]}):te?(0,X.jsx)(x,{className:`h-4 w-4`}):(0,X.jsx)(m,{className:`h-4 w-4`})}),(0,X.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,X.jsx)(Gt,{ref:re,value:P,onChange:e=>F(e.target.value),onKeyDown:ae,placeholder:e(`chat.input.messagePlaceholder`),className:`!m-0 min-h-[40px] max-h-[160px] resize-none !rounded-none !border-0 !bg-transparent !p-2 !shadow-none scrollbar-thin scrollbar-thumb-gray-300 placeholder:text-gray-400 focus:!border-0 focus:!bg-transparent focus:!shadow-none focus:!ring-0 dark:scrollbar-thumb-dark-400 dark:placeholder:text-dark-500 text-base leading-relaxed touch-manipulation`,rows:1})}),(0,X.jsx)(`div`,{className:`hidden sm:block`,children:(0,X.jsx)(an,{models:p,selectedModel:h,onModelChange:oe,className:`min-w-[140px] max-w-[210px]`,compact:!0,showImageGen:R})}),(0,X.jsx)(K,{type:`submit`,variant:`ghost`,size:`sm`,disabled:!P.trim()||!h,className:G(`h-9 w-9 sm:h-10 sm:w-10 p-0 rounded-full flex-shrink-0 flex items-center justify-center`,`bg-gray-950 text-white hover:bg-gray-800 dark:bg-white dark:text-gray-950 dark:hover:bg-gray-100`,`disabled:bg-gray-100 disabled:text-gray-400 dark:disabled:bg-dark-300 dark:disabled:text-dark-500 disabled:hover:bg-gray-100 dark:disabled:hover:bg-dark-300`,`transition-colors duration-150 touch-manipulation`,P.trim()&&h&&`shadow-sm`),title:e(`chat.input.sendMessage`),children:(0,X.jsx)(pe,{className:`h-4 w-4`})})]})}),(0,X.jsx)(`div`,{className:`sm:hidden mt-4`,children:(0,X.jsx)(an,{models:p,selectedModel:h,onModelChange:oe,className:`w-full`,compact:!0,showImageGen:R})}),(0,X.jsx)(`p`,{className:`mt-4 text-center text-[10px] leading-relaxed text-gray-400 dark:text-dark-500`,children:e(`chat.footer.disclaimer`)})]}):(0,X.jsx)(`div`,{className:`w-full max-w-lg`,children:(0,X.jsxs)(`div`,{className:`rounded-2xl border border-black/[0.07] bg-surface/70 p-6 backdrop-blur-xl dark:border-white/[0.08] dark:bg-dark-200/70`,children:[(0,X.jsx)(`p`,{className:`mb-4 text-sm leading-relaxed text-gray-600 dark:text-dark-700`,children:e(`chat.model.noModelsDescription`)}),(0,X.jsx)(`code`,{className:`block rounded-xl bg-gray-100 p-3 font-mono text-xs text-gray-800 dark:bg-dark-300 dark:text-dark-700`,children:e(`chat.model.pullCommand`)})]})})]})]})}return(0,X.jsxs)(`div`,{className:`relative flex h-full flex-col`,style:j?.background?{backgroundImage:`url(${j.background})`,backgroundSize:`cover`,backgroundPosition:`center`,backgroundRepeat:`no-repeat`}:void 0,children:[j?.background&&(0,X.jsx)(`div`,{className:`absolute inset-0 bg-gray-50/[0.88] backdrop-blur-sm dark:bg-dark-100/[0.88]`}),(0,X.jsxs)(`div`,{className:`relative z-10 flex h-full flex-col`,children:[d?.isPrivate&&(0,X.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,X.jsxs)(`div`,{className:`flex items-center justify-center gap-2 text-gray-500 dark:text-dark-600`,children:[(0,X.jsx)(l,{className:`h-3.5 w-3.5`}),(0,X.jsx)(`span`,{className:`text-xs font-medium`,children:e(`chat.session.privateMode`)}),(0,X.jsxs)(`span`,{className:`hidden text-[11px] text-gray-400 dark:text-dark-500 sm:inline`,children:[`— `,e(`chat.session.privateDescription`)]})]})}),j&&!d?.isPrivate&&(0,X.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,X.jsx)(cn,{persona:j,onClear:()=>{if(d){let{sessions:e}=q.getState(),t={...d,model:j.model,personaId:void 0},n=e.map(e=>e.id===d.id?t:e);q.setState({sessions:n,currentSession:t})}}})}),(0,X.jsx)(Ut,{messages:d.messages,streamingMessage:O,streamingMessageId:k,isStreaming:D,toolActivities:A,onRegenerate:T,onSelectBranch:E,className:`flex-1`}),(0,X.jsx)(sn,{onSendMessage:B,onStopGeneration:w,disabled:!d})]})]})};export{gn as ChatPage,gn as default};

package/frontend/dist/js/WorkPage-MGR3odo6.js

@@ -1,2 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["js/babel-BnLuavNv.js","js/router-vendor-BjDI9mRe.js","js/rolldown-runtime-QTnfLwEv.js","js/markdown-core-GI9BPwrB.js","js/estree-DPzMpjFm.js","assets/index-uCHBH_PM.js","js/react-vendor-DyG_ODzn.js","js/useTranslation-Cs6iTP4m.js","js/ui-vendor-DUqvZsfs.js","js/utils-vendor-Cbaj0BC5.js","js/demoMode-BhEpMVh5.js","js/logger-DbNs3-DK.js","js/api-DD5qhhLf.js","js/utils-pTFqSV8c.js","js/Button-DBk-AREB.js","assets/index-Bv-twCuY.css","js/typescript-B6y_hxBm.js","js/postcss-DSDkwgFE.js","js/html-R50jmBYq.js","js/markdown-C08x2H-K.js","js/yaml-mLy9chOK.js","js/standalone-DpMZUvjd.js","js/OptimizedSyntaxHighlighter-Ci9sRc78.js","js/syntax-highlight-pM1xnNpY.js"])))=>i.map(i=>d[i]);
-import{r as e}from"./rolldown-runtime-QTnfLwEv.js";import{d as t,f as n}from"./markdown-core-GI9BPwrB.js";import{d as r,f as i,i as a,l as o,u as s}from"./router-vendor-BjDI9mRe.js";import{t as c}from"./useTranslation-Cs6iTP4m.js";import{At as l,C as u,Dt as d,Et as f,F as p,Gt as m,It as h,J as g,Jt as _,N as v,Nt as y,O as b,Pt as x,Rt as S,T as C,Tt as w,Vt as T,Zt as E,_ as D,bt as O,h as ee,jt as k,lt as te,n as ne,nt as re,o as A,qt as ie,r as ae,rt as oe,tt as se,u as ce,x as le,xt as ue,yt as de}from"./ui-vendor-DUqvZsfs.js";import{o as fe,s as pe}from"./api-DD5qhhLf.js";import{t as j}from"./utils-pTFqSV8c.js";import{t as M}from"./Button-DBk-AREB.js";import{A as me,F as he,H as ge,M as _e,N as ve,O as ye,V as be,W as xe,j as Se,m as N,n as P}from"../assets/index-uCHBH_PM.js";import{t as Ce}from"./RichMessageContent-WQLdJ5jq.js";var F=e(n(),1),I=t();function L({models:e,modelKey:t,running:n,loading:r,disabled:i=!1,remoteDisclosureDismissed:a,remoteDisclosureSaving:o,onModelChange:s,onDismissRemoteDisclosure:l,onSubmit:u,onCancel:d}){let{t:f}=c(),[p,m]=(0,F.useState)(``),h=(0,F.useRef)(null),g=e.find(e=>e.key===t),v=g?.remote===!0,y=async()=>{await l()&&h.current?.focus()},b=async()=>{let e=p.trim();!e||r||n||i||!g||await u(e)&&m(``)};return(0,I.jsxs)(`div`,{className:`relative shrink-0 border-t border-line bg-surface-raised/95 px-3 py-3 backdrop-blur md:px-5`,children:[v&&!a&&(0,I.jsx)(`div`,{className:`absolute inset-x-3 bottom-full z-30 mx-auto mb-3 max-w-3xl md:inset-x-5`,children:(0,I.jsxs)(`aside`,{"data-testid":`work-provider-disclosure-popover`,"aria-labelledby":`work-provider-disclosure-title`,"aria-live":`polite`,className:`relative rounded-2xl border border-warning-500/40 bg-surface-overlay p-3 pe-10 shadow-overlay backdrop-blur dark:border-warning-500/45`,children:[(0,I.jsx)(`button`,{type:`button`,onClick:()=>void y(),disabled:o,className:`absolute end-2 top-2 inline-flex h-7 w-7 items-center justify-center rounded-lg text-ink-muted transition-colors hover:bg-warning-500/20 hover:text-ink focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-warning-500 disabled:cursor-wait disabled:opacity-50`,"aria-label":f(`work.composer.remoteDismissLabel`,{defaultValue:`Dismiss remote provider notice`}),children:(0,I.jsx)(ne,{className:`h-4 w-4`})}),(0,I.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,I.jsx)(`div`,{className:`mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-xl bg-warning-500/20`,children:(0,I.jsx)(_,{"data-testid":`work-provider-disclosure-accent`,className:`h-4 w-4 text-warning-500`,"aria-hidden":`true`})}),(0,I.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,I.jsx)(`p`,{id:`work-provider-disclosure-title`,className:`text-sm font-semibold text-ink`,children:f(`work.composer.remoteTitle`,{defaultValue:`Remote provider`})}),(0,I.jsx)(`p`,{className:`mt-0.5 text-xs leading-relaxed text-ink-muted`,children:f(`work.composer.remoteHint`,{defaultValue:`Conversation and tool output are sent to the configured service. One autonomous run can make multiple provider calls and may incur charges. Workspace files stay local unless a tool returns their contents.`})}),(0,I.jsx)(`div`,{className:`mt-2.5 flex justify-end`,children:(0,I.jsx)(M,{"data-testid":`work-provider-disclosure-dismiss`,type:`button`,variant:`ghost`,size:`sm`,loading:o,className:`h-7 border-warning-500 bg-warning-500 px-2.5 text-xs text-[#3d120c] hover:bg-warning-500/90 hover:text-[#3d120c]`,onClick:()=>void y(),children:f(`work.composer.remoteDismiss`,{defaultValue:`Dismiss`})})})]})]})]})}),(0,I.jsxs)(`div`,{className:`mx-auto max-w-3xl rounded-2xl border border-line bg-surface shadow-subtle focus-within:border-primary-500 focus-within:ring-2 focus-within:ring-primary-500/15`,children:[(0,I.jsx)(`textarea`,{"data-testid":`work-composer-input`,dir:`auto`,value:p,onChange:e=>m(e.target.value),onKeyDown:e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),b())},disabled:i||n,rows:3,className:`block max-h-48 min-h-[5rem] w-full resize-none bg-transparent px-4 pt-3 text-sm leading-relaxed text-ink outline-none placeholder:text-ink-subtle disabled:cursor-not-allowed disabled:opacity-60`,placeholder:f(`work.composer.placeholder`,{defaultValue:`Describe what you want to build or change…`})}),(0,I.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2 px-2.5 pb-2.5`,children:[(0,I.jsx)(`div`,{className:`flex min-w-0 flex-1 flex-wrap items-center gap-2`,children:(0,I.jsxs)(`select`,{ref:h,"data-testid":`work-model-select`,dir:`auto`,value:t,onChange:e=>void s(e.target.value),disabled:n||e.length===0,className:`h-8 min-w-0 max-w-56 rounded-lg border border-line bg-surface-raised px-2 text-xs font-medium text-ink outline-none focus:border-primary-500`,"aria-label":f(`work.composer.model`,{defaultValue:`Work model`}),children:[e.length===0&&(0,I.jsx)(`option`,{value:``,children:f(`work.composer.noModels`,{defaultValue:`No Work-compatible models`})}),e.map(e=>(0,I.jsx)(`option`,{value:e.key,children:e.label},e.key))]})}),n?(0,I.jsxs)(M,{"data-testid":`work-cancel-button`,variant:`danger`,size:`sm`,loading:r,onClick:()=>void d(),children:[(0,I.jsx)(ee,{className:`h-3.5 w-3.5 fill-current`}),f(`work.composer.cancel`,{defaultValue:`Stop`})]}):(0,I.jsxs)(M,{"data-testid":`work-submit-button`,size:`sm`,loading:r,disabled:i||!p.trim()||!g,onClick:()=>void b(),children:[(0,I.jsx)(le,{className:`h-3.5 w-3.5`}),f(`work.composer.send`,{defaultValue:`Run`})]})]})]}),(0,I.jsx)(`p`,{"data-testid":`work-composer-hint`,className:`mt-1.5 text-center text-[11px] text-ink-subtle`,children:f(`work.composer.hint`,{defaultValue:`Each task keeps its own files and history. Review model output before using it.`})})]})}var R=e=>{if(e==null||e===``)return null;if(typeof e==`string`)return e;try{return JSON.stringify(e,null,2)}catch{return String(e)}},z=e=>{if(e<1e3)return`${Math.max(0,Math.round(e))}ms`;let t=Math.max(0,Math.round(e/1e3)),n=Math.floor(t/60),r=t%60;return n>0?`${n}:${String(r).padStart(2,`0`)}`:`${r}s`},B=e=>{if(!e)return 0;let t=Array.from(e).length,n=e.trim()?e.trim().split(/\s+/u).length:0;return Math.max(n,Math.ceil(t/4))};function we({run:e}){let[t,n]=(0,F.useState)();if((0,F.useEffect)(()=>{if(e.terminal||!e.startedAt)return;let t=window.setInterval(()=>n(Date.now()),1e3);return()=>window.clearInterval(t)},[e.startedAt,e.terminal]),!e.startedAt)return null;let r=e.finishedAt||t;return r?(0,I.jsx)(`span`,{dir:`ltr`,className:`tabular-nums text-ink-subtle`,"aria-hidden":`true`,children:z(r-e.startedAt)}):null}function V({tool:e,expandedByDefault:t}){let{t:n}=c(),[r]=(0,F.useState)(e.status),[i,a]=(0,F.useState)(null),o=(0,F.useMemo)(()=>R(e.arguments),[e.arguments]),s=e.output||null,l=!!(o||s),u=e.status===`error`,d=e.status===`running`,f=(0,F.useId)(),p=u?n(`work.activity.kinds.error`,{defaultValue:`Error`}):d?n(`work.activity.kinds.toolCall`,{defaultValue:`Tool call`}):n(`work.activity.kinds.toolResult`,{defaultValue:`Tool result`}),m=i??(e.status===r?t:e.status===`error`);return(0,I.jsxs)(`div`,{"data-testid":`work-live-tool`,"data-tool-id":e.id,className:j(`overflow-hidden rounded-xl border bg-surface-raised transition-colors`,u?`border-error-500/30`:`border-line`),children:[(0,I.jsxs)(`button`,{type:`button`,disabled:!l,onClick:()=>{a(!m)},"aria-expanded":l?m:void 0,"aria-controls":l?f:void 0,"aria-label":`${p}: ${e.name}`,className:`flex min-h-10 w-full items-center gap-2 px-3 py-2 text-start outline-none hover:bg-surface-subtle focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[#ff7b52] disabled:cursor-default disabled:hover:bg-transparent`,children:[(0,I.jsx)(`span`,{className:`flex h-5 w-5 shrink-0 items-center justify-center`,children:u?(0,I.jsx)(_,{className:`h-3.5 w-3.5 text-error-500`}):d?(0,I.jsx)(T,{className:`h-3.5 w-3.5 animate-spin text-[rgb(48,121,255)] motion-reduce:animate-none`}):(0,I.jsx)(ue,{className:`h-3.5 w-3.5 text-[rgb(76,212,117)]`})}),(0,I.jsx)(`span`,{dir:`ltr`,className:`min-w-0 flex-1 truncate font-mono text-xs text-ink`,children:e.name}),e.durationMs!==void 0&&(0,I.jsx)(`span`,{className:`shrink-0 text-[10px] tabular-nums text-ink-subtle`,children:z(e.durationMs)}),l&&(0,I.jsx)(O,{"aria-hidden":`true`,className:j(`h-3.5 w-3.5 shrink-0 text-ink-subtle transition-transform`,m&&`rotate-180`)})]}),l&&m&&(0,I.jsxs)(`div`,{id:f,className:`border-t border-line bg-surface-subtle/50`,children:[o&&(0,I.jsx)(`pre`,{dir:`ltr`,className:`max-h-48 overflow-auto whitespace-pre-wrap break-words px-3 py-2.5 text-left font-mono text-[11px] leading-relaxed text-ink-muted`,children:o}),s&&(0,I.jsx)(`pre`,{dir:`ltr`,className:j(`max-h-64 overflow-auto whitespace-pre-wrap break-words border-t border-line px-3 py-2.5 text-left font-mono text-[11px] leading-relaxed`,u?`text-error-600`:`text-ink-muted`),children:s})]})]})}function Te({content:e,streaming:t}){let{t:n}=c(),[r,i]=(0,F.useState)(!0);return(0,I.jsxs)(`details`,{"data-testid":`work-live-reasoning`,open:r,onToggle:e=>i(e.currentTarget.open),className:`group mb-3 overflow-hidden rounded-xl border border-line bg-surface-subtle/70`,children:[(0,I.jsxs)(`summary`,{className:`flex cursor-pointer list-none items-center justify-between gap-3 px-3 py-2 text-xs font-medium text-ink-muted marker:hidden [&::-webkit-details-marker]:hidden`,children:[(0,I.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2`,children:[(0,I.jsx)(w,{className:`h-3.5 w-3.5 shrink-0 text-[rgb(48,121,255)]`}),(0,I.jsxs)(`span`,{className:`truncate`,children:[n(`libreClaw.metrics.provider`,{defaultValue:`Provider`}),` ·`,` `,n(`libreClaw.metrics.reasoning`,{defaultValue:`Reasoning`})]})]}),(0,I.jsx)(O,{className:`h-3.5 w-3.5 shrink-0 transition-transform group-open:rotate-180`})]}),(0,I.jsx)(`div`,{className:`border-t border-line px-3 py-2.5`,children:(0,I.jsx)(N,{content:e,isStreaming:t,className:`text-xs text-ink-muted`})})]})}var Ee=(e,t,n)=>e===`queued`||e===`preparing`?t(`work.status.preparing`,{defaultValue:`Preparing isolated workspace…`}):e===`using_tool`?n?.name?`${t(`work.activity.toolActivity`,{defaultValue:`Tool activity`})} · ${n.name}`:t(`work.activity.toolActivity`,{defaultValue:`Tool activity`}):e===`completed`?t(`work.statusLabels.complete`,{defaultValue:`Complete`}):e===`needs_input`?t(`work.statusLabels.needsInput`,{defaultValue:`Needs input`}):e===`failed`?t(`work.statusLabels.error`,{defaultValue:`Error`}):e===`cancelled`?t(`work.statusLabels.needsInput`,{defaultValue:`Needs input`}):e===`responding`?t(`work.status.running`,{defaultValue:`Working in the local workspace…`}):t(`work.statusLabels.thinking`,{defaultValue:`Thinking`}),H=(e,t)=>{if(e===`connecting`)return t(`work.live.connecting`,{defaultValue:`Connecting to live updates…`});if(e===`reconnecting`)return t(`work.live.reconnecting`,{defaultValue:`Reconnecting to live updates…`});if(e===`error`)return t(`work.live.unavailable`,{defaultValue:`Live updates unavailable`})};function De({run:e,variant:t=`conversation`}){let{t:n}=c(),r=[...e.tools].reverse().find(e=>e.status===`running`),i=H(e.connection,n)||Ee(e.phase,n,r),a=!e.terminal,o=e.usage?.outputTokens,s=e.reasoning+e.response,l=o!==void 0&&o>0?o:s?B(s):o,u=(o===void 0||o===0)&&!!s&&l!==void 0,d=e.usage?.tokensPerSecond;return(0,I.jsxs)(`section`,{"data-testid":`work-live-run`,"data-run-id":e.runId,"data-phase":e.phase,"aria-busy":a||void 0,className:j(`min-w-0`,t===`activity`&&`rounded-2xl border border-line bg-surface p-3 shadow-subtle`),children:[(0,I.jsxs)(`div`,{className:`mb-3 flex min-h-6 items-center gap-2 text-xs`,children:[(0,I.jsx)(`span`,{"aria-hidden":`true`,className:j(`h-2 w-2 shrink-0 rounded-full`,e.phase===`failed`?`bg-[rgb(255,61,129)]`:e.phase===`completed`?`bg-[rgb(76,212,117)]`:e.phase===`needs_input`||e.phase===`cancelled`?`bg-[rgb(255,204,0)]`:e.connection===`error`?`bg-[rgb(255,61,129)]`:`bg-[rgb(48,121,255)]`,a&&`animate-pulse motion-reduce:animate-none`)}),(0,I.jsx)(`span`,{dir:`auto`,title:e.connectionError,className:`min-w-0 flex-1 truncate font-medium text-ink-muted`,children:i}),e.round!==void 0&&(0,I.jsx)(`span`,{dir:`ltr`,className:`shrink-0 tabular-nums text-ink-subtle`,children:e.roundLimit===void 0?`#${e.round}`:`${e.round}/${e.roundLimit}`}),(0,I.jsx)(we,{run:e})]}),t===`conversation`&&(0,I.jsx)(`span`,{className:`sr-only`,role:`status`,"aria-live":`polite`,"aria-atomic":`true`,children:i}),e.skills.length>0&&(0,I.jsx)(`div`,{className:`mb-3 flex flex-wrap gap-1.5`,children:(0,I.jsxs)(`span`,{className:`inline-flex items-center gap-1 rounded-full border border-line bg-surface-raised px-2 py-1 text-[10px] text-ink-muted`,children:[(0,I.jsx)(S,{className:`h-3 w-3 text-[#ff7b52]`,"aria-hidden":`true`}),(0,I.jsx)(`span`,{dir:`auto`,children:n(`work.live.skillsLoaded`,{count:e.skills.length,defaultValue:`Workspace skills · {{count}}`})})]})}),e.reasoning&&(0,I.jsx)(Te,{content:e.reasoning,streaming:a&&e.phase!==`responding`}),e.tools.length>0&&(0,I.jsx)(`div`,{"data-testid":`work-live-tools`,className:j(`mb-3 space-y-1.5`,t===`activity`&&`mb-0`),children:e.tools.map(e=>(0,I.jsx)(V,{tool:e,expandedByDefault:e.status===`running`||e.status===`error`},e.id))}),t===`conversation`&&e.response&&(0,I.jsx)(N,{content:e.response,isStreaming:a,className:`text-ink`}),e.error&&(0,I.jsxs)(`div`,{role:`alert`,dir:`auto`,className:`mt-3 flex items-start gap-2 rounded-xl border border-error-500/30 bg-error-500/10 px-3 py-2.5 text-xs leading-relaxed text-error-600`,children:[(0,I.jsx)(_,{className:`mt-0.5 h-3.5 w-3.5 shrink-0`}),(0,I.jsx)(`span`,{children:e.error})]}),(l!==void 0||d!==void 0)&&(0,I.jsxs)(`div`,{className:`mt-3 flex flex-wrap items-center gap-x-3 gap-y-1 border-t border-line pt-2 text-[10px] tabular-nums text-ink-subtle`,children:[l!==void 0&&(0,I.jsxs)(`span`,{dir:`auto`,children:[n(`generationStats.generatedTokens`,{defaultValue:`Generated tokens:`}),` `,(0,I.jsxs)(`bdi`,{dir:`ltr`,children:[u&&`≈`,l.toLocaleString()]})]}),d!==void 0&&(0,I.jsxs)(`span`,{dir:`auto`,children:[n(`generationStats.speed`,{defaultValue:`Speed:`}),` `,(0,I.jsxs)(`bdi`,{dir:`ltr`,children:[d.toFixed(1),` t/s`]})]})]}),a&&!e.reasoning&&!e.response&&e.tools.length===0&&(0,I.jsxs)(`div`,{"aria-hidden":`true`,className:`flex h-5 items-center gap-1 text-[rgb(48,121,255)]`,children:[(0,I.jsx)(`span`,{className:`h-1.5 w-1.5 animate-pulse rounded-full bg-current motion-reduce:animate-none`}),(0,I.jsx)(`span`,{className:`h-1.5 w-1.5 animate-pulse rounded-full bg-current [animation-delay:160ms] motion-reduce:animate-none`}),(0,I.jsx)(`span`,{className:`h-1.5 w-1.5 animate-pulse rounded-full bg-current [animation-delay:320ms] motion-reduce:animate-none`})]}),t===`activity`&&e.tools.length===0&&(0,I.jsxs)(`div`,{className:`flex items-center gap-2 text-xs text-ink-muted`,children:[(0,I.jsx)(h,{className:`h-3.5 w-3.5`}),n(`work.activity.empty`,{defaultValue:`Commands, file operations, and tool results will appear here.`})]})]})}var Oe=e=>{if(!e||Object.keys(e).length===0)return null;try{return JSON.stringify(e,null,2)}catch{return null}},ke=(e,t)=>{let n=e.metadata,r=n?.name??n?.toolName??n?.tool??n?.command;return typeof r==`string`&&r?r:t};function Ae({message:e}){let{t}=c();return(0,I.jsxs)(`details`,{"data-testid":`work-provider-reasoning`,className:`group ms-11 overflow-hidden rounded-xl border border-line bg-surface-subtle/70`,children:[(0,I.jsxs)(`summary`,{className:`flex cursor-pointer list-none items-center justify-between gap-3 px-3 py-2 text-xs font-medium text-ink-muted marker:hidden [&::-webkit-details-marker]:hidden`,children:[(0,I.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2`,children:[(0,I.jsx)(w,{className:`h-3.5 w-3.5 shrink-0 text-[rgb(48,121,255)]`}),(0,I.jsxs)(`span`,{className:`truncate`,children:[t(`libreClaw.metrics.provider`,{defaultValue:`Provider`}),` ·`,` `,t(`libreClaw.metrics.reasoning`,{defaultValue:`Reasoning`})]})]}),(0,I.jsx)(O,{className:`h-3.5 w-3.5 shrink-0 transition-transform group-open:rotate-180`})]}),(0,I.jsx)(`p`,{dir:`auto`,className:`whitespace-pre-wrap break-words border-t border-line px-3 py-2.5 text-xs leading-relaxed text-ink-muted`,children:e.content})]})}function U({message:e}){let{t}=c(),n=Oe(e.metadata),r=e.kind===`error`,i={message:t(`work.activity.kinds.message`,{defaultValue:`Message`}),reasoning:t(`libreClaw.metrics.reasoning`,{defaultValue:`Reasoning`}),tool_call:t(`work.activity.kinds.toolCall`,{defaultValue:`Tool call`}),tool_result:t(`work.activity.kinds.toolResult`,{defaultValue:`Tool result`}),error:t(`work.activity.kinds.error`,{defaultValue:`Error`})}[e.kind];return(0,I.jsxs)(`div`,{className:j(`rounded-xl border bg-surface-subtle`,r?`border-error-500/30`:`border-line`),children:[(0,I.jsxs)(`div`,{className:`flex items-center gap-2 border-b border-line px-3 py-2`,children:[r?(0,I.jsx)(_,{className:`h-4 w-4 text-error-500`}):(0,I.jsx)(h,{className:`h-4 w-4 text-ink-muted`}),(0,I.jsx)(`span`,{dir:`auto`,className:`min-w-0 flex-1 truncate font-mono text-xs font-medium text-ink`,children:ke(e,t(`work.activity.toolActivity`,{defaultValue:`Tool activity`}))}),(0,I.jsx)(`span`,{className:`rounded-md bg-surface-raised px-1.5 py-0.5 text-[10px] uppercase tracking-wide text-ink-muted rtl:tracking-normal`,children:i})]}),e.content&&(0,I.jsx)(`pre`,{dir:`ltr`,className:`max-h-56 overflow-auto whitespace-pre-wrap break-words px-3 py-2.5 text-left font-mono text-xs leading-relaxed text-ink-muted`,children:e.content}),n&&(0,I.jsxs)(`details`,{className:`border-t border-line px-3 py-2`,children:[(0,I.jsx)(`summary`,{className:`cursor-pointer text-[11px] font-medium text-ink-muted`,children:t(`work.activity.details`,{defaultValue:`Details`})}),(0,I.jsx)(`pre`,{dir:`ltr`,className:`mt-2 max-h-48 overflow-auto whitespace-pre-wrap break-all text-left font-mono text-[11px] text-ink-muted`,children:n})]})]})}function je({task:e,loading:t,loadingOlder:n,liveRun:r,onLoadOlder:i}){let{t:a}=c(),o=(0,F.useRef)(null),s=(0,F.useRef)(!0),[l,u]=(0,F.useState)(!1),f=(0,F.useMemo)(()=>[...e.messages||[]].sort((e,t)=>e.messageIndex-t.messageIndex||e.createdAt-t.createdAt||e.id.localeCompare(t.id)),[e.messages]),p=[...f].reverse().find(e=>e.role===`assistant`&&e.kind===`message`)?.id;(0,F.useEffect)(()=>{s.current=!0;let e=o.current;e&&(e.scrollTop=e.scrollHeight);let t=window.requestAnimationFrame(()=>u(!1));return()=>window.cancelAnimationFrame(t)},[e.id]),(0,F.useEffect)(()=>{let e=o.current,t;return e&&s.current?(e.scrollTop=e.scrollHeight,t=window.requestAnimationFrame(()=>u(!1))):e&&r&&(t=window.requestAnimationFrame(()=>u(!0))),()=>{t!==void 0&&window.cancelAnimationFrame(t)}},[r,f,e.status]);let m=async()=>{let e=o.current,t=e?.scrollHeight??0,n=e?.scrollTop??0;s.current=!1;try{await i(),requestAnimationFrame(()=>{let e=o.current;e&&(e.scrollTop=n+e.scrollHeight-t)})}catch{}};return t&&f.length===0?(0,I.jsx)(`div`,{className:`flex min-h-0 flex-1 items-center justify-center text-ink-muted`,children:(0,I.jsx)(T,{className:`h-6 w-6 animate-spin`})}):(0,I.jsxs)(`div`,{className:`relative flex min-h-0 flex-1`,children:[(0,I.jsx)(`div`,{ref:o,onScroll:e=>{let t=e.currentTarget;s.current=t.scrollHeight-t.scrollTop-t.clientHeight<80,s.current&&u(!1)},className:`min-h-0 flex-1 overflow-y-auto`,children:(0,I.jsx)(`div`,{className:`mx-auto flex min-h-full max-w-3xl flex-col px-4 py-6 md:px-6`,children:f.length===0&&!r?(0,I.jsxs)(`div`,{className:`m-auto max-w-md text-center`,children:[(0,I.jsx)(`div`,{className:`mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-2xl border border-line bg-surface-raised text-ink-muted`,children:(0,I.jsx)(d,{className:`h-6 w-6`})}),(0,I.jsx)(`h2`,{className:`text-lg font-semibold tracking-tight text-ink`,children:a(`work.conversation.ready`,{defaultValue:`Workspace ready`})}),(0,I.jsx)(`p`,{className:`mt-2 text-sm leading-relaxed text-ink-muted`,children:a(`work.conversation.empty`,{defaultValue:`Continue the task below. This conversation and its files stay attached to this workspace.`})})]}):(0,I.jsxs)(`div`,{className:`space-y-6`,children:[e.hasMoreMessages&&(0,I.jsx)(`div`,{className:`flex justify-center`,children:(0,I.jsxs)(`button`,{type:`button`,"data-testid":`work-load-older-messages`,disabled:n,onClick:()=>void m(),className:`inline-flex items-center gap-2 rounded-lg border border-line bg-surface-raised px-3 py-1.5 text-xs font-medium text-ink-muted transition-colors hover:bg-surface-subtle hover:text-ink disabled:cursor-not-allowed disabled:opacity-60`,children:[n&&(0,I.jsx)(T,{className:`h-3.5 w-3.5 animate-spin`}),a(`work.conversation.loadOlder`,{defaultValue:`Load older messages`})]})}),f.map(t=>{if(r&&t.runId===r.runId&&t.role!==`user`)return null;if(t.kind===`reasoning`)return(0,I.jsx)(Ae,{message:t},t.id);if(t.role===`tool`||t.kind!==`message`)return(0,I.jsx)(U,{message:t},t.id);let n=t.role===`user`,i=!n&&e.status===`running`&&t.id===p&&t.runId===e.activeRun?.id;return(0,I.jsxs)(`article`,{className:j(`flex gap-3`,n&&`flex-row-reverse`),children:[(0,I.jsx)(`div`,{className:j(`mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-xl`,n?`bg-ink text-ink-inverse`:`border border-line bg-surface-raised text-ink-muted`),children:n?(0,I.jsx)(A,{className:`h-4 w-4`}):(0,I.jsx)(d,{className:`h-4 w-4`})}),(0,I.jsx)(`div`,{className:j(`min-w-0 max-w-[88%]`,n&&`rounded-2xl rounded-se-md bg-ink px-4 py-2.5 text-ink-inverse`),children:n?(0,I.jsx)(`p`,{dir:`auto`,className:`whitespace-pre-wrap break-words text-sm leading-relaxed`,children:t.content}):i?(0,I.jsx)(N,{content:t.content,className:`text-ink`}):(0,I.jsx)(Ce,{content:t.content,className:`text-sm text-ink`})})]},t.id)}),r&&(0,I.jsxs)(`article`,{className:`flex gap-3`,"data-testid":`work-live-run-message`,children:[(0,I.jsx)(`div`,{className:`mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-xl border border-line bg-surface-raised text-ink-muted`,children:(0,I.jsx)(d,{className:`h-4 w-4`})}),(0,I.jsx)(`div`,{className:`min-w-0 max-w-[92%] flex-1`,children:(0,I.jsx)(De,{run:r})})]}),!r&&(e.status===`preparing`||e.status===`running`)&&(0,I.jsxs)(`div`,{className:`flex items-center gap-2 ps-11 text-xs text-ink-muted`,children:[(0,I.jsx)(T,{className:`h-3.5 w-3.5 animate-spin`}),e.status===`preparing`?a(`work.status.preparing`,{defaultValue:`Preparing isolated workspace…`}):a(`work.status.running`,{defaultValue:`Working in the local workspace…`})]})]})})}),l&&(0,I.jsxs)(`button`,{type:`button`,"data-testid":`work-new-activity-button`,onClick:()=>{let e=o.current;e&&(e.scrollTop=e.scrollHeight),s.current=!0,u(!1)},className:`absolute bottom-4 left-1/2 z-10 inline-flex -translate-x-1/2 items-center gap-1.5 rounded-full border border-line bg-surface-overlay/95 px-3 py-2 text-xs font-medium text-ink shadow-overlay backdrop-blur transition-colors hover:bg-surface-raised`,children:[(0,I.jsx)(k,{className:`h-3.5 w-3.5`}),a(`work.live.newActivity`,{defaultValue:`New activity`})]})]})}var W=45,Me=30,Ne=70,Pe=360,G=480,K=9,q=2,Fe=10,Ie=`libre-webui-work-split:`,Le=(e,t,n)=>Math.min(n,Math.max(t,e)),Re=e=>`${Ie}${encodeURIComponent(e||`local`)}`,ze=e=>{if(typeof window>`u`)return W;try{let t=window.localStorage.getItem(e);if(t===null||t.trim()===``)return W;let n=Number(t);return Number.isFinite(n)?Le(n,Me,Ne):W}catch{return W}},Be=(e,t)=>{if(!(typeof window>`u`))try{window.localStorage.setItem(e,t.toFixed(2))}catch{}},Ve=e=>{let t=Math.max(0,e-K);if(t===0)return{min:Me,max:Ne};let n=Math.max(Me,Pe/t*100),r=Math.min(Ne,(t-G)/t*100);if(n<=r)return{min:n,max:r};let i=Le(Pe/840*100,Me,Ne);return{min:i,max:i}},J=(e,t)=>Le(e,t.min,t.max);function He({conversation:e,workspace:t,userId:n,mobileSurface:r=`conversation`,className:i}){let{t:a,i18n:o}=c(),s=xe(o.language),l=Re(n),[u,d]=(0,F.useState)(()=>({storageKey:l,percent:ze(l)})),[f,p]=(0,F.useState)(0),[m,h]=(0,F.useState)(!1),g=(0,F.useRef)(null),_=(0,F.useRef)(null),v=(0,F.useRef)(null),y=(0,F.useRef)(l),b=(0,F.useRef)(u.percent),x=(0,F.useRef)(null),S=u.storageKey===l?u.percent:ze(l),C=(0,F.useMemo)(()=>Ve(f),[f]),w=J(S,C),T=Math.round(w),E=100-T,D=(0,F.useCallback)(e=>{d({storageKey:l,percent:e})},[l]),O=(0,F.useCallback)(e=>{b.current=J(e,Ve(g.current?.getBoundingClientRect().width??0)),x.current===null&&(x.current=window.requestAnimationFrame(()=>{x.current=null,D(b.current)}))},[D]),ee=(0,F.useCallback)(()=>{if(v.current===null&&!m)return;x.current!==null&&(window.cancelAnimationFrame(x.current),x.current=null);let e=g.current?.getBoundingClientRect().width??0,t=J(b.current,Ve(e));b.current=t,D(t),Be(y.current,t);let n=v.current;v.current=null,n!==null&&_.current?.hasPointerCapture(n)&&_.current.releasePointerCapture(n),h(!1)},[m,D]),k=(0,F.useCallback)(e=>{let t=g.current?.getBoundingClientRect();if(!t)return b.current;let n=Math.max(1,t.width-K);return((s?t.right-e:e-t.left)-K/2)/n*100},[s]),te=e=>{e.button!==0||!e.isPrimary||(e.preventDefault(),e.stopPropagation(),v.current=e.pointerId,y.current=l,b.current=w,e.currentTarget.setPointerCapture(e.pointerId),h(!0))},ne=(0,F.useCallback)(e=>{let t=J(e,C);b.current=t,D(t),Be(l,t)},[C,D,l]),re=(0,F.useCallback)(()=>{ne(W)},[ne]),A=e=>{let t=e.shiftKey?Fe:q,n=null;e.key===`ArrowLeft`?n=w+(s?t:-t):e.key===`ArrowRight`?n=w+(s?-t:t):e.key===`Home`?n=C.min:e.key===`End`?n=C.max:e.key===`Enter`&&(n=W),n!==null&&(e.preventDefault(),ne(n))};(0,F.useEffect)(()=>{let e=g.current;if(!e)return;if(typeof ResizeObserver>`u`){let t=()=>p(e.getBoundingClientRect().width);return t(),window.addEventListener(`resize`,t),()=>window.removeEventListener(`resize`,t)}let t=new ResizeObserver(e=>{let t=e[0];t&&p(t.contentRect.width)});return t.observe(e),()=>t.disconnect()},[]),(0,F.useEffect)(()=>{if(!m)return;let e=document.body.style.cursor,t=document.body.style.userSelect;document.body.style.cursor=`col-resize`,document.body.style.userSelect=`none`;let n=e=>{e.pointerId===v.current&&(e.preventDefault(),O(k(e.clientX)))},r=e=>{e.pointerId===v.current&&ee()};return window.addEventListener(`pointermove`,n,{passive:!1}),window.addEventListener(`pointerup`,r),window.addEventListener(`pointercancel`,r),window.addEventListener(`blur`,ee),()=>{window.removeEventListener(`pointermove`,n),window.removeEventListener(`pointerup`,r),window.removeEventListener(`pointercancel`,r),window.removeEventListener(`blur`,ee),document.body.style.cursor=e,document.body.style.userSelect=t}},[ee,m,k,O]),(0,F.useEffect)(()=>()=>{x.current!==null&&window.cancelAnimationFrame(x.current),v.current!==null&&Be(y.current,b.current)},[]);let ie={gridTemplateColumns:`minmax(0, ${w}fr) ${K}px minmax(0, ${100-w}fr)`};return(0,I.jsxs)(`div`,{ref:g,"data-testid":`work-split-pane`,"data-split-percent":w.toFixed(2),"data-resizing":m?`true`:`false`,className:j(`relative flex min-h-0 min-w-0 flex-1 overflow-hidden xl:grid`,i),style:ie,children:[(0,I.jsx)(`section`,{id:`work-conversation-panel`,"data-testid":`work-conversation-panel`,className:j(`min-h-0 min-w-0 flex-1 flex-col bg-surface xl:flex`,r===`conversation`?`flex`:`hidden`),children:e}),(0,I.jsxs)(`div`,{ref:_,role:`separator`,"aria-orientation":`vertical`,"aria-controls":`work-conversation-panel work-workspace-panel`,"aria-label":a(`work.workspace.resize`,{defaultValue:`Resize conversation and workspace`}),"aria-valuemin":Math.round(C.min),"aria-valuemax":Math.round(C.max),"aria-valuenow":T,"aria-valuetext":a(`work.workspace.splitSize`,{conversation:T,workspace:E,defaultValue:`Conversation {{conversation}}%, workspace {{workspace}}%`}),title:a(`work.workspace.resizeHint`,{defaultValue:`Drag to resize. Use arrow keys for precise control. Double-click or press Enter to reset.`}),tabIndex:0,"data-testid":`work-split-resizer`,onPointerDown:te,onDoubleClick:re,onKeyDown:A,className:j(`group relative z-40 hidden h-full cursor-col-resize touch-none select-none items-center justify-center outline-none xl:flex`,`focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[#ff7b52]`),children:[(0,I.jsx)(`span`,{"aria-hidden":`true`,className:j(`pointer-events-none absolute inset-y-0 left-1/2 w-px -translate-x-1/2 bg-line transition-colors`,`group-hover:bg-[#ff7b52] group-focus-visible:bg-[#ff7b52]`,m&&`bg-[#ff7b52]`)}),(0,I.jsx)(`span`,{"aria-hidden":`true`,className:j(`pointer-events-none relative h-14 w-1 rounded-full bg-ink-subtle/50 opacity-60 transition-[height,background-color,opacity]`,`group-hover:h-20 group-hover:bg-[#ff7b52] group-hover:opacity-100`,`group-focus-visible:h-20 group-focus-visible:bg-[#ff7b52] group-focus-visible:opacity-100`,m&&`h-20 bg-[#ff7b52] opacity-100`)})]}),(0,I.jsx)(`section`,{id:`work-workspace-panel`,"data-testid":`work-workspace-panel`,className:j(`min-h-0 min-w-0 flex-1 flex-col bg-surface-raised xl:flex`,r===`workspace`?`flex`:`hidden`),children:t}),m&&(0,I.jsx)(`div`,{"data-testid":`work-split-drag-shield`,"aria-hidden":`true`,className:`absolute inset-0 z-30 hidden cursor-col-resize select-none xl:block`})]})}var Ue=1e5,We=4e3,Ge={bash:`bash`,c:`c`,cc:`cpp`,cjs:`javascript`,cpp:`cpp`,cs:`csharp`,csh:`bash`,css:`css`,cts:`typescript`,cxx:`cpp`,diff:`diff`,go:`go`,h:`c`,hpp:`cpp`,htm:`markup`,html:`markup`,java:`java`,js:`javascript`,json:`json`,json5:`json`,jsonc:`json`,jsx:`jsx`,kt:`kotlin`,kts:`kotlin`,less:`css`,md:`markdown`,mdx:`markdown`,mjs:`javascript`,mts:`typescript`,patch:`diff`,php:`php`,py:`python`,rb:`ruby`,rs:`rust`,scss:`css`,sh:`bash`,sql:`sql`,svg:`markup`,swift:`swift`,ts:`typescript`,tsx:`tsx`,xml:`markup`,yaml:`yaml`,yml:`yaml`,zsh:`bash`},Y={".bashrc":`bash`,".zshrc":`bash`},Ke={cjs:{family:`babel`,parser:`babel`},css:{family:`postcss`,parser:`css`},cts:{family:`typescript`,parser:`typescript`},htm:{family:`html`,parser:`html`},html:{family:`html`,parser:`html`},js:{family:`babel`,parser:`babel`},json:{family:`babel`,parser:`json`},json5:{family:`babel`,parser:`json5`},jsonc:{family:`babel`,parser:`json`},jsx:{family:`babel`,parser:`babel`},less:{family:`postcss`,parser:`less`},md:{family:`markdown`,parser:`markdown`},mdx:{family:`markdown`,parser:`mdx`},mjs:{family:`babel`,parser:`babel`},mts:{family:`typescript`,parser:`typescript`},scss:{family:`postcss`,parser:`scss`},ts:{family:`typescript`,parser:`typescript`},tsx:{family:`typescript`,parser:`typescript`},yaml:{family:`yaml`,parser:`yaml`},yml:{family:`yaml`,parser:`yaml`}},X=e=>e.split(/[\\/]/).pop()?.toLowerCase()??``,qe=e=>{let t=X(e),n=t.lastIndexOf(`.`);return n>-1?t.slice(n+1):``},Je=e=>Y[X(e)]??Ge[qe(e)]??`text`,Ye=e=>Ke[qe(e)],Xe=e=>Ye(e)!==void 0,Ze=e=>{if(e.length>1e5)return!1;let t=1;for(let n=0;n<e.length;n+=1)if(e.charCodeAt(n)===10&&(t+=1,t>4e3))return!1;return!0},Z=async e=>(await e).default,Qe=async(e,t)=>{switch(e.family){case`babel`:return Promise.all([Z(a(()=>import(`./babel-BnLuavNv.js`),__vite__mapDeps([0,1,2,3]))),Z(a(()=>import(`./estree-DPzMpjFm.js`),__vite__mapDeps([4,1,2,3,5,6,7,8,9,10,11,12,13,14,15])))]);case`typescript`:return Promise.all([Z(a(()=>import(`./typescript-B6y_hxBm.js`),__vite__mapDeps([16,1,2,3,5,6,7,8,9,10,11,12,13,14,15]))),Z(a(()=>import(`./estree-DPzMpjFm.js`),__vite__mapDeps([4,1,2,3,5,6,7,8,9,10,11,12,13,14,15])))]);case`postcss`:return[await Z(a(()=>import(`./postcss-DSDkwgFE.js`),__vite__mapDeps([17,1,2,3])))];case`html`:{let e=[await Z(a(()=>import(`./html-R50jmBYq.js`),__vite__mapDeps([18,1,2,3,5,6,7,8,9,10,11,12,13,14,15])))];return/<script\b/i.test(t)&&e.push(await Z(a(()=>import(`./babel-BnLuavNv.js`),__vite__mapDeps([0,1,2,3]))),await Z(a(()=>import(`./estree-DPzMpjFm.js`),__vite__mapDeps([4,1,2,3,5,6,7,8,9,10,11,12,13,14,15])))),/<script\b[^>]*\blang\s*=\s*["']?(?:ts|typescript)/i.test(t)&&e.push(await Z(a(()=>import(`./typescript-B6y_hxBm.js`),__vite__mapDeps([16,1,2,3,5,6,7,8,9,10,11,12,13,14,15])))),/<style\b/i.test(t)&&e.push(await Z(a(()=>import(`./postcss-DSDkwgFE.js`),__vite__mapDeps([17,1,2,3])))),[...new Set(e)]}case`markdown`:{let n=[await Z(a(()=>import(`./markdown-C08x2H-K.js`),__vite__mapDeps([19,1,2,3,5,6,7,8,9,10,11,12,13,14,15])))],r=e=>RegExp(`^(?: {0,3})(?:\`{3,}|~{3,})\\s*(?:${e})(?:\\s|$)`,`im`).test(t);return e.parser===`mdx`&&n.push(await Z(a(()=>import(`./babel-BnLuavNv.js`),__vite__mapDeps([0,1,2,3]))),await Z(a(()=>import(`./estree-DPzMpjFm.js`),__vite__mapDeps([4,1,2,3,5,6,7,8,9,10,11,12,13,14,15])))),r(`js|jsx|javascript|json|json5|jsonc`)&&n.push(await Z(a(()=>import(`./babel-BnLuavNv.js`),__vite__mapDeps([0,1,2,3]))),await Z(a(()=>import(`./estree-DPzMpjFm.js`),__vite__mapDeps([4,1,2,3,5,6,7,8,9,10,11,12,13,14,15])))),r(`ts|tsx|typescript`)&&n.push(await Z(a(()=>import(`./typescript-B6y_hxBm.js`),__vite__mapDeps([16,1,2,3,5,6,7,8,9,10,11,12,13,14,15]))),await Z(a(()=>import(`./estree-DPzMpjFm.js`),__vite__mapDeps([4,1,2,3,5,6,7,8,9,10,11,12,13,14,15])))),r(`css|scss|less`)&&n.push(await Z(a(()=>import(`./postcss-DSDkwgFE.js`),__vite__mapDeps([17,1,2,3])))),r(`html`)&&n.push(await Z(a(()=>import(`./html-R50jmBYq.js`),__vite__mapDeps([18,1,2,3,5,6,7,8,9,10,11,12,13,14,15]))),await Z(a(()=>import(`./babel-BnLuavNv.js`),__vite__mapDeps([0,1,2,3]))),await Z(a(()=>import(`./estree-DPzMpjFm.js`),__vite__mapDeps([4,1,2,3,5,6,7,8,9,10,11,12,13,14,15]))),await Z(a(()=>import(`./typescript-B6y_hxBm.js`),__vite__mapDeps([16,1,2,3,5,6,7,8,9,10,11,12,13,14,15]))),await Z(a(()=>import(`./postcss-DSDkwgFE.js`),__vite__mapDeps([17,1,2,3])))),r(`yaml|yml`)&&n.push(await Z(a(()=>import(`./yaml-mLy9chOK.js`),__vite__mapDeps([20,1,2,3])))),[...new Set(n)]}case`yaml`:return[await Z(a(()=>import(`./yaml-mLy9chOK.js`),__vite__mapDeps([20,1,2,3])))]}},$e=async(e,t)=>{let n=Ye(e);if(!n)throw Error(`Formatting is not supported for “${X(e)||e}”.`);if(!Ze(t))throw Error(`Could not format “${X(e)||e}”: files are limited to ${Ue.toLocaleString()} characters and ${We.toLocaleString()} lines.`);try{let[{format:e},r]=await Promise.all([a(()=>import(`./standalone-DpMZUvjd.js`),__vite__mapDeps([21,1,2,3,5,6,7,8,9,10,11,12,13,14,15])),Qe(n,t)]);return await e(t,{parser:n.parser,plugins:r,tabWidth:2,useTabs:!1})}catch(t){let n=t instanceof Error?t.message:String(t);throw Error(`Could not format “${X(e)||e}”: ${n}`)}},et=(0,F.lazy)(async()=>({default:(await a(()=>import(`./OptimizedSyntaxHighlighter-Ci9sRc78.js`).then(e=>e.n),__vite__mapDeps([22,2,3,23]))).OptimizedSyntaxHighlighter})),tt=8e3,nt=400,rt=500;function it({path:e,value:t,ariaLabel:n,disabled:r=!1,onChange:i,onSaveShortcut:a,onFormatShortcut:o}){let{t:s}=c(),l=he(e=>e.theme.mode===`dark`),u=(0,F.useRef)(null),d=(0,F.useRef)(null),[f,p]=(0,F.useState)(``),m=(0,F.useMemo)(()=>Je(e),[e]),h=(0,F.useMemo)(()=>{if(t.length>tt)return 401;let e=1;for(let n=0;n<t.length&&!(t.charCodeAt(n)===10&&(e+=1,e>nt));n+=1);return e},[t]),g=t.length>tt||h>nt,_=m!==`text`&&!g,v=_&&f===t;return(0,F.useEffect)(()=>{if(!_)return;let e=window.setTimeout(()=>p(t),rt);return()=>window.clearTimeout(e)},[_,e,t]),(0,F.useLayoutEffect)(()=>{!v||!u.current||!d.current||(u.current.style.transform=`translate3d(${-d.current.scrollLeft}px, ${-d.current.scrollTop}px, 0)`)},[v,e]),(0,I.jsxs)(`div`,{dir:`ltr`,className:j(`relative min-h-0 flex-1 overflow-hidden bg-surface focus-within:ring-1 focus-within:ring-inset focus-within:ring-primary-500/60`,r&&`opacity-60`),"data-language":m,"data-highlighted":v?`true`:`false`,children:[v&&(0,I.jsx)(`div`,{"aria-hidden":`true`,"data-testid":`work-file-highlight`,className:`pointer-events-none absolute inset-0 z-0 overflow-hidden`,children:(0,I.jsx)(`div`,{ref:u,"data-testid":`work-file-highlight-content`,className:`min-h-full min-w-full origin-top-left will-change-transform`,children:(0,I.jsx)(F.Suspense,{fallback:(0,I.jsx)(`pre`,{className:`m-0 min-h-full min-w-full whitespace-pre p-4 text-left font-mono text-[12px] leading-5 text-ink`,children:t||`​`}),children:(0,I.jsx)(et,{language:m,isDark:l,backgroundColor:`transparent`,borderRadius:0,customStyle:{margin:0,minHeight:`100%`,minWidth:`100%`,width:`max-content`,overflow:`visible`,padding:`1rem`,fontSize:`12px`,lineHeight:`20px`,tabSize:2,whiteSpace:`pre`},children:f||`​`})})})}),(0,I.jsx)(`textarea`,{ref:d,"data-testid":`work-file-editor`,"data-language":m,"aria-label":n,value:t,onChange:e=>i(e.target.value),onScroll:e=>{u.current&&(u.current.style.transform=`translate3d(${-e.currentTarget.scrollLeft}px, ${-e.currentTarget.scrollTop}px, 0)`)},onKeyDown:e=>{let t=e.key.toLowerCase();if((e.metaKey||e.ctrlKey)&&t===`s`){e.preventDefault(),a();return}e.altKey&&e.shiftKey&&t===`f`&&(e.preventDefault(),o())},disabled:r,spellCheck:!1,wrap:`off`,className:j(`absolute inset-0 z-10 h-full w-full resize-none overflow-auto whitespace-pre border-0 bg-transparent p-4 text-left font-mono text-[12px] leading-5 outline-none selection:bg-primary-500/25 disabled:cursor-not-allowed`,v?`text-transparent caret-ink`:`text-ink`),style:v?{WebkitTextFillColor:`transparent`,caretColor:`rgb(var(--color-ink))`,tabSize:2}:{tabSize:2}}),g&&(0,I.jsx)(`span`,{dir:`auto`,className:`pointer-events-none absolute bottom-2 end-3 z-20 rounded-md border border-line bg-surface-overlay/90 px-2 py-1 text-[10px] text-ink-muted shadow-subtle`,title:s(`work.files.highlightPaused`,{defaultValue:`Live highlighting is paused for large files to keep editing responsive.`}),children:s(`work.files.plainTextLarge`,{defaultValue:`Plain text · large file`})})]})}var at=e=>{if(!e)return null;try{let t=new URL(e);return(t.hostname===`localhost`||t.hostname===`127.0.0.1`||t.hostname===`[::1]`)&&(t.protocol===`http:`||t.protocol===`https:`)?t.toString():null}catch{return null}},ot=e=>{let t=e.split(`/`).filter(Boolean);return t.pop(),t.join(`/`)},st=(e,t)=>{let n=e.metadata?.name??e.metadata?.toolName??e.metadata?.tool??e.metadata?.command;return typeof n==`string`&&n?n:t};function ct({task:e,liveRun:t,files:n,selectedFile:r,loadingFiles:i,actionLoading:a,onLoadFiles:o,onLoadFile:s,onClearSelectedFile:d,onSaveFile:f,onStartPreview:p,onStopPreview:m,onDirtyChange:g}){let{t:_,i18n:S}=c(),w=xe(S.language),[D,O]=(0,F.useState)(`files`),[k,ne]=(0,F.useState)(``),[A,ie]=(0,F.useState)(``),[ae,ce]=(0,F.useState)(),[le,ue]=(0,F.useState)(``),[de,fe]=(0,F.useState)(!1),pe=at(e.previewUrl),he=t?.runId,ge=t?.error,ye=t?.tools,be=(0,F.useMemo)(()=>{let t=new Set(ye?.map(e=>e.id)||[]);return(e.messages||[]).filter(e=>{if(e.kind===`reasoning`||e.role!==`tool`&&e.kind===`message`)return!1;if(!he||e.runId!==he)return!0;if(e.kind===`error`&&ge)return!1;let n=e.metadata?.toolCallId;return typeof n!=`string`||!t.has(n)})},[ge,he,ye,e.messages]),Se=be.length+(ye?.length||0),N=!!r&&A!==(r?.content??``),P=e.status===`preparing`||e.status===`running`,Ce=(0,F.useRef)(P),L=(0,F.useRef)(0),R=(0,F.useRef)(A),z=(0,F.useRef)(ae),B=(0,F.useRef)(r),we=(0,F.useRef)(e.id),V=(0,F.useRef)(o),Te=(0,F.useRef)(s),Ee=(0,F.useRef)(g),H=(0,F.useRef)(!0),Oe=r?Xe(r.path):!1,ke=!r||Ze(A),Ae=Oe&&ke;(0,F.useEffect)(()=>{R.current=A,z.current=ae,B.current=r,we.current=e.id,Ee.current=g},[ae,A,g,r,e.id]),(0,F.useEffect)(()=>{V.current=o,Te.current=s},[s,o]),(0,F.useEffect)(()=>(H.current=!0,()=>{H.current=!1,L.current+=1,Ee.current(!1)}),[]),(0,F.useEffect)(()=>{if(Ce.current&&!P&&(V.current(k),r&&!N)){let e=++L.current,t=r.path,n=R.current,i=z.current;Te.current(t).then(r=>{!H.current||e!==L.current||r.path!==t||R.current!==n||z.current!==i||(R.current=r.content,z.current=r.updatedAt??r.modifiedAt,ie(r.content),ce(r.updatedAt??r.modifiedAt))}).catch(()=>void 0)}Ce.current=P},[k,N,r,P]);let U=()=>!N||window.confirm(_(`work.files.discard`,{defaultValue:`Discard unsaved file changes?`})),je=()=>{r&&me(e.id,r.path)},W=async e=>{U()&&(L.current+=1,je(),d(),g(!1),ne(e),await o(e).catch(()=>void 0))},Me=async t=>{if(!U())return;let n=++L.current;je();let r=await s(t).catch(()=>void 0);if(!H.current||!r||n!==L.current)return;let i=_e(e.id,r.path),a=i?.content??r.content,o=i?.baseUpdatedAt??r.updatedAt??r.modifiedAt;R.current=a,z.current=o,ie(a),ce(o),g(i!==null&&i.content!==r.content)},Ne=()=>{U()&&(L.current+=1,je(),d(),g(!1))},Pe=t=>{r&&(R.current=t,ie(t),t===r.content?me(e.id,r.path):ve(e.id,r.path,{content:t,baseUpdatedAt:ae??r.updatedAt??r.modifiedAt}),g(t!==r.content))},G=async()=>{if(!r)return;let t=e.id,n=r.path,i=A,a=L.current,o=await f(n,i,ae).catch(()=>!1);if(!H.current||o===!1||a!==L.current||we.current!==t||B.current?.path!==n)return;let s=o.updatedAt??o.modifiedAt;z.current=s,ce(s);let c=R.current;if(c===i){me(t,n),g(!1);return}ve(t,n,{content:c,baseUpdatedAt:s}),g(!0)},K=async()=>{if(!r||P||de||!Ae)return;fe(!0);let e=L.current,t=r.path,n=R.current;try{let r=await $e(t,n);if(!H.current||e!==L.current||B.current?.path!==t||R.current!==n)return;Pe(r),E.success(_(`work.files.formatted`,{defaultValue:`Code formatted.`}))}catch(r){if(!H.current||e!==L.current||B.current?.path!==t||R.current!==n)return;E.error(r instanceof Error?r.message:_(`work.files.formatFailed`,{defaultValue:`Could not format this file.`}))}finally{H.current&&fe(!1)}},q=[{id:`files`,label:_(`work.workspace.files`,{defaultValue:`Files`}),icon:re,testId:`work-files-tab`},{id:`activity`,label:_(`work.workspace.activity`,{defaultValue:`Activity`}),icon:y,testId:`work-activity-tab`},{id:`preview`,label:_(`work.workspace.preview`,{defaultValue:`Preview`}),icon:v,testId:`work-preview-tab`}],Fe=(e,t)=>{let n=null;if(e.key===`ArrowRight`&&(n=(t+(w?-1:1)+q.length)%q.length),e.key===`ArrowLeft`&&(n=(t+(w?1:-1)+q.length)%q.length),e.key===`Home`&&(n=0),e.key===`End`&&(n=q.length-1),n===null)return;e.preventDefault();let r=q[n];O(r.id),e.currentTarget.parentElement?.querySelector(`#work-workspace-tab-${r.id}`)?.focus()};return(0,I.jsxs)(`section`,{className:`flex h-full min-h-0 flex-col bg-surface-raised`,children:[(0,I.jsxs)(`div`,{"data-testid":`work-workspace-toolbar`,className:`flex h-12 shrink-0 items-center gap-2 border-b border-line bg-surface-raised px-2`,children:[(0,I.jsx)(`div`,{role:`tablist`,"aria-orientation":`horizontal`,"aria-label":_(`work.workspace.label`,{defaultValue:`Workspace views`}),className:`flex shrink-0 items-center rounded-xl border border-line bg-surface-subtle p-0.5`,children:q.map((e,t)=>{let n=e.icon;return(0,I.jsxs)(`button`,{type:`button`,role:`tab`,id:`work-workspace-tab-${e.id}`,"aria-selected":D===e.id,"aria-controls":D===e.id?`work-workspace-panel-${e.id}`:void 0,"aria-label":e.label,tabIndex:D===e.id?0:-1,title:e.label,"data-testid":e.testId,onClick:()=>O(e.id),onKeyDown:e=>Fe(e,t),className:j(`flex h-7 items-center gap-1.5 rounded-lg px-2 text-[11px] font-medium transition-[background-color,color,box-shadow]`,D===e.id?`bg-surface-raised text-ink shadow-subtle`:`text-ink-muted hover:text-ink`),children:[(0,I.jsx)(n,{className:`h-3.5 w-3.5 shrink-0`}),(0,I.jsx)(`span`,{className:`hidden xs:inline`,children:e.label}),e.id===`activity`&&Se>0&&(0,I.jsx)(`span`,{className:`rounded-full bg-surface px-1.5 text-[10px] text-ink-muted`,children:Se})]},e.id)})}),D===`files`&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center gap-1.5`,children:[r&&(0,I.jsx)(`button`,{type:`button`,className:`inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-lg text-ink-muted hover:bg-surface-subtle hover:text-ink sm:hidden`,onClick:Ne,"aria-label":_(`work.files.back`,{defaultValue:`Back to files`}),children:(0,I.jsx)(l,{className:`h-3.5 w-3.5 rtl:rotate-180`})}),(0,I.jsxs)(`span`,{dir:`ltr`,className:`min-w-0 flex-1 truncate font-mono text-[11px] text-ink-muted`,title:r?.path??`/workspace${k?`/${k}`:``}`,children:[r?.path??`/workspace${k?`/${k}`:``}`,N&&` •`]})]}),(0,I.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,children:[(0,I.jsx)(`button`,{type:`button`,disabled:!k,onClick:()=>void W(ot(k)),className:j(`hidden h-8 w-8 items-center justify-center rounded-lg border border-transparent text-ink-muted hover:border-line hover:bg-surface-subtle hover:text-ink disabled:opacity-30 sm:inline-flex`,!r&&`inline-flex`),"aria-label":_(`work.files.up`,{defaultValue:`Parent folder`}),title:_(`work.files.up`,{defaultValue:`Parent folder`}),children:(0,I.jsx)(l,{className:`h-3.5 w-3.5 rtl:rotate-180`})}),(0,I.jsx)(`button`,{type:`button`,"data-testid":`work-refresh-files-button`,onClick:()=>void o(k).catch(()=>void 0),className:`inline-flex h-8 w-8 items-center justify-center rounded-lg border border-transparent text-ink-muted hover:border-line hover:bg-surface-subtle hover:text-ink`,"aria-label":_(`common.refresh`,{defaultValue:`Refresh`}),title:_(`common.refresh`,{defaultValue:`Refresh`}),children:(0,I.jsx)(C,{className:j(`h-3.5 w-3.5`,i&&`animate-spin`)})}),r&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)(M,{"data-testid":`work-format-file-button`,size:`sm`,variant:`ghost`,className:`h-8 w-8 rounded-lg px-0 sm:w-auto sm:px-2.5`,disabled:P||de||!Ae,onClick:()=>void K(),"aria-busy":de||void 0,title:Ae?_(`work.files.formatShortcut`,{defaultValue:`Format (Shift+Alt+F)`}):Oe?_(`work.files.formatTooLarge`,{defaultValue:`Formatting is limited to files under 100,000 characters and 4,000 lines.`}):_(`work.files.formatUnsupported`,{defaultValue:`Formatting is not available for this file type.`}),"aria-label":_(`work.files.format`,{defaultValue:`Format file`}),children:[de?(0,I.jsx)(T,{className:`h-3.5 w-3.5 animate-spin`}):(0,I.jsx)(x,{className:`h-3.5 w-3.5`}),(0,I.jsx)(`span`,{className:`hidden 2xl:inline`,children:_(`work.files.format`,{defaultValue:`Format`})})]}),(0,I.jsxs)(M,{"data-testid":`work-save-file-button`,size:`sm`,className:`h-8 w-8 rounded-lg bg-[#ff7b52] px-0 text-[#3d120c] hover:bg-[#ff7b52]/90 sm:w-auto sm:px-2.5`,disabled:!N||P||de||a,onClick:()=>void G(),"aria-busy":a||void 0,title:_(`work.files.saveShortcut`,{defaultValue:`Save (⌘/Ctrl+S)`}),"aria-label":_(`common.save`),children:[a?(0,I.jsx)(T,{className:`h-3.5 w-3.5 animate-spin`}):(0,I.jsx)(u,{className:`h-3.5 w-3.5`}),(0,I.jsx)(`span`,{className:`hidden 2xl:inline`,children:_(`common.save`)})]})]})]})]}),D===`activity`&&(0,I.jsx)(`div`,{className:`min-w-0 flex-1`}),D===`preview`&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`input`,{dir:`auto`,value:le,onChange:e=>ue(e.target.value),placeholder:_(`work.preview.command`,{defaultValue:`Optional start command`}),"aria-label":_(`work.preview.command`,{defaultValue:`Optional start command`}),className:`h-8 min-w-0 flex-1 rounded-lg border border-line bg-surface px-2.5 font-mono text-[11px] text-ink outline-none placeholder:text-ink-subtle focus:border-primary-500`}),(0,I.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,children:[e.previewStatus===`running`||e.previewStatus===`starting`?(0,I.jsxs)(M,{"data-testid":`work-stop-preview-button`,variant:`danger`,size:`sm`,className:`h-8 w-8 rounded-lg px-0 sm:w-auto sm:px-2.5`,disabled:a,onClick:()=>void m(),"aria-busy":a||void 0,"aria-label":_(`work.preview.stop`,{defaultValue:`Stop preview`}),children:[a?(0,I.jsx)(T,{className:`h-3.5 w-3.5 animate-spin`}):(0,I.jsx)(ee,{className:`h-3.5 w-3.5 fill-current`}),(0,I.jsx)(`span`,{className:`hidden 2xl:inline`,children:_(`work.preview.stop`,{defaultValue:`Stop preview`})})]}):(0,I.jsxs)(M,{"data-testid":`work-start-preview-button`,size:`sm`,className:`h-8 w-8 rounded-lg bg-[#ff7b52] px-0 text-[#3d120c] hover:bg-[#ff7b52]/90 sm:w-auto sm:px-2.5`,disabled:a,onClick:()=>void p(le.trim()||void 0),"aria-busy":a||void 0,"aria-label":_(`work.preview.start`,{defaultValue:`Start preview`}),children:[a?(0,I.jsx)(T,{className:`h-3.5 w-3.5 animate-spin`}):(0,I.jsx)(b,{className:`h-3.5 w-3.5 fill-current`}),(0,I.jsx)(`span`,{className:`hidden 2xl:inline`,children:_(`work.preview.start`,{defaultValue:`Start preview`})})]}),pe&&(0,I.jsx)(`a`,{href:pe,target:`_blank`,rel:`noopener noreferrer`,"aria-label":_(`work.preview.open`,{defaultValue:`Open`}),title:_(`work.preview.open`,{defaultValue:`Open`}),className:`inline-flex h-8 w-8 items-center justify-center rounded-lg border border-line text-ink-muted hover:bg-surface-subtle hover:text-ink`,children:(0,I.jsx)(te,{className:`h-3.5 w-3.5`})})]})]})]}),D===`files`&&(0,I.jsxs)(`div`,{id:`work-workspace-panel-files`,role:`tabpanel`,"aria-labelledby":`work-workspace-tab-files`,className:`flex min-h-0 flex-1`,children:[(0,I.jsx)(`div`,{className:j(`flex min-h-0 w-full flex-col border-e border-line bg-surface-raised`,r?`hidden sm:flex sm:w-52 xl:w-60`:`flex`),children:(0,I.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto p-1.5`,children:i&&n.length===0?(0,I.jsx)(`div`,{className:`flex justify-center py-8 text-ink-muted`,children:(0,I.jsx)(T,{className:`h-5 w-5 animate-spin`})}):n.length===0?(0,I.jsx)(`p`,{className:`px-3 py-8 text-center text-xs text-ink-muted`,children:_(`work.files.empty`,{defaultValue:`No files in this folder yet.`})}):[...n].sort((e,t)=>e.type===t.type?e.name.localeCompare(t.name):e.type===`directory`?-1:1).map(e=>(0,I.jsxs)(`button`,{type:`button`,"data-testid":`work-file-item`,"data-path":e.path,onClick:()=>{e.type===`directory`?W(e.path):Me(e.path)},className:j(`flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-start text-xs hover:bg-surface-subtle`,r?.path===e.path?`bg-surface-subtle text-ink`:`text-ink-muted`),children:[e.type===`directory`?(0,I.jsx)(se,{className:`h-3.5 w-3.5 shrink-0 text-amber-500`}):(0,I.jsx)(oe,{className:`h-3.5 w-3.5 shrink-0`}),(0,I.jsx)(`span`,{dir:`auto`,className:`truncate`,children:e.name})]},e.path))})}),(0,I.jsx)(`div`,{className:j(`min-h-0 min-w-0 flex-1 flex-col`,r?`flex`:`hidden sm:flex`),children:r?(0,I.jsx)(it,{path:r.path,value:A,ariaLabel:_(`work.files.editorLabel`,{path:r.path,defaultValue:`File editor: {{path}}`}),onChange:Pe,onSaveShortcut:()=>{N&&!P&&!a&&!de&&G()},onFormatShortcut:()=>void K(),disabled:P||de}):(0,I.jsxs)(`div`,{className:`m-auto px-6 text-center text-xs text-ink-muted`,children:[(0,I.jsx)(oe,{className:`mx-auto mb-3 h-7 w-7 text-ink-subtle`}),_(`work.files.select`,{defaultValue:`Select a file to inspect and edit it.`})]})})]}),D===`activity`&&(0,I.jsxs)(`div`,{id:`work-workspace-panel-activity`,role:`tabpanel`,"aria-labelledby":`work-workspace-tab-activity`,className:`min-h-0 flex-1 overflow-y-auto p-3`,children:[t&&(0,I.jsx)(`div`,{className:`mb-3`,children:(0,I.jsx)(De,{run:t,variant:`activity`})}),be.length===0&&!t?(0,I.jsxs)(`div`,{className:`flex h-full flex-col items-center justify-center px-6 text-center text-xs text-ink-muted`,children:[(0,I.jsx)(h,{className:`mb-3 h-7 w-7 text-ink-subtle`}),_(`work.activity.empty`,{defaultValue:`Commands, file operations, and tool results will appear here.`})]}):(0,I.jsx)(`div`,{className:`space-y-2`,children:be.map(e=>(0,I.jsxs)(`div`,{className:`rounded-xl border border-line bg-surface p-3`,children:[(0,I.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,I.jsx)(`span`,{dir:`auto`,className:`truncate font-mono text-xs font-medium text-ink`,children:st(e,_(`work.activity.toolActivity`,{defaultValue:`Tool activity`}))}),(0,I.jsx)(`span`,{className:`shrink-0 text-[10px] uppercase tracking-wide text-ink-subtle rtl:tracking-normal`,children:{message:_(`work.activity.kinds.message`,{defaultValue:`Message`}),reasoning:_(`libreClaw.metrics.reasoning`,{defaultValue:`Reasoning`}),tool_call:_(`work.activity.kinds.toolCall`,{defaultValue:`Tool call`}),tool_result:_(`work.activity.kinds.toolResult`,{defaultValue:`Tool result`}),error:_(`work.activity.kinds.error`,{defaultValue:`Error`})}[e.kind]})]}),e.content&&(0,I.jsx)(`pre`,{dir:`ltr`,className:`mt-2 max-h-56 overflow-auto whitespace-pre-wrap break-words text-left font-mono text-[11px] leading-relaxed text-ink-muted`,children:e.content})]},e.id))})]}),D===`preview`&&(0,I.jsx)(`div`,{id:`work-workspace-panel-preview`,role:`tabpanel`,"aria-labelledby":`work-workspace-tab-preview`,className:`flex min-h-0 flex-1 flex-col`,children:e.previewStatus===`starting`?(0,I.jsxs)(`div`,{className:`m-auto flex items-center gap-2 text-xs text-ink-muted`,children:[(0,I.jsx)(T,{className:`h-4 w-4 animate-spin`}),_(`work.preview.starting`,{defaultValue:`Starting preview…`})]}):pe&&e.previewStatus===`running`?(0,I.jsx)(`iframe`,{"data-testid":`work-preview-frame`,title:_(`work.preview.frameTitle`,{defaultValue:`Workspace preview`}),src:pe,sandbox:`allow-scripts allow-forms allow-modals allow-downloads`,referrerPolicy:`no-referrer`,className:`min-h-0 flex-1 border-0 bg-white`}):(0,I.jsxs)(`div`,{className:`m-auto max-w-sm px-6 text-center text-xs leading-relaxed text-ink-muted`,children:[(0,I.jsx)(v,{className:`mx-auto mb-3 h-8 w-8 text-ink-subtle`}),e.previewStatus===`failed`?_(`work.preview.failed`,{defaultValue:`The preview could not start. Check Activity, then try another command.`}):_(`work.preview.empty`,{defaultValue:`Start the app inside this workspace to inspect it here.`})]})})]})}var lt=e=>e.status===`preparing`||e.status===`running`,ut=e=>{let t=encodeURIComponent(e.model);return e.providerType===`plugin`?`plugin:${encodeURIComponent(e.providerId||``)}:${t}`:`ollama:${t}`},dt=e=>{let t=e.trim().toLowerCase();return!!t&&!t.includes(`embed`)},ft=(e,t)=>e instanceof Error&&e.message?e.message:t,pt=(e,t)=>new Promise(n=>{if(t.aborted){n();return}let r,i=()=>{r!==void 0&&window.clearTimeout(r),t.removeEventListener(`abort`,i),n()};r=window.setTimeout(i,e),t.addEventListener(`abort`,i,{once:!0})});function Q(){let{t:e}=c(),t=s(),n=r(),{taskId:a}=i(),l=he(e=>e.preferences),u=he(e=>e.setPreferences),d=ye(e=>e.user?.id??null),[h,y]=(0,F.useState)(!1),b=ge(e=>e.models),x=ge(e=>e.selectedModel),{capabilities:S,tasks:C,selectedTask:w,files:T,selectedFile:O,liveRuns:ee,loadingTask:k,loadingOlderMessages:te,loadingFiles:ne,actionLoading:re,error:A,loadCapabilities:oe,loadTasks:se,selectTask:le,loadTask:ue,loadOlderMessages:M,createTask:_e,updateTask:ve,deleteTask:xe,startRun:N,cancelRun:Ce,beginLiveRun:R,applyRunEvents:z,setLiveRunConnection:B,clearLiveRun:we,loadFiles:V,loadFile:Te,clearSelectedFile:Ee,saveFile:H,startPreview:De,stopPreview:Oe,clearError:ke}=be(),Ae=(0,F.useMemo)(()=>b.filter(e=>!e.isPersona&&dt(e.name)),[b]),U=(0,F.useMemo)(()=>Ae.flatMap(e=>{if(e.isPlugin&&!e.pluginId)return[];let t=e.isPlugin?`plugin`:`ollama`,n=e.isPlugin?e.pluginId:void 0,r=e.name.trim().toLowerCase(),i={model:e.name,providerType:t,providerId:n};return[{...i,key:ut(i),label:e.isPlugin&&e.pluginName?`${e.name} · ${e.pluginName}`:e.name,remote:e.isPlugin||r.endsWith(`:cloud`)||r.endsWith(`-cloud`)}]}),[Ae]),[W,Me]=(0,F.useState)(``),[Ne,Pe]=(0,F.useState)({locationKey:t.key,value:`conversation`}),G=Ne.locationKey===t.key?Ne.value:`conversation`,K=e=>Pe({locationKey:t.key,value:e}),[q,Fe]=(0,F.useState)(!1),[Ie,Le]=(0,F.useState)({taskId:null,open:!1}),Re=Ie.open&&Ie.taskId===w?.id,ze=(0,F.useRef)(null),Be=(0,F.useRef)(null),Ve=(0,F.useRef)(null),J=(0,F.useCallback)((e=!1)=>{Le(e=>({...e,open:!1})),e&&window.requestAnimationFrame(()=>Be.current?.focus())},[]);(0,F.useEffect)(()=>{if(!Re)return;let e=window.requestAnimationFrame(()=>{Ve.current?.querySelector(`[role="menuitem"]`)?.focus()}),t=e=>{e.target instanceof Node&&!ze.current?.contains(e.target)&&J()},n=e=>{e.key===`Escape`&&(e.preventDefault(),J(!0))};return document.addEventListener(`pointerdown`,t),document.addEventListener(`keydown`,n),()=>{window.cancelAnimationFrame(e),document.removeEventListener(`pointerdown`,t),document.removeEventListener(`keydown`,n)}},[J,Re]);let Ue=e=>{if(e.key===`Escape`){e.preventDefault(),e.stopPropagation(),J(!0);return}if(e.key!==`ArrowDown`&&e.key!==`ArrowUp`&&e.key!==`Home`&&e.key!==`End`)return;let t=[...Ve.current?.querySelectorAll(`[role="menuitem"]:not(:disabled)`)??[]];if(t.length===0)return;e.preventDefault();let n=t.indexOf(document.activeElement);t[e.key===`Home`?0:e.key===`End`?t.length-1:e.key===`ArrowUp`?(n-1+t.length)%t.length:(n+1)%t.length]?.focus()};(0,F.useEffect)(()=>{oe(),se()},[oe,se]),(0,F.useEffect)(()=>{if(!a){le(null);return}le(a),ue(a).catch(()=>void 0),V(a,``).catch(()=>void 0)},[a,V,ue,le]);let We=U.find(e=>e.key===W)||U.find(e=>e.providerType===`ollama`&&e.model===x)||U[0],Ge=a?C.find(e=>e.id===a):void 0,Y=Ge?.status??w?.status,Ke=w?.activeRun??Ge?.activeRun??null,X=Ke?.id,qe=Ke?.status===`queued`||Ke?.status===`preparing`||Ke?.status===`running`,Je=a&&ee[a]?.runId===X?ee[a]:void 0,Ye=Y===`preparing`||Y===`running`?1e3:4e3;(0,F.useEffect)(()=>{let e,t=!1,n=async()=>{await se(!0),t||(e=setTimeout(n,Ye))};return e=setTimeout(n,Ye),()=>{t=!0,e&&clearTimeout(e)}},[se,Ye]);let Xe=(0,F.useRef)(null);(0,F.useEffect)(()=>{if(!a||!Y){Xe.current=null;return}let e=Xe.current;Xe.current={taskId:a,status:Y},e?.taskId===a&&(e.status===`preparing`||e.status===`running`)&&Y!==`preparing`&&Y!==`running`&&(ue(a,!0).catch(()=>void 0),V(a,``).catch(()=>void 0))},[V,ue,Y,a]),(0,F.useEffect)(()=>{if(!a||!X||!qe)return;let e=new AbortController,t=!1,n=0,r=be.getState().liveRuns[a]?.runId===X&&be.getState().liveRuns[a]?.lastEventId||0,i=!1,o=[],s=null,c=()=>{if(s!==null&&(window.cancelAnimationFrame(s),s=null),o.length===0)return;let e=o;o=[],z(e)},l=e=>{if(e.type!==`snapshot`&&(n=0),r=Math.max(r,e.id),o.push(e),e.type===`done`||e.type===`error`&&e.data.terminal!==!1){i=!0,c();return}s===null&&(s=window.requestAnimationFrame(c))};return R(a,X,Ke?.startedAt||void 0),(async()=>{for(;!t&&!e.signal.aborted&&!i;){B(a,X,n>=3?`error`:n===0?`connecting`:`reconnecting`);let o=Date.now();try{if(await fe.streamRunEvents({taskId:a,runId:X,after:r,signal:e.signal,onEvent:l}),c(),i||t||e.signal.aborted)break;throw Error(`The live Work connection closed.`)}catch(r){if(c(),t||e.signal.aborted)return;Date.now()-o>=5e3&&(n=0),n+=1,B(a,X,n>=3?`error`:`reconnecting`,n>=3?ft(r,`Live updates are reconnecting in the background.`):void 0),await pt(Math.min(4e3,250*2**Math.min(n,4)),e.signal)}}if(c(),!(!i||e.signal.aborted)){B(a,X,`closed`);try{await Promise.all([ue(a,!0),V(a,``),se(!0)])}catch{}finally{we(a,X)}}})(),()=>{t=!0,e.abort(),c()}},[z,R,we,V,ue,se,Ke?.startedAt,qe,X,B,a]),(0,F.useEffect)(()=>{if(!q)return;let e=e=>{e.preventDefault()};return window.addEventListener(`beforeunload`,e),()=>window.removeEventListener(`beforeunload`,e)},[q]);let Ze=(0,F.useCallback)(()=>!q||window.confirm(e(`work.files.discard`,{defaultValue:`Discard unsaved file changes?`})),[e,q]),Z=(0,F.useCallback)(()=>!q||window.confirm(e(`work.files.leaveWithDraft`,{defaultValue:`Leave this file? Your unsaved edit will remain as a browser draft.`})),[e,q]),Qe=()=>{w&&O&&me(w.id,O.path)},$e=o(({currentLocation:e,nextLocation:t})=>{let n=t.state;return q&&n?.deletedWorkTaskId!==a&&`${e.pathname}${e.search}${e.hash}`!=`${t.pathname}${t.search}${t.hash}`});(0,F.useEffect)(()=>{if($e.state!==`blocked`)return;if(!Z()){$e.reset();return}let e=$e.proceed,t=window.setTimeout(()=>{Fe(!1),window.setTimeout(e,0)},0);return()=>window.clearTimeout(t)},[Z,$e]);let et=()=>{ke(),K(`conversation`),n(`/work`)},tt=async t=>{if(w&&!Ze())return!1;w&&q&&(Qe(),Ee(),Fe(!1));try{if(w)await N(w.id,{message:t,model:w.model,providerType:w.providerType,providerId:w.providerId||void 0});else{if(!We)throw Error(e(`work.composer.noModelSelected`,{defaultValue:`No Work-compatible model is selected.`}));n(`/work/${(await _e({message:t,model:We.model,providerType:We.providerType,providerId:We.providerId,networkEnabled:!0})).id}`)}return!0}catch(t){return E.error(ft(t,e(`work.toasts.runFailed`,{defaultValue:`Could not start the Work task.`}))),!1}},nt=async t=>{let n=vt.find(e=>e.key===t);if(n){if(!w){Me(t);return}try{await ve(w.id,{model:n.model,providerType:n.providerType,providerId:n.providerId})}catch(t){E.error(ft(t,e(`work.toasts.updateFailed`,{defaultValue:`Could not update this task.`})))}}},rt=async()=>{if(w)try{await Ce(w.id),E.success(e(`work.toasts.cancelled`,{defaultValue:`Work run stopped.`}))}catch(t){E.error(ft(t,e(`work.toasts.cancelFailed`,{defaultValue:`Could not stop the Work run.`})))}},it=async t=>{let r=C.find(e=>e.id===t);if(!window.confirm(e(`work.tasks.deleteConfirm`,{defaultValue:`Delete “{{title}}” and its workspace permanently?`,title:r?.title||e(`work.tasks.untitled`,{defaultValue:`Untitled task`})})))return;let i=a===t&&q;i&&Fe(!1);try{await xe(t),Se(t),a===t&&n(`/work`)}catch(t){i&&Fe(!0),E.error(ft(t,e(`work.toasts.deleteFailed`,{defaultValue:`Could not delete this Work task.`})))}},at=async t=>{if(!w)return!1;let n=t.trim();if(!n||n===w.title)return!!n;try{return await ve(w.id,{title:n}),!0}catch(t){return E.error(ft(t,e(`work.toasts.renameFailed`,{defaultValue:`Could not rename this task.`}))),!1}},ot=async(e,t,n)=>{try{return await e(),n&&E.success(n),!0}catch(e){return E.error(ft(e,t)),!1}},st=async(t,n,r)=>{if(!w)return!1;let i=w.id;try{let a=await H(i,t,n,r);return be.getState().selectedTaskId===i&&E.success(e(`work.toasts.saved`,{defaultValue:`File saved.`})),a}catch(t){return be.getState().selectedTaskId===i&&E.error(ft(t,e(`work.toasts.saveFailed`,{defaultValue:`Could not save this file.`}))),!1}},Q=S?.available===!1,mt=S?.pluginAvailable?S.ollamaAvailable?e(`work.runtime.readyHybrid`,{defaultValue:`Docker + models ready`}):e(`work.runtime.readyPlugin`,{defaultValue:`Docker + plugin ready`}):e(`work.runtime.readyOllama`,{defaultValue:`Docker ready`}),ht=w?lt(w):!1,$=w?{model:w.model,providerType:w.providerType,providerId:w.providerId||void 0}:void 0,gt=$?ut($):We?.key||``,_t=$&&!U.some(e=>e.key===gt)?{...$,key:gt,label:`${$.model} · ${$.providerType===`plugin`?$.providerId||`plugin`:`Ollama`}`,remote:$.providerType===`plugin`||$.model.toLowerCase().endsWith(`:cloud`)||$.model.toLowerCase().endsWith(`-cloud`)}:void 0,vt=_t?[_t,...U]:U,yt=P[w?.status??`idle`],bt=e(yt.labelKey,{defaultValue:yt.label}),xt=async()=>{if(l.workRemoteProviderDisclosureDismissed||h)return!1;let t=d;y(!0);try{let n=await pe.updatePreferences({workRemoteProviderDisclosureDismissed:!0});if(!n.success)throw Error(n.error||e(`work.composer.remoteDismissFailed`,{defaultValue:`Could not save the remote provider preference.`}));return(ye.getState().user?.id??null)===t?(u({workRemoteProviderDisclosureDismissed:!0}),!0):!1}catch{return E.error(e(`work.composer.remoteDismissFailed`,{defaultValue:`Could not save the remote provider preference.`})),!1}finally{y(!1)}};return(0,I.jsx)(`div`,{"data-testid":`work-page`,className:`relative flex h-full min-h-0 overflow-hidden bg-surface`,children:(0,I.jsxs)(`main`,{className:`flex min-h-0 min-w-0 flex-1 flex-col`,children:[(0,I.jsxs)(`header`,{className:`flex h-16 shrink-0 items-center gap-3 border-b border-line bg-surface-raised px-3 md:px-4`,children:[w?(0,I.jsx)(`input`,{"data-testid":`work-task-title`,dir:`auto`,defaultValue:w.title,onBlur:e=>{let t=e.currentTarget;if(!t.value.trim()){t.value=w.title;return}at(t.value).then(e=>{e||(t.value=w.title)})},onKeyDown:e=>{e.key===`Enter`&&e.currentTarget.blur(),e.key===`Escape`&&(e.currentTarget.value=w.title,e.currentTarget.blur())},className:`min-w-0 max-w-sm flex-1 truncate rounded-lg border border-transparent bg-transparent px-2 py-1 text-sm font-semibold text-ink outline-none hover:border-line focus:border-primary-500 focus:bg-surface`,"aria-label":e(`work.tasks.rename`,{defaultValue:`Task title`})},`${w.id}:${w.title}`):(0,I.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,I.jsx)(`h1`,{className:`truncate text-sm font-semibold text-ink`,children:e(`work.title`,{defaultValue:`Work`})}),(0,I.jsx)(`p`,{className:`truncate text-xs text-ink-muted`,children:e(`work.subtitle`,{defaultValue:`Isolated model workspaces`})})]}),w&&(0,I.jsxs)(`span`,{"data-testid":`work-compact-status`,className:`inline-flex h-7 shrink-0 items-center gap-1.5 rounded-full border border-line bg-surface px-2 text-[11px] font-medium text-ink-muted xl:hidden`,"aria-label":e(`work.tasks.status`,{status:bt,defaultValue:`Status: {{status}}`}),title:e(`work.tasks.status`,{status:bt,defaultValue:`Status: {{status}}`}),children:[(0,I.jsx)(`span`,{"aria-hidden":`true`,"data-testid":`work-compact-status-indicator`,className:j(`h-1.5 w-1.5 rounded-full`,yt.animated&&`animate-pulse`,w.status===`idle`&&`ring-1 ring-black/20 dark:ring-white/20`),style:{backgroundColor:yt.color}}),(0,I.jsx)(`span`,{className:`hidden md:inline`,children:bt})]}),w&&(0,I.jsxs)(`div`,{className:`ms-auto inline-flex h-9 shrink-0 items-center rounded-xl border border-line bg-surface-subtle p-1 shadow-subtle xl:hidden`,role:`group`,"aria-label":e(`work.mobile.surface`,{defaultValue:`Task surface`}),children:[(0,I.jsxs)(`button`,{type:`button`,onClick:()=>K(`conversation`),"aria-label":e(`work.mobile.conversation`,{defaultValue:`Conversation`}),"aria-pressed":G===`conversation`,className:j(`inline-flex h-7 items-center justify-center gap-1.5 rounded-lg px-2 text-[11px] font-medium transition-[background-color,color,box-shadow] sm:px-2.5`,G===`conversation`?`bg-surface-raised text-ink shadow-subtle`:`text-ink-muted hover:bg-surface-raised/70 hover:text-ink`),children:[(0,I.jsx)(p,{className:`h-3.5 w-3.5 shrink-0`}),(0,I.jsx)(`span`,{className:`hidden sm:inline`,children:e(`work.mobile.conversation`,{defaultValue:`Conversation`})})]}),(0,I.jsxs)(`button`,{type:`button`,onClick:()=>K(`workspace`),"aria-label":e(`work.mobile.workspace`,{defaultValue:`Workspace`}),"aria-pressed":G===`workspace`,className:j(`inline-flex h-7 items-center justify-center gap-1.5 rounded-lg px-2 text-[11px] font-medium transition-[background-color,color,box-shadow] sm:px-2.5`,G===`workspace`?`bg-surface-raised text-ink shadow-subtle`:`text-ink-muted hover:bg-surface-raised/70 hover:text-ink`),children:[(0,I.jsx)(v,{className:`h-3.5 w-3.5 shrink-0`}),(0,I.jsx)(`span`,{className:`hidden sm:inline`,children:e(`work.mobile.workspace`,{defaultValue:`Workspace`})})]})]}),(0,I.jsxs)(`div`,{className:j(`ms-auto hidden min-w-0 items-center gap-2`,w?`xl:flex`:`sm:flex`),children:[w&&(0,I.jsxs)(`span`,{"data-testid":`work-status`,className:`inline-flex h-7 items-center gap-1.5 rounded-full border border-line bg-surface px-2.5 text-[11px] font-medium text-ink-muted`,children:[(0,I.jsx)(`span`,{"aria-hidden":`true`,"data-testid":`work-status-indicator`,className:j(`h-1.5 w-1.5 rounded-full`,yt.animated&&`animate-pulse`,w.status===`idle`&&`ring-1 ring-black/20 dark:ring-white/20`),style:{backgroundColor:yt.color}}),bt]}),(0,I.jsxs)(`span`,{className:j(`inline-flex h-7 items-center gap-1.5 rounded-full border px-2.5 text-[11px] font-medium`,Q?`border-error-500/30 bg-error-500/10 text-error-600`:`border-line bg-surface text-ink-muted`),title:S?.image?`${mt} · ${S.image}`:mt,children:[(0,I.jsx)(f,{className:`h-3.5 w-3.5`}),Q?e(`work.runtime.unavailable`,{defaultValue:`Runtime unavailable`}):mt]}),w&&(0,I.jsxs)(`span`,{className:`hidden h-7 max-w-44 items-center gap-1.5 truncate rounded-full border border-line bg-surface px-2.5 text-[11px] font-medium text-ink-muted md:inline-flex`,children:[(0,I.jsx)(g,{className:`h-3.5 w-3.5 shrink-0`}),(0,I.jsx)(`span`,{dir:`ltr`,className:`truncate`,children:w.model})]})]}),w&&(0,I.jsxs)(`div`,{ref:ze,className:`relative shrink-0`,children:[(0,I.jsx)(`button`,{ref:Be,id:`work-task-actions-trigger`,type:`button`,"data-testid":`work-task-actions-button`,onClick:()=>Le(e=>({taskId:w.id,open:e.taskId===w.id?!e.open:!0})),onKeyDown:e=>{e.key!==`ArrowDown`&&e.key!==`ArrowUp`||(e.preventDefault(),Le({taskId:w.id,open:!0}))},className:`inline-flex h-9 w-9 items-center justify-center rounded-lg text-ink-muted transition-colors hover:bg-surface-subtle hover:text-ink`,"aria-label":e(`work.tasks.actions`,{defaultValue:`Task actions`}),"aria-haspopup":`menu`,"aria-expanded":Re,"aria-controls":Re?`work-task-actions-menu`:void 0,children:(0,I.jsx)(m,{className:`h-4 w-4`})}),Re&&(0,I.jsx)(`div`,{ref:Ve,id:`work-task-actions-menu`,role:`menu`,"aria-labelledby":`work-task-actions-trigger`,onKeyDown:Ue,className:`absolute end-0 top-10 z-40 min-w-44 rounded-xl border border-line bg-surface-overlay p-1.5 shadow-overlay`,children:(0,I.jsxs)(`button`,{type:`button`,role:`menuitem`,"data-testid":`work-delete-task-button`,onClick:()=>{J(!0),it(w.id)},className:`flex h-9 w-full items-center gap-2 rounded-lg px-2.5 text-start text-xs font-medium text-error-600 transition-colors hover:bg-error-500/10`,children:[(0,I.jsx)(ce,{className:`h-3.5 w-3.5`}),e(`work.tasks.delete`,{defaultValue:`Delete task`})]})})]})]}),(Q||A)&&(0,I.jsxs)(`div`,{className:j(`flex shrink-0 items-center gap-2 border-b px-4 py-2 text-xs`,Q?`border-error-500/20 bg-error-500/10 text-error-700`:`border-amber-500/20 bg-amber-500/10 text-ink`),children:[(0,I.jsx)(_,{className:`h-4 w-4 shrink-0`}),(0,I.jsx)(`span`,{dir:`auto`,className:`min-w-0 flex-1`,children:Q?S?.reason||e(`work.runtime.reason`,{defaultValue:`Docker and an available Ollama or plugin model provider are required.`}):A}),A&&!Q&&(0,I.jsx)(`button`,{type:`button`,className:`rounded-md p-1 hover:bg-black/5`,onClick:ke,"aria-label":e(`common.close`),children:`×`})]}),a?w?(0,I.jsx)(He,{userId:d,mobileSurface:G,conversation:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(je,{task:w,liveRun:Je,loading:k,loadingOlder:te,onLoadOlder:()=>M(w.id)}),(0,I.jsx)(L,{models:vt,modelKey:gt,running:ht,loading:re,disabled:Q,remoteDisclosureDismissed:l.workRemoteProviderDisclosureDismissed,remoteDisclosureSaving:h,onModelChange:nt,onDismissRemoteDisclosure:xt,onSubmit:tt,onCancel:rt},w.id)]}),workspace:(0,I.jsx)(`div`,{className:`min-h-0 min-w-0 flex-1`,children:(0,I.jsx)(ct,{task:w,liveRun:Je,files:T,selectedFile:O,loadingFiles:ne,actionLoading:re,onLoadFiles:e=>V(w.id,e),onLoadFile:e=>Te(w.id,e),onClearSelectedFile:Ee,onSaveFile:st,onStartPreview:t=>ot(()=>De(w.id,t),e(`work.toasts.previewFailed`,{defaultValue:`Could not start the preview.`})),onStopPreview:()=>ot(()=>Oe(w.id),e(`work.toasts.previewStopFailed`,{defaultValue:`Could not stop the preview.`})),onDirtyChange:Fe},w.id)})}):(0,I.jsx)(`div`,{className:`flex min-h-0 flex-1 flex-col items-center justify-center px-6 text-center`,children:k?(0,I.jsx)(`div`,{className:`text-sm text-ink-muted`,children:e(`work.tasks.loading`,{defaultValue:`Loading task…`})}):(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_,{className:`mb-3 h-8 w-8 text-ink-subtle`}),(0,I.jsx)(`h2`,{className:`text-lg font-semibold text-ink`,children:e(`work.tasks.notFound`,{defaultValue:`This Work task is unavailable`})}),(0,I.jsxs)(`button`,{type:`button`,onClick:et,className:`mt-4 inline-flex items-center gap-1.5 text-sm font-medium text-primary-600 hover:text-primary-700`,children:[(0,I.jsx)(de,{className:`h-4 w-4 rtl:rotate-180`}),e(`work.tasks.back`,{defaultValue:`Start a new task`})]})]})}):(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto`,children:(0,I.jsxs)(`div`,{className:`mx-auto flex min-h-full max-w-3xl flex-col justify-center px-6 py-10`,children:[(0,I.jsxs)(`div`,{className:`max-w-2xl`,children:[(0,I.jsx)(`div`,{className:`mb-5 flex h-14 w-14 items-center justify-center rounded-2xl border border-line bg-surface-raised shadow-subtle`,children:(0,I.jsx)(ae,{className:`h-7 w-7 text-primary-600`})}),(0,I.jsx)(`h2`,{className:`text-3xl font-semibold tracking-[-0.035em] text-ink md:text-4xl`,children:e(`work.landing.title`,{defaultValue:`Start a new Work task`})}),(0,I.jsx)(`p`,{className:`mt-3 max-w-xl text-sm leading-relaxed text-ink-muted md:text-base`,children:e(`work.landing.description`,{defaultValue:`Give a local model a durable, isolated workspace. It can inspect files, run tools, and continue where it left off when you return.`})})]}),(0,I.jsx)(`div`,{className:`mt-8 grid gap-3 sm:grid-cols-3`,children:[{icon:f,title:e(`work.landing.isolated`,{defaultValue:`Isolated`}),body:e(`work.landing.isolatedBody`,{defaultValue:`Every task gets its own container and files.`})},{icon:ie,title:e(`work.landing.durable`,{defaultValue:`Durable`}),body:e(`work.landing.durableBody`,{defaultValue:`Return to its conversation and workspace later.`})},{icon:D,title:e(`work.landing.controlled`,{defaultValue:`Controlled`}),body:e(`work.landing.controlledBody`,{defaultValue:`The runtime and task files stay isolated from the host.`})}].map(e=>{let t=e.icon;return(0,I.jsxs)(`div`,{className:`rounded-2xl border border-line bg-surface-raised p-4`,children:[(0,I.jsx)(t,{className:`h-5 w-5 text-ink-muted`}),(0,I.jsx)(`p`,{className:`mt-3 text-sm font-semibold text-ink`,children:e.title}),(0,I.jsx)(`p`,{className:`mt-1 text-xs leading-relaxed text-ink-muted`,children:e.body})]},e.title)})})]})}),(0,I.jsx)(L,{models:U,modelKey:We?.key||``,running:!1,loading:re,disabled:Q,remoteDisclosureDismissed:l.workRemoteProviderDisclosureDismissed,remoteDisclosureSaving:h,onModelChange:nt,onDismissRemoteDisclosure:xt,onSubmit:tt,onCancel:rt})]})]})})}export{Q as default};