wizards 0.5.6 → 0.5.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wizards",
-  "version": "0.5.6",
+  "version": "0.5.7",
   "description": "Make a wish. Get your wizard. It guides you step by step. Let AI do the work. Runs on your machine, on the AI subscription you already have.",
   "license": "FSL-1.1-MIT",
   "homepage": "https://engenty.ai",

package/apps/web/dist/assets/NewWizardPage-dumNiSqM.js

@@ -1,7 +0,0 @@
-import{r as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,t as n}from"./jsx-runtime-BNakU3Ej.js";import{$ as r,Ht as i,Mn as a,On as o,Or as s,Qn as c,Qt as l,Rr as u,W as d,Yt as f,Zt as p,ar as m,c as h,d as g,dn as _,dr as v,f as ee,gn as y,lr as b,m as te,p as x,pn as S,pr as C,u as ne,un as re,vn as w}from"./ui-C5_NcAmG.js";import{a as T,c as E,i as D,l as O}from"./NewWizardChannels-DkI648G-.js";import{t as k}from"./upload-DcAIMe8d.js";import{C as ie,S as A,T as j,Yt as M,ft as ae,it as N,st as P,w as F}from"./index-DZTDv2pA.js";var I=[[`id`,8],[`toolId`,10],[`moduleId`,7],[`pluginId`,6],[`title`,6],[`description`,4],[`tags`,3],[`path`,3],[`inputSchema`,2],[`outputSchema`,2],[`request`,1],[`response`,1]];function L(e){return e.normalize(`NFKD`).replace(/[̀-ͯ]/g,``).replace(/([a-z])([A-Z])/g,`$1 $2`).toLowerCase()}function R(e){return L(e).split(/[^a-z0-9]+/).map(e=>e.trim()).filter(e=>e.length>1)}function z(e){return e==null?``:Array.isArray(e)?e.map(z).filter(Boolean).join(` `):typeof e==`object`?Object.values(e).map(z).filter(Boolean).join(` `):String(e)}function B(e,t){let n=t.map(([t,n])=>({text:z(e[t]),weight:n})).filter(e=>e.text.length>0);return{fields:n,tokens:n.flatMap(e=>R(e.text))}}function V(e){let t=[e];if(e.length<5)return t;if(e.endsWith(`ing`)){let n=e.slice(0,-3);n.length>=3&&t.push(n,`${n}e`)}else if(e.endsWith(`ies`)&&e.length>=6)t.push(`${e.slice(0,-3)}y`);else if(e.endsWith(`es`))t.push(e.slice(0,-2),e.slice(0,-1));else if(e.endsWith(`ed`)){let n=e.slice(0,-2);t.push(n,`${n}e`)}else e.endsWith(`s`)&&!e.endsWith(`ss`)&&t.push(e.slice(0,-1));return[...new Set(t)]}function H(e,t){if(e===t)return 1;let n=0;for(let r of V(e))for(let i of V(t)){if(r===i){n=Math.max(n,r===e&&i===t?1:.75);continue}r.length>=2&&i.startsWith(r)&&(n=Math.max(n,.55*(r.length/i.length))),i.length>=4&&r.startsWith(i)&&(n=Math.max(n,.4*(i.length/r.length)))}return n}function U(e,t){return e.reduce((e,n)=>e+H(t,n),0)}function W(e,t,n=I){if(!t?.trim())return 0;let r=R(t);if(r.length===0)return 0;let i=B(e,n);return i.tokens.length===0?0:r.reduce((e,t)=>U(i.tokens,t)===0?e:e+i.fields.reduce((e,n)=>{let r=R(n.text),i=U(r,t);if(i===0)return e;let a=i*2.2/(i+1.2+r.length/16);return e+n.weight*a},0),0)}var G=new Set(R(`aber als also am an auch auf aus bei bin bitte brauche brauchen braucht das dass dem den der
-    des die dies diese dieser doch du ein eine einem einen einer eines er es etwas fuer für gerne
-    habe haben hat ich ihr im in ist kann können koennen mache machen mag mein meine meinem meinen
-    meiner mich mir mit möchte moechte nach nicht noch nur oder sich sie sind soll suche suchen
-    sucht um und uns unser unsere vom von vor was wie will wir wird wo wollen zu zum zur
-    a about an and are as at be can do for from have how i in is it like looking me my need of on
-    or our that the this to want we what which who with would you your`)),K=e=>e.replace(/ß/g,`ss`);function q(e){let t=R(K(e)),n=t.filter(e=>!G.has(e));return n.length?n:t}var J=e=>e.trim().split(/\s+/).filter(Boolean).length>=3,Y=e(t(),1),X=e(n(),1);function oe({variant:e=`secondary`,label:t=y(`home.import`)}){let n=b(),r=u(),{project:a}=N(),o=P(),s=(0,Y.useRef)(null),c=M({mutationFn:e=>d.upload(`/api/studio/projects/${a.id}/wizards/import`,e),onSuccess:async({id:e})=>{await r.invalidateQueries({queryKey:[`projects`]}),await r.invalidateQueries({queryKey:[`wizards`]}),n(`/edit/${e}`)}}),p=c.error instanceof i?c.error.body?.issues??[]:[];return!o||a?.readOnly?null:(0,X.jsxs)(X.Fragment,{children:[(0,X.jsxs)(f,{variant:e,busy:c.isPending,disabled:!a,onClick:()=>s.current?.click(),children:[(0,X.jsx)(k,{className:`size-4`}),` `,t]}),(0,X.jsx)(`input`,{ref:s,hidden:!0,type:`file`,onChange:e=>{let t=e.target.files?.[0];e.target.value=``,t&&c.mutate(t)}}),(0,X.jsxs)(l,{open:c.isError,onClose:c.reset,title:y(`import.failed`),children:[(0,X.jsx)(`p`,{className:`text-[0.875rem] text-ink-2`,children:c.error?.message}),p.length?(0,X.jsx)(`ul`,{className:`mt-3 flex list-disc flex-col gap-1 pl-5 text-[0.8125rem] text-ink-2`,children:p.slice(0,8).map(e=>(0,X.jsx)(`li`,{children:e.message},e.message))}):null,(0,X.jsx)(`div`,{className:`mt-5 flex justify-end`,children:(0,X.jsx)(f,{variant:`secondary`,onClick:c.reset,children:y(`common.close`)})})]})]})}var Z=10,Q=3;async function se(e,t){let n=await fetch(r(`/api/studio/wizards/${e}/files/${encodeURIComponent(t.name)}`),{method:`PUT`,credentials:`include`,headers:{"content-type":t.type||`application/octet-stream`,"accept-language":S},body:t});if(!n.ok){let e=await n.json().catch(()=>({}));throw Error(e.error??n.statusText)}}function $({over:e,onClick:t}){return(0,X.jsx)(`button`,{type:`button`,"aria-label":y(`editor.detach`),onClick:t,className:_(`inline-flex shrink-0 items-center justify-center rounded-full`,e?`-top-1.5 -right-1.5 absolute size-5 bg-ink text-paper shadow-soft coarse:size-7`:`size-5 text-ink-3 hover:bg-paper-3 hover:text-ink coarse:size-7`),children:(0,X.jsx)(w,{className:`size-3`})})}function ce(e,t){let n=q(t);if(!n.length)return[];let r=e.map(e=>({w:e,score:W({title:e.title,summary:e.description},n.join(` `),[[`title`,10],[`summary`,6]])})).filter(e=>e.score>0).sort((e,t)=>t.score-e.score),i=J(t)?(r[0]?.score??0)*.4:0;return r.filter(e=>e.score>=i).slice(0,Q).map(e=>e.w)}function le({wish:e,projectId:t,busy:n,onTake:r,onMore:i}){let a=b(),[o,c]=(0,Y.useState)(null),l=j(e.trim(),300),u=C({queryKey:[`wizards`,t,`similar`],queryFn:()=>d.get(`/api/studio/projects/${t}/wizards`)}),m=C({queryKey:[`marketplace`,S,l,`similar`],queryFn:()=>d.get(`/api/studio/marketplace?${new URLSearchParams({lang:S,limit:String(Z),offset:`0`,q:l})}`),enabled:l.length>=3,placeholderData:s});if(l.length<3)return null;let h=ce(u.data??[],l),g=(m.data?.entries??[]).slice(0,Z-h.length),_=(m.data?.total??0)-g.length;if(!(h.length||g.length))return null;let v=`flex items-center gap-3 rounded-xl bg-card py-2 pr-2 pl-3.5 ring-1 ring-border-soft`;return(0,X.jsxs)(`section`,{className:`mt-5`,children:[(0,X.jsx)(`h2`,{className:`mb-2 px-1 text-[0.8125rem] text-ink-3`,children:y(`new.similar`)}),(0,X.jsxs)(`ul`,{className:`flex flex-col gap-1.5`,children:[h.map(e=>(0,X.jsxs)(`li`,{className:v,children:[(0,X.jsx)(p,{children:y(`new.yours`)}),(0,X.jsxs)(`button`,{type:`button`,onClick:()=>a(`/edit/${e.id}`),className:`min-w-0 flex-1 text-left`,children:[(0,X.jsx)(`span`,{className:`block truncate font-medium text-[0.9375rem]`,children:e.title}),(0,X.jsx)(`span`,{className:`block truncate text-[0.8125rem] text-ink-3`,children:e.description})]}),(0,X.jsx)(f,{variant:`secondary`,size:`sm`,onClick:()=>a(`/edit/${e.id}`),children:y(`new.open`)})]},e.id)),g.map(e=>(0,X.jsxs)(`li`,{className:v,children:[(0,X.jsx)(p,{children:y(`new.template`)}),(0,X.jsxs)(`button`,{type:`button`,onClick:()=>c(e.id),className:`min-w-0 flex-1 text-left`,children:[(0,X.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2`,children:[(0,X.jsx)(`span`,{className:`truncate font-medium text-[0.9375rem]`,children:e.title}),e.plan===`pro`?(0,X.jsx)(F,{}):null]}),(0,X.jsx)(`span`,{className:`block truncate text-[0.8125rem] text-ink-3`,children:e.pitch})]}),(0,X.jsx)(f,{variant:`secondary`,size:`sm`,disabled:n,onClick:()=>r(e),children:y(`new.take`)})]},e.id))]}),_>0?(0,X.jsx)(`button`,{type:`button`,onClick:()=>i(l),className:`mt-2 px-1 text-[0.875rem] text-ink-2 hover:text-ink coarse:min-h-11`,children:y(`new.more`,{n:_})}):null,(0,X.jsx)(A,{id:o,fallback:g.find(e=>e.id===o)??null,onClose:()=>c(null),onUse:r,busy:n})]})}function ue(){let e=b(),t=u(),{project:n}=N(),r=P(),[i]=v(),[s,l]=(0,Y.useState)(i.get(`wish`)??``),[p,w]=(0,Y.useState)([`steps`]),[k,A]=(0,Y.useState)([]),[j,F]=(0,Y.useState)(!1),[I,L]=(0,Y.useState)(null),R=(0,Y.useRef)(null),z=(0,Y.useRef)(null),B=(0,Y.useRef)(null),[V]=te(),H=x(s,l,{deviceId:V.deviceId}),U=C({queryKey:[`runners`],queryFn:()=>d.get(`/api/studio/runners`)}),W=e=>{let t=e.map(ee);A(e=>[...e.filter(e=>!t.some(t=>t.name===e.name)),...t])},[G,K]=(0,Y.useState)(new Map);(0,Y.useEffect)(()=>{let e=new Map(k.filter(e=>e.type.startsWith(`image/`)).map(e=>[e,URL.createObjectURL(e)]));return K(e),()=>{for(let t of e.values())URL.revokeObjectURL(t)}},[k]);let q=M({mutationFn:e=>d.post(`/api/studio/wizards`,{projectId:n.id,starterId:e,lang:S}),onSuccess:async({id:n})=>{await t.invalidateQueries({queryKey:[`projects`]}),await t.invalidateQueries({queryKey:[`wizards`]}),e(`/edit/${n}`)}}),J=M({mutationFn:async()=>{let e=B.current??(await d.post(`/api/studio/wizards`,{projectId:n.id,lang:S})).id;B.current=e,E(p)||await d.patch(`/api/studio/wizards/${e}`,{runners:O(p)});for(let t of k)await se(e,t);return e},onSuccess:async n=>{await t.invalidateQueries({queryKey:[`projects`]}),await t.invalidateQueries({queryKey:[`wizards`]});let r=s.trim();E(p)||(r+=`\n\n${T(p)}`),k.length&&(r+=`\n\n${y(`editor.attached`)}: ${k.map(e=>e.name).join(`, `)}`),e(`/edit/${n}?prompt=${encodeURIComponent(r)}`)}}),Z=()=>{s.trim()&&n&&!J.isPending&&(H.listening&&H.stop(),J.mutate())};if(!r||n?.readOnly)return(0,X.jsx)(m,{to:`/`,replace:!0});let Q=J.error??q.error;return(0,X.jsxs)(`div`,{className:`animate-rise md:pt-4`,children:[(0,X.jsxs)(`div`,{className:`mx-auto max-w-2xl`,children:[(0,X.jsxs)(`div`,{className:`flex flex-col items-center text-center`,children:[(0,X.jsx)(`div`,{className:`size-[84px] md:size-auto`,children:(0,X.jsx)(`div`,{className:`origin-top-left scale-[0.56] md:scale-100`,children:(0,X.jsx)(ae,{kind:`sprout`,size:150,fluffy:!0})})}),(0,X.jsx)(`h1`,{className:`mt-1 font-display font-semibold text-[1.5rem] leading-tight tracking-tight md:mt-2 md:text-[2.375rem]`,children:y(`new.title`)})]}),(0,X.jsx)(D,{value:p,onChange:w,runners:U.data,className:`mt-4 px-1 md:mt-8`}),(0,X.jsxs)(`div`,{className:_(`relative mt-3 rounded-2xl bg-card p-2 shadow-elevated ring-1 ring-border-soft focus-within:ring-focus`,j&&`ring-2 ring-focus`),onDragOver:e=>{e.dataTransfer.types.includes(`Files`)&&(e.preventDefault(),F(!0))},onDragLeave:()=>F(!1),onDrop:e=>{e.preventDefault(),F(!1),W(Array.from(e.dataTransfer.files).map(g))},children:[k.length?(0,X.jsx)(`div`,{className:`flex flex-wrap items-center gap-2 px-2 pt-2 pb-1`,children:k.map((e,t)=>{let n=G.get(e),r=()=>A(e=>e.filter((e,n)=>n!==t));return n?(0,X.jsx)(ne,{url:n,label:e.name,children:(0,X.jsx)($,{over:!!n,onClick:r})},`${e.name}-${t}`):(0,X.jsxs)(`span`,{className:`inline-flex max-w-full items-center gap-1.5 rounded-full bg-paper-2 py-1 pr-1 pl-2.5 text-[0.8125rem] text-ink-2`,children:[(0,X.jsx)(a,{className:`size-3.5 shrink-0 text-ink-4`}),(0,X.jsx)(`span`,{className:`truncate`,children:e.name}),(0,X.jsx)($,{over:!!n,onClick:r})]},`${e.name}-${t}`)})}):null,(0,X.jsx)(re,{autoFocus:!0,minRows:4,value:s,onChange:e=>l(e.target.value),onPaste:e=>{let t=Array.from(e.clipboardData.files);t.length&&(e.preventDefault(),W(t.map(g)))},onKeyDown:e=>{e.key===`Enter`&&(e.metaKey||e.ctrlKey)&&Z()},placeholder:H.listening?y(`editor.listening`):y(`new.placeholder`),className:`border-0 bg-transparent text-[1rem] shadow-none focus:ring-0`}),(0,X.jsxs)(`div`,{className:`flex items-center gap-2 px-1 pb-1`,children:[(0,X.jsx)(`button`,{type:`button`,"aria-label":y(`editor.attach`),title:y(`editor.attach`),onClick:()=>z.current?.click(),className:`inline-flex size-10 shrink-0 items-center justify-center rounded-full border border-border text-ink transition hover:bg-paper-2 coarse:size-11`,children:(0,X.jsx)(o,{className:`size-4`})}),(0,X.jsx)(`input`,{ref:z,type:`file`,multiple:!0,hidden:!0,onChange:e=>{let t=Array.from(e.target.files??[]);e.target.value=``,W(t)}}),(0,X.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-[0.75rem] text-ink-4`,children:j?y(`new.dropHint`):null}),H.supported?(0,X.jsx)(h,{speech:H}):null,(0,X.jsxs)(f,{size:`md`,onClick:Z,busy:J.isPending,disabled:!s.trim()||q.isPending,children:[y(`new.build`),` `,(0,X.jsx)(c,{className:`size-4`})]})]})]}),(0,X.jsx)(`p`,{className:`mt-3 text-center text-[0.875rem] text-ink-3`,children:y(`new.hint`)}),H.error?(0,X.jsx)(`p`,{className:`mt-2 px-3 text-[0.75rem] text-rose`,children:H.error===`denied`?y(`editor.micDenied`):H.error}):null,Q?(0,X.jsx)(`p`,{className:`mt-3 text-center text-[0.875rem] text-rose`,children:Q.message}):null,n?(0,X.jsx)(le,{wish:s,projectId:n.id,busy:q.isPending||J.isPending,onTake:e=>!q.isPending&&q.mutate(e.id),onMore:e=>{L({text:e}),R.current?.scrollIntoView({behavior:`smooth`,block:`start`})}}):null]}),(0,X.jsxs)(`section`,{ref:R,className:`mx-auto max-w-5xl scroll-mt-6`,children:[(0,X.jsx)(`h2`,{className:`mt-16 mb-5 text-center font-medium text-[0.8125rem] text-ink-3 uppercase tracking-[0.08em]`,children:y(`new.orStarter`)}),(0,X.jsx)(ie,{open:i.get(`starter`),search:I,busy:q.isPending,onUse:e=>n&&!q.isPending&&q.mutate(e.id)})]}),(0,X.jsx)(`div`,{className:`mt-8 flex justify-center`,children:(0,X.jsx)(oe,{variant:`ghost`,label:y(`new.import`)})})]})}export{ue as NewWizardPage};

