@xopcai/xopc 0.0.258 → 0.0.259

package/dist/gateway/static/root/assets/{browser-automation-inputs-rA2QROKe.js → browser-automation-inputs-Brw_vPSp.js}

@@ -1 +1 @@
-import{n as e,t}from"./vendor-react-BOUWij0V.js";import{t as n}from"./popover-select-CKBYnT3c.js";import{a as r,r as i}from"./locale-store-DJPCr2mb.js";function a(e){return{id:e.id,name:e.definition.name,description:e.definition.description,enabled:e.status===`enabled`,risk:e.definition.risk,domains:e.definition.allowedDomains,inputs:e.definition.inputs,createdAtMs:e.createdAtMs,updatedAtMs:e.updatedAtMs}}var o={list:async()=>({automations:(await r(i(`/api/browser/automations`))).automations.map(a)}),setEnabled:async(e,t)=>({automation:a((await r(i(`/api/browser/automations/${encodeURIComponent(e)}`),{method:`PATCH`,body:JSON.stringify({status:t?`enabled`:`disabled`})})).automation)}),remove:e=>r(i(`/api/browser/automations/${encodeURIComponent(e)}`),{method:`DELETE`}),run:(e,t)=>r(i(`/api/browser/automations/${encodeURIComponent(e)}/run`),{method:`POST`,body:JSON.stringify({inputs:t})}),getRun:e=>r(i(`/api/browser/automation-runs/${encodeURIComponent(e)}`)),listRuns:e=>r(i(`/api/browser/automation-runs?automationId=${encodeURIComponent(e)}`)),cancel:e=>r(i(`/api/browser/automation-runs/${encodeURIComponent(e)}/cancel`),{method:`POST`})};function s(e){return Object.fromEntries(Object.entries(e.inputs).flatMap(([e,t])=>t.default===void 0?[]:[[e,t.default]]))}function c(e,t){return!Object.entries(e.inputs).some(([e,n])=>n.required&&(t[e]===void 0||t[e]===``))}var l=e(),u=t();function d(e){let t=(0,l.c)(53),{name:r,input:i,value:a,yes:o,no:s,onChange:c}=e,d;t[0]!==i.description||t[1]!==r?(d=i.description?.trim()||r,t[0]=i.description,t[1]=r,t[2]=d):d=t[2];let p=d;if(i.choices?.length){let e;t[3]===i.choices?e=t[4]:(e=i.choices.map(f),t[3]=i.choices,t[4]=e);let r=e,o=i.required?` *`:``,s;t[5]!==p||t[6]!==o?(s=(0,u.jsxs)(`span`,{className:`mb-1.5 block font-medium`,children:[p,o]}),t[5]=p,t[6]=o,t[7]=s):s=t[7];let l;t[8]===a?l=t[9]:(l=a===void 0?``:JSON.stringify(a),t[8]=a,t[9]=l);let d;t[10]===c?d=t[11]:(d=e=>c(JSON.parse(e)),t[10]=c,t[11]=d);let m;t[12]!==p||t[13]!==r||t[14]!==l||t[15]!==d?(m=(0,u.jsx)(n,{value:l,options:r,placeholder:p,onChange:d}),t[12]=p,t[13]=r,t[14]=l,t[15]=d,t[16]=m):m=t[16];let h;return t[17]!==s||t[18]!==m?(h=(0,u.jsxs)(`label`,{className:`block text-sm text-fg`,children:[s,m]}),t[17]=s,t[18]=m,t[19]=h):h=t[19],h}if(i.type===`boolean`){let e=i.required?` *`:``,r;t[20]!==p||t[21]!==e?(r=(0,u.jsxs)(`span`,{className:`mb-1.5 block font-medium`,children:[p,e]}),t[20]=p,t[21]=e,t[22]=r):r=t[22];let l=typeof a==`boolean`?String(a):``,d;t[23]===o?d=t[24]:(d={value:`true`,label:o},t[23]=o,t[24]=d);let f;t[25]===s?f=t[26]:(f={value:`false`,label:s},t[25]=s,t[26]=f);let m;t[27]!==d||t[28]!==f?(m=[d,f],t[27]=d,t[28]=f,t[29]=m):m=t[29];let h;t[30]===c?h=t[31]:(h=e=>c(e===`true`),t[30]=c,t[31]=h);let g;t[32]!==p||t[33]!==l||t[34]!==m||t[35]!==h?(g=(0,u.jsx)(n,{value:l,options:m,placeholder:p,onChange:h}),t[32]=p,t[33]=l,t[34]=m,t[35]=h,t[36]=g):g=t[36];let _;return t[37]!==r||t[38]!==g?(_=(0,u.jsxs)(`label`,{className:`block text-sm text-fg`,children:[r,g]}),t[37]=r,t[38]=g,t[39]=_):_=t[39],_}let m=i.type===`number`,h=i.required?` *`:``,g;t[40]!==p||t[41]!==h?(g=(0,u.jsxs)(`span`,{className:`mb-1.5 block font-medium`,children:[p,h]}),t[40]=p,t[41]=h,t[42]=g):g=t[42];let _=m?`number`:`text`,v=a===void 0?``:String(a),y;t[43]!==m||t[44]!==c?(y=e=>c(m?e.target.value===``?void 0:Number(e.target.value):e.target.value),t[43]=m,t[44]=c,t[45]=y):y=t[45];let b;t[46]!==_||t[47]!==v||t[48]!==y?(b=(0,u.jsx)(`input`,{type:_,value:v,onChange:y,className:`h-10 w-full rounded-lg border border-edge bg-surface-subtle px-3 text-sm text-fg outline-none focus:border-accent`}),t[46]=_,t[47]=v,t[48]=y,t[49]=b):b=t[49];let x;return t[50]!==g||t[51]!==b?(x=(0,u.jsxs)(`label`,{className:`block text-sm text-fg`,children:[g,b]}),t[50]=g,t[51]=b,t[52]=x):x=t[52],x}function f(e){return{value:JSON.stringify(e),label:String(e)}}function p(e){let t=(0,l.c)(7),{automation:n,values:r,language:i,onChange:a}=e,o;t[0]===n.inputs?o=t[1]:(o=Object.entries(n.inputs),t[0]=n.inputs,t[1]=o);let s;return t[2]!==i||t[3]!==a||t[4]!==o||t[5]!==r?(s=(0,u.jsx)(`div`,{className:`grid gap-4`,children:o.map(e=>{let[t,n]=e;return(0,u.jsx)(d,{name:t,input:n,value:r[t],yes:i===`zh`?`是`:`Yes`,no:i===`zh`?`否`:`No`,onChange:e=>a({...r,[t]:e})},t)})}),t[2]=i,t[3]=a,t[4]=o,t[5]=r,t[6]=s):s=t[6],s}export{o as i,c as n,s as r,p as t};
+import{n as e,t}from"./vendor-react-BOUWij0V.js";import{t as n}from"./popover-select-CKBYnT3c.js";import{a as r,r as i}from"./locale-store-D7KNXBtb.js";function a(e){return{id:e.id,name:e.definition.name,description:e.definition.description,enabled:e.status===`enabled`,risk:e.definition.risk,domains:e.definition.allowedDomains,inputs:e.definition.inputs,createdAtMs:e.createdAtMs,updatedAtMs:e.updatedAtMs}}var o={list:async()=>({automations:(await r(i(`/api/browser/automations`))).automations.map(a)}),setEnabled:async(e,t)=>({automation:a((await r(i(`/api/browser/automations/${encodeURIComponent(e)}`),{method:`PATCH`,body:JSON.stringify({status:t?`enabled`:`disabled`})})).automation)}),remove:e=>r(i(`/api/browser/automations/${encodeURIComponent(e)}`),{method:`DELETE`}),run:(e,t)=>r(i(`/api/browser/automations/${encodeURIComponent(e)}/run`),{method:`POST`,body:JSON.stringify({inputs:t})}),getRun:e=>r(i(`/api/browser/automation-runs/${encodeURIComponent(e)}`)),listRuns:e=>r(i(`/api/browser/automation-runs?automationId=${encodeURIComponent(e)}`)),cancel:e=>r(i(`/api/browser/automation-runs/${encodeURIComponent(e)}/cancel`),{method:`POST`})};function s(e){return Object.fromEntries(Object.entries(e.inputs).flatMap(([e,t])=>t.default===void 0?[]:[[e,t.default]]))}function c(e,t){return!Object.entries(e.inputs).some(([e,n])=>n.required&&(t[e]===void 0||t[e]===``))}var l=e(),u=t();function d(e){let t=(0,l.c)(53),{name:r,input:i,value:a,yes:o,no:s,onChange:c}=e,d;t[0]!==i.description||t[1]!==r?(d=i.description?.trim()||r,t[0]=i.description,t[1]=r,t[2]=d):d=t[2];let p=d;if(i.choices?.length){let e;t[3]===i.choices?e=t[4]:(e=i.choices.map(f),t[3]=i.choices,t[4]=e);let r=e,o=i.required?` *`:``,s;t[5]!==p||t[6]!==o?(s=(0,u.jsxs)(`span`,{className:`mb-1.5 block font-medium`,children:[p,o]}),t[5]=p,t[6]=o,t[7]=s):s=t[7];let l;t[8]===a?l=t[9]:(l=a===void 0?``:JSON.stringify(a),t[8]=a,t[9]=l);let d;t[10]===c?d=t[11]:(d=e=>c(JSON.parse(e)),t[10]=c,t[11]=d);let m;t[12]!==p||t[13]!==r||t[14]!==l||t[15]!==d?(m=(0,u.jsx)(n,{value:l,options:r,placeholder:p,onChange:d}),t[12]=p,t[13]=r,t[14]=l,t[15]=d,t[16]=m):m=t[16];let h;return t[17]!==s||t[18]!==m?(h=(0,u.jsxs)(`label`,{className:`block text-sm text-fg`,children:[s,m]}),t[17]=s,t[18]=m,t[19]=h):h=t[19],h}if(i.type===`boolean`){let e=i.required?` *`:``,r;t[20]!==p||t[21]!==e?(r=(0,u.jsxs)(`span`,{className:`mb-1.5 block font-medium`,children:[p,e]}),t[20]=p,t[21]=e,t[22]=r):r=t[22];let l=typeof a==`boolean`?String(a):``,d;t[23]===o?d=t[24]:(d={value:`true`,label:o},t[23]=o,t[24]=d);let f;t[25]===s?f=t[26]:(f={value:`false`,label:s},t[25]=s,t[26]=f);let m;t[27]!==d||t[28]!==f?(m=[d,f],t[27]=d,t[28]=f,t[29]=m):m=t[29];let h;t[30]===c?h=t[31]:(h=e=>c(e===`true`),t[30]=c,t[31]=h);let g;t[32]!==p||t[33]!==l||t[34]!==m||t[35]!==h?(g=(0,u.jsx)(n,{value:l,options:m,placeholder:p,onChange:h}),t[32]=p,t[33]=l,t[34]=m,t[35]=h,t[36]=g):g=t[36];let _;return t[37]!==r||t[38]!==g?(_=(0,u.jsxs)(`label`,{className:`block text-sm text-fg`,children:[r,g]}),t[37]=r,t[38]=g,t[39]=_):_=t[39],_}let m=i.type===`number`,h=i.required?` *`:``,g;t[40]!==p||t[41]!==h?(g=(0,u.jsxs)(`span`,{className:`mb-1.5 block font-medium`,children:[p,h]}),t[40]=p,t[41]=h,t[42]=g):g=t[42];let _=m?`number`:`text`,v=a===void 0?``:String(a),y;t[43]!==m||t[44]!==c?(y=e=>c(m?e.target.value===``?void 0:Number(e.target.value):e.target.value),t[43]=m,t[44]=c,t[45]=y):y=t[45];let b;t[46]!==_||t[47]!==v||t[48]!==y?(b=(0,u.jsx)(`input`,{type:_,value:v,onChange:y,className:`h-10 w-full rounded-lg border border-edge bg-surface-subtle px-3 text-sm text-fg outline-none focus:border-accent`}),t[46]=_,t[47]=v,t[48]=y,t[49]=b):b=t[49];let x;return t[50]!==g||t[51]!==b?(x=(0,u.jsxs)(`label`,{className:`block text-sm text-fg`,children:[g,b]}),t[50]=g,t[51]=b,t[52]=x):x=t[52],x}function f(e){return{value:JSON.stringify(e),label:String(e)}}function p(e){let t=(0,l.c)(7),{automation:n,values:r,language:i,onChange:a}=e,o;t[0]===n.inputs?o=t[1]:(o=Object.entries(n.inputs),t[0]=n.inputs,t[1]=o);let s;return t[2]!==i||t[3]!==a||t[4]!==o||t[5]!==r?(s=(0,u.jsx)(`div`,{className:`grid gap-4`,children:o.map(e=>{let[t,n]=e;return(0,u.jsx)(d,{name:t,input:n,value:r[t],yes:i===`zh`?`是`:`Yes`,no:i===`zh`?`否`:`No`,onChange:e=>a({...r,[t]:e})},t)})}),t[2]=i,t[3]=a,t[4]=o,t[5]=r,t[6]=s):s=t[6],s}export{o as i,c as n,s as r,p as t};

package/dist/gateway/static/root/assets/browser-automations-page-CMLK2ZSa.js

@@ -0,0 +1,3 @@
+import{i as e}from"./rolldown-runtime-aKtaBQYM.js";import{a as t,t as n}from"./vendor-react-BOUWij0V.js";import{d as r}from"./chunk-KS7C4IRE-Cq1tE_3b.js";import{n as i}from"./locale-store-D7KNXBtb.js";import{t as a}from"./button-B11EPpor.js";import{t as o}from"./skeleton-BwbyijEw.js";import{$l as s,$s as c,Dc as l,Ul as u,Us as d,bu as f,jc as p,no as m,ou as h,su as g}from"./index-B85uQ2qO.js";import{i as _,n as v,r as y,t as b}from"./browser-automation-inputs-Brw_vPSp.js";var x=e(t(),1),S=n(),C={en:{title:`Browser automations`,subtitle:`Let your assistant repeat routine actions on the web.`,emptyTitle:`No browser automations yet`,emptyBody:`Tell your assistant what to do on the web. Once it works, save it and run it again whenever you need.`,create:`Create with assistant`,edit:`Edit with assistant`,run:`Run now`,stop:`Stop`,enable:`Enable`,pause:`Pause`,enabled:`Enabled`,paused:`Paused`,inputs:`Before running`,noInputs:`This automation is ready to run.`,history:`Recent activity`,delete:`Delete automation`,confirmDelete:`Delete this browser automation?`,required:`Please complete all required fields.`,queued:`Waiting to start`,running:`Running`,succeeded:`Completed`,failed:`Needs attention`,cancelled:`Stopped`,result:`Result`,read:`Reads information`,draft:`Edits the page locally`,external_effect:`Affects an external system`,destructive:`Destructive action`,sensitive:`Sensitive action`,createPrompt:`Help me create a reusable browser automation. Ask what I want the browser to do, perform it once with me, then save the successful steps. Keep all technical details hidden.`,editPrompt:`Help me update the browser automation "{name}" (id: {id}). Ask what should change, test the new browser steps, then save it.`},zh:{title:`浏览器自动化`,subtitle:`让助手自动重复完成网页上的固定操作。`,emptyTitle:`还没有浏览器自动化`,emptyBody:`告诉助手你希望在网页上自动完成什么。成功执行一次后，即可保存并重复运行。`,create:`让助手帮我创建`,edit:`让助手帮我修改`,run:`立即运行`,stop:`停止`,enable:`启用`,pause:`暂停`,enabled:`已启用`,paused:`已暂停`,inputs:`运行前需要填写`,noInputs:`这个自动化可以直接运行。`,history:`最近运行`,delete:`删除自动化`,confirmDelete:`确定删除这个浏览器自动化吗？`,required:`请填写所有必填内容。`,queued:`等待开始`,running:`正在运行`,succeeded:`已完成`,failed:`需要处理`,cancelled:`已停止`,result:`运行结果`,read:`仅读取信息`,draft:`仅在页面内编辑`,external_effect:`会影响外部系统`,destructive:`破坏性操作`,sensitive:`包含敏感操作`,createPrompt:`请帮我创建一个可重复运行的浏览器自动化。先询问我希望浏览器完成什么，陪我实际执行成功一次，然后保存成功步骤。不要让我处理技术细节。`,editPrompt:`请帮我修改浏览器自动化“{name}”（id：{id}）。先询问我要修改什么，实际测试新的浏览器步骤，然后保存。`}};function w(e){return e!==`queued`&&e!==`running`}function T(e){return e==null?`-`:typeof e==`string`?e:typeof e==`number`||typeof e==`boolean`?String(e):Array.isArray(e)?e.map(e=>`• ${T(e)}`).join(`
+`):typeof e==`object`?Object.entries(e).map(([e,t])=>`${e}: ${T(t)}`).join(`
+`):String(e)}function E(){let e=i(e=>e.language),t=C[e],n=r(),E=m(e=>e.setPageHeader),D=m(e=>e.clearPageHeader),[O,k]=(0,x.useState)(null),[A,j]=(0,x.useState)(),[M,N]=(0,x.useState)({}),[P,F]=(0,x.useState)([]),[I,L]=(0,x.useState)(),[R,z]=(0,x.useState)(``),[B,V]=(0,x.useState)(!1),H=(0,x.useMemo)(()=>O?.find(e=>e.id===A),[A,O]),U=(0,x.useCallback)(async()=>{let e=await _.list();k(e.automations),j(t=>t&&e.automations.some(e=>e.id===t)?t:e.automations[0]?.id)},[]);(0,x.useEffect)(()=>{U().catch(e=>z(String(e)))},[U]),(0,x.useEffect)(()=>{H&&(N(y(H)),L(void 0),z(``),_.listRuns(H.id).then(e=>F(e.runs)).catch(e=>z(String(e))))},[H]),(0,x.useEffect)(()=>{if(!I||w(I.status))return;let e=window.setInterval(()=>{_.getRun(I.id).then(({run:e})=>{L(e),w(e.status)&&H&&_.listRuns(H.id).then(e=>F(e.runs))}).catch(e=>z(String(e)))},700);return()=>window.clearInterval(e)},[I,H]);let W=(0,x.useCallback)(e=>{n(`/chat/new?draft=${encodeURIComponent(e)}`)},[n]),G=(0,x.useMemo)(()=>(0,S.jsxs)(a,{onClick:()=>W(t.createPrompt),children:[(0,S.jsx)(f,{className:`size-4`}),t.create]}),[W,t.create,t.createPrompt]);(0,x.useLayoutEffect)(()=>(E({startExtra:null,main:(0,S.jsx)(`h1`,{className:`truncate text-base font-semibold tracking-tight text-fg`,children:t.title}),end:G}),()=>D()),[D,G,E,t.title]);let K=async()=>{if(H){V(!0);try{await _.setEnabled(H.id,!H.enabled),await U()}catch(e){z(String(e))}finally{V(!1)}}},q=async()=>{if(H){if(!v(H,M)){z(t.required);return}V(!0);try{let{run:e}=await _.run(H.id,M);L(e),z(``)}catch(e){z(String(e))}finally{V(!1)}}},J=async()=>{if(!(!H||!window.confirm(t.confirmDelete))){V(!0);try{await _.remove(H.id),j(void 0),F([]),await U()}catch(e){z(String(e))}finally{V(!1)}}};return O===null?(0,S.jsx)(`div`,{className:`flex min-h-0 flex-1 flex-col bg-surface-panel p-4 sm:p-6`,children:(0,S.jsxs)(`div`,{className:`grid gap-4 lg:grid-cols-[280px_minmax(0,1fr)]`,children:[(0,S.jsx)(o,{className:`h-[420px] rounded-xl`}),(0,S.jsx)(o,{className:`h-[420px] rounded-xl`})]})}):O.length===0?(0,S.jsx)(`div`,{className:`flex min-h-0 flex-1 flex-col bg-surface-panel p-4 sm:p-6`,children:(0,S.jsxs)(`div`,{className:`m-auto max-w-md py-12 text-center`,children:[(0,S.jsx)(f,{className:`mx-auto size-10 text-accent`}),(0,S.jsx)(`h2`,{className:`mt-4 text-lg font-semibold text-fg`,children:t.emptyTitle}),(0,S.jsx)(`p`,{className:`mt-2 text-sm leading-6 text-fg-muted`,children:t.emptyBody}),(0,S.jsxs)(a,{className:`mt-5`,onClick:()=>W(t.createPrompt),children:[(0,S.jsx)(f,{className:`size-4`}),t.create]})]})}):(0,S.jsx)(`div`,{className:`flex min-h-0 flex-1 flex-col bg-surface-panel p-4 sm:p-6`,children:(0,S.jsxs)(`div`,{className:`grid min-h-0 flex-1 gap-4 lg:grid-cols-[280px_minmax(0,1fr)]`,children:[(0,S.jsx)(`aside`,{className:`min-h-0 overflow-y-auto rounded-xl border border-edge bg-surface-base p-2`,children:O.map(e=>(0,S.jsxs)(`button`,{onClick:()=>j(e.id),className:`mb-1 w-full rounded-lg p-3 text-left ${A===e.id?`bg-accent-soft text-accent-fg`:`hover:bg-surface-hover`}`,children:[(0,S.jsx)(`span`,{className:`block truncate text-sm font-medium`,children:e.name}),(0,S.jsxs)(`span`,{className:`mt-1 flex items-center gap-1.5 text-xs text-fg-muted`,children:[e.enabled?(0,S.jsx)(h,{className:`size-3.5 text-emerald-600`}):(0,S.jsx)(g,{className:`size-3.5`}),e.enabled?t.enabled:t.paused]})]},e.id))}),H&&(0,S.jsxs)(`main`,{className:`min-h-0 overflow-y-auto rounded-xl border border-edge bg-surface-base p-5 sm:p-6`,children:[(0,S.jsxs)(`div`,{className:`flex flex-wrap items-start justify-between gap-4`,children:[(0,S.jsxs)(`div`,{className:`min-w-0`,children:[(0,S.jsx)(`h2`,{className:`text-lg font-semibold text-fg`,children:H.name}),H.description&&(0,S.jsx)(`p`,{className:`mt-1 max-w-2xl text-sm leading-6 text-fg-muted`,children:H.description}),(0,S.jsxs)(`div`,{className:`mt-3 flex flex-wrap gap-2 text-xs`,children:[(0,S.jsx)(`span`,{className:`rounded-full bg-surface-subtle px-2.5 py-1 text-fg-muted`,children:t[H.risk]}),H.domains.map(e=>(0,S.jsxs)(`span`,{className:`flex items-center gap-1 rounded-full bg-surface-subtle px-2.5 py-1 text-fg-muted`,children:[(0,S.jsx)(u,{className:`size-3`}),e]},e))]})]}),(0,S.jsxs)(`div`,{className:`flex gap-2`,children:[(0,S.jsxs)(a,{variant:`secondary`,disabled:B,onClick:()=>void K(),children:[H.enabled?(0,S.jsx)(g,{className:`size-4`}):(0,S.jsx)(h,{className:`size-4`}),H.enabled?t.pause:t.enable]}),(0,S.jsxs)(a,{variant:`secondary`,onClick:()=>W(t.editPrompt.replace(`{name}`,H.name).replace(`{id}`,H.id)),children:[(0,S.jsx)(p,{className:`size-4`}),t.edit]})]})]}),(0,S.jsxs)(`section`,{className:`mt-7 max-w-xl`,children:[(0,S.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:t.inputs}),Object.keys(H.inputs).length===0?(0,S.jsx)(`p`,{className:`mt-2 text-sm text-fg-muted`,children:t.noInputs}):(0,S.jsx)(`div`,{className:`mt-3`,children:(0,S.jsx)(b,{automation:H,values:M,language:e,onChange:N})}),(0,S.jsxs)(`div`,{className:`mt-5 flex gap-2`,children:[(0,S.jsxs)(a,{variant:`primary`,disabled:!H.enabled||B||!!(I&&!w(I.status)),onClick:()=>void q(),children:[(0,S.jsx)(l,{className:`size-4`}),t.run]}),I&&!w(I.status)&&(0,S.jsxs)(a,{variant:`secondary`,onClick:()=>void _.cancel(I.id),children:[(0,S.jsx)(c,{className:`size-4`}),t.stop]})]}),R&&(0,S.jsx)(`p`,{className:`mt-3 text-sm text-red-700 dark:text-red-300`,children:R})]}),I&&(0,S.jsxs)(`section`,{className:`mt-7 rounded-xl border border-edge bg-surface-subtle p-4`,children:[(0,S.jsxs)(`div`,{className:`flex items-center gap-2 text-sm font-medium text-fg`,children:[(0,S.jsx)(s,{className:`size-4`}),t[I.status]]}),I.error&&(0,S.jsx)(`p`,{className:`mt-2 text-sm text-red-700 dark:text-red-300`,children:I.error}),I.status===`succeeded`&&I.result!==void 0&&(0,S.jsxs)(`div`,{className:`mt-3`,children:[(0,S.jsx)(`h3`,{className:`text-xs font-semibold uppercase tracking-wide text-fg-muted`,children:t.result}),(0,S.jsx)(`pre`,{className:`mt-2 max-h-64 overflow-auto whitespace-pre-wrap text-sm text-fg`,children:T(I.result)})]})]}),(0,S.jsxs)(`section`,{className:`mt-8`,children:[(0,S.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:t.history}),(0,S.jsx)(`div`,{className:`mt-2 divide-y divide-edge`,children:P.slice(0,10).map(e=>(0,S.jsxs)(`button`,{className:`flex w-full items-center justify-between gap-3 py-3 text-left text-sm hover:text-accent`,onClick:()=>L(e),children:[(0,S.jsx)(`span`,{children:t[e.status]}),(0,S.jsxs)(`span`,{className:`text-xs text-fg-muted`,children:[new Date(e.createdAtMs).toLocaleString(),e.durationMs?` · ${Math.max(1,Math.round(e.durationMs/1e3))}s`:``]})]},e.id))})]}),(0,S.jsx)(`div`,{className:`mt-8 border-t border-edge pt-4`,children:(0,S.jsxs)(a,{variant:`ghost`,className:`text-red-700 dark:text-red-300`,disabled:B,onClick:()=>void J(),children:[(0,S.jsx)(d,{className:`size-4`}),t.delete]})})]})]})})}export{E as BrowserAutomationsPage};

package/dist/gateway/static/root/assets/browser-settings-page-C97vV2JC.js

