@xopcai/xopc 0.0.160 → 0.0.162

package/dist/gateway/static/root/assets/connectors-page-HpgaUDQ1.js

@@ -0,0 +1,2 @@
+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-KS7C4IRE-uQ0fehio.js";import{t as a}from"./check-DUBLcKHA.js";import{t as o}from"./circle-alert-BEjgurr2.js";import{t as s}from"./cn-JdwAhgNB.js";import{n as c}from"./copy-to-clipboard-HOJ79TWv.js";import{t as l}from"./messages-BwQ3WssU.js";import{l as u,n as d,r as f,s as p}from"./locale-store-0lpYdNDr.js";import{Bo as m,Bs as h,Cs as g,Dc as _,Ds as v,Fi as y,Hl as b,Ho as x,Ic as S,Ii as C,Jc as w,Li as T,Ll as E,Ms as D,Os as O,Pi as k,Ri as A,Ro as j,Tc as M,Uo as N,Vo as P,Wo as F,Xa as I,Xl as L,Xs as R,Za as z,Zl as B,_c as ee,_i as V,as as H,bi as U,bo as te,cc as ne,ea as re,es as ie,gi as ae,hi as oe,hs as se,ic as ce,jl as le,ll as ue,os as de,ou as fe,pc as pe,qs as me,rs as W,sc as he,ts as ge,uc as _e,uu as ve,vi as ye,vs as G,wc as K,ws as q,zo as J}from"./index-C8JkTS6d.js";import{t as be}from"./page-tabs-Caj1-E_X.js";import{t as xe}from"./connector-logo-Bng6kxYF.js";var Y=e(t(),1),X=n(),Z=r();function Se(e){let t=(0,X.c)(74),{connector:n,installed:r,onInstall:i,onOpenDetails:a,t:o}=e,c,l,u,d,f,p,m,h,g,_;if(t[0]!==n||t[1]!==r||t[2]!==i||t[3]!==a||t[4]!==o.connect||t[5]!==o.connectedBadge||t[6]!==o.connectorBeta||t[7]!==o.connectorCapabilityLabels||t[8]!==o.connectorExperimental||t[9]!==o.connectorVerified){let e=n.capabilities.filter(Ce),v=e.slice(0,3),y=Math.max(0,e.length-v.length),b=o.connect,x=n.verificationLevel===`verified`?o.connectorVerified:n.verificationLevel===`beta`?o.connectorBeta:n.verificationLevel===`experimental`?o.connectorExperimental:null,C;t[20]!==b||t[21]!==n||t[22]!==i?(C=e=>(0,Z.jsxs)(q,{type:`button`,variant:`primary`,className:s(`h-8 justify-center px-2.5 text-xs font-medium`,e),onClick:e=>{e.stopPropagation(),i(n)},children:[(0,Z.jsx)(S,{className:`size-4`}),b]}),t[20]=b,t[21]=n,t[22]=i,t[23]=C):C=t[23],c=C;let w;t[24]!==n||t[25]!==a?(w=e=>{!a||e.currentTarget!==e.target||e.key!==`Enter`&&e.key!==` `||(e.preventDefault(),a(n))},t[24]=n,t[25]=a,t[26]=w):w=t[26];let T=w,E=a?`cursor-pointer`:null;t[27]===E?p=t[28]:(p=s(`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`,E),t[27]=E,t[28]=p),m=a?`button`:void 0,h=a?0:void 0,t[29]!==n||t[30]!==a?(g=()=>a?.(n),t[29]=n,t[30]=a,t[31]=g):g=t[31],_=T,l=`flex min-w-0 flex-1 flex-col`;let D;t[32]===n?D=t[33]:(D=(0,Z.jsx)(xe,{connector:n}),t[32]=n,t[33]=D);let O;t[34]===n.displayName?O=t[35]:(O=(0,Z.jsx)(`h3`,{className:`truncate text-sm font-semibold text-fg`,children:n.displayName}),t[34]=n.displayName,t[35]=O);let k;t[36]===x?k=t[37]:(k=x?(0,Z.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:x}):null,t[36]=x,t[37]=k);let A;t[38]!==O||t[39]!==k?(A=(0,Z.jsxs)(`div`,{className:`min-w-0`,children:[O,k]}),t[38]=O,t[39]=k,t[40]=A):A=t[40];let j;t[41]!==D||t[42]!==A?(j=(0,Z.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[D,A]}),t[41]=D,t[42]=A,t[43]=j):j=t[43];let M;t[44]!==r||t[45]!==c?(M=r?null:(0,Z.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[44]=r,t[45]=c,t[46]=M):M=t[46];let N;t[47]!==r||t[48]!==o.connectedBadge?(N=r?(0,Z.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,Z.jsx)(fe,{className:`size-3`,"aria-hidden":!0}),o.connectedBadge]}):null,t[47]=r,t[48]=o.connectedBadge,t[49]=N):N=t[49];let P;t[50]!==M||t[51]!==N?(P=(0,Z.jsxs)(`div`,{className:`flex shrink-0 items-start gap-2`,children:[M,N]}),t[50]=M,t[51]=N,t[52]=P):P=t[52],t[53]!==j||t[54]!==P?(u=(0,Z.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[j,P]}),t[53]=j,t[54]=P,t[55]=u):u=t[55],t[56]===n.description?d=t[57]:(d=(0,Z.jsx)(`p`,{className:`mt-4 line-clamp-2 text-sm leading-6 text-fg-muted`,title:n.description,children:n.description}),t[56]=n.description,t[57]=d),f=v.length>0?(0,Z.jsxs)(`div`,{className:`mt-4 flex flex-wrap gap-1.5`,children:[v.map(e=>(0,Z.jsx)(`span`,{className:`rounded-md bg-surface-base px-2 py-0.5 text-[11px] text-fg-muted`,children:o.connectorCapabilityLabels[e]??e},e)),y>0?(0,Z.jsxs)(`span`,{className:`rounded-md bg-surface-base px-2 py-0.5 text-[11px] text-fg-subtle`,children:[`+`,y]}):null]}):null,t[0]=n,t[1]=r,t[2]=i,t[3]=a,t[4]=o.connect,t[5]=o.connectedBadge,t[6]=o.connectorBeta,t[7]=o.connectorCapabilityLabels,t[8]=o.connectorExperimental,t[9]=o.connectorVerified,t[10]=c,t[11]=l,t[12]=u,t[13]=d,t[14]=f,t[15]=p,t[16]=m,t[17]=h,t[18]=g,t[19]=_}else c=t[10],l=t[11],u=t[12],d=t[13],f=t[14],p=t[15],m=t[16],h=t[17],g=t[18],_=t[19];let v;t[58]!==l||t[59]!==u||t[60]!==d||t[61]!==f?(v=(0,Z.jsxs)(`div`,{className:l,children:[u,d,f]}),t[58]=l,t[59]=u,t[60]=d,t[61]=f,t[62]=v):v=t[62];let y;t[63]!==r||t[64]!==c?(y=r?null:(0,Z.jsx)(`div`,{className:`mt-4 flex flex-col gap-2 border-t border-edge pt-3 sm:hidden`,children:c(`w-full`)}),t[63]=r,t[64]=c,t[65]=y):y=t[65];let b;return t[66]!==v||t[67]!==y||t[68]!==p||t[69]!==m||t[70]!==h||t[71]!==g||t[72]!==_?(b=(0,Z.jsxs)(`div`,{className:p,role:m,tabIndex:h,onClick:g,onKeyDown:_,children:[v,y]}),t[66]=v,t[67]=y,t[68]=p,t[69]=m,t[70]=h,t[71]=g,t[72]=_,t[73]=b):b=t[73],b}function Ce(e){return!e.startsWith(`runtime.`)&&!e.startsWith(`auth.`)}var we=[`c0`,`c1`,`c2`,`c3`,`c4`,`c5`];function Te(e,t){return t.some(t=>t.connectorId===e.id)}var Ee=`animate-pulse motion-reduce:animate-none rounded-md bg-surface-hover dark:bg-surface-active/50`;function De(){let e=(0,X.c)(2),t;e[0]===Symbol.for(`react.memo_cache_sentinel`)?(t=(0,Z.jsx)(`div`,{className:s(`size-10 shrink-0 rounded-xl`,Ee)}),e[0]=t):t=e[0];let n;return e[1]===Symbol.for(`react.memo_cache_sentinel`)?(n=(0,Z.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,Z.jsxs)(`div`,{className:`flex min-h-0 flex-1 items-start gap-3`,children:[t,(0,Z.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-2`,children:[(0,Z.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,Z.jsx)(`div`,{className:s(`h-4 min-w-0 flex-1`,Ee)}),(0,Z.jsx)(`div`,{className:s(`h-8 w-[4.5rem] shrink-0 rounded-lg`,Ee)})]}),(0,Z.jsx)(`div`,{className:s(`h-3 w-full`,Ee)}),(0,Z.jsx)(`div`,{className:s(`h-3 w-[88%]`,Ee)})]})]})}),e[1]=n):n=e[1],n}var Oe=`animate-pulse motion-reduce:animate-none rounded-md bg-surface-hover dark:bg-surface-active/50`;function ke(){let e=(0,X.c)(4),t;e[0]===Symbol.for(`react.memo_cache_sentinel`)?(t=(0,Z.jsx)(`div`,{className:s(`size-10 shrink-0 rounded-xl`,Oe)}),e[0]=t):t=e[0];let n;e[1]===Symbol.for(`react.memo_cache_sentinel`)?(n=(0,Z.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-2`,children:[(0,Z.jsx)(`div`,{className:s(`h-4 w-48 max-w-full`,Oe)}),(0,Z.jsx)(`div`,{className:s(`h-3 w-72 max-w-full`,Oe)})]}),e[1]=n):n=e[1];let r;e[2]===Symbol.for(`react.memo_cache_sentinel`)?(r=(0,Z.jsxs)(`div`,{className:`flex items-start gap-3`,children:[t,(0,Z.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-wrap items-start justify-between gap-3`,children:[n,(0,Z.jsxs)(`div`,{className:`flex shrink-0 gap-2`,children:[(0,Z.jsx)(`div`,{className:s(`h-9 w-20 rounded-lg`,Oe)}),(0,Z.jsx)(`div`,{className:s(`h-9 w-20 rounded-lg`,Oe)})]})]})]}),e[2]=r):r=e[2];let i;return e[3]===Symbol.for(`react.memo_cache_sentinel`)?(i=(0,Z.jsxs)(`div`,{className:`rounded-2xl bg-surface-panel p-4 shadow-surface`,"aria-hidden":!0,children:[r,(0,Z.jsxs)(`div`,{className:`mt-4 flex flex-wrap gap-2`,children:[(0,Z.jsx)(`div`,{className:s(`h-8 w-20 rounded-md`,Oe)}),(0,Z.jsx)(`div`,{className:s(`h-8 w-24 rounded-md`,Oe)}),(0,Z.jsx)(`div`,{className:s(`h-8 w-28 rounded-md`,Oe)})]}),(0,Z.jsx)(`div`,{className:s(`mt-3 h-20 rounded-xl`,Oe)})]}),e[3]=i):i=e[3],i}function Q(e,t){if(!e.payload)throw Error(e.error??t);return e.payload}async function Ae(){return Q(await p(f(`/api/connectors/catalog`)),`Could not load connector catalog.`).connectors}async function je(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?.refresh&&t.set(`refresh`,`1`),e?.verification&&t.set(`verification`,e.verification),Q(await p(f(`/api/connectors/composio/catalog${t.size?`?${t.toString()}`:``}`)),`Could not load Composio catalog.`)}async function Me(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 p(f(`/api/capabilities/connectors${t.size?`?${t.toString()}`:``}`)),`Could not load Store connector capabilities.`)}async function Ne(e,t){return Q(await p(f(`/api/capabilities/connectors/${encodeURIComponent(e)}/install-plan`),{method:`POST`,body:JSON.stringify({version:t})}),`Could not prepare connector installation.`).plan}async function Pe(e,t,n){let r=await p(f(`/api/capabilities/connectors/${encodeURIComponent(e)}/install`),{method:`POST`,body:JSON.stringify({...t,version:n})});return I(),Q(r,`Could not install Store connector.`).instance}async function Fe(){return Q(await p(f(`/api/connectors/installed`)),`Could not load installed connectors.`).instances}async function Ie(e){return Q(await p(f(`/api/connectors/${encodeURIComponent(e)}/auth/start`),{method:`POST`}),`Could not start connector authorization.`).authorization}async function Le(){return Q(await p(f(`/api/connectors/composio/setup-status`)),`Could not check the connection service.`)}async function Re(e){Q(await p(f(`/api/connectors/composio/setup`),{method:`POST`,body:JSON.stringify({apiKey:e})}),`Could not enable the connection service.`)}async function ze(e,t){let n=await p(f(`/api/connectors/${encodeURIComponent(e)}/install`),{method:`POST`,body:JSON.stringify(t)});return I(),Q(n,`Could not install connector.`).instance}async function Be(e,t={}){return Q(await p(f(`/api/connectors/preview`),{method:`POST`,body:JSON.stringify({...t,definition:e})}),`Could not preview connector capabilities.`).preview}async function Ve(e,t){return Q(await p(f(`/api/connectors/${encodeURIComponent(e)}/config`),{method:`POST`,body:JSON.stringify(t)}),`Could not update connector config.`).instance}async function He(e){await p(f(`/api/connectors/${encodeURIComponent(e)}`),{method:`DELETE`}),I()}async function Ue(e){return Q(await p(f(`/api/connectors/${encodeURIComponent(e)}/test`),{method:`POST`}),`Connector test failed.`)}async function We(){return Q(await p(f(`/api/connectors/composio/connections`)),`Could not load Composio connections.`).connections}async function Ge(e,t){return Q(await p(f(`/api/connectors/composio/connections/${encodeURIComponent(e)}`),{method:`PATCH`,body:JSON.stringify(t)}),`Could not update Composio connection.`).connection}async function Ke(e){return Q(await p(f(`/api/connectors/composio/${encodeURIComponent(e)}/health`)),`Could not check Composio connector health.`).health}async function qe(e){await p(f(`/api/connectors/composio/connections/${encodeURIComponent(e)}/refresh`),{method:`POST`})}async function Je(e){await p(f(`/api/connectors/composio/connections/${encodeURIComponent(e)}`),{method:`DELETE`})}async function Ye(e){return Q(await p(f(`/api/connectors/composio/${encodeURIComponent(e)}/scope`)),`Could not load Composio scope.`).scope}async function Xe(e,t){let n=await p(f(`/api/connectors/composio/${encodeURIComponent(e)}/scope`),{method:`POST`,body:JSON.stringify({scope:t})});return I(),Q(n,`Could not update Composio scope.`).scope}async function Ze(e){return Q(await p(f(`/api/connectors/composio/${encodeURIComponent(e)}/policy`)),`Could not load Composio policy.`)}async function Qe(e,t){return Q(await p(f(`/api/connectors/composio/${encodeURIComponent(e)}/policy`),{method:`PATCH`,body:JSON.stringify(t)}),`Could not update Composio policy.`).policy}async function $e(e){return Q(await p(f(`/api/connectors/composio/${encodeURIComponent(e)}/tools`)),`Could not load Composio tools.`).tools}async function et(e=50){return Q(await p(f(`/api/connectors/composio/triggers?limit=${encodeURIComponent(String(e))}`)),`Could not load Composio trigger events.`).events}async function tt(e){return Q(await p(f(`/api/connectors/${encodeURIComponent(e.connectorId)}/memory-sync`),{method:`POST`,body:JSON.stringify(e)}),`Could not sync connector data to memory.`)}async function nt(e){return Q(await p(f(`/api/connectors/${encodeURIComponent(e)}/memory-sync-profile`)),`Could not load memory sync settings.`).profile}async function rt(e,t){return Q(await p(f(`/api/connectors/${encodeURIComponent(e)}/memory-sync-profile`),{method:`PATCH`,body:JSON.stringify(t)}),`Could not save memory sync settings.`).profile}async function it(e){return Q(await p(f(`/api/connectors/${encodeURIComponent(e)}/memory-sync`),{method:`POST`,body:JSON.stringify({})}),`Could not sync connector data to memory.`)}async function at(e=``,t=100){return Q(await p(f(`/api/connectors/people?${new URLSearchParams({q:e,limit:String(t)}).toString()}`)),`Could not load the connected people graph.`)}async function ot(e=`pending`){return Q(await p(f(`/api/connectors/approvals?status=${encodeURIComponent(e)}`)),`Could not load connector approvals.`).approvals}async function st(e,t){return Q(await p(f(`/api/connectors/approvals/respond`),{method:`POST`,body:JSON.stringify({id:e,decision:t})}),`Could not update connector approval.`).approval}function ct(e,t){return Object.entries(t).reduce((e,[t,n])=>e.replaceAll(`{{${t}}}`,String(n)),e)}function lt(e,t){return t.connectorCapabilityLabels[e]??e}function ut(e,t){if(e.runtime.type===`mcp`)return ct(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 ct(t.connectorRuntimeGeneric,{runtime:e.runtime.type,id:n??e.runtime.type})}function dt(e,t){return e.auth.mode===`oauth`?t.connectorAuthOAuth:e.auth.mode===`apiKey`?t.connectorAuthApiKey:t.connectorAuthNone}function ft(e){return(e.setup.secrets??[]).filter(e=>e.required).length+(e.setup.config??[]).filter(e=>e.required).length}function pt(e){let t=(0,X.c)(12),{title:n,items:r}=e;if(r.length===0)return null;let i;t[0]===n?i=t[1]:(i=(0,Z.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(mt),t[2]=r,t[3]=a);let o;t[4]===r.length?o=t[5]:(o=r.length>16?(0,Z.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,Z.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,Z.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 mt(e){return(0,Z.jsxs)(`div`,{className:`border-b border-edge-subtle px-3 py-2 last:border-b-0`,children:[(0,Z.jsx)(`div`,{className:`break-words font-mono text-xs font-medium text-fg`,children:e.title}),e.description?(0,Z.jsx)(`p`,{className:`mt-1 line-clamp-2 text-xs leading-5 text-fg-muted`,children:e.description}):null]},e.id)}function ht({connector:e,installed:t,onClose:n,onInstall:r,t:i}){let[a,o]=(0,Y.useState)(!1),[c,l]=(0,Y.useState)(null),[u,d]=(0,Y.useState)(null),f=ft(e),p=e.capabilities.slice(0,8),h=Math.max(0,e.capabilities.length-p.length),g=[...(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}))],y=async()=>{o(!0),d(null);try{l(await Be(e))}catch(e){l(null),d(e instanceof Error?e.message:String(e))}finally{o(!1)}};return(0,Z.jsx)(j,{open:!0,onOpenChange:e=>{e||n()},children:(0,Z.jsxs)(N,{children:[(0,Z.jsx)(x,{className:`xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim`}),(0,Z.jsxs)(m,{className:s(`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,Z.jsxs)(`div`,{className:`flex shrink-0 items-start justify-between gap-3 border-b border-edge-subtle px-6 py-5`,children:[(0,Z.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[(0,Z.jsx)(xe,{connector:e,size:`lg`}),(0,Z.jsxs)(`div`,{className:`min-w-0`,children:[t?(0,Z.jsx)(`div`,{className:`mb-2 flex flex-wrap items-center gap-2`,children:(0,Z.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,Z.jsx)(fe,{className:`size-3`,"aria-hidden":!0}),i.connectedBadge]})}):null,(0,Z.jsx)(F,{className:`text-base font-semibold text-fg`,children:e.displayName}),(0,Z.jsx)(P,{className:`mt-1 line-clamp-3 text-sm leading-6 text-fg-muted`,children:e.description})]})]}),(0,Z.jsx)(J,{asChild:!0,children:(0,Z.jsxs)(`button`,{type:`button`,className:s(`rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg`,G.focusRingPanel),"aria-label":i.modalClose,children:[(0,Z.jsx)(v,{className:`size-5`,strokeWidth:1.75,"aria-hidden":!0}),(0,Z.jsx)(`span`,{className:`sr-only`,children:i.modalClose})]})})]}),(0,Z.jsxs)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-6 py-5`,children:[(0,Z.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:[(0,Z.jsxs)(`div`,{className:`rounded-lg border border-edge bg-surface-base p-3`,children:[(0,Z.jsxs)(`div`,{className:`flex items-center gap-2 text-xs font-medium text-fg-muted`,children:[(0,Z.jsx)(O,{className:`size-3.5`,"aria-hidden":!0}),i.detailTools]}),(0,Z.jsx)(`p`,{className:`mt-2 text-sm font-semibold text-fg`,children:c?ct(i.connectorPreviewToolsCount,{count:c.toolCount}):i.connectorPreviewUnknown})]}),(0,Z.jsxs)(`div`,{className:`rounded-lg border border-edge bg-surface-base p-3`,children:[(0,Z.jsxs)(`div`,{className:`flex items-center gap-2 text-xs font-medium text-fg-muted`,children:[(0,Z.jsx)(ue,{className:`size-3.5`,"aria-hidden":!0}),i.detailPermissions]}),(0,Z.jsx)(`p`,{className:`mt-2 text-sm font-semibold text-fg`,children:dt(e,i)})]}),(0,Z.jsxs)(`div`,{className:`rounded-lg border border-edge bg-surface-base p-3`,children:[(0,Z.jsxs)(`div`,{className:`flex items-center gap-2 text-xs font-medium text-fg-muted`,children:[(0,Z.jsx)(b,{className:`size-3.5`,"aria-hidden":!0}),i.connectorRequiredInputs]}),(0,Z.jsx)(`p`,{className:`mt-2 text-sm font-semibold text-fg`,children:ct(i.connectorRequiredInputsCount,{count:f})})]})]}),(0,Z.jsxs)(`div`,{className:`mt-5 grid gap-5 lg:grid-cols-[minmax(0,1fr)_18rem]`,children:[(0,Z.jsxs)(`div`,{className:`min-w-0 space-y-5`,children:[(0,Z.jsxs)(`section`,{children:[(0,Z.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:i.connectorCapabilitiesTitle}),(0,Z.jsxs)(`div`,{className:`mt-3 flex flex-wrap gap-1.5`,children:[p.map(e=>(0,Z.jsx)(`span`,{className:`rounded-md border border-edge bg-surface-base px-2 py-1 text-xs text-fg-muted`,children:lt(e,i)},e)),h>0?(0,Z.jsxs)(`span`,{className:`rounded-md border border-edge bg-surface-base px-2 py-1 text-xs text-fg-subtle`,children:[`+`,h]}):null]})]}),u?(0,Z.jsx)(`p`,{className:`rounded-lg bg-red-500/10 px-3 py-2 text-sm text-red-600`,children:u}):null,c?(0,Z.jsxs)(`section`,{children:[(0,Z.jsxs)(`div`,{className:`mb-3 flex flex-wrap items-center justify-between gap-2`,children:[(0,Z.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:i.connectorPreviewTitle}),(0,Z.jsx)(`span`,{className:s(`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,Z.jsxs)(`div`,{className:`mb-3 grid gap-2 text-xs sm:grid-cols-3`,children:[(0,Z.jsxs)(`div`,{className:`rounded-lg border border-edge bg-surface-base px-3 py-2`,children:[(0,Z.jsx)(`div`,{className:`font-semibold text-fg`,children:c.toolCount}),(0,Z.jsx)(`div`,{className:`text-fg-muted`,children:i.toolsMetric})]}),(0,Z.jsxs)(`div`,{className:`rounded-lg border border-edge bg-surface-base px-3 py-2`,children:[(0,Z.jsx)(`div`,{className:`font-semibold text-fg`,children:c.resourceCount}),(0,Z.jsx)(`div`,{className:`text-fg-muted`,children:i.resourcesMetric})]}),(0,Z.jsxs)(`div`,{className:`rounded-lg border border-edge bg-surface-base px-3 py-2`,children:[(0,Z.jsx)(`div`,{className:`font-semibold text-fg`,children:c.promptCount}),(0,Z.jsx)(`div`,{className:`text-fg-muted`,children:i.promptsMetric})]})]}),(0,Z.jsxs)(`div`,{className:`grid gap-2`,children:[(0,Z.jsx)(pt,{title:i.detailTools,items:c.tools.map(e=>({id:e.name,title:e.shortName??e.name,description:e.description}))}),(0,Z.jsx)(pt,{title:i.detailResources,items:c.resources.map(e=>({id:e.uri,title:e.title??e.name??e.uri,description:e.description??e.uri}))}),(0,Z.jsx)(pt,{title:i.detailPrompts,items:c.prompts.map(e=>({id:e.name,title:e.title??e.name,description:e.description??ct(i.promptArgumentCount,{count:e.argumentCount})}))})]}),c.error?(0,Z.jsx)(`p`,{className:`mt-3 text-xs leading-5 text-fg-subtle`,children:c.error}):null,c.action?(0,Z.jsx)(`p`,{className:`mt-2 text-xs leading-5 text-fg-subtle`,children:c.action}):null]}):null]}),(0,Z.jsxs)(`aside`,{className:`space-y-3`,children:[(0,Z.jsxs)(`section`,{className:`rounded-lg border border-edge bg-surface-base p-3`,children:[(0,Z.jsxs)(`h3`,{className:`flex items-center gap-2 text-sm font-semibold text-fg`,children:[(0,Z.jsx)(ue,{className:`size-4 text-accent`,"aria-hidden":!0}),i.detailPermissions]}),(0,Z.jsx)(`p`,{className:`mt-2 text-sm font-medium text-fg`,children:dt(e,i)})]}),(0,Z.jsxs)(`section`,{className:`rounded-lg border border-edge bg-surface-base p-3`,children:[(0,Z.jsxs)(`h3`,{className:`flex items-center gap-2 text-sm font-semibold text-fg`,children:[(0,Z.jsx)(b,{className:`size-4 text-accent`,"aria-hidden":!0}),i.connectorSetupTitle]}),g.length>0?(0,Z.jsx)(`div`,{className:`mt-3 divide-y divide-edge overflow-hidden rounded-lg border border-edge`,children:g.map(e=>(0,Z.jsxs)(`div`,{className:`bg-surface-panel px-3 py-2.5`,children:[(0,Z.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,Z.jsx)(`span`,{className:`text-sm font-medium text-fg`,children:e.label}),(0,Z.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,Z.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,Z.jsx)(`p`,{className:`mt-1 text-xs leading-5 text-fg-muted`,children:e.description}):null]},e.key))}):(0,Z.jsx)(`p`,{className:`mt-2 text-sm leading-6 text-fg-muted`,children:i.connectorSetupNone})]}),(0,Z.jsxs)(`section`,{className:`rounded-lg border border-edge bg-surface-base p-3`,children:[(0,Z.jsxs)(`h3`,{className:`flex items-center gap-2 text-sm font-semibold text-fg`,children:[(0,Z.jsx)(ne,{className:`size-4 text-accent`,"aria-hidden":!0}),i.connectorRuntimeTitle]}),(0,Z.jsx)(`p`,{className:`mt-2 break-words text-xs leading-5 text-fg-muted`,children:ut(e,i)})]})]})]})]}),(0,Z.jsxs)(`div`,{className:`flex shrink-0 flex-wrap justify-end gap-2 border-t border-edge-subtle px-6 py-4`,children:[(0,Z.jsx)(J,{asChild:!0,children:(0,Z.jsx)(q,{variant:`secondary`,children:i.modalClose})}),(0,Z.jsxs)(q,{variant:`secondary`,disabled:a,onClick:()=>void y(),children:[a?(0,Z.jsx)(w,{className:`size-4 animate-spin`}):(0,Z.jsx)(O,{className:`size-4`}),i.connectorPreviewButton]}),t?(0,Z.jsxs)(q,{variant:`secondary`,disabled:!0,children:[(0,Z.jsx)(_,{className:`size-4`}),i.connectedBadge]}):(0,Z.jsxs)(q,{variant:`primary`,onClick:()=>{r(e),n()},children:[(0,Z.jsx)(S,{className:`size-4`}),i.connect]})]})]})]})})}var gt=s(`w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg`,`placeholder:text-fg-subtle`,g);function _t(e){let t=(0,X.c)(58),{open:n,sessionIdleTtlMinutes:r,saving:i,onChange:a,onSave:o,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,Z.jsx)(x,{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=s(`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,Z.jsx)(`span`,{className:`flex size-10 shrink-0 items-center justify-center rounded-xl bg-accent-soft text-accent-fg`,children:(0,Z.jsx)(M,{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,Z.jsx)(F,{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,Z.jsx)(P,{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,Z.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[h,(0,Z.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=s(`rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg`,G.focusRingPanel),t[12]=b):b=t[12];let S;t[13]===Symbol.for(`react.memo_cache_sentinel`)?(S=(0,Z.jsx)(v,{className:`size-5`,strokeWidth:1.75,"aria-hidden":!0}),t[13]=S):S=t[13];let C;t[14]===l.modalClose?C=t[15]:(C=(0,Z.jsx)(J,{asChild:!0,children:(0,Z.jsx)(`button`,{type:`button`,className:b,"aria-label":l.modalClose,children:S})}),t[14]=l.modalClose,t[15]=C);let T;t[16]!==C||t[17]!==y?(T=(0,Z.jsxs)(`div`,{className:`flex shrink-0 items-start justify-between gap-3 border-b border-edge-subtle px-6 py-5`,children:[y,C]}),t[16]=C,t[17]=y,t[18]=T):T=t[18];let E;t[19]===u.idleTtlLabel?E=t[20]:(E=(0,Z.jsx)(`span`,{className:`text-sm font-medium text-fg`,children:u.idleTtlLabel}),t[19]=u.idleTtlLabel,t[20]=E);let D;t[21]===Symbol.for(`react.memo_cache_sentinel`)?(D=s(gt,`w-40 flex-none`),t[21]=D):D=t[21];let O=r??``,k;t[22]===a?k=t[23]:(k=e=>{let t=e.currentTarget.value.trim();a(t===``?void 0:Number.parseInt(t,10))},t[22]=a,t[23]=k);let A;t[24]!==u.idleTtlPlaceholder||t[25]!==O||t[26]!==k?(A=(0,Z.jsx)(`input`,{type:`number`,min:0,className:D,value:O,placeholder:u.idleTtlPlaceholder,onChange:k}),t[24]=u.idleTtlPlaceholder,t[25]=O,t[26]=k,t[27]=A):A=t[27];let I;t[28]===u.idleTtlHint?I=t[29]:(I=(0,Z.jsx)(`span`,{className:`text-xs text-fg-subtle`,children:u.idleTtlHint}),t[28]=u.idleTtlHint,t[29]=I);let L;t[30]!==E||t[31]!==A||t[32]!==I?(L=(0,Z.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-6 py-5`,children:(0,Z.jsxs)(`label`,{className:`flex max-w-xl flex-col gap-1.5`,children:[E,A,I]})}),t[30]=E,t[31]=A,t[32]=I,t[33]=L):L=t[33];let R;t[34]!==c||t[35]!==i||t[36]!==l.modalCancel?(R=(0,Z.jsx)(q,{type:`button`,variant:`secondary`,disabled:i,onClick:c,children:l.modalCancel}),t[34]=c,t[35]=i,t[36]=l.modalCancel,t[37]=R):R=t[37];let z;t[38]===o?z=t[39]:(z=()=>void o(),t[38]=o,t[39]=z);let B;t[40]===i?B=t[41]:(B=i?(0,Z.jsx)(w,{className:`size-4 animate-spin`,"aria-hidden":!0}):null,t[40]=i,t[41]=B);let ee;t[42]!==u.save||t[43]!==i||t[44]!==z||t[45]!==B?(ee=(0,Z.jsxs)(q,{type:`button`,variant:`primary`,disabled:i,onClick:z,children:[B,u.save]}),t[42]=u.save,t[43]=i,t[44]=z,t[45]=B,t[46]=ee):ee=t[46];let V;t[47]!==R||t[48]!==ee?(V=(0,Z.jsxs)(`div`,{className:`flex shrink-0 justify-end gap-2 border-t border-edge-subtle px-6 py-4`,children:[R,ee]}),t[47]=R,t[48]=ee,t[49]=V):V=t[49];let H;t[50]!==T||t[51]!==L||t[52]!==V?(H=(0,Z.jsxs)(N,{children:[f,(0,Z.jsxs)(m,{className:p,children:[T,L,V]})]}),t[50]=T,t[51]=L,t[52]=V,t[53]=H):H=t[53];let U;return t[54]!==n||t[55]!==d||t[56]!==H?(U=(0,Z.jsx)(j,{open:n,onOpenChange:d,children:H}),t[54]=n,t[55]=d,t[56]=H,t[57]=U):U=t[57],U}var vt=(0,Y.memo)(function(e){let t=(0,X.c)(12),{value:n,onChange:r,placeholder:i,className:a}=e,o;t[0]===a?o=t[1]:(o=s(`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`,a),t[0]=a,t[1]=o);let c;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(c=(0,Z.jsx)(_e,{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,Z.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]!==o||t[10]!==u?(d=(0,Z.jsxs)(`label`,{className:o,children:[c,u]}),t[9]=o,t[10]=u,t[11]=d):d=t[11],d}),yt=(0,Y.memo)(function(e){let t=(0,X.c)(30),{onBrowseCatalog:n,onAddCustomServer:r,onOpenRuntimeSettings:i,addLabel:a,browseLabel:o,customLabel:c,settingsLabel:l}=e,u;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(u=(0,Z.jsx)(he,{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,Z.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,Z.jsxs)(q,{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,Z.jsx)(K,{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,Z.jsx)(ve,{className:`size-3.5`,strokeWidth:1.75,"aria-hidden":!0}),t[8]=m):m=t[8];let h;t[9]===a?h=t[10]:(h=(0,Z.jsx)(U,{asChild:!0,children:(0,Z.jsxs)(q,{type:`button`,variant:`primary`,className:`shrink-0 gap-2`,children:[p,a,m]})}),t[9]=a,t[10]=h);let g;t[11]===Symbol.for(`react.memo_cache_sentinel`)?(g=s(`flex cursor-pointer items-center gap-2 rounded-lg px-3 py-2 text-sm text-fg outline-none data-[highlighted]:bg-surface-hover`,G.transition),t[11]=g):g=t[11];let _;t[12]===Symbol.for(`react.memo_cache_sentinel`)?(_=(0,Z.jsx)(me,{className:`size-4 text-fg-muted`,strokeWidth:1.75,"aria-hidden":!0}),t[12]=_):_=t[12];let v;t[13]!==o||t[14]!==n?(v=(0,Z.jsxs)(ae,{className:g,onSelect:n,children:[_,o]}),t[13]=o,t[14]=n,t[15]=v):v=t[15];let y;t[16]===Symbol.for(`react.memo_cache_sentinel`)?(y=s(`flex cursor-pointer items-center gap-2 rounded-lg px-3 py-2 text-sm text-fg outline-none data-[highlighted]:bg-surface-hover`,G.transition),t[16]=y):y=t[16];let b;t[17]===Symbol.for(`react.memo_cache_sentinel`)?(b=(0,Z.jsx)(O,{className:`size-4 text-fg-muted`,strokeWidth:1.75,"aria-hidden":!0}),t[17]=b):b=t[17];let x;t[18]!==c||t[19]!==r?(x=(0,Z.jsxs)(ae,{className:y,onSelect:r,children:[b,c]}),t[18]=c,t[19]=r,t[20]=x):x=t[20];let S;t[21]!==x||t[22]!==v?(S=(0,Z.jsx)(V,{children:(0,Z.jsxs)(oe,{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:[v,x]})}),t[21]=x,t[22]=v,t[23]=S):S=t[23];let C;t[24]!==S||t[25]!==h?(C=(0,Z.jsxs)(ye,{children:[h,S]}),t[24]=S,t[25]=h,t[26]=C):C=t[26];let w;return t[27]!==C||t[28]!==f?(w=(0,Z.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-wrap items-center justify-end gap-2`,children:[f,C]}),t[27]=C,t[28]=f,t[29]=w):w=t[29],w}),bt=/^([^:=]+)[:=](.*)$/;function xt(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=bt.exec(t);r&&n.push({key:r[1].trim(),value:r[2].trim()})}return n.length>0?n:null}function St(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 Ct(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 wt(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 Tt(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)||wt(t)&&(r[e]=t);return r}function Et(e){let t=e.trim();if(t)return t.split(/\s+/).filter(Boolean)}function Dt(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 Ot(e){if(e.transport===`stdio`){let t={command:e.command.trim()},n=Et(e.argsText);return n?.length&&(t.args=n),e.cwd.trim()&&(t.cwd=e.cwd.trim()),e.envJson.trim()&&(t.env=Dt(e.envJson)),e.connectionTimeoutMs!=null&&Number.isFinite(e.connectionTimeoutMs)&&(t.connectionTimeoutMs=e.connectionTimeoutMs),t}let t={url:e.url.trim(),transport:e.transport},n=St(e.headers);return n&&(t.headers=n),e.connectionTimeoutMs!=null&&Number.isFinite(e.connectionTimeoutMs)&&(t.connectionTimeoutMs=e.connectionTimeoutMs),t}function kt(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:Ct(a),connectionTimeoutMs:typeof t.connectionTimeoutMs==`number`&&Number.isFinite(t.connectionTimeoutMs)?t.connectionTimeoutMs:void 0}}function At(e=``){return{clientKey:crypto.randomUUID(),id:e,transport:`stdio`,command:``,argsText:``,envJson:``,cwd:``,url:``,headers:[{key:`Authorization`,value:``}],connectionTimeoutMs:void 0}}function jt(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)||wt(t)?[]:[kt(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 Mt(e){return Ot(e)}async function Nt(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]=Ot(r)}}let r={servers:{...t,...n}};e.sessionIdleTtlMinutes!=null&&Number.isFinite(e.sessionIdleTtlMinutes)&&(r.sessionIdleTtlMs=e.sessionIdleTtlMinutes===0?0:Math.round(e.sessionIdleTtlMinutes*6e4)),await p(f(`/api/config`),{method:`PATCH`,body:JSON.stringify({mcp:r})}),I()}function Pt(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 Ft(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 It(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 Lt(e,t){let n=await p(f(`/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=Pt(n.payload.tools),i=Ft(n.payload.resources),a=It(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 Rt(e){return e.connectionTimeoutMs==null||!Number.isFinite(e.connectionTimeoutMs)?``:String(Math.round(e.connectionTimeoutMs/1e3))}function zt(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 Bt(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 Vt({row:e,t,cs:n,onEdit:r,onRemove:i}){let[a,o]=(0,Y.useState)(!1),[s,c]=(0,Y.useState)(!1),[l,u]=(0,Y.useState)(null),[d,f]=(0,Y.useState)(null),p=Bt(e),m=(0,Y.useCallback)(async()=>{o(!0),f(null);try{let t=await Lt(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]),g=(0,Y.useCallback)(async()=>{c(!0),f(null);try{await i()}catch(e){f(e instanceof Error?e.message:String(e)),c(!1)}},[i]);return(0,Z.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,Z.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,Z.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,Z.jsx)(`h3`,{className:`truncate text-sm font-semibold text-fg`,children:e.id.trim()||t.cardUntitled}),(0,Z.jsx)(`span`,{className:`rounded-full bg-surface-base px-2 py-0.5 text-[11px] text-fg-muted`,children:n.customBadge}),(0,Z.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,Z.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,Z.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,Z.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,Z.jsxs)(`div`,{className:`mt-4 flex items-center justify-between gap-2 border-t border-edge pt-3`,onClick:e=>e.stopPropagation(),children:[(0,Z.jsx)(`span`,{className:`text-xs text-fg-subtle`,children:n.connectorDetails}),(0,Z.jsxs)(`div`,{className:`flex gap-2`,children:[(0,Z.jsxs)(q,{variant:`secondary`,disabled:a,onClick:()=>void m(),children:[a?(0,Z.jsx)(w,{className:`size-4 animate-spin`}):(0,Z.jsx)(_,{className:`size-4`}),t.testConnection]}),(0,Z.jsxs)(q,{variant:`ghost`,disabled:s,onClick:()=>void g(),children:[s?(0,Z.jsx)(w,{className:`size-4 animate-spin`}):(0,Z.jsx)(h,{className:`size-4`}),t.removeServer]})]})]})]})}function Ht(e,t){return e?t&&e.startsWith(t)?e.slice(t.length):e:``}function Ut(e,t,n){let r=t.trim().toLowerCase();if(!r)return!0;let i=e.shortName||Ht(e.name,n);return[e.name,i,e.description].filter(Boolean).join(`
+`).toLowerCase().includes(r)}function Wt(e,t){return e?t&&e.startsWith(t)?e.slice(t.length):e:``}function Gt(e){let t=(0,X.c)(29),{tools:n,stripPrefix:r,searchPlaceholder:i,searchEmptyLabel:a}=e,[o,c]=(0,Y.useState)(``),l;if(t[0]!==o||t[1]!==r||t[2]!==n){let e;t[4]!==o||t[5]!==r?(e=e=>Ut(e,o,r),t[4]=o,t[5]=r,t[6]=e):e=t[6],l=n.filter(e),t[0]=o,t[1]=r,t[2]=n,t[3]=l}else l=t[3];let u=l,d;t[7]===o?d=t[8]:(d=o.trim(),t[7]=o,t[8]=d);let f=d.length>0,p;t[9]===Symbol.for(`react.memo_cache_sentinel`)?(p=(0,Z.jsx)(_e,{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=s(`w-full rounded-lg border border-edge bg-surface-panel py-2 pl-9 pr-3 text-sm text-fg`,`placeholder:text-fg-subtle`,g),h=e=>c(e.target.value),t[10]=m,t[11]=h):(m=t[10],h=t[11]);let _;t[12]!==o||t[13]!==i?(_=(0,Z.jsxs)(`div`,{className:`relative`,children:[p,(0,Z.jsx)(`input`,{type:`search`,value:o,placeholder:i,"aria-label":i,className:m,onChange:h})]}),t[12]=o,t[13]=i,t[14]=_):_=t[14];let v;t[15]!==u.length||t[16]!==f||t[17]!==n.length?(v=f?(0,Z.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]=v):v=t[18];let y;t[19]!==_||t[20]!==v?(y=(0,Z.jsxs)(`div`,{className:`border-b border-edge px-5 py-3`,children:[_,v]}),t[19]=_,t[20]=v,t[21]=y):y=t[21];let b;t[22]!==u||t[23]!==a||t[24]!==r?(b=(0,Z.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-5 py-4`,children:u.length===0?(0,Z.jsx)(`p`,{className:`text-sm text-fg-muted`,children:a}):(0,Z.jsx)(`ul`,{className:`flex flex-col gap-2`,children:u.map((e,t)=>{let n=e.shortName||Wt(e.name,r)||e.name||`?`,i=e.name||`tool-${t}`;return(0,Z.jsxs)(`li`,{className:`min-w-0 rounded-lg border border-edge bg-surface-base px-3 py-2.5`,children:[(0,Z.jsx)(`div`,{className:`truncate font-mono text-sm font-medium text-fg`,title:e.name===n?n:e.name,children:n}),e.description?(0,Z.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]=a,t[24]=r,t[25]=b):b=t[25];let x;return t[26]!==y||t[27]!==b?(x=(0,Z.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col`,children:[y,b]}),t[26]=y,t[27]=b,t[28]=x):x=t[28],x}function Kt(e){let t=(0,X.c)(38),{open:n,onOpenChange:r,serverId:i,title:a,subtitle:o,searchPlaceholder:c,searchEmptyLabel:l,emptyLabel:u,closeLabel:d,tools:f,stripPrefix:p}=e,h;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(h=(0,Z.jsx)(x,{className:s(`xopc-dialog-overlay fixed inset-0 bg-scrim backdrop-blur-[1px]`,de)}),t[0]=h):h=t[0];let g;t[1]===Symbol.for(`react.memo_cache_sentinel`)?(g=s(`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`,H,`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,Z.jsx)(O,{className:`size-4 shrink-0 text-accent`,"aria-hidden":!0}),t[2]=_):_=t[2];let y;t[3]===a?y=t[4]:(y=(0,Z.jsxs)(F,{className:`flex items-center gap-2 text-base font-semibold text-fg`,children:[_,a]}),t[3]=a,t[4]=y);let b;t[5]!==i||t[6]!==o||t[7]!==f.length?(b=o.replace(`{{serverId}}`,i).replace(`{{count}}`,String(f.length)),t[5]=i,t[6]=o,t[7]=f.length,t[8]=b):b=t[8];let S;t[9]===b?S=t[10]:(S=(0,Z.jsx)(P,{className:`mt-1 text-sm text-fg-muted`,children:b}),t[9]=b,t[10]=S);let C;t[11]!==y||t[12]!==S?(C=(0,Z.jsxs)(`div`,{className:`min-w-0`,children:[y,S]}),t[11]=y,t[12]=S,t[13]=C):C=t[13];let w;t[14]===Symbol.for(`react.memo_cache_sentinel`)?(w=(0,Z.jsx)(v,{className:`size-4`,"aria-hidden":!0}),t[14]=w):w=t[14];let T;t[15]===d?T=t[16]:(T=(0,Z.jsx)(J,{asChild:!0,children:(0,Z.jsx)(q,{type:`button`,variant:`ghost`,className:`size-8 shrink-0 px-0`,"aria-label":d,children:w})}),t[15]=d,t[16]=T);let E;t[17]!==C||t[18]!==T?(E=(0,Z.jsxs)(`div`,{className:`flex items-start justify-between gap-3 border-b border-edge px-5 py-4`,children:[C,T]}),t[17]=C,t[18]=T,t[19]=E):E=t[19];let D;t[20]!==u||t[21]!==n||t[22]!==l||t[23]!==c||t[24]!==i||t[25]!==p||t[26]!==f?(D=f.length>0?(0,Z.jsx)(`div`,{className:`flex min-h-0 flex-1 flex-col`,children:(0,Z.jsx)(Gt,{tools:f,stripPrefix:p,searchPlaceholder:c,searchEmptyLabel:l},`${i}-${n?`open`:`closed`}`)}):(0,Z.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-5 py-4`,children:(0,Z.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]=D):D=t[27];let k;t[28]===d?k=t[29]:(k=(0,Z.jsx)(`div`,{className:`flex justify-end border-t border-edge px-5 py-3`,children:(0,Z.jsx)(J,{asChild:!0,children:(0,Z.jsx)(q,{type:`button`,variant:`secondary`,children:d})})}),t[28]=d,t[29]=k);let A;t[30]!==E||t[31]!==D||t[32]!==k?(A=(0,Z.jsxs)(N,{children:[h,(0,Z.jsxs)(m,{className:g,children:[E,D,k]})]}),t[30]=E,t[31]=D,t[32]=k,t[33]=A):A=t[33];let M;return t[34]!==r||t[35]!==n||t[36]!==A?(M=(0,Z.jsx)(j,{open:n,onOpenChange:r,children:A}),t[34]=r,t[35]=n,t[36]=A,t[37]=M):M=t[37],M}var qt=s(`w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg`,`placeholder:text-fg-subtle`,g);function Jt(e){return e.materialized.type===`composio`?e.materialized.toolkit:null}function Yt(e,t){return e===`write`?t.composioScopeWrite:e===`admin`?t.composioScopeAdmin:t.composioScopeRead}function Xt(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 Zt({instance:e,t,onChanged:n}){let r=Jt(e),[i,o]=(0,Y.useState)([]),[c,l]=(0,Y.useState)([]),[u,d]=(0,Y.useState)([]),[f,p]=(0,Y.useState)([]),[m,g]=(0,Y.useState)(null),[_,y]=(0,Y.useState)([]),[x,S]=(0,Y.useState)(``),[C,T]=(0,Y.useState)(`{}`),[E,D]=(0,Y.useState)(null),[O,k]=(0,Y.useState)(!1),[A,j]=(0,Y.useState)(!0),[M,N]=(0,Y.useState)(`15`),[P,F]=(0,Y.useState)(null),[I,L]=(0,Y.useState)(`read`),[z,B]=(0,Y.useState)(!1),[V,H]=(0,Y.useState)(null),U=(0,Y.useCallback)(async()=>{if(!(!r||e.materialized.type!==`composio`||e.materialized.role===`credential`)){B(!0),H(null);try{let[t,n,i,a,s,c,u,f]=await Promise.all([We().catch(()=>[]),$e(r).catch(()=>[]),et(20).catch(()=>[]),Ye(r).catch(()=>`read`),ot().catch(()=>[]),Ze(r).catch(()=>null),Ke(r).catch(()=>null),nt(e.connectorId).catch(()=>null)]);o(t.filter(e=>e.toolkit.toLowerCase()===r.toLowerCase())),l(n),d(i.filter(e=>!e.toolkit||e.toolkit.toLowerCase()===r.toLowerCase())),L(a),p(s.filter(t=>t.connectorId===e.connectorId)),g(c?.policy??null),y(c?.agents??[]),S(f?.actionId??n.find(e=>e.scope===`read`&&e.curated)?.slug??``),T(f?JSON.stringify(f.arguments):`{}`),k(f?.enabled??!1),j(f?.triggerSync??!0),N(String(f?.intervalMinutes??15)),F(u)}catch(e){H(e instanceof Error?e.message:String(e))}finally{B(!1)}}},[e.connectorId,e.materialized,r]);(0,Y.useEffect)(()=>{U()},[U]);let te=(0,Y.useCallback)(async()=>{if(r){B(!0),H(null);try{let t=await Ie(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){H(e instanceof Error?e.message:String(e))}finally{B(!1)}}},[e.connectorId,r]),ne=(0,Y.useCallback)(async e=>{if(r){L(e);try{await Xe(r,e),await U()}catch(e){H(e instanceof Error?e.message:String(e))}}},[U,r]),re=(0,Y.useCallback)(async(e,t)=>{B(!0),H(null);try{await st(e,t),await U()}catch(e){H(e instanceof Error?e.message:String(e))}finally{B(!1)}},[U]),ie=(0,Y.useCallback)(async e=>{if(r){H(null);try{g(await Qe(r,e))}catch(e){H(e instanceof Error?e.message:String(e))}}},[e.connectorId,r]),ae=(0,Y.useCallback)(e=>{m&&ie({allowedAgentIds:m.allowedAgentIds.includes(e)?m.allowedAgentIds.filter(t=>t!==e):[...m.allowedAgentIds,e]})},[ie,m]),oe=(0,Y.useCallback)(async e=>{B(!0),H(null);try{await e(),await U()}catch(e){H(e instanceof Error?e.message:String(e))}finally{B(!1)}},[U]),se=(0,Y.useCallback)(async()=>{if(!(!r||!x)){B(!0),H(null),D(null);try{let r=JSON.parse(C);if(!r||typeof r!=`object`||Array.isArray(r))throw Error(t.composioMemoryArgumentsObject);let a=m?.allowedAgentIds[0]??_[0]?.id;if(!a)throw Error(t.composioMemoryAgentMissing);D((await tt({connectorId:e.connectorId,actionId:x,agentId:a,connectionId:i.find(e=>e.isDefault)?.id,arguments:r})).recordId),await n?.()}catch(e){H(e instanceof Error?e.message:String(e))}finally{B(!1)}}},[_,i,e.connectorId,x,C,n,m,t,r]),ce=(0,Y.useCallback)(async()=>{if(!(!r||!x)){B(!0),H(null);try{let r=JSON.parse(C);if(!r||typeof r!=`object`||Array.isArray(r))throw Error(t.composioMemoryArgumentsObject);let a=m?.allowedAgentIds[0]??_[0]?.id;if(!a)throw Error(t.composioMemoryAgentMissing);let o=await rt(e.connectorId,{enabled:O,actionId:x,arguments:r,agentId:a,connectionId:i.find(e=>e.isDefault)?.id,intervalMinutes:Number(M),triggerSync:A});N(String(o.intervalMinutes)),await n?.()}catch(e){H(e instanceof Error?e.message:String(e))}finally{B(!1)}}},[_,i,e.connectorId,x,C,O,M,A,n,m,t,r]);return r?e.materialized.type===`composio`&&e.materialized.role===`credential`?(0,Z.jsx)(`p`,{className:`mt-3 text-sm text-fg-muted`,children:t.composioApiKeyStored}):(0,Z.jsxs)(`div`,{className:`mt-4 rounded-xl border border-edge bg-surface-base p-3 text-sm`,children:[(0,Z.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[(0,Z.jsxs)(`div`,{children:[(0,Z.jsx)(`p`,{className:`font-medium text-fg`,children:$(t.composioToolkitTitle,{toolkit:r})}),(0,Z.jsx)(`p`,{className:`text-xs text-fg-subtle`,children:t.composioScopeHint})]}),(0,Z.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,Z.jsxs)(q,{variant:`secondary`,disabled:z,onClick:()=>void te(),children:[z?(0,Z.jsx)(w,{className:`size-4 animate-spin`}):(0,Z.jsx)(ue,{className:`size-4`}),t.connectOAuth]}),(0,Z.jsx)(q,{variant:`ghost`,disabled:z,onClick:()=>void U(),children:t.refresh})]})]}),V?(0,Z.jsx)(`p`,{className:`mt-3 rounded-xl bg-red-500/10 px-3 py-2 text-sm text-red-600`,children:V}):null,P?(0,Z.jsxs)(`div`,{className:s(`mt-3 flex flex-wrap items-center justify-between gap-2 rounded-lg border px-3 py-2 text-xs`,P.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,Z.jsx)(`span`,{children:P.status===`connected`?$(t.composioHealthConnected,{count:String(P.activeConnections)}):P.status===`reauthorization_required`?t.composioHealthReconnect:P.status===`degraded`?Xt(P,t):t.composioHealthDisconnected}),P.recovery===`none`?null:(0,Z.jsx)(q,{variant:`ghost`,disabled:z,onClick:()=>void(P.recovery===`retry`?U():te()),children:P.recovery===`retry`?t.composioRetry:t.connectOAuth}),P.status===`degraded`&&P.message?(0,Z.jsx)(`p`,{className:`basis-full break-words text-[11px] opacity-80`,children:P.message}):null]}):null,m?(0,Z.jsxs)(`div`,{className:`mt-4 grid gap-3 rounded-lg border border-edge bg-surface-panel p-3 md:grid-cols-3`,children:[(0,Z.jsxs)(`label`,{className:`text-xs font-medium text-fg-subtle`,children:[t.composioAccessTitle,(0,Z.jsxs)(ge,{className:s(qt,`mt-1 h-9 py-1`),value:I,onChange:e=>void ne(e.currentTarget.value),children:[(0,Z.jsx)(W,{value:`read`,children:t.composioAccessReadOnly}),(0,Z.jsx)(W,{value:`write`,children:t.composioAccessReadWrite}),I===`admin`?(0,Z.jsx)(W,{value:`admin`,children:t.composioAccessAdminCurrent}):null]}),(0,Z.jsx)(`span`,{className:`mt-1 block font-normal leading-4 text-fg-muted`,children:I===`read`?t.composioAccessReadHint:I===`admin`?t.composioAccessAdminHint:t.composioAccessWriteHint})]}),(0,Z.jsxs)(`label`,{className:`text-xs font-medium text-fg-subtle`,children:[t.composioConfirmationPolicy,(0,Z.jsxs)(ge,{className:s(qt,`mt-1 h-9 py-1`),value:m.confirmationPolicy,onChange:e=>void ie({confirmationPolicy:e.currentTarget.value}),children:[(0,Z.jsx)(W,{value:`writes`,children:t.composioConfirmWrites}),(0,Z.jsx)(W,{value:`always`,children:t.composioConfirmAlways}),m.confirmationPolicy===`never`?(0,Z.jsx)(W,{value:`never`,children:t.composioConfirmNever}):null]})]}),(0,Z.jsxs)(`div`,{children:[(0,Z.jsx)(`p`,{className:`text-xs font-medium text-fg-subtle`,children:t.composioAllowedAgents}),(0,Z.jsx)(`p`,{className:`mb-2 text-xs text-fg-muted`,children:m.allowedAgentIds.length?t.composioAllowedAgentsSelected:t.composioAllowedAgentsAll}),(0,Z.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:_.map(e=>(0,Z.jsx)(`button`,{type:`button`,className:s(`rounded-full border px-2.5 py-1 text-xs transition-colors`,m.allowedAgentIds.includes(e.id)?`border-accent bg-accent/10 text-accent`:`border-edge text-fg-muted hover:text-fg`),onClick:()=>ae(e.id),children:e.name},e.id))})]})]}):null,[`gmail`,`googlecalendar`,`googledrive`,`googledocs`,`googlesheets`,`notion`,`slack`,`github`,`linear`,`jira`,`outlook`,`microsoft_teams`,`one_drive`,`excel`].includes(r)&&c.some(e=>e.scope===`read`&&e.curated)?(0,Z.jsxs)(`div`,{className:`mt-4 rounded-lg border border-edge bg-surface-panel p-3`,children:[(0,Z.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,Z.jsx)(b,{className:`mt-0.5 size-4 text-accent`}),(0,Z.jsxs)(`div`,{children:[(0,Z.jsx)(`p`,{className:`text-sm font-medium text-fg`,children:t.composioMemorySync}),(0,Z.jsx)(`p`,{className:`text-xs text-fg-muted`,children:t.composioMemorySyncHint})]})]}),(0,Z.jsx)(`div`,{className:`mt-3 flex flex-wrap items-center gap-3`,children:(0,Z.jsxs)(q,{disabled:z||!x,onClick:()=>void se(),children:[z?(0,Z.jsx)(w,{className:`size-4 animate-spin`}):(0,Z.jsx)(b,{className:`size-4`}),t.composioSyncNow]})}),E?(0,Z.jsx)(`p`,{className:`mt-2 text-xs text-emerald-600`,children:t.composioMemorySyncedSimple}):null,(0,Z.jsxs)(`div`,{className:`mt-3 flex flex-wrap items-end gap-3 border-t border-edge-subtle pt-3`,children:[(0,Z.jsxs)(`label`,{className:`flex items-center gap-2 text-xs text-fg-muted`,children:[(0,Z.jsx)(`input`,{type:`checkbox`,checked:O,onChange:e=>k(e.currentTarget.checked)}),t.composioMemoryAutoSync]}),(0,Z.jsxs)(`label`,{className:`flex items-center gap-2 text-xs text-fg-muted`,children:[(0,Z.jsx)(`input`,{type:`checkbox`,checked:A,onChange:e=>j(e.currentTarget.checked)}),t.composioMemoryTriggerSync]}),(0,Z.jsxs)(q,{variant:`secondary`,disabled:z||!x,onClick:()=>void ce(),children:[z?(0,Z.jsx)(w,{className:`size-4 animate-spin`}):(0,Z.jsx)(b,{className:`size-4`}),t.composioMemorySaveSchedule]})]})]}):null,f.length?(0,Z.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,Z.jsx)(`p`,{className:`text-xs font-medium uppercase tracking-wide text-fg-subtle`,children:t.composioPendingApprovals}),f.map(e=>(0,Z.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,Z.jsxs)(`div`,{className:`min-w-0`,children:[(0,Z.jsx)(`p`,{className:`truncate font-mono text-xs font-medium text-fg`,children:e.actionId}),(0,Z.jsx)(`p`,{className:`mt-1 break-all font-mono text-xs text-fg-subtle`,children:JSON.stringify(e.argumentsPreview)}),(0,Z.jsx)(`p`,{className:`mt-1 text-xs text-fg-muted`,children:$(t.composioApprovalExpires,{time:new Date(e.expiresAt).toLocaleTimeString()})})]}),(0,Z.jsxs)(`div`,{className:`flex shrink-0 gap-2`,children:[(0,Z.jsxs)(q,{variant:`secondary`,disabled:z,onClick:()=>void re(e.id,`denied`),children:[(0,Z.jsx)(v,{className:`size-4`}),t.composioDeny]}),(0,Z.jsxs)(q,{disabled:z,onClick:()=>void re(e.id,`approved`),children:[(0,Z.jsx)(a,{className:`size-4`}),t.approve]})]})]},e.id))]}):null,(0,Z.jsx)(`div`,{className:`mt-4`,children:(0,Z.jsxs)(`div`,{children:[(0,Z.jsx)(`p`,{className:`mb-2 text-xs font-medium uppercase tracking-wide text-fg-subtle`,children:t.composioConnections}),i.length?i.map(e=>(0,Z.jsxs)(`div`,{className:`space-y-2 rounded-lg border border-edge bg-surface-panel p-2`,children:[(0,Z.jsxs)(`div`,{children:[(0,Z.jsx)(`p`,{className:`truncate font-mono text-xs text-fg`,children:e.accountEmail??e.username??e.workspace??e.providerConnectionId}),(0,Z.jsxs)(`p`,{className:`text-xs text-fg-subtle`,children:[e.status,e.isDefault?` · ${t.composioDefaultAccount}`:``]})]}),(0,Z.jsx)(`input`,{className:s(qt,`h-8 py-1 text-xs`),defaultValue:e.alias??``,placeholder:t.composioAccountAlias,onBlur:t=>{t.currentTarget.value!==(e.alias??``)&&oe(()=>Ge(e.id,{alias:t.currentTarget.value}))}}),(0,Z.jsxs)(`div`,{className:`flex gap-1`,children:[(0,Z.jsx)(q,{variant:`ghost`,className:`size-8 p-0`,title:t.composioMakeDefault,disabled:z||e.isDefault,onClick:()=>void oe(async()=>{await Ge(e.id,{isDefault:!0}),r&&await Qe(r,{selectedConnectionIds:[e.id]})}),children:(0,Z.jsx)(R,{className:s(`size-4`,e.isDefault&&`fill-current`)})}),(0,Z.jsx)(q,{variant:`ghost`,className:`size-8 p-0`,title:t.refresh,disabled:z,onClick:()=>void oe(()=>qe(e.id)),children:(0,Z.jsx)(ee,{className:`size-4`})}),(0,Z.jsx)(q,{variant:`ghost`,className:`size-8 p-0`,title:t.composioRevoke,disabled:z,onClick:()=>{window.confirm(t.composioRevokeConfirm)&&oe(()=>Je(e.id))},children:(0,Z.jsx)(h,{className:`size-4 text-red-500`})})]})]},e.id)):(0,Z.jsx)(`p`,{className:`text-xs text-fg-muted`,children:t.composioConnectionsEmpty})]})}),(0,Z.jsxs)(`details`,{className:`mt-4 rounded-lg border border-edge bg-surface-panel p-3`,children:[(0,Z.jsx)(`summary`,{className:`cursor-pointer text-xs font-medium text-fg-muted`,children:t.composioAdvancedSettings}),(0,Z.jsxs)(`div`,{className:`mt-4 grid gap-4 lg:grid-cols-2`,children:[(0,Z.jsxs)(`div`,{className:`space-y-3`,children:[(0,Z.jsxs)(`label`,{className:`block text-xs text-fg-subtle`,children:[t.composioAdvancedScope,(0,Z.jsxs)(ge,{className:s(qt,`mt-1 h-9 py-1`),value:I,onChange:e=>void ne(e.currentTarget.value),children:[(0,Z.jsx)(W,{value:`read`,children:t.composioScopeRead}),(0,Z.jsx)(W,{value:`write`,children:t.composioScopeWrite}),(0,Z.jsx)(W,{value:`admin`,children:t.composioScopeAdmin})]})]}),(0,Z.jsxs)(`label`,{className:`block text-xs text-fg-subtle`,children:[t.composioMemoryReadAction,(0,Z.jsx)(ge,{className:s(qt,`mt-1 h-9 py-1`),value:x,onChange:e=>S(e.currentTarget.value),children:c.filter(e=>e.scope===`read`&&e.curated).map(e=>(0,Z.jsx)(W,{value:e.slug,children:e.name??e.slug},e.slug))})]}),(0,Z.jsxs)(`label`,{className:`block text-xs text-fg-subtle`,children:[t.composioMemoryArguments,(0,Z.jsx)(`input`,{className:s(qt,`mt-1 h-9 py-1 font-mono text-xs`),value:C,onChange:e=>T(e.currentTarget.value)})]}),(0,Z.jsxs)(`label`,{className:`block text-xs text-fg-subtle`,children:[t.composioMemoryInterval,(0,Z.jsx)(`input`,{type:`number`,min:5,max:1440,className:s(qt,`mt-1 h-9 w-28 py-1`),value:M,onChange:e=>N(e.currentTarget.value)})]})]}),(0,Z.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[(0,Z.jsxs)(`div`,{children:[(0,Z.jsx)(`p`,{className:`mb-2 text-xs font-medium uppercase tracking-wide text-fg-subtle`,children:t.composioAgentTools}),c.length?c.slice(0,8).map(e=>(0,Z.jsxs)(`div`,{className:`rounded-lg border border-edge bg-surface-base p-2`,children:[(0,Z.jsx)(`p`,{className:`truncate font-mono text-xs text-fg`,children:e.slug}),(0,Z.jsxs)(`p`,{className:`text-xs text-fg-subtle`,children:[Yt(e.scope,t),e.curated?``:` ${t.composioUncuratedSuffix}`]})]},e.slug)):(0,Z.jsx)(`p`,{className:`text-xs text-fg-muted`,children:t.composioToolsEmpty})]}),(0,Z.jsxs)(`div`,{children:[(0,Z.jsx)(`p`,{className:`mb-2 text-xs font-medium uppercase tracking-wide text-fg-subtle`,children:t.composioRecentTriggers}),u.length?u.slice(0,5).map(e=>(0,Z.jsxs)(`div`,{className:`rounded-lg border border-edge bg-surface-base p-2`,children:[(0,Z.jsx)(`p`,{className:`truncate text-xs text-fg`,children:e.trigger??e.id}),(0,Z.jsx)(`p`,{className:`text-xs text-fg-subtle`,children:new Date(e.at).toLocaleString()})]},`${e.id}-${e.at}`)):(0,Z.jsx)(`p`,{className:`text-xs text-fg-muted`,children:t.composioTriggersEmpty})]})]})]})]})]}):null}var Qt=s(`w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg`,`placeholder:text-fg-subtle`,g);function $t(e,t){return e?t.healthStatusLabels[e]??e:t.healthNotTested}function en(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 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){let t=(0,X.c)(12),{title:n,description:r,meta:i}=e,a;t[0]===r?a=t[1]:(a=r?(0,Z.jsx)(C,{delayDuration:300,skipDelayDuration:100,children:(0,Z.jsxs)(T,{children:[(0,Z.jsx)(A,{asChild:!0,children:(0,Z.jsx)(`p`,{tabIndex:0,title:r,className:s(`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,Z.jsx)(y,{children:(0,Z.jsx)(k,{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,Z.jsx)(`span`,{className:`whitespace-pre-wrap break-words`,children:r})})})]})}):null,t[0]=r,t[1]=a);let o=a,c;t[2]===n?c=t[3]:(c=(0,Z.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,Z.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,Z.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]!==o||t[10]!==u?(d=(0,Z.jsxs)(`div`,{className:`rounded-lg border border-edge bg-surface-panel px-3 py-2.5`,children:[u,o]}),t[9]=o,t[10]=u,t[11]=d):d=t[11],d}function rn({instance:e,definition:t,onClose:n,onChanged:r,t:i,mcp:a}){let[o,c]=(0,Y.useState)(!1),[l,u]=(0,Y.useState)(!1),[d,f]=(0,Y.useState)(!1),[p,g]=(0,Y.useState)(!1),[y,S]=(0,Y.useState)(null),[C,T]=(0,Y.useState)(null),[E,D]=(0,Y.useState)(e.materialized.type===`mcp`?`health`:`permissions`),[k,A]=(0,Y.useState)(!1),[M,I]=(0,Y.useState)(()=>en(t,e)),[L,R]=(0,Y.useState)(null),z=t?.setup.config??[],B=(e.materialized.type===`mcp`||e.materialized.type===`memorySource`)&&z.length>0&&(t?.setup.secrets??[]).length===0,ee=C?C.toolCount:e.usage.lastToolCount,V=(0,Y.useMemo)(()=>{let t=e.materialized.type===`mcp`?[[`health`,ce,i.detailHealth],[`tools`,O,`${i.detailTools} ${C?C.toolCount:e.usage.lastToolCount??``}`],[`resources`,b,`${i.detailResources} ${C?C.resourceCount:e.usage.lastResourceCount??``}`],[`prompts`,le,`${i.detailPrompts} ${C?C.promptCount:e.usage.lastPromptCount??``}`],[`permissions`,ue,i.detailPermissions]]:[[`permissions`,ue,i.detailPermissions]];return B?[...t,[`config`,b,i.connectorConfigLabel]]:t},[C,e.materialized.type,e.usage.lastPromptCount,e.usage.lastResourceCount,e.usage.lastToolCount,B,i]),H=(0,Y.useCallback)(async()=>{c(!0),R(null);try{let t=await Ue(e.instanceId);T(t),t.toolCount>0&&D(`tools`),r()}catch(e){R(e instanceof Error?e.message:String(e))}finally{c(!1)}},[e.instanceId,r]),U=(0,Y.useCallback)(async()=>{u(!0),R(null);try{await He(e.instanceId),await r(),n()}catch(e){R(e instanceof Error?e.message:String(e)),u(!1)}},[e.instanceId,r,n]),te=(0,Y.useCallback)(async()=>{if(!(!t||!B)){f(!0),R(null);try{let n={};for(let e of t.setup.config??[]){let t=tn(e.type,M[e.key]??``);t!==void 0&&(n[e.key]=t)}await Ve(e.instanceId,{config:n}),await r(),D(`health`)}catch(e){R(e instanceof Error?e.message:String(e))}finally{f(!1)}}},[M,t,e.instanceId,r,B]),ne=(0,Y.useCallback)(async()=>{g(!0),S(null),R(null);try{S((await it(e.connectorId)).recordIds.length),await r()}catch(e){R(e instanceof Error?e.message:String(e))}finally{g(!1)}},[e.connectorId,r]);return(0,Z.jsxs)(j,{open:!0,onOpenChange:e=>{e||n()},children:[(0,Z.jsxs)(N,{children:[(0,Z.jsx)(x,{className:`xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim`}),(0,Z.jsxs)(m,{className:s(`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,Z.jsxs)(`div`,{className:`flex shrink-0 items-start justify-between gap-3 border-b border-edge-subtle px-6 py-5`,children:[(0,Z.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[(0,Z.jsx)(xe,{connector:t,size:`lg`}),(0,Z.jsxs)(`div`,{className:`min-w-0`,children:[(0,Z.jsx)(F,{className:`text-base font-semibold text-fg`,children:e.displayName}),(0,Z.jsx)(P,{className:`mt-1 text-sm text-fg-muted`,children:t?.description??(e.materialized.type===`mcp`?$(i.mcpServerRuntime,{serverId:e.materialized.serverId}):$(i.runtimeLabel,{runtime:e.materialized.type}))})]})]}),(0,Z.jsx)(J,{asChild:!0,children:(0,Z.jsxs)(`button`,{type:`button`,className:s(`rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg`,G.focusRingPanel),"aria-label":i.modalClose,children:[(0,Z.jsx)(v,{className:`size-5`,strokeWidth:1.75,"aria-hidden":!0}),(0,Z.jsx)(`span`,{className:`sr-only`,children:i.modalClose})]})})]}),(0,Z.jsxs)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-6 py-5`,children:[L?(0,Z.jsx)(`p`,{className:`mb-4 rounded-xl bg-red-500/10 px-3 py-2 text-sm text-red-600`,children:L}):null,(0,Z.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:V.map(([e,t,n])=>(0,Z.jsxs)(`button`,{type:`button`,className:s(`inline-flex h-8 items-center gap-1.5 rounded-md border px-2.5 text-xs`,E===e?`border-accent bg-accent-soft text-accent-fg`:`border-edge bg-surface-base text-fg-muted hover:text-fg`),onClick:()=>D(e),children:[(0,Z.jsx)(t,{className:`size-3.5`,"aria-hidden":!0}),n]},e))}),(0,Z.jsxs)(`div`,{className:`mt-4 rounded-xl border border-edge bg-surface-base p-3 text-sm`,children:[E===`health`?(0,Z.jsxs)(`div`,{className:`space-y-1 text-fg-muted`,children:[(0,Z.jsxs)(`p`,{children:[i.statusLabel,` `,(0,Z.jsx)(`span`,{className:C?.ok?`font-medium text-emerald-700 dark:text-emerald-300`:`font-medium text-fg`,children:$t(C?.status??e.usage.lastHealthStatus,i)})]}),(0,Z.jsxs)(`p`,{children:[i.lastCheckLabel,` `,e.usage.lastHealthCheckAt?new Date(e.usage.lastHealthCheckAt).toLocaleString():i.never]}),C?.action?(0,Z.jsx)(`p`,{children:C.action}):null]}):null,E===`tools`?C?.tools.length?(0,Z.jsxs)(`div`,{className:`grid gap-3`,children:[(0,Z.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,Z.jsx)(`p`,{className:`text-xs text-fg-muted`,children:$(i.toolsAvailable,{count:String(C.tools.length)})}),(0,Z.jsx)(q,{type:`button`,variant:`ghost`,className:`h-7 text-xs`,onClick:()=>A(!0),children:a.viewAllTools})]}),(0,Z.jsx)(`div`,{className:`grid gap-2`,children:C.tools.slice(0,8).map(e=>(0,Z.jsx)(nn,{title:e.shortName??e.name,description:e.description},e.name))})]}):(0,Z.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[(0,Z.jsx)(`p`,{className:`text-fg-muted`,children:ee?$(i.toolsLastCheckSummary,{count:String(ee)}):i.toolsRunTestHint}),(0,Z.jsxs)(q,{type:`button`,variant:`secondary`,disabled:o,onClick:()=>void H(),children:[o?(0,Z.jsx)(w,{className:`size-4 animate-spin`}):(0,Z.jsx)(_,{className:`size-4`}),i.test]})]}):null,E===`resources`?C?.resources.length?(0,Z.jsx)(`div`,{className:`grid gap-2`,children:C.resources.slice(0,8).map(e=>(0,Z.jsx)(nn,{title:e.title??e.name,description:e.uri,meta:e.mimeType},e.uri))}):(0,Z.jsx)(`p`,{className:`text-fg-muted`,children:i.resourcesRunTestHint}):null,E===`prompts`?C?.prompts.length?(0,Z.jsx)(`div`,{className:`grid gap-2`,children:C.prompts.slice(0,8).map(e=>(0,Z.jsx)(nn,{title:e.title??e.name,description:e.description,meta:e.argumentCount?$(i.promptArgumentCount,{count:String(e.argumentCount)}):void 0},e.name))}):(0,Z.jsx)(`p`,{className:`text-fg-muted`,children:i.promptsRunTestHint}):null,E===`permissions`?(0,Z.jsxs)(`div`,{className:`space-y-1 text-fg-muted`,children:[(0,Z.jsx)(`p`,{children:$(i.secretsConfigured,{count:String(Object.values(e.secretStatus).filter(Boolean).length)})}),(0,Z.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,Z.jsx)(`p`,{children:e.materialized.type===`mcp`?i.mcpPolicyHint:i.connectorPolicyHint})]}):null,E===`config`&&B?(0,Z.jsx)(`div`,{className:`grid gap-3`,children:z.map(e=>(0,Z.jsxs)(`label`,{className:`flex flex-col gap-1.5`,children:[(0,Z.jsx)(`span`,{className:`text-sm font-medium text-fg`,children:e.label}),e.description?(0,Z.jsx)(`span`,{className:`text-xs text-fg-subtle`,children:e.description}):null,(0,Z.jsx)(`input`,{className:Qt,value:M[e.key]??``,placeholder:e.placeholder,onChange:t=>I(n=>({...n,[e.key]:t.currentTarget.value}))})]},e.key))}):null]}),e.materialized.type===`composio`?(0,Z.jsx)(Zt,{instance:e,t:i,onChanged:r}):null,e.materialized.type===`memorySource`?(0,Z.jsxs)(`div`,{className:`mt-4 flex flex-wrap items-center justify-between gap-3 rounded-xl border border-edge bg-surface-base p-3 text-sm`,children:[(0,Z.jsxs)(`div`,{children:[(0,Z.jsx)(`p`,{className:`font-medium text-fg`,children:i.memorySourceSync}),(0,Z.jsx)(`p`,{className:`text-xs text-fg-muted`,children:t?.description}),y===null?null:(0,Z.jsx)(`p`,{className:`mt-1 text-xs text-emerald-600`,children:$(i.memorySourceSynced,{count:String(y)})})]}),(0,Z.jsxs)(q,{disabled:p,onClick:()=>void ne(),children:[p?(0,Z.jsx)(w,{className:`size-4 animate-spin`}):(0,Z.jsx)(b,{className:`size-4`}),i.composioSyncNow]})]}):null]}),(0,Z.jsxs)(`div`,{className:`flex shrink-0 flex-wrap justify-end gap-2 border-t border-edge-subtle px-6 py-4`,children:[(0,Z.jsx)(q,{variant:`secondary`,onClick:n,children:i.modalClose}),E===`config`&&B?(0,Z.jsxs)(q,{variant:`primary`,disabled:d,onClick:()=>void te(),children:[d?(0,Z.jsx)(w,{className:`size-4 animate-spin`}):(0,Z.jsx)(pe,{className:`size-4`}),i.modalSave]}):null,e.materialized.type===`mcp`?(0,Z.jsxs)(q,{variant:`secondary`,disabled:o,onClick:()=>void H(),children:[o?(0,Z.jsx)(w,{className:`size-4 animate-spin`}):(0,Z.jsx)(_,{className:`size-4`}),i.test]}):null,(0,Z.jsxs)(q,{variant:`ghost`,disabled:l,onClick:()=>void U(),children:[l?(0,Z.jsx)(w,{className:`size-4 animate-spin`}):(0,Z.jsx)(h,{className:`size-4`}),i.remove]})]})]})]}),e.materialized.type===`mcp`?(0,Z.jsx)(Kt,{open:k,onOpenChange:A,serverId:e.materialized.serverId,title:$(i.installedToolsDialogTitle,{name:e.displayName}),subtitle:i.installedToolsDialogSubtitle,searchPlaceholder:a.toolsDialogSearchPlaceholder,searchEmptyLabel:a.toolsDialogSearchEmpty,emptyLabel:i.toolsRunTestHint,closeLabel:a.toolsDialogClose,tools:C?.tools??[],stripPrefix:`${e.materialized.serverId}__`}):null]})}var an=[`understand`,`act`,`reach`];function on(e){if(e.benefits?.length)return[...new Set(e.benefits)];let t=new Set(e.capabilities),n=[e.id,e.displayName,...e.tags??[]].join(` `).toLowerCase(),r=[];return(t.has(`context`)||t.has(`memory_source`)||t.has(`resources`)||e.category===`docs`||e.category===`data`||/notion|drive|document|confluence|airtable|database|knowledge|wiki/.test(n))&&r.push(`understand`),t.has(`tools`)&&r.push(`act`),(t.has(`channel`)||/slack|telegram|discord|teams|mail|message|wechat|weixin/.test(n))&&r.push(`reach`),r.length?[...new Set(r)]:[`act`]}function sn(e){return on(e)[0]??`act`}function cn(e,t){let n=t?sn(t):`act`,r=e.connectionStatus===`connected`||e.status===`connected`||e.usage.lastHealthStatus===`ok`,i=e.status===`not_configured`||e.status===`failed`||e.status===`degraded`||e.status===`unauthorized`||e.connectionStatus===`unauthorized`||e.connectionStatus===`error`,a=n===`understand`?e.usage.lastResourceCount:n===`act`?e.usage.lastToolCount:void 0;return{benefit:n,state:r?`ready`:i?`needs_setup`:`checking`,availableCount:a}}function ln({instance:e,definition:t,highlighted:n=!1,onOpenDetails:r,onChanged:i,t:a}){let[c,l]=(0,Y.useState)(!1),[u,d]=(0,Y.useState)(!1),[f,p]=(0,Y.useState)(null),m=(0,Y.useCallback)(async()=>{l(!0),p(null);try{await Ue(e.instanceId),await i()}catch(e){p(e instanceof Error?e.message:String(e))}finally{l(!1)}},[e.instanceId,i]),g=(0,Y.useCallback)(async()=>{d(!0),p(null);try{await He(e.instanceId),await i()}catch(e){p(e instanceof Error?e.message:String(e)),d(!1)}},[e.instanceId,i]),v=e.usage.lastHealthStatus?a.healthStatusLabels[e.usage.lastHealthStatus]??e.usage.lastHealthStatus:a.healthNotTested,y=e.usage.lastToolCount??0,b=!!(t?.setup.config?.length&&!t.setup.secrets?.length&&e.materialized.type===`mcp`),x=cn(e,t).state,S=x===`ready`?{label:a.connectionReady,Icon:fe,className:`border-emerald-500/30 bg-emerald-500/10 text-emerald-700 dark:text-emerald-300`}:x===`needs_setup`?{label:a.connectionNeedsSetup,Icon:o,className:`border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300`}:{label:a.connectionChecking,Icon:L,className:`border-edge bg-surface-base text-fg-muted`};return(0,Z.jsxs)(`div`,{className:s(`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,Z.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-start gap-3`,children:[(0,Z.jsx)(xe,{connector:t}),(0,Z.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,Z.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,Z.jsx)(`h3`,{className:`truncate text-sm font-semibold text-fg`,children:e.displayName}),(0,Z.jsxs)(`span`,{className:s(`inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-medium`,S.className),children:[(0,Z.jsx)(S.Icon,{className:`size-3`,"aria-hidden":!0}),S.label]}),b?(0,Z.jsx)(`span`,{className:`rounded-full bg-surface-base px-2 py-0.5 text-[11px] text-fg-muted`,children:a.connectorConfigLabel}):null]}),t?.description?(0,Z.jsx)(`p`,{className:`mt-3 line-clamp-2 text-sm leading-5 text-fg-muted`,children:t.description}):null,(0,Z.jsxs)(`div`,{className:`mt-3 flex flex-wrap gap-2 text-xs text-fg-muted`,children:[(0,Z.jsxs)(`span`,{className:`rounded-md bg-surface-base px-2 py-1`,children:[a.statusLabel,` `,v]}),(0,Z.jsx)(`span`,{className:`rounded-md bg-surface-base px-2 py-1`,children:$(a.toolsAvailable,{count:String(y)})})]}),f?(0,Z.jsx)(`p`,{className:`mt-3 rounded-xl bg-red-500/10 px-3 py-2 text-sm text-red-600`,children:f}):null]})]}),(0,Z.jsxs)(`div`,{className:`mt-4 flex items-center justify-between gap-2 border-t border-edge pt-3`,onClick:e=>e.stopPropagation(),children:[(0,Z.jsx)(`span`,{className:`text-xs text-fg-subtle`,children:a.connectorDetails}),(0,Z.jsxs)(`div`,{className:`flex shrink-0 gap-2`,children:[x===`needs_setup`?(0,Z.jsxs)(q,{variant:`primary`,onClick:()=>r(e),children:[(0,Z.jsx)(o,{className:`size-4`}),a.connectionResolveAction]}):null,e.materialized.type===`mcp`?(0,Z.jsxs)(q,{variant:`secondary`,disabled:c,onClick:()=>void m(),children:[c?(0,Z.jsx)(w,{className:`size-4 animate-spin`}):(0,Z.jsx)(_,{className:`size-4`}),a.test]}):null,(0,Z.jsxs)(q,{variant:`ghost`,disabled:u,onClick:()=>void g(),children:[u?(0,Z.jsx)(w,{className:`size-4 animate-spin`}):(0,Z.jsx)(h,{className:`size-4`}),a.remove]})]})]})]})}var un=s(`w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg`,`placeholder:text-fg-subtle`,g),dn=s(un,`min-h-28 font-mono`);function fn(e,t){return e?t.healthStatusLabels[e]??e:t.healthStatusPending}function pn(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 mn(e){let t=(0,X.c)(12),{title:n,items:r}=e;if(r.length===0)return null;let i;t[0]===n?i=t[1]:(i=(0,Z.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(hn),t[2]=r,t[3]=a);let o;t[4]===r.length?o=t[5]:(o=r.length>12?(0,Z.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,Z.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,Z.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 hn(e){return(0,Z.jsxs)(`div`,{className:`border-b border-edge-subtle px-3 py-2 last:border-b-0`,children:[(0,Z.jsx)(`div`,{className:`break-words font-mono text-xs font-medium text-fg`,children:e.title}),e.description?(0,Z.jsx)(`div`,{className:`mt-1 line-clamp-2 text-xs leading-5 text-fg-muted`,children:e.description}):null]},e.id)}function gn({draft:e,onChange:t,onClose:n,onInstalled:r,t:i}){let{connector:a}=e,o=a.runtime.type===`composio`&&a.runtime.role===`toolkit`,c=a.runtime.type===`composio`&&a.runtime.role===`toolkit`?a.runtime.toolkit:null,[l,u]=(0,Y.useState)(!o),[d,f]=(0,Y.useState)(o),[p,h]=(0,Y.useState)(``),[g,_]=(0,Y.useState)(null);(0,Y.useEffect)(()=>{if(!o)return;let e=!1;return Le().then(({configured:t})=>{e||u(t)}).catch(t=>{e||_(t instanceof Error?t.message:String(t))}).finally(()=>{e||f(!1)}),()=>{e=!0}},[a.id,o]);let y=e.result?`complete`:e.installing?`health`:`configure`,b=[{id:`configure`,label:i.connectStepConfigure},{id:`health`,label:i.connectStepVerify},{id:`complete`,label:i.connectStepReady}],C=(0,Y.useCallback)(async()=>{let n=o?window.open(``,`_blank`):null;n&&(n.opener=null),_(null),t({...e,installing:!0,error:null,result:null,health:null});try{o&&!l&&(await Re(p),u(!0));let i={};for(let t of a.setup.config??[]){let n=pn(t.type,e.config[t.key]??``);n!==void 0&&(i[t.key]=n)}let s=e.store?await Pe(e.store.packageName,{secrets:e.secrets,config:i},e.store.version):await ze(a.id,{secrets:e.secrets,config:i,definition:a.source===`registry`?a:void 0}),d=null;try{if(o)if((c?await Ke(c).catch(()=>null):null)?.status===`connected`)n?.close();else{let e=await Ie(a.id);if(!e.authorizationUrl)throw Error(`The connection service did not return an authorization URL.`);n?n.location.href=e.authorizationUrl:window.open(e.authorizationUrl,`_blank`,`noopener,noreferrer`)}}catch(i){n?.close(),t({...e,installing:!1,result:s,health:null,error:i instanceof Error?i.message:String(i)}),await r(s);return}if(!o)try{d=await Ue(s.instanceId)}catch{d=null}t({...e,installing:!1,result:s,health:d}),await r(s)}catch(r){n?.close(),t({...e,installing:!1,error:r instanceof Error?r.message:String(r)})}},[p,l,c,a,e,o,t,r]);return(0,Z.jsx)(j,{open:!0,onOpenChange:e=>{e||n()},children:(0,Z.jsxs)(N,{children:[(0,Z.jsx)(x,{className:`xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim`}),(0,Z.jsxs)(m,{className:s(`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,Z.jsxs)(`div`,{className:`flex shrink-0 items-start justify-between gap-3 border-b border-edge-subtle px-6 py-5`,children:[(0,Z.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[(0,Z.jsx)(xe,{connector:a,size:`lg`}),(0,Z.jsxs)(`div`,{className:`min-w-0`,children:[(0,Z.jsx)(F,{className:`text-base font-semibold text-fg`,children:$(i.connectDialogTitle,{name:a.displayName})}),(0,Z.jsx)(P,{className:`mt-1 line-clamp-3 text-sm text-fg-muted`,children:a.description})]})]}),(0,Z.jsx)(J,{asChild:!0,children:(0,Z.jsxs)(`button`,{type:`button`,className:s(`rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg`,G.focusRingPanel),"aria-label":i.modalClose,children:[(0,Z.jsx)(v,{className:`size-5`,strokeWidth:1.75,"aria-hidden":!0}),(0,Z.jsx)(`span`,{className:`sr-only`,children:i.modalClose})]})})]}),(0,Z.jsxs)(`div`,{className:`min-h-0 overflow-y-auto px-6 py-5`,children:[(0,Z.jsx)(`div`,{className:`mb-5 grid grid-cols-3 gap-2`,"aria-label":i.connectProgressAria,children:b.map((e,t)=>{let n=b.findIndex(e=>e.id===y);return(0,Z.jsxs)(`div`,{className:s(`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,Z.jsxs)(`span`,{className:`mr-1 tabular-nums`,children:[t+1,`.`]}),e.label]},e.id)})}),(0,Z.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[o&&!l?(0,Z.jsxs)(`section`,{className:`rounded-2xl border border-accent/25 bg-accent-soft/50 p-4`,children:[(0,Z.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:i.composioSetupTitle}),(0,Z.jsx)(`p`,{className:`mt-1 text-xs leading-5 text-fg-muted`,children:i.composioSetupHint}),(0,Z.jsxs)(`ol`,{className:`mt-3 list-inside list-decimal space-y-1 text-xs text-fg-muted`,children:[(0,Z.jsx)(`li`,{children:i.composioSetupStepProject}),(0,Z.jsx)(`li`,{children:i.composioSetupStepKey}),(0,Z.jsx)(`li`,{children:i.composioSetupStepPaste})]}),(0,Z.jsxs)(`a`,{className:`mt-3 inline-flex items-center gap-1 text-xs font-medium text-accent-fg hover:underline`,href:`https://app.composio.dev`,target:`_blank`,rel:`noreferrer`,children:[i.composioSetupOpenDashboard,(0,Z.jsx)(E,{className:`size-3.5`,"aria-hidden":!0})]}),(0,Z.jsx)(se,{className:`mt-3`,value:p,onChange:h,labels:i.secretInputLabels,placeholder:i.composioSetupKeyPlaceholder}),(0,Z.jsx)(`p`,{className:`mt-2 text-[11px] text-fg-subtle`,children:i.composioSetupStorageHint})]}):null,e.store?(0,Z.jsxs)(`section`,{className:`rounded-2xl border border-edge bg-surface-base p-4`,children:[(0,Z.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:i.detailPermissions}),(0,Z.jsxs)(`div`,{className:`mt-3 flex flex-wrap gap-1.5`,children:[(e.store.permissions.data??[]).map(e=>(0,Z.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,Z.jsx)(`span`,{className:`rounded-md border border-edge bg-surface-panel px-2 py-1 text-xs text-fg-muted`,children:e},e)),(0,Z.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,(a.setup.secrets??[]).map(n=>(0,Z.jsxs)(`label`,{className:`flex flex-col gap-1.5`,children:[(0,Z.jsx)(`span`,{className:`text-sm font-medium text-fg`,children:n.label}),n.description?(0,Z.jsx)(`span`,{className:`text-xs text-fg-subtle`,children:n.description}):null,(0,Z.jsx)(se,{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)),(a.setup.config??[]).map(n=>(0,Z.jsxs)(`label`,{className:`flex flex-col gap-1.5`,children:[(0,Z.jsx)(`span`,{className:`text-sm font-medium text-fg`,children:n.label}),n.type===`json`?(0,Z.jsx)(`textarea`,{className:dn,value:e.config[n.key]??``,placeholder:n.placeholder,onChange:r=>t({...e,config:{...e.config,[n.key]:r.currentTarget.value},error:null})}):(0,Z.jsx)(`input`,{className:un,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,Z.jsxs)(`div`,{className:`rounded-2xl border border-edge bg-surface-base p-4 text-sm text-fg-muted`,children:[(0,Z.jsxs)(`div`,{className:`flex items-center gap-2 font-medium text-fg`,children:[(0,Z.jsx)(w,{className:`size-4 animate-spin text-accent`,"aria-hidden":!0}),i.connectingTitle]}),(0,Z.jsx)(`p`,{className:`mt-1 text-xs text-fg-subtle`,children:i.connectingHint})]}):null,e.error?(0,Z.jsx)(`p`,{className:`rounded-xl bg-red-500/10 px-3 py-2 text-sm text-red-600`,children:e.error}):null,g?(0,Z.jsx)(`p`,{className:`rounded-xl bg-red-500/10 px-3 py-2 text-sm text-red-600`,children:g}):null,e.result?(0,Z.jsxs)(`div`,{className:`rounded-2xl border border-edge bg-surface-base p-4 text-sm text-fg-muted`,children:[(0,Z.jsxs)(`div`,{className:`flex flex-wrap items-start justify-between gap-3`,children:[(0,Z.jsx)(`div`,{children:(0,Z.jsx)(`p`,{className:`font-medium text-fg`,children:i.connectedBadge})}),(0,Z.jsx)(`span`,{className:s(`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:fn(e.health?.status,i)})]}),e.health?(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(`div`,{className:`mt-3 grid gap-2 text-xs sm:grid-cols-3`,children:[(0,Z.jsxs)(`div`,{className:`rounded-lg border border-edge bg-surface-panel px-3 py-2`,children:[(0,Z.jsx)(`div`,{className:`font-semibold text-fg`,children:e.health.toolCount}),(0,Z.jsx)(`div`,{children:i.toolsMetric})]}),(0,Z.jsxs)(`div`,{className:`rounded-lg border border-edge bg-surface-panel px-3 py-2`,children:[(0,Z.jsx)(`div`,{className:`font-semibold text-fg`,children:e.health.resourceCount}),(0,Z.jsx)(`div`,{children:i.resourcesMetric})]}),(0,Z.jsxs)(`div`,{className:`rounded-lg border border-edge bg-surface-panel px-3 py-2`,children:[(0,Z.jsx)(`div`,{className:`font-semibold text-fg`,children:e.health.promptCount}),(0,Z.jsx)(`div`,{children:i.promptsMetric})]})]}),(0,Z.jsxs)(`div`,{className:`mt-3 grid gap-2`,children:[(0,Z.jsx)(mn,{title:i.detailTools,items:e.health.tools.map(e=>({id:e.name,title:e.shortName??e.name,description:e.description}))}),(0,Z.jsx)(mn,{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,Z.jsx)(mn,{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,Z.jsx)(`p`,{className:`mt-3`,children:i.installedWithoutHealth}),e.health?.action?(0,Z.jsx)(`p`,{className:`mt-3 text-xs text-fg-subtle`,children:e.health.action}):null]}):null]})]}),(0,Z.jsx)(`div`,{className:`flex shrink-0 justify-end gap-2 border-t border-edge-subtle px-6 py-4`,children:(0,Z.jsxs)(q,{variant:`primary`,disabled:!!e.result||e.installing||d||o&&!l&&!p.trim(),onClick:()=>void C(),children:[e.installing?(0,Z.jsx)(w,{className:`size-4 animate-spin`}):e.result?(0,Z.jsx)(fe,{className:`size-4`}):(0,Z.jsx)(S,{className:`size-4`}),e.result?i.connectedBadge:i.connect]})})]})]})})}function _n(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 vn(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 At(r)}function yn(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 bn(){return s(`w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg`,`placeholder:text-fg-subtle`,g)}function xn({label:e,optionalLabel:t,addLabel:n,removeHeaderAria:r,pasteLabel:i,pasteFailed:a,keyPlaceholder:o,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:``}])},g=async()=>{try{let e=await c();if(!e){window.alert(a);return}let t=xt(e);if(!t?.length){window.alert(a);return}d(t)}catch{window.alert(a)}};return(0,Z.jsxs)(`div`,{className:`flex flex-col gap-2 md:col-span-2`,children:[(0,Z.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,Z.jsxs)(`div`,{className:`flex items-center gap-1.5 text-sm font-medium text-fg`,children:[(0,Z.jsx)(`span`,{children:e}),t?(0,Z.jsx)(`span`,{className:`font-normal text-fg-subtle`,children:t}):null]}),(0,Z.jsxs)(q,{type:`button`,variant:`ghost`,className:`h-8 gap-1.5 px-2 text-xs`,onClick:()=>void g(),children:[(0,Z.jsx)(B,{className:`size-3.5`,"aria-hidden":!0}),i]})]}),(0,Z.jsx)(`div`,{className:`flex flex-col gap-2`,children:u.map((e,t)=>(0,Z.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,Z.jsx)(`input`,{className:s(bn(),`min-w-0 flex-1 font-mono text-xs`),value:e.key,placeholder:o,onChange:e=>f(t,{key:e.target.value})}),(0,Z.jsx)(`input`,{className:s(bn(),`min-w-0 flex-[1.4] font-mono text-xs`),value:e.value,placeholder:l,onChange:e=>f(t,{value:e.target.value})}),(0,Z.jsx)(q,{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,Z.jsx)(h,{className:`size-4 text-fg-subtle`,"aria-hidden":!0})})]},yn(e,t,u)))}),(0,Z.jsxs)(`button`,{type:`button`,className:s(`self-start text-sm text-accent hover:underline`,G.press),onClick:p,children:[`+ `,n]})]})}var Sn=[`stdio`,`sse`,`streamable-http`];function Cn(e){let t=(0,X.c)(11),{label:n,description:r,required:i,children:a}=e,o;t[0]===i?o=t[1]:(o=i?(0,Z.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,Z.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,Z.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,Z.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 wn(){return s(`w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg`,`placeholder:text-fg-subtle`,g)}function Tn(e){let t=(0,X.c)(29),{row:n,t:r,onUpdate:i,idConflictMessage:a,variant:o}=e,c=o===void 0?`all`:o,l=c===`all`||c===`basic`,u=c===`all`||c===`advanced`,d;t[0]!==a||t[1]!==i||t[2]!==n.id||t[3]!==n.transport||t[4]!==l||t[5]!==r?(d=l?(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(Cn,{label:r.transportLabel,required:!0,children:(0,Z.jsx)(ge,{className:wn(),value:n.transport,onChange:e=>i({transport:e.target.value}),children:Sn.map(e=>(0,Z.jsx)(W,{value:e,children:r.transportLabels[e]},e))})}),(0,Z.jsxs)(Cn,{label:r.serverIdLabel,required:!0,children:[(0,Z.jsx)(`input`,{className:wn(),value:n.id,placeholder:r.serverIdPlaceholder,onChange:e=>i({id:e.target.value})}),a?(0,Z.jsx)(`p`,{className:`text-xs text-red-600 dark:text-red-300`,children:a}):null]})]}):null,t[0]=a,t[1]=i,t[2]=n.id,t[3]=n.transport,t[4]=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,Z.jsxs)(Z.Fragment,{children:[l?(0,Z.jsx)(`div`,{className:c===`basic`?`md:col-span-2`:void 0,children:(0,Z.jsx)(Cn,{label:r.commandLabel,required:!0,children:(0,Z.jsx)(`input`,{className:wn(),value:n.command,onChange:e=>i({command:e.target.value})})})}):null,u?(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(Cn,{label:r.argsLabel,description:r.argsHint,children:(0,Z.jsx)(`input`,{className:wn(),value:n.argsText,onChange:e=>i({argsText:e.target.value})})}),(0,Z.jsx)(Cn,{label:r.cwdLabel,children:(0,Z.jsx)(`input`,{className:wn(),value:n.cwd,onChange:e=>i({cwd:e.target.value})})}),(0,Z.jsx)(Cn,{label:r.envLabel,description:r.envHint,children:(0,Z.jsx)(`textarea`,{className:s(wn(),`min-h-[4rem] font-mono text-xs`),value:n.envJson,onChange:e=>i({envJson:e.target.value})})})]}):null]}):(0,Z.jsxs)(Z.Fragment,{children:[l?(0,Z.jsx)(`div`,{className:`md:col-span-2`,children:(0,Z.jsx)(Cn,{label:r.urlLabel,required:!0,children:(0,Z.jsx)(`input`,{className:s(wn(),`font-mono text-xs`),value:n.url,placeholder:`https://example.com/mcp`,onChange:e=>i({url:e.target.value})})})}):null,u?(0,Z.jsx)(xn,{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,Z.jsx)(Cn,{label:r.timeoutLabel,description:r.timeoutHint,children:(0,Z.jsx)(`input`,{type:`number`,min:1,max:600,className:wn(),value:Rt(n),placeholder:r.timeoutPlaceholder,onChange:e=>i({connectionTimeoutMs:zt(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,Z.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 En(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 Dn(e){let t=(0,X.c)(13),{tool:n,serverId:r}=e,i;t[0]!==r||t[1]!==n?(i=En(n,r),t[0]=r,t[1]=n,t[2]=i):i=t[2];let a=i,o=n.name===a?a: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]!==a||t[6]!==o?(u=(0,Z.jsx)(`p`,{className:`break-all font-mono text-xs font-medium leading-5 text-fg`,title:o,children:a}),t[5]=a,t[6]=o,t[7]=u):u=t[7];let d;t[8]===l?d=t[9]:(d=l?(0,Z.jsx)(C,{delayDuration:300,skipDelayDuration:100,children:(0,Z.jsxs)(T,{children:[(0,Z.jsx)(A,{asChild:!0,children:(0,Z.jsx)(`p`,{tabIndex:0,title:l,className:s(`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,Z.jsx)(y,{children:(0,Z.jsx)(k,{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,Z.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,Z.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 On({open:e,mode:t,initialRow:n,existingCustomServers:r,sessionIdleTtlMinutes:i,config:a,managedServerIds:o,t:c,cs:l,onClose:u,onSaved:d}){let[f,p]=(0,Y.useState)(n),[h,g]=(0,Y.useState)(!1),[y,b]=(0,Y.useState)(!1),[S,C]=(0,Y.useState)(null),[T,E]=(0,Y.useState)(!1),[D,k]=(0,Y.useState)({status:`idle`}),[A,M]=(0,Y.useState)(null),I=n.id.trim(),L=f.id.trim()!==I&&o.has(f.id.trim())||o.has(f.id.trim())&&t===`add`?c.reservedServerId:void 0,R=f.id.trim()&&r.some(e=>e.clientKey!==n.clientKey&&e.id.trim()===f.id.trim())?l.duplicateServerId:void 0,z=f.id.trim().length>0&&!L&&!R&&(f.transport===`stdio`?f.command.trim().length>0:f.url.trim().length>0),B=Bt(f),ee=(0,Y.useCallback)(async()=>{if(f.id.trim()){b(!0),C(null),k({status:`loading`});try{k({status:`ok`,tools:(await Lt(f.id.trim(),Mt(f))).tools})}catch(e){k({status:`error`,message:e instanceof Error?e.message:String(e)})}finally{b(!1)}}},[f]),V=(0,Y.useCallback)(async()=>{if(!(!z||h)){g(!0),C(null);try{let e=r.filter(e=>!(t===`edit`&&e.clientKey===n.clientKey));e.push(f),await Nt({sessionIdleTtlMinutes:i,servers:e.sort((e,t)=>e.id.localeCompare(t.id))},Tt(a)),await d(),u()}catch(e){C(e instanceof Error?e.message:String(e))}finally{g(!1)}}},[z,a,r,n.clientKey,t,u,d,I,f,h,i]);return e?(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(j,{open:e,onOpenChange:e=>{e||u()},children:(0,Z.jsxs)(N,{children:[(0,Z.jsx)(x,{className:`xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim`}),(0,Z.jsxs)(m,{className:s(`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,Z.jsxs)(`div`,{className:`flex shrink-0 items-start justify-between gap-3 border-b border-edge-subtle px-6 py-5`,children:[(0,Z.jsxs)(`div`,{className:`min-w-0`,children:[(0,Z.jsx)(F,{className:`text-base font-semibold text-fg`,children:t===`add`?l.addCustomServerTitle:l.editCustomServerTitle}),(0,Z.jsx)(P,{className:`mt-1 text-sm text-fg-muted`,children:t===`add`?l.addCustomServerHint:l.editCustomServerHint})]}),(0,Z.jsx)(J,{asChild:!0,children:(0,Z.jsxs)(`button`,{type:`button`,className:s(`rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg`,G.focusRingPanel),"aria-label":l.modalClose,children:[(0,Z.jsx)(v,{className:`size-5`,strokeWidth:1.75,"aria-hidden":!0}),(0,Z.jsx)(`span`,{className:`sr-only`,children:l.modalClose})]})})]}),(0,Z.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-6 py-5`,children:(0,Z.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,Z.jsx)(`section`,{className:`rounded-xl border border-edge bg-surface-base p-4`,children:(0,Z.jsxs)(`div`,{className:`flex flex-wrap items-start justify-between gap-3`,children:[(0,Z.jsxs)(`div`,{className:`min-w-0`,children:[(0,Z.jsxs)(`div`,{className:`flex items-center gap-2 text-sm font-semibold text-fg`,children:[(0,Z.jsx)(ne,{className:`size-4 text-accent`,"aria-hidden":!0}),f.id.trim()||c.cardUntitled]}),(0,Z.jsx)(`p`,{className:`mt-1 break-all font-mono text-xs leading-5 text-fg-muted`,children:B||(f.transport===`stdio`?c.commandLabel:c.urlLabel)})]}),(0,Z.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,Z.jsxs)(`section`,{children:[(0,Z.jsxs)(`div`,{className:`mb-3`,children:[(0,Z.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:l.connectorBasicConfigTitle}),(0,Z.jsx)(`p`,{className:`mt-1 text-sm text-fg-muted`,children:l.connectorBasicConfigHint})]}),(0,Z.jsx)(Tn,{row:f,t:c,variant:`basic`,onUpdate:e=>{p(t=>({...t,...e})),C(null)},idConflictMessage:L??R})]}),D.status===`ok`?(0,Z.jsxs)(`div`,{className:`rounded-xl border border-edge bg-surface-base p-3`,children:[(0,Z.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[(0,Z.jsxs)(`div`,{className:`flex items-center gap-2 text-sm font-medium text-fg`,children:[(0,Z.jsx)(O,{className:`size-4 text-accent`,"aria-hidden":!0}),D.tools.length===0?c.toolsEmpty:c.toolsTitle.replace(`{{count}}`,String(D.tools.length))]}),D.tools.length>0?(0,Z.jsx)(q,{type:`button`,variant:`ghost`,className:`h-8 text-xs`,onClick:()=>M(D.tools),children:c.viewAllTools}):null]}),D.tools.length>0?(0,Z.jsx)(`div`,{className:`mt-3 grid gap-2`,children:D.tools.slice(0,6).map((e,t)=>(0,Z.jsx)(Dn,{tool:e,serverId:f.id},e.name||`tool-${t}`))}):null]}):null,D.status===`error`?(0,Z.jsx)(`p`,{className:`rounded-xl bg-red-500/10 px-3 py-2 text-sm text-red-600`,children:D.message}):null,S?(0,Z.jsx)(`p`,{className:`rounded-xl bg-red-500/10 px-3 py-2 text-sm text-red-600`,children:S}):null,(0,Z.jsxs)(`details`,{open:T,onToggle:e=>E(e.currentTarget.open),className:`group rounded-xl border border-edge bg-surface-base`,children:[(0,Z.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,Z.jsx)(ve,{className:`size-4 text-fg-muted transition-transform group-open:rotate-180`,"aria-hidden":!0}),(0,Z.jsx)(`span`,{className:`group-open:hidden`,children:l.connectorShowAdvancedConfig}),(0,Z.jsx)(`span`,{className:`hidden group-open:inline`,children:l.connectorHideAdvancedConfig})]}),(0,Z.jsx)(`div`,{className:`border-t border-edge p-4`,children:(0,Z.jsx)(Tn,{row:f,t:c,variant:`advanced`,onUpdate:e=>{p(t=>({...t,...e})),C(null)}})})]})]})}),(0,Z.jsxs)(`div`,{className:`flex shrink-0 flex-wrap justify-end gap-2 border-t border-edge-subtle px-6 py-4`,children:[(0,Z.jsxs)(q,{variant:`secondary`,disabled:!f.id.trim()||y,onClick:()=>void ee(),children:[y?(0,Z.jsx)(w,{className:`size-4 animate-spin`}):(0,Z.jsx)(_,{className:`size-4`}),c.testConnection]}),(0,Z.jsx)(J,{asChild:!0,children:(0,Z.jsx)(q,{variant:`secondary`,children:l.modalCancel})}),(0,Z.jsxs)(q,{variant:`primary`,disabled:!z||h,onClick:()=>void V(),children:[h?(0,Z.jsx)(w,{className:`size-4 animate-spin`}):(0,Z.jsx)(fe,{className:`size-4`}),h?c.saving:l.modalSave]})]})]})]})}),A?(0,Z.jsx)(Kt,{open:!0,onOpenChange:e=>{e||M(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}function kn(e){return!(e.runtime.type===`composio`&&e.runtime.role===`credential`)}function An(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 jn(e,t,n){return e.filter(e=>An(e,t)).toSorted((e,t)=>n===`source`&&e.source!==t.source?e.source.localeCompare(t.source):e.displayName.localeCompare(t.displayName))}function Mn(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 Nn(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 Pn=`all`,Fn=`builtin`,In=`composio`,Ln=`xopc-store`;function Rn(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 zn(e){return e.filter((e,t,n)=>n.findIndex(t=>t.id===e.id)===t)}function Bn(){let e=l(d(e=>e.language)),t=e.connectorsSettings,n=e.mcpSettings,r=u(e=>e.token),a=!!r,[o,c]=i(),[f,p]=(0,Y.useState)(o.get(`tab`)===`connected`?`connected`:`discover`),m=(0,Y.useRef)(!1),[h,g]=(0,Y.useState)({catalog:[],registryCatalog:[],instances:[],loading:!0,error:null,peopleGraph:null}),[_,v]=(0,Y.useState)(!1),[y,b]=(0,Y.useState)(!1),[x,S]=(0,Y.useState)(1),[C,T]=(0,Y.useState)(void 0),[E,O]=(0,Y.useState)(``),[k,A]=(0,Y.useState)(``),[j,M]=(0,Y.useState)(!1),[N,P]=(0,Y.useState)(``),[F,I]=(0,Y.useState)(Fn),[L,R]=(0,Y.useState)(`name`),[B,ee]=(0,Y.useState)(`all`),[V,H]=(0,Y.useState)(null),[U,ne]=(0,Y.useState)(null),[ae,oe]=(0,Y.useState)(null),[se,ce]=(0,Y.useState)(null),[le,ue]=(0,Y.useState)(null),[de,fe]=(0,Y.useState)(null),[pe,me]=(0,Y.useState)(!1),[W,he]=(0,Y.useState)(void 0),[ge,_e]=(0,Y.useState)(!1),{data:ve,mutate:ye}=z(a),G=ve?.payload?.config,K=(0,Y.useMemo)(()=>G===void 0?null:jt(G),[G]),J=K?.servers??[],xe=h.instances.length+J.length;(0,Y.useEffect)(()=>{K&&he(K.sessionIdleTtlMinutes)},[K]);let X=(0,Y.useCallback)(async()=>{if(!r){g({catalog:[],registryCatalog:[],instances:[],loading:!1,error:null,peopleGraph:null});return}g(e=>({...e,loading:!0,error:null}));try{let[e,t,n]=await Promise.all([Ae(),Fe(),at(``,12).catch(()=>null)]);g(r=>({catalog:e,registryCatalog:r.registryCatalog,instances:t,loading:!1,error:null,peopleGraph:n}))}catch(e){g({catalog:[],registryCatalog:[],instances:[],loading:!1,error:e instanceof Error?e.message:String(e),peopleGraph:null})}},[r]);(0,Y.useEffect)(()=>{X()},[X]),(0,Y.useEffect)(()=>{if(!a||f!==`connected`)return;let e=!1,t=window.setTimeout(()=>{M(!0),at(k,50).then(t=>{e||g(e=>({...e,peopleGraph:t}))}).catch(()=>{}).finally(()=>{e||M(!1)})},250);return()=>{e=!0,window.clearTimeout(t)}},[a,k,f]),(0,Y.useEffect)(()=>{m.current||h.loading||a&&!K||(p(xe>0?`connected`:`discover`),m.current=!0)},[a,xe,K,h.loading]);let Ce=(0,Y.useCallback)(e=>{m.current=!0,p(e)},[]),Ee=(0,Y.useMemo)(()=>[{id:In,displayName:t.composioSourceName},{id:Ln,displayName:t.storeSourceName}],[t.composioSourceName,t.storeSourceName]),Oe=(0,Y.useCallback)(async e=>{if(!a||F===Fn){g(e=>({...e,registryCatalog:[]})),S(1),T(void 0);return}let t=N.trim(),n=Math.max(e?.page??1,1),r=e?.append??!1,i=F===Pn?Ee:Ee.filter(e=>e.id===F);if(i.length!==0){v(!0),r?g(e=>({...e,error:null})):(S(1),T(void 0),g(e=>({...e,registryCatalog:[],error:null})));try{let e=await Promise.all(i.map(async e=>{if(e.id===In){let e=await je({q:t||void 0,page:n,pageSize:24,verification:`experimental`});return{connectors:e.connectors,totalPages:e.meta.totalPages}}let r=await Me({q:t||void 0,page:n,pageSize:24,sort:L===`source`?`newest`:`downloads`});return{connectors:r.items.map(Rn),totalPages:r.meta.totalPages}})),a=zn(e.flatMap(e=>e.connectors)),o=Math.max(1,...e.map(e=>e.totalPages??1));S(n),T(o),g(e=>({...e,registryCatalog:r?zn([...e.registryCatalog,...a]):a}))}catch(e){g(t=>({...t,error:e instanceof Error?e.message:String(e)}))}finally{v(!1)}}},[L,N,F,a,Ee]);(0,Y.useEffect)(()=>{if(f!==`discover`||h.loading)return;if(F===Fn){g(e=>({...e,registryCatalog:[]})),S(1),T(void 0);return}let e=window.setTimeout(()=>{Oe()},N.trim()?350:0);return()=>window.clearTimeout(e)},[N,F,Oe,h.loading,f]);let Q=(0,Y.useMemo)(()=>new Set(h.instances.map(e=>e.connectorId)),[h.instances]),Pe=(0,Y.useMemo)(()=>new Map([...h.catalog,...h.registryCatalog].map(e=>[e.id,e])),[h.catalog,h.registryCatalog]);(0,Y.useEffect)(()=>{if(h.loading)return;let e=o.get(`connector`),t=o.get(`instance`);if(!e&&!t)return;let n=h.instances.find(n=>t?n.instanceId===t:n.connectorId===e);if(n)m.current=!0,O(``),oe(n.instanceId),ce(n),p(`connected`);else if(e){let t=Pe.get(e);if(!t)return;m.current=!0,I(Fn),P(``),ne(t),p(`discover`)}let r=new URLSearchParams(o);r.delete(`connector`),r.delete(`instance`),r.delete(`personalContext`),r.set(`tab`,n?`connected`:`discover`),c(r,{replace:!0})},[Pe,o,c,h.instances,h.loading]);let Ie=(0,Y.useCallback)(async e=>{b(!0),g(e=>({...e,error:null}));try{let t=await Ne(e);H(_n(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)}},[]),Le=(0,Y.useMemo)(()=>new Set(h.instances.flatMap(e=>e.materialized.type===`mcp`?[e.materialized.serverId]:[])),[h.instances]),Re=(0,Y.useCallback)(async e=>{if(!K||G===void 0)return;let t=J.filter(t=>t.clientKey!==e.clientKey);await Nt({sessionIdleTtlMinutes:K.sessionIdleTtlMinutes,servers:t},Tt(G)),await ye(),await X()},[G,J,X,K,ye]),ze=(0,Y.useCallback)(()=>{fe({mode:`add`,row:vn(J,Le)})},[J,Le]),Be=(0,Y.useCallback)(async()=>{if(!(!K||G===void 0||ge)){_e(!0);try{await Nt({sessionIdleTtlMinutes:W,servers:J},Tt(G)),await ye(),me(!1)}finally{_e(!1)}}},[G,J,n.saved,K,ye,W,ge]),Ve=te(e=>e.setPageHeader),He=te(e=>e.clearPageHeader),Ue=(0,Y.useMemo)(()=>(0,Z.jsx)(yt,{onBrowseCatalog:()=>Ce(`discover`),onAddCustomServer:ze,onOpenRuntimeSettings:()=>me(!0),addLabel:t.addConnection,browseLabel:t.addFromCatalog,customLabel:t.addCustomServerAdvanced,settingsLabel:t.runtimeSettings}),[t,ze,Ce]);(0,Y.useLayoutEffect)(()=>(Ve({startExtra:null,main:(0,Z.jsx)(`div`,{className:`min-w-0`,children:(0,Z.jsx)(`h1`,{className:`truncate text-base font-semibold tracking-tight text-fg`,children:t.title})}),end:Ue}),()=>He()),[He,t.title,Ue,Ve]);let We=(0,Y.useMemo)(()=>h.instances.map(e=>({instance:e,value:cn(e,Pe.get(e.connectorId))})),[Pe,h.instances]),Ge=(0,Y.useMemo)(()=>new Map(We.map(({instance:e,value:t})=>[e.instanceId,t])),[We]),Ke=(0,Y.useMemo)(()=>h.instances.filter(e=>Mn(e,E)).sort((e,t)=>{let n={needs_setup:0,checking:1,ready:2},r=Ge.get(e.instanceId)?.state??`checking`,i=Ge.get(t.instanceId)?.state??`checking`;return n[r]-n[i]||e.displayName.localeCompare(t.displayName)}),[E,Ge,h.instances]),qe=(0,Y.useMemo)(()=>J.filter(e=>Nn(e,E)),[E,J]),Je=Ke.length+qe.length,Ye=(0,Y.useMemo)(()=>h.catalog.filter(e=>e.source===`builtin`&&e.integrationStrategy?.preferred!==!1&&kn(e)),[h.catalog]),Xe=(0,Y.useMemo)(()=>F===Fn?Ye:F===Pn?zn([...Ye,...h.registryCatalog]):h.registryCatalog,[Ye,F,h.registryCatalog]),Ze=(0,Y.useMemo)(()=>jn(B===`all`?Xe:Xe.filter(e=>on(e).includes(B)),N,L),[L,N,Xe,B]),Qe=(0,Y.useMemo)(()=>an.filter(e=>Xe.some(t=>on(t).includes(e))),[Xe]);(0,Y.useEffect)(()=>{B!==`all`&&!Qe.includes(B)&&ee(`all`)},[Qe,B]);let $e=f===`discover`&&F!==Fn&&!!(C&&x<C),et=(0,Y.useMemo)(()=>h.instances.find(e=>e.instanceId===ae)??se,[ae,se,h.instances]),tt=(0,Y.useMemo)(()=>[{value:Pn,label:t.discoverSourceAll},{value:Fn,label:t.discoverSourceBuiltin},...Ee.map(e=>({value:e.id,label:e.displayName}))],[t.discoverSourceAll,t.discoverSourceBuiltin,Ee]),nt=[{id:`connected`,label:t.tabConnected,count:xe},{id:`discover`,label:t.tabDiscover}];return(0,Z.jsx)(`div`,{className:`flex min-h-0 min-w-0 flex-1 flex-col bg-surface-panel`,children:(0,Z.jsxs)(`div`,{className:`flex w-full flex-col gap-6 px-3 py-6 sm:px-5 xl:px-6`,children:[a?null:(0,Z.jsx)(`p`,{className:`rounded-xl border border-edge bg-surface-panel px-4 py-3 text-sm text-fg-muted`,children:t.tokenHint}),(0,Z.jsxs)(`section`,{className:`flex flex-col gap-4`,children:[(0,Z.jsx)(`div`,{className:`border-b border-edge-subtle pb-3 dark:border-edge-subtle`,children:(0,Z.jsx)(be,{items:nt,activeTab:f,onChange:Ce,ariaLabel:t.navAria,tabIdPrefix:`connectors-tab`,panelIdPrefix:`connectors-panel`,className:`flex-wrap`})}),h.error?(0,Z.jsx)(`p`,{className:`rounded-xl bg-red-500/10 px-3 py-2 text-sm text-red-600`,children:h.error}):null,f===`connected`&&a?(0,Z.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,Z.jsxs)(`div`,{className:`flex flex-col gap-3 sm:flex-row sm:items-center`,children:[(0,Z.jsx)(vt,{value:E,onChange:O,placeholder:t.connectedSearchPlaceholder,className:`max-w-xl`}),(0,Z.jsx)(re,{className:`size-9 shrink-0 p-0`,loading:h.loading,label:t.refreshConnections,title:t.refreshConnections,onClick:X})]}),h.peopleGraph&&(h.peopleGraph.people.length>0||k)?(0,Z.jsxs)(`section`,{className:`rounded-2xl border border-edge-subtle bg-surface-base p-5`,children:[(0,Z.jsxs)(`div`,{className:`flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between`,children:[(0,Z.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,Z.jsx)(`div`,{className:`rounded-lg bg-accent-soft p-2 text-accent-fg`,children:(0,Z.jsx)(D,{className:`size-4`,"aria-hidden":!0})}),(0,Z.jsxs)(`div`,{children:[(0,Z.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:t.peopleGraphTitle}),(0,Z.jsx)(`p`,{className:`mt-1 text-xs text-fg-muted`,children:t.peopleGraphHint.replace(`{{people}}`,String(h.peopleGraph.people.length)).replace(`{{sources}}`,String(new Set(h.peopleGraph.sourceEdges.map(e=>e.sourceInstanceId)).size))})]})]}),(0,Z.jsxs)(`div`,{className:`relative w-full max-w-xs`,children:[(0,Z.jsx)(vt,{value:k,onChange:A,placeholder:t.peopleGraphSearchPlaceholder}),j?(0,Z.jsx)(w,{className:`absolute right-3 top-2.5 size-4 animate-spin text-fg-subtle`,"aria-hidden":!0}):null]})]}),h.peopleGraph.people.length?(0,Z.jsx)(`div`,{className:`mt-4 grid gap-2 sm:grid-cols-2`,children:h.peopleGraph.people.slice(0,10).map(e=>{let t=[...new Set(h.peopleGraph.sourceEdges.filter(t=>t.personId===e.id).map(e=>e.toolkit??e.connectorId??e.sourceInstanceId))];return(0,Z.jsxs)(`div`,{className:`rounded-xl border border-edge bg-surface-panel px-3 py-2.5`,children:[(0,Z.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,Z.jsx)(`p`,{className:`truncate text-sm font-medium text-fg`,children:e.label}),(0,Z.jsx)(`span`,{className:`shrink-0 text-xs text-fg-subtle`,children:e.mentionCount})]}),(0,Z.jsx)(`p`,{className:`mt-1 truncate text-xs text-fg-muted`,children:e.emails[0]??e.usernames[0]??e.roles.join(` · `)}),(0,Z.jsx)(`p`,{className:`mt-1 truncate text-[11px] text-fg-subtle`,children:t.join(` · `)})]},e.id)})}):(0,Z.jsx)(`p`,{className:`mt-4 text-sm text-fg-muted`,children:t.peopleGraphSearchEmpty})]}):null,h.loading?(0,Z.jsx)(`div`,{className:`grid gap-3`,"aria-busy":`true`,"aria-label":t.loading,children:we.slice(0,3).map(e=>(0,Z.jsx)(ke,{},e))}):xe===0?(0,Z.jsxs)(`div`,{className:`rounded-2xl border border-dashed border-edge p-8 text-center`,children:[(0,Z.jsx)(`p`,{className:`text-sm text-fg-muted`,children:t.connectionsEmpty}),(0,Z.jsx)(q,{type:`button`,variant:`primary`,className:`mt-4`,onClick:()=>Ce(`discover`),children:t.addFromCatalog})]}):Je===0?(0,Z.jsx)(`div`,{className:`rounded-2xl border border-dashed border-edge p-8 text-center text-sm text-fg-muted`,children:t.connectionsSearchEmpty}):(0,Z.jsxs)(`div`,{className:`grid gap-4 sm:grid-cols-2 xl:grid-cols-3`,children:[Ke.map(e=>(0,Z.jsx)(ln,{instance:e,definition:Pe.get(e.connectorId),highlighted:e.instanceId===le,onOpenDetails:e=>{ue(null),oe(e.instanceId),ce(e)},onChanged:X,t},e.instanceId)),qe.map(e=>(0,Z.jsx)(Vt,{row:e,t:n,cs:t,onEdit:()=>fe({mode:`edit`,row:structuredClone(e)}),onRemove:async()=>Re(e)},e.clientKey))]})]}):null,f===`discover`&&a?(0,Z.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,Z.jsx)(`div`,{className:`flex flex-wrap gap-2`,role:`group`,"aria-label":t.outcomeFilterAria,children:[`all`,...Qe].map(e=>(0,Z.jsx)(`button`,{type:`button`,className:s(`rounded-full border px-3 py-1.5 text-xs font-medium transition-colors`,B===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":B===e,onClick:()=>ee(e),children:e===`all`?t.outcomeAll:t.connectorBenefitHeadings[e]},e))}),(0,Z.jsxs)(`div`,{className:`flex flex-col gap-2 lg:flex-row lg:items-center`,children:[(0,Z.jsx)(vt,{value:N,onChange:P,placeholder:t.discoverSearchPlaceholder,className:`max-w-xl`}),(0,Z.jsxs)(`div`,{className:`grid min-w-0 grid-cols-1 gap-2 sm:grid-cols-2 lg:ml-auto lg:w-[26rem]`,children:[(0,Z.jsx)(ie,{value:F,options:tt,placeholder:t.discoverSourceAll,allowEmpty:!1,ariaLabel:t.registrySourceAria,triggerClassName:`h-9 bg-surface-panel text-xs`,onChange:I}),(0,Z.jsx)(ie,{value:L,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=>R(e)})]})]}),(h.loading||_)&&Ze.length===0?(0,Z.jsx)(`div`,{className:`grid gap-4 sm:grid-cols-2 xl:grid-cols-3`,"aria-busy":`true`,"aria-label":t.loading,children:we.map(e=>(0,Z.jsx)(De,{},e))}):Ze.length===0?(0,Z.jsx)(`div`,{className:`rounded-2xl border border-dashed border-edge p-8 text-center text-sm text-fg-muted`,children:t.discoverEmpty}):(0,Z.jsxs)(`div`,{className:`relative`,children:[_?(0,Z.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,Z.jsx)(w,{className:`size-8 shrink-0 animate-spin text-accent motion-reduce:animate-none`,strokeWidth:2,"aria-hidden":!0})}):null,(0,Z.jsx)(`div`,{className:`grid gap-4 sm:grid-cols-2 xl:grid-cols-3`,children:Ze.map(e=>(0,Z.jsx)(Se,{connector:e,installed:Q.has(e.id)||Te(e,h.instances),onInstall:e=>{if(e.source===`store`){Ie(e.id);return}H(_n(e))},onOpenDetails:e.source===`store`?void 0:ne,t},e.id))}),$e?(0,Z.jsx)(`div`,{className:`mt-4 flex justify-center`,children:(0,Z.jsxs)(q,{type:`button`,variant:`secondary`,disabled:_||y,onClick:()=>void Oe({page:x+1,append:!0}),children:[_?(0,Z.jsx)(w,{className:`size-4 animate-spin`}):null,t.loadMore]})}):null]})]}):null]}),V?(0,Z.jsx)(gn,{draft:V,onChange:H,onClose:()=>H(null),t,onInstalled:async e=>{await X(),await ye(),ue(e.instanceId),Ce(`connected`)}}):null,U?(0,Z.jsx)(ht,{connector:U,installed:Q.has(U.id)||Te(U,h.instances),onClose:()=>ne(null),onInstall:e=>H(_n(e)),t}):null,et?(0,Z.jsx)(rn,{instance:et,definition:Pe.get(et.connectorId),onClose:()=>{oe(null),ce(null)},onChanged:X,t,mcp:n}):null,de?(0,Z.jsx)(On,{open:!0,mode:de.mode,initialRow:de.row,existingCustomServers:J,sessionIdleTtlMinutes:W,config:G,managedServerIds:Le,t:n,cs:t,onClose:()=>fe(null),onSaved:async()=>{await ye(),await X(),Ce(`connected`)}},`${de.mode}-${de.row.clientKey}`):null,(0,Z.jsx)(_t,{open:pe,sessionIdleTtlMinutes:W,saving:ge,onChange:he,onSave:Be,onClose:()=>me(!1),t,mcp:n})]})})}export{Bn as ConnectorsPage};

package/dist/gateway/static/root/assets/createLucideIcon-DPHK1VkS.js

@@ -0,0 +1 @@
+import{i as e}from"./rolldown-runtime-aKtaBQYM.js";import{a as t}from"./vendor-react-BOUWij0V.js";var n=e(t(),1),r=(...e)=>e.filter((e,t,n)=>!!e&&e.trim()!==``&&n.indexOf(e)===t).join(` `).trim(),i=e=>e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).toLowerCase(),a=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,n)=>n?n.toUpperCase():t.toLowerCase()),o=e=>{let t=a(e);return t.charAt(0).toUpperCase()+t.slice(1)},s={xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`},c=e=>{for(let t in e)if(t.startsWith(`aria-`)||t===`role`||t===`title`)return!0;return!1},l=(0,n.createContext)({}),u=()=>(0,n.useContext)(l),d=(0,n.forwardRef)(({color:e,size:t,strokeWidth:i,absoluteStrokeWidth:a,className:o=``,children:l,iconNode:d,...f},p)=>{let{size:m=24,strokeWidth:h=2,absoluteStrokeWidth:g=!1,color:_=`currentColor`,className:v=``}=u()??{},y=a??g?Number(i??h)*24/Number(t??m):i??h;return(0,n.createElement)(`svg`,{ref:p,...s,width:t??m??s.width,height:t??m??s.height,stroke:e??_,strokeWidth:y,className:r(`lucide`,v,o),...!l&&!c(f)&&{"aria-hidden":`true`},...f},[...d.map(([e,t])=>(0,n.createElement)(e,t)),...Array.isArray(l)?l:[l]])}),f=(e,t)=>{let a=(0,n.forwardRef)(({className:a,...s},c)=>(0,n.createElement)(d,{ref:c,iconNode:t,className:r(`lucide-${i(o(e))}`,`lucide-${e}`,a),...s}));return a.displayName=o(e),a};export{f as t};

package/dist/gateway/static/root/assets/desktop-pet-Bpf6oegd.js

@@ -0,0 +1 @@
+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-BwQ3WssU.js";import{n as a}from"./locale-store-0lpYdNDr.js";import{Ds as o,t as s,uu as c}from"./index-C8JkTS6d.js";import{t as l}from"./desktop-pet-sprite-DTqXSpqf.js";var u=e(t(),1),d=n(),f=9e4,p=3e4,m=20*6e4,h=45e3,g=45*6e4,_=58;function v(e,t){return e.state===`running`&&t-(e.startedAt??e.timestamp)>=f}function y(e,t){return e.state===`running`&&t-e.timestamp>=p}function b(e,t,n){if(e.progress){let t=`${e.progress.completed}/${e.progress.total}`;return e.action.includes(t)?``:` · ${t}`}return e.detail&&!e.action.includes(e.detail)?n.replace(/\{\{detail\}\}/g,e.detail):e.state===`running`?` · ${Math.max(1,Math.floor((t-e.timestamp)/1e3))}s`:``}function x(e,t){if(e.state!==`success`||!e.publicSummary)return;let n=e.publicSummary.replace(/\s+/g,` `).trim(),r=n.length>_?`${n.slice(0,_-1)}…`:n;return t.replace(/\{\{summary\}\}/g,r)}function S(e,t,n){if(y(e,t))return n.stale;if(v(e,t))return n.longRunning}function C(e,t){let n=e.feedback?.reassurance;return n?t[n]:void 0}function w(e){let t=e.now-e.lastActivityAt,n=t>=m?(t-m)%g:1/0;return e.bubbleEnabled&&e.behaviorMode!==`focus`&&e.proactiveTipsEnabled&&(!e.remindersPausedUntil||e.now>=e.remindersPausedUntil)&&!e.collapsed&&e.queuedCount===0&&e.activeCount===0&&n<=h&&e.now>=e.dismissedUntil}function T(e,t,n){return e.state===`waiting`||e.state===`error`?`action_required`:e.state===`success`?t===`focus`?`ambient`:`notice`:y(e,n)||t===`playful`||t===`companion`&&v(e,n)?`notice`:`ambient`}function E(e,t,n,r){let i=T(e,t,n);return i===`action_required`?!0:r&&n<r?!1:i===`notice`}var D=8e3;function O(e,t){let n=e?.runId===t.runId,r=t.feedback?.sensitivity===`private`;return{...n?e:void 0,...t,startedAt:n?e.startedAt??e.timestamp:t.timestamp,publicSummary:r?void 0:t.publicSummary??(n?e.publicSummary:void 0),feedback:t.feedback??(n?e.feedback:void 0),expiresAt:t.state===`success`?t.timestamp+D:void 0}}function k(e,t){let n={...e};for(let e of t){let t=n[e.sessionKey];t?.runId===e.runId&&e.sequence<=t.sequence||(n[e.sessionKey]=O(t,e))}return n}function A(e,t){return t?.runId===e.runId&&t.state===e.state}function ee(e,t){let n={error:0,waiting:1,running:2,success:3};return e.filter(e=>!e.expiresAt||e.expiresAt>t).sort((e,t)=>n[e.state]-n[t.state]||t.timestamp-e.timestamp).slice(0,3)}function j(e){return e?`/chat/${e.sessionKey}`:void 0}var M=r();function N(e){return e?e.state===`error`?`concern`:e.state===`success`?`success`:e.animation??s(e.phase):`idle`}function P(e,t){if(!e?.length)return;let n=t.sequence;for(let e of`${t.sessionKey}:${t.runId}`)n=n*31+e.charCodeAt(0)>>>0;return e[n%e.length]}function F(e,t,n){let r=e.persona?.phrases??n;if(t.state===`success`)return P(r?.success,t);if(t.state===`waiting`)return P(r?.waiting,t);if(t.state===`error`)return P(r?.error,t)}function I(e,t,n){return e?n?`${e} · ${t}`:e:t}function L(e,t){let n=e.feedback?.nextAction?.type;if(n===`confirm`)return t.needsInput;if(n===`review_error`)return t.reviewIssue;if(n===`open_session`)return t.open;if(e.state===`waiting`)return t.needsInput;if(e.state===`error`)return t.reviewIssue;if(e.state===`success`)return t.open}function R(){let e=Date.now();return{prefs:{enabled:!0,showOnStartup:!1,selectedPetId:`ember`,alwaysOnTop:!0,bubbleEnabled:!0,clickThroughWhenIdle:!1,muted:!1,behaviorMode:`companion`,proactiveTipsEnabled:!0,interactionEnabled:!0,reducedMotion:!1,sizePercent:100,collapsed:!1},relationship:{firstMetAt:e,lastSeenAt:e,completedTaskCount:0,unlockedReactions:[],recentCompletedRunIds:[]},pets:[],visible:!0,customPetsDir:``,petIssues:[],activities:[]}}function z(){let e=i(a(e=>e.language)).desktopPet,[t,n]=(0,u.useState)(R),[r,s]=(0,u.useState)({}),[d,f]=(0,u.useState)({}),[p,m]=(0,u.useState)(Date.now()),[h,_]=(0,u.useState)(()=>Date.now()),[v,y]=(0,u.useState)(0),[T,D]=(0,u.useState)(null),O=(0,u.useRef)(null),z=(0,u.useRef)(!1),B=(0,u.useRef)(null),V=(0,u.useRef)(null),H=(0,u.useRef)(null),U=(0,u.useMemo)(()=>t.pets.find(e=>e.id===t.prefs.selectedPetId)??t.pets[0],[t]),W=Math.min(1.4,Math.max(.7,t.prefs.sizePercent/100)),G=(0,u.useMemo)(()=>ee(Object.values(r),p),[r,p]),K=(0,u.useMemo)(()=>t.prefs.bubbleEnabled?G.filter(e=>!A(e,d[e.sessionKey])&&E(e,t.prefs.behaviorMode,p,t.prefs.remindersPausedUntil)):[],[G,d,p,t.prefs.behaviorMode,t.prefs.bubbleEnabled,t.prefs.remindersPausedUntil]),q=(0,u.useMemo)(()=>t.prefs.bubbleEnabled?G.filter(e=>A(e,d[e.sessionKey])&&E(e,t.prefs.behaviorMode,p,t.prefs.remindersPausedUntil)).length:0,[G,d,p,t.prefs.behaviorMode,t.prefs.bubbleEnabled,t.prefs.remindersPausedUntil]),J=K[0]??G[0],te=p-h>20*6e4&&(new Date(p).getHours()>=23||new Date(p).getHours()<7)?`sleep`:`idle`,ne=T??(J?N(J):te),Y=e.personaPhrases[U?.persona?.tone??`calm`],X=w({bubbleEnabled:t.prefs.bubbleEnabled,behaviorMode:t.prefs.behaviorMode,proactiveTipsEnabled:t.prefs.proactiveTipsEnabled,remindersPausedUntil:t.prefs.remindersPausedUntil,collapsed:t.prefs.collapsed,queuedCount:K.length,activeCount:G.length,now:p,lastActivityAt:h,dismissedUntil:v});(0,u.useEffect)(()=>{document.documentElement.dataset.desktopPet=`true`;let e=window.electronAPI?.pet;if(!e)return;let t=e=>{n(e),s(t=>k(t,e.activities))};e.getState().then(t).catch(()=>{});let r=e.onStateChanged(t),i=e.onEvent(e=>s(t=>(_(Date.now()),k(t,[e])))),a=window.setInterval(()=>m(Date.now()),1e3);return()=>{delete document.documentElement.dataset.desktopPet,r(),i(),window.clearInterval(a)}},[]),(0,u.useEffect)(()=>{if(!t.relationshipMoment)return;D(t.relationshipMoment===`first_meeting`?`wake`:`greet`);let e=window.setTimeout(()=>D(null),1400);return()=>window.clearTimeout(e)},[t.relationshipMoment]),(0,u.useLayoutEffect)(()=>{let e=B.current,t=window.electronAPI?.pet;if(!e||!t)return;let n=()=>{let e=[V.current,H.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),V.current&&r.observe(V.current),H.current&&r.observe(H.current),n(),()=>r.disconnect()},[X,K.length,t.prefs.collapsed,W]);let Z=(e=J)=>{e&&e.state!==`running`&&(window.electronAPI?.pet?.acknowledgeEvent(e.sessionKey,e.runId),s(t=>{let{[e.sessionKey]:n,...r}=t;return r})),window.electronAPI?.pet?.openMainWindow(j(e))},re=async()=>{if(Object.keys(d).length>0&&(f({}),!t.prefs.collapsed))return;let e=await window.electronAPI?.pet?.setPrefs({collapsed:!t.prefs.collapsed});e&&n(e)},ie=(0,u.useCallback)(e=>{e.button===0&&(O.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}))},[]),ae=(0,u.useCallback)(e=>{let t=O.current;!t||t.pointerId!==e.pointerId||Math.abs(e.clientX-t.x)+Math.abs(e.clientY-t.y)>4&&(t.moved=!0,D(`pickedUp`),window.electronAPI?.pet?.drag({screenX:e.screenX,screenY:e.screenY}))},[]),Q=(0,u.useCallback)(e=>{let t=O.current;!t||t.pointerId!==e.pointerId||(O.current=null,window.electronAPI?.pet?.endDrag(),t.moved&&(D(`released`),window.setTimeout(()=>D(null),700),z.current=!0,window.setTimeout(()=>{z.current=!1},0)))},[]),oe=()=>{z.current||Z()};if(!U)return null;let se={"--desktop-pet-stage-size":`${Math.round(132*W)}px`,"--desktop-pet-menu-size":`${Math.round(28*W)}px`,"--desktop-pet-menu-left":`0px`,"--desktop-pet-menu-bottom":`${Math.round(12*W)}px`},$=t.prefs.collapsed?K.length:q;return(0,M.jsxs)(`div`,{ref:B,className:`desktop-pet-window`,style:se,children:[!t.prefs.collapsed&&K.length>0?(0,M.jsx)(`div`,{ref:V,className:`desktop-pet-bubble desktop-pet-queue`,children:K.map(t=>{let n=S(t,p,{longRunning:e.tipLongRunning,stale:e.tipStaleSignal}),r=x(t,e.tipCompleteSummary),i=C(t,{making_progress:e.petReassuranceMakingProgress,waiting_safely:e.petReassuranceWaitingSafely,completed:e.petReassuranceCompleted,work_preserved:e.petReassuranceWorkPreserved,details_available:e.petReassuranceDetailsAvailable}),a=r??n??i??t.action,s=I(F(U,t,Y),a,!!(r||n||i)),c=L(t,{open:e.viewSession,needsInput:e.petCtaNeedsInput,reviewIssue:e.petCtaReviewIssue});return(0,M.jsxs)(`div`,{className:`desktop-pet-session desktop-pet-session--${t.state}${n?` desktop-pet-session--health`:``}`,children:[(0,M.jsxs)(`button`,{type:`button`,className:`desktop-pet-session-open`,onClick:()=>Z(t),children:[(0,M.jsx)(`span`,{className:`desktop-pet-session-dot`}),(0,M.jsxs)(`span`,{className:`desktop-pet-session-main`,children:[(0,M.jsx)(`strong`,{children:t.sessionLabel}),(0,M.jsxs)(`span`,{children:[s,r||n?``:b(t,p,e.tipTargetSuffix)]})]}),c?(0,M.jsx)(`span`,{className:`desktop-pet-session-cta`,children:c}):null]}),(0,M.jsx)(`button`,{type:`button`,className:`desktop-pet-session-close`,"aria-label":e.dismissSession,onClick:()=>{window.electronAPI?.pet?.acknowledgeEvent(t.sessionKey,t.runId),f(e=>({...e,[t.sessionKey]:{runId:t.runId,state:t.state}}))},children:(0,M.jsx)(o,{size:12})})]},t.sessionKey)})}):null,X?(0,M.jsx)(`div`,{ref:V,className:`desktop-pet-bubble desktop-pet-queue desktop-pet-idle-tip`,children:(0,M.jsxs)(`div`,{className:`desktop-pet-session desktop-pet-session--idle`,children:[(0,M.jsxs)(`button`,{type:`button`,className:`desktop-pet-session-open`,onClick:()=>Z(),children:[(0,M.jsx)(`span`,{className:`desktop-pet-session-dot`}),(0,M.jsxs)(`span`,{className:`desktop-pet-session-main`,children:[(0,M.jsx)(`strong`,{children:e.idleTipTitle}),(0,M.jsx)(`span`,{children:P(U.persona?.phrases?.greeting??Y.greeting,{sessionKey:`idle`,runId:`idle`,sessionLabel:``,sequence:0,timestamp:h,state:`running`,phase:`waiting`,action:e.idleTipBody})??e.idleTipBody})]})]}),(0,M.jsx)(`button`,{type:`button`,className:`desktop-pet-session-close`,"aria-label":e.dismissSession,onClick:()=>y(p+g),children:(0,M.jsx)(o,{size:12})})]})}):null,(0,M.jsxs)(`div`,{ref:H,className:`desktop-pet-stage`,children:[(0,M.jsx)(`button`,{type:`button`,className:`desktop-pet-menu-button`,onClick:()=>void re(),"aria-label":e.menu,children:$>0?(0,M.jsx)(`span`,{className:`desktop-pet-tip-count`,children:Math.min(99,$)}):(0,M.jsx)(c,{className:`desktop-pet-menu-chevron size-4`})}),(0,M.jsx)(`button`,{type:`button`,className:`desktop-pet-hit-area`,onClick:oe,onPointerEnter:()=>{!J&&t.prefs.interactionEnabled&&t.prefs.behaviorMode===`playful`&&D(`greet`)},onPointerLeave:()=>{O.current||D(null)},onPointerDown:ie,onPointerMove:ae,onPointerUp:Q,onPointerCancel:Q,title:e.openApp,children:(0,M.jsx)(l,{pet:U,action:ne,reducedMotion:t.prefs.reducedMotion,displayHeight:Math.round(112*W)})})]})]})}function B(){let e=(0,d.c)(1),t;return e[0]===Symbol.for(`react.memo_cache_sentinel`)?(t=(0,M.jsx)(z,{}),e[0]=t):t=e[0],t}export{B as DesktopPetPage};

package/dist/gateway/static/root/assets/{desktop-pet-settings-BrHVvbBw.js → desktop-pet-settings-BVUyefSd.js}

@@ -1 +1 @@
-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-KS7C4IRE-uQ0fehio.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-DDsiqdJS.js";import{n as c}from"./locale-store-CPbGB_6l.js";import{$o as l,Fl as u,Go as d,Os as f,Vc as p,Xa as m,gs as h,hc as g,kc as _,pc as v,ts as y}from"./index-CHKe7nwC.js";import{t as b}from"./desktop-pet-sprite-CFd1jGLJ.js";import{n as x,r as S}from"./settings-page-layout-Cv_Cu4I5.js";var C=n(),w=e(t(),1),T=r();function E(e){let t=(0,C.c)(16),{title:n,desc:r,checked:i,disabled:a,onChange:o}=e,s;t[0]===n?s=t[1]:(s=(0,T.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,T.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,T.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,T.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,T.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 D(){let e=s(c(e=>e.language)).desktopPetSettings,t=i(),[n,r]=(0,w.useState)(null),[C,D]=(0,w.useState)(!1),[O,k]=(0,w.useState)(null),A=typeof window<`u`?window.electronAPI?.pet:void 0,j=(0,w.useMemo)(()=>n?.pets.find(e=>e.id===n.prefs.selectedPetId)??n?.pets[0],[n]),M=(0,w.useCallback)(async()=>{if(A){D(!0);try{r(await A.getState())}finally{D(!1)}}},[A]);if((0,w.useEffect)(()=>{if(A)return M(),A.onStateChanged(r)},[A,M]),!d()||!A)return null;if(!n)return(0,T.jsxs)(S,{gap:`gap-4`,children:[(0,T.jsx)(x,{title:e.title,subtitle:e.subtitle}),(0,T.jsx)(`section`,{className:`rounded-xl border border-edge bg-surface-base p-4`,"aria-busy":!0,"aria-label":e.loading,children:(0,T.jsxs)(`div`,{className:`space-y-3`,children:[(0,T.jsx)(m,{className:`h-14 rounded-xl`}),(0,T.jsx)(m,{className:`h-14 rounded-xl`}),(0,T.jsx)(m,{className:`h-24 rounded-xl`}),(0,T.jsx)(`div`,{className:`space-y-2 pt-2`,children:Array.from({length:3}).map((e,t)=>(0,T.jsx)(m,{className:`h-16 rounded-xl`},t))})]})})]});let N=async e=>{D(!0);try{r(await A.setPrefs(e))}finally{D(!1)}},P=async e=>{e?(await A.show(),r(await A.getState())):r(await A.setPrefs({enabled:!1}))},F=e=>{N({selectedPetId:e})},I=t=>{if(t.builtin&&t.i18nKey){let n=e.builtinPets[t.i18nKey];if(n)return n}return{name:t.name,description:t.description}},L=e=>{t({pathname:`/chat/new`,search:`?draft=${encodeURIComponent(e)}`})},R=e=>{if(e.sourcePrompt?.trim())return e.sourcePrompt.trim();let{description:t}=I(e);return t.replace(/^Custom pet generated from:\s*/i,``).trim()||t},z=(e,t)=>Object.entries(t).reduce((e,[t,n])=>e.split(`{${t}}`).join(n),e),B=()=>{L(e.createChatDraft)},V=t=>{L(z(e.optimizeChatDraft,{id:t.id,name:I(t).name,description:I(t).description,sourcePrompt:R(t)}))},H=t=>{L(z(e.fixChatDraft,{dir:t.dir,reason:t.reason,details:t.details?.join(`; `)||e.noIssueDetails}))},U=O??n.prefs.sizePercent,W=Math.max(1,Math.floor((Date.now()-n.relationship.firstMetAt)/864e5)+1),G=async(e=U)=>{let t=Math.min(140,Math.max(70,Math.round(e/5)*5));k(null),t!==n.prefs.sizePercent&&await N({sizePercent:t})};return(0,T.jsxs)(S,{gap:`gap-4`,children:[(0,T.jsx)(x,{title:e.title,subtitle:e.subtitle,actions:(0,T.jsxs)(`div`,{className:`flex shrink-0 flex-wrap gap-2`,children:[(0,T.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`,h.press),disabled:C,onClick:()=>void M(),children:[(0,T.jsx)(g,{className:a(`size-3.5`,C&&`animate-spin`),strokeWidth:1.75}),e.refresh]}),(0,T.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`,h.press),onClick:()=>void A.openCustomPetsDir(),children:[(0,T.jsx)(u,{className:`size-3.5`,strokeWidth:1.75}),e.openFolder]})]})}),(0,T.jsxs)(`section`,{className:`rounded-xl border border-edge bg-surface-base p-4 shadow-surface`,children:[(0,T.jsxs)(`div`,{className:`space-y-2`,children:[(0,T.jsx)(E,{title:e.enable,desc:e.enableDesc,checked:n.prefs.enabled,disabled:C,onChange:e=>void P(e)}),(0,T.jsx)(E,{title:e.showOnStartup,desc:e.showOnStartupDesc,checked:n.prefs.showOnStartup,disabled:C,onChange:e=>void N({showOnStartup:e})})]}),(0,T.jsx)(`div`,{className:`mt-5 rounded-xl border border-edge-subtle bg-surface-panel p-3`,children:(0,T.jsxs)(`div`,{className:`flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between`,children:[(0,T.jsxs)(`div`,{className:`flex min-w-0 items-start gap-2`,children:[(0,T.jsx)(f,{className:`mt-0.5 size-4 text-accent-fg`,strokeWidth:1.8}),(0,T.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,T.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:e.createTitle}),(0,T.jsx)(`p`,{className:`text-xs text-fg-muted`,children:e.createDesc})]})]}),(0,T.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`,h.press),onClick:B,children:[(0,T.jsx)(p,{className:`size-3.5`,strokeWidth:1.75}),e.createInChat]})]})}),(0,T.jsxs)(`div`,{className:`mt-3 flex items-center justify-between gap-3 rounded-xl border border-edge-subtle bg-surface-panel p-3`,children:[(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:e.bondTitle}),(0,T.jsx)(`p`,{className:`text-xs text-fg-muted`,children:e.bondDesc})]}),(0,T.jsx)(`span`,{className:`shrink-0 rounded-full bg-accent-soft px-2.5 py-1 text-xs font-medium text-accent-fg`,children:e.bondSummary.replace(`{days}`,String(W)).replace(`{tasks}`,String(n.relationship.completedTaskCount))})]}),(0,T.jsxs)(`div`,{className:`mt-5`,children:[(0,T.jsxs)(`div`,{className:`mb-2 flex items-center justify-between gap-3`,children:[(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:e.petList}),(0,T.jsx)(`p`,{className:`text-xs text-fg-muted`,children:e.petListDesc})]}),j?(0,T.jsx)(`span`,{className:`rounded-full bg-accent-soft px-2.5 py-1 text-xs font-medium text-accent-fg`,children:I(j).name}):null]}),(0,T.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=I(t);return(0,T.jsxs)(`div`,{className:`flex items-center gap-3 p-3`,children:[(0,T.jsx)(b,{pet:t,action:`idle`,size:`tiny`}),(0,T.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,T.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,T.jsx)(`p`,{className:`truncate text-sm font-semibold text-fg`,children:i.name}),t.builtin?null:(0,T.jsx)(`span`,{className:`rounded-full bg-surface-hover px-2 py-0.5 text-[11px] font-medium text-fg-muted`,children:e.customBadge})]}),(0,T.jsx)(`p`,{className:`truncate text-xs text-fg-muted`,children:i.description})]}),(0,T.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[t.builtin?null:(0,T.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`,h.press),onClick:()=>V(t),children:[(0,T.jsx)(_,{className:`size-3.5`,strokeWidth:1.75}),e.optimizeInChat]}),(0,T.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`,h.press),disabled:r||C,onClick:()=>F(t.id),children:r?e.selected:e.select})]})]},t.id)}),(0,T.jsxs)(`div`,{className:`flex flex-col gap-1 p-3 sm:flex-row sm:items-center sm:justify-between`,children:[(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`p`,{className:`text-xs font-semibold text-fg`,children:e.customPets}),(0,T.jsx)(`p`,{className:`font-mono text-xs text-fg-muted`,children:n.customPetsDir})]}),(0,T.jsxs)(`button`,{type:`button`,className:`inline-flex items-center gap-1.5 text-xs font-medium text-fg-muted hover:text-fg`,onClick:()=>void A.openCustomPetsDir(),children:[e.openFolder,(0,T.jsx)(u,{className:`size-3.5`,strokeWidth:1.75})]})]})]}),n.petIssues.length>0?(0,T.jsxs)(`div`,{className:`mt-2 rounded-xl border border-danger/30 bg-danger/5 p-3`,children:[(0,T.jsxs)(`div`,{className:`flex items-center gap-2 text-xs font-semibold text-danger`,children:[(0,T.jsx)(o,{className:`size-3.5`,strokeWidth:1.8}),e.invalidPets]}),(0,T.jsx)(`div`,{className:`mt-2 space-y-2`,children:n.petIssues.map(t=>(0,T.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,T.jsxs)(`div`,{className:`min-w-0`,children:[(0,T.jsx)(`p`,{className:`truncate font-mono text-[11px] text-fg`,children:t.dir}),(0,T.jsx)(`p`,{children:t.reason}),t.details?.length?(0,T.jsx)(`p`,{className:`line-clamp-2`,children:t.details.join(`; `)}):null]}),(0,T.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`,h.press),onClick:()=>H(t),children:[(0,T.jsx)(p,{className:`size-3.5`,strokeWidth:1.75}),e.fixInChat]})]},`${t.dir}-${t.reason}`))})]}):null]}),(0,T.jsxs)(`div`,{className:`mt-5 grid gap-2`,children:[(0,T.jsxs)(`div`,{className:`rounded-xl bg-surface-hover/50 p-3 dark:bg-surface-hover/35`,children:[(0,T.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`div`,{className:`text-sm font-medium text-fg`,children:e.size}),(0,T.jsx)(`p`,{className:`text-xs text-fg-muted`,children:e.sizeDesc})]}),(0,T.jsxs)(`span`,{className:`text-xs font-medium text-fg-muted`,children:[U,`%`]})]}),(0,T.jsx)(`input`,{type:`range`,min:70,max:140,step:5,className:`mt-3 w-full accent-accent`,value:U,onChange:e=>k(Number(e.target.value)),onBlur:()=>void G(),onKeyUp:e=>{(e.key===`Enter`||e.key===` `||e.key.startsWith(`Arrow`))&&G()},onPointerUp:()=>void G()})]}),(0,T.jsxs)(`div`,{className:`grid gap-2 sm:grid-cols-2`,children:[(0,T.jsx)(E,{title:e.alwaysOnTop,desc:e.alwaysOnTopDesc,checked:n.prefs.alwaysOnTop,disabled:C,onChange:e=>void N({alwaysOnTop:e})}),(0,T.jsx)(E,{title:e.bubbles,desc:e.bubblesDesc,checked:n.prefs.bubbleEnabled,disabled:C,onChange:e=>void N({bubbleEnabled:e})}),(0,T.jsx)(E,{title:e.proactiveTips,desc:e.proactiveTipsDesc,checked:n.prefs.proactiveTipsEnabled,disabled:C,onChange:e=>void N({proactiveTipsEnabled:e})}),(0,T.jsx)(E,{title:e.interactions,desc:e.interactionsDesc,checked:n.prefs.interactionEnabled,disabled:C,onChange:e=>void N({interactionEnabled:e})}),(0,T.jsx)(E,{title:e.reducedMotion,desc:e.reducedMotionDesc,checked:n.prefs.reducedMotion,disabled:C,onChange:e=>void N({reducedMotion:e})}),(0,T.jsx)(E,{title:e.clickThrough,desc:e.clickThroughDesc,checked:n.prefs.clickThroughWhenIdle,disabled:C,onChange:e=>void N({clickThroughWhenIdle:e})})]}),(0,T.jsxs)(`div`,{className:`flex flex-col gap-2 rounded-xl bg-surface-hover/50 p-3 dark:bg-surface-hover/35 sm:flex-row sm:items-center sm:justify-between`,children:[(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`div`,{className:`text-sm font-medium text-fg`,children:e.behaviorMode}),(0,T.jsx)(`p`,{className:`text-xs text-fg-muted`,children:e.behaviorModeDesc})]}),(0,T.jsxs)(l,{className:`w-full sm:w-40`,triggerClassName:`h-9 bg-surface-panel`,value:n.prefs.behaviorMode,onChange:e=>void N({behaviorMode:e.target.value}),children:[(0,T.jsx)(y,{value:`focus`,children:e.behaviorFocus}),(0,T.jsx)(y,{value:`companion`,children:e.behaviorCompanion}),(0,T.jsx)(y,{value:`playful`,children:e.behaviorPlayful})]})]}),(0,T.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`,h.press),disabled:C,onClick:()=>void A.resetPosition().then(r),children:[(0,T.jsx)(v,{className:`size-3.5`,strokeWidth:1.75}),e.resetPosition]})]})]})]})}export{D as DesktopPetSettings};
+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-KS7C4IRE-uQ0fehio.js";import{t as a}from"./circle-alert-BEjgurr2.js";import{t as o}from"./cn-JdwAhgNB.js";import{t as s}from"./messages-BwQ3WssU.js";import{n as c}from"./locale-store-0lpYdNDr.js";import{As as l,Go as u,Ll as d,Qa as f,Uc as p,_c as m,hc as h,jc as g,rs as _,ts as v,vs as y}from"./index-C8JkTS6d.js";import{t as b}from"./desktop-pet-sprite-DTqXSpqf.js";import{n as x,r as S}from"./settings-page-layout-D3srt5Bi.js";var C=n(),w=e(t(),1),T=r();function E(e){let t=(0,C.c)(16),{title:n,desc:r,checked:i,disabled:a,onChange:o}=e,s;t[0]===n?s=t[1]:(s=(0,T.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,T.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,T.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,T.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,T.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 D(){let e=s(c(e=>e.language)).desktopPetSettings,t=i(),[n,r]=(0,w.useState)(null),[C,D]=(0,w.useState)(!1),[O,k]=(0,w.useState)(null),A=typeof window<`u`?window.electronAPI?.pet:void 0,j=(0,w.useMemo)(()=>n?.pets.find(e=>e.id===n.prefs.selectedPetId)??n?.pets[0],[n]),M=(0,w.useCallback)(async()=>{if(A){D(!0);try{r(await A.getState())}finally{D(!1)}}},[A]);if((0,w.useEffect)(()=>{if(A)return M(),A.onStateChanged(r)},[A,M]),!u()||!A)return null;if(!n)return(0,T.jsxs)(S,{gap:`gap-4`,children:[(0,T.jsx)(x,{title:e.title,subtitle:e.subtitle}),(0,T.jsx)(`section`,{className:`rounded-xl border border-edge bg-surface-base p-4`,"aria-busy":!0,"aria-label":e.loading,children:(0,T.jsxs)(`div`,{className:`space-y-3`,children:[(0,T.jsx)(f,{className:`h-14 rounded-xl`}),(0,T.jsx)(f,{className:`h-14 rounded-xl`}),(0,T.jsx)(f,{className:`h-24 rounded-xl`}),(0,T.jsx)(`div`,{className:`space-y-2 pt-2`,children:Array.from({length:3}).map((e,t)=>(0,T.jsx)(f,{className:`h-16 rounded-xl`},t))})]})})]});let N=async e=>{D(!0);try{r(await A.setPrefs(e))}finally{D(!1)}},P=async e=>{e?(await A.show(),r(await A.getState())):r(await A.setPrefs({enabled:!1}))},F=e=>{N({selectedPetId:e})},I=t=>{if(t.builtin&&t.i18nKey){let n=e.builtinPets[t.i18nKey];if(n)return n}return{name:t.name,description:t.description}},L=e=>{t({pathname:`/chat/new`,search:`?draft=${encodeURIComponent(e)}`})},R=e=>{if(e.sourcePrompt?.trim())return e.sourcePrompt.trim();let{description:t}=I(e);return t.replace(/^Custom pet generated from:\s*/i,``).trim()||t},z=(e,t)=>Object.entries(t).reduce((e,[t,n])=>e.split(`{${t}}`).join(n),e),B=()=>{L(e.createChatDraft)},V=t=>{L(z(e.optimizeChatDraft,{id:t.id,name:I(t).name,description:I(t).description,sourcePrompt:R(t)}))},H=t=>{L(z(e.fixChatDraft,{dir:t.dir,reason:t.reason,details:t.details?.join(`; `)||e.noIssueDetails}))},U=O??n.prefs.sizePercent,W=Math.max(1,Math.floor((Date.now()-n.relationship.firstMetAt)/864e5)+1),G=async(e=U)=>{let t=Math.min(140,Math.max(70,Math.round(e/5)*5));k(null),t!==n.prefs.sizePercent&&await N({sizePercent:t})};return(0,T.jsxs)(S,{gap:`gap-4`,children:[(0,T.jsx)(x,{title:e.title,subtitle:e.subtitle,actions:(0,T.jsxs)(`div`,{className:`flex shrink-0 flex-wrap gap-2`,children:[(0,T.jsxs)(`button`,{type:`button`,className:o(`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`,y.press),disabled:C,onClick:()=>void M(),children:[(0,T.jsx)(m,{className:o(`size-3.5`,C&&`animate-spin`),strokeWidth:1.75}),e.refresh]}),(0,T.jsxs)(`button`,{type:`button`,className:o(`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`,y.press),onClick:()=>void A.openCustomPetsDir(),children:[(0,T.jsx)(d,{className:`size-3.5`,strokeWidth:1.75}),e.openFolder]})]})}),(0,T.jsxs)(`section`,{className:`rounded-xl border border-edge bg-surface-base p-4 shadow-surface`,children:[(0,T.jsxs)(`div`,{className:`space-y-2`,children:[(0,T.jsx)(E,{title:e.enable,desc:e.enableDesc,checked:n.prefs.enabled,disabled:C,onChange:e=>void P(e)}),(0,T.jsx)(E,{title:e.showOnStartup,desc:e.showOnStartupDesc,checked:n.prefs.showOnStartup,disabled:C,onChange:e=>void N({showOnStartup:e})})]}),(0,T.jsx)(`div`,{className:`mt-5 rounded-xl border border-edge-subtle bg-surface-panel p-3`,children:(0,T.jsxs)(`div`,{className:`flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between`,children:[(0,T.jsxs)(`div`,{className:`flex min-w-0 items-start gap-2`,children:[(0,T.jsx)(l,{className:`mt-0.5 size-4 text-accent-fg`,strokeWidth:1.8}),(0,T.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,T.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:e.createTitle}),(0,T.jsx)(`p`,{className:`text-xs text-fg-muted`,children:e.createDesc})]})]}),(0,T.jsxs)(`button`,{type:`button`,className:o(`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`,y.press),onClick:B,children:[(0,T.jsx)(p,{className:`size-3.5`,strokeWidth:1.75}),e.createInChat]})]})}),(0,T.jsxs)(`div`,{className:`mt-3 flex items-center justify-between gap-3 rounded-xl border border-edge-subtle bg-surface-panel p-3`,children:[(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:e.bondTitle}),(0,T.jsx)(`p`,{className:`text-xs text-fg-muted`,children:e.bondDesc})]}),(0,T.jsx)(`span`,{className:`shrink-0 rounded-full bg-accent-soft px-2.5 py-1 text-xs font-medium text-accent-fg`,children:e.bondSummary.replace(`{days}`,String(W)).replace(`{tasks}`,String(n.relationship.completedTaskCount))})]}),(0,T.jsxs)(`div`,{className:`mt-5`,children:[(0,T.jsxs)(`div`,{className:`mb-2 flex items-center justify-between gap-3`,children:[(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:e.petList}),(0,T.jsx)(`p`,{className:`text-xs text-fg-muted`,children:e.petListDesc})]}),j?(0,T.jsx)(`span`,{className:`rounded-full bg-accent-soft px-2.5 py-1 text-xs font-medium text-accent-fg`,children:I(j).name}):null]}),(0,T.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=I(t);return(0,T.jsxs)(`div`,{className:`flex items-center gap-3 p-3`,children:[(0,T.jsx)(b,{pet:t,action:`idle`,size:`tiny`}),(0,T.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,T.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,T.jsx)(`p`,{className:`truncate text-sm font-semibold text-fg`,children:i.name}),t.builtin?null:(0,T.jsx)(`span`,{className:`rounded-full bg-surface-hover px-2 py-0.5 text-[11px] font-medium text-fg-muted`,children:e.customBadge})]}),(0,T.jsx)(`p`,{className:`truncate text-xs text-fg-muted`,children:i.description})]}),(0,T.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[t.builtin?null:(0,T.jsxs)(`button`,{type:`button`,className:o(`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`,y.press),onClick:()=>V(t),children:[(0,T.jsx)(g,{className:`size-3.5`,strokeWidth:1.75}),e.optimizeInChat]}),(0,T.jsx)(`button`,{type:`button`,className:o(`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`,y.press),disabled:r||C,onClick:()=>F(t.id),children:r?e.selected:e.select})]})]},t.id)}),(0,T.jsxs)(`div`,{className:`flex flex-col gap-1 p-3 sm:flex-row sm:items-center sm:justify-between`,children:[(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`p`,{className:`text-xs font-semibold text-fg`,children:e.customPets}),(0,T.jsx)(`p`,{className:`font-mono text-xs text-fg-muted`,children:n.customPetsDir})]}),(0,T.jsxs)(`button`,{type:`button`,className:`inline-flex items-center gap-1.5 text-xs font-medium text-fg-muted hover:text-fg`,onClick:()=>void A.openCustomPetsDir(),children:[e.openFolder,(0,T.jsx)(d,{className:`size-3.5`,strokeWidth:1.75})]})]})]}),n.petIssues.length>0?(0,T.jsxs)(`div`,{className:`mt-2 rounded-xl border border-danger/30 bg-danger/5 p-3`,children:[(0,T.jsxs)(`div`,{className:`flex items-center gap-2 text-xs font-semibold text-danger`,children:[(0,T.jsx)(a,{className:`size-3.5`,strokeWidth:1.8}),e.invalidPets]}),(0,T.jsx)(`div`,{className:`mt-2 space-y-2`,children:n.petIssues.map(t=>(0,T.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,T.jsxs)(`div`,{className:`min-w-0`,children:[(0,T.jsx)(`p`,{className:`truncate font-mono text-[11px] text-fg`,children:t.dir}),(0,T.jsx)(`p`,{children:t.reason}),t.details?.length?(0,T.jsx)(`p`,{className:`line-clamp-2`,children:t.details.join(`; `)}):null]}),(0,T.jsxs)(`button`,{type:`button`,className:o(`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`,y.press),onClick:()=>H(t),children:[(0,T.jsx)(p,{className:`size-3.5`,strokeWidth:1.75}),e.fixInChat]})]},`${t.dir}-${t.reason}`))})]}):null]}),(0,T.jsxs)(`div`,{className:`mt-5 grid gap-2`,children:[(0,T.jsxs)(`div`,{className:`rounded-xl bg-surface-hover/50 p-3 dark:bg-surface-hover/35`,children:[(0,T.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`div`,{className:`text-sm font-medium text-fg`,children:e.size}),(0,T.jsx)(`p`,{className:`text-xs text-fg-muted`,children:e.sizeDesc})]}),(0,T.jsxs)(`span`,{className:`text-xs font-medium text-fg-muted`,children:[U,`%`]})]}),(0,T.jsx)(`input`,{type:`range`,min:70,max:140,step:5,className:`mt-3 w-full accent-accent`,value:U,onChange:e=>k(Number(e.target.value)),onBlur:()=>void G(),onKeyUp:e=>{(e.key===`Enter`||e.key===` `||e.key.startsWith(`Arrow`))&&G()},onPointerUp:()=>void G()})]}),(0,T.jsxs)(`div`,{className:`grid gap-2 sm:grid-cols-2`,children:[(0,T.jsx)(E,{title:e.alwaysOnTop,desc:e.alwaysOnTopDesc,checked:n.prefs.alwaysOnTop,disabled:C,onChange:e=>void N({alwaysOnTop:e})}),(0,T.jsx)(E,{title:e.bubbles,desc:e.bubblesDesc,checked:n.prefs.bubbleEnabled,disabled:C,onChange:e=>void N({bubbleEnabled:e})}),(0,T.jsx)(E,{title:e.proactiveTips,desc:e.proactiveTipsDesc,checked:n.prefs.proactiveTipsEnabled,disabled:C,onChange:e=>void N({proactiveTipsEnabled:e})}),(0,T.jsx)(E,{title:e.interactions,desc:e.interactionsDesc,checked:n.prefs.interactionEnabled,disabled:C,onChange:e=>void N({interactionEnabled:e})}),(0,T.jsx)(E,{title:e.reducedMotion,desc:e.reducedMotionDesc,checked:n.prefs.reducedMotion,disabled:C,onChange:e=>void N({reducedMotion:e})}),(0,T.jsx)(E,{title:e.clickThrough,desc:e.clickThroughDesc,checked:n.prefs.clickThroughWhenIdle,disabled:C,onChange:e=>void N({clickThroughWhenIdle:e})})]}),(0,T.jsxs)(`div`,{className:`flex flex-col gap-2 rounded-xl bg-surface-hover/50 p-3 dark:bg-surface-hover/35 sm:flex-row sm:items-center sm:justify-between`,children:[(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`div`,{className:`text-sm font-medium text-fg`,children:e.behaviorMode}),(0,T.jsx)(`p`,{className:`text-xs text-fg-muted`,children:e.behaviorModeDesc})]}),(0,T.jsxs)(v,{className:`w-full sm:w-40`,triggerClassName:`h-9 bg-surface-panel`,value:n.prefs.behaviorMode,onChange:e=>void N({behaviorMode:e.target.value}),children:[(0,T.jsx)(_,{value:`focus`,children:e.behaviorFocus}),(0,T.jsx)(_,{value:`companion`,children:e.behaviorCompanion}),(0,T.jsx)(_,{value:`playful`,children:e.behaviorPlayful})]})]}),(0,T.jsxs)(`button`,{type:`button`,className:o(`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`,y.press),disabled:C,onClick:()=>void A.resetPosition().then(r),children:[(0,T.jsx)(h,{className:`size-3.5`,strokeWidth:1.75}),e.resetPosition]})]})]})]})}export{D as DesktopPetSettings};

