wizards 0.2.22 → 0.2.24

package/apps/web/dist/assets/{SettingsPage-BhM74zXG.js → SettingsPage-qDqiZ7th.js}

@@ -1 +1 @@
-import{a as e,n as t,t as n}from"./jsx-runtime-D3jfb0Ew.js";import{A as r,O as i,S as a,j as o,k as s,n as c,nt as l,w as u}from"./api-C-JIx8M5.js";import{t as d}from"./createLucideIcon-q3MZMmnf.js";import{t as f}from"./refresh-cw-BNtHis1x.js";import{t as p}from"./arrow-right-6FyN3e7D.js";import{n as m}from"./HomePage-Dd-y_p7u.js";import{t as h}from"./check-CUpby_J9.js";import{t as g}from"./chevron-down-DymW-2BP.js";import{t as _}from"./circle-alert-D2SCwFT-.js";import{n as v,t as y}from"./image-CC_2mJd6.js";import{n as ee,r as b}from"./upload-DNRENWzQ.js";import{n as x,t as S}from"./plus-Du-Jx8aI.js";import{t as C}from"./external-link-MAL7vJYj.js";import{n as te,t as w}from"./volume-2-DE67_rue.js";import{c as T,t as ne}from"./Account-DBtSpuEQ.js";import{n as E,t as re}from"./trash-0IafyhZB.js";import{t as ie}from"./pen-line-NK46C_nG.js";import{a as ae,d as oe,f as D,g as O,l as se,m as ce,n as k,o as A,r as j,s as M,t as N,x as P,y as le}from"./ui-Djd0WhVb.js";import{E as ue,K as F,L as de,M as fe,P as pe,W as me,d as he,g as ge,h as _e,i as ve,k as ye,m as be,p as xe,r as Se,w as Ce,x as we}from"./index-Bb5l3tTJ.js";import{o as Te}from"./definition-BznNdlhf.js";import{n as Ee}from"./LocalRuntime-BkRQm0GM.js";import{a as I,c as De,d as Oe,f as ke,i as Ae,l as je,m as Me,n as Ne,o as Pe,p as Fe,r as Ie,s as Le,t as Re,u as ze}from"./settings-menu-DK8T02Tt.js";import{t as Be}from"./Harness-Dkn6KCJV.js";var Ve={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`}]]};Ve.node;var He=d(Ve),Ue={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`}]]};Ue.node;var L=d(Ue),We={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`}]]};We.node;var Ge=d(We),Ke={name:`monitor`,size:24,node:[[`rect`,{width:`20`,height:`14`,x:`2`,y:`3`,rx:`2`,key:`48i651`}],[`line`,{x1:`8`,x2:`16`,y1:`21`,y2:`21`,key:`1svkeh`}],[`line`,{x1:`12`,x2:`12`,y1:`17`,y2:`21`,key:`vw1qmm`}]]};Ke.node;var qe=d(Ke),Je={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`}]]};Je.node;var Ye=d(Je),Xe={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`}]]};Xe.node;var Ze=d(Xe),R=e(t(),1),z=e(n(),1);function Qe(){let e=ge(),[t,n]=(0,R.useState)(null),[r,i]=(0,R.useState)(null),a=async e=>{n(e??`*`),i(null);try{await _e(e)}catch(e){i(e.message)}finally{n(null)}};return(0,z.jsxs)(T,{title:P(`plugins.title`),hint:e.canReload?P(`plugins.hint`):P(`plugins.hintManaged`),action:e.canReload?(0,z.jsx)(N,{variant:`secondary`,busy:t===`*`,onClick:()=>void a(),children:P(`plugins.rescan`)}):null,children:[(0,z.jsxs)(`ul`,{className:`divide-y divide-border-soft`,children:[e.plugins.map(n=>{let r=e.failed[n.id];return(0,z.jsxs)(`li`,{className:`flex items-start gap-4 py-4 first:pt-0 last:pb-0`,children:[(0,z.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,z.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-2.5 gap-y-1`,children:[(0,z.jsx)(`span`,{className:`font-medium text-[0.9375rem]`,children:n.name}),n.name===n.id?null:(0,z.jsxs)(`span`,{className:`font-mono text-[0.75rem] text-ink-4`,children:[n.id,` · `,n.version]})]}),n.description?(0,z.jsx)(`p`,{className:`mt-0.5 text-[0.875rem] text-ink-3`,children:n.description}):null,n.tools.length?(0,z.jsxs)(`div`,{className:`mt-2 flex flex-wrap items-center gap-1.5 text-[0.75rem] text-ink-3`,children:[P(`plugins.tools`),n.tools.map(e=>(0,z.jsx)(j,{children:e.id},e.id))]}):null,n.error?(0,z.jsx)(`p`,{className:`mt-2 text-[0.8125rem] text-rose`,children:P(`plugins.serverFailed`,{error:n.error})}):null,r?(0,z.jsx)(`p`,{className:`mt-2 text-[0.8125rem] text-rose`,children:P(`plugins.studioFailed`,{error:r})}):null]}),e.canReload?(0,z.jsx)(A,{label:P(`plugins.reload`),disabled:t!==null,onClick:()=>void a(n.id),children:(0,z.jsx)(Ye,{className:t===n.id?`size-4 animate-spin`:`size-4`})}):null]},n.id)}),e.problems.map(e=>(0,z.jsxs)(`li`,{className:`py-4 first:pt-0 last:pb-0`,children:[(0,z.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-2.5 gap-y-1`,children:[(0,z.jsx)(j,{tone:`warn`,children:P(`plugins.problems`)}),(0,z.jsx)(`span`,{className:`break-all font-mono text-[0.75rem] text-ink-3`,children:e.path})]}),(0,z.jsx)(`p`,{className:`mt-1.5 text-[0.8125rem] text-ink-3`,children:e.message})]},e.path))]}),r?(0,z.jsx)(`p`,{className:`mt-4 text-[0.8125rem] text-rose`,children:r}):null]})}function $e({connector:e}){let[t,n]=(0,R.useState)(!1);return(0,z.jsxs)(`div`,{className:`rounded-lg bg-paper ring-1 ring-border-soft`,children:[(0,z.jsxs)(`button`,{type:`button`,onClick:()=>n(e=>!e),className:`flex w-full items-center gap-3 px-3 py-2 text-left`,children:[(0,z.jsx)(`span`,{className:O(`size-2 shrink-0 rounded-full`,e.usable?`bg-moss`:`bg-ink-4`)}),(0,z.jsxs)(`span`,{className:`min-w-0 flex-1 truncate text-[0.8125rem]`,children:[e.name,` `,(0,z.jsx)(`span`,{className:`font-mono text-[0.6875rem] text-ink-4`,children:e.id})]}),(0,z.jsx)(`span`,{className:`shrink-0 text-[0.75rem] text-ink-3`,children:e.usable?P(`connectors.actions`,{n:e.actions.length,r:e.actions.filter(e=>e.group===`read`).length}):P(`connectors.notSetUp`)})]}),t?(0,z.jsxs)(`div`,{className:`border-border-soft border-t px-3 py-2 text-[0.75rem]`,children:[e.missingSetup?(0,z.jsxs)(`p`,{className:`mb-1 text-ink-3`,children:[P(`connectors.setup`),` `,(0,z.jsx)(`span`,{className:`font-mono text-ink-2`,children:e.missingSetup})]}):null,(0,z.jsx)(`p`,{className:`text-ink-4`,children:e.actions.map(e=>e.group===`read`?e.id:`${e.id} (${P(`connectors.group.${e.group}`)})`).join(` · `)})]}):null]})}var et={none:`connectors.authNone`,oauth2:`connectors.authOauth`,api_key:`connectors.authKey`};function tt({projectId:e,connector:t,readOnly:n}){let r=l(),[i,a]=(0,R.useState)(!1),o=()=>r.invalidateQueries({queryKey:[`connectors`,e]}),s=`/api/studio/projects/${e}/connectors/${t.id}`,u=F({mutationFn:()=>c.post(`${s}/refresh`),onSuccess:o}),d=F({mutationFn:()=>c.del(s),onSuccess:o}),p=t.actions.filter(e=>e.group===`read`).length;return(0,z.jsxs)(`div`,{className:`rounded-lg bg-paper ring-1 ring-border-soft`,children:[(0,z.jsxs)(`div`,{className:`flex items-center gap-3 p-3`,children:[(0,z.jsx)(`div`,{className:`flex size-9 shrink-0 items-center justify-center rounded-lg bg-paper-2 text-ink-2`,children:(0,z.jsx)(pe,{className:`size-4`})}),(0,z.jsxs)(`button`,{type:`button`,onClick:()=>a(e=>!e),className:`min-w-0 flex-1 text-left`,children:[(0,z.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,z.jsx)(`span`,{className:`truncate font-medium text-[0.875rem]`,children:t.name}),(0,z.jsx)(`span`,{className:`font-mono text-[0.6875rem] text-ink-4`,children:t.id})]}),(0,z.jsxs)(`div`,{className:`truncate text-[0.75rem] text-ink-3`,children:[t.domain,` · `,t.sourceKind===`mcp`?`MCP`:`OpenAPI`,` ·`,` `,P(et[t.auth]),` ·`,` `,t.toolsPending?P(`connectors.pending`):P(`connectors.actions`,{n:t.actions.length,r:p})]})]}),n?null:(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(A,{label:P(`connectors.refresh`),onClick:()=>u.mutate(),children:u.isPending?(0,z.jsx)(D,{className:`size-4`}):(0,z.jsx)(f,{className:`size-4`})}),(0,z.jsx)(A,{label:P(`connectors.remove`),className:`hover:text-rose`,onClick:()=>confirm(`${t.name}: ${P(`connectors.remove`)}?`)&&d.mutate(),children:(0,z.jsx)(re,{className:`size-4`})})]})]}),t.needsOAuthClient?(0,z.jsx)(`p`,{className:`border-border-soft border-t px-3 py-2 text-[0.75rem] text-rose`,children:P(`connectors.needsClient`)}):null,u.error??d.error?(0,z.jsx)(`p`,{className:`border-border-soft border-t px-3 py-2 text-[0.75rem] text-rose`,children:(u.error??d.error).message}):null,i&&t.actions.length?(0,z.jsx)(`ul`,{className:`max-h-64 overflow-y-auto border-border-soft border-t px-3 py-2`,children:t.actions.map(e=>(0,z.jsxs)(`li`,{className:`flex items-baseline gap-2 py-1 text-[0.75rem]`,children:[(0,z.jsx)(`span`,{className:O(`w-14 shrink-0 text-[0.6875rem] uppercase tracking-wide`,e.group===`read`?`text-moss`:e.group===`write`?`text-ink-3`:`text-rose`),children:P(`connectors.group.${e.group}`)}),(0,z.jsx)(`span`,{className:`shrink-0 font-mono text-ink-2`,children:e.id}),(0,z.jsx)(`span`,{className:`min-w-0 truncate text-ink-4`,children:e.summary})]},e.id))}):null]})}function nt({projectId:e,domain:t,source:n,taken:r,onDone:i}){let a=l(),[o,s]=(0,R.useState)({id:``,secret:``}),[u,d]=(0,R.useState)(!1),f=r.includes(n.suggestedId),p=F({mutationFn:()=>c.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,z.jsxs)(`div`,{className:`rounded-lg bg-card p-3 ring-1 ring-border-soft`,children:[(0,z.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,z.jsx)(j,{tone:n.sourceKind===`mcp`?`ember`:`neutral`,children:n.sourceKind===`mcp`?`MCP`:`OpenAPI`}),(0,z.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,z.jsx)(`div`,{className:`truncate text-[0.8125rem]`,children:n.name??n.suggestedId}),(0,z.jsx)(`div`,{className:`truncate font-mono text-[0.6875rem] text-ink-4`,children:n.sourceUrl})]}),n.blocked||f?null:(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`button`,{type:`button`,onClick:()=>d(e=>!e),className:`text-[0.75rem] text-ink-3 hover:text-ink`,children:P(`connectors.ownClient`)}),(0,z.jsx)(N,{size:`sm`,busy:p.isPending,onClick:()=>p.mutate(),children:P(`connectors.import`)})]})]}),n.blocked?(0,z.jsx)(`p`,{className:`mt-2 text-[0.75rem] text-ink-3`,children:n.blocked}):null,f?(0,z.jsx)(`p`,{className:`mt-2 text-[0.75rem] text-ink-3`,children:P(`connectors.exists`)}):null,u?(0,z.jsxs)(`div`,{className:`mt-3 grid gap-2 sm:grid-cols-2`,children:[(0,z.jsx)(M,{placeholder:`OAuth Client-ID`,value:o.id,onChange:e=>s(t=>({...t,id:e.target.value}))}),(0,z.jsx)(M,{type:`password`,autoComplete:`off`,placeholder:`OAuth Client-Secret`,value:o.secret,onChange:e=>s(t=>({...t,secret:e.target.value}))})]}):null,p.error?(0,z.jsx)(`p`,{className:`mt-2 text-[0.75rem] text-rose`,children:p.error.message}):null]})}function rt({projectId:e,readOnly:t}){let[n,r]=(0,R.useState)(``),[i,a]=(0,R.useState)(null),[s,l]=(0,R.useState)(null),[u,d]=(0,R.useState)([]),f=o({queryKey:[`connectors`,e],queryFn:()=>c.get(`/api/studio/projects/${e}/connectors`)}),p=F({mutationFn:()=>c.post(`/api/studio/connectors/search`,{query:n}),onSuccess:e=>{a(e),l(null),d([])}}),m=F({mutationFn:e=>c.get(`/api/studio/connectors/registry/${encodeURIComponent(e)}`),onSuccess:l}),h=f.data??[],_=h.filter(e=>e.sourceKind===`builtin`&&(xe.unsetConnectors||e.usable)),v=h.filter(e=>e.sourceKind!==`builtin`);return(0,z.jsxs)(k,{className:`p-4 sm:p-6`,children:[(0,z.jsx)(`h2`,{className:`font-display font-semibold text-lg`,children:P(`connectors.title`)}),(0,z.jsx)(`p`,{className:`mt-1 mb-5 text-[0.875rem] text-ink-3`,children:P(`connectors.hint`)}),_.length?(0,z.jsx)(`div`,{className:`mb-5 grid gap-1.5 sm:grid-cols-2`,children:_.map(e=>(0,z.jsx)($e,{connector:e},e.id))}):null,(0,z.jsx)(`h3`,{className:`mb-2 font-medium text-[0.75rem] text-ink-3 uppercase tracking-[0.07em]`,children:P(`connectors.imported`)}),v.length?(0,z.jsx)(`div`,{className:`mb-4 flex flex-col gap-2`,children:v.map(n=>(0,z.jsx)(tt,{projectId:e,connector:n,readOnly:t},n.id))}):null,t?v.length?null:(0,z.jsx)(`p`,{className:`text-[0.8125rem] text-ink-3`,children:P(`connectors.noneImported`)}):(0,z.jsxs)(`form`,{className:`flex gap-2`,onSubmit:e=>{e.preventDefault(),n.trim()&&p.mutate()},children:[(0,z.jsx)(M,{value:n,placeholder:P(`connectors.search`),onChange:e=>r(e.target.value)}),(0,z.jsxs)(N,{type:`submit`,variant:`secondary`,busy:p.isPending,children:[(0,z.jsx)(ee,{className:`size-4`}),` `,P(`connectors.find`)]})]}),p.error?(0,z.jsx)(`p`,{className:`mt-3 text-[0.8125rem] text-rose`,children:p.error.message}):null,i&&!s?(0,z.jsxs)(`div`,{className:`mt-3 flex flex-col gap-1`,children:[i.length?null:(0,z.jsx)(`p`,{className:`text-[0.8125rem] text-ink-3`,children:P(`connectors.none`)}),i.map(e=>(0,z.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,z.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,z.jsx)(`div`,{className:`truncate text-[0.875rem]`,children:e.domain}),(0,z.jsx)(`div`,{className:`truncate text-[0.75rem] text-ink-3`,children:e.description})]}),(0,z.jsx)(`span`,{className:`text-[0.6875rem] text-ink-4 uppercase`,children:e.kinds.join(` · `)}),(0,z.jsx)(g,{className:`-rotate-90 size-4 text-ink-4`})]},e.domain)),m.isPending?(0,z.jsx)(D,{className:`mx-auto mt-2 size-4 text-ink-4`}):null,m.error?(0,z.jsx)(`p`,{className:`text-[0.8125rem] text-rose`,children:m.error.message}):null]}):null,s?(0,z.jsxs)(`div`,{className:`mt-4 flex flex-col gap-2`,children:[(0,z.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,z.jsx)(`div`,{className:`font-medium text-[0.875rem]`,children:s.domain}),(0,z.jsx)(`button`,{type:`button`,onClick:()=>l(null),className:`text-[0.75rem] text-ink-3 hover:text-ink`,children:P(`run.back`)})]}),s.summary?(0,z.jsx)(`p`,{className:`text-[0.8125rem] text-ink-3`,children:s.summary}):null,s.sources.map(t=>(0,z.jsx)(nt,{projectId:e,domain:s.domain,source:t,taken:h.map(e=>e.id),onDone:d},`${t.sourceKind}:${t.sourceUrl}`)),s.credentials.filter(e=>e.setup||e.url).map(e=>(0,z.jsxs)(`p`,{className:`text-[0.75rem] text-ink-3`,children:[(0,z.jsxs)(`span`,{className:`text-ink-2`,children:[e.label,`:`]}),` `,e.setup,` `,e.url?(0,z.jsx)(`a`,{href:e.url,target:`_blank`,rel:`noreferrer`,className:`text-ember underline`,children:e.url}):null]},e.label)),u.map(e=>(0,z.jsx)(`p`,{className:`text-[0.75rem] text-ink-3`,children:e},e))]}):null]})}var B=`engenty-wizards`,it=`ENGENTY_WIZARDS_KEY`,at=[{id:`claude-desktop`,name:`Claude Desktop`,widgets:!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}];function V({text:e}){let[t,n]=(0,R.useState)(!1);return(0,z.jsxs)(`div`,{className:`flex items-start gap-2 rounded-lg bg-paper-2 p-3`,children:[(0,z.jsx)(`code`,{className:`min-w-0 flex-1 whitespace-pre-wrap break-all font-mono text-[0.75rem] leading-relaxed`,children:e}),(0,z.jsx)(A,{label:P(t?`settings.copied`:`settings.copy`),onClick:async()=>{await navigator.clipboard.writeText(e),n(!0),setTimeout(()=>n(!1),1500)},children:t?(0,z.jsx)(h,{className:`size-4`}):(0,z.jsx)(x,{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 H({children:e}){return(0,z.jsx)(`p`,{className:`text-[0.875rem] text-ink-3`,children:e})}function U({title:e,children:t}){return(0,z.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,z.jsx)(`h3`,{className:`font-medium text-[0.9375rem]`,children:e}),t]})}function st(e,t){return JSON.stringify({[e]:{[B]:t}},null,2)}function ct({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,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(H,{children:P(`mcp.terminal`)}),(0,z.jsx)(V,{text:`claude mcp add --transport http --scope user ${B} ${t}${r?` --header "${r}"`:``}`}),!n&&ot(t)?(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(H,{children:P(`mcp.ccPlugin`)}),(0,z.jsx)(V,{text:`claude plugin marketplace add ${e}/marketplace.json`}),(0,z.jsx)(V,{text:`claude plugin install ${B}@engenty`})]}):null]})}case`codex`:return n?(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(H,{children:P(`mcp.codexKey`)}),(0,z.jsx)(V,{text:`echo 'export ${it}=${n}' >> ~/.zshrc && source ~/.zshrc`}),(0,z.jsx)(V,{text:`codex mcp add ${B} --url ${t} --bearer-token-env-var ${it}`})]}):(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(H,{children:P(`mcp.terminal`)}),(0,z.jsx)(V,{text:`codex mcp add ${B} --url ${t}`}),(0,z.jsx)(V,{text:`codex mcp login ${B}`})]});case`gemini`:return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(H,{children:P(`mcp.terminal`)}),(0,z.jsx)(V,{text:`gemini mcp add --scope user --transport http ${B} ${t}${r?` -H "${r}"`:``}`})]});case`cursor`:return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(H,{children:P(`integrate.file`,{file:`~/.cursor/mcp.json`})}),(0,z.jsx)(V,{text:st(`mcpServers`,{url:t,...i})})]});case`vscode`:return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(H,{children:P(`integrate.vscode`)}),(0,z.jsx)(V,{text:st(`servers`,{type:`http`,url:t,...i})})]});case`windsurf`:return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(H,{children:P(`integrate.file`,{file:`~/.codeium/windsurf/mcp_config.json`})}),(0,z.jsx)(V,{text:st(`mcpServers`,{serverUrl:t,...i})})]});case`lm-studio`:return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(H,{children:P(`integrate.file`,{file:`~/.lmstudio/mcp.json`})}),(0,z.jsx)(V,{text:st(`mcpServers`,{url:t,...i})})]});case`claude-desktop`:case`claude-ai`:return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(H,{children:P(`mcp.claudeAi`)}),(0,z.jsx)(V,{text:t})]});case`chatgpt`:return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(H,{children:P(`integrate.chatgpt`)}),(0,z.jsx)(V,{text:t})]});default:return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(H,{children:P(`integrate.generic`)}),(0,z.jsx)(V,{text:t}),r?(0,z.jsx)(V,{text:r}):null]})}}function lt(){let e=l(),t=o({queryKey:[`api-keys`],queryFn:()=>c.get(`/api/studio/api-keys`)}),n=F({mutationFn:e=>c.del(`/api/studio/api-keys/${e}`),onSuccess:()=>e.invalidateQueries({queryKey:[`api-keys`]})});return t.data?.length?(0,z.jsxs)(`section`,{children:[(0,z.jsx)(`h2`,{className:`font-display font-semibold text-lg`,children:P(`mcp.keys`)}),(0,z.jsx)(`p`,{className:`mt-1 mb-4 text-[0.875rem] text-ink-3`,children:P(`mcp.keysHint`)}),(0,z.jsx)(k,{className:`flex flex-col gap-2 p-3`,children:t.data.map(e=>(0,z.jsxs)(`div`,{className:`flex items-center gap-3 rounded-lg px-3 py-2`,children:[(0,z.jsx)(L,{className:`size-4 shrink-0 text-ink-4`}),(0,z.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,z.jsx)(`div`,{className:`truncate text-[0.875rem]`,children:e.name}),(0,z.jsxs)(`div`,{className:`font-mono text-[0.6875rem] text-ink-4`,children:[e.start,`… ·`,` `,e.lastRequest?P(`settings.lastUsed`,{when:new Date(e.lastRequest).toLocaleString()}):P(`settings.neverUsed`)]})]}),(0,z.jsx)(A,{label:P(`settings.revoke`),onClick:()=>n.mutate(e.id),className:`hover:text-rose`,children:(0,z.jsx)(re,{className:`size-4`})})]},e.id))})]}):null}function ut({state:e,title:t,children:n}){return(0,z.jsxs)(`li`,{className:`grid grid-cols-[22px_minmax(0,1fr)] gap-x-3`,children:[(0,z.jsx)(`span`,{className:O(`mt-0.5 grid size-[22px] place-items-center rounded-full`,e===`done`&&`bg-moss text-white`,e===`now`&&`bg-amber-tint text-ink-2`,e===`later`&&`bg-paper-2 ring-1 ring-border-soft`),children:e===`done`?(0,z.jsx)(h,{className:`size-3.5`,strokeWidth:3}):e===`now`?(0,z.jsx)(D,{className:`size-3`}):null}),(0,z.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-2 pb-4`,children:[(0,z.jsx)(`span`,{className:O(`text-[0.875rem]`,e===`later`?`text-ink-3`:`font-medium`),children:t}),e===`now`?n:null]})]})}function dt({widgets:e}){return(0,z.jsxs)(`p`,{className:`mt-1 flex flex-wrap items-center gap-x-4 gap-y-1 text-[0.8125rem] text-ink-3`,children:[(0,z.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,title:P(`integrate.kindMcp`),children:[(0,z.jsx)(Ze,{className:`size-3.5 text-ember-strong`}),(0,z.jsx)(`span`,{className:`font-medium text-ink-2`,children:`MCP`}),` `,P(`integrate.kindMcpShort`)]}),(0,z.jsxs)(`span`,{className:O(`inline-flex items-center gap-1.5`,e?null:`opacity-60`),title:P(e?`integrate.kindApp`:`integrate.kindAppNo`),children:[(0,z.jsx)(me,{className:O(`size-3.5`,e?`text-ember-strong`:`text-ink-4`)}),(0,z.jsx)(`span`,{className:`font-medium text-ink-2`,children:`MCP App`}),` `,P(e?`integrate.kindAppShort`:`integrate.kindAppNoShort`)]})]})}function ft({at:e,done:t}){let n=[P(`setup.stage.connect`),P(`setup.stage.test`),P(`setup.stage.done`)];return(0,z.jsx)(`ol`,{className:`flex flex-wrap items-center gap-x-3 gap-y-1 font-medium text-[0.6875rem] uppercase tracking-[0.14em]`,children:n.map((n,r)=>{let i=t||r<e;return(0,z.jsxs)(`li`,{"aria-current":!i&&r===e?`step`:void 0,className:O(`flex items-center gap-1`,i?`text-moss`:r===e?`text-ember-strong`:`text-ink-4`),children:[i?(0,z.jsx)(h,{className:`size-3`,strokeWidth:3}):null,n]},n)})})}function pt({client:e,local:t,seen:n,managed:r,url:i}){let a=l(),o=ot(i),s=!r&&!!t&&!e.oauth,[u,d]=(0,R.useState)(s&&t?.installed!==!1?`here`:`address`),[f,p]=(0,R.useState)(null),[m,g]=(0,R.useState)(),_=F({mutationFn:t=>c.post(`/api/studio/local/apps/${e.id}`,{connect:t}),onSuccess:e=>p(e),onError:e=>p({ok:!1,message:e.message}),onSettled:()=>a.invalidateQueries({queryKey:[`local-apps`]})}),v=F({mutationFn:()=>c.post(`/api/studio/api-keys`,{name:e.name.slice(0,32)}),onSuccess:async e=>{g(e.key),await a.invalidateQueries({queryKey:[`api-keys`]})}}),y=e.oauth===!0||e.id===`claude-desktop`,ee=u===`address`&&y&&!(r&&o),b=u===`here`?!!t?.connected:r||!!m,x=!!n?.toolAt,C=x?2:b||n?1:0,w=e=>(0,z.jsx)(V,{text:e});return(0,z.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,z.jsxs)(`div`,{className:`flex flex-wrap items-start gap-x-4 gap-y-2`,children:[(0,z.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,z.jsx)(`h2`,{className:`font-display font-semibold text-[1.375rem] leading-tight tracking-tight`,children:e.name}),(0,z.jsx)(dt,{widgets:e.widgets})]}),(0,z.jsx)(ft,{at:C,done:x})]}),(0,z.jsxs)(k,{className:`flex flex-col gap-6 p-3.5 sm:p-5 sm:p-6`,children:[s||!e.oauth?(0,z.jsx)(`fieldset`,{"aria-label":P(`integrate.where`),className:`min-w-0`,children:(0,z.jsx)(`div`,{className:`grid gap-2 sm:grid-cols-2`,children:[`here`,`address`].map(e=>{let t=e===`here`&&!s;return(0,z.jsxs)(`button`,{type:`button`,disabled:t,onClick:()=>d(e),"aria-pressed":u===e,className:O(`flex items-start gap-3 rounded-xl px-3.5 py-2.5 text-left ring-1 transition`,u===e?`bg-ember-tint/50 ring-ember-strong/40`:`ring-border-soft hover:bg-accent`,t&&`cursor-not-allowed opacity-50 hover:bg-transparent`),children:[e===`here`?(0,z.jsx)(qe,{className:`mt-0.5 size-4 shrink-0 text-ink-3`}):(0,z.jsx)(te,{className:`mt-0.5 size-4 shrink-0 text-ink-3`}),(0,z.jsxs)(`span`,{className:`min-w-0`,children:[(0,z.jsx)(`span`,{className:`block font-medium text-[0.875rem]`,children:P(e===`here`?`integrate.here`:`integrate.address`)}),(0,z.jsx)(`span`,{className:`block text-[0.75rem] text-ink-3`,children:P(e===`here`?r?`integrate.hereManaged`:`integrate.hereHint`:`integrate.addressHint`)})]})]},e)})})}):null,ee?(0,z.jsx)(U,{title:P(`mcp.notHere`),children:(0,z.jsx)(H,{children:P(r?`mcp.needsPublic`:`integrate.oauthLocal`)})}):u===`here`?(0,z.jsxs)(U,{title:P(`integrate.connectTitle`),children:[t?.installed===!1&&!t.connected?(0,z.jsx)(H,{children:P(`integrate.notInstalled`,{app:e.name})}):null,t?.connected?(0,z.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[(0,z.jsxs)(`span`,{className:`flex items-center gap-2 text-[0.875rem] text-ink-2`,children:[(0,z.jsx)(h,{className:`size-4 text-moss`}),P(`integrate.connected`,{app:e.name})]}),(0,z.jsx)(N,{size:`sm`,variant:`ghost`,busy:_.isPending&&_.variables===!1,onClick:()=>_.mutate(!1),children:P(`mcp.appsDisconnect`)})]}):(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(H,{children:P(`integrate.connectHint`,{app:e.name})}),(0,z.jsx)(`div`,{children:(0,z.jsxs)(N,{busy:_.isPending,onClick:()=>_.mutate(!0),children:[(0,z.jsx)(S,{className:`size-4`}),` `,P(`integrate.connect`,{app:e.name})]})})]}),f&&!f.ok?(0,z.jsx)(`p`,{className:`text-[0.8125rem] text-rose`,children:f.message}):null,f?.snippet?(0,z.jsx)(V,{text:f.snippet}):null,t?.where?(0,z.jsx)(`p`,{className:`font-mono text-[0.6875rem] text-ink-4`,children:t.where}):null]}):(0,z.jsxs)(z.Fragment,{children:[r||y?null:(0,z.jsx)(U,{title:P(`mcp.keyTitle`),children:m?(0,z.jsxs)(`p`,{className:`flex items-center gap-2 text-[0.875rem] text-ink-2`,children:[(0,z.jsx)(h,{className:`size-4 text-moss`}),` `,P(`mcp.keyReady`)]}):(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(H,{children:P(`mcp.keyHint`)}),(0,z.jsx)(`div`,{children:(0,z.jsxs)(N,{variant:`secondary`,busy:v.isPending,onClick:()=>v.mutate(),children:[(0,z.jsx)(S,{className:`size-4`}),` `,P(`mcp.keyCreate`,{client:e.name})]})})]})}),(0,z.jsxs)(U,{title:P(`mcp.add`),children:[r||m||y?(0,z.jsx)(ct,{id:e.id,url:i,apiKey:m}):(0,z.jsx)(H,{children:P(`mcp.keyFirst`)}),r?(0,z.jsx)(H,{children:P(`mcp.oauth`)}):null,(0,z.jsx)(`p`,{className:`text-[0.75rem] text-ink-4`,children:P(o?`mcp.addressPublic`:`mcp.addressLocal`)})]})]}),ee?null:(0,z.jsxs)(U,{title:P(`integrate.test`),children:[(0,z.jsxs)(`ol`,{className:`flex flex-col`,children:[(0,z.jsx)(ut,{state:n?`done`:b?`now`:`later`,title:P(`integrate.seen`,{app:e.name}),children:(0,z.jsx)(H,{children:P(u===`here`?`integrate.restart`:`integrate.reload`,{app:e.name})})}),(0,z.jsxs)(ut,{state:n?.toolAt?`done`:n?`now`:`later`,title:P(`integrate.tool`),children:[(0,z.jsx)(H,{children:P(`integrate.askHint`,{app:e.name})}),w(P(`integrate.askTool`))]}),e.widgets?(0,z.jsxs)(ut,{state:n?.widgetAt?`done`:n?.toolAt?`now`:`later`,title:P(`integrate.widget`),children:[(0,z.jsx)(H,{children:P(`integrate.widgetHint`)}),w(P(`integrate.askWidget`))]}):null]}),x?(0,z.jsxs)(`p`,{className:`flex items-center gap-2 font-medium text-[0.875rem] text-moss`,children:[(0,z.jsx)(h,{className:`size-4`,strokeWidth:3}),P(`integrate.works`,{app:e.name})]}):null]})]})]})}function mt(){let e=ye(),t=e.data?.mode===`managed`,n=o({queryKey:[`local-apps`],queryFn:()=>c.get(`/api/studio/local/apps`),enabled:e.data?.mode===`local`}),i=o({queryKey:[`integrations-seen`],queryFn:()=>c.get(`/api/studio/integrations/seen`),refetchInterval:2500}),[a,s]=r(),{narrow:l}=Oe(),u=a.get(`show`),d=e=>n.data?.find(t=>t.id===e),f=e=>i.data?.[e],p=e=>{let t=d(e);return t?.installed||t?.connected?0:1},m=[...at].sort((e,t)=>p(e.id)-p(t.id)),h=m.find(e=>e.id===u)??m[0];if(je(u||!l?h.name:null),!e.data||!t&&!n.data)return null;let g=e.data.mcpUrl??``,_=e=>{let t=d(e);return f(e)?.toolAt?{tone:`done`,toneLabel:P(`integrate.stateWorks`)}:t?.connected?{tone:`on`,toneLabel:P(`integrate.stateConnected`)}:t?.installed?{tone:`off`,toneLabel:P(`integrate.stateInstalled`)}:{}},v=e=>!(!u&&l)&&e===h.id;return(0,z.jsxs)(`div`,{className:`flex flex-col gap-10`,children:[(0,z.jsxs)(Le,{children:[(0,z.jsx)(Ae,{label:P(`integrate.groupApps`),children:m.map(e=>(0,z.jsx)(I,{icon:e.widgets?me:Ze,label:e.name,..._(e.id),selected:v(e.id),onPick:()=>s({show:e.id},{replace:!l})},e.id))}),(0,z.jsxs)(Ae,{label:P(`integrate.groupShare`),children:[(0,z.jsx)(I,{icon:E,label:P(`integrate.shareLink`),badge:(0,z.jsx)(`span`,{className:`text-[0.6875rem] text-ink-4`,children:P(`integrate.soon`)}),selected:!1,disabled:!0}),(0,z.jsx)(I,{icon:te,label:P(`integrate.shareSite`),badge:(0,z.jsx)(`span`,{className:`text-[0.6875rem] text-ink-4`,children:P(`integrate.soon`)}),selected:!1,disabled:!0})]})]}),(0,z.jsx)(pt,{client:h,local:d(h.id),seen:f(h.id),managed:t,url:g},h.id),t?null:(0,z.jsx)(lt,{}),(0,z.jsxs)(`p`,{className:`flex items-start gap-2 text-[0.8125rem] text-ink-3`,children:[(0,z.jsx)(E,{className:`mt-0.5 size-3.5 shrink-0`}),P(`mcp.notReverse`)]})]})}var ht=[`text`,`image`,`video`,`speech`,`listening`],gt={text:[`classifier`,`standard`,`high`,`highest`],image:[`image`],video:[`video`],speech:[`speech`],listening:[`audio`]},_t=`credits`,vt=`${_t}:`;function yt(e){return e===`credits`||!!e?.startsWith(vt)}function bt(e){return e?.startsWith(vt)&&e.slice(vt.length)||null}function xt(e){return e?`${vt}${e}`:_t}function St(e){return e===`transcription`?`listening`:e}var Ct=[`openai`,`anthropic`,`google`,`fal`,`elevenlabs`,`replicate`,`gateway`],W=(e,t)=>({de:e,en:t}),G=[{id:`openai`,name:`OpenAI`,about:W(`GPT-Modelle, GPT Image und Stimmen.`,`GPT models, GPT Image and voices.`),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:W(`schnell`,`fast`)},{ref:`openai:gpt-5.5`,label:`GPT-5.5`,note:W(`gründlich`,`thorough`)}],image:[{ref:`openai:gpt-image-2`,label:`GPT Image 2`,note:W(`vielseitig`,`versatile`)},{ref:`openai:gpt-image-1-mini`,label:`GPT Image 1 mini`,note:W(`günstig`,`low cost`)}],speech:[{ref:`openai:gpt-4o-mini-tts`,label:`GPT-4o mini TTS`,note:W(`günstig`,`low cost`)}],listening:[{ref:`openai:gpt-4o-mini-transcribe`,label:`GPT-4o mini Transcribe`,note:W(`schnell, günstig`,`fast, low cost`)},{ref:`openai:whisper-1`,label:`Whisper`}]}},{id:`anthropic`,name:`Anthropic`,about:W(`Die Claude-Modelle.`,`The Claude models.`),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:W(`schnell`,`fast`)},{ref:`anthropic:claude-sonnet-5-5`,label:`Claude Sonnet 5.5`},{ref:`anthropic:claude-opus-5-5`,label:`Claude Opus 5.5`,note:W(`am stärksten`,`strongest`)}]}},{id:`google`,name:`Google Gemini`,about:W(`Gemini, Veo für Videos und Stimmen – ein Key aus dem AI Studio.`,`Gemini, Veo for video and voices – one key from AI Studio.`),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:W(`günstig`,`low cost`)},{ref:`google:gemini-flash-latest`,label:`Gemini Flash`},{ref:`google:gemini-pro-latest`,label:`Gemini Pro`,note:W(`gründlich`,`thorough`)}],image:[{ref:`google:gemini-3.1-flash-image-preview`,label:`Gemini 3.1 Flash Image`,note:W(`schnell, bearbeitet Fotos`,`fast, edits photos`)},{ref:`google:gemini-3-pro-image-preview`,label:`Gemini 3 Pro Image`,note:W(`beste Qualität`,`best quality`)}],video:[{ref:`google:veo-3.1-fast-generate-preview`,label:`Veo 3.1 Fast`,note:W(`mit Ton`,`with sound`)},{ref:`google:veo-3.1-generate-preview`,label:`Veo 3.1`,note:W(`beste Qualität`,`best quality`)}],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:W(`Hunderte Bild-, Video- und Audio-Modelle mit einem Key: FLUX, Recraft, Veo, Luma, MiniMax.`,`Hundreds of image, video and audio models with one key: FLUX, Recraft, Veo, Luma, MiniMax.`),keyUrl:`https://fal.ai/dashboard/keys`,keyPlaceholder:`xxxxxxxx-…:…`,models:{image:[{ref:`fal:fal-ai/flux/schnell`,label:`FLUX.1 schnell`,note:W(`schnell, günstig`,`fast, low cost`)},{ref:`fal:fal-ai/flux-pro/v1.1`,label:`FLUX 1.1 pro`,note:W(`hohe Qualität`,`high quality`)},{ref:`fal:fal-ai/recraft/v3/text-to-image`,label:`Recraft V3`,note:W(`Grafiken, Logos, Text im Bild`,`graphics, logos, text in images`)},{ref:`fal:fal-ai/imagen4/preview`,label:`Imagen 4`,note:W(`fotorealistisch`,`photorealistic`)}],video:[{ref:`fal:veo3/fast`,label:`Veo 3 Fast`,note:W(`mit Ton`,`with sound`)},{ref:`fal:luma-ray-2-flash`,label:`Luma Ray 2 Flash`,note:W(`schnell`,`fast`)},{ref:`fal:minimax-video`,label:`MiniMax Hailuo`}],speech:[{ref:`fal:fal-ai/minimax/speech-02-turbo`,label:`MiniMax Speech-02 Turbo`,note:W(`schnell`,`fast`)},{ref:`fal:fal-ai/minimax/speech-02-hd`,label:`MiniMax Speech-02 HD`}],listening:[{ref:`fal:wizper`,label:`Wizper`,note:W(`schnell`,`fast`)},{ref:`fal:whisper`,label:`Whisper`}]}},{id:`elevenlabs`,name:`ElevenLabs`,about:W(`Natürliche Stimmen in vielen Sprachen und genaue Transkripte.`,`Natural voices in many languages and accurate transcripts.`),keyUrl:`https://elevenlabs.io/app/settings/api-keys`,keyPlaceholder:`sk_…`,models:{speech:[{ref:`elevenlabs:eleven_multilingual_v2`,label:`Multilingual v2`,note:W(`natürlich, viele Sprachen`,`natural, many languages`)},{ref:`elevenlabs:eleven_flash_v2_5`,label:`Flash v2.5`,note:W(`schnell, günstig`,`fast, low cost`)},{ref:`elevenlabs:eleven_v3`,label:`Eleven v3`,note:W(`ausdrucksstark`,`expressive`)}],listening:[{ref:`elevenlabs:scribe_v2`,label:`Scribe v2`,note:W(`sehr genau`,`very accurate`)}]}},{id:`replicate`,name:`Replicate`,about:W(`Offene Bild- und Video-Modelle, abgerechnet pro Lauf.`,`Open image and video models, billed per run.`),keyUrl:`https://replicate.com/account/api-tokens`,keyPlaceholder:`r8_…`,models:{image:[{ref:`replicate:black-forest-labs/flux-schnell`,label:`FLUX.1 schnell`,note:W(`schnell, günstig`,`fast, low cost`)},{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:W(`Ein Key für die Modelle vieler Anbieter, abgerechnet bei Vercel.`,`One key for many providers' models, billed by Vercel.`),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:W(`schnell`,`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:W(`mit Ton`,`with sound`)}],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 K(e){return G.find(t=>t.id===e)??null}function wt(e){if(yt(e))return null;let t=/^([a-z]+):/.exec(e)?.[1];return t?Ct.includes(t)?t:null:e?.includes(`/`)?`gateway`:null}function q(e){for(let t of G)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 Tt(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,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:Se(e),harnesses:n?[]:e.harnesses,canEdit:!n||e.tenant.role!==`member`,ownKeys:!n||e.features.ownKeys!==!1}}var J={text:ie,image:y,video:v,speech:w,listening:He},Y={text:`standard`,image:`image`,video:`video`,speech:`speech`,listening:`audio`},X=e=>e===`text`,Et=(e,t)=>e?.[t]??``;function Dt(e,t){return JSON.stringify(e)===JSON.stringify(t)}function Ot(e,t,n){let r=Y[t];if(X(t)&&!n.cloud){if(e.source===`account`)return{kind:`credits`};if(e.source!==`own`)return{kind:`client`,id:e.source}}let i=e.bindings[r];if(yt(i))return{kind:`credits`};if(i?.startsWith(`ollama:`))return{kind:`local`};let a=i?wt(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 K(o.by??``)?{kind:`key`,provider:o.by}:null;case`local`:return{kind:`local`};case`credits`:return{kind:`credits`};default:return null}}function kt(e,t,n){if(X(t)&&e.text)return e.text;let r=Y[t],i=n.bindings[r],a=i&&wt(i)===e.id?i:e.models[t]?.[0]?.ref;return a?{[r]:a}:{}}function At(e){return e.version===null?{note:P(`models.noteMissing`),noteTone:`warn`}:e.auth===`none`?{note:P(`models.noteSignedOut`),noteTone:`warn`}:e.auth===`api_key`?{note:P(`models.noteShellKey`)}:{note:P(`models.noteIncluded`),noteTone:`done`}}function jt(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:K(e.by??``)?.name??e.by??``,tone:`done`};case`local`:return{text:P(`models.way.local`),tone:`done`};case`credits`:return{text:t.cloud?P(`models.way.creditsTeam`):P(`models.way.credits`),tone:`ok`};default:return{text:P(`models.way.none`),tone:`warn`}}}function Mt(){return o({queryKey:[`models`],queryFn:()=>c.get(`/api/studio/models`)})}function Z(){let e=l();return F({mutationFn:e=>c.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,z.jsxs)(`section`,{className:`flex flex-col gap-3 border-border-soft border-t pt-5 first:border-t-0 first:pt-0`,children:[(0,z.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,z.jsx)(`h3`,{className:`font-medium text-[0.875rem]`,children:e}),t]}),n]})}function $({children:e}){return(0,z.jsx)(`p`,{className:`text-[0.8125rem] text-ink-3`,children:e})}function Nt({text:e,tone:t}){return(0,z.jsxs)(`span`,{className:O(`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,z.jsx)(h,{className:`size-3.5`,strokeWidth:3}):null,t===`ok`?(0,z.jsx)(b,{className:`size-3.5`}):null,t===`warn`?(0,z.jsx)(_,{className:`size-3.5`}):null,e]})}function Pt({icon:e,title:t,lead:n,status:r}){return(0,z.jsxs)(`div`,{className:`flex items-start gap-3 sm:gap-4`,children:[(0,z.jsx)(`span`,{className:`grid size-10 shrink-0 place-items-center rounded-xl bg-ember-tint text-ember-strong`,children:(0,z.jsx)(e,{className:`size-5`})}),(0,z.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,z.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-3 gap-y-1`,children:[(0,z.jsx)(`h2`,{className:`font-display font-semibold text-[1.375rem] leading-tight tracking-tight`,children:t}),r]}),(0,z.jsx)(`p`,{className:`mt-0.5 text-[0.875rem] text-ink-3`,children:n})]})]})}function Ft({label:e,children:t}){return(0,z.jsxs)(`div`,{className:`grid items-start gap-x-4 gap-y-1.5 sm:grid-cols-[7.5rem_minmax(0,1fr)]`,children:[(0,z.jsx)(`span`,{className:`pt-2 text-[0.75rem] text-ink-3`,children:e}),(0,z.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:t})]})}function It({selected:e,title:t,note:n,noteTone:r,disabled:i,onPick:a}){return(0,z.jsxs)(`button`,{type:`button`,onClick:a,disabled:i,"aria-pressed":e,title:n,className:O(`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,z.jsx)(h,{className:`size-3.5 text-moss`,strokeWidth:3}):null,t,(0,z.jsxs)(`span`,{className:`sr-only`,children:[`: `,n]})]})}function Lt({provider:e,stored:t,place:n}){let r=Z(),[i,a]=(0,R.useState)(``),[o,s]=(0,R.useState)(!1),[l,u]=(0,R.useState)(null),d=F({mutationFn:t=>c.post(`/api/studio/models/keys/${e.id}/check`,t?{key:t}:{})}),f=async()=>{u(null);let t=await d.mutateAsync(i.trim());if(!t.ok){u({ok:!1,message:t.message??P(`models.keyBad`)});return}await r.mutateAsync({keys:{[e.id]:i.trim()}}),a(``),s(!1),u({ok:!0,message:P(`models.keyOk`)})},p=!t||o;return n.ownKeys?(0,z.jsxs)(`div`,{className:`flex flex-col gap-2.5`,children:[p?(0,z.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,z.jsx)(M,{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()&&f()}}),(0,z.jsx)(N,{busy:d.isPending||r.isPending,disabled:!i.trim()||!n.canEdit,onClick:()=>void f(),children:P(`models.keySave`)}),o?(0,z.jsx)(N,{variant:`ghost`,onClick:()=>s(!1),children:P(`common.cancel`)}):null]}):(0,z.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-3 gap-y-2`,children:[(0,z.jsxs)(`span`,{className:`flex items-center gap-2 text-[0.875rem] text-ink-2`,children:[(0,z.jsx)(L,{className:`size-4 text-moss`}),` `,P(`models.keyStored`)]}),(0,z.jsx)(N,{size:`sm`,variant:`ghost`,busy:d.isPending,onClick:async()=>{let e=await d.mutateAsync(void 0);u(e.ok?{ok:!0,message:P(`models.keyOk`)}:{ok:!1,message:e.message??P(`models.keyBad`)})},children:P(`models.keyCheck`)}),n.canEdit?(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(N,{size:`sm`,variant:`ghost`,onClick:()=>s(!0),children:P(`models.keyReplace`)}),(0,z.jsx)(N,{size:`sm`,variant:`danger`,busy:r.isPending,onClick:()=>{u(null),r.mutate({keys:{[e.id]:``}})},children:P(`models.keyRemove`)})]}):null]}),l?(0,z.jsxs)(`p`,{className:O(`flex items-center gap-1.5 text-[0.8125rem]`,l.ok?`text-moss`:`text-rose`),children:[l.ok?(0,z.jsx)(h,{className:`size-3.5`,strokeWidth:3}):null,l.message]}):null,(0,z.jsxs)(`p`,{className:`flex flex-wrap items-center gap-x-3 gap-y-1 text-[0.75rem] text-ink-4`,children:[(0,z.jsxs)(`button`,{type:`button`,onClick:()=>Ee(e.keyUrl),className:`inline-flex items-center gap-1 font-medium text-ember-strong hover:underline`,children:[P(`models.keyGet`,{name:e.name}),` `,(0,z.jsx)(C,{className:`size-3`})]}),(0,z.jsx)(`span`,{children:n.cloud?P(`models.keyWhereCloud`):P(`models.keyWhereLocal`)})]})]}):(0,z.jsx)(`p`,{className:`text-[0.8125rem] text-ink-3`,children:P(`models.ownKeysPlan`)})}var Rt=`__custom__`;function zt({provider:e,cap:t,value:n,onPick:r,disabled:i}){let a=le,o=e.models[t]??[],s=o.some(e=>e.ref===n),[c,l]=(0,R.useState)(!s&&!!n),[u,d]=(0,R.useState)(s?``:n.replace(/^[a-z]+:/,``)),f=e.id===`gateway`?``:`${e.id}:`;return(0,z.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,z.jsx)(oe,{value:c?Rt:n,onChange:e=>{if(e===Rt){l(!0);return}l(!1),r(e)},options:[...o.map(e=>({value:e.ref,label:e.note?`${e.label} – ${Et(e.note,a)}`:e.label})),{value:Rt,label:P(`models.modelCustom`)}]}),c?(0,z.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,z.jsx)(M,{className:`min-w-0 flex-1 font-mono text-[0.8125rem]`,value:u,disabled:i,placeholder:o[0]?.ref.replace(/^[a-z]+:/,``)??``,onChange:e=>d(e.target.value)}),(0,z.jsx)(N,{variant:`secondary`,disabled:!u.trim()||i,onClick:()=>r(`${f}${u.trim()}`),children:P(`settings.save`)})]}):null]})}function Bt({provider:e,state:t}){let n=n=>q(t.bindings[n]??e.text?.[n]??``);return(0,z.jsxs)(`dl`,{className:`grid grid-cols-[auto_minmax(0,1fr)] gap-x-4 gap-y-1 text-[0.875rem]`,children:[(0,z.jsx)(`dt`,{className:`text-ink-3`,children:P(`models.textSimple`)}),(0,z.jsx)(`dd`,{className:`truncate font-medium`,children:n(`standard`)}),(0,z.jsx)(`dt`,{className:`text-ink-3`,children:P(`models.textDemanding`)}),(0,z.jsx)(`dd`,{className:`truncate font-medium`,children:n(`high`)})]})}function Vt({provider:e,state:t,onPick:n,disabled:r}){return(0,z.jsxs)(`details`,{className:`group rounded-lg ring-1 ring-border-soft`,children:[(0,z.jsx)(`summary`,{className:`cursor-pointer list-none px-3 py-2.5 text-[0.8125rem] text-ink-2 hover:text-ink`,children:(0,z.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[(0,z.jsx)(p,{className:`size-3.5 transition group-open:rotate-90`}),P(`models.perClass`)]})}),(0,z.jsx)(`div`,{className:`flex flex-col gap-3 px-3 pt-1 pb-3`,children:Te.map(i=>(0,z.jsxs)(`div`,{className:`grid items-center gap-2 sm:grid-cols-[9rem_minmax(0,1fr)]`,children:[(0,z.jsxs)(`div`,{children:[(0,z.jsx)(`div`,{className:`text-[0.8125rem] text-ink-2`,children:P(`class.${i}`)}),(0,z.jsx)(`div`,{className:`text-[0.6875rem] text-ink-4 leading-snug`,children:P(`class.${i}.hint`)})]}),(0,z.jsx)(zt,{provider:e,cap:`text`,value:t.bindings[i]??e.text?.[i]??``,disabled:r,onPick:e=>n(i,e)})]},i))})]})}function Ht({cap:e,disabled:t}){let n=Y[e],r=F({mutationFn:()=>c.post(`/api/studio/models/test`,{cls:n,lang:le})}),i=r.data;return(0,z.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,z.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[(0,z.jsx)(N,{variant:`secondary`,busy:r.isPending,disabled:t,onClick:()=>r.mutate(),children:P(`models.try.${e}`)}),(0,z.jsx)(`span`,{className:`text-[0.75rem] text-ink-4`,children:e===`video`?P(`models.tryCostVideo`):X(e)?null:P(`models.tryCost`)})]}),r.isPending&&e!==`text`?(0,z.jsxs)(`p`,{className:`flex items-center gap-2 text-[0.8125rem] text-ink-3`,children:[(0,z.jsx)(D,{className:`size-3.5`}),` `,P(e===`video`?`models.tryWaitVideo`:`models.tryWait`)]}):null,i?.ok?(0,z.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[i.media&&e===`image`?(0,z.jsx)(`img`,{src:i.media,alt:``,className:`size-48 rounded-lg object-cover ring-1 ring-border-soft`}):null,i.media&&e===`speech`?(0,z.jsx)(`audio`,{src:i.media,controls:!0,autoPlay:!0,className:`w-full max-w-sm`}):null,i.media&&e===`video`?(0,z.jsx)(`video`,{src:i.media,controls:!0,autoPlay:!0,muted:!0,className:`w-full max-w-md rounded-lg`}):null,(0,z.jsxs)(`p`,{className:`flex items-start gap-2 text-[0.8125rem] text-ink-2`,children:[(0,z.jsx)(h,{className:`mt-0.5 size-3.5 shrink-0 text-moss`,strokeWidth:3}),(0,z.jsx)(`span`,{children:e===`listening`?i.reply?P(`models.tryHeard`,{text:i.reply}):P(`models.tryHeardNothing`):X(e)?P(`local.testOk`,{s:(i.ms/1e3).toFixed(1),ref:q(i.ref??``),reply:i.reply??``}):P(`models.tryOk`,{s:(i.ms/1e3).toFixed(1),model:q(i.ref??``)})})]})]}):null,i&&!i.ok?(0,z.jsx)(`p`,{className:`text-[0.8125rem] text-rose`,children:P(`models.tryFailed`,{error:i.error??``})}):null,r.isError?(0,z.jsx)(`p`,{className:`text-[0.8125rem] text-rose`,children:P(`models.tryFailed`,{error:r.error.message})}):null]})}function Ut(e){let t=e=>(e<10?Math.round(e*10)/10:Math.ceil(e)).toLocaleString();return e?.creditsPerImage?P(`models.notePerImage`,{n:t(e.creditsPerImage)}):e?.creditsPerSecond?P(`models.notePerSecond`,{n:t(e.creditsPerSecond)}):e?.creditsPer1kCharacters?P(`models.notePer1k`,{n:t(e.creditsPer1kCharacters)}):e?.creditsPerMinute?P(`models.notePerMinute`,{n:t(e.creditsPerMinute)}):P(`models.noteUsage`)}function Wt(e,t){let n=bt(t.bindings[Y[e]]);return Ut((n?t.creditModels.find(e=>e.id===n):null)??t.prices?.[Y[e]])}function Gt(e,t,n){return e.creditModels.filter(e=>St(e.kind)===t&&(!n||e.source===n||e.provider===n))}function Kt({cap:e,state:t,disabled:n}){let r=Z(),i=Y[e],a=bt(t.bindings[i]),o=Gt(t,e),s=t.prices?.[i]?.model,c=e=>e.source===`ai-gateway`?K(e.provider)?.name??e.provider:K(e.source)?.name??e.source;return(0,z.jsx)(oe,{value:a??``,onChange:e=>r.mutate({bindings:{[i]:xt(e||null)}}),options:[{value:``,label:s?P(`models.creditsAuto`,{model:q(s)}):P(`models.creditsAutoNone`)},...o.map(e=>({value:e.id,label:`${e.name} · ${c(e)} – ${Ut(e)}`,disabled:n}))]})}function qt({models:e,state:t,place:n}){let r=Z();return(0,z.jsx)(`ul`,{className:`flex flex-col divide-y divide-border-soft`,children:e.map(e=>{let i=St(e.kind),a=Y[i],o=t.bindings[a]===xt(e.id);return(0,z.jsxs)(`li`,{className:`flex flex-wrap items-center gap-3 py-2.5`,children:[(0,z.jsx)(b,{className:`size-4 shrink-0 text-ink-3`}),(0,z.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,z.jsx)(`span`,{className:`block font-medium text-[0.875rem]`,children:e.name}),(0,z.jsxs)(`span`,{className:`block text-[0.75rem] text-ink-3`,children:[P(`models.cap.${i}`),` · `,Ut(e)]})]}),o?(0,z.jsxs)(`span`,{className:`flex items-center gap-1 font-medium text-[0.75rem] text-moss`,children:[(0,z.jsx)(h,{className:`size-3.5`,strokeWidth:3}),` `,P(`models.inUse`)]}):(0,z.jsx)(N,{size:`sm`,variant:`secondary`,disabled:!n.canEdit||!n.credits,busy:r.isPending&&r.variables?.bindings?.[a]===xt(e.id),onClick:()=>r.mutate({bindings:{[a]:xt(e.id)}}),children:P(`models.useFor`)})]},e.id)})})}function Jt({cap:e,state:t,place:n,me:r,onOpen:i}){let a=Z(),o=Y[e],s=t.ways[o],c=Ot(t,e,n),[l,u]=(0,R.useState)(!1),d=jt(s,n),f=n.harnesses.filter(t=>(X(e)||e===`image`&&t.images)&&(t.version!==null||c?.kind===`client`&&c.id===t.id)),p=G.filter(t=>t.models[e]?.length),m=r=>{if(u(!1),r.kind===`credits`&&!n.credits){u(!0);return}if(Dt(r,c))return;let i=gt[e],s=e=>Object.fromEntries(i.map(t=>[t,e]));switch(r.kind){case`client`:a.mutate(X(e)?{source:r.id}:{bindings:{[o]:`${r.id}/image`}});return;case`key`:{let i=K(r.provider);a.mutate({...X(e)&&!n.cloud?{source:`own`}:{},bindings:kt(i,e,t)});return}case`local`:a.mutate({source:`own`,bindings:s(`ollama:qwen3`)});return;case`credits`:a.mutate(X(e)&&!n.cloud?{source:`account`}:{bindings:s(_t)});return}},h=c?.kind===`key`?K(c.provider):null,g=h?!t.keys[h.id]:!1,v=c?.kind===`client`?n.harnesses.find(e=>e.id===c.id):null,y=s.kind!==`none`;return(0,z.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,z.jsx)(Pt,{icon:J[e],title:P(`models.cap.${e}`),lead:P(`models.cap.${e}.hint`),status:(0,z.jsx)(Nt,{...d})}),(0,z.jsxs)(k,{className:`flex flex-col gap-6 p-3.5 sm:p-5 sm:p-6`,children:[(0,z.jsxs)(Q,{title:P(`models.who`),children:[(0,z.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[f.length?(0,z.jsx)(Ft,{label:P(`models.optSubscription`),children:f.map(e=>(0,z.jsx)(It,{title:e.name,...At(e),selected:c?.kind===`client`&&c.id===e.id,disabled:!n.canEdit,onPick:()=>m({kind:`client`,id:e.id})},e.id))}):null,(0,z.jsx)(Ft,{label:P(`models.optKey`),children:p.map(e=>(0,z.jsx)(It,{title:e.name,note:t.keys[e.id]?P(`models.noteKey`):P(`models.noteNoKey`),noteTone:t.keys[e.id]?`done`:void 0,selected:c?.kind===`key`&&c.provider===e.id,disabled:!n.canEdit,onPick:()=>m({kind:`key`,provider:e.id})},e.id))}),(0,z.jsxs)(Ft,{label:X(e)&&!n.cloud?P(`models.optOther`):P(`models.optCreditsGroup`),children:[X(e)&&!n.cloud?(0,z.jsx)(It,{title:P(`models.optLocal`),note:P(`models.optLocalNote`),selected:c?.kind===`local`,disabled:!n.canEdit,onPick:()=>m({kind:`local`})}):null,(0,z.jsx)(It,{title:n.cloud?P(`models.creditsTeam`):P(`models.creditsName`),note:n.credits?Wt(e,t):P(`models.noteNeedsAccount`),noteTone:n.credits?`done`:void 0,selected:c?.kind===`credits`,disabled:!n.canEdit,onPick:()=>m({kind:`credits`})})]})]}),l?(0,z.jsxs)(`p`,{className:`text-[0.8125rem] text-ink-2`,children:[P(`local.sourceNeedsAccount`),` `,(0,z.jsx)($t,{})]}):null,a.isError?(0,z.jsx)(`p`,{className:`text-[0.8125rem] text-rose`,children:a.error.message}):null]}),h?(0,z.jsxs)(z.Fragment,{children:[g?(0,z.jsxs)(Q,{title:P(`models.keyFor`,{name:h.name}),children:[(0,z.jsx)(Lt,{provider:h,stored:!1,place:n}),n.credits?(0,z.jsxs)($,{children:[(0,z.jsx)(b,{className:`mr-1 inline size-3.5 align-[-2px]`}),P(`models.keyFallback`)]}):null]}):null,g&&n.credits&&Gt(t,e,h.id).length?(0,z.jsx)(Q,{title:P(`models.viaCredits`,{name:h.name}),children:(0,z.jsx)(qt,{models:Gt(t,e,h.id),state:t,place:n})}):null,(0,z.jsx)(Q,{title:P(`models.model`),aside:g?null:(0,z.jsx)(`button`,{type:`button`,onClick:()=>i({type:`provider`,id:h.id}),className:`text-[0.75rem] text-ink-3 hover:text-ink`,children:P(`models.manageKey`,{name:h.name})}),children:X(e)&&h.text?(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(Bt,{provider:h,state:t}),(0,z.jsx)(Vt,{provider:h,state:t,disabled:!n.canEdit,onPick:(e,t)=>a.mutate({bindings:{[e]:t}})})]}):(0,z.jsx)(zt,{provider:h,cap:e,value:t.bindings[o]??h.models[e]?.[0]?.ref??``,disabled:!n.canEdit,onPick:e=>a.mutate({bindings:{[o]:e}})},`${h.id}:${t.bindings[o]??``}`)})]}):null,c?.kind===`client`&&v?X(e)?(0,z.jsx)(Q,{title:v.name,children:(0,z.jsx)(Be,{me:r,id:v.id})}):(0,z.jsx)(Q,{title:v.name,children:(0,z.jsx)($,{children:P(`models.clientImages`,{name:v.name,sub:P(`harness.sub.${v.id}`)})})}):null,c?.kind===`local`?(0,z.jsx)(Yt,{state:t,disabled:!n.canEdit}):null,c?.kind===`credits`&&n.credits?X(e)?(0,z.jsx)(Q,{title:P(`models.creditsName`),children:(0,z.jsxs)($,{children:[P(`models.creditsPicks`),s.kind===`credits`&&s.ref?` ${P(`models.creditsModel`,{model:q(s.ref)})}`:``]})}):(0,z.jsxs)(Q,{title:P(`models.model`),children:[(0,z.jsx)(Kt,{cap:e,state:t,disabled:!n.canEdit}),(0,z.jsx)($,{children:P(`models.creditsPickHint`)})]}):null,s.problem?(0,z.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,z.jsx)(_,{className:`mt-0.5 size-3.5 shrink-0 text-ink-3`}),(0,z.jsx)(`span`,{children:(0,z.jsx)(se,{text:s.problem})})]}):null,c?.kind===`client`&&X(e)?null:(0,z.jsx)(Q,{title:P(`models.try`),children:(0,z.jsx)(Ht,{cap:e,disabled:!y||!n.canEdit},`${e}:${s.ref}`)}),X(e)&&r.subscriptions.includes(`claude`)&&!n.cloud?(0,z.jsx)(Xt,{me:r}):null]})]})}function Yt({state:e,disabled:t}){let n=Z(),[r,i]=(0,R.useState)(e.ollamaUrl),[a,o]=(0,R.useState)((e.bindings.standard??`ollama:qwen3`).replace(/^ollama:/,``));return(0,z.jsxs)(Q,{title:P(`models.optLocal`),children:[(0,z.jsx)($,{children:P(`models.ollamaHint`)}),(0,z.jsxs)(`div`,{className:`grid gap-2 sm:grid-cols-[minmax(0,1fr)_12rem_auto]`,children:[(0,z.jsx)(M,{className:`font-mono text-[0.8125rem]`,value:r,disabled:t,onChange:e=>i(e.target.value)}),(0,z.jsx)(M,{className:`font-mono text-[0.8125rem]`,value:a,disabled:t,onChange:e=>o(e.target.value)}),(0,z.jsx)(N,{variant:`secondary`,busy:n.isPending,disabled:t||!a.trim(),onClick:()=>n.mutate({ollamaUrl:r,bindings:Object.fromEntries(Te.map(e=>[e,`ollama:${a.trim()}`]))}),children:P(`settings.save`)})]})]})}function Xt({me:e}){let t=l(),n=F({mutationFn:e=>c.put(`/api/studio/local/chat`,{engine:e}),onSuccess:()=>t.invalidateQueries({queryKey:[`me`]})});return(0,z.jsxs)(Q,{title:P(`local.chat`),children:[(0,z.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:[`models`,`claude`].map(t=>(0,z.jsx)(`button`,{type:`button`,"aria-pressed":e.chatEngine===t,onClick:()=>n.mutate(t),className:O(`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:P(t===`claude`?`local.chatClaude`:`local.chatModels`)},t))}),(0,z.jsx)($,{children:P(`local.subscription`)})]})}function Zt({provider:e,state:t,place:n,onOpen:r}){let i=Z(),a=ht.filter(t=>e.models[t]?.length),o=t.keys[e.id],s=e.id===`gateway`?[]:t.creditModels.filter(t=>t.source===e.id||t.provider===e.id);return(0,z.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,z.jsx)(Pt,{icon:L,title:e.name,lead:Et(e.about,le),status:(0,z.jsx)(Nt,{text:P(o?`models.keyStored`:`models.keyNone`),tone:o?`done`:`warn`})}),(0,z.jsxs)(k,{className:`flex flex-col gap-6 p-3.5 sm:p-5 sm:p-6`,children:[(0,z.jsx)(Q,{title:P(`models.key`),children:(0,z.jsx)(Lt,{provider:e,stored:o,place:n})}),(0,z.jsx)(Q,{title:P(`models.uses`),children:(0,z.jsx)(`ul`,{className:`flex flex-col divide-y divide-border-soft`,children:a.map(a=>{let o=J[a],s=Ot(t,a,n),c=s?.kind===`key`&&s.provider===e.id;return(0,z.jsxs)(`li`,{className:`flex flex-wrap items-center gap-3 py-2.5`,children:[(0,z.jsx)(o,{className:`size-4 shrink-0 text-ink-3`}),(0,z.jsxs)(`button`,{type:`button`,onClick:()=>r({type:`cap`,id:a}),className:`min-w-0 flex-1 text-left`,children:[(0,z.jsx)(`span`,{className:`block font-medium text-[0.875rem]`,children:P(`models.cap.${a}`)}),(0,z.jsx)(`span`,{className:`block truncate text-[0.75rem] text-ink-3`,children:(e.models[a]??[]).map(e=>e.label).join(` · `)})]}),c?(0,z.jsxs)(`span`,{className:`flex items-center gap-1 font-medium text-[0.75rem] text-moss`,children:[(0,z.jsx)(h,{className:`size-3.5`,strokeWidth:3}),` `,P(`models.inUse`)]}):(0,z.jsx)(N,{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:kt(e,a,t)}),children:P(`models.useFor`)})]},a)})})}),s.length?(0,z.jsxs)(Q,{title:P(`models.viaCredits`,{name:e.name}),children:[(0,z.jsx)($,{children:n.credits?P(`models.viaCreditsHint`):P(`models.viaCreditsNeedsAccount`)}),(0,z.jsx)(qt,{models:s,state:t,place:n})]}):null]})]})}function Qt({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,s=a.version!==null&&a.auth!==`none`;return(0,z.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,z.jsx)(Pt,{icon:de,title:a.name,lead:P(`harness.desc.${t}`),status:(0,z.jsx)(Nt,{text:At(a).note,tone:s?`done`:`warn`})}),(0,z.jsxs)(k,{className:`flex flex-col gap-6 p-3.5 sm:p-5 sm:p-6`,children:[(0,z.jsx)(Q,{title:P(`models.clientSignIn`),children:(0,z.jsx)(Be,{me:e,id:t})}),(0,z.jsxs)(Q,{title:P(`models.uses`),children:[(0,z.jsx)(`ul`,{className:`flex flex-col divide-y divide-border-soft`,children:[`text`,...a.images?[`image`]:[]].map(e=>{let a=J[e],o=Ot(n,e,r),s=o?.kind===`client`&&o.id===t;return(0,z.jsxs)(`li`,{className:`flex items-center gap-3 py-2.5`,children:[(0,z.jsx)(a,{className:`size-4 shrink-0 text-ink-3`}),(0,z.jsx)(`span`,{className:`min-w-0 flex-1 font-medium text-[0.875rem]`,children:P(`models.cap.${e}`)}),s?(0,z.jsxs)(`span`,{className:`flex items-center gap-1 font-medium text-[0.75rem] text-moss`,children:[(0,z.jsx)(h,{className:`size-3.5`,strokeWidth:3}),` `,P(`models.inUse`)]}):(0,z.jsx)(N,{size:`sm`,variant:`secondary`,busy:i.isPending,onClick:()=>i.mutate(e===`text`?{source:t}:{bindings:{image:`${t}/image`}}),children:P(`models.useFor`)})]},e)})}),o?null:(0,z.jsx)($,{children:P(`models.clientNotChosen`,{name:a.name})})]})]})]})}function $t(){return(0,z.jsx)(a,{to:`/settings/account`,className:`font-medium text-ember-strong underline-offset-2 hover:underline`,children:P(`local.toAccount`)})}function en({state:e,place:t,onOpen:n}){let r=Z(),i=ht.filter(t=>e.ways[Y[t]].kind===`credits`),o=t.cloud?P(`models.creditsTeam`):P(`models.creditsName`);return(0,z.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,z.jsx)(Pt,{icon:b,title:o,lead:t.cloud?P(`models.creditsCloudHint`):P(`models.creditsLocalLead`),status:t.balance===null?void 0:(0,z.jsx)(`span`,{className:`font-display font-semibold text-[1.25rem] tabular-nums`,children:P(`nav.credits`,{n:Math.floor(t.balance).toLocaleString()})})}),(0,z.jsxs)(k,{className:`flex flex-col gap-6 p-3.5 sm:p-5 sm:p-6`,children:[!t.cloud&&!t.account?(0,z.jsxs)(Q,{title:P(`models.creditsConnectTitle`),children:[(0,z.jsx)($,{children:P(`models.creditsLocalHint`)}),(0,z.jsx)(`div`,{children:(0,z.jsx)(a,{to:`/settings/account`,children:(0,z.jsx)(N,{children:P(`models.creditsConnect`)})})})]}):null,t.account&&!t.account.signedIn?(0,z.jsxs)(`p`,{className:`text-[0.8125rem] text-rose`,children:[P(`local.accountExpired`),` `,(0,z.jsx)($t,{})]}):null,t.account?(0,z.jsx)(Q,{title:P(`models.creditsFallback`),children:(0,z.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,z.jsx)(ce,{checked:e.creditFallback,disabled:!t.canEdit,onChange:e=>r.mutate({creditFallback:e}),label:P(`models.creditsFallback`)}),(0,z.jsx)($,{children:e.creditFallback?P(`models.creditsFallbackOn`):P(`models.creditsFallbackOff`)})]})}):null,t.credits?(0,z.jsx)(Q,{title:P(`models.creditsOn`),aside:t.topUp?(0,z.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:[P(`models.creditsTopUp`),` `,(0,z.jsx)(C,{className:`size-3`})]}):null,children:i.length?(0,z.jsx)(`ul`,{className:`flex flex-col divide-y divide-border-soft`,children:i.map(t=>{let r=J[t],i=e.ways[Y[t]];return(0,z.jsx)(`li`,{children:(0,z.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,z.jsx)(r,{className:`size-4 shrink-0 text-ink-3`}),(0,z.jsx)(`span`,{className:`min-w-0 flex-1 font-medium text-[0.875rem]`,children:P(`models.cap.${t}`)}),(0,z.jsxs)(`span`,{className:`truncate text-[0.75rem] text-ink-3`,children:[i.ref?q(i.ref):``,` · `,Wt(t,e)]})]})},t)})}):(0,z.jsx)($,{children:P(`models.creditsNone`)})}):null]})]})}function tn(e){return e?e===`credits`?{type:`credits`}:ht.includes(e)?{type:`cap`,id:e}:K(e)?{type:`provider`,id:e}:{type:`client`,id:e}:{type:`cap`,id:`text`}}var nn=e=>e.type===`credits`?`credits`:e.id;function rn({view:e,onView:t}){return null}function an(e){return e.kind===`none`?`off`:e.kind===`credits`?`credits`:`done`}function on(e,t){switch(e.type){case`cap`:return P(`models.cap.${e.id}`);case`provider`:return K(e.id)?.name??e.id;case`client`:return t?.harnesses.find(t=>t.id===e.id)?.name??e.id;default:return t?.mode===`managed`?P(`models.creditsTeam`):P(`models.creditsName`)}}function sn(){let e=ye(),t=Mt(),[n,i]=r(),[a,o]=(0,R.useState)(`auto`),{narrow:s}=Oe(),c=n.get(`show`),l=tn(c);if(je(c||!s?on(l,e.data):null),!e.data||!t.data)return t.isError?(0,z.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:t.error.message}):null;let u=t.data,d=Tt(e.data,a),f=e=>i({show:nn(e)},{replace:!s}),p=e=>!(!c&&s)&&nn(e)===nn(l),m=d.harnesses.filter(e=>e.version!==null||u.source===e.id),h=G.filter(e=>u.keys[e.id]),g=G.filter(e=>!u.keys[e.id]);return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsxs)(Le,{children:[(0,z.jsx)(Ae,{label:P(`models.groupCaps`),children:ht.map(e=>{let t=u.ways[Y[e]];return(0,z.jsx)(I,{icon:J[e],label:P(`models.cap.${e}`),tone:an(t),toneLabel:jt(t,d).text,selected:p({type:`cap`,id:e}),onPick:()=>f({type:`cap`,id:e})},e)})}),(0,z.jsxs)(Ae,{label:P(`models.groupAccess`),children:[(0,z.jsx)(I,{icon:b,label:d.cloud?P(`models.creditsTeam`):P(`models.creditsName`),badge:d.balance===null?null:(0,z.jsx)(`span`,{className:`text-[0.75rem] text-ink-3 tabular-nums`,children:Math.floor(d.balance).toLocaleString()}),tone:d.credits?void 0:`off`,toneLabel:d.credits?void 0:P(`models.noteNeedsAccount`),selected:p({type:`credits`}),onPick:()=>f({type:`credits`})}),m.map(e=>(0,z.jsx)(I,{icon:de,label:e.name,tone:e.version!==null&&e.auth===`subscription`?`done`:e.auth===`api_key`?`on`:`off`,toneLabel:At(e).note,selected:p({type:`client`,id:e.id}),onPick:()=>f({type:`client`,id:e.id})},e.id)),h.map(e=>(0,z.jsx)(I,{icon:L,label:e.name,tone:`done`,toneLabel:P(`models.noteKey`),selected:p({type:`provider`,id:e.id}),onPick:()=>f({type:`provider`,id:e.id})},e.id))]}),g.length?(0,z.jsx)(Ae,{label:P(`models.groupMore`),collapsible:!0,open:g.some(e=>p({type:`provider`,id:e.id})),count:g.length,children:g.map(e=>(0,z.jsx)(I,{icon:L,label:e.name,selected:p({type:`provider`,id:e.id}),onPick:()=>f({type:`provider`,id:e.id})},e.id))}):null,(0,z.jsx)(rn,{view:a,onView:o})]}),d.canEdit?null:(0,z.jsx)(`p`,{className:`mb-4 rounded-lg bg-paper-2 px-3 py-2 text-[0.8125rem] text-ink-2`,children:P(`models.readOnly`)}),l.type===`cap`?(0,z.jsx)(Jt,{cap:l.id,state:u,place:d,me:e.data,onOpen:f},l.id):l.type===`provider`&&K(l.id)?(0,z.jsx)(Zt,{provider:K(l.id),state:u,place:d,onOpen:f},l.id):l.type===`client`?(0,z.jsx)(Qt,{me:e.data,id:l.id,state:u,place:d},l.id):(0,z.jsx)(en,{state:u,place:d,onOpen:f})]})}function cn({name:e,image:t}){return t?(0,z.jsx)(`img`,{src:t,alt:``,className:`size-9 shrink-0 rounded-full object-cover`}):(0,z.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:we(e)})}function ln({me:e}){let t=o({queryKey:[`team`,e.tenant.id],queryFn:()=>c.get(`/api/studio/team`)}),n=t.data,r=n?.plan??e.tenant.plan,i=n?.seats;return(0,z.jsxs)(`div`,{className:`flex flex-col gap-9`,children:[(0,z.jsxs)(T,{title:P(`team.title`),hint:P(`team.hint`),children:[(0,z.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-4 gap-y-3`,children:[(0,z.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,z.jsx)(`div`,{className:`text-[0.8125rem] text-ink-3`,children:P(`team.plan`)}),(0,z.jsxs)(`div`,{className:`mt-0.5 flex items-center gap-2`,children:[(0,z.jsx)(`span`,{className:`font-medium text-[0.9375rem]`,children:r?.name??P(`team.planFree`)}),i?(0,z.jsx)(j,{children:i.limit===null?P(`team.seatsUnlimited`):P(`team.seats`,{taken:i.taken,limit:i.limit})}):null]})]}),(0,z.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,z.jsxs)(N,{variant:`secondary`,onClick:()=>Ee(`${e.manageUrl}/billing`),children:[P(`team.changePlan`),` `,(0,z.jsx)(C,{className:`size-4`})]}),n?.canManage?(0,z.jsxs)(N,{onClick:()=>Ee(`${e.manageUrl}/`),children:[P(`team.manage`),` `,(0,z.jsx)(C,{className:`size-4`})]}):null]})]}),(0,z.jsx)(`p`,{className:`mt-4 text-[0.8125rem] text-ink-3 leading-relaxed`,children:e.tenant.role===`member`?P(`team.memberNote`):P(`team.roles`)})]}),(0,z.jsx)(T,{title:P(`team.members`),children:t.isPending?(0,z.jsx)(D,{}):t.isError||!n?(0,z.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:P(`team.failed`)}):(0,z.jsxs)(`div`,{className:`flex flex-col divide-y divide-border-soft`,children:[n.members.map(t=>(0,z.jsxs)(`div`,{className:`flex items-center gap-3 py-3 first:pt-0 last:pb-0`,children:[(0,z.jsx)(cn,{name:t.name,image:t.image}),(0,z.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,z.jsxs)(`div`,{className:`truncate text-[0.9375rem]`,children:[t.name,t.userId===e.user.id?(0,z.jsxs)(`span`,{className:`text-ink-4`,children:[` · `,P(`team.you`)]}):null]}),(0,z.jsx)(`div`,{className:`truncate text-[0.8125rem] text-ink-3`,children:t.email})]}),(0,z.jsx)(j,{tone:t.role===`member`?void 0:`live`,children:P(`team.role.${t.role}`)})]},t.userId)),n.invitations.map(e=>(0,z.jsxs)(`div`,{className:`flex items-center gap-3 py-3 first:pt-0 last:pb-0`,children:[(0,z.jsx)(`span`,{className:`flex size-9 shrink-0 items-center justify-center rounded-full bg-paper-2 text-ink-3`,children:(0,z.jsx)(Ge,{className:`size-4`})}),(0,z.jsx)(`div`,{className:`min-w-0 flex-1 truncate text-[0.9375rem]`,children:e.email}),(0,z.jsxs)(j,{tone:`warn`,children:[P(`team.invited`),` · `,P(`team.role.${e.role}`)]})]},e.id)),n.members.length===0&&n.invitations.length===0?(0,z.jsxs)(`div`,{className:`flex items-center gap-3 text-[0.875rem] text-ink-3`,children:[(0,z.jsx)(fe,{className:`size-4`}),` –`]}):null]})})]})}function un(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 dn({project:e}){let t=l(),[n,r]=(0,R.useState)(e.mcpServers.map(e=>({...e,auth:e.headers?.Authorization??e.headers?.authorization??``}))),[i,a]=(0,R.useState)(!1),o=e.readOnly,s=F({mutationFn:()=>c.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,z.jsxs)(k,{className:`p-4 sm:p-6`,children:[(0,z.jsx)(`h2`,{className:`font-display font-semibold text-lg`,children:P(`settings.mcp`)}),(0,z.jsx)(`p`,{className:`mt-1 mb-5 text-[0.875rem] text-ink-3`,children:P(`settings.mcpHint`)}),(0,z.jsxs)(`fieldset`,{disabled:o,className:`flex min-w-0 flex-col gap-3`,children:[n.map((e,t)=>(0,z.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,z.jsx)(M,{placeholder:P(`settings.serverName`),value:e.name,onChange:e=>r(n=>n.map((r,i)=>i===t?{...r,name:e.target.value,id:r.id||un(e.target.value,n.map(e=>e.id))}:r))}),(0,z.jsx)(M,{placeholder:`${P(`settings.serverUrl`)} (https://…/mcp)`,value:e.url,onChange:e=>r(n=>n.map((n,r)=>r===t?{...n,url:e.target.value}:n))}),o?(0,z.jsx)(`span`,{}):(0,z.jsx)(A,{label:`Entfernen`,onClick:()=>r(e=>e.filter((e,n)=>n!==t)),className:`hover:text-rose`,children:(0,z.jsx)(re,{className:`size-4`})}),(0,z.jsx)(M,{className:`sm:col-span-2`,placeholder:P(`settings.serverHeader`),value:e.auth??``,onChange:e=>r(n=>n.map((n,r)=>r===t?{...n,auth:e.target.value}:n))}),e.id?(0,z.jsx)(`span`,{className:`self-center font-mono text-[0.6875rem] text-ink-4`,children:e.id}):null]},t)),o?null:(0,z.jsxs)(N,{variant:`secondary`,className:`self-start`,onClick:()=>r(e=>[...e,{id:``,name:``,url:``,auth:``}]),children:[(0,z.jsx)(S,{className:`size-4`}),` `,P(`settings.addServer`)]})]}),o?null:(0,z.jsxs)(`div`,{className:`mt-5 flex items-center justify-end gap-3`,children:[s.error?(0,z.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:s.error.message}):null,(0,z.jsx)(N,{busy:s.isPending,onClick:()=>s.mutate(),children:P(i?`settings.saved`:`settings.save`)})]})]})}var fn=new Set([`models`,`integrate`]);function pn(){let{section:e}=s(),[t]=r(),n=i(),a=ye(),{project:o,loading:c}=Ce(),l=ue(),[d,f]=(0,R.useState)(o?.id);(0,R.useEffect)(()=>f(o?.id),[o?.id]);let p=ge(),h=ze(),[g,_]=(0,R.useState)(null),[v,y]=(0,R.useState)(null),[ee,b]=(0,R.useState)(null),x=he(a.data,p),S=x.find(t=>t.id===e),C=x.map(e=>({...e,to:`/settings/${e.id}`})),te=C.find(t=>t.id===e),w=S?fn.has(S.id):!1,T=S?w&&!t.get(`show`)?1:2:0,E=h?Math.min(T,1):w&&ee!==e?1:0,re=ke(E),ie=ke(T),oe=(0,R.useMemo)(()=>({slot:g,narrow:h,setDetail:y}),[g,h]);if(ve([{label:P(`settings.title`),to:`/settings`},...S?[{label:S.label,to:`/settings/${S.id}`}]:[],...S&&v?[{label:v}]:[]]),!S){if(e===`build`)return(0,z.jsx)(u,{to:`/settings/integrate`,replace:!0});if(e===`project`)return(0,z.jsx)(u,{to:`/space`,replace:!0});if(e!==void 0||!h)return p.status===`ready`||e===void 0?(0,z.jsx)(u,{to:`/settings/account`,replace:!0}):null}let D=S?.id===`connectors`&&l;return(0,z.jsx)(Pe.Provider,{value:oe,children:(0,z.jsx)(`div`,{className:`animate-rise`,children:(0,z.jsxs)(`div`,{className:`grid gap-6 md:grid-cols-[13.5rem_minmax(0,1fr)] md:gap-8 lg:grid-cols-[15rem_minmax(0,1fr)] lg:gap-10`,children:[(0,z.jsxs)(`aside`,{className:O(`min-w-0 md:sticky md:top-20 md:self-start`,h&&T===2&&`hidden`,h&&ie===`back`&&De(`back`)),children:[(0,z.jsx)(Ne,{title:P(`settings.title`),open:E===1?te??null:null,onBack:()=>h?n(`/settings`):b(e??null)}),(0,z.jsx)(`div`,{className:O(De(re)),children:E===0?(0,z.jsx)(Ie,{entries:C,current:h?void 0:te,onPick:()=>b(null)}):(0,z.jsx)(`div`,{ref:_})},E)]}),S?(0,z.jsxs)(`div`,{className:O(`min-w-0`,![`integrate`,`models`].includes(S.id)&&`max-w-2xl`,h&&T<2&&`hidden`,h&&ie===`deeper`&&De(`deeper`)),children:[h?(0,z.jsx)(`div`,{className:`mb-3`,children:(0,z.jsx)(Re,{label:w?S.label:P(`settings.title`),onBack:()=>n(w?`/settings/${S.id}`:`/settings`)})}):null,D?(0,z.jsx)(`div`,{className:`mb-6`,children:(0,z.jsx)(m,{})}):null,S.id===`connectors`&&o?(0,z.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[o.readOnly?(0,z.jsx)(Fe,{children:Me(o)}):null,(0,z.jsx)(rt,{projectId:o.id,readOnly:o.readOnly},d),(0,z.jsx)(dn,{project:o},d)]}):null,S.id===`connectors`&&!o&&!c?(0,z.jsx)(ae,{children:P(`settings.noProject`)}):null,S.id===`models`?(0,z.jsx)(sn,{}):null,S.id===`integrate`?(0,z.jsx)(mt,{}):null,S.id===`account`&&a.data?(0,z.jsx)(ne,{me:a.data}):null,S.id===`team`&&a.data?(0,z.jsx)(ln,{me:a.data}):null,S.id===`plugins`?(0,z.jsx)(Qe,{}):null,S.plugin?(0,z.jsx)(be,{of:S.plugin,children:(0,z.jsx)(S.plugin.component,{})}):null]}):null]})})})}export{pn as SettingsPage};
+import{a as e,n as t,t as n}from"./jsx-runtime-D3jfb0Ew.js";import{A as r,O as i,S as a,j as o,k as s,n as c,nt as l,w as u}from"./api-rJBQEu1G.js";import{t as d}from"./createLucideIcon-q3MZMmnf.js";import{t as f}from"./refresh-cw-BNtHis1x.js";import{t as p}from"./arrow-right-6FyN3e7D.js";import{n as m}from"./HomePage-DYKF3C1U.js";import{t as h}from"./check-CUpby_J9.js";import{t as g}from"./chevron-down-DymW-2BP.js";import{t as _}from"./circle-alert-D2SCwFT-.js";import{n as v,t as y}from"./image-CC_2mJd6.js";import{n as ee,r as b}from"./upload-DNRENWzQ.js";import{n as x,t as S}from"./plus-Du-Jx8aI.js";import{t as C}from"./external-link-MAL7vJYj.js";import{n as te,t as w}from"./volume-2-DE67_rue.js";import{c as T,t as ne}from"./Account-thPW7H4A.js";import{n as E,t as re}from"./trash-0IafyhZB.js";import{t as ie}from"./pen-line-NK46C_nG.js";import{a as ae,d as oe,f as D,g as O,l as se,m as ce,n as k,o as A,r as j,s as M,t as N,x as P,y as le}from"./ui-DJOZSSKo.js";import{E as ue,K as F,L as de,M as fe,P as pe,W as me,d as he,g as ge,h as _e,i as ve,k as ye,m as be,p as xe,r as Se,w as Ce,x as we}from"./index-CoTWrikR.js";import{o as Te}from"./definition-BznNdlhf.js";import{n as Ee}from"./LocalRuntime-CYhPXwAv.js";import{a as I,c as De,d as Oe,f as ke,i as Ae,l as je,m as Me,n as Ne,o as Pe,p as Fe,r as Ie,s as Le,t as Re,u as ze}from"./settings-menu-bsLDpw56.js";import{t as Be}from"./Harness-CfgVRYpr.js";var Ve={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`}]]};Ve.node;var He=d(Ve),Ue={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`}]]};Ue.node;var L=d(Ue),We={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`}]]};We.node;var Ge=d(We),Ke={name:`monitor`,size:24,node:[[`rect`,{width:`20`,height:`14`,x:`2`,y:`3`,rx:`2`,key:`48i651`}],[`line`,{x1:`8`,x2:`16`,y1:`21`,y2:`21`,key:`1svkeh`}],[`line`,{x1:`12`,x2:`12`,y1:`17`,y2:`21`,key:`vw1qmm`}]]};Ke.node;var qe=d(Ke),Je={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`}]]};Je.node;var Ye=d(Je),Xe={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`}]]};Xe.node;var Ze=d(Xe),R=e(t(),1),z=e(n(),1);function Qe(){let e=ge(),[t,n]=(0,R.useState)(null),[r,i]=(0,R.useState)(null),a=async e=>{n(e??`*`),i(null);try{await _e(e)}catch(e){i(e.message)}finally{n(null)}};return(0,z.jsxs)(T,{title:P(`plugins.title`),hint:e.canReload?P(`plugins.hint`):P(`plugins.hintManaged`),action:e.canReload?(0,z.jsx)(N,{variant:`secondary`,busy:t===`*`,onClick:()=>void a(),children:P(`plugins.rescan`)}):null,children:[(0,z.jsxs)(`ul`,{className:`divide-y divide-border-soft`,children:[e.plugins.map(n=>{let r=e.failed[n.id];return(0,z.jsxs)(`li`,{className:`flex items-start gap-4 py-4 first:pt-0 last:pb-0`,children:[(0,z.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,z.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-2.5 gap-y-1`,children:[(0,z.jsx)(`span`,{className:`font-medium text-[0.9375rem]`,children:n.name}),n.name===n.id?null:(0,z.jsxs)(`span`,{className:`font-mono text-[0.75rem] text-ink-4`,children:[n.id,` · `,n.version]})]}),n.description?(0,z.jsx)(`p`,{className:`mt-0.5 text-[0.875rem] text-ink-3`,children:n.description}):null,n.tools.length?(0,z.jsxs)(`div`,{className:`mt-2 flex flex-wrap items-center gap-1.5 text-[0.75rem] text-ink-3`,children:[P(`plugins.tools`),n.tools.map(e=>(0,z.jsx)(j,{children:e.id},e.id))]}):null,n.error?(0,z.jsx)(`p`,{className:`mt-2 text-[0.8125rem] text-rose`,children:P(`plugins.serverFailed`,{error:n.error})}):null,r?(0,z.jsx)(`p`,{className:`mt-2 text-[0.8125rem] text-rose`,children:P(`plugins.studioFailed`,{error:r})}):null]}),e.canReload?(0,z.jsx)(A,{label:P(`plugins.reload`),disabled:t!==null,onClick:()=>void a(n.id),children:(0,z.jsx)(Ye,{className:t===n.id?`size-4 animate-spin`:`size-4`})}):null]},n.id)}),e.problems.map(e=>(0,z.jsxs)(`li`,{className:`py-4 first:pt-0 last:pb-0`,children:[(0,z.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-2.5 gap-y-1`,children:[(0,z.jsx)(j,{tone:`warn`,children:P(`plugins.problems`)}),(0,z.jsx)(`span`,{className:`break-all font-mono text-[0.75rem] text-ink-3`,children:e.path})]}),(0,z.jsx)(`p`,{className:`mt-1.5 text-[0.8125rem] text-ink-3`,children:e.message})]},e.path))]}),r?(0,z.jsx)(`p`,{className:`mt-4 text-[0.8125rem] text-rose`,children:r}):null]})}function $e({connector:e}){let[t,n]=(0,R.useState)(!1);return(0,z.jsxs)(`div`,{className:`rounded-lg bg-paper ring-1 ring-border-soft`,children:[(0,z.jsxs)(`button`,{type:`button`,onClick:()=>n(e=>!e),className:`flex w-full items-center gap-3 px-3 py-2 text-left`,children:[(0,z.jsx)(`span`,{className:O(`size-2 shrink-0 rounded-full`,e.usable?`bg-moss`:`bg-ink-4`)}),(0,z.jsxs)(`span`,{className:`min-w-0 flex-1 truncate text-[0.8125rem]`,children:[e.name,` `,(0,z.jsx)(`span`,{className:`font-mono text-[0.6875rem] text-ink-4`,children:e.id})]}),(0,z.jsx)(`span`,{className:`shrink-0 text-[0.75rem] text-ink-3`,children:e.usable?P(`connectors.actions`,{n:e.actions.length,r:e.actions.filter(e=>e.group===`read`).length}):P(`connectors.notSetUp`)})]}),t?(0,z.jsxs)(`div`,{className:`border-border-soft border-t px-3 py-2 text-[0.75rem]`,children:[e.missingSetup?(0,z.jsxs)(`p`,{className:`mb-1 text-ink-3`,children:[P(`connectors.setup`),` `,(0,z.jsx)(`span`,{className:`font-mono text-ink-2`,children:e.missingSetup})]}):null,(0,z.jsx)(`p`,{className:`text-ink-4`,children:e.actions.map(e=>e.group===`read`?e.id:`${e.id} (${P(`connectors.group.${e.group}`)})`).join(` · `)})]}):null]})}var et={none:`connectors.authNone`,oauth2:`connectors.authOauth`,api_key:`connectors.authKey`};function tt({projectId:e,connector:t,readOnly:n}){let r=l(),[i,a]=(0,R.useState)(!1),o=()=>r.invalidateQueries({queryKey:[`connectors`,e]}),s=`/api/studio/projects/${e}/connectors/${t.id}`,u=F({mutationFn:()=>c.post(`${s}/refresh`),onSuccess:o}),d=F({mutationFn:()=>c.del(s),onSuccess:o}),p=t.actions.filter(e=>e.group===`read`).length;return(0,z.jsxs)(`div`,{className:`rounded-lg bg-paper ring-1 ring-border-soft`,children:[(0,z.jsxs)(`div`,{className:`flex items-center gap-3 p-3`,children:[(0,z.jsx)(`div`,{className:`flex size-9 shrink-0 items-center justify-center rounded-lg bg-paper-2 text-ink-2`,children:(0,z.jsx)(pe,{className:`size-4`})}),(0,z.jsxs)(`button`,{type:`button`,onClick:()=>a(e=>!e),className:`min-w-0 flex-1 text-left`,children:[(0,z.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,z.jsx)(`span`,{className:`truncate font-medium text-[0.875rem]`,children:t.name}),(0,z.jsx)(`span`,{className:`font-mono text-[0.6875rem] text-ink-4`,children:t.id})]}),(0,z.jsxs)(`div`,{className:`truncate text-[0.75rem] text-ink-3`,children:[t.domain,` · `,t.sourceKind===`mcp`?`MCP`:`OpenAPI`,` ·`,` `,P(et[t.auth]),` ·`,` `,t.toolsPending?P(`connectors.pending`):P(`connectors.actions`,{n:t.actions.length,r:p})]})]}),n?null:(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(A,{label:P(`connectors.refresh`),onClick:()=>u.mutate(),children:u.isPending?(0,z.jsx)(D,{className:`size-4`}):(0,z.jsx)(f,{className:`size-4`})}),(0,z.jsx)(A,{label:P(`connectors.remove`),className:`hover:text-rose`,onClick:()=>confirm(`${t.name}: ${P(`connectors.remove`)}?`)&&d.mutate(),children:(0,z.jsx)(re,{className:`size-4`})})]})]}),t.needsOAuthClient?(0,z.jsx)(`p`,{className:`border-border-soft border-t px-3 py-2 text-[0.75rem] text-rose`,children:P(`connectors.needsClient`)}):null,u.error??d.error?(0,z.jsx)(`p`,{className:`border-border-soft border-t px-3 py-2 text-[0.75rem] text-rose`,children:(u.error??d.error).message}):null,i&&t.actions.length?(0,z.jsx)(`ul`,{className:`max-h-64 overflow-y-auto border-border-soft border-t px-3 py-2`,children:t.actions.map(e=>(0,z.jsxs)(`li`,{className:`flex items-baseline gap-2 py-1 text-[0.75rem]`,children:[(0,z.jsx)(`span`,{className:O(`w-14 shrink-0 text-[0.6875rem] uppercase tracking-wide`,e.group===`read`?`text-moss`:e.group===`write`?`text-ink-3`:`text-rose`),children:P(`connectors.group.${e.group}`)}),(0,z.jsx)(`span`,{className:`shrink-0 font-mono text-ink-2`,children:e.id}),(0,z.jsx)(`span`,{className:`min-w-0 truncate text-ink-4`,children:e.summary})]},e.id))}):null]})}function nt({projectId:e,domain:t,source:n,taken:r,onDone:i}){let a=l(),[o,s]=(0,R.useState)({id:``,secret:``}),[u,d]=(0,R.useState)(!1),f=r.includes(n.suggestedId),p=F({mutationFn:()=>c.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,z.jsxs)(`div`,{className:`rounded-lg bg-card p-3 ring-1 ring-border-soft`,children:[(0,z.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,z.jsx)(j,{tone:n.sourceKind===`mcp`?`ember`:`neutral`,children:n.sourceKind===`mcp`?`MCP`:`OpenAPI`}),(0,z.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,z.jsx)(`div`,{className:`truncate text-[0.8125rem]`,children:n.name??n.suggestedId}),(0,z.jsx)(`div`,{className:`truncate font-mono text-[0.6875rem] text-ink-4`,children:n.sourceUrl})]}),n.blocked||f?null:(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`button`,{type:`button`,onClick:()=>d(e=>!e),className:`text-[0.75rem] text-ink-3 hover:text-ink`,children:P(`connectors.ownClient`)}),(0,z.jsx)(N,{size:`sm`,busy:p.isPending,onClick:()=>p.mutate(),children:P(`connectors.import`)})]})]}),n.blocked?(0,z.jsx)(`p`,{className:`mt-2 text-[0.75rem] text-ink-3`,children:n.blocked}):null,f?(0,z.jsx)(`p`,{className:`mt-2 text-[0.75rem] text-ink-3`,children:P(`connectors.exists`)}):null,u?(0,z.jsxs)(`div`,{className:`mt-3 grid gap-2 sm:grid-cols-2`,children:[(0,z.jsx)(M,{placeholder:`OAuth Client-ID`,value:o.id,onChange:e=>s(t=>({...t,id:e.target.value}))}),(0,z.jsx)(M,{type:`password`,autoComplete:`off`,placeholder:`OAuth Client-Secret`,value:o.secret,onChange:e=>s(t=>({...t,secret:e.target.value}))})]}):null,p.error?(0,z.jsx)(`p`,{className:`mt-2 text-[0.75rem] text-rose`,children:p.error.message}):null]})}function rt({projectId:e,readOnly:t}){let[n,r]=(0,R.useState)(``),[i,a]=(0,R.useState)(null),[s,l]=(0,R.useState)(null),[u,d]=(0,R.useState)([]),f=o({queryKey:[`connectors`,e],queryFn:()=>c.get(`/api/studio/projects/${e}/connectors`)}),p=F({mutationFn:()=>c.post(`/api/studio/connectors/search`,{query:n}),onSuccess:e=>{a(e),l(null),d([])}}),m=F({mutationFn:e=>c.get(`/api/studio/connectors/registry/${encodeURIComponent(e)}`),onSuccess:l}),h=f.data??[],_=h.filter(e=>e.sourceKind===`builtin`&&(xe.unsetConnectors||e.usable)),v=h.filter(e=>e.sourceKind!==`builtin`);return(0,z.jsxs)(k,{className:`p-4 sm:p-6`,children:[(0,z.jsx)(`h2`,{className:`font-display font-semibold text-lg`,children:P(`connectors.title`)}),(0,z.jsx)(`p`,{className:`mt-1 mb-5 text-[0.875rem] text-ink-3`,children:P(`connectors.hint`)}),_.length?(0,z.jsx)(`div`,{className:`mb-5 grid gap-1.5 sm:grid-cols-2`,children:_.map(e=>(0,z.jsx)($e,{connector:e},e.id))}):null,(0,z.jsx)(`h3`,{className:`mb-2 font-medium text-[0.75rem] text-ink-3 uppercase tracking-[0.07em]`,children:P(`connectors.imported`)}),v.length?(0,z.jsx)(`div`,{className:`mb-4 flex flex-col gap-2`,children:v.map(n=>(0,z.jsx)(tt,{projectId:e,connector:n,readOnly:t},n.id))}):null,t?v.length?null:(0,z.jsx)(`p`,{className:`text-[0.8125rem] text-ink-3`,children:P(`connectors.noneImported`)}):(0,z.jsxs)(`form`,{className:`flex gap-2`,onSubmit:e=>{e.preventDefault(),n.trim()&&p.mutate()},children:[(0,z.jsx)(M,{value:n,placeholder:P(`connectors.search`),onChange:e=>r(e.target.value)}),(0,z.jsxs)(N,{type:`submit`,variant:`secondary`,busy:p.isPending,children:[(0,z.jsx)(ee,{className:`size-4`}),` `,P(`connectors.find`)]})]}),p.error?(0,z.jsx)(`p`,{className:`mt-3 text-[0.8125rem] text-rose`,children:p.error.message}):null,i&&!s?(0,z.jsxs)(`div`,{className:`mt-3 flex flex-col gap-1`,children:[i.length?null:(0,z.jsx)(`p`,{className:`text-[0.8125rem] text-ink-3`,children:P(`connectors.none`)}),i.map(e=>(0,z.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,z.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,z.jsx)(`div`,{className:`truncate text-[0.875rem]`,children:e.domain}),(0,z.jsx)(`div`,{className:`truncate text-[0.75rem] text-ink-3`,children:e.description})]}),(0,z.jsx)(`span`,{className:`text-[0.6875rem] text-ink-4 uppercase`,children:e.kinds.join(` · `)}),(0,z.jsx)(g,{className:`-rotate-90 size-4 text-ink-4`})]},e.domain)),m.isPending?(0,z.jsx)(D,{className:`mx-auto mt-2 size-4 text-ink-4`}):null,m.error?(0,z.jsx)(`p`,{className:`text-[0.8125rem] text-rose`,children:m.error.message}):null]}):null,s?(0,z.jsxs)(`div`,{className:`mt-4 flex flex-col gap-2`,children:[(0,z.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,z.jsx)(`div`,{className:`font-medium text-[0.875rem]`,children:s.domain}),(0,z.jsx)(`button`,{type:`button`,onClick:()=>l(null),className:`text-[0.75rem] text-ink-3 hover:text-ink`,children:P(`run.back`)})]}),s.summary?(0,z.jsx)(`p`,{className:`text-[0.8125rem] text-ink-3`,children:s.summary}):null,s.sources.map(t=>(0,z.jsx)(nt,{projectId:e,domain:s.domain,source:t,taken:h.map(e=>e.id),onDone:d},`${t.sourceKind}:${t.sourceUrl}`)),s.credentials.filter(e=>e.setup||e.url).map(e=>(0,z.jsxs)(`p`,{className:`text-[0.75rem] text-ink-3`,children:[(0,z.jsxs)(`span`,{className:`text-ink-2`,children:[e.label,`:`]}),` `,e.setup,` `,e.url?(0,z.jsx)(`a`,{href:e.url,target:`_blank`,rel:`noreferrer`,className:`text-ember underline`,children:e.url}):null]},e.label)),u.map(e=>(0,z.jsx)(`p`,{className:`text-[0.75rem] text-ink-3`,children:e},e))]}):null]})}var B=`engenty-wizards`,it=`ENGENTY_WIZARDS_KEY`,at=[{id:`claude-desktop`,name:`Claude Desktop`,widgets:!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}];function V({text:e}){let[t,n]=(0,R.useState)(!1);return(0,z.jsxs)(`div`,{className:`flex items-start gap-2 rounded-lg bg-paper-2 p-3`,children:[(0,z.jsx)(`code`,{className:`min-w-0 flex-1 whitespace-pre-wrap break-all font-mono text-[0.75rem] leading-relaxed`,children:e}),(0,z.jsx)(A,{label:P(t?`settings.copied`:`settings.copy`),onClick:async()=>{await navigator.clipboard.writeText(e),n(!0),setTimeout(()=>n(!1),1500)},children:t?(0,z.jsx)(h,{className:`size-4`}):(0,z.jsx)(x,{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 H({children:e}){return(0,z.jsx)(`p`,{className:`text-[0.875rem] text-ink-3`,children:e})}function U({title:e,children:t}){return(0,z.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,z.jsx)(`h3`,{className:`font-medium text-[0.9375rem]`,children:e}),t]})}function st(e,t){return JSON.stringify({[e]:{[B]:t}},null,2)}function ct({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,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(H,{children:P(`mcp.terminal`)}),(0,z.jsx)(V,{text:`claude mcp add --transport http --scope user ${B} ${t}${r?` --header "${r}"`:``}`}),!n&&ot(t)?(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(H,{children:P(`mcp.ccPlugin`)}),(0,z.jsx)(V,{text:`claude plugin marketplace add ${e}/marketplace.json`}),(0,z.jsx)(V,{text:`claude plugin install ${B}@engenty`})]}):null]})}case`codex`:return n?(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(H,{children:P(`mcp.codexKey`)}),(0,z.jsx)(V,{text:`echo 'export ${it}=${n}' >> ~/.zshrc && source ~/.zshrc`}),(0,z.jsx)(V,{text:`codex mcp add ${B} --url ${t} --bearer-token-env-var ${it}`})]}):(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(H,{children:P(`mcp.terminal`)}),(0,z.jsx)(V,{text:`codex mcp add ${B} --url ${t}`}),(0,z.jsx)(V,{text:`codex mcp login ${B}`})]});case`gemini`:return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(H,{children:P(`mcp.terminal`)}),(0,z.jsx)(V,{text:`gemini mcp add --scope user --transport http ${B} ${t}${r?` -H "${r}"`:``}`})]});case`cursor`:return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(H,{children:P(`integrate.file`,{file:`~/.cursor/mcp.json`})}),(0,z.jsx)(V,{text:st(`mcpServers`,{url:t,...i})})]});case`vscode`:return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(H,{children:P(`integrate.vscode`)}),(0,z.jsx)(V,{text:st(`servers`,{type:`http`,url:t,...i})})]});case`windsurf`:return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(H,{children:P(`integrate.file`,{file:`~/.codeium/windsurf/mcp_config.json`})}),(0,z.jsx)(V,{text:st(`mcpServers`,{serverUrl:t,...i})})]});case`lm-studio`:return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(H,{children:P(`integrate.file`,{file:`~/.lmstudio/mcp.json`})}),(0,z.jsx)(V,{text:st(`mcpServers`,{url:t,...i})})]});case`claude-desktop`:case`claude-ai`:return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(H,{children:P(`mcp.claudeAi`)}),(0,z.jsx)(V,{text:t})]});case`chatgpt`:return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(H,{children:P(`integrate.chatgpt`)}),(0,z.jsx)(V,{text:t})]});default:return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(H,{children:P(`integrate.generic`)}),(0,z.jsx)(V,{text:t}),r?(0,z.jsx)(V,{text:r}):null]})}}function lt(){let e=l(),t=o({queryKey:[`api-keys`],queryFn:()=>c.get(`/api/studio/api-keys`)}),n=F({mutationFn:e=>c.del(`/api/studio/api-keys/${e}`),onSuccess:()=>e.invalidateQueries({queryKey:[`api-keys`]})});return t.data?.length?(0,z.jsxs)(`section`,{children:[(0,z.jsx)(`h2`,{className:`font-display font-semibold text-lg`,children:P(`mcp.keys`)}),(0,z.jsx)(`p`,{className:`mt-1 mb-4 text-[0.875rem] text-ink-3`,children:P(`mcp.keysHint`)}),(0,z.jsx)(k,{className:`flex flex-col gap-2 p-3`,children:t.data.map(e=>(0,z.jsxs)(`div`,{className:`flex items-center gap-3 rounded-lg px-3 py-2`,children:[(0,z.jsx)(L,{className:`size-4 shrink-0 text-ink-4`}),(0,z.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,z.jsx)(`div`,{className:`truncate text-[0.875rem]`,children:e.name}),(0,z.jsxs)(`div`,{className:`font-mono text-[0.6875rem] text-ink-4`,children:[e.start,`… ·`,` `,e.lastRequest?P(`settings.lastUsed`,{when:new Date(e.lastRequest).toLocaleString()}):P(`settings.neverUsed`)]})]}),(0,z.jsx)(A,{label:P(`settings.revoke`),onClick:()=>n.mutate(e.id),className:`hover:text-rose`,children:(0,z.jsx)(re,{className:`size-4`})})]},e.id))})]}):null}function ut({state:e,title:t,children:n}){return(0,z.jsxs)(`li`,{className:`grid grid-cols-[22px_minmax(0,1fr)] gap-x-3`,children:[(0,z.jsx)(`span`,{className:O(`mt-0.5 grid size-[22px] place-items-center rounded-full`,e===`done`&&`bg-moss text-white`,e===`now`&&`bg-amber-tint text-ink-2`,e===`later`&&`bg-paper-2 ring-1 ring-border-soft`),children:e===`done`?(0,z.jsx)(h,{className:`size-3.5`,strokeWidth:3}):e===`now`?(0,z.jsx)(D,{className:`size-3`}):null}),(0,z.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-2 pb-4`,children:[(0,z.jsx)(`span`,{className:O(`text-[0.875rem]`,e===`later`?`text-ink-3`:`font-medium`),children:t}),e===`now`?n:null]})]})}function dt({widgets:e}){return(0,z.jsxs)(`p`,{className:`mt-1 flex flex-wrap items-center gap-x-4 gap-y-1 text-[0.8125rem] text-ink-3`,children:[(0,z.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,title:P(`integrate.kindMcp`),children:[(0,z.jsx)(Ze,{className:`size-3.5 text-ember-strong`}),(0,z.jsx)(`span`,{className:`font-medium text-ink-2`,children:`MCP`}),` `,P(`integrate.kindMcpShort`)]}),(0,z.jsxs)(`span`,{className:O(`inline-flex items-center gap-1.5`,e?null:`opacity-60`),title:P(e?`integrate.kindApp`:`integrate.kindAppNo`),children:[(0,z.jsx)(me,{className:O(`size-3.5`,e?`text-ember-strong`:`text-ink-4`)}),(0,z.jsx)(`span`,{className:`font-medium text-ink-2`,children:`MCP App`}),` `,P(e?`integrate.kindAppShort`:`integrate.kindAppNoShort`)]})]})}function ft({at:e,done:t}){let n=[P(`setup.stage.connect`),P(`setup.stage.test`),P(`setup.stage.done`)];return(0,z.jsx)(`ol`,{className:`flex flex-wrap items-center gap-x-3 gap-y-1 font-medium text-[0.6875rem] uppercase tracking-[0.14em]`,children:n.map((n,r)=>{let i=t||r<e;return(0,z.jsxs)(`li`,{"aria-current":!i&&r===e?`step`:void 0,className:O(`flex items-center gap-1`,i?`text-moss`:r===e?`text-ember-strong`:`text-ink-4`),children:[i?(0,z.jsx)(h,{className:`size-3`,strokeWidth:3}):null,n]},n)})})}function pt({client:e,local:t,seen:n,managed:r,url:i}){let a=l(),o=ot(i),s=!r&&!!t&&!e.oauth,[u,d]=(0,R.useState)(s&&t?.installed!==!1?`here`:`address`),[f,p]=(0,R.useState)(null),[m,g]=(0,R.useState)(),_=F({mutationFn:t=>c.post(`/api/studio/local/apps/${e.id}`,{connect:t}),onSuccess:e=>p(e),onError:e=>p({ok:!1,message:e.message}),onSettled:()=>a.invalidateQueries({queryKey:[`local-apps`]})}),v=F({mutationFn:()=>c.post(`/api/studio/api-keys`,{name:e.name.slice(0,32)}),onSuccess:async e=>{g(e.key),await a.invalidateQueries({queryKey:[`api-keys`]})}}),y=e.oauth===!0||e.id===`claude-desktop`,ee=u===`address`&&y&&!(r&&o),b=u===`here`?!!t?.connected:r||!!m,x=!!n?.toolAt,C=x?2:b||n?1:0,w=e=>(0,z.jsx)(V,{text:e});return(0,z.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,z.jsxs)(`div`,{className:`flex flex-wrap items-start gap-x-4 gap-y-2`,children:[(0,z.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,z.jsx)(`h2`,{className:`font-display font-semibold text-[1.375rem] leading-tight tracking-tight`,children:e.name}),(0,z.jsx)(dt,{widgets:e.widgets})]}),(0,z.jsx)(ft,{at:C,done:x})]}),(0,z.jsxs)(k,{className:`flex flex-col gap-6 p-3.5 sm:p-5 sm:p-6`,children:[s||!e.oauth?(0,z.jsx)(`fieldset`,{"aria-label":P(`integrate.where`),className:`min-w-0`,children:(0,z.jsx)(`div`,{className:`grid gap-2 sm:grid-cols-2`,children:[`here`,`address`].map(e=>{let t=e===`here`&&!s;return(0,z.jsxs)(`button`,{type:`button`,disabled:t,onClick:()=>d(e),"aria-pressed":u===e,className:O(`flex items-start gap-3 rounded-xl px-3.5 py-2.5 text-left ring-1 transition`,u===e?`bg-ember-tint/50 ring-ember-strong/40`:`ring-border-soft hover:bg-accent`,t&&`cursor-not-allowed opacity-50 hover:bg-transparent`),children:[e===`here`?(0,z.jsx)(qe,{className:`mt-0.5 size-4 shrink-0 text-ink-3`}):(0,z.jsx)(te,{className:`mt-0.5 size-4 shrink-0 text-ink-3`}),(0,z.jsxs)(`span`,{className:`min-w-0`,children:[(0,z.jsx)(`span`,{className:`block font-medium text-[0.875rem]`,children:P(e===`here`?`integrate.here`:`integrate.address`)}),(0,z.jsx)(`span`,{className:`block text-[0.75rem] text-ink-3`,children:P(e===`here`?r?`integrate.hereManaged`:`integrate.hereHint`:`integrate.addressHint`)})]})]},e)})})}):null,ee?(0,z.jsx)(U,{title:P(`mcp.notHere`),children:(0,z.jsx)(H,{children:P(r?`mcp.needsPublic`:`integrate.oauthLocal`)})}):u===`here`?(0,z.jsxs)(U,{title:P(`integrate.connectTitle`),children:[t?.installed===!1&&!t.connected?(0,z.jsx)(H,{children:P(`integrate.notInstalled`,{app:e.name})}):null,t?.connected?(0,z.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[(0,z.jsxs)(`span`,{className:`flex items-center gap-2 text-[0.875rem] text-ink-2`,children:[(0,z.jsx)(h,{className:`size-4 text-moss`}),P(`integrate.connected`,{app:e.name})]}),(0,z.jsx)(N,{size:`sm`,variant:`ghost`,busy:_.isPending&&_.variables===!1,onClick:()=>_.mutate(!1),children:P(`mcp.appsDisconnect`)})]}):(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(H,{children:P(`integrate.connectHint`,{app:e.name})}),(0,z.jsx)(`div`,{children:(0,z.jsxs)(N,{busy:_.isPending,onClick:()=>_.mutate(!0),children:[(0,z.jsx)(S,{className:`size-4`}),` `,P(`integrate.connect`,{app:e.name})]})})]}),f&&!f.ok?(0,z.jsx)(`p`,{className:`text-[0.8125rem] text-rose`,children:f.message}):null,f?.snippet?(0,z.jsx)(V,{text:f.snippet}):null,t?.where?(0,z.jsx)(`p`,{className:`font-mono text-[0.6875rem] text-ink-4`,children:t.where}):null]}):(0,z.jsxs)(z.Fragment,{children:[r||y?null:(0,z.jsx)(U,{title:P(`mcp.keyTitle`),children:m?(0,z.jsxs)(`p`,{className:`flex items-center gap-2 text-[0.875rem] text-ink-2`,children:[(0,z.jsx)(h,{className:`size-4 text-moss`}),` `,P(`mcp.keyReady`)]}):(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(H,{children:P(`mcp.keyHint`)}),(0,z.jsx)(`div`,{children:(0,z.jsxs)(N,{variant:`secondary`,busy:v.isPending,onClick:()=>v.mutate(),children:[(0,z.jsx)(S,{className:`size-4`}),` `,P(`mcp.keyCreate`,{client:e.name})]})})]})}),(0,z.jsxs)(U,{title:P(`mcp.add`),children:[r||m||y?(0,z.jsx)(ct,{id:e.id,url:i,apiKey:m}):(0,z.jsx)(H,{children:P(`mcp.keyFirst`)}),r?(0,z.jsx)(H,{children:P(`mcp.oauth`)}):null,(0,z.jsx)(`p`,{className:`text-[0.75rem] text-ink-4`,children:P(o?`mcp.addressPublic`:`mcp.addressLocal`)})]})]}),ee?null:(0,z.jsxs)(U,{title:P(`integrate.test`),children:[(0,z.jsxs)(`ol`,{className:`flex flex-col`,children:[(0,z.jsx)(ut,{state:n?`done`:b?`now`:`later`,title:P(`integrate.seen`,{app:e.name}),children:(0,z.jsx)(H,{children:P(u===`here`?`integrate.restart`:`integrate.reload`,{app:e.name})})}),(0,z.jsxs)(ut,{state:n?.toolAt?`done`:n?`now`:`later`,title:P(`integrate.tool`),children:[(0,z.jsx)(H,{children:P(`integrate.askHint`,{app:e.name})}),w(P(`integrate.askTool`))]}),e.widgets?(0,z.jsxs)(ut,{state:n?.widgetAt?`done`:n?.toolAt?`now`:`later`,title:P(`integrate.widget`),children:[(0,z.jsx)(H,{children:P(`integrate.widgetHint`)}),w(P(`integrate.askWidget`))]}):null]}),x?(0,z.jsxs)(`p`,{className:`flex items-center gap-2 font-medium text-[0.875rem] text-moss`,children:[(0,z.jsx)(h,{className:`size-4`,strokeWidth:3}),P(`integrate.works`,{app:e.name})]}):null]})]})]})}function mt(){let e=ye(),t=e.data?.mode===`managed`,n=o({queryKey:[`local-apps`],queryFn:()=>c.get(`/api/studio/local/apps`),enabled:e.data?.mode===`local`}),i=o({queryKey:[`integrations-seen`],queryFn:()=>c.get(`/api/studio/integrations/seen`),refetchInterval:2500}),[a,s]=r(),{narrow:l}=Oe(),u=a.get(`show`),d=e=>n.data?.find(t=>t.id===e),f=e=>i.data?.[e],p=e=>{let t=d(e);return t?.installed||t?.connected?0:1},m=[...at].sort((e,t)=>p(e.id)-p(t.id)),h=m.find(e=>e.id===u)??m[0];if(je(u||!l?h.name:null),!e.data||!t&&!n.data)return null;let g=e.data.mcpUrl??``,_=e=>{let t=d(e);return f(e)?.toolAt?{tone:`done`,toneLabel:P(`integrate.stateWorks`)}:t?.connected?{tone:`on`,toneLabel:P(`integrate.stateConnected`)}:t?.installed?{tone:`off`,toneLabel:P(`integrate.stateInstalled`)}:{}},v=e=>!(!u&&l)&&e===h.id;return(0,z.jsxs)(`div`,{className:`flex flex-col gap-10`,children:[(0,z.jsxs)(Le,{children:[(0,z.jsx)(Ae,{label:P(`integrate.groupApps`),children:m.map(e=>(0,z.jsx)(I,{icon:e.widgets?me:Ze,label:e.name,..._(e.id),selected:v(e.id),onPick:()=>s({show:e.id},{replace:!l})},e.id))}),(0,z.jsxs)(Ae,{label:P(`integrate.groupShare`),children:[(0,z.jsx)(I,{icon:E,label:P(`integrate.shareLink`),badge:(0,z.jsx)(`span`,{className:`text-[0.6875rem] text-ink-4`,children:P(`integrate.soon`)}),selected:!1,disabled:!0}),(0,z.jsx)(I,{icon:te,label:P(`integrate.shareSite`),badge:(0,z.jsx)(`span`,{className:`text-[0.6875rem] text-ink-4`,children:P(`integrate.soon`)}),selected:!1,disabled:!0})]})]}),(0,z.jsx)(pt,{client:h,local:d(h.id),seen:f(h.id),managed:t,url:g},h.id),t?null:(0,z.jsx)(lt,{}),(0,z.jsxs)(`p`,{className:`flex items-start gap-2 text-[0.8125rem] text-ink-3`,children:[(0,z.jsx)(E,{className:`mt-0.5 size-3.5 shrink-0`}),P(`mcp.notReverse`)]})]})}var ht=[`text`,`image`,`video`,`speech`,`listening`],gt={text:[`classifier`,`standard`,`high`,`highest`],image:[`image`],video:[`video`],speech:[`speech`],listening:[`audio`]},_t=`credits`,vt=`${_t}:`;function yt(e){return e===`credits`||!!e?.startsWith(vt)}function bt(e){return e?.startsWith(vt)&&e.slice(vt.length)||null}function xt(e){return e?`${vt}${e}`:_t}function St(e){return e===`transcription`?`listening`:e}var Ct=[`openai`,`anthropic`,`google`,`fal`,`elevenlabs`,`replicate`,`gateway`],W=(e,t)=>({de:e,en:t}),G=[{id:`openai`,name:`OpenAI`,about:W(`GPT-Modelle, GPT Image und Stimmen.`,`GPT models, GPT Image and voices.`),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:W(`schnell`,`fast`)},{ref:`openai:gpt-5.5`,label:`GPT-5.5`,note:W(`gründlich`,`thorough`)}],image:[{ref:`openai:gpt-image-2`,label:`GPT Image 2`,note:W(`vielseitig`,`versatile`)},{ref:`openai:gpt-image-1-mini`,label:`GPT Image 1 mini`,note:W(`günstig`,`low cost`)}],speech:[{ref:`openai:gpt-4o-mini-tts`,label:`GPT-4o mini TTS`,note:W(`günstig`,`low cost`)}],listening:[{ref:`openai:gpt-4o-mini-transcribe`,label:`GPT-4o mini Transcribe`,note:W(`schnell, günstig`,`fast, low cost`)},{ref:`openai:whisper-1`,label:`Whisper`}]}},{id:`anthropic`,name:`Anthropic`,about:W(`Die Claude-Modelle.`,`The Claude models.`),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:W(`schnell`,`fast`)},{ref:`anthropic:claude-sonnet-5-5`,label:`Claude Sonnet 5.5`},{ref:`anthropic:claude-opus-5-5`,label:`Claude Opus 5.5`,note:W(`am stärksten`,`strongest`)}]}},{id:`google`,name:`Google Gemini`,about:W(`Gemini, Veo für Videos und Stimmen – ein Key aus dem AI Studio.`,`Gemini, Veo for video and voices – one key from AI Studio.`),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:W(`günstig`,`low cost`)},{ref:`google:gemini-flash-latest`,label:`Gemini Flash`},{ref:`google:gemini-pro-latest`,label:`Gemini Pro`,note:W(`gründlich`,`thorough`)}],image:[{ref:`google:gemini-3.1-flash-image-preview`,label:`Gemini 3.1 Flash Image`,note:W(`schnell, bearbeitet Fotos`,`fast, edits photos`)},{ref:`google:gemini-3-pro-image-preview`,label:`Gemini 3 Pro Image`,note:W(`beste Qualität`,`best quality`)}],video:[{ref:`google:veo-3.1-fast-generate-preview`,label:`Veo 3.1 Fast`,note:W(`mit Ton`,`with sound`)},{ref:`google:veo-3.1-generate-preview`,label:`Veo 3.1`,note:W(`beste Qualität`,`best quality`)}],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:W(`Hunderte Bild-, Video- und Audio-Modelle mit einem Key: FLUX, Recraft, Veo, Luma, MiniMax.`,`Hundreds of image, video and audio models with one key: FLUX, Recraft, Veo, Luma, MiniMax.`),keyUrl:`https://fal.ai/dashboard/keys`,keyPlaceholder:`xxxxxxxx-…:…`,models:{image:[{ref:`fal:fal-ai/flux/schnell`,label:`FLUX.1 schnell`,note:W(`schnell, günstig`,`fast, low cost`)},{ref:`fal:fal-ai/flux-pro/v1.1`,label:`FLUX 1.1 pro`,note:W(`hohe Qualität`,`high quality`)},{ref:`fal:fal-ai/recraft/v3/text-to-image`,label:`Recraft V3`,note:W(`Grafiken, Logos, Text im Bild`,`graphics, logos, text in images`)},{ref:`fal:fal-ai/imagen4/preview`,label:`Imagen 4`,note:W(`fotorealistisch`,`photorealistic`)}],video:[{ref:`fal:veo3/fast`,label:`Veo 3 Fast`,note:W(`mit Ton`,`with sound`)},{ref:`fal:luma-ray-2-flash`,label:`Luma Ray 2 Flash`,note:W(`schnell`,`fast`)},{ref:`fal:minimax-video`,label:`MiniMax Hailuo`}],speech:[{ref:`fal:fal-ai/minimax/speech-02-turbo`,label:`MiniMax Speech-02 Turbo`,note:W(`schnell`,`fast`)},{ref:`fal:fal-ai/minimax/speech-02-hd`,label:`MiniMax Speech-02 HD`}],listening:[{ref:`fal:wizper`,label:`Wizper`,note:W(`schnell`,`fast`)},{ref:`fal:whisper`,label:`Whisper`}]}},{id:`elevenlabs`,name:`ElevenLabs`,about:W(`Natürliche Stimmen in vielen Sprachen und genaue Transkripte.`,`Natural voices in many languages and accurate transcripts.`),keyUrl:`https://elevenlabs.io/app/settings/api-keys`,keyPlaceholder:`sk_…`,models:{speech:[{ref:`elevenlabs:eleven_multilingual_v2`,label:`Multilingual v2`,note:W(`natürlich, viele Sprachen`,`natural, many languages`)},{ref:`elevenlabs:eleven_flash_v2_5`,label:`Flash v2.5`,note:W(`schnell, günstig`,`fast, low cost`)},{ref:`elevenlabs:eleven_v3`,label:`Eleven v3`,note:W(`ausdrucksstark`,`expressive`)}],listening:[{ref:`elevenlabs:scribe_v2`,label:`Scribe v2`,note:W(`sehr genau`,`very accurate`)}]}},{id:`replicate`,name:`Replicate`,about:W(`Offene Bild- und Video-Modelle, abgerechnet pro Lauf.`,`Open image and video models, billed per run.`),keyUrl:`https://replicate.com/account/api-tokens`,keyPlaceholder:`r8_…`,models:{image:[{ref:`replicate:black-forest-labs/flux-schnell`,label:`FLUX.1 schnell`,note:W(`schnell, günstig`,`fast, low cost`)},{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:W(`Ein Key für die Modelle vieler Anbieter, abgerechnet bei Vercel.`,`One key for many providers' models, billed by Vercel.`),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:W(`schnell`,`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:W(`mit Ton`,`with sound`)}],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 K(e){return G.find(t=>t.id===e)??null}function wt(e){if(yt(e))return null;let t=/^([a-z]+):/.exec(e)?.[1];return t?Ct.includes(t)?t:null:e?.includes(`/`)?`gateway`:null}function q(e){for(let t of G)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 Tt(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,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:Se(e),harnesses:n?[]:e.harnesses,canEdit:!n||e.tenant.role!==`member`,ownKeys:!n||e.features.ownKeys!==!1}}var J={text:ie,image:y,video:v,speech:w,listening:He},Y={text:`standard`,image:`image`,video:`video`,speech:`speech`,listening:`audio`},X=e=>e===`text`,Et=(e,t)=>e?.[t]??``;function Dt(e,t){return JSON.stringify(e)===JSON.stringify(t)}function Ot(e,t,n){let r=Y[t];if(X(t)&&!n.cloud){if(e.source===`account`)return{kind:`credits`};if(e.source!==`own`)return{kind:`client`,id:e.source}}let i=e.bindings[r];if(yt(i))return{kind:`credits`};if(i?.startsWith(`ollama:`))return{kind:`local`};let a=i?wt(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 K(o.by??``)?{kind:`key`,provider:o.by}:null;case`local`:return{kind:`local`};case`credits`:return{kind:`credits`};default:return null}}function kt(e,t,n){if(X(t)&&e.text)return e.text;let r=Y[t],i=n.bindings[r],a=i&&wt(i)===e.id?i:e.models[t]?.[0]?.ref;return a?{[r]:a}:{}}function At(e){return e.version===null?{note:P(`models.noteMissing`),noteTone:`warn`}:e.auth===`none`?{note:P(`models.noteSignedOut`),noteTone:`warn`}:e.auth===`api_key`?{note:P(`models.noteShellKey`)}:{note:P(`models.noteIncluded`),noteTone:`done`}}function jt(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:K(e.by??``)?.name??e.by??``,tone:`done`};case`local`:return{text:P(`models.way.local`),tone:`done`};case`credits`:return{text:t.cloud?P(`models.way.creditsTeam`):P(`models.way.credits`),tone:`ok`};default:return{text:P(`models.way.none`),tone:`warn`}}}function Mt(){return o({queryKey:[`models`],queryFn:()=>c.get(`/api/studio/models`)})}function Z(){let e=l();return F({mutationFn:e=>c.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,z.jsxs)(`section`,{className:`flex flex-col gap-3 border-border-soft border-t pt-5 first:border-t-0 first:pt-0`,children:[(0,z.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,z.jsx)(`h3`,{className:`font-medium text-[0.875rem]`,children:e}),t]}),n]})}function $({children:e}){return(0,z.jsx)(`p`,{className:`text-[0.8125rem] text-ink-3`,children:e})}function Nt({text:e,tone:t}){return(0,z.jsxs)(`span`,{className:O(`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,z.jsx)(h,{className:`size-3.5`,strokeWidth:3}):null,t===`ok`?(0,z.jsx)(b,{className:`size-3.5`}):null,t===`warn`?(0,z.jsx)(_,{className:`size-3.5`}):null,e]})}function Pt({icon:e,title:t,lead:n,status:r}){return(0,z.jsxs)(`div`,{className:`flex items-start gap-3 sm:gap-4`,children:[(0,z.jsx)(`span`,{className:`grid size-10 shrink-0 place-items-center rounded-xl bg-ember-tint text-ember-strong`,children:(0,z.jsx)(e,{className:`size-5`})}),(0,z.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,z.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-3 gap-y-1`,children:[(0,z.jsx)(`h2`,{className:`font-display font-semibold text-[1.375rem] leading-tight tracking-tight`,children:t}),r]}),(0,z.jsx)(`p`,{className:`mt-0.5 text-[0.875rem] text-ink-3`,children:n})]})]})}function Ft({label:e,children:t}){return(0,z.jsxs)(`div`,{className:`grid items-start gap-x-4 gap-y-1.5 sm:grid-cols-[7.5rem_minmax(0,1fr)]`,children:[(0,z.jsx)(`span`,{className:`pt-2 text-[0.75rem] text-ink-3`,children:e}),(0,z.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:t})]})}function It({selected:e,title:t,note:n,noteTone:r,disabled:i,onPick:a}){return(0,z.jsxs)(`button`,{type:`button`,onClick:a,disabled:i,"aria-pressed":e,title:n,className:O(`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,z.jsx)(h,{className:`size-3.5 text-moss`,strokeWidth:3}):null,t,(0,z.jsxs)(`span`,{className:`sr-only`,children:[`: `,n]})]})}function Lt({provider:e,stored:t,place:n}){let r=Z(),[i,a]=(0,R.useState)(``),[o,s]=(0,R.useState)(!1),[l,u]=(0,R.useState)(null),d=F({mutationFn:t=>c.post(`/api/studio/models/keys/${e.id}/check`,t?{key:t}:{})}),f=async()=>{u(null);let t=await d.mutateAsync(i.trim());if(!t.ok){u({ok:!1,message:t.message??P(`models.keyBad`)});return}await r.mutateAsync({keys:{[e.id]:i.trim()}}),a(``),s(!1),u({ok:!0,message:P(`models.keyOk`)})},p=!t||o;return n.ownKeys?(0,z.jsxs)(`div`,{className:`flex flex-col gap-2.5`,children:[p?(0,z.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,z.jsx)(M,{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()&&f()}}),(0,z.jsx)(N,{busy:d.isPending||r.isPending,disabled:!i.trim()||!n.canEdit,onClick:()=>void f(),children:P(`models.keySave`)}),o?(0,z.jsx)(N,{variant:`ghost`,onClick:()=>s(!1),children:P(`common.cancel`)}):null]}):(0,z.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-3 gap-y-2`,children:[(0,z.jsxs)(`span`,{className:`flex items-center gap-2 text-[0.875rem] text-ink-2`,children:[(0,z.jsx)(L,{className:`size-4 text-moss`}),` `,P(`models.keyStored`)]}),(0,z.jsx)(N,{size:`sm`,variant:`ghost`,busy:d.isPending,onClick:async()=>{let e=await d.mutateAsync(void 0);u(e.ok?{ok:!0,message:P(`models.keyOk`)}:{ok:!1,message:e.message??P(`models.keyBad`)})},children:P(`models.keyCheck`)}),n.canEdit?(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(N,{size:`sm`,variant:`ghost`,onClick:()=>s(!0),children:P(`models.keyReplace`)}),(0,z.jsx)(N,{size:`sm`,variant:`danger`,busy:r.isPending,onClick:()=>{u(null),r.mutate({keys:{[e.id]:``}})},children:P(`models.keyRemove`)})]}):null]}),l?(0,z.jsxs)(`p`,{className:O(`flex items-center gap-1.5 text-[0.8125rem]`,l.ok?`text-moss`:`text-rose`),children:[l.ok?(0,z.jsx)(h,{className:`size-3.5`,strokeWidth:3}):null,l.message]}):null,(0,z.jsxs)(`p`,{className:`flex flex-wrap items-center gap-x-3 gap-y-1 text-[0.75rem] text-ink-4`,children:[(0,z.jsxs)(`button`,{type:`button`,onClick:()=>Ee(e.keyUrl),className:`inline-flex items-center gap-1 font-medium text-ember-strong hover:underline`,children:[P(`models.keyGet`,{name:e.name}),` `,(0,z.jsx)(C,{className:`size-3`})]}),(0,z.jsx)(`span`,{children:n.cloud?P(`models.keyWhereCloud`):P(`models.keyWhereLocal`)})]})]}):(0,z.jsx)(`p`,{className:`text-[0.8125rem] text-ink-3`,children:P(`models.ownKeysPlan`)})}var Rt=`__custom__`;function zt({provider:e,cap:t,value:n,onPick:r,disabled:i}){let a=le,o=e.models[t]??[],s=o.some(e=>e.ref===n),[c,l]=(0,R.useState)(!s&&!!n),[u,d]=(0,R.useState)(s?``:n.replace(/^[a-z]+:/,``)),f=e.id===`gateway`?``:`${e.id}:`;return(0,z.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,z.jsx)(oe,{value:c?Rt:n,onChange:e=>{if(e===Rt){l(!0);return}l(!1),r(e)},options:[...o.map(e=>({value:e.ref,label:e.note?`${e.label} – ${Et(e.note,a)}`:e.label})),{value:Rt,label:P(`models.modelCustom`)}]}),c?(0,z.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,z.jsx)(M,{className:`min-w-0 flex-1 font-mono text-[0.8125rem]`,value:u,disabled:i,placeholder:o[0]?.ref.replace(/^[a-z]+:/,``)??``,onChange:e=>d(e.target.value)}),(0,z.jsx)(N,{variant:`secondary`,disabled:!u.trim()||i,onClick:()=>r(`${f}${u.trim()}`),children:P(`settings.save`)})]}):null]})}function Bt({provider:e,state:t}){let n=n=>q(t.bindings[n]??e.text?.[n]??``);return(0,z.jsxs)(`dl`,{className:`grid grid-cols-[auto_minmax(0,1fr)] gap-x-4 gap-y-1 text-[0.875rem]`,children:[(0,z.jsx)(`dt`,{className:`text-ink-3`,children:P(`models.textSimple`)}),(0,z.jsx)(`dd`,{className:`truncate font-medium`,children:n(`standard`)}),(0,z.jsx)(`dt`,{className:`text-ink-3`,children:P(`models.textDemanding`)}),(0,z.jsx)(`dd`,{className:`truncate font-medium`,children:n(`high`)})]})}function Vt({provider:e,state:t,onPick:n,disabled:r}){return(0,z.jsxs)(`details`,{className:`group rounded-lg ring-1 ring-border-soft`,children:[(0,z.jsx)(`summary`,{className:`cursor-pointer list-none px-3 py-2.5 text-[0.8125rem] text-ink-2 hover:text-ink`,children:(0,z.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[(0,z.jsx)(p,{className:`size-3.5 transition group-open:rotate-90`}),P(`models.perClass`)]})}),(0,z.jsx)(`div`,{className:`flex flex-col gap-3 px-3 pt-1 pb-3`,children:Te.map(i=>(0,z.jsxs)(`div`,{className:`grid items-center gap-2 sm:grid-cols-[9rem_minmax(0,1fr)]`,children:[(0,z.jsxs)(`div`,{children:[(0,z.jsx)(`div`,{className:`text-[0.8125rem] text-ink-2`,children:P(`class.${i}`)}),(0,z.jsx)(`div`,{className:`text-[0.6875rem] text-ink-4 leading-snug`,children:P(`class.${i}.hint`)})]}),(0,z.jsx)(zt,{provider:e,cap:`text`,value:t.bindings[i]??e.text?.[i]??``,disabled:r,onPick:e=>n(i,e)})]},i))})]})}function Ht({cap:e,disabled:t}){let n=Y[e],r=F({mutationFn:()=>c.post(`/api/studio/models/test`,{cls:n,lang:le})}),i=r.data;return(0,z.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,z.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[(0,z.jsx)(N,{variant:`secondary`,busy:r.isPending,disabled:t,onClick:()=>r.mutate(),children:P(`models.try.${e}`)}),(0,z.jsx)(`span`,{className:`text-[0.75rem] text-ink-4`,children:e===`video`?P(`models.tryCostVideo`):X(e)?null:P(`models.tryCost`)})]}),r.isPending&&e!==`text`?(0,z.jsxs)(`p`,{className:`flex items-center gap-2 text-[0.8125rem] text-ink-3`,children:[(0,z.jsx)(D,{className:`size-3.5`}),` `,P(e===`video`?`models.tryWaitVideo`:`models.tryWait`)]}):null,i?.ok?(0,z.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[i.media&&e===`image`?(0,z.jsx)(`img`,{src:i.media,alt:``,className:`size-48 rounded-lg object-cover ring-1 ring-border-soft`}):null,i.media&&e===`speech`?(0,z.jsx)(`audio`,{src:i.media,controls:!0,autoPlay:!0,className:`w-full max-w-sm`}):null,i.media&&e===`video`?(0,z.jsx)(`video`,{src:i.media,controls:!0,autoPlay:!0,muted:!0,className:`w-full max-w-md rounded-lg`}):null,(0,z.jsxs)(`p`,{className:`flex items-start gap-2 text-[0.8125rem] text-ink-2`,children:[(0,z.jsx)(h,{className:`mt-0.5 size-3.5 shrink-0 text-moss`,strokeWidth:3}),(0,z.jsx)(`span`,{children:e===`listening`?i.reply?P(`models.tryHeard`,{text:i.reply}):P(`models.tryHeardNothing`):X(e)?P(`local.testOk`,{s:(i.ms/1e3).toFixed(1),ref:q(i.ref??``),reply:i.reply??``}):P(`models.tryOk`,{s:(i.ms/1e3).toFixed(1),model:q(i.ref??``)})})]})]}):null,i&&!i.ok?(0,z.jsx)(`p`,{className:`text-[0.8125rem] text-rose`,children:P(`models.tryFailed`,{error:i.error??``})}):null,r.isError?(0,z.jsx)(`p`,{className:`text-[0.8125rem] text-rose`,children:P(`models.tryFailed`,{error:r.error.message})}):null]})}function Ut(e){let t=e=>(e<10?Math.round(e*10)/10:Math.ceil(e)).toLocaleString();return e?.creditsPerImage?P(`models.notePerImage`,{n:t(e.creditsPerImage)}):e?.creditsPerSecond?P(`models.notePerSecond`,{n:t(e.creditsPerSecond)}):e?.creditsPer1kCharacters?P(`models.notePer1k`,{n:t(e.creditsPer1kCharacters)}):e?.creditsPerMinute?P(`models.notePerMinute`,{n:t(e.creditsPerMinute)}):P(`models.noteUsage`)}function Wt(e,t){let n=bt(t.bindings[Y[e]]);return Ut((n?t.creditModels.find(e=>e.id===n):null)??t.prices?.[Y[e]])}function Gt(e,t,n){return e.creditModels.filter(e=>St(e.kind)===t&&(!n||e.source===n||e.provider===n))}function Kt({cap:e,state:t,disabled:n}){let r=Z(),i=Y[e],a=bt(t.bindings[i]),o=Gt(t,e),s=t.prices?.[i]?.model,c=e=>e.source===`ai-gateway`?K(e.provider)?.name??e.provider:K(e.source)?.name??e.source;return(0,z.jsx)(oe,{value:a??``,onChange:e=>r.mutate({bindings:{[i]:xt(e||null)}}),options:[{value:``,label:s?P(`models.creditsAuto`,{model:q(s)}):P(`models.creditsAutoNone`)},...o.map(e=>({value:e.id,label:`${e.name} · ${c(e)} – ${Ut(e)}`,disabled:n}))]})}function qt({models:e,state:t,place:n}){let r=Z();return(0,z.jsx)(`ul`,{className:`flex flex-col divide-y divide-border-soft`,children:e.map(e=>{let i=St(e.kind),a=Y[i],o=t.bindings[a]===xt(e.id);return(0,z.jsxs)(`li`,{className:`flex flex-wrap items-center gap-3 py-2.5`,children:[(0,z.jsx)(b,{className:`size-4 shrink-0 text-ink-3`}),(0,z.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,z.jsx)(`span`,{className:`block font-medium text-[0.875rem]`,children:e.name}),(0,z.jsxs)(`span`,{className:`block text-[0.75rem] text-ink-3`,children:[P(`models.cap.${i}`),` · `,Ut(e)]})]}),o?(0,z.jsxs)(`span`,{className:`flex items-center gap-1 font-medium text-[0.75rem] text-moss`,children:[(0,z.jsx)(h,{className:`size-3.5`,strokeWidth:3}),` `,P(`models.inUse`)]}):(0,z.jsx)(N,{size:`sm`,variant:`secondary`,disabled:!n.canEdit||!n.credits,busy:r.isPending&&r.variables?.bindings?.[a]===xt(e.id),onClick:()=>r.mutate({bindings:{[a]:xt(e.id)}}),children:P(`models.useFor`)})]},e.id)})})}function Jt({cap:e,state:t,place:n,me:r,onOpen:i}){let a=Z(),o=Y[e],s=t.ways[o],c=Ot(t,e,n),[l,u]=(0,R.useState)(!1),d=jt(s,n),f=n.harnesses.filter(t=>(X(e)||e===`image`&&t.images)&&(t.version!==null||c?.kind===`client`&&c.id===t.id)),p=G.filter(t=>t.models[e]?.length),m=r=>{if(u(!1),r.kind===`credits`&&!n.credits){u(!0);return}if(Dt(r,c))return;let i=gt[e],s=e=>Object.fromEntries(i.map(t=>[t,e]));switch(r.kind){case`client`:a.mutate(X(e)?{source:r.id}:{bindings:{[o]:`${r.id}/image`}});return;case`key`:{let i=K(r.provider);a.mutate({...X(e)&&!n.cloud?{source:`own`}:{},bindings:kt(i,e,t)});return}case`local`:a.mutate({source:`own`,bindings:s(`ollama:qwen3`)});return;case`credits`:a.mutate(X(e)&&!n.cloud?{source:`account`}:{bindings:s(_t)});return}},h=c?.kind===`key`?K(c.provider):null,g=h?!t.keys[h.id]:!1,v=c?.kind===`client`?n.harnesses.find(e=>e.id===c.id):null,y=s.kind!==`none`;return(0,z.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,z.jsx)(Pt,{icon:J[e],title:P(`models.cap.${e}`),lead:P(`models.cap.${e}.hint`),status:(0,z.jsx)(Nt,{...d})}),(0,z.jsxs)(k,{className:`flex flex-col gap-6 p-3.5 sm:p-5 sm:p-6`,children:[(0,z.jsxs)(Q,{title:P(`models.who`),children:[(0,z.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[f.length?(0,z.jsx)(Ft,{label:P(`models.optSubscription`),children:f.map(e=>(0,z.jsx)(It,{title:e.name,...At(e),selected:c?.kind===`client`&&c.id===e.id,disabled:!n.canEdit,onPick:()=>m({kind:`client`,id:e.id})},e.id))}):null,(0,z.jsx)(Ft,{label:P(`models.optKey`),children:p.map(e=>(0,z.jsx)(It,{title:e.name,note:t.keys[e.id]?P(`models.noteKey`):P(`models.noteNoKey`),noteTone:t.keys[e.id]?`done`:void 0,selected:c?.kind===`key`&&c.provider===e.id,disabled:!n.canEdit,onPick:()=>m({kind:`key`,provider:e.id})},e.id))}),(0,z.jsxs)(Ft,{label:X(e)&&!n.cloud?P(`models.optOther`):P(`models.optCreditsGroup`),children:[X(e)&&!n.cloud?(0,z.jsx)(It,{title:P(`models.optLocal`),note:P(`models.optLocalNote`),selected:c?.kind===`local`,disabled:!n.canEdit,onPick:()=>m({kind:`local`})}):null,(0,z.jsx)(It,{title:n.cloud?P(`models.creditsTeam`):P(`models.creditsName`),note:n.credits?Wt(e,t):P(`models.noteNeedsAccount`),noteTone:n.credits?`done`:void 0,selected:c?.kind===`credits`,disabled:!n.canEdit,onPick:()=>m({kind:`credits`})})]})]}),l?(0,z.jsxs)(`p`,{className:`text-[0.8125rem] text-ink-2`,children:[P(`local.sourceNeedsAccount`),` `,(0,z.jsx)($t,{})]}):null,a.isError?(0,z.jsx)(`p`,{className:`text-[0.8125rem] text-rose`,children:a.error.message}):null]}),h?(0,z.jsxs)(z.Fragment,{children:[g?(0,z.jsxs)(Q,{title:P(`models.keyFor`,{name:h.name}),children:[(0,z.jsx)(Lt,{provider:h,stored:!1,place:n}),n.credits?(0,z.jsxs)($,{children:[(0,z.jsx)(b,{className:`mr-1 inline size-3.5 align-[-2px]`}),P(`models.keyFallback`)]}):null]}):null,g&&n.credits&&Gt(t,e,h.id).length?(0,z.jsx)(Q,{title:P(`models.viaCredits`,{name:h.name}),children:(0,z.jsx)(qt,{models:Gt(t,e,h.id),state:t,place:n})}):null,(0,z.jsx)(Q,{title:P(`models.model`),aside:g?null:(0,z.jsx)(`button`,{type:`button`,onClick:()=>i({type:`provider`,id:h.id}),className:`text-[0.75rem] text-ink-3 hover:text-ink`,children:P(`models.manageKey`,{name:h.name})}),children:X(e)&&h.text?(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(Bt,{provider:h,state:t}),(0,z.jsx)(Vt,{provider:h,state:t,disabled:!n.canEdit,onPick:(e,t)=>a.mutate({bindings:{[e]:t}})})]}):(0,z.jsx)(zt,{provider:h,cap:e,value:t.bindings[o]??h.models[e]?.[0]?.ref??``,disabled:!n.canEdit,onPick:e=>a.mutate({bindings:{[o]:e}})},`${h.id}:${t.bindings[o]??``}`)})]}):null,c?.kind===`client`&&v?X(e)?(0,z.jsx)(Q,{title:v.name,children:(0,z.jsx)(Be,{me:r,id:v.id})}):(0,z.jsx)(Q,{title:v.name,children:(0,z.jsx)($,{children:P(`models.clientImages`,{name:v.name,sub:P(`harness.sub.${v.id}`)})})}):null,c?.kind===`local`?(0,z.jsx)(Yt,{state:t,disabled:!n.canEdit}):null,c?.kind===`credits`&&n.credits?X(e)?(0,z.jsx)(Q,{title:P(`models.creditsName`),children:(0,z.jsxs)($,{children:[P(`models.creditsPicks`),s.kind===`credits`&&s.ref?` ${P(`models.creditsModel`,{model:q(s.ref)})}`:``]})}):(0,z.jsxs)(Q,{title:P(`models.model`),children:[(0,z.jsx)(Kt,{cap:e,state:t,disabled:!n.canEdit}),(0,z.jsx)($,{children:P(`models.creditsPickHint`)})]}):null,s.problem?(0,z.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,z.jsx)(_,{className:`mt-0.5 size-3.5 shrink-0 text-ink-3`}),(0,z.jsx)(`span`,{children:(0,z.jsx)(se,{text:s.problem})})]}):null,c?.kind===`client`&&X(e)?null:(0,z.jsx)(Q,{title:P(`models.try`),children:(0,z.jsx)(Ht,{cap:e,disabled:!y||!n.canEdit},`${e}:${s.ref}`)}),X(e)&&r.subscriptions.includes(`claude`)&&!n.cloud?(0,z.jsx)(Xt,{me:r}):null]})]})}function Yt({state:e,disabled:t}){let n=Z(),[r,i]=(0,R.useState)(e.ollamaUrl),[a,o]=(0,R.useState)((e.bindings.standard??`ollama:qwen3`).replace(/^ollama:/,``));return(0,z.jsxs)(Q,{title:P(`models.optLocal`),children:[(0,z.jsx)($,{children:P(`models.ollamaHint`)}),(0,z.jsxs)(`div`,{className:`grid gap-2 sm:grid-cols-[minmax(0,1fr)_12rem_auto]`,children:[(0,z.jsx)(M,{className:`font-mono text-[0.8125rem]`,value:r,disabled:t,onChange:e=>i(e.target.value)}),(0,z.jsx)(M,{className:`font-mono text-[0.8125rem]`,value:a,disabled:t,onChange:e=>o(e.target.value)}),(0,z.jsx)(N,{variant:`secondary`,busy:n.isPending,disabled:t||!a.trim(),onClick:()=>n.mutate({ollamaUrl:r,bindings:Object.fromEntries(Te.map(e=>[e,`ollama:${a.trim()}`]))}),children:P(`settings.save`)})]})]})}function Xt({me:e}){let t=l(),n=F({mutationFn:e=>c.put(`/api/studio/local/chat`,{engine:e}),onSuccess:()=>t.invalidateQueries({queryKey:[`me`]})});return(0,z.jsxs)(Q,{title:P(`local.chat`),children:[(0,z.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:[`models`,`claude`].map(t=>(0,z.jsx)(`button`,{type:`button`,"aria-pressed":e.chatEngine===t,onClick:()=>n.mutate(t),className:O(`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:P(t===`claude`?`local.chatClaude`:`local.chatModels`)},t))}),(0,z.jsx)($,{children:P(`local.subscription`)})]})}function Zt({provider:e,state:t,place:n,onOpen:r}){let i=Z(),a=ht.filter(t=>e.models[t]?.length),o=t.keys[e.id],s=e.id===`gateway`?[]:t.creditModels.filter(t=>t.source===e.id||t.provider===e.id);return(0,z.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,z.jsx)(Pt,{icon:L,title:e.name,lead:Et(e.about,le),status:(0,z.jsx)(Nt,{text:P(o?`models.keyStored`:`models.keyNone`),tone:o?`done`:`warn`})}),(0,z.jsxs)(k,{className:`flex flex-col gap-6 p-3.5 sm:p-5 sm:p-6`,children:[(0,z.jsx)(Q,{title:P(`models.key`),children:(0,z.jsx)(Lt,{provider:e,stored:o,place:n})}),(0,z.jsx)(Q,{title:P(`models.uses`),children:(0,z.jsx)(`ul`,{className:`flex flex-col divide-y divide-border-soft`,children:a.map(a=>{let o=J[a],s=Ot(t,a,n),c=s?.kind===`key`&&s.provider===e.id;return(0,z.jsxs)(`li`,{className:`flex flex-wrap items-center gap-3 py-2.5`,children:[(0,z.jsx)(o,{className:`size-4 shrink-0 text-ink-3`}),(0,z.jsxs)(`button`,{type:`button`,onClick:()=>r({type:`cap`,id:a}),className:`min-w-0 flex-1 text-left`,children:[(0,z.jsx)(`span`,{className:`block font-medium text-[0.875rem]`,children:P(`models.cap.${a}`)}),(0,z.jsx)(`span`,{className:`block truncate text-[0.75rem] text-ink-3`,children:(e.models[a]??[]).map(e=>e.label).join(` · `)})]}),c?(0,z.jsxs)(`span`,{className:`flex items-center gap-1 font-medium text-[0.75rem] text-moss`,children:[(0,z.jsx)(h,{className:`size-3.5`,strokeWidth:3}),` `,P(`models.inUse`)]}):(0,z.jsx)(N,{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:kt(e,a,t)}),children:P(`models.useFor`)})]},a)})})}),s.length?(0,z.jsxs)(Q,{title:P(`models.viaCredits`,{name:e.name}),children:[(0,z.jsx)($,{children:n.credits?P(`models.viaCreditsHint`):P(`models.viaCreditsNeedsAccount`)}),(0,z.jsx)(qt,{models:s,state:t,place:n})]}):null]})]})}function Qt({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,s=a.version!==null&&a.auth!==`none`;return(0,z.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,z.jsx)(Pt,{icon:de,title:a.name,lead:P(`harness.desc.${t}`),status:(0,z.jsx)(Nt,{text:At(a).note,tone:s?`done`:`warn`})}),(0,z.jsxs)(k,{className:`flex flex-col gap-6 p-3.5 sm:p-5 sm:p-6`,children:[(0,z.jsx)(Q,{title:P(`models.clientSignIn`),children:(0,z.jsx)(Be,{me:e,id:t})}),(0,z.jsxs)(Q,{title:P(`models.uses`),children:[(0,z.jsx)(`ul`,{className:`flex flex-col divide-y divide-border-soft`,children:[`text`,...a.images?[`image`]:[]].map(e=>{let a=J[e],o=Ot(n,e,r),s=o?.kind===`client`&&o.id===t;return(0,z.jsxs)(`li`,{className:`flex items-center gap-3 py-2.5`,children:[(0,z.jsx)(a,{className:`size-4 shrink-0 text-ink-3`}),(0,z.jsx)(`span`,{className:`min-w-0 flex-1 font-medium text-[0.875rem]`,children:P(`models.cap.${e}`)}),s?(0,z.jsxs)(`span`,{className:`flex items-center gap-1 font-medium text-[0.75rem] text-moss`,children:[(0,z.jsx)(h,{className:`size-3.5`,strokeWidth:3}),` `,P(`models.inUse`)]}):(0,z.jsx)(N,{size:`sm`,variant:`secondary`,busy:i.isPending,onClick:()=>i.mutate(e===`text`?{source:t}:{bindings:{image:`${t}/image`}}),children:P(`models.useFor`)})]},e)})}),o?null:(0,z.jsx)($,{children:P(`models.clientNotChosen`,{name:a.name})})]})]})]})}function $t(){return(0,z.jsx)(a,{to:`/settings/account`,className:`font-medium text-ember-strong underline-offset-2 hover:underline`,children:P(`local.toAccount`)})}function en({state:e,place:t,onOpen:n}){let r=Z(),i=ht.filter(t=>e.ways[Y[t]].kind===`credits`),o=t.cloud?P(`models.creditsTeam`):P(`models.creditsName`);return(0,z.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,z.jsx)(Pt,{icon:b,title:o,lead:t.cloud?P(`models.creditsCloudHint`):P(`models.creditsLocalLead`),status:t.balance===null?void 0:(0,z.jsx)(`span`,{className:`font-display font-semibold text-[1.25rem] tabular-nums`,children:P(`nav.credits`,{n:Math.floor(t.balance).toLocaleString()})})}),(0,z.jsxs)(k,{className:`flex flex-col gap-6 p-3.5 sm:p-5 sm:p-6`,children:[!t.cloud&&!t.account?(0,z.jsxs)(Q,{title:P(`models.creditsConnectTitle`),children:[(0,z.jsx)($,{children:P(`models.creditsLocalHint`)}),(0,z.jsx)(`div`,{children:(0,z.jsx)(a,{to:`/settings/account`,children:(0,z.jsx)(N,{children:P(`models.creditsConnect`)})})})]}):null,t.account&&!t.account.signedIn?(0,z.jsxs)(`p`,{className:`text-[0.8125rem] text-rose`,children:[P(`local.accountExpired`),` `,(0,z.jsx)($t,{})]}):null,t.account?(0,z.jsx)(Q,{title:P(`models.creditsFallback`),children:(0,z.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,z.jsx)(ce,{checked:e.creditFallback,disabled:!t.canEdit,onChange:e=>r.mutate({creditFallback:e}),label:P(`models.creditsFallback`)}),(0,z.jsx)($,{children:e.creditFallback?P(`models.creditsFallbackOn`):P(`models.creditsFallbackOff`)})]})}):null,t.credits?(0,z.jsx)(Q,{title:P(`models.creditsOn`),aside:t.topUp?(0,z.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:[P(`models.creditsTopUp`),` `,(0,z.jsx)(C,{className:`size-3`})]}):null,children:i.length?(0,z.jsx)(`ul`,{className:`flex flex-col divide-y divide-border-soft`,children:i.map(t=>{let r=J[t],i=e.ways[Y[t]];return(0,z.jsx)(`li`,{children:(0,z.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,z.jsx)(r,{className:`size-4 shrink-0 text-ink-3`}),(0,z.jsx)(`span`,{className:`min-w-0 flex-1 font-medium text-[0.875rem]`,children:P(`models.cap.${t}`)}),(0,z.jsxs)(`span`,{className:`truncate text-[0.75rem] text-ink-3`,children:[i.ref?q(i.ref):``,` · `,Wt(t,e)]})]})},t)})}):(0,z.jsx)($,{children:P(`models.creditsNone`)})}):null]})]})}function tn(e){return e?e===`credits`?{type:`credits`}:ht.includes(e)?{type:`cap`,id:e}:K(e)?{type:`provider`,id:e}:{type:`client`,id:e}:{type:`cap`,id:`text`}}var nn=e=>e.type===`credits`?`credits`:e.id;function rn({view:e,onView:t}){return null}function an(e){return e.kind===`none`?`off`:e.kind===`credits`?`credits`:`done`}function on(e,t){switch(e.type){case`cap`:return P(`models.cap.${e.id}`);case`provider`:return K(e.id)?.name??e.id;case`client`:return t?.harnesses.find(t=>t.id===e.id)?.name??e.id;default:return t?.mode===`managed`?P(`models.creditsTeam`):P(`models.creditsName`)}}function sn(){let e=ye(),t=Mt(),[n,i]=r(),[a,o]=(0,R.useState)(`auto`),{narrow:s}=Oe(),c=n.get(`show`),l=tn(c);if(je(c||!s?on(l,e.data):null),!e.data||!t.data)return t.isError?(0,z.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:t.error.message}):null;let u=t.data,d=Tt(e.data,a),f=e=>i({show:nn(e)},{replace:!s}),p=e=>!(!c&&s)&&nn(e)===nn(l),m=d.harnesses.filter(e=>e.version!==null||u.source===e.id),h=G.filter(e=>u.keys[e.id]),g=G.filter(e=>!u.keys[e.id]);return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsxs)(Le,{children:[(0,z.jsx)(Ae,{label:P(`models.groupCaps`),children:ht.map(e=>{let t=u.ways[Y[e]];return(0,z.jsx)(I,{icon:J[e],label:P(`models.cap.${e}`),tone:an(t),toneLabel:jt(t,d).text,selected:p({type:`cap`,id:e}),onPick:()=>f({type:`cap`,id:e})},e)})}),(0,z.jsxs)(Ae,{label:P(`models.groupAccess`),children:[(0,z.jsx)(I,{icon:b,label:d.cloud?P(`models.creditsTeam`):P(`models.creditsName`),badge:d.balance===null?null:(0,z.jsx)(`span`,{className:`text-[0.75rem] text-ink-3 tabular-nums`,children:Math.floor(d.balance).toLocaleString()}),tone:d.credits?void 0:`off`,toneLabel:d.credits?void 0:P(`models.noteNeedsAccount`),selected:p({type:`credits`}),onPick:()=>f({type:`credits`})}),m.map(e=>(0,z.jsx)(I,{icon:de,label:e.name,tone:e.version!==null&&e.auth===`subscription`?`done`:e.auth===`api_key`?`on`:`off`,toneLabel:At(e).note,selected:p({type:`client`,id:e.id}),onPick:()=>f({type:`client`,id:e.id})},e.id)),h.map(e=>(0,z.jsx)(I,{icon:L,label:e.name,tone:`done`,toneLabel:P(`models.noteKey`),selected:p({type:`provider`,id:e.id}),onPick:()=>f({type:`provider`,id:e.id})},e.id))]}),g.length?(0,z.jsx)(Ae,{label:P(`models.groupMore`),collapsible:!0,open:g.some(e=>p({type:`provider`,id:e.id})),count:g.length,children:g.map(e=>(0,z.jsx)(I,{icon:L,label:e.name,selected:p({type:`provider`,id:e.id}),onPick:()=>f({type:`provider`,id:e.id})},e.id))}):null,(0,z.jsx)(rn,{view:a,onView:o})]}),d.canEdit?null:(0,z.jsx)(`p`,{className:`mb-4 rounded-lg bg-paper-2 px-3 py-2 text-[0.8125rem] text-ink-2`,children:P(`models.readOnly`)}),l.type===`cap`?(0,z.jsx)(Jt,{cap:l.id,state:u,place:d,me:e.data,onOpen:f},l.id):l.type===`provider`&&K(l.id)?(0,z.jsx)(Zt,{provider:K(l.id),state:u,place:d,onOpen:f},l.id):l.type===`client`?(0,z.jsx)(Qt,{me:e.data,id:l.id,state:u,place:d},l.id):(0,z.jsx)(en,{state:u,place:d,onOpen:f})]})}function cn({name:e,image:t}){return t?(0,z.jsx)(`img`,{src:t,alt:``,className:`size-9 shrink-0 rounded-full object-cover`}):(0,z.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:we(e)})}function ln({me:e}){let t=o({queryKey:[`team`,e.tenant.id],queryFn:()=>c.get(`/api/studio/team`)}),n=t.data,r=n?.plan??e.tenant.plan,i=n?.seats;return(0,z.jsxs)(`div`,{className:`flex flex-col gap-9`,children:[(0,z.jsxs)(T,{title:P(`team.title`),hint:P(`team.hint`),children:[(0,z.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-4 gap-y-3`,children:[(0,z.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,z.jsx)(`div`,{className:`text-[0.8125rem] text-ink-3`,children:P(`team.plan`)}),(0,z.jsxs)(`div`,{className:`mt-0.5 flex items-center gap-2`,children:[(0,z.jsx)(`span`,{className:`font-medium text-[0.9375rem]`,children:r?.name??P(`team.planFree`)}),i?(0,z.jsx)(j,{children:i.limit===null?P(`team.seatsUnlimited`):P(`team.seats`,{taken:i.taken,limit:i.limit})}):null]})]}),(0,z.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,z.jsxs)(N,{variant:`secondary`,onClick:()=>Ee(`${e.manageUrl}/billing`),children:[P(`team.changePlan`),` `,(0,z.jsx)(C,{className:`size-4`})]}),n?.canManage?(0,z.jsxs)(N,{onClick:()=>Ee(`${e.manageUrl}/`),children:[P(`team.manage`),` `,(0,z.jsx)(C,{className:`size-4`})]}):null]})]}),(0,z.jsx)(`p`,{className:`mt-4 text-[0.8125rem] text-ink-3 leading-relaxed`,children:e.tenant.role===`member`?P(`team.memberNote`):P(`team.roles`)})]}),(0,z.jsx)(T,{title:P(`team.members`),children:t.isPending?(0,z.jsx)(D,{}):t.isError||!n?(0,z.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:P(`team.failed`)}):(0,z.jsxs)(`div`,{className:`flex flex-col divide-y divide-border-soft`,children:[n.members.map(t=>(0,z.jsxs)(`div`,{className:`flex items-center gap-3 py-3 first:pt-0 last:pb-0`,children:[(0,z.jsx)(cn,{name:t.name,image:t.image}),(0,z.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,z.jsxs)(`div`,{className:`truncate text-[0.9375rem]`,children:[t.name,t.userId===e.user.id?(0,z.jsxs)(`span`,{className:`text-ink-4`,children:[` · `,P(`team.you`)]}):null]}),(0,z.jsx)(`div`,{className:`truncate text-[0.8125rem] text-ink-3`,children:t.email})]}),(0,z.jsx)(j,{tone:t.role===`member`?void 0:`live`,children:P(`team.role.${t.role}`)})]},t.userId)),n.invitations.map(e=>(0,z.jsxs)(`div`,{className:`flex items-center gap-3 py-3 first:pt-0 last:pb-0`,children:[(0,z.jsx)(`span`,{className:`flex size-9 shrink-0 items-center justify-center rounded-full bg-paper-2 text-ink-3`,children:(0,z.jsx)(Ge,{className:`size-4`})}),(0,z.jsx)(`div`,{className:`min-w-0 flex-1 truncate text-[0.9375rem]`,children:e.email}),(0,z.jsxs)(j,{tone:`warn`,children:[P(`team.invited`),` · `,P(`team.role.${e.role}`)]})]},e.id)),n.members.length===0&&n.invitations.length===0?(0,z.jsxs)(`div`,{className:`flex items-center gap-3 text-[0.875rem] text-ink-3`,children:[(0,z.jsx)(fe,{className:`size-4`}),` –`]}):null]})})]})}function un(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 dn({project:e}){let t=l(),[n,r]=(0,R.useState)(e.mcpServers.map(e=>({...e,auth:e.headers?.Authorization??e.headers?.authorization??``}))),[i,a]=(0,R.useState)(!1),o=e.readOnly,s=F({mutationFn:()=>c.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,z.jsxs)(k,{className:`p-4 sm:p-6`,children:[(0,z.jsx)(`h2`,{className:`font-display font-semibold text-lg`,children:P(`settings.mcp`)}),(0,z.jsx)(`p`,{className:`mt-1 mb-5 text-[0.875rem] text-ink-3`,children:P(`settings.mcpHint`)}),(0,z.jsxs)(`fieldset`,{disabled:o,className:`flex min-w-0 flex-col gap-3`,children:[n.map((e,t)=>(0,z.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,z.jsx)(M,{placeholder:P(`settings.serverName`),value:e.name,onChange:e=>r(n=>n.map((r,i)=>i===t?{...r,name:e.target.value,id:r.id||un(e.target.value,n.map(e=>e.id))}:r))}),(0,z.jsx)(M,{placeholder:`${P(`settings.serverUrl`)} (https://…/mcp)`,value:e.url,onChange:e=>r(n=>n.map((n,r)=>r===t?{...n,url:e.target.value}:n))}),o?(0,z.jsx)(`span`,{}):(0,z.jsx)(A,{label:`Entfernen`,onClick:()=>r(e=>e.filter((e,n)=>n!==t)),className:`hover:text-rose`,children:(0,z.jsx)(re,{className:`size-4`})}),(0,z.jsx)(M,{className:`sm:col-span-2`,placeholder:P(`settings.serverHeader`),value:e.auth??``,onChange:e=>r(n=>n.map((n,r)=>r===t?{...n,auth:e.target.value}:n))}),e.id?(0,z.jsx)(`span`,{className:`self-center font-mono text-[0.6875rem] text-ink-4`,children:e.id}):null]},t)),o?null:(0,z.jsxs)(N,{variant:`secondary`,className:`self-start`,onClick:()=>r(e=>[...e,{id:``,name:``,url:``,auth:``}]),children:[(0,z.jsx)(S,{className:`size-4`}),` `,P(`settings.addServer`)]})]}),o?null:(0,z.jsxs)(`div`,{className:`mt-5 flex items-center justify-end gap-3`,children:[s.error?(0,z.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:s.error.message}):null,(0,z.jsx)(N,{busy:s.isPending,onClick:()=>s.mutate(),children:P(i?`settings.saved`:`settings.save`)})]})]})}var fn=new Set([`models`,`integrate`]);function pn(){let{section:e}=s(),[t]=r(),n=i(),a=ye(),{project:o,loading:c}=Ce(),l=ue(),[d,f]=(0,R.useState)(o?.id);(0,R.useEffect)(()=>f(o?.id),[o?.id]);let p=ge(),h=ze(),[g,_]=(0,R.useState)(null),[v,y]=(0,R.useState)(null),[ee,b]=(0,R.useState)(null),x=he(a.data,p),S=x.find(t=>t.id===e),C=x.map(e=>({...e,to:`/settings/${e.id}`})),te=C.find(t=>t.id===e),w=S?fn.has(S.id):!1,T=S?w&&!t.get(`show`)?1:2:0,E=h?Math.min(T,1):w&&ee!==e?1:0,re=ke(E),ie=ke(T),oe=(0,R.useMemo)(()=>({slot:g,narrow:h,setDetail:y}),[g,h]);if(ve([{label:P(`settings.title`),to:`/settings`},...S?[{label:S.label,to:`/settings/${S.id}`}]:[],...S&&v?[{label:v}]:[]]),!S){if(e===`build`)return(0,z.jsx)(u,{to:`/settings/integrate`,replace:!0});if(e===`project`)return(0,z.jsx)(u,{to:`/space`,replace:!0});if(e!==void 0||!h)return p.status===`ready`||e===void 0?(0,z.jsx)(u,{to:`/settings/account`,replace:!0}):null}let D=S?.id===`connectors`&&l;return(0,z.jsx)(Pe.Provider,{value:oe,children:(0,z.jsx)(`div`,{className:`animate-rise`,children:(0,z.jsxs)(`div`,{className:`grid gap-6 md:grid-cols-[13.5rem_minmax(0,1fr)] md:gap-8 lg:grid-cols-[15rem_minmax(0,1fr)] lg:gap-10`,children:[(0,z.jsxs)(`aside`,{className:O(`min-w-0 md:sticky md:top-20 md:self-start`,h&&T===2&&`hidden`,h&&ie===`back`&&De(`back`)),children:[(0,z.jsx)(Ne,{title:P(`settings.title`),open:E===1?te??null:null,onBack:()=>h?n(`/settings`):b(e??null)}),(0,z.jsx)(`div`,{className:O(De(re)),children:E===0?(0,z.jsx)(Ie,{entries:C,current:h?void 0:te,onPick:()=>b(null)}):(0,z.jsx)(`div`,{ref:_})},E)]}),S?(0,z.jsxs)(`div`,{className:O(`min-w-0`,![`integrate`,`models`].includes(S.id)&&`max-w-2xl`,h&&T<2&&`hidden`,h&&ie===`deeper`&&De(`deeper`)),children:[h?(0,z.jsx)(`div`,{className:`mb-3`,children:(0,z.jsx)(Re,{label:w?S.label:P(`settings.title`),onBack:()=>n(w?`/settings/${S.id}`:`/settings`)})}):null,D?(0,z.jsx)(`div`,{className:`mb-6`,children:(0,z.jsx)(m,{})}):null,S.id===`connectors`&&o?(0,z.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[o.readOnly?(0,z.jsx)(Fe,{children:Me(o)}):null,(0,z.jsx)(rt,{projectId:o.id,readOnly:o.readOnly},d),(0,z.jsx)(dn,{project:o},d)]}):null,S.id===`connectors`&&!o&&!c?(0,z.jsx)(ae,{children:P(`settings.noProject`)}):null,S.id===`models`?(0,z.jsx)(sn,{}):null,S.id===`integrate`?(0,z.jsx)(mt,{}):null,S.id===`account`&&a.data?(0,z.jsx)(ne,{me:a.data}):null,S.id===`team`&&a.data?(0,z.jsx)(ln,{me:a.data}):null,S.id===`plugins`?(0,z.jsx)(Qe,{}):null,S.plugin?(0,z.jsx)(be,{of:S.plugin,children:(0,z.jsx)(S.plugin.component,{})}):null]}):null]})})})}export{pn as SettingsPage};

package/apps/web/dist/assets/{SetupPage-yfG5gOaZ.js → SetupPage-BeBReYLP.js}

@@ -1 +1 @@
-import{a as e,n as t,t as n}from"./jsx-runtime-D3jfb0Ew.js";import{O as r,_ as i,d as a,j as o,m as s,n as c,nt as l}from"./api-C-JIx8M5.js";import{n as ee,t as u}from"./refresh-cw-BNtHis1x.js";import{t as d}from"./arrow-right-6FyN3e7D.js";import{t as f}from"./check-CUpby_J9.js";import{g as p,t as te,x as m}from"./ui-Djd0WhVb.js";import{K as h,f as g,k as _,p as v}from"./index-Bb5l3tTJ.js";import{n as y,t as b}from"./LocalRuntime-BkRQm0GM.js";import{n as ne,t as re}from"./Harness-Dkn6KCJV.js";var x=e(t(),1),S=e(n(),1),C=`oklch(50% 0.2 262)`,w=`oklch(32% 0.15 262)`,T=`oklch(90% 0.1 80)`,E=`oklch(88% 0.17 150)`,D=`oklch(88% 0.14 80)`,O=`rgb(255 255 255 / 0.38)`,ie={"--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)`},k=`ease-[cubic-bezier(0.3,0.7,0.2,1)]`,ae=220,oe={codex:`dome`,claude:`oval`,gemini:`wedge`,cursor:`sprout`,own:`bean`,account:`drop`},se=`oklch(27% 0.09 150)`,A=`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`,j=`left-1/2 -translate-x-1/2 text-center`,M=`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 N(){window.matchMedia(`(max-width: 1023px)`).matches&&window.scrollTo({top:0})}var P=`wizards.setup.own`;function F(){try{return sessionStorage.getItem(P)===`1`}catch{return!1}}function I(e){try{e?sessionStorage.setItem(P,`1`):sessionStorage.removeItem(P)}catch{}}function L(){return(0,S.jsxs)(`span`,{className:`inline-flex items-center gap-2.5`,children:[(0,S.jsx)(i,{size:28}),(0,S.jsxs)(`span`,{className:`font-display font-semibold text-[1.0625rem] tracking-tight`,children:[`engenty`,(0,S.jsx)(`span`,{className:`mr-[0.09em] ml-[0.06em]`,style:{color:T},children:`.`}),(0,S.jsx)(`span`,{className:`font-normal text-white/70`,children:`wizards`})]})]})}function R({selected:e,title:t,description:n,badge:r,note:i,onPick:a}){return(0,S.jsxs)(`button`,{type:`button`,onClick:a,"aria-pressed":e,className:p(`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-white shadow-elevated`:`bg-white/10 ring-1 ring-white/15 hover:bg-white/15`),style:e?{color:w}:void 0,children:[r?(0,S.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:T,color:w},children:r}):null,(0,S.jsx)(`span`,{className:p(`flex size-5 shrink-0 items-center justify-center rounded-full border transition-colors duration-300`,e?`border-transparent`:`border-white/40`),style:e?{background:w}:void 0,children:e?(0,S.jsx)(f,{className:`size-3.5 text-white`}):null}),(0,S.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,S.jsx)(`span`,{className:`block font-medium text-[0.9375rem]`,children:t}),(0,S.jsx)(`span`,{className:p(`mt-0.5 block truncate text-[0.8125rem]`,e?`opacity-70`:`text-white/65`),children:n})]}),i?(0,S.jsx)(`span`,{className:p(`shrink-0 text-[0.75rem]`,e?`opacity-70`:`text-white/65`),children:i}):null,(0,S.jsx)(d,{className:p(`size-4 shrink-0 transition`,e?`opacity-70`:`text-white/40 group-hover:translate-x-0.5 group-hover:text-white/80`)})]})}function z({name:e,at:t,done:n}){let r=[m(`setup.stage.connect`),m(`setup.stage.test`),m(`setup.stage.done`)],i=n?r.length:t+1;return(0,S.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,S.jsx)(`span`,{className:`text-white/70`,children:e}),(0,S.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,S.jsxs)(`li`,{"aria-current":!i&&r===t?`step`:void 0,className:`flex items-center gap-1 transition-colors duration-500`,style:{color:i?E:r===t?D:O},children:[i?(0,S.jsx)(f,{className:`size-3.5`,strokeWidth:3}):null,e]},e)})}),(0,S.jsx)(`span`,{"aria-hidden":`true`,className:`flex gap-1.5`,children:r.map((e,t)=>(0,S.jsx)(`span`,{className:`h-[3px] w-5 rounded-full transition-colors duration-500`,style:{background:t<i?n?E:D:`rgb(255 255 255 / 0.22)`}},e))})]})}function B({href:e,children:t}){return(0,S.jsx)(`a`,{href:e,target:`_blank`,rel:`noreferrer`,className:`transition hover:text-white`,onClick:t=>{t.preventDefault(),y(e)},children:t})}function V(){s(C);let e=_(),t=l(),n=r(),i=o({queryKey:[`config`],queryFn:()=>c.get(`/api/config`)}),[d,y]=(0,x.useState)(F),[D,O]=(0,x.useState)(!1),P=h({mutationFn:e=>c.put(`/api/studio/local/models`,{source:e}),onSuccess:async(e,n)=>{await t.invalidateQueries({queryKey:[`me`]}),y(!0),O(!1),N(),I(n===`own`)}}),V=h({mutationFn:()=>Promise.all((e.data?.harnesses??[]).map(e=>c.post(`/api/studio/local/harness/${e.id}/detect`))),onSuccess:()=>t.invalidateQueries({queryKey:[`me`]})});if(!e.data?.models)return null;let H=e.data.models,U=e=>(e.version===null?2:0)+ +!e.app,W=[...e.data.harnesses].sort((e,t)=>U(e)-U(t)),G=W.filter(e=>e.version!==null),K=d||e.data.setupDone||H.source!==`own`?H.source:null,q=e.data.harnesses.find(e=>e.id===K),J=e.data.setupDone,Y=Object.values(H.keys).some(Boolean),ce=J?2:q?q.auth===`none`?0:1:+!!Y,X=J?m(`setup.h.done`):q?q.version===null?m(`setup.h.install`,{name:q.name}):q.auth===`none`?m(`setup.h.signIn`,{name:q.name}):m(`setup.h.test`):m(Y?`setup.h.test`:`setup.h.keys`),Z=v.site?i.data?.site:null,Q=K!==null&&!D,$=P.isPending?P.variables??K:K;return(0,S.jsxs)(`div`,{className:`flex min-h-dvh flex-col px-6 text-white sm:px-10`,style:ie,children:[(0,S.jsxs)(`header`,{className:`flex items-center justify-between pt-6 sm:pt-8`,children:[(0,S.jsx)(L,{}),(0,S.jsx)(g,{ink:w})]}),(0,S.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,S.jsx)(`div`,{"aria-hidden":`true`,className:p(`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`,k,K?`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,S.jsx)(`div`,{className:`animate-rise`,children:(0,S.jsx)(a,{kind:`drop`,size:ae,fluffy:!0,coat:`fur`})})}),(0,S.jsx)(`div`,{"aria-hidden":`true`,className:p(`shrink-0 transition-[height] duration-500 motion-reduce:transition-none lg:h-0`,k,Q?`max-lg:h-0`:`max-lg:h-[148px]`)}),(0,S.jsxs)(`div`,{className:`flex flex-col gap-10 lg:flex-row lg:items-start lg:gap-14`,children:[(0,S.jsxs)(`section`,{className:p(`flex w-full shrink-0 animate-rise flex-col lg:w-[32rem] lg:transition-[margin] lg:duration-700 motion-reduce:transition-none`,k,K?`lg:ml-0`:`lg:ml-[calc(50%-16rem)]`,Q?`max-lg:hidden`:``),children:[(0,S.jsxs)(`div`,{className:`flex flex-col lg:min-h-[6.5rem]`,children:[(0,S.jsx)(`p`,{className:p(A,`font-medium text-[0.75rem] text-white/70 uppercase tracking-[0.16em]`,K?M:j),children:m(`setup.title`)}),(0,S.jsx)(`h1`,{className:p(A,`mt-2 font-display font-semibold text-[1.625rem] leading-[1.08] tracking-[-0.02em] sm:text-[1.75rem]`,K?M:j),children:m(`setup.source`)}),(0,S.jsx)(`p`,{className:p(A,`mt-2.5 text-[0.9375rem] text-white/75 leading-relaxed`,K?M:j),children:m(`setup.sub`)})]}),(0,S.jsxs)(`div`,{className:`mt-5 flex flex-col gap-2.5`,children:[W.map((e,t)=>(0,S.jsx)(R,{selected:$===e.id,title:e.name,description:m(`harness.desc.${e.id}`),badge:t===0?m(`setup.recommended`):void 0,note:e.version===null?m(`harness.notInstalled`):e.auth===`subscription`?m(`harness.ready`):void 0,onPick:()=>P.mutate(e.id)},e.id)),(0,S.jsx)(R,{selected:$===`own`,title:m(`local.sourceOwn`),description:m(`setup.ownDesc`),onPick:()=>P.mutate(`own`)})]}),(0,S.jsxs)(`div`,{className:`mt-3 flex flex-wrap items-center justify-center gap-x-2 gap-y-1 text-[0.8125rem] text-white/60`,children:[(0,S.jsx)(`span`,{children:G.length?null:m(`setup.noHarness`)}),(0,S.jsxs)(te,{variant:`ghost`,size:`sm`,busy:V.isPending,onClick:()=>V.mutate(),children:[(0,S.jsx)(u,{className:`size-3.5`}),` `,m(`local.recheck`)]})]})]}),K?(0,S.jsxs)(`section`,{className:p(`min-w-0 flex-1 animate-settle`,D?`max-lg:hidden`:``),children:[(0,S.jsxs)(`button`,{type:`button`,onClick:()=>{O(!0),N()},className:`-ml-1.5 mb-5 inline-flex items-center gap-1.5 rounded-full px-1.5 py-1 text-[0.875rem] text-white/80 transition hover:text-white lg:hidden`,children:[(0,S.jsx)(ee,{className:`size-4`}),` `,m(`run.back`)]}),(0,S.jsxs)(`div`,{className:`relative`,children:[(0,S.jsx)(`div`,{"aria-hidden":`true`,className:`absolute top-6 right-2 z-10`,children:(0,S.jsx)(a,{kind:oe[K],size:120,fluffy:!0,coat:`fur`})}),(0,S.jsxs)(`div`,{className:`min-h-[6.5rem]`,children:[(0,S.jsx)(z,{name:q?.name??m(`local.sourceOwn`),at:ce,done:J}),(0,S.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,S.jsx)(`div`,{className:`mt-5 rounded-2xl bg-white/[0.07] p-5 ring-1 ring-white/12 sm:p-6`,children:q?(0,S.jsx)(re,{me:e.data,id:q.id,autoTest:!J}):(0,S.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,S.jsx)(b,{models:H}),(0,S.jsx)(ne,{})]})}),(0,S.jsxs)(`div`,{className:`mt-9`,children:[J?(0,S.jsxs)(`p`,{className:`mb-3 flex animate-rise items-center gap-2 font-medium text-[0.9375rem]`,style:{color:E},children:[(0,S.jsx)(f,{className:`size-4`,strokeWidth:3}),m(`setup.ready`)]}):null,(0,S.jsxs)(`div`,{className:`flex flex-wrap items-center gap-4`,children:[(0,S.jsxs)(`button`,{type:`button`,disabled:!J,onClick:()=>n(`/`,{replace:!0}),className:p(`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-white/20 text-white/65`),style:J?{background:E,color:se}:void 0,children:[m(`setup.done`),(0,S.jsx)(`span`,{"aria-hidden":`true`,className:`transition-transform group-enabled:group-hover:translate-x-0.5`,children:`→`})]}),J?null:(0,S.jsx)(`span`,{className:`text-[0.8125rem] text-white/65`,children:m(`setup.untilWorks`)})]})]})]})]},K):null]})]}),(0,S.jsxs)(`footer`,{className:`mx-auto flex w-full max-w-6xl items-center justify-between gap-4 pb-6 text-[0.75rem] text-white/55 sm:pb-8`,children:[(0,S.jsxs)(`span`,{children:[`© `,new Date().getFullYear(),` engenty · `,m(`setup.local`)]}),(0,S.jsxs)(`span`,{className:`flex items-center gap-5`,children:[Z?(0,S.jsx)(B,{href:Z,children:new URL(Z).host}):null,(0,S.jsx)(`span`,{"aria-hidden":`true`,className:`size-[3px]`,style:{background:T}})]})]})]})}export{V as SetupPage};
+import{a as e,n as t,t as n}from"./jsx-runtime-D3jfb0Ew.js";import{O as r,_ as i,d as a,j as o,m as s,n as c,nt as l}from"./api-rJBQEu1G.js";import{n as ee,t as u}from"./refresh-cw-BNtHis1x.js";import{t as d}from"./arrow-right-6FyN3e7D.js";import{t as f}from"./check-CUpby_J9.js";import{g as p,t as te,x as m}from"./ui-DJOZSSKo.js";import{K as h,f as g,k as _,p as v}from"./index-CoTWrikR.js";import{n as y,t as b}from"./LocalRuntime-CYhPXwAv.js";import{n as ne,t as re}from"./Harness-CfgVRYpr.js";var x=e(t(),1),S=e(n(),1),C=`oklch(50% 0.2 262)`,w=`oklch(32% 0.15 262)`,T=`oklch(90% 0.1 80)`,E=`oklch(88% 0.17 150)`,D=`oklch(88% 0.14 80)`,O=`rgb(255 255 255 / 0.38)`,ie={"--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)`},k=`ease-[cubic-bezier(0.3,0.7,0.2,1)]`,ae=220,oe={codex:`dome`,claude:`oval`,gemini:`wedge`,cursor:`sprout`,own:`bean`,account:`drop`},se=`oklch(27% 0.09 150)`,A=`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`,j=`left-1/2 -translate-x-1/2 text-center`,M=`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 N(){window.matchMedia(`(max-width: 1023px)`).matches&&window.scrollTo({top:0})}var P=`wizards.setup.own`;function F(){try{return sessionStorage.getItem(P)===`1`}catch{return!1}}function I(e){try{e?sessionStorage.setItem(P,`1`):sessionStorage.removeItem(P)}catch{}}function L(){return(0,S.jsxs)(`span`,{className:`inline-flex items-center gap-2.5`,children:[(0,S.jsx)(i,{size:28}),(0,S.jsxs)(`span`,{className:`font-display font-semibold text-[1.0625rem] tracking-tight`,children:[`engenty`,(0,S.jsx)(`span`,{className:`mr-[0.09em] ml-[0.06em]`,style:{color:T},children:`.`}),(0,S.jsx)(`span`,{className:`font-normal text-white/70`,children:`wizards`})]})]})}function R({selected:e,title:t,description:n,badge:r,note:i,onPick:a}){return(0,S.jsxs)(`button`,{type:`button`,onClick:a,"aria-pressed":e,className:p(`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-white shadow-elevated`:`bg-white/10 ring-1 ring-white/15 hover:bg-white/15`),style:e?{color:w}:void 0,children:[r?(0,S.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:T,color:w},children:r}):null,(0,S.jsx)(`span`,{className:p(`flex size-5 shrink-0 items-center justify-center rounded-full border transition-colors duration-300`,e?`border-transparent`:`border-white/40`),style:e?{background:w}:void 0,children:e?(0,S.jsx)(f,{className:`size-3.5 text-white`}):null}),(0,S.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,S.jsx)(`span`,{className:`block font-medium text-[0.9375rem]`,children:t}),(0,S.jsx)(`span`,{className:p(`mt-0.5 block truncate text-[0.8125rem]`,e?`opacity-70`:`text-white/65`),children:n})]}),i?(0,S.jsx)(`span`,{className:p(`shrink-0 text-[0.75rem]`,e?`opacity-70`:`text-white/65`),children:i}):null,(0,S.jsx)(d,{className:p(`size-4 shrink-0 transition`,e?`opacity-70`:`text-white/40 group-hover:translate-x-0.5 group-hover:text-white/80`)})]})}function z({name:e,at:t,done:n}){let r=[m(`setup.stage.connect`),m(`setup.stage.test`),m(`setup.stage.done`)],i=n?r.length:t+1;return(0,S.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,S.jsx)(`span`,{className:`text-white/70`,children:e}),(0,S.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,S.jsxs)(`li`,{"aria-current":!i&&r===t?`step`:void 0,className:`flex items-center gap-1 transition-colors duration-500`,style:{color:i?E:r===t?D:O},children:[i?(0,S.jsx)(f,{className:`size-3.5`,strokeWidth:3}):null,e]},e)})}),(0,S.jsx)(`span`,{"aria-hidden":`true`,className:`flex gap-1.5`,children:r.map((e,t)=>(0,S.jsx)(`span`,{className:`h-[3px] w-5 rounded-full transition-colors duration-500`,style:{background:t<i?n?E:D:`rgb(255 255 255 / 0.22)`}},e))})]})}function B({href:e,children:t}){return(0,S.jsx)(`a`,{href:e,target:`_blank`,rel:`noreferrer`,className:`transition hover:text-white`,onClick:t=>{t.preventDefault(),y(e)},children:t})}function V(){s(C);let e=_(),t=l(),n=r(),i=o({queryKey:[`config`],queryFn:()=>c.get(`/api/config`)}),[d,y]=(0,x.useState)(F),[D,O]=(0,x.useState)(!1),P=h({mutationFn:e=>c.put(`/api/studio/local/models`,{source:e}),onSuccess:async(e,n)=>{await t.invalidateQueries({queryKey:[`me`]}),y(!0),O(!1),N(),I(n===`own`)}}),V=h({mutationFn:()=>Promise.all((e.data?.harnesses??[]).map(e=>c.post(`/api/studio/local/harness/${e.id}/detect`))),onSuccess:()=>t.invalidateQueries({queryKey:[`me`]})});if(!e.data?.models)return null;let H=e.data.models,U=e=>(e.version===null?2:0)+ +!e.app,W=[...e.data.harnesses].sort((e,t)=>U(e)-U(t)),G=W.filter(e=>e.version!==null),K=d||e.data.setupDone||H.source!==`own`?H.source:null,q=e.data.harnesses.find(e=>e.id===K),J=e.data.setupDone,Y=Object.values(H.keys).some(Boolean),ce=J?2:q?q.auth===`none`?0:1:+!!Y,X=J?m(`setup.h.done`):q?q.version===null?m(`setup.h.install`,{name:q.name}):q.auth===`none`?m(`setup.h.signIn`,{name:q.name}):m(`setup.h.test`):m(Y?`setup.h.test`:`setup.h.keys`),Z=v.site?i.data?.site:null,Q=K!==null&&!D,$=P.isPending?P.variables??K:K;return(0,S.jsxs)(`div`,{className:`flex min-h-dvh flex-col px-6 text-white sm:px-10`,style:ie,children:[(0,S.jsxs)(`header`,{className:`flex items-center justify-between pt-6 sm:pt-8`,children:[(0,S.jsx)(L,{}),(0,S.jsx)(g,{ink:w})]}),(0,S.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,S.jsx)(`div`,{"aria-hidden":`true`,className:p(`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`,k,K?`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,S.jsx)(`div`,{className:`animate-rise`,children:(0,S.jsx)(a,{kind:`drop`,size:ae,fluffy:!0,coat:`fur`})})}),(0,S.jsx)(`div`,{"aria-hidden":`true`,className:p(`shrink-0 transition-[height] duration-500 motion-reduce:transition-none lg:h-0`,k,Q?`max-lg:h-0`:`max-lg:h-[148px]`)}),(0,S.jsxs)(`div`,{className:`flex flex-col gap-10 lg:flex-row lg:items-start lg:gap-14`,children:[(0,S.jsxs)(`section`,{className:p(`flex w-full shrink-0 animate-rise flex-col lg:w-[32rem] lg:transition-[margin] lg:duration-700 motion-reduce:transition-none`,k,K?`lg:ml-0`:`lg:ml-[calc(50%-16rem)]`,Q?`max-lg:hidden`:``),children:[(0,S.jsxs)(`div`,{className:`flex flex-col lg:min-h-[6.5rem]`,children:[(0,S.jsx)(`p`,{className:p(A,`font-medium text-[0.75rem] text-white/70 uppercase tracking-[0.16em]`,K?M:j),children:m(`setup.title`)}),(0,S.jsx)(`h1`,{className:p(A,`mt-2 font-display font-semibold text-[1.625rem] leading-[1.08] tracking-[-0.02em] sm:text-[1.75rem]`,K?M:j),children:m(`setup.source`)}),(0,S.jsx)(`p`,{className:p(A,`mt-2.5 text-[0.9375rem] text-white/75 leading-relaxed`,K?M:j),children:m(`setup.sub`)})]}),(0,S.jsxs)(`div`,{className:`mt-5 flex flex-col gap-2.5`,children:[W.map((e,t)=>(0,S.jsx)(R,{selected:$===e.id,title:e.name,description:m(`harness.desc.${e.id}`),badge:t===0?m(`setup.recommended`):void 0,note:e.version===null?m(`harness.notInstalled`):e.auth===`subscription`?m(`harness.ready`):void 0,onPick:()=>P.mutate(e.id)},e.id)),(0,S.jsx)(R,{selected:$===`own`,title:m(`local.sourceOwn`),description:m(`setup.ownDesc`),onPick:()=>P.mutate(`own`)})]}),(0,S.jsxs)(`div`,{className:`mt-3 flex flex-wrap items-center justify-center gap-x-2 gap-y-1 text-[0.8125rem] text-white/60`,children:[(0,S.jsx)(`span`,{children:G.length?null:m(`setup.noHarness`)}),(0,S.jsxs)(te,{variant:`ghost`,size:`sm`,busy:V.isPending,onClick:()=>V.mutate(),children:[(0,S.jsx)(u,{className:`size-3.5`}),` `,m(`local.recheck`)]})]})]}),K?(0,S.jsxs)(`section`,{className:p(`min-w-0 flex-1 animate-settle`,D?`max-lg:hidden`:``),children:[(0,S.jsxs)(`button`,{type:`button`,onClick:()=>{O(!0),N()},className:`-ml-1.5 mb-5 inline-flex items-center gap-1.5 rounded-full px-1.5 py-1 text-[0.875rem] text-white/80 transition hover:text-white lg:hidden`,children:[(0,S.jsx)(ee,{className:`size-4`}),` `,m(`run.back`)]}),(0,S.jsxs)(`div`,{className:`relative`,children:[(0,S.jsx)(`div`,{"aria-hidden":`true`,className:`absolute top-6 right-2 z-10`,children:(0,S.jsx)(a,{kind:oe[K],size:120,fluffy:!0,coat:`fur`})}),(0,S.jsxs)(`div`,{className:`min-h-[6.5rem]`,children:[(0,S.jsx)(z,{name:q?.name??m(`local.sourceOwn`),at:ce,done:J}),(0,S.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,S.jsx)(`div`,{className:`mt-5 rounded-2xl bg-white/[0.07] p-5 ring-1 ring-white/12 sm:p-6`,children:q?(0,S.jsx)(re,{me:e.data,id:q.id,autoTest:!J}):(0,S.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,S.jsx)(b,{models:H}),(0,S.jsx)(ne,{})]})}),(0,S.jsxs)(`div`,{className:`mt-9`,children:[J?(0,S.jsxs)(`p`,{className:`mb-3 flex animate-rise items-center gap-2 font-medium text-[0.9375rem]`,style:{color:E},children:[(0,S.jsx)(f,{className:`size-4`,strokeWidth:3}),m(`setup.ready`)]}):null,(0,S.jsxs)(`div`,{className:`flex flex-wrap items-center gap-4`,children:[(0,S.jsxs)(`button`,{type:`button`,disabled:!J,onClick:()=>n(`/`,{replace:!0}),className:p(`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-white/20 text-white/65`),style:J?{background:E,color:se}:void 0,children:[m(`setup.done`),(0,S.jsx)(`span`,{"aria-hidden":`true`,className:`transition-transform group-enabled:group-hover:translate-x-0.5`,children:`→`})]}),J?null:(0,S.jsx)(`span`,{className:`text-[0.8125rem] text-white/65`,children:m(`setup.untilWorks`)})]})]})]})]},K):null]})]}),(0,S.jsxs)(`footer`,{className:`mx-auto flex w-full max-w-6xl items-center justify-between gap-4 pb-6 text-[0.75rem] text-white/55 sm:pb-8`,children:[(0,S.jsxs)(`span`,{children:[`© `,new Date().getFullYear(),` engenty · `,m(`setup.local`)]}),(0,S.jsxs)(`span`,{className:`flex items-center gap-5`,children:[Z?(0,S.jsx)(B,{href:Z,children:new URL(Z).host}):null,(0,S.jsx)(`span`,{"aria-hidden":`true`,className:`size-[3px]`,style:{background:T}})]})]})]})}export{V as SetupPage};

package/apps/web/dist/assets/{SharePage-C5Vy5zJy.js → SharePage-Cv8toByB.js}

@@ -1 +1 @@
-import{a as e,n as t,t as n}from"./jsx-runtime-D3jfb0Ew.js";import{a as r,d as i,h as a,j as o,k as s,l as c,n as l,r as u}from"./api-C-JIx8M5.js";import{a as d,n as f}from"./RunnerView-C6mpXHeH.js";import{t as p}from"./arrow-right-6FyN3e7D.js";import{f as m,n as h,t as g,x as _,y as v}from"./ui-Djd0WhVb.js";import{BrandHeader as y,useBrandAccent as b}from"./PublicRunner-BVPl_WNQ.js";var x=e(t(),1),S=e(n(),1);function C(){let{token:e}=s(),t=o({queryKey:[`share`,e],queryFn:()=>l.get(`/api/shares/${e}`),retry:(e,t)=>u(t)&&e<3});if(b(t.data?.brand.accent),a(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)(m,{})});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)(i,{kind:`pebble`,size:80}),(0,S.jsx)(`p`,{className:`max-w-sm text-ink-3`,children:_(u(t.error)?`common.offline`:`sharePage.gone`)}),u(t.error)?(0,S.jsx)(g,{variant:`secondary`,onClick:()=>void t.refetch(),children:_(`common.retry`)}):null]});let C=`/api/shares/${n.token}`,w=e=>new Intl.DateTimeFormat(v,{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)(i,{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?_(`sharePage.until`,{date:w(n.expiresAt)}):_(`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)(h,{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)(f,{base:C,stepId:e.id,formats:n,title:r??e.title})]}),(0,S.jsx)(d,{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)(i,{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:[_(`sharePage.own`),` `,(0,S.jsx)(p,{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:`${r}/`,className:`inline-block py-3.5 hover:text-ink-2`,children:_(`run.madeWith`).replace(`engenty wizards`,c.name)})})]})}export{C as SharePage};
+import{a as e,n as t,t as n}from"./jsx-runtime-D3jfb0Ew.js";import{a as r,d as i,h as a,j as o,k as s,l as c,n as l,r as u}from"./api-rJBQEu1G.js";import{a as d,n as f}from"./RunnerView-CFCmOmJI.js";import{t as p}from"./arrow-right-6FyN3e7D.js";import{f as m,n as h,t as g,x as _,y as v}from"./ui-DJOZSSKo.js";import{BrandHeader as y,useBrandAccent as b}from"./PublicRunner-ClB2-2EF.js";var x=e(t(),1),S=e(n(),1);function C(){let{token:e}=s(),t=o({queryKey:[`share`,e],queryFn:()=>l.get(`/api/shares/${e}`),retry:(e,t)=>u(t)&&e<3});if(b(t.data?.brand.accent),a(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)(m,{})});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)(i,{kind:`pebble`,size:80}),(0,S.jsx)(`p`,{className:`max-w-sm text-ink-3`,children:_(u(t.error)?`common.offline`:`sharePage.gone`)}),u(t.error)?(0,S.jsx)(g,{variant:`secondary`,onClick:()=>void t.refetch(),children:_(`common.retry`)}):null]});let C=`/api/shares/${n.token}`,w=e=>new Intl.DateTimeFormat(v,{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)(i,{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?_(`sharePage.until`,{date:w(n.expiresAt)}):_(`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)(h,{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)(f,{base:C,stepId:e.id,formats:n,title:r??e.title})]}),(0,S.jsx)(d,{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)(i,{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:[_(`sharePage.own`),` `,(0,S.jsx)(p,{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:`${r}/`,className:`inline-block py-3.5 hover:text-ink-2`,children:_(`run.madeWith`).replace(`engenty wizards`,c.name)})})]})}export{C as SharePage};