wizards 0.3.6 → 0.3.7

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

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

package/apps/web/dist/assets/ProjectPage-BIanCF0m.js

@@ -1,2 +0,0 @@
-import{r as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,t as n}from"./jsx-runtime-BNakU3Ej.js";import{O as r,r as i}from"./logo-C4V2_3Ar.js";import{_ as a,g as o,m as s,p as c,v as l,w as u}from"./Marketplace-B-gy2onK.js";import{t as d}from"./useMutation-DKyQXgyj.js";import{Bt as f,Dt as p,Jt as m,Nt as h,Rt as g,St as _,T as v,Tt as y,Vt as ee,Wt as te,Yt as b,Zt as x,an as S,bn as ne,bt as C,dn as re,dt as w,ft as T,gt as E,hn as D,ht as O,kt as k,l as A,lt as j,mt as M,pt as ie,sn as ae,ut as N,vn as oe,wt as P,xn as se,xt as F,yn as ce,yt as I}from"./ui-DAHMnAVc.js";import{_ as le,a as ue,b as L,c as de,d as fe,f as R,g as pe,h as me,i as he,l as ge,m as _e,n as z,o as ve,p as ye,s as be,u as xe,v as Se,x as B,y as V}from"./RunDrawer-8sjkAbm5.js";import{t as H}from"./phone-CA2A8W7I.js";import{n as U,r as Ce,t as W}from"./ReadOnly-CaGzgOPe.js";import{t as G}from"./upload-DLbJVvfd.js";import{c as K,l as we,s as Te}from"./session-DBOQL_bg.js";import{A as q,D as J,E as Y,F as Ee,H as De,I as X,M as Oe,N as ke,O as Ae,P as je,_ as Me,d as Ne,f as Pe,g as Fe,j as Ie,k as Le,l as Re,lt as ze,p as Be,s as Ve,u as He,ut as Ue,v as We}from"./index-DkDBEMwz.js";import{a as Z,c as Ge,f as Ke,i as qe,n as Je,o as Ye,r as Xe,s as Ze,t as Qe,u as $e}from"./settings-menu-DxswVOqQ.js";import{t as et}from"./RunnerView-CJ4cLA_0.js";var tt={name:`layers`,size:24,node:[[`path`,{d:`M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z`,key:`zw3jo`}],[`path`,{d:`M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12`,key:`1wduqc`}],[`path`,{d:`M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17`,key:`kqbvx6`}]],aliases:[`layers-3`]};tt.node;var nt=re(tt),rt={name:`music`,size:24,node:[[`path`,{d:`M9 18V5l12-2v13`,key:`1jmyc2`}],[`circle`,{cx:`6`,cy:`18`,r:`3`,key:`fqmcym`}],[`circle`,{cx:`18`,cy:`16`,r:`3`,key:`1hluhg`}]]};rt.node;var it=re(rt),Q=e(t(),1),$=e(n(),1),at={backgroundImage:`repeating-conic-gradient(#c9c9c9 0% 25%, #dedede 0% 50%)`,backgroundSize:`16px 16px`};function ot({file:e,actions:t}){let[n,r]=(0,Q.useState)(e.description),i=(0,Q.useRef)(e.description),a=(0,Q.useRef)(null);(0,Q.useEffect)(()=>{e.description!==i.current&&(r(t=>t===i.current?e.description:t),i.current=e.description)},[e.description]),(0,Q.useLayoutEffect)(()=>{let e=a.current;e&&(e.style.height=`auto`,e.style.height=`${e.scrollHeight}px`)},[n]);let o=e.status===`pending`&&!n;return t.readOnly?n?(0,$.jsx)(`p`,{className:`text-[0.8125rem] text-ink-2 leading-snug`,children:n}):null:(0,$.jsx)(`textarea`,{ref:a,rows:1,value:n,maxLength:600,placeholder:k(o?`project.describing`:`project.description`),onChange:e=>r(e.target.value),onBlur:()=>{n.trim()!==e.description&&(i.current=n.trim(),t.describe(e.id,n.trim()))},className:`-mx-1 block w-[calc(100%+0.5rem)] resize-none overflow-hidden rounded-md bg-transparent px-1 py-0.5 text-[0.8125rem] text-ink-2 leading-snug outline-none transition placeholder:text-ink-4 hover:bg-paper-2 focus:bg-card focus:text-ink focus:ring-1 focus:ring-border`})}function st(e,t){confirm(k(`project.removeConfirm`,{name:e.name}))&&t.remove(e.id)}function ct({projectId:e,file:t,small:n}){let r=Oe(e,t.id);return t.mime.startsWith(`image/`)?(0,$.jsx)(`img`,{src:r,alt:``,loading:`lazy`,className:y(`size-full`,t.kind===`logo`?`object-contain p-3`:`object-cover`)}):t.mime.startsWith(`video/`)?(0,$.jsx)(`video`,{src:`${r}#t=0.1`,preload:`metadata`,controls:!n,className:`size-full object-cover`}):(0,$.jsx)(`div`,{className:`flex size-full items-center justify-center text-ink-3`,children:t.mime.startsWith(`audio/`)?(0,$.jsx)(it,{className:n?`size-5`:`size-7`}):(0,$.jsx)(b,{className:n?`size-5`:`size-7`})})}function lt({projectId:e,kind:t,files:n,actions:r,accept:i,addLabel:a,onPreview:s}){return(0,$.jsxs)(`div`,{className:`grid grid-cols-[repeat(auto-fill,minmax(184px,1fr))] gap-3`,children:[n.map((i,a)=>(0,$.jsxs)(`div`,{className:`group relative flex flex-col gap-1.5 rounded-lg bg-paper p-2 pb-2.5 ring-1 ring-border-soft`,children:[t===`logo`&&a===0?(0,$.jsx)(`span`,{className:`absolute -top-3 left-3 z-10 rounded-full ring-2 ring-card`,children:(0,$.jsx)(w,{tone:`ember`,children:k(`project.logoMain`)})}):null,(0,$.jsxs)(`div`,{className:`relative h-28 overflow-hidden rounded-md bg-paper-2`,style:t===`logo`?at:void 0,children:[s&&i.mime.startsWith(`image/`)?(0,$.jsx)(`button`,{type:`button`,"aria-label":`${k(`project.preview`)}: ${i.name}`,onClick:()=>s(i),className:`block size-full cursor-zoom-in`,children:(0,$.jsx)(ct,{projectId:e,file:i})}):(0,$.jsx)(ct,{projectId:e,file:i}),(0,$.jsxs)(`div`,{className:`absolute top-1 right-1 flex gap-1 opacity-0 transition focus-within:opacity-100 group-hover:opacity-100 coarse:opacity-100`,children:[s?(0,$.jsx)(M,{label:k(`project.preview`),onClick:()=>s(i),className:`size-8 bg-card shadow-soft`,children:(0,$.jsx)(u,{className:`size-4`})}):null,t===`logo`&&a>0&&!r.readOnly?(0,$.jsx)(M,{label:k(`project.logoMakeMain`),onClick:()=>r.order(`logo`,[i.id,...n.filter(e=>e.id!==i.id).map(e=>e.id)]),className:`size-8 bg-card shadow-soft`,children:(0,$.jsx)(o,{className:`size-4`})}):null,r.readOnly?null:(0,$.jsx)(M,{label:k(`project.remove`),onClick:()=>st(i,r),className:`size-8 bg-card shadow-soft hover:text-rose`,children:(0,$.jsx)(h,{className:`size-4`})})]})]}),t===`asset`?(0,$.jsx)(`div`,{className:`truncate px-0.5 text-[0.75rem] text-ink-3`,title:i.name,children:i.name}):null,(0,$.jsx)(ot,{file:i,actions:r})]},i.id)),a&&!r.readOnly?(0,$.jsxs)(J,{accept:i,multiple:!1,onFiles:e=>r.upload(t,e),className:`min-h-28 flex-col p-3`,children:[r.busy?(0,$.jsx)(C,{className:`size-5`}):(0,$.jsx)(f,{className:`size-5`}),a]}):null]})}function ut({projectId:e,data:t,readOnly:n}){let r=je(e,n);return(0,$.jsxs)(q,{title:k(`project.logos`),hint:k(`project.logosHint`),children:[(0,$.jsx)(lt,{projectId:e,kind:`logo`,files:t.files.filter(e=>e.kind===`logo`),actions:r,accept:`image/*`,addLabel:k(`project.logoAdd`)}),r.error?(0,$.jsx)(`p`,{className:`mt-3 text-[0.875rem] text-rose`,children:r.error}):null]})}var dt=e=>[(e.name.includes(`.`)?e.name.split(`.`).pop():e.mime.split(`/`).pop())?.toUpperCase().slice(0,5),Ie(e.size)].filter(Boolean).join(` · `);function ft({projectId:e,file:t,actions:n,onClose:r}){let i=Oe(e,t.id);return(0,$.jsxs)(T,{open:!0,onClose:r,wide:`page`,title:t.name,children:[(0,$.jsxs)(`div`,{className:`-mt-2 mb-4 flex items-center justify-between gap-3`,children:[(0,$.jsx)(`span`,{className:`text-[0.8125rem] text-ink-3`,children:dt(t)}),(0,$.jsx)(`a`,{href:i,target:`_blank`,rel:`noreferrer`,"aria-label":k(`project.openOriginal`),title:k(`project.openOriginal`),className:`inline-flex size-9 items-center justify-center rounded-full text-ink-3 transition hover:bg-accent hover:text-ink`,children:(0,$.jsx)(x,{className:`size-4`})})]}),t.mime.startsWith(`image/`)?(0,$.jsx)(`div`,{className:`overflow-hidden rounded-lg`,style:at,children:(0,$.jsx)(`img`,{src:i,alt:``,className:`mx-auto max-h-[68dvh] object-contain`})}):t.mime.startsWith(`video/`)?(0,$.jsx)(`video`,{src:i,controls:!0,className:`max-h-[68dvh] w-full rounded-lg bg-black`}):(0,$.jsx)(`audio`,{src:i,controls:!0,className:`w-full`}),(0,$.jsx)(`div`,{className:`mt-4`,children:(0,$.jsx)(ot,{file:t,actions:n})})]})}function pt({projectId:e,file:t,actions:n,onPreview:r}){return(0,$.jsxs)(`li`,{className:`flex items-start gap-3 rounded-lg bg-paper p-2 ring-1 ring-border-soft`,children:[(0,$.jsx)(`button`,{type:`button`,"aria-label":`${k(`project.preview`)}: ${t.name}`,onClick:r,className:`size-14 shrink-0 cursor-zoom-in overflow-hidden rounded-md bg-paper-2`,children:(0,$.jsx)(ct,{projectId:e,file:t,small:!0})}),(0,$.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-1 py-0.5`,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-baseline gap-x-3`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:r,title:t.name,className:`min-w-0 truncate font-medium text-[0.875rem] hover:underline`,children:t.name}),(0,$.jsx)(`span`,{className:`text-[0.75rem] text-ink-3`,children:dt(t)})]}),(0,$.jsx)(ot,{file:t,actions:n})]}),(0,$.jsxs)(`div`,{className:`flex shrink-0 items-start`,children:[(0,$.jsx)(M,{label:k(`project.preview`),onClick:r,children:(0,$.jsx)(u,{className:`size-4`})}),n.readOnly?null:(0,$.jsx)(M,{label:k(`project.remove`),onClick:()=>st(t,n),className:`hover:text-rose`,children:(0,$.jsx)(h,{className:`size-4`})})]})]})}function mt({projectId:e,data:t,readOnly:n}){let r=je(e,n),[i,a]=Ee(`assets`,`cards`),[o,s]=(0,Q.useState)(``),[c,l]=(0,Q.useState)(null),u=t.files.filter(e=>e.kind===`asset`),d=u.find(e=>e.id===c),f=o.trim().toLowerCase(),p=f?u.filter(e=>`${e.name} ${e.description}`.toLowerCase().includes(f)):u;return(0,$.jsxs)(q,{title:k(`project.assets`),hint:k(`project.assetsHint`),children:[u.length?(0,$.jsx)(Ae,{layout:i,onToggle:a,children:(0,$.jsx)(Le,{value:o,onChange:s,placeholder:k(`project.assetSearch`)})}):null,p.length?(0,$.jsx)(`div`,{className:`mb-3`,children:i===`cards`?(0,$.jsx)(lt,{projectId:e,kind:`asset`,files:p,actions:r,onPreview:e=>l(e.id)}):(0,$.jsx)(`ul`,{className:`flex flex-col gap-2`,children:p.map(t=>(0,$.jsx)(pt,{projectId:e,file:t,actions:r,onPreview:()=>l(t.id)},t.id))})}):null,n?u.length?null:(0,$.jsx)(`p`,{className:`text-[0.875rem] text-ink-3`,children:k(`project.staysLocal`)}):(0,$.jsxs)(J,{accept:`image/*,video/*,audio/*`,onFiles:e=>r.upload(`asset`,e),className:`h-16 w-full`,children:[r.busy?(0,$.jsx)(C,{className:`size-4`}):(0,$.jsx)(G,{className:`size-4`}),k(`project.drop`),` `,(0,$.jsx)(`span`,{className:`underline`,children:k(`project.assetAdd`)})]}),r.error?(0,$.jsx)(`p`,{className:`mt-3 text-[0.875rem] text-rose`,children:r.error}):null,d?(0,$.jsx)(ft,{projectId:e,file:d,actions:r,onClose:()=>l(null)}):null]})}function ht(e,t,n){return i({queryKey:[`project-file-text`,t.id,t.chars,n],queryFn:()=>A.get(`/api/studio/projects/${e}/files/${t.id}/text?limit=${n}`),enabled:t.status===`ready`,staleTime:6e4})}function gt(e){return((e.name.includes(`.`)?e.name.split(`.`).pop():``)||e.mime.split(`/`).pop()||``).toUpperCase().slice(0,5)}var _t=e=>[gt(e),e.pages?k(`project.pages`,{n:e.pages}):null,Ie(e.size)].filter(Boolean).join(` · `),vt=2e5;function yt({projectId:e,fileId:t,readOnly:n,onGone:i}){let a=r(),o=X(e),s=_e(e),c=je(e,n),l=o.data?.files.find(e=>e.id===t),u=l?l.mime===`application/pdf`||l.mime.startsWith(`image/`):!1,[d,f]=(0,Q.useState)(null);if(!l)return o.isLoading?(0,$.jsx)(C,{className:`mx-auto text-ink-3`}):null;let p=d??(u?`original`:`text`),m=s.data?.items.find(e=>e.key===`f:${l.id}`),_=Oe(e,l.id),v=(e,t)=>(0,$.jsx)(`button`,{type:`button`,"aria-pressed":p===e,onClick:()=>f(e),className:y(`rounded-full px-3 py-1 text-[0.8125rem] transition`,p===e?`bg-paper-2 font-medium text-ink`:`text-ink-3 hover:text-ink`),children:t});return(0,$.jsxs)(`section`,{className:`flex flex-col gap-3`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 px-1`,children:[(0,$.jsx)(`h2`,{className:`min-w-0 flex-1 truncate font-display font-semibold text-lg`,children:l.name}),(0,$.jsx)(`span`,{className:`text-[0.8125rem] text-ink-3 max-sm:hidden`,children:_t(l)}),(0,$.jsx)(`a`,{href:_,target:`_blank`,rel:`noreferrer`,"aria-label":k(`project.openOriginal`),title:k(`project.openOriginal`),className:`inline-flex size-9 items-center justify-center rounded-full text-ink-3 transition hover:bg-accent hover:text-ink`,children:(0,$.jsx)(x,{className:`size-4`})}),n?null:(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(M,{label:k(`project.reindex`),onClick:async()=>{await c.reindex(l.id),await a.invalidateQueries({queryKey:[`knowledge`,e]})},children:(0,$.jsx)(g,{className:`size-4`})}),(0,$.jsx)(M,{label:k(`know.deleteFile`),className:`hover:text-rose`,onClick:async()=>{confirm(k(`data.confirmDelete`,{title:l.name}))&&(await c.remove(l.id),await a.invalidateQueries({queryKey:[`knowledge`,e]}),i())},children:(0,$.jsx)(h,{className:`size-4`})})]})]}),(0,$.jsx)(R,{projectId:e,itemKey:`f:${l.id}`,has:m?.categories??[],originLabel:m?.originLabel??null,kept:!1,review:null,file:null,readOnly:n,onReviewed:()=>void 0}),(0,$.jsx)(`div`,{className:`px-1`,children:(0,$.jsx)(ot,{file:l,actions:c})}),l.status===`failed`?(0,$.jsx)(`p`,{className:`px-1 text-[0.875rem] text-rose`,children:l.error}):null,(0,$.jsxs)(N,{className:`flex flex-col`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-1 border-border-soft border-b px-2 py-1.5`,children:[u?v(`original`,k(`project.original`)):null,v(`text`,k(`project.readText`))]}),p===`original`?l.mime===`application/pdf`?(0,$.jsx)(`iframe`,{src:_,title:l.name,className:`h-[70dvh] w-full rounded-b-xl bg-paper-2`}):(0,$.jsx)(`img`,{src:_,alt:``,className:`mx-auto max-h-[70dvh] object-contain p-4`}):(0,$.jsx)(bt,{projectId:e,file:l})]})]})}function bt({projectId:e,file:t}){let n=ht(e,t,vt);return n.isLoading||t.status===`pending`?(0,$.jsx)(`div`,{className:`flex h-40 items-center justify-center text-ink-3`,children:(0,$.jsx)(C,{})}):n.data?.text?(0,$.jsxs)(`div`,{className:`overflow-x-auto p-4 sm:p-5`,children:[(0,$.jsx)(v,{text:n.data.text,className:`text-[0.875rem]`}),n.data.chars>n.data.text.length?(0,$.jsx)(`p`,{className:`mt-3 text-[0.8125rem] text-ink-3`,children:k(`project.textCut`,{shown:n.data.text.length.toLocaleString(),total:n.data.chars.toLocaleString()})}):null]}):(0,$.jsx)(`p`,{className:`py-8 text-center text-[0.875rem] text-ink-3`,children:k(`project.noText`)})}var xt=[`text`,`longtext`,`number`,`date`,`url`,`email`,`phone`,`boolean`],St=/^(\d{4}-\d{2}-\d{2}|\d{1,2}\.\s?\d{1,2}\.\s?\d{4})$/,Ct=/^[+-]?\d{1,3}([.,\s']?\d{3})*([.,]\d+)?$/,wt=/^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/,Tt=/^(https?:\/\/|www\.)\S+$/i,Et=/^\+?[\d\s()/.-]{7,20}$/,Dt=/^(ja|nein|yes|no|true|false)$/i;function Ot(e){let t=e.trim();return t?t.includes(`
-`)||t.length>140?`longtext`:Dt.test(t)?`boolean`:wt.test(t)?`email`:Tt.test(t)?`url`:St.test(t)?`date`:Ct.test(t)&&!/^(\+|0\d)/.test(t)?`number`:Et.test(t)&&t.replace(/\D/g,``).length>=7?`phone`:`text`:`text`}function kt(e,t=[]){let n=e.toLowerCase().replace(/ä/g,`ae`).replace(/ö/g,`oe`).replace(/ü/g,`ue`).replace(/ß/g,`ss`).normalize(`NFD`).replace(/[^a-z0-9]+/g,`_`).replace(/^_+|_+$/g,``).slice(0,40)||`fakt`,r=n;for(let e=2;t.includes(r);e++)r=`${n}_${e}`;return r}var At=[{key:`adresse`,de:`Adresse`,en:`Address`},{key:`plz`,de:`PLZ`,en:`Postcode`},{key:`ort`,de:`Ort`,en:`City`},{key:`uid`,de:`UID`,en:`VAT id`},{key:`telefon`,de:`Telefon`,en:`Phone`},{key:`e_mail`,de:`E-Mail`,en:`Email`},{key:`website`,de:`Website`,en:`Website`},{key:`iban`,de:`IBAN`,en:`IBAN`}],jt={facts:100,colors:12,files:{logo:8,asset:100,document:2e3},bytes:{logo:5e6,asset:15e6,video:8e7,document:3e7}},Mt=/^#[0-9a-fA-F]{6}$/;function Nt({onAdd:e,onClose:t}){let[n,r]=(0,Q.useState)(`#e0531b`),[i,a]=(0,Q.useState)(``),o=Mt.test(n);return(0,$.jsx)(T,{open:!0,onClose:t,title:k(`project.colorAddTitle`),children:(0,$.jsxs)(`form`,{onSubmit:r=>{r.preventDefault(),o&&(e({name:i.trim(),value:n.toLowerCase()}),t())},className:`flex flex-col gap-5`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(E,{children:k(`project.colorValue`)}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(F,{value:o?n:`#888888`,onChange:e=>r(e.target.value)}),(0,$.jsx)(O,{value:n,placeholder:`#e0531b`,spellCheck:!1,onChange:e=>r(e.target.value.trim()),className:`font-mono text-[0.875rem]`})]})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(E,{children:k(`project.colorUseLabel`)}),(0,$.jsx)(O,{autoFocus:!0,value:i,maxLength:120,placeholder:k(`project.colorName`),onChange:e=>a(e.target.value)}),(0,$.jsx)(`p`,{className:`mt-1.5 text-[0.8125rem] text-ink-3`,children:k(`project.colorUse`)})]}),(0,$.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,$.jsx)(j,{variant:`ghost`,onClick:t,children:k(`common.cancel`)}),(0,$.jsx)(j,{type:`submit`,disabled:!o,children:k(`project.add`)})]})]})})}function Pt({colors:e,save:t,readOnly:n}){let r=(0,Q.useRef)(0),[i,a]=(0,Q.useState)(()=>e.map(e=>({...e,id:`c${r.current++}`}))),[o,s]=(0,Q.useState)(!1),c=ke(i.filter(e=>Mt.test(e.value)).map(({name:e,value:t})=>({name:e.trim(),value:t})),t),l=(e,t)=>a(n=>n.map(n=>n.id===e?{...n,...t}:n));return(0,$.jsxs)(q,{title:k(`project.colors`),hint:k(`project.colorsHint`),save:c,locked:n,children:[(0,$.jsx)(`div`,{className:`flex flex-col gap-2`,children:i.map((e,t)=>(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(F,{value:Mt.test(e.value)?e.value:`#888888`,onChange:t=>l(e.id,{value:t.target.value})}),(0,$.jsx)(O,{value:e.name,placeholder:k(`project.colorName`),maxLength:120,onChange:t=>l(e.id,{name:t.target.value}),className:`min-w-0 flex-1`}),(0,$.jsx)(O,{value:e.value,placeholder:`#e0531b`,spellCheck:!1,onChange:t=>l(e.id,{value:t.target.value.trim()}),className:`w-28 font-mono text-[0.8125rem]`}),(0,$.jsxs)(`div`,{className:`flex w-24 shrink-0 items-center justify-end max-sm:w-auto`,children:[t===0?(0,$.jsx)(`span`,{className:`mr-1 max-sm:hidden`,children:(0,$.jsx)(w,{tone:`ember`,children:k(`project.colorAccent`)})}):n?null:(0,$.jsx)(M,{label:k(`project.colorFirst`),onClick:()=>a(t=>[e,...t.filter(t=>t.id!==e.id)]),children:(0,$.jsx)(ae,{className:`size-4`})}),n?null:(0,$.jsx)(M,{label:k(`project.remove`),onClick:()=>a(t=>t.filter(t=>t.id!==e.id)),className:`hover:text-rose`,children:(0,$.jsx)(h,{className:`size-4`})})]})]},e.id))}),i.length&&!n?(0,$.jsx)(`p`,{className:`mt-1.5 text-[0.8125rem] text-ink-3`,children:k(`project.colorUse`)}):null,i.length<jt.colors&&!n?(0,$.jsxs)(j,{variant:`secondary`,size:`sm`,className:i.length?`mt-3`:void 0,onClick:()=>s(!0),children:[(0,$.jsx)(f,{className:`size-4`}),` `,k(`project.colorAdd`)]}):null,o?(0,$.jsx)(Nt,{onClose:()=>s(!1),onAdd:e=>a(t=>[...t,{...e,id:`c${r.current++}`}])}):null]})}var Ft=e=>/^(ja|yes|true)$/i.test(e.trim()),It={text:s,longtext:Ce,number:L,date:B,url:m,email:ze,phone:H,boolean:V};function Lt({type:e,detected:t,onChange:n}){let[r,i]=(0,Q.useState)(!1),[a,o]=(0,Q.useState)(!1),s=(0,Q.useRef)(null);(0,Q.useEffect)(()=>{if(!r)return;let e=e=>{s.current?.contains(e.target)||i(!1)},t=e=>e.key===`Escape`&&i(!1);return document.addEventListener(`mousedown`,e),document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`mousedown`,e),document.removeEventListener(`keydown`,t)}},[r]);let l=It[e??t],u=`${k(`project.factType`)}: ${k(`project.type.${e??t}`)}`,d=`flex w-full items-center gap-3 rounded-lg px-3 py-2 text-left text-[0.875rem] text-ink-2 hover:bg-accent hover:text-ink`,f=e=>{n(e),i(!1)};return(0,$.jsxs)(`div`,{className:`relative`,ref:s,children:[(0,$.jsx)(`button`,{type:`button`,"aria-label":u,title:u,"aria-haspopup":`menu`,"aria-expanded":r,onClick:e=>{o(window.innerHeight-e.currentTarget.getBoundingClientRect().bottom<400),i(e=>!e)},className:y(`inline-flex size-11 items-center justify-center rounded-lg transition hover:bg-accent hover:text-ink`,r?`bg-accent text-ink`:e?`text-ink-2`:`text-ink-4`),children:(0,$.jsx)(l,{className:`size-4`})}),r?(0,$.jsxs)(`div`,{role:`menu`,className:y(`absolute right-0 z-50 w-56 animate-rise rounded-xl bg-card p-1.5 shadow-overlay ring-1 ring-border-soft`,a?`bottom-12`:`top-12`),children:[(0,$.jsxs)(`button`,{type:`button`,role:`menuitemradio`,"aria-checked":!e,className:d,onClick:()=>f(void 0),children:[(0,$.jsx)(c,{className:`size-4 shrink-0`}),(0,$.jsx)(`span`,{className:`flex-1`,children:k(`project.factAuto`)}),(0,$.jsx)(`span`,{className:`text-[0.75rem] text-ink-4`,children:k(`project.type.${t}`)}),(0,$.jsx)(S,{className:y(`size-4 shrink-0`,e&&`invisible`)})]}),(0,$.jsx)(`div`,{className:`mx-2 my-1 h-px bg-border-soft`}),xt.map(t=>{let n=It[t];return(0,$.jsxs)(`button`,{type:`button`,role:`menuitemradio`,"aria-checked":e===t,className:d,onClick:()=>f(t),children:[(0,$.jsx)(n,{className:`size-4 shrink-0`}),(0,$.jsx)(`span`,{className:`flex-1`,children:k(`project.type.${t}`)}),(0,$.jsx)(S,{className:y(`size-4 shrink-0`,e!==t&&`invisible`)})]},t)})]}):null]})}function Rt({facts:e,save:t,readOnly:n}){let r=(0,Q.useRef)(0),i=(0,Q.useRef)(null),[a,o]=(0,Q.useState)(()=>e.map(e=>({...e,id:`f${r.current++}`}))),s=ke(a.filter(e=>e.key&&e.label.trim()).map(({key:e,label:t,value:n,type:r})=>({key:e,label:t.trim(),value:n,...r?{type:r}:{}})),t),c=(e,t)=>o(n=>n.map(n=>n.id===e?{...n,...t}:n)),l=(e,t,n=!1)=>{let a=`f${r.current++}`;i.current=`${a}:${t}`;let s={id:a,key:``,label:``,value:``,...e};o(e=>n?[s,...e]:[...e,s])},u=e=>t=>{t&&i.current===e&&(i.current=null,t.focus())},d=At.filter(e=>!a.some(t=>t.key===e.key));return(0,$.jsxs)(q,{title:k(`project.facts`),hint:k(`project.factsHint`),save:s,locked:n,action:a.length<jt.facts&&!n?(0,$.jsxs)(j,{variant:`secondary`,size:`sm`,onClick:()=>l({},`label`,!0),children:[(0,$.jsx)(f,{className:`size-4`}),` `,k(`project.factAdd`)]}):null,children:[(0,$.jsx)(`div`,{className:`flex flex-col gap-2`,children:a.map(e=>{let t=Ot(e.value),r=e.type??t;return(0,$.jsxs)(`div`,{className:`grid grid-cols-[minmax(0,1fr)_auto_auto] items-start gap-x-1 gap-y-2 sm:grid-cols-[minmax(0,2fr)_minmax(0,3fr)_auto_auto]`,children:[(0,$.jsx)(O,{ref:u(`${e.id}:label`),value:e.label,placeholder:k(`project.factLabel`),title:e.key?`{{facts.${e.key}}}`:void 0,onChange:t=>c(e.id,{label:t.target.value}),onBlur:()=>{!e.key&&e.label.trim()&&c(e.id,{key:kt(e.label,a.map(e=>e.key))})},className:`max-sm:col-span-3 max-sm:font-medium sm:mr-1`}),e.type===`boolean`?(0,$.jsxs)(`div`,{className:`flex h-11 items-center gap-3`,children:[(0,$.jsx)(_,{checked:Ft(e.value),label:e.label,onChange:t=>c(e.id,{value:k(t?`project.yes`:`project.no`)})}),(0,$.jsx)(`span`,{className:`text-[0.875rem] text-ink-2`,children:Ft(e.value)?k(`project.yes`):k(`project.no`)})]}):(0,$.jsx)(P,{ref:u(`${e.id}:value`),rows:1,minRows:r===`longtext`?2:1,maxRows:10,value:e.value,placeholder:k(`project.factValue`),onChange:t=>c(e.id,{value:t.target.value}),className:`min-h-11`}),(0,$.jsx)(Lt,{type:e.type,detected:t,onChange:t=>c(e.id,{type:t})}),n?null:(0,$.jsx)(M,{label:k(`project.remove`),onClick:()=>o(t=>t.filter(t=>t.id!==e.id)),className:`size-11 rounded-lg hover:text-rose`,children:(0,$.jsx)(h,{className:`size-4`})})]},e.id)})}),a.length<jt.facts&&!n?(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 ${a.length?`mt-4`:``}`,children:[(0,$.jsxs)(j,{variant:`secondary`,size:`sm`,onClick:()=>l({},`label`),children:[(0,$.jsx)(f,{className:`size-4`}),` `,k(`project.factAdd`)]}),d.map(e=>(0,$.jsxs)(`button`,{type:`button`,onClick:()=>l({key:e.key,label:p===`en`?e.en:e.de},`value`),className:`inline-flex h-8 items-center gap-1 rounded-full bg-paper-2 px-3 text-[0.8125rem] text-ink-2 transition hover:bg-paper-3 hover:text-ink`,children:[(0,$.jsx)(f,{className:`size-3.5`}),` `,p===`en`?e.en:e.de]},e.key))]}):null]})}function zt({project:e,save:t}){let[n,r]=(0,Q.useState)(e.brand.name??``),[i,a]=(0,Q.useState)(e.brand.about??``),o=ke({name:n.trim(),about:i.trim()},e=>t({brand:e}));return(0,$.jsx)(q,{title:k(`project.base`),hint:k(`project.baseHint`),save:o,locked:e.readOnly,children:(0,$.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(E,{children:k(`project.title`)}),(0,$.jsx)(O,{value:n,maxLength:120,onChange:e=>r(e.target.value)}),(0,$.jsx)(`p`,{className:`mt-1.5 text-[0.8125rem] text-ink-3`,children:k(`project.titleHint`)})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(E,{children:k(`project.about`)}),(0,$.jsx)(P,{minRows:4,value:i,onChange:e=>a(e.target.value)}),(0,$.jsx)(`p`,{className:`mt-1.5 text-[0.8125rem] text-ink-3`,children:k(`project.aboutHint`)})]})]})})}function Bt({project:e,group:t,children:n}){let i=r(),a=X(e.id),[o,s]=(0,Q.useState)(0),c=async t=>{await A.patch(`/api/studio/projects/${e.id}`,t),await i.invalidateQueries({queryKey:[`projects`]})},l=d({mutationFn:()=>A.del(`/api/studio/projects/${e.id}`),onSuccess:()=>i.invalidateQueries({queryKey:[`projects`]})}),u=we(),f=K(),p=a.data??{files:[],embeddings:!0},m=`${e.id}:${o}`,h=e.readOnly,g=t===`knowledge`;return De(h?{}:{title:k(g?`project.assistantTitleKnowledge`:`project.assistantTitle`),hello:k(g?`project.assistantHelloKnowledge`:`project.assistantHello`),placeholder:k(g?`project.assistantComposerKnowledge`:`project.assistantComposer`),suggestions:g?[{label:k(`assistant.suggest.knowledgeHow`)},{label:k(`assistant.suggest.knowledgeSite`),fill:!0},{label:k(`assistant.suggest.knowledgeCategories`)}]:[{label:k(`assistant.suggest.readSite`),fill:!0},{label:k(`assistant.suggest.missing`)},{label:k(`assistant.suggest.facts`)}],summary:g?void 0:[e.brand.name?`title "${e.brand.name}"`:`no title`,`${e.facts.length} facts`,`${e.brand.colors?.length??0} colours`,`${p.files.filter(e=>e.kind===`logo`).length} logos`].join(` · `),onChanged:()=>s(e=>e+1)}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-9`,children:[h?(0,$.jsx)(W,{children:U(e)}):null,t===`info`?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Y,{id:`base`,children:(0,$.jsx)(zt,{project:e,save:c},`base:${m}`)}),(0,$.jsx)(Y,{id:`logos`,children:(0,$.jsx)(ut,{projectId:e.id,data:p,readOnly:h})}),(0,$.jsx)(Y,{id:`colors`,children:(0,$.jsx)(Pt,{colors:e.brand.colors??[],save:e=>c({brand:{colors:e}}),readOnly:h},`colors:${m}`)}),(0,$.jsx)(Y,{id:`assets`,children:(0,$.jsx)(mt,{projectId:e.id,data:p,readOnly:h})}),(0,$.jsx)(Y,{id:`facts`,children:(0,$.jsx)(Rt,{facts:e.facts,save:e=>c({facts:e}),readOnly:h},`facts:${m}`)})]}):null,n,t===`info`&&u&&!h&&f?(0,$.jsxs)(`div`,{children:[(0,$.jsx)(j,{variant:`danger`,busy:l.isPending,onClick:()=>confirm(`${k(`settings.delete`)}?`)&&l.mutate(),children:k(`settings.delete`)}),l.error?(0,$.jsx)(`p`,{className:`mt-2 text-[0.875rem] text-rose`,children:l.error.message}):null]}):null]})}var Vt={q:``,mode:``,days:0};function Ht(e,t,n){let r=new URLSearchParams;t&&r.set(`wizard`,t),n.q.trim()&&r.set(`q`,n.q.trim()),n.mode&&r.set(`mode`,n.mode),n.days&&r.set(`days`,String(n.days));let a=r.toString();return i({queryKey:[`results`,e,a],queryFn:()=>A.get(`/api/studio/projects/${e}/results${a&&`?${a}`}`),enabled:!!e,placeholderData:e=>e,refetchInterval:15e3})}function Ut({filter:e,onFilter:t}){let[n,r]=(0,Q.useState)(e.q);return(0,Q.useEffect)(()=>{if(n===e.q)return;let r=setTimeout(()=>t({...e,q:n}),250);return()=>clearTimeout(r)},[n,e,t]),(0,$.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,$.jsxs)(`div`,{className:`relative min-w-0 flex-1 basis-56`,children:[(0,$.jsx)(a,{className:`-translate-y-1/2 pointer-events-none absolute top-1/2 left-3 size-4 text-ink-3`}),(0,$.jsx)(O,{type:`search`,value:n,onChange:e=>r(e.target.value),placeholder:k(`space.resultsSearch`),"aria-label":k(`space.resultsSearch`),className:`w-full pl-9`})]}),(0,$.jsx)(I,{value:e.mode,onChange:n=>t({...e,mode:n}),options:[{value:``,label:k(`space.resultsModeAll`)},{value:`live`,label:`Live`},{value:`test`,label:`Test`}],className:`w-32`}),(0,$.jsx)(I,{value:String(e.days),onChange:n=>t({...e,days:Number(n)}),options:[{value:`0`,label:k(`space.resultsAnyTime`)},{value:`1`,label:k(`space.resultsDay`)},{value:`7`,label:k(`space.resultsDays`,{n:7})},{value:`30`,label:k(`space.resultsDays`,{n:30})}],className:`w-44`})]})}function Wt({data:e,wizardId:t,filter:n,onFilter:r}){let[i,a]=(0,Q.useState)(null),o=t=>e.wizards.find(e=>e.id===t)?.title??``,s=new Intl.DateTimeFormat(p,{dateStyle:`medium`,timeStyle:`short`});return(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(q,{title:t?o(t):k(`space.resultsAll`),hint:k(`space.resultsHint`),plain:!0,children:[(0,$.jsx)(Ut,{filter:n,onFilter:r}),e.runs.length?(0,$.jsx)(N,{className:`flex flex-col p-1.5`,children:e.runs.map(e=>(0,$.jsxs)(`button`,{type:`button`,onClick:()=>a(e),className:`flex items-center gap-3 rounded-lg px-3 py-2.5 text-left transition hover:bg-accent`,children:[(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,$.jsx)(`div`,{className:`truncate text-[0.875rem]`,children:t?s.format(new Date(e.doneAt)):o(e.wizardId)}),(0,$.jsxs)(`div`,{className:`truncate text-[0.75rem] text-ink-3`,children:[t?null:`${s.format(new Date(e.doneAt))} · `,k(`space.resultCredits`,{n:e.credits})]})]}),e.assets?(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1 text-[0.75rem] text-ink-3 tabular-nums`,title:k(`space.resultFiles`,{n:e.assets}),children:[(0,$.jsx)(te,{className:`size-3.5`}),e.assets]}):null,e.mode===`test`?(0,$.jsx)(w,{children:`Test`}):(0,$.jsxs)(w,{tone:`live`,children:[`Live v`,e.version]})]},e.id))}):(0,$.jsx)(N,{children:(0,$.jsx)(ie,{children:n.q.trim()||n.mode||n.days?k(`space.resultsNone`):k(`space.resultsEmpty`)})})]}),i?(0,$.jsx)(z,{header:(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`span`,{className:`min-w-0 flex-1 truncate font-medium text-[0.875rem]`,children:o(i.wizardId)}),i.mode===`test`?(0,$.jsx)(w,{children:`Test`}):(0,$.jsxs)(w,{tone:`live`,children:[`Live v`,i.version]})]}),onClose:()=>a(null),children:(0,$.jsx)(et,{runId:i.id,compact:!0},i.id)}):null]})}function Gt({project:e,save:t}){let[n,r]=(0,Q.useState)(!1),[i,a]=(0,Q.useState)(e.name),o=d({mutationFn:()=>t({name:i.trim()}),onSuccess:()=>r(!1)});return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(M,{label:k(`project.rename`),onClick:()=>{a(e.name),r(!0)},children:(0,$.jsx)(ee,{className:`size-4`})}),(0,$.jsx)(T,{open:n,onClose:()=>r(!1),title:k(`project.rename`),children:(0,$.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),i.trim()&&o.mutate()},children:[(0,$.jsx)(O,{"data-autofocus":!0,value:i,maxLength:80,onChange:e=>a(e.target.value)}),o.error?(0,$.jsx)(`p`,{className:`mt-3 text-[0.875rem] text-rose`,children:o.error.message}):null,(0,$.jsxs)(`div`,{className:`mt-5 flex justify-end gap-2`,children:[(0,$.jsx)(j,{variant:`ghost`,onClick:()=>r(!1),children:k(`common.cancel`)}),(0,$.jsx)(j,{type:`submit`,busy:o.isPending,disabled:!i.trim(),children:k(`settings.save`)})]})]})})]})}function Kt({project:e}){let t=r();return(0,$.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,$.jsx)(We,{}),e.readOnly?null:(0,$.jsx)(Gt,{project:e,save:async n=>{await A.patch(`/api/studio/projects/${e.id}`,n),await t.invalidateQueries({queryKey:[`projects`]})}})]})}function qt(e){let t=e.join(` `),[n,r]=(0,Q.useState)(e[0]);return(0,Q.useEffect)(()=>{let e=t.split(` `),n=0,i=()=>{n=0;let t=Fe(),i=t.scrollTop>0&&t.clientHeight+t.scrollTop>=t.scrollHeight-4,a=(t===document.documentElement?0:t.getBoundingClientRect().top)+Math.max(120,t.clientHeight/3),o=e[0];for(let t of e){let e=document.getElementById(t)?.getBoundingClientRect().top;e!==void 0&&e<=a&&(o=t)}r(i?e.at(-1):o)},a=()=>{n||=requestAnimationFrame(i)};return i(),window.addEventListener(`scroll`,a,{passive:!0,capture:!0}),window.addEventListener(`resize`,a),()=>{cancelAnimationFrame(n),window.removeEventListener(`scroll`,a,{capture:!0}),window.removeEventListener(`resize`,a)}},[t]),n}function Jt(e,t){let n=window.matchMedia(`(prefers-reduced-motion: reduce)`).matches;document.getElementById(e)?.scrollIntoView({block:`start`,behavior:t&&!n?`smooth`:`auto`})}function Yt({groups:e,current:t,onPick:n}){return e.map(e=>{let r=e.sections.map(e=>(0,$.jsx)(Z,{icon:e.icon??l,label:e.label,selected:e.id===t,onPick:()=>n(e.id)},e.id));return e.label?(0,$.jsx)(qe,{label:e.label,children:r},e.plugin):(0,$.jsx)(`ul`,{className:`flex flex-col gap-0.5`,children:r},`own`)})}function Xt(){let{group:e}=ne(),[t,n]=se(),r=ce(),i=oe(),{hash:a}=i,{project:o,loading:s}=Te(),l=we(),u=Re(),d=$e(),[f,p]=(0,Q.useState)(null),[m,h]=(0,Q.useState)(null),[g,_]=(0,Q.useState)(null),v=Ne(e)?e:void 0,ee=i.state?.parts===!0,te=Be().map(e=>({...e,to:`/space/${e.id}`})),b=te.find(e=>e.id===v),x=t.get(`show`),S=v?x?2:1:0,C=d?Math.min(S,1):v&&g!==v&&!ee?1:0,re=Ke(C),w=Ke(S),T=(0,Q.useMemo)(()=>({slot:f,narrow:d,setDetail:h}),[f,d]),E=o?o.brand.name?.trim()||o.name:k(`nav.project`),O=v&&v!==`results`?Pe(v,u):[],A=v?Pe(v,u).filter(e=>e.plugin):[],j=qt([...O,...v===`results`?A:[]].flatMap(e=>e.sections.map(e=>e.id))),M=v===`results`&&x&&x!==`all`?x:null,[ae,N]=(0,Q.useState)(Vt),P=Ht(v===`results`?o?.id:void 0,M,ae),F=P.data?.wizards.find(e=>e.id===M)?.title,I=v===`data`&&x&&x!==`all`||v===`knowledge`&&x&&/^[ptfcvs]:/.test(x)?x:null,L=I?.startsWith(`s:`)?u.spaceSections.find(e=>e.id===I.slice(2)):void 0,R=v===`knowledge`&&I&&/^[ptf]:/.test(I)?I:null,z=de(v===`data`?o?.id:void 0),B=_e(v===`knowledge`?o?.id:void 0),V=Se(I?.startsWith(`v:`)?I.slice(2):``),H=B.data?.categories.find(e=>e.id===(I?.startsWith(`c:`)?I.slice(2):V.data?.category.id)),U=v===`knowledge`?L?L.label():I?.startsWith(`v:`)?V.data&&`${V.data.category.name}: ${V.data.value}`:I?.startsWith(`c:`)?H?.name:B.data?.items.find(e=>e.key===I)?.title:z.data?be(z.data).flatMap(e=>e.items).find(e=>e.key===I)?.title:void 0;Me([{label:k(`nav.project`),to:`/space`},...b?[{label:b.label,to:`/space/${b.id}`}]:[],...b&&(m??F??U)?[{label:m??F??U}]:[]]);let Ce={p:`page`,t:`table`,f:`file`,c:`kategorie`,v:`kategorie value`,s:`plugin section`};De({...v===`data`||v===`results`?{compact:!0}:{},...v===`data`?{suggestions:[{label:k(`assistant.suggest.dataWhat`)},{label:k(`assistant.suggest.dataWho`)},{label:k(`assistant.suggest.dataEdit`)}]}:v===`results`?{suggestions:[{label:k(`assistant.suggest.resultsFailed`)},{label:k(`assistant.suggest.resultsCost`)},{label:k(`assistant.suggest.resultsShare`)}]}:{},...I&&U?{open:{kind:Ce[I[0]]??`item`,id:I.slice(2),label:U}}:M&&F?{open:{kind:`wizard`,id:M,label:F}}:{}});let W=v===`results`||v===`data`||I?a.slice(1):x||a.slice(1),G=(0,Q.useRef)(``);if((0,Q.useEffect)(()=>{let e=`${v}#${W}`;W&&G.current!==e&&document.getElementById(W)&&(G.current=e,requestAnimationFrame(()=>Jt(W,!1)))},[v,W,o?.id,u.spaceSections]),!v){let t=a.slice(1),n=t?He(t,u):null;if(n===`knowledge`&&u.spaceSections.some(e=>e.id===t))return(0,$.jsx)(D,{to:`/space/knowledge?show=s:${t}`,replace:!0});if(n)return(0,$.jsx)(D,{to:d?`/space/${n}?show=${t}`:{pathname:`/space/${n}`,hash:t},replace:!0});if(t&&u.status!==`ready`)return null;if(e!==void 0||!d)return(0,$.jsx)(D,{to:`/space/info`,replace:!0,state:{parts:!0}})}if(v===`knowledge`&&!x&&u.spaceSections.some(e=>e.id===a.slice(1)))return(0,$.jsx)(D,{to:`/space/knowledge?show=s:${a.slice(1)}`,replace:!0});let K=e=>{if(d){r({search:`?show=${e}`});return}G.current=`${v}#${e}`,Jt(e,!0),r({search:``,hash:e},{replace:!0})},J=e=>d?n({show:e}):n(e===`all`?{}:{show:e},{replace:!0}),Ee=e=>e.flatMap(e=>e.sections).map(e=>u.spaceSections.find(t=>t.id===e.id)).filter(e=>e!==void 0).map(e=>(0,$.jsx)(Y,{id:e.id,children:(0,$.jsx)(q,{title:e.label(),hint:e.hint?.(),plain:!0,children:(0,$.jsx)(Ve,{of:e,children:(0,$.jsx)(e.component,{})})})},e.serial)),X=d?void 0:j;return(0,$.jsx)(Ye.Provider,{value:T,children:(0,$.jsx)(`div`,{className:`animate-rise`,children:(0,$.jsxs)(`div`,{className:`grid gap-6 md:grid-cols-[13.5rem_minmax(0,1fr)] md:gap-8 lg:grid-cols-[15rem_minmax(0,1fr)] lg:gap-10`,children:[(0,$.jsxs)(`aside`,{className:y(`min-w-0 md:sticky md:top-6 md:self-start`,d&&S===2&&`hidden`,d&&w===`back`&&Ge(`back`)),children:[(0,$.jsx)(Je,{title:E,open:C===1?b??null:null,onBack:()=>d?r(`/space`):_(v??null)}),(0,$.jsx)(`div`,{className:y(Ge(re)),children:C===0?(0,$.jsx)(Xe,{entries:te,current:d?void 0:b,onPick:()=>_(null)}):(0,$.jsx)(`div`,{ref:p})},C)]}),v?(0,$.jsxs)(`div`,{className:y(`min-w-0`,d&&S<2&&`hidden`,d&&w===`deeper`&&Ge(`deeper`)),children:[d?(0,$.jsx)(`div`,{className:`mb-3`,children:(0,$.jsx)(Qe,{label:b?.label??E,onBack:()=>r(`/space/${v}`)})}):null,l&&o?(0,$.jsx)(`div`,{className:`mb-6`,children:(0,$.jsx)(Kt,{project:o})}):null,v===`results`?(0,$.jsxs)(Ze,{children:[(0,$.jsxs)(`ul`,{className:`flex flex-col gap-0.5`,children:[(0,$.jsx)(Z,{icon:nt,label:k(`space.resultsAll`),selected:!d&&!M,onPick:()=>J(`all`)}),P.data?.wizards.filter(e=>e.results||e.id===M).map(e=>(0,$.jsx)(Z,{icon:c,label:e.title,badge:e.results?(0,$.jsx)(`span`,{className:`text-[0.75rem] text-ink-3 tabular-nums`,children:e.results}):null,selected:!d&&e.id===M,onPick:()=>J(e.id)},e.id))]}),(0,$.jsx)(Yt,{groups:A,current:X,onPick:K})]}):v===`data`?(0,$.jsxs)(Ze,{children:[(0,$.jsx)(`ul`,{className:`flex flex-col gap-0.5`,children:(0,$.jsx)(Z,{icon:Ue,label:k(`data.all`),selected:!d&&!I,onPick:()=>J(`all`)})}),z.data?be(z.data).map(e=>(0,$.jsx)(qe,{label:e.label,children:e.items.map(e=>(0,$.jsx)(Z,{icon:ue[e.kind],label:e.title,selected:!d&&e.key===I,onPick:()=>J(e.key)},e.key))},e.key)):null,(0,$.jsx)(Yt,{groups:A,current:X,onPick:K})]}):v===`knowledge`?(0,$.jsxs)(Ze,{children:[(0,$.jsx)(`ul`,{className:`flex flex-col gap-0.5`,children:(0,$.jsx)(Z,{icon:Ue,label:k(`know.all`),selected:!(d||I),onPick:()=>J(`all`)})}),B.data?.categories.length?(0,$.jsx)(qe,{label:k(`know.categories`),children:B.data.categories.map(e=>(0,$.jsx)(Z,{icon:me[e.type],label:e.name,badge:(0,$.jsx)(`span`,{className:`text-[0.75rem] text-ink-3 tabular-nums`,children:e.proposed?`·`:e.count}),selected:!d&&(I===`c:${e.id}`||V.data?.category.id===e.id),onPick:()=>J(`c:${e.id}`)},e.id))}):null,(0,$.jsx)(Yt,{groups:A,current:d?void 0:L?.id,onPick:e=>J(`s:${e}`)})]}):(0,$.jsx)(Ze,{children:(0,$.jsx)(Yt,{groups:O,current:X,onPick:K})}),o&&(v===`info`||v===`knowledge`)?(0,$.jsxs)(Bt,{project:o,group:v,children:[v===`knowledge`?R?R.startsWith(`p:`)?(0,$.jsx)(ge,{pageId:R.slice(2),onGone:()=>J(`all`),onOpen:J},R):R.startsWith(`t:`)?(0,$.jsx)(he,{tableId:R.slice(2),onGone:()=>J(`all`)},R):(0,$.jsx)(yt,{projectId:o.id,fileId:R.slice(2),readOnly:o.readOnly,onGone:()=>J(`all`)},R):B.data?L?(0,$.jsx)(q,{title:L.label(),hint:L.hint?.(),plain:!0,children:(0,$.jsx)(Ve,{of:L,children:(0,$.jsx)(L.component,{})})},I):I?.startsWith(`c:`)?H?(0,$.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,$.jsx)(pe,{projectId:o.id,category:H,readOnly:o.readOnly,onOpen:J,onGone:()=>J(`all`)}),H.type===`choice`?null:(0,$.jsx)(xe,{projectId:o.id,category:H,categories:B.data.categories,onOpen:J})]},I):null:I?.startsWith(`v:`)?V.data?(0,$.jsx)(le,{value:V.data,readOnly:o.readOnly,children:(0,$.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[V.data.items.length?(0,$.jsx)(`div`,{className:`flex flex-col rounded-xl bg-card p-1.5 shadow-soft ring-1 ring-border-soft`,children:V.data.items.map(e=>(0,$.jsx)(fe,{item:e,categories:B.data.categories.filter(e=>e.id!==V.data?.category.id),onOpen:J},e.key))}):null,V.data.rows.map(e=>(0,$.jsx)(`button`,{type:`button`,onClick:()=>J(`t:${e.tableId}`),className:`px-1 text-left text-[0.8125rem] text-ink-3 hover:text-ink`,children:k(`know.tocRows`,{n:e.count,table:e.title})},e.tableId))]})},I):null:(0,$.jsx)(Y,{id:`documents`,children:(0,$.jsx)(ye,{projectId:o.id,data:B.data,readOnly:o.readOnly,onOpen:J})}):null:null,v===`info`?Ee(A):null]},o.id):null,o&&v===`data`?(0,$.jsx)(`div`,{className:`flex flex-col gap-9 pb-20`,children:I?.startsWith(`t:`)?(0,$.jsx)(he,{tableId:I.slice(2),onGone:()=>J(`all`)},I):I?.startsWith(`p:`)?(0,$.jsx)(ge,{pageId:I.slice(2),onGone:()=>J(`all`)},I):(0,$.jsxs)($.Fragment,{children:[z.data?(0,$.jsx)(ve,{projectId:o.id,data:z.data,readOnly:o.readOnly,onOpen:J}):null,Ee(A)]})}):null,o&&v===`results`?(0,$.jsxs)(`div`,{className:`flex flex-col gap-9 pb-20`,children:[P.data?(0,$.jsx)(Wt,{data:P.data,wizardId:M,filter:ae,onFilter:N}):null,P.isError?(0,$.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:P.error.message}):null,Ee(A)]}):null,o||s?null:(0,$.jsx)(ie,{children:k(`settings.noProject`)})]}):null]})})})}export{Xt as ProjectPage};

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

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

package/apps/web/dist/assets/RunDrawer-8sjkAbm5.js

@@ -1,4 +0,0 @@
-import{r as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,t as n}from"./jsx-runtime-BNakU3Ej.js";import{O as r,r as i}from"./logo-C4V2_3Ar.js";import{h as a,m as o}from"./Marketplace-B-gy2onK.js";import{t as s}from"./useMutation-DKyQXgyj.js";import{Bt as c,Dt as l,Nt as u,Rt as d,St as f,T as p,Tt as m,Wt as h,Xt as g,an as _,bt as v,dn as y,dt as b,ft as x,gt as S,ht as C,in as w,jt as T,kt as E,l as D,lt as O,mt as k,nn as A,pt as j,qt as M,st as N,ut as P,vt as F,wt as ee,yt as I}from"./ui-DAHMnAVc.js";import{t as te}from"./upload-DLbJVvfd.js";import{A as L,D as ne,M as R,N as re,P as ie,at as ae,k as oe}from"./index-DkDBEMwz.js";var se={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`}]]};se.node;var z=y(se),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=y(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 de=y(ue),B={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`}]]};B.node;var fe=y(B),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=y(V),H={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`}]]};H.node;var me=y(H),he={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`}]]};he.node;var ge=y(he),U=e(t(),1),W=e(n(),1),G={choice:me,date:z,number:de,text:o,boolean:ge},K=e=>[`knowledge`,e];function _e(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(l,{day:`2-digit`,month:`2-digit`,year:`numeric`});return n?`${i} ${n}`:i}return e.type===`number`&&typeof t==`number`?`${t.toLocaleString(l)}${e.unit?` ${e.unit}`:``}`:String(t)}function ve(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 ye({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 be({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)(F,{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)(C,{"data-autofocus":!0,value:a.includes(r)?``:r,placeholder:E(`know.addValue`),onChange:e=>i(e.target.value),className:`h-9`}),(0,W.jsx)(k,{label:E(`know.addValue`),type:`submit`,children:(0,W.jsx)(c,{className:`size-4`})})]})]})}return e.type===`boolean`?(0,W.jsx)(F,{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)(C,{"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)(O,{type:`submit`,size:`sm`,children:`OK`})]})}function xe({projectId:e,itemKey:t,has:n,categories:i,readOnly:a}){let o=r(),[l,u]=(0,U.useState)(null),[d,f]=(0,U.useState)(n);(0,U.useEffect)(()=>f(n),[n]);let p=s({mutationFn:({categoryId:n,next:r})=>D.put(`/api/studio/projects/${e}/items/${t}/categories/${n}`,{values:r}),onSuccess:()=>o.invalidateQueries({queryKey:K(e)})}),m=i.filter(e=>!(e.proposed||e.tableId)),h=(e,t)=>{f(n=>[...n.filter(t=>t.categoryId!==e.id),...t.length?[{categoryId:e.id,values:t,by:`person`}]:[]]),p.mutate({categoryId:e.id,next:t}),u(null)},g=m.filter(e=>d.some(t=>t.categoryId===e.id)),_=m.filter(e=>!d.some(t=>t.categoryId===e.id));return m.length?(0,W.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[g.map(e=>{let t=d.find(t=>t.categoryId===e.id),n=G[e.type],r=(0,W.jsxs)(`button`,{type:`button`,disabled:a,title:`${e.name} · ${E(`know.by.${t.by}`)}`,onClick:()=>u(l===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 a?(0,W.jsx)(`span`,{children:r},e.id):(0,W.jsxs)(ye,{trigger:r,open:l===e.id,onOpen:t=>u(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)(k,{label:E(`know.remove`),onClick:()=>h(e,[]),className:`size-7`,children:(0,W.jsx)(T,{className:`size-3.5`})})]}),(0,W.jsx)(be,{category:e,current:t.values,onSave:t=>h(e,t)})]},e.id)}),a||!_.length?null:(0,W.jsx)(ye,{open:l===`+`,onOpen:e=>u(e?`+`:null),trigger:(0,W.jsxs)(`button`,{type:`button`,onClick:()=>u(l===`+`?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)(c,{className:`size-3.5`}),` `,E(`know.category`)]}),children:(0,W.jsx)(Se,{categories:_,onSave:h})})]}):null}function Se({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)(I,{value:n,onChange:r,options:e.map(e=>({value:e.id,label:e.name}))}),i?(0,W.jsx)(be,{category:i,current:[],onSave:e=>t(i,e)},i.id):null]})}function Ce({projectId:e,open:t,onClose:n,onMade:i}){let a=r(),[o,c]=(0,U.useState)(``),[l,u]=(0,U.useState)(`choice`),[d,p]=(0,U.useState)(``),[m,h]=(0,U.useState)(!1),[g,_]=(0,U.useState)(!1),[v,y]=(0,U.useState)(``),[b,w]=(0,U.useState)(``),T=s({mutationFn:()=>D.post(`/api/studio/projects/${e}/categories`,{name:o.trim(),type:l,unit:l===`number`&&d.trim()||null,multiple:l===`choice`&&m,ordered:l===`choice`&&g,hint:b.trim()||null,values:l===`choice`?v.split(`
-`).map(e=>e.trim()).filter(Boolean):void 0}),onSuccess:async({id:t})=>{await a.invalidateQueries({queryKey:K(e)}),c(``),y(``),w(``),i(t)}});return(0,W.jsx)(x,{open:t,onClose:n,title:E(`know.newCategory`),children:(0,W.jsxs)(`form`,{className:`flex flex-col gap-4`,onSubmit:e=>{e.preventDefault(),o.trim()&&T.mutate()},children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(S,{children:E(`know.name`)}),(0,W.jsx)(C,{"data-autofocus":!0,value:o,maxLength:80,onChange:e=>c(e.target.value)})]}),(0,W.jsxs)(`div`,{children:[(0,W.jsx)(S,{children:E(`know.type`)}),(0,W.jsx)(I,{value:l,onChange:e=>u(e),options:[`choice`,`date`,`number`,`text`,`boolean`].map(e=>({value:e,label:E(`know.type.${e}`)}))})]}),l===`number`?(0,W.jsxs)(`div`,{children:[(0,W.jsx)(S,{hint:E(`know.unitHint`),children:E(`know.unit`)}),(0,W.jsx)(C,{value:d,maxLength:20,onChange:e=>p(e.target.value)})]}):null,l===`choice`?(0,W.jsxs)(W.Fragment,{children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(S,{hint:E(`know.valuesHint`),children:E(`know.values`)}),(0,W.jsx)(ee,{minRows:3,value:v,onChange:e=>y(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)(f,{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)(f,{checked:g,onChange:_})]})]}):null,(0,W.jsxs)(`div`,{children:[(0,W.jsx)(S,{hint:E(`know.hintFieldHint`),children:E(`know.hintField`)}),(0,W.jsx)(C,{value:b,maxLength:120,onChange:e=>w(e.target.value)})]}),T.error?(0,W.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:T.error.message}):null,(0,W.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,W.jsx)(O,{variant:`ghost`,onClick:n,children:E(`common.cancel`)}),(0,W.jsx)(O,{type:`submit`,busy:T.isPending,disabled:!o.trim(),children:E(`know.create`)})]})]})})}function we({projectId:e,category:t,readOnly:n,onOpen:i,onGone:a}){let o=r(),l=()=>o.invalidateQueries({queryKey:K(e)}),[d,f]=(0,U.useState)(``),p=s({mutationFn:e=>e(),onSuccess:l}),m=G[t.type],h=new Map(t.values.map(e=>[e.id,e]));return(0,W.jsxs)(L,{title:t.name,hint:[E(`know.type.${t.type}`),t.unit,t.hint].filter(Boolean).join(` · `),plain:!0,action:n?null:(0,W.jsx)(k,{label:E(`know.deleteCategory`),className:`hover:text-rose`,onClick:()=>confirm(E(`know.confirmCategory`,{name:t.name}))&&p.mutate(async()=>{await D.del(`/api/studio/categories/${t.id}`),a()}),children:(0,W.jsx)(u,{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)(b,{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)(O,{size:`sm`,onClick:()=>p.mutate(()=>D.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)(O,{size:`sm`,variant:`secondary`,busy:p.isPending,onClick:()=>p.mutate(()=>D.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:()=>i(`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)(b,{children:E(`know.summary`)}):null,(0,W.jsx)(`span`,{className:`shrink-0 text-[0.75rem] text-ink-3 tabular-nums`,children:_e(e.count)})]},e.id)):(0,W.jsx)(j,{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:_e(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=d.trim();n&&(f(``),p.mutate(()=>D.post(`/api/studio/categories/${t.id}/values`,{value:n})))},children:[(0,W.jsx)(C,{value:d,placeholder:E(`know.addValue`),onChange:e=>f(e.target.value),className:`h-9`}),(0,W.jsx)(k,{label:E(`know.addValue`),type:`submit`,children:(0,W.jsx)(c,{className:`size-4`})})]}):null]}),p.error?(0,W.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:p.error.message}):null]})}function Te(e){return i({queryKey:[`knowledge-value`,e],queryFn:()=>D.get(`/api/studio/values/${e}`),enabled:!!e})}function Ee({value:e,readOnly:t,children:n}){let i=r(),a=s({mutationFn:()=>D.post(`/api/studio/values/${e.id}/summary`),onSuccess:()=>i.invalidateQueries({queryKey:[`knowledge-value`,e.id]})});return(0,W.jsxs)(`div`,{className:`flex flex-col gap-9`,children:[(0,W.jsx)(L,{title:E(`know.summary`),hint:E(`know.summaryHint`),plain:!0,action:t?null:(0,W.jsxs)(O,{variant:`secondary`,size:`sm`,busy:a.isPending,onClick:()=>a.mutate(),children:[e.summary?(0,W.jsx)(d,{className:`size-4`}):null,e.summary?E(`know.summaryAgain`):E(`know.summaryWrite`)]}),children:(0,W.jsxs)(P,{className:`p-4 sm:p-5`,children:[a.isPending?(0,W.jsx)(`div`,{className:`flex h-24 items-center justify-center text-ink-3`,children:(0,W.jsx)(v,{})}):e.summary?(0,W.jsx)(p,{text:e.summary,className:`text-[0.875rem]`}):(0,W.jsx)(`p`,{className:`text-[0.875rem] text-ink-3`,children:E(`know.summaryEmpty`)}),a.error?(0,W.jsx)(`p`,{className:`mt-3 text-[0.875rem] text-rose`,children:a.error.message}):null]})}),(0,W.jsx)(L,{title:E(`know.toc`),plain:!0,children:n})]})}function De(e){return i({queryKey:[`knowledge`,e],queryFn:()=>D.get(`/api/studio/projects/${e}/knowledge`),enabled:!!e,refetchInterval:e=>e.state.data?.items.some(e=>e.status===`pending`)?2e3:!1})}function Oe(e){return e.kind===`table`?e.format===`faq`?pe:a:e.kind===`file`?h:e.children?le:g}function J({item:e,categories:t,onOpen:n}){let r=Oe(e),i=[ve(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)(v,{className:`size-3`}),` `,E(`know.reading`)]}):e.review?(0,W.jsx)(b,{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=De(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)(xe,{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:R(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)(h,{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)(b,{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 ke(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 Ae({projectId:e,category:t,categories:n,onOpen:r}){let a=i({queryKey:[`knowledge`,e,`category`,t.id],queryFn:()=>D.get(`/api/studio/categories/${t.id}/items`)});if(!a.data)return a.isLoading?(0,W.jsx)(v,{className:`mx-auto size-4 text-ink-3`}):null;let o=e=>e.categories.find(e=>e.categoryId===t.id)?.values[0],s=[...a.data.items].sort((e,t)=>{let n=o(e),r=o(t);return typeof n==`number`&&typeof r==`number`?n-r:String(r??``).localeCompare(String(n??``),l)}),c=t.type===`number`?ke(s.map(o).filter(e=>typeof e==`number`)):[],u=new Intl.NumberFormat(l,{notation:`compact`,maximumFractionDigits:1}),d=t.unit?` ${t.unit}`:``,f=new Map;for(let e of s){let n=o(e),r=typeof n==`number`?c.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(l,{month:`long`,year:`numeric`}):r?E(`know.range`,{min:`${u.format(r.lo)}${d}`,max:`${u.format(r.hi)}${d}`}):q(t,n);f.set(i,[...f.get(i)??[],e])}return(0,W.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[[...f].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)),a.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 je(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 Me(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 Ne({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:m(`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:[`: `,Me(e,t)]}),(0,W.jsx)(w,{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)(F,{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)(F,{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)(C,{"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)(S,{children:E(n===0?`know.minimum`:`know.maximum`)}),(0,W.jsx)(C,{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 Pe({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(l,{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 Fe({kind:e,projectId:t,onClose:n,onMade:i}){let a=r(),[o,c]=(0,U.useState)(``),[l,u]=(0,U.useState)(!1),d=s({mutationFn:()=>D.post(`/api/studio/projects/${t}/${e===`table`?`tables`:`pages`}`,{title:o.trim(),...e===`table`&&l?{format:`faq`}:{}}),onSuccess:async({id:n})=>{await a.invalidateQueries({queryKey:[`knowledge`,t]}),i(`${e===`table`?`t`:`p`}:${n}`),c(``),u(!1)}});return(0,W.jsx)(x,{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(),o.trim()&&d.mutate()},children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(S,{children:E(`data.title`)}),(0,W.jsx)(C,{"data-autofocus":!0,value:o,maxLength:120,onChange:e=>c(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)(f,{checked:l,onChange:u})]}):null,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)(O,{variant:`ghost`,onClick:n,children:E(`common.cancel`)}),(0,W.jsx)(O,{type:`submit`,busy:d.isPending,disabled:!o.trim(),children:E(`know.create`)})]})]})})}function Ie({projectId:e,data:t,readOnly:n,onOpen:i}){let a=r(),o=ie(e,n),[l,u]=(0,U.useState)({}),[d,f]=(0,U.useState)(``),[p,m]=(0,U.useState)(null),[h,g]=(0,U.useState)(!1),[_,y]=(0,U.useState)(null),x=t.categories.filter(e=>!e.proposed&&e.count>0),S=t.categories.filter(e=>e.proposed),C=t.items.filter(e=>Object.entries(l).every(([n,r])=>{let i=t.categories.find(e=>e.name===n),a=e.categories.find(e=>e.categoryId===i?.id);return i&&a?je(i,a.values,r):!1})),w=async()=>{if(!d.trim()){m(null);return}g(!0);try{m(await D.post(`/api/studio/projects/${e}/search`,{query:d,...Object.keys(l).length?{where:l}:{}}))}catch{m({hits:[],candidates:0,checked:!1,filtered:null})}finally{g(!1)}},T=s({mutationFn:({id:e,keep:t})=>t?D.patch(`/api/studio/categories/${e}`,{proposed:!1}):D.del(`/api/studio/categories/${e}`),onSuccess:()=>a.invalidateQueries({queryKey:[`knowledge`,e]})});return(0,W.jsxs)(L,{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)(O,{variant:`secondary`,size:`sm`,onClick:()=>y(`page`),children:[(0,W.jsx)(c,{className:`size-4`}),` `,E(`know.page`)]}),(0,W.jsxs)(O,{variant:`secondary`,size:`sm`,onClick:()=>y(`table`),children:[(0,W.jsx)(c,{className:`size-4`}),` `,E(`know.table`)]}),(0,W.jsxs)(O,{variant:`secondary`,size:`sm`,onClick:()=>y(`category`),children:[(0,W.jsx)(c,{className:`size-4`}),` `,E(`know.category`)]})]}),children:[S.length&&!n?(0,W.jsx)(P,{className:`flex flex-col gap-2 p-4`,children:S.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)(b,{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)(O,{size:`sm`,variant:`ghost`,onClick:()=>T.mutate({id:e.id,keep:!1}),children:E(`know.dismiss`)}),(0,W.jsx)(O,{size:`sm`,onClick:()=>T.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)(oe,{value:d,placeholder:E(`know.search`),busy:h,onEnter:()=>void w(),onChange:e=>{f(e),e.trim()||m(null)}}),x.length?(0,W.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[x.map(e=>(0,W.jsx)(Ne,{category:e,value:l[e.name],onChange:t=>{m(null),u(n=>{let r={...n};return t===void 0?delete r[e.name]:r[e.name]=t,r})}},e.id)),Object.keys(l).length?(0,W.jsx)(`button`,{type:`button`,onClick:()=>u({}),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:p?(0,W.jsx)(Pe,{found:p,onOpen:i}):C.length?C.map(e=>(0,W.jsx)(J,{item:e,categories:t.categories,onOpen:i},e.key)):(0,W.jsx)(j,{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 o.upload(`document`,t),await a.invalidateQueries({queryKey:[`knowledge`,e]})},className:`h-14 w-full`,children:[o.busy?(0,W.jsx)(v,{className:`size-4`}):(0,W.jsx)(te,{className:`size-4`}),E(`know.drop`),` `,(0,W.jsx)(`span`,{className:`underline`,children:E(`know.pick`)})]}),o.error?(0,W.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:o.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)(Fe,{kind:_===`page`||_===`table`?_:null,projectId:e,onClose:()=>y(null),onMade:e=>{y(null),i(e)}}),(0,W.jsx)(Ce,{projectId:e,open:_===`category`,onClose:()=>y(null),onMade:e=>{y(null),i(`c:${e}`)}})]})}function Le({page:e,onGone:t,onOpen:n}){let i=r(),[a,o]=(0,U.useState)(e.title),[l,d]=(0,U.useState)(e.markdown),[f,h]=(0,U.useState)(e.markdown?`read`:`write`),y=e.knowledge,b=async()=>{await i.invalidateQueries({queryKey:[`space-data`,e.projectId]}),await i.invalidateQueries({queryKey:[`knowledge`,e.projectId]})},x=re({title:a.trim()||e.title,markdown:l},async t=>{await D.patch(`/api/studio/pages/${e.id}`,t),i.setQueryData([`space-page`,e.id],e=>e&&{...e,...t}),t.title!==e.title&&await b()}),S=s({mutationFn:()=>D.del(`/api/studio/pages/${e.id}`),onSuccess:async()=>{await b(),t()}}),C=s({mutationFn:()=>D.post(`/api/studio/projects/${e.projectId}/pages`,{title:E(`know.addSub`),parentId:e.id}),onSuccess:async({id:e})=>{await b(),n?.(`p:${e}`)}}),w=s({mutationFn:()=>D.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 D.get(`/api/studio/projects/${e.projectId}/resolve?path=${encodeURIComponent(r)}`).catch(()=>null);i?.kind===`page`&&n(`p:${i.id}`)},j=e.readOnly,M=y?.file&&(y.file.mime===`application/pdf`||y.file.mime.startsWith(`image/`))?y.file:null,N=(e,t)=>(0,W.jsx)(`button`,{type:`button`,"aria-pressed":f===e,onClick:()=>h(e),className:m(`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:[y?.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:y.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)(A,{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:j,maxLength:200,onChange:e=>o(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`}),x.state===`saving`?(0,W.jsx)(v,{className:`size-3.5 text-ink-3`}):x.state===`saved`?(0,W.jsx)(_,{className:`size-4 text-moss`,"aria-label":E(`settings.saved`)}):null,j?null:(0,W.jsx)(k,{label:E(`data.deletePage`),onClick:()=>confirm(E(`data.confirmDelete`,{title:e.title}))&&S.mutate(),className:`hover:text-rose`,children:(0,W.jsx)(u,{className:`size-4`})})]}),y?(0,W.jsx)(Y,{projectId:e.projectId,itemKey:`p:${e.id}`,has:y.categories,originLabel:y.originLabel,kept:y.kept,review:y.review,file:M?null:y.file,readOnly:j,onReviewed:()=>w.mutate()}):null,(0,W.jsxs)(P,{className:`flex flex-col`,children:[j&&!M?null:(0,W.jsxs)(`div`,{className:`flex items-center gap-1 border-border-soft border-b px-2 py-1.5`,children:[j?null:N(`write`,E(`data.write`)),N(`read`,E(`data.preview`)),M?N(`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`&&M?M.name:E(`data.markdownHint`)})]}),f===`original`&&M?M.mime===`application/pdf`?(0,W.jsx)(`iframe`,{src:R(e.projectId,M.id),title:M.name,className:`h-[70dvh] w-full rounded-b-xl bg-paper-2`}):(0,W.jsx)(`img`,{src:R(e.projectId,M.id),alt:``,className:`mx-auto max-h-[70dvh] object-contain p-4`}):f===`write`&&!j?(0,W.jsx)(`textarea`,{value:l,onChange:e=>d(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)(p,{text:l}):(0,W.jsx)(`p`,{className:`text-[0.875rem] text-ink-3`,children:E(`data.pageEmpty`)})})]}),x.state===`error`&&x.error?(0,W.jsx)(`p`,{className:`px-1 text-[0.875rem] text-rose`,children:x.error}):null,y&&n&&(y.children.length||!j)?(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:y.children.length?E(`know.subPages`):null}),j?null:(0,W.jsxs)(O,{variant:`ghost`,size:`sm`,busy:C.isPending,onClick:()=>C.mutate(),children:[(0,W.jsx)(c,{className:`size-4`}),` `,E(`know.addSub`)]})]}),y.children.length?(0,W.jsx)(P,{className:`flex flex-col p-1.5`,children:y.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)(g,{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 Re({pageId:e,onGone:t,onOpen:n}){let r=i({queryKey:[`space-page`,e],queryFn:()=>D.get(`/api/studio/pages/${e}`),refetchOnWindowFocus:!1});return r.data?(0,W.jsx)(Le,{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 ze(e){return i({queryKey:[`space-data`,e],queryFn:()=>D.get(`/api/studio/projects/${e}/data`),enabled:!!e})}function Be(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 Ve={table:a,page:g};function He({kind:e,projectId:t,data:n,onClose:i,onMade:a}){let o=r(),[c,l]=(0,U.useState)(``),[u,d]=(0,U.useState)(``),f=s({mutationFn:()=>D.post(`/api/studio/projects/${t}/${e===`table`?`tables`:`pages`}`,{title:c.trim(),wizardId:u||null}),onSuccess:async({id:n})=>{await o.invalidateQueries({queryKey:[`space-data`,t]}),a(`${e===`table`?`t`:`p`}:${n}`),l(``),d(``)}});return(0,W.jsx)(x,{open:e!==null,onClose:i,title:E(e===`table`?`data.newTable`:`data.newPage`),children:(0,W.jsxs)(`form`,{className:`flex flex-col gap-4`,onSubmit:e=>{e.preventDefault(),c.trim()&&f.mutate()},children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(S,{children:E(`data.title`)}),(0,W.jsx)(C,{"data-autofocus":!0,value:c,maxLength:120,onChange:e=>l(e.target.value)})]}),(0,W.jsxs)(`div`,{children:[(0,W.jsx)(S,{children:E(`data.owner`)}),(0,W.jsx)(I,{value:u,onChange:d,options:[{value:``,label:E(`data.own`)},...n.wizards.map(e=>({value:e.id,label:e.title}))]})]}),f.error?(0,W.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:f.error.message}):null,(0,W.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,W.jsx)(O,{variant:`ghost`,onClick:i,children:E(`common.cancel`)}),(0,W.jsx)(O,{type:`submit`,busy:f.isPending,disabled:!c.trim(),children:E(`data.create`)})]})]})})}function Ue({projectId:e,data:t,readOnly:n,onOpen:r}){let[i,a]=(0,U.useState)(null),o=Be(t),s=new Map([...t.tables.map(e=>[`t:${e.id}`,e.updatedAt]),...t.pages.map(e=>[`p:${e.id}`,e.updatedAt])]),u=new Intl.DateTimeFormat(l,{dateStyle:`medium`});return(0,W.jsxs)(L,{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)(O,{variant:`secondary`,size:`sm`,onClick:()=>a(`table`),children:[(0,W.jsx)(c,{className:`size-4`}),` `,E(`data.table`)]}),(0,W.jsxs)(O,{variant:`secondary`,size:`sm`,onClick:()=>a(`page`),children:[(0,W.jsx)(c,{className:`size-4`}),` `,E(`data.page`)]})]}),children:[o.length?(0,W.jsx)(`div`,{className:`flex flex-col gap-5`,children:o.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=Ve[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})} · `:``,u.format(new Date(s.get(e.key)??Date.now()))]})]},e.key)})})]},e.key))}):(0,W.jsx)(P,{children:(0,W.jsx)(j,{children:E(`data.empty`)})}),(0,W.jsx)(He,{kind:i,projectId:e,data:t,onClose:()=>a(null),onMade:e=>{a(null),r(e)}})]})}function We(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 Ge={milliseconds:1,seconds:1e3,minutes:6e4,hours:36e5,days:864e5},Ke=[`text`,`number`,`date`,`duration`,`select`,`boolean`];function qe(e,t){if(t==null)return``;if(e.type===`duration`&&typeof t==`number`)return String(t/Ge[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)}function Je(e,t){return t.trim()===``?null:e.type===`date`&&e.format.kind===`datetime`?new Date(t).toISOString():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 Ye({column:e,value:t,readOnly:n,invalid:r,onSave:i}){let a=qe(e,t),[o,s]=(0,U.useState)(a);(0,U.useEffect)(()=>s(a),[a]);let c=(t=o)=>{t!==a&&i(Je(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)(T,{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:m(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:m(X,(e.type===`number`||e.type===`duration`)&&`text-right tabular-nums`,r&&`ring-1 ring-rose`)})}function Xe(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 Ze(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 Qe(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??We(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 $e({open:e,column:t,columns:n,onClose:r,onSave:i}){let[a,o]=(0,U.useState)(()=>Ze(t)),[s,c]=(0,U.useState)(null),[l,u]=(0,U.useState)(!1);(0,U.useEffect)(()=>{e&&(o(Ze(t)),c(null))},[e,t]);let d=e=>o(t=>({...t,...e})),p=async e=>{u(!0),c(null);try{await i(e),r()}catch(e){c(e.message)}finally{u(!1)}},m=()=>{let e=t?.id??We(a.name,n.map(e=>e.id)),r=Qe(a,e,t);return p(t?n.map(e=>e.id===t.id?r:e):[...n,r])};return(0,W.jsx)(x,{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()&&m()},children:[(0,W.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(S,{children:E(`data.columnName`)}),(0,W.jsx)(C,{"data-autofocus":!0,value:a.name,maxLength:128,onChange:e=>d({name:e.target.value})})]}),(0,W.jsxs)(`div`,{children:[(0,W.jsx)(S,{children:E(`data.columnType`)}),(0,W.jsx)(I,{value:a.type,onChange:e=>d({type:e}),options:Ke.map(e=>({value:e,label:E(`data.type.${e}`)}))})]})]}),a.type===`text`?(0,W.jsx)(I,{value:a.textStyle,onChange:e=>d({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)(I,{value:a.numberStyle,onChange:e=>d({numberStyle:e}),options:[`integer`,`decimal`,`percent`,`currency`].map(e=>({value:e,label:E(`data.number.${e}`)}))}),a.numberStyle===`currency`?(0,W.jsx)(C,{value:a.currency,maxLength:3,"aria-label":E(`data.currency`),placeholder:`EUR`,onChange:e=>d({currency:e.target.value})}):null]}):null,a.type===`date`?(0,W.jsx)(I,{value:a.dateKind,onChange:e=>d({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)(S,{children:E(`data.unit`)}),(0,W.jsx)(I,{value:a.unit,onChange:e=>d({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)(S,{children:E(`data.options`)}),(0,W.jsx)(ee,{minRows:3,value:a.options,onChange:e=>d({options:e.target.value})})]}),(0,W.jsxs)(`label`,{className:`flex items-center gap-3 text-[0.875rem]`,children:[(0,W.jsx)(f,{checked:a.multiple,onChange:e=>d({multiple:e})}),E(`data.multiple`)]})]}):null,(0,W.jsxs)(`label`,{className:`flex items-center gap-3 text-[0.875rem]`,children:[(0,W.jsx)(f,{checked:a.required,onChange:e=>d({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)(O,{variant:`ghost`,className:`text-rose`,disabled:l,onClick:()=>confirm(E(`data.confirmDelete`,{title:t.name}))&&void p(n.filter(e=>e.id!==t.id)),children:E(`data.deleteColumn`)}):null,(0,W.jsx)(`span`,{className:`flex-1`}),(0,W.jsx)(O,{variant:`ghost`,onClick:r,children:E(`common.cancel`)}),(0,W.jsx)(O,{type:`submit`,busy:l,disabled:!a.name.trim(),children:E(`settings.save`)})]})]})})}function et({tableId:e,onGone:t}){let n=r(),a=[`space-table`,e],o=i({queryKey:a,queryFn:()=>D.get(`/api/studio/tables/${e}`)}),[l,d]=(0,U.useState)(null),[f,p]=(0,U.useState)(null),[m,h]=(0,U.useState)(null),[g,_]=(0,U.useState)(``);(0,U.useEffect)(()=>_(o.data?.title??``),[o.data?.title]);let v=async()=>{await n.invalidateQueries({queryKey:[`space-data`,o.data?.projectId]}),await n.invalidateQueries({queryKey:[`knowledge`,o.data?.projectId]})},y=e=>n.setQueryData(a,t=>t&&{...t,rows:e(t.rows)}),b=e=>{p(e.message),o.refetch()},x=async t=>{await D.patch(`/api/studio/tables/${e}`,t),await o.refetch(),await v()},S=s({mutationFn:({row:t,column:n,value:r})=>D.patch(`/api/studio/tables/${e}/rows/${t}`,{cells:{[n]:r}}),onSuccess:(e,{row:t,column:n})=>{p(null),h(e=>e===`${t}:${n}`?null:e),y(t=>t.map(t=>t.id===e.id?{...t,cells:e.cells}:t))},onError:(e,{row:t,column:n})=>{if(e instanceof N&&e.body?.column===n){let e=o.data?.columns.find(e=>e.id===n)?.name??n;h(`${t}:${n}`),p(E(`data.badCell`,{column:e}));return}b(e)}}),C=s({mutationFn:()=>D.post(`/api/studio/tables/${e}/rows`,{}),onSuccess:async e=>{y(t=>[...t,{...e,updatedAt:new Date().toISOString()}]),await v()},onError:b}),w=s({mutationFn:t=>D.post(`/api/studio/tables/${e}/rows/delete`,{ids:[t]}),onSuccess:async(e,t)=>{y(e=>e.filter(e=>e.id!==t)),await v()},onError:b}),T=s({mutationFn:()=>D.del(`/api/studio/tables/${e}`),onSuccess:async()=>{await v(),t()}});if(!o.data)return o.isError?(0,W.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:o.error.message}):null;let{columns:A,rows:j,readOnly:M}=o.data,F=!!o.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:g,disabled:M,maxLength:120,onChange:e=>_(e.target.value),onBlur:()=>g.trim()&&g!==o.data?.title&&void x({title:g}).catch(b),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`}),M?null:(0,W.jsx)(k,{label:E(`data.deleteTable`),onClick:()=>confirm(E(`data.confirmDelete`,{title:o.data.title}))&&T.mutate(),className:`hover:text-rose`,children:(0,W.jsx)(u,{className:`size-4`})})]}),F?(0,W.jsx)(`p`,{className:`-mt-1.5 px-1 text-[0.8125rem] text-ink-3`,children:E(`data.fromList`)}):null,o.data.knowledge?(0,W.jsx)(Y,{projectId:o.data.projectId,itemKey:`t:${o.data.id}`,has:o.data.knowledge.categories,originLabel:o.data.knowledge.originLabel,kept:o.data.knowledge.kept,review:o.data.knowledge.review,file:o.data.knowledge.file,readOnly:M,onReviewed:()=>void D.patch(`/api/studio/tables/${e}`,{review:null}).then(()=>o.refetch()).catch(b)}):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:[A.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:M||F,onClick:()=>d(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,Xe(e)?(0,W.jsx)(`span`,{className:`font-normal text-ink-4`,children:Xe(e)}):null]})},e.id)),(0,W.jsx)(`th`,{className:`w-10 p-1`,children:M||F?null:(0,W.jsx)(k,{label:E(`data.newColumn`),onClick:()=>d(`new`),className:`size-8`,children:(0,W.jsx)(c,{className:`size-4`})})})]})}),(0,W.jsx)(`tbody`,{children:j.map(e=>(0,W.jsxs)(`tr`,{className:`group border-border-soft border-b last:border-b-0`,children:[A.map(t=>(0,W.jsx)(`td`,{className:`border-border-soft border-l p-1 align-top first:border-l-0`,children:(0,W.jsx)(Ye,{column:t,value:e.cells[t.id],readOnly:M,invalid:m===`${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:M?null:(0,W.jsx)(k,{label:E(`data.deleteRow`),onClick:()=>w.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)(u,{className:`size-3.5`})})})]},e.id))})]})}),j.length?null:(0,W.jsx)(`p`,{className:`px-4 py-6 text-center text-[0.875rem] text-ink-3`,children:E(`data.noRows`)}),M?null:(0,W.jsx)(`div`,{className:`border-border-soft border-t p-1.5`,children:(0,W.jsxs)(O,{variant:`ghost`,size:`sm`,busy:C.isPending,onClick:()=>C.mutate(),children:[(0,W.jsx)(c,{className:`size-4`}),` `,E(`data.addRow`)]})})]}),f?(0,W.jsx)(`p`,{className:`px-1 text-[0.875rem] text-rose`,children:f}):null,(0,W.jsx)($e,{open:l!==null,column:l===`new`?null:l,columns:A,onClose:()=>d(null),onSave:e=>x({columns:e})})]})}var tt=`wizards.runDrawer.width`,nt=`wizards.runDrawer.wide`,rt=`wizards.runDrawer.look`,it=680,Z=400,at=()=>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 ot(){let[e,t]=(0,U.useState)(()=>{let e=Number(Q(tt));return e?Math.min(Math.max(e,Z),at()):it}),[n,r]=(0,U.useState)(()=>Q(nt)===`1`),i=(0,U.useCallback)(e=>{let n=Math.round(Math.min(Math.max(e,Z),at()));t(n),$(tt,String(n))},[]);return{width:e,wide:n,toggleWide:()=>{r(!n),$(nt,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(it)}}function st(){let[e,t]=(0,U.useState)(()=>Q(rt)===`chat`?`chat`:`steps`);return[e,e=>{t(e),$(rt,e)}]}function ct({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:m(`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 lt({header:e,actions:t,onClose:n,children:r}){let i=ot();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:m(`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:`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)(k,{label:E(i.wide?`runDrawer.shrink`:`runDrawer.expand`),onClick:i.toggleWide,className:`max-sm:hidden`,children:i.wide?(0,W.jsx)(ae,{className:`size-4`}):(0,W.jsx)(M,{className:`size-4`})}),(0,W.jsx)(k,{label:E(`editor.close`),onClick:n,children:(0,W.jsx)(T,{className:`size-5`})})]})]}),(0,W.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto`,children:r})]})})}export{Ee as _,Ve as a,de as b,ze as c,J as d,Y as f,we as g,G as h,et as i,Re as l,De as m,lt as n,Ue as o,Ie as p,st as r,Be as s,ct as t,Ae as u,Te as v,z as x,ge as y};

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

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

