@xopcai/xopc 0.0.148 → 0.0.150

package/dist/gateway/static/root/assets/project-detail-page-BWOTQX4M.js

@@ -1 +0,0 @@
-import{i as e}from"./rolldown-runtime-aKtaBQYM.js";import{a as t,n,t as r}from"./vendor-react-BOUWij0V.js";import{l as i,t as a,u as o}from"./chunk-QUQL4437-DXsxWP7r.js";import{t as s}from"./cn-BQ_8x0bT.js";import{t as c}from"./check-BODqo66o.js";import{t as l}from"./circle-alert-RzVebuX2.js";import{t as u}from"./copy-to-clipboard-HOJ79TWv.js";import{t as d}from"./messages-BIsSVgW7.js";import{n as f,o as p,r as m}from"./locale-store-BP67jtYG.js";import{$i as h,$o as g,Aa as _,Al as v,Ao as y,As as b,Ba as x,Cc as S,Dl as C,Fa as w,Fo as T,Ga as E,Gc as D,Ha as O,Ir as k,Ja as A,Ka as j,Ko as M,La as N,Ma as P,Mo as F,Na as I,Nc as L,Nl as R,No as z,Oi as B,Ol as V,Oo as ee,Po as te,Ps as ne,Qa as re,Qi as ie,Qo as ae,R as oe,Ra as se,Rl as ce,Sc as le,Ua as ue,Ur as de,Va as fe,Vs as pe,Wa as me,Wo as he,Xl as ge,Xn as _e,Xs as H,Za as ve,Zc as ye,Zi as be,Zo as xe,_s as Se,_t as Ce,a as we,aa as Te,ac as Ee,bl as De,bt as Oe,c as ke,ct as Ae,d as je,ea as Me,ec as Ne,es as Pe,eu as Fe,f as Ie,gc as Le,gl as Re,h as U,hl as W,ht as ze,hu as Be,i as Ve,ia as He,io as Ue,ja as We,jo as Ge,ka as Ke,ko as qe,m as Je,mc as Ye,ms as G,na as Xe,o as Ze,oa as Qe,ol as K,ot as $e,qa as et,ra as tt,rc as nt,s as rt,sa as it,ta as at,to as ot,tr as st,ts as ct,u as lt,vc as ut,vs as dt,vu as ft,x as pt,xl as mt,yc as ht,za as gt}from"./index-twNrYC3D.js";import{t as _t}from"./notes-workbench-CfWQczho.js";import{t as vt}from"./page-tabs-LjSEtOvG.js";import{t as yt}from"./directory-picker-path-field-g_N_ROC-.js";import{t as bt}from"./goals-config-api-NoJKU8UZ.js";import{n as xt,t as St}from"./goal-create-dialog-ClzciTH5.js";var q=n(),J=e(t(),1),Y=r(),Ct=`application/x-xopc-work-item`,wt=[`backlog`,`todo`,`in_progress`,`blocked`,`needs_input`,`in_review`,`done`],Tt=[`low`,`normal`,`high`,`urgent`];function Et(e){return e===`done`||e===`in_review`?`bg-emerald-500/10 text-emerald-700 dark:text-emerald-300`:e===`blocked`||e===`needs_input`?`bg-red-500/10 text-red-700 dark:text-red-300`:e===`in_progress`?`bg-accent-soft text-accent-fg`:e===`backlog`||e===`todo`?`bg-amber-500/10 text-amber-700 dark:text-amber-300`:`bg-surface-muted text-fg-subtle`}function Dt(e){return e?new Intl.DateTimeFormat(void 0,{dateStyle:`medium`,timeStyle:`short`}).format(new Date(e)):``}function Ot(e){return!Number.isFinite(e)||e<=0?`0 B`:e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(+(e<10*1024))} KB`:`${(e/(1024*1024)).toFixed(+(e<10*1024*1024))} MB`}function kt(e){return`${e.name}:${e.size}:${e.lastModified}`}function At(e,t){return be(e,t)!==`unsupported`}function jt(e,t){return e.startsWith(`image/`)?`image`:e.startsWith(`audio/`)?`audio`:t===`image`||t===`audio`||t===`video`?t:`document`}function Mt(e,t){return{id:e.id,name:e.fileName,type:jt(e.mimeType,e.type),mimeType:e.mimeType,size:e.size,...t?{content:t,preview:e.mimeType.startsWith(`image/`)?t:void 0}:{}}}async function Nt(e,t){let n=h(e.name||`upload`,e.type||`application/octet-stream`),r=ve(await e.arrayBuffer());return{id:t,name:e.name||`upload`,type:jt(n),mimeType:n,size:e.size,content:r,preview:n.startsWith(`image/`)?r:void 0}}function Pt(e){let t=(0,q.c)(3),[n,r]=(0,J.useState)(``),i,a;return t[0]===e?(i=t[1],a=t[2]):(i=()=>{if(!e){r(``);return}let t=URL.createObjectURL(e);return r(t),()=>URL.revokeObjectURL(t)},a=[e],t[0]=e,t[1]=i,t[2]=a),(0,J.useEffect)(i,a),n}function Ft(e,t){let n=(0,q.c)(5),[r,i]=(0,J.useState)(``),a,o;return n[0]!==t.id||n[1]!==t.mimeType||n[2]!==e?(a=()=>{if(!e||!t.mimeType.startsWith(`image/`)){i(``);return}let n=!1,r=``;return(async()=>{let a=await m(U(e,t.id));if(!a.ok||n)return;let o=await a.blob();n||(r=URL.createObjectURL(o),i(r))})().catch(()=>{n||i(``)}),()=>{n=!0,r&&URL.revokeObjectURL(r)}},o=[t.id,t.mimeType,e],n[0]=t.id,n[1]=t.mimeType,n[2]=e,n[3]=a,n[4]=o):(a=n[3],o=n[4]),(0,J.useEffect)(a,o),r}function It(e){let t=(0,q.c)(11),{name:n,mimeType:r,thumbnailUrl:i,previewable:a,disabled:o,onOpen:s}=e,c;t[0]===r?c=t[1]:(c=r.startsWith(`image/`),t[0]=r,t[1]=c);let l=c,u;t[2]!==l||t[3]!==n||t[4]!==i?(u=l&&i?(0,Y.jsx)(`img`,{src:i,alt:n,className:`size-10 rounded-md object-cover`}):(0,Y.jsx)(`span`,{className:`inline-flex size-10 items-center justify-center rounded-md border border-edge bg-surface-muted`,children:(0,Y.jsx)(mt,{className:`size-4 text-fg-muted`,"aria-hidden":!0})}),t[2]=l,t[3]=n,t[4]=i,t[5]=u):u=t[5];let d=u;if(!a)return d;let f;return t[6]!==d||t[7]!==o||t[8]!==n||t[9]!==s?(f=(0,Y.jsx)(`button`,{type:`button`,className:`shrink-0 rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-panel disabled:cursor-wait disabled:opacity-70`,title:n,"aria-label":n,disabled:o,onClick:s,children:d}),t[6]=d,t[7]=o,t[8]=n,t[9]=s,t[10]=f):f=t[10],f}function Lt(e){return e.kind===`chat`?`/chat/${encodeURIComponent(e.targetId)}`:e.kind===`goal`?`/goals/${encodeURIComponent(e.targetId)}`:e.kind===`workflow_run`?`/workflows?run=${encodeURIComponent(e.targetId)}`:e.kind===`automation`?`/automations?automationId=${encodeURIComponent(e.targetId)}`:`#`}function Rt(e){return e instanceof Element?!!e.closest(`a,button,input,select,textarea,[contenteditable="true"],[draggable="true"],[data-board-pan-skip="true"]`):!0}function zt(e,t){return e.nextAction||e.blockedReason||e.description||t.noNextAction}function Bt(e){let t=(0,q.c)(63),{item:n,dragging:r,onOpen:i,onToggleDone:o,onDragStart:c,onDragEnd:l,t:u}=e,d=n.status===`done`,f;t[0]!==n||t[1]!==c?(f=e=>c(n,e),t[0]=n,t[1]=c,t[2]=f):f=t[2];let p=u.dragToUpdate,m=r&&`opacity-50`,h;t[3]===m?h=t[4]:(h=s(`flex min-h-24 w-full min-w-0 max-w-full cursor-grab flex-col overflow-hidden rounded-lg bg-surface-panel px-3 py-3 shadow-surface transition-colors hover:bg-surface-hover active:cursor-grabbing`,m),t[3]=m,t[4]=h);let g=d?`border-success bg-success text-white`:`border-edge bg-surface-base hover:border-accent/50`,_;t[5]===g?_=t[6]:(_=s(`mt-0.5 inline-flex size-3.5 shrink-0 items-center justify-center rounded border transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-panel`,g),t[5]=g,t[6]=_);let v=d?u.markTodo:u.markDone,y=d?u.markTodo:u.markDone,b;t[7]!==n||t[8]!==o?(b=()=>o(n),t[7]=n,t[8]=o,t[9]=b):b=t[9];let x;t[10]===d?x=t[11]:(x=d?(0,Y.jsx)(ge,{className:`size-3`,"aria-hidden":!0}):null,t[10]=d,t[11]=x);let w;t[12]!==x||t[13]!==_||t[14]!==v||t[15]!==y||t[16]!==b?(w=(0,Y.jsx)(`button`,{type:`button`,className:_,"aria-label":v,title:y,onClick:b,children:x}),t[12]=x,t[13]=_,t[14]=v,t[15]=y,t[16]=b,t[17]=w):w=t[17];let T;t[18]!==n||t[19]!==i?(T=()=>i(n),t[18]=n,t[19]=i,t[20]=T):T=t[20];let E;t[21]===n.title?E=t[22]:(E=(0,Y.jsx)(`h4`,{className:`min-w-0 flex-1 basis-0 text-sm font-medium leading-5 text-fg line-clamp-2`,children:n.title}),t[21]=n.title,t[22]=E);let D;t[23]!==n||t[24]!==u?(D=zt(n,u),t[23]=n,t[24]=u,t[25]=D):D=t[25];let O;t[26]===D?O=t[27]:(O=(0,Y.jsx)(`p`,{className:`mt-2 max-w-full break-words text-xs leading-5 text-fg-muted line-clamp-1`,children:D}),t[26]=D,t[27]=O);let k;t[28]!==T||t[29]!==E||t[30]!==O?(k=(0,Y.jsxs)(`button`,{type:`button`,className:`min-w-0 flex-1 text-left`,onClick:T,children:[E,O]}),t[28]=T,t[29]=E,t[30]=O,t[31]=k):k=t[31];let A;t[32]!==w||t[33]!==k?(A=(0,Y.jsxs)(`div`,{className:`flex min-w-0 max-w-full items-start gap-2`,children:[w,k]}),t[32]=w,t[33]=k,t[34]=A):A=t[34];let j;t[35]===n.status?j=t[36]:(j=s(`rounded-full px-2 py-0.5 text-[11px] font-medium`,Et(n.status)),t[35]=n.status,t[36]=j);let M=u.statuses[n.status],N;t[37]!==j||t[38]!==M?(N=(0,Y.jsx)(`span`,{className:j,children:M}),t[37]=j,t[38]=M,t[39]=N):N=t[39];let P=u.priorities[n.priority],F;t[40]===P?F=t[41]:(F=(0,Y.jsx)(`span`,{className:`rounded-full bg-surface-muted px-2 py-0.5 text-[11px] text-fg-muted`,children:P}),t[40]=P,t[41]=F);let I;t[42]===n.attachments?I=t[43]:(I=n.attachments?.length?(0,Y.jsxs)(`span`,{className:`inline-flex items-center gap-1 rounded-full bg-surface-muted px-2 py-0.5 text-[11px] text-fg-muted`,children:[(0,Y.jsx)(S,{className:`size-3`,"aria-hidden":!0}),n.attachments.length]}):null,t[42]=n.attachments,t[43]=I);let L;t[44]===n.links?L=t[45]:(L=n.links?.length?(0,Y.jsx)(`span`,{className:`rounded-full bg-surface-muted px-2 py-0.5 text-[11px] text-fg-muted`,children:n.links.length}):null,t[44]=n.links,t[45]=L);let R=`/work-items/${encodeURIComponent(n.id)}`,z;t[46]===Symbol.for(`react.memo_cache_sentinel`)?(z=(0,Y.jsx)(C,{className:`size-3`,"aria-hidden":!0}),t[46]=z):z=t[46];let B;t[47]!==u.detail.openItem||t[48]!==R?(B=(0,Y.jsxs)(a,{to:R,className:`ml-auto inline-flex shrink-0 items-center gap-1 rounded-full px-2 py-0.5 text-[11px] font-medium text-accent hover:bg-accent-soft hover:text-accent-fg`,children:[u.detail.openItem,z]}),t[47]=u.detail.openItem,t[48]=R,t[49]=B):B=t[49];let V;t[50]!==N||t[51]!==F||t[52]!==I||t[53]!==L||t[54]!==B?(V=(0,Y.jsxs)(`div`,{className:`mt-2 flex flex-wrap items-center gap-1.5`,children:[N,F,I,L,B]}),t[50]=N,t[51]=F,t[52]=I,t[53]=L,t[54]=B,t[55]=V):V=t[55];let ee;return t[56]!==l||t[57]!==u.dragToUpdate||t[58]!==f||t[59]!==A||t[60]!==V||t[61]!==h?(ee=(0,Y.jsxs)(`article`,{draggable:!0,onDragStart:f,onDragEnd:l,title:p,className:h,children:[A,V]}),t[56]=l,t[57]=u.dragToUpdate,t[58]=f,t[59]=A,t[60]=V,t[61]=h,t[62]=ee):ee=t[62],ee}function Vt(){let e=(0,q.c)(3),t,n;e[0]===Symbol.for(`react.memo_cache_sentinel`)?(t=(0,Y.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,Y.jsx)(`div`,{className:`size-3.5 shrink-0 rounded-full bg-surface-muted`}),(0,Y.jsx)(`div`,{className:`h-3 w-36 rounded bg-surface-muted`})]}),n=(0,Y.jsx)(`div`,{className:`mt-3 h-3 w-48 rounded bg-surface-muted`}),e[0]=t,e[1]=n):(t=e[0],n=e[1]);let r;return e[2]===Symbol.for(`react.memo_cache_sentinel`)?(r=(0,Y.jsxs)(`article`,{className:`flex h-24 w-full min-w-0 max-w-full flex-col overflow-hidden rounded-lg bg-surface-panel px-3 pt-3 pb-0 shadow-surface`,children:[t,n,(0,Y.jsxs)(`div`,{className:`mt-3 flex gap-1.5`,children:[(0,Y.jsx)(`div`,{className:`h-5 w-16 rounded-full bg-surface-muted`}),(0,Y.jsx)(`div`,{className:`h-5 w-10 rounded-full bg-surface-muted`})]})]}),e[2]=r):r=e[2],r}function Ht(e){let t=(0,q.c)(44),{file:n,index:r,busy:i,previewBusy:a,t:o,onOpen:c,onRemove:l}=e,u,d,f,p;t[0]===n?(u=t[1],d=t[2],f=t[3],p=t[4]):(u=h(n.name||`upload`,n.type||`application/octet-stream`),d=At(n.name||`upload`,u),f=Pt,p=u.startsWith(`image/`)?n:null,t[0]=n,t[1]=u,t[2]=d,t[3]=f,t[4]=p);let m=f(p),g=n.name||`upload`,_=i||a,v;t[5]!==n||t[6]!==c?(v=()=>c(n),t[5]=n,t[6]=c,t[7]=v):v=t[7];let y;t[8]!==u||t[9]!==d||t[10]!==g||t[11]!==_||t[12]!==v||t[13]!==m?(y=(0,Y.jsx)(It,{name:g,mimeType:u,thumbnailUrl:m,previewable:d,disabled:_,onOpen:v}),t[8]=u,t[9]=d,t[10]=g,t[11]=_,t[12]=v,t[13]=m,t[14]=y):y=t[14];let b=d?`rounded-md hover:text-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-panel`:`cursor-default`,x;t[15]===b?x=t[16]:(x=s(`min-w-0 flex-1 text-left`,b),t[15]=b,t[16]=x);let S=!d||i||a,C;t[17]!==n||t[18]!==c?(C=()=>c(n),t[17]=n,t[18]=c,t[19]=C):C=t[19];let w=n.name||`upload`,T;t[20]===w?T=t[21]:(T=(0,Y.jsx)(`div`,{className:`truncate font-medium text-fg`,children:w}),t[20]=w,t[21]=T);let E;t[22]===n.size?E=t[23]:(E=Ot(n.size),t[22]=n.size,t[23]=E);let D;t[24]===E?D=t[25]:(D=(0,Y.jsx)(`div`,{className:`text-xs text-fg-subtle`,children:E}),t[24]=E,t[25]=D);let O;t[26]!==C||t[27]!==T||t[28]!==D||t[29]!==x||t[30]!==S?(O=(0,Y.jsxs)(`button`,{type:`button`,className:x,disabled:S,onClick:C,children:[T,D]}),t[26]=C,t[27]=T,t[28]=D,t[29]=x,t[30]=S,t[31]=O):O=t[31];let k;t[32]!==r||t[33]!==l?(k=()=>l(r),t[32]=r,t[33]=l,t[34]=k):k=t[34];let A;t[35]===Symbol.for(`react.memo_cache_sentinel`)?(A=(0,Y.jsx)(dt,{className:`size-3.5`,"aria-hidden":!0}),t[35]=A):A=t[35];let j;t[36]!==i||t[37]!==o.attachments.remove||t[38]!==k?(j=(0,Y.jsx)(`button`,{type:`button`,className:`inline-flex size-7 shrink-0 items-center justify-center rounded-md text-fg-muted hover:bg-surface-hover hover:text-fg`,title:o.attachments.remove,"aria-label":o.attachments.remove,disabled:i,onClick:k,children:A}),t[36]=i,t[37]=o.attachments.remove,t[38]=k,t[39]=j):j=t[39];let M;return t[40]!==O||t[41]!==j||t[42]!==y?(M=(0,Y.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2 rounded-md border border-edge bg-surface-panel px-2 py-2 text-sm`,children:[y,O,j]}),t[40]=O,t[41]=j,t[42]=y,t[43]=M):M=t[43],M}function Ut(e){let t=(0,q.c)(56),{item:n,attachment:r,busy:i,previewBusy:a,t:o,onOpen:c,onDownload:l,onRemove:u}=e,d;t[0]!==r.fileName||t[1]!==r.mimeType?(d=At(r.fileName,r.mimeType),t[0]=r.fileName,t[1]=r.mimeType,t[2]=d):d=t[2];let f=d,p=Ft(n.id,r),m=i||a,h;t[3]!==r||t[4]!==n||t[5]!==c?(h=()=>c(n,r),t[3]=r,t[4]=n,t[5]=c,t[6]=h):h=t[6];let g;t[7]!==r.fileName||t[8]!==r.mimeType||t[9]!==f||t[10]!==m||t[11]!==h||t[12]!==p?(g=(0,Y.jsx)(It,{name:r.fileName,mimeType:r.mimeType,thumbnailUrl:p,previewable:f,disabled:m,onOpen:h}),t[7]=r.fileName,t[8]=r.mimeType,t[9]=f,t[10]=m,t[11]=h,t[12]=p,t[13]=g):g=t[13];let _=f?`rounded-md hover:text-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-panel`:`cursor-default`,y;t[14]===_?y=t[15]:(y=s(`min-w-0 flex-1 text-left`,_),t[14]=_,t[15]=y);let x=!f||i||a,S;t[16]!==r||t[17]!==n||t[18]!==c?(S=()=>c(n,r),t[16]=r,t[17]=n,t[18]=c,t[19]=S):S=t[19];let C;t[20]===r.fileName?C=t[21]:(C=(0,Y.jsx)(`div`,{className:`truncate font-medium text-fg`,children:r.fileName}),t[20]=r.fileName,t[21]=C);let w=r.mimeType,T;t[22]===r.size?T=t[23]:(T=Ot(r.size),t[22]=r.size,t[23]=T);let E;t[24]!==r.mimeType||t[25]!==T?(E=(0,Y.jsxs)(`div`,{className:`truncate text-xs text-fg-subtle`,children:[w,` · `,T]}),t[24]=r.mimeType,t[25]=T,t[26]=E):E=t[26];let D;t[27]!==E||t[28]!==y||t[29]!==x||t[30]!==S||t[31]!==C?(D=(0,Y.jsxs)(`button`,{type:`button`,className:y,disabled:x,onClick:S,children:[C,E]}),t[27]=E,t[28]=y,t[29]=x,t[30]=S,t[31]=C,t[32]=D):D=t[32];let O;t[33]!==r||t[34]!==n||t[35]!==l?(O=()=>l(n,r),t[33]=r,t[34]=n,t[35]=l,t[36]=O):O=t[36];let k;t[37]===Symbol.for(`react.memo_cache_sentinel`)?(k=(0,Y.jsx)(v,{className:`size-3.5`,"aria-hidden":!0}),t[37]=k):k=t[37];let A;t[38]!==i||t[39]!==o.attachments.download||t[40]!==O?(A=(0,Y.jsx)(`button`,{type:`button`,className:`inline-flex size-7 shrink-0 items-center justify-center rounded-md text-fg-muted hover:bg-surface-hover hover:text-fg`,title:o.attachments.download,"aria-label":o.attachments.download,disabled:i,onClick:O,children:k}),t[38]=i,t[39]=o.attachments.download,t[40]=O,t[41]=A):A=t[41];let j;t[42]!==r||t[43]!==n||t[44]!==u?(j=()=>u(n,r),t[42]=r,t[43]=n,t[44]=u,t[45]=j):j=t[45];let M;t[46]===Symbol.for(`react.memo_cache_sentinel`)?(M=(0,Y.jsx)(b,{className:`size-3.5`,"aria-hidden":!0}),t[46]=M):M=t[46];let N;t[47]!==i||t[48]!==o.attachments.remove||t[49]!==j?(N=(0,Y.jsx)(`button`,{type:`button`,className:`inline-flex size-7 shrink-0 items-center justify-center rounded-md text-fg-muted hover:bg-surface-hover hover:text-danger`,title:o.attachments.remove,"aria-label":o.attachments.remove,disabled:i,onClick:j,children:M}),t[47]=i,t[48]=o.attachments.remove,t[49]=j,t[50]=N):N=t[50];let P;return t[51]!==D||t[52]!==A||t[53]!==N||t[54]!==g?(P=(0,Y.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2 rounded-md border border-edge bg-surface-panel px-2 py-2 text-sm`,children:[g,D,A,N]}),t[51]=D,t[52]=A,t[53]=N,t[54]=g,t[55]=P):P=t[55],P}function Wt({mode:e,item:t,pendingFiles:n,busy:r,t:i,onPendingFilesChange:a,onUpload:o,onRemove:c,onDownload:l,onPreviewError:u}){let d=(0,J.useRef)(null),[f,h]=(0,J.useState)(!1),[g,_]=(0,J.useState)(!1),[v,y]=(0,J.useState)(null),[b,x]=(0,J.useState)(null),C=p(e=>e.token),w=t?.attachments??[];function T(r){if(!r.length)return;if(e===`detail`&&t){o(t,r);return}let i=new Set(n.map(kt)),s=[...n];for(let e of r){let t=kt(e);i.has(t)||(i.add(t),s.push(e))}a(s)}function E(e){a(n.filter((t,n)=>n!==e))}async function D(e){let t=kt(e);x(`pending:${t}`);try{y(await Nt(e,`pending:${t}`)),_(!0)}catch(e){u(e instanceof Error?e.message:String(e))}finally{x(null)}}async function O(e,t){x(`saved:${t.id}`);try{let n=await m(U(e.id,t.id));if(!n.ok)throw Error(`HTTP ${n.status}`);y(Mt(t,ve(await n.arrayBuffer()))),_(!0)}catch(e){u(e instanceof Error?e.message:String(e))}finally{x(null)}}return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`section`,{className:s(`grid gap-3 rounded-lg border border-edge bg-surface-base p-3`,f&&`border-accent bg-accent-soft/40`),onDragOver:e=>{e.preventDefault(),h(!0)},onDragLeave:e=>{e.currentTarget.contains(e.relatedTarget)||h(!1)},onDrop:e=>{e.preventDefault(),h(!1),T(Array.from(e.dataTransfer.files))},children:[(0,Y.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,Y.jsxs)(`h3`,{className:`inline-flex min-w-0 items-center gap-2 text-sm font-semibold text-fg`,children:[(0,Y.jsx)(S,{className:`size-4 shrink-0 text-fg-muted`,"aria-hidden":!0}),(0,Y.jsx)(`span`,{className:`truncate`,children:i.attachments.title})]}),(0,Y.jsxs)(G,{type:`button`,variant:`secondary`,className:`h-8 rounded-lg px-2.5 text-xs`,disabled:r,onClick:()=>d.current?.click(),children:[(0,Y.jsx)(Ye,{className:`size-3.5`,"aria-hidden":!0}),i.attachments.add]}),(0,Y.jsx)(`input`,{ref:d,type:`file`,multiple:!0,className:`hidden`,onChange:e=>{T(Array.from(e.target.files??[])),e.currentTarget.value=``}})]}),n.length?(0,Y.jsx)(`div`,{className:`grid gap-2`,children:n.map((e,t)=>(0,Y.jsx)(Ht,{file:e,index:t,busy:r,previewBusy:b===`pending:${kt(e)}`,t:i,onOpen:e=>void D(e),onRemove:E},kt(e)))}):null,t&&w.length?(0,Y.jsx)(`div`,{className:`grid gap-2`,children:w.map(e=>(0,Y.jsx)(Ut,{item:t,attachment:e,busy:r,previewBusy:b===`saved:${e.id}`,t:i,onOpen:(e,t)=>void O(e,t),onDownload:l,onRemove:c},e.id))}):null,!n.length&&!w.length?(0,Y.jsx)(`p`,{className:`text-sm text-fg-muted`,children:i.attachments.empty}):null]}),(0,Y.jsx)($e,{open:g,attachment:v,authToken:C,layerClassName:`z-[100]`,onClose:()=>{_(!1),y(null)}})]})}function Gt(e){let t=(0,q.c)(170),{mode:n,item:r,initialStatus:i,events:o,busy:c,error:l,notice:u,t:d,onClose:f,onCreate:p,onSave:m,onStartChat:h,onCreateGoal:g,onAddAttachments:_,onRemoveAttachment:v,onDownloadAttachment:b,onPreviewError:x}=e,S=n!==null,[w,T]=(0,J.useState)(``),[E,D]=(0,J.useState)(``),[O,k]=(0,J.useState)(`todo`),[A,j]=(0,J.useState)(`normal`),[N,P]=(0,J.useState)(``),[I,R]=(0,J.useState)(``),B;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(B=[],t[0]=B):B=t[0];let[V,re]=(0,J.useState)(B),ie,ae;t[1]!==i||t[2]!==r||t[3]!==n?(ie=()=>{if(n===`create`){T(``),D(``),k(i),j(`normal`),P(``),R(``),re([]);return}n===`detail`&&r&&(T(r.title),D(r.description??``),k(r.status),j(r.priority),P(r.nextAction??``),R(r.blockedReason??``),re([]))},ae=[i,r,n],t[1]=i,t[2]=r,t[3]=n,t[4]=ie,t[5]=ae):(ie=t[4],ae=t[5]),(0,J.useEffect)(ie,ae);let oe;t[6]!==I||t[7]!==E||t[8]!==r||t[9]!==n||t[10]!==N||t[11]!==p||t[12]!==m||t[13]!==V||t[14]!==A||t[15]!==O||t[16]!==w?(oe=function(e){e.preventDefault();let t=w.trim();if(t){if(n===`create`){p({title:t,description:E.trim()||void 0,priority:A,status:O,nextAction:N.trim()||void 0,blockedReason:I.trim()||void 0,attachments:V});return}r&&m(r,{title:t,description:E.trim()||null,status:O,priority:A,nextAction:N.trim()||null,blockedReason:I.trim()||null})}},t[6]=I,t[7]=E,t[8]=r,t[9]=n,t[10]=N,t[11]=p,t[12]=m,t[13]=V,t[14]=A,t[15]=O,t[16]=w,t[17]=oe):oe=t[17];let se=oe,ce;t[18]===f?ce=t[19]:(ce=e=>!e&&f(),t[18]=f,t[19]=ce);let le;t[20]===Symbol.for(`react.memo_cache_sentinel`)?(le=(0,Y.jsx)(F,{className:`fixed inset-0 z-[80] bg-scrim backdrop-blur-[2px]`}),t[20]=le):le=t[20];let ue=n===`create`?d.create.title:r?.title||d.title,de;t[21]===ue?de=t[22]:(de=(0,Y.jsx)(te,{className:`truncate text-base font-semibold text-fg`,children:ue}),t[21]=ue,t[22]=de);let fe;t[23]===d.detail.description?fe=t[24]:(fe=(0,Y.jsx)(Ge,{className:`mt-1 text-sm text-fg-muted`,children:d.detail.description}),t[23]=d.detail.description,t[24]=fe);let pe;t[25]!==de||t[26]!==fe?(pe=(0,Y.jsxs)(`div`,{className:`min-w-0`,children:[de,fe]}),t[25]=de,t[26]=fe,t[27]=pe):pe=t[27];let me;t[28]===Symbol.for(`react.memo_cache_sentinel`)?(me=(0,Y.jsx)(dt,{className:`size-4`,"aria-hidden":!0}),t[28]=me):me=t[28];let _e;t[29]===c?_e=t[30]:(_e=(0,Y.jsx)(qe,{asChild:!0,children:(0,Y.jsx)(`button`,{type:`button`,className:`inline-flex size-8 items-center justify-center rounded-lg text-fg-muted hover:bg-surface-hover hover:text-fg`,disabled:c,children:me})}),t[29]=c,t[30]=_e);let H;t[31]!==pe||t[32]!==_e?(H=(0,Y.jsxs)(`div`,{className:`flex items-start justify-between gap-3 border-b border-edge px-5 py-4`,children:[pe,_e]}),t[31]=pe,t[32]=_e,t[33]=H):H=t[33];let ve;t[34]===l?ve=t[35]:(ve=l?(0,Y.jsx)(`div`,{className:`rounded-lg border border-danger/30 bg-danger-soft px-3 py-2 text-sm text-danger`,children:l}):null,t[34]=l,t[35]=ve);let ye;t[36]!==l||t[37]!==u?(ye=!l&&u?(0,Y.jsxs)(`div`,{className:`flex items-start gap-2 rounded-lg border border-success/30 bg-success-soft px-3 py-2 text-sm text-fg`,role:`status`,"aria-live":`polite`,children:[(0,Y.jsx)(ge,{className:`mt-0.5 size-4 shrink-0 text-success`,"aria-hidden":!0}),(0,Y.jsxs)(`div`,{className:`min-w-0`,children:[(0,Y.jsx)(`div`,{className:`font-medium text-success`,children:u.title}),(0,Y.jsx)(`div`,{className:`mt-1 text-fg-muted`,children:u.message})]})]}):null,t[36]=l,t[37]=u,t[38]=ye):ye=t[38];let be;t[39]===d.create.titleLabel?be=t[40]:(be=(0,Y.jsx)(`span`,{className:`font-medium text-fg-muted`,children:d.create.titleLabel}),t[39]=d.create.titleLabel,t[40]=be);let xe;t[41]===Symbol.for(`react.memo_cache_sentinel`)?(xe=e=>T(e.target.value),t[41]=xe):xe=t[41];let Se=n===`create`,Ce;t[42]!==Se||t[43]!==w?(Ce=(0,Y.jsx)(`input`,{className:`h-10 rounded-lg border border-edge bg-surface-base px-3 text-sm text-fg outline-none focus:border-accent`,value:w,onChange:xe,autoFocus:Se}),t[42]=Se,t[43]=w,t[44]=Ce):Ce=t[44];let we;t[45]!==be||t[46]!==Ce?(we=(0,Y.jsxs)(`label`,{className:`grid gap-1.5 text-sm`,children:[be,Ce]}),t[45]=be,t[46]=Ce,t[47]=we):we=t[47];let Te;t[48]===d.detail.status?Te=t[49]:(Te=(0,Y.jsx)(`span`,{className:`font-medium text-fg-muted`,children:d.detail.status}),t[48]=d.detail.status,t[49]=Te);let Ee;t[50]===Symbol.for(`react.memo_cache_sentinel`)?(Ee=e=>k(e.target.value),t[50]=Ee):Ee=t[50];let De;t[51]===d.statuses?De=t[52]:(De=wt.map(e=>(0,Y.jsx)(M,{value:e,children:d.statuses[e]},e)),t[51]=d.statuses,t[52]=De);let Oe;t[53]!==O||t[54]!==De?(Oe=(0,Y.jsx)(he,{className:`h-10 rounded-lg border border-edge bg-surface-base px-3 text-sm text-fg outline-none focus:border-accent`,value:O,onChange:Ee,children:De}),t[53]=O,t[54]=De,t[55]=Oe):Oe=t[55];let ke;t[56]!==Te||t[57]!==Oe?(ke=(0,Y.jsxs)(`label`,{className:`grid gap-1.5 text-sm`,children:[Te,Oe]}),t[56]=Te,t[57]=Oe,t[58]=ke):ke=t[58];let Ae;t[59]===d.create.priorityLabel?Ae=t[60]:(Ae=(0,Y.jsx)(`span`,{className:`font-medium text-fg-muted`,children:d.create.priorityLabel}),t[59]=d.create.priorityLabel,t[60]=Ae);let je;t[61]===Symbol.for(`react.memo_cache_sentinel`)?(je=e=>j(e.target.value),t[61]=je):je=t[61];let Me;t[62]===d.priorities?Me=t[63]:(Me=Tt.map(e=>(0,Y.jsx)(M,{value:e,children:d.priorities[e]},e)),t[62]=d.priorities,t[63]=Me);let Ne;t[64]!==A||t[65]!==Me?(Ne=(0,Y.jsx)(he,{className:`h-10 rounded-lg border border-edge bg-surface-base px-3 text-sm text-fg outline-none focus:border-accent`,value:A,onChange:je,children:Me}),t[64]=A,t[65]=Me,t[66]=Ne):Ne=t[66];let Pe;t[67]!==Ae||t[68]!==Ne?(Pe=(0,Y.jsxs)(`label`,{className:`grid gap-1.5 text-sm`,children:[Ae,Ne]}),t[67]=Ae,t[68]=Ne,t[69]=Pe):Pe=t[69];let Fe;t[70]!==ke||t[71]!==Pe?(Fe=(0,Y.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[ke,Pe]}),t[70]=ke,t[71]=Pe,t[72]=Fe):Fe=t[72];let Ie;t[73]===d.create.descriptionLabel?Ie=t[74]:(Ie=(0,Y.jsx)(`span`,{className:`font-medium text-fg-muted`,children:d.create.descriptionLabel}),t[73]=d.create.descriptionLabel,t[74]=Ie);let Le;t[75]===Symbol.for(`react.memo_cache_sentinel`)?(Le=e=>D(e.target.value),t[75]=Le):Le=t[75];let Re;t[76]===E?Re=t[77]:(Re=(0,Y.jsx)(`textarea`,{className:`min-h-28 rounded-lg border border-edge bg-surface-base px-3 py-2 text-sm text-fg outline-none focus:border-accent`,value:E,onChange:Le}),t[76]=E,t[77]=Re);let U;t[78]!==Ie||t[79]!==Re?(U=(0,Y.jsxs)(`label`,{className:`grid gap-1.5 text-sm`,children:[Ie,Re]}),t[78]=Ie,t[79]=Re,t[80]=U):U=t[80];let W;t[81]!==c||t[82]!==r||t[83]!==n||t[84]!==_||t[85]!==b||t[86]!==x||t[87]!==v||t[88]!==V||t[89]!==d?(W=(0,Y.jsx)(Wt,{mode:n,item:r,pendingFiles:V,busy:c,t:d,onPendingFilesChange:re,onUpload:_,onRemove:v,onDownload:b,onPreviewError:x}),t[81]=c,t[82]=r,t[83]=n,t[84]=_,t[85]=b,t[86]=x,t[87]=v,t[88]=V,t[89]=d,t[90]=W):W=t[90];let ze;t[91]!==I||t[92]!==n||t[93]!==N||t[94]!==O||t[95]!==d.blockedReason||t[96]!==d.nextAction?(ze=n===`detail`?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`label`,{className:`grid gap-1.5 text-sm`,children:[(0,Y.jsx)(`span`,{className:`font-medium text-fg-muted`,children:d.nextAction}),(0,Y.jsx)(`textarea`,{className:`min-h-20 rounded-lg border border-edge bg-surface-base px-3 py-2 text-sm text-fg outline-none focus:border-accent`,value:N,onChange:e=>P(e.target.value)})]}),(0,Y.jsxs)(`label`,{className:`grid gap-1.5 text-sm`,children:[(0,Y.jsx)(`span`,{className:s(`font-medium`,O===`blocked`||O===`needs_input`?`text-red-700 dark:text-red-300`:`text-fg-muted`),children:d.blockedReason}),(0,Y.jsx)(`textarea`,{className:s(`min-h-20 rounded-lg border bg-surface-base px-3 py-2 text-sm text-fg outline-none focus:border-accent`,O===`blocked`||O===`needs_input`?`border-red-500/40`:`border-edge`),value:I,onChange:e=>R(e.target.value)})]})]}):null,t[91]=I,t[92]=n,t[93]=N,t[94]=O,t[95]=d.blockedReason,t[96]=d.nextAction,t[97]=ze):ze=t[97];let Be;t[98]!==ve||t[99]!==ye||t[100]!==we||t[101]!==Fe||t[102]!==U||t[103]!==W||t[104]!==ze?(Be=(0,Y.jsxs)(`div`,{className:`grid content-start gap-4`,children:[ve,ye,we,Fe,U,W,ze]}),t[98]=ve,t[99]=ye,t[100]=we,t[101]=Fe,t[102]=U,t[103]=W,t[104]=ze,t[105]=Be):Be=t[105];let Ve;t[106]!==c||t[107]!==r||t[108]!==n||t[109]!==g||t[110]!==h||t[111]!==d.detail.actions||t[112]!==d.detail.createGoal||t[113]!==d.detail.openItem||t[114]!==d.detail.startChat?(Ve=n===`detail`&&r?(0,Y.jsxs)(`section`,{children:[(0,Y.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:d.detail.actions}),(0,Y.jsxs)(`div`,{className:`mt-2 grid gap-2`,children:[(0,Y.jsxs)(G,{type:`button`,variant:`secondary`,className:`justify-start rounded-lg`,disabled:c,onClick:()=>h(r),children:[(0,Y.jsx)(L,{className:`size-4`,"aria-hidden":!0}),d.detail.startChat]}),(0,Y.jsxs)(G,{type:`button`,variant:`secondary`,className:`justify-start rounded-lg`,disabled:c,onClick:()=>g(r),children:[(0,Y.jsx)(ne,{className:`size-4`,"aria-hidden":!0}),d.detail.createGoal]}),(0,Y.jsx)(G,{asChild:!0,variant:`secondary`,className:`justify-start rounded-lg`,children:(0,Y.jsxs)(a,{to:`/work-items/${encodeURIComponent(r.id)}`,children:[(0,Y.jsx)(C,{className:`size-4`,"aria-hidden":!0}),d.detail.openItem]})})]})]}):null,t[106]=c,t[107]=r,t[108]=n,t[109]=g,t[110]=h,t[111]=d.detail.actions,t[112]=d.detail.createGoal,t[113]=d.detail.openItem,t[114]=d.detail.startChat,t[115]=Ve):Ve=t[115];let He;t[116]===d.detail.links?He=t[117]:(He=(0,Y.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:d.detail.links}),t[116]=d.detail.links,t[117]=He);let Ue;t[118]!==r||t[119]!==d.detail.noLinks||t[120]!==d.linkKinds?(Ue=r?.links?.length?r.links.slice(0,6).map(e=>(0,Y.jsxs)(a,{to:Lt(e),className:`flex min-w-0 items-center justify-between gap-3 rounded-md px-2 py-1.5 hover:bg-surface-hover`,children:[(0,Y.jsx)(`span`,{className:`min-w-0 truncate text-fg`,children:e.title||e.targetId}),(0,Y.jsxs)(`span`,{className:`inline-flex shrink-0 items-center gap-1 text-xs text-fg-muted`,children:[d.linkKinds[e.kind],(0,Y.jsx)(C,{className:`size-3.5`,"aria-hidden":!0})]})]},e.id)):(0,Y.jsx)(`p`,{className:`text-sm text-fg-muted`,children:d.detail.noLinks}),t[118]=r,t[119]=d.detail.noLinks,t[120]=d.linkKinds,t[121]=Ue):Ue=t[121];let We;t[122]===Ue?We=t[123]:(We=(0,Y.jsx)(`div`,{className:`mt-2 grid gap-2 text-sm`,children:Ue}),t[122]=Ue,t[123]=We);let Ke;t[124]!==He||t[125]!==We?(Ke=(0,Y.jsxs)(`section`,{children:[He,We]}),t[124]=He,t[125]=We,t[126]=Ke):Ke=t[126];let Je;t[127]===d.detail.activity?Je=t[128]:(Je=(0,Y.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:d.detail.activity}),t[127]=d.detail.activity,t[128]=Je);let Xe;t[129]!==o||t[130]!==d.detail.noActivity||t[131]!==d.eventTypes?(Xe=o.length?o.slice(0,5).map(e=>(0,Y.jsxs)(`div`,{className:`text-sm`,children:[(0,Y.jsx)(`div`,{className:`font-medium text-fg`,children:d.eventTypes[e.type]??e.type}),(0,Y.jsx)(`div`,{className:`mt-0.5 text-xs text-fg-subtle`,children:Dt(e.createdAt)})]},e.id)):(0,Y.jsx)(`p`,{className:`text-sm text-fg-muted`,children:d.detail.noActivity}),t[129]=o,t[130]=d.detail.noActivity,t[131]=d.eventTypes,t[132]=Xe):Xe=t[132];let Ze;t[133]===Xe?Ze=t[134]:(Ze=(0,Y.jsx)(`div`,{className:`mt-2 grid gap-2`,children:Xe}),t[133]=Xe,t[134]=Ze);let Qe;t[135]!==Je||t[136]!==Ze?(Qe=(0,Y.jsxs)(`section`,{children:[Je,Ze]}),t[135]=Je,t[136]=Ze,t[137]=Qe):Qe=t[137];let K;t[138]!==Ve||t[139]!==Ke||t[140]!==Qe?(K=(0,Y.jsxs)(`aside`,{className:`grid content-start gap-5`,children:[Ve,Ke,Qe]}),t[138]=Ve,t[139]=Ke,t[140]=Qe,t[141]=K):K=t[141];let $e;t[142]!==Be||t[143]!==K?($e=(0,Y.jsxs)(`div`,{className:`grid min-h-0 flex-1 gap-6 overflow-y-auto px-5 py-4 lg:grid-cols-[minmax(0,1fr)_16rem]`,children:[Be,K]}),t[142]=Be,t[143]=K,t[144]=$e):$e=t[144];let et;t[145]!==c||t[146]!==f||t[147]!==d.create.cancel?(et=(0,Y.jsx)(G,{type:`button`,variant:`ghost`,className:`rounded-lg`,onClick:f,disabled:c,children:d.create.cancel}),t[145]=c,t[146]=f,t[147]=d.create.cancel,t[148]=et):et=t[148];let tt;t[149]!==c||t[150]!==w?(tt=c||!w.trim(),t[149]=c,t[150]=w,t[151]=tt):tt=t[151];let nt;t[152]===n?nt=t[153]:(nt=n===`create`?(0,Y.jsx)(Ye,{className:`size-4`,"aria-hidden":!0}):null,t[152]=n,t[153]=nt);let rt=n===`create`?d.create.submit:d.detail.save,it;t[154]!==tt||t[155]!==nt||t[156]!==rt?(it=(0,Y.jsxs)(G,{type:`submit`,variant:`primary`,className:`rounded-lg`,disabled:tt,children:[nt,rt]}),t[154]=tt,t[155]=nt,t[156]=rt,t[157]=it):it=t[157];let at;t[158]!==et||t[159]!==it?(at=(0,Y.jsxs)(`div`,{className:`flex shrink-0 justify-end gap-2 border-t border-edge px-5 py-4`,children:[et,it]}),t[158]=et,t[159]=it,t[160]=at):at=t[160];let ot;t[161]!==se||t[162]!==H||t[163]!==$e||t[164]!==at?(ot=(0,Y.jsxs)(z,{children:[le,(0,Y.jsx)(y,{className:`fixed left-1/2 top-1/2 z-[90] flex h-[min(86dvh,48rem)] w-[min(60rem,calc(100vw-2rem))] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-xl border border-edge bg-surface-panel shadow-float focus:outline-none`,children:(0,Y.jsxs)(`form`,{onSubmit:se,className:`flex min-h-0 flex-1 flex-col`,children:[H,$e,at]})})]}),t[161]=se,t[162]=H,t[163]=$e,t[164]=at,t[165]=ot):ot=t[165];let st;return t[166]!==S||t[167]!==ce||t[168]!==ot?(st=(0,Y.jsx)(ee,{open:S,onOpenChange:ce,children:ot}),t[166]=S,t[167]=ce,t[168]=ot,t[169]=st):st=t[169],st}function Kt({projectId:e,createRequestKey:t=0}){let n=i(),r=d(f(e=>e.language)).projectDetailPage.workItems,a=(0,J.useRef)(null),o=(0,J.useRef)(null),[c,l]=(0,J.useState)([]),[u,p]=(0,J.useState)(!0),[m,h]=(0,J.useState)(null),[g,_]=(0,J.useState)(null),[v,y]=(0,J.useState)(!1),[b,x]=(0,J.useState)(null),[S,C]=(0,J.useState)(null),[w,T]=(0,J.useState)(!1),[E,D]=(0,J.useState)(!1),[O,k]=(0,J.useState)(!1),[A,j]=(0,J.useState)(`todo`),[M,N]=(0,J.useState)(null),[P,F]=(0,J.useState)([]),I=(0,J.useCallback)(async(t=`replace`,n=0)=>{p(!0),h(null);try{let r=await ke(e,{limit:100,offset:n});l(e=>t===`append`?[...e,...r.items]:r.items),D(r.hasMore)}catch(e){h(e instanceof Error?e.message:String(e))}finally{p(!1)}},[e]);(0,J.useEffect)(()=>{I(`replace`,0)},[I]),(0,J.useEffect)(()=>{t&&(N(null),F([]),h(null),_(null),j(`todo`),k(!0))},[t]);let L=(0,J.useMemo)(()=>wt.map(e=>({status:e,title:r.statuses[e],items:c.filter(t=>t.status===e)})),[c,r.statuses]),R=(0,J.useCallback)(e=>{l(t=>t.map(t=>t.id===e.id?e:t)),N(t=>t?.id===e.id?e:t)},[]),z=(0,J.useCallback)(async(e,t)=>{y(!0),h(null),_(null);try{let n=await je(e.id,t);n.item.archivedAt?(l(e=>e.filter(e=>e.id!==n.item.id)),N(null)):(R(n.item),_({title:r.feedback.savedTitle,message:r.feedback.savedNext}))}catch(e){h(e instanceof Error?e.message:String(e))}finally{y(!1)}},[r.feedback.savedNext,r.feedback.savedTitle,R]),B=(0,J.useCallback)(async e=>{N(e),F([]),h(null),_(null);let t=await lt(e.id).catch(()=>null);t&&F(t.events)},[]),ee=(0,J.useCallback)(async t=>{y(!0),h(null),_(null);try{let n=await Ve(e,t);l(e=>[n.item,...e]),k(!1),N(n.item),F((await lt(n.item.id).catch(()=>({events:[]}))).events),_({title:r.feedback.createdTitle,message:r.feedback.createdNext})}catch(e){h(e instanceof Error?e.message:String(e))}finally{y(!1)}},[e,r.feedback.createdNext,r.feedback.createdTitle]),te=(0,J.useCallback)(async(e,t)=>{if(t.length){y(!0),h(null),_(null);try{let n=await Je(e.id,t);R(n.item),F((await lt(n.item.id).catch(()=>({events:[]}))).events)}catch(e){h(e instanceof Error?e.message:String(e))}finally{y(!1)}}},[R]),ne=(0,J.useCallback)(async(e,t)=>{y(!0),h(null),_(null);try{let n=await Ze(e.id,t.id);R(n.item),F((await lt(n.item.id).catch(()=>({events:[]}))).events)}catch(e){h(e instanceof Error?e.message:String(e))}finally{y(!1)}},[R]),re=(0,J.useCallback)(async(e,t)=>{h(null),_(null);try{await rt(e.id,t)}catch(e){h(e instanceof Error?e.message:String(e))}},[]),ie=(0,J.useCallback)(async e=>{y(!0),h(null),_(null);try{let t=await Ie(e.id);R(t.item),await B(t.item),n(`/chat/${encodeURIComponent(t.session.key)}`)}catch(e){h(e instanceof Error?e.message:String(e))}finally{y(!1)}},[n,B,R]),ae=(0,J.useCallback)(async e=>{y(!0),h(null),_(null);try{let t=await we(e.id);R(t.item),await B(t.item),n(`/goals/${encodeURIComponent(t.goal.id)}`)}catch(e){h(e instanceof Error?e.message:String(e))}finally{y(!1)}},[n,B,R]),oe=(0,J.useCallback)((e,t)=>{t.dataTransfer.effectAllowed=`move`,t.dataTransfer.setData(Ct,e.id),x(e.id)},[]),se=(0,J.useCallback)((e,t)=>{t.preventDefault();let n=t.dataTransfer.getData(Ct)||b;C(null),x(null);let r=c.find(e=>e.id===n);!r||r.status===e||z(r,{status:e})},[b,c,z]),ce=(0,J.useCallback)(e=>{z(e,{status:e.status===`done`?`todo`:`done`})},[z]),le=(0,J.useCallback)(e=>{N(null),F([]),h(null),_(null),j(e),k(!0)},[]),ue=(0,J.useCallback)(e=>{let t=o.current;!t||t.pointerId!==e.pointerId||(o.current=null,T(!1),e.currentTarget.hasPointerCapture?.(e.pointerId)&&e.currentTarget.releasePointerCapture(e.pointerId))},[]),de=(0,J.useCallback)(e=>{if(e.button!==0||b||Rt(e.target))return;let t=a.current;t&&(o.current={pointerId:e.pointerId,startX:e.clientX,scrollLeft:t.scrollLeft,active:!1},e.currentTarget.setPointerCapture(e.pointerId))},[b]),fe=(0,J.useCallback)(e=>{let t=o.current,n=a.current;if(!t||!n||t.pointerId!==e.pointerId)return;let r=e.clientX-t.startX;!t.active&&Math.abs(r)<5||(t.active||(t.active=!0,T(!0)),e.preventDefault(),n.scrollLeft=t.scrollLeft-r)},[]);return(0,Y.jsxs)(`section`,{id:`project-panel-work-items`,role:`tabpanel`,"aria-labelledby":`project-tab-work-items`,className:`flex h-full min-h-0 flex-col`,children:[m?(0,Y.jsx)(`div`,{className:`rounded-lg border border-red-500/30 bg-red-500/10 px-4 py-3 text-sm text-red-700 dark:text-red-300`,children:m}):null,(0,Y.jsx)(`section`,{ref:a,className:s(`min-h-0 flex-1 overflow-x-auto rounded-lg px-2 py-2 transition-opacity`,u&&`opacity-60`,w?`cursor-grabbing select-none`:`cursor-grab`),"aria-label":r.boardAria,"aria-busy":u,onPointerDown:de,onPointerMove:fe,onPointerUp:ue,onPointerCancel:ue,onLostPointerCapture:e=>{o.current?.pointerId===e.pointerId&&(o.current=null,T(!1))},children:(0,Y.jsx)(`div`,{className:`flex min-h-full min-w-max items-start gap-3 pr-4`,children:L.map(e=>(0,Y.jsxs)(`section`,{className:s(`flex max-h-full w-72 min-w-72 max-w-72 shrink-0 flex-col overflow-y-auto rounded-lg bg-surface-base shadow-surface`,S===e.status&&`bg-surface-active`),"aria-label":e.title,onDragOver:t=>{b&&(t.preventDefault(),t.dataTransfer.dropEffect=`move`,C(e.status))},onDragLeave:e=>{e.currentTarget.contains(e.relatedTarget)||C(null)},onDrop:t=>se(e.status,t),children:[(0,Y.jsxs)(`header`,{className:`flex shrink-0 items-center justify-between gap-2 px-3 py-3`,children:[(0,Y.jsxs)(`div`,{className:`flex min-w-0 items-baseline gap-2`,children:[(0,Y.jsx)(`h3`,{className:`truncate text-sm font-semibold text-fg`,children:e.title}),(0,Y.jsx)(`span`,{className:`shrink-0 text-xs text-fg-subtle`,children:e.items.length})]}),(0,Y.jsx)(V,{className:`size-4 shrink-0 text-fg-subtle`,"aria-hidden":!0})]}),(0,Y.jsxs)(`div`,{className:`mx-2 mt-3 grid min-h-0 min-w-0 content-start gap-2 pb-2 pr-1 [scrollbar-gutter:stable]`,children:[e.items.length?e.items.map(e=>(0,Y.jsx)(Bt,{item:e,dragging:b===e.id,onOpen:B,onToggleDone:ce,onDragStart:oe,onDragEnd:()=>{x(null),C(null)},t:r},e.id)):u?(0,Y.jsxs)(`div`,{className:`grid gap-2 animate-pulse motion-reduce:animate-none`,children:[(0,Y.jsx)(Vt,{}),(0,Y.jsx)(Vt,{})]}):(0,Y.jsx)(`div`,{className:`rounded-lg bg-surface-panel/70 px-3 py-6 text-center text-xs text-fg-subtle`,children:r.emptyColumn}),u?null:(0,Y.jsx)(`button`,{type:`button`,className:`inline-flex h-8 w-full items-center justify-center rounded-lg bg-surface-panel/85 text-fg-muted transition-colors 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-muted`,"aria-label":r.create.addToColumn.replace(`{{status}}`,e.title),title:r.create.addToColumn.replace(`{{status}}`,e.title),onClick:()=>le(e.status),children:(0,Y.jsx)(Ye,{className:`size-4`,"aria-hidden":!0})})]})]},e.status))})}),!u&&E?(0,Y.jsx)(G,{type:`button`,variant:`secondary`,className:`justify-self-center`,onClick:()=>void I(`append`,c.length),children:r.loadMore}):null,(0,Y.jsx)(Gt,{mode:O?`create`:M?`detail`:null,item:M,initialStatus:A,events:P,busy:v,error:m,notice:g,t:r,onClose:()=>{k(!1),N(null),F([]),h(null),_(null)},onCreate:ee,onSave:(e,t)=>void z(e,t),onStartChat:ie,onCreateGoal:ae,onAddAttachments:(e,t)=>void te(e,t),onRemoveAttachment:(e,t)=>void ne(e,t),onDownloadAttachment:(e,t)=>void re(e,t),onPreviewError:e=>{_(null),h(e)}})]})}var qt=[{id:`overview`,icon:ye},{id:`work-items`,icon:D},{id:`sessions`,icon:L},{id:`goals`,icon:ne},{id:`workflows`,icon:Le},{id:`files`,icon:W},{id:`activity`,icon:K},{id:`automations`,icon:Se},{id:`notes`,icon:De},{id:`settings`,icon:H}],Jt=new Set(qt.map(e=>e.id)),Yt=`xopc.projectFiles.panelWidthPx`,Xt=320,Zt=220,Qt=560;function $t(e){return Math.min(Qt,Math.max(Zt,Math.round(e)))}function en(){try{let e=window.localStorage.getItem(Yt);if(e==null)return Xt;let t=Number.parseInt(e,10);return Number.isFinite(t)?$t(t):Xt}catch{return Xt}}function tn(e){try{window.localStorage.setItem(Yt,String($t(e)))}catch{}}function nn(e){return!!(e&&Jt.has(e))}function rn(e){return e===`overview`?`overview`:e===`work-items`||e===`goals`||e===`workflows`||e===`automations`?`work`:`context`}function an(e){return e===`work`?`work-items`:e===`context`?`files`:`overview`}function on(e,t){return e.replace(/\{\{(\w+)\}\}/g,(e,n)=>String(t[n]??``))}function sn(e,t=``){if(!e)return t;let n=new Date(e);return Number.isNaN(n.getTime())?String(e):new Intl.DateTimeFormat(void 0,{dateStyle:`medium`,timeStyle:`short`}).format(n)}function cn(e){return e===`active`?`bg-accent-soft text-accent-fg`:e===`done`?`bg-emerald-500/10 text-emerald-700 dark:text-emerald-300`:e===`paused`?`bg-amber-500/10 text-amber-700 dark:text-amber-300`:e===`archived`?`bg-surface-muted text-fg-subtle`:`bg-surface-hover text-fg-muted`}function ln(e){return e===`succeeded`?`bg-emerald-500/10 text-emerald-700 dark:text-emerald-300`:e===`failed`||e===`timeout`||e===`cancelled`?`bg-red-500/10 text-red-700 dark:text-red-300`:e===`running`||e===`queued`?`bg-accent-soft text-accent-fg`:`bg-surface-hover text-fg-muted`}function un(e){let t=(0,q.c)(8),{label:n,hint:r,children:i}=e,a;t[0]===n?a=t[1]:(a=(0,Y.jsx)(`span`,{className:`font-medium text-fg-muted`,children:n}),t[0]=n,t[1]=a);let o;t[2]===r?o=t[3]:(o=r?(0,Y.jsx)(`span`,{className:`text-xs leading-5 text-fg-subtle`,children:r}):null,t[2]=r,t[3]=o);let s;return t[4]!==i||t[5]!==a||t[6]!==o?(s=(0,Y.jsxs)(`label`,{className:`grid gap-1.5 text-sm`,children:[a,i,o]}),t[4]=i,t[5]=a,t[6]=o,t[7]=s):s=t[7],s}function dn(e=!1){return s(`w-full rounded-md border border-edge bg-surface-base px-3 text-sm text-fg outline-none focus:border-accent`,e?`min-h-24 py-2 leading-5`:`min-h-10`)}function fn(e){let t=(0,q.c)(10),{label:n,value:r,mono:i}=e,a=i===void 0?!1:i,o;t[0]===n?o=t[1]:(o=(0,Y.jsx)(`div`,{className:`text-xs font-medium text-fg-subtle`,children:n}),t[0]=n,t[1]=o);let c=a&&`font-mono text-xs`,l;t[2]===c?l=t[3]:(l=s(`mt-1 min-w-0 truncate text-sm text-fg`,c),t[2]=c,t[3]=l);let u;t[4]!==l||t[5]!==r?(u=(0,Y.jsx)(`div`,{className:l,title:r,children:r}),t[4]=l,t[5]=r,t[6]=u):u=t[6];let d;return t[7]!==o||t[8]!==u?(d=(0,Y.jsxs)(`div`,{className:`min-w-0 rounded-md bg-surface-base px-3 py-2`,children:[o,u]}),t[7]=o,t[8]=u,t[9]=d):d=t[9],d}function pn(e){return[e.name,e.slug,e.workspaceRoot,e.description,e.brief].filter(Boolean).join(` `).toLowerCase()}function mn(e){let t=e.lastActiveAt??e.updatedAt??e.createdAt,n=t?new Date(t).getTime():0;return Number.isFinite(n)?n:0}function hn(e){return e.trim().replace(/[\\/]+$/,``).split(/[\\/]/).filter(Boolean).pop()??``}function gn(e){let t=e?.body;return t?.code===`workspace_root_missing`&&t.workspaceRoot?t.workspaceRoot:null}function _n(e){let t=e.actor;return t.name?t.name:t.agentId?t.agentId:t.id?t.id:t.sessionKey?t.sessionKey:t.kind}function vn(e){return e.primaryObject.title?.trim()||e.primaryObject.id}function yn(e){let t=e.source;return t.toolCallId?`${t.kind} · ${t.toolCallId}`:t.runId?`${t.kind} · ${t.runId}`:t.requestId?`${t.kind} · ${t.requestId}`:t.kind}function bn(e){let t=e.sourceChannel?.trim();if(t)return xn(t);let n=e.key.split(`:`).filter(Boolean),r=(n[0]?.toLowerCase()===`agent`?n.slice(2).join(`:`):e.key).split(`:`)[0]?.split(/[-_]/)[0]?.trim();return xn(r||``)}function xn(e){let t=e.trim().toLowerCase();return t?t===`tui`?`TUI`:t===`acp`?`ACP`:t===`webchat`?`Webchat`:t:``}function Sn(e){let t=e.payload.changes;if(Array.isArray(t)&&t.length)return t.filter(e=>typeof e==`string`).join(`, `);let n=e.payload.contentPreview;if(typeof n==`string`&&n.trim())return n.trim();let r=e.payload.title??e.payload.name;return typeof r==`string`&&r.trim()?r.trim():``}function Cn(e){return e.map(e=>({name:e.name,path:e.path,absolutePath:e.absolutePath,isDirectory:e.type===`directory`,children:e.type===`directory`?[]:void 0}))}function wn(e,t,n){return e.map(e=>e.path===t?{...e,children:n}:e.isDirectory&&e.children?.length?{...e,children:wn(e.children,t,n)}:e)}function Tn({currentProject:e,pm:t,projectsText:n,wd:r}){let a=i(),[o,l]=(0,J.useState)(!1),[u,d]=(0,J.useState)([e]),[f,p]=(0,J.useState)(``),[m,h]=(0,J.useState)(!1),[v,b]=(0,J.useState)(null),[x,S]=(0,J.useState)(!1),[C,w]=(0,J.useState)(`new`),[T,E]=(0,J.useState)(``),[D,k]=(0,J.useState)(``),[A,j]=(0,J.useState)(!1),[M,N]=(0,J.useState)(null),[P,I]=(0,J.useState)(null),L=(0,J.useCallback)(async()=>{h(!0),b(null);try{let t=await O({limit:100});d(n=>{let r=new Map;r.set(e.id,e);for(let e of n)r.set(e.id,e);for(let e of t.items)r.set(e.id,e);return Array.from(r.values())})}catch(e){b(e instanceof Error?e.message:String(e))}finally{h(!1)}},[e]);(0,J.useEffect)(()=>{d(t=>[e,...t.filter(t=>t.id!==e.id)])},[e]),(0,J.useEffect)(()=>{o&&L()},[L,o]);let R=(0,J.useMemo)(()=>{let t=f.trim().toLowerCase().split(/\s+/).filter(Boolean);return u.filter(t=>t.id!==e.id).filter(e=>{if(t.length===0)return!0;let n=pn(e);return t.every(e=>n.includes(e))}).sort((e,t)=>mn(t)-mn(e))},[e.id,u,f]),B=e=>t.statuses[e.status]??e.status,V=e=>e.workspaceRoot||e.effectiveWorkspaceRoot||e.description||e.brief||t.common.defaultWorkspace,ne=e=>{w(e),E(``),k(``),N(null),S(!0),l(!1)},re=(0,J.useCallback)(async(e={})=>{let t=D.trim(),n=T.trim()||(C===`directory`?hn(t):``);if(n){j(!0),N(null),I(null);try{let r=await _({name:n,...t?{workspaceRoot:t}:{},...e.createWorkspaceRoot?{createWorkspaceRoot:!0}:{}});S(!1),E(``),k(``),d(e=>[r,...e.filter(e=>e.id!==r.id)]),a(`/projects/${encodeURIComponent(r.id)}`)}catch(e){let t=gn(e);t?(I(t),S(!1)):N(e instanceof Error?e.message:String(e))}finally{j(!1)}}},[C,T,a,D]),ie=(0,J.useCallback)(e=>{e.preventDefault(),re()},[re]),oe=(0,J.useCallback)(()=>{re({createWorkspaceRoot:!0})},[re]),se=(0,J.useCallback)(()=>{I(null),S(!0)},[]),ce=e=>{k(e),C===`directory`&&!T.trim()&&E(hn(e))},le=(e,t)=>(0,Y.jsxs)(`button`,{type:`button`,className:s(`grid w-full grid-cols-[1rem_minmax(0,1fr)_auto] items-center gap-2 rounded-md px-2 py-2 text-left hover:bg-surface-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/40`,t&&`bg-accent-soft/55 hover:bg-accent-soft/70`),onClick:()=>{l(!1),t||a(`/projects/${encodeURIComponent(e.id)}`)},children:[(0,Y.jsx)(c,{className:s(`size-4 text-accent-fg`,!t&&`invisible`),"aria-hidden":!0}),(0,Y.jsxs)(`span`,{className:`min-w-0`,children:[(0,Y.jsx)(`span`,{className:`block truncate text-sm font-medium text-fg`,children:e.name}),(0,Y.jsx)(`span`,{className:`block truncate text-xs text-fg-muted`,children:V(e)})]}),(0,Y.jsx)(`span`,{className:s(`shrink-0 rounded-full px-2 py-0.5 text-[11px] font-medium`,cn(e.status)),children:B(e)})]},e.id);return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(Pe,{open:o,onOpenChange:l,children:[(0,Y.jsx)(ct,{asChild:!0,children:(0,Y.jsxs)(`button`,{type:`button`,className:`group flex max-w-full min-w-0 items-center gap-2 rounded-lg px-2 py-1 text-left hover:bg-surface-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/40`,"aria-label":t.projectSwitcher.switchProject,title:t.projectSwitcher.switchProject,children:[(0,Y.jsxs)(`span`,{className:`min-w-0`,children:[(0,Y.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2`,children:[(0,Y.jsx)(`h1`,{className:`truncate text-base font-semibold tracking-tight text-fg`,children:e.name}),(0,Y.jsx)(`span`,{className:s(`shrink-0 rounded-full px-2 py-0.5 text-[11px] font-medium`,cn(e.status)),children:B(e)})]}),(0,Y.jsx)(`span`,{className:`block truncate text-xs text-fg-muted`,children:V(e)})]}),(0,Y.jsx)(Fe,{className:`size-4 shrink-0 text-fg-subtle transition-transform group-data-[state=open]:rotate-180`,"aria-hidden":!0})]})}),(0,Y.jsx)(g,{children:(0,Y.jsxs)(ae,{side:`bottom`,align:`start`,sideOffset:6,className:`z-[70] w-[min(26rem,calc(100vw-2rem))] overflow-hidden rounded-xl border border-edge bg-surface-panel p-1.5 shadow-popover outline-none`,onOpenAutoFocus:e=>e.preventDefault(),children:[(0,Y.jsxs)(`label`,{className:`relative block`,children:[(0,Y.jsx)(Ne,{className:`pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-fg-subtle`,"aria-hidden":!0}),(0,Y.jsx)(`input`,{type:`search`,className:`h-9 w-full rounded-lg border border-edge bg-surface-base pl-9 pr-3 text-sm text-fg outline-none placeholder:text-fg-muted focus:border-accent`,value:f,onChange:e=>p(e.target.value),placeholder:t.projectSwitcher.searchPlaceholder,"aria-label":t.projectSwitcher.searchPlaceholder})]}),(0,Y.jsxs)(`div`,{className:`mt-1 max-h-[min(54vh,24rem)] overflow-y-auto pr-0.5 [scrollbar-gutter:stable]`,children:[(0,Y.jsx)(`div`,{className:`px-2 pb-1 pt-2 text-[11px] font-semibold uppercase tracking-wide text-fg-subtle`,children:t.projectSwitcher.current}),le(e,!0),(0,Y.jsx)(`div`,{className:`px-2 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-wide text-fg-subtle`,children:t.projectSwitcher.recent}),v?(0,Y.jsx)(`div`,{className:`px-2 py-2 text-xs text-red-600 dark:text-red-400`,children:v}):null,m&&R.length===0?(0,Y.jsx)(`div`,{className:`px-2 py-3 text-center text-xs text-fg-muted`,children:t.projectSwitcher.loading}):null,!m&&R.length===0?(0,Y.jsx)(`div`,{className:`px-2 py-3 text-center text-xs text-fg-muted`,children:t.projectSwitcher.noMatches}):null,R.map(e=>le(e,!1))]}),(0,Y.jsxs)(`div`,{className:`mt-1 border-t border-edge-subtle pt-1`,children:[(0,Y.jsxs)(`button`,{type:`button`,className:`flex h-9 w-full items-center gap-2 rounded-md px-2 text-left text-sm text-fg hover:bg-surface-hover`,onClick:()=>ne(`new`),children:[(0,Y.jsx)(Ye,{className:`size-4 text-fg-muted`,"aria-hidden":!0}),(0,Y.jsx)(`span`,{className:`min-w-0 truncate`,children:t.projectSwitcher.newProject})]}),(0,Y.jsxs)(`button`,{type:`button`,className:`flex h-9 w-full items-center gap-2 rounded-md px-2 text-left text-sm text-fg hover:bg-surface-hover`,onClick:()=>ne(`directory`),children:[(0,Y.jsx)(W,{className:`size-4 text-fg-muted`,"aria-hidden":!0}),(0,Y.jsx)(`span`,{className:`min-w-0 truncate`,children:t.projectSwitcher.openDirectory})]}),(0,Y.jsxs)(`button`,{type:`button`,className:`flex h-9 w-full items-center gap-2 rounded-md px-2 text-left text-sm text-fg hover:bg-surface-hover`,onClick:()=>{l(!1),a(`/projects`)},children:[(0,Y.jsx)(H,{className:`size-4 text-fg-muted`,"aria-hidden":!0}),(0,Y.jsx)(`span`,{className:`min-w-0 truncate`,children:t.projectSwitcher.manageProjects})]})]})]})})]}),(0,Y.jsx)(ee,{open:x,onOpenChange:e=>!A&&S(e),children:(0,Y.jsxs)(z,{children:[(0,Y.jsx)(F,{className:`fixed inset-0 z-[80] bg-scrim backdrop-blur-[2px]`}),(0,Y.jsxs)(y,{className:`fixed left-1/2 top-1/2 z-[90] flex h-[min(32rem,calc(100vh-2rem))] w-[min(40rem,calc(100vw-2rem))] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-xl border border-edge bg-surface-panel shadow-float focus:outline-none`,children:[(0,Y.jsxs)(`div`,{className:`shrink-0 border-b border-edge px-5 py-4`,children:[(0,Y.jsx)(te,{className:`text-base font-semibold text-fg`,children:C===`directory`?t.projectSwitcher.createFromDirectoryTitle:n.createTitle}),(0,Y.jsx)(Ge,{className:`mt-1 text-sm text-fg-muted`,children:C===`directory`?t.projectSwitcher.createFromDirectoryDescription:n.createDescription})]}),(0,Y.jsxs)(`form`,{onSubmit:ie,className:`flex min-h-0 flex-1 flex-col`,children:[(0,Y.jsxs)(`div`,{className:`min-h-0 flex-1 space-y-4 overflow-y-auto px-5 py-4`,children:[M?(0,Y.jsx)(`div`,{className:`rounded-lg border border-red-500/30 bg-red-500/10 px-3 py-2 text-sm text-red-700 dark:text-red-300`,children:M}):null,(0,Y.jsxs)(`label`,{className:`grid gap-1.5 text-sm`,children:[(0,Y.jsx)(`span`,{className:`font-medium text-fg-muted`,children:n.projectName}),(0,Y.jsx)(`input`,{className:`min-h-10 rounded-md border border-edge bg-surface-base px-3 text-sm text-fg outline-none placeholder:text-fg-muted focus:border-accent`,value:T,onChange:e=>E(e.target.value),placeholder:`xopc`,autoFocus:!0})]}),(0,Y.jsxs)(`div`,{className:`grid gap-1.5 text-sm`,children:[(0,Y.jsx)(`span`,{className:`font-medium text-fg-muted`,children:n.workspaceRoot}),(0,Y.jsx)(yt,{value:D,onChange:ce,disabled:A,wd:r,placeholder:n.workspacePlaceholder,inputClassName:`min-h-10 rounded-md border border-edge bg-surface-base px-3 text-sm text-fg outline-none placeholder:text-fg-muted focus:border-accent`}),(0,Y.jsx)(`p`,{className:`text-xs text-fg-subtle`,children:n.workspaceHint})]})]}),(0,Y.jsxs)(`div`,{className:`flex shrink-0 justify-end gap-2 border-t border-edge px-5 py-4`,children:[(0,Y.jsx)(qe,{asChild:!0,children:(0,Y.jsx)(G,{type:`button`,variant:`ghost`,className:`rounded-lg`,disabled:A,children:n.cancel})}),(0,Y.jsxs)(G,{type:`submit`,variant:`primary`,className:`rounded-lg`,disabled:A||!(T.trim()||C===`directory`&&hn(D)),children:[(0,Y.jsx)(Ye,{className:`size-4`,"aria-hidden":!0}),n.create]})]})]})]})]})}),(0,Y.jsx)(ee,{open:!!P,onOpenChange:e=>{e||I(null)},children:(0,Y.jsxs)(z,{children:[(0,Y.jsx)(F,{className:`fixed inset-0 z-[100] bg-scrim backdrop-blur-[2px]`}),(0,Y.jsxs)(y,{className:`fixed left-1/2 top-1/2 z-[110] flex w-[min(30rem,calc(100vw-2rem))] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-xl border border-edge bg-surface-panel shadow-float focus:outline-none`,children:[(0,Y.jsxs)(`div`,{className:`border-b border-edge px-5 py-4`,children:[(0,Y.jsx)(te,{className:`text-base font-semibold text-fg`,children:n.workspaceMissingTitle}),(0,Y.jsx)(Ge,{className:`mt-1 text-sm leading-6 text-fg-muted`,children:P?on(n.workspaceMissingDescription,{workspace:P}):null})]}),P?(0,Y.jsx)(`div`,{className:`px-5 py-4`,children:(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 rounded-lg bg-surface-muted px-3 py-2 text-sm text-fg-muted`,children:[(0,Y.jsx)(W,{className:`size-4 shrink-0 text-fg-subtle`,"aria-hidden":!0}),(0,Y.jsx)(`span`,{className:`min-w-0 truncate`,children:P})]})}):null,(0,Y.jsxs)(`div`,{className:`flex justify-end gap-2 border-t border-edge px-5 py-4`,children:[(0,Y.jsx)(G,{type:`button`,variant:`ghost`,className:`rounded-lg`,onClick:se,disabled:A,children:n.workspaceMissingBack}),(0,Y.jsxs)(G,{type:`button`,variant:`primary`,className:`rounded-lg`,onClick:oe,disabled:A,children:[(0,Y.jsx)(Re,{className:`size-4`,"aria-hidden":!0}),n.workspaceMissingCreate]})]})]})]})})]})}function En(){let{projectId:e=``,tabId:t,noteId:n}=o(),r=i(),c=d(f(e=>e.language)),p=c.chat.workingDirectory,m=c.projectDetailPage,h=c.projectsPage,_=T(e=>e.setPageHeader),v=T(e=>e.clearPageHeader),[S,C]=(0,J.useState)(null),[O,V]=(0,J.useState)(null),[ne,ge]=(0,J.useState)([]),[H,ve]=(0,J.useState)(``),[we,ke]=(0,J.useState)([]),[je,Ie]=(0,J.useState)([]),[U,Ve]=(0,J.useState)([]),[Je,Ze]=(0,J.useState)([]),[K,$e]=(0,J.useState)([]),[rt,lt]=(0,J.useState)(!1),[mt,q]=(0,J.useState)(null),[Ct,wt]=(0,J.useState)([]),[Tt,Et]=(0,J.useState)(0),[Dt,Ot]=(0,J.useState)(!1),[kt,At]=(0,J.useState)(!1),[jt,Mt]=(0,J.useState)(!1),[Nt,Pt]=(0,J.useState)([]),Ft=(0,J.useRef)(new Set),[It,Lt]=(0,J.useState)(null),[Rt,zt]=(0,J.useState)(en),[Bt,Vt]=(0,J.useState)(!1),[Ht,Ut]=(0,J.useState)(!1),[Wt,Gt]=(0,J.useState)(``),[Jt,Yt]=(0,J.useState)([]),[Xt,Zt]=(0,J.useState)(!1),[Qt,pn]=(0,J.useState)(null),[mn,hn]=(0,J.useState)(!1),[xn,En]=(0,J.useState)(null),[Dn,On]=(0,J.useState)([]),[X,kn]=(0,J.useState)(``),[An,jn]=(0,J.useState)(!0),[Mn,Nn]=(0,J.useState)(!1),[Pn,Fn]=(0,J.useState)(!1),[In,Ln]=(0,J.useState)(null),[Rn,zn]=(0,J.useState)(!1),[Bn,Vn]=(0,J.useState)(`fixed`),[Hn,Un]=(0,J.useState)(``),[Wn,Gn]=(0,J.useState)(null),[Kn,qn]=(0,J.useState)(!1),[Jn,Yn]=(0,J.useState)(!1),[Xn,Zn]=(0,J.useState)(0),[Qn,$n]=(0,J.useState)(!1),[er,tr]=(0,J.useState)(null),[nr,rr]=(0,J.useState)(!1),[ir,ar]=(0,J.useState)(!1),[or,sr]=(0,J.useState)(!1),[cr,Z]=(0,J.useState)(null),[lr,ur]=(0,J.useState)({defaultAgentId:``,agents:[],models:[],checklistDecomposePolicy:`empty_only`}),[dr,fr]=(0,J.useState)({title:``,reason:``}),[Q,pr]=(0,J.useState)({name:``,description:``,status:`active`,defaultAgentId:``,workspaceRoot:``,brief:``,instructions:``}),mr=`overview`,$=n?`notes`:nn(t)?t:mr,hr=(0,J.useCallback)(t=>{e&&r(`/projects/${encodeURIComponent(e)}/${t}`)},[r,e]),gr=(0,J.useCallback)(t=>e?`/projects/${encodeURIComponent(e)}/${t}`:`/projects`,[e]),_r=(0,J.useCallback)(e=>{let t=gr(`goals`);return`/goals/${encodeURIComponent(e)}?returnTo=${encodeURIComponent(t)}`},[gr]),vr=(0,J.useCallback)(t=>{e&&r(gr(t),{replace:!0})},[r,e,gr]),yr=(0,J.useCallback)((e,t)=>{vr(e),r(t)},[r,vr]),br=(0,J.useCallback)(e=>t=>{t.defaultPrevented||t.button!==0||t.metaKey||t.altKey||t.ctrlKey||t.shiftKey||vr(e)},[vr]),xr=(0,J.useCallback)(e=>e.startsWith(`/goals/`)?`goals`:e.startsWith(`/chat/`)?`sessions`:e.startsWith(`/workflows`)?`workflows`:e.startsWith(`/automations`)?`automations`:e.startsWith(`/notes`)?`notes`:$,[$]);(0,J.useEffect)(()=>{!e||!t||nn(t)||r(`/projects/${encodeURIComponent(e)}/${mr}`,{replace:!0})},[mr,r,e,t]),(0,J.useEffect)(()=>{if(!e)return;let t=!1;return jn(!0),Z(null),Promise.all([x(e),fe(e),gt(e),de().catch(()=>null)]).then(([e,n,r,i])=>{if(t)return;let a=e.project;C(a),V(e),ge(n),ke(r),On(i?.agents??[]),kn(a.defaultAgentId??``),pr({name:a.name,description:a.description??``,status:a.status,defaultAgentId:a.defaultAgentId??``,workspaceRoot:a.workspaceRoot??``,brief:a.brief??``,instructions:a.instructions??``})}).catch(e=>{t||Z(e instanceof Error?e.message:String(e))}).finally(()=>{t||jn(!1)}),()=>{t=!0}},[e]),(0,J.useEffect)(()=>{let e=!1;async function t(){let[t,n,r]=await Promise.allSettled([de(),_e(),ot()]);e||ur(e=>{let i=t.status===`fulfilled`?t.value.defaultId:e.defaultAgentId,a=S?.defaultAgentId||X||i,o=t.status===`fulfilled`?t.value.agents:e.agents,s=n.status===`fulfilled`?n.value:e.models,c=r.status===`fulfilled`?bt(r.value.payload?.config).checklistDecomposePolicy:e.checklistDecomposePolicy;return{defaultAgentId:a,agents:o.length?o:[{id:a||`main`,workspace:``,profileDir:``,typedModels:{defaultRole:`deep`,preset:[],effective:[]},extends:[],isDefault:!0,skills:{preset:[]},tools:{presetDenied:[],entryDisable:[],effectiveDisable:[]}}],models:s,checklistDecomposePolicy:c}})}return t(),()=>{e=!0}},[S?.defaultAgentId,X]);let Sr=(0,J.useCallback)(async()=>{if(S){$n(!0),Z(null);try{let[e,t]=await Promise.all([ze(),Ce(100,{ownerAgentId:X||void 0,projectId:S.id})]);Ie(e),Ve(t)}catch(e){Z(e instanceof Error?e.message:String(e))}finally{$n(!1)}}},[S,X]);(0,J.useEffect)(()=>{S&&Sr()},[S,Sr]);let Cr=(0,J.useCallback)(async()=>{if(S){lt(!0),Z(null);try{let[e,t]=await Promise.all([pt.list({projectId:S.id}),pt.runs(50,void 0,{projectId:S.id})]);Ze(e.automations),$e(t.runs)}catch(e){Z(e instanceof Error?e.message:String(e))}finally{lt(!1)}}},[S]);(0,J.useEffect)(()=>{$===`automations`&&Cr()},[Cr,$]);let wr=(0,J.useCallback)(async()=>{if(S){Ot(!0),Z(null);try{let e=await N(S.id,{includeRelated:kt,limit:100});wt(e.items),Et(e.total)}catch(e){Z(e instanceof Error?e.message:String(e))}finally{Ot(!1)}}},[S,kt]);(0,J.useEffect)(()=>{$===`activity`&&wr()},[wr,$]);let Tr=(0,J.useCallback)(async e=>{q(`run:${e.id}`),Z(null);try{await pt.runNow(e.id),await Cr()}catch(e){Z(e instanceof Error?e.message:String(e))}finally{q(null)}},[Cr]),Er=(0,J.useCallback)(async e=>{q(`toggle:${e.id}`),Z(null);try{e.enabled?await pt.pause(e.id):await pt.resume(e.id),await Cr()}catch(e){Z(e instanceof Error?e.message:String(e))}finally{q(null)}},[Cr]),Dr=(0,J.useCallback)(async()=>{if(!S?.effectiveWorkspaceRoot?.trim()){Pt([]),Ft.current.clear(),En(null);return}hn(!0),En(null),Ft.current.clear();try{Pt(Cn((await se(S.id,``)).entries)),Ft.current.add(``)}catch(e){Pt([]),Ft.current.clear(),En(e instanceof Error?e.message:String(e))}finally{hn(!1)}},[S]),Or=(0,J.useCallback)(async e=>{if(!(!S?.effectiveWorkspaceRoot?.trim()||Ft.current.has(e))){Ft.current.add(e),En(null);try{let t=await se(S.id,e);Pt(n=>wn(n,e,Cn(t.entries)))}catch(t){Ft.current.delete(e),En(t instanceof Error?t.message:String(t))}}},[S]);(0,J.useEffect)(()=>{$===`files`&&Dr()},[Dr,$]);let kr=Wt.trim();(0,J.useEffect)(()=>{if($!==`files`||!S||!Ht||!kr){Yt([]),Zt(!1),pn(null);return}let e=!1;Zt(!0),pn(null),Yt([]);let t=window.setTimeout(()=>{j(S.id,kr,50).then(t=>{e||Yt(t)}).catch(t=>{e||pn(t instanceof Error?t.message:String(t))}).finally(()=>{e||Zt(!1)})},180);return()=>{e=!0,window.clearTimeout(t)}},[kr,S,Ht,$]);let Ar=(0,J.useCallback)(async()=>{if(S){Yn(!0),Z(null);try{let e=await I(S.id);yr(`sessions`,`/chat/${encodeURIComponent(e.key)}`)}catch(e){Z(e instanceof Error?e.message:String(e))}finally{Yn(!1)}}},[yr,S]),jr=(0,J.useCallback)(()=>{hr(`work-items`),Zn(e=>e+1)},[hr]),Mr=(0,J.useCallback)(async()=>{if(!S)return;let[e,t]=await Promise.all([x(S.id),gt(S.id)]);V(e),C(e.project),ke(t)},[S]),Nr=(0,J.useCallback)(async e=>{if(!S||!e.title.trim())return;let t=Number.parseInt(e.maxTurns,10),n=e.deadline?new Date(e.deadline).getTime():void 0;rr(!0),Z(null);try{await P(S.id,{title:e.title.trim(),description:e.description.trim()||void 0,attachments:e.attachments.length?e.attachments:void 0,priority:e.priority,deadlineAt:Number.isFinite(n)?n:void 0,maxTurns:Number.isFinite(t)?t:void 0,agentId:e.agentId.trim()||void 0,judgeModelRef:e.judgeModelRef.trim()||void 0,contract:{objective:e.objective.trim()||e.title.trim(),scopeBoundary:e.scopeBoundary.trim()||void 0,evidencePlan:xt(e.evidencePlan),criteria:xt(e.checklist)}}),sr(!1),hr(`goals`),await Mr()}catch(e){throw Z(e instanceof Error?e.message:String(e)),e}finally{rr(!1)}},[hr,S,Mr]),Pr=(0,J.useCallback)(async e=>{if(e.preventDefault(),!(!S||!dr.title.trim())){ar(!0),Z(null);try{await We(S.id,{title:dr.title.trim(),reason:dr.reason.trim()||void 0}),fr({title:``,reason:``}),await Mr()}catch(e){Z(e instanceof Error?e.message:String(e))}finally{ar(!1)}}},[dr.reason,dr.title,S,Mr]),Fr=(0,J.useCallback)(async e=>{if(S){tr(`retry:${e.id}`),Z(null);try{let t=await Oe(e.id,{ownerAgentId:X||e.metadata?.agentId,projectId:e.metadata?.projectId||S.id});await Sr(),yr(`workflows`,oe(t.runId,{ownerAgentId:X||e.metadata?.agentId||S.defaultAgentId}))}catch(e){Z(e instanceof Error?e.message:String(e))}finally{tr(null)}}},[yr,S,Sr,X]),Ir=(0,J.useCallback)(async e=>{tr(`cancel:${e.id}`),Z(null);try{await Ae(e.id,{ownerAgentId:X||e.metadata?.agentId}),await Sr()}catch(e){Z(e instanceof Error?e.message:String(e))}finally{tr(null)}},[Sr,X]),Lr=(0,J.useMemo)(()=>(0,Y.jsx)(a,{to:`/projects`,className:`inline-flex size-9 items-center justify-center rounded-lg text-fg-muted hover:bg-surface-hover hover:text-fg`,"aria-label":m.backToProjects,children:(0,Y.jsx)(Be,{className:`size-4`,"aria-hidden":!0})}),[m.backToProjects]),Rr=(0,J.useMemo)(()=>S?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(G,{variant:`secondary`,className:`h-9 rounded-lg`,onClick:jr,children:[(0,Y.jsx)(Ye,{className:`size-4`,"aria-hidden":!0}),m.workItems.create.header]}),(0,Y.jsxs)(G,{variant:`primary`,className:`h-9 rounded-lg`,onClick:()=>void Ar(),disabled:Jn,children:[(0,Y.jsx)(L,{className:`size-4`,"aria-hidden":!0}),m.common.newChat]})]}):null,[jr,m.common.newChat,m.workItems.create.header,S,Ar,Jn]);(0,J.useLayoutEffect)(()=>(_({startExtra:Lr,main:S?(0,Y.jsx)(Tn,{currentProject:S,pm:m,projectsText:h,wd:p}):(0,Y.jsxs)(`div`,{className:`min-w-0`,children:[(0,Y.jsx)(`h1`,{className:`truncate text-base font-semibold tracking-tight text-fg`,children:m.fallbackTitle}),(0,Y.jsx)(`p`,{className:`truncate text-xs text-fg-muted`,children:m.fallbackContext})]}),end:Rr}),()=>v()),[v,Rr,Lr,m,S,h,_,p]);function zr(e){C(t=>t?{...t,...e}:null),V(t=>t?{...t,project:{...t.project,...e}}:null),kn(e.defaultAgentId??``),pr(t=>({...t,name:e.name,description:e.description??``,status:e.status,defaultAgentId:e.defaultAgentId??``,workspaceRoot:e.workspaceRoot??``,brief:e.brief??``,instructions:e.instructions??``})),window.dispatchEvent(new CustomEvent(`project-updated`,{detail:{id:e.id}}))}async function Br(){if(!(!S||!Q.name.trim())){Nn(!0),Z(null),Ln(null);try{zr(await A(S.id,{name:Q.name.trim(),status:Q.status,description:Q.description,defaultAgentId:Q.defaultAgentId,brief:Q.brief,instructions:Q.instructions}))}catch(e){let t=gn(e);t?Ln(t):Z(e instanceof Error?e.message:String(e))}finally{Nn(!1)}}}function Vr(e){e.preventDefault(),Br()}let Hr=(0,J.useCallback)(()=>{if(!S)return;let e=S.workspaceRoot?.trim()??``;Vn(e?`fixed`:`follow`),Un(e||S.effectiveWorkspaceRoot||``),zn(!0)},[S]);async function Ur(e={}){if(!S)return;let t=Bn===`fixed`?Hn.trim():``;if(!(Bn===`fixed`&&!t)){Nn(!0),Z(null),Ln(null);try{zr(await A(S.id,{workspaceRoot:t,...e.createWorkspaceRoot?{createWorkspaceRoot:!0}:{}})),zn(!1),Ln(null)}catch(e){let t=gn(e);t?(Ln(t),zn(!1)):Z(e instanceof Error?e.message:String(e))}finally{Nn(!1)}}}async function Wr(){if(!(!S||Wn)){Gn(`pin`),Z(null);try{zr(S.pinnedAt?await et(S.id):await ue(S.id))}catch(e){Z(e instanceof Error?e.message:String(e))}finally{Gn(null)}}}async function Gr(){if(!(!S||Wn)){Gn(`archive`),Z(null);try{zr(S.status===`archived`?await me(S.id):await Ke(S.id))}catch(e){Z(e instanceof Error?e.message:String(e))}finally{Gn(null)}}}async function Kr(){if(S){qn(!0),Z(null);try{await w(S.id),Fn(!1),r(`/projects`)}catch(e){Z(e instanceof Error?e.message:String(e))}finally{qn(!1)}}}async function qr(){if(!(!S||jt)){Mt(!0),Z(null);try{await E(S.id)}catch(e){Z(e instanceof Error?e.message:String(e))}finally{Mt(!1)}}}let Jr=(0,J.useCallback)(e=>{Lt(e)},[]),Yr=(0,J.useCallback)((e,t)=>{t||Lt(e)},[]),Xr=(0,J.useCallback)(async(e,t,n)=>{let r=S?.id;if(r)switch(e){case`preview`:t.isDirectory||Lt(t.path);break;case`download`:if(t.isDirectory)return;try{let e=ie(t.path);if(Me(be(e))!==`text`){let n=await tt(t.path,{projectId:r}),i=re(e)??`application/octet-stream`;at(e,await n.arrayBuffer(),i)}else{let{content:n}=await He(t.path,{projectId:r});Xe(e,n)}}catch(e){it(`warning`,e instanceof Error?e.message:String(e),void 0,{duration:4e3})}break;case`copyPath`:try{await u(t.absolutePath??t.path)&&it(`success`,c.workspace.pathCopied,void 0,{duration:2500})}catch{it(`warning`,c.clipboard.copyFailed,void 0,{duration:4e3})}break;case`openDefault`:if(!t.absolutePath||!window.electronAPI?.shell?.openPath)return;await window.electronAPI.shell.openPath(t.absolutePath);break;case`openWith`:if(!t.absolutePath||!window.electronAPI?.shell?.chooseAppAndOpenPath)return;await window.electronAPI.shell.chooseAppAndOpenPath(t.absolutePath);break;case`openWithApp`:if(!t.absolutePath||!n||!window.electronAPI?.shell?.openPathWithApp)return;await window.electronAPI.shell.openPathWithApp(t.absolutePath,n);break;case`revealInFolder`:if(!t.absolutePath||!window.electronAPI?.shell?.showItemInFolder)return;await window.electronAPI.shell.showItemInFolder(t.absolutePath);break;default:break}},[c.clipboard.copyFailed,c.workspace.pathCopied,S?.id]),Zr=(0,J.useCallback)(e=>{if(!window.matchMedia(`(min-width: 1024px)`).matches)return;e.preventDefault();let t=e.currentTarget,n=t.closest(`[data-project-files-grid]`);if(!n)return;t.setPointerCapture(e.pointerId),Vt(!0);let r=e.clientX,i=Rt,a=e.pointerId,o=0,s=i,c=i,l=()=>{o=0,c=s,n.style.setProperty(`--project-files-panel-width`,`${c}px`)},u=e=>{s=$t(i+(e.clientX-r)),o===0&&(o=window.requestAnimationFrame(l))},d=()=>{o!==0&&(window.cancelAnimationFrame(o),l());try{t.releasePointerCapture(a)}catch{}Vt(!1),zt(c),tn(c),window.removeEventListener(`pointermove`,u),window.removeEventListener(`pointerup`,d),window.removeEventListener(`pointercancel`,d)};window.addEventListener(`pointermove`,u),window.addEventListener(`pointerup`,d),window.addEventListener(`pointercancel`,d)},[Rt]);if((0,J.useEffect)(()=>{$!==`files`&&Lt(null)},[e,$]),An)return(0,Y.jsx)(`main`,{className:`w-full flex-1 px-3 py-3 text-sm text-fg-muted sm:px-5 sm:py-4 xl:px-6`,children:m.loading});if(!S)return(0,Y.jsxs)(`main`,{className:`w-full flex-1 px-3 py-3 sm:px-5 sm:py-4 xl:px-6`,children:[(0,Y.jsxs)(a,{to:`/projects`,className:`inline-flex items-center gap-2 text-sm text-accent-fg hover:underline`,children:[(0,Y.jsx)(Be,{className:`size-4`,"aria-hidden":!0}),m.backToProjects]}),(0,Y.jsx)(`p`,{className:`mt-6 rounded-lg bg-surface-panel p-4 shadow-surface text-sm text-fg-muted`,children:cr||m.notFound})]});let Qr=O?.recentSessions.length?O.recentSessions:S.recentSessions,$r=O?.attentionItems??[],ei=e=>m.statuses[e]??e,ti=e=>on(m.common.messages,{count:e}),ni=H.trim().toLowerCase(),ri=ni?ne.filter(e=>{let t=sn(e.updatedAt),n=e.routing?.agentId||e.agentId||m.common.agent,r=e.name?.trim()||m.sessions.fallbackTitle,i=ti(e.messageCount??0),a=bn(e);return[r,e.key,n,a,t,i].filter(Boolean).join(` `).toLowerCase().includes(ni)}):ne,ii=ne.length>0&&ri.length===0,ai=Dn.find(e=>e.id===Q.defaultAgentId)?.name||Q.defaultAgentId||m.settings.globalDefaultAgent,oi=Dn.find(e=>e.id===Q.defaultAgentId),si=S.workspaceRoot?.trim()||``,ci=S.status===`archived`,li=!!S.pinnedAt,ui=!si,di=si||oi?.workspace||S.effectiveWorkspaceRoot||m.common.defaultWorkspace,fi=Bn===`fixed`?Hn.trim()||m.settings.workspacePlaceholder:oi?.workspace||S.effectiveWorkspaceRoot||m.common.defaultWorkspace,pi=(Bn===`fixed`?Hn.trim():``)!==si&&(Bn===`follow`||!!Hn.trim()),mi=[{id:`overview`,icon:ye,label:m.surfaceTabs.overview},{id:`work`,icon:D,label:m.surfaceTabs.work},{id:`context`,icon:W,label:m.surfaceTabs.context}],hi=qt.filter(e=>e.id!==`overview`&&e.id!==`work-items`&&e.id!==`files`);async function gi(){if(!di)return;let e=await u(di);it(e?`success`:`warning`,e?c.workspace.pathCopied:c.clipboard.copyFailed,void 0,{duration:e?2500:4e3})}function _i(){Ln(null),zn(!0)}return(0,Y.jsxs)(`main`,{className:`flex h-full min-h-0 w-full flex-1 flex-col overflow-hidden px-3 py-3 sm:px-5 sm:py-4 xl:px-6`,children:[(0,Y.jsxs)(`div`,{className:`flex shrink-0 items-start justify-between gap-3`,children:[(0,Y.jsx)(vt,{items:mi,activeTab:rn($),onChange:e=>hr(an(e)),ariaLabel:m.navAria,tabIdPrefix:`project-surface-tab`,className:`min-w-0 flex-1`}),(0,Y.jsxs)(Pe,{children:[(0,Y.jsx)(ct,{asChild:!0,children:(0,Y.jsxs)(G,{type:`button`,variant:hi.some(e=>e.id===$)?`secondary`:`ghost`,className:`h-9 shrink-0 rounded-lg px-3`,children:[m.surfaceTabs.details,(0,Y.jsx)(Fe,{className:`size-3.5`,"aria-hidden":!0})]})}),(0,Y.jsx)(g,{children:(0,Y.jsx)(ae,{align:`end`,sideOffset:6,className:`z-[70] w-48 rounded-xl border border-edge bg-surface-panel p-1.5 shadow-float`,children:hi.map(e=>{let t=e.icon,n=e.id===`work-items`?m.workItems.tab:m.tabs[e.id];return(0,Y.jsx)(xe,{asChild:!0,children:(0,Y.jsxs)(`button`,{type:`button`,className:s(`flex w-full items-center gap-2 rounded-lg px-2.5 py-2 text-left text-sm hover:bg-surface-hover`,$===e.id?`bg-accent-soft text-accent-fg`:`text-fg-muted`),onClick:()=>hr(e.id),children:[(0,Y.jsx)(t,{className:`size-4`,"aria-hidden":!0}),(0,Y.jsx)(`span`,{children:n})]})},e.id)})})})]})]}),cr?(0,Y.jsx)(`p`,{className:`mt-3 shrink-0 rounded-lg border border-red-500/30 bg-red-500/10 px-3 py-2 text-sm text-red-700 dark:text-red-300`,children:cr}):null,(0,Y.jsxs)(`div`,{className:s(`mt-3 min-h-0 flex-1`,$===`work-items`?`-mx-3 -mb-3 overflow-hidden sm:-mx-5 sm:-mb-4 xl:-mx-6`:$===`overview`?`overflow-y-auto pr-1 [scrollbar-gutter:stable] xl:overflow-hidden xl:pr-0`:`overflow-y-auto pr-1 [scrollbar-gutter:stable]`),children:[$===`overview`?(0,Y.jsxs)(`section`,{id:`project-panel-overview`,role:`tabpanel`,"aria-labelledby":`project-surface-tab-overview`,className:`grid min-h-full gap-4 xl:h-full xl:min-h-0 xl:grid-cols-[minmax(0,1fr)_20rem] xl:overflow-hidden`,children:[(0,Y.jsxs)(`div`,{className:`grid min-w-0 content-start gap-4 xl:min-h-0 xl:overflow-y-auto xl:pr-1 xl:[scrollbar-gutter:stable]`,children:[(0,Y.jsx)(`div`,{className:`min-w-0 rounded-lg bg-surface-panel p-4 shadow-surface`,children:(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-start justify-between gap-3`,children:[(0,Y.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,Y.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:m.overview.directionTitle}),(0,Y.jsx)(`p`,{className:`mt-1 max-w-3xl text-sm leading-6 text-fg-muted`,children:O?.digest?.summary||O?.recommendedAction||S.description||S.brief||m.overview.directionFallback}),O?.digest?.nextAction?(0,Y.jsx)(`p`,{className:`mt-2 max-w-3xl text-sm font-medium leading-6 text-fg`,children:on(m.overview.recommendedNext,{action:O.digest.nextAction})}):null]}),(0,Y.jsx)(`div`,{className:`flex shrink-0 flex-wrap gap-2`,children:(0,Y.jsxs)(G,{type:`button`,variant:`secondary`,onClick:()=>void qr(),disabled:jt,children:[(0,Y.jsx)(nt,{className:`size-4`,"aria-hidden":!0}),jt?m.overview.savingDigest:m.overview.saveDigest]})})]})}),(0,Y.jsxs)(`div`,{className:`min-w-0 rounded-lg bg-surface-panel shadow-surface`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center justify-between gap-3 border-b border-edge px-4 py-3`,children:[(0,Y.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:m.overview.nextActions}),(0,Y.jsxs)(G,{type:`button`,variant:`ghost`,className:`h-8 rounded-lg px-2 py-1 text-xs`,onClick:()=>sr(!0),children:[(0,Y.jsx)(Ye,{className:`size-4`,"aria-hidden":!0}),m.overview.goal]})]}),(0,Y.jsx)(`div`,{className:`divide-y divide-edge`,children:O?.nextActions.length?O.nextActions.map(e=>(0,Y.jsxs)(a,{to:_r(e.goalId),onClick:br(`goals`),className:`block px-4 py-3 hover:bg-surface-hover`,children:[(0,Y.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-3`,children:[(0,Y.jsx)(`span`,{className:`min-w-0 truncate text-sm font-medium text-fg`,children:e.title}),(0,Y.jsx)(`span`,{className:s(`shrink-0 rounded-full px-2 py-0.5 text-xs font-medium`,cn(e.status)),children:ei(e.status)})]}),(0,Y.jsx)(`p`,{className:`mt-1 line-clamp-2 text-sm leading-5 text-fg-muted`,children:e.nextAction})]},e.goalId)):(0,Y.jsx)(`div`,{className:`px-4 py-6 text-sm text-fg-muted`,children:m.overview.noNextActions})})]})]}),(0,Y.jsxs)(`aside`,{className:`grid min-w-0 content-start gap-4 xl:min-h-0 xl:overflow-y-auto xl:pr-1 xl:[scrollbar-gutter:stable]`,children:[(0,Y.jsxs)(`div`,{className:`min-w-0 rounded-lg bg-surface-panel p-4 shadow-surface`,children:[(0,Y.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:m.overview.attention}),$r.length?(0,Y.jsx)(`div`,{className:`mt-3 grid gap-3`,children:$r.map(e=>{let t=(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,Y.jsx)(l,{className:`size-4 text-amber-600 dark:text-amber-300`,"aria-hidden":!0}),(0,Y.jsx)(`span`,{className:`min-w-0 truncate text-sm font-medium text-fg`,children:e.title})]}),(0,Y.jsxs)(`p`,{className:`mt-1 line-clamp-2 text-xs leading-5 text-fg-muted`,children:[m.overview.attentionKinds[e.kind]??e.kind,e.detail?` · ${e.detail}`:e.status?` · ${ei(e.status)}`:``]})]});return e.href?(0,Y.jsx)(a,{to:e.href,onClick:br(xr(e.href)),className:`min-w-0 rounded-md bg-surface-base p-3 hover:bg-surface-hover`,children:t},e.id):(0,Y.jsx)(`div`,{className:`min-w-0 rounded-md bg-surface-base p-3`,children:t},e.id)})}):(0,Y.jsx)(`p`,{className:`mt-2 text-sm text-fg-muted`,children:m.overview.noBlockedGoals}),(0,Y.jsxs)(`form`,{onSubmit:Pr,className:`mt-4 flex gap-2 border-t border-edge pt-4`,children:[(0,Y.jsx)(`input`,{className:`min-h-9 min-w-0 flex-1 rounded-md border border-edge bg-surface-base px-3 text-sm text-fg outline-none focus:border-accent`,value:dr.title,onChange:e=>fr(t=>({...t,title:e.target.value})),placeholder:m.overview.blockerTitlePlaceholder}),(0,Y.jsx)(G,{type:`submit`,variant:`secondary`,className:`shrink-0 rounded-lg px-3`,disabled:ir||!dr.title.trim(),"aria-label":ir?m.overview.addingBlocker:m.overview.addBlocker,title:ir?m.overview.addingBlocker:m.overview.addBlocker,children:(0,Y.jsx)(Ye,{className:`size-4`,"aria-hidden":!0})})]})]}),(0,Y.jsxs)(`div`,{className:`min-w-0 rounded-lg bg-surface-panel shadow-surface`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center justify-between gap-3 border-b border-edge px-4 py-3`,children:[(0,Y.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,Y.jsx)(ce,{className:`size-4 shrink-0 text-fg-muted`,"aria-hidden":!0}),(0,Y.jsx)(`h2`,{className:`min-w-0 truncate text-sm font-semibold text-fg`,children:m.overview.recentSessions})]}),(0,Y.jsx)(`button`,{type:`button`,className:`shrink-0 text-xs font-medium text-accent-fg hover:underline`,onClick:()=>hr(`sessions`),children:m.common.viewAll})]}),(0,Y.jsx)(`div`,{className:`divide-y divide-edge`,children:Qr.length?Qr.map(e=>(0,Y.jsxs)(a,{to:`/chat/${encodeURIComponent(e.key)}`,onClick:br(`sessions`),className:`block px-4 py-3 hover:bg-surface-hover`,children:[(0,Y.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-3`,children:[(0,Y.jsx)(`span`,{className:`min-w-0 truncate text-sm font-medium text-fg`,children:e.name||e.key}),(0,Y.jsx)(`span`,{className:`shrink-0 text-xs text-fg-subtle`,children:sn(e.updatedAt)})]}),(0,Y.jsx)(`p`,{className:`mt-1 truncate text-xs text-fg-muted`,children:e.agentId||m.common.agent})]},e.key)):(0,Y.jsx)(`div`,{className:`px-4 py-6 text-sm text-fg-muted`,children:m.overview.noSessions})})]})]})]}):null,$===`work-items`?(0,Y.jsxs)(`section`,{className:`flex h-full min-h-0 flex-col`,role:`tabpanel`,"aria-labelledby":`project-surface-tab-work`,children:[(0,Y.jsxs)(`div`,{className:`mb-3 flex shrink-0 flex-wrap items-center justify-between gap-2 rounded-xl border border-edge-subtle bg-surface-panel px-3 py-2`,children:[(0,Y.jsx)(`p`,{className:`text-xs text-fg-muted`,children:m.surfaceTabs.workHint}),(0,Y.jsx)(`div`,{className:`flex flex-wrap gap-1`,children:[`goals`,`workflows`,`automations`].map(e=>(0,Y.jsx)(G,{type:`button`,variant:`ghost`,className:`h-7 rounded-md px-2 text-xs`,onClick:()=>hr(e),children:m.tabs[e]},e))})]}),(0,Y.jsx)(`div`,{className:`min-h-0 flex-1 overflow-hidden`,children:(0,Y.jsx)(Kt,{projectId:S.id,createRequestKey:Xn})})]}):null,$===`workflows`?(0,Y.jsxs)(`section`,{id:`project-panel-workflows`,role:`tabpanel`,"aria-labelledby":`project-surface-tab-work`,className:`grid h-full min-h-[28rem] gap-4 xl:grid-cols-[minmax(0,1fr)_22rem]`,children:[(0,Y.jsx)(`div`,{className:`min-h-0`,children:(0,Y.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col overflow-hidden rounded-lg bg-surface-panel shadow-surface`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 border-b border-edge px-4 py-3`,children:[(0,Y.jsxs)(`div`,{children:[(0,Y.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:m.workflows.runsTitle}),(0,Y.jsx)(`p`,{className:`text-xs text-fg-muted`,children:m.workflows.runsHint})]}),(0,Y.jsxs)(G,{type:`button`,variant:`secondary`,className:`h-9 rounded-lg`,onClick:()=>void Sr(),disabled:Qn,children:[(0,Y.jsx)(Ee,{className:`size-4`,"aria-hidden":!0}),m.common.refresh]})]}),(0,Y.jsx)(`div`,{className:`min-h-0 flex-1 divide-y divide-edge overflow-y-auto`,children:Qn&&U.length===0?(0,Y.jsx)(`div`,{className:`px-4 py-6 text-sm text-fg-muted`,children:m.workflows.loadingRuns}):U.length?U.map(e=>{let t=e.status===`queued`||e.status===`running`,n=e.status===`failed`||e.status===`timeout`||e.status===`cancelled`;return(0,Y.jsxs)(`div`,{className:`grid gap-2 px-4 py-3 hover:bg-surface-hover`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,Y.jsx)(`button`,{type:`button`,className:`min-w-0 truncate text-left text-sm font-medium text-fg hover:text-accent-fg`,onClick:()=>yr(`workflows`,oe(e.id,{ownerAgentId:X||e.metadata?.agentId||S.defaultAgentId})),children:e.title||e.definitionId}),(0,Y.jsx)(`span`,{className:s(`shrink-0 rounded-full px-2 py-0.5 text-xs font-medium`,ln(e.status)),children:ei(e.status)})]}),(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[(0,Y.jsx)(`span`,{className:`truncate text-xs text-fg-muted`,children:on(m.workflows.runMeta,{definitionId:e.definitionId,done:e.metrics.doneAgentCount,total:e.metrics.agentCount,time:sn(e.createdAtMs)})}),(0,Y.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,Y.jsx)(G,{type:`button`,variant:`ghost`,className:`h-8 rounded-lg px-2 py-1 text-xs`,onClick:()=>yr(`workflows`,oe(e.id,{ownerAgentId:X||e.metadata?.agentId||S.defaultAgentId})),children:m.common.open}),n?(0,Y.jsxs)(G,{type:`button`,variant:`ghost`,className:`h-8 rounded-lg px-2 py-1 text-xs`,disabled:er===`retry:${e.id}`,onClick:()=>void Fr(e),children:[(0,Y.jsx)(Ee,{className:`size-3.5`,"aria-hidden":!0}),m.common.retry]}):null,t?(0,Y.jsxs)(G,{type:`button`,variant:`ghost`,className:`h-8 rounded-lg px-2 py-1 text-xs`,disabled:er===`cancel:${e.id}`,onClick:()=>void Ir(e),children:[(0,Y.jsx)(pe,{className:`size-3.5`,"aria-hidden":!0}),m.common.cancel]}):null]})]})]},e.id)}):(0,Y.jsx)(`div`,{className:`px-4 py-6 text-sm text-fg-muted`,children:m.workflows.emptyRuns})})]})}),(0,Y.jsx)(`aside`,{className:`min-h-0`,children:(0,Y.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col overflow-hidden rounded-lg bg-surface-panel shadow-surface`,children:[(0,Y.jsxs)(`div`,{className:`shrink-0 border-b border-edge px-4 py-3`,children:[(0,Y.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:m.workflows.startTitle}),(0,Y.jsx)(`p`,{className:`mt-1 text-xs text-fg-muted`,children:m.workflows.startHint})]}),(0,Y.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto p-3`,children:(0,Y.jsx)(`div`,{className:`grid gap-2`,children:je.length?je.map(e=>(0,Y.jsxs)(`button`,{type:`button`,className:`grid gap-1 rounded-md bg-surface-base p-3 text-left hover:bg-surface-hover focus:outline-none focus:ring-2 focus:ring-accent/30`,onClick:()=>r(`/workflows/${e.id}?projectId=${encodeURIComponent(S.id)}${X?`&agentId=${encodeURIComponent(X)}`:``}`),children:[(0,Y.jsxs)(`span`,{className:`flex items-center gap-2 text-sm font-medium text-fg`,children:[(0,Y.jsx)(Le,{className:`size-4 text-accent-fg`,"aria-hidden":!0}),(0,Y.jsx)(`span`,{className:`min-w-0 truncate`,children:e.title})]}),(0,Y.jsx)(`span`,{className:`line-clamp-2 text-xs leading-5 text-fg-muted`,children:e.description||e.metadata.whenToUse||e.name})]},e.id)):(0,Y.jsx)(`div`,{className:`px-1 py-3 text-sm text-fg-muted`,children:m.workflows.emptyDefinitions})})})]})})]}):null,$===`automations`?(0,Y.jsxs)(`section`,{id:`project-panel-automations`,role:`tabpanel`,"aria-labelledby":`project-surface-tab-work`,className:`grid h-full min-h-[28rem] overflow-hidden gap-4 xl:grid-cols-[minmax(0,1fr)_22rem]`,children:[(0,Y.jsxs)(`div`,{className:`flex min-h-0 min-w-0 flex-col overflow-hidden rounded-lg bg-surface-panel shadow-surface`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 border-b border-edge px-4 py-3`,children:[(0,Y.jsxs)(`div`,{children:[(0,Y.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:m.automations.title}),(0,Y.jsx)(`p`,{className:`text-xs text-fg-muted`,children:m.automations.hint})]}),(0,Y.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,Y.jsxs)(G,{type:`button`,variant:`secondary`,className:`h-9 rounded-lg`,onClick:()=>void Cr(),disabled:rt,children:[(0,Y.jsx)(Ee,{className:`size-4`,"aria-hidden":!0}),m.common.refresh]}),(0,Y.jsxs)(G,{type:`button`,variant:`primary`,className:`h-9 rounded-lg`,onClick:()=>yr(`automations`,`/automations?projectId=${encodeURIComponent(S.id)}&action=create`),children:[(0,Y.jsx)(Ye,{className:`size-4`,"aria-hidden":!0}),m.common.new]})]})]}),(0,Y.jsx)(`div`,{className:`min-h-0 flex-1 divide-y divide-edge overflow-y-auto`,children:rt&&Je.length===0?(0,Y.jsx)(`div`,{className:`px-4 py-6 text-sm text-fg-muted`,children:m.automations.loading}):Je.length?Je.map(e=>{let t=K.find(t=>t.automationId===e.id),n=e.state.runningRunId?K.find(t=>t.id===e.state.runningRunId):null;return(0,Y.jsxs)(`div`,{className:`grid gap-2 px-4 py-3 hover:bg-surface-hover`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,Y.jsx)(`button`,{type:`button`,className:`min-w-0 truncate text-left text-sm font-medium text-fg hover:text-accent-fg`,onClick:()=>yr(`automations`,`/automations?automation=${encodeURIComponent(e.id)}`),children:e.name}),(0,Y.jsx)(`span`,{className:s(`shrink-0 rounded-full px-2 py-0.5 text-xs font-medium`,e.enabled?`bg-emerald-500/10 text-emerald-700 dark:text-emerald-300`:`bg-surface-hover text-fg-muted`),children:e.enabled?m.automations.enabled:m.automations.paused})]}),(0,Y.jsx)(`p`,{className:`line-clamp-2 text-sm leading-5 text-fg-muted`,children:e.description||e.action.kind}),(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[(0,Y.jsx)(`span`,{className:`truncate text-xs text-fg-muted`,children:on(m.common.lastRun,{trigger:e.trigger.kind,action:e.action.kind,time:t?sn(t.createdAtMs):m.common.never})}),(0,Y.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,Y.jsxs)(G,{type:`button`,variant:`ghost`,className:`h-8 rounded-lg px-2 py-1 text-xs`,disabled:mt===`run:${e.id}`||!!n,onClick:()=>void Tr(e),children:[(0,Y.jsx)(Le,{className:`size-3.5`,"aria-hidden":!0}),m.automations.run]}),(0,Y.jsxs)(G,{type:`button`,variant:`ghost`,className:`h-8 rounded-lg px-2 py-1 text-xs`,disabled:mt===`toggle:${e.id}`,onClick:()=>void Er(e),children:[e.enabled?(0,Y.jsx)(le,{className:`size-3.5`,"aria-hidden":!0}):(0,Y.jsx)(Le,{className:`size-3.5`,"aria-hidden":!0}),e.enabled?m.automations.pause:m.automations.resume]})]})]})]},e.id)}):(0,Y.jsxs)(`div`,{className:`grid gap-3 px-4 py-6 text-sm text-fg-muted`,children:[(0,Y.jsx)(`p`,{children:m.automations.empty}),(0,Y.jsx)(`div`,{children:(0,Y.jsxs)(G,{type:`button`,variant:`secondary`,className:`rounded-lg`,onClick:()=>yr(`automations`,`/automations?projectId=${encodeURIComponent(S.id)}&action=create`),children:[(0,Y.jsx)(Se,{className:`size-4`,"aria-hidden":!0}),m.automations.create]})})]})})]}),(0,Y.jsxs)(`aside`,{className:`grid min-h-0 min-w-0 content-start gap-4 overflow-y-auto pr-1 [scrollbar-gutter:stable]`,children:[(0,Y.jsxs)(`div`,{className:`rounded-lg bg-surface-panel shadow-surface`,children:[(0,Y.jsx)(`div`,{className:`border-b border-edge px-4 py-3`,children:(0,Y.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:m.automations.recentRuns})}),(0,Y.jsx)(`div`,{className:`divide-y divide-edge`,children:K.length?K.slice(0,8).map(e=>(0,Y.jsxs)(`div`,{className:`px-4 py-3`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,Y.jsx)(`span`,{className:`min-w-0 truncate text-sm font-medium text-fg`,children:e.automationName}),(0,Y.jsx)(`span`,{className:s(`shrink-0 rounded-full px-2 py-0.5 text-xs font-medium`,ln(e.status)),children:ei(e.status)})]}),(0,Y.jsx)(`p`,{className:`mt-1 truncate text-xs text-fg-muted`,children:sn(e.createdAtMs)})]},e.id)):(0,Y.jsx)(`div`,{className:`px-4 py-6 text-sm text-fg-muted`,children:m.automations.emptyRuns})})]}),(0,Y.jsxs)(`div`,{className:`rounded-lg bg-surface-panel p-4 shadow-surface`,children:[(0,Y.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:m.automations.contextTitle}),(0,Y.jsx)(`p`,{className:`mt-2 text-sm leading-6 text-fg-muted`,children:m.automations.contextHint}),(0,Y.jsx)(`p`,{className:`mt-3 break-all text-xs text-fg-subtle`,children:S.workspaceRoot||S.effectiveWorkspaceRoot||m.common.defaultWorkspace})]})]})]}):null,$===`notes`?(0,Y.jsx)(`section`,{id:`project-panel-notes`,role:`tabpanel`,"aria-labelledby":`project-surface-tab-context`,className:`flex h-full min-h-[28rem] overflow-hidden rounded-lg bg-surface-panel shadow-surface`,children:(0,Y.jsx)(_t,{selectedNoteId:n,basePath:`/projects/${encodeURIComponent(S.id)}/notes`,showLibrary:!1,allowMediaCapture:!1,listTag:`project:${S.id}`,captureTags:[`project:${S.id}`,S.slug],listTitle:m.notes.title,listDescription:m.notes.hint,emptyText:m.notes.emptyTitle,emptyDescription:m.notes.emptyDescription,listWidthStorageKey:`xopc.projectNotes.listWidth.${S.id}`})}):null,$===`files`?(0,Y.jsxs)(`section`,{id:`project-panel-files`,role:`tabpanel`,"aria-labelledby":`project-surface-tab-context`,className:`flex h-full min-h-[28rem] flex-col gap-3`,children:[(0,Y.jsxs)(`div`,{className:`flex shrink-0 flex-wrap items-start justify-between gap-3 rounded-xl border border-edge-subtle bg-surface-panel px-4 py-3`,children:[(0,Y.jsxs)(`div`,{className:`min-w-0 max-w-3xl`,children:[(0,Y.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:m.surfaceTabs.contextTitle}),(0,Y.jsx)(`p`,{className:`mt-1 line-clamp-2 text-xs leading-5 text-fg-muted`,children:S.brief||S.instructions||S.description||m.surfaceTabs.contextFallback})]}),(0,Y.jsx)(`div`,{className:`flex shrink-0 flex-wrap gap-1`,children:[`sessions`,`notes`,`settings`].map(e=>(0,Y.jsx)(G,{type:`button`,variant:`ghost`,className:`h-7 rounded-md px-2 text-xs`,onClick:()=>hr(e),children:m.tabs[e]},e))})]}),(0,Y.jsx)(`div`,{className:`flex min-h-0 flex-1 flex-col overflow-hidden rounded-lg bg-surface-panel shadow-surface`,children:S.effectiveWorkspaceRoot?(0,Y.jsxs)(`div`,{"data-project-files-grid":!0,className:s(`grid min-h-0 flex-1 grid-cols-1 overflow-hidden lg:grid-cols-[var(--project-files-panel-width)_6px_minmax(0,1fr)]`,Bt&&`cursor-col-resize select-none`),style:{"--project-files-panel-width":`${Rt}px`},children:[(0,Y.jsxs)(`aside`,{className:`flex min-h-0 flex-col border-b border-edge lg:border-b-0 lg:border-r`,children:[(0,Y.jsxs)(`div`,{className:`flex h-11 items-center gap-1 border-b border-edge bg-surface-muted/50 px-3 text-sm`,children:[(0,Y.jsx)(B,{workspacePath:di}),(0,Y.jsxs)(`div`,{className:`ml-auto flex shrink-0 items-center gap-1`,children:[(0,Y.jsx)(`button`,{type:`button`,className:s(`inline-flex size-7 shrink-0 items-center justify-center rounded-md text-fg-muted hover:bg-surface-hover hover:text-fg`,Ht&&`bg-surface-hover text-fg`),onClick:()=>Ut(!0),"aria-label":m.files.search,title:m.files.search,"aria-pressed":Ht,children:(0,Y.jsx)(Ne,{className:`size-3.5`,"aria-hidden":!0})}),(0,Y.jsx)(Qe,{className:`size-7 shrink-0 rounded-md p-0`,loading:mn,label:c.cron.refresh,onClick:()=>void Dr()})]})]}),Ht?(0,Y.jsx)(`div`,{className:`shrink-0 border-b border-edge bg-surface-muted/40 px-3 py-2`,children:(0,Y.jsxs)(`div`,{className:`flex h-8 items-center gap-2 rounded-md border border-edge bg-surface-panel px-2 focus-within:border-accent focus-within:ring-2 focus-within:ring-accent/20`,children:[(0,Y.jsx)(Ne,{className:`size-3.5 shrink-0 text-fg-subtle`,"aria-hidden":!0}),(0,Y.jsx)(`input`,{type:`text`,role:`searchbox`,value:Wt,onChange:e=>Gt(e.target.value),placeholder:m.files.searchPlaceholder,"aria-label":m.files.searchPlaceholder,autoFocus:!0,className:`min-w-0 flex-1 bg-transparent text-xs text-fg outline-none placeholder:text-fg-subtle`}),(0,Y.jsx)(`button`,{type:`button`,className:`flex size-6 shrink-0 items-center justify-center rounded-md text-fg-muted hover:bg-surface-hover hover:text-fg`,"aria-label":m.files.clearSearch,title:m.files.clearSearch,onClick:()=>{Gt(``),Ut(!1)},children:(0,Y.jsx)(dt,{className:`size-3.5`,"aria-hidden":!0})})]})}):null,xn?(0,Y.jsx)(`div`,{className:`border-b border-edge bg-red-500/10 px-4 py-3 text-sm text-red-700 dark:text-red-300`,children:xn}):null,kr?(0,Y.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto py-2`,children:Xt?(0,Y.jsxs)(`div`,{className:`space-y-2 px-3 py-1`,children:[(0,Y.jsx)(Ue,{className:`h-11 w-full`}),(0,Y.jsx)(Ue,{className:`h-11 w-full`}),(0,Y.jsx)(Ue,{className:`h-11 w-full`})]}):Qt?(0,Y.jsxs)(`p`,{className:`px-3 py-2 text-xs text-red-600 dark:text-red-400`,children:[c.workspace.loadError,`: `,Qt]}):Jt.length===0?(0,Y.jsx)(`p`,{className:`px-3 py-2 text-xs text-fg-muted`,children:m.files.noSearchResults}):Jt.map(e=>(0,Y.jsxs)(`button`,{type:`button`,className:s(`flex w-full min-w-0 items-center gap-2 px-3 py-2 text-left hover:bg-surface-hover`,It===e.path&&`bg-accent-soft text-accent-fg`),onClick:()=>Lt(e.path),title:e.path,children:[(0,Y.jsx)(De,{className:`size-4 shrink-0 text-fg-muted`,"aria-hidden":!0}),(0,Y.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,Y.jsx)(`span`,{className:`block truncate text-sm text-fg`,children:e.name}),(0,Y.jsx)(`span`,{className:`block truncate text-xs text-fg-subtle`,children:e.path})]})]},e.path))}):mn&&Nt.length===0?(0,Y.jsx)(`div`,{className:`px-4 py-6 text-sm text-fg-muted`,children:m.files.loading}):(0,Y.jsx)(Te,{tree:Nt,selectedPath:It,onSelectFile:Jr,onSelectEntry:Yr,onExpandDir:e=>void Or(e),onAction:Xr,actionLabels:{preview:c.workspace.preview,download:c.workspace.download,copyPath:c.workspace.copyPath,openDefault:c.workspace.openSystemApp,openWith:c.workspace.openWith,revealInFolder:c.workspace.revealInFolder,recommendedApps:c.workspace.recommendedApps},emptyHint:m.files.emptyDirectory})]}),(0,Y.jsx)(`div`,{role:`separator`,"aria-orientation":`vertical`,"aria-label":m.files.resizeHandle,className:s(`hidden cursor-col-resize touch-none items-stretch justify-center bg-surface-panel transition-colors hover:bg-surface-hover lg:flex`,Bt&&`bg-surface-hover`),onPointerDown:Zr,children:(0,Y.jsx)(`div`,{className:`my-3 w-px rounded-full bg-edge-strong/70`})}),(0,Y.jsx)(`div`,{className:`min-h-0 min-w-0 overflow-hidden bg-surface-base`,children:It?(0,Y.jsx)(st,{filePath:It,projectId:S.id,onClose:()=>Lt(null)}):(0,Y.jsx)(`div`,{className:`flex h-full min-h-[18rem] items-center justify-center px-6 text-center`,children:(0,Y.jsxs)(`div`,{className:`max-w-sm`,children:[(0,Y.jsx)(W,{className:`mx-auto size-8 text-fg-subtle`,"aria-hidden":!0}),(0,Y.jsx)(`p`,{className:`mt-3 text-sm font-medium text-fg`,children:m.files.previewEmptyTitle}),(0,Y.jsx)(`p`,{className:`mt-1 text-sm leading-6 text-fg-muted`,children:m.files.previewEmptyDescription})]})})})]}):(0,Y.jsxs)(`div`,{className:`grid gap-3 px-4 py-8 text-sm text-fg-muted`,children:[(0,Y.jsx)(`p`,{children:m.files.needWorkspace}),(0,Y.jsx)(`div`,{children:(0,Y.jsx)(G,{type:`button`,variant:`secondary`,className:`rounded-lg`,onClick:()=>hr(`settings`),children:m.files.openSettings})})]})})]}):null,$===`sessions`?(0,Y.jsxs)(`section`,{id:`project-panel-sessions`,role:`tabpanel`,"aria-labelledby":`project-surface-tab-context`,className:`grid min-h-full content-start gap-3`,children:[ne.length?(0,Y.jsxs)(`label`,{className:`relative flex min-h-9 w-full max-w-lg cursor-text items-center rounded-lg bg-surface-panel py-1.5 pl-9 pr-9 shadow-surface`,children:[(0,Y.jsx)(Ne,{className:`pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-fg-disabled`,"aria-hidden":!0}),(0,Y.jsx)(`input`,{type:`search`,enterKeyHint:`search`,value:H,onChange:e=>ve(e.currentTarget.value),placeholder:m.sessions.searchPlaceholder,"aria-label":m.sessions.searchPlaceholder,className:`min-w-0 flex-1 appearance-none border-0 bg-transparent py-0.5 text-sm leading-normal text-fg caret-current placeholder:text-fg-disabled focus:border-0 focus:shadow-none focus:outline-none focus:ring-0 focus-visible:outline-none`}),H?(0,Y.jsx)(`button`,{type:`button`,className:`absolute right-2 top-1/2 inline-flex size-6 -translate-y-1/2 items-center justify-center rounded-md text-fg-muted hover:bg-surface-hover hover:text-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/40`,"aria-label":m.sessions.clearSearch,onClick:()=>ve(``),children:(0,Y.jsx)(dt,{className:`size-3.5`,"aria-hidden":!0})}):null]}):null,ri.length?(0,Y.jsx)(`div`,{className:`grid gap-3 sm:grid-cols-2 xl:grid-cols-3`,children:ri.map(e=>{let t=sn(e.updatedAt),n=e.routing?.agentId||e.agentId||m.common.agent,r=bn(e),i=e.name?.trim()||m.sessions.fallbackTitle,o=ti(e.messageCount??0);return(0,Y.jsxs)(a,{to:`/chat/${encodeURIComponent(e.key)}`,onClick:br(`sessions`),className:`group flex min-h-[8.75rem] min-w-0 flex-col rounded-lg bg-surface-panel p-4 shadow-surface transition-colors hover:bg-surface-hover/45 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/40`,children:[(0,Y.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[(0,Y.jsx)(`span`,{className:`mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-lg bg-surface-base text-fg-muted`,children:(0,Y.jsx)(L,{className:`size-4`,"aria-hidden":!0})}),(0,Y.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,Y.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,Y.jsx)(`h3`,{className:`min-w-0 flex-1 truncate text-sm font-semibold text-fg`,children:i}),r?(0,Y.jsx)(`span`,{className:`shrink-0 rounded-md bg-surface-base px-2 py-0.5 text-[11px] font-medium leading-5 text-fg-muted`,children:r}):null]})})]}),(0,Y.jsxs)(`div`,{className:`mt-auto grid gap-2 pt-4 text-xs text-fg-muted`,children:[(0,Y.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-2`,children:[(0,Y.jsxs)(`span`,{className:`min-w-0 max-w-full truncate rounded-md bg-surface-base px-2 py-1`,children:[m.sessions.agent,`: `,n]}),(0,Y.jsx)(`span`,{className:`rounded-md bg-surface-base px-2 py-1`,children:o})]}),t?(0,Y.jsxs)(`span`,{className:`truncate rounded-md bg-surface-base px-2 py-1`,children:[m.sessions.updated,`: `,t]}):null]})]},e.key)})}):ii?(0,Y.jsx)(`div`,{className:`grid gap-1 rounded-lg bg-surface-panel px-4 py-8 text-center shadow-surface`,children:(0,Y.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:m.sessions.noMatches})}):(0,Y.jsx)(`div`,{className:`grid gap-1 rounded-lg bg-surface-panel px-4 py-8 text-center shadow-surface`,children:(0,Y.jsxs)(`div`,{children:[(0,Y.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:m.sessions.emptyTitle}),(0,Y.jsx)(`p`,{className:`mx-auto mt-1 max-w-md text-sm leading-6 text-fg-muted`,children:m.sessions.emptyDescription})]})})]}):null,$===`goals`?(0,Y.jsxs)(`section`,{id:`project-panel-goals`,role:`tabpanel`,"aria-labelledby":`project-surface-tab-work`,className:`grid min-h-full content-start gap-3`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,Y.jsx)(`div`,{children:(0,Y.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:m.goals.title})}),(0,Y.jsxs)(G,{type:`button`,variant:`primary`,className:`h-9 rounded-lg px-3`,disabled:nr,onClick:()=>sr(!0),children:[(0,Y.jsx)(Ye,{className:`size-4`,"aria-hidden":!0}),m.goals.new]})]}),(0,Y.jsx)(`div`,{className:`overflow-hidden rounded-lg bg-surface-panel shadow-surface`,children:we.length?we.map(e=>(0,Y.jsxs)(a,{to:_r(e.id),onClick:br(`goals`),className:`grid gap-1 border-b border-edge px-4 py-3 last:border-b-0 hover:bg-surface-hover`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,Y.jsx)(`span`,{className:`min-w-0 truncate text-sm font-medium text-fg`,children:e.title}),(0,Y.jsx)(`span`,{className:s(`shrink-0 rounded-full px-2 py-0.5 text-xs font-medium`,cn(e.status)),children:ei(e.status)})]}),(0,Y.jsx)(`span`,{className:`truncate text-xs text-fg-muted`,children:e.nextAction||e.description||m.goals.noNextAction})]},e.id)):(0,Y.jsx)(`p`,{className:`p-4 text-sm text-fg-muted`,children:m.goals.empty})})]}):null,$===`activity`?(0,Y.jsxs)(`section`,{id:`project-panel-activity`,role:`tabpanel`,"aria-labelledby":`project-surface-tab-context`,className:`grid min-h-full content-start gap-3`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,Y.jsxs)(`div`,{children:[(0,Y.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:m.activity.title}),(0,Y.jsx)(`p`,{className:`mt-1 text-sm text-fg-muted`,children:on(m.activity.count,{count:Tt})})]}),(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,Y.jsxs)(`label`,{className:`inline-flex min-h-9 items-center gap-2 rounded-lg bg-surface-panel px-3 text-sm text-fg-muted shadow-surface`,children:[(0,Y.jsx)(`input`,{type:`checkbox`,checked:kt,onChange:e=>At(e.currentTarget.checked),className:`size-4 rounded border-edge text-accent focus:ring-accent/30`}),m.activity.includeRelated]}),(0,Y.jsxs)(G,{type:`button`,variant:`secondary`,className:`h-9 rounded-lg px-3`,onClick:()=>void wr(),disabled:Dt,children:[(0,Y.jsx)(Ee,{className:s(`size-4`,Dt&&`animate-spin`),"aria-hidden":!0}),m.common.refresh]})]})]}),(0,Y.jsx)(`div`,{className:`overflow-hidden rounded-lg bg-surface-panel shadow-surface`,children:Dt&&Ct.length===0?(0,Y.jsx)(`div`,{className:`px-4 py-8 text-sm text-fg-muted`,children:m.activity.loading}):Ct.length?(0,Y.jsx)(`div`,{className:`divide-y divide-edge`,children:Ct.map(e=>{let t=m.activity.types[e.type]??e.type,n=m.activity.objectKinds[e.primaryObject.kind]??e.primaryObject.kind,r=Sn(e),i=e.relatedProjects.length>0&&!e.scopes.some(e=>e.scopeKind===`project`&&e.scopeId===S.id);return(0,Y.jsxs)(`article`,{className:`grid gap-2 px-4 py-3`,children:[(0,Y.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-start justify-between gap-3`,children:[(0,Y.jsxs)(`div`,{className:`min-w-0`,children:[(0,Y.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-2`,children:[(0,Y.jsx)(`span`,{className:`min-w-0 truncate text-sm font-medium text-fg`,children:t}),i?(0,Y.jsx)(`span`,{className:`rounded-full bg-surface-muted px-2 py-0.5 text-xs font-medium text-fg-muted`,children:m.activity.related}):null]}),(0,Y.jsxs)(`p`,{className:`mt-1 min-w-0 truncate text-sm text-fg-muted`,children:[n,`: `,vn(e)]})]}),(0,Y.jsx)(`time`,{className:`shrink-0 text-xs text-fg-subtle`,dateTime:new Date(e.createdAt).toISOString(),children:sn(e.createdAt)})]}),r?(0,Y.jsx)(`p`,{className:`line-clamp-2 text-sm leading-5 text-fg-muted`,children:r}):null,(0,Y.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-2 text-xs text-fg-subtle`,children:[(0,Y.jsxs)(`span`,{className:`rounded-md bg-surface-base px-2 py-1`,children:[m.activity.actor,`: `,_n(e)]}),(0,Y.jsxs)(`span`,{className:`max-w-full truncate rounded-md bg-surface-base px-2 py-1`,children:[m.activity.source,`: `,yn(e)]})]})]},e.id)})}):(0,Y.jsx)(`div`,{className:`px-4 py-8 text-sm text-fg-muted`,children:m.activity.empty})})]}):null,$===`settings`?(0,Y.jsxs)(`form`,{id:`project-panel-settings`,role:`tabpanel`,"aria-labelledby":`project-surface-tab-context`,onSubmit:Vr,className:`grid min-h-full content-start gap-4`,children:[(0,Y.jsxs)(`section`,{className:`grid gap-3 rounded-lg bg-surface-panel p-4 shadow-surface`,children:[(0,Y.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-3`,children:[(0,Y.jsxs)(`div`,{className:`min-w-0`,children:[(0,Y.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:m.settings.contextTitle}),(0,Y.jsx)(`p`,{className:`mt-1 text-sm leading-6 text-fg-muted`,children:m.settings.contextHint})]}),(0,Y.jsx)(`span`,{className:s(`shrink-0 rounded-full px-2 py-0.5 text-xs font-medium`,cn(Q.status)),children:m.settings.statuses[Q.status]})]}),(0,Y.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-2 xl:grid-cols-5`,children:[(0,Y.jsx)(fn,{label:m.settings.workspaceRoot,value:di,mono:!0}),(0,Y.jsx)(fn,{label:m.settings.defaultAgent,value:ai}),(0,Y.jsx)(fn,{label:m.settings.pinState,value:li?m.settings.pinned:m.settings.notPinned}),(0,Y.jsx)(fn,{label:m.settings.createdAt,value:sn(S.createdAt)||m.common.never}),(0,Y.jsx)(fn,{label:m.settings.updatedAt,value:sn(S.updatedAt)||m.common.never})]})]}),(0,Y.jsxs)(`section`,{className:`grid gap-4 rounded-lg bg-surface-panel p-4 shadow-surface`,children:[(0,Y.jsx)(`div`,{children:(0,Y.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:m.settings.detailsTitle})}),(0,Y.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,Y.jsx)(un,{label:m.settings.name,children:(0,Y.jsx)(`input`,{className:dn(),value:Q.name,onChange:e=>pr(t=>({...t,name:e.target.value}))})}),(0,Y.jsx)(un,{label:m.settings.defaultAgent,children:(0,Y.jsxs)(he,{className:dn(),value:Q.defaultAgentId,onChange:e=>pr(t=>({...t,defaultAgentId:e.target.value})),children:[(0,Y.jsx)(M,{value:``,children:m.settings.globalDefaultAgent}),Dn.map(e=>(0,Y.jsx)(M,{value:e.id,children:k(e,c.agentsSettings)},e.id))]})}),(0,Y.jsx)(un,{label:m.settings.status,children:ci?(0,Y.jsx)(`div`,{className:`grid min-h-10 content-center rounded-md border border-edge bg-surface-muted px-3 text-sm text-fg-muted`,children:m.settings.statuses.archived}):(0,Y.jsxs)(he,{className:dn(),value:Q.status===`archived`?`active`:Q.status,onChange:e=>pr(t=>({...t,status:e.target.value})),children:[(0,Y.jsx)(M,{value:`active`,children:m.settings.statuses.active}),(0,Y.jsx)(M,{value:`paused`,children:m.settings.statuses.paused})]})}),(0,Y.jsx)(un,{label:m.settings.description,hint:m.settings.descriptionHint,children:(0,Y.jsx)(`textarea`,{className:dn(!0),value:Q.description,onChange:e=>pr(t=>({...t,description:e.target.value}))})})]})]}),(0,Y.jsx)(`section`,{className:`grid gap-4 rounded-lg bg-surface-panel p-4 shadow-surface`,children:(0,Y.jsxs)(`div`,{className:`grid gap-2 text-sm`,children:[(0,Y.jsx)(`span`,{className:`font-medium text-fg-muted`,children:m.settings.workspaceRoot}),(0,Y.jsxs)(`div`,{className:`grid gap-3 rounded-md border border-edge bg-surface-base px-3 py-3`,children:[(0,Y.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-3 md:flex-row md:items-start md:justify-between`,children:[(0,Y.jsxs)(`div`,{className:`min-w-0`,children:[(0,Y.jsx)(`div`,{className:`flex flex-wrap items-center gap-2`,children:(0,Y.jsx)(`span`,{className:`rounded-md bg-surface-muted px-2 py-0.5 text-xs font-medium text-fg-muted`,children:ui?m.settings.workspaceModeFollow:m.settings.workspaceModeFixed})}),(0,Y.jsx)(`div`,{className:`mt-2 break-all font-mono text-xs leading-5 text-fg`,title:di,children:di})]}),(0,Y.jsxs)(`div`,{className:`flex shrink-0 flex-wrap gap-2`,children:[(0,Y.jsxs)(G,{type:`button`,variant:`ghost`,className:`rounded-lg`,onClick:()=>void gi(),children:[(0,Y.jsx)(R,{className:`size-4`,"aria-hidden":!0}),m.settings.copyWorkspacePath]}),(0,Y.jsx)(B,{workspacePath:di}),(0,Y.jsxs)(G,{type:`button`,variant:`ghost`,className:`rounded-lg`,onClick:Hr,children:[(0,Y.jsx)(Re,{className:`size-4`,"aria-hidden":!0}),m.settings.migrateWorkspace]})]})]}),(0,Y.jsx)(`p`,{className:`text-xs leading-5 text-fg-subtle`,children:m.settings.workspaceMigrationHint})]})]})}),(0,Y.jsxs)(`section`,{className:`grid gap-4 rounded-lg bg-surface-panel p-4 shadow-surface`,children:[(0,Y.jsxs)(`div`,{children:[(0,Y.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:m.settings.agentContextTitle}),(0,Y.jsx)(`p`,{className:`mt-1 text-sm leading-6 text-fg-muted`,children:m.settings.agentContextHint})]}),(0,Y.jsx)(un,{label:m.settings.brief,hint:m.settings.briefHint,children:(0,Y.jsx)(`textarea`,{className:dn(!0),value:Q.brief,onChange:e=>pr(t=>({...t,brief:e.target.value}))})}),(0,Y.jsx)(un,{label:m.settings.instructions,hint:m.settings.instructionsHint,children:(0,Y.jsx)(`textarea`,{className:dn(!0),value:Q.instructions,onChange:e=>pr(t=>({...t,instructions:e.target.value}))})})]}),(0,Y.jsxs)(`section`,{className:`grid gap-4 rounded-lg bg-surface-panel p-4 shadow-surface`,children:[(0,Y.jsxs)(`div`,{children:[(0,Y.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:m.settings.managementTitle}),(0,Y.jsx)(`p`,{className:`mt-1 text-sm leading-6 text-fg-muted`,children:m.settings.managementHint})]}),(0,Y.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:[(0,Y.jsxs)(`div`,{className:`grid gap-3 rounded-md border border-edge bg-surface-base px-3 py-3`,children:[(0,Y.jsxs)(`div`,{className:`min-w-0`,children:[(0,Y.jsx)(`h3`,{className:`text-sm font-medium text-fg`,children:li?m.settings.pinnedTitle:m.settings.pinTitle}),(0,Y.jsx)(`p`,{className:`mt-1 text-xs leading-5 text-fg-subtle`,children:m.settings.pinHint})]}),(0,Y.jsxs)(G,{type:`button`,variant:`ghost`,className:`w-fit rounded-lg`,disabled:Wn===`pin`,onClick:()=>void Wr(),children:[li?(0,Y.jsx)(ut,{className:`size-4`,"aria-hidden":!0}):(0,Y.jsx)(ht,{className:`size-4`,"aria-hidden":!0}),li?m.settings.unpinProject:m.settings.pinProject]})]}),(0,Y.jsxs)(`div`,{className:`grid gap-3 rounded-md border border-edge bg-surface-base px-3 py-3`,children:[(0,Y.jsxs)(`div`,{className:`min-w-0`,children:[(0,Y.jsx)(`h3`,{className:`text-sm font-medium text-fg`,children:ci?m.settings.restoreTitle:m.settings.archiveTitle}),(0,Y.jsx)(`p`,{className:`mt-1 text-xs leading-5 text-fg-subtle`,children:ci?m.settings.restoreHint:m.settings.archiveHint})]}),(0,Y.jsxs)(G,{type:`button`,variant:ci?`primary`:`ghost`,className:`w-fit rounded-lg`,disabled:Wn===`archive`,onClick:()=>void Gr(),children:[ci?(0,Y.jsx)(Ee,{className:`size-4`,"aria-hidden":!0}):(0,Y.jsx)(ft,{className:`size-4`,"aria-hidden":!0}),ci?m.settings.restoreProject:m.settings.archiveProject]})]})]})]}),(0,Y.jsxs)(`section`,{className:`grid gap-3 rounded-lg border border-red-500/20 bg-red-500/5 p-4`,children:[(0,Y.jsxs)(`div`,{children:[(0,Y.jsx)(`h2`,{className:`text-sm font-semibold text-red-700 dark:text-red-300`,children:m.settings.dangerTitle}),(0,Y.jsx)(`p`,{className:`mt-1 text-sm leading-6 text-red-700/80 dark:text-red-200/80`,children:m.settings.dangerHint})]}),(0,Y.jsxs)(G,{type:`button`,variant:`ghost`,className:`w-fit text-red-600 hover:bg-red-500/10 hover:text-red-700 focus-visible:ring-red-500 dark:text-red-400 dark:hover:text-red-300`,onClick:()=>Fn(!0),children:[(0,Y.jsx)(b,{className:`size-4`,"aria-hidden":!0}),m.settings.deleteConfirmAction]})]}),(0,Y.jsx)(`div`,{className:`flex flex-wrap justify-end gap-2 border-t border-edge pt-4`,children:(0,Y.jsxs)(G,{type:`submit`,variant:`primary`,disabled:Mn||!Q.name.trim(),children:[(0,Y.jsx)(nt,{className:`size-4`,"aria-hidden":!0}),m.common.save]})})]}):null]}),(0,Y.jsx)(ee,{open:Pn,onOpenChange:e=>{Kn||Fn(e)},children:(0,Y.jsxs)(z,{children:[(0,Y.jsx)(F,{className:`fixed inset-0 z-[80] bg-scrim backdrop-blur-[2px]`}),(0,Y.jsxs)(y,{className:`fixed left-1/2 top-1/2 z-[90] w-[min(28rem,calc(100vw-2rem))] -translate-x-1/2 -translate-y-1/2 rounded-xl border border-edge bg-surface-panel p-5 shadow-float focus:outline-none`,children:[(0,Y.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,Y.jsx)(`span`,{className:`mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-lg bg-red-500/10 text-red-600 dark:text-red-400`,children:(0,Y.jsx)(l,{className:`size-5`,strokeWidth:1.75,"aria-hidden":!0})}),(0,Y.jsxs)(`div`,{className:`min-w-0`,children:[(0,Y.jsx)(te,{className:`text-base font-semibold text-fg`,children:m.settings.deleteConfirmTitle}),(0,Y.jsx)(Ge,{className:`mt-1 text-sm leading-6 text-fg-muted`,children:S?on(m.settings.deleteConfirm,{name:S.name}):m.settings.deleteConfirmFallback})]})]}),(0,Y.jsxs)(`div`,{className:`mt-5 flex justify-end gap-2`,children:[(0,Y.jsx)(qe,{asChild:!0,children:(0,Y.jsx)(G,{type:`button`,variant:`ghost`,className:`rounded-lg`,disabled:Kn,children:m.common.cancel})}),(0,Y.jsxs)(G,{type:`button`,variant:`ghost`,className:`rounded-lg text-red-600 hover:bg-red-500/10 hover:text-red-700 focus-visible:ring-red-500 dark:text-red-400 dark:hover:text-red-300`,disabled:Kn||!S,onClick:()=>void Kr(),children:[(0,Y.jsx)(b,{className:`size-4`,"aria-hidden":!0}),m.settings.deleteConfirmAction]})]})]})]})}),(0,Y.jsx)(ee,{open:Rn,onOpenChange:e=>{Mn||zn(e)},children:(0,Y.jsxs)(z,{children:[(0,Y.jsx)(F,{className:`fixed inset-0 z-[80] bg-scrim backdrop-blur-[2px]`}),(0,Y.jsxs)(y,{className:`fixed left-1/2 top-1/2 z-[90] flex h-[min(34rem,calc(100vh-2rem))] w-[min(36rem,calc(100vw-2rem))] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-xl border border-edge bg-surface-panel shadow-float focus:outline-none`,children:[(0,Y.jsxs)(`div`,{className:`shrink-0 border-b border-edge px-5 py-4`,children:[(0,Y.jsx)(te,{className:`text-base font-semibold text-fg`,children:m.settings.workspaceMigrationTitle}),(0,Y.jsx)(Ge,{className:`mt-1 text-sm leading-6 text-fg-muted`,children:m.settings.workspaceMigrationDescription})]}),(0,Y.jsxs)(`div`,{className:`min-h-0 flex-1 space-y-4 overflow-y-auto px-5 py-4`,children:[(0,Y.jsxs)(`div`,{className:`grid gap-2 text-sm`,children:[(0,Y.jsx)(`span`,{className:`font-medium text-fg-muted`,children:m.settings.workspaceMode}),(0,Y.jsxs)(`div`,{className:`grid gap-2 md:grid-cols-2`,children:[(0,Y.jsxs)(`label`,{className:s(`flex min-h-10 items-start gap-2 rounded-md border px-3 py-2`,Bn===`fixed`?`border-accent bg-accent-soft/40 text-fg`:`border-edge bg-surface-base text-fg-muted`),children:[(0,Y.jsx)(`input`,{type:`radio`,className:`mt-0.5 size-4`,checked:Bn===`fixed`,onChange:()=>Vn(`fixed`),disabled:Mn}),(0,Y.jsxs)(`span`,{className:`min-w-0`,children:[(0,Y.jsx)(`span`,{className:`block font-medium`,children:m.settings.workspaceModeFixed}),(0,Y.jsx)(`span`,{className:`block text-xs leading-5 text-fg-subtle`,children:m.settings.workspaceMigrationFixedHint})]})]}),(0,Y.jsxs)(`label`,{className:s(`flex min-h-10 items-start gap-2 rounded-md border px-3 py-2`,Bn===`follow`?`border-accent bg-accent-soft/40 text-fg`:`border-edge bg-surface-base text-fg-muted`),children:[(0,Y.jsx)(`input`,{type:`radio`,className:`mt-0.5 size-4`,checked:Bn===`follow`,onChange:()=>Vn(`follow`),disabled:Mn}),(0,Y.jsxs)(`span`,{className:`min-w-0`,children:[(0,Y.jsx)(`span`,{className:`block font-medium`,children:m.settings.workspaceModeFollow}),(0,Y.jsx)(`span`,{className:`block text-xs leading-5 text-fg-subtle`,children:m.settings.workspaceHint})]})]})]})]}),Bn===`fixed`?(0,Y.jsx)(yt,{value:Hn,onChange:Un,disabled:Mn,wd:p,placeholder:m.settings.workspacePlaceholder,inputClassName:dn(),autoFocus:!0}):null,(0,Y.jsx)(`div`,{className:`rounded-lg border border-amber-500/30 bg-amber-500/10 px-3 py-2 text-sm leading-6 text-amber-800 dark:text-amber-200`,children:m.settings.workspaceMigrationImpact}),(0,Y.jsx)(`div`,{className:`rounded-lg bg-surface-muted px-3 py-2 text-xs leading-5 text-fg-subtle`,children:on(m.settings.workspaceCurrent,{workspace:fi})})]}),(0,Y.jsxs)(`div`,{className:`flex shrink-0 justify-end gap-2 border-t border-edge px-5 py-4`,children:[(0,Y.jsx)(qe,{asChild:!0,children:(0,Y.jsx)(G,{type:`button`,variant:`ghost`,className:`rounded-lg`,disabled:Mn,children:m.common.cancel})}),(0,Y.jsxs)(G,{type:`button`,variant:`primary`,className:`rounded-lg`,disabled:Mn||!pi,onClick:()=>void Ur(),children:[(0,Y.jsx)(Re,{className:`size-4`,"aria-hidden":!0}),m.settings.workspaceMigrationConfirm]})]})]})]})}),(0,Y.jsx)(ee,{open:!!In,onOpenChange:e=>{e||Ln(null)},children:(0,Y.jsxs)(z,{children:[(0,Y.jsx)(F,{className:`fixed inset-0 z-[80] bg-scrim backdrop-blur-[2px]`}),(0,Y.jsxs)(y,{className:`fixed left-1/2 top-1/2 z-[90] flex w-[min(30rem,calc(100vw-2rem))] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-xl border border-edge bg-surface-panel shadow-float focus:outline-none`,children:[(0,Y.jsxs)(`div`,{className:`border-b border-edge px-5 py-4`,children:[(0,Y.jsx)(te,{className:`text-base font-semibold text-fg`,children:m.settings.workspaceMissingTitle}),(0,Y.jsx)(Ge,{className:`mt-1 text-sm leading-6 text-fg-muted`,children:In?on(m.settings.workspaceMissingDescription,{workspace:In}):null})]}),In?(0,Y.jsx)(`div`,{className:`px-5 py-4`,children:(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 rounded-lg bg-surface-muted px-3 py-2 text-sm text-fg-muted`,children:[(0,Y.jsx)(W,{className:`size-4 shrink-0 text-fg-subtle`,"aria-hidden":!0}),(0,Y.jsx)(`span`,{className:`min-w-0 truncate`,children:In})]})}):null,(0,Y.jsxs)(`div`,{className:`flex justify-end gap-2 border-t border-edge px-5 py-4`,children:[(0,Y.jsx)(G,{type:`button`,variant:`ghost`,className:`rounded-lg`,onClick:_i,disabled:Mn,children:m.settings.workspaceMissingBack}),(0,Y.jsxs)(G,{type:`button`,variant:`primary`,className:`rounded-lg`,onClick:()=>void Ur({createWorkspaceRoot:!0}),disabled:Mn,children:[(0,Y.jsx)(Re,{className:`size-4`,"aria-hidden":!0}),m.settings.workspaceMissingCreate]})]})]})]})}),(0,Y.jsx)(St,{open:or,t:c.goalsPage,chat:c.chat,busy:nr,options:lr,onClose:()=>!nr&&sr(!1),onCreate:Nr})]})}export{En as ProjectDetailPage};

