@xopcai/xopc 0.0.321 → 0.0.323

package/dist/gateway/static/root/assets/connectors-page-Dw_h-5Qh.js

@@ -1,2 +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{f as i,g as a}from"./chunk-KS7C4IRE-BMYIfy9x.js";import{n as o,r as s,t as c}from"./popover-select-B-GDnZO9.js";import{t as l}from"./circle-check-C23XjkUj.js";import{t as u}from"./plus-Q2yW6OE7.js";import{t as d}from"./x-B_N4OPjy.js";import{t as f}from"./cn-JdwAhgNB.js";import{a as p,c as m,n as h,r as g}from"./locale-store-D9krC43K.js";import{t as _}from"./messages-B1sTgIrE.js";import{a as v,i as y,n as b,o as x,r as S,s as C,t as w}from"./dist-BGTk37IG.js";import{n as T}from"./copy-to-clipboard-HOJ79TWv.js";import{t as E}from"./button-CS04eWY9.js";import{n as D,r as O}from"./gateway-config-swr-B7WpH3VW.js";import{t as k}from"./skeleton-BwbyijEw.js";import{i as A,o as j}from"./settings-shell-dialog-layer-BU3UuiJr.js";import{n as M}from"./electron-env-Dit0bHgy.js";import{a as N,i as P,n as F,r as I,t as L}from"./dist-Che_jiQF.js";import{$ as R,$o as z,An as B,As as ee,Au as V,Bc as te,Co as ne,Cs as re,Ds as ie,Dt as H,Es as ae,Fc as oe,Fn as se,Gu as ce,Hl as le,Hu as ue,Ic as de,In as fe,Ln as pe,Mc as me,Mn as U,Ms as he,Mu as W,Nl as ge,Os as _e,Ot as ve,Pn as ye,Ps as be,Q as xe,Qc as G,Rc as K,Ro as q,Ss as Se,Tl as J,Ts as Y,Uc as Ce,Uu as we,X as Te,Xc as Ee,Z as De,_s as Oe,as as ke,bs as Ae,cl as je,cs as Me,ds as Ne,du as Pe,es as Fe,et as X,fs as Ie,gs as Le,hs as Re,is as ze,jn as Be,js as Ve,kc as He,kn as Ue,ks as We,kt as Ge,ms as Ke,ns as qe,nt as Je,oa as Ye,os as Xe,pc as Ze,ps as Qe,rc as $e,rs as et,sa as tt,ss as nt,ts as rt,tt as it,uc as at,us as ot,ws as st,xu as ct,yc as lt,ys as ut,zn as dt}from"./index-BNubE2Zi.js";import{t as ft}from"./connector-service-page-mhQ-19tj.js";import{t as pt}from"./page-tabs-C-XCf9cR.js";var Z=e(t(),1),Q=n(),$=r();function mt(e){let t=(0,Q.c)(57),{connector:n,installed:r,onInstall:i,onOpenDetails:a,t:o}=e,s,c,u,d,p,m;if(t[0]!==n||t[1]!==r||t[2]!==i||t[3]!==a||t[4]!==o){let e=n.capabilities.filter(ht),h=e.slice(0,2),g=Math.max(0,e.length-h.length),_=o.connect,v;t[11]!==n||t[12]!==o?(v=R(n,o),t[11]=n,t[12]=o,t[13]=v):v=t[13];let y=v,b=n.verificationLevel===`verified`?o.connectorVerified:n.verificationLevel===`beta`?o.connectorBeta:n.verificationLevel===`experimental`?o.connectorExperimental:null,x;t[14]!==_||t[15]!==n||t[16]!==i?(x=e=>(0,$.jsxs)(E,{type:`button`,variant:`primary`,className:f(`h-8 justify-center px-2.5 text-xs font-medium`,e),onClick:()=>i(n),children:[(0,$.jsx)(je,{className:`size-4`}),_]}),t[14]=_,t[15]=n,t[16]=i,t[17]=x):x=t[17],s=x,m=`group flex min-h-[8.75rem] flex-col rounded-xl border border-edge bg-surface-panel p-4 transition-colors hover:bg-surface-hover/45 focus-within:ring-2 focus-within:ring-accent/30`,c=`flex min-w-0 flex-1 flex-col`;let S;t[18]===n?S=t[19]:(S=(0,$.jsx)(Je,{connector:n}),t[18]=n,t[19]=S);let C;t[20]!==n||t[21]!==a?(C=a?(0,$.jsx)(`button`,{type:`button`,className:`block max-w-full truncate text-left text-sm font-semibold text-fg hover:underline`,onClick:()=>a(n),children:n.displayName}):(0,$.jsx)(`h3`,{className:`truncate text-sm font-semibold text-fg`,children:n.displayName}),t[20]=n,t[21]=a,t[22]=C):C=t[22];let w;t[23]===b?w=t[24]:(w=b?(0,$.jsx)(`span`,{className:`mt-1 inline-flex rounded-full border border-edge px-1.5 py-0.5 text-[10px] font-medium text-fg-subtle`,children:b}):null,t[23]=b,t[24]=w);let T;t[25]!==w||t[26]!==C?(T=(0,$.jsxs)(`div`,{className:`min-w-0`,children:[C,w]}),t[25]=w,t[26]=C,t[27]=T):T=t[27];let D;t[28]!==T||t[29]!==S?(D=(0,$.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[S,T]}),t[28]=T,t[29]=S,t[30]=D):D=t[30];let O;t[31]!==r||t[32]!==s?(O=r?null:(0,$.jsx)(`div`,{className:`hidden shrink-0 items-center gap-1 sm:flex`,children:s()}),t[31]=r,t[32]=s,t[33]=O):O=t[33];let k;t[34]!==r||t[35]!==o.connectedBadge?(k=r?(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1 rounded-full border border-emerald-500/30 bg-emerald-500/10 px-2 py-0.5 text-[11px] font-medium text-emerald-700 dark:text-emerald-300`,children:[(0,$.jsx)(l,{className:`size-3`,"aria-hidden":!0}),o.connectedBadge]}):null,t[34]=r,t[35]=o.connectedBadge,t[36]=k):k=t[36];let A;t[37]!==O||t[38]!==k?(A=(0,$.jsxs)(`div`,{className:`flex shrink-0 items-start gap-2`,children:[O,k]}),t[37]=O,t[38]=k,t[39]=A):A=t[39],t[40]!==D||t[41]!==A?(u=(0,$.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[D,A]}),t[40]=D,t[41]=A,t[42]=u):u=t[42],t[43]===y?d=t[44]:(d=(0,$.jsx)(`p`,{className:`mt-3 line-clamp-2 text-sm leading-6 text-fg-muted`,title:y,children:y}),t[43]=y,t[44]=d),p=h.length>0?(0,$.jsxs)(`div`,{className:`mt-3 flex flex-wrap gap-1.5`,children:[h.map(e=>(0,$.jsx)(`span`,{className:`rounded-md bg-surface-base px-2 py-0.5 text-[11px] text-fg-muted`,children:o.connectorCapabilityLabels[e]??e},e)),g>0?(0,$.jsxs)(`span`,{className:`rounded-md bg-surface-base px-2 py-0.5 text-[11px] text-fg-subtle`,children:[`+`,g]}):null]}):null,t[0]=n,t[1]=r,t[2]=i,t[3]=a,t[4]=o,t[5]=s,t[6]=c,t[7]=u,t[8]=d,t[9]=p,t[10]=m}else s=t[5],c=t[6],u=t[7],d=t[8],p=t[9],m=t[10];let h;t[45]!==c||t[46]!==u||t[47]!==d||t[48]!==p?(h=(0,$.jsxs)(`div`,{className:c,children:[u,d,p]}),t[45]=c,t[46]=u,t[47]=d,t[48]=p,t[49]=h):h=t[49];let g;t[50]!==r||t[51]!==s?(g=r?null:(0,$.jsx)(`div`,{className:`mt-4 flex flex-col gap-2 border-t border-edge pt-3 sm:hidden`,children:s(`w-full`)}),t[50]=r,t[51]=s,t[52]=g):g=t[52];let _;return t[53]!==m||t[54]!==h||t[55]!==g?(_=(0,$.jsxs)(`div`,{className:m,children:[h,g]}),t[53]=m,t[54]=h,t[55]=g,t[56]=_):_=t[56],_}function ht(e){return!e.startsWith(`runtime.`)&&!e.startsWith(`auth.`)}var gt=[`c0`,`c1`,`c2`,`c3`,`c4`,`c5`];function _t(e,t){return t.some(t=>t.connectorId===e.id)}var vt=`animate-pulse motion-reduce:animate-none rounded-md bg-surface-hover dark:bg-surface-active/50`;function yt(){let e=(0,Q.c)(2),t;e[0]===Symbol.for(`react.memo_cache_sentinel`)?(t=(0,$.jsx)(`div`,{className:f(`size-10 shrink-0 rounded-xl`,vt)}),e[0]=t):t=e[0];let n;return e[1]===Symbol.for(`react.memo_cache_sentinel`)?(n=(0,$.jsx)(`div`,{className:`flex h-full min-h-[9.5rem] flex-col rounded-xl bg-surface-panel p-4 shadow-surface`,"aria-hidden":!0,children:(0,$.jsxs)(`div`,{className:`flex min-h-0 flex-1 items-start gap-3`,children:[t,(0,$.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-2`,children:[(0,$.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,$.jsx)(`div`,{className:f(`h-4 min-w-0 flex-1`,vt)}),(0,$.jsx)(`div`,{className:f(`h-8 w-[4.5rem] shrink-0 rounded-lg`,vt)})]}),(0,$.jsx)(`div`,{className:f(`h-3 w-full`,vt)}),(0,$.jsx)(`div`,{className:f(`h-3 w-[88%]`,vt)})]})]})}),e[1]=n):n=e[1],n}var bt=`animate-pulse motion-reduce:animate-none rounded-md bg-surface-hover dark:bg-surface-active/50`;function xt(){let e=(0,Q.c)(4),t;e[0]===Symbol.for(`react.memo_cache_sentinel`)?(t=(0,$.jsx)(`div`,{className:f(`size-10 shrink-0 rounded-xl`,bt)}),e[0]=t):t=e[0];let n;e[1]===Symbol.for(`react.memo_cache_sentinel`)?(n=(0,$.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-2`,children:[(0,$.jsx)(`div`,{className:f(`h-4 w-48 max-w-full`,bt)}),(0,$.jsx)(`div`,{className:f(`h-3 w-72 max-w-full`,bt)})]}),e[1]=n):n=e[1];let r;e[2]===Symbol.for(`react.memo_cache_sentinel`)?(r=(0,$.jsxs)(`div`,{className:`flex items-start gap-3`,children:[t,(0,$.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-wrap items-start justify-between gap-3`,children:[n,(0,$.jsxs)(`div`,{className:`flex shrink-0 gap-2`,children:[(0,$.jsx)(`div`,{className:f(`h-9 w-20 rounded-lg`,bt)}),(0,$.jsx)(`div`,{className:f(`h-9 w-20 rounded-lg`,bt)})]})]})]}),e[2]=r):r=e[2];let i;return e[3]===Symbol.for(`react.memo_cache_sentinel`)?(i=(0,$.jsxs)(`div`,{className:`rounded-2xl bg-surface-panel p-4 shadow-surface`,"aria-hidden":!0,children:[r,(0,$.jsxs)(`div`,{className:`mt-4 flex flex-wrap gap-2`,children:[(0,$.jsx)(`div`,{className:f(`h-8 w-20 rounded-md`,bt)}),(0,$.jsx)(`div`,{className:f(`h-8 w-24 rounded-md`,bt)}),(0,$.jsx)(`div`,{className:f(`h-8 w-28 rounded-md`,bt)})]}),(0,$.jsx)(`div`,{className:f(`mt-3 h-20 rounded-xl`,bt)})]}),e[3]=i):i=e[3],i}var St=[`understand`,`act`,`reach`];function Ct(e){if(e.benefits?.length)return[...new Set(e.benefits)];let t=new Set(e.capabilities),n=[e.id,e.displayName,...e.tags??[]].join(` `).toLowerCase(),r=[];return(t.has(`context`)||t.has(`memory_source`)||t.has(`resources`)||e.category===`docs`||e.category===`data`||/notion|drive|document|confluence|airtable|database|knowledge|wiki/.test(n))&&r.push(`understand`),t.has(`tools`)&&r.push(`act`),(t.has(`channel`)||/slack|telegram|discord|teams|mail|message|wechat|weixin/.test(n))&&r.push(`reach`),r.length?[...new Set(r)]:[`act`]}function wt(e){return Ct(e)[0]??`act`}function Tt(e,t){let n=t?wt(t):`act`,r=e.connectionStatus===`connected`||e.status===`connected`||e.usage.lastHealthStatus===`ok`,i=e.status===`not_configured`||e.status===`failed`||e.status===`degraded`||e.status===`unauthorized`||e.connectionStatus===`unauthorized`||e.connectionStatus===`error`,a=n===`understand`?e.usage.lastResourceCount:n===`act`?e.usage.lastToolCount:void 0;return{benefit:n,state:r?`ready`:i?`needs_setup`:`checking`,availableCount:a}}function Et(e,t){return t.connectorCapabilityLabels[e]??e}function Dt(e,t){if(e.runtime.type===`mcp`)return X(t.connectorRuntimeMcp,{serverId:e.runtime.serverId});let n=e.runtime.type===`composio`?e.runtime.toolkit:e.runtime.type===`cli`?e.runtime.adapterId:e.runtime.sourceKind;return X(t.connectorRuntimeGeneric,{runtime:e.runtime.type,id:n??e.runtime.type})}function Ot(e,t){return e.auth.mode===`cli`?t.connectorAuthCli:e.auth.mode===`oauth`?t.connectorAuthOAuth:e.auth.mode===`apiKey`?t.connectorAuthApiKey:t.connectorAuthNone}function kt(e){let t=(0,Q.c)(9),{title:n,items:r}=e;if(r.length===0)return null;let i;t[0]===n?i=t[1]:(i=(0,$.jsx)(`h4`,{className:`mb-2 text-xs font-medium text-fg-muted`,children:n}),t[0]=n,t[1]=i);let a;t[2]===r?a=t[3]:(a=r.slice(0,12).map(At),t[2]=r,t[3]=a);let o;t[4]===a?o=t[5]:(o=(0,$.jsx)(`div`,{className:`divide-y divide-edge-subtle overflow-hidden rounded-lg border border-edge bg-surface-panel`,children:a}),t[4]=a,t[5]=o);let s;return t[6]!==i||t[7]!==o?(s=(0,$.jsxs)(`section`,{children:[i,o]}),t[6]=i,t[7]=o,t[8]=s):s=t[8],s}function At(e){return(0,$.jsxs)(`div`,{className:`px-3 py-2.5`,children:[(0,$.jsx)(`p`,{className:`break-words font-mono text-xs font-medium text-fg`,children:e.title}),e.description?(0,$.jsx)(`p`,{className:`mt-1 line-clamp-2 text-xs leading-5 text-fg-muted`,children:e.description}):null]},e.id)}function jt({connector:e,installed:t,onClose:n,onInstall:r,t:i}){let[a,o]=(0,Z.useState)(!1),s=R(e,i),[c,u]=(0,Z.useState)(null),[p,m]=(0,Z.useState)(null),h=Ct(e),g=[...(e.setup.secrets??[]).filter(e=>e.required),...(e.setup.config??[]).filter(e=>e.required)],_=e.capabilities.filter(e=>!e.startsWith(`runtime.`)&&!e.startsWith(`auth.`)),T=async()=>{o(!0),m(null);try{u(await Le(e))}catch(e){u(null),m(e instanceof Error?e.message:String(e))}finally{o(!1)}};return(0,$.jsx)(w,{open:!0,onOpenChange:e=>{e||n()},children:(0,$.jsxs)(x,{children:[(0,$.jsx)(v,{className:`xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim`}),(0,$.jsxs)(S,{className:f(`xopc-dialog-content fixed left-1/2 top-1/2 z-[60] flex h-[min(100vh-2rem,42rem)] w-[min(100%-2rem,min(92vw,44rem))] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden`,`rounded-2xl border border-edge bg-surface-overlay shadow-float outline-none dark:border-edge`),children:[(0,$.jsxs)(`div`,{className:`flex shrink-0 items-start justify-between gap-3 border-b border-edge-subtle px-5 py-5 sm:px-6`,children:[(0,$.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[(0,$.jsx)(Je,{connector:e,size:`lg`}),(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,$.jsx)(C,{className:`text-base font-semibold text-fg`,children:e.displayName}),t?(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1 rounded-full bg-emerald-500/10 px-2 py-0.5 text-[11px] font-medium text-emerald-700 dark:text-emerald-300`,children:[(0,$.jsx)(l,{className:`size-3`,"aria-hidden":!0}),i.connectedBadge]}):null]}),(0,$.jsx)(y,{className:`mt-1 line-clamp-3 text-sm leading-6 text-fg-muted`,children:s})]})]}),(0,$.jsx)(b,{asChild:!0,children:(0,$.jsx)(`button`,{type:`button`,className:f(`rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg`,be.focusRingPanel),"aria-label":i.modalClose,children:(0,$.jsx)(d,{className:`size-5`,strokeWidth:1.75,"aria-hidden":!0})})})]}),(0,$.jsxs)(`div`,{className:`min-h-0 flex-1 space-y-5 overflow-y-auto px-5 py-5 sm:px-6`,children:[h.length?(0,$.jsxs)(`section`,{children:[(0,$.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:i.connectorWhyConnect}),(0,$.jsx)(`div`,{className:`mt-3 divide-y divide-edge-subtle overflow-hidden rounded-xl border border-edge bg-surface-base`,children:h.map(e=>(0,$.jsxs)(`div`,{className:`px-4 py-3`,children:[(0,$.jsx)(`p`,{className:`text-sm font-medium text-fg`,children:i.connectorBenefitHeadings[e]}),(0,$.jsx)(`p`,{className:`mt-1 text-xs leading-5 text-fg-muted`,children:i.connectorBenefitHints[e]})]},e))})]}):null,(0,$.jsxs)(`section`,{className:`overflow-hidden rounded-xl border border-edge bg-surface-base`,children:[(0,$.jsxs)(`div`,{className:`flex items-start gap-3 border-b border-edge-subtle px-4 py-3`,children:[(0,$.jsx)(le,{className:`mt-0.5 size-4 shrink-0 text-fg-muted`,"aria-hidden":!0}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`p`,{className:`text-sm font-medium text-fg`,children:i.detailPermissions}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-fg-muted`,children:Ot(e,i)})]})]}),(0,$.jsxs)(`div`,{className:`px-4 py-3`,children:[(0,$.jsx)(`p`,{className:`text-sm font-medium text-fg`,children:i.connectorSetupTitle}),(0,$.jsx)(`p`,{className:`mt-1 text-xs leading-5 text-fg-muted`,children:g.length?X(i.connectorRequiredInputsCount,{count:String(g.length)}):i.connectorSetupNone})]})]}),(0,$.jsxs)(`details`,{className:`rounded-xl border border-edge bg-surface-base`,children:[(0,$.jsx)(`summary`,{className:`cursor-pointer px-4 py-3 text-sm font-medium text-fg-muted hover:text-fg`,children:i.connectorTechnicalDetails}),(0,$.jsxs)(`div`,{className:`space-y-5 border-t border-edge-subtle px-4 py-4`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(`p`,{className:`flex items-center gap-2 text-xs font-medium text-fg-muted`,children:[(0,$.jsx)(de,{className:`size-3.5`,"aria-hidden":!0}),i.connectorRuntimeTitle]}),(0,$.jsx)(`p`,{className:`mt-1 break-words text-xs text-fg-subtle`,children:Dt(e,i)})]}),_.length?(0,$.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:_.map(e=>(0,$.jsx)(`span`,{className:`rounded-md bg-surface-panel px-2 py-1 text-xs text-fg-muted`,children:Et(e,i)},e))}):null,(0,$.jsxs)(E,{variant:`secondary`,disabled:a,onClick:()=>void T(),children:[a?(0,$.jsx)(J,{className:`size-4 animate-spin`}):(0,$.jsx)($e,{className:`size-4`}),i.connectorPreviewButton]}),p?(0,$.jsx)(`p`,{className:`rounded-lg bg-red-500/10 px-3 py-2 text-sm text-red-600`,children:p}):null,c?(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsx)(kt,{title:i.detailTools,items:c.tools.map(e=>({id:e.name,title:e.shortName??e.name,description:e.description}))}),(0,$.jsx)(kt,{title:i.detailResources,items:c.resources.map(e=>({id:e.uri,title:e.title??e.name??e.uri,description:e.description}))}),(0,$.jsx)(kt,{title:i.detailPrompts,items:c.prompts.map(e=>({id:e.name,title:e.title??e.name,description:e.description}))})]}):null]})]})]}),(0,$.jsxs)(`div`,{className:`flex shrink-0 justify-end gap-2 border-t border-edge-subtle px-5 py-4 sm:px-6`,children:[(0,$.jsx)(b,{asChild:!0,children:(0,$.jsx)(E,{variant:`secondary`,children:i.modalClose})}),t?null:(0,$.jsxs)(E,{variant:`primary`,onClick:()=>{r(e),n()},children:[(0,$.jsx)(je,{className:`size-4`}),i.connect]})]})]})]})})}var Mt=f(`w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg`,`placeholder:text-fg-subtle`,q);function Nt(e){let t=(0,Q.c)(58),{open:n,sessionIdleTtlMinutes:r,saving:i,onChange:a,onSave:o,onClose:s,t:c,mcp:l}=e,u;t[0]===s?u=t[1]:(u=e=>{e||s()},t[0]=s,t[1]=u);let p;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(p=(0,$.jsx)(v,{className:`xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim`}),t[2]=p):p=t[2];let m;t[3]===Symbol.for(`react.memo_cache_sentinel`)?(m=f(`xopc-dialog-content fixed left-1/2 top-1/2 z-[60] flex h-[min(32rem,calc(100vh-2rem))] w-[min(100%-2rem,38rem)] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden`,`rounded-2xl border border-edge bg-surface-overlay shadow-float dark:border-edge`),t[3]=m):m=t[3];let h;t[4]===Symbol.for(`react.memo_cache_sentinel`)?(h=(0,$.jsx)(`span`,{className:`flex size-10 shrink-0 items-center justify-center rounded-xl bg-accent-soft text-accent-fg`,children:(0,$.jsx)(Ee,{className:`size-5`,strokeWidth:1.75,"aria-hidden":!0})}),t[4]=h):h=t[4];let g;t[5]===c.runtimeSettingsTitle?g=t[6]:(g=(0,$.jsx)(C,{className:`text-base font-semibold text-fg`,children:c.runtimeSettingsTitle}),t[5]=c.runtimeSettingsTitle,t[6]=g);let _;t[7]===c.runtimeSettingsHint?_=t[8]:(_=(0,$.jsx)(y,{className:`mt-1 text-sm text-fg-muted`,children:c.runtimeSettingsHint}),t[7]=c.runtimeSettingsHint,t[8]=_);let T;t[9]!==g||t[10]!==_?(T=(0,$.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[h,(0,$.jsxs)(`div`,{className:`min-w-0`,children:[g,_]})]}),t[9]=g,t[10]=_,t[11]=T):T=t[11];let D;t[12]===Symbol.for(`react.memo_cache_sentinel`)?(D=f(`rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg`,be.focusRingPanel),t[12]=D):D=t[12];let O;t[13]===Symbol.for(`react.memo_cache_sentinel`)?(O=(0,$.jsx)(d,{className:`size-5`,strokeWidth:1.75,"aria-hidden":!0}),t[13]=O):O=t[13];let k;t[14]===c.modalClose?k=t[15]:(k=(0,$.jsx)(b,{asChild:!0,children:(0,$.jsx)(`button`,{type:`button`,className:D,"aria-label":c.modalClose,children:O})}),t[14]=c.modalClose,t[15]=k);let A;t[16]!==k||t[17]!==T?(A=(0,$.jsxs)(`div`,{className:`flex shrink-0 items-start justify-between gap-3 border-b border-edge-subtle px-6 py-5`,children:[T,k]}),t[16]=k,t[17]=T,t[18]=A):A=t[18];let j;t[19]===l.idleTtlLabel?j=t[20]:(j=(0,$.jsx)(`span`,{className:`text-sm font-medium text-fg`,children:l.idleTtlLabel}),t[19]=l.idleTtlLabel,t[20]=j);let M;t[21]===Symbol.for(`react.memo_cache_sentinel`)?(M=f(Mt,`w-40 flex-none`),t[21]=M):M=t[21];let N=r??``,P;t[22]===a?P=t[23]:(P=e=>{let t=e.currentTarget.value.trim();a(t===``?void 0:Number.parseInt(t,10))},t[22]=a,t[23]=P);let F;t[24]!==l.idleTtlPlaceholder||t[25]!==N||t[26]!==P?(F=(0,$.jsx)(`input`,{type:`number`,min:0,className:M,value:N,placeholder:l.idleTtlPlaceholder,onChange:P}),t[24]=l.idleTtlPlaceholder,t[25]=N,t[26]=P,t[27]=F):F=t[27];let I;t[28]===l.idleTtlHint?I=t[29]:(I=(0,$.jsx)(`span`,{className:`text-xs text-fg-subtle`,children:l.idleTtlHint}),t[28]=l.idleTtlHint,t[29]=I);let L;t[30]!==j||t[31]!==F||t[32]!==I?(L=(0,$.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-6 py-5`,children:(0,$.jsxs)(`label`,{className:`flex max-w-xl flex-col gap-1.5`,children:[j,F,I]})}),t[30]=j,t[31]=F,t[32]=I,t[33]=L):L=t[33];let R;t[34]!==s||t[35]!==i||t[36]!==c.modalCancel?(R=(0,$.jsx)(E,{type:`button`,variant:`secondary`,disabled:i,onClick:s,children:c.modalCancel}),t[34]=s,t[35]=i,t[36]=c.modalCancel,t[37]=R):R=t[37];let z;t[38]===o?z=t[39]:(z=()=>void o(),t[38]=o,t[39]=z);let B;t[40]===i?B=t[41]:(B=i?(0,$.jsx)(J,{className:`size-4 animate-spin`,"aria-hidden":!0}):null,t[40]=i,t[41]=B);let ee;t[42]!==l.save||t[43]!==i||t[44]!==z||t[45]!==B?(ee=(0,$.jsxs)(E,{type:`button`,variant:`primary`,disabled:i,onClick:z,children:[B,l.save]}),t[42]=l.save,t[43]=i,t[44]=z,t[45]=B,t[46]=ee):ee=t[46];let V;t[47]!==R||t[48]!==ee?(V=(0,$.jsxs)(`div`,{className:`flex shrink-0 justify-end gap-2 border-t border-edge-subtle px-6 py-4`,children:[R,ee]}),t[47]=R,t[48]=ee,t[49]=V):V=t[49];let te;t[50]!==A||t[51]!==L||t[52]!==V?(te=(0,$.jsxs)(x,{children:[p,(0,$.jsxs)(S,{className:m,children:[A,L,V]})]}),t[50]=A,t[51]=L,t[52]=V,t[53]=te):te=t[53];let ne;return t[54]!==n||t[55]!==u||t[56]!==te?(ne=(0,$.jsx)(w,{open:n,onOpenChange:u,children:te}),t[54]=n,t[55]=u,t[56]=te,t[57]=ne):ne=t[57],ne}var Pt=(0,Z.memo)(function(e){let t=(0,Q.c)(12),{value:n,onChange:r,placeholder:i,className:a}=e,o;t[0]===a?o=t[1]:(o=f(`relative flex min-h-11 sm:min-h-9 min-w-0 flex-1 cursor-text items-center rounded-pill border border-edge bg-surface-panel py-1.5 pl-9 pr-3 focus-within:ring-2 focus-within:ring-accent`,a),t[0]=a,t[1]=o);let s;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(s=(0,$.jsx)(K,{className:`pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-fg-disabled`,strokeWidth:1.75,"aria-hidden":!0}),t[2]=s):s=t[2];let c;t[3]===r?c=t[4]:(c=e=>r(e.currentTarget.value),t[3]=r,t[4]=c);let l;t[5]!==i||t[6]!==c||t[7]!==n?(l=(0,$.jsx)(`input`,{type:`search`,"aria-label":i,enterKeyHint:`search`,value:n,onChange:c,placeholder:i,autoComplete:`off`,spellCheck:!1,className:`min-w-0 flex-1 appearance-none border-0 bg-transparent py-0.5 text-base sm: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`}),t[5]=i,t[6]=c,t[7]=n,t[8]=l):l=t[8];let u;return t[9]!==o||t[10]!==l?(u=(0,$.jsxs)(`label`,{className:o,children:[s,l]}),t[9]=o,t[10]=l,t[11]=u):u=t[11],u}),Ft=(0,Z.memo)(function(e){let t=(0,Q.c)(28),{onRefresh:n,refreshing:r,refreshLabel:i,onBrowseCatalog:a,onAddCustomServer:o,addLabel:s,browseLabel:c,customLabel:l}=e,d;t[0]!==n||t[1]!==i||t[2]!==r?(d=n?(0,$.jsx)(Ye,{className:`size-9 shrink-0 p-0`,loading:r,label:i,title:i,onClick:n}):null,t[0]=n,t[1]=i,t[2]=r,t[3]=d):d=t[3];let p;t[4]===Symbol.for(`react.memo_cache_sentinel`)?(p=(0,$.jsx)(ft,{}),t[4]=p):p=t[4];let m;t[5]===Symbol.for(`react.memo_cache_sentinel`)?(m=(0,$.jsx)(u,{className:`size-4`,strokeWidth:1.75,"aria-hidden":!0}),t[5]=m):m=t[5];let h;t[6]===Symbol.for(`react.memo_cache_sentinel`)?(h=(0,$.jsx)(ce,{className:`size-3.5`,strokeWidth:1.75,"aria-hidden":!0}),t[6]=h):h=t[6];let g;t[7]===s?g=t[8]:(g=(0,$.jsx)(dt,{asChild:!0,children:(0,$.jsxs)(E,{type:`button`,variant:`primary`,className:`shrink-0 gap-2`,children:[m,s,h]})}),t[7]=s,t[8]=g);let _;t[9]===Symbol.for(`react.memo_cache_sentinel`)?(_=f(`touch-target flex cursor-pointer items-center gap-2 rounded-lg px-3 py-2 text-sm text-fg outline-none data-[highlighted]:bg-surface-hover`,be.transition),t[9]=_):_=t[9];let v;t[10]===Symbol.for(`react.memo_cache_sentinel`)?(v=(0,$.jsx)(lt,{className:`size-4 text-fg-muted`,strokeWidth:1.75,"aria-hidden":!0}),t[10]=v):v=t[10];let y;t[11]!==c||t[12]!==a?(y=(0,$.jsxs)(se,{className:_,onSelect:a,children:[v,c]}),t[11]=c,t[12]=a,t[13]=y):y=t[13];let b;t[14]===Symbol.for(`react.memo_cache_sentinel`)?(b=f(`touch-target flex cursor-pointer items-center gap-2 rounded-lg px-3 py-2 text-sm text-fg outline-none data-[highlighted]:bg-surface-hover`,be.transition),t[14]=b):b=t[14];let x;t[15]===Symbol.for(`react.memo_cache_sentinel`)?(x=(0,$.jsx)($e,{className:`size-4 text-fg-muted`,strokeWidth:1.75,"aria-hidden":!0}),t[15]=x):x=t[15];let S;t[16]!==l||t[17]!==o?(S=(0,$.jsxs)(se,{className:b,onSelect:o,children:[x,l]}),t[16]=l,t[17]=o,t[18]=S):S=t[18];let C;t[19]!==S||t[20]!==y?(C=(0,$.jsx)(fe,{children:(0,$.jsxs)(ye,{className:`z-50 min-w-[14rem] rounded-xl border border-edge bg-surface-panel p-1 shadow-popover dark:border-edge`,sideOffset:6,align:`end`,children:[y,S]})}),t[19]=S,t[20]=y,t[21]=C):C=t[21];let w;t[22]!==C||t[23]!==g?(w=(0,$.jsxs)(pe,{children:[g,C]}),t[22]=C,t[23]=g,t[24]=w):w=t[24];let T;return t[25]!==d||t[26]!==w?(T=(0,$.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-wrap items-center justify-end gap-2`,children:[d,p,w]}),t[25]=d,t[26]=w,t[27]=T):T=t[27],T}),It=/^([^:=]+)[:=](.*)$/;function Lt(e){let t=e.trim();if(!t)return null;try{let e=JSON.parse(t);if(e&&typeof e==`object`&&!Array.isArray(e))return Object.entries(e).map(([e,t])=>({key:e,value:t==null?``:String(t)}))}catch{}let n=[];for(let e of t.split(/\r?\n/)){let t=e.trim();if(!t)continue;let r=It.exec(t);r&&n.push({key:r[1].trim(),value:r[2].trim()})}return n.length>0?n:null}function Rt(e){let t={};for(let n of e){let e=n.key.trim();e&&(t[e]=n.value)}return Object.keys(t).length>0?t:void 0}function zt(e){if(!e||typeof e!=`object`)return[{key:``,value:``}];let t=Object.entries(e).map(([e,t])=>({key:e,value:t==null?``:String(t)}));return t.length>0?t:[{key:``,value:``}]}function Bt(e){if(!e||typeof e!=`object`||Array.isArray(e))return!1;let t=e.xopcConnector;return!!(t&&typeof t==`object`&&!Array.isArray(t)&&t.managed===!0)}function Vt(e){let t=e&&typeof e==`object`&&`mcp`in e?e.mcp:void 0,n=(t&&typeof t==`object`?t:{}).servers,r={};if(!n||typeof n!=`object`||Array.isArray(n))return r;for(let[e,t]of Object.entries(n))!t||typeof t!=`object`||Array.isArray(t)||Bt(t)&&(r[e]=t);return r}function Ht(e){let t=e.trim();if(t)return t.split(/\s+/).filter(Boolean)}function Ut(e){let t=e.trim();if(!t)return;let n=JSON.parse(t);if(!n||typeof n!=`object`||Array.isArray(n))throw Error(`Expected a JSON object`);return n}function Wt(e){if(e.transport===`stdio`){let t={command:e.command.trim()},n=Ht(e.argsText);return n?.length&&(t.args=n),e.cwd.trim()&&(t.cwd=e.cwd.trim()),e.envJson.trim()&&(t.env=Ut(e.envJson)),e.connectionTimeoutMs!=null&&Number.isFinite(e.connectionTimeoutMs)&&(t.connectionTimeoutMs=e.connectionTimeoutMs),e.requestTimeoutMs!=null&&Number.isFinite(e.requestTimeoutMs)&&(t.requestTimeoutMs=e.requestTimeoutMs),t}let t={url:e.url.trim(),transport:e.transport},n=Rt(e.headers);return n&&(t.headers=n),e.transport===`streamable-http`&&e.auth===`oauth`&&(t.auth={type:`oauth`,...e.oauthClientId.trim()?{clientId:e.oauthClientId.trim()}:{}}),e.connectionTimeoutMs!=null&&Number.isFinite(e.connectionTimeoutMs)&&(t.connectionTimeoutMs=e.connectionTimeoutMs),e.requestTimeoutMs!=null&&Number.isFinite(e.requestTimeoutMs)&&(t.requestTimeoutMs=e.requestTimeoutMs),t}function Gt(e,t){let n=typeof t.url==`string`&&t.url.trim().length>0,r=typeof t.transport==`string`?t.transport.trim().toLowerCase():``,i=n?r===`sse`?`sse`:`streamable-http`:`stdio`,a=t.headers&&typeof t.headers==`object`&&!Array.isArray(t.headers)?t.headers:void 0,o=t.auth&&typeof t.auth==`object`&&!Array.isArray(t.auth)?t.auth:void 0,s=o?.type===`oauth`?`oauth`:`none`;return{clientKey:e,id:e,transport:i,command:typeof t.command==`string`?t.command:``,argsText:Array.isArray(t.args)?t.args.map(String).join(` `):``,envJson:t.env&&typeof t.env==`object`?JSON.stringify(t.env,null,2):``,cwd:typeof t.cwd==`string`?t.cwd:typeof t.workingDirectory==`string`?t.workingDirectory:``,url:typeof t.url==`string`?t.url:``,headers:zt(a),auth:s,oauthClientId:typeof o?.clientId==`string`?o.clientId:``,connectionTimeoutMs:typeof t.connectionTimeoutMs==`number`&&Number.isFinite(t.connectionTimeoutMs)?t.connectionTimeoutMs:void 0,requestTimeoutMs:typeof t.requestTimeoutMs==`number`&&Number.isFinite(t.requestTimeoutMs)?t.requestTimeoutMs:void 0}}function Kt(e=``){return{clientKey:crypto.randomUUID(),id:e,transport:`stdio`,command:``,argsText:``,envJson:``,cwd:``,url:``,headers:[{key:`Authorization`,value:``}],auth:`none`,oauthClientId:``,connectionTimeoutMs:void 0,requestTimeoutMs:void 0}}function qt(e){let t=e&&typeof e==`object`&&`mcp`in e?e.mcp:void 0,n=t&&typeof t==`object`?t:{},r=n.servers,i=r&&typeof r==`object`&&!Array.isArray(r)?Object.entries(r).flatMap(([e,t])=>!t||typeof t!=`object`||Array.isArray(t)||Bt(t)?[]:[Gt(e,t)]).sort((e,t)=>e.id.localeCompare(t.id)):[],a=typeof n.sessionIdleTtlMs==`number`?n.sessionIdleTtlMs:void 0;return{sessionIdleTtlMinutes:a==null?void 0:a===0?0:Math.round(a/6e4),servers:i}}function Jt(e){return Wt(e)}async function Yt(e,t={}){let n={};for(let r of e.servers){let e=r.id.trim();if(e){if(t[e])throw Error(`Server id "${e}" is reserved by an installed connector.`);n[e]=Wt(r)}}let r={servers:{...t,...n}};e.sessionIdleTtlMinutes!=null&&Number.isFinite(e.sessionIdleTtlMinutes)&&(r.sessionIdleTtlMs=e.sessionIdleTtlMinutes===0?0:Math.round(e.sessionIdleTtlMinutes*6e4)),await p(g(`/api/config`),{method:`PATCH`,body:JSON.stringify({mcp:r})}),D()}async function Xt(e,t,n=``){let r=await p(g(`/api/mcp/servers/${encodeURIComponent(e)}/oauth${n}`),{method:t});if(!r.payload)throw Error(r.error??`MCP OAuth request failed`);return r.payload}function Zt(e){return Xt(e,`GET`)}function Qt(e){return Xt(e,`POST`,`/start`)}function $t(e){return Xt(e,`DELETE`)}function en(e){if(!Array.isArray(e))return[];let t=[];for(let n of e){if(!n||typeof n!=`object`)continue;let e=n;if(typeof e.name!=`string`)continue;let r=e.name.trim();if(!r)continue;let i=typeof e.shortName==`string`&&e.shortName.trim()?e.shortName.trim():void 0,a=typeof e.description==`string`&&e.description.trim()?e.description.trim():void 0;t.push({name:r,shortName:i,description:a})}return t}function tn(e){if(!Array.isArray(e))return[];let t=[];for(let n of e){if(!n||typeof n!=`object`)continue;let e=n;if(typeof e.uri!=`string`||typeof e.name!=`string`)continue;let r=e.uri.trim(),i=e.name.trim();!r||!i||t.push({uri:r,name:i,title:typeof e.title==`string`&&e.title.trim()?e.title.trim():void 0,description:typeof e.description==`string`&&e.description.trim()?e.description.trim():void 0,mimeType:typeof e.mimeType==`string`&&e.mimeType.trim()?e.mimeType.trim():void 0})}return t}function nn(e){if(!Array.isArray(e))return[];let t=[];for(let n of e){if(!n||typeof n!=`object`)continue;let e=n;if(typeof e.name!=`string`)continue;let r=e.name.trim();r&&t.push({name:r,title:typeof e.title==`string`&&e.title.trim()?e.title.trim():void 0,description:typeof e.description==`string`&&e.description.trim()?e.description.trim():void 0,argumentCount:typeof e.argumentCount==`number`?e.argumentCount:0})}return t}async function rn(e,t){let n=await p(g(`/api/mcp/servers/${encodeURIComponent(e)}/test`),{method:`POST`,body:t?JSON.stringify({server:t}):void 0});if(!n.payload)throw Error(n.error??`MCP test failed`);let r=en(n.payload.tools),i=tn(n.payload.resources),a=nn(n.payload.prompts);return{serverId:n.payload.serverId??e,toolCount:typeof n.payload.toolCount==`number`?n.payload.toolCount:r.length,resourceCount:typeof n.payload.resourceCount==`number`?n.payload.resourceCount:i.length,promptCount:typeof n.payload.promptCount==`number`?n.payload.promptCount:a.length,tools:r,resources:i,prompts:a}}function an(e){return e.connectionTimeoutMs==null||!Number.isFinite(e.connectionTimeoutMs)?``:String(Math.round(e.connectionTimeoutMs/1e3))}function on(e){let t=e.trim();if(!t)return;let n=Number.parseInt(t,10);if(!(!Number.isFinite(n)||n<1||n>600))return n*1e3}function sn(e){return e.requestTimeoutMs==null||!Number.isFinite(e.requestTimeoutMs)?``:String(Math.round(e.requestTimeoutMs/1e3))}function cn(e){let t=e.trim();if(!t)return;let n=Number.parseInt(t,10);if(!(!Number.isFinite(n)||n<1||n>14400))return n*1e3}function ln(e){if(e.transport===`stdio`){let t=e.command.trim();if(!t)return``;let n=e.argsText.trim();return n?`${t} ${n}`:t}return e.url.trim()}function un({row:e,t,cs:n,onEdit:r,onRemove:i}){let[a,o]=(0,Z.useState)(!1),[s,c]=(0,Z.useState)(!1),[l,u]=(0,Z.useState)(!1),[d,f]=(0,Z.useState)(null),[p,m]=(0,Z.useState)(null),[h,g]=(0,Z.useState)(null),[_,v]=(0,Z.useState)(!1),y=ln(e),b=e.transport===`streamable-http`&&e.auth===`oauth`;(0,Z.useEffect)(()=>{if(!b){g(null);return}let t=!1,n=async()=>{try{let n=await Zt(e.id.trim());t||(g(n),n.status===`error`&&n.session?.error&&m(n.session.error),n.status===`connected`&&m(null))}catch(e){t||m(e instanceof Error?e.message:String(e))}};n();let r=window.setInterval(()=>{h?.status===`authorizing`&&n()},1e3);return()=>{t=!0,window.clearInterval(r)}},[h?.status,e.id,b]);let x=(0,Z.useCallback)(async()=>{v(!0),m(null);let n=Ge();try{let r=await Qt(e.id.trim());g(r),r.status===`error`&&r.session?.error&&m(r.session.error),r.status===`connected`&&m(null);let i=r.session?.authorizationUrl;i?await ve(i,n)||m(t.oauthOpenFailed):H(n)}catch(e){H(n),m(e instanceof Error?e.message:String(e))}finally{v(!1)}},[e.id,t.oauthOpenFailed]),S=(0,Z.useCallback)(async()=>{v(!0),m(null);try{g(await $t(e.id.trim()))}catch(e){m(e instanceof Error?e.message:String(e))}finally{v(!1)}},[e.id]),C=(0,Z.useCallback)(async()=>{o(!0),m(null);try{let t=await rn(e.id.trim());f({toolCount:t.toolCount,resourceCount:t.resourceCount,promptCount:t.promptCount})}catch(e){m(e instanceof Error?e.message:String(e))}finally{o(!1)}},[e.id]),w=(0,Z.useCallback)(async()=>{c(!0),m(null);try{await i()}catch(e){m(e instanceof Error?e.message:String(e)),c(!1)}},[i]);return(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`div`,{className:`px-4 py-3.5 hover:bg-surface-hover/50`,children:[(0,$.jsxs)(`button`,{type:`button`,className:`block w-full min-w-0 text-left`,onClick:r,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,$.jsx)(`h3`,{className:`truncate text-sm font-semibold text-fg`,children:e.id.trim()||t.cardUntitled}),(0,$.jsx)(`span`,{className:`rounded-full bg-surface-base px-2 py-0.5 text-[11px] text-fg-muted`,children:n.customBadge}),(0,$.jsx)(`span`,{className:`rounded-full bg-surface-hover px-2 py-0.5 text-[11px] font-medium text-fg-muted`,children:t.transportLabels[e.transport]}),b&&h?(0,$.jsx)(`span`,{className:`rounded-full bg-accent-soft px-2 py-0.5 text-[11px] font-medium text-accent-fg`,children:t.oauthStatus[h.status===`not_configured`?`disconnected`:h.status]}):null]}),y?(0,$.jsx)(`p`,{className:`mt-3 line-clamp-2 break-all font-mono text-xs leading-5 text-fg-subtle`,title:y,children:y}):null,p?(0,$.jsx)(`p`,{className:`mt-3 rounded-xl bg-red-500/10 px-3 py-2 text-sm text-red-600`,children:p}):null,d?(0,$.jsx)(`p`,{className:`mt-3 text-sm text-fg-muted`,children:X(n.customCapabilitySummary,{tools:String(d.toolCount),resources:String(d.resourceCount),prompts:String(d.promptCount)})}):null]}),(0,$.jsxs)(`div`,{className:`mt-3 flex flex-wrap justify-end gap-2`,children:[b&&h?.status!==`connected`?(0,$.jsxs)(E,{variant:`secondary`,disabled:_,onClick:()=>void x(),children:[_?(0,$.jsx)(J,{className:`size-4 animate-spin`}):(0,$.jsx)(ge,{className:`size-4`}),h?.status===`authorizing`?t.oauthOpenAuthorization:t.oauthConnect]}):(0,$.jsxs)(E,{variant:`secondary`,disabled:a,onClick:()=>void C(),children:[a?(0,$.jsx)(J,{className:`size-4 animate-spin`}):(0,$.jsx)(G,{className:`size-4`}),t.testConnection]}),b&&h?.status===`connected`?(0,$.jsxs)(E,{variant:`ghost`,disabled:_,onClick:()=>void S(),children:[_?(0,$.jsx)(J,{className:`size-4 animate-spin`}):(0,$.jsx)(at,{className:`size-4`}),t.oauthDisconnect]}):null,(0,$.jsxs)(E,{variant:`ghost`,disabled:s,onClick:()=>u(!0),children:[s?(0,$.jsx)(J,{className:`size-4 animate-spin`}):(0,$.jsx)(Ze,{className:`size-4`}),t.removeServer]})]})]}),(0,$.jsx)(tt,{open:l,title:n.removeConfirmTitle.replace(`{{name}}`,e.id.trim()||t.cardUntitled),description:n.removeConfirmDescription,confirmLabel:t.removeServer,cancelLabel:n.modalCancel,destructive:!0,onConfirm:()=>{u(!1),w()},onCancel:()=>{s||u(!1)}})]})}function dn(e,t){return e?t&&e.startsWith(t)?e.slice(t.length):e:``}function fn(e,t,n){let r=t.trim().toLowerCase();if(!r)return!0;let i=e.shortName||dn(e.name,n);return[e.name,i,e.description].filter(Boolean).join(`
-`).toLowerCase().includes(r)}function pn(e,t){return e?t&&e.startsWith(t)?e.slice(t.length):e:``}function mn(e){let t=(0,Q.c)(29),{tools:n,stripPrefix:r,searchPlaceholder:i,searchEmptyLabel:a}=e,[o,s]=(0,Z.useState)(``),c;if(t[0]!==o||t[1]!==r||t[2]!==n){let e;t[4]!==o||t[5]!==r?(e=e=>fn(e,o,r),t[4]=o,t[5]=r,t[6]=e):e=t[6],c=n.filter(e),t[0]=o,t[1]=r,t[2]=n,t[3]=c}else c=t[3];let l=c,u;t[7]===o?u=t[8]:(u=o.trim(),t[7]=o,t[8]=u);let d=u.length>0,p;t[9]===Symbol.for(`react.memo_cache_sentinel`)?(p=(0,$.jsx)(K,{className:`pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-fg-subtle`,"aria-hidden":!0}),t[9]=p):p=t[9];let m,h;t[10]===Symbol.for(`react.memo_cache_sentinel`)?(m=f(`w-full rounded-lg border border-edge bg-surface-panel py-2 pl-9 pr-3 text-sm text-fg`,`placeholder:text-fg-subtle`,q),h=e=>s(e.target.value),t[10]=m,t[11]=h):(m=t[10],h=t[11]);let g;t[12]!==o||t[13]!==i?(g=(0,$.jsxs)(`div`,{className:`relative`,children:[p,(0,$.jsx)(`input`,{type:`search`,value:o,placeholder:i,"aria-label":i,className:m,onChange:h})]}),t[12]=o,t[13]=i,t[14]=g):g=t[14];let _;t[15]!==l.length||t[16]!==d||t[17]!==n.length?(_=d?(0,$.jsxs)(`p`,{className:`mt-2 text-xs text-fg-subtle`,children:[l.length,` / `,n.length]}):null,t[15]=l.length,t[16]=d,t[17]=n.length,t[18]=_):_=t[18];let v;t[19]!==g||t[20]!==_?(v=(0,$.jsxs)(`div`,{className:`border-b border-edge px-5 py-3`,children:[g,_]}),t[19]=g,t[20]=_,t[21]=v):v=t[21];let y;t[22]!==l||t[23]!==a||t[24]!==r?(y=(0,$.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-5 py-4`,children:l.length===0?(0,$.jsx)(`p`,{className:`text-sm text-fg-muted`,children:a}):(0,$.jsx)(`ul`,{className:`flex flex-col gap-2`,children:l.map((e,t)=>{let n=e.shortName||pn(e.name,r)||e.name||`?`,i=e.name||`tool-${t}`;return(0,$.jsxs)(`li`,{className:`min-w-0 rounded-lg border border-edge bg-surface-base px-3 py-2.5`,children:[(0,$.jsx)(`div`,{className:`truncate font-mono text-sm font-medium text-fg`,title:e.name===n?n:e.name,children:n}),e.description?(0,$.jsx)(`p`,{className:`mt-1 truncate text-xs leading-relaxed text-fg-muted`,title:e.description,children:e.description}):null]},i)})})}),t[22]=l,t[23]=a,t[24]=r,t[25]=y):y=t[25];let b;return t[26]!==v||t[27]!==y?(b=(0,$.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col`,children:[v,y]}),t[26]=v,t[27]=y,t[28]=b):b=t[28],b}function hn(e){let t=(0,Q.c)(38),{open:n,onOpenChange:r,serverId:i,title:a,subtitle:o,searchPlaceholder:s,searchEmptyLabel:c,emptyLabel:l,closeLabel:u,tools:p,stripPrefix:m}=e,h;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(h=(0,$.jsx)(v,{className:f(`xopc-dialog-overlay fixed inset-0 bg-scrim backdrop-blur-[1px]`,j)}),t[0]=h):h=t[0];let g;t[1]===Symbol.for(`react.memo_cache_sentinel`)?(g=f(`xopc-dialog-content fixed left-1/2 top-1/2 flex max-h-[min(88vh,40rem)] w-[min(100%-2rem,min(92vw,36rem))] -translate-x-1/2 -translate-y-1/2 flex-col`,A,`rounded-2xl border border-edge bg-surface-overlay shadow-popover outline-none dark:border-edge`),t[1]=g):g=t[1];let _;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(_=(0,$.jsx)($e,{className:`size-4 shrink-0 text-accent`,"aria-hidden":!0}),t[2]=_):_=t[2];let T;t[3]===a?T=t[4]:(T=(0,$.jsxs)(C,{className:`flex items-center gap-2 text-base font-semibold text-fg`,children:[_,a]}),t[3]=a,t[4]=T);let D;t[5]!==i||t[6]!==o||t[7]!==p.length?(D=o.replace(`{{serverId}}`,i).replace(`{{count}}`,String(p.length)),t[5]=i,t[6]=o,t[7]=p.length,t[8]=D):D=t[8];let O;t[9]===D?O=t[10]:(O=(0,$.jsx)(y,{className:`mt-1 text-sm text-fg-muted`,children:D}),t[9]=D,t[10]=O);let k;t[11]!==T||t[12]!==O?(k=(0,$.jsxs)(`div`,{className:`min-w-0`,children:[T,O]}),t[11]=T,t[12]=O,t[13]=k):k=t[13];let M;t[14]===Symbol.for(`react.memo_cache_sentinel`)?(M=(0,$.jsx)(d,{className:`size-4`,"aria-hidden":!0}),t[14]=M):M=t[14];let N;t[15]===u?N=t[16]:(N=(0,$.jsx)(b,{asChild:!0,children:(0,$.jsx)(E,{type:`button`,variant:`ghost`,className:`size-8 shrink-0 px-0`,"aria-label":u,children:M})}),t[15]=u,t[16]=N);let P;t[17]!==k||t[18]!==N?(P=(0,$.jsxs)(`div`,{className:`flex items-start justify-between gap-3 border-b border-edge px-5 py-4`,children:[k,N]}),t[17]=k,t[18]=N,t[19]=P):P=t[19];let F;t[20]!==l||t[21]!==n||t[22]!==c||t[23]!==s||t[24]!==i||t[25]!==m||t[26]!==p?(F=p.length>0?(0,$.jsx)(`div`,{className:`flex min-h-0 flex-1 flex-col`,children:(0,$.jsx)(mn,{tools:p,stripPrefix:m,searchPlaceholder:s,searchEmptyLabel:c},`${i}-${n?`open`:`closed`}`)}):(0,$.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-5 py-4`,children:(0,$.jsx)(`p`,{className:`text-sm text-fg-muted`,children:l})}),t[20]=l,t[21]=n,t[22]=c,t[23]=s,t[24]=i,t[25]=m,t[26]=p,t[27]=F):F=t[27];let I;t[28]===u?I=t[29]:(I=(0,$.jsx)(`div`,{className:`flex justify-end border-t border-edge px-5 py-3`,children:(0,$.jsx)(b,{asChild:!0,children:(0,$.jsx)(E,{type:`button`,variant:`secondary`,children:u})})}),t[28]=u,t[29]=I);let L;t[30]!==P||t[31]!==F||t[32]!==I?(L=(0,$.jsxs)(x,{children:[h,(0,$.jsxs)(S,{className:g,children:[P,F,I]})]}),t[30]=P,t[31]=F,t[32]=I,t[33]=L):L=t[33];let R;return t[34]!==r||t[35]!==n||t[36]!==L?(R=(0,$.jsx)(w,{open:n,onOpenChange:r,children:L}),t[34]=r,t[35]=n,t[36]=L,t[37]=R):R=t[37],R}function gn(e){let t=e.connectedAt?Date.parse(e.connectedAt):0;return Number.isFinite(t)?t:0}function _n(e,t){return e.status===`active`&&t.status!==`active`?-1:e.status!==`active`&&t.status===`active`?1:e.isCurrentAuthorization===t.isCurrentAuthorization?gn(t)-gn(e):e.isCurrentAuthorization?-1:1}function vn(e){let t=new Map;for(let n of e){let e=n.accountId??n.identityKey??`authorization:${n.id}`;t.set(e,[...t.get(e)??[],n])}return[...t.entries()].map(([e,t])=>{let n=[...t].sort(_n);return{key:e,primary:n[0],authorizations:n}}).sort((e,t)=>_n(e.primary,t.primary))}var yn=f(`w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg`,`placeholder:text-fg-subtle`,q);function bn(e){return e.materialized.type===`composio`?e.materialized.toolkit:null}function xn(e,t){return e===`write`?t.composioScopeWrite:e===`admin`?t.composioScopeAdmin:t.composioScopeRead}function Sn(e,t,n){return e.status===`connected`?X(n.composioHealthConnected,{count:String(t)}):e.status===`reauthorization_required`?n.composioHealthReconnect:e.status===`disconnected`?n.composioHealthDisconnected:e.errorCode===`missing_credential`?n.composioHealthMissingCredential:e.errorCode===`unauthorized`?n.composioHealthUnauthorized:e.errorCode===`forbidden`?n.composioHealthForbidden:e.errorCode===`network`?n.composioHealthNetwork:e.errorCode===`timeout`?n.composioHealthTimeout:n.composioHealthDegraded}function Cn(e,t){return e===`active`?t.composioConnectionHealthy:e===`pending`?t.composioConnectionPending:e===`expired`?t.composioConnectionExpired:e===`failed`?t.composioConnectionFailed:e===`revoked`||e===`disabled`?t.composioConnectionRevoked:t.composioConnectionUnknown}function wn(e,t,n){return e.status===`paused`?t?.scanEnabled===!1?n.connectorLearningPausedByPolicy:n.connectorLearningPausedByFailure:e.status===`queued`?n.connectorLearningQueued:e.status===`running`?n.connectorLearningRunning:e.status===`completed`?n.connectorLearningCompleted:n.connectorLearningFailed}function Tn({instance:e,t,onChanged:n}){let r=bn(e),i=h(e=>e.language)===`zh`,[a,c]=(0,Z.useState)([]),[u,d]=(0,Z.useState)([]),[p,m]=(0,Z.useState)([]),[g,_]=(0,Z.useState)(null),[v,y]=(0,Z.useState)([]),[b,x]=(0,Z.useState)(null),[S,C]=(0,Z.useState)(null),[w,T]=(0,Z.useState)([]),[D,O]=(0,Z.useState)({}),[A,j]=(0,Z.useState)(`read`),[N,P]=(0,Z.useState)(!1),[F,I]=(0,Z.useState)(null),[L,R]=(0,Z.useState)(!1),[B,V]=(0,Z.useState)(null),[te,ne]=(0,Z.useState)(null),[H,ae]=(0,Z.useState)(!1),[oe,se]=(0,Z.useState)(!1),[ce,de]=(0,Z.useState)(!1),fe=(0,Z.useRef)(0),pe=(0,Z.useRef)(0),me=(0,Z.useMemo)(()=>vn(a),[a]),U=(0,Z.useCallback)(e=>new Promise((t,n)=>{let r=window.setTimeout(()=>n(Error(i?`连接服务响应超时，请重试。`:`The connection service timed out. Please retry.`)),15e3);e.then(t,n).finally(()=>window.clearTimeout(r))}),[i]),W=(0,Z.useCallback)(async()=>{if(!r||e.materialized.type!==`composio`||e.materialized.role===`credential`)return;P(!0),I(null);let t=++fe.current;try{let e=(await Promise.allSettled([U(Ie()).then(e=>{t===fe.current&&(c(e.filter(e=>e.toolkit.toLowerCase()===r.toLowerCase())),ae(!0))}),U(Me(r)).then(e=>{t===fe.current&&j(e)}),U(nt(r)).then(e=>{t===fe.current&&(_(e.policy),y(e.agents))})])).find(e=>e.status===`rejected`);t===fe.current&&e?.status===`rejected`&&I(String(e.reason instanceof Error?e.reason.message:e.reason))}finally{t===fe.current&&P(!1)}},[e.materialized,r,U]);(0,Z.useEffect)(()=>(W(),()=>{fe.current++}),[W]);let ge=(0,Z.useCallback)(async()=>{if(!r)return;let e=++pe.current;de(!0),R(!1);let t=t=>n=>{e===pe.current&&t(n)},n=await Promise.allSettled([U(Qe(r)).then(t(d)),U(Ke(20)).then(t(e=>m(e.filter(e=>!e.toolkit||e.toolkit.toLowerCase()===r.toLowerCase())))),U(ot(r)).then(t(C)),U(Xe(r)).then(t(x))]);e===pe.current&&(R(n.some(e=>e.status===`rejected`)),de(!1))},[r,U]);(0,Z.useEffect)(()=>(oe&&ge(),()=>{pe.current++}),[oe,ge]),(0,Z.useEffect)(()=>{let e=!1,t=vn(a).map(e=>e.primary).filter(e=>e.supportsLearning&&e.accountId);if(t.length)return U(Re()).then(t=>{e||T(t)}).catch(()=>{}),Promise.allSettled(t.map(async e=>[e.accountId,await U(Ne(e.accountId))])).then(t=>{e||O(Object.fromEntries(t.flatMap(e=>e.status===`fulfilled`?[e.value]:[])))}),()=>{e=!0}},[a,U]);let ve=(0,Z.useCallback)(async i=>{if(!r)return;let a=M()?null:window.open(`about:blank`,`_blank`);a&&(a.opener=null),P(!0),I(null);try{if(!M()&&!a)throw Error(`Allow popups to open the authorization page.`);let t=await st(e.connectorId,i);if(!t.authorizationUrl)throw Error(`The authorization provider did not return an authorization URL.`);if(M()){let e=await window.electronAPI?.shell?.openExternalUrl(t.authorizationUrl);if(!e?.ok)throw Error(e?.error??`Could not open the system browser.`)}else a.location.href=t.authorizationUrl;let o=await he(r,t.connectionId,12e4,t.attemptId);if(i&&o.accountId!==i)throw Error(`A different account was authorized. The original account and its task bindings were not changed.`);await Promise.all([n?.(),W()])}catch(e){I(xe(e,t))}finally{a?.close(),P(!1)}},[e.connectorId,W,n,t,r]),ye=(0,Z.useCallback)(async t=>{P(!0),I(null);try{await ee(e.instanceId,{config:{...e.config??{},authConfigId:t||void 0}}),await Promise.all([n?.(),W()])}catch(e){I(e instanceof Error?e.message:String(e))}finally{P(!1)}},[e.config,e.instanceId,W,n]),be=async e=>{let t=M()?null:window.open(`about:blank`,`_blank`);t&&(t.opener=null),I(null);try{let n=await ke(e.id);if(n.authorizationUrl)if(M())await window.electronAPI?.shell?.openExternalUrl(n.authorizationUrl);else if(t)t.location.href=n.authorizationUrl;else throw Error(`Allow popups to reopen authorization.`);else t?.close(),await W()}catch(e){t?.close(),I(e instanceof Error?e.message:String(e))}},G=(0,Z.useCallback)(async e=>{if(r){j(e),I(null);try{await Se(r,e)}catch(e){I(e instanceof Error?e.message:String(e)),await W()}}},[W,r]),K=(0,Z.useCallback)(async e=>{if(r){I(null);try{_(await We(r,e))}catch(e){I(e instanceof Error?e.message:String(e))}}},[r]),q=(0,Z.useCallback)(e=>{if(!g)return;let t=g.allowedAgentIds.includes(e);t&&g.allowedAgentIds.length===1||K({allowedAgentIds:t?g.allowedAgentIds.filter(t=>t!==e):[...g.allowedAgentIds,e]})},[K,g]),Y=(0,Z.useCallback)(async e=>{P(!0),I(null);try{await e(),await W()}catch(e){I(e instanceof Error?e.message:String(e))}finally{P(!1)}},[W]);if(!r)return null;if(e.materialized.type===`composio`&&e.materialized.role===`credential`)return(0,$.jsx)(`p`,{className:`text-sm text-fg-muted`,children:t.composioApiKeyStored});let we=me.filter(e=>e.primary.status===`active`).length,Te=we>0?t.composioAddAccount:t.composioConnectAccount,Ee=H&&we>0,De=S?.requiresCustomAuthConfig===!0,je=S?.authConfigs.filter(e=>e.status===`ENABLED`&&e.isEnabledForToolRouter)??[];return(0,$.jsxs)(`div`,{className:`space-y-5`,children:[(0,$.jsxs)(`section`,{className:`flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between`,children:[(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsxs)(`span`,{className:f(`inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-medium`,Ee?`bg-emerald-500/10 text-emerald-700 dark:text-emerald-300`:`bg-amber-500/10 text-amber-700 dark:text-amber-300`),children:[Ee?(0,$.jsx)(l,{className:`size-3.5`}):(0,$.jsx)(ue,{className:`size-3.5`}),Ee?t.connectionReady:H||F?t.connectionNeedsSetup:t.connectionChecking]}),H&&(0,$.jsx)(`p`,{className:`mt-2 text-sm text-fg-muted`,children:X(t.composioAccountCount,{count:String(me.length)})})]}),(0,$.jsxs)(E,{variant:`primary`,className:`shrink-0`,disabled:N,onClick:()=>void ve(),children:[N?(0,$.jsx)(J,{className:`size-4 animate-spin`}):(0,$.jsx)(le,{className:`size-4`}),Te]})]}),F?(0,$.jsxs)(`div`,{role:`alert`,className:`flex flex-wrap items-center justify-between gap-2 rounded-xl border border-danger/20 bg-danger/5 px-3 py-2 text-sm text-danger`,children:[(0,$.jsx)(`p`,{children:F}),(0,$.jsx)(E,{variant:`secondary`,disabled:N,onClick:()=>void W(),children:t.composioRetry})]}):null,b&&!Ee?(0,$.jsxs)(`div`,{className:`flex flex-col gap-3 rounded-xl border border-amber-500/25 bg-amber-500/5 p-4 sm:flex-row sm:items-center sm:justify-between`,children:[(0,$.jsx)(`p`,{className:`text-sm text-amber-800 dark:text-amber-200`,children:Sn(b,we,t)}),b.recovery===`none`?null:(0,$.jsx)(E,{variant:`secondary`,disabled:N,onClick:()=>void(b.recovery===`retry`?W():ve()),children:b.recovery===`retry`?t.composioRetry:t.composioReconnectAccount})]}):null,De&&je.length===0?(0,$.jsx)(`p`,{className:`rounded-xl border border-amber-500/25 bg-amber-500/5 px-4 py-3 text-sm text-amber-800 dark:text-amber-200`,children:t.composioAuthConfigEmpty}):null,g?(0,$.jsxs)(`section`,{className:`overflow-hidden rounded-xl border border-edge bg-surface-base`,children:[(0,$.jsxs)(`div`,{className:`grid gap-3 border-b border-edge-subtle px-4 py-4 sm:grid-cols-[minmax(0,1fr)_15rem] sm:items-start`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`p`,{className:`text-sm font-medium text-fg`,children:t.composioAccessTitle}),(0,$.jsx)(`p`,{className:`mt-1 text-xs leading-5 text-fg-muted`,children:A===`read`?t.composioAccessReadHint:A===`admin`?t.composioAccessAdminHint:t.composioAccessWriteHint})]}),(0,$.jsxs)(o,{value:A,onChange:e=>void G(e.currentTarget.value),children:[(0,$.jsx)(s,{value:`read`,children:t.composioAccessReadOnly}),(0,$.jsx)(s,{value:`write`,children:t.composioAccessReadWrite}),A===`admin`?(0,$.jsx)(s,{value:`admin`,children:t.composioAccessAdminCurrent}):null]})]}),(0,$.jsxs)(`details`,{children:[(0,$.jsx)(`summary`,{className:`cursor-pointer px-4 py-3 text-sm text-fg-muted`,children:t.composioAdvancedSettings}),(0,$.jsxs)(`div`,{className:`grid gap-3 border-b border-edge-subtle px-4 py-4 sm:grid-cols-[minmax(0,1fr)_15rem] sm:items-center`,children:[(0,$.jsx)(`p`,{className:`text-sm font-medium text-fg`,children:t.composioConfirmationPolicy}),(0,$.jsxs)(o,{value:g.confirmationPolicy,onChange:e=>void K({confirmationPolicy:e.currentTarget.value}),children:[(0,$.jsx)(s,{value:`writes`,children:t.composioConfirmWrites}),(0,$.jsx)(s,{value:`always`,children:t.composioConfirmAlways}),g.confirmationPolicy===`never`?(0,$.jsx)(s,{value:`never`,children:t.composioConfirmNever}):null]})]}),(0,$.jsxs)(`div`,{className:`px-4 py-4`,children:[(0,$.jsx)(`p`,{className:`text-sm font-medium text-fg`,children:t.composioAllowedAgents}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-fg-muted`,children:g.allowedAgentIds.length?t.composioAllowedAgentsSelected:t.composioAllowedAgentsAll}),(0,$.jsxs)(`div`,{className:`mt-3 flex flex-wrap gap-2`,children:[(0,$.jsx)(`button`,{type:`button`,className:f(`rounded-full border px-2.5 py-1 text-xs transition-colors`,g.allowedAgentIds.length===0?`border-accent bg-accent/10 text-accent`:`border-edge bg-surface-panel text-fg-muted hover:text-fg`),onClick:()=>void K({allowedAgentIds:[]}),children:t.composioAllowedAgentsAllOption}),v.map(e=>(0,$.jsx)(`button`,{type:`button`,className:f(`rounded-full border px-2.5 py-1 text-xs transition-colors`,g.allowedAgentIds.includes(e.id)?`border-accent bg-accent/10 text-accent`:`border-edge bg-surface-panel text-fg-muted hover:text-fg`),onClick:()=>q(e.id),children:e.name},e.id))]})]}),(0,$.jsxs)(`fieldset`,{className:`space-y-2 border-t border-edge-subtle p-4 text-xs text-fg-muted`,children:[(0,$.jsx)(`legend`,{children:i?`可用账号范围`:`Available accounts`}),(0,$.jsxs)(`label`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:g.selectedAccountIds===null,disabled:N,onChange:e=>void K({selectedAccountIds:e.currentTarget.checked?null:[]})}),i?`所有账号（包括以后新增）`:`All accounts, including new ones`]}),g.selectedAccountIds!==null&&me.map(({primary:e})=>e.accountId&&(0,$.jsxs)(`label`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`input`,{type:`checkbox`,disabled:N,checked:g.selectedAccountIds.includes(e.accountId),onChange:t=>void K({selectedAccountIds:t.currentTarget.checked?[...g.selectedAccountIds,e.accountId]:g.selectedAccountIds.filter(t=>t!==e.accountId)})}),e.alias??e.accountEmail??e.accountId]},e.accountId)),g.selectedAccountIds?.length===0&&(0,$.jsx)(`p`,{children:i?`未选择账号，Agent 无法使用此应用。`:`No accounts selected. Agents cannot use this app.`})]})]})]}):null,(0,$.jsxs)(`section`,{children:[(0,$.jsxs)(`div`,{className:`mb-3 flex items-center justify-between gap-3`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:t.composioConnectedAccounts}),H&&(0,$.jsx)(`p`,{className:`mt-1 text-xs text-fg-muted`,children:X(t.composioAccountCount,{count:String(me.length)})})]}),(0,$.jsxs)(E,{variant:`ghost`,className:`h-8 px-2 text-xs`,disabled:N,onClick:()=>void W(),children:[(0,$.jsx)(Ce,{className:f(`size-3.5`,N&&`animate-spin`)}),t.refresh]})]}),me.length?(0,$.jsx)(`div`,{className:`divide-y divide-edge-subtle overflow-hidden rounded-xl border border-edge bg-surface-base`,children:me.map(e=>{let r=e.primary,a=w.find(e=>r.accountId?e.accountId===r.accountId:e.connectionId===r.id),c=r.accountId?D[r.accountId]:void 0;return(0,$.jsxs)(`article`,{className:`px-4 py-4`,children:[(0,$.jsxs)(`div`,{className:`flex flex-col items-start justify-between gap-3 sm:flex-row`,children:[(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsx)(`div`,{className:`flex flex-wrap items-center gap-2`,children:(0,$.jsx)(`p`,{className:`truncate text-sm font-medium text-fg`,children:r.alias??r.workspace??r.accountEmail??r.username??t.composioUnnamedAuthorization})}),(0,$.jsx)(`p`,{className:`mt-1 break-all text-xs text-fg-muted`,children:r.accountEmail??r.username??r.workspace??r.accountId}),r.backendLabel&&(0,$.jsx)(`p`,{className:`mt-1 text-xs text-fg-subtle`,children:r.backendLabel}),(0,$.jsx)(`p`,{className:f(`mt-1 text-xs`,r.status===`active`?`text-emerald-700 dark:text-emerald-300`:`text-amber-700 dark:text-amber-300`),children:r.accountEnabled===!1?i?`已暂停`:`Paused`:Cn(r.status,t)}),a?(0,$.jsx)(`p`,{className:f(`mt-1 text-xs`,a.status===`failed`?`text-red-600`:`text-fg-subtle`),children:X(t.connectorLearningStatus,{status:wn(a,c,t),count:String(a.candidatesCreated)})}):null]}),(0,$.jsxs)(`div`,{className:`flex shrink-0 flex-wrap gap-2`,children:[r.status===`pending`&&(0,$.jsx)(E,{variant:`secondary`,className:`h-8 px-2.5 text-xs`,onClick:()=>void be(r),children:i?`继续授权`:`Continue authorization`}),r.accountId&&(0,$.jsx)(E,{variant:`ghost`,className:`h-8 px-2.5 text-xs text-danger`,disabled:N,onClick:()=>ne(r.accountId),children:i?`断开`:`Disconnect`}),r.accountId&&r.status!==`active`&&(0,$.jsx)(E,{variant:`secondary`,className:`h-8 px-2.5 text-xs`,disabled:N,onClick:()=>void ve(r.accountId),children:t.composioReconnectAccount}),r.accountId&&(0,$.jsx)(E,{variant:`secondary`,className:`h-8 px-2.5 text-xs`,disabled:N,onClick:()=>void Y(()=>ie(r.accountId,{enabled:r.accountEnabled===!1})),children:r.accountEnabled===!1?i?`启用`:`Enable`:i?`暂停`:`Pause`}),r.supportsLearning&&r.status===`active`&&r.accountEnabled!==!1?(0,$.jsxs)(E,{variant:`secondary`,className:`h-8 shrink-0 px-2.5 text-xs`,disabled:N,onClick:()=>void Y(async()=>{if(!r.accountId)throw Error(`Connector account is unavailable.`);await re(r.accountId),await n?.()}),children:[(0,$.jsx)(Ce,{className:`size-3.5`}),t.composioSyncNow]}):null]})]}),(0,$.jsxs)(`details`,{className:`mt-3 text-xs text-fg-muted`,children:[(0,$.jsx)(`summary`,{className:`w-fit cursor-pointer font-medium hover:text-fg`,children:t.composioAccountSettings}),(0,$.jsxs)(`div`,{className:`mt-3 space-y-4 rounded-lg bg-surface-panel p-3`,children:[r.accountId&&(0,$.jsxs)(`fieldset`,{className:`space-y-2`,children:[(0,$.jsx)(`legend`,{className:`mb-2 font-medium`,children:t.composioAllowedAgents}),(0,$.jsxs)(`label`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`input`,{type:`checkbox`,disabled:N,checked:r.allowedAgentIds==null,onChange:e=>void Y(()=>ie(r.accountId,{allowedAgentIds:e.currentTarget.checked?null:[]}))}),t.composioAllowedAgentsAllOption]}),r.allowedAgentIds!=null&&v.map(e=>(0,$.jsxs)(`label`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`input`,{type:`checkbox`,disabled:N,checked:r.allowedAgentIds.includes(e.id),onChange:t=>{let n=t.currentTarget.checked;Y(()=>ie(r.accountId,{allowedAgentIds:n?[...r.allowedAgentIds,e.id]:r.allowedAgentIds.filter(t=>t!==e.id)}))}}),e.name]},e.id)),r.allowedAgentIds?.length===0&&(0,$.jsx)(`p`,{children:i?`未选择 Agent：任何 Agent 都不能使用此账号。`:`No agents selected: this account is unavailable to all agents.`})]}),r.supportsLearning&&c?(0,$.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[(0,$.jsxs)(`label`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:c.scanEnabled,disabled:N,onChange:e=>void Y(()=>Ve(r.accountId,{scanEnabled:e.currentTarget.checked}))}),t.connectorScheduledScan]}),c.scanEnabled?(0,$.jsxs)(`label`,{className:`sm:col-span-2`,children:[t.connectorScanInterval,(0,$.jsxs)(o,{className:`mt-1`,value:String(c.intervalMinutes??30),disabled:N,onChange:e=>void Y(()=>Ve(r.accountId,{intervalMinutes:Number(e.currentTarget.value)})),children:[(0,$.jsxs)(s,{value:`5`,children:[`5 `,t.connectorMinutes]}),(0,$.jsxs)(s,{value:`15`,children:[`15 `,t.connectorMinutes]}),(0,$.jsxs)(s,{value:`30`,children:[`30 `,t.connectorMinutes]}),(0,$.jsxs)(s,{value:`60`,children:[`60 `,t.connectorMinutes]})]})]}):null]}):null,(0,$.jsxs)(`label`,{className:`block`,children:[t.composioAccountAlias,(0,$.jsx)(`input`,{className:f(yn,`mt-1 h-8 py-1 text-xs`),defaultValue:r.alias??``,onBlur:e=>{e.currentTarget.value!==(r.alias??``)&&Y(()=>_e(r.id,{alias:e.currentTarget.value}))}})]}),(0,$.jsx)(`div`,{className:`space-y-2`,children:e.authorizations.map(e=>(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,$.jsxs)(`p`,{className:`min-w-0 break-all font-mono text-fg-subtle`,children:[t.composioAuthorizationId,`: `,e.providerConnectionId]}),(0,$.jsx)(E,{variant:`ghost`,className:`size-7 shrink-0 p-0 text-danger`,title:t.composioRevoke,disabled:N,onClick:()=>V(e.id),children:(0,$.jsx)(Ze,{className:`size-3.5`})})]},e.id))}),(0,$.jsx)(`div`,{className:`flex justify-end gap-1`,children:(0,$.jsx)(E,{variant:`ghost`,className:`size-8 p-0`,title:t.refresh,disabled:N,onClick:()=>void Y(()=>Oe(r.id)),children:(0,$.jsx)(Ce,{className:`size-4`})})})]})]})]},e.key)})}):N&&!H?(0,$.jsxs)(`div`,{"aria-busy":`true`,"aria-label":t.connectionChecking,className:`space-y-3`,children:[(0,$.jsx)(k,{className:`h-16 w-full`}),(0,$.jsx)(k,{className:`h-16 w-full`})]}):H?(0,$.jsx)(`div`,{className:`rounded-xl border border-dashed border-edge px-4 py-8 text-center`,children:(0,$.jsx)(`p`,{className:`text-sm text-fg-muted`,children:t.composioConnectionsEmpty})}):null]}),(0,$.jsxs)(`details`,{className:`rounded-xl border border-edge bg-surface-base`,onToggle:e=>se(e.currentTarget.open),children:[(0,$.jsx)(`summary`,{className:`cursor-pointer px-4 py-3 text-sm font-medium text-fg-muted hover:text-fg`,children:t.composioAdvancedSettings}),(0,$.jsxs)(`div`,{className:`space-y-5 border-t border-edge-subtle px-4 py-4`,children:[ce?(0,$.jsx)(k,{"aria-label":t.connectionChecking,className:`h-16 w-full`}):null,L?(0,$.jsxs)(`p`,{className:`rounded-lg bg-amber-500/10 px-3 py-2 text-xs text-amber-800 dark:text-amber-200`,children:[t.composioDiagnosticsUnavailable,(0,$.jsx)(E,{variant:`ghost`,disabled:ce,onClick:()=>void ge(),children:t.composioRetry})]}):null,S?.mode===`byok`?(0,$.jsxs)(`section`,{children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-start justify-between gap-2`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`p`,{className:`text-sm font-medium text-fg`,children:t.composioAuthConfigTitle}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-fg-muted`,children:De?t.composioAuthConfigRequiredHint:t.composioAuthConfigOptionalHint})]}),(0,$.jsx)(`a`,{className:`text-xs font-medium text-accent-fg hover:underline`,href:`https://app.composio.dev`,target:`_blank`,rel:`noreferrer`,children:t.composioAuthConfigManage})]}),(0,$.jsxs)(o,{className:`mt-3`,value:typeof e.config?.authConfigId==`string`?e.config.authConfigId:``,disabled:N,onChange:e=>void ye(e.currentTarget.value),children:[De?null:(0,$.jsx)(s,{value:``,children:t.composioAuthConfigManaged}),De&&typeof e.config?.authConfigId!=`string`?(0,$.jsx)(s,{value:``,disabled:!0,children:t.composioAuthConfigSelect}):null,je.map(e=>(0,$.jsxs)(s,{value:e.id,children:[e.name,` · `,e.authScheme??`OAuth`]},e.id))]})]}):null,(0,$.jsxs)(`div`,{className:`grid gap-5 sm:grid-cols-2`,children:[(0,$.jsxs)(`section`,{children:[(0,$.jsx)(`p`,{className:`mb-2 text-xs font-medium uppercase tracking-wide text-fg-subtle`,children:t.composioAgentTools}),(0,$.jsx)(`div`,{className:`space-y-2`,children:u.length?u.slice(0,8).map(e=>(0,$.jsxs)(`div`,{className:`rounded-lg bg-surface-panel px-3 py-2`,children:[(0,$.jsx)(`p`,{className:`truncate font-mono text-xs text-fg`,children:e.slug}),(0,$.jsxs)(`p`,{className:`mt-0.5 text-xs text-fg-subtle`,children:[xn(e.scope,t),e.curated?``:` ${t.composioUncuratedSuffix}`]})]},e.slug)):(0,$.jsx)(`p`,{className:`text-xs text-fg-muted`,children:t.composioToolsEmpty})})]}),(0,$.jsxs)(`section`,{children:[(0,$.jsx)(`p`,{className:`mb-2 text-xs font-medium uppercase tracking-wide text-fg-subtle`,children:t.composioRecentTriggers}),(0,$.jsx)(`div`,{className:`space-y-2`,children:p.length?p.slice(0,5).map(e=>(0,$.jsxs)(`div`,{className:`rounded-lg bg-surface-panel px-3 py-2`,children:[(0,$.jsx)(`p`,{className:`truncate text-xs text-fg`,children:e.trigger??e.id}),(0,$.jsx)(`p`,{className:`mt-0.5 text-xs text-fg-subtle`,children:new Date(e.at).toLocaleString()})]},`${e.id}-${e.at}`)):(0,$.jsx)(`p`,{className:`text-xs text-fg-muted`,children:t.composioTriggersEmpty})})]})]})]})]}),(0,$.jsx)(tt,{open:te!==null,title:i?`断开账号`:`Disconnect account`,description:i?`停止此账号的工具使用和学习，并撤销其全部授权。已保存的数据不会删除。`:`Stop tool access and learning for this account and revoke all its authorizations. Saved data will not be deleted.`,confirmLabel:i?`断开`:`Disconnect`,cancelLabel:t.modalCancel,destructive:!0,onConfirm:()=>{let e=te;ne(null),e&&Y(()=>z(e))},onCancel:()=>ne(null)}),(0,$.jsx)(tt,{open:B!==null,title:t.composioRevoke,description:t.composioRevokeConfirm,confirmLabel:t.composioRevoke,cancelLabel:t.modalCancel,destructive:!0,onConfirm:()=>{let e=B;V(null),e&&Y(()=>Ae(e))},onCancel:()=>V(null)})]})}var En=f(`w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg`,`placeholder:text-fg-subtle`,q);function Dn(e,t){return e?t.healthStatusLabels[e]??e:t.healthNotTested}function On(e,t){let n={};for(let r of e?.setup.config??[]){let e=t.config?.[r.key]??r.defaultValue??``;n[r.key]=typeof e==`string`?e:JSON.stringify(e,null,2)}return n}function kn(e,t){let n=t.trim();return e===`json`?n?JSON.parse(n):void 0:e===`number`?n?Number(n):void 0:e===`boolean`?n===`true`:n||void 0}function An(e){let t=(0,Q.c)(12),{title:n,description:r,meta:i}=e,a;t[0]===r?a=t[1]:(a=r?(0,$.jsx)(I,{delayDuration:300,skipDelayDuration:100,children:(0,$.jsxs)(P,{children:[(0,$.jsx)(N,{asChild:!0,children:(0,$.jsx)(`p`,{tabIndex:0,title:r,className:f(`mt-1 line-clamp-3 cursor-help text-xs leading-5 text-fg-muted`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/40`),children:r})}),(0,$.jsx)(F,{children:(0,$.jsx)(L,{side:`top`,align:`start`,sideOffset:6,collisionPadding:12,className:`!z-[10000] max-h-[min(16rem,45vh)] max-w-[min(32rem,calc(100vw-2rem))] overflow-y-auto rounded-md border border-edge bg-surface-panel px-2.5 py-2 text-left text-xs leading-5 text-fg shadow-popover`,children:(0,$.jsx)(`span`,{className:`whitespace-pre-wrap break-words`,children:r})})})]})}):null,t[0]=r,t[1]=a);let o=a,s;t[2]===n?s=t[3]:(s=(0,$.jsx)(`p`,{className:`min-w-0 break-all font-mono text-xs font-medium leading-5 text-fg`,children:n}),t[2]=n,t[3]=s);let c;t[4]===i?c=t[5]:(c=i?(0,$.jsx)(`span`,{className:`shrink-0 rounded-md bg-surface-hover px-1.5 py-0.5 text-[11px] leading-4 text-fg-subtle`,children:i}):null,t[4]=i,t[5]=c);let l;t[6]!==s||t[7]!==c?(l=(0,$.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-3`,children:[s,c]}),t[6]=s,t[7]=c,t[8]=l):l=t[8];let u;return t[9]!==o||t[10]!==l?(u=(0,$.jsxs)(`div`,{className:`rounded-lg border border-edge bg-surface-panel px-3 py-2.5`,children:[l,o]}),t[9]=o,t[10]=l,t[11]=u):u=t[11],u}function jn({instance:e,definition:t,onClose:n,onChanged:r,t:i,mcp:a}){let[o,s]=(0,Z.useState)(!1),[c,l]=(0,Z.useState)(!1),[u,p]=(0,Z.useState)(!1),[m,h]=(0,Z.useState)(!1),[g,_]=(0,Z.useState)(!1),[T,D]=(0,Z.useState)(null),[O,k]=(0,Z.useState)(null),[A,j]=(0,Z.useState)(`health`),[M,N]=(0,Z.useState)(!1),[P,F]=(0,Z.useState)(()=>On(t,e)),[I,L]=(0,Z.useState)(null),z=t?.setup.config??[],B=(e.materialized.type===`mcp`||e.materialized.type===`memorySource`)&&z.length>0&&(t?.setup.secrets??[]).length===0,V=O?O.toolCount:e.usage.lastToolCount,ne=e.materialized.type===`mcp`,re=e.materialized.type===`composio`,ie=e.materialized.type===`memorySource`,H=t?R(t,i):null,oe=(0,Z.useMemo)(()=>{let t=[[`health`,me,i.detailHealth],[`tools`,$e,`${i.detailTools} ${O?O.toolCount:e.usage.lastToolCount??``}`],[`resources`,ct,`${i.detailResources} ${O?O.resourceCount:e.usage.lastResourceCount??``}`],[`prompts`,Pe,`${i.detailPrompts} ${O?O.promptCount:e.usage.lastPromptCount??``}`],[`permissions`,le,i.detailPermissions]];return B?[...t,[`config`,ct,i.connectorConfigLabel]]:t},[O,e.usage.lastPromptCount,e.usage.lastResourceCount,e.usage.lastToolCount,B,i]),se=(0,Z.useCallback)(async()=>{s(!0),L(null);try{let t=await ae(e.instanceId);k(t),t.toolCount>0&&j(`tools`),r()}catch(e){L(e instanceof Error?e.message:String(e))}finally{s(!1)}},[e.instanceId,r]),ce=(0,Z.useCallback)(async()=>{l(!0),L(null);try{await ut(e.instanceId),await r(),n()}catch(e){L(e instanceof Error?e.message:String(e)),l(!1)}},[e.instanceId,r,n]),ue=(0,Z.useCallback)(async()=>{if(!(!t||!B)){h(!0),L(null);try{let n={};for(let e of t.setup.config??[]){let t=kn(e.type,P[e.key]??``);t!==void 0&&(n[e.key]=t)}await ee(e.instanceId,{config:n}),await r(),j(`health`)}catch(e){L(e instanceof Error?e.message:String(e))}finally{h(!1)}}},[P,t,e.instanceId,r,B]),de=(0,Z.useCallback)(async()=>{_(!0),D(null),L(null);try{D((await Y(e.connectorId)).recordIds.length),await r()}catch(e){L(e instanceof Error?e.message:String(e))}finally{_(!1)}},[e.connectorId,r]);return(0,$.jsxs)(w,{open:!0,onOpenChange:e=>{e||n()},children:[(0,$.jsxs)(x,{children:[(0,$.jsx)(v,{className:`xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim`}),(0,$.jsxs)(S,{className:f(`xopc-dialog-content fixed left-1/2 top-1/2 z-[60] flex -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden`,re?`h-[min(100dvh-2rem,36rem)] w-[min(100%-2rem,40rem)]`:`h-[min(100dvh-2rem,44rem)] w-[min(100%-2rem,min(92vw,54rem))]`,`rounded-2xl border border-edge bg-surface-overlay shadow-float outline-none dark:border-edge`),children:[(0,$.jsxs)(`div`,{className:`flex shrink-0 items-start justify-between gap-3 border-b border-edge-subtle px-6 py-5`,children:[(0,$.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[(0,$.jsx)(Je,{connector:t,size:`lg`}),(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsx)(C,{className:`text-base font-semibold text-fg`,children:e.displayName}),(0,$.jsx)(y,{className:`mt-1 text-sm text-fg-muted`,children:H??(e.materialized.type===`mcp`?X(i.mcpServerRuntime,{serverId:e.materialized.serverId}):X(i.runtimeLabel,{runtime:e.materialized.type}))})]})]}),(0,$.jsx)(b,{asChild:!0,children:(0,$.jsxs)(`button`,{type:`button`,className:f(`rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg`,be.focusRingPanel),"aria-label":i.modalClose,children:[(0,$.jsx)(d,{className:`size-5`,strokeWidth:1.75,"aria-hidden":!0}),(0,$.jsx)(`span`,{className:`sr-only`,children:i.modalClose})]})})]}),(0,$.jsxs)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-6 py-5`,children:[I?(0,$.jsx)(`p`,{className:`mb-4 rounded-xl bg-red-500/10 px-3 py-2 text-sm text-red-600`,children:I}):null,ne?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:oe.map(([e,t,n])=>(0,$.jsxs)(`button`,{type:`button`,className:f(`inline-flex h-8 items-center gap-1.5 rounded-md border px-2.5 text-xs`,A===e?`border-accent bg-accent-soft text-accent-fg`:`border-edge bg-surface-base text-fg-muted hover:text-fg`),onClick:()=>j(e),children:[(0,$.jsx)(t,{className:`size-3.5`,"aria-hidden":!0}),n]},e))}),(0,$.jsxs)(`div`,{className:`mt-4 rounded-xl border border-edge bg-surface-base p-3 text-sm`,children:[A===`health`?(0,$.jsxs)(`div`,{className:`space-y-1 text-fg-muted`,children:[(0,$.jsxs)(`p`,{children:[i.statusLabel,` `,(0,$.jsx)(`span`,{className:O?.ok?`font-medium text-emerald-700 dark:text-emerald-300`:`font-medium text-fg`,children:Dn(O?.status??e.usage.lastHealthStatus,i)})]}),(0,$.jsxs)(`p`,{children:[i.lastCheckLabel,` `,e.usage.lastHealthCheckAt?new Date(e.usage.lastHealthCheckAt).toLocaleString():i.never]}),O?.action?(0,$.jsx)(`p`,{children:O.action}):null]}):null,A===`tools`?O?.tools.length?(0,$.jsxs)(`div`,{className:`grid gap-3`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,$.jsx)(`p`,{className:`text-xs text-fg-muted`,children:X(i.toolsAvailable,{count:String(O.tools.length)})}),(0,$.jsx)(E,{type:`button`,variant:`ghost`,className:`h-7 text-xs`,onClick:()=>N(!0),children:a.viewAllTools})]}),(0,$.jsx)(`div`,{className:`grid gap-2`,children:O.tools.slice(0,8).map(e=>(0,$.jsx)(An,{title:e.shortName??e.name,description:e.description},e.name))})]}):(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[(0,$.jsx)(`p`,{className:`text-fg-muted`,children:V?X(i.toolsLastCheckSummary,{count:String(V)}):i.toolsRunTestHint}),(0,$.jsxs)(E,{type:`button`,variant:`secondary`,disabled:o,onClick:()=>void se(),children:[o?(0,$.jsx)(J,{className:`size-4 animate-spin`}):(0,$.jsx)(G,{className:`size-4`}),i.test]})]}):null,A===`resources`?O?.resources.length?(0,$.jsx)(`div`,{className:`grid gap-2`,children:O.resources.slice(0,8).map(e=>(0,$.jsx)(An,{title:e.title??e.name,description:e.uri,meta:e.mimeType},e.uri))}):(0,$.jsx)(`p`,{className:`text-fg-muted`,children:i.resourcesRunTestHint}):null,A===`prompts`?O?.prompts.length?(0,$.jsx)(`div`,{className:`grid gap-2`,children:O.prompts.slice(0,8).map(e=>(0,$.jsx)(An,{title:e.title??e.name,description:e.description,meta:e.argumentCount?X(i.promptArgumentCount,{count:String(e.argumentCount)}):void 0},e.name))}):(0,$.jsx)(`p`,{className:`text-fg-muted`,children:i.promptsRunTestHint}):null,A===`permissions`?(0,$.jsxs)(`div`,{className:`space-y-1 text-fg-muted`,children:[(0,$.jsx)(`p`,{children:X(i.secretsConfigured,{count:String(Object.values(e.secretStatus).filter(Boolean).length)})}),(0,$.jsx)(`p`,{children:e.materialized.type===`mcp`?X(i.runtimeServerLabel,{runtime:e.materialized.type.toUpperCase(),serverId:e.materialized.serverId}):X(i.runtimeLabel,{runtime:e.materialized.type.toUpperCase()})}),(0,$.jsx)(`p`,{children:e.materialized.type===`mcp`?i.mcpPolicyHint:i.connectorPolicyHint})]}):null,A===`config`&&B?(0,$.jsx)(`div`,{className:`grid gap-3`,children:z.map(e=>(0,$.jsxs)(`label`,{className:`flex flex-col gap-1.5`,children:[(0,$.jsx)(`span`,{className:`text-sm font-medium text-fg`,children:e.label}),e.description?(0,$.jsx)(`span`,{className:`text-xs text-fg-subtle`,children:e.description}):null,(0,$.jsx)(`input`,{className:En,value:P[e.key]??``,placeholder:e.placeholder,onChange:t=>F(n=>({...n,[e.key]:t.currentTarget.value}))})]},e.key))}):null]})]}):null,re?(0,$.jsx)(Tn,{instance:e,t:i,onChanged:r}):null,ie?(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 rounded-xl border border-edge bg-surface-base p-4 text-sm`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`p`,{className:`font-medium text-fg`,children:i.connectedSourceSync}),H?(0,$.jsx)(`p`,{className:`mt-1 text-xs text-fg-muted`,children:H}):null,T===null?null:(0,$.jsx)(`p`,{className:`mt-1 text-xs text-emerald-600`,children:X(i.connectedSourceSynced,{count:String(T)})})]}),(0,$.jsxs)(E,{disabled:g,onClick:()=>void de(),children:[g?(0,$.jsx)(J,{className:`size-4 animate-spin`}):(0,$.jsx)(ct,{className:`size-4`}),i.composioSyncNow]})]}),B?(0,$.jsx)(`div`,{className:`grid gap-3 rounded-xl border border-edge bg-surface-base p-4`,children:z.map(e=>(0,$.jsxs)(`label`,{className:`flex flex-col gap-1.5`,children:[(0,$.jsx)(`span`,{className:`text-sm font-medium text-fg`,children:e.label}),e.description?(0,$.jsx)(`span`,{className:`text-xs text-fg-subtle`,children:e.description}):null,(0,$.jsx)(`input`,{className:En,value:P[e.key]??``,placeholder:e.placeholder,onChange:t=>F(n=>({...n,[e.key]:t.currentTarget.value}))})]},e.key))}):null]}):null,!ne&&!re&&!ie?(0,$.jsx)(`div`,{className:`rounded-xl border border-edge bg-surface-base p-4 text-sm text-fg-muted`,children:(0,$.jsx)(`p`,{children:i.connectorPolicyHint})}):null,(0,$.jsxs)(`details`,{className:`mt-5 rounded-xl border border-edge`,children:[(0,$.jsx)(`summary`,{className:`cursor-pointer px-4 py-3 text-sm font-medium text-fg-muted hover:text-danger`,children:i.dangerZone}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-3 border-t border-danger/15 px-4 py-4 sm:flex-row sm:items-center sm:justify-between`,children:[(0,$.jsx)(`p`,{className:`text-xs leading-5 text-fg-muted`,children:i.removeConnectorHint}),(0,$.jsxs)(E,{variant:`secondary`,className:`shrink-0 border-danger/30 text-danger hover:bg-danger/10`,disabled:c,onClick:()=>p(!0),children:[c?(0,$.jsx)(J,{className:`size-4 animate-spin`}):(0,$.jsx)(Ze,{className:`size-4`}),i.remove]})]})]})]}),(0,$.jsxs)(`div`,{className:`flex shrink-0 flex-wrap justify-end gap-2 border-t border-edge-subtle px-6 py-4`,children:[(0,$.jsx)(E,{variant:`secondary`,onClick:n,children:i.modalClose}),(ne&&A===`config`||ie)&&B?(0,$.jsxs)(E,{variant:`primary`,disabled:m,onClick:()=>void ue(),children:[m?(0,$.jsx)(J,{className:`size-4 animate-spin`}):(0,$.jsx)(te,{className:`size-4`}),i.modalSave]}):null,ne?(0,$.jsxs)(E,{variant:`secondary`,disabled:o,onClick:()=>void se(),children:[o?(0,$.jsx)(J,{className:`size-4 animate-spin`}):(0,$.jsx)(G,{className:`size-4`}),i.test]}):null]})]})]}),e.materialized.type===`mcp`?(0,$.jsx)(hn,{open:M,onOpenChange:N,serverId:e.materialized.serverId,title:X(i.installedToolsDialogTitle,{name:e.displayName}),subtitle:i.installedToolsDialogSubtitle,searchPlaceholder:a.toolsDialogSearchPlaceholder,searchEmptyLabel:a.toolsDialogSearchEmpty,emptyLabel:i.toolsRunTestHint,closeLabel:a.toolsDialogClose,tools:O?.tools??[],stripPrefix:`${e.materialized.serverId}__`}):null,(0,$.jsx)(tt,{open:u,title:X(i.removeConfirmTitle,{name:e.displayName}),description:i.removeConfirmDescription,confirmLabel:i.removeConfirmAction,cancelLabel:i.modalCancel,destructive:!0,onConfirm:()=>{p(!1),ce()},onCancel:()=>{c||p(!1)}})]})}function Mn(e){let t=(0,Q.c)(2),n;return t[0]===e?n=t[1]:(n=e.instance.materialized.type===`cli`&&e.definition?(0,$.jsx)(it,{definition:e.definition,instance:e.instance,onClose:e.onClose,onChanged:e.onChanged}):(0,$.jsx)(jn,{...e}),t[0]=e,t[1]=n),n}function Nn(e){let t=(0,Q.c)(55),{instance:n,definition:r,highlighted:i,onOpenDetails:a,t:o}=e,s=i===void 0?!1:i,c;t[0]!==r||t[1]!==n?(c=Tt(n,r),t[0]=r,t[1]=n,t[2]=c):c=t[2];let u=c.state,d;t[3]!==r||t[4]!==o?(d=r?R(r,o):null,t[3]=r,t[4]=o,t[5]=d):d=t[5];let p=d,m,h,g,_,v,y,b,x,S;if(t[6]!==u||t[7]!==r||t[8]!==s||t[9]!==n||t[10]!==a||t[11]!==o.connectionChecking||t[12]!==o.connectionNeedsSetup||t[13]!==o.connectionReady){m=u===`ready`?{label:o.connectionReady,Icon:l,className:`text-emerald-700 dark:text-emerald-300`}:u===`needs_setup`?{label:o.connectionNeedsSetup,Icon:ue,className:`text-amber-700 dark:text-amber-300`}:{label:o.connectionChecking,Icon:V,className:`text-fg-muted`},x=`button`;let e=s&&`bg-accent-soft`;t[23]===e?S=t[24]:(S=f(`flex w-full items-center gap-3 px-4 py-3.5 text-left hover:bg-surface-hover/60`,`rounded-none first:rounded-t-[calc(var(--radius-xl)-1px)] last:rounded-b-[calc(var(--radius-xl)-1px)]`,be.transition,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-accent`,e),t[23]=e,t[24]=S),t[25]!==n||t[26]!==a?(h=()=>a(n),t[25]=n,t[26]=a,t[27]=h):h=t[27],t[28]===r?g=t[29]:(g=(0,$.jsx)(Je,{connector:r}),t[28]=r,t[29]=g),b=`min-w-0 flex-1`,v=`flex min-w-0 items-center gap-2`,t[30]===n.displayName?y=t[31]:(y=(0,$.jsx)(`h3`,{className:`truncate text-sm font-medium text-fg`,children:n.displayName}),t[30]=n.displayName,t[31]=y),_=f(`inline-flex shrink-0 items-center gap-1 text-xs font-medium`,m.className),t[6]=u,t[7]=r,t[8]=s,t[9]=n,t[10]=a,t[11]=o.connectionChecking,t[12]=o.connectionNeedsSetup,t[13]=o.connectionReady,t[14]=m,t[15]=h,t[16]=g,t[17]=_,t[18]=v,t[19]=y,t[20]=b,t[21]=x,t[22]=S}else m=t[14],h=t[15],g=t[16],_=t[17],v=t[18],y=t[19],b=t[20],x=t[21],S=t[22];let C;t[32]===m.Icon?C=t[33]:(C=(0,$.jsx)(m.Icon,{className:`size-3.5`,"aria-hidden":!0}),t[32]=m.Icon,t[33]=C);let w;t[34]!==m.label||t[35]!==C||t[36]!==_?(w=(0,$.jsxs)(`span`,{className:_,children:[C,m.label]}),t[34]=m.label,t[35]=C,t[36]=_,t[37]=w):w=t[37];let T;t[38]!==w||t[39]!==v||t[40]!==y?(T=(0,$.jsxs)(`div`,{className:v,children:[y,w]}),t[38]=w,t[39]=v,t[40]=y,t[41]=T):T=t[41];let E;t[42]===p?E=t[43]:(E=p?(0,$.jsx)(`p`,{className:`mt-1 truncate text-xs text-fg-muted`,children:p}):null,t[42]=p,t[43]=E);let D;t[44]!==T||t[45]!==E||t[46]!==b?(D=(0,$.jsxs)(`div`,{className:b,children:[T,E]}),t[44]=T,t[45]=E,t[46]=b,t[47]=D):D=t[47];let O;t[48]===Symbol.for(`react.memo_cache_sentinel`)?(O=(0,$.jsx)(we,{className:`size-4 shrink-0 text-fg-disabled`,"aria-hidden":!0}),t[48]=O):O=t[48];let k;return t[49]!==h||t[50]!==g||t[51]!==D||t[52]!==x||t[53]!==S?(k=(0,$.jsxs)(`button`,{type:x,className:S,onClick:h,children:[g,D,O]}),t[49]=h,t[50]=g,t[51]=D,t[52]=x,t[53]=S,t[54]=k):k=t[54],k}function Pn(e,t){let n=e.length+1,r=`server-${n}`,i=new Set([...e.map(e=>e.id.trim()),...t]);for(;i.has(r);)n+=1,r=`server-${n}`;return Kt(r)}function Fn(e,t,n){let r=e.key.trim();if(r)return`key:${r}`;let i=e.value.trim();return i?`value:${i}`:`empty:${n.slice(0,t).filter(e=>!e.key.trim()&&!e.value.trim()).length}`}function In(){return f(`w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg`,`placeholder:text-fg-subtle`,q)}function Ln({label:e,optionalLabel:t,addLabel:n,removeHeaderAria:r,pasteLabel:i,pasteFailed:a,keyPlaceholder:o,valuePlaceholder:s,headers:c,onChange:l}){let u=(e,t)=>{l(c.map((n,r)=>r===e?{...n,...t}:n))},d=()=>{l([...c,{key:``,value:``}])},p=e=>{let t=c.filter((t,n)=>n!==e);l(t.length>0?t:[{key:``,value:``}])},m=async()=>{try{let e=await T();if(!e){window.alert(a);return}let t=Lt(e);if(!t?.length){window.alert(a);return}l(t)}catch{window.alert(a)}};return(0,$.jsxs)(`div`,{className:`flex flex-col gap-2 md:col-span-2`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5 text-sm font-medium text-fg`,children:[(0,$.jsx)(`span`,{children:e}),t?(0,$.jsx)(`span`,{className:`font-normal text-fg-subtle`,children:t}):null]}),(0,$.jsxs)(E,{type:`button`,variant:`ghost`,className:`h-8 gap-1.5 px-2 text-xs`,onClick:()=>void m(),children:[(0,$.jsx)(W,{className:`size-3.5`,"aria-hidden":!0}),i]})]}),(0,$.jsx)(`div`,{className:`flex flex-col gap-2`,children:c.map((e,t)=>(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`input`,{className:f(In(),`min-w-0 flex-1 font-mono text-xs`),value:e.key,placeholder:o,onChange:e=>u(t,{key:e.target.value})}),(0,$.jsx)(`input`,{className:f(In(),`min-w-0 flex-[1.4] font-mono text-xs`),value:e.value,placeholder:s,onChange:e=>u(t,{value:e.target.value})}),(0,$.jsx)(E,{type:`button`,variant:`ghost`,className:`size-9 shrink-0 px-0`,disabled:c.length<=1&&!e.key&&!e.value,onClick:()=>p(t),"aria-label":r,children:(0,$.jsx)(Ze,{className:`size-4 text-fg-subtle`,"aria-hidden":!0})})]},Fn(e,t,c)))}),(0,$.jsxs)(`button`,{type:`button`,className:f(`self-start text-sm text-accent hover:underline`,be.press),onClick:d,children:[`+ `,n]})]})}var Rn=[`stdio`,`sse`,`streamable-http`],zn=[`none`,`oauth`];function Bn(e){let t=(0,Q.c)(11),{label:n,description:r,required:i,children:a}=e,o;t[0]===i?o=t[1]:(o=i?(0,$.jsx)(`span`,{className:`ml-0.5 text-danger`,children:`*`}):null,t[0]=i,t[1]=o);let s;t[2]!==n||t[3]!==o?(s=(0,$.jsxs)(`div`,{className:`text-sm font-medium text-fg`,children:[n,o]}),t[2]=n,t[3]=o,t[4]=s):s=t[4];let c;t[5]===r?c=t[6]:(c=r?(0,$.jsx)(`p`,{className:`text-xs leading-relaxed text-fg-subtle`,children:r}):null,t[5]=r,t[6]=c);let l;return t[7]!==a||t[8]!==s||t[9]!==c?(l=(0,$.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[s,a,c]}),t[7]=a,t[8]=s,t[9]=c,t[10]=l):l=t[10],l}function Vn(){return f(`w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg`,`placeholder:text-fg-subtle`,q)}function Hn(e){let t=(0,Q.c)(37),{row:n,t:r,onUpdate:i,idConflictMessage:a,variant:c}=e,l=c===void 0?`all`:c,u=l===`all`||l===`basic`,d=l===`all`||l===`advanced`,p;t[0]!==a||t[1]!==i||t[2]!==n.id||t[3]!==n.transport||t[4]!==u||t[5]!==r?(p=u?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Bn,{label:r.transportLabel,required:!0,children:(0,$.jsx)(o,{className:Vn(),value:n.transport,onChange:e=>i({transport:e.target.value}),children:Rn.map(e=>(0,$.jsx)(s,{value:e,children:r.transportLabels[e]},e))})}),(0,$.jsxs)(Bn,{label:r.serverIdLabel,required:!0,children:[(0,$.jsx)(`input`,{className:Vn(),value:n.id,placeholder:r.serverIdPlaceholder,onChange:e=>i({id:e.target.value})}),a?(0,$.jsx)(`p`,{className:`text-xs text-red-600 dark:text-red-300`,children:a}):null]})]}):null,t[0]=a,t[1]=i,t[2]=n.id,t[3]=n.transport,t[4]=u,t[5]=r,t[6]=p):p=t[6];let m;t[7]!==i||t[8]!==n.argsText||t[9]!==n.auth||t[10]!==n.command||t[11]!==n.cwd||t[12]!==n.envJson||t[13]!==n.headers||t[14]!==n.oauthClientId||t[15]!==n.transport||t[16]!==n.url||t[17]!==d||t[18]!==u||t[19]!==r||t[20]!==l?(m=n.transport===`stdio`?(0,$.jsxs)($.Fragment,{children:[u?(0,$.jsx)(`div`,{className:l===`basic`?`md:col-span-2`:void 0,children:(0,$.jsx)(Bn,{label:r.commandLabel,required:!0,children:(0,$.jsx)(`input`,{className:Vn(),value:n.command,onChange:e=>i({command:e.target.value})})})}):null,d?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Bn,{label:r.argsLabel,description:r.argsHint,children:(0,$.jsx)(`input`,{className:Vn(),value:n.argsText,onChange:e=>i({argsText:e.target.value})})}),(0,$.jsx)(Bn,{label:r.cwdLabel,children:(0,$.jsx)(`input`,{className:Vn(),value:n.cwd,onChange:e=>i({cwd:e.target.value})})}),(0,$.jsx)(Bn,{label:r.envLabel,description:r.envHint,children:(0,$.jsx)(`textarea`,{className:f(Vn(),`min-h-[4rem] font-mono text-xs`),value:n.envJson,onChange:e=>i({envJson:e.target.value})})})]}):null]}):(0,$.jsxs)($.Fragment,{children:[u?(0,$.jsx)(`div`,{className:`md:col-span-2`,children:(0,$.jsx)(Bn,{label:r.urlLabel,required:!0,children:(0,$.jsx)(`input`,{className:f(Vn(),`font-mono text-xs`),value:n.url,placeholder:`https://example.com/mcp`,onChange:e=>i({url:e.target.value})})})}):null,u&&n.transport===`streamable-http`?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Bn,{label:r.authLabel,description:r.authHint,children:(0,$.jsx)(o,{className:Vn(),value:n.auth,onChange:e=>{let t=e.target.value;i({auth:t,headers:t===`oauth`?n.headers.filter(Wn):n.headers})},children:zn.map(e=>(0,$.jsx)(s,{value:e,children:r.authLabels[e]},e))})}),n.auth===`oauth`?(0,$.jsx)(Bn,{label:r.oauthClientIdLabel,description:r.oauthClientIdHint,children:(0,$.jsx)(`input`,{className:f(Vn(),`font-mono text-xs`),value:n.oauthClientId,placeholder:r.oauthClientIdPlaceholder,onChange:e=>i({oauthClientId:e.target.value})})}):null]}):null,d?(0,$.jsx)(Ln,{label:r.headersLabel,optionalLabel:r.optionalSuffix,addLabel:r.addHeader,removeHeaderAria:r.removeHeader,pasteLabel:r.pasteHeaders,pasteFailed:r.pasteHeadersFailed,keyPlaceholder:r.headerKeyPlaceholder,valuePlaceholder:r.headerValuePlaceholder,headers:n.headers,onChange:e=>i({headers:n.auth===`oauth`?e.filter(Un):e})}):null]}),t[7]=i,t[8]=n.argsText,t[9]=n.auth,t[10]=n.command,t[11]=n.cwd,t[12]=n.envJson,t[13]=n.headers,t[14]=n.oauthClientId,t[15]=n.transport,t[16]=n.url,t[17]=d,t[18]=u,t[19]=r,t[20]=l,t[21]=m):m=t[21];let h;t[22]!==i||t[23]!==n||t[24]!==d||t[25]!==r?(h=d?(0,$.jsx)(Bn,{label:r.timeoutLabel,description:r.timeoutHint,children:(0,$.jsx)(`input`,{type:`number`,min:1,max:600,className:Vn(),value:an(n),placeholder:r.timeoutPlaceholder,onChange:e=>i({connectionTimeoutMs:on(e.target.value)})})}):null,t[22]=i,t[23]=n,t[24]=d,t[25]=r,t[26]=h):h=t[26];let g;t[27]!==i||t[28]!==n||t[29]!==d||t[30]!==r?(g=d?(0,$.jsx)(Bn,{label:r.requestTimeoutLabel,description:r.requestTimeoutHint,children:(0,$.jsx)(`input`,{type:`number`,min:1,max:14400,className:Vn(),value:sn(n),placeholder:r.requestTimeoutPlaceholder,onChange:e=>i({requestTimeoutMs:cn(e.target.value)})})}):null,t[27]=i,t[28]=n,t[29]=d,t[30]=r,t[31]=g):g=t[31];let _;return t[32]!==p||t[33]!==m||t[34]!==h||t[35]!==g?(_=(0,$.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[p,m,h,g]}),t[32]=p,t[33]=m,t[34]=h,t[35]=g,t[36]=_):_=t[36],_}function Un(e){return e.key.trim().toLowerCase()!==`authorization`}function Wn(e){return e.key.trim().toLowerCase()!==`authorization`}function Gn(e,t){if(e.shortName)return e.shortName;let n=`${t.trim()}__`;return n&&e.name.startsWith(n)?e.name.slice(n.length):e.name}function Kn(e){let t=(0,Q.c)(13),{tool:n,serverId:r}=e,i;t[0]!==r||t[1]!==n?(i=Gn(n,r),t[0]=r,t[1]=n,t[2]=i):i=t[2];let a=i,o=n.name===a?a:n.name,s;t[3]===n.description?s=t[4]:(s=n.description?.trim(),t[3]=n.description,t[4]=s);let c=s,l;t[5]!==a||t[6]!==o?(l=(0,$.jsx)(`p`,{className:`break-all font-mono text-xs font-medium leading-5 text-fg`,title:o,children:a}),t[5]=a,t[6]=o,t[7]=l):l=t[7];let u;t[8]===c?u=t[9]:(u=c?(0,$.jsx)(I,{delayDuration:300,skipDelayDuration:100,children:(0,$.jsxs)(P,{children:[(0,$.jsx)(N,{asChild:!0,children:(0,$.jsx)(`p`,{tabIndex:0,title:c,className:f(`mt-1 line-clamp-3 cursor-help text-xs leading-5 text-fg-muted`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/40`),children:c})}),(0,$.jsx)(F,{children:(0,$.jsx)(L,{side:`top`,align:`start`,sideOffset:6,collisionPadding:12,className:`!z-[10000] max-h-[min(16rem,45vh)] max-w-[min(32rem,calc(100vw-2rem))] overflow-y-auto rounded-md border border-edge bg-surface-panel px-2.5 py-2 text-left text-xs leading-5 text-fg shadow-popover`,children:(0,$.jsx)(`span`,{className:`whitespace-pre-wrap break-words`,children:c})})})]})}):null,t[8]=c,t[9]=u);let d;return t[10]!==l||t[11]!==u?(d=(0,$.jsxs)(`div`,{className:`min-w-0 rounded-lg border border-edge bg-surface-panel px-3 py-2.5`,children:[l,u]}),t[10]=l,t[11]=u,t[12]=d):d=t[12],d}function qn({open:e,mode:t,initialRow:n,existingCustomServers:r,sessionIdleTtlMinutes:i,config:a,managedServerIds:o,t:s,cs:c,onClose:u,onSaved:p}){let[m,h]=(0,Z.useState)(n),[g,_]=(0,Z.useState)(!1),[T,D]=(0,Z.useState)(!1),[O,k]=(0,Z.useState)(null),[A,j]=(0,Z.useState)(!1),[M,N]=(0,Z.useState)({status:`idle`}),[P,F]=(0,Z.useState)(null),I=n.id.trim(),L=m.id.trim()!==I&&o.has(m.id.trim())||o.has(m.id.trim())&&t===`add`?s.reservedServerId:void 0,R=m.id.trim()&&r.some(e=>e.clientKey!==n.clientKey&&e.id.trim()===m.id.trim())?c.duplicateServerId:void 0,z=m.id.trim().length>0&&!L&&!R&&(m.transport===`stdio`?m.command.trim().length>0:m.url.trim().length>0),B=!(m.transport===`streamable-http`&&m.auth===`oauth`),ee=ln(m),V=(0,Z.useCallback)(async()=>{if(m.id.trim()){D(!0),k(null),N({status:`loading`});try{N({status:`ok`,tools:(await rn(m.id.trim(),Jt(m))).tools})}catch(e){N({status:`error`,message:e instanceof Error?e.message:String(e)})}finally{D(!1)}}},[m]),te=(0,Z.useCallback)(async()=>{if(!(!z||g)){_(!0),k(null);try{let e=r.filter(e=>!(t===`edit`&&e.clientKey===n.clientKey));e.push(m),await Yt({sessionIdleTtlMinutes:i,servers:e.sort((e,t)=>e.id.localeCompare(t.id))},Vt(a)),await p(),u()}catch(e){k(e instanceof Error?e.message:String(e))}finally{_(!1)}}},[z,a,r,n.clientKey,t,u,p,I,m,g,i]);return e?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(w,{open:e,onOpenChange:e=>{e||u()},children:(0,$.jsxs)(x,{children:[(0,$.jsx)(v,{className:`xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim`}),(0,$.jsxs)(S,{className:f(`xopc-dialog-content fixed left-1/2 top-1/2 z-[60] flex h-[min(100vh-2rem,44rem)] w-[min(100%-2rem,min(92vw,48rem))] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden`,`rounded-2xl border border-edge bg-surface-overlay shadow-float dark:border-edge`),children:[(0,$.jsxs)(`div`,{className:`flex shrink-0 items-start justify-between gap-3 border-b border-edge-subtle px-6 py-5`,children:[(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsx)(C,{className:`text-base font-semibold text-fg`,children:t===`add`?c.addCustomServerTitle:c.editCustomServerTitle}),(0,$.jsx)(y,{className:`mt-1 text-sm text-fg-muted`,children:t===`add`?c.addCustomServerHint:c.editCustomServerHint})]}),(0,$.jsx)(b,{asChild:!0,children:(0,$.jsxs)(`button`,{type:`button`,className:f(`rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg`,be.focusRingPanel),"aria-label":c.modalClose,children:[(0,$.jsx)(d,{className:`size-5`,strokeWidth:1.75,"aria-hidden":!0}),(0,$.jsx)(`span`,{className:`sr-only`,children:c.modalClose})]})})]}),(0,$.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-6 py-5`,children:(0,$.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,$.jsx)(`section`,{className:`rounded-xl border border-edge bg-surface-base p-4`,children:(0,$.jsxs)(`div`,{className:`flex flex-wrap items-start justify-between gap-3`,children:[(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-sm font-semibold text-fg`,children:[(0,$.jsx)(de,{className:`size-4 text-accent`,"aria-hidden":!0}),m.id.trim()||s.cardUntitled]}),(0,$.jsx)(`p`,{className:`mt-1 break-all font-mono text-xs leading-5 text-fg-muted`,children:ee||(m.transport===`stdio`?s.commandLabel:s.urlLabel)})]}),(0,$.jsx)(`span`,{className:`rounded-full bg-surface-hover px-2 py-0.5 text-[11px] font-medium text-fg-muted`,children:s.transportLabels[m.transport]})]})}),(0,$.jsxs)(`section`,{children:[(0,$.jsxs)(`div`,{className:`mb-3`,children:[(0,$.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:c.connectorBasicConfigTitle}),(0,$.jsx)(`p`,{className:`mt-1 text-sm text-fg-muted`,children:c.connectorBasicConfigHint})]}),(0,$.jsx)(Hn,{row:m,t:s,variant:`basic`,onUpdate:e=>{h(t=>({...t,...e})),k(null)},idConflictMessage:L??R})]}),M.status===`ok`?(0,$.jsxs)(`div`,{className:`rounded-xl border border-edge bg-surface-base p-3`,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-sm font-medium text-fg`,children:[(0,$.jsx)($e,{className:`size-4 text-accent`,"aria-hidden":!0}),M.tools.length===0?s.toolsEmpty:s.toolsTitle.replace(`{{count}}`,String(M.tools.length))]}),M.tools.length>0?(0,$.jsx)(E,{type:`button`,variant:`ghost`,className:`h-8 text-xs`,onClick:()=>F(M.tools),children:s.viewAllTools}):null]}),M.tools.length>0?(0,$.jsx)(`div`,{className:`mt-3 grid gap-2`,children:M.tools.slice(0,6).map((e,t)=>(0,$.jsx)(Kn,{tool:e,serverId:m.id},e.name||`tool-${t}`))}):null]}):null,M.status===`error`?(0,$.jsx)(`p`,{className:`rounded-xl bg-red-500/10 px-3 py-2 text-sm text-red-600`,children:M.message}):null,O?(0,$.jsx)(`p`,{className:`rounded-xl bg-red-500/10 px-3 py-2 text-sm text-red-600`,children:O}):null,(0,$.jsxs)(`details`,{open:A,onToggle:e=>j(e.currentTarget.open),className:`group rounded-xl border border-edge bg-surface-base`,children:[(0,$.jsxs)(`summary`,{className:`flex cursor-pointer list-none items-center gap-2 px-4 py-3 text-sm font-medium text-fg hover:text-fg [&::-webkit-details-marker]:hidden`,children:[(0,$.jsx)(ce,{className:`size-4 text-fg-muted transition-transform group-open:rotate-180`,"aria-hidden":!0}),(0,$.jsx)(`span`,{className:`group-open:hidden`,children:c.connectorShowAdvancedConfig}),(0,$.jsx)(`span`,{className:`hidden group-open:inline`,children:c.connectorHideAdvancedConfig})]}),(0,$.jsx)(`div`,{className:`border-t border-edge p-4`,children:(0,$.jsx)(Hn,{row:m,t:s,variant:`advanced`,onUpdate:e=>{h(t=>({...t,...e})),k(null)}})})]})]})}),(0,$.jsxs)(`div`,{className:`flex shrink-0 flex-wrap justify-end gap-2 border-t border-edge-subtle px-6 py-4`,children:[(0,$.jsxs)(E,{variant:`secondary`,disabled:!m.id.trim()||T||!B,title:B?void 0:s.oauthSaveBeforeTest,onClick:()=>void V(),children:[T?(0,$.jsx)(J,{className:`size-4 animate-spin`}):(0,$.jsx)(G,{className:`size-4`}),s.testConnection]}),(0,$.jsx)(b,{asChild:!0,children:(0,$.jsx)(E,{variant:`secondary`,children:c.modalCancel})}),(0,$.jsxs)(E,{variant:`primary`,disabled:!z||g,onClick:()=>void te(),children:[g?(0,$.jsx)(J,{className:`size-4 animate-spin`}):(0,$.jsx)(l,{className:`size-4`}),g?s.saving:c.modalSave]})]})]})]})}),P?(0,$.jsx)(hn,{open:!0,onOpenChange:e=>{e||F(null)},serverId:m.id,title:s.toolsDialogTitle,subtitle:s.toolsDialogSubtitle,searchPlaceholder:s.toolsDialogSearchPlaceholder,searchEmptyLabel:s.toolsDialogSearchEmpty,emptyLabel:s.toolsEmpty,closeLabel:s.toolsDialogClose,tools:P,stripPrefix:`${m.id.trim()}__`}):null]}):null}var Jn=`builtin`,Yn=`composio`,Xn=`xopc-store`;function Zn(e){return Jn}function Qn(e){let t=e.connectorManifest;if(!t||typeof t!=`object`||Array.isArray(t))return null;let n=t;if(n.contractVersion!==1||n.id!==e.name)return null;let r=n.runtime,i=n.auth;if(!r||typeof r!=`object`||Array.isArray(r)||!i||typeof i!=`object`||Array.isArray(i))return null;let a=r,o=i;if(a.type!==`mcp`||typeof a.serverId!=`string`)return null;let s=[`code`,`docs`,`browser`,`data`,`automation`,`custom`].includes(String(n.category??``))?n.category:`custom`,c=o.mode===`oauth`?{mode:`oauth`,...typeof o.clientId==`string`?{clientId:o.clientId}:{}}:o.mode===`apiKey`?{mode:`apiKey`}:{mode:`none`};return{id:e.name,version:e.latestVersion??`store`,displayName:typeof n.displayName==`string`?n.displayName:e.name,description:typeof n.description==`string`?n.description:e.description,category:s,kind:`mcp`,source:`store`,capabilities:Array.isArray(n.capabilities)?n.capabilities.filter(e=>typeof e==`string`):[],tags:Array.isArray(n.tags)?n.tags.filter(e=>typeof e==`string`):[`store`],auth:c,setup:n.setup&&typeof n.setup==`object`&&!Array.isArray(n.setup)?n.setup:{},runtime:{type:`mcp`,serverId:a.serverId}}}function $n(e){return e.filter((e,t,n)=>n.findIndex(t=>t.id===e.id)===t)}function er(e){return e?.startsWith(`/`)&&!e.startsWith(`//`)?e:`/user-model`}function tr(){let e=_(h(e=>e.language)),t=e.connectorsSettings,n=e.mcpSettings,r=m(e=>e.conversationId),o=!!r,s=i(),[l,u]=a(),d=l.get(`understanding`)===`1`,p=er(l.get(`returnTo`)),g=l.get(`tab`),[v,y]=(0,Z.useState)(!d&&g===`connected`?`connected`:`discover`),b=(0,Z.useRef)(!1),[x,S]=(0,Z.useState)({catalog:[],registryCatalog:[],instances:[],loading:!0,error:null}),[C,w]=(0,Z.useState)(!1),[T,D]=(0,Z.useState)(!1),[k,A]=(0,Z.useState)(1),[j,M]=(0,Z.useState)(void 0),[N,P]=(0,Z.useState)(``),[F,I]=(0,Z.useState)(d?l.get(`connector`)??``:``),[L,R]=(0,Z.useState)(Zn(d?`understanding`:`default`)),[z,ee]=(0,Z.useState)(`name`),[V,te]=(0,Z.useState)(d?`understand`:`all`),[re,ie]=(0,Z.useState)(null),[H,ae]=(0,Z.useState)(null),[se,ce]=(0,Z.useState)(null),[le,ue]=(0,Z.useState)(null),[de,fe]=(0,Z.useState)(null),[pe,me]=(0,Z.useState)(null),[he,W]=(0,Z.useState)(!1),[ge,_e]=(0,Z.useState)(void 0),[ve,ye]=(0,Z.useState)(!1),{data:be,mutate:xe}=O(o),G=be?.payload?.config,K=(0,Z.useMemo)(()=>G===void 0?null:qt(G),[G]),q=K?.servers??[],Se=x.instances.length+q.length;(0,Z.useEffect)(()=>{K&&_e(K.sessionIdleTtlMinutes)},[K]);let Y=(0,Z.useCallback)(async()=>{if(!r){S({catalog:[],registryCatalog:[],instances:[],loading:!1,error:null});return}S(e=>({...e,loading:!0,error:null}));try{let[e,t]=await Promise.all([rt(),qe()]);S(n=>({catalog:e,registryCatalog:n.registryCatalog,instances:t,loading:!1,error:null}))}catch(e){S({catalog:[],registryCatalog:[],instances:[],loading:!1,error:e instanceof Error?e.message:String(e)})}},[r]);(0,Z.useEffect)(()=>{Y()},[Y]),(0,Z.useEffect)(()=>{b.current||x.loading||o&&!K||(y(d?`discover`:Se>0?`connected`:`discover`),b.current=!0)},[o,Se,K,d,x.loading]);let Ce=(0,Z.useCallback)(e=>{b.current=!0,y(e)},[]),we=(0,Z.useMemo)(()=>[{id:Yn,displayName:t.composioSourceName},{id:Xn,displayName:t.storeSourceName}],[t.composioSourceName,t.storeSourceName]),Ee=(0,Z.useCallback)(async e=>{if(!o||L===`builtin`){S(e=>({...e,registryCatalog:[]})),A(1),M(void 0);return}let t=F.trim(),n=Math.max(e?.page??1,1),r=e?.append??!1,i=L===`all`?we:we.filter(e=>e.id===L);if(i.length!==0){w(!0),r?S(e=>({...e,error:null})):(A(1),M(void 0),S(e=>({...e,registryCatalog:[],error:null})));try{let e=await Promise.all(i.map(async e=>{if(e.id===`composio`){let e=await Fe({q:t||void 0,page:n,pageSize:24,verification:`experimental`});return{connectors:e.connectors,totalPages:e.meta.totalPages}}let r=await et({q:t||void 0,page:n,pageSize:24,sort:z===`source`?`newest`:`downloads`});return{connectors:r.items.flatMap(e=>{let t=Qn(e);return t?[t]:[]}),totalPages:r.meta.totalPages}})),a=$n(e.flatMap(e=>e.connectors)),o=Math.max(1,...e.map(e=>e.totalPages??1));A(n),M(o),S(e=>({...e,registryCatalog:r?$n([...e.registryCatalog,...a]):a}))}catch(e){S(t=>({...t,error:e instanceof Error?e.message:String(e)}))}finally{w(!1)}}},[z,F,L,o,we]);(0,Z.useEffect)(()=>{if(v!==`discover`||x.loading)return;if(L===`builtin`){S(e=>({...e,registryCatalog:[]})),A(1),M(void 0);return}let e=window.setTimeout(()=>{Ee()},F.trim()?350:0);return()=>window.clearTimeout(e)},[F,L,Ee,x.loading,v]);let Oe=(0,Z.useMemo)(()=>new Set(x.instances.map(e=>e.connectorId)),[x.instances]),ke=(0,Z.useMemo)(()=>new Map([...x.catalog,...x.registryCatalog].map(e=>[e.id,e])),[x.catalog,x.registryCatalog]);(0,Z.useEffect)(()=>{if(x.loading)return;let e=l.get(`connector`),t=l.get(`instance`);if(!e&&!t)return;let n=x.instances.find(n=>t?n.instanceId===t:n.connectorId===e);if(n)b.current=!0,P(``),ce(n.instanceId),ue(n),y(`connected`);else if(e){let t=ke.get(e);if(!t)return;b.current=!0,R(Zn(d?`understanding`:`default`)),I(``),ae(t),y(`discover`)}let r=new URLSearchParams(l);r.delete(`connector`),r.delete(`instance`),r.set(`tab`,n?`connected`:`discover`),u(r,{replace:!0})},[ke,d,l,u,x.instances,x.loading]);let Ae=(0,Z.useCallback)(async e=>{D(!0),S(e=>({...e,error:null}));try{let t=await ze(e);ie(Te(t.definition,{packageName:t.packageName,version:t.version,permissions:t.permissions}))}catch(e){S(t=>({...t,error:e instanceof Error?e.message:String(e)}))}finally{D(!1)}},[]),je=(0,Z.useMemo)(()=>new Set(x.instances.flatMap(e=>e.materialized.type===`mcp`?[e.materialized.serverId]:[])),[x.instances]),Me=(0,Z.useCallback)(async e=>{if(!K||G===void 0)return;let t=q.filter(t=>t.clientKey!==e.clientKey);await Yt({sessionIdleTtlMinutes:K.sessionIdleTtlMinutes,servers:t},Vt(G)),await xe(),await Y()},[G,q,Y,K,xe]),Ne=(0,Z.useCallback)(()=>{me({mode:`add`,row:Pn(q,je)})},[q,je]),Pe=(0,Z.useCallback)(async()=>{if(!(!K||G===void 0||ve)){ye(!0);try{await Yt({sessionIdleTtlMinutes:ge,servers:q},Vt(G)),await xe(),W(!1)}finally{ye(!1)}}},[G,q,n.saved,K,xe,ge,ve]),X=ne(e=>e.setPageHeader),Ie=ne(e=>e.clearPageHeader),Le=(0,Z.useMemo)(()=>(0,$.jsx)(Ft,{onRefresh:v===`connected`&&o?Y:void 0,refreshing:x.loading,refreshLabel:t.refreshConnections,onBrowseCatalog:()=>Ce(`discover`),onAddCustomServer:Ne,addLabel:t.addConnection,browseLabel:t.addFromCatalog,customLabel:t.addCustomServerAdvanced}),[t,o,Y,Ne,Ce,x.loading,v]);(0,Z.useLayoutEffect)(()=>(X({startExtra:null,main:(0,$.jsx)(`div`,{className:`min-w-0`,children:(0,$.jsx)(`h1`,{className:`truncate text-base font-semibold tracking-tight text-fg`,children:t.title})}),end:Le}),()=>Ie()),[Ie,t.title,Le,X]);let Re=(0,Z.useMemo)(()=>x.instances.map(e=>({instance:e,value:Tt(e,ke.get(e.connectorId))})),[ke,x.instances]),Ve=(0,Z.useMemo)(()=>new Map(Re.map(({instance:e,value:t})=>[e.instanceId,t])),[Re]),We=(0,Z.useMemo)(()=>x.instances.filter(e=>Be(e,N)).sort((e,t)=>{let n={needs_setup:0,checking:1,ready:2},r=Ve.get(e.instanceId)?.state??`checking`,i=Ve.get(t.instanceId)?.state??`checking`;return n[r]-n[i]||e.displayName.localeCompare(t.displayName)}),[N,Ve,x.instances]),Ge=(0,Z.useMemo)(()=>We.filter(e=>Ve.get(e.instanceId)?.state===`needs_setup`),[Ve,We]),Ke=(0,Z.useMemo)(()=>We.filter(e=>Ve.get(e.instanceId)?.state!==`needs_setup`),[Ve,We]),Je=(0,Z.useMemo)(()=>q.filter(e=>Ue(e,N)),[N,q]),Ye=We.length+Je.length,Xe=(0,Z.useMemo)(()=>x.catalog.filter(e=>e.source===`builtin`&&e.integrationStrategy?.preferred!==!1&&U(e)),[x.catalog]),Ze=(0,Z.useMemo)(()=>L===`builtin`?Xe:L===`all`?$n([...Xe,...x.registryCatalog]):x.registryCatalog,[Xe,L,x.registryCatalog]),Qe=(0,Z.useMemo)(()=>{let e=d?Ze.filter(e=>e.understanding?.mode===`activity`):Ze;return B(V===`all`?e:e.filter(e=>Ct(e).includes(V)),F,z)},[z,F,Ze,d,V]),$e=(0,Z.useMemo)(()=>St.filter(e=>Ze.some(t=>Ct(t).includes(e))),[Ze]);(0,Z.useEffect)(()=>{V!==`all`&&!$e.includes(V)&&te(`all`)},[$e,V]);let tt=v===`discover`&&L!==`builtin`&&!!(j&&k<j),nt=(0,Z.useMemo)(()=>x.instances.find(e=>e.instanceId===se)??le,[se,le,x.instances]),it=(0,Z.useMemo)(()=>[{value:`all`,label:t.discoverSourceAll},{value:Jn,label:t.discoverSourceBuiltin},...we.map(e=>({value:e.id,label:e.displayName}))],[t.discoverSourceAll,t.discoverSourceBuiltin,we]),at=[{id:`connected`,label:t.tabConnected,count:Se},{id:`discover`,label:t.tabDiscover}];return(0,$.jsx)(`div`,{className:`flex min-h-0 min-w-0 flex-1 flex-col bg-surface-panel`,children:(0,$.jsxs)(`div`,{className:`mx-auto flex w-full max-w-7xl flex-col gap-6 px-4 py-7 sm:px-6 lg:px-8 lg:py-9`,children:[o?null:(0,$.jsx)(`p`,{className:`rounded-xl border border-edge bg-surface-panel px-4 py-3 text-sm text-fg-muted`,children:t.tokenHint}),d?(0,$.jsxs)(`div`,{className:`flex flex-col gap-3 rounded-xl border border-accent/25 bg-accent-soft px-4 py-3 sm:flex-row sm:items-center sm:justify-between`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`p`,{className:`text-sm font-semibold text-fg`,children:t.understandingSetupTitle}),(0,$.jsx)(`p`,{className:`mt-1 text-xs leading-5 text-fg-muted`,children:t.understandingSetupHint})]}),(0,$.jsx)(E,{type:`button`,variant:`secondary`,className:`shrink-0`,onClick:()=>s(p),children:t.understandingSetupDone})]}):null,(0,$.jsxs)(`section`,{className:`flex flex-col gap-4`,children:[(0,$.jsx)(`div`,{className:`border-b border-edge-subtle pb-3 dark:border-edge-subtle`,children:(0,$.jsx)(pt,{items:at,activeTab:v,onChange:Ce,ariaLabel:t.navAria,tabIdPrefix:`connectors-tab`,panelIdPrefix:`connectors-panel`,className:`flex-wrap`})}),x.error?(0,$.jsx)(`p`,{className:`rounded-xl bg-red-500/10 px-3 py-2 text-sm text-red-600`,children:x.error}):null,v===`connected`&&o?(0,$.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[Se>5||N?(0,$.jsx)(Pt,{value:N,onChange:P,placeholder:t.connectedSearchPlaceholder,className:`max-w-xl`}):null,x.loading?(0,$.jsx)(`div`,{className:`grid gap-3`,"aria-busy":`true`,"aria-label":t.loading,children:gt.slice(0,3).map(e=>(0,$.jsx)(xt,{},e))}):Se===0?(0,$.jsxs)(`div`,{className:`py-14 text-center`,children:[(0,$.jsx)(`p`,{className:`text-sm text-fg-muted`,children:t.connectionsEmpty}),(0,$.jsx)(E,{type:`button`,variant:`primary`,className:`mt-4`,onClick:()=>Ce(`discover`),children:t.addFromCatalog})]}):Ye===0?(0,$.jsx)(`div`,{className:`py-14 text-center text-sm text-fg-muted`,children:t.connectionsSearchEmpty}):(0,$.jsxs)(`div`,{className:`space-y-6`,children:[Ge.length?(0,$.jsxs)(`section`,{children:[(0,$.jsxs)(`div`,{className:`mb-2 flex items-center gap-2`,children:[(0,$.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:t.needsAttentionTitle}),(0,$.jsx)(`span`,{className:`text-xs tabular-nums text-amber-700 dark:text-amber-300`,children:Ge.length})]}),(0,$.jsx)(`div`,{className:`divide-y divide-edge-subtle overflow-hidden rounded-xl border border-amber-500/25 bg-amber-500/5`,children:Ge.map(e=>(0,$.jsx)(Nn,{instance:e,definition:ke.get(e.connectorId),highlighted:e.instanceId===de,onOpenDetails:e=>{fe(null),ce(e.instanceId),ue(e)},t},e.instanceId))})]}):null,Ke.length?(0,$.jsx)(`section`,{children:(0,$.jsx)(`div`,{className:`divide-y divide-edge-subtle overflow-hidden rounded-xl border border-edge bg-surface-base`,children:Ke.map(e=>(0,$.jsx)(Nn,{instance:e,definition:ke.get(e.connectorId),highlighted:e.instanceId===de,onOpenDetails:e=>{fe(null),ce(e.instanceId),ue(e)},t},e.instanceId))})}):null,Je.length||!N.trim()?(0,$.jsxs)(`details`,{className:`rounded-xl border border-edge bg-surface-base`,children:[(0,$.jsxs)(`summary`,{className:`cursor-pointer px-4 py-3`,children:[(0,$.jsx)(`span`,{className:`text-sm font-medium text-fg`,children:t.customIntegrationsTitle}),(0,$.jsx)(`span`,{className:`ml-2 text-xs tabular-nums text-fg-subtle`,children:Je.length}),(0,$.jsx)(`span`,{className:`mt-1 block text-xs text-fg-muted`,children:t.customIntegrationsHint})]}),(0,$.jsxs)(`div`,{className:`border-t border-edge-subtle`,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap gap-2 px-4 py-3`,children:[(0,$.jsx)(E,{type:`button`,variant:`secondary`,className:`h-8 text-xs`,onClick:Ne,children:t.addCustomServerAdvanced}),(0,$.jsxs)(E,{type:`button`,variant:`ghost`,className:`h-8 text-xs`,onClick:()=>W(!0),children:[(0,$.jsx)(oe,{className:`size-3.5`}),t.runtimeSettings]})]}),(0,$.jsx)(`div`,{className:`divide-y divide-edge-subtle`,children:Je.map(e=>(0,$.jsx)(un,{row:e,t:n,cs:t,onEdit:()=>me({mode:`edit`,row:structuredClone(e)}),onRemove:async()=>Me(e)},e.clientKey))})]})]}):null]})]}):null,v===`discover`&&o?(0,$.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[d?null:(0,$.jsx)(`div`,{className:`flex flex-wrap gap-2`,role:`group`,"aria-label":t.taskFilterAria,children:[`all`,...$e].map(e=>(0,$.jsx)(`button`,{type:`button`,className:f(`rounded-full border px-3 py-1.5 text-xs font-medium transition-colors`,V===e?`border-accent/40 bg-accent-soft text-accent-fg`:`border-edge bg-surface-panel text-fg-muted hover:bg-surface-hover hover:text-fg`),"aria-pressed":V===e,onClick:()=>te(e),children:e===`all`?t.taskAll:t.connectorBenefitHeadings[e]},e))}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-2 lg:flex-row lg:items-center`,children:[(0,$.jsx)(Pt,{value:F,onChange:I,placeholder:t.discoverSearchPlaceholder,className:`max-w-xl`}),(0,$.jsxs)(`details`,{className:`relative shrink-0 lg:ml-auto`,children:[(0,$.jsxs)(`summary`,{className:`flex h-9 cursor-pointer list-none items-center gap-2 rounded-lg border border-edge bg-surface-panel px-3 text-xs font-medium text-fg-muted hover:bg-surface-hover hover:text-fg`,children:[(0,$.jsx)(He,{className:`size-3.5`,"aria-hidden":!0}),t.filters]}),(0,$.jsxs)(`div`,{className:f(`mt-2 grid min-w-[15rem] grid-cols-1 gap-2 rounded-xl border border-edge bg-surface-panel p-3 shadow-popover sm:absolute sm:right-0 sm:z-10`,!d&&`sm:min-w-[24rem] sm:grid-cols-2`),children:[d?null:(0,$.jsx)(c,{value:L,options:it,placeholder:t.discoverSourceAll,allowEmpty:!1,ariaLabel:t.registrySourceAria,triggerClassName:`h-9 bg-surface-panel text-xs`,onChange:R}),(0,$.jsx)(c,{value:z,options:[{value:`name`,label:t.sortName},{value:`source`,label:t.sortSource}],placeholder:t.sortName,allowEmpty:!1,ariaLabel:t.sortAria,triggerClassName:`h-9 bg-surface-panel text-xs`,onChange:e=>ee(e)})]})]})]}),(x.loading||C)&&Qe.length===0?(0,$.jsx)(`div`,{className:`grid gap-4 sm:grid-cols-2 xl:grid-cols-3`,"aria-busy":`true`,"aria-label":t.loading,children:gt.map(e=>(0,$.jsx)(yt,{},e))}):Qe.length===0?(0,$.jsx)(`div`,{className:`py-14 text-center text-sm text-fg-muted`,children:t.discoverEmpty}):(0,$.jsxs)(`div`,{className:`relative`,children:[C?(0,$.jsx)(`div`,{className:`pointer-events-none absolute inset-0 z-[1] flex justify-center bg-surface-panel/40 pt-[min(28vh,7.5rem)] backdrop-blur-[1px] motion-reduce:backdrop-blur-none dark:bg-surface-base/35`,"aria-busy":`true`,"aria-label":t.loading,children:(0,$.jsx)(J,{className:`size-8 shrink-0 animate-spin text-accent motion-reduce:animate-none`,strokeWidth:2,"aria-hidden":!0})}):null,(0,$.jsx)(`div`,{className:`grid gap-4 sm:grid-cols-2 xl:grid-cols-3`,children:Qe.map(e=>(0,$.jsx)(mt,{connector:e,installed:Oe.has(e.id)||_t(e,x.instances),onInstall:e=>{if(e.source===`store`){Ae(e.id);return}ie(Te(e))},onOpenDetails:e.source===`store`?void 0:ae,t},e.id))}),tt?(0,$.jsx)(`div`,{className:`mt-4 flex justify-center`,children:(0,$.jsxs)(E,{type:`button`,variant:`secondary`,disabled:C||T,onClick:()=>void Ee({page:k+1,append:!0}),children:[C?(0,$.jsx)(J,{className:`size-4 animate-spin`}):null,t.loadMore]})}):null]})]}):null]}),re?(0,$.jsx)(De,{draft:re,onChange:ie,onClose:()=>ie(null),t,onInstalled:async e=>{await Y(),await xe(),fe(e.instanceId),Ce(`connected`)}}):null,H?(0,$.jsx)(jt,{connector:H,installed:Oe.has(H.id)||_t(H,x.instances),onClose:()=>ae(null),onInstall:e=>ie(Te(e)),t}):null,nt?(0,$.jsx)(Mn,{instance:nt,definition:ke.get(nt.connectorId),onClose:()=>{ce(null),ue(null)},onChanged:Y,t,mcp:n}):null,pe?(0,$.jsx)(qn,{open:!0,mode:pe.mode,initialRow:pe.row,existingCustomServers:q,sessionIdleTtlMinutes:ge,config:G,managedServerIds:je,t:n,cs:t,onClose:()=>me(null),onSaved:async()=>{await xe(),await Y(),Ce(`connected`)}},`${pe.mode}-${pe.row.clientKey}`):null,(0,$.jsx)(Nt,{open:he,sessionIdleTtlMinutes:ge,saving:ve,onChange:_e,onSave:Pe,onClose:()=>W(!1),t,mcp:n})]})})}export{tr as ConnectorsPage};

package/dist/gateway/static/root/assets/device-pairing-wizard-C5f4FRpE.js

@@ -1 +0,0 @@
-import{i as e,n as t}from"./rolldown-runtime-aKtaBQYM.js";import{a as n,n as r,t as i}from"./vendor-react-BOUWij0V.js";import{f as a}from"./chunk-KS7C4IRE-BMYIfy9x.js";import{t as o}from"./circle-check-C23XjkUj.js";import{t as s}from"./download-Dk-ZjtO6.js";import{t as c}from"./x-B_N4OPjy.js";import{t as l}from"./cn-JdwAhgNB.js";import{n as u}from"./locale-store-D9krC43K.js";import{t as d}from"./messages-B1sTgIrE.js";import{a as f,i as p,o as m,r as h,s as g,t as _}from"./dist-BGTk37IG.js";import{n as v}from"./app-link-nL8iPwEr.js";import{i as y}from"./vendor-swr-BIWyz7Rc.js";import{t as b}from"./button-CS04eWY9.js";import{t as x}from"./skeleton-BwbyijEw.js";import{i as S,o as C}from"./settings-shell-dialog-layer-BU3UuiJr.js";import{Au as w,Bl as T,Dt as E,Ft as D,Ki as O,Mt as k,Nt as A,Oc as j,Ot as M,So as N,Uu as P,_u as F,al as I,kt as L}from"./index-BNubE2Zi.js";import{_ as ee,a as te,d as ne,f as re,g as ie,h as ae,i as oe,l as R,m as se,n as z,p as ce,r as B,s as V,t as H,u as le,v as ue}from"./tunnel-api-DJsxU6q_.js";import{t as U}from"./browser-BLJWD7WI.js";var W=e(n(),1),G=r(),K=e(U(),1),q={width:240,margin:4,errorCorrectionLevel:`M`,color:{dark:`#000000ff`,light:`#ffffffff`}};async function de(e){let t=await K.toString(e,{...q,type:`svg`});return`data:image/svg+xml;charset=utf-8,${encodeURIComponent(t)}`}var J=i();function fe(){let e=d(u(e=>e.language)),t=e.endpointToolsSettings.deviceAccess.flow,n=e.tunnelSettings,{data:r,error:i,mutate:a}=y(`tunnel-status`,z,{refreshInterval:1500}),[o,s]=(0,W.useState)(!1),[c,l]=(0,W.useState)(!1),[f,p]=(0,W.useState)(!0),[m,h]=(0,W.useState)(`idle`),[g,_]=(0,W.useState)(null),[S,C]=(0,W.useState)(``),w=(0,W.useRef)(!0);(0,W.useEffect)(()=>(w.current=!0,()=>{w.current=!1}),[]);let T=async()=>{if(!r)return;if(r.consentRequired&&!o){l(!0);return}let e=r.registrationSecret?.configured?null:L(),t,n=!1;_(null);try{if(r.consentRequired&&await te(),!r.registrationSecret?.configured){h(`provisioning`);let r=!1;try{await oe()}catch(e){if(!le(e))throw e;r=!0}if(r){h(`authorizing`);let r=sessionStorage.getItem(`device-pairing-oauth`),i=r?JSON.parse(r):null;t=i&&i.expiresAt>Date.now()?i.sessionId:(await D(`xopc-tunnel`)).sessionId,sessionStorage.setItem(`device-pairing-oauth`,JSON.stringify({sessionId:t,expiresAt:i&&i.expiresAt>Date.now()?i.expiresAt:Date.now()+5*6e4}));let a=``,o=Date.now()+5*6e4,s=!1;for(;w.current&&Date.now()<o;){let r=await A(t);if(r.authUrl&&r.authUrl!==a&&(a=r.authUrl,await M(a,e)||C(a)),r.status===`completed`){s=!0,n=!0;break}if(r.status===`failed`||r.status===`cancelled`)throw Error(`Authorization cancelled`);await new Promise(e=>setTimeout(e,1e3))}if(!w.current)return;if(!s)throw Error(`Authorization expired`);await oe()}await a()}if(!w.current)return;h(`starting`),await V(),f&&await B({autoStart:!0}),await a(),n=!0}catch(e){n=!0,w.current&&_(R(e)===`tunnel_key_limit_reached`?`key-limit`:`failed`)}finally{E(e),n&&(sessionStorage.removeItem(`device-pairing-oauth`),t&&k(t).catch(()=>{})),w.current&&(h(`idle`),C(``))}};if(!r&&!i)return(0,J.jsxs)(`div`,{className:`space-y-5`,children:[(0,J.jsx)(x,{className:`h-5 w-4/5`}),(0,J.jsx)(x,{className:`h-24 w-full`})]});let O=m===`provisioning`||m===`starting`||r?.state===`connecting`||r?.state===`reconnecting`;return(0,J.jsxs)(`div`,{className:`flex min-h-full flex-col`,children:[(0,J.jsx)(`p`,{className:`text-sm leading-relaxed text-fg-muted`,children:O?t.preparingHint:m===`authorizing`?t.authorizing:t.enableHint}),S&&m===`authorizing`?(0,J.jsx)(`a`,{href:S,target:`_blank`,rel:`noopener noreferrer`,className:`mt-4 inline-flex min-h-11 items-center text-sm text-accent`,children:t.openAuthorization}):null,O?(0,J.jsxs)(`div`,{className:`mt-8 space-y-3`,"aria-label":t.preparing,children:[(0,J.jsx)(x,{className:`h-2 w-full`}),(0,J.jsx)(`p`,{className:`text-sm text-fg-muted`,children:t.preparing})]}):null,(c||r?.consentRequired)&&m===`idle`?(0,J.jsxs)(`div`,{className:`mt-6 space-y-4`,children:[(0,J.jsxs)(`details`,{open:c,className:`text-sm text-fg-muted`,children:[(0,J.jsx)(`summary`,{className:`cursor-pointer py-2`,children:t.details}),(0,J.jsx)(`p`,{className:`mt-2`,children:n.consentIntro}),(0,J.jsx)(`ul`,{className:`mt-3 list-disc space-y-2 pl-5`,children:[n.consentBullet1,n.consentBullet2,n.consentBullet3].map(e=>(0,J.jsx)(`li`,{children:e},e))})]}),(0,J.jsxs)(`label`,{className:`flex items-start gap-3 text-sm text-fg`,children:[(0,J.jsx)(`input`,{type:`checkbox`,checked:o,onChange:e=>s(e.target.checked),className:`mt-1 size-4 accent-accent`}),n.consentCheckbox]})]}):null,g===`key-limit`?(0,J.jsxs)(`div`,{role:`alert`,className:`mt-4 rounded-lg border border-warning/30 bg-warning/5 p-4`,children:[(0,J.jsx)(`p`,{className:`text-sm font-medium text-fg`,children:t.routeKeyLimitTitle}),(0,J.jsx)(`p`,{className:`mt-1 text-xs leading-5 text-fg-muted`,children:t.routeKeyLimitHint}),(0,J.jsxs)(b,{variant:`secondary`,className:`mt-3`,onClick:()=>void v(H),children:[t.manageTunnelKeys,(0,J.jsx)(F,{className:`size-3`})]})]}):g||i||r?.state===`error`?(0,J.jsx)(`p`,{role:`alert`,className:`mt-4 text-sm text-danger`,children:t.routeSetupFailed}):null,(0,J.jsx)(`div`,{className:`flex-1`}),(0,J.jsxs)(`label`,{className:`my-5 flex items-center gap-3 text-sm text-fg-muted`,children:[(0,J.jsx)(`input`,{type:`checkbox`,checked:f,disabled:m!==`idle`,onChange:e=>p(e.target.checked),className:`size-4 accent-accent`}),t.autoStart]}),(0,J.jsx)(b,{className:`w-full`,variant:`primary`,disabled:!r||m!==`idle`||O||c&&!o,onClick:()=>void T(),children:m===`authorizing`?t.authorizing:O?t.preparing:g?t.retry:t.enable}),i&&!r?(0,J.jsx)(b,{variant:`ghost`,onClick:()=>void a(),children:t.retry}):null]})}var Y=t({DevicePairingWizard:()=>X});function X(e){let t=(0,G.c)(16),{open:n,onOpenChange:r,onPaired:i,targetKind:o}=e,s=a(),[c,l]=(0,W.useState)(o),u,d;t[0]===o?(u=t[1],d=t[2]):(u=()=>{l(o)},d=[o],t[0]=o,t[1]=u,t[2]=d),(0,W.useEffect)(u,d);let f;t[3]!==r||t[4]!==o?(f=e=>{e||l(o),r(e)},t[3]=r,t[4]=o,t[5]=f):f=t[5];let p=f,m;t[6]!==p||t[7]!==s||t[8]!==i||t[9]!==n||t[10]!==c?(m=n?c?(0,J.jsx)(he,{targetKind:c,onClose:()=>p(!1),onPaired:i}):(0,J.jsx)(pe,{onChoose:l,onChooseLocalBrowser:()=>{p(!1),s(`/settings/agent-browser?driver=extension`)},onClose:()=>p(!1)}):null,t[6]=p,t[7]=s,t[8]=i,t[9]=n,t[10]=c,t[11]=m):m=t[11];let h;return t[12]!==p||t[13]!==n||t[14]!==m?(h=(0,J.jsx)(_,{open:n,onOpenChange:p,children:m}),t[12]=p,t[13]=n,t[14]=m,t[15]=h):h=t[15],h}function Z(e){let t=(0,G.c)(14),{icon:n,title:r,hint:i,onClick:a}=e,o;t[0]===n?o=t[1]:(o=(0,J.jsx)(`span`,{className:`flex size-10 shrink-0 items-center justify-center rounded-xl bg-accent-soft text-accent-fg`,children:(0,J.jsx)(n,{className:`size-5`,"aria-hidden":`true`})}),t[0]=n,t[1]=o);let s;t[2]===r?s=t[3]:(s=(0,J.jsx)(`span`,{className:`block text-sm font-semibold text-fg`,children:r}),t[2]=r,t[3]=s);let c;t[4]===i?c=t[5]:(c=(0,J.jsx)(`span`,{className:`mt-0.5 block text-xs leading-5 text-fg-muted`,children:i}),t[4]=i,t[5]=c);let l;t[6]!==s||t[7]!==c?(l=(0,J.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[s,c]}),t[6]=s,t[7]=c,t[8]=l):l=t[8];let u;t[9]===Symbol.for(`react.memo_cache_sentinel`)?(u=(0,J.jsx)(P,{className:`size-4 shrink-0 text-fg-disabled transition-transform group-hover:translate-x-0.5 group-hover:text-fg-muted`,"aria-hidden":`true`}),t[9]=u):u=t[9];let d;return t[10]!==a||t[11]!==o||t[12]!==l?(d=(0,J.jsxs)(`button`,{type:`button`,className:`group flex min-h-18 w-full cursor-pointer items-center gap-4 rounded-xl border border-edge bg-surface-panel px-4 py-3.5 text-left shadow-surface transition-[background-color,border-color,box-shadow,transform] hover:border-edge-strong hover:bg-surface-active hover:shadow-elevated active:translate-y-px active:bg-surface-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-panel motion-reduce:active:translate-y-0`,onClick:a,children:[o,l,u]}),t[10]=a,t[11]=o,t[12]=l,t[13]=d):d=t[13],d}function pe(e){let t=(0,G.c)(40),{onChoose:n,onChooseLocalBrowser:r,onClose:i}=e,a=u(me),o;t[0]===a?o=t[1]:(o=d(a),t[0]=a,t[1]=o);let s=o.endpointToolsSettings.deviceAccess,_;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(_=(0,J.jsx)(f,{className:l(`xopc-dialog-overlay fixed inset-0 bg-scrim backdrop-blur-[1px]`,C)}),t[2]=_):_=t[2];let v;t[3]===Symbol.for(`react.memo_cache_sentinel`)?(v=l(`xopc-dialog-content fixed left-1/2 top-1/2 flex h-[min(28rem,calc(100dvh-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-overlay`,S),t[3]=v):v=t[3];let y;t[4]===Symbol.for(`react.memo_cache_sentinel`)?(y=(0,J.jsx)(`span`,{className:`text-lg font-semibold tracking-tight text-fg`,children:`xopc`}),t[4]=y):y=t[4];let b;t[5]===Symbol.for(`react.memo_cache_sentinel`)?(b=(0,J.jsx)(c,{className:`size-4`}),t[5]=b):b=t[5];let x;t[6]!==s.cancel||t[7]!==i?(x=(0,J.jsxs)(`header`,{className:`flex shrink-0 items-center justify-between border-b border-edge-subtle px-6 py-3`,children:[y,(0,J.jsx)(`button`,{type:`button`,className:`flex size-10 items-center justify-center rounded-lg text-fg-muted hover:bg-surface-hover`,"aria-label":s.cancel,onClick:i,children:b})]}),t[6]=s.cancel,t[7]=i,t[8]=x):x=t[8];let w;t[9]===s.chooseTitle?w=t[10]:(w=(0,J.jsx)(g,{className:`text-lg font-semibold tracking-tight text-fg sm:text-xl`,children:s.chooseTitle}),t[9]=s.chooseTitle,t[10]=w);let E;t[11]===s.chooseHint?E=t[12]:(E=(0,J.jsx)(p,{className:`mt-1.5 text-sm leading-6 text-fg-muted`,children:s.chooseHint}),t[11]=s.chooseHint,t[12]=E);let D;t[13]!==s.localBrowserHint||t[14]!==s.localBrowserTitle||t[15]!==r?(D=(0,J.jsx)(Z,{icon:T,title:s.localBrowserTitle,hint:s.localBrowserHint,onClick:r}),t[13]=s.localBrowserHint,t[14]=s.localBrowserTitle,t[15]=r,t[16]=D):D=t[16];let O;t[17]===n?O=t[18]:(O=()=>n(`mobile`),t[17]=n,t[18]=O);let k;t[19]!==s.mobileHint||t[20]!==s.mobileTitle||t[21]!==O?(k=(0,J.jsx)(Z,{icon:j,title:s.mobileTitle,hint:s.mobileHint,onClick:O}),t[19]=s.mobileHint,t[20]=s.mobileTitle,t[21]=O,t[22]=k):k=t[22];let A;t[23]===n?A=t[24]:(A=()=>n(`browser`),t[23]=n,t[24]=A);let M;t[25]!==s.remoteBrowserHint||t[26]!==s.remoteBrowserTitle||t[27]!==A?(M=(0,J.jsx)(Z,{icon:I,title:s.remoteBrowserTitle,hint:s.remoteBrowserHint,onClick:A}),t[25]=s.remoteBrowserHint,t[26]=s.remoteBrowserTitle,t[27]=A,t[28]=M):M=t[28];let N;t[29]!==k||t[30]!==M||t[31]!==D?(N=(0,J.jsxs)(`div`,{className:`mt-5 flex flex-col gap-2.5`,children:[D,k,M]}),t[29]=k,t[30]=M,t[31]=D,t[32]=N):N=t[32];let P;t[33]!==N||t[34]!==w||t[35]!==E?(P=(0,J.jsxs)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-5 py-6 sm:px-8`,children:[w,E,N]}),t[33]=N,t[34]=w,t[35]=E,t[36]=P):P=t[36];let F;return t[37]!==P||t[38]!==x?(F=(0,J.jsxs)(m,{children:[_,(0,J.jsxs)(h,{className:v,children:[x,P]})]}),t[37]=P,t[38]=x,t[39]=F):F=t[39],F}function me(e){return e.language}function he({targetKind:e,onClose:t,onPaired:n}){let r=u(e=>e.language),i=d(r),a=i.endpointToolsSettings.deviceAccess,_=a.flow,[T,E]=(0,W.useState)(!1),D=y(T?`device-pairing-readiness`:null,ae,{refreshInterval:1500}),[k,A]=(0,W.useState)(),[j,M]=(0,W.useState)(null),[I,L]=(0,W.useState)(!1),[te,oe]=(0,W.useState)(Date.now()),[R,z]=(0,W.useState)(null),B=(0,W.useRef)(!0),V=(0,W.useRef)(null),H=(0,W.useRef)(!1),le=(0,W.useRef)(!1),U=y(k?[`device-pairing-setup`,k.id]:null,()=>ie(k.id),{refreshInterval:1500}),G=U.data?.request,K=G?.status===`completed`,q=K&&G.connectedAt!==void 0,Y=y(q&&window.electronAPI?.system?`system-behavior`:null,()=>window.electronAPI.system.getBehavior()),X=k?.targetKind===`mobile`?k.universalLink:``,Z=N(()=>de(X),[X],{enabled:!!X,initial:null,errorData:null}),pe=r===`zh`?`https://xopc.ai/zh#download`:`https://xopc.ai/en#download`,me=r===`zh`?`https://xopcai.github.io/xopc/zh/browser-extension`:`https://xopcai.github.io/xopc/browser-extension`,he=N(()=>de(pe),[pe],{enabled:!T&&e===`mobile`,initial:null,errorData:null});(0,W.useEffect)(()=>{B.current=!0;let e=setInterval(()=>oe(Date.now()),1e3);return()=>{B.current=!1,clearInterval(e),V.current&&ne(V.current).catch(()=>{})}},[]);let ge=(0,W.useCallback)(async()=>{if(!H.current){H.current=!0,L(!0),M(null);try{V.current&&await ne(V.current),V.current=null,A(void 0);let t=await re(e);if(t.kind===`ready`){if(!B.current){await ne(t.setup.id);return}V.current=t.setup.id,A(t.setup)}else await D.mutate()}catch{B.current&&M(`create`)}finally{H.current=!1,B.current&&L(!1)}}},[D,e]);(0,W.useEffect)(()=>{D.data?.ready&&!k&&j!==`create`&&!H.current&&ge()},[D.data,k,j,ge]),(0,W.useEffect)(()=>{q&&!le.current&&(le.current=!0,n?.())},[q,n]);let _e=async e=>{if(G){L(!0),M(null);try{await ce(G,e),await U.mutate()}catch{M(`decision`),await U.mutate()}finally{B.current&&L(!1)}}},ve=(0,W.useRef)(0);(0,W.useEffect)(()=>{U.data&&(ve.current=U.data.serverTime-Date.now())},[U.data]);let Q=te+ve.current,ye=k&&Q>=k.expiresAt&&!G,be=G&&[`expired`,`rejected`,`cancelled`].includes(G.status),xe=k?k.expiresAt-Q<6e4:!1,Se=k?xe?`${Math.max(0,Math.ceil((k.expiresAt-Q)/1e3))}s`:_.valid:``,$=e===`mobile`?{connect:a.mobileScan,connectHint:a.mobileScanHint,allowTitle:a.mobileAllowTitle,success:a.mobileSuccess,successHint:a.mobileSuccessHint}:{connect:a.browserConnect,connectHint:a.browserConnectHint,allowTitle:a.browserAllowTitle,success:a.browserSuccess,successHint:a.browserSuccessHint},Ce=e===`mobile`?a.mobilePrepareTitle:a.browserPrepareTitle,we=e===`mobile`?a.mobilePrepareHint:a.browserPrepareHint,Te=T?q?$.success:G?.status===`pending`?$.allowTitle:K||G?.status===`approved`?_.waiting:k?$.connect:_.title:Ce,Ee=j===`create`?_.createFailed:j===`decision`?_.decisionFailed:j===`background`?_.backgroundFailed:j===`download`?a.browserDownloadFailed:null,De=async()=>{L(!0),M(null);try{await se()}catch{M(`download`)}finally{B.current&&L(!1)}};return(0,J.jsxs)(m,{children:[(0,J.jsx)(f,{className:l(`xopc-dialog-overlay fixed inset-0 bg-scrim backdrop-blur-[1px]`,C)}),(0,J.jsxs)(h,{className:l(`xopc-dialog-content fixed left-1/2 top-1/2 flex h-[min(600px,calc(100dvh-48px))] w-[min(560px,calc(100vw-32px))] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-xl border border-edge bg-surface-overlay`,S),children:[(0,J.jsxs)(`header`,{className:`flex shrink-0 items-center justify-between border-b border-edge-subtle px-6 py-3`,children:[(0,J.jsx)(`span`,{className:`text-lg font-semibold tracking-tight text-fg`,children:`xopc`}),(0,J.jsx)(`button`,{type:`button`,className:`flex size-10 items-center justify-center rounded-lg text-fg-muted hover:bg-surface-hover`,"aria-label":_.cancel,onClick:t,children:(0,J.jsx)(c,{className:`size-4`})})]}),(0,J.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col overflow-y-auto px-8 py-7`,children:[q?(0,J.jsx)(o,{className:`mb-5 size-7 text-success`}):null,(0,J.jsx)(g,{className:`text-xl font-semibold tracking-tight text-fg`,children:Te}),(0,J.jsx)(p,{className:`mt-2 text-sm leading-relaxed text-fg-muted`,children:T?q?$.successHint:K?_.waitingForDevice:G?G.displayName:k?$.connectHint:_.intro:we}),Ee?(0,J.jsx)(`p`,{role:`alert`,className:`mt-4 text-sm text-danger`,children:Ee}):null,T&&D.error?(0,J.jsx)(`p`,{role:`alert`,className:`mt-4 text-sm text-danger`,children:_.readinessFailed}):null,T&&U.error?(0,J.jsx)(`p`,{role:`status`,className:`mt-4 text-sm text-warning`,children:_.statusUnavailable}):null,T?D.data?q?(0,J.jsxs)(J.Fragment,{children:[Y.data?(0,J.jsxs)(`label`,{className:`mt-8 flex items-center justify-between gap-4 border-y border-edge-subtle py-5 text-sm text-fg`,children:[a.background,(0,J.jsx)(`input`,{type:`checkbox`,role:`switch`,"aria-checked":Y.data.runInBackground??!1,disabled:!Y.data.backgroundSupported,checked:Y.data.runInBackground??!1,className:`size-5 accent-accent`,onChange:e=>{window.electronAPI.system.setBehavior({runInBackground:e.target.checked}).then(e=>Y.mutate(e.behavior)).catch(()=>M(`background`))}})]}):null,(0,J.jsx)(`p`,{className:`mt-4 text-xs text-fg-muted`,children:a.sleep})]}):be||ye?(0,J.jsxs)(`div`,{className:`mt-10 space-y-5`,children:[(0,J.jsx)(`p`,{className:`text-sm text-fg-muted`,children:ye||G?.status===`expired`?_.expired:_.declined}),(0,J.jsx)(b,{variant:`primary`,onClick:()=>void ge(),disabled:I,children:_.refresh})]}):G?(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(`p`,{className:`mt-2 text-xs text-fg-muted`,children:_.scope}),(0,J.jsxs)(`p`,{className:`mt-10 font-mono text-4xl tracking-[0.16em] text-fg`,"aria-live":`polite`,children:[G.confirmationCode.slice(0,3),` `,G.confirmationCode.slice(3)]}),(0,J.jsx)(`p`,{className:`mt-3 text-xs text-fg-muted`,children:_.compare}),(0,J.jsxs)(`details`,{className:`mt-6 text-xs text-fg-muted`,children:[(0,J.jsx)(`summary`,{className:`cursor-pointer py-2`,children:_.access}),(0,J.jsx)(`p`,{children:_.accessHint})]})]}):k?.targetKind===`mobile`?(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(`div`,{className:`my-6 flex flex-col items-center`,children:[(0,J.jsx)(`div`,{className:`rounded-[1.75rem] border border-edge bg-surface-hover/55 p-2.5 shadow-surface`,children:(0,J.jsx)(`div`,{className:`rounded-[1.25rem] bg-white p-2 shadow-sm ring-1 ring-black/5`,children:Z.data?(0,J.jsx)(`img`,{src:Z.data,alt:a.qrAlt,width:240,height:240,className:`size-[240px] max-w-full rounded-xl bg-white`}):Z.error?null:(0,J.jsx)(x,{className:`size-[240px] rounded-xl`})})}),Z.error?null:(0,J.jsxs)(`p`,{className:l(`mt-4 inline-flex min-h-8 items-center gap-1.5 rounded-full px-3 text-xs font-medium`,xe?`bg-warning-soft text-warning`:`bg-surface-hover text-fg-muted`),"aria-live":`polite`,children:[(0,J.jsx)(w,{className:`size-3.5`,"aria-hidden":`true`}),Se]})]}),Z.error?(0,J.jsx)(`p`,{role:`status`,className:`text-center text-sm text-warning`,children:_.qrFailed}):null,Z.error?(0,J.jsx)(`div`,{className:`mt-5`,children:(0,J.jsx)(O,{text:k.universalLink,labels:{copy:a.copy,copied:a.copied,copyFailed:i.clipboard.copyFailed}})}):(0,J.jsxs)(`details`,{className:`group mx-auto mt-1 w-full max-w-sm rounded-xl border border-edge bg-surface-panel text-xs text-fg-muted`,children:[(0,J.jsxs)(`summary`,{className:`flex min-h-11 cursor-pointer list-none items-center justify-between gap-3 rounded-xl px-3.5 transition-colors hover:bg-surface-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent [&::-webkit-details-marker]:hidden`,children:[(0,J.jsx)(`span`,{children:_.fallback}),(0,J.jsx)(P,{className:`size-3.5 shrink-0 transition-transform group-open:rotate-90`,"aria-hidden":`true`})]}),(0,J.jsx)(`div`,{className:`border-t border-edge-subtle p-3`,children:(0,J.jsx)(O,{text:k.universalLink,labels:{copy:a.copy,copied:a.copied,copyFailed:i.clipboard.copyFailed}})})]})]}):k?(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(`ol`,{className:`mt-7 space-y-2 text-sm leading-6 text-fg-muted`,children:[(0,J.jsxs)(`li`,{children:[(0,J.jsx)(`span`,{className:`mr-2 text-fg-subtle`,children:`1.`}),a.browserConnectStep1]}),(0,J.jsxs)(`li`,{children:[(0,J.jsx)(`span`,{className:`mr-2 text-fg-subtle`,children:`2.`}),a.browserConnectStep2]}),(0,J.jsxs)(`li`,{children:[(0,J.jsx)(`span`,{className:`mr-2 text-fg-subtle`,children:`3.`}),a.browserConnectStep3]})]}),(0,J.jsx)(`div`,{className:`mt-6`,children:(0,J.jsx)(O,{text:k.browserInvitation,labels:{copy:a.copy,copied:a.copied,copyFailed:i.clipboard.copyFailed}})}),(0,J.jsx)(`p`,{className:`mt-3 text-center text-xs text-fg-muted`,children:k.expiresAt-Q<6e4?`${Math.max(0,Math.ceil((k.expiresAt-Q)/1e3))}s`:_.valid})]}):D.data.ready?(0,J.jsx)(`div`,{className:`mt-8`,children:(0,J.jsx)(x,{className:`mx-auto size-[216px]`})}):(0,J.jsxs)(`div`,{className:`mt-6 flex flex-1 flex-col`,children:[R===`tailscale`?(0,J.jsx)(ue,{embedded:!0}):R===`https`?(0,J.jsx)(ee,{}):R===`choices`?(0,J.jsxs)(`div`,{className:`space-y-3`,children:[(0,J.jsx)(b,{variant:`secondary`,className:`w-full`,onClick:()=>z(`tailscale`),children:a.useTailscale}),(0,J.jsx)(b,{variant:`secondary`,className:`w-full`,onClick:()=>z(`https`),children:a.useOwnHttps})]}):(0,J.jsx)(fe,{}),(0,J.jsx)(b,{variant:`ghost`,className:`mt-3 w-full`,onClick:()=>z(R?null:`choices`),children:R?_.back:_.existing})]}):(0,J.jsxs)(`div`,{className:`mt-8 space-y-4`,children:[(0,J.jsx)(x,{className:`h-5 w-3/4`}),(0,J.jsx)(x,{className:`h-40 w-full`})]}):e===`mobile`?(0,J.jsxs)(`div`,{className:`mt-7 flex flex-col items-center`,children:[he.data?(0,J.jsx)(`img`,{src:he.data,alt:a.mobileDownloadQrAlt,width:144,height:144,className:`size-36 rounded-lg bg-white`}):(0,J.jsx)(x,{className:`size-36`}),(0,J.jsxs)(b,{variant:`secondary`,className:`mt-5 w-full`,onClick:()=>void v(pe),children:[(0,J.jsx)(F,{className:`size-4`}),a.mobileDownload]}),(0,J.jsx)(`p`,{className:`mt-3 text-center text-xs leading-5 text-fg-muted`,children:a.mobileDownloadHint})]}):(0,J.jsxs)(`div`,{className:`mt-7`,children:[(0,J.jsxs)(b,{variant:`secondary`,className:`w-full`,disabled:I,onClick:()=>void De(),children:[(0,J.jsx)(s,{className:`size-4`}),a.browserDownload]}),(0,J.jsxs)(`ol`,{className:`mt-5 space-y-3 text-sm leading-6 text-fg-muted`,children:[(0,J.jsxs)(`li`,{children:[(0,J.jsx)(`span`,{className:`mr-2 text-fg-subtle`,children:`1.`}),a.browserInstallStep1]}),(0,J.jsxs)(`li`,{children:[(0,J.jsx)(`span`,{className:`mr-2 text-fg-subtle`,children:`2.`}),a.browserInstallStep2]}),(0,J.jsxs)(`li`,{children:[(0,J.jsx)(`span`,{className:`mr-2 text-fg-subtle`,children:`3.`}),a.browserInstallStep3]})]}),(0,J.jsxs)(`button`,{type:`button`,className:`mt-5 inline-flex items-center gap-1 text-xs text-accent hover:underline`,onClick:()=>void v(me),children:[a.browserInstallHelp,(0,J.jsx)(F,{className:`size-3`})]})]})]}),!T||D.error||q||G?.status===`pending`||j===`create`||j===`decision`?(0,J.jsx)(`footer`,{className:`shrink-0 px-8 pb-6`,children:T?q?(0,J.jsx)(b,{className:`w-full`,variant:`primary`,onClick:t,children:_.done}):G?.status===`pending`?(0,J.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,J.jsx)(b,{className:`w-full`,variant:`primary`,disabled:I,onClick:()=>void _e(`approve`),children:_.allow}),(0,J.jsx)(b,{className:`w-full`,variant:`ghost`,disabled:I,onClick:()=>void _e(`reject`),children:_.cancel})]}):D.error?(0,J.jsx)(b,{className:`w-full`,variant:`primary`,onClick:()=>void D.mutate(),children:_.retry}):(0,J.jsx)(b,{className:`w-full`,variant:`primary`,disabled:I,onClick:()=>void ge(),children:_.retry}):(0,J.jsx)(b,{className:`w-full`,variant:`primary`,onClick:()=>{M(null),E(!0)},children:e===`mobile`?a.mobileReady:a.browserReady})}):null]})]})}export{Y as n,X as t};

package/dist/gateway/static/root/assets/gateway-settings-D7XbH6Hk.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{g as i}from"./chunk-KS7C4IRE-BMYIfy9x.js";import{n as a,r as o}from"./popover-select-B-GDnZO9.js";import{t as s}from"./cn-JdwAhgNB.js";import{a as c,c as l,n as u,r as d}from"./locale-store-D9krC43K.js";import{t as f}from"./messages-B1sTgIrE.js";import{i as p,o as m}from"./vendor-swr-BIWyz7Rc.js";import{t as h}from"./button-CS04eWY9.js";import{n as g,r as _}from"./gateway-config-swr-B7WpH3VW.js";import{t as v}from"./skeleton-BwbyijEw.js";import{Ac as y,Eo as b,Hl as x,Hu as S,Mc as C,Mo as w,Nn as T,No as E,Po as D,Ps as O,Ro as k,Tl as A,Uc as j,Vc as M,Wl as N,da as P,fc as F,kc as I,sa as L,ul as R,wn as ee}from"./index-BNubE2Zi.js";import{n as te,r as ne,t as z}from"./settings-page-layout-CBfB_7yz.js";import{n as re,t as ie}from"./settings-form-section-BytEfCGo.js";import{t as B}from"./page-tabs-C-XCf9cR.js";import{n as ae}from"./settings-loading-skeleton-CAmWMaOT.js";import{t as oe}from"./settings-advanced-gate-ClEw-i1l.js";var V=e(t(),1),H=n(),U=18790,W={enabled:!0,maxAttempts:5,windowMs:9e5,blockDurationMs:3e5,exemptLoopback:!0};function G(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function K(e){return D(e)}async function se(e){let t=await c(d(`/api/gateway/reveal-auth-secret/${encodeURIComponent(e)}`),{method:`POST`,body:`{}`});if(!t.ok||!t.payload)throw Error(t.error?.message??`Reveal failed`);return t.payload}function q(e){return K(e)?``:e.trim()}function ce(e){return[...e].map(e=>e.trim()).sort()}function le(e){return JSON.stringify({bind:e.bind,customBindHost:e.customBindHost.trim(),port:e.port,auth:{mode:e.auth.mode,token:q(e.auth.token),password:q(e.auth.password),rateLimit:e.auth.rateLimit,trustedProxy:{userHeader:e.auth.trustedProxy.userHeader.trim(),requiredHeaders:ce(e.auth.trustedProxy.requiredHeaders),allowUsers:ce(e.auth.trustedProxy.allowUsers),allowLoopback:e.auth.trustedProxy.allowLoopback}},trustedProxies:ce(e.trustedProxies),allowRealIpFallback:e.allowRealIpFallback,dangerouslyAllowHostHeaderOriginFallback:e.dangerouslyAllowHostHeaderOriginFallback})}function ue(e,t){return le(e)!==le(t)}async function de(e){return(await c(d(`/api/gateway/cors-origin-candidates?port=${encodeURIComponent(String(e))}`))).payload?.candidates??[]}function fe(e){return e===`none`||e===`token`||e===`password`||e===`trusted-proxy`?e:`token`}function J(e){let t=G(e)?e:{};return{enabled:t.enabled!==!1,maxAttempts:typeof t.maxAttempts==`number`&&Number.isFinite(t.maxAttempts)?Math.max(1,Math.floor(t.maxAttempts)):W.maxAttempts,windowMs:typeof t.windowMs==`number`&&Number.isFinite(t.windowMs)&&t.windowMs>0?Math.floor(t.windowMs):W.windowMs,blockDurationMs:typeof t.blockDurationMs==`number`&&Number.isFinite(t.blockDurationMs)&&t.blockDurationMs>0?Math.floor(t.blockDurationMs):typeof t.lockoutMs==`number`&&Number.isFinite(t.lockoutMs)&&t.lockoutMs>0?Math.floor(t.lockoutMs):W.blockDurationMs,exemptLoopback:t.exemptLoopback!==!1}}function pe(e){let t=G(e)?e:{};return{userHeader:typeof t.userHeader==`string`?t.userHeader:``,requiredHeaders:Y(t.requiredHeaders,32),allowUsers:Y(t.allowUsers,128),allowLoopback:t.allowLoopback===!0}}function me(e){return e===`auto`||e===`off`||e===`explicit`?e:`auto`}function Y(e,t=24){return Array.isArray(e)?e.filter(e=>typeof e==`string`&&e.trim().length>0).map(e=>e.trim()).slice(0,t):[]}function he(e){return e===`auto`||e===`loopback`||e===`lan`||e===`tailnet`||e===`custom`?e:`loopback`}function ge(e){if(e.bind===`loopback`)return!1;if(e.bind===`lan`)return!0;if(e.bind===`custom`){let t=e.customBindHost.trim().toLowerCase();return t?t!==`127.0.0.1`&&t!==`localhost`&&t!==`::1`:!0}return!0}function _e(e){let t=ge(e);return t&&e.auth.mode===`none`?`Network-accessible gateway requires authentication (token, password, or trusted-proxy).`:t&&e.auth.mode===`trusted-proxy`&&e.trustedProxies.length===0?`Trusted-proxy auth on a network bind requires at least one gateway.trustedProxies entry.`:e.auth.mode===`trusted-proxy`&&!e.auth.trustedProxy.userHeader.trim()?`Trusted-proxy auth requires gateway.auth.trustedProxy.userHeader.`:t&&e.corsOrigins.includes(`*`)?`CORS wildcard "*" is not allowed on network-accessible binds.`:e.bind===`custom`&&!e.customBindHost.trim()?`Custom bind mode requires a bind address.`:null}function ve(e){let t=G(e)?e:{},n=G(t.gateway)?t.gateway:{},r=G(n.auth)?n.auth:{},i=G(n.security)?n.security:{},a=G(t.update)?t.update:{},o=G(a.auto)?a.auto:{},s=a.channel,c=s===`beta`||s===`dev`||s===`stable`?s:`stable`,l=Array.isArray(n.corsOrigins)?n.corsOrigins.filter(e=>typeof e==`string`&&e.trim().length>0):[];return{bind:he(n.bind),customBindHost:typeof n.customBindHost==`string`&&n.customBindHost.trim()?n.customBindHost.trim():``,port:typeof n.port==`number`&&Number.isFinite(n.port)?Math.floor(n.port):U,auth:{mode:fe(r.mode),token:typeof r.token==`string`?r.token:``,password:typeof r.password==`string`?r.password:``,rateLimit:J(r.rateLimit),trustedProxy:pe(r.trustedProxy)},corsOrigins:l,trustedProxies:Y(n.trustedProxies,64),allowRealIpFallback:n.allowRealIpFallback===!0,dangerouslyAllowHostHeaderOriginFallback:n.dangerouslyAllowHostHeaderOriginFallback===!0,securityStrict:i.strict===!0,channelConnectDeferMode:me(n.channelConnectDeferMode),channelConnectDeferIds:Y(n.channelConnectDeferIds),channelConnectDeferSkipIds:Y(n.channelConnectDeferSkipIds),updateChannel:c,updateCheckOnStart:a.checkOnStart!==!1,updateAutoEnabled:o.enabled===!0,updateAutoStableDelayHours:typeof o.stableDelayHours==`number`&&Number.isFinite(o.stableDelayHours)?Math.max(0,Math.floor(o.stableDelayHours)):6,updateAutoStableJitterHours:typeof o.stableJitterHours==`number`&&Number.isFinite(o.stableJitterHours)?Math.max(0,Math.floor(o.stableJitterHours)):12,updateAutoBetaCheckIntervalHours:typeof o.betaCheckIntervalHours==`number`&&Number.isFinite(o.betaCheckIntervalHours)?Math.max(.25,o.betaCheckIntervalHours):1}}function ye(e){let t={mode:e.auth.mode,rateLimit:e.auth.rateLimit};if(e.auth.mode===`token`){let n=e.auth.token.trim();n.length>0&&!K(n)&&(t.token=e.auth.token),t.password=null,t.trustedProxy=null}else if(e.auth.mode===`password`){let n=e.auth.password.trim();n.length>0&&!K(n)&&(t.password=e.auth.password),t.token=null,t.trustedProxy=null}else if(e.auth.mode===`trusted-proxy`){t.token=null,t.password=null;let n=e.auth.trustedProxy;t.trustedProxy={userHeader:n.userHeader.trim(),...n.requiredHeaders.length>0?{requiredHeaders:n.requiredHeaders}:{},...n.allowUsers.length>0?{allowUsers:n.allowUsers}:{},...n.allowLoopback?{allowLoopback:!0}:{}}}else t.token=null,t.password=null,t.trustedProxy=null;return t}async function be(e){let t=_e(e);if(t)throw Error(t);await c(d(`/api/config`),{method:`PATCH`,body:JSON.stringify({gateway:{bind:e.bind,...e.bind===`custom`?{customBindHost:e.customBindHost.trim()}:{},port:e.port,auth:ye(e),corsOrigins:e.corsOrigins,trustedProxies:e.trustedProxies,allowRealIpFallback:e.allowRealIpFallback,dangerouslyAllowHostHeaderOriginFallback:e.dangerouslyAllowHostHeaderOriginFallback,security:{strict:e.securityStrict},channelConnectDeferMode:e.channelConnectDeferMode,channelConnectDeferIds:e.channelConnectDeferIds,channelConnectDeferSkipIds:e.channelConnectDeferSkipIds},update:{channel:e.updateChannel,checkOnStart:e.updateCheckOnStart,auto:{enabled:e.updateAutoEnabled,stableDelayHours:e.updateAutoStableDelayHours,stableJitterHours:e.updateAutoStableJitterHours,betaCheckIntervalHours:e.updateAutoBetaCheckIntervalHours}}})}),g()}var xe={critical:3,warn:2,info:1};function Se(){return d(`/api/doctor?security=true`)}function Ce(e){return e.toSorted((e,t)=>xe[t.severity]-xe[e.severity]||e.checkId.localeCompare(t.checkId))}function we(e){let t=e?.checks?.find(e=>e.id===`security-audit`);if(!t)return{status:`skip`,message:`Security audit unavailable.`,hints:[],findings:[]};let n=Ce((t.findings??[]).filter(e=>typeof e.checkId==`string`&&(e.severity===`critical`||e.severity===`warn`||e.severity===`info`)&&typeof e.title==`string`&&typeof e.detail==`string`));return{status:t.status,message:t.message,hints:Array.isArray(t.hints)?t.hints.filter(e=>typeof e==`string`):[],findings:n}}async function Te(){return we(await c(Se()))}var X=r();function Ee(e){let t=(0,H.c)(39),{enabled:n,refreshToken:r}=e,i=r===void 0?0:r,a=u(Oe),o;t[0]===a?o=t[1]:(o=f(a),t[0]=a,t[1]=o);let s=o.gatewaySettings,c;t[2]!==n||t[3]!==i?(c=n?[Se(),i]:null,t[2]=n,t[3]=i,t[4]=c):c=t[4];let l;t[5]===Symbol.for(`react.memo_cache_sentinel`)?(l={revalidateOnFocus:!1},t[5]=l):l=t[5];let{data:d,error:g,isLoading:_,isValidating:y,mutate:b}=p(c,De,l),x=d??null,S=g instanceof Error?g.message:g?String(g):null,w=_||y,T;t[6]===b?T=t[7]:(T=()=>{b(),m(Se())},t[6]=b,t[7]=T);let E=T,D=!n||w,O;t[8]===w?O=t[9]:(O=w?(0,X.jsx)(A,{className:`size-3.5 animate-spin`,"aria-hidden":!0}):(0,X.jsx)(j,{className:`size-3.5`,"aria-hidden":!0}),t[8]=w,t[9]=O);let k;t[10]===s.securityAuditRefresh?k=t[11]:(k=(0,X.jsx)(`span`,{className:`ml-1.5`,children:s.securityAuditRefresh}),t[10]=s.securityAuditRefresh,t[11]=k);let M;t[12]!==E||t[13]!==D||t[14]!==O||t[15]!==k?(M=(0,X.jsxs)(h,{type:`button`,variant:`secondary`,className:`px-2.5 py-1.5 text-xs`,disabled:D,onClick:E,children:[O,k]}),t[12]=E,t[13]=D,t[14]=O,t[15]=k,t[16]=M):M=t[16];let N;t[17]!==s.securityAuditSubtitle||t[18]!==s.securityAuditTitle||t[19]!==M?(N=(0,X.jsx)(re,{icon:C,title:s.securityAuditTitle,subtitle:s.securityAuditSubtitle,trailing:M}),t[17]=s.securityAuditSubtitle,t[18]=s.securityAuditTitle,t[19]=M,t[20]=N):N=t[20];let P;t[21]===s.securityAuditSavedConfigHint?P=t[22]:(P=(0,X.jsx)(`p`,{className:`mb-4 text-xs text-fg-subtle`,children:s.securityAuditSavedConfigHint}),t[21]=s.securityAuditSavedConfigHint,t[22]=P);let F;t[23]!==S||t[24]!==s.securityAuditLoadError?(F=S?(0,X.jsxs)(`p`,{className:`text-sm text-red-600 dark:text-red-400`,role:`alert`,children:[s.securityAuditLoadError,`: `,S]}):null,t[23]=S,t[24]=s.securityAuditLoadError,t[25]=F):F=t[25];let I;t[26]!==x||t[27]!==S||t[28]!==w?(I=!S&&w&&!x?(0,X.jsxs)(`div`,{className:`space-y-2`,"aria-busy":`true`,children:[(0,X.jsx)(v,{className:`h-11 w-full rounded-lg`}),(0,X.jsx)(v,{className:`h-10 w-full rounded-lg`})]}):null,t[26]=x,t[27]=S,t[28]=w,t[29]=I):I=t[29];let L;t[30]!==x||t[31]!==s?(L=x?(0,X.jsx)(ke,{g:s,audit:x}):null,t[30]=x,t[31]=s,t[32]=L):L=t[32];let R;return t[33]!==N||t[34]!==P||t[35]!==F||t[36]!==I||t[37]!==L?(R=(0,X.jsxs)(ie,{children:[N,P,F,I,L]}),t[33]=N,t[34]=P,t[35]=F,t[36]=I,t[37]=L,t[38]=R):R=t[38],R}function De(){return Te()}function Oe(e){return e.language}function ke(e){let t=(0,H.c)(40),{g:n,audit:r}=e,i,a,o,c,l,u,d;t[0]!==r.findings||t[1]!==r.status||t[2]!==n?(a=Ne(n,r.status,r.findings),d=`space-y-4`,l=s(`rounded-lg px-3 py-2.5 text-sm`,a.bannerClass),u=`status`,c=`flex items-start gap-2`,i=a.icon,o=s(`mt-0.5 size-4 shrink-0`,a.iconClass),t[0]=r.findings,t[1]=r.status,t[2]=n,t[3]=i,t[4]=a,t[5]=o,t[6]=c,t[7]=l,t[8]=u,t[9]=d):(i=t[3],a=t[4],o=t[5],c=t[6],l=t[7],u=t[8],d=t[9]);let f;t[10]!==i||t[11]!==o?(f=(0,X.jsx)(i,{className:o,"aria-hidden":!0}),t[10]=i,t[11]=o,t[12]=f):f=t[12];let p;t[13]===a.title?p=t[14]:(p=(0,X.jsx)(`p`,{className:`font-medium`,children:a.title}),t[13]=a.title,t[14]=p);let m;t[15]===r.message?m=t[16]:(m=(0,X.jsx)(`p`,{className:`mt-0.5 text-xs opacity-90`,children:r.message}),t[15]=r.message,t[16]=m);let h;t[17]!==p||t[18]!==m?(h=(0,X.jsxs)(`div`,{children:[p,m]}),t[17]=p,t[18]=m,t[19]=h):h=t[19];let g;t[20]!==c||t[21]!==f||t[22]!==h?(g=(0,X.jsxs)(`div`,{className:c,children:[f,h]}),t[20]=c,t[21]=f,t[22]=h,t[23]=g):g=t[23];let _;t[24]!==g||t[25]!==l||t[26]!==u?(_=(0,X.jsx)(`div`,{className:l,role:u,children:g}),t[24]=g,t[25]=l,t[26]=u,t[27]=_):_=t[27];let v;t[28]!==r.findings||t[29]!==r.status||t[30]!==n?(v=r.findings.length>0?(0,X.jsx)(`ul`,{className:`space-y-2`,children:r.findings.map(e=>(0,X.jsx)(je,{g:n,finding:e},e.checkId))}):r.status===`pass`||r.status===`skip`?(0,X.jsx)(`p`,{className:`text-xs text-fg-muted`,children:n.securityAuditNoFindings}):null,t[28]=r.findings,t[29]=r.status,t[30]=n,t[31]=v):v=t[31];let y;t[32]!==r.hints||t[33]!==n?(y=r.hints.length>0?(0,X.jsxs)(`div`,{className:`space-y-1 rounded-lg bg-surface-panel/50 px-3 py-2.5`,children:[(0,X.jsx)(`p`,{className:`text-xs font-medium text-fg-muted`,children:n.securityAuditHintsTitle}),(0,X.jsx)(`ul`,{className:`space-y-1 text-xs text-fg-subtle`,children:r.hints.map(Ae)})]}):null,t[32]=r.hints,t[33]=n,t[34]=y):y=t[34];let b;return t[35]!==_||t[36]!==v||t[37]!==y||t[38]!==d?(b=(0,X.jsxs)(`div`,{className:d,children:[_,v,y]}),t[35]=_,t[36]=v,t[37]=y,t[38]=d,t[39]=b):b=t[39],b}function Ae(e){return(0,X.jsx)(`li`,{className:`font-mono`,children:e},e)}function je(e){let t=(0,H.c)(31),{g:n,finding:r}=e,i,a,o,c;if(t[0]!==r.severity){let e=Me(r.severity);c=`rounded-lg bg-surface-panel/70 px-3 py-2.5 shadow-surface`,o=`flex items-start gap-2`,i=e.icon,a=s(`mt-0.5 size-4 shrink-0`,e.iconClass),t[0]=r.severity,t[1]=i,t[2]=a,t[3]=o,t[4]=c}else i=t[1],a=t[2],o=t[3],c=t[4];let l;t[5]!==i||t[6]!==a?(l=(0,X.jsx)(i,{className:a,"aria-hidden":!0}),t[5]=i,t[6]=a,t[7]=l):l=t[7];let u;t[8]===r.title?u=t[9]:(u=(0,X.jsx)(`span`,{className:`text-sm font-medium text-fg`,children:r.title}),t[8]=r.title,t[9]=u);let d;t[10]===r.checkId?d=t[11]:(d=(0,X.jsx)(`span`,{className:`font-mono text-[0.65rem] text-fg-subtle`,children:r.checkId}),t[10]=r.checkId,t[11]=d);let f;t[12]!==u||t[13]!==d?(f=(0,X.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-2 gap-y-0.5`,children:[u,d]}),t[12]=u,t[13]=d,t[14]=f):f=t[14];let p;t[15]===r.detail?p=t[16]:(p=(0,X.jsx)(`p`,{className:`mt-1 text-xs text-fg-muted`,children:r.detail}),t[15]=r.detail,t[16]=p);let m;t[17]!==r.remediation||t[18]!==n?(m=r.remediation?(0,X.jsxs)(`p`,{className:`mt-1.5 text-xs text-fg-subtle`,children:[(0,X.jsx)(`span`,{className:`text-fg-muted`,children:n.securityAuditRemediation}),` `,r.remediation]}):null,t[17]=r.remediation,t[18]=n,t[19]=m):m=t[19];let h;t[20]!==f||t[21]!==p||t[22]!==m?(h=(0,X.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[f,p,m]}),t[20]=f,t[21]=p,t[22]=m,t[23]=h):h=t[23];let g;t[24]!==h||t[25]!==o||t[26]!==l?(g=(0,X.jsxs)(`div`,{className:o,children:[l,h]}),t[24]=h,t[25]=o,t[26]=l,t[27]=g):g=t[27];let _;return t[28]!==g||t[29]!==c?(_=(0,X.jsx)(`li`,{className:c,children:g}),t[28]=g,t[29]=c,t[30]=_):_=t[30],_}function Me(e){switch(e){case`critical`:return{icon:S,iconClass:`text-red-600 dark:text-red-400`};case`warn`:return{icon:F,iconClass:`text-amber-600 dark:text-amber-400`};default:return{icon:N,iconClass:`text-fg-muted`}}}function Ne(e,t,n){let r=n.filter(e=>e.severity===`critical`).length,i=n.filter(e=>e.severity===`warn`).length;return t===`fail`||r>0?{icon:S,iconClass:`text-red-600 dark:text-red-400`,title:e.securityAuditStatusFail,bannerClass:`bg-red-50 text-red-950 dark:bg-red-950/40 dark:text-red-100`}:t===`warn`||i>0?{icon:F,iconClass:`text-amber-600 dark:text-amber-400`,title:e.securityAuditStatusWarn,bannerClass:`bg-amber-50 text-amber-950 dark:bg-amber-950/40 dark:text-amber-100`}:t===`skip`?{icon:N,iconClass:`text-fg-muted`,title:e.securityAuditStatusSkip,bannerClass:`bg-surface-base/55 text-fg`}:{icon:C,iconClass:`text-emerald-600 dark:text-emerald-400`,title:e.securityAuditStatusPass,bannerClass:`bg-emerald-50 text-emerald-950 dark:bg-emerald-950/40 dark:text-emerald-100`}}var Pe=new Set([`updates`,`security`,`advanced`]);function Fe(e,t){return t===`advanced`?!0:!Pe.has(e)}function Ie(e,t){return e.filter(e=>Fe(e,t))}function Le(){return`network`}function Re(e,t){let n=(0,H.c)(5),r=ee(ze),i,a;n[0]!==e||n[1]!==r||n[2]!==t?(i=()=>{Fe(e,r)||t(Le())},a=[e,r,t],n[0]=e,n[1]=r,n[2]=t,n[3]=i,n[4]=a):(i=n[3],a=n[4]),(0,V.useEffect)(i,a)}function ze(e){return e.mode}function Z(){return s(`w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg`,`placeholder:text-fg-subtle`,k,`dark:border-edge`)}var Be=[`network`,`access`,`updates`,`security`,`advanced`],Ve={network:R,access:x,updates:j,security:y,advanced:I};function He(e){return e&&Be.includes(e)?e:`network`}function Ue(e,t){return t===`network`?e.tabNetwork:t===`access`?e.tabAccess:t===`updates`?e.tabUpdates:t===`security`?e.tabSecurity:e.tabAdvanced}function We(e,t){return t===`network`?e.networkTabHint:t===`access`?e.accessTabHint:t===`updates`?e.updatesTabHint:t===`security`?e.securitySectionHint:e.advancedSectionHint}function Ge(e,t){switch(t.type){case`reset`:return{form:null,baseline:null,appliedBaseline:null};case`init-applied`:return{...e,appliedBaseline:structuredClone(t.value)};case`sync`:{let n=structuredClone(t.value);return{form:n,baseline:structuredClone(n),appliedBaseline:e.appliedBaseline}}case`set-form`:return e.form?{...e,form:t.updater(e.form)}:e;case`discard`:return e.baseline?{...e,form:structuredClone(e.baseline)}:e;case`saved`:{let n=structuredClone(t.value);return{form:n,baseline:structuredClone(n),appliedBaseline:e.appliedBaseline}}}}var Ke={saving:!1,error:null,saveOk:!1,auditRefreshToken:0,restarting:!1,restartConfirmOpen:!1};function qe(){let e=u(e=>e.language),t=f(e),n=t.gatewaySettings,[r,c]=i(),d=ee(e=>e.mode),m=d===`advanced`,g=He(r.get(`tab`)),v=(0,V.useMemo)(()=>Ie(Be,d),[d]),y=(0,V.useCallback)(e=>{c(t=>{let n=new URLSearchParams(t);return e===`network`?n.delete(`tab`):n.set(`tab`,e),n},{replace:!0})},[c]);Re(g,y);let x=l(e=>e.conversationId),C=l(e=>e.tokenExpired),E=l(e=>e.openTokenDialog),D=!!x,[O,k]=(0,V.useReducer)(Ge,{form:null,baseline:null,appliedBaseline:null}),j=O.form,N=O.baseline,F=O.appliedBaseline,[I,R]=(0,V.useReducer)(P,Ke),{saving:z,error:re,auditRefreshToken:ie,restarting:B,restartConfirmOpen:H}=I,U=(0,V.useRef)(!1),W=(0,V.useRef)(null),G=(0,V.useRef)(!1),{data:K,error:q,isLoading:ce,mutate:le}=_(D),fe=p(D&&j?[`gateway-cors-origin-candidates`,j.port]:null,([,e])=>de(e),{revalidateOnFocus:!1}),J=(0,V.useMemo)(()=>K?.payload?.config===void 0?null:structuredClone(ve(K.payload.config)),[K]);D?J!==null&&(G.current||(G.current=!0,k({type:`init-applied`,value:J})),!U.current&&W.current!==J&&(W.current=J,k({type:`sync`,value:J}),R({type:`patch`,patch:{saveOk:!1}}))):(W.current!==null||G.current)&&(W.current=null,G.current=!1,k({type:`reset`}),U.current=!1);let pe=!!(D&&ce&&K===void 0&&!q),me=q instanceof Error?q.message:q?String(q):null,Y=(0,V.useMemo)(()=>!j||!N?!1:JSON.stringify(j)!==JSON.stringify(N),[j,N]),he=(0,V.useMemo)(()=>!N||!F?!1:ue(F,N),[F,N]),ge=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,auth:{...t.auth,...e}})})},[]),ye=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,updateChannel:e})})},[]),xe=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,corsOrigins:e})})},[]),Se=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,bind:e})})},[]),Ce=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,customBindHost:e,bind:`custom`})})},[]),we=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,port:e})})},[]),Te=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,auth:{...t.auth,rateLimit:{...t.auth.rateLimit,...e}}})})},[]),De=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,channelConnectDeferMode:e})})},[]),Oe=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,channelConnectDeferIds:e})})},[]),ke=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,channelConnectDeferSkipIds:e})})},[]),Ae=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,trustedProxies:e})})},[]),je=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,auth:{...t.auth,trustedProxy:{...t.auth.trustedProxy,...e}}})})},[]),Me=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,securityStrict:e})})},[]),Ne=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,allowRealIpFallback:e})})},[]),Pe=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,dangerouslyAllowHostHeaderOriginFallback:e})})},[]),Fe=(0,V.useCallback)(async()=>{if(!j||z)return;let e=_e(j);if(e){R({type:`patch`,patch:{error:e}});return}R({type:`patch`,patch:{saving:!0,error:null,saveOk:!1}});try{await be(j),U.current=!1,k({type:`saved`,value:j}),R({type:`patch`,patch:{saveOk:!0,auditRefreshToken:ie+1}})}catch(e){R({type:`patch`,patch:{error:e instanceof Error?e.message:n.saveError}})}finally{R({type:`patch`,patch:{saving:!1}})}},[j,z,n.saveError]),Le=(0,V.useCallback)(()=>{N&&(U.current=!1,k({type:`discard`}),R({type:`patch`,patch:{error:null,saveOk:!1}}))},[N]),ze=w(n),Ve=(0,V.useCallback)(async()=>{if(!B){R({type:`patch`,patch:{restarting:!0,restartConfirmOpen:!1}});try{let e=await T();e.ok?window.dispatchEvent(new Event(`gateway-restart-initiated`)):R({type:`patch`,patch:{error:e.message||n.restartGatewayFailed}})}catch(e){R({type:`patch`,patch:{error:e instanceof Error?e.message:String(e)}})}finally{R({type:`patch`,patch:{restarting:!1}})}}},[B,n.restartGatewayFailed]);return D?pe?(0,X.jsx)(ne,{gap:`gap-6`,padding:`px-3 py-8 sm:px-5 xl:px-6`,children:(0,X.jsx)(ae,{sections:3})}):j?(0,X.jsxs)(ne,{gap:`gap-6`,children:[(0,X.jsx)(te,{title:t.settingsSections.gateway,docsLink:b(e,`gateway`),docsLabel:n.docsLink,actions:(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(h,{type:`button`,variant:`secondary`,disabled:!Y||z,onClick:Le,children:n.discard}),(0,X.jsx)(h,{type:`button`,variant:`primary`,disabled:!Y||z,onClick:()=>void Fe(),children:z?n.saving:n.save})]})}),C?(0,X.jsxs)(`div`,{className:`flex flex-col gap-3 rounded-lg bg-red-50 px-4 py-3 dark:bg-red-950/40`,role:`alert`,children:[(0,X.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,X.jsx)(S,{className:`mt-0.5 size-4 shrink-0 text-red-600 dark:text-red-400`}),(0,X.jsx)(`p`,{className:`text-sm text-red-900 dark:text-red-100`,children:n.tokenExpired})]}),(0,X.jsx)(`div`,{children:(0,X.jsx)(h,{type:`button`,variant:`secondary`,className:`text-sm`,onClick:()=>E(),children:n.updateToken})})]}):null,re?(0,X.jsx)(`p`,{className:`text-sm text-red-600 dark:text-red-400`,children:re}):null,he?(0,X.jsxs)(`div`,{className:`flex items-center justify-between gap-3 rounded-lg bg-amber-50 px-3 py-2 dark:bg-amber-950/40`,children:[(0,X.jsx)(`p`,{className:`text-xs text-amber-950 dark:text-amber-100`,children:n.restartHint}),(0,X.jsxs)(h,{type:`button`,variant:`secondary`,className:`shrink-0 gap-1.5 border-red-300 bg-red-50 text-xs text-red-700 hover:bg-red-100 dark:border-red-800 dark:bg-red-950/50 dark:text-red-300 dark:hover:bg-red-900/60`,disabled:B,onClick:()=>R({type:`patch`,patch:{restartConfirmOpen:!0}}),children:[B?(0,X.jsx)(A,{className:`size-3.5 animate-spin`}):(0,X.jsx)(M,{className:`size-3.5`}),n.restartGatewayButton]})]}):null,(0,X.jsx)(L,{open:H,title:n.restartGatewayButton,description:n.restartGatewayConfirm,confirmLabel:n.restartGatewayButton,cancelLabel:n.discard,destructive:!0,onConfirm:()=>void Ve(),onCancel:()=>R({type:`patch`,patch:{restartConfirmOpen:!1}})}),(0,X.jsx)(Je,{g:n,activeTab:g,visibleTabs:v,onChange:y}),(0,X.jsxs)(Q,{g:n,id:`network`,activeTab:g,children:[(0,X.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[(0,X.jsxs)(`div`,{children:[(0,X.jsx)(`label`,{className:`mb-1 block text-sm font-medium text-fg`,htmlFor:`gateway-bind-mode`,children:n.bindMode}),(0,X.jsxs)(a,{id:`gateway-bind-mode`,className:Z(),value:j.bind,onChange:e=>Se(e.target.value),children:[(0,X.jsx)(o,{value:`loopback`,children:n.bindLoopback}),m?(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(o,{value:`lan`,children:n.bindLan}),(0,X.jsx)(o,{value:`auto`,children:n.bindAuto}),(0,X.jsx)(o,{value:`custom`,children:n.bindCustom}),(0,X.jsx)(o,{value:`tailnet`,children:n.bindTailnet})]}):null]})]}),j.bind===`custom`?(0,X.jsxs)(`div`,{children:[(0,X.jsx)(`label`,{className:`mb-1 block text-sm font-medium text-fg`,htmlFor:`gateway-custom-bind-host`,children:n.customBindHost}),(0,X.jsx)(`input`,{id:`gateway-custom-bind-host`,className:s(Z(),`font-mono text-xs`),value:j.customBindHost,onChange:e=>Ce(e.target.value),placeholder:n.customBindHostPlaceholder,autoComplete:`off`})]}):null,(0,X.jsxs)(`div`,{children:[(0,X.jsx)(`label`,{className:`mb-1 block text-sm font-medium text-fg`,htmlFor:`gateway-listen-port`,children:n.listenPort}),(0,X.jsx)(`input`,{id:`gateway-listen-port`,type:`number`,min:1,max:65535,className:s(Z(),`font-mono text-xs`),value:j.port,onChange:e=>{let t=Number(e.target.value);we(Number.isFinite(t)?Math.max(1,Math.min(65535,Math.floor(t))):j.port)}})]})]}),(0,X.jsx)(oe,{children:(0,X.jsx)(Qe,{g:n,origins:j.corsOrigins,candidates:fe.data??[],onChange:xe})})]}),(0,X.jsxs)(Q,{g:n,id:`access`,activeTab:g,children:[j.auth.mode===`none`?(0,X.jsx)(`p`,{className:`rounded-lg bg-amber-50 px-3 py-2 text-xs text-amber-950 dark:bg-amber-950/40 dark:text-amber-100`,children:n.authModeNone}):null,(0,X.jsxs)(`div`,{className:`space-y-2`,children:[(0,X.jsx)(`label`,{className:`text-sm font-medium text-fg`,htmlFor:`gateway-auth-mode`,children:n.authMode}),(0,X.jsxs)(a,{id:`gateway-auth-mode`,value:j.auth.mode,onChange:e=>ge({mode:e.target.value}),className:Z(),children:[(0,X.jsx)(o,{value:`token`,children:n.authModeToken}),(0,X.jsx)(o,{value:`password`,children:n.authModePassword}),m?(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(o,{value:`trusted-proxy`,children:n.authModeTrustedProxy}),(0,X.jsx)(o,{value:`none`,children:n.authModeNoneLabel})]}):null]})]}),(0,X.jsx)(oe,{children:j.auth.mode===`trusted-proxy`?(0,X.jsx)(Xe,{g:n,form:j,onTrustedProxyChange:je,onTrustedProxiesChange:Ae,onAllowRealIpFallbackChange:Ne}):null}),j.auth.mode===`token`?(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(nt,{id:`gateway-access-token`,label:n.accessToken,help:n.tokenHelp,placeholder:n.tokenPlaceholder,value:j.auth.token,labels:ze,reveal:()=>se(`token`).then(e=>e.secret),loadFailedLabel:n.saveError,onChange:e=>ge({token:e})}),(0,X.jsx)(h,{type:`button`,variant:`secondary`,className:`w-full sm:w-auto`,onClick:()=>E(),children:n.changeToken})]}):null,j.auth.mode===`password`?(0,X.jsx)(nt,{id:`gateway-auth-password`,label:n.authPassword,help:n.authPasswordHelp,placeholder:n.authPasswordPlaceholder,value:j.auth.password,labels:ze,reveal:()=>se(`password`).then(e=>e.secret),loadFailedLabel:n.saveError,onChange:e=>ge({password:e})}):null,(0,X.jsx)(oe,{children:j.auth.mode===`none`?null:(0,X.jsx)(tt,{g:n,rateLimit:j.auth.rateLimit,onChange:Te})})]}),(0,X.jsxs)(Q,{g:n,id:`updates`,activeTab:g,children:[(0,X.jsxs)(`div`,{className:`space-y-2`,children:[(0,X.jsx)(`label`,{className:`text-sm font-medium text-fg`,htmlFor:`gateway-update-channel`,children:n.updateChannel}),(0,X.jsxs)(a,{id:`gateway-update-channel`,value:j.updateChannel,onChange:e=>ye(e.target.value),className:Z(),children:[(0,X.jsx)(o,{value:`stable`,children:n.channelStable}),(0,X.jsx)(o,{value:`beta`,children:n.channelBeta}),(0,X.jsx)(o,{value:`dev`,children:n.channelDev})]})]}),(0,X.jsxs)(`div`,{className:`space-y-4 rounded-xl bg-surface-base/45 p-4`,children:[(0,X.jsx)(`div`,{className:`text-sm font-medium text-fg`,children:n.updateAutoSection}),(0,X.jsxs)(`label`,{className:`flex cursor-pointer items-start gap-2 text-sm text-fg`,children:[(0,X.jsx)(`input`,{type:`checkbox`,className:`ui-checkbox mt-0.5`,checked:j.updateCheckOnStart,onChange:e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,updateCheckOnStart:e.target.checked})})}}),(0,X.jsxs)(`span`,{children:[(0,X.jsx)(`span`,{className:`font-medium`,children:n.updateCheckOnStart}),(0,X.jsx)(`span`,{className:`mt-0.5 block text-xs text-fg-subtle`,children:n.updateCheckOnStartHint})]})]}),(0,X.jsxs)(`label`,{className:`flex cursor-pointer items-start gap-2 text-sm text-fg`,children:[(0,X.jsx)(`input`,{type:`checkbox`,className:`ui-checkbox mt-0.5`,checked:j.updateAutoEnabled,onChange:e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,updateAutoEnabled:e.target.checked})})}}),(0,X.jsxs)(`span`,{children:[(0,X.jsx)(`span`,{className:`font-medium`,children:n.updateAutoEnabled}),(0,X.jsx)(`span`,{className:`mt-0.5 block text-xs text-fg-subtle`,children:n.updateAutoEnabledHint})]})]}),(0,X.jsx)(oe,{children:(0,X.jsxs)(`div`,{className:`grid gap-4 sm:grid-cols-2`,children:[(0,X.jsxs)(`div`,{children:[(0,X.jsx)(`label`,{className:`mb-1 block text-sm font-medium text-fg`,htmlFor:`update-auto-stable-delay`,children:n.updateAutoStableDelayHours}),(0,X.jsx)(`input`,{id:`update-auto-stable-delay`,type:`number`,min:0,disabled:!j.updateAutoEnabled,className:Z(),value:j.updateAutoStableDelayHours,onChange:e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,updateAutoStableDelayHours:Math.max(0,Math.floor(Number(e.target.value)||0))})})}}),(0,X.jsx)(`p`,{className:`mt-1 text-xs text-fg-subtle`,children:n.updateAutoStableDelayHoursHint})]}),(0,X.jsxs)(`div`,{children:[(0,X.jsx)(`label`,{className:`mb-1 block text-sm font-medium text-fg`,htmlFor:`update-auto-stable-jitter`,children:n.updateAutoStableJitterHours}),(0,X.jsx)(`input`,{id:`update-auto-stable-jitter`,type:`number`,min:0,disabled:!j.updateAutoEnabled,className:Z(),value:j.updateAutoStableJitterHours,onChange:e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,updateAutoStableJitterHours:Math.max(0,Math.floor(Number(e.target.value)||0))})})}}),(0,X.jsx)(`p`,{className:`mt-1 text-xs text-fg-subtle`,children:n.updateAutoStableJitterHoursHint})]}),(0,X.jsxs)(`div`,{children:[(0,X.jsx)(`label`,{className:`mb-1 block text-sm font-medium text-fg`,htmlFor:`update-auto-beta-interval`,children:n.updateAutoBetaCheckIntervalHours}),(0,X.jsx)(`input`,{id:`update-auto-beta-interval`,type:`number`,min:.25,step:.25,disabled:!j.updateAutoEnabled,className:Z(),value:j.updateAutoBetaCheckIntervalHours,onChange:e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,updateAutoBetaCheckIntervalHours:Math.max(.25,Number(e.target.value)||1)})})}}),(0,X.jsx)(`p`,{className:`mt-1 text-xs text-fg-subtle`,children:n.updateAutoBetaCheckIntervalHoursHint})]})]})})]})]}),(0,X.jsxs)(Q,{g:n,id:`security`,activeTab:g,children:[(0,X.jsx)(Ee,{enabled:D,refreshToken:ie}),(0,X.jsx)(Ye,{g:n,form:j,onSecurityStrictChange:Me,onDangerouslyAllowHostHeaderOriginFallbackChange:Pe})]}),(0,X.jsx)(Q,{g:n,id:`advanced`,activeTab:g,children:(0,X.jsx)(Ze,{g:n,form:j,onDeferModeChange:De,onDeferIdsChange:Oe,onSkipIdsChange:ke})})]}):(0,X.jsxs)(ne,{gap:`gap-3`,padding:`px-3 py-8 sm:px-5 xl:px-6`,children:[(0,X.jsx)(`p`,{className:`text-sm text-fg-muted`,children:re??me??n.loadError}),(0,X.jsx)(h,{type:`button`,variant:`secondary`,onClick:()=>void le(),children:n.retry})]}):(0,X.jsxs)(ne,{gap:`gap-3`,padding:`px-3 py-8 sm:px-5 xl:px-6`,children:[(0,X.jsx)(te,{title:t.settingsSections.gateway}),(0,X.jsx)(`p`,{className:`text-sm text-fg-muted`,children:n.needToken})]})}function Je(e){let t=(0,H.c)(10),{g:n,activeTab:r,visibleTabs:i,onChange:a}=e,o;if(t[0]!==n||t[1]!==i){let e;t[3]===n?e=t[4]:(e=e=>({id:e,label:Ue(n,e),icon:Ve[e]}),t[3]=n,t[4]=e),o=i.map(e),t[0]=n,t[1]=i,t[2]=o}else o=t[2];let s=o,c;return t[5]!==r||t[6]!==n.tabsAriaLabel||t[7]!==s||t[8]!==a?(c=(0,X.jsx)(B,{items:s,activeTab:r,onChange:a,ariaLabel:n.tabsAriaLabel,tabIdPrefix:`gateway-settings-tab`,panelIdPrefix:`gateway-settings-panel`}),t[5]=r,t[6]=n.tabsAriaLabel,t[7]=s,t[8]=a,t[9]=c):c=t[9],c}function Q(e){let t=(0,H.c)(14),{g:n,id:r,activeTab:i,children:a}=e,o;t[0]!==n||t[1]!==r?(o=Ue(n,r),t[0]=n,t[1]=r,t[2]=o):o=t[2];let s;t[3]!==n||t[4]!==r?(s=We(n,r),t[3]=n,t[4]=r,t[5]=s):s=t[5];let c;t[6]===a?c=t[7]:(c=(0,X.jsx)(`div`,{className:`space-y-4`,children:a}),t[6]=a,t[7]=c);let l;return t[8]!==i||t[9]!==r||t[10]!==o||t[11]!==s||t[12]!==c?(l=(0,X.jsx)(z,{id:r,activeTab:i,tabIdPrefix:`gateway-settings-tab`,panelIdPrefix:`gateway-settings-panel`,title:o,hint:s,showHeading:!1,children:c}),t[8]=i,t[9]=r,t[10]=o,t[11]=s,t[12]=c,t[13]=l):l=t[13],l}function Ye(e){let t=(0,H.c)(37),{g:n,form:r,onSecurityStrictChange:i,onDangerouslyAllowHostHeaderOriginFallbackChange:a}=e,o;t[0]===i?o=t[1]:(o=e=>i(e.target.checked),t[0]=i,t[1]=o);let s;t[2]!==r.securityStrict||t[3]!==o?(s=(0,X.jsx)(`input`,{type:`checkbox`,className:`ui-checkbox mt-0.5`,checked:r.securityStrict,onChange:o}),t[2]=r.securityStrict,t[3]=o,t[4]=s):s=t[4];let c;t[5]===n.securityStrict?c=t[6]:(c=(0,X.jsx)(`span`,{className:`font-medium`,children:n.securityStrict}),t[5]=n.securityStrict,t[6]=c);let l;t[7]===n.securityStrictHint?l=t[8]:(l=(0,X.jsx)(`span`,{className:`mt-0.5 block text-xs text-fg-subtle`,children:n.securityStrictHint}),t[7]=n.securityStrictHint,t[8]=l);let u;t[9]!==c||t[10]!==l?(u=(0,X.jsxs)(`span`,{children:[c,l]}),t[9]=c,t[10]=l,t[11]=u):u=t[11];let d;t[12]!==s||t[13]!==u?(d=(0,X.jsxs)(`label`,{className:`flex cursor-pointer items-start gap-2 text-sm text-fg`,children:[s,u]}),t[12]=s,t[13]=u,t[14]=d):d=t[14];let f;t[15]===a?f=t[16]:(f=e=>a(e.target.checked),t[15]=a,t[16]=f);let p;t[17]!==r.dangerouslyAllowHostHeaderOriginFallback||t[18]!==f?(p=(0,X.jsx)(`input`,{type:`checkbox`,className:`ui-checkbox mt-0.5`,checked:r.dangerouslyAllowHostHeaderOriginFallback,onChange:f}),t[17]=r.dangerouslyAllowHostHeaderOriginFallback,t[18]=f,t[19]=p):p=t[19];let m;t[20]===n.dangerouslyAllowHostHeaderOriginFallback?m=t[21]:(m=(0,X.jsx)(`span`,{className:`font-medium`,children:n.dangerouslyAllowHostHeaderOriginFallback}),t[20]=n.dangerouslyAllowHostHeaderOriginFallback,t[21]=m);let h;t[22]===n.dangerouslyAllowHostHeaderOriginFallbackHint?h=t[23]:(h=(0,X.jsx)(`span`,{className:`mt-0.5 block text-xs text-fg-subtle`,children:n.dangerouslyAllowHostHeaderOriginFallbackHint}),t[22]=n.dangerouslyAllowHostHeaderOriginFallbackHint,t[23]=h);let g;t[24]!==h||t[25]!==m?(g=(0,X.jsxs)(`span`,{children:[m,h]}),t[24]=h,t[25]=m,t[26]=g):g=t[26];let _;t[27]!==g||t[28]!==p?(_=(0,X.jsxs)(`label`,{className:`flex cursor-pointer items-start gap-2 text-sm text-fg`,children:[p,g]}),t[27]=g,t[28]=p,t[29]=_):_=t[29];let v;t[30]!==r.dangerouslyAllowHostHeaderOriginFallback||t[31]!==n.dangerouslyAllowHostHeaderOriginFallbackWarning?(v=r.dangerouslyAllowHostHeaderOriginFallback?(0,X.jsx)(`p`,{className:`rounded-lg bg-amber-50 px-3 py-2 text-xs text-amber-950 dark:bg-amber-950/40 dark:text-amber-100`,children:n.dangerouslyAllowHostHeaderOriginFallbackWarning}):null,t[30]=r.dangerouslyAllowHostHeaderOriginFallback,t[31]=n.dangerouslyAllowHostHeaderOriginFallbackWarning,t[32]=v):v=t[32];let y;return t[33]!==_||t[34]!==v||t[35]!==d?(y=(0,X.jsxs)(`div`,{className:`space-y-4`,children:[d,_,v]}),t[33]=_,t[34]=v,t[35]=d,t[36]=y):y=t[36],y}function Xe(e){let t=(0,H.c)(80),{g:n,form:r,onTrustedProxyChange:i,onTrustedProxiesChange:a,onAllowRealIpFallbackChange:o}=e,c=r.auth.trustedProxy,l;t[0]===n.authModeTrustedProxyHint?l=t[1]:(l=(0,X.jsx)(`p`,{className:`text-xs text-fg-subtle`,children:n.authModeTrustedProxyHint}),t[0]=n.authModeTrustedProxyHint,t[1]=l);let u;t[2]===n.trustedProxyUserHeader?u=t[3]:(u=(0,X.jsx)(`label`,{className:`mb-1 block text-sm font-medium text-fg`,htmlFor:`gateway-trusted-proxy-user-header`,children:n.trustedProxyUserHeader}),t[2]=n.trustedProxyUserHeader,t[3]=u);let d;t[4]===Symbol.for(`react.memo_cache_sentinel`)?(d=s(Z(),`font-mono text-xs`),t[4]=d):d=t[4];let f;t[5]===i?f=t[6]:(f=e=>i({userHeader:e.target.value}),t[5]=i,t[6]=f);let p;t[7]!==n.trustedProxyUserHeaderPlaceholder||t[8]!==f||t[9]!==c.userHeader?(p=(0,X.jsx)(`input`,{id:`gateway-trusted-proxy-user-header`,className:d,value:c.userHeader,onChange:f,placeholder:n.trustedProxyUserHeaderPlaceholder,autoComplete:`off`}),t[7]=n.trustedProxyUserHeaderPlaceholder,t[8]=f,t[9]=c.userHeader,t[10]=p):p=t[10];let m;t[11]===n.trustedProxyUserHeaderHint?m=t[12]:(m=(0,X.jsx)(`p`,{className:`mt-1 text-xs text-fg-subtle`,children:n.trustedProxyUserHeaderHint}),t[11]=n.trustedProxyUserHeaderHint,t[12]=m);let h;t[13]!==u||t[14]!==p||t[15]!==m?(h=(0,X.jsxs)(`div`,{children:[u,p,m]}),t[13]=u,t[14]=p,t[15]=m,t[16]=h):h=t[16];let g;t[17]===i?g=t[18]:(g=e=>i({requiredHeaders:e}),t[17]=i,t[18]=g);let _;t[19]!==n.channelIdListEmpty||t[20]!==n.trustedProxyRequiredHeaders||t[21]!==n.trustedProxyRequiredHeadersHint||t[22]!==n.trustedProxyUserHeaderPlaceholder||t[23]!==g||t[24]!==c.requiredHeaders?(_=(0,X.jsx)($,{title:n.trustedProxyRequiredHeaders,hint:n.trustedProxyRequiredHeadersHint,emptyText:n.channelIdListEmpty,placeholder:n.trustedProxyUserHeaderPlaceholder,values:c.requiredHeaders,maxItems:32,onChange:g}),t[19]=n.channelIdListEmpty,t[20]=n.trustedProxyRequiredHeaders,t[21]=n.trustedProxyRequiredHeadersHint,t[22]=n.trustedProxyUserHeaderPlaceholder,t[23]=g,t[24]=c.requiredHeaders,t[25]=_):_=t[25];let v;t[26]===i?v=t[27]:(v=e=>i({allowUsers:e}),t[26]=i,t[27]=v);let y;t[28]!==n.channelIdListEmpty||t[29]!==n.trustedProxyAllowUsers||t[30]!==n.trustedProxyAllowUsersHint||t[31]!==n.trustedProxyUserHeaderPlaceholder||t[32]!==v||t[33]!==c.allowUsers?(y=(0,X.jsx)($,{title:n.trustedProxyAllowUsers,hint:n.trustedProxyAllowUsersHint,emptyText:n.channelIdListEmpty,placeholder:n.trustedProxyUserHeaderPlaceholder,values:c.allowUsers,maxItems:128,onChange:v}),t[28]=n.channelIdListEmpty,t[29]=n.trustedProxyAllowUsers,t[30]=n.trustedProxyAllowUsersHint,t[31]=n.trustedProxyUserHeaderPlaceholder,t[32]=v,t[33]=c.allowUsers,t[34]=y):y=t[34];let b;t[35]===i?b=t[36]:(b=e=>i({allowLoopback:e.target.checked}),t[35]=i,t[36]=b);let x;t[37]!==b||t[38]!==c.allowLoopback?(x=(0,X.jsx)(`input`,{type:`checkbox`,className:`ui-checkbox mt-0.5`,checked:c.allowLoopback,onChange:b}),t[37]=b,t[38]=c.allowLoopback,t[39]=x):x=t[39];let S;t[40]===n.trustedProxyAllowLoopback?S=t[41]:(S=(0,X.jsx)(`span`,{className:`font-medium`,children:n.trustedProxyAllowLoopback}),t[40]=n.trustedProxyAllowLoopback,t[41]=S);let C;t[42]===n.trustedProxyAllowLoopbackHint?C=t[43]:(C=(0,X.jsx)(`span`,{className:`mt-0.5 block text-xs text-fg-subtle`,children:n.trustedProxyAllowLoopbackHint}),t[42]=n.trustedProxyAllowLoopbackHint,t[43]=C);let w;t[44]!==S||t[45]!==C?(w=(0,X.jsxs)(`span`,{children:[S,C]}),t[44]=S,t[45]=C,t[46]=w):w=t[46];let T;t[47]!==x||t[48]!==w?(T=(0,X.jsxs)(`label`,{className:`flex cursor-pointer items-start gap-2 text-sm text-fg`,children:[x,w]}),t[47]=x,t[48]=w,t[49]=T):T=t[49];let E;t[50]!==r.trustedProxies||t[51]!==n.trustedProxies||t[52]!==n.trustedProxiesEmpty||t[53]!==n.trustedProxiesHint||t[54]!==n.trustedProxiesPlaceholder||t[55]!==a?(E=(0,X.jsx)($,{title:n.trustedProxies,hint:n.trustedProxiesHint,emptyText:n.trustedProxiesEmpty,placeholder:n.trustedProxiesPlaceholder,values:r.trustedProxies,maxItems:64,onChange:a}),t[50]=r.trustedProxies,t[51]=n.trustedProxies,t[52]=n.trustedProxiesEmpty,t[53]=n.trustedProxiesHint,t[54]=n.trustedProxiesPlaceholder,t[55]=a,t[56]=E):E=t[56];let D;t[57]===o?D=t[58]:(D=e=>o(e.target.checked),t[57]=o,t[58]=D);let O;t[59]!==r.allowRealIpFallback||t[60]!==D?(O=(0,X.jsx)(`input`,{type:`checkbox`,className:`ui-checkbox mt-0.5`,checked:r.allowRealIpFallback,onChange:D}),t[59]=r.allowRealIpFallback,t[60]=D,t[61]=O):O=t[61];let k;t[62]===n.allowRealIpFallback?k=t[63]:(k=(0,X.jsx)(`span`,{className:`font-medium`,children:n.allowRealIpFallback}),t[62]=n.allowRealIpFallback,t[63]=k);let A;t[64]===n.allowRealIpFallbackHint?A=t[65]:(A=(0,X.jsx)(`span`,{className:`mt-0.5 block text-xs text-fg-subtle`,children:n.allowRealIpFallbackHint}),t[64]=n.allowRealIpFallbackHint,t[65]=A);let j;t[66]!==k||t[67]!==A?(j=(0,X.jsxs)(`span`,{children:[k,A]}),t[66]=k,t[67]=A,t[68]=j):j=t[68];let M;t[69]!==O||t[70]!==j?(M=(0,X.jsxs)(`label`,{className:`flex cursor-pointer items-start gap-2 text-sm text-fg`,children:[O,j]}),t[69]=O,t[70]=j,t[71]=M):M=t[71];let N;return t[72]!==l||t[73]!==y||t[74]!==T||t[75]!==E||t[76]!==M||t[77]!==h||t[78]!==_?(N=(0,X.jsxs)(`div`,{className:`space-y-4 rounded-xl bg-surface-base/45 p-4`,children:[l,h,_,y,T,E,M]}),t[72]=l,t[73]=y,t[74]=T,t[75]=E,t[76]=M,t[77]=h,t[78]=_,t[79]=N):N=t[79],N}function Ze(e){let t=(0,H.c)(43),{g:n,form:r,onDeferModeChange:i,onDeferIdsChange:s,onSkipIdsChange:c}=e,l;t[0]===n.channelConnectDeferMode?l=t[1]:(l=(0,X.jsx)(`label`,{className:`text-sm font-medium text-fg`,htmlFor:`gateway-channel-defer-mode`,children:n.channelConnectDeferMode}),t[0]=n.channelConnectDeferMode,t[1]=l);let u=r.channelConnectDeferMode,d;t[2]===i?d=t[3]:(d=e=>i(e.target.value),t[2]=i,t[3]=d);let f;t[4]===Symbol.for(`react.memo_cache_sentinel`)?(f=Z(),t[4]=f):f=t[4];let p;t[5]===n.channelConnectDeferModeAuto?p=t[6]:(p=(0,X.jsx)(o,{value:`auto`,children:n.channelConnectDeferModeAuto}),t[5]=n.channelConnectDeferModeAuto,t[6]=p);let m;t[7]===n.channelConnectDeferModeOff?m=t[8]:(m=(0,X.jsx)(o,{value:`off`,children:n.channelConnectDeferModeOff}),t[7]=n.channelConnectDeferModeOff,t[8]=m);let h;t[9]===n.channelConnectDeferModeExplicit?h=t[10]:(h=(0,X.jsx)(o,{value:`explicit`,children:n.channelConnectDeferModeExplicit}),t[9]=n.channelConnectDeferModeExplicit,t[10]=h);let g;t[11]!==r.channelConnectDeferMode||t[12]!==d||t[13]!==p||t[14]!==m||t[15]!==h?(g=(0,X.jsxs)(a,{id:`gateway-channel-defer-mode`,value:u,onChange:d,className:f,children:[p,m,h]}),t[11]=r.channelConnectDeferMode,t[12]=d,t[13]=p,t[14]=m,t[15]=h,t[16]=g):g=t[16];let _;t[17]===n.channelConnectDeferModeHint?_=t[18]:(_=(0,X.jsx)(`p`,{className:`text-xs text-fg-subtle`,children:n.channelConnectDeferModeHint}),t[17]=n.channelConnectDeferModeHint,t[18]=_);let v;t[19]!==l||t[20]!==g||t[21]!==_?(v=(0,X.jsxs)(`div`,{className:`space-y-2 rounded-xl bg-surface-base/45 p-4`,children:[l,g,_]}),t[19]=l,t[20]=g,t[21]=_,t[22]=v):v=t[22];let y;t[23]!==r.channelConnectDeferIds||t[24]!==r.channelConnectDeferMode||t[25]!==n.channelConnectDeferIds||t[26]!==n.channelConnectDeferIdsHint||t[27]!==n.channelIdListEmpty||t[28]!==n.channelIdListPlaceholder||t[29]!==s?(y=r.channelConnectDeferMode===`explicit`?(0,X.jsx)($,{title:n.channelConnectDeferIds,hint:n.channelConnectDeferIdsHint,emptyText:n.channelIdListEmpty,placeholder:n.channelIdListPlaceholder,values:r.channelConnectDeferIds,maxItems:24,onChange:s}):null,t[23]=r.channelConnectDeferIds,t[24]=r.channelConnectDeferMode,t[25]=n.channelConnectDeferIds,t[26]=n.channelConnectDeferIdsHint,t[27]=n.channelIdListEmpty,t[28]=n.channelIdListPlaceholder,t[29]=s,t[30]=y):y=t[30];let b;t[31]!==r.channelConnectDeferMode||t[32]!==r.channelConnectDeferSkipIds||t[33]!==n.channelConnectDeferSkipIds||t[34]!==n.channelConnectDeferSkipIdsHint||t[35]!==n.channelIdListEmpty||t[36]!==n.channelIdListPlaceholder||t[37]!==c?(b=r.channelConnectDeferMode===`off`?null:(0,X.jsx)($,{title:n.channelConnectDeferSkipIds,hint:n.channelConnectDeferSkipIdsHint,emptyText:n.channelIdListEmpty,placeholder:n.channelIdListPlaceholder,values:r.channelConnectDeferSkipIds,maxItems:24,onChange:c}),t[31]=r.channelConnectDeferMode,t[32]=r.channelConnectDeferSkipIds,t[33]=n.channelConnectDeferSkipIds,t[34]=n.channelConnectDeferSkipIdsHint,t[35]=n.channelIdListEmpty,t[36]=n.channelIdListPlaceholder,t[37]=c,t[38]=b):b=t[38];let x;return t[39]!==v||t[40]!==y||t[41]!==b?(x=(0,X.jsxs)(`div`,{className:`space-y-4`,children:[v,y,b]}),t[39]=v,t[40]=y,t[41]=b,t[42]=x):x=t[42],x}function $(e){let t=(0,H.c)(25),{title:n,hint:r,emptyText:i,placeholder:a,values:o,maxItems:c,onChange:l,children:u}=e,d;t[0]!==c||t[1]!==l||t[2]!==o?(d=e=>{let t=e.trim();!t||o.includes(t)||o.length>=c||l([...o,t])},t[0]=c,t[1]=l,t[2]=o,t[3]=d):d=t[3];let f=d,p;t[4]===n?p=t[5]:(p=(0,X.jsx)(`div`,{className:`text-sm font-medium text-fg`,children:n}),t[4]=n,t[5]=p);let m;t[6]===r?m=t[7]:(m=(0,X.jsx)(`p`,{className:`text-xs text-fg-subtle`,children:r}),t[6]=r,t[7]=m);let h;t[8]!==i||t[9]!==l||t[10]!==o?(h=o.length===0?(0,X.jsx)(`p`,{className:`text-xs text-fg-muted`,children:i}):(0,X.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:o.map(e=>(0,X.jsxs)(`span`,{className:`inline-flex items-center gap-1 rounded-md border border-edge bg-surface-panel px-2 py-0.5 font-mono text-xs text-fg`,children:[e,(0,X.jsx)(`button`,{type:`button`,className:s(`text-fg-muted hover:text-fg`,O.press),"aria-label":`Remove ${e}`,onClick:()=>l(o.filter(t=>t!==e)),children:`×`})]},e))}),t[8]=i,t[9]=l,t[10]=o,t[11]=h):h=t[11];let g;t[12]===Symbol.for(`react.memo_cache_sentinel`)?(g=s(Z(),`font-mono text-xs`),t[12]=g):g=t[12];let _=o.length>=c,v;t[13]===f?v=t[14]:(v=e=>{e.key===`Enter`&&(e.preventDefault(),f(e.target.value),e.target.value=``)},t[13]=f,t[14]=v);let y;t[15]!==a||t[16]!==_||t[17]!==v?(y=(0,X.jsx)(`input`,{className:g,placeholder:a,disabled:_,onKeyDown:v}),t[15]=a,t[16]=_,t[17]=v,t[18]=y):y=t[18];let b;return t[19]!==u||t[20]!==p||t[21]!==m||t[22]!==h||t[23]!==y?(b=(0,X.jsxs)(`div`,{className:`space-y-2 rounded-xl bg-surface-base/45 p-4`,children:[p,m,h,y,u]}),t[19]=u,t[20]=p,t[21]=m,t[22]=h,t[23]=y,t[24]=b):b=t[24],b}function Qe(e){let t=(0,H.c)(36),{g:n,origins:r,candidates:i,onChange:a}=e,o;t[0]===r?o=t[1]:(o=r.includes(`*`),t[0]=r,t[1]=o);let s=o,c,l,u,d,f,p,m,g,_;if(t[2]!==i||t[3]!==n.corsAddDetectedOrigins||t[4]!==n.corsDetectedOrigins||t[5]!==n.corsOrigins||t[6]!==n.corsOriginsEmpty||t[7]!==n.corsOriginsHint||t[8]!==n.corsOriginsPlaceholder||t[9]!==a||t[10]!==r){let e;t[20]===r?e=t[21]:(e=e=>!r.includes(e.url),t[20]=r,t[21]=e);let o=i.filter(e);c=$,l=n.corsOrigins,u=n.corsOriginsHint,d=n.corsOriginsEmpty,f=n.corsOriginsPlaceholder,p=r,m=128,g=a,_=o.length>0?(0,X.jsxs)(`div`,{className:`rounded-lg bg-surface-base/55 px-3 py-2`,children:[(0,X.jsx)(`p`,{className:`text-xs font-medium text-fg`,children:n.corsDetectedOrigins}),(0,X.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1.5`,children:o.map(et)}),(0,X.jsx)(h,{type:`button`,variant:`secondary`,className:`mt-2 text-xs`,onClick:()=>a([...r,...o.map($e)]),children:n.corsAddDetectedOrigins})]}):null,t[2]=i,t[3]=n.corsAddDetectedOrigins,t[4]=n.corsDetectedOrigins,t[5]=n.corsOrigins,t[6]=n.corsOriginsEmpty,t[7]=n.corsOriginsHint,t[8]=n.corsOriginsPlaceholder,t[9]=a,t[10]=r,t[11]=c,t[12]=l,t[13]=u,t[14]=d,t[15]=f,t[16]=p,t[17]=m,t[18]=g,t[19]=_}else c=t[11],l=t[12],u=t[13],d=t[14],f=t[15],p=t[16],m=t[17],g=t[18],_=t[19];let v;t[22]!==n.corsOriginsWildcardWarning||t[23]!==s?(v=s?(0,X.jsx)(`p`,{className:`rounded-lg bg-amber-50 px-3 py-2 text-xs text-amber-950 dark:bg-amber-950/40 dark:text-amber-100`,children:n.corsOriginsWildcardWarning}):null,t[22]=n.corsOriginsWildcardWarning,t[23]=s,t[24]=v):v=t[24];let y;return t[25]!==c||t[26]!==v||t[27]!==l||t[28]!==u||t[29]!==d||t[30]!==f||t[31]!==p||t[32]!==m||t[33]!==g||t[34]!==_?(y=(0,X.jsxs)(c,{title:l,hint:u,emptyText:d,placeholder:f,values:p,maxItems:m,onChange:g,children:[_,v]}),t[25]=c,t[26]=v,t[27]=l,t[28]=u,t[29]=d,t[30]=f,t[31]=p,t[32]=m,t[33]=g,t[34]=_,t[35]=y):y=t[35],y}function $e(e){return e.url}function et(e){return(0,X.jsxs)(`span`,{className:`rounded-md border border-edge bg-surface-panel px-2 py-0.5 font-mono text-xs text-fg`,children:[e.url,` · `,e.interfaceName]},e.url)}function tt(e){let t=(0,H.c)(73),{g:n,rateLimit:r,onChange:i}=e,a;t[0]===n.rateLimitTitle?a=t[1]:(a=(0,X.jsx)(`div`,{className:`text-sm font-medium text-fg`,children:n.rateLimitTitle}),t[0]=n.rateLimitTitle,t[1]=a);let o;t[2]===n.rateLimitHint?o=t[3]:(o=(0,X.jsx)(`p`,{className:`mt-1 text-xs text-fg-subtle`,children:n.rateLimitHint}),t[2]=n.rateLimitHint,t[3]=o);let s;t[4]!==a||t[5]!==o?(s=(0,X.jsxs)(`div`,{children:[a,o]}),t[4]=a,t[5]=o,t[6]=s):s=t[6];let c;t[7]===i?c=t[8]:(c=e=>i({enabled:e.target.checked}),t[7]=i,t[8]=c);let l;t[9]!==r.enabled||t[10]!==c?(l=(0,X.jsx)(`input`,{type:`checkbox`,className:`ui-checkbox`,checked:r.enabled,onChange:c}),t[9]=r.enabled,t[10]=c,t[11]=l):l=t[11];let u;t[12]!==n.rateLimitEnabled||t[13]!==l?(u=(0,X.jsxs)(`label`,{className:`flex cursor-pointer items-center gap-2 text-sm text-fg`,children:[l,n.rateLimitEnabled]}),t[12]=n.rateLimitEnabled,t[13]=l,t[14]=u):u=t[14];let d=!r.enabled,f;t[15]===i?f=t[16]:(f=e=>i({exemptLoopback:e.target.checked}),t[15]=i,t[16]=f);let p;t[17]!==r.exemptLoopback||t[18]!==d||t[19]!==f?(p=(0,X.jsx)(`input`,{type:`checkbox`,className:`ui-checkbox`,checked:r.exemptLoopback,disabled:d,onChange:f}),t[17]=r.exemptLoopback,t[18]=d,t[19]=f,t[20]=p):p=t[20];let m;t[21]!==n.rateLimitExemptLoopback||t[22]!==p?(m=(0,X.jsxs)(`label`,{className:`flex cursor-pointer items-center gap-2 text-sm text-fg`,children:[p,n.rateLimitExemptLoopback]}),t[21]=n.rateLimitExemptLoopback,t[22]=p,t[23]=m):m=t[23];let h;t[24]===n.rateLimitMaxAttempts?h=t[25]:(h=(0,X.jsx)(`label`,{className:`mb-1 block text-xs font-medium text-fg-muted`,htmlFor:`gateway-rate-max`,children:n.rateLimitMaxAttempts}),t[24]=n.rateLimitMaxAttempts,t[25]=h);let g;t[26]===Symbol.for(`react.memo_cache_sentinel`)?(g=Z(),t[26]=g):g=t[26];let _=!r.enabled,v;t[27]===i?v=t[28]:(v=e=>{let t=Number(e.target.value);Number.isFinite(t)&&i({maxAttempts:Math.max(1,Math.floor(t))})},t[27]=i,t[28]=v);let y;t[29]!==r.maxAttempts||t[30]!==_||t[31]!==v?(y=(0,X.jsx)(`input`,{id:`gateway-rate-max`,type:`number`,min:1,className:g,value:r.maxAttempts,disabled:_,onChange:v}),t[29]=r.maxAttempts,t[30]=_,t[31]=v,t[32]=y):y=t[32];let b;t[33]!==h||t[34]!==y?(b=(0,X.jsxs)(`div`,{children:[h,y]}),t[33]=h,t[34]=y,t[35]=b):b=t[35];let x;t[36]===n.rateLimitWindowMinutes?x=t[37]:(x=(0,X.jsx)(`label`,{className:`mb-1 block text-xs font-medium text-fg-muted`,htmlFor:`gateway-rate-window`,children:n.rateLimitWindowMinutes}),t[36]=n.rateLimitWindowMinutes,t[37]=x);let S;t[38]===Symbol.for(`react.memo_cache_sentinel`)?(S=Z(),t[38]=S):S=t[38];let C;t[39]===r.windowMs?C=t[40]:(C=Math.round(r.windowMs/6e4),t[39]=r.windowMs,t[40]=C);let w=!r.enabled,T;t[41]===i?T=t[42]:(T=e=>{let t=Number(e.target.value);Number.isFinite(t)&&t>0&&i({windowMs:Math.floor(t)*6e4})},t[41]=i,t[42]=T);let E;t[43]!==C||t[44]!==w||t[45]!==T?(E=(0,X.jsx)(`input`,{id:`gateway-rate-window`,type:`number`,min:1,className:S,value:C,disabled:w,onChange:T}),t[43]=C,t[44]=w,t[45]=T,t[46]=E):E=t[46];let D;t[47]!==x||t[48]!==E?(D=(0,X.jsxs)(`div`,{children:[x,E]}),t[47]=x,t[48]=E,t[49]=D):D=t[49];let O;t[50]===n.rateLimitBlockMinutes?O=t[51]:(O=(0,X.jsx)(`label`,{className:`mb-1 block text-xs font-medium text-fg-muted`,htmlFor:`gateway-rate-block`,children:n.rateLimitBlockMinutes}),t[50]=n.rateLimitBlockMinutes,t[51]=O);let k;t[52]===Symbol.for(`react.memo_cache_sentinel`)?(k=Z(),t[52]=k):k=t[52];let A;t[53]===r.blockDurationMs?A=t[54]:(A=Math.round(r.blockDurationMs/6e4),t[53]=r.blockDurationMs,t[54]=A);let j=!r.enabled,M;t[55]===i?M=t[56]:(M=e=>{let t=Number(e.target.value);Number.isFinite(t)&&t>0&&i({blockDurationMs:Math.floor(t)*6e4})},t[55]=i,t[56]=M);let N;t[57]!==A||t[58]!==j||t[59]!==M?(N=(0,X.jsx)(`input`,{id:`gateway-rate-block`,type:`number`,min:1,className:k,value:A,disabled:j,onChange:M}),t[57]=A,t[58]=j,t[59]=M,t[60]=N):N=t[60];let P;t[61]!==O||t[62]!==N?(P=(0,X.jsxs)(`div`,{children:[O,N]}),t[61]=O,t[62]=N,t[63]=P):P=t[63];let F;t[64]!==b||t[65]!==D||t[66]!==P?(F=(0,X.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:[b,D,P]}),t[64]=b,t[65]=D,t[66]=P,t[67]=F):F=t[67];let I;return t[68]!==m||t[69]!==s||t[70]!==F||t[71]!==u?(I=(0,X.jsxs)(`div`,{className:`space-y-3 rounded-xl bg-surface-base/45 p-4`,children:[s,u,m,F]}),t[68]=m,t[69]=s,t[70]=F,t[71]=u,t[72]=I):I=t[72],I}function nt(e){let t=(0,H.c)(17),{id:n,label:r,help:i,placeholder:a,value:o,labels:s,reveal:c,loadFailedLabel:l,onChange:u}=e,d;t[0]!==n||t[1]!==r?(d=(0,X.jsx)(`label`,{className:`text-sm font-medium text-fg`,htmlFor:n,children:r}),t[0]=n,t[1]=r,t[2]=d):d=t[2];let f;t[3]!==n||t[4]!==s||t[5]!==l||t[6]!==u||t[7]!==a||t[8]!==c||t[9]!==o?(f=(0,X.jsx)(E,{id:n,value:o,onChange:u,placeholder:a,labels:s,reveal:c,loadFailedLabel:l,inputClassName:`text-xs`}),t[3]=n,t[4]=s,t[5]=l,t[6]=u,t[7]=a,t[8]=c,t[9]=o,t[10]=f):f=t[10];let p;t[11]===i?p=t[12]:(p=(0,X.jsx)(`p`,{className:`text-xs text-fg-subtle`,children:i}),t[11]=i,t[12]=p);let m;return t[13]!==d||t[14]!==f||t[15]!==p?(m=(0,X.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[d,f,p]}),t[13]=d,t[14]=f,t[15]=p,t[16]=m):m=t[16],m}export{qe as GatewaySettingsPanel};

package/dist/gateway/static/root/assets/home-page-CFJypY6Y.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{f as i}from"./chunk-KS7C4IRE-BMYIfy9x.js";import{t as a}from"./plus-Q2yW6OE7.js";import{t as o}from"./x-B_N4OPjy.js";import{t as s}from"./cn-JdwAhgNB.js";import{n as c}from"./locale-store-D9krC43K.js";import{t as l}from"./messages-B1sTgIrE.js";import{a as u,i as d,n as f,o as p,r as m,s as h,t as g}from"./dist-BGTk37IG.js";import{t as _}from"./button-CS04eWY9.js";import{t as v}from"./skeleton-BwbyijEw.js";import{Ci as y,Co as b,Dc as x,Gs as ee,Ho as te,Hs as ne,Hu as S,Is as re,Ks as ie,Uu as C,Yr as w,_a as ae,ci as oe,ec as T,fn as E,hn as se,il as ce,mn as le,pn as D,qu as O,r as k,si as A,vi as ue}from"./index-BNubE2Zi.js";import{n as de}from"./tab-completion-input-D64VNmiA.js";var j=e(t(),1),M=n(),N=r(),P=12e3;function fe(e){let t=(0,M.c)(106),{variant:n,inputId:r,inputRef:i,intent:a,labels:o,attachments:c,isDragging:l,attachmentBusy:u,attachmentsFull:d,voice:f,chat:p,cancelAction:m,onIntentChange:h,onPickFiles:g,onRemoveAttachment:v,onPaste:y,onDragOver:b,onDragLeave:ee,onDrop:te,onSubmit:ne}=e,S=n===`inline`,re;t[0]!==c||t[1]!==a?(re=!!a.trim()||c.length>0,t[0]=c,t[1]=a,t[2]=re):re=t[2];let ie=re,C=f.voiceActive&&f.phase!==`error`,w;t[3]!==ne||t[4]!==f.voiceActive?(w=e=>{if(f.voiceActive){e.preventDefault();return}ne(e)},t[3]=ne,t[4]=f.voiceActive,t[5]=w):w=t[5];let ae=S?`mx-auto mt-6 w-full overflow-hidden rounded-xl border border-edge bg-surface-base p-2 text-left shadow-surface transition-colors focus-within:border-accent focus-within:ring-2 focus-within:ring-accent/15 sm:mt-8`:`flex min-h-0 flex-1 flex-col`,T;t[6]===ae?T=t[7]:(T=s(`relative`,ae),t[6]=ae,t[7]=T);let E;t[8]!==S||t[9]!==l||t[10]!==o.dropFiles?(E=l?(0,N.jsx)(`div`,{className:s(`pointer-events-none absolute inset-0 z-10 flex items-center justify-center bg-accent-soft/90 text-sm font-medium text-accent-fg backdrop-blur-[1px]`,S&&`rounded-2xl`),children:o.dropFiles}):null,t[8]=S,t[9]=l,t[10]=o.dropFiles,t[11]=E):E=t[11];let se=!S&&`flex min-h-0 flex-1 flex-col overflow-y-auto px-5 py-4`,D;t[12]===se?D=t[13]:(D=s(se),t[12]=se,t[13]=D);let O=S?`sr-only`:`mb-2 shrink-0 text-sm font-medium text-fg`,k;t[14]!==r||t[15]!==o.intentLabel||t[16]!==O?(k=(0,N.jsx)(`label`,{htmlFor:r,className:O,children:o.intentLabel}),t[14]=r,t[15]=o.intentLabel,t[16]=O,t[17]=k):k=t[17];let A;t[18]!==u||t[19]!==p||t[20]!==f.audioLevel||t[21]!==f.cancelVoiceInput||t[22]!==f.confirmVoiceInput||t[23]!==f.elapsedLabel||t[24]!==f.error||t[25]!==f.finalTranscript||t[26]!==f.partialTranscript||t[27]!==f.phase||t[28]!==f.retryVoiceInput||t[29]!==f.settingsRequired||t[30]!==f.voiceActive?(A=f.voiceActive?(0,N.jsx)(le,{phase:f.phase,elapsedLabel:f.elapsedLabel,audioLevel:f.audioLevel,partialTranscript:f.partialTranscript,finalTranscript:f.finalTranscript,error:f.error,settingsRequired:f.settingsRequired,disabled:u,chat:p,onCancel:f.cancelVoiceInput,onConfirm:f.confirmVoiceInput,onRetry:f.retryVoiceInput}):null,t[18]=u,t[19]=p,t[20]=f.audioLevel,t[21]=f.cancelVoiceInput,t[22]=f.confirmVoiceInput,t[23]=f.elapsedLabel,t[24]=f.error,t[25]=f.finalTranscript,t[26]=f.partialTranscript,t[27]=f.phase,t[28]=f.retryVoiceInput,t[29]=f.settingsRequired,t[30]=f.voiceActive,t[31]=A):A=t[31];let j=C&&`hidden`,fe=S?`min-h-24 bg-transparent px-3 py-2`:`min-h-32 flex-1 rounded-xl border border-edge bg-surface-base p-3 focus:border-accent focus:ring-2 focus:ring-accent/20`,F;t[32]!==j||t[33]!==fe?(F=s(`w-full resize-none text-sm font-normal leading-6 text-fg outline-none placeholder:text-fg-subtle`,j,fe),t[32]=j,t[33]=fe,t[34]=F):F=t[34];let I;t[35]===h?I=t[36]:(I=e=>h(e.target.value),t[35]=h,t[36]=I);let me=!S,L;t[37]!==r||t[38]!==i||t[39]!==a||t[40]!==o.intentPlaceholder||t[41]!==o.intentSuggestion||t[42]!==h||t[43]!==y||t[44]!==F||t[45]!==I||t[46]!==me?(L=(0,N.jsx)(de,{ref:i,id:r,className:F,value:a,onChange:I,onPaste:y,suggestion:o.intentSuggestion,onAcceptSuggestion:h,onKeyDown:pe,placeholder:o.intentPlaceholder,maxLength:P,autoFocus:me}),t[37]=r,t[38]=i,t[39]=a,t[40]=o.intentPlaceholder,t[41]=o.intentSuggestion,t[42]=h,t[43]=y,t[44]=F,t[45]=I,t[46]=me,t[47]=L):L=t[47];let he=S?`border-b-0 bg-transparent px-3 pb-2 pt-0`:`mt-3 border-b-0 bg-transparent px-0 pb-0`,R;t[48]!==c||t[49]!==v||t[50]!==he?(R=(0,N.jsx)(ue,{attachments:c,topPadded:!1,onRemove:v,className:he}),t[48]=c,t[49]=v,t[50]=he,t[51]=R):R=t[51];let z;t[52]!==S||t[53]!==a.length||t[54]!==o.shortcut?(z=S?null:(0,N.jsxs)(`div`,{className:`mt-2 flex shrink-0 items-center justify-between gap-3 text-[11px] text-fg-subtle`,children:[(0,N.jsx)(`span`,{children:o.shortcut}),(0,N.jsxs)(`span`,{className:`tabular-nums`,children:[a.length.toLocaleString(),` / `,P.toLocaleString()]})]}),t[52]=S,t[53]=a.length,t[54]=o.shortcut,t[55]=z):z=t[55];let B;t[56]!==A||t[57]!==L||t[58]!==R||t[59]!==z||t[60]!==D||t[61]!==k?(B=(0,N.jsxs)(`div`,{className:D,children:[k,A,L,R,z]}),t[56]=A,t[57]=L,t[58]=R,t[59]=z,t[60]=D,t[61]=k,t[62]=B):B=t[62];let V=S?`border-edge-subtle px-1 pt-2`:`border-edge px-5 py-4`,H;t[63]===V?H=t[64]:(H=s(`flex shrink-0 items-center gap-2 border-t`,V),t[63]=V,t[64]=H);let U=!S&&`mr-auto`,W;t[65]===U?W=t[66]:(W=s(`flex items-center gap-1`,U),t[65]=U,t[66]=W);let ge=u||d,G;t[67]===Symbol.for(`react.memo_cache_sentinel`)?(G=(0,N.jsx)(ce,{className:`size-4`,"aria-hidden":!0}),t[67]=G):G=t[67];let K;t[68]!==o.attachTitle||t[69]!==g||t[70]!==ge?(K=(0,N.jsx)(_,{type:`button`,variant:`ghost`,className:`size-9 rounded-lg p-0`,disabled:ge,title:o.attachTitle,"aria-label":o.attachTitle,onClick:g,children:G}),t[68]=o.attachTitle,t[69]=g,t[70]=ge,t[71]=K):K=t[71];let q;t[72]!==u||t[73]!==p||t[74]!==f.startVoiceInput||t[75]!==f.voiceActive?(q=f.voiceActive?null:(0,N.jsx)(oe,{disabled:u,chat:p,onStart:f.startVoiceInput}),t[72]=u,t[73]=p,t[74]=f.startVoiceInput,t[75]=f.voiceActive,t[76]=q):q=t[76];let J;t[77]!==W||t[78]!==K||t[79]!==q?(J=(0,N.jsxs)(`div`,{className:W,children:[K,q]}),t[77]=W,t[78]=K,t[79]=q,t[80]=J):J=t[80];let Y;t[81]!==m||t[82]!==S||t[83]!==o.shortcut?(Y=S?(0,N.jsx)(`span`,{className:`hidden text-[11px] text-fg-subtle sm:inline`,children:o.shortcut}):m,t[81]=m,t[82]=S,t[83]=o.shortcut,t[84]=Y):Y=t[84];let _e=S?`ml-auto h-9 rounded-lg px-3.5 text-xs`:`min-w-32`,ve=!ie||u||f.voiceActive,ye=S?`size-3.5`:`size-4`,X;t[85]===ye?X=t[86]:(X=(0,N.jsx)(x,{className:ye,"aria-hidden":!0}),t[85]=ye,t[86]=X);let Z;t[87]!==o.submit||t[88]!==_e||t[89]!==ve||t[90]!==X?(Z=(0,N.jsxs)(_,{type:`submit`,variant:`primary`,className:_e,disabled:ve,children:[X,o.submit]}),t[87]=o.submit,t[88]=_e,t[89]=ve,t[90]=X,t[91]=Z):Z=t[91];let Q;t[92]!==H||t[93]!==J||t[94]!==Y||t[95]!==Z?(Q=(0,N.jsxs)(`div`,{className:H,children:[J,Y,Z]}),t[92]=H,t[93]=J,t[94]=Y,t[95]=Z,t[96]=Q):Q=t[96];let be;return t[97]!==ee||t[98]!==b||t[99]!==te||t[100]!==w||t[101]!==B||t[102]!==Q||t[103]!==T||t[104]!==E?(be=(0,N.jsxs)(`form`,{onSubmit:w,onDragOver:b,onDragLeave:ee,onDrop:te,className:T,children:[E,B,Q]}),t[97]=ee,t[98]=b,t[99]=te,t[100]=w,t[101]=B,t[102]=Q,t[103]=T,t[104]=E,t[105]=be):be=t[105],be}function pe(e){e.key===`Enter`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),e.currentTarget.form?.requestSubmit())}function F(e,t){return e.replace(/\{\{(\w+)\}\}/g,(e,n)=>String(t[n]??``))}function I(){let e=(0,M.c)(1),t;return e[0]===Symbol.for(`react.memo_cache_sentinel`)?(t=(0,N.jsxs)(`div`,{className:`space-y-8`,"aria-busy":!0,children:[(0,N.jsxs)(`div`,{className:`space-y-3`,children:[(0,N.jsx)(v,{className:`h-10 w-3/5 rounded-xl`}),(0,N.jsx)(v,{className:`h-5 w-4/5 rounded-lg`})]}),(0,N.jsx)(v,{className:`h-64 rounded-2xl`}),(0,N.jsx)(v,{className:`h-32 rounded-xl`})]}),e[0]=t):t=e[0],t}function me(e){let t=(0,M.c)(33),{item:n,busy:r,recommendationLabel:i,dueLabel:a,failureLabel:o,locale:s,onAction:c}=e,l;t[0]!==a||t[1]!==n.dueAt||t[2]!==s?(l=n.dueAt?`${a} ${w(new Date(n.dueAt),s)}`:null,t[0]=a,t[1]=n.dueAt,t[2]=s,t[3]=l):l=t[3];let u=l,d=n.kind===`failure`?o:u,f;t[4]===d?f=t[5]:(f=d?(0,N.jsxs)(`div`,{className:`mb-2 flex items-center gap-2 text-xs font-medium text-warning`,children:[(0,N.jsx)(`span`,{className:`size-1.5 rounded-full bg-warning`,"aria-hidden":!0}),(0,N.jsx)(`span`,{children:d})]}):null,t[4]=d,t[5]=f);let p=!n.openAction,m;t[6]!==n.id||t[7]!==n.openAction||t[8]!==c?(m=()=>n.openAction&&c(n.openAction,n.id),t[6]=n.id,t[7]=n.openAction,t[8]=c,t[9]=m):m=t[9];let h;t[10]===n.title?h=t[11]:(h=(0,N.jsx)(`span`,{className:`block text-lg font-semibold leading-7 tracking-tight text-fg`,children:n.title}),t[10]=n.title,t[11]=h);let g;t[12]===n.summary?g=t[13]:(g=(0,N.jsx)(`span`,{className:`mt-1.5 block text-sm leading-6 text-fg-muted`,children:n.summary}),t[12]=n.summary,t[13]=g);let v;t[14]!==p||t[15]!==m||t[16]!==h||t[17]!==g?(v=(0,N.jsxs)(`button`,{type:`button`,className:`block w-full text-left outline-none focus-visible:rounded-md focus-visible:ring-2 focus-visible:ring-accent`,disabled:p,onClick:m,children:[h,g]}),t[14]=p,t[15]=m,t[16]=h,t[17]=g,t[18]=v):v=t[18];let y;t[19]!==n.recommendation||t[20]!==i?(y=n.recommendation?(0,N.jsxs)(`p`,{className:`mt-3 text-sm leading-6 text-fg-muted`,children:[(0,N.jsxs)(`span`,{className:`font-semibold text-fg`,children:[i,`：`]}),n.recommendation]}):null,t[19]=n.recommendation,t[20]=i,t[21]=y):y=t[21];let b;t[22]!==r||t[23]!==n.id||t[24]!==n.primaryAction||t[25]!==n.secondaryActions||t[26]!==c?(b=n.primaryAction||n.secondaryActions.length>0?(0,N.jsxs)(`div`,{className:`mt-5 flex flex-wrap gap-2`,children:[n.primaryAction?(0,N.jsx)(_,{type:`button`,variant:`primary`,className:`h-9 rounded-lg px-3.5 text-xs`,disabled:r,onClick:()=>c(n.primaryAction,n.id),children:n.primaryAction.label}):null,n.secondaryActions.map(e=>(0,N.jsx)(_,{type:`button`,variant:`secondary`,className:`h-9 rounded-lg px-3.5 text-xs shadow-none`,disabled:r,onClick:()=>c(e,n.id),children:e.label},`${e.type}:${e.label}`))]}):null,t[22]=r,t[23]=n.id,t[24]=n.primaryAction,t[25]=n.secondaryActions,t[26]=c,t[27]=b):b=t[27];let x;return t[28]!==f||t[29]!==v||t[30]!==y||t[31]!==b?(x=(0,N.jsxs)(`article`,{className:`px-5 py-5 sm:px-6 sm:py-6`,children:[f,v,y,b]}),t[28]=f,t[29]=v,t[30]=y,t[31]=b,t[32]=x):x=t[32],x}function L(e){let t=(0,M.c)(26),{item:n,onAction:r}=e,i;t[0]===n.kind?i=t[1]:(i=n.kind===`scheduled`?(0,N.jsx)(O,{className:`size-4`,"aria-hidden":!0}):(0,N.jsx)(`span`,{className:`size-1.5 rounded-full bg-success`,"aria-hidden":!0}),t[0]=n.kind,t[1]=i);let a=i,o=!n.openAction,s;t[2]!==n.id||t[3]!==n.openAction||t[4]!==r?(s=()=>n.openAction&&r(n.openAction,n.id),t[2]=n.id,t[3]=n.openAction,t[4]=r,t[5]=s):s=t[5];let c;t[6]===a?c=t[7]:(c=(0,N.jsx)(`span`,{className:`flex size-7 shrink-0 items-center justify-center text-fg-subtle`,children:a}),t[6]=a,t[7]=c);let l;t[8]===n.title?l=t[9]:(l=(0,N.jsx)(`span`,{className:`block truncate text-sm font-medium text-fg`,children:n.title}),t[8]=n.title,t[9]=l);let u;t[10]===n.summary?u=t[11]:(u=(0,N.jsx)(`span`,{className:`mt-0.5 block truncate text-xs text-fg-muted`,children:n.summary}),t[10]=n.summary,t[11]=u);let d;t[12]!==l||t[13]!==u?(d=(0,N.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[l,u]}),t[12]=l,t[13]=u,t[14]=d):d=t[14];let f;t[15]===n.statusLabel?f=t[16]:(f=n.statusLabel?(0,N.jsx)(`span`,{className:`shrink-0 text-xs text-fg-subtle`,children:n.statusLabel}):null,t[15]=n.statusLabel,t[16]=f);let p;t[17]===n.openAction?p=t[18]:(p=n.openAction?(0,N.jsx)(C,{className:`size-4 shrink-0 text-fg-subtle`,"aria-hidden":!0}):null,t[17]=n.openAction,t[18]=p);let m;return t[19]!==o||t[20]!==s||t[21]!==c||t[22]!==d||t[23]!==f||t[24]!==p?(m=(0,N.jsxs)(`button`,{type:`button`,className:`flex min-h-16 w-full items-center gap-3 py-3 text-left outline-none hover:text-fg focus-visible:rounded-md focus-visible:ring-2 focus-visible:ring-accent`,disabled:o,onClick:s,children:[c,d,f,p]}),t[19]=o,t[20]=s,t[21]=c,t[22]=d,t[23]=f,t[24]=p,t[25]=m):m=t[25],m}function he(){let e=c(e=>e.language),t=l(e),n=t.projectsPage,r=T(e),s=i(),v=b(e=>e.setPageHeader),x=b(e=>e.clearPageHeader),[C,w]=(0,j.useState)(null),[oe,ce]=(0,j.useState)(!0),[le,O]=(0,j.useState)(null),[ue,de]=(0,j.useState)(!1),[M,P]=(0,j.useState)(``),[pe,he]=(0,j.useState)(null),[R,z]=(0,j.useState)(!1),B=A({chat:t.chat}),V=(0,j.useRef)(null),H=te({disabled:R,chat:t.chat,onTranscript:e=>{P(t=>se(t,e)),window.setTimeout(()=>V.current?.focus(),0)}}),{phase:U,voiceActive:W,startVoiceInput:ge,cancelVoiceInput:G,confirmVoiceInput:K,retryVoiceInput:q}=H,J=(0,j.useCallback)(async(t=!1)=>{t&&ce(!0),O(null);try{let t=await ne(e);w({...t,needsUser:t.needsUser.filter(e=>e.primaryAction?.type!==`review_judgment`&&e.openAction?.type!==`review_judgment`),background:t.background.filter(e=>e.primaryAction?.type!==`review_judgment`&&e.openAction?.type!==`review_judgment`)})}catch(e){O(e instanceof Error?e.message:String(e))}finally{ce(!1)}},[e]);(0,j.useEffect)(()=>{J(!0)},[J]),(0,j.useEffect)(()=>{let e,t=t=>{e!==void 0&&window.clearTimeout(e),e=window.setTimeout(()=>{e=void 0,J()},t)},n=()=>t(100),r=()=>t(750),i=[`session-created`,`agent-run-started`,`agent-run-ended`,`automation-run-completed`,`workflow-run-updated`,`workflow-run-error`],a=[`session-updated`,`session-transcript-updated`];return i.forEach(e=>window.addEventListener(e,n)),a.forEach(e=>window.addEventListener(e,r)),()=>{i.forEach(e=>window.removeEventListener(e,n)),a.forEach(e=>window.removeEventListener(e,r)),e!==void 0&&window.clearTimeout(e)}},[J]);let Y=(0,j.useCallback)(async e=>{if(!(e.length===0||R)){z(!0);try{await B.processFiles(e)}finally{z(!1)}}},[R,B.processFiles]),_e=(0,j.useCallback)(async e=>{let t=y(e.clipboardData);t.length!==0&&(e.preventDefault(),await Y(t))},[Y]),ve=(0,j.useCallback)(e=>{e.dataTransfer.types.includes(`Files`)&&(e.preventDefault(),e.dataTransfer.dropEffect=`copy`,B.setIsDragging(!0))},[B.setIsDragging]),ye=(0,j.useCallback)(e=>{let t=e.relatedTarget;(!(t instanceof Node)||!e.currentTarget.contains(t))&&B.setIsDragging(!1)},[B.setIsDragging]),X=(0,j.useCallback)(async e=>{e.preventDefault(),B.setIsDragging(!1),await Y(Array.from(e.dataTransfer.files))},[B.setIsDragging,Y]),Z=(0,j.useCallback)(e=>{e.preventDefault();let t=B.wireAttachmentsPayload(),n=ae(M,t.length>0?k(t):void 0,{projectScope:`none`});n&&(de(!1),P(``),B.clearAttachments(),s(n))},[B.clearAttachments,B.wireAttachmentsPayload,M,s]),Q=B.attachments.length>=10,be={attachTitle:Q?F(t.chat.maxAttachmentsReached,{max:10}):`${t.chat.attachFile} (${B.attachments.length}/10)`,dropFiles:t.chat.dropFiles,intentLabel:r.intentLabel,intentPlaceholder:r.intentPlaceholder,intentSuggestion:r.intentSuggestion,shortcut:n.home.submitShortcut,submit:r.newWork},$=!!(C&&C.needsUser.length===0&&C.backgroundCount===0),xe=$||ue;(0,j.useEffect)(()=>{!xe&&W&&G()},[G,xe,W]),(0,j.useEffect)(()=>{let e=e=>{let t=e.detail?.target;t&&t!==`chat`||!xe||R||(e.preventDefault(),U===`recording`?K():U===`idle`?(V.current?.focus(),ge()):U===`error`&&q())},t=e=>{let t=e.detail?.target;t&&t!==`chat`||!xe||!W||(e.preventDefault(),G(),V.current?.focus())};return window.addEventListener(D,e),window.addEventListener(E,t),()=>{window.removeEventListener(D,e),window.removeEventListener(E,t)}},[R,G,xe,K,q,ge,W,U]);let Se=(0,j.useCallback)(e=>{e||G(),de(e)},[G]),Ce=(0,j.useMemo)(()=>$?null:(0,N.jsxs)(_,{type:`button`,variant:`primary`,className:`h-9 rounded-lg`,onClick:()=>de(!0),children:[(0,N.jsx)(a,{className:`size-4`,"aria-hidden":!0}),r.newWork]}),[r.newWork,$]),we=(0,j.useCallback)((e,t)=>{if(e.type===`open`){s(e.href);return}if(e.type===`review_judgment`){s(`/assistant-work?item=${encodeURIComponent(e.itemId)}`);return}he(t),O(null),(async()=>{try{e.type===`connector_decision`?await ee({kind:`connector_approval`,approvalId:e.approvalId},e.decision):e.type===`retry_run`?await ie({kind:e.subjectKind,runId:e.runId}):e.type===`acknowledge_run`&&await re({kind:e.subjectKind,runId:e.runId}),await J()}catch(e){O(e instanceof Error?e.message:String(e))}finally{he(null)}})()},[J,s]);(0,j.useLayoutEffect)(()=>(v({startExtra:null,main:(0,N.jsx)(`h1`,{className:`truncate text-base font-semibold tracking-tight text-fg`,children:n.title}),end:Ce}),()=>x()),[x,Ce,v,n.title]);let Te=C?.needsUser.length??0,Ee=C?.backgroundCount??0,De=Te>0?F(n.home.attentionTitle,{count:Te}):Ee>0?n.home.clearTitle:n.home.idleTitle,Oe=Te>0?Ee>0?F(n.home.attentionIntroWithBackground,{count:Ee}):n.home.attentionIntro:Ee>0?F(n.home.clearIntro,{count:Ee}):n.home.idleIntro;return(0,N.jsxs)(`main`,{className:`mx-auto flex w-full max-w-[920px] flex-1 flex-col px-4 py-8 sm:px-6 lg:px-8 lg:py-12`,children:[(0,N.jsx)(`input`,{ref:B.fileInputRef,type:`file`,multiple:!0,className:`hidden`,onChange:e=>{let t=e.target.files;t&&Y(Array.from(t)),e.target.value=``}}),(0,N.jsx)(g,{open:ue,onOpenChange:Se,children:(0,N.jsxs)(p,{children:[(0,N.jsx)(u,{className:`xopc-dialog-overlay fixed inset-0 z-[80] bg-scrim backdrop-blur-[2px]`}),(0,N.jsxs)(m,{className:`xopc-dialog-content fixed left-1/2 top-1/2 z-[90] flex h-[min(31rem,calc(100dvh-1.5rem))] w-[min(36rem,calc(100vw-1.5rem))] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-xl border border-edge bg-surface-overlay shadow-float focus:outline-none`,children:[(0,N.jsxs)(`div`,{className:`flex shrink-0 items-start gap-4 border-b border-edge px-5 py-4`,children:[(0,N.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,N.jsx)(h,{className:`text-base font-semibold text-fg`,children:r.dialogTitle}),(0,N.jsx)(d,{className:`mt-1 text-sm leading-5 text-fg-muted`,children:r.dialogDescription})]}),(0,N.jsx)(f,{asChild:!0,children:(0,N.jsx)(_,{type:`button`,variant:`ghost`,className:`-mr-2 -mt-1 size-8 shrink-0 rounded-lg p-0`,title:n.cancel,"aria-label":n.cancel,children:(0,N.jsx)(o,{className:`size-4`,"aria-hidden":!0})})})]}),(0,N.jsx)(fe,{variant:`dialog`,inputId:`new-conversation-intent`,inputRef:V,intent:M,labels:{...be,submit:r.submit},attachments:B.attachments,isDragging:B.isDragging,attachmentBusy:R,attachmentsFull:Q,voice:H,chat:t.chat,cancelAction:(0,N.jsx)(f,{asChild:!0,children:(0,N.jsx)(_,{type:`button`,variant:`ghost`,children:n.cancel})}),onIntentChange:P,onPickFiles:()=>B.fileInputRef.current?.click(),onRemoveAttachment:B.removeAttachment,onPaste:e=>void _e(e),onDragOver:ve,onDragLeave:ye,onDrop:e=>void X(e),onSubmit:Z})]})]})}),le?(0,N.jsxs)(`div`,{className:`mb-6 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,N.jsx)(`span`,{children:le}),(0,N.jsx)(_,{type:`button`,variant:`ghost`,className:`h-8 px-2`,onClick:()=>void J(),children:n.home.retry})]}):null,oe?(0,N.jsx)(I,{}):C?(0,N.jsxs)(`div`,{className:$?`mx-auto my-auto w-full max-w-[640px]`:`w-full`,children:[(0,N.jsxs)(`section`,{className:$?`w-full text-center`:`max-w-3xl`,children:[(0,N.jsx)(`h2`,{className:`text-3xl font-semibold leading-tight tracking-[-0.035em] text-fg sm:text-4xl`,children:De}),(0,N.jsx)(`p`,{className:$?`mx-auto mt-3 max-w-xl text-sm leading-6 text-fg-muted sm:text-base sm:leading-7`:`mt-3 max-w-2xl text-sm leading-6 text-fg-muted sm:text-base sm:leading-7`,children:Oe}),$?(0,N.jsx)(fe,{variant:`inline`,inputId:`idle-conversation-intent`,inputRef:V,intent:M,labels:be,attachments:B.attachments,isDragging:B.isDragging,attachmentBusy:R,attachmentsFull:Q,voice:H,chat:t.chat,onIntentChange:P,onPickFiles:()=>B.fileInputRef.current?.click(),onRemoveAttachment:B.removeAttachment,onPaste:e=>void _e(e),onDragOver:ve,onDragLeave:ye,onDrop:e=>void X(e),onSubmit:Z}):null]}),C.needsUser.length>0?(0,N.jsxs)(`section`,{className:`mt-10`,"aria-labelledby":`home-needs-user-title`,children:[(0,N.jsxs)(`div`,{className:`mb-3 flex items-center gap-2 px-1`,children:[(0,N.jsx)(S,{className:`size-4 text-warning`,"aria-hidden":!0}),(0,N.jsx)(`h2`,{id:`home-needs-user-title`,className:`text-sm font-semibold text-fg`,children:n.home.needsUserTitle})]}),(0,N.jsx)(`div`,{className:`divide-y divide-edge-subtle overflow-hidden rounded-2xl border border-edge-subtle bg-surface-base`,children:C.needsUser.map(t=>(0,N.jsx)(me,{item:t,busy:pe===t.id,recommendationLabel:n.home.recommendationLabel,dueLabel:n.home.dueLabel,failureLabel:r.runAttention,locale:e,onAction:we},t.id))})]}):null,C.background.length>0?(0,N.jsxs)(`section`,{className:`mt-10`,"aria-labelledby":`home-background-title`,children:[(0,N.jsxs)(`div`,{className:`flex items-center justify-between gap-3 px-1`,children:[(0,N.jsx)(`h2`,{id:`home-background-title`,className:`text-sm font-semibold text-fg`,children:n.home.backgroundTitle}),(0,N.jsx)(`span`,{className:`text-xs text-fg-subtle`,children:F(n.home.backgroundCount,{count:C.backgroundCount})})]}),(0,N.jsx)(`div`,{className:`mt-2 divide-y divide-edge-subtle border-y border-edge-subtle`,children:C.background.map(e=>(0,N.jsx)(L,{item:e,onAction:we},e.id))})]}):null]}):null]})}export{he as HomePage};