@@ -0,0 +1,8 @@
+import{i as e}from"./rolldown-runtime-aKtaBQYM.js";import{a as t,n,t as r}from"./vendor-react-BOUWij0V.js";import{h as i}from"./chunk-KS7C4IRE-Cq1tE_3b.js";import{t as a}from"./popover-select-CKBYnT3c.js";import{t as o}from"./circle-check-C23XjkUj.js";import{t as s}from"./download-Dk-ZjtO6.js";import{t as c}from"./external-link-DjqjBmc3.js";import{t as l}from"./loader-circle-CifKLtgG.js";import{t as u}from"./messages-BQlBfZ_q.js";import{a as d,i as f,n as p,r as m,s as h}from"./locale-store-D7KNXBtb.js";import{i as g}from"./vendor-swr-BIWyz7Rc.js";import{t as _}from"./button-B11EPpor.js";import{n as v,r as y}from"./gateway-config-swr-aEgo6TVm.js";import{t as b}from"./skeleton-BwbyijEw.js";import{Al as x,Bc as S,Bl as C,Dl as w,Gl as T,Hs as E,Oc as D,Xc as ee,ba as O,xa as k,yc as te}from"./index-B85uQ2qO.js";import{n as A,r as j}from"./settings-page-layout-DYelDcMV.js";import{n as M}from"./settings-loading-skeleton-CAmWMaOT.js";import{n as N,t as P}from"./use-autosave-Cro_6UOq.js";import{t as F}from"./settings-advanced-gate-Bql6_24T.js";var I=e(t(),1),L=n();function R(){return d(m(`/api/browser/status`))}function z(){return d(m(`/api/browser/test`),{method:`POST`})}function ne(e=!1){return d(m(`/api/browser/extension/install`),{method:`POST`,body:JSON.stringify({force:e})})}function B(e){return d(m(`/api/browser/extension/open`),{method:`POST`,body:JSON.stringify({action:e})})}async function V(e,t){let n=await f(m(`/api/browser/playwright/install/stream`),{method:`POST`,headers:{Accept:`text/event-stream`},signal:t});if(!n.ok||!n.body)throw Error(`Chromium install request failed (HTTP ${n.status}).`);let r=n.body.getReader(),i=new TextDecoder,a=``,o;try{for(;!o;){let t=await r.read();if(t.done)break;a+=i.decode(t.value,{stream:!0}),a=a.replace(/\r\n/g,`
+`);let n=a.split(`
+
+`);a=n.pop()??``;for(let t of n){let n=t.split(`
+`).find(e=>e.startsWith(`event:`))?.slice(6).trim(),r=t.split(`
+`).filter(e=>e.startsWith(`data:`)).map(e=>e.slice(5).trimStart()).join(``);r&&(n===`progress`&&e(JSON.parse(r)),n===`result`&&(o=JSON.parse(r)))}}}finally{r.releaseLock()}if(!o)throw Error(`Chromium installer ended without a result.`);return o}async function H(){await d(m(`/api/browser/playwright/install/cancel`),{method:`POST`})}function U(e){let[t,n]=(0,I.useState)(!1),[r,i]=(0,I.useState)(!1),[a,o]=(0,I.useState)(null),[s,c]=(0,I.useState)(null),l=(0,I.useRef)(null);return{running:t,cancelling:r,progress:a,error:s,install:(0,I.useCallback)(async()=>{if(l.current)return;let t=new AbortController;l.current=t,n(!0),o(null),c(null);try{let n=await V(o,t.signal);if(!n.ok){n.error!==`cancelled`&&c(n.message??n.error);return}e()}catch(e){t.signal.aborted||c(e instanceof Error?e.message:String(e))}finally{l.current===t&&(l.current=null),n(!1),i(!1)}},[e]),cancel:(0,I.useCallback)(async()=>{l.current&&(i(!0),await H().catch(()=>{}),l.current.abort())},[])}}var W=r(),G={extension:`Chrome extension`,playwright:`Playwright Chromium`,cdp:`CDP`,remote:`Remote browser`};function re(e){let{enabled:t,driverKind:n,autosaveStatus:r,zh:i}=e,a=g(t?[`browser-control-status`,n]:null,R,{revalidateOnFocus:!0,refreshInterval:n===`extension`?3e3:0}),[s,c]=(0,I.useState)(null),[u,d]=(0,I.useState)(null),[f,p]=(0,I.useState)(null),m=r===`dirty`||r===`saving`;(0,I.useEffect)(()=>{r===`saved`&&a.mutate()},[r,a.mutate]);let h=(0,I.useCallback)(async(e,t,n)=>{c(e),d(null),p(null);try{await t(),p(n),await a.mutate()}catch(e){d(e instanceof Error?e.message:String(e))}finally{c(null)}},[a.mutate]),v=U((0,I.useCallback)(()=>{p(i?`Chromium 已安装，可以开始连接测试。`:`Chromium is installed and ready to test.`),a.mutate()},[a.mutate,i])),y=a.data?.payload,x=y?.driverKind===n,S=t?m||!x?`syncing`:y?.state:`disabled`;return(0,W.jsxs)(`section`,{className:`rounded-xl border border-edge bg-surface-base p-5`,children:[(0,W.jsxs)(`div`,{className:`flex flex-wrap items-start justify-between gap-3`,children:[(0,W.jsxs)(`div`,{className:`min-w-0`,children:[(0,W.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,W.jsx)(S===`ready`?o:S===`syncing`?l:E,{className:`size-4 shrink-0 ${S===`ready`?`text-success`:S===`syncing`?`animate-spin text-fg-muted`:S===`disabled`?`text-fg-subtle`:`text-warning`}`}),(0,W.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:i?`浏览器就绪状态`:`Browser readiness`}),(0,W.jsx)(`span`,{className:`rounded-full px-2 py-0.5 text-xs ${S===`ready`?`bg-success-soft text-success`:S===`disabled`?`bg-surface-hover text-fg-muted`:`bg-warning-soft text-warning`}`,children:S===`ready`?i?`已就绪`:`Ready`:S===`disabled`?i?`未启用`:`Disabled`:S===`syncing`?i?`正在应用配置`:`Applying configuration`:i?`需要处理`:`Needs attention`})]}),(0,W.jsxs)(`p`,{className:`mt-2 text-sm text-fg-muted`,children:[G[n],y?.detail&&x?` · ${y.detail}`:``]})]}),(0,W.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,W.jsxs)(_,{variant:`ghost`,className:`h-9`,onClick:()=>void a.mutate(),disabled:a.isValidating,children:[(0,W.jsx)(te,{className:`size-3.5 ${a.isValidating?`animate-spin`:``}`}),i?`刷新`:`Refresh`]}),(0,W.jsxs)(_,{variant:`secondary`,className:`h-9`,disabled:!t||m||s!==null||v.running,onClick:()=>void h(`test`,z,i?`连接测试成功。`:`Connection test passed.`),children:[s===`test`?(0,W.jsx)(l,{className:`size-3.5 animate-spin`}):(0,W.jsx)(D,{className:`size-3.5`}),i?`测试连接`:`Test connection`]})]})]}),t&&a.isLoading?(0,W.jsxs)(`div`,{className:`mt-4 grid gap-2 sm:grid-cols-3`,children:[(0,W.jsx)(b,{className:`h-12`}),(0,W.jsx)(b,{className:`h-12`}),(0,W.jsx)(b,{className:`h-12`})]}):null,t&&a.error?(0,W.jsx)(le,{tone:`error`,children:a.error instanceof Error?a.error.message:String(a.error)}):null,u||v.error?(0,W.jsx)(le,{tone:`error`,children:u??v.error}):null,f?(0,W.jsx)(le,{tone:`success`,children:f}):null,t&&n===`extension`&&x?(0,W.jsx)(ie,{status:y?.driverStatus,zh:i,busy:s,run:h}):null,t&&n===`playwright`&&x?(0,W.jsx)(se,{status:y?.driverStatus,zh:i,installer:v}):null,t&&n===`cdp`?(0,W.jsx)(`p`,{className:`mt-4 rounded-lg bg-surface-subtle px-3 py-2 text-xs leading-5 text-fg-muted`,children:i?`连接测试会验证已保存的 CDP 地址，并复用浏览器中现有的标签页和登录状态。`:`The connection test verifies the saved CDP endpoint and reuses that browser’s existing tabs and signed-in state.`}):null,t&&n===`remote`?(0,W.jsx)(`p`,{className:`mt-4 rounded-lg bg-surface-subtle px-3 py-2 text-xs leading-5 text-fg-muted`,children:i?`连接测试会在服务商侧创建一个临时浏览器会话，并在测试结束后立即关闭。`:`The connection test creates a temporary provider session and closes it immediately after the test.`}):null]})}function ie(e){let t=(0,L.c)(59),{status:n,zh:r,busy:i,run:a}=e,o=n?.artifacts,u=r?`扩展文件`:`Extension files`,d=o?.installed===!0,f=o?.installed?r?`已安装`:`Installed`:r?`未安装或需更新`:`Install or update required`,p;t[0]!==u||t[1]!==d||t[2]!==f?(p=(0,W.jsx)(ce,{label:u,ok:d,value:f}),t[0]=u,t[1]=d,t[2]=f,t[3]=p):p=t[3];let m=r?`本地桥接`:`Local bridge`,h=n?.running===!0,g=n?.running?r?`运行中`:`Running`:r?`未运行`:`Stopped`,v;t[4]!==m||t[5]!==h||t[6]!==g?(v=(0,W.jsx)(ce,{label:m,ok:h,value:g}),t[4]=m,t[5]=h,t[6]=g,t[7]=v):v=t[7];let y=r?`Chrome 连接`:`Chrome connection`,b=n?.connected===!0,S=n?.connected?r?`已连接`:`Connected`:n?.socketConnected?r?`需要重新加载扩展`:`Reload extension`:r?`等待扩展连接`:`Waiting for extension`,C;t[8]!==S||t[9]!==y||t[10]!==b?(C=(0,W.jsx)(ce,{label:y,ok:b,value:S}),t[8]=S,t[9]=y,t[10]=b,t[11]=C):C=t[11];let w;t[12]!==C||t[13]!==p||t[14]!==v?(w=(0,W.jsxs)(`div`,{className:`grid gap-2 sm:grid-cols-3`,children:[p,v,C]}),t[12]=C,t[13]=p,t[14]=v,t[15]=w):w=t[15];let T=o?.extensionDir??`127.0.0.1:19820`,E;t[16]===T?E=t[17]:(E=(0,W.jsx)(`p`,{className:`mt-3 break-all text-xs text-fg-subtle`,children:T}),t[16]=T,t[17]=E);let D=o?.installed?`secondary`:`primary`,ee=i!==null,O;t[18]!==o?.installed||t[19]!==a||t[20]!==r?(O=()=>void a(`extension-install`,()=>ne(!!o?.installed),r?`扩展文件已准备好。`:`Extension files are ready.`),t[18]=o?.installed,t[19]=a,t[20]=r,t[21]=O):O=t[21];let k;t[22]===i?k=t[23]:(k=i===`extension-install`?(0,W.jsx)(l,{className:`size-3.5 animate-spin`}):(0,W.jsx)(s,{className:`size-3.5`}),t[22]=i,t[23]=k);let te=o?.installed?r?`刷新扩展文件`:`Refresh files`:r?`安装扩展文件`:`Install extension`,A;t[24]!==D||t[25]!==ee||t[26]!==O||t[27]!==k||t[28]!==te?(A=(0,W.jsxs)(_,{className:`h-9`,variant:D,disabled:ee,onClick:O,children:[k,te]}),t[24]=D,t[25]=ee,t[26]=O,t[27]=k,t[28]=te,t[29]=A):A=t[29];let j=!o?.installed||i!==null,M;t[30]!==a||t[31]!==r?(M=()=>void a(`extension-open`,oe,r?`已打开 Chrome 扩展页。`:`Chrome extensions opened.`),t[30]=a,t[31]=r,t[32]=M):M=t[32];let N;t[33]===Symbol.for(`react.memo_cache_sentinel`)?(N=(0,W.jsx)(c,{className:`size-3.5`}),t[33]=N):N=t[33];let P=r?`打开扩展页`:`Open extensions`,F;t[34]!==j||t[35]!==M||t[36]!==P?(F=(0,W.jsxs)(_,{className:`h-9`,variant:`secondary`,disabled:j,onClick:M,children:[N,P]}),t[34]=j,t[35]=M,t[36]=P,t[37]=F):F=t[37];let I=!o?.installed||i!==null,R;t[38]!==a||t[39]!==r?(R=()=>void a(`extension-folder`,ae,r?`已打开扩展目录。`:`Extension folder opened.`),t[38]=a,t[39]=r,t[40]=R):R=t[40];let z;t[41]===Symbol.for(`react.memo_cache_sentinel`)?(z=(0,W.jsx)(x,{className:`size-3.5`}),t[41]=z):z=t[41];let B=r?`打开扩展目录`:`Open folder`,V;t[42]!==I||t[43]!==R||t[44]!==B?(V=(0,W.jsxs)(_,{className:`h-9`,variant:`ghost`,disabled:I,onClick:R,children:[z,B]}),t[42]=I,t[43]=R,t[44]=B,t[45]=V):V=t[45];let H;t[46]!==A||t[47]!==F||t[48]!==V?(H=(0,W.jsxs)(`div`,{className:`mt-3 flex flex-wrap gap-2`,children:[A,F,V]}),t[46]=A,t[47]=F,t[48]=V,t[49]=H):H=t[49];let U;t[50]!==n?.connected||t[51]!==n?.socketConnected||t[52]!==r?(U=n?.connected?null:(0,W.jsx)(`p`,{className:`mt-3 text-xs leading-5 text-fg-muted`,children:n?.socketConnected?r?`扩展仍在运行旧协议。请打开 Chrome 扩展页，找到 xopc Browser Bridge 并点击“重新加载”，然后刷新状态。`:`The extension is still running an older protocol. Open Chrome Extensions, find xopc Browser Bridge, click Reload, then refresh status.`:r?`首次使用：打开 Chrome 扩展页，开启“开发者模式”，选择“加载已解压的扩展程序”，然后选择上面的扩展目录。`:`First use: open Chrome Extensions, enable Developer mode, choose Load unpacked, then select the extension folder shown above.`}),t[50]=n?.connected,t[51]=n?.socketConnected,t[52]=r,t[53]=U):U=t[53];let G;return t[54]!==w||t[55]!==E||t[56]!==H||t[57]!==U?(G=(0,W.jsxs)(`div`,{className:`mt-4 border-t border-edge-subtle pt-4`,children:[w,E,H,U]}),t[54]=w,t[55]=E,t[56]=H,t[57]=U,t[58]=G):G=t[58],G}function ae(){return B(`folder`)}function oe(){return B(`chrome`)}function se(e){let t=(0,L.c)(28),{status:n,zh:r,installer:i}=e,a=n?.installed===!0,o=n?.installed?r?`已安装`:`Installed`:n?.reason??(r?`未安装`:`Not installed`),c;t[0]!==a||t[1]!==o?(c=(0,W.jsx)(ce,{label:`Chromium`,ok:a,value:o}),t[0]=a,t[1]=o,t[2]=c):c=t[2];let u;t[3]===n?u=t[4]:(u=n?.executablePath?(0,W.jsx)(`p`,{className:`mt-2 break-all text-xs text-fg-subtle`,children:n.executablePath}):null,t[3]=n,t[4]=u);let d;t[5]===i.progress?d=t[6]:(d=i.progress?(0,W.jsxs)(`div`,{className:`mt-3`,children:[(0,W.jsxs)(`div`,{className:`flex justify-between text-xs text-fg-muted`,children:[(0,W.jsx)(`span`,{children:i.progress.message??i.progress.phase}),(0,W.jsx)(`span`,{children:i.progress.percent==null?``:`${Math.round(i.progress.percent)}%`})]}),(0,W.jsx)(`div`,{className:`mt-1 h-1.5 overflow-hidden rounded-full bg-surface-hover`,children:(0,W.jsx)(`div`,{className:`h-full rounded-full bg-accent transition-[width]`,style:{width:`${i.progress.percent??8}%`}})})]}):null,t[5]=i.progress,t[6]=d);let f=n?.installed?`secondary`:`primary`,p;t[7]===i?p=t[8]:(p=()=>void i.install(),t[7]=i,t[8]=p);let m;t[9]===i.running?m=t[10]:(m=i.running?(0,W.jsx)(l,{className:`size-3.5 animate-spin`}):(0,W.jsx)(s,{className:`size-3.5`}),t[9]=i.running,t[10]=m);let h=n?.installed?r?`重新安装 Chromium`:`Reinstall Chromium`:r?`安装 Chromium`:`Install Chromium`,g;t[11]!==i.running||t[12]!==f||t[13]!==p||t[14]!==m||t[15]!==h?(g=(0,W.jsxs)(_,{variant:f,className:`h-9`,disabled:i.running,onClick:p,children:[m,h]}),t[11]=i.running,t[12]=f,t[13]=p,t[14]=m,t[15]=h,t[16]=g):g=t[16];let v;t[17]!==i||t[18]!==r?(v=i.running?(0,W.jsx)(_,{variant:`ghost`,className:`h-9`,disabled:i.cancelling,onClick:()=>void i.cancel(),children:i.cancelling?r?`正在取消…`:`Cancelling…`:r?`取消`:`Cancel`}):null,t[17]=i,t[18]=r,t[19]=v):v=t[19];let y;t[20]!==v||t[21]!==g?(y=(0,W.jsxs)(`div`,{className:`mt-3 flex gap-2`,children:[g,v]}),t[20]=v,t[21]=g,t[22]=y):y=t[22];let b;return t[23]!==y||t[24]!==c||t[25]!==u||t[26]!==d?(b=(0,W.jsxs)(`div`,{className:`mt-4 border-t border-edge-subtle pt-4`,children:[c,u,d,y]}),t[23]=y,t[24]=c,t[25]=u,t[26]=d,t[27]=b):b=t[27],b}function ce(e){let t=(0,L.c)(11),{label:n,ok:r,value:i}=e,a;t[0]===n?a=t[1]:(a=(0,W.jsx)(`p`,{className:`text-xs text-fg-subtle`,children:n}),t[0]=n,t[1]=a);let o=`mt-1 flex items-center gap-1.5 text-sm ${r?`text-success`:`text-fg-muted`}`,s=`size-1.5 rounded-full ${r?`bg-success`:`bg-warning`}`,c;t[2]===s?c=t[3]:(c=(0,W.jsx)(`span`,{className:s}),t[2]=s,t[3]=c);let l;t[4]!==o||t[5]!==c||t[6]!==i?(l=(0,W.jsxs)(`p`,{className:o,children:[c,i]}),t[4]=o,t[5]=c,t[6]=i,t[7]=l):l=t[7];let u;return t[8]!==a||t[9]!==l?(u=(0,W.jsxs)(`div`,{className:`rounded-lg bg-surface-subtle px-3 py-2`,children:[a,l]}),t[8]=a,t[9]=l,t[10]=u):u=t[10],u}function le(e){let t=(0,L.c)(4),{tone:n,children:r}=e,i=`mt-3 rounded-lg px-3 py-2 text-xs ${n===`success`?`bg-success-soft text-success`:`bg-danger-soft text-danger`}`,a=n===`error`?`alert`:`status`,o;return t[0]!==r||t[1]!==i||t[2]!==a?(o=(0,W.jsx)(`p`,{className:i,role:a,children:r}),t[0]=r,t[1]=i,t[2]=a,t[3]=o):o=t[3],o}function ue(e){let t=(0,L.c)(36),{sectionId:n,vm:r,children:i}=e,a=p(de),o;t[0]===a?o=t[1]:(o=u(a),t[0]=a,t[1]=o);let s=o,c=s.agentSettings,l=s.settingsSections[n]??n;if(!r.hasToken){let e;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(e=(0,W.jsx)(T,{className:`mt-0.5 size-5 shrink-0 text-fg-subtle`,strokeWidth:1.75}),t[2]=e):e=t[2];let n;t[3]===l?n=t[4]:(n=(0,W.jsx)(`h1`,{className:`text-base font-semibold text-fg`,children:l}),t[3]=l,t[4]=n);let r;t[5]===c.needToken?r=t[6]:(r=(0,W.jsx)(`p`,{className:`mt-1 text-sm text-fg-muted`,children:c.needToken}),t[5]=c.needToken,t[6]=r);let i;return t[7]!==n||t[8]!==r?(i=(0,W.jsx)(j,{gap:`gap-3`,padding:`px-3 py-10 sm:px-5 xl:px-6`,children:(0,W.jsxs)(`div`,{className:`flex items-start gap-3 rounded-2xl bg-surface-base p-6`,children:[e,(0,W.jsxs)(`div`,{children:[n,r]})]})}),t[7]=n,t[8]=r,t[9]=i):i=t[9],i}if(r.loading){let e;return t[10]===Symbol.for(`react.memo_cache_sentinel`)?(e=(0,W.jsx)(j,{gap:`gap-6`,padding:`px-3 py-8 sm:px-5 xl:px-6`,children:(0,W.jsx)(M,{sections:1})}),t[10]=e):e=t[10],e}if(!r.form){let e=r.error??r.fetchError??c.loadError,n;t[11]===e?n=t[12]:(n=(0,W.jsx)(`p`,{className:`text-sm text-fg-muted`,children:e}),t[11]=e,t[12]=n);let i;t[13]===r?i=t[14]:(i=()=>void r.mutate(),t[13]=r,t[14]=i);let a;t[15]!==s.logs.refresh||t[16]!==i?(a=(0,W.jsx)(_,{type:`button`,variant:`secondary`,onClick:i,children:s.logs.refresh}),t[15]=s.logs.refresh,t[16]=i,t[17]=a):a=t[17];let o;return t[18]!==n||t[19]!==a?(o=(0,W.jsxs)(j,{gap:`gap-3`,padding:`px-3 py-10 sm:px-5 xl:px-6`,children:[n,a]}),t[18]=n,t[19]=a,t[20]=o):o=t[20],o}let d;t[21]!==r.autosaveStatus||t[22]!==r.error?(d=(0,W.jsx)(N,{status:r.autosaveStatus,error:r.error}),t[21]=r.autosaveStatus,t[22]=r.error,t[23]=d):d=t[23];let f;t[24]!==l||t[25]!==d?(f=(0,W.jsx)(A,{title:l,actions:d}),t[24]=l,t[25]=d,t[26]=f):f=t[26];let m;t[27]===r.error?m=t[28]:(m=r.error?(0,W.jsx)(`div`,{className:`rounded-md border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700 dark:border-red-900/50 dark:bg-red-950/50 dark:text-red-400`,role:`alert`,children:r.error}):null,t[27]=r.error,t[28]=m);let h;t[29]===i?h=t[30]:(h=(0,W.jsx)(`div`,{className:`flex min-w-0 flex-col gap-5 pb-8`,children:i}),t[29]=i,t[30]=h);let g;return t[31]!==f||t[32]!==m||t[33]!==h||t[34]!==r.onBlurCapture?(g=(0,W.jsxs)(j,{gap:`gap-6`,onBlurCapture:r.onBlurCapture,children:[f,m,h]}),t[31]=f,t[32]=m,t[33]=h,t[34]=r.onBlurCapture,t[35]=g):g=t[35],g}function de(e){return e.language}var K={enabled:!0,driverKind:`extension`,headless:!1,executablePath:``,cdpEndpoint:`http://127.0.0.1:9222`,remoteProvider:`browserbase`,remoteApiKey:``,remoteProjectId:``,remoteRegion:``,maxNodes:180,maxCharacters:12e3,visualFallback:!0,actionTimeoutMs:3e4,sessionTimeoutMs:9e5,maxSequenceLength:5,allowedPrivateHosts:``,crossDomainNavigation:`ask`,uploads:`ask`,consequentialActions:`ask`};function fe(e){let t=q(q(e).browser),n=q(t.driver),r=q(t.observation),i=q(t.limits),a=q(t.security),o=n.kind;return{...K,enabled:t.enabled!==!1,driverKind:o===`playwright`||o===`cdp`||o===`remote`?o:`extension`,headless:n.headless===!0,executablePath:J(n.executablePath,``),cdpEndpoint:J(n.endpoint,K.cdpEndpoint),remoteProvider:n.provider===`browser-use`?`browser-use`:`browserbase`,remoteApiKey:J(n.apiKey,``),remoteProjectId:J(n.projectId,``),remoteRegion:J(n.region,``),maxNodes:Y(r.maxNodes,K.maxNodes),maxCharacters:Y(r.maxCharacters,K.maxCharacters),visualFallback:r.visualFallback!==!1,actionTimeoutMs:Y(i.actionTimeoutMs,K.actionTimeoutMs),sessionTimeoutMs:Y(i.sessionTimeoutMs,K.sessionTimeoutMs),maxSequenceLength:Y(i.maxSequenceLength,K.maxSequenceLength),allowedPrivateHosts:Array.isArray(a.allowedPrivateHosts)?a.allowedPrivateHosts.filter(e=>typeof e==`string`).join(`
+`):``,crossDomainNavigation:ge(a.crossDomainNavigation),uploads:ge(a.uploads),consequentialActions:ge(a.consequentialActions)}}function pe(e){let t=e.driverKind===`extension`?{kind:`extension`}:e.driverKind===`playwright`?{kind:`playwright`,headless:e.headless,...e.executablePath.trim()?{executablePath:e.executablePath.trim()}:{}}:e.driverKind===`cdp`?{kind:`cdp`,endpoint:e.cdpEndpoint.trim()}:{kind:`remote`,provider:e.remoteProvider,...e.remoteApiKey.trim()?{apiKey:e.remoteApiKey.trim()}:{},...e.remoteProjectId.trim()?{projectId:e.remoteProjectId.trim()}:{},...e.remoteRegion.trim()?{region:e.remoteRegion.trim()}:{}};return{enabled:e.enabled,driver:t,observation:{maxNodes:e.maxNodes,maxCharacters:e.maxCharacters,visualFallback:e.visualFallback},limits:{actionTimeoutMs:e.actionTimeoutMs,sessionTimeoutMs:e.sessionTimeoutMs,maxSequenceLength:e.maxSequenceLength},security:{privateNetworks:`deny`,allowedPrivateHosts:e.allowedPrivateHosts.split(`
+`).map(e=>e.trim()).filter(Boolean),crossDomainNavigation:e.crossDomainNavigation,uploads:e.uploads,consequentialActions:e.consequentialActions}}}function me(e){if(e.driverKind===`cdp`)try{let t=new URL(e.cdpEndpoint);if(t.protocol!==`http:`&&t.protocol!==`https:`&&t.protocol!==`ws:`&&t.protocol!==`wss:`)return`CDP endpoint must use http, https, ws, or wss.`}catch{return`Enter a valid CDP endpoint URL.`}return!Number.isInteger(e.maxNodes)||e.maxNodes<20||e.maxNodes>500?`Max nodes must be between 20 and 500.`:!Number.isInteger(e.maxCharacters)||e.maxCharacters<1e3||e.maxCharacters>5e4?`Max characters must be between 1,000 and 50,000.`:!Number.isInteger(e.actionTimeoutMs)||e.actionTimeoutMs<1e3||e.actionTimeoutMs>12e4?`Action timeout must be between 1,000 and 120,000 ms.`:!Number.isInteger(e.sessionTimeoutMs)||e.sessionTimeoutMs<6e4||e.sessionTimeoutMs>36e5?`Session timeout must be between 60,000 and 3,600,000 ms.`:!Number.isInteger(e.maxSequenceLength)||e.maxSequenceLength<1||e.maxSequenceLength>10?`Sequence length must be between 1 and 10.`:null}async function he(e){await d(m(`/api/config`),{method:`PATCH`,body:JSON.stringify({browser:pe(e)})}),v()}function q(e){return e&&typeof e==`object`&&!Array.isArray(e)?e:{}}function J(e,t){return typeof e==`string`?e:t}function Y(e,t){return typeof e==`number`&&Number.isFinite(e)?e:t}function ge(e){return e===`allow`||e===`deny`?e:`ask`}var _e=O();function ve(e){let t=!!h(e=>e.token),[n,r]=(0,I.useReducer)(_e,{form:null,baseline:null}),i=n.form,a=n.baseline,o=(0,I.useRef)(!1),s=(0,I.useRef)(i);s.current=i;let c=(0,I.useRef)(null),{data:l,error:u,isLoading:d,mutate:f}=y(t);k({enabled:t,parsed:(0,I.useMemo)(()=>l?.payload?.config===void 0?null:fe(l.payload.config),[l]),dirty:o.current,trackedParsedRef:c,dispatch:r,onResetDirty:()=>{o.current=!1}});let p=!!(t&&d&&l===void 0&&!u),m=u instanceof Error?u.message:u?String(u):null,g=(0,I.useMemo)(()=>!i||!a?!1:JSON.stringify(i)!==JSON.stringify(a),[i,a]),_=(0,I.useCallback)(e=>{o.current=!0,r({type:`patch`,patch:e})},[]),v=P({value:i,dirty:g,onSave:(0,I.useCallback)(async t=>{try{await he(t),r({type:`saved`,value:t}),o.current=!!(s.current&&JSON.stringify(s.current)!==JSON.stringify(t))}catch(t){throw Error(t instanceof Error?t.message:e.saveError)}},[e.saveError]),validate:me});return{hasToken:t,loading:p,fetchError:m,form:i,update:_,autosaveStatus:v.status,error:v.error,onBlurCapture:v.onBlurCapture,mutate:f}}var ye=[`extension`,`playwright`,`cdp`,`remote`];function be(){let e=(0,L.c)(29),t=p(xe),n;e[0]===t?n=e[1]:(n=u(t),e[0]=t,e[1]=n);let r=ve(n.agentSettings),o=r.form,s=t===`zh`,[c]=i(),l=(0,I.useRef)(!1),d;e[2]!==o||e[3]!==c||e[4]!==r?(d=()=>{if(!o||l.current)return;l.current=!0;let e=c.get(`driver`);ye.includes(e)&&e!==o.driverKind&&r.update({driverKind:e})},e[2]=o,e[3]=c,e[4]=r,e[5]=d):d=e[5];let f;e[6]!==o||e[7]!==c||e[8]!==r.update?(f=[o,c,r.update],e[6]=o,e[7]=c,e[8]=r.update,e[9]=f):f=e[9],(0,I.useEffect)(d,f);let m=s?`Chrome 扩展（推荐）`:`Chrome extension (recommended)`,h;e[10]===m?h=e[11]:(h={value:`extension`,label:m},e[10]=m,e[11]=h);let g;e[12]===Symbol.for(`react.memo_cache_sentinel`)?(g={value:`playwright`,label:`Playwright Chromium`},e[12]=g):g=e[12];let _=s?`CDP 已有浏览器`:`Existing browser over CDP`,v;e[13]===_?v=e[14]:(v={value:`cdp`,label:_},e[13]=_,e[14]=v);let y=s?`远程浏览器`:`Remote browser`,b;e[15]===y?b=e[16]:(b={value:`remote`,label:y},e[15]=y,e[16]=b);let x;e[17]!==h||e[18]!==v||e[19]!==b?(x=[h,g,v,b],e[17]=h,e[18]=v,e[19]=b,e[20]=x):x=e[20];let T=x,E;e[21]!==T||e[22]!==o||e[23]!==r||e[24]!==s?(E=o?(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(re,{enabled:o.enabled,driverKind:o.driverKind,autosaveStatus:r.autosaveStatus,zh:s}),(0,W.jsxs)(X,{title:s?`运行方式`:`Connection`,icon:(0,W.jsx)(S,{className:`size-4`}),children:[(0,W.jsx)(Ce,{label:s?`启用浏览器控制`:`Enable browser control`,checked:o.enabled,onChange:e=>r.update({enabled:e})}),(0,W.jsx)(Z,{label:s?`浏览器连接`:`Browser connection`,children:(0,W.jsx)(a,{value:o.driverKind,options:T,placeholder:s?`选择连接方式`:`Choose a connection`,allowEmpty:!1,onChange:e=>r.update({driverKind:e})})}),(0,W.jsx)(Se,{kind:o.driverKind,zh:s}),o.driverKind===`playwright`?(0,W.jsxs)(`div`,{className:`space-y-4 rounded-lg bg-surface-subtle p-4`,children:[(0,W.jsx)(Ce,{label:s?`无头模式`:`Headless mode`,description:s?`后台运行，不显示浏览器窗口。关闭后可观察智能体的操作过程。`:`Run in the background without a visible window. Turn off to watch the agent work.`,checked:o.headless,onChange:e=>r.update({headless:e})}),(0,W.jsx)(Q,{label:s?`Chromium 可执行文件（可选）`:`Chromium executable (optional)`,description:s?`留空时使用由 xopc 安装的 Chromium。`:`Leave empty to use Chromium installed by xopc.`,value:o.executablePath,onChange:e=>r.update({executablePath:e})})]}):null,o.driverKind===`cdp`?(0,W.jsx)(`div`,{className:`rounded-lg bg-surface-subtle p-4`,children:(0,W.jsx)(Q,{label:`CDP endpoint`,description:s?`例如 http://127.0.0.1:9222。Chrome 需要开启 remote debugging。`:`For example http://127.0.0.1:9222. Chrome must be started with remote debugging enabled.`,value:o.cdpEndpoint,onChange:e=>r.update({cdpEndpoint:e})})}):null,o.driverKind===`remote`?(0,W.jsxs)(`div`,{className:`space-y-4 rounded-lg bg-surface-subtle p-4`,children:[(0,W.jsx)(Z,{label:s?`服务商`:`Provider`,children:(0,W.jsx)(a,{value:o.remoteProvider,options:[{value:`browserbase`,label:`Browserbase`},{value:`browser-use`,label:`Browser Use`}],placeholder:s?`选择服务商`:`Choose a provider`,allowEmpty:!1,onChange:e=>r.update({remoteProvider:e})})}),(0,W.jsx)(Q,{label:`API key`,type:`password`,autoComplete:`off`,value:o.remoteApiKey,onChange:e=>r.update({remoteApiKey:e})}),(0,W.jsxs)(`div`,{className:`grid gap-4 sm:grid-cols-2`,children:[(0,W.jsx)(Q,{label:`Project ID`,value:o.remoteProjectId,onChange:e=>r.update({remoteProjectId:e})}),(0,W.jsx)(Q,{label:`Region`,value:o.remoteRegion,onChange:e=>r.update({remoteRegion:e})})]})]}):null]}),(0,W.jsx)(F,{children:(0,W.jsxs)(W.Fragment,{children:[(0,W.jsxs)(X,{title:s?`页面理解`:`Page understanding`,icon:(0,W.jsx)(C,{className:`size-4`}),children:[(0,W.jsx)(Ce,{label:s?`需要时附加截图`:`Attach screenshots when needed`,checked:o.visualFallback,onChange:e=>r.update({visualFallback:e})}),(0,W.jsxs)(`div`,{className:`grid gap-4 sm:grid-cols-2`,children:[(0,W.jsx)($,{label:s?`语义节点上限`:`Semantic node limit`,description:`20–500`,min:20,max:500,value:o.maxNodes,onChange:e=>r.update({maxNodes:e})}),(0,W.jsx)($,{label:s?`文本字符上限`:`Text character limit`,description:`1,000–50,000`,min:1e3,max:5e4,step:1e3,value:o.maxCharacters,onChange:e=>r.update({maxCharacters:e})})]})]}),(0,W.jsx)(X,{title:s?`执行限制`:`Execution limits`,icon:(0,W.jsx)(w,{className:`size-4`}),children:(0,W.jsxs)(`div`,{className:`grid gap-4 sm:grid-cols-3`,children:[(0,W.jsx)($,{label:s?`操作超时（毫秒）`:`Action timeout (ms)`,min:1e3,max:12e4,step:1e3,value:o.actionTimeoutMs,onChange:e=>r.update({actionTimeoutMs:e})}),(0,W.jsx)($,{label:s?`会话超时（毫秒）`:`Session timeout (ms)`,min:6e4,max:36e5,step:6e4,value:o.sessionTimeoutMs,onChange:e=>r.update({sessionTimeoutMs:e})}),(0,W.jsx)($,{label:s?`批量步骤上限`:`Sequence step limit`,min:1,max:10,value:o.maxSequenceLength,onChange:e=>r.update({maxSequenceLength:e})})]})}),(0,W.jsxs)(X,{title:s?`安全与审批`:`Safety and approvals`,icon:(0,W.jsx)(ee,{className:`size-4`}),children:[(0,W.jsx)(Q,{label:s?`允许访问的私网主机`:`Allowed private hosts`,description:s?`每行一个主机名或 IP，不支持通配符。`:`One hostname or IP per line. Wildcards are not supported.`,multiline:!0,value:o.allowedPrivateHosts,onChange:e=>r.update({allowedPrivateHosts:e})}),(0,W.jsxs)(`div`,{className:`grid gap-4 sm:grid-cols-3`,children:[(0,W.jsx)(we,{zh:s,label:s?`跨域导航`:`Cross-domain navigation`,value:o.crossDomainNavigation,onChange:e=>r.update({crossDomainNavigation:e})}),(0,W.jsx)(we,{zh:s,label:s?`高影响动作`:`Consequential actions`,value:o.consequentialActions,onChange:e=>r.update({consequentialActions:e})}),(0,W.jsx)(we,{zh:s,label:s?`文件上传`:`File uploads`,value:o.uploads,onChange:e=>r.update({uploads:e})})]})]})]})})]}):null,e[21]=T,e[22]=o,e[23]=r,e[24]=s,e[25]=E):E=e[25];let D;return e[26]!==E||e[27]!==r?(D=(0,W.jsx)(ue,{sectionId:`agent-browser`,vm:r,children:E}),e[26]=E,e[27]=r,e[28]=D):D=e[28],D}function xe(e){return e.language}function Se(e){let t=(0,L.c)(7),{kind:n,zh:r}=e,i=r?`直接操作你正在使用的 Chrome，保留登录状态和现有标签页；最适合日常协作。`:`Operate your current Chrome with its signed-in state and existing tabs; best for daily collaboration.`,a=r?`由 xopc 启动独立 Chromium，环境隔离、自动化稳定，适合无人值守任务。`:`Let xopc launch an isolated Chromium; stable for unattended automation.`,o=r?`连接已开启远程调试的 Chrome 或 Chromium，适合自定义浏览器启动方式。`:`Connect to Chrome or Chromium already running with remote debugging.`,s=r?`使用 Browserbase 或 Browser Use 的云端浏览器，适合服务器环境和长任务。`:`Use a Browserbase or Browser Use cloud browser for servers and long-running tasks.`,c;t[0]!==i||t[1]!==a||t[2]!==o||t[3]!==s?(c={extension:i,playwright:a,cdp:o,remote:s},t[0]=i,t[1]=a,t[2]=o,t[3]=s,t[4]=c):c=t[4];let l=c[n],u;return t[5]===l?u=t[6]:(u=(0,W.jsx)(`p`,{className:`rounded-lg bg-surface-subtle px-3 py-2 text-xs leading-5 text-fg-muted`,children:l}),t[5]=l,t[6]=u),u}function X(e){let t=(0,L.c)(17),{title:n,description:r,icon:i,children:a}=e,o;t[0]===i?o=t[1]:(o=(0,W.jsx)(`span`,{className:`mt-0.5 text-fg-subtle`,children:i}),t[0]=i,t[1]=o);let s;t[2]===n?s=t[3]:(s=(0,W.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:n}),t[2]=n,t[3]=s);let c;t[4]===r?c=t[5]:(c=r?(0,W.jsx)(`p`,{className:`mt-1 text-xs leading-5 text-fg-muted`,children:r}):null,t[4]=r,t[5]=c);let l;t[6]!==s||t[7]!==c?(l=(0,W.jsxs)(`div`,{children:[s,c]}),t[6]=s,t[7]=c,t[8]=l):l=t[8];let u;t[9]!==o||t[10]!==l?(u=(0,W.jsxs)(`div`,{className:`mb-4 flex items-start gap-2`,children:[o,l]}),t[9]=o,t[10]=l,t[11]=u):u=t[11];let d;t[12]===a?d=t[13]:(d=(0,W.jsx)(`div`,{className:`space-y-4`,children:a}),t[12]=a,t[13]=d);let f;return t[14]!==u||t[15]!==d?(f=(0,W.jsxs)(`section`,{className:`rounded-xl border border-edge bg-surface-base p-5`,children:[u,d]}),t[14]=u,t[15]=d,t[16]=f):f=t[16],f}function Z(e){let t=(0,L.c)(8),{label:n,description:r,children:i}=e,a;t[0]===n?a=t[1]:(a=(0,W.jsx)(`span`,{className:`mb-1.5 block font-medium`,children:n}),t[0]=n,t[1]=a);let o;t[2]===r?o=t[3]:(o=r?(0,W.jsx)(`span`,{className:`mt-1.5 block text-xs leading-5 text-fg-subtle`,children:r}):null,t[2]=r,t[3]=o);let s;return t[4]!==i||t[5]!==a||t[6]!==o?(s=(0,W.jsxs)(`label`,{className:`block text-sm text-fg`,children:[a,i,o]}),t[4]=i,t[5]=a,t[6]=o,t[7]=s):s=t[7],s}function Q(e){let t=(0,L.c)(10),{label:n,description:r,value:i,onChange:a,type:o,multiline:s,autoComplete:c}=e,l=o===void 0?`text`:o,u=s===void 0?!1:s,d;t[0]!==c||t[1]!==u||t[2]!==a||t[3]!==l||t[4]!==i?(d=u?(0,W.jsx)(`textarea`,{rows:3,value:i,onChange:e=>a(e.target.value),className:`w-full rounded-lg border border-edge bg-surface-subtle px-3 py-2 text-sm text-fg outline-none focus:border-accent`}):(0,W.jsx)(`input`,{type:l,autoComplete:c,value:i,onChange:e=>a(e.target.value),className:`w-full rounded-lg border border-edge bg-surface-subtle px-3 py-2 text-sm text-fg outline-none focus:border-accent`}),t[0]=c,t[1]=u,t[2]=a,t[3]=l,t[4]=i,t[5]=d):d=t[5];let f;return t[6]!==r||t[7]!==n||t[8]!==d?(f=(0,W.jsx)(Z,{label:n,description:r,children:d}),t[6]=r,t[7]=n,t[8]=d,t[9]=f):f=t[9],f}function $(e){let t=(0,L.c)(12),{label:n,description:r,value:i,onChange:a,min:o,max:s,step:c}=e,l=c===void 0?1:c,u;t[0]===a?u=t[1]:(u=e=>{let t=Number(e.target.value);Number.isFinite(t)&&a(t)},t[0]=a,t[1]=u);let d;t[2]!==s||t[3]!==o||t[4]!==l||t[5]!==u||t[6]!==i?(d=(0,W.jsx)(`input`,{type:`number`,min:o,max:s,step:l,value:i,onChange:u,className:`h-10 w-full rounded-lg border border-edge bg-surface-subtle px-3 text-sm text-fg outline-none focus:border-accent`}),t[2]=s,t[3]=o,t[4]=l,t[5]=u,t[6]=i,t[7]=d):d=t[7];let f;return t[8]!==r||t[9]!==n||t[10]!==d?(f=(0,W.jsx)(Z,{label:n,description:r,children:d}),t[8]=r,t[9]=n,t[10]=d,t[11]=f):f=t[11],f}function Ce(e){let t=(0,L.c)(15),{label:n,description:r,checked:i,onChange:a}=e,o;t[0]===a?o=t[1]:(o=e=>a(e.target.checked),t[0]=a,t[1]=o);let s;t[2]!==i||t[3]!==o?(s=(0,W.jsx)(`input`,{type:`checkbox`,checked:i,onChange:o,className:`mt-0.5 size-4 accent-accent`}),t[2]=i,t[3]=o,t[4]=s):s=t[4];let c;t[5]===n?c=t[6]:(c=(0,W.jsx)(`span`,{className:`block font-medium`,children:n}),t[5]=n,t[6]=c);let l;t[7]===r?l=t[8]:(l=r?(0,W.jsx)(`span`,{className:`mt-1 block text-xs leading-5 text-fg-subtle`,children:r}):null,t[7]=r,t[8]=l);let u;t[9]!==c||t[10]!==l?(u=(0,W.jsxs)(`span`,{children:[c,l]}),t[9]=c,t[10]=l,t[11]=u):u=t[11];let d;return t[12]!==s||t[13]!==u?(d=(0,W.jsxs)(`label`,{className:`flex items-start gap-3 text-sm text-fg`,children:[s,u]}),t[12]=s,t[13]=u,t[14]=d):d=t[14],d}function we(e){let t=(0,L.c)(20),{zh:n,label:r,value:i,onChange:o}=e,s=n?`每次询问`:`Ask each time`,c;t[0]===s?c=t[1]:(c={value:`ask`,label:s},t[0]=s,t[1]=c);let l=n?`允许`:`Allow`,u;t[2]===l?u=t[3]:(u={value:`allow`,label:l},t[2]=l,t[3]=u);let d=n?`拒绝`:`Deny`,f;t[4]===d?f=t[5]:(f={value:`deny`,label:d},t[4]=d,t[5]=f);let p;t[6]!==c||t[7]!==u||t[8]!==f?(p=[c,u,f],t[6]=c,t[7]=u,t[8]=f,t[9]=p):p=t[9];let m=p,h=n?`选择策略`:`Choose a policy`,g;t[10]===o?g=t[11]:(g=e=>o(e),t[10]=o,t[11]=g);let _;t[12]!==m||t[13]!==h||t[14]!==g||t[15]!==i?(_=(0,W.jsx)(a,{value:i,options:m,placeholder:h,allowEmpty:!1,onChange:g}),t[12]=m,t[13]=h,t[14]=g,t[15]=i,t[16]=_):_=t[16];let v;return t[17]!==r||t[18]!==_?(v=(0,W.jsx)(Z,{label:r,children:_}),t[17]=r,t[18]=_,t[19]=v):v=t[19],v}export{be as AgentBrowserSettingsPage};

package/dist/gateway/static/root/assets/{button-CtTvuElV.js → button-B11EPpor.js}

