@engenty/wizards-runtime 0.7.10 → 0.7.11

package/apps/web/dist/assets/{RunDrawer-O4rEFCL8.js → RunDrawer-Cd8-qHV7.js}

@@ -1,4 +1,4 @@
-import{r as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,t as n}from"./jsx-runtime-BNakU3Ej.js";import{B as r,Bt as i,C as a,Cr as o,Er as s,Gr as c,Gt as l,Ht as u,It as d,Kt as f,Lt as p,Nr as m,Qt as h,Rt as g,Tr as _,Ut as v,V as y,Vt as b,W as x,Wn as S,Yn as C,Yt as w,Zt as T,an as E,cr as D,dr as O,en as k,ft as A,gi as j,gr as M,ir as N,kt as ee,nr as te,qn as P,qt as F,w as I,y as ne,z as L,zt as R}from"./ui-DMmT-cSO.js";import{t as re}from"./upload-JX9BcMTq.js";import{Mt as ie,Nt as ae,an as z}from"./index-xH9uN8Nh.js";var oe={name:`calendar`,size:24,node:[[`path`,{d:`M8 2v3`,key:`1ioesn`}],[`path`,{d:`M16 2v3`,key:`otl347`}],[`rect`,{x:`3`,y:`3`,width:`18`,height:`18`,rx:`2`,key:`h1oib`}],[`path`,{d:`M3 9h18`,key:`1pudct`}]]};oe.node;var se=m(oe),ce={name:`files`,size:24,node:[[`path`,{d:`M15 2h-4a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8`,key:`14sh0y`}],[`path`,{d:`M16.706 2.706A2.4 2.4 0 0 0 15 2v5a1 1 0 0 0 1 1h5a2.4 2.4 0 0 0-.706-1.706z`,key:`1970lx`}],[`path`,{d:`M5 7a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h8a2 2 0 0 0 1.732-1`,key:`l4dndm`}]]};ce.node;var le=m(ce),ue={name:`hash`,size:24,node:[[`line`,{x1:`4`,x2:`20`,y1:`9`,y2:`9`,key:`4lhtct`}],[`line`,{x1:`4`,x2:`20`,y1:`15`,y2:`15`,key:`vyu0kd`}],[`line`,{x1:`10`,x2:`8`,y1:`3`,y2:`21`,key:`1ggp8o`}],[`line`,{x1:`16`,x2:`14`,y1:`3`,y2:`21`,key:`weycgp`}]]};ue.node;var B=m(ue),de={name:`list-ordered`,size:24,node:[[`path`,{d:`M11 5h10`,key:`1cz7ny`}],[`path`,{d:`M11 12h10`,key:`1438ji`}],[`path`,{d:`M11 19h10`,key:`11t30w`}],[`path`,{d:`M4 4h1v5`,key:`10yrso`}],[`path`,{d:`M4 9h2`,key:`r1h2o0`}],[`path`,{d:`M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02`,key:`xtkcd5`}]]};de.node;var fe=m(de),V={name:`messages-square`,size:24,node:[[`path`,{d:`M16 10a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 14.286V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z`,key:`1n2ejm`}],[`path`,{d:`M20 9a2 2 0 0 1 2 2v10.286a.71.71 0 0 1-1.212.502l-2.202-2.202A2 2 0 0 0 17.172 19H10a2 2 0 0 1-2-2v-1`,key:`1qfcsi`}]]};V.node;var pe=m(V),me={name:`minimize-2`,size:24,node:[[`path`,{d:`m14 10 7-7`,key:`oa77jy`}],[`path`,{d:`M20 10h-6V4`,key:`mjg0md`}],[`path`,{d:`m3 21 7-7`,key:`tjx5ai`}],[`path`,{d:`M4 14h6v6`,key:`rmj7iw`}]]};me.node;var he=m(me),ge={name:`tags`,size:24,node:[[`path`,{d:`M13.172 2a2 2 0 0 1 1.414.586l6.71 6.71a2.4 2.4 0 0 1 0 3.408l-4.592 4.592a2.4 2.4 0 0 1-3.408 0l-6.71-6.71A2 2 0 0 1 6 9.172V3a1 1 0 0 1 1-1z`,key:`16rjxf`}],[`path`,{d:`M2 7v6.172a2 2 0 0 0 .586 1.414l6.71 6.71a2.4 2.4 0 0 0 3.191.193`,key:`178nd4`}],[`circle`,{cx:`10.5`,cy:`6.5`,r:`.5`,fill:`currentColor`,key:`12ikhr`}]]};ge.node;var _e=m(ge),H={name:`toggle-left`,size:24,node:[[`circle`,{cx:`9`,cy:`12`,r:`3`,key:`u3jwor`}],[`rect`,{width:`20`,height:`14`,x:`2`,y:`5`,rx:`7`,key:`g7kal2`}]]};H.node;var ve=m(H),U=e(t(),1),W=e(n(),1),G={choice:_e,date:se,number:B,text:ie,boolean:ve},K=e=>[`knowledge`,e];function ye(e){return e===1?E(`know.item`):E(`know.items`,{n:e})}function q(e,t){if(e.type===`boolean`||typeof t==`boolean`)return E(t?`know.yes`:`know.no`);if(e.type===`date`&&typeof t==`string`){let[e,n]=t.split(` `),r=new Date(`${e}T00:00:00`),i=Number.isNaN(r.getTime())?t:r.toLocaleDateString(k,{day:`2-digit`,month:`2-digit`,year:`numeric`});return n?`${i} ${n}`:i}return e.type===`number`&&typeof t==`number`?`${t.toLocaleString(k)}${e.unit?` ${e.unit}`:``}`:String(t)}function be(e,t){return e.flatMap(e=>{let n=t.find(t=>t.categoryId===e.id);return n?e.type===`boolean`?n.values[0]===!0?[e.name]:[]:[n.values.map(t=>q(e,t)).join(`, `)]:[]}).join(` · `)}function xe({trigger:e,open:t,onOpen:n,children:r}){let i=(0,U.useRef)(null);return(0,U.useEffect)(()=>{if(!t)return;let e=e=>{i.current?.contains(e.target)||n(!1)},r=e=>e.key===`Escape`&&n(!1);return document.addEventListener(`mousedown`,e),document.addEventListener(`keydown`,r),()=>{document.removeEventListener(`mousedown`,e),document.removeEventListener(`keydown`,r)}},[t,n]),(0,W.jsxs)(`div`,{ref:i,className:`relative inline-flex`,children:[e,t?(0,W.jsx)(`div`,{className:`absolute top-full left-0 z-30 mt-1.5 w-72 max-w-[calc(100vw-32px)] rounded-xl bg-card p-3 shadow-overlay ring-1 ring-border-soft`,children:r}):null]})}function Se({category:e,current:t,onSave:n}){let[r,i]=(0,U.useState)(t[0]===void 0?``:String(t[0]));if(e.type===`choice`){let a=t.map(String);return(0,W.jsxs)(`div`,{className:`flex flex-col gap-2.5`,children:[e.values.length?(0,W.jsx)(l,{multi:!0,value:a,options:e.values.map(e=>e.value),onChange:t=>n(e.multiple?t:t.filter(e=>!a.includes(e)).slice(0,1))}):null,(0,W.jsxs)(`form`,{className:`flex gap-2`,onSubmit:t=>{t.preventDefault(),r.trim()&&n(e.multiple?[...a,r.trim()]:[r.trim()])},children:[(0,W.jsx)(u,{"data-autofocus":!0,value:a.includes(r)?``:r,placeholder:E(`know.addValue`),onChange:e=>i(e.target.value),className:`h-9`}),(0,W.jsx)(b,{label:E(`know.addValue`),type:`submit`,children:(0,W.jsx)(N,{className:`size-4`})})]})]})}return e.type===`boolean`?(0,W.jsx)(l,{value:t[0]===!0?E(`know.yes`):t[0]===!1?E(`know.no`):``,options:[E(`know.yes`),E(`know.no`)],onChange:e=>n([e===E(`know.yes`)])}):(0,W.jsxs)(`form`,{className:`flex gap-2`,onSubmit:t=>{t.preventDefault(),n(r.trim()?[e.type===`number`?Number(r.replace(`,`,`.`)):r.trim()]:[])},children:[(0,W.jsx)(u,{"data-autofocus":!0,type:e.type===`date`?`date`:e.type===`number`?`number`:`text`,step:`any`,value:e.type===`date`?r.slice(0,10):r,onChange:e=>i(e.target.value),className:`h-9`}),(0,W.jsx)(d,{type:`submit`,size:`sm`,children:`OK`})]})}function Ce({projectId:e,itemKey:t,has:n,categories:r,readOnly:i}){let a=j(),[o,s]=(0,U.useState)(null),[c,l]=(0,U.useState)(n);(0,U.useEffect)(()=>l(n),[n]);let u=z({mutationFn:({categoryId:n,next:r})=>x.put(`/api/studio/projects/${e}/items/${t}/categories/${n}`,{values:r}),onSuccess:()=>a.invalidateQueries({queryKey:K(e)})}),d=r.filter(e=>!(e.proposed||e.tableId)),f=(e,t)=>{l(n=>[...n.filter(t=>t.categoryId!==e.id),...t.length?[{categoryId:e.id,values:t,by:`person`}]:[]]),u.mutate({categoryId:e.id,next:t}),s(null)},p=d.filter(e=>c.some(t=>t.categoryId===e.id)),m=d.filter(e=>!c.some(t=>t.categoryId===e.id));return d.length?(0,W.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[p.map(e=>{let t=c.find(t=>t.categoryId===e.id),n=G[e.type],r=(0,W.jsxs)(`button`,{type:`button`,disabled:i,title:`${e.name} · ${E(`know.by.${t.by}`)}`,onClick:()=>s(o===e.id?null:e.id),className:`inline-flex h-7 items-center gap-1.5 rounded-full bg-paper-2 px-2.5 text-[0.75rem] text-ink-2 transition hover:bg-paper-3 hover:text-ink disabled:pointer-events-none`,children:[(0,W.jsx)(n,{className:`size-3.5 text-ink-3`}),(0,W.jsx)(`span`,{className:`text-ink-3`,children:e.name}),(0,W.jsx)(`span`,{className:`font-medium`,children:t.values.map(t=>q(e,t)).join(`, `)})]},e.id);return i?(0,W.jsx)(`span`,{children:r},e.id):(0,W.jsxs)(xe,{trigger:r,open:o===e.id,onOpen:t=>s(t?e.id:null),children:[(0,W.jsxs)(`div`,{className:`mb-2 flex items-center justify-between gap-2`,children:[(0,W.jsx)(`span`,{className:`font-medium text-[0.8125rem]`,children:e.name}),(0,W.jsx)(b,{label:E(`know.remove`),onClick:()=>f(e,[]),className:`size-7`,children:(0,W.jsx)(P,{className:`size-3.5`})})]}),(0,W.jsx)(Se,{category:e,current:t.values,onSave:t=>f(e,t)})]},e.id)}),i||!m.length?null:(0,W.jsx)(xe,{open:o===`+`,onOpen:e=>s(e?`+`:null),trigger:(0,W.jsxs)(`button`,{type:`button`,onClick:()=>s(o===`+`?null:`+`),className:`inline-flex h-7 items-center gap-1 rounded-full px-2 text-[0.75rem] text-ink-3 ring-1 ring-border-soft transition hover:text-ink hover:ring-border`,children:[(0,W.jsx)(N,{className:`size-3.5`}),` `,E(`know.category`)]}),children:(0,W.jsx)(we,{categories:m,onSave:f})})]}):null}function we({categories:e,onSave:t}){let[n,r]=(0,U.useState)(e[0]?.id??``),i=e.find(e=>e.id===n);return(0,W.jsxs)(`div`,{className:`flex flex-col gap-2.5`,children:[(0,W.jsx)(f,{value:n,onChange:r,options:e.map(e=>({value:e.id,label:e.name}))}),i?(0,W.jsx)(Se,{category:i,current:[],onSave:e=>t(i,e)},i.id):null]})}function Te({projectId:e,open:t,onClose:n,onMade:r}){let i=j(),[a,o]=(0,U.useState)(``),[s,c]=(0,U.useState)(`choice`),[l,p]=(0,U.useState)(``),[m,h]=(0,U.useState)(!1),[g,_]=(0,U.useState)(!1),[y,b]=(0,U.useState)(``),[S,C]=(0,U.useState)(``),D=z({mutationFn:()=>x.post(`/api/studio/projects/${e}/categories`,{name:a.trim(),type:s,unit:s===`number`&&l.trim()||null,multiple:s===`choice`&&m,ordered:s===`choice`&&g,hint:S.trim()||null,values:s===`choice`?y.split(`
+import{r as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,t as n}from"./jsx-runtime-BNakU3Ej.js";import{B as r,Bt as i,C as a,Cr as o,Er as s,Gr as c,Gt as l,Ht as u,It as d,Kt as f,Lt as p,Nr as m,Qt as h,Rt as g,Tr as _,Ut as v,V as y,Vt as b,W as x,Wn as S,Yn as C,Yt as w,Zt as T,an as E,cr as D,dr as O,en as k,ft as A,gi as j,gr as M,ir as N,kt as ee,nr as te,qn as P,qt as F,w as I,y as ne,z as L,zt as R}from"./ui-DMmT-cSO.js";import{t as re}from"./upload-JX9BcMTq.js";import{Mt as ie,Nt as ae,an as z}from"./index-4jH2mkp7.js";var oe={name:`calendar`,size:24,node:[[`path`,{d:`M8 2v3`,key:`1ioesn`}],[`path`,{d:`M16 2v3`,key:`otl347`}],[`rect`,{x:`3`,y:`3`,width:`18`,height:`18`,rx:`2`,key:`h1oib`}],[`path`,{d:`M3 9h18`,key:`1pudct`}]]};oe.node;var se=m(oe),ce={name:`files`,size:24,node:[[`path`,{d:`M15 2h-4a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8`,key:`14sh0y`}],[`path`,{d:`M16.706 2.706A2.4 2.4 0 0 0 15 2v5a1 1 0 0 0 1 1h5a2.4 2.4 0 0 0-.706-1.706z`,key:`1970lx`}],[`path`,{d:`M5 7a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h8a2 2 0 0 0 1.732-1`,key:`l4dndm`}]]};ce.node;var le=m(ce),ue={name:`hash`,size:24,node:[[`line`,{x1:`4`,x2:`20`,y1:`9`,y2:`9`,key:`4lhtct`}],[`line`,{x1:`4`,x2:`20`,y1:`15`,y2:`15`,key:`vyu0kd`}],[`line`,{x1:`10`,x2:`8`,y1:`3`,y2:`21`,key:`1ggp8o`}],[`line`,{x1:`16`,x2:`14`,y1:`3`,y2:`21`,key:`weycgp`}]]};ue.node;var B=m(ue),de={name:`list-ordered`,size:24,node:[[`path`,{d:`M11 5h10`,key:`1cz7ny`}],[`path`,{d:`M11 12h10`,key:`1438ji`}],[`path`,{d:`M11 19h10`,key:`11t30w`}],[`path`,{d:`M4 4h1v5`,key:`10yrso`}],[`path`,{d:`M4 9h2`,key:`r1h2o0`}],[`path`,{d:`M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02`,key:`xtkcd5`}]]};de.node;var fe=m(de),V={name:`messages-square`,size:24,node:[[`path`,{d:`M16 10a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 14.286V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z`,key:`1n2ejm`}],[`path`,{d:`M20 9a2 2 0 0 1 2 2v10.286a.71.71 0 0 1-1.212.502l-2.202-2.202A2 2 0 0 0 17.172 19H10a2 2 0 0 1-2-2v-1`,key:`1qfcsi`}]]};V.node;var pe=m(V),me={name:`minimize-2`,size:24,node:[[`path`,{d:`m14 10 7-7`,key:`oa77jy`}],[`path`,{d:`M20 10h-6V4`,key:`mjg0md`}],[`path`,{d:`m3 21 7-7`,key:`tjx5ai`}],[`path`,{d:`M4 14h6v6`,key:`rmj7iw`}]]};me.node;var he=m(me),ge={name:`tags`,size:24,node:[[`path`,{d:`M13.172 2a2 2 0 0 1 1.414.586l6.71 6.71a2.4 2.4 0 0 1 0 3.408l-4.592 4.592a2.4 2.4 0 0 1-3.408 0l-6.71-6.71A2 2 0 0 1 6 9.172V3a1 1 0 0 1 1-1z`,key:`16rjxf`}],[`path`,{d:`M2 7v6.172a2 2 0 0 0 .586 1.414l6.71 6.71a2.4 2.4 0 0 0 3.191.193`,key:`178nd4`}],[`circle`,{cx:`10.5`,cy:`6.5`,r:`.5`,fill:`currentColor`,key:`12ikhr`}]]};ge.node;var _e=m(ge),H={name:`toggle-left`,size:24,node:[[`circle`,{cx:`9`,cy:`12`,r:`3`,key:`u3jwor`}],[`rect`,{width:`20`,height:`14`,x:`2`,y:`5`,rx:`7`,key:`g7kal2`}]]};H.node;var ve=m(H),U=e(t(),1),W=e(n(),1),G={choice:_e,date:se,number:B,text:ie,boolean:ve},K=e=>[`knowledge`,e];function ye(e){return e===1?E(`know.item`):E(`know.items`,{n:e})}function q(e,t){if(e.type===`boolean`||typeof t==`boolean`)return E(t?`know.yes`:`know.no`);if(e.type===`date`&&typeof t==`string`){let[e,n]=t.split(` `),r=new Date(`${e}T00:00:00`),i=Number.isNaN(r.getTime())?t:r.toLocaleDateString(k,{day:`2-digit`,month:`2-digit`,year:`numeric`});return n?`${i} ${n}`:i}return e.type===`number`&&typeof t==`number`?`${t.toLocaleString(k)}${e.unit?` ${e.unit}`:``}`:String(t)}function be(e,t){return e.flatMap(e=>{let n=t.find(t=>t.categoryId===e.id);return n?e.type===`boolean`?n.values[0]===!0?[e.name]:[]:[n.values.map(t=>q(e,t)).join(`, `)]:[]}).join(` · `)}function xe({trigger:e,open:t,onOpen:n,children:r}){let i=(0,U.useRef)(null);return(0,U.useEffect)(()=>{if(!t)return;let e=e=>{i.current?.contains(e.target)||n(!1)},r=e=>e.key===`Escape`&&n(!1);return document.addEventListener(`mousedown`,e),document.addEventListener(`keydown`,r),()=>{document.removeEventListener(`mousedown`,e),document.removeEventListener(`keydown`,r)}},[t,n]),(0,W.jsxs)(`div`,{ref:i,className:`relative inline-flex`,children:[e,t?(0,W.jsx)(`div`,{className:`absolute top-full left-0 z-30 mt-1.5 w-72 max-w-[calc(100vw-32px)] rounded-xl bg-card p-3 shadow-overlay ring-1 ring-border-soft`,children:r}):null]})}function Se({category:e,current:t,onSave:n}){let[r,i]=(0,U.useState)(t[0]===void 0?``:String(t[0]));if(e.type===`choice`){let a=t.map(String);return(0,W.jsxs)(`div`,{className:`flex flex-col gap-2.5`,children:[e.values.length?(0,W.jsx)(l,{multi:!0,value:a,options:e.values.map(e=>e.value),onChange:t=>n(e.multiple?t:t.filter(e=>!a.includes(e)).slice(0,1))}):null,(0,W.jsxs)(`form`,{className:`flex gap-2`,onSubmit:t=>{t.preventDefault(),r.trim()&&n(e.multiple?[...a,r.trim()]:[r.trim()])},children:[(0,W.jsx)(u,{"data-autofocus":!0,value:a.includes(r)?``:r,placeholder:E(`know.addValue`),onChange:e=>i(e.target.value),className:`h-9`}),(0,W.jsx)(b,{label:E(`know.addValue`),type:`submit`,children:(0,W.jsx)(N,{className:`size-4`})})]})]})}return e.type===`boolean`?(0,W.jsx)(l,{value:t[0]===!0?E(`know.yes`):t[0]===!1?E(`know.no`):``,options:[E(`know.yes`),E(`know.no`)],onChange:e=>n([e===E(`know.yes`)])}):(0,W.jsxs)(`form`,{className:`flex gap-2`,onSubmit:t=>{t.preventDefault(),n(r.trim()?[e.type===`number`?Number(r.replace(`,`,`.`)):r.trim()]:[])},children:[(0,W.jsx)(u,{"data-autofocus":!0,type:e.type===`date`?`date`:e.type===`number`?`number`:`text`,step:`any`,value:e.type===`date`?r.slice(0,10):r,onChange:e=>i(e.target.value),className:`h-9`}),(0,W.jsx)(d,{type:`submit`,size:`sm`,children:`OK`})]})}function Ce({projectId:e,itemKey:t,has:n,categories:r,readOnly:i}){let a=j(),[o,s]=(0,U.useState)(null),[c,l]=(0,U.useState)(n);(0,U.useEffect)(()=>l(n),[n]);let u=z({mutationFn:({categoryId:n,next:r})=>x.put(`/api/studio/projects/${e}/items/${t}/categories/${n}`,{values:r}),onSuccess:()=>a.invalidateQueries({queryKey:K(e)})}),d=r.filter(e=>!(e.proposed||e.tableId)),f=(e,t)=>{l(n=>[...n.filter(t=>t.categoryId!==e.id),...t.length?[{categoryId:e.id,values:t,by:`person`}]:[]]),u.mutate({categoryId:e.id,next:t}),s(null)},p=d.filter(e=>c.some(t=>t.categoryId===e.id)),m=d.filter(e=>!c.some(t=>t.categoryId===e.id));return d.length?(0,W.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[p.map(e=>{let t=c.find(t=>t.categoryId===e.id),n=G[e.type],r=(0,W.jsxs)(`button`,{type:`button`,disabled:i,title:`${e.name} · ${E(`know.by.${t.by}`)}`,onClick:()=>s(o===e.id?null:e.id),className:`inline-flex h-7 items-center gap-1.5 rounded-full bg-paper-2 px-2.5 text-[0.75rem] text-ink-2 transition hover:bg-paper-3 hover:text-ink disabled:pointer-events-none`,children:[(0,W.jsx)(n,{className:`size-3.5 text-ink-3`}),(0,W.jsx)(`span`,{className:`text-ink-3`,children:e.name}),(0,W.jsx)(`span`,{className:`font-medium`,children:t.values.map(t=>q(e,t)).join(`, `)})]},e.id);return i?(0,W.jsx)(`span`,{children:r},e.id):(0,W.jsxs)(xe,{trigger:r,open:o===e.id,onOpen:t=>s(t?e.id:null),children:[(0,W.jsxs)(`div`,{className:`mb-2 flex items-center justify-between gap-2`,children:[(0,W.jsx)(`span`,{className:`font-medium text-[0.8125rem]`,children:e.name}),(0,W.jsx)(b,{label:E(`know.remove`),onClick:()=>f(e,[]),className:`size-7`,children:(0,W.jsx)(P,{className:`size-3.5`})})]}),(0,W.jsx)(Se,{category:e,current:t.values,onSave:t=>f(e,t)})]},e.id)}),i||!m.length?null:(0,W.jsx)(xe,{open:o===`+`,onOpen:e=>s(e?`+`:null),trigger:(0,W.jsxs)(`button`,{type:`button`,onClick:()=>s(o===`+`?null:`+`),className:`inline-flex h-7 items-center gap-1 rounded-full px-2 text-[0.75rem] text-ink-3 ring-1 ring-border-soft transition hover:text-ink hover:ring-border`,children:[(0,W.jsx)(N,{className:`size-3.5`}),` `,E(`know.category`)]}),children:(0,W.jsx)(we,{categories:m,onSave:f})})]}):null}function we({categories:e,onSave:t}){let[n,r]=(0,U.useState)(e[0]?.id??``),i=e.find(e=>e.id===n);return(0,W.jsxs)(`div`,{className:`flex flex-col gap-2.5`,children:[(0,W.jsx)(f,{value:n,onChange:r,options:e.map(e=>({value:e.id,label:e.name}))}),i?(0,W.jsx)(Se,{category:i,current:[],onSave:e=>t(i,e)},i.id):null]})}function Te({projectId:e,open:t,onClose:n,onMade:r}){let i=j(),[a,o]=(0,U.useState)(``),[s,c]=(0,U.useState)(`choice`),[l,p]=(0,U.useState)(``),[m,h]=(0,U.useState)(!1),[g,_]=(0,U.useState)(!1),[y,b]=(0,U.useState)(``),[S,C]=(0,U.useState)(``),D=z({mutationFn:()=>x.post(`/api/studio/projects/${e}/categories`,{name:a.trim(),type:s,unit:s===`number`&&l.trim()||null,multiple:s===`choice`&&m,ordered:s===`choice`&&g,hint:S.trim()||null,values:s===`choice`?y.split(`
 `).map(e=>e.trim()).filter(Boolean):void 0}),onSuccess:async({id:t})=>{await i.invalidateQueries({queryKey:K(e)}),o(``),b(``),C(``),r(t)}});return(0,W.jsx)(R,{open:t,onClose:n,title:E(`know.newCategory`),children:(0,W.jsxs)(`form`,{className:`flex flex-col gap-4`,onSubmit:e=>{e.preventDefault(),a.trim()&&D.mutate()},children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(v,{children:E(`know.name`)}),(0,W.jsx)(u,{"data-autofocus":!0,value:a,maxLength:80,onChange:e=>o(e.target.value)})]}),(0,W.jsxs)(`div`,{children:[(0,W.jsx)(v,{children:E(`know.type`)}),(0,W.jsx)(f,{value:s,onChange:e=>c(e),options:[`choice`,`date`,`number`,`text`,`boolean`].map(e=>({value:e,label:E(`know.type.${e}`)}))})]}),s===`number`?(0,W.jsxs)(`div`,{children:[(0,W.jsx)(v,{hint:E(`know.unitHint`),children:E(`know.unit`)}),(0,W.jsx)(u,{value:l,maxLength:20,onChange:e=>p(e.target.value)})]}):null,s===`choice`?(0,W.jsxs)(W.Fragment,{children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(v,{hint:E(`know.valuesHint`),children:E(`know.values`)}),(0,W.jsx)(T,{minRows:3,value:y,onChange:e=>b(e.target.value)})]}),(0,W.jsxs)(`label`,{className:`flex items-center justify-between gap-3 text-[0.875rem]`,children:[E(`know.multiple`),(0,W.jsx)(w,{checked:m,onChange:h})]}),(0,W.jsxs)(`label`,{className:`flex items-center justify-between gap-3 text-[0.875rem]`,children:[E(`know.ordered`),(0,W.jsx)(w,{checked:g,onChange:_})]})]}):null,(0,W.jsxs)(`div`,{children:[(0,W.jsx)(v,{hint:E(`know.hintFieldHint`),children:E(`know.hintField`)}),(0,W.jsx)(u,{value:S,maxLength:120,onChange:e=>C(e.target.value)})]}),D.error?(0,W.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:D.error.message}):null,(0,W.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,W.jsx)(d,{variant:`ghost`,onClick:n,children:E(`common.cancel`)}),(0,W.jsx)(d,{type:`submit`,busy:D.isPending,disabled:!a.trim(),children:E(`know.create`)})]})]})})}function Ee({projectId:e,category:t,readOnly:n,onOpen:r,onGone:a}){let o=j(),s=()=>o.invalidateQueries({queryKey:K(e)}),[c,l]=(0,U.useState)(``),f=z({mutationFn:e=>e(),onSuccess:s}),m=G[t.type],h=new Map(t.values.map(e=>[e.id,e]));return(0,W.jsxs)(I,{title:t.name,hint:[E(`know.type.${t.type}`),t.unit,t.hint].filter(Boolean).join(` · `),plain:!0,action:n?null:(0,W.jsx)(b,{label:E(`know.deleteCategory`),className:`hover:text-rose`,onClick:()=>confirm(E(`know.confirmCategory`,{name:t.name}))&&f.mutate(async()=>{await x.del(`/api/studio/categories/${t.id}`),a()}),children:(0,W.jsx)(C,{className:`size-4`})}),children:[t.proposed&&!n?(0,W.jsxs)(p,{className:`flex flex-wrap items-center gap-3 p-4`,children:[(0,W.jsx)(g,{tone:`ember`,children:E(`know.proposed`)}),(0,W.jsx)(`span`,{className:`flex-1 text-[0.875rem] text-ink-2`,children:E(`know.proposedHint`)}),(0,W.jsx)(d,{size:`sm`,onClick:()=>f.mutate(()=>x.patch(`/api/studio/categories/${t.id}`,{proposed:!1})),children:E(`know.accept`)})]}):null,t.alike.map(([e,t])=>{let r=h.get(e),i=h.get(t);if(!(r&&i))return null;let[a,o]=r.count<i.count?[r,i]:[i,r];return(0,W.jsxs)(p,{className:`flex flex-wrap items-center gap-3 p-4`,children:[(0,W.jsx)(`span`,{className:`flex-1 text-[0.875rem] text-ink-2`,children:E(`know.alike`,{a:a.value,b:o.value})}),n?null:(0,W.jsx)(d,{size:`sm`,variant:`secondary`,busy:f.isPending,onClick:()=>f.mutate(()=>x.post(`/api/studio/values/${a.id}/merge`,{into:o.id})),children:E(`know.merge`)})]},`${e}:${t}`)}),(0,W.jsxs)(p,{className:`flex flex-col p-1.5`,children:[t.type===`choice`?t.values.length?t.values.map(e=>(0,W.jsxs)(`button`,{type:`button`,onClick:()=>r(`v:${e.id}`),className:`flex items-center gap-3 rounded-lg px-3 py-2.5 text-left transition hover:bg-accent`,children:[(0,W.jsx)(m,{className:`size-4 shrink-0 text-ink-3`}),(0,W.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-[0.875rem]`,children:e.value}),e.summary?(0,W.jsx)(g,{children:E(`know.summary`)}):null,(0,W.jsx)(`span`,{className:`shrink-0 text-[0.75rem] text-ink-3 tabular-nums`,children:ye(e.count)})]},e.id)):(0,W.jsx)(i,{children:E(`know.empty`)}):(0,W.jsxs)(`div`,{className:`flex items-center gap-3 px-3 py-2.5 text-[0.875rem]`,children:[(0,W.jsx)(m,{className:`size-4 shrink-0 text-ink-3`}),(0,W.jsx)(`span`,{className:`flex-1 text-ink-2`,children:t.range?E(`know.range`,{min:q(t,t.range.min),max:q(t,t.range.max)}):E(`know.unset`)}),(0,W.jsx)(`span`,{className:`text-[0.75rem] text-ink-3 tabular-nums`,children:ye(t.count)})]}),t.type===`choice`&&!n?(0,W.jsxs)(`form`,{className:`flex gap-2 border-border-soft border-t p-2`,onSubmit:e=>{e.preventDefault();let n=c.trim();n&&(l(``),f.mutate(()=>x.post(`/api/studio/categories/${t.id}/values`,{value:n})))},children:[(0,W.jsx)(u,{value:c,placeholder:E(`know.addValue`),onChange:e=>l(e.target.value),className:`h-9`}),(0,W.jsx)(b,{label:E(`know.addValue`),type:`submit`,children:(0,W.jsx)(N,{className:`size-4`})})]}):null]}),f.error?(0,W.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:f.error.message}):null]})}function De(e){return c({queryKey:[`knowledge-value`,e],queryFn:()=>x.get(`/api/studio/values/${e}`),enabled:!!e})}function Oe({value:e,readOnly:t,children:n}){let r=j(),i=z({mutationFn:()=>x.post(`/api/studio/values/${e.id}/summary`),onSuccess:()=>r.invalidateQueries({queryKey:[`knowledge-value`,e.id]})});return(0,W.jsxs)(`div`,{className:`flex flex-col gap-9`,children:[(0,W.jsx)(I,{title:E(`know.summary`),hint:E(`know.summaryHint`),plain:!0,action:t?null:(0,W.jsxs)(d,{variant:`secondary`,size:`sm`,busy:i.isPending,onClick:()=>i.mutate(),children:[e.summary?(0,W.jsx)(te,{className:`size-4`}):null,e.summary?E(`know.summaryAgain`):E(`know.summaryWrite`)]}),children:(0,W.jsxs)(p,{className:`p-4 sm:p-5`,children:[i.isPending?(0,W.jsx)(`div`,{className:`flex h-24 items-center justify-center text-ink-3`,children:(0,W.jsx)(F,{})}):e.summary?(0,W.jsx)(A,{text:e.summary,className:`text-[0.875rem]`}):(0,W.jsx)(`p`,{className:`text-[0.875rem] text-ink-3`,children:E(`know.summaryEmpty`)}),i.error?(0,W.jsx)(`p`,{className:`mt-3 text-[0.875rem] text-rose`,children:i.error.message}):null]})}),(0,W.jsx)(I,{title:E(`know.toc`),plain:!0,children:n})]})}function ke(e){return c({queryKey:[`knowledge`,e],queryFn:()=>x.get(`/api/studio/projects/${e}/knowledge`),enabled:!!e,refetchInterval:e=>e.state.data?.items.some(e=>e.status===`pending`)?2e3:!1})}function Ae(e){return e.kind===`table`?e.format===`faq`?pe:ae:e.kind===`file`?D:e.children?le:M}function J({item:e,categories:t,onOpen:n}){let r=Ae(e),i=[be(t,e.categories),e.children?e.children===1?E(`know.oneSub`):E(`know.sub`,{n:e.children}):``,e.rows===null?``:e.rows===1?E(`know.row`):E(`know.rows`,{n:e.rows}),e.originLabel??``].filter(Boolean).join(` · `);return(0,W.jsxs)(`button`,{type:`button`,onClick:()=>n(e.key),disabled:e.status===`pending`,className:`flex items-start gap-3 rounded-lg px-3 py-2.5 text-left transition hover:bg-accent disabled:pointer-events-none`,children:[(0,W.jsx)(r,{className:`mt-0.5 size-4 shrink-0 text-ink-3`}),(0,W.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,W.jsx)(`span`,{className:`block truncate text-[0.875rem]`,children:e.title}),i?(0,W.jsx)(`span`,{className:`block truncate text-[0.75rem] text-ink-3`,children:i}):null]}),e.status===`pending`?(0,W.jsxs)(`span`,{className:`inline-flex shrink-0 items-center gap-1.5 text-[0.75rem] text-ink-3`,children:[(0,W.jsx)(F,{className:`size-3`}),` `,E(`know.reading`)]}):e.review?(0,W.jsx)(g,{tone:`warn`,title:e.review,children:E(`know.review`)}):null]})}function Y({projectId:e,itemKey:t,has:n,originLabel:r,kept:i,review:a,file:o,readOnly:s,onReviewed:c}){let l=ke(e),u=[r?E(i?`know.kept`:`know.from`,{label:r}):``].filter(Boolean);return(0,W.jsxs)(`div`,{className:`flex flex-col gap-2 px-1`,children:[l.data?(0,W.jsx)(Ce,{projectId:e,itemKey:t,has:n,categories:l.data.categories,readOnly:s}):null,u.length||o||a?(0,W.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-3 gap-y-1 text-[0.8125rem] text-ink-3`,children:[u.map(e=>(0,W.jsx)(`span`,{children:e},e)),o?(0,W.jsxs)(`a`,{href:L(e,o.id),target:`_blank`,rel:`noreferrer`,className:`inline-flex items-center gap-1 underline-offset-2 hover:text-ink hover:underline`,children:[(0,W.jsx)(D,{className:`size-3.5`}),` `,E(`know.original`),`: `,o.name]}):null,a?(0,W.jsxs)(`span`,{className:`inline-flex items-center gap-2`,children:[(0,W.jsx)(g,{tone:`warn`,children:E(`know.review`)}),(0,W.jsx)(`span`,{children:a}),s?null:(0,W.jsx)(`button`,{type:`button`,onClick:c,className:`underline hover:text-ink`,children:E(`know.reviewed`)})]}):null]}):null]})}function je(e){let t=e.filter(Number.isFinite).sort((e,t)=>e-t);if(new Set(t).size<=4)return[];let n=t[0],r=t.at(-1),i=e=>e.slice(0,-1).map((t,n)=>({lo:t,hi:e[n+1]})).filter(e=>t.some(t=>t>=e.lo&&t<e.hi));if(n>0&&r/n>=30){let e=Math.floor(Math.log10(n)),t=Math.floor(Math.log10(r))+1;for(let a of[[1,2,5],[1,3],[1]]){let o=[];for(let n=e;n<=t;n++)for(let e of a)o.push(e*10**n);let s=i(o.filter((e,t)=>e<=n||o[t-1]<=r));if(s.length<=7)return s}}let a=(r-n)/5,o=10**Math.floor(Math.log10(a)),s=([1,2,2.5,5,10].map(e=>e*o).find(e=>e>=a)??a)||1,c=[];for(let e=Math.floor(n/s)*s;e<=r;e+=s)c.push(e);return c.push(c.at(-1)+s),i(c)}function Me({projectId:e,category:t,categories:n,onOpen:r}){let i=c({queryKey:[`knowledge`,e,`category`,t.id],queryFn:()=>x.get(`/api/studio/categories/${t.id}/items`)});if(!i.data)return i.isLoading?(0,W.jsx)(F,{className:`mx-auto size-4 text-ink-3`}):null;let a=e=>e.categories.find(e=>e.categoryId===t.id)?.values[0],o=[...i.data.items].sort((e,t)=>{let n=a(e),r=a(t);return typeof n==`number`&&typeof r==`number`?n-r:String(r??``).localeCompare(String(n??``),k)}),s=t.type===`number`?je(o.map(a).filter(e=>typeof e==`number`)):[],l=new Intl.NumberFormat(k,{notation:`compact`,maximumFractionDigits:1}),u=t.unit?` ${t.unit}`:``,d=new Map;for(let e of o){let n=a(e),r=typeof n==`number`?s.find(e=>n>=e.lo&&n<e.hi):void 0,i=n===void 0?``:t.type===`date`?new Date(`${String(n).slice(0,7)}-01T00:00:00`).toLocaleDateString(k,{month:`long`,year:`numeric`}):r?E(`know.range`,{min:`${l.format(r.lo)}${u}`,max:`${l.format(r.hi)}${u}`}):q(t,n);d.set(i,[...d.get(i)??[],e])}return(0,W.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[[...d].map(([e,t])=>(0,W.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[e?(0,W.jsx)(`p`,{className:`px-1 font-medium text-[0.6875rem] text-ink-4 uppercase tracking-[0.12em]`,children:e}):null,(0,W.jsx)(p,{className:`flex flex-col p-1.5`,children:t.map(e=>(0,W.jsx)(J,{item:e,categories:n,onOpen:r},e.key))})]},e)),i.data.rows.map(e=>(0,W.jsx)(`button`,{type:`button`,onClick:()=>r(`t:${e.tableId}`),className:`px-1 text-left text-[0.8125rem] text-ink-3 hover:text-ink`,children:E(`know.tocRows`,{n:e.count,table:e.title})},e.tableId))]})}function Ne(e,t,n){return Array.isArray(n)?t.some(e=>n.map(String).includes(String(e))):typeof n==`object`&&n?t.some(t=>{if(e.type===`number`&&typeof t==`number`)return(n.gte===void 0||t>=n.gte)&&(n.lte===void 0||t<=n.lte);if(e.type===`date`){let e=String(t).slice(0,10);return(!n.after||e>=n.after)&&(!n.before||e<=n.before)}return!n.contains||String(t).toLowerCase().includes(n.contains.toLowerCase())}):t.some(e=>e===n)}function Pe(e,t){if(Array.isArray(t))return t.map(String).join(`, `);if(typeof t==`boolean`)return E(t?`know.yes`:`know.no`);if(typeof t==`object`&&t){let n=t.gte??t.after,r=t.lte??t.before;return t.contains?`${E(`know.contains`)} ${t.contains}`:[n===void 0?``:`${E(`know.minimum`)} ${q(e,n)}`,r===void 0?``:`${E(`know.maximum`)} ${q(e,r)}`].filter(Boolean).join(` `)}return String(t)}function Fe({category:e,value:t,onChange:n}){let[r,i]=(0,U.useState)(!1),a=(0,U.useRef)(null);(0,U.useEffect)(()=>{if(!r)return;let e=e=>!a.current?.contains(e.target)&&i(!1);return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[r]);let o=G[e.type],s=typeof t==`object`&&t&&!Array.isArray(t)?t:{},c=(t,r)=>{let i={...s,[t]:r===``?void 0:e.type===`number`?Number(r):r},a=Object.fromEntries(Object.entries(i).filter(([,e])=>e!==void 0));n(Object.keys(a).length?a:void 0)};return(0,W.jsxs)(`div`,{ref:a,className:`relative`,children:[(0,W.jsxs)(`button`,{type:`button`,onClick:()=>i(!r),className:h(`inline-flex h-8 items-center gap-1.5 rounded-full px-3 text-[0.8125rem] transition`,t===void 0?`text-ink-2 ring-1 ring-border-soft hover:ring-border`:`bg-ember-tint text-ink ring-1 ring-ember/30`),children:[(0,W.jsx)(o,{className:`size-3.5 text-ink-3`}),e.name,t===void 0?null:(0,W.jsxs)(`span`,{className:`font-medium`,children:[`: `,Pe(e,t)]}),(0,W.jsx)(_,{className:`size-3.5 text-ink-3`})]}),r?(0,W.jsxs)(`div`,{className:`absolute top-full left-0 z-30 mt-1.5 w-72 max-w-[calc(100vw-32px)] rounded-xl bg-card p-3 shadow-overlay ring-1 ring-border-soft`,children:[e.type===`choice`?(0,W.jsx)(l,{multi:!0,value:Array.isArray(t)?t.map(String):[],options:e.values.map(e=>e.value),onChange:e=>n(e.length?e:void 0)}):e.type===`boolean`?(0,W.jsx)(l,{value:t===!0?E(`know.yes`):t===!1?E(`know.no`):``,options:[E(`know.yes`),E(`know.no`)],onChange:e=>n(e===E(`know.yes`))}):e.type===`text`?(0,W.jsx)(u,{"data-autofocus":!0,value:s.contains??``,placeholder:E(`know.contains`),onChange:e=>n(e.target.value?{contains:e.target.value}:void 0),className:`h-9`}):(0,W.jsx)(`div`,{className:`grid grid-cols-2 gap-2`,children:(e.type===`number`?[`gte`,`lte`]:[`after`,`before`]).map((t,n)=>(0,W.jsxs)(`div`,{children:[(0,W.jsx)(v,{children:E(n===0?`know.minimum`:`know.maximum`)}),(0,W.jsx)(u,{type:e.type===`number`?`number`:`date`,step:`any`,value:String(s[t]??``),placeholder:e.range?String(n===0?e.range.min:e.range.max):``,onChange:e=>c(t,e.target.value),className:`h-9`})]},t))}),t===void 0?null:(0,W.jsx)(`button`,{type:`button`,onClick:()=>{n(void 0),i(!1)},className:`mt-3 text-[0.8125rem] text-ink-3 underline hover:text-ink`,children:E(`know.clear`)})]}):null]})}function Ie({found:e,onOpen:t}){return e.hits.length?(0,W.jsxs)(`div`,{className:`flex flex-col`,children:[(0,W.jsx)(`p`,{className:`px-3 pt-1 pb-2 text-[0.75rem] text-ink-3`,children:e.checked?E(`know.searchStats`,{candidates:e.candidates,hits:e.hits.length}):E(`know.searchUnchecked`,{hits:e.hits.length})}),e.hits.map(e=>{let n=e.open;return(0,W.jsxs)(`button`,{type:`button`,disabled:!n,onClick:()=>n&&t(n),className:`flex items-start gap-3 rounded-lg px-3 py-2.5 text-left transition hover:bg-accent disabled:pointer-events-none`,children:[(0,W.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,W.jsxs)(`span`,{className:`block truncate text-[0.875rem]`,children:[e.title,e.heading&&e.heading!==e.title?(0,W.jsxs)(`span`,{className:`text-ink-3`,children:[` › `,e.heading]}):null]}),(0,W.jsx)(`span`,{className:`line-clamp-2 text-[0.8125rem] text-ink-3`,children:e.text})]}),e.relevance===null?null:(0,W.jsx)(`span`,{className:`shrink-0 font-medium text-[0.75rem] text-moss tabular-nums`,children:e.relevance.toLocaleString(k,{minimumFractionDigits:2})})]},`${e.key}:${e.heading}`)})]}):(0,W.jsx)(`p`,{className:`px-3 py-4 text-[0.875rem] text-ink-3`,children:E(`know.searchNone`)})}function Le({kind:e,projectId:t,onClose:n,onMade:r}){let i=j(),[a,o]=(0,U.useState)(``),[s,c]=(0,U.useState)(!1),l=z({mutationFn:()=>x.post(`/api/studio/projects/${t}/${e===`table`?`tables`:`pages`}`,{title:a.trim(),...e===`table`&&s?{format:`faq`}:{}}),onSuccess:async({id:n})=>{await i.invalidateQueries({queryKey:[`knowledge`,t]}),r(`${e===`table`?`t`:`p`}:${n}`),o(``),c(!1)}});return(0,W.jsx)(R,{open:e!==null,onClose:n,title:E(e===`table`?`know.newTable`:`know.newPage`),children:(0,W.jsxs)(`form`,{className:`flex flex-col gap-4`,onSubmit:e=>{e.preventDefault(),a.trim()&&l.mutate()},children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(v,{children:E(`data.title`)}),(0,W.jsx)(u,{"data-autofocus":!0,value:a,maxLength:120,onChange:e=>o(e.target.value)})]}),e===`table`?(0,W.jsxs)(`label`,{className:`flex items-center justify-between gap-3 text-[0.875rem]`,children:[E(`know.asFaq`),(0,W.jsx)(w,{checked:s,onChange:c})]}):null,l.error?(0,W.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:l.error.message}):null,(0,W.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,W.jsx)(d,{variant:`ghost`,onClick:n,children:E(`common.cancel`)}),(0,W.jsx)(d,{type:`submit`,busy:l.isPending,disabled:!a.trim(),children:E(`know.create`)})]})]})})}function Re({projectId:e,data:t,readOnly:n,onOpen:r}){let o=j(),s=y(e,n),[c,l]=(0,U.useState)({}),[u,f]=(0,U.useState)(``),[m,h]=(0,U.useState)(null),[_,v]=(0,U.useState)(!1),[b,S]=(0,U.useState)(null),C=t.categories.filter(e=>!e.proposed&&e.count>0),w=t.categories.filter(e=>e.proposed),T=t.items.filter(e=>Object.entries(c).every(([n,r])=>{let i=t.categories.find(e=>e.name===n),a=e.categories.find(e=>e.categoryId===i?.id);return i&&a?Ne(i,a.values,r):!1})),D=async()=>{if(!u.trim()){h(null);return}v(!0);try{h(await x.post(`/api/studio/projects/${e}/search`,{query:u,...Object.keys(c).length?{where:c}:{}}))}catch{h({hits:[],candidates:0,checked:!1,filtered:null})}finally{v(!1)}},O=z({mutationFn:({id:e,keep:t})=>t?x.patch(`/api/studio/categories/${e}`,{proposed:!1}):x.del(`/api/studio/categories/${e}`),onSuccess:()=>o.invalidateQueries({queryKey:[`knowledge`,e]})});return(0,W.jsxs)(I,{title:E(`know.title`),hint:E(`know.hint`),plain:!0,action:n?null:(0,W.jsxs)(`div`,{className:`flex flex-wrap justify-end gap-2`,children:[(0,W.jsxs)(d,{variant:`secondary`,size:`sm`,onClick:()=>S(`page`),children:[(0,W.jsx)(N,{className:`size-4`}),` `,E(`know.page`)]}),(0,W.jsxs)(d,{variant:`secondary`,size:`sm`,onClick:()=>S(`table`),children:[(0,W.jsx)(N,{className:`size-4`}),` `,E(`know.table`)]}),(0,W.jsxs)(d,{variant:`secondary`,size:`sm`,onClick:()=>S(`category`),children:[(0,W.jsx)(N,{className:`size-4`}),` `,E(`know.category`)]})]}),children:[w.length&&!n?(0,W.jsx)(p,{className:`flex flex-col gap-2 p-4`,children:w.map(e=>{let t=G[e.type];return(0,W.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2.5`,children:[(0,W.jsx)(g,{tone:`ember`,children:E(`know.proposed`)}),(0,W.jsx)(t,{className:`size-4 text-ink-3`}),(0,W.jsx)(`span`,{className:`font-medium text-[0.875rem]`,children:e.name}),(0,W.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-[0.8125rem] text-ink-3`,children:[E(`know.type.${e.type}`),e.hint].filter(Boolean).join(` · `)}),(0,W.jsx)(d,{size:`sm`,variant:`ghost`,onClick:()=>O.mutate({id:e.id,keep:!1}),children:E(`know.dismiss`)}),(0,W.jsx)(d,{size:`sm`,onClick:()=>O.mutate({id:e.id,keep:!0}),children:E(`know.accept`)})]},e.id)})}):null,t.items.length?(0,W.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,W.jsx)(a,{value:u,placeholder:E(`know.search`),busy:_,onEnter:()=>void D(),onChange:e=>{f(e),e.trim()||h(null)}}),C.length?(0,W.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[C.map(e=>(0,W.jsx)(Fe,{category:e,value:c[e.name],onChange:t=>{h(null),l(n=>{let r={...n};return t===void 0?delete r[e.name]:r[e.name]=t,r})}},e.id)),Object.keys(c).length?(0,W.jsx)(`button`,{type:`button`,onClick:()=>l({}),className:`px-2 text-[0.8125rem] text-ink-3 underline hover:text-ink`,children:E(`know.clear`)}):null]}):null]}):null,(0,W.jsx)(p,{className:`flex flex-col p-1.5`,children:m?(0,W.jsx)(Ie,{found:m,onOpen:r}):T.length?T.map(e=>(0,W.jsx)(J,{item:e,categories:t.categories,onOpen:r},e.key)):(0,W.jsx)(i,{children:E(`know.empty`)})}),n?null:(0,W.jsxs)(ne,{accept:`.pdf,.docx,.doc,.xlsx,.csv,.tsv,.txt,.md,.json,.html,.eml,image/*`,onFiles:async t=>{await s.upload(`document`,t),await o.invalidateQueries({queryKey:[`knowledge`,e]})},className:`h-14 w-full`,children:[s.busy?(0,W.jsx)(F,{className:`size-4`}):(0,W.jsx)(re,{className:`size-4`}),E(`know.drop`),` `,(0,W.jsx)(`span`,{className:`underline`,children:E(`know.pick`)})]}),s.error?(0,W.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:s.error}):null,t.items.length&&!(t.checked&&t.embeddings)?(0,W.jsx)(`p`,{className:`px-1 text-[0.8125rem] text-ink-3`,children:[t.embeddings?``:E(`know.keywordsOnly`),t.checked?``:E(`know.unchecked`)].filter(Boolean).join(` `)}):null,(0,W.jsx)(Le,{kind:b===`page`||b===`table`?b:null,projectId:e,onClose:()=>S(null),onMade:e=>{S(null),r(e)}}),(0,W.jsx)(Te,{projectId:e,open:b===`category`,onClose:()=>S(null),onMade:e=>{S(null),r(`c:${e}`)}})]})}function ze({page:e,onGone:t,onOpen:n}){let i=j(),[a,c]=(0,U.useState)(e.title),[l,u]=(0,U.useState)(e.markdown),[f,m]=(0,U.useState)(e.markdown?`read`:`write`),g=e.knowledge,_=async()=>{await i.invalidateQueries({queryKey:[`space-data`,e.projectId]}),await i.invalidateQueries({queryKey:[`knowledge`,e.projectId]})},v=r({title:a.trim()||e.title,markdown:l},async t=>{await x.patch(`/api/studio/pages/${e.id}`,t),i.setQueryData([`space-page`,e.id],e=>e&&{...e,...t}),t.title!==e.title&&await _()}),y=z({mutationFn:()=>x.del(`/api/studio/pages/${e.id}`),onSuccess:async()=>{await _(),t()}}),S=z({mutationFn:()=>x.post(`/api/studio/projects/${e.projectId}/pages`,{title:E(`know.addSub`),parentId:e.id}),onSuccess:async({id:e})=>{await _(),n?.(`p:${e}`)}}),w=z({mutationFn:()=>x.patch(`/api/studio/pages/${e.id}`,{review:null}),onSuccess:()=>i.invalidateQueries({queryKey:[`space-page`,e.id]})}),T=async t=>{let r=t.target.closest(`a`)?.getAttribute(`href`);if(!(r?.startsWith(`pages/`)&&n))return;t.preventDefault();let i=await x.get(`/api/studio/projects/${e.projectId}/resolve?path=${encodeURIComponent(r)}`).catch(()=>null);i?.kind===`page`&&n(`p:${i.id}`)},D=e.readOnly,O=g?.file&&(g.file.mime===`application/pdf`||g.file.mime.startsWith(`image/`))?g.file:null,k=(e,t)=>(0,W.jsx)(`button`,{type:`button`,"aria-pressed":f===e,onClick:()=>m(e),className:h(`rounded-full px-3 py-1 text-[0.8125rem] transition`,f===e?`bg-paper-2 font-medium text-ink`:`text-ink-3 hover:text-ink`),children:t});return(0,W.jsxs)(`section`,{className:`flex flex-col gap-3`,children:[g?.parents.length&&n?(0,W.jsx)(`nav`,{className:`-mb-1.5 flex flex-wrap items-center gap-1 px-1 text-[0.8125rem] text-ink-3`,children:g.parents.map(e=>(0,W.jsxs)(`span`,{className:`inline-flex items-center gap-1`,children:[(0,W.jsx)(`button`,{type:`button`,onClick:()=>n(`p:${e.id}`),className:`hover:text-ink`,children:e.title}),(0,W.jsx)(o,{className:`size-3.5`})]},e.id))}):null,(0,W.jsxs)(`div`,{className:`flex items-center gap-2 px-1`,children:[(0,W.jsx)(`input`,{value:a,disabled:D,maxLength:200,onChange:e=>c(e.target.value),"aria-label":E(`data.title`),className:`-ml-1 min-w-0 flex-1 rounded-md bg-transparent px-1 font-display font-semibold text-lg outline-none hover:bg-accent focus:bg-paper focus:ring-1 focus:ring-ring disabled:hover:bg-transparent`}),v.state===`saving`?(0,W.jsx)(F,{className:`size-3.5 text-ink-3`}):v.state===`saved`?(0,W.jsx)(s,{className:`size-4 text-moss`,"aria-label":E(`settings.saved`)}):null,D?null:(0,W.jsx)(b,{label:E(`data.deletePage`),onClick:()=>confirm(E(`data.confirmDelete`,{title:e.title}))&&y.mutate(),className:`hover:text-rose`,children:(0,W.jsx)(C,{className:`size-4`})})]}),g?(0,W.jsx)(Y,{projectId:e.projectId,itemKey:`p:${e.id}`,has:g.categories,originLabel:g.originLabel,kept:g.kept,review:g.review,file:O?null:g.file,readOnly:D,onReviewed:()=>w.mutate()}):null,(0,W.jsxs)(p,{className:`flex flex-col`,children:[D&&!O?null:(0,W.jsxs)(`div`,{className:`flex items-center gap-1 border-border-soft border-b px-2 py-1.5`,children:[D?null:k(`write`,E(`data.write`)),k(`read`,E(`data.preview`)),O?k(`original`,E(`know.original`)):null,(0,W.jsx)(`span`,{className:`ml-auto truncate px-2 text-[0.75rem] text-ink-4 max-sm:hidden`,children:f===`original`&&O?O.name:E(`data.markdownHint`)})]}),f===`original`&&O?O.mime===`application/pdf`?(0,W.jsx)(`iframe`,{src:L(e.projectId,O.id),title:O.name,className:`h-[70dvh] w-full rounded-b-xl bg-paper-2`}):(0,W.jsx)(`img`,{src:L(e.projectId,O.id),alt:``,className:`mx-auto max-h-[70dvh] object-contain p-4`}):f===`write`&&!D?(0,W.jsx)(`textarea`,{value:l,onChange:e=>u(e.target.value),"aria-label":e.title,placeholder:E(`data.pageEmpty`),className:`field-sizing-content min-h-[50vh] w-full resize-none bg-transparent p-4 font-mono text-[0.8125rem] leading-relaxed outline-none placeholder:text-ink-4 sm:p-5`}):(0,W.jsx)(`div`,{className:`min-h-40 p-4 sm:p-5`,onClick:T,children:l.trim()?(0,W.jsx)(A,{text:l}):(0,W.jsx)(`p`,{className:`text-[0.875rem] text-ink-3`,children:E(`data.pageEmpty`)})})]}),v.state===`error`&&v.error?(0,W.jsx)(`p`,{className:`px-1 text-[0.875rem] text-rose`,children:v.error}):null,g&&n&&(g.children.length||!D)?(0,W.jsxs)(`div`,{className:`mt-3 flex flex-col gap-1.5`,children:[(0,W.jsxs)(`div`,{className:`flex items-center justify-between px-1`,children:[(0,W.jsx)(`p`,{className:`font-medium text-[0.6875rem] text-ink-4 uppercase tracking-[0.12em]`,children:g.children.length?E(`know.subPages`):null}),D?null:(0,W.jsxs)(d,{variant:`ghost`,size:`sm`,busy:S.isPending,onClick:()=>S.mutate(),children:[(0,W.jsx)(N,{className:`size-4`}),` `,E(`know.addSub`)]})]}),g.children.length?(0,W.jsx)(p,{className:`flex flex-col p-1.5`,children:g.children.map(e=>(0,W.jsxs)(`button`,{type:`button`,onClick:()=>n(`p:${e.id}`),className:`flex items-center gap-3 rounded-lg px-3 py-2 text-left transition hover:bg-accent`,children:[(0,W.jsx)(M,{className:`size-4 shrink-0 text-ink-3`}),(0,W.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-[0.875rem]`,children:e.title})]},e.id))}):null]}):null]})}function Be({pageId:e,onGone:t,onOpen:n}){let r=c({queryKey:[`space-page`,e],queryFn:()=>x.get(`/api/studio/pages/${e}`),refetchOnWindowFocus:!1});return r.data?(0,W.jsx)(ze,{page:r.data,onGone:t,onOpen:n},r.data.id):r.isError?(0,W.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:r.error.message}):null}function Ve(e){return c({queryKey:[`space-data`,e],queryFn:()=>x.get(`/api/studio/projects/${e}/data`),enabled:!!e})}function He(e){let t=t=>[...e.tables.filter(e=>e.wizardId===t).map(e=>({key:`t:${e.id}`,kind:`table`,title:e.title,rows:e.rows})),...e.pages.filter(e=>e.wizardId===t).map(e=>({key:`p:${e.id}`,kind:`page`,title:e.title}))];return[{key:`own`,label:E(`data.own`),items:t(null)},...e.wizards.map(e=>({key:e.id,label:e.title,items:t(e.id)}))].filter(e=>e.items.length)}var Ue={table:ae,page:M};function We({kind:e,projectId:t,data:n,onClose:r,onMade:i}){let a=j(),[o,s]=(0,U.useState)(``),[c,l]=(0,U.useState)(``),p=z({mutationFn:()=>x.post(`/api/studio/projects/${t}/${e===`table`?`tables`:`pages`}`,{title:o.trim(),wizardId:c||null}),onSuccess:async({id:n})=>{await a.invalidateQueries({queryKey:[`space-data`,t]}),i(`${e===`table`?`t`:`p`}:${n}`),s(``),l(``)}});return(0,W.jsx)(R,{open:e!==null,onClose:r,title:E(e===`table`?`data.newTable`:`data.newPage`),children:(0,W.jsxs)(`form`,{className:`flex flex-col gap-4`,onSubmit:e=>{e.preventDefault(),o.trim()&&p.mutate()},children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(v,{children:E(`data.title`)}),(0,W.jsx)(u,{"data-autofocus":!0,value:o,maxLength:120,onChange:e=>s(e.target.value)})]}),(0,W.jsxs)(`div`,{children:[(0,W.jsx)(v,{children:E(`data.owner`)}),(0,W.jsx)(f,{value:c,onChange:l,options:[{value:``,label:E(`data.own`)},...n.wizards.map(e=>({value:e.id,label:e.title}))]})]}),p.error?(0,W.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:p.error.message}):null,(0,W.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,W.jsx)(d,{variant:`ghost`,onClick:r,children:E(`common.cancel`)}),(0,W.jsx)(d,{type:`submit`,busy:p.isPending,disabled:!o.trim(),children:E(`data.create`)})]})]})})}function Ge({projectId:e,data:t,readOnly:n,onOpen:r}){let[a,o]=(0,U.useState)(null),s=He(t),c=new Map([...t.tables.map(e=>[`t:${e.id}`,e.updatedAt]),...t.pages.map(e=>[`p:${e.id}`,e.updatedAt])]),l=new Intl.DateTimeFormat(k,{dateStyle:`medium`});return(0,W.jsxs)(I,{title:E(`space.data`),hint:E(`data.hint`),plain:!0,action:n?null:(0,W.jsxs)(`div`,{className:`flex gap-2`,children:[(0,W.jsxs)(d,{variant:`secondary`,size:`sm`,onClick:()=>o(`table`),children:[(0,W.jsx)(N,{className:`size-4`}),` `,E(`data.table`)]}),(0,W.jsxs)(d,{variant:`secondary`,size:`sm`,onClick:()=>o(`page`),children:[(0,W.jsx)(N,{className:`size-4`}),` `,E(`data.page`)]})]}),children:[s.length?(0,W.jsx)(`div`,{className:`flex flex-col gap-5`,children:s.map(e=>(0,W.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,W.jsx)(`p`,{className:`px-1 font-medium text-[0.6875rem] text-ink-4 uppercase tracking-[0.12em]`,children:e.label}),(0,W.jsx)(p,{className:`flex flex-col p-1.5`,children:e.items.map(e=>{let t=Ue[e.kind];return(0,W.jsxs)(`button`,{type:`button`,onClick:()=>r(e.key),className:`flex items-center gap-3 rounded-lg px-3 py-2.5 text-left transition hover:bg-accent`,children:[(0,W.jsx)(t,{className:`size-4 shrink-0 text-ink-3`}),(0,W.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-[0.875rem]`,children:e.title}),(0,W.jsxs)(`span`,{className:`shrink-0 text-[0.75rem] text-ink-3 tabular-nums`,children:[e.kind===`table`?`${E(`data.rows`,{n:e.rows??0})} · `:``,l.format(new Date(c.get(e.key)??Date.now()))]})]},e.key)})})]},e.key))}):(0,W.jsx)(p,{children:(0,W.jsx)(i,{children:E(`data.empty`)})}),(0,W.jsx)(We,{kind:a,projectId:e,data:t,onClose:()=>o(null),onMade:e=>{o(null),r(e)}})]})}function Ke(e,t){let n=e.normalize(`NFKD`).replace(/[̀-ͯ]/g,``).toLowerCase().replace(/[^a-z0-9]+/g,`_`).replace(/^_+|_+$/g,``).replace(/^[^a-z]+/,``).slice(0,48)||`column`,r=n,i=2;for(;t.includes(r);)r=`${n}_${i++}`;return r}var qe={milliseconds:1,seconds:1e3,minutes:6e4,hours:36e5,days:864e5},Je=[`text`,`number`,`date`,`duration`,`select`,`boolean`];function Ye(e,t){if(t==null)return``;if(e.type===`duration`&&typeof t==`number`)return String(t/qe[e.format.inputUnit]);if(e.type===`date`&&e.format.kind===`datetime`&&typeof t==`string`){let e=new Date(t);return new Date(e.getTime()-e.getTimezoneOffset()*6e4).toISOString().slice(0,16)}return String(t)}var X=`w-full min-w-0 rounded-md bg-transparent px-2 py-1.5 text-[0.875rem] outline-none transition placeholder:text-ink-4 hover:bg-accent focus:bg-paper focus:ring-1 focus:ring-ring disabled:hover:bg-transparent`;function Xe({column:e,value:t,readOnly:n,invalid:r,onSave:i}){let a=Ye(e,t),[o,s]=(0,U.useState)(a);(0,U.useEffect)(()=>s(a),[a]);let c=(t=o)=>{t!==a&&i(S(e,t))};if(e.type===`boolean`)return(0,W.jsx)(`div`,{className:`px-2 py-1.5`,children:(0,W.jsx)(`input`,{type:`checkbox`,checked:t===!0,disabled:n,onChange:e=>i(e.target.checked),"aria-label":e.name,className:`size-4 accent-[var(--ember)]`})});if(e.type===`select`&&e.format.multiple){let r=Array.isArray(t)?t:[],a=t=>e.format.options.find(e=>e.id===t)?.label??t;return(0,W.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1 px-2 py-1`,children:[r.map(e=>(0,W.jsxs)(`span`,{className:`inline-flex items-center gap-1 rounded-full bg-paper-2 py-0.5 pr-1 pl-2 text-[0.75rem]`,children:[a(e),n?null:(0,W.jsx)(`button`,{type:`button`,"aria-label":E(`data.removeOption`),onClick:()=>i(r.filter(t=>t!==e)),className:`rounded-full text-ink-3 hover:text-ink`,children:(0,W.jsx)(P,{className:`size-3`})})]},e)),n?null:(0,W.jsxs)(`select`,{value:``,onChange:e=>e.target.value&&i([...r,e.target.value]),"aria-label":e.name,className:`h-7 rounded-md bg-transparent px-1 text-[0.75rem] text-ink-3 outline-none hover:bg-accent`,children:[(0,W.jsx)(`option`,{value:``,children:`+`}),e.format.options.filter(e=>!r.includes(e.id)).map(e=>(0,W.jsx)(`option`,{value:e.id,children:e.label},e.id))]})]})}if(e.type===`select`)return(0,W.jsxs)(`select`,{value:typeof t==`string`?t:``,disabled:n,onChange:e=>i(e.target.value||null),"aria-label":e.name,className:X,children:[(0,W.jsx)(`option`,{value:``}),e.format.options.map(e=>(0,W.jsx)(`option`,{value:e.id,children:e.label},e.id))]});if(e.type===`text`&&e.format?.style&&e.format.style!==`single`)return(0,W.jsx)(`textarea`,{value:o,rows:1,disabled:n,onChange:e=>s(e.target.value),onBlur:()=>c(),"aria-label":e.name,className:h(X,`field-sizing-content max-h-40 resize-none`)});let l=e.type===`date`?{date:`date`,datetime:`datetime-local`,time:`time`}[e.format.kind]:`text`;return(0,W.jsx)(`input`,{type:l,inputMode:e.type===`number`||e.type===`duration`?`decimal`:void 0,value:o,disabled:n,onChange:t=>{s(t.target.value),e.type===`date`&&c(t.target.value)},onBlur:()=>e.type!==`date`&&c(),onKeyDown:e=>{e.key===`Enter`&&e.target.blur(),e.key===`Escape`&&s(a)},"aria-label":e.name,className:h(X,(e.type===`number`||e.type===`duration`)&&`text-right tabular-nums`,r&&`ring-1 ring-rose`)})}function Ze(e){return e.type===`number`&&e.format.style===`currency`?e.format.currency??null:e.type===`number`&&e.format.style===`percent`?`%`:e.type===`duration`?E(`data.unit.${e.format.inputUnit}`):null}function Qe(e){return{name:e?.name??``,type:e?.type??`text`,required:e?.required??!1,textStyle:e?.type===`text`&&(e.format?.style??`single`)!==`single`?`multiline`:`single`,numberStyle:e?.type===`number`?e.format.style:`decimal`,currency:e?.type===`number`?e.format.currency??`EUR`:`EUR`,dateKind:e?.type===`date`?e.format.kind:`date`,unit:e?.type===`duration`&&[`minutes`,`hours`,`days`].includes(e.format.inputUnit)?e.format.inputUnit:`minutes`,options:e?.type===`select`?e.format.options.map(e=>e.label).join(`
 `):``,multiple:e?.type===`select`&&!!e.format.multiple}}function $e(e,t,n){let r={id:t,name:e.name.trim(),...e.required?{required:!0}:{}};switch(e.type){case`number`:return{...r,type:`number`,format:e.numberStyle===`currency`?{style:`currency`,currency:e.currency.trim().toUpperCase()}:{style:e.numberStyle}};case`date`:return{...r,type:`date`,format:{kind:e.dateKind}};case`duration`:return{...r,type:`duration`,format:{inputUnit:e.unit,display:`hms`}};case`select`:{let t=n?.type===`select`?n.format.options:[],i=[],a=e.options.split(`
 `).map(e=>e.trim()).filter(Boolean).map(e=>{let n=t.find(t=>t.label===e)?.id??Ke(e,i);return i.push(n),{id:n,label:e}});return{...r,type:`select`,format:{allowCustom:!1,options:a,...e.multiple?{multiple:!0}:{}}}}case`boolean`:return{...r,type:`boolean`};default:return{...r,type:`text`,...e.textStyle===`multiline`?{format:{style:`multiline`}}:{}}}}function et({open:e,column:t,columns:n,onClose:r,onSave:i}){let[a,o]=(0,U.useState)(()=>Qe(t)),[s,c]=(0,U.useState)(null),[l,p]=(0,U.useState)(!1);(0,U.useEffect)(()=>{e&&(o(Qe(t)),c(null))},[e,t]);let m=e=>o(t=>({...t,...e})),h=async e=>{p(!0),c(null);try{await i(e),r()}catch(e){c(e.message)}finally{p(!1)}},g=()=>{let e=t?.id??Ke(a.name,n.map(e=>e.id)),r=$e(a,e,t);return h(t?n.map(e=>e.id===t.id?r:e):[...n,r])};return(0,W.jsx)(R,{open:e,onClose:r,title:t?t.name:E(`data.newColumn`),children:(0,W.jsxs)(`form`,{className:`flex flex-col gap-4`,onSubmit:e=>{e.preventDefault(),a.name.trim()&&g()},children:[(0,W.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(v,{children:E(`data.columnName`)}),(0,W.jsx)(u,{"data-autofocus":!0,value:a.name,maxLength:128,onChange:e=>m({name:e.target.value})})]}),(0,W.jsxs)(`div`,{children:[(0,W.jsx)(v,{children:E(`data.columnType`)}),(0,W.jsx)(f,{value:a.type,onChange:e=>m({type:e}),options:Je.map(e=>({value:e,label:E(`data.type.${e}`)}))})]})]}),a.type===`text`?(0,W.jsx)(f,{value:a.textStyle,onChange:e=>m({textStyle:e}),options:[{value:`single`,label:E(`data.text.single`)},{value:`multiline`,label:E(`data.text.multiline`)}]}):null,a.type===`number`?(0,W.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[(0,W.jsx)(f,{value:a.numberStyle,onChange:e=>m({numberStyle:e}),options:[`integer`,`decimal`,`percent`,`currency`].map(e=>({value:e,label:E(`data.number.${e}`)}))}),a.numberStyle===`currency`?(0,W.jsx)(u,{value:a.currency,maxLength:3,"aria-label":E(`data.currency`),placeholder:`EUR`,onChange:e=>m({currency:e.target.value})}):null]}):null,a.type===`date`?(0,W.jsx)(f,{value:a.dateKind,onChange:e=>m({dateKind:e}),options:[`date`,`datetime`,`time`].map(e=>({value:e,label:E(`data.date.${e}`)}))}):null,a.type===`duration`?(0,W.jsxs)(`div`,{children:[(0,W.jsx)(v,{children:E(`data.unit`)}),(0,W.jsx)(f,{value:a.unit,onChange:e=>m({unit:e}),options:[`minutes`,`hours`,`days`].map(e=>({value:e,label:E(`data.unit.${e}`)}))})]}):null,a.type===`select`?(0,W.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(v,{children:E(`data.options`)}),(0,W.jsx)(T,{minRows:3,value:a.options,onChange:e=>m({options:e.target.value})})]}),(0,W.jsxs)(`label`,{className:`flex items-center gap-3 text-[0.875rem]`,children:[(0,W.jsx)(w,{checked:a.multiple,onChange:e=>m({multiple:e})}),E(`data.multiple`)]})]}):null,(0,W.jsxs)(`label`,{className:`flex items-center gap-3 text-[0.875rem]`,children:[(0,W.jsx)(w,{checked:a.required,onChange:e=>m({required:e})}),E(`data.required`)]}),s?(0,W.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:s}):null,(0,W.jsxs)(`div`,{className:`flex items-center gap-2`,children:[t&&n.length>1?(0,W.jsx)(d,{variant:`ghost`,className:`text-rose`,disabled:l,onClick:()=>confirm(E(`data.confirmDelete`,{title:t.name}))&&void h(n.filter(e=>e.id!==t.id)),children:E(`data.deleteColumn`)}):null,(0,W.jsx)(`span`,{className:`flex-1`}),(0,W.jsx)(d,{variant:`ghost`,onClick:r,children:E(`common.cancel`)}),(0,W.jsx)(d,{type:`submit`,busy:l,disabled:!a.name.trim(),children:E(`settings.save`)})]})]})})}function tt({tableId:e,onGone:t}){let n=j(),r=[`space-table`,e],i=c({queryKey:r,queryFn:()=>x.get(`/api/studio/tables/${e}`)}),[a,o]=(0,U.useState)(null),[s,l]=(0,U.useState)(null),[u,f]=(0,U.useState)(null),[m,h]=(0,U.useState)(``);(0,U.useEffect)(()=>h(i.data?.title??``),[i.data?.title]);let g=async()=>{await n.invalidateQueries({queryKey:[`space-data`,i.data?.projectId]}),await n.invalidateQueries({queryKey:[`knowledge`,i.data?.projectId]})},_=e=>n.setQueryData(r,t=>t&&{...t,rows:e(t.rows)}),v=e=>{l(e.message),i.refetch()},y=async t=>{await x.patch(`/api/studio/tables/${e}`,t),await i.refetch(),await g()},S=z({mutationFn:({row:t,column:n,value:r})=>x.patch(`/api/studio/tables/${e}/rows/${t}`,{cells:{[n]:r}}),onSuccess:(e,{row:t,column:n})=>{l(null),f(e=>e===`${t}:${n}`?null:e),_(t=>t.map(t=>t.id===e.id?{...t,cells:e.cells}:t))},onError:(e,{row:t,column:n})=>{if(e instanceof ee&&e.body?.column===n){let e=i.data?.columns.find(e=>e.id===n)?.name??n;f(`${t}:${n}`),l(E(`data.badCell`,{column:e}));return}v(e)}}),w=z({mutationFn:()=>x.post(`/api/studio/tables/${e}/rows`,{}),onSuccess:async e=>{_(t=>[...t,{...e,updatedAt:new Date().toISOString()}]),await g()},onError:v}),T=z({mutationFn:t=>x.post(`/api/studio/tables/${e}/rows/delete`,{ids:[t]}),onSuccess:async(e,t)=>{_(e=>e.filter(e=>e.id!==t)),await g()},onError:v}),D=z({mutationFn:()=>x.del(`/api/studio/tables/${e}`),onSuccess:async()=>{await g(),t()}});if(!i.data)return i.isError?(0,W.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:i.error.message}):null;let{columns:O,rows:k,readOnly:A}=i.data,M=!!i.data.list;return(0,W.jsxs)(`section`,{className:`flex flex-col gap-3`,children:[(0,W.jsxs)(`div`,{className:`flex items-center gap-2 px-1`,children:[(0,W.jsx)(`input`,{value:m,disabled:A,maxLength:120,onChange:e=>h(e.target.value),onBlur:()=>m.trim()&&m!==i.data?.title&&void y({title:m}).catch(v),onKeyDown:e=>e.key===`Enter`&&e.target.blur(),"aria-label":E(`data.title`),className:`-ml-1 min-w-0 flex-1 rounded-md bg-transparent px-1 font-display font-semibold text-lg outline-none hover:bg-accent focus:bg-paper focus:ring-1 focus:ring-ring disabled:hover:bg-transparent`}),A?null:(0,W.jsx)(b,{label:E(`data.deleteTable`),onClick:()=>confirm(E(`data.confirmDelete`,{title:i.data.title}))&&D.mutate(),className:`hover:text-rose`,children:(0,W.jsx)(C,{className:`size-4`})})]}),M?(0,W.jsx)(`p`,{className:`-mt-1.5 px-1 text-[0.8125rem] text-ink-3`,children:E(`data.fromList`)}):null,i.data.knowledge?(0,W.jsx)(Y,{projectId:i.data.projectId,itemKey:`t:${i.data.id}`,has:i.data.knowledge.categories,originLabel:i.data.knowledge.originLabel,kept:i.data.knowledge.kept,review:i.data.knowledge.review,file:i.data.knowledge.file,readOnly:A,onReviewed:()=>void x.patch(`/api/studio/tables/${e}`,{review:null}).then(()=>i.refetch()).catch(v)}):null,(0,W.jsxs)(p,{className:`overflow-hidden`,children:[(0,W.jsx)(`div`,{className:`overflow-x-auto`,children:(0,W.jsxs)(`table`,{className:`w-full border-collapse text-left`,children:[(0,W.jsx)(`thead`,{children:(0,W.jsxs)(`tr`,{className:`border-border-soft border-b`,children:[O.map(e=>(0,W.jsx)(`th`,{className:`min-w-36 border-border-soft border-l p-1 font-medium first:border-l-0`,children:(0,W.jsxs)(`button`,{type:`button`,disabled:A||M,onClick:()=>o(e),className:`flex w-full items-center gap-1 rounded-md px-2 py-1.5 text-left text-[0.8125rem] text-ink-2 transition hover:bg-accent hover:text-ink disabled:hover:bg-transparent`,children:[(0,W.jsx)(`span`,{className:`truncate`,children:e.name}),e.required?(0,W.jsx)(`span`,{className:`text-ember`,children:`*`}):null,Ze(e)?(0,W.jsx)(`span`,{className:`font-normal text-ink-4`,children:Ze(e)}):null]})},e.id)),(0,W.jsx)(`th`,{className:`w-10 p-1`,children:A||M?null:(0,W.jsx)(b,{label:E(`data.newColumn`),onClick:()=>o(`new`),className:`size-8`,children:(0,W.jsx)(N,{className:`size-4`})})})]})}),(0,W.jsx)(`tbody`,{children:k.map(e=>(0,W.jsxs)(`tr`,{className:`group border-border-soft border-b last:border-b-0`,children:[O.map(t=>(0,W.jsx)(`td`,{className:`border-border-soft border-l p-1 align-top first:border-l-0`,children:(0,W.jsx)(Xe,{column:t,value:e.cells[t.id],readOnly:A,invalid:u===`${e.id}:${t.id}`,onSave:n=>S.mutate({row:e.id,column:t.id,value:n})})},t.id)),(0,W.jsx)(`td`,{className:`w-10 p-1 align-top`,children:A?null:(0,W.jsx)(b,{label:E(`data.deleteRow`),onClick:()=>T.mutate(e.id),className:`size-8 opacity-0 hover:text-rose focus:opacity-100 group-hover:opacity-100 coarse:opacity-100`,children:(0,W.jsx)(C,{className:`size-3.5`})})})]},e.id))})]})}),k.length?null:(0,W.jsx)(`p`,{className:`px-4 py-6 text-center text-[0.875rem] text-ink-3`,children:E(`data.noRows`)}),A?null:(0,W.jsx)(`div`,{className:`border-border-soft border-t p-1.5`,children:(0,W.jsxs)(d,{variant:`ghost`,size:`sm`,busy:w.isPending,onClick:()=>w.mutate(),children:[(0,W.jsx)(N,{className:`size-4`}),` `,E(`data.addRow`)]})})]}),s?(0,W.jsx)(`p`,{className:`px-1 text-[0.875rem] text-rose`,children:s}):null,(0,W.jsx)(et,{open:a!==null,column:a===`new`?null:a,columns:O,onClose:()=>o(null),onSave:e=>y({columns:e})})]})}var nt=`wizards.runDrawer.width`,rt=`wizards.runDrawer.wide`,it=`wizards.runDrawer.look`,at=680,Z=400,ot=()=>Math.max(Z,window.innerWidth-120);function Q(e){try{return localStorage.getItem(e)}catch{return null}}function $(e,t){try{localStorage.setItem(e,t)}catch{}}function st(){let[e,t]=(0,U.useState)(()=>{let e=Number(Q(nt));return e?Math.min(Math.max(e,Z),ot()):at}),[n,r]=(0,U.useState)(()=>Q(rt)===`1`),i=(0,U.useCallback)(e=>{let n=Math.round(Math.min(Math.max(e,Z),ot()));t(n),$(nt,String(n))},[]);return{width:e,wide:n,toggleWide:()=>{r(!n),$(rt,n?`0`:`1`)},onPointerDown:t=>{t.preventDefault();let n=t.clientX,r=e,a=e=>i(r+n-e.clientX),o=()=>{window.removeEventListener(`pointermove`,a),window.removeEventListener(`pointerup`,o),document.body.style.removeProperty(`cursor`),document.body.style.removeProperty(`user-select`)};document.body.style.cursor=`col-resize`,document.body.style.userSelect=`none`,window.addEventListener(`pointermove`,a),window.addEventListener(`pointerup`,o)},onKeyDown:t=>{let n=t.shiftKey?64:16;t.key===`ArrowLeft`?(t.preventDefault(),i(e+n)):t.key===`ArrowRight`&&(t.preventDefault(),i(e-n))},reset:()=>i(at)}}function ct(){let[e,t]=(0,U.useState)(()=>Q(it)===`chat`?`chat`:`steps`);return[e,e=>{t(e),$(it,e)}]}function lt({look:e,onChange:t}){let n=[{id:`steps`,label:E(`chat.steps`),Icon:fe},{id:`chat`,label:E(`chat.chat`),Icon:pe}];return(0,W.jsx)(`fieldset`,{"aria-label":E(`chat.view`),className:`m-0 flex min-w-0 rounded-full border-0 bg-paper-2 p-0.5`,children:n.map(({id:n,label:r,Icon:i})=>(0,W.jsxs)(`button`,{type:`button`,"aria-pressed":e===n,title:r,onClick:()=>t(n),className:h(`inline-flex h-7 items-center gap-1.5 rounded-full px-2.5 font-medium text-[0.75rem] transition coarse:h-9`,e===n?`bg-card text-ink shadow-soft`:`text-ink-3 hover:text-ink`),children:[(0,W.jsx)(i,{className:`size-3.5`}),(0,W.jsx)(`span`,{className:`max-sm:hidden`,children:r})]},n))})}function ut({header:e,actions:t,onClose:n,children:r}){let i=st();return(0,W.jsx)(`div`,{className:`fixed inset-0 z-50 flex justify-end bg-[oklch(20%_0.01_60/0.22)] backdrop-blur-[1px]`,onClick:n,children:(0,W.jsxs)(`div`,{className:h(`relative flex h-full w-full animate-rise flex-col bg-background shadow-overlay`,!i.wide&&`sm:w-[var(--drawer)]`),style:{"--drawer":`${i.width}px`},onClick:e=>e.stopPropagation(),children:[i.wide?null:(0,W.jsx)(`div`,{role:`separator`,"aria-orientation":`vertical`,"aria-label":E(`editor.resize`),"aria-valuenow":i.width,tabIndex:0,title:E(`editor.resize`),onPointerDown:i.onPointerDown,onKeyDown:i.onKeyDown,onDoubleClick:i.reset,className:`group -left-2.5 absolute inset-y-0 z-10 hidden w-5 cursor-col-resize outline-none sm:block`,children:(0,W.jsx)(`span`,{className:`-translate-y-1/2 absolute top-1/2 left-[7px] h-12 w-1.5 rounded-full bg-ink-4/40 transition group-hover:bg-ember/70 group-focus-visible:bg-ember group-active:h-16 group-active:bg-ember`})}),(0,W.jsxs)(`div`,{className:`kb-hide flex h-14 shrink-0 items-center gap-3 px-4`,children:[(0,W.jsx)(`div`,{className:`flex min-w-0 flex-1 items-center gap-3`,children:e}),(0,W.jsxs)(`div`,{className:`flex items-center gap-1`,children:[t,(0,W.jsx)(b,{label:E(i.wide?`runDrawer.shrink`:`runDrawer.expand`),onClick:i.toggleWide,className:`max-sm:hidden`,children:i.wide?(0,W.jsx)(he,{className:`size-4`}):(0,W.jsx)(O,{className:`size-4`})}),(0,W.jsx)(b,{label:E(`editor.close`),onClick:n,children:(0,W.jsx)(P,{className:`size-5`})})]})]}),(0,W.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto`,children:r})]})})}export{se as S,Oe as _,Ue as a,he as b,Ve as c,J as d,Y as f,Ee as g,G as h,tt as i,Be as l,ke as m,ut as n,Ge as o,Re as p,ct as r,He as s,lt as t,Me as u,De as v,B as x,ve as y};

package/apps/web/dist/assets/{SettingsPage-DmhN7OTy.js → SettingsPage-ChYLv-MG.js}

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