@xopcai/xopc 0.0.149 → 0.0.151

package/dist/gateway/static/root/assets/connectors-page-DLsZCAw7.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{d as i}from"./chunk-QUQL4437-DXsxWP7r.js";import{t as a}from"./cn-BQ_8x0bT.js";import{t as o}from"./check-BODqo66o.js";import{n as s}from"./copy-to-clipboard-HOJ79TWv.js";import{t as c}from"./messages-t1yPaVCt.js";import{d as l,i as u,n as d,o as f}from"./locale-store-BneNAR8R.js";import{$s as p,Ao as m,Ci as h,Dc as g,Di as _,Fo as v,Gi as y,Go as b,Hi as x,Io as S,Ml as C,Mo as w,No as T,Po as E,Qs as D,Rs as O,Si as k,Sl as A,Ti as j,Ui as M,Vi as N,Vl as P,Vs as F,Wi as I,Wo as L,Xo as R,Yo as z,Ys as B,Zl as ee,bs as te,cc as ne,el as re,gc as ie,hc as ae,hs as V,ic as oe,io as se,jo as ce,js as le,ko as ue,ls as H,ms as de,os as fe,qo as pe,ro as me,sa as he,tc as ge,tu as U,vc as W,wi as G,ys as _e,zc as K}from"./index-CH7XN6KY.js";import{t as ve}from"./page-tabs-DMlQERNg.js";import{t as q}from"./connector-logo-BjbYbJjQ.js";var J=e(t(),1),Y=n(),X=r(),Z=`animate-pulse motion-reduce:animate-none rounded-md bg-surface-hover dark:bg-surface-active/50`,ye=[`c0`,`c1`,`c2`,`c3`,`c4`,`c5`];function be(e,t){return t.some(t=>t.connectorId===e.id)}function xe(){let e=(0,Y.c)(2),t;e[0]===Symbol.for(`react.memo_cache_sentinel`)?(t=(0,X.jsx)(`div`,{className:a(`size-10 shrink-0 rounded-xl`,Z)}),e[0]=t):t=e[0];let n;return e[1]===Symbol.for(`react.memo_cache_sentinel`)?(n=(0,X.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,X.jsxs)(`div`,{className:`flex min-h-0 flex-1 items-start gap-3`,children:[t,(0,X.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-2`,children:[(0,X.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,X.jsx)(`div`,{className:a(`h-4 min-w-0 flex-1`,Z)}),(0,X.jsx)(`div`,{className:a(`h-8 w-[4.5rem] shrink-0 rounded-lg`,Z)})]}),(0,X.jsx)(`div`,{className:a(`h-3 w-full`,Z)}),(0,X.jsx)(`div`,{className:a(`h-3 w-[88%]`,Z)})]})]})}),e[1]=n):n=e[1],n}function Se(){let e=(0,Y.c)(4),t;e[0]===Symbol.for(`react.memo_cache_sentinel`)?(t=(0,X.jsx)(`div`,{className:a(`size-10 shrink-0 rounded-xl`,Z)}),e[0]=t):t=e[0];let n;e[1]===Symbol.for(`react.memo_cache_sentinel`)?(n=(0,X.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-2`,children:[(0,X.jsx)(`div`,{className:a(`h-4 w-48 max-w-full`,Z)}),(0,X.jsx)(`div`,{className:a(`h-3 w-72 max-w-full`,Z)})]}),e[1]=n):n=e[1];let r;e[2]===Symbol.for(`react.memo_cache_sentinel`)?(r=(0,X.jsxs)(`div`,{className:`flex items-start gap-3`,children:[t,(0,X.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-wrap items-start justify-between gap-3`,children:[n,(0,X.jsxs)(`div`,{className:`flex shrink-0 gap-2`,children:[(0,X.jsx)(`div`,{className:a(`h-9 w-20 rounded-lg`,Z)}),(0,X.jsx)(`div`,{className:a(`h-9 w-20 rounded-lg`,Z)})]})]})]}),e[2]=r):r=e[2];let i;return e[3]===Symbol.for(`react.memo_cache_sentinel`)?(i=(0,X.jsxs)(`div`,{className:`rounded-2xl bg-surface-panel p-4 shadow-surface`,"aria-hidden":!0,children:[r,(0,X.jsxs)(`div`,{className:`mt-4 flex flex-wrap gap-2`,children:[(0,X.jsx)(`div`,{className:a(`h-8 w-20 rounded-md`,Z)}),(0,X.jsx)(`div`,{className:a(`h-8 w-24 rounded-md`,Z)}),(0,X.jsx)(`div`,{className:a(`h-8 w-28 rounded-md`,Z)})]}),(0,X.jsx)(`div`,{className:a(`mt-3 h-20 rounded-xl`,Z)})]}),e[3]=i):i=e[3],i}function Ce(e){let t=(0,Y.c)(80),{connector:n,installed:r,onInstall:i,onOpenDetails:o,t:s}=e,c,l,u,d,f,p,m,h,_,v;if(t[0]!==n||t[1]!==r||t[2]!==i||t[3]!==o||t[4]!==s.connect||t[5]!==s.connectedBadge||t[6]!==s.connectorBeta||t[7]!==s.connectorCapabilityLabels||t[8]!==s.connectorExperimental||t[9]!==s.connectorVerified||t[10]!==s.integrationStrategyComposio||t[11]!==s.integrationStrategyMcp||t[12]!==s.integrationStrategyNative){let e=n.capabilities.filter(we),y=e.slice(0,3),b=Math.max(0,e.length-y.length),x=s.connect,S=n.verificationLevel===`verified`?s.connectorVerified:n.verificationLevel===`beta`?s.connectorBeta:n.verificationLevel===`experimental`?s.connectorExperimental:null,C=n.integrationStrategy?.lane===`native`?s.integrationStrategyNative:n.integrationStrategy?.lane===`mcp`?s.integrationStrategyMcp:n.integrationStrategy?.lane===`composio`?s.integrationStrategyComposio:null,w;t[23]!==x||t[24]!==n||t[25]!==i?(w=e=>(0,X.jsxs)(V,{type:`button`,variant:`primary`,className:a(`h-8 justify-center px-2.5 text-xs font-medium`,e),onClick:e=>{e.stopPropagation(),i(n)},children:[(0,X.jsx)(g,{className:`size-4`}),x]}),t[23]=x,t[24]=n,t[25]=i,t[26]=w):w=t[26],c=w;let T;t[27]!==n||t[28]!==o?(T=e=>{!o||e.currentTarget!==e.target||e.key!==`Enter`&&e.key!==` `||(e.preventDefault(),o(n))},t[27]=n,t[28]=o,t[29]=T):T=t[29];let E=T,D=o?`cursor-pointer`:null;t[30]===D?p=t[31]:(p=a(`group flex min-h-[9.5rem] flex-col rounded-lg bg-surface-panel p-4 shadow-surface transition-colors hover:bg-surface-hover/45 focus-within:ring-2 focus-within:ring-accent/30`,D),t[30]=D,t[31]=p),m=o?`button`:void 0,h=o?0:void 0,t[32]!==n||t[33]!==o?(_=()=>o?.(n),t[32]=n,t[33]=o,t[34]=_):_=t[34],v=E,l=`flex min-w-0 flex-1 flex-col`;let O;t[35]===n?O=t[36]:(O=(0,X.jsx)(q,{connector:n}),t[35]=n,t[36]=O);let k;t[37]===n.displayName?k=t[38]:(k=(0,X.jsx)(`h3`,{className:`truncate text-sm font-semibold text-fg`,children:n.displayName}),t[37]=n.displayName,t[38]=k);let A;t[39]===S?A=t[40]:(A=S?(0,X.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:S}):null,t[39]=S,t[40]=A);let j;t[41]===C?j=t[42]:(j=C?(0,X.jsx)(`span`,{className:`ml-1 mt-1 inline-flex rounded-full border border-accent/20 bg-accent-soft px-1.5 py-0.5 text-[10px] font-medium text-accent-fg`,children:C}):null,t[41]=C,t[42]=j);let M;t[43]!==k||t[44]!==A||t[45]!==j?(M=(0,X.jsxs)(`div`,{className:`min-w-0`,children:[k,A,j]}),t[43]=k,t[44]=A,t[45]=j,t[46]=M):M=t[46];let N;t[47]!==O||t[48]!==M?(N=(0,X.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[O,M]}),t[47]=O,t[48]=M,t[49]=N):N=t[49];let P;t[50]!==r||t[51]!==c?(P=r?null:(0,X.jsx)(`div`,{className:`hidden shrink-0 items-center gap-1 transition-opacity sm:pointer-events-none sm:flex sm:opacity-0 sm:group-hover:pointer-events-auto sm:group-hover:opacity-100 sm:group-focus-within:pointer-events-auto sm:group-focus-within:opacity-100`,children:c()}),t[50]=r,t[51]=c,t[52]=P):P=t[52];let F;t[53]!==r||t[54]!==s.connectedBadge?(F=r?(0,X.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,X.jsx)(ee,{className:`size-3`,"aria-hidden":!0}),s.connectedBadge]}):null,t[53]=r,t[54]=s.connectedBadge,t[55]=F):F=t[55];let I;t[56]!==P||t[57]!==F?(I=(0,X.jsxs)(`div`,{className:`flex shrink-0 items-start gap-2`,children:[P,F]}),t[56]=P,t[57]=F,t[58]=I):I=t[58],t[59]!==N||t[60]!==I?(u=(0,X.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[N,I]}),t[59]=N,t[60]=I,t[61]=u):u=t[61],t[62]===n.description?d=t[63]:(d=(0,X.jsx)(`p`,{className:`mt-4 line-clamp-2 text-sm leading-6 text-fg-muted`,title:n.description,children:n.description}),t[62]=n.description,t[63]=d),f=y.length>0?(0,X.jsxs)(`div`,{className:`mt-4 flex flex-wrap gap-1.5`,children:[y.map(e=>(0,X.jsx)(`span`,{className:`rounded-md bg-surface-base px-2 py-0.5 text-[11px] text-fg-muted`,children:s.connectorCapabilityLabels[e]??e},e)),b>0?(0,X.jsxs)(`span`,{className:`rounded-md bg-surface-base px-2 py-0.5 text-[11px] text-fg-subtle`,children:[`+`,b]}):null]}):null,t[0]=n,t[1]=r,t[2]=i,t[3]=o,t[4]=s.connect,t[5]=s.connectedBadge,t[6]=s.connectorBeta,t[7]=s.connectorCapabilityLabels,t[8]=s.connectorExperimental,t[9]=s.connectorVerified,t[10]=s.integrationStrategyComposio,t[11]=s.integrationStrategyMcp,t[12]=s.integrationStrategyNative,t[13]=c,t[14]=l,t[15]=u,t[16]=d,t[17]=f,t[18]=p,t[19]=m,t[20]=h,t[21]=_,t[22]=v}else c=t[13],l=t[14],u=t[15],d=t[16],f=t[17],p=t[18],m=t[19],h=t[20],_=t[21],v=t[22];let y;t[64]!==l||t[65]!==u||t[66]!==d||t[67]!==f?(y=(0,X.jsxs)(`div`,{className:l,children:[u,d,f]}),t[64]=l,t[65]=u,t[66]=d,t[67]=f,t[68]=y):y=t[68];let b;t[69]!==r||t[70]!==c?(b=r?null:(0,X.jsx)(`div`,{className:`mt-4 flex flex-col gap-2 border-t border-edge pt-3 sm:hidden`,children:c(`w-full`)}),t[69]=r,t[70]=c,t[71]=b):b=t[71];let x;return t[72]!==y||t[73]!==b||t[74]!==p||t[75]!==m||t[76]!==h||t[77]!==_||t[78]!==v?(x=(0,X.jsxs)(`div`,{className:p,role:m,tabIndex:h,onClick:_,onKeyDown:v,children:[y,b]}),t[72]=y,t[73]=b,t[74]=p,t[75]=m,t[76]=h,t[77]=_,t[78]=v,t[79]=x):x=t[79],x}function we(e){return!e.startsWith(`runtime.`)&&!e.startsWith(`auth.`)}function Q(e,t){if(!e.payload)throw Error(e.error??t);return e.payload}async function Te(){let[e,t]=await Promise.all([u(l(`/api/connectors/catalog`)),Ee().catch(()=>[])]),n=Q(e,`Could not load connector catalog.`).connectors;return[...new Map([...t,...n].map(e=>[e.id,e])).values()]}async function Ee(e=!1){return Q(await u(l(`/api/connectors/composio/catalog${e?`?refresh=1`:``}`)),`Could not load Composio catalog.`).connectors}async function De(e){let t=new URLSearchParams;return e?.q?.trim()&&t.set(`q`,e.q.trim()),e?.page&&t.set(`page`,String(e.page)),e?.pageSize&&t.set(`pageSize`,String(e.pageSize)),e?.category?.trim()&&t.set(`category`,e.category.trim()),e?.sort&&t.set(`sort`,e.sort),Q(await u(l(`/api/capabilities/connectors${t.size?`?${t.toString()}`:``}`)),`Could not load Store connector capabilities.`)}async function Oe(e,t){return Q(await u(l(`/api/capabilities/connectors/${encodeURIComponent(e)}/install-plan`),{method:`POST`,body:JSON.stringify({version:t})}),`Could not prepare connector installation.`).plan}async function ke(e,t,n){let r=await u(l(`/api/capabilities/connectors/${encodeURIComponent(e)}/install`),{method:`POST`,body:JSON.stringify({...t,version:n})});return me(),Q(r,`Could not install Store connector.`).instance}async function Ae(){return Q(await u(l(`/api/connectors/catalog`)),`Could not load connector registries.`).registries??[]}async function je(){return Q(await u(l(`/api/connectors/installed`)),`Could not load installed connectors.`).instances}var Me=new Map,Ne=300*1e3;async function Pe(e,t=`all`,n){let r=e.trim(),i=t.trim()||`all`,a=n?.browse??!1,o=Math.max(n?.page??1,1),s=Math.max(n?.pageSize??24,1),c=`${i}:${r}:${a?`browse`:`search`}:${o}:${s}`,d=Date.now(),f=Me.get(c);if(f&&f.expiresAt>d)return f.promise;let p=new URLSearchParams;r&&p.set(`q`,r),i!==`all`&&p.set(`source`,i),a&&p.set(`browse`,`1`),p.set(`page`,String(o)),p.set(`pageSize`,String(s));let m=u(l(`/api/connectors/registry/search?${p.toString()}`)).then(e=>{let t=Q(e,`Could not search connector registries.`),n=Math.max(0,...(t.results??[]).map(e=>e.totalPages??0))||void 0;return{connectors:t.connectors,totalPages:n}});Me.set(c,{expiresAt:d+Ne,promise:m});try{return await m}catch(e){throw Me.delete(c),e}}async function Fe(e){return Q(await u(l(`/api/connectors/${encodeURIComponent(e)}/auth/start`),{method:`POST`}),`Could not start connector authorization.`).authorization}async function Ie(e,t){let n=await u(l(`/api/connectors/${encodeURIComponent(e)}/install`),{method:`POST`,body:JSON.stringify(t)});return me(),Q(n,`Could not install connector.`).instance}async function Le(e,t={}){return Q(await u(l(`/api/connectors/preview`),{method:`POST`,body:JSON.stringify({...t,definition:e})}),`Could not preview connector capabilities.`).preview}async function Re(e,t){return Q(await u(l(`/api/connectors/${encodeURIComponent(e)}/config`),{method:`POST`,body:JSON.stringify(t)}),`Could not update connector config.`).instance}async function ze(e){await u(l(`/api/connectors/${encodeURIComponent(e)}`),{method:`DELETE`}),me()}async function Be(e){return Q(await u(l(`/api/connectors/${encodeURIComponent(e)}/test`),{method:`POST`}),`Connector test failed.`)}async function Ve(){return Q(await u(l(`/api/connectors/composio/connections`)),`Could not load Composio connections.`).connections}async function He(e,t){return Q(await u(l(`/api/connectors/composio/connections/${encodeURIComponent(e)}`),{method:`PATCH`,body:JSON.stringify(t)}),`Could not update Composio connection.`).connection}async function Ue(e){return Q(await u(l(`/api/connectors/composio/${encodeURIComponent(e)}/health`)),`Could not check Composio connector health.`).health}async function We(e){await u(l(`/api/connectors/composio/connections/${encodeURIComponent(e)}/refresh`),{method:`POST`})}async function Ge(e){await u(l(`/api/connectors/composio/connections/${encodeURIComponent(e)}`),{method:`DELETE`})}async function Ke(e){return Q(await u(l(`/api/connectors/composio/${encodeURIComponent(e)}/scope`)),`Could not load Composio scope.`).scope}async function qe(e,t){let n=await u(l(`/api/connectors/composio/${encodeURIComponent(e)}/scope`),{method:`POST`,body:JSON.stringify({scope:t})});return me(),Q(n,`Could not update Composio scope.`).scope}async function Je(e){return Q(await u(l(`/api/connectors/composio/${encodeURIComponent(e)}/policy`)),`Could not load Composio policy.`)}async function Ye(e,t){return Q(await u(l(`/api/connectors/composio/${encodeURIComponent(e)}/policy`),{method:`PATCH`,body:JSON.stringify(t)}),`Could not update Composio policy.`).policy}async function Xe(e){return Q(await u(l(`/api/connectors/composio/${encodeURIComponent(e)}/tools`)),`Could not load Composio tools.`).tools}async function Ze(e=50){return Q(await u(l(`/api/connectors/composio/triggers?limit=${encodeURIComponent(String(e))}`)),`Could not load Composio trigger events.`).events}async function Qe(e){return Q(await u(l(`/api/connectors/${encodeURIComponent(e.connectorId)}/memory-sync`),{method:`POST`,body:JSON.stringify(e)}),`Could not sync connector data to memory.`)}async function $e(e=`pending`){return Q(await u(l(`/api/connectors/approvals?status=${encodeURIComponent(e)}`)),`Could not load connector approvals.`).approvals}async function et(e,t){return Q(await u(l(`/api/connectors/approvals/respond`),{method:`POST`,body:JSON.stringify({id:e,decision:t})}),`Could not update connector approval.`).approval}function tt(e,t){return Object.entries(t).reduce((e,[t,n])=>e.replaceAll(`{{${t}}}`,String(n)),e)}function nt(e,t){return t.connectorCapabilityLabels[e]??e}function rt(e,t){if(e.runtime.type===`mcp`)return tt(t.connectorRuntimeMcp,{serverId:e.runtime.serverId});let n=e.runtime.type===`composio`?e.runtime.toolkit:e.runtime.type===`channel`?e.runtime.channelId:e.runtime.type===`nativeTool`?e.runtime.toolsetId:e.runtime.sourceKind;return tt(t.connectorRuntimeGeneric,{runtime:e.runtime.type,id:n??e.runtime.type})}function it(e,t){return e.auth.mode===`oauth`?t.connectorAuthOAuth:e.auth.mode===`apiKey`?t.connectorAuthApiKey:t.connectorAuthNone}function at(e){return(e.setup.secrets??[]).filter(e=>e.required).length+(e.setup.config??[]).filter(e=>e.required).length}function ot(e){let t=(0,Y.c)(12),{title:n,items:r}=e;if(r.length===0)return null;let i;t[0]===n?i=t[1]:(i=(0,X.jsx)(`div`,{className:`border-b border-edge px-3 py-2 text-xs font-semibold text-fg`,children:n}),t[0]=n,t[1]=i);let a;t[2]===r?a=t[3]:(a=r.slice(0,16).map(st),t[2]=r,t[3]=a);let o;t[4]===r.length?o=t[5]:(o=r.length>16?(0,X.jsxs)(`div`,{className:`px-3 py-2 text-xs text-fg-subtle`,children:[`+`,r.length-16]}):null,t[4]=r.length,t[5]=o);let s;t[6]!==a||t[7]!==o?(s=(0,X.jsxs)(`div`,{className:`max-h-48 overflow-y-auto`,children:[a,o]}),t[6]=a,t[7]=o,t[8]=s):s=t[8];let c;return t[9]!==i||t[10]!==s?(c=(0,X.jsxs)(`section`,{className:`rounded-lg border border-edge bg-surface-base`,children:[i,s]}),t[9]=i,t[10]=s,t[11]=c):c=t[11],c}function st(e){return(0,X.jsxs)(`div`,{className:`border-b border-edge-subtle px-3 py-2 last:border-b-0`,children:[(0,X.jsx)(`div`,{className:`break-words font-mono text-xs font-medium text-fg`,children:e.title}),e.description?(0,X.jsx)(`p`,{className:`mt-1 line-clamp-2 text-xs leading-5 text-fg-muted`,children:e.description}):null]},e.id)}function ct({connector:e,installed:t,onClose:n,onInstall:r,t:i}){let[o,s]=(0,J.useState)(!1),[c,l]=(0,J.useState)(null),[u,d]=(0,J.useState)(null),f=at(e),h=e.capabilities.slice(0,8),_=Math.max(0,e.capabilities.length-h.length),y=[...(e.setup.secrets??[]).map(e=>({key:`secret:${e.key}`,label:e.label,description:e.description,required:e.required,kind:i.connectorSetupSecret})),...(e.setup.config??[]).map(e=>({key:`config:${e.key}`,label:e.label,description:e.description,required:!!e.required,kind:i.connectorSetupConfig}))],b=async()=>{s(!0),d(null);try{l(await Le(e))}catch(e){l(null),d(e instanceof Error?e.message:String(e))}finally{s(!1)}};return(0,X.jsx)(ue,{open:!0,onOpenChange:e=>{e||n()},children:(0,X.jsxs)(E,{children:[(0,X.jsx)(T,{className:`xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim`}),(0,X.jsxs)(ce,{className:a(`xopc-dialog-content fixed left-1/2 top-1/2 z-[60] flex h-[min(100vh-2rem,44rem)] w-[min(100%-2rem,min(92vw,52rem))] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden`,`rounded-2xl border border-edge bg-surface-panel shadow-float outline-none dark:border-edge`),children:[(0,X.jsxs)(`div`,{className:`flex shrink-0 items-start justify-between gap-3 border-b border-edge-subtle px-6 py-5`,children:[(0,X.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[(0,X.jsx)(q,{connector:e,size:`lg`}),(0,X.jsxs)(`div`,{className:`min-w-0`,children:[(0,X.jsxs)(`div`,{className:`mb-2 flex flex-wrap items-center gap-2`,children:[(0,X.jsx)(`span`,{className:`rounded-md border border-edge bg-surface-base px-2 py-0.5 text-[11px] font-medium text-fg-muted`,children:e.source}),(0,X.jsx)(`span`,{className:`rounded-md border border-edge bg-surface-base px-2 py-0.5 text-[11px] font-medium text-fg-muted`,children:e.kind}),t?(0,X.jsxs)(`span`,{className:`inline-flex items-center gap-1 rounded-md 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,X.jsx)(ee,{className:`size-3`,"aria-hidden":!0}),i.connectedBadge]}):null]}),(0,X.jsx)(v,{className:`text-base font-semibold text-fg`,children:e.displayName}),(0,X.jsx)(w,{className:`mt-1 line-clamp-3 text-sm leading-6 text-fg-muted`,children:e.description})]})]}),(0,X.jsx)(m,{asChild:!0,children:(0,X.jsxs)(`button`,{type:`button`,className:a(`rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg`,H.focusRingPanel),"aria-label":i.modalClose,children:[(0,X.jsx)(_e,{className:`size-5`,strokeWidth:1.75,"aria-hidden":!0}),(0,X.jsx)(`span`,{className:`sr-only`,children:i.modalClose})]})})]}),(0,X.jsxs)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-6 py-5`,children:[(0,X.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:[(0,X.jsxs)(`div`,{className:`rounded-lg border border-edge bg-surface-base p-3`,children:[(0,X.jsxs)(`div`,{className:`flex items-center gap-2 text-xs font-medium text-fg-muted`,children:[(0,X.jsx)(te,{className:`size-3.5`,"aria-hidden":!0}),i.detailTools]}),(0,X.jsx)(`p`,{className:`mt-2 text-sm font-semibold text-fg`,children:c?tt(i.connectorPreviewToolsCount,{count:c.toolCount}):i.connectorPreviewUnknown})]}),(0,X.jsxs)(`div`,{className:`rounded-lg border border-edge bg-surface-base p-3`,children:[(0,X.jsxs)(`div`,{className:`flex items-center gap-2 text-xs font-medium text-fg-muted`,children:[(0,X.jsx)(re,{className:`size-3.5`,"aria-hidden":!0}),i.detailPermissions]}),(0,X.jsx)(`p`,{className:`mt-2 text-sm font-semibold text-fg`,children:it(e,i)})]}),(0,X.jsxs)(`div`,{className:`rounded-lg border border-edge bg-surface-base p-3`,children:[(0,X.jsxs)(`div`,{className:`flex items-center gap-2 text-xs font-medium text-fg-muted`,children:[(0,X.jsx)(C,{className:`size-3.5`,"aria-hidden":!0}),i.connectorRequiredInputs]}),(0,X.jsx)(`p`,{className:`mt-2 text-sm font-semibold text-fg`,children:tt(i.connectorRequiredInputsCount,{count:f})})]})]}),(0,X.jsxs)(`div`,{className:`mt-5 grid gap-5 lg:grid-cols-[minmax(0,1fr)_18rem]`,children:[(0,X.jsxs)(`div`,{className:`min-w-0 space-y-5`,children:[(0,X.jsxs)(`section`,{children:[(0,X.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:i.connectorCapabilitiesTitle}),(0,X.jsxs)(`div`,{className:`mt-3 flex flex-wrap gap-1.5`,children:[h.map(e=>(0,X.jsx)(`span`,{className:`rounded-md border border-edge bg-surface-base px-2 py-1 text-xs text-fg-muted`,children:nt(e,i)},e)),_>0?(0,X.jsxs)(`span`,{className:`rounded-md border border-edge bg-surface-base px-2 py-1 text-xs text-fg-subtle`,children:[`+`,_]}):null]}),(0,X.jsx)(`p`,{className:`mt-3 text-sm leading-6 text-fg-muted`,children:i.connectorCapabilitiesHint})]}),u?(0,X.jsx)(`p`,{className:`rounded-lg bg-red-500/10 px-3 py-2 text-sm text-red-600`,children:u}):null,c?(0,X.jsxs)(`section`,{children:[(0,X.jsxs)(`div`,{className:`mb-3 flex flex-wrap items-center justify-between gap-2`,children:[(0,X.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:i.connectorPreviewTitle}),(0,X.jsx)(`span`,{className:a(`rounded-full px-2 py-0.5 text-xs font-medium`,c.ok?`bg-emerald-500/10 text-emerald-700 dark:text-emerald-300`:`bg-amber-500/10 text-amber-700 dark:text-amber-300`),children:c.ok?i.healthStatusHealthy:i.healthStatusLabels[c.status]??c.status})]}),(0,X.jsxs)(`div`,{className:`mb-3 grid gap-2 text-xs sm:grid-cols-3`,children:[(0,X.jsxs)(`div`,{className:`rounded-lg border border-edge bg-surface-base px-3 py-2`,children:[(0,X.jsx)(`div`,{className:`font-semibold text-fg`,children:c.toolCount}),(0,X.jsx)(`div`,{className:`text-fg-muted`,children:i.toolsMetric})]}),(0,X.jsxs)(`div`,{className:`rounded-lg border border-edge bg-surface-base px-3 py-2`,children:[(0,X.jsx)(`div`,{className:`font-semibold text-fg`,children:c.resourceCount}),(0,X.jsx)(`div`,{className:`text-fg-muted`,children:i.resourcesMetric})]}),(0,X.jsxs)(`div`,{className:`rounded-lg border border-edge bg-surface-base px-3 py-2`,children:[(0,X.jsx)(`div`,{className:`font-semibold text-fg`,children:c.promptCount}),(0,X.jsx)(`div`,{className:`text-fg-muted`,children:i.promptsMetric})]})]}),(0,X.jsxs)(`div`,{className:`grid gap-2`,children:[(0,X.jsx)(ot,{title:i.detailTools,items:c.tools.map(e=>({id:e.name,title:e.shortName??e.name,description:e.description}))}),(0,X.jsx)(ot,{title:i.detailResources,items:c.resources.map(e=>({id:e.uri,title:e.title??e.name??e.uri,description:e.description??e.uri}))}),(0,X.jsx)(ot,{title:i.detailPrompts,items:c.prompts.map(e=>({id:e.name,title:e.title??e.name,description:e.description??tt(i.promptArgumentCount,{count:e.argumentCount})}))})]}),c.error?(0,X.jsx)(`p`,{className:`mt-3 text-xs leading-5 text-fg-subtle`,children:c.error}):null,c.action?(0,X.jsx)(`p`,{className:`mt-2 text-xs leading-5 text-fg-subtle`,children:c.action}):null]}):null]}),(0,X.jsxs)(`aside`,{className:`space-y-3`,children:[(0,X.jsxs)(`section`,{className:`rounded-lg border border-edge bg-surface-base p-3`,children:[(0,X.jsxs)(`h3`,{className:`flex items-center gap-2 text-sm font-semibold text-fg`,children:[(0,X.jsx)(re,{className:`size-4 text-accent`,"aria-hidden":!0}),i.detailPermissions]}),(0,X.jsx)(`p`,{className:`mt-2 text-sm font-medium text-fg`,children:it(e,i)})]}),(0,X.jsxs)(`section`,{className:`rounded-lg border border-edge bg-surface-base p-3`,children:[(0,X.jsxs)(`h3`,{className:`flex items-center gap-2 text-sm font-semibold text-fg`,children:[(0,X.jsx)(C,{className:`size-4 text-accent`,"aria-hidden":!0}),i.connectorSetupTitle]}),y.length>0?(0,X.jsx)(`div`,{className:`mt-3 divide-y divide-edge overflow-hidden rounded-lg border border-edge`,children:y.map(e=>(0,X.jsxs)(`div`,{className:`bg-surface-panel px-3 py-2.5`,children:[(0,X.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,X.jsx)(`span`,{className:`text-sm font-medium text-fg`,children:e.label}),(0,X.jsx)(`span`,{className:`rounded-md bg-surface-hover px-1.5 py-0.5 text-[11px] text-fg-muted`,children:e.kind}),e.required?(0,X.jsx)(`span`,{className:`rounded-md bg-amber-500/10 px-1.5 py-0.5 text-[11px] font-medium text-amber-700 dark:text-amber-300`,children:i.connectorSetupRequired}):null]}),e.description?(0,X.jsx)(`p`,{className:`mt-1 text-xs leading-5 text-fg-muted`,children:e.description}):null]},e.key))}):(0,X.jsx)(`p`,{className:`mt-2 text-sm leading-6 text-fg-muted`,children:i.connectorSetupNone})]}),(0,X.jsxs)(`section`,{className:`rounded-lg border border-edge bg-surface-base p-3`,children:[(0,X.jsxs)(`h3`,{className:`flex items-center gap-2 text-sm font-semibold text-fg`,children:[(0,X.jsx)(p,{className:`size-4 text-accent`,"aria-hidden":!0}),i.connectorRuntimeTitle]}),(0,X.jsx)(`p`,{className:`mt-2 break-words text-xs leading-5 text-fg-muted`,children:rt(e,i)})]})]})]})]}),(0,X.jsxs)(`div`,{className:`flex shrink-0 flex-wrap justify-end gap-2 border-t border-edge-subtle px-6 py-4`,children:[(0,X.jsx)(m,{asChild:!0,children:(0,X.jsx)(V,{variant:`secondary`,children:i.modalClose})}),(0,X.jsxs)(V,{variant:`secondary`,disabled:o,onClick:()=>void b(),children:[o?(0,X.jsx)(K,{className:`size-4 animate-spin`}):(0,X.jsx)(te,{className:`size-4`}),i.connectorPreviewButton]}),t?(0,X.jsxs)(V,{variant:`secondary`,disabled:!0,children:[(0,X.jsx)(W,{className:`size-4`}),i.connectedBadge]}):(0,X.jsxs)(V,{variant:`primary`,onClick:()=>{r(e),n()},children:[(0,X.jsx)(g,{className:`size-4`}),i.connect]})]})]})]})})}var lt=a(`w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg`,`placeholder:text-fg-subtle`,de);function ut(e){let t=(0,Y.c)(58),{open:n,sessionIdleTtlMinutes:r,saving:i,onChange:o,onSave:s,onClose:c,t:l,mcp:u}=e,d;t[0]===c?d=t[1]:(d=e=>{e||c()},t[0]=c,t[1]=d);let f;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(f=(0,X.jsx)(T,{className:`xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim`}),t[2]=f):f=t[2];let p;t[3]===Symbol.for(`react.memo_cache_sentinel`)?(p=a(`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-panel shadow-float dark:border-edge`),t[3]=p):p=t[3];let h;t[4]===Symbol.for(`react.memo_cache_sentinel`)?(h=(0,X.jsx)(`span`,{className:`flex size-10 shrink-0 items-center justify-center rounded-xl bg-accent-soft text-accent-fg`,children:(0,X.jsx)(ie,{className:`size-5`,strokeWidth:1.75,"aria-hidden":!0})}),t[4]=h):h=t[4];let g;t[5]===l.runtimeSettingsTitle?g=t[6]:(g=(0,X.jsx)(v,{className:`text-base font-semibold text-fg`,children:l.runtimeSettingsTitle}),t[5]=l.runtimeSettingsTitle,t[6]=g);let _;t[7]===l.runtimeSettingsHint?_=t[8]:(_=(0,X.jsx)(w,{className:`mt-1 text-sm text-fg-muted`,children:l.runtimeSettingsHint}),t[7]=l.runtimeSettingsHint,t[8]=_);let y;t[9]!==g||t[10]!==_?(y=(0,X.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[h,(0,X.jsxs)(`div`,{className:`min-w-0`,children:[g,_]})]}),t[9]=g,t[10]=_,t[11]=y):y=t[11];let b;t[12]===Symbol.for(`react.memo_cache_sentinel`)?(b=a(`rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg`,H.focusRingPanel),t[12]=b):b=t[12];let x;t[13]===Symbol.for(`react.memo_cache_sentinel`)?(x=(0,X.jsx)(_e,{className:`size-5`,strokeWidth:1.75,"aria-hidden":!0}),t[13]=x):x=t[13];let S;t[14]===l.modalClose?S=t[15]:(S=(0,X.jsx)(m,{asChild:!0,children:(0,X.jsx)(`button`,{type:`button`,className:b,"aria-label":l.modalClose,children:x})}),t[14]=l.modalClose,t[15]=S);let C;t[16]!==S||t[17]!==y?(C=(0,X.jsxs)(`div`,{className:`flex shrink-0 items-start justify-between gap-3 border-b border-edge-subtle px-6 py-5`,children:[y,S]}),t[16]=S,t[17]=y,t[18]=C):C=t[18];let D;t[19]===u.idleTtlLabel?D=t[20]:(D=(0,X.jsx)(`span`,{className:`text-sm font-medium text-fg`,children:u.idleTtlLabel}),t[19]=u.idleTtlLabel,t[20]=D);let O;t[21]===Symbol.for(`react.memo_cache_sentinel`)?(O=a(lt,`w-40 flex-none`),t[21]=O):O=t[21];let k=r??``,A;t[22]===o?A=t[23]:(A=e=>{let t=e.currentTarget.value.trim();o(t===``?void 0:Number.parseInt(t,10))},t[22]=o,t[23]=A);let j;t[24]!==u.idleTtlPlaceholder||t[25]!==k||t[26]!==A?(j=(0,X.jsx)(`input`,{type:`number`,min:0,className:O,value:k,placeholder:u.idleTtlPlaceholder,onChange:A}),t[24]=u.idleTtlPlaceholder,t[25]=k,t[26]=A,t[27]=j):j=t[27];let M;t[28]===u.idleTtlHint?M=t[29]:(M=(0,X.jsx)(`span`,{className:`text-xs text-fg-subtle`,children:u.idleTtlHint}),t[28]=u.idleTtlHint,t[29]=M);let N;t[30]!==D||t[31]!==j||t[32]!==M?(N=(0,X.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-6 py-5`,children:(0,X.jsxs)(`label`,{className:`flex max-w-xl flex-col gap-1.5`,children:[D,j,M]})}),t[30]=D,t[31]=j,t[32]=M,t[33]=N):N=t[33];let P;t[34]!==c||t[35]!==i||t[36]!==l.modalCancel?(P=(0,X.jsx)(V,{type:`button`,variant:`secondary`,disabled:i,onClick:c,children:l.modalCancel}),t[34]=c,t[35]=i,t[36]=l.modalCancel,t[37]=P):P=t[37];let F;t[38]===s?F=t[39]:(F=()=>void s(),t[38]=s,t[39]=F);let I;t[40]===i?I=t[41]:(I=i?(0,X.jsx)(K,{className:`size-4 animate-spin`,"aria-hidden":!0}):null,t[40]=i,t[41]=I);let L;t[42]!==u.save||t[43]!==i||t[44]!==F||t[45]!==I?(L=(0,X.jsxs)(V,{type:`button`,variant:`primary`,disabled:i,onClick:F,children:[I,u.save]}),t[42]=u.save,t[43]=i,t[44]=F,t[45]=I,t[46]=L):L=t[46];let R;t[47]!==P||t[48]!==L?(R=(0,X.jsxs)(`div`,{className:`flex shrink-0 justify-end gap-2 border-t border-edge-subtle px-6 py-4`,children:[P,L]}),t[47]=P,t[48]=L,t[49]=R):R=t[49];let z;t[50]!==C||t[51]!==N||t[52]!==R?(z=(0,X.jsxs)(E,{children:[f,(0,X.jsxs)(ce,{className:p,children:[C,N,R]})]}),t[50]=C,t[51]=N,t[52]=R,t[53]=z):z=t[53];let B;return t[54]!==n||t[55]!==d||t[56]!==z?(B=(0,X.jsx)(ue,{open:n,onOpenChange:d,children:z}),t[54]=n,t[55]=d,t[56]=z,t[57]=B):B=t[57],B}var dt=(0,J.memo)(function(e){let t=(0,Y.c)(12),{value:n,onChange:r,placeholder:i,className:o}=e,s;t[0]===o?s=t[1]:(s=a(`relative flex 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 shadow-surface`,o),t[0]=o,t[1]=s);let c;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(c=(0,X.jsx)(ge,{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]=c):c=t[2];let l;t[3]===r?l=t[4]:(l=e=>r(e.currentTarget.value),t[3]=r,t[4]=l);let u;t[5]!==i||t[6]!==l||t[7]!==n?(u=(0,X.jsx)(`input`,{type:`search`,enterKeyHint:`search`,value:n,onChange:l,placeholder:i,autoComplete:`off`,spellCheck:!1,className:`min-w-0 flex-1 appearance-none border-0 bg-transparent py-0.5 text-sm leading-normal text-fg caret-current placeholder:text-fg-disabled focus:border-0 focus:shadow-none focus:outline-none focus:ring-0 focus-visible:outline-none`}),t[5]=i,t[6]=l,t[7]=n,t[8]=u):u=t[8];let d;return t[9]!==s||t[10]!==u?(d=(0,X.jsxs)(`label`,{className:s,children:[c,u]}),t[9]=s,t[10]=u,t[11]=d):d=t[11],d}),ft=(0,J.memo)(function(e){let t=(0,Y.c)(30),{onBrowseCatalog:n,onAddCustomServer:r,onOpenRuntimeSettings:i,addLabel:o,browseLabel:s,customLabel:c,settingsLabel:l}=e,u;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(u=(0,X.jsx)(D,{className:`size-4`,strokeWidth:1.75,"aria-hidden":!0}),t[0]=u):u=t[0];let d;t[1]===l?d=t[2]:(d=(0,X.jsx)(`span`,{className:`hidden sm:inline`,children:l}),t[1]=l,t[2]=d);let f;t[3]!==i||t[4]!==l||t[5]!==d?(f=(0,X.jsxs)(V,{type:`button`,variant:`secondary`,className:`shrink-0 gap-2`,"aria-label":l,title:l,onClick:i,children:[u,d]}),t[3]=i,t[4]=l,t[5]=d,t[6]=f):f=t[6];let p;t[7]===Symbol.for(`react.memo_cache_sentinel`)?(p=(0,X.jsx)(ae,{className:`size-4`,strokeWidth:1.75,"aria-hidden":!0}),t[7]=p):p=t[7];let m;t[8]===Symbol.for(`react.memo_cache_sentinel`)?(m=(0,X.jsx)(U,{className:`size-3.5`,strokeWidth:1.75,"aria-hidden":!0}),t[8]=m):m=t[8];let g;t[9]===o?g=t[10]:(g=(0,X.jsx)(_,{asChild:!0,children:(0,X.jsxs)(V,{type:`button`,variant:`primary`,className:`shrink-0 gap-2`,children:[p,o,m]})}),t[9]=o,t[10]=g);let v;t[11]===Symbol.for(`react.memo_cache_sentinel`)?(v=a(`flex cursor-pointer items-center gap-2 rounded-lg px-3 py-2 text-sm text-fg outline-none data-[highlighted]:bg-surface-hover`,H.transition),t[11]=v):v=t[11];let y;t[12]===Symbol.for(`react.memo_cache_sentinel`)?(y=(0,X.jsx)(O,{className:`size-4 text-fg-muted`,strokeWidth:1.75,"aria-hidden":!0}),t[12]=y):y=t[12];let b;t[13]!==s||t[14]!==n?(b=(0,X.jsxs)(h,{className:v,onSelect:n,children:[y,s]}),t[13]=s,t[14]=n,t[15]=b):b=t[15];let x;t[16]===Symbol.for(`react.memo_cache_sentinel`)?(x=a(`flex cursor-pointer items-center gap-2 rounded-lg px-3 py-2 text-sm text-fg outline-none data-[highlighted]:bg-surface-hover`,H.transition),t[16]=x):x=t[16];let S;t[17]===Symbol.for(`react.memo_cache_sentinel`)?(S=(0,X.jsx)(te,{className:`size-4 text-fg-muted`,strokeWidth:1.75,"aria-hidden":!0}),t[17]=S):S=t[17];let C;t[18]!==c||t[19]!==r?(C=(0,X.jsxs)(h,{className:x,onSelect:r,children:[S,c]}),t[18]=c,t[19]=r,t[20]=C):C=t[20];let w;t[21]!==C||t[22]!==b?(w=(0,X.jsx)(G,{children:(0,X.jsxs)(k,{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:[b,C]})}),t[21]=C,t[22]=b,t[23]=w):w=t[23];let T;t[24]!==w||t[25]!==g?(T=(0,X.jsxs)(j,{children:[g,w]}),t[24]=w,t[25]=g,t[26]=T):T=t[26];let E;return t[27]!==T||t[28]!==f?(E=(0,X.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-wrap items-center justify-end gap-2`,children:[f,T]}),t[27]=T,t[28]=f,t[29]=E):E=t[29],E}),pt=/^([^:=]+)[:=](.*)$/;function mt(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=pt.exec(t);r&&n.push({key:r[1].trim(),value:r[2].trim()})}return n.length>0?n:null}function ht(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 gt(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 _t(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)||_t(t)&&(r[e]=t);return r}function yt(e){let t=e.trim();if(t)return t.split(/\s+/).filter(Boolean)}function bt(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 xt(e){if(e.transport===`stdio`){let t={command:e.command.trim()},n=yt(e.argsText);return n?.length&&(t.args=n),e.cwd.trim()&&(t.cwd=e.cwd.trim()),e.envJson.trim()&&(t.env=bt(e.envJson)),e.connectionTimeoutMs!=null&&Number.isFinite(e.connectionTimeoutMs)&&(t.connectionTimeoutMs=e.connectionTimeoutMs),t}let t={url:e.url.trim(),transport:e.transport},n=ht(e.headers);return n&&(t.headers=n),e.connectionTimeoutMs!=null&&Number.isFinite(e.connectionTimeoutMs)&&(t.connectionTimeoutMs=e.connectionTimeoutMs),t}function St(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;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:gt(a),connectionTimeoutMs:typeof t.connectionTimeoutMs==`number`&&Number.isFinite(t.connectionTimeoutMs)?t.connectionTimeoutMs:void 0}}function Ct(e=``){return{clientKey:crypto.randomUUID(),id:e,transport:`stdio`,command:``,argsText:``,envJson:``,cwd:``,url:``,headers:[{key:`Authorization`,value:``}],connectionTimeoutMs:void 0}}function wt(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)||_t(t)?[]:[St(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 Tt(e){return xt(e)}async function Et(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]=xt(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 u(l(`/api/config`),{method:`PATCH`,body:JSON.stringify({mcp:r})}),me()}function Dt(e){if(!Array.isArray(e))return[];let t=[];for(let n of e){if(typeof n==`string`){let e=n.trim();e&&t.push({name:e});continue}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 Ot(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 kt(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 At(e,t){let n=await u(l(`/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=Dt(n.payload.tools),i=Ot(n.payload.resources),a=kt(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 jt(e){return e.connectionTimeoutMs==null||!Number.isFinite(e.connectionTimeoutMs)?``:String(Math.round(e.connectionTimeoutMs/1e3))}function Mt(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 Nt(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 $(e,t){return Object.entries(t).reduce((e,[t,n])=>e.replaceAll(`{{${t}}}`,n),e)}function Pt({row:e,t,cs:n,onEdit:r,onRemove:i}){let[a,o]=(0,J.useState)(!1),[s,c]=(0,J.useState)(!1),[l,u]=(0,J.useState)(null),[d,f]=(0,J.useState)(null),p=Nt(e),m=(0,J.useCallback)(async()=>{o(!0),f(null);try{let t=await At(e.id.trim());u({toolCount:t.toolCount,resourceCount:t.resourceCount,promptCount:t.promptCount})}catch(e){f(e instanceof Error?e.message:String(e))}finally{o(!1)}},[e.id]),h=(0,J.useCallback)(async()=>{c(!0),f(null);try{await i()}catch(e){f(e instanceof Error?e.message:String(e)),c(!1)}},[i]);return(0,X.jsxs)(`div`,{className:`flex h-full min-h-[10.5rem] cursor-pointer flex-col rounded-lg bg-surface-panel p-4 shadow-surface transition-colors hover:bg-surface-hover/45`,onClick:r,children:[(0,X.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,X.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,X.jsx)(`h3`,{className:`truncate text-sm font-semibold text-fg`,children:e.id.trim()||t.cardUntitled}),(0,X.jsx)(`span`,{className:`rounded-full bg-surface-base px-2 py-0.5 text-[11px] text-fg-muted`,children:n.customBadge}),(0,X.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]})]}),p?(0,X.jsx)(`p`,{className:`mt-3 line-clamp-2 break-all font-mono text-xs leading-5 text-fg-subtle`,title:p,children:p}):null,d?(0,X.jsx)(`p`,{className:`mt-3 rounded-xl bg-red-500/10 px-3 py-2 text-sm text-red-600`,children:d}):null,l?(0,X.jsx)(`p`,{className:`mt-3 text-sm text-fg-muted`,children:$(n.customCapabilitySummary,{tools:String(l.toolCount),resources:String(l.resourceCount),prompts:String(l.promptCount)})}):null]}),(0,X.jsxs)(`div`,{className:`mt-4 flex items-center justify-between gap-2 border-t border-edge pt-3`,onClick:e=>e.stopPropagation(),children:[(0,X.jsx)(`span`,{className:`text-xs text-fg-subtle`,children:n.connectorDetails}),(0,X.jsxs)(`div`,{className:`flex gap-2`,children:[(0,X.jsxs)(V,{variant:`secondary`,disabled:a,onClick:()=>void m(),children:[a?(0,X.jsx)(K,{className:`size-4 animate-spin`}):(0,X.jsx)(W,{className:`size-4`}),t.testConnection]}),(0,X.jsxs)(V,{variant:`ghost`,disabled:s,onClick:()=>void h(),children:[s?(0,X.jsx)(K,{className:`size-4 animate-spin`}):(0,X.jsx)(le,{className:`size-4`}),t.removeServer]})]})]})]})}function Ft(e,t){return e?t&&e.startsWith(t)?e.slice(t.length):e:``}function It(e,t,n){let r=t.trim().toLowerCase();if(!r)return!0;let i=e.shortName||Ft(e.name,n);return[e.name,i,e.description].filter(Boolean).join(`
-`).toLowerCase().includes(r)}function Lt(e,t){return e?t&&e.startsWith(t)?e.slice(t.length):e:``}function Rt(e){let t=(0,Y.c)(29),{tools:n,stripPrefix:r,searchPlaceholder:i,searchEmptyLabel:o}=e,[s,c]=(0,J.useState)(``),l;if(t[0]!==s||t[1]!==r||t[2]!==n){let e;t[4]!==s||t[5]!==r?(e=e=>It(e,s,r),t[4]=s,t[5]=r,t[6]=e):e=t[6],l=n.filter(e),t[0]=s,t[1]=r,t[2]=n,t[3]=l}else l=t[3];let u=l,d;t[7]===s?d=t[8]:(d=s.trim(),t[7]=s,t[8]=d);let f=d.length>0,p;t[9]===Symbol.for(`react.memo_cache_sentinel`)?(p=(0,X.jsx)(ge,{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=a(`w-full rounded-lg border border-edge bg-surface-panel py-2 pl-9 pr-3 text-sm text-fg`,`placeholder:text-fg-subtle`,de),h=e=>c(e.target.value),t[10]=m,t[11]=h):(m=t[10],h=t[11]);let g;t[12]!==s||t[13]!==i?(g=(0,X.jsxs)(`div`,{className:`relative`,children:[p,(0,X.jsx)(`input`,{type:`search`,value:s,placeholder:i,"aria-label":i,className:m,onChange:h})]}),t[12]=s,t[13]=i,t[14]=g):g=t[14];let _;t[15]!==u.length||t[16]!==f||t[17]!==n.length?(_=f?(0,X.jsxs)(`p`,{className:`mt-2 text-xs text-fg-subtle`,children:[u.length,` / `,n.length]}):null,t[15]=u.length,t[16]=f,t[17]=n.length,t[18]=_):_=t[18];let v;t[19]!==g||t[20]!==_?(v=(0,X.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]!==u||t[23]!==o||t[24]!==r?(y=(0,X.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-5 py-4`,children:u.length===0?(0,X.jsx)(`p`,{className:`text-sm text-fg-muted`,children:o}):(0,X.jsx)(`ul`,{className:`flex flex-col gap-2`,children:u.map((e,t)=>{let n=e.shortName||Lt(e.name,r)||e.name||`?`,i=e.name||`tool-${t}`;return(0,X.jsxs)(`li`,{className:`min-w-0 rounded-lg border border-edge bg-surface-base px-3 py-2.5`,children:[(0,X.jsx)(`div`,{className:`truncate font-mono text-sm font-medium text-fg`,title:e.name===n?n:e.name,children:n}),e.description?(0,X.jsx)(`p`,{className:`mt-1 truncate text-xs leading-relaxed text-fg-muted`,title:e.description,children:e.description}):null]},i)})})}),t[22]=u,t[23]=o,t[24]=r,t[25]=y):y=t[25];let b;return t[26]!==v||t[27]!==y?(b=(0,X.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 zt(e){let t=(0,Y.c)(38),{open:n,onOpenChange:r,serverId:i,title:o,subtitle:s,searchPlaceholder:c,searchEmptyLabel:l,emptyLabel:u,closeLabel:d,tools:f,stripPrefix:p}=e,h;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(h=(0,X.jsx)(T,{className:a(`xopc-dialog-overlay fixed inset-0 bg-scrim backdrop-blur-[1px]`,R)}),t[0]=h):h=t[0];let g;t[1]===Symbol.for(`react.memo_cache_sentinel`)?(g=a(`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`,z,`rounded-2xl border border-edge bg-surface-panel shadow-popover outline-none dark:border-edge`),t[1]=g):g=t[1];let _;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(_=(0,X.jsx)(te,{className:`size-4 shrink-0 text-accent`,"aria-hidden":!0}),t[2]=_):_=t[2];let y;t[3]===o?y=t[4]:(y=(0,X.jsxs)(v,{className:`flex items-center gap-2 text-base font-semibold text-fg`,children:[_,o]}),t[3]=o,t[4]=y);let b;t[5]!==i||t[6]!==s||t[7]!==f.length?(b=s.replace(`{{serverId}}`,i).replace(`{{count}}`,String(f.length)),t[5]=i,t[6]=s,t[7]=f.length,t[8]=b):b=t[8];let x;t[9]===b?x=t[10]:(x=(0,X.jsx)(w,{className:`mt-1 text-sm text-fg-muted`,children:b}),t[9]=b,t[10]=x);let S;t[11]!==y||t[12]!==x?(S=(0,X.jsxs)(`div`,{className:`min-w-0`,children:[y,x]}),t[11]=y,t[12]=x,t[13]=S):S=t[13];let C;t[14]===Symbol.for(`react.memo_cache_sentinel`)?(C=(0,X.jsx)(_e,{className:`size-4`,"aria-hidden":!0}),t[14]=C):C=t[14];let D;t[15]===d?D=t[16]:(D=(0,X.jsx)(m,{asChild:!0,children:(0,X.jsx)(V,{type:`button`,variant:`ghost`,className:`size-8 shrink-0 px-0`,"aria-label":d,children:C})}),t[15]=d,t[16]=D);let O;t[17]!==S||t[18]!==D?(O=(0,X.jsxs)(`div`,{className:`flex items-start justify-between gap-3 border-b border-edge px-5 py-4`,children:[S,D]}),t[17]=S,t[18]=D,t[19]=O):O=t[19];let k;t[20]!==u||t[21]!==n||t[22]!==l||t[23]!==c||t[24]!==i||t[25]!==p||t[26]!==f?(k=f.length>0?(0,X.jsx)(`div`,{className:`flex min-h-0 flex-1 flex-col`,children:(0,X.jsx)(Rt,{tools:f,stripPrefix:p,searchPlaceholder:c,searchEmptyLabel:l},`${i}-${n?`open`:`closed`}`)}):(0,X.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-5 py-4`,children:(0,X.jsx)(`p`,{className:`text-sm text-fg-muted`,children:u})}),t[20]=u,t[21]=n,t[22]=l,t[23]=c,t[24]=i,t[25]=p,t[26]=f,t[27]=k):k=t[27];let A;t[28]===d?A=t[29]:(A=(0,X.jsx)(`div`,{className:`flex justify-end border-t border-edge px-5 py-3`,children:(0,X.jsx)(m,{asChild:!0,children:(0,X.jsx)(V,{type:`button`,variant:`secondary`,children:d})})}),t[28]=d,t[29]=A);let j;t[30]!==O||t[31]!==k||t[32]!==A?(j=(0,X.jsxs)(E,{children:[h,(0,X.jsxs)(ce,{className:g,children:[O,k,A]})]}),t[30]=O,t[31]=k,t[32]=A,t[33]=j):j=t[33];let M;return t[34]!==r||t[35]!==n||t[36]!==j?(M=(0,X.jsx)(ue,{open:n,onOpenChange:r,children:j}),t[34]=r,t[35]=n,t[36]=j,t[37]=M):M=t[37],M}var Bt=a(`w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg`,`placeholder:text-fg-subtle`,de);function Vt(e){return e.materialized.type===`composio`?e.materialized.toolkit:null}function Ht(e,t){return e===`write`?t.composioScopeWrite:e===`admin`?t.composioScopeAdmin:t.composioScopeRead}function Ut(e,t){return e.errorCode===`missing_credential`?t.composioHealthMissingCredential:e.errorCode===`unauthorized`?t.composioHealthUnauthorized:e.errorCode===`forbidden`?t.composioHealthForbidden:e.errorCode===`network`?t.composioHealthNetwork:e.errorCode===`timeout`?t.composioHealthTimeout:t.composioHealthDegraded}function Wt({instance:e,t}){let n=Vt(e),[r,i]=(0,J.useState)([]),[s,c]=(0,J.useState)([]),[l,u]=(0,J.useState)([]),[d,f]=(0,J.useState)([]),[p,m]=(0,J.useState)(null),[h,g]=(0,J.useState)([]),[_,v]=(0,J.useState)(``),[y,x]=(0,J.useState)(`{}`),[S,w]=(0,J.useState)(null),[T,E]=(0,J.useState)(null),[D,O]=(0,J.useState)(`read`),[k,A]=(0,J.useState)(!1),[j,M]=(0,J.useState)(null),N=(0,J.useCallback)(async()=>{if(!(!n||e.materialized.type!==`composio`||e.materialized.role===`credential`)){A(!0),M(null);try{let[t,r,a,o,s,l,d]=await Promise.all([Ve().catch(()=>[]),Xe(n).catch(()=>[]),Ze(20).catch(()=>[]),Ke(n).catch(()=>`read`),$e().catch(()=>[]),Je(n).catch(()=>null),Ue(n).catch(()=>null)]);i(t.filter(e=>e.toolkit.toLowerCase()===n.toLowerCase())),c(r),u(a.filter(e=>!e.toolkit||e.toolkit.toLowerCase()===n.toLowerCase())),O(o),f(s.filter(t=>t.connectorId===e.connectorId)),m(l?.policy??null),g(l?.agents??[]),v(e=>e||r.find(e=>e.scope===`read`&&e.curated)?.slug||``),E(d)}catch(e){M(e instanceof Error?e.message:String(e))}finally{A(!1)}}},[e.connectorId,e.materialized,n]);(0,J.useEffect)(()=>{N()},[N]);let P=(0,J.useCallback)(async()=>{if(n){A(!0),M(null);try{let t=await Fe(e.connectorId);if(!t.authorizationUrl)throw Error(`The authorization provider did not return an authorization URL.`);window.open(t.authorizationUrl,`_blank`,`noopener,noreferrer`)}catch(e){M(e instanceof Error?e.message:String(e))}finally{A(!1)}}},[e.connectorId,n]),I=(0,J.useCallback)(async e=>{if(n){O(e);try{await qe(n,e),await N()}catch(e){M(e instanceof Error?e.message:String(e))}}},[N,n]),L=(0,J.useCallback)(async(e,t)=>{A(!0),M(null);try{await et(e,t),await N()}catch(e){M(e instanceof Error?e.message:String(e))}finally{A(!1)}},[N]),R=(0,J.useCallback)(async e=>{if(n){M(null);try{m(await Ye(n,e))}catch(e){M(e instanceof Error?e.message:String(e))}}},[e.connectorId,n]),z=(0,J.useCallback)(e=>{p&&R({allowedAgentIds:p.allowedAgentIds.includes(e)?p.allowedAgentIds.filter(t=>t!==e):[...p.allowedAgentIds,e]})},[R,p]),B=(0,J.useCallback)(async e=>{A(!0),M(null);try{await e(),await N()}catch(e){M(e instanceof Error?e.message:String(e))}finally{A(!1)}},[N]),ee=(0,J.useCallback)(async()=>{if(!(!n||!_)){A(!0),M(null),w(null);try{let n=JSON.parse(y);if(!n||typeof n!=`object`||Array.isArray(n))throw Error(t.composioMemoryArgumentsObject);let i=p?.allowedAgentIds[0]??h[0]?.id;if(!i)throw Error(t.composioMemoryAgentMissing);w((await Qe({connectorId:e.connectorId,actionId:_,agentId:i,connectionId:r.find(e=>e.isDefault)?.id,arguments:n})).recordId)}catch(e){M(e instanceof Error?e.message:String(e))}finally{A(!1)}}},[h,r,e.connectorId,_,y,p,t,n]);return n?e.materialized.type===`composio`&&e.materialized.role===`credential`?(0,X.jsx)(`p`,{className:`mt-3 text-sm text-fg-muted`,children:t.composioApiKeyStored}):(0,X.jsxs)(`div`,{className:`mt-4 rounded-xl border border-edge bg-surface-base p-3 text-sm`,children:[(0,X.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[(0,X.jsxs)(`div`,{children:[(0,X.jsx)(`p`,{className:`font-medium text-fg`,children:$(t.composioToolkitTitle,{toolkit:n})}),(0,X.jsx)(`p`,{className:`text-xs text-fg-subtle`,children:t.composioScopeHint})]}),(0,X.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,X.jsxs)(b,{className:a(Bt,`h-9 w-28 py-1`),value:D,onChange:e=>void I(e.currentTarget.value),children:[(0,X.jsx)(pe,{value:`read`,children:t.composioScopeRead}),(0,X.jsx)(pe,{value:`write`,children:t.composioScopeWrite}),(0,X.jsx)(pe,{value:`admin`,children:t.composioScopeAdmin})]}),(0,X.jsxs)(V,{variant:`secondary`,disabled:k,onClick:()=>void P(),children:[k?(0,X.jsx)(K,{className:`size-4 animate-spin`}):(0,X.jsx)(re,{className:`size-4`}),t.connectOAuth]}),(0,X.jsx)(V,{variant:`ghost`,disabled:k,onClick:()=>void N(),children:t.refresh})]})]}),j?(0,X.jsx)(`p`,{className:`mt-3 rounded-xl bg-red-500/10 px-3 py-2 text-sm text-red-600`,children:j}):null,T?(0,X.jsxs)(`div`,{className:a(`mt-3 flex flex-wrap items-center justify-between gap-2 rounded-lg border px-3 py-2 text-xs`,T.status===`connected`?`border-emerald-500/30 bg-emerald-500/5 text-emerald-700`:`border-amber-500/30 bg-amber-500/5 text-amber-700`),children:[(0,X.jsx)(`span`,{children:T.status===`connected`?$(t.composioHealthConnected,{count:String(T.activeConnections)}):T.status===`reauthorization_required`?t.composioHealthReconnect:T.status===`degraded`?Ut(T,t):t.composioHealthDisconnected}),T.recovery===`none`?null:(0,X.jsx)(V,{variant:`ghost`,disabled:k,onClick:()=>void(T.recovery===`retry`?N():P()),children:T.recovery===`retry`?t.composioRetry:t.connectOAuth}),T.status===`degraded`&&T.message?(0,X.jsx)(`p`,{className:`basis-full break-words text-[11px] opacity-80`,children:T.message}):null]}):null,p?(0,X.jsxs)(`div`,{className:`mt-4 grid gap-3 rounded-lg border border-edge bg-surface-panel p-3 md:grid-cols-[minmax(0,180px)_1fr]`,children:[(0,X.jsxs)(`label`,{className:`text-xs font-medium text-fg-subtle`,children:[t.composioConfirmationPolicy,(0,X.jsxs)(b,{className:a(Bt,`mt-1 h-9 py-1`),value:p.confirmationPolicy,onChange:e=>void R({confirmationPolicy:e.currentTarget.value}),children:[(0,X.jsx)(pe,{value:`writes`,children:t.composioConfirmWrites}),(0,X.jsx)(pe,{value:`always`,children:t.composioConfirmAlways}),(0,X.jsx)(pe,{value:`never`,children:t.composioConfirmNever})]})]}),(0,X.jsxs)(`div`,{children:[(0,X.jsx)(`p`,{className:`text-xs font-medium text-fg-subtle`,children:t.composioAllowedAgents}),(0,X.jsx)(`p`,{className:`mb-2 text-xs text-fg-muted`,children:p.allowedAgentIds.length?t.composioAllowedAgentsSelected:t.composioAllowedAgentsAll}),(0,X.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:h.map(e=>(0,X.jsx)(`button`,{type:`button`,className:a(`rounded-full border px-2.5 py-1 text-xs transition-colors`,p.allowedAgentIds.includes(e.id)?`border-accent bg-accent/10 text-accent`:`border-edge text-fg-muted hover:text-fg`),onClick:()=>z(e.id),children:e.name},e.id))})]})]}):null,[`gmail`,`googledrive`,`notion`,`slack`].includes(n)&&s.some(e=>e.scope===`read`&&e.curated)?(0,X.jsxs)(`div`,{className:`mt-4 rounded-lg border border-edge bg-surface-panel p-3`,children:[(0,X.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,X.jsx)(C,{className:`mt-0.5 size-4 text-accent`}),(0,X.jsxs)(`div`,{children:[(0,X.jsx)(`p`,{className:`text-sm font-medium text-fg`,children:t.composioMemorySync}),(0,X.jsx)(`p`,{className:`text-xs text-fg-muted`,children:t.composioMemorySyncHint})]})]}),(0,X.jsxs)(`div`,{className:`mt-3 grid gap-2 md:grid-cols-[minmax(0,240px)_1fr_auto] md:items-end`,children:[(0,X.jsxs)(`label`,{className:`text-xs text-fg-subtle`,children:[t.composioMemoryReadAction,(0,X.jsx)(b,{className:a(Bt,`mt-1 h-9 py-1`),value:_,onChange:e=>v(e.currentTarget.value),children:s.filter(e=>e.scope===`read`&&e.curated).map(e=>(0,X.jsx)(pe,{value:e.slug,children:e.name??e.slug},e.slug))})]}),(0,X.jsxs)(`label`,{className:`text-xs text-fg-subtle`,children:[t.composioMemoryArguments,(0,X.jsx)(`input`,{className:a(Bt,`mt-1 h-9 py-1 font-mono text-xs`),value:y,onChange:e=>x(e.currentTarget.value)})]}),(0,X.jsxs)(V,{disabled:k||!_,onClick:()=>void ee(),children:[k?(0,X.jsx)(K,{className:`size-4 animate-spin`}):(0,X.jsx)(C,{className:`size-4`}),t.composioSyncNow]})]}),S?(0,X.jsx)(`p`,{className:`mt-2 text-xs text-emerald-600`,children:$(t.composioMemorySynced,{id:S})}):null]}):null,d.length?(0,X.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,X.jsx)(`p`,{className:`text-xs font-medium uppercase tracking-wide text-fg-subtle`,children:t.composioPendingApprovals}),d.map(e=>(0,X.jsxs)(`div`,{className:`flex flex-col gap-3 rounded-lg border border-amber-500/30 bg-amber-500/5 p-3 sm:flex-row sm:items-center sm:justify-between`,children:[(0,X.jsxs)(`div`,{className:`min-w-0`,children:[(0,X.jsx)(`p`,{className:`truncate font-mono text-xs font-medium text-fg`,children:e.actionId}),(0,X.jsx)(`p`,{className:`mt-1 break-all font-mono text-xs text-fg-subtle`,children:JSON.stringify(e.argumentsPreview)}),(0,X.jsx)(`p`,{className:`mt-1 text-xs text-fg-muted`,children:$(t.composioApprovalExpires,{time:new Date(e.expiresAt).toLocaleTimeString()})})]}),(0,X.jsxs)(`div`,{className:`flex shrink-0 gap-2`,children:[(0,X.jsxs)(V,{variant:`secondary`,disabled:k,onClick:()=>void L(e.id,`denied`),children:[(0,X.jsx)(_e,{className:`size-4`}),t.composioDeny]}),(0,X.jsxs)(V,{disabled:k,onClick:()=>void L(e.id,`approved`),children:[(0,X.jsx)(o,{className:`size-4`}),t.approve]})]})]},e.id))]}):null,(0,X.jsxs)(`div`,{className:`mt-4 grid gap-3 lg:grid-cols-3`,children:[(0,X.jsxs)(`div`,{children:[(0,X.jsx)(`p`,{className:`mb-2 text-xs font-medium uppercase tracking-wide text-fg-subtle`,children:t.composioConnections}),r.length?r.map(e=>(0,X.jsxs)(`div`,{className:`space-y-2 rounded-lg border border-edge bg-surface-panel p-2`,children:[(0,X.jsxs)(`div`,{children:[(0,X.jsx)(`p`,{className:`truncate font-mono text-xs text-fg`,children:e.accountEmail??e.username??e.workspace??e.providerConnectionId}),(0,X.jsxs)(`p`,{className:`text-xs text-fg-subtle`,children:[e.status,e.isDefault?` · ${t.composioDefaultAccount}`:``]})]}),(0,X.jsx)(`input`,{className:a(Bt,`h-8 py-1 text-xs`),defaultValue:e.alias??``,placeholder:t.composioAccountAlias,onBlur:t=>{t.currentTarget.value!==(e.alias??``)&&B(()=>He(e.id,{alias:t.currentTarget.value}))}}),(0,X.jsxs)(`div`,{className:`flex gap-1`,children:[(0,X.jsx)(V,{variant:`ghost`,className:`size-8 p-0`,title:t.composioMakeDefault,disabled:k||e.isDefault,onClick:()=>void B(async()=>{await He(e.id,{isDefault:!0}),n&&await Ye(n,{selectedConnectionIds:[e.id]})}),children:(0,X.jsx)(F,{className:a(`size-4`,e.isDefault&&`fill-current`)})}),(0,X.jsx)(V,{variant:`ghost`,className:`size-8 p-0`,title:t.refresh,disabled:k,onClick:()=>void B(()=>We(e.id)),children:(0,X.jsx)(ne,{className:`size-4`})}),(0,X.jsx)(V,{variant:`ghost`,className:`size-8 p-0`,title:t.composioRevoke,disabled:k,onClick:()=>{window.confirm(t.composioRevokeConfirm)&&B(()=>Ge(e.id))},children:(0,X.jsx)(le,{className:`size-4 text-red-500`})})]})]},e.id)):(0,X.jsx)(`p`,{className:`text-xs text-fg-muted`,children:t.composioConnectionsEmpty})]}),(0,X.jsxs)(`div`,{children:[(0,X.jsx)(`p`,{className:`mb-2 text-xs font-medium uppercase tracking-wide text-fg-subtle`,children:t.composioAgentTools}),s.length?s.slice(0,8).map(e=>(0,X.jsxs)(`div`,{className:`rounded-lg border border-edge bg-surface-panel p-2`,children:[(0,X.jsx)(`p`,{className:`truncate font-mono text-xs text-fg`,children:e.slug}),(0,X.jsxs)(`p`,{className:`text-xs text-fg-subtle`,children:[Ht(e.scope,t),e.curated?``:` ${t.composioUncuratedSuffix}`]})]},e.slug)):(0,X.jsx)(`p`,{className:`text-xs text-fg-muted`,children:t.composioToolsEmpty})]}),(0,X.jsxs)(`div`,{children:[(0,X.jsx)(`p`,{className:`mb-2 text-xs font-medium uppercase tracking-wide text-fg-subtle`,children:t.composioRecentTriggers}),l.length?l.slice(0,5).map(e=>(0,X.jsxs)(`div`,{className:`rounded-lg border border-edge bg-surface-panel p-2`,children:[(0,X.jsx)(`p`,{className:`truncate text-xs text-fg`,children:e.trigger??e.id}),(0,X.jsx)(`p`,{className:`text-xs text-fg-subtle`,children:new Date(e.at).toLocaleString()})]},`${e.id}-${e.at}`)):(0,X.jsx)(`p`,{className:`text-xs text-fg-muted`,children:t.composioTriggersEmpty})]})]})]}):null}var Gt=a(`w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg`,`placeholder:text-fg-subtle`,de);function Kt(e,t){return e?t.healthStatusLabels[e]??e:t.healthNotTested}function qt(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 Jt(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 Yt(e){let t=(0,Y.c)(12),{title:n,description:r,meta:i}=e,o;t[0]===r?o=t[1]:(o=r?(0,X.jsx)(M,{delayDuration:300,skipDelayDuration:100,children:(0,X.jsxs)(I,{children:[(0,X.jsx)(y,{asChild:!0,children:(0,X.jsx)(`p`,{tabIndex:0,title:r,className:a(`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,X.jsx)(x,{children:(0,X.jsx)(N,{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,X.jsx)(`span`,{className:`whitespace-pre-wrap break-words`,children:r})})})]})}):null,t[0]=r,t[1]=o);let s=o,c;t[2]===n?c=t[3]:(c=(0,X.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]=c);let l;t[4]===i?l=t[5]:(l=i?(0,X.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]=l);let u;t[6]!==c||t[7]!==l?(u=(0,X.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-3`,children:[c,l]}),t[6]=c,t[7]=l,t[8]=u):u=t[8];let d;return t[9]!==s||t[10]!==u?(d=(0,X.jsxs)(`div`,{className:`rounded-lg border border-edge bg-surface-panel px-3 py-2.5`,children:[u,s]}),t[9]=s,t[10]=u,t[11]=d):d=t[11],d}function Xt({instance:e,definition:t,onClose:n,onChanged:r,t:i,mcp:o}){let[s,c]=(0,J.useState)(!1),[l,u]=(0,J.useState)(!1),[d,f]=(0,J.useState)(!1),[p,h]=(0,J.useState)(null),[g,_]=(0,J.useState)(`health`),[y,b]=(0,J.useState)(!1),[x,S]=(0,J.useState)(()=>qt(t,e)),[D,O]=(0,J.useState)(null),k=t?.setup.config??[],j=e.materialized.type===`mcp`&&k.length>0&&(t?.setup.secrets??[]).length===0,M=p?p.toolCount:e.usage.lastToolCount,N=(0,J.useMemo)(()=>{let t=[[`health`,B,i.detailHealth],[`tools`,te,`${i.detailTools} ${p?p.toolCount:e.usage.lastToolCount??``}`],[`resources`,C,`${i.detailResources} ${p?p.resourceCount:e.usage.lastResourceCount??``}`],[`prompts`,A,`${i.detailPrompts} ${p?p.promptCount:e.usage.lastPromptCount??``}`],[`permissions`,re,i.detailPermissions]];return j?[...t,[`config`,C,i.connectorConfigLabel]]:t},[p,e.usage.lastPromptCount,e.usage.lastResourceCount,e.usage.lastToolCount,j,i]),P=(0,J.useCallback)(async()=>{c(!0),O(null);try{let t=await Be(e.instanceId);h(t),t.toolCount>0&&_(`tools`),r()}catch(e){O(e instanceof Error?e.message:String(e))}finally{c(!1)}},[e.instanceId,r]),F=(0,J.useCallback)(async()=>{u(!0),O(null);try{await ze(e.instanceId),await r(),n()}catch(e){O(e instanceof Error?e.message:String(e)),u(!1)}},[e.instanceId,r,n]),I=(0,J.useCallback)(async()=>{if(!(!t||!j)){f(!0),O(null);try{let n={};for(let e of t.setup.config??[]){let t=Jt(e.type,x[e.key]??``);t!==void 0&&(n[e.key]=t)}await Re(e.instanceId,{config:n}),await r(),_(`health`)}catch(e){O(e instanceof Error?e.message:String(e))}finally{f(!1)}}},[x,t,e.instanceId,r,j]);return(0,X.jsxs)(ue,{open:!0,onOpenChange:e=>{e||n()},children:[(0,X.jsxs)(E,{children:[(0,X.jsx)(T,{className:`xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim`}),(0,X.jsxs)(ce,{className:a(`xopc-dialog-content fixed left-1/2 top-1/2 z-[60] flex h-[min(100vh-2rem,44rem)] w-[min(100%-2rem,min(92vw,54rem))] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden`,`rounded-2xl border border-edge bg-surface-panel shadow-float outline-none dark:border-edge`),children:[(0,X.jsxs)(`div`,{className:`flex shrink-0 items-start justify-between gap-3 border-b border-edge-subtle px-6 py-5`,children:[(0,X.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[(0,X.jsx)(q,{connector:t,size:`lg`}),(0,X.jsxs)(`div`,{className:`min-w-0`,children:[(0,X.jsx)(v,{className:`text-base font-semibold text-fg`,children:e.displayName}),(0,X.jsx)(w,{className:`mt-1 text-sm text-fg-muted`,children:e.materialized.type===`mcp`?$(i.mcpServerRuntime,{serverId:e.materialized.serverId}):$(i.runtimeLabel,{runtime:e.materialized.type})})]})]}),(0,X.jsx)(m,{asChild:!0,children:(0,X.jsxs)(`button`,{type:`button`,className:a(`rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg`,H.focusRingPanel),"aria-label":i.modalClose,children:[(0,X.jsx)(_e,{className:`size-5`,strokeWidth:1.75,"aria-hidden":!0}),(0,X.jsx)(`span`,{className:`sr-only`,children:i.modalClose})]})})]}),(0,X.jsxs)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-6 py-5`,children:[D?(0,X.jsx)(`p`,{className:`mb-4 rounded-xl bg-red-500/10 px-3 py-2 text-sm text-red-600`,children:D}):null,(0,X.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:N.map(([e,t,n])=>(0,X.jsxs)(`button`,{type:`button`,className:a(`inline-flex h-8 items-center gap-1.5 rounded-md border px-2.5 text-xs`,g===e?`border-accent bg-accent-soft text-accent-fg`:`border-edge bg-surface-base text-fg-muted hover:text-fg`),onClick:()=>_(e),children:[(0,X.jsx)(t,{className:`size-3.5`,"aria-hidden":!0}),n]},e))}),(0,X.jsxs)(`div`,{className:`mt-4 rounded-xl border border-edge bg-surface-base p-3 text-sm`,children:[g===`health`?(0,X.jsxs)(`div`,{className:`space-y-1 text-fg-muted`,children:[(0,X.jsxs)(`p`,{children:[i.statusLabel,` `,(0,X.jsx)(`span`,{className:p?.ok?`font-medium text-emerald-700 dark:text-emerald-300`:`font-medium text-fg`,children:Kt(p?.status??e.usage.lastHealthStatus,i)})]}),(0,X.jsxs)(`p`,{children:[i.lastCheckLabel,` `,e.usage.lastHealthCheckAt?new Date(e.usage.lastHealthCheckAt).toLocaleString():i.never]}),p?.action?(0,X.jsx)(`p`,{children:p.action}):null]}):null,g===`tools`?p?.tools.length?(0,X.jsxs)(`div`,{className:`grid gap-3`,children:[(0,X.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,X.jsx)(`p`,{className:`text-xs text-fg-muted`,children:$(i.toolsAvailable,{count:String(p.tools.length)})}),(0,X.jsx)(V,{type:`button`,variant:`ghost`,className:`h-7 text-xs`,onClick:()=>b(!0),children:o.viewAllTools})]}),(0,X.jsx)(`div`,{className:`grid gap-2`,children:p.tools.slice(0,8).map(e=>(0,X.jsx)(Yt,{title:e.shortName??e.name,description:e.description},e.name))})]}):(0,X.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[(0,X.jsx)(`p`,{className:`text-fg-muted`,children:M?$(i.toolsLastCheckSummary,{count:String(M)}):i.toolsRunTestHint}),(0,X.jsxs)(V,{type:`button`,variant:`secondary`,disabled:s,onClick:()=>void P(),children:[s?(0,X.jsx)(K,{className:`size-4 animate-spin`}):(0,X.jsx)(W,{className:`size-4`}),i.test]})]}):null,g===`resources`?p?.resources.length?(0,X.jsx)(`div`,{className:`grid gap-2`,children:p.resources.slice(0,8).map(e=>(0,X.jsx)(Yt,{title:e.title??e.name,description:e.uri,meta:e.mimeType},e.uri))}):(0,X.jsx)(`p`,{className:`text-fg-muted`,children:i.resourcesRunTestHint}):null,g===`prompts`?p?.prompts.length?(0,X.jsx)(`div`,{className:`grid gap-2`,children:p.prompts.slice(0,8).map(e=>(0,X.jsx)(Yt,{title:e.title??e.name,description:e.description,meta:e.argumentCount?$(i.promptArgumentCount,{count:String(e.argumentCount)}):void 0},e.name))}):(0,X.jsx)(`p`,{className:`text-fg-muted`,children:i.promptsRunTestHint}):null,g===`permissions`?(0,X.jsxs)(`div`,{className:`space-y-1 text-fg-muted`,children:[(0,X.jsx)(`p`,{children:$(i.secretsConfigured,{count:String(Object.values(e.secretStatus).filter(Boolean).length)})}),(0,X.jsx)(`p`,{children:e.materialized.type===`mcp`?$(i.runtimeServerLabel,{runtime:e.materialized.type.toUpperCase(),serverId:e.materialized.serverId}):$(i.runtimeLabel,{runtime:e.materialized.type.toUpperCase()})}),(0,X.jsx)(`p`,{children:e.materialized.type===`mcp`?i.mcpPolicyHint:i.connectorPolicyHint})]}):null,g===`config`&&j?(0,X.jsx)(`div`,{className:`grid gap-3`,children:k.map(e=>(0,X.jsxs)(`label`,{className:`flex flex-col gap-1.5`,children:[(0,X.jsx)(`span`,{className:`text-sm font-medium text-fg`,children:e.label}),e.description?(0,X.jsx)(`span`,{className:`text-xs text-fg-subtle`,children:e.description}):null,(0,X.jsx)(`input`,{className:Gt,value:x[e.key]??``,placeholder:e.placeholder,onChange:t=>S(n=>({...n,[e.key]:t.currentTarget.value}))})]},e.key))}):null]}),e.materialized.type===`composio`?(0,X.jsx)(Wt,{instance:e,t:i}):null]}),(0,X.jsxs)(`div`,{className:`flex shrink-0 flex-wrap justify-end gap-2 border-t border-edge-subtle px-6 py-4`,children:[(0,X.jsx)(V,{variant:`secondary`,onClick:n,children:i.modalClose}),g===`config`&&j?(0,X.jsxs)(V,{variant:`primary`,disabled:d,onClick:()=>void I(),children:[d?(0,X.jsx)(K,{className:`size-4 animate-spin`}):(0,X.jsx)(oe,{className:`size-4`}),i.modalSave]}):null,e.materialized.type===`mcp`?(0,X.jsxs)(V,{variant:`secondary`,disabled:s,onClick:()=>void P(),children:[s?(0,X.jsx)(K,{className:`size-4 animate-spin`}):(0,X.jsx)(W,{className:`size-4`}),i.test]}):null,(0,X.jsxs)(V,{variant:`ghost`,disabled:l,onClick:()=>void F(),children:[l?(0,X.jsx)(K,{className:`size-4 animate-spin`}):(0,X.jsx)(le,{className:`size-4`}),i.remove]})]})]})]}),e.materialized.type===`mcp`?(0,X.jsx)(zt,{open:y,onOpenChange:b,serverId:e.materialized.serverId,title:$(i.installedToolsDialogTitle,{name:e.displayName}),subtitle:i.installedToolsDialogSubtitle,searchPlaceholder:o.toolsDialogSearchPlaceholder,searchEmptyLabel:o.toolsDialogSearchEmpty,emptyLabel:i.toolsRunTestHint,closeLabel:o.toolsDialogClose,tools:p?.tools??[],stripPrefix:`${e.materialized.serverId}__`}):null]})}function Zt({instance:e,definition:t,highlighted:n=!1,onOpenDetails:r,onChanged:i,t:o}){let[s,c]=(0,J.useState)(!1),[l,u]=(0,J.useState)(!1),[d,f]=(0,J.useState)(null),p=(0,J.useCallback)(async()=>{c(!0),f(null);try{await Be(e.instanceId),await i()}catch(e){f(e instanceof Error?e.message:String(e))}finally{c(!1)}},[e.instanceId,i]),m=(0,J.useCallback)(async()=>{u(!0),f(null);try{await ze(e.instanceId),await i()}catch(e){f(e instanceof Error?e.message:String(e)),u(!1)}},[e.instanceId,i]),h=e.usage.lastHealthStatus?o.healthStatusLabels[e.usage.lastHealthStatus]??e.usage.lastHealthStatus:o.healthNotTested,g=e.usage.lastToolCount??0,_=!!(t?.setup.config?.length&&!t.setup.secrets?.length&&e.materialized.type===`mcp`);return(0,X.jsxs)(`div`,{className:a(`flex h-full min-h-[10.5rem] cursor-pointer flex-col rounded-lg bg-surface-panel p-4 shadow-surface transition-colors hover:bg-surface-hover/45`,n&&`ring-2 ring-accent/45 ring-offset-2 ring-offset-surface-panel`),onClick:()=>r(e),children:[(0,X.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-start gap-3`,children:[(0,X.jsx)(q,{connector:t}),(0,X.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,X.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,X.jsx)(`h3`,{className:`truncate text-sm font-semibold text-fg`,children:e.displayName}),(0,X.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,X.jsx)(ee,{className:`size-3`,"aria-hidden":!0}),o.connectedBadge]}),_?(0,X.jsx)(`span`,{className:`rounded-full bg-surface-base px-2 py-0.5 text-[11px] text-fg-muted`,children:o.connectorConfigLabel}):null]}),(0,X.jsx)(`p`,{className:`mt-3 line-clamp-2 break-all text-sm leading-5 text-fg-muted`,children:e.materialized.type===`mcp`?$(o.mcpServerRuntime,{serverId:e.materialized.serverId}):$(o.runtimeLabel,{runtime:e.materialized.type})}),(0,X.jsxs)(`div`,{className:`mt-3 flex flex-wrap gap-2 text-xs text-fg-muted`,children:[(0,X.jsxs)(`span`,{className:`rounded-md bg-surface-base px-2 py-1`,children:[o.statusLabel,` `,h]}),(0,X.jsx)(`span`,{className:`rounded-md bg-surface-base px-2 py-1`,children:$(o.toolsAvailable,{count:String(g)})})]}),d?(0,X.jsx)(`p`,{className:`mt-3 rounded-xl bg-red-500/10 px-3 py-2 text-sm text-red-600`,children:d}):null]})]}),(0,X.jsxs)(`div`,{className:`mt-4 flex items-center justify-between gap-2 border-t border-edge pt-3`,onClick:e=>e.stopPropagation(),children:[(0,X.jsx)(`span`,{className:`text-xs text-fg-subtle`,children:o.connectorDetails}),(0,X.jsxs)(`div`,{className:`flex shrink-0 gap-2`,children:[e.materialized.type===`mcp`?(0,X.jsxs)(V,{variant:`secondary`,disabled:s,onClick:()=>void p(),children:[s?(0,X.jsx)(K,{className:`size-4 animate-spin`}):(0,X.jsx)(W,{className:`size-4`}),o.test]}):null,(0,X.jsxs)(V,{variant:`ghost`,disabled:l,onClick:()=>void m(),children:[l?(0,X.jsx)(K,{className:`size-4 animate-spin`}):(0,X.jsx)(le,{className:`size-4`}),o.remove]})]})]})]})}var Qt=a(`w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg`,`placeholder:text-fg-subtle`,de),$t=a(Qt,`min-h-28 font-mono`);function en(e,t){return e?t.healthStatusLabels[e]??e:t.healthStatusPending}function tn(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 nn(e,t){let n={};for(let t of e.setup.secrets??[])n[t.key]=``;let r={};for(let t of e.setup.config??[])r[t.key]=t.defaultValue===void 0?``:typeof t.defaultValue==`string`?t.defaultValue:JSON.stringify(t.defaultValue,null,2);return{connector:e,secrets:n,config:r,installing:!1,error:null,result:null,health:null,...t?{store:t}:{}}}function rn(e){let t=(0,Y.c)(12),{title:n,items:r}=e;if(r.length===0)return null;let i;t[0]===n?i=t[1]:(i=(0,X.jsx)(`div`,{className:`border-b border-edge px-3 py-2 text-xs font-semibold text-fg`,children:n}),t[0]=n,t[1]=i);let a;t[2]===r?a=t[3]:(a=r.slice(0,12).map(an),t[2]=r,t[3]=a);let o;t[4]===r.length?o=t[5]:(o=r.length>12?(0,X.jsxs)(`div`,{className:`px-3 py-2 text-xs text-fg-subtle`,children:[`+`,r.length-12]}):null,t[4]=r.length,t[5]=o);let s;t[6]!==a||t[7]!==o?(s=(0,X.jsxs)(`div`,{className:`max-h-40 overflow-y-auto`,children:[a,o]}),t[6]=a,t[7]=o,t[8]=s):s=t[8];let c;return t[9]!==i||t[10]!==s?(c=(0,X.jsxs)(`div`,{className:`rounded-lg border border-edge bg-surface-panel`,children:[i,s]}),t[9]=i,t[10]=s,t[11]=c):c=t[11],c}function an(e){return(0,X.jsxs)(`div`,{className:`border-b border-edge-subtle px-3 py-2 last:border-b-0`,children:[(0,X.jsx)(`div`,{className:`break-words font-mono text-xs font-medium text-fg`,children:e.title}),e.description?(0,X.jsx)(`div`,{className:`mt-1 line-clamp-2 text-xs leading-5 text-fg-muted`,children:e.description}):null]},e.id)}function on({draft:e,onChange:t,onClose:n,onInstalled:r,t:i}){let{connector:o}=e,s=e.result?`complete`:e.installing?`health`:`configure`,c=[{id:`configure`,label:i.connectStepConfigure},{id:`health`,label:i.connectStepVerify},{id:`complete`,label:i.connectStepReady}],l=(0,J.useCallback)(async()=>{t({...e,installing:!0,error:null,result:null,health:null});try{let n={};for(let t of o.setup.config??[]){let r=tn(t.type,e.config[t.key]??``);r!==void 0&&(n[t.key]=r)}let i=e.store?await ke(e.store.packageName,{secrets:e.secrets,config:n},e.store.version):await Ie(o.id,{secrets:e.secrets,config:n,definition:o.source===`registry`?o:void 0}),a=null;try{a=await Be(i.instanceId)}catch{a=null}t({...e,installing:!1,result:i,health:a}),await r(i)}catch(n){t({...e,installing:!1,error:n instanceof Error?n.message:String(n)})}},[o,e,t,r]);return(0,X.jsx)(ue,{open:!0,onOpenChange:e=>{e||n()},children:(0,X.jsxs)(E,{children:[(0,X.jsx)(T,{className:`xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim`}),(0,X.jsxs)(ce,{className:a(`xopc-dialog-content fixed left-1/2 top-1/2 z-[60] flex max-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-panel shadow-float dark:border-edge`),children:[(0,X.jsxs)(`div`,{className:`flex shrink-0 items-start justify-between gap-3 border-b border-edge-subtle px-6 py-5`,children:[(0,X.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[(0,X.jsx)(q,{connector:o,size:`lg`}),(0,X.jsxs)(`div`,{className:`min-w-0`,children:[(0,X.jsx)(v,{className:`text-base font-semibold text-fg`,children:$(i.connectDialogTitle,{name:o.displayName})}),(0,X.jsx)(w,{className:`mt-1 line-clamp-3 text-sm text-fg-muted`,children:o.description})]})]}),(0,X.jsx)(m,{asChild:!0,children:(0,X.jsxs)(`button`,{type:`button`,className:a(`rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg`,H.focusRingPanel),"aria-label":i.modalClose,children:[(0,X.jsx)(_e,{className:`size-5`,strokeWidth:1.75,"aria-hidden":!0}),(0,X.jsx)(`span`,{className:`sr-only`,children:i.modalClose})]})})]}),(0,X.jsxs)(`div`,{className:`min-h-0 overflow-y-auto px-6 py-5`,children:[(0,X.jsx)(`div`,{className:`mb-5 grid grid-cols-3 gap-2`,"aria-label":i.connectProgressAria,children:c.map((e,t)=>{let n=c.findIndex(e=>e.id===s);return(0,X.jsxs)(`div`,{className:a(`rounded-xl border px-3 py-2 text-xs font-medium`,t===n?`border-accent bg-accent-soft text-accent-fg`:t<n?`border-emerald-200 bg-emerald-50 text-emerald-800 dark:border-emerald-900/40 dark:bg-emerald-950/40 dark:text-emerald-200`:`border-edge bg-surface-base text-fg-muted`),children:[(0,X.jsxs)(`span`,{className:`mr-1 tabular-nums`,children:[t+1,`.`]}),e.label]},e.id)})}),(0,X.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[o.integrationStrategy?(0,X.jsx)(`div`,{className:`rounded-xl border border-accent/20 bg-accent-soft/60 px-4 py-3 text-sm text-accent-fg`,children:o.integrationStrategy.lane===`mcp`?i.integrationStrategyMcpHint:o.integrationStrategy.lane===`native`?i.integrationStrategyNativeHint:i.integrationStrategyComposioHint}):null,e.store?(0,X.jsxs)(`section`,{className:`rounded-2xl border border-edge bg-surface-base p-4`,children:[(0,X.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:i.detailPermissions}),(0,X.jsxs)(`div`,{className:`mt-3 flex flex-wrap gap-1.5`,children:[(e.store.permissions.data??[]).map(e=>(0,X.jsx)(`span`,{className:`rounded-md border border-edge bg-surface-panel px-2 py-1 text-xs text-fg-muted`,children:e},e)),(e.store.permissions.networkDomains??[]).map(e=>(0,X.jsx)(`span`,{className:`rounded-md border border-edge bg-surface-panel px-2 py-1 text-xs text-fg-muted`,children:e},e)),(0,X.jsx)(`span`,{className:`rounded-md border border-emerald-500/30 bg-emerald-500/10 px-2 py-1 text-xs text-emerald-700 dark:text-emerald-300`,children:i.storeLocalExecDenied})]})]}):null,(o.setup.secrets??[]).map(n=>(0,X.jsxs)(`label`,{className:`flex flex-col gap-1.5`,children:[(0,X.jsx)(`span`,{className:`text-sm font-medium text-fg`,children:n.label}),n.description?(0,X.jsx)(`span`,{className:`text-xs text-fg-subtle`,children:n.description}):null,(0,X.jsx)(fe,{value:e.secrets[n.key]??``,onChange:r=>t({...e,secrets:{...e.secrets,[n.key]:r},error:null}),labels:i.secretInputLabels,placeholder:n.required?i.requiredPlaceholder:i.optionalPlaceholder})]},n.key)),(o.setup.config??[]).map(n=>(0,X.jsxs)(`label`,{className:`flex flex-col gap-1.5`,children:[(0,X.jsx)(`span`,{className:`text-sm font-medium text-fg`,children:n.label}),n.type===`json`?(0,X.jsx)(`textarea`,{className:$t,value:e.config[n.key]??``,placeholder:n.placeholder,onChange:r=>t({...e,config:{...e.config,[n.key]:r.currentTarget.value},error:null})}):(0,X.jsx)(`input`,{className:Qt,value:e.config[n.key]??``,placeholder:n.placeholder,onChange:r=>t({...e,config:{...e.config,[n.key]:r.currentTarget.value},error:null})})]},n.key)),e.installing?(0,X.jsxs)(`div`,{className:`rounded-2xl border border-edge bg-surface-base p-4 text-sm text-fg-muted`,children:[(0,X.jsxs)(`div`,{className:`flex items-center gap-2 font-medium text-fg`,children:[(0,X.jsx)(K,{className:`size-4 animate-spin text-accent`,"aria-hidden":!0}),i.connectingTitle]}),(0,X.jsx)(`p`,{className:`mt-1 text-xs text-fg-subtle`,children:i.connectingHint})]}):null,e.error?(0,X.jsx)(`p`,{className:`rounded-xl bg-red-500/10 px-3 py-2 text-sm text-red-600`,children:e.error}):null,e.result?(0,X.jsxs)(`div`,{className:`rounded-2xl border border-edge bg-surface-base p-4 text-sm text-fg-muted`,children:[(0,X.jsxs)(`div`,{className:`flex flex-wrap items-start justify-between gap-3`,children:[(0,X.jsxs)(`div`,{children:[(0,X.jsx)(`p`,{className:`font-medium text-fg`,children:$(i.connectedAs,{target:e.result.materialized.type===`mcp`?e.result.materialized.serverId:e.result.instanceId})}),(0,X.jsx)(`p`,{className:`mt-1 text-xs text-fg-subtle`,children:$(i.runtimeLabel,{runtime:e.result.materialized.type.toUpperCase()})})]}),(0,X.jsx)(`span`,{className:a(`rounded-full px-2 py-0.5 text-xs font-medium`,e.health?.ok?`bg-emerald-500/10 text-emerald-700 dark:text-emerald-300`:e.health?`bg-amber-500/10 text-amber-700 dark:text-amber-300`:`bg-surface-hover text-fg-muted`),children:e.health?.ok?i.healthStatusHealthy:en(e.health?.status,i)})]}),e.health?(0,X.jsxs)(X.Fragment,{children:[(0,X.jsxs)(`div`,{className:`mt-3 grid gap-2 text-xs sm:grid-cols-3`,children:[(0,X.jsxs)(`div`,{className:`rounded-lg border border-edge bg-surface-panel px-3 py-2`,children:[(0,X.jsx)(`div`,{className:`font-semibold text-fg`,children:e.health.toolCount}),(0,X.jsx)(`div`,{children:i.toolsMetric})]}),(0,X.jsxs)(`div`,{className:`rounded-lg border border-edge bg-surface-panel px-3 py-2`,children:[(0,X.jsx)(`div`,{className:`font-semibold text-fg`,children:e.health.resourceCount}),(0,X.jsx)(`div`,{children:i.resourcesMetric})]}),(0,X.jsxs)(`div`,{className:`rounded-lg border border-edge bg-surface-panel px-3 py-2`,children:[(0,X.jsx)(`div`,{className:`font-semibold text-fg`,children:e.health.promptCount}),(0,X.jsx)(`div`,{children:i.promptsMetric})]})]}),(0,X.jsxs)(`div`,{className:`mt-3 grid gap-2`,children:[(0,X.jsx)(rn,{title:i.detailTools,items:e.health.tools.map(e=>({id:e.name,title:e.shortName??e.name,description:e.description}))}),(0,X.jsx)(rn,{title:i.detailResources,items:e.health.resources.map(e=>({id:e.uri,title:e.title??e.name??e.uri,description:e.description??e.uri}))}),(0,X.jsx)(rn,{title:i.detailPrompts,items:e.health.prompts.map(e=>({id:e.name,title:e.title??e.name,description:e.description??$(i.promptArgumentCount,{count:String(e.argumentCount)})}))})]})]}):(0,X.jsx)(`p`,{className:`mt-3`,children:i.installedWithoutHealth}),e.health?.action?(0,X.jsx)(`p`,{className:`mt-3 text-xs text-fg-subtle`,children:e.health.action}):null]}):null]})]}),(0,X.jsx)(`div`,{className:`flex shrink-0 justify-end gap-2 border-t border-edge-subtle px-6 py-4`,children:(0,X.jsxs)(V,{variant:`primary`,disabled:!!e.result||e.installing,onClick:()=>void l(),children:[e.installing?(0,X.jsx)(K,{className:`size-4 animate-spin`}):e.result?(0,X.jsx)(ee,{className:`size-4`}):(0,X.jsx)(g,{className:`size-4`}),e.result?i.connectedBadge:i.connect]})})]})]})})}function sn(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 Ct(r)}function cn(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 ln(){return a(`w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg`,`placeholder:text-fg-subtle`,de)}function un({label:e,optionalLabel:t,addLabel:n,removeHeaderAria:r,pasteLabel:i,pasteFailed:o,keyPlaceholder:c,valuePlaceholder:l,headers:u,onChange:d}){let f=(e,t)=>{d(u.map((n,r)=>r===e?{...n,...t}:n))},p=()=>{d([...u,{key:``,value:``}])},m=e=>{let t=u.filter((t,n)=>n!==e);d(t.length>0?t:[{key:``,value:``}])},h=async()=>{try{let e=await s();if(!e){window.alert(o);return}let t=mt(e);if(!t?.length){window.alert(o);return}d(t)}catch{window.alert(o)}};return(0,X.jsxs)(`div`,{className:`flex flex-col gap-2 md:col-span-2`,children:[(0,X.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,X.jsxs)(`div`,{className:`flex items-center gap-1.5 text-sm font-medium text-fg`,children:[(0,X.jsx)(`span`,{children:e}),t?(0,X.jsx)(`span`,{className:`font-normal text-fg-subtle`,children:t}):null]}),(0,X.jsxs)(V,{type:`button`,variant:`ghost`,className:`h-8 gap-1.5 px-2 text-xs`,onClick:()=>void h(),children:[(0,X.jsx)(P,{className:`size-3.5`,"aria-hidden":!0}),i]})]}),(0,X.jsx)(`div`,{className:`flex flex-col gap-2`,children:u.map((e,t)=>(0,X.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,X.jsx)(`input`,{className:a(ln(),`min-w-0 flex-1 font-mono text-xs`),value:e.key,placeholder:c,onChange:e=>f(t,{key:e.target.value})}),(0,X.jsx)(`input`,{className:a(ln(),`min-w-0 flex-[1.4] font-mono text-xs`),value:e.value,placeholder:l,onChange:e=>f(t,{value:e.target.value})}),(0,X.jsx)(V,{type:`button`,variant:`ghost`,className:`size-9 shrink-0 px-0`,disabled:u.length<=1&&!e.key&&!e.value,onClick:()=>m(t),"aria-label":r,children:(0,X.jsx)(le,{className:`size-4 text-fg-subtle`,"aria-hidden":!0})})]},cn(e,t,u)))}),(0,X.jsxs)(`button`,{type:`button`,className:a(`self-start text-sm text-accent hover:underline`,H.press),onClick:p,children:[`+ `,n]})]})}var dn=[`stdio`,`sse`,`streamable-http`];function fn(e){let t=(0,Y.c)(11),{label:n,description:r,required:i,children:a}=e,o;t[0]===i?o=t[1]:(o=i?(0,X.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,X.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,X.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,X.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 pn(){return a(`w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg`,`placeholder:text-fg-subtle`,de)}function mn(e){let t=(0,Y.c)(29),{row:n,t:r,onUpdate:i,idConflictMessage:o,variant:s}=e,c=s===void 0?`all`:s,l=c===`all`||c===`basic`,u=c===`all`||c===`advanced`,d;t[0]!==o||t[1]!==i||t[2]!==n.id||t[3]!==n.transport||t[4]!==l||t[5]!==r?(d=l?(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(fn,{label:r.transportLabel,required:!0,children:(0,X.jsx)(b,{className:pn(),value:n.transport,onChange:e=>i({transport:e.target.value}),children:dn.map(e=>(0,X.jsx)(pe,{value:e,children:r.transportLabels[e]},e))})}),(0,X.jsxs)(fn,{label:r.serverIdLabel,required:!0,children:[(0,X.jsx)(`input`,{className:pn(),value:n.id,placeholder:r.serverIdPlaceholder,onChange:e=>i({id:e.target.value})}),o?(0,X.jsx)(`p`,{className:`text-xs text-red-600 dark:text-red-300`,children:o}):null]})]}):null,t[0]=o,t[1]=i,t[2]=n.id,t[3]=n.transport,t[4]=l,t[5]=r,t[6]=d):d=t[6];let f;t[7]!==i||t[8]!==n.argsText||t[9]!==n.command||t[10]!==n.cwd||t[11]!==n.envJson||t[12]!==n.headers||t[13]!==n.transport||t[14]!==n.url||t[15]!==u||t[16]!==l||t[17]!==r||t[18]!==c?(f=n.transport===`stdio`?(0,X.jsxs)(X.Fragment,{children:[l?(0,X.jsx)(`div`,{className:c===`basic`?`md:col-span-2`:void 0,children:(0,X.jsx)(fn,{label:r.commandLabel,required:!0,children:(0,X.jsx)(`input`,{className:pn(),value:n.command,onChange:e=>i({command:e.target.value})})})}):null,u?(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(fn,{label:r.argsLabel,description:r.argsHint,children:(0,X.jsx)(`input`,{className:pn(),value:n.argsText,onChange:e=>i({argsText:e.target.value})})}),(0,X.jsx)(fn,{label:r.cwdLabel,children:(0,X.jsx)(`input`,{className:pn(),value:n.cwd,onChange:e=>i({cwd:e.target.value})})}),(0,X.jsx)(fn,{label:r.envLabel,description:r.envHint,children:(0,X.jsx)(`textarea`,{className:a(pn(),`min-h-[4rem] font-mono text-xs`),value:n.envJson,onChange:e=>i({envJson:e.target.value})})})]}):null]}):(0,X.jsxs)(X.Fragment,{children:[l?(0,X.jsx)(`div`,{className:`md:col-span-2`,children:(0,X.jsx)(fn,{label:r.urlLabel,required:!0,children:(0,X.jsx)(`input`,{className:a(pn(),`font-mono text-xs`),value:n.url,placeholder:`https://example.com/mcp`,onChange:e=>i({url:e.target.value})})})}):null,u?(0,X.jsx)(un,{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:e})}):null]}),t[7]=i,t[8]=n.argsText,t[9]=n.command,t[10]=n.cwd,t[11]=n.envJson,t[12]=n.headers,t[13]=n.transport,t[14]=n.url,t[15]=u,t[16]=l,t[17]=r,t[18]=c,t[19]=f):f=t[19];let p;t[20]!==i||t[21]!==n||t[22]!==u||t[23]!==r?(p=u?(0,X.jsx)(fn,{label:r.timeoutLabel,description:r.timeoutHint,children:(0,X.jsx)(`input`,{type:`number`,min:1,max:600,className:pn(),value:jt(n),placeholder:r.timeoutPlaceholder,onChange:e=>i({connectionTimeoutMs:Mt(e.target.value)})})}):null,t[20]=i,t[21]=n,t[22]=u,t[23]=r,t[24]=p):p=t[24];let m;return t[25]!==d||t[26]!==f||t[27]!==p?(m=(0,X.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[d,f,p]}),t[25]=d,t[26]=f,t[27]=p,t[28]=m):m=t[28],m}function hn(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 gn(e){let t=(0,Y.c)(13),{tool:n,serverId:r}=e,i;t[0]!==r||t[1]!==n?(i=hn(n,r),t[0]=r,t[1]=n,t[2]=i):i=t[2];let o=i,s=n.name===o?o:n.name,c;t[3]===n.description?c=t[4]:(c=n.description?.trim(),t[3]=n.description,t[4]=c);let l=c,u;t[5]!==o||t[6]!==s?(u=(0,X.jsx)(`p`,{className:`break-all font-mono text-xs font-medium leading-5 text-fg`,title:s,children:o}),t[5]=o,t[6]=s,t[7]=u):u=t[7];let d;t[8]===l?d=t[9]:(d=l?(0,X.jsx)(M,{delayDuration:300,skipDelayDuration:100,children:(0,X.jsxs)(I,{children:[(0,X.jsx)(y,{asChild:!0,children:(0,X.jsx)(`p`,{tabIndex:0,title:l,className:a(`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:l})}),(0,X.jsx)(x,{children:(0,X.jsx)(N,{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,X.jsx)(`span`,{className:`whitespace-pre-wrap break-words`,children:l})})})]})}):null,t[8]=l,t[9]=d);let f;return t[10]!==u||t[11]!==d?(f=(0,X.jsxs)(`div`,{className:`min-w-0 rounded-lg border border-edge bg-surface-panel px-3 py-2.5`,children:[u,d]}),t[10]=u,t[11]=d,t[12]=f):f=t[12],f}function _n({open:e,mode:t,initialRow:n,existingCustomServers:r,sessionIdleTtlMinutes:i,config:o,managedServerIds:s,t:c,cs:l,onClose:u,onSaved:d}){let[f,h]=(0,J.useState)(n),[g,_]=(0,J.useState)(!1),[y,b]=(0,J.useState)(!1),[x,S]=(0,J.useState)(null),[C,D]=(0,J.useState)(!1),[O,k]=(0,J.useState)({status:`idle`}),[A,j]=(0,J.useState)(null),M=n.id.trim(),N=f.id.trim()!==M&&s.has(f.id.trim())||s.has(f.id.trim())&&t===`add`?c.reservedServerId:void 0,P=f.id.trim()&&r.some(e=>e.clientKey!==n.clientKey&&e.id.trim()===f.id.trim())?l.duplicateServerId:void 0,F=f.id.trim().length>0&&!N&&!P&&(f.transport===`stdio`?f.command.trim().length>0:f.url.trim().length>0),I=Nt(f),L=(0,J.useCallback)(async()=>{if(f.id.trim()){b(!0),S(null),k({status:`loading`});try{k({status:`ok`,tools:(await At(f.id.trim(),Tt(f))).tools})}catch(e){k({status:`error`,message:e instanceof Error?e.message:String(e)})}finally{b(!1)}}},[f]),R=(0,J.useCallback)(async()=>{if(!(!F||g)){_(!0),S(null);try{let e=r.filter(e=>!(t===`edit`&&e.clientKey===n.clientKey));e.push(f),await Et({sessionIdleTtlMinutes:i,servers:e.sort((e,t)=>e.id.localeCompare(t.id))},vt(o)),await d(),u()}catch(e){S(e instanceof Error?e.message:String(e))}finally{_(!1)}}},[F,o,r,n.clientKey,t,u,d,M,f,g,i]);return e?(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(ue,{open:e,onOpenChange:e=>{e||u()},children:(0,X.jsxs)(E,{children:[(0,X.jsx)(T,{className:`xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim`}),(0,X.jsxs)(ce,{className:a(`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-panel shadow-float dark:border-edge`),children:[(0,X.jsxs)(`div`,{className:`flex shrink-0 items-start justify-between gap-3 border-b border-edge-subtle px-6 py-5`,children:[(0,X.jsxs)(`div`,{className:`min-w-0`,children:[(0,X.jsx)(v,{className:`text-base font-semibold text-fg`,children:t===`add`?l.addCustomServerTitle:l.editCustomServerTitle}),(0,X.jsx)(w,{className:`mt-1 text-sm text-fg-muted`,children:t===`add`?l.addCustomServerHint:l.editCustomServerHint})]}),(0,X.jsx)(m,{asChild:!0,children:(0,X.jsxs)(`button`,{type:`button`,className:a(`rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg`,H.focusRingPanel),"aria-label":l.modalClose,children:[(0,X.jsx)(_e,{className:`size-5`,strokeWidth:1.75,"aria-hidden":!0}),(0,X.jsx)(`span`,{className:`sr-only`,children:l.modalClose})]})})]}),(0,X.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-6 py-5`,children:(0,X.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,X.jsx)(`section`,{className:`rounded-xl border border-edge bg-surface-base p-4`,children:(0,X.jsxs)(`div`,{className:`flex flex-wrap items-start justify-between gap-3`,children:[(0,X.jsxs)(`div`,{className:`min-w-0`,children:[(0,X.jsxs)(`div`,{className:`flex items-center gap-2 text-sm font-semibold text-fg`,children:[(0,X.jsx)(p,{className:`size-4 text-accent`,"aria-hidden":!0}),f.id.trim()||c.cardUntitled]}),(0,X.jsx)(`p`,{className:`mt-1 break-all font-mono text-xs leading-5 text-fg-muted`,children:I||(f.transport===`stdio`?c.commandLabel:c.urlLabel)})]}),(0,X.jsx)(`span`,{className:`rounded-full bg-surface-hover px-2 py-0.5 text-[11px] font-medium text-fg-muted`,children:c.transportLabels[f.transport]})]})}),(0,X.jsxs)(`section`,{children:[(0,X.jsxs)(`div`,{className:`mb-3`,children:[(0,X.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:l.connectorBasicConfigTitle}),(0,X.jsx)(`p`,{className:`mt-1 text-sm text-fg-muted`,children:l.connectorBasicConfigHint})]}),(0,X.jsx)(mn,{row:f,t:c,variant:`basic`,onUpdate:e=>{h(t=>({...t,...e})),S(null)},idConflictMessage:N??P})]}),O.status===`ok`?(0,X.jsxs)(`div`,{className:`rounded-xl border border-edge bg-surface-base p-3`,children:[(0,X.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[(0,X.jsxs)(`div`,{className:`flex items-center gap-2 text-sm font-medium text-fg`,children:[(0,X.jsx)(te,{className:`size-4 text-accent`,"aria-hidden":!0}),O.tools.length===0?c.toolsEmpty:c.toolsTitle.replace(`{{count}}`,String(O.tools.length))]}),O.tools.length>0?(0,X.jsx)(V,{type:`button`,variant:`ghost`,className:`h-8 text-xs`,onClick:()=>j(O.tools),children:c.viewAllTools}):null]}),O.tools.length>0?(0,X.jsx)(`div`,{className:`mt-3 grid gap-2`,children:O.tools.slice(0,6).map((e,t)=>(0,X.jsx)(gn,{tool:e,serverId:f.id},e.name||`tool-${t}`))}):null]}):null,O.status===`error`?(0,X.jsx)(`p`,{className:`rounded-xl bg-red-500/10 px-3 py-2 text-sm text-red-600`,children:O.message}):null,x?(0,X.jsx)(`p`,{className:`rounded-xl bg-red-500/10 px-3 py-2 text-sm text-red-600`,children:x}):null,(0,X.jsxs)(`details`,{open:C,onToggle:e=>D(e.currentTarget.open),className:`group rounded-xl border border-edge bg-surface-base`,children:[(0,X.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,X.jsx)(U,{className:`size-4 text-fg-muted transition-transform group-open:rotate-180`,"aria-hidden":!0}),(0,X.jsx)(`span`,{className:`group-open:hidden`,children:l.connectorShowAdvancedConfig}),(0,X.jsx)(`span`,{className:`hidden group-open:inline`,children:l.connectorHideAdvancedConfig})]}),(0,X.jsx)(`div`,{className:`border-t border-edge px-4 py-4`,children:(0,X.jsx)(mn,{row:f,t:c,variant:`advanced`,onUpdate:e=>{h(t=>({...t,...e})),S(null)}})})]})]})}),(0,X.jsxs)(`div`,{className:`flex shrink-0 flex-wrap justify-end gap-2 border-t border-edge-subtle px-6 py-4`,children:[(0,X.jsxs)(V,{variant:`secondary`,disabled:!f.id.trim()||y,onClick:()=>void L(),children:[y?(0,X.jsx)(K,{className:`size-4 animate-spin`}):(0,X.jsx)(W,{className:`size-4`}),c.testConnection]}),(0,X.jsx)(m,{asChild:!0,children:(0,X.jsx)(V,{variant:`secondary`,children:l.modalCancel})}),(0,X.jsxs)(V,{variant:`primary`,disabled:!F||g,onClick:()=>void R(),children:[g?(0,X.jsx)(K,{className:`size-4 animate-spin`}):(0,X.jsx)(ee,{className:`size-4`}),g?c.saving:l.modalSave]})]})]})]})}),A?(0,X.jsx)(zt,{open:!0,onOpenChange:e=>{e||j(null)},serverId:f.id,title:c.toolsDialogTitle,subtitle:c.toolsDialogSubtitle,searchPlaceholder:c.toolsDialogSearchPlaceholder,searchEmptyLabel:c.toolsDialogSearchEmpty,emptyLabel:c.toolsEmpty,closeLabel:c.toolsDialogClose,tools:A,stripPrefix:`${f.id.trim()}__`}):null]}):null}var vn=[`understand`,`act`,`reach`];function yn(e){let t=new Set(e.capabilities),n=[e.id,e.displayName,...e.tags??[]].join(` `).toLowerCase();return t.has(`channel`)||t.has(`events`)||/slack|telegram|discord|teams|mail|message|wechat|weixin/.test(n)?`reach`: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)?`understand`:`act`}function bn(e,t){let n=t?yn(t):`act`,r=e.connectionStatus===`connected`||e.status===`connected`||e.usage.lastHealthStatus===`ok`,i=e.status===`not_configured`||e.status===`failed`||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 xn(e,t){let n=t.trim().toLowerCase();return n?[e.displayName,e.description,e.category,e.kind,e.source,...e.tags??[]].some(e=>e.toLowerCase().includes(n)):!0}function Sn(e,t,n){return e.filter(e=>xn(e,t)).toSorted((e,t)=>n===`source`&&e.source!==t.source?e.source.localeCompare(t.source):e.displayName.localeCompare(t.displayName))}function Cn(e,t){let n=t.trim().toLowerCase();return n?[e.displayName,e.connectorId,e.instanceId,e.status,e.connectionStatus??``,e.materialized.type,e.materialized.type===`mcp`?e.materialized.serverId:e.materialized.id].some(e=>e.toLowerCase().includes(n)):!0}function wn(e,t){let n=t.trim().toLowerCase();return n?[e.id,e.command??``,e.url??``,e.transport].some(e=>e.toLowerCase().includes(n)):!0}var Tn=`all`,En=`builtin`,Dn=`xopc-store`;function On(e){let t=[`code`,`docs`,`browser`,`data`,`automation`,`custom`].includes(e.category??``)?e.category:`custom`;return{id:e.name,version:e.latestVersion??`store`,displayName:e.name,description:e.description,category:t,kind:`mcp`,source:`store`,capabilities:[`tools`,`runtime.mcp.streamableHttp`],tags:[`store`],auth:{mode:`none`},setup:{},runtime:{type:`mcp`,serverId:`store-${e.name}`.slice(0,64)}}}function kn(e){return e.filter((e,t,n)=>n.findIndex(t=>t.id===e.id)===t)}function An(){let e=c(d(e=>e.language)),t=e.connectorsSettings,n=e.mcpSettings,r=f(e=>e.token),o=!!r,[s,l]=i(),[u,p]=(0,J.useState)(s.get(`tab`)===`connected`?`connected`:`discover`),m=(0,J.useRef)(!1),[h,g]=(0,J.useState)({catalog:[],registryCatalog:[],instances:[],registries:[],loading:!0,error:null}),[_,v]=(0,J.useState)(!1),[y,b]=(0,J.useState)(!1),[x,C]=(0,J.useState)(1),[w,T]=(0,J.useState)(void 0),[E,D]=(0,J.useState)(``),[O,k]=(0,J.useState)(``),[A,j]=(0,J.useState)(En),[M,N]=(0,J.useState)(`name`),[P,F]=(0,J.useState)(`all`),[I,R]=(0,J.useState)(null),[z,B]=(0,J.useState)(null),[ee,te]=(0,J.useState)(null),[ne,re]=(0,J.useState)(null),[ie,ae]=(0,J.useState)(null),[oe,ce]=(0,J.useState)(null),[le,ue]=(0,J.useState)(!1),[H,de]=(0,J.useState)(void 0),[fe,pe]=(0,J.useState)(!1),{data:me,mutate:ge}=se(o),U=me?.payload?.config,W=(0,J.useMemo)(()=>U===void 0?null:wt(U),[U]),G=W?.servers??[],_e=h.instances.length+G.length;(0,J.useEffect)(()=>{W&&de(W.sessionIdleTtlMinutes)},[W]);let q=(0,J.useCallback)(async()=>{if(!r){g({catalog:[],registryCatalog:[],instances:[],registries:[],loading:!1,error:null});return}g(e=>({...e,loading:!0,error:null}));try{let[e,t,n]=await Promise.all([Te(),je(),Ae()]);g(r=>({catalog:e,registryCatalog:r.registryCatalog,instances:t,registries:n,loading:!1,error:null}))}catch(e){g({catalog:[],registryCatalog:[],instances:[],registries:[],loading:!1,error:e instanceof Error?e.message:String(e)})}},[r]);(0,J.useEffect)(()=>{q()},[q]),(0,J.useEffect)(()=>{m.current||h.loading||o&&!W||(p(_e>0?`connected`:`discover`),m.current=!0)},[o,_e,W,h.loading]);let Y=(0,J.useCallback)(e=>{m.current=!0,p(e)},[]),Z=(0,J.useMemo)(()=>[{id:Dn,displayName:t.storeSourceName},...h.registries],[t.storeSourceName,h.registries]),we=(0,J.useCallback)(async e=>{if(!o||A===En){g(e=>({...e,registryCatalog:[]})),C(1),T(void 0);return}let t=O.trim(),n=e?.browse??!1,r=Math.max(e?.page??1,1),i=e?.append??!1,a=A===Tn?Z:Z.filter(e=>e.id===A);if(a.length!==0){v(!0),i?g(e=>({...e,error:null})):(C(1),T(void 0),g(e=>({...e,registryCatalog:[],error:null})));try{let e=await Promise.all(a.map(async e=>{if(e.id===Dn){let e=await De({q:t||void 0,page:r,pageSize:24,sort:M===`source`?`newest`:`downloads`});return{connectors:e.items.map(On),totalPages:e.meta.totalPages}}return Pe(t,e.id,{browse:n,page:r})})),o=kn(e.flatMap(e=>e.connectors)),s=Math.max(1,...e.map(e=>e.totalPages??1));C(r),T(s),g(e=>({...e,registryCatalog:i?kn([...e.registryCatalog,...o]):o}))}catch(e){g(t=>({...t,error:e instanceof Error?e.message:String(e)}))}finally{v(!1)}}},[M,O,A,o,Z]);(0,J.useEffect)(()=>{if(u!==`discover`||h.loading)return;if(A===En){g(e=>({...e,registryCatalog:[]})),C(1),T(void 0);return}let e=window.setTimeout(()=>{we({browse:!O.trim()})},O.trim()?350:0);return()=>window.clearTimeout(e)},[O,A,we,h.loading,u]);let Q=(0,J.useMemo)(()=>new Set(h.instances.map(e=>e.connectorId)),[h.instances]),Ee=(0,J.useMemo)(()=>new Map([...h.catalog,...h.registryCatalog].map(e=>[e.id,e])),[h.catalog,h.registryCatalog]);(0,J.useEffect)(()=>{if(h.loading)return;let e=s.get(`connector`),t=s.get(`instance`);if(!e&&!t)return;let n=h.instances.find(n=>t?n.instanceId===t:n.connectorId===e);if(n)m.current=!0,D(``),te(n.instanceId),re(n),p(`connected`);else if(e){let t=Ee.get(e);if(!t)return;m.current=!0,j(En),k(``),B(t),p(`discover`)}let r=new URLSearchParams(s);r.delete(`connector`),r.delete(`instance`),r.delete(`personalContext`),r.set(`tab`,n?`connected`:`discover`),l(r,{replace:!0})},[Ee,s,l,h.instances,h.loading]);let ke=(0,J.useCallback)(async e=>{b(!0),g(e=>({...e,error:null}));try{let t=await Oe(e);R(nn(t.definition,{packageName:t.packageName,version:t.version,permissions:t.permissions}))}catch(e){g(t=>({...t,error:e instanceof Error?e.message:String(e)}))}finally{b(!1)}},[]),Me=(0,J.useMemo)(()=>new Set(h.instances.flatMap(e=>e.materialized.type===`mcp`?[e.materialized.serverId]:[])),[h.instances]),Ne=(0,J.useCallback)(async e=>{if(!W||U===void 0)return;let t=G.filter(t=>t.clientKey!==e.clientKey);await Et({sessionIdleTtlMinutes:W.sessionIdleTtlMinutes,servers:t},vt(U)),await ge(),await q()},[U,G,q,W,ge]),Fe=(0,J.useCallback)(()=>{ce({mode:`add`,row:sn(G,Me)})},[G,Me]),Ie=(0,J.useCallback)(async()=>{if(!(!W||U===void 0||fe)){pe(!0);try{await Et({sessionIdleTtlMinutes:H,servers:G},vt(U)),await ge(),ue(!1)}finally{pe(!1)}}},[U,G,n.saved,W,ge,H,fe]),Le=S(e=>e.setPageHeader),Re=S(e=>e.clearPageHeader),ze=(0,J.useMemo)(()=>(0,X.jsx)(ft,{onBrowseCatalog:()=>Y(`discover`),onAddCustomServer:Fe,onOpenRuntimeSettings:()=>ue(!0),addLabel:t.addConnection,browseLabel:t.addFromCatalog,customLabel:t.addCustomServerAdvanced,settingsLabel:t.runtimeSettings}),[t,Fe,Y]);(0,J.useLayoutEffect)(()=>(Le({startExtra:null,main:(0,X.jsx)(`div`,{className:`min-w-0`,children:(0,X.jsx)(`h1`,{className:`truncate text-base font-semibold tracking-tight text-fg`,children:t.title})}),end:ze}),()=>Re()),[Re,t.title,ze,Le]);let Be=(0,J.useMemo)(()=>h.instances.map(e=>({instance:e,value:bn(e,Ee.get(e.connectorId))})),[Ee,h.instances]),Ve=(0,J.useMemo)(()=>new Map(Be.map(({instance:e,value:t})=>[e.instanceId,t])),[Be]),He=(0,J.useMemo)(()=>({ready:Be.filter(({value:e})=>e.state===`ready`).length,needsSetup:Be.filter(({value:e})=>e.state===`needs_setup`).length,checking:Be.filter(({value:e})=>e.state===`checking`).length}),[Be]),Ue=(0,J.useMemo)(()=>h.instances.filter(e=>Cn(e,E)).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)}),[E,Ve,h.instances]),We=(0,J.useMemo)(()=>G.filter(e=>wn(e,E)),[E,G]),Ge=Ue.length+We.length,Ke=(0,J.useMemo)(()=>h.catalog.filter(e=>e.source===`builtin`&&e.integrationStrategy?.preferred!==!1),[h.catalog]),qe=(0,J.useMemo)(()=>{let e=A===En?Ke:A===Tn?kn([...Ke,...h.registryCatalog]):h.registryCatalog;return Sn(P===`all`?e:e.filter(e=>yn(e)===P),O,M)},[Ke,M,O,A,P,h.registryCatalog]),Je=u===`discover`&&A!==En&&!!(w&&x<w),Ye=(0,J.useMemo)(()=>h.instances.find(e=>e.instanceId===ee)??ne,[ee,ne,h.instances]),Xe=(0,J.useMemo)(()=>[{value:Tn,label:t.discoverSourceAll},{value:En,label:t.discoverSourceBuiltin},...Z.map(e=>({value:e.id,label:e.displayName}))],[t.discoverSourceAll,t.discoverSourceBuiltin,Z]),Ze=[{id:`connected`,label:t.tabConnected,count:_e},{id:`discover`,label:t.tabDiscover}];return(0,X.jsx)(`div`,{className:`flex min-h-0 min-w-0 flex-1 flex-col bg-surface-panel`,children:(0,X.jsxs)(`div`,{className:`flex w-full flex-col gap-6 px-3 py-6 sm:px-5 xl:px-6`,children:[o?null:(0,X.jsx)(`p`,{className:`rounded-xl border border-edge bg-surface-panel px-4 py-3 text-sm text-fg-muted`,children:t.tokenHint}),(0,X.jsxs)(`section`,{className:`flex flex-col gap-4`,children:[(0,X.jsx)(`div`,{className:`border-b border-edge-subtle pb-3 dark:border-edge-subtle`,children:(0,X.jsx)(ve,{items:Ze,activeTab:u,onChange:Y,ariaLabel:t.navAria,tabIdPrefix:`connectors-tab`,panelIdPrefix:`connectors-panel`,className:`flex-wrap`})}),h.error?(0,X.jsx)(`p`,{className:`rounded-xl bg-red-500/10 px-3 py-2 text-sm text-red-600`,children:h.error}):null,u===`connected`&&o?(0,X.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,X.jsxs)(`div`,{className:`flex flex-col gap-3 sm:flex-row sm:items-center`,children:[(0,X.jsx)(dt,{value:E,onChange:D,placeholder:t.connectedSearchPlaceholder,className:`max-w-xl`}),(0,X.jsx)(he,{className:`size-9 shrink-0 p-0`,loading:h.loading,label:t.refreshConnections,title:t.refreshConnections,onClick:q})]}),Be.length>0?(0,X.jsxs)(`section`,{className:`rounded-2xl border border-edge-subtle bg-surface-base p-5`,children:[(0,X.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:t.connectionSummaryTitle}),(0,X.jsx)(`p`,{className:`mt-1 text-xs text-fg-muted`,children:t.connectionSummaryHint}),(0,X.jsxs)(`div`,{className:`mt-4 grid gap-2 sm:grid-cols-3`,children:[(0,X.jsxs)(`div`,{className:`rounded-xl bg-surface-panel p-3`,children:[(0,X.jsx)(`div`,{className:`text-xl font-semibold tabular-nums text-success`,children:He.ready}),(0,X.jsx)(`div`,{className:`mt-1 text-xs text-fg-muted`,children:t.connectionReady})]}),(0,X.jsxs)(`div`,{className:`rounded-xl bg-surface-panel p-3`,children:[(0,X.jsx)(`div`,{className:a(`text-xl font-semibold tabular-nums`,He.needsSetup>0?`text-warning`:`text-fg`),children:He.needsSetup}),(0,X.jsx)(`div`,{className:`mt-1 text-xs text-fg-muted`,children:t.connectionNeedsSetup})]}),(0,X.jsxs)(`div`,{className:`rounded-xl bg-surface-panel p-3`,children:[(0,X.jsx)(`div`,{className:`text-xl font-semibold tabular-nums text-fg`,children:He.checking}),(0,X.jsx)(`div`,{className:`mt-1 text-xs text-fg-muted`,children:t.connectionChecking})]})]})]}):null,(0,X.jsxs)(`div`,{children:[(0,X.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:t.connectionsTitle}),(0,X.jsx)(`p`,{className:`mt-1 text-sm text-fg-muted`,children:t.connectionsHint})]}),h.loading?(0,X.jsx)(`div`,{className:`grid gap-3`,"aria-busy":`true`,"aria-label":t.loading,children:ye.slice(0,3).map(e=>(0,X.jsx)(Se,{},e))}):_e===0?(0,X.jsxs)(`div`,{className:`rounded-2xl border border-dashed border-edge p-8 text-center`,children:[(0,X.jsx)(`p`,{className:`text-sm text-fg-muted`,children:t.connectionsEmpty}),(0,X.jsx)(V,{type:`button`,variant:`primary`,className:`mt-4`,onClick:()=>Y(`discover`),children:t.addFromCatalog})]}):Ge===0?(0,X.jsx)(`div`,{className:`rounded-2xl border border-dashed border-edge p-8 text-center text-sm text-fg-muted`,children:t.connectionsSearchEmpty}):(0,X.jsxs)(`div`,{className:`grid gap-4 sm:grid-cols-2 xl:grid-cols-3`,children:[Ue.map(e=>(0,X.jsx)(Zt,{instance:e,definition:Ee.get(e.connectorId),highlighted:e.instanceId===ie,onOpenDetails:e=>{ae(null),te(e.instanceId),re(e)},onChanged:q,t},e.instanceId)),We.map(e=>(0,X.jsx)(Pt,{row:e,t:n,cs:t,onEdit:()=>ce({mode:`edit`,row:structuredClone(e)}),onRemove:async()=>Ne(e)},e.clientKey))]}),(0,X.jsx)(`p`,{className:`text-xs text-fg-subtle`,children:n.disableHint})]}):null,u===`discover`&&o?(0,X.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,X.jsxs)(`div`,{children:[(0,X.jsx)(`h2`,{className:`text-base font-semibold text-fg`,children:t.discoverTitle}),(0,X.jsx)(`p`,{className:`mt-1 text-sm text-fg-muted`,children:t.discoverHint})]}),(0,X.jsx)(`div`,{className:`rounded-xl border border-accent/20 bg-accent-soft/60 px-4 py-3 text-sm text-accent-fg`,children:t.integrationStrategyHint}),(0,X.jsx)(`div`,{className:`flex flex-wrap gap-2`,role:`group`,"aria-label":t.outcomeFilterAria,children:[`all`,...vn].map(e=>(0,X.jsx)(`button`,{type:`button`,className:a(`rounded-full border px-3 py-1.5 text-xs font-medium transition-colors`,P===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":P===e,onClick:()=>F(e),children:e===`all`?t.outcomeAll:t.connectorBenefitHeadings[e]},e))}),(0,X.jsxs)(`div`,{className:`flex flex-col gap-2 lg:flex-row lg:items-center`,children:[(0,X.jsx)(dt,{value:O,onChange:k,placeholder:t.discoverSearchPlaceholder,className:`max-w-xl`}),(0,X.jsxs)(`div`,{className:`grid min-w-0 grid-cols-1 gap-2 sm:grid-cols-2 lg:ml-auto lg:w-[26rem]`,children:[(0,X.jsx)(L,{value:A,options:Xe,placeholder:t.discoverSourceAll,allowEmpty:!1,ariaLabel:t.registrySourceAria,triggerClassName:`h-9 bg-surface-panel text-xs`,onChange:j}),(0,X.jsx)(L,{value:M,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=>N(e)})]})]}),(h.loading||_)&&qe.length===0?(0,X.jsx)(`div`,{className:`grid gap-4 sm:grid-cols-2 xl:grid-cols-3`,"aria-busy":`true`,"aria-label":t.loading,children:ye.map(e=>(0,X.jsx)(xe,{},e))}):qe.length===0?(0,X.jsx)(`div`,{className:`rounded-2xl border border-dashed border-edge p-8 text-center text-sm text-fg-muted`,children:t.discoverEmpty}):(0,X.jsxs)(`div`,{className:`relative`,children:[_?(0,X.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,X.jsx)(K,{className:`size-8 shrink-0 animate-spin text-accent motion-reduce:animate-none`,strokeWidth:2,"aria-hidden":!0})}):null,(0,X.jsx)(`div`,{className:`grid gap-4 sm:grid-cols-2 xl:grid-cols-3`,children:qe.map(e=>(0,X.jsx)(Ce,{connector:e,installed:Q.has(e.id)||be(e,h.instances),onInstall:e=>{if(e.source===`store`){ke(e.id);return}R(nn(e))},onOpenDetails:e.source===`store`?void 0:B,t},e.id))}),Je?(0,X.jsx)(`div`,{className:`mt-4 flex justify-center`,children:(0,X.jsxs)(V,{type:`button`,variant:`secondary`,disabled:_||y,onClick:()=>void we({browse:!O.trim(),page:x+1,append:!0}),children:[_?(0,X.jsx)(K,{className:`size-4 animate-spin`}):null,t.loadMore]})}):null]})]}):null]}),I?(0,X.jsx)(on,{draft:I,onChange:R,onClose:()=>R(null),t,onInstalled:async e=>{await q(),await ge(),ae(e.instanceId),Y(`connected`)}}):null,z?(0,X.jsx)(ct,{connector:z,installed:Q.has(z.id)||be(z,h.instances),onClose:()=>B(null),onInstall:e=>R(nn(e)),t}):null,Ye?(0,X.jsx)(Xt,{instance:Ye,definition:Ee.get(Ye.connectorId),onClose:()=>{te(null),re(null)},onChanged:q,t,mcp:n}):null,oe?(0,X.jsx)(_n,{open:!0,mode:oe.mode,initialRow:oe.row,existingCustomServers:G,sessionIdleTtlMinutes:H,config:U,managedServerIds:Me,t:n,cs:t,onClose:()=>ce(null),onSaved:async()=>{await ge(),await q(),Y(`connected`)}},`${oe.mode}-${oe.row.clientKey}`):null,(0,X.jsx)(ut,{open:le,sessionIdleTtlMinutes:H,saving:fe,onChange:de,onSave:Ie,onClose:()=>ue(!1),t,mcp:n})]})})}export{An as ConnectorsPage};

package/dist/gateway/static/root/assets/desktop-pet-C6V-PHwi.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{t as i}from"./messages-t1yPaVCt.js";import{n as a}from"./locale-store-BneNAR8R.js";import{t as o,tu as s,ys as c}from"./index-CH7XN6KY.js";import{t as l}from"./desktop-pet-sprite-DqZ6fbIj.js";var u=e(t(),1),d=n();function f(e){return e?`/chat/${e.sessionKey}`:void 0}var p=r(),m=8e3,h=9e4,g=3e4,_=20*6e4,v=45*6e4,y=58;function b(e){let t={error:0,waiting:1,running:2,success:3};return e.sort((e,n)=>t[e.state]-t[n.state]||n.timestamp-e.timestamp).slice(0,3)}function x(e,t){return e.state===`running`&&t-(e.startedAt??e.timestamp)>=h}function S(e,t){return e.state===`running`&&t-e.timestamp>=g}function C(e,t,n){return S(e,n)||t===`chatty`||x(e,n)&&t===`normal`?!0:t===`quiet`?e.priority===`high`||e.state===`waiting`||e.state===`error`:e.priority!==`low`}function w(e){return e?e.state===`error`?`error`:e.state===`success`?`success`:e.animation??o(e.phase):`idle`}function T(e,t){return e.replace(/\{\{detail\}\}/g,t)}function E(e){return e.replace(/\s+/g,` `).trim()}function D(e){let t=E(e);return t.length>y?`${t.slice(0,y-1)}…`:t}function O(e,t,n){if(e.progress){let t=`${e.progress.completed}/${e.progress.total}`;return e.action.includes(t)?``:` · ${t}`}return e.outputLines?.length?T(n,e.outputLines[Math.floor((t-e.timestamp)/1800)%e.outputLines.length]):e.outputTail?T(n,e.outputTail):e.detail&&!e.action.includes(e.detail)?T(n,e.detail):e.state===`running`?` · ${Math.max(1,Math.floor((t-e.timestamp)/1e3))}s`:``}function k(e,t){if(e.state!==`success`)return;let n=e.outputLines?.map(E).filter(Boolean).at(-1)??e.outputTail;if(n)return t.replace(/\{\{summary\}\}/g,D(n))}function A(e,t,n){if(S(e,t))return n.stale;if(x(e,t))return n.longRunning}function j(e,t){if(e.state===`waiting`)return t.needsInput;if(e.state===`error`)return t.reviewIssue;if(e.state===`success`)return t.open}function M(e){let t=e.now-e.lastActivityAt;return e.bubbleEnabled&&e.feedbackLevel!==`quiet`&&!e.collapsed&&e.queuedCount===0&&e.activeCount===0&&t>=_&&t<=1245e3&&e.now>=e.dismissedUntil}function N(){return{prefs:{enabled:!0,showOnStartup:!1,selectedPetId:`ember`,alwaysOnTop:!0,bubbleEnabled:!0,clickThroughWhenIdle:!1,muted:!1,feedbackLevel:`normal`,sizePercent:100,collapsed:!1},pets:[],visible:!0,customPetsDir:``,petIssues:[]}}function P(){let e=i(a(e=>e.language)).desktopPet,[t,n]=(0,u.useState)(N),[r,o]=(0,u.useState)({}),[d,h]=(0,u.useState)(()=>new Set),[g,_]=(0,u.useState)(Date.now()),[y,x]=(0,u.useState)(()=>Date.now()),[S,T]=(0,u.useState)(0),E=(0,u.useRef)(null),D=(0,u.useRef)(!1),P=(0,u.useRef)(null),F=(0,u.useRef)(null),I=(0,u.useRef)(null),L=(0,u.useMemo)(()=>t.pets.find(e=>e.id===t.prefs.selectedPetId)??t.pets[0],[t]),R=Math.min(1.4,Math.max(.7,t.prefs.sizePercent/100)),z=(0,u.useMemo)(()=>b(Object.values(r).filter(e=>!e.expiresAt||e.expiresAt>g)),[r,g]),B=(0,u.useMemo)(()=>t.prefs.bubbleEnabled?z.filter(e=>!d.has(e.sessionKey)&&C(e,t.prefs.feedbackLevel,g)):[],[z,d,g,t.prefs.bubbleEnabled,t.prefs.feedbackLevel]),V=(0,u.useMemo)(()=>t.prefs.bubbleEnabled?z.filter(e=>d.has(e.sessionKey)&&C(e,t.prefs.feedbackLevel,g)).length:0,[z,d,g,t.prefs.bubbleEnabled,t.prefs.feedbackLevel]),H=B[0]??z[0],U=w(H),W=M({bubbleEnabled:t.prefs.bubbleEnabled,feedbackLevel:t.prefs.feedbackLevel,collapsed:t.prefs.collapsed,queuedCount:B.length,activeCount:z.length,now:g,lastActivityAt:y,dismissedUntil:S});(0,u.useEffect)(()=>{document.documentElement.dataset.desktopPet=`true`;let e=window.electronAPI?.pet;if(!e)return;e.getState().then(n).catch(()=>{});let t=e.onStateChanged(n),r=e.onEvent(e=>o(t=>{x(Date.now());let n=t[e.sessionKey];return n&&e.sequence<=n.sequence?t:{...t,[e.sessionKey]:{...n,...e,startedAt:n?.startedAt??e.timestamp,outputLines:e.outputLines??n?.outputLines,expiresAt:e.state===`success`?Date.now()+m:void 0}}})),i=window.setInterval(()=>_(Date.now()),1e3);return()=>{delete document.documentElement.dataset.desktopPet,t(),r(),window.clearInterval(i)}},[]),(0,u.useLayoutEffect)(()=>{let e=P.current,t=window.electronAPI?.pet;if(!e||!t)return;let n=()=>{let e=[F.current,I.current].filter(e=>e!==null).map(e=>e.getBoundingClientRect());if(!e.length)return;let n=Math.min(...e.map(e=>e.left)),r=Math.min(...e.map(e=>e.top)),i=Math.max(...e.map(e=>e.right)),a=Math.max(...e.map(e=>e.bottom));t.setContentSize({width:Math.ceil(i-n),height:Math.ceil(a-r)})},r=new ResizeObserver(n);return r.observe(e),F.current&&r.observe(F.current),I.current&&r.observe(I.current),n(),()=>r.disconnect()},[W,B.length,t.prefs.collapsed,R]);let G=(e=H)=>{e?.state===`success`&&o(t=>{let{[e.sessionKey]:n,...r}=t;return r}),window.electronAPI?.pet?.openMainWindow(f(e))},K=async()=>{if(d.size>0&&(h(new Set),!t.prefs.collapsed))return;let e=await window.electronAPI?.pet?.setPrefs({collapsed:!t.prefs.collapsed});e&&n(e)},q=(0,u.useCallback)(e=>{e.button===0&&(E.current={pointerId:e.pointerId,x:e.clientX,y:e.clientY,moved:!1},e.currentTarget.setPointerCapture(e.pointerId),window.electronAPI?.pet?.startDrag({screenX:e.screenX,screenY:e.screenY}))},[]),J=(0,u.useCallback)(e=>{let t=E.current;!t||t.pointerId!==e.pointerId||Math.abs(e.clientX-t.x)+Math.abs(e.clientY-t.y)>4&&(t.moved=!0,window.electronAPI?.pet?.drag({screenX:e.screenX,screenY:e.screenY}))},[]),Y=(0,u.useCallback)(e=>{let t=E.current;!t||t.pointerId!==e.pointerId||(E.current=null,window.electronAPI?.pet?.endDrag(),t.moved&&(D.current=!0,window.setTimeout(()=>{D.current=!1},0)))},[]),X=()=>{D.current||G()},Z=()=>{window.electronAPI?.pet?.hide()};if(!L)return null;let Q={"--desktop-pet-stage-size":`${Math.round(132*R)}px`,"--desktop-pet-menu-size":`${Math.round(28*R)}px`,"--desktop-pet-menu-left":`0px`,"--desktop-pet-menu-bottom":`${Math.round(12*R)}px`},$=t.prefs.collapsed?B.length:V;return(0,p.jsxs)(`div`,{ref:P,className:`desktop-pet-window`,style:Q,children:[!t.prefs.collapsed&&B.length>0?(0,p.jsx)(`div`,{ref:F,className:`desktop-pet-bubble desktop-pet-queue`,children:B.map(t=>{let n=A(t,g,{longRunning:e.tipLongRunning,stale:e.tipStaleSignal}),r=k(t,e.tipCompleteSummary),i=j(t,{open:e.viewSession,needsInput:e.petCtaNeedsInput,reviewIssue:e.petCtaReviewIssue});return(0,p.jsxs)(`div`,{className:`desktop-pet-session desktop-pet-session--${t.state}${n?` desktop-pet-session--health`:``}`,children:[(0,p.jsxs)(`button`,{type:`button`,className:`desktop-pet-session-open`,onClick:()=>G(t),children:[(0,p.jsx)(`span`,{className:`desktop-pet-session-dot`}),(0,p.jsxs)(`span`,{className:`desktop-pet-session-main`,children:[(0,p.jsx)(`strong`,{children:t.sessionLabel}),(0,p.jsxs)(`span`,{children:[r??n??t.action,r||n?``:O(t,g,e.tipTargetSuffix)]})]}),i?(0,p.jsx)(`span`,{className:`desktop-pet-session-cta`,children:i}):null]}),(0,p.jsx)(`button`,{type:`button`,className:`desktop-pet-session-close`,"aria-label":`收起会话`,onClick:()=>h(e=>new Set(e).add(t.sessionKey)),children:(0,p.jsx)(c,{size:12})})]},t.sessionKey)})}):null,W?(0,p.jsx)(`div`,{ref:F,className:`desktop-pet-bubble desktop-pet-queue desktop-pet-idle-tip`,children:(0,p.jsxs)(`div`,{className:`desktop-pet-session desktop-pet-session--idle`,children:[(0,p.jsxs)(`button`,{type:`button`,className:`desktop-pet-session-open`,onClick:()=>G(),children:[(0,p.jsx)(`span`,{className:`desktop-pet-session-dot`}),(0,p.jsxs)(`span`,{className:`desktop-pet-session-main`,children:[(0,p.jsx)(`strong`,{children:e.idleTipTitle}),(0,p.jsx)(`span`,{children:e.idleTipBody})]})]}),(0,p.jsx)(`button`,{type:`button`,className:`desktop-pet-session-close`,"aria-label":`收起会话`,onClick:()=>T(Date.now()+v),children:(0,p.jsx)(c,{size:12})})]})}):null,(0,p.jsxs)(`div`,{ref:I,className:`desktop-pet-stage`,children:[(0,p.jsx)(`button`,{type:`button`,className:`desktop-pet-menu-button`,onClick:()=>void K(),"aria-label":e.menu,children:$>0?(0,p.jsx)(`span`,{className:`desktop-pet-tip-count`,children:Math.min(99,$)}):(0,p.jsx)(s,{className:`desktop-pet-menu-chevron size-4`})}),(0,p.jsx)(`button`,{type:`button`,className:`desktop-pet-close-button`,onClick:Z,"aria-label":e.hide,title:e.hide,children:(0,p.jsx)(c,{size:14})}),(0,p.jsx)(`button`,{type:`button`,className:`desktop-pet-hit-area`,onClick:X,onPointerDown:q,onPointerMove:J,onPointerUp:Y,onPointerCancel:Y,title:e.openApp,children:(0,p.jsx)(l,{pet:L,action:U,displayHeight:Math.round(112*R)})})]})]})}function F(){let e=(0,d.c)(1),t;return e[0]===Symbol.for(`react.memo_cache_sentinel`)?(t=(0,p.jsx)(P,{}),e[0]=t):t=e[0],t}export{F as DesktopPetPage};

package/dist/gateway/static/root/assets/desktop-pet-settings-5Fcz47XQ.js

@@ -1 +0,0 @@
-import{i as e}from"./rolldown-runtime-aKtaBQYM.js";import{a as t,n,t as r}from"./vendor-react-BOUWij0V.js";import{l as i}from"./chunk-QUQL4437-DXsxWP7r.js";import{t as a}from"./cn-BQ_8x0bT.js";import{t as o}from"./circle-alert-RzVebuX2.js";import{t as s}from"./messages-t1yPaVCt.js";import{n as c}from"./locale-store-BneNAR8R.js";import{Go as l,Lo as u,Ol as d,Pc as f,Sc as p,Ss as m,cc as h,ls as g,oc as _,qo as v}from"./index-CH7XN6KY.js";import{t as y}from"./desktop-pet-sprite-DqZ6fbIj.js";import{n as b,t as x}from"./settings-page-layout-HdlQOOqp.js";var S=n(),C=e(t(),1),w=r();function T(e){let t=(0,S.c)(16),{title:n,desc:r,checked:i,disabled:a,onChange:o}=e,s;t[0]===n?s=t[1]:(s=(0,w.jsx)(`div`,{className:`text-sm font-medium text-fg`,children:n}),t[0]=n,t[1]=s);let c;t[2]===r?c=t[3]:(c=(0,w.jsx)(`p`,{className:`text-xs text-fg-muted`,children:r}),t[2]=r,t[3]=c);let l;t[4]!==s||t[5]!==c?(l=(0,w.jsxs)(`div`,{className:`min-w-0`,children:[s,c]}),t[4]=s,t[5]=c,t[6]=l):l=t[6];let u;t[7]===o?u=t[8]:(u=e=>o(e.target.checked),t[7]=o,t[8]=u);let d;t[9]!==i||t[10]!==a||t[11]!==u?(d=(0,w.jsx)(`input`,{type:`checkbox`,className:`ui-checkbox`,disabled:a,checked:i,onChange:u}),t[9]=i,t[10]=a,t[11]=u,t[12]=d):d=t[12];let f;return t[13]!==l||t[14]!==d?(f=(0,w.jsxs)(`div`,{className:`flex items-center justify-between gap-3 rounded-xl bg-surface-hover/50 px-3 py-2.5 dark:bg-surface-hover/35`,children:[l,d]}),t[13]=l,t[14]=d,t[15]=f):f=t[15],f}function E(){let e=s(c(e=>e.language)).desktopPetSettings,t=i(),[n,r]=(0,C.useState)(null),[S,E]=(0,C.useState)(!1),[D,O]=(0,C.useState)(null),k=typeof window<`u`?window.electronAPI?.pet:void 0,A=(0,C.useMemo)(()=>n?.pets.find(e=>e.id===n.prefs.selectedPetId)??n?.pets[0],[n]),j=(0,C.useCallback)(async()=>{if(k){E(!0);try{r(await k.getState())}finally{E(!1)}}},[k]);if((0,C.useEffect)(()=>{if(k)return j(),k.onStateChanged(r)},[k,j]),!u()||!k)return null;if(!n)return(0,w.jsxs)(x,{gap:`gap-4`,children:[(0,w.jsx)(b,{title:e.title,subtitle:e.subtitle}),(0,w.jsx)(`section`,{className:`rounded-xl border border-edge bg-surface-base p-4 text-sm text-fg-muted`,children:e.loading})]});let M=async e=>{E(!0);try{r(await k.setPrefs(e))}finally{E(!1)}},N=async e=>{e?(await k.show(),r(await k.getState())):r(await k.setPrefs({enabled:!1}))},P=e=>{M({selectedPetId:e})},F=t=>{if(t.builtin&&t.i18nKey){let n=e.builtinPets[t.i18nKey];if(n)return n}return{name:t.name,description:t.description}},I=e=>{t({pathname:`/chat/new`,search:`?draft=${encodeURIComponent(e)}`})},L=e=>{if(e.sourcePrompt?.trim())return e.sourcePrompt.trim();let{description:t}=F(e);return t.replace(/^Custom pet generated from:\s*/i,``).trim()||t},R=(e,t)=>Object.entries(t).reduce((e,[t,n])=>e.split(`{${t}}`).join(n),e),z=()=>{I(e.createChatDraft)},B=t=>{I(R(e.optimizeChatDraft,{id:t.id,name:F(t).name,description:F(t).description,sourcePrompt:L(t)}))},V=t=>{I(R(e.fixChatDraft,{dir:t.dir,reason:t.reason,details:t.details?.join(`; `)||e.noIssueDetails}))},H=D??n.prefs.sizePercent,U=async(e=H)=>{let t=Math.min(140,Math.max(70,Math.round(e/5)*5));O(null),t!==n.prefs.sizePercent&&await M({sizePercent:t})};return(0,w.jsxs)(x,{gap:`gap-4`,children:[(0,w.jsx)(b,{title:e.title,subtitle:e.subtitle,actions:(0,w.jsxs)(`div`,{className:`flex shrink-0 flex-wrap gap-2`,children:[(0,w.jsxs)(`button`,{type:`button`,className:a(`inline-flex items-center gap-1.5 rounded-lg border border-edge bg-surface-base px-2.5 py-1.5 text-xs font-medium text-fg hover:bg-surface-hover disabled:opacity-50`,g.press),disabled:S,onClick:()=>void j(),children:[(0,w.jsx)(h,{className:a(`size-3.5`,S&&`animate-spin`),strokeWidth:1.75}),e.refresh]}),(0,w.jsxs)(`button`,{type:`button`,className:a(`inline-flex items-center gap-1.5 rounded-lg border border-edge bg-surface-base px-2.5 py-1.5 text-xs font-medium text-fg hover:bg-surface-hover`,g.press),onClick:()=>void k.openCustomPetsDir(),children:[(0,w.jsx)(d,{className:`size-3.5`,strokeWidth:1.75}),e.openFolder]})]})}),(0,w.jsxs)(`section`,{className:`rounded-xl border border-edge bg-surface-base p-4 shadow-surface`,children:[(0,w.jsxs)(`div`,{className:`space-y-2`,children:[(0,w.jsx)(T,{title:e.enable,desc:e.enableDesc,checked:n.prefs.enabled,disabled:S,onChange:e=>void N(e)}),(0,w.jsx)(T,{title:e.showOnStartup,desc:e.showOnStartupDesc,checked:n.prefs.showOnStartup,disabled:S,onChange:e=>void M({showOnStartup:e})})]}),(0,w.jsx)(`div`,{className:`mt-5 rounded-xl border border-edge-subtle bg-surface-panel p-3`,children:(0,w.jsxs)(`div`,{className:`flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between`,children:[(0,w.jsxs)(`div`,{className:`flex min-w-0 items-start gap-2`,children:[(0,w.jsx)(m,{className:`mt-0.5 size-4 text-accent-fg`,strokeWidth:1.8}),(0,w.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,w.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:e.createTitle}),(0,w.jsx)(`p`,{className:`text-xs text-fg-muted`,children:e.createDesc})]})]}),(0,w.jsxs)(`button`,{type:`button`,className:a(`inline-flex h-9 shrink-0 items-center justify-center gap-1.5 rounded-lg bg-accent px-3 text-xs font-semibold text-white hover:bg-accent/90`,g.press),onClick:z,children:[(0,w.jsx)(f,{className:`size-3.5`,strokeWidth:1.75}),e.createInChat]})]})}),(0,w.jsxs)(`div`,{className:`mt-5`,children:[(0,w.jsxs)(`div`,{className:`mb-2 flex items-center justify-between gap-3`,children:[(0,w.jsxs)(`div`,{children:[(0,w.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:e.petList}),(0,w.jsx)(`p`,{className:`text-xs text-fg-muted`,children:e.petListDesc})]}),A?(0,w.jsx)(`span`,{className:`rounded-full bg-accent-soft px-2.5 py-1 text-xs font-medium text-accent-fg`,children:F(A).name}):null]}),(0,w.jsxs)(`div`,{className:`divide-y divide-edge-subtle rounded-xl border border-edge bg-surface-base`,children:[n.pets.map(t=>{let r=t.id===n.prefs.selectedPetId,i=F(t);return(0,w.jsxs)(`div`,{className:`flex items-center gap-3 px-3 py-3`,children:[(0,w.jsx)(y,{pet:t,action:`idle`,size:`tiny`}),(0,w.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,w.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,w.jsx)(`p`,{className:`truncate text-sm font-semibold text-fg`,children:i.name}),t.builtin?null:(0,w.jsx)(`span`,{className:`rounded-full bg-surface-hover px-2 py-0.5 text-[11px] font-medium text-fg-muted`,children:e.customBadge})]}),(0,w.jsx)(`p`,{className:`truncate text-xs text-fg-muted`,children:i.description})]}),(0,w.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[t.builtin?null:(0,w.jsxs)(`button`,{type:`button`,className:a(`inline-flex items-center gap-1.5 rounded-lg border border-edge bg-surface-base px-2.5 py-1.5 text-xs font-medium text-fg hover:bg-surface-hover`,g.press),onClick:()=>B(t),children:[(0,w.jsx)(p,{className:`size-3.5`,strokeWidth:1.75}),e.optimizeInChat]}),(0,w.jsx)(`button`,{type:`button`,className:a(`rounded-lg px-2.5 py-1.5 text-xs font-medium transition-colors`,r?`bg-surface-hover text-fg-muted`:`bg-surface-panel text-fg hover:bg-surface-hover`,g.press),disabled:r||S,onClick:()=>P(t.id),children:r?e.selected:e.select})]})]},t.id)}),(0,w.jsxs)(`div`,{className:`flex flex-col gap-1 px-3 py-3 sm:flex-row sm:items-center sm:justify-between`,children:[(0,w.jsxs)(`div`,{children:[(0,w.jsx)(`p`,{className:`text-xs font-semibold text-fg`,children:e.customPets}),(0,w.jsx)(`p`,{className:`font-mono text-xs text-fg-muted`,children:n.customPetsDir})]}),(0,w.jsxs)(`button`,{type:`button`,className:`inline-flex items-center gap-1.5 text-xs font-medium text-fg-muted hover:text-fg`,onClick:()=>void k.openCustomPetsDir(),children:[e.openFolder,(0,w.jsx)(d,{className:`size-3.5`,strokeWidth:1.75})]})]})]}),n.petIssues.length>0?(0,w.jsxs)(`div`,{className:`mt-2 rounded-xl border border-danger/30 bg-danger/5 p-3`,children:[(0,w.jsxs)(`div`,{className:`flex items-center gap-2 text-xs font-semibold text-danger`,children:[(0,w.jsx)(o,{className:`size-3.5`,strokeWidth:1.8}),e.invalidPets]}),(0,w.jsx)(`div`,{className:`mt-2 space-y-2`,children:n.petIssues.map(t=>(0,w.jsxs)(`div`,{className:`flex flex-col gap-2 rounded-lg bg-surface-base/70 p-2 text-xs text-fg-muted sm:flex-row sm:items-start sm:justify-between`,children:[(0,w.jsxs)(`div`,{className:`min-w-0`,children:[(0,w.jsx)(`p`,{className:`truncate font-mono text-[11px] text-fg`,children:t.dir}),(0,w.jsx)(`p`,{children:t.reason}),t.details?.length?(0,w.jsx)(`p`,{className:`line-clamp-2`,children:t.details.join(`; `)}):null]}),(0,w.jsxs)(`button`,{type:`button`,className:a(`inline-flex h-8 shrink-0 items-center justify-center gap-1.5 rounded-lg border border-danger/30 bg-surface-base px-2.5 text-xs font-medium text-danger hover:bg-danger/10`,g.press),onClick:()=>V(t),children:[(0,w.jsx)(f,{className:`size-3.5`,strokeWidth:1.75}),e.fixInChat]})]},`${t.dir}-${t.reason}`))})]}):null]}),(0,w.jsxs)(`div`,{className:`mt-5 grid gap-2`,children:[(0,w.jsxs)(`div`,{className:`rounded-xl bg-surface-hover/50 px-3 py-3 dark:bg-surface-hover/35`,children:[(0,w.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,w.jsxs)(`div`,{children:[(0,w.jsx)(`div`,{className:`text-sm font-medium text-fg`,children:e.size}),(0,w.jsx)(`p`,{className:`text-xs text-fg-muted`,children:e.sizeDesc})]}),(0,w.jsxs)(`span`,{className:`text-xs font-medium text-fg-muted`,children:[H,`%`]})]}),(0,w.jsx)(`input`,{type:`range`,min:70,max:140,step:5,className:`mt-3 w-full accent-accent`,value:H,onChange:e=>O(Number(e.target.value)),onBlur:()=>void U(),onKeyUp:e=>{(e.key===`Enter`||e.key===` `||e.key.startsWith(`Arrow`))&&U()},onPointerUp:()=>void U()})]}),(0,w.jsxs)(`div`,{className:`grid gap-2 sm:grid-cols-2`,children:[(0,w.jsx)(T,{title:e.alwaysOnTop,desc:e.alwaysOnTopDesc,checked:n.prefs.alwaysOnTop,disabled:S,onChange:e=>void M({alwaysOnTop:e})}),(0,w.jsx)(T,{title:e.bubbles,desc:e.bubblesDesc,checked:n.prefs.bubbleEnabled,disabled:S,onChange:e=>void M({bubbleEnabled:e})})]}),(0,w.jsxs)(`div`,{className:`flex flex-col gap-2 rounded-xl bg-surface-hover/50 px-3 py-3 dark:bg-surface-hover/35 sm:flex-row sm:items-center sm:justify-between`,children:[(0,w.jsxs)(`div`,{children:[(0,w.jsx)(`div`,{className:`text-sm font-medium text-fg`,children:e.feedbackLevel}),(0,w.jsx)(`p`,{className:`text-xs text-fg-muted`,children:e.feedbackLevelDesc})]}),(0,w.jsxs)(l,{className:`w-full sm:w-40`,triggerClassName:`h-9 bg-surface-panel`,value:n.prefs.feedbackLevel,onChange:e=>void M({feedbackLevel:e.target.value}),children:[(0,w.jsx)(v,{value:`quiet`,children:e.feedbackQuiet}),(0,w.jsx)(v,{value:`normal`,children:e.feedbackNormal}),(0,w.jsx)(v,{value:`chatty`,children:e.feedbackChatty})]})]}),(0,w.jsxs)(`button`,{type:`button`,className:a(`inline-flex w-fit items-center gap-1.5 rounded-lg border border-edge bg-surface-base px-3 py-1.5 text-xs font-medium text-fg hover:bg-surface-hover disabled:opacity-50`,g.press),disabled:S,onClick:()=>void k.resetPosition().then(r),children:[(0,w.jsx)(_,{className:`size-3.5`,strokeWidth:1.75}),e.resetPosition]})]})]})]})}export{E as DesktopPetSettings};