package/dist/gateway/static/root/assets/{desktop-pet-sprite-CFd1jGLJ.js → desktop-pet-sprite-DTqXSpqf.js}

@@ -1 +1 @@
-import{n as e,t}from"./vendor-react-BOUWij0V.js";import{t as n}from"./cn-BQ_8x0bT.js";var r=e(),i=t(),a=8;function o(e){let t=(0,r.c)(45),{pet:o,action:l,size:u,displayHeight:d,reducedMotion:f,className:p}=e,m=u===void 0?`normal`:u,h=f===void 0?!1:f,g=o.animations[l],_=m===`tiny`?40:m===`small`?54:112,v;t[0]!==_||t[1]!==d?(v=Math.round(d??_),t[0]=_,t[1]=d,t[2]=v):v=t[2];let y=Math.max(1,v)/g.frameHeight,b;t[3]!==g.frameWidth||t[4]!==y?(b=Math.round(g.frameWidth*y),t[3]=g.frameWidth,t[4]=y,t[5]=b):b=t[5];let x=b,S;t[6]===o.animations?S=t[7]:(S=Object.values(o.animations),t[6]=o.animations,t[7]=S);let C;t[8]!==g.imageDataUrl||t[9]!==S?(C=S.filter(e=>e.imageDataUrl===g.imageDataUrl).map(c),t[8]=g.imageDataUrl,t[9]=S,t[10]=C):C=t[10];let w=Math.max(g.sheetHeight??0,g.offsetY+g.frameHeight,...C),T;t[11]===o.animations?T=t[12]:(T=Object.values(o.animations),t[11]=o.animations,t[12]=T);let E;t[13]!==g.imageDataUrl||t[14]!==T?(E=T.filter(e=>e.imageDataUrl===g.imageDataUrl).map(s),t[13]=g.imageDataUrl,t[14]=T,t[15]=E):E=t[15];let D=Math.max(g.sheetWidth??0,g.offsetX+g.frameWidth*g.frameCount,...E),O=Math.min(g.frameHeight+a,w-g.offsetY),k;t[16]!==y||t[17]!==O?(k=Math.round(O*y),t[16]=y,t[17]=O,t[18]=k):k=t[18];let A=k,j=Math.max(.1,g.frameCount/g.fps),M=`${x}px`,N=`${A}px`,P;t[19]!==y||t[20]!==D?(P=Math.round(D*y),t[19]=y,t[20]=D,t[21]=P):P=t[21];let F;t[22]!==y||t[23]!==w?(F=Math.round(w*y),t[22]=y,t[23]=w,t[24]=F):F=t[24];let I=`${P}px ${F}px`,L=`${-g.offsetX*y}px`,R=`${-g.offsetY*y}px`,z=`${-(g.offsetX+g.frameWidth*g.frameCount)*y}px`,B=`${j}s`,V=`url("${g.imageDataUrl}")`,H;t[25]!==g.frameCount||t[26]!==M||t[27]!==N||t[28]!==I||t[29]!==L||t[30]!==R||t[31]!==z||t[32]!==B||t[33]!==V?(H={width:M,height:N,backgroundSize:I,"--pet-frame-count":g.frameCount,"--pet-frame-start-x":L,"--pet-frame-start-y":R,"--pet-frame-end-x":z,"--pet-animation-duration":B,backgroundImage:V},t[25]=g.frameCount,t[26]=M,t[27]=N,t[28]=I,t[29]=L,t[30]=R,t[31]=z,t[32]=B,t[33]=V,t[34]=H):H=t[34];let U=H,W=`desktop-pet-sprite--${l}`,G=g.loop?`desktop-pet-sprite--loop`:`desktop-pet-sprite--once`,K=h&&`desktop-pet-sprite--reduced-motion`,q=m===`tiny`&&`desktop-pet-sprite--tiny`,J=m===`small`&&`desktop-pet-sprite--small`,Y;t[35]!==p||t[36]!==W||t[37]!==G||t[38]!==K||t[39]!==q||t[40]!==J?(Y=n(`desktop-pet-sprite`,W,G,K,q,J,p),t[35]=p,t[36]=W,t[37]=G,t[38]=K,t[39]=q,t[40]=J,t[41]=Y):Y=t[41];let X;return t[42]!==U||t[43]!==Y?(X=(0,i.jsx)(`span`,{className:Y,style:U,"aria-hidden":!0}),t[42]=U,t[43]=Y,t[44]=X):X=t[44],X}function s(e){return e.offsetX+e.frameWidth*e.frameCount}function c(e){return e.offsetY+e.frameHeight}export{o as t};
+import{n as e,t}from"./vendor-react-BOUWij0V.js";import{t as n}from"./cn-JdwAhgNB.js";var r=e(),i=t(),a=8;function o(e){let t=(0,r.c)(45),{pet:o,action:l,size:u,displayHeight:d,reducedMotion:f,className:p}=e,m=u===void 0?`normal`:u,h=f===void 0?!1:f,g=o.animations[l],_=m===`tiny`?40:m===`small`?54:112,v;t[0]!==_||t[1]!==d?(v=Math.round(d??_),t[0]=_,t[1]=d,t[2]=v):v=t[2];let y=Math.max(1,v)/g.frameHeight,b;t[3]!==g.frameWidth||t[4]!==y?(b=Math.round(g.frameWidth*y),t[3]=g.frameWidth,t[4]=y,t[5]=b):b=t[5];let x=b,S;t[6]===o.animations?S=t[7]:(S=Object.values(o.animations),t[6]=o.animations,t[7]=S);let C;t[8]!==g.imageDataUrl||t[9]!==S?(C=S.filter(e=>e.imageDataUrl===g.imageDataUrl).map(c),t[8]=g.imageDataUrl,t[9]=S,t[10]=C):C=t[10];let w=Math.max(g.sheetHeight??0,g.offsetY+g.frameHeight,...C),T;t[11]===o.animations?T=t[12]:(T=Object.values(o.animations),t[11]=o.animations,t[12]=T);let E;t[13]!==g.imageDataUrl||t[14]!==T?(E=T.filter(e=>e.imageDataUrl===g.imageDataUrl).map(s),t[13]=g.imageDataUrl,t[14]=T,t[15]=E):E=t[15];let D=Math.max(g.sheetWidth??0,g.offsetX+g.frameWidth*g.frameCount,...E),O=Math.min(g.frameHeight+a,w-g.offsetY),k;t[16]!==y||t[17]!==O?(k=Math.round(O*y),t[16]=y,t[17]=O,t[18]=k):k=t[18];let A=k,j=Math.max(.1,g.frameCount/g.fps),M=`${x}px`,N=`${A}px`,P;t[19]!==y||t[20]!==D?(P=Math.round(D*y),t[19]=y,t[20]=D,t[21]=P):P=t[21];let F;t[22]!==y||t[23]!==w?(F=Math.round(w*y),t[22]=y,t[23]=w,t[24]=F):F=t[24];let I=`${P}px ${F}px`,L=`${-g.offsetX*y}px`,R=`${-g.offsetY*y}px`,z=`${-(g.offsetX+g.frameWidth*g.frameCount)*y}px`,B=`${j}s`,V=`url("${g.imageDataUrl}")`,H;t[25]!==g.frameCount||t[26]!==M||t[27]!==N||t[28]!==I||t[29]!==L||t[30]!==R||t[31]!==z||t[32]!==B||t[33]!==V?(H={width:M,height:N,backgroundSize:I,"--pet-frame-count":g.frameCount,"--pet-frame-start-x":L,"--pet-frame-start-y":R,"--pet-frame-end-x":z,"--pet-animation-duration":B,backgroundImage:V},t[25]=g.frameCount,t[26]=M,t[27]=N,t[28]=I,t[29]=L,t[30]=R,t[31]=z,t[32]=B,t[33]=V,t[34]=H):H=t[34];let U=H,W=`desktop-pet-sprite--${l}`,G=g.loop?`desktop-pet-sprite--loop`:`desktop-pet-sprite--once`,K=h&&`desktop-pet-sprite--reduced-motion`,q=m===`tiny`&&`desktop-pet-sprite--tiny`,J=m===`small`&&`desktop-pet-sprite--small`,Y;t[35]!==p||t[36]!==W||t[37]!==G||t[38]!==K||t[39]!==q||t[40]!==J?(Y=n(`desktop-pet-sprite`,W,G,K,q,J,p),t[35]=p,t[36]=W,t[37]=G,t[38]=K,t[39]=q,t[40]=J,t[41]=Y):Y=t[41];let X;return t[42]!==U||t[43]!==Y?(X=(0,i.jsx)(`span`,{className:Y,style:U,"aria-hidden":!0}),t[42]=U,t[43]=Y,t[44]=X):X=t[44],X}function s(e){return e.offsetX+e.frameWidth*e.frameCount}function c(e){return e.offsetY+e.frameHeight}export{o as t};

