wizards 0.5.10 → 0.5.12

package/apps/web/dist/assets/{SettingsPage-C_frXK1B.js → SettingsPage-CZx52Ubk.js}

@@ -1 +1 @@
-import{r as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,t as n}from"./jsx-runtime-BNakU3Ej.js";import{$n as r,Bt as i,C as a,Dn as o,Dt as s,Fn as c,Ft as l,Gr as u,Gt as d,Jn as f,Lt as p,Mt as m,Nn as h,Nt as g,Ot as _,Rn as v,Rt as y,Un as b,Ut as x,W as S,Yt as C,Zn as ee,Zt as te,_r as ne,a as re,ar as w,br as T,cr as E,fr as ie,gr as ae,jn as oe,jt as se,kt as D,ln as ce,nr as O,on as le,tr as ue,ur as de,vr as fe,yr as pe}from"./ui-DWaP9zdL.js";import{n as me,t as he}from"./lock-heat0zQ3.js";import{n as ge,r as _e,t as ve}from"./ReadOnly--S0kHt6O.js";import{At as ye,B as k,Bt as be,G as xe,Gt as A,It as Se,K as Ce,Kt as j,M as we,N as Te,Nt as Ee,P as De,St as Oe,Ut as ke,Vt as Ae,Xt as je,Zt as M,b as Me,ct as Ne,et as Pe,f as Fe,ft as Ie,l as Le,m as Re,nt as ze,ot as Be,qt as Ve,s as He,u as Ue,ut as We,xt as Ge}from"./index-CC09ypna.js";import{a as N,c as Ke,d as qe,f as Je,i as P,l as Ye,n as Xe,o as Ze,r as Qe,s as $e,t as et,u as tt}from"./settings-menu-BpPXMKjQ.js";import{t as nt}from"./Harness-JP1WcYyl.js";var rt={name:`ear`,size:24,node:[[`path`,{d:`M6 8.5a6.5 6.5 0 1 1 13 0c0 6-6 6-6 10a3.5 3.5 0 1 1-7 0`,key:`1dfaln`}],[`path`,{d:`M15 8.5a2.5 2.5 0 0 0-5 0v1a2 2 0 1 1 0 4`,key:`1qnva7`}]]};rt.node;var it=E(rt),at={name:`key-round`,size:24,node:[[`path`,{d:`M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z`,key:`1s6t7t`}],[`circle`,{cx:`16.5`,cy:`7.5`,r:`.5`,fill:`currentColor`,key:`w0ekpg`}]]};at.node;var F=E(at),ot={name:`mail-plus`,size:24,node:[[`path`,{d:`M22 13V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h8`,key:`12jkf8`}],[`path`,{d:`m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7`,key:`1ocrg3`}],[`path`,{d:`M19 16v6`,key:`tddt3s`}],[`path`,{d:`M16 19h6`,key:`xwg31i`}]]};ot.node;var st=E(ot),ct={name:`rotate-cw`,size:24,node:[[`path`,{d:`M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8`,key:`1p45f6`}],[`path`,{d:`M21 3v5h-5`,key:`1q7to0`}]]};ct.node;var lt=E(ct),ut={name:`wrench`,size:24,node:[[`path`,{d:`M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z`,key:`1ngwbx`}]]};ut.node;var dt=E(ut),ft=pe(),I=e(t(),1),L=e(n(),1);function pt(){let e=Ue(),[t,n]=(0,I.useState)(null),[r,i]=(0,I.useState)(null),o=async e=>{n(e??`*`),i(null);try{await Le(e)}catch(e){i(e.message)}finally{n(null)}};return(0,L.jsxs)(a,{title:C(`plugins.title`),hint:e.canReload?C(`plugins.hint`):C(`plugins.hintManaged`),action:e.canReload?(0,L.jsx)(s,{variant:`secondary`,busy:t===`*`,onClick:()=>void o(),children:C(`plugins.rescan`)}):null,children:[e.plugins.length||e.problems.length?null:(0,L.jsx)(`p`,{className:`text-[0.875rem] text-ink-3`,children:C(`plugins.none`)}),(0,L.jsxs)(`ul`,{className:`divide-y divide-border-soft`,children:[e.plugins.map(n=>{let r=e.failed[n.id];return(0,L.jsxs)(`li`,{className:`flex items-start gap-4 py-4 first:pt-0 last:pb-0`,children:[(0,L.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-2.5 gap-y-1`,children:[(0,L.jsx)(`span`,{className:`font-medium text-[0.9375rem]`,children:n.name}),n.name===n.id?null:(0,L.jsxs)(`span`,{className:`font-mono text-[0.75rem] text-ink-4`,children:[n.id,` · `,n.version]})]}),n.description?(0,L.jsx)(`p`,{className:`mt-0.5 text-[0.875rem] text-ink-3`,children:n.description}):null,n.tools.length?(0,L.jsxs)(`div`,{className:`mt-2 flex flex-wrap items-center gap-1.5 text-[0.75rem] text-ink-3`,children:[C(`plugins.tools`),n.tools.map(e=>(0,L.jsx)(D,{children:e.id},e.id))]}):null,n.error?(0,L.jsx)(`p`,{className:`mt-2 text-[0.8125rem] text-rose`,children:C(`plugins.serverFailed`,{error:n.error})}):null,r?(0,L.jsx)(`p`,{className:`mt-2 text-[0.8125rem] text-rose`,children:C(`plugins.studioFailed`,{error:r})}):null]}),e.canReload?(0,L.jsx)(m,{label:C(`plugins.reload`),disabled:t!==null,onClick:()=>void o(n.id),children:(0,L.jsx)(lt,{className:t===n.id?`size-4 animate-spin`:`size-4`})}):null]},n.id)}),e.problems.map(e=>(0,L.jsxs)(`li`,{className:`py-4 first:pt-0 last:pb-0`,children:[(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-2.5 gap-y-1`,children:[(0,L.jsx)(D,{tone:`warn`,children:C(`plugins.problems`)}),(0,L.jsx)(`span`,{className:`break-all font-mono text-[0.75rem] text-ink-3`,children:e.path})]}),(0,L.jsx)(`p`,{className:`mt-1.5 text-[0.8125rem] text-ink-3`,children:e.message})]},e.path))]}),r?(0,L.jsx)(`p`,{className:`mt-4 text-[0.8125rem] text-rose`,children:r}):null]})}var mt=[`pro-modules`],ht=`/api/studio/plugins/-/pro`,gt={managed:`pro.held.plan`,not_installed:`pro.held.release`,release:`pro.held.release`,unconfirmed:`pro.held.unconfirmed`,plan:`pro.held.plan`},_t=e=>new Date(e).toLocaleDateString(le[d],{day:`numeric`,month:`long`});function vt(){let e=u(),{canReload:t}=Ue(),n=T({queryKey:mt,queryFn:()=>S.get(ht),enabled:t}),r=t=>e.setQueryData(mt,t),i=M({mutationFn:()=>S.post(`${ht}/refresh`),onSuccess:r}),o=M({mutationFn:e=>S.post(`${ht}/${e}`),onSuccess:r}),c=M({mutationFn:e=>S.del(`${ht}/${e}`),onSuccess:r}),l=n.data,d=o.isPending||c.isPending,p=o.error??c.error??i.error;return t?(0,L.jsx)(a,{title:C(`pro.title`),hint:C(`pro.hint`),action:l?.linked?(0,L.jsx)(s,{variant:`secondary`,busy:i.isPending,onClick:()=>i.mutate(),children:C(`pro.check`)}):null,children:l?l.linked?(0,L.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 text-[0.8125rem] text-ink-3`,children:[(0,L.jsxs)(`span`,{children:[l.plan?C(`pro.plan`,{plan:l.plan.name}):null,l.plan&&l.expiresAt?` · `:null,l.expiresAt?C(`pro.confirmedUntil`,{date:_t(l.expiresAt)}):null]}),(0,L.jsxs)(s,{variant:`ghost`,onClick:()=>k(`${l.accountUrl}/billing`),children:[C(`pro.plans`),` `,(0,L.jsx)(f,{className:`size-4`})]})]}),l.error?(0,L.jsx)(`p`,{className:`text-[0.8125rem] text-rose`,children:l.error}):null,l.modules.length?(0,L.jsx)(`ul`,{className:`divide-y divide-border-soft`,children:l.modules.map(e=>(0,L.jsxs)(`li`,{className:`flex items-start gap-4 py-4 first:pt-0 last:pb-0`,children:[(0,L.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-2.5 gap-y-1`,children:[(0,L.jsx)(`span`,{className:`font-medium text-[0.9375rem]`,children:e.name}),(0,L.jsxs)(`span`,{className:`font-mono text-[0.75rem] text-ink-4`,children:[e.id,` · `,e.installed?.version??e.version]}),e.loaded?(0,L.jsx)(D,{tone:`live`,children:C(`pro.on`)}):null,e.included?null:(0,L.jsx)(D,{children:C(`pro.notInPlan`)}),e.installed&&e.heldBack&&e.included?(0,L.jsx)(D,{tone:`warn`,children:C(gt[e.heldBack])}):null]}),e.description?(0,L.jsx)(`p`,{className:`mt-0.5 text-[0.875rem] text-ink-3`,children:e.description}):null]}),(0,L.jsxs)(`div`,{className:`flex shrink-0 gap-2`,children:[e.included&&(!e.installed||e.update)?(0,L.jsx)(s,{busy:o.isPending&&o.variables===e.id,disabled:d,onClick:()=>o.mutate(e.id),children:e.installed?C(`pro.update`):C(`pro.install`)}):null,e.installed?(0,L.jsx)(s,{variant:`secondary`,busy:c.isPending&&c.variables===e.id,disabled:d,onClick:()=>c.mutate(e.id),children:C(`pro.remove`)}):null]})]},e.id))}):(0,L.jsx)(`p`,{className:`text-[0.875rem] text-ink-3`,children:C(`pro.none`,{runtime:l.runtime})}),p?(0,L.jsx)(`p`,{className:`text-[0.8125rem] text-rose`,children:p.message}):null]}):(0,L.jsx)(`p`,{className:`text-[0.875rem] text-ink-3`,children:C(`pro.notLinked`)}):(0,L.jsx)(y,{})}):null}function yt({connector:e}){let[t,n]=(0,I.useState)(!1);return(0,L.jsxs)(`div`,{className:`rounded-lg bg-paper ring-1 ring-border-soft`,children:[(0,L.jsxs)(`button`,{type:`button`,onClick:()=>n(e=>!e),className:`flex w-full items-center gap-3 px-3 py-2 text-left`,children:[(0,L.jsx)(`span`,{className:x(`size-2 shrink-0 rounded-full`,e.usable?`bg-moss`:`bg-ink-4`)}),(0,L.jsxs)(`span`,{className:`min-w-0 flex-1 truncate text-[0.8125rem]`,children:[e.name,` `,(0,L.jsx)(`span`,{className:`font-mono text-[0.6875rem] text-ink-4`,children:e.id})]}),(0,L.jsx)(`span`,{className:`shrink-0 text-[0.75rem] text-ink-3`,children:e.usable?C(`connectors.actions`,{n:e.actions.length,r:e.actions.filter(e=>e.group===`read`).length}):C(`connectors.notSetUp`)})]}),t?(0,L.jsxs)(`div`,{className:`border-border-soft border-t px-3 py-2 text-[0.75rem]`,children:[e.missingSetup?(0,L.jsxs)(`p`,{className:`mb-1 text-ink-3`,children:[C(`connectors.setup`),` `,(0,L.jsx)(`span`,{className:`font-mono text-ink-2`,children:e.missingSetup})]}):null,(0,L.jsx)(`p`,{className:`text-ink-4`,children:e.actions.map(e=>e.group===`read`?e.id:`${e.id} (${C(`connectors.group.${e.group}`)})`).join(` · `)})]}):null]})}var bt={none:`connectors.authNone`,oauth2:`connectors.authOauth`,api_key:`connectors.authKey`};function xt({projectId:e,connector:t,readOnly:n}){let r=u(),[i,a]=(0,I.useState)(!1),s=()=>r.invalidateQueries({queryKey:[`connectors`,e]}),c=`/api/studio/projects/${e}/connectors/${t.id}`,l=M({mutationFn:()=>S.post(`${c}/refresh`),onSuccess:s}),d=M({mutationFn:()=>S.del(c),onSuccess:s}),f=t.actions.filter(e=>e.group===`read`).length;return(0,L.jsxs)(`div`,{className:`rounded-lg bg-paper ring-1 ring-border-soft`,children:[(0,L.jsxs)(`div`,{className:`flex items-center gap-3 p-3`,children:[(0,L.jsx)(`div`,{className:`flex size-9 shrink-0 items-center justify-center rounded-lg bg-paper-2 text-ink-2`,children:(0,L.jsx)(ye,{className:`size-4`})}),(0,L.jsxs)(`button`,{type:`button`,onClick:()=>a(e=>!e),className:`min-w-0 flex-1 text-left`,children:[(0,L.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,L.jsx)(`span`,{className:`truncate font-medium text-[0.875rem]`,children:t.name}),(0,L.jsx)(`span`,{className:`font-mono text-[0.6875rem] text-ink-4`,children:t.id})]}),(0,L.jsxs)(`div`,{className:`truncate text-[0.75rem] text-ink-3`,children:[t.domain,` · `,t.sourceKind===`mcp`?`MCP`:`OpenAPI`,` ·`,` `,C(bt[t.auth]),` ·`,` `,t.toolsPending?C(`connectors.pending`):C(`connectors.actions`,{n:t.actions.length,r:f})]})]}),n?null:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(m,{label:C(`connectors.refresh`),onClick:()=>l.mutate(),children:l.isPending?(0,L.jsx)(y,{className:`size-4`}):(0,L.jsx)(h,{className:`size-4`})}),(0,L.jsx)(m,{label:C(`connectors.remove`),className:`hover:text-rose`,onClick:()=>confirm(C(`connectors.removeConfirm`,{name:t.name}))&&d.mutate(),children:(0,L.jsx)(o,{className:`size-4`})})]})]}),t.needsOAuthClient?(0,L.jsx)(`p`,{className:`border-border-soft border-t px-3 py-2 text-[0.75rem] text-rose`,children:C(`connectors.needsClient`)}):null,l.error??d.error?(0,L.jsx)(`p`,{className:`border-border-soft border-t px-3 py-2 text-[0.75rem] text-rose`,children:(l.error??d.error).message}):null,i&&t.actions.length?(0,L.jsx)(`ul`,{className:`max-h-64 overflow-y-auto border-border-soft border-t px-3 py-2`,children:t.actions.map(e=>(0,L.jsxs)(`li`,{className:`flex items-baseline gap-2 py-1 text-[0.75rem]`,children:[(0,L.jsx)(`span`,{className:x(`w-14 shrink-0 text-[0.6875rem] uppercase tracking-wide`,e.group===`read`?`text-moss`:e.group===`write`?`text-ink-3`:`text-rose`),children:C(`connectors.group.${e.group}`)}),(0,L.jsx)(`span`,{className:`shrink-0 font-mono text-ink-2`,children:e.id}),(0,L.jsx)(`span`,{className:`min-w-0 truncate text-ink-4`,children:e.summary})]},e.id))}):null]})}function St({projectId:e,domain:t,source:n,taken:r,onDone:i}){let a=u(),[o,c]=(0,I.useState)({id:``,secret:``}),[l,d]=(0,I.useState)(!1),f=r.includes(n.suggestedId),p=M({mutationFn:()=>S.post(`/api/studio/projects/${e}/connectors`,{domain:t,sourceKind:n.sourceKind,sourceUrl:n.sourceUrl,id:n.suggestedId,toolPrefix:n.suggestedToolPrefix,...n.name?{name:n.name}:{},...o.id&&o.secret?{oauthClientId:o.id,oauthClientSecret:o.secret}:{}}),onSuccess:async t=>{await a.invalidateQueries({queryKey:[`connectors`,e]}),i(t.warnings)}});return(0,L.jsxs)(`div`,{className:`rounded-lg bg-card p-3 ring-1 ring-border-soft`,children:[(0,L.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,L.jsx)(D,{tone:n.sourceKind===`mcp`?`ember`:`neutral`,children:n.sourceKind===`mcp`?`MCP`:`OpenAPI`}),(0,L.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,L.jsx)(`div`,{className:`truncate text-[0.8125rem]`,children:n.name??n.suggestedId}),(0,L.jsx)(`div`,{className:`truncate font-mono text-[0.6875rem] text-ink-4`,children:n.sourceUrl})]}),n.blocked||f?null:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`button`,{type:`button`,onClick:()=>d(e=>!e),className:`text-[0.75rem] text-ink-3 hover:text-ink`,children:C(`connectors.ownClient`)}),(0,L.jsx)(s,{size:`sm`,busy:p.isPending,onClick:()=>p.mutate(),children:C(`connectors.import`)})]})]}),n.blocked?(0,L.jsx)(`p`,{className:`mt-2 text-[0.75rem] text-ink-3`,children:n.blocked}):null,f?(0,L.jsx)(`p`,{className:`mt-2 text-[0.75rem] text-ink-3`,children:C(`connectors.exists`)}):null,l?(0,L.jsxs)(`div`,{className:`mt-3 grid gap-2 sm:grid-cols-2`,children:[(0,L.jsx)(g,{placeholder:C(`connectors.clientId`),value:o.id,onChange:e=>c(t=>({...t,id:e.target.value}))}),(0,L.jsx)(g,{type:`password`,autoComplete:`off`,placeholder:C(`connectors.clientSecret`),value:o.secret,onChange:e=>c(t=>({...t,secret:e.target.value}))})]}):null,p.error?(0,L.jsx)(`p`,{className:`mt-2 text-[0.75rem] text-rose`,children:p.error.message}):null]})}function Ct({projectId:e,readOnly:t}){let n=Pe(`unsetConnectors`),[r,i]=(0,I.useState)(``),[a,o]=(0,I.useState)(null),[c,l]=(0,I.useState)(null),[u,d]=(0,I.useState)([]),f=T({queryKey:[`connectors`,e],queryFn:()=>S.get(`/api/studio/projects/${e}/connectors`)}),p=M({mutationFn:()=>S.post(`/api/studio/connectors/search`,{query:r}),onSuccess:e=>{o(e),l(null),d([])}}),m=M({mutationFn:e=>S.get(`/api/studio/connectors/registry/${encodeURIComponent(e)}`),onSuccess:l}),h=f.data??[],v=h.filter(e=>e.sourceKind===`builtin`&&(n||e.usable)),b=h.filter(e=>e.sourceKind!==`builtin`);return(0,L.jsxs)(_,{className:`p-4 sm:p-6`,children:[(0,L.jsx)(`h2`,{className:`font-display font-semibold text-lg`,children:C(`connectors.title`)}),(0,L.jsx)(`p`,{className:`mt-1 mb-5 text-[0.875rem] text-ink-3`,children:C(`connectors.hint`)}),v.length?(0,L.jsx)(`div`,{className:`mb-5 grid gap-1.5 sm:grid-cols-2`,children:v.map(e=>(0,L.jsx)(yt,{connector:e},e.id))}):null,(0,L.jsx)(`h3`,{className:`mb-2 font-medium text-[0.75rem] text-ink-3 uppercase tracking-[0.07em]`,children:C(`connectors.imported`)}),b.length?(0,L.jsx)(`div`,{className:`mb-4 flex flex-col gap-2`,children:b.map(n=>(0,L.jsx)(xt,{projectId:e,connector:n,readOnly:t},n.id))}):null,t?b.length?null:(0,L.jsx)(`p`,{className:`text-[0.8125rem] text-ink-3`,children:C(`connectors.noneImported`)}):(0,L.jsxs)(`form`,{className:`flex gap-2`,onSubmit:e=>{e.preventDefault(),r.trim()&&p.mutate()},children:[(0,L.jsx)(g,{value:r,placeholder:C(`connectors.search`),onChange:e=>i(e.target.value)}),(0,L.jsxs)(s,{type:`submit`,variant:`secondary`,busy:p.isPending,children:[(0,L.jsx)(oe,{className:`size-4`}),` `,C(`connectors.find`)]})]}),p.error?(0,L.jsx)(`p`,{className:`mt-3 text-[0.8125rem] text-rose`,children:p.error.message}):null,a&&!c?(0,L.jsxs)(`div`,{className:`mt-3 flex flex-col gap-1`,children:[a.length?null:(0,L.jsx)(`p`,{className:`text-[0.8125rem] text-ink-3`,children:C(`connectors.none`)}),a.map(e=>(0,L.jsxs)(`button`,{type:`button`,disabled:!e.kinds.length,onClick:()=>m.mutate(e.domain),className:`flex items-center gap-3 rounded-lg px-3 py-2 text-left transition hover:bg-paper-2 disabled:opacity-50`,children:[(0,L.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,L.jsx)(`div`,{className:`truncate text-[0.875rem]`,children:e.domain}),(0,L.jsx)(`div`,{className:`truncate text-[0.75rem] text-ink-3`,children:e.description})]}),(0,L.jsx)(`span`,{className:`text-[0.6875rem] text-ink-4 uppercase`,children:e.kinds.join(` · `)}),(0,L.jsx)(ue,{className:`-rotate-90 size-4 text-ink-4`})]},e.domain)),m.isPending?(0,L.jsx)(y,{className:`mx-auto mt-2 size-4 text-ink-4`}):null,m.error?(0,L.jsx)(`p`,{className:`text-[0.8125rem] text-rose`,children:m.error.message}):null]}):null,c?(0,L.jsxs)(`div`,{className:`mt-4 flex flex-col gap-2`,children:[(0,L.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,L.jsx)(`div`,{className:`font-medium text-[0.875rem]`,children:c.domain}),(0,L.jsx)(`button`,{type:`button`,onClick:()=>l(null),className:`text-[0.75rem] text-ink-3 hover:text-ink`,children:C(`run.back`)})]}),c.summary?(0,L.jsx)(`p`,{className:`text-[0.8125rem] text-ink-3`,children:c.summary}):null,c.sources.map(t=>(0,L.jsx)(St,{projectId:e,domain:c.domain,source:t,taken:h.map(e=>e.id),onDone:d},`${t.sourceKind}:${t.sourceUrl}`)),c.credentials.filter(e=>e.setup||e.url).map(e=>(0,L.jsxs)(`p`,{className:`text-[0.75rem] text-ink-3`,children:[(0,L.jsxs)(`span`,{className:`text-ink-2`,children:[e.label,`:`]}),` `,e.setup,` `,e.url?(0,L.jsx)(`a`,{href:e.url,target:`_blank`,rel:`noreferrer`,className:`text-ember underline`,children:e.url}):null]},e.label)),u.map(e=>(0,L.jsx)(`p`,{className:`text-[0.75rem] text-ink-3`,children:e},e))]}):null]})}var R=`engenty-wizards`,wt=`engenty wizards`,Tt=`ENGENTY_WIZARDS_KEY`,Et=[{id:`claude-desktop`,name:`Claude Desktop`,widgets:!0,connector:!0},{id:`claude-code`,name:`Claude Code`,widgets:!1},{id:`codex`,name:`Codex · ChatGPT app`,widgets:!1},{id:`cursor`,name:`Cursor`,widgets:!0},{id:`vscode`,name:`VS Code (Copilot)`,widgets:!0},{id:`windsurf`,name:`Windsurf`,widgets:!1},{id:`gemini`,name:`Gemini CLI`,widgets:!1},{id:`goose`,name:`Goose`,widgets:!0},{id:`openclaw`,name:`OpenClaw`,widgets:!1},{id:`lm-studio`,name:`LM Studio`,widgets:!1},{id:`claude-ai`,name:`claude.ai`,widgets:!0,oauth:!0},{id:`chatgpt`,name:`ChatGPT`,widgets:!0,oauth:!0}],Dt={"claude-ai":{open:`https://claude.ai/settings/connectors`,where:`integrate.claudeAiWhere`,host:`claude.ai`},"claude-desktop":{where:`integrate.desktopWhere`,host:`claude.ai`},chatgpt:{where:`integrate.chatgptWhere`,host:`chatgpt.com`}};function z({text:e,muted:t}){let[n,r]=(0,I.useState)(!1);return(0,L.jsxs)(`div`,{className:x(`flex items-start gap-2 rounded-lg bg-paper-2 p-3`,t&&`text-ink-3 opacity-80`),children:[(0,L.jsx)(`code`,{className:`min-w-0 flex-1 whitespace-pre-wrap break-all font-mono text-[0.75rem] leading-relaxed`,children:e}),(0,L.jsx)(m,{label:C(n?`settings.copied`:`settings.copy`),onClick:async()=>{await navigator.clipboard.writeText(e),r(!0),setTimeout(()=>r(!1),1500)},children:n?(0,L.jsx)(O,{className:`size-4`}):(0,L.jsx)(ee,{className:`size-4`})})]})}function Ot(e){try{let t=new URL(e);return t.protocol===`https:`&&!/(^|\.)localhost$/.test(t.hostname)&&!/^(127\.|10\.|192\.168\.|\[::1\])/.test(t.hostname)}catch{return!1}}function B({children:e}){return(0,L.jsx)(`p`,{className:`text-[0.875rem] text-ink-3 leading-relaxed`,children:e})}function V({title:e,children:t}){return(0,L.jsxs)(`section`,{className:`flex flex-col gap-2.5 border-border-soft border-t pt-5 first:border-t-0 first:pt-0`,children:[(0,L.jsx)(`h3`,{className:`font-medium text-[0.9375rem]`,children:e}),t]})}var kt=`https://github.com/engenty/engenty-wizards-wp-plugin/releases/latest/download/engenty-wizards.zip`;function At({managed:e}){return(0,L.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,L.jsxs)(`div`,{children:[(0,L.jsx)(`h2`,{className:`font-display font-semibold text-[1.375rem] leading-tight tracking-tight`,children:`WordPress`}),(0,L.jsx)(`p`,{className:`mt-1 text-[0.9375rem] text-ink-2`,children:C(`integrate.wpIntro`)})]}),(0,L.jsxs)(_,{className:`flex flex-col gap-5 p-5`,children:[(0,L.jsxs)(V,{title:C(`integrate.wpInstall`),children:[(0,L.jsx)(B,{children:C(`integrate.wpInstallHint`)}),(0,L.jsx)(`div`,{children:(0,L.jsx)(s,{variant:`secondary`,size:`sm`,onClick:()=>window.open(kt,`_blank`),children:C(`integrate.wpDownload`)})})]}),(0,L.jsx)(V,{title:C(`integrate.wpConnect`),children:(0,L.jsx)(B,{children:C(e?`integrate.wpConnectHint`:`integrate.wpConnectLocal`)})}),(0,L.jsxs)(V,{title:C(`integrate.wpPlace`),children:[(0,L.jsx)(B,{children:C(`integrate.wpPlaceHint`)}),(0,L.jsx)(z,{text:`[engenty_wizard id="ID" mode="modal" label="${C(`integrate.wpSampleLabel`)}"]`})]}),(0,L.jsx)(V,{title:C(`integrate.wpPro`),children:(0,L.jsx)(B,{children:C(`integrate.wpProHint`)})}),(0,L.jsx)(V,{title:C(`integrate.wpLocal`),children:(0,L.jsx)(B,{children:C(`integrate.wpLocalHint`)})})]})]})}function jt(e,t){return JSON.stringify({[e]:{[R]:t}},null,2)}function Mt({id:e,url:t,apiKey:n}){let r=n?`Authorization: Bearer ${n}`:null,i=n?{headers:{Authorization:`Bearer ${n}`}}:{};switch(e){case`claude-code`:{let e=t.replace(/\/api\/mcp$/,`/api/claude-plugin`);return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:C(`mcp.terminal`)}),(0,L.jsx)(z,{text:`claude mcp add --transport http --scope user ${R} ${t}${r?` --header "${r}"`:``}`}),!n&&Ot(t)?(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:C(`mcp.ccPlugin`)}),(0,L.jsx)(z,{text:`claude plugin marketplace add ${e}/marketplace.json`}),(0,L.jsx)(z,{text:`claude plugin install ${R}@engenty`})]}):null]})}case`codex`:return n?(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:C(`mcp.codexKey`)}),(0,L.jsx)(z,{text:`echo 'export ${Tt}=${n}' >> ~/.zshrc && source ~/.zshrc`}),(0,L.jsx)(z,{text:`codex mcp add ${R} --url ${t} --bearer-token-env-var ${Tt}`})]}):(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:C(`mcp.terminal`)}),(0,L.jsx)(z,{text:`codex mcp add ${R} --url ${t}`}),(0,L.jsx)(z,{text:`codex mcp login ${R}`})]});case`gemini`:return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:C(`mcp.terminal`)}),(0,L.jsx)(z,{text:`gemini mcp add --scope user --transport http ${R} ${t}${r?` -H "${r}"`:``}`})]});case`cursor`:return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:C(`integrate.file`,{file:`~/.cursor/mcp.json`})}),(0,L.jsx)(z,{text:jt(`mcpServers`,{url:t,...i})})]});case`vscode`:return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:C(`integrate.vscode`)}),(0,L.jsx)(z,{text:jt(`servers`,{type:`http`,url:t,...i})})]});case`windsurf`:return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:C(`integrate.file`,{file:`~/.codeium/windsurf/mcp_config.json`})}),(0,L.jsx)(z,{text:jt(`mcpServers`,{serverUrl:t,...i})})]});case`lm-studio`:return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:C(`integrate.file`,{file:`~/.lmstudio/mcp.json`})}),(0,L.jsx)(z,{text:jt(`mcpServers`,{url:t,...i})})]});case`claude-desktop`:case`claude-ai`:return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:C(`mcp.claudeAi`)}),(0,L.jsx)(z,{text:t})]});case`chatgpt`:return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:C(`integrate.chatgpt`)}),(0,L.jsx)(z,{text:t})]});default:return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:C(`integrate.generic`)}),(0,L.jsx)(z,{text:t}),r?(0,L.jsx)(z,{text:r}):null]})}}function Nt(){let e=u(),t=T({queryKey:[`api-keys`],queryFn:()=>S.get(`/api/studio/api-keys`)}),n=M({mutationFn:e=>S.del(`/api/studio/api-keys/${e}`),onSuccess:()=>e.invalidateQueries({queryKey:[`api-keys`]})});return t.data?.length?(0,L.jsxs)(`section`,{children:[(0,L.jsx)(`h2`,{className:`font-display font-semibold text-lg`,children:C(`mcp.keys`)}),(0,L.jsx)(`p`,{className:`mt-1 mb-4 text-[0.875rem] text-ink-3`,children:C(`mcp.keysHint`)}),(0,L.jsx)(_,{className:`flex flex-col gap-2 p-3`,children:t.data.map(e=>(0,L.jsxs)(`div`,{className:`flex items-center gap-3 rounded-lg px-3 py-2`,children:[(0,L.jsx)(F,{className:`size-4 shrink-0 text-ink-4`}),(0,L.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,L.jsx)(`div`,{className:`truncate text-[0.875rem]`,children:e.name}),(0,L.jsxs)(`div`,{className:`font-mono text-[0.6875rem] text-ink-4`,children:[e.start,`… ·`,` `,e.lastRequest?C(`settings.lastUsed`,{when:new Date(e.lastRequest).toLocaleString(d)}):C(`settings.neverUsed`)]})]}),(0,L.jsx)(m,{label:C(`settings.revoke`),onClick:()=>n.mutate(e.id),className:`hover:text-rose`,children:(0,L.jsx)(o,{className:`size-4`})})]},e.id))})]}):null}function Pt(e,t){return t?.toolAt?`works`:e?.connected||t?`added`:`none`}var Ft={works:`done`,added:`on`,none:void 0},It={works:`integrate.stateWorks`,added:`integrate.stateAdded`,none:`integrate.stateNone`};function Lt({standing:e}){return e===`none`?(0,L.jsx)(`span`,{className:`w-2 text-center text-ink-4 leading-none`,children:`–`}):(0,L.jsx)(`span`,{className:x(`size-2 shrink-0 rounded-full`,e===`works`?`bg-moss`:`bg-ember`)})}function Rt(){return(0,L.jsx)(`div`,{className:`mt-5 flex flex-col gap-1.5 rounded-lg bg-paper-2 px-3 py-2.5 text-[0.75rem] text-ink-3`,children:[`works`,`added`,`none`].map(e=>(0,L.jsxs)(`span`,{className:`flex items-center gap-2.5`,children:[(0,L.jsx)(Lt,{standing:e}),C(It[e])]},e))})}function H({client:e,signIn:t}){let n=(e,t)=>(0,L.jsxs)(`span`,{className:`inline-flex items-center gap-1.5 rounded-full bg-card px-2.5 py-1 text-[0.8125rem] text-ink-2 ring-1 ring-border-soft`,children:[e,t]}),r=(0,L.jsx)(O,{className:`size-3.5 text-moss`,strokeWidth:3});return(0,L.jsxs)(`div`,{className:`mt-2 flex flex-wrap gap-2`,children:[n(r,C(`integrate.outRun`)),e.widgets?n(r,C(`integrate.outWidget`)):n((0,L.jsx)(_e,{className:`size-3.5 text-ink-3`}),C(`integrate.outText`)),t?n((0,L.jsx)(he,{className:`size-3.5 text-ink-3`}),C(`integrate.outSignIn`)):null]})}function U({client:e,works:t,children:n}){return(0,L.jsxs)(`div`,{children:[(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[(0,L.jsx)(`h2`,{className:`font-display font-semibold text-[1.375rem] leading-tight tracking-tight`,children:e.name}),t?(0,L.jsx)(D,{tone:`live`,icon:(0,L.jsx)(O,{className:`size-3.5`,strokeWidth:3}),children:C(`integrate.works`)}):null]}),n]})}function W({n:e,state:t,title:n,children:r}){return(0,L.jsxs)(`li`,{"aria-current":t===`now`?`step`:void 0,className:x(`grid grid-cols-[28px_minmax(0,1fr)] gap-x-3.5 rounded-xl px-3 py-3`,t===`now`&&`bg-ember-tint/40 ring-1 ring-ember-strong/25`),children:[(0,L.jsx)(`span`,{className:x(`grid size-7 place-items-center rounded-full font-semibold text-[0.8125rem]`,t===`done`&&`bg-moss text-white`,(t===`now`||t===`todo`)&&`bg-primary text-primary-foreground`,t===`later`&&`bg-paper text-ink-3 ring-1 ring-border`),children:t===`done`?(0,L.jsx)(O,{className:`size-3.5`,strokeWidth:3}):e}),(0,L.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-2 pt-1`,children:[(0,L.jsx)(`span`,{className:x(`font-medium text-[0.9375rem]`,t===`later`&&`text-ink-2`),children:n}),r?(0,L.jsx)(`div`,{className:x(`flex flex-col gap-2`,t===`later`&&`opacity-70`),children:r}):null]})]})}function zt({children:e}){return(0,L.jsxs)(_,{className:`p-3 sm:p-4`,children:[(0,L.jsx)(`h3`,{className:`px-3 pt-2 pb-2 font-medium text-[0.9375rem]`,children:C(`integrate.steps`)}),(0,L.jsx)(`ol`,{className:`flex flex-col gap-1`,children:e})]})}function Bt({app:e}){return(0,L.jsxs)(`p`,{className:`flex items-center gap-2 text-[0.8125rem] text-ember-strong`,children:[(0,L.jsx)(`span`,{className:`size-2 rounded-full bg-ember`}),C(`integrate.waiting`,{app:e})]})}function Vt({client:e,seen:t}){let n=(e,t)=>(0,L.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[e?(0,L.jsx)(O,{className:`size-3.5 text-moss`,strokeWidth:3}):(0,L.jsx)(`span`,{className:`size-2.5 rounded-full ring-2 ring-ink-4 ring-inset`}),t]});return(0,L.jsxs)(`p`,{className:`flex flex-wrap gap-x-4 gap-y-1 text-[0.8125rem] text-ink-2`,children:[n(!!t,C(`integrate.checkSeen`)),n(!!t?.toolAt,C(`integrate.checkTool`)),e.widgets?n(!!t?.widgetAt,C(`integrate.checkWidget`)):null]})}function Ht(){let e=We().data,{project:t}=Be(),n=T({queryKey:[`wizards`,t?.id,!!e?.account],queryFn:()=>S.get(`/api/studio/projects/${t.id}/wizards`),enabled:!!t}).data??[];return n.find(e=>e.published)??n[0]??null}function Ut({client:e,footer:t}){let n=Ht(),r=n?[{label:C(`integrate.labelRun`),text:C(`integrate.askRun`,{title:n.title})},{label:C(`integrate.labelBuild`),text:C(`integrate.askBuild`)},{label:C(`integrate.labelExplain`),text:C(`integrate.askExplain`,{title:n.title})}]:[{label:C(`integrate.labelAsk`),text:C(`integrate.askTool`)},{label:C(`integrate.labelBuild`),text:C(`integrate.askBuild`)}];return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)(_,{className:`flex flex-col gap-4 p-5 sm:p-6`,children:[(0,L.jsxs)(`div`,{children:[(0,L.jsx)(`h3`,{className:`font-medium text-[0.9375rem]`,children:C(`integrate.next`)}),(0,L.jsx)(B,{children:C(`integrate.nextHint`,{app:e.name})})]}),(0,L.jsx)(`ul`,{className:`flex flex-col gap-2`,children:r.map(e=>(0,L.jsxs)(`li`,{className:`grid items-start gap-1 sm:grid-cols-[5.5rem_minmax(0,1fr)] sm:gap-3`,children:[(0,L.jsx)(`span`,{className:`pt-3 text-[0.75rem] text-ink-3`,children:e.label}),(0,L.jsx)(z,{text:e.text})]},e.label))})]}),e.widgets?null:(0,L.jsxs)(`p`,{className:`flex items-start gap-3 rounded-xl bg-paper-2 px-4 py-3 text-[0.875rem] text-ink-2 leading-relaxed`,children:[(0,L.jsx)(_e,{className:`mt-0.5 size-4 shrink-0 text-ink-3`}),C(`integrate.textOnly`,{app:e.name})]}),t]})}function Wt({children:e}){return(0,L.jsx)(`div`,{className:`flex flex-wrap items-center gap-x-4 gap-y-1 text-[0.8125rem] text-ink-3`,children:e})}var G=`inline-flex items-center gap-1 text-ember-strong underline-offset-2 transition hover:underline`;function Gt({client:e,local:t,seen:n,url:i}){let a=u(),[o,l]=(0,I.useState)(!1),[d,f]=(0,I.useState)(null),[p,m]=(0,I.useState)(!1),h=M({mutationFn:t=>S.post(`/api/studio/local/apps/${e.id}`,{connect:t}),onSuccess:e=>f(e),onError:e=>f({ok:!1,message:e.message}),onSettled:()=>a.invalidateQueries({queryKey:[`local-apps`]})}),g=!!t?.connected,_=!!n?.toolAt;if(o)return(0,L.jsx)(Kt,{client:e,seen:n,url:i,onBack:()=>l(!1)});let v=t=>(0,L.jsxs)(L.Fragment,{children:[t?(0,L.jsx)(`span`,{children:C(`integrate.addedIn`,{app:e.name})}):null,(0,L.jsxs)(`button`,{type:`button`,className:G,onClick:()=>m(!p),children:[C(`integrate.details`),(0,L.jsx)(r,{className:x(`size-3.5 transition`,p&&`rotate-90`)})]}),(0,L.jsx)(`button`,{type:`button`,className:G,disabled:h.isPending,onClick:()=>h.mutate(!1),children:C(`mcp.appsDisconnect`)})]}),y=p&&t?.where?(0,L.jsx)(`p`,{className:`w-full font-mono text-[0.6875rem] text-ink-4`,children:t.where}):null;return(0,L.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,L.jsx)(U,{client:e,works:_,children:(0,L.jsx)(H,{client:e})}),_?(0,L.jsx)(Ut,{client:e,footer:(0,L.jsxs)(Wt,{children:[v(!0),y]})}):(0,L.jsxs)(zt,{children:[(0,L.jsxs)(W,{n:1,state:g?`done`:`now`,title:C(g?`integrate.connected`:`integrate.connect`,{app:e.name}),children:[g?(0,L.jsxs)(Wt,{children:[v(!1),y]}):(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:t?.installed===!1?C(`integrate.notInstalled`,{app:e.name}):C(`integrate.connectHint`,{app:e.name})}),(0,L.jsx)(`div`,{children:(0,L.jsxs)(s,{busy:h.isPending,onClick:()=>h.mutate(!0),children:[(0,L.jsx)(c,{className:`size-4`}),` `,C(`integrate.connect`,{app:e.name})]})})]}),d&&!d.ok?(0,L.jsx)(`p`,{className:`text-[0.8125rem] text-rose`,children:d.message}):null,d?.snippet?(0,L.jsx)(z,{text:d.snippet}):null]}),(0,L.jsx)(W,{n:2,state:n?`done`:g?`now`:`later`,title:C(`integrate.restart`,{app:e.name}),children:n?null:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:C(`integrate.restartHint`)}),g?(0,L.jsx)(Bt,{app:e.name}):null]})}),(0,L.jsxs)(W,{n:3,state:n?`now`:`later`,title:C(`integrate.try`),children:[(0,L.jsx)(B,{children:C(`integrate.tryHint`)}),(0,L.jsx)(z,{text:C(`integrate.askTool`),muted:!n})]})]}),(0,L.jsxs)(`p`,{className:`flex flex-wrap items-center gap-x-2 gap-y-1 text-[0.875rem] text-ink-2`,children:[(0,L.jsx)(ke,{className:`size-4 text-ink-3`}),C(`integrate.elsewhere`,{app:e.name}),(0,L.jsx)(`button`,{type:`button`,className:G,onClick:()=>l(!0),children:C(`integrate.byAddress`)})]})]})}function Kt({client:e,seen:t,url:n,onBack:r}){let i=u(),[a,o]=(0,I.useState)(),c=M({mutationFn:()=>S.post(`/api/studio/api-keys`,{name:e.name.slice(0,32)}),onSuccess:async e=>{o(e.key),await i.invalidateQueries({queryKey:[`api-keys`]})}}),l=(0,L.jsx)(`p`,{className:`text-[0.875rem]`,children:(0,L.jsxs)(`button`,{type:`button`,className:G,onClick:r,children:[(0,L.jsx)(Ee,{className:`size-4`}),C(`integrate.backHere`)]})});return t?.toolAt?(0,L.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,L.jsx)(U,{client:e,works:!0,children:(0,L.jsx)(H,{client:e})}),(0,L.jsx)(Ut,{client:e,footer:l})]}):(0,L.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,L.jsx)(U,{client:e,works:!1,children:(0,L.jsx)(H,{client:e})}),(0,L.jsxs)(zt,{children:[(0,L.jsx)(W,{n:1,state:a?`done`:`now`,title:a?C(`integrate.keyReady`):C(`integrate.keyCreate`,{app:e.name}),children:a?null:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:C(`integrate.keyHint`,{app:e.name})}),(0,L.jsx)(`div`,{children:(0,L.jsxs)(s,{variant:`secondary`,busy:c.isPending,onClick:()=>c.mutate(),children:[(0,L.jsx)(F,{className:`size-4`}),` `,C(`integrate.keyCreate`,{app:e.name})]})})]})}),(0,L.jsx)(W,{n:2,state:a?t?`done`:`now`:`later`,title:C(`integrate.add`),children:a&&!t?(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(Mt,{id:e.id,url:n,apiKey:a}),(0,L.jsx)(`p`,{className:`text-[0.75rem] text-ink-4`,children:C(`integrate.addressLocal`)}),(0,L.jsx)(Bt,{app:e.name})]}):null}),(0,L.jsxs)(W,{n:3,state:t?`now`:`later`,title:C(`integrate.try`),children:[(0,L.jsx)(B,{children:C(`integrate.tryHint`)}),(0,L.jsx)(z,{text:C(`integrate.askTool`),muted:!t})]})]}),l]})}function qt({app:e,host:t}){return(0,L.jsxs)(`div`,{"aria-hidden":`true`,className:`flex w-56 shrink-0 flex-col items-center gap-2 rounded-xl bg-paper px-4 py-3.5 text-center ring-1 ring-border-soft`,children:[(0,L.jsx)(`span`,{className:`font-display font-semibold text-[0.8125rem] leading-snug`,children:C(`integrate.consentPreview`,{app:e})}),(0,L.jsxs)(`span`,{className:`inline-flex items-center gap-1 text-[0.6875rem] text-moss`,children:[(0,L.jsx)(he,{className:`size-3`}),t]}),(0,L.jsxs)(`span`,{className:`flex w-full gap-1.5`,children:[(0,L.jsx)(`span`,{className:`h-5 flex-1 rounded-full bg-card ring-1 ring-border`}),(0,L.jsx)(`span`,{className:`h-5 flex-1 rounded-full bg-primary`})]})]})}function Jt({client:e,url:t,seen:n,tracked:r,accountUrl:i}){let a=Dt[e.id]??Dt[`claude-desktop`],o=e.id===`chatgpt`?`ChatGPT`:`Claude`;return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)(zt,{children:[(0,L.jsx)(W,{n:1,state:`todo`,title:C(`integrate.open`,{app:e.name}),children:a.open?(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[(0,L.jsxs)(s,{onClick:()=>k(a.open),children:[C(`integrate.openConnectors`),(0,L.jsx)(f,{className:`size-4`})]}),(0,L.jsx)(B,{children:C(a.where)})]}):(0,L.jsx)(B,{children:C(a.where)})}),(0,L.jsx)(W,{n:2,state:`todo`,title:C(`integrate.nameAddress`),children:(0,L.jsxs)(`div`,{className:`grid gap-2 sm:grid-cols-2`,children:[(0,L.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,L.jsx)(`span`,{className:`text-[0.75rem] text-ink-3`,children:C(`integrate.name`)}),(0,L.jsx)(z,{text:wt})]}),(0,L.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,L.jsx)(`span`,{className:`text-[0.75rem] text-ink-3`,children:C(`integrate.address`)}),(0,L.jsx)(z,{text:t})]})]})}),(0,L.jsx)(W,{n:3,state:n?`done`:`todo`,title:C(`integrate.allow`),children:n?null:(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center gap-4`,children:[(0,L.jsx)(`p`,{className:`min-w-0 flex-[1_1_16rem] text-[0.875rem] text-ink-3 leading-relaxed`,children:C(`integrate.allowHint`)}),(0,L.jsx)(qt,{app:o,host:a.host})]})}),(0,L.jsxs)(W,{n:4,state:n?.toolAt?`done`:n?`now`:`later`,title:C(`integrate.try`),children:[n?.toolAt?null:(0,L.jsx)(z,{text:C(`integrate.askTool`),muted:!n}),r?(0,L.jsx)(Vt,{client:e,seen:n}):null]})]}),i?(0,L.jsx)(Yt,{accountUrl:i}):null]})}function Yt({accountUrl:e}){return(0,L.jsxs)(`p`,{className:`flex flex-wrap items-center gap-x-2 text-[0.8125rem] text-ink-3`,children:[C(`integrate.revoke`),(0,L.jsxs)(`button`,{type:`button`,className:G,onClick:()=>k(e),children:[C(`integrate.revokeLink`),(0,L.jsx)(w,{className:`size-3.5`})]})]})}function Xt({client:e,me:t,onDesktop:n}){let r=t.account?.signedIn?t.account:null,i=De(!!r),a=t.features.account===!0;return(0,L.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,L.jsx)(U,{client:e,works:!1,children:(0,L.jsx)(`p`,{className:`mt-2 max-w-2xl text-[0.9375rem] text-ink-2 leading-relaxed`,children:C(`integrate.remoteWhy`,{app:e.name})})}),r?(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)(`p`,{className:`flex items-start gap-2 text-[0.875rem] text-ink-2`,children:[(0,L.jsx)(j,{className:`mt-0.5 size-4 shrink-0 text-ink-3`}),C(`integrate.linked`,{email:r.email,app:e.name})]}),(0,L.jsx)(Jt,{client:e,url:`${r.cloudUrl}/api/mcp`,tracked:!1,accountUrl:r.url})]}):a?(0,L.jsxs)(_,{className:`flex flex-col gap-5 p-5 sm:p-6`,children:[(0,L.jsx)(`h3`,{className:`font-medium text-[0.9375rem]`,children:C(`integrate.viaAccount`)}),(0,L.jsx)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:[{icon:Ee,title:C(`integrate.tileHere`),text:C(`integrate.tileHereText`)},{icon:j,title:`engenty.ai`,text:C(`integrate.tileCloudText`)},{icon:Se,title:e.name,text:C(`integrate.tileAppText`)}].map(e=>(0,L.jsxs)(`div`,{className:`flex flex-col gap-2 rounded-xl bg-paper px-4 py-3.5`,children:[(0,L.jsxs)(`span`,{className:`flex items-center gap-2 font-medium`,children:[(0,L.jsx)(e.icon,{className:`size-4 text-ink-2`}),e.title]}),(0,L.jsx)(`span`,{className:`text-[0.8125rem] text-ink-3 leading-relaxed`,children:e.text})]},e.title))}),(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[(0,L.jsxs)(s,{busy:i.link.isPending,onClick:()=>i.link.mutate({}),children:[(0,L.jsx)(j,{className:`size-4`}),` `,C(`integrate.linkAccount`)]}),(0,L.jsx)(`span`,{className:`text-[0.8125rem] text-ink-3`,children:C(`integrate.linkHint`,{app:e.name})})]}),(0,L.jsx)(Te,{...i})]}):null,r?null:(0,L.jsxs)(`p`,{className:`flex flex-wrap items-center gap-x-2 gap-y-1 rounded-xl bg-paper-2 px-4 py-3 text-[0.875rem] text-ink-2`,children:[C(`integrate.noAccount`),(0,L.jsxs)(`button`,{type:`button`,className:G,onClick:n,children:[C(`integrate.useDesktop`),(0,L.jsx)(w,{className:`size-3.5`})]})]})]})}function Zt({client:e,seen:t,url:n,me:r}){let i=!!t?.toolAt,a=r.manageUrl?`${r.manageUrl}/account`:null;return(0,L.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,L.jsx)(U,{client:e,works:i,children:(0,L.jsx)(H,{client:e,signIn:!0})}),i?(0,L.jsx)(Ut,{client:e}):(0,L.jsxs)(zt,{children:[(0,L.jsx)(W,{n:1,state:t?`done`:`now`,title:C(`integrate.add`),children:t?null:(0,L.jsx)(Mt,{id:e.id,url:n})}),(0,L.jsx)(W,{n:2,state:t?`done`:`later`,title:C(`integrate.allowFirst`),children:t?null:(0,L.jsx)(B,{children:C(`integrate.allowFirstHint`,{app:e.name})})}),(0,L.jsx)(W,{n:3,state:t?`now`:`later`,title:C(`integrate.try`),children:(0,L.jsx)(z,{text:C(`integrate.askTool`),muted:!t})})]}),a?(0,L.jsx)(Yt,{accountUrl:a}):null]})}function Qt({client:e,standing:t,onOpen:n,onConnect:r,busy:i}){return(0,L.jsxs)(_,{className:`flex flex-col gap-3 p-4`,children:[(0,L.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,L.jsx)(`span`,{className:`grid size-10 shrink-0 place-items-center rounded-[10px] bg-paper-2 text-ink-2`,children:e.widgets?(0,L.jsx)(je,{className:`size-5`}):(0,L.jsx)(dt,{className:`size-5`})}),(0,L.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,L.jsx)(`div`,{className:`truncate font-medium`,children:e.name}),(0,L.jsxs)(`div`,{className:x(`flex items-center gap-1.5 text-[0.8125rem]`,t===`works`&&`font-medium text-moss`,t===`added`&&`text-ember-strong`,t===`none`&&`text-ink-3`),children:[t===`works`?(0,L.jsx)(O,{className:`size-3.5`,strokeWidth:3}):null,C(It[t])]})]})]}),(0,L.jsxs)(`p`,{className:`flex items-center gap-1.5 text-[0.75rem] text-ink-3`,children:[e.widgets?(0,L.jsx)(je,{className:`size-3.5`}):(0,L.jsx)(_e,{className:`size-3.5`}),C(e.widgets?`integrate.outWidget`:`integrate.outText`)]}),(0,L.jsx)(`div`,{children:t===`none`&&r?(0,L.jsx)(s,{size:`sm`,variant:`secondary`,busy:i,onClick:r,children:C(`integrate.connectShort`)}):(0,L.jsx)(s,{size:`sm`,variant:t===`added`?`primary`:`secondary`,onClick:n,children:C(t===`works`?`integrate.view`:t===`added`?`integrate.testIt`:`integrate.connectShort`)})})]})}function $t({managed:e,here:t,web:n,standing:r,open:i}){let a=u(),o=M({mutationFn:e=>S.post(`/api/studio/local/apps/${e}`,{connect:!0}),onSettled:()=>a.invalidateQueries({queryKey:[`local-apps`]}),onSuccess:(e,t)=>i(t)}),c=(e,t)=>(0,L.jsx)(`div`,{className:`grid gap-3 sm:grid-cols-[repeat(auto-fill,minmax(15rem,1fr))]`,children:e.map(e=>(0,L.jsx)(Qt,{client:e,standing:r(e.id),onOpen:()=>i(e.id),onConnect:t?()=>o.mutate(e.id):void 0,busy:o.isPending&&o.variables===e.id},e.id))});return(0,L.jsxs)(`div`,{className:`flex flex-col gap-9`,children:[(0,L.jsxs)(`div`,{children:[(0,L.jsx)(`h2`,{className:`font-display font-semibold text-[1.625rem] leading-tight tracking-tight`,children:C(`integrate.title`)}),(0,L.jsx)(`p`,{className:`mt-2 max-w-2xl text-[0.9375rem] text-ink-2 leading-relaxed`,children:C(e?`integrate.introManaged`:`integrate.intro`)})]}),e?(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)(`section`,{className:`flex flex-col gap-3`,children:[(0,L.jsx)(`h3`,{className:`font-display font-semibold text-lg`,children:C(`integrate.groupBrowser`)}),c(n,!1)]}),(0,L.jsxs)(`section`,{className:`flex flex-col gap-3`,children:[(0,L.jsx)(`h3`,{className:`font-display font-semibold text-lg`,children:C(`integrate.groupDesktop`)}),c(t,!1)]})]}):(0,L.jsxs)(L.Fragment,{children:[t.length?(0,L.jsxs)(`section`,{className:`flex flex-col gap-3`,children:[(0,L.jsx)(`h3`,{className:`font-display font-semibold text-lg`,children:C(`integrate.found`)}),c(t,!0)]}):null,(0,L.jsxs)(`section`,{className:`flex flex-col gap-3`,children:[(0,L.jsx)(`h3`,{className:`font-display font-semibold text-lg`,children:C(`integrate.groupCloud`)}),(0,L.jsxs)(_,{className:`flex flex-wrap items-center gap-4 p-5`,children:[(0,L.jsx)(`span`,{className:`grid size-10 shrink-0 place-items-center rounded-[10px] bg-paper-2 text-ink-2`,children:(0,L.jsx)(j,{className:`size-5`})}),(0,L.jsxs)(`div`,{className:`min-w-0 flex-[1_1_18rem]`,children:[(0,L.jsx)(`div`,{className:`font-medium`,children:C(`integrate.cloudTitle`)}),(0,L.jsx)(`p`,{className:`text-[0.8125rem] text-ink-3 leading-relaxed`,children:C(`integrate.cloudText`)})]}),(0,L.jsx)(s,{variant:`secondary`,onClick:()=>i(`claude-ai`),children:C(`integrate.cloudButton`)})]})]})]})]})}function en(){let e=We(),t=e.data?.mode===`managed`,n=T({queryKey:[`local-apps`],queryFn:()=>S.get(`/api/studio/local/apps`),enabled:e.data?.mode===`local`}),r=T({queryKey:[`integrations-seen`],queryFn:()=>S.get(`/api/studio/integrations/seen`),refetchInterval:2500}),[i,a]=fe(),{narrow:o}=qe(),s=i.get(`show`),c=Et.find(e=>e.id===s)??null;if(Ye(s===`wordpress`?`WordPress`:c?.name??null),!e.data||!t&&!n.data)return null;let l=e=>n.data?.find(t=>t.id===e),u=e=>r.data?.[e],d=e=>Pt(l(e),u(e)),f=e=>a({show:e},{replace:!o}),p=e=>!!(l(e.id)?.installed||l(e.id)?.connected),m=Et.filter(e=>e.oauth),h=Et.filter(e=>!e.oauth&&(t||p(e))),g=t?[]:Et.filter(e=>!e.oauth&&!p(e)),_=e.data.mcpUrl??``,v=e=>(0,L.jsx)(N,{icon:e.oauth?j:e.widgets?je:dt,label:e.name,tone:Ft[d(e.id)],toneLabel:C(It[d(e.id)]),selected:e.id===c?.id,onPick:()=>f(e.id)},e.id),y=e.data.manageUrl?`${e.data.manageUrl}/account`:null,x;return x=s===`wordpress`?(0,L.jsx)(At,{managed:t}):c?t&&(c.oauth||c.connector)?Ot(_)?(0,L.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,L.jsx)(U,{client:c,works:!!u(c.id)?.toolAt,children:(0,L.jsx)(H,{client:c,signIn:!0})}),u(c.id)?.toolAt?(0,L.jsx)(Ut,{client:c,footer:y?(0,L.jsx)(Yt,{accountUrl:y}):null}):(0,L.jsx)(Jt,{client:c,url:_,seen:u(c.id),tracked:!0,accountUrl:y})]}):(0,L.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,L.jsx)(U,{client:c,works:!1}),(0,L.jsx)(B,{children:C(`integrate.needsPublic`,{app:c.name})})]}):t?(0,L.jsx)(Zt,{client:c,seen:u(c.id),url:_,me:e.data}):c.oauth?(0,L.jsx)(Xt,{client:c,me:e.data,onDesktop:()=>f(`claude-desktop`)}):(0,L.jsx)(Gt,{client:c,local:l(c.id),seen:u(c.id),url:_}):(0,L.jsx)($t,{managed:t,here:h,web:m,standing:d,open:f}),(0,L.jsxs)(`div`,{className:`flex flex-col gap-10`,children:[(0,L.jsxs)($e,{children:[(0,L.jsx)(P,{label:C(t?`integrate.groupBrowser`:`integrate.groupHere`),children:(t?m:h).map(v)}),(0,L.jsx)(P,{label:C(t?`integrate.groupDesktop`:`integrate.groupCloud`),children:(t?h:m).map(v)}),g.length?(0,L.jsx)(P,{label:C(`integrate.groupMore`),collapsible:!0,open:g.some(e=>e.id===c?.id),count:g.length,children:g.map(v)}):null,(0,L.jsxs)(P,{label:C(`integrate.groupShare`),children:[(0,L.jsx)(N,{icon:b,label:C(`integrate.shareLink`),badge:(0,L.jsx)(`span`,{className:`text-[0.6875rem] text-ink-4`,children:C(`integrate.soon`)}),selected:!1,disabled:!0}),(0,L.jsx)(N,{icon:ke,label:`WordPress`,selected:s===`wordpress`,onPick:()=>f(`wordpress`)}),(0,L.jsx)(N,{icon:ke,label:C(`integrate.shareSite`),badge:(0,L.jsx)(`span`,{className:`text-[0.6875rem] text-ink-4`,children:C(`integrate.soon`)}),selected:!1,disabled:!0})]}),(0,L.jsx)(Rt,{})]}),(0,L.jsx)(`div`,{children:x},c?.id??`start`),t||s===`wordpress`?null:(0,L.jsx)(Nt,{})]})}var tn=[`text`,`image`,`video`,`speech`,`listening`],nn={text:[`classifier`,`standard`,`high`,`highest`],image:[`image`],video:[`video`],speech:[`speech`],listening:[`audio`]},rn=`credits`,an=`${rn}:`;function on(e){return e===`credits`||!!e?.startsWith(an)}function sn(e){return e?.startsWith(an)&&e.slice(an.length)||null}function cn(e){return e?`${an}${e}`:rn}function ln(e){return e===`transcription`?`listening`:e}var un=[`openai`,`anthropic`,`google`,`fal`,`elevenlabs`,`replicate`,`gateway`],dn={en:{"about.openai":`GPT models, GPT Image and voices.`,fast:`fast`,thorough:`thorough`,versatile:`versatile`,lowCost:`low cost`,fastLowCost:`fast, low cost`,"about.anthropic":`The Claude models.`,strongest:`strongest`,"about.google":`Gemini, Veo for video and voices – one key from AI Studio.`,fastEditsPhotos:`fast, edits photos`,bestQuality:`best quality`,withSound:`with sound`,"about.fal":`Hundreds of image, video and audio models with one key: FLUX, Recraft, Veo, Luma, MiniMax.`,highQuality:`high quality`,graphicsLogosTextIn:`graphics, logos, text in images`,photorealistic:`photorealistic`,"about.elevenlabs":`Natural voices in many languages and accurate transcripts.`,naturalManyLanguages:`natural, many languages`,expressive:`expressive`,veryAccurate:`very accurate`,"about.replicate":`Open image and video models, billed per run.`,"about.gateway":`One key for many providers' models, billed by Vercel.`},de:{"about.openai":`GPT-Modelle, GPT Image und Stimmen.`,fast:`schnell`,thorough:`gründlich`,versatile:`vielseitig`,lowCost:`günstig`,fastLowCost:`schnell, günstig`,"about.anthropic":`Die Claude-Modelle.`,strongest:`am stärksten`,"about.google":`Gemini, Veo für Videos und Stimmen – ein Key aus dem AI Studio.`,fastEditsPhotos:`schnell, bearbeitet Fotos`,bestQuality:`beste Qualität`,withSound:`mit Ton`,"about.fal":`Hunderte Bild-, Video- und Audio-Modelle mit einem Key: FLUX, Recraft, Veo, Luma, MiniMax.`,highQuality:`hohe Qualität`,graphicsLogosTextIn:`Grafiken, Logos, Text im Bild`,photorealistic:`fotorealistisch`,"about.elevenlabs":`Natürliche Stimmen in vielen Sprachen und genaue Transkripte.`,naturalManyLanguages:`natürlich, viele Sprachen`,expressive:`ausdrucksstark`,veryAccurate:`sehr genau`,"about.replicate":`Offene Bild- und Video-Modelle, abgerechnet pro Lauf.`,"about.gateway":`Ein Key für die Modelle vieler Anbieter, abgerechnet bei Vercel.`}},fn=(e,t)=>te(dn,e,t),K=[{id:`openai`,name:`OpenAI`,about:`about.openai`,keyUrl:`https://platform.openai.com/api-keys`,keyPlaceholder:`sk-…`,text:{classifier:`openai:gpt-5.4-mini`,standard:`openai:gpt-5.4-mini`,high:`openai:gpt-5.5`,highest:`openai:gpt-5.5`},models:{text:[{ref:`openai:gpt-5.4-mini`,label:`GPT-5.4 mini`,note:`fast`},{ref:`openai:gpt-5.5`,label:`GPT-5.5`,note:`thorough`}],image:[{ref:`openai:gpt-image-2`,label:`GPT Image 2`,note:`versatile`},{ref:`openai:gpt-image-1-mini`,label:`GPT Image 1 mini`,note:`lowCost`}],speech:[{ref:`openai:gpt-4o-mini-tts`,label:`GPT-4o mini TTS`,note:`lowCost`}],listening:[{ref:`openai:gpt-4o-mini-transcribe`,label:`GPT-4o mini Transcribe`,note:`fastLowCost`},{ref:`openai:whisper-1`,label:`Whisper`}]}},{id:`anthropic`,name:`Anthropic`,about:`about.anthropic`,keyUrl:`https://console.anthropic.com/settings/keys`,keyPlaceholder:`sk-ant-…`,text:{classifier:`anthropic:claude-haiku-4-5`,standard:`anthropic:claude-haiku-4-5`,high:`anthropic:claude-sonnet-5-5`,highest:`anthropic:claude-opus-5-5`},models:{text:[{ref:`anthropic:claude-haiku-4-5`,label:`Claude Haiku 4.5`,note:`fast`},{ref:`anthropic:claude-sonnet-5-5`,label:`Claude Sonnet 5.5`},{ref:`anthropic:claude-opus-5-5`,label:`Claude Opus 5.5`,note:`strongest`}]}},{id:`google`,name:`Google Gemini`,about:`about.google`,keyUrl:`https://aistudio.google.com/apikey`,keyPlaceholder:`AIza…`,text:{classifier:`google:gemini-flash-lite-latest`,standard:`google:gemini-flash-latest`,high:`google:gemini-pro-latest`,highest:`google:gemini-pro-latest`},models:{text:[{ref:`google:gemini-flash-lite-latest`,label:`Gemini Flash-Lite`,note:`lowCost`},{ref:`google:gemini-flash-latest`,label:`Gemini Flash`},{ref:`google:gemini-pro-latest`,label:`Gemini Pro`,note:`thorough`}],image:[{ref:`google:gemini-3.1-flash-image-preview`,label:`Gemini 3.1 Flash Image`,note:`fastEditsPhotos`},{ref:`google:gemini-3-pro-image-preview`,label:`Gemini 3 Pro Image`,note:`bestQuality`}],video:[{ref:`google:veo-3.1-fast-generate-preview`,label:`Veo 3.1 Fast`,note:`withSound`},{ref:`google:veo-3.1-generate-preview`,label:`Veo 3.1`,note:`bestQuality`}],speech:[{ref:`google:gemini-3.8-flash-tts`,label:`Gemini Flash TTS`}],listening:[{ref:`google:gemini-flash-lite-latest`,label:`Gemini Flash-Lite`}]}},{id:`fal`,name:`fal.ai`,about:`about.fal`,keyUrl:`https://fal.ai/dashboard/keys`,keyPlaceholder:`xxxxxxxx-…:…`,models:{image:[{ref:`fal:fal-ai/flux/schnell`,label:`FLUX.1 schnell`,note:`fastLowCost`},{ref:`fal:fal-ai/flux-pro/v1.1`,label:`FLUX 1.1 pro`,note:`highQuality`},{ref:`fal:fal-ai/recraft/v3/text-to-image`,label:`Recraft V3`,note:`graphicsLogosTextIn`},{ref:`fal:fal-ai/imagen4/preview`,label:`Imagen 4`,note:`photorealistic`}],video:[{ref:`fal:veo3/fast`,label:`Veo 3 Fast`,note:`withSound`},{ref:`fal:luma-ray-2-flash`,label:`Luma Ray 2 Flash`,note:`fast`},{ref:`fal:minimax-video`,label:`MiniMax Hailuo`}],speech:[{ref:`fal:fal-ai/minimax/speech-02-turbo`,label:`MiniMax Speech-02 Turbo`,note:`fast`},{ref:`fal:fal-ai/minimax/speech-02-hd`,label:`MiniMax Speech-02 HD`}],listening:[{ref:`fal:wizper`,label:`Wizper`,note:`fast`},{ref:`fal:whisper`,label:`Whisper`}]}},{id:`elevenlabs`,name:`ElevenLabs`,about:`about.elevenlabs`,keyUrl:`https://elevenlabs.io/app/settings/api-keys`,keyPlaceholder:`sk_…`,models:{speech:[{ref:`elevenlabs:eleven_multilingual_v2`,label:`Multilingual v2`,note:`naturalManyLanguages`},{ref:`elevenlabs:eleven_flash_v2_5`,label:`Flash v2.5`,note:`fastLowCost`},{ref:`elevenlabs:eleven_v3`,label:`Eleven v3`,note:`expressive`}],listening:[{ref:`elevenlabs:scribe_v2`,label:`Scribe v2`,note:`veryAccurate`}]}},{id:`replicate`,name:`Replicate`,about:`about.replicate`,keyUrl:`https://replicate.com/account/api-tokens`,keyPlaceholder:`r8_…`,models:{image:[{ref:`replicate:black-forest-labs/flux-schnell`,label:`FLUX.1 schnell`,note:`fastLowCost`},{ref:`replicate:black-forest-labs/flux-1.1-pro`,label:`FLUX 1.1 pro`},{ref:`replicate:recraft-ai/recraft-v3`,label:`Recraft V3`}],video:[{ref:`replicate:minimax/video-01`,label:`MiniMax Video-01`}]}},{id:`gateway`,name:`Vercel AI Gateway`,about:`about.gateway`,keyUrl:`https://vercel.com/d?to=%2F%5Bteam%5D%2F%7E%2Fai-gateway%2Fapi-keys`,keyPlaceholder:`vck_…`,text:{classifier:`anthropic/claude-haiku-4.5`,standard:`anthropic/claude-haiku-4.5`,high:`anthropic/claude-sonnet-5.5`,highest:`anthropic/claude-sonnet-5.5`},models:{text:[{ref:`anthropic/claude-haiku-4.5`,label:`Claude Haiku 4.5`,note:`fast`},{ref:`anthropic/claude-sonnet-5.5`,label:`Claude Sonnet 5.5`},{ref:`openai/gpt-5.5`,label:`GPT-5.5`},{ref:`google/gemini-3.5-flash`,label:`Gemini 3.5 Flash`}],image:[{ref:`google/gemini-3.1-flash-image`,label:`Gemini 3.1 Flash Image`}],video:[{ref:`google/veo-3.1-fast-generate-001`,label:`Veo 3.1 Fast`,note:`withSound`}],speech:[{ref:`google/gemini-3.8-flash-tts`,label:`Gemini Flash TTS`}],listening:[{ref:`google/gemini-3.5-flash-lite`,label:`Gemini 3.5 Flash-Lite`}]}}];function q(e){return K.find(t=>t.id===e)??null}function pn(e){if(on(e))return null;let t=/^([a-z]+):/.exec(e)?.[1];return t?un.includes(t)?t:null:e?.includes(`/`)?`gateway`:null}function J(e){for(let t of K)for(let n of Object.values(t.models)){let t=n?.find(t=>t.ref===e);if(t)return t.label}return e.replace(/^[a-z]+:/,``)}function mn(e,t){let n=t===`auto`?e.mode===`managed`:t===`cloud`,r=t===`auto`||t===`linked`?e.account??(t===`linked`?{name:e.user.name,email:e.user.email,team:null,credits:1250,expiring:[],url:``,cloudUrl:``,signedIn:!0}:null):null;return{cloud:n,account:n?null:r,credits:n||!!r?.signedIn,balance:n?e.credits??(t===`cloud`?1250:null):r?.credits??null,topUp:Fe(e),harnesses:n?[]:e.harnesses,canEdit:!n||e.tenant.role!==`member`,ownKeys:!n||e.features.ownKeys!==!1}}var hn={text:v,image:Ae,video:Ve,speech:Ge,listening:it},Y={text:`standard`,image:`image`,video:`video`,speech:`speech`,listening:`audio`},X=e=>e===`text`;function gn(e,t){return JSON.stringify(e)===JSON.stringify(t)}function _n(e,t,n){let r=Y[t];if(X(t)&&!n.cloud){if(e.bindings.standard?.startsWith(`apple:`))return{kind:`local`,by:`apple`};if(e.source===`account`)return{kind:`credits`};if(e.source!==`own`)return{kind:`client`,id:e.source}}let i=e.bindings[r];if(on(i))return{kind:`credits`};if(i?.startsWith(`ollama:`))return{kind:`local`,by:`ollama`};if(i?.startsWith(`apple:`))return{kind:`local`,by:`apple`};let a=i?pn(i):null;if(a)return{kind:`key`,provider:a};if(i&&/^(claude|codex|gemini|cursor)\//.test(i))return{kind:`client`,id:i.split(`/`)[0]};let o=e.ways[r];switch(o.kind){case`client`:return{kind:`client`,id:o.by};case`key`:return q(o.by??``)?{kind:`key`,provider:o.by}:null;case`local`:return{kind:`local`,by:o.by===`apple`?`apple`:`ollama`};case`credits`:return{kind:`credits`};default:return null}}function vn(e,t,n){if(X(t)&&e.text)return e.text;let r=Y[t],i=n.bindings[r],a=i&&pn(i)===e.id?i:e.models[t]?.[0]?.ref;return a?{[r]:a}:{}}function yn(e){return e.version===null?{note:C(`models.noteMissing`),noteTone:`warn`}:e.auth===`none`?{note:C(`models.noteSignedOut`),noteTone:`warn`}:e.auth===`api_key`?{note:C(`models.noteShellKey`)}:{note:C(`models.noteIncluded`),noteTone:`done`}}function bn(e,t){switch(e.kind){case`client`:return{text:t.harnesses.find(t=>t.id===e.by)?.name??e.by??``,tone:`done`};case`key`:return{text:q(e.by??``)?.name??e.by??``,tone:`done`};case`local`:return{text:e.by===`apple`?C(`models.optApple`):C(`models.way.local`),tone:`done`};case`credits`:return{text:t.cloud?C(`models.way.creditsTeam`):C(`models.way.credits`),tone:`ok`};default:return{text:C(`models.way.none`),tone:`warn`}}}function xn(){return T({queryKey:[`models`],queryFn:()=>S.get(`/api/studio/models`)})}function Z(){let e=u();return M({mutationFn:e=>S.put(`/api/studio/models`,e),onSuccess:async t=>{e.setQueryData([`models`],t),await e.invalidateQueries({queryKey:[`me`]})}})}function Q({title:e,aside:t,children:n}){return(0,L.jsxs)(`section`,{className:`flex flex-col gap-3 border-border-soft border-t pt-5 first:border-t-0 first:pt-0`,children:[(0,L.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,L.jsx)(`h3`,{className:`font-medium text-[0.875rem]`,children:e}),t]}),n]})}function $({children:e}){return(0,L.jsx)(`p`,{className:`text-[0.8125rem] text-ink-3`,children:e})}function Sn({text:e,tone:t}){return(0,L.jsxs)(`span`,{className:x(`inline-flex h-7 shrink-0 items-center gap-1.5 rounded-full px-3 font-medium text-[0.75rem]`,t===`done`&&`bg-moss-tint text-moss`,t===`ok`&&`bg-amber-tint text-ink-2`,t===`warn`&&`bg-paper-2 text-ink-3`),children:[t===`done`?(0,L.jsx)(O,{className:`size-3.5`,strokeWidth:3}):null,t===`ok`?(0,L.jsx)(A,{className:`size-3.5`}):null,t===`warn`?(0,L.jsx)(me,{className:`size-3.5`}):null,e]})}function Cn({icon:e,title:t,lead:n,status:r}){return(0,L.jsxs)(`div`,{className:`flex items-start gap-3 sm:gap-4`,children:[(0,L.jsx)(`span`,{className:`grid size-10 shrink-0 place-items-center rounded-xl bg-ember-tint text-ember-strong`,children:(0,L.jsx)(e,{className:`size-5`})}),(0,L.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-3 gap-y-1`,children:[(0,L.jsx)(`h2`,{className:`font-display font-semibold text-[1.375rem] leading-tight tracking-tight`,children:t}),r]}),(0,L.jsx)(`p`,{className:`mt-0.5 text-[0.875rem] text-ink-3`,children:n})]})]})}function wn({label:e,children:t}){return(0,L.jsxs)(`div`,{className:`grid items-start gap-x-4 gap-y-1.5 sm:grid-cols-[7.5rem_minmax(0,1fr)]`,children:[(0,L.jsx)(`span`,{className:`pt-2 text-[0.75rem] text-ink-3`,children:e}),(0,L.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:t})]})}function Tn({selected:e,title:t,note:n,noteTone:r,disabled:i,onPick:a}){return(0,L.jsxs)(`button`,{type:`button`,onClick:a,disabled:i,"aria-pressed":e,title:n,className:x(`inline-flex h-9 items-center gap-1.5 rounded-full border px-3.5 text-[0.8125rem] transition coarse:h-11`,e?`border-ember bg-ember-tint font-medium text-ink`:r===`done`?`border-input bg-card text-ink hover:border-ink-4`:`border-border-soft border-dashed text-ink-3 hover:border-ink-4 hover:text-ink`,i&&`cursor-not-allowed opacity-50`),children:[r===`done`?(0,L.jsx)(O,{className:`size-3.5 text-moss`,strokeWidth:3}):null,t,(0,L.jsxs)(`span`,{className:`sr-only`,children:[`: `,n]})]})}function En({provider:e,stored:t,place:n}){let r=Z(),[i,a]=(0,I.useState)(``),[o,c]=(0,I.useState)(!1),[l,u]=(0,I.useState)(null),d=M({mutationFn:t=>S.post(`/api/studio/models/keys/${e.id}/check`,t?{key:t}:{})}),p=async()=>{u(null);let t=await d.mutateAsync(i.trim());if(!t.ok){u({ok:!1,message:t.message??C(`models.keyBad`)});return}await r.mutateAsync({keys:{[e.id]:i.trim()}}),a(``),c(!1),u({ok:!0,message:C(`models.keyOk`)})},m=!t||o;return n.ownKeys?(0,L.jsxs)(`div`,{className:`flex flex-col gap-2.5`,children:[m?(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,L.jsx)(g,{type:`password`,autoComplete:`off`,className:`min-w-0 flex-1 font-mono text-[0.8125rem]`,placeholder:e.keyPlaceholder,value:i,disabled:!n.canEdit,onChange:e=>a(e.target.value),onKeyDown:e=>{e.key===`Enter`&&i.trim()&&p()}}),(0,L.jsx)(s,{busy:d.isPending||r.isPending,disabled:!i.trim()||!n.canEdit,onClick:()=>void p(),children:C(`models.keySave`)}),o?(0,L.jsx)(s,{variant:`ghost`,onClick:()=>c(!1),children:C(`common.cancel`)}):null]}):(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-3 gap-y-2`,children:[(0,L.jsxs)(`span`,{className:`flex items-center gap-2 text-[0.875rem] text-ink-2`,children:[(0,L.jsx)(F,{className:`size-4 text-moss`}),` `,C(`models.keyStored`)]}),(0,L.jsx)(s,{size:`sm`,variant:`ghost`,busy:d.isPending,onClick:async()=>{let e=await d.mutateAsync(void 0);u(e.ok?{ok:!0,message:C(`models.keyOk`)}:{ok:!1,message:e.message??C(`models.keyBad`)})},children:C(`models.keyCheck`)}),n.canEdit?(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(s,{size:`sm`,variant:`ghost`,onClick:()=>c(!0),children:C(`models.keyReplace`)}),(0,L.jsx)(s,{size:`sm`,variant:`danger`,busy:r.isPending,onClick:()=>{u(null),r.mutate({keys:{[e.id]:``}})},children:C(`models.keyRemove`)})]}):null]}),l?(0,L.jsxs)(`p`,{className:x(`flex items-center gap-1.5 text-[0.8125rem]`,l.ok?`text-moss`:`text-rose`),children:[l.ok?(0,L.jsx)(O,{className:`size-3.5`,strokeWidth:3}):null,l.message]}):null,(0,L.jsxs)(`p`,{className:`flex flex-wrap items-center gap-x-3 gap-y-1 text-[0.75rem] text-ink-4`,children:[(0,L.jsxs)(`button`,{type:`button`,onClick:()=>k(e.keyUrl),className:`inline-flex items-center gap-1 font-medium text-ember-strong hover:underline`,children:[C(`models.keyGet`,{name:e.name}),` `,(0,L.jsx)(f,{className:`size-3`})]}),(0,L.jsx)(`span`,{children:n.cloud?C(`models.keyWhereCloud`):C(`models.keyWhereLocal`)})]})]}):(0,L.jsx)(`p`,{className:`text-[0.8125rem] text-ink-3`,children:C(`models.ownKeysPlan`)})}var Dn=`__custom__`;function On({provider:e,cap:t,value:n,onPick:r,disabled:i}){let a=d,o=e.models[t]??[],c=o.some(e=>e.ref===n),[l,u]=(0,I.useState)(!c&&!!n),[f,m]=(0,I.useState)(c?``:n.replace(/^[a-z]+:/,``)),h=e.id===`gateway`?``:`${e.id}:`;return(0,L.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,L.jsx)(p,{value:l?Dn:n,onChange:e=>{if(e===Dn){u(!0);return}u(!1),r(e)},options:[...o.map(e=>({value:e.ref,label:e.note?`${e.label} – ${fn(e.note,a)}`:e.label})),{value:Dn,label:C(`models.modelCustom`)}]}),l?(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,L.jsx)(g,{className:`min-w-0 flex-1 font-mono text-[0.8125rem]`,value:f,disabled:i,placeholder:o[0]?.ref.replace(/^[a-z]+:/,``)??``,onChange:e=>m(e.target.value)}),(0,L.jsx)(s,{variant:`secondary`,disabled:!f.trim()||i,onClick:()=>r(`${h}${f.trim()}`),children:C(`settings.save`)})]}):null]})}function kn({provider:e,state:t}){let n=n=>J(t.bindings[n]??e.text?.[n]??``);return(0,L.jsxs)(`dl`,{className:`grid grid-cols-[auto_minmax(0,1fr)] gap-x-4 gap-y-1 text-[0.875rem]`,children:[(0,L.jsx)(`dt`,{className:`text-ink-3`,children:C(`models.textSimple`)}),(0,L.jsx)(`dd`,{className:`truncate font-medium`,children:n(`standard`)}),(0,L.jsx)(`dt`,{className:`text-ink-3`,children:C(`models.textDemanding`)}),(0,L.jsx)(`dd`,{className:`truncate font-medium`,children:n(`high`)})]})}function An({provider:e,state:t,onPick:n,disabled:r}){return(0,L.jsxs)(`details`,{className:`group rounded-lg ring-1 ring-border-soft`,children:[(0,L.jsx)(`summary`,{className:`cursor-pointer list-none px-3 py-2.5 text-[0.8125rem] text-ink-2 hover:text-ink`,children:(0,L.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[(0,L.jsx)(w,{className:`size-3.5 transition group-open:rotate-90`}),C(`models.perClass`)]})}),(0,L.jsx)(`div`,{className:`flex flex-col gap-3 px-3 pt-1 pb-3`,children:ce.map(i=>(0,L.jsxs)(`div`,{className:`grid items-center gap-2 sm:grid-cols-[9rem_minmax(0,1fr)]`,children:[(0,L.jsxs)(`div`,{children:[(0,L.jsx)(`div`,{className:`text-[0.8125rem] text-ink-2`,children:C(`class.${i}`)}),(0,L.jsx)(`div`,{className:`text-[0.6875rem] text-ink-4 leading-snug`,children:C(`class.${i}.hint`)})]}),(0,L.jsx)(On,{provider:e,cap:`text`,value:t.bindings[i]??e.text?.[i]??``,disabled:r,onPick:e=>n(i,e)})]},i))})]})}function jn({cap:e,disabled:t}){let n=Y[e],r=M({mutationFn:()=>S.post(`/api/studio/models/test`,{cls:n,lang:d})}),i=r.data;return(0,L.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[(0,L.jsx)(s,{variant:`secondary`,busy:r.isPending,disabled:t,onClick:()=>r.mutate(),children:C(`models.try.${e}`)}),(0,L.jsx)(`span`,{className:`text-[0.75rem] text-ink-4`,children:e===`video`?C(`models.tryCostVideo`):X(e)?null:C(`models.tryCost`)})]}),r.isPending&&e!==`text`?(0,L.jsxs)(`p`,{className:`flex items-center gap-2 text-[0.8125rem] text-ink-3`,children:[(0,L.jsx)(y,{className:`size-3.5`}),` `,C(e===`video`?`models.tryWaitVideo`:`models.tryWait`)]}):null,i?.ok?(0,L.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[i.media&&e===`image`?(0,L.jsx)(`img`,{src:i.media,alt:``,className:`size-48 rounded-lg object-cover ring-1 ring-border-soft`}):null,i.media&&e===`speech`?(0,L.jsx)(`audio`,{src:i.media,controls:!0,autoPlay:!0,className:`w-full max-w-sm`}):null,i.media&&e===`video`?(0,L.jsx)(`video`,{src:i.media,controls:!0,autoPlay:!0,muted:!0,className:`w-full max-w-md rounded-lg`}):null,(0,L.jsxs)(`p`,{className:`flex items-start gap-2 text-[0.8125rem] text-ink-2`,children:[(0,L.jsx)(O,{className:`mt-0.5 size-3.5 shrink-0 text-moss`,strokeWidth:3}),(0,L.jsx)(`span`,{children:e===`listening`?i.reply?C(`models.tryHeard`,{text:i.reply}):C(`models.tryHeardNothing`):X(e)?C(`local.testOk`,{s:(i.ms/1e3).toFixed(1),ref:J(i.ref??``),reply:i.reply??``}):C(`models.tryOk`,{s:(i.ms/1e3).toFixed(1),model:J(i.ref??``)})})]})]}):null,i&&!i.ok?(0,L.jsx)(`p`,{className:`text-[0.8125rem] text-rose`,children:C(`models.tryFailed`,{error:i.error??``})}):null,r.isError?(0,L.jsx)(`p`,{className:`text-[0.8125rem] text-rose`,children:C(`models.tryFailed`,{error:r.error.message})}):null]})}function Mn(e){let t=e=>(e<10?Math.round(e*10)/10:Math.ceil(e)).toLocaleString(d);return e?.creditsPerImage?C(`models.notePerImage`,{n:t(e.creditsPerImage)}):e?.creditsPerSecond?C(`models.notePerSecond`,{n:t(e.creditsPerSecond)}):e?.creditsPer1kCharacters?C(`models.notePer1k`,{n:t(e.creditsPer1kCharacters)}):e?.creditsPerMinute?C(`models.notePerMinute`,{n:t(e.creditsPerMinute)}):C(`models.noteUsage`)}function Nn(e,t){let n=sn(t.bindings[Y[e]]);return Mn((n?t.creditModels.find(e=>e.id===n):null)??t.prices?.[Y[e]])}function Pn(e,t,n){return e.creditModels.filter(e=>ln(e.kind)===t&&(!n||e.source===n||e.provider===n))}function Fn({cap:e,state:t,disabled:n}){let r=Z(),i=Y[e],a=sn(t.bindings[i]),o=Pn(t,e),s=t.prices?.[i]?.model,c=e=>e.source===`ai-gateway`?q(e.provider)?.name??e.provider:q(e.source)?.name??e.source;return(0,L.jsx)(p,{value:a??``,onChange:e=>r.mutate({bindings:{[i]:cn(e||null)}}),options:[{value:``,label:s?C(`models.creditsAuto`,{model:J(s)}):C(`models.creditsAutoNone`)},...o.map(e=>({value:e.id,label:`${e.name} · ${c(e)} – ${Mn(e)}`,disabled:n}))]})}function In({models:e,state:t,place:n}){let r=Z();return(0,L.jsx)(`ul`,{className:`flex flex-col divide-y divide-border-soft`,children:e.map(e=>{let i=ln(e.kind),a=Y[i],o=t.bindings[a]===cn(e.id);return(0,L.jsxs)(`li`,{className:`flex flex-wrap items-center gap-3 py-2.5`,children:[(0,L.jsx)(A,{className:`size-4 shrink-0 text-ink-3`}),(0,L.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,L.jsx)(`span`,{className:`block font-medium text-[0.875rem]`,children:e.name}),(0,L.jsxs)(`span`,{className:`block text-[0.75rem] text-ink-3`,children:[C(`models.cap.${i}`),` · `,Mn(e)]})]}),o?(0,L.jsxs)(`span`,{className:`flex items-center gap-1 font-medium text-[0.75rem] text-moss`,children:[(0,L.jsx)(O,{className:`size-3.5`,strokeWidth:3}),` `,C(`models.inUse`)]}):(0,L.jsx)(s,{size:`sm`,variant:`secondary`,disabled:!n.canEdit||!n.credits,busy:r.isPending&&r.variables?.bindings?.[a]===cn(e.id),onClick:()=>r.mutate({bindings:{[a]:cn(e.id)}}),children:C(`models.useFor`)})]},e.id)})})}function Ln({cap:e,state:t,place:n,me:r,onOpen:i}){let a=Z(),o=Y[e],s=t.ways[o],c=_n(t,e,n),[u,d]=(0,I.useState)(!1),f=bn(s,n),p=n.harnesses.filter(t=>(X(e)||e===`image`&&t.images)&&(t.version!==null||c?.kind===`client`&&c.id===t.id)),m=K.filter(t=>t.models[e]?.length),h=r=>{if(d(!1),r.kind===`credits`&&!n.credits){d(!0);return}if(gn(r,c))return;let i=nn[e],s=e=>Object.fromEntries(i.map(t=>[t,e]));switch(r.kind){case`client`:a.mutate(X(e)?{source:r.id,bindings:Ie(t.bindings)}:{bindings:{[o]:`${r.id}/image`}});return;case`key`:{let i=q(r.provider);a.mutate({...X(e)&&!n.cloud?{source:`own`}:{},bindings:vn(i,e,t)});return}case`local`:a.mutate(r.by===`apple`?{bindings:X(e)?Rn(t):{audio:`apple:transcribe`}}:{source:`own`,bindings:s(`ollama:qwen3`)});return;case`credits`:a.mutate(X(e)&&!n.cloud?{source:`account`,bindings:Ie(t.bindings)}:{bindings:s(rn)});return}},g=c?.kind===`key`?q(c.provider):null,v=g?!t.keys[g.id]:!1,y=c?.kind===`client`?n.harnesses.find(e=>e.id===c.id):null,b=s.kind!==`none`;return(0,L.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,L.jsx)(Cn,{icon:hn[e],title:C(`models.cap.${e}`),lead:C(`models.cap.${e}.hint`),status:(0,L.jsx)(Sn,{...f})}),(0,L.jsxs)(_,{className:`flex flex-col gap-6 p-3.5 sm:p-5 sm:p-6`,children:[(0,L.jsxs)(Q,{title:C(`models.who`),children:[(0,L.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[p.length?(0,L.jsx)(wn,{label:C(`models.optSubscription`),children:p.map(e=>(0,L.jsx)(Tn,{title:e.name,...yn(e),selected:c?.kind===`client`&&c.id===e.id,disabled:!n.canEdit,onPick:()=>h({kind:`client`,id:e.id})},e.id))}):null,(0,L.jsx)(wn,{label:C(`models.optKey`),children:m.map(e=>(0,L.jsx)(Tn,{title:e.name,note:t.keys[e.id]?C(`models.noteKey`):C(`models.noteNoKey`),noteTone:t.keys[e.id]?`done`:void 0,selected:c?.kind===`key`&&c.provider===e.id,disabled:!n.canEdit,onPick:()=>h({kind:`key`,provider:e.id})},e.id))}),(0,L.jsxs)(wn,{label:X(e)&&!n.cloud?C(`models.optOther`):C(`models.optCreditsGroup`),children:[(X(e)||e===`listening`)&&!n.cloud&&t.apple?.supported?(0,L.jsx)(Tn,{title:C(`models.optApple`),note:X(e)?zn(t.apple):C(`models.optAppleNote`),noteTone:X(e)&&!t.apple.available?void 0:`done`,selected:c?.kind===`local`&&c.by===`apple`,disabled:!n.canEdit||X(e)&&!t.apple.available,onPick:()=>h({kind:`local`,by:`apple`})}):null,X(e)&&!n.cloud?(0,L.jsx)(Tn,{title:C(`models.optLocal`),note:C(`models.optLocalNote`),selected:c?.kind===`local`&&c.by===`ollama`,disabled:!n.canEdit,onPick:()=>h({kind:`local`,by:`ollama`})}):null,(0,L.jsx)(Tn,{title:n.cloud?C(`models.creditsTeam`):C(`models.creditsName`),note:n.credits?Nn(e,t):C(`models.noteNeedsAccount`),noteTone:n.credits?`done`:void 0,selected:c?.kind===`credits`,disabled:!n.canEdit,onPick:()=>h({kind:`credits`})})]})]}),u?(0,L.jsxs)(`p`,{className:`text-[0.8125rem] text-ink-2`,children:[C(`local.sourceNeedsAccount`),` `,(0,L.jsx)(Gn,{})]}):null,a.isError?(0,L.jsx)(`p`,{className:`text-[0.8125rem] text-rose`,children:a.error.message}):null]}),g?(0,L.jsxs)(L.Fragment,{children:[v?(0,L.jsxs)(Q,{title:C(`models.keyFor`,{name:g.name}),children:[(0,L.jsx)(En,{provider:g,stored:!1,place:n}),n.credits?(0,L.jsxs)($,{children:[(0,L.jsx)(A,{className:`mr-1 inline size-3.5 align-[-2px]`}),C(`models.keyFallback`)]}):null]}):null,v&&n.credits&&Pn(t,e,g.id).length?(0,L.jsx)(Q,{title:C(`models.viaCredits`,{name:g.name}),children:(0,L.jsx)(In,{models:Pn(t,e,g.id),state:t,place:n})}):null,(0,L.jsx)(Q,{title:C(`models.model`),aside:v?null:(0,L.jsx)(`button`,{type:`button`,onClick:()=>i({type:`provider`,id:g.id}),className:`text-[0.75rem] text-ink-3 hover:text-ink`,children:C(`models.manageKey`,{name:g.name})}),children:X(e)&&g.text?(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(kn,{provider:g,state:t}),(0,L.jsx)(An,{provider:g,state:t,disabled:!n.canEdit,onPick:(e,t)=>a.mutate({bindings:{[e]:t}})})]}):(0,L.jsx)(On,{provider:g,cap:e,value:t.bindings[o]??g.models[e]?.[0]?.ref??``,disabled:!n.canEdit,onPick:e=>a.mutate({bindings:{[o]:e}})},`${g.id}:${t.bindings[o]??``}`)})]}):null,c?.kind===`client`&&y?X(e)?(0,L.jsx)(Q,{title:y.name,children:(0,L.jsx)(nt,{me:r,id:y.id})}):(0,L.jsx)(Q,{title:y.name,children:(0,L.jsx)($,{children:C(`models.clientImages`,{name:y.name,sub:C(`harness.sub.${y.id}`)})})}):null,c?.kind===`local`?c.by===`apple`?(0,L.jsx)(Bn,{cap:e,state:t,place:n}):(0,L.jsx)(Vn,{state:t,disabled:!n.canEdit}):null,c?.kind===`credits`&&n.credits?X(e)?(0,L.jsx)(Q,{title:C(`models.creditsName`),children:(0,L.jsxs)($,{children:[C(`models.creditsPicks`),s.kind===`credits`&&s.ref?` ${C(`models.creditsModel`,{model:J(s.ref)})}`:``]})}):(0,L.jsxs)(Q,{title:C(`models.model`),children:[(0,L.jsx)(Fn,{cap:e,state:t,disabled:!n.canEdit}),(0,L.jsx)($,{children:C(`models.creditsPickHint`)})]}):null,s.problem?(0,L.jsxs)(`p`,{className:`flex items-start gap-2 rounded-lg bg-paper-2 px-3 py-2.5 text-[0.8125rem] text-ink-2`,children:[(0,L.jsx)(me,{className:`mt-0.5 size-3.5 shrink-0 text-ink-3`}),(0,L.jsx)(`span`,{children:(0,L.jsx)(l,{text:s.problem})})]}):null,c?.kind===`client`&&X(e)?null:(0,L.jsx)(Q,{title:C(`models.try`),children:(0,L.jsx)(jn,{cap:e,disabled:!b||!n.canEdit},`${e}:${s.ref}`)}),X(e)&&r.subscriptions.includes(`claude`)&&!n.cloud?(0,L.jsx)(Hn,{me:r}):null]})]})}function Rn(e){let t=t=>{let n=e.bindings[t]??``;return/^(ollama|apple):/.test(n)?``:n};return{classifier:`apple:default`,standard:`apple:default`,high:t(`high`),highest:t(`highest`)}}function zn(e){if(e.available)return C(`models.optAppleNote`);switch(e.reason){case`off`:return C(`models.appleOff`);case`loading`:return C(`models.appleLoading`);default:return C(`models.appleDevice`)}}function Bn({cap:e,state:t,place:n}){return(0,L.jsx)(Q,{title:C(`models.optApple`),children:(0,L.jsx)($,{children:X(e)?C(`models.appleHint`,{way:bn(t.ways.high,n).text}):C(`models.appleListenHint`)})})}function Vn({state:e,disabled:t}){let n=Z(),[r,i]=(0,I.useState)(e.ollamaUrl),[a,o]=(0,I.useState)((e.bindings.standard??`ollama:qwen3`).replace(/^ollama:/,``));return(0,L.jsxs)(Q,{title:C(`models.optLocal`),children:[(0,L.jsx)($,{children:C(`models.ollamaHint`)}),(0,L.jsxs)(`div`,{className:`grid gap-2 sm:grid-cols-[minmax(0,1fr)_12rem_auto]`,children:[(0,L.jsx)(g,{className:`font-mono text-[0.8125rem]`,value:r,disabled:t,onChange:e=>i(e.target.value)}),(0,L.jsx)(g,{className:`font-mono text-[0.8125rem]`,value:a,disabled:t,onChange:e=>o(e.target.value)}),(0,L.jsx)(s,{variant:`secondary`,busy:n.isPending,disabled:t||!a.trim(),onClick:()=>n.mutate({ollamaUrl:r,bindings:Object.fromEntries(ce.map(e=>[e,`ollama:${a.trim()}`]))}),children:C(`settings.save`)})]})]})}function Hn({me:e}){let t=u(),n=M({mutationFn:e=>S.put(`/api/studio/local/chat`,{engine:e}),onSuccess:()=>t.invalidateQueries({queryKey:[`me`]})});return(0,L.jsxs)(Q,{title:C(`local.chat`),children:[(0,L.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:[`models`,`claude`].map(t=>(0,L.jsx)(`button`,{type:`button`,"aria-pressed":e.chatEngine===t,onClick:()=>n.mutate(t),className:x(`h-9 rounded-full border px-3.5 text-[0.8125rem] transition`,e.chatEngine===t?`border-ember bg-ember-tint text-ink`:`border-input bg-card text-ink-2 hover:text-ink`),children:C(t===`claude`?`local.chatClaude`:`local.chatModels`)},t))}),(0,L.jsx)($,{children:C(`local.subscription`)})]})}function Un({provider:e,state:t,place:n,onOpen:r}){let i=Z(),a=tn.filter(t=>e.models[t]?.length),o=t.keys[e.id],c=e.id===`gateway`?[]:t.creditModels.filter(t=>t.source===e.id||t.provider===e.id);return(0,L.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,L.jsx)(Cn,{icon:F,title:e.name,lead:fn(e.about,d),status:(0,L.jsx)(Sn,{text:C(o?`models.keyStored`:`models.keyNone`),tone:o?`done`:`warn`})}),(0,L.jsxs)(_,{className:`flex flex-col gap-6 p-3.5 sm:p-5 sm:p-6`,children:[(0,L.jsx)(Q,{title:C(`models.key`),children:(0,L.jsx)(En,{provider:e,stored:o,place:n})}),(0,L.jsx)(Q,{title:C(`models.uses`),children:(0,L.jsx)(`ul`,{className:`flex flex-col divide-y divide-border-soft`,children:a.map(a=>{let o=hn[a],c=_n(t,a,n),l=c?.kind===`key`&&c.provider===e.id;return(0,L.jsxs)(`li`,{className:`flex flex-wrap items-center gap-3 py-2.5`,children:[(0,L.jsx)(o,{className:`size-4 shrink-0 text-ink-3`}),(0,L.jsxs)(`button`,{type:`button`,onClick:()=>r({type:`cap`,id:a}),className:`min-w-0 flex-1 text-left`,children:[(0,L.jsx)(`span`,{className:`block font-medium text-[0.875rem]`,children:C(`models.cap.${a}`)}),(0,L.jsx)(`span`,{className:`block truncate text-[0.75rem] text-ink-3`,children:(e.models[a]??[]).map(e=>e.label).join(` · `)})]}),l?(0,L.jsxs)(`span`,{className:`flex items-center gap-1 font-medium text-[0.75rem] text-moss`,children:[(0,L.jsx)(O,{className:`size-3.5`,strokeWidth:3}),` `,C(`models.inUse`)]}):(0,L.jsx)(s,{size:`sm`,variant:`secondary`,disabled:!n.canEdit,busy:i.isPending&&i.variables?.bindings!==void 0,onClick:()=>i.mutate({...X(a)&&!n.cloud?{source:`own`}:{},bindings:vn(e,a,t)}),children:C(`models.useFor`)})]},a)})})}),c.length?(0,L.jsxs)(Q,{title:C(`models.viaCredits`,{name:e.name}),children:[(0,L.jsx)($,{children:n.credits?C(`models.viaCreditsHint`):C(`models.viaCreditsNeedsAccount`)}),(0,L.jsx)(In,{models:c,state:t,place:n})]}):null]})]})}function Wn({me:e,id:t,state:n,place:r}){let i=Z(),a=r.harnesses.find(e=>e.id===t);if(!a)return null;let o=n.source===t,c=a.version!==null&&a.auth!==`none`;return(0,L.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,L.jsx)(Cn,{icon:be,title:a.name,lead:C(`harness.desc.${t}`),status:(0,L.jsx)(Sn,{text:yn(a).note,tone:c?`done`:`warn`})}),(0,L.jsxs)(_,{className:`flex flex-col gap-6 p-3.5 sm:p-5 sm:p-6`,children:[(0,L.jsx)(Q,{title:C(`models.clientSignIn`),children:(0,L.jsx)(nt,{me:e,id:t})}),(0,L.jsxs)(Q,{title:C(`models.uses`),children:[(0,L.jsx)(`ul`,{className:`flex flex-col divide-y divide-border-soft`,children:[`text`,...a.images?[`image`]:[]].map(e=>{let a=hn[e],o=_n(n,e,r),c=o?.kind===`client`&&o.id===t;return(0,L.jsxs)(`li`,{className:`flex items-center gap-3 py-2.5`,children:[(0,L.jsx)(a,{className:`size-4 shrink-0 text-ink-3`}),(0,L.jsx)(`span`,{className:`min-w-0 flex-1 font-medium text-[0.875rem]`,children:C(`models.cap.${e}`)}),c?(0,L.jsxs)(`span`,{className:`flex items-center gap-1 font-medium text-[0.75rem] text-moss`,children:[(0,L.jsx)(O,{className:`size-3.5`,strokeWidth:3}),` `,C(`models.inUse`)]}):(0,L.jsx)(s,{size:`sm`,variant:`secondary`,busy:i.isPending,onClick:()=>i.mutate(e===`text`?{source:t,bindings:Ie(n.bindings)}:{bindings:{image:`${t}/image`}}),children:C(`models.useFor`)})]},e)})}),o?null:(0,L.jsx)($,{children:C(`models.clientNotChosen`,{name:a.name})})]})]})]})}function Gn(){return(0,L.jsx)(de,{to:`/settings/account`,className:`font-medium text-ember-strong underline-offset-2 hover:underline`,children:C(`local.toAccount`)})}function Kn({state:e,place:t,onOpen:n}){let r=Z(),a=tn.filter(t=>e.ways[Y[t]].kind===`credits`),o=t.cloud?C(`models.creditsTeam`):C(`models.creditsName`);return(0,L.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,L.jsx)(Cn,{icon:A,title:o,lead:t.cloud?C(`models.creditsCloudHint`):C(`models.creditsLocalLead`),status:t.balance===null?void 0:(0,L.jsx)(`span`,{className:`font-display font-semibold text-[1.25rem] tabular-nums`,children:C(`nav.credits`,{n:Math.floor(t.balance).toLocaleString(d)})})}),(0,L.jsxs)(_,{className:`flex flex-col gap-6 p-3.5 sm:p-5 sm:p-6`,children:[!t.cloud&&!t.account?(0,L.jsxs)(Q,{title:C(`models.creditsConnectTitle`),children:[(0,L.jsx)($,{children:C(`models.creditsLocalHint`)}),(0,L.jsx)(`div`,{children:(0,L.jsx)(de,{to:`/settings/account`,children:(0,L.jsx)(s,{children:C(`models.creditsConnect`)})})})]}):null,t.account&&!t.account.signedIn?(0,L.jsxs)(`p`,{className:`text-[0.8125rem] text-rose`,children:[C(`local.accountExpired`),` `,(0,L.jsx)(Gn,{})]}):null,t.account?(0,L.jsx)(Q,{title:C(`models.creditsFallback`),children:(0,L.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,L.jsx)(i,{checked:e.creditFallback,disabled:!t.canEdit,onChange:e=>r.mutate({creditFallback:e}),label:C(`models.creditsFallback`)}),(0,L.jsx)($,{children:e.creditFallback?C(`models.creditsFallbackOn`):C(`models.creditsFallbackOff`)})]})}):null,t.credits?(0,L.jsx)(Q,{title:C(`models.creditsOn`),aside:t.topUp?(0,L.jsxs)(`a`,{href:t.topUp,target:`_blank`,rel:`noreferrer`,className:`inline-flex items-center gap-1 font-medium text-[0.8125rem] text-ember-strong hover:underline`,children:[C(`models.creditsTopUp`),` `,(0,L.jsx)(f,{className:`size-3`})]}):null,children:a.length?(0,L.jsx)(`ul`,{className:`flex flex-col divide-y divide-border-soft`,children:a.map(t=>{let r=hn[t],i=e.ways[Y[t]];return(0,L.jsx)(`li`,{children:(0,L.jsxs)(`button`,{type:`button`,onClick:()=>n({type:`cap`,id:t}),className:`flex w-full items-center gap-3 py-2.5 text-left`,children:[(0,L.jsx)(r,{className:`size-4 shrink-0 text-ink-3`}),(0,L.jsx)(`span`,{className:`min-w-0 flex-1 font-medium text-[0.875rem]`,children:C(`models.cap.${t}`)}),(0,L.jsxs)(`span`,{className:`truncate text-[0.75rem] text-ink-3`,children:[i.ref?J(i.ref):``,` · `,Nn(t,e)]})]})},t)})}):(0,L.jsx)($,{children:C(`models.creditsNone`)})}):null]})]})}function qn(e){return e?e===`credits`?{type:`credits`}:tn.includes(e)?{type:`cap`,id:e}:q(e)?{type:`provider`,id:e}:{type:`client`,id:e}:{type:`cap`,id:`text`}}var Jn=e=>e.type===`credits`?`credits`:e.id;function Yn({view:e,onView:t}){return null}function Xn(e){return e.kind===`none`?`off`:e.kind===`credits`?`credits`:`done`}function Zn(e,t){switch(e.type){case`cap`:return C(`models.cap.${e.id}`);case`provider`:return q(e.id)?.name??e.id;case`client`:return t?.harnesses.find(t=>t.id===e.id)?.name??e.id;default:return t?.mode===`managed`?C(`models.creditsTeam`):C(`models.creditsName`)}}function Qn(){let e=We(),t=xn(),[n,r]=fe(),[i,a]=(0,I.useState)(`auto`),{narrow:o}=qe(),s=n.get(`show`),c=qn(s);if(Ye(s||!o?Zn(c,e.data):null),!e.data||!t.data)return t.isError?(0,L.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:t.error.message}):null;let l=t.data,u=mn(e.data,i),f=e=>r({show:Jn(e)},{replace:!o}),p=e=>!(!s&&o)&&Jn(e)===Jn(c),m=u.harnesses.filter(e=>e.version!==null||l.source===e.id),h=K.filter(e=>l.keys[e.id]),g=K.filter(e=>!l.keys[e.id]);return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)($e,{children:[(0,L.jsx)(P,{label:C(`models.groupCaps`),children:tn.map(e=>{let t=l.ways[Y[e]];return(0,L.jsx)(N,{icon:hn[e],label:C(`models.cap.${e}`),tone:Xn(t),toneLabel:bn(t,u).text,selected:p({type:`cap`,id:e}),onPick:()=>f({type:`cap`,id:e})},e)})}),(0,L.jsxs)(P,{label:C(`models.groupAccess`),children:[(0,L.jsx)(N,{icon:A,label:u.cloud?C(`models.creditsTeam`):C(`models.creditsName`),badge:u.balance===null?null:(0,L.jsx)(`span`,{className:`text-[0.75rem] text-ink-3 tabular-nums`,children:Math.floor(u.balance).toLocaleString(d)}),tone:u.credits?void 0:`off`,toneLabel:u.credits?void 0:C(`models.noteNeedsAccount`),selected:p({type:`credits`}),onPick:()=>f({type:`credits`})}),m.map(e=>(0,L.jsx)(N,{icon:be,label:e.name,tone:e.version!==null&&e.auth===`subscription`?`done`:e.auth===`api_key`?`on`:`off`,toneLabel:yn(e).note,selected:p({type:`client`,id:e.id}),onPick:()=>f({type:`client`,id:e.id})},e.id)),h.map(e=>(0,L.jsx)(N,{icon:F,label:e.name,tone:`done`,toneLabel:C(`models.noteKey`),selected:p({type:`provider`,id:e.id}),onPick:()=>f({type:`provider`,id:e.id})},e.id))]}),g.length?(0,L.jsx)(P,{label:C(`models.groupMore`),collapsible:!0,open:g.some(e=>p({type:`provider`,id:e.id})),count:g.length,children:g.map(e=>(0,L.jsx)(N,{icon:F,label:e.name,selected:p({type:`provider`,id:e.id}),onPick:()=>f({type:`provider`,id:e.id})},e.id))}):null,(0,L.jsx)(Yn,{view:i,onView:a})]}),u.canEdit?null:(0,L.jsx)(`p`,{className:`mb-4 rounded-lg bg-paper-2 px-3 py-2 text-[0.8125rem] text-ink-2`,children:C(`models.readOnly`)}),c.type===`cap`?(0,L.jsx)(Ln,{cap:c.id,state:l,place:u,me:e.data,onOpen:f},c.id):c.type===`provider`&&q(c.id)?(0,L.jsx)(Un,{provider:q(c.id),state:l,place:u,onOpen:f},c.id):c.type===`client`?(0,L.jsx)(Wn,{me:e.data,id:c.id,state:l,place:u},c.id):(0,L.jsx)(Kn,{state:l,place:u,onOpen:f})]})}function $n({name:e,image:t}){return t?(0,L.jsx)(`img`,{src:t,alt:``,className:`size-9 shrink-0 rounded-full object-cover`}):(0,L.jsx)(`span`,{className:`flex size-9 shrink-0 items-center justify-center rounded-full bg-paper-2 font-medium text-[0.75rem] text-ink-2`,children:ze(e)})}function er({me:e}){let t=T({queryKey:[`team`,e.tenant.id],queryFn:()=>S.get(`/api/studio/team`)}),n=t.data,r=n?.plan??e.tenant.plan,i=n?.seats;return(0,L.jsxs)(`div`,{className:`flex flex-col gap-9`,children:[(0,L.jsxs)(a,{title:C(`team.title`),hint:C(`team.hint`),children:[(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-4 gap-y-3`,children:[(0,L.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,L.jsx)(`div`,{className:`text-[0.8125rem] text-ink-3`,children:C(`team.plan`)}),(0,L.jsxs)(`div`,{className:`mt-0.5 flex items-center gap-2`,children:[(0,L.jsx)(`span`,{className:`font-medium text-[0.9375rem]`,children:r?.name??C(`team.planFree`)}),i?(0,L.jsx)(D,{children:i.limit===null?C(`team.seatsUnlimited`):C(`team.seats`,{taken:i.taken,limit:i.limit})}):null]})]}),(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,L.jsxs)(s,{variant:`secondary`,onClick:()=>k(`${e.manageUrl}/billing`),children:[C(`team.changePlan`),` `,(0,L.jsx)(f,{className:`size-4`})]}),n?.canManage?(0,L.jsxs)(s,{onClick:()=>k(`${e.manageUrl}/`),children:[C(`team.manage`),` `,(0,L.jsx)(f,{className:`size-4`})]}):null]})]}),(0,L.jsx)(`p`,{className:`mt-4 text-[0.8125rem] text-ink-3 leading-relaxed`,children:e.tenant.role===`member`?C(`team.memberNote`):C(`team.roles`)})]}),(0,L.jsx)(a,{title:C(`team.members`),children:t.isPending?(0,L.jsx)(y,{}):t.isError||!n?(0,L.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:C(`team.failed`)}):(0,L.jsxs)(`div`,{className:`flex flex-col divide-y divide-border-soft`,children:[n.members.map(t=>(0,L.jsxs)(`div`,{className:`flex items-center gap-3 py-3 first:pt-0 last:pb-0`,children:[(0,L.jsx)($n,{name:t.name,image:t.image}),(0,L.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,L.jsxs)(`div`,{className:`truncate text-[0.9375rem]`,children:[t.name,t.userId===e.user.id?(0,L.jsxs)(`span`,{className:`text-ink-4`,children:[` · `,C(`team.you`)]}):null]}),(0,L.jsx)(`div`,{className:`truncate text-[0.8125rem] text-ink-3`,children:t.email})]}),(0,L.jsx)(D,{tone:t.role===`member`?void 0:`live`,children:C(`team.role.${t.role}`)})]},t.userId)),n.invitations.map(e=>(0,L.jsxs)(`div`,{className:`flex items-center gap-3 py-3 first:pt-0 last:pb-0`,children:[(0,L.jsx)(`span`,{className:`flex size-9 shrink-0 items-center justify-center rounded-full bg-paper-2 text-ink-3`,children:(0,L.jsx)(st,{className:`size-4`})}),(0,L.jsx)(`div`,{className:`min-w-0 flex-1 truncate text-[0.9375rem]`,children:e.email}),(0,L.jsxs)(D,{tone:`warn`,children:[C(`team.invited`),` · `,C(`team.role.${e.role}`)]})]},e.id)),n.members.length===0&&n.invitations.length===0?(0,L.jsxs)(`div`,{className:`flex items-center gap-3 text-[0.875rem] text-ink-3`,children:[(0,L.jsx)(Oe,{className:`size-4`}),` –`]}):null]})})]})}function tr(e,t){let n=e.toLowerCase().replace(/[^a-z0-9]+/g,`_`).replace(/^_+|_+$/g,``).replace(/^[^a-z]+/,``).slice(0,24)||`system`,r=n,i=2;for(;t.includes(r);)r=`${n}_${i++}`;return r}function nr({project:e}){let t=u(),[n,r]=(0,I.useState)(e.mcpServers.map(e=>({...e,auth:e.headers?.Authorization??e.headers?.authorization??``}))),[i,a]=(0,I.useState)(!1),l=e.readOnly,d=M({mutationFn:()=>S.patch(`/api/studio/projects/${e.id}`,{mcpServers:n.filter(e=>e.name&&e.url).map(({auth:e,headers:t,...n})=>({...n,headers:e?{...t,Authorization:e}:void 0}))}),onSuccess:async()=>{await t.invalidateQueries({queryKey:[`projects`]}),a(!0),setTimeout(()=>a(!1),1800)}});return(0,L.jsxs)(_,{className:`p-4 sm:p-6`,children:[(0,L.jsx)(`h2`,{className:`font-display font-semibold text-lg`,children:C(`settings.mcp`)}),(0,L.jsx)(`p`,{className:`mt-1 mb-5 text-[0.875rem] text-ink-3`,children:C(`settings.mcpHint`)}),(0,L.jsxs)(`fieldset`,{disabled:l,className:`flex min-w-0 flex-col gap-3`,children:[n.map((e,t)=>(0,L.jsxs)(`div`,{className:`grid gap-2 rounded-lg bg-paper p-3 ring-1 ring-border-soft sm:grid-cols-[1fr_2fr_auto]`,children:[(0,L.jsx)(g,{placeholder:C(`settings.serverName`),value:e.name,onChange:e=>r(n=>n.map((r,i)=>i===t?{...r,name:e.target.value,id:r.id||tr(e.target.value,n.map(e=>e.id))}:r))}),(0,L.jsx)(g,{placeholder:`${C(`settings.serverUrl`)} (https://…/mcp)`,value:e.url,onChange:e=>r(n=>n.map((n,r)=>r===t?{...n,url:e.target.value}:n))}),l?(0,L.jsx)(`span`,{}):(0,L.jsx)(m,{label:C(`common.remove`),onClick:()=>r(e=>e.filter((e,n)=>n!==t)),className:`hover:text-rose`,children:(0,L.jsx)(o,{className:`size-4`})}),(0,L.jsx)(g,{className:`sm:col-span-2`,placeholder:C(`settings.serverHeader`),value:e.auth??``,onChange:e=>r(n=>n.map((n,r)=>r===t?{...n,auth:e.target.value}:n))}),e.id?(0,L.jsx)(`span`,{className:`self-center font-mono text-[0.6875rem] text-ink-4`,children:e.id}):null]},t)),l?null:(0,L.jsxs)(s,{variant:`secondary`,className:`self-start`,onClick:()=>r(e=>[...e,{id:``,name:``,url:``,auth:``}]),children:[(0,L.jsx)(c,{className:`size-4`}),` `,C(`settings.addServer`)]})]}),l?null:(0,L.jsxs)(`div`,{className:`mt-5 flex items-center justify-end gap-3`,children:[d.error?(0,L.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:d.error.message}):null,(0,L.jsx)(s,{busy:d.isPending,onClick:()=>d.mutate(),children:C(i?`settings.saved`:`settings.save`)})]})]})}var rr=new Set([`models`,`integrate`]);function ir(){let{section:e}=ne(),[t]=fe(),n=ae(),r=We(),{project:i,loading:a}=Be(),o=Ne(),[s,c]=(0,I.useState)(i?.id);(0,I.useEffect)(()=>c(i?.id),[i?.id]);let l=Ue(),u=tt(),d=re(),f=!!d&&!u,[p,m]=(0,I.useState)(null),[h,g]=(0,I.useState)(null),[_,v]=(0,I.useState)(null),y=Ce(r.data,l),b=y.find(t=>t.id===e),S=y.map(e=>({...e,to:`/settings/${e.id}`})),ee=S.find(t=>t.id===e),te=b?rr.has(b.id):!1,w=b?te&&!t.get(`show`)?1:2:0,T=u?Math.min(w,1):te&&_!==e?1:0,E=Je(T),oe=Je(w),D=(0,I.useMemo)(()=>({slot:p,narrow:u,setDetail:g}),[p,u]);if(xe(b?.id===`models`?{suggestions:[{label:C(`assistant.suggest.modelsNow`)},{label:C(`assistant.suggest.modelsMissing`)},{label:C(`assistant.suggest.modelsCost`)}]}:b?.id===`account`?{suggestions:[{label:C(`assistant.suggest.credits`)},{label:C(`assistant.suggest.accountWhy`)},{label:C(`assistant.suggest.plans`)}]}:b?.id===`integrate`?{suggestions:[{label:C(`assistant.suggest.integrateWhat`)},{label:C(`assistant.suggest.integrateClaude`)},{label:C(`assistant.suggest.what`)}]}:b?.id===`connectors`?{suggestions:[{label:C(`assistant.suggest.connectorsWhat`)},{label:C(`assistant.suggest.connectorsAdd`),fill:!0},{label:C(`assistant.suggest.what`)}]}:{}),Re([{label:C(`settings.title`),to:`/settings`},...b?[{label:b.label,to:`/settings/${b.id}`}]:[],...b&&h?[{label:h}]:[]]),!b){if(e===`build`)return(0,L.jsx)(ie,{to:`/settings/integrate`,replace:!0});if(e===`project`)return(0,L.jsx)(ie,{to:`/space`,replace:!0});if(e!==void 0||!u)return l.status===`ready`||e===void 0?(0,L.jsx)(ie,{to:`/settings/account`,replace:!0}):null}let ce=b?.id===`connectors`&&o,O=(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(Xe,{title:C(`settings.title`),open:T===1?ee??null:null,onBack:()=>u?n(`/settings`):v(e??null)}),(0,L.jsx)(`div`,{className:x(Ke(E)),children:T===0?(0,L.jsx)(Qe,{entries:S,current:u?void 0:ee,onPick:()=>v(null)}):(0,L.jsx)(`div`,{ref:m})},T)]});return(0,L.jsxs)(Ze.Provider,{value:D,children:[f&&d?(0,ft.createPortal)(O,d):null,(0,L.jsx)(`div`,{className:`animate-rise`,children:(0,L.jsxs)(`div`,{className:x(`grid gap-6`,!f&&`md:grid-cols-[13.5rem_minmax(0,1fr)] md:gap-8 lg:grid-cols-[15rem_minmax(0,1fr)] lg:gap-10`),children:[f?null:(0,L.jsx)(`aside`,{className:x(`min-w-0 md:sticky md:top-6 md:self-start`,u&&w===2&&`hidden`,u&&oe===`back`&&Ke(`back`)),children:O}),b?(0,L.jsxs)(`div`,{className:x(`min-w-0`,![`integrate`,`models`].includes(b.id)&&`max-w-2xl`,u&&w<2&&`hidden`,u&&oe===`deeper`&&Ke(`deeper`)),children:[u?(0,L.jsx)(`div`,{className:`mb-3`,children:(0,L.jsx)(et,{label:te?b.label:C(`settings.title`),onBack:()=>n(te?`/settings/${b.id}`:`/settings`)})}):null,ce?(0,L.jsx)(`div`,{className:`mb-6`,children:(0,L.jsx)(Me,{})}):null,b.id===`connectors`&&i?(0,L.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[i.readOnly?(0,L.jsx)(ve,{children:ge(i)}):null,(0,L.jsx)(Ct,{projectId:i.id,readOnly:i.readOnly},s),(0,L.jsx)(nr,{project:i},s)]}):null,b.id===`connectors`&&!i&&!a?(0,L.jsx)(se,{children:C(`settings.noProject`)}):null,b.id===`models`?(0,L.jsx)(Qn,{}):null,b.id===`integrate`?(0,L.jsx)(en,{}):null,b.id===`account`&&r.data?(0,L.jsx)(we,{me:r.data}):null,b.id===`team`&&r.data?(0,L.jsx)(er,{me:r.data}):null,b.id===`plugins`?(0,L.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,L.jsx)(pt,{}),(0,L.jsx)(vt,{})]}):null,b.plugin?(0,L.jsx)(He,{of:b.plugin,children:(0,L.jsx)(b.plugin.component,{})}):null]}):null]})})]})}export{ir as SettingsPage};
+import{r as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,t as n}from"./jsx-runtime-BNakU3Ej.js";import{$n as r,Bt as i,C as a,Dn as o,Dt as s,Fn as c,Ft as l,Gr as u,Gt as d,Jn as f,Lt as p,Mt as m,Nn as h,Nt as g,Ot as _,Rn as v,Rt as y,Un as b,Ut as x,W as S,Yt as C,Zn as ee,Zt as te,_r as ne,a as re,ar as w,br as T,cr as E,fr as ie,gr as ae,jn as oe,jt as se,kt as D,ln as ce,nr as O,on as le,tr as ue,ur as de,vr as fe,yr as pe}from"./ui-CeZNNuaK.js";import{n as me,t as he}from"./lock-a8rDnyg5.js";import{n as ge,r as _e,t as ve}from"./ReadOnly-C_jD7KjW.js";import{At as ye,B as k,Bt as be,G as xe,Gt as A,It as Se,K as Ce,Kt as j,M as we,N as Te,Nt as Ee,P as De,St as Oe,Ut as ke,Vt as Ae,Xt as je,Zt as M,b as Me,ct as Ne,et as Pe,f as Fe,ft as Ie,l as Le,m as Re,nt as ze,ot as Be,qt as Ve,s as He,u as Ue,ut as We,xt as Ge}from"./index-93fPRTxr.js";import{a as N,c as Ke,d as qe,f as Je,i as P,l as Ye,n as Xe,o as Ze,r as Qe,s as $e,t as et,u as tt}from"./settings-menu-COgM8CgB.js";import{t as nt}from"./Harness-CFh04TZ3.js";var rt={name:`ear`,size:24,node:[[`path`,{d:`M6 8.5a6.5 6.5 0 1 1 13 0c0 6-6 6-6 10a3.5 3.5 0 1 1-7 0`,key:`1dfaln`}],[`path`,{d:`M15 8.5a2.5 2.5 0 0 0-5 0v1a2 2 0 1 1 0 4`,key:`1qnva7`}]]};rt.node;var it=E(rt),at={name:`key-round`,size:24,node:[[`path`,{d:`M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z`,key:`1s6t7t`}],[`circle`,{cx:`16.5`,cy:`7.5`,r:`.5`,fill:`currentColor`,key:`w0ekpg`}]]};at.node;var F=E(at),ot={name:`mail-plus`,size:24,node:[[`path`,{d:`M22 13V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h8`,key:`12jkf8`}],[`path`,{d:`m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7`,key:`1ocrg3`}],[`path`,{d:`M19 16v6`,key:`tddt3s`}],[`path`,{d:`M16 19h6`,key:`xwg31i`}]]};ot.node;var st=E(ot),ct={name:`rotate-cw`,size:24,node:[[`path`,{d:`M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8`,key:`1p45f6`}],[`path`,{d:`M21 3v5h-5`,key:`1q7to0`}]]};ct.node;var lt=E(ct),ut={name:`wrench`,size:24,node:[[`path`,{d:`M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z`,key:`1ngwbx`}]]};ut.node;var dt=E(ut),ft=pe(),I=e(t(),1),L=e(n(),1);function pt(){let e=Ue(),[t,n]=(0,I.useState)(null),[r,i]=(0,I.useState)(null),o=async e=>{n(e??`*`),i(null);try{await Le(e)}catch(e){i(e.message)}finally{n(null)}};return(0,L.jsxs)(a,{title:C(`plugins.title`),hint:e.canReload?C(`plugins.hint`):C(`plugins.hintManaged`),action:e.canReload?(0,L.jsx)(s,{variant:`secondary`,busy:t===`*`,onClick:()=>void o(),children:C(`plugins.rescan`)}):null,children:[e.plugins.length||e.problems.length?null:(0,L.jsx)(`p`,{className:`text-[0.875rem] text-ink-3`,children:C(`plugins.none`)}),(0,L.jsxs)(`ul`,{className:`divide-y divide-border-soft`,children:[e.plugins.map(n=>{let r=e.failed[n.id];return(0,L.jsxs)(`li`,{className:`flex items-start gap-4 py-4 first:pt-0 last:pb-0`,children:[(0,L.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-2.5 gap-y-1`,children:[(0,L.jsx)(`span`,{className:`font-medium text-[0.9375rem]`,children:n.name}),n.name===n.id?null:(0,L.jsxs)(`span`,{className:`font-mono text-[0.75rem] text-ink-4`,children:[n.id,` · `,n.version]})]}),n.description?(0,L.jsx)(`p`,{className:`mt-0.5 text-[0.875rem] text-ink-3`,children:n.description}):null,n.tools.length?(0,L.jsxs)(`div`,{className:`mt-2 flex flex-wrap items-center gap-1.5 text-[0.75rem] text-ink-3`,children:[C(`plugins.tools`),n.tools.map(e=>(0,L.jsx)(D,{children:e.id},e.id))]}):null,n.error?(0,L.jsx)(`p`,{className:`mt-2 text-[0.8125rem] text-rose`,children:C(`plugins.serverFailed`,{error:n.error})}):null,r?(0,L.jsx)(`p`,{className:`mt-2 text-[0.8125rem] text-rose`,children:C(`plugins.studioFailed`,{error:r})}):null]}),e.canReload?(0,L.jsx)(m,{label:C(`plugins.reload`),disabled:t!==null,onClick:()=>void o(n.id),children:(0,L.jsx)(lt,{className:t===n.id?`size-4 animate-spin`:`size-4`})}):null]},n.id)}),e.problems.map(e=>(0,L.jsxs)(`li`,{className:`py-4 first:pt-0 last:pb-0`,children:[(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-2.5 gap-y-1`,children:[(0,L.jsx)(D,{tone:`warn`,children:C(`plugins.problems`)}),(0,L.jsx)(`span`,{className:`break-all font-mono text-[0.75rem] text-ink-3`,children:e.path})]}),(0,L.jsx)(`p`,{className:`mt-1.5 text-[0.8125rem] text-ink-3`,children:e.message})]},e.path))]}),r?(0,L.jsx)(`p`,{className:`mt-4 text-[0.8125rem] text-rose`,children:r}):null]})}var mt=[`pro-modules`],ht=`/api/studio/plugins/-/pro`,gt={managed:`pro.held.plan`,not_installed:`pro.held.release`,release:`pro.held.release`,unconfirmed:`pro.held.unconfirmed`,plan:`pro.held.plan`},_t=e=>new Date(e).toLocaleDateString(le[d],{day:`numeric`,month:`long`});function vt(){let e=u(),{canReload:t}=Ue(),n=T({queryKey:mt,queryFn:()=>S.get(ht),enabled:t}),r=t=>e.setQueryData(mt,t),i=M({mutationFn:()=>S.post(`${ht}/refresh`),onSuccess:r}),o=M({mutationFn:e=>S.post(`${ht}/${e}`),onSuccess:r}),c=M({mutationFn:e=>S.del(`${ht}/${e}`),onSuccess:r}),l=n.data,d=o.isPending||c.isPending,p=o.error??c.error??i.error;return t?(0,L.jsx)(a,{title:C(`pro.title`),hint:C(`pro.hint`),action:l?.linked?(0,L.jsx)(s,{variant:`secondary`,busy:i.isPending,onClick:()=>i.mutate(),children:C(`pro.check`)}):null,children:l?l.linked?(0,L.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 text-[0.8125rem] text-ink-3`,children:[(0,L.jsxs)(`span`,{children:[l.plan?C(`pro.plan`,{plan:l.plan.name}):null,l.plan&&l.expiresAt?` · `:null,l.expiresAt?C(`pro.confirmedUntil`,{date:_t(l.expiresAt)}):null]}),(0,L.jsxs)(s,{variant:`ghost`,onClick:()=>k(`${l.accountUrl}/billing`),children:[C(`pro.plans`),` `,(0,L.jsx)(f,{className:`size-4`})]})]}),l.error?(0,L.jsx)(`p`,{className:`text-[0.8125rem] text-rose`,children:l.error}):null,l.modules.length?(0,L.jsx)(`ul`,{className:`divide-y divide-border-soft`,children:l.modules.map(e=>(0,L.jsxs)(`li`,{className:`flex items-start gap-4 py-4 first:pt-0 last:pb-0`,children:[(0,L.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-2.5 gap-y-1`,children:[(0,L.jsx)(`span`,{className:`font-medium text-[0.9375rem]`,children:e.name}),(0,L.jsxs)(`span`,{className:`font-mono text-[0.75rem] text-ink-4`,children:[e.id,` · `,e.installed?.version??e.version]}),e.loaded?(0,L.jsx)(D,{tone:`live`,children:C(`pro.on`)}):null,e.included?null:(0,L.jsx)(D,{children:C(`pro.notInPlan`)}),e.installed&&e.heldBack&&e.included?(0,L.jsx)(D,{tone:`warn`,children:C(gt[e.heldBack])}):null]}),e.description?(0,L.jsx)(`p`,{className:`mt-0.5 text-[0.875rem] text-ink-3`,children:e.description}):null]}),(0,L.jsxs)(`div`,{className:`flex shrink-0 gap-2`,children:[e.included&&(!e.installed||e.update)?(0,L.jsx)(s,{busy:o.isPending&&o.variables===e.id,disabled:d,onClick:()=>o.mutate(e.id),children:e.installed?C(`pro.update`):C(`pro.install`)}):null,e.installed?(0,L.jsx)(s,{variant:`secondary`,busy:c.isPending&&c.variables===e.id,disabled:d,onClick:()=>c.mutate(e.id),children:C(`pro.remove`)}):null]})]},e.id))}):(0,L.jsx)(`p`,{className:`text-[0.875rem] text-ink-3`,children:C(`pro.none`,{runtime:l.runtime})}),p?(0,L.jsx)(`p`,{className:`text-[0.8125rem] text-rose`,children:p.message}):null]}):(0,L.jsx)(`p`,{className:`text-[0.875rem] text-ink-3`,children:C(`pro.notLinked`)}):(0,L.jsx)(y,{})}):null}function yt({connector:e}){let[t,n]=(0,I.useState)(!1);return(0,L.jsxs)(`div`,{className:`rounded-lg bg-paper ring-1 ring-border-soft`,children:[(0,L.jsxs)(`button`,{type:`button`,onClick:()=>n(e=>!e),className:`flex w-full items-center gap-3 px-3 py-2 text-left`,children:[(0,L.jsx)(`span`,{className:x(`size-2 shrink-0 rounded-full`,e.usable?`bg-moss`:`bg-ink-4`)}),(0,L.jsxs)(`span`,{className:`min-w-0 flex-1 truncate text-[0.8125rem]`,children:[e.name,` `,(0,L.jsx)(`span`,{className:`font-mono text-[0.6875rem] text-ink-4`,children:e.id})]}),(0,L.jsx)(`span`,{className:`shrink-0 text-[0.75rem] text-ink-3`,children:e.usable?C(`connectors.actions`,{n:e.actions.length,r:e.actions.filter(e=>e.group===`read`).length}):C(`connectors.notSetUp`)})]}),t?(0,L.jsxs)(`div`,{className:`border-border-soft border-t px-3 py-2 text-[0.75rem]`,children:[e.missingSetup?(0,L.jsxs)(`p`,{className:`mb-1 text-ink-3`,children:[C(`connectors.setup`),` `,(0,L.jsx)(`span`,{className:`font-mono text-ink-2`,children:e.missingSetup})]}):null,(0,L.jsx)(`p`,{className:`text-ink-4`,children:e.actions.map(e=>e.group===`read`?e.id:`${e.id} (${C(`connectors.group.${e.group}`)})`).join(` · `)})]}):null]})}var bt={none:`connectors.authNone`,oauth2:`connectors.authOauth`,api_key:`connectors.authKey`};function xt({projectId:e,connector:t,readOnly:n}){let r=u(),[i,a]=(0,I.useState)(!1),s=()=>r.invalidateQueries({queryKey:[`connectors`,e]}),c=`/api/studio/projects/${e}/connectors/${t.id}`,l=M({mutationFn:()=>S.post(`${c}/refresh`),onSuccess:s}),d=M({mutationFn:()=>S.del(c),onSuccess:s}),f=t.actions.filter(e=>e.group===`read`).length;return(0,L.jsxs)(`div`,{className:`rounded-lg bg-paper ring-1 ring-border-soft`,children:[(0,L.jsxs)(`div`,{className:`flex items-center gap-3 p-3`,children:[(0,L.jsx)(`div`,{className:`flex size-9 shrink-0 items-center justify-center rounded-lg bg-paper-2 text-ink-2`,children:(0,L.jsx)(ye,{className:`size-4`})}),(0,L.jsxs)(`button`,{type:`button`,onClick:()=>a(e=>!e),className:`min-w-0 flex-1 text-left`,children:[(0,L.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,L.jsx)(`span`,{className:`truncate font-medium text-[0.875rem]`,children:t.name}),(0,L.jsx)(`span`,{className:`font-mono text-[0.6875rem] text-ink-4`,children:t.id})]}),(0,L.jsxs)(`div`,{className:`truncate text-[0.75rem] text-ink-3`,children:[t.domain,` · `,t.sourceKind===`mcp`?`MCP`:`OpenAPI`,` ·`,` `,C(bt[t.auth]),` ·`,` `,t.toolsPending?C(`connectors.pending`):C(`connectors.actions`,{n:t.actions.length,r:f})]})]}),n?null:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(m,{label:C(`connectors.refresh`),onClick:()=>l.mutate(),children:l.isPending?(0,L.jsx)(y,{className:`size-4`}):(0,L.jsx)(h,{className:`size-4`})}),(0,L.jsx)(m,{label:C(`connectors.remove`),className:`hover:text-rose`,onClick:()=>confirm(C(`connectors.removeConfirm`,{name:t.name}))&&d.mutate(),children:(0,L.jsx)(o,{className:`size-4`})})]})]}),t.needsOAuthClient?(0,L.jsx)(`p`,{className:`border-border-soft border-t px-3 py-2 text-[0.75rem] text-rose`,children:C(`connectors.needsClient`)}):null,l.error??d.error?(0,L.jsx)(`p`,{className:`border-border-soft border-t px-3 py-2 text-[0.75rem] text-rose`,children:(l.error??d.error).message}):null,i&&t.actions.length?(0,L.jsx)(`ul`,{className:`max-h-64 overflow-y-auto border-border-soft border-t px-3 py-2`,children:t.actions.map(e=>(0,L.jsxs)(`li`,{className:`flex items-baseline gap-2 py-1 text-[0.75rem]`,children:[(0,L.jsx)(`span`,{className:x(`w-14 shrink-0 text-[0.6875rem] uppercase tracking-wide`,e.group===`read`?`text-moss`:e.group===`write`?`text-ink-3`:`text-rose`),children:C(`connectors.group.${e.group}`)}),(0,L.jsx)(`span`,{className:`shrink-0 font-mono text-ink-2`,children:e.id}),(0,L.jsx)(`span`,{className:`min-w-0 truncate text-ink-4`,children:e.summary})]},e.id))}):null]})}function St({projectId:e,domain:t,source:n,taken:r,onDone:i}){let a=u(),[o,c]=(0,I.useState)({id:``,secret:``}),[l,d]=(0,I.useState)(!1),f=r.includes(n.suggestedId),p=M({mutationFn:()=>S.post(`/api/studio/projects/${e}/connectors`,{domain:t,sourceKind:n.sourceKind,sourceUrl:n.sourceUrl,id:n.suggestedId,toolPrefix:n.suggestedToolPrefix,...n.name?{name:n.name}:{},...o.id&&o.secret?{oauthClientId:o.id,oauthClientSecret:o.secret}:{}}),onSuccess:async t=>{await a.invalidateQueries({queryKey:[`connectors`,e]}),i(t.warnings)}});return(0,L.jsxs)(`div`,{className:`rounded-lg bg-card p-3 ring-1 ring-border-soft`,children:[(0,L.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,L.jsx)(D,{tone:n.sourceKind===`mcp`?`ember`:`neutral`,children:n.sourceKind===`mcp`?`MCP`:`OpenAPI`}),(0,L.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,L.jsx)(`div`,{className:`truncate text-[0.8125rem]`,children:n.name??n.suggestedId}),(0,L.jsx)(`div`,{className:`truncate font-mono text-[0.6875rem] text-ink-4`,children:n.sourceUrl})]}),n.blocked||f?null:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`button`,{type:`button`,onClick:()=>d(e=>!e),className:`text-[0.75rem] text-ink-3 hover:text-ink`,children:C(`connectors.ownClient`)}),(0,L.jsx)(s,{size:`sm`,busy:p.isPending,onClick:()=>p.mutate(),children:C(`connectors.import`)})]})]}),n.blocked?(0,L.jsx)(`p`,{className:`mt-2 text-[0.75rem] text-ink-3`,children:n.blocked}):null,f?(0,L.jsx)(`p`,{className:`mt-2 text-[0.75rem] text-ink-3`,children:C(`connectors.exists`)}):null,l?(0,L.jsxs)(`div`,{className:`mt-3 grid gap-2 sm:grid-cols-2`,children:[(0,L.jsx)(g,{placeholder:C(`connectors.clientId`),value:o.id,onChange:e=>c(t=>({...t,id:e.target.value}))}),(0,L.jsx)(g,{type:`password`,autoComplete:`off`,placeholder:C(`connectors.clientSecret`),value:o.secret,onChange:e=>c(t=>({...t,secret:e.target.value}))})]}):null,p.error?(0,L.jsx)(`p`,{className:`mt-2 text-[0.75rem] text-rose`,children:p.error.message}):null]})}function Ct({projectId:e,readOnly:t}){let n=Pe(`unsetConnectors`),[r,i]=(0,I.useState)(``),[a,o]=(0,I.useState)(null),[c,l]=(0,I.useState)(null),[u,d]=(0,I.useState)([]),f=T({queryKey:[`connectors`,e],queryFn:()=>S.get(`/api/studio/projects/${e}/connectors`)}),p=M({mutationFn:()=>S.post(`/api/studio/connectors/search`,{query:r}),onSuccess:e=>{o(e),l(null),d([])}}),m=M({mutationFn:e=>S.get(`/api/studio/connectors/registry/${encodeURIComponent(e)}`),onSuccess:l}),h=f.data??[],v=h.filter(e=>e.sourceKind===`builtin`&&(n||e.usable)),b=h.filter(e=>e.sourceKind!==`builtin`);return(0,L.jsxs)(_,{className:`p-4 sm:p-6`,children:[(0,L.jsx)(`h2`,{className:`font-display font-semibold text-lg`,children:C(`connectors.title`)}),(0,L.jsx)(`p`,{className:`mt-1 mb-5 text-[0.875rem] text-ink-3`,children:C(`connectors.hint`)}),v.length?(0,L.jsx)(`div`,{className:`mb-5 grid gap-1.5 sm:grid-cols-2`,children:v.map(e=>(0,L.jsx)(yt,{connector:e},e.id))}):null,(0,L.jsx)(`h3`,{className:`mb-2 font-medium text-[0.75rem] text-ink-3 uppercase tracking-[0.07em]`,children:C(`connectors.imported`)}),b.length?(0,L.jsx)(`div`,{className:`mb-4 flex flex-col gap-2`,children:b.map(n=>(0,L.jsx)(xt,{projectId:e,connector:n,readOnly:t},n.id))}):null,t?b.length?null:(0,L.jsx)(`p`,{className:`text-[0.8125rem] text-ink-3`,children:C(`connectors.noneImported`)}):(0,L.jsxs)(`form`,{className:`flex gap-2`,onSubmit:e=>{e.preventDefault(),r.trim()&&p.mutate()},children:[(0,L.jsx)(g,{value:r,placeholder:C(`connectors.search`),onChange:e=>i(e.target.value)}),(0,L.jsxs)(s,{type:`submit`,variant:`secondary`,busy:p.isPending,children:[(0,L.jsx)(oe,{className:`size-4`}),` `,C(`connectors.find`)]})]}),p.error?(0,L.jsx)(`p`,{className:`mt-3 text-[0.8125rem] text-rose`,children:p.error.message}):null,a&&!c?(0,L.jsxs)(`div`,{className:`mt-3 flex flex-col gap-1`,children:[a.length?null:(0,L.jsx)(`p`,{className:`text-[0.8125rem] text-ink-3`,children:C(`connectors.none`)}),a.map(e=>(0,L.jsxs)(`button`,{type:`button`,disabled:!e.kinds.length,onClick:()=>m.mutate(e.domain),className:`flex items-center gap-3 rounded-lg px-3 py-2 text-left transition hover:bg-paper-2 disabled:opacity-50`,children:[(0,L.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,L.jsx)(`div`,{className:`truncate text-[0.875rem]`,children:e.domain}),(0,L.jsx)(`div`,{className:`truncate text-[0.75rem] text-ink-3`,children:e.description})]}),(0,L.jsx)(`span`,{className:`text-[0.6875rem] text-ink-4 uppercase`,children:e.kinds.join(` · `)}),(0,L.jsx)(ue,{className:`-rotate-90 size-4 text-ink-4`})]},e.domain)),m.isPending?(0,L.jsx)(y,{className:`mx-auto mt-2 size-4 text-ink-4`}):null,m.error?(0,L.jsx)(`p`,{className:`text-[0.8125rem] text-rose`,children:m.error.message}):null]}):null,c?(0,L.jsxs)(`div`,{className:`mt-4 flex flex-col gap-2`,children:[(0,L.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,L.jsx)(`div`,{className:`font-medium text-[0.875rem]`,children:c.domain}),(0,L.jsx)(`button`,{type:`button`,onClick:()=>l(null),className:`text-[0.75rem] text-ink-3 hover:text-ink`,children:C(`run.back`)})]}),c.summary?(0,L.jsx)(`p`,{className:`text-[0.8125rem] text-ink-3`,children:c.summary}):null,c.sources.map(t=>(0,L.jsx)(St,{projectId:e,domain:c.domain,source:t,taken:h.map(e=>e.id),onDone:d},`${t.sourceKind}:${t.sourceUrl}`)),c.credentials.filter(e=>e.setup||e.url).map(e=>(0,L.jsxs)(`p`,{className:`text-[0.75rem] text-ink-3`,children:[(0,L.jsxs)(`span`,{className:`text-ink-2`,children:[e.label,`:`]}),` `,e.setup,` `,e.url?(0,L.jsx)(`a`,{href:e.url,target:`_blank`,rel:`noreferrer`,className:`text-ember underline`,children:e.url}):null]},e.label)),u.map(e=>(0,L.jsx)(`p`,{className:`text-[0.75rem] text-ink-3`,children:e},e))]}):null]})}var R=`engenty-wizards`,wt=`engenty wizards`,Tt=`ENGENTY_WIZARDS_KEY`,Et=[{id:`claude-desktop`,name:`Claude Desktop`,widgets:!0,connector:!0},{id:`claude-code`,name:`Claude Code`,widgets:!1},{id:`codex`,name:`Codex · ChatGPT app`,widgets:!1},{id:`cursor`,name:`Cursor`,widgets:!0},{id:`vscode`,name:`VS Code (Copilot)`,widgets:!0},{id:`windsurf`,name:`Windsurf`,widgets:!1},{id:`gemini`,name:`Gemini CLI`,widgets:!1},{id:`goose`,name:`Goose`,widgets:!0},{id:`openclaw`,name:`OpenClaw`,widgets:!1},{id:`lm-studio`,name:`LM Studio`,widgets:!1},{id:`claude-ai`,name:`claude.ai`,widgets:!0,oauth:!0},{id:`chatgpt`,name:`ChatGPT`,widgets:!0,oauth:!0}],Dt={"claude-ai":{open:`https://claude.ai/settings/connectors`,where:`integrate.claudeAiWhere`,host:`claude.ai`},"claude-desktop":{where:`integrate.desktopWhere`,host:`claude.ai`},chatgpt:{where:`integrate.chatgptWhere`,host:`chatgpt.com`}};function z({text:e,muted:t}){let[n,r]=(0,I.useState)(!1);return(0,L.jsxs)(`div`,{className:x(`flex items-start gap-2 rounded-lg bg-paper-2 p-3`,t&&`text-ink-3 opacity-80`),children:[(0,L.jsx)(`code`,{className:`min-w-0 flex-1 whitespace-pre-wrap break-all font-mono text-[0.75rem] leading-relaxed`,children:e}),(0,L.jsx)(m,{label:C(n?`settings.copied`:`settings.copy`),onClick:async()=>{await navigator.clipboard.writeText(e),r(!0),setTimeout(()=>r(!1),1500)},children:n?(0,L.jsx)(O,{className:`size-4`}):(0,L.jsx)(ee,{className:`size-4`})})]})}function Ot(e){try{let t=new URL(e);return t.protocol===`https:`&&!/(^|\.)localhost$/.test(t.hostname)&&!/^(127\.|10\.|192\.168\.|\[::1\])/.test(t.hostname)}catch{return!1}}function B({children:e}){return(0,L.jsx)(`p`,{className:`text-[0.875rem] text-ink-3 leading-relaxed`,children:e})}function V({title:e,children:t}){return(0,L.jsxs)(`section`,{className:`flex flex-col gap-2.5 border-border-soft border-t pt-5 first:border-t-0 first:pt-0`,children:[(0,L.jsx)(`h3`,{className:`font-medium text-[0.9375rem]`,children:e}),t]})}var kt=`https://github.com/engenty/engenty-wizards-wp-plugin/releases/latest/download/engenty-wizards.zip`;function At({managed:e}){return(0,L.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,L.jsxs)(`div`,{children:[(0,L.jsx)(`h2`,{className:`font-display font-semibold text-[1.375rem] leading-tight tracking-tight`,children:`WordPress`}),(0,L.jsx)(`p`,{className:`mt-1 text-[0.9375rem] text-ink-2`,children:C(`integrate.wpIntro`)})]}),(0,L.jsxs)(_,{className:`flex flex-col gap-5 p-5`,children:[(0,L.jsxs)(V,{title:C(`integrate.wpInstall`),children:[(0,L.jsx)(B,{children:C(`integrate.wpInstallHint`)}),(0,L.jsx)(`div`,{children:(0,L.jsx)(s,{variant:`secondary`,size:`sm`,onClick:()=>window.open(kt,`_blank`),children:C(`integrate.wpDownload`)})})]}),(0,L.jsx)(V,{title:C(`integrate.wpConnect`),children:(0,L.jsx)(B,{children:C(e?`integrate.wpConnectHint`:`integrate.wpConnectLocal`)})}),(0,L.jsxs)(V,{title:C(`integrate.wpPlace`),children:[(0,L.jsx)(B,{children:C(`integrate.wpPlaceHint`)}),(0,L.jsx)(z,{text:`[engenty_wizard id="ID" mode="modal" label="${C(`integrate.wpSampleLabel`)}"]`})]}),(0,L.jsx)(V,{title:C(`integrate.wpPro`),children:(0,L.jsx)(B,{children:C(`integrate.wpProHint`)})}),(0,L.jsx)(V,{title:C(`integrate.wpLocal`),children:(0,L.jsx)(B,{children:C(`integrate.wpLocalHint`)})})]})]})}function jt(e,t){return JSON.stringify({[e]:{[R]:t}},null,2)}function Mt({id:e,url:t,apiKey:n}){let r=n?`Authorization: Bearer ${n}`:null,i=n?{headers:{Authorization:`Bearer ${n}`}}:{};switch(e){case`claude-code`:{let e=t.replace(/\/api\/mcp$/,`/api/claude-plugin`);return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:C(`mcp.terminal`)}),(0,L.jsx)(z,{text:`claude mcp add --transport http --scope user ${R} ${t}${r?` --header "${r}"`:``}`}),!n&&Ot(t)?(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:C(`mcp.ccPlugin`)}),(0,L.jsx)(z,{text:`claude plugin marketplace add ${e}/marketplace.json`}),(0,L.jsx)(z,{text:`claude plugin install ${R}@engenty`})]}):null]})}case`codex`:return n?(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:C(`mcp.codexKey`)}),(0,L.jsx)(z,{text:`echo 'export ${Tt}=${n}' >> ~/.zshrc && source ~/.zshrc`}),(0,L.jsx)(z,{text:`codex mcp add ${R} --url ${t} --bearer-token-env-var ${Tt}`})]}):(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:C(`mcp.terminal`)}),(0,L.jsx)(z,{text:`codex mcp add ${R} --url ${t}`}),(0,L.jsx)(z,{text:`codex mcp login ${R}`})]});case`gemini`:return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:C(`mcp.terminal`)}),(0,L.jsx)(z,{text:`gemini mcp add --scope user --transport http ${R} ${t}${r?` -H "${r}"`:``}`})]});case`cursor`:return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:C(`integrate.file`,{file:`~/.cursor/mcp.json`})}),(0,L.jsx)(z,{text:jt(`mcpServers`,{url:t,...i})})]});case`vscode`:return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:C(`integrate.vscode`)}),(0,L.jsx)(z,{text:jt(`servers`,{type:`http`,url:t,...i})})]});case`windsurf`:return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:C(`integrate.file`,{file:`~/.codeium/windsurf/mcp_config.json`})}),(0,L.jsx)(z,{text:jt(`mcpServers`,{serverUrl:t,...i})})]});case`lm-studio`:return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:C(`integrate.file`,{file:`~/.lmstudio/mcp.json`})}),(0,L.jsx)(z,{text:jt(`mcpServers`,{url:t,...i})})]});case`claude-desktop`:case`claude-ai`:return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:C(`mcp.claudeAi`)}),(0,L.jsx)(z,{text:t})]});case`chatgpt`:return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:C(`integrate.chatgpt`)}),(0,L.jsx)(z,{text:t})]});default:return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:C(`integrate.generic`)}),(0,L.jsx)(z,{text:t}),r?(0,L.jsx)(z,{text:r}):null]})}}function Nt(){let e=u(),t=T({queryKey:[`api-keys`],queryFn:()=>S.get(`/api/studio/api-keys`)}),n=M({mutationFn:e=>S.del(`/api/studio/api-keys/${e}`),onSuccess:()=>e.invalidateQueries({queryKey:[`api-keys`]})});return t.data?.length?(0,L.jsxs)(`section`,{children:[(0,L.jsx)(`h2`,{className:`font-display font-semibold text-lg`,children:C(`mcp.keys`)}),(0,L.jsx)(`p`,{className:`mt-1 mb-4 text-[0.875rem] text-ink-3`,children:C(`mcp.keysHint`)}),(0,L.jsx)(_,{className:`flex flex-col gap-2 p-3`,children:t.data.map(e=>(0,L.jsxs)(`div`,{className:`flex items-center gap-3 rounded-lg px-3 py-2`,children:[(0,L.jsx)(F,{className:`size-4 shrink-0 text-ink-4`}),(0,L.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,L.jsx)(`div`,{className:`truncate text-[0.875rem]`,children:e.name}),(0,L.jsxs)(`div`,{className:`font-mono text-[0.6875rem] text-ink-4`,children:[e.start,`… ·`,` `,e.lastRequest?C(`settings.lastUsed`,{when:new Date(e.lastRequest).toLocaleString(d)}):C(`settings.neverUsed`)]})]}),(0,L.jsx)(m,{label:C(`settings.revoke`),onClick:()=>n.mutate(e.id),className:`hover:text-rose`,children:(0,L.jsx)(o,{className:`size-4`})})]},e.id))})]}):null}function Pt(e,t){return t?.toolAt?`works`:e?.connected||t?`added`:`none`}var Ft={works:`done`,added:`on`,none:void 0},It={works:`integrate.stateWorks`,added:`integrate.stateAdded`,none:`integrate.stateNone`};function Lt({standing:e}){return e===`none`?(0,L.jsx)(`span`,{className:`w-2 text-center text-ink-4 leading-none`,children:`–`}):(0,L.jsx)(`span`,{className:x(`size-2 shrink-0 rounded-full`,e===`works`?`bg-moss`:`bg-ember`)})}function Rt(){return(0,L.jsx)(`div`,{className:`mt-5 flex flex-col gap-1.5 rounded-lg bg-paper-2 px-3 py-2.5 text-[0.75rem] text-ink-3`,children:[`works`,`added`,`none`].map(e=>(0,L.jsxs)(`span`,{className:`flex items-center gap-2.5`,children:[(0,L.jsx)(Lt,{standing:e}),C(It[e])]},e))})}function H({client:e,signIn:t}){let n=(e,t)=>(0,L.jsxs)(`span`,{className:`inline-flex items-center gap-1.5 rounded-full bg-card px-2.5 py-1 text-[0.8125rem] text-ink-2 ring-1 ring-border-soft`,children:[e,t]}),r=(0,L.jsx)(O,{className:`size-3.5 text-moss`,strokeWidth:3});return(0,L.jsxs)(`div`,{className:`mt-2 flex flex-wrap gap-2`,children:[n(r,C(`integrate.outRun`)),e.widgets?n(r,C(`integrate.outWidget`)):n((0,L.jsx)(_e,{className:`size-3.5 text-ink-3`}),C(`integrate.outText`)),t?n((0,L.jsx)(he,{className:`size-3.5 text-ink-3`}),C(`integrate.outSignIn`)):null]})}function U({client:e,works:t,children:n}){return(0,L.jsxs)(`div`,{children:[(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[(0,L.jsx)(`h2`,{className:`font-display font-semibold text-[1.375rem] leading-tight tracking-tight`,children:e.name}),t?(0,L.jsx)(D,{tone:`live`,icon:(0,L.jsx)(O,{className:`size-3.5`,strokeWidth:3}),children:C(`integrate.works`)}):null]}),n]})}function W({n:e,state:t,title:n,children:r}){return(0,L.jsxs)(`li`,{"aria-current":t===`now`?`step`:void 0,className:x(`grid grid-cols-[28px_minmax(0,1fr)] gap-x-3.5 rounded-xl px-3 py-3`,t===`now`&&`bg-ember-tint/40 ring-1 ring-ember-strong/25`),children:[(0,L.jsx)(`span`,{className:x(`grid size-7 place-items-center rounded-full font-semibold text-[0.8125rem]`,t===`done`&&`bg-moss text-white`,(t===`now`||t===`todo`)&&`bg-primary text-primary-foreground`,t===`later`&&`bg-paper text-ink-3 ring-1 ring-border`),children:t===`done`?(0,L.jsx)(O,{className:`size-3.5`,strokeWidth:3}):e}),(0,L.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-2 pt-1`,children:[(0,L.jsx)(`span`,{className:x(`font-medium text-[0.9375rem]`,t===`later`&&`text-ink-2`),children:n}),r?(0,L.jsx)(`div`,{className:x(`flex flex-col gap-2`,t===`later`&&`opacity-70`),children:r}):null]})]})}function zt({children:e}){return(0,L.jsxs)(_,{className:`p-3 sm:p-4`,children:[(0,L.jsx)(`h3`,{className:`px-3 pt-2 pb-2 font-medium text-[0.9375rem]`,children:C(`integrate.steps`)}),(0,L.jsx)(`ol`,{className:`flex flex-col gap-1`,children:e})]})}function Bt({app:e}){return(0,L.jsxs)(`p`,{className:`flex items-center gap-2 text-[0.8125rem] text-ember-strong`,children:[(0,L.jsx)(`span`,{className:`size-2 rounded-full bg-ember`}),C(`integrate.waiting`,{app:e})]})}function Vt({client:e,seen:t}){let n=(e,t)=>(0,L.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[e?(0,L.jsx)(O,{className:`size-3.5 text-moss`,strokeWidth:3}):(0,L.jsx)(`span`,{className:`size-2.5 rounded-full ring-2 ring-ink-4 ring-inset`}),t]});return(0,L.jsxs)(`p`,{className:`flex flex-wrap gap-x-4 gap-y-1 text-[0.8125rem] text-ink-2`,children:[n(!!t,C(`integrate.checkSeen`)),n(!!t?.toolAt,C(`integrate.checkTool`)),e.widgets?n(!!t?.widgetAt,C(`integrate.checkWidget`)):null]})}function Ht(){let e=We().data,{project:t}=Be(),n=T({queryKey:[`wizards`,t?.id,!!e?.account],queryFn:()=>S.get(`/api/studio/projects/${t.id}/wizards`),enabled:!!t}).data??[];return n.find(e=>e.published)??n[0]??null}function Ut({client:e,footer:t}){let n=Ht(),r=n?[{label:C(`integrate.labelRun`),text:C(`integrate.askRun`,{title:n.title})},{label:C(`integrate.labelBuild`),text:C(`integrate.askBuild`)},{label:C(`integrate.labelExplain`),text:C(`integrate.askExplain`,{title:n.title})}]:[{label:C(`integrate.labelAsk`),text:C(`integrate.askTool`)},{label:C(`integrate.labelBuild`),text:C(`integrate.askBuild`)}];return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)(_,{className:`flex flex-col gap-4 p-5 sm:p-6`,children:[(0,L.jsxs)(`div`,{children:[(0,L.jsx)(`h3`,{className:`font-medium text-[0.9375rem]`,children:C(`integrate.next`)}),(0,L.jsx)(B,{children:C(`integrate.nextHint`,{app:e.name})})]}),(0,L.jsx)(`ul`,{className:`flex flex-col gap-2`,children:r.map(e=>(0,L.jsxs)(`li`,{className:`grid items-start gap-1 sm:grid-cols-[5.5rem_minmax(0,1fr)] sm:gap-3`,children:[(0,L.jsx)(`span`,{className:`pt-3 text-[0.75rem] text-ink-3`,children:e.label}),(0,L.jsx)(z,{text:e.text})]},e.label))})]}),e.widgets?null:(0,L.jsxs)(`p`,{className:`flex items-start gap-3 rounded-xl bg-paper-2 px-4 py-3 text-[0.875rem] text-ink-2 leading-relaxed`,children:[(0,L.jsx)(_e,{className:`mt-0.5 size-4 shrink-0 text-ink-3`}),C(`integrate.textOnly`,{app:e.name})]}),t]})}function Wt({children:e}){return(0,L.jsx)(`div`,{className:`flex flex-wrap items-center gap-x-4 gap-y-1 text-[0.8125rem] text-ink-3`,children:e})}var G=`inline-flex items-center gap-1 text-ember-strong underline-offset-2 transition hover:underline`;function Gt({client:e,local:t,seen:n,url:i}){let a=u(),[o,l]=(0,I.useState)(!1),[d,f]=(0,I.useState)(null),[p,m]=(0,I.useState)(!1),h=M({mutationFn:t=>S.post(`/api/studio/local/apps/${e.id}`,{connect:t}),onSuccess:e=>f(e),onError:e=>f({ok:!1,message:e.message}),onSettled:()=>a.invalidateQueries({queryKey:[`local-apps`]})}),g=!!t?.connected,_=!!n?.toolAt;if(o)return(0,L.jsx)(Kt,{client:e,seen:n,url:i,onBack:()=>l(!1)});let v=t=>(0,L.jsxs)(L.Fragment,{children:[t?(0,L.jsx)(`span`,{children:C(`integrate.addedIn`,{app:e.name})}):null,(0,L.jsxs)(`button`,{type:`button`,className:G,onClick:()=>m(!p),children:[C(`integrate.details`),(0,L.jsx)(r,{className:x(`size-3.5 transition`,p&&`rotate-90`)})]}),(0,L.jsx)(`button`,{type:`button`,className:G,disabled:h.isPending,onClick:()=>h.mutate(!1),children:C(`mcp.appsDisconnect`)})]}),y=p&&t?.where?(0,L.jsx)(`p`,{className:`w-full font-mono text-[0.6875rem] text-ink-4`,children:t.where}):null;return(0,L.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,L.jsx)(U,{client:e,works:_,children:(0,L.jsx)(H,{client:e})}),_?(0,L.jsx)(Ut,{client:e,footer:(0,L.jsxs)(Wt,{children:[v(!0),y]})}):(0,L.jsxs)(zt,{children:[(0,L.jsxs)(W,{n:1,state:g?`done`:`now`,title:C(g?`integrate.connected`:`integrate.connect`,{app:e.name}),children:[g?(0,L.jsxs)(Wt,{children:[v(!1),y]}):(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:t?.installed===!1?C(`integrate.notInstalled`,{app:e.name}):C(`integrate.connectHint`,{app:e.name})}),(0,L.jsx)(`div`,{children:(0,L.jsxs)(s,{busy:h.isPending,onClick:()=>h.mutate(!0),children:[(0,L.jsx)(c,{className:`size-4`}),` `,C(`integrate.connect`,{app:e.name})]})})]}),d&&!d.ok?(0,L.jsx)(`p`,{className:`text-[0.8125rem] text-rose`,children:d.message}):null,d?.snippet?(0,L.jsx)(z,{text:d.snippet}):null]}),(0,L.jsx)(W,{n:2,state:n?`done`:g?`now`:`later`,title:C(`integrate.restart`,{app:e.name}),children:n?null:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:C(`integrate.restartHint`)}),g?(0,L.jsx)(Bt,{app:e.name}):null]})}),(0,L.jsxs)(W,{n:3,state:n?`now`:`later`,title:C(`integrate.try`),children:[(0,L.jsx)(B,{children:C(`integrate.tryHint`)}),(0,L.jsx)(z,{text:C(`integrate.askTool`),muted:!n})]})]}),(0,L.jsxs)(`p`,{className:`flex flex-wrap items-center gap-x-2 gap-y-1 text-[0.875rem] text-ink-2`,children:[(0,L.jsx)(ke,{className:`size-4 text-ink-3`}),C(`integrate.elsewhere`,{app:e.name}),(0,L.jsx)(`button`,{type:`button`,className:G,onClick:()=>l(!0),children:C(`integrate.byAddress`)})]})]})}function Kt({client:e,seen:t,url:n,onBack:r}){let i=u(),[a,o]=(0,I.useState)(),c=M({mutationFn:()=>S.post(`/api/studio/api-keys`,{name:e.name.slice(0,32)}),onSuccess:async e=>{o(e.key),await i.invalidateQueries({queryKey:[`api-keys`]})}}),l=(0,L.jsx)(`p`,{className:`text-[0.875rem]`,children:(0,L.jsxs)(`button`,{type:`button`,className:G,onClick:r,children:[(0,L.jsx)(Ee,{className:`size-4`}),C(`integrate.backHere`)]})});return t?.toolAt?(0,L.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,L.jsx)(U,{client:e,works:!0,children:(0,L.jsx)(H,{client:e})}),(0,L.jsx)(Ut,{client:e,footer:l})]}):(0,L.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,L.jsx)(U,{client:e,works:!1,children:(0,L.jsx)(H,{client:e})}),(0,L.jsxs)(zt,{children:[(0,L.jsx)(W,{n:1,state:a?`done`:`now`,title:a?C(`integrate.keyReady`):C(`integrate.keyCreate`,{app:e.name}),children:a?null:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(B,{children:C(`integrate.keyHint`,{app:e.name})}),(0,L.jsx)(`div`,{children:(0,L.jsxs)(s,{variant:`secondary`,busy:c.isPending,onClick:()=>c.mutate(),children:[(0,L.jsx)(F,{className:`size-4`}),` `,C(`integrate.keyCreate`,{app:e.name})]})})]})}),(0,L.jsx)(W,{n:2,state:a?t?`done`:`now`:`later`,title:C(`integrate.add`),children:a&&!t?(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(Mt,{id:e.id,url:n,apiKey:a}),(0,L.jsx)(`p`,{className:`text-[0.75rem] text-ink-4`,children:C(`integrate.addressLocal`)}),(0,L.jsx)(Bt,{app:e.name})]}):null}),(0,L.jsxs)(W,{n:3,state:t?`now`:`later`,title:C(`integrate.try`),children:[(0,L.jsx)(B,{children:C(`integrate.tryHint`)}),(0,L.jsx)(z,{text:C(`integrate.askTool`),muted:!t})]})]}),l]})}function qt({app:e,host:t}){return(0,L.jsxs)(`div`,{"aria-hidden":`true`,className:`flex w-56 shrink-0 flex-col items-center gap-2 rounded-xl bg-paper px-4 py-3.5 text-center ring-1 ring-border-soft`,children:[(0,L.jsx)(`span`,{className:`font-display font-semibold text-[0.8125rem] leading-snug`,children:C(`integrate.consentPreview`,{app:e})}),(0,L.jsxs)(`span`,{className:`inline-flex items-center gap-1 text-[0.6875rem] text-moss`,children:[(0,L.jsx)(he,{className:`size-3`}),t]}),(0,L.jsxs)(`span`,{className:`flex w-full gap-1.5`,children:[(0,L.jsx)(`span`,{className:`h-5 flex-1 rounded-full bg-card ring-1 ring-border`}),(0,L.jsx)(`span`,{className:`h-5 flex-1 rounded-full bg-primary`})]})]})}function Jt({client:e,url:t,seen:n,tracked:r,accountUrl:i}){let a=Dt[e.id]??Dt[`claude-desktop`],o=e.id===`chatgpt`?`ChatGPT`:`Claude`;return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)(zt,{children:[(0,L.jsx)(W,{n:1,state:`todo`,title:C(`integrate.open`,{app:e.name}),children:a.open?(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[(0,L.jsxs)(s,{onClick:()=>k(a.open),children:[C(`integrate.openConnectors`),(0,L.jsx)(f,{className:`size-4`})]}),(0,L.jsx)(B,{children:C(a.where)})]}):(0,L.jsx)(B,{children:C(a.where)})}),(0,L.jsx)(W,{n:2,state:`todo`,title:C(`integrate.nameAddress`),children:(0,L.jsxs)(`div`,{className:`grid gap-2 sm:grid-cols-2`,children:[(0,L.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,L.jsx)(`span`,{className:`text-[0.75rem] text-ink-3`,children:C(`integrate.name`)}),(0,L.jsx)(z,{text:wt})]}),(0,L.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,L.jsx)(`span`,{className:`text-[0.75rem] text-ink-3`,children:C(`integrate.address`)}),(0,L.jsx)(z,{text:t})]})]})}),(0,L.jsx)(W,{n:3,state:n?`done`:`todo`,title:C(`integrate.allow`),children:n?null:(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center gap-4`,children:[(0,L.jsx)(`p`,{className:`min-w-0 flex-[1_1_16rem] text-[0.875rem] text-ink-3 leading-relaxed`,children:C(`integrate.allowHint`)}),(0,L.jsx)(qt,{app:o,host:a.host})]})}),(0,L.jsxs)(W,{n:4,state:n?.toolAt?`done`:n?`now`:`later`,title:C(`integrate.try`),children:[n?.toolAt?null:(0,L.jsx)(z,{text:C(`integrate.askTool`),muted:!n}),r?(0,L.jsx)(Vt,{client:e,seen:n}):null]})]}),i?(0,L.jsx)(Yt,{accountUrl:i}):null]})}function Yt({accountUrl:e}){return(0,L.jsxs)(`p`,{className:`flex flex-wrap items-center gap-x-2 text-[0.8125rem] text-ink-3`,children:[C(`integrate.revoke`),(0,L.jsxs)(`button`,{type:`button`,className:G,onClick:()=>k(e),children:[C(`integrate.revokeLink`),(0,L.jsx)(w,{className:`size-3.5`})]})]})}function Xt({client:e,me:t,onDesktop:n}){let r=t.account?.signedIn?t.account:null,i=De(!!r),a=t.features.account===!0;return(0,L.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,L.jsx)(U,{client:e,works:!1,children:(0,L.jsx)(`p`,{className:`mt-2 max-w-2xl text-[0.9375rem] text-ink-2 leading-relaxed`,children:C(`integrate.remoteWhy`,{app:e.name})})}),r?(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)(`p`,{className:`flex items-start gap-2 text-[0.875rem] text-ink-2`,children:[(0,L.jsx)(j,{className:`mt-0.5 size-4 shrink-0 text-ink-3`}),C(`integrate.linked`,{email:r.email,app:e.name})]}),(0,L.jsx)(Jt,{client:e,url:`${r.cloudUrl}/api/mcp`,tracked:!1,accountUrl:r.url})]}):a?(0,L.jsxs)(_,{className:`flex flex-col gap-5 p-5 sm:p-6`,children:[(0,L.jsx)(`h3`,{className:`font-medium text-[0.9375rem]`,children:C(`integrate.viaAccount`)}),(0,L.jsx)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:[{icon:Ee,title:C(`integrate.tileHere`),text:C(`integrate.tileHereText`)},{icon:j,title:`engenty.ai`,text:C(`integrate.tileCloudText`)},{icon:Se,title:e.name,text:C(`integrate.tileAppText`)}].map(e=>(0,L.jsxs)(`div`,{className:`flex flex-col gap-2 rounded-xl bg-paper px-4 py-3.5`,children:[(0,L.jsxs)(`span`,{className:`flex items-center gap-2 font-medium`,children:[(0,L.jsx)(e.icon,{className:`size-4 text-ink-2`}),e.title]}),(0,L.jsx)(`span`,{className:`text-[0.8125rem] text-ink-3 leading-relaxed`,children:e.text})]},e.title))}),(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[(0,L.jsxs)(s,{busy:i.link.isPending,onClick:()=>i.link.mutate({}),children:[(0,L.jsx)(j,{className:`size-4`}),` `,C(`integrate.linkAccount`)]}),(0,L.jsx)(`span`,{className:`text-[0.8125rem] text-ink-3`,children:C(`integrate.linkHint`,{app:e.name})})]}),(0,L.jsx)(Te,{...i})]}):null,r?null:(0,L.jsxs)(`p`,{className:`flex flex-wrap items-center gap-x-2 gap-y-1 rounded-xl bg-paper-2 px-4 py-3 text-[0.875rem] text-ink-2`,children:[C(`integrate.noAccount`),(0,L.jsxs)(`button`,{type:`button`,className:G,onClick:n,children:[C(`integrate.useDesktop`),(0,L.jsx)(w,{className:`size-3.5`})]})]})]})}function Zt({client:e,seen:t,url:n,me:r}){let i=!!t?.toolAt,a=r.manageUrl?`${r.manageUrl}/account`:null;return(0,L.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,L.jsx)(U,{client:e,works:i,children:(0,L.jsx)(H,{client:e,signIn:!0})}),i?(0,L.jsx)(Ut,{client:e}):(0,L.jsxs)(zt,{children:[(0,L.jsx)(W,{n:1,state:t?`done`:`now`,title:C(`integrate.add`),children:t?null:(0,L.jsx)(Mt,{id:e.id,url:n})}),(0,L.jsx)(W,{n:2,state:t?`done`:`later`,title:C(`integrate.allowFirst`),children:t?null:(0,L.jsx)(B,{children:C(`integrate.allowFirstHint`,{app:e.name})})}),(0,L.jsx)(W,{n:3,state:t?`now`:`later`,title:C(`integrate.try`),children:(0,L.jsx)(z,{text:C(`integrate.askTool`),muted:!t})})]}),a?(0,L.jsx)(Yt,{accountUrl:a}):null]})}function Qt({client:e,standing:t,onOpen:n,onConnect:r,busy:i}){return(0,L.jsxs)(_,{className:`flex flex-col gap-3 p-4`,children:[(0,L.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,L.jsx)(`span`,{className:`grid size-10 shrink-0 place-items-center rounded-[10px] bg-paper-2 text-ink-2`,children:e.widgets?(0,L.jsx)(je,{className:`size-5`}):(0,L.jsx)(dt,{className:`size-5`})}),(0,L.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,L.jsx)(`div`,{className:`truncate font-medium`,children:e.name}),(0,L.jsxs)(`div`,{className:x(`flex items-center gap-1.5 text-[0.8125rem]`,t===`works`&&`font-medium text-moss`,t===`added`&&`text-ember-strong`,t===`none`&&`text-ink-3`),children:[t===`works`?(0,L.jsx)(O,{className:`size-3.5`,strokeWidth:3}):null,C(It[t])]})]})]}),(0,L.jsxs)(`p`,{className:`flex items-center gap-1.5 text-[0.75rem] text-ink-3`,children:[e.widgets?(0,L.jsx)(je,{className:`size-3.5`}):(0,L.jsx)(_e,{className:`size-3.5`}),C(e.widgets?`integrate.outWidget`:`integrate.outText`)]}),(0,L.jsx)(`div`,{children:t===`none`&&r?(0,L.jsx)(s,{size:`sm`,variant:`secondary`,busy:i,onClick:r,children:C(`integrate.connectShort`)}):(0,L.jsx)(s,{size:`sm`,variant:t===`added`?`primary`:`secondary`,onClick:n,children:C(t===`works`?`integrate.view`:t===`added`?`integrate.testIt`:`integrate.connectShort`)})})]})}function $t({managed:e,here:t,web:n,standing:r,open:i}){let a=u(),o=M({mutationFn:e=>S.post(`/api/studio/local/apps/${e}`,{connect:!0}),onSettled:()=>a.invalidateQueries({queryKey:[`local-apps`]}),onSuccess:(e,t)=>i(t)}),c=(e,t)=>(0,L.jsx)(`div`,{className:`grid gap-3 sm:grid-cols-[repeat(auto-fill,minmax(15rem,1fr))]`,children:e.map(e=>(0,L.jsx)(Qt,{client:e,standing:r(e.id),onOpen:()=>i(e.id),onConnect:t?()=>o.mutate(e.id):void 0,busy:o.isPending&&o.variables===e.id},e.id))});return(0,L.jsxs)(`div`,{className:`flex flex-col gap-9`,children:[(0,L.jsxs)(`div`,{children:[(0,L.jsx)(`h2`,{className:`font-display font-semibold text-[1.625rem] leading-tight tracking-tight`,children:C(`integrate.title`)}),(0,L.jsx)(`p`,{className:`mt-2 max-w-2xl text-[0.9375rem] text-ink-2 leading-relaxed`,children:C(e?`integrate.introManaged`:`integrate.intro`)})]}),e?(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)(`section`,{className:`flex flex-col gap-3`,children:[(0,L.jsx)(`h3`,{className:`font-display font-semibold text-lg`,children:C(`integrate.groupBrowser`)}),c(n,!1)]}),(0,L.jsxs)(`section`,{className:`flex flex-col gap-3`,children:[(0,L.jsx)(`h3`,{className:`font-display font-semibold text-lg`,children:C(`integrate.groupDesktop`)}),c(t,!1)]})]}):(0,L.jsxs)(L.Fragment,{children:[t.length?(0,L.jsxs)(`section`,{className:`flex flex-col gap-3`,children:[(0,L.jsx)(`h3`,{className:`font-display font-semibold text-lg`,children:C(`integrate.found`)}),c(t,!0)]}):null,(0,L.jsxs)(`section`,{className:`flex flex-col gap-3`,children:[(0,L.jsx)(`h3`,{className:`font-display font-semibold text-lg`,children:C(`integrate.groupCloud`)}),(0,L.jsxs)(_,{className:`flex flex-wrap items-center gap-4 p-5`,children:[(0,L.jsx)(`span`,{className:`grid size-10 shrink-0 place-items-center rounded-[10px] bg-paper-2 text-ink-2`,children:(0,L.jsx)(j,{className:`size-5`})}),(0,L.jsxs)(`div`,{className:`min-w-0 flex-[1_1_18rem]`,children:[(0,L.jsx)(`div`,{className:`font-medium`,children:C(`integrate.cloudTitle`)}),(0,L.jsx)(`p`,{className:`text-[0.8125rem] text-ink-3 leading-relaxed`,children:C(`integrate.cloudText`)})]}),(0,L.jsx)(s,{variant:`secondary`,onClick:()=>i(`claude-ai`),children:C(`integrate.cloudButton`)})]})]})]})]})}function en(){let e=We(),t=e.data?.mode===`managed`,n=T({queryKey:[`local-apps`],queryFn:()=>S.get(`/api/studio/local/apps`),enabled:e.data?.mode===`local`}),r=T({queryKey:[`integrations-seen`],queryFn:()=>S.get(`/api/studio/integrations/seen`),refetchInterval:2500}),[i,a]=fe(),{narrow:o}=qe(),s=i.get(`show`),c=Et.find(e=>e.id===s)??null;if(Ye(s===`wordpress`?`WordPress`:c?.name??null),!e.data||!t&&!n.data)return null;let l=e=>n.data?.find(t=>t.id===e),u=e=>r.data?.[e],d=e=>Pt(l(e),u(e)),f=e=>a({show:e},{replace:!o}),p=e=>!!(l(e.id)?.installed||l(e.id)?.connected),m=Et.filter(e=>e.oauth),h=Et.filter(e=>!e.oauth&&(t||p(e))),g=t?[]:Et.filter(e=>!e.oauth&&!p(e)),_=e.data.mcpUrl??``,v=e=>(0,L.jsx)(N,{icon:e.oauth?j:e.widgets?je:dt,label:e.name,tone:Ft[d(e.id)],toneLabel:C(It[d(e.id)]),selected:e.id===c?.id,onPick:()=>f(e.id)},e.id),y=e.data.manageUrl?`${e.data.manageUrl}/account`:null,x;return x=s===`wordpress`?(0,L.jsx)(At,{managed:t}):c?t&&(c.oauth||c.connector)?Ot(_)?(0,L.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,L.jsx)(U,{client:c,works:!!u(c.id)?.toolAt,children:(0,L.jsx)(H,{client:c,signIn:!0})}),u(c.id)?.toolAt?(0,L.jsx)(Ut,{client:c,footer:y?(0,L.jsx)(Yt,{accountUrl:y}):null}):(0,L.jsx)(Jt,{client:c,url:_,seen:u(c.id),tracked:!0,accountUrl:y})]}):(0,L.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,L.jsx)(U,{client:c,works:!1}),(0,L.jsx)(B,{children:C(`integrate.needsPublic`,{app:c.name})})]}):t?(0,L.jsx)(Zt,{client:c,seen:u(c.id),url:_,me:e.data}):c.oauth?(0,L.jsx)(Xt,{client:c,me:e.data,onDesktop:()=>f(`claude-desktop`)}):(0,L.jsx)(Gt,{client:c,local:l(c.id),seen:u(c.id),url:_}):(0,L.jsx)($t,{managed:t,here:h,web:m,standing:d,open:f}),(0,L.jsxs)(`div`,{className:`flex flex-col gap-10`,children:[(0,L.jsxs)($e,{children:[(0,L.jsx)(P,{label:C(t?`integrate.groupBrowser`:`integrate.groupHere`),children:(t?m:h).map(v)}),(0,L.jsx)(P,{label:C(t?`integrate.groupDesktop`:`integrate.groupCloud`),children:(t?h:m).map(v)}),g.length?(0,L.jsx)(P,{label:C(`integrate.groupMore`),collapsible:!0,open:g.some(e=>e.id===c?.id),count:g.length,children:g.map(v)}):null,(0,L.jsxs)(P,{label:C(`integrate.groupShare`),children:[(0,L.jsx)(N,{icon:b,label:C(`integrate.shareLink`),badge:(0,L.jsx)(`span`,{className:`text-[0.6875rem] text-ink-4`,children:C(`integrate.soon`)}),selected:!1,disabled:!0}),(0,L.jsx)(N,{icon:ke,label:`WordPress`,selected:s===`wordpress`,onPick:()=>f(`wordpress`)}),(0,L.jsx)(N,{icon:ke,label:C(`integrate.shareSite`),badge:(0,L.jsx)(`span`,{className:`text-[0.6875rem] text-ink-4`,children:C(`integrate.soon`)}),selected:!1,disabled:!0})]}),(0,L.jsx)(Rt,{})]}),(0,L.jsx)(`div`,{children:x},c?.id??`start`),t||s===`wordpress`?null:(0,L.jsx)(Nt,{})]})}var tn=[`text`,`image`,`video`,`speech`,`listening`],nn={text:[`classifier`,`standard`,`high`,`highest`],image:[`image`],video:[`video`],speech:[`speech`],listening:[`audio`]},rn=`credits`,an=`${rn}:`;function on(e){return e===`credits`||!!e?.startsWith(an)}function sn(e){return e?.startsWith(an)&&e.slice(an.length)||null}function cn(e){return e?`${an}${e}`:rn}function ln(e){return e===`transcription`?`listening`:e}var un=[`openai`,`anthropic`,`google`,`fal`,`elevenlabs`,`replicate`,`gateway`],dn={en:{"about.openai":`GPT models, GPT Image and voices.`,fast:`fast`,thorough:`thorough`,versatile:`versatile`,lowCost:`low cost`,fastLowCost:`fast, low cost`,"about.anthropic":`The Claude models.`,strongest:`strongest`,"about.google":`Gemini, Veo for video and voices – one key from AI Studio.`,fastEditsPhotos:`fast, edits photos`,bestQuality:`best quality`,withSound:`with sound`,"about.fal":`Hundreds of image, video and audio models with one key: FLUX, Recraft, Veo, Luma, MiniMax.`,highQuality:`high quality`,graphicsLogosTextIn:`graphics, logos, text in images`,photorealistic:`photorealistic`,"about.elevenlabs":`Natural voices in many languages and accurate transcripts.`,naturalManyLanguages:`natural, many languages`,expressive:`expressive`,veryAccurate:`very accurate`,"about.replicate":`Open image and video models, billed per run.`,"about.gateway":`One key for many providers’ models, billed by Vercel.`},de:{"about.openai":`GPT-Modelle, GPT Image und Stimmen.`,fast:`schnell`,thorough:`gründlich`,versatile:`vielseitig`,lowCost:`günstig`,fastLowCost:`schnell, günstig`,"about.anthropic":`Die Claude-Modelle.`,strongest:`am stärksten`,"about.google":`Gemini, Veo für Videos und Stimmen – ein Key aus dem AI Studio.`,fastEditsPhotos:`schnell, bearbeitet Fotos`,bestQuality:`beste Qualität`,withSound:`mit Ton`,"about.fal":`Hunderte Bild-, Video- und Audio-Modelle mit einem Key: FLUX, Recraft, Veo, Luma, MiniMax.`,highQuality:`hohe Qualität`,graphicsLogosTextIn:`Grafiken, Logos, Text im Bild`,photorealistic:`fotorealistisch`,"about.elevenlabs":`Natürliche Stimmen in vielen Sprachen und genaue Transkripte.`,naturalManyLanguages:`natürlich, viele Sprachen`,expressive:`ausdrucksstark`,veryAccurate:`sehr genau`,"about.replicate":`Offene Bild- und Video-Modelle, abgerechnet pro Lauf.`,"about.gateway":`Ein Key für die Modelle vieler Anbieter, abgerechnet bei Vercel.`}},fn=(e,t)=>te(dn,e,t),K=[{id:`openai`,name:`OpenAI`,about:`about.openai`,keyUrl:`https://platform.openai.com/api-keys`,keyPlaceholder:`sk-…`,text:{classifier:`openai:gpt-5.4-mini`,standard:`openai:gpt-5.4-mini`,high:`openai:gpt-5.5`,highest:`openai:gpt-5.5`},models:{text:[{ref:`openai:gpt-5.4-mini`,label:`GPT-5.4 mini`,note:`fast`},{ref:`openai:gpt-5.5`,label:`GPT-5.5`,note:`thorough`}],image:[{ref:`openai:gpt-image-2`,label:`GPT Image 2`,note:`versatile`},{ref:`openai:gpt-image-1-mini`,label:`GPT Image 1 mini`,note:`lowCost`}],speech:[{ref:`openai:gpt-4o-mini-tts`,label:`GPT-4o mini TTS`,note:`lowCost`}],listening:[{ref:`openai:gpt-4o-mini-transcribe`,label:`GPT-4o mini Transcribe`,note:`fastLowCost`},{ref:`openai:whisper-1`,label:`Whisper`}]}},{id:`anthropic`,name:`Anthropic`,about:`about.anthropic`,keyUrl:`https://console.anthropic.com/settings/keys`,keyPlaceholder:`sk-ant-…`,text:{classifier:`anthropic:claude-haiku-4-5`,standard:`anthropic:claude-haiku-4-5`,high:`anthropic:claude-sonnet-5-5`,highest:`anthropic:claude-opus-5-5`},models:{text:[{ref:`anthropic:claude-haiku-4-5`,label:`Claude Haiku 4.5`,note:`fast`},{ref:`anthropic:claude-sonnet-5-5`,label:`Claude Sonnet 5.5`},{ref:`anthropic:claude-opus-5-5`,label:`Claude Opus 5.5`,note:`strongest`}]}},{id:`google`,name:`Google Gemini`,about:`about.google`,keyUrl:`https://aistudio.google.com/apikey`,keyPlaceholder:`AIza…`,text:{classifier:`google:gemini-flash-lite-latest`,standard:`google:gemini-flash-latest`,high:`google:gemini-pro-latest`,highest:`google:gemini-pro-latest`},models:{text:[{ref:`google:gemini-flash-lite-latest`,label:`Gemini Flash-Lite`,note:`lowCost`},{ref:`google:gemini-flash-latest`,label:`Gemini Flash`},{ref:`google:gemini-pro-latest`,label:`Gemini Pro`,note:`thorough`}],image:[{ref:`google:gemini-3.1-flash-image-preview`,label:`Gemini 3.1 Flash Image`,note:`fastEditsPhotos`},{ref:`google:gemini-3-pro-image-preview`,label:`Gemini 3 Pro Image`,note:`bestQuality`}],video:[{ref:`google:veo-3.1-fast-generate-preview`,label:`Veo 3.1 Fast`,note:`withSound`},{ref:`google:veo-3.1-generate-preview`,label:`Veo 3.1`,note:`bestQuality`}],speech:[{ref:`google:gemini-3.8-flash-tts`,label:`Gemini Flash TTS`}],listening:[{ref:`google:gemini-flash-lite-latest`,label:`Gemini Flash-Lite`}]}},{id:`fal`,name:`fal.ai`,about:`about.fal`,keyUrl:`https://fal.ai/dashboard/keys`,keyPlaceholder:`xxxxxxxx-…:…`,models:{image:[{ref:`fal:fal-ai/flux/schnell`,label:`FLUX.1 schnell`,note:`fastLowCost`},{ref:`fal:fal-ai/flux-pro/v1.1`,label:`FLUX 1.1 pro`,note:`highQuality`},{ref:`fal:fal-ai/recraft/v3/text-to-image`,label:`Recraft V3`,note:`graphicsLogosTextIn`},{ref:`fal:fal-ai/imagen4/preview`,label:`Imagen 4`,note:`photorealistic`}],video:[{ref:`fal:veo3/fast`,label:`Veo 3 Fast`,note:`withSound`},{ref:`fal:luma-ray-2-flash`,label:`Luma Ray 2 Flash`,note:`fast`},{ref:`fal:minimax-video`,label:`MiniMax Hailuo`}],speech:[{ref:`fal:fal-ai/minimax/speech-02-turbo`,label:`MiniMax Speech-02 Turbo`,note:`fast`},{ref:`fal:fal-ai/minimax/speech-02-hd`,label:`MiniMax Speech-02 HD`}],listening:[{ref:`fal:wizper`,label:`Wizper`,note:`fast`},{ref:`fal:whisper`,label:`Whisper`}]}},{id:`elevenlabs`,name:`ElevenLabs`,about:`about.elevenlabs`,keyUrl:`https://elevenlabs.io/app/settings/api-keys`,keyPlaceholder:`sk_…`,models:{speech:[{ref:`elevenlabs:eleven_multilingual_v2`,label:`Multilingual v2`,note:`naturalManyLanguages`},{ref:`elevenlabs:eleven_flash_v2_5`,label:`Flash v2.5`,note:`fastLowCost`},{ref:`elevenlabs:eleven_v3`,label:`Eleven v3`,note:`expressive`}],listening:[{ref:`elevenlabs:scribe_v2`,label:`Scribe v2`,note:`veryAccurate`}]}},{id:`replicate`,name:`Replicate`,about:`about.replicate`,keyUrl:`https://replicate.com/account/api-tokens`,keyPlaceholder:`r8_…`,models:{image:[{ref:`replicate:black-forest-labs/flux-schnell`,label:`FLUX.1 schnell`,note:`fastLowCost`},{ref:`replicate:black-forest-labs/flux-1.1-pro`,label:`FLUX 1.1 pro`},{ref:`replicate:recraft-ai/recraft-v3`,label:`Recraft V3`}],video:[{ref:`replicate:minimax/video-01`,label:`MiniMax Video-01`}]}},{id:`gateway`,name:`Vercel AI Gateway`,about:`about.gateway`,keyUrl:`https://vercel.com/d?to=%2F%5Bteam%5D%2F%7E%2Fai-gateway%2Fapi-keys`,keyPlaceholder:`vck_…`,text:{classifier:`anthropic/claude-haiku-4.5`,standard:`anthropic/claude-haiku-4.5`,high:`anthropic/claude-sonnet-5.5`,highest:`anthropic/claude-sonnet-5.5`},models:{text:[{ref:`anthropic/claude-haiku-4.5`,label:`Claude Haiku 4.5`,note:`fast`},{ref:`anthropic/claude-sonnet-5.5`,label:`Claude Sonnet 5.5`},{ref:`openai/gpt-5.5`,label:`GPT-5.5`},{ref:`google/gemini-3.5-flash`,label:`Gemini 3.5 Flash`}],image:[{ref:`google/gemini-3.1-flash-image`,label:`Gemini 3.1 Flash Image`}],video:[{ref:`google/veo-3.1-fast-generate-001`,label:`Veo 3.1 Fast`,note:`withSound`}],speech:[{ref:`google/gemini-3.8-flash-tts`,label:`Gemini Flash TTS`}],listening:[{ref:`google/gemini-3.5-flash-lite`,label:`Gemini 3.5 Flash-Lite`}]}}];function q(e){return K.find(t=>t.id===e)??null}function pn(e){if(on(e))return null;let t=/^([a-z]+):/.exec(e)?.[1];return t?un.includes(t)?t:null:e?.includes(`/`)?`gateway`:null}function J(e){for(let t of K)for(let n of Object.values(t.models)){let t=n?.find(t=>t.ref===e);if(t)return t.label}return e.replace(/^[a-z]+:/,``)}function mn(e,t){let n=t===`auto`?e.mode===`managed`:t===`cloud`,r=t===`auto`||t===`linked`?e.account??(t===`linked`?{name:e.user.name,email:e.user.email,team:null,credits:1250,expiring:[],url:``,cloudUrl:``,signedIn:!0}:null):null;return{cloud:n,account:n?null:r,credits:n||!!r?.signedIn,balance:n?e.credits??(t===`cloud`?1250:null):r?.credits??null,topUp:Fe(e),harnesses:n?[]:e.harnesses,canEdit:!n||e.tenant.role!==`member`,ownKeys:!n||e.features.ownKeys!==!1}}var hn={text:v,image:Ae,video:Ve,speech:Ge,listening:it},Y={text:`standard`,image:`image`,video:`video`,speech:`speech`,listening:`audio`},X=e=>e===`text`;function gn(e,t){return JSON.stringify(e)===JSON.stringify(t)}function _n(e,t,n){let r=Y[t];if(X(t)&&!n.cloud){if(e.bindings.standard?.startsWith(`apple:`))return{kind:`local`,by:`apple`};if(e.source===`account`)return{kind:`credits`};if(e.source!==`own`)return{kind:`client`,id:e.source}}let i=e.bindings[r];if(on(i))return{kind:`credits`};if(i?.startsWith(`ollama:`))return{kind:`local`,by:`ollama`};if(i?.startsWith(`apple:`))return{kind:`local`,by:`apple`};let a=i?pn(i):null;if(a)return{kind:`key`,provider:a};if(i&&/^(claude|codex|gemini|cursor)\//.test(i))return{kind:`client`,id:i.split(`/`)[0]};let o=e.ways[r];switch(o.kind){case`client`:return{kind:`client`,id:o.by};case`key`:return q(o.by??``)?{kind:`key`,provider:o.by}:null;case`local`:return{kind:`local`,by:o.by===`apple`?`apple`:`ollama`};case`credits`:return{kind:`credits`};default:return null}}function vn(e,t,n){if(X(t)&&e.text)return e.text;let r=Y[t],i=n.bindings[r],a=i&&pn(i)===e.id?i:e.models[t]?.[0]?.ref;return a?{[r]:a}:{}}function yn(e){return e.version===null?{note:C(`models.noteMissing`),noteTone:`warn`}:e.auth===`none`?{note:C(`models.noteSignedOut`),noteTone:`warn`}:e.auth===`api_key`?{note:C(`models.noteShellKey`)}:{note:C(`models.noteIncluded`),noteTone:`done`}}function bn(e,t){switch(e.kind){case`client`:return{text:t.harnesses.find(t=>t.id===e.by)?.name??e.by??``,tone:`done`};case`key`:return{text:q(e.by??``)?.name??e.by??``,tone:`done`};case`local`:return{text:e.by===`apple`?C(`models.optApple`):C(`models.way.local`),tone:`done`};case`credits`:return{text:t.cloud?C(`models.way.creditsTeam`):C(`models.way.credits`),tone:`ok`};default:return{text:C(`models.way.none`),tone:`warn`}}}function xn(){return T({queryKey:[`models`],queryFn:()=>S.get(`/api/studio/models`)})}function Z(){let e=u();return M({mutationFn:e=>S.put(`/api/studio/models`,e),onSuccess:async t=>{e.setQueryData([`models`],t),await e.invalidateQueries({queryKey:[`me`]})}})}function Q({title:e,aside:t,children:n}){return(0,L.jsxs)(`section`,{className:`flex flex-col gap-3 border-border-soft border-t pt-5 first:border-t-0 first:pt-0`,children:[(0,L.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,L.jsx)(`h3`,{className:`font-medium text-[0.875rem]`,children:e}),t]}),n]})}function $({children:e}){return(0,L.jsx)(`p`,{className:`text-[0.8125rem] text-ink-3`,children:e})}function Sn({text:e,tone:t}){return(0,L.jsxs)(`span`,{className:x(`inline-flex h-7 shrink-0 items-center gap-1.5 rounded-full px-3 font-medium text-[0.75rem]`,t===`done`&&`bg-moss-tint text-moss`,t===`ok`&&`bg-amber-tint text-ink-2`,t===`warn`&&`bg-paper-2 text-ink-3`),children:[t===`done`?(0,L.jsx)(O,{className:`size-3.5`,strokeWidth:3}):null,t===`ok`?(0,L.jsx)(A,{className:`size-3.5`}):null,t===`warn`?(0,L.jsx)(me,{className:`size-3.5`}):null,e]})}function Cn({icon:e,title:t,lead:n,status:r}){return(0,L.jsxs)(`div`,{className:`flex items-start gap-3 sm:gap-4`,children:[(0,L.jsx)(`span`,{className:`grid size-10 shrink-0 place-items-center rounded-xl bg-ember-tint text-ember-strong`,children:(0,L.jsx)(e,{className:`size-5`})}),(0,L.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-3 gap-y-1`,children:[(0,L.jsx)(`h2`,{className:`font-display font-semibold text-[1.375rem] leading-tight tracking-tight`,children:t}),r]}),(0,L.jsx)(`p`,{className:`mt-0.5 text-[0.875rem] text-ink-3`,children:n})]})]})}function wn({label:e,children:t}){return(0,L.jsxs)(`div`,{className:`grid items-start gap-x-4 gap-y-1.5 sm:grid-cols-[7.5rem_minmax(0,1fr)]`,children:[(0,L.jsx)(`span`,{className:`pt-2 text-[0.75rem] text-ink-3`,children:e}),(0,L.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:t})]})}function Tn({selected:e,title:t,note:n,noteTone:r,disabled:i,onPick:a}){return(0,L.jsxs)(`button`,{type:`button`,onClick:a,disabled:i,"aria-pressed":e,title:n,className:x(`inline-flex h-9 items-center gap-1.5 rounded-full border px-3.5 text-[0.8125rem] transition coarse:h-11`,e?`border-ember bg-ember-tint font-medium text-ink`:r===`done`?`border-input bg-card text-ink hover:border-ink-4`:`border-border-soft border-dashed text-ink-3 hover:border-ink-4 hover:text-ink`,i&&`cursor-not-allowed opacity-50`),children:[r===`done`?(0,L.jsx)(O,{className:`size-3.5 text-moss`,strokeWidth:3}):null,t,(0,L.jsxs)(`span`,{className:`sr-only`,children:[`: `,n]})]})}function En({provider:e,stored:t,place:n}){let r=Z(),[i,a]=(0,I.useState)(``),[o,c]=(0,I.useState)(!1),[l,u]=(0,I.useState)(null),d=M({mutationFn:t=>S.post(`/api/studio/models/keys/${e.id}/check`,t?{key:t}:{})}),p=async()=>{u(null);let t=await d.mutateAsync(i.trim());if(!t.ok){u({ok:!1,message:t.message??C(`models.keyBad`)});return}await r.mutateAsync({keys:{[e.id]:i.trim()}}),a(``),c(!1),u({ok:!0,message:C(`models.keyOk`)})},m=!t||o;return n.ownKeys?(0,L.jsxs)(`div`,{className:`flex flex-col gap-2.5`,children:[m?(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,L.jsx)(g,{type:`password`,autoComplete:`off`,className:`min-w-0 flex-1 font-mono text-[0.8125rem]`,placeholder:e.keyPlaceholder,value:i,disabled:!n.canEdit,onChange:e=>a(e.target.value),onKeyDown:e=>{e.key===`Enter`&&i.trim()&&p()}}),(0,L.jsx)(s,{busy:d.isPending||r.isPending,disabled:!i.trim()||!n.canEdit,onClick:()=>void p(),children:C(`models.keySave`)}),o?(0,L.jsx)(s,{variant:`ghost`,onClick:()=>c(!1),children:C(`common.cancel`)}):null]}):(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-3 gap-y-2`,children:[(0,L.jsxs)(`span`,{className:`flex items-center gap-2 text-[0.875rem] text-ink-2`,children:[(0,L.jsx)(F,{className:`size-4 text-moss`}),` `,C(`models.keyStored`)]}),(0,L.jsx)(s,{size:`sm`,variant:`ghost`,busy:d.isPending,onClick:async()=>{let e=await d.mutateAsync(void 0);u(e.ok?{ok:!0,message:C(`models.keyOk`)}:{ok:!1,message:e.message??C(`models.keyBad`)})},children:C(`models.keyCheck`)}),n.canEdit?(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(s,{size:`sm`,variant:`ghost`,onClick:()=>c(!0),children:C(`models.keyReplace`)}),(0,L.jsx)(s,{size:`sm`,variant:`danger`,busy:r.isPending,onClick:()=>{u(null),r.mutate({keys:{[e.id]:``}})},children:C(`models.keyRemove`)})]}):null]}),l?(0,L.jsxs)(`p`,{className:x(`flex items-center gap-1.5 text-[0.8125rem]`,l.ok?`text-moss`:`text-rose`),children:[l.ok?(0,L.jsx)(O,{className:`size-3.5`,strokeWidth:3}):null,l.message]}):null,(0,L.jsxs)(`p`,{className:`flex flex-wrap items-center gap-x-3 gap-y-1 text-[0.75rem] text-ink-4`,children:[(0,L.jsxs)(`button`,{type:`button`,onClick:()=>k(e.keyUrl),className:`inline-flex items-center gap-1 font-medium text-ember-strong hover:underline`,children:[C(`models.keyGet`,{name:e.name}),` `,(0,L.jsx)(f,{className:`size-3`})]}),(0,L.jsx)(`span`,{children:n.cloud?C(`models.keyWhereCloud`):C(`models.keyWhereLocal`)})]})]}):(0,L.jsx)(`p`,{className:`text-[0.8125rem] text-ink-3`,children:C(`models.ownKeysPlan`)})}var Dn=`__custom__`;function On({provider:e,cap:t,value:n,onPick:r,disabled:i}){let a=d,o=e.models[t]??[],c=o.some(e=>e.ref===n),[l,u]=(0,I.useState)(!c&&!!n),[f,m]=(0,I.useState)(c?``:n.replace(/^[a-z]+:/,``)),h=e.id===`gateway`?``:`${e.id}:`;return(0,L.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,L.jsx)(p,{value:l?Dn:n,onChange:e=>{if(e===Dn){u(!0);return}u(!1),r(e)},options:[...o.map(e=>({value:e.ref,label:e.note?`${e.label} – ${fn(e.note,a)}`:e.label})),{value:Dn,label:C(`models.modelCustom`)}]}),l?(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,L.jsx)(g,{className:`min-w-0 flex-1 font-mono text-[0.8125rem]`,value:f,disabled:i,placeholder:o[0]?.ref.replace(/^[a-z]+:/,``)??``,onChange:e=>m(e.target.value)}),(0,L.jsx)(s,{variant:`secondary`,disabled:!f.trim()||i,onClick:()=>r(`${h}${f.trim()}`),children:C(`settings.save`)})]}):null]})}function kn({provider:e,state:t}){let n=n=>J(t.bindings[n]??e.text?.[n]??``);return(0,L.jsxs)(`dl`,{className:`grid grid-cols-[auto_minmax(0,1fr)] gap-x-4 gap-y-1 text-[0.875rem]`,children:[(0,L.jsx)(`dt`,{className:`text-ink-3`,children:C(`models.textSimple`)}),(0,L.jsx)(`dd`,{className:`truncate font-medium`,children:n(`standard`)}),(0,L.jsx)(`dt`,{className:`text-ink-3`,children:C(`models.textDemanding`)}),(0,L.jsx)(`dd`,{className:`truncate font-medium`,children:n(`high`)})]})}function An({provider:e,state:t,onPick:n,disabled:r}){return(0,L.jsxs)(`details`,{className:`group rounded-lg ring-1 ring-border-soft`,children:[(0,L.jsx)(`summary`,{className:`cursor-pointer list-none px-3 py-2.5 text-[0.8125rem] text-ink-2 hover:text-ink`,children:(0,L.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[(0,L.jsx)(w,{className:`size-3.5 transition group-open:rotate-90`}),C(`models.perClass`)]})}),(0,L.jsx)(`div`,{className:`flex flex-col gap-3 px-3 pt-1 pb-3`,children:ce.map(i=>(0,L.jsxs)(`div`,{className:`grid items-center gap-2 sm:grid-cols-[9rem_minmax(0,1fr)]`,children:[(0,L.jsxs)(`div`,{children:[(0,L.jsx)(`div`,{className:`text-[0.8125rem] text-ink-2`,children:C(`class.${i}`)}),(0,L.jsx)(`div`,{className:`text-[0.6875rem] text-ink-4 leading-snug`,children:C(`class.${i}.hint`)})]}),(0,L.jsx)(On,{provider:e,cap:`text`,value:t.bindings[i]??e.text?.[i]??``,disabled:r,onPick:e=>n(i,e)})]},i))})]})}function jn({cap:e,disabled:t}){let n=Y[e],r=M({mutationFn:()=>S.post(`/api/studio/models/test`,{cls:n,lang:d})}),i=r.data;return(0,L.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[(0,L.jsx)(s,{variant:`secondary`,busy:r.isPending,disabled:t,onClick:()=>r.mutate(),children:C(`models.try.${e}`)}),(0,L.jsx)(`span`,{className:`text-[0.75rem] text-ink-4`,children:e===`video`?C(`models.tryCostVideo`):X(e)?null:C(`models.tryCost`)})]}),r.isPending&&e!==`text`?(0,L.jsxs)(`p`,{className:`flex items-center gap-2 text-[0.8125rem] text-ink-3`,children:[(0,L.jsx)(y,{className:`size-3.5`}),` `,C(e===`video`?`models.tryWaitVideo`:`models.tryWait`)]}):null,i?.ok?(0,L.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[i.media&&e===`image`?(0,L.jsx)(`img`,{src:i.media,alt:``,className:`size-48 rounded-lg object-cover ring-1 ring-border-soft`}):null,i.media&&e===`speech`?(0,L.jsx)(`audio`,{src:i.media,controls:!0,autoPlay:!0,className:`w-full max-w-sm`}):null,i.media&&e===`video`?(0,L.jsx)(`video`,{src:i.media,controls:!0,autoPlay:!0,muted:!0,className:`w-full max-w-md rounded-lg`}):null,(0,L.jsxs)(`p`,{className:`flex items-start gap-2 text-[0.8125rem] text-ink-2`,children:[(0,L.jsx)(O,{className:`mt-0.5 size-3.5 shrink-0 text-moss`,strokeWidth:3}),(0,L.jsx)(`span`,{children:e===`listening`?i.reply?C(`models.tryHeard`,{text:i.reply}):C(`models.tryHeardNothing`):X(e)?C(`local.testOk`,{s:(i.ms/1e3).toFixed(1),ref:J(i.ref??``),reply:i.reply??``}):C(`models.tryOk`,{s:(i.ms/1e3).toFixed(1),model:J(i.ref??``)})})]})]}):null,i&&!i.ok?(0,L.jsx)(`p`,{className:`text-[0.8125rem] text-rose`,children:C(`models.tryFailed`,{error:i.error??``})}):null,r.isError?(0,L.jsx)(`p`,{className:`text-[0.8125rem] text-rose`,children:C(`models.tryFailed`,{error:r.error.message})}):null]})}function Mn(e){let t=e=>(e<10?Math.round(e*10)/10:Math.ceil(e)).toLocaleString(d);return e?.creditsPerImage?C(`models.notePerImage`,{n:t(e.creditsPerImage)}):e?.creditsPerSecond?C(`models.notePerSecond`,{n:t(e.creditsPerSecond)}):e?.creditsPer1kCharacters?C(`models.notePer1k`,{n:t(e.creditsPer1kCharacters)}):e?.creditsPerMinute?C(`models.notePerMinute`,{n:t(e.creditsPerMinute)}):C(`models.noteUsage`)}function Nn(e,t){let n=sn(t.bindings[Y[e]]);return Mn((n?t.creditModels.find(e=>e.id===n):null)??t.prices?.[Y[e]])}function Pn(e,t,n){return e.creditModels.filter(e=>ln(e.kind)===t&&(!n||e.source===n||e.provider===n))}function Fn({cap:e,state:t,disabled:n}){let r=Z(),i=Y[e],a=sn(t.bindings[i]),o=Pn(t,e),s=t.prices?.[i]?.model,c=e=>e.source===`ai-gateway`?q(e.provider)?.name??e.provider:q(e.source)?.name??e.source;return(0,L.jsx)(p,{value:a??``,onChange:e=>r.mutate({bindings:{[i]:cn(e||null)}}),options:[{value:``,label:s?C(`models.creditsAuto`,{model:J(s)}):C(`models.creditsAutoNone`)},...o.map(e=>({value:e.id,label:`${e.name} · ${c(e)} – ${Mn(e)}`,disabled:n}))]})}function In({models:e,state:t,place:n}){let r=Z();return(0,L.jsx)(`ul`,{className:`flex flex-col divide-y divide-border-soft`,children:e.map(e=>{let i=ln(e.kind),a=Y[i],o=t.bindings[a]===cn(e.id);return(0,L.jsxs)(`li`,{className:`flex flex-wrap items-center gap-3 py-2.5`,children:[(0,L.jsx)(A,{className:`size-4 shrink-0 text-ink-3`}),(0,L.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,L.jsx)(`span`,{className:`block font-medium text-[0.875rem]`,children:e.name}),(0,L.jsxs)(`span`,{className:`block text-[0.75rem] text-ink-3`,children:[C(`models.cap.${i}`),` · `,Mn(e)]})]}),o?(0,L.jsxs)(`span`,{className:`flex items-center gap-1 font-medium text-[0.75rem] text-moss`,children:[(0,L.jsx)(O,{className:`size-3.5`,strokeWidth:3}),` `,C(`models.inUse`)]}):(0,L.jsx)(s,{size:`sm`,variant:`secondary`,disabled:!n.canEdit||!n.credits,busy:r.isPending&&r.variables?.bindings?.[a]===cn(e.id),onClick:()=>r.mutate({bindings:{[a]:cn(e.id)}}),children:C(`models.useFor`)})]},e.id)})})}function Ln({cap:e,state:t,place:n,me:r,onOpen:i}){let a=Z(),o=Y[e],s=t.ways[o],c=_n(t,e,n),[u,d]=(0,I.useState)(!1),f=bn(s,n),p=n.harnesses.filter(t=>(X(e)||e===`image`&&t.images)&&(t.version!==null||c?.kind===`client`&&c.id===t.id)),m=K.filter(t=>t.models[e]?.length),h=r=>{if(d(!1),r.kind===`credits`&&!n.credits){d(!0);return}if(gn(r,c))return;let i=nn[e],s=e=>Object.fromEntries(i.map(t=>[t,e]));switch(r.kind){case`client`:a.mutate(X(e)?{source:r.id,bindings:Ie(t.bindings)}:{bindings:{[o]:`${r.id}/image`}});return;case`key`:{let i=q(r.provider);a.mutate({...X(e)&&!n.cloud?{source:`own`}:{},bindings:vn(i,e,t)});return}case`local`:a.mutate(r.by===`apple`?{bindings:X(e)?Rn(t):{audio:`apple:transcribe`}}:{source:`own`,bindings:s(`ollama:qwen3`)});return;case`credits`:a.mutate(X(e)&&!n.cloud?{source:`account`,bindings:Ie(t.bindings)}:{bindings:s(rn)});return}},g=c?.kind===`key`?q(c.provider):null,v=g?!t.keys[g.id]:!1,y=c?.kind===`client`?n.harnesses.find(e=>e.id===c.id):null,b=s.kind!==`none`;return(0,L.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,L.jsx)(Cn,{icon:hn[e],title:C(`models.cap.${e}`),lead:C(`models.cap.${e}.hint`),status:(0,L.jsx)(Sn,{...f})}),(0,L.jsxs)(_,{className:`flex flex-col gap-6 p-3.5 sm:p-5 sm:p-6`,children:[(0,L.jsxs)(Q,{title:C(`models.who`),children:[(0,L.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[p.length?(0,L.jsx)(wn,{label:C(`models.optSubscription`),children:p.map(e=>(0,L.jsx)(Tn,{title:e.name,...yn(e),selected:c?.kind===`client`&&c.id===e.id,disabled:!n.canEdit,onPick:()=>h({kind:`client`,id:e.id})},e.id))}):null,(0,L.jsx)(wn,{label:C(`models.optKey`),children:m.map(e=>(0,L.jsx)(Tn,{title:e.name,note:t.keys[e.id]?C(`models.noteKey`):C(`models.noteNoKey`),noteTone:t.keys[e.id]?`done`:void 0,selected:c?.kind===`key`&&c.provider===e.id,disabled:!n.canEdit,onPick:()=>h({kind:`key`,provider:e.id})},e.id))}),(0,L.jsxs)(wn,{label:X(e)&&!n.cloud?C(`models.optOther`):C(`models.optCreditsGroup`),children:[(X(e)||e===`listening`)&&!n.cloud&&t.apple?.supported?(0,L.jsx)(Tn,{title:C(`models.optApple`),note:X(e)?zn(t.apple):C(`models.optAppleNote`),noteTone:X(e)&&!t.apple.available?void 0:`done`,selected:c?.kind===`local`&&c.by===`apple`,disabled:!n.canEdit||X(e)&&!t.apple.available,onPick:()=>h({kind:`local`,by:`apple`})}):null,X(e)&&!n.cloud?(0,L.jsx)(Tn,{title:C(`models.optLocal`),note:C(`models.optLocalNote`),selected:c?.kind===`local`&&c.by===`ollama`,disabled:!n.canEdit,onPick:()=>h({kind:`local`,by:`ollama`})}):null,(0,L.jsx)(Tn,{title:n.cloud?C(`models.creditsTeam`):C(`models.creditsName`),note:n.credits?Nn(e,t):C(`models.noteNeedsAccount`),noteTone:n.credits?`done`:void 0,selected:c?.kind===`credits`,disabled:!n.canEdit,onPick:()=>h({kind:`credits`})})]})]}),u?(0,L.jsxs)(`p`,{className:`text-[0.8125rem] text-ink-2`,children:[C(`local.sourceNeedsAccount`),` `,(0,L.jsx)(Gn,{})]}):null,a.isError?(0,L.jsx)(`p`,{className:`text-[0.8125rem] text-rose`,children:a.error.message}):null]}),g?(0,L.jsxs)(L.Fragment,{children:[v?(0,L.jsxs)(Q,{title:C(`models.keyFor`,{name:g.name}),children:[(0,L.jsx)(En,{provider:g,stored:!1,place:n}),n.credits?(0,L.jsxs)($,{children:[(0,L.jsx)(A,{className:`mr-1 inline size-3.5 align-[-2px]`}),C(`models.keyFallback`)]}):null]}):null,v&&n.credits&&Pn(t,e,g.id).length?(0,L.jsx)(Q,{title:C(`models.viaCredits`,{name:g.name}),children:(0,L.jsx)(In,{models:Pn(t,e,g.id),state:t,place:n})}):null,(0,L.jsx)(Q,{title:C(`models.model`),aside:v?null:(0,L.jsx)(`button`,{type:`button`,onClick:()=>i({type:`provider`,id:g.id}),className:`text-[0.75rem] text-ink-3 hover:text-ink`,children:C(`models.manageKey`,{name:g.name})}),children:X(e)&&g.text?(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(kn,{provider:g,state:t}),(0,L.jsx)(An,{provider:g,state:t,disabled:!n.canEdit,onPick:(e,t)=>a.mutate({bindings:{[e]:t}})})]}):(0,L.jsx)(On,{provider:g,cap:e,value:t.bindings[o]??g.models[e]?.[0]?.ref??``,disabled:!n.canEdit,onPick:e=>a.mutate({bindings:{[o]:e}})},`${g.id}:${t.bindings[o]??``}`)})]}):null,c?.kind===`client`&&y?X(e)?(0,L.jsx)(Q,{title:y.name,children:(0,L.jsx)(nt,{me:r,id:y.id})}):(0,L.jsx)(Q,{title:y.name,children:(0,L.jsx)($,{children:C(`models.clientImages`,{name:y.name,sub:C(`harness.sub.${y.id}`)})})}):null,c?.kind===`local`?c.by===`apple`?(0,L.jsx)(Bn,{cap:e,state:t,place:n}):(0,L.jsx)(Vn,{state:t,disabled:!n.canEdit}):null,c?.kind===`credits`&&n.credits?X(e)?(0,L.jsx)(Q,{title:C(`models.creditsName`),children:(0,L.jsxs)($,{children:[C(`models.creditsPicks`),s.kind===`credits`&&s.ref?` ${C(`models.creditsModel`,{model:J(s.ref)})}`:``]})}):(0,L.jsxs)(Q,{title:C(`models.model`),children:[(0,L.jsx)(Fn,{cap:e,state:t,disabled:!n.canEdit}),(0,L.jsx)($,{children:C(`models.creditsPickHint`)})]}):null,s.problem?(0,L.jsxs)(`p`,{className:`flex items-start gap-2 rounded-lg bg-paper-2 px-3 py-2.5 text-[0.8125rem] text-ink-2`,children:[(0,L.jsx)(me,{className:`mt-0.5 size-3.5 shrink-0 text-ink-3`}),(0,L.jsx)(`span`,{children:(0,L.jsx)(l,{text:s.problem})})]}):null,c?.kind===`client`&&X(e)?null:(0,L.jsx)(Q,{title:C(`models.try`),children:(0,L.jsx)(jn,{cap:e,disabled:!b||!n.canEdit},`${e}:${s.ref}`)}),X(e)&&r.subscriptions.includes(`claude`)&&!n.cloud?(0,L.jsx)(Hn,{me:r}):null]})]})}function Rn(e){let t=t=>{let n=e.bindings[t]??``;return/^(ollama|apple):/.test(n)?``:n};return{classifier:`apple:default`,standard:`apple:default`,high:t(`high`),highest:t(`highest`)}}function zn(e){if(e.available)return C(`models.optAppleNote`);switch(e.reason){case`off`:return C(`models.appleOff`);case`loading`:return C(`models.appleLoading`);default:return C(`models.appleDevice`)}}function Bn({cap:e,state:t,place:n}){return(0,L.jsx)(Q,{title:C(`models.optApple`),children:(0,L.jsx)($,{children:X(e)?C(`models.appleHint`,{way:bn(t.ways.high,n).text}):C(`models.appleListenHint`)})})}function Vn({state:e,disabled:t}){let n=Z(),[r,i]=(0,I.useState)(e.ollamaUrl),[a,o]=(0,I.useState)((e.bindings.standard??`ollama:qwen3`).replace(/^ollama:/,``));return(0,L.jsxs)(Q,{title:C(`models.optLocal`),children:[(0,L.jsx)($,{children:C(`models.ollamaHint`)}),(0,L.jsxs)(`div`,{className:`grid gap-2 sm:grid-cols-[minmax(0,1fr)_12rem_auto]`,children:[(0,L.jsx)(g,{className:`font-mono text-[0.8125rem]`,value:r,disabled:t,onChange:e=>i(e.target.value)}),(0,L.jsx)(g,{className:`font-mono text-[0.8125rem]`,value:a,disabled:t,onChange:e=>o(e.target.value)}),(0,L.jsx)(s,{variant:`secondary`,busy:n.isPending,disabled:t||!a.trim(),onClick:()=>n.mutate({ollamaUrl:r,bindings:Object.fromEntries(ce.map(e=>[e,`ollama:${a.trim()}`]))}),children:C(`settings.save`)})]})]})}function Hn({me:e}){let t=u(),n=M({mutationFn:e=>S.put(`/api/studio/local/chat`,{engine:e}),onSuccess:()=>t.invalidateQueries({queryKey:[`me`]})});return(0,L.jsxs)(Q,{title:C(`local.chat`),children:[(0,L.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:[`models`,`claude`].map(t=>(0,L.jsx)(`button`,{type:`button`,"aria-pressed":e.chatEngine===t,onClick:()=>n.mutate(t),className:x(`h-9 rounded-full border px-3.5 text-[0.8125rem] transition`,e.chatEngine===t?`border-ember bg-ember-tint text-ink`:`border-input bg-card text-ink-2 hover:text-ink`),children:C(t===`claude`?`local.chatClaude`:`local.chatModels`)},t))}),(0,L.jsx)($,{children:C(`local.subscription`)})]})}function Un({provider:e,state:t,place:n,onOpen:r}){let i=Z(),a=tn.filter(t=>e.models[t]?.length),o=t.keys[e.id],c=e.id===`gateway`?[]:t.creditModels.filter(t=>t.source===e.id||t.provider===e.id);return(0,L.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,L.jsx)(Cn,{icon:F,title:e.name,lead:fn(e.about,d),status:(0,L.jsx)(Sn,{text:C(o?`models.keyStored`:`models.keyNone`),tone:o?`done`:`warn`})}),(0,L.jsxs)(_,{className:`flex flex-col gap-6 p-3.5 sm:p-5 sm:p-6`,children:[(0,L.jsx)(Q,{title:C(`models.key`),children:(0,L.jsx)(En,{provider:e,stored:o,place:n})}),(0,L.jsx)(Q,{title:C(`models.uses`),children:(0,L.jsx)(`ul`,{className:`flex flex-col divide-y divide-border-soft`,children:a.map(a=>{let o=hn[a],c=_n(t,a,n),l=c?.kind===`key`&&c.provider===e.id;return(0,L.jsxs)(`li`,{className:`flex flex-wrap items-center gap-3 py-2.5`,children:[(0,L.jsx)(o,{className:`size-4 shrink-0 text-ink-3`}),(0,L.jsxs)(`button`,{type:`button`,onClick:()=>r({type:`cap`,id:a}),className:`min-w-0 flex-1 text-left`,children:[(0,L.jsx)(`span`,{className:`block font-medium text-[0.875rem]`,children:C(`models.cap.${a}`)}),(0,L.jsx)(`span`,{className:`block truncate text-[0.75rem] text-ink-3`,children:(e.models[a]??[]).map(e=>e.label).join(` · `)})]}),l?(0,L.jsxs)(`span`,{className:`flex items-center gap-1 font-medium text-[0.75rem] text-moss`,children:[(0,L.jsx)(O,{className:`size-3.5`,strokeWidth:3}),` `,C(`models.inUse`)]}):(0,L.jsx)(s,{size:`sm`,variant:`secondary`,disabled:!n.canEdit,busy:i.isPending&&i.variables?.bindings!==void 0,onClick:()=>i.mutate({...X(a)&&!n.cloud?{source:`own`}:{},bindings:vn(e,a,t)}),children:C(`models.useFor`)})]},a)})})}),c.length?(0,L.jsxs)(Q,{title:C(`models.viaCredits`,{name:e.name}),children:[(0,L.jsx)($,{children:n.credits?C(`models.viaCreditsHint`):C(`models.viaCreditsNeedsAccount`)}),(0,L.jsx)(In,{models:c,state:t,place:n})]}):null]})]})}function Wn({me:e,id:t,state:n,place:r}){let i=Z(),a=r.harnesses.find(e=>e.id===t);if(!a)return null;let o=n.source===t,c=a.version!==null&&a.auth!==`none`;return(0,L.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,L.jsx)(Cn,{icon:be,title:a.name,lead:C(`harness.desc.${t}`),status:(0,L.jsx)(Sn,{text:yn(a).note,tone:c?`done`:`warn`})}),(0,L.jsxs)(_,{className:`flex flex-col gap-6 p-3.5 sm:p-5 sm:p-6`,children:[(0,L.jsx)(Q,{title:C(`models.clientSignIn`),children:(0,L.jsx)(nt,{me:e,id:t})}),(0,L.jsxs)(Q,{title:C(`models.uses`),children:[(0,L.jsx)(`ul`,{className:`flex flex-col divide-y divide-border-soft`,children:[`text`,...a.images?[`image`]:[]].map(e=>{let a=hn[e],o=_n(n,e,r),c=o?.kind===`client`&&o.id===t;return(0,L.jsxs)(`li`,{className:`flex items-center gap-3 py-2.5`,children:[(0,L.jsx)(a,{className:`size-4 shrink-0 text-ink-3`}),(0,L.jsx)(`span`,{className:`min-w-0 flex-1 font-medium text-[0.875rem]`,children:C(`models.cap.${e}`)}),c?(0,L.jsxs)(`span`,{className:`flex items-center gap-1 font-medium text-[0.75rem] text-moss`,children:[(0,L.jsx)(O,{className:`size-3.5`,strokeWidth:3}),` `,C(`models.inUse`)]}):(0,L.jsx)(s,{size:`sm`,variant:`secondary`,busy:i.isPending,onClick:()=>i.mutate(e===`text`?{source:t,bindings:Ie(n.bindings)}:{bindings:{image:`${t}/image`}}),children:C(`models.useFor`)})]},e)})}),o?null:(0,L.jsx)($,{children:C(`models.clientNotChosen`,{name:a.name})})]})]})]})}function Gn(){return(0,L.jsx)(de,{to:`/settings/account`,className:`font-medium text-ember-strong underline-offset-2 hover:underline`,children:C(`local.toAccount`)})}function Kn({state:e,place:t,onOpen:n}){let r=Z(),a=tn.filter(t=>e.ways[Y[t]].kind===`credits`),o=t.cloud?C(`models.creditsTeam`):C(`models.creditsName`);return(0,L.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,L.jsx)(Cn,{icon:A,title:o,lead:t.cloud?C(`models.creditsCloudHint`):C(`models.creditsLocalLead`),status:t.balance===null?void 0:(0,L.jsx)(`span`,{className:`font-display font-semibold text-[1.25rem] tabular-nums`,children:C(`nav.credits`,{n:Math.floor(t.balance).toLocaleString(d)})})}),(0,L.jsxs)(_,{className:`flex flex-col gap-6 p-3.5 sm:p-5 sm:p-6`,children:[!t.cloud&&!t.account?(0,L.jsxs)(Q,{title:C(`models.creditsConnectTitle`),children:[(0,L.jsx)($,{children:C(`models.creditsLocalHint`)}),(0,L.jsx)(`div`,{children:(0,L.jsx)(de,{to:`/settings/account`,children:(0,L.jsx)(s,{children:C(`models.creditsConnect`)})})})]}):null,t.account&&!t.account.signedIn?(0,L.jsxs)(`p`,{className:`text-[0.8125rem] text-rose`,children:[C(`local.accountExpired`),` `,(0,L.jsx)(Gn,{})]}):null,t.account?(0,L.jsx)(Q,{title:C(`models.creditsFallback`),children:(0,L.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,L.jsx)(i,{checked:e.creditFallback,disabled:!t.canEdit,onChange:e=>r.mutate({creditFallback:e}),label:C(`models.creditsFallback`)}),(0,L.jsx)($,{children:e.creditFallback?C(`models.creditsFallbackOn`):C(`models.creditsFallbackOff`)})]})}):null,t.credits?(0,L.jsx)(Q,{title:C(`models.creditsOn`),aside:t.topUp?(0,L.jsxs)(`a`,{href:t.topUp,target:`_blank`,rel:`noreferrer`,className:`inline-flex items-center gap-1 font-medium text-[0.8125rem] text-ember-strong hover:underline`,children:[C(`models.creditsTopUp`),` `,(0,L.jsx)(f,{className:`size-3`})]}):null,children:a.length?(0,L.jsx)(`ul`,{className:`flex flex-col divide-y divide-border-soft`,children:a.map(t=>{let r=hn[t],i=e.ways[Y[t]];return(0,L.jsx)(`li`,{children:(0,L.jsxs)(`button`,{type:`button`,onClick:()=>n({type:`cap`,id:t}),className:`flex w-full items-center gap-3 py-2.5 text-left`,children:[(0,L.jsx)(r,{className:`size-4 shrink-0 text-ink-3`}),(0,L.jsx)(`span`,{className:`min-w-0 flex-1 font-medium text-[0.875rem]`,children:C(`models.cap.${t}`)}),(0,L.jsxs)(`span`,{className:`truncate text-[0.75rem] text-ink-3`,children:[i.ref?J(i.ref):``,` · `,Nn(t,e)]})]})},t)})}):(0,L.jsx)($,{children:C(`models.creditsNone`)})}):null]})]})}function qn(e){return e?e===`credits`?{type:`credits`}:tn.includes(e)?{type:`cap`,id:e}:q(e)?{type:`provider`,id:e}:{type:`client`,id:e}:{type:`cap`,id:`text`}}var Jn=e=>e.type===`credits`?`credits`:e.id;function Yn({view:e,onView:t}){return null}function Xn(e){return e.kind===`none`?`off`:e.kind===`credits`?`credits`:`done`}function Zn(e,t){switch(e.type){case`cap`:return C(`models.cap.${e.id}`);case`provider`:return q(e.id)?.name??e.id;case`client`:return t?.harnesses.find(t=>t.id===e.id)?.name??e.id;default:return t?.mode===`managed`?C(`models.creditsTeam`):C(`models.creditsName`)}}function Qn(){let e=We(),t=xn(),[n,r]=fe(),[i,a]=(0,I.useState)(`auto`),{narrow:o}=qe(),s=n.get(`show`),c=qn(s);if(Ye(s||!o?Zn(c,e.data):null),!e.data||!t.data)return t.isError?(0,L.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:t.error.message}):null;let l=t.data,u=mn(e.data,i),f=e=>r({show:Jn(e)},{replace:!o}),p=e=>!(!s&&o)&&Jn(e)===Jn(c),m=u.harnesses.filter(e=>e.version!==null||l.source===e.id),h=K.filter(e=>l.keys[e.id]),g=K.filter(e=>!l.keys[e.id]);return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)($e,{children:[(0,L.jsx)(P,{label:C(`models.groupCaps`),children:tn.map(e=>{let t=l.ways[Y[e]];return(0,L.jsx)(N,{icon:hn[e],label:C(`models.cap.${e}`),tone:Xn(t),toneLabel:bn(t,u).text,selected:p({type:`cap`,id:e}),onPick:()=>f({type:`cap`,id:e})},e)})}),(0,L.jsxs)(P,{label:C(`models.groupAccess`),children:[(0,L.jsx)(N,{icon:A,label:u.cloud?C(`models.creditsTeam`):C(`models.creditsName`),badge:u.balance===null?null:(0,L.jsx)(`span`,{className:`text-[0.75rem] text-ink-3 tabular-nums`,children:Math.floor(u.balance).toLocaleString(d)}),tone:u.credits?void 0:`off`,toneLabel:u.credits?void 0:C(`models.noteNeedsAccount`),selected:p({type:`credits`}),onPick:()=>f({type:`credits`})}),m.map(e=>(0,L.jsx)(N,{icon:be,label:e.name,tone:e.version!==null&&e.auth===`subscription`?`done`:e.auth===`api_key`?`on`:`off`,toneLabel:yn(e).note,selected:p({type:`client`,id:e.id}),onPick:()=>f({type:`client`,id:e.id})},e.id)),h.map(e=>(0,L.jsx)(N,{icon:F,label:e.name,tone:`done`,toneLabel:C(`models.noteKey`),selected:p({type:`provider`,id:e.id}),onPick:()=>f({type:`provider`,id:e.id})},e.id))]}),g.length?(0,L.jsx)(P,{label:C(`models.groupMore`),collapsible:!0,open:g.some(e=>p({type:`provider`,id:e.id})),count:g.length,children:g.map(e=>(0,L.jsx)(N,{icon:F,label:e.name,selected:p({type:`provider`,id:e.id}),onPick:()=>f({type:`provider`,id:e.id})},e.id))}):null,(0,L.jsx)(Yn,{view:i,onView:a})]}),u.canEdit?null:(0,L.jsx)(`p`,{className:`mb-4 rounded-lg bg-paper-2 px-3 py-2 text-[0.8125rem] text-ink-2`,children:C(`models.readOnly`)}),c.type===`cap`?(0,L.jsx)(Ln,{cap:c.id,state:l,place:u,me:e.data,onOpen:f},c.id):c.type===`provider`&&q(c.id)?(0,L.jsx)(Un,{provider:q(c.id),state:l,place:u,onOpen:f},c.id):c.type===`client`?(0,L.jsx)(Wn,{me:e.data,id:c.id,state:l,place:u},c.id):(0,L.jsx)(Kn,{state:l,place:u,onOpen:f})]})}function $n({name:e,image:t}){return t?(0,L.jsx)(`img`,{src:t,alt:``,className:`size-9 shrink-0 rounded-full object-cover`}):(0,L.jsx)(`span`,{className:`flex size-9 shrink-0 items-center justify-center rounded-full bg-paper-2 font-medium text-[0.75rem] text-ink-2`,children:ze(e)})}function er({me:e}){let t=T({queryKey:[`team`,e.tenant.id],queryFn:()=>S.get(`/api/studio/team`)}),n=t.data,r=n?.plan??e.tenant.plan,i=n?.seats;return(0,L.jsxs)(`div`,{className:`flex flex-col gap-9`,children:[(0,L.jsxs)(a,{title:C(`team.title`),hint:C(`team.hint`),children:[(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-4 gap-y-3`,children:[(0,L.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,L.jsx)(`div`,{className:`text-[0.8125rem] text-ink-3`,children:C(`team.plan`)}),(0,L.jsxs)(`div`,{className:`mt-0.5 flex items-center gap-2`,children:[(0,L.jsx)(`span`,{className:`font-medium text-[0.9375rem]`,children:r?.name??C(`team.planFree`)}),i?(0,L.jsx)(D,{children:i.limit===null?C(`team.seatsUnlimited`):C(`team.seats`,{taken:i.taken,limit:i.limit})}):null]})]}),(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,L.jsxs)(s,{variant:`secondary`,onClick:()=>k(`${e.manageUrl}/billing`),children:[C(`team.changePlan`),` `,(0,L.jsx)(f,{className:`size-4`})]}),n?.canManage?(0,L.jsxs)(s,{onClick:()=>k(`${e.manageUrl}/`),children:[C(`team.manage`),` `,(0,L.jsx)(f,{className:`size-4`})]}):null]})]}),(0,L.jsx)(`p`,{className:`mt-4 text-[0.8125rem] text-ink-3 leading-relaxed`,children:e.tenant.role===`member`?C(`team.memberNote`):C(`team.roles`)})]}),(0,L.jsx)(a,{title:C(`team.members`),children:t.isPending?(0,L.jsx)(y,{}):t.isError||!n?(0,L.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:C(`team.failed`)}):(0,L.jsxs)(`div`,{className:`flex flex-col divide-y divide-border-soft`,children:[n.members.map(t=>(0,L.jsxs)(`div`,{className:`flex items-center gap-3 py-3 first:pt-0 last:pb-0`,children:[(0,L.jsx)($n,{name:t.name,image:t.image}),(0,L.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,L.jsxs)(`div`,{className:`truncate text-[0.9375rem]`,children:[t.name,t.userId===e.user.id?(0,L.jsxs)(`span`,{className:`text-ink-4`,children:[` · `,C(`team.you`)]}):null]}),(0,L.jsx)(`div`,{className:`truncate text-[0.8125rem] text-ink-3`,children:t.email})]}),(0,L.jsx)(D,{tone:t.role===`member`?void 0:`live`,children:C(`team.role.${t.role}`)})]},t.userId)),n.invitations.map(e=>(0,L.jsxs)(`div`,{className:`flex items-center gap-3 py-3 first:pt-0 last:pb-0`,children:[(0,L.jsx)(`span`,{className:`flex size-9 shrink-0 items-center justify-center rounded-full bg-paper-2 text-ink-3`,children:(0,L.jsx)(st,{className:`size-4`})}),(0,L.jsx)(`div`,{className:`min-w-0 flex-1 truncate text-[0.9375rem]`,children:e.email}),(0,L.jsxs)(D,{tone:`warn`,children:[C(`team.invited`),` · `,C(`team.role.${e.role}`)]})]},e.id)),n.members.length===0&&n.invitations.length===0?(0,L.jsxs)(`div`,{className:`flex items-center gap-3 text-[0.875rem] text-ink-3`,children:[(0,L.jsx)(Oe,{className:`size-4`}),` –`]}):null]})})]})}function tr(e,t){let n=e.toLowerCase().replace(/[^a-z0-9]+/g,`_`).replace(/^_+|_+$/g,``).replace(/^[^a-z]+/,``).slice(0,24)||`system`,r=n,i=2;for(;t.includes(r);)r=`${n}_${i++}`;return r}function nr({project:e}){let t=u(),[n,r]=(0,I.useState)(e.mcpServers.map(e=>({...e,auth:e.headers?.Authorization??e.headers?.authorization??``}))),[i,a]=(0,I.useState)(!1),l=e.readOnly,d=M({mutationFn:()=>S.patch(`/api/studio/projects/${e.id}`,{mcpServers:n.filter(e=>e.name&&e.url).map(({auth:e,headers:t,...n})=>({...n,headers:e?{...t,Authorization:e}:void 0}))}),onSuccess:async()=>{await t.invalidateQueries({queryKey:[`projects`]}),a(!0),setTimeout(()=>a(!1),1800)}});return(0,L.jsxs)(_,{className:`p-4 sm:p-6`,children:[(0,L.jsx)(`h2`,{className:`font-display font-semibold text-lg`,children:C(`settings.mcp`)}),(0,L.jsx)(`p`,{className:`mt-1 mb-5 text-[0.875rem] text-ink-3`,children:C(`settings.mcpHint`)}),(0,L.jsxs)(`fieldset`,{disabled:l,className:`flex min-w-0 flex-col gap-3`,children:[n.map((e,t)=>(0,L.jsxs)(`div`,{className:`grid gap-2 rounded-lg bg-paper p-3 ring-1 ring-border-soft sm:grid-cols-[1fr_2fr_auto]`,children:[(0,L.jsx)(g,{placeholder:C(`settings.serverName`),value:e.name,onChange:e=>r(n=>n.map((r,i)=>i===t?{...r,name:e.target.value,id:r.id||tr(e.target.value,n.map(e=>e.id))}:r))}),(0,L.jsx)(g,{placeholder:`${C(`settings.serverUrl`)} (https://…/mcp)`,value:e.url,onChange:e=>r(n=>n.map((n,r)=>r===t?{...n,url:e.target.value}:n))}),l?(0,L.jsx)(`span`,{}):(0,L.jsx)(m,{label:C(`common.remove`),onClick:()=>r(e=>e.filter((e,n)=>n!==t)),className:`hover:text-rose`,children:(0,L.jsx)(o,{className:`size-4`})}),(0,L.jsx)(g,{className:`sm:col-span-2`,placeholder:C(`settings.serverHeader`),value:e.auth??``,onChange:e=>r(n=>n.map((n,r)=>r===t?{...n,auth:e.target.value}:n))}),e.id?(0,L.jsx)(`span`,{className:`self-center font-mono text-[0.6875rem] text-ink-4`,children:e.id}):null]},t)),l?null:(0,L.jsxs)(s,{variant:`secondary`,className:`self-start`,onClick:()=>r(e=>[...e,{id:``,name:``,url:``,auth:``}]),children:[(0,L.jsx)(c,{className:`size-4`}),` `,C(`settings.addServer`)]})]}),l?null:(0,L.jsxs)(`div`,{className:`mt-5 flex items-center justify-end gap-3`,children:[d.error?(0,L.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:d.error.message}):null,(0,L.jsx)(s,{busy:d.isPending,onClick:()=>d.mutate(),children:C(i?`settings.saved`:`settings.save`)})]})]})}var rr=new Set([`models`,`integrate`]);function ir(){let{section:e}=ne(),[t]=fe(),n=ae(),r=We(),{project:i,loading:a}=Be(),o=Ne(),[s,c]=(0,I.useState)(i?.id);(0,I.useEffect)(()=>c(i?.id),[i?.id]);let l=Ue(),u=tt(),d=re(),f=!!d&&!u,[p,m]=(0,I.useState)(null),[h,g]=(0,I.useState)(null),[_,v]=(0,I.useState)(null),y=Ce(r.data,l),b=y.find(t=>t.id===e),S=y.map(e=>({...e,to:`/settings/${e.id}`})),ee=S.find(t=>t.id===e),te=b?rr.has(b.id):!1,w=b?te&&!t.get(`show`)?1:2:0,T=u?Math.min(w,1):te&&_!==e?1:0,E=Je(T),oe=Je(w),D=(0,I.useMemo)(()=>({slot:p,narrow:u,setDetail:g}),[p,u]);if(xe(b?.id===`models`?{suggestions:[{label:C(`assistant.suggest.modelsNow`)},{label:C(`assistant.suggest.modelsMissing`)},{label:C(`assistant.suggest.modelsCost`)}]}:b?.id===`account`?{suggestions:[{label:C(`assistant.suggest.credits`)},{label:C(`assistant.suggest.accountWhy`)},{label:C(`assistant.suggest.plans`)}]}:b?.id===`integrate`?{suggestions:[{label:C(`assistant.suggest.integrateWhat`)},{label:C(`assistant.suggest.integrateClaude`)},{label:C(`assistant.suggest.what`)}]}:b?.id===`connectors`?{suggestions:[{label:C(`assistant.suggest.connectorsWhat`)},{label:C(`assistant.suggest.connectorsAdd`),fill:!0},{label:C(`assistant.suggest.what`)}]}:{}),Re([{label:C(`settings.title`),to:`/settings`},...b?[{label:b.label,to:`/settings/${b.id}`}]:[],...b&&h?[{label:h}]:[]]),!b){if(e===`build`)return(0,L.jsx)(ie,{to:`/settings/integrate`,replace:!0});if(e===`project`)return(0,L.jsx)(ie,{to:`/space`,replace:!0});if(e!==void 0||!u)return l.status===`ready`||e===void 0?(0,L.jsx)(ie,{to:`/settings/account`,replace:!0}):null}let ce=b?.id===`connectors`&&o,O=(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(Xe,{title:C(`settings.title`),open:T===1?ee??null:null,onBack:()=>u?n(`/settings`):v(e??null)}),(0,L.jsx)(`div`,{className:x(Ke(E)),children:T===0?(0,L.jsx)(Qe,{entries:S,current:u?void 0:ee,onPick:()=>v(null)}):(0,L.jsx)(`div`,{ref:m})},T)]});return(0,L.jsxs)(Ze.Provider,{value:D,children:[f&&d?(0,ft.createPortal)(O,d):null,(0,L.jsx)(`div`,{className:`animate-rise`,children:(0,L.jsxs)(`div`,{className:x(`grid gap-6`,!f&&`md:grid-cols-[13.5rem_minmax(0,1fr)] md:gap-8 lg:grid-cols-[15rem_minmax(0,1fr)] lg:gap-10`),children:[f?null:(0,L.jsx)(`aside`,{className:x(`min-w-0 md:sticky md:top-6 md:self-start`,u&&w===2&&`hidden`,u&&oe===`back`&&Ke(`back`)),children:O}),b?(0,L.jsxs)(`div`,{className:x(`min-w-0`,![`integrate`,`models`].includes(b.id)&&`max-w-2xl`,u&&w<2&&`hidden`,u&&oe===`deeper`&&Ke(`deeper`)),children:[u?(0,L.jsx)(`div`,{className:`mb-3`,children:(0,L.jsx)(et,{label:te?b.label:C(`settings.title`),onBack:()=>n(te?`/settings/${b.id}`:`/settings`)})}):null,ce?(0,L.jsx)(`div`,{className:`mb-6`,children:(0,L.jsx)(Me,{})}):null,b.id===`connectors`&&i?(0,L.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[i.readOnly?(0,L.jsx)(ve,{children:ge(i)}):null,(0,L.jsx)(Ct,{projectId:i.id,readOnly:i.readOnly},s),(0,L.jsx)(nr,{project:i},s)]}):null,b.id===`connectors`&&!i&&!a?(0,L.jsx)(se,{children:C(`settings.noProject`)}):null,b.id===`models`?(0,L.jsx)(Qn,{}):null,b.id===`integrate`?(0,L.jsx)(en,{}):null,b.id===`account`&&r.data?(0,L.jsx)(we,{me:r.data}):null,b.id===`team`&&r.data?(0,L.jsx)(er,{me:r.data}):null,b.id===`plugins`?(0,L.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,L.jsx)(pt,{}),(0,L.jsx)(vt,{})]}):null,b.plugin?(0,L.jsx)(He,{of:b.plugin,children:(0,L.jsx)(b.plugin.component,{})}):null]}):null]})})]})}export{ir as SettingsPage};

package/apps/web/dist/assets/{SetupPage-BAuR4VsB.js → SetupPage-B-o7VhbI.js}

@@ -1 +1 @@
-import{r as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,t as n}from"./jsx-runtime-BNakU3Ej.js";import{Dt as r,Gr as i,Gt as a,Nn as ee,Ut as o,W as s,Yt as c,ar as l,gr as te,nr as u,or as ne}from"./ui-DWaP9zdL.js";import{$ as d,B as f,Kt as re,N as ie,P as ae,R as oe,V as se,Zt as p,_t as m,et as h,ft as ce,gt as le,mt as g,ot as ue,ut as de,yt as _,z as fe}from"./index-CC09ypna.js";import{n as v,t as pe}from"./Harness-JP1WcYyl.js";var y=e(t(),1),b=e(n(),1),x=`oklch(50% 0.2 262)`,S=`oklch(32% 0.15 262)`,C=`oklch(90% 0.1 80)`,w=`var(--step-done)`,T=`var(--step-now)`,E=`color-mix(in oklab, var(--on) 38%, transparent)`,me={"--on":`white`,"--tile":`rgb(255 255 255 / 0.1)`,"--tile-hover":`rgb(255 255 255 / 0.15)`,"--tile-ring":`rgb(255 255 255 / 0.15)`,"--panel":`rgb(255 255 255 / 0.07)`,"--panel-ring":`rgb(255 255 255 / 0.12)`,"--pick":`white`,"--pick-ink":S,"--pick-mark":S,"--dot":C,"--step-done":`oklch(88% 0.17 150)`,"--step-now":`oklch(88% 0.14 80)`,"--ready-ink":`oklch(27% 0.09 150)`,"--ink-2":`oklch(96% 0.02 262)`,"--ink-3":`oklch(90% 0.035 262)`,"--ink-4":`oklch(82% 0.05 262)`,"--moss":`oklch(90% 0.14 150)`,"--rose":`oklch(89% 0.09 45)`},he={"--on":`var(--ink)`,"--tile":`var(--card)`,"--tile-hover":`var(--paper-2)`,"--tile-ring":`var(--border-soft)`,"--panel":`var(--card)`,"--panel-ring":`var(--border-soft)`,"--pick":x,"--pick-ink":`white`,"--pick-mark":`white`,"--dot":x,"--step-done":`oklch(52% 0.15 150)`,"--step-now":`oklch(60% 0.15 65)`,"--ready-ink":`white`},D=`ease-[cubic-bezier(0.3,0.7,0.2,1)]`,ge=220,_e={codex:`dome`,claude:`oval`,gemini:`wedge`,cursor:`sprout`,own:`bean`,account:`drop`,apple:`pebble`};function ve(e){if(e.available)return c(`models.optAppleNote`);switch(e.reason){case`off`:return c(`models.appleOff`);case`loading`:return c(`models.appleLoading`);default:return c(`models.appleDevice`)}}var O=`relative w-fit max-w-full transition-[left,translate] duration-700 ease-[cubic-bezier(0.3,0.7,0.2,1)] motion-reduce:transition-none`,k=`left-1/2 -translate-x-1/2 text-center`,A=`max-lg:left-1/2 max-lg:-translate-x-1/2 max-lg:text-center lg:left-0 lg:translate-x-0 lg:text-left`;function j(){window.matchMedia(`(max-width: 1023px)`).matches&&window.scrollTo({top:0})}var M=`wizards.setup.own`;function N(){try{return sessionStorage.getItem(M)===`1`}catch{return!1}}function P(e){try{e?sessionStorage.setItem(M,`1`):sessionStorage.removeItem(M)}catch{}}function ye(){return(0,b.jsxs)(`span`,{className:`inline-flex items-center gap-2.5`,children:[(0,b.jsx)(_,{size:28}),(0,b.jsxs)(`span`,{className:`font-display font-semibold text-[1.0625rem] tracking-tight`,children:[`engenty`,(0,b.jsx)(`span`,{className:`mr-[0.09em] ml-[0.06em] text-(color:--dot)`,children:`.`}),(0,b.jsx)(`span`,{className:`font-normal text-(color:--on)/70`,children:`wizards`})]})]})}function F({selected:e,title:t,description:n,badge:r,note:i,onPick:a}){return(0,b.jsxs)(`button`,{type:`button`,onClick:a,"aria-pressed":e,className:o(`group relative flex w-full items-center gap-3 rounded-2xl px-4 py-3 text-left transition-[background-color,color,box-shadow] duration-300`,e?`bg-(color:--pick) text-(color:--pick-ink) shadow-elevated`:`bg-(color:--tile) ring-(color:--tile-ring) ring-1 hover:bg-(color:--tile-hover)`),children:[r?(0,b.jsx)(`span`,{className:`absolute -top-2.5 right-4 rounded-full px-2.5 py-[3px] font-semibold text-[0.6875rem] leading-none tracking-wide shadow-[0_2px_8px_oklch(0%_0_0/0.22)]`,style:{background:C,color:S},children:r}):null,(0,b.jsx)(`span`,{className:o(`flex size-5 shrink-0 items-center justify-center rounded-full border transition-colors duration-300`,e?`border-transparent bg-(color:--pick-mark)`:`border-(color:--on)/40`),children:e?(0,b.jsx)(u,{className:`size-3.5 text-(color:--pick)`}):null}),(0,b.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,b.jsx)(`span`,{className:`block font-medium text-[0.9375rem]`,children:t}),(0,b.jsx)(`span`,{className:o(`mt-0.5 block truncate text-[0.8125rem]`,e?`opacity-70`:`text-(color:--on)/65`),children:n})]}),i?(0,b.jsx)(`span`,{className:o(`shrink-0 text-[0.75rem]`,e?`opacity-70`:`text-(color:--on)/65`),children:i}):null,(0,b.jsx)(l,{className:o(`size-4 shrink-0 transition`,e?`opacity-70`:`text-(color:--on)/40 group-hover:translate-x-0.5 group-hover:text-(color:--on)/80`)})]})}function be({name:e,at:t,done:n}){let r=[c(`setup.stage.connect`),c(`setup.stage.test`),c(`setup.stage.done`)],i=n?r.length:t+1;return(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-4 gap-y-2 font-medium text-[0.75rem] uppercase tracking-[0.14em]`,children:[(0,b.jsx)(`span`,{className:`text-(color:--on)/70`,children:e}),(0,b.jsx)(`ol`,{className:`flex flex-wrap items-center gap-x-3 gap-y-2`,children:r.map((e,r)=>{let i=n||r<t;return(0,b.jsxs)(`li`,{"aria-current":!i&&r===t?`step`:void 0,className:`flex items-center gap-1 transition-colors duration-500`,style:{color:i?w:r===t?T:E},children:[i?(0,b.jsx)(u,{className:`size-3.5`,strokeWidth:3}):null,e]},e)})}),(0,b.jsx)(`span`,{"aria-hidden":`true`,className:`flex gap-1.5`,children:r.map((e,t)=>(0,b.jsx)(`span`,{className:`h-[3px] w-5 rounded-full transition-colors duration-500`,style:{background:t<i?n?w:T:`color-mix(in oklab, var(--on) 22%, transparent)`}},e))})]})}function xe({href:e,children:t}){return(0,b.jsx)(`a`,{href:e,target:`_blank`,rel:`noreferrer`,className:`transition hover:text-(color:--on)`,onClick:t=>{t.preventDefault(),f(e)},children:t})}function I(){let e=h(`site`),t=m()===`dark`;le(t?x:null);let n=de(),l=i(),f=te(),_=d(),C=h(`account`),{project:T}=ue(),E=ae(!!n.data?.account?.signedIn),[M,I]=(0,y.useState)(N),[L,R]=(0,y.useState)(!1),z=p({mutationFn:e=>s.put(`/api/studio/local/models`,e===`apple`?{bindings:{classifier:`apple:default`,standard:`apple:default`}}:e===`own`?{source:`own`,bindings:{classifier:``,standard:``}}:{source:e,bindings:ce(n.data?.models?.bindings??{})}),onSuccess:async(e,t)=>{await l.invalidateQueries({queryKey:[`me`]}),I(!0),R(!1),j(),P(t===`own`)}}),B=p({mutationFn:()=>Promise.all((n.data?.harnesses??[]).map(e=>s.post(`/api/studio/local/harness/${e.id}/detect`))),onSuccess:()=>l.invalidateQueries({queryKey:[`me`]})});if(!n.data?.models)return null;let V=n.data.models,H=e=>(e.version===null?2:0)+ +!e.app,U=[...n.data.harnesses].sort((e,t)=>H(e)-H(t)),Se=U.filter(e=>e.version!==null),W=n.data.apple,G=V.bindings.standard?.startsWith(`apple:`)?`apple`:M||n.data.setupDone||V.source!==`own`?V.source:null,K=n.data.harnesses.find(e=>e.id===G),q=V.source===`account`?c(`models.creditsName`):n.data.harnesses.find(e=>e.id===V.source)?.name??null,J=n.data.setupDone,Y=Object.values(V.keys).some(Boolean),Ce=J?2:K?K.auth===`none`?0:1:G===`apple`||G===`account`||Y?1:0,X=J?c(`setup.h.done`):K?K.version===null?c(`setup.h.install`,{name:K.name}):K.auth===`none`?c(`setup.h.signIn`,{name:K.name}):c(`setup.h.test`):c(G===`apple`||G===`account`||Y?`setup.h.test`:`setup.h.keys`),Z=e?_.data?.site:null,Q=G!==null&&!L,$=z.isPending?z.variables??G:G;return(0,b.jsxs)(`div`,{className:`flex min-h-dvh flex-col px-6 text-(color:--on) sm:px-10`,style:t?me:he,children:[(0,b.jsxs)(`header`,{className:`flex items-center justify-between pt-6 sm:pt-8`,children:[(0,b.jsx)(ye,{}),(0,b.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,b.jsx)(oe,{tone:t?`ground`:`surface`}),(0,b.jsx)(se,{tone:t?`ground`:`surface`,ink:S})]})]}),(0,b.jsxs)(`main`,{className:`relative mx-auto flex w-full max-w-6xl flex-1 flex-col pt-6 pb-10 lg:pt-[6vh]`,children:[(0,b.jsx)(`div`,{"aria-hidden":`true`,className:o(`absolute top-6 left-1/2 z-10 origin-top -translate-x-1/2 transition-[opacity,scale,left] duration-500 motion-reduce:transition-none lg:top-[calc(6vh+5.25rem)] lg:origin-center lg:translate-x-0`,D,G?`lg:pointer-events-none lg:left-[calc(50%-560px)] lg:scale-75 lg:opacity-0`:`lg:left-[calc(50%-508px)] lg:scale-100 lg:opacity-100`,Q?`max-lg:pointer-events-none max-lg:scale-[0.4] max-lg:opacity-0`:`max-lg:scale-[0.6] max-lg:opacity-100`),children:(0,b.jsx)(`div`,{className:`animate-rise`,children:(0,b.jsx)(g,{kind:`drop`,size:ge,fluffy:!0,coat:`fur`})})}),(0,b.jsx)(`div`,{"aria-hidden":`true`,className:o(`shrink-0 transition-[height] duration-500 motion-reduce:transition-none lg:h-0`,D,Q?`max-lg:h-0`:`max-lg:h-[148px]`)}),(0,b.jsxs)(`div`,{className:`flex flex-col gap-10 lg:flex-row lg:items-start lg:gap-14`,children:[(0,b.jsxs)(`section`,{className:o(`flex w-full shrink-0 animate-rise flex-col lg:w-[32rem] lg:transition-[margin] lg:duration-700 motion-reduce:transition-none`,D,G?`lg:ml-0`:`lg:ml-[calc(50%-16rem)]`,Q?`max-lg:hidden`:``),children:[(0,b.jsxs)(`div`,{className:`flex flex-col lg:min-h-[6.5rem]`,children:[(0,b.jsx)(`p`,{className:o(O,`font-medium text-(color:--on)/70 text-[0.75rem] uppercase tracking-[0.16em]`,G?A:k),children:c(`setup.title`)}),(0,b.jsx)(`h1`,{className:o(O,`mt-2 font-display font-semibold text-[1.625rem] leading-[1.08] tracking-[-0.02em] sm:text-[1.75rem]`,G?A:k),children:c(`setup.source`)}),(0,b.jsx)(`p`,{className:o(O,`mt-2.5 text-(color:--on)/75 text-[0.9375rem] leading-relaxed`,G?A:k),children:c(`setup.sub`)})]}),C?(0,b.jsxs)(`div`,{className:`mt-5 flex items-center gap-3.5 rounded-2xl bg-(color:--panel) px-4 py-3.5 ring-(color:--panel-ring) ring-1`,children:[(0,b.jsx)(`span`,{className:`flex size-10 shrink-0 items-center justify-center rounded-full bg-(color:--pick) font-semibold text-(color:--pick-ink) text-[0.9375rem]`,children:n.data.account?.signedIn?(n.data.account.name||n.data.account.email).slice(0,1).toUpperCase():(0,b.jsx)(re,{className:`size-4.5`})}),(0,b.jsx)(`div`,{className:`min-w-0 flex-1`,children:n.data.account?.signedIn?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(`p`,{className:`font-medium text-[0.9375rem]`,children:c(`setup.accountLinked`,{name:n.data.account.name||n.data.account.email})}),(0,b.jsx)(`p`,{className:`text-(color:--on)/75 text-[0.8125rem]`,children:[n.data.account.team,n.data.account.credits===null?null:c(`setup.accountCredits`,{credits:n.data.account.credits.toLocaleString(a)})].filter(Boolean).join(` · `)})]}):(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(`p`,{className:`font-medium text-[0.9375rem]`,children:c(`setup.account`)}),(0,b.jsx)(`p`,{className:`text-(color:--on)/75 text-[0.8125rem] leading-snug`,children:c(`setup.accountText`)}),(0,b.jsx)(ie,{...E})]})}),n.data.account?.signedIn?null:(0,b.jsx)(r,{variant:`secondary`,size:`sm`,busy:E.link.isPending,onClick:()=>E.link.mutate({}),children:c(`account.signIn`)})]}):null,(0,b.jsxs)(`div`,{className:`mt-5 flex flex-col gap-2.5`,children:[n.data.account?.signedIn?(0,b.jsx)(F,{selected:$===`account`,title:c(`setup.creditsChoice`),description:c(`setup.creditsDesc`),note:n.data.account.credits===null?void 0:c(`setup.accountCredits`,{credits:n.data.account.credits.toLocaleString(a)}),onPick:()=>z.mutate(`account`)}):null,U.map((e,t)=>(0,b.jsx)(F,{selected:$===e.id,title:e.name,description:c(`harness.desc.${e.id}`),badge:t===0?c(`setup.recommended`):void 0,note:e.version===null?c(`harness.notInstalled`):e.auth===`subscription`?c(`harness.ready`):void 0,onPick:()=>z.mutate(e.id)},e.id)),W?.supported?(0,b.jsx)(F,{selected:$===`apple`,title:c(`models.optApple`),description:c(`setup.appleDesc`),note:ve(W),onPick:()=>z.mutate(`apple`)}):null,(0,b.jsx)(F,{selected:$===`own`,title:c(`local.sourceOwn`),description:c(`setup.ownDesc`),onPick:()=>z.mutate(`own`)})]}),(0,b.jsxs)(`div`,{className:`mt-3 flex flex-wrap items-center justify-center gap-x-2 gap-y-1 text-(color:--on)/60 text-[0.8125rem]`,children:[(0,b.jsx)(`span`,{children:Se.length?null:c(`setup.noHarness`)}),(0,b.jsxs)(r,{variant:`ghost`,size:`sm`,busy:B.isPending,onClick:()=>B.mutate(),children:[(0,b.jsx)(ee,{className:`size-3.5`}),` `,c(`local.recheck`)]})]})]}),G?(0,b.jsxs)(`section`,{className:o(`min-w-0 flex-1 animate-settle`,L?`max-lg:hidden`:``),children:[(0,b.jsxs)(`button`,{type:`button`,onClick:()=>{R(!0),j()},className:`-ml-1.5 mb-5 inline-flex items-center gap-1.5 rounded-full px-1.5 py-1 text-(color:--on)/80 text-[0.875rem] transition hover:text-(color:--on) lg:hidden`,children:[(0,b.jsx)(ne,{className:`size-4`}),` `,c(`run.back`)]}),(0,b.jsxs)(`div`,{className:`relative`,children:[(0,b.jsx)(`div`,{"aria-hidden":`true`,className:`absolute top-6 right-2 z-10`,children:(0,b.jsx)(g,{kind:_e[G],size:120,fluffy:!0,coat:`fur`})}),(0,b.jsxs)(`div`,{className:`min-h-[6.5rem]`,children:[(0,b.jsx)(be,{name:K?.name??c(G===`apple`?`models.optApple`:G===`account`?`setup.creditsChoice`:`local.sourceOwn`),at:Ce,done:J}),(0,b.jsx)(`h2`,{className:`mt-2 animate-rise pr-32 font-display font-semibold text-[clamp(28px,3vw,40px)] leading-[1.06] tracking-[-0.03em]`,children:X},X)]}),(0,b.jsx)(`div`,{className:`mt-5 rounded-2xl bg-(color:--panel) p-5 ring-(color:--panel-ring) ring-1 sm:p-6`,children:K?(0,b.jsx)(pe,{me:n.data,id:K.id,autoTest:!J}):G===`apple`?(0,b.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,b.jsx)(`p`,{className:`text-[0.875rem] text-ink-2 leading-relaxed`,children:q?c(`setup.appleHintKeeps`,{way:q}):c(`setup.appleHint`)}),(0,b.jsx)(v,{auto:!J&&W?.available===!0})]}):G===`account`?(0,b.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,b.jsx)(`p`,{className:`text-[0.875rem] text-ink-2 leading-relaxed`,children:c(`setup.creditsDesc`)}),(0,b.jsx)(v,{auto:!J})]}):(0,b.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,b.jsx)(fe,{models:V}),(0,b.jsx)(v,{})]})}),(0,b.jsxs)(`div`,{className:`mt-9`,children:[J?(0,b.jsxs)(`p`,{className:`mb-3 flex animate-rise items-center gap-2 font-medium text-[0.9375rem]`,style:{color:w},children:[(0,b.jsx)(u,{className:`size-4`,strokeWidth:3}),c(`setup.ready`)]}):null,(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center gap-4`,children:[(0,b.jsxs)(`button`,{type:`button`,disabled:!J,onClick:()=>f(`/`,{replace:!0}),className:o(`group inline-flex h-12 items-center gap-2.5 rounded-full px-6 font-semibold text-[1rem] transition-[background-color,color,box-shadow,filter] duration-300`,J?`shadow-[0_6px_24px_oklch(88%_0.17_150/0.35)] hover:brightness-105`:`cursor-not-allowed bg-(color:--on)/20 text-(color:--on)/65`),style:J?{background:w,color:`var(--ready-ink)`}:void 0,children:[c(`setup.done`),(0,b.jsx)(`span`,{"aria-hidden":`true`,className:`transition-transform group-enabled:group-hover:translate-x-0.5`,children:`→`})]}),J?null:(0,b.jsx)(`span`,{className:`text-(color:--on)/65 text-[0.8125rem]`,children:c(`setup.untilWorks`)})]})]})]})]},G):null]})]}),(0,b.jsxs)(`footer`,{className:`mx-auto flex w-full max-w-6xl items-center justify-between gap-4 pb-6 text-(color:--on)/55 text-[0.75rem] sm:pb-8`,children:[(0,b.jsxs)(`span`,{children:[`engenty ·`,` `,n.data.account?.signedIn?c(`setup.thisComputer`,{space:T?.name??``,team:n.data.account.team??n.data.account.name}):c(`setup.local`)]}),(0,b.jsxs)(`span`,{className:`flex items-center gap-5`,children:[Z?(0,b.jsx)(xe,{href:Z,children:new URL(Z).host}):null,(0,b.jsx)(`span`,{"aria-hidden":`true`,className:`size-[3px] bg-(color:--dot)`})]})]})]})}export{I as SetupPage};
+import{r as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,t as n}from"./jsx-runtime-BNakU3Ej.js";import{Dt as r,Gr as i,Gt as a,Nn as ee,Ut as o,W as s,Yt as c,ar as l,gr as te,nr as u,or as ne}from"./ui-CeZNNuaK.js";import{$ as d,B as f,Kt as re,N as ie,P as ae,R as oe,V as se,Zt as p,_t as m,et as h,ft as ce,gt as le,mt as g,ot as ue,ut as de,yt as _,z as fe}from"./index-93fPRTxr.js";import{n as v,t as pe}from"./Harness-CFh04TZ3.js";var y=e(t(),1),b=e(n(),1),x=`oklch(50% 0.2 262)`,S=`oklch(32% 0.15 262)`,C=`oklch(90% 0.1 80)`,w=`var(--step-done)`,T=`var(--step-now)`,E=`color-mix(in oklab, var(--on) 38%, transparent)`,me={"--on":`white`,"--tile":`rgb(255 255 255 / 0.1)`,"--tile-hover":`rgb(255 255 255 / 0.15)`,"--tile-ring":`rgb(255 255 255 / 0.15)`,"--panel":`rgb(255 255 255 / 0.07)`,"--panel-ring":`rgb(255 255 255 / 0.12)`,"--pick":`white`,"--pick-ink":S,"--pick-mark":S,"--dot":C,"--step-done":`oklch(88% 0.17 150)`,"--step-now":`oklch(88% 0.14 80)`,"--ready-ink":`oklch(27% 0.09 150)`,"--ink-2":`oklch(96% 0.02 262)`,"--ink-3":`oklch(90% 0.035 262)`,"--ink-4":`oklch(82% 0.05 262)`,"--moss":`oklch(90% 0.14 150)`,"--rose":`oklch(89% 0.09 45)`},he={"--on":`var(--ink)`,"--tile":`var(--card)`,"--tile-hover":`var(--paper-2)`,"--tile-ring":`var(--border-soft)`,"--panel":`var(--card)`,"--panel-ring":`var(--border-soft)`,"--pick":x,"--pick-ink":`white`,"--pick-mark":`white`,"--dot":x,"--step-done":`oklch(52% 0.15 150)`,"--step-now":`oklch(60% 0.15 65)`,"--ready-ink":`white`},D=`ease-[cubic-bezier(0.3,0.7,0.2,1)]`,ge=220,_e={codex:`dome`,claude:`oval`,gemini:`wedge`,cursor:`sprout`,own:`bean`,account:`drop`,apple:`pebble`};function ve(e){if(e.available)return c(`models.optAppleNote`);switch(e.reason){case`off`:return c(`models.appleOff`);case`loading`:return c(`models.appleLoading`);default:return c(`models.appleDevice`)}}var O=`relative w-fit max-w-full transition-[left,translate] duration-700 ease-[cubic-bezier(0.3,0.7,0.2,1)] motion-reduce:transition-none`,k=`left-1/2 -translate-x-1/2 text-center`,A=`max-lg:left-1/2 max-lg:-translate-x-1/2 max-lg:text-center lg:left-0 lg:translate-x-0 lg:text-left`;function j(){window.matchMedia(`(max-width: 1023px)`).matches&&window.scrollTo({top:0})}var M=`wizards.setup.own`;function N(){try{return sessionStorage.getItem(M)===`1`}catch{return!1}}function P(e){try{e?sessionStorage.setItem(M,`1`):sessionStorage.removeItem(M)}catch{}}function ye(){return(0,b.jsxs)(`span`,{className:`inline-flex items-center gap-2.5`,children:[(0,b.jsx)(_,{size:28}),(0,b.jsxs)(`span`,{className:`font-display font-semibold text-[1.0625rem] tracking-tight`,children:[`engenty`,(0,b.jsx)(`span`,{className:`mr-[0.09em] ml-[0.06em] text-(color:--dot)`,children:`.`}),(0,b.jsx)(`span`,{className:`font-normal text-(color:--on)/70`,children:`wizards`})]})]})}function F({selected:e,title:t,description:n,badge:r,note:i,onPick:a}){return(0,b.jsxs)(`button`,{type:`button`,onClick:a,"aria-pressed":e,className:o(`group relative flex w-full items-center gap-3 rounded-2xl px-4 py-3 text-left transition-[background-color,color,box-shadow] duration-300`,e?`bg-(color:--pick) text-(color:--pick-ink) shadow-elevated`:`bg-(color:--tile) ring-(color:--tile-ring) ring-1 hover:bg-(color:--tile-hover)`),children:[r?(0,b.jsx)(`span`,{className:`absolute -top-2.5 right-4 rounded-full px-2.5 py-[3px] font-semibold text-[0.6875rem] leading-none tracking-wide shadow-[0_2px_8px_oklch(0%_0_0/0.22)]`,style:{background:C,color:S},children:r}):null,(0,b.jsx)(`span`,{className:o(`flex size-5 shrink-0 items-center justify-center rounded-full border transition-colors duration-300`,e?`border-transparent bg-(color:--pick-mark)`:`border-(color:--on)/40`),children:e?(0,b.jsx)(u,{className:`size-3.5 text-(color:--pick)`}):null}),(0,b.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,b.jsx)(`span`,{className:`block font-medium text-[0.9375rem]`,children:t}),(0,b.jsx)(`span`,{className:o(`mt-0.5 block truncate text-[0.8125rem]`,e?`opacity-70`:`text-(color:--on)/65`),children:n})]}),i?(0,b.jsx)(`span`,{className:o(`shrink-0 text-[0.75rem]`,e?`opacity-70`:`text-(color:--on)/65`),children:i}):null,(0,b.jsx)(l,{className:o(`size-4 shrink-0 transition`,e?`opacity-70`:`text-(color:--on)/40 group-hover:translate-x-0.5 group-hover:text-(color:--on)/80`)})]})}function be({name:e,at:t,done:n}){let r=[c(`setup.stage.connect`),c(`setup.stage.test`),c(`setup.stage.done`)],i=n?r.length:t+1;return(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-4 gap-y-2 font-medium text-[0.75rem] uppercase tracking-[0.14em]`,children:[(0,b.jsx)(`span`,{className:`text-(color:--on)/70`,children:e}),(0,b.jsx)(`ol`,{className:`flex flex-wrap items-center gap-x-3 gap-y-2`,children:r.map((e,r)=>{let i=n||r<t;return(0,b.jsxs)(`li`,{"aria-current":!i&&r===t?`step`:void 0,className:`flex items-center gap-1 transition-colors duration-500`,style:{color:i?w:r===t?T:E},children:[i?(0,b.jsx)(u,{className:`size-3.5`,strokeWidth:3}):null,e]},e)})}),(0,b.jsx)(`span`,{"aria-hidden":`true`,className:`flex gap-1.5`,children:r.map((e,t)=>(0,b.jsx)(`span`,{className:`h-[3px] w-5 rounded-full transition-colors duration-500`,style:{background:t<i?n?w:T:`color-mix(in oklab, var(--on) 22%, transparent)`}},e))})]})}function xe({href:e,children:t}){return(0,b.jsx)(`a`,{href:e,target:`_blank`,rel:`noreferrer`,className:`transition hover:text-(color:--on)`,onClick:t=>{t.preventDefault(),f(e)},children:t})}function I(){let e=h(`site`),t=m()===`dark`;le(t?x:null);let n=de(),l=i(),f=te(),_=d(),C=h(`account`),{project:T}=ue(),E=ae(!!n.data?.account?.signedIn),[M,I]=(0,y.useState)(N),[L,R]=(0,y.useState)(!1),z=p({mutationFn:e=>s.put(`/api/studio/local/models`,e===`apple`?{bindings:{classifier:`apple:default`,standard:`apple:default`}}:e===`own`?{source:`own`,bindings:{classifier:``,standard:``}}:{source:e,bindings:ce(n.data?.models?.bindings??{})}),onSuccess:async(e,t)=>{await l.invalidateQueries({queryKey:[`me`]}),I(!0),R(!1),j(),P(t===`own`)}}),B=p({mutationFn:()=>Promise.all((n.data?.harnesses??[]).map(e=>s.post(`/api/studio/local/harness/${e.id}/detect`))),onSuccess:()=>l.invalidateQueries({queryKey:[`me`]})});if(!n.data?.models)return null;let V=n.data.models,H=e=>(e.version===null?2:0)+ +!e.app,U=[...n.data.harnesses].sort((e,t)=>H(e)-H(t)),Se=U.filter(e=>e.version!==null),W=n.data.apple,G=V.bindings.standard?.startsWith(`apple:`)?`apple`:M||n.data.setupDone||V.source!==`own`?V.source:null,K=n.data.harnesses.find(e=>e.id===G),q=V.source===`account`?c(`models.creditsName`):n.data.harnesses.find(e=>e.id===V.source)?.name??null,J=n.data.setupDone,Y=Object.values(V.keys).some(Boolean),Ce=J?2:K?K.auth===`none`?0:1:G===`apple`||G===`account`||Y?1:0,X=J?c(`setup.h.done`):K?K.version===null?c(`setup.h.install`,{name:K.name}):K.auth===`none`?c(`setup.h.signIn`,{name:K.name}):c(`setup.h.test`):c(G===`apple`||G===`account`||Y?`setup.h.test`:`setup.h.keys`),Z=e?_.data?.site:null,Q=G!==null&&!L,$=z.isPending?z.variables??G:G;return(0,b.jsxs)(`div`,{className:`flex min-h-dvh flex-col px-6 text-(color:--on) sm:px-10`,style:t?me:he,children:[(0,b.jsxs)(`header`,{className:`flex items-center justify-between pt-6 sm:pt-8`,children:[(0,b.jsx)(ye,{}),(0,b.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,b.jsx)(oe,{tone:t?`ground`:`surface`}),(0,b.jsx)(se,{tone:t?`ground`:`surface`,ink:S})]})]}),(0,b.jsxs)(`main`,{className:`relative mx-auto flex w-full max-w-6xl flex-1 flex-col pt-6 pb-10 lg:pt-[6vh]`,children:[(0,b.jsx)(`div`,{"aria-hidden":`true`,className:o(`absolute top-6 left-1/2 z-10 origin-top -translate-x-1/2 transition-[opacity,scale,left] duration-500 motion-reduce:transition-none lg:top-[calc(6vh+5.25rem)] lg:origin-center lg:translate-x-0`,D,G?`lg:pointer-events-none lg:left-[calc(50%-560px)] lg:scale-75 lg:opacity-0`:`lg:left-[calc(50%-508px)] lg:scale-100 lg:opacity-100`,Q?`max-lg:pointer-events-none max-lg:scale-[0.4] max-lg:opacity-0`:`max-lg:scale-[0.6] max-lg:opacity-100`),children:(0,b.jsx)(`div`,{className:`animate-rise`,children:(0,b.jsx)(g,{kind:`drop`,size:ge,fluffy:!0,coat:`fur`})})}),(0,b.jsx)(`div`,{"aria-hidden":`true`,className:o(`shrink-0 transition-[height] duration-500 motion-reduce:transition-none lg:h-0`,D,Q?`max-lg:h-0`:`max-lg:h-[148px]`)}),(0,b.jsxs)(`div`,{className:`flex flex-col gap-10 lg:flex-row lg:items-start lg:gap-14`,children:[(0,b.jsxs)(`section`,{className:o(`flex w-full shrink-0 animate-rise flex-col lg:w-[32rem] lg:transition-[margin] lg:duration-700 motion-reduce:transition-none`,D,G?`lg:ml-0`:`lg:ml-[calc(50%-16rem)]`,Q?`max-lg:hidden`:``),children:[(0,b.jsxs)(`div`,{className:`flex flex-col lg:min-h-[6.5rem]`,children:[(0,b.jsx)(`p`,{className:o(O,`font-medium text-(color:--on)/70 text-[0.75rem] uppercase tracking-[0.16em]`,G?A:k),children:c(`setup.title`)}),(0,b.jsx)(`h1`,{className:o(O,`mt-2 font-display font-semibold text-[1.625rem] leading-[1.08] tracking-[-0.02em] sm:text-[1.75rem]`,G?A:k),children:c(`setup.source`)}),(0,b.jsx)(`p`,{className:o(O,`mt-2.5 text-(color:--on)/75 text-[0.9375rem] leading-relaxed`,G?A:k),children:c(`setup.sub`)})]}),C?(0,b.jsxs)(`div`,{className:`mt-5 flex items-center gap-3.5 rounded-2xl bg-(color:--panel) px-4 py-3.5 ring-(color:--panel-ring) ring-1`,children:[(0,b.jsx)(`span`,{className:`flex size-10 shrink-0 items-center justify-center rounded-full bg-(color:--pick) font-semibold text-(color:--pick-ink) text-[0.9375rem]`,children:n.data.account?.signedIn?(n.data.account.name||n.data.account.email).slice(0,1).toUpperCase():(0,b.jsx)(re,{className:`size-4.5`})}),(0,b.jsx)(`div`,{className:`min-w-0 flex-1`,children:n.data.account?.signedIn?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(`p`,{className:`font-medium text-[0.9375rem]`,children:c(`setup.accountLinked`,{name:n.data.account.name||n.data.account.email})}),(0,b.jsx)(`p`,{className:`text-(color:--on)/75 text-[0.8125rem]`,children:[n.data.account.team,n.data.account.credits===null?null:c(`setup.accountCredits`,{credits:n.data.account.credits.toLocaleString(a)})].filter(Boolean).join(` · `)})]}):(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(`p`,{className:`font-medium text-[0.9375rem]`,children:c(`setup.account`)}),(0,b.jsx)(`p`,{className:`text-(color:--on)/75 text-[0.8125rem] leading-snug`,children:c(`setup.accountText`)}),(0,b.jsx)(ie,{...E})]})}),n.data.account?.signedIn?null:(0,b.jsx)(r,{variant:`secondary`,size:`sm`,busy:E.link.isPending,onClick:()=>E.link.mutate({}),children:c(`account.signIn`)})]}):null,(0,b.jsxs)(`div`,{className:`mt-5 flex flex-col gap-2.5`,children:[n.data.account?.signedIn?(0,b.jsx)(F,{selected:$===`account`,title:c(`setup.creditsChoice`),description:c(`setup.creditsDesc`),note:n.data.account.credits===null?void 0:c(`setup.accountCredits`,{credits:n.data.account.credits.toLocaleString(a)}),onPick:()=>z.mutate(`account`)}):null,U.map((e,t)=>(0,b.jsx)(F,{selected:$===e.id,title:e.name,description:c(`harness.desc.${e.id}`),badge:t===0?c(`setup.recommended`):void 0,note:e.version===null?c(`harness.notInstalled`):e.auth===`subscription`?c(`harness.ready`):void 0,onPick:()=>z.mutate(e.id)},e.id)),W?.supported?(0,b.jsx)(F,{selected:$===`apple`,title:c(`models.optApple`),description:c(`setup.appleDesc`),note:ve(W),onPick:()=>z.mutate(`apple`)}):null,(0,b.jsx)(F,{selected:$===`own`,title:c(`local.sourceOwn`),description:c(`setup.ownDesc`),onPick:()=>z.mutate(`own`)})]}),(0,b.jsxs)(`div`,{className:`mt-3 flex flex-wrap items-center justify-center gap-x-2 gap-y-1 text-(color:--on)/60 text-[0.8125rem]`,children:[(0,b.jsx)(`span`,{children:Se.length?null:c(`setup.noHarness`)}),(0,b.jsxs)(r,{variant:`ghost`,size:`sm`,busy:B.isPending,onClick:()=>B.mutate(),children:[(0,b.jsx)(ee,{className:`size-3.5`}),` `,c(`local.recheck`)]})]})]}),G?(0,b.jsxs)(`section`,{className:o(`min-w-0 flex-1 animate-settle`,L?`max-lg:hidden`:``),children:[(0,b.jsxs)(`button`,{type:`button`,onClick:()=>{R(!0),j()},className:`-ml-1.5 mb-5 inline-flex items-center gap-1.5 rounded-full px-1.5 py-1 text-(color:--on)/80 text-[0.875rem] transition hover:text-(color:--on) lg:hidden`,children:[(0,b.jsx)(ne,{className:`size-4`}),` `,c(`run.back`)]}),(0,b.jsxs)(`div`,{className:`relative`,children:[(0,b.jsx)(`div`,{"aria-hidden":`true`,className:`absolute top-6 right-2 z-10`,children:(0,b.jsx)(g,{kind:_e[G],size:120,fluffy:!0,coat:`fur`})}),(0,b.jsxs)(`div`,{className:`min-h-[6.5rem]`,children:[(0,b.jsx)(be,{name:K?.name??c(G===`apple`?`models.optApple`:G===`account`?`setup.creditsChoice`:`local.sourceOwn`),at:Ce,done:J}),(0,b.jsx)(`h2`,{className:`mt-2 animate-rise pr-32 font-display font-semibold text-[clamp(28px,3vw,40px)] leading-[1.06] tracking-[-0.03em]`,children:X},X)]}),(0,b.jsx)(`div`,{className:`mt-5 rounded-2xl bg-(color:--panel) p-5 ring-(color:--panel-ring) ring-1 sm:p-6`,children:K?(0,b.jsx)(pe,{me:n.data,id:K.id,autoTest:!J}):G===`apple`?(0,b.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,b.jsx)(`p`,{className:`text-[0.875rem] text-ink-2 leading-relaxed`,children:q?c(`setup.appleHintKeeps`,{way:q}):c(`setup.appleHint`)}),(0,b.jsx)(v,{auto:!J&&W?.available===!0})]}):G===`account`?(0,b.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,b.jsx)(`p`,{className:`text-[0.875rem] text-ink-2 leading-relaxed`,children:c(`setup.creditsDesc`)}),(0,b.jsx)(v,{auto:!J})]}):(0,b.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,b.jsx)(fe,{models:V}),(0,b.jsx)(v,{})]})}),(0,b.jsxs)(`div`,{className:`mt-9`,children:[J?(0,b.jsxs)(`p`,{className:`mb-3 flex animate-rise items-center gap-2 font-medium text-[0.9375rem]`,style:{color:w},children:[(0,b.jsx)(u,{className:`size-4`,strokeWidth:3}),c(`setup.ready`)]}):null,(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center gap-4`,children:[(0,b.jsxs)(`button`,{type:`button`,disabled:!J,onClick:()=>f(`/`,{replace:!0}),className:o(`group inline-flex h-12 items-center gap-2.5 rounded-full px-6 font-semibold text-[1rem] transition-[background-color,color,box-shadow,filter] duration-300`,J?`shadow-[0_6px_24px_oklch(88%_0.17_150/0.35)] hover:brightness-105`:`cursor-not-allowed bg-(color:--on)/20 text-(color:--on)/65`),style:J?{background:w,color:`var(--ready-ink)`}:void 0,children:[c(`setup.done`),(0,b.jsx)(`span`,{"aria-hidden":`true`,className:`transition-transform group-enabled:group-hover:translate-x-0.5`,children:`→`})]}),J?null:(0,b.jsx)(`span`,{className:`text-(color:--on)/65 text-[0.8125rem]`,children:c(`setup.untilWorks`)})]})]})]})]},G):null]})]}),(0,b.jsxs)(`footer`,{className:`mx-auto flex w-full max-w-6xl items-center justify-between gap-4 pb-6 text-(color:--on)/55 text-[0.75rem] sm:pb-8`,children:[(0,b.jsxs)(`span`,{children:[`engenty ·`,` `,n.data.account?.signedIn?c(`setup.thisComputer`,{space:T?.name??``,team:n.data.account.team??n.data.account.name}):c(`setup.local`)]}),(0,b.jsxs)(`span`,{className:`flex items-center gap-5`,children:[Z?(0,b.jsx)(xe,{href:Z,children:new URL(Z).host}):null,(0,b.jsx)(`span`,{"aria-hidden":`true`,className:`size-[3px] bg-(color:--dot)`})]})]})]})}export{I as SetupPage};