@@ -1 +1 @@
-import"./rolldown-runtime-aKtaBQYM.js";import{a as e,n as t,t as n}from"./vendor-react-BOUWij0V.js";import{t as r}from"./dist-CxGUk8J-.js";import{t as i}from"./cn-JdwAhgNB.js";var a=t();e();var o=n(),s={primary:`bg-accent text-white shadow-surface hover:bg-accent-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-base`,secondary:`bg-surface-panel text-fg border border-edge shadow-surface hover:bg-surface-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-panel dark:border-edge`,ghost:`text-fg-muted hover:bg-surface-hover hover:text-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-panel`,segmented:``};function c(e){let t=(0,a.c)(16),n,c,l,u,d,f;t[0]===e?(n=t[1],c=t[2],l=t[3],u=t[4],d=t[5],f=t[6]):({className:n,variant:u,asChild:d,type:f,ref:l,...c}=e,t[0]=e,t[1]=n,t[2]=c,t[3]=l,t[4]=u,t[5]=d,t[6]=f);let p=u===void 0?`secondary`:u,m=d===void 0?!1:d,h=f===void 0?`button`:f,g=m?r:`button`,_=m?void 0:h,v=s[p],y;t[7]!==n||t[8]!==v?(y=i(`inline-flex items-center justify-center gap-2 rounded-xl px-3 py-2 text-sm font-medium`,`transition-colors duration-150 ease-out transition-transform`,`active:scale-95 motion-reduce:transition-none motion-reduce:active:scale-100`,`disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,v,n),t[7]=n,t[8]=v,t[9]=y):y=t[9];let b;return t[10]!==g||t[11]!==c||t[12]!==l||t[13]!==_||t[14]!==y?(b=(0,o.jsx)(g,{ref:l,type:_,className:y,...c}),t[10]=g,t[11]=c,t[12]=l,t[13]=_,t[14]=y,t[15]=b):b=t[15],b}export{c as t};
+import"./rolldown-runtime-aKtaBQYM.js";import{a as e,n as t,t as n}from"./vendor-react-BOUWij0V.js";import{t as r}from"./dist-CxGUk8J-.js";import{t as i}from"./cn-JdwAhgNB.js";var a=t();e();var o=n(),s={primary:`bg-accent text-white shadow-surface hover:bg-accent-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-base`,secondary:`bg-surface-panel text-fg border border-edge shadow-surface hover:bg-surface-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-panel dark:border-edge`,ghost:`text-fg-muted hover:bg-surface-hover hover:text-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-panel`,segmented:``};function c(e){let t=(0,a.c)(16),n,c,l,u,d,f;t[0]===e?(n=t[1],c=t[2],l=t[3],u=t[4],d=t[5],f=t[6]):({className:n,variant:u,asChild:d,type:f,ref:l,...c}=e,t[0]=e,t[1]=n,t[2]=c,t[3]=l,t[4]=u,t[5]=d,t[6]=f);let p=u===void 0?`secondary`:u,m=d===void 0?!1:d,h=f===void 0?`button`:f,g=m?r:`button`,_=m?void 0:h,v=s[p],y;t[7]!==n||t[8]!==v?(y=i(`inline-flex items-center justify-center gap-2 rounded-xl px-3 py-2 text-sm font-medium`,`transition-colors duration-150 ease-out transition-transform`,`active:scale-[0.98] motion-reduce:transition-none motion-reduce:active:scale-100`,`disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,v,n),t[7]=n,t[8]=v,t[9]=y):y=t[9];let b;return t[10]!==g||t[11]!==c||t[12]!==l||t[13]!==_||t[14]!==y?(b=(0,o.jsx)(g,{ref:l,type:_,className:y,...c}),t[10]=g,t[11]=c,t[12]=l,t[13]=_,t[14]=y,t[15]=b):b=t[15],b}export{c as t};

package/dist/gateway/static/root/assets/capabilities-settings-panel-TNYELiMt.js