package/dist/gateway/static/root/assets/{directory-picker-path-field-BPI969w-.js → directory-picker-path-field-DjSZAPz_.js}

@@ -1 +1 @@
-import{n as e,t}from"./vendor-react-BOUWij0V.js";import{t as n}from"./cn-BQ_8x0bT.js";import{At as r,Ft as i,Pt as a}from"./index-CHKe7nwC.js";var o=e(),s=t();function c(e){let t=(0,o.c)(38),{value:c,onChange:l,disabled:u,wd:d,placeholder:f,inputClassName:p,autoFocus:m,trailing:h}=e,g;t[0]!==l||t[1]!==c?(g={initialPath:c,onPicked:l},t[0]=l,t[1]=c,t[2]=g):g=t[2];let _=a(g),v;t[3]===c?v=t[4]:(v=c.trim(),t[3]=c,t[4]=v);let y=v,b=y?`${y}\n${d.chooseFolder}`:`${f??d.notSet}\n${d.selectWorkingDirectory}`,x;t[5]===p?x=t[6]:(x=n(`min-w-0 flex-1`,p),t[5]=p,t[6]=x);let S=u||_.picking,C;t[7]===l?C=t[8]:(C=e=>void l(e.target.value),t[7]=l,t[8]=C);let w=f??d.pathInputPlaceholder,T;t[9]!==m||t[10]!==x||t[11]!==S||t[12]!==C||t[13]!==w||t[14]!==c?(T=(0,s.jsx)(`input`,{type:`text`,className:x,value:c,disabled:S,onChange:C,placeholder:w,autoFocus:m,autoComplete:`off`,spellCheck:!1}),t[9]=m,t[10]=x,t[11]=S,t[12]=C,t[13]=w,t[14]=c,t[15]=T):T=t[15];let E=u||_.picking,D;t[16]!==b||t[17]!==_.pick||t[18]!==E||t[19]!==c||t[20]!==d.selectWorkingDirectory?(D=(0,s.jsx)(i,{compact:!0,value:c,onPick:_.pick,disabled:E,title:b,"aria-label":d.selectWorkingDirectory}),t[16]=b,t[17]=_.pick,t[18]=E,t[19]=c,t[20]=d.selectWorkingDirectory,t[21]=D):D=t[21];let O;t[22]!==D||t[23]!==h?(O=(0,s.jsxs)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2`,children:[D,h]}),t[22]=D,t[23]=h,t[24]=O):O=t[24];let k;t[25]!==O||t[26]!==T?(k=(0,s.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row sm:items-center`,children:[T,O]}),t[25]=O,t[26]=T,t[27]=k):k=t[27];let A;t[28]!==_.confirmPick||t[29]!==_.hasNativePicker||t[30]!==_.modalOpen||t[31]!==_.setModalOpen||t[32]!==y||t[33]!==d?(A=_.hasNativePicker?null:(0,s.jsx)(r,{open:_.modalOpen,onOpenChange:_.setModalOpen,initialAbsolutePath:y||void 0,onConfirm:_.confirmPick,wd:d}),t[28]=_.confirmPick,t[29]=_.hasNativePicker,t[30]=_.modalOpen,t[31]=_.setModalOpen,t[32]=y,t[33]=d,t[34]=A):A=t[34];let j;return t[35]!==k||t[36]!==A?(j=(0,s.jsxs)(s.Fragment,{children:[k,A]}),t[35]=k,t[36]=A,t[37]=j):j=t[37],j}export{c as t};
+import{n as e,t}from"./vendor-react-BOUWij0V.js";import{t as n}from"./cn-JdwAhgNB.js";import{At as r,Ft as i,Pt as a}from"./index-C8JkTS6d.js";var o=e(),s=t();function c(e){let t=(0,o.c)(38),{value:c,onChange:l,disabled:u,wd:d,placeholder:f,inputClassName:p,autoFocus:m,trailing:h}=e,g;t[0]!==l||t[1]!==c?(g={initialPath:c,onPicked:l},t[0]=l,t[1]=c,t[2]=g):g=t[2];let _=a(g),v;t[3]===c?v=t[4]:(v=c.trim(),t[3]=c,t[4]=v);let y=v,b=y?`${y}\n${d.chooseFolder}`:`${f??d.notSet}\n${d.selectWorkingDirectory}`,x;t[5]===p?x=t[6]:(x=n(`min-w-0 flex-1`,p),t[5]=p,t[6]=x);let S=u||_.picking,C;t[7]===l?C=t[8]:(C=e=>void l(e.target.value),t[7]=l,t[8]=C);let w=f??d.pathInputPlaceholder,T;t[9]!==m||t[10]!==x||t[11]!==S||t[12]!==C||t[13]!==w||t[14]!==c?(T=(0,s.jsx)(`input`,{type:`text`,className:x,value:c,disabled:S,onChange:C,placeholder:w,autoFocus:m,autoComplete:`off`,spellCheck:!1}),t[9]=m,t[10]=x,t[11]=S,t[12]=C,t[13]=w,t[14]=c,t[15]=T):T=t[15];let E=u||_.picking,D;t[16]!==b||t[17]!==_.pick||t[18]!==E||t[19]!==c||t[20]!==d.selectWorkingDirectory?(D=(0,s.jsx)(i,{compact:!0,value:c,onPick:_.pick,disabled:E,title:b,"aria-label":d.selectWorkingDirectory}),t[16]=b,t[17]=_.pick,t[18]=E,t[19]=c,t[20]=d.selectWorkingDirectory,t[21]=D):D=t[21];let O;t[22]!==D||t[23]!==h?(O=(0,s.jsxs)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2`,children:[D,h]}),t[22]=D,t[23]=h,t[24]=O):O=t[24];let k;t[25]!==O||t[26]!==T?(k=(0,s.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row sm:items-center`,children:[T,O]}),t[25]=O,t[26]=T,t[27]=k):k=t[27];let A;t[28]!==_.confirmPick||t[29]!==_.hasNativePicker||t[30]!==_.modalOpen||t[31]!==_.setModalOpen||t[32]!==y||t[33]!==d?(A=_.hasNativePicker?null:(0,s.jsx)(r,{open:_.modalOpen,onOpenChange:_.setModalOpen,initialAbsolutePath:y||void 0,onConfirm:_.confirmPick,wd:d}),t[28]=_.confirmPick,t[29]=_.hasNativePicker,t[30]=_.modalOpen,t[31]=_.setModalOpen,t[32]=y,t[33]=d,t[34]=A):A=t[34];let j;return t[35]!==k||t[36]!==A?(j=(0,s.jsxs)(s.Fragment,{children:[k,A]}),t[35]=k,t[36]=A,t[37]=j):j=t[37],j}export{c as t};