package/dist/gateway/static/root/assets/gateway-settings-BrxzyVW2.js

@@ -1 +0,0 @@
-import{i as e}from"./rolldown-runtime-aKtaBQYM.js";import{a as t,n,t as r}from"./vendor-react-BOUWij0V.js";import{d as i}from"./chunk-QUQL4437-DXsxWP7r.js";import{t as a}from"./cn-BQ_8x0bT.js";import{t as o}from"./circle-alert-RzVebuX2.js";import{t as s}from"./messages-t1yPaVCt.js";import{d as c,i as l,n as u,o as d}from"./locale-store-BneNAR8R.js";import{i as f,o as p}from"./vendor-swr-BIWyz7Rc.js";import{As as m,Bo as h,Go as g,Js as _,Oc as v,Ro as y,Ys as b,ac as x,ao as S,as as C,cc as w,el as T,hs as E,io as D,kt as O,ls as k,ms as A,ni as j,nl as M,os as N,qo as P,qs as F,si as I,tr as L,zc as ee}from"./index-CH7XN6KY.js";import{n as te,r as R,t as z}from"./settings-page-layout-HdlQOOqp.js";import{n as ne}from"./settings-loading-skeleton-vitElc-n.js";import{t as re}from"./settings-advanced-gate-DwuBL834.js";import{n as B,t as ie}from"./settings-form-section-CjINay6t.js";import{t as ae}from"./page-tabs-DMlQERNg.js";import{a as oe,c as se,d as ce,n as le,o as ue,r as de,t as fe}from"./gateway-config-api-B6M_ra8U.js";var V=e(t(),1),H=n(),pe={critical:3,warn:2,info:1};function U(){return c(`/api/doctor?security=true`)}function W(e){return e.toSorted((e,t)=>pe[t.severity]-pe[e.severity]||e.checkId.localeCompare(t.checkId))}function G(e){let t=e?.checks?.find(e=>e.id===`security-audit`);if(!t)return{status:`skip`,message:`Security audit unavailable.`,hints:[],findings:[]};let n=W((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 K(){return G(await l(U()))}var q=r();function me(e){let t=(0,H.c)(39),{enabled:n,refreshToken:r}=e,i=r===void 0?0:r,a=u(he),o;t[0]===a?o=t[1]:(o=s(a),t[0]=a,t[1]=o);let c=o.gatewaySettings,l;t[2]!==n||t[3]!==i?(l=n?[U(),i]:null,t[2]=n,t[3]=i,t[4]=l):l=t[4];let d;t[5]===Symbol.for(`react.memo_cache_sentinel`)?(d={revalidateOnFocus:!1},t[5]=d):d=t[5];let{data:m,error:h,isLoading:g,isValidating:_,mutate:v}=f(l,J,d),y=m??null,x=h instanceof Error?h.message:h?String(h):null,C=g||_,T;t[6]===v?T=t[7]:(T=()=>{v(),p(U())},t[6]=v,t[7]=T);let D=T,O=!n||C,k;t[8]===C?k=t[9]:(k=C?(0,q.jsx)(ee,{className:`size-3.5 animate-spin`,"aria-hidden":!0}):(0,q.jsx)(w,{className:`size-3.5`,"aria-hidden":!0}),t[8]=C,t[9]=k);let A;t[10]===c.securityAuditRefresh?A=t[11]:(A=(0,q.jsx)(`span`,{className:`ml-1.5`,children:c.securityAuditRefresh}),t[10]=c.securityAuditRefresh,t[11]=A);let j;t[12]!==D||t[13]!==O||t[14]!==k||t[15]!==A?(j=(0,q.jsxs)(E,{type:`button`,variant:`secondary`,className:`px-2.5 py-1.5 text-xs`,disabled:O,onClick:D,children:[k,A]}),t[12]=D,t[13]=O,t[14]=k,t[15]=A,t[16]=j):j=t[16];let M;t[17]!==c.securityAuditSubtitle||t[18]!==c.securityAuditTitle||t[19]!==j?(M=(0,q.jsx)(B,{icon:b,title:c.securityAuditTitle,subtitle:c.securityAuditSubtitle,trailing:j}),t[17]=c.securityAuditSubtitle,t[18]=c.securityAuditTitle,t[19]=j,t[20]=M):M=t[20];let N;t[21]===c.securityAuditSavedConfigHint?N=t[22]:(N=(0,q.jsx)(`p`,{className:`mb-4 text-xs text-fg-subtle`,children:c.securityAuditSavedConfigHint}),t[21]=c.securityAuditSavedConfigHint,t[22]=N);let P;t[23]!==x||t[24]!==c.securityAuditLoadError?(P=x?(0,q.jsxs)(`p`,{className:`text-sm text-red-600 dark:text-red-400`,role:`alert`,children:[c.securityAuditLoadError,`: `,x]}):null,t[23]=x,t[24]=c.securityAuditLoadError,t[25]=P):P=t[25];let F;t[26]!==y||t[27]!==x||t[28]!==C?(F=!x&&C&&!y?(0,q.jsxs)(`div`,{className:`space-y-2`,"aria-busy":`true`,children:[(0,q.jsx)(S,{className:`h-11 w-full rounded-lg`}),(0,q.jsx)(S,{className:`h-10 w-full rounded-lg`})]}):null,t[26]=y,t[27]=x,t[28]=C,t[29]=F):F=t[29];let I;t[30]!==y||t[31]!==c?(I=y?(0,q.jsx)(ge,{g:c,audit:y}):null,t[30]=y,t[31]=c,t[32]=I):I=t[32];let L;return t[33]!==M||t[34]!==N||t[35]!==P||t[36]!==F||t[37]!==I?(L=(0,q.jsxs)(ie,{children:[M,N,P,F,I]}),t[33]=M,t[34]=N,t[35]=P,t[36]=F,t[37]=I,t[38]=L):L=t[38],L}function J(){return K()}function he(e){return e.language}function ge(e){let t=(0,H.c)(40),{g:n,audit:r}=e,i,o,s,c,l,u,d;t[0]!==r.findings||t[1]!==r.status||t[2]!==n?(o=ye(n,r.status,r.findings),d=`space-y-4`,l=a(`rounded-lg border px-3 py-2.5 text-sm`,o.bannerClass),u=`status`,c=`flex items-start gap-2`,i=o.icon,s=a(`mt-0.5 size-4 shrink-0`,o.iconClass),t[0]=r.findings,t[1]=r.status,t[2]=n,t[3]=i,t[4]=o,t[5]=s,t[6]=c,t[7]=l,t[8]=u,t[9]=d):(i=t[3],o=t[4],s=t[5],c=t[6],l=t[7],u=t[8],d=t[9]);let f;t[10]!==i||t[11]!==s?(f=(0,q.jsx)(i,{className:s,"aria-hidden":!0}),t[10]=i,t[11]=s,t[12]=f):f=t[12];let p;t[13]===o.title?p=t[14]:(p=(0,q.jsx)(`p`,{className:`font-medium`,children:o.title}),t[13]=o.title,t[14]=p);let m;t[15]===r.message?m=t[16]:(m=(0,q.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,q.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,q.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,q.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,q.jsx)(`ul`,{className:`space-y-2`,children:r.findings.map(e=>(0,q.jsx)(_e,{g:n,finding:e},e.checkId))}):r.status===`pass`||r.status===`skip`?(0,q.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,q.jsxs)(`div`,{className:`space-y-1 rounded-lg bg-surface-panel/50 px-3 py-2.5`,children:[(0,q.jsx)(`p`,{className:`text-xs font-medium text-fg-muted`,children:n.securityAuditHintsTitle}),(0,q.jsx)(`ul`,{className:`space-y-1 text-xs text-fg-subtle`,children:r.hints.map(Y)})]}):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,q.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 Y(e){return(0,q.jsx)(`li`,{className:`font-mono`,children:e},e)}function _e(e){let t=(0,H.c)(31),{g:n,finding:r}=e,i,o,s,c;if(t[0]!==r.severity){let e=ve(r.severity);c=`rounded-lg bg-surface-panel/70 px-3 py-2.5 shadow-surface`,s=`flex items-start gap-2`,i=e.icon,o=a(`mt-0.5 size-4 shrink-0`,e.iconClass),t[0]=r.severity,t[1]=i,t[2]=o,t[3]=s,t[4]=c}else i=t[1],o=t[2],s=t[3],c=t[4];let l;t[5]!==i||t[6]!==o?(l=(0,q.jsx)(i,{className:o,"aria-hidden":!0}),t[5]=i,t[6]=o,t[7]=l):l=t[7];let u;t[8]===r.title?u=t[9]:(u=(0,q.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,q.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,q.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,q.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,q.jsxs)(`p`,{className:`mt-1.5 text-xs text-fg-subtle`,children:[(0,q.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,q.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]!==s||t[26]!==l?(g=(0,q.jsxs)(`div`,{className:s,children:[l,h]}),t[24]=h,t[25]=s,t[26]=l,t[27]=g):g=t[27];let _;return t[28]!==g||t[29]!==c?(_=(0,q.jsx)(`li`,{className:c,children:g}),t[28]=g,t[29]=c,t[30]=_):_=t[30],_}function ve(e){switch(e){case`critical`:return{icon:o,iconClass:`text-red-600 dark:text-red-400`};case`warn`:return{icon:m,iconClass:`text-amber-600 dark:text-amber-400`};default:return{icon:M,iconClass:`text-fg-muted`}}}function ye(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:o,iconClass:`text-red-600 dark:text-red-400`,title:e.securityAuditStatusFail,bannerClass:`border-red-200 bg-red-50 text-red-950 dark:border-red-900/50 dark:bg-red-950/40 dark:text-red-100`}:t===`warn`||i>0?{icon:m,iconClass:`text-amber-600 dark:text-amber-400`,title:e.securityAuditStatusWarn,bannerClass:`border-amber-200 bg-amber-50 text-amber-950 dark:border-amber-800 dark:bg-amber-950/40 dark:text-amber-100`}:t===`skip`?{icon:M,iconClass:`text-fg-muted`,title:e.securityAuditStatusSkip,bannerClass:`border-edge bg-surface-panel/60 text-fg`}:{icon:b,iconClass:`text-emerald-600 dark:text-emerald-400`,title:e.securityAuditStatusPass,bannerClass:`border-emerald-200 bg-emerald-50 text-emerald-950 dark:border-emerald-900/50 dark:bg-emerald-950/40 dark:text-emerald-100`}}function X(){return a(`w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg`,`placeholder:text-fg-subtle`,A,`dark:border-edge`)}var be=[`network`,`access`,`updates`,`security`,`advanced`],xe={network:v,access:T,updates:w,security:_,advanced:F};function Se(e){return e&&be.includes(e)?e:`network`}function Z(e,t){return t===`network`?e.tabNetwork:t===`access`?e.tabAccess:t===`updates`?e.tabUpdates:t===`security`?e.tabSecurity:e.tabAdvanced}function Ce(e,t){return t===`network`?e.networkTabHint:t===`access`?e.accessTabHint:t===`updates`?e.updatesTabHint:t===`security`?e.securitySectionHint:e.advancedSectionHint}function we(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 Te={saving:!1,error:null,saveOk:!1,auditRefreshToken:0,restarting:!1,restartConfirmOpen:!1};function Ee(){let e=u(e=>e.language),t=s(e),n=t.gatewaySettings,[r,c]=i(),l=j(e=>e.mode),f=l===`advanced`,p=Se(r.get(`tab`)),m=(0,V.useMemo)(()=>ce(be,l),[l]),_=(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]);se(p,_);let v=d(e=>e.token),b=d(e=>e.tokenExpired),S=d(e=>e.openTokenDialog),w=!!v,[T,k]=(0,V.useReducer)(we,{form:null,baseline:null,appliedBaseline:null}),A=T.form,M=T.baseline,N=T.appliedBaseline,[F,R]=(0,V.useReducer)(O,Te),{saving:B,error:ie,auditRefreshToken:ae,restarting:H,restartConfirmOpen:pe}=F,U=(0,V.useRef)(!1),W=(0,V.useRef)(null),G=(0,V.useRef)(!1),{data:K,error:J,isLoading:he,mutate:ge}=D(w),Y=(0,V.useMemo)(()=>K?.payload?.config===void 0?null:structuredClone(le(K.payload.config)),[K]);w?Y!==null&&(G.current||(G.current=!0,k({type:`init-applied`,value:Y})),!U.current&&W.current!==Y&&(W.current=Y,k({type:`sync`,value:Y}),R({type:`patch`,patch:{saveOk:!1}}))):(W.current!==null||G.current)&&(W.current=null,G.current=!1,k({type:`reset`}),U.current=!1);let _e=!!(w&&he&&K===void 0&&!J),ve=J instanceof Error?J.message:J?String(J):null,ye=(0,V.useMemo)(()=>!A||!M?!1:JSON.stringify(A)!==JSON.stringify(M),[A,M]),xe=(0,V.useMemo)(()=>!M||!N?!1:fe(N,M),[N,M]),Z=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,auth:{...t.auth,...e}})})},[]),Ce=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,updateChannel:e})})},[]),Ee=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,corsOrigins:e})})},[]),$=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,bind:e})})},[]),Pe=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,customBindHost:e,bind:`custom`})})},[]),Fe=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,port:e})})},[]),Ie=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,auth:{...t.auth,rateLimit:{...t.auth.rateLimit,...e}}})})},[]),Le=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,maxSseConnections:e})})},[]),Re=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,channelConnectDeferMode:e})})},[]),ze=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,channelConnectDeferIds:e})})},[]),Be=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,channelConnectDeferSkipIds:e})})},[]),Ve=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,trustedProxies:e})})},[]),He=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,auth:{...t.auth,trustedProxy:{...t.auth.trustedProxy,...e}}})})},[]),Ue=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,securityStrict:e})})},[]),We=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,allowRealIpFallback:e})})},[]),Ge=(0,V.useCallback)(e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,dangerouslyAllowHostHeaderOriginFallback:e})})},[]),Ke=(0,V.useCallback)(async()=>{if(!A||B)return;let e=ue(A);if(e){R({type:`patch`,patch:{error:e}});return}R({type:`patch`,patch:{saving:!0,error:null,saveOk:!1}});try{await de(A),U.current=!1,k({type:`saved`,value:A}),R({type:`patch`,patch:{saveOk:!0,auditRefreshToken:ae+1}})}catch(e){R({type:`patch`,patch:{error:e instanceof Error?e.message:n.saveError}})}finally{R({type:`patch`,patch:{saving:!1}})}},[A,B,n.saveError]),qe=(0,V.useCallback)(()=>{M&&(U.current=!1,k({type:`discard`}),R({type:`patch`,patch:{error:null,saveOk:!1}}))},[M]),Je=C(n),Ye=(0,V.useCallback)(async()=>{if(!H){R({type:`patch`,patch:{restarting:!0,restartConfirmOpen:!1}});try{let e=await I();e.ok?window.dispatchEvent(new Event(`gateway-restart-initiated`)):y({type:`error`,title:n.restartGatewayFailed,message:e.message??``})}catch(e){y({type:`error`,title:n.restartGatewayFailed,message:e instanceof Error?e.message:String(e)})}finally{R({type:`patch`,patch:{restarting:!1}})}}},[H,n.restartGatewayFailed]);return w?_e?(0,q.jsx)(z,{gap:`gap-6`,padding:`px-3 py-8 sm:px-5 xl:px-6`,children:(0,q.jsx)(ne,{sections:3})}):A?(0,q.jsxs)(z,{gap:`gap-6`,children:[(0,q.jsx)(te,{title:t.settingsSections.gateway,subtitle:n.subtitle,docsLink:h(e,`gateway`),docsLabel:n.docsLink,actions:(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(E,{type:`button`,variant:`secondary`,disabled:!ye||B,onClick:qe,children:n.discard}),(0,q.jsx)(E,{type:`button`,variant:`primary`,disabled:!ye||B,onClick:()=>void Ke(),children:B?n.saving:n.save})]})}),b?(0,q.jsxs)(`div`,{className:`flex flex-col gap-3 rounded-lg border border-red-200 bg-red-50 px-4 py-3 dark:border-red-900/50 dark:bg-red-950/40`,role:`alert`,children:[(0,q.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,q.jsx)(o,{className:`mt-0.5 size-4 shrink-0 text-red-600 dark:text-red-400`}),(0,q.jsx)(`p`,{className:`text-sm text-red-900 dark:text-red-100`,children:n.tokenExpired})]}),(0,q.jsx)(`div`,{children:(0,q.jsx)(E,{type:`button`,variant:`secondary`,className:`text-sm`,onClick:()=>S(),children:n.updateToken})})]}):null,ye?(0,q.jsx)(`p`,{className:`text-xs text-amber-800 dark:text-amber-200`,children:n.unsavedHint}):null,ie?(0,q.jsx)(`p`,{className:`text-sm text-red-600 dark:text-red-400`,children:ie}):null,xe?(0,q.jsxs)(`div`,{className:`flex items-center justify-between gap-3 rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 dark:border-amber-800 dark:bg-amber-950/40`,children:[(0,q.jsx)(`p`,{className:`text-xs text-amber-950 dark:text-amber-100`,children:n.restartHint}),(0,q.jsxs)(E,{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:H,onClick:()=>R({type:`patch`,patch:{restartConfirmOpen:!0}}),children:[H?(0,q.jsx)(ee,{className:`size-3.5 animate-spin`}):(0,q.jsx)(x,{className:`size-3.5`}),n.restartGatewayButton]})]}):null,(0,q.jsx)(L,{open:pe,title:n.restartGatewayButton,description:n.restartGatewayConfirm,confirmLabel:n.restartGatewayButton,cancelLabel:n.discard,destructive:!0,onConfirm:()=>void Ye(),onCancel:()=>R({type:`patch`,patch:{restartConfirmOpen:!1}})}),(0,q.jsx)(De,{g:n,activeTab:p,visibleTabs:m,onChange:_}),(0,q.jsxs)(Q,{g:n,id:`network`,activeTab:p,children:[(0,q.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[(0,q.jsxs)(`div`,{children:[(0,q.jsx)(`label`,{className:`mb-1 block text-sm font-medium text-fg`,htmlFor:`gateway-bind-mode`,children:n.bindMode}),(0,q.jsxs)(g,{id:`gateway-bind-mode`,className:X(),value:A.bind,onChange:e=>$(e.target.value),children:[(0,q.jsx)(P,{value:`loopback`,children:n.bindLoopback}),f?(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(P,{value:`lan`,children:n.bindLan}),(0,q.jsx)(P,{value:`auto`,children:n.bindAuto}),(0,q.jsx)(P,{value:`custom`,children:n.bindCustom}),(0,q.jsx)(P,{value:`tailnet`,children:n.bindTailnet})]}):null]})]}),A.bind===`custom`?(0,q.jsxs)(`div`,{children:[(0,q.jsx)(`label`,{className:`mb-1 block text-sm font-medium text-fg`,htmlFor:`gateway-custom-bind-host`,children:n.customBindHost}),(0,q.jsx)(`input`,{id:`gateway-custom-bind-host`,className:a(X(),`font-mono text-xs`),value:A.customBindHost,onChange:e=>Pe(e.target.value),placeholder:n.customBindHostPlaceholder,autoComplete:`off`})]}):null,(0,q.jsxs)(`div`,{children:[(0,q.jsx)(`label`,{className:`mb-1 block text-sm font-medium text-fg`,htmlFor:`gateway-listen-port`,children:n.listenPort}),(0,q.jsx)(`input`,{id:`gateway-listen-port`,type:`number`,min:1,max:65535,className:a(X(),`font-mono text-xs`),value:A.port,onChange:e=>{let t=Number(e.target.value);Fe(Number.isFinite(t)?Math.max(1,Math.min(65535,Math.floor(t))):A.port)}})]}),(0,q.jsx)(`p`,{className:`text-xs text-fg-subtle sm:col-span-2`,children:n.listenHint})]}),(0,q.jsx)(re,{children:(0,q.jsx)(je,{g:n,origins:A.corsOrigins,onChange:Ee})})]}),(0,q.jsxs)(Q,{g:n,id:`access`,activeTab:p,children:[A.auth.mode===`none`?(0,q.jsx)(`p`,{className:`rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-950 dark:border-amber-800 dark:bg-amber-950/40 dark:text-amber-100`,children:n.authModeNone}):null,(0,q.jsxs)(`div`,{className:`space-y-2`,children:[(0,q.jsx)(`label`,{className:`text-sm font-medium text-fg`,htmlFor:`gateway-auth-mode`,children:n.authMode}),(0,q.jsxs)(g,{id:`gateway-auth-mode`,value:A.auth.mode,onChange:e=>Z({mode:e.target.value}),className:X(),children:[(0,q.jsx)(P,{value:`token`,children:n.authModeToken}),(0,q.jsx)(P,{value:`password`,children:n.authModePassword}),f?(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(P,{value:`trusted-proxy`,children:n.authModeTrustedProxy}),(0,q.jsx)(P,{value:`none`,children:n.authModeNoneLabel})]}):null]})]}),(0,q.jsx)(re,{children:A.auth.mode===`trusted-proxy`?(0,q.jsx)(ke,{g:n,form:A,onTrustedProxyChange:He,onTrustedProxiesChange:Ve,onAllowRealIpFallbackChange:We}):null}),A.auth.mode===`token`?(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(Ne,{id:`gateway-access-token`,label:n.accessToken,help:n.tokenHelp,placeholder:n.tokenPlaceholder,value:A.auth.token,labels:Je,reveal:()=>oe(`token`).then(e=>e.secret),loadFailedLabel:n.saveError,onChange:e=>Z({token:e})}),(0,q.jsx)(E,{type:`button`,variant:`secondary`,className:`w-full sm:w-auto`,onClick:()=>S(),children:n.changeToken})]}):null,A.auth.mode===`password`?(0,q.jsx)(Ne,{id:`gateway-auth-password`,label:n.authPassword,help:n.authPasswordHelp,placeholder:n.authPasswordPlaceholder,value:A.auth.password,labels:Je,reveal:()=>oe(`password`).then(e=>e.secret),loadFailedLabel:n.saveError,onChange:e=>Z({password:e})}):null,(0,q.jsx)(re,{children:A.auth.mode===`none`?null:(0,q.jsx)(Me,{g:n,rateLimit:A.auth.rateLimit,onChange:Ie})})]}),(0,q.jsxs)(Q,{g:n,id:`updates`,activeTab:p,children:[(0,q.jsxs)(`div`,{className:`space-y-2`,children:[(0,q.jsx)(`label`,{className:`text-sm font-medium text-fg`,htmlFor:`gateway-update-channel`,children:n.updateChannel}),(0,q.jsxs)(g,{id:`gateway-update-channel`,value:A.updateChannel,onChange:e=>Ce(e.target.value),className:X(),children:[(0,q.jsx)(P,{value:`stable`,children:n.channelStable}),(0,q.jsx)(P,{value:`beta`,children:n.channelBeta}),(0,q.jsx)(P,{value:`dev`,children:n.channelDev})]}),(0,q.jsx)(`p`,{className:`text-xs text-fg-subtle`,children:n.updateChannelHint})]}),(0,q.jsxs)(`div`,{className:`space-y-4 border-t border-edge pt-4`,children:[(0,q.jsx)(`div`,{className:`text-sm font-medium text-fg`,children:n.updateAutoSection}),(0,q.jsx)(`p`,{className:`text-xs text-fg-subtle`,children:n.updateAutoSectionHint}),(0,q.jsxs)(`label`,{className:`flex cursor-pointer items-start gap-2 text-sm text-fg`,children:[(0,q.jsx)(`input`,{type:`checkbox`,className:`ui-checkbox mt-0.5`,checked:A.updateCheckOnStart,onChange:e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,updateCheckOnStart:e.target.checked})})}}),(0,q.jsxs)(`span`,{children:[(0,q.jsx)(`span`,{className:`font-medium`,children:n.updateCheckOnStart}),(0,q.jsx)(`span`,{className:`mt-0.5 block text-xs text-fg-subtle`,children:n.updateCheckOnStartHint})]})]}),(0,q.jsxs)(`label`,{className:`flex cursor-pointer items-start gap-2 text-sm text-fg`,children:[(0,q.jsx)(`input`,{type:`checkbox`,className:`ui-checkbox mt-0.5`,checked:A.updateAutoEnabled,onChange:e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,updateAutoEnabled:e.target.checked})})}}),(0,q.jsxs)(`span`,{children:[(0,q.jsx)(`span`,{className:`font-medium`,children:n.updateAutoEnabled}),(0,q.jsx)(`span`,{className:`mt-0.5 block text-xs text-fg-subtle`,children:n.updateAutoEnabledHint})]})]}),(0,q.jsxs)(`div`,{className:`grid gap-4 sm:grid-cols-2`,children:[(0,q.jsxs)(`div`,{children:[(0,q.jsx)(`label`,{className:`mb-1 block text-sm font-medium text-fg`,htmlFor:`update-auto-stable-delay`,children:n.updateAutoStableDelayHours}),(0,q.jsx)(`input`,{id:`update-auto-stable-delay`,type:`number`,min:0,disabled:!A.updateAutoEnabled,className:X(),value:A.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,q.jsx)(`p`,{className:`mt-1 text-xs text-fg-subtle`,children:n.updateAutoStableDelayHoursHint})]}),(0,q.jsxs)(`div`,{children:[(0,q.jsx)(`label`,{className:`mb-1 block text-sm font-medium text-fg`,htmlFor:`update-auto-stable-jitter`,children:n.updateAutoStableJitterHours}),(0,q.jsx)(`input`,{id:`update-auto-stable-jitter`,type:`number`,min:0,disabled:!A.updateAutoEnabled,className:X(),value:A.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,q.jsx)(`p`,{className:`mt-1 text-xs text-fg-subtle`,children:n.updateAutoStableJitterHoursHint})]}),(0,q.jsxs)(`div`,{children:[(0,q.jsx)(`label`,{className:`mb-1 block text-sm font-medium text-fg`,htmlFor:`update-auto-beta-interval`,children:n.updateAutoBetaCheckIntervalHours}),(0,q.jsx)(`input`,{id:`update-auto-beta-interval`,type:`number`,min:.25,step:.25,disabled:!A.updateAutoEnabled,className:X(),value:A.updateAutoBetaCheckIntervalHours,onChange:e=>{U.current=!0,k({type:`set-form`,updater:t=>({...t,updateAutoBetaCheckIntervalHours:Math.max(.25,Number(e.target.value)||1)})})}}),(0,q.jsx)(`p`,{className:`mt-1 text-xs text-fg-subtle`,children:n.updateAutoBetaCheckIntervalHoursHint})]})]})]})]}),(0,q.jsxs)(Q,{g:n,id:`security`,activeTab:p,children:[(0,q.jsx)(me,{enabled:w,refreshToken:ae}),(0,q.jsx)(Oe,{g:n,form:A,onSecurityStrictChange:Ue,onDangerouslyAllowHostHeaderOriginFallbackChange:Ge})]}),(0,q.jsx)(Q,{g:n,id:`advanced`,activeTab:p,children:(0,q.jsx)(Ae,{g:n,form:A,onMaxSseConnectionsChange:Le,onDeferModeChange:Re,onDeferIdsChange:ze,onSkipIdsChange:Be})})]}):(0,q.jsxs)(z,{gap:`gap-3`,padding:`px-3 py-8 sm:px-5 xl:px-6`,children:[(0,q.jsx)(`p`,{className:`text-sm text-fg-muted`,children:ie??ve??n.loadError}),(0,q.jsx)(E,{type:`button`,variant:`secondary`,onClick:()=>void ge(),children:n.retry})]}):(0,q.jsxs)(z,{gap:`gap-3`,padding:`px-3 py-8 sm:px-5 xl:px-6`,children:[(0,q.jsx)(te,{title:t.settingsSections.gateway}),(0,q.jsx)(`p`,{className:`text-sm text-fg-muted`,children:n.needToken})]})}function De(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:Z(n,e),icon:xe[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,q.jsx)(ae,{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=Z(n,r),t[0]=n,t[1]=r,t[2]=o):o=t[2];let s;t[3]!==n||t[4]!==r?(s=Ce(n,r),t[3]=n,t[4]=r,t[5]=s):s=t[5];let c;t[6]===a?c=t[7]:(c=(0,q.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,q.jsx)(R,{id:r,activeTab:i,tabIdPrefix:`gateway-settings-tab`,panelIdPrefix:`gateway-settings-panel`,title:o,hint:s,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 Oe(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,q.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,q.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,q.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,q.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,q.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,q.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,q.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,q.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,q.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,q.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,q.jsx)(`p`,{className:`rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-950 dark:border-amber-800 dark:bg-amber-950/40 dark:text-amber-100`,children: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,q.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 ke(e){let t=(0,H.c)(80),{g:n,form:r,onTrustedProxyChange:i,onTrustedProxiesChange:o,onAllowRealIpFallbackChange:s}=e,c=r.auth.trustedProxy,l;t[0]===n.authModeTrustedProxyHint?l=t[1]:(l=(0,q.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,q.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=a(X(),`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,q.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,q.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,q.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,q.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,q.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,q.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,q.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,q.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,q.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,q.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]!==o?(E=(0,q.jsx)($,{title:n.trustedProxies,hint:n.trustedProxiesHint,emptyText:n.trustedProxiesEmpty,placeholder:n.trustedProxiesPlaceholder,values:r.trustedProxies,maxItems:64,onChange:o}),t[50]=r.trustedProxies,t[51]=n.trustedProxies,t[52]=n.trustedProxiesEmpty,t[53]=n.trustedProxiesHint,t[54]=n.trustedProxiesPlaceholder,t[55]=o,t[56]=E):E=t[56];let D;t[57]===s?D=t[58]:(D=e=>s(e.target.checked),t[57]=s,t[58]=D);let O;t[59]!==r.allowRealIpFallback||t[60]!==D?(O=(0,q.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,q.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,q.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,q.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,q.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,q.jsxs)(`div`,{className:`space-y-4 border-t border-edge pt-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 Ae(e){let t=(0,H.c)(58),{g:n,form:r,onMaxSseConnectionsChange:i,onDeferModeChange:o,onDeferIdsChange:s,onSkipIdsChange:c}=e,l;t[0]===n.maxSseConnections?l=t[1]:(l=(0,q.jsx)(`label`,{className:`mb-1 block text-sm font-medium text-fg`,htmlFor:`gateway-max-sse`,children:n.maxSseConnections}),t[0]=n.maxSseConnections,t[1]=l);let u;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(u=a(X(),`max-w-xs font-mono text-xs`),t[2]=u):u=t[2];let d;t[3]===i?d=t[4]:(d=e=>{let t=Number(e.target.value);Number.isFinite(t)&&i(Math.max(1,Math.floor(t)))},t[3]=i,t[4]=d);let f;t[5]!==r.maxSseConnections||t[6]!==d?(f=(0,q.jsx)(`input`,{id:`gateway-max-sse`,type:`number`,min:1,className:u,value:r.maxSseConnections,onChange:d}),t[5]=r.maxSseConnections,t[6]=d,t[7]=f):f=t[7];let p;t[8]===n.maxSseConnectionsHint?p=t[9]:(p=(0,q.jsx)(`p`,{className:`mt-1 text-xs text-fg-subtle`,children:n.maxSseConnectionsHint}),t[8]=n.maxSseConnectionsHint,t[9]=p);let m;t[10]!==l||t[11]!==f||t[12]!==p?(m=(0,q.jsxs)(`div`,{children:[l,f,p]}),t[10]=l,t[11]=f,t[12]=p,t[13]=m):m=t[13];let h;t[14]===n.channelConnectDeferMode?h=t[15]:(h=(0,q.jsx)(`label`,{className:`text-sm font-medium text-fg`,htmlFor:`gateway-channel-defer-mode`,children:n.channelConnectDeferMode}),t[14]=n.channelConnectDeferMode,t[15]=h);let _=r.channelConnectDeferMode,v;t[16]===o?v=t[17]:(v=e=>o(e.target.value),t[16]=o,t[17]=v);let y;t[18]===Symbol.for(`react.memo_cache_sentinel`)?(y=X(),t[18]=y):y=t[18];let b;t[19]===n.channelConnectDeferModeAuto?b=t[20]:(b=(0,q.jsx)(P,{value:`auto`,children:n.channelConnectDeferModeAuto}),t[19]=n.channelConnectDeferModeAuto,t[20]=b);let x;t[21]===n.channelConnectDeferModeOff?x=t[22]:(x=(0,q.jsx)(P,{value:`off`,children:n.channelConnectDeferModeOff}),t[21]=n.channelConnectDeferModeOff,t[22]=x);let S;t[23]===n.channelConnectDeferModeExplicit?S=t[24]:(S=(0,q.jsx)(P,{value:`explicit`,children:n.channelConnectDeferModeExplicit}),t[23]=n.channelConnectDeferModeExplicit,t[24]=S);let C;t[25]!==r.channelConnectDeferMode||t[26]!==b||t[27]!==x||t[28]!==S||t[29]!==v?(C=(0,q.jsxs)(g,{id:`gateway-channel-defer-mode`,value:_,onChange:v,className:y,children:[b,x,S]}),t[25]=r.channelConnectDeferMode,t[26]=b,t[27]=x,t[28]=S,t[29]=v,t[30]=C):C=t[30];let w;t[31]===n.channelConnectDeferModeHint?w=t[32]:(w=(0,q.jsx)(`p`,{className:`text-xs text-fg-subtle`,children:n.channelConnectDeferModeHint}),t[31]=n.channelConnectDeferModeHint,t[32]=w);let T;t[33]!==C||t[34]!==w||t[35]!==h?(T=(0,q.jsxs)(`div`,{className:`space-y-2 border-t border-edge pt-4`,children:[h,C,w]}),t[33]=C,t[34]=w,t[35]=h,t[36]=T):T=t[36];let E;t[37]!==r.channelConnectDeferIds||t[38]!==r.channelConnectDeferMode||t[39]!==n.channelConnectDeferIds||t[40]!==n.channelConnectDeferIdsHint||t[41]!==n.channelIdListEmpty||t[42]!==n.channelIdListPlaceholder||t[43]!==s?(E=r.channelConnectDeferMode===`explicit`?(0,q.jsx)($,{title:n.channelConnectDeferIds,hint:n.channelConnectDeferIdsHint,emptyText:n.channelIdListEmpty,placeholder:n.channelIdListPlaceholder,values:r.channelConnectDeferIds,maxItems:24,onChange:s}):null,t[37]=r.channelConnectDeferIds,t[38]=r.channelConnectDeferMode,t[39]=n.channelConnectDeferIds,t[40]=n.channelConnectDeferIdsHint,t[41]=n.channelIdListEmpty,t[42]=n.channelIdListPlaceholder,t[43]=s,t[44]=E):E=t[44];let D;t[45]!==r.channelConnectDeferMode||t[46]!==r.channelConnectDeferSkipIds||t[47]!==n.channelConnectDeferSkipIds||t[48]!==n.channelConnectDeferSkipIdsHint||t[49]!==n.channelIdListEmpty||t[50]!==n.channelIdListPlaceholder||t[51]!==c?(D=r.channelConnectDeferMode===`off`?null:(0,q.jsx)($,{title:n.channelConnectDeferSkipIds,hint:n.channelConnectDeferSkipIdsHint,emptyText:n.channelIdListEmpty,placeholder:n.channelIdListPlaceholder,values:r.channelConnectDeferSkipIds,maxItems:24,onChange:c}),t[45]=r.channelConnectDeferMode,t[46]=r.channelConnectDeferSkipIds,t[47]=n.channelConnectDeferSkipIds,t[48]=n.channelConnectDeferSkipIdsHint,t[49]=n.channelIdListEmpty,t[50]=n.channelIdListPlaceholder,t[51]=c,t[52]=D):D=t[52];let O;return t[53]!==T||t[54]!==E||t[55]!==D||t[56]!==m?(O=(0,q.jsxs)(`div`,{className:`space-y-4`,children:[m,T,E,D]}),t[53]=T,t[54]=E,t[55]=D,t[56]=m,t[57]=O):O=t[57],O}function $(e){let t=(0,H.c)(25),{title:n,hint:r,emptyText:i,placeholder:o,values:s,maxItems:c,onChange:l,children:u}=e,d;t[0]!==c||t[1]!==l||t[2]!==s?(d=e=>{let t=e.trim();!t||s.includes(t)||s.length>=c||l([...s,t])},t[0]=c,t[1]=l,t[2]=s,t[3]=d):d=t[3];let f=d,p;t[4]===n?p=t[5]:(p=(0,q.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,q.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]!==s?(h=s.length===0?(0,q.jsx)(`p`,{className:`text-xs text-fg-muted`,children:i}):(0,q.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:s.map(e=>(0,q.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,q.jsx)(`button`,{type:`button`,className:a(`text-fg-muted hover:text-fg`,k.press),"aria-label":`Remove ${e}`,onClick:()=>l(s.filter(t=>t!==e)),children:`×`})]},e))}),t[8]=i,t[9]=l,t[10]=s,t[11]=h):h=t[11];let g;t[12]===Symbol.for(`react.memo_cache_sentinel`)?(g=a(X(),`font-mono text-xs`),t[12]=g):g=t[12];let _=s.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]!==o||t[16]!==_||t[17]!==v?(y=(0,q.jsx)(`input`,{className:g,placeholder:o,disabled:_,onKeyDown:v}),t[15]=o,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,q.jsxs)(`div`,{className:`space-y-2 border-t border-edge pt-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 je(e){let t=(0,H.c)(13),{g:n,origins:r,onChange:i}=e,a;t[0]===r?a=t[1]:(a=r.includes(`*`),t[0]=r,t[1]=a);let o=a,s;t[2]!==n.corsOriginsWildcardWarning||t[3]!==o?(s=o?(0,q.jsx)(`p`,{className:`rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-950 dark:border-amber-800 dark:bg-amber-950/40 dark:text-amber-100`,children:n.corsOriginsWildcardWarning}):null,t[2]=n.corsOriginsWildcardWarning,t[3]=o,t[4]=s):s=t[4];let c;return t[5]!==n.corsOrigins||t[6]!==n.corsOriginsEmpty||t[7]!==n.corsOriginsHint||t[8]!==n.corsOriginsPlaceholder||t[9]!==i||t[10]!==r||t[11]!==s?(c=(0,q.jsx)($,{title:n.corsOrigins,hint:n.corsOriginsHint,emptyText:n.corsOriginsEmpty,placeholder:n.corsOriginsPlaceholder,values:r,maxItems:128,onChange:i,children:s}),t[5]=n.corsOrigins,t[6]=n.corsOriginsEmpty,t[7]=n.corsOriginsHint,t[8]=n.corsOriginsPlaceholder,t[9]=i,t[10]=r,t[11]=s,t[12]=c):c=t[12],c}function Me(e){let t=(0,H.c)(73),{g:n,rateLimit:r,onChange:i}=e,a;t[0]===n.rateLimitTitle?a=t[1]:(a=(0,q.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,q.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,q.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,q.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,q.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,q.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,q.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,q.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=X(),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,q.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,q.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,q.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=X(),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,q.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,q.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,q.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=X(),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,q.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,q.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,q.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,q.jsxs)(`div`,{className:`space-y-3 border-t border-edge pt-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 Ne(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,q.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,q.jsx)(N,{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,q.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,q.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{Ee as GatewaySettingsPanel};

package/dist/gateway/static/root/assets/goal-create-dialog-DRVRLc5Z.js

@@ -1 +0,0 @@
-import{i as e}from"./rolldown-runtime-aKtaBQYM.js";import{a as t,t as n}from"./vendor-react-BOUWij0V.js";import{t as r}from"./cn-BQ_8x0bT.js";import{t as i}from"./messages-t1yPaVCt.js";import{n as a}from"./locale-store-BneNAR8R.js";import{Fo as o,Go as s,Gs as ee,Ir as c,Ko as l,Lr as u,Mo as d,No as f,Nt as p,Po as m,Qs as h,hc as g,hs as _,jo as v,js as y,ko as b,qo as x,st as S,tu as C,wc as w,ys as T}from"./index-CH7XN6KY.js";var E=e(t(),1),D=n();function O(){return{title:``,objective:``,description:``,attachments:[],checklist:[``],scopeBoundary:``,evidencePlan:[``],priority:`normal`,deadlineMode:`none`,deadline:``,maxTurns:`10`,agentId:``,judgeModelRef:``}}function k(e,t){return Object.entries(t).reduce((e,[t,n])=>e.replaceAll(`{{${t}}}`,String(n)),e)}function A(e){let t=e=>String(e).padStart(2,`0`);return[e.getFullYear(),`-`,t(e.getMonth()+1),`-`,t(e.getDate()),`T`,t(e.getHours()),`:`,t(e.getMinutes())].join(``)}function j(e){let t=new Date;return t.setDate(t.getDate()+e),t.setHours(23,59,0,0),A(t)}function M(){let e=new Date,t=e.getDay(),n=t<=5?5-t:7-t+5;return e.setDate(e.getDate()+n),e.setHours(23,59,0,0),A(e)}function N(e){if(e===`today`)return j(0);if(e===`tomorrow`)return j(1);if(e===`friday`)return M();if(e===`custom`){let e=new Date;return e.setHours(e.getHours()+1,0,0,0),A(e)}return``}function P(e){let t=new Set,n=[];for(let r of e){let e=r.trim();!e||t.has(e.toLowerCase())||(t.add(e.toLowerCase()),n.push(e))}return n}function F({open:e,t,chat:n,busy:A,options:j,onClose:M,onCreate:F,onDraftContract:I}){let L=i(a(e=>e.language)).agentsSettings,[R,z]=(0,E.useState)(()=>O()),[B,V]=(0,E.useState)(!1),[H,U]=(0,E.useState)(!1),[W,G]=(0,E.useState)(null),[K,q]=(0,E.useState)(!1),J=S({chat:n});(0,E.useEffect)(()=>{e||(z(O()),V(!1),U(!1),G(null),q(!1),J.clearAttachments())},[J.clearAttachments,e]),(0,E.useEffect)(()=>{!e||!j.defaultAgentId||z(e=>e.agentId?e:{...e,agentId:j.defaultAgentId})},[e,j.defaultAgentId]);let Y=e=>z(t=>({...t,...e})),X=j.agents.length?j.agents:[{id:j.defaultAgentId||`main`,workspace:``,profileDir:``,typedModels:{defaultRole:`deep`,preset:[],effective:[]},extends:[],isDefault:!0,skills:{preset:[]},tools:{presetDenied:[],entryDisable:[],effectiveDisable:[]}}],Z=X.find(e=>e.id===R.agentId)??X.find(e=>e.id===j.defaultAgentId)??X[0],Q=Z?c(Z,L):``,te=R.agentId||Z?.id||`main`,$=[...Z?.typedModels.effective??[]].sort((e,t)=>e.id===`judge`?-1:t.id===`judge`?1:e.id.localeCompare(t.id)),ne=j.models.filter((e,t,n)=>n.findIndex(t=>t.id===e.id)===t),re=e=>{Y({deadlineMode:e,deadline:N(e)})},ie=(e,t)=>{z(n=>({...n,checklist:n.checklist.map((n,r)=>r===e?t:n)}))},ae=e=>{z(t=>({...t,checklist:t.checklist.filter((t,n)=>n!==e)}))},oe=(e,t)=>{z(n=>({...n,evidencePlan:n.evidencePlan.map((n,r)=>r===e?t:n)}))},se=e=>{z(t=>({...t,evidencePlan:t.evidencePlan.filter((t,n)=>n!==e)}))},ce=async()=>{G(null),q(!0);try{Y(I?await I({...R,attachments:J.wireAttachmentsPayload()}):{objective:R.objective||R.title,scopeBoundary:R.scopeBoundary,evidencePlan:P(R.evidencePlan).length?R.evidencePlan:[...t.createDialog.defaultEvidencePlan],checklist:R.checklist}),V(!0)}catch(e){G(e instanceof Error?e.message:t.createDialog.draftFailed)}finally{q(!1)}},le=async()=>{if(G(null),!R.title.trim()){G(t.createDialog.titleRequired);return}try{await F({...R,attachments:J.wireAttachmentsPayload(),checklist:P(R.checklist)}),M()}catch(e){G(e instanceof Error?e.message:t.errors.create)}};return(0,D.jsx)(b,{open:e,onOpenChange:e=>!e&&M(),children:(0,D.jsxs)(m,{children:[(0,D.jsx)(f,{className:`xopc-dialog-overlay fixed inset-0 z-65 bg-scrim backdrop-blur-[1px]`}),(0,D.jsxs)(v,{className:`fixed left-1/2 top-1/2 z-66 flex h-[min(92vh,46rem)] w-[min(100%-2rem,44rem)] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-2xl border border-edge bg-surface-panel shadow-popover outline-none`,children:[(0,D.jsxs)(`div`,{className:`flex shrink-0 items-center justify-between gap-2 border-b border-edge px-5 py-4`,children:[(0,D.jsxs)(`div`,{className:`min-w-0`,children:[(0,D.jsx)(o,{className:`truncate text-base font-semibold tracking-tight text-fg`,children:t.createDialog.title}),(0,D.jsx)(d,{className:`mt-1 truncate text-sm text-fg-muted`,children:t.createDialog.description})]}),(0,D.jsx)(_,{type:`button`,variant:`ghost`,className:`size-9 shrink-0 p-0`,"aria-label":t.closeDetails,onClick:M,children:(0,D.jsx)(T,{className:`size-5`,"aria-hidden":!0})})]}),(0,D.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto p-5`,children:(0,D.jsxs)(`div`,{className:`grid gap-4`,children:[(0,D.jsx)(`section`,{className:`rounded-lg border border-accent/25 bg-accent-soft/50 px-3 py-3`,children:(0,D.jsxs)(`div`,{className:`flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between`,children:[(0,D.jsxs)(`div`,{className:`min-w-0`,children:[(0,D.jsx)(`p`,{className:`text-sm font-medium text-fg`,children:t.createDialog.simpleStartTitle}),(0,D.jsx)(`p`,{className:`mt-1 text-xs text-fg-muted`,children:t.createDialog.simpleStartHint})]}),(0,D.jsxs)(_,{type:`button`,variant:`secondary`,className:`h-8 shrink-0 rounded-lg text-xs`,onClick:()=>void ce(),disabled:K||!R.title.trim()&&!R.description.trim(),children:[(0,D.jsx)(ee,{className:`size-3.5`,"aria-hidden":!0}),K?t.createDialog.drafting:t.createDialog.aiDraft]})]})}),(0,D.jsxs)(`label`,{className:`grid gap-1.5`,children:[(0,D.jsx)(`span`,{className:`text-sm font-medium text-fg`,children:t.createDialog.goalTitle}),(0,D.jsx)(`input`,{value:R.title,onChange:e=>Y({title:e.target.value}),placeholder:t.newGoalPlaceholder,className:`rounded-lg border border-edge bg-surface-muted px-3 py-2 text-sm text-fg placeholder:text-fg-muted focus-visible:border-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent`,autoFocus:!0})]}),(0,D.jsxs)(`label`,{className:`grid gap-1.5`,children:[(0,D.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,D.jsx)(`span`,{className:`text-sm font-medium text-fg`,children:t.createDialog.goalDescription}),(0,D.jsxs)(_,{type:`button`,variant:`secondary`,className:`h-8 rounded-lg text-xs`,onClick:()=>J.fileInputRef.current?.click(),children:[(0,D.jsx)(w,{className:`size-3.5`,"aria-hidden":!0}),t.createDialog.addAttachment]})]}),(0,D.jsx)(`textarea`,{value:R.description,onChange:e=>Y({description:e.target.value}),placeholder:t.createDialog.descriptionPlaceholder,rows:4,className:`resize-none rounded-lg border border-edge bg-surface-muted px-3 py-2 text-sm text-fg placeholder:text-fg-muted focus-visible:border-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent`}),(0,D.jsx)(`input`,{ref:J.fileInputRef,type:`file`,multiple:!0,className:`hidden`,onChange:e=>{let t=Array.from(e.currentTarget.files??[]);e.currentTarget.value=``,J.processFiles(t)}}),(0,D.jsx)(p,{attachments:J.attachments,topPadded:!1,onRemove:J.removeAttachment})]}),(0,D.jsxs)(`section`,{className:`rounded-2xl border border-edge-subtle bg-surface-base/60`,children:[(0,D.jsxs)(`button`,{type:`button`,className:`flex w-full items-center justify-between gap-3 px-4 py-3 text-left`,onClick:()=>V(e=>!e),children:[(0,D.jsxs)(`span`,{className:`min-w-0`,children:[(0,D.jsx)(`span`,{className:`block text-sm font-semibold text-fg`,children:t.createDialog.completionPlan}),(0,D.jsx)(`span`,{className:`mt-1 block text-xs text-fg-muted`,children:t.createDialog.completionPlanHint})]}),(0,D.jsx)(C,{className:r(`size-4 shrink-0 text-fg-muted transition-transform`,B&&`rotate-180`),"aria-hidden":!0})]}),B?(0,D.jsxs)(`div`,{className:`grid gap-4 border-t border-edge-subtle p-4`,children:[(0,D.jsxs)(`section`,{className:`rounded-lg border border-edge-subtle bg-surface-panel/70 p-3`,children:[(0,D.jsxs)(`div`,{children:[(0,D.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:t.createDialog.criteriaTitle}),(0,D.jsx)(`p`,{className:`mt-1 text-xs text-fg-muted`,children:t.createDialog.criteriaHint}),(0,D.jsx)(`p`,{className:`mt-1 text-xs text-fg-subtle`,children:j.checklistDecomposePolicy===`supplement_existing`?t.createDialog.checklistPolicySupplementExisting:t.createDialog.checklistPolicyEmptyOnly})]}),(0,D.jsxs)(`div`,{className:`mt-3 grid gap-2`,children:[R.checklist.map((e,n)=>(0,D.jsxs)(`div`,{className:`flex gap-2`,children:[(0,D.jsx)(`input`,{value:e,onChange:e=>ie(n,e.target.value),placeholder:k(t.createDialog.criteriaPlaceholder,{index:n+1}),className:`min-w-0 flex-1 rounded-lg border border-edge bg-surface-muted px-3 py-2 text-sm text-fg placeholder:text-fg-muted focus-visible:border-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent`}),(0,D.jsx)(_,{type:`button`,variant:`ghost`,className:`size-9 shrink-0 rounded-lg p-0`,"aria-label":t.createDialog.removeCriteria,onClick:()=>ae(n),children:(0,D.jsx)(y,{className:`size-4`,"aria-hidden":!0})})]},n)),(0,D.jsxs)(_,{type:`button`,variant:`ghost`,className:`h-8 justify-start rounded-lg text-xs`,onClick:()=>Y({checklist:[...R.checklist,``]}),children:[(0,D.jsx)(g,{className:`size-3.5`,"aria-hidden":!0}),t.createDialog.addCriteria]})]})]}),(0,D.jsxs)(`section`,{className:`rounded-lg border border-edge-subtle bg-surface-panel/70 p-3`,children:[(0,D.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:t.createDialog.contractTitle}),(0,D.jsx)(`p`,{className:`mt-1 text-xs text-fg-muted`,children:t.createDialog.contractHint}),(0,D.jsxs)(`label`,{className:`mt-3 grid gap-1.5`,children:[(0,D.jsx)(`span`,{className:`text-sm font-medium text-fg`,children:t.createDialog.objective}),(0,D.jsx)(`textarea`,{value:R.objective,onChange:e=>Y({objective:e.target.value}),placeholder:t.createDialog.objectivePlaceholder,rows:2,className:`resize-none rounded-lg border border-edge bg-surface-muted px-3 py-2 text-sm text-fg placeholder:text-fg-muted focus-visible:border-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent`})]}),(0,D.jsxs)(`label`,{className:`mt-3 grid gap-1.5`,children:[(0,D.jsx)(`span`,{className:`text-sm font-medium text-fg`,children:t.createDialog.scopeBoundary}),(0,D.jsx)(`textarea`,{value:R.scopeBoundary,onChange:e=>Y({scopeBoundary:e.target.value}),placeholder:t.createDialog.scopeBoundaryPlaceholder,rows:2,className:`resize-none rounded-lg border border-edge bg-surface-muted px-3 py-2 text-sm text-fg placeholder:text-fg-muted focus-visible:border-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent`})]}),(0,D.jsxs)(`div`,{className:`mt-3 grid gap-1.5`,children:[(0,D.jsx)(`span`,{className:`text-sm font-medium text-fg`,children:t.createDialog.evidencePlan}),(0,D.jsx)(`p`,{className:`text-xs text-fg-muted`,children:t.createDialog.evidencePlanHint}),R.evidencePlan.map((e,n)=>(0,D.jsxs)(`div`,{className:`flex gap-2`,children:[(0,D.jsx)(`input`,{value:e,onChange:e=>oe(n,e.target.value),placeholder:k(t.createDialog.evidencePlanPlaceholder,{index:n+1}),className:`min-w-0 flex-1 rounded-lg border border-edge bg-surface-muted px-3 py-2 text-sm text-fg placeholder:text-fg-muted focus-visible:border-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent`}),(0,D.jsx)(_,{type:`button`,variant:`ghost`,className:`size-9 shrink-0 rounded-lg p-0`,"aria-label":t.createDialog.removeEvidence,onClick:()=>se(n),children:(0,D.jsx)(y,{className:`size-4`,"aria-hidden":!0})})]},n)),(0,D.jsxs)(_,{type:`button`,variant:`ghost`,className:`h-8 justify-start rounded-lg text-xs`,onClick:()=>Y({evidencePlan:[...R.evidencePlan,``]}),children:[(0,D.jsx)(g,{className:`size-3.5`,"aria-hidden":!0}),t.createDialog.addEvidence]})]})]})]}):null]}),(0,D.jsxs)(`section`,{className:`rounded-2xl border border-edge-subtle bg-surface-base/60`,children:[(0,D.jsxs)(`button`,{type:`button`,className:`flex w-full items-center justify-between gap-3 px-4 py-3 text-left`,onClick:()=>U(e=>!e),children:[(0,D.jsxs)(`span`,{className:`flex items-center gap-2 text-sm font-semibold text-fg`,children:[(0,D.jsx)(h,{className:`size-4 text-fg-muted`,"aria-hidden":!0}),t.createDialog.advanced]}),(0,D.jsx)(C,{className:r(`size-4 text-fg-muted transition-transform`,H&&`rotate-180`),"aria-hidden":!0})]}),H?(0,D.jsxs)(`div`,{className:`grid gap-3 border-t border-edge-subtle p-4 sm:grid-cols-2`,children:[(0,D.jsxs)(`label`,{className:`grid gap-1.5 sm:col-span-2`,children:[(0,D.jsx)(`span`,{className:`text-sm font-medium text-fg`,children:t.createDialog.agentId}),(0,D.jsx)(s,{value:te,onChange:e=>Y({agentId:e.target.value}),className:`rounded-lg border border-edge bg-surface-muted px-3 py-2 text-sm text-fg focus-visible:border-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent`,children:X.map(e=>(0,D.jsx)(x,{value:e.id,children:u(e,L)+(e.isDefault?` · ${t.createDialog.defaultAgent}`:` · ${e.id}`)},e.id))}),Q?(0,D.jsx)(`span`,{className:`line-clamp-2 text-xs text-fg-muted`,children:Q}):Z?.model?.primary?(0,D.jsx)(`span`,{className:`truncate text-xs text-fg-muted`,children:k(t.createDialog.agentPrimaryModel,{model:Z.model.primary})}):null]}),(0,D.jsxs)(`label`,{className:`grid gap-1.5`,children:[(0,D.jsx)(`span`,{className:`text-sm font-medium text-fg`,children:t.createDialog.priority}),(0,D.jsxs)(s,{value:R.priority,onChange:e=>Y({priority:e.target.value}),className:`rounded-lg border border-edge bg-surface-muted px-3 py-2 text-sm text-fg focus-visible:border-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent`,children:[(0,D.jsx)(x,{value:`normal`,children:t.priorities.normal}),(0,D.jsx)(x,{value:`high`,children:t.priorities.high}),(0,D.jsx)(x,{value:`low`,children:t.priorities.low})]})]}),(0,D.jsxs)(`label`,{className:`grid gap-1.5`,children:[(0,D.jsx)(`span`,{className:`text-sm font-medium text-fg`,children:t.createDialog.deadline}),(0,D.jsxs)(s,{value:R.deadlineMode,onChange:e=>re(e.target.value),className:`rounded-lg border border-edge bg-surface-muted px-3 py-2 text-sm text-fg focus-visible:border-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent`,children:[(0,D.jsx)(x,{value:`none`,children:t.createDialog.deadlineNone}),(0,D.jsx)(x,{value:`today`,children:t.createDialog.deadlineToday}),(0,D.jsx)(x,{value:`tomorrow`,children:t.createDialog.deadlineTomorrow}),(0,D.jsx)(x,{value:`friday`,children:t.createDialog.deadlineFriday}),(0,D.jsx)(x,{value:`custom`,children:t.createDialog.deadlineCustom})]})]}),R.deadlineMode===`none`?null:(0,D.jsxs)(`label`,{className:`grid gap-1.5`,children:[(0,D.jsx)(`span`,{className:`text-sm font-medium text-fg`,children:t.createDialog.deadlineAt}),(0,D.jsx)(`input`,{type:`datetime-local`,value:R.deadline,onChange:e=>Y({deadline:e.target.value,deadlineMode:`custom`}),className:`rounded-lg border border-edge bg-surface-muted px-3 py-2 text-sm text-fg focus-visible:border-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent`})]}),(0,D.jsxs)(`label`,{className:`grid gap-1.5`,children:[(0,D.jsx)(`span`,{className:`text-sm font-medium text-fg`,children:t.createDialog.maxTurns}),(0,D.jsx)(`input`,{type:`number`,min:1,max:500,value:R.maxTurns,onChange:e=>Y({maxTurns:e.target.value}),className:`rounded-lg border border-edge bg-surface-muted px-3 py-2 text-sm text-fg focus-visible:border-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent`})]}),(0,D.jsxs)(`label`,{className:`grid gap-1.5 sm:col-span-2`,children:[(0,D.jsx)(`span`,{className:`text-sm font-medium text-fg`,children:t.createDialog.judgeModel}),(0,D.jsxs)(s,{value:R.judgeModelRef,onChange:e=>Y({judgeModelRef:e.target.value}),className:`rounded-lg border border-edge bg-surface-muted px-3 py-2 text-sm text-fg focus-visible:border-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent`,children:[(0,D.jsx)(x,{value:``,children:t.createDialog.judgeModelPlaceholder}),$.length?(0,D.jsx)(l,{label:t.createDialog.agentModelRoles,children:$.map(e=>(0,D.jsxs)(x,{value:e.model,children:[e.id===`judge`?t.createDialog.judgeRole:e.id,` · `,e.model]},`${e.id}:${e.model}`))}):null,(0,D.jsx)(l,{label:t.createDialog.configuredModels,children:ne.map(e=>(0,D.jsxs)(x,{value:e.id,children:[e.name,` · `,e.id]},e.id))})]})]})]}):null]}),W?(0,D.jsx)(`p`,{className:`rounded-lg border border-destructive/40 bg-destructive/10 px-3 py-2 text-sm text-destructive`,children:W}):null]})}),(0,D.jsxs)(`div`,{className:`flex shrink-0 items-center justify-end gap-2 border-t border-edge px-5 py-4`,children:[(0,D.jsx)(_,{type:`button`,variant:`ghost`,className:`rounded-lg`,onClick:M,children:t.createDialog.cancel}),(0,D.jsxs)(_,{type:`button`,variant:`primary`,className:`rounded-lg`,disabled:A||!R.title.trim(),onClick:()=>void le(),children:[(0,D.jsx)(g,{className:`size-4`,"aria-hidden":!0}),t.createDialog.create]})]})]})]})})}export{P as n,F as t};