package/dist/gateway/static/root/assets/projects-page-C81dHQ5i.js

@@ -1 +0,0 @@
-import{i as e}from"./rolldown-runtime-aKtaBQYM.js";import{a as t,n,t as r}from"./vendor-react-BOUWij0V.js";import{l as i,t as a}from"./chunk-QUQL4437-DXsxWP7r.js";import{t as o}from"./cn-BQ_8x0bT.js";import{t as s}from"./check-BODqo66o.js";import{t as c}from"./circle-alert-RzVebuX2.js";import{t as l}from"./messages-BIsSVgW7.js";import{d as u,i as d,n as f}from"./locale-store-BP67jtYG.js";import{n as p}from"./activity-store-B5h0UGWn.js";import{Ao as m,As as h,El as g,Fc as _,Fo as v,Gc as y,Ha as b,Mo as x,No as S,Oo as C,Pa as w,Po as T,Ql as E,R as D,Rc as O,Ws as k,Xl as A,bu as j,ec as M,io as N,jo as ee,ko as te,ks as P,mc as ne,ms as F,mu as I,tl as L,tu as re,vl as R,vs as ie,zl as ae}from"./index-twNrYC3D.js";var z=n(),B=e(t(),1),V=r(),H=6,U={info:{Icon:L,className:`text-accent-fg bg-accent-soft`},success:{Icon:A,className:`text-success bg-success-soft`},warning:{Icon:P,className:`text-warning bg-warning-soft`},error:{Icon:c,className:`text-danger bg-danger-soft`}};function W(e,t){let n=Math.max(0,Math.round((Date.now()-e)/1e3));if(n<60)return t===`zh`?`刚刚`:`Just now`;let r=Math.round(n/60);if(r<60)return t===`zh`?`${r} 分钟前`:`${r}m ago`;let i=Math.round(r/60);if(i<24)return t===`zh`?`${i} 小时前`:`${i}h ago`;let a=Math.round(i/24);return t===`zh`?`${a} 天前`:`${a}d ago`}function G(e){let t=(0,z.c)(52),{item:n}=e,r=f(q),i;t[0]===r?i=t[1]:(i=l(r),t[0]=r,t[1]=i);let s=i.projectsPage.workHome,c=p(K),{Icon:u,className:d}=U[n.tone],m;t[2]===d?m=t[3]:(m=o(`mt-0.5 flex size-7 shrink-0 items-center justify-center rounded-lg`,d),t[2]=d,t[3]=m);let h;t[4]!==u||t[5]!==n.status?(h=n.status===`running`?(0,V.jsx)(O,{className:`size-3.5 animate-spin motion-reduce:animate-none`,"aria-hidden":!0}):(0,V.jsx)(u,{className:`size-3.5`,"aria-hidden":!0}),t[4]=u,t[5]=n.status,t[6]=h):h=t[6];let g;t[7]!==m||t[8]!==h?(g=(0,V.jsx)(`div`,{className:m,children:h}),t[7]=m,t[8]=h,t[9]=g):g=t[9];let _;t[10]===n.title?_=t[11]:(_=(0,V.jsx)(`h3`,{className:`min-w-0 flex-1 text-sm font-medium leading-5 text-fg`,children:n.title}),t[10]=n.title,t[11]=_);let v;t[12]!==s.activityUnread||t[13]!==n.read?(v=n.read?null:(0,V.jsx)(`span`,{className:`mt-1.5 size-1.5 shrink-0 rounded-full bg-accent`,"aria-label":s.activityUnread}),t[12]=s.activityUnread,t[13]=n.read,t[14]=v):v=t[14];let y;t[15]!==_||t[16]!==v?(y=(0,V.jsxs)(`div`,{className:`flex min-w-0 items-start gap-2`,children:[_,v]}),t[15]=_,t[16]=v,t[17]=y):y=t[17];let b;t[18]===n.message?b=t[19]:(b=n.message?(0,V.jsx)(`p`,{className:`mt-0.5 line-clamp-2 text-xs leading-5 text-fg-muted`,children:n.message}):null,t[18]=n.message,t[19]=b);let x;t[20]===n.source?x=t[21]:(x=n.source?(0,V.jsx)(`span`,{className:`max-w-48 truncate`,children:n.source}):null,t[20]=n.source,t[21]=x);let S;t[22]!==n.updatedAt||t[23]!==r?(S=W(n.updatedAt,r),t[22]=n.updatedAt,t[23]=r,t[24]=S):S=t[24];let C;t[25]===S?C=t[26]:(C=(0,V.jsx)(`span`,{children:S}),t[25]=S,t[26]=C);let w;t[27]===n.occurrences?w=t[28]:(w=n.occurrences>1?(0,V.jsxs)(`span`,{children:[`×`,n.occurrences]}):null,t[27]=n.occurrences,t[28]=w);let T;t[29]!==s.activityViewRelated||t[30]!==n.href?(T=n.href?(0,V.jsxs)(a,{to:n.href,className:`inline-flex items-center gap-0.5 font-medium text-accent-fg hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent`,children:[s.activityViewRelated,(0,V.jsx)(E,{className:`size-3`,"aria-hidden":!0})]}):null,t[29]=s.activityViewRelated,t[30]=n.href,t[31]=T):T=t[31];let D;t[32]!==C||t[33]!==w||t[34]!==T||t[35]!==x?(D=(0,V.jsxs)(`div`,{className:`mt-1.5 flex min-w-0 flex-wrap items-center gap-x-2 text-[11px] text-fg-subtle`,children:[x,C,w,T]}),t[32]=C,t[33]=w,t[34]=T,t[35]=x,t[36]=D):D=t[36];let k;t[37]!==D||t[38]!==y||t[39]!==b?(k=(0,V.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[y,b,D]}),t[37]=D,t[38]=y,t[39]=b,t[40]=k):k=t[40];let A;t[41]!==n.id||t[42]!==c?(A=()=>c(n.id),t[41]=n.id,t[42]=c,t[43]=A):A=t[43];let j;t[44]===Symbol.for(`react.memo_cache_sentinel`)?(j=(0,V.jsx)(ie,{className:`size-3.5`,"aria-hidden":!0}),t[44]=j):j=t[44];let M;t[45]!==s.activityRemove||t[46]!==A?(M=(0,V.jsx)(`button`,{type:`button`,className:`rounded-md p-1 text-fg-subtle opacity-0 transition-opacity hover:bg-surface-hover hover:text-fg group-hover:opacity-100 focus:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent`,"aria-label":s.activityRemove,onClick:A,children:j}),t[45]=s.activityRemove,t[46]=A,t[47]=M):M=t[47];let N;return t[48]!==k||t[49]!==M||t[50]!==g?(N=(0,V.jsxs)(`article`,{className:`group flex items-start gap-3 border-t border-edge-subtle px-1 py-3 first:border-t-0`,children:[g,k,M]}),t[48]=k,t[49]=M,t[50]=g,t[51]=N):N=t[51],N}function K(e){return e.remove}function q(e){return e.language}function oe(){let e=(0,z.c)(8),t=l(f(le)).projectsPage.workHome,n=p($),r=p(ce),i=p(Q),[a,o]=(0,B.useState)(!1),c;e[0]===n?c=e[1]:(c=n.filter(Z),e[0]=n,e[1]=c);let u=c.length,d;e[2]===n?d=e[3]:(d=n.filter(X),e[2]=n,e[3]=d);let m=d.length,g;e[4]!==a||e[5]!==n?(g=a?n:n.slice(0,H),e[4]=a,e[5]=n,e[6]=g):g=e[6];let _=g,v;return e[7]===Symbol.for(`react.memo_cache_sentinel`)?(v=(0,V.jsx)(j,{className:`size-4 text-accent`,"aria-hidden":!0}),e[7]=v):v=e[7],(0,V.jsxs)(`section`,{className:`rounded-2xl border border-edge-subtle bg-surface-base p-5`,"aria-labelledby":`workbench-activity-title`,children:[(0,V.jsxs)(`div`,{className:`flex flex-wrap items-start justify-between gap-3`,children:[(0,V.jsxs)(`div`,{children:[(0,V.jsxs)(`div`,{className:`flex items-center gap-2`,children:[v,(0,V.jsx)(`h2`,{id:`workbench-activity-title`,className:`text-sm font-semibold text-fg`,children:t.activityTitle}),u>0?(0,V.jsxs)(`span`,{className:`inline-flex items-center gap-1.5 rounded-full bg-accent-soft px-2 py-0.5 text-[11px] font-medium text-accent-fg`,children:[(0,V.jsx)(O,{className:`size-3 animate-spin motion-reduce:animate-none`,"aria-hidden":!0}),u,` `,t.running]}):m>0?(0,V.jsxs)(`span`,{className:`rounded-full bg-surface-panel px-2 py-0.5 text-[11px] font-medium text-fg-muted`,children:[m,` `,t.activityNew]}):null]}),(0,V.jsx)(`p`,{className:`mt-1 text-xs text-fg-muted`,children:t.activityHint})]}),n.length>0?(0,V.jsxs)(`div`,{className:`flex items-center gap-1`,children:[m>0?(0,V.jsxs)(F,{type:`button`,variant:`ghost`,className:`h-8 px-2 text-xs`,onClick:r,children:[(0,V.jsx)(s,{className:`size-3.5`,"aria-hidden":!0}),t.activityMarkRead]}):null,n.some(Y)?(0,V.jsxs)(F,{type:`button`,variant:`ghost`,className:`h-8 px-2 text-xs text-fg-muted`,onClick:i,children:[(0,V.jsx)(h,{className:`size-3.5`,"aria-hidden":!0}),t.activityClearFinished]}):null]}):null]}),n.length>0?(0,V.jsxs)(`div`,{className:`mt-4 rounded-xl bg-surface-panel px-3`,children:[_.map(J),n.length>H?(0,V.jsx)(`div`,{className:`border-t border-edge-subtle py-2 text-center`,children:(0,V.jsx)(F,{type:`button`,variant:`ghost`,className:`h-8 px-2 text-xs`,onClick:()=>o(se),children:a?t.activityShowLess:t.activityShowAll.replace(`{{count}}`,String(n.length))})}):null]}):(0,V.jsxs)(`div`,{className:`mt-4 flex min-h-28 flex-col items-center justify-center rounded-xl bg-surface-panel px-6 text-center`,children:[(0,V.jsx)(ae,{className:`size-5 text-fg-subtle`,"aria-hidden":!0}),(0,V.jsx)(`p`,{className:`mt-2 text-sm font-medium text-fg`,children:t.activityEmpty}),(0,V.jsx)(`p`,{className:`mt-1 max-w-lg text-xs leading-5 text-fg-muted`,children:t.activityEmptyBody})]})]})}function se(e){return!e}function J(e){return(0,V.jsx)(G,{item:e},e.id)}function Y(e){return e.status===`done`}function X(e){return!e.read}function Z(e){return e.status===`running`}function Q(e){return e.clearFinished}function ce(e){return e.markAllRead}function $(e){return e.items}function le(e){return e.language}function ue(e){return d(u(`/api/home${e?`?locale=${encodeURIComponent(e)}`:``}`))}function de(e,t){return d(u(`/api/home/decisions/respond`),{method:`POST`,body:JSON.stringify({...e,decision:t})})}function fe(e,t){return e.replace(/\{\{(\w+)\}\}/g,(e,n)=>String(t[n]??``))}function pe(e,t){if(e==null)return t;let n=new Date(e);return Number.isNaN(n.getTime())?t:new Intl.DateTimeFormat(void 0,{dateStyle:`medium`,timeStyle:`short`}).format(n)}function me(){let e=(0,z.c)(2),t;e[0]===Symbol.for(`react.memo_cache_sentinel`)?(t=(0,V.jsx)(N,{className:`h-32 rounded-2xl`}),e[0]=t):t=e[0];let n;return e[1]===Symbol.for(`react.memo_cache_sentinel`)?(n=(0,V.jsxs)(`div`,{className:`space-y-5`,"aria-busy":!0,children:[t,(0,V.jsxs)(`div`,{className:`grid gap-4 xl:grid-cols-2`,children:[(0,V.jsx)(N,{className:`h-64 rounded-2xl`}),(0,V.jsx)(N,{className:`h-64 rounded-2xl`})]}),(0,V.jsx)(N,{className:`h-44 rounded-2xl`})]}),e[1]=n):n=e[1],n}function he(e){let t=(0,z.c)(22),{item:n,statusLabel:r,needsAttention:i}=e,s=i===void 0?!1:i,c=`/work-items/${encodeURIComponent(n.id)}`,l=s?`border-warning/35 bg-warning-soft/25 hover:bg-warning-soft/40`:`border-edge-subtle bg-surface-panel hover:bg-surface-hover/55`,u;t[0]===l?u=t[1]:(u=o(`group block rounded-xl border p-3.5 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent`,l),t[0]=l,t[1]=u);let d;t[2]===n.title?d=t[3]:(d=(0,V.jsx)(`h3`,{className:`truncate text-sm font-semibold text-fg`,children:n.title}),t[2]=n.title,t[3]=d);let f;t[4]===n.projectName?f=t[5]:(f=(0,V.jsx)(`p`,{className:`mt-1 truncate text-xs text-fg-subtle`,children:n.projectName}),t[4]=n.projectName,t[5]=f);let p;t[6]!==d||t[7]!==f?(p=(0,V.jsxs)(`div`,{className:`min-w-0`,children:[d,f]}),t[6]=d,t[7]=f,t[8]=p):p=t[8];let m;t[9]===r?m=t[10]:(m=(0,V.jsx)(`span`,{className:`shrink-0 rounded-full bg-surface-hover px-2 py-0.5 text-[11px] font-medium text-fg-muted`,children:r}),t[9]=r,t[10]=m);let h;t[11]!==p||t[12]!==m?(h=(0,V.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[p,m]}),t[11]=p,t[12]=m,t[13]=h):h=t[13];let g;t[14]!==n.blockedReason||t[15]!==n.nextAction?(g=n.blockedReason||n.nextAction?(0,V.jsx)(`p`,{className:`mt-2 line-clamp-2 text-xs leading-5 text-fg-muted`,children:n.blockedReason||n.nextAction}):null,t[14]=n.blockedReason,t[15]=n.nextAction,t[16]=g):g=t[16];let _;return t[17]!==g||t[18]!==c||t[19]!==u||t[20]!==h?(_=(0,V.jsxs)(a,{to:c,className:u,children:[h,g]}),t[17]=g,t[18]=c,t[19]=u,t[20]=h,t[21]=_):_=t[21],_}function ge(e){let t=(0,z.c)(27),{item:n,kindLabel:r,reasonLabel:i,approveLabel:o,denyLabel:s,busy:c,onRespond:l}=e,u;t[0]===n.title?u=t[1]:(u=(0,V.jsx)(`h3`,{className:`truncate text-sm font-semibold text-fg`,children:n.title}),t[0]=n.title,t[1]=u);let d=n.projectName||r,f;t[2]===d?f=t[3]:(f=(0,V.jsx)(`p`,{className:`mt-1 truncate text-xs text-fg-subtle`,children:d}),t[2]=d,t[3]=f);let p;t[4]!==u||t[5]!==f?(p=(0,V.jsxs)(`div`,{className:`min-w-0`,children:[u,f]}),t[4]=u,t[5]=f,t[6]=p):p=t[6];let m;t[7]===i?m=t[8]:(m=(0,V.jsx)(`span`,{className:`shrink-0 rounded-full bg-surface-panel/80 px-2 py-0.5 text-[11px] font-medium text-fg-muted`,children:i}),t[7]=i,t[8]=m);let h;t[9]!==p||t[10]!==m?(h=(0,V.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[p,m]}),t[9]=p,t[10]=m,t[11]=h):h=t[11];let g;t[12]===n.detail?g=t[13]:(g=n.detail?(0,V.jsx)(`p`,{className:`mt-2 line-clamp-2 text-xs leading-5 text-fg-muted`,children:n.detail}):null,t[12]=n.detail,t[13]=g);let _;t[14]!==n.href||t[15]!==h||t[16]!==g?(_=(0,V.jsxs)(a,{to:n.href,className:`group block focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent`,children:[h,g]}),t[14]=n.href,t[15]=h,t[16]=g,t[17]=_):_=t[17];let v;t[18]!==o||t[19]!==c||t[20]!==s||t[21]!==n.response||t[22]!==l?(v=n.response?(0,V.jsxs)(`div`,{className:`mt-3 flex justify-end gap-2 border-t border-warning/20 pt-3`,children:[(0,V.jsx)(F,{type:`button`,variant:`ghost`,className:`h-8 px-2`,disabled:c,onClick:()=>l(`deny`),children:s}),(0,V.jsx)(F,{type:`button`,variant:`primary`,className:`h-8 px-2`,disabled:c,onClick:()=>l(`approve`),children:o})]}):null,t[18]=o,t[19]=c,t[20]=s,t[21]=n.response,t[22]=l,t[23]=v):v=t[23];let y;return t[24]!==_||t[25]!==v?(y=(0,V.jsxs)(`article`,{className:`rounded-xl border border-warning/35 bg-warning-soft/25 p-3.5 transition-colors hover:bg-warning-soft/40`,children:[_,v]}),t[24]=_,t[25]=v,t[26]=y):y=t[26],y}function _e(e){let t=(0,z.c)(19),{project:n,openLabel:r,noDescription:i}=e,o=`/projects/${encodeURIComponent(n.id)}`,s;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(s=(0,V.jsx)(R,{className:`size-4 shrink-0 text-accent`,"aria-hidden":!0}),t[0]=s):s=t[0];let c;t[1]===n.name?c=t[2]:(c=(0,V.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[s,(0,V.jsx)(`h3`,{className:`truncate text-sm font-semibold text-fg`,children:n.name})]}),t[1]=n.name,t[2]=c);let l;t[3]===r?l=t[4]:(l=(0,V.jsx)(I,{className:`size-4 shrink-0 text-fg-subtle transition-transform group-hover:translate-x-0.5`,"aria-label":r}),t[3]=r,t[4]=l);let u;t[5]!==c||t[6]!==l?(u=(0,V.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[c,l]}),t[5]=c,t[6]=l,t[7]=u):u=t[7];let d=n.description||n.brief||i,f;t[8]===d?f=t[9]:(f=(0,V.jsx)(`p`,{className:`mt-3 line-clamp-2 text-xs leading-5 text-fg-muted`,children:d}),t[8]=d,t[9]=f);let p=n.lastActiveAt??n.updatedAt,m;t[10]===p?m=t[11]:(m=pe(p,``),t[10]=p,t[11]=m);let h;t[12]===m?h=t[13]:(h=(0,V.jsx)(`p`,{className:`mt-auto pt-3 text-[11px] text-fg-subtle`,children:m}),t[12]=m,t[13]=h);let g;return t[14]!==o||t[15]!==h||t[16]!==u||t[17]!==f?(g=(0,V.jsxs)(a,{to:o,className:`group flex min-h-32 flex-col rounded-xl border border-edge-subtle bg-surface-panel p-4 transition-colors hover:bg-surface-hover/55 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent`,children:[u,f,h]}),t[14]=o,t[15]=h,t[16]=u,t[17]=f,t[18]=g):g=t[18],g}function ve(){let e=f(e=>e.language),t=l(e),n=t.projectsPage,r=i(),o=v(e=>e.setPageHeader),s=v(e=>e.clearPageHeader),[u,d]=(0,B.useState)(null),[p,h]=(0,B.useState)([]),[E,O]=(0,B.useState)(!0),[j,N]=(0,B.useState)(null),[P,I]=(0,B.useState)(null),[L,R]=(0,B.useState)(``),[ie,z]=(0,B.useState)(!1),[H,U]=(0,B.useState)(`delegate`),[W,G]=(0,B.useState)(``),[K,q]=(0,B.useState)(!1),[se,J]=(0,B.useState)(null),Y=(0,B.useCallback)(async()=>{O(!0),N(null);try{let[t,n]=await Promise.all([ue(e),b({limit:100,sortBy:`updatedAt`,sortOrder:`desc`})]);d(t),h(n.items)}catch(e){N(e instanceof Error?e.message:String(e))}finally{O(!1)}},[e]);(0,B.useEffect)(()=>{Y()},[Y]);let X=(0,B.useMemo)(()=>{let e=L.trim().toLocaleLowerCase(),t=p.filter(e=>e.status!==`archived`);return e?t.filter(t=>[t.name,t.description,t.brief].filter(Boolean).some(t=>t.toLocaleLowerCase().includes(e))):t.slice(0,12)},[p,L]),Z=(0,B.useMemo)(()=>u?.decisions??[],[u]),Q=(0,B.useMemo)(()=>u?.work.current.filter(e=>e.status!==`needs_input`&&e.status!==`in_review`&&e.status!==`blocked`).slice(0,10)??[],[u]),ce=(0,B.useCallback)(async t=>{t.preventDefault();let n=W.trim();if(!(!n||K)){if(H===`watch`){let t=e===`zh`?`持续关注以下事项，在发生有意义的变化时通知我：\n${n}`:`Keep watching the following and notify me when something meaningfully changes:\n${n}`;G(``),z(!1),r(`/automations?draft=${encodeURIComponent(t)}&autogenerate=1`);return}q(!0),I(null);try{let t=await w({outcome:n,uiLocale:e});G(``),z(!1),r(`/projects/${encodeURIComponent(t.project.id)}`)}catch(e){I(e instanceof Error?e.message:String(e))}finally{q(!1)}}},[H,K,e,r,W]),$=(0,B.useMemo)(()=>(0,V.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,V.jsxs)(F,{type:`button`,variant:`secondary`,className:`h-9 rounded-lg`,onClick:()=>{U(`watch`),z(!0)},children:[(0,V.jsx)(g,{className:`size-4`,"aria-hidden":!0}),n.workHome.watch]}),(0,V.jsxs)(F,{type:`button`,variant:`primary`,className:`h-9 rounded-lg`,onClick:()=>{U(`delegate`),z(!0)},children:[(0,V.jsx)(ne,{className:`size-4`,"aria-hidden":!0}),n.workHome.delegate]})]}),[n.workHome.delegate,n.workHome.watch]),le=(0,B.useCallback)(async(e,t)=>{if(e.response){J(e.id),N(null);try{await de(e.response,t),await Y()}catch(e){N(e instanceof Error?e.message:String(e))}finally{J(null)}}},[Y]);return(0,B.useLayoutEffect)(()=>(o({startExtra:null,main:(0,V.jsxs)(`div`,{className:`min-w-0`,children:[(0,V.jsx)(`h1`,{className:`truncate text-base font-semibold tracking-tight text-fg`,children:n.title}),(0,V.jsx)(`p`,{className:`truncate text-xs text-fg-muted`,children:n.workHome.subtitle})]}),end:$}),()=>s()),[s,$,o,n.title,n.workHome.subtitle]),(0,V.jsxs)(`main`,{className:`flex w-full flex-1 flex-col gap-5 px-3 py-6 sm:px-5 xl:px-6`,children:[(0,V.jsx)(C,{open:ie,onOpenChange:e=>{z(e),e||I(null)},children:(0,V.jsxs)(S,{children:[(0,V.jsx)(x,{className:`fixed inset-0 z-[80] bg-scrim backdrop-blur-[2px]`}),(0,V.jsxs)(m,{className:`fixed left-1/2 top-1/2 z-[90] flex h-[min(26rem,calc(100vh-2rem))] w-[min(36rem,calc(100vw-2rem))] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-xl border border-edge bg-surface-panel shadow-float focus:outline-none`,children:[(0,V.jsxs)(`div`,{className:`shrink-0 border-b border-edge px-5 py-4`,children:[(0,V.jsx)(T,{className:`text-base font-semibold text-fg`,children:H===`watch`?n.workHome.watchTitle:n.workHome.delegateTitle}),(0,V.jsx)(ee,{className:`mt-1 text-sm text-fg-muted`,children:H===`watch`?n.workHome.watchDescription:n.workHome.delegateDescription})]}),(0,V.jsxs)(`form`,{onSubmit:ce,className:`flex min-h-0 flex-1 flex-col`,children:[(0,V.jsxs)(`div`,{className:`min-h-0 flex-1 px-5 py-4`,children:[(0,V.jsxs)(`label`,{className:`grid gap-2 text-sm font-medium text-fg`,children:[H===`watch`?n.workHome.watchLabel:n.workHome.outcomeLabel,(0,V.jsx)(`textarea`,{className:`min-h-40 w-full resize-none rounded-xl border border-edge bg-surface-base px-3 py-3 text-sm font-normal leading-6 text-fg outline-none placeholder:text-fg-subtle focus:border-accent focus:ring-2 focus:ring-accent/20`,value:W,onChange:e=>G(e.target.value),placeholder:H===`watch`?n.workHome.watchPlaceholder:n.workHome.outcomePlaceholder,maxLength:12e3,autoFocus:!0,disabled:K})]}),P?(0,V.jsx)(`p`,{className:`mt-3 rounded-lg bg-danger-soft px-3 py-2 text-xs text-danger`,role:`alert`,children:P}):null]}),(0,V.jsxs)(`div`,{className:`flex shrink-0 items-center justify-between gap-3 border-t border-edge px-5 py-4`,children:[(0,V.jsx)(`p`,{className:`text-xs text-fg-subtle`,children:H===`watch`?n.workHome.watchSetupHint:n.workHome.autoSetupHint}),(0,V.jsxs)(`div`,{className:`flex shrink-0 gap-2`,children:[(0,V.jsx)(te,{asChild:!0,children:(0,V.jsx)(F,{type:`button`,variant:`ghost`,children:n.cancel})}),(0,V.jsxs)(F,{type:`submit`,variant:`primary`,disabled:K||!W.trim(),children:[(0,V.jsx)(k,{className:`size-4`,"aria-hidden":!0}),K?n.workHome.delegating:H===`watch`?n.workHome.designWatch:n.workHome.delegate]})]})]})]})]})]})}),j?(0,V.jsxs)(`div`,{className:`flex items-center justify-between gap-3 rounded-xl border border-danger/25 bg-danger-soft px-4 py-3 text-sm text-danger`,children:[(0,V.jsx)(`span`,{children:j}),(0,V.jsx)(F,{type:`button`,variant:`ghost`,className:`h-8 px-2`,onClick:()=>void Y(),children:n.workHome.retry})]}):null,E?(0,V.jsx)(me,{}):u?(0,V.jsxs)(V.Fragment,{children:[(0,V.jsxs)(`section`,{className:`relative overflow-hidden rounded-2xl border border-accent/15 bg-gradient-to-br from-accent-soft/70 via-surface-panel to-surface-panel p-5 sm:p-6`,children:[(0,V.jsx)(`div`,{className:`absolute -right-8 -top-12 size-40 rounded-full bg-accent/10 blur-3xl`,"aria-hidden":!0}),(0,V.jsxs)(`div`,{className:`relative flex flex-wrap items-end justify-between gap-4`,children:[(0,V.jsxs)(`div`,{className:`max-w-2xl`,children:[(0,V.jsx)(`div`,{className:`mb-3 flex size-10 items-center justify-center rounded-xl bg-accent text-white`,children:(0,V.jsx)(y,{className:`size-5`,"aria-hidden":!0})}),(0,V.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-wider text-accent`,children:n.workHome.briefingTitle}),(0,V.jsx)(`h2`,{className:`mt-1 text-xl font-semibold tracking-tight text-fg`,children:n.workHome.heroTitle}),(0,V.jsx)(`p`,{className:`mt-2 text-sm leading-6 text-fg-muted`,children:u.briefing.summary})]}),(0,V.jsxs)(`div`,{className:`flex flex-wrap gap-2 text-xs`,children:[(0,V.jsx)(`span`,{className:`rounded-full bg-surface-panel/80 px-3 py-1.5 text-fg-muted`,children:fe(n.workHome.activeCount,{count:u.briefing.progress.movingCount})}),u.decisions.length>0?(0,V.jsx)(`span`,{className:`rounded-full bg-warning-soft px-3 py-1.5 text-fg`,children:fe(n.workHome.attentionCount,{count:u.decisions.length})}):null]})]})]}),u.work.current.length===0&&u.workflowRuns.active.length===0?(0,V.jsxs)(`section`,{className:`rounded-2xl border border-dashed border-edge p-8 text-center`,children:[(0,V.jsx)(_,{className:`mx-auto size-6 text-accent`,"aria-hidden":!0}),(0,V.jsx)(`h2`,{className:`mt-3 text-sm font-semibold text-fg`,children:n.workHome.emptyTitle}),(0,V.jsx)(`p`,{className:`mx-auto mt-1 max-w-lg text-sm leading-6 text-fg-muted`,children:n.workHome.emptyBody}),(0,V.jsxs)(`div`,{className:`mt-4 flex justify-center gap-2`,children:[(0,V.jsx)(F,{type:`button`,variant:`primary`,onClick:()=>r(`/chat/new`),children:n.workHome.startChat}),(0,V.jsx)(F,{type:`button`,variant:`secondary`,onClick:()=>{U(`delegate`),z(!0)},children:n.workHome.startLongWork})]})]}):null,(0,V.jsxs)(`div`,{className:`grid gap-4 xl:grid-cols-2`,children:[(0,V.jsxs)(`section`,{className:`rounded-2xl border border-edge-subtle bg-surface-base p-5`,children:[(0,V.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,V.jsx)(c,{className:`size-4 text-warning`,"aria-hidden":!0}),(0,V.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:n.workHome.needsYou})]}),(0,V.jsx)(`p`,{className:`mt-1 text-xs text-fg-muted`,children:n.workHome.needsYouHint}),(0,V.jsx)(`div`,{className:`mt-4 space-y-2`,children:Z.length?Z.map(e=>(0,V.jsx)(ge,{item:e,kindLabel:n.workHome.decisionKinds[e.kind],reasonLabel:n.workHome.decisionReasons[e.reason],approveLabel:n.workHome.approve,denyLabel:n.workHome.deny,busy:se===e.id,onRespond:t=>void le(e,t)},e.id)):(0,V.jsx)(`p`,{className:`rounded-xl bg-surface-panel px-4 py-6 text-center text-sm text-fg-muted`,children:n.workHome.nothingNeedsYou})})]}),(0,V.jsxs)(`section`,{className:`rounded-2xl border border-edge-subtle bg-surface-base p-5`,children:[(0,V.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,V.jsx)(ae,{className:`size-4 text-accent`,"aria-hidden":!0}),(0,V.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:n.workHome.continueTitle})]}),(0,V.jsx)(`p`,{className:`mt-1 text-xs text-fg-muted`,children:n.workHome.continueHint}),(0,V.jsx)(`div`,{className:`mt-4 space-y-2`,children:Q.length?Q.map(e=>(0,V.jsx)(he,{item:e,statusLabel:t.projectDetailPage.workItems.statuses[e.status]},e.id)):(0,V.jsx)(`p`,{className:`rounded-xl bg-surface-panel px-4 py-6 text-center text-sm text-fg-muted`,children:n.workHome.noCurrentWork})})]})]}),u.workflowRuns.active.length>0||u.upcomingAutomations.length>0?(0,V.jsxs)(`div`,{className:`grid gap-4 lg:grid-cols-2`,children:[(0,V.jsxs)(`section`,{className:`rounded-2xl border border-edge-subtle bg-surface-base p-5`,children:[(0,V.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,V.jsx)(k,{className:`size-4 text-accent`,"aria-hidden":!0}),(0,V.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:n.workHome.processing})]}),(0,V.jsxs)(`div`,{className:`mt-3 space-y-2`,children:[u.workflowRuns.active.map(e=>(0,V.jsxs)(a,{to:D(e.id),className:`flex items-center justify-between gap-3 rounded-xl bg-surface-panel px-3 py-3 text-sm hover:bg-surface-hover`,children:[(0,V.jsx)(`span`,{className:`min-w-0 truncate text-fg`,children:e.title}),(0,V.jsx)(`span`,{className:`shrink-0 text-xs text-fg-subtle`,children:n.workHome.running})]},e.id)),u.workflowRuns.active.length===0?(0,V.jsx)(`p`,{className:`text-sm text-fg-muted`,children:n.workHome.nothingRunning}):null]})]}),(0,V.jsxs)(`section`,{className:`rounded-2xl border border-edge-subtle bg-surface-base p-5`,children:[(0,V.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,V.jsx)(re,{className:`size-4 text-accent`,"aria-hidden":!0}),(0,V.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:n.workHome.scheduled})]}),(0,V.jsxs)(`div`,{className:`mt-3 space-y-2`,children:[u.upcomingAutomations.map(e=>(0,V.jsxs)(a,{to:`/automations`,className:`flex items-center justify-between gap-3 rounded-xl bg-surface-panel px-3 py-3 text-sm hover:bg-surface-hover`,children:[(0,V.jsx)(`span`,{className:`min-w-0 truncate text-fg`,children:e.name||e.action}),(0,V.jsx)(`time`,{className:`shrink-0 text-xs text-fg-subtle`,children:pe(e.nextRunAt,n.never)})]},e.id)),u.upcomingAutomations.length===0?(0,V.jsx)(`p`,{className:`text-sm text-fg-muted`,children:n.workHome.noScheduled}):null]})]})]}):null,u.briefing.wins.length>0?(0,V.jsxs)(`section`,{className:`rounded-2xl border border-edge-subtle bg-surface-base p-5`,children:[(0,V.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,V.jsx)(A,{className:`size-4 text-success`,"aria-hidden":!0}),(0,V.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:n.workHome.completed})]}),(0,V.jsx)(`div`,{className:`mt-3 grid gap-2 md:grid-cols-2 xl:grid-cols-3`,children:u.briefing.wins.map(e=>(0,V.jsxs)(a,{to:e.href,className:`rounded-xl border border-edge-subtle bg-surface-panel p-3.5 transition-colors hover:bg-surface-hover/55`,children:[(0,V.jsx)(`p`,{className:`truncate text-sm font-medium text-fg`,children:e.title}),(0,V.jsx)(`p`,{className:`mt-1 text-xs text-fg-subtle`,children:n.workHome.winKinds[e.kind]})]},e.id))})]}):null,(0,V.jsx)(oe,{})]}):null,(0,V.jsxs)(`section`,{className:`rounded-2xl border border-edge-subtle bg-surface-base p-5`,children:[(0,V.jsxs)(`div`,{className:`flex flex-wrap items-start justify-between gap-3`,children:[(0,V.jsxs)(`div`,{children:[(0,V.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:n.workHome.spacesTitle}),(0,V.jsx)(`p`,{className:`mt-1 text-xs text-fg-muted`,children:n.workHome.spacesHint})]}),(0,V.jsxs)(`label`,{className:`relative block min-w-0`,children:[(0,V.jsx)(M,{className:`pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-fg-subtle`,"aria-hidden":!0}),(0,V.jsx)(`input`,{className:`h-9 w-52 rounded-lg border border-edge bg-surface-panel pl-9 pr-3 text-sm text-fg outline-none placeholder:text-fg-muted focus:border-accent`,value:L,onChange:e=>R(e.target.value),placeholder:n.searchPlaceholder,"aria-label":n.searchPlaceholder})]})]}),(0,V.jsx)(`div`,{className:`mt-4 grid gap-3 md:grid-cols-2 xl:grid-cols-3`,children:X.map(e=>(0,V.jsx)(_e,{project:e,openLabel:n.workHome.openSpace,noDescription:n.noDescription},e.id))}),!E&&X.length===0?(0,V.jsx)(`p`,{className:`py-8 text-center text-sm text-fg-muted`,children:n.workHome.noSpaces}):null]})]})}export{ve as ProjectsPage};

package/dist/gateway/static/root/assets/remote-access-hub-U1FQUBtJ.js

@@ -1 +0,0 @@
-import{i as e}from"./rolldown-runtime-aKtaBQYM.js";import{a as t,n,t as r}from"./vendor-react-BOUWij0V.js";import{d as i,t as a}from"./chunk-QUQL4437-DXsxWP7r.js";import{t as o}from"./cn-BQ_8x0bT.js";import{t as s}from"./check-BODqo66o.js";import{t as c}from"./copy-to-clipboard-HOJ79TWv.js";import{t as l}from"./messages-BIsSVgW7.js";import{d as u,f as d,i as f,n as p,o as m,p as h,r as g}from"./locale-store-BP67jtYG.js";import{a as _,i as v}from"./vendor-swr-BIWyz7Rc.js";import{$c as y,Ao as b,Dc as x,Dl as S,Do as C,Gs as w,Hl as T,Hn as E,Jo as D,Mo as O,Nl as k,No as A,Ns as j,Oo as M,Po as N,Ql as P,Qs as F,Rc as I,Ri as L,Vo as R,Yo as z,_i as B,as as V,ci as H,di as U,er as ee,fc as W,fi as G,fl as K,gi as te,hi as ne,io as q,jo as re,ks as J,kt as ie,li as Y,mi as ae,ms as X,no as oe,oi as se,pi as ce,ps as le,qs as ue,ro as de,sc as fe,si as pe,ui as me,vi as he}from"./index-twNrYC3D.js";import{n as ge,r as _e,t as ve}from"./settings-page-layout-BAP5LguT.js";import{t as ye}from"./settings-collapsible-section-D9jJ6KlR.js";import{n as be,r as xe,t as Se}from"./settings-form-section-36IjMuUY.js";import{t as Ce}from"./browser-BLJWD7WI.js";import{t as we}from"./page-tabs-LjSEtOvG.js";var Z=n(),Q=e(t(),1);function Te(e,t){let{mutate:n}=_(),[r,i]=(0,Q.useState)(!1),[a,o]=(0,Q.useState)(null),[s,c]=(0,Q.useState)(!1),l=(0,Q.useCallback)(async()=>{await Promise.all([n(`tunnel-pair-context`),n(`tunnel-pair`),n(`tunnel-status`),oe()])},[n]);return{busy:r,error:a,confirmOpen:s,setConfirmOpen:c,runEnableLanPairing:(0,Q.useCallback)(async()=>{if(!(!e||r)){i(!0),o(null);try{let n=await me();if(!n.ok)throw Error(`Failed to enable LAN pairing`);if(n.requiresRestart){let t=await se();if(!t.ok)throw Error(t.message??`Gateway restart failed`);if(!await pe(e))throw Error(`Gateway did not come back online in time`)}let r=n.requiresRestart?await H():n.context;if(!r?.pairingReady)throw Error(`LAN pairing is still not ready after restart`);return await l(),t?.(r),c(!1),r}catch(e){return o(e instanceof Error?e.message:`Enable LAN pairing failed`),null}finally{i(!1)}}},[r,e,t,l]),clearError:()=>o(null)}}var $=r();function Ee(){return o(`w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg`,`placeholder:text-fg-subtle`,le,`dark:border-edge`)}function De(e){let t=(0,Z.c)(122),{pairQr:n,gatewayToken:r,streamlined:i,lanOnly:s,onRefreshQr:c}=e,u=i===void 0?!1:i,d=s===void 0?!1:s,f=p(Ae),m;t[0]===f?m=t[1]:(m=l(f),t[0]=f,t[1]=m);let h=m,g=h.tunnelSettings,_=d?h.remoteAccess.lan:null,v;t[2]!==h.clipboard.copyFailed||t[3]!==g.pairCopied||t[4]!==g.pairCopyLink?(v={copy:g.pairCopyLink,copied:g.pairCopied,copyFailed:h.clipboard.copyFailed},t[2]=h.clipboard.copyFailed,t[3]=g.pairCopied,t[4]=g.pairCopyLink,t[5]=v):v=t[5];let y=v,{tunnelActive:b,tunnelStatus:x,tunnelQr:S,pairContext:C,pairBaseUrl:T,setPairBaseUrl:E,applySuggestedPairUrl:D,applyCandidateUrl:O,resetPairBaseFromContext:k,baseOk:A,localhostWarn:j,pairingBlocked:M,deepLink:N,qrPayload:P,qrDataUrl:F,qrGenFailed:R,encoding:z}=n,B;t[6]===k?B=t[7]:(B=e=>{k(e.recommended.url)},t[6]=k,t[7]=B);let V=Te(r,B),H,U,W,G,K;if(t[8]!==O||t[9]!==D||t[10]!==A||t[11]!==V||t[12]!==r||t[13]!==_||t[14]!==d||t[15]!==j||t[16]!==c||t[17]!==T||t[18]!==C?.candidates||t[19]!==C?.recommended||t[20]!==M||t[21]!==E||t[22]!==u||t[23]!==g.pairBaseUrlHint||t[24]!==g.pairBaseUrlLabel||t[25]!==g.pairBaseUrlPlaceholder||t[26]!==g.pairBlockedLoopbackBody||t[27]!==g.pairBlockedNextSteps||t[28]!==g.pairBlockedTitle||t[29]!==g.pairCandidatesTitle||t[30]!==g.pairEnableLanButton||t[31]!==g.pairEnableLanEnabling||t[32]!==g.pairEnableLanSecurityAuditLink||t[33]!==g.pairInvalidBaseUrl||t[34]!==g.pairLocalhostWarning||t[35]!==g.pairSelectCandidateHint||t[36]!==g.pairSelectCandidateTitle||t[37]!==g.pairSubtitle||t[38]!==g.pairSuggestedLanLabel||t[39]!==g.pairTitle||t[40]!==g.pairTunnelActive||t[41]!==g.pairTunnelLanUrl||t[42]!==g.pairTunnelPublicUrl||t[43]!==g.pairUseSuggestedUrl||t[44]!==g.pairWaitingForTunnel||t[45]!==g.refreshQr||t[46]!==b||t[47]!==S||t[48]!==x?.publicUrl){K=Symbol.for(`react.early_return_sentinel`);bb0:{let e=C?.candidates.filter(ke)??[],n=d?(e.find(Oe)?.url??e[0]?.url??``).trim():C?.recommended.url?.trim()??``,i=(d||!b)&&e.length>1,s=function(t){if(e.length===0)return null;let n=t===`amber`?`text-amber-950 dark:text-amber-100`:`text-fg`,r=t===`amber`?`text-amber-950/80 dark:text-amber-200/90`:`text-fg-muted`;return(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`div`,{className:o(`text-xs font-medium`,r),children:i?g.pairSelectCandidateTitle:g.pairCandidatesTitle}),(0,$.jsx)(`ul`,{className:`mt-1 space-y-1`,children:e.map(e=>(0,$.jsx)(`li`,{children:(0,$.jsxs)(`button`,{type:`button`,className:o(`w-full rounded-md border px-2 py-1.5 text-left font-mono text-[11px] transition-colors`,t===`amber`?`border-amber-300/70 hover:bg-amber-100/80 dark:border-amber-800 dark:hover:bg-amber-950/50`:`border-edge hover:bg-surface-panel`,T.trim()===e.url&&`border-accent bg-accent/5`,n),onClick:()=>O(e.url),children:[e.label?`${e.label}: `:``,e.url]})},e.url))}),i?(0,$.jsx)(`p`,{className:o(`mt-1 text-[11px] leading-relaxed`,r),children:g.pairSelectCandidateHint}):null]})};if(H=u&&!d,H&&!b){let e;t[54]===Symbol.for(`react.memo_cache_sentinel`)?(e=(0,$.jsx)(w,{className:`size-4 text-accent`,strokeWidth:1.75}),t[54]=e):e=t[54];let n;t[55]===g.pairTitle?n=t[56]:(n=(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-sm font-semibold text-fg`,children:[e,g.pairTitle]}),t[55]=g.pairTitle,t[56]=n);let r;t[57]===g.pairWaitingForTunnel?r=t[58]:(r=(0,$.jsx)(`p`,{className:`mt-2 text-sm text-fg-muted`,children:g.pairWaitingForTunnel}),t[57]=g.pairWaitingForTunnel,t[58]=r);let i;t[59]!==n||t[60]!==r?(i=(0,$.jsxs)(Se,{children:[n,r]}),t[59]=n,t[60]=r,t[61]=i):i=t[61],K=i;break bb0}let l=_?.pairTitle??g.pairTitle,f=d?_?.pairSubtitle??g.pairSubtitle:b?g.pairTunnelActive:g.pairSubtitle,p=!!(c&&(d||u&&b)),m=H?`mb-2`:`mb-3`,h;t[62]===m?h=t[63]:(h=o(`flex flex-wrap items-start justify-between gap-2`,m),t[62]=m,t[63]=h);let v;t[64]===Symbol.for(`react.memo_cache_sentinel`)?(v=(0,$.jsx)(w,{className:`size-4 text-accent`,strokeWidth:1.75}),t[64]=v):v=t[64];let y;t[65]===l?y=t[66]:(y=(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-sm font-semibold text-fg`,children:[v,l]}),t[65]=l,t[66]=y);let k;t[67]!==H||t[68]!==f||t[69]!==g.pairSubtitle?(k=H?(0,$.jsx)(`p`,{className:`mt-1 text-xs text-fg-subtle`,children:g.pairSubtitle}):(0,$.jsx)(`p`,{className:`mt-1 text-xs text-fg-subtle`,children:f}),t[67]=H,t[68]=f,t[69]=g.pairSubtitle,t[70]=k):k=t[70];let N;t[71]!==y||t[72]!==k?(N=(0,$.jsxs)(`div`,{children:[y,k]}),t[71]=y,t[72]=k,t[73]=N):N=t[73];let P;t[74]!==c||t[75]!==p||t[76]!==g.refreshQr?(P=p?(0,$.jsxs)(X,{type:`button`,variant:`ghost`,className:`shrink-0`,onClick:()=>void c(),children:[(0,$.jsx)(fe,{className:`size-4`}),g.refreshQr]}):null,t[74]=c,t[75]=p,t[76]=g.refreshQr,t[77]=P):P=t[77],t[78]!==h||t[79]!==N||t[80]!==P?(U=(0,$.jsxs)(`div`,{className:h,children:[N,P]}),t[78]=h,t[79]=N,t[80]=P,t[81]=U):U=t[81],W=M?(0,$.jsxs)(`div`,{className:`mb-3 space-y-3 rounded-lg border border-amber-200 bg-amber-50 px-3 py-3 dark:border-amber-900/50 dark:bg-amber-950/30`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`div`,{className:`text-sm font-medium text-amber-950 dark:text-amber-100`,children:g.pairBlockedTitle}),(0,$.jsx)(`p`,{className:`mt-1 text-xs leading-relaxed text-amber-900 dark:text-amber-200`,children:g.pairBlockedLoopbackBody})]}),n?(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`div`,{className:`text-xs font-medium text-amber-950/80 dark:text-amber-200/90`,children:g.pairSuggestedLanLabel}),(0,$.jsx)(`div`,{className:`mt-0.5 break-all font-mono text-xs text-amber-950 dark:text-amber-100`,children:n})]}),(0,$.jsx)(X,{type:`button`,variant:`secondary`,className:`w-full sm:w-auto`,onClick:D,children:g.pairUseSuggestedUrl})]}):null,e.length>0?s(`amber`):null,(0,$.jsx)(`div`,{className:`flex flex-col gap-2 sm:flex-row sm:flex-wrap`,children:(0,$.jsxs)(X,{type:`button`,className:`w-full sm:w-auto`,disabled:V.busy||!r,onClick:()=>V.setConfirmOpen(!0),children:[V.busy?(0,$.jsx)(I,{className:`size-3.5 animate-spin`}):null,V.busy?g.pairEnableLanEnabling:g.pairEnableLanButton]})}),V.error?(0,$.jsx)(`p`,{className:`text-xs text-red-800 dark:text-red-200`,children:V.error}):null,(0,$.jsx)(`p`,{className:`text-xs leading-relaxed text-amber-900 dark:text-amber-200`,children:d?_?.pairBlockedNextSteps??g.pairBlockedNextSteps:g.pairBlockedNextSteps}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,$.jsx)(a,{to:`/settings/gateway`,className:`inline-block text-xs font-medium text-accent hover:underline`,children:g.pairEnableLanSecurityAuditLink}),d&&_?.pairPublicTabLink?(0,$.jsx)(a,{to:`/settings/remote-access?tab=public`,className:`inline-block text-xs font-medium text-accent hover:underline`,children:_.pairPublicTabLink}):null]})]}):null,G=b&&!d?H?null:(0,$.jsxs)(`div`,{className:`mb-3 space-y-2 rounded-lg bg-surface-panel/80 px-3 py-3 shadow-surface`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`div`,{className:`text-xs font-medium text-fg-muted`,children:g.pairTunnelPublicUrl}),(0,$.jsx)(`div`,{className:`mt-0.5 break-all font-mono text-xs text-fg`,children:x?.publicUrl})]}),S?.lanUrl?(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`div`,{className:`text-xs font-medium text-fg-muted`,children:g.pairTunnelLanUrl}),(0,$.jsx)(`div`,{className:`mt-0.5 break-all font-mono text-xs text-fg`,children:S.lanUrl})]}):null]}):(0,$.jsxs)(`div`,{className:`mb-3 space-y-1.5`,children:[(0,$.jsx)(`label`,{className:`text-sm font-medium text-fg`,htmlFor:`tunnel-mobile-pair-base`,children:g.pairBaseUrlLabel}),(0,$.jsx)(`input`,{id:`tunnel-mobile-pair-base`,className:o(Ee(),`font-mono text-xs`),type:`text`,autoComplete:`off`,spellCheck:!1,placeholder:n||g.pairBaseUrlPlaceholder,value:T,onChange:e=>E(e.target.value)}),(0,$.jsx)(`p`,{className:`text-xs text-fg-subtle`,children:g.pairBaseUrlHint}),!A&&T.trim()?(0,$.jsx)(`p`,{className:`text-xs text-amber-800 dark:text-amber-200`,children:g.pairInvalidBaseUrl}):null,j?(0,$.jsx)(`p`,{className:`rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-950 dark:border-amber-800 dark:bg-amber-950/40 dark:text-amber-100`,children:g.pairLocalhostWarning}):null,i?s(`neutral`):null]})}t[8]=O,t[9]=D,t[10]=A,t[11]=V,t[12]=r,t[13]=_,t[14]=d,t[15]=j,t[16]=c,t[17]=T,t[18]=C?.candidates,t[19]=C?.recommended,t[20]=M,t[21]=E,t[22]=u,t[23]=g.pairBaseUrlHint,t[24]=g.pairBaseUrlLabel,t[25]=g.pairBaseUrlPlaceholder,t[26]=g.pairBlockedLoopbackBody,t[27]=g.pairBlockedNextSteps,t[28]=g.pairBlockedTitle,t[29]=g.pairCandidatesTitle,t[30]=g.pairEnableLanButton,t[31]=g.pairEnableLanEnabling,t[32]=g.pairEnableLanSecurityAuditLink,t[33]=g.pairInvalidBaseUrl,t[34]=g.pairLocalhostWarning,t[35]=g.pairSelectCandidateHint,t[36]=g.pairSelectCandidateTitle,t[37]=g.pairSubtitle,t[38]=g.pairSuggestedLanLabel,t[39]=g.pairTitle,t[40]=g.pairTunnelActive,t[41]=g.pairTunnelLanUrl,t[42]=g.pairTunnelPublicUrl,t[43]=g.pairUseSuggestedUrl,t[44]=g.pairWaitingForTunnel,t[45]=g.refreshQr,t[46]=b,t[47]=S,t[48]=x?.publicUrl,t[49]=H,t[50]=U,t[51]=W,t[52]=G,t[53]=K}else H=t[49],U=t[50],W=t[51],G=t[52],K=t[53];if(K!==Symbol.for(`react.early_return_sentinel`))return K;let te;t[82]===g.pairSecurityNote?te=t[83]:(te=(0,$.jsx)(`p`,{className:`mb-3 text-xs text-fg-subtle`,children:g.pairSecurityNote}),t[82]=g.pairSecurityNote,t[83]=te);let ne;t[84]!==y||t[85]!==N||t[86]!==z||t[87]!==M||t[88]!==F||t[89]!==R||t[90]!==g.pairEncoding||t[91]!==g.pairImageError||t[92]!==g.pairQrDisabled?(ne=N?(0,$.jsxs)(`div`,{className:`flex flex-col items-center gap-3 sm:items-start`,children:[F&&!R?(0,$.jsx)(`img`,{src:F,alt:``,className:`size-56 rounded-lg border border-edge-subtle bg-white object-contain p-3 dark:border-edge`}):null,z?(0,$.jsx)(`p`,{className:`text-sm text-fg-muted`,children:g.pairEncoding}):null,R?(0,$.jsx)(`p`,{className:`text-center text-sm text-fg-muted sm:text-left`,children:g.pairImageError}):null,(0,$.jsx)(L,{text:N,labels:y})]}):M?(0,$.jsx)(`p`,{className:`text-sm text-fg-muted`,children:g.pairQrDisabled}):null,t[84]=y,t[85]=N,t[86]=z,t[87]=M,t[88]=F,t[89]=R,t[90]=g.pairEncoding,t[91]=g.pairImageError,t[92]=g.pairQrDisabled,t[93]=ne):ne=t[93];let q;t[94]!==H||t[95]!==P||t[96]!==g.deeplinkTitle?(q=P&&!H?(0,$.jsxs)(`details`,{className:`mt-3 rounded-lg bg-surface-panel/80 px-3 py-2 shadow-surface`,children:[(0,$.jsx)(`summary`,{className:`cursor-pointer text-xs font-medium text-fg-muted`,children:g.deeplinkTitle}),(0,$.jsx)(`p`,{className:`mt-2 break-all font-mono text-[10px] leading-relaxed text-fg-subtle`,children:P})]}):null,t[94]=H,t[95]=P,t[96]=g.deeplinkTitle,t[97]=q):q=t[97];let re;t[98]!==H||t[99]!==g.pairMobileProbeHint||t[100]!==g.pairSchemeHint?(re=H?null:(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`p`,{className:`mt-3 break-all font-mono text-[10px] leading-relaxed text-fg-subtle`,children:g.pairSchemeHint}),(0,$.jsx)(`p`,{className:`mt-1 text-[10px] leading-relaxed text-fg-subtle`,children:g.pairMobileProbeHint})]}),t[98]=H,t[99]=g.pairMobileProbeHint,t[100]=g.pairSchemeHint,t[101]=re):re=t[101];let J,ie;t[102]===V?(J=t[103],ie=t[104]):(J=()=>void V.runEnableLanPairing(),ie=()=>{V.busy||V.setConfirmOpen(!1)},t[102]=V,t[103]=J,t[104]=ie);let Y;t[105]!==V.confirmOpen||t[106]!==g.consentCancel||t[107]!==g.pairEnableLanButton||t[108]!==g.pairEnableLanConfirmBody||t[109]!==g.pairEnableLanConfirmTitle||t[110]!==J||t[111]!==ie?(Y=(0,$.jsx)(ee,{open:V.confirmOpen,title:g.pairEnableLanConfirmTitle,description:g.pairEnableLanConfirmBody,confirmLabel:g.pairEnableLanButton,cancelLabel:g.consentCancel,onConfirm:J,onCancel:ie}),t[105]=V.confirmOpen,t[106]=g.consentCancel,t[107]=g.pairEnableLanButton,t[108]=g.pairEnableLanConfirmBody,t[109]=g.pairEnableLanConfirmTitle,t[110]=J,t[111]=ie,t[112]=Y):Y=t[112];let ae;return t[113]!==te||t[114]!==ne||t[115]!==q||t[116]!==re||t[117]!==Y||t[118]!==U||t[119]!==W||t[120]!==G?(ae=(0,$.jsx)(Se,{children:(0,$.jsxs)($.Fragment,{children:[U,W,G,te,ne,q,re,Y]})}),t[113]=te,t[114]=ne,t[115]=q,t[116]=re,t[117]=Y,t[118]=U,t[119]=W,t[120]=G,t[121]=ae):ae=t[121],ae}function Oe(e){return e.reachable}function ke(e){return e.kind===`lan`}function Ae(e){return e.language}function je(e){let t=(0,Z.c)(40),{open:n,title:r,intro:i,bullets:a,checkboxLabel:s,confirmLabel:c,cancelLabel:l,onConfirm:u,onCancel:d}=e,[f,p]=(0,Q.useState)(!1),m;t[0]===d?m=t[1]:(m=e=>{e||(p(!1),d())},t[0]=d,t[1]=m);let h;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(h=(0,$.jsx)(O,{className:o(`xopc-dialog-overlay fixed inset-0 bg-scrim backdrop-blur-[1px]`,z)}),t[2]=h):h=t[2];let g;t[3]===Symbol.for(`react.memo_cache_sentinel`)?(g=o(`fixed left-1/2 top-1/2 max-h-[min(90vh,40rem)] w-[min(100%-2rem,32rem)] -translate-x-1/2 -translate-y-1/2`,`overflow-y-auto rounded-2xl border border-edge bg-surface-panel p-6 shadow-popover outline-none dark:border-edge`,D),t[3]=g):g=t[3];let _;t[4]===r?_=t[5]:(_=(0,$.jsx)(N,{className:`text-base font-semibold text-fg`,children:r}),t[4]=r,t[5]=_);let v;t[6]===i?v=t[7]:(v=(0,$.jsx)(re,{className:`mt-2 text-sm text-fg-muted`,children:i}),t[6]=i,t[7]=v);let y;t[8]===a?y=t[9]:(y=a.map(Me),t[8]=a,t[9]=y);let x;t[10]===y?x=t[11]:(x=(0,$.jsx)(`ul`,{className:`mt-4 list-disc space-y-2 pl-5 text-sm text-fg-muted`,children:y}),t[10]=y,t[11]=x);let S;t[12]===Symbol.for(`react.memo_cache_sentinel`)?(S=e=>p(e.target.checked),t[12]=S):S=t[12];let C;t[13]===f?C=t[14]:(C=(0,$.jsx)(`input`,{type:`checkbox`,className:`mt-0.5 size-4 shrink-0 rounded border-edge accent-accent`,checked:f,onChange:S}),t[13]=f,t[14]=C);let w;t[15]===s?w=t[16]:(w=(0,$.jsx)(`span`,{children:s}),t[15]=s,t[16]=w);let T;t[17]!==w||t[18]!==C?(T=(0,$.jsxs)(`label`,{className:`mt-5 flex cursor-pointer items-start gap-3 text-sm text-fg`,children:[C,w]}),t[17]=w,t[18]=C,t[19]=T):T=t[19];let E;t[20]!==l||t[21]!==d?(E=(0,$.jsx)(X,{type:`button`,variant:`secondary`,onClick:d,children:l}),t[20]=l,t[21]=d,t[22]=E):E=t[22];let k=!f,j;t[23]!==c||t[24]!==u||t[25]!==k?(j=(0,$.jsx)(X,{type:`button`,disabled:k,onClick:u,children:c}),t[23]=c,t[24]=u,t[25]=k,t[26]=j):j=t[26];let P;t[27]!==E||t[28]!==j?(P=(0,$.jsxs)(`div`,{className:`mt-6 flex justify-end gap-2`,children:[E,j]}),t[27]=E,t[28]=j,t[29]=P):P=t[29];let F;t[30]!==T||t[31]!==P||t[32]!==_||t[33]!==v||t[34]!==x?(F=(0,$.jsxs)(A,{children:[h,(0,$.jsxs)(b,{className:g,onOpenAutoFocus:Ne,children:[_,v,x,T,P]})]}),t[30]=T,t[31]=P,t[32]=_,t[33]=v,t[34]=x,t[35]=F):F=t[35];let I;return t[36]!==n||t[37]!==m||t[38]!==F?(I=(0,$.jsx)(M,{open:n,onOpenChange:m,children:F}),t[36]=n,t[37]=m,t[38]=F,t[39]=I):I=t[39],I}function Me(e){return(0,$.jsx)(`li`,{children:e},e)}function Ne(e){return e.preventDefault()}function Pe(e){return e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}var Fe=[`preparing_frpc`,`registering`,`starting_frpc`];function Ie(e){return e?e===`reconnecting_frpc`?Fe.indexOf(`starting_frpc`):Fe.indexOf(e):-1}function Le(e,t){if(t.state===`connected`)return`done`;let n=t.startProgress?.phase,r=Fe.indexOf(e),i=Ie(n);return i<0?t.state===`connecting`||t.state===`reconnecting`?`active`:`pending`:r<i?`done`:r===i?`active`:`pending`}function Re(e,t,n){let r=n.startProgress;return Le(t,n)===`active`?t===`preparing_frpc`&&n.frpcDownload?n.frpcDownload.phase===`extracting`?e.frpcExtracting:n.frpcDownload.percent==null?e.frpcDownloading:e.frpcDownloadingPercent.replace(`{{percent}}`,String(n.frpcDownload.percent)):t===`registering`&&r?.publicUrl?e.stepRegisterDetail:t===`starting_frpc`?r?.phase===`reconnecting_frpc`?e.stepReconnectDetail:e.stepFrpcDetail:null:null}function ze(e,t){switch(t){case`preparing_frpc`:return e.stepPrepareFrpc;case`registering`:return e.stepRegister;case`starting_frpc`:return e.stepFrpcLogin}}function Be(e){if(!e)return null;let t=Math.max(0,Math.floor((Date.now()-new Date(e).getTime())/1e3));return t<60?`${t}s`:`${Math.floor(t/60)}m ${t%60}s`}function Ve(e){let t=(0,Z.c)(31),{status:n,t:r}=e,[,i]=(0,Q.useState)(0),a;t[0]!==i||t[1]!==n.state?(a=()=>{if(n.state!==`connecting`&&n.state!==`reconnecting`)return;let e=window.setInterval(()=>i(He),1e3);return()=>window.clearInterval(e)},t[0]=i,t[1]=n.state,t[2]=a):a=t[2];let c=n.startProgress?.startedAt,l;if(t[3]!==n.state||t[4]!==c?(l=[n.state,c],t[3]=n.state,t[4]=c,t[5]=l):l=t[5],(0,Q.useEffect)(a,l),!(n.state===`connecting`||n.state===`reconnecting`||n.state===`connected`&&n.startProgress))return null;let u,d,f,p,m;if(t[6]!==n||t[7]!==r){let e=Be(n.startProgress?.startedAt);u=!!n.publicUrl&&n.state!==`connected`&&n.startProgress?.phase!==`registering`,d=`mt-3 space-y-3 rounded-lg bg-surface-panel/80 px-3 py-3 shadow-surface`;let i;t[13]===r.startProgressTitle?i=t[14]:(i=(0,$.jsx)(`p`,{className:`text-xs font-medium text-fg`,children:r.startProgressTitle}),t[13]=r.startProgressTitle,t[14]=i);let a;t[15]===r.startProgressHint?a=t[16]:(a=(0,$.jsx)(`p`,{className:`mt-1 text-xs text-fg-muted`,children:r.startProgressHint}),t[15]=r.startProgressHint,t[16]=a),t[17]!==i||t[18]!==a?(f=(0,$.jsxs)(`div`,{children:[i,a]}),t[17]=i,t[18]=a,t[19]=f):f=t[19];let c=Fe.map(e=>{let t=Le(e,n),i=Re(r,e,n);return(0,$.jsxs)(`li`,{className:`flex gap-2 text-xs`,children:[(0,$.jsx)(`span`,{className:`mt-0.5 shrink-0 text-fg-subtle`,"aria-hidden":!0,children:t===`done`?(0,$.jsx)(s,{className:`size-3.5 text-emerald-600 dark:text-emerald-400`}):t===`active`?(0,$.jsx)(I,{className:`size-3.5 animate-spin text-accent`}):(0,$.jsx)(T,{className:`size-3.5`})}),(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsx)(`div`,{className:o(`font-medium`,t===`active`?`text-fg`:t===`done`?`text-fg-muted`:`text-fg-subtle`),children:ze(r,e)}),i?(0,$.jsx)(`div`,{className:`mt-0.5 text-fg-muted`,children:i}):null,e===`preparing_frpc`&&t===`active`&&n.frpcDownload&&n.frpcDownload.phase===`downloading`?(0,$.jsxs)(`div`,{className:`mt-2 space-y-1`,children:[(0,$.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-surface-panel`,children:(0,$.jsx)(`div`,{className:o(`h-full rounded-full bg-accent transition-[width] duration-300`,n.frpcDownload.percent==null&&`w-1/3 animate-pulse`),style:n.frpcDownload.percent==null?void 0:{width:`${n.frpcDownload.percent}%`}})}),n.frpcDownload.bytesReceived!=null&&n.frpcDownload.totalBytes?(0,$.jsxs)(`p`,{className:`text-fg-subtle`,children:[Pe(n.frpcDownload.bytesReceived),` /`,` `,Pe(n.frpcDownload.totalBytes)]}):null]}):null,e===`preparing_frpc`&&t===`active`&&n.frpcDownload?.url?(0,$.jsxs)(`p`,{className:`mt-2 text-fg-subtle`,children:[(0,$.jsxs)(`span`,{className:`font-sans`,children:[r.frpcDownloadingUrlLabel,`: `]}),(0,$.jsx)(`a`,{href:n.frpcDownload.url,target:`_blank`,rel:`noopener noreferrer`,className:`break-all font-mono text-[11px] text-accent hover:underline`,children:n.frpcDownload.url})]}):null]})]},e)});t[20]===c?p=t[21]:(p=(0,$.jsx)(`ol`,{className:`space-y-2`,children:c}),t[20]=c,t[21]=p),m=e&&n.startProgress?(0,$.jsx)(`p`,{className:`text-xs text-fg-subtle`,children:r.startProgressElapsed.replace(`{{elapsed}}`,e)}):null,t[6]=n,t[7]=r,t[8]=u,t[9]=d,t[10]=f,t[11]=p,t[12]=m}else u=t[8],d=t[9],f=t[10],p=t[11],m=t[12];let h;t[22]!==u||t[23]!==r.publicUrlPendingNotice?(h=u?(0,$.jsx)(`p`,{className:`text-xs text-fg-muted`,children:r.publicUrlPendingNotice}):null,t[22]=u,t[23]=r.publicUrlPendingNotice,t[24]=h):h=t[24];let g;return t[25]!==d||t[26]!==f||t[27]!==p||t[28]!==m||t[29]!==h?(g=(0,$.jsxs)(`div`,{className:d,children:[f,p,m,h]}),t[25]=d,t[26]=f,t[27]=p,t[28]=m,t[29]=h,t[30]=g):g=t[30],g}function He(e){return e+1}function Ue(e,t){return t.state===`connected`?e.statusConnected:t.state===`error`?e.statusError:t.startProgress?.phase===`reconnecting_frpc`?e.statusReconnecting:t.startProgress?.phase===`starting_frpc`?e.statusStartingFrpc:t.startProgress?.phase===`registering`?e.statusRegistering:t.startProgress?.phase===`preparing_frpc`||t.frpcDownload?e.statusPreparingFrpc:t.state===`connecting`||t.state===`reconnecting`?e.statusConnecting:e.statusOff}function We(e){return e.state===`connected`?`connected`:e.state===`error`?`error`:e.state===`connecting`||e.state===`reconnecting`||e.startProgress||e.frpcDownload?`progress`:`off`}function Ge(e){switch(e){case`connected`:return`bg-emerald-500/15 text-emerald-700 dark:text-emerald-400`;case`progress`:return`bg-amber-500/15 text-amber-700 dark:text-amber-400`;case`error`:return`bg-red-500/15 text-red-700 dark:text-red-400`;default:return`bg-surface-hover text-fg-muted`}}function Ke(e){if(!e)return`—`;let t=Date.now()-new Date(e).getTime();if(t<0)return`—`;let n=Math.floor(t/6e4);return n<60?`${n}m`:`${Math.floor(n/60)}h ${n%60}m`}function qe(e){let t=(0,Z.c)(61),{t:n,status:r,isLoading:i,statusErr:a,starting:s,stopping:c,showConsentExpired:l,copyLabels:u,startDisabled:d,startDisabledReason:f,stepLabel:p,onStart:m,onStop:h}=e,g=d===void 0?!1:d,_,v,y,b,x,S,C;t[0]!==r||t[1]!==s?(C=We(r),_=r.enabled||s,v=s||r.state===`connecting`||r.state===`reconnecting`||!!r.startProgress||!!r.frpcDownload,t[9]===Symbol.for(`react.memo_cache_sentinel`)?(S=o(xe(),`space-y-4`),t[9]=S):S=t[9],x=`flex flex-wrap items-start justify-between gap-3`,b=`flex items-center gap-2`,y=o(`inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-medium`,Ge(C)),t[0]=r,t[1]=s,t[2]=_,t[3]=v,t[4]=y,t[5]=b,t[6]=x,t[7]=S,t[8]=C):(_=t[2],v=t[3],y=t[4],b=t[5],x=t[6],S=t[7],C=t[8]);let w=C===`connected`&&`bg-emerald-500`,T=C===`progress`&&`bg-amber-500 animate-pulse`,E=C===`error`&&`bg-red-500`,D=C===`off`&&`bg-fg-subtle`,O;t[10]!==w||t[11]!==T||t[12]!==E||t[13]!==D?(O=o(`size-1.5 rounded-full`,w,T,E,D),t[10]=w,t[11]=T,t[12]=E,t[13]=D,t[14]=O):O=t[14];let k;t[15]===O?k=t[16]:(k=(0,$.jsx)(`span`,{className:O,"aria-hidden":!0}),t[15]=O,t[16]=k);let A;t[17]!==i||t[18]!==r||t[19]!==n?(A=i&&!r.enabled?(0,$.jsx)(`span`,{"aria-hidden":`true`,className:`inline-block h-3 w-16 animate-pulse rounded-full bg-surface-hover/70 motion-reduce:animate-none`}):Ue(n,r),t[17]=i,t[18]=r,t[19]=n,t[20]=A):A=t[20];let j;t[21]!==k||t[22]!==A||t[23]!==y?(j=(0,$.jsxs)(`span`,{className:y,children:[k,A]}),t[21]=k,t[22]=A,t[23]=y,t[24]=j):j=t[24];let M;t[25]!==r.connectedSince||t[26]!==r.state||t[27]!==n.uptime?(M=r.connectedSince&&r.state===`connected`?(0,$.jsxs)(`span`,{className:`text-xs text-fg-subtle`,children:[n.uptime,` `,Ke(r.connectedSince)]}):null,t[25]=r.connectedSince,t[26]=r.state,t[27]=n.uptime,t[28]=M):M=t[28];let N;t[29]!==j||t[30]!==M||t[31]!==b?(N=(0,$.jsxs)(`div`,{className:b,children:[j,M]}),t[29]=j,t[30]=M,t[31]=b,t[32]=N):N=t[32];let P;t[33]===Symbol.for(`react.memo_cache_sentinel`)?(P=(0,$.jsx)(K,{className:`size-4 text-fg-subtle`,strokeWidth:1.75,"aria-hidden":!0}),t[33]=P):P=t[33];let F;t[34]!==N||t[35]!==x?(F=(0,$.jsxs)(`div`,{className:x,children:[N,P]}),t[34]=N,t[35]=x,t[36]=F):F=t[36];let R;t[37]===a?R=t[38]:(R=a?(0,$.jsx)(`p`,{className:`text-sm text-red-600 dark:text-red-400`,children:a instanceof Error?a.message:String(a)}):null,t[37]=a,t[38]=R);let z;t[39]!==l||t[40]!==n.consentExpiredBanner?(z=l?(0,$.jsx)(`p`,{className:`rounded-lg border border-amber-500/25 bg-amber-500/5 px-3 py-2 text-xs text-fg-muted`,children:n.consentExpiredBanner}):null,t[39]=l,t[40]=n.consentExpiredBanner,t[41]=z):z=t[41];let B;t[42]!==_||t[43]!==u||t[44]!==m||t[45]!==h||t[46]!==v||t[47]!==r||t[48]!==g||t[49]!==f||t[50]!==s||t[51]!==p||t[52]!==c||t[53]!==n?(B=_?(0,$.jsxs)(`div`,{className:`space-y-4`,children:[r.publicUrl?(0,$.jsx)(`div`,{className:`rounded-xl bg-surface-panel/80 px-3 py-3 shadow-surface`,children:(0,$.jsx)(L,{label:n.publicUrlLabel,text:r.publicUrl,labels:u})}):null,v?(0,$.jsx)(Ve,{status:r,t:n}):null,r.lastError&&r.state===`error`?(0,$.jsx)(`p`,{className:`text-sm text-red-600 dark:text-red-400`,children:r.lastError}):null,(0,$.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:r.enabled?(0,$.jsxs)(X,{type:`button`,variant:`secondary`,disabled:c,onClick:h,children:[c?(0,$.jsx)(I,{className:`size-4 animate-spin`}):null,n.stop]}):(0,$.jsxs)(X,{type:`button`,disabled:s,onClick:m,children:[s?(0,$.jsx)(I,{className:`size-4 animate-spin`}):(0,$.jsx)(W,{className:`size-4`}),n.start]})})]}):(0,$.jsxs)(`div`,{className:`space-y-4`,children:[p?(0,$.jsx)(`p`,{className:`text-xs font-medium uppercase tracking-wide text-fg-subtle`,children:p}):null,(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`h2`,{className:`text-base font-semibold text-fg`,children:n.emptyStateTitle}),(0,$.jsx)(`p`,{className:`mt-1 text-sm leading-relaxed text-fg-muted`,children:n.emptyStateBody})]}),(0,$.jsxs)(`div`,{className:`flex items-start gap-2 rounded-lg border border-amber-500/25 bg-amber-500/5 px-3 py-2.5 text-xs text-fg-muted`,children:[(0,$.jsx)(J,{className:`mt-0.5 size-4 shrink-0 text-amber-600 dark:text-amber-400`}),(0,$.jsx)(`p`,{children:n.riskBannerBody})]}),g&&f?(0,$.jsx)(`p`,{className:`text-sm text-amber-800 dark:text-amber-200`,children:f}):null,(0,$.jsxs)(X,{type:`button`,disabled:s||g,onClick:m,className:`w-full sm:w-auto`,children:[s?(0,$.jsx)(I,{className:`size-4 animate-spin`}):(0,$.jsx)(W,{className:`size-4`}),n.start]})]}),t[42]=_,t[43]=u,t[44]=m,t[45]=h,t[46]=v,t[47]=r,t[48]=g,t[49]=f,t[50]=s,t[51]=p,t[52]=c,t[53]=n,t[54]=B):B=t[54];let V;return t[55]!==F||t[56]!==R||t[57]!==z||t[58]!==B||t[59]!==S?(V=(0,$.jsxs)(`section`,{className:S,children:[F,R,z,B]}),t[55]=F,t[56]=R,t[57]=z,t[58]=B,t[59]=S,t[60]=V):V=t[60],V}var Je=`https://console.xopc.ai/keys/tunnel`,Ye={reconfiguring:!1};function Xe(e){let t=(0,Z.c)(84),{t:n,brokerSecretFromEnv:r,brokerSecretMissing:i,brokerSecretConfiguredInConfig:a,brokerSecretMaskedValue:c,brokerSecretDraft:l,savingBrokerSecret:u,brokerSecretNotice:d,copyFailedLabel:f,onDraftChange:p,onSave:m,onClear:h,sectionRef:g}=e,_=(0,Q.useId)(),v=i&&!r,b=!v,[x,C]=(0,Q.useReducer)(ie,Ye),{reconfiguring:w}=x,T;t[0]!==a||t[1]!==l||t[2]!==r||t[3]!==w?(T=a&&!r&&!w&&!l.trim(),t[0]=a,t[1]=l,t[2]=r,t[3]=w,t[4]=T):T=t[4];let D=T,O;t[5]!==n.copied||t[6]!==n.copyKey||t[7]!==n.hideKey||t[8]!==n.showKey?(O={show:n.showKey,hide:n.hideKey,copy:n.copyKey,copied:n.copied},t[5]=n.copied,t[6]=n.copyKey,t[7]=n.hideKey,t[8]=n.showKey,t[9]=O):O=t[9];let k=O,A;t[10]===l?A=t[11]:(A=l.trim().length>0&&!E(l.trim()),t[10]=l,t[11]=A);let j=A,M;t[12]===p?M=t[13]:(M=()=>{C({type:`patch`,patch:{reconfiguring:!1}}),p(``)},t[12]=p,t[13]=M);let N=M,P=v&&`ring-1 ring-amber-500/30`,F;t[14]===P?F=t[15]:(F=o(P),t[14]=P,t[15]=F);let L=b?`bg-emerald-500/10 text-emerald-600 dark:text-emerald-400`:v?`bg-amber-500/10 text-amber-700 dark:text-amber-400`:`bg-surface-hover text-fg-muted`,R;t[16]===L?R=t[17]:(R=o(`flex size-9 shrink-0 items-center justify-center rounded-lg`,L),t[16]=L,t[17]=R);let z;t[18]===b?z=t[19]:(z=b?(0,$.jsx)(s,{className:`size-4`,strokeWidth:2,"aria-hidden":!0}):(0,$.jsx)(y,{className:`size-4`,strokeWidth:1.75,"aria-hidden":!0}),t[18]=b,t[19]=z);let B;t[20]!==R||t[21]!==z?(B=(0,$.jsx)(`span`,{className:R,children:z}),t[20]=R,t[21]=z,t[22]=B):B=t[22];let H=b?n.brokerSecretReadyTitle:n.brokerSecretStepTitle,U;t[23]===H?U=t[24]:(U=(0,$.jsx)(`p`,{className:`text-sm font-semibold text-fg`,children:H}),t[23]=H,t[24]=U);let ee=b?n.brokerSecretReadyHint:n.brokerSecretHint,W;t[25]===ee?W=t[26]:(W=(0,$.jsx)(`p`,{className:`mt-1 text-sm leading-relaxed text-fg-muted`,children:ee}),t[25]=ee,t[26]=W);let G;t[27]!==v||t[28]!==n.brokerSecretMissingHint?(G=v?(0,$.jsx)(`p`,{className:`mt-2 text-xs text-amber-800 dark:text-amber-200`,children:n.brokerSecretMissingHint}):null,t[27]=v,t[28]=n.brokerSecretMissingHint,t[29]=G):G=t[29];let K;t[30]!==U||t[31]!==W||t[32]!==G?(K=(0,$.jsxs)(`div`,{children:[U,W,G]}),t[30]=U,t[31]=W,t[32]=G,t[33]=K):K=t[33];let te;t[34]===Symbol.for(`react.memo_cache_sentinel`)?(te=(0,$.jsx)(S,{className:`size-3`,"aria-hidden":!0}),t[34]=te):te=t[34];let ne;t[35]===n.brokerSecretConsoleLink?ne=t[36]:(ne=(0,$.jsxs)(`a`,{href:Je,target:`_blank`,rel:`noopener noreferrer`,className:`inline-flex w-fit items-center gap-1 text-xs font-medium text-accent-fg hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent`,children:[n.brokerSecretConsoleLink,te]}),t[35]=n.brokerSecretConsoleLink,t[36]=ne);let q;t[37]!==r||t[38]!==n.brokerSecretEnvHint?(q=r?(0,$.jsx)(`p`,{className:`rounded-lg bg-surface-panel/80 px-3 py-2 text-xs text-fg-muted shadow-surface`,children:n.brokerSecretEnvHint}):null,t[37]=r,t[38]=n.brokerSecretEnvHint,t[39]=q):q=t[39];let re;t[40]!==a||t[41]!==l||t[42]!==r||t[43]!==c||t[44]!==j||t[45]!==N||t[46]!==f||t[47]!==_||t[48]!==v||t[49]!==h||t[50]!==p||t[51]!==m||t[52]!==w||t[53]!==u||t[54]!==k||t[55]!==D||t[56]!==n.brokerSecretCancelReconfigure||t[57]!==n.brokerSecretClear||t[58]!==n.brokerSecretMaskedHelp||t[59]!==n.brokerSecretNotInConfigFile||t[60]!==n.brokerSecretPlaceholder||t[61]!==n.brokerSecretReconfigure||t[62]!==n.brokerSecretRevealFailed||t[63]!==n.brokerSecretSave||t[64]!==n.brokerSecretSaveAndContinue||t[65]!==n.brokerSecretTitle?(re=D?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`label`,{className:`sr-only`,htmlFor:_,children:n.brokerSecretTitle}),(0,$.jsx)(V,{id:_,value:c,labels:k,reveal:Ze,loadFailedLabel:f||n.brokerSecretRevealFailed,maskedHelp:n.brokerSecretMaskedHelp,notInConfigFile:n.brokerSecretNotInConfigFile,readOnly:!0}),(0,$.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,$.jsx)(X,{type:`button`,variant:`secondary`,disabled:u,onClick:()=>{C({type:`patch`,patch:{reconfiguring:!0}})},children:n.brokerSecretReconfigure}),(0,$.jsx)(X,{type:`button`,variant:`ghost`,disabled:u,onClick:h,children:n.brokerSecretClear})]})]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`label`,{className:`sr-only`,htmlFor:_,children:n.brokerSecretTitle}),(0,$.jsx)(V,{id:_,value:l,onChange:p,placeholder:n.brokerSecretPlaceholder,labels:k,disabled:u}),(0,$.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,$.jsxs)(X,{type:`button`,disabled:u||!j,onClick:m,children:[u?(0,$.jsx)(I,{className:`size-4 animate-spin`}):null,v?n.brokerSecretSaveAndContinue:n.brokerSecretSave]}),a||r?(0,$.jsx)(X,{type:`button`,variant:`ghost`,disabled:u,onClick:h,children:n.brokerSecretClear}):null,w?(0,$.jsx)(X,{type:`button`,variant:`ghost`,disabled:u,onClick:N,children:n.brokerSecretCancelReconfigure}):null]})]}),t[40]=a,t[41]=l,t[42]=r,t[43]=c,t[44]=j,t[45]=N,t[46]=f,t[47]=_,t[48]=v,t[49]=h,t[50]=p,t[51]=m,t[52]=w,t[53]=u,t[54]=k,t[55]=D,t[56]=n.brokerSecretCancelReconfigure,t[57]=n.brokerSecretClear,t[58]=n.brokerSecretMaskedHelp,t[59]=n.brokerSecretNotInConfigFile,t[60]=n.brokerSecretPlaceholder,t[61]=n.brokerSecretReconfigure,t[62]=n.brokerSecretRevealFailed,t[63]=n.brokerSecretSave,t[64]=n.brokerSecretSaveAndContinue,t[65]=n.brokerSecretTitle,t[66]=re):re=t[66];let J;t[67]===d?J=t[68]:(J=d?(0,$.jsx)(`p`,{className:`text-xs text-emerald-700 dark:text-emerald-400`,children:d}):null,t[67]=d,t[68]=J);let Y;t[69]!==K||t[70]!==ne||t[71]!==q||t[72]!==re||t[73]!==J?(Y=(0,$.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-3`,children:[K,ne,q,re,J]}),t[69]=K,t[70]=ne,t[71]=q,t[72]=re,t[73]=J,t[74]=Y):Y=t[74];let ae;t[75]!==B||t[76]!==Y?(ae=(0,$.jsxs)(`div`,{className:`flex items-start gap-3`,children:[B,Y]}),t[75]=B,t[76]=Y,t[77]=ae):ae=t[77];let oe;t[78]!==ae||t[79]!==F?(oe=(0,$.jsx)(Se,{className:F,children:ae}),t[78]=ae,t[79]=F,t[80]=oe):oe=t[80];let se;return t[81]!==g||t[82]!==oe?(se=(0,$.jsx)(`div`,{ref:g,id:`tunnel-broker-secret-setup`,children:oe}),t[81]=g,t[82]=oe,t[83]=se):se=t[83],se}function Ze(){return te().then(Qe)}function Qe(e){return e.registrationSecret??null}function $e(e){let t=(0,Z.c)(10),{language:n,label:r,section:i,className:a}=e,s;t[0]!==n||t[1]!==i?(s=R(n,i),t[0]=n,t[1]=i,t[2]=s):s=t[2];let c;t[3]===a?c=t[4]:(c=o(`inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/40`,a),t[3]=a,t[4]=c);let l;t[5]===Symbol.for(`react.memo_cache_sentinel`)?(l=(0,$.jsx)(S,{className:`size-3.5 shrink-0`,"aria-hidden":!0}),t[5]=l):l=t[5];let u;return t[6]!==r||t[7]!==s||t[8]!==c?(u=(0,$.jsxs)(`a`,{href:s,target:`_blank`,rel:`noreferrer`,className:c,children:[r,l]}),t[6]=r,t[7]=s,t[8]=c,t[9]=u):u=t[9],u}var et=e(Ce(),1),tt={width:216,margin:2,errorCorrectionLevel:`M`,color:{dark:`#000000ff`,light:`#ffffffff`}};async function nt(e){return et.toDataURL(e,tt)}function rt(e){let t=e?.candidates??[],n=t.find(e=>e.kind===`lan`&&e.reachable),r=t.find(e=>e.kind===`lan`);return(n??r)?.url?.trim()??``}function it(e,t){let n=t.trim();return!n||!e?!1:e.candidates.some(e=>e.kind===`tunnel`&&e.url.trim()===n)}function at(e,t){return e?t?rt(e)||e.recommended.url?.trim()||``:e.recommended.url?.trim()||``:``}function ot(e,t){let n=t?.preferLan===!0,r=!!e,{mutate:i}=_(),a=(0,Q.useRef)(!1),{data:o}=v(r?`tunnel-status`:null,ce,{refreshInterval:6e4}),{data:s,mutate:c}=v(r?`tunnel-pair-context`:null,U,{refreshInterval:6e4});(0,Q.useEffect)(()=>{let e=()=>{i(`tunnel-status`),i(`tunnel-qr`),i(`tunnel-pair`),i(`tunnel-pair-context`)};return window.addEventListener(`tunnel-status`,e),()=>window.removeEventListener(`tunnel-status`,e)},[i]);let l=o?.state===`connected`&&!!o.publicUrl?.trim(),u=l&&!n,{data:f,mutate:p}=v(u&&r?`tunnel-qr`:null,G,{refreshInterval:4*6e4}),{data:m,mutate:g}=v(!u&&r&&s?.pairingReady?`tunnel-pair`:null,Y,{refreshInterval:4*6e4}),[y,b]=(0,Q.useState)(``),[x,S]=(0,Q.useState)(``),[w,T]=(0,Q.useState)({pairContext:void 0,preferLan:n});if(!a.current&&(s!==w.pairContext||n!==w.preferLan)){T({pairContext:s,preferLan:n});let e=at(s,n);y!==e&&b(e)}let E=(0,Q.useCallback)(e=>{a.current=!0,b(e)},[]),D=(0,Q.useCallback)(()=>{let e=at(s,n);e&&(a.current=!0,b(e))},[s,n]),O=(0,Q.useCallback)(e=>{let t=e.trim();t&&(a.current=!0,b(t))},[]),k=(0,Q.useCallback)(e=>{a.current=!1,b(e?.trim()||at(s,n))},[s,n]),A=y.trim(),j=(0,Q.useMemo)(()=>{try{let e=new URL(A);return e.protocol===`http:`||e.protocol===`https:`}catch{return!1}},[A]),M=j&&h(A),N=!u&&!!(s&&!s.pairingReady&&s.blockReason===`GATEWAY_LOOPBACK_ONLY`),P=!u&&j&&!M&&!!m?.pairingSecret&&(s?.pairingReady===!0||!N),F=(0,Q.useMemo)(()=>{let e=rt(s);return n?e||(A&&!it(s,A)?A:``):A},[s,n,A]),I=(0,Q.useMemo)(()=>{if(!e)return``;if(x.trim())return x.trim();if(u&&f?.qrPayload?.trim())return f.qrPayload.trim();if(!P||!m?.pairingSecret)return``;let t=s?.candidates.find(e=>e.kind===`tunnel`&&e.reachable),r=s?.candidates.find(e=>e.kind===`lan`&&e.reachable),i=n?F:t?.url??A;return i?d({baseUrl:i,pairingSecret:m.pairingSecret,lanUrl:n?null:t&&r?r.url:null}):``},[e,F,m?.pairingSecret,P,x,n,A,u,f?.qrPayload,s?.candidates]),L=C(()=>nt(I),[I],{enabled:!!I,initial:null,errorData:null}),R=I?L.data:null,z=!!(I&&L.error!==null&&!L.loading);return{tunnelActive:l,tunnelStatus:o,tunnelQr:f,pairContext:s,pairBaseUrl:y,setPairBaseUrl:E,applySuggestedPairUrl:D,applyCandidateUrl:O,baseOk:j,localhostWarn:M,pairingBlocked:N,deepLink:I,qrPayload:I,qrDataUrl:R,qrGenFailed:z,encoding:!!(I&&!R&&!z),refreshQr:(0,Q.useCallback)(async e=>{if(e?.trim()){S(e.trim()),p({qrPayload:e.trim(),publicUrl:o?.publicUrl??``,lanUrl:f?.lanUrl??null},!1);return}S(``),await c(),u?await p():s?.pairingReady&&await g()},[g,c,p,s?.pairingReady,f?.lanUrl,o?.publicUrl,u]),resetPairBaseFromContext:k}}var st={actionError:null,starting:!1,stopping:!1,savingAutoStart:!1,consentOpen:!1,autoStartConfirmOpen:!1,releaseConfirmOpen:!1,releasing:!1,brokerSecretDraft:``,savingBrokerSecret:!1,brokerSecretNotice:null};function ct({embedded:e=!1}){let t=p(e=>e.language),n=l(t).tunnelSettings,r=m(e=>e.token),i=!!r,[a,s]=(0,Q.useReducer)(ie,st),{actionError:c,starting:u,stopping:d,savingAutoStart:f,consentOpen:h,autoStartConfirmOpen:g,releaseConfirmOpen:_,releasing:y,brokerSecretDraft:b,savingBrokerSecret:x,brokerSecretNotice:S}=a,C=(0,Q.useRef)(null),w=ot(r??``),{data:T}=de(i),{data:D,error:O,isLoading:k,mutate:A}=v(i?`tunnel-status`:null,ce,{refreshInterval:e=>u?1e3:e?.frpcDownload||e?.state===`connecting`||e?.state===`reconnecting`?2e3:6e4}),j=(0,Q.useMemo)(()=>{let e=T?.payload?.config;if(e&&typeof e==`object`&&!Array.isArray(e)){let t=e.tunnel;if(t&&typeof t==`object`&&!Array.isArray(t)&&t.autoStart===!0)return!0}return D?.config?.autoStart===!0},[T,D?.config?.autoStart]),M=(0,Q.useMemo)(()=>{let e=T?.payload?.config;if(e&&typeof e==`object`&&!Array.isArray(e)){let t=e.tunnel;if(t&&typeof t==`object`&&!Array.isArray(t)){let e=t.registrationSecret;if(typeof e==`string`)return e}}return``},[T]),N=E(M),P=D?.registrationSecret?.source===`env`,F=D?.registrationSecret?.source===`missing`,L=D?.registrationSecret?.configured===!0;(0,Q.useEffect)(()=>{let e=()=>{A()};return window.addEventListener(`tunnel-status`,e),()=>window.removeEventListener(`tunnel-status`,e)},[A]);let R=(0,Q.useMemo)(()=>[n.consentBullet1,n.consentBullet2,n.consentBullet3],[n.consentBullet1,n.consentBullet2,n.consentBullet3]),z=(0,Q.useCallback)(async()=>{s({type:`patch`,patch:{actionError:null}}),s({type:`patch`,patch:{starting:!0}});try{let e=await B();await A(),oe(),await w.refreshQr(e.qrPayload)}catch(e){s({type:`patch`,patch:{actionError:e instanceof Error?e.message:String(e)}})}finally{s({type:`patch`,patch:{starting:!1}})}},[A,w.refreshQr]),V=(0,Q.useCallback)(()=>{if(!L){s({type:`patch`,patch:{actionError:n.brokerSecretRequiredBeforeStart}}),C.current?.scrollIntoView({behavior:`smooth`,block:`start`});return}if(D?.consentRequired){s({type:`patch`,patch:{consentOpen:!0}});return}z()},[L,D?.consentRequired,z,n.brokerSecretRequiredBeforeStart]),H=(0,Q.useCallback)(async()=>{s({type:`patch`,patch:{consentOpen:!1}}),s({type:`patch`,patch:{actionError:null}});try{await ne(),await Promise.all([A(),z()])}catch(e){s({type:`patch`,patch:{actionError:e instanceof Error?e.message:String(e)}})}},[A,z]),U=(0,Q.useCallback)(async()=>{s({type:`patch`,patch:{actionError:null}}),s({type:`patch`,patch:{stopping:!0}});try{await he(),await Promise.all([w.refreshQr(),A()]),oe()}catch(e){s({type:`patch`,patch:{actionError:e instanceof Error?e.message:String(e)}})}finally{s({type:`patch`,patch:{stopping:!1}})}},[A,w.refreshQr]),W=(0,Q.useCallback)(async e=>{s({type:`patch`,patch:{savingAutoStart:!0}}),s({type:`patch`,patch:{actionError:null}});try{await ae({autoStart:e}),oe()}catch(e){s({type:`patch`,patch:{actionError:e instanceof Error?e.message:String(e)}})}finally{s({type:`patch`,patch:{savingAutoStart:!1}})}},[]),G=(0,Q.useCallback)(()=>{if(j){W(!1);return}if(D?.consentRequired){s({type:`patch`,patch:{actionError:n.consentExpiredBanner}});return}if(!D?.canAutoStart){s({type:`patch`,patch:{actionError:n.autoStartHint}});return}s({type:`patch`,patch:{autoStartConfirmOpen:!0}})},[W,D?.canAutoStart,D?.consentRequired,n,j]),te=(0,Q.useCallback)(async()=>{let e=b.trim();if(e){s({type:`patch`,patch:{savingBrokerSecret:!0,actionError:null,brokerSecretNotice:null}});try{await ae({registrationSecret:e}),s({type:`patch`,patch:{brokerSecretDraft:``,brokerSecretNotice:n.brokerSecretSaved}}),oe(),await A(),s({type:`patch`,patch:{actionError:null}})}catch(e){s({type:`patch`,patch:{actionError:e instanceof Error?e.message:String(e)}})}finally{s({type:`patch`,patch:{savingBrokerSecret:!1}})}}},[b,A,n.brokerSecretSaved]),q=(0,Q.useCallback)(async()=>{s({type:`patch`,patch:{savingBrokerSecret:!0,actionError:null,brokerSecretNotice:null}});try{await ae({registrationSecret:null}),s({type:`patch`,patch:{brokerSecretDraft:``,brokerSecretNotice:n.brokerSecretCleared}}),oe(),await A()}catch(e){s({type:`patch`,patch:{actionError:e instanceof Error?e.message:String(e)}})}finally{s({type:`patch`,patch:{savingBrokerSecret:!1}})}},[A,n.brokerSecretCleared]),re=(0,Q.useCallback)(async()=>{s({type:`patch`,patch:{releaseConfirmOpen:!1,actionError:null,releasing:!0}});try{await he({release:!0}),await Promise.all([w.refreshQr(),A()]),oe()}catch(e){s({type:`patch`,patch:{actionError:e instanceof Error?e.message:String(e)}})}finally{s({type:`patch`,patch:{releasing:!1}})}},[A,w.refreshQr]),J=(0,Q.useMemo)(()=>({copy:n.copyUrl,copied:n.copied,copyFailed:l(t).clipboard.copyFailed}),[t,n.copyUrl,n.copied]);if(!i)return(0,$.jsx)(`div`,{className:e?void 0:`w-full px-3 py-8 sm:px-5 xl:px-6`,children:(0,$.jsx)(`p`,{className:`text-sm text-fg-muted`,children:n.needToken})});let Y=D??{enabled:!1,state:`disconnected`,subdomain:null,publicUrl:null,connectedSince:null,frpcPid:null,lastHeartbeatAt:null,lastError:null,consentRequired:!0,config:{autoStart:j,brokerUrl:`https://frp.xopc.ai/api`}},se=D?.consentRequired&&(Y.enabled||j||D?.consent?.acceptedAt),le=(0,$.jsx)(Xe,{t:n,brokerSecretFromEnv:P,brokerSecretMissing:F,brokerSecretConfiguredInConfig:N,brokerSecretMaskedValue:N?M:``,brokerSecretDraft:b,savingBrokerSecret:x,brokerSecretNotice:S,copyFailedLabel:l(t).clipboard.copyFailed,onDraftChange:e=>s({type:`patch`,patch:{brokerSecretDraft:e}}),onSave:()=>void te(),onClear:()=>void q(),sectionRef:C}),ue=(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(je,{open:h,title:n.consentTitle,intro:n.consentIntro,bullets:R,checkboxLabel:n.consentCheckbox,confirmLabel:se?n.consentReconfirm:n.consentConfirm,cancelLabel:n.consentCancel,onConfirm:()=>void H(),onCancel:()=>s({type:`patch`,patch:{consentOpen:!1}})},h?`consent-open`:`consent-closed`),(0,$.jsx)(ee,{open:g,title:n.autoStartConfirmTitle,description:n.autoStartConfirmBody,confirmLabel:n.autoStartConfirmLabel,cancelLabel:n.consentCancel,onConfirm:()=>{s({type:`patch`,patch:{autoStartConfirmOpen:!1}}),W(!0)},onCancel:()=>s({type:`patch`,patch:{autoStartConfirmOpen:!1}})}),(0,$.jsx)(ee,{open:_,title:n.releaseConfirmTitle,description:n.releaseConfirmBody,confirmLabel:n.releaseConfirmLabel,cancelLabel:n.consentCancel,destructive:!0,onConfirm:()=>void re(),onCancel:()=>s({type:`patch`,patch:{releaseConfirmOpen:!1}})})]});return e?(0,$.jsxs)(`div`,{className:`flex w-full flex-col gap-4`,children:[c?(0,$.jsx)(`p`,{className:`text-sm text-red-600 dark:text-red-400`,children:c}):null,le,(0,$.jsx)(qe,{t:n,status:Y,isLoading:k,statusErr:O,starting:u,stopping:d,showConsentExpired:!!se,copyLabels:J,startDisabled:!L,startDisabledReason:L?void 0:n.brokerSecretRequiredBeforeStart,stepLabel:n.flowStepStart,onStart:V,onStop:()=>void U()}),(0,$.jsx)(De,{pairQr:w,gatewayToken:r??``,streamlined:!0,onRefreshQr:()=>void w.refreshQr()}),(0,$.jsxs)(ye,{showLabel:n.showOptions,hideLabel:n.hideOptions,children:[(0,$.jsxs)(`label`,{className:o(`flex items-center gap-3 text-sm text-fg`,!j&&!D?.canAutoStart?`cursor-not-allowed opacity-60`:`cursor-pointer`),children:[(0,$.jsx)(`input`,{type:`checkbox`,className:`size-4 rounded border-edge accent-accent`,checked:j,disabled:f||!j&&!D?.canAutoStart,onChange:G}),n.autoStart]}),!D?.canAutoStart&&!j?(0,$.jsx)(`p`,{className:`text-xs text-fg-subtle`,children:n.autoStartHint}):null,Y.subdomain||Y.publicUrl?(0,$.jsxs)(`div`,{className:`space-y-2 border-t border-edge-subtle pt-4`,children:[(0,$.jsxs)(X,{type:`button`,variant:`secondary`,disabled:y||d,className:`border-danger/40 text-danger hover:bg-danger/10`,onClick:()=>s({type:`patch`,patch:{releaseConfirmOpen:!0}}),children:[y?(0,$.jsx)(I,{className:`size-4 animate-spin`}):null,n.release]}),(0,$.jsx)(`p`,{className:`text-xs text-fg-subtle`,children:n.releaseHint})]}):null]}),(0,$.jsx)(ye,{showLabel:n.showAdvanced,hideLabel:n.hideAdvanced,children:(0,$.jsxs)(`div`,{className:`flex flex-col gap-2 border-t border-edge-subtle pt-4 text-xs text-fg-subtle`,children:[(0,$.jsxs)(`p`,{className:`flex items-start gap-2`,children:[(0,$.jsx)(K,{className:`mt-0.5 size-4 shrink-0 text-accent`}),(0,$.jsx)(`span`,{children:n.brokerNote})]}),(0,$.jsx)($e,{language:t,label:n.brokerDocsLink,section:`public-tunnel`,className:`text-xs`})]})}),ue]}):(0,$.jsxs)(`div`,{className:e?`flex w-full flex-col gap-6`:`flex w-full flex-col gap-6 px-3 py-8 sm:px-5 xl:px-6`,children:[e?null:(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`h1`,{className:`text-lg font-semibold text-fg`,children:n.title}),(0,$.jsx)(`p`,{className:`mt-1 text-sm text-fg-muted`,children:n.subtitle})]}),c?(0,$.jsx)(`p`,{className:`text-sm text-red-600 dark:text-red-400`,children:c}):null,le,(0,$.jsx)(qe,{t:n,status:Y,isLoading:k,statusErr:O,starting:u,stopping:d,showConsentExpired:!!se,copyLabels:J,startDisabled:!L,startDisabledReason:L?void 0:n.brokerSecretRequiredBeforeStart,onStart:V,onStop:()=>void U()}),(0,$.jsx)(De,{pairQr:w,gatewayToken:r??``}),Y.subdomain||Y.publicUrl?(0,$.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:(0,$.jsxs)(X,{type:`button`,variant:`secondary`,disabled:y||d,className:`border-danger/40 text-danger hover:bg-danger/10`,onClick:()=>s({type:`patch`,patch:{releaseConfirmOpen:!0}}),children:[y?(0,$.jsx)(I,{className:`size-4 animate-spin`}):null,n.release]})}):null,Y.subdomain||Y.publicUrl?(0,$.jsx)(`p`,{className:`text-xs text-fg-subtle`,children:n.releaseHint}):null,(0,$.jsxs)(Se,{children:[(0,$.jsx)(`h2`,{className:`mb-3 text-sm font-semibold text-fg`,children:n.optionsTitle}),(0,$.jsxs)(`label`,{className:o(`flex items-center gap-3 text-sm text-fg`,!j&&!D?.canAutoStart?`cursor-not-allowed opacity-60`:`cursor-pointer`),children:[(0,$.jsx)(`input`,{type:`checkbox`,className:`size-4 rounded border-edge accent-accent`,checked:j,disabled:f||!j&&!D?.canAutoStart,onChange:G}),n.autoStart]}),!D?.canAutoStart&&!j?(0,$.jsx)(`p`,{className:`mt-2 text-xs text-fg-subtle`,children:n.autoStartHint}):null]}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-2 rounded-lg bg-surface-panel/80 px-3 py-2 text-xs text-fg-subtle shadow-surface`,children:[(0,$.jsxs)(`p`,{className:`flex items-start gap-2`,children:[(0,$.jsx)(K,{className:`mt-0.5 size-4 shrink-0 text-accent`}),(0,$.jsx)(`span`,{children:n.brokerNote})]}),(0,$.jsx)($e,{language:t,label:n.brokerDocsLink,section:`public-tunnel`,className:`text-xs`})]}),ue]})}async function lt(){let e=await g(`/api/exposure/status`);if(!e.ok)throw Error(`Failed to load exposure status (${e.status})`);return await e.json()}async function ut(e=`serve`){let t=await g(`/api/exposure/tailscale/start`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({mode:e})});if(!t.ok){let e=await t.json().catch(()=>({}));throw Error(e.error??`Start failed (${t.status})`)}return await t.json()}async function dt(){let e=await g(`/api/exposure/tailscale/stop`,{method:`POST`});if(!e.ok){let t=await e.json().catch(()=>({}));throw Error(t.error??`Stop failed (${e.status})`)}return await e.json()}var ft=`https://tailscale.com/download`;function pt(e){let t=(0,Z.c)(2),{label:n}=e,r;return t[0]===n?r=t[1]:(r=(0,$.jsx)(`a`,{href:ft,target:`_blank`,rel:`noreferrer`,className:`font-medium text-accent hover:underline`,children:n}),t[0]=n,t[1]=r),r}function mt({embedded:e=!1}){let t=p(e=>e.language),n=l(t).remoteAccess.tailscale,r=(0,Q.useMemo)(()=>({copy:n.copyUrl,copied:n.copied,copyFailed:l(t).clipboard.copyFailed}),[t,n.copyUrl,n.copied]),i=!!m(e=>e.token),[a,o]=(0,Q.useState)(!1),[s,c]=(0,Q.useState)(null),{data:u,mutate:d,isLoading:f}=v(i?`exposure-status`:null,lt,{refreshInterval:3e4}),h=u?.tailscale.hostname,g=u?.tailscale.active===!0,_=u?.tailscale.cliAvailable!==!1,y=h?`https://${h}/`:null,b=(0,Q.useCallback)(async()=>{o(!0),c(null);try{await ut(`serve`),await d()}catch(e){c(e instanceof Error?e.message:String(e))}finally{o(!1)}},[d]),x=(0,Q.useCallback)(async()=>{o(!0),c(null);try{await dt(),await d()}catch(e){c(e instanceof Error?e.message:String(e))}finally{o(!1)}},[d]);if(!i)return null;let S=(0,$.jsxs)(`div`,{className:e?`space-y-4`:`mt-4 space-y-3`,children:[e?(0,$.jsxs)(`ol`,{className:`space-y-3 text-sm text-fg-muted`,children:[(0,$.jsxs)(`li`,{className:`flex gap-2`,children:[(0,$.jsx)(`span`,{className:`flex size-5 shrink-0 items-center justify-center rounded-full bg-surface-hover text-xs font-semibold text-fg`,children:`1`}),(0,$.jsxs)(`span`,{children:[n.stepInstallBefore,(0,$.jsx)(pt,{label:n.stepInstallLink}),n.stepInstallAfter]})]}),(0,$.jsxs)(`li`,{className:`flex gap-2`,children:[(0,$.jsx)(`span`,{className:`flex size-5 shrink-0 items-center justify-center rounded-full bg-surface-hover text-xs font-semibold text-fg`,children:`2`}),(0,$.jsx)(`span`,{children:n.stepEnable})]}),(0,$.jsxs)(`li`,{className:`flex gap-2`,children:[(0,$.jsx)(`span`,{className:`flex size-5 shrink-0 items-center justify-center rounded-full bg-surface-hover text-xs font-semibold text-fg`,children:`3`}),(0,$.jsx)(`span`,{children:n.stepCopy})]})]}):null,e&&u?.tailscale.cliAvailable===!1?(0,$.jsxs)(`p`,{className:`rounded-lg border border-amber-500/25 bg-amber-500/5 px-3 py-2 text-sm text-fg-muted`,children:[n.cliMissingIntro,` `,(0,$.jsx)(pt,{label:n.cliMissingDownloadLink}),n.cliMissingSuffix]}):null,f&&!u?(0,$.jsxs)(`div`,{className:`grid gap-3`,"aria-busy":`true`,children:[(0,$.jsx)(q,{className:`h-20 rounded-lg`}),(0,$.jsx)(q,{className:`h-20 rounded-lg`})]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(Se,{children:[(0,$.jsx)(`p`,{className:`text-sm font-medium text-fg`,children:n.statusLabel}),(0,$.jsx)(`p`,{className:`mt-1 text-sm text-fg-muted`,children:g?n.statusActive:n.statusOff}),y?(0,$.jsx)(`div`,{className:`mt-3`,children:(0,$.jsx)(L,{text:y,labels:r})}):null,s?(0,$.jsx)(`p`,{className:`mt-2 text-sm text-red-600 dark:text-red-400`,children:s}):null,(0,$.jsx)(`div`,{className:`mt-3 flex flex-wrap gap-2`,children:g?(0,$.jsxs)(X,{type:`button`,variant:`secondary`,disabled:a,onClick:()=>void x(),children:[a?(0,$.jsx)(I,{className:`mr-1 h-4 w-4 animate-spin`}):null,n.disableServe]}):(0,$.jsxs)(X,{type:`button`,disabled:a||!_,onClick:()=>void b(),children:[a?(0,$.jsx)(I,{className:`mr-1 h-4 w-4 animate-spin`}):(0,$.jsx)(W,{className:`mr-1 h-4 w-4`}),n.enableServe]})})]}),(0,$.jsx)(`p`,{className:`text-xs text-fg-subtle`,children:n.hint}),(0,$.jsx)($e,{language:t,label:n.docsLink,section:`tailscale-serve`,className:`mt-2`})]})]});return e?S:(0,$.jsxs)(Se,{children:[(0,$.jsx)(be,{icon:K,title:n.title,subtitle:n.subtitle}),S]})}function ht(){let e=(0,Z.c)(26),t=p(_t),n=m(gt),r;e[0]===t?r=e[1]:(r=l(t),e[0]=t,e[1]=r);let i=r.remoteAccess.lan,o;e[2]===Symbol.for(`react.memo_cache_sentinel`)?(o={preferLan:!0},e[2]=o):o=e[2];let s=ot(n??``,o),c;e[3]!==i.subtitle||e[4]!==i.title?(c=(0,$.jsx)(be,{icon:F,title:i.title,subtitle:i.subtitle}),e[3]=i.subtitle,e[4]=i.title,e[5]=c):c=e[5];let u;e[6]===i.body?u=e[7]:(u=(0,$.jsx)(`p`,{className:`text-sm text-fg-muted`,children:i.body}),e[6]=i.body,e[7]=u);let d;e[8]===Symbol.for(`react.memo_cache_sentinel`)?(d=(0,$.jsx)(S,{className:`size-3.5`,"aria-hidden":!0}),e[8]=d):d=e[8];let f;e[9]===i.link?f=e[10]:(f=(0,$.jsxs)(a,{to:`/settings/gateway`,className:`inline-flex items-center gap-1.5 text-sm font-medium text-accent hover:underline`,children:[i.link,d]}),e[9]=i.link,e[10]=f);let h;e[11]!==u||e[12]!==f?(h=(0,$.jsxs)(`div`,{className:`mt-4 space-y-3`,children:[u,f]}),e[11]=u,e[12]=f,e[13]=h):h=e[13];let g;e[14]!==c||e[15]!==h?(g=(0,$.jsxs)(Se,{children:[c,h]}),e[14]=c,e[15]=h,e[16]=g):g=e[16];let _=n??``,v;e[17]===s?v=e[18]:(v=()=>void s.refreshQr(),e[17]=s,e[18]=v);let y;e[19]!==s||e[20]!==_||e[21]!==v?(y=(0,$.jsx)(De,{pairQr:s,gatewayToken:_,lanOnly:!0,onRefreshQr:v}),e[19]=s,e[20]=_,e[21]=v,e[22]=y):y=e[22];let b;return e[23]!==y||e[24]!==g?(b=(0,$.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[g,y]}),e[23]=y,e[24]=g,e[25]=b):b=e[25],b}function gt(e){return e.token}function _t(e){return e.language}function vt(e){let t=(0,Z.c)(30),{embedded:n}=e,r=n===void 0?!1:n,i=p(yt),a;t[0]===i?a=t[1]:(a=l(i),t[0]=i,t[1]=a);let o=a.remoteAccess.ssh,[s,u]=(0,Q.useState)(!1),d;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(d=async()=>{await c(`xopc gateway ssh-tunnel --target user@your-host --local-port 18790 --remote-port 18790`)&&(u(!0),setTimeout(()=>u(!1),2e3))},t[2]=d):d=t[2];let f=d,m;t[3]===Symbol.for(`react.memo_cache_sentinel`)?(m=(0,$.jsx)(`pre`,{className:`overflow-x-auto rounded-lg border border-edge bg-surface px-3 py-2 text-xs text-fg-muted`,children:`xopc gateway ssh-tunnel --target user@your-host --local-port 18790 --remote-port 18790`}),t[3]=m):m=t[3];let h,g;t[4]===Symbol.for(`react.memo_cache_sentinel`)?(h=()=>void f(),g=(0,$.jsx)(k,{className:`mr-1 h-4 w-4`}),t[4]=h,t[5]=g):(h=t[4],g=t[5]);let _=s?o.copied:o.copy,v;t[6]===_?v=t[7]:(v=(0,$.jsx)(`div`,{className:`mt-2`,children:(0,$.jsxs)(X,{type:`button`,variant:`ghost`,onClick:h,children:[g,_]})}),t[6]=_,t[7]=v);let y;t[8]!==r||t[9]!==o.hint?(y=r?(0,$.jsx)(`p`,{className:`mt-2 text-xs text-fg-subtle`,children:o.hint}):null,t[8]=r,t[9]=o.hint,t[10]=y):y=t[10];let b;t[11]!==v||t[12]!==y?(b=(0,$.jsxs)($.Fragment,{children:[m,v,y]}),t[11]=v,t[12]=y,t[13]=b):b=t[13];let x=b;if(r){let e;t[14]!==o.subtitle||t[15]!==o.title?(e=(0,$.jsx)(be,{icon:j,title:o.title,subtitle:o.subtitle}),t[14]=o.subtitle,t[15]=o.title,t[16]=e):e=t[16];let n;t[17]===x?n=t[18]:(n=(0,$.jsx)(`div`,{className:`mt-4 space-y-2`,children:x}),t[17]=x,t[18]=n);let r;return t[19]!==e||t[20]!==n?(r=(0,$.jsxs)(Se,{children:[e,n]}),t[19]=e,t[20]=n,t[21]=r):r=t[21],r}let S;t[22]!==o.subtitle||t[23]!==o.title?(S=(0,$.jsx)(be,{icon:j,title:o.title,subtitle:o.subtitle}),t[22]=o.subtitle,t[23]=o.title,t[24]=S):S=t[24];let C;t[25]===x?C=t[26]:(C=(0,$.jsx)(`div`,{className:`mt-4`,children:x}),t[25]=x,t[26]=C);let w;return t[27]!==S||t[28]!==C?(w=(0,$.jsxs)(Se,{children:[S,C]}),t[27]=S,t[28]=C,t[29]=w):w=t[29],w}function yt(e){return e.language}function bt(){let e=(0,Z.c)(1),t;return e[0]===Symbol.for(`react.memo_cache_sentinel`)?(t=(0,$.jsx)(vt,{embedded:!0}),e[0]=t):t=e[0],t}function xt(e){switch(e){case`active`:return`bg-emerald-500/15 text-emerald-700 dark:text-emerald-400`;case`connecting`:return`bg-amber-500/15 text-amber-700 dark:text-amber-400`;default:return`bg-surface-hover text-fg-muted`}}function St(e){let t=(0,Z.c)(5),{label:n,kind:r}=e,i;t[0]===r?i=t[1]:(i=o(`rounded-full px-2 py-0.5 text-[11px] font-medium`,xt(r)),t[0]=r,t[1]=i);let a;return t[2]!==n||t[3]!==i?(a=(0,$.jsx)(`span`,{className:i,children:n}),t[2]=n,t[3]=i,t[4]=a):a=t[4],a}function Ct(e){let t=(0,Z.c)(32),{onOpenTab:n}=e,r=p(Et),i;t[0]===r?i=t[1]:(i=l(r),t[0]=r,t[1]=i);let a=i.remoteAccess.guide,s=!!m(Tt),c;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(c={refreshInterval:3e4},t[2]=c):c=t[2];let{data:u}=v(s?`exposure-status`:null,lt,c),d;t[3]===Symbol.for(`react.memo_cache_sentinel`)?(d={refreshInterval:15e3},t[3]=d):d=t[3];let{data:f}=v(s?`tunnel-status`:null,ce,d),h;t[4]===Symbol.for(`react.memo_cache_sentinel`)?(h={refreshInterval:6e4},t[4]=h):h=t[4];let{data:g}=v(s?`tunnel-pair-context`:null,U,h);if(!s)return null;let _=u?.tailscale.active===!0,y=f?.state,b=f?.enabled&&y===`connected`,S=f?.enabled&&(y===`connecting`||y===`reconnecting`||!!f?.startProgress||!!f?.frpcDownload),C=(g?.candidates??[]).some(wt),w=_?`active`:`off`,T=_?a.statusActive:a.statusOff,E;t[5]!==a.tailscaleCardTitle||t[6]!==w||t[7]!==T?(E={tab:`tailscale`,icon:K,title:a.tailscaleCardTitle,kind:w,statusLabel:T},t[5]=a.tailscaleCardTitle,t[6]=w,t[7]=T,t[8]=E):E=t[8];let D=b?`active`:S?`connecting`:`off`,O=b?a.statusActive:S?a.statusConnecting:a.statusOff,k;t[9]!==a.publicCardTitle||t[10]!==D||t[11]!==O?(k={tab:`public`,icon:x,title:a.publicCardTitle,kind:D,statusLabel:O},t[9]=a.publicCardTitle,t[10]=D,t[11]=O,t[12]=k):k=t[12];let A=C?`active`:`off`,M=C?a.statusActive:a.statusOff,N;t[13]!==a.reverseProxyCardTitle||t[14]!==A||t[15]!==M?(N={tab:`reverse-proxy`,icon:ue,title:a.reverseProxyCardTitle,kind:A,statusLabel:M},t[13]=a.reverseProxyCardTitle,t[14]=A,t[15]=M,t[16]=N):N=t[16];let P;t[17]!==a.sshCardStatus||t[18]!==a.sshCardTitle?(P={tab:`ssh`,icon:j,title:a.sshCardTitle,kind:`off`,statusLabel:a.sshCardStatus},t[17]=a.sshCardStatus,t[18]=a.sshCardTitle,t[19]=P):P=t[19];let I;t[20]!==a.lanCardStatus||t[21]!==a.lanCardTitle?(I={tab:`lan`,icon:F,title:a.lanCardTitle,kind:`off`,statusLabel:a.lanCardStatus},t[20]=a.lanCardStatus,t[21]=a.lanCardTitle,t[22]=I):I=t[22];let L;t[23]!==k||t[24]!==N||t[25]!==P||t[26]!==I||t[27]!==E?(L=[E,k,N,P,I],t[23]=k,t[24]=N,t[25]=P,t[26]=I,t[27]=E,t[28]=L):L=t[28];let R=L,z;return t[29]!==R||t[30]!==n?(z=(0,$.jsx)(`div`,{className:`grid gap-2 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5`,children:R.map(e=>{let t=e.icon;return(0,$.jsxs)(`button`,{type:`button`,onClick:()=>n(e.tab),className:o(`flex items-start gap-3 rounded-xl bg-surface-base px-3 py-2.5 text-left shadow-surface transition-colors`,`hover:bg-surface-hover/50`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent`),children:[(0,$.jsx)(`span`,{className:`flex size-8 shrink-0 items-center justify-center rounded-lg bg-surface-hover/90 text-fg-muted`,children:(0,$.jsx)(t,{className:`size-4`,strokeWidth:1.75,"aria-hidden":!0})}),(0,$.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,$.jsx)(`span`,{className:`block truncate text-sm font-medium text-fg`,children:e.title}),(0,$.jsx)(St,{label:e.statusLabel,kind:e.kind})]})]},`${e.tab}-${e.title}`)})}),t[29]=R,t[30]=n,t[31]=z):z=t[31],z}function wt(e){return e.kind===`reverse-proxy`}function Tt(e){return e.token}function Et(e){return e.language}function Dt(e){let t=(0,Z.c)(26),{title:n,description:r,recommended:i,icon:a,onOpen:s,openLabel:c,recommendedLabel:l}=e,u;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(u=o(`group flex w-full flex-col rounded-2xl bg-surface-base px-4 py-4 text-left transition-colors`,`hover:bg-surface-hover/40`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent`),t[0]=u):u=t[0];let d;t[1]===a?d=t[2]:(d=(0,$.jsx)(`span`,{className:`flex size-9 shrink-0 items-center justify-center rounded-lg bg-surface-hover/90 text-fg-muted`,children:(0,$.jsx)(a,{className:`size-4`,strokeWidth:1.75,"aria-hidden":!0})}),t[1]=a,t[2]=d);let f;t[3]===n?f=t[4]:(f=(0,$.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:n}),t[3]=n,t[4]=f);let p;t[5]!==i||t[6]!==l?(p=i&&l?(0,$.jsx)(`span`,{className:`rounded-full bg-accent-soft px-2 py-0.5 text-[11px] font-medium text-accent-fg`,children:l}):null,t[5]=i,t[6]=l,t[7]=p):p=t[7];let m;t[8]!==f||t[9]!==p?(m=(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[f,p]}),t[8]=f,t[9]=p,t[10]=m):m=t[10];let h;t[11]===r?h=t[12]:(h=(0,$.jsx)(`p`,{className:`mt-1 text-sm leading-relaxed text-fg-muted`,children:r}),t[11]=r,t[12]=h);let g;t[13]!==m||t[14]!==h?(g=(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[m,h]}),t[13]=m,t[14]=h,t[15]=g):g=t[15];let _;t[16]===Symbol.for(`react.memo_cache_sentinel`)?(_=(0,$.jsx)(P,{className:`mt-0.5 size-4 shrink-0 text-fg-subtle transition-transform group-hover:translate-x-0.5`,"aria-hidden":!0}),t[16]=_):_=t[16];let v;t[17]!==d||t[18]!==g?(v=(0,$.jsxs)(`div`,{className:`flex items-start gap-3`,children:[d,g,_]}),t[17]=d,t[18]=g,t[19]=v):v=t[19];let y;t[20]===c?y=t[21]:(y=(0,$.jsx)(`span`,{className:`mt-3 text-xs font-medium text-accent`,children:c}),t[20]=c,t[21]=y);let b;return t[22]!==s||t[23]!==y||t[24]!==v?(b=(0,$.jsxs)(`button`,{type:`button`,onClick:s,className:u,children:[v,y]}),t[22]=s,t[23]=y,t[24]=v,t[25]=b):b=t[25],b}function Ot(e){let t=(0,Z.c)(83),{onOpenTab:n}=e,r=p(jt),i;t[0]===r?i=t[1]:(i=l(r),t[0]=r,t[1]=i);let a=i.remoteAccess,o=a.guide,s=!!m(At),c;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(c={refreshInterval:3e4},t[2]=c):c=t[2];let{data:u}=v(s?`exposure-status`:null,lt,c),d;t[3]===u?.conflicts?d=t[4]:(d=u?.conflicts??[],t[3]=u?.conflicts,t[4]=d);let f=d;if(!s){let e;return t[5]===o.needToken?e=t[6]:(e=(0,$.jsx)(`p`,{className:`text-sm text-fg-muted`,children:o.needToken}),t[5]=o.needToken,t[6]=e),e}let h;t[7]===n?h=t[8]:(h=(0,$.jsx)(Ct,{onOpenTab:n}),t[7]=n,t[8]=h);let g;t[9]!==f||t[10]!==o.conflictsHint||t[11]!==o.conflictsTitle?(g=f.length>0?(0,$.jsxs)(`div`,{className:`rounded-xl border border-amber-500/30 bg-amber-500/5 px-4 py-3 text-sm text-fg-muted`,children:[(0,$.jsx)(`p`,{className:`font-medium text-fg`,children:o.conflictsTitle}),(0,$.jsx)(`p`,{className:`mt-1`,children:o.conflictsHint}),(0,$.jsx)(`ul`,{className:`mt-2 list-inside list-disc text-xs`,children:f.map(kt)})]}):null,t[9]=f,t[10]=o.conflictsHint,t[11]=o.conflictsTitle,t[12]=g):g=t[12];let _;t[13]===o.pickMethod?_=t[14]:(_=(0,$.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:o.pickMethod}),t[13]=o.pickMethod,t[14]=_);let y;t[15]===n?y=t[16]:(y=()=>n(`tailscale`),t[15]=n,t[16]=y);let b;t[17]!==o.configure||t[18]!==o.recommended||t[19]!==o.tailscaleCardDesc||t[20]!==o.tailscaleCardTitle||t[21]!==y?(b=(0,$.jsx)(Dt,{icon:K,title:o.tailscaleCardTitle,description:o.tailscaleCardDesc,recommended:!0,recommendedLabel:o.recommended,openLabel:o.configure,onOpen:y}),t[17]=o.configure,t[18]=o.recommended,t[19]=o.tailscaleCardDesc,t[20]=o.tailscaleCardTitle,t[21]=y,t[22]=b):b=t[22];let S;t[23]===n?S=t[24]:(S=()=>n(`public`),t[23]=n,t[24]=S);let C;t[25]!==o.configure||t[26]!==o.publicCardDesc||t[27]!==o.publicCardTitle||t[28]!==S?(C=(0,$.jsx)(Dt,{icon:x,title:o.publicCardTitle,description:o.publicCardDesc,openLabel:o.configure,onOpen:S}),t[25]=o.configure,t[26]=o.publicCardDesc,t[27]=o.publicCardTitle,t[28]=S,t[29]=C):C=t[29];let w;t[30]===n?w=t[31]:(w=()=>n(`reverse-proxy`),t[30]=n,t[31]=w);let T;t[32]!==o.configure||t[33]!==o.reverseProxyCardDesc||t[34]!==o.reverseProxyCardTitle||t[35]!==w?(T=(0,$.jsx)(Dt,{icon:ue,title:o.reverseProxyCardTitle,description:o.reverseProxyCardDesc,openLabel:o.configure,onOpen:w}),t[32]=o.configure,t[33]=o.reverseProxyCardDesc,t[34]=o.reverseProxyCardTitle,t[35]=w,t[36]=T):T=t[36];let E;t[37]===n?E=t[38]:(E=()=>n(`ssh`),t[37]=n,t[38]=E);let D;t[39]!==o.configure||t[40]!==o.sshCardDesc||t[41]!==o.sshCardTitle||t[42]!==E?(D=(0,$.jsx)(Dt,{icon:j,title:o.sshCardTitle,description:o.sshCardDesc,openLabel:o.configure,onOpen:E}),t[39]=o.configure,t[40]=o.sshCardDesc,t[41]=o.sshCardTitle,t[42]=E,t[43]=D):D=t[43];let O;t[44]===n?O=t[45]:(O=()=>n(`lan`),t[44]=n,t[45]=O);let k;t[46]!==o.configure||t[47]!==o.lanCardDesc||t[48]!==o.lanCardTitle||t[49]!==O?(k=(0,$.jsx)(Dt,{icon:F,title:o.lanCardTitle,description:o.lanCardDesc,openLabel:o.configure,onOpen:O}),t[46]=o.configure,t[47]=o.lanCardDesc,t[48]=o.lanCardTitle,t[49]=O,t[50]=k):k=t[50];let A;t[51]!==C||t[52]!==T||t[53]!==D||t[54]!==k||t[55]!==b?(A=(0,$.jsxs)(`div`,{className:`mt-3 grid gap-3 lg:grid-cols-2`,children:[b,C,T,D,k]}),t[51]=C,t[52]=T,t[53]=D,t[54]=k,t[55]=b,t[56]=A):A=t[56];let M;t[57]!==A||t[58]!==_?(M=(0,$.jsxs)(`div`,{children:[_,A]}),t[57]=A,t[58]=_,t[59]=M):M=t[59];let N;t[60]===o.oneAtATimeHint?N=t[61]:(N=(0,$.jsx)(`p`,{className:`text-xs leading-relaxed text-fg-subtle`,children:o.oneAtATimeHint}),t[60]=o.oneAtATimeHint,t[61]=N);let P;t[62]===a.advanced.proxyTitle?P=t[63]:(P=(0,$.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:a.advanced.proxyTitle}),t[62]=a.advanced.proxyTitle,t[63]=P);let I;t[64]===a.advanced.proxyBody?I=t[65]:(I=(0,$.jsx)(`p`,{className:`mt-1 text-sm text-fg-muted`,children:a.advanced.proxyBody}),t[64]=a.advanced.proxyBody,t[65]=I);let L;t[66]!==r||t[67]!==a.advanced.proxyDocs?(L=(0,$.jsx)($e,{language:r,label:a.advanced.proxyDocs,section:`advanced`,className:`mt-2`}),t[66]=r,t[67]=a.advanced.proxyDocs,t[68]=L):L=t[68];let R;t[69]!==P||t[70]!==I||t[71]!==L?(R=(0,$.jsxs)(`div`,{className:`rounded-xl bg-surface-base px-4 py-3`,children:[P,I,L]}),t[69]=P,t[70]=I,t[71]=L,t[72]=R):R=t[72];let z;t[73]!==o.docsLink||t[74]!==r?(z=(0,$.jsx)($e,{language:r,label:o.docsLink}),t[73]=o.docsLink,t[74]=r,t[75]=z):z=t[75];let B;return t[76]!==M||t[77]!==N||t[78]!==R||t[79]!==z||t[80]!==h||t[81]!==g?(B=(0,$.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[h,g,M,N,R,z]}),t[76]=M,t[77]=N,t[78]=R,t[79]=z,t[80]=h,t[81]=g,t[82]=B):B=t[82],B}function kt(e){return(0,$.jsx)(`li`,{children:e.message},e.code)}function At(e){return e.token}function jt(e){return e.language}async function Mt(e){let t=await g(u(`/api/tunnel/pair/probe-public`),{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({url:e})});if(!t.ok&&t.status!==400)throw Error(`Probe failed (${t.status})`);return await t.json()}async function Nt(e){await f(u(`/api/config`),{method:`PATCH`,body:JSON.stringify({gateway:{publicUrl:e??null}})})}function Pt(e){let t=e.split(`.`).map(e=>Number.parseInt(e,10));if(t.length!==4||t.some(e=>!Number.isFinite(e)))return!1;let[n,r]=t;return n===10||n===127||n===169&&r===254||n===172&&r>=16&&r<=31||n===192&&r===168||n===100&&r>=64&&r<=127}function Ft(){return(0,Q.useMemo)(()=>{if(typeof window>`u`)return null;let{protocol:e,hostname:t,origin:n}=window.location;if(e!==`https:`&&e!==`http:`)return null;let r=t.toLowerCase();return!r||r===`localhost`||r===`127.0.0.1`||r===`::1`||r===`[::1]`||r.endsWith(`.local`)||r.endsWith(`.localhost`)||Pt(r)?null:n.toLowerCase().replace(/\/+$/,``)},[])}function It(){return o(`w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg`,`placeholder:text-fg-subtle`,le,`dark:border-edge`)}function Lt(e){return(e?.candidates.find(e=>e.kind===`reverse-proxy`))?.url?.trim()||null}function Rt(e){return(e?.candidates.find(e=>e.kind===`lan`&&e.reachable))?.url?.trim()||null}function zt(){let e=p(e=>e.language),t=l(e).remoteAccess.reverseProxy,n=!!m(e=>e.token),r=Ft(),{mutate:i}=_(),{data:a,mutate:s}=v(n?`tunnel-pair-context`:null,U,{refreshInterval:6e4}),c=Lt(a),[u,f]=(0,Q.useState)(``),[h,g]=(0,Q.useState)({busy:!1,result:null}),[y,b]=(0,Q.useState)({busy:!1,error:null});(0,Q.useEffect)(()=>{u||(c?f(c):r&&f(r))},[c,r,u]);let x=(0,Q.useMemo)(()=>u.trim()||(c??r??``),[c,r,u]),S=!c&&!!r&&x===r,w=Rt(a),{data:T,mutate:E}=v(n&&x?[`reverse-proxy-pair`,x]:null,()=>Y(),{refreshInterval:4*6e4,revalidateOnFocus:!1}),D=(0,Q.useMemo)(()=>!x||!T?.pairingSecret?``:d({baseUrl:x,pairingSecret:T.pairingSecret,lanUrl:w}),[x,w,T?.pairingSecret]),O=C(()=>nt(D),[D],{enabled:!!D,initial:null,errorData:null}),k=(0,Q.useCallback)(async()=>{let e=u.trim()||x;if(e){g({busy:!0,result:null});try{g({busy:!1,result:await Mt(e)})}catch(e){g({busy:!1,result:{ok:!1,code:`NETWORK_ERROR`,message:e instanceof Error?e.message:String(e)}})}}},[u,x]),A=(0,Q.useCallback)(async()=>{let e=x.trim();if(e){b({busy:!0,error:null});try{await Nt(e),await s(),await i(`tunnel-pair-context`),b({busy:!1,error:null})}catch(e){b({busy:!1,error:e instanceof Error?e.message:String(e)})}}},[x,i,s]),j=(0,Q.useCallback)(async()=>{b({busy:!0,error:null});try{await Nt(null),await s(),await i(`tunnel-pair-context`),f(``),g({busy:!1,result:null}),b({busy:!1,error:null})}catch(e){b({busy:!1,error:e instanceof Error?e.message:String(e)})}},[i,s]),M=(0,Q.useCallback)(async()=>{await E()},[E]);return n?(0,$.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,$.jsxs)(Se,{children:[(0,$.jsx)(be,{icon:K,title:t.title,subtitle:t.subtitle}),(0,$.jsxs)(`div`,{className:`mt-4 space-y-3`,children:[(0,$.jsx)(`label`,{className:`text-sm font-medium text-fg`,htmlFor:`reverse-proxy-url`,children:t.urlLabel}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row sm:items-stretch`,children:[(0,$.jsx)(`input`,{id:`reverse-proxy-url`,className:o(It(),`font-mono text-xs sm:flex-1 sm:min-w-0 sm:w-auto`),type:`text`,autoComplete:`off`,spellCheck:!1,placeholder:t.urlPlaceholder,value:u,onChange:e=>{f(e.target.value),g({busy:!1,result:null})}}),(0,$.jsxs)(X,{type:`button`,variant:`secondary`,className:`shrink-0 whitespace-nowrap`,onClick:()=>void k(),disabled:h.busy||!u.trim(),children:[h.busy?(0,$.jsx)(I,{className:`size-3.5 animate-spin`}):null,h.busy?t.probing:t.probeButton]})]}),(0,$.jsx)(`p`,{className:`text-xs text-fg-subtle`,children:t.urlHint}),S&&r?(0,$.jsxs)(`div`,{className:`rounded-lg border border-accent/40 bg-accent-soft/50 px-3 py-2 text-xs leading-relaxed text-accent-fg`,children:[(0,$.jsx)(`div`,{className:`font-medium`,children:t.autoDetectedTitle}),(0,$.jsx)(`div`,{className:`mt-1 break-all font-mono text-[11px]`,children:r}),(0,$.jsx)(`p`,{className:`mt-1`,children:t.autoDetectedHint})]}):null,h.result?(0,$.jsx)(Bt,{result:h.result,labels:t.probeStatus}):null,(0,$.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row sm:flex-wrap`,children:[x&&c!==x?(0,$.jsxs)(X,{type:`button`,onClick:()=>void A(),disabled:y.busy,children:[y.busy?(0,$.jsx)(I,{className:`size-3.5 animate-spin`}):null,y.busy?t.saving:t.saveAsDefault]}):null,c?(0,$.jsx)(X,{type:`button`,variant:`ghost`,onClick:()=>void j(),disabled:y.busy,children:t.clear}):null]}),y.error?(0,$.jsx)(`p`,{className:`text-xs text-red-800 dark:text-red-200`,children:y.error}):null,(0,$.jsx)(`div`,{className:`rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-xs leading-relaxed text-amber-950 dark:border-amber-800/60 dark:bg-amber-950/30 dark:text-amber-100`,children:t.certWarning})]})]}),(0,$.jsxs)(Se,{children:[(0,$.jsxs)(`div`,{className:`mb-3 flex flex-wrap items-start justify-between gap-2`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`div`,{className:`flex items-center gap-2 text-sm font-semibold text-fg`,children:t.qrTitle}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-fg-subtle`,children:t.qrSubtitle})]}),D?(0,$.jsxs)(X,{type:`button`,variant:`ghost`,className:`shrink-0`,onClick:()=>void M(),children:[(0,$.jsx)(fe,{className:`size-4`}),t.refreshQr]}):null]}),x?T?.pairingSecret?(0,$.jsxs)(`div`,{className:`flex flex-col items-center gap-3 sm:items-start`,children:[(0,$.jsxs)(`div`,{className:`break-all font-mono text-[11px] text-fg-muted`,children:[(0,$.jsx)(`span`,{className:`font-medium text-fg`,children:`baseUrl:`}),` `,x,w?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`br`,{}),(0,$.jsx)(`span`,{className:`font-medium text-fg`,children:`lanUrl:`}),` `,w]}):null]}),O.data?(0,$.jsx)(`img`,{src:O.data,alt:``,className:`size-56 rounded-lg border border-edge-subtle bg-white object-contain p-3 dark:border-edge`}):O.loading?(0,$.jsx)(`p`,{className:`text-sm text-fg-muted`,children:t.encoding}):null,(0,$.jsx)(L,{text:D,labels:{copy:t.copyLink,copied:t.copied,copyFailed:l(e).clipboard.copyFailed}})]}):(0,$.jsx)(`p`,{className:`text-sm text-fg-muted`,children:t.mintingSecret}):(0,$.jsx)(`p`,{className:`text-sm text-fg-muted`,children:t.noUrlYet})]})]}):null}function Bt(e){let t=(0,Z.c)(18),{result:n,labels:r}=e;if(n.ok){let e;t[0]===r.ok?e=t[1]:(e=(0,$.jsx)(`span`,{className:`font-medium`,children:r.ok}),t[0]=r.ok,t[1]=e);let i;t[2]===n.latencyMs?i=t[3]:(i=(0,$.jsxs)(`span`,{className:`font-mono`,children:[n.latencyMs,`ms`]}),t[2]=n.latencyMs,t[3]=i);let a;t[4]!==r.mobileReady||t[5]!==n.mobilePairing?(a=n.mobilePairing?(0,$.jsxs)($.Fragment,{children:[` · `,(0,$.jsx)(`span`,{children:r.mobileReady})]}):null,t[4]=r.mobileReady,t[5]=n.mobilePairing,t[6]=a):a=t[6];let o;return t[7]!==e||t[8]!==i||t[9]!==a?(o=(0,$.jsxs)(`div`,{className:`rounded-lg border border-emerald-200 bg-emerald-50 px-3 py-2 text-xs text-emerald-900 dark:border-emerald-800/60 dark:bg-emerald-950/30 dark:text-emerald-100`,children:[e,` · `,i,a]}),t[7]=e,t[8]=i,t[9]=a,t[10]=o):o=t[10],o}let i=r[`code_${n.code}`]??r.codeUnknown,a;t[11]===i?a=t[12]:(a=(0,$.jsx)(`span`,{className:`font-medium`,children:i}),t[11]=i,t[12]=a);let o;t[13]===n.message?o=t[14]:(o=n.message?(0,$.jsxs)($.Fragment,{children:[` — `,(0,$.jsx)(`span`,{className:`font-mono break-all`,children:n.message})]}):null,t[13]=n.message,t[14]=o);let s;return t[15]!==a||t[16]!==o?(s=(0,$.jsxs)(`div`,{className:`rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-xs text-red-900 dark:border-red-800/60 dark:bg-red-950/30 dark:text-red-100`,children:[a,o]}),t[15]=a,t[16]=o,t[17]=s):s=t[17],s}var Vt=[`guide`,`tailscale`,`public`,`reverse-proxy`,`ssh`,`lan`];function Ht(e){return e&&Vt.includes(e)?e:`guide`}function Ut(e,t){return e.tabs[t]}function Wt(e,t){return e.tabIntro[t]}function Gt(e){switch(e){case`tailscale`:return`tailscale-serve`;case`public`:return`public-tunnel`;case`reverse-proxy`:return`reverse-proxy`;case`ssh`:return`ssh-tunnel`;case`lan`:return`lan`;default:return}}function Kt(e){let t=(0,Z.c)(7),{tab:n,onOpenTab:r}=e;switch(n){case`guide`:{let e;return t[0]===r?e=t[1]:(e=(0,$.jsx)(Ot,{onOpenTab:r}),t[0]=r,t[1]=e),e}case`tailscale`:{let e;return t[2]===Symbol.for(`react.memo_cache_sentinel`)?(e=(0,$.jsx)(mt,{embedded:!0}),t[2]=e):e=t[2],e}case`public`:{let e;return t[3]===Symbol.for(`react.memo_cache_sentinel`)?(e=(0,$.jsx)(ct,{embedded:!0}),t[3]=e):e=t[3],e}case`reverse-proxy`:{let e;return t[4]===Symbol.for(`react.memo_cache_sentinel`)?(e=(0,$.jsx)(zt,{}),t[4]=e):e=t[4],e}case`ssh`:{let e;return t[5]===Symbol.for(`react.memo_cache_sentinel`)?(e=(0,$.jsx)(bt,{}),t[5]=e):e=t[5],e}case`lan`:{let e;return t[6]===Symbol.for(`react.memo_cache_sentinel`)?(e=(0,$.jsx)(ht,{}),t[6]=e):e=t[6],e}}}function qt(){let e=(0,Z.c)(2),t=p(Yt),n=l(t).remoteAccess,r=!!m(Jt),[a,o]=i(),s=Ht(a.get(`tab`)),c;e[0]===o?c=e[1]:(c=e=>{o(t=>{let n=new URLSearchParams(t);return e===`guide`?n.delete(`tab`):n.set(`tab`,e),n},{replace:!0})},e[0]=o,e[1]=c);let u=c,d=Wt(n,s),f=Vt.map(e=>({id:e,label:Ut(n,e)}));return(0,$.jsxs)(ve,{children:[(0,$.jsx)(ge,{title:n.pageTitle,subtitle:n.pageSubtitle,meta:(0,$.jsx)($e,{language:t,label:n.docsLink,section:Gt(s),className:`mt-1`})}),r?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(we,{items:f,activeTab:s,onChange:u,ariaLabel:n.tabsAria,tabIdPrefix:`remote-access-tab`,panelIdPrefix:`remote-access-panel`}),(0,$.jsx)(_e,{id:s,activeTab:s,tabIdPrefix:`remote-access-tab`,panelIdPrefix:`remote-access-panel`,title:Ut(n,s),hint:s===`public`?void 0:d,children:(0,$.jsx)(Kt,{tab:s,onOpenTab:u})})]}):(0,$.jsx)(`p`,{className:`text-sm text-fg-muted`,children:n.guide.needToken})]})}function Jt(e){return e.token}function Yt(e){return e.language}export{qt as RemoteAccessHub};