package/apps/web/dist/assets/{SharePage-t4nlY7Y9.js → SharePage-k2OMGOWU.js}

@@ -1 +1 @@
-import{r as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,t as n}from"./jsx-runtime-BNakU3Ej.js";import{Dt as r,Gt as i,J as a,Ot as o,Rt as s,W as c,Yt as l,_r as u,ar as d,br as f,rt as p,st as m,xt as h}from"./ui-DWaP9zdL.js";import{mt as g,pt as _,vt as v}from"./index-CC09ypna.js";import{BrandHeader as y,useBrandAccent as b}from"./PublicRunner-C2BBulT4.js";var x=e(t(),1),S=e(n(),1);function C(){let{token:e}=u(),t=f({queryKey:[`share`,e],queryFn:()=>c.get(`/api/shares/${e}`),retry:(e,t)=>h(t)&&e<3});if(b(t.data?.brand.accent),v(t.data?.wizard.avatar),(0,x.useEffect)(()=>{t.data&&(document.title=`${t.data.title} · ${t.data.wizard.title}`)},[t.data]),t.isLoading)return(0,S.jsx)(`div`,{className:`flex min-h-dvh items-center justify-center text-ink-4`,children:(0,S.jsx)(s,{})});let n=t.data;if(!n)return(0,S.jsxs)(`div`,{className:`flex min-h-dvh flex-col items-center justify-center gap-4 px-6 text-center`,children:[(0,S.jsx)(g,{kind:`pebble`,size:80}),(0,S.jsx)(`p`,{className:`max-w-sm text-ink-3`,children:l(h(t.error)?`common.offline`:`sharePage.gone`)}),h(t.error)?(0,S.jsx)(r,{variant:`secondary`,onClick:()=>void t.refetch(),children:l(`common.retry`)}):null]});let C=`/api/shares/${n.token}`,w=e=>new Intl.DateTimeFormat(i,{dateStyle:`long`}).format(new Date(e));return(0,S.jsxs)(`div`,{className:`flex min-h-dvh flex-col`,children:[(0,S.jsx)(y,{brand:n.brand}),(0,S.jsxs)(`main`,{className:`mx-auto w-full max-w-3xl flex-1 animate-rise px-4 pt-6 pb-12 sm:px-6`,children:[(0,S.jsxs)(`div`,{className:`mb-8 flex flex-wrap items-center gap-4`,children:[(0,S.jsx)(g,{kind:n.wizard.avatar,size:64}),(0,S.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,S.jsx)(`p`,{className:`text-[0.8125rem] text-ink-4`,children:n.expiresAt?l(`sharePage.until`,{date:w(n.expiresAt)}):l(`sharePage.shared`,{date:w(n.createdAt)})}),(0,S.jsx)(`h1`,{className:`font-display font-semibold text-[1.75rem] leading-tight tracking-tight sm:text-[2rem]`,children:n.title}),n.message?(0,S.jsx)(`p`,{className:`mt-1 text-[0.9375rem] text-ink-3`,children:n.message}):null]})]}),(0,S.jsx)(`div`,{className:`flex flex-col gap-6`,children:n.shown.map(({step:e,output:t,formats:n,label:r})=>(0,S.jsxs)(o,{className:`p-4 sm:p-5`,children:[(0,S.jsxs)(`div`,{className:`mb-3 flex flex-wrap items-center justify-between gap-3`,children:[(0,S.jsx)(`h2`,{className:`font-display font-semibold text-[1.0625rem]`,children:r??e.title}),(0,S.jsx)(p,{base:C,stepId:e.id,formats:n,title:r??e.title})]}),(0,S.jsx)(m,{base:C,step:e,output:t})]},e.id))}),n.wizardUrl?(0,S.jsxs)(`a`,{href:n.wizardUrl,className:`mt-10 flex items-center gap-4 rounded-2xl bg-card p-5 shadow-soft ring-1 ring-border-soft transition hover:shadow-elevated`,children:[(0,S.jsx)(g,{kind:n.wizard.avatar,size:44,interactive:!1}),(0,S.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,S.jsx)(`div`,{className:`font-display font-semibold text-[1rem]`,children:n.wizard.title}),n.wizard.description?(0,S.jsx)(`div`,{className:`truncate text-[0.875rem] text-ink-3`,children:n.wizard.description}):null]}),(0,S.jsxs)(`span`,{className:`inline-flex items-center gap-1.5 font-medium text-[0.875rem] text-ember-strong`,children:[l(`sharePage.own`),` `,(0,S.jsx)(d,{className:`size-4`})]})]}):null]}),(0,S.jsx)(`footer`,{className:`safe-bottom pt-6 text-center text-[0.75rem] text-ink-4`,children:(0,S.jsx)(`a`,{href:`${a}/`,className:`inline-block py-3.5 hover:text-ink-2`,children:l(`run.madeWith`).replace(`engenty wizards`,_.name)})})]})}export{C as SharePage};
+import{r as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,t as n}from"./jsx-runtime-BNakU3Ej.js";import{Dt as r,Gt as i,J as a,Ot as o,Rt as s,W as c,Yt as l,_r as u,ar as d,br as f,rt as p,st as m,xt as h}from"./ui-CeZNNuaK.js";import{mt as g,pt as _,vt as v}from"./index-93fPRTxr.js";import{BrandHeader as y,useBrandAccent as b}from"./PublicRunner-Da0klKj-.js";var x=e(t(),1),S=e(n(),1);function C(){let{token:e}=u(),t=f({queryKey:[`share`,e],queryFn:()=>c.get(`/api/shares/${e}`),retry:(e,t)=>h(t)&&e<3});if(b(t.data?.brand.accent),v(t.data?.wizard.avatar),(0,x.useEffect)(()=>{t.data&&(document.title=`${t.data.title} · ${t.data.wizard.title}`)},[t.data]),t.isLoading)return(0,S.jsx)(`div`,{className:`flex min-h-dvh items-center justify-center text-ink-4`,children:(0,S.jsx)(s,{})});let n=t.data;if(!n)return(0,S.jsxs)(`div`,{className:`flex min-h-dvh flex-col items-center justify-center gap-4 px-6 text-center`,children:[(0,S.jsx)(g,{kind:`pebble`,size:80}),(0,S.jsx)(`p`,{className:`max-w-sm text-ink-3`,children:l(h(t.error)?`common.offline`:`sharePage.gone`)}),h(t.error)?(0,S.jsx)(r,{variant:`secondary`,onClick:()=>void t.refetch(),children:l(`common.retry`)}):null]});let C=`/api/shares/${n.token}`,w=e=>new Intl.DateTimeFormat(i,{dateStyle:`long`}).format(new Date(e));return(0,S.jsxs)(`div`,{className:`flex min-h-dvh flex-col`,children:[(0,S.jsx)(y,{brand:n.brand}),(0,S.jsxs)(`main`,{className:`mx-auto w-full max-w-3xl flex-1 animate-rise px-4 pt-6 pb-12 sm:px-6`,children:[(0,S.jsxs)(`div`,{className:`mb-8 flex flex-wrap items-center gap-4`,children:[(0,S.jsx)(g,{kind:n.wizard.avatar,size:64}),(0,S.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,S.jsx)(`p`,{className:`text-[0.8125rem] text-ink-4`,children:n.expiresAt?l(`sharePage.until`,{date:w(n.expiresAt)}):l(`sharePage.shared`,{date:w(n.createdAt)})}),(0,S.jsx)(`h1`,{className:`font-display font-semibold text-[1.75rem] leading-tight tracking-tight sm:text-[2rem]`,children:n.title}),n.message?(0,S.jsx)(`p`,{className:`mt-1 text-[0.9375rem] text-ink-3`,children:n.message}):null]})]}),(0,S.jsx)(`div`,{className:`flex flex-col gap-6`,children:n.shown.map(({step:e,output:t,formats:n,label:r})=>(0,S.jsxs)(o,{className:`p-4 sm:p-5`,children:[(0,S.jsxs)(`div`,{className:`mb-3 flex flex-wrap items-center justify-between gap-3`,children:[(0,S.jsx)(`h2`,{className:`font-display font-semibold text-[1.0625rem]`,children:r??e.title}),(0,S.jsx)(p,{base:C,stepId:e.id,formats:n,title:r??e.title})]}),(0,S.jsx)(m,{base:C,step:e,output:t})]},e.id))}),n.wizardUrl?(0,S.jsxs)(`a`,{href:n.wizardUrl,className:`mt-10 flex items-center gap-4 rounded-2xl bg-card p-5 shadow-soft ring-1 ring-border-soft transition hover:shadow-elevated`,children:[(0,S.jsx)(g,{kind:n.wizard.avatar,size:44,interactive:!1}),(0,S.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,S.jsx)(`div`,{className:`font-display font-semibold text-[1rem]`,children:n.wizard.title}),n.wizard.description?(0,S.jsx)(`div`,{className:`truncate text-[0.875rem] text-ink-3`,children:n.wizard.description}):null]}),(0,S.jsxs)(`span`,{className:`inline-flex items-center gap-1.5 font-medium text-[0.875rem] text-ember-strong`,children:[l(`sharePage.own`),` `,(0,S.jsx)(d,{className:`size-4`})]})]}):null]}),(0,S.jsx)(`footer`,{className:`safe-bottom pt-6 text-center text-[0.75rem] text-ink-4`,children:(0,S.jsx)(`a`,{href:`${a}/`,className:`inline-block py-3.5 hover:text-ink-2`,children:l(`run.madeWith`).replace(`engenty wizards`,_.name)})})]})}export{C as SharePage};