package/apps/web/dist/assets/OnboardingPage-BAfHLLNT.js

@@ -1 +0,0 @@
-import{r as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,t as n}from"./jsx-runtime-BNakU3Ej.js";import{Bn as r,Qn as i,Rr as a,W as o,Yn as s,dn as c,gn as l,lr as u}from"./ui-C5_NcAmG.js";import{t as d}from"./upload-DcAIMe8d.js";import{V as f,Yt as p,_t as m,ct as h,ft as g,it as _,mt as v}from"./index-DZTDv2pA.js";var y=e(t(),1),b=e(n(),1),x=`oklch(50% 0.2 262)`,S=`oklch(32% 0.15 262)`,C={"--on":`white`,"--dot":`oklch(90% 0.1 80)`,"--ink-2":`oklch(96% 0.02 262)`,"--ink-3":`oklch(90% 0.035 262)`,"--moss":`oklch(90% 0.14 150)`,"--rose":`oklch(89% 0.09 45)`},w=`w-full rounded-[18px] border border-white/30 bg-white/15 px-6 py-5 text-[1.375rem] text-white outline-none placeholder:text-white/55 focus:border-white/60`;function T(){return(0,b.jsxs)(`span`,{className:`inline-flex items-center gap-2.5`,children:[(0,b.jsx)(m,{size:28}),(0,b.jsxs)(`span`,{className:`font-display font-semibold text-[1.0625rem] tracking-tight`,children:[`engenty`,(0,b.jsx)(`span`,{className:`mr-[0.09em] ml-[0.06em] text-(color:--dot)`,children:`.`}),(0,b.jsx)(`span`,{className:`font-normal text-white/70`,children:`wizards`})]})]})}function E({children:e,busy:t,onClick:n,type:r=`button`}){return(0,b.jsxs)(`button`,{type:r,disabled:t,onClick:n,className:`inline-flex h-13 cursor-pointer items-center gap-2.5 rounded-full bg-white px-7 font-semibold text-[1rem] transition hover:bg-white/90 disabled:cursor-default disabled:opacity-70`,style:{color:S},children:[e,(0,b.jsx)(i,{className:`size-[18px]`})]})}function D({children:e,onClick:t}){return(0,b.jsx)(`button`,{type:`button`,onClick:t,className:`cursor-pointer font-semibold text-[0.9375rem] text-white/85 transition hover:text-white`,children:e})}function O({step:e}){return(0,b.jsx)(`span`,{className:`ml-auto inline-flex gap-1.5`,role:`img`,"aria-label":l(`onboard.step`,{n:e}),children:[1,2,3,4].map(t=>(0,b.jsx)(`span`,{className:c(`size-2 rounded-full`,t===e?`bg-white`:`bg-white/40`)},t))})}function k(){v(x);let e=h(),t=a(),n=u(),{project:i}=_(),[m,k]=(0,y.useState)(1),[A,j]=(0,y.useState)(``),[M,N]=(0,y.useState)(``),[P,F]=(0,y.useState)(null),[I,L]=(0,y.useState)(null),[R,z]=(0,y.useState)([]),B=(0,y.useRef)(null),V=p({mutationFn:e=>o.put(`/api/studio/team`,{name:e}),onSuccess:()=>t.invalidateQueries({queryKey:[`team`]})}),H=p({mutationFn:e=>o.post(`/api/studio/projects/${i?.id}/website`,{url:e}),onSuccess:async e=>{L(e),await t.invalidateQueries({queryKey:[`projects`]})}}),U=p({mutationFn:e=>o.patch(`/api/studio/projects/${i?.id}`,{brand:{about:e}}),onSuccess:()=>t.invalidateQueries({queryKey:[`projects`]})}),W=p({mutationFn:()=>o.post(`/api/studio/onboarding/done`),onSuccess:async()=>{await t.invalidateQueries({queryKey:[`me`]}),n(`/new`,{replace:!0})}}),G=e.data?.user.name??``,K=G.includes(`@`)?``:G.split(` `)[0],q=async e=>{if(e&&i){for(let t of Array.from(e)){z(e=>[...e,{name:t.name,state:`uploading`}]);try{await o.upload(`/api/studio/projects/${i.id}/files?kind=document`,t),z(e=>e.map(e=>e.name===t.name?{...e,state:`done`}:e))}catch{z(e=>e.map(e=>e.name===t.name?{...e,state:`failed`}:e))}}await t.invalidateQueries({queryKey:[`projects`]})}},J=I?[I.about?l(`onboard.readAbout`):``,I.colors?l(`onboard.readColors`,{n:I.colors}):``,I.logo?l(`onboard.readLogo`):``].join(``):``;return(0,b.jsxs)(`div`,{className:`flex min-h-dvh flex-col px-6 text-white sm:px-10`,style:{...C,background:x},children:[(0,b.jsxs)(`header`,{className:`flex items-center justify-between pt-6 sm:pt-8`,children:[(0,b.jsx)(T,{}),(0,b.jsx)(f,{tone:`ground`,ink:S})]}),(0,b.jsxs)(`main`,{className:`mx-auto grid w-full max-w-6xl flex-1 items-center gap-10 py-10 lg:grid-cols-[5fr_7fr] lg:gap-12`,children:[(0,b.jsx)(`div`,{className:`flex justify-center max-lg:order-first`,children:(0,b.jsx)(g,{kind:`drop`,size:240,fluffy:!0,coat:`fur`})}),(0,b.jsxs)(`div`,{className:`flex min-w-0 max-w-2xl animate-rise flex-col gap-5`,children:[m===1?(0,b.jsxs)(`form`,{className:`contents`,onSubmit:e=>{e.preventDefault();let t=A.trim();t?V.mutate(t,{onSuccess:()=>k(2)}):k(2)},children:[(0,b.jsx)(`p`,{className:`font-medium text-[0.75rem] text-white/85 uppercase tracking-[0.14em]`,children:K?l(`onboard.kicker1`,{name:K}):l(`onboard.kicker1Anon`)}),(0,b.jsx)(`h1`,{className:`font-display font-bold text-[2.5rem] leading-[1.05] tracking-[-0.02em] sm:text-[3.25rem]`,children:l(`onboard.team`)}),(0,b.jsx)(`p`,{className:`text-[1.0625rem] text-white/90 leading-relaxed`,children:l(`onboard.teamSub`)}),(0,b.jsx)(`input`,{value:A,onChange:e=>j(e.target.value),placeholder:l(`onboard.teamPlaceholder`),maxLength:80,"aria-label":l(`onboard.team`),className:w}),(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center gap-5`,children:[(0,b.jsx)(E,{type:`submit`,busy:V.isPending,children:l(`onboard.continue`)}),(0,b.jsx)(O,{step:1})]})]}):null,m===2?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(`p`,{className:`font-medium text-[0.75rem] text-white/85 uppercase tracking-[0.14em]`,children:l(`onboard.kicker2`)}),(0,b.jsx)(`h1`,{className:`font-display font-bold text-[2.5rem] leading-[1.05] tracking-[-0.02em] sm:text-[3.25rem]`,children:l(`onboard.site`)}),(0,b.jsx)(`p`,{className:`text-[1.0625rem] text-white/90 leading-relaxed`,children:l(`onboard.siteSub`)}),P===null?(0,b.jsxs)(`form`,{className:`contents`,onSubmit:e=>{e.preventDefault(),M.trim()&&!H.isPending&&H.mutate(M.trim())},children:[(0,b.jsx)(`input`,{value:M,onChange:e=>N(e.target.value),placeholder:l(`onboard.sitePlaceholder`),inputMode:`url`,autoCapitalize:`none`,"aria-label":l(`onboard.site`),className:w}),I?(0,b.jsxs)(`p`,{className:`flex items-center gap-2 text-[0.9375rem] text-(color:--moss)`,children:[(0,b.jsx)(s,{className:`size-4`}),l(`onboard.readDone`,{name:I.name,details:J})]}):H.isError?(0,b.jsx)(`p`,{className:`text-[0.9375rem] text-(color:--rose)`,children:l(`onboard.readFailed`)}):null,(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center gap-5`,children:[I?(0,b.jsx)(E,{onClick:()=>k(3),children:l(`onboard.continue`)}):(0,b.jsx)(E,{type:`submit`,busy:H.isPending,children:H.isPending?l(`onboard.reading`):l(`onboard.read`)}),(0,b.jsx)(D,{onClick:()=>F(``),children:l(`onboard.line`)}),(0,b.jsx)(D,{onClick:()=>k(3),children:l(`onboard.skip`)}),(0,b.jsx)(O,{step:2})]})]}):(0,b.jsxs)(`form`,{className:`contents`,onSubmit:e=>{e.preventDefault();let t=P.trim();t?U.mutate(t,{onSuccess:()=>k(3)}):k(3)},children:[(0,b.jsx)(`textarea`,{value:P,onChange:e=>F(e.target.value),placeholder:l(`onboard.linePlaceholder`),rows:3,maxLength:8e3,"aria-label":l(`onboard.line`),className:c(w,`resize-none text-[1.125rem] leading-relaxed`)}),(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center gap-5`,children:[(0,b.jsx)(E,{type:`submit`,busy:U.isPending,children:l(`onboard.continue`)}),(0,b.jsx)(D,{onClick:()=>F(null),children:l(`onboard.site`)}),(0,b.jsx)(D,{onClick:()=>k(3),children:l(`onboard.skip`)}),(0,b.jsx)(O,{step:2})]})]})]}):null,m===3?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(`p`,{className:`font-medium text-[0.75rem] text-white/85 uppercase tracking-[0.14em]`,children:l(`onboard.kicker3`)}),(0,b.jsx)(`h1`,{className:`font-display font-bold text-[2.5rem] leading-[1.05] tracking-[-0.02em] sm:text-[3.25rem]`,children:l(`onboard.know`)}),(0,b.jsx)(`p`,{className:`text-[1.0625rem] text-white/90 leading-relaxed`,children:l(`onboard.knowSub`)}),(0,b.jsxs)(`button`,{type:`button`,onClick:()=>B.current?.click(),onDragOver:e=>e.preventDefault(),onDrop:e=>{e.preventDefault(),q(e.dataTransfer.files)},className:`flex cursor-pointer flex-col items-center gap-2 rounded-[18px] border-2 border-white/45 border-dashed bg-white/10 px-6 py-7 text-center transition hover:bg-white/15`,children:[(0,b.jsx)(d,{className:`size-7`}),(0,b.jsx)(`span`,{className:`font-semibold text-[1.0625rem]`,children:l(`onboard.drop`)}),(0,b.jsx)(`span`,{className:`text-[0.875rem] text-white/80`,children:`PDF · Word · Excel · Markdown`}),(0,b.jsx)(`input`,{ref:B,type:`file`,multiple:!0,className:`sr-only`,onChange:e=>{q(e.target.files),e.target.value=``}})]}),R.length?(0,b.jsx)(`ul`,{className:`flex flex-col gap-2`,children:R.map(e=>(0,b.jsxs)(`li`,{className:`flex items-center gap-2.5 rounded-xl bg-white/15 px-3.5 py-2.5 text-[0.875rem]`,children:[(0,b.jsx)(r,{className:`size-4 shrink-0`}),(0,b.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.name}),(0,b.jsx)(`span`,{className:c(`text-white/80`,e.state===`failed`?`text-(color:--rose)`:``),children:e.state===`uploading`?l(`onboard.uploading`):e.state===`done`?l(`onboard.uploaded`):l(`onboard.uploadFailed`)})]},e.name))}):null,(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center gap-5`,children:[(0,b.jsx)(E,{busy:R.some(e=>e.state===`uploading`),onClick:()=>k(4),children:l(`onboard.continue`)}),R.length?null:(0,b.jsx)(D,{onClick:()=>k(4),children:l(`onboard.skip`)}),(0,b.jsx)(O,{step:3})]})]}):null,m===4?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(`p`,{className:`font-medium text-[0.75rem] text-white/85 uppercase tracking-[0.14em]`,children:l(`onboard.kicker4`)}),(0,b.jsx)(`h1`,{className:`font-display font-bold text-[2.5rem] leading-[1.05] tracking-[-0.02em] sm:text-[3.25rem]`,children:l(`onboard.space`)}),(0,b.jsx)(`p`,{className:`text-[1.0625rem] text-white/90 leading-relaxed`,children:l(`onboard.spaceSub`,{space:i?.name??``})}),(0,b.jsx)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[[`partInfo`,`partInfoText`,!!(I||P)],[`partKnow`,`partKnowText`,R.some(e=>e.state===`done`)],[`partData`,`partDataText`,!1],[`partResults`,`partResultsText`,!1]].map(([e,t,n])=>(0,b.jsxs)(`div`,{className:`flex flex-col gap-1.5 rounded-2xl border border-white/20 bg-white/10 px-4.5 py-4`,children:[(0,b.jsxs)(`span`,{className:`flex items-center gap-2 font-semibold text-[1rem]`,children:[n?(0,b.jsx)(s,{className:`size-4 text-(color:--moss)`}):null,l(`onboard.${e}`)]}),(0,b.jsx)(`span`,{className:`text-[0.84375rem] text-white/85 leading-snug`,children:l(`onboard.${t}`)})]},e))}),(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center gap-5`,children:[(0,b.jsx)(E,{busy:W.isPending,onClick:()=>W.mutate(),children:l(`onboard.build`)}),(0,b.jsx)(O,{step:4})]})]}):null]},m)]}),(0,b.jsxs)(`footer`,{className:`mx-auto flex w-full max-w-6xl items-center justify-between pb-6 text-[0.75rem] text-white/55 sm:pb-8`,children:[(0,b.jsx)(`span`,{children:`engenty`}),(0,b.jsx)(`span`,{"aria-hidden":`true`,className:`size-[3px] bg-(color:--dot)`})]})]})}export{k as OnboardingPage};

package/apps/web/dist/assets/PublicRunner-CuxDAXK7.js

@@ -1 +0,0 @@
-import{r as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,t as n}from"./jsx-runtime-BNakU3Ej.js";import{$ as r,J as i,Qn as a,Ut as o,W as s,Yt as c,ar as l,dn as u,en as d,gn as f,lr as p,on as m,pr as h,tr as g,ur as _,vn as v}from"./ui-C5_NcAmG.js";import{a as y,i as b,n as x,o as S,r as C,s as w,t as T}from"./ChatView-S1H9Pcih.js";import{a as E,dt as D,ft as O,gt as ee,n as k,o as A,pt as j}from"./index-DZTDv2pA.js";import{t as M}from"./RunnerView-DN4sMYS6.js";var N={name:`bookmark`,size:24,node:[[`path`,{d:`M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z`,key:`oz39mx`}]]};N.node;var P=g(N),F={name:`smartphone`,size:24,node:[[`rect`,{width:`14`,height:`20`,x:`5`,y:`2`,rx:`2`,ry:`2`,key:`1yt0o3`}],[`path`,{d:`M12 18h.01`,key:`mhygvu`}]]};F.node;var te=g(F),I={name:`square-plus`,size:24,node:[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`path`,{d:`M8 12h8`,key:`1wcyev`}],[`path`,{d:`M12 8v8`,key:`napkw2`}]],aliases:[`plus-square`]};I.node;var L=g(I),R=e(t(),1);function ne(){if(window.self===window.top)return null;let e=new URLSearchParams(window.location.search).get(`embed`);return e===`inline`||e===`modal`||e===`popout`?e:null}var z=ne(),re=z?new URLSearchParams(window.location.search).get(`page`):null,B=(e,t={})=>window.parent.postMessage({type:`engenty-wizard:${e}`,...t},`*`),ie=()=>B(`close`);function V(e){(0,R.useEffect)(()=>{if(z===`inline`&&!e){let e=document.documentElement;document.getElementById(`root`)?.style.setProperty(`min-height`,`0`),e.style.overflow=`hidden`;let t=new ResizeObserver(()=>B(`height`,{height:Math.ceil(e.getBoundingClientRect().height)}));return t.observe(e),()=>t.disconnect()}if(z===`modal`||z===`popout`){let e=e=>{e.key===`Escape`&&!document.querySelector(`dialog[open]`)&&B(`close`)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)}},[e])}var H=e(n(),1);function U(e){(0,R.useEffect)(()=>{if(!e)return;let t=document.documentElement;return t.style.setProperty(`--raw-primary`,e),()=>{t.style.removeProperty(`--raw-primary`)}},[e])}function W(e,t){(0,R.useEffect)(()=>{if(!e||!t)return;let n=r(`/api/public/wizards/${e}`),i=[{rel:`manifest`,href:`${n}/manifest.webmanifest`},{rel:`apple-touch-icon`,href:`${n}/icons/apple-touch-icon.png`},{rel:`icon`,href:`${n}/icons/favicon.png`,type:`image/png`}].flatMap(({rel:e,href:t,type:n})=>{let r=document.querySelector(`link[rel="${e}"]`);if(!r)return[];let i={href:r.getAttribute(`href`),type:r.getAttribute(`type`)};return r.setAttribute(`href`,t),n&&r.setAttribute(`type`,n),[{link:r,before:i}]}),a=document.createElement(`meta`);return a.name=`apple-mobile-web-app-title`,a.content=t,document.head.appendChild(a),()=>{for(let{link:e,before:t}of i)for(let[n,r]of Object.entries(t))r===null?e.removeAttribute(n):e.setAttribute(n,r);a.remove()}},[e,t])}var G=/iPhone|iPad|iPod/.test(navigator.userAgent)||navigator.platform===`MacIntel`&&navigator.maxTouchPoints>1,K=G||/Android/.test(navigator.userAgent);function q(){let[e,t]=(0,R.useState)(()=>window.wizardInstall??null),[n,r]=(0,R.useState)(!1);if((0,R.useEffect)(()=>{let e=()=>t(window.wizardInstall??null);return window.addEventListener(`wizard-install`,e),()=>window.removeEventListener(`wizard-install`,e)},[]),window.matchMedia(`(display-mode: standalone)`).matches||navigator.standalone===!0||K&&!e&&!G)return null;let i=/Mac/.test(navigator.platform),a=f(K?`install.ios`:i?`install.bookmark.mac`:`install.bookmark.pc`);return(0,H.jsxs)(`div`,{className:`mt-6 flex flex-col items-center gap-2 text-[0.8125rem] text-ink-3`,children:[(0,H.jsxs)(`button`,{type:`button`,onClick:()=>{K&&e?(e.prompt(),window.wizardInstall=null,t(null)):r(e=>!e)},className:`inline-flex items-center gap-1.5 underline-offset-4 hover:text-ink hover:underline coarse:min-h-11`,children:[K?(0,H.jsx)(L,{className:`size-4`}):(0,H.jsx)(P,{className:`size-4`}),f(K?`install.add`:`install.bookmark`)]}),n?(0,H.jsx)(`p`,{className:`max-w-xs leading-relaxed`,children:a}):null]})}function J({brand:e,toggle:t=!0}){return(0,H.jsx)(`header`,{className:`safe-top`,children:(0,H.jsxs)(`div`,{className:`relative flex h-14 items-center justify-center px-5`,children:[e.logoUrl?(0,H.jsx)(`img`,{src:r(e.logoUrl),alt:e.name,className:`h-7 max-w-[160px] object-contain`}):e.name?(0,H.jsx)(`span`,{className:`max-w-[60%] truncate font-display font-semibold text-[0.9375rem] text-ink-2 tracking-tight`,children:e.name}):null,t?(0,H.jsx)(`div`,{className:`absolute right-3`,children:(0,H.jsx)(j,{})}):null]})})}function Y({siteKey:e,onToken:t}){let n=(0,R.useRef)(null);return(0,R.useEffect)(()=>{let r=()=>{n.current&&window.turnstile&&!n.current.childElementCount&&window.turnstile.render(n.current,{sitekey:e,callback:t,appearance:`interaction-only`})};if(window.turnstile){r();return}let i=document.createElement(`script`);i.src=`https://challenges.cloudflare.com/turnstile/v0/api.js`,i.async=!0,i.onload=r,document.head.appendChild(i)},[e,t]),(0,H.jsx)(`div`,{ref:n,className:`mt-4 flex justify-center`})}function ae({token:e}){return!/iPhone|iPad|iPod|Android/.test(navigator.userAgent)||k||z?null:(0,H.jsxs)(`a`,{href:E(`${window.location.origin}${i}/w/${e}`),className:`mt-3 inline-flex items-center gap-1.5 text-[0.8125rem] text-ink-3 underline-offset-4 hover:text-ink hover:underline coarse:min-h-11`,children:[(0,H.jsx)(te,{className:`size-4`}),` `,f(`install.app`)]})}var X=e=>`wz.run.${e}`,Z=k&&new URLSearchParams(window.location.search).get(`start`)===`1`,Q=z===`inline`?`min-h-80`:`min-h-dvh`;function $(e,t){let n=p(),[r,i]=(0,R.useState)(!1),[a,o]=(0,R.useState)(null),[c,l]=(0,R.useState)(null),u=(()=>{try{return localStorage.getItem(X(e.token))}catch{return null}})();return{busy:r,error:a,captcha:c,setCaptcha:l,start:async()=>{i(!0),o(null);try{let{runId:r}=await s.post(`/api/public/wizards/${e.token}/runs`,{turnstileToken:c??void 0,embedded:z!==null,origin:re??void 0});try{localStorage.setItem(X(e.token),r)}catch{}n(`${t}/${r}`,{replace:Z})}catch(e){o(e.message),i(!1)}},resume:u?()=>n(`${t}/${u}`):null}}function oe({wizard:e}){let{busy:t,error:n,captcha:r,setCaptcha:i,start:o,resume:s}=$(e,`/w/${e.token}`),l=Z&&e.available&&!e.turnstileSiteKey,u=(0,R.useRef)(!1);return(0,R.useEffect)(()=>{l&&!u.current&&(u.current=!0,o())},[l]),l&&!n?(0,H.jsx)(`div`,{className:`flex min-h-[60dvh] items-center justify-center text-ink-4`,children:(0,H.jsx)(m,{})}):(0,H.jsxs)(`div`,{className:`mx-auto flex max-w-lg animate-rise flex-col items-center px-6 pt-6 pb-12 text-center sm:pt-16 sm:pb-16`,children:[(0,H.jsx)(O,{kind:e.avatar,size:190,fluffy:!0}),(0,H.jsx)(`h1`,{className:`mt-2 text-balance font-display font-semibold text-[1.875rem] leading-[1.1] tracking-tight sm:text-[2.125rem]`,children:e.title}),e.description?(0,H.jsx)(`p`,{className:`mt-3 text-[1rem] text-ink-2 leading-relaxed`,children:e.description}):null,e.available?(0,H.jsxs)(H.Fragment,{children:[(0,H.jsxs)(c,{size:`lg`,className:`mt-10 min-w-48`,busy:t,disabled:!!e.turnstileSiteKey&&!r,onClick:o,children:[f(`run.start`),` `,(0,H.jsx)(a,{className:`size-4`})]}),e.turnstileSiteKey?(0,H.jsx)(Y,{siteKey:e.turnstileSiteKey,onToken:i}):null,s?(0,H.jsx)(`button`,{type:`button`,onClick:s,className:`mt-4 text-[0.875rem] text-ink-3 underline-offset-4 hover:text-ink hover:underline coarse:min-h-11`,children:f(`run.resume`)}):null,(0,H.jsx)(se,{wizard:e,current:`steps`}),z||k?null:(0,H.jsx)(q,{}),(0,H.jsx)(ae,{token:e.token})]}):(0,H.jsx)(`p`,{className:`mt-10 rounded-xl bg-paper-2 px-5 py-4 text-[0.9375rem] text-ink-2`,children:e.unavailableReason??f(`run.unavailable`)}),n?(0,H.jsx)(`p`,{className:`mt-4 text-[0.875rem] text-rose`,children:n}):null]})}function se({wizard:e,current:t}){let n=e.runners.filter(e=>e.id!==t&&e.kind===`page`&&e.url);return n.length?(0,H.jsx)(`p`,{className:`mt-4 flex flex-wrap justify-center gap-x-4 text-[0.875rem] text-ink-3`,children:n.map(e=>(0,H.jsx)(`a`,{href:e.url??void 0,className:`underline-offset-4 hover:text-ink hover:underline coarse:min-h-11`,children:f(`run.orAs`,{label:e.label})},e.id))}):null}function ce({wizard:e}){let t=w();return(0,H.jsx)(`header`,{className:`safe-top shrink-0 border-border-soft border-b`,children:(0,H.jsxs)(`div`,{className:`mx-auto flex h-16 w-full max-w-[760px] items-center gap-3 pr-2 pl-4 sm:pr-4 sm:pl-6`,children:[(0,H.jsx)(`span`,{className:u(t?.speaking&&`animate-breathe`),children:(0,H.jsx)(O,{kind:e.avatar,size:38})}),(0,H.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,H.jsx)(`div`,{className:`truncate font-display font-semibold text-[1rem] leading-tight tracking-tight`,children:e.title}),e.brand.name?(0,H.jsx)(`div`,{className:`truncate text-[0.75rem] text-ink-3`,children:e.brand.name}):null]}),e.brand.logoUrl&&z!==`popout`?(0,H.jsx)(`img`,{src:r(e.brand.logoUrl),alt:e.brand.name,className:`h-6 max-w-[120px] object-contain max-sm:hidden`}):null,z?null:(0,H.jsx)(j,{}),z===`popout`?(0,H.jsx)(d,{label:f(`common.close`),onClick:ie,children:(0,H.jsx)(v,{className:`size-5`})}):null]})})}function le({door:e,wizard:t,header:n,footer:r}){let{busy:i,error:o,captcha:s,setCaptcha:c,start:l,resume:u}=$(t,`/w/${t.token}/${e}`),d=[{key:`hello`,who:`bot`,node:t.description||t.title}];return e!==`chat`&&d.push({key:e,who:`bot`,node:f(e===`video`?`video.hint`:`talk.joinHint`)}),t.available||d.push({key:`unavailable`,who:`bot`,node:t.unavailableReason??f(`run.unavailable`)}),o&&d.push({key:`error`,who:`bot`,node:o,tone:`error`}),t.available&&d.push(S(`start`,(0,H.jsxs)(H.Fragment,{children:[(0,H.jsxs)(b,{primary:!0,busy:i,disabled:!!t.turnstileSiteKey&&!s,onClick:()=>void l(),children:[f(`run.start`),` `,(0,H.jsx)(a,{className:`size-4`})]}),u?(0,H.jsx)(b,{onClick:u,children:f(`run.resume`)}):null,t.turnstileSiteKey?(0,H.jsx)(Y,{siteKey:t.turnstileSiteKey,onToken:c}):null]}))),(0,H.jsxs)(x,{header:n,footer:r,children:[(0,H.jsx)(y,{avatar:t.avatar,lines:d}),(0,H.jsx)(C,{})]})}function ue({className:e}){return(0,H.jsx)(`footer`,{className:u(`text-center text-ink-4`,e),children:(0,H.jsx)(`a`,{href:`${i}/`,target:z?`_blank`:void 0,rel:`noreferrer`,className:`inline-block hover:text-ink-2`,children:f(`run.madeWith`).replace(`engenty wizards`,D.name)})})}function de({chat:e=!1,steps:t=!1,talk:n=!1,video:r=!1}){let{token:a,runId:d}=_(),g=p(),v=h({queryKey:[`public`,a],queryFn:()=>s.get(`/api/public/wizards/${a}`),retry:(e,t)=>o(t)&&e<3}),y=v.data?.runners??[],b=!v.data||y.some(e=>e.id===`talk`),x=!v.data||y.some(e=>e.id===`video`),S=!v.data||y.some(e=>e.id===`chat`)||n&&b||r&&x,C=y[0]?.id,w=e||z===`popout`||!t&&!d&&S&&(C===`chat`||C===`talk`||C===`video`),E=r&&x||!t&&!e&&!n&&C===`video`,j=!E&&(n&&b||!t&&!e&&C===`talk`),N=E?`video`:j?`talk`:`chat`;if(U(v.data?.brand.accent),ee(v.data?.avatar),W(a,v.data?.title),V(w),(0,R.useEffect)(()=>{v.data&&(document.title=v.data.title)},[v.data]),(0,R.useEffect)(()=>{a&&d&&A(`run`,{token:a,runId:d})},[a,d]),v.isLoading)return(0,H.jsx)(`div`,{className:u(`flex items-center justify-center text-ink-4`,Q),children:(0,H.jsx)(m,{})});if(e&&v.data&&!S||n&&v.data&&!b||r&&v.data&&!x)return(0,H.jsx)(l,{to:`/w/${a}`,replace:!0});if(!v.data){let e=o(v.error);return(0,H.jsxs)(`div`,{className:u(`flex flex-col items-center justify-center gap-4 px-6 text-center`,Q),children:[(0,H.jsx)(O,{kind:`pebble`,size:80}),(0,H.jsx)(`p`,{className:`max-w-xs text-ink-3`,children:f(e?`common.offline`:`run.notFound`)}),e?(0,H.jsx)(c,{variant:`secondary`,onClick:()=>void v.refetch(),children:f(`common.retry`)}):null]})}if(w){let e=(0,H.jsx)(ce,{wizard:v.data}),t=k?(0,H.jsx)(`div`,{className:`safe-bottom`}):(0,H.jsx)(ue,{className:`pb-[max(0.375rem,env(safe-area-inset-bottom))] text-[0.6875rem]`});return(0,H.jsx)(`div`,{className:`flex h-dvh flex-col`,children:d?(0,H.jsx)(T,{runId:d,talk:j,call:E?`video`:j?`audio`:!1,onRestart:()=>g(`/w/${a}/${N}`),header:E||j?void 0:e,footer:t}):(0,H.jsx)(le,{wizard:v.data,header:e,footer:t,door:N})})}return(0,H.jsxs)(`div`,{className:u(`flex flex-col`,Q),children:[z===`inline`||k?null:(0,H.jsx)(J,{brand:v.data.brand,toggle:!z}),(0,H.jsx)(`div`,{className:`flex-1`,children:d?(0,H.jsx)(M,{runId:d,onRestart:()=>g(`/w/${a}`)}):(0,H.jsx)(oe,{wizard:v.data})}),k?(0,H.jsx)(`div`,{className:`safe-bottom`}):(0,H.jsx)(`footer`,{className:`safe-bottom pt-6 text-center text-[0.75rem] text-ink-4`,children:(0,H.jsx)(`a`,{href:`${i}/`,target:z?`_blank`:void 0,rel:`noreferrer`,className:`inline-block py-3.5 hover:text-ink-2`,children:f(`run.madeWith`).replace(`engenty wizards`,D.name)})})]})}export{J as BrandHeader,de as PublicRunner,U as useBrandAccent};

package/apps/web/dist/assets/SettingsPage-DjFvKMRz.js

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