package/apps/web/dist/assets/SetupPage-sqrv7Auf.js

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

package/apps/web/dist/assets/SharePage-B6ets1ot.js

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

package/apps/web/dist/assets/brand-BRw18WJF.js

@@ -1,2 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/fluffy-engenty-ClRou7yu.js","assets/rolldown-runtime-hePW80VL.js","assets/jsx-runtime-BNakU3Ej.js","assets/engenty-eXZ-EAwd.js"])))=>i.map(i=>d[i]);
-import{r as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,t as n}from"./jsx-runtime-BNakU3Ej.js";import{t as r}from"./logo-C4V2_3Ar.js";import{t as i}from"./preload-helper-CNEI7N0N.js";import{dn as a,kt as o,mt as s}from"./ui-DAHMnAVc.js";import{l as c,t as l,u}from"./engenty-eXZ-EAwd.js";var d={name:`moon`,size:24,node:[[`path`,{d:`M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401`,key:`kfwtm`}]]};d.node;var f=a(d),p={name:`sun`,size:24,node:[[`circle`,{cx:`12`,cy:`12`,r:`4`,key:`4exip2`}],[`path`,{d:`M12 2v2`,key:`tus03m`}],[`path`,{d:`M12 20v2`,key:`1lh1kg`}],[`path`,{d:`m4.93 4.93 1.41 1.41`,key:`149t6j`}],[`path`,{d:`m17.66 17.66 1.41 1.41`,key:`ptbguv`}],[`path`,{d:`M2 12h2`,key:`1t8f8n`}],[`path`,{d:`M20 12h2`,key:`1q8mjw`}],[`path`,{d:`m6.34 17.66-1.41 1.41`,key:`1m8zz5`}],[`path`,{d:`m19.07 4.93-1.41 1.41`,key:`1shlcs`}]]};p.node;var m=a(p),h=e(t(),1),g=`wizards.theme`,_=new Set,v=window.matchMedia(`(prefers-color-scheme: dark)`);function y(){try{let e=localStorage.getItem(g);return e===`light`||e===`dark`?e:null}catch{return null}}var b=0;function x(){return b>0?`dark`:y()??(v.matches?`dark`:`light`)}function S(){requestAnimationFrame(()=>{let e=document.querySelector(`meta[name="theme-color"]`),t=document.createElement(`canvas`).getContext(`2d`);if(!e||!t||!document.body)return;t.fillStyle=getComputedStyle(document.body).backgroundColor,t.fillRect(0,0,1,1);let[n,r,i]=t.getImageData(0,0,1,1).data;e.content=`#${[n,r,i].map(e=>e.toString(16).padStart(2,`0`)).join(``)}`})}function C(){let e=x()===`dark`;document.documentElement.classList.toggle(`dark`,e),S();for(let e of _)e()}v.addEventListener(`change`,C),C();function w(e){try{e?localStorage.setItem(g,e):localStorage.removeItem(g)}catch{document.documentElement.classList.toggle(`dark`,(e??x())===`dark`);return}C()}function T(){return(0,h.useSyncExternalStore)(e=>(_.add(e),()=>_.delete(e)),y)}function E(){return(0,h.useSyncExternalStore)(e=>(_.add(e),()=>_.delete(e)),()=>y()??(v.matches?`dark`:`light`))}function D(){return(0,h.useSyncExternalStore)(e=>(_.add(e),()=>_.delete(e)),()=>document.documentElement.classList.contains(`dark`)?`dark`:`light`)}var O=e=>`oklch(from ${c[u[e]??`cobalt`]} 0.34 calc(c * 0.6) h)`;function k(e){(0,h.useEffect)(()=>{if(!e)return;let t=document.documentElement;return b+=1,t.style.setProperty(`--stage`,e),C(),()=>{--b,t.style.removeProperty(`--stage`),C()}},[e])}function A(e){(0,h.useEffect)(()=>{if(!e)return;let t=document.documentElement;return t.style.setProperty(`--stage`,O(e)),S(),()=>{t.style.removeProperty(`--stage`),S()}},[e])}var j=e(n(),1),M={name:`engenty wizards`,short:`wizards`},N=(0,h.lazy)(()=>i(()=>import(`./fluffy-engenty-ClRou7yu.js`).then(e=>({default:e.FluffyEngenty})),__vite__mapDeps([0,1,2,3])));function P({kind:e,size:t=64,fluffy:n,coat:r,goggles:i=!1,interactive:a=!0}){let o=e||`round`,s=D(),c=r??(s===`dark`?`jelly`:`fur`);if(n&&t>=120&&(c===`fur`||s===`dark`))return(0,j.jsx)(h.Suspense,{fallback:(0,j.jsx)(l,{goggles:i,kind:o,size:Math.round(t*.62)}),children:(0,j.jsx)(N,{goggles:i,coat:c,kind:o,size:t,quality:`medium`,interactive:a})});if(n&&t>=120){let e=Math.round(t*1.08);return(0,j.jsxs)(`div`,{"aria-hidden":`true`,className:`relative flex items-center justify-center overflow-hidden`,style:{background:O(o),borderRadius:t*.28,height:t,width:t},children:[(0,j.jsx)(`span`,{className:`pointer-events-none absolute rounded-full bg-white`,style:{filter:`blur(${t*.18}px)`,height:t*.8,opacity:.16,right:-t*.3,top:-t*.3,width:t*.8}}),(0,j.jsx)(`div`,{className:`relative`,style:{marginTop:t*.04},children:(0,j.jsx)(h.Suspense,{fallback:(0,j.jsx)(l,{goggles:i,kind:o,size:Math.round(e*.62)}),children:(0,j.jsx)(N,{goggles:i,coat:`jelly`,kind:o,size:e,quality:`medium`,interactive:a})})})]})}return(0,j.jsx)(l,{goggles:i,kind:o,size:t,animated:a})}function F({onClick:e,place:t,mark:n=!0}){return(0,j.jsxs)(`button`,{type:`button`,onClick:e,className:`flex min-w-0 items-center gap-2.5 whitespace-nowrap rounded-full pr-2 text-ink`,children:[n?(0,j.jsx)(r,{size:30}):null,(0,j.jsxs)(`span`,{className:`font-display font-semibold text-[1.0625rem] tracking-tight`,children:[`engenty`,(0,j.jsx)(`span`,{className:`text-ember`,children:`.`}),(0,j.jsx)(`span`,{className:t?`ml-1 font-normal text-ink-3 max-sm:hidden`:`ml-1 font-normal text-ink-3 max-[420px]:hidden`,children:M.short}),t?(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(`span`,{className:`mx-2 font-normal text-ink-4 max-sm:hidden`,children:`/`}),(0,j.jsx)(`span`,{className:`font-medium text-ink max-sm:ml-1.5`,children:t})]}):null]})]})}function I(){let e=D(),t=e===`dark`?`light`:`dark`;return(0,j.jsx)(s,{label:o(t===`dark`?`theme.dark`:`theme.light`),onClick:()=>w(t),children:e===`dark`?(0,j.jsx)(m,{className:`size-4`}):(0,j.jsx)(f,{className:`size-4`})})}export{w as a,A as c,m as d,f,I as i,D as l,F as n,k as o,P as r,E as s,M as t,T as u};