@xopcai/xopc 0.0.42 → 0.0.44

package/dist/gateway/static/root/assets/logs-page-DlOmjXKS.js

@@ -0,0 +1,2 @@
+import{i as e}from"./rolldown-runtime-DWdDZTNf.js";import{i as t,t as n}from"./vendor-react-DbimaAId.js";import{At as r,Cn as i,Ct as a,Dt as o,In as s,It as c,Kr as l,Lt as u,Mn as d,Mt as f,Nt as p,Ot as m,Rn as h,Rt as g,Ur as _,_ as v,ai as y,dn as b,dr as x,gn as S,jn as ee,jt as C,ki as te,kn as w,kr as T,mi as E,or as D,qn as O,v as k,vn as ne,wn as A,y as j,zt as M}from"./index-AWwayu4P.js";var N=e(t(),1);function P(e){let t=new URLSearchParams;if(!e)return``;e.level?.length&&t.set(`level`,e.level.join(`,`)),e.from&&t.set(`from`,e.from),e.to&&t.set(`to`,e.to),e.q&&t.set(`q`,e.q),e.module&&t.set(`module`,e.module),e.limit!=null&&t.set(`limit`,String(e.limit)),e.offset!=null&&t.set(`offset`,String(e.offset));let n=t.toString();return n?`?${n}`:``}async function F(e){return S(b(`/api/logs${P(e)}`))}async function I(){return(await S(b(`/api/logs/files`))).files??[]}async function re(){return(await S(b(`/api/logs/modules`))).modules??[]}async function L(){return{byLevel:(await S(b(`/api/logs/stats`))).byLevel??{}}}async function ie(){return(await S(b(`/api/logs/dir`))).dir??``}var R=[`trace`,`debug`,`info`,`warn`,`error`,`fatal`];function z(e){let t=new Date(String(e.timestamp)).getTime();return Number.isFinite(t)?t:0}function B(e){return[...e].sort((e,t)=>z(t)-z(e))}var ae=5e3,V=new Set(R),H=[`error`,`fatal`],U=[`warn`,`error`,`fatal`],W=[`info`,`warn`,`error`,`fatal`];function oe(e){if(!e)return new Set;let t=new Set;for(let n of e.split(`,`)){let e=n.trim();V.has(e)&&t.add(e)}return t}function se(e,t){if(e.size!==t.size)return!1;for(let n of e)if(!t.has(n))return!1;return!0}function G(e,t){return e.size===t.length?t.every(t=>e.has(t)):!1}function ce(e){return e.size===0?`all`:G(e,H)?`errors`:G(e,U)?`warnPlus`:G(e,W)?`infoPlus`:e.size===R.length&&R.every(t=>e.has(t))?`verbose`:`custom`}function le(e){let t=ce(e);return t===`custom`?`other`:t}function ue(e){switch(e){case`all`:return new Set;case`errors`:return new Set(H);case`warnPlus`:return new Set(U);case`infoPlus`:return new Set(W);case`verbose`:return new Set(R)}}function K(e,t){return e.replace(/\{\{(\w+)\}\}/g,(e,n)=>String(t[n]??``))}function q(e){return String(e.module||e.prefix||e.service||e.extension||`—`)}function de(e){if(typeof e.message==`string`&&e.message)return e.message;try{return JSON.stringify(e)}catch{return``}}function J(e){try{return new Date(e).toLocaleTimeString(void 0,{hour:`2-digit`,minute:`2-digit`,second:`2-digit`,hour12:!1})}catch{return e}}function Y(e){try{return new Date(e).toLocaleString()}catch{return e}}function X(e){return e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}function Z(e){let t=e.trim();return t.length<=10?t:`${t.slice(0,8)}…`}function fe(e){return String(e).toLowerCase()}function pe(e,t){let n=[];for(let r of R){let i=e[r]??0;i>0&&n.push(`${t[r]} ${i}`)}return n.join(` · `)}function me(e){let t=ee(e).logs,n=!!ne(e=>e.token),[r,i]=te(),a=r.get(`q`)??``,o=oe(r.get(`level`)),s=r.get(`module`)??``,c=r.get(`from`)??``,l=r.get(`to`)??``,u=r.get(`live`)===`1`,[d,f]=(0,N.useState)([]),[p,m]=(0,N.useState)(!1),[h,g]=(0,N.useState)(null),[_,v]=(0,N.useState)(!1),[y,b]=(0,N.useState)(a),[x,S]=(0,N.useState)(a.trim()),[C,w]=(0,N.useState)(o),[T,E]=(0,N.useState)(s),[D,O]=(0,N.useState)(c),[k,A]=(0,N.useState)(l),[j,M]=(0,N.useState)([]),[P,R]=(0,N.useState)([]),[z,V]=(0,N.useState)(null),[H,U]=(0,N.useState)(null),[W,G]=(0,N.useState)(!1),[ce,K]=(0,N.useState)(!1),[q,de]=(0,N.useState)(null),[J,Y]=(0,N.useState)(u),[X,Z]=(0,N.useState)(null),fe=(0,N.useMemo)(()=>le(C),[C]),pe=e=>{if(e===`other`){K(!0);return}w(ue(e))},me=x.length>0||C.size>0||!!T||!!D||!!k,Q=+(x.length>0)+ +(C.size>0)+ +!!T+(D||k?1:0);(0,N.useEffect)(()=>{let e=setTimeout(()=>S(y.trim()),300);return()=>clearTimeout(e)},[y]),(0,N.useEffect)(()=>{let e=r.get(`q`)??``,t=r.get(`module`)??``,n=r.get(`from`)??``,i=r.get(`to`)??``,a=r.get(`live`)===`1`,o=oe(r.get(`level`)),s=e.trim();b(t=>t===e?t:e),S(e=>e===s?e:s),w(e=>se(o,e)?e:o),E(e=>e===t?e:t),O(e=>e===n?e:n),A(e=>e===i?e:i),Y(e=>e===a?e:a)},[r]),(0,N.useEffect)(()=>{let e=new URLSearchParams(r),t=x.trim();t?e.set(`q`,t):e.delete(`q`),C.size>0?e.set(`level`,Array.from(C).sort().join(`,`)):e.delete(`level`),T?e.set(`module`,T):e.delete(`module`),D?e.set(`from`,D):e.delete(`from`),k?e.set(`to`,k):e.delete(`to`),J?e.set(`live`,`1`):e.delete(`live`),e.toString()!==r.toString()&&i(e,{replace:!0})},[J,D,k,x,T,r,C,i]);let $=(0,N.useMemo)(()=>({q:x||void 0,level:C.size>0?Array.from(C):void 0,module:T||void 0,from:D||void 0,to:k||void 0,limit:50}),[x,C,T,D,k]);return(0,N.useEffect)(()=>{if(!n)return;let e=!1;return(async()=>{m(!0),g(null),f([]);try{let t=await F({...$,offset:0});if(e)return;f(B(t.logs)),v(t.logs.length===50)}catch(n){e||(g(n instanceof Error?n.message:t.loadError),f([]),v(!1))}finally{e||m(!1)}})(),()=>{e=!0}},[n,$,t.loadError]),(0,N.useEffect)(()=>{if(!n)return;let e=!1;return(async()=>{try{let[t,n,r]=await Promise.all([re(),L(),I()]);e||(M(t),V(n),R(r))}catch{}})(),()=>{e=!0}},[n]),(0,N.useEffect)(()=>{if(!n||!W)return;let e=!1;return(async()=>{try{let[t,n]=await Promise.all([I(),ie()]);e||(R(t),de(n))}catch{e||R([])}})(),()=>{e=!0}},[n,W]),(0,N.useEffect)(()=>{if(!J||!n)return;let e=window.setInterval(()=>{(async()=>{try{let e=await F({...$,offset:0});f(B(e.logs)),v(e.logs.length===50),V(await L())}catch{}})()},ae);return()=>clearInterval(e)},[J,n,$]),(0,N.useEffect)(()=>{if(!X)return;let e=window.setTimeout(()=>Z(null),2e3);return()=>clearTimeout(e)},[X]),{L:t,hasToken:n,logs:d,loading:p,error:h,hasMore:_,searchInput:y,setSearchInput:b,selectedLevels:C,setSelectedLevels:w,moduleFilter:T,setModuleFilter:E,dateFrom:D,setDateFrom:O,dateTo:k,setDateTo:A,modules:j,files:P,stats:z,selectedLog:H,setSelectedLog:U,filesOpen:W,setFilesOpen:G,filtersOpen:ce,setFiltersOpen:K,logDir:q,autoRefresh:J,setAutoRefresh:Y,copiedDetail:X,setCopiedDetail:Z,hasActiveFilters:me,activeFilterCount:Q,clearFilters:()=>{b(``),S(``),w(new Set),E(``),O(``),A(``)},toggleDialogLevel:e=>{w(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},handleLoadMore:()=>{p||!_||(async()=>{m(!0),g(null);try{let e=await F({...$,offset:d.length});f(t=>B([...t,...e.logs])),v(e.logs.length===50)}catch(e){g(e instanceof Error?e.message:t.loadError)}finally{m(!1)}})()},refreshAll:()=>{(async()=>{m(!0),g(null);try{let e=await F({...$,offset:0});f(B(e.logs)),v(e.logs.length===50);let[t,n]=await Promise.all([L(),I()]);V(t),R(n)}catch(e){g(e instanceof Error?e.message:t.loadError)}finally{m(!1)}})()},levelSegment:fe,handleLevelSegment:pe}}var Q=n();function $({log:e,labels:t}){let n=e.level??`info`,r=typeof e.requestId==`string`?e.requestId:``,i=typeof e.sessionId==`string`?e.sessionId:``;return(0,Q.jsxs)(`div`,{className:`flex flex-col gap-8`,children:[(0,Q.jsxs)(`div`,{children:[(0,Q.jsx)(`span`,{className:`text-xs font-sans font-medium text-fg-muted`,children:t.message}),(0,Q.jsx)(`pre`,{className:`mt-2 whitespace-pre-wrap break-words border border-edge bg-surface-base p-3 text-xs leading-relaxed text-fg dark:border-edge`,children:e.message||`—`})]}),(0,Q.jsxs)(`div`,{className:`grid grid-cols-[5.5rem_1fr] gap-x-3 gap-y-2 text-xs`,children:[(0,Q.jsx)(`span`,{className:`font-sans text-fg-muted`,children:t.time}),(0,Q.jsx)(`code`,{className:`break-all text-fg`,children:e.timestamp}),(0,Q.jsx)(`span`,{className:`font-sans text-fg-muted`,children:t.level}),(0,Q.jsx)(`span`,{className:`text-fg`,children:fe(n)}),(0,Q.jsx)(`span`,{className:`font-sans text-fg-muted`,children:t.module}),(0,Q.jsx)(`code`,{className:`break-all text-fg`,children:q(e)}),r?(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(`span`,{className:`font-sans text-fg-muted`,children:t.requestId}),(0,Q.jsx)(`code`,{className:`break-all text-fg`,children:r})]}):null,i?(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(`span`,{className:`font-sans text-fg-muted`,children:t.sessionId}),(0,Q.jsx)(`code`,{className:`break-all text-fg`,children:i})]}):null]}),e.meta&&Object.keys(e.meta).length>0?(0,Q.jsxs)(`div`,{children:[(0,Q.jsx)(`span`,{className:`text-xs font-sans font-medium text-fg-muted`,children:t.metadata}),(0,Q.jsx)(`pre`,{className:`mt-2 overflow-x-auto whitespace-pre-wrap break-words border border-edge bg-surface-base p-3 text-xs leading-relaxed text-fg dark:border-edge`,children:JSON.stringify(e.meta,null,2)})]}):null]})}function he({L:e,log:t,onClose:n,copiedDetail:i,onCopiedMessage:a,onCopiedJson:c}){return(0,Q.jsx)(f,{open:t!==null,onOpenChange:e=>!e&&n(),children:(0,Q.jsxs)(C,{children:[(0,Q.jsx)(r,{className:s(`xopc-dialog-overlay fixed inset-0 bg-scrim`,k)}),(0,Q.jsxs)(m,{className:s(`xopc-drawer-right fixed right-0 top-0 flex h-full w-full max-w-lg flex-col border-l border-edge bg-surface-panel shadow-popover outline-none`,v,`dark:border-edge`),"aria-describedby":void 0,children:[(0,Q.jsxs)(`div`,{className:`flex shrink-0 items-center justify-between gap-2 border-b border-edge px-4 py-3 dark:border-edge`,children:[(0,Q.jsx)(p,{className:`text-base font-semibold tracking-tight text-fg`,children:e.details}),(0,Q.jsxs)(`div`,{className:`flex min-w-0 items-center gap-1`,children:[t?(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsxs)(d,{type:`button`,variant:`ghost`,className:`h-9 shrink-0 gap-1 px-2 text-xs`,onClick:()=>{let e=typeof t.message==`string`?t.message:``;navigator.clipboard.writeText(e).then(a)},children:[(0,Q.jsx)(y,{className:`size-3.5 shrink-0`,strokeWidth:1.75}),(0,Q.jsx)(`span`,{className:`hidden sm:inline`,children:i===`message`?e.copied:e.copyMessage})]}),(0,Q.jsxs)(d,{type:`button`,variant:`ghost`,className:`h-9 shrink-0 gap-1 px-2 text-xs`,onClick:()=>{navigator.clipboard.writeText(JSON.stringify(t,null,2)).then(c)},children:[(0,Q.jsx)(y,{className:`size-3.5 shrink-0`,strokeWidth:1.75}),(0,Q.jsx)(`span`,{className:`hidden sm:inline`,children:i===`json`?e.copied:e.copyJson})]})]}):null,(0,Q.jsx)(o,{asChild:!0,children:(0,Q.jsx)(d,{type:`button`,variant:`ghost`,className:`h-9 w-9 shrink-0 p-0`,"aria-label":e.close,children:(0,Q.jsx)(h,{className:`size-5`,strokeWidth:1.75})})})]})]}),(0,Q.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-4 py-4 font-mono text-sm leading-relaxed`,children:t?(0,Q.jsx)($,{log:t,labels:{time:e.time,level:e.level,module:e.module,message:e.message,metadata:e.metadata,requestId:e.requestId,sessionId:e.sessionId}}):null})]})]})})}function ge({L:e,open:t,onOpenChange:n,files:i,logDir:a}){return(0,Q.jsx)(f,{open:t,onOpenChange:n,children:(0,Q.jsxs)(C,{children:[(0,Q.jsx)(r,{className:s(`xopc-dialog-overlay fixed inset-0 bg-scrim`,k)}),(0,Q.jsxs)(m,{className:s(`xopc-dialog-content fixed left-1/2 top-1/2 flex max-h-[min(32rem,85vh)] w-[min(100%-2rem,24rem)] -translate-x-1/2 -translate-y-1/2 flex-col rounded-xl border border-edge bg-surface-panel shadow-popover outline-none`,v,`dark:border-edge`),children:[(0,Q.jsxs)(`div`,{className:`flex shrink-0 items-center justify-between gap-2 border-b border-edge px-4 py-3 dark:border-edge`,children:[(0,Q.jsxs)(p,{className:`flex items-center gap-2 text-base font-semibold tracking-tight text-fg`,children:[(0,Q.jsx)(_,{className:`size-4 text-fg-muted`,strokeWidth:1.75}),e.logFiles]}),(0,Q.jsx)(o,{asChild:!0,children:(0,Q.jsx)(d,{type:`button`,variant:`ghost`,className:`h-9 w-9 shrink-0 p-0`,"aria-label":e.close,children:(0,Q.jsx)(h,{className:`size-5`,strokeWidth:1.75})})})]}),(0,Q.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-4 py-3`,children:i.length===0?(0,Q.jsx)(`p`,{className:`text-sm text-fg-muted`,children:e.filesEmpty}):(0,Q.jsx)(`ul`,{className:`flex flex-col gap-2`,role:`list`,children:i.map(e=>(0,Q.jsxs)(`li`,{className:`flex flex-col gap-1 rounded-lg border border-edge-subtle bg-surface-base px-3 py-2 dark:border-edge`,children:[(0,Q.jsx)(`span`,{className:`break-all font-mono text-xs text-fg`,children:e.name}),(0,Q.jsxs)(`span`,{className:`flex flex-wrap gap-x-2 text-xs text-fg-subtle`,children:[(0,Q.jsx)(`span`,{children:X(e.size)}),(0,Q.jsx)(`span`,{children:Y(e.modified)})]})]},e.name))})}),a?(0,Q.jsxs)(`div`,{className:`shrink-0 border-t border-edge-subtle px-4 py-2 text-xs text-fg-subtle dark:border-edge`,children:[(0,Q.jsxs)(`span`,{className:`font-medium text-fg-muted`,children:[e.logDir,`: `]}),(0,Q.jsx)(`code`,{className:`break-all text-fg-subtle`,children:a})]}):null]})]})})}function _e({L:e,open:t,onOpenChange:n,dateFrom:i,onDateFromChange:a,dateTo:c,onDateToChange:l,selectedLevels:u,onToggleLevel:g}){return(0,Q.jsx)(f,{open:t,onOpenChange:n,children:(0,Q.jsxs)(C,{children:[(0,Q.jsx)(r,{className:s(`xopc-dialog-overlay fixed inset-0 bg-scrim`,k)}),(0,Q.jsxs)(m,{className:s(`xopc-dialog-content fixed left-1/2 top-1/2 flex max-h-[min(32rem,90vh)] w-[min(100%-2rem,22rem)] -translate-x-1/2 -translate-y-1/2 flex-col rounded-xl border border-edge bg-surface-panel shadow-popover outline-none`,v,`dark:border-edge`),"aria-describedby":`log-filters-desc`,children:[(0,Q.jsxs)(`div`,{className:`flex shrink-0 items-center justify-between gap-2 border-b border-edge px-4 py-3 dark:border-edge`,children:[(0,Q.jsx)(p,{className:`text-base font-semibold tracking-tight text-fg`,children:e.filtersDialogTitle}),(0,Q.jsx)(o,{asChild:!0,children:(0,Q.jsx)(d,{type:`button`,variant:`ghost`,className:`h-9 w-9 shrink-0 p-0`,"aria-label":e.close,children:(0,Q.jsx)(h,{className:`size-5`,strokeWidth:1.75})})})]}),(0,Q.jsx)(`div`,{id:`log-filters-desc`,className:`sr-only`,children:e.filtersDialogDesc}),(0,Q.jsxs)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-4 py-4`,children:[(0,Q.jsx)(`p`,{className:`text-xs font-medium text-fg-muted`,children:e.timeRange}),(0,Q.jsxs)(`div`,{className:`mt-2 flex flex-col gap-3`,children:[(0,Q.jsxs)(`div`,{children:[(0,Q.jsx)(`label`,{htmlFor:`log-from-d`,className:`mb-1 block text-xs text-fg-muted`,children:e.from}),(0,Q.jsx)(`input`,{id:`log-from-d`,type:`datetime-local`,value:i,onChange:e=>a(e.target.value),className:`w-full rounded-xl border border-edge bg-surface-base px-2 py-2 text-sm text-fg dark:border-edge`})]}),(0,Q.jsxs)(`div`,{children:[(0,Q.jsx)(`label`,{htmlFor:`log-to-d`,className:`mb-1 block text-xs text-fg-muted`,children:e.to}),(0,Q.jsx)(`input`,{id:`log-to-d`,type:`datetime-local`,value:c,onChange:e=>l(e.target.value),className:`w-full rounded-xl border border-edge bg-surface-base px-2 py-2 text-sm text-fg dark:border-edge`})]})]}),(0,Q.jsx)(`p`,{className:`mt-6 text-xs font-medium text-fg-muted`,children:e.levelCustom}),(0,Q.jsx)(`p`,{className:`mt-1 text-xs leading-5 text-fg-subtle`,children:e.levelCustomHint}),(0,Q.jsx)(`div`,{className:`mt-3 flex flex-wrap gap-2`,role:`group`,"aria-label":e.level,children:R.map(t=>(0,Q.jsx)(`button`,{type:`button`,className:s(`rounded-full border px-3 py-1.5 text-xs font-medium capitalize transition-[color,background-color,border-color] duration-150 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-panel`,u.has(t)?`border-edge bg-surface-active text-fg dark:border-edge`:`border-edge-subtle bg-surface-base text-fg-muted hover:bg-surface-hover dark:border-edge`),onClick:()=>g(t),children:e.levelNames[t]},t))})]}),(0,Q.jsx)(`div`,{className:`shrink-0 border-t border-edge-subtle px-4 py-3 dark:border-edge`,children:(0,Q.jsx)(d,{type:`button`,className:`w-full rounded-xl`,onClick:()=>n(!1),children:e.filtersDone})})]})]})})}function ve({L:e,levelSegment:t,onLevelSegment:n,searchInput:r,onSearchInputChange:i,moduleFilter:o,onModuleFilterChange:c,modules:l,onOpenFilters:u,activeFilterCount:f,hasActiveFilters:p,onClearFilters:m,autoRefresh:g}){return(0,Q.jsxs)(`section`,{className:`flex flex-col gap-3`,"aria-label":e.filters,children:[(0,Q.jsx)(`div`,{className:`overflow-x-auto pb-1 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden`,children:(0,Q.jsx)(`div`,{className:`min-w-[min(100%,36rem)]`,children:(0,Q.jsx)(a,{"aria-label":e.levelPresetAria,value:t,onChange:n,options:[{value:`all`,label:e.presetAll},{value:`errors`,label:e.presetErrors},{value:`warnPlus`,label:e.presetWarnPlus},{value:`infoPlus`,label:e.presetInfoPlus},{value:`verbose`,label:e.presetVerbose},{value:`other`,label:e.presetOther}],buttonClassName:`h-8 px-1.5 text-[11px] sm:px-2 sm:text-xs`})})}),(0,Q.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center`,children:[(0,Q.jsxs)(`label`,{className:`relative min-w-0 flex-1 sm:min-w-[12rem]`,children:[(0,Q.jsx)(`span`,{className:`sr-only`,children:e.searchPlaceholder}),(0,Q.jsx)(D,{className:`pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-fg-subtle`,strokeWidth:1.75,"aria-hidden":!0}),(0,Q.jsx)(`input`,{type:`search`,value:r,onChange:e=>i(e.target.value),placeholder:e.searchPlaceholder,autoComplete:`off`,spellCheck:!1,className:s(`h-10 w-full rounded-md border border-edge bg-surface-panel py-0 pl-10 pr-3 text-sm leading-5 text-fg placeholder:text-fg-subtle dark:border-edge`,A)})]}),(0,Q.jsxs)(`select`,{id:`log-module`,value:o,onChange:e=>c(e.target.value),"aria-label":e.module,title:e.module,className:s(w,`h-10 w-full min-w-0 rounded-md py-0 sm:w-[min(100%,14rem)] sm:shrink-0`),children:[(0,Q.jsx)(`option`,{value:``,children:e.allModules}),l.map(e=>(0,Q.jsx)(`option`,{value:e,children:e},e))]}),(0,Q.jsxs)(`div`,{className:`flex min-w-0 shrink-0 items-center gap-2`,children:[(0,Q.jsxs)(d,{type:`button`,variant:`secondary`,className:`h-10 min-h-[44px] gap-2 rounded-md sm:min-h-10`,onClick:u,children:[(0,Q.jsx)(T,{className:`size-4`,strokeWidth:1.75}),e.filtersMore,f>0?(0,Q.jsx)(`span`,{className:`rounded-md bg-surface-hover px-1.5 text-xs tabular-nums text-fg-muted`,children:f}):null]}),p?(0,Q.jsxs)(d,{type:`button`,variant:`ghost`,className:`h-10 min-h-[44px] gap-1 sm:min-h-10`,onClick:m,children:[(0,Q.jsx)(h,{className:`size-4`,strokeWidth:1.75}),e.clear]}):null]})]}),g?(0,Q.jsx)(`p`,{className:`text-xs leading-5 text-fg-subtle`,children:e.liveHint}):null]})}function ye({L:e,logs:t,loading:n,hasMore:r,onSelectLog:i,onLoadMore:a,onRefreshAll:o}){return(0,Q.jsxs)(Q.Fragment,{children:[n&&t.length===0?(0,Q.jsx)(`div`,{className:`divide-y divide-edge-subtle overflow-hidden rounded-xl border border-edge bg-surface-panel dark:divide-edge dark:border-edge`,"aria-busy":`true`,children:Array.from({length:8}).map((e,t)=>(0,Q.jsxs)(`div`,{className:`flex gap-3 px-3 py-2.5`,children:[(0,Q.jsx)(`div`,{className:`h-4 w-16 shrink-0 bg-surface-hover motion-reduce:animate-none animate-pulse`}),(0,Q.jsx)(`div`,{className:`h-4 w-12 shrink-0 bg-surface-hover motion-reduce:animate-none animate-pulse`}),(0,Q.jsx)(`div`,{className:`h-4 w-20 shrink-0 bg-surface-hover motion-reduce:animate-none animate-pulse`}),(0,Q.jsx)(`div`,{className:`h-4 min-w-0 flex-1 bg-surface-hover motion-reduce:animate-none animate-pulse`})]},t))}):null,!n&&t.length===0?(0,Q.jsxs)(`div`,{className:`flex flex-col items-center justify-center gap-2 rounded-xl border border-edge-subtle bg-surface-base py-16 text-center dark:border-edge`,children:[(0,Q.jsx)(l,{className:`size-12 text-fg-subtle`,strokeWidth:1.5,"aria-hidden":!0}),(0,Q.jsx)(`h2`,{className:`text-base font-semibold tracking-tight text-fg`,children:e.noLogs}),(0,Q.jsx)(`p`,{className:`max-w-sm text-sm leading-relaxed text-fg-muted`,children:e.noLogsDescription}),(0,Q.jsxs)(d,{type:`button`,variant:`secondary`,className:`mt-4 gap-2`,onClick:o,children:[(0,Q.jsx)(x,{className:`size-4`,strokeWidth:1.75}),e.refresh]})]}):null,t.length>0?(0,Q.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,Q.jsxs)(`p`,{className:`text-xs leading-5 text-fg-muted`,children:[K(e.showingCount,{count:String(t.length)}),r?(0,Q.jsxs)(`span`,{className:`text-fg-subtle`,children:[` · `,e.moreAvailable]}):null]}),(0,Q.jsx)(`ul`,{className:`divide-y divide-edge-subtle overflow-hidden rounded-xl border border-edge bg-surface-panel font-mono text-sm leading-6 dark:divide-edge dark:border-edge`,role:`list`,children:t.map((t,n)=>{let r=t.level??`info`,a=typeof t.requestId==`string`?t.requestId.trim():``;return(0,Q.jsx)(`li`,{children:(0,Q.jsxs)(`button`,{type:`button`,onClick:()=>i(t),className:s(`flex w-full min-w-0 items-center gap-3 px-3 py-2.5 text-left transition-colors duration-150 ease-out`,`hover:bg-surface-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-panel`),children:[(0,Q.jsx)(`span`,{className:`w-[5.25rem] shrink-0 tabular-nums text-fg-subtle`,children:J(t.timestamp)}),(0,Q.jsx)(`span`,{className:`w-[4.5rem] shrink-0 truncate text-fg-muted`,title:r,children:fe(r)}),(0,Q.jsx)(`span`,{className:`w-[4.5rem] shrink-0 truncate text-fg-subtle sm:w-[5.25rem]`,title:a?`${e.requestId}: ${a}`:void 0,children:a?Z(a):`—`}),(0,Q.jsx)(`span`,{className:`hidden max-w-[7rem] shrink-0 truncate text-fg-muted lg:inline`,title:q(t),children:q(t)}),(0,Q.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-fg`,children:de(t)})]})},`${t.timestamp}-${n}`)})}),r?(0,Q.jsx)(`div`,{className:`flex justify-center pt-1`,children:(0,Q.jsxs)(d,{type:`button`,variant:`secondary`,className:`gap-2`,disabled:n,onClick:a,children:[n?(0,Q.jsx)(x,{className:`size-4 animate-spin motion-reduce:animate-none`,strokeWidth:1.75}):(0,Q.jsx)(E,{className:`size-4`,strokeWidth:1.75}),e.loadMore]})}):null]}):null]})}function be({L:e}){return(0,Q.jsx)(`div`,{className:`mx-auto flex w-full max-w-app-main flex-col gap-3 px-4 py-10`,children:(0,Q.jsxs)(`div`,{className:`flex items-start gap-3 rounded-2xl border border-edge-subtle bg-surface-base p-6 dark:border-edge`,children:[(0,Q.jsx)(O,{className:`mt-0.5 size-5 shrink-0 text-fg-subtle`,strokeWidth:1.75,"aria-hidden":!0}),(0,Q.jsxs)(`div`,{children:[(0,Q.jsx)(`h1`,{className:`text-base font-semibold tracking-tight text-fg`,children:e.title}),(0,Q.jsx)(`p`,{className:`mt-1 text-sm leading-relaxed text-fg-muted`,children:e.needToken})]})]})})}function xe({L:e,autoRefresh:t,onAutoRefreshChange:n,fileCount:r,onOpenFiles:i,loading:o,onRefreshAll:c}){return(0,Q.jsxs)(`header`,{className:`flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between`,children:[(0,Q.jsxs)(`div`,{className:`min-w-0`,children:[(0,Q.jsx)(`h1`,{className:`text-xl font-semibold tracking-tight text-fg`,children:e.title}),(0,Q.jsx)(`p`,{className:`mt-0.5 text-sm leading-relaxed text-fg-muted`,children:e.subtitle})]}),(0,Q.jsxs)(`div`,{className:`flex w-full shrink-0 flex-col gap-2 sm:w-auto sm:max-w-md sm:flex-row sm:items-center sm:justify-end`,children:[(0,Q.jsx)(`div`,{className:`w-full sm:w-48`,children:(0,Q.jsx)(a,{"aria-label":e.refreshModeAria,value:t?`live`:`paused`,onChange:e=>n(e===`live`),options:[{value:`paused`,label:e.refreshManual},{value:`live`,label:e.refreshLive}],buttonClassName:`h-8`})}),(0,Q.jsxs)(`div`,{className:`flex items-center gap-1 self-end sm:self-center`,children:[(0,Q.jsxs)(d,{type:`button`,variant:`ghost`,className:`h-9 min-h-[44px] min-w-[44px] px-2 sm:min-h-9 sm:min-w-0`,title:e.logFiles,"aria-label":e.logFiles,onClick:i,children:[(0,Q.jsx)(_,{className:`size-4`,strokeWidth:1.75}),r>0?(0,Q.jsx)(`span`,{className:`rounded-full bg-surface-hover px-1.5 text-xs text-fg-muted`,children:r}):null]}),(0,Q.jsx)(d,{type:`button`,variant:`ghost`,className:`h-9 min-h-[44px] min-w-[44px] px-2 sm:min-h-9 sm:min-w-0`,title:e.refresh,"aria-label":e.refresh,onClick:c,children:(0,Q.jsx)(x,{className:s(`size-4 transition-transform duration-150 ease-out motion-reduce:transition-none`,o&&`animate-spin motion-reduce:animate-none`),strokeWidth:1.75})})]})]})]})}function Se({L:e,stats:t}){let n=pe(t.byLevel??{},e.levelNames);return n?(0,Q.jsx)(`div`,{className:`flex flex-wrap items-center gap-2`,children:(0,Q.jsxs)(g,{children:[(0,Q.jsx)(M,{asChild:!0,children:(0,Q.jsxs)(`button`,{type:`button`,className:`max-w-full truncate rounded-lg border border-transparent px-1 py-0.5 text-left text-xs leading-5 text-fg-subtle transition-colors duration-150 ease-out hover:border-edge-subtle hover:bg-surface-hover hover:text-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-panel dark:hover:border-edge`,children:[(0,Q.jsx)(`span`,{className:`font-medium text-fg-muted`,children:e.statsRegion}),(0,Q.jsx)(`span`,{className:`mx-1.5 text-fg-subtle`,children:`·`}),(0,Q.jsx)(`span`,{className:`tabular-nums`,children:n})]})}),(0,Q.jsx)(u,{children:(0,Q.jsxs)(c,{side:`bottom`,align:`start`,sideOffset:6,className:s(`w-[min(calc(100vw-2rem),20rem)] rounded-xl border border-edge bg-surface-panel p-3 shadow-popover outline-none`,j,`dark:border-edge`),children:[(0,Q.jsx)(`p`,{className:`text-xs font-medium text-fg`,children:e.statsDetailTitle}),(0,Q.jsx)(`p`,{className:`mt-1 text-xs leading-5 text-fg-muted`,children:e.statsHint}),(0,Q.jsx)(`ul`,{className:`mt-3 flex flex-col gap-1.5`,role:`list`,children:R.map(n=>{let r=t.byLevel?.[n]??0;return r===0?null:(0,Q.jsxs)(`li`,{className:`flex items-center justify-between gap-2 rounded-md border border-edge-subtle bg-surface-base px-2 py-1 text-xs dark:border-edge`,children:[(0,Q.jsx)(`span`,{className:`font-medium capitalize text-fg`,children:e.levelNames[n]}),(0,Q.jsx)(`span`,{className:`tabular-nums text-fg-muted`,children:r})]},n)})})]})})]})}):null}function Ce(){let{L:e,hasToken:t,logs:n,loading:r,error:a,hasMore:o,searchInput:s,setSearchInput:c,selectedLevels:l,moduleFilter:u,setModuleFilter:d,dateFrom:f,setDateFrom:p,dateTo:m,setDateTo:h,modules:g,files:_,stats:v,selectedLog:y,setSelectedLog:b,filesOpen:x,setFilesOpen:S,filtersOpen:ee,setFiltersOpen:C,logDir:te,autoRefresh:w,setAutoRefresh:T,copiedDetail:E,setCopiedDetail:D,hasActiveFilters:O,activeFilterCount:k,clearFilters:ne,toggleDialogLevel:A,handleLoadMore:j,refreshAll:M,levelSegment:N,handleLevelSegment:P}=me(i(e=>e.language));return t?(0,Q.jsxs)(`div`,{className:`mx-auto flex w-full max-w-app-main flex-col gap-6 px-4 py-6`,children:[(0,Q.jsx)(xe,{L:e,autoRefresh:w,onAutoRefreshChange:T,fileCount:_.length,onOpenFiles:()=>S(!0),loading:r,onRefreshAll:M}),a?(0,Q.jsx)(`div`,{className:`rounded-xl border border-edge bg-surface-base px-3 py-2 text-sm text-fg dark:border-edge`,role:`alert`,children:a}):null,v?(0,Q.jsx)(Se,{L:e,stats:v}):null,(0,Q.jsx)(ve,{L:e,levelSegment:N,onLevelSegment:P,searchInput:s,onSearchInputChange:c,moduleFilter:u,onModuleFilterChange:d,modules:g,onOpenFilters:()=>C(!0),activeFilterCount:k,hasActiveFilters:O,onClearFilters:ne,autoRefresh:w}),(0,Q.jsx)(ye,{L:e,logs:n,loading:r,hasMore:o,onSelectLog:b,onLoadMore:j,onRefreshAll:M}),(0,Q.jsx)(_e,{L:e,open:ee,onOpenChange:C,dateFrom:f,onDateFromChange:p,dateTo:m,onDateToChange:h,selectedLevels:l,onToggleLevel:A}),(0,Q.jsx)(he,{L:e,log:y,onClose:()=>b(null),copiedDetail:E,onCopiedMessage:()=>D(`message`),onCopiedJson:()=>D(`json`)}),(0,Q.jsx)(ge,{L:e,open:x,onOpenChange:S,files:_,logDir:te})]}):(0,Q.jsx)(be,{L:e})}export{Ce as LogsPage};
+//# sourceMappingURL=logs-page-DlOmjXKS.js.map

package/dist/gateway/static/root/assets/{logs-page-XNnEW2Be.js.map → logs-page-DlOmjXKS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"logs-page-XNnEW2Be.js","names":[],"sources":["../../../../../web/src/features/logs/log-api.ts","../../../../../web/src/features/logs/log.types.ts","../../../../../web/src/features/logs/logs-page-lib.ts","../../../../../web/src/features/logs/hooks/use-logs-page.ts","../../../../../web/src/features/logs/log-detail-body.tsx","../../../../../web/src/features/logs/logs-detail-drawer.tsx","../../../../../web/src/features/logs/logs-files-dialog.tsx","../../../../../web/src/features/logs/logs-filters-dialog.tsx","../../../../../web/src/features/logs/logs-filters-section.tsx","../../../../../web/src/features/logs/logs-list-section.tsx","../../../../../web/src/features/logs/logs-no-token.tsx","../../../../../web/src/features/logs/logs-page-header.tsx","../../../../../web/src/features/logs/logs-stats-popover.tsx","../../../../../web/src/features/logs/logs-page.tsx"],"sourcesContent":["import { fetchJson } from '@/lib/fetch';\nimport { apiUrl } from '@/lib/url';\n\nimport type { LogEntry, LogFile, LogQuery, LogStats } from '@/features/logs/log.types';\n\nfunction buildQueryString(query?: LogQuery): string {\n  const params = new URLSearchParams();\n  if (!query) return '';\n  if (query.level?.length) params.set('level', query.level.join(','));\n  if (query.from) params.set('from', query.from);\n  if (query.to) params.set('to', query.to);\n  if (query.q) params.set('q', query.q);\n  if (query.module) params.set('module', query.module);\n  if (query.limit != null) params.set('limit', String(query.limit));\n  if (query.offset != null) params.set('offset', String(query.offset));\n  const qs = params.toString();\n  return qs ? `?${qs}` : '';\n}\n\nexport async function queryLogs(query?: LogQuery): Promise<{ logs: LogEntry[]; count: number }> {\n  return fetchJson<{ logs: LogEntry[]; count: number }>(apiUrl(`/api/logs${buildQueryString(query)}`));\n}\n\nexport async function getLogFiles(): Promise<LogFile[]> {\n  const result = await fetchJson<{ files: LogFile[] }>(apiUrl('/api/logs/files'));\n  return result.files ?? [];\n}\n\nexport async function getLogModules(): Promise<string[]> {\n  const result = await fetchJson<{ modules: string[] }>(apiUrl('/api/logs/modules'));\n  return result.modules ?? [];\n}\n\nexport async function getLogStats(): Promise<LogStats> {\n  const raw = await fetchJson<Partial<LogStats>>(apiUrl('/api/logs/stats'));\n  return { byLevel: raw.byLevel ?? {} };\n}\n\nexport async function getLogDir(): Promise<string> {\n  const result = await fetchJson<{ dir: string }>(apiUrl('/api/logs/dir'));\n  return result.dir ?? '';\n}\n","export type LogLevel = 'trace' | 'debug' | 'info' | 'warn' | 'error' | 'fatal';\n\nexport const LOG_LEVELS: LogLevel[] = ['trace', 'debug', 'info', 'warn', 'error', 'fatal'];\n\nexport interface LogEntry {\n  timestamp: string;\n  level: LogLevel;\n  message: string;\n  module?: string;\n  prefix?: string;\n  service?: string;\n  extension?: string;\n  requestId?: string;\n  sessionId?: string;\n  userId?: string;\n  meta?: Record<string, unknown>;\n  [key: string]: unknown;\n}\n\nexport interface LogQuery {\n  level?: string[];\n  from?: string;\n  to?: string;\n  q?: string;\n  module?: string;\n  limit?: number;\n  offset?: number;\n}\n\nexport interface LogFile {\n  name: string;\n  size: number;\n  modified: string;\n}\n\nexport interface LogStats {\n  byLevel: Partial<Record<LogLevel | 'silent', number>>;\n}\n","import { LOG_LEVELS, type LogEntry, type LogLevel } from '@/features/logs/log.types';\n\nfunction logEntryTimeMs(entry: LogEntry): number {\n  const t = new Date(String(entry.timestamp)).getTime();\n  return Number.isFinite(t) ? t : 0;\n}\n\n/** Newest first (descending by timestamp). */\nexport function sortLogsByTimeDesc(entries: readonly LogEntry[]): LogEntry[] {\n  return [...entries].sort((a, b) => logEntryTimeMs(b) - logEntryTimeMs(a));\n}\n\nexport const PAGE_LIMIT = 50;\nexport const REFRESH_MS = 5000;\n\nexport const LOG_LEVEL_SET = new Set<LogLevel>(LOG_LEVELS);\n\nexport type LevelPreset = 'all' | 'errors' | 'warnPlus' | 'infoPlus' | 'verbose' | 'custom';\nexport type LevelSegmentValue = Exclude<LevelPreset, 'custom'> | 'other';\n\nconst PRESET_ERRORS: LogLevel[] = ['error', 'fatal'];\nconst PRESET_WARN_PLUS: LogLevel[] = ['warn', 'error', 'fatal'];\nconst PRESET_INFO_PLUS: LogLevel[] = ['info', 'warn', 'error', 'fatal'];\n\nexport function parseLogLevelsParam(raw: string | null): Set<LogLevel> {\n  if (!raw) return new Set<LogLevel>();\n  const out = new Set<LogLevel>();\n  for (const part of raw.split(',')) {\n    const level = part.trim() as LogLevel;\n    if (LOG_LEVEL_SET.has(level)) out.add(level);\n  }\n  return out;\n}\n\nexport function isSameLogLevelSet(a: Set<LogLevel>, b: Set<LogLevel>): boolean {\n  if (a.size !== b.size) return false;\n  for (const level of a) {\n    if (!b.has(level)) return false;\n  }\n  return true;\n}\n\nfunction setMatchesLevels(s: Set<LogLevel>, levels: readonly LogLevel[]): boolean {\n  if (s.size !== levels.length) return false;\n  return levels.every((l) => s.has(l));\n}\n\nexport function derivePreset(levels: Set<LogLevel>): LevelPreset {\n  if (levels.size === 0) return 'all';\n  if (setMatchesLevels(levels, PRESET_ERRORS)) return 'errors';\n  if (setMatchesLevels(levels, PRESET_WARN_PLUS)) return 'warnPlus';\n  if (setMatchesLevels(levels, PRESET_INFO_PLUS)) return 'infoPlus';\n  if (levels.size === LOG_LEVELS.length && LOG_LEVELS.every((l) => levels.has(l))) return 'verbose';\n  return 'custom';\n}\n\nexport function segmentValueFromLevels(levels: Set<LogLevel>): LevelSegmentValue {\n  const p = derivePreset(levels);\n  return p === 'custom' ? 'other' : p;\n}\n\nexport function levelsForPreset(preset: Exclude<LevelPreset, 'custom'>): Set<LogLevel> {\n  switch (preset) {\n    case 'all':\n      return new Set();\n    case 'errors':\n      return new Set(PRESET_ERRORS);\n    case 'warnPlus':\n      return new Set(PRESET_WARN_PLUS);\n    case 'infoPlus':\n      return new Set(PRESET_INFO_PLUS);\n    case 'verbose':\n      return new Set(LOG_LEVELS);\n  }\n}\n\nexport function interpolate(template: string, params: Record<string, string | number>): string {\n  return template.replace(/\\{\\{(\\w+)\\}\\}/g, (_, key) => String(params[key] ?? ''));\n}\n\nexport function moduleLabel(log: LogEntry): string {\n  return String(log.module || log.prefix || log.service || log.extension || '—');\n}\n\nexport function messagePreview(log: LogEntry): string {\n  if (typeof log.message === 'string' && log.message) return log.message;\n  try {\n    return JSON.stringify(log);\n  } catch {\n    return '';\n  }\n}\n\nexport function formatTimeCompact(timestamp: string): string {\n  try {\n    const date = new Date(timestamp);\n    return date.toLocaleTimeString(undefined, {\n      hour: '2-digit',\n      minute: '2-digit',\n      second: '2-digit',\n      hour12: false,\n    });\n  } catch {\n    return timestamp;\n  }\n}\n\nexport function formatTimestampFull(timestamp: string): string {\n  try {\n    return new Date(timestamp).toLocaleString();\n  } catch {\n    return timestamp;\n  }\n}\n\nexport function formatFileSize(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n\nexport function requestIdPreview(id: string): string {\n  const t = id.trim();\n  if (t.length <= 10) return t;\n  return `${t.slice(0, 8)}…`;\n}\n\nexport function levelLabel(level: string): string {\n  return String(level).toLowerCase();\n}\n\nexport function formatStatsLine(\n  byLevel: Partial<Record<LogLevel | 'silent', number>>,\n  labels: Record<LogLevel, string>,\n): string {\n  const parts: string[] = [];\n  for (const lv of LOG_LEVELS) {\n    const n = byLevel[lv] ?? 0;\n    if (n > 0) parts.push(`${labels[lv]} ${n}`);\n  }\n  return parts.join(' · ');\n}\n","import { useEffect, useMemo, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\n\nimport {\n  getLogDir,\n  getLogFiles,\n  getLogModules,\n  getLogStats,\n  queryLogs,\n} from '@/features/logs/log-api';\nimport type { LogEntry, LogFile, LogLevel } from '@/features/logs/log.types';\nimport type { LevelSegmentValue } from '@/features/logs/logs-page-lib';\nimport {\n  isSameLogLevelSet,\n  levelsForPreset,\n  PAGE_LIMIT,\n  parseLogLevelsParam,\n  REFRESH_MS,\n  segmentValueFromLevels,\n  sortLogsByTimeDesc,\n} from '@/features/logs/logs-page-lib';\nimport { messages } from '@/i18n/messages';\nimport type { StoredLanguage } from '@/lib/storage';\nimport { useGatewayStore } from '@/stores/gateway-store';\n\nexport function useLogsPage(language: StoredLanguage) {\n  const L = messages(language).logs;\n  const token = useGatewayStore((st) => st.token);\n  const hasToken = Boolean(token);\n  const [searchParams, setSearchParams] = useSearchParams();\n\n  const initialSearch = searchParams.get('q') ?? '';\n  const initialLevels = parseLogLevelsParam(searchParams.get('level'));\n  const initialModule = searchParams.get('module') ?? '';\n  const initialFrom = searchParams.get('from') ?? '';\n  const initialTo = searchParams.get('to') ?? '';\n  const initialAutoRefresh = searchParams.get('live') === '1';\n\n  const [logs, setLogs] = useState<LogEntry[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [hasMore, setHasMore] = useState(false);\n\n  const [searchInput, setSearchInput] = useState(initialSearch);\n  const [debouncedSearch, setDebouncedSearch] = useState(initialSearch.trim());\n  const [selectedLevels, setSelectedLevels] = useState<Set<LogLevel>>(initialLevels);\n  const [moduleFilter, setModuleFilter] = useState(initialModule);\n  const [dateFrom, setDateFrom] = useState(initialFrom);\n  const [dateTo, setDateTo] = useState(initialTo);\n\n  const [modules, setModules] = useState<string[]>([]);\n  const [files, setFiles] = useState<LogFile[]>([]);\n  const [stats, setStats] = useState<Awaited<ReturnType<typeof getLogStats>> | null>(null);\n\n  const [selectedLog, setSelectedLog] = useState<LogEntry | null>(null);\n  const [filesOpen, setFilesOpen] = useState(false);\n  const [filtersOpen, setFiltersOpen] = useState(false);\n  const [logDir, setLogDir] = useState<string | null>(null);\n  const [autoRefresh, setAutoRefresh] = useState(initialAutoRefresh);\n  const [copiedDetail, setCopiedDetail] = useState<'json' | 'message' | null>(null);\n\n  const levelSegment = useMemo(() => segmentValueFromLevels(selectedLevels), [selectedLevels]);\n\n  const handleLevelSegment = (value: LevelSegmentValue) => {\n    if (value === 'other') {\n      setFiltersOpen(true);\n      return;\n    }\n    setSelectedLevels(levelsForPreset(value));\n  };\n\n  const hasActiveFilters =\n    debouncedSearch.length > 0 ||\n    selectedLevels.size > 0 ||\n    Boolean(moduleFilter) ||\n    Boolean(dateFrom) ||\n    Boolean(dateTo);\n\n  const activeFilterCount =\n    (debouncedSearch.length > 0 ? 1 : 0) +\n    (selectedLevels.size > 0 ? 1 : 0) +\n    (moduleFilter ? 1 : 0) +\n    (dateFrom || dateTo ? 1 : 0);\n\n  useEffect(() => {\n    const t = setTimeout(() => setDebouncedSearch(searchInput.trim()), 300);\n    return () => clearTimeout(t);\n  }, [searchInput]);\n\n  useEffect(() => {\n    const nextQ = searchParams.get('q') ?? '';\n    const nextModule = searchParams.get('module') ?? '';\n    const nextFrom = searchParams.get('from') ?? '';\n    const nextTo = searchParams.get('to') ?? '';\n    const nextAutoRefresh = searchParams.get('live') === '1';\n    const nextLevels = parseLogLevelsParam(searchParams.get('level'));\n    const nextDebouncedQ = nextQ.trim();\n\n    setSearchInput((prev) => (prev === nextQ ? prev : nextQ));\n    setDebouncedSearch((prev) => (prev === nextDebouncedQ ? prev : nextDebouncedQ));\n    setSelectedLevels((prev) => (isSameLogLevelSet(nextLevels, prev) ? prev : nextLevels));\n    setModuleFilter((prev) => (prev === nextModule ? prev : nextModule));\n    setDateFrom((prev) => (prev === nextFrom ? prev : nextFrom));\n    setDateTo((prev) => (prev === nextTo ? prev : nextTo));\n    setAutoRefresh((prev) => (prev === nextAutoRefresh ? prev : nextAutoRefresh));\n  }, [searchParams]);\n\n  useEffect(() => {\n    const params = new URLSearchParams(searchParams);\n    const nextQ = debouncedSearch.trim();\n    if (nextQ) params.set('q', nextQ);\n    else params.delete('q');\n\n    if (selectedLevels.size > 0) {\n      params.set('level', Array.from(selectedLevels).sort().join(','));\n    } else {\n      params.delete('level');\n    }\n\n    if (moduleFilter) params.set('module', moduleFilter);\n    else params.delete('module');\n    if (dateFrom) params.set('from', dateFrom);\n    else params.delete('from');\n    if (dateTo) params.set('to', dateTo);\n    else params.delete('to');\n    if (autoRefresh) params.set('live', '1');\n    else params.delete('live');\n\n    const next = params.toString();\n    if (next !== searchParams.toString()) {\n      setSearchParams(params, { replace: true });\n    }\n  }, [\n    autoRefresh,\n    dateFrom,\n    dateTo,\n    debouncedSearch,\n    moduleFilter,\n    searchParams,\n    selectedLevels,\n    setSearchParams,\n  ]);\n\n  const queryParams = useMemo(\n    () => ({\n      q: debouncedSearch || undefined,\n      level: selectedLevels.size > 0 ? Array.from(selectedLevels) : undefined,\n      module: moduleFilter || undefined,\n      from: dateFrom || undefined,\n      to: dateTo || undefined,\n      limit: PAGE_LIMIT,\n    }),\n    [debouncedSearch, selectedLevels, moduleFilter, dateFrom, dateTo],\n  );\n\n  useEffect(() => {\n    if (!hasToken) return;\n    let cancelled = false;\n    (async () => {\n      setLoading(true);\n      setError(null);\n      setLogs([]);\n      try {\n        const result = await queryLogs({ ...queryParams, offset: 0 });\n        if (cancelled) return;\n        setLogs(sortLogsByTimeDesc(result.logs));\n        setHasMore(result.logs.length === PAGE_LIMIT);\n      } catch (e) {\n        if (!cancelled) {\n          setError(e instanceof Error ? e.message : L.loadError);\n          setLogs([]);\n          setHasMore(false);\n        }\n      } finally {\n        if (!cancelled) setLoading(false);\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n  }, [hasToken, queryParams, L.loadError]);\n\n  useEffect(() => {\n    if (!hasToken) return;\n    let cancelled = false;\n    (async () => {\n      try {\n        const [mods, st, fileList] = await Promise.all([getLogModules(), getLogStats(), getLogFiles()]);\n        if (!cancelled) {\n          setModules(mods);\n          setStats(st);\n          setFiles(fileList);\n        }\n      } catch {\n        /* optional */\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n  }, [hasToken]);\n\n  useEffect(() => {\n    if (!hasToken || !filesOpen) return;\n    let cancelled = false;\n    (async () => {\n      try {\n        const [list, dir] = await Promise.all([getLogFiles(), getLogDir()]);\n        if (!cancelled) {\n          setFiles(list);\n          setLogDir(dir);\n        }\n      } catch {\n        if (!cancelled) setFiles([]);\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n  }, [hasToken, filesOpen]);\n\n  useEffect(() => {\n    if (!autoRefresh || !hasToken) return;\n    const id = window.setInterval(() => {\n      void (async () => {\n        try {\n          const result = await queryLogs({ ...queryParams, offset: 0 });\n          setLogs(sortLogsByTimeDesc(result.logs));\n          setHasMore(result.logs.length === PAGE_LIMIT);\n          const st = await getLogStats();\n          setStats(st);\n        } catch {\n          /* ignore */\n        }\n      })();\n    }, REFRESH_MS);\n    return () => clearInterval(id);\n  }, [autoRefresh, hasToken, queryParams]);\n\n  useEffect(() => {\n    if (!copiedDetail) return;\n    const t = window.setTimeout(() => setCopiedDetail(null), 2000);\n    return () => clearTimeout(t);\n  }, [copiedDetail]);\n\n  const clearFilters = () => {\n    setSearchInput('');\n    setDebouncedSearch('');\n    setSelectedLevels(new Set());\n    setModuleFilter('');\n    setDateFrom('');\n    setDateTo('');\n  };\n\n  const toggleDialogLevel = (level: LogLevel) => {\n    setSelectedLevels((prev) => {\n      const next = new Set(prev);\n      if (next.has(level)) next.delete(level);\n      else next.add(level);\n      return next;\n    });\n  };\n\n  const handleLoadMore = () => {\n    if (loading || !hasMore) return;\n    void (async () => {\n      setLoading(true);\n      setError(null);\n      try {\n        const result = await queryLogs({ ...queryParams, offset: logs.length });\n        setLogs((prev) => sortLogsByTimeDesc([...prev, ...result.logs]));\n        setHasMore(result.logs.length === PAGE_LIMIT);\n      } catch (e) {\n        setError(e instanceof Error ? e.message : L.loadError);\n      } finally {\n        setLoading(false);\n      }\n    })();\n  };\n\n  const refreshAll = () => {\n    void (async () => {\n      setLoading(true);\n      setError(null);\n      try {\n        const result = await queryLogs({ ...queryParams, offset: 0 });\n        setLogs(sortLogsByTimeDesc(result.logs));\n        setHasMore(result.logs.length === PAGE_LIMIT);\n        const [st, fileList] = await Promise.all([getLogStats(), getLogFiles()]);\n        setStats(st);\n        setFiles(fileList);\n      } catch (e) {\n        setError(e instanceof Error ? e.message : L.loadError);\n      } finally {\n        setLoading(false);\n      }\n    })();\n  };\n\n  return {\n    L,\n    hasToken,\n    logs,\n    loading,\n    error,\n    hasMore,\n    searchInput,\n    setSearchInput,\n    selectedLevels,\n    setSelectedLevels,\n    moduleFilter,\n    setModuleFilter,\n    dateFrom,\n    setDateFrom,\n    dateTo,\n    setDateTo,\n    modules,\n    files,\n    stats,\n    selectedLog,\n    setSelectedLog,\n    filesOpen,\n    setFilesOpen,\n    filtersOpen,\n    setFiltersOpen,\n    logDir,\n    autoRefresh,\n    setAutoRefresh,\n    copiedDetail,\n    setCopiedDetail,\n    hasActiveFilters,\n    activeFilterCount,\n    clearFilters,\n    toggleDialogLevel,\n    handleLoadMore,\n    refreshAll,\n    levelSegment,\n    handleLevelSegment,\n  };\n}\n","import type { LogEntry } from '@/features/logs/log.types';\nimport { levelLabel, moduleLabel } from '@/features/logs/logs-page-lib';\nimport type { LogsMessages } from '@/i18n/messages';\n\nexport type LogDetailLabels = Pick<\n  LogsMessages,\n  'time' | 'level' | 'module' | 'message' | 'metadata' | 'requestId' | 'sessionId'\n>;\n\ntype Props = {\n  log: LogEntry;\n  labels: LogDetailLabels;\n};\n\nexport function LogDetailBody({ log, labels }: Props) {\n  const lv = log.level ?? 'info';\n  const rid = typeof log.requestId === 'string' ? log.requestId : '';\n  const sid = typeof log.sessionId === 'string' ? log.sessionId : '';\n  return (\n    <div className=\"flex flex-col gap-8\">\n      <div>\n        <span className=\"text-xs font-sans font-medium text-fg-muted\">{labels.message}</span>\n        <pre className=\"mt-2 whitespace-pre-wrap break-words border border-edge bg-surface-base p-3 text-xs leading-relaxed text-fg dark:border-edge\">\n          {log.message || '—'}\n        </pre>\n      </div>\n      <div className=\"grid grid-cols-[5.5rem_1fr] gap-x-3 gap-y-2 text-xs\">\n        <span className=\"font-sans text-fg-muted\">{labels.time}</span>\n        <code className=\"break-all text-fg\">{log.timestamp}</code>\n        <span className=\"font-sans text-fg-muted\">{labels.level}</span>\n        <span className=\"text-fg\">{levelLabel(lv)}</span>\n        <span className=\"font-sans text-fg-muted\">{labels.module}</span>\n        <code className=\"break-all text-fg\">{moduleLabel(log)}</code>\n        {rid ? (\n          <>\n            <span className=\"font-sans text-fg-muted\">{labels.requestId}</span>\n            <code className=\"break-all text-fg\">{rid}</code>\n          </>\n        ) : null}\n        {sid ? (\n          <>\n            <span className=\"font-sans text-fg-muted\">{labels.sessionId}</span>\n            <code className=\"break-all text-fg\">{sid}</code>\n          </>\n        ) : null}\n      </div>\n      {log.meta && Object.keys(log.meta).length > 0 ? (\n        <div>\n          <span className=\"text-xs font-sans font-medium text-fg-muted\">{labels.metadata}</span>\n          <pre className=\"mt-2 overflow-x-auto whitespace-pre-wrap break-words border border-edge bg-surface-base p-3 text-xs leading-relaxed text-fg dark:border-edge\">\n            {JSON.stringify(log.meta, null, 2)}\n          </pre>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport { ClipboardCopy, X } from 'lucide-react';\n\nimport { Button } from '@/components/ui/button';\nimport { LogDetailBody } from '@/features/logs/log-detail-body';\nimport type { LogEntry } from '@/features/logs/log.types';\nimport type { LogsMessages } from '@/i18n/messages';\nimport { cn } from '@/lib/cn';\nimport { SETTINGS_SHELL_CONTENT_Z, SETTINGS_SHELL_OVERLAY_Z } from '@/lib/settings-shell-dialog-layer';\n\ntype Props = {\n  L: LogsMessages;\n  log: LogEntry | null;\n  onClose: () => void;\n  copiedDetail: 'json' | 'message' | null;\n  onCopiedMessage: () => void;\n  onCopiedJson: () => void;\n};\n\nexport function LogsDetailDrawer({ L, log, onClose, copiedDetail, onCopiedMessage, onCopiedJson }: Props) {\n  return (\n    <Dialog.Root open={log !== null} onOpenChange={(open) => !open && onClose()}>\n      <Dialog.Portal>\n        <Dialog.Overlay\n          className={cn('xopc-dialog-overlay fixed inset-0 bg-scrim', SETTINGS_SHELL_OVERLAY_Z)}\n        />\n        <Dialog.Content\n          className={cn(\n            'xopc-drawer-right fixed right-0 top-0 flex h-full w-full max-w-lg flex-col border-l border-edge bg-surface-panel shadow-popover outline-none',\n            SETTINGS_SHELL_CONTENT_Z,\n            'dark:border-edge',\n          )}\n          aria-describedby={undefined}\n        >\n          <div className=\"flex shrink-0 items-center justify-between gap-2 border-b border-edge px-4 py-3 dark:border-edge\">\n            <Dialog.Title className=\"text-base font-semibold tracking-tight text-fg\">{L.details}</Dialog.Title>\n            <div className=\"flex min-w-0 items-center gap-1\">\n              {log ? (\n                <>\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    className=\"h-9 shrink-0 gap-1 px-2 text-xs\"\n                    onClick={() => {\n                      const text = typeof log.message === 'string' ? log.message : '';\n                      void navigator.clipboard.writeText(text).then(onCopiedMessage);\n                    }}\n                  >\n                    <ClipboardCopy className=\"size-3.5 shrink-0\" strokeWidth={1.75} />\n                    <span className=\"hidden sm:inline\">{copiedDetail === 'message' ? L.copied : L.copyMessage}</span>\n                  </Button>\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    className=\"h-9 shrink-0 gap-1 px-2 text-xs\"\n                    onClick={() => {\n                      void navigator.clipboard.writeText(JSON.stringify(log, null, 2)).then(onCopiedJson);\n                    }}\n                  >\n                    <ClipboardCopy className=\"size-3.5 shrink-0\" strokeWidth={1.75} />\n                    <span className=\"hidden sm:inline\">{copiedDetail === 'json' ? L.copied : L.copyJson}</span>\n                  </Button>\n                </>\n              ) : null}\n              <Dialog.Close asChild>\n                <Button type=\"button\" variant=\"ghost\" className=\"h-9 w-9 shrink-0 p-0\" aria-label={L.close}>\n                  <X className=\"size-5\" strokeWidth={1.75} />\n                </Button>\n              </Dialog.Close>\n            </div>\n          </div>\n          <div className=\"min-h-0 flex-1 overflow-y-auto px-4 py-4 font-mono text-sm leading-relaxed\">\n            {log ? (\n              <LogDetailBody\n                log={log}\n                labels={{\n                  time: L.time,\n                  level: L.level,\n                  module: L.module,\n                  message: L.message,\n                  metadata: L.metadata,\n                  requestId: L.requestId,\n                  sessionId: L.sessionId,\n                }}\n              />\n            ) : null}\n          </div>\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport { Folder, X } from 'lucide-react';\n\nimport { Button } from '@/components/ui/button';\nimport type { LogFile } from '@/features/logs/log.types';\nimport { formatFileSize, formatTimestampFull } from '@/features/logs/logs-page-lib';\nimport type { LogsMessages } from '@/i18n/messages';\nimport { cn } from '@/lib/cn';\nimport { SETTINGS_SHELL_CONTENT_Z, SETTINGS_SHELL_OVERLAY_Z } from '@/lib/settings-shell-dialog-layer';\n\ntype Props = {\n  L: LogsMessages;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  files: LogFile[];\n  logDir: string | null;\n};\n\nexport function LogsFilesDialog({ L, open, onOpenChange, files, logDir }: Props) {\n  return (\n    <Dialog.Root open={open} onOpenChange={onOpenChange}>\n      <Dialog.Portal>\n        <Dialog.Overlay\n          className={cn('xopc-dialog-overlay fixed inset-0 bg-scrim', SETTINGS_SHELL_OVERLAY_Z)}\n        />\n        <Dialog.Content\n          className={cn(\n            'xopc-dialog-content fixed left-1/2 top-1/2 flex max-h-[min(32rem,85vh)] w-[min(100%-2rem,24rem)] -translate-x-1/2 -translate-y-1/2 flex-col rounded-xl border border-edge bg-surface-panel shadow-popover outline-none',\n            SETTINGS_SHELL_CONTENT_Z,\n            'dark:border-edge',\n          )}\n        >\n          <div className=\"flex shrink-0 items-center justify-between gap-2 border-b border-edge px-4 py-3 dark:border-edge\">\n            <Dialog.Title className=\"flex items-center gap-2 text-base font-semibold tracking-tight text-fg\">\n              <Folder className=\"size-4 text-fg-muted\" strokeWidth={1.75} />\n              {L.logFiles}\n            </Dialog.Title>\n            <Dialog.Close asChild>\n              <Button type=\"button\" variant=\"ghost\" className=\"h-9 w-9 shrink-0 p-0\" aria-label={L.close}>\n                <X className=\"size-5\" strokeWidth={1.75} />\n              </Button>\n            </Dialog.Close>\n          </div>\n          <div className=\"min-h-0 flex-1 overflow-y-auto px-4 py-3\">\n            {files.length === 0 ? (\n              <p className=\"text-sm text-fg-muted\">{L.filesEmpty}</p>\n            ) : (\n              <ul className=\"flex flex-col gap-2\" role=\"list\">\n                {files.map((f) => (\n                  <li\n                    key={f.name}\n                    className=\"flex flex-col gap-1 rounded-lg border border-edge-subtle bg-surface-base px-3 py-2 dark:border-edge\"\n                  >\n                    <span className=\"break-all font-mono text-xs text-fg\">{f.name}</span>\n                    <span className=\"flex flex-wrap gap-x-2 text-xs text-fg-subtle\">\n                      <span>{formatFileSize(f.size)}</span>\n                      <span>{formatTimestampFull(f.modified)}</span>\n                    </span>\n                  </li>\n                ))}\n              </ul>\n            )}\n          </div>\n          {logDir ? (\n            <div className=\"shrink-0 border-t border-edge-subtle px-4 py-2 text-xs text-fg-subtle dark:border-edge\">\n              <span className=\"font-medium text-fg-muted\">{L.logDir}: </span>\n              <code className=\"break-all text-fg-subtle\">{logDir}</code>\n            </div>\n          ) : null}\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport { X } from 'lucide-react';\n\nimport { Button } from '@/components/ui/button';\nimport { LOG_LEVELS, type LogLevel } from '@/features/logs/log.types';\nimport type { LogsMessages } from '@/i18n/messages';\nimport { cn } from '@/lib/cn';\nimport { SETTINGS_SHELL_CONTENT_Z, SETTINGS_SHELL_OVERLAY_Z } from '@/lib/settings-shell-dialog-layer';\n\ntype Props = {\n  L: LogsMessages;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  dateFrom: string;\n  onDateFromChange: (v: string) => void;\n  dateTo: string;\n  onDateToChange: (v: string) => void;\n  selectedLevels: Set<LogLevel>;\n  onToggleLevel: (level: LogLevel) => void;\n};\n\nexport function LogsFiltersDialog({\n  L,\n  open,\n  onOpenChange,\n  dateFrom,\n  onDateFromChange,\n  dateTo,\n  onDateToChange,\n  selectedLevels,\n  onToggleLevel,\n}: Props) {\n  return (\n    <Dialog.Root open={open} onOpenChange={onOpenChange}>\n      <Dialog.Portal>\n        <Dialog.Overlay\n          className={cn('xopc-dialog-overlay fixed inset-0 bg-scrim', SETTINGS_SHELL_OVERLAY_Z)}\n        />\n        <Dialog.Content\n          className={cn(\n            'xopc-dialog-content fixed left-1/2 top-1/2 flex max-h-[min(32rem,90vh)] w-[min(100%-2rem,22rem)] -translate-x-1/2 -translate-y-1/2 flex-col rounded-xl border border-edge bg-surface-panel shadow-popover outline-none',\n            SETTINGS_SHELL_CONTENT_Z,\n            'dark:border-edge',\n          )}\n          aria-describedby=\"log-filters-desc\"\n        >\n          <div className=\"flex shrink-0 items-center justify-between gap-2 border-b border-edge px-4 py-3 dark:border-edge\">\n            <Dialog.Title className=\"text-base font-semibold tracking-tight text-fg\">{L.filtersDialogTitle}</Dialog.Title>\n            <Dialog.Close asChild>\n              <Button type=\"button\" variant=\"ghost\" className=\"h-9 w-9 shrink-0 p-0\" aria-label={L.close}>\n                <X className=\"size-5\" strokeWidth={1.75} />\n              </Button>\n            </Dialog.Close>\n          </div>\n          <div id=\"log-filters-desc\" className=\"sr-only\">\n            {L.filtersDialogDesc}\n          </div>\n          <div className=\"min-h-0 flex-1 overflow-y-auto px-4 py-4\">\n            <p className=\"text-xs font-medium text-fg-muted\">{L.timeRange}</p>\n            <div className=\"mt-2 flex flex-col gap-3\">\n              <div>\n                <label htmlFor=\"log-from-d\" className=\"mb-1 block text-xs text-fg-muted\">\n                  {L.from}\n                </label>\n                <input\n                  id=\"log-from-d\"\n                  type=\"datetime-local\"\n                  value={dateFrom}\n                  onChange={(e) => onDateFromChange(e.target.value)}\n                  className=\"w-full rounded-xl border border-edge bg-surface-base px-2 py-2 text-sm text-fg dark:border-edge\"\n                />\n              </div>\n              <div>\n                <label htmlFor=\"log-to-d\" className=\"mb-1 block text-xs text-fg-muted\">\n                  {L.to}\n                </label>\n                <input\n                  id=\"log-to-d\"\n                  type=\"datetime-local\"\n                  value={dateTo}\n                  onChange={(e) => onDateToChange(e.target.value)}\n                  className=\"w-full rounded-xl border border-edge bg-surface-base px-2 py-2 text-sm text-fg dark:border-edge\"\n                />\n              </div>\n            </div>\n            <p className=\"mt-6 text-xs font-medium text-fg-muted\">{L.levelCustom}</p>\n            <p className=\"mt-1 text-xs leading-5 text-fg-subtle\">{L.levelCustomHint}</p>\n            <div className=\"mt-3 flex flex-wrap gap-2\" role=\"group\" aria-label={L.level}>\n              {LOG_LEVELS.map((level) => {\n                const active = selectedLevels.has(level);\n                return (\n                  <button\n                    key={level}\n                    type=\"button\"\n                    className={cn(\n                      'rounded-full border px-3 py-1.5 text-xs font-medium capitalize transition-[color,background-color,border-color] duration-150 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-panel',\n                      active\n                        ? 'border-edge bg-surface-active text-fg dark:border-edge'\n                        : 'border-edge-subtle bg-surface-base text-fg-muted hover:bg-surface-hover dark:border-edge',\n                    )}\n                    onClick={() => onToggleLevel(level)}\n                  >\n                    {L.levelNames[level]}\n                  </button>\n                );\n              })}\n            </div>\n          </div>\n          <div className=\"shrink-0 border-t border-edge-subtle px-4 py-3 dark:border-edge\">\n            <Button type=\"button\" className=\"w-full rounded-xl\" onClick={() => onOpenChange(false)}>\n              {L.filtersDone}\n            </Button>\n          </div>\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n}\n","import { ListFilter, Search, X } from 'lucide-react';\n\nimport { SlidingSegmented } from '@/components/ui/sliding-segmented';\nimport { Button } from '@/components/ui/button';\nimport { bareInputFocusClass, selectControlBaseClass } from '@/lib/form-field-width';\nimport { cn } from '@/lib/cn';\nimport type { LevelSegmentValue } from '@/features/logs/logs-page-lib';\nimport type { LogsMessages } from '@/i18n/messages';\n\ntype Props = {\n  L: LogsMessages;\n  levelSegment: LevelSegmentValue;\n  onLevelSegment: (v: LevelSegmentValue) => void;\n  searchInput: string;\n  onSearchInputChange: (v: string) => void;\n  moduleFilter: string;\n  onModuleFilterChange: (v: string) => void;\n  modules: string[];\n  onOpenFilters: () => void;\n  activeFilterCount: number;\n  hasActiveFilters: boolean;\n  onClearFilters: () => void;\n  autoRefresh: boolean;\n};\n\nexport function LogsFiltersSection({\n  L,\n  levelSegment,\n  onLevelSegment,\n  searchInput,\n  onSearchInputChange,\n  moduleFilter,\n  onModuleFilterChange,\n  modules,\n  onOpenFilters,\n  activeFilterCount,\n  hasActiveFilters,\n  onClearFilters,\n  autoRefresh,\n}: Props) {\n  return (\n    <section className=\"flex flex-col gap-3\" aria-label={L.filters}>\n      <div className=\"overflow-x-auto pb-1 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\">\n        <div className=\"min-w-[min(100%,36rem)]\">\n          <SlidingSegmented<LevelSegmentValue>\n            aria-label={L.levelPresetAria}\n            value={levelSegment}\n            onChange={onLevelSegment}\n            options={[\n              { value: 'all', label: L.presetAll },\n              { value: 'errors', label: L.presetErrors },\n              { value: 'warnPlus', label: L.presetWarnPlus },\n              { value: 'infoPlus', label: L.presetInfoPlus },\n              { value: 'verbose', label: L.presetVerbose },\n              { value: 'other', label: L.presetOther },\n            ]}\n            buttonClassName=\"h-8 px-1.5 text-[11px] sm:px-2 sm:text-xs\"\n          />\n        </div>\n      </div>\n\n      <div className=\"flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center\">\n        <label className=\"relative min-w-0 flex-1 sm:min-w-[12rem]\">\n          <span className=\"sr-only\">{L.searchPlaceholder}</span>\n          <Search\n            className=\"pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-fg-subtle\"\n            strokeWidth={1.75}\n            aria-hidden\n          />\n          <input\n            type=\"search\"\n            value={searchInput}\n            onChange={(e) => onSearchInputChange(e.target.value)}\n            placeholder={L.searchPlaceholder}\n            autoComplete=\"off\"\n            spellCheck={false}\n            className={cn(\n              'h-10 w-full rounded-md border border-edge bg-surface-panel py-0 pl-10 pr-3 text-sm leading-5 text-fg placeholder:text-fg-subtle dark:border-edge',\n              bareInputFocusClass,\n            )}\n          />\n        </label>\n\n        <select\n          id=\"log-module\"\n          value={moduleFilter}\n          onChange={(e) => onModuleFilterChange(e.target.value)}\n          aria-label={L.module}\n          title={L.module}\n          className={cn(\n            selectControlBaseClass,\n            'h-10 w-full min-w-0 rounded-md py-0 sm:w-[min(100%,14rem)] sm:shrink-0',\n          )}\n        >\n          <option value=\"\">{L.allModules}</option>\n          {modules.map((mod) => (\n            <option key={mod} value={mod}>\n              {mod}\n            </option>\n          ))}\n        </select>\n\n        <div className=\"flex min-w-0 shrink-0 items-center gap-2\">\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            className=\"h-10 min-h-[44px] gap-2 rounded-md sm:min-h-10\"\n            onClick={onOpenFilters}\n          >\n            <ListFilter className=\"size-4\" strokeWidth={1.75} />\n            {L.filtersMore}\n            {activeFilterCount > 0 ? (\n              <span className=\"rounded-md bg-surface-hover px-1.5 text-xs tabular-nums text-fg-muted\">\n                {activeFilterCount}\n              </span>\n            ) : null}\n          </Button>\n          {hasActiveFilters ? (\n            <Button type=\"button\" variant=\"ghost\" className=\"h-10 min-h-[44px] gap-1 sm:min-h-10\" onClick={onClearFilters}>\n              <X className=\"size-4\" strokeWidth={1.75} />\n              {L.clear}\n            </Button>\n          ) : null}\n        </div>\n      </div>\n\n      {autoRefresh ? <p className=\"text-xs leading-5 text-fg-subtle\">{L.liveHint}</p> : null}\n    </section>\n  );\n}","import { ChevronDown, FileText, RefreshCw } from 'lucide-react';\n\nimport { Button } from '@/components/ui/button';\nimport { cn } from '@/lib/cn';\nimport type { LogEntry } from '@/features/logs/log.types';\nimport {\n  interpolate,\n  levelLabel,\n  messagePreview,\n  moduleLabel,\n  requestIdPreview,\n  formatTimeCompact,\n} from '@/features/logs/logs-page-lib';\nimport type { LogsMessages } from '@/i18n/messages';\n\ntype Props = {\n  L: LogsMessages;\n  logs: LogEntry[];\n  loading: boolean;\n  hasMore: boolean;\n  onSelectLog: (log: LogEntry) => void;\n  onLoadMore: () => void;\n  onRefreshAll: () => void;\n};\n\nexport function LogsListSection({ L, logs, loading, hasMore, onSelectLog, onLoadMore, onRefreshAll }: Props) {\n  return (\n    <>\n      {loading && logs.length === 0 ? (\n        <div\n          className=\"divide-y divide-edge-subtle overflow-hidden rounded-xl border border-edge bg-surface-panel dark:divide-edge dark:border-edge\"\n          aria-busy=\"true\"\n        >\n          {Array.from({ length: 8 }).map((_, i) => (\n            <div key={i} className=\"flex gap-3 px-3 py-2.5\">\n              <div className=\"h-4 w-16 shrink-0 bg-surface-hover motion-reduce:animate-none animate-pulse\" />\n              <div className=\"h-4 w-12 shrink-0 bg-surface-hover motion-reduce:animate-none animate-pulse\" />\n              <div className=\"h-4 w-20 shrink-0 bg-surface-hover motion-reduce:animate-none animate-pulse\" />\n              <div className=\"h-4 min-w-0 flex-1 bg-surface-hover motion-reduce:animate-none animate-pulse\" />\n            </div>\n          ))}\n        </div>\n      ) : null}\n\n      {!loading && logs.length === 0 ? (\n        <div className=\"flex flex-col items-center justify-center gap-2 rounded-xl border border-edge-subtle bg-surface-base py-16 text-center dark:border-edge\">\n          <FileText className=\"size-12 text-fg-subtle\" strokeWidth={1.5} aria-hidden />\n          <h2 className=\"text-base font-semibold tracking-tight text-fg\">{L.noLogs}</h2>\n          <p className=\"max-w-sm text-sm leading-relaxed text-fg-muted\">{L.noLogsDescription}</p>\n          <Button type=\"button\" variant=\"secondary\" className=\"mt-4 gap-2\" onClick={onRefreshAll}>\n            <RefreshCw className=\"size-4\" strokeWidth={1.75} />\n            {L.refresh}\n          </Button>\n        </div>\n      ) : null}\n\n      {logs.length > 0 ? (\n        <div className=\"flex flex-col gap-2\">\n          <p className=\"text-xs leading-5 text-fg-muted\">\n            {interpolate(L.showingCount, { count: String(logs.length) })}\n            {hasMore ? <span className=\"text-fg-subtle\"> · {L.moreAvailable}</span> : null}\n          </p>\n          <ul\n            className=\"divide-y divide-edge-subtle overflow-hidden rounded-xl border border-edge bg-surface-panel font-mono text-sm leading-6 dark:divide-edge dark:border-edge\"\n            role=\"list\"\n          >\n            {logs.map((log, idx) => {\n              const lv = log.level ?? 'info';\n              const rid = typeof log.requestId === 'string' ? log.requestId.trim() : '';\n              return (\n                <li key={`${log.timestamp}-${idx}`}>\n                  <button\n                    type=\"button\"\n                    onClick={() => onSelectLog(log)}\n                    className={cn(\n                      'flex w-full min-w-0 items-center gap-3 px-3 py-2.5 text-left transition-colors duration-150 ease-out',\n                      'hover:bg-surface-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-panel',\n                    )}\n                  >\n                    <span className=\"w-[5.25rem] shrink-0 tabular-nums text-fg-subtle\">\n                      {formatTimeCompact(log.timestamp)}\n                    </span>\n                    <span className=\"w-[4.5rem] shrink-0 truncate text-fg-muted\" title={lv}>\n                      {levelLabel(lv)}\n                    </span>\n                    <span\n                      className=\"w-[4.5rem] shrink-0 truncate text-fg-subtle sm:w-[5.25rem]\"\n                      title={rid ? `${L.requestId}: ${rid}` : undefined}\n                    >\n                      {rid ? requestIdPreview(rid) : '—'}\n                    </span>\n                    <span\n                      className=\"hidden max-w-[7rem] shrink-0 truncate text-fg-muted lg:inline\"\n                      title={moduleLabel(log)}\n                    >\n                      {moduleLabel(log)}\n                    </span>\n                    <span className=\"min-w-0 flex-1 truncate text-fg\">{messagePreview(log)}</span>\n                  </button>\n                </li>\n              );\n            })}\n          </ul>\n          {hasMore ? (\n            <div className=\"flex justify-center pt-1\">\n              <Button type=\"button\" variant=\"secondary\" className=\"gap-2\" disabled={loading} onClick={onLoadMore}>\n                {loading ? (\n                  <RefreshCw className=\"size-4 animate-spin motion-reduce:animate-none\" strokeWidth={1.75} />\n                ) : (\n                  <ChevronDown className=\"size-4\" strokeWidth={1.75} />\n                )}\n                {L.loadMore}\n              </Button>\n            </div>\n          ) : null}\n        </div>\n      ) : null}\n    </>\n  );\n}\n","import { Terminal } from 'lucide-react';\n\nimport type { LogsMessages } from '@/i18n/messages';\n\ntype Props = { L: LogsMessages };\n\nexport function LogsNoToken({ L }: Props) {\n  return (\n    <div className=\"mx-auto flex w-full max-w-app-main flex-col gap-3 px-4 py-10\">\n      <div className=\"flex items-start gap-3 rounded-2xl border border-edge-subtle bg-surface-base p-6 dark:border-edge\">\n        <Terminal className=\"mt-0.5 size-5 shrink-0 text-fg-subtle\" strokeWidth={1.75} aria-hidden />\n        <div>\n          <h1 className=\"text-base font-semibold tracking-tight text-fg\">{L.title}</h1>\n          <p className=\"mt-1 text-sm leading-relaxed text-fg-muted\">{L.needToken}</p>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import { Folder, RefreshCw } from 'lucide-react';\n\nimport { SlidingSegmented } from '@/components/ui/sliding-segmented';\nimport { Button } from '@/components/ui/button';\nimport { cn } from '@/lib/cn';\nimport type { LogsMessages } from '@/i18n/messages';\n\ntype Props = {\n  L: LogsMessages;\n  autoRefresh: boolean;\n  onAutoRefreshChange: (live: boolean) => void;\n  fileCount: number;\n  onOpenFiles: () => void;\n  loading: boolean;\n  onRefreshAll: () => void;\n};\n\nexport function LogsPageHeader({\n  L,\n  autoRefresh,\n  onAutoRefreshChange,\n  fileCount,\n  onOpenFiles,\n  loading,\n  onRefreshAll,\n}: Props) {\n  return (\n    <header className=\"flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between\">\n      <div className=\"min-w-0\">\n        <h1 className=\"text-xl font-semibold tracking-tight text-fg\">{L.title}</h1>\n        <p className=\"mt-0.5 text-sm leading-relaxed text-fg-muted\">{L.subtitle}</p>\n      </div>\n      <div className=\"flex w-full shrink-0 flex-col gap-2 sm:w-auto sm:max-w-md sm:flex-row sm:items-center sm:justify-end\">\n        <div className=\"w-full sm:w-48\">\n          <SlidingSegmented\n            aria-label={L.refreshModeAria}\n            value={autoRefresh ? 'live' : 'paused'}\n            onChange={(v) => onAutoRefreshChange(v === 'live')}\n            options={[\n              { value: 'paused', label: L.refreshManual },\n              { value: 'live', label: L.refreshLive },\n            ]}\n            buttonClassName=\"h-8\"\n          />\n        </div>\n        <div className=\"flex items-center gap-1 self-end sm:self-center\">\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            className=\"h-9 min-h-[44px] min-w-[44px] px-2 sm:min-h-9 sm:min-w-0\"\n            title={L.logFiles}\n            aria-label={L.logFiles}\n            onClick={onOpenFiles}\n          >\n            <Folder className=\"size-4\" strokeWidth={1.75} />\n            {fileCount > 0 ? (\n              <span className=\"rounded-full bg-surface-hover px-1.5 text-xs text-fg-muted\">{fileCount}</span>\n            ) : null}\n          </Button>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            className=\"h-9 min-h-[44px] min-w-[44px] px-2 sm:min-h-9 sm:min-w-0\"\n            title={L.refresh}\n            aria-label={L.refresh}\n            onClick={onRefreshAll}\n          >\n            <RefreshCw\n              className={cn(\n                'size-4 transition-transform duration-150 ease-out motion-reduce:transition-none',\n                loading && 'animate-spin motion-reduce:animate-none',\n              )}\n              strokeWidth={1.75}\n            />\n          </Button>\n        </div>\n      </div>\n    </header>\n  );\n}\n","import * as Popover from '@radix-ui/react-popover';\n\nimport { formatStatsLine } from '@/features/logs/logs-page-lib';\nimport { LOG_LEVELS, type LogStats } from '@/features/logs/log.types';\nimport type { LogsMessages } from '@/i18n/messages';\nimport { cn } from '@/lib/cn';\nimport { SETTINGS_SHELL_POPOVER_Z } from '@/lib/settings-shell-dialog-layer';\n\ntype Props = {\n  L: LogsMessages;\n  stats: LogStats;\n};\n\nexport function LogsStatsPopover({ L, stats }: Props) {\n  const statsLine = formatStatsLine(stats.byLevel ?? {}, L.levelNames);\n  if (!statsLine) return null;\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-2\">\n      <Popover.Root>\n        <Popover.Trigger asChild>\n          <button\n            type=\"button\"\n            className=\"max-w-full truncate rounded-lg border border-transparent px-1 py-0.5 text-left text-xs leading-5 text-fg-subtle transition-colors duration-150 ease-out hover:border-edge-subtle hover:bg-surface-hover hover:text-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-panel dark:hover:border-edge\"\n          >\n            <span className=\"font-medium text-fg-muted\">{L.statsRegion}</span>\n            <span className=\"mx-1.5 text-fg-subtle\">·</span>\n            <span className=\"tabular-nums\">{statsLine}</span>\n          </button>\n        </Popover.Trigger>\n        <Popover.Portal>\n          <Popover.Content\n            side=\"bottom\"\n            align=\"start\"\n            sideOffset={6}\n            className={cn(\n              'w-[min(calc(100vw-2rem),20rem)] rounded-xl border border-edge bg-surface-panel p-3 shadow-popover outline-none',\n              SETTINGS_SHELL_POPOVER_Z,\n              'dark:border-edge',\n            )}\n          >\n            <p className=\"text-xs font-medium text-fg\">{L.statsDetailTitle}</p>\n            <p className=\"mt-1 text-xs leading-5 text-fg-muted\">{L.statsHint}</p>\n            <ul className=\"mt-3 flex flex-col gap-1.5\" role=\"list\">\n              {LOG_LEVELS.map((lv) => {\n                const n = stats.byLevel?.[lv] ?? 0;\n                if (n === 0) return null;\n                return (\n                  <li\n                    key={lv}\n                    className=\"flex items-center justify-between gap-2 rounded-md border border-edge-subtle bg-surface-base px-2 py-1 text-xs dark:border-edge\"\n                  >\n                    <span className=\"font-medium capitalize text-fg\">{L.levelNames[lv]}</span>\n                    <span className=\"tabular-nums text-fg-muted\">{n}</span>\n                  </li>\n                );\n              })}\n            </ul>\n          </Popover.Content>\n        </Popover.Portal>\n      </Popover.Root>\n    </div>\n  );\n}\n","import { useLogsPage } from '@/features/logs/hooks/use-logs-page';\nimport { LogsDetailDrawer } from '@/features/logs/logs-detail-drawer';\nimport { LogsFilesDialog } from '@/features/logs/logs-files-dialog';\nimport { LogsFiltersDialog } from '@/features/logs/logs-filters-dialog';\nimport { LogsFiltersSection } from '@/features/logs/logs-filters-section';\nimport { LogsListSection } from '@/features/logs/logs-list-section';\nimport { LogsNoToken } from '@/features/logs/logs-no-token';\nimport { LogsPageHeader } from '@/features/logs/logs-page-header';\nimport { LogsStatsPopover } from '@/features/logs/logs-stats-popover';\nimport { useLocaleStore } from '@/stores/locale-store';\n\nexport function LogsPage() {\n  const language = useLocaleStore((s) => s.language);\n  const {\n    L,\n    hasToken,\n    logs,\n    loading,\n    error,\n    hasMore,\n    searchInput,\n    setSearchInput,\n    selectedLevels,\n    moduleFilter,\n    setModuleFilter,\n    dateFrom,\n    setDateFrom,\n    dateTo,\n    setDateTo,\n    modules,\n    files,\n    stats,\n    selectedLog,\n    setSelectedLog,\n    filesOpen,\n    setFilesOpen,\n    filtersOpen,\n    setFiltersOpen,\n    logDir,\n    autoRefresh,\n    setAutoRefresh,\n    copiedDetail,\n    setCopiedDetail,\n    hasActiveFilters,\n    activeFilterCount,\n    clearFilters,\n    toggleDialogLevel,\n    handleLoadMore,\n    refreshAll,\n    levelSegment,\n    handleLevelSegment,\n  } = useLogsPage(language);\n\n  if (!hasToken) {\n    return <LogsNoToken L={L} />;\n  }\n\n  return (\n    <div className=\"mx-auto flex w-full max-w-app-main flex-col gap-6 px-4 py-6\">\n      <LogsPageHeader\n        L={L}\n        autoRefresh={autoRefresh}\n        onAutoRefreshChange={setAutoRefresh}\n        fileCount={files.length}\n        onOpenFiles={() => setFilesOpen(true)}\n        loading={loading}\n        onRefreshAll={refreshAll}\n      />\n\n      {error ? (\n        <div\n          className=\"rounded-xl border border-edge bg-surface-base px-3 py-2 text-sm text-fg dark:border-edge\"\n          role=\"alert\"\n        >\n          {error}\n        </div>\n      ) : null}\n\n      {stats ? <LogsStatsPopover L={L} stats={stats} /> : null}\n\n      <LogsFiltersSection\n        L={L}\n        levelSegment={levelSegment}\n        onLevelSegment={handleLevelSegment}\n        searchInput={searchInput}\n        onSearchInputChange={setSearchInput}\n        moduleFilter={moduleFilter}\n        onModuleFilterChange={setModuleFilter}\n        modules={modules}\n        onOpenFilters={() => setFiltersOpen(true)}\n        activeFilterCount={activeFilterCount}\n        hasActiveFilters={hasActiveFilters}\n        onClearFilters={clearFilters}\n        autoRefresh={autoRefresh}\n      />\n\n      <LogsListSection\n        L={L}\n        logs={logs}\n        loading={loading}\n        hasMore={hasMore}\n        onSelectLog={setSelectedLog}\n        onLoadMore={handleLoadMore}\n        onRefreshAll={refreshAll}\n      />\n\n      <LogsFiltersDialog\n        L={L}\n        open={filtersOpen}\n        onOpenChange={setFiltersOpen}\n        dateFrom={dateFrom}\n        onDateFromChange={setDateFrom}\n        dateTo={dateTo}\n        onDateToChange={setDateTo}\n        selectedLevels={selectedLevels}\n        onToggleLevel={toggleDialogLevel}\n      />\n\n      <LogsDetailDrawer\n        L={L}\n        log={selectedLog}\n        onClose={() => setSelectedLog(null)}\n        copiedDetail={copiedDetail}\n        onCopiedMessage={() => setCopiedDetail('message')}\n        onCopiedJson={() => setCopiedDetail('json')}\n      />\n\n      <LogsFilesDialog L={L} open={filesOpen} onOpenChange={setFilesOpen} files={files} logDir={logDir} />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"logs-page-DlOmjXKS.js","names":[],"sources":["../../../../../web/src/features/logs/log-api.ts","../../../../../web/src/features/logs/log.types.ts","../../../../../web/src/features/logs/logs-page-lib.ts","../../../../../web/src/features/logs/hooks/use-logs-page.ts","../../../../../web/src/features/logs/log-detail-body.tsx","../../../../../web/src/features/logs/logs-detail-drawer.tsx","../../../../../web/src/features/logs/logs-files-dialog.tsx","../../../../../web/src/features/logs/logs-filters-dialog.tsx","../../../../../web/src/features/logs/logs-filters-section.tsx","../../../../../web/src/features/logs/logs-list-section.tsx","../../../../../web/src/features/logs/logs-no-token.tsx","../../../../../web/src/features/logs/logs-page-header.tsx","../../../../../web/src/features/logs/logs-stats-popover.tsx","../../../../../web/src/features/logs/logs-page.tsx"],"sourcesContent":["import { fetchJson } from '@/lib/fetch';\nimport { apiUrl } from '@/lib/url';\n\nimport type { LogEntry, LogFile, LogQuery, LogStats } from '@/features/logs/log.types';\n\nfunction buildQueryString(query?: LogQuery): string {\n  const params = new URLSearchParams();\n  if (!query) return '';\n  if (query.level?.length) params.set('level', query.level.join(','));\n  if (query.from) params.set('from', query.from);\n  if (query.to) params.set('to', query.to);\n  if (query.q) params.set('q', query.q);\n  if (query.module) params.set('module', query.module);\n  if (query.limit != null) params.set('limit', String(query.limit));\n  if (query.offset != null) params.set('offset', String(query.offset));\n  const qs = params.toString();\n  return qs ? `?${qs}` : '';\n}\n\nexport async function queryLogs(query?: LogQuery): Promise<{ logs: LogEntry[]; count: number }> {\n  return fetchJson<{ logs: LogEntry[]; count: number }>(apiUrl(`/api/logs${buildQueryString(query)}`));\n}\n\nexport async function getLogFiles(): Promise<LogFile[]> {\n  const result = await fetchJson<{ files: LogFile[] }>(apiUrl('/api/logs/files'));\n  return result.files ?? [];\n}\n\nexport async function getLogModules(): Promise<string[]> {\n  const result = await fetchJson<{ modules: string[] }>(apiUrl('/api/logs/modules'));\n  return result.modules ?? [];\n}\n\nexport async function getLogStats(): Promise<LogStats> {\n  const raw = await fetchJson<Partial<LogStats>>(apiUrl('/api/logs/stats'));\n  return { byLevel: raw.byLevel ?? {} };\n}\n\nexport async function getLogDir(): Promise<string> {\n  const result = await fetchJson<{ dir: string }>(apiUrl('/api/logs/dir'));\n  return result.dir ?? '';\n}\n","export type LogLevel = 'trace' | 'debug' | 'info' | 'warn' | 'error' | 'fatal';\n\nexport const LOG_LEVELS: LogLevel[] = ['trace', 'debug', 'info', 'warn', 'error', 'fatal'];\n\nexport interface LogEntry {\n  timestamp: string;\n  level: LogLevel;\n  message: string;\n  module?: string;\n  prefix?: string;\n  service?: string;\n  extension?: string;\n  requestId?: string;\n  sessionId?: string;\n  userId?: string;\n  meta?: Record<string, unknown>;\n  [key: string]: unknown;\n}\n\nexport interface LogQuery {\n  level?: string[];\n  from?: string;\n  to?: string;\n  q?: string;\n  module?: string;\n  limit?: number;\n  offset?: number;\n}\n\nexport interface LogFile {\n  name: string;\n  size: number;\n  modified: string;\n}\n\nexport interface LogStats {\n  byLevel: Partial<Record<LogLevel | 'silent', number>>;\n}\n","import { LOG_LEVELS, type LogEntry, type LogLevel } from '@/features/logs/log.types';\n\nfunction logEntryTimeMs(entry: LogEntry): number {\n  const t = new Date(String(entry.timestamp)).getTime();\n  return Number.isFinite(t) ? t : 0;\n}\n\n/** Newest first (descending by timestamp). */\nexport function sortLogsByTimeDesc(entries: readonly LogEntry[]): LogEntry[] {\n  return [...entries].sort((a, b) => logEntryTimeMs(b) - logEntryTimeMs(a));\n}\n\nexport const PAGE_LIMIT = 50;\nexport const REFRESH_MS = 5000;\n\nexport const LOG_LEVEL_SET = new Set<LogLevel>(LOG_LEVELS);\n\nexport type LevelPreset = 'all' | 'errors' | 'warnPlus' | 'infoPlus' | 'verbose' | 'custom';\nexport type LevelSegmentValue = Exclude<LevelPreset, 'custom'> | 'other';\n\nconst PRESET_ERRORS: LogLevel[] = ['error', 'fatal'];\nconst PRESET_WARN_PLUS: LogLevel[] = ['warn', 'error', 'fatal'];\nconst PRESET_INFO_PLUS: LogLevel[] = ['info', 'warn', 'error', 'fatal'];\n\nexport function parseLogLevelsParam(raw: string | null): Set<LogLevel> {\n  if (!raw) return new Set<LogLevel>();\n  const out = new Set<LogLevel>();\n  for (const part of raw.split(',')) {\n    const level = part.trim() as LogLevel;\n    if (LOG_LEVEL_SET.has(level)) out.add(level);\n  }\n  return out;\n}\n\nexport function isSameLogLevelSet(a: Set<LogLevel>, b: Set<LogLevel>): boolean {\n  if (a.size !== b.size) return false;\n  for (const level of a) {\n    if (!b.has(level)) return false;\n  }\n  return true;\n}\n\nfunction setMatchesLevels(s: Set<LogLevel>, levels: readonly LogLevel[]): boolean {\n  if (s.size !== levels.length) return false;\n  return levels.every((l) => s.has(l));\n}\n\nexport function derivePreset(levels: Set<LogLevel>): LevelPreset {\n  if (levels.size === 0) return 'all';\n  if (setMatchesLevels(levels, PRESET_ERRORS)) return 'errors';\n  if (setMatchesLevels(levels, PRESET_WARN_PLUS)) return 'warnPlus';\n  if (setMatchesLevels(levels, PRESET_INFO_PLUS)) return 'infoPlus';\n  if (levels.size === LOG_LEVELS.length && LOG_LEVELS.every((l) => levels.has(l))) return 'verbose';\n  return 'custom';\n}\n\nexport function segmentValueFromLevels(levels: Set<LogLevel>): LevelSegmentValue {\n  const p = derivePreset(levels);\n  return p === 'custom' ? 'other' : p;\n}\n\nexport function levelsForPreset(preset: Exclude<LevelPreset, 'custom'>): Set<LogLevel> {\n  switch (preset) {\n    case 'all':\n      return new Set();\n    case 'errors':\n      return new Set(PRESET_ERRORS);\n    case 'warnPlus':\n      return new Set(PRESET_WARN_PLUS);\n    case 'infoPlus':\n      return new Set(PRESET_INFO_PLUS);\n    case 'verbose':\n      return new Set(LOG_LEVELS);\n  }\n}\n\nexport function interpolate(template: string, params: Record<string, string | number>): string {\n  return template.replace(/\\{\\{(\\w+)\\}\\}/g, (_, key) => String(params[key] ?? ''));\n}\n\nexport function moduleLabel(log: LogEntry): string {\n  return String(log.module || log.prefix || log.service || log.extension || '—');\n}\n\nexport function messagePreview(log: LogEntry): string {\n  if (typeof log.message === 'string' && log.message) return log.message;\n  try {\n    return JSON.stringify(log);\n  } catch {\n    return '';\n  }\n}\n\nexport function formatTimeCompact(timestamp: string): string {\n  try {\n    const date = new Date(timestamp);\n    return date.toLocaleTimeString(undefined, {\n      hour: '2-digit',\n      minute: '2-digit',\n      second: '2-digit',\n      hour12: false,\n    });\n  } catch {\n    return timestamp;\n  }\n}\n\nexport function formatTimestampFull(timestamp: string): string {\n  try {\n    return new Date(timestamp).toLocaleString();\n  } catch {\n    return timestamp;\n  }\n}\n\nexport function formatFileSize(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n\nexport function requestIdPreview(id: string): string {\n  const t = id.trim();\n  if (t.length <= 10) return t;\n  return `${t.slice(0, 8)}…`;\n}\n\nexport function levelLabel(level: string): string {\n  return String(level).toLowerCase();\n}\n\nexport function formatStatsLine(\n  byLevel: Partial<Record<LogLevel | 'silent', number>>,\n  labels: Record<LogLevel, string>,\n): string {\n  const parts: string[] = [];\n  for (const lv of LOG_LEVELS) {\n    const n = byLevel[lv] ?? 0;\n    if (n > 0) parts.push(`${labels[lv]} ${n}`);\n  }\n  return parts.join(' · ');\n}\n","import { useEffect, useMemo, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\n\nimport {\n  getLogDir,\n  getLogFiles,\n  getLogModules,\n  getLogStats,\n  queryLogs,\n} from '@/features/logs/log-api';\nimport type { LogEntry, LogFile, LogLevel } from '@/features/logs/log.types';\nimport type { LevelSegmentValue } from '@/features/logs/logs-page-lib';\nimport {\n  isSameLogLevelSet,\n  levelsForPreset,\n  PAGE_LIMIT,\n  parseLogLevelsParam,\n  REFRESH_MS,\n  segmentValueFromLevels,\n  sortLogsByTimeDesc,\n} from '@/features/logs/logs-page-lib';\nimport { messages } from '@/i18n/messages';\nimport type { StoredLanguage } from '@/lib/storage';\nimport { useGatewayStore } from '@/stores/gateway-store';\n\nexport function useLogsPage(language: StoredLanguage) {\n  const L = messages(language).logs;\n  const token = useGatewayStore((st) => st.token);\n  const hasToken = Boolean(token);\n  const [searchParams, setSearchParams] = useSearchParams();\n\n  const initialSearch = searchParams.get('q') ?? '';\n  const initialLevels = parseLogLevelsParam(searchParams.get('level'));\n  const initialModule = searchParams.get('module') ?? '';\n  const initialFrom = searchParams.get('from') ?? '';\n  const initialTo = searchParams.get('to') ?? '';\n  const initialAutoRefresh = searchParams.get('live') === '1';\n\n  const [logs, setLogs] = useState<LogEntry[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [hasMore, setHasMore] = useState(false);\n\n  const [searchInput, setSearchInput] = useState(initialSearch);\n  const [debouncedSearch, setDebouncedSearch] = useState(initialSearch.trim());\n  const [selectedLevels, setSelectedLevels] = useState<Set<LogLevel>>(initialLevels);\n  const [moduleFilter, setModuleFilter] = useState(initialModule);\n  const [dateFrom, setDateFrom] = useState(initialFrom);\n  const [dateTo, setDateTo] = useState(initialTo);\n\n  const [modules, setModules] = useState<string[]>([]);\n  const [files, setFiles] = useState<LogFile[]>([]);\n  const [stats, setStats] = useState<Awaited<ReturnType<typeof getLogStats>> | null>(null);\n\n  const [selectedLog, setSelectedLog] = useState<LogEntry | null>(null);\n  const [filesOpen, setFilesOpen] = useState(false);\n  const [filtersOpen, setFiltersOpen] = useState(false);\n  const [logDir, setLogDir] = useState<string | null>(null);\n  const [autoRefresh, setAutoRefresh] = useState(initialAutoRefresh);\n  const [copiedDetail, setCopiedDetail] = useState<'json' | 'message' | null>(null);\n\n  const levelSegment = useMemo(() => segmentValueFromLevels(selectedLevels), [selectedLevels]);\n\n  const handleLevelSegment = (value: LevelSegmentValue) => {\n    if (value === 'other') {\n      setFiltersOpen(true);\n      return;\n    }\n    setSelectedLevels(levelsForPreset(value));\n  };\n\n  const hasActiveFilters =\n    debouncedSearch.length > 0 ||\n    selectedLevels.size > 0 ||\n    Boolean(moduleFilter) ||\n    Boolean(dateFrom) ||\n    Boolean(dateTo);\n\n  const activeFilterCount =\n    (debouncedSearch.length > 0 ? 1 : 0) +\n    (selectedLevels.size > 0 ? 1 : 0) +\n    (moduleFilter ? 1 : 0) +\n    (dateFrom || dateTo ? 1 : 0);\n\n  useEffect(() => {\n    const t = setTimeout(() => setDebouncedSearch(searchInput.trim()), 300);\n    return () => clearTimeout(t);\n  }, [searchInput]);\n\n  useEffect(() => {\n    const nextQ = searchParams.get('q') ?? '';\n    const nextModule = searchParams.get('module') ?? '';\n    const nextFrom = searchParams.get('from') ?? '';\n    const nextTo = searchParams.get('to') ?? '';\n    const nextAutoRefresh = searchParams.get('live') === '1';\n    const nextLevels = parseLogLevelsParam(searchParams.get('level'));\n    const nextDebouncedQ = nextQ.trim();\n\n    setSearchInput((prev) => (prev === nextQ ? prev : nextQ));\n    setDebouncedSearch((prev) => (prev === nextDebouncedQ ? prev : nextDebouncedQ));\n    setSelectedLevels((prev) => (isSameLogLevelSet(nextLevels, prev) ? prev : nextLevels));\n    setModuleFilter((prev) => (prev === nextModule ? prev : nextModule));\n    setDateFrom((prev) => (prev === nextFrom ? prev : nextFrom));\n    setDateTo((prev) => (prev === nextTo ? prev : nextTo));\n    setAutoRefresh((prev) => (prev === nextAutoRefresh ? prev : nextAutoRefresh));\n  }, [searchParams]);\n\n  useEffect(() => {\n    const params = new URLSearchParams(searchParams);\n    const nextQ = debouncedSearch.trim();\n    if (nextQ) params.set('q', nextQ);\n    else params.delete('q');\n\n    if (selectedLevels.size > 0) {\n      params.set('level', Array.from(selectedLevels).sort().join(','));\n    } else {\n      params.delete('level');\n    }\n\n    if (moduleFilter) params.set('module', moduleFilter);\n    else params.delete('module');\n    if (dateFrom) params.set('from', dateFrom);\n    else params.delete('from');\n    if (dateTo) params.set('to', dateTo);\n    else params.delete('to');\n    if (autoRefresh) params.set('live', '1');\n    else params.delete('live');\n\n    const next = params.toString();\n    if (next !== searchParams.toString()) {\n      setSearchParams(params, { replace: true });\n    }\n  }, [\n    autoRefresh,\n    dateFrom,\n    dateTo,\n    debouncedSearch,\n    moduleFilter,\n    searchParams,\n    selectedLevels,\n    setSearchParams,\n  ]);\n\n  const queryParams = useMemo(\n    () => ({\n      q: debouncedSearch || undefined,\n      level: selectedLevels.size > 0 ? Array.from(selectedLevels) : undefined,\n      module: moduleFilter || undefined,\n      from: dateFrom || undefined,\n      to: dateTo || undefined,\n      limit: PAGE_LIMIT,\n    }),\n    [debouncedSearch, selectedLevels, moduleFilter, dateFrom, dateTo],\n  );\n\n  useEffect(() => {\n    if (!hasToken) return;\n    let cancelled = false;\n    (async () => {\n      setLoading(true);\n      setError(null);\n      setLogs([]);\n      try {\n        const result = await queryLogs({ ...queryParams, offset: 0 });\n        if (cancelled) return;\n        setLogs(sortLogsByTimeDesc(result.logs));\n        setHasMore(result.logs.length === PAGE_LIMIT);\n      } catch (e) {\n        if (!cancelled) {\n          setError(e instanceof Error ? e.message : L.loadError);\n          setLogs([]);\n          setHasMore(false);\n        }\n      } finally {\n        if (!cancelled) setLoading(false);\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n  }, [hasToken, queryParams, L.loadError]);\n\n  useEffect(() => {\n    if (!hasToken) return;\n    let cancelled = false;\n    (async () => {\n      try {\n        const [mods, st, fileList] = await Promise.all([getLogModules(), getLogStats(), getLogFiles()]);\n        if (!cancelled) {\n          setModules(mods);\n          setStats(st);\n          setFiles(fileList);\n        }\n      } catch {\n        /* optional */\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n  }, [hasToken]);\n\n  useEffect(() => {\n    if (!hasToken || !filesOpen) return;\n    let cancelled = false;\n    (async () => {\n      try {\n        const [list, dir] = await Promise.all([getLogFiles(), getLogDir()]);\n        if (!cancelled) {\n          setFiles(list);\n          setLogDir(dir);\n        }\n      } catch {\n        if (!cancelled) setFiles([]);\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n  }, [hasToken, filesOpen]);\n\n  useEffect(() => {\n    if (!autoRefresh || !hasToken) return;\n    const id = window.setInterval(() => {\n      void (async () => {\n        try {\n          const result = await queryLogs({ ...queryParams, offset: 0 });\n          setLogs(sortLogsByTimeDesc(result.logs));\n          setHasMore(result.logs.length === PAGE_LIMIT);\n          const st = await getLogStats();\n          setStats(st);\n        } catch {\n          /* ignore */\n        }\n      })();\n    }, REFRESH_MS);\n    return () => clearInterval(id);\n  }, [autoRefresh, hasToken, queryParams]);\n\n  useEffect(() => {\n    if (!copiedDetail) return;\n    const t = window.setTimeout(() => setCopiedDetail(null), 2000);\n    return () => clearTimeout(t);\n  }, [copiedDetail]);\n\n  const clearFilters = () => {\n    setSearchInput('');\n    setDebouncedSearch('');\n    setSelectedLevels(new Set());\n    setModuleFilter('');\n    setDateFrom('');\n    setDateTo('');\n  };\n\n  const toggleDialogLevel = (level: LogLevel) => {\n    setSelectedLevels((prev) => {\n      const next = new Set(prev);\n      if (next.has(level)) next.delete(level);\n      else next.add(level);\n      return next;\n    });\n  };\n\n  const handleLoadMore = () => {\n    if (loading || !hasMore) return;\n    void (async () => {\n      setLoading(true);\n      setError(null);\n      try {\n        const result = await queryLogs({ ...queryParams, offset: logs.length });\n        setLogs((prev) => sortLogsByTimeDesc([...prev, ...result.logs]));\n        setHasMore(result.logs.length === PAGE_LIMIT);\n      } catch (e) {\n        setError(e instanceof Error ? e.message : L.loadError);\n      } finally {\n        setLoading(false);\n      }\n    })();\n  };\n\n  const refreshAll = () => {\n    void (async () => {\n      setLoading(true);\n      setError(null);\n      try {\n        const result = await queryLogs({ ...queryParams, offset: 0 });\n        setLogs(sortLogsByTimeDesc(result.logs));\n        setHasMore(result.logs.length === PAGE_LIMIT);\n        const [st, fileList] = await Promise.all([getLogStats(), getLogFiles()]);\n        setStats(st);\n        setFiles(fileList);\n      } catch (e) {\n        setError(e instanceof Error ? e.message : L.loadError);\n      } finally {\n        setLoading(false);\n      }\n    })();\n  };\n\n  return {\n    L,\n    hasToken,\n    logs,\n    loading,\n    error,\n    hasMore,\n    searchInput,\n    setSearchInput,\n    selectedLevels,\n    setSelectedLevels,\n    moduleFilter,\n    setModuleFilter,\n    dateFrom,\n    setDateFrom,\n    dateTo,\n    setDateTo,\n    modules,\n    files,\n    stats,\n    selectedLog,\n    setSelectedLog,\n    filesOpen,\n    setFilesOpen,\n    filtersOpen,\n    setFiltersOpen,\n    logDir,\n    autoRefresh,\n    setAutoRefresh,\n    copiedDetail,\n    setCopiedDetail,\n    hasActiveFilters,\n    activeFilterCount,\n    clearFilters,\n    toggleDialogLevel,\n    handleLoadMore,\n    refreshAll,\n    levelSegment,\n    handleLevelSegment,\n  };\n}\n","import type { LogEntry } from '@/features/logs/log.types';\nimport { levelLabel, moduleLabel } from '@/features/logs/logs-page-lib';\nimport type { LogsMessages } from '@/i18n/messages';\n\nexport type LogDetailLabels = Pick<\n  LogsMessages,\n  'time' | 'level' | 'module' | 'message' | 'metadata' | 'requestId' | 'sessionId'\n>;\n\ntype Props = {\n  log: LogEntry;\n  labels: LogDetailLabels;\n};\n\nexport function LogDetailBody({ log, labels }: Props) {\n  const lv = log.level ?? 'info';\n  const rid = typeof log.requestId === 'string' ? log.requestId : '';\n  const sid = typeof log.sessionId === 'string' ? log.sessionId : '';\n  return (\n    <div className=\"flex flex-col gap-8\">\n      <div>\n        <span className=\"text-xs font-sans font-medium text-fg-muted\">{labels.message}</span>\n        <pre className=\"mt-2 whitespace-pre-wrap break-words border border-edge bg-surface-base p-3 text-xs leading-relaxed text-fg dark:border-edge\">\n          {log.message || '—'}\n        </pre>\n      </div>\n      <div className=\"grid grid-cols-[5.5rem_1fr] gap-x-3 gap-y-2 text-xs\">\n        <span className=\"font-sans text-fg-muted\">{labels.time}</span>\n        <code className=\"break-all text-fg\">{log.timestamp}</code>\n        <span className=\"font-sans text-fg-muted\">{labels.level}</span>\n        <span className=\"text-fg\">{levelLabel(lv)}</span>\n        <span className=\"font-sans text-fg-muted\">{labels.module}</span>\n        <code className=\"break-all text-fg\">{moduleLabel(log)}</code>\n        {rid ? (\n          <>\n            <span className=\"font-sans text-fg-muted\">{labels.requestId}</span>\n            <code className=\"break-all text-fg\">{rid}</code>\n          </>\n        ) : null}\n        {sid ? (\n          <>\n            <span className=\"font-sans text-fg-muted\">{labels.sessionId}</span>\n            <code className=\"break-all text-fg\">{sid}</code>\n          </>\n        ) : null}\n      </div>\n      {log.meta && Object.keys(log.meta).length > 0 ? (\n        <div>\n          <span className=\"text-xs font-sans font-medium text-fg-muted\">{labels.metadata}</span>\n          <pre className=\"mt-2 overflow-x-auto whitespace-pre-wrap break-words border border-edge bg-surface-base p-3 text-xs leading-relaxed text-fg dark:border-edge\">\n            {JSON.stringify(log.meta, null, 2)}\n          </pre>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport { ClipboardCopy, X } from 'lucide-react';\n\nimport { Button } from '@/components/ui/button';\nimport { LogDetailBody } from '@/features/logs/log-detail-body';\nimport type { LogEntry } from '@/features/logs/log.types';\nimport type { LogsMessages } from '@/i18n/messages';\nimport { cn } from '@/lib/cn';\nimport { SETTINGS_SHELL_CONTENT_Z, SETTINGS_SHELL_OVERLAY_Z } from '@/lib/settings-shell-dialog-layer';\n\ntype Props = {\n  L: LogsMessages;\n  log: LogEntry | null;\n  onClose: () => void;\n  copiedDetail: 'json' | 'message' | null;\n  onCopiedMessage: () => void;\n  onCopiedJson: () => void;\n};\n\nexport function LogsDetailDrawer({ L, log, onClose, copiedDetail, onCopiedMessage, onCopiedJson }: Props) {\n  return (\n    <Dialog.Root open={log !== null} onOpenChange={(open) => !open && onClose()}>\n      <Dialog.Portal>\n        <Dialog.Overlay\n          className={cn('xopc-dialog-overlay fixed inset-0 bg-scrim', SETTINGS_SHELL_OVERLAY_Z)}\n        />\n        <Dialog.Content\n          className={cn(\n            'xopc-drawer-right fixed right-0 top-0 flex h-full w-full max-w-lg flex-col border-l border-edge bg-surface-panel shadow-popover outline-none',\n            SETTINGS_SHELL_CONTENT_Z,\n            'dark:border-edge',\n          )}\n          aria-describedby={undefined}\n        >\n          <div className=\"flex shrink-0 items-center justify-between gap-2 border-b border-edge px-4 py-3 dark:border-edge\">\n            <Dialog.Title className=\"text-base font-semibold tracking-tight text-fg\">{L.details}</Dialog.Title>\n            <div className=\"flex min-w-0 items-center gap-1\">\n              {log ? (\n                <>\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    className=\"h-9 shrink-0 gap-1 px-2 text-xs\"\n                    onClick={() => {\n                      const text = typeof log.message === 'string' ? log.message : '';\n                      void navigator.clipboard.writeText(text).then(onCopiedMessage);\n                    }}\n                  >\n                    <ClipboardCopy className=\"size-3.5 shrink-0\" strokeWidth={1.75} />\n                    <span className=\"hidden sm:inline\">{copiedDetail === 'message' ? L.copied : L.copyMessage}</span>\n                  </Button>\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    className=\"h-9 shrink-0 gap-1 px-2 text-xs\"\n                    onClick={() => {\n                      void navigator.clipboard.writeText(JSON.stringify(log, null, 2)).then(onCopiedJson);\n                    }}\n                  >\n                    <ClipboardCopy className=\"size-3.5 shrink-0\" strokeWidth={1.75} />\n                    <span className=\"hidden sm:inline\">{copiedDetail === 'json' ? L.copied : L.copyJson}</span>\n                  </Button>\n                </>\n              ) : null}\n              <Dialog.Close asChild>\n                <Button type=\"button\" variant=\"ghost\" className=\"h-9 w-9 shrink-0 p-0\" aria-label={L.close}>\n                  <X className=\"size-5\" strokeWidth={1.75} />\n                </Button>\n              </Dialog.Close>\n            </div>\n          </div>\n          <div className=\"min-h-0 flex-1 overflow-y-auto px-4 py-4 font-mono text-sm leading-relaxed\">\n            {log ? (\n              <LogDetailBody\n                log={log}\n                labels={{\n                  time: L.time,\n                  level: L.level,\n                  module: L.module,\n                  message: L.message,\n                  metadata: L.metadata,\n                  requestId: L.requestId,\n                  sessionId: L.sessionId,\n                }}\n              />\n            ) : null}\n          </div>\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport { Folder, X } from 'lucide-react';\n\nimport { Button } from '@/components/ui/button';\nimport type { LogFile } from '@/features/logs/log.types';\nimport { formatFileSize, formatTimestampFull } from '@/features/logs/logs-page-lib';\nimport type { LogsMessages } from '@/i18n/messages';\nimport { cn } from '@/lib/cn';\nimport { SETTINGS_SHELL_CONTENT_Z, SETTINGS_SHELL_OVERLAY_Z } from '@/lib/settings-shell-dialog-layer';\n\ntype Props = {\n  L: LogsMessages;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  files: LogFile[];\n  logDir: string | null;\n};\n\nexport function LogsFilesDialog({ L, open, onOpenChange, files, logDir }: Props) {\n  return (\n    <Dialog.Root open={open} onOpenChange={onOpenChange}>\n      <Dialog.Portal>\n        <Dialog.Overlay\n          className={cn('xopc-dialog-overlay fixed inset-0 bg-scrim', SETTINGS_SHELL_OVERLAY_Z)}\n        />\n        <Dialog.Content\n          className={cn(\n            'xopc-dialog-content fixed left-1/2 top-1/2 flex max-h-[min(32rem,85vh)] w-[min(100%-2rem,24rem)] -translate-x-1/2 -translate-y-1/2 flex-col rounded-xl border border-edge bg-surface-panel shadow-popover outline-none',\n            SETTINGS_SHELL_CONTENT_Z,\n            'dark:border-edge',\n          )}\n        >\n          <div className=\"flex shrink-0 items-center justify-between gap-2 border-b border-edge px-4 py-3 dark:border-edge\">\n            <Dialog.Title className=\"flex items-center gap-2 text-base font-semibold tracking-tight text-fg\">\n              <Folder className=\"size-4 text-fg-muted\" strokeWidth={1.75} />\n              {L.logFiles}\n            </Dialog.Title>\n            <Dialog.Close asChild>\n              <Button type=\"button\" variant=\"ghost\" className=\"h-9 w-9 shrink-0 p-0\" aria-label={L.close}>\n                <X className=\"size-5\" strokeWidth={1.75} />\n              </Button>\n            </Dialog.Close>\n          </div>\n          <div className=\"min-h-0 flex-1 overflow-y-auto px-4 py-3\">\n            {files.length === 0 ? (\n              <p className=\"text-sm text-fg-muted\">{L.filesEmpty}</p>\n            ) : (\n              <ul className=\"flex flex-col gap-2\" role=\"list\">\n                {files.map((f) => (\n                  <li\n                    key={f.name}\n                    className=\"flex flex-col gap-1 rounded-lg border border-edge-subtle bg-surface-base px-3 py-2 dark:border-edge\"\n                  >\n                    <span className=\"break-all font-mono text-xs text-fg\">{f.name}</span>\n                    <span className=\"flex flex-wrap gap-x-2 text-xs text-fg-subtle\">\n                      <span>{formatFileSize(f.size)}</span>\n                      <span>{formatTimestampFull(f.modified)}</span>\n                    </span>\n                  </li>\n                ))}\n              </ul>\n            )}\n          </div>\n          {logDir ? (\n            <div className=\"shrink-0 border-t border-edge-subtle px-4 py-2 text-xs text-fg-subtle dark:border-edge\">\n              <span className=\"font-medium text-fg-muted\">{L.logDir}: </span>\n              <code className=\"break-all text-fg-subtle\">{logDir}</code>\n            </div>\n          ) : null}\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport { X } from 'lucide-react';\n\nimport { Button } from '@/components/ui/button';\nimport { LOG_LEVELS, type LogLevel } from '@/features/logs/log.types';\nimport type { LogsMessages } from '@/i18n/messages';\nimport { cn } from '@/lib/cn';\nimport { SETTINGS_SHELL_CONTENT_Z, SETTINGS_SHELL_OVERLAY_Z } from '@/lib/settings-shell-dialog-layer';\n\ntype Props = {\n  L: LogsMessages;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  dateFrom: string;\n  onDateFromChange: (v: string) => void;\n  dateTo: string;\n  onDateToChange: (v: string) => void;\n  selectedLevels: Set<LogLevel>;\n  onToggleLevel: (level: LogLevel) => void;\n};\n\nexport function LogsFiltersDialog({\n  L,\n  open,\n  onOpenChange,\n  dateFrom,\n  onDateFromChange,\n  dateTo,\n  onDateToChange,\n  selectedLevels,\n  onToggleLevel,\n}: Props) {\n  return (\n    <Dialog.Root open={open} onOpenChange={onOpenChange}>\n      <Dialog.Portal>\n        <Dialog.Overlay\n          className={cn('xopc-dialog-overlay fixed inset-0 bg-scrim', SETTINGS_SHELL_OVERLAY_Z)}\n        />\n        <Dialog.Content\n          className={cn(\n            'xopc-dialog-content fixed left-1/2 top-1/2 flex max-h-[min(32rem,90vh)] w-[min(100%-2rem,22rem)] -translate-x-1/2 -translate-y-1/2 flex-col rounded-xl border border-edge bg-surface-panel shadow-popover outline-none',\n            SETTINGS_SHELL_CONTENT_Z,\n            'dark:border-edge',\n          )}\n          aria-describedby=\"log-filters-desc\"\n        >\n          <div className=\"flex shrink-0 items-center justify-between gap-2 border-b border-edge px-4 py-3 dark:border-edge\">\n            <Dialog.Title className=\"text-base font-semibold tracking-tight text-fg\">{L.filtersDialogTitle}</Dialog.Title>\n            <Dialog.Close asChild>\n              <Button type=\"button\" variant=\"ghost\" className=\"h-9 w-9 shrink-0 p-0\" aria-label={L.close}>\n                <X className=\"size-5\" strokeWidth={1.75} />\n              </Button>\n            </Dialog.Close>\n          </div>\n          <div id=\"log-filters-desc\" className=\"sr-only\">\n            {L.filtersDialogDesc}\n          </div>\n          <div className=\"min-h-0 flex-1 overflow-y-auto px-4 py-4\">\n            <p className=\"text-xs font-medium text-fg-muted\">{L.timeRange}</p>\n            <div className=\"mt-2 flex flex-col gap-3\">\n              <div>\n                <label htmlFor=\"log-from-d\" className=\"mb-1 block text-xs text-fg-muted\">\n                  {L.from}\n                </label>\n                <input\n                  id=\"log-from-d\"\n                  type=\"datetime-local\"\n                  value={dateFrom}\n                  onChange={(e) => onDateFromChange(e.target.value)}\n                  className=\"w-full rounded-xl border border-edge bg-surface-base px-2 py-2 text-sm text-fg dark:border-edge\"\n                />\n              </div>\n              <div>\n                <label htmlFor=\"log-to-d\" className=\"mb-1 block text-xs text-fg-muted\">\n                  {L.to}\n                </label>\n                <input\n                  id=\"log-to-d\"\n                  type=\"datetime-local\"\n                  value={dateTo}\n                  onChange={(e) => onDateToChange(e.target.value)}\n                  className=\"w-full rounded-xl border border-edge bg-surface-base px-2 py-2 text-sm text-fg dark:border-edge\"\n                />\n              </div>\n            </div>\n            <p className=\"mt-6 text-xs font-medium text-fg-muted\">{L.levelCustom}</p>\n            <p className=\"mt-1 text-xs leading-5 text-fg-subtle\">{L.levelCustomHint}</p>\n            <div className=\"mt-3 flex flex-wrap gap-2\" role=\"group\" aria-label={L.level}>\n              {LOG_LEVELS.map((level) => {\n                const active = selectedLevels.has(level);\n                return (\n                  <button\n                    key={level}\n                    type=\"button\"\n                    className={cn(\n                      'rounded-full border px-3 py-1.5 text-xs font-medium capitalize transition-[color,background-color,border-color] duration-150 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-panel',\n                      active\n                        ? 'border-edge bg-surface-active text-fg dark:border-edge'\n                        : 'border-edge-subtle bg-surface-base text-fg-muted hover:bg-surface-hover dark:border-edge',\n                    )}\n                    onClick={() => onToggleLevel(level)}\n                  >\n                    {L.levelNames[level]}\n                  </button>\n                );\n              })}\n            </div>\n          </div>\n          <div className=\"shrink-0 border-t border-edge-subtle px-4 py-3 dark:border-edge\">\n            <Button type=\"button\" className=\"w-full rounded-xl\" onClick={() => onOpenChange(false)}>\n              {L.filtersDone}\n            </Button>\n          </div>\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n}\n","import { ListFilter, Search, X } from 'lucide-react';\n\nimport { SlidingSegmented } from '@/components/ui/sliding-segmented';\nimport { Button } from '@/components/ui/button';\nimport { bareInputFocusClass, selectControlBaseClass } from '@/lib/form-field-width';\nimport { cn } from '@/lib/cn';\nimport type { LevelSegmentValue } from '@/features/logs/logs-page-lib';\nimport type { LogsMessages } from '@/i18n/messages';\n\ntype Props = {\n  L: LogsMessages;\n  levelSegment: LevelSegmentValue;\n  onLevelSegment: (v: LevelSegmentValue) => void;\n  searchInput: string;\n  onSearchInputChange: (v: string) => void;\n  moduleFilter: string;\n  onModuleFilterChange: (v: string) => void;\n  modules: string[];\n  onOpenFilters: () => void;\n  activeFilterCount: number;\n  hasActiveFilters: boolean;\n  onClearFilters: () => void;\n  autoRefresh: boolean;\n};\n\nexport function LogsFiltersSection({\n  L,\n  levelSegment,\n  onLevelSegment,\n  searchInput,\n  onSearchInputChange,\n  moduleFilter,\n  onModuleFilterChange,\n  modules,\n  onOpenFilters,\n  activeFilterCount,\n  hasActiveFilters,\n  onClearFilters,\n  autoRefresh,\n}: Props) {\n  return (\n    <section className=\"flex flex-col gap-3\" aria-label={L.filters}>\n      <div className=\"overflow-x-auto pb-1 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\">\n        <div className=\"min-w-[min(100%,36rem)]\">\n          <SlidingSegmented<LevelSegmentValue>\n            aria-label={L.levelPresetAria}\n            value={levelSegment}\n            onChange={onLevelSegment}\n            options={[\n              { value: 'all', label: L.presetAll },\n              { value: 'errors', label: L.presetErrors },\n              { value: 'warnPlus', label: L.presetWarnPlus },\n              { value: 'infoPlus', label: L.presetInfoPlus },\n              { value: 'verbose', label: L.presetVerbose },\n              { value: 'other', label: L.presetOther },\n            ]}\n            buttonClassName=\"h-8 px-1.5 text-[11px] sm:px-2 sm:text-xs\"\n          />\n        </div>\n      </div>\n\n      <div className=\"flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center\">\n        <label className=\"relative min-w-0 flex-1 sm:min-w-[12rem]\">\n          <span className=\"sr-only\">{L.searchPlaceholder}</span>\n          <Search\n            className=\"pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-fg-subtle\"\n            strokeWidth={1.75}\n            aria-hidden\n          />\n          <input\n            type=\"search\"\n            value={searchInput}\n            onChange={(e) => onSearchInputChange(e.target.value)}\n            placeholder={L.searchPlaceholder}\n            autoComplete=\"off\"\n            spellCheck={false}\n            className={cn(\n              'h-10 w-full rounded-md border border-edge bg-surface-panel py-0 pl-10 pr-3 text-sm leading-5 text-fg placeholder:text-fg-subtle dark:border-edge',\n              bareInputFocusClass,\n            )}\n          />\n        </label>\n\n        <select\n          id=\"log-module\"\n          value={moduleFilter}\n          onChange={(e) => onModuleFilterChange(e.target.value)}\n          aria-label={L.module}\n          title={L.module}\n          className={cn(\n            selectControlBaseClass,\n            'h-10 w-full min-w-0 rounded-md py-0 sm:w-[min(100%,14rem)] sm:shrink-0',\n          )}\n        >\n          <option value=\"\">{L.allModules}</option>\n          {modules.map((mod) => (\n            <option key={mod} value={mod}>\n              {mod}\n            </option>\n          ))}\n        </select>\n\n        <div className=\"flex min-w-0 shrink-0 items-center gap-2\">\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            className=\"h-10 min-h-[44px] gap-2 rounded-md sm:min-h-10\"\n            onClick={onOpenFilters}\n          >\n            <ListFilter className=\"size-4\" strokeWidth={1.75} />\n            {L.filtersMore}\n            {activeFilterCount > 0 ? (\n              <span className=\"rounded-md bg-surface-hover px-1.5 text-xs tabular-nums text-fg-muted\">\n                {activeFilterCount}\n              </span>\n            ) : null}\n          </Button>\n          {hasActiveFilters ? (\n            <Button type=\"button\" variant=\"ghost\" className=\"h-10 min-h-[44px] gap-1 sm:min-h-10\" onClick={onClearFilters}>\n              <X className=\"size-4\" strokeWidth={1.75} />\n              {L.clear}\n            </Button>\n          ) : null}\n        </div>\n      </div>\n\n      {autoRefresh ? <p className=\"text-xs leading-5 text-fg-subtle\">{L.liveHint}</p> : null}\n    </section>\n  );\n}","import { ChevronDown, FileText, RefreshCw } from 'lucide-react';\n\nimport { Button } from '@/components/ui/button';\nimport { cn } from '@/lib/cn';\nimport type { LogEntry } from '@/features/logs/log.types';\nimport {\n  interpolate,\n  levelLabel,\n  messagePreview,\n  moduleLabel,\n  requestIdPreview,\n  formatTimeCompact,\n} from '@/features/logs/logs-page-lib';\nimport type { LogsMessages } from '@/i18n/messages';\n\ntype Props = {\n  L: LogsMessages;\n  logs: LogEntry[];\n  loading: boolean;\n  hasMore: boolean;\n  onSelectLog: (log: LogEntry) => void;\n  onLoadMore: () => void;\n  onRefreshAll: () => void;\n};\n\nexport function LogsListSection({ L, logs, loading, hasMore, onSelectLog, onLoadMore, onRefreshAll }: Props) {\n  return (\n    <>\n      {loading && logs.length === 0 ? (\n        <div\n          className=\"divide-y divide-edge-subtle overflow-hidden rounded-xl border border-edge bg-surface-panel dark:divide-edge dark:border-edge\"\n          aria-busy=\"true\"\n        >\n          {Array.from({ length: 8 }).map((_, i) => (\n            <div key={i} className=\"flex gap-3 px-3 py-2.5\">\n              <div className=\"h-4 w-16 shrink-0 bg-surface-hover motion-reduce:animate-none animate-pulse\" />\n              <div className=\"h-4 w-12 shrink-0 bg-surface-hover motion-reduce:animate-none animate-pulse\" />\n              <div className=\"h-4 w-20 shrink-0 bg-surface-hover motion-reduce:animate-none animate-pulse\" />\n              <div className=\"h-4 min-w-0 flex-1 bg-surface-hover motion-reduce:animate-none animate-pulse\" />\n            </div>\n          ))}\n        </div>\n      ) : null}\n\n      {!loading && logs.length === 0 ? (\n        <div className=\"flex flex-col items-center justify-center gap-2 rounded-xl border border-edge-subtle bg-surface-base py-16 text-center dark:border-edge\">\n          <FileText className=\"size-12 text-fg-subtle\" strokeWidth={1.5} aria-hidden />\n          <h2 className=\"text-base font-semibold tracking-tight text-fg\">{L.noLogs}</h2>\n          <p className=\"max-w-sm text-sm leading-relaxed text-fg-muted\">{L.noLogsDescription}</p>\n          <Button type=\"button\" variant=\"secondary\" className=\"mt-4 gap-2\" onClick={onRefreshAll}>\n            <RefreshCw className=\"size-4\" strokeWidth={1.75} />\n            {L.refresh}\n          </Button>\n        </div>\n      ) : null}\n\n      {logs.length > 0 ? (\n        <div className=\"flex flex-col gap-2\">\n          <p className=\"text-xs leading-5 text-fg-muted\">\n            {interpolate(L.showingCount, { count: String(logs.length) })}\n            {hasMore ? <span className=\"text-fg-subtle\"> · {L.moreAvailable}</span> : null}\n          </p>\n          <ul\n            className=\"divide-y divide-edge-subtle overflow-hidden rounded-xl border border-edge bg-surface-panel font-mono text-sm leading-6 dark:divide-edge dark:border-edge\"\n            role=\"list\"\n          >\n            {logs.map((log, idx) => {\n              const lv = log.level ?? 'info';\n              const rid = typeof log.requestId === 'string' ? log.requestId.trim() : '';\n              return (\n                <li key={`${log.timestamp}-${idx}`}>\n                  <button\n                    type=\"button\"\n                    onClick={() => onSelectLog(log)}\n                    className={cn(\n                      'flex w-full min-w-0 items-center gap-3 px-3 py-2.5 text-left transition-colors duration-150 ease-out',\n                      'hover:bg-surface-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-panel',\n                    )}\n                  >\n                    <span className=\"w-[5.25rem] shrink-0 tabular-nums text-fg-subtle\">\n                      {formatTimeCompact(log.timestamp)}\n                    </span>\n                    <span className=\"w-[4.5rem] shrink-0 truncate text-fg-muted\" title={lv}>\n                      {levelLabel(lv)}\n                    </span>\n                    <span\n                      className=\"w-[4.5rem] shrink-0 truncate text-fg-subtle sm:w-[5.25rem]\"\n                      title={rid ? `${L.requestId}: ${rid}` : undefined}\n                    >\n                      {rid ? requestIdPreview(rid) : '—'}\n                    </span>\n                    <span\n                      className=\"hidden max-w-[7rem] shrink-0 truncate text-fg-muted lg:inline\"\n                      title={moduleLabel(log)}\n                    >\n                      {moduleLabel(log)}\n                    </span>\n                    <span className=\"min-w-0 flex-1 truncate text-fg\">{messagePreview(log)}</span>\n                  </button>\n                </li>\n              );\n            })}\n          </ul>\n          {hasMore ? (\n            <div className=\"flex justify-center pt-1\">\n              <Button type=\"button\" variant=\"secondary\" className=\"gap-2\" disabled={loading} onClick={onLoadMore}>\n                {loading ? (\n                  <RefreshCw className=\"size-4 animate-spin motion-reduce:animate-none\" strokeWidth={1.75} />\n                ) : (\n                  <ChevronDown className=\"size-4\" strokeWidth={1.75} />\n                )}\n                {L.loadMore}\n              </Button>\n            </div>\n          ) : null}\n        </div>\n      ) : null}\n    </>\n  );\n}\n","import { Terminal } from 'lucide-react';\n\nimport type { LogsMessages } from '@/i18n/messages';\n\ntype Props = { L: LogsMessages };\n\nexport function LogsNoToken({ L }: Props) {\n  return (\n    <div className=\"mx-auto flex w-full max-w-app-main flex-col gap-3 px-4 py-10\">\n      <div className=\"flex items-start gap-3 rounded-2xl border border-edge-subtle bg-surface-base p-6 dark:border-edge\">\n        <Terminal className=\"mt-0.5 size-5 shrink-0 text-fg-subtle\" strokeWidth={1.75} aria-hidden />\n        <div>\n          <h1 className=\"text-base font-semibold tracking-tight text-fg\">{L.title}</h1>\n          <p className=\"mt-1 text-sm leading-relaxed text-fg-muted\">{L.needToken}</p>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import { Folder, RefreshCw } from 'lucide-react';\n\nimport { SlidingSegmented } from '@/components/ui/sliding-segmented';\nimport { Button } from '@/components/ui/button';\nimport { cn } from '@/lib/cn';\nimport type { LogsMessages } from '@/i18n/messages';\n\ntype Props = {\n  L: LogsMessages;\n  autoRefresh: boolean;\n  onAutoRefreshChange: (live: boolean) => void;\n  fileCount: number;\n  onOpenFiles: () => void;\n  loading: boolean;\n  onRefreshAll: () => void;\n};\n\nexport function LogsPageHeader({\n  L,\n  autoRefresh,\n  onAutoRefreshChange,\n  fileCount,\n  onOpenFiles,\n  loading,\n  onRefreshAll,\n}: Props) {\n  return (\n    <header className=\"flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between\">\n      <div className=\"min-w-0\">\n        <h1 className=\"text-xl font-semibold tracking-tight text-fg\">{L.title}</h1>\n        <p className=\"mt-0.5 text-sm leading-relaxed text-fg-muted\">{L.subtitle}</p>\n      </div>\n      <div className=\"flex w-full shrink-0 flex-col gap-2 sm:w-auto sm:max-w-md sm:flex-row sm:items-center sm:justify-end\">\n        <div className=\"w-full sm:w-48\">\n          <SlidingSegmented\n            aria-label={L.refreshModeAria}\n            value={autoRefresh ? 'live' : 'paused'}\n            onChange={(v) => onAutoRefreshChange(v === 'live')}\n            options={[\n              { value: 'paused', label: L.refreshManual },\n              { value: 'live', label: L.refreshLive },\n            ]}\n            buttonClassName=\"h-8\"\n          />\n        </div>\n        <div className=\"flex items-center gap-1 self-end sm:self-center\">\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            className=\"h-9 min-h-[44px] min-w-[44px] px-2 sm:min-h-9 sm:min-w-0\"\n            title={L.logFiles}\n            aria-label={L.logFiles}\n            onClick={onOpenFiles}\n          >\n            <Folder className=\"size-4\" strokeWidth={1.75} />\n            {fileCount > 0 ? (\n              <span className=\"rounded-full bg-surface-hover px-1.5 text-xs text-fg-muted\">{fileCount}</span>\n            ) : null}\n          </Button>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            className=\"h-9 min-h-[44px] min-w-[44px] px-2 sm:min-h-9 sm:min-w-0\"\n            title={L.refresh}\n            aria-label={L.refresh}\n            onClick={onRefreshAll}\n          >\n            <RefreshCw\n              className={cn(\n                'size-4 transition-transform duration-150 ease-out motion-reduce:transition-none',\n                loading && 'animate-spin motion-reduce:animate-none',\n              )}\n              strokeWidth={1.75}\n            />\n          </Button>\n        </div>\n      </div>\n    </header>\n  );\n}\n","import * as Popover from '@radix-ui/react-popover';\n\nimport { formatStatsLine } from '@/features/logs/logs-page-lib';\nimport { LOG_LEVELS, type LogStats } from '@/features/logs/log.types';\nimport type { LogsMessages } from '@/i18n/messages';\nimport { cn } from '@/lib/cn';\nimport { SETTINGS_SHELL_POPOVER_Z } from '@/lib/settings-shell-dialog-layer';\n\ntype Props = {\n  L: LogsMessages;\n  stats: LogStats;\n};\n\nexport function LogsStatsPopover({ L, stats }: Props) {\n  const statsLine = formatStatsLine(stats.byLevel ?? {}, L.levelNames);\n  if (!statsLine) return null;\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-2\">\n      <Popover.Root>\n        <Popover.Trigger asChild>\n          <button\n            type=\"button\"\n            className=\"max-w-full truncate rounded-lg border border-transparent px-1 py-0.5 text-left text-xs leading-5 text-fg-subtle transition-colors duration-150 ease-out hover:border-edge-subtle hover:bg-surface-hover hover:text-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-panel dark:hover:border-edge\"\n          >\n            <span className=\"font-medium text-fg-muted\">{L.statsRegion}</span>\n            <span className=\"mx-1.5 text-fg-subtle\">·</span>\n            <span className=\"tabular-nums\">{statsLine}</span>\n          </button>\n        </Popover.Trigger>\n        <Popover.Portal>\n          <Popover.Content\n            side=\"bottom\"\n            align=\"start\"\n            sideOffset={6}\n            className={cn(\n              'w-[min(calc(100vw-2rem),20rem)] rounded-xl border border-edge bg-surface-panel p-3 shadow-popover outline-none',\n              SETTINGS_SHELL_POPOVER_Z,\n              'dark:border-edge',\n            )}\n          >\n            <p className=\"text-xs font-medium text-fg\">{L.statsDetailTitle}</p>\n            <p className=\"mt-1 text-xs leading-5 text-fg-muted\">{L.statsHint}</p>\n            <ul className=\"mt-3 flex flex-col gap-1.5\" role=\"list\">\n              {LOG_LEVELS.map((lv) => {\n                const n = stats.byLevel?.[lv] ?? 0;\n                if (n === 0) return null;\n                return (\n                  <li\n                    key={lv}\n                    className=\"flex items-center justify-between gap-2 rounded-md border border-edge-subtle bg-surface-base px-2 py-1 text-xs dark:border-edge\"\n                  >\n                    <span className=\"font-medium capitalize text-fg\">{L.levelNames[lv]}</span>\n                    <span className=\"tabular-nums text-fg-muted\">{n}</span>\n                  </li>\n                );\n              })}\n            </ul>\n          </Popover.Content>\n        </Popover.Portal>\n      </Popover.Root>\n    </div>\n  );\n}\n","import { useLogsPage } from '@/features/logs/hooks/use-logs-page';\nimport { LogsDetailDrawer } from '@/features/logs/logs-detail-drawer';\nimport { LogsFilesDialog } from '@/features/logs/logs-files-dialog';\nimport { LogsFiltersDialog } from '@/features/logs/logs-filters-dialog';\nimport { LogsFiltersSection } from '@/features/logs/logs-filters-section';\nimport { LogsListSection } from '@/features/logs/logs-list-section';\nimport { LogsNoToken } from '@/features/logs/logs-no-token';\nimport { LogsPageHeader } from '@/features/logs/logs-page-header';\nimport { LogsStatsPopover } from '@/features/logs/logs-stats-popover';\nimport { useLocaleStore } from '@/stores/locale-store';\n\nexport function LogsPage() {\n  const language = useLocaleStore((s) => s.language);\n  const {\n    L,\n    hasToken,\n    logs,\n    loading,\n    error,\n    hasMore,\n    searchInput,\n    setSearchInput,\n    selectedLevels,\n    moduleFilter,\n    setModuleFilter,\n    dateFrom,\n    setDateFrom,\n    dateTo,\n    setDateTo,\n    modules,\n    files,\n    stats,\n    selectedLog,\n    setSelectedLog,\n    filesOpen,\n    setFilesOpen,\n    filtersOpen,\n    setFiltersOpen,\n    logDir,\n    autoRefresh,\n    setAutoRefresh,\n    copiedDetail,\n    setCopiedDetail,\n    hasActiveFilters,\n    activeFilterCount,\n    clearFilters,\n    toggleDialogLevel,\n    handleLoadMore,\n    refreshAll,\n    levelSegment,\n    handleLevelSegment,\n  } = useLogsPage(language);\n\n  if (!hasToken) {\n    return <LogsNoToken L={L} />;\n  }\n\n  return (\n    <div className=\"mx-auto flex w-full max-w-app-main flex-col gap-6 px-4 py-6\">\n      <LogsPageHeader\n        L={L}\n        autoRefresh={autoRefresh}\n        onAutoRefreshChange={setAutoRefresh}\n        fileCount={files.length}\n        onOpenFiles={() => setFilesOpen(true)}\n        loading={loading}\n        onRefreshAll={refreshAll}\n      />\n\n      {error ? (\n        <div\n          className=\"rounded-xl border border-edge bg-surface-base px-3 py-2 text-sm text-fg dark:border-edge\"\n          role=\"alert\"\n        >\n          {error}\n        </div>\n      ) : null}\n\n      {stats ? <LogsStatsPopover L={L} stats={stats} /> : null}\n\n      <LogsFiltersSection\n        L={L}\n        levelSegment={levelSegment}\n        onLevelSegment={handleLevelSegment}\n        searchInput={searchInput}\n        onSearchInputChange={setSearchInput}\n        moduleFilter={moduleFilter}\n        onModuleFilterChange={setModuleFilter}\n        modules={modules}\n        onOpenFilters={() => setFiltersOpen(true)}\n        activeFilterCount={activeFilterCount}\n        hasActiveFilters={hasActiveFilters}\n        onClearFilters={clearFilters}\n        autoRefresh={autoRefresh}\n      />\n\n      <LogsListSection\n        L={L}\n        logs={logs}\n        loading={loading}\n        hasMore={hasMore}\n        onSelectLog={setSelectedLog}\n        onLoadMore={handleLoadMore}\n        onRefreshAll={refreshAll}\n      />\n\n      <LogsFiltersDialog\n        L={L}\n        open={filtersOpen}\n        onOpenChange={setFiltersOpen}\n        dateFrom={dateFrom}\n        onDateFromChange={setDateFrom}\n        dateTo={dateTo}\n        onDateToChange={setDateTo}\n        selectedLevels={selectedLevels}\n        onToggleLevel={toggleDialogLevel}\n      />\n\n      <LogsDetailDrawer\n        L={L}\n        log={selectedLog}\n        onClose={() => setSelectedLog(null)}\n        copiedDetail={copiedDetail}\n        onCopiedMessage={() => setCopiedDetail('message')}\n        onCopiedJson={() => setCopiedDetail('json')}\n      />\n\n      <LogsFilesDialog L={L} open={filesOpen} onOpenChange={setFilesOpen} files={files} logDir={logDir} />\n    </div>\n  );\n}\n"],"mappings":"iaAKA,SAAA,EAAA,EAAA,2BAEE,GAAA,CAAA,EAAA,MAAA,GACA,EAAA,OAAA,QAAA,EAAA,IAAA,QAAA,EAAA,MAAA,KAAA,IAAA,CAAA,CACA,EAAA,MAAA,EAAA,IAAA,OAAA,EAAA,KAAA,CACA,EAAA,IAAA,EAAA,IAAA,KAAA,EAAA,GAAA,CACA,EAAA,GAAA,EAAA,IAAA,IAAA,EAAA,EAAA,CACA,EAAA,QAAA,EAAA,IAAA,SAAA,EAAA,OAAA,CACA,EAAA,OAAA,MAAA,EAAA,IAAA,QAAA,OAAA,EAAA,MAAA,CAAA,CACA,EAAA,QAAA,MAAA,EAAA,IAAA,SAAA,OAAA,EAAA,OAAA,CAAA,oBAEA,OAAA,EAAA,IAAA,IAAA,GAGF,eAAA,EAAA,EAAA,CACE,OAAA,EAAA,EAAA,YAAA,EAAA,EAAA,GAAA,CAAA,CAGF,eAAA,GAAA,CAEE,OAAA,MAAA,EAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAGF,eAAA,IAAA,CAEE,OAAA,MAAA,EAAA,EAAA,oBAAA,CAAA,EAAA,SAAA,EAAA,CAGF,eAAA,GAAA,CAEE,MAAA,CAAA,SAAA,MAAA,EAAA,EAAA,kBAAA,CAAA,EAAA,SAAA,EAAA,CAAA,CAGF,eAAA,IAAA,CAEE,OAAA,MAAA,EAAA,EAAA,gBAAA,CAAA,EAAA,KAAA,GCtCF,IAAa,EAAyB,CAAC,QAAS,QAAS,OAAQ,OAAQ,QAAS,QAAQ,CCA1F,SAAS,EAAe,EAAyB,CAC/C,IAAM,EAAI,IAAI,KAAK,OAAO,EAAM,UAAU,CAAC,CAAC,SAAS,CACrD,OAAO,OAAO,SAAS,EAAE,CAAG,EAAI,EAIlC,SAAgB,EAAmB,EAA0C,CAC3E,MAAO,CAAC,GAAG,EAAQ,CAAC,MAAM,EAAG,IAAM,EAAe,EAAE,CAAG,EAAe,EAAE,CAAC,CAI3E,IAAa,GAAa,IAEb,EAAgB,IAAI,IAAc,EAAW,CAKpD,EAA4B,CAAC,QAAS,QAAQ,CAC9C,EAA+B,CAAC,OAAQ,QAAS,QAAQ,CACzD,EAA+B,CAAC,OAAQ,OAAQ,QAAS,QAAQ,CAEvE,SAAgB,GAAoB,EAAmC,CACrE,GAAI,CAAC,EAAK,OAAO,IAAI,IACrB,IAAM,EAAM,IAAI,IAChB,IAAK,IAAM,KAAQ,EAAI,MAAM,IAAI,CAAE,CACjC,IAAM,EAAQ,EAAK,MAAM,CACrB,EAAc,IAAI,EAAM,EAAE,EAAI,IAAI,EAAM,CAE9C,OAAO,EAGT,SAAgB,GAAkB,EAAkB,EAA2B,CAC7E,GAAI,EAAE,OAAS,EAAE,KAAM,MAAO,GAC9B,IAAK,IAAM,KAAS,EAClB,GAAI,CAAC,EAAE,IAAI,EAAM,CAAE,MAAO,GAE5B,MAAO,GAGT,SAAS,EAAiB,EAAkB,EAAsC,CAEhF,OADI,EAAE,OAAS,EAAO,OACf,EAAO,MAAO,GAAM,EAAE,IAAI,EAAE,CAAC,CADC,GAIvC,SAAgB,GAAa,EAAoC,CAM/D,OALI,EAAO,OAAS,EAAU,MAC1B,EAAiB,EAAQ,EAAc,CAAS,SAChD,EAAiB,EAAQ,EAAiB,CAAS,WACnD,EAAiB,EAAQ,EAAiB,CAAS,WACnD,EAAO,OAAS,EAAW,QAAU,EAAW,MAAO,GAAM,EAAO,IAAI,EAAE,CAAC,CAAS,UACjF,SAGT,SAAgB,GAAuB,EAA0C,CAC/E,IAAM,EAAI,GAAa,EAAO,CAC9B,OAAO,IAAM,SAAW,QAAU,EAGpC,SAAgB,GAAgB,EAAuD,CACrF,OAAQ,EAAR,CACE,IAAK,MACH,OAAO,IAAI,IACb,IAAK,SACH,OAAO,IAAI,IAAI,EAAc,CAC/B,IAAK,WACH,OAAO,IAAI,IAAI,EAAiB,CAClC,IAAK,WACH,OAAO,IAAI,IAAI,EAAiB,CAClC,IAAK,UACH,OAAO,IAAI,IAAI,EAAW,EAIhC,SAAgB,EAAY,EAAkB,EAAiD,CAC7F,OAAO,EAAS,QAAQ,kBAAmB,EAAG,IAAQ,OAAO,EAAO,IAAQ,GAAG,CAAC,CAGlF,SAAgB,EAAY,EAAuB,CACjD,OAAO,OAAO,EAAI,QAAU,EAAI,QAAU,EAAI,SAAW,EAAI,WAAa,IAAI,CAGhF,SAAgB,GAAe,EAAuB,CACpD,GAAI,OAAO,EAAI,SAAY,UAAY,EAAI,QAAS,OAAO,EAAI,QAC/D,GAAI,CACF,OAAO,KAAK,UAAU,EAAI,MACpB,CACN,MAAO,IAIX,SAAgB,EAAkB,EAA2B,CAC3D,GAAI,CAEF,OAAO,IADU,KAAK,EACf,CAAK,mBAAmB,IAAA,GAAW,CACxC,KAAM,UACN,OAAQ,UACR,OAAQ,UACR,OAAQ,GACT,CAAC,MACI,CACN,OAAO,GAIX,SAAgB,EAAoB,EAA2B,CAC7D,GAAI,CACF,OAAO,IAAI,KAAK,EAAU,CAAC,gBAAgB,MACrC,CACN,OAAO,GAIX,SAAgB,EAAe,EAAuB,CAGpD,OAFI,EAAQ,KAAa,GAAG,EAAM,IAC9B,EAAQ,KAAO,KAAa,IAAI,EAAQ,MAAM,QAAQ,EAAE,CAAC,KACtD,IAAI,GAAS,KAAO,OAAO,QAAQ,EAAE,CAAC,KAG/C,SAAgB,EAAiB,EAAoB,CACnD,IAAM,EAAI,EAAG,MAAM,CAEnB,OADI,EAAE,QAAU,GAAW,EACpB,GAAG,EAAE,MAAM,EAAG,EAAE,CAAC,GAG1B,SAAgB,GAAW,EAAuB,CAChD,OAAO,OAAO,EAAM,CAAC,aAAa,CAGpC,SAAgB,GACd,EACA,EACQ,CACR,IAAM,EAAkB,EAAE,CAC1B,IAAK,IAAM,KAAM,EAAY,CAC3B,IAAM,EAAI,EAAQ,IAAO,EACrB,EAAI,GAAG,EAAM,KAAK,GAAG,EAAO,GAAI,GAAG,IAAI,CAE7C,OAAO,EAAM,KAAK,MAAM,CCnH1B,SAAgB,GAAY,EAA0B,CACpD,IAAM,EAAI,GAAS,EAAS,CAAC,KAEvB,EAAW,EADH,GAAiB,GAAO,EAAG,MAChB,CACnB,CAAC,EAAc,GAAmB,IAAiB,CAEnD,EAAgB,EAAa,IAAI,IAAI,EAAI,GACzC,EAAgB,GAAoB,EAAa,IAAI,QAAQ,CAAC,CAC9D,EAAgB,EAAa,IAAI,SAAS,EAAI,GAC9C,EAAc,EAAa,IAAI,OAAO,EAAI,GAC1C,EAAY,EAAa,IAAI,KAAK,EAAI,GACtC,EAAqB,EAAa,IAAI,OAAO,GAAK,IAElD,CAAC,EAAM,IAAA,EAAA,EAAA,UAAgC,EAAE,CAAC,CAC1C,CAAC,EAAS,IAAA,EAAA,EAAA,UAAuB,GAAM,CACvC,CAAC,EAAO,IAAA,EAAA,EAAA,UAAoC,KAAK,CACjD,CAAC,EAAS,IAAA,EAAA,EAAA,UAAuB,GAAM,CAEvC,CAAC,EAAa,IAAA,EAAA,EAAA,UAA2B,EAAc,CACvD,CAAC,EAAiB,IAAA,EAAA,EAAA,UAA+B,EAAc,MAAM,CAAC,CACtE,CAAC,EAAgB,IAAA,EAAA,EAAA,UAA6C,EAAc,CAC5E,CAAC,EAAc,IAAA,EAAA,EAAA,UAA4B,EAAc,CACzD,CAAC,EAAU,IAAA,EAAA,EAAA,UAAwB,EAAY,CAC/C,CAAC,EAAQ,IAAA,EAAA,EAAA,UAAsB,EAAU,CAEzC,CAAC,EAAS,IAAA,EAAA,EAAA,UAAiC,EAAE,CAAC,CAC9C,CAAC,EAAO,IAAA,EAAA,EAAA,UAAgC,EAAE,CAAC,CAC3C,CAAC,EAAO,IAAA,EAAA,EAAA,UAAqE,KAAK,CAElF,CAAC,EAAa,IAAA,EAAA,EAAA,UAA4C,KAAK,CAC/D,CAAC,EAAW,IAAA,EAAA,EAAA,UAAyB,GAAM,CAC3C,CAAC,GAAa,IAAA,EAAA,EAAA,UAA2B,GAAM,CAC/C,CAAC,EAAQ,KAAA,EAAA,EAAA,UAAqC,KAAK,CACnD,CAAC,EAAa,IAAA,EAAA,EAAA,UAA2B,EAAmB,CAC5D,CAAC,EAAc,IAAA,EAAA,EAAA,UAAuD,KAAK,CAE3E,IAAA,EAAA,EAAA,aAA6B,GAAuB,EAAe,CAAE,CAAC,EAAe,CAAC,CAEtF,GAAsB,GAA6B,CACvD,GAAI,IAAU,QAAS,CACrB,EAAe,GAAK,CACpB,OAEF,EAAkB,GAAgB,EAAM,CAAC,EAGrC,GACJ,EAAgB,OAAS,GACzB,EAAe,KAAO,GACtB,EAAQ,GACR,EAAQ,GACR,EAAQ,EAEJ,EACH,IAAgB,OAAS,IACzB,IAAe,KAAO,IACtB,MACA,GAAY,EAAS,EAAI,IAE5B,EAAA,EAAA,eAAgB,CACd,IAAM,EAAI,eAAiB,EAAmB,EAAY,MAAM,CAAC,CAAE,IAAI,CACvE,UAAa,aAAa,EAAE,EAC3B,CAAC,EAAY,CAAC,EAEjB,EAAA,EAAA,eAAgB,CACd,IAAM,EAAQ,EAAa,IAAI,IAAI,EAAI,GACjC,EAAa,EAAa,IAAI,SAAS,EAAI,GAC3C,EAAW,EAAa,IAAI,OAAO,EAAI,GACvC,EAAS,EAAa,IAAI,KAAK,EAAI,GACnC,EAAkB,EAAa,IAAI,OAAO,GAAK,IAC/C,EAAa,GAAoB,EAAa,IAAI,QAAQ,CAAC,CAC3D,EAAiB,EAAM,MAAM,CAEnC,EAAgB,GAAU,IAAS,EAAQ,EAAO,EAAO,CACzD,EAAoB,GAAU,IAAS,EAAiB,EAAO,EAAgB,CAC/E,EAAmB,GAAU,GAAkB,EAAY,EAAK,CAAG,EAAO,EAAY,CACtF,EAAiB,GAAU,IAAS,EAAa,EAAO,EAAY,CACpE,EAAa,GAAU,IAAS,EAAW,EAAO,EAAU,CAC5D,EAAW,GAAU,IAAS,EAAS,EAAO,EAAQ,CACtD,EAAgB,GAAU,IAAS,EAAkB,EAAO,EAAiB,EAC5E,CAAC,EAAa,CAAC,EAElB,EAAA,EAAA,eAAgB,CACd,IAAM,EAAS,IAAI,gBAAgB,EAAa,CAC1C,EAAQ,EAAgB,MAAM,CAChC,EAAO,EAAO,IAAI,IAAK,EAAM,CAC5B,EAAO,OAAO,IAAI,CAEnB,EAAe,KAAO,EACxB,EAAO,IAAI,QAAS,MAAM,KAAK,EAAe,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,CAEhE,EAAO,OAAO,QAAQ,CAGpB,EAAc,EAAO,IAAI,SAAU,EAAa,CAC/C,EAAO,OAAO,SAAS,CACxB,EAAU,EAAO,IAAI,OAAQ,EAAS,CACrC,EAAO,OAAO,OAAO,CACtB,EAAQ,EAAO,IAAI,KAAM,EAAO,CAC/B,EAAO,OAAO,KAAK,CACpB,EAAa,EAAO,IAAI,OAAQ,IAAI,CACnC,EAAO,OAAO,OAAO,CAEb,EAAO,UAChB,GAAS,EAAa,UAAU,EAClC,EAAgB,EAAQ,CAAE,QAAS,GAAM,CAAC,EAE3C,CACD,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACD,CAAC,CAEF,IAAM,GAAA,EAAA,EAAA,cACG,CACL,EAAG,GAAmB,IAAA,GACtB,MAAO,EAAe,KAAO,EAAI,MAAM,KAAK,EAAe,CAAG,IAAA,GAC9D,OAAQ,GAAgB,IAAA,GACxB,KAAM,GAAY,IAAA,GAClB,GAAI,GAAU,IAAA,GACd,MAAA,GACD,EACD,CAAC,EAAiB,EAAgB,EAAc,EAAU,EAAO,CAClE,CAkJD,OAhJA,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,EAAU,OACf,IAAI,EAAY,GAoBhB,OAnBC,SAAY,CACX,EAAW,GAAK,CAChB,EAAS,KAAK,CACd,EAAQ,EAAE,CAAC,CACX,GAAI,CACF,IAAM,EAAS,MAAM,EAAU,CAAE,GAAG,EAAa,OAAQ,EAAG,CAAC,CAC7D,GAAI,EAAW,OACf,EAAQ,EAAmB,EAAO,KAAK,CAAC,CACxC,EAAW,EAAO,KAAK,SAAA,GAAsB,OACtC,EAAG,CACL,IACH,EAAS,aAAa,MAAQ,EAAE,QAAU,EAAE,UAAU,CACtD,EAAQ,EAAE,CAAC,CACX,EAAW,GAAM,SAEX,CACH,GAAW,EAAW,GAAM,KAEjC,KACS,CACX,EAAY,KAEb,CAAC,EAAU,EAAa,EAAE,UAAU,CAAC,EAExC,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,EAAU,OACf,IAAI,EAAY,GAahB,OAZC,SAAY,CACX,GAAI,CACF,GAAM,CAAC,EAAM,EAAI,GAAY,MAAM,QAAQ,IAAI,CAAC,IAAe,CAAE,GAAa,CAAE,GAAa,CAAC,CAAC,CAC1F,IACH,EAAW,EAAK,CAChB,EAAS,EAAG,CACZ,EAAS,EAAS,OAEd,MAGN,KACS,CACX,EAAY,KAEb,CAAC,EAAS,CAAC,EAEd,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,GAAY,CAAC,EAAW,OAC7B,IAAI,EAAY,GAYhB,OAXC,SAAY,CACX,GAAI,CACF,GAAM,CAAC,EAAM,GAAO,MAAM,QAAQ,IAAI,CAAC,GAAa,CAAE,IAAW,CAAC,CAAC,CAC9D,IACH,EAAS,EAAK,CACd,GAAU,EAAI,OAEV,CACD,GAAW,EAAS,EAAE,CAAC,KAE5B,KACS,CACX,EAAY,KAEb,CAAC,EAAU,EAAU,CAAC,EAEzB,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,GAAe,CAAC,EAAU,OAC/B,IAAM,EAAK,OAAO,gBAAkB,EAC5B,SAAY,CAChB,GAAI,CACF,IAAM,EAAS,MAAM,EAAU,CAAE,GAAG,EAAa,OAAQ,EAAG,CAAC,CAC7D,EAAQ,EAAmB,EAAO,KAAK,CAAC,CACxC,EAAW,EAAO,KAAK,SAAA,GAAsB,CAE7C,EAAS,MADQ,GAAa,CAClB,MACN,MAGN,EACH,GAAW,CACd,UAAa,cAAc,EAAG,EAC7B,CAAC,EAAa,EAAU,EAAY,CAAC,EAExC,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,EAAc,OACnB,IAAM,EAAI,OAAO,eAAiB,EAAgB,KAAK,CAAE,IAAK,CAC9D,UAAa,aAAa,EAAE,EAC3B,CAAC,EAAa,CAAC,CAwDX,CACL,IACA,WACA,OACA,UACA,QACA,UACA,cACA,iBACA,iBACA,oBACA,eACA,kBACA,WACA,cACA,SACA,YACA,UACA,QACA,QACA,cACA,iBACA,YACA,eACA,eACA,iBACA,SACA,cACA,iBACA,eACA,kBACA,oBACA,oBACA,iBAvFyB,CACzB,EAAe,GAAG,CAClB,EAAmB,GAAG,CACtB,EAAkB,IAAI,IAAM,CAC5B,EAAgB,GAAG,CACnB,EAAY,GAAG,CACf,EAAU,GAAG,EAkFb,kBA/EyB,GAAoB,CAC7C,EAAmB,GAAS,CAC1B,IAAM,EAAO,IAAI,IAAI,EAAK,CAG1B,OAFI,EAAK,IAAI,EAAM,CAAE,EAAK,OAAO,EAAM,CAClC,EAAK,IAAI,EAAM,CACb,GACP,EA0EF,mBAvE2B,CACvB,GAAW,CAAC,IACV,SAAY,CAChB,EAAW,GAAK,CAChB,EAAS,KAAK,CACd,GAAI,CACF,IAAM,EAAS,MAAM,EAAU,CAAE,GAAG,EAAa,OAAQ,EAAK,OAAQ,CAAC,CACvE,EAAS,GAAS,EAAmB,CAAC,GAAG,EAAM,GAAG,EAAO,KAAK,CAAC,CAAC,CAChE,EAAW,EAAO,KAAK,SAAA,GAAsB,OACtC,EAAG,CACV,EAAS,aAAa,MAAQ,EAAE,QAAU,EAAE,UAAU,QAC9C,CACR,EAAW,GAAM,KAEjB,EA0DJ,eAvDuB,EACjB,SAAY,CAChB,EAAW,GAAK,CAChB,EAAS,KAAK,CACd,GAAI,CACF,IAAM,EAAS,MAAM,EAAU,CAAE,GAAG,EAAa,OAAQ,EAAG,CAAC,CAC7D,EAAQ,EAAmB,EAAO,KAAK,CAAC,CACxC,EAAW,EAAO,KAAK,SAAA,GAAsB,CAC7C,GAAM,CAAC,EAAI,GAAY,MAAM,QAAQ,IAAI,CAAC,GAAa,CAAE,GAAa,CAAC,CAAC,CACxE,EAAS,EAAG,CACZ,EAAS,EAAS,OACX,EAAG,CACV,EAAS,aAAa,MAAQ,EAAE,QAAU,EAAE,UAAU,QAC9C,CACR,EAAW,GAAM,KAEjB,EAwCJ,gBACA,sBACD,WCpUH,SAAgB,EAAc,CAAE,MAAK,UAAiB,CACpD,IAAM,EAAK,EAAI,OAAS,OAClB,EAAM,OAAO,EAAI,WAAc,SAAW,EAAI,UAAY,GAC1D,EAAM,OAAO,EAAI,WAAc,SAAW,EAAI,UAAY,GAChE,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+BAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,uDAA+C,EAAO,QAAe,CAAA,EACrF,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wIACZ,EAAI,SAAW,IACZ,CAAA,CACF,CAAA,CAAA,EACN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+DAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mCAA2B,EAAO,KAAY,CAAA,EAC9D,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,6BAAqB,EAAI,UAAiB,CAAA,EAC1D,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mCAA2B,EAAO,MAAa,CAAA,EAC/D,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAW,GAAW,EAAG,CAAQ,CAAA,EACjD,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mCAA2B,EAAO,OAAc,CAAA,EAChE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,6BAAqB,EAAY,EAAI,CAAQ,CAAA,CAC5D,GACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mCAA2B,EAAO,UAAiB,CAAA,EACnE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,6BAAqB,EAAW,CAAA,CAC/C,CAAA,CAAA,CACD,KACH,GACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mCAA2B,EAAO,UAAiB,CAAA,EACnE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,6BAAqB,EAAW,CAAA,CAC/C,CAAA,CAAA,CACD,KACA,GACL,EAAI,MAAQ,OAAO,KAAK,EAAI,KAAK,CAAC,OAAS,GAC1C,EAAA,EAAA,MAAC,MAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,uDAA+C,EAAO,SAAgB,CAAA,EACtF,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wJACZ,KAAK,UAAU,EAAI,KAAM,KAAM,EAAE,CAC9B,CAAA,CACF,CAAA,CAAA,CACJ,KACA,GCnCV,SAAgB,GAAiB,CAAE,IAAG,MAAK,UAAS,eAAc,kBAAiB,gBAAuB,CACxG,OACE,EAAA,EAAA,KAAC,EAAD,CAAa,KAAM,IAAQ,KAAM,aAAe,GAAS,CAAC,GAAQ,GAAS,WACzE,EAAA,EAAA,MAAC,EAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAD,CACE,UAAW,EAAG,6CAA8C,EAAyB,CACrF,CAAA,EACF,EAAA,EAAA,MAAC,EAAD,CACE,UAAW,EACT,+IACA,EACA,mBACD,CACD,mBAAkB,IAAA,YANpB,EAQE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4GAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAc,UAAU,0DAAkD,EAAE,QAAuB,CAAA,EACnG,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,2CAAf,CACG,GACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,MAAC,EAAD,CACE,KAAK,SACL,QAAQ,QACR,UAAU,kCACV,YAAe,CACb,IAAM,EAAO,OAAO,EAAI,SAAY,SAAW,EAAI,QAAU,GACxD,UAAU,UAAU,UAAU,EAAK,CAAC,KAAK,EAAgB,WANlE,EASE,EAAA,EAAA,KAAC,EAAD,CAAe,UAAU,oBAAoB,YAAa,KAAQ,CAAA,EAClE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,4BAAoB,IAAiB,UAAY,EAAE,OAAS,EAAE,YAAmB,CAAA,CAC1F,IACT,EAAA,EAAA,MAAC,EAAD,CACE,KAAK,SACL,QAAQ,QACR,UAAU,kCACV,YAAe,CACR,UAAU,UAAU,UAAU,KAAK,UAAU,EAAK,KAAM,EAAE,CAAC,CAAC,KAAK,EAAa,WALvF,EAQE,EAAA,EAAA,KAAC,EAAD,CAAe,UAAU,oBAAoB,YAAa,KAAQ,CAAA,EAClE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,4BAAoB,IAAiB,OAAS,EAAE,OAAS,EAAE,SAAgB,CAAA,CACpF,GACR,CAAA,CAAA,CACD,MACJ,EAAA,EAAA,KAAC,EAAD,CAAc,QAAA,aACZ,EAAA,EAAA,KAAC,EAAD,CAAQ,KAAK,SAAS,QAAQ,QAAQ,UAAU,uBAAuB,aAAY,EAAE,gBACnF,EAAA,EAAA,KAAC,EAAD,CAAG,UAAU,SAAS,YAAa,KAAQ,CAAA,CACpC,CAAA,CACI,CAAA,CACX,GACF,IACN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sFACZ,GACC,EAAA,EAAA,KAAC,EAAD,CACO,MACL,OAAQ,CACN,KAAM,EAAE,KACR,MAAO,EAAE,MACT,OAAQ,EAAE,OACV,QAAS,EAAE,QACX,SAAU,EAAE,SACZ,UAAW,EAAE,UACb,UAAW,EAAE,UACd,CACD,CAAA,CACA,KACA,CAAA,CACS,GACH,CAAA,CAAA,CACJ,CAAA,CCvElB,SAAgB,GAAgB,CAAE,IAAG,OAAM,eAAc,QAAO,UAAiB,CAC/E,OACE,EAAA,EAAA,KAAC,EAAD,CAAmB,OAAoB,yBACrC,EAAA,EAAA,MAAC,EAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAD,CACE,UAAW,EAAG,6CAA8C,EAAyB,CACrF,CAAA,EACF,EAAA,EAAA,MAAC,EAAD,CACE,UAAW,EACT,yNACA,EACA,mBACD,UALH,EAOE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4GAAf,EACE,EAAA,EAAA,MAAC,EAAD,CAAc,UAAU,kFAAxB,EACE,EAAA,EAAA,KAAC,EAAD,CAAQ,UAAU,uBAAuB,YAAa,KAAQ,CAAA,CAC7D,EAAE,SACU,IACf,EAAA,EAAA,KAAC,EAAD,CAAc,QAAA,aACZ,EAAA,EAAA,KAAC,EAAD,CAAQ,KAAK,SAAS,QAAQ,QAAQ,UAAU,uBAAuB,aAAY,EAAE,gBACnF,EAAA,EAAA,KAAC,EAAD,CAAG,UAAU,SAAS,YAAa,KAAQ,CAAA,CACpC,CAAA,CACI,CAAA,CACX,IACN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oDACZ,EAAM,SAAW,GAChB,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,iCAAyB,EAAE,WAAe,CAAA,EAEvD,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,sBAAsB,KAAK,gBACtC,EAAM,IAAK,IACV,EAAA,EAAA,MAAC,KAAD,CAEE,UAAU,+GAFZ,EAIE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,+CAAuC,EAAE,KAAY,CAAA,EACrE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,yDAAhB,EACE,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAe,EAAE,KAAK,CAAQ,CAAA,EACrC,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAoB,EAAE,SAAS,CAAQ,CAAA,CACzC,GACJ,EARE,EAAE,KAQJ,CACL,CACC,CAAA,CAEH,CAAA,CACL,GACC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kGAAf,EACE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,qCAAhB,CAA6C,EAAE,OAAO,KAAS,IAC/D,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oCAA4B,EAAc,CAAA,CACtD,GACJ,KACW,GACH,CAAA,CAAA,CACJ,CAAA,CClDlB,SAAgB,GAAkB,CAChC,IACA,OACA,eACA,WACA,mBACA,SACA,iBACA,iBACA,iBACQ,CACR,OACE,EAAA,EAAA,KAAC,EAAD,CAAmB,OAAoB,yBACrC,EAAA,EAAA,MAAC,EAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAD,CACE,UAAW,EAAG,6CAA8C,EAAyB,CACrF,CAAA,EACF,EAAA,EAAA,MAAC,EAAD,CACE,UAAW,EACT,yNACA,EACA,mBACD,CACD,mBAAiB,4BANnB,EAQE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4GAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAc,UAAU,0DAAkD,EAAE,mBAAkC,CAAA,EAC9G,EAAA,EAAA,KAAC,EAAD,CAAc,QAAA,aACZ,EAAA,EAAA,KAAC,EAAD,CAAQ,KAAK,SAAS,QAAQ,QAAQ,UAAU,uBAAuB,aAAY,EAAE,gBACnF,EAAA,EAAA,KAAC,EAAD,CAAG,UAAU,SAAS,YAAa,KAAQ,CAAA,CACpC,CAAA,CACI,CAAA,CACX,IACN,EAAA,EAAA,KAAC,MAAD,CAAK,GAAG,mBAAmB,UAAU,mBAClC,EAAE,kBACC,CAAA,EACN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oDAAf,EACE,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,6CAAqC,EAAE,UAAc,CAAA,EAClE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oCAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,QAAD,CAAO,QAAQ,aAAa,UAAU,4CACnC,EAAE,KACG,CAAA,EACR,EAAA,EAAA,KAAC,QAAD,CACE,GAAG,aACH,KAAK,iBACL,MAAO,EACP,SAAW,GAAM,EAAiB,EAAE,OAAO,MAAM,CACjD,UAAU,kGACV,CAAA,CACE,CAAA,CAAA,EACN,EAAA,EAAA,MAAC,MAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,QAAD,CAAO,QAAQ,WAAW,UAAU,4CACjC,EAAE,GACG,CAAA,EACR,EAAA,EAAA,KAAC,QAAD,CACE,GAAG,WACH,KAAK,iBACL,MAAO,EACP,SAAW,GAAM,EAAe,EAAE,OAAO,MAAM,CAC/C,UAAU,kGACV,CAAA,CACE,CAAA,CAAA,CACF,IACN,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,kDAA0C,EAAE,YAAgB,CAAA,EACzE,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,iDAAyC,EAAE,gBAAoB,CAAA,EAC5E,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,4BAA4B,KAAK,QAAQ,aAAY,EAAE,eACnE,EAAW,IAAK,IAGb,EAAA,EAAA,KAAC,SAAD,CAEE,KAAK,SACL,UAAW,EACT,sRANS,EAAe,IAAI,EAO5B,CACI,yDACA,2FACL,CACD,YAAe,EAAc,EAAM,UAElC,EAAE,WAAW,GACP,CAXF,EAWE,CAEX,CACE,CAAA,CACF,IACN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,4EACb,EAAA,EAAA,KAAC,EAAD,CAAQ,KAAK,SAAS,UAAU,oBAAoB,YAAe,EAAa,GAAM,UACnF,EAAE,YACI,CAAA,CACL,CAAA,CACS,GACH,CAAA,CAAA,CACJ,CAAA,CC1FlB,SAAgB,GAAmB,CACjC,IACA,eACA,iBACA,cACA,sBACA,eACA,uBACA,UACA,gBACA,oBACA,mBACA,iBACA,eACQ,CACR,OACE,EAAA,EAAA,MAAC,UAAD,CAAS,UAAU,sBAAsB,aAAY,EAAE,iBAAvD,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,gHACb,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oCACb,EAAA,EAAA,KAAC,EAAD,CACE,aAAY,EAAE,gBACd,MAAO,EACP,SAAU,EACV,QAAS,CACP,CAAE,MAAO,MAAO,MAAO,EAAE,UAAW,CACpC,CAAE,MAAO,SAAU,MAAO,EAAE,aAAc,CAC1C,CAAE,MAAO,WAAY,MAAO,EAAE,eAAgB,CAC9C,CAAE,MAAO,WAAY,MAAO,EAAE,eAAgB,CAC9C,CAAE,MAAO,UAAW,MAAO,EAAE,cAAe,CAC5C,CAAE,MAAO,QAAS,MAAO,EAAE,YAAa,CACzC,CACD,gBAAgB,4CAChB,CAAA,CACE,CAAA,CACF,CAAA,EAEN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,wEAAf,EACE,EAAA,EAAA,MAAC,QAAD,CAAO,UAAU,oDAAjB,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAW,EAAE,kBAAyB,CAAA,EACtD,EAAA,EAAA,KAAC,EAAD,CACE,UAAU,qFACV,YAAa,KACb,cAAA,GACA,CAAA,EACF,EAAA,EAAA,KAAC,QAAD,CACE,KAAK,SACL,MAAO,EACP,SAAW,GAAM,EAAoB,EAAE,OAAO,MAAM,CACpD,YAAa,EAAE,kBACf,aAAa,MACb,WAAY,GACZ,UAAW,EACT,mJACA,EACD,CACD,CAAA,CACI,IAER,EAAA,EAAA,MAAC,SAAD,CACE,GAAG,aACH,MAAO,EACP,SAAW,GAAM,EAAqB,EAAE,OAAO,MAAM,CACrD,aAAY,EAAE,OACd,MAAO,EAAE,OACT,UAAW,EACT,EACA,yEACD,UATH,EAWE,EAAA,EAAA,KAAC,SAAD,CAAQ,MAAM,YAAI,EAAE,WAAoB,CAAA,CACvC,EAAQ,IAAK,IACZ,EAAA,EAAA,KAAC,SAAD,CAAkB,MAAO,WACtB,EACM,CAFI,EAEJ,CACT,CACK,IAET,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oDAAf,EACE,EAAA,EAAA,MAAC,EAAD,CACE,KAAK,SACL,QAAQ,YACR,UAAU,iDACV,QAAS,WAJX,EAME,EAAA,EAAA,KAAC,EAAD,CAAY,UAAU,SAAS,YAAa,KAAQ,CAAA,CACnD,EAAE,YACF,EAAoB,GACnB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,iFACb,EACI,CAAA,CACL,KACG,GACR,GACC,EAAA,EAAA,MAAC,EAAD,CAAQ,KAAK,SAAS,QAAQ,QAAQ,UAAU,sCAAsC,QAAS,WAA/F,EACE,EAAA,EAAA,KAAC,EAAD,CAAG,UAAU,SAAS,YAAa,KAAQ,CAAA,CAC1C,EAAE,MACI,GACP,KACA,GACF,GAEL,GAAc,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,4CAAoC,EAAE,SAAa,CAAA,CAAG,KAC1E,GCtGd,SAAgB,GAAgB,CAAE,IAAG,OAAM,UAAS,UAAS,cAAa,aAAY,gBAAuB,CAC3G,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,GAAW,EAAK,SAAW,GAC1B,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,+HACV,YAAU,gBAET,MAAM,KAAK,CAAE,OAAQ,EAAG,CAAC,CAAC,KAAK,EAAG,KACjC,EAAA,EAAA,MAAC,MAAD,CAAa,UAAU,kCAAvB,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,8EAAgF,CAAA,EAC/F,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,8EAAgF,CAAA,EAC/F,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,8EAAgF,CAAA,EAC/F,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,+EAAiF,CAAA,CAC5F,EALI,EAKJ,CACN,CACE,CAAA,CACJ,KAEH,CAAC,GAAW,EAAK,SAAW,GAC3B,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mJAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAU,UAAU,yBAAyB,YAAa,IAAK,cAAA,GAAc,CAAA,EAC7E,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,0DAAkD,EAAE,OAAY,CAAA,EAC9E,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,0DAAkD,EAAE,kBAAsB,CAAA,EACvF,EAAA,EAAA,MAAC,EAAD,CAAQ,KAAK,SAAS,QAAQ,YAAY,UAAU,aAAa,QAAS,WAA1E,EACE,EAAA,EAAA,KAAC,EAAD,CAAW,UAAU,SAAS,YAAa,KAAQ,CAAA,CAClD,EAAE,QACI,GACL,GACJ,KAEH,EAAK,OAAS,GACb,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+BAAf,EACE,EAAA,EAAA,MAAC,IAAD,CAAG,UAAU,2CAAb,CACG,EAAY,EAAE,aAAc,CAAE,MAAO,OAAO,EAAK,OAAO,CAAE,CAAC,CAC3D,GAAU,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,0BAAhB,CAAiC,MAAI,EAAE,cAAqB,GAAG,KACxE,IACJ,EAAA,EAAA,KAAC,KAAD,CACE,UAAU,2JACV,KAAK,gBAEJ,EAAK,KAAK,EAAK,IAAQ,CACtB,IAAM,EAAK,EAAI,OAAS,OAClB,EAAM,OAAO,EAAI,WAAc,SAAW,EAAI,UAAU,MAAM,CAAG,GACvE,OACE,EAAA,EAAA,KAAC,KAAD,CAAA,UACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,YAAe,EAAY,EAAI,CAC/B,UAAW,EACT,uGACA,uKACD,UANH,EAQE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,4DACb,EAAkB,EAAI,UAAU,CAC5B,CAAA,EACP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,6CAA6C,MAAO,WACjE,GAAW,EAAG,CACV,CAAA,EACP,EAAA,EAAA,KAAC,OAAD,CACE,UAAU,6DACV,MAAO,EAAM,GAAG,EAAE,UAAU,IAAI,IAAQ,IAAA,YAEvC,EAAM,EAAiB,EAAI,CAAG,IAC1B,CAAA,EACP,EAAA,EAAA,KAAC,OAAD,CACE,UAAU,gEACV,MAAO,EAAY,EAAI,UAEtB,EAAY,EAAI,CACZ,CAAA,EACP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,2CAAmC,GAAe,EAAI,CAAQ,CAAA,CACvE,GACN,CA7BI,GAAG,EAAI,UAAU,GAAG,IA6BxB,EAEP,CACC,CAAA,CACJ,GACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,qCACb,EAAA,EAAA,MAAC,EAAD,CAAQ,KAAK,SAAS,QAAQ,YAAY,UAAU,QAAQ,SAAU,EAAS,QAAS,WAAxF,CACG,GACC,EAAA,EAAA,KAAC,EAAD,CAAW,UAAU,iDAAiD,YAAa,KAAQ,CAAA,EAE3F,EAAA,EAAA,KAAC,EAAD,CAAa,UAAU,SAAS,YAAa,KAAQ,CAAA,CAEtD,EAAE,SACI,GACL,CAAA,CACJ,KACA,GACJ,KACH,CAAA,CAAA,CC/GP,SAAgB,GAAY,CAAE,KAAY,CACxC,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,yEACb,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6GAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAU,UAAU,wCAAwC,YAAa,KAAM,cAAA,GAAc,CAAA,EAC7F,EAAA,EAAA,MAAC,MAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,0DAAkD,EAAE,MAAW,CAAA,EAC7E,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,sDAA8C,EAAE,UAAc,CAAA,CACvE,CAAA,CAAA,CACF,GACF,CAAA,CCCV,SAAgB,GAAe,CAC7B,IACA,cACA,sBACA,YACA,cACA,UACA,gBACQ,CACR,OACE,EAAA,EAAA,MAAC,SAAD,CAAQ,UAAU,6EAAlB,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mBAAf,EACE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,wDAAgD,EAAE,MAAW,CAAA,EAC3E,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,wDAAgD,EAAE,SAAa,CAAA,CACxE,IACN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,gHAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,2BACb,EAAA,EAAA,KAAC,EAAD,CACE,aAAY,EAAE,gBACd,MAAO,EAAc,OAAS,SAC9B,SAAW,GAAM,EAAoB,IAAM,OAAO,CAClD,QAAS,CACP,CAAE,MAAO,SAAU,MAAO,EAAE,cAAe,CAC3C,CAAE,MAAO,OAAQ,MAAO,EAAE,YAAa,CACxC,CACD,gBAAgB,MAChB,CAAA,CACE,CAAA,EACN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,2DAAf,EACE,EAAA,EAAA,MAAC,EAAD,CACE,KAAK,SACL,QAAQ,QACR,UAAU,2DACV,MAAO,EAAE,SACT,aAAY,EAAE,SACd,QAAS,WANX,EAQE,EAAA,EAAA,KAAC,EAAD,CAAQ,UAAU,SAAS,YAAa,KAAQ,CAAA,CAC/C,EAAY,GACX,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sEAA8D,EAAiB,CAAA,CAC7F,KACG,IACT,EAAA,EAAA,KAAC,EAAD,CACE,KAAK,SACL,QAAQ,QACR,UAAU,2DACV,MAAO,EAAE,QACT,aAAY,EAAE,QACd,QAAS,YAET,EAAA,EAAA,KAAC,EAAD,CACE,UAAW,EACT,kFACA,GAAW,0CACZ,CACD,YAAa,KACb,CAAA,CACK,CAAA,CACL,GACF,GACC,GChEb,SAAgB,GAAiB,CAAE,IAAG,SAAgB,CACpD,IAAM,EAAY,GAAgB,EAAM,SAAW,EAAE,CAAE,EAAE,WAAW,CAGpE,OAFK,GAGH,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,8CACb,EAAA,EAAA,MAAC,EAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAD,CAAiB,QAAA,aACf,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,UAAU,sYAFZ,EAIE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qCAA6B,EAAE,YAAmB,CAAA,EAClE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,iCAAwB,IAAQ,CAAA,EAChD,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,wBAAgB,EAAiB,CAAA,CAC1C,GACO,CAAA,EAClB,EAAA,EAAA,KAAC,EAAD,CAAA,UACE,EAAA,EAAA,MAAC,EAAD,CACE,KAAK,SACL,MAAM,QACN,WAAY,EACZ,UAAW,EACT,iHACA,EACA,mBACD,UARH,EAUE,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,uCAA+B,EAAE,iBAAqB,CAAA,EACnE,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,gDAAwC,EAAE,UAAc,CAAA,EACrE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,6BAA6B,KAAK,gBAC7C,EAAW,IAAK,GAAO,CACtB,IAAM,EAAI,EAAM,UAAU,IAAO,EAEjC,OADI,IAAM,EAAU,MAElB,EAAA,EAAA,MAAC,KAAD,CAEE,UAAU,2IAFZ,EAIE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,0CAAkC,EAAE,WAAW,GAAW,CAAA,EAC1E,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sCAA8B,EAAS,CAAA,CACpD,EALE,EAKF,EAEP,CACC,CAAA,CACW,GACH,CAAA,CACJ,CAAA,CAAA,CACX,CAAA,CA9Ce,KCJzB,SAAgB,IAAW,CAEzB,GAAM,CACJ,IACA,WACA,OACA,UACA,QACA,UACA,cACA,iBACA,iBACA,eACA,kBACA,WACA,cACA,SACA,YACA,UACA,QACA,QACA,cACA,iBACA,YACA,eACA,eACA,iBACA,UACA,cACA,iBACA,eACA,kBACA,mBACA,oBACA,gBACA,oBACA,iBACA,aACA,eACA,sBACE,GAvCa,EAAgB,GAAM,EAAE,SAuCzB,CAAS,CAMzB,OAJK,GAKH,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,uEAAf,EACE,EAAA,EAAA,KAAC,GAAD,CACK,IACU,cACb,oBAAqB,EACrB,UAAW,EAAM,OACjB,gBAAmB,EAAa,GAAK,CAC5B,UACT,aAAc,EACd,CAAA,CAED,GACC,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,2FACV,KAAK,iBAEJ,EACG,CAAA,CACJ,KAEH,GAAQ,EAAA,EAAA,KAAC,GAAD,CAAqB,IAAU,QAAS,CAAA,CAAG,MAEpD,EAAA,EAAA,KAAC,GAAD,CACK,IACW,eACd,eAAgB,EACH,cACb,oBAAqB,EACP,eACd,qBAAsB,EACb,UACT,kBAAqB,EAAe,GAAK,CACtB,oBACD,mBAClB,eAAgB,GACH,cACb,CAAA,EAEF,EAAA,EAAA,KAAC,GAAD,CACK,IACG,OACG,UACA,UACT,YAAa,EACb,WAAY,EACZ,aAAc,EACd,CAAA,EAEF,EAAA,EAAA,KAAC,GAAD,CACK,IACH,KAAM,GACN,aAAc,EACJ,WACV,iBAAkB,EACV,SACR,eAAgB,EACA,iBAChB,cAAe,EACf,CAAA,EAEF,EAAA,EAAA,KAAC,GAAD,CACK,IACH,IAAK,EACL,YAAe,EAAe,KAAK,CACrB,eACd,oBAAuB,EAAgB,UAAU,CACjD,iBAAoB,EAAgB,OAAO,CAC3C,CAAA,EAEF,EAAA,EAAA,KAAC,GAAD,CAAoB,IAAG,KAAM,EAAW,aAAc,EAAqB,QAAe,UAAU,CAAA,CAChG,IA1EC,EAAA,EAAA,KAAC,GAAD,CAAgB,IAAK,CAAA"}

package/dist/gateway/static/root/assets/sessions-page-BYobQq7F.js

@@ -0,0 +1,2 @@
+import{i as e}from"./rolldown-runtime-DWdDZTNf.js";import{i as t,t as n}from"./vendor-react-DbimaAId.js";import{i as r}from"./vendor-swr-B5fPo7KK.js";import{$ as i,$r as a,At as o,Cn as s,Dt as c,Et as l,Fr as u,Gn as d,In as f,J as p,Ln as m,Mn as h,Mt as ee,Nr as te,Nt as ne,Ot as re,Pr as ie,Rn as g,Sr as _,Tt as ae,Wr as oe,Y as v,_ as se,_r as y,_t as ce,bi as le,dt as ue,et as b,ft as de,gr as x,gt as fe,ht as pe,jn as me,jt as he,ki as ge,mt as S,oi as _e,or as ve,pt as ye,tt as C,ut as be,v as xe,vn as Se,vt as Ce,xi as w,yt as we}from"./index-AWwayu4P.js";var T=e(t(),1),E=n();function D(e){let t=new Date(e),n=Math.floor((new Date().getTime()-t.getTime())/(1e3*60*60*24));return n===0?t.toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`}):n===1?`Yesterday`:n<7?t.toLocaleDateString([],{weekday:`short`}):t.toLocaleDateString([],{month:`short`,day:`numeric`})}function O(e){return e>=1e3?`${(e/1e3).toFixed(1)}k`:String(e)}function Te({session:e,variant:t,labels:n,sessionAgentId:r,sessionAgentAvatar:i,onOpen:o,onAction:s}){let c=e.name?.trim()||n.unnamedSession,l=!!e.name?.trim(),u=e.status===`archived`,h=e.status===`pinned`;return(0,E.jsxs)(`div`,{role:`button`,tabIndex:0,className:f(`group flex min-w-0 w-full max-w-full cursor-pointer flex-col rounded-xl bg-surface-base text-left transition-colors duration-150 ease-out`,`hover:bg-surface-hover active:scale-[0.99]`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-panel`,t===`list`&&`sm:flex-row sm:items-center sm:gap-4`),onClick:o,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),o())},children:[(0,E.jsxs)(`div`,{className:f(`flex min-w-0 items-start justify-between gap-2 bg-surface-hover/35 px-3 py-2 dark:bg-surface-hover/25`,t===`list`&&`sm:py-3`),children:[(0,E.jsx)(`div`,{className:`flex min-w-0 items-center gap-2`,children:(0,E.jsx)(`span`,{className:`truncate text-[11px] font-medium uppercase tracking-wide text-fg-subtle`,children:e.sourceChannel})}),(0,E.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1.5 text-xs text-fg-muted`,children:[h?(0,E.jsx)(x,{className:`size-3.5 text-accent-fg`,strokeWidth:1.75,"aria-hidden":!0}):null,(0,E.jsx)(`span`,{children:D(e.updatedAt)})]})]}),(0,E.jsxs)(`div`,{className:f(`min-w-0 flex-1 px-3 py-2`,t===`list`&&`sm:py-3`),children:[(0,E.jsxs)(`div`,{className:f(`flex gap-3`,t===`list`&&`sm:items-start`),children:[(0,E.jsx)(C,{agentId:r,avatar:i,size:40,className:`size-10 shrink-0 ring-1 ring-edge/60 dark:ring-edge`}),(0,E.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,E.jsx)(`div`,{className:`min-w-0 max-w-full truncate text-sm font-semibold text-fg`,title:c,children:c}),l?(0,E.jsx)(`div`,{className:`mt-0.5 min-w-0 max-w-full truncate font-mono text-[11px] text-fg-subtle`,title:e.key,children:e.key}):null]})]}),(0,E.jsxs)(`div`,{className:`mt-2 flex flex-wrap items-center gap-3 text-xs text-fg-muted`,children:[(0,E.jsxs)(`span`,{className:`inline-flex items-center gap-1`,children:[(0,E.jsx)(_,{className:`size-3.5`,strokeWidth:1.75,"aria-hidden":!0}),e.messageCount]}),(0,E.jsxs)(`span`,{className:`inline-flex items-center gap-1`,children:[(0,E.jsx)(m,{className:`size-3.5`,strokeWidth:1.75,"aria-hidden":!0}),O(e.estimatedTokens)]})]}),e.tags.length>0?(0,E.jsxs)(`div`,{className:`mt-2 flex flex-wrap gap-1`,children:[e.tags.slice(0,3).map(e=>(0,E.jsx)(`span`,{className:`max-w-full break-words rounded-md bg-surface-hover px-1.5 py-0.5 text-[11px] text-fg-muted`,children:e},e)),e.tags.length>3?(0,E.jsxs)(`span`,{className:`text-[11px] text-fg-disabled`,children:[`+`,e.tags.length-3]}):null]}):null]}),(0,E.jsxs)(`div`,{className:`flex flex-wrap items-center gap-0.5 border-t border-edge-subtle/80 bg-surface-hover/25 px-2 py-2 dark:border-edge-subtle`,onClick:e=>e.stopPropagation(),onKeyDown:e=>e.stopPropagation(),children:[(0,E.jsx)(`button`,{type:`button`,className:p,title:n.continueChat,"aria-label":n.continueChat,onClick:()=>s(`continue`),children:(0,E.jsx)(_,{className:`size-4`,strokeWidth:1.75})}),u?(0,E.jsx)(`button`,{type:`button`,className:p,title:n.unarchive,"aria-label":n.unarchive,onClick:()=>s(`unarchive`),children:(0,E.jsx)(w,{className:`size-4`,strokeWidth:1.75})}):(0,E.jsx)(`button`,{type:`button`,className:p,title:n.archive,"aria-label":n.archive,onClick:()=>s(`archive`),children:(0,E.jsx)(le,{className:`size-4`,strokeWidth:1.75})}),h?(0,E.jsx)(`button`,{type:`button`,className:p,title:n.unpin,"aria-label":n.unpin,onClick:()=>s(`unpin`),children:(0,E.jsx)(y,{className:`size-4`,strokeWidth:1.75})}):(0,E.jsx)(`button`,{type:`button`,className:p,title:n.pin,"aria-label":n.pin,onClick:()=>s(`pin`),children:(0,E.jsx)(x,{className:`size-4`,strokeWidth:1.75})}),(0,E.jsx)(`button`,{type:`button`,className:p,title:n.export,"aria-label":n.export,onClick:()=>s(`export`),children:(0,E.jsx)(a,{className:`size-4`,strokeWidth:1.75})}),(0,E.jsx)(`button`,{type:`button`,className:f(p,`text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-950/40`),title:n.delete,"aria-label":n.delete,onClick:()=>s(`delete`),children:(0,E.jsx)(d,{className:`size-4`,strokeWidth:1.75})})]})]})}function k(e){if(typeof e==`string`)return e.length>2e3?`${e.slice(0,2e3)}…`:e;try{let t=JSON.stringify(e,null,2);return t.length>2e3?`${t.slice(0,2e3)}…`:t}catch{return String(e)}}function Ee({open:e,loading:t,session:n,sessionAgentId:r,sessionAgentAvatar:i,labels:a,onClose:s,onArchive:l,onUnarchive:u,onPin:d,onUnpin:p,onExport:m,onDelete:te}){let ie=n?.status===`archived`,_=n?.status===`pinned`;return(0,E.jsx)(ee,{open:e,onOpenChange:e=>!e&&s(),children:(0,E.jsxs)(he,{children:[(0,E.jsx)(o,{className:f(`xopc-dialog-overlay fixed inset-0 bg-scrim`,xe)}),(0,E.jsxs)(re,{className:f(`xopc-drawer-right fixed right-0 top-0 flex h-full w-full max-w-lg flex-col border-l border-edge bg-surface-panel shadow-popover outline-none`,se,`dark:border-edge`),"aria-describedby":void 0,children:[(0,E.jsxs)(`div`,{className:`flex min-w-0 shrink-0 items-center justify-between gap-2 border-b border-edge px-4 py-3 dark:border-edge`,children:[(0,E.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center gap-3`,children:[n&&r?(0,E.jsx)(C,{agentId:r,avatar:i,size:40,className:`size-10 shrink-0 ring-1 ring-edge/60 dark:ring-edge`}):null,(0,E.jsx)(ne,{className:`min-w-0 flex-1 truncate text-base font-semibold tracking-tight text-fg`,children:n?.name?.trim()||a.unnamedSession})]}),(0,E.jsx)(c,{asChild:!0,children:(0,E.jsx)(h,{type:`button`,variant:`ghost`,className:`h-9 w-9 shrink-0 p-0`,"aria-label":a.close,children:(0,E.jsx)(g,{className:`size-5`,strokeWidth:1.75})})})]}),(0,E.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-4 py-3`,children:t?(0,E.jsx)(`p`,{className:`text-sm text-fg-muted`,children:a.detailLoading}):n?(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)(`dl`,{className:`mb-4 grid gap-2 text-xs text-fg-muted`,children:[(0,E.jsxs)(`div`,{children:[(0,E.jsx)(`dt`,{className:`text-fg-disabled`,children:`Key`}),(0,E.jsx)(`dd`,{className:`mt-0.5 break-all font-mono text-fg`,children:n.key})]}),(0,E.jsx)(`div`,{className:`flex flex-wrap gap-4`,children:(0,E.jsxs)(`span`,{children:[n.messageCount,` msgs · `,n.estimatedTokens,` tok`]})})]}),(0,E.jsx)(`h3`,{className:`mb-2 text-xs font-medium uppercase tracking-wide text-fg-subtle`,children:a.detailMessages}),(0,E.jsx)(`ul`,{className:`space-y-3`,children:n.messages.map((e,t)=>(0,E.jsxs)(`li`,{className:`rounded-lg border border-edge-subtle bg-surface-hover/50 p-2 dark:border-edge`,children:[(0,E.jsx)(`div`,{className:`mb-1 text-[10px] font-medium uppercase text-fg-subtle`,children:e.role}),(0,E.jsx)(`pre`,{className:`max-h-40 overflow-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-relaxed text-fg-muted`,children:k(e.content)})]},`${e.timestamp??t}-${t}`))})]}):null}),(0,E.jsx)(`div`,{className:`shrink-0 border-t border-edge px-4 py-3 dark:border-edge`,children:(0,E.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,E.jsx)(h,{type:`button`,variant:`secondary`,className:`text-sm`,onClick:m,children:a.detailExport}),ie?(0,E.jsx)(h,{type:`button`,variant:`secondary`,className:`text-sm`,onClick:u,children:a.unarchive}):(0,E.jsx)(h,{type:`button`,variant:`secondary`,className:`text-sm`,onClick:l,children:a.archive}),_?(0,E.jsx)(h,{type:`button`,variant:`secondary`,className:`text-sm`,onClick:p,children:a.unpin}):(0,E.jsx)(h,{type:`button`,variant:`secondary`,className:`text-sm`,onClick:d,children:a.pin}),(0,E.jsx)(h,{type:`button`,variant:`secondary`,className:`text-sm text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-950/40`,onClick:te,children:a.delete})]})})]})]})})}var De=20;function Oe(e,t){return e.replace(/\{\{(\w+)\}\}/g,(e,n)=>String(t[n]??``))}var ke=new Set([`all`,`active`,`pinned`,`archived`]),Ae=new Set([`grid`,`list`]);function A(){let e=me(s(e=>e.language)),t=e.sessions,n=Se(e=>e.token),a=!!n,{data:c,mutate:d}=r(a?[`gateway-chat-agents`,n]:null,we,{revalidateOnFocus:!1}),p=c?.defaultId??`main`,m=c?.items??[],[g,_]=ge(),y=g.get(`q`)??``,C=g.get(`status`),w=g.get(`view`),D=g.get(`channel`)??``,O=ke.has(C)?C:`all`,k=Ae.has(w)?w:`grid`,[A,je]=(0,T.useState)(y),[j,Me]=(0,T.useState)(y.trim()),[M,Ne]=(0,T.useState)(O),[N,P]=(0,T.useState)(k),[F,I]=(0,T.useState)(D.trim()),[L,R]=(0,T.useState)([]),[z,B]=(0,T.useState)(!1),[Pe,V]=(0,T.useState)(null),[H,Fe]=(0,T.useState)(!1),[U,W]=(0,T.useState)(null),[Ie,G]=(0,T.useState)(!1),[Le,K]=(0,T.useState)(!1),[q,J]=(0,T.useState)(null),[Re,Y]=(0,T.useState)(!1),[X,Z]=(0,T.useState)(null);(0,T.useEffect)(()=>{let e=setTimeout(()=>Me(A.trim()),300);return()=>clearTimeout(e)},[A]),(0,T.useEffect)(()=>{let e=g.get(`q`)??``,t=g.get(`status`),n=g.get(`view`),r=(g.get(`channel`)??``).trim(),i=ke.has(t)?t:`all`,a=Ae.has(n)?n:`grid`,o=e.trim();je(t=>t===e?t:e),Me(e=>e===o?e:o),Ne(e=>e===i?e:i),P(e=>e===a?e:a),I(e=>e===r?e:r)},[g]),(0,T.useEffect)(()=>{let e=new URLSearchParams(g),t=j.trim();t?e.set(`q`,t):e.delete(`q`),M===`all`?e.delete(`status`):e.set(`status`,M),N===`grid`?e.delete(`view`):e.set(`view`,N),F?e.set(`channel`,F):e.delete(`channel`),e.toString()!==g.toString()&&_(e,{replace:!0})},[j,g,_,M,N,F]),(0,T.useEffect)(()=>{if(!a)return;let e=!1;return(async()=>{B(!0),V(null);try{let t=await pe({limit:De,offset:0,...j?{search:j}:{},...M===`all`?{}:{status:M},...F?{channel:F}:{}});if(e)return;R(t.items),Fe(t.hasMore)}catch(n){e||V(n instanceof Error?n.message:t.loadError)}finally{e||B(!1)}})(),()=>{e=!0}},[a,j,M,t.loadError]),(0,T.useEffect)(()=>{a&&S().then(W).catch(()=>{})},[a]),(0,T.useEffect)(()=>{if(!a)return;let e=()=>void d();return window.addEventListener(`config-reload`,e),()=>window.removeEventListener(`config-reload`,e)},[a,d]),(0,T.useEffect)(()=>{if(!a)return;let e=e=>{let t=e.detail;!t?.key||t.name===void 0||(R(e=>e.map(e=>e.key===t.key?{...e,name:t.name}:e)),J(e=>e&&e.key===t.key?{...e,name:t.name}:e))};return window.addEventListener(`session-updated`,e),()=>{window.removeEventListener(`session-updated`,e)}},[a]);let ze=(0,T.useCallback)(async()=>{if(!(!a||z||!H)){B(!0),V(null);try{let e=await pe({limit:De,offset:L.length,...j?{search:j}:{},...M===`all`?{}:{status:M},...F?{channel:F}:{}});R(t=>[...t,...e.items]),Fe(e.hasMore)}catch(e){V(e instanceof Error?e.message:t.loadError)}finally{B(!1)}}},[a,z,H,L.length,j,M,F,t.loadError]),Q=(0,T.useCallback)((e,t)=>{R(n=>n.map(n=>n.key===e?{...n,status:t}:n)),J(n=>n&&n.key===e?{...n,status:t}:n)},[]),Be=(0,T.useCallback)(async e=>{G(!0),K(!0),J(null);try{J(await ye(e))}catch{G(!1)}finally{K(!1)}},[]),Ve=e=>{Be(e)},$=async(e,t)=>{if(t===`continue`){window.dispatchEvent(new CustomEvent(`navigate-to-chat`,{detail:{sessionKey:e},bubbles:!0}));return}if(t===`delete`){Z(e),Y(!0);return}try{switch(t){case`archive`:await be(e),Q(e,`archived`);break;case`unarchive`:await ce(e),Q(e,`active`);break;case`pin`:await fe(e),Q(e,`pinned`);break;case`unpin`:await Ce(e),Q(e,`active`);break;case`export`:{let t=await de(e),n=new Blob([t],{type:`application/json`}),r=URL.createObjectURL(n),i=document.createElement(`a`);i.href=r,i.download=`session-${e.replace(/[^a-z0-9]/gi,`_`)}.json`,document.body.appendChild(i),i.click(),document.body.removeChild(i),URL.revokeObjectURL(r);break}default:break}S().then(W).catch(()=>{})}catch{}},He=async e=>{try{await ue(e),R(t=>t.filter(t=>t.key!==e)),J(t=>t?.key===e?null:t),q?.key===e&&G(!1),S().then(W).catch(()=>{})}catch{}},Ue={continueChat:t.continueChat,archive:t.archive,unarchive:t.unarchive,pin:t.pin,unpin:t.unpin,export:t.export,delete:t.delete,unnamedSession:e.chat.newSession},We={close:t.close,detailLoading:t.detailLoading,detailMessages:t.detailMessages,detailExport:t.detailExport,archive:t.archive,unarchive:t.unarchive,pin:t.pin,unpin:t.unpin,delete:t.delete,unnamedSession:e.chat.newSession},Ge=[{key:`all`,label:t.filterAll,icon:u},{key:`active`,label:t.filterActive,icon:_e},{key:`pinned`,label:t.filterPinned,icon:x},{key:`archived`,label:t.filterArchived,icon:le}],Ke=(()=>{let e=Object.entries(U?.byChannel??{}).sort((e,t)=>t[1]-e[1]).slice(0,6).map(([e])=>e);for(let t of[`telegram`,`weixin`,`feishu`])e.includes(t)||e.push(t);return e.slice(0,8)})();return a?(0,E.jsxs)(`div`,{className:`flex min-h-0 min-w-0 flex-1 flex-col overflow-y-auto overflow-x-hidden bg-surface-panel`,children:[(0,E.jsxs)(`div`,{className:`mx-auto flex w-full min-w-0 max-w-2xl flex-col gap-4 px-4 py-6 sm:px-6 lg:max-w-app-main lg:px-8`,children:[(0,E.jsxs)(`header`,{className:`flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between`,children:[(0,E.jsx)(`h1`,{className:`text-xl font-semibold tracking-tight text-fg`,children:t.title}),(0,E.jsxs)(`div`,{className:`flex w-full min-w-0 items-center gap-2 rounded-xl bg-surface-base px-3 py-2 transition-colors sm:max-w-md dark:bg-surface-hover/40`,children:[(0,E.jsx)(ve,{className:`size-4 shrink-0 text-fg-disabled`,strokeWidth:1.75,"aria-hidden":!0}),(0,E.jsx)(`input`,{type:`search`,value:A,onChange:e=>je(e.target.value),placeholder:t.searchPlaceholder,className:`min-w-0 flex-1 border-0 bg-transparent text-sm text-fg placeholder:text-fg-disabled focus:outline-none focus:ring-0`})]})]}),(0,E.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:Ge.map(({key:e,label:t,icon:n})=>(0,E.jsxs)(`button`,{type:`button`,"aria-pressed":M===e,onClick:()=>Ne(e),className:f(`inline-flex items-center gap-1.5 rounded-xl px-3 py-2 text-sm font-medium`,v.transition,v.focusRingPanel,M===e?`bg-accent-soft text-accent-fg`:`bg-surface-base text-fg-muted hover:bg-surface-hover hover:text-fg dark:bg-surface-hover/35`),children:[(0,E.jsx)(n,{className:`size-4`,strokeWidth:1.75,"aria-hidden":!0}),t]},e))}),(0,E.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,E.jsx)(`span`,{className:`text-xs font-medium text-fg-subtle`,children:t.filterChannelLabel}),(0,E.jsx)(`button`,{type:`button`,"aria-pressed":!F,onClick:()=>I(``),className:f(`inline-flex items-center rounded-xl px-3 py-2 text-sm font-medium`,v.transition,v.focusRingPanel,F?`bg-surface-base text-fg-muted hover:bg-surface-hover hover:text-fg dark:bg-surface-hover/35`:`bg-accent-soft text-accent-fg`),children:t.filterChannelAll}),Ke.map(e=>(0,E.jsxs)(`button`,{type:`button`,"aria-pressed":F===e,onClick:()=>I(e),className:f(`inline-flex items-center rounded-xl px-3 py-2 text-sm font-medium`,v.transition,v.focusRingPanel,F===e?`bg-accent-soft text-accent-fg`:`bg-surface-base text-fg-muted hover:bg-surface-hover hover:text-fg dark:bg-surface-hover/35`),children:[e,U?.byChannel?.[e]==null?null:(0,E.jsx)(`span`,{className:`ml-2 rounded-full bg-surface-hover px-2 py-0.5 text-[11px] text-fg-subtle`,children:U.byChannel[e]})]},e))]}),U?(0,E.jsx)(`div`,{className:`grid grid-cols-2 gap-3 sm:grid-cols-4`,children:[[U.totalSessions,t.totalSessions],[U.activeSessions,t.activeSessions],[U.pinnedSessions,t.pinnedSessions],[U.archivedSessions,t.archivedSessions]].map(([e,t])=>(0,E.jsxs)(`div`,{className:`rounded-xl bg-surface-base px-3 py-3 dark:bg-surface-hover/30`,children:[(0,E.jsx)(`div`,{className:`text-lg font-semibold tabular-nums text-fg`,children:e}),(0,E.jsx)(`div`,{className:`text-xs text-fg-muted`,children:t})]},t))}):null,Pe?(0,E.jsx)(`div`,{className:`rounded-lg border border-edge bg-red-50 px-3 py-2 text-sm text-red-700 dark:border-edge dark:bg-red-950/40 dark:text-red-300`,children:Pe}):null,(0,E.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,E.jsx)(`p`,{className:`text-xs text-fg-muted`,children:Oe(t.sessionCount,{count:L.length})}),(0,E.jsxs)(`div`,{className:l,role:`group`,"aria-label":t.layoutToggleGroup,children:[(0,E.jsx)(h,{type:`button`,variant:`segmented`,title:t.gridView,"aria-pressed":N===`grid`,onClick:()=>P(`grid`),className:f(ae,`size-7 p-0`,N===`grid`&&`bg-surface-panel shadow-sm dark:bg-surface-panel dark:shadow-sm dark:ring-1 dark:ring-edge-strong/40`,N===`grid`&&`text-accent-fg`),children:(0,E.jsx)(ie,{className:`size-3.5`,strokeWidth:1.5})}),(0,E.jsx)(h,{type:`button`,variant:`segmented`,title:t.listView,"aria-pressed":N===`list`,onClick:()=>P(`list`),className:f(ae,`size-9 p-0`,N===`list`&&`bg-surface-panel shadow-sm dark:bg-surface-panel dark:shadow-sm dark:ring-1 dark:ring-edge-strong/40`,N===`list`&&`text-accent-fg`),children:(0,E.jsx)(te,{className:`size-3.5`,strokeWidth:1.5})})]})]}),z&&L.length===0?(0,E.jsx)(`div`,{className:`grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3`,children:Array.from({length:6}).map((e,t)=>(0,E.jsx)(`div`,{className:`h-40 animate-pulse rounded-xl bg-surface-hover/60 dark:bg-surface-hover/40`},t))}):L.length===0?(0,E.jsxs)(`div`,{className:`flex flex-col items-center justify-center rounded-2xl bg-surface-base py-16 text-center dark:bg-surface-hover/25`,children:[(0,E.jsx)(oe,{className:`mb-3 size-12 text-fg-disabled`,strokeWidth:1.25,"aria-hidden":!0}),(0,E.jsx)(`p`,{className:`text-base font-semibold text-fg`,children:t.noSessions}),(0,E.jsx)(`p`,{className:`mt-1 max-w-sm text-sm text-fg-muted`,children:t.noSessionsDescription}),(0,E.jsx)(h,{variant:`primary`,className:`mt-6`,onClick:()=>{window.dispatchEvent(new CustomEvent(`navigate-to-chat`,{detail:{sessionKey:``},bubbles:!0}))},children:t.startNewChat})]}):(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(`div`,{className:f(`grid min-w-0 gap-3`,N===`grid`?`sm:grid-cols-2 lg:grid-cols-3`:`grid-cols-1`),children:L.map(e=>{let t=b(e,p);return(0,E.jsx)(Te,{session:e,variant:N,labels:Ue,sessionAgentId:t,sessionAgentAvatar:i(t,m),onOpen:()=>Ve(e.key),onAction:t=>void $(e.key,t)},e.key)})}),H?(0,E.jsx)(`div`,{className:`flex justify-center pt-2`,children:(0,E.jsx)(h,{type:`button`,variant:`secondary`,disabled:z,onClick:()=>void ze(),children:t.loadMore})}):null]})]}),(0,E.jsx)(Ee,{open:Ie,loading:Le,session:q,sessionAgentId:q?b(q,p):void 0,sessionAgentAvatar:q?i(b(q,p),m):void 0,labels:We,onClose:()=>{G(!1),J(null)},onArchive:()=>q&&void $(q.key,`archive`),onUnarchive:()=>q&&void $(q.key,`unarchive`),onPin:()=>q&&void $(q.key,`pin`),onUnpin:()=>q&&void $(q.key,`unpin`),onExport:()=>q&&void $(q.key,`export`),onDelete:()=>q&&(Z(q.key),Y(!0))}),(0,E.jsx)(ee,{open:Re,onOpenChange:Y,children:(0,E.jsxs)(he,{children:[(0,E.jsx)(o,{className:f(`xopc-dialog-overlay fixed inset-0 bg-scrim`,xe)}),(0,E.jsxs)(re,{className:f(`xopc-dialog-content fixed left-1/2 top-1/2 w-[min(100%-2rem,24rem)] -translate-x-1/2 -translate-y-1/2 rounded-xl border border-edge bg-surface-panel p-4 shadow-popover dark:border-edge`,se),children:[(0,E.jsx)(ne,{className:`text-base font-semibold text-fg`,children:t.deleteSessionTitle}),(0,E.jsx)(`p`,{className:`mt-2 text-sm text-fg-muted`,children:X?Oe(t.deleteSessionMessage,{name:L.find(e=>e.key===X)?.name?.trim()||e.chat.newSession}):``}),(0,E.jsxs)(`div`,{className:`mt-4 flex justify-end gap-2`,children:[(0,E.jsx)(h,{type:`button`,variant:`secondary`,onClick:()=>Y(!1),children:t.cancel}),(0,E.jsx)(h,{type:`button`,variant:`primary`,className:`bg-red-600 hover:bg-red-700`,onClick:()=>{X&&He(X),Y(!1),Z(null)},children:t.delete})]})]})]})})]}):(0,E.jsx)(`div`,{className:`mx-auto w-full max-w-2xl px-4 py-16 text-center text-sm text-fg-muted sm:px-8 lg:max-w-app-main`,children:t.needToken})}export{A as SessionsPage};
+//# sourceMappingURL=sessions-page-BYobQq7F.js.map