@@ -0,0 +1,7 @@
+import{i as e}from"./rolldown-runtime-aKtaBQYM.js";import{a as t,n,t as r}from"./vendor-react-BOUWij0V.js";import{d as i,h as a,p as o,r as s,t as c}from"./chunk-KS7C4IRE-Cq1tE_3b.js";import{a as l,i as u,n as d,o as f,r as p,s as m,t as h}from"./dist-CpzYSoz7.js";import{n as g,r as _,t as v}from"./popover-select-CKBYnT3c.js";import{t as y}from"./circle-check-C23XjkUj.js";import{t as b}from"./external-link-DjqjBmc3.js";import{t as x}from"./globe-DSSGFWFn.js";import{t as S}from"./loader-circle-CifKLtgG.js";import{t as C}from"./plus-Q2yW6OE7.js";import{t as w}from"./x-B_N4OPjy.js";import{t as T}from"./messages-BQlBfZ_q.js";import{a as E,i as D,n as O,r as k,s as A}from"./locale-store-D7KNXBtb.js";import{t as j}from"./cn-JdwAhgNB.js";import{i as M}from"./vendor-swr-BIWyz7Rc.js";import{t as N}from"./button-B11EPpor.js";import{n as P,r as F}from"./gateway-config-swr-aEgo6TVm.js";import{t as I}from"./skeleton-BwbyijEw.js";import{i as L,o as R}from"./settings-shell-dialog-layer-BU3UuiJr.js";import{n as z,t as B}from"./registry-api-dvoWptCq.js";import{$s as V,$t as H,At as U,Au as W,B as G,Bl as ee,Co as K,Ct as te,Dc as ne,Do as re,Dt as q,Ec as J,Eu as Y,Fs as ie,Ft as ae,Hc as X,Hi as oe,Hs as se,J as ce,Mt as le,Nt as ue,Oo as de,Ot as fe,Pt as pe,R as me,So as he,St as ge,To as _e,Tt as ve,Us as ye,Y as be,Yc as xe,Zl as Se,_o as Ce,_t as we,ac as Te,ao as Ee,as as De,at as Oe,ba as ke,bo as Ae,bt as je,cn as Me,co as Ne,ct as Pe,dc as Fe,do as Ie,dt as Le,du as Re,fl as ze,fo as Be,ft as Ve,gl as He,go as Ue,gt as We,ho as Ge,ht as Ke,io as qe,it as Je,jc as Ye,jt as Xe,kt as Ze,ku as Qe,lo as $e,lt as et,mc as tt,mt as nt,nn as rt,os as it,ot as at,pt as ot,q as st,ro as ct,rt as lt,st as ut,ut as dt,wo as ft,wt as pt,xa as mt,xt as ht,yc as gt,yt as _t,z as vt}from"./index-B85uQ2qO.js";import{n as yt,r as bt}from"./settings-page-layout-DYelDcMV.js";import{t as xt}from"./settings-loading-skeleton-CAmWMaOT.js";import{n as St,t as Ct}from"./settings-form-section-GFi11eWl.js";import{n as wt,t as Tt}from"./use-autosave-Cro_6UOq.js";import{a as Et,c as Dt,d as Ot,f as kt,h as At,i as jt,l as Mt,n as Nt,o as Pt,p as Ft,r as It,t as Lt,u as Rt}from"./voice-config-api-D98DRFrr.js";import{t as zt}from"./voice-api-key-field-KkGvGbsI.js";import{t as Bt}from"./page-tabs-DWsPMFfH.js";import{t as Vt}from"./settings-advanced-gate-Bql6_24T.js";import{a as Ht,i as Ut,n as Wt,o as Gt,r as Kt,t as qt}from"./image-generation-api-C71dnTc_.js";var Z=n(),Q=e(t(),1),$=r(),Jt={en:{addTitle:`Add image service`,editTitle:`Manage image service`,intro:`Connect an endpoint that implements the OpenAI Images protocol.`,connection:`Connection`,providerId:`Provider ID`,providerIdHint:`Lowercase letters, numbers, hyphens, or underscores.`,name:`Display name`,baseUrl:`Base URL`,auth:`Authentication`,bearer:`Bearer token`,header:`Custom API key header`,none:`No authentication`,headerName:`Header name`,apiKey:`API key`,apiKeyHint:`Stored in the local credential store, separate from models.json.`,apiKeyUrl:`API key page (optional)`,docsUrl:`Documentation page (optional)`,openKeyPage:`Create API key`,paths:`Protocol and network`,generationsPath:`Generations path`,editsPath:`Edits path`,allowedHosts:`Allowed private hosts (optional)`,allowedHostsHint:`One exact hostname or IP per line. Private endpoints stay blocked unless listed here.`,staticHeaders:`Static headers (optional)`,staticHeadersHint:`One per line: X-Tenant: value. Credential headers are rejected.`,models:`Image models`,addModel:`Add model`,modelId:`Model ID`,modelName:`Name (optional)`,defaultModel:`Default model`,maxCount:`Max images`,defaultCount:`Default count`,defaultSize:`Default size`,format:`Output format`,supportsSize:`Supports size`,edit:`Supports edits`,remove:`Remove`,cancel:`Cancel`,save:`Save service`,saving:`Saving…`,test:`Test generation`,testing:`Generating…`,delete:`Delete service`,confirmDelete:`Delete permanently`,saved:`Image service saved.`,deleted:`Image service deleted.`,testReady:`Test image generated.`,show:`Show key`,hide:`Hide key`,copy:`Copy key`,copied:`Copied`,revealFailed:`Unable to reveal the saved key.`,notRevealable:`No revealable key is stored locally.`,required:`Complete the required connection and model fields.`,duplicateModels:`Model IDs must be unique.`,invalidHeaders:`Static headers must use “Name: value”, one per line.`},zh:{addTitle:`添加图片服务`,editTitle:`管理图片服务`,intro:`连接一个严格实现 OpenAI Images 协议的服务端点。`,connection:`连接信息`,providerId:`Provider ID`,providerIdHint:`仅支持小写字母、数字、连字符和下划线。`,name:`显示名称`,baseUrl:`Base URL`,auth:`认证方式`,bearer:`Bearer Token`,header:`自定义 API Key Header`,none:`无需认证`,headerName:`Header 名称`,apiKey:`API Key`,apiKeyHint:`密钥单独保存在本机凭据存储，不写入 models.json。`,apiKeyUrl:`API Key 创建页面（可选）`,docsUrl:`协议文档页面（可选）`,openKeyPage:`去创建 API Key`,paths:`协议与网络`,generationsPath:`生成路径`,editsPath:`编辑路径`,allowedHosts:`允许访问的私有主机（可选）`,allowedHostsHint:`每行一个精确主机名或 IP；未列出的私网端点保持阻止。`,staticHeaders:`静态 Headers（可选）`,staticHeadersHint:`每行一个：X-Tenant: value。认证 Header 会被拒绝。`,models:`图片模型`,addModel:`添加模型`,modelId:`模型 ID`,modelName:`名称（可选）`,defaultModel:`默认模型`,maxCount:`单次最大张数`,defaultCount:`默认张数`,defaultSize:`默认尺寸`,format:`输出格式`,supportsSize:`支持尺寸参数`,edit:`支持图片编辑`,remove:`移除`,cancel:`取消`,save:`保存服务`,saving:`保存中…`,test:`测试生成`,testing:`生成中…`,delete:`删除服务`,confirmDelete:`确认永久删除`,saved:`图片服务已保存。`,deleted:`图片服务已删除。`,testReady:`测试图片生成成功。`,show:`显示密钥`,hide:`隐藏密钥`,copy:`复制密钥`,copied:`已复制`,revealFailed:`无法查看已保存的密钥。`,notRevealable:`本机没有可查看的密钥。`,required:`请补全必填的连接和模型信息。`,duplicateModels:`模型 ID 不能重复。`,invalidHeaders:`静态 Header 必须使用“名称: 值”格式，每行一个。`}},Yt=`mt-1.5 h-10 w-full rounded-lg border border-edge bg-surface-panel px-3 text-sm text-fg outline-none focus:border-accent focus:ring-2 focus:ring-accent/20`;function Xt(e){let t=e??{id:``,capabilities:{generate:{maxCount:1,supportsSize:!0},edit:{enabled:!1}}};return{original:t,id:t.id,name:t.name??``,maxCount:String(t.capabilities.generate?.maxCount??1),defaultCount:t.defaults?.count?String(t.defaults.count):``,defaultSize:t.defaults?.size??``,outputFormat:t.defaults?.outputFormat??``,supportsSize:t.capabilities.generate?.supportsSize??!1,editEnabled:t.capabilities.edit?.enabled??!1}}function Zt(e){let t=e.split(`
+`).map(e=>e.trim()).filter(Boolean);if(t.length===0)return;let n=t.map(e=>{let t=e.indexOf(`:`);if(t<=0||!e.slice(t+1).trim())throw Error(`invalid_headers`);return[e.slice(0,t).trim(),e.slice(t+1).trim()]});return Object.fromEntries(n)}function Qt({open:e,onOpenChange:t,provider:n,configured:r,language:i,onSaved:a}){let o=Jt[i],[s,c]=(0,Q.useState)(``),[g,_]=(0,Q.useState)(``),[y,b]=(0,Q.useState)(``),[x,T]=(0,Q.useState)(`bearer`),[E,D]=(0,Q.useState)(`x-api-key`),[O,k]=(0,Q.useState)(``),[A,M]=(0,Q.useState)(``),[P,F]=(0,Q.useState)(``),[I,z]=(0,Q.useState)(`/images/generations`),[B,V]=(0,Q.useState)(`/images/edits`),[H,U]=(0,Q.useState)(``),[W,G]=(0,Q.useState)(``),[K,te]=(0,Q.useState)([Xt()]),[ne,re]=(0,Q.useState)(``),[q,J]=(0,Q.useState)(),[Y,ie]=(0,Q.useState)(!1),[ae,X]=(0,Q.useState)(),[oe,se]=(0,Q.useState)(),[ce,le]=(0,Q.useState)();(0,Q.useEffect)(()=>{if(!e)return;let t=n?.imageGeneration;c(n?.providerId??``),_(t?.name??``),b(n?.baseUrl??``),T(t?.auth.type??`bearer`),D(t?.auth.type===`header`?t.auth.headerName:`x-api-key`),k(r?`••••••••••••`:``),M(t?.apiKeyUrl??``),F(t?.documentationUrl??``),z(t?.paths?.generations??`/images/generations`),V(t?.paths?.edits??`/images/edits`),U(t?.network?.allowedHosts.join(`
+`)??``),G(Object.entries(n?.headers??{}).map(([e,t])=>`${e}: ${t}`).join(`
+`)),te(t?.models.map(Xt)??[Xt()]),re(t?.defaultModel??``),se(void 0),J(void 0),ie(!1),X(void 0),le(void 0)},[r,e,n]);let ue=(0,Q.useMemo)(()=>K.filter(e=>e.id.trim()).map(e=>({value:e.id.trim(),label:e.name.trim()||e.id.trim()})),[K]),de=(e,t)=>{te(n=>n.map((n,r)=>r===e?{...n,...t}:n))},fe=()=>{let e=s.trim(),t=K.map(e=>({...e,id:e.id.trim(),name:e.name.trim()}));if(!e||!g.trim()||!y.trim()||t.some(e=>!e.id))throw Error(o.required);if(new Set(t.map(e=>e.id)).size!==t.length)throw Error(o.duplicateModels);let n=ne||t[0]?.id;if(!n||!t.some(e=>e.id===n))throw Error(o.required);let r;try{r=Zt(W)}catch{throw Error(o.invalidHeaders)}return{providerId:e,input:{baseUrl:y.trim(),...r?{headers:r}:{},imageGeneration:{api:`openai-images`,name:g.trim(),...P.trim()?{documentationUrl:P.trim()}:{},...A.trim()?{apiKeyUrl:A.trim()}:{},defaultModel:n,auth:x===`header`?{type:`header`,headerName:E.trim()}:{type:x},paths:{...I.trim()?{generations:I.trim()}:{},...B.trim()?{edits:B.trim()}:{}},...H.trim()?{network:{allowedHosts:H.split(`
+`).map(e=>e.trim()).filter(Boolean)}}:{},models:t.map(e=>({...e.original,id:e.id,...e.name?{name:e.name}:{name:void 0},capabilities:{...e.original.capabilities,generate:{...e.original.capabilities.generate,maxCount:Math.max(1,Number.parseInt(e.maxCount,10)||1),supportsSize:e.supportsSize},edit:{...e.original.capabilities.edit,enabled:e.editEnabled}},defaults:{...e.original.defaults,...e.defaultCount?{count:Math.max(1,Number.parseInt(e.defaultCount,10)||1)}:{count:void 0},...e.defaultSize.trim()?{size:e.defaultSize.trim()}:{size:void 0},...e.outputFormat?{outputFormat:e.outputFormat}:{outputFormat:void 0}}}))}}}},pe=async()=>{let e=fe();return await Ut(e.providerId,e.input),x!==`none`&&O.trim()&&!Be(O)&&await Ht(e.providerId,O.trim()),await a(e.providerId),e},me=async()=>{J(`save`),X(void 0),se(void 0);try{await pe(),k(x===`none`?``:`••••••••••••`),se(o.saved)}catch(e){X(e instanceof Error?e.message:String(e))}finally{J(void 0)}},he=async()=>{J(`test`),X(void 0),se(void 0),le(void 0);try{let e=await pe();le((await Gt(e.providerId,e.input.imageGeneration.defaultModel)).images[0]?.dataUrl),se(o.testReady)}catch(e){X(e instanceof Error?e.message:String(e))}finally{J(void 0)}},ge=async()=>{if(n){if(!Y){ie(!0);return}J(`delete`),X(void 0);try{await qt(n.providerId),await a(),t(!1)}catch(e){X(e instanceof Error?e.message:String(e))}finally{J(void 0)}}};return(0,$.jsx)(h,{open:e,onOpenChange:t,children:(0,$.jsxs)(f,{children:[(0,$.jsx)(l,{className:j(`xopc-dialog-overlay fixed inset-0 bg-scrim`,R)}),(0,$.jsxs)(p,{className:j(`xopc-dialog-content fixed left-1/2 top-1/2 flex h-[min(88vh,760px)] w-[min(calc(100%-2rem),52rem)] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-xl border border-edge bg-surface-panel shadow-popover`,L),onOpenAutoFocus:e=>e.preventDefault(),children:[(0,$.jsxs)(`header`,{className:`flex shrink-0 items-start justify-between gap-4 border-b border-edge px-5 py-4`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(m,{className:`font-semibold text-fg`,children:n?o.editTitle:o.addTitle}),(0,$.jsx)(u,{className:`mt-1 text-sm text-fg-muted`,children:o.intro})]}),(0,$.jsx)(d,{asChild:!0,children:(0,$.jsx)(`button`,{type:`button`,className:`rounded-md p-1 text-fg-muted hover:bg-surface-subtle hover:text-fg`,"aria-label":o.cancel,children:(0,$.jsx)(w,{className:`size-5`})})})]}),(0,$.jsxs)(`div`,{className:`min-h-0 flex-1 space-y-6 overflow-y-auto px-5 py-4`,children:[(0,$.jsxs)(`section`,{className:`space-y-4`,children:[(0,$.jsx)(`h3`,{className:`text-xs font-semibold uppercase tracking-wide text-fg-subtle`,children:o.connection}),(0,$.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,$.jsxs)(`label`,{className:`text-xs font-medium text-fg-muted`,children:[o.providerId,(0,$.jsx)(`input`,{value:s,disabled:!!n,onChange:e=>c(e.target.value),placeholder:`my-image-service`,className:Yt}),(0,$.jsx)(`span`,{className:`mt-1 block font-normal text-fg-subtle`,children:o.providerIdHint})]}),(0,$.jsxs)(`label`,{className:`text-xs font-medium text-fg-muted`,children:[o.name,(0,$.jsx)(`input`,{value:g,onChange:e=>_(e.target.value),placeholder:`My Image Service`,className:Yt})]})]}),(0,$.jsxs)(`label`,{className:`block text-xs font-medium text-fg-muted`,children:[o.baseUrl,(0,$.jsx)(`input`,{value:y,onChange:e=>b(e.target.value),placeholder:`https://api.example.com/v1`,className:Yt})]}),(0,$.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,$.jsxs)(`label`,{className:`text-xs font-medium text-fg-muted`,children:[o.auth,(0,$.jsx)(v,{value:x,options:[{value:`bearer`,label:o.bearer},{value:`header`,label:o.header},{value:`none`,label:o.none}],placeholder:o.auth,allowEmpty:!1,onChange:e=>T(e),triggerClassName:`mt-1.5`})]}),x===`header`?(0,$.jsxs)(`label`,{className:`text-xs font-medium text-fg-muted`,children:[o.headerName,(0,$.jsx)(`input`,{value:E,onChange:e=>D(e.target.value),className:Yt})]}):null]}),x===`none`?null:(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(`div`,{className:`mb-1.5 flex items-center justify-between`,children:[(0,$.jsx)(`label`,{htmlFor:`custom-image-api-key`,className:`text-xs font-medium text-fg-muted`,children:o.apiKey}),A.trim()?(0,$.jsxs)(`a`,{href:A.trim(),target:`_blank`,rel:`noreferrer`,className:`inline-flex items-center gap-1 text-xs text-accent hover:underline`,children:[o.openKeyPage,(0,$.jsx)(Qe,{className:`size-3.5`})]}):null]}),(0,$.jsx)(Ie,{id:`custom-image-api-key`,value:O,onChange:e=>k(Be(O)?e.replace(/^•+/,``):e),labels:{show:o.show,hide:o.hide,copy:o.copy,copied:o.copied},reveal:()=>Xe(s).then(e=>e.apiKey),loadFailedLabel:o.revealFailed,notInConfigFile:o.notRevealable}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-fg-subtle`,children:o.apiKeyHint})]}),(0,$.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,$.jsxs)(`label`,{className:`text-xs font-medium text-fg-muted`,children:[o.apiKeyUrl,(0,$.jsx)(`input`,{value:A,onChange:e=>M(e.target.value),placeholder:`https://…`,className:Yt})]}),(0,$.jsxs)(`label`,{className:`text-xs font-medium text-fg-muted`,children:[o.docsUrl,(0,$.jsx)(`input`,{value:P,onChange:e=>F(e.target.value),placeholder:`https://…`,className:Yt})]})]}),(0,$.jsxs)(`details`,{className:`rounded-lg border border-edge bg-surface-subtle px-3 py-2.5`,children:[(0,$.jsx)(`summary`,{className:`cursor-pointer text-sm font-medium text-fg-muted`,children:o.paths}),(0,$.jsxs)(`div`,{className:`mt-3 grid gap-4 md:grid-cols-2`,children:[(0,$.jsxs)(`label`,{className:`text-xs font-medium text-fg-muted`,children:[o.generationsPath,(0,$.jsx)(`input`,{value:I,onChange:e=>z(e.target.value),className:Yt})]}),(0,$.jsxs)(`label`,{className:`text-xs font-medium text-fg-muted`,children:[o.editsPath,(0,$.jsx)(`input`,{value:B,onChange:e=>V(e.target.value),className:Yt})]})]}),(0,$.jsxs)(`label`,{className:`mt-4 block text-xs font-medium text-fg-muted`,children:[o.allowedHosts,(0,$.jsx)(`textarea`,{value:H,onChange:e=>U(e.target.value),rows:2,placeholder:`127.0.0.1
+image-server.lan`,className:`mt-1.5 w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 font-mono text-xs text-fg outline-none focus:border-accent focus:ring-2 focus:ring-accent/20`}),(0,$.jsx)(`span`,{className:`mt-1 block font-normal text-fg-subtle`,children:o.allowedHostsHint})]}),(0,$.jsxs)(`label`,{className:`mt-4 block text-xs font-medium text-fg-muted`,children:[o.staticHeaders,(0,$.jsx)(`textarea`,{value:W,onChange:e=>G(e.target.value),rows:3,className:`mt-1.5 w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 font-mono text-xs text-fg outline-none focus:border-accent focus:ring-2 focus:ring-accent/20`}),(0,$.jsx)(`span`,{className:`mt-1 block font-normal text-fg-subtle`,children:o.staticHeadersHint})]})]})]}),(0,$.jsxs)(`section`,{className:`space-y-3`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,$.jsx)(`h3`,{className:`text-xs font-semibold uppercase tracking-wide text-fg-subtle`,children:o.models}),(0,$.jsxs)(N,{variant:`secondary`,className:`px-2.5 py-1.5 text-xs`,onClick:()=>te(e=>[...e,Xt()]),children:[(0,$.jsx)(C,{className:`size-4`}),o.addModel]})]}),(0,$.jsxs)(`label`,{className:`block text-xs font-medium text-fg-muted`,children:[o.defaultModel,(0,$.jsx)(v,{value:ne||ue[0]?.value||``,options:ue,placeholder:o.defaultModel,allowEmpty:!1,onChange:re,triggerClassName:`mt-1.5 max-w-sm`})]}),K.map((e,t)=>(0,$.jsxs)(`div`,{className:`rounded-lg border border-edge bg-surface-base p-3`,children:[(0,$.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:[(0,$.jsxs)(`label`,{className:`text-xs font-medium text-fg-muted`,children:[o.modelId,(0,$.jsx)(`input`,{value:e.id,onChange:e=>de(t,{id:e.target.value}),placeholder:`image-1`,className:Yt})]}),(0,$.jsxs)(`label`,{className:`text-xs font-medium text-fg-muted`,children:[o.modelName,(0,$.jsx)(`input`,{value:e.name,onChange:e=>de(t,{name:e.target.value}),className:Yt})]})]}),(0,$.jsxs)(`div`,{className:`mt-3 grid gap-3 sm:grid-cols-2 lg:grid-cols-4`,children:[(0,$.jsxs)(`label`,{className:`text-xs font-medium text-fg-muted`,children:[o.maxCount,(0,$.jsx)(`input`,{type:`number`,min:1,value:e.maxCount,onChange:e=>de(t,{maxCount:e.target.value}),className:Yt})]}),(0,$.jsxs)(`label`,{className:`text-xs font-medium text-fg-muted`,children:[o.defaultCount,(0,$.jsx)(`input`,{type:`number`,min:1,value:e.defaultCount,onChange:e=>de(t,{defaultCount:e.target.value}),className:Yt})]}),(0,$.jsxs)(`label`,{className:`text-xs font-medium text-fg-muted`,children:[o.defaultSize,(0,$.jsx)(`input`,{value:e.defaultSize,onChange:e=>de(t,{defaultSize:e.target.value}),placeholder:`1024x1024`,className:Yt})]}),(0,$.jsxs)(`label`,{className:`text-xs font-medium text-fg-muted`,children:[o.format,(0,$.jsx)(v,{value:e.outputFormat,options:[{value:`png`,label:`PNG`},{value:`jpeg`,label:`JPEG`},{value:`webp`,label:`WebP`}],placeholder:o.format,allowEmpty:!0,onChange:e=>de(t,{outputFormat:e}),triggerClassName:`mt-1.5`})]})]}),(0,$.jsxs)(`div`,{className:`mt-3 flex flex-wrap items-center gap-4`,children:[(0,$.jsxs)(`label`,{className:`flex items-center gap-2 text-sm text-fg-muted`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:e.supportsSize,onChange:e=>de(t,{supportsSize:e.target.checked})}),o.supportsSize]}),(0,$.jsxs)(`label`,{className:`flex items-center gap-2 text-sm text-fg-muted`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:e.editEnabled,onChange:e=>de(t,{editEnabled:e.target.checked})}),o.edit]}),(0,$.jsxs)(`button`,{type:`button`,disabled:K.length===1,onClick:()=>te(e=>e.filter((e,n)=>n!==t)),className:`ml-auto inline-flex items-center gap-1 text-xs text-red-600 disabled:opacity-40 dark:text-red-400`,children:[(0,$.jsx)(ye,{className:`size-3.5`}),o.remove]})]})]},t))]}),ce?(0,$.jsxs)(`section`,{className:`rounded-lg border border-edge bg-surface-base p-3`,children:[(0,$.jsxs)(`div`,{className:`mb-2 flex items-center gap-2 text-sm font-medium text-fg`,children:[(0,$.jsx)(ee,{className:`size-4`}),o.testReady]}),(0,$.jsx)(`img`,{src:ce,alt:`Generated provider test`,className:`max-h-72 rounded-lg object-contain`})]}):null,oe?(0,$.jsx)(`p`,{className:`rounded-lg bg-emerald-500/10 px-3 py-2 text-sm text-emerald-700 dark:text-emerald-300`,role:`status`,children:oe}):null,ae?(0,$.jsx)(`p`,{className:`rounded-lg bg-red-500/10 px-3 py-2 text-sm text-red-600 dark:text-red-400`,children:ae}):null]}),(0,$.jsxs)(`footer`,{className:`flex shrink-0 flex-wrap items-center gap-2 border-t border-edge px-5 py-3`,children:[n?(0,$.jsxs)(N,{variant:`secondary`,className:`border-red-500/30 text-red-600 hover:bg-red-500/10 dark:text-red-400`,disabled:!!q,onClick:()=>void ge(),children:[q===`delete`?(0,$.jsx)(S,{className:`size-4 animate-spin`}):(0,$.jsx)(ye,{className:`size-4`}),Y?o.confirmDelete:o.delete]}):null,(0,$.jsxs)(`div`,{className:`ml-auto flex gap-2`,children:[(0,$.jsx)(d,{asChild:!0,children:(0,$.jsx)(N,{variant:`secondary`,children:o.cancel})}),(0,$.jsxs)(N,{variant:`secondary`,disabled:!!q,onClick:()=>void he(),children:[q===`test`?(0,$.jsx)(S,{className:`size-4 animate-spin`}):null,q===`test`?o.testing:o.test]}),(0,$.jsxs)(N,{variant:`primary`,disabled:!!q,onClick:()=>void me(),children:[q===`save`?(0,$.jsx)(S,{className:`size-4 animate-spin`}):null,q===`save`?o.saving:o.save]})]})]})]})]})})}var $t=`••••••••••••`,en={en:{title:`Image generation`,intro:`Choose an agent and image model, or connect an OpenAI Images service of your own.`,agent:`Agent`,provider:`Provider`,model:`Model`,apiKey:`API key`,getApiKey:`Get API key`,apiKeyHint:`Stored in the local credential store, never in xopc.json.`,existingKey:`A credential or environment variable is already available. Leave this blank to reuse it.`,savedKey:`A credential is saved. Use the eye button to view it, or type a new key to replace it.`,revealFailed:`Unable to load the saved API key.`,keyNotRevealable:`This credential comes from an environment variable or another non-revealable source.`,advanced:`Provider settings`,enable:`Enable image generation`,enabling:`Verifying and enabling…`,enabled:`Image generation is ready.`,addService:`Add image service`,manageService:`Manage service`,custom:`Custom`,current:`Current`,configured:`Credential ready`,needsKey:`API key required`,connect:`Connect to a gateway to continue.`,loadError:`Unable to load image generation settings.`,selectAgent:`Select an agent`,selectModel:`Select a model`,show:`Show key`,hide:`Hide key`,copy:`Copy key`,copied:`Copied`},zh:{title:`图片生成`,intro:`为智能体选择图片模型，也可以连接你自己的图片服务。`,agent:`Agent`,provider:`Provider`,model:`模型`,apiKey:`API Key`,getApiKey:`获取 API Key`,apiKeyHint:`密钥只保存在本机凭据存储中，不会写入 xopc.json。`,existingKey:`已有凭据或环境变量；留空即可继续使用。`,savedKey:`凭据已保存。点击眼睛可查看，直接输入新密钥可替换。`,revealFailed:`无法读取已保存的 API Key。`,keyNotRevealable:`当前凭据来自环境变量或其他不可查看的来源。`,advanced:`服务商设置`,enable:`启用图片生成`,enabling:`正在验证并启用…`,enabled:`图片生成已可用。`,addService:`添加图片服务`,manageService:`管理服务`,custom:`自定义`,current:`当前使用`,configured:`凭据已就绪`,needsKey:`需要 API Key`,connect:`请先连接网关。`,loadError:`无法加载图片生成设置。`,selectAgent:`选择 Agent`,selectModel:`选择模型`,show:`显示密钥`,hide:`隐藏密钥`,copy:`复制密钥`,copied:`已复制`}};async function tn(e){let t=await E(k(`/api/agents/${encodeURIComponent(e)}/image-generation`));if(!t.payload)throw Error(`Invalid agent image generation response`);return t.payload}function nn(e){let t=e?.indexOf(`/`)??-1;return t>0?e.slice(0,t):void 0}function rn(e){let t=e?.indexOf(`/`)??-1;return t>0?e.slice(t+1):void 0}function an(e){return Object.fromEntries(e.configFields.map(t=>[t.key,e.config[t.key]??(t.required?t.options?.[0]?.value??``:``)]))}function on(e){let t=(0,Z.c)(11),{field:n,value:r,onChange:i}=e,a;t[0]!==n.label||t[1]!==n.options||t[2]!==n.placeholder||t[3]!==n.required||t[4]!==n.type||t[5]!==i||t[6]!==r?(a=n.type===`select`?(0,$.jsx)(v,{value:r,options:(n.options??[]).map(sn),placeholder:n.placeholder??n.label,allowEmpty:!n.required,onChange:i,triggerClassName:`mt-1.5`}):(0,$.jsx)(`input`,{type:`url`,value:r,required:n.required,onChange:e=>i(e.target.value),placeholder:n.placeholder,className:`mt-1.5 h-10 w-full rounded-lg border border-edge bg-surface-panel px-3 text-sm text-fg outline-none focus:border-accent focus:ring-2 focus:ring-accent/20`}),t[0]=n.label,t[1]=n.options,t[2]=n.placeholder,t[3]=n.required,t[4]=n.type,t[5]=i,t[6]=r,t[7]=a):a=t[7];let o;return t[8]!==n.label||t[9]!==a?(o=(0,$.jsxs)(`label`,{className:`block text-xs font-medium text-fg-muted`,children:[n.label,a]}),t[8]=n.label,t[9]=a,t[10]=o):o=t[10],o}function sn(e){return{value:e.value,label:e.label}}function cn(){let e=(0,Z.c)(2),t;e[0]===Symbol.for(`react.memo_cache_sentinel`)?(t=(0,$.jsx)(I,{className:`h-24 rounded-xl`}),e[0]=t):t=e[0];let n;return e[1]===Symbol.for(`react.memo_cache_sentinel`)?(n=(0,$.jsxs)(`div`,{className:`grid gap-4`,"aria-hidden":`true`,children:[t,(0,$.jsx)(`div`,{className:`grid gap-3 sm:grid-cols-2 xl:grid-cols-3`,children:Array.from({length:5}).map(ln)}),(0,$.jsx)(I,{className:`h-64 rounded-xl`})]}),e[1]=n):n=e[1],n}function ln(e,t){return(0,$.jsx)(I,{className:`h-24 rounded-xl`},t)}function un(){let e=O(e=>e.language),t=en[e],n=T(e),r=!!A(e=>e.token),[i,a]=(0,Q.useState)(``),[o,s]=(0,Q.useState)(``),[c,l]=(0,Q.useState)(``),[u,d]=(0,Q.useState)(``),[f,p]=(0,Q.useState)({}),[m,h]=(0,Q.useState)(!1),[g,_]=(0,Q.useState)(),[b,x]=(0,Q.useState)(!1),[w,D]=(0,Q.useState)(!1),[j,P]=(0,Q.useState)(),{data:F,isLoading:I,error:L}=M(r?`image-generation-agents`:null,rt,{revalidateOnFocus:!1}),{data:R,isLoading:z,error:B,mutate:V}=M(r?k(`/api/image-generation/catalog`):null,Kt,{revalidateOnFocus:!1}),{data:U,isLoading:W,error:G,mutate:ee}=M(r?k(`/api/image-generation/custom-providers`):null,Wt,{revalidateOnFocus:!1});(0,Q.useEffect)(()=>{!F||i||a(F.defaultId||F.agents[0]?.id||``)},[i,F]);let{data:K,isLoading:te,error:ne,mutate:re}=M(r&&i?[`agent-image-generation`,i]:null,()=>tn(i),{revalidateOnFocus:!1});(0,Q.useEffect)(()=>{if(!R||!K)return;let e=nn(K.model?.primary),t=R.find(t=>t.id===e)??R.find(e=>e.configured)??R[0];t&&(s(t.id),l(t.id===e&&rn(K.model?.primary)||t.defaultModel),d(t.configured?$t:``),p(an(t)))},[K,R]),(0,Q.useEffect)(()=>{_(void 0)},[i]);let q=R?.find(e=>e.id===o),J=q?q.apiKeyUrl??ce(q.id,e)[0]?.href:void 0,Y=(0,Q.useMemo)(()=>(F?.agents??[]).map(e=>({value:e.id,label:H(e,n.agentsSettings)})),[F?.agents,n.agentsSettings]),ie=(0,Q.useMemo)(()=>(q?.models??[]).map(e=>({value:e,label:e})),[q?.models]),ae=K?.model?.primary,X=!!(i&&q&&c&&(q.credentialMode!==`api-key`||q.configured||u.trim())&&q.configFields.every(e=>!e.required||f[e.key]?.trim()));if(!r)return(0,$.jsx)(`p`,{className:`text-sm text-fg-muted`,children:t.connect});if(I||z||W||te)return(0,$.jsx)(cn,{});if(L||B||G||ne||!R||!F||!U)return(0,$.jsx)(`p`,{className:`text-sm text-red-600 dark:text-red-400`,children:t.loadError});let oe=e=>{s(e.id),l(e.defaultModel),d(e.configured?$t:``),p(an(e)),_(void 0)},se=()=>{P(void 0),D(!0)},le=()=>{let e=U.find(e=>e.providerId===q?.id);e&&(P(e),D(!0))},ue=async e=>{let[t,n]=await Promise.all([ee(),V()]);if(e&&n?.some(t=>t.id===e)){let r=n.find(t=>t.id===e);s(r.id),l(r.defaultModel),d(r.configured?$t:``),p(an(r)),P(t?.find(t=>t.providerId===e))}},de=async()=>{if(!(!q||!X)){h(!0),_(void 0),x(!1);try{let e=await E(k(`/api/agents/${encodeURIComponent(i)}/image-generation/setup`),{method:`POST`,body:JSON.stringify({providerId:q.id,modelId:c,...u.trim()&&!Be(u)?{apiKey:u.trim()}:{},providerConfig:Object.fromEntries(Object.entries(f).filter(([,e])=>e.trim()))})});if(!e.payload)throw Error(`Invalid setup response`);await Promise.all([re(e.payload.agent,{revalidate:!1}),V(e.payload.providers,{revalidate:!1})]),d($t),x(!0)}catch(e){_(e instanceof Error?e.message:String(e))}finally{h(!1)}}};return(0,$.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,$.jsxs)(`section`,{className:`rounded-xl border border-edge bg-surface-base p-4`,children:[(0,$.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,$.jsx)(`div`,{className:`rounded-lg bg-accent/10 p-2 text-accent`,children:(0,$.jsx)(He,{className:`size-5`})}),(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,$.jsx)(`h3`,{className:`text-sm font-semibold text-fg`,children:t.title}),(0,$.jsx)(`p`,{className:`mt-1 text-sm leading-relaxed text-fg-muted`,children:t.intro})]})]}),(0,$.jsxs)(`label`,{className:`mt-4 block text-xs font-medium text-fg-muted`,children:[t.agent,(0,$.jsx)(v,{value:i,options:Y,placeholder:t.selectAgent,allowEmpty:!1,onChange:a,triggerClassName:`mt-1.5 max-w-md`})]})]}),(0,$.jsxs)(`section`,{children:[(0,$.jsxs)(`div`,{className:`mb-2 flex items-center justify-between gap-3`,children:[(0,$.jsx)(`h3`,{className:`text-xs font-semibold uppercase tracking-wide text-fg-subtle`,children:t.provider}),(0,$.jsxs)(N,{variant:`secondary`,className:`px-2.5 py-1.5 text-xs`,onClick:se,children:[(0,$.jsx)(C,{className:`size-4`}),t.addService]})]}),(0,$.jsx)(`div`,{className:`grid gap-3 sm:grid-cols-2 xl:grid-cols-3`,children:R.map(e=>{let n=e.id===o,r=e.id===nn(ae);return(0,$.jsxs)(`button`,{type:`button`,onClick:()=>oe(e),className:`min-h-24 rounded-xl border p-4 text-left transition-colors ${n?`border-accent bg-accent/5 ring-1 ring-accent/20`:`border-edge bg-surface-base hover:border-edge-strong`}`,children:[(0,$.jsxs)(`span`,{className:`flex items-center justify-between gap-2`,children:[(0,$.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2`,children:[(0,$.jsx)(`span`,{className:`truncate font-medium text-fg`,children:e.label}),e.source===`custom`?(0,$.jsx)(`span`,{className:`rounded-full bg-surface-subtle px-2 py-0.5 text-[10px] text-fg-subtle`,children:t.custom}):null]}),(0,$.jsx)(`span`,{"aria-hidden":!r,className:`shrink-0 rounded-full bg-accent/10 px-2 py-0.5 text-[11px] font-medium text-accent ${r?``:`invisible`}`,children:t.current})]}),(0,$.jsxs)(`span`,{className:`mt-2 flex items-center gap-1.5 text-xs ${e.configured?`text-emerald-600 dark:text-emerald-400`:`text-fg-muted`}`,children:[e.configured||e.credentialMode!==`api-key`?(0,$.jsx)(y,{className:`size-3.5`}):(0,$.jsx)(ze,{className:`size-3.5`}),e.configured||e.credentialMode!==`api-key`?t.configured:t.needsKey]})]},e.id)})})]}),q?(0,$.jsxs)(`section`,{className:`rounded-xl border border-edge bg-surface-base p-4`,children:[(0,$.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,$.jsxs)(`label`,{className:`block text-xs font-medium text-fg-muted`,children:[t.model,(0,$.jsx)(v,{value:c,options:ie,placeholder:t.selectModel,allowEmpty:!1,onChange:l,triggerClassName:`mt-1.5`})]}),q.configFields.filter(e=>e.required).map(e=>(0,$.jsx)(on,{field:e,value:f[e.key]??``,onChange:t=>p(n=>({...n,[e.key]:t}))},e.key))]}),q.source===`custom`?(0,$.jsx)(`div`,{className:`mt-4 flex justify-end`,children:(0,$.jsxs)(N,{variant:`secondary`,onClick:le,children:[(0,$.jsx)(Fe,{className:`size-4`}),t.manageService]})}):null,q.credentialMode===`api-key`?(0,$.jsxs)(`div`,{className:`mt-4`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,$.jsx)(`label`,{htmlFor:`image-generation-api-key`,className:`text-xs font-medium text-fg-muted`,children:t.apiKey}),J?(0,$.jsxs)(`a`,{href:J,target:`_blank`,rel:`noreferrer`,className:`inline-flex items-center gap-1 text-xs font-medium text-accent hover:underline`,children:[t.getApiKey,(0,$.jsx)(Qe,{className:`size-3.5`,"aria-hidden":`true`})]}):null]}),(0,$.jsx)(Ie,{id:`image-generation-api-key`,value:u,onChange:e=>d(Be(u)?e.replace(/^•+/,``):e),placeholder:q.configured?t.existingKey:t.needsKey,labels:{show:t.show,hide:t.hide,copy:t.copy,copied:t.copied},reveal:()=>Xe(q.id).then(e=>e.apiKey),loadFailedLabel:t.revealFailed,notInConfigFile:t.keyNotRevealable,className:`mt-1.5`,autoComplete:`new-password`},q.id),(0,$.jsx)(`span`,{className:`mt-1.5 block font-normal leading-relaxed text-fg-subtle`,children:q.configured?t.savedKey:t.apiKeyHint})]}):null,q.configFields.some(e=>!e.required)?(0,$.jsxs)(`details`,{className:`mt-4 rounded-lg border border-edge bg-surface-subtle px-3 py-2.5`,children:[(0,$.jsxs)(`summary`,{className:`flex cursor-pointer list-none items-center gap-2 text-sm font-medium text-fg-muted`,children:[(0,$.jsx)(Te,{className:`size-4`}),t.advanced]}),(0,$.jsx)(`div`,{className:`mt-3 grid gap-3 md:grid-cols-2`,children:q.configFields.filter(e=>!e.required).map(e=>(0,$.jsx)(on,{field:e,value:f[e.key]??``,onChange:t=>p(n=>({...n,[e.key]:t}))},e.key))})]}):null,b?(0,$.jsx)(`p`,{className:`mt-4 rounded-lg bg-emerald-500/10 px-3 py-2 text-sm text-emerald-700 dark:text-emerald-300`,role:`status`,children:t.enabled}):null,g?(0,$.jsx)(`p`,{className:`mt-4 rounded-lg bg-red-500/10 px-3 py-2 text-sm text-red-600 dark:text-red-400`,children:g}):null,(0,$.jsx)(`div`,{className:`mt-4 flex justify-end`,children:(0,$.jsxs)(N,{variant:`primary`,disabled:!X||m,onClick:()=>void de(),children:[m?(0,$.jsx)(S,{className:`size-4 animate-spin`}):(0,$.jsx)(y,{className:`size-4`}),(0,$.jsxs)(`span`,{className:`grid`,children:[(0,$.jsx)(`span`,{"aria-hidden":!0,className:`invisible col-start-1 row-start-1`,children:t.enable}),(0,$.jsx)(`span`,{"aria-hidden":!0,className:`invisible col-start-1 row-start-1`,children:t.enabling}),(0,$.jsx)(`span`,{className:`col-start-1 row-start-1`,children:m?t.enabling:t.enable})]})]})})]}):null,(0,$.jsx)(Qt,{open:w,onOpenChange:D,provider:j,configured:!!(j&&R.find(e=>e.id===j.providerId)?.configured),language:e,onSaved:ue})]})}function dn({v:e}){let t=re(e=>e.microphoneId),n=re(e=>e.setMicrophoneId),[r,i]=(0,Q.useState)([]),[a,o]=(0,Q.useState)(``),[s,c]=(0,Q.useState)(!1),l=(0,Q.useRef)(!1);(0,Q.useEffect)(()=>{l.current=!0;let e=()=>{navigator.mediaDevices?.enumerateDevices().then(e=>{l.current&&i(e.filter(e=>e.kind===`audioinput`))}).catch(()=>{})};return e(),navigator.mediaDevices?.addEventListener(`devicechange`,e),()=>{l.current=!1,navigator.mediaDevices?.removeEventListener(`devicechange`,e)}},[]);let u=async()=>{c(!0),o(``);try{(await navigator.mediaDevices.getUserMedia({audio:!0})).getTracks().forEach(e=>e.stop());let e=await navigator.mediaDevices.enumerateDevices();l.current&&i(e.filter(e=>e.kind===`audioinput`))}catch(e){l.current&&o(e instanceof Error?e.message:String(e))}finally{l.current&&c(!1)}};return(0,$.jsxs)(`section`,{className:`space-y-4 rounded-xl border border-edge p-4`,children:[(0,$.jsxs)(`label`,{className:`block space-y-2 text-sm`,children:[(0,$.jsx)(`span`,{children:e.experience.microphone}),(0,$.jsxs)(g,{value:t,onChange:e=>n(e.target.value),children:[(0,$.jsx)(_,{value:``,children:e.experience.systemDevice}),t&&!r.some(e=>e.deviceId===t)?(0,$.jsx)(_,{value:t,children:e.experience.unavailable}):null,r.filter(e=>e.deviceId&&e.deviceId!=="default").map((t,n)=>(0,$.jsx)(_,{value:t.deviceId,children:t.label||`${e.experience.microphone} ${n+1}`},t.deviceId))]})]}),(0,$.jsx)(`p`,{className:`text-xs text-fg-muted`,children:e.experience.deviceHint}),(0,$.jsx)(N,{variant:`secondary`,disabled:s,onClick:()=>void u(),children:e.experience.refreshDevices}),a?(0,$.jsx)(`p`,{role:`alert`,className:`text-sm text-red-600`,children:a}):null]})}function fn({v:e,canListen:t,canSpeak:n,disabled:r,onVerified:i}){let a=e.setup,o=(0,Q.useContext)(Ae)?.active??!1,[s,c]=(0,Q.useState)(`idle`),[l,u]=(0,Q.useState)(``),[d,f]=(0,Q.useState)(``),p=(0,Q.useRef)(`idle`),m=(0,Q.useRef)(null),h=(0,Q.useRef)(!1),g=e=>{p.current=e,c(e)},_=()=>{m.current?.(),m.current=null};(0,Q.useEffect)(()=>()=>m.current?.(),[]);async function v(e){_(),i?.({input:!1,output:!1}),h.current=!1,u(``),f(``),g(e?`connecting`:`playing`);let t=new AbortController,r,o,s,c,l=()=>{o?.cancel(),r?.getTracks().forEach(e=>e.stop()),s?.stop(`surface_closed`)},d=window.setTimeout(()=>v(a.timeout),6e4);m.current=()=>{t.abort(),window.clearTimeout(d),l(),c?.close()};function v(e){t.signal.aborted||(g(`error`),f(e),_())}async function y(){g(`playing`),l();try{let e=await kt(t.signal);if(t.signal.aborted)return;c?.enqueue(e,()=>{t.signal.aborted||(window.clearTimeout(d),g(`confirm`))})}catch(e){v(e instanceof Error?e.message:a.testFailed)}}try{if(n&&(c=new ft,await c.start(),t.signal.throwIfAborted()),!e){await y();return}let d=window.electronAPI?.system;if(d){let e=await d.requestMicrophone();if(t.signal.throwIfAborted(),e.status===`denied`)throw Error(a.microphoneDenied)}if(r=await navigator.mediaDevices.getUserMedia({audio:de()}),t.signal.aborted){l();return}if(s=await _e.connect({purpose:`dictation`,signal:t.signal,onEvent:e=>{t.signal.aborted||(e.type===`session.error`&&v(a.testFailed),p.current===`listening`&&(e.type===`input.transcript.delta`&&u(e.payload.text),e.type===`input.transcript.final`&&e.payload.text.trim()&&(u(e.payload.text.trim()),h.current=!0,n?y():(g(`passed`),i?.({input:!0,output:!1}),_()))))},onClose:()=>{(p.current===`listening`||p.current===`connecting`)&&v(a.testFailed)}}),t.signal.aborted){l();return}let f;if(o=await he.start(r,{onSamples:e=>{f&&!t.signal.aborted&&s?.sendAudio(f.push(e))}}),t.signal.aborted){l();return}f=new K(o.sampleRate,s.session.inputFormat.sampleRate),g(`listening`)}catch(e){if(t.signal.aborted){l();return}v(e instanceof Error?e.message:a.testFailed)}}let y=s===`connecting`||s===`listening`||s===`playing`;return(0,$.jsxs)(`div`,{className:`space-y-3 border-t border-edge pt-4`,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,$.jsxs)(N,{type:`button`,variant:`primary`,disabled:o||r||!t||y,onClick:()=>void v(!0),children:[y?(0,$.jsx)(S,{className:`size-4 animate-spin`}):(0,$.jsx)(X,{className:`size-4`}),n?a.test:a.testInput]}),(0,$.jsxs)(N,{type:`button`,variant:`secondary`,disabled:o||r||!n||y,onClick:()=>void v(!1),children:[(0,$.jsx)(ne,{className:`size-4`}),e.tts.test.play]}),y?(0,$.jsxs)(N,{type:`button`,variant:`ghost`,onClick:()=>{_(),g(`idle`)},children:[(0,$.jsx)(V,{className:`size-4`}),e.tts.test.stop]}):null]}),(0,$.jsxs)(`div`,{role:`status`,"aria-live":`polite`,className:`space-y-2 text-xs text-fg-muted`,children:[s===`idle`?(0,$.jsx)(`p`,{children:o?e.experience.endCallBeforeTest:r?a.saveBeforeTest:a.microphoneHint}):null,s===`connecting`?(0,$.jsx)(`p`,{children:a.connecting}):null,s===`listening`?(0,$.jsx)(`p`,{children:a.speakNow}):null,l?(0,$.jsx)(`p`,{className:`rounded-lg bg-surface-base p-3 text-sm text-fg`,children:l}):null,s===`playing`?(0,$.jsx)(`p`,{children:a.playing}):null,s===`confirm`?(0,$.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,$.jsx)(`span`,{children:a.heardQuestion}),(0,$.jsx)(N,{type:`button`,variant:`secondary`,onClick:()=>{_(),i?.({input:h.current,output:!0}),g(`passed`)},children:a.heard}),(0,$.jsx)(N,{type:`button`,variant:`ghost`,onClick:()=>{_(),g(`error`),f(a.notHeard)},children:a.notHeardButton})]}):null,s===`passed`?(0,$.jsx)(`p`,{children:h.current?n?a.passed:a.inputPassed:a.outputPassed}):null,s===`error`?(0,$.jsx)(`p`,{role:`alert`,className:`text-red-600 dark:text-red-400`,children:d}):null]})]})}function pn(e,t){return{...e,stt:{...e.stt,enabled:!0,provider:t},voice:{...e.voice,realtime:{...e.voice.realtime,enabled:!0,tts:e.voice.realtime.tts?.provider===t?e.voice.realtime.tts:{provider:t,...t===`alibaba`?{voice:`Cherry`}:{}},omni:e.voice.realtime.omni?.provider===t?e.voice.realtime.omni:{provider:t,model:`qwen3-omni-flash-realtime`,voice:e.voice.realtime.omni?.voice??`Cherry`,instructions:e.voice.realtime.omni?.instructions??`Keep replies conversational and concise.`}}}}}function mn(e){let t=(0,Z.c)(112),{section:n,v:r,form:i,pending:a,apiKeyLabels:o,sttProviders:s,onChange:l}=e,u=r.setup,[d,f]=(0,Q.useState)(!1),p;t[0]===i?p=t[1]:(p=JSON.stringify(i),t[0]=i,t[1]=p);let m=p,h;t[2]===m?h=t[3]:(h={signature:m,input:!1,output:!1},t[2]=m,t[3]=h);let[v,y]=(0,Q.useState)(h);v.signature!==m&&y({signature:m,input:!1,output:!1});let b;t[4]!==a||t[5]!==m?(b=a?null:[`voice-realtime-status`,m],t[4]=a,t[5]=m,t[6]=b):b=t[6];let x;t[7]===Symbol.for(`react.memo_cache_sentinel`)?(x={revalidateOnFocus:!0},t[7]=x):x=t[7];let{data:S,error:C,isLoading:w}=M(b,It,x),T=i.voice.realtime,E=i.stt.provider,D=T.tts,O=D?.provider??S?.tts?.provider,k=S?.tts?.model,A;t[8]!==k||t[9]!==O?(A=O&&k?[`realtime-voices`,O,k]:null,t[8]=k,t[9]=O,t[10]=A):A=t[10];let j;t[11]!==k||t[12]!==O?(j=()=>jt(O,k,`realtime`),t[11]=k,t[12]=O,t[13]=j):j=t[13];let P;t[14]===Symbol.for(`react.memo_cache_sentinel`)?(P={revalidateOnFocus:!1},t[14]=P):P=t[14];let{data:F}=M(A,j,P),L;t[15]===F?L=t[16]:(L=F===void 0?[]:F,t[15]=F,t[16]=L);let R=L,z;t[17]!==O||t[18]!==R?(z=O===`alibaba`?R.filter(vn):R,t[17]=O,t[18]=R,t[19]=z):z=t[19];let B=z,V=typeof i.stt.providers?.alibaba?.apiKey==`string`?i.stt.providers.alibaba.apiKey:``,H;t[20]!==V||t[21]!==s?(H=!!V||s.some(_n),t[20]=V,t[21]=s,t[22]=H):H=t[22];let U=H,W=T.defaultEngine===`omni`,G=W?T.omni?.voice??`Cherry`:D?.voice??S?.tts?.voice??``,ee;t[23]!==W||t[24]!==B?(ee=W?[`Cherry`,`Ethan`,`Serena`,`Chelsie`].map(gn):B,t[23]=W,t[24]=B,t[25]=ee):ee=t[25];let K=ee,te=!!(S?.enabled&&S.stt),ne=!!(S?.enabled&&S.tts),re;t[26]!==i||t[27]!==l||t[28]!==T?(re=e=>l({...i,voice:{...i.voice,realtime:{...T,...e}}}),t[26]=i,t[27]=l,t[28]=T,t[29]=re):re=t[29];let q=re,J;t[30]!==i||t[31]!==l?(J=e=>l(pn(i,e)),t[30]=i,t[31]=l,t[32]=J):J=t[32];let Y=J,ie;t[33]!==a||t[34]!==T.enabled||t[35]!==u.disabled||t[36]!==u.needsSetup||t[37]!==u.pending||t[38]!==u.unverified||t[39]!==u.verified||t[40]!==m||t[41]!==v.signature?(ie=(e,t)=>T.enabled?a?u.pending:e?t&&v.signature===m?u.verified:u.unverified:u.needsSetup:u.disabled,t[33]=a,t[34]=T.enabled,t[35]=u.disabled,t[36]=u.needsSetup,t[37]=u.pending,t[38]=u.unverified,t[39]=u.verified,t[40]=m,t[41]=v.signature,t[42]=ie):ie=t[42];let ae=ie,X;t[43]!==o||t[44]!==Y||t[45]!==d||t[46]!==C||t[47]!==i||t[48]!==V||t[49]!==U||t[50]!==l||t[51]!==a||t[52]!==E||t[53]!==T.defaultEngine||t[54]!==T.enabled||t[55]!==u.changeKey||t[56]!==u.configureConversation||t[57]!==u.customProvider||t[58]!==u.edgeHint||t[59]!==u.enable||t[60]!==u.finishSetup||t[61]!==u.hosted||t[62]!==u.hostedAccountHint||t[63]!==u.hostedHint||t[64]!==u.keyConfigured||t[65]!==u.keyHint||t[66]!==u.manageAccount||t[67]!==u.outputHint||t[68]!==u.ownKey||t[69]!==u.ownKeyHint||t[70]!==u.service||t[71]!==u.statusError||t[72]!==n||t[73]!==D||t[74]!==S?.tts||t[75]!==q||t[76]!==r.experience||t[77]!==r.stt?(X=n===`service`?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 border-b border-edge pb-4`,children:(0,$.jsxs)(`label`,{className:`flex items-center gap-2 text-xs text-fg-muted`,children:[(0,$.jsx)(`input`,{type:`checkbox`,role:`switch`,"aria-checked":T.enabled,className:`size-4 accent-accent`,checked:T.enabled,onChange:e=>{e.target.checked?Y(E===`alibaba`?`alibaba`:`xopc-cloud`):q({enabled:!1})}}),u.enable]})}),C?(0,$.jsx)(`p`,{role:`alert`,className:`text-xs text-red-600 dark:text-red-400`,children:u.statusError}):null,(0,$.jsxs)(`fieldset`,{className:`space-y-3`,children:[(0,$.jsx)(`legend`,{className:`text-sm font-medium text-fg`,children:u.service}),(0,$.jsx)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[`xopc-cloud`,`alibaba`].map(e=>(0,$.jsxs)(`label`,{className:`flex cursor-pointer items-start gap-3 rounded-lg border border-edge px-3 py-3 text-sm text-fg has-checked:border-accent/60`,children:[(0,$.jsx)(`input`,{type:`radio`,name:`realtime-service`,value:e,checked:E===e,onChange:()=>Y(e),className:`mt-1 accent-accent`}),(0,$.jsxs)(`span`,{children:[(0,$.jsx)(`span`,{className:`block font-medium`,children:e===`xopc-cloud`?u.hosted:u.ownKey}),(0,$.jsx)(`span`,{className:`mt-1 block text-xs text-fg-muted`,children:e===`xopc-cloud`?u.hostedHint:u.ownKeyHint})]})]},e))})]}),E!==`alibaba`&&E!==`xopc-cloud`?(0,$.jsx)(`p`,{className:`text-xs text-fg-muted`,children:u.customProvider.replace(`{provider}`,E)}):null,E===`alibaba`?(0,$.jsx)(`div`,{className:`space-y-2 text-xs`,children:U&&!d?(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,$.jsx)(`span`,{className:`text-fg-muted`,children:u.keyConfigured}),(0,$.jsx)(N,{type:`button`,variant:`ghost`,onClick:()=>f(!0),children:u.changeKey})]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`label`,{htmlFor:`realtime-api-key`,className:`font-medium text-fg`,children:r.stt.apiKey}),(0,$.jsx)(zt,{kind:`stt`,providerId:`alibaba`,fieldId:`realtime-api-key`,value:V,labels:{...o,maskedHelp:``},onChange:e=>l({...i,stt:{...i.stt,providers:{...i.stt.providers,alibaba:{...i.stt.providers?.alibaba,apiKey:e}}}})}),(0,$.jsx)(`p`,{className:`text-fg-muted`,children:u.keyHint})]})}):null,E===`xopc-cloud`?(0,$.jsxs)(`p`,{className:`text-xs text-fg-muted`,children:[u.hostedAccountHint,` `,(0,$.jsx)(c,{className:`text-accent hover:underline`,to:`/settings/capabilities/models`,children:u.manageAccount})]}):null,!D&&!a&&!S?.tts&&(E===`alibaba`||E===`xopc-cloud`)?(0,$.jsxs)(`div`,{className:`rounded-lg bg-surface-base p-3 text-xs`,children:[(0,$.jsx)(`p`,{className:`font-medium text-fg`,children:u.finishSetup}),(0,$.jsx)(`p`,{className:`mt-1 text-fg-muted`,children:i.tts.provider===`edge`?u.edgeHint:u.outputHint}),(0,$.jsx)(N,{className:`mt-2`,type:`button`,variant:`secondary`,onClick:()=>Y(E),children:u.configureConversation})]}):null,(0,$.jsxs)(`label`,{className:`block space-y-2 text-sm`,children:[(0,$.jsx)(`span`,{children:r.experience.defaultEngine}),(0,$.jsxs)(g,{value:T.defaultEngine,className:Ue,onChange:e=>q({defaultEngine:e.target.value}),children:[(0,$.jsx)(_,{value:`agent`,children:r.experience.agent}),(0,$.jsx)(_,{value:`omni`,children:r.experience.omni})]})]}),(0,$.jsxs)(`p`,{className:`text-xs text-fg-muted`,children:[T.defaultEngine===`agent`?r.experience.agentHint:r.experience.omniHint,` `,r.experience.nextCall]})]}):null,t[43]=o,t[44]=Y,t[45]=d,t[46]=C,t[47]=i,t[48]=V,t[49]=U,t[50]=l,t[51]=a,t[52]=E,t[53]=T.defaultEngine,t[54]=T.enabled,t[55]=u.changeKey,t[56]=u.configureConversation,t[57]=u.customProvider,t[58]=u.edgeHint,t[59]=u.enable,t[60]=u.finishSetup,t[61]=u.hosted,t[62]=u.hostedAccountHint,t[63]=u.hostedHint,t[64]=u.keyConfigured,t[65]=u.keyHint,t[66]=u.manageAccount,t[67]=u.outputHint,t[68]=u.ownKey,t[69]=u.ownKeyHint,t[70]=u.service,t[71]=u.statusError,t[72]=n,t[73]=D,t[74]=S?.tts,t[75]=q,t[76]=r.experience,t[77]=r.stt,t[78]=X):X=t[78];let oe;t[79]!==G||t[80]!==W||t[81]!==O||t[82]!==T.bargeIn||t[83]!==T.omni||t[84]!==u.bargeIn||t[85]!==u.defaultVoice||t[86]!==u.voice||t[87]!==n||t[88]!==D||t[89]!==S?.tts||t[90]!==q||t[91]!==r.realtime||t[92]!==K?(oe=n===`listening`?(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,$.jsx)(`label`,{htmlFor:`realtime-voice`,className:`text-sm font-medium text-fg`,children:u.voice}),(0,$.jsxs)(g,{id:`realtime-voice`,className:`${Ue} w-full sm:w-56`,value:G,disabled:W?!T.omni:!D&&!S?.tts,onChange:e=>{if(W&&T.omni){q({omni:{...T.omni,voice:e.target.value}});return}(O===`alibaba`||O===`xopc-cloud`)&&q({tts:{provider:O,...e.target.value?{voice:e.target.value}:{}},...T.omni&&[`Cherry`,`Ethan`,`Serena`,`Chelsie`].includes(e.target.value)?{omni:{...T.omni,voice:e.target.value}}:{}})},children:[W?null:(0,$.jsx)(_,{value:``,children:u.defaultVoice}),G&&!K.some(e=>e.id===G)?(0,$.jsx)(_,{value:G,children:G}):null,K.map(hn)]})]}),(0,$.jsxs)(`label`,{className:`flex items-center justify-between gap-4 text-sm text-fg`,children:[(0,$.jsxs)(`span`,{children:[u.bargeIn,(0,$.jsx)(`span`,{className:`mt-1 block text-xs text-fg-muted`,children:r.realtime.bargeInDescription})]}),(0,$.jsx)(`input`,{type:`checkbox`,role:`switch`,"aria-checked":T.bargeIn,checked:T.bargeIn,className:`size-4 accent-accent`,onChange:e=>q({bargeIn:e.target.checked})})]})]}):null,t[79]=G,t[80]=W,t[81]=O,t[82]=T.bargeIn,t[83]=T.omni,t[84]=u.bargeIn,t[85]=u.defaultVoice,t[86]=u.voice,t[87]=n,t[88]=D,t[89]=S?.tts,t[90]=q,t[91]=r.realtime,t[92]=K,t[93]=oe):oe=t[93];let se;t[94]!==te||t[95]!==ne||t[96]!==C||t[97]!==w||t[98]!==a||t[99]!==n||t[100]!==m||t[101]!==S||t[102]!==ae||t[103]!==r||t[104]!==v.input||t[105]!==v.output?(se=n===`diagnostics`?(0,$.jsxs)($.Fragment,{children:[w?(0,$.jsx)(I,{className:`h-16 w-full`}):(0,$.jsxs)(`div`,{className:`space-y-2 text-sm`,role:`status`,children:[(0,$.jsxs)(`p`,{children:[r.experience.dictationReady,` · `,ae(te,v.input)]}),(0,$.jsxs)(`p`,{children:[r.experience.agentReady,` · `,ae(te&&ne,v.input&&v.output)]}),(0,$.jsxs)(`p`,{children:[r.experience.omniReady,` · `,ae(!!(S?.enabled&&S.omni),!1)]})]}),(0,$.jsx)(`p`,{className:`text-xs text-fg-muted`,children:r.experience.configurationOnly}),(0,$.jsx)(fn,{v:r,canListen:te,canSpeak:ne,disabled:a||w||!!C,onVerified:e=>y({signature:m,...e})},`${m}:${JSON.stringify(S)}`)]}):null,t[94]=te,t[95]=ne,t[96]=C,t[97]=w,t[98]=a,t[99]=n,t[100]=m,t[101]=S,t[102]=ae,t[103]=r,t[104]=v.input,t[105]=v.output,t[106]=se):se=t[106];let ce;return t[107]!==u.service||t[108]!==X||t[109]!==oe||t[110]!==se?(ce=(0,$.jsxs)(`section`,{className:`space-y-5 rounded-xl border border-edge bg-surface-panel p-4 sm:p-5`,"aria-label":u.service,children:[X,oe,se]}),t[107]=u.service,t[108]=X,t[109]=oe,t[110]=se,t[111]=ce):ce=t[111],ce}function hn(e){return(0,$.jsx)(_,{value:e.id,children:e.name},e.id)}function gn(e){return{id:e,name:e}}function _n(e){return e.id===`alibaba`&&e.configured}function vn(e){return[`Cherry`,`Ethan`,`Serena`,`Chelsie`].includes(e.id)}function yn(e){let t=(0,Z.c)(22),{value:n,onChange:r}=e,i=O(xn)===`zh`,a;t[0]===i?a=t[1]:(a=(e,t)=>i?t:e,t[0]=i,t[1]=a);let o=a,s;t[2]!==r||t[3]!==n?(s=e=>{n&&r({...n,...e})},t[2]=r,t[3]=n,t[4]=s):s=t[4];let c=s,l;t[5]===o?l=t[6]:(l=o(`Natural conversation · advanced`,`自然对话 · 高级设置`),t[5]=o,t[6]=l);let u;t[7]===l?u=t[8]:(u=(0,$.jsx)(`summary`,{className:`cursor-pointer text-sm font-medium text-fg`,children:l}),t[7]=l,t[8]=u);let d;t[9]===o?d=t[10]:(d=o(`Calls continue the same session using recent history. Service and credentials are shared with voice setup; override them here only when needed.`,`通话会接续同一会话的近期历史。默认共用语音服务与凭据，仅在需要独立配置时修改。`),t[9]=o,t[10]=d);let f;t[11]===d?f=t[12]:(f=(0,$.jsx)(`p`,{className:`text-sm text-fg-muted`,children:d}),t[11]=d,t[12]=f);let p;t[13]!==o||t[14]!==r||t[15]!==c||t[16]!==n?(p=n?(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`label`,{className:`block space-y-1 text-sm`,children:[(0,$.jsx)(`span`,{children:o(`Connection`,`连接方式`)}),(0,$.jsxs)(g,{value:n.provider,onChange:e=>r({model:n.model,voice:n.voice,instructions:n.instructions,provider:e.target.value}),children:[(0,$.jsx)(_,{value:`xopc-cloud`,children:`XOPC Platform`}),(0,$.jsxs)(_,{value:`alibaba`,children:[`DashScope · `,o(`Your API key`,`自有 API Key`)]})]})]}),(0,$.jsx)(`p`,{className:`text-xs text-fg-muted`,children:n.provider===`xopc-cloud`?o(`Uses your XOPC sign-in and the platform’s published Omni route and credits.`,`使用 XOPC 登录授权、平台发布的 Omni 路由和额度。`):o(`Leave empty to use the shared voice service credential.`,`留空使用语音服务中已配置的凭据。`)}),(0,$.jsx)(`p`,{className:`font-mono text-xs text-fg-muted`,children:n.model}),n.provider===`alibaba`?(0,$.jsxs)(`label`,{className:`block space-y-1 text-sm`,children:[(0,$.jsx)(`span`,{children:`API Key`}),(0,$.jsx)(`input`,{className:`w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg`,type:`password`,autoComplete:`new-password`,value:n.apiKey??``,onChange:e=>c({apiKey:e.target.value})})]}):null,(0,$.jsxs)(`label`,{className:`block space-y-1 text-sm`,children:[(0,$.jsx)(`span`,{children:o(`Endpoint override (optional)`,`自定义服务地址（可选）`)}),(0,$.jsx)(`input`,{className:`w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg`,value:n.baseUrl??``,placeholder:n.provider===`alibaba`?`wss://dashscope.aliyuncs.com/api-ws/v1/realtime`:`https://router.xopc.ai/v1`,onChange:e=>c({baseUrl:e.target.value.trim()||void 0})})]}),(0,$.jsxs)(`label`,{className:`block space-y-1 text-sm`,children:[(0,$.jsx)(`span`,{children:o(`Voice`,`音色`)}),(0,$.jsx)(g,{value:n.voice,onChange:e=>c({voice:e.target.value}),children:[`Cherry`,`Ethan`,`Serena`,`Chelsie`].map(bn)})]}),(0,$.jsxs)(`label`,{className:`block space-y-1 text-sm`,children:[(0,$.jsx)(`span`,{children:o(`Conversation instructions`,`聊天指令`)}),(0,$.jsx)(`textarea`,{className:`w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg`,rows:3,maxLength:8e3,value:n.instructions,onChange:e=>c({instructions:e.target.value})})]})]}):(0,$.jsx)(N,{variant:`secondary`,onClick:()=>r({provider:`xopc-cloud`,model:`qwen3-omni-flash-realtime`,voice:`Cherry`,instructions:`You are a friendly voice companion. You cannot execute tools.`}),children:o(`Configure natural conversation`,`配置自然聊天`)}),t[13]=o,t[14]=r,t[15]=c,t[16]=n,t[17]=p):p=t[17];let m;return t[18]!==u||t[19]!==f||t[20]!==p?(m=(0,$.jsxs)(`details`,{className:`space-y-3 rounded-xl border border-edge p-4`,children:[u,f,p]}),t[18]=u,t[19]=f,t[20]=p,t[21]=m):m=t[21],m}function bn(e){return(0,$.jsx)(_,{value:e,children:e},e)}function xn(e){return e.language}var Sn=Ge;function Cn(){return j(`w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg`,`placeholder:text-fg-subtle`,Ce,`dark:border-edge`)}function wn(){return j(Ue,Ge)}function Tn(e){return!e||e<=0?``:e<1024*1024?`${Math.round(e/1024)} KB`:`${(e/1024/1024).toFixed(1)} MB`}function En(e,t){let n=window.atob(e),r=new Uint8Array(n.length);for(let e=0;e<n.length;e++)r[e]=n.charCodeAt(e);return URL.createObjectURL(new Blob([r],{type:t}))}function Dn(e,t){switch(e){case`xopc-local`:return t.stt.localProvider;case`openai`:return t.stt.openai;case`alibaba`:return t.stt.alibaba;case`groq`:return`Groq`;default:return e}}function On(e,t){switch(e){case`openai`:return t.tts.providerOpenai;case`alibaba`:return t.stt.alibaba;case`edge`:return t.tts.providerEdge;case`tts-local-cli`:return t.tts.providerLocalCli;case`minimax`:return`MiniMax`;default:return e}}function kn(e,t){switch(e){case`off`:return t.tts.triggerOff;case`always`:return t.tts.triggerAlways;case`inbound`:return t.tts.triggerInbound;case`tagged`:return t.tts.triggerTagged}}function An(e,t){switch(e){case`edge`:return t.tts.providerHints.edge;case`openai`:return t.tts.providerHints.openai;case`alibaba`:return t.tts.providerHints.alibaba;case`minimax`:return t.tts.providerHints.minimax;case`tts-local-cli`:return t.tts.providerHints.localCli;default:return t.tts.providerHints.generic}}function jn(e){return{maskedHelp:e.apiKeyMaskedHelp,copy:e.apiKeyCopy,copied:e.apiKeyCopied,show:e.apiKeyShow,hide:e.apiKeyHide,notInConfigFile:e.apiKeyNotInConfigFile,loadFailed:e.apiKeyRevealFailed}}function Mn(e,t){let n=e[t.key];return typeof n==`string`||typeof n==`number`||typeof n==`boolean`?n:t.defaultValue===void 0?t.type===`boolean`?!1:``:t.defaultValue}function Nn(e,t){if(e.type===`boolean`)return!!t;if(e.type!==`number`)return t;let n=String(t).trim();if(!n)return;let r=Number(n);return Number.isFinite(r)?r:void 0}function Pn(e,t){switch(t.type){case`reset`:return{form:null,baseline:null};case`sync`:{let e=structuredClone(t.value);return{form:e,baseline:structuredClone(e)}}case`update`:return{...e,form:t.updater(e.form)};case`saved`:{let n=structuredClone(t.value);return{form:e.form!==null&&JSON.stringify(e.form)!==JSON.stringify(t.value)?e.form:n,baseline:structuredClone(n)}}}}function Fn(){let e=O(e=>e.language),t=T(e).voiceSettings,[n,r]=(0,Q.useState)(`listening`),i=Me(),a=re(e=>e.captions),o=re(e=>e.setCaptions),s=!!A(e=>e.token);(0,Q.useEffect)(()=>{!i&&(n===`service`||n===`diagnostics`)&&r(`listening`)},[n,i]);let[c,l]=(0,Q.useReducer)(Pn,{form:null,baseline:null}),u=c.form,d=c.baseline,[f,p]=(0,Q.useState)(null),m=(0,Q.useRef)(!1),h=(0,Q.useRef)(u);h.current=u;let v=(0,Q.useRef)({parsed:null,models:void 0}),{data:y,error:b,isLoading:x,mutate:S}=F(s),{data:C,error:w,isLoading:E,mutate:D}=M(s?k(`/api/voice/models`):null,Et,{revalidateOnFocus:!1}),{data:j,error:P,isLoading:I}=M(s?k(`/api/voice/providers`):null,Pt,{revalidateOnFocus:!1}),{data:L,error:R,isLoading:z}=M(s?k(`/api/voice/stt-providers`):null,Dt,{revalidateOnFocus:!1}),B=(0,Q.useMemo)(()=>j?.providers??[],[j]),V=(0,Q.useMemo)(()=>L?.providers??[],[L]),H=(0,Q.useMemo)(()=>y?.payload?.config===void 0?null:Rt(y.payload.config),[y]),U=(0,Q.useMemo)(()=>!u||!d?!1:JSON.stringify(u)!==JSON.stringify(d),[u,d]);s?H!==null&&C!==void 0&&!m.current&&(v.current.parsed!==H||v.current.models!==C)&&(v.current={parsed:H,models:C},l({type:`sync`,value:H}),p(C)):(v.current.parsed!==null||v.current.models!==void 0)&&(v.current={parsed:null,models:void 0},l({type:`reset`}),p(null),m.current=!1);let W=!!(s&&(H===null||C===void 0||j===void 0||L===void 0)&&(x||E||I||z)),G=b instanceof Error?b.message:b?String(b):w instanceof Error?w.message:w?String(w):P instanceof Error?P.message:P?String(P):R instanceof Error?R.message:R?String(R):null,ee=(0,Q.useCallback)(e=>{m.current=!0,l({type:`update`,updater:t=>t?{...t,stt:{...t.stt,...e}}:null})},[]),K=(0,Q.useCallback)(e=>{m.current=!0,l({type:`update`,updater:t=>{if(!t)return null;let n=t.stt.fallback??{enabled:!1,order:[`xopc-local`]};return{...t,stt:{...t.stt,fallback:{...n,...e}}}}})},[]),te=(0,Q.useCallback)(e=>{m.current=!0,l({type:`update`,updater:t=>t?{...t,voice:{...t.voice,input:{...t.voice.input,refinement:{...t.voice.input.refinement,...e}}}}:null})},[]),ne=(0,Q.useCallback)(t=>{m.current=!0,l({type:`update`,updater:n=>n?{...n,voice:{...n.voice,languageMode:t,...t===`auto`?{language:e}:{}}}:null})},[e]),q=(0,Q.useCallback)(e=>{m.current=!0,l({type:`update`,updater:t=>t?{...t,voice:{...t.voice,realtime:{...t.voice.realtime,...e}}}:null})},[]),J=(0,Q.useCallback)(e=>{m.current=!0,l({type:`update`,updater:t=>t?{...t,tts:{...t.tts,...e}}:null})},[]),Y=Tt({value:u,dirty:U,onSave:(0,Q.useCallback)(async e=>{let n=d?.stt.provider!==`xopc-local`&&e.stt.provider===`xopc-local`;try{await Ot(e),n&&window.dispatchEvent(new Event(Lt)),l({type:`saved`,value:e}),m.current=!!(h.current&&JSON.stringify(h.current)!==JSON.stringify(e))}catch(e){throw Error(e instanceof Error?e.message:t.saveError)}},[d?.stt.provider,t.saveError])}),ie=(0,Q.useCallback)(e=>{m.current=!0,l({type:`update`,updater:()=>e})},[]);if(!s)return(0,$.jsx)(`div`,{className:`flex flex-col gap-3`,children:(0,$.jsx)(`p`,{className:`text-sm text-fg-muted`,children:t.needToken})});if(W)return(0,$.jsx)(xt,{rows:4});if(!u||f===null)return(0,$.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,$.jsx)(`p`,{className:`text-sm text-fg-muted`,children:G??t.loadError}),(0,$.jsx)(N,{type:`button`,variant:`secondary`,onClick:()=>{S(),D()},children:t.retry})]});let ae=u.stt,X=u.tts,oe=u.voice.input.refinement,se=jn(t);return(0,$.jsxs)(`div`,{className:`flex w-full flex-col gap-4`,onBlurCapture:Y.onBlurCapture,children:[(0,$.jsx)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:(0,$.jsx)(wt,{status:Y.status,error:Y.error})}),Y.error?(0,$.jsx)(`p`,{className:`text-sm text-red-600 dark:text-red-400`,children:Y.error}):null,(0,$.jsx)(`nav`,{"aria-label":t.setup.advanced,className:`flex flex-wrap gap-2`,children:[`listening`,`input`,`devices`,...i?[`service`,`diagnostics`]:[]].map(e=>(0,$.jsx)(N,{variant:n===e?`secondary`:`ghost`,"aria-pressed":n===e,onClick:()=>r(e),children:t.experience[e]},e))}),n===`listening`||n===`service`||n===`diagnostics`?(0,$.jsx)(mn,{section:n,v:t,form:u,pending:U||Y.status===`saving`||!!Y.error,apiKeyLabels:se,sttProviders:V,onChange:ie}):null,n===`listening`?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(In,{v:t,voice:u.voice,updateLanguageMode:ne}),(0,$.jsxs)(`label`,{className:`flex items-center justify-between gap-3 text-sm text-fg`,children:[t.experience.pace,(0,$.jsxs)(g,{className:wn(),value:String(u.voice.realtime.silenceDurationMs),onChange:e=>q({silenceDurationMs:Number(e.target.value)}),children:[(0,$.jsx)(_,{value:`800`,children:t.experience.fast}),(0,$.jsx)(_,{value:`1200`,children:t.experience.standard}),(0,$.jsx)(_,{value:`2000`,children:t.experience.relaxed}),[800,1200,2e3].includes(u.voice.realtime.silenceDurationMs)?null:(0,$.jsxs)(_,{value:String(u.voice.realtime.silenceDurationMs),children:[u.voice.realtime.silenceDurationMs,` ms`]})]})]})]}):null,n===`input`?(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`label`,{className:`flex items-center justify-between text-sm`,children:[t.experience.captions,(0,$.jsx)(`input`,{type:`checkbox`,role:`switch`,"aria-checked":a,className:`ui-checkbox`,checked:a,onChange:e=>o(e.target.checked)})]}),(0,$.jsxs)(`label`,{className:`space-y-2 text-sm`,children:[(0,$.jsx)(`span`,{children:t.stt.refinement}),(0,$.jsx)(`p`,{className:`text-xs text-fg-muted`,children:t.stt.refinementDesc}),(0,$.jsxs)(g,{className:wn(),value:oe.mode,onChange:e=>te({mode:e.target.value}),children:[(0,$.jsx)(_,{value:`off`,children:t.stt.refinementOff}),(0,$.jsx)(_,{value:`punctuation`,children:t.stt.refinementPunctuation}),(0,$.jsx)(_,{value:`light`,children:t.stt.refinementLight}),oe.mode===`custom`?(0,$.jsx)(_,{value:`custom`,children:t.setup.advanced}):null]})]}),(0,$.jsxs)(`details`,{className:`rounded-xl border border-edge bg-surface-panel px-4 py-3`,children:[(0,$.jsxs)(`summary`,{className:`cursor-pointer text-sm font-medium text-fg`,children:[t.setup.readout,` · `,X.enabled?kn(X.trigger,t):t.overview.off]}),(0,$.jsx)(`p`,{className:`mt-3 text-xs text-fg-muted`,children:t.setup.readoutHint}),(0,$.jsx)(Vn,{v:t,apiKeyLabels:se,tts:X,models:f,ttsProviders:B,updateTts:J})]})]}):null,n===`devices`?(0,$.jsx)(dn,{v:t}):null,n===`service`?(0,$.jsxs)($.Fragment,{children:[u.voice.realtime.enabled?(0,$.jsx)(yn,{value:u.voice.realtime.omni,onChange:e=>q({omni:e})}):null,(0,$.jsxs)(`details`,{className:`rounded-xl border border-edge bg-surface-panel px-4 py-3`,children:[(0,$.jsx)(`summary`,{className:`cursor-pointer text-sm font-medium text-fg`,children:t.experience.technical}),(0,$.jsx)(Ln,{v:t,apiKeyLabels:se,stt:ae,models:f,sttProviders:V,updateStt:ee,updateSttFallback:K}),(0,$.jsx)(`p`,{className:`text-xs text-fg-muted`,children:t.notes.envVars})]})]}):null]})}function In(e){let t=(0,Z.c)(22),{v:n,voice:r,updateLanguageMode:i}=e,a;t[0]===n.language.title?a=t[1]:(a=(0,$.jsx)(`div`,{className:`text-sm font-semibold text-fg`,children:n.language.title}),t[0]=n.language.title,t[1]=a);let o=r.languageMode===`auto`?n.language.autoDescription:n.language.manualDescription,s;t[2]===o?s=t[3]:(s=(0,$.jsx)(`p`,{className:`mt-1 text-xs text-fg-muted`,children:o}),t[2]=o,t[3]=s);let c;t[4]!==a||t[5]!==s?(c=(0,$.jsxs)(`div`,{children:[a,s]}),t[4]=a,t[5]=s,t[6]=c):c=t[6];let l;t[7]===Symbol.for(`react.memo_cache_sentinel`)?(l=wn(),t[7]=l):l=t[7];let u;t[8]===i?u=t[9]:(u=e=>i(e.target.value),t[8]=i,t[9]=u);let d;t[10]===n.language.auto?d=t[11]:(d=(0,$.jsx)(_,{value:`auto`,children:n.language.auto}),t[10]=n.language.auto,t[11]=d);let f;t[12]===n.language.manual?f=t[13]:(f=(0,$.jsx)(_,{value:`manual`,children:n.language.manual}),t[12]=n.language.manual,t[13]=f);let p;t[14]!==u||t[15]!==d||t[16]!==f||t[17]!==r.languageMode?(p=(0,$.jsxs)(g,{className:l,value:r.languageMode,onChange:u,children:[d,f]}),t[14]=u,t[15]=d,t[16]=f,t[17]=r.languageMode,t[18]=p):p=t[18];let m;return t[19]!==c||t[20]!==p?(m=(0,$.jsx)(`section`,{className:`rounded-2xl bg-surface-base px-4 py-5 sm:px-5`,children:(0,$.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-[minmax(0,1fr)_minmax(12rem,18rem)] sm:items-center`,children:[c,p]})}),t[19]=c,t[20]=p,t[21]=m):m=t[21],m}function Ln(e){let t=(0,Z.c)(58),{v:n,apiKeyLabels:r,stt:i,models:a,sttProviders:o,updateStt:s,updateSttFallback:c}=e,l;if(t[0]!==o){let e=new Set;l=[];for(let t of o)e.has(t.id)||(e.add(t.id),l.push(t));t[0]=o,t[1]=l}else l=t[1];let u=l,d,f,p,m;if(t[2]!==a||t[3]!==u||t[4]!==i.provider||t[5]!==i.providers){d=u.find(e=>e.id===i.provider);let e;t[10]!==i.provider||t[11]!==i.providers?(e=i.providers?.[i.provider]??{},t[10]=i.provider,t[11]=i.providers,t[12]=e):e=t[12],p=e,f=a?.stt?.[i.provider]?.length?a.stt[i.provider]:d?.models??[],m=d?.fields.find(Rn),t[2]=a,t[3]=u,t[4]=i.provider,t[5]=i.providers,t[6]=d,t[7]=f,t[8]=p,t[9]=m}else d=t[6],f=t[7],p=t[8],m=t[9];let h=m,v=typeof p.model==`string`?p.model:void 0,y=v??(typeof h?.defaultValue==`string`?h.defaultValue:f[0]?.id),b;t[13]!==i.provider||t[14]!==i.providers||t[15]!==s?(b=e=>{s({providers:{...i.providers??{},[i.provider]:{...i.providers?.[i.provider]??{},...e}}})},t[13]=i.provider,t[14]=i.providers,t[15]=s,t[16]=b):b=t[16];let x=b,S,C;t[17]!==v||t[18]!==y||t[19]!==h||t[20]!==x?(S=()=>{h&&y&&v!==y&&x({model:y})},C=[v,y,h,x],t[17]=v,t[18]=y,t[19]=h,t[20]=x,t[21]=S,t[22]=C):(S=t[21],C=t[22]),(0,Q.useEffect)(S,C);let w;t[23]===Symbol.for(`react.memo_cache_sentinel`)?(w=(0,$.jsx)(X,{className:`size-4 text-accent`,strokeWidth:1.75}),t[23]=w):w=t[23];let T;t[24]===n.stt.title?T=t[25]:(T=(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-sm font-semibold text-fg`,children:[w,n.stt.title]}),t[24]=n.stt.title,t[25]=T);let E;t[26]===n.stt.description?E=t[27]:(E=(0,$.jsx)(`p`,{className:`mt-1 text-xs text-fg-muted`,children:n.stt.description}),t[26]=n.stt.description,t[27]=E);let D;t[28]!==T||t[29]!==E?(D=(0,$.jsxs)(`div`,{className:`mb-4`,children:[T,E]}),t[28]=T,t[29]=E,t[30]=D):D=t[30];let O;t[31]===s?O=t[32]:(O=e=>s({enabled:e}),t[31]=s,t[32]=O);let k;t[33]!==i.enabled||t[34]!==O||t[35]!==n.stt.enable||t[36]!==n.stt.enableDesc?(k=(0,$.jsx)(Un,{checked:i.enabled,title:n.stt.enable,description:n.stt.enableDesc,onChange:O}),t[33]=i.enabled,t[34]=O,t[35]=n.stt.enable,t[36]=n.stt.enableDesc,t[37]=k):k=t[37];let A;t[38]!==d?.fields||t[39]!==r||t[40]!==y||t[41]!==f||t[42]!==u||t[43]!==p||t[44]!==i.enabled||t[45]!==i.fallback?.enabled||t[46]!==i.provider||t[47]!==x||t[48]!==s||t[49]!==c||t[50]!==n?(A=i.enabled?(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[(0,$.jsxs)(`div`,{className:j(`flex flex-col gap-1.5`,Sn),children:[(0,$.jsx)(Kn,{children:n.stt.provider}),(0,$.jsx)(g,{className:wn(),value:i.provider,onChange:e=>s({provider:e.target.value}),children:u.map(e=>(0,$.jsxs)(_,{value:e.id,children:[Dn(e.id,n),e.configured?``:` *`]},e.id))})]}),(0,$.jsx)(Hn,{kind:`stt`,providerId:i.provider,fields:d?.fields??[],providerSlice:p,models:f,currentModel:y,apiKeyLabels:r,onPatch:x})]}),i.provider===`xopc-local`?(0,$.jsx)(Bn,{v:n}):null,(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-2 rounded-xl bg-surface-hover/50 px-3 py-2.5 dark:bg-surface-hover/35`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`div`,{className:`text-sm font-medium text-fg`,children:n.stt.fallback}),(0,$.jsx)(`p`,{className:`text-xs text-fg-muted`,children:n.stt.fallbackDesc})]}),(0,$.jsx)(`input`,{type:`checkbox`,className:`ui-checkbox`,checked:i.fallback?.enabled??!1,onChange:e=>c({enabled:e.target.checked})})]})]}):null,t[38]=d?.fields,t[39]=r,t[40]=y,t[41]=f,t[42]=u,t[43]=p,t[44]=i.enabled,t[45]=i.fallback?.enabled,t[46]=i.provider,t[47]=x,t[48]=s,t[49]=c,t[50]=n,t[51]=A):A=t[51];let M;t[52]!==k||t[53]!==A?(M=(0,$.jsxs)(`div`,{className:`space-y-4`,children:[k,A]}),t[52]=k,t[53]=A,t[54]=M):M=t[54];let N;return t[55]!==M||t[56]!==D?(N=(0,$.jsxs)(`section`,{className:`rounded-2xl bg-surface-base px-4 py-5 sm:px-5`,children:[D,M]}),t[55]=M,t[56]=D,t[57]=N):N=t[57],N}function Rn(e){return e.key===`model`}function zn(e){return`${Math.round(e/1024/1024)} MB`}function Bn({v:e}){let{data:t,error:n,mutate:r}=M(k(`/api/voice/local/status`),Nt,{revalidateOnFocus:!1,refreshInterval:e=>e?.models.some(e=>e.state===`downloading`)?1e3:0}),[i,a]=(0,Q.useState)(null),[o,s]=(0,Q.useState)(null);(0,Q.useEffect)(()=>{let e=()=>void r();return window.addEventListener(Lt,e),()=>window.removeEventListener(Lt,e)},[r]);let c=(0,Q.useCallback)(async(e,t)=>{a(e.id),s(null);try{t===`install`?await Mt(e.id):await Ft(e.id),await r()}catch(e){s(e instanceof Error?e.message:String(e))}finally{a(null)}},[r]);return(0,$.jsxs)(`div`,{className:`rounded-xl border border-edge bg-surface-panel/60 p-3`,children:[(0,$.jsx)(`div`,{className:`text-sm font-medium text-fg`,children:e.stt.localModels}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-fg-muted`,children:e.stt.localModelsDesc}),n?(0,$.jsx)(`p`,{className:`mt-3 text-xs text-red-600 dark:text-red-400`,children:String(n)}):null,t?.runtime.ready===!1?(0,$.jsx)(`p`,{className:`mt-3 text-xs text-red-600 dark:text-red-400`,children:t.runtime.error??`Local voice runtime is unavailable`}):null,t?.decoder?.available===!1?(0,$.jsx)(`p`,{className:`mt-3 text-xs text-amber-700 dark:text-amber-300`,children:t.decoder.error??`Compressed audio decoding is unavailable`}):null,o?(0,$.jsx)(`p`,{className:`mt-3 text-xs text-red-600 dark:text-red-400`,children:o}):null,(0,$.jsx)(`div`,{className:`mt-3 grid gap-2`,children:(t?.models??[]).map(t=>{let n=i===t.id||t.state===`downloading`;return(0,$.jsxs)(`div`,{className:j(`flex items-center justify-between gap-3 rounded-lg bg-surface-base px-3 py-2.5`,t.recommended?`ring-1 ring-accent/40`:``),children:[(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 text-sm font-medium text-fg`,children:[t.name,t.recommended?(0,$.jsx)(`span`,{className:`rounded-full bg-accent/10 px-2 py-0.5 text-[10px] font-medium text-accent`,children:e.stt.localRecommended}):null]}),(0,$.jsxs)(`div`,{className:`text-xs text-fg-muted`,children:[zn(t.approximateBytes),` · `,t.description]}),(0,$.jsxs)(`div`,{className:`mt-0.5 text-[11px] text-fg-subtle`,children:[t.engine,` · `,t.languages.join(` / `)]}),t.state===`downloading`?(0,$.jsxs)(`div`,{className:`mt-1 text-xs text-accent`,children:[e.stt.localDownloading,` `,Math.round((t.progress??0)*100),`%`]}):t.state===`error`?(0,$.jsx)(`div`,{className:`mt-1 text-xs text-red-600 dark:text-red-400`,children:t.error}):null]}),(0,$.jsx)(N,{type:`button`,variant:`secondary`,disabled:n,onClick:()=>void c(t,t.state===`ready`?`remove`:`install`),children:n?(0,$.jsx)(S,{className:`size-4 animate-spin`}):t.state===`ready`?e.stt.localRemove:e.stt.localInstall})]},t.id)})})]})}function Vn({v:e,apiKeyLabels:t,tts:n,models:r,ttsProviders:i,updateTts:a}){let[o,s]=(0,Q.useState)(e.tts.test.sampleText),[c,l]=(0,Q.useState)({status:`idle`}),u=(0,Q.useRef)(null),d=(0,Q.useRef)(null),f=(0,Q.useRef)(null),p=(0,Q.useCallback)(()=>{f.current?.abort(),f.current=null,u.current?.pause(),u.current=null,d.current&&=(URL.revokeObjectURL(d.current),null)},[]),m=(0,Q.useMemo)(()=>{let e=new Set,t=[];for(let n of i)e.has(n.id)||(e.add(n.id),t.push(n));return t},[i]),h=m.find(e=>e.id===n.provider),v=n.providers?.[n.provider]??{},y=r?.tts?.[n.provider]?.length?r.tts[n.provider]:h?.models??[],b=h?.fields.find(e=>e.key===`model`),x=h?.fields.find(e=>e.key===`voice`),C=typeof v.model==`string`?v.model:void 0,w=C??(typeof b?.defaultValue==`string`?b.defaultValue:y[0]?.id),T=y.find(e=>e.id===w),E=r?.ttsVoices?.[n.provider]?.length?r.ttsVoices[n.provider]:h?.voices??[],{data:D=[]}=M(w?`voice:tts:${n.provider}:${w}`:null,()=>jt(n.provider,w??``),{revalidateOnFocus:!1}),O=D.length>0?D:E,k=typeof v.voice==`string`?v.voice:void 0,A=k??O.find(e=>e.id===T?.tts?.defaultVoice)?.id??(typeof x?.defaultValue==`string`?x.defaultValue:O[0]?.id),P=(h?.fields??[]).filter(e=>(e.key!==`speed`||T?.tts?.speed!==!1)&&(e.key!==`instructions`||T?.tts?.instructions!==!1)),F=!!h?.diagnostics.requiresApiKey,I=!!h?.configured||!F,L=(0,Q.useCallback)(e=>{a({providers:{...n.providers??{},[n.provider]:{...n.providers?.[n.provider]??{},...e}}})},[n.provider,n.providers,a]);(0,Q.useEffect)(()=>{let e={};b&&w&&C!==w&&(e.model=w),x&&A&&k!==A&&(e.voice=A),Object.keys(e).length>0&&L(e)},[C,k,w,A,b,L,x]),(0,Q.useEffect)(()=>()=>p(),[p]);let R=(0,Q.useCallback)(e=>{a({provider:e}),l({status:`idle`})},[a]),z=(0,Q.useCallback)(async()=>{let t=o.trim();if(!t){l({status:`error`,message:e.tts.test.emptyText});return}p();let r=new AbortController;f.current=r,l({status:`loading`});try{let i=await At({text:t,provider:n.provider,providerConfig:v,...w?{model:w}:{},...A?{voice:A}:{}},r.signal);if(r.signal.aborted)return;let a=En(i.audio,i.mimeType);d.current=a;let o=new Audio(a);u.current=o;let s=[i.provider,i.format,i.latencyMs===void 0?void 0:`${i.latencyMs}ms`,Tn(i.audioSize)].filter(Boolean).join(` · `);o.addEventListener(`ended`,()=>l({status:`done`,summary:s}),{once:!0}),o.addEventListener(`error`,()=>l({status:`error`,message:e.tts.test.playFailed}),{once:!0}),await o.play(),l({status:`playing`,summary:s})}catch(e){if(r.signal.aborted)return;p(),l({status:`error`,message:e instanceof Error?e.message:String(e)})}},[w,A,v,p,o,n.provider,e.tts.test.emptyText,e.tts.test.playFailed]);return(0,$.jsxs)(`section`,{className:`rounded-2xl bg-surface-base px-4 py-5 sm:px-5`,children:[(0,$.jsxs)(`div`,{className:`mb-4`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-sm font-semibold text-fg`,children:[(0,$.jsx)(ie,{className:`size-4 text-accent`,strokeWidth:1.75}),e.tts.title]}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-fg-muted`,children:e.tts.description})]}),(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsx)(Un,{checked:n.enabled,title:e.tts.enable,description:e.tts.enableDesc,onChange:e=>a({enabled:e})}),n.enabled?(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[(0,$.jsxs)(`div`,{className:j(`flex flex-col gap-1.5`,Sn),children:[(0,$.jsx)(Kn,{children:e.tts.trigger}),(0,$.jsxs)(g,{className:wn(),value:n.trigger,onChange:e=>a({trigger:e.target.value}),children:[(0,$.jsx)(_,{value:`off`,children:e.tts.triggerOff}),(0,$.jsx)(_,{value:`inbound`,children:e.tts.triggerInbound}),(0,$.jsx)(_,{value:`tagged`,children:e.tts.triggerTagged}),(0,$.jsx)(_,{value:`always`,children:e.tts.triggerAlways})]}),(0,$.jsx)(`p`,{className:`text-xs text-fg-subtle`,children:e.tts.triggerHelp})]}),(0,$.jsxs)(`div`,{className:j(`flex flex-col gap-1.5`,Sn),children:[(0,$.jsx)(Kn,{children:e.tts.provider}),(0,$.jsx)(g,{className:wn(),value:n.provider,onChange:e=>R(e.target.value),children:m.map(t=>(0,$.jsx)(_,{value:t.id,children:On(t.id,e)},t.id))}),(0,$.jsxs)(`p`,{className:`text-xs text-fg-subtle`,children:[h?.configured?e.tts.configured:h?.diagnostics.requiresApiKey?`${e.tts.needsKey} · ${h.diagnostics.envKeys?.join(`, `)??e.stt.apiKey}`:e.tts.noKeyNeeded,` · `,h?.description??An(n.provider,e)]})]})]}),(0,$.jsxs)(`details`,{className:`rounded-xl bg-surface-panel/80 p-3 shadow-surface`,open:!I||n.provider===`tts-local-cli`,children:[(0,$.jsxs)(`summary`,{className:`cursor-pointer text-sm font-medium text-fg marker:text-fg-muted`,children:[e.tts.advanced.title,(0,$.jsx)(`span`,{className:`ml-2 text-xs font-normal text-fg-muted`,children:e.tts.advanced.description})]}),(0,$.jsx)(`div`,{className:`mt-3`,children:(0,$.jsx)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:(0,$.jsx)(Hn,{kind:`tts`,providerId:n.provider,fields:P,providerSlice:v,models:y,voices:O,currentModel:w,currentVoice:A,apiKeyLabels:t,onPatch:L,resetVoiceOnModelChange:!0})})})]}),(0,$.jsxs)(`div`,{className:`rounded-xl bg-surface-panel/80 p-3 shadow-surface`,children:[(0,$.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`div`,{className:`text-sm font-medium text-fg`,children:e.tts.test.title}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-fg-muted`,children:e.tts.test.description})]}),(0,$.jsxs)(`div`,{className:`flex shrink-0 gap-2`,children:[(0,$.jsxs)(N,{type:`button`,variant:`primary`,onClick:()=>void z(),disabled:c.status===`loading`,className:`h-9`,children:[c.status===`loading`?(0,$.jsx)(S,{className:`size-4 animate-spin`}):(0,$.jsx)(ne,{className:`size-4`}),c.status===`loading`?e.tts.test.generating:e.tts.test.play]}),(0,$.jsxs)(N,{type:`button`,variant:`secondary`,onClick:()=>{p(),l(e=>e.status===`playing`?{status:`done`,summary:e.summary}:{status:`idle`})},disabled:c.status!==`playing`,className:`h-9`,children:[(0,$.jsx)(V,{className:`size-4`}),e.tts.test.stop]})]})]}),(0,$.jsxs)(`details`,{className:`mt-3`,children:[(0,$.jsx)(`summary`,{className:`cursor-pointer text-xs text-fg-muted`,children:e.setup.sampleText}),(0,$.jsx)(`textarea`,{className:j(Cn(),`mt-3 min-h-20 resize-y`),value:o,onChange:e=>s(e.target.value),maxLength:1e3})]}),(0,$.jsxs)(`div`,{className:`mt-2 flex flex-wrap items-center justify-between gap-2 text-xs`,children:[(0,$.jsxs)(`span`,{className:`text-fg-subtle`,children:[o.length,`/1000`]}),c.status===`playing`||c.status===`done`?(0,$.jsxs)(`span`,{className:`text-emerald-700 dark:text-emerald-200`,children:[c.status===`playing`?e.tts.test.playing:e.tts.test.ready,` · `,c.summary]}):null,c.status===`error`?(0,$.jsx)(`span`,{className:`text-red-600 dark:text-red-400`,children:c.message}):null]})]})]}):null]})]})}function Hn({kind:e,providerId:t,fields:n,providerSlice:r,models:i,voices:a=[],currentModel:o,currentVoice:s,apiKeyLabels:c,onPatch:l,resetVoiceOnModelChange:u=!1}){return n.map(n=>n.key===`apiKey`?(0,$.jsxs)(`div`,{className:j(`flex flex-col gap-1.5`,Sn),children:[(0,$.jsx)(Kn,{children:n.label}),(0,$.jsx)(zt,{kind:e,providerId:t,fieldId:`voice-${e}-${t}-api-key`,value:typeof r.apiKey==`string`?r.apiKey:``,onChange:e=>l({apiKey:e}),labels:c,placeholder:n.placeholder}),n.description?(0,$.jsx)(`p`,{className:`text-xs text-fg-subtle`,children:n.description}):null]},n.key):n.key===`model`&&i.length>0?(0,$.jsxs)(`div`,{className:j(`flex flex-col gap-1.5`,Sn),children:[(0,$.jsx)(Kn,{children:n.label}),(0,$.jsx)(g,{className:wn(),value:o??``,onChange:e=>l({model:e.target.value,...u?{voice:void 0}:{}}),children:i.map(e=>(0,$.jsx)(_,{value:e.id,children:e.name},e.id))})]},n.key):n.key===`voice`&&a.length>0?(0,$.jsxs)(`div`,{className:j(`flex flex-col gap-1.5`,Sn),children:[(0,$.jsx)(Kn,{children:n.label}),(0,$.jsx)(g,{className:wn(),value:s??``,onChange:e=>l({voice:e.target.value}),children:a.map(e=>(0,$.jsx)(_,{value:e.id,children:e.name},e.id))})]},n.key):(0,$.jsx)(Wn,{field:n,value:Mn(r,n),onChange:e=>l({[n.key]:e}),className:n.type===`textarea`?`sm:col-span-2`:Sn},n.key))}function Un(e){let t=(0,Z.c)(27),{checked:n,title:r,description:i,onChange:a}=e,o;t[0]!==n||t[1]!==a?(o=()=>a(!n),t[0]=n,t[1]=a,t[2]=o):o=t[2];let s=n?`bg-surface-panel text-fg`:`bg-surface-panel/80 text-fg hover:bg-surface-hover`,c;t[3]===s?c=t[4]:(c=j(`group flex w-full items-center justify-between gap-4 rounded-lg border border-edge px-3 py-3 text-left transition-colors`,Ce,s),t[3]=s,t[4]=c);let l;t[5]===r?l=t[6]:(l=(0,$.jsx)(`span`,{className:`flex flex-wrap items-center gap-2 text-sm font-semibold text-fg`,children:r}),t[5]=r,t[6]=l);let u;t[7]===i?u=t[8]:(u=(0,$.jsx)(`span`,{className:`mt-1 block text-xs leading-relaxed text-fg-muted`,children:i}),t[7]=i,t[8]=u);let d;t[9]!==l||t[10]!==u?(d=(0,$.jsxs)(`span`,{className:`min-w-0`,children:[l,u]}),t[9]=l,t[10]=u,t[11]=d):d=t[11];let f=n?`border-accent bg-accent`:`border-edge bg-surface-hover group-hover:border-accent/40`,p;t[12]===f?p=t[13]:(p=j(`relative inline-flex h-6 w-11 shrink-0 items-center rounded-full border transition-colors`,f),t[12]=f,t[13]=p);let m=n?`translate-x-5`:`translate-x-0.5`,h;t[14]===m?h=t[15]:(h=j(`size-5 rounded-full bg-white shadow-surface transition-transform`,m),t[14]=m,t[15]=h);let g;t[16]===h?g=t[17]:(g=(0,$.jsx)(`span`,{className:h}),t[16]=h,t[17]=g);let _;t[18]!==g||t[19]!==p?(_=(0,$.jsx)(`span`,{className:p,"aria-hidden":!0,children:g}),t[18]=g,t[19]=p,t[20]=_):_=t[20];let v;return t[21]!==n||t[22]!==o||t[23]!==_||t[24]!==c||t[25]!==d?(v=(0,$.jsxs)(`button`,{type:`button`,role:`switch`,"aria-checked":n,onClick:o,className:c,children:[d,_]}),t[21]=n,t[22]=o,t[23]=_,t[24]=c,t[25]=d,t[26]=v):v=t[26],v}function Wn(e){let t=(0,Z.c)(36),{field:n,value:r,onChange:i,className:a}=e,o=`voice-schema-field-${n.key}`,s=n.description;if(n.type===`boolean`){let e;t[0]===a?e=t[1]:(e=j(`flex items-center justify-between gap-3 rounded-xl bg-surface-hover/50 px-3 py-2.5 dark:bg-surface-hover/35`,a),t[0]=a,t[1]=e);let o;t[2]===n.label?o=t[3]:(o=(0,$.jsx)(`span`,{className:`block text-sm font-medium text-fg`,children:n.label}),t[2]=n.label,t[3]=o);let c;t[4]===s?c=t[5]:(c=s?(0,$.jsx)(`span`,{className:`mt-1 block text-xs text-fg-subtle`,children:s}):null,t[4]=s,t[5]=c);let l;t[6]!==o||t[7]!==c?(l=(0,$.jsxs)(`span`,{children:[o,c]}),t[6]=o,t[7]=c,t[8]=l):l=t[8];let u=!!r,d;t[9]!==n||t[10]!==i?(d=e=>i(Nn(n,e.target.checked)),t[9]=n,t[10]=i,t[11]=d):d=t[11];let f;t[12]!==u||t[13]!==d?(f=(0,$.jsx)(`input`,{type:`checkbox`,className:`ui-checkbox`,checked:u,onChange:d}),t[12]=u,t[13]=d,t[14]=f):f=t[14];let p;return t[15]!==e||t[16]!==l||t[17]!==f?(p=(0,$.jsxs)(`label`,{className:e,children:[l,f]}),t[15]=e,t[16]=l,t[17]=f,t[18]=p):p=t[18],p}let c=typeof r==`boolean`?``:String(r),l;t[19]===a?l=t[20]:(l=j(`flex flex-col gap-1.5`,a),t[19]=a,t[20]=l);let u;t[21]===n.label?u=t[22]:(u=(0,$.jsx)(Kn,{children:n.label}),t[21]=n.label,t[22]=u);let d;t[23]!==a||t[24]!==n||t[25]!==c||t[26]!==o||t[27]!==i?(d=n.type===`select`?(0,$.jsx)(g,{id:o,className:wn(),value:c,required:n.required,onChange:e=>i(Nn(n,e.target.value)),children:(n.options??[]).map(Gn)}):n.type===`textarea`?(0,$.jsx)(`textarea`,{id:o,className:j(Cn(),`min-h-24 resize-y`),value:c,required:n.required,placeholder:n.placeholder,onChange:e=>i(Nn(n,e.target.value))}):n.type===`password`?(0,$.jsx)(Ie,{id:o,className:a,value:c,onChange:e=>i(Nn(n,e)),placeholder:n.placeholder,labels:Ne}):(0,$.jsx)(`input`,{id:o,className:Cn(),type:n.type===`number`?`number`:`text`,autoComplete:n.secret?`new-password`:`off`,spellCheck:!1,value:c,required:n.required,placeholder:n.placeholder,min:n.min,max:n.max,step:n.step,onChange:e=>i(Nn(n,e.target.value))}),t[23]=a,t[24]=n,t[25]=c,t[26]=o,t[27]=i,t[28]=d):d=t[28];let f;t[29]===s?f=t[30]:(f=s?(0,$.jsx)(`p`,{className:`text-xs text-fg-subtle`,children:s}):null,t[29]=s,t[30]=f);let p;return t[31]!==l||t[32]!==u||t[33]!==d||t[34]!==f?(p=(0,$.jsxs)(`div`,{className:l,children:[u,d,f]}),t[31]=l,t[32]=u,t[33]=d,t[34]=f,t[35]=p):p=t[35],p}function Gn(e){return(0,$.jsx)(_,{value:e.id,children:e.name},e.id)}function Kn(e){let t=(0,Z.c)(2),{children:n}=e,r;return t[0]===n?r=t[1]:(r=(0,$.jsx)(`div`,{className:`text-sm font-medium text-fg`,children:n}),t[0]=n,t[1]=r),r}function qn(e){let t=e&&typeof e==`object`&&`tools`in e?e.tools:void 0,n=t&&typeof t==`object`&&`web`in t?t.web:void 0,r=n&&typeof n==`object`&&`region`in n?n.region:void 0,i=r===`cn`||r===`global`?r:`auto`,a=n&&typeof n==`object`&&`search`in n?n.search:void 0,o=a&&typeof a==`object`?a:{},s=typeof o.maxResults==`number`&&Number.isFinite(o.maxResults)?Math.floor(o.maxResults):5,c=n&&typeof n==`object`&&`blocklist`in n?n.blocklist:void 0,l=c&&typeof c==`object`?c:{},u=Array.isArray(l.domains)?l.domains.filter(e=>typeof e==`string`&&e.trim().length>0):[],d=o.providers;return{regionMode:i,maxResults:s,providers:Array.isArray(d)?d.map(e=>{let t=e&&typeof e==`object`?e:{},n=t.type;return{type:n===`brave`||n===`tavily`||n===`bing`||n===`searxng`?n:`brave`,apiKey:typeof t.apiKey==`string`?t.apiKey:``,url:typeof t.url==`string`?t.url:``,disabled:t.disabled===!0}}):[],blocklistEnabled:l.enabled===!0,blocklistDomains:u}}async function Jn(e){let t=e.regionMode===`auto`?`auto`:e.regionMode===`cn`?`cn`:`global`,n={maxResults:e.maxResults,providers:e.providers.map(e=>{let t={type:e.type,apiKey:e.apiKey};return e.type===`searxng`&&e.url.trim()&&(t.url=e.url.trim().replace(/\/+$/,``)),e.disabled&&(t.disabled=!0),t})};await E(k(`/api/config`),{method:`PATCH`,body:JSON.stringify({tools:{web:{region:t,search:n,blocklist:{enabled:e.blocklistEnabled,domains:e.blocklistDomains}}}})}),P()}async function Yn(e){let t=await E(k(`/api/tools/web/reveal-search-api-key`),{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({index:e})});if(!t.ok||!t.payload)throw Error(t.error?.message??`Reveal failed`);return t.payload}function Xn(e){let t=(0,Z.c)(8),{label:n,description:r,children:i}=e,a;t[0]===n?a=t[1]:(a=(0,$.jsx)(`div`,{className:`text-sm font-medium text-fg`,children:n}),t[0]=n,t[1]=a);let o;t[2]===r?o=t[3]:(o=(0,$.jsx)(`p`,{className:`text-xs leading-relaxed text-fg-subtle`,children:r}),t[2]=r,t[3]=o);let s;return t[4]!==i||t[5]!==a||t[6]!==o?(s=(0,$.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[a,i,o]}),t[4]=i,t[5]=a,t[6]=o,t[7]=s):s=t[7],s}function Zn(){return j(`w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg`,`placeholder:text-fg-subtle`,Ce,`dark:border-edge`)}function Qn(){return j(Ue,Ge)}var $n=[`brave`,`tavily`,`bing`,`searxng`];function er(){return{type:`brave`,apiKey:``,url:``,disabled:!1}}var tr=ke();function nr(){let e=T(O(e=>e.language)),t=e.webSearchSettings,n=e.logs,r=!!A(e=>e.token),[i,a]=(0,Q.useReducer)(tr,{form:null,baseline:null}),o=i.form,s=i.baseline,c=(0,Q.useRef)(!1),l=(0,Q.useRef)(o);l.current=o;let u=(0,Q.useRef)(null),{data:d,error:f,isLoading:p,mutate:m}=F(r);mt({enabled:r,parsed:(0,Q.useMemo)(()=>d?.payload?.config===void 0?null:qn(d.payload.config),[d]),dirty:c.current,trackedParsedRef:u,dispatch:a,onResetDirty:()=>{c.current=!1}});let h=!!(r&&p&&d===void 0&&!f),v=f instanceof Error?f.message:f?String(f):null,y=(0,Q.useMemo)(()=>!o||!s?!1:JSON.stringify(o)!==JSON.stringify(s),[o,s]),b=(0,Q.useCallback)(e=>{c.current=!0,a({type:`patch`,patch:e})},[]),x=Tt({value:o,dirty:y,onSave:(0,Q.useCallback)(async e=>{try{await Jn(e),a({type:`saved`,value:e}),c.current=!!(l.current&&JSON.stringify(l.current)!==JSON.stringify(e))}catch(e){throw Error(e instanceof Error?e.message:t.saveError)}},[t.saveError])});return r?h?(0,$.jsx)(xt,{rows:3}):o?(0,$.jsxs)(`div`,{className:`flex flex-col gap-4`,onBlurCapture:x.onBlurCapture,children:[x.error?(0,$.jsx)(`p`,{className:`text-sm text-red-600 dark:text-red-400`,children:x.error}):null,(0,$.jsxs)(Ct,{children:[(0,$.jsx)(St,{icon:tt,title:t.sectionRegion,trailing:(0,$.jsx)(wt,{status:x.status,error:x.error})}),(0,$.jsx)(`div`,{className:`flex max-w-md flex-col gap-4`,children:(0,$.jsx)(Xn,{label:t.regionLabel,children:(0,$.jsxs)(g,{className:Qn(),value:o.regionMode,onChange:e=>b({regionMode:e.target.value}),children:[(0,$.jsx)(_,{value:`auto`,children:t.regionAuto}),(0,$.jsx)(_,{value:`cn`,children:t.regionCn}),(0,$.jsx)(_,{value:`global`,children:t.regionGlobal})]})})})]}),(0,$.jsx)(Vt,{children:(0,$.jsxs)(Ct,{children:[(0,$.jsx)(St,{icon:Y,title:t.sectionBlocklist}),(0,$.jsxs)(`div`,{className:`flex max-w-xl flex-col gap-4`,children:[(0,$.jsxs)(`label`,{className:`flex cursor-pointer items-start gap-2 text-sm text-fg`,children:[(0,$.jsx)(`input`,{type:`checkbox`,className:`ui-checkbox mt-0.5`,checked:o.blocklistEnabled,onChange:e=>b({blocklistEnabled:e.target.checked})}),(0,$.jsxs)(`span`,{children:[(0,$.jsx)(`span`,{className:`font-medium`,children:t.blocklistEnabled}),(0,$.jsx)(`span`,{className:`mt-0.5 block text-xs text-fg-subtle`,children:t.blocklistEnabledDesc})]})]}),(0,$.jsx)(Xn,{label:t.blocklistDomains,description:t.blocklistDomainsDesc,children:(0,$.jsx)(`textarea`,{className:j(Zn(),`min-h-[6rem] font-mono text-xs`),value:o.blocklistDomains.join(`
+`),placeholder:t.blocklistDomainsPlaceholder,disabled:!o.blocklistEnabled,onChange:e=>{b({blocklistDomains:e.target.value.split(/\r?\n/).flatMap(e=>{let t=e.trim().toLowerCase();return t?[t]:[]})})}})})]})]})}),(0,$.jsxs)(Ct,{children:[(0,$.jsx)(St,{icon:tt,title:t.sectionSearch}),(0,$.jsxs)(`div`,{className:`flex max-w-xl flex-col gap-6`,children:[(0,$.jsx)(Xn,{label:t.maxResultsLabel,children:(0,$.jsx)(`input`,{type:`number`,min:1,max:50,className:Zn(),value:o.maxResults,onChange:e=>b({maxResults:Math.max(1,Math.min(50,Number(e.target.value)||5))})})}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,$.jsx)(`div`,{className:`text-sm font-medium text-fg`,children:t.providersTitle}),o.providers.map((n,r)=>(0,$.jsx)(rr,{row:n,providerIndex:r,labels:t,secretLabels:$e(e.providersSettings),onChange:e=>{let t=[...o.providers];t[r]=e,b({providers:t})},onRemove:()=>{b({providers:o.providers.filter((e,t)=>t!==r)})}},`${n.type}:${n.url}:${n.apiKey}:${n.disabled}`)),(0,$.jsxs)(N,{type:`button`,variant:`secondary`,className:`w-fit gap-1.5 text-sm`,onClick:()=>b({providers:[...o.providers,er()]}),children:[(0,$.jsx)(C,{className:`size-4`}),t.addProvider]})]})]})]})]}):(0,$.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,$.jsx)(`p`,{className:`text-sm text-fg-muted`,children:v??t.loadError}),(0,$.jsx)(N,{type:`button`,variant:`secondary`,onClick:()=>void m(),children:n.refresh})]}):(0,$.jsx)(`div`,{className:`flex flex-col gap-3`,children:(0,$.jsx)(`p`,{className:`text-sm text-fg-muted`,children:t.needToken})})}function rr(e){let t=(0,Z.c)(54),{row:n,providerIndex:r,labels:i,secretLabels:a,onChange:o,onRemove:s}=e,c;t[0]===r?c=t[1]:(c=()=>Yn(r).then(ir),t[0]=r,t[1]=c);let l=c,u;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(u=j(Qn(),`min-w-[8rem]`),t[2]=u):u=t[2];let d=n.type,f;t[3]!==o||t[4]!==n?(f=e=>o({...n,type:e.target.value,url:e.target.value===`searxng`?n.url:``}),t[3]=o,t[4]=n,t[5]=f):f=t[5];let p;t[6]===i.providerTypes?p=t[7]:(p=$n.map(e=>(0,$.jsx)(_,{value:e,children:i.providerTypes[e]},e)),t[6]=i.providerTypes,t[7]=p);let m;t[8]!==n.type||t[9]!==f||t[10]!==p?(m=(0,$.jsx)(g,{className:u,value:d,onChange:f,children:p}),t[8]=n.type,t[9]=f,t[10]=p,t[11]=m):m=t[11];let h;t[12]!==o||t[13]!==n?(h=e=>o({...n,disabled:e.target.checked}),t[12]=o,t[13]=n,t[14]=h):h=t[14];let v;t[15]!==n.disabled||t[16]!==h?(v=(0,$.jsx)(`input`,{type:`checkbox`,className:`size-3.5 rounded border-edge`,checked:n.disabled,onChange:h}),t[15]=n.disabled,t[16]=h,t[17]=v):v=t[17];let y;t[18]!==i.disabled||t[19]!==v?(y=(0,$.jsxs)(`label`,{className:`flex cursor-pointer items-center gap-1.5 text-xs text-fg-muted`,children:[v,i.disabled]}),t[18]=i.disabled,t[19]=v,t[20]=y):y=t[20];let b;t[21]===Symbol.for(`react.memo_cache_sentinel`)?(b=(0,$.jsx)(ye,{className:`size-4`}),t[21]=b):b=t[21];let x;t[22]===s?x=t[23]:(x=(0,$.jsx)(N,{type:`button`,variant:`ghost`,className:`h-8 px-2 text-fg-muted`,onClick:s,children:b}),t[22]=s,t[23]=x);let S;t[24]!==x||t[25]!==y?(S=(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[y,x]}),t[24]=x,t[25]=y,t[26]=S):S=t[26];let C;t[27]!==S||t[28]!==m?(C=(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[m,S]}),t[27]=S,t[28]=m,t[29]=C):C=t[29];let w;t[30]!==i.urlDesc||t[31]!==i.urlLabel||t[32]!==o||t[33]!==n?(w=n.type===`searxng`?(0,$.jsx)(Xn,{label:i.urlLabel,description:i.urlDesc,children:(0,$.jsx)(`input`,{type:`url`,className:Zn(),value:n.url,placeholder:`http://localhost:8080`,onChange:e=>o({...n,url:e.target.value})})}):null,t[30]=i.urlDesc,t[31]=i.urlLabel,t[32]=o,t[33]=n,t[34]=w):w=t[34];let T;t[35]!==o||t[36]!==n?(T=e=>o({...n,apiKey:e}),t[35]=o,t[36]=n,t[37]=T):T=t[37];let E;t[38]!==i.keyPlaceholder||t[39]!==i.keyPlaceholderMasked||t[40]!==i.saveError||t[41]!==l||t[42]!==n.apiKey||t[43]!==a||t[44]!==T?(E=(0,$.jsx)(Ie,{value:n.apiKey,onChange:T,placeholder:i.keyPlaceholder,labels:a,reveal:l,loadFailedLabel:i.saveError,notInConfigFile:i.keyPlaceholderMasked}),t[38]=i.keyPlaceholder,t[39]=i.keyPlaceholderMasked,t[40]=i.saveError,t[41]=l,t[42]=n.apiKey,t[43]=a,t[44]=T,t[45]=E):E=t[45];let D;t[46]!==i.apiKeyDesc||t[47]!==i.apiKeyLabel||t[48]!==E?(D=(0,$.jsx)(Xn,{label:i.apiKeyLabel,description:i.apiKeyDesc,children:E}),t[46]=i.apiKeyDesc,t[47]=i.apiKeyLabel,t[48]=E,t[49]=D):D=t[49];let O;return t[50]!==C||t[51]!==w||t[52]!==D?(O=(0,$.jsxs)(`div`,{className:`flex flex-col gap-3 rounded-xl bg-surface-panel/70 p-4 shadow-surface`,children:[C,w,D]}),t[50]=C,t[51]=w,t[52]=D,t[53]=O):O=t[53],O}function ir(e){return e.apiKey??null}var ar=[`common`,`domestic`,`specialty`,`enterprise`,`oauth`,`extension`];function or(e){let t=new Map;for(let e of ar)t.set(e,[]);for(let n of e){let e=n.category||`specialty`,r=t.get(e)??[];r.push(n),t.set(e,r)}return t}var sr=`xopc-cloud`;function cr(e){let t=(0,Z.c)(22),{open:n,onOpenChange:r,builtinRows:i,customConfig:a,labels:o,language:s,onSaved:c}=e,u;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(u={type:`pick`},t[0]=u):u=t[0];let[d,m]=(0,Q.useState)(u),[g,_]=(0,Q.useState)(``),v;t[1]===r?v=t[2]:(v=e=>{e||window.setTimeout(()=>{m({type:`pick`}),_(``)},200),r(e)},t[1]=r,t[2]=v);let y=v,b;t[3]!==y||t[4]!==c?(b=()=>{c(),y(!1)},t[3]=y,t[4]=c,t[5]=b):b=t[5];let x=b,S;t[6]===Symbol.for(`react.memo_cache_sentinel`)?(S=(0,$.jsx)(l,{className:j(`xopc-dialog-overlay fixed inset-0 bg-scrim backdrop-blur-[1px]`,R)}),t[6]=S):S=t[6];let C;t[7]===Symbol.for(`react.memo_cache_sentinel`)?(C=j(`fixed left-1/2 top-1/2 flex max-h-[85vh] w-full max-w-lg -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-2xl border border-edge-subtle bg-surface-base shadow-xl`,L),t[7]=C):C=t[7];let w;t[8]!==i||t[9]!==a||t[10]!==x||t[11]!==o||t[12]!==s||t[13]!==g||t[14]!==d.presetKey||t[15]!==d.providerId||t[16]!==d.type?(w=(0,$.jsxs)(f,{children:[S,(0,$.jsx)(p,{className:C,children:d.type===`pick`?(0,$.jsx)(ur,{builtinRows:i,searchQuery:g,onSearchChange:_,labels:o,onPickBuiltin:e=>{let t=nt(e);m(t?{type:`custom`,presetKey:t}:{type:`builtin`,providerId:e})},onPickCustom:()=>m({type:`custom`})}):d.type===`builtin`?(0,$.jsx)(mr,{providerId:d.providerId,builtinRows:i,labels:o,language:s,onBack:()=>m({type:`pick`}),onSaved:x}):(0,$.jsx)(_r,{initialPresetKey:d.presetKey,customConfig:a,labels:o,language:s,onBack:()=>m({type:`pick`}),onSaved:x})})]}),t[8]=i,t[9]=a,t[10]=x,t[11]=o,t[12]=s,t[13]=g,t[14]=d.presetKey,t[15]=d.providerId,t[16]=d.type,t[17]=w):w=t[17];let T;return t[18]!==y||t[19]!==n||t[20]!==w?(T=(0,$.jsx)(h,{open:n,onOpenChange:y,children:w}),t[18]=y,t[19]=n,t[20]=w,t[21]=T):T=t[21],T}function lr(e){let t=(0,Z.c)(4),{label:n}=e,r;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(r=j(`rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg`,it.press),t[0]=r):r=t[0];let i;t[1]===Symbol.for(`react.memo_cache_sentinel`)?(i=(0,$.jsx)(w,{className:`size-4`,"aria-hidden":!0}),t[1]=i):i=t[1];let a;return t[2]===n?a=t[3]:(a=(0,$.jsx)(d,{asChild:!0,children:(0,$.jsx)(`button`,{type:`button`,className:r,"aria-label":n,children:i})}),t[2]=n,t[3]=a),a}function ur(e){let t=(0,Z.c)(49),{builtinRows:n,searchQuery:r,onSearchChange:i,labels:a,onPickBuiltin:o,onPickCustom:s}=e,c;t[0]===r?c=t[1]:(c=r.trim().toLowerCase(),t[0]=r,t[1]=c);let l=c,u;bb0:{if(!l){u=n;break bb0}let e;if(t[2]!==n||t[3]!==l){let r;t[5]===l?r=t[6]:(r=e=>{let t=st[e.id]?.aliases??[];return e.id.toLowerCase().includes(l)||e.name.toLowerCase().includes(l)||t.some(e=>e.toLowerCase().includes(l))},t[5]=l,t[6]=r),e=n.filter(r),t[2]=n,t[3]=l,t[4]=e}else e=t[4];u=e}let d=u,f;t[7]===d?f=t[8]:(f=d.find(fr),t[7]=d,t[8]=f);let p=f,h;t[9]===d?h=t[10]:(h=or(d.filter(dr)),t[9]=d,t[10]=h);let g=h,_;t[11]===a.step1Title?_=t[12]:(_=(0,$.jsx)(m,{className:`min-w-0 flex-1 text-base font-semibold text-fg`,children:a.step1Title}),t[11]=a.step1Title,t[12]=_);let v;t[13]===a.close?v=t[14]:(v=(0,$.jsx)(lr,{label:a.close}),t[13]=a.close,t[14]=v);let y;t[15]!==_||t[16]!==v?(y=(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-2 border-b border-edge-subtle px-5 py-4`,children:[_,v]}),t[15]=_,t[16]=v,t[17]=y):y=t[17];let b;t[18]===Symbol.for(`react.memo_cache_sentinel`)?(b=(0,$.jsx)(tt,{className:`pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-fg-subtle`,strokeWidth:1.75,"aria-hidden":!0}),t[18]=b):b=t[18];let S;t[19]===i?S=t[20]:(S=e=>i(e.target.value),t[19]=i,t[20]=S);let C=a.searchPlaceholder,w;t[21]===Symbol.for(`react.memo_cache_sentinel`)?(w=j(`w-full rounded-lg border border-edge bg-surface-panel py-2 pl-10 pr-3 text-sm text-fg placeholder:text-fg-subtle`,Ce),t[21]=w):w=t[21];let T;t[22]!==a.searchPlaceholder||t[23]!==r||t[24]!==S?(T=(0,$.jsx)(`div`,{className:`px-5 pt-3`,children:(0,$.jsxs)(`div`,{className:`relative`,children:[b,(0,$.jsx)(`input`,{type:`search`,value:r,onChange:S,placeholder:C,autoComplete:`off`,className:w})]})}),t[22]=a.searchPlaceholder,t[23]=r,t[24]=S,t[25]=T):T=t[25];let E;t[26]!==a.recommended||t[27]!==o||t[28]!==p?(E=p?(0,$.jsxs)(`div`,{className:`mb-2`,children:[(0,$.jsx)(`p`,{className:`mb-1 px-1 text-[11px] font-semibold uppercase tracking-wide text-fg-subtle`,children:a.recommended}),(0,$.jsx)(pr,{row:p,onPick:o})]}):null,t[26]=a.recommended,t[27]=o,t[28]=p,t[29]=E):E=t[29];let D;t[30]!==a.addCustom||t[31]!==a.customDescription||t[32]!==s||t[33]!==l?(D=l?null:(0,$.jsxs)(`button`,{type:`button`,onClick:s,className:j(`mb-3 flex w-full items-center gap-3 rounded-xl border border-dashed border-edge-subtle bg-surface-panel/40 px-4 py-3 text-left transition-colors`,`hover:bg-surface-hover/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent`,it.press),children:[(0,$.jsx)(x,{className:`size-5 shrink-0 text-fg-subtle`,strokeWidth:1.75,"aria-hidden":!0}),(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,$.jsx)(`span`,{className:`text-sm font-medium text-fg`,children:a.addCustom}),(0,$.jsx)(`p`,{className:`mt-0.5 text-xs text-fg-muted`,children:a.customDescription})]}),(0,$.jsx)(Re,{className:`size-4 shrink-0 text-fg-subtle`,"aria-hidden":!0})]}),t[30]=a.addCustom,t[31]=a.customDescription,t[32]=s,t[33]=l,t[34]=D):D=t[34];let O;t[35]!==d.length||t[36]!==g||t[37]!==a.categories||t[38]!==a.noResults||t[39]!==o?(O=d.length===0?(0,$.jsx)(`p`,{className:`py-6 text-center text-sm text-fg-muted`,children:a.noResults}):(0,$.jsx)(`div`,{className:`flex flex-col gap-2`,children:ar.map(e=>{let t=g.get(e)??[];return t.length===0?null:(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`p`,{className:`mb-1 px-1 text-[11px] font-semibold uppercase tracking-wide text-fg-subtle`,children:a.categories[e]??e}),(0,$.jsx)(`div`,{className:`flex flex-col gap-0.5`,children:t.map(e=>(0,$.jsx)(pr,{row:e,onPick:o},e.id))})]},e)})}),t[35]=d.length,t[36]=g,t[37]=a.categories,t[38]=a.noResults,t[39]=o,t[40]=O):O=t[40];let k;t[41]!==E||t[42]!==D||t[43]!==O?(k=(0,$.jsxs)(`div`,{className:`flex-1 overflow-y-auto px-5 py-3`,children:[E,D,O]}),t[41]=E,t[42]=D,t[43]=O,t[44]=k):k=t[44];let A;return t[45]!==T||t[46]!==k||t[47]!==y?(A=(0,$.jsxs)($.Fragment,{children:[y,T,k]}),t[45]=T,t[46]=k,t[47]=y,t[48]=A):A=t[48],A}function dr(e){return e.id!==sr}function fr(e){return e.id===sr}function pr(e){let t=(0,Z.c)(12),{row:n,onPick:r}=e,i;t[0]!==r||t[1]!==n.id?(i=()=>r(n.id),t[0]=r,t[1]=n.id,t[2]=i):i=t[2];let a;t[3]===Symbol.for(`react.memo_cache_sentinel`)?(a=j(`flex w-full items-center justify-between gap-2 rounded-lg px-3 py-2.5 text-left transition-colors`,`hover:bg-surface-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent`,it.press),t[3]=a):a=t[3];let o;t[4]===n.name?o=t[5]:(o=(0,$.jsx)(`span`,{className:`truncate text-sm text-fg`,children:n.name}),t[4]=n.name,t[5]=o);let s;t[6]===n.configured?s=t[7]:(s=n.configured?(0,$.jsx)(y,{className:`size-3.5 shrink-0 text-emerald-600 dark:text-emerald-400`,"aria-hidden":!0}):null,t[6]=n.configured,t[7]=s);let c;return t[8]!==i||t[9]!==o||t[10]!==s?(c=(0,$.jsxs)(`button`,{type:`button`,onClick:i,className:a,children:[o,s]}),t[8]=i,t[9]=o,t[10]=s,t[11]=c):c=t[11],c}function mr({providerId:e,builtinRows:t,labels:n,language:r,onBack:i,onSaved:a}){let o=t.find(t=>t.id===e),s=st[e],[c,l]=(0,Q.useState)(``),[u,d]=(0,Q.useState)(!1),[f,p]=(0,Q.useState)(null),[h,g]=(0,Q.useState)(!1),_=(0,Q.useRef)(null),v=T(r).providersSettings,b=$e(v),x=(0,Q.useMemo)(()=>ce(e,r),[e,r]),C=o?.supportsApiKey!==!1,w=o?.supportsOAuth===!0,[E,D]=(0,Q.useState)(null),[O,k]=(0,Q.useState)(null),[A,M]=(0,Q.useState)(`idle`),[P,F]=(0,Q.useState)(null),[I,L]=(0,Q.useState)(null),[R,z]=(0,Q.useState)(null),[B,V]=(0,Q.useState)(``),H=(0,Q.useRef)(null),U=(0,Q.useRef)(null),W=A===`waiting`||A===`waiting_code`;(0,Q.useEffect)(()=>{if(!E||!W)return;let t=window.setInterval(()=>{(async()=>{try{let n=await ht(E);n.status===`waiting_auth`||n.status===`waiting_code`?(M(n.status===`waiting_code`?`waiting_code`:`waiting`),k(n.message??null),F(n.authUrl??null),L(n.instructions??null),z(n.deviceCode??null),n.authUrl&&n.authUrl!==U.current&&(U.current=n.authUrl,vt(n.authUrl,H.current).catch(()=>{}))):n.status===`completed`?(window.clearInterval(t),me(H.current),H.current=null,e===`xopc-cloud`&&await ae(),M(`success`),k(n.message??v.saved),window.setTimeout(a,600)):(n.status===`failed`||n.status===`cancelled`)&&(window.clearInterval(t),me(H.current),H.current=null,M(`error`),k(n.error??n.message??v.revokeFailed))}catch{}})()},1e3);return()=>window.clearInterval(t)},[E,W,a,e,v.revokeFailed,v.saved]),(0,Q.useEffect)(()=>()=>{E&&je(E).catch(()=>{})},[E]),(0,Q.useEffect)(()=>()=>{me(H.current),H.current=null},[]);let ee=async()=>{me(H.current),H.current=G(),U.current=null,M(`waiting`),k(v.oauthStarting),F(null),L(null),z(null),p(null);try{D((await te(e)).sessionId)}catch(e){me(H.current),H.current=null,M(`error`),k(e instanceof Error?e.message:v.revokeFailed)}},K=async()=>{if(E){try{await _t(E)}catch{}me(H.current),H.current=null,U.current=null,M(`idle`),k(null),D(null),F(null),L(null),z(null)}},ne=async()=>{if(!(!E||!B.trim()))try{await pt(E,B.trim()),V(``),k(v.oauthProcessingCode)}catch(e){M(`error`),k(e instanceof Error?e.message:v.revokeFailed)}},re=async()=>{let t=c.trim();if(!(!t||!C)){d(!0),p(null);try{await Ze({[e]:t}),g(!0),window.setTimeout(a,600)}catch(e){p(e instanceof Error?e.message:n.saveError)}finally{d(!1)}}};return(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 border-b border-edge-subtle px-5 py-4`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:i,className:j(`rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg`,it.press),"aria-label":n.back,children:(0,$.jsx)(Re,{className:`size-4 rotate-180`,"aria-hidden":!0})}),(0,$.jsx)(m,{className:`min-w-0 flex-1 text-base font-semibold text-fg`,children:o?.name??e}),(0,$.jsx)(lr,{label:n.close})]}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-4 px-5 py-4`,children:[s?.description?(0,$.jsx)(`p`,{className:`text-sm text-fg-muted`,children:s.description}):null,C?(0,$.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,$.jsx)(`label`,{htmlFor:`builtin-api-key`,className:`text-sm font-medium text-fg`,children:n.apiKeyLabel}),(0,$.jsx)(Ie,{id:`builtin-api-key`,value:c,onChange:l,placeholder:n.apiKeyPlaceholder,labels:b,inputRef:_,onKeyDown:e=>{e.key===`Enter`&&re()}})]}):null,w?(0,$.jsxs)(`div`,{className:`flex flex-col gap-2 rounded-lg border border-edge-subtle bg-surface-panel/60 p-3`,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsx)(`p`,{className:`text-sm font-medium text-fg`,children:v.oauth}),(0,$.jsx)(`p`,{className:`mt-0.5 text-xs text-fg-muted`,children:v.oauthHint})]}),(0,$.jsxs)(N,{type:`button`,variant:`primary`,className:`gap-1.5`,disabled:W,onClick:()=>void ee(),children:[W?(0,$.jsx)(S,{className:`size-3.5 animate-spin`,"aria-hidden":!0}):null,v.oauth]})]}),O?(0,$.jsx)(`p`,{className:j(`text-xs`,A===`error`?`text-red-600 dark:text-red-400`:`text-fg-muted`),children:O}):null,A===`waiting`||A===`waiting_code`?(0,$.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[P?(0,$.jsxs)(`a`,{href:P,target:`_blank`,rel:`noreferrer`,className:`inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-sm font-medium text-white hover:bg-accent-hover`,children:[v.openAuthPage,(0,$.jsx)(`span`,{className:`size-3`,"aria-hidden":!0,children:`↗`})]}):null,(0,$.jsx)(N,{type:`button`,variant:`secondary`,onClick:()=>void K(),children:v.cancelOAuth})]}):null,I?(0,$.jsx)(`p`,{className:`text-xs text-fg-muted`,children:I}):null,R?(0,$.jsxs)(`div`,{className:`rounded-lg border border-edge-subtle bg-surface-panel px-3 py-2`,children:[(0,$.jsx)(`p`,{className:`text-xs text-fg-muted`,children:v.deviceCodeLabel}),(0,$.jsx)(`code`,{className:`mt-1 block select-all font-mono text-lg font-semibold tracking-widest text-fg`,children:R}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-fg-subtle`,children:v.deviceCodeHint})]}):null,A===`waiting_code`?(0,$.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row`,children:[(0,$.jsx)(`input`,{type:`text`,value:B,onChange:e=>V(e.target.value),onKeyDown:e=>e.key===`Enter`&&void ne(),placeholder:v.pasteRedirectUrl,className:j(`min-w-0 flex-1 rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg placeholder:text-fg-subtle`,Ce)}),(0,$.jsx)(N,{type:`button`,variant:`primary`,onClick:()=>void ne(),children:v.submitCode})]}):null]}):null,x.length>0&&C?(0,$.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:x.map(({kind:e,href:t})=>(0,$.jsxs)(`a`,{href:t,target:`_blank`,rel:`noreferrer`,className:`inline-flex items-center gap-1 text-xs text-accent hover:underline`,children:[be(e,n),(0,$.jsx)(`span`,{className:`size-3`,"aria-hidden":!0,children:`↗`})]},e))}):null,f?(0,$.jsx)(`p`,{className:`text-sm text-red-600 dark:text-red-400`,children:f}):null,(0,$.jsxs)(`div`,{className:`flex items-center justify-end gap-2`,children:[(0,$.jsx)(N,{type:`button`,variant:`secondary`,onClick:i,children:n.cancel}),C?(0,$.jsx)(N,{type:`button`,variant:`primary`,disabled:!c.trim()||u||h,onClick:()=>void re(),children:h?(0,$.jsxs)(`span`,{className:`flex items-center gap-1.5`,children:[(0,$.jsx)(y,{className:`size-3.5`,"aria-hidden":!0}),n.saved]}):u?(0,$.jsxs)(`span`,{className:`flex items-center gap-1.5`,children:[(0,$.jsx)(S,{className:`size-3.5 animate-spin`,"aria-hidden":!0}),n.saving]}):n.save}):null]})]})]})}function hr(e=`custom`){if(e!==`custom`&&dt[e]){let t=dt[e].config;return{preset:e,providerId:We(e),baseUrl:t.baseUrl??``,api:t.api??`openai-completions`,apiKey:t.apiKey??``,modelIds:t.models?.map(e=>e.id)??[``],error:null}}return{preset:`custom`,providerId:``,baseUrl:``,api:`openai-completions`,apiKey:``,modelIds:[``],error:null}}function gr(e,t){switch(t.type){case`applyPreset`:return t.key===`custom`?{...e,preset:`custom`,error:null}:dt[t.key]?hr(t.key):e;case`setProviderId`:return{...e,providerId:t.value};case`setBaseUrl`:return{...e,baseUrl:t.value};case`setApi`:return{...e,api:t.value};case`setApiKey`:return{...e,apiKey:t.value};case`addModelSlot`:return{...e,modelIds:[...e.modelIds,``]};case`updateModelId`:return{...e,modelIds:e.modelIds.map((e,n)=>n===t.index?t.value:e)};case`setModelIds`:return{...e,modelIds:t.values.length>0?t.values:[``]};case`removeModelSlot`:return{...e,modelIds:e.modelIds.filter((e,n)=>n!==t.index)};case`setError`:return{...e,error:t.value}}}function _r({initialPresetKey:e,customConfig:t,labels:n,language:r,onBack:i,onSaved:a}){let[o,s]=(0,Q.useReducer)(gr,void 0,()=>hr(e)),[c,l]=(0,Q.useState)(!1),[u,d]=(0,Q.useState)(!1),f=$e(T(r).providersSettings),{preset:p,providerId:h,baseUrl:v,api:y,apiKey:b,modelIds:x,error:E}=o,D=async()=>{let e=h.trim(),r=v.trim();if(!e){s({type:`setError`,value:n.providerIdRequired});return}if(!r){s({type:`setError`,value:n.baseUrlRequired});return}let i=x.map(e=>e.trim()).filter(Boolean);l(!0),s({type:`setError`,value:null});try{let n=t?.providers??{},o=p===`custom`?void 0:dt[p]?.config,s={...o??{},baseUrl:r,api:y,apiKey:b.trim()||void 0,models:i.map(e=>o?.models?.find(t=>t.id===e)??{id:e})};await Pe({providers:{...n,[e]:s}}),a()}catch(e){s({type:`setError`,value:e instanceof Error?e.message:n.saveError})}finally{l(!1)}},O=async()=>{let e=h.trim()||We(p)||`custom`,t=v.trim();if(!t){s({type:`setError`,value:n.baseUrlRequired});return}d(!0),s({type:`setError`,value:null});try{let r=p===`custom`?void 0:dt[p]?.config,i=(await Oe({providerId:e,baseUrl:t,apiKey:b.trim()||void 0,api:y,headers:r?.headers})).map(e=>e.id).filter(e=>e&&!e.includes(`/`));s({type:`setModelIds`,values:i}),i.length===0&&s({type:`setError`,value:n.discoverModelsHint})}catch(e){s({type:`setError`,value:e instanceof Error?e.message:n.discoverModelsHint})}finally{d(!1)}},k=h.trim()&&v.trim(),A=(y===`openai-completions`||y===`openai-responses`)&&v.trim();return(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 border-b border-edge-subtle px-5 py-4`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:i,className:j(`rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg`,it.press),"aria-label":n.back,children:(0,$.jsx)(Re,{className:`size-4 rotate-180`,"aria-hidden":!0})}),(0,$.jsx)(m,{className:`min-w-0 flex-1 text-base font-semibold text-fg`,children:n.step2CustomTitle}),(0,$.jsx)(lr,{label:n.close})]}),(0,$.jsxs)(`div`,{className:`flex max-h-[60vh] flex-col gap-4 overflow-y-auto px-5 py-4`,children:[(0,$.jsx)(`p`,{className:`text-sm text-fg-muted`,children:n.customDescription}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,$.jsx)(`label`,{htmlFor:`custom-preset`,className:`text-sm font-medium text-fg`,children:n.presetLabel}),(0,$.jsxs)(g,{id:`custom-preset`,value:p,onChange:e=>s({type:`applyPreset`,key:e.target.value}),className:we(),children:[(0,$.jsx)(_,{value:`custom`,children:n.presetCustom}),Le.map(e=>(0,$.jsx)(_,{value:e.key,children:e.label},e.key))]})]}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,$.jsx)(`label`,{htmlFor:`custom-provider-id`,className:`text-sm font-medium text-fg`,children:n.providerIdLabel}),(0,$.jsx)(`input`,{id:`custom-provider-id`,type:`text`,autoComplete:`off`,value:h,onChange:e=>s({type:`setProviderId`,value:e.target.value}),placeholder:n.providerIdPlaceholder,className:j(`rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg placeholder:text-fg-subtle`,Ce)})]}),(0,$.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[(0,$.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,$.jsx)(`label`,{htmlFor:`custom-base-url`,className:`text-sm font-medium text-fg`,children:n.baseUrlLabel}),(0,$.jsx)(`input`,{id:`custom-base-url`,type:`url`,autoComplete:`off`,value:v,onChange:e=>s({type:`setBaseUrl`,value:e.target.value}),placeholder:n.baseUrlPlaceholder,className:j(`rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg placeholder:text-fg-subtle`,Ce)})]}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,$.jsx)(`label`,{htmlFor:`custom-api-type`,className:`text-sm font-medium text-fg`,children:n.apiTypeLabel}),(0,$.jsx)(g,{id:`custom-api-type`,value:y,onChange:e=>s({type:`setApi`,value:e.target.value}),className:we(),children:lt.map(e=>(0,$.jsx)(_,{value:e.value,children:e.label},e.value))})]})]}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,$.jsx)(`label`,{htmlFor:`custom-api-key`,className:`text-sm font-medium text-fg`,children:n.apiKeyLabel}),(0,$.jsx)(Ie,{id:`custom-api-key`,value:b,onChange:e=>s({type:`setApiKey`,value:e}),placeholder:n.apiKeyPlaceholder,labels:f})]}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[(0,$.jsx)(`span`,{className:`text-sm font-medium text-fg`,children:n.modelIdLabel}),(0,$.jsxs)(N,{type:`button`,variant:`secondary`,className:`gap-1.5`,disabled:!A||u,onClick:()=>void O(),children:[u?(0,$.jsx)(S,{className:`size-3.5 animate-spin`,"aria-hidden":!0}):(0,$.jsx)(tt,{className:`size-3.5`,"aria-hidden":!0}),u?n.discoveringModels:n.discoverModels]})]}),x.map((e,t)=>(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`input`,{type:`text`,autoComplete:`off`,value:e,onChange:e=>s({type:`updateModelId`,index:t,value:e.target.value}),placeholder:n.modelIdPlaceholder,className:j(`flex-1 rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg placeholder:text-fg-subtle`,Ce)}),x.length>1?(0,$.jsx)(`button`,{type:`button`,onClick:()=>s({type:`removeModelSlot`,index:t}),className:j(`rounded-lg p-1.5 text-fg-subtle hover:bg-surface-hover hover:text-fg`,it.press),children:(0,$.jsx)(w,{className:`size-3.5`,"aria-hidden":!0})}):null]},e||`model-slot-${t}`)),(0,$.jsxs)(N,{type:`button`,variant:`ghost`,className:`w-fit gap-1.5 text-fg-muted`,onClick:()=>s({type:`addModelSlot`}),children:[(0,$.jsx)(C,{className:`size-3.5`,"aria-hidden":!0}),n.addModel]})]}),E?(0,$.jsx)(`p`,{className:`text-sm text-red-600 dark:text-red-400`,children:E}):null]}),(0,$.jsxs)(`div`,{className:`flex items-center justify-end gap-2 border-t border-edge-subtle px-5 py-3`,children:[(0,$.jsx)(N,{type:`button`,variant:`secondary`,onClick:i,children:n.cancel}),(0,$.jsx)(N,{type:`button`,variant:`primary`,disabled:!k||c,onClick:()=>void D(),children:c?(0,$.jsxs)(`span`,{className:`flex items-center gap-1.5`,children:[(0,$.jsx)(S,{className:`size-3.5 animate-spin`,"aria-hidden":!0}),n.saving]}):n.save})]})]})}function vr(){let e=(0,Z.c)(31),t=A(Cr),n=!!t,{data:r,isLoading:i}=F(n),a;e[0]===n?a=e[1]:(a=n?k(`/api/providers/meta`):null,e[0]=n,e[1]=a);let o;e[2]===t?o=e[3]:(o=async e=>{let{payload:n}=await(await fetch(e,{headers:{Authorization:`Bearer ${t}`}})).json();return n?.providers??[]},e[2]=t,e[3]=o);let s;e[4]===Symbol.for(`react.memo_cache_sentinel`)?(s={revalidateOnFocus:!1},e[4]=s):s=e[4];let{data:c,isLoading:l}=M(a,o,s),u;e[5]===Symbol.for(`react.memo_cache_sentinel`)?(u={revalidateOnFocus:!1},e[5]=u):u=e[5];let{data:d,isLoading:f}=M(n?B:null,Sr,u),p;e[6]===d?p=e[7]:(p=d===void 0?[]:d,e[6]=d,e[7]=p);let m=p,h;e[8]===Symbol.for(`react.memo_cache_sentinel`)?(h={revalidateOnFocus:!1},e[8]=h):h=e[8];let{data:g}=M(n?ue:null,xr,h),_;bb0:{if(!c||r===void 0){let t;e[9]===Symbol.for(`react.memo_cache_sentinel`)?(t=[],e[9]=t):t=e[9],_=t;break bb0}let t;e[10]!==r?.payload?.config||e[11]!==c||e[12]!==m?(t=fe(c,U(r?.payload?.config),m),e[10]=r?.payload?.config,e[11]=c,e[12]=m,e[13]=t):t=e[13],_=t}let v=_,y;bb1:{if(!g){y=null;break bb1}let t;e[14]===g.config?t=e[15]:(t=ut(g.config),e[14]=g.config,e[15]=t),y=t}let b=y,x;if(e[16]!==v||e[17]!==b||e[18]!==c||e[19]!==m){x=[];let t=new Set((c??[]).filter(br).map(yr)),n;e[21]===b?n=e[22]:(n=new Set(b?Object.keys(b.providers):[]),e[21]=b,e[22]=n);let r=n;for(let e of v){if(!t.has(e.id))continue;let n=r.has(e.id),i=n?b.providers[e.id]?.models?.length??0:m.filter(t=>t.provider===e.id).length;x.push({id:e.id,name:e.name,configured:!0,isCustom:n,modelCount:i})}if(b){let t;e[23]===b.providers?t=e[24]:(t=Object.entries(b.providers),e[23]=b.providers,e[24]=t);for(let[e,n]of t)x.some(t=>t.id===e)||x.push({id:e,name:e,configured:!0,isCustom:!0,modelCount:n.models?.length??0})}e[16]=v,e[17]=b,e[18]=c,e[19]=m,e[20]=x}else x=e[20];let S=x,C=i||l||f,w;return e[25]!==v||e[26]!==S||e[27]!==b||e[28]!==C||e[29]!==m?(w={cards:S,loading:C,builtinRows:v,customConfig:b,allModels:m},e[25]=v,e[26]=S,e[27]=b,e[28]=C,e[29]=m,e[30]=w):w=e[30],w}function yr(e){return e.id}function br(e){return e.configured}function xr(){return at()}function Sr(){return z()}function Cr(e){return e.token}function wr(e){let t=(0,Z.c)(16),{labels:n,data:r,onAdd:i,onManage:a}=e,{cards:o,loading:s}=r;if(s){let e;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(e=(0,$.jsx)(I,{className:`h-6 w-48 max-w-full`}),t[0]=e):e=t[0];let n;return t[1]===Symbol.for(`react.memo_cache_sentinel`)?(n=(0,$.jsxs)(`div`,{className:`flex flex-col gap-3`,"aria-busy":`true`,children:[e,(0,$.jsx)(`div`,{className:`grid gap-3 sm:grid-cols-2 lg:grid-cols-3`,children:[1,2,3].map(Er)})]}),t[1]=n):n=t[1],n}let c;if(t[2]!==o||t[3]!==n||t[4]!==i||t[5]!==a){let e=o.filter(Tr),r=e.length>0?n.titleCount.replace(`{{count}}`,String(e.length)):n.title,s;t[7]===r?s=t[8]:(s=(0,$.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:r}),t[7]=r,t[8]=s);let l;t[9]===Symbol.for(`react.memo_cache_sentinel`)?(l=(0,$.jsx)(C,{className:`size-3.5`,strokeWidth:2,"aria-hidden":!0}),t[9]=l):l=t[9];let u;t[10]!==n.addProvider||t[11]!==i?(u=(0,$.jsxs)(N,{type:`button`,variant:`primary`,className:`gap-1.5`,onClick:i,children:[l,n.addProvider]}),t[10]=n.addProvider,t[11]=i,t[12]=u):u=t[12];let d;t[13]!==s||t[14]!==u?(d=(0,$.jsxs)(`div`,{className:`flex items-center justify-between`,children:[s,u]}),t[13]=s,t[14]=u,t[15]=d):d=t[15],c=(0,$.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[d,e.length===0?(0,$.jsxs)(`div`,{className:`rounded-2xl bg-surface-panel/60 px-6 py-10 text-center shadow-surface`,children:[(0,$.jsx)(`p`,{className:`text-sm font-medium text-fg`,children:n.empty}),(0,$.jsx)(`p`,{className:`mt-1 text-sm text-fg-muted`,children:n.emptyHint}),(0,$.jsxs)(N,{type:`button`,variant:`primary`,className:`mt-4 gap-1.5`,onClick:i,children:[(0,$.jsx)(C,{className:`size-3.5`,strokeWidth:2,"aria-hidden":!0}),n.addProvider]})]}):(0,$.jsx)(`div`,{className:`grid gap-3 sm:grid-cols-2 lg:grid-cols-3`,children:e.map(e=>(0,$.jsx)(Dr,{card:e,labels:n,onManage:()=>a(e.id,e.isCustom)},e.id))})]}),t[2]=o,t[3]=n,t[4]=i,t[5]=a,t[6]=c}else c=t[6];return c}function Tr(e){return e.configured}function Er(e){return(0,$.jsx)(I,{className:`h-32 rounded-2xl`},e)}function Dr(e){let t=(0,Z.c)(28),{card:n,labels:r,onManage:i}=e,a;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(a=j(`group relative flex flex-col justify-between rounded-2xl bg-surface-base p-4 text-left shadow-surface transition-colors`,`hover:bg-surface-hover/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent`,it.pressCard),t[0]=a):a=t[0];let o;t[1]===n.name?o=t[2]:(o=(0,$.jsx)(`span`,{className:`truncate text-sm font-semibold text-fg`,children:n.name}),t[1]=n.name,t[2]=o);let s;t[3]!==n.isCustom||t[4]!==r.custom?(s=n.isCustom?(0,$.jsx)(`span`,{className:`shrink-0 rounded bg-surface-hover px-1.5 py-0.5 text-[10px] font-medium text-fg-subtle`,children:r.custom}):null,t[3]=n.isCustom,t[4]=r.custom,t[5]=s):s=t[5];let c;t[6]!==o||t[7]!==s?(c=(0,$.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[o,s]}),t[6]=o,t[7]=s,t[8]=c):c=t[8];let l;t[9]===Symbol.for(`react.memo_cache_sentinel`)?(l=(0,$.jsx)(y,{className:`size-4 shrink-0 text-emerald-600 dark:text-emerald-400`,"aria-hidden":!0}),t[9]=l):l=t[9];let u;t[10]===c?u=t[11]:(u=(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[c,l]}),t[10]=c,t[11]=u);let d;t[12]!==n.modelCount||t[13]!==r.modelsCount||t[14]!==r.noModels?(d=n.modelCount>0?r.modelsCount.replace(`{{count}}`,String(n.modelCount)):r.noModels,t[12]=n.modelCount,t[13]=r.modelsCount,t[14]=r.noModels,t[15]=d):d=t[15];let f;t[16]===d?f=t[17]:(f=(0,$.jsx)(`span`,{className:`text-xs text-fg-subtle`,children:d}),t[16]=d,t[17]=f);let p;t[18]===Symbol.for(`react.memo_cache_sentinel`)?(p=(0,$.jsx)(Fe,{className:`size-3`,"aria-hidden":!0}),t[18]=p):p=t[18];let m;t[19]===r.manage?m=t[20]:(m=(0,$.jsxs)(`span`,{className:`flex items-center gap-1 text-xs font-medium text-accent-fg opacity-0 transition-opacity group-hover:opacity-100`,children:[p,r.manage]}),t[19]=r.manage,t[20]=m);let h;t[21]!==m||t[22]!==f?(h=(0,$.jsxs)(`div`,{className:`mt-2.5 flex items-center justify-between`,children:[f,m]}),t[21]=m,t[22]=f,t[23]=h):h=t[23];let g;return t[24]!==i||t[25]!==h||t[26]!==u?(g=(0,$.jsxs)(`button`,{type:`button`,onClick:i,className:a,children:[u,h]}),t[24]=i,t[25]=h,t[26]=u,t[27]=g):g=t[27],g}function Or(e){let t=(0,Z.c)(156),{model:n,isNew:r,providerId:i,onSave:a,onClose:o,m:s}=e,c;t[0]===n?c=t[1]:(c=()=>n?{...n}:Je(``),t[0]=n,t[1]=c);let[l,u]=(0,Q.useState)(c),[f,p]=(0,Q.useState)(kr),h;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(h=(e,t)=>{u(n=>({...n,[e]:t})),p(t=>{let n=new Map(t);return n.delete(e),n})},t[2]=h):h=t[2];let v=h,y;t[3]!==l.contextWindow||t[4]!==l.id||t[5]!==l.maxTokens||t[6]!==s.modelIdRequired||t[7]!==s.mustBePositive?(y=()=>{let e=new Map;return(l.id||``).trim()||e.set(`id`,s.modelIdRequired),l.contextWindow!==void 0&&l.contextWindow<=0&&e.set(`contextWindow`,s.mustBePositive),l.maxTokens!==void 0&&l.maxTokens<=0&&e.set(`maxTokens`,s.mustBePositive),p(e),e.size===0},t[3]=l.contextWindow,t[4]=l.id,t[5]=l.maxTokens,t[6]=s.modelIdRequired,t[7]=s.mustBePositive,t[8]=y):y=t[8];let b=y,x;t[9]!==l||t[10]!==o||t[11]!==a||t[12]!==b?(x=()=>{if(!b())return;let e=(l.id||``).trim();a({...l,id:e,name:l.name?.trim()||e,reasoning:l.reasoning||!1,input:l.input||[`text`],contextWindow:l.contextWindow??128e3,maxTokens:l.maxTokens??16384,cost:{input:l.cost?.input??0,output:l.cost?.output??0,cacheRead:l.cost?.cacheRead??0,cacheWrite:l.cost?.cacheWrite??0}}),o()},t[9]=l,t[10]=o,t[11]=a,t[12]=b,t[13]=x):x=t[13];let S=x,C=l,T;t[14]===C?T=t[15]:(T=Ke(C),t[14]=C,t[15]=T);let E=T,D=r?s.addModelTitle:s.editModelTitle,O;t[16]===D?O=t[17]:(O=(0,$.jsx)(m,{className:`text-base font-semibold text-fg`,children:D}),t[16]=D,t[17]=O);let k;t[18]!==s.modelProviderLabel||t[19]!==i?(k=i?(0,$.jsxs)(`p`,{className:`mt-0.5 text-xs text-fg-muted`,children:[s.modelProviderLabel,`: `,i]}):null,t[18]=s.modelProviderLabel,t[19]=i,t[20]=k):k=t[20];let A;t[21]!==O||t[22]!==k?(A=(0,$.jsxs)(`div`,{children:[O,k]}),t[21]=O,t[22]=k,t[23]=A):A=t[23];let M;t[24]===Symbol.for(`react.memo_cache_sentinel`)?(M=j(De,`p-1.5 hover:bg-surface-base`),t[24]=M):M=t[24];let P;t[25]===Symbol.for(`react.memo_cache_sentinel`)?(P=(0,$.jsx)(w,{className:`size-4`}),t[25]=P):P=t[25];let F;t[26]===s.close?F=t[27]:(F=(0,$.jsx)(d,{asChild:!0,children:(0,$.jsx)(`button`,{type:`button`,className:M,"aria-label":s.close,children:P})}),t[26]=s.close,t[27]=F);let I;t[28]!==A||t[29]!==F?(I=(0,$.jsxs)(`div`,{className:`mb-3 flex items-start justify-between gap-2`,children:[A,F]}),t[28]=A,t[29]=F,t[30]=I):I=t[30];let L;t[31]===Symbol.for(`react.memo_cache_sentinel`)?(L=(0,$.jsx)(`span`,{className:`text-red-600 dark:text-red-400`,children:` *`}),t[31]=L):L=t[31];let R;t[32]===s.modelId?R=t[33]:(R=(0,$.jsxs)(`label`,{className:`mb-1 block text-xs font-medium text-fg`,children:[s.modelId,L]}),t[32]=s.modelId,t[33]=R);let z;t[34]===f?z=t[35]:(z=j(Ve(),f.has(`id`)&&`border-red-500`),t[34]=f,t[35]=z);let B=l.id||``,V;t[36]===Symbol.for(`react.memo_cache_sentinel`)?(V=e=>v(`id`,e.target.value),t[36]=V):V=t[36];let H=!r,U;t[37]!==z||t[38]!==B||t[39]!==H?(U=(0,$.jsx)(`input`,{className:z,value:B,onChange:V,placeholder:`e.g. llama3.1:8b`,disabled:H}),t[37]=z,t[38]=B,t[39]=H,t[40]=U):U=t[40];let W;t[41]===f?W=t[42]:(W=f.has(`id`)?(0,$.jsx)(`p`,{className:`mt-1 text-xs text-red-600 dark:text-red-400`,children:f.get(`id`)}):null,t[41]=f,t[42]=W);let G;t[43]!==R||t[44]!==U||t[45]!==W?(G=(0,$.jsxs)(`div`,{children:[R,U,W]}),t[43]=R,t[44]=U,t[45]=W,t[46]=G):G=t[46];let ee;t[47]===s.displayName?ee=t[48]:(ee=(0,$.jsx)(`label`,{className:`mb-1 block text-xs font-medium text-fg-muted`,children:s.displayName}),t[47]=s.displayName,t[48]=ee);let K;t[49]===Symbol.for(`react.memo_cache_sentinel`)?(K=Ve(),t[49]=K):K=t[49];let te=l.name||``,ne;t[50]===Symbol.for(`react.memo_cache_sentinel`)?(ne=e=>v(`name`,e.target.value),t[50]=ne):ne=t[50];let re;t[51]===te?re=t[52]:(re=(0,$.jsx)(`input`,{className:K,value:te,onChange:ne}),t[51]=te,t[52]=re);let q;t[53]!==ee||t[54]!==re?(q=(0,$.jsxs)(`div`,{children:[ee,re]}),t[53]=ee,t[54]=re,t[55]=q):q=t[55];let J;t[56]===s.inputTypes?J=t[57]:(J=(0,$.jsx)(`label`,{className:`mb-1 block text-xs font-medium text-fg-muted`,children:s.inputTypes}),t[56]=s.inputTypes,t[57]=J);let Y;t[58]===Symbol.for(`react.memo_cache_sentinel`)?(Y=we(),t[58]=Y):Y=t[58];let ie;t[59]===Symbol.for(`react.memo_cache_sentinel`)?(ie=e=>v(`input`,ot(e.target.value)),t[59]=ie):ie=t[59];let ae;t[60]===s?ae=t[61]:(ae=et.map(e=>(0,$.jsx)(_,{value:e.value,children:s[e.labelKey]},e.value)),t[60]=s,t[61]=ae);let X;t[62]!==E||t[63]!==ae?(X=(0,$.jsx)(g,{className:Y,value:E,onChange:ie,children:ae}),t[62]=E,t[63]=ae,t[64]=X):X=t[64];let oe;t[65]!==J||t[66]!==X?(oe=(0,$.jsxs)(`div`,{children:[J,X]}),t[65]=J,t[66]=X,t[67]=oe):oe=t[67];let se=l.reasoning||!1,ce;t[68]===Symbol.for(`react.memo_cache_sentinel`)?(ce=e=>v(`reasoning`,e.target.checked),t[68]=ce):ce=t[68];let le;t[69]===se?le=t[70]:(le=(0,$.jsx)(`input`,{type:`checkbox`,className:`ui-checkbox`,checked:se,onChange:ce}),t[69]=se,t[70]=le);let ue;t[71]!==s.reasoning||t[72]!==le?(ue=(0,$.jsxs)(`label`,{className:`mt-6 flex cursor-pointer items-center gap-2 text-sm text-fg`,children:[le,s.reasoning]}),t[71]=s.reasoning,t[72]=le,t[73]=ue):ue=t[73];let de;t[74]!==oe||t[75]!==ue?(de=(0,$.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[oe,ue]}),t[74]=oe,t[75]=ue,t[76]=de):de=t[76];let fe;t[77]===s.contextWindow?fe=t[78]:(fe=(0,$.jsx)(`label`,{className:`mb-1 block text-xs font-medium text-fg-muted`,children:s.contextWindow}),t[77]=s.contextWindow,t[78]=fe);let pe;t[79]===f?pe=t[80]:(pe=j(Ve(),f.has(`contextWindow`)&&`border-red-500`),t[79]=f,t[80]=pe);let me=l.contextWindow??128e3,he;t[81]===Symbol.for(`react.memo_cache_sentinel`)?(he=e=>v(`contextWindow`,parseInt(e.target.value,10)||0),t[81]=he):he=t[81];let ge;t[82]!==pe||t[83]!==me?(ge=(0,$.jsx)(`input`,{type:`number`,min:1,className:pe,value:me,onChange:he}),t[82]=pe,t[83]=me,t[84]=ge):ge=t[84];let _e;t[85]===f?_e=t[86]:(_e=f.has(`contextWindow`)?(0,$.jsx)(`p`,{className:`mt-1 text-xs text-red-600 dark:text-red-400`,children:f.get(`contextWindow`)}):null,t[85]=f,t[86]=_e);let ve;t[87]!==fe||t[88]!==ge||t[89]!==_e?(ve=(0,$.jsxs)(`div`,{children:[fe,ge,_e]}),t[87]=fe,t[88]=ge,t[89]=_e,t[90]=ve):ve=t[90];let ye;t[91]===s.maxOutputTokens?ye=t[92]:(ye=(0,$.jsx)(`label`,{className:`mb-1 block text-xs font-medium text-fg-muted`,children:s.maxOutputTokens}),t[91]=s.maxOutputTokens,t[92]=ye);let be;t[93]===f?be=t[94]:(be=j(Ve(),f.has(`maxTokens`)&&`border-red-500`),t[93]=f,t[94]=be);let xe=l.maxTokens??16384,Se;t[95]===Symbol.for(`react.memo_cache_sentinel`)?(Se=e=>v(`maxTokens`,parseInt(e.target.value,10)||0),t[95]=Se):Se=t[95];let Ce;t[96]!==be||t[97]!==xe?(Ce=(0,$.jsx)(`input`,{type:`number`,min:1,className:be,value:xe,onChange:Se}),t[96]=be,t[97]=xe,t[98]=Ce):Ce=t[98];let Te;t[99]===f?Te=t[100]:(Te=f.has(`maxTokens`)?(0,$.jsx)(`p`,{className:`mt-1 text-xs text-red-600 dark:text-red-400`,children:f.get(`maxTokens`)}):null,t[99]=f,t[100]=Te);let Ee;t[101]!==ye||t[102]!==Ce||t[103]!==Te?(Ee=(0,$.jsxs)(`div`,{children:[ye,Ce,Te]}),t[101]=ye,t[102]=Ce,t[103]=Te,t[104]=Ee):Ee=t[104];let Oe;t[105]!==ve||t[106]!==Ee?(Oe=(0,$.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[ve,Ee]}),t[105]=ve,t[106]=Ee,t[107]=Oe):Oe=t[107];let ke;t[108]===s.costSection?ke=t[109]:(ke=(0,$.jsx)(`p`,{className:`mb-2 text-xs font-semibold text-fg`,children:s.costSection}),t[108]=s.costSection,t[109]=ke);let Ae;t[110]===s.costInput?Ae=t[111]:(Ae=(0,$.jsx)(`label`,{className:`mb-1 block text-xs text-fg-muted`,children:s.costInput}),t[110]=s.costInput,t[111]=Ae);let je;t[112]===Symbol.for(`react.memo_cache_sentinel`)?(je=Ve(),t[112]=je):je=t[112];let Me=l.cost?.input??0,Ne;t[113]===l.cost?Ne=t[114]:(Ne=e=>v(`cost`,{...l.cost,input:parseFloat(e.target.value)||0,output:l.cost?.output??0,cacheRead:l.cost?.cacheRead??0,cacheWrite:l.cost?.cacheWrite??0}),t[113]=l.cost,t[114]=Ne);let Pe;t[115]!==Me||t[116]!==Ne?(Pe=(0,$.jsx)(`input`,{type:`number`,step:`any`,min:0,className:je,value:Me,onChange:Ne}),t[115]=Me,t[116]=Ne,t[117]=Pe):Pe=t[117];let Fe;t[118]!==Ae||t[119]!==Pe?(Fe=(0,$.jsxs)(`div`,{children:[Ae,Pe]}),t[118]=Ae,t[119]=Pe,t[120]=Fe):Fe=t[120];let Ie;t[121]===s.costOutput?Ie=t[122]:(Ie=(0,$.jsx)(`label`,{className:`mb-1 block text-xs text-fg-muted`,children:s.costOutput}),t[121]=s.costOutput,t[122]=Ie);let Le;t[123]===Symbol.for(`react.memo_cache_sentinel`)?(Le=Ve(),t[123]=Le):Le=t[123];let Re=l.cost?.output??0,ze;t[124]===l.cost?ze=t[125]:(ze=e=>v(`cost`,{...l.cost,input:l.cost?.input??0,output:parseFloat(e.target.value)||0,cacheRead:l.cost?.cacheRead??0,cacheWrite:l.cost?.cacheWrite??0}),t[124]=l.cost,t[125]=ze);let Be;t[126]!==Re||t[127]!==ze?(Be=(0,$.jsx)(`input`,{type:`number`,step:`any`,min:0,className:Le,value:Re,onChange:ze}),t[126]=Re,t[127]=ze,t[128]=Be):Be=t[128];let He;t[129]!==Ie||t[130]!==Be?(He=(0,$.jsxs)(`div`,{children:[Ie,Be]}),t[129]=Ie,t[130]=Be,t[131]=He):He=t[131];let Ue;t[132]!==Fe||t[133]!==He?(Ue=(0,$.jsxs)(`div`,{className:`grid grid-cols-2 gap-3`,children:[Fe,He]}),t[132]=Fe,t[133]=He,t[134]=Ue):Ue=t[134];let We;t[135]!==ke||t[136]!==Ue?(We=(0,$.jsxs)(`div`,{className:`border-t border-edge-subtle pt-2 dark:border-edge`,children:[ke,Ue]}),t[135]=ke,t[136]=Ue,t[137]=We):We=t[137];let Ge;t[138]!==G||t[139]!==q||t[140]!==de||t[141]!==Oe||t[142]!==We?(Ge=(0,$.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[G,q,de,Oe,We]}),t[138]=G,t[139]=q,t[140]=de,t[141]=Oe,t[142]=We,t[143]=Ge):Ge=t[143];let qe;t[144]===s.cancel?qe=t[145]:(qe=(0,$.jsx)(d,{asChild:!0,children:(0,$.jsx)(N,{type:`button`,variant:`secondary`,children:s.cancel})}),t[144]=s.cancel,t[145]=qe);let Ye=r?s.addModelConfirm:s.saveModelConfirm,Xe;t[146]!==S||t[147]!==Ye?(Xe=(0,$.jsx)(N,{type:`button`,className:`bg-accent text-white hover:bg-accent/90`,onClick:S,children:Ye}),t[146]=S,t[147]=Ye,t[148]=Xe):Xe=t[148];let Ze;t[149]!==qe||t[150]!==Xe?(Ze=(0,$.jsxs)(`div`,{className:`mt-4 flex justify-end gap-2 border-t border-edge-subtle pt-3 dark:border-edge`,children:[qe,Xe]}),t[149]=qe,t[150]=Xe,t[151]=Ze):Ze=t[151];let Qe;return t[152]!==I||t[153]!==Ge||t[154]!==Ze?(Qe=(0,$.jsxs)($.Fragment,{children:[I,Ge,Ze]}),t[152]=I,t[153]=Ge,t[154]=Ze,t[155]=Qe):Qe=t[155],Qe}function kr(){return new Map}function Ar(e){let t=(0,Z.c)(16),{open:n,onOpenChange:r,providerId:i,model:a,isNew:o,onSave:s,m:c}=e,u;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(u=(0,$.jsx)(l,{className:j(`xopc-dialog-overlay fixed inset-0 bg-scrim`,R)}),t[0]=u):u=t[0];let d;t[1]===Symbol.for(`react.memo_cache_sentinel`)?(d=j(`xopc-dialog-content fixed left-1/2 top-1/2 max-h-[min(90vh,720px)] w-[min(100%-2rem,28rem)] -translate-x-1/2 -translate-y-1/2`,L,`overflow-y-auto rounded-xl border border-edge bg-surface-panel p-4 shadow-popover dark:border-edge`),t[1]=d):d=t[1];let m;t[2]!==o||t[3]!==c||t[4]!==a||t[5]!==r||t[6]!==s||t[7]!==n||t[8]!==i?(m=n?(0,$.jsx)(Or,{model:a,isNew:o,providerId:i,onSave:s,onClose:()=>r(!1),m:c},`${i??`none`}-${a?.id??`new`}`):null,t[2]=o,t[3]=c,t[4]=a,t[5]=r,t[6]=s,t[7]=n,t[8]=i,t[9]=m):m=t[9];let g;t[10]===m?g=t[11]:(g=(0,$.jsxs)(f,{children:[u,(0,$.jsx)(p,{className:d,onOpenAutoFocus:jr,children:m})]}),t[10]=m,t[11]=g);let _;return t[12]!==r||t[13]!==n||t[14]!==g?(_=(0,$.jsx)(h,{open:n,onOpenChange:r,children:g}),t[12]=r,t[13]=n,t[14]=g,t[15]=_):_=t[15],_}function jr(e){return e.preventDefault()}function Mr(e){let t=(0,Z.c)(14),{providerId:n,inputId:r,value:i,onChange:a,labels:o}=e,s;t[0]===n?s=t[1]:(s=()=>Xe(n).then(Nr),t[0]=n,t[1]=s);let c=s,l;t[2]!==r||t[3]!==o.apiKeyLabel?(l=(0,$.jsx)(`label`,{htmlFor:r,className:`text-sm font-medium text-fg`,children:o.apiKeyLabel}),t[2]=r,t[3]=o.apiKeyLabel,t[4]=l):l=t[4];let u;t[5]!==r||t[6]!==o||t[7]!==a||t[8]!==c||t[9]!==i?(u=(0,$.jsx)(Ie,{id:r,value:i,onChange:a,placeholder:o.apiKeyPlaceholder,labels:o,reveal:c,loadFailedLabel:o.loadFailed,maskedHelp:o.maskedHelp,notInConfigFile:o.notInConfigFile}),t[5]=r,t[6]=o,t[7]=a,t[8]=c,t[9]=i,t[10]=u):u=t[10];let d;return t[11]!==l||t[12]!==u?(d=(0,$.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[l,u]}),t[11]=l,t[12]=u,t[13]=d):d=t[13],d}function Nr(e){return e.apiKey??null}function Pr(e){let t=(0,Z.c)(16),{open:n,onOpenChange:r,providerId:i,isCustom:a,builtinRows:o,customConfig:s,allModels:c,labels:u,language:d,onSaved:m}=e,g;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(g=(0,$.jsx)(l,{className:j(`xopc-dialog-overlay fixed inset-0 bg-scrim backdrop-blur-[1px]`,R)}),t[0]=g):g=t[0];let _;t[1]===Symbol.for(`react.memo_cache_sentinel`)?(_=j(`fixed left-1/2 top-1/2 flex max-h-[85vh] w-[calc(100%-2rem)] max-w-lg -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-2xl border border-edge-subtle bg-surface-base shadow-xl`,L),t[1]=_):_=t[1];let v;t[2]!==c||t[3]!==o||t[4]!==s||t[5]!==a||t[6]!==u||t[7]!==d||t[8]!==r||t[9]!==m||t[10]!==i?(v=(0,$.jsxs)(f,{children:[g,(0,$.jsx)(p,{className:_,children:a?(0,$.jsx)(Ir,{providerId:i,customConfig:s,labels:u,language:d,onClose:()=>r(!1),onSaved:m}):(0,$.jsx)(Fr,{providerId:i,builtinRows:o,allModels:c,labels:u,language:d,onClose:()=>r(!1),onSaved:m})})]}),t[2]=c,t[3]=o,t[4]=s,t[5]=a,t[6]=u,t[7]=d,t[8]=r,t[9]=m,t[10]=i,t[11]=v):v=t[11];let y;return t[12]!==r||t[13]!==n||t[14]!==v?(y=(0,$.jsx)(h,{open:n,onOpenChange:r,children:v}),t[12]=r,t[13]=n,t[14]=v,t[15]=y):y=t[15],y}function Fr({providerId:e,builtinRows:t,allModels:n,labels:r,language:i,onClose:a,onSaved:o}){let s=t.find(t=>t.id===e),l=st[e],u=n.filter(t=>t.provider===e),[f,p]=(0,Q.useState)(s?.apiKey??``),[h,g]=(0,Q.useState)(!1),[_,v]=(0,Q.useState)(!1),[x,C]=(0,Q.useState)(null),[E,D]=(0,Q.useState)(!1),O=T(i).providersSettings,k=s?.supportsApiKey!==!1,A=s?.supportsOAuth===!0,M=s?.authMode===`oauth`&&s.authStatus===`connected`,P=s?.configured===!0&&s.activeKeySource!==`env`&&s.activeKeySource!==`extension`&&s.activeKeySource!==`models_json`,[F,I]=(0,Q.useState)(null),[L,R]=(0,Q.useState)(null),[z,B]=(0,Q.useState)(`idle`),[V,H]=(0,Q.useState)(null),[U,W]=(0,Q.useState)(null),[ee,K]=(0,Q.useState)(null),[ne,re]=(0,Q.useState)(``),J=(0,Q.useRef)(null),Y=(0,Q.useRef)(null),ie=z===`waiting`||z===`waiting_code`,ae=(0,Q.useMemo)(()=>ce(e,i),[e,i]),X=f!==(s?.apiKey??``),se=async()=>{let t=f.trim();if(!(!t||!k||q(t))){g(!0),C(null);try{await Ze({[e]:t}),v(!0),window.setTimeout(()=>{o(),a()},600)}catch(e){C(e instanceof Error?e.message:r.saveError)}finally{g(!1)}}};(0,Q.useEffect)(()=>{if(!F||!ie)return;let e=window.setInterval(()=>{(async()=>{try{let t=await ht(F);t.status===`waiting_auth`||t.status===`waiting_code`?(B(t.status===`waiting_code`?`waiting_code`:`waiting`),R(t.message??null),H(t.authUrl??null),W(t.instructions??null),K(t.deviceCode??null),t.authUrl&&t.authUrl!==Y.current&&(Y.current=t.authUrl,vt(t.authUrl,J.current).catch(()=>{}))):t.status===`completed`?(window.clearInterval(e),me(J.current),J.current=null,B(`success`),R(t.message??O.saved),window.setTimeout(()=>{o(),a()},600)):(t.status===`failed`||t.status===`cancelled`)&&(window.clearInterval(e),me(J.current),J.current=null,B(`error`),R(t.error??t.message??O.revokeFailed))}catch{}})()},1e3);return()=>window.clearInterval(e)},[F,ie,a,o,O.revokeFailed,O.saved]),(0,Q.useEffect)(()=>()=>{F&&je(F).catch(()=>{})},[F]),(0,Q.useEffect)(()=>()=>{me(J.current),J.current=null},[]);let le=async()=>{try{await ve(e),o(),a()}catch{}},ue=async()=>{me(J.current),J.current=G(),Y.current=null,B(`waiting`),R(O.oauthStarting),H(null),W(null),K(null),C(null);try{I((await te(e)).sessionId)}catch(e){me(J.current),J.current=null,B(`error`),R(e instanceof Error?e.message:O.revokeFailed)}},de=async()=>{if(F){try{await _t(F)}catch{}me(J.current),J.current=null,Y.current=null,B(`idle`),R(null),I(null),H(null),W(null),K(null)}},fe=async()=>{if(!(!F||!ne.trim()))try{await pt(F,ne.trim()),re(``),R(O.oauthProcessingCode)}catch(e){B(`error`),R(e instanceof Error?e.message:O.revokeFailed)}},pe=async()=>{try{await ge(e),o(),a()}catch(e){C(e instanceof Error?e.message:O.revokeFailed)}};return(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between border-b border-edge-subtle px-5 py-4`,children:[(0,$.jsx)(m,{className:`text-base font-semibold text-fg`,children:s?.name??e}),(0,$.jsx)(d,{asChild:!0,children:(0,$.jsx)(`button`,{type:`button`,className:j(`rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg`,it.press),children:(0,$.jsx)(w,{className:`size-4`,"aria-hidden":!0})})})]}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-4 overflow-y-auto px-5 py-4`,children:[l?.description?(0,$.jsx)(`p`,{className:`text-sm text-fg-muted`,children:l.description}):null,s?.baseUrl?(0,$.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,$.jsx)(`span`,{className:`text-sm font-medium text-fg`,children:r.apiUrlLabel}),(0,$.jsx)(`code`,{className:`break-all rounded-lg border border-edge-subtle bg-surface-panel/60 px-3 py-2 font-mono text-xs text-fg-muted`,children:s.baseUrl})]}):s?.category===`extension`?(0,$.jsx)(`p`,{className:`text-sm text-fg-muted`,children:r.apiUrlExtensionHint}):null,k?(0,$.jsx)(Mr,{providerId:e,inputId:`manage-api-key`,value:f,onChange:e=>{p(e),v(!1)},labels:{apiKeyLabel:r.apiKeyLabel,apiKeyPlaceholder:r.apiKeyPlaceholder,maskedHelp:r.maskedHelp,copy:r.copy,copied:r.copied,show:r.showKey,hide:r.hideKey,notInConfigFile:r.notInConfigFile,loadFailed:r.loadFailed}}):s?.category===`extension`?(0,$.jsxs)(`div`,{className:`flex flex-col gap-2 rounded-lg border border-edge-subtle bg-surface-panel/60 px-3 py-2 text-sm text-fg-muted`,children:[(0,$.jsx)(`p`,{children:r.extensionKeyHint}),s?.extensionId?(0,$.jsxs)(c,{to:`/settings/ext/${encodeURIComponent(s.extensionId)}`,className:`inline-flex w-fit items-center gap-1 font-medium text-accent hover:underline`,title:r.extensionSettingsLinkTitle,onClick:a,children:[r.openExtensionSettings,(0,$.jsx)(b,{className:`size-3`,"aria-hidden":!0})]}):null]}):null,A?(0,$.jsxs)(`div`,{className:`flex flex-col gap-2 rounded-lg border border-edge-subtle bg-surface-panel/60 p-3`,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsx)(`p`,{className:`text-sm font-medium text-fg`,children:O.oauth}),(0,$.jsx)(`p`,{className:`mt-0.5 text-xs text-fg-muted`,children:M?O.sourceOauth:O.oauthHint})]}),M?(0,$.jsx)(N,{type:`button`,variant:`secondary`,className:`gap-1.5 text-red-600 dark:text-red-400`,onClick:()=>void pe(),children:O.revoke}):(0,$.jsxs)(N,{type:`button`,variant:`primary`,className:`gap-1.5`,disabled:ie,onClick:()=>void ue(),children:[ie?(0,$.jsx)(S,{className:`size-3.5 animate-spin`,"aria-hidden":!0}):(0,$.jsx)(xe,{className:`size-3.5`,"aria-hidden":!0}),O.oauth]})]}),L?(0,$.jsx)(`p`,{className:j(`text-xs`,z===`error`?`text-red-600 dark:text-red-400`:`text-fg-muted`),children:L}):null,z===`waiting`||z===`waiting_code`?(0,$.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[V?(0,$.jsxs)(`a`,{href:V,target:`_blank`,rel:`noreferrer`,className:`inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-sm font-medium text-white hover:bg-accent-hover`,children:[(0,$.jsx)(b,{className:`size-4`,"aria-hidden":!0}),O.openAuthPage]}):null,(0,$.jsx)(N,{type:`button`,variant:`secondary`,onClick:()=>void de(),children:O.cancelOAuth})]}):null,U?(0,$.jsx)(`p`,{className:`text-xs text-fg-muted`,children:U}):null,ee?(0,$.jsxs)(`div`,{className:`rounded-lg border border-edge-subtle bg-surface-panel px-3 py-2`,children:[(0,$.jsx)(`p`,{className:`text-xs text-fg-muted`,children:O.deviceCodeLabel}),(0,$.jsx)(`code`,{className:`mt-1 block select-all font-mono text-lg font-semibold tracking-widest text-fg`,children:ee}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-fg-subtle`,children:O.deviceCodeHint})]}):null,z===`waiting_code`?(0,$.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row`,children:[(0,$.jsx)(`input`,{type:`text`,value:ne,onChange:e=>re(e.target.value),onKeyDown:e=>e.key===`Enter`&&void fe(),placeholder:O.pasteRedirectUrl,className:j(`min-w-0 flex-1 rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg placeholder:text-fg-subtle`,Ce)}),(0,$.jsx)(N,{type:`button`,variant:`primary`,onClick:()=>void fe(),children:O.submitCode})]}):null]}):null,ae.length>0&&k?(0,$.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:ae.map(({kind:e,href:t})=>(0,$.jsxs)(`a`,{href:t,target:`_blank`,rel:`noreferrer`,className:`inline-flex items-center gap-1 text-xs text-accent hover:underline`,children:[be(e,r),(0,$.jsx)(b,{className:`size-3`,"aria-hidden":!0})]},e))}):null,u.length>0?(0,$.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,$.jsxs)(`span`,{className:`text-sm font-medium text-fg`,children:[r.modelsLabel,` (`,u.length,`)`]}),(0,$.jsx)(`div`,{className:`max-h-40 overflow-y-auto rounded-lg border border-edge-subtle bg-surface-panel/40 p-2`,children:(0,$.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:u.map(e=>(0,$.jsx)(`span`,{className:`inline-block rounded-md bg-surface-hover px-2 py-1 text-xs text-fg-muted`,children:e.id.includes(`/`)?e.id.split(`/`).pop():e.id},e.id))})})]}):(0,$.jsx)(`p`,{className:`text-xs text-fg-subtle`,children:r.noModels}),x?(0,$.jsx)(`p`,{className:`text-sm text-red-600 dark:text-red-400`,children:x}):null]}),(0,$.jsxs)(`div`,{className:`flex items-center justify-between border-t border-edge-subtle px-5 py-3`,children:[P?(0,$.jsxs)(N,{type:`button`,variant:`ghost`,className:`gap-1.5 text-red-600 hover:text-red-700 dark:text-red-400 dark:hover:text-red-300`,onClick:()=>D(!0),children:[(0,$.jsx)(ye,{className:`size-3.5`,"aria-hidden":!0}),r.remove]}):(0,$.jsx)(`span`,{}),(0,$.jsx)(`div`,{className:`flex items-center gap-2`,children:k&&X&&!q(f.trim())?(0,$.jsx)(N,{type:`button`,variant:`primary`,disabled:!f.trim()||h||_,onClick:()=>void se(),children:_?(0,$.jsxs)(`span`,{className:`flex items-center gap-1.5`,children:[(0,$.jsx)(y,{className:`size-3.5`,"aria-hidden":!0}),r.saved]}):h?(0,$.jsxs)(`span`,{className:`flex items-center gap-1.5`,children:[(0,$.jsx)(S,{className:`size-3.5 animate-spin`,"aria-hidden":!0}),r.saving]}):r.save}):null})]}),(0,$.jsx)(oe,{open:E,title:r.removeConfirmTitle,description:r.removeConfirmDescription.replace(`{{provider}}`,s?.name??e),confirmLabel:r.removeConfirmAction,cancelLabel:r.cancel,destructive:!0,onConfirm:()=>void le(),onCancel:()=>D(!1)})]})}function Ir({providerId:e,customConfig:t,labels:n,language:r,onClose:i,onSaved:a}){let o=T(r).modelsSettings,s=t?.providers[e],[c,l]=(0,Q.useState)(s?.baseUrl??``),[u,f]=(0,Q.useState)(s?.apiKey??``),[p,h]=(0,Q.useState)(s?.models??[]),[g,_]=(0,Q.useState)(s?.modelDiscovery?.enabled===!0),[v,y]=(0,Q.useState)(!1),[b,x]=(0,Q.useState)(null),[E,D]=(0,Q.useState)(!1),[O,k]=(0,Q.useState)(null),[A,M]=(0,Q.useState)(!1),[P,F]=(0,Q.useState)(null),I=n=>{if(!t)return null;let r=u.trim(),i={...s,baseUrl:c.trim()||void 0,apiKey:q(r)?s?.apiKey:r||void 0,...n};return{providers:{...t.providers,[e]:i}}},L=async()=>{let e=I({models:p,modelDiscovery:{enabled:g}});if(e){y(!0),x(null);try{await Pe(e),a(),i()}catch(e){x(e instanceof Error?e.message:n.saveError)}finally{y(!1)}}},R=async()=>{if(t)try{let{[e]:n,...r}=t.providers;await Pe({providers:r}),a(),i()}catch{}},z=(e,t)=>{F({model:e,isNew:t}),M(!0)},B=async e=>{if(!P)return;let t=P.isNew?[...p,e]:p.map(t=>t.id===e.id?e:t);h(t);let r=I({models:t});if(r)try{await Pe(r),a()}catch(e){x(e instanceof Error?e.message:n.saveError)}},V=async e=>{let t=p.filter(t=>t.id!==e);h(t),k(null);let r=I({models:t});if(r)try{await Pe(r),a()}catch(e){x(e instanceof Error?e.message:n.saveError)}};return(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between border-b border-edge-subtle px-5 py-4`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(m,{className:`text-base font-semibold text-fg`,children:e}),(0,$.jsx)(`span`,{className:`rounded bg-surface-hover px-1.5 py-0.5 text-[10px] font-medium text-fg-subtle`,children:n.custom})]}),(0,$.jsx)(d,{asChild:!0,children:(0,$.jsx)(`button`,{type:`button`,className:j(`rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg`,it.press),children:(0,$.jsx)(w,{className:`size-4`,"aria-hidden":!0})})})]}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-4 overflow-y-auto px-5 py-4`,children:[(0,$.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,$.jsx)(`label`,{htmlFor:`manage-base-url`,className:`text-sm font-medium text-fg`,children:n.baseUrlLabel}),(0,$.jsx)(`input`,{id:`manage-base-url`,type:`url`,autoComplete:`off`,value:c,onChange:e=>l(e.target.value),className:j(`rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg placeholder:text-fg-subtle`,Ce)})]}),(0,$.jsx)(Mr,{providerId:e,inputId:`manage-custom-api-key`,value:u,onChange:f,labels:{apiKeyLabel:n.apiKeyLabel,apiKeyPlaceholder:n.apiKeyPlaceholder,maskedHelp:n.maskedHelp,copy:n.copy,copied:n.copied,show:n.showKey,hide:n.hideKey,notInConfigFile:n.notInConfigFile,loadFailed:n.loadFailed}}),(0,$.jsxs)(`label`,{className:`flex items-start gap-3 rounded-xl border border-edge-subtle bg-surface-panel/40 p-3`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:g,onChange:e=>_(e.target.checked),className:`mt-0.5 size-4 rounded border-edge accent-accent`}),(0,$.jsxs)(`span`,{className:`min-w-0`,children:[(0,$.jsx)(`span`,{className:`block text-sm font-medium text-fg`,children:r===`zh`?`自动同步模型目录`:`Automatically sync model catalog`}),(0,$.jsx)(`span`,{className:`mt-0.5 block text-xs text-fg-muted`,children:r===`zh`?`启动时及定时从此服务的 /models 接口更新模型。`:`Update models from this service’s /models endpoint at startup and on schedule.`})]})]}),(0,$.jsxs)(`div`,{className:`border-t border-edge-subtle pt-3`,children:[(0,$.jsxs)(`div`,{className:`mb-2 flex items-center justify-between gap-2`,children:[(0,$.jsxs)(`span`,{className:`text-sm font-semibold text-fg`,children:[o.modelsSection,p.length>0?` (${p.length})`:``]}),(0,$.jsxs)(N,{type:`button`,variant:`primary`,className:`gap-1.5 px-2 py-1 text-xs`,onClick:()=>z(null,!0),children:[(0,$.jsx)(C,{className:`size-3.5`,"aria-hidden":!0}),o.addModel]})]}),p.length===0?(0,$.jsx)(`p`,{className:`text-xs text-fg-muted`,children:o.modelsEmpty}):(0,$.jsx)(`ul`,{className:`space-y-2`,children:p.map(e=>(0,$.jsxs)(`li`,{className:`flex items-center justify-between gap-2 rounded-lg border border-edge-subtle bg-surface-panel/40 px-3 py-2`,children:[(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsx)(`div`,{className:`truncate text-sm font-medium text-fg`,children:e.id}),e.name&&e.name!==e.id?(0,$.jsx)(`div`,{className:`truncate text-xs text-fg-muted`,children:e.name}):null]}),(0,$.jsxs)(`div`,{className:`flex shrink-0 gap-1`,children:[(0,$.jsx)(`button`,{type:`button`,className:j(`rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg`,it.press),onClick:()=>z(e,!1),"aria-label":o.editModel,children:(0,$.jsx)(Ye,{className:`size-3.5`,"aria-hidden":!0})}),(0,$.jsx)(`button`,{type:`button`,className:j(`rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-red-600 dark:hover:text-red-400`,it.press),onClick:()=>k(e.id),"aria-label":o.removeModel,children:(0,$.jsx)(ye,{className:`size-3.5`,"aria-hidden":!0})})]})]},e.id))})]}),b?(0,$.jsx)(`p`,{className:`text-sm text-red-600 dark:text-red-400`,children:b}):null]}),(0,$.jsxs)(`div`,{className:`flex items-center justify-between border-t border-edge-subtle px-5 py-3`,children:[(0,$.jsxs)(N,{type:`button`,variant:`ghost`,className:`gap-1.5 text-red-600 hover:text-red-700 dark:text-red-400 dark:hover:text-red-300`,onClick:()=>D(!0),children:[(0,$.jsx)(ye,{className:`size-3.5`,"aria-hidden":!0}),n.remove]}),(0,$.jsx)(`div`,{className:`flex items-center gap-2`,children:(0,$.jsx)(N,{type:`button`,variant:`primary`,disabled:v,onClick:()=>void L(),children:v?(0,$.jsxs)(`span`,{className:`flex items-center gap-1.5`,children:[(0,$.jsx)(S,{className:`size-3.5 animate-spin`,"aria-hidden":!0}),n.saving]}):n.save})})]}),(0,$.jsx)(oe,{open:E,title:n.removeConfirmTitle,description:n.removeConfirmDescription.replace(`{{provider}}`,e),confirmLabel:n.removeConfirmAction,cancelLabel:n.cancel,destructive:!0,onConfirm:()=>void R(),onCancel:()=>D(!1)}),(0,$.jsx)(oe,{open:O!==null,title:o.removeModel,description:o.removeModelConfirm.replace(`{{id}}`,O??``),confirmLabel:n.removeConfirmAction,cancelLabel:n.cancel,destructive:!0,onConfirm:()=>{O&&V(O)},onCancel:()=>k(null)}),(0,$.jsx)(Ar,{open:A,onOpenChange:e=>{M(e),e||F(null)},providerId:e,model:P?.model??null,isNew:P?.isNew??!1,onSave:e=>void B(e),m:o})]})}function Lr(e,t){switch(e){case`vision`:return{href:`${qe(`models`)}?add=1`,guidance:t?`接入支持图片理解的模型服务`:`Connect a model service that supports vision`,action:t?`去接入模型`:`Connect model`};case`image-generation`:return{href:qe(`image`),guidance:t?`选择图片模型并配置所需凭据`:`Choose an image model and configure its credentials`,action:t?`去配置图片生成`:`Configure image generation`};case`stt`:return{href:qe(`voice`),guidance:t?`选择语音识别服务，或安装本地语音模型`:`Choose a speech-to-text service or install a local voice model`,action:t?`去配置语音识别`:`Configure speech-to-text`};case`tts`:return{href:qe(`voice`),guidance:t?`选择语音合成服务并完成凭据配置`:`Choose a text-to-speech service and configure its credentials`,action:t?`去配置语音合成`:`Configure text-to-speech`}}}async function Rr(){let e=await D(k(`/api/models/catalog`)),t=await e.json().catch(()=>null);if(!e.ok||!t?.ok||!t.payload)throw Error(t?.error?.message??`HTTP ${e.status}`);return t.payload}async function zr(){let e=await D(k(`/api/capabilities/readiness`)),t=await e.json().catch(()=>null);if(!e.ok||!t?.ok||!t.payload)throw Error(t?.error?.message??`HTTP ${e.status}`);return t.payload}function Br(){let e=O(e=>e.language)===`zh`,{data:t,error:n,isLoading:r}=M(pe,Rr,{revalidateOnFocus:!1}),{data:i}=M(le,zr,{revalidateOnFocus:!1}),[a,o]=(0,Q.useState)(!1),[s,l]=(0,Q.useState)(null);if(r)return(0,$.jsx)(I,{className:`h-24 w-full rounded-2xl`});let u=Object.values(t?.sources??{}),d=u.reduce((e,t)=>e+t.models.filter(e=>e.availability===`available`).length,0),f=(t?.references??[]).filter(e=>e.availability===`unavailable`),p=t?.sync.lastSuccessAt??Math.max(0,...u.map(e=>e.lastSuccessAt)),m=s??(n instanceof Error?n.message:t?.sync.lastError??Object.values(t?.sync.sourceErrors??{})[0]),h=Object.values(i?.capabilities??{}).some(e=>e.status===`degraded`||e.status===`unavailable`),g=async()=>{o(!0),l(null);try{let e=await D(k(`/api/models/catalog/refresh`),{method:`POST`});if(!e.ok)throw Error(`HTTP ${e.status}`);await ae()}catch(t){l(t instanceof Error?t.message:e?`模型目录刷新失败`:`Model catalog refresh failed`)}finally{o(!1)}};return(0,$.jsxs)(`div`,{className:`rounded-2xl border border-edge-subtle bg-surface-panel/40 p-4`,children:[(0,$.jsxs)(`div`,{className:`flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between`,children:[(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[m||f.length>0||h?(0,$.jsx)(se,{className:`size-4 text-amber-500`,"aria-hidden":!0}):(0,$.jsx)(y,{className:`size-4 text-emerald-500`,"aria-hidden":!0}),(0,$.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:e?`模型目录同步`:`Model catalog sync`})]}),(0,$.jsx)(`p`,{className:`mt-1 text-sm text-fg-muted`,children:e?`${u.length} 个来源，${d} 个可用模型${p?` · 最近同步 ${new Date(p).toLocaleString()}`:``}`:`${u.length} sources, ${d} available models${p?` · Last synced ${new Date(p).toLocaleString()}`:``}`})]}),(0,$.jsxs)(N,{className:`shrink-0`,type:`button`,variant:`secondary`,disabled:a,onClick:()=>void g(),children:[a?(0,$.jsx)(S,{className:`size-4 animate-spin`,"aria-hidden":!0}):(0,$.jsx)(gt,{className:`size-4`,"aria-hidden":!0}),a?e?`刷新中…`:`Refreshing…`:e?`立即刷新`:`Refresh now`]})]}),i?(0,$.jsx)(`div`,{className:`mt-3 grid gap-2 sm:grid-cols-2 xl:grid-cols-4`,children:Object.entries(i.capabilities).map(([t,n])=>{let r=t===`vision`?e?`图片理解`:`Vision`:t===`image-generation`?e?`图片生成`:`Image generation`:t.toUpperCase(),i=n.selectionSource!==`explicit-config`,a=n.status===`degraded`||n.status===`unavailable`,o=Lr(t,e),s=(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,$.jsx)(`span`,{className:`min-w-0 text-xs font-medium text-fg`,children:r}),(0,$.jsx)(`span`,{className:n.status===`ready`?`shrink-0 text-xs text-emerald-600 dark:text-emerald-400`:n.status===`disabled`?`shrink-0 text-xs text-fg-muted`:`shrink-0 text-xs text-amber-600 dark:text-amber-400`,children:n.status===`ready`?e?`可用`:`Ready`:n.status===`disabled`?e?`已关闭`:`Off`:e?`需处理`:`Needs attention`})]}),(0,$.jsx)(`p`,{className:`mt-1 truncate text-xs text-fg-muted`,title:n.primary?`${n.primary.provider}/${n.primary.model}`:void 0,children:n.primary?`${i?e?`自动`:`Auto`:e?`显式`:`Explicit`} · ${n.primary.provider}/${n.primary.model}`:e?`无可用实现`:`No available implementation`}),a?(0,$.jsxs)(`div`,{className:`mt-2 border-t border-edge-subtle pt-2`,children:[(0,$.jsx)(`p`,{className:`text-xs leading-5 text-amber-700 dark:text-amber-300`,children:n.status===`degraded`?e?`当前配置不可用，正在使用备用方案。${o.guidance}`:`The current configuration is unavailable, so a fallback is in use. ${o.guidance}.`:o.guidance}),(0,$.jsxs)(`span`,{className:`mt-1 inline-flex items-center gap-1 text-xs font-medium text-accent`,children:[o.action,(0,$.jsx)(W,{className:`size-3.5`,"aria-hidden":!0})]})]}):null]});return a?(0,$.jsx)(c,{to:o.href,"aria-label":`${r}：${o.action}`,className:j(`rounded-xl border border-amber-400/40 bg-amber-500/5 px-3 py-2`,`transition-colors hover:border-amber-400/70 hover:bg-amber-500/10`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent`),children:s},t):(0,$.jsx)(`div`,{className:`rounded-xl border border-edge-subtle bg-surface-panel px-3 py-2`,children:s},t)})}):null,f.length>0?(0,$.jsx)(`div`,{className:`mt-2 space-y-1 text-sm text-amber-700 dark:text-amber-300`,children:f.slice(0,3).map(t=>(0,$.jsxs)(`p`,{children:[t.ref,` `,e?`不可用`:`is unavailable`,t.suggestedRef?` · ${e?`建议`:`Suggested`} ${t.suggestedRef}`:``,` · ${t.locations.length} ${e?`处引用`:`references`}`]},t.ref))}):null,m?(0,$.jsx)(`p`,{className:`mt-2 text-sm text-danger`,children:m}):null]})}async function Vr(){return(await E(k(`/api/models/xopc-cloud/account-summary`))).payload}function Hr(e){let t=(0,Z.c)(93),{labels:n}=e,r=O(Ur)===`zh`?`zh-CN`:`en-US`,i;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(i={refreshInterval:6e4,revalidateOnFocus:!0},t[0]=i):i=t[0];let{data:a,error:o,isLoading:s,isValidating:c,mutate:l}=M(`/api/models/xopc-cloud/account-summary`,Vr,i);if(s){let e;return t[1]===Symbol.for(`react.memo_cache_sentinel`)?(e=(0,$.jsx)(I,{className:`h-48 w-full rounded-2xl`}),t[1]=e):e=t[1],e}if(o||!a){let e;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(e=(0,$.jsx)(se,{className:`mt-0.5 size-4 shrink-0 text-amber-500`,"aria-hidden":!0}),t[2]=e):e=t[2];let r;t[3]===n.title?r=t[4]:(r=(0,$.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:n.title}),t[3]=n.title,t[4]=r);let i;t[5]===n.unavailable?i=t[6]:(i=(0,$.jsx)(`p`,{className:`mt-1 text-sm text-fg-muted`,children:n.unavailable}),t[5]=n.unavailable,t[6]=i);let a;t[7]!==r||t[8]!==i?(a=(0,$.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[e,(0,$.jsxs)(`div`,{children:[r,i]})]}),t[7]=r,t[8]=i,t[9]=a):a=t[9];let o;t[10]===l?o=t[11]:(o=()=>void l(),t[10]=l,t[11]=o);let s=c?`size-4 animate-spin`:`size-4`,u;t[12]===s?u=t[13]:(u=(0,$.jsx)(gt,{className:s,"aria-hidden":!0}),t[12]=s,t[13]=u);let d;t[14]!==c||t[15]!==n.retry||t[16]!==o||t[17]!==u?(d=(0,$.jsxs)(N,{type:`button`,variant:`secondary`,disabled:c,onClick:o,children:[u,n.retry]}),t[14]=c,t[15]=n.retry,t[16]=o,t[17]=u,t[18]=d):d=t[18];let f;return t[19]!==a||t[20]!==d?(f=(0,$.jsx)(`section`,{className:`rounded-2xl border border-edge-subtle bg-surface-panel/40 p-4`,children:(0,$.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[a,d]})}),t[19]=a,t[20]=d,t[21]=f):f=t[21],f}let u,d,f,p,m,h,g,_;if(t[22]!==a.balance.credits||t[23]!==a.usage.chargedCredits||t[24]!==a.usage.requests||t[25]!==a.usage.totalTokens||t[26]!==n.availableCredits||t[27]!==n.connected||t[28]!==n.title||t[29]!==n.usageSummary||t[30]!==r){let e=new Intl.NumberFormat(r);_=n.usageSummary.replace(`{{tokens}}`,e.format(a.usage.totalTokens)).replace(`{{credits}}`,e.format(a.usage.chargedCredits)).replace(`{{requests}}`,e.format(a.usage.requests)),g=`rounded-2xl border border-edge-subtle bg-surface-panel/40 p-5`,h=`flex flex-col gap-5 sm:flex-row sm:items-start sm:justify-between`,f=`min-w-0 flex-1`;let i;t[39]===Symbol.for(`react.memo_cache_sentinel`)?(i=(0,$.jsx)(Se,{className:`size-4 text-accent-fg`,"aria-hidden":!0}),t[39]=i):i=t[39];let o;t[40]===n.title?o=t[41]:(o=(0,$.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:n.title}),t[40]=n.title,t[41]=o);let s;t[42]===n.connected?s=t[43]:(s=(0,$.jsx)(`span`,{className:`rounded-full bg-emerald-500/10 px-2 py-0.5 text-xs font-medium text-emerald-700 dark:text-emerald-300`,children:n.connected}),t[42]=n.connected,t[43]=s),t[44]!==o||t[45]!==s?(p=(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[i,o,s]}),t[44]=o,t[45]=s,t[46]=p):p=t[46],t[47]===n.availableCredits?m=t[48]:(m=(0,$.jsx)(`p`,{className:`mt-5 text-xs font-medium text-fg-subtle`,children:n.availableCredits}),t[47]=n.availableCredits,t[48]=m),u=`mt-1 text-3xl font-semibold tracking-tight text-fg`,d=e.format(a.balance.credits),t[22]=a.balance.credits,t[23]=a.usage.chargedCredits,t[24]=a.usage.requests,t[25]=a.usage.totalTokens,t[26]=n.availableCredits,t[27]=n.connected,t[28]=n.title,t[29]=n.usageSummary,t[30]=r,t[31]=u,t[32]=d,t[33]=f,t[34]=p,t[35]=m,t[36]=h,t[37]=g,t[38]=_}else u=t[31],d=t[32],f=t[33],p=t[34],m=t[35],h=t[36],g=t[37],_=t[38];let v;t[49]===Symbol.for(`react.memo_cache_sentinel`)?(v=(0,$.jsx)(`span`,{className:`ml-2 text-sm font-medium text-fg-muted`,children:`credits`}),t[49]=v):v=t[49];let y;t[50]!==u||t[51]!==d?(y=(0,$.jsxs)(`p`,{className:u,children:[d,v]}),t[50]=u,t[51]=d,t[52]=y):y=t[52];let x;t[53]!==a.balance.credits||t[54]!==n.zeroBalance?(x=a.balance.credits===0?(0,$.jsx)(`p`,{className:`mt-2 text-sm font-medium text-danger`,children:n.zeroBalance}):null,t[53]=a.balance.credits,t[54]=n.zeroBalance,t[55]=x):x=t[55];let S;t[56]===n.recentUsage?S=t[57]:(S=(0,$.jsx)(`p`,{className:`mt-5 text-xs font-medium text-fg-subtle`,children:n.recentUsage}),t[56]=n.recentUsage,t[57]=S);let C;t[58]===_?C=t[59]:(C=(0,$.jsx)(`p`,{className:`mt-1 text-sm text-fg-muted`,children:_}),t[58]=_,t[59]=C);let w;t[60]!==a.balance.updatedAt||t[61]!==n.updatedAt||t[62]!==r?(w=n.updatedAt.replace(`{{time}}`,new Date(a.balance.updatedAt).toLocaleString(r)),t[60]=a.balance.updatedAt,t[61]=n.updatedAt,t[62]=r,t[63]=w):w=t[63];let T;t[64]===w?T=t[65]:(T=(0,$.jsx)(`p`,{className:`mt-2 text-xs text-fg-subtle`,children:w}),t[64]=w,t[65]=T);let E;t[66]!==y||t[67]!==x||t[68]!==S||t[69]!==C||t[70]!==T||t[71]!==f||t[72]!==p||t[73]!==m?(E=(0,$.jsxs)(`div`,{className:f,children:[p,m,y,x,S,C,T]}),t[66]=y,t[67]=x,t[68]=S,t[69]=C,t[70]=T,t[71]=f,t[72]=p,t[73]=m,t[74]=E):E=t[74];let D;t[75]===Symbol.for(`react.memo_cache_sentinel`)?(D=(0,$.jsx)(b,{className:`size-3.5`,"aria-hidden":!0}),t[75]=D):D=t[75];let k;t[76]!==a.links.purchase||t[77]!==n.purchase?(k=(0,$.jsx)(N,{asChild:!0,variant:`primary`,children:(0,$.jsxs)(`a`,{href:a.links.purchase,target:`_blank`,rel:`noreferrer`,children:[n.purchase,D]})}),t[76]=a.links.purchase,t[77]=n.purchase,t[78]=k):k=t[78];let A;t[79]===Symbol.for(`react.memo_cache_sentinel`)?(A=(0,$.jsx)(b,{className:`size-3.5`,"aria-hidden":!0}),t[79]=A):A=t[79];let j;t[80]!==a.links.details||t[81]!==n.details?(j=(0,$.jsx)(N,{asChild:!0,variant:`secondary`,children:(0,$.jsxs)(`a`,{href:a.links.details,target:`_blank`,rel:`noreferrer`,children:[n.details,A]})}),t[80]=a.links.details,t[81]=n.details,t[82]=j):j=t[82];let P;t[83]!==k||t[84]!==j?(P=(0,$.jsxs)(`div`,{className:`flex shrink-0 flex-wrap gap-2`,children:[k,j]}),t[83]=k,t[84]=j,t[85]=P):P=t[85];let F;t[86]!==E||t[87]!==P||t[88]!==h?(F=(0,$.jsxs)(`div`,{className:h,children:[E,P]}),t[86]=E,t[87]=P,t[88]=h,t[89]=F):F=t[89];let L;return t[90]!==F||t[91]!==g?(L=(0,$.jsx)(`section`,{className:g,children:F}),t[90]=F,t[91]=g,t[92]=L):L=t[92],L}function Ur(e){return e.language}function Wr(e){return ct.includes(e)}function Gr(){let e=(0,Z.c)(68),t=O(Jr),n;e[0]===t?n=e[1]:(n=T(t),e[0]=t,e[1]=n);let r=n,l=r.capabilitiesSettings,u=i(),[d,f]=a(),p;if(e[2]!==d){let t=d.get(`returnTo`);p=t?.startsWith(`/chat/`)?t:null,e[2]=d,e[3]=p}else p=e[3];let m=p,{capability:h}=o(),[g,_]=(0,Q.useState)(!1),[v,y]=(0,Q.useState)(null),b=vr(),x;e[4]===b.cards?x=e[5]:(x=b.cards.some(qr),e[4]=b.cards,e[5]=x);let S=x,C,w;e[6]!==h||e[7]!==d||e[8]!==f?(C=()=>{if(h!==`models`||d.get(`add`)!==`1`)return;_(!0);let e=new URLSearchParams(d);e.delete(`add`),f(e,{replace:!0})},w=[h,d,f],e[6]=h,e[7]=d,e[8]=f,e[9]=C,e[10]=w):(C=e[9],w=e[10]),(0,Q.useEffect)(C,w);let E;e[11]===l.tabs.models?E=e[12]:(E={id:`models`,icon:J,label:l.tabs.models},e[11]=l.tabs.models,e[12]=E);let D;e[13]===l.tabs.image?D=e[14]:(D={id:`image`,icon:He,label:l.tabs.image},e[13]=l.tabs.image,e[14]=D);let k;e[15]!==E||e[16]!==D?(k=[E,D],e[15]=E,e[16]=D,e[17]=k):k=e[17];let A=k,j;e[18]===u?j=e[19]:(j=e=>u(qe(e)),e[18]=u,e[19]=j);let M=j,N=Kr;if(!Wr(h)){let t;return e[20]===Symbol.for(`react.memo_cache_sentinel`)?(t=(0,$.jsx)(s,{to:qe(`models`),replace:!0}),e[20]=t):t=e[20],t}let P=h===`models`||h===`image`,F=h===`voice`?r.nav.settingsVoice:h===`search`?r.nav.settingsSearch:r.nav.settingsModels,I;e[21]===t?I=e[22]:(I=Ee(t,`configuration`),e[21]=t,e[22]=I);let L;e[23]!==l.docsLink||e[24]!==F||e[25]!==I?(L=(0,$.jsx)(yt,{title:F,docsLink:I,docsLabel:l.docsLink}),e[23]=l.docsLink,e[24]=F,e[25]=I,e[26]=L):L=e[26];let R;e[27]!==h||e[28]!==m||e[29]!==t?(R=h===`voice`&&m?(0,$.jsx)(c,{to:m,className:`text-sm text-accent-fg hover:underline`,children:t===`zh`?`返回对话`:`Return to conversation`}):null,e[27]=h,e[28]=m,e[29]=t,e[30]=R):R=e[30];let z;e[31]!==l.tabsAria||e[32]!==h||e[33]!==P||e[34]!==A||e[35]!==M?(z=P?(0,$.jsx)(Bt,{items:A,activeTab:h,onChange:M,ariaLabel:l.tabsAria,tabIdPrefix:`capability-tab`,panelIdPrefix:`capability-panel`}):null,e[31]=l.tabsAria,e[32]=h,e[33]=P,e[34]=A,e[35]=M,e[36]=z):z=e[36];let B=P?`tabpanel`:void 0,V=`capability-panel-${h}`,H=P?`capability-tab-${h}`:void 0,U;e[37]!==l.connectedProviders||e[38]!==l.xopcCloudAccount||e[39]!==h||e[40]!==b||e[41]!==S?(U=h===`models`?(0,$.jsxs)($.Fragment,{children:[S?(0,$.jsx)(Hr,{labels:l.xopcCloudAccount}):null,(0,$.jsx)(Br,{}),(0,$.jsx)(wr,{labels:l.connectedProviders,data:b,onAdd:()=>_(!0),onManage:(e,t)=>y({providerId:e,isCustom:t})})]}):(0,$.jsx)(Yr,{section:h}),e[37]=l.connectedProviders,e[38]=l.xopcCloudAccount,e[39]=h,e[40]=b,e[41]=S,e[42]=U):U=e[42];let W;e[43]!==B||e[44]!==V||e[45]!==H||e[46]!==U?(W=(0,$.jsx)(`div`,{role:B,id:V,"aria-labelledby":H,className:`flex min-w-0 flex-col gap-3 rounded-2xl bg-surface-base px-4 py-5 sm:px-5`,children:U}),e[43]=B,e[44]=V,e[45]=H,e[46]=U,e[47]=W):W=e[47];let G;e[48]!==g||e[49]!==l.addProviderDialog||e[50]!==t||e[51]!==b.builtinRows||e[52]!==b.customConfig?(G=(0,$.jsx)(cr,{open:g,onOpenChange:_,builtinRows:b.builtinRows,customConfig:b.customConfig,labels:l.addProviderDialog,language:t,onSaved:N}),e[48]=g,e[49]=l.addProviderDialog,e[50]=t,e[51]=b.builtinRows,e[52]=b.customConfig,e[53]=G):G=e[53];let ee;e[54]!==l.manageProviderDialog||e[55]!==t||e[56]!==v||e[57]!==b.allModels||e[58]!==b.builtinRows||e[59]!==b.customConfig?(ee=v?(0,$.jsx)(Pr,{open:!0,onOpenChange:e=>{e||y(null)},providerId:v.providerId,isCustom:v.isCustom,builtinRows:b.builtinRows,customConfig:b.customConfig,allModels:b.allModels,labels:l.manageProviderDialog,language:t,onSaved:N}):null,e[54]=l.manageProviderDialog,e[55]=t,e[56]=v,e[57]=b.allModels,e[58]=b.builtinRows,e[59]=b.customConfig,e[60]=ee):ee=e[60];let K;return e[61]!==L||e[62]!==R||e[63]!==z||e[64]!==W||e[65]!==G||e[66]!==ee?(K=(0,$.jsxs)(bt,{children:[L,R,z,W,G,ee]}),e[61]=L,e[62]=R,e[63]=z,e[64]=W,e[65]=G,e[66]=ee,e[67]=K):K=e[67],K}function Kr(){ae()}function qr(e){return e.id===`xopc-cloud`&&!e.isCustom}function Jr(e){return e.language}function Yr(e){let t=(0,Z.c)(3),{section:n}=e;switch(n){case`models`:return null;case`image`:{let e;return t[0]===Symbol.for(`react.memo_cache_sentinel`)?(e=(0,$.jsx)(un,{}),t[0]=e):e=t[0],e}case`voice`:{let e;return t[1]===Symbol.for(`react.memo_cache_sentinel`)?(e=(0,$.jsx)(Fn,{}),t[1]=e):e=t[1],e}case`search`:{let e;return t[2]===Symbol.for(`react.memo_cache_sentinel`)?(e=(0,$.jsx)(nr,{}),t[2]=e):e=t[2],e}}}export{Gr as CapabilitiesSettingsPanel};