libre-webui 0.27.0 → 0.28.0

package/frontend/dist/js/{ArtifactSandboxFrame-CTA1j_d1.js → ArtifactSandboxFrame-9wuufHn6.js}

@@ -1,4 +1,4 @@
-import{r as e}from"./rolldown-runtime-hePW80VL.js";import{_ as t,g as n}from"./markdown-core-BK7WVOb7.js";import{t as r}from"./logger-DSXjF4ye.js";import{t as i}from"./config-BqZ5304Q.js";import{a,l as o,n as s,o as c,r as l,t as u}from"./artifactHtml-DDmfpcB0.js";var d=e(t(),1),f=`${i.replace(/\/+$/,``)}/artifacts/sandbox`,p=window.location.protocol===`file:`?new URL(f).origin:window.location.origin,m=`/artifact-runtime`,h=`runtime`,g=`react`,_=`babel`,v=`tailwind`,y=`fonts`,b={react:g,"react-dom":g,"react-dom/client":g,"react/jsx-runtime":g,"react/jsx-dev-runtime":g,recharts:`recharts`,"lucide-react":`lucide-react`,d3:`d3`,three:`three`,papaparse:`papaparse`,lodash:`lodash`,"lodash-es":`lodash`,mermaid:`mermaid`,"chart.js":`chart`,"chart.js/auto":`chart`,tone:`tone`,mathjs:`mathjs`,"plotly.js":`plotly`,"plotly.js-dist-min":`plotly`,"framer-motion":`framer-motion`,"motion/react":`framer-motion`,motion:`framer-motion`,"three/addons/controls/OrbitControls.js":`three`,"three/examples/jsm/controls/OrbitControls.js":`three`},x=[h,g,_,v],S=[h,`mermaid`],C=[{pattern:/cdn\.tailwindcss\.com/i,bundle:v},{pattern:/(?:^|\/)tailwindcss(?:@[\d.]+)?(?:\/|$)/i,bundle:v},{pattern:/(?:^|\/)chart\.js(?:@[\d.]+)?(?:\/|$|\?)/i,bundle:`chart`},{pattern:/(?:^|\/)chart(?:\.min)?\.js(?:$|\?)/i,bundle:`chart`},{pattern:/(?:^|\/)d3(?:@[\d.]+)?(?:\/|$|\?)/i,bundle:`d3`},{pattern:/(?:^|\/)d3(?:\.min)?\.js(?:$|\?)/i,bundle:`d3`},{pattern:/(?:^|\/)three(?:@[\d.]+)?(?:\/|$|\?)/i,bundle:`three`},{pattern:/(?:^|\/)three(?:\.min)?\.js(?:$|\?)/i,bundle:`three`},{pattern:/papaparse/i,bundle:`papaparse`},{pattern:/(?:^|\/)lodash(?:@[\d.]+)?(?:\/|$|\?)/i,bundle:`lodash`},{pattern:/(?:^|\/)lodash(?:\.min)?\.js(?:$|\?)/i,bundle:`lodash`},{pattern:/fonts\.(?:googleapis|gstatic)\.com/i,bundle:y},{pattern:/mermaid/i,bundle:`mermaid`},{pattern:/(?:^|\/)tone(?:@[\d.]+)?(?:\/|$|\?)|tone(?:\.min)?\.js/i,bundle:`tone`},{pattern:/mathjs|math(?:\.min)?\.js/i,bundle:`mathjs`},{pattern:/plotly/i,bundle:`plotly`},{pattern:/framer-motion|(?:^|\/)motion(?:@[\d.]+)?(?:\/|$)/i,bundle:`framer-motion`},{pattern:/react-dom/i,bundle:g},{pattern:/(?:^|\/)react(?:@[\d.]+)?(?:\/|$|\?)/i,bundle:g},{pattern:/babel(?:-standalone|\/standalone)/i,bundle:_}],w=`__libreArtifactRuntime`;function T(e){if(b[e])return e;let t=C.find(({pattern:t})=>t.test(e))?.bundle??Object.values(b).find(t=>e.startsWith(`${t}/`));return t?Object.entries(b).find(([,e])=>e===t)?.[0]??null:null}function E(e){let t=new Set,n=e.matchAll(/(?:from|import|require)\s*\(?\s*['"`]([^'"`]+)['"`]/g);for(let[,e]of n){let n=T(e);n&&t.add(b[n])}return[...t]}var D=/\b(?:flex|grid|hidden|absolute|relative|(?:p|m|px|py|mx|my|mt|mb|ml|mr|gap|space)-\d|(?:w|h|max-w|min-h)-(?:\d|full|screen|auto)|text-(?:xs|sm|base|lg|xl|\dxl|center|left|right|white|black|gray-\d)|bg-(?:white|black|transparent|[a-z]+-\d)|rounded(?:-[a-z]+)?|shadow(?:-[a-z]+)?|border(?:-\d)?|items-(?:center|start|end)|justify-(?:center|between|around|end)|font-(?:bold|medium|semibold|light)|hover:[a-z-]+|(?:sm|md|lg|xl):[a-z-]+)\b/g;function O(e){let t=[...e.matchAll(/class\s*=\s*("|')(.*?)\1/gi)].map(e=>e[2]).join(` `);return new Set(t.match(D)??[]).size>=3}function k(e){let t=new Set;for(let[n,r]of Object.entries(b)){let i=n.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`);RegExp(`(?:from|import|require)\\s*\\(?\\s*['"\`]${i}['"\`]`).test(e)&&t.add(r)}return[...t]}function A(e){return C.find(({pattern:t})=>t.test(e))?.bundle??null}function j(e){let t=new Set;for(let n of e.matchAll(/\b(?:src|href)\s*=\s*("|')(.*?)\1/gi))t.add(n[2]);for(let n of e.matchAll(/(?:from|import|require)\s*\(?\s*['"`]([^'"`]+)['"`]/g))t.add(n[1]);return[...t]}function M(e){let t=new Set;for(let n of j(e)){let e=A(n);e&&t.add(e)}return[...t]}var N=`8ebab41e5201a784`,P=new Map;function F(e){let t=P.get(e);if(t)return t;let n=fetch(`${p}${m}/${e}.js?v=${N}`,{credentials:`same-origin`,cache:`no-cache`}).then(t=>{if(!t.ok)throw Error(`The artifact runtime bundle "${e}" is unavailable (HTTP ${t.status}).`);return t.text()});return n.catch(()=>P.delete(e)),P.set(e,n),n}async function I(e){let t=await Promise.all(e.map(F));return Object.fromEntries(e.map((e,n)=>[e,t[n]]))}var L=`
+import{r as e}from"./rolldown-runtime-hePW80VL.js";import{_ as t,g as n}from"./markdown-core-BK7WVOb7.js";import{t as r}from"./logger-CpCQz3Vi.js";import{t as i}from"./config-0QgGZCrI.js";import{a,l as o,n as s,o as c,r as l,t as u}from"./artifactHtml-DDmfpcB0.js";var d=e(t(),1),f=`${i.replace(/\/+$/,``)}/artifacts/sandbox`,p=window.location.protocol===`file:`?new URL(f).origin:window.location.origin,m=`/artifact-runtime`,h=`runtime`,g=`react`,_=`babel`,v=`tailwind`,y=`fonts`,b={react:g,"react-dom":g,"react-dom/client":g,"react/jsx-runtime":g,"react/jsx-dev-runtime":g,recharts:`recharts`,"lucide-react":`lucide-react`,d3:`d3`,three:`three`,papaparse:`papaparse`,lodash:`lodash`,"lodash-es":`lodash`,mermaid:`mermaid`,"chart.js":`chart`,"chart.js/auto":`chart`,tone:`tone`,mathjs:`mathjs`,"plotly.js":`plotly`,"plotly.js-dist-min":`plotly`,"framer-motion":`framer-motion`,"motion/react":`framer-motion`,motion:`framer-motion`,"three/addons/controls/OrbitControls.js":`three`,"three/examples/jsm/controls/OrbitControls.js":`three`},x=[h,g,_,v],S=[h,`mermaid`],C=[{pattern:/cdn\.tailwindcss\.com/i,bundle:v},{pattern:/(?:^|\/)tailwindcss(?:@[\d.]+)?(?:\/|$)/i,bundle:v},{pattern:/(?:^|\/)chart\.js(?:@[\d.]+)?(?:\/|$|\?)/i,bundle:`chart`},{pattern:/(?:^|\/)chart(?:\.min)?\.js(?:$|\?)/i,bundle:`chart`},{pattern:/(?:^|\/)d3(?:@[\d.]+)?(?:\/|$|\?)/i,bundle:`d3`},{pattern:/(?:^|\/)d3(?:\.min)?\.js(?:$|\?)/i,bundle:`d3`},{pattern:/(?:^|\/)three(?:@[\d.]+)?(?:\/|$|\?)/i,bundle:`three`},{pattern:/(?:^|\/)three(?:\.min)?\.js(?:$|\?)/i,bundle:`three`},{pattern:/papaparse/i,bundle:`papaparse`},{pattern:/(?:^|\/)lodash(?:@[\d.]+)?(?:\/|$|\?)/i,bundle:`lodash`},{pattern:/(?:^|\/)lodash(?:\.min)?\.js(?:$|\?)/i,bundle:`lodash`},{pattern:/fonts\.(?:googleapis|gstatic)\.com/i,bundle:y},{pattern:/mermaid/i,bundle:`mermaid`},{pattern:/(?:^|\/)tone(?:@[\d.]+)?(?:\/|$|\?)|tone(?:\.min)?\.js/i,bundle:`tone`},{pattern:/mathjs|math(?:\.min)?\.js/i,bundle:`mathjs`},{pattern:/plotly/i,bundle:`plotly`},{pattern:/framer-motion|(?:^|\/)motion(?:@[\d.]+)?(?:\/|$)/i,bundle:`framer-motion`},{pattern:/react-dom/i,bundle:g},{pattern:/(?:^|\/)react(?:@[\d.]+)?(?:\/|$|\?)/i,bundle:g},{pattern:/babel(?:-standalone|\/standalone)/i,bundle:_}],w=`__libreArtifactRuntime`;function T(e){if(b[e])return e;let t=C.find(({pattern:t})=>t.test(e))?.bundle??Object.values(b).find(t=>e.startsWith(`${t}/`));return t?Object.entries(b).find(([,e])=>e===t)?.[0]??null:null}function E(e){let t=new Set,n=e.matchAll(/(?:from|import|require)\s*\(?\s*['"`]([^'"`]+)['"`]/g);for(let[,e]of n){let n=T(e);n&&t.add(b[n])}return[...t]}var D=/\b(?:flex|grid|hidden|absolute|relative|(?:p|m|px|py|mx|my|mt|mb|ml|mr|gap|space)-\d|(?:w|h|max-w|min-h)-(?:\d|full|screen|auto)|text-(?:xs|sm|base|lg|xl|\dxl|center|left|right|white|black|gray-\d)|bg-(?:white|black|transparent|[a-z]+-\d)|rounded(?:-[a-z]+)?|shadow(?:-[a-z]+)?|border(?:-\d)?|items-(?:center|start|end)|justify-(?:center|between|around|end)|font-(?:bold|medium|semibold|light)|hover:[a-z-]+|(?:sm|md|lg|xl):[a-z-]+)\b/g;function O(e){let t=[...e.matchAll(/class\s*=\s*("|')(.*?)\1/gi)].map(e=>e[2]).join(` `);return new Set(t.match(D)??[]).size>=3}function k(e){let t=new Set;for(let[n,r]of Object.entries(b)){let i=n.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`);RegExp(`(?:from|import|require)\\s*\\(?\\s*['"\`]${i}['"\`]`).test(e)&&t.add(r)}return[...t]}function A(e){return C.find(({pattern:t})=>t.test(e))?.bundle??null}function j(e){let t=new Set;for(let n of e.matchAll(/\b(?:src|href)\s*=\s*("|')(.*?)\1/gi))t.add(n[2]);for(let n of e.matchAll(/(?:from|import|require)\s*\(?\s*['"`]([^'"`]+)['"`]/g))t.add(n[1]);return[...t]}function M(e){let t=new Set;for(let n of j(e)){let e=A(n);e&&t.add(e)}return[...t]}var N=`e312b34da7775bb5`,P=new Map;function F(e){let t=P.get(e);if(t)return t;let n=fetch(`${p}${m}/${e}.js?v=${N}`,{credentials:`same-origin`,cache:`no-cache`}).then(t=>{if(!t.ok)throw Error(`The artifact runtime bundle "${e}" is unavailable (HTTP ${t.status}).`);return t.text()});return n.catch(()=>P.delete(e)),P.set(e,n),n}async function I(e){let t=await Promise.all(e.map(F));return Object.fromEntries(e.map((e,n)=>[e,t[n]]))}var L=`
   html, body { margin: 0; min-height: 100%; }
   body {
     background: #ffffff;

package/frontend/dist/js/ArtifactSlideOutPanel-DXESMtPh.js

@@ -0,0 +1 @@
+import{r as e}from"./rolldown-runtime-hePW80VL.js";import{_ as t,g as n}from"./markdown-core-BK7WVOb7.js";import{n as r}from"./react-vendor-BG_HPV6X.js";import{t as ee}from"./useTranslation-D7uLySn1.js";import{t as i}from"./utils-sD-qFh8D.js";import{t as te,w as ne}from"./chatStore-DI79tEJ-.js";import{Cn as re,Dn as a,Gt as ie,Hn as ae,On as o,Vn as s,Wn as oe,bn as se,h as c,hn as ce,ln as l,n as le,qt as ue}from"./ui-vendor-CRZXLK0Q.js";import{t as u}from"./logger-CpCQz3Vi.js";import{t as de}from"./appStore-SLLBamo2.js";import{t as d}from"./Button-CpobxJ2P.js";import{i as fe,r as pe}from"./artifactHtml-DDmfpcB0.js";import{t as f}from"./OptimizedSyntaxHighlighter-hNqZPLiB.js";import{t as me}from"./ArtifactSandboxFrame-9wuufHn6.js";var p=e(t(),1),he=r(),m=n(),h=u(`components:artifact-slide-out-panel`),g=320,ge=.9,_e=400,ve=`(min-width: 768px)`,ye=`(min-width: 1024px)`,_=e=>{let[t,n]=(0,p.useState)(()=>typeof window<`u`&&window.matchMedia(e).matches);return(0,p.useEffect)(()=>{let t=window.matchMedia(e),r=()=>n(t.matches);return t.addEventListener(`change`,r),()=>t.removeEventListener(`change`,r)},[e]),t},v=()=>{let{t:e,i18n:t}=ee(),n=ne(t.language),{artifactPanelOpen:r,artifactPanelArtifact:u,openArtifactPanel:v,closeArtifactPanel:y,theme:b,artifactPanelWidth:x,setArtifactPanelWidth:S,artifactPanelResizing:C,setArtifactPanelResizing:w,sidebarOpen:T,sidebarCompact:E}=de(),D=_(ve),O=_(ye)?T?E?64:288:0:T&&E?64:0,k=(0,p.useCallback)(()=>D?Math.max(g,window.innerWidth-O-_e):window.innerWidth*ge,[D,O]),A=te(e=>e.currentSession),j=p.useMemo(()=>{if(!u)return[];let e=u.title.trim().toLowerCase(),t=(A?.messages??[]).flatMap(e=>e.artifacts??[]).filter(t=>t.title.trim().toLowerCase()===e);return t.some(e=>e.id===u.id||e.content===u.content)?t:[...t,u]},[A,u]),M=j.findIndex(e=>e.id===u?.id);M===-1&&u&&(M=j.findIndex(e=>e.content===u.content));let[N,P]=(0,p.useState)(!1),[F,I]=(0,p.useState)(`preview`),L=(0,p.useRef)(null),R=(0,p.useRef)(null),z=(0,p.useRef)(0),B=(0,p.useRef)(0),V=(0,p.useRef)(null),H=(0,p.useRef)(null),U=(0,p.useRef)(x),W=u?.id??null;W!==R.current&&(R.current=W,F!==`preview`&&I(`preview`));let G=(0,p.useCallback)(e=>{U.current=e,H.current===null&&(H.current=window.requestAnimationFrame(()=>{H.current=null,S(U.current)}))},[S]),K=(0,p.useCallback)(()=>{V.current=null,w(!1),H.current!==null&&(window.cancelAnimationFrame(H.current),H.current=null,S(U.current))},[w,S]),be=(0,p.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),V.current=e.pointerId,B.current=x,z.current=e.clientX,U.current=x,e.currentTarget.setPointerCapture(e.pointerId),w(!0)},[x,w]),q=(0,p.useCallback)(e=>{if(!C||V.current!==null&&e.pointerId!==V.current)return;e.preventDefault();let t=(z.current-e.clientX)*(n?-1:1),r=Math.min(k(),Math.max(g,B.current+t));G(r)},[C,n,G,k]);if((0,p.useEffect)(()=>{if(!C){document.body.style.userSelect=``,document.body.style.cursor=``;return}let e=e=>{(V.current===null||e.pointerId===V.current)&&K()};return window.addEventListener(`pointermove`,q,{passive:!1}),window.addEventListener(`pointerup`,e),window.addEventListener(`pointercancel`,e),window.addEventListener(`blur`,K),document.body.style.userSelect=`none`,document.body.style.cursor=`col-resize`,()=>{window.removeEventListener(`pointermove`,q),window.removeEventListener(`pointerup`,e),window.removeEventListener(`pointercancel`,e),window.removeEventListener(`blur`,K),document.body.style.userSelect=``,document.body.style.cursor=``}},[C,q,K]),(0,p.useEffect)(()=>{let e=()=>{let e=k();x>e&&S(e)};return e(),window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[x,S,k]),(0,p.useEffect)(()=>{if(D)return;let e=e=>{e.key===`Escape`&&r&&y()};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[r,y,D]),(0,p.useEffect)(()=>{if(D)return;let e=e=>{C||L.current&&!L.current.contains(e.target)&&r&&y()},t=setTimeout(()=>{window.addEventListener(`mousedown`,e)},100);return()=>{clearTimeout(t),window.removeEventListener(`mousedown`,e)}},[r,y,C,D]),!u)return null;let J=u,xe=async e=>{try{await navigator.clipboard.writeText(e),P(!0),setTimeout(()=>P(!1),2e3)}catch(e){h.error(`Failed to copy:`,e)}},Se=()=>{let e=J.type===`html`?pe(J.content,J.title):J.content,t=new Blob([e],{type:Ce(J.type)}),n=URL.createObjectURL(t),r=document.createElement(`a`);r.href=n,r.download=`${J.title}.${we(J.type)}`,document.body.appendChild(r),r.click(),document.body.removeChild(r),URL.revokeObjectURL(n)},Ce=e=>{switch(e){case`html`:return`text/html`;case`react`:return`text/javascript`;case`svg`:return`image/svg+xml`;case`css`:return`text/css`;case`json`:return`application/json`;default:return`text/plain`}},we=e=>{switch(e){case`html`:return`html`;case`react`:return`jsx`;case`svg`:return`svg`;case`css`:return`css`;case`json`:return`json`;default:return`txt`}},Y=()=>{switch(J.type){case`html`:return(0,m.jsx)(ue,{className:`h-5 w-5`});case`react`:return(0,m.jsx)(a,{className:`h-5 w-5`});case`svg`:return(0,m.jsx)(l,{className:`h-5 w-5`});case`code`:return(0,m.jsx)(a,{className:`h-5 w-5`});default:return(0,m.jsx)(l,{className:`h-5 w-5`})}},X=()=>(0,m.jsx)(`div`,{"data-testid":`artifact-html-fallback`,className:`w-full h-full flex items-center justify-center bg-gray-50 dark:bg-dark-100 rounded-lg border border-gray-200 dark:border-dark-200 p-4`,children:(0,m.jsxs)(`div`,{className:`max-w-sm text-center`,children:[(0,m.jsx)(c,{className:`h-8 w-8 text-primary-500 mx-auto mb-3`}),(0,m.jsx)(`p`,{className:`text-sm font-medium text-gray-900 dark:text-gray-100`,children:e(`artifacts.previewUnavailable`)}),(0,m.jsx)(`p`,{className:`mt-1 text-sm text-gray-600 dark:text-gray-400`,children:e(`artifacts.previewUnavailableDescription`)}),(0,m.jsxs)(d,{variant:`outline`,size:`sm`,onClick:()=>I(`code`),className:`mt-4`,children:[(0,m.jsx)(o,{className:`h-3.5 w-3.5 me-1.5`}),e(`artifacts.code`)]})]})}),Z=e=>J.content.trim()?(0,m.jsx)(me,{content:J.content,title:J.title,kind:e,colorScheme:b.mode===`light`?`light`:`dark`,className:i(`w-full h-full border-0 rounded-lg bg-white`,C&&`pointer-events-none`),fallback:X()}):X(),Te=()=>(0,m.jsx)(`iframe`,{"data-testid":`artifact-svg-preview`,srcDoc:fe(J.content,J.title),className:`w-full h-full border-0 rounded-lg bg-white`,sandbox:``,title:J.title}),Q=()=>(0,m.jsx)(`div`,{className:`h-full overflow-auto`,children:(0,m.jsx)(f,{language:(()=>{if(J.language)return J.language;switch(J.type){case`html`:return`html`;case`react`:return`jsx`;case`svg`:return`xml`;case`json`:return`json`;default:return`text`}})(),isDark:b.mode!==`light`,className:`!m-0 !rounded-lg !h-full`,codeTheme:`night`,showLineNumbers:!0,backgroundColor:b.mode===`light`?void 0:`rgb(var(--color-dark-50))`,children:J.content})}),Ee=()=>{try{let e=JSON.parse(J.content),t=JSON.stringify(e,null,2);return(0,m.jsx)(`div`,{className:`h-full overflow-auto`,children:(0,m.jsx)(f,{language:`json`,isDark:b.mode!==`light`,className:`!m-0 !rounded-lg !h-full`,codeTheme:`night`,showLineNumbers:!0,backgroundColor:b.mode===`light`?void 0:`rgb(var(--color-dark-50))`,children:t})})}catch{return(0,m.jsx)(`div`,{className:`w-full h-full flex items-center justify-center bg-gray-50 dark:bg-dark-100 rounded-lg`,children:(0,m.jsxs)(`div`,{className:`text-center`,children:[(0,m.jsx)(c,{className:`h-8 w-8 text-primary-500 mx-auto mb-2`}),(0,m.jsx)(`p`,{className:`text-sm text-gray-600 dark:text-dark-600`,children:e(`artifacts.invalidJson`)})]})})}},De=()=>{if(F===`code`)return Q();switch(J.type){case`html`:return Z(`html`);case`react`:return Z(`react`);case`mermaid`:return Z(`mermaid`);case`svg`:return Te();case`json`:return Ee();default:return Q()}},Oe=()=>J.type===`html`||J.type===`svg`||J.type===`react`||J.type===`mermaid`,$=typeof window<`u`&&window.innerWidth<640,ke=$?`100%`:`${x}px`,Ae=(0,m.jsxs)(m.Fragment,{children:[!D&&(0,m.jsx)(`div`,{className:i(`fixed inset-0 bg-black/30 dark:bg-black/50 z-40 transition-opacity duration-300`,r?`opacity-100`:`opacity-0 pointer-events-none`)}),C&&(0,m.jsx)(`div`,{className:i(`fixed inset-0 cursor-col-resize select-none`,D?`z-40`:`z-[55]`),"aria-hidden":`true`}),(0,m.jsxs)(`div`,{ref:L,"data-testid":`artifact-slide-out-panel`,style:{width:ke},className:i(`fixed top-0 end-0 h-full`,D?`z-30`:`z-50`,`bg-white dark:bg-dark-25`,`shadow-2xl border-s border-gray-200 dark:border-dark-200`,`flex flex-col`,`transform transition-transform duration-300 ease-out`,r?`translate-x-0`:`translate-x-full rtl:-translate-x-full`),children:[!$&&(0,m.jsxs)(`div`,{onPointerDown:be,"data-testid":`artifact-resize-handle`,title:e(`artifacts.dragEdgeToResize`),className:i(`absolute start-0 top-0 bottom-0 w-4 -ms-2 cursor-col-resize z-[56]`,`flex items-center justify-center`,`touch-none select-none group`),children:[(0,m.jsx)(`div`,{className:i(`w-1 h-16 rounded-full transition-all duration-200`,`bg-gray-300 dark:bg-dark-300`,`group-hover:bg-primary-500 group-hover:h-24`,C&&`bg-primary-500 h-24`)}),(0,m.jsx)(`div`,{className:i(`absolute left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-opacity`,`text-gray-400 dark:text-dark-500`,C&&`opacity-100`),children:(0,m.jsx)(ie,{className:`h-4 w-4`})})]}),(0,m.jsxs)(`div`,{className:`flex items-center gap-1.5 border-b border-gray-200 dark:border-dark-200 ps-3 pe-2 py-1.5`,children:[(0,m.jsxs)(`div`,{className:`flex items-center gap-2 min-w-0 flex-1`,children:[(0,m.jsx)(`div`,{className:`text-gray-600 dark:text-gray-400 flex-shrink-0`,children:Y()}),(0,m.jsx)(`h2`,{className:`text-sm font-semibold text-gray-900 dark:text-gray-100 truncate`,title:J.description||`${e(`artifacts.created`)}: ${new Date(J.createdAt).toLocaleString()}`,children:J.title}),(0,m.jsx)(`span`,{className:`hidden sm:inline text-[10px] bg-primary-50 dark:bg-primary-900/20 text-primary-700 dark:text-primary-300 px-1.5 py-0.5 rounded-full font-medium flex-shrink-0`,children:J.type.toUpperCase()})]}),j.length>1&&M!==-1&&(0,m.jsxs)(`div`,{className:`flex items-center gap-0.5 flex-shrink-0`,children:[(0,m.jsx)(d,{variant:`ghost`,size:`sm`,disabled:M===0,onClick:()=>v(j[M-1]),className:`h-7 w-7 p-0`,title:e(`artifacts.previousVersion`),children:(0,m.jsx)(ae,{className:`h-3.5 w-3.5 rtl:rotate-180`})}),(0,m.jsx)(`span`,{className:`whitespace-nowrap text-xs tabular-nums text-gray-500 dark:text-dark-600`,children:e(`artifacts.versionOf`,{current:M+1,total:j.length})}),(0,m.jsx)(d,{variant:`ghost`,size:`sm`,disabled:M===j.length-1,onClick:()=>v(j[M+1]),className:`h-7 w-7 p-0`,title:e(`artifacts.nextVersion`),children:(0,m.jsx)(s,{className:`h-3.5 w-3.5 rtl:rotate-180`})})]}),Oe()&&(0,m.jsxs)(`div`,{className:`flex items-center gap-0.5 flex-shrink-0`,children:[(0,m.jsxs)(d,{variant:F===`preview`?`primary`:`ghost`,size:`sm`,onClick:()=>I(`preview`),className:`h-7 px-2 text-xs`,title:e(`artifacts.previewMode`),children:[(0,m.jsx)(ce,{className:`h-3.5 w-3.5 me-1`}),e(`artifacts.preview`)]}),(0,m.jsxs)(d,{variant:F===`code`?`primary`:`ghost`,size:`sm`,onClick:()=>I(`code`),className:`h-7 px-2 text-xs`,title:e(`artifacts.codeMode`),children:[(0,m.jsx)(o,{className:`h-3.5 w-3.5 me-1`}),e(`artifacts.code`)]})]}),(0,m.jsxs)(`div`,{className:`flex items-center gap-0.5 flex-shrink-0`,children:[(0,m.jsx)(d,{variant:`ghost`,size:`sm`,onClick:()=>xe(J.content),className:`h-7 w-7 p-0 hover:bg-gray-100 dark:hover:bg-dark-200`,title:e(`artifacts.copyContent`),children:N?(0,m.jsx)(oe,{className:`h-3.5 w-3.5 text-green-500`}):(0,m.jsx)(re,{className:`h-3.5 w-3.5`})}),(0,m.jsx)(d,{variant:`ghost`,size:`sm`,onClick:Se,className:`h-7 w-7 p-0 hover:bg-gray-100 dark:hover:bg-dark-200`,title:e(`artifacts.download`),children:(0,m.jsx)(se,{className:`h-3.5 w-3.5`})}),(0,m.jsx)(d,{variant:`ghost`,size:`sm`,onClick:y,className:`h-7 w-7 p-0 hover:bg-gray-100 dark:hover:bg-dark-200`,title:e(D?`common.close`:`artifacts.closePanelEsc`),children:(0,m.jsx)(le,{className:`h-4 w-4`})})]})]}),(0,m.jsx)(`div`,{className:`flex-1 p-2 overflow-hidden`,children:De()})]})]});return(0,he.createPortal)(Ae,document.body)};export{v as ArtifactSlideOutPanel};

package/frontend/dist/js/AutomationsPage-DByxhIKj.js

@@ -0,0 +1 @@
+import{r as e}from"./rolldown-runtime-hePW80VL.js";import{_ as t,g as n}from"./markdown-core-BK7WVOb7.js";import{n as r}from"./react-vendor-BG_HPV6X.js";import{f as i}from"./router-vendor-CbexJIsv.js";import{t as a}from"./useTranslation-D7uLySn1.js";import{r as o,t as s}from"./utils-sD-qFh8D.js";import{t as c}from"./chatStore-DI79tEJ-.js";import{An as l,At as u,Fn as d,Nn as f,Pn as p,Q as m,X as h,_ as g,gr as _,n as v,q as y,rt as b,t as x,tt as S,yn as C}from"./ui-vendor-CRZXLK0Q.js";import{t as w}from"./logger-CpCQz3Vi.js";import{t as T}from"./workApi-8mBuh_-J.js";import{C as E}from"./api-F0CnlVH8.js";import{t as D}from"./Button-CpobxJ2P.js";import"./ui-DFa2W4QC.js";import{c as O,d as k,l as A,n as j}from"./calendarDates-Co3o_05Y.js";var M=e(t(),1),N=r(),P=(e,t,n)=>new Intl.DateTimeFormat(n,{hour:`numeric`,minute:`2-digit`}).format(new Date(2024,0,1,e,t)),F=(e,t)=>new Intl.DateTimeFormat(t,{weekday:`long`}).format(new Date(2024,0,7+e)),I=(e,t,n)=>new Intl.DateTimeFormat(n,{month:`long`,day:`numeric`}).format(new Date(2024,e-1,t));function L(e,t,n){switch(e.kind){case`once`:return n(`automations.trigger.once`,{when:new Intl.DateTimeFormat(t,{dateStyle:`medium`,timeStyle:`short`}).format(new Date(e.at))});case`hourly`:{let t=e.startHour!==void 0||e.endHour!==void 0?` (${e.startHour??0}–${e.endHour??23})`:``;return n(`automations.trigger.hourly`,{minute:String(e.minute).padStart(2,`0`)})+t}case`daily`:return n(`automations.trigger.daily`,{time:P(e.hour,e.minute,t)});case`weekly`:return n(`automations.trigger.weekly`,{day:F(e.dayOfWeek,t),time:P(e.hour,e.minute,t)});case`monthly`:return n(`automations.trigger.monthly`,{day:e.dayOfMonth,time:P(e.hour,e.minute,t)});case`yearly`:return n(`automations.trigger.yearly`,{date:I(e.month,e.dayOfMonth,t),time:P(e.hour,e.minute,t)})}}function R(e,t,n){return e.map(e=>L(e,t,n)).join(` · `)}function z(e){let t=(e,t,n)=>typeof e==`number`&&Number.isSafeInteger(e)&&e>=t&&e<=n;switch(e.kind){case`once`:return t(e.at,0,864e13);case`hourly`:return t(e.minute,0,59)&&(e.startHour===void 0||t(e.startHour,0,23))&&(e.endHour===void 0||t(e.endHour,0,23))&&(e.startHour===void 0||e.endHour===void 0||e.endHour>=e.startHour);case`daily`:return t(e.hour,0,23)&&t(e.minute,0,59);case`weekly`:return t(e.dayOfWeek,0,6)&&t(e.hour,0,23)&&t(e.minute,0,59);case`monthly`:return t(e.dayOfMonth,1,31)&&t(e.hour,0,23)&&t(e.minute,0,59);case`yearly`:return t(e.month,1,12)&&t(e.dayOfMonth,1,31)&&t(e.hour,0,23)&&t(e.minute,0,59);default:return!1}}var B=n(),V=[`once`,`hourly`,`daily`,`weekly`,`monthly`,`yearly`],H=`rounded-lg border border-black/[0.08] bg-white px-2 py-1 text-[13px] text-gray-900 focus:border-primary-500/40 focus:outline-none dark:border-white/[0.08] dark:bg-dark-100 dark:text-dark-900`,U=(e,t)=>`${String(e).padStart(2,`0`)}:${String(t).padStart(2,`0`)}`,W=e=>{switch(e){case`once`:{let e=new Date;return e.setHours(e.getHours()+1,0,0,0),{kind:`once`,at:e.getTime()}}case`hourly`:return{kind:`hourly`,minute:0};case`daily`:return{kind:`daily`,hour:8,minute:0};case`weekly`:return{kind:`weekly`,dayOfWeek:1,hour:9,minute:0};case`monthly`:return{kind:`monthly`,dayOfMonth:1,hour:9,minute:0};case`yearly`:return{kind:`yearly`,month:1,dayOfMonth:1,hour:9,minute:0}}};function G({trigger:e,onChange:t,onRemove:n}){let{t:r,i18n:i}=a(),o=k(i.language,`short`),s=new Intl.DateTimeFormat(i.language,{month:`long`}),c=n=>{let[r,i]=(n||`00:00`).split(`:`).map(Number);e.kind!==`hourly`&&e.kind!==`once`&&t({...e,hour:r,minute:i})},u=e.kind!==`once`&&e.kind!==`hourly`?(0,B.jsx)(`input`,{type:`time`,"aria-label":r(`automations.form.time`),value:U(e.hour,e.minute),onChange:e=>c(e.target.value),className:H}):null;return(0,B.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 rounded-xl border border-black/[0.06] bg-black/[0.02] px-2.5 py-2 dark:border-white/[0.06] dark:bg-white/[0.03]`,"data-testid":`automation-trigger`,children:[(0,B.jsx)(l,{className:`h-3.5 w-3.5 shrink-0 text-gray-400 dark:text-dark-500`}),(0,B.jsx)(`select`,{"aria-label":r(`automations.form.frequency`),value:e.kind,onChange:e=>t(W(e.target.value)),className:H,"data-testid":`automation-trigger-kind`,children:V.map(e=>(0,B.jsx)(`option`,{value:e,children:r(`automations.kind.${e}`)},e))}),e.kind===`once`&&(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(`input`,{type:`date`,"aria-label":r(`calendar.date`),value:O(e.at),onChange:n=>t({...e,at:j(n.target.value,A(e.at))}),className:H}),(0,B.jsx)(`input`,{type:`time`,"aria-label":r(`automations.form.time`),value:A(e.at),onChange:n=>t({...e,at:j(O(e.at),n.target.value)}),className:H})]}),e.kind===`hourly`&&(0,B.jsxs)(B.Fragment,{children:[(0,B.jsxs)(`label`,{className:`flex items-center gap-1 text-[12px] text-gray-500 dark:text-dark-500`,children:[r(`automations.form.minute`),(0,B.jsx)(`input`,{type:`number`,min:0,max:59,value:e.minute,onChange:n=>t({...e,minute:Math.min(59,Math.max(0,Number(n.target.value)))}),className:`${H} w-16`})]}),(0,B.jsxs)(`label`,{className:`flex items-center gap-1 text-[12px] text-gray-500 dark:text-dark-500`,children:[r(`automations.form.fromHour`),(0,B.jsx)(`input`,{type:`number`,min:0,max:23,value:e.startHour??0,onChange:n=>t({...e,startHour:Math.min(23,Math.max(0,Number(n.target.value)))}),className:`${H} w-16`})]}),(0,B.jsxs)(`label`,{className:`flex items-center gap-1 text-[12px] text-gray-500 dark:text-dark-500`,children:[r(`automations.form.toHour`),(0,B.jsx)(`input`,{type:`number`,min:0,max:23,value:e.endHour??23,onChange:n=>t({...e,endHour:Math.min(23,Math.max(0,Number(n.target.value)))}),className:`${H} w-16`})]})]}),e.kind===`weekly`&&(0,B.jsx)(`select`,{"aria-label":r(`automations.form.weekday`),value:e.dayOfWeek,onChange:n=>t({...e,dayOfWeek:Number(n.target.value)}),className:H,children:o.map((e,t)=>(0,B.jsx)(`option`,{value:t,children:e},e))}),(e.kind===`monthly`||e.kind===`yearly`)&&(0,B.jsxs)(`label`,{className:`flex items-center gap-1 text-[12px] text-gray-500 dark:text-dark-500`,children:[r(`automations.form.dayOfMonth`),(0,B.jsx)(`input`,{type:`number`,min:1,max:31,value:e.dayOfMonth,onChange:n=>t({...e,dayOfMonth:Math.min(31,Math.max(1,Number(n.target.value)))}),className:`${H} w-16`})]}),e.kind===`yearly`&&(0,B.jsx)(`select`,{"aria-label":r(`automations.form.month`),value:e.month,onChange:n=>t({...e,month:Number(n.target.value)}),className:H,children:Array.from({length:12},(e,t)=>(0,B.jsx)(`option`,{value:t+1,children:s.format(new Date(2024,t,1))},t+1))}),u,n&&(0,B.jsx)(`button`,{type:`button`,onClick:n,"aria-label":r(`common.delete`),className:`ms-auto rounded-md p-1 text-red-500 transition-colors hover:bg-red-50 dark:hover:bg-red-900/20`,children:(0,B.jsx)(g,{className:`h-3.5 w-3.5`})})]})}var K=`w-full rounded-lg border border-black/[0.08] bg-white px-2.5 py-1.5 text-[13px] text-gray-900 focus:border-primary-500/40 focus:outline-none dark:border-white/[0.08] dark:bg-dark-100 dark:text-dark-900`,q=`mb-1 block text-[11px] font-medium uppercase tracking-wide text-gray-400 dark:text-dark-500`,J=e=>e.isPlugin&&e.pluginId?`plugin:${e.pluginId}`:e.isAgent&&e.agentId?`agent:${e.agentId}`:`ollama`;function ee({open:e,automation:t,initial:n,models:r,saving:i,onClose:a,onSave:o}){return e?(0,B.jsx)(Y,{automation:t,initial:n,models:r,saving:i,onClose:a,onSave:o},t?.id??n?.name??`new`):null}function Y({automation:e,initial:t,models:n,saving:r,onClose:i,onSave:o}){let{t:s}=a(),[c,l]=(0,M.useState)(e?.name??t?.name??``),[u,d]=(0,M.useState)(e?.instructions??t?.instructions??``),[f,p]=(0,M.useState)(e?.triggers??t?.triggers??[{kind:`daily`,hour:8,minute:0}]),[m,g]=(0,M.useState)(e?.model??``),[_,y]=(0,M.useState)(e?.notify??`app`),[b,x]=(0,M.useState)(e?.target??`chat`),[S,C]=(0,M.useState)(e?.workPolicyId??``),[w,E]=(0,M.useState)([]);(0,M.useEffect)(()=>{if(b!==`work`)return;let e=!1;return T.listPolicies().then(t=>{!e&&t.success&&Array.isArray(t.data)&&E(t.data)}).catch(()=>void 0),()=>{e=!0}},[b]);let D=c.trim().length>0&&u.trim().length>0&&f.length>0&&f.every(z);return(0,N.createPortal)((0,B.jsx)(`div`,{className:`fixed inset-0 z-[2147483647] flex items-center justify-center bg-gray-950/55 p-4 backdrop-blur-md`,onClick:i,children:(0,B.jsxs)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-labelledby":`automation-modal-title`,"data-testid":`automation-modal`,className:`max-h-[90vh] w-full max-w-lg overflow-y-auto rounded-3xl border border-black/[0.07] bg-white p-6 shadow-[0_24px_80px_rgba(0,0,0,0.24)] animate-scale-in scrollbar-thin dark:border-white/[0.08] dark:bg-dark-25`,onClick:e=>e.stopPropagation(),children:[(0,B.jsxs)(`div`,{className:`mb-4 flex items-center justify-between`,children:[(0,B.jsx)(`h3`,{id:`automation-modal-title`,className:`text-lg font-medium tracking-[-0.02em] text-gray-950 dark:text-dark-950`,children:s(e?`automations.editAutomation`:`automations.newAutomation`)}),(0,B.jsx)(`button`,{onClick:i,"aria-label":s(`common.close`),className:`rounded-xl p-2 transition-colors hover:bg-gray-100 dark:hover:bg-dark-200`,children:(0,B.jsx)(v,{size:20,className:`text-gray-500`})})]}),(0,B.jsxs)(`div`,{className:`space-y-4`,children:[(0,B.jsxs)(`div`,{children:[(0,B.jsx)(`label`,{htmlFor:`automation-name`,className:q,children:s(`automations.form.name`)}),(0,B.jsx)(`input`,{id:`automation-name`,"data-testid":`automation-name`,type:`text`,value:c,onChange:e=>l(e.target.value),placeholder:s(`automations.form.namePlaceholder`),className:K,maxLength:200,autoFocus:!0})]}),(0,B.jsxs)(`div`,{children:[(0,B.jsx)(`span`,{className:q,children:s(`automations.form.triggers`)}),(0,B.jsxs)(`div`,{className:`space-y-2`,children:[f.map((e,t)=>(0,B.jsx)(G,{trigger:e,onChange:e=>p(n=>n.map((n,r)=>r===t?e:n)),onRemove:f.length>1?()=>p(e=>e.filter((e,n)=>n!==t)):void 0},t)),f.length<5&&(0,B.jsxs)(`button`,{type:`button`,onClick:()=>p(e=>[...e,{kind:`daily`,hour:8,minute:0}]),"data-testid":`automation-add-trigger`,className:`flex items-center gap-1.5 rounded-lg px-2 py-1 text-[12px] font-medium text-primary-600 transition-colors hover:bg-primary-500/10 dark:text-primary-400`,children:[(0,B.jsx)(h,{className:`h-3.5 w-3.5`}),s(`automations.form.addTrigger`)]})]})]}),(0,B.jsxs)(`div`,{children:[(0,B.jsx)(`label`,{htmlFor:`automation-instructions`,className:q,children:s(`automations.form.instructions`)}),(0,B.jsx)(`textarea`,{id:`automation-instructions`,"data-testid":`automation-instructions`,value:u,onChange:e=>d(e.target.value),placeholder:s(`automations.form.instructionsPlaceholder`),rows:5,className:K,maxLength:2e4})]}),(0,B.jsxs)(`div`,{className:`grid grid-cols-2 gap-3`,children:[(0,B.jsxs)(`div`,{children:[(0,B.jsx)(`label`,{htmlFor:`automation-target`,className:q,children:s(`automations.form.target`)}),(0,B.jsxs)(`select`,{id:`automation-target`,"data-testid":`automation-target`,value:b,onChange:e=>x(e.target.value),className:K,children:[(0,B.jsx)(`option`,{value:`chat`,children:s(`automations.form.targetChat`)}),(0,B.jsx)(`option`,{value:`work`,children:s(`automations.form.targetWork`)})]})]}),b===`work`&&w.length>0&&(0,B.jsxs)(`div`,{children:[(0,B.jsx)(`label`,{htmlFor:`automation-work-policy`,className:q,children:s(`automations.form.workPolicy`)}),(0,B.jsxs)(`select`,{id:`automation-work-policy`,"data-testid":`automation-work-policy`,value:S,onChange:e=>C(e.target.value),className:K,children:[(0,B.jsx)(`option`,{value:``,children:s(`automations.form.workPolicyDefault`)}),w.map(e=>(0,B.jsx)(`option`,{value:e.id,children:e.name},e.id))]})]})]}),(0,B.jsxs)(`div`,{className:`grid grid-cols-2 gap-3`,children:[(0,B.jsxs)(`div`,{children:[(0,B.jsx)(`label`,{htmlFor:`automation-model`,className:q,children:s(`automations.form.model`)}),(0,B.jsxs)(`select`,{id:`automation-model`,value:m,onChange:e=>g(e.target.value),className:K,children:[(0,B.jsx)(`option`,{value:``,children:s(`automations.form.modelAuto`)}),n.map(e=>(0,B.jsx)(`option`,{value:e.name,children:e.name},e.name))]})]}),(0,B.jsxs)(`div`,{children:[(0,B.jsx)(`label`,{htmlFor:`automation-notify`,className:q,children:s(`automations.form.notification`)}),(0,B.jsxs)(`select`,{id:`automation-notify`,value:_,onChange:e=>y(e.target.value),className:K,children:[(0,B.jsx)(`option`,{value:`app`,children:s(`automations.form.notifyApp`)}),(0,B.jsx)(`option`,{value:`off`,children:s(`automations.form.notifyOff`)})]})]})]}),(0,B.jsxs)(`div`,{className:`flex justify-end gap-3 border-t border-gray-200 pt-4 dark:border-dark-300`,children:[(0,B.jsx)(`button`,{onClick:i,className:`rounded-xl px-4 py-2 text-sm font-medium text-gray-700 transition-colors hover:bg-gray-100 dark:text-dark-700 dark:hover:bg-dark-200`,children:s(`common.cancel`)}),(0,B.jsx)(`button`,{onClick:()=>{if(!D)return;let e=n.find(e=>e.name===m);o({name:c.trim(),instructions:u.trim(),triggers:f,...e?{provider:J(e),model:e.name}:{},notify:_,target:b,...b===`work`&&S?{workPolicyId:S}:{}})},disabled:r||!D,"data-testid":`automation-save`,className:`rounded-xl bg-gray-950 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-gray-800 disabled:cursor-not-allowed disabled:opacity-50 dark:bg-white dark:text-gray-950 dark:hover:bg-gray-100`,children:s(r?`common.saving`:`common.save`)})]})]})]})}),document.body)}function te({days:e,locale:t}){let{t:n}=a(),r=e.reduce((e,t)=>e+t.succeeded,0),i=e.reduce((e,t)=>e+t.failed,0),o=Math.max(1,...e.map(e=>e.succeeded+e.failed)),s=new Intl.DateTimeFormat(t,{month:`short`,day:`numeric`}),c=new Date,l=e=>s.format(new Date(c.getFullYear(),c.getMonth(),c.getDate()-29+e));return(0,B.jsxs)(`div`,{className:`rounded-2xl border border-black/[0.06] bg-white/60 px-4 py-3 dark:border-white/[0.07] dark:bg-dark-100/60`,"data-testid":`automation-run-strip`,children:[(0,B.jsxs)(`div`,{className:`mb-2 flex items-center justify-between`,children:[(0,B.jsx)(`p`,{className:`text-[12px] font-medium text-gray-700 dark:text-dark-700`,children:n(`automations.runHistory`)}),(0,B.jsxs)(`p`,{className:`text-[11px] text-gray-400 dark:text-dark-500`,children:[(0,B.jsxs)(`span`,{className:`text-emerald-600 dark:text-emerald-400`,children:[r,` `,n(`automations.succeeded`)]}),` · `,(0,B.jsxs)(`span`,{className:`text-red-500 dark:text-red-400`,children:[i,` `,n(`automations.failed`)]})]})]}),(0,B.jsx)(`div`,{className:`flex h-12 items-end gap-[3px]`,children:e.map((e,t)=>{let n=e.succeeded+e.failed;if(n===0)return(0,B.jsx)(`div`,{title:l(t),className:`h-[3px] flex-1 rounded-sm bg-black/[0.06] dark:bg-white/[0.08]`},t);let r=Math.max(6,Math.round(n/o*48)),i=Math.round(e.failed/n*r);return(0,B.jsxs)(`div`,{title:`${l(t)}: ${e.succeeded}✓ ${e.failed}✗`,className:`flex flex-1 flex-col justify-end overflow-hidden rounded-sm`,style:{height:r},children:[(0,B.jsx)(`div`,{className:`w-full bg-emerald-500/80`,style:{height:r-i}}),i>0&&(0,B.jsx)(`div`,{className:`w-full bg-red-500/80`,style:{height:i}})]},t)})})]})}var ne=[{id:`morningBrief`,instructions:`Put together my morning brief: the top world, business, and tech headlines from the last 24 hours with one-line summaries, and one story worth reading in depth and why. Keep the whole thing scannable.`,triggers:[{kind:`daily`,hour:7,minute:30}]},{id:`newsDigest`,instructions:`Summarize the most important AI news from the last 24 hours: model releases, notable research papers, funding rounds, and policy changes. For each item add one sentence on why it matters. Skip minor product updates and rumors.`,triggers:[{kind:`daily`,hour:8,minute:0}]},{id:`weeklyReview`,instructions:`Help me wrap the week: prompt me to reflect on what I accomplished, what is still open, and what the top priorities for next week should be. Structure it as a short template I can fill in.`,triggers:[{kind:`weekly`,dayOfWeek:5,hour:16,minute:0}]},{id:`monthlyReport`,instructions:`Draft a monthly status report outline: key accomplishments, metrics to review, risks, and goals for the next month. Leave placeholders where my specifics belong.`,triggers:[{kind:`monthly`,dayOfMonth:1,hour:9,minute:0}]}],X=w(`pages:automations`),Z=()=>{let{t:e,i18n:t}=a(),n=i(),r=c(e=>e.models),l=c(e=>e.loadModels),[v,w]=(0,M.useState)(`automations`),[T,O]=(0,M.useState)([]),[k,A]=(0,M.useState)([]),[j,N]=(0,M.useState)(null),[P,F]=(0,M.useState)(!0),[I,L]=(0,M.useState)(!1),[z,V]=(0,M.useState)(null),[H,U]=(0,M.useState)(null),[W,G]=(0,M.useState)(!1),[K,q]=(0,M.useState)(null),[J,Y]=(0,M.useState)(0),Z=(0,M.useCallback)(()=>Y(e=>e+1),[]);(0,M.useEffect)(()=>{let t=!1;return Promise.all([E.getAutomations(),E.getRuns(),E.getRunsSummary()]).then(([e,n,r])=>{t||(e.success&&e.data&&O(e.data),n.success&&n.data&&A(n.data),r.success&&r.data&&N(r.data))}).catch(n=>{t||(X.error(`Failed to load automations:`,n),_.error(e(`automations.loadFailed`)))}).finally(()=>{t||F(!1)}),()=>{t=!0}},[J,e]),(0,M.useEffect)(()=>{r.length===0&&l({quiet:!0})},[r.length,l]),(0,M.useEffect)(()=>{v===`runs`&&E.markRunsSeen().then(()=>E.getRunsSummary()).then(e=>{e.success&&e.data&&N(e.data)}).catch(()=>void 0)},[v,k.length]);let re=()=>{V(null),U(null),L(!0)},ie=t=>{V(null),U({name:e(`automations.templates.${t.id}.name`),instructions:t.instructions,triggers:t.triggers}),L(!0)},ae=e=>{V(e),U(null),q(null),L(!0)},oe=async t=>{G(!0);try{let n=z?await E.updateAutomation(z.id,t):await E.createAutomation(t);n.success?(L(!1),Z()):_.error(n.error||e(`automations.saveFailed`))}catch(t){X.error(`Failed to save automation:`,t),_.error(e(`automations.saveFailed`))}finally{G(!1)}},$=async(t,n)=>{q(null);try{n===`pause`?await E.pauseAutomation(t.id):n===`resume`?await E.resumeAutomation(t.id):n===`run`?(await E.runAutomationNow(t.id),_.success(e(`automations.runQueued`))):await E.deleteAutomation(t.id),Z()}catch(t){X.error(`Automation ${n} failed:`,t),_.error(e(`automations.actionFailed`))}},se=e=>e.status===`succeeded`?(0,B.jsx)(d,{className:`h-4 w-4 text-emerald-500`}):e.status===`failed`?(0,B.jsx)(f,{className:`h-4 w-4 text-red-500`}):(0,B.jsx)(u,{className:`h-4 w-4 animate-spin text-gray-400`}),ce=t=>T.find(e=>e.id===t)?.name??e(`automations.deletedAutomation`);return(0,B.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col overflow-hidden`,"data-testid":`automations-page`,children:[(0,B.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2 border-b border-black/[0.06] px-4 py-3 dark:border-white/[0.07]`,children:[(0,B.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,B.jsx)(`h1`,{className:`text-sm font-semibold text-gray-900 dark:text-dark-900`,children:e(`automations.title`)}),(0,B.jsx)(`div`,{className:`flex items-center rounded-xl bg-black/[0.04] p-0.5 dark:bg-white/[0.06]`,children:[`automations`,`runs`].map(t=>(0,B.jsx)(`button`,{onClick:()=>w(t),"data-testid":`automations-tab-${t}`,className:s(`rounded-[10px] px-2.5 py-1 text-[12px] font-medium transition-colors`,v===t?`bg-white text-gray-900 shadow-sm dark:bg-dark-200 dark:text-dark-900`:`text-gray-500 hover:text-gray-800 dark:text-dark-500 dark:hover:text-dark-800`),children:e(`automations.tab.${t}`)},t))})]}),(0,B.jsxs)(D,{size:`sm`,onClick:re,"data-testid":`automation-new`,className:`h-7 gap-1 px-2.5 text-[12px]`,children:[(0,B.jsx)(h,{className:`h-3.5 w-3.5`}),e(`automations.newAutomation`)]})]}),(0,B.jsxs)(`div`,{className:`scroll-region min-h-0 flex-1 overflow-y-auto px-4 py-4 scrollbar-thin`,children:[v===`automations`?P?null:T.length===0?(0,B.jsxs)(`div`,{className:`px-3 py-16 text-center`,children:[(0,B.jsx)(x,{className:`mx-auto mb-2 h-6 w-6 text-gray-300 dark:text-dark-400`}),(0,B.jsx)(`p`,{className:`text-sm text-gray-400 dark:text-dark-500`,children:e(`automations.empty`)})]}):(0,B.jsx)(`div`,{className:`mx-auto w-full max-w-3xl space-y-2`,children:T.map(n=>(0,B.jsx)(`div`,{"data-testid":`automation-row`,className:`rounded-2xl border border-black/[0.06] bg-white/60 px-4 py-3 dark:border-white/[0.07] dark:bg-dark-100/60`,children:(0,B.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,B.jsxs)(`div`,{className:`min-w-0`,children:[(0,B.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,B.jsx)(`p`,{className:`truncate text-[14px] font-medium text-gray-900 dark:text-dark-900`,children:n.name}),(0,B.jsx)(`span`,{className:s(`rounded-full px-2 py-0.5 text-[10px] font-medium uppercase tracking-wide`,n.status===`active`?`bg-emerald-500/10 text-emerald-600 dark:text-emerald-400`:`bg-gray-500/10 text-gray-500 dark:text-dark-500`),children:e(`automations.status.${n.status}`)})]}),(0,B.jsxs)(`p`,{className:`mt-0.5 truncate text-[12px] text-gray-500 dark:text-dark-500`,children:[R(n.triggers,t.language,e),n.nextRunAt&&(0,B.jsxs)(B.Fragment,{children:[` · `,e(`automations.nextRun`,{when:new Intl.DateTimeFormat(t.language,{month:`short`,day:`numeric`,hour:`numeric`,minute:`2-digit`}).format(n.nextRunAt)})]})]})]}),(0,B.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,B.jsx)(`button`,{onClick:()=>q(e=>e===n.id?null:n.id),"aria-label":e(`automations.actions`),"data-testid":`automation-menu`,className:`rounded-lg p-1.5 text-gray-400 transition-colors hover:bg-black/[0.04] hover:text-gray-700 dark:hover:bg-white/[0.06] dark:hover:text-dark-800`,children:(0,B.jsx)(C,{className:`h-4 w-4`})}),K===n.id&&(0,B.jsxs)(`div`,{className:`absolute end-0 top-8 z-20 w-44 rounded-xl border border-black/[0.07] bg-white p-1 shadow-lg dark:border-white/[0.08] dark:bg-dark-100`,children:[(0,B.jsx)(Q,{icon:S,label:e(`common.edit`),onClick:()=>ae(n)}),n.status===`active`?(0,B.jsx)(Q,{icon:b,label:e(`automations.pause`),onClick:()=>$(n,`pause`)}):(0,B.jsx)(Q,{icon:m,label:e(`automations.resume`),onClick:()=>$(n,`resume`)}),(0,B.jsx)(Q,{icon:y,label:e(`automations.runNow`),onClick:()=>$(n,`run`)}),(0,B.jsx)(Q,{icon:g,label:e(`common.delete`),destructive:!0,onClick:()=>$(n,`delete`)})]})]})]})},n.id))}):null,v===`automations`&&!P&&(0,B.jsxs)(`div`,{className:`mx-auto mt-8 w-full max-w-3xl`,children:[(0,B.jsx)(`p`,{className:`mb-2 text-[11px] font-medium uppercase tracking-wide text-gray-400 dark:text-dark-500`,children:e(`automations.templatesTitle`)}),(0,B.jsx)(`div`,{className:`grid gap-2 sm:grid-cols-2`,children:ne.map(n=>(0,B.jsxs)(`button`,{type:`button`,onClick:()=>ie(n),"data-testid":`automation-template`,className:`rounded-2xl border border-black/[0.06] bg-white/40 px-4 py-3 text-start transition-colors hover:bg-white/80 dark:border-white/[0.07] dark:bg-dark-100/40 dark:hover:bg-dark-100/80`,children:[(0,B.jsx)(`p`,{className:`text-[13px] font-medium text-gray-900 dark:text-dark-900`,children:e(`automations.templates.${n.id}.name`)}),(0,B.jsx)(`p`,{className:`mt-0.5 text-[12px] text-gray-500 dark:text-dark-500`,children:e(`automations.templates.${n.id}.description`)}),(0,B.jsx)(`p`,{className:`mt-1.5 text-[11px] text-gray-400 dark:text-dark-500`,children:R(n.triggers,t.language,e)})]},n.id))})]}),v===`runs`&&(0,B.jsxs)(`div`,{className:`mx-auto w-full max-w-3xl space-y-4`,children:[j&&(0,B.jsx)(te,{days:j.days,locale:t.language}),k.length===0?(0,B.jsxs)(`div`,{className:`px-3 py-12 text-center`,children:[(0,B.jsx)(p,{className:`mx-auto mb-2 h-6 w-6 text-gray-300 dark:text-dark-400`}),(0,B.jsx)(`p`,{className:`text-sm text-gray-400 dark:text-dark-500`,children:e(`automations.noRuns`)})]}):(0,B.jsx)(`div`,{className:`space-y-1`,"data-testid":`automation-run-list`,children:k.map(r=>(0,B.jsxs)(`div`,{className:`flex items-center gap-3 rounded-xl border border-black/[0.05] bg-white/50 px-3 py-2 dark:border-white/[0.06] dark:bg-dark-100/50`,children:[se(r),(0,B.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,B.jsx)(`p`,{className:`truncate text-[13px] text-gray-900 dark:text-dark-900`,children:ce(r.automationId)}),(0,B.jsxs)(`p`,{className:`truncate text-[11px] text-gray-400 dark:text-dark-500`,children:[o(r.scheduledFor,t.language),r.error&&(0,B.jsxs)(B.Fragment,{children:[` · `,(0,B.jsx)(`span`,{className:`text-red-500`,children:r.error})]})]})]}),r.sessionId&&(0,B.jsx)(`button`,{onClick:()=>n(`/c/${r.sessionId}`),"data-testid":`automation-run-open`,className:`shrink-0 rounded-lg px-2.5 py-1 text-[12px] font-medium text-primary-600 transition-colors hover:bg-primary-500/10 dark:text-primary-400`,children:e(`automations.openChat`)}),r.workTaskId&&(0,B.jsx)(`button`,{onClick:()=>n(`/work/${r.workTaskId}`),"data-testid":`automation-run-open-task`,className:`shrink-0 rounded-lg px-2.5 py-1 text-[12px] font-medium text-primary-600 transition-colors hover:bg-primary-500/10 dark:text-primary-400`,children:e(`automations.openTask`)})]},r.id))})]})]}),(0,B.jsx)(ee,{open:I,automation:z,initial:H,models:r,saving:W,onClose:()=>L(!1),onSave:e=>void oe(e)})]})};function Q({icon:e,label:t,destructive:n,onClick:r}){return(0,B.jsxs)(`button`,{onClick:r,className:s(`flex w-full items-center gap-2 rounded-lg px-2.5 py-1.5 text-start text-[13px] transition-colors`,n?`text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-900/20`:`text-gray-700 hover:bg-black/[0.04] dark:text-dark-700 dark:hover:bg-white/[0.06]`),children:[(0,B.jsx)(e,{className:`h-3.5 w-3.5`}),t]})}export{Z as default};

package/frontend/dist/js/AvatarUpload-DnCGQ46o.js

@@ -0,0 +1 @@
+import{r as e}from"./rolldown-runtime-hePW80VL.js";import{_ as t,g as n}from"./markdown-core-BK7WVOb7.js";import{t as r}from"./useTranslation-D7uLySn1.js";import{c as i,f as a,gr as o,n as s}from"./ui-vendor-CRZXLK0Q.js";import{t as c}from"./logger-CpCQz3Vi.js";import{t as l}from"./Button-CpobxJ2P.js";import"./ui-DFa2W4QC.js";var u=e(t(),1),d=n(),f=c(`components:avatar-upload`),p=({value:e,onChange:t,className:n=``})=>{let{t:c}=r(),p=(0,u.useRef)(null),[m,h]=(0,u.useState)(!1),[g,_]=(0,u.useState)(!1),v=async e=>{if(!e.type.startsWith(`image/`)){o.error(c(`user.avatar.invalidFile`));return}if(e.size>2097152){o.error(c(`user.avatar.fileTooLarge`));return}h(!0);try{let n=new FileReader;n.onload=e=>{let n=e.target?.result;t(n),o.success(c(`user.avatar.uploaded`))},n.onerror=()=>{o.error(c(`user.avatar.readFailed`))},n.readAsDataURL(e)}catch(e){f.error(`Failed to upload avatar:`,e),o.error(c(`user.avatar.uploadFailed`))}finally{h(!1)}},y=e=>{let t=e.target.files?.[0];t&&v(t)},b=e=>{e.preventDefault(),_(!0)},x=e=>{e.preventDefault(),_(!1)},S=e=>{e.preventDefault(),_(!1);let t=e.dataTransfer.files?.[0];t&&v(t)},C=()=>{t(``),o.success(c(`user.avatar.removed`))},w=()=>e||null;return(0,d.jsx)(`div`,{className:`space-y-4 ${n}`,children:(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`label`,{className:`block text-sm font-medium text-gray-700 dark:text-dark-600 mb-2`,children:c(`user.avatar.label`)}),(0,d.jsxs)(`div`,{className:`flex items-start gap-4`,children:[(0,d.jsx)(`div`,{className:`flex-shrink-0`,children:(0,d.jsx)(`div`,{className:`w-20 h-20 rounded-full overflow-hidden bg-gray-100 dark:bg-dark-200 border-2 border-gray-300 dark:border-dark-300 flex items-center justify-center`,children:w()?(0,d.jsx)(`img`,{src:w(),alt:`Avatar preview`,className:`w-full h-full object-cover`}):(0,d.jsx)(i,{className:`h-8 w-8 text-gray-400 dark:text-gray-500`})})}),(0,d.jsxs)(`div`,{className:`flex-1 space-y-3`,children:[e?(0,d.jsxs)(`div`,{className:`flex items-center gap-3 p-3 bg-gray-50 dark:bg-dark-200 rounded-lg`,children:[(0,d.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,d.jsx)(`p`,{className:`text-sm font-medium text-gray-900 dark:text-gray-100 truncate`,children:c(`user.avatar.customAvatar`)}),(0,d.jsx)(`p`,{className:`text-xs text-gray-500 dark:text-gray-400`,children:c(`user.avatar.clickToChange`)})]}),(0,d.jsx)(l,{variant:`ghost`,size:`sm`,onClick:C,className:`text-red-600 hover:text-red-700 hover:bg-red-50 dark:text-red-400 dark:hover:text-red-300 dark:hover:bg-red-900/20`,children:(0,d.jsx)(s,{className:`h-4 w-4`})})]}):(0,d.jsxs)(`div`,{className:`border-2 border-dashed rounded-lg p-4 text-center cursor-pointer transition-colors ${g?`border-primary-500 bg-primary-50 dark:bg-primary-900/20`:`border-gray-300 dark:border-gray-600 hover:border-gray-400 dark:hover:border-gray-500`}`,onDragOver:b,onDragLeave:x,onDrop:S,onClick:()=>p.current?.click(),children:[(0,d.jsx)(a,{className:`h-8 w-8 mx-auto text-gray-400 dark:text-gray-500 mb-2`}),(0,d.jsx)(`p`,{className:`text-sm font-medium text-gray-900 dark:text-gray-100 mb-2`,children:c(`user.avatar.uploadAvatarImage`)}),(0,d.jsx)(`p`,{className:`text-xs text-gray-500 dark:text-gray-400 mb-2`,children:c(`user.avatar.dragAndDrop`)}),(0,d.jsxs)(l,{variant:`outline`,size:`sm`,disabled:m,className:`mx-auto`,children:[(0,d.jsx)(a,{className:`h-4 w-4 mr-2`}),c(m?`user.avatar.uploading`:`user.avatar.chooseImage`)]})]}),(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`label`,{className:`block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1`,children:c(`user.avatar.enterImageUrl`)}),(0,d.jsx)(`input`,{type:`url`,value:e,onChange:e=>t(e.target.value),className:`w-full px-3 py-2 text-sm border border-gray-300 dark:border-dark-300 rounded-md bg-white dark:bg-dark-50 text-gray-900 dark:text-dark-800`,placeholder:`https://example.com/avatar.jpg`})]})]})]}),(0,d.jsx)(`input`,{ref:p,type:`file`,accept:`image/*`,onChange:y,className:`hidden`}),(0,d.jsx)(`p`,{className:`text-xs text-gray-500 dark:text-gray-400 mt-2`,children:c(`user.avatar.supportedFormats`)})]})})};export{p as t};

package/frontend/dist/js/{Button-C0r3J9G_.js → Button-CpobxJ2P.js}

@@ -1 +1 @@
-import"./rolldown-runtime-hePW80VL.js";import{_ as e,g as t}from"./markdown-core-BK7WVOb7.js";import{t as n}from"./utils-BGrdX9ie.js";e();var r=t(),i=({variant:e=`primary`,size:t=`md`,loading:i=!1,disabled:a,children:o,className:s,...c})=>(0,r.jsxs)(`button`,{className:n(`group relative inline-flex select-none items-center justify-center rounded-xl border font-medium tracking-[-0.01em] transition-[background-color,border-color,color,box-shadow,opacity] duration-150 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 focus-visible:ring-offset-canvas dark:focus-visible:ring-primary-400 disabled:cursor-not-allowed disabled:opacity-40 motion-reduce:transition-none`,{primary:`border-transparent bg-ink text-ink-inverse shadow-subtle hover:opacity-90`,secondary:`border-line bg-surface-raised text-ink shadow-subtle hover:border-line-strong hover:bg-surface-subtle`,outline:`border-line bg-transparent text-ink hover:border-line-strong hover:bg-surface-subtle`,ghost:`border-transparent bg-transparent text-ink-muted shadow-none hover:bg-surface-subtle hover:text-ink`,danger:`border-transparent bg-error-600 text-white shadow-subtle hover:bg-error-700 dark:bg-error-500 dark:text-ink-inverse dark:hover:bg-error-400`}[e],{sm:`h-8 px-3 text-sm gap-1.5`,md:`h-10 px-4 text-sm gap-2`,lg:`h-11 px-5 text-base gap-2.5`}[t],s),disabled:a||i,"aria-busy":i||void 0,...c,children:[i&&(0,r.jsxs)(`svg`,{className:`mr-2 h-4 w-4 animate-spin`,"aria-hidden":`true`,fill:`none`,viewBox:`0 0 24 24`,children:[(0,r.jsx)(`circle`,{className:`opacity-25`,cx:`12`,cy:`12`,r:`10`,stroke:`currentColor`,strokeWidth:`4`}),(0,r.jsx)(`path`,{className:`opacity-75`,fill:`currentColor`,d:`M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z`})]}),o]});export{i as t};
+import"./rolldown-runtime-hePW80VL.js";import{_ as e,g as t}from"./markdown-core-BK7WVOb7.js";import{t as n}from"./utils-sD-qFh8D.js";e();var r=t(),i=({variant:e=`primary`,size:t=`md`,loading:i=!1,disabled:a,children:o,className:s,...c})=>(0,r.jsxs)(`button`,{className:n(`group relative inline-flex select-none items-center justify-center rounded-xl border font-medium tracking-[-0.01em] transition-[background-color,border-color,color,box-shadow,opacity] duration-150 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 focus-visible:ring-offset-canvas dark:focus-visible:ring-primary-400 disabled:cursor-not-allowed disabled:opacity-40 motion-reduce:transition-none`,{primary:`border-transparent bg-ink text-ink-inverse shadow-subtle hover:opacity-90`,secondary:`border-line bg-surface-raised text-ink shadow-subtle hover:border-line-strong hover:bg-surface-subtle`,outline:`border-line bg-transparent text-ink hover:border-line-strong hover:bg-surface-subtle`,ghost:`border-transparent bg-transparent text-ink-muted shadow-none hover:bg-surface-subtle hover:text-ink`,danger:`border-transparent bg-error-600 text-white shadow-subtle hover:bg-error-700 dark:bg-error-500 dark:text-ink-inverse dark:hover:bg-error-400`}[e],{sm:`h-8 px-3 text-sm gap-1.5`,md:`h-10 px-4 text-sm gap-2`,lg:`h-11 px-5 text-base gap-2.5`}[t],s),disabled:a||i,"aria-busy":i||void 0,...c,children:[i&&(0,r.jsxs)(`svg`,{className:`mr-2 h-4 w-4 animate-spin`,"aria-hidden":`true`,fill:`none`,viewBox:`0 0 24 24`,children:[(0,r.jsx)(`circle`,{className:`opacity-25`,cx:`12`,cy:`12`,r:`10`,stroke:`currentColor`,strokeWidth:`4`}),(0,r.jsx)(`path`,{className:`opacity-75`,fill:`currentColor`,d:`M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z`})]}),o]});export{i as t};

package/frontend/dist/js/CalendarPage-JywVP-9y.js

@@ -0,0 +1 @@
+import{r as e}from"./rolldown-runtime-hePW80VL.js";import{_ as t,g as n}from"./markdown-core-BK7WVOb7.js";import{n as r}from"./react-vendor-BG_HPV6X.js";import{f as i}from"./router-vendor-CbexJIsv.js";import{t as a}from"./useTranslation-D7uLySn1.js";import{t as o}from"./utils-sD-qFh8D.js";import{Hn as s,L as c,Vn as l,X as u,_ as d,bn as f,f as p,gr as m,n as h}from"./ui-vendor-CRZXLK0Q.js";import{t as g}from"./logger-CpCQz3Vi.js";import{C as _,E as v}from"./api-F0CnlVH8.js";import{t as y}from"./Button-CpobxJ2P.js";import"./ui-DFa2W4QC.js";import{t as b}from"./ShareDialog-BoE4OVhV.js";import{a as x,c as S,d as C,i as w,l as T,n as E,o as D,r as O,s as k,t as A,u as j}from"./calendarDates-Co3o_05Y.js";var M=e(t(),1),N=n(),P={event:`bg-primary-500/15 text-primary-700 hover:bg-primary-500/25 dark:text-primary-300`,automation:`bg-amber-500/15 text-amber-700 hover:bg-amber-500/25 dark:text-amber-300`,runSucceeded:`bg-emerald-500/15 text-emerald-700 hover:bg-emerald-500/25 dark:text-emerald-300`,runFailed:`bg-red-500/15 text-red-700 hover:bg-red-500/25 dark:text-red-300`};function F({event:e,label:t,onClick:n}){return(0,N.jsx)(`button`,{type:`button`,"data-testid":`calendar-event-chip`,"data-variant":e.variant??`event`,title:e.title,onClick:e=>{e.stopPropagation(),n()},className:o(`w-full truncate rounded-md px-1.5 py-0.5 text-start text-[11px] leading-4 transition-colors`,P[e.variant??`event`],e.baseEventId&&`opacity-75`),children:t})}var I=3;function L({year:e,monthIndex:t,events:n,onDayClick:r,onEventClick:i}){let{t:s,i18n:c}=a(),l=(0,M.useMemo)(()=>O(e,t),[e,t]),u=new Date,d=(0,M.useMemo)(()=>{let e=new Map;for(let t of n){let n=new Date(t.startAt),r=`${n.getFullYear()}-${n.getMonth()}-${n.getDate()}`,i=e.get(r);i?i.push(t):e.set(r,[t])}return e},[n]),f=(0,M.useMemo)(()=>C(c.language),[c.language]);return(0,N.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col`,"data-testid":`calendar-month-grid`,children:[(0,N.jsx)(`div`,{className:`grid grid-cols-7 border-b border-black/[0.06] dark:border-white/[0.07]`,children:f.map(e=>(0,N.jsx)(`div`,{className:`px-2 py-1.5 text-center text-[11px] font-medium uppercase tracking-wide text-gray-400 dark:text-dark-500`,children:e},e))}),(0,N.jsx)(`div`,{className:`grid min-h-0 flex-1 grid-cols-7 grid-rows-6`,children:l.map(e=>{let n=e.getMonth()===t,a=w(e,u),l=`${e.getFullYear()}-${e.getMonth()}-${e.getDate()}`,f=d.get(l)??[],p=f.length-I;return(0,N.jsxs)(`div`,{role:`gridcell`,"data-testid":`calendar-day-cell`,onClick:()=>r(e),className:o(`flex min-h-0 cursor-pointer flex-col gap-0.5 border-b border-e border-black/[0.04] p-1 transition-colors hover:bg-black/[0.02] dark:border-white/[0.04] dark:hover:bg-white/[0.03]`,!n&&`opacity-40`),children:[(0,N.jsx)(`span`,{className:o(`flex h-6 w-6 items-center justify-center rounded-full text-[12px]`,a?`bg-primary-500 font-semibold text-white`:`text-gray-600 dark:text-dark-600`),children:e.getDate()}),(0,N.jsxs)(`div`,{className:`flex min-h-0 flex-col gap-0.5 overflow-hidden`,children:[f.slice(0,I).map(e=>(0,N.jsx)(F,{event:e,label:e.allDay?e.title:`${k(e.startAt,c.language)} ${e.title}`,onClick:()=>i(e)},e.id)),p>0&&(0,N.jsx)(`span`,{className:`px-1 text-[10px] text-gray-400 dark:text-dark-500`,children:s(`calendar.more`,{n:p})})]})]},l)})})]})}var R=48;function ee({anchor:e,events:t,dayCount:n=7,onDayClick:r,onEventClick:i}){let{i18n:s}=a(),c=(0,M.useMemo)(()=>n===1?[new Date(e.getFullYear(),e.getMonth(),e.getDate())]:j(e),[e,n]),l=new Date,u=(0,M.useMemo)(()=>new Intl.DateTimeFormat(s.language,{hour:`numeric`}),[s.language]),d=(0,M.useMemo)(()=>new Intl.DateTimeFormat(s.language,{weekday:`short`,day:`numeric`}),[s.language]),f=e=>t.filter(t=>t.allDay&&w(new Date(t.startAt),e)),p=e=>t.filter(t=>!t.allDay&&w(new Date(t.startAt),e));return(0,N.jsx)(`div`,{className:`scroll-region min-h-0 flex-1 overflow-y-auto scrollbar-thin`,"data-testid":`calendar-week-grid`,children:(0,N.jsxs)(`div`,{className:`grid grid-cols-[3.5rem_repeat(7,1fr)]`,children:[(0,N.jsx)(`div`,{className:`sticky top-0 z-10 border-b border-black/[0.06] bg-surface dark:border-white/[0.07]`}),c.map(e=>(0,N.jsxs)(`div`,{className:`sticky top-0 z-10 border-b border-e border-black/[0.06] bg-surface px-1 py-1.5 dark:border-white/[0.07]`,children:[(0,N.jsx)(`span`,{className:o(`block truncate text-center text-[11px] font-medium`,w(e,l)?`text-primary-600 dark:text-primary-400`:`text-gray-500 dark:text-dark-500`),children:d.format(e)}),(0,N.jsx)(`div`,{className:`mt-0.5 space-y-0.5`,children:f(e).map(e=>(0,N.jsx)(F,{event:e,label:e.title,onClick:()=>i(e)},e.id))})]},e.toISOString())),Array.from({length:24},(e,t)=>(0,N.jsxs)(M.Fragment,{children:[(0,N.jsx)(`div`,{className:`relative border-b border-black/[0.04] pe-1.5 text-end text-[10px] text-gray-400 dark:border-white/[0.04] dark:text-dark-500`,children:(0,N.jsx)(`span`,{className:`relative -top-1.5`,children:t>0?u.format(new Date(2024,0,1,t)):``})}),c.map(e=>{let n=p(e).filter(e=>new Date(e.startAt).getHours()===t);return(0,N.jsx)(`div`,{onClick:()=>r(e,t),style:{height:R},className:`cursor-pointer space-y-0.5 overflow-hidden border-b border-e border-black/[0.04] p-0.5 transition-colors hover:bg-black/[0.02] dark:border-white/[0.04] dark:hover:bg-white/[0.03]`,children:n.map(e=>(0,N.jsx)(F,{event:e,label:`${k(e.startAt,s.language)} ${e.title}`,onClick:()=>i(e)},e.id))},`${e.toISOString()}-${t}`)})]},t))]})})}var z=r(),B=e=>!e||e.kind===`once`||e.kind===`hourly`?`none`:e.kind,V=(e,t)=>{let n=new Date(t),r=n.getHours(),i=n.getMinutes();switch(e){case`daily`:return{kind:`daily`,hour:r,minute:i};case`weekly`:return{kind:`weekly`,dayOfWeek:n.getDay(),hour:r,minute:i};case`monthly`:return{kind:`monthly`,dayOfMonth:n.getDate(),hour:r,minute:i};case`yearly`:return{kind:`yearly`,month:n.getMonth()+1,dayOfMonth:n.getDate(),hour:r,minute:i};default:return null}},H=`w-full rounded-lg border border-black/[0.08] bg-white px-2.5 py-1.5 text-[13px] text-gray-900 focus:border-primary-500/40 focus:outline-none dark:border-white/[0.08] dark:bg-dark-100 dark:text-dark-900`,U=`mb-1 block text-[11px] font-medium uppercase tracking-wide text-gray-400 dark:text-dark-500`;function te({open:e,event:t,initialStartAt:n,calendars:r,saving:i,onClose:a,onSave:o,onDelete:s}){return e?(0,N.jsx)(W,{event:t,initialStartAt:n,calendars:r,saving:i,onClose:a,onSave:o,onDelete:s},`${t?.id??`new`}:${n}`):null}function W({event:e,initialStartAt:t,calendars:n,saving:r,onClose:i,onSave:o,onDelete:s}){let{t:c}=a(),l=e?.startAt??t,[u,f]=(0,M.useState)(e?.title??``),[p,m]=(0,M.useState)(e?.notes??``),[g,_]=(0,M.useState)(S(l)),[v,y]=(0,M.useState)(e?T(l):`09:00`),[b,x]=(0,M.useState)(e?.endAt===void 0?``:T(e.endAt)),[C,w]=(0,M.useState)(e?.allDay??!1),[D,O]=(0,M.useState)(B(e?.recurrence)),[k,A]=(0,M.useState)(e?.calendarId??``),[j,P]=(0,M.useState)(e?.reminderMinutes===void 0?``:String(e.reminderMinutes)),F=()=>{if(!u.trim()||!g)return;let e=E(g,C?``:v),t=!C&&b?E(g,b):null;o({title:u.trim(),notes:p.trim()?p.trim():void 0,startAt:e,endAt:t!==null&&t>e?t:null,allDay:C,recurrence:V(D,e),calendarId:k||null,reminderMinutes:j?Number(j):null})},I=[{value:``,label:c(`calendar.reminderNone`)},{value:`5`,label:c(`calendar.reminderMinutes`,{minutes:5})},{value:`15`,label:c(`calendar.reminderMinutes`,{minutes:15})},{value:`30`,label:c(`calendar.reminderMinutes`,{minutes:30})},{value:`60`,label:c(`calendar.reminderHour`)},{value:`1440`,label:c(`calendar.reminderDay`)}],L=[{value:`none`,label:c(`calendar.repeatNone`)},{value:`daily`,label:c(`calendar.repeatDaily`)},{value:`weekly`,label:c(`calendar.repeatWeekly`)},{value:`monthly`,label:c(`calendar.repeatMonthly`)},{value:`yearly`,label:c(`calendar.repeatYearly`)}];return(0,z.createPortal)((0,N.jsx)(`div`,{className:`fixed inset-0 z-[2147483647] flex items-center justify-center bg-gray-950/55 p-4 backdrop-blur-md`,onClick:i,children:(0,N.jsxs)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-labelledby":`calendar-event-modal-title`,"data-testid":`calendar-event-modal`,className:`w-full max-w-md rounded-3xl border border-black/[0.07] bg-white p-6 shadow-[0_24px_80px_rgba(0,0,0,0.24)] animate-scale-in dark:border-white/[0.08] dark:bg-dark-25`,onClick:e=>e.stopPropagation(),children:[(0,N.jsxs)(`div`,{className:`mb-4 flex items-center justify-between`,children:[(0,N.jsx)(`h3`,{id:`calendar-event-modal-title`,className:`text-lg font-medium tracking-[-0.02em] text-gray-950 dark:text-dark-950`,children:c(e?`calendar.editEvent`:`calendar.newEvent`)}),(0,N.jsx)(`button`,{onClick:i,"aria-label":c(`common.close`),className:`rounded-xl p-2 transition-colors hover:bg-gray-100 dark:hover:bg-dark-200`,children:(0,N.jsx)(h,{size:20,className:`text-gray-500`})})]}),(0,N.jsxs)(`div`,{className:`space-y-3`,children:[(0,N.jsxs)(`div`,{children:[(0,N.jsx)(`label`,{htmlFor:`calendar-event-title`,className:U,children:c(`calendar.eventTitle`)}),(0,N.jsx)(`input`,{id:`calendar-event-title`,"data-testid":`calendar-event-title`,type:`text`,value:u,onChange:e=>f(e.target.value),placeholder:c(`calendar.titlePlaceholder`),className:H,maxLength:200,autoFocus:!0})]}),(0,N.jsxs)(`div`,{className:`grid grid-cols-2 gap-3`,children:[(0,N.jsxs)(`div`,{children:[(0,N.jsx)(`label`,{htmlFor:`calendar-event-date`,className:U,children:c(`calendar.date`)}),(0,N.jsx)(`input`,{id:`calendar-event-date`,type:`date`,value:g,onChange:e=>_(e.target.value),className:H})]}),(0,N.jsx)(`div`,{className:`flex items-end pb-1.5`,children:(0,N.jsxs)(`label`,{className:`flex items-center gap-2 text-[13px] text-gray-700 dark:text-dark-700`,children:[(0,N.jsx)(`input`,{type:`checkbox`,checked:C,onChange:e=>w(e.target.checked),className:`h-4 w-4 rounded accent-primary-500`}),c(`calendar.allDay`)]})})]}),!C&&(0,N.jsxs)(`div`,{className:`grid grid-cols-2 gap-3`,children:[(0,N.jsxs)(`div`,{children:[(0,N.jsx)(`label`,{htmlFor:`calendar-event-start`,className:U,children:c(`calendar.start`)}),(0,N.jsx)(`input`,{id:`calendar-event-start`,type:`time`,value:v,onChange:e=>y(e.target.value),className:H})]}),(0,N.jsxs)(`div`,{children:[(0,N.jsx)(`label`,{htmlFor:`calendar-event-end`,className:U,children:c(`calendar.end`)}),(0,N.jsx)(`input`,{id:`calendar-event-end`,type:`time`,value:b,onChange:e=>x(e.target.value),className:H})]})]}),(0,N.jsxs)(`div`,{children:[(0,N.jsx)(`label`,{htmlFor:`calendar-event-repeat`,className:U,children:c(`calendar.repeat`)}),(0,N.jsx)(`select`,{id:`calendar-event-repeat`,value:D,onChange:e=>O(e.target.value),className:H,children:L.map(e=>(0,N.jsx)(`option`,{value:e.value,children:e.label},e.value))})]}),(0,N.jsxs)(`div`,{children:[(0,N.jsx)(`label`,{htmlFor:`calendar-event-notes`,className:U,children:c(`calendar.notes`)}),(0,N.jsx)(`textarea`,{id:`calendar-event-notes`,value:p,onChange:e=>m(e.target.value),rows:3,className:H,maxLength:1e4})]}),(0,N.jsxs)(`div`,{className:`grid grid-cols-2 gap-3`,children:[(0,N.jsxs)(`div`,{children:[(0,N.jsx)(`label`,{className:U,children:c(`calendar.calendarLabel`)}),(0,N.jsxs)(`select`,{value:k,onChange:e=>A(e.target.value),className:H,"data-testid":`calendar-event-calendar`,children:[(0,N.jsx)(`option`,{value:``,children:c(`calendar.personalCalendar`)}),n.map(e=>(0,N.jsx)(`option`,{value:e.id,children:e.name},e.id))]})]}),(0,N.jsxs)(`div`,{children:[(0,N.jsx)(`label`,{className:U,children:c(`calendar.reminderLabel`)}),(0,N.jsx)(`select`,{value:j,onChange:e=>P(e.target.value),className:H,"data-testid":`calendar-event-reminder`,children:I.map(e=>(0,N.jsx)(`option`,{value:e.value,children:e.label},e.value))})]})]}),(0,N.jsxs)(`div`,{className:`flex items-center justify-between gap-3 border-t border-gray-200 pt-4 dark:border-dark-300`,children:[e&&s?(0,N.jsxs)(`button`,{onClick:s,"data-testid":`calendar-event-delete`,className:`flex items-center gap-1.5 rounded-xl px-3 py-2 text-sm font-medium text-red-600 transition-colors hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-900/20`,children:[(0,N.jsx)(d,{className:`h-4 w-4`}),c(`common.delete`)]}):(0,N.jsx)(`span`,{}),(0,N.jsxs)(`div`,{className:`flex gap-3`,children:[(0,N.jsx)(`button`,{onClick:i,className:`rounded-xl px-4 py-2 text-sm font-medium text-gray-700 transition-colors hover:bg-gray-100 dark:text-dark-700 dark:hover:bg-dark-200`,children:c(`common.cancel`)}),(0,N.jsx)(`button`,{onClick:F,disabled:r||!u.trim(),"data-testid":`calendar-event-save`,className:`rounded-xl bg-gray-950 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-gray-800 disabled:cursor-not-allowed disabled:opacity-50 dark:bg-white dark:text-gray-950 dark:hover:bg-gray-100`,children:c(r?`common.saving`:`common.save`)})]})]})]})]})}),document.body)}var G=g(`pages:calendar`),K=()=>{let{t:e,i18n:t}=a(),n=i(),[r,d]=(0,M.useState)(`month`),[g,S]=(0,M.useState)(()=>new Date),[C,w]=(0,M.useState)([]),[T,E]=(0,M.useState)([]),[O,k]=(0,M.useState)(!1),[j,P]=(0,M.useState)(null),[F,I]=(0,M.useState)(()=>Date.now()),[R,z]=(0,M.useState)(!1),[B,V]=(0,M.useState)([]),[H,U]=(0,M.useState)(``),[W,K]=(0,M.useState)(null),q=M.useRef(null),J=(0,M.useMemo)(()=>{if(r===`month`){let e=new Date(g.getFullYear(),g.getMonth(),1),t=D(e);return{from:t.getTime(),to:A(t,42).getTime()}}if(r===`day`){let e=new Date(g.getFullYear(),g.getMonth(),g.getDate());return{from:e.getTime(),to:A(e,1).getTime()}}let e=D(g);return{from:e.getTime(),to:A(e,7).getTime()}},[g,r]),[Y,ne]=(0,M.useState)(0),X=(0,M.useCallback)(()=>ne(e=>e+1),[]);(0,M.useEffect)(()=>{v.getCalendars().then(e=>{e.success&&e.data&&V(e.data)}).catch(e=>G.error(`Failed to load calendars:`,e))},[Y]),(0,M.useEffect)(()=>{let t=!1;return v.getEvents(J.from,J.to).then(e=>{t||e.success&&e.data&&w(e.data)}).catch(n=>{t||(G.error(`Failed to load calendar events:`,n),m.error(e(`calendar.loadFailed`)))}),Promise.all([_.getOccurrences(J.from,J.to),_.getRuns({from:J.from,to:J.to}),_.getAutomations()]).then(([n,r,i])=>{if(t)return;let a=Date.now(),o=t=>i.data?.find(e=>e.id===t)?.name??e(`automations.deletedAutomation`),s=[];for(let e of n.data??[])e.at<=a||s.push({id:`automation:${e.automationId}:${e.at}`,title:e.name,startAt:e.at,allDay:!1,createdAt:e.at,updatedAt:e.at,variant:`automation`});for(let e of r.data??[])(e.status===`succeeded`||e.status===`failed`)&&s.push({id:`run:${e.id}`,title:o(e.automationId),startAt:e.scheduledFor,allDay:!1,createdAt:e.createdAt,updatedAt:e.createdAt,variant:e.status===`succeeded`?`runSucceeded`:`runFailed`,...e.sessionId?{sessionId:e.sessionId}:{}});E(s)}).catch(e=>{t||G.error(`Failed to project automations onto the calendar:`,e)}),()=>{t=!0}},[J.from,J.to,Y,e]);let Z=(0,M.useMemo)(()=>[...C,...T].sort((e,t)=>e.startAt-t.startAt),[C,T]),Q=e=>{S(t=>r===`month`?new Date(t.getFullYear(),t.getMonth()+e,1):A(t,e*(r===`day`?1:7)))},$=(e,t=9)=>{P(null),I(new Date(e.getFullYear(),e.getMonth(),e.getDate(),t,0).getTime()),k(!0)},re=t=>{if(t.variant===`runSucceeded`||t.variant===`runFailed`){t.sessionId?n(`/c/${t.sessionId}`):n(`/automations`);return}if(t.variant===`automation`){n(`/automations`);return}if(t.shared&&t.shared.permission!==`write`){m(e(`calendar.sharedReadOnly`));return}if(t.baseEventId){let e=C.find(e=>e.id===t.baseEventId);P(e??t)}else P(t);k(!0)},ie=async t=>{z(!0);try{let n=j?await v.updateEvent(j.id,t):await v.createEvent(t);n.success?(k(!1),X()):m.error(n.error||e(`calendar.saveFailed`))}catch(t){G.error(`Failed to save calendar event:`,t),m.error(e(`calendar.saveFailed`))}finally{z(!1)}},ae=async()=>{if(j){z(!0);try{let t=await v.deleteEvent(j.id);t.success?(k(!1),X()):m.error(t.error||e(`calendar.deleteFailed`))}catch(t){G.error(`Failed to delete calendar event:`,t),m.error(e(`calendar.deleteFailed`))}finally{z(!1)}}},oe=r===`month`?x(g.getFullYear(),g.getMonth(),t.language):new Intl.DateTimeFormat(t.language,{month:`long`,day:`numeric`,year:`numeric`}).format(r===`day`?g:D(g)),se=async()=>{let t=H.trim();t&&((await v.createCalendar({name:t}).catch(()=>void 0))?.success?(U(``),X()):m.error(e(`calendar.calendarSaveFailed`)))},ce=async t=>{try{let e=await v.exportIcs(t),n=URL.createObjectURL(e),r=document.createElement(`a`);r.href=n,r.download=`calendar.ics`,r.click(),URL.revokeObjectURL(n)}catch(t){G.error(`Failed to export the calendar:`,t),m.error(e(`calendar.exportFailed`))}},le=async t=>{try{let n=await t.text(),r=await v.importIcs(n);r.success&&r.data?(m.success(e(`calendar.importResult`,{total:r.data.imported})),X()):m.error(r.error||e(`calendar.importFailed`))}catch(t){G.error(`Failed to import the calendar:`,t),m.error(e(`calendar.importFailed`))}};return(0,N.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col overflow-hidden`,"data-testid":`calendar-page`,children:[(0,N.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2 border-b border-black/[0.06] px-4 py-3 dark:border-white/[0.07]`,children:[(0,N.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,N.jsx)(`h1`,{className:`text-sm font-semibold text-gray-900 dark:text-dark-900`,children:e(`calendar.title`)}),(0,N.jsx)(`span`,{className:`text-sm text-gray-500 dark:text-dark-500`,"data-testid":`calendar-range-label`,children:oe})]}),(0,N.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,N.jsx)(`div`,{className:`flex items-center rounded-xl bg-black/[0.04] p-0.5 dark:bg-white/[0.06]`,children:[`month`,`week`,`day`].map(t=>(0,N.jsx)(`button`,{onClick:()=>d(t),"data-testid":`calendar-view-${t}`,className:o(`rounded-[10px] px-2.5 py-1 text-[12px] font-medium transition-colors`,r===t?`bg-white text-gray-900 shadow-sm dark:bg-dark-200 dark:text-dark-900`:`text-gray-500 hover:text-gray-800 dark:text-dark-500 dark:hover:text-dark-800`),children:e(`calendar.${t}`)},t))}),(0,N.jsxs)(`div`,{className:`flex items-center gap-0.5`,children:[(0,N.jsx)(y,{size:`sm`,variant:`ghost`,onClick:()=>Q(-1),className:`h-7 w-7 p-0`,title:e(`calendar.previous`),children:(0,N.jsx)(s,{className:`h-4 w-4`})}),(0,N.jsx)(y,{size:`sm`,variant:`ghost`,onClick:()=>S(new Date),className:`h-7 px-2 text-[12px]`,children:e(`calendar.today`)}),(0,N.jsx)(y,{size:`sm`,variant:`ghost`,onClick:()=>Q(1),className:`h-7 w-7 p-0`,title:e(`calendar.next`),children:(0,N.jsx)(l,{className:`h-4 w-4`})})]}),(0,N.jsxs)(y,{size:`sm`,onClick:()=>$(g),"data-testid":`calendar-new-event`,className:`h-7 gap-1 px-2.5 text-[12px]`,children:[(0,N.jsx)(u,{className:`h-3.5 w-3.5`}),e(`calendar.newEvent`)]})]})]}),(0,N.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5 border-b border-black/[0.06] px-4 py-2 dark:border-white/[0.07]`,children:[B.map(t=>(0,N.jsxs)(`span`,{className:`inline-flex items-center gap-1.5 rounded-full border border-black/[0.08] px-2.5 py-1 text-xs text-gray-700 dark:border-white/[0.1] dark:text-dark-800`,"data-testid":`calendar-chip`,children:[(0,N.jsx)(`span`,{className:`h-2 w-2 rounded-full`,style:{backgroundColor:t.color??`#8b8b8b`}}),t.name,t.shared?(0,N.jsx)(`span`,{className:`text-[10px] uppercase text-gray-400 dark:text-dark-500`,children:e(`calendar.sharedBadge`)}):(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`button`,{onClick:()=>K(t),className:`text-gray-400 hover:text-primary-500 dark:text-dark-500`,title:e(`calendar.shareCalendar`),"data-testid":`calendar-share`,children:(0,N.jsx)(c,{className:`h-3 w-3`})}),(0,N.jsx)(`button`,{onClick:()=>void v.deleteCalendar(t.id).then(X),className:`text-gray-400 hover:text-red-500 dark:text-dark-500`,title:e(`common.delete`),children:(0,N.jsx)(h,{className:`h-3 w-3`})})]})]},t.id)),(0,N.jsx)(`input`,{type:`text`,value:H,onChange:e=>U(e.target.value),onKeyDown:e=>{e.key===`Enter`&&se()},placeholder:e(`calendar.newCalendarPlaceholder`),className:`w-36 rounded-full border border-dashed border-black/[0.12] bg-transparent px-2.5 py-1 text-xs text-gray-700 placeholder:text-gray-400 focus:outline-none dark:border-white/[0.16] dark:text-dark-800`,"data-testid":`calendar-new-calendar`}),(0,N.jsxs)(`div`,{className:`ms-auto flex items-center gap-1`,children:[(0,N.jsx)(`input`,{ref:q,type:`file`,accept:`.ics,text/calendar`,className:`hidden`,onChange:e=>{let t=e.target.files?.[0];t&&le(t),e.target.value=``}}),(0,N.jsxs)(y,{size:`sm`,variant:`ghost`,onClick:()=>q.current?.click(),className:`h-7 gap-1 px-2 text-[12px]`,"data-testid":`calendar-import`,children:[(0,N.jsx)(p,{className:`h-3.5 w-3.5`}),e(`calendar.importIcs`)]}),(0,N.jsxs)(y,{size:`sm`,variant:`ghost`,onClick:()=>void ce(),className:`h-7 gap-1 px-2 text-[12px]`,"data-testid":`calendar-export`,children:[(0,N.jsx)(f,{className:`h-3.5 w-3.5`}),e(`calendar.exportIcs`)]})]})]}),r===`month`?(0,N.jsx)(L,{year:g.getFullYear(),monthIndex:g.getMonth(),events:Z,onDayClick:e=>$(e),onEventClick:re}):(0,N.jsx)(ee,{anchor:g,events:Z,dayCount:r===`day`?1:7,onDayClick:(e,t)=>$(e,t),onEventClick:re}),W&&(0,N.jsx)(b,{resourceType:`calendar`,resourceId:W.id,resourceLabel:W.name,onClose:()=>K(null)}),(0,N.jsx)(te,{open:O,event:j,initialStartAt:F,calendars:B.filter(e=>!e.shared||e.shared.permission===`write`),saving:R,onClose:()=>k(!1),onSave:e=>void ie(e),onDelete:()=>void ae()})]})};export{K as default};

package/frontend/dist/js/ChannelsPage-B31rcARd.js

@@ -0,0 +1 @@
+import{r as e}from"./rolldown-runtime-hePW80VL.js";import{_ as t,g as n}from"./markdown-core-BK7WVOb7.js";import{i as r}from"./router-vendor-CbexJIsv.js";import{t as i}from"./useTranslation-D7uLySn1.js";import{r as a,t as o}from"./utils-sD-qFh8D.js";import{t as s}from"./chatStore-DI79tEJ-.js";import{$ as c,At as l,B as u,Ct as d,Ht as f,Ot as p,St as m,Tn as ee,V as h,Wn as te,X as g,_ as ne,gr as _,it as re,lr as v,mn as y,n as b,s as x,tr as ie,tt as ae}from"./ui-vendor-CRZXLK0Q.js";import{t as S}from"./logger-CpCQz3Vi.js";import{T as C}from"./api-F0CnlVH8.js";import{t as oe}from"./authStore-DlSQ1TcP.js";import{t as w}from"./Button-CpobxJ2P.js";import{i as T,n as E,r as D}from"./ui-DFa2W4QC.js";import{t as se}from"./teamEventStream-CgUkgjFC.js";var O=e(t(),1),k=n(),ce=[`👍`,`🎉`,`❤️`,`😄`,`👀`,`🚀`],le=({message:e,currentUserId:t,canModerate:n,actions:r,compact:s=!1})=>{let{t:u,i18n:d}=i(),[f,p]=(0,O.useState)(!1),[ee,h]=(0,O.useState)(e.content),[g,_]=(0,O.useState)(!1),v=e.authorKind===`model`,x=!v&&e.author?.userId===t&&!e.deleted,S=v?e.model??u(`channels.modelAuthor`):e.author?.username??u(`channels.unknownAuthor`);return(0,k.jsxs)(`div`,{className:o(`group relative rounded-xl px-2.5 py-1.5 hover:bg-black/[0.025] dark:hover:bg-white/[0.03]`,s&&`px-2 py-1`),"data-testid":`channel-message`,children:[(0,k.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[v&&(0,k.jsx)(ie,{className:`h-3.5 w-3.5 shrink-0 self-center text-primary-500`}),(0,k.jsx)(`span`,{className:o(`shrink-0 text-[13px] font-semibold`,v?`text-primary-600 dark:text-primary-400`:`text-gray-900 dark:text-dark-900`),children:S}),(0,k.jsx)(`span`,{className:`shrink-0 text-[11px] text-gray-400 dark:text-dark-500`,children:a(e.createdAt,d.language)}),e.editedAt&&!e.deleted&&(0,k.jsx)(`span`,{className:`shrink-0 text-[10px] text-gray-400 dark:text-dark-500`,children:u(`channels.edited`)}),e.pinnedAt&&(0,k.jsx)(c,{className:`h-3 w-3 shrink-0 text-amber-500`})]}),e.deleted?(0,k.jsx)(`p`,{className:`text-[13px] italic text-gray-400 dark:text-dark-500`,children:u(`channels.deletedMessage`)}):f?(0,k.jsxs)(`div`,{className:`mt-1 flex items-end gap-1.5`,children:[(0,k.jsx)(`textarea`,{value:ee,onChange:e=>h(e.target.value),rows:2,className:`min-w-0 flex-1 resize-none rounded-lg border border-black/[0.08] bg-transparent px-2 py-1 text-[13px] focus:outline-none dark:border-white/[0.1] dark:text-dark-900`,"data-testid":`channel-message-edit`}),(0,k.jsx)(`button`,{type:`button`,onClick:()=>{r.onEdit(e,ee),p(!1)},className:`rounded-md p-1.5 text-emerald-600 hover:bg-emerald-50 dark:hover:bg-emerald-900/20`,children:(0,k.jsx)(te,{className:`h-3.5 w-3.5`})}),(0,k.jsx)(`button`,{type:`button`,onClick:()=>p(!1),className:`rounded-md p-1.5 text-gray-400 hover:bg-black/[0.04] dark:hover:bg-white/[0.06]`,children:(0,k.jsx)(b,{className:`h-3.5 w-3.5`})})]}):(0,k.jsxs)(k.Fragment,{children:[e.pending?(0,k.jsxs)(`p`,{className:`flex items-center gap-1.5 text-[13px] text-gray-400 dark:text-dark-500`,children:[(0,k.jsx)(l,{className:`h-3.5 w-3.5 animate-spin`}),u(`channels.modelThinking`)]}):e.error?(0,k.jsx)(`p`,{className:`text-[13px] text-red-500`,children:e.error}):(0,k.jsx)(`p`,{className:`whitespace-pre-wrap break-words text-[13px] leading-relaxed text-gray-800 dark:text-dark-800`,children:e.content}),(e.attachments?.length??0)>0&&(0,k.jsx)(`div`,{className:`mt-1 space-y-1`,children:e.attachments.map(e=>(0,k.jsxs)(`button`,{type:`button`,onClick:()=>void r.onDownload(e.id,e.filename),className:`flex items-center gap-1.5 rounded-lg border border-black/[0.06] px-2 py-1 text-[12px] text-gray-600 hover:bg-black/[0.03] dark:border-white/[0.08] dark:text-dark-700 dark:hover:bg-white/[0.04]`,"data-testid":`channel-attachment`,children:[(0,k.jsx)(re,{className:`h-3 w-3`}),(0,k.jsx)(`span`,{className:`min-w-0 truncate`,children:e.filename})]},e.id))})]}),(e.reactions?.length??0)>0&&(0,k.jsx)(`div`,{className:`mt-1 flex flex-wrap gap-1`,children:e.reactions.map(t=>(0,k.jsxs)(`button`,{type:`button`,onClick:()=>void r.onReact(e,t.emoji,t.mine),className:o(`rounded-full border px-1.5 py-0.5 text-[11px]`,t.mine?`border-primary-400/50 bg-primary-500/10 text-primary-600 dark:text-primary-400`:`border-black/[0.08] text-gray-600 hover:bg-black/[0.03] dark:border-white/[0.1] dark:text-dark-700`),"data-testid":`channel-reaction`,children:[t.emoji,` `,t.count]},t.emoji))}),!s&&(e.replyCount??0)>0&&r.onReply&&(0,k.jsxs)(`button`,{type:`button`,onClick:()=>r.onReply(e),className:`mt-1 flex items-center gap-1 text-[11px] font-medium text-primary-600 hover:underline dark:text-primary-400`,"data-testid":`channel-reply-count`,children:[(0,k.jsx)(m,{className:`h-3 w-3`}),u(`channels.replyCount`,{total:e.replyCount})]}),!e.deleted&&!f&&(0,k.jsxs)(`div`,{className:`absolute -top-2.5 right-2 hidden items-center gap-0.5 rounded-lg border border-black/[0.08] bg-white px-1 py-0.5 shadow-sm group-hover:flex dark:border-white/[0.1] dark:bg-dark-50`,children:[(0,k.jsxs)(`div`,{className:`relative`,children:[(0,k.jsx)(`button`,{type:`button`,onClick:()=>_(e=>!e),className:`rounded p-1 text-gray-400 hover:text-gray-700 dark:hover:text-dark-800`,title:u(`channels.react`),"data-testid":`channel-react`,children:(0,k.jsx)(y,{className:`h-3.5 w-3.5`})}),g&&(0,k.jsx)(`div`,{className:`absolute right-0 top-6 z-10 flex gap-0.5 rounded-lg border border-black/[0.08] bg-white p-1 shadow-md dark:border-white/[0.1] dark:bg-dark-50`,children:ce.map(t=>(0,k.jsx)(`button`,{type:`button`,onClick:()=>{let n=!!e.reactions?.find(e=>e.emoji===t)?.mine;r.onReact(e,t,n),_(!1)},className:`rounded p-0.5 text-sm hover:bg-black/[0.05] dark:hover:bg-white/[0.08]`,children:t},t))})]}),r.onReply&&!e.parentId&&(0,k.jsx)(`button`,{type:`button`,onClick:()=>r.onReply(e),className:`rounded p-1 text-gray-400 hover:text-gray-700 dark:hover:text-dark-800`,title:u(`channels.reply`),"data-testid":`channel-reply`,children:(0,k.jsx)(m,{className:`h-3.5 w-3.5`})}),(0,k.jsx)(`button`,{type:`button`,onClick:()=>void r.onPin(e),className:`rounded p-1 text-gray-400 hover:text-amber-500`,title:e.pinnedAt?u(`channels.unpin`):u(`channels.pin`),"data-testid":`channel-pin`,children:(0,k.jsx)(c,{className:`h-3.5 w-3.5`})}),x&&(0,k.jsx)(`button`,{type:`button`,onClick:()=>{h(e.content),p(!0)},className:`rounded p-1 text-gray-400 hover:text-gray-700 dark:hover:text-dark-800`,title:u(`channels.edit`),"data-testid":`channel-edit`,children:(0,k.jsx)(ae,{className:`h-3.5 w-3.5`})}),(x||n)&&(0,k.jsx)(`button`,{type:`button`,onClick:()=>void r.onDelete(e),className:`rounded p-1 text-gray-400 hover:text-red-500`,title:u(`channels.deleteMessage`),"data-testid":`channel-delete-message`,children:(0,k.jsx)(ne,{className:`h-3.5 w-3.5`})})]})]})},A=S(`pages:channels`),ue=e=>e.type===`dm`?(0,k.jsx)(d,{className:`h-3.5 w-3.5 shrink-0`}):e.type===`private`?(0,k.jsx)(p,{className:`h-3.5 w-3.5 shrink-0`}):(0,k.jsx)(f,{className:`h-3.5 w-3.5 shrink-0`}),de=e=>e.type===`dm`?e.dmPeer?.username??`…`:e.name,fe=()=>{let{t:e}=i(),t=oe(e=>e.user),n=s(e=>e.models),[a,f]=(0,O.useState)([]),[p,te]=(0,O.useState)(null),[ne,y]=(0,O.useState)(!1),[ae,S]=(0,O.useState)(!0),[T,E]=(0,O.useState)(null),[D,ce]=(0,O.useState)(null),[fe,j]=(0,O.useState)([]),[_e,ve]=(0,O.useState)([]),[M,N]=(0,O.useState)(null),[P,F]=(0,O.useState)(null),[ye,I]=(0,O.useState)([]),[L,R]=(0,O.useState)(``),[z,be]=(0,O.useState)(``),[B,xe]=(0,O.useState)(!1),[V,H]=(0,O.useState)(null),[Se,U]=(0,O.useState)(!1),[Ce,we]=(0,O.useState)(!1),[W,Te]=(0,O.useState)(``),[Ee,G]=(0,O.useState)(!1),De=(0,O.useRef)(null),Oe=(0,O.useRef)(null),[ke,Ae]=r(),K=(0,O.useMemo)(()=>a.find(e=>e.id===T)??null,[a,T]),[je,Me]=(0,O.useState)(null);T!==je&&(Me(T),ce(null),F(null),N(null));let q=K?.role===`owner`,J=(0,O.useCallback)(()=>{C.listMine().then(e=>{e.success&&e.data&&f(e.data)}).catch(e=>A.error(`Failed to load channels:`,e)).finally(()=>S(!1))},[]);(0,O.useEffect)(()=>{J();let e=window.setInterval(J,3e4);return()=>window.clearInterval(e)},[J]);let Y=ke.get(`channel`);Y&&T!==Y&&E(Y),(0,O.useEffect)(()=>{Y&&Ae({},{replace:!0})},[Y,Ae]);let X=(0,O.useCallback)(e=>{C.listMessages(e,{limit:100}).then(e=>{e.success&&e.data&&ce(e.data)}).catch(e=>A.error(`Failed to load messages:`,e))},[]),Ne=(0,O.useRef)(null);(0,O.useEffect)(()=>{Ne.current=P},[P]);let Pe=(0,O.useCallback)(e=>{X(e),C.markRead(e);let t=Ne.current;t&&C.thread(t).then(e=>{e.success&&e.data&&I(e.data)})},[X]);(0,O.useEffect)(()=>{if(!T)return;X(T),C.markRead(T).then(J);let e=new AbortController;return se({path:`/channels/${T}/events`,signal:e.signal,onEvent:()=>Pe(T)}),()=>e.abort()},[T,X,J,Pe]);let Fe=D?.length??0;(0,O.useEffect)(()=>{let e=Oe.current;e&&(e.scrollTop=e.scrollHeight)},[Fe,T]),(0,O.useEffect)(()=>{!T||!M||(M===`members`?C.listMembers(T).then(e=>{e.success&&e.data&&j(e.data)}):C.listPins(T).then(e=>{e.success&&e.data&&ve(e.data)}))},[T,M]),(0,O.useEffect)(()=>{P&&C.thread(P).then(e=>{e.success&&e.data&&I(e.data)})},[P]);let Ie=()=>{y(!0),C.listPublic().then(e=>{e.success&&e.data&&te(e.data)})},Z=async t=>{if(!T||B)return;let n=L.trim();if(!(!n&&!V)){xe(!0);try{let r=await C.postMessage(T,{content:n,...t?{parentId:t}:{},...V?{attachmentIds:[V.id]}:{},...z?{mentionModel:z}:{}});if(r.success){if(R(``),H(null),be(``),X(T),t){let e=await C.thread(t);e.success&&e.data&&I(e.data)}}else _.error(r.error||e(`channels.sendFailed`))}catch(t){A.error(`Failed to send message:`,t),_.error(e(`channels.sendFailed`))}finally{xe(!1)}}},Le=async t=>{if(T)try{let n=await C.uploadAttachment(T,t);n.success&&n.data?H({id:n.data.id,filename:n.data.filename}):_.error(n.error||e(`channels.uploadFailed`))}catch(t){A.error(`Failed to upload attachment:`,t),_.error(e(`channels.uploadFailed`))}},Re=async()=>{if(!(!T||!W.trim()))if((await C.addMember(T,W.trim()).catch(()=>void 0))?.success){Te(``);let t=await C.listMembers(T);t.success&&t.data&&j(t.data),_.success(e(`channels.memberAdded`))}else _.error(e(`channels.memberAddFailed`))},Q={onReply:e=>F(e.id),onEdit:async(e,t)=>{(await C.editMessage(e.id,t).catch(()=>void 0))?.success&&T&&X(T)},onDelete:async e=>{(await C.deleteMessage(e.id).catch(()=>void 0))?.success&&T&&X(T)},onPin:async e=>{await C.setPinned(e.id,!e.pinnedAt).catch(()=>void 0),T&&X(T)},onReact:async(e,t,n)=>{n?await C.removeReaction(e.id,t).catch(()=>void 0):await C.addReaction(e.id,t).catch(()=>void 0),T&&X(T)},onDownload:async(e,t)=>{try{let n=await C.downloadAttachment(e),r=URL.createObjectURL(n),i=document.createElement(`a`);i.href=r,i.download=t,i.click(),URL.revokeObjectURL(r)}catch(e){A.error(`Failed to download attachment:`,e)}}},$=ye[0];return(0,k.jsxs)(`div`,{className:`flex h-full min-h-0`,children:[(0,k.jsxs)(`aside`,{className:o(`flex w-64 shrink-0 flex-col border-r border-black/[0.06] dark:border-white/[0.06]`,T?`hidden md:flex`:`flex`),"data-testid":`channel-rail`,children:[(0,k.jsxs)(`div`,{className:`flex items-center gap-1 px-3 py-2.5`,children:[(0,k.jsx)(`h1`,{className:`min-w-0 flex-1 truncate text-sm font-semibold text-gray-900 dark:text-dark-900`,children:e(`channels.title`)}),(0,k.jsx)(`button`,{type:`button`,onClick:Ie,title:e(`channels.browsePublic`),className:`rounded-md p-1.5 text-gray-500 hover:bg-black/[0.04] dark:text-dark-600 dark:hover:bg-white/[0.06]`,"data-testid":`channels-browse`,children:(0,k.jsx)(ee,{className:`h-4 w-4`})}),(0,k.jsx)(`button`,{type:`button`,onClick:()=>we(!0),title:e(`channels.newDm`),className:`rounded-md p-1.5 text-gray-500 hover:bg-black/[0.04] dark:text-dark-600 dark:hover:bg-white/[0.06]`,"data-testid":`channels-new-dm`,children:(0,k.jsx)(d,{className:`h-4 w-4`})}),(0,k.jsx)(`button`,{type:`button`,onClick:()=>U(!0),title:e(`channels.newChannel`),className:`rounded-md p-1.5 text-gray-500 hover:bg-black/[0.04] dark:text-dark-600 dark:hover:bg-white/[0.06]`,"data-testid":`channels-new`,children:(0,k.jsx)(g,{className:`h-4 w-4`})})]}),(0,k.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-2 pb-3 scrollbar-thin`,children:ae?(0,k.jsx)(l,{className:`mx-auto mt-6 h-4 w-4 animate-spin text-gray-400`}):a.length===0?(0,k.jsx)(`p`,{className:`px-2 pt-6 text-center text-xs text-gray-400 dark:text-dark-500`,children:e(`channels.empty`)}):a.map(e=>(0,k.jsxs)(`button`,{type:`button`,onClick:()=>E(e.id),className:o(`flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-left text-[13px]`,T===e.id?`bg-black/[0.05] text-gray-900 dark:bg-white/[0.08] dark:text-dark-900`:`text-gray-600 hover:bg-black/[0.03] dark:text-dark-700 dark:hover:bg-white/[0.04]`),"data-testid":`channel-item`,children:[ue(e),(0,k.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:de(e)}),(e.unreadCount??0)>0&&(0,k.jsx)(`span`,{className:`rounded-full bg-primary-500 px-1.5 text-[10px] font-semibold leading-4 text-white`,"data-testid":`channel-unread`,children:e.unreadCount})]},e.id))})]}),(0,k.jsx)(`main`,{className:`flex min-w-0 flex-1 flex-col`,children:K?(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)(`header`,{className:`flex items-center gap-2 border-b border-black/[0.06] px-4 py-2.5 dark:border-white/[0.06]`,children:[(0,k.jsx)(`button`,{type:`button`,onClick:()=>E(null),className:`rounded-md p-1 text-gray-500 hover:bg-black/[0.04] md:hidden dark:text-dark-600`,children:(0,k.jsx)(v,{className:`h-4 w-4`})}),ue(K),(0,k.jsx)(`h2`,{className:`min-w-0 flex-1 truncate text-sm font-semibold text-gray-900 dark:text-dark-900`,"data-testid":`channel-title`,children:de(K)}),(0,k.jsx)(`button`,{type:`button`,onClick:()=>N(M===`pins`?null:`pins`),title:e(`channels.pins`),className:`rounded-md p-1.5 text-gray-500 hover:bg-black/[0.04] dark:text-dark-600 dark:hover:bg-white/[0.06]`,"data-testid":`channel-pins-toggle`,children:(0,k.jsx)(c,{className:`h-4 w-4`})}),(0,k.jsx)(`button`,{type:`button`,onClick:()=>N(M===`members`?null:`members`),title:e(`channels.members`),className:`rounded-md p-1.5 text-gray-500 hover:bg-black/[0.04] dark:text-dark-600 dark:hover:bg-white/[0.06]`,"data-testid":`channel-members-toggle`,children:(0,k.jsx)(x,{className:`h-4 w-4`})}),q&&K.type!==`dm`&&(0,k.jsx)(`button`,{type:`button`,onClick:()=>G(!0),title:e(`channels.settings`),className:`rounded-md p-1.5 text-gray-500 hover:bg-black/[0.04] dark:text-dark-600 dark:hover:bg-white/[0.06]`,"data-testid":`channel-settings`,children:(0,k.jsx)(u,{className:`h-4 w-4`})})]}),(0,k.jsxs)(`div`,{className:`flex min-h-0 flex-1`,children:[(0,k.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col`,children:[(0,k.jsx)(`div`,{ref:Oe,className:`min-h-0 flex-1 space-y-1 overflow-y-auto px-4 py-3 scrollbar-thin`,"data-testid":`channel-timeline`,children:D===null?(0,k.jsx)(l,{className:`mx-auto mt-6 h-4 w-4 animate-spin text-gray-400`}):D.length===0?(0,k.jsx)(`p`,{className:`pt-8 text-center text-xs text-gray-400 dark:text-dark-500`,children:e(`channels.noMessages`)}):D.map(e=>(0,k.jsx)(le,{message:e,currentUserId:t?.id,canModerate:q,actions:Q},e.id))}),(0,k.jsxs)(`div`,{className:`border-t border-black/[0.06] p-3 dark:border-white/[0.06]`,children:[V&&(0,k.jsxs)(`div`,{className:`mb-2 flex items-center gap-2 rounded-lg border border-black/[0.06] px-2.5 py-1.5 text-xs text-gray-600 dark:border-white/[0.08] dark:text-dark-700`,children:[(0,k.jsx)(re,{className:`h-3.5 w-3.5`}),(0,k.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:V.filename}),(0,k.jsx)(`button`,{type:`button`,onClick:()=>H(null),className:`text-gray-400 hover:text-red-500`,children:(0,k.jsx)(b,{className:`h-3.5 w-3.5`})})]}),(0,k.jsxs)(`div`,{className:`flex items-end gap-1.5`,children:[(0,k.jsx)(`input`,{ref:De,type:`file`,className:`hidden`,onChange:e=>{let t=e.target.files?.[0];t&&Le(t),e.target.value=``}}),(0,k.jsx)(`button`,{type:`button`,onClick:()=>De.current?.click(),title:e(`channels.attach`),className:`rounded-md p-2 text-gray-500 hover:bg-black/[0.04] dark:text-dark-600 dark:hover:bg-white/[0.06]`,"data-testid":`channel-attach`,children:(0,k.jsx)(re,{className:`h-4 w-4`})}),(0,k.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,k.jsx)(ie,{className:o(`h-4 w-4`,z?`text-primary-500`:`text-gray-400 dark:text-dark-500`)}),(0,k.jsxs)(`select`,{value:z,onChange:e=>be(e.target.value),className:`max-w-[130px] rounded-md border border-black/[0.08] bg-transparent px-1 py-1 text-[11px] text-gray-600 focus:outline-none dark:border-white/[0.1] dark:bg-dark-100 dark:text-dark-700`,title:e(`channels.askModel`),"data-testid":`channel-mention-model`,children:[(0,k.jsx)(`option`,{value:``,children:e(`channels.noModel`)}),n.map(e=>(0,k.jsx)(`option`,{value:e.name,children:e.name},e.name))]})]}),(0,k.jsx)(`textarea`,{value:L,onChange:e=>R(e.target.value),onKeyDown:e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),Z())},rows:1,placeholder:e(`channels.composerPlaceholder`),className:`max-h-32 min-w-0 flex-1 resize-none rounded-xl border border-black/[0.08] bg-transparent px-3 py-2 text-[13px] text-gray-900 placeholder:text-gray-400 focus:border-primary-500/40 focus:outline-none dark:border-white/[0.1] dark:text-dark-900`,"data-testid":`channel-composer`}),(0,k.jsx)(w,{size:`sm`,disabled:B||!L.trim()&&!V,onClick:()=>void Z(),"data-testid":`channel-send`,children:B?(0,k.jsx)(l,{className:`h-4 w-4 animate-spin`}):(0,k.jsx)(h,{className:`h-4 w-4`})})]})]})]}),P&&(0,k.jsxs)(`aside`,{className:`flex w-80 shrink-0 flex-col border-l border-black/[0.06] dark:border-white/[0.06]`,"data-testid":`channel-thread`,children:[(0,k.jsxs)(`div`,{className:`flex items-center gap-2 border-b border-black/[0.06] px-3 py-2 dark:border-white/[0.06]`,children:[(0,k.jsx)(`span`,{className:`flex-1 text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-dark-600`,children:e(`channels.thread`)}),(0,k.jsx)(`button`,{type:`button`,onClick:()=>F(null),className:`rounded-md p-1 text-gray-400 hover:bg-black/[0.04] dark:hover:bg-white/[0.06]`,children:(0,k.jsx)(b,{className:`h-3.5 w-3.5`})})]}),(0,k.jsx)(`div`,{className:`min-h-0 flex-1 space-y-1 overflow-y-auto px-3 py-2 scrollbar-thin`,children:ye.map(e=>(0,k.jsx)(le,{message:e,currentUserId:t?.id,canModerate:q,actions:{...Q,onReply:void 0},compact:!0},e.id))}),(0,k.jsxs)(`div`,{className:`flex items-end gap-1.5 border-t border-black/[0.06] p-2 dark:border-white/[0.06]`,children:[(0,k.jsx)(`textarea`,{value:L,onChange:e=>R(e.target.value),onKeyDown:e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),$&&Z($.id))},rows:1,placeholder:e(`channels.replyPlaceholder`),className:`min-w-0 flex-1 resize-none rounded-lg border border-black/[0.08] bg-transparent px-2.5 py-1.5 text-[13px] text-gray-900 focus:outline-none dark:border-white/[0.1] dark:text-dark-900`,"data-testid":`channel-thread-composer`}),(0,k.jsx)(w,{size:`sm`,disabled:B||!L.trim(),onClick:()=>$&&void Z($.id),children:(0,k.jsx)(h,{className:`h-3.5 w-3.5`})})]})]}),M&&(0,k.jsxs)(`aside`,{className:`flex w-72 shrink-0 flex-col border-l border-black/[0.06] dark:border-white/[0.06]`,"data-testid":`channel-${M}-panel`,children:[(0,k.jsxs)(`div`,{className:`flex items-center gap-2 border-b border-black/[0.06] px-3 py-2 dark:border-white/[0.06]`,children:[(0,k.jsx)(`span`,{className:`flex-1 text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-dark-600`,children:e(M===`members`?`channels.members`:`channels.pins`)}),(0,k.jsx)(`button`,{type:`button`,onClick:()=>N(null),className:`rounded-md p-1 text-gray-400 hover:bg-black/[0.04] dark:hover:bg-white/[0.06]`,children:(0,k.jsx)(b,{className:`h-3.5 w-3.5`})})]}),(0,k.jsx)(`div`,{className:`min-h-0 flex-1 space-y-1.5 overflow-y-auto px-3 py-2 scrollbar-thin`,children:M===`members`?(0,k.jsxs)(k.Fragment,{children:[q&&K.type===`private`&&(0,k.jsxs)(`div`,{className:`mb-2 flex gap-1.5`,children:[(0,k.jsx)(`input`,{type:`text`,value:W,onChange:e=>Te(e.target.value),onKeyDown:e=>{e.key===`Enter`&&Re()},placeholder:e(`channels.invitePlaceholder`),className:`min-w-0 flex-1 rounded-lg border border-black/[0.08] bg-transparent px-2 py-1 text-xs focus:outline-none dark:border-white/[0.1] dark:text-dark-800`,"data-testid":`channel-invite-name`}),(0,k.jsx)(w,{size:`sm`,disabled:!W.trim(),onClick:()=>void Re(),"data-testid":`channel-invite-submit`,children:(0,k.jsx)(g,{className:`h-3.5 w-3.5`})})]}),fe.map(n=>(0,k.jsxs)(`div`,{className:`flex items-center gap-2 rounded-lg px-2 py-1.5 text-[13px] text-gray-700 dark:text-dark-800`,"data-testid":`channel-member`,children:[(0,k.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:n.username}),(0,k.jsx)(`span`,{className:`text-[10px] uppercase text-gray-400 dark:text-dark-500`,children:n.role===`owner`?e(`channels.roleOwner`):``}),q&&n.userId!==t?.id&&K.type!==`dm`&&(0,k.jsx)(`button`,{type:`button`,onClick:()=>void C.removeMember(K.id,n.userId).then(()=>j(e=>e.filter(e=>e.userId!==n.userId))),className:`rounded p-0.5 text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20`,title:e(`channels.removeMember`),children:(0,k.jsx)(b,{className:`h-3 w-3`})})]},n.userId)),!q&&K.type!==`dm`&&(0,k.jsx)(w,{size:`sm`,variant:`ghost`,className:`mt-2 w-full text-red-500`,onClick:()=>void C.removeMember(K.id,t?.id??``).then(()=>{E(null),J()}),"data-testid":`channel-leave`,children:e(`channels.leave`)})]}):_e.length===0?(0,k.jsx)(`p`,{className:`pt-4 text-center text-xs text-gray-400 dark:text-dark-500`,children:e(`channels.noPins`)}):_e.map(e=>(0,k.jsx)(le,{message:e,currentUserId:t?.id,canModerate:q,actions:Q,compact:!0},e.id))})]})]})]}):(0,k.jsxs)(`div`,{className:`flex flex-1 flex-col items-center justify-center gap-2 text-gray-400 dark:text-dark-500`,children:[(0,k.jsx)(m,{className:`h-8 w-8`}),(0,k.jsx)(`p`,{className:`text-sm`,children:e(`channels.selectPrompt`)})]})}),Se&&(0,k.jsx)(pe,{onClose:()=>U(!1),onCreated:e=>{U(!1),J(),E(e.id)}}),Ce&&(0,k.jsx)(me,{onClose:()=>we(!1),onOpened:e=>{we(!1),J(),E(e.id)}}),ne&&(0,k.jsx)(he,{channels:p,onClose:()=>y(!1),onJoined:e=>{y(!1),J(),E(e)}}),Ee&&K&&(0,k.jsx)(ge,{channel:K,onClose:()=>G(!1),onChanged:()=>{G(!1),J()},onDeleted:()=>{G(!1),E(null),J()}})]})},pe=({onClose:e,onCreated:t})=>{let{t:n}=i(),[r,a]=(0,O.useState)(``),[o,s]=(0,O.useState)(`public`),[c,l]=(0,O.useState)(``),[u,d]=(0,O.useState)(!1);return(0,k.jsxs)(E,{titleId:`create-channel-title`,title:n(`channels.newChannel`),onClose:e,testId:`create-channel-modal`,footer:(0,k.jsx)(w,{size:`sm`,disabled:u||!r.trim(),onClick:()=>{d(!0),C.create({type:o,name:r.trim(),...c.trim()?{description:c.trim()}:{}}).then(e=>{e.success&&e.data?t(e.data):_.error(e.error||n(`channels.createFailed`))}).catch(()=>_.error(n(`channels.createFailed`))).finally(()=>d(!1))},"data-testid":`create-channel-submit`,children:n(`channels.create`)}),children:[(0,k.jsxs)(`div`,{children:[(0,k.jsx)(`label`,{className:T,children:n(`channels.nameLabel`)}),(0,k.jsx)(`input`,{className:D,value:r,onChange:e=>a(e.target.value),"data-testid":`create-channel-name`})]}),(0,k.jsxs)(`div`,{children:[(0,k.jsx)(`label`,{className:T,children:n(`channels.typeLabel`)}),(0,k.jsxs)(`select`,{className:D,value:o,onChange:e=>s(e.target.value),"data-testid":`create-channel-type`,children:[(0,k.jsx)(`option`,{value:`public`,children:n(`channels.typePublic`)}),(0,k.jsx)(`option`,{value:`private`,children:n(`channels.typePrivate`)})]})]}),(0,k.jsxs)(`div`,{children:[(0,k.jsx)(`label`,{className:T,children:n(`channels.descriptionLabel`)}),(0,k.jsx)(`textarea`,{className:D,rows:2,value:c,onChange:e=>l(e.target.value)})]})]})},me=({onClose:e,onOpened:t})=>{let{t:n}=i(),[r,a]=(0,O.useState)(``),[o,s]=(0,O.useState)(!1),c=()=>{r.trim()&&(s(!0),C.openDm(r.trim()).then(e=>{e.success&&e.data?t(e.data):_.error(e.error||n(`channels.dmFailed`))}).catch(()=>_.error(n(`channels.dmFailed`))).finally(()=>s(!1)))};return(0,k.jsx)(E,{titleId:`open-dm-title`,title:n(`channels.newDm`),subtitle:n(`channels.dmHint`),onClose:e,testId:`open-dm-modal`,footer:(0,k.jsx)(w,{size:`sm`,disabled:o||!r.trim(),onClick:c,"data-testid":`open-dm-submit`,children:n(`channels.openDm`)}),children:(0,k.jsx)(`input`,{className:D,value:r,onChange:e=>a(e.target.value),onKeyDown:e=>{e.key===`Enter`&&c()},placeholder:n(`channels.dmPlaceholder`),"data-testid":`open-dm-username`})})},he=({channels:e,onClose:t,onJoined:n})=>{let{t:r}=i();return(0,k.jsx)(E,{titleId:`browse-channels-title`,title:r(`channels.browsePublic`),onClose:t,testId:`browse-channels-modal`,children:e===null?(0,k.jsx)(l,{className:`mx-auto h-4 w-4 animate-spin text-gray-400`}):e.length===0?(0,k.jsx)(`p`,{className:`text-center text-xs text-gray-400 dark:text-dark-500`,children:r(`channels.noPublic`)}):e.map(e=>(0,k.jsxs)(`div`,{className:`flex items-center gap-2 rounded-lg border border-black/[0.06] px-3 py-2 dark:border-white/[0.08]`,"data-testid":`browse-channel-item`,children:[(0,k.jsx)(f,{className:`h-3.5 w-3.5 shrink-0 text-gray-400`}),(0,k.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-[13px] text-gray-800 dark:text-dark-800`,children:e.name}),e.isMember?(0,k.jsx)(`span`,{className:`text-[11px] text-gray-400`,children:r(`channels.joined`)}):(0,k.jsx)(w,{size:`sm`,onClick:()=>void C.join(e.id).then(()=>n(e.id)),"data-testid":`browse-channel-join`,children:r(`channels.join`)})]},e.id))})},ge=({channel:e,onClose:t,onChanged:n,onDeleted:r})=>{let{t:a}=i(),[o,s]=(0,O.useState)(e.name),[c,l]=(0,O.useState)(e.description??``),[u,d]=(0,O.useState)(!1);return(0,k.jsxs)(E,{titleId:`channel-settings-title`,title:a(`channels.settings`),onClose:t,testId:`channel-settings-modal`,footer:(0,k.jsxs)(`div`,{className:`flex w-full items-center justify-between`,children:[(0,k.jsx)(w,{size:`sm`,variant:`ghost`,className:`text-red-500`,onClick:()=>void C.delete(e.id).then(e=>{e.success&&r()}),"data-testid":`channel-delete`,children:a(`channels.delete`)}),(0,k.jsx)(w,{size:`sm`,disabled:u||!o.trim(),onClick:()=>{d(!0),C.update(e.id,{name:o.trim(),description:c.trim()}).then(e=>{e.success&&n()}).finally(()=>d(!1))},"data-testid":`channel-settings-save`,children:a(`channels.save`)})]}),children:[(0,k.jsxs)(`div`,{children:[(0,k.jsx)(`label`,{className:T,children:a(`channels.nameLabel`)}),(0,k.jsx)(`input`,{className:D,value:o,onChange:e=>s(e.target.value)})]}),(0,k.jsxs)(`div`,{children:[(0,k.jsx)(`label`,{className:T,children:a(`channels.descriptionLabel`)}),(0,k.jsx)(`textarea`,{className:D,rows:2,value:c,onChange:e=>l(e.target.value)})]})]})};export{fe as default};