@aidotnet/server-darwin-arm64 0.14.1 → 0.14.3100

package/bin/astra-server

@@ -1,4 +1,4 @@
 [diffend] Oversized file quarantined before diffing.
 name: package/bin/astra-server
-size: 52074272 bytes
-sha256: 861d3dea5dcee27caaa24ea1b836b7ffa91c30f452c98cb410bad6d3e54d3515
+size: 52024848 bytes
+sha256: 752d586d4492616b002291b357fccb38366ee137a1b8939244ee5e5fdb296918

package/bin/wwwroot/assets/{ClientsPage-Bbx4JQCh.js → ClientsPage-GKLy8gVJ.js}

@@ -1,9 +1,9 @@
-import{Ba as e,Dr as t,Et as n,Fr as r,G as i,Gt as a,H as o,Ht as s,Ir as c,Jt as l,K as u,Kt as d,Mr as f,Qn as p,Ra as m,Ua as h,Ut as g,Vr as ee,Vt as _,Xt as v,Y as y,Yt as b,_ as x,ai as S,ar as C,bn as te,bt as w,c as T,ct as E,d as ne,dt as D,gn as re,gt as ie,lr as ae,m as O,mn as oe,n as k,ot as A,r as j,s as se,t as M,u as N,v as P,vr as ce,xt as F,y as I,za as L}from"./alert-Clz2DftU.js";import{a as R,gt as z,ht as le,i as ue,o as B,r as V}from"./overlays-UV1fYmtB.js";import{n as H}from"./ProvidersPage-BiX8gU3n.js";import{t as de}from"./download-1kPyvAIz.js";import{t as fe}from"./external-link-CP_HY9s9.js";import{t as pe}from"./folder-open-gI3OxPvC.js";import{a as me,c as U,d as W,f as he,i as G,l as K,n as ge,o as _e,p as q,r as ve,s as ye,t as be,u as xe}from"./sortable.esm-DLqkwcx8.js";import{t as Se}from"./rotate-ccw-ClcBYxmg.js";import{$ as Ce,B as we,H as Te,P as Ee,R as J,S as Y,U as De,V as Oe,Z as ke,b as Ae,et as je,h as Me,v as Ne,x as Pe,z as Fe}from"./index-LdSd2gU7.js";var Ie={name:`archive`,size:24,node:[[`rect`,{width:`20`,height:`5`,x:`2`,y:`3`,rx:`1`,key:`1wp1u1`}],[`path`,{d:`M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8`,key:`1s80jp`}],[`path`,{d:`M10 12h4`,key:`a56b0p`}]]};Ie.node;var Le=F(Ie),Re={name:`circle-arrow-up`,size:24,node:[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`m16 12-4-4-4 4`,key:`177agl`}],[`path`,{d:`M12 16V8`,key:`1sbj14`}]],aliases:[`arrow-up-circle`]};Re.node;var ze=F(Re),Be={name:`shield-alert`,size:24,node:[[`path`,{d:`M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z`,key:`oel41y`}],[`path`,{d:`M12 8v4`,key:`1got3b`}],[`path`,{d:`M12 16h.01`,key:`1drbdi`}]]};Be.node;var Ve=F(Be),X=h(e(),1),Z=L(),He=`astra claude`;function Ue(e){return e.reduce((e,t)=>({requests:e.requests+1,inputTokens:e.inputTokens+t.inputTokens,totalInputTokens:e.totalInputTokens+t.inputTokens+t.cacheReadTokens+t.cacheCreationTokens,outputTokens:e.outputTokens+t.outputTokens,failed:e.failed+ +(t.status===`error`),estimatedCostNanoUsd:e.estimatedCostNanoUsd+(t.estimatedCostNanoUsd??0)}),{requests:0,inputTokens:0,totalInputTokens:0,outputTokens:0,failed:0,estimatedCostNanoUsd:0})}var We=e=>e.status===`active`&&e.enabled;function Ge(e,t){let n=[e.name||e.id,e.email?`· ${e.email}`:null,e.plan?`· ${e.plan}`:null].filter(Boolean).join(` `);return We(e)?n:`${n} · ${t}`}function Ke({enabled:e,gatewayEnabled:t}){let{t:n}=E(),{toast:r}=B(),i=Ce(),o=a(e),s=f(),[c,l]=(0,X.useState)(null),u=o.data?.mode??`gateway`,p=o.data?.accounts??[],m=o.data?.accountId??null??p.find(We)?.id??null,h=p.find(e=>e.id===m),g=u===`direct`,ee=t&&(g||o.data!=null),_=g&&h?.telemetryEnabled===!0,v=d(_?h?.id:null,_),y=s.isPending,b=e=>s.mutate(e,{onError:e=>r(R(e),`error`)});return(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(N,{title:n(`clients.claudeDirect.modeTitle`),footer:n(`clients.claudeDirect.modeFooter`),children:[(0,Z.jsx)(O,{label:n(`clients.claudeDirect.mode`),detail:n(g?`clients.claudeDirect.directDetail`:`clients.claudeDirect.gatewayDetail`),children:(0,Z.jsx)(x,{ariaLabel:n(`clients.claudeDirect.mode`),value:u,onChange:e=>{if(e===u||y||!o.data)return;let t=m??p.find(We)?.id??null;if(e===`direct`&&!t){r(n(`clients.claudeDirect.needAccountToast`),`error`);return}b({mode:e,accountId:t})},items:[{value:`gateway`,label:n(`clients.claudeDirect.gateway`)},{value:`direct`,label:n(`clients.claudeDirect.direct`)}]})}),(0,Z.jsx)(`p`,{className:`px-4 pb-2 text-[11px] text-[var(--text-muted)]`,children:n(`clients.claudeDirect.modeNote`)})]}),o.isLoading&&(0,Z.jsx)(P,{lines:3}),o.isError&&(0,Z.jsx)(`div`,{className:`mb-5`,children:(0,Z.jsx)(M,{tone:`danger`,title:n(`clients.claudeDirect.loadFailed`),children:R(o.error)})}),ee&&(0,Z.jsx)(`div`,{className:`mb-5`,children:(0,Z.jsx)(M,{tone:`warning`,title:n(`clients.claudeDirect.gatewayOnTitle`),children:n(`clients.claudeDirect.gatewayOnDetail`)})}),o.data&&(0,Z.jsx)(N,{title:n(`clients.claudeDirect.accountsTitle`),footer:n(`clients.claudeDirect.accountsFooter`),children:p.length===0?(0,Z.jsx)(T,{title:n(`clients.claudeDirect.noAccount`),detail:n(`clients.claudeDirect.noAccountDetail`),action:(0,Z.jsx)(j,{variant:`primary`,onClick:()=>i(`/providers`),children:n(`clients.claudeDirect.goProviders`)})}):(0,Z.jsx)(O,{label:n(`clients.claudeDirect.account`),children:(0,Z.jsx)(V,{className:`max-w-[300px]`,ariaLabel:n(`clients.claudeDirect.account`),value:m,onChange:e=>{y||e===m||b({mode:u,accountId:e})},options:p.map(e=>({value:e.id,label:Ge(e,n(`clients.claudeDirect.accountDisabledSuffix`,{status:n(`providers.subscription.status.${e.status}`)})),disabled:!We(e)}))})})}),o.data&&g&&h&&(0,Z.jsx)(N,{title:n(`clients.claudeDirect.launchTitle`),footer:n(`clients.claudeDirect.launchNote`),children:(0,Z.jsx)(qe,{command:He,copied:c,onCopy:async e=>{await z.copy(e)&&(l(e),r(n(`common.copied`)))}})}),o.data&&g&&h&&(0,Z.jsxs)(N,{title:n(`clients.claudeDirect.statsTitle`),footer:n(`clients.claudeDirect.statsFooter`),children:[(0,Z.jsx)(O,{label:n(`clients.claudeDirect.statsConsent`),detail:n(`clients.claudeDirect.statsConsentDetail`),children:(0,Z.jsx)(I,{label:n(`clients.claudeDirect.statsConsent`),checked:h.telemetryEnabled,disabled:y,onChange:e=>{h&&!y&&b({mode:u,accountId:h.id,telemetryEnabled:e})}})}),_&&(0,Z.jsx)(Je,{requests:v})]})]})}function qe({command:e,copied:t,onCopy:n}){let{t:r}=E();return(0,Z.jsx)(O,{label:(0,Z.jsx)(`span`,{className:`font-mono text-[12px] break-all selectable`,children:e}),children:(0,Z.jsx)(j,{size:`sm`,icon:(0,Z.jsx)(ie,{className:`size-3`}),variant:t===e?`primary`:`glass`,"aria-label":r(`common.copy`),title:r(`common.copy`),onClick:()=>void n(e),children:r(t===e?`common.copied`:`common.copy`)})})}function Je({requests:e}){let{t,locale:n}=E(),r=e.data??[],a=Ue(r);return e.isLoading?(0,Z.jsx)(`div`,{className:`p-4`,children:(0,Z.jsx)(P,{lines:3})}):e.isError?(0,Z.jsx)(`div`,{className:`p-4`,children:(0,Z.jsx)(M,{tone:`danger`,title:t(`clients.claudeDirect.statsFailed`),children:R(e.error)})}):r.length===0?(0,Z.jsx)(T,{icon:(0,Z.jsx)(Te,{className:`size-6`}),title:t(`clients.claudeDirect.statsEmpty`),detail:t(`clients.claudeDirect.statsEmptyDetail`)}):(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(O,{label:t(`clients.claudeDirect.statsTotals`,{count:y(a.requests)}),detail:t(`clients.claudeDirect.statsInDetail`,{input:y(a.totalInputTokens),cache:y(r.reduce((e,t)=>e+t.cacheReadTokens,0)),output:y(a.outputTokens)})}),(0,Z.jsx)(O,{label:t(`clients.claudeDirect.statsCost`),detail:t(`clients.claudeDirect.statsCostDetail`),children:(0,Z.jsx)(`span`,{className:`num text-[13px]`,children:u(r.some(e=>e.estimatedCostNanoUsd!=null)?a.estimatedCostNanoUsd:null)})}),a.failed>0&&(0,Z.jsx)(O,{label:t(`clients.claudeDirect.statsFailedCount`,{count:y(a.failed)}),children:(0,Z.jsx)(k,{tone:`red`,children:t(`clients.claudeDirect.statusError`)})}),r.map(e=>(0,Z.jsx)(O,{label:(0,Z.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,Z.jsx)(`span`,{className:`truncate`,children:e.model}),e.status===`error`?(0,Z.jsx)(k,{tone:`red`,children:t(`clients.claudeDirect.statusError`)}):(0,Z.jsx)(k,{tone:`green`,children:t(`status.success`)})]}),detail:(0,Z.jsx)(`span`,{className:`num`,children:[o(e.occurredAtUtc,n),t(`clients.claudeDirect.tokensDetail`,{input:y(e.inputTokens),output:y(e.outputTokens)}),e.durationMs==null?null:i(e.durationMs),e.accountUuid??null].filter(Boolean).join(` · `)}),children:(0,Z.jsx)(`span`,{className:`num text-[13px]`,children:u(e.estimatedCostNanoUsd)})},e.id))]})}function Ye({descriptors:e,values:t,onChange:n,enabled:r}){let{t:i}=E(),a=(e,r)=>{let i={...t};r===void 0||r===!1||r===0||r==="default"||r===``?delete i[e]:i[e]=r,n(i)};return(0,Z.jsx)(N,{title:i(`clients.options.title`),footer:i(r?`clients.options.footerEnabled`:`clients.options.footer`),children:e.map(e=>{let n=i(`clients.option.${e.key}`),r=i(`clients.option.${e.key}.hint`),o=t[e.key];return(0,Z.jsxs)(O,{label:n,detail:r,children:[e.type===`bool`&&(0,Z.jsx)(I,{label:n,checked:o===!0,onChange:t=>a(e.key,t)}),e.type===`int`&&(0,Z.jsx)(ne,{className:`w-36`,mono:!0,inputMode:`numeric`,"aria-label":n,placeholder:i(`clients.options.unset`),value:typeof o==`number`?String(o):``,onChange:t=>{let n=Number.parseInt(t.target.value.replace(/\D/g,``),10);a(e.key,Number.isFinite(n)?n:void 0)}}),e.type===`enum`&&(0,Z.jsx)(V,{ariaLabel:n,value:typeof o==`string`?o:`default`,onChange:t=>a(e.key,t),options:(e.choices??[]).map(e=>({value:e,label:i(`clients.optionChoice.${e}`)})),className:`w-36`})]},e.key)})})}var Xe=[`openai-chat`,`openai-responses`,`anthropic`,`gemini`],Ze=e=>typeof e==`string`&&Xe.includes(e);function Qe(e){let t=e?.protocolOverrides,n={};if(!t||typeof t!=`object`)return n;for(let[e,r]of Object.entries(t))Ze(r)&&(n[e]=r);return n}function $e(e){let t=e?.models;if(!t||typeof t!=`object`)return[];let n=[];for(let e of Object.values(t)){if(!e||typeof e!=`object`)continue;let t=e;typeof t.id==`string`&&t.id&&!n.some(e=>e.id===t.id)&&n.push({id:t.id,name:typeof t.name==`string`&&t.name?t.name:t.id,native:Array.isArray(t.protocols)?t.protocols.filter(Ze):[]})}return n}function et(e,t){let n=e.native.find(e=>t.includes(e));return n?{protocol:n,translated:!1}:{protocol:t[0],translated:!0}}var tt=e=>Object.keys(e).sort().map(t=>`${t}=${e[t]}`).join(`
+import{Ba as e,Dr as t,Et as n,Fr as r,G as i,Gt as a,H as o,Ht as s,Ir as c,Jt as l,K as u,Kt as d,Mr as f,Qn as p,Ra as m,Ua as h,Ut as g,Vr as ee,Vt as _,Xt as v,Y as y,Yt as b,_ as x,ai as S,ar as C,bn as te,bt as w,c as T,ct as E,d as ne,dt as D,gn as re,gt as ie,lr as ae,m as O,mn as oe,n as k,ot as A,r as j,s as se,t as M,u as N,v as P,vr as ce,xt as F,y as I,za as L}from"./alert-0ugPccg1.js";import{a as R,ct as z,i as le,o as B,r as V,st as ue}from"./overlays-Dd-xCJQp.js";import{n as H}from"./ProvidersPage-B7az1p0j.js";import{t as de}from"./download-DZCHLDt2.js";import{t as fe}from"./external-link-CS7Gd3Z_.js";import{t as pe}from"./folder-open-BZjDCbYy.js";import{a as me,c as U,d as W,f as he,i as G,l as K,n as ge,o as _e,p as q,r as ve,s as ye,t as be,u as xe}from"./sortable.esm-BXvWgOQ9.js";import{t as Se}from"./rotate-ccw-CIB2qh-N.js";import{$ as Ce,B as we,H as Te,P as Ee,R as J,S as Y,U as De,V as Oe,Z as ke,b as Ae,et as je,h as Me,v as Ne,x as Pe,z as Fe}from"./index-COgqKK9s.js";var Ie={name:`archive`,size:24,node:[[`rect`,{width:`20`,height:`5`,x:`2`,y:`3`,rx:`1`,key:`1wp1u1`}],[`path`,{d:`M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8`,key:`1s80jp`}],[`path`,{d:`M10 12h4`,key:`a56b0p`}]]};Ie.node;var Le=F(Ie),Re={name:`circle-arrow-up`,size:24,node:[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`m16 12-4-4-4 4`,key:`177agl`}],[`path`,{d:`M12 16V8`,key:`1sbj14`}]],aliases:[`arrow-up-circle`]};Re.node;var ze=F(Re),Be={name:`shield-alert`,size:24,node:[[`path`,{d:`M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z`,key:`oel41y`}],[`path`,{d:`M12 8v4`,key:`1got3b`}],[`path`,{d:`M12 16h.01`,key:`1drbdi`}]]};Be.node;var Ve=F(Be),X=h(e(),1),Z=L(),He=`astra claude`;function Ue(e){return e.reduce((e,t)=>({requests:e.requests+1,inputTokens:e.inputTokens+t.inputTokens,totalInputTokens:e.totalInputTokens+t.inputTokens+t.cacheReadTokens+t.cacheCreationTokens,outputTokens:e.outputTokens+t.outputTokens,failed:e.failed+ +(t.status===`error`),estimatedCostNanoUsd:e.estimatedCostNanoUsd+(t.estimatedCostNanoUsd??0)}),{requests:0,inputTokens:0,totalInputTokens:0,outputTokens:0,failed:0,estimatedCostNanoUsd:0})}var We=e=>e.status===`active`&&e.enabled;function Ge(e,t){let n=[e.name||e.id,e.email?`· ${e.email}`:null,e.plan?`· ${e.plan}`:null].filter(Boolean).join(` `);return We(e)?n:`${n} · ${t}`}function Ke({enabled:e,gatewayEnabled:t}){let{t:n}=E(),{toast:r}=B(),i=Ce(),o=a(e),s=f(),[c,l]=(0,X.useState)(null),u=o.data?.mode??`gateway`,p=o.data?.accounts??[],m=o.data?.accountId??null??p.find(We)?.id??null,h=p.find(e=>e.id===m),g=u===`direct`,ee=t&&(g||o.data!=null),_=g&&h?.telemetryEnabled===!0,v=d(_?h?.id:null,_),y=s.isPending,b=e=>s.mutate(e,{onError:e=>r(R(e),`error`)});return(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(N,{title:n(`clients.claudeDirect.modeTitle`),footer:n(`clients.claudeDirect.modeFooter`),children:[(0,Z.jsx)(O,{label:n(`clients.claudeDirect.mode`),detail:n(g?`clients.claudeDirect.directDetail`:`clients.claudeDirect.gatewayDetail`),children:(0,Z.jsx)(x,{ariaLabel:n(`clients.claudeDirect.mode`),value:u,onChange:e=>{if(e===u||y||!o.data)return;let t=m??p.find(We)?.id??null;if(e===`direct`&&!t){r(n(`clients.claudeDirect.needAccountToast`),`error`);return}b({mode:e,accountId:t})},items:[{value:`gateway`,label:n(`clients.claudeDirect.gateway`)},{value:`direct`,label:n(`clients.claudeDirect.direct`)}]})}),(0,Z.jsx)(`p`,{className:`px-4 pb-2 text-[11px] text-[var(--text-muted)]`,children:n(`clients.claudeDirect.modeNote`)})]}),o.isLoading&&(0,Z.jsx)(P,{lines:3}),o.isError&&(0,Z.jsx)(`div`,{className:`mb-5`,children:(0,Z.jsx)(M,{tone:`danger`,title:n(`clients.claudeDirect.loadFailed`),children:R(o.error)})}),ee&&(0,Z.jsx)(`div`,{className:`mb-5`,children:(0,Z.jsx)(M,{tone:`warning`,title:n(`clients.claudeDirect.gatewayOnTitle`),children:n(`clients.claudeDirect.gatewayOnDetail`)})}),o.data&&(0,Z.jsx)(N,{title:n(`clients.claudeDirect.accountsTitle`),footer:n(`clients.claudeDirect.accountsFooter`),children:p.length===0?(0,Z.jsx)(T,{title:n(`clients.claudeDirect.noAccount`),detail:n(`clients.claudeDirect.noAccountDetail`),action:(0,Z.jsx)(j,{variant:`primary`,onClick:()=>i(`/providers`),children:n(`clients.claudeDirect.goProviders`)})}):(0,Z.jsx)(O,{label:n(`clients.claudeDirect.account`),children:(0,Z.jsx)(V,{className:`max-w-[300px]`,ariaLabel:n(`clients.claudeDirect.account`),value:m,onChange:e=>{y||e===m||b({mode:u,accountId:e})},options:p.map(e=>({value:e.id,label:Ge(e,n(`clients.claudeDirect.accountDisabledSuffix`,{status:n(`providers.subscription.status.${e.status}`)})),disabled:!We(e)}))})})}),o.data&&g&&h&&(0,Z.jsx)(N,{title:n(`clients.claudeDirect.launchTitle`),footer:n(`clients.claudeDirect.launchNote`),children:(0,Z.jsx)(qe,{command:He,copied:c,onCopy:async e=>{await z.copy(e)&&(l(e),r(n(`common.copied`)))}})}),o.data&&g&&h&&(0,Z.jsxs)(N,{title:n(`clients.claudeDirect.statsTitle`),footer:n(`clients.claudeDirect.statsFooter`),children:[(0,Z.jsx)(O,{label:n(`clients.claudeDirect.statsConsent`),detail:n(`clients.claudeDirect.statsConsentDetail`),children:(0,Z.jsx)(I,{label:n(`clients.claudeDirect.statsConsent`),checked:h.telemetryEnabled,disabled:y,onChange:e=>{h&&!y&&b({mode:u,accountId:h.id,telemetryEnabled:e})}})}),_&&(0,Z.jsx)(Je,{requests:v})]})]})}function qe({command:e,copied:t,onCopy:n}){let{t:r}=E();return(0,Z.jsx)(O,{label:(0,Z.jsx)(`span`,{className:`font-mono text-[12px] break-all selectable`,children:e}),children:(0,Z.jsx)(j,{size:`sm`,icon:(0,Z.jsx)(ie,{className:`size-3`}),variant:t===e?`primary`:`glass`,"aria-label":r(`common.copy`),title:r(`common.copy`),onClick:()=>void n(e),children:r(t===e?`common.copied`:`common.copy`)})})}function Je({requests:e}){let{t,locale:n}=E(),r=e.data??[],a=Ue(r);return e.isLoading?(0,Z.jsx)(`div`,{className:`p-4`,children:(0,Z.jsx)(P,{lines:3})}):e.isError?(0,Z.jsx)(`div`,{className:`p-4`,children:(0,Z.jsx)(M,{tone:`danger`,title:t(`clients.claudeDirect.statsFailed`),children:R(e.error)})}):r.length===0?(0,Z.jsx)(T,{icon:(0,Z.jsx)(Te,{className:`size-6`}),title:t(`clients.claudeDirect.statsEmpty`),detail:t(`clients.claudeDirect.statsEmptyDetail`)}):(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(O,{label:t(`clients.claudeDirect.statsTotals`,{count:y(a.requests)}),detail:t(`clients.claudeDirect.statsInDetail`,{input:y(a.totalInputTokens),cache:y(r.reduce((e,t)=>e+t.cacheReadTokens,0)),output:y(a.outputTokens)})}),(0,Z.jsx)(O,{label:t(`clients.claudeDirect.statsCost`),detail:t(`clients.claudeDirect.statsCostDetail`),children:(0,Z.jsx)(`span`,{className:`num text-[13px]`,children:u(r.some(e=>e.estimatedCostNanoUsd!=null)?a.estimatedCostNanoUsd:null)})}),a.failed>0&&(0,Z.jsx)(O,{label:t(`clients.claudeDirect.statsFailedCount`,{count:y(a.failed)}),children:(0,Z.jsx)(k,{tone:`red`,children:t(`clients.claudeDirect.statusError`)})}),r.map(e=>(0,Z.jsx)(O,{label:(0,Z.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,Z.jsx)(`span`,{className:`truncate`,children:e.model}),e.status===`error`?(0,Z.jsx)(k,{tone:`red`,children:t(`clients.claudeDirect.statusError`)}):(0,Z.jsx)(k,{tone:`green`,children:t(`status.success`)})]}),detail:(0,Z.jsx)(`span`,{className:`num`,children:[o(e.occurredAtUtc,n),t(`clients.claudeDirect.tokensDetail`,{input:y(e.inputTokens),output:y(e.outputTokens)}),e.durationMs==null?null:i(e.durationMs),e.accountUuid??null].filter(Boolean).join(` · `)}),children:(0,Z.jsx)(`span`,{className:`num text-[13px]`,children:u(e.estimatedCostNanoUsd)})},e.id))]})}function Ye({descriptors:e,values:t,onChange:n,enabled:r}){let{t:i}=E(),a=(e,r)=>{let i={...t};r===void 0||r===!1||r===0||r==="default"||r===``?delete i[e]:i[e]=r,n(i)};return(0,Z.jsx)(N,{title:i(`clients.options.title`),footer:i(r?`clients.options.footerEnabled`:`clients.options.footer`),children:e.map(e=>{let n=i(`clients.option.${e.key}`),r=i(`clients.option.${e.key}.hint`),o=t[e.key];return(0,Z.jsxs)(O,{label:n,detail:r,children:[e.type===`bool`&&(0,Z.jsx)(I,{label:n,checked:o===!0,onChange:t=>a(e.key,t)}),e.type===`int`&&(0,Z.jsx)(ne,{className:`w-36`,mono:!0,inputMode:`numeric`,"aria-label":n,placeholder:i(`clients.options.unset`),value:typeof o==`number`?String(o):``,onChange:t=>{let n=Number.parseInt(t.target.value.replace(/\D/g,``),10);a(e.key,Number.isFinite(n)?n:void 0)}}),e.type===`enum`&&(0,Z.jsx)(V,{ariaLabel:n,value:typeof o==`string`?o:`default`,onChange:t=>a(e.key,t),options:(e.choices??[]).map(e=>({value:e,label:i(`clients.optionChoice.${e}`)})),className:`w-36`})]},e.key)})})}var Xe=[`openai-chat`,`openai-responses`,`anthropic`,`gemini`],Ze=e=>typeof e==`string`&&Xe.includes(e);function Qe(e){let t=e?.protocolOverrides,n={};if(!t||typeof t!=`object`)return n;for(let[e,r]of Object.entries(t))Ze(r)&&(n[e]=r);return n}function $e(e){let t=e?.models;if(!t||typeof t!=`object`)return[];let n=[];for(let e of Object.values(t)){if(!e||typeof e!=`object`)continue;let t=e;typeof t.id==`string`&&t.id&&!n.some(e=>e.id===t.id)&&n.push({id:t.id,name:typeof t.name==`string`&&t.name?t.name:t.id,native:Array.isArray(t.protocols)?t.protocols.filter(Ze):[]})}return n}function et(e,t){let n=e.native.find(e=>t.includes(e));return n?{protocol:n,translated:!1}:{protocol:t[0],translated:!0}}var tt=e=>Object.keys(e).sort().map(t=>`${t}=${e[t]}`).join(`
 `),nt=`auto`,rt=e=>H.find(t=>t.value===e)?.label??e;function it({models:e,supported:t,values:n,onChange:r,enabled:i}){let{t:a}=E(),o=(e,t)=>{let i={...n};t===nt?delete i[e]:i[e]=t,r(i)};return(0,Z.jsx)(N,{title:a(`clients.protocols.title`),footer:a(i?`clients.protocols.footerEnabled`:`clients.protocols.footer`),children:e.map(e=>{let r=et(e,t),i=e.native.filter(e=>t.includes(e));return(0,Z.jsx)(O,{label:e.name,detail:i.length>0?a(`clients.protocols.native`,{protocols:i.map(rt).join(` · `)}):a(`clients.protocols.noNative`),children:(0,Z.jsx)(V,{ariaLabel:e.name,className:`w-60`,value:n[e.id]&&t.includes(n[e.id])?n[e.id]:nt,onChange:t=>o(e.id,t),options:[{value:nt,label:a(r.translated?`clients.protocols.autoTranslated`:`clients.protocols.auto`,{protocol:rt(r.protocol)})},...t.map(e=>({value:e,label:rt(e)}))]})},e.id)})})}function at(e,t){let n=e?.options,r={};if(!n||typeof n!=`object`)return r;for(let e of t??[]){let t=n[e.key];e.type===`bool`&&t===!0?r[e.key]=!0:(e.type===`int`&&typeof t==`number`&&t>0||e.type===`enum`&&typeof t==`string`&&t!=="default"&&e.choices?.includes(t))&&(r[e.key]=t)}return r}var ot=e=>Object.keys(e).sort().map(t=>`${t}=${e[t]}`).join(`
 `),st=[`ANTHROPIC_MODEL`,`ANTHROPIC_DEFAULT_FABLE_MODEL`,`ANTHROPIC_DEFAULT_OPUS_MODEL`,`ANTHROPIC_DEFAULT_SONNET_MODEL`,`ANTHROPIC_DEFAULT_HAIKU_MODEL`];function ct(e){let t=e?.models,n={};if(!t||typeof t!=`object`)return n;for(let e of st){let r=t[e];typeof r==`string`&&r.trim()&&(n[e]=r.trim())}return n}var lt=e=>st.map(t=>e[t]??``).join(`
 `),Q=[`sonnet`,`opus`,`haiku`];function ut(e){let t=e?.roleMap,n={};if(!t||typeof t!=`object`)return n;for(let e of Q){let r=t[e];typeof r==`string`&&r.trim()&&(n[e]=r.trim())}return n}var $=e=>Q.map(t=>e[t]??``).join(`
-`),dt=/(^|[-_.:/\s])(haiku|flash|mini|lite|nano|small|fast|air)($|[-_.:/\s])/i;function ft(e){if(e.length===0)return{};let t=t=>e.find(e=>e.toLowerCase().includes(t)),n=e.find(e=>!dt.test(e))??e[0],r=e.find(e=>dt.test(e))??n;return{sonnet:t(`sonnet`)??n,opus:t(`opus`)??t(`sonnet`)??n,haiku:t(`haiku`)??r}}function pt(){let{t:e}=E(),t=Ce(),{toast:n}=B(),r=je(),i=v(),a=g(),o=(0,X.useMemo)(()=>new Map((i.data??[]).map(e=>[e.kind,e])),[i.data]),s=ht(i.data).includes(r.kind)?r.kind:`codex`,c=o.get(s);return(0,X.useEffect)(()=>a.mutate(!1),[]),(0,Z.jsx)(Me,{title:e(`nav.clients`),subtitle:e(`clients.subtitle`),actions:(0,Z.jsx)(j,{icon:(0,Z.jsx)(Fe,{className:`size-3.5`}),loading:a.isPending,onClick:()=>a.mutate(!0,{onSuccess:t=>{let r=t.filter(e=>e.install?.updateAvailable&&e.install.blocker!==`shadowed`).length;n(r>0?e(`clients.updatesFound`,{count:r}):e(`clients.allUpToDate`),r>0?void 0:`success`)},onError:e=>n(R(e),`error`)}),children:e(`clients.checkUpdates`)}),children:(0,Z.jsx)(`div`,{className:`@container mx-auto max-w-[1200px]`,children:(0,Z.jsxs)(`div`,{className:`flex flex-col gap-4 @3xl:flex-row @3xl:items-start @3xl:gap-5`,children:[(0,Z.jsx)(bt,{clients:i.data,loading:i.isLoading,selected:s,onSelect:e=>t(`/clients/${e}`,{replace:!0})}),(0,Z.jsxs)(`div`,{className:`mx-auto w-full max-w-[760px] min-w-0 flex-1`,children:[i.isLoading&&(0,Z.jsx)(P,{lines:4}),i.isError&&(0,Z.jsx)(M,{tone:`danger`,title:e(`common.error`),children:R(i.error)}),c&&(0,Z.jsx)(wt,{client:c})]})]})})})}var mt=new Set([`opencode`,`pi`,`minimax-code`,`copilot-cli`,`vscode-copilot`,`crush`,`qwen-code`,`droid`,`kimi-code`,`zed`,`vscode-insiders`,`vscodium`,`omp`,`mimo-code`,`deepseek-harness`,`workbuddy`,`workbuddy-ai`,`nextcowork`,`paseo`,`zcode`,`tkcode`,`muse-code`,`codex`,`grok-build`,`hermes-agent`]);function ht(e){let t=(e??[]).filter(e=>!Ne.includes(e.kind)).sort((e,t)=>e.name.localeCompare(t.name));return[...Ne,...t.map(e=>e.kind)]}var gt=[`installed`,`notInstalled`,`comingSoon`],_t=new Set([`notInstalled`]);function vt(e){return e.availability===`coming_soon`?`comingSoon`:e.detection.installed||e.enabled||e.install?.installed?`installed`:`notInstalled`}function yt(e){return e.install?.version??e.detection.version??null}function bt({clients:e,loading:t,selected:n,onSelect:r}){let{t:i}=E(),[a,o]=(0,X.useState)(new Set),s=new Map((e??[]).map(e=>[e.kind,e])),c=gt.map(t=>({group:t,items:ht(e).flatMap(e=>{let n=s.get(e);return n&&vt(n)===t?[n]:[]})})).filter(e=>e.items.length>0);return(0,Z.jsxs)(`nav`,{"aria-label":i(`nav.clients`),className:`card shrink-0 p-1.5 @3xl:sticky @3xl:top-0 @3xl:w-[232px]`,children:[t&&(0,Z.jsx)(P,{lines:6,className:`p-2`}),(0,Z.jsx)(`div`,{className:`flex gap-1 overflow-x-auto @3xl:flex-col @3xl:gap-0 @3xl:overflow-visible`,children:c.map(({group:e,items:t})=>{let s=_t.has(e),c=!s||a.has(e)||t.some(e=>e.kind===n),l=`${i(`clients.group.${e}`)} · ${t.length}`;return(0,Z.jsxs)(`div`,{className:`contents @3xl:block`,children:[s?(0,Z.jsxs)(`button`,{type:`button`,"aria-expanded":c,"aria-label":i(c?`clients.group.collapse`:`clients.group.expand`,{group:l}),onClick:()=>o(t=>{let n=new Set(t);return n.delete(e)||n.add(e),n}),className:`flex shrink-0 items-center gap-1 rounded-[var(--radius-control)] px-2.5 py-1.5 text-[11px] font-medium whitespace-nowrap text-[var(--text-muted)] hover:bg-[var(--surface-muted)] @3xl:w-full @3xl:pt-2 @3xl:pb-1`,children:[(0,Z.jsx)(De,{size:12,className:A(`transition-transform`,c&&`rotate-90`)}),l]}):(0,Z.jsx)(`h3`,{className:`hidden px-2.5 pt-2 pb-1 text-[11px] font-medium text-[var(--text-muted)] @3xl:block`,children:l}),c&&t.map(e=>(0,Z.jsx)(xt,{client:e,active:e.kind===n,onSelect:()=>r(e.kind)},e.kind))]},e)})})]})}function xt({client:e,active:t,onSelect:n}){let{t:r}=E(),i=vt(e)!==`installed`,a=yt(e),o=e.install?.blocker===`shadowed`,s=e.install?.updateAvailable&&!o?e.install.latestVersion:null;return(0,Z.jsxs)(`button`,{type:`button`,"aria-label":Y(e.kind,e.name),"aria-current":t?`page`:void 0,onClick:n,className:A(`flex shrink-0 items-center gap-2.5 rounded-[var(--radius-control)] px-2.5 py-1.5 text-left transition-colors @3xl:w-full`,t?`bg-[var(--accent-subtle)]`:`hover:bg-[var(--surface-muted)]`),children:[(0,Z.jsx)(`span`,{className:A(`inline-flex`,i&&!t&&`opacity-60`),children:(0,Z.jsx)(Ae,{kind:e.kind,size:24})}),(0,Z.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,Z.jsx)(`span`,{className:A(`block truncate text-[13px] whitespace-nowrap`,t&&`font-medium`),children:Y(e.kind,e.name)}),a&&(0,Z.jsxs)(`span`,{className:`hidden truncate text-[11px] text-[var(--text-secondary)] @3xl:block`,children:[a,s&&(0,Z.jsxs)(`span`,{className:`text-[var(--warning)]`,children:[` → `,s]})]})]}),e.install?.busy&&(0,Z.jsx)(St,{}),s&&!e.install?.busy&&(0,Z.jsx)(k,{tone:`orange`,title:r(`clients.updateTo`,{version:s}),children:r(`clients.updateBadge`)}),o&&!e.install?.busy&&(0,Z.jsx)(k,{tone:`orange`,title:r(`clients.shadowed.title`,{version:e.install?.latestVersion??``}),children:r(`clients.shadowedBadge`)}),e.status===`drifted`?(0,Z.jsx)(`span`,{title:r(`clients.drifted`),"aria-label":r(`clients.drifted`),className:`inline-flex`,children:(0,Z.jsx)(se,{tone:`orange`})}):e.enabled?(0,Z.jsx)(w,{className:`size-3.5 shrink-0 text-[var(--success)]`,strokeWidth:2.5,"aria-label":r(`clients.enabled`)}):null]})}function St(){return(0,Z.jsx)(Oe,{className:`size-3.5 shrink-0 animate-spin text-[var(--text-secondary)] motion-reduce:animate-none`,"aria-hidden":!0})}function Ct(e,t){return e.availability===`coming_soon`?(0,Z.jsx)(k,{children:t(`clients.comingSoon`)}):e.status===`drifted`?(0,Z.jsx)(k,{tone:`orange`,children:t(`clients.drifted`)}):e.enabled?(0,Z.jsx)(k,{tone:`green`,children:t(`clients.enabled`)}):(0,Z.jsx)(k,{children:t(`clients.disabled`)})}function wt({client:e}){let{t,locale:n}=E(),i=Ce(),{toast:s,confirm:c}=B(),l=ae(),u=r(),d=oe(),f=te(),p=ce(),m=S(),h=b(e.kind,!!e.providerId),[g,ee]=(0,X.useState)(e.selectedModel??null),[_,v]=(0,X.useState)(e.accountId??``),y=e.tokenId??`default`,[x,w]=(0,X.useState)(y),T=(m.data??[]).filter(e=>e.enabled||e.id===y).map(e=>({value:e.id,label:e.enabled?e.name:t(`clients.tokenDisabled`,{name:e.name}),disabled:!e.enabled})),[ne,D]=(0,X.useState)(!1),[re,A]=(0,X.useState)(!1),[se,F]=(0,X.useState)(null),I=e.availability===`coming_soon`,L=Y(e.kind,e.name),ue=(l.data??[]).filter(e=>e.enabled),H=e.detection.configPaths[0],de=ue.find(t=>t.id===e.providerId),fe=de?.authScheme===`oauth-subscription`||de?.authScheme===`plugin`,me=C(de?.id,fe),U=e.kind===`claude-desktop`,W=e.kind===`claude-code`,he=a(W),G=W&&he.data?.mode===`direct`,K=ut(e.extras),[ge,_e]=(0,X.useState)(K),q=Q.some(e=>ge[e]),ve=$(ge)!==$(K),ye=ct(e.extras),[be,xe]=(0,X.useState)(ye),Se=(g??null)!==(e.selectedModel??null)||lt(be)!==lt(ye),we=W?st.filter(e=>e!==`ANTHROPIC_MODEL`):[],Ee=W?e.enabled?t(`clients.modelSlotsFooterEnabled`):t(`clients.modelSlotsFooter`):e.enabled?t(`clients.modelFooterEnabled`):t(`clients.modelFooter`),J=e.options??[],De=at(e.extras,J),[Oe,ke]=(0,X.useState)(De),je=ot(Oe)!==ot(De),Me=e.protocols??[],Ne=Me.length>1?$e(e.extras):[],Pe=Qe(e.extras),[Fe,Ie]=(0,X.useState)(Pe),Re=tt(Fe)!==tt(Pe),ze=U?{...e.extras,roleMap:ge}:W?{...e.extras,models:be,options:Oe}:J.length>0||Me.length>1?{...e.extras,...J.length>0?{options:Oe}:{},...Me.length>1?{protocolOverrides:Fe}:{}}:void 0;(0,X.useEffect)(()=>ee(e.selectedModel??null),[e.kind,e.selectedModel]),(0,X.useEffect)(()=>v(e.accountId??``),[e.kind,e.providerId,e.accountId]),(0,X.useEffect)(()=>w(y),[e.kind,y]),(0,X.useEffect)(()=>_e(ut(e.extras)),[e.kind,$(K)]);let Be=(0,X.useRef)({});(0,X.useEffect)(()=>{if(!U||e.enabled||Q.some(e=>K[e]))return;let t=Be.current,n=ft(h.data??[]);Be.current=n,_e(e=>(!Q.some(t=>e[t])||$(e)===$(t))&&$(e)!==$(n)?n:e)},[e.kind,e.enabled,$(K),(h.data??[]).join(`
-`)]),(0,X.useEffect)(()=>xe(ct(e.extras)),[e.kind,lt(ye)]),(0,X.useEffect)(()=>ke(at(e.extras,e.options)),[e.kind,ot(De)]),(0,X.useEffect)(()=>Ie(Qe(e.extras)),[e.kind,tt(Pe)]);let Ve=()=>{e.providerId&&u.mutate({kind:e.kind,providerId:e.providerId,accountId:_},{onSuccess:()=>s(t(`common.saved`),`success`),onError:e=>s(R(e),`error`)})},He=async()=>{await c({title:t(`clients.disableConfirm`,{name:L}),detail:t(`clients.disableDetail`),confirmLabel:t(`clients.disable`)})&&d.mutate(e.kind,{onSuccess:async n=>{if(n.drifted.length===0){s(t(`clients.disabledToast`,{name:L}),`success`);return}await c({title:t(`clients.driftTitle`),detail:t(`clients.driftDetail`,{keys:n.drifted.join(`, `)}),confirmLabel:t(`clients.forceRestore`),destructive:!0})&&f.mutate(e.kind,{onSuccess:()=>s(t(`clients.disabledToast`,{name:L}),`success`),onError:e=>s(R(e),`error`)})},onError:e=>s(R(e),`error`)})},Ue=async()=>{H&&(z.canOpenPaths?await z.openPath(le(H)):await z.copy(H)&&s(t(`common.copied`)))};return(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(N,{children:[(0,Z.jsxs)(O,{icon:(0,Z.jsx)(Ae,{kind:e.kind,size:36}),label:(0,Z.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,Z.jsx)(`span`,{className:`text-[15px] font-medium`,children:L}),G?(0,Z.jsx)(k,{children:t(`clients.claudeDirect.direct`)}):Ct(e,t)]}),detail:I?e.availabilityReason??t(`clients.comingSoonDetail`):[vt(e)===`installed`?t(`clients.detected`,{version:yt(e)??``}):t(`clients.notDetected`),G?null:H].filter(Boolean).join(` · `),className:`py-3`,children:[!I&&(0,Z.jsx)(At,{client:e,onOpen:F}),G?(0,Z.jsx)(j,{variant:`primary`,onClick:()=>document.getElementById(Mt)?.scrollIntoView({behavior:`smooth`,block:`start`}),children:t(`clients.claudeDirect.configure`)}):e.enabled?(0,Z.jsx)(j,{onClick:()=>void He(),loading:d.isPending,children:t(`clients.disableRestore`)}):(0,Z.jsx)(j,{variant:`primary`,disabled:I||!e.providerId||U&&!q,onClick:()=>D(!0),title:e.providerId?U&&!q?t(`clients.roleMapRequired`):void 0:t(`clients.pickProviderFirst`),children:t(`clients.enable`)})]}),!G&&e.appliedAt&&(0,Z.jsx)(O,{label:(0,Z.jsx)(`span`,{className:`text-[12px] text-[var(--text-secondary)]`,children:t(`clients.appliedAt`,{time:o(e.appliedAt,n)})})})]}),!I&&!e.enabled&&U&&e.providerId&&!q&&(0,Z.jsxs)(`div`,{className:`mb-5 flex flex-col items-start gap-2`,children:[(0,Z.jsx)(M,{tone:`info`,className:`self-stretch`,title:t(`clients.roleMapHint`)}),(0,Z.jsx)(j,{onClick:()=>document.getElementById(Nt)?.scrollIntoView({behavior:`smooth`,block:`start`}),children:t(`clients.roleMapGoto`)})]}),(e.repairs?.length??0)>0&&(0,Z.jsxs)(`div`,{className:`mb-5 flex flex-col items-start gap-2`,children:[(0,Z.jsxs)(M,{tone:`danger`,className:`self-stretch`,title:t(`clients.repair.title`,{name:L}),children:[e.repairs?.map(e=>(0,Z.jsxs)(`span`,{className:`block break-all`,children:[(0,Z.jsx)(`span`,{className:`font-mono`,children:e.file}),` — `,t(`clients.repair.problem.${e.problem}`,{line:e.line})]},e.file)),(0,Z.jsx)(`span`,{className:`block`,children:t(`clients.repair.hint`)})]}),(0,Z.jsx)(j,{variant:`primary`,loading:p.isPending,onClick:()=>p.mutate(e.kind,{onSuccess:()=>s(t(`clients.repair.done`,{name:L}),`success`),onError:e=>s(R(e),`error`)}),children:t(`clients.repair.action`)})]}),!G&&e.warnings.length>0&&(0,Z.jsx)(`div`,{className:`mb-5 flex flex-col gap-2`,children:e.warnings.map((e,t)=>(0,Z.jsx)(M,{tone:`warning`,title:e},t))}),!G&&(0,Z.jsx)(Ot,{client:e,providers:l.data??[],loading:l.isLoading,soon:I}),!G&&fe&&(0,Z.jsx)(N,{title:t(`clients.accountTitle`),footer:t(`clients.accountFooter`),children:me.isLoading?(0,Z.jsx)(`div`,{className:`p-4`,children:(0,Z.jsx)(P,{lines:2})}):(0,Z.jsxs)(O,{label:t(`clients.account`),children:[(0,Z.jsx)(V,{className:`max-w-[300px]`,ariaLabel:t(`clients.account`),value:_,onChange:v,options:[{value:``,label:t(`clients.accountDefault`)},...(me.data??[]).map(e=>({value:e.id,label:(e.displayName||e.id)+(e.status===`active`?``:` · ${t(`providers.subscription.status.${e.status}`)}`)}))]}),_!==(e.accountId??``)&&(0,Z.jsx)(j,{size:`sm`,variant:`primary`,loading:u.isPending,onClick:Ve,children:t(`common.apply`)})]})}),!I&&!G&&(0,Z.jsxs)(N,{title:t(`clients.tokenTitle`),footer:e.enabled?t(`clients.tokenFooterEnabled`):t(`clients.tokenFooter`),children:[(0,Z.jsxs)(O,{label:t(`clients.token`),children:[(0,Z.jsx)(V,{className:`max-w-[300px]`,ariaLabel:t(`clients.token`),value:x,onChange:w,options:T}),e.enabled&&x!==y&&(0,Z.jsx)(j,{size:`sm`,variant:`primary`,onClick:()=>D(!0),children:t(`common.apply`)})]}),(0,Z.jsx)(O,{icon:(0,Z.jsx)(Te,{className:`size-4 text-[var(--text-secondary)]`}),label:t(`clients.manageTokens`),onClick:()=>i(`/tokens`)})]}),!I&&!G&&e.providerId&&U&&(0,Z.jsx)(`div`,{id:Nt,children:(0,Z.jsxs)(N,{title:t(`clients.roleMapTitle`),footer:e.enabled?t(`clients.roleMapFooterEnabled`):t(`clients.roleMapFooter`),children:[Q.map(e=>(0,Z.jsx)(O,{label:t(`clients.role.${e}`),children:(0,Z.jsx)(V,{ariaLabel:t(`clients.role.${e}`),value:ge[e]??``,onChange:t=>_e(n=>({...n,[e]:t||void 0})),placeholder:t(`clients.modelPlaceholder`),options:[{value:``,label:t(`clients.modelUnset`)},...(h.data??[]).map(e=>({value:e,label:e}))],className:`max-w-[300px]`})},e)),e.enabled&&ve&&(0,Z.jsx)(O,{label:q?``:(0,Z.jsx)(`span`,{className:`text-[12px] text-[var(--warning)]`,children:t(`clients.roleMapRequired`)}),children:(0,Z.jsx)(j,{size:`sm`,variant:`primary`,disabled:!q,onClick:()=>D(!0),children:t(`common.apply`)})})]})}),!I&&!G&&e.providerId&&!U&&(0,Z.jsxs)(N,{title:t(`clients.modelTitle`),footer:Ee,children:[(0,Z.jsx)(O,{label:t(`clients.defaultModel`),children:(0,Z.jsx)(V,{value:g??``,onChange:e=>ee(e||null),placeholder:t(`clients.modelPlaceholder`),options:[{value:``,label:t(`clients.modelUnset`)},...(h.data??[]).map(e=>({value:e,label:e}))],className:`max-w-[300px]`})}),we.map(e=>(0,Z.jsx)(O,{label:t(`clients.modelSlot.${e}`),children:(0,Z.jsx)(V,{ariaLabel:t(`clients.modelSlot.${e}`),value:be[e]??``,onChange:t=>xe(n=>({...n,[e]:t||void 0})),placeholder:t(`clients.modelPlaceholder`),options:[{value:``,label:t(`clients.modelUnset`)},...(h.data??[]).map(e=>({value:e,label:e}))],className:`max-w-[300px]`})},e)),e.enabled&&(W?Se:(g??null)!==(e.selectedModel??null))&&(0,Z.jsx)(O,{label:``,children:(0,Z.jsx)(j,{size:`sm`,variant:`primary`,onClick:()=>D(!0),children:t(`common.apply`)})})]}),!I&&!G&&J.length>0&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(Ye,{descriptors:J,values:Oe,onChange:ke,enabled:e.enabled}),e.enabled&&je&&(0,Z.jsx)(`div`,{className:`-mt-3 mb-5 flex justify-end`,children:(0,Z.jsx)(j,{size:`sm`,variant:`primary`,onClick:()=>D(!0),children:t(`common.apply`)})})]}),!I&&Ne.length>0&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(it,{models:Ne,supported:Me,values:Fe,onChange:Ie,enabled:e.enabled}),e.enabled&&Re&&(0,Z.jsx)(`div`,{className:`-mt-3 mb-5 flex justify-end`,children:(0,Z.jsx)(j,{size:`sm`,variant:`primary`,onClick:()=>D(!0),children:t(`common.apply`)})})]}),!I&&e.install&&(0,Z.jsx)(Ft,{client:e,onShowLog:()=>F(`log`),onUninstall:()=>F(`uninstall`)}),W&&(0,Z.jsx)(`div`,{id:Mt,children:(0,Z.jsx)(Ke,{enabled:W,gatewayEnabled:e.enabled})}),!I&&!G&&(0,Z.jsxs)(N,{title:t(`clients.maintenance`),children:[H&&(0,Z.jsx)(O,{icon:z.canOpenPaths?(0,Z.jsx)(pe,{className:`size-4 text-[var(--text-secondary)]`}):(0,Z.jsx)(ie,{className:`size-4 text-[var(--text-secondary)]`}),label:z.canOpenPaths?t(`clients.openConfigDir`):t(`clients.copyConfigPath`),detail:H,onClick:()=>void Ue()}),(0,Z.jsx)(O,{icon:(0,Z.jsx)(Le,{className:`size-4 text-[var(--text-secondary)]`}),label:t(`clients.backups`),detail:t(`clients.backupsDetail`),onClick:()=>A(!0)})]}),(0,Z.jsx)(Lt,{open:ne,onOpenChange:D,client:e,model:g,extras:ze,tokenId:x}),(0,Z.jsx)(Bt,{open:re,onOpenChange:A,client:e}),(0,Z.jsx)(It,{mode:se,onClose:()=>F(null),client:e})]})}var Tt={install:`clients.installTitle`,update:`clients.updateTitle`,uninstall:`clients.uninstallTitle`},Et={install:`clients.installedToast`,update:`clients.updatedToast`,uninstall:`clients.uninstalledToast`};function Dt(e,t){return[e.priceKey??e.templateId,t(`providers.modelCount`,{count:e.modelCount}),e.priceMultiplier===1?null:`×${e.priceMultiplier}`].filter(Boolean).join(` · `)}function Ot({client:e,providers:t,loading:n,soon:r}){let{t:i}=E(),{toast:a}=B(),o=c(),s=(0,X.useMemo)(()=>e.bindings??(e.providerId?[{providerId:e.providerId,accountId:e.accountId}]:[]),[e.bindings,e.providerId,e.accountId]),[l,u]=(0,X.useState)(s);(0,X.useEffect)(()=>u(s),[s]);let d=(0,X.useMemo)(()=>new Map(t.map(e=>[e.id,e])),[t]),f=l.flatMap(e=>{let t=d.get(e.providerId);return t?[{binding:e,provider:t}]:[]}),p=t.filter(e=>e.enabled&&!l.some(t=>t.providerId===e.id)),m=W(xe(U,{activationConstraint:{distance:4}}),xe(ye,{coordinateGetter:ve})),h=r||o.isPending,g=(t,n)=>{let r=l;u(t),o.mutate({kind:e.kind,bindings:t},{onSuccess:()=>a(mt.has(e.kind)&&e.enabled?i(`clients.providersModelsSynced`,{client:Y(e.kind,e.name)}):n),onError:e=>{u(r),a(R(e),`error`)}})},ee=({active:e,over:t})=>{if(!t||e.id===t.id)return;let n=l.findIndex(t=>t.providerId===e.id),r=l.findIndex(e=>e.providerId===t.id);n<0||r<0||g(ge(l,n,r),i(`clients.providerOrderSaved`))},_=e=>g([...l,{providerId:e.id}],i(`clients.providerAdded`,{provider:e.name})),v=e=>g(l.filter(t=>t.providerId!==e.id),i(`clients.providerRemoved`,{provider:e.name})),y=p.map(e=>(0,Z.jsx)(O,{icon:(0,Z.jsx)(Pe,{name:e.name,icon:e.icon,colorKey:e.templateId,size:24}),label:e.name,detail:Dt(e,i),onClick:h?void 0:()=>_(e),children:!r&&(0,Z.jsx)(we,{className:`size-4 text-[var(--text-secondary)]`,"aria-label":i(`common.add`)})},e.id));return(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(N,{title:i(`clients.providerTitle`),footer:i(`clients.providerFooter`),children:[n&&(0,Z.jsx)(`div`,{className:`p-4`,children:(0,Z.jsx)(P,{lines:2})}),!n&&f.length===0&&p.length===0&&(0,Z.jsx)(T,{title:i(`clients.noProviders`),detail:i(`clients.noProvidersDetail`),action:(0,Z.jsx)(ke,{to:`/providers?new=1`,children:(0,Z.jsx)(j,{variant:`primary`,icon:(0,Z.jsx)(we,{className:`size-3.5`}),children:i(`providers.add`)})})}),f.length>0&&(0,Z.jsx)(_e,{sensors:m,collisionDetection:K,onDragEnd:ee,children:(0,Z.jsx)(be,{items:f.map(e=>e.provider.id),strategy:me,children:f.map(({provider:e},t)=>(0,Z.jsx)(kt,{provider:e,primary:t===0,disabled:h,onRemove:f.length>1?()=>v(e):void 0},e.id))})}),!n&&f.length===0&&y]}),f.length>0&&p.length>0&&(0,Z.jsx)(N,{title:i(`clients.moreProvidersTitle`),children:y})]})}function kt({provider:e,primary:t,disabled:n,onRemove:r}){let{t:i}=E(),{attributes:a,listeners:o,setNodeRef:s,setActivatorNodeRef:c,transform:l,transition:u,isDragging:d}=G({id:e.id,disabled:n});return(0,Z.jsx)(`div`,{ref:s,style:{transform:he.Transform.toString(l),transition:u},className:A(d&&`relative z-10 bg-[var(--surface)] shadow-lg`),children:(0,Z.jsx)(O,{icon:(0,Z.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,Z.jsx)(`button`,{ref:c,type:`button`,"aria-label":i(`clients.dragToReorder`,{provider:e.name}),title:i(`clients.dragToReorder`,{provider:e.name}),className:`-ml-1 inline-flex cursor-grab touch-none text-[var(--text-muted)] hover:text-[var(--text-secondary)] active:cursor-grabbing disabled:cursor-default disabled:opacity-50`,...a,...o,children:(0,Z.jsx)(q,{className:`size-4`})}),(0,Z.jsx)(Pe,{name:e.name,icon:e.icon,colorKey:e.templateId,size:24})]}),label:(0,Z.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,Z.jsx)(`span`,{className:`truncate`,children:e.name}),t&&(0,Z.jsx)(k,{tone:`accent`,children:i(`clients.primaryProvider`)}),!e.enabled&&(0,Z.jsx)(k,{tone:`orange`,children:i(`clients.providerDisabledBadge`)})]}),detail:Dt(e,i),children:r&&(0,Z.jsx)(j,{size:`sm`,variant:`plain`,icon:(0,Z.jsx)(D,{className:`size-3.5`}),"aria-label":i(`clients.removeProvider`,{provider:e.name}),title:i(`clients.removeProvider`,{provider:e.name}),disabled:n,onClick:r})})})}function At({client:e,onOpen:t}){let{t:n}=E(),r=e.install;if(!r)return null;let i=r.needsAdmin?(0,Z.jsxs)(`span`,{className:`inline-flex items-center gap-1 text-[11px] text-[var(--warning)]`,children:[(0,Z.jsx)(Ve,{className:`size-3`,"aria-hidden":!0}),n(`clients.admin.badge`)]}):null,a=r.needsAdmin?n(r.adminAvailable?`clients.admin.tip`:`clients.admin.tipManual`):void 0;return r.busy?(0,Z.jsx)(j,{icon:(0,Z.jsx)(St,{}),onClick:()=>t(`log`),children:n(`clients.installRunning`)}):r.updateAvailable&&r.updateCommand&&r.latestVersion?(0,Z.jsxs)(j,{icon:(0,Z.jsx)(ze,{className:`size-3.5`}),title:a,onClick:()=>t(`update`),children:[n(`clients.updateTo`,{version:r.latestVersion}),i]}):r.updateAvailable&&r.blocker===`shadowed`?(0,Z.jsx)(j,{icon:(0,Z.jsx)(Ve,{className:`size-3.5`}),onClick:()=>document.getElementById(jt)?.scrollIntoView({behavior:`smooth`,block:`center`}),children:n(`clients.shadowedBadge`)}):!r.installed&&r.installCommand?(0,Z.jsxs)(j,{icon:(0,Z.jsx)(de,{className:`size-3.5`}),title:a,onClick:()=>t(`install`),children:[n(`clients.install`),i]}):!r.installed&&r.method===`manual`?(0,Z.jsx)(j,{icon:(0,Z.jsx)(fe,{className:`size-3.5`}),onClick:()=>window.open(r.homepageUrl,`_blank`,`noreferrer`),children:n(`clients.download`)}):null}var jt=`client-shadowed-alert`,Mt=`claude-direct-panel`,Nt=`client-role-map`;function Pt(e,t){return!e.installed||e.uninstallCommand?null:e.method===`npm`?t(`clients.uninstallExternal`,{path:e.executable??``}):e.method===`vscode-extension`?t(`clients.uninstallBuiltIn`):t(`clients.uninstallManual`)}function Ft({client:e,onShowLog:t,onUninstall:n}){let{t:r,locale:i}=E(),a=e.install,s=l(e.kind),c=(e,t=!1)=>(0,Z.jsx)(`span`,{className:A(`text-[13px] tabular-nums selectable`,t&&`text-[var(--text-secondary)]`),children:e}),u=a.blocker===`external-install`?r(`clients.blocker.external-install`,{path:a.executable??``}):a.blocker?r(`clients.blocker.${a.blocker}`):void 0,d=a.otherCopies??[],f=d.find(e=>e.newer);return(0,Z.jsxs)(Z.Fragment,{children:[f&&(0,Z.jsx)(`div`,{id:jt,className:`mb-3`,children:(0,Z.jsx)(M,{tone:`warning`,title:r(`clients.shadowed.title`,{version:f.version}),children:r(`clients.shadowed.detail`,{path:a.executable??``,version:a.version??``,other:f.path,dir:le(f.path)})})}),!f&&a.notOnPath&&a.executable&&(0,Z.jsx)(`div`,{className:`mb-3`,children:(0,Z.jsx)(M,{tone:`warning`,title:r(`clients.notOnPath.title`),children:r(`clients.notOnPath.detail`,{dir:le(a.executable)})})}),(0,Z.jsxs)(N,{title:r(`clients.versionTitle`),footer:u,children:[(0,Z.jsx)(O,{label:r(`clients.currentVersion`),detail:a.installed?a.executable:void 0,children:a.installed?c(a.version??r(`clients.versionUnknown`),!a.version):c(r(`clients.notInstalled`),!0)}),d.map(e=>(0,Z.jsxs)(O,{label:r(`clients.otherCopy`),detail:e.path,children:[e.newer&&(0,Z.jsx)(k,{tone:`orange`,children:r(`clients.otherCopyNewer`)}),c(e.version,!e.newer)]},e.path)),(a.method===`npm`||a.method===`script`)&&(0,Z.jsxs)(O,{label:r(`clients.latestVersion`),detail:a.latestError??(a.latestCheckedAt?r(`clients.checkedAt`,{time:o(a.latestCheckedAt,i)}):void 0),children:[a.updateAvailable&&(0,Z.jsx)(k,{tone:`orange`,children:r(`clients.updateBadge`)}),c(a.latestVersion??r(`clients.latestUnknown`),!a.latestVersion)]}),(0,Z.jsx)(O,{label:r(`clients.installMethod`),detail:r(`clients.method.${a.method}`,{package:a.package??``}),children:(0,Z.jsx)(j,{size:`sm`,variant:`plain`,icon:(0,Z.jsx)(fe,{className:`size-3`}),onClick:()=>window.open(a.homepageUrl,`_blank`,`noreferrer`),children:r(`clients.homepage`)})}),a.installed&&(0,Z.jsx)(O,{label:r(`clients.uninstall`),detail:a.uninstallCommand??Pt(a,r),children:a.uninstallCommand&&(0,Z.jsx)(j,{size:`sm`,variant:`destructive`,icon:(0,Z.jsx)(Ee,{className:`size-3`}),disabled:a.busy,onClick:n,children:r(`clients.uninstall`)})}),s.data&&(0,Z.jsx)(O,{icon:(0,Z.jsx)(J,{className:`size-4 text-[var(--text-secondary)]`}),label:r(`clients.installLog`),detail:`${s.data.command} · ${r(`clients.job.${s.data.state}`)}`,onClick:t})]})]})}function It({mode:e,onClose:t,client:r}){let{t:i}=E(),{toast:a}=B(),o=m(),c=e!==null,u=l(r.kind,c||!!r.install?.busy),d=ee(),f=s(),[p,h]=(0,X.useState)(!1),g=(0,X.useRef)(null),_=(0,X.useRef)(void 0),v=Y(r.kind,r.name),y=r.install,b=e===`log`?null:e,x=b===`install`?y?.installCommand:b===`update`?y?.updateCommand:b===`uninstall`?y?.uninstallCommand:null,S=b===`uninstall`,C=u.data,te=b!==null&&!p&&C?.state!==`running`,w=!!y?.needsAdmin,ne=!!y?.adminAvailable,D=C?.state===`failed`&&C.hint===`permission-denied`&&!C.elevated&&ne;(0,X.useEffect)(()=>{c&&h(!1)},[c,e]),(0,X.useEffect)(()=>{let e=C?.state;_.current===`running`&&e&&e!==`running`&&(o.invalidateQueries({queryKey:n.clients}),e===`succeeded`&&C.hint?a(i(`clients.notEffectiveToast`,{name:v})):e===`succeeded`&&a(i(Et[C.action],{name:v}),`success`)),_.current=e},[C?.state,C?.action,C?.hint,v,o,i,a]),(0,X.useEffect)(()=>{let e=g.current;e&&(e.scrollTop=e.scrollHeight)},[C?.log.length]);let re=(e,t)=>d.mutate({kind:r.kind,action:e,elevated:t},{onSuccess:()=>h(!0),onError:e=>a(R(e),`error`)}),ae=async e=>{await z.copy(e)&&a(i(`common.copied`))},O=i(Tt[b??C?.action??`install`],{name:v}),oe={running:`info`,succeeded:`success`,failed:`danger`,cancelled:`warning`},k=`rounded-[var(--radius-control)] border border-[var(--border)] bg-[var(--surface-muted)] px-3 py-2 font-mono text-[12px] break-all whitespace-pre-wrap selectable`,se=y?.adminFixCommand?(0,Z.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,Z.jsx)(`p`,{className:`text-[11px] text-[var(--text-secondary)]`,children:i(`clients.admin.fixTip`)}),(0,Z.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,Z.jsx)(`pre`,{className:A(k,`min-w-0 flex-1`),children:y.adminFixCommand}),(0,Z.jsx)(j,{size:`sm`,icon:(0,Z.jsx)(ie,{className:`size-3`}),"aria-label":i(`common.copy`),onClick:()=>void ae(y.adminFixCommand)})]})]}):null;return(0,Z.jsx)(ue,{open:c,onOpenChange:e=>!e&&t(),width:620,title:O,description:te?i(S?`clients.uninstallRunDetail`:`clients.installRunDetail`):void 0,footer:te?(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(j,{onClick:t,children:i(`common.cancel`)}),w&&!ne?(0,Z.jsx)(j,{variant:`primary`,icon:(0,Z.jsx)(ie,{className:`size-3.5`}),disabled:!x,onClick:()=>void ae(`sudo ${x}`),children:i(`clients.admin.copyCommand`)}):(0,Z.jsx)(j,{variant:S?`destructive`:`primary`,icon:w?(0,Z.jsx)(Ve,{className:`size-3.5`}):void 0,disabled:!x,loading:d.isPending,onClick:()=>b&&re(b,w),children:i(w?`clients.admin.start`:S?`clients.uninstall`:`clients.installStart`)})]}):C?.state===`running`?(0,Z.jsxs)(Z.Fragment,{children:[!C.elevated&&(0,Z.jsx)(j,{variant:`destructive`,loading:f.isPending,onClick:()=>f.mutate(r.kind,{onError:e=>a(R(e),`error`)}),children:i(`clients.installStop`)}),(0,Z.jsx)(j,{onClick:t,children:i(`common.close`)})]}):(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(j,{onClick:t,children:i(`common.done`)}),D&&(0,Z.jsx)(j,{variant:`primary`,icon:(0,Z.jsx)(Ve,{className:`size-3.5`}),loading:d.isPending,onClick:()=>re(C.action,!0),children:i(`clients.admin.retry`)})]}),children:te?(0,Z.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[S&&r.enabled&&(0,Z.jsx)(M,{tone:`warning`,title:i(`clients.uninstallRestoreTitle`),children:i(`clients.uninstallRestoreDetail`,{name:v})}),w&&(0,Z.jsx)(M,{tone:`warning`,title:i(`clients.admin.title`),children:i(ne?`clients.admin.prompt`:`clients.admin.manual`)}),x?(0,Z.jsx)(`pre`,{className:k,children:w?`sudo ${x}`:x}):(0,Z.jsx)(M,{tone:`warning`,title:i(`clients.installUnavailable`)}),S?(0,Z.jsx)(`p`,{className:`text-[11px] text-[var(--text-muted)]`,children:i(`clients.uninstallKeepsData`)}):y?.method===`npm`&&(0,Z.jsx)(`p`,{className:`text-[11px] text-[var(--text-muted)]`,children:i(`clients.installNpmNote`)}),w&&se]}):C?(0,Z.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,Z.jsx)(M,{tone:C.state===`succeeded`&&C.hint?`warning`:oe[C.state],title:i(C.state===`succeeded`&&C.hint?`clients.job.notEffective`:`clients.job.${C.state}`),children:C.state===`running`&&C.elevated?i(`clients.admin.running`):C.hint?i(`clients.hint.${C.hint}`)+(D?i(`clients.admin.retryHint`):``):void 0}),(0,Z.jsx)(`pre`,{ref:g,className:`scroll max-h-[340px] min-h-[160px] rounded-[var(--radius-control)] border border-[var(--border)] bg-[var(--surface-muted)] px-3 py-2 font-mono text-[11px] leading-relaxed break-all whitespace-pre-wrap selectable`,children:C.log.join(`
-`)}),C.hint===`permission-denied`&&se]}):u.isLoading?(0,Z.jsx)(P,{lines:4}):(0,Z.jsx)(T,{icon:(0,Z.jsx)(J,{className:`size-6`}),title:i(`clients.noInstallLog`)})})}function Lt({open:e,onOpenChange:t,client:n,model:r,extras:i,tokenId:a}){let{t:o}=E(),{toast:s}=B(),c=p(),l=re(),u=Y(n.kind,n.name),d=i?{providerId:n.providerId,model:r,extras:i,tokenId:a}:{providerId:n.providerId,model:r,tokenId:a};return(0,X.useEffect)(()=>{e&&c.mutate({kind:n.kind,req:d})},[e]),(0,Z.jsxs)(ue,{open:e,onOpenChange:t,width:620,title:o(`clients.enableTitle`,{name:u}),description:o(`clients.enableDetail`),footer:(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(j,{onClick:()=>t(!1),children:o(`common.cancel`)}),(0,Z.jsx)(j,{variant:`primary`,disabled:!c.data,loading:l.isPending,onClick:()=>l.mutate({kind:n.kind,req:d},{onSuccess:e=>{t(!1),s(e.requiresRestart?o(`clients.enabledRestart`,{name:u}):o(`clients.enabledToast`,{name:u}),`success`)},onError:e=>s(R(e),`error`)}),children:n.enabled?o(`common.apply`):o(`clients.enable`)})]}),children:[c.isPending&&(0,Z.jsx)(P,{lines:4}),c.isError&&(0,Z.jsx)(M,{tone:`danger`,title:o(`common.error`),children:R(c.error)}),c.data&&(0,Z.jsx)(Rt,{preview:c.data})]})}function Rt({preview:e}){let{t}=E();return(0,Z.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[e.warnings.map((e,t)=>(0,Z.jsx)(M,{tone:`warning`,title:e},t)),e.changes.length===0&&(0,Z.jsx)(M,{tone:`info`,title:t(`clients.noChanges`)}),e.diffs.map(e=>(0,Z.jsxs)(`div`,{children:[(0,Z.jsx)(`div`,{className:`mb-2 font-mono text-[11px] text-[var(--text-secondary)]`,children:e.file}),(0,Z.jsx)(zt,{diff:e.unifiedDiff})]},e.file))]})}function zt({diff:e}){return(0,Z.jsx)(`pre`,{className:`scroll max-h-[300px] rounded-[var(--radius-control)] border border-[var(--border)] bg-[var(--surface-muted)] py-2 font-mono text-[11px] leading-relaxed selectable`,children:e.split(`
-`).map((e,t)=>(0,Z.jsx)(`div`,{className:A(`px-3 whitespace-pre-wrap break-all`,e.startsWith(`+`)&&!e.startsWith(`+++`)&&`bg-[color-mix(in_oklab,var(--success)_12%,transparent)] text-[var(--success)]`,e.startsWith(`-`)&&!e.startsWith(`---`)&&`bg-[color-mix(in_oklab,var(--danger)_10%,transparent)] text-[var(--danger)]`,e.startsWith(`@@`)&&`text-[var(--text-muted)]`),children:e||` `},t))})}function Bt({open:e,onOpenChange:n,client:r}){let{t:i,locale:a}=E(),{toast:s,confirm:c}=B(),l=_(r.kind,e),u=t();return(0,Z.jsxs)(ue,{open:e,onOpenChange:n,width:520,title:i(`clients.backups`),description:i(`clients.backupsDetail`),footer:(0,Z.jsx)(j,{onClick:()=>n(!1),children:i(`common.done`)}),children:[l.isLoading&&(0,Z.jsx)(P,{lines:3}),l.isError&&(0,Z.jsx)(M,{tone:`danger`,title:i(`common.error`),children:R(l.error)}),l.data?.length===0&&(0,Z.jsx)(T,{icon:(0,Z.jsx)(Le,{className:`size-6`}),title:i(`clients.noBackups`)}),(0,Z.jsx)(`div`,{className:`card divide-y divide-[var(--border)]`,children:l.data?.map(e=>(0,Z.jsx)(O,{label:(0,Z.jsxs)(`span`,{className:`flex items-center gap-2`,children:[o(e.createdAt,a),e.firstWrite&&(0,Z.jsx)(k,{tone:`accent`,children:i(`clients.firstWrite`)})]}),detail:e.files.join(`, `),children:(0,Z.jsx)(j,{size:`sm`,icon:(0,Z.jsx)(Se,{className:`size-3`}),loading:u.isPending&&u.variables?.id===e.id,onClick:async()=>{await c({title:i(`clients.restoreConfirm`),detail:e.files.join(`
+`),dt=/(^|[-_.:/\s])(haiku|flash|mini|lite|nano|small|fast|air)($|[-_.:/\s])/i;function ft(e){if(e.length===0)return{};let t=t=>e.find(e=>e.toLowerCase().includes(t)),n=e.find(e=>!dt.test(e))??e[0],r=e.find(e=>dt.test(e))??n;return{sonnet:t(`sonnet`)??n,opus:t(`opus`)??t(`sonnet`)??n,haiku:t(`haiku`)??r}}function pt(){let{t:e}=E(),t=Ce(),{toast:n}=B(),r=je(),i=v(),a=g(),o=(0,X.useMemo)(()=>new Map((i.data??[]).map(e=>[e.kind,e])),[i.data]),s=ht(i.data).includes(r.kind)?r.kind:`codex`,c=o.get(s);return(0,X.useEffect)(()=>a.mutate(!1),[]),(0,Z.jsx)(Me,{title:e(`nav.clients`),subtitle:e(`clients.subtitle`),actions:(0,Z.jsx)(j,{icon:(0,Z.jsx)(Fe,{className:`size-3.5`}),loading:a.isPending,onClick:()=>a.mutate(!0,{onSuccess:t=>{let r=t.filter(e=>e.install?.updateAvailable&&e.install.blocker!==`shadowed`).length;n(r>0?e(`clients.updatesFound`,{count:r}):e(`clients.allUpToDate`),r>0?void 0:`success`)},onError:e=>n(R(e),`error`)}),children:e(`clients.checkUpdates`)}),children:(0,Z.jsx)(`div`,{className:`@container mx-auto max-w-[1200px]`,children:(0,Z.jsxs)(`div`,{className:`flex flex-col gap-4 @3xl:flex-row @3xl:items-start @3xl:gap-5`,children:[(0,Z.jsx)(bt,{clients:i.data,loading:i.isLoading,selected:s,onSelect:e=>t(`/clients/${e}`,{replace:!0})}),(0,Z.jsxs)(`div`,{className:`mx-auto w-full max-w-[760px] min-w-0 flex-1`,children:[i.isLoading&&(0,Z.jsx)(P,{lines:4}),i.isError&&(0,Z.jsx)(M,{tone:`danger`,title:e(`common.error`),children:R(i.error)}),c&&(0,Z.jsx)(wt,{client:c})]})]})})})}var mt=new Set([`opencode`,`pi`,`minimax-code`,`copilot-cli`,`vscode-copilot`,`crush`,`qwen-code`,`droid`,`kimi-code`,`zed`,`vscode-insiders`,`vscodium`,`omp`,`mimo-code`,`deepseek-harness`,`workbuddy`,`workbuddy-ai`,`nextcowork`,`paseo`,`zcode`,`tkcode`,`muse-code`,`codex`,`grok-build`,`hermes-agent`]);function ht(e){let t=(e??[]).filter(e=>!Ne.includes(e.kind)).sort((e,t)=>e.name.localeCompare(t.name));return[...Ne,...t.map(e=>e.kind)]}var gt=[`installed`,`notInstalled`,`comingSoon`],_t=new Set([`notInstalled`]);function vt(e){return e.availability===`coming_soon`?`comingSoon`:e.detection.installed||e.enabled||e.install?.installed?`installed`:`notInstalled`}function yt(e){return e.install?.version??e.detection.version??null}function bt({clients:e,loading:t,selected:n,onSelect:r}){let{t:i}=E(),[a,o]=(0,X.useState)(new Set),s=new Map((e??[]).map(e=>[e.kind,e])),c=gt.map(t=>({group:t,items:ht(e).flatMap(e=>{let n=s.get(e);return n&&vt(n)===t?[n]:[]})})).filter(e=>e.items.length>0);return(0,Z.jsxs)(`nav`,{"aria-label":i(`nav.clients`),className:`card shrink-0 p-1.5 @3xl:sticky @3xl:top-0 @3xl:w-[232px]`,children:[t&&(0,Z.jsx)(P,{lines:6,className:`p-2`}),(0,Z.jsx)(`div`,{className:`flex gap-1 overflow-x-auto @3xl:flex-col @3xl:gap-0 @3xl:overflow-visible`,children:c.map(({group:e,items:t})=>{let s=_t.has(e),c=!s||a.has(e)||t.some(e=>e.kind===n),l=`${i(`clients.group.${e}`)} · ${t.length}`;return(0,Z.jsxs)(`div`,{className:`contents @3xl:block`,children:[s?(0,Z.jsxs)(`button`,{type:`button`,"aria-expanded":c,"aria-label":i(c?`clients.group.collapse`:`clients.group.expand`,{group:l}),onClick:()=>o(t=>{let n=new Set(t);return n.delete(e)||n.add(e),n}),className:`flex shrink-0 items-center gap-1 rounded-[var(--radius-control)] px-2.5 py-1.5 text-[11px] font-medium whitespace-nowrap text-[var(--text-muted)] hover:bg-[var(--surface-muted)] @3xl:w-full @3xl:pt-2 @3xl:pb-1`,children:[(0,Z.jsx)(De,{size:12,className:A(`transition-transform`,c&&`rotate-90`)}),l]}):(0,Z.jsx)(`h3`,{className:`hidden px-2.5 pt-2 pb-1 text-[11px] font-medium text-[var(--text-muted)] @3xl:block`,children:l}),c&&t.map(e=>(0,Z.jsx)(xt,{client:e,active:e.kind===n,onSelect:()=>r(e.kind)},e.kind))]},e)})})]})}function xt({client:e,active:t,onSelect:n}){let{t:r}=E(),i=vt(e)!==`installed`,a=yt(e),o=e.install?.blocker===`shadowed`,s=e.install?.updateAvailable&&!o?e.install.latestVersion:null;return(0,Z.jsxs)(`button`,{type:`button`,"aria-label":Y(e.kind,e.name),"aria-current":t?`page`:void 0,onClick:n,className:A(`flex shrink-0 items-center gap-2.5 rounded-[var(--radius-control)] px-2.5 py-1.5 text-left transition-colors @3xl:w-full`,t?`bg-[var(--accent-subtle)]`:`hover:bg-[var(--surface-muted)]`),children:[(0,Z.jsx)(`span`,{className:A(`inline-flex`,i&&!t&&`opacity-60`),children:(0,Z.jsx)(Ae,{kind:e.kind,size:24})}),(0,Z.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,Z.jsx)(`span`,{className:A(`block truncate text-[13px] whitespace-nowrap`,t&&`font-medium`),children:Y(e.kind,e.name)}),a&&(0,Z.jsxs)(`span`,{className:`hidden truncate text-[11px] text-[var(--text-secondary)] @3xl:block`,children:[a,s&&(0,Z.jsxs)(`span`,{className:`text-[var(--warning)]`,children:[` → `,s]})]})]}),e.install?.busy&&(0,Z.jsx)(St,{}),s&&!e.install?.busy&&(0,Z.jsx)(k,{tone:`orange`,title:r(`clients.updateTo`,{version:s}),children:r(`clients.updateBadge`)}),o&&!e.install?.busy&&(0,Z.jsx)(k,{tone:`orange`,title:r(`clients.shadowed.title`,{version:e.install?.latestVersion??``}),children:r(`clients.shadowedBadge`)}),e.status===`drifted`?(0,Z.jsx)(`span`,{title:r(`clients.drifted`),"aria-label":r(`clients.drifted`),className:`inline-flex`,children:(0,Z.jsx)(se,{tone:`orange`})}):e.enabled?(0,Z.jsx)(w,{className:`size-3.5 shrink-0 text-[var(--success)]`,strokeWidth:2.5,"aria-label":r(`clients.enabled`)}):null]})}function St(){return(0,Z.jsx)(Oe,{className:`size-3.5 shrink-0 animate-spin text-[var(--text-secondary)] motion-reduce:animate-none`,"aria-hidden":!0})}function Ct(e,t){return e.availability===`coming_soon`?(0,Z.jsx)(k,{children:t(`clients.comingSoon`)}):e.status===`drifted`?(0,Z.jsx)(k,{tone:`orange`,children:t(`clients.drifted`)}):e.enabled?(0,Z.jsx)(k,{tone:`green`,children:t(`clients.enabled`)}):(0,Z.jsx)(k,{children:t(`clients.disabled`)})}function wt({client:e}){let{t,locale:n}=E(),i=Ce(),{toast:s,confirm:c}=B(),l=ae(),u=r(),d=oe(),f=te(),p=ce(),m=S(),h=b(e.kind,!!e.providerId),[g,ee]=(0,X.useState)(e.selectedModel??null),[_,v]=(0,X.useState)(e.accountId??``),y=e.tokenId??`default`,[x,w]=(0,X.useState)(y),T=(m.data??[]).filter(e=>e.enabled||e.id===y).map(e=>({value:e.id,label:e.enabled?e.name:t(`clients.tokenDisabled`,{name:e.name}),disabled:!e.enabled})),[ne,D]=(0,X.useState)(!1),[re,A]=(0,X.useState)(!1),[se,F]=(0,X.useState)(null),I=e.availability===`coming_soon`,L=Y(e.kind,e.name),le=(l.data??[]).filter(e=>e.enabled),H=e.detection.configPaths[0],de=le.find(t=>t.id===e.providerId),fe=de?.authScheme===`oauth-subscription`||de?.authScheme===`plugin`,me=C(de?.id,fe),U=e.kind===`claude-desktop`,W=e.kind===`claude-code`,he=a(W),G=W&&he.data?.mode===`direct`,K=ut(e.extras),[ge,_e]=(0,X.useState)(K),q=Q.some(e=>ge[e]),ve=$(ge)!==$(K),ye=ct(e.extras),[be,xe]=(0,X.useState)(ye),Se=(g??null)!==(e.selectedModel??null)||lt(be)!==lt(ye),we=W?st.filter(e=>e!==`ANTHROPIC_MODEL`):[],Ee=W?e.enabled?t(`clients.modelSlotsFooterEnabled`):t(`clients.modelSlotsFooter`):e.enabled?t(`clients.modelFooterEnabled`):t(`clients.modelFooter`),J=e.options??[],De=at(e.extras,J),[Oe,ke]=(0,X.useState)(De),je=ot(Oe)!==ot(De),Me=e.protocols??[],Ne=Me.length>1?$e(e.extras):[],Pe=Qe(e.extras),[Fe,Ie]=(0,X.useState)(Pe),Re=tt(Fe)!==tt(Pe),ze=U?{...e.extras,roleMap:ge}:W?{...e.extras,models:be,options:Oe}:J.length>0||Me.length>1?{...e.extras,...J.length>0?{options:Oe}:{},...Me.length>1?{protocolOverrides:Fe}:{}}:void 0;(0,X.useEffect)(()=>ee(e.selectedModel??null),[e.kind,e.selectedModel]),(0,X.useEffect)(()=>v(e.accountId??``),[e.kind,e.providerId,e.accountId]),(0,X.useEffect)(()=>w(y),[e.kind,y]),(0,X.useEffect)(()=>_e(ut(e.extras)),[e.kind,$(K)]);let Be=(0,X.useRef)({});(0,X.useEffect)(()=>{if(!U||e.enabled||Q.some(e=>K[e]))return;let t=Be.current,n=ft(h.data??[]);Be.current=n,_e(e=>(!Q.some(t=>e[t])||$(e)===$(t))&&$(e)!==$(n)?n:e)},[e.kind,e.enabled,$(K),(h.data??[]).join(`
+`)]),(0,X.useEffect)(()=>xe(ct(e.extras)),[e.kind,lt(ye)]),(0,X.useEffect)(()=>ke(at(e.extras,e.options)),[e.kind,ot(De)]),(0,X.useEffect)(()=>Ie(Qe(e.extras)),[e.kind,tt(Pe)]);let Ve=()=>{e.providerId&&u.mutate({kind:e.kind,providerId:e.providerId,accountId:_},{onSuccess:()=>s(t(`common.saved`),`success`),onError:e=>s(R(e),`error`)})},He=async()=>{await c({title:t(`clients.disableConfirm`,{name:L}),detail:t(`clients.disableDetail`),confirmLabel:t(`clients.disable`)})&&d.mutate(e.kind,{onSuccess:async n=>{if(n.drifted.length===0){s(t(`clients.disabledToast`,{name:L}),`success`);return}await c({title:t(`clients.driftTitle`),detail:t(`clients.driftDetail`,{keys:n.drifted.join(`, `)}),confirmLabel:t(`clients.forceRestore`),destructive:!0})&&f.mutate(e.kind,{onSuccess:()=>s(t(`clients.disabledToast`,{name:L}),`success`),onError:e=>s(R(e),`error`)})},onError:e=>s(R(e),`error`)})},Ue=async()=>{H&&(z.canOpenPaths?await z.openPath(ue(H)):await z.copy(H)&&s(t(`common.copied`)))};return(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(N,{children:[(0,Z.jsxs)(O,{icon:(0,Z.jsx)(Ae,{kind:e.kind,size:36}),label:(0,Z.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,Z.jsx)(`span`,{className:`text-[15px] font-medium`,children:L}),G?(0,Z.jsx)(k,{children:t(`clients.claudeDirect.direct`)}):Ct(e,t)]}),detail:I?e.availabilityReason??t(`clients.comingSoonDetail`):[vt(e)===`installed`?t(`clients.detected`,{version:yt(e)??``}):t(`clients.notDetected`),G?null:H].filter(Boolean).join(` · `),className:`py-3`,children:[!I&&(0,Z.jsx)(At,{client:e,onOpen:F}),G?(0,Z.jsx)(j,{variant:`primary`,onClick:()=>document.getElementById(Mt)?.scrollIntoView({behavior:`smooth`,block:`start`}),children:t(`clients.claudeDirect.configure`)}):e.enabled?(0,Z.jsx)(j,{onClick:()=>void He(),loading:d.isPending,children:t(`clients.disableRestore`)}):(0,Z.jsx)(j,{variant:`primary`,disabled:I||!e.providerId||U&&!q,onClick:()=>D(!0),title:e.providerId?U&&!q?t(`clients.roleMapRequired`):void 0:t(`clients.pickProviderFirst`),children:t(`clients.enable`)})]}),!G&&e.appliedAt&&(0,Z.jsx)(O,{label:(0,Z.jsx)(`span`,{className:`text-[12px] text-[var(--text-secondary)]`,children:t(`clients.appliedAt`,{time:o(e.appliedAt,n)})})})]}),!I&&!e.enabled&&U&&e.providerId&&!q&&(0,Z.jsxs)(`div`,{className:`mb-5 flex flex-col items-start gap-2`,children:[(0,Z.jsx)(M,{tone:`info`,className:`self-stretch`,title:t(`clients.roleMapHint`)}),(0,Z.jsx)(j,{onClick:()=>document.getElementById(Nt)?.scrollIntoView({behavior:`smooth`,block:`start`}),children:t(`clients.roleMapGoto`)})]}),(e.repairs?.length??0)>0&&(0,Z.jsxs)(`div`,{className:`mb-5 flex flex-col items-start gap-2`,children:[(0,Z.jsxs)(M,{tone:`danger`,className:`self-stretch`,title:t(`clients.repair.title`,{name:L}),children:[e.repairs?.map(e=>(0,Z.jsxs)(`span`,{className:`block break-all`,children:[(0,Z.jsx)(`span`,{className:`font-mono`,children:e.file}),` — `,t(`clients.repair.problem.${e.problem}`,{line:e.line})]},e.file)),(0,Z.jsx)(`span`,{className:`block`,children:t(`clients.repair.hint`)})]}),(0,Z.jsx)(j,{variant:`primary`,loading:p.isPending,onClick:()=>p.mutate(e.kind,{onSuccess:()=>s(t(`clients.repair.done`,{name:L}),`success`),onError:e=>s(R(e),`error`)}),children:t(`clients.repair.action`)})]}),!G&&e.warnings.length>0&&(0,Z.jsx)(`div`,{className:`mb-5 flex flex-col gap-2`,children:e.warnings.map((e,t)=>(0,Z.jsx)(M,{tone:`warning`,title:e},t))}),!G&&(0,Z.jsx)(Ot,{client:e,providers:l.data??[],loading:l.isLoading,soon:I}),!G&&fe&&(0,Z.jsx)(N,{title:t(`clients.accountTitle`),footer:t(`clients.accountFooter`),children:me.isLoading?(0,Z.jsx)(`div`,{className:`p-4`,children:(0,Z.jsx)(P,{lines:2})}):(0,Z.jsxs)(O,{label:t(`clients.account`),children:[(0,Z.jsx)(V,{className:`max-w-[300px]`,ariaLabel:t(`clients.account`),value:_,onChange:v,options:[{value:``,label:t(`clients.accountDefault`)},...(me.data??[]).map(e=>({value:e.id,label:(e.displayName||e.id)+(e.status===`active`?``:` · ${t(`providers.subscription.status.${e.status}`)}`)}))]}),_!==(e.accountId??``)&&(0,Z.jsx)(j,{size:`sm`,variant:`primary`,loading:u.isPending,onClick:Ve,children:t(`common.apply`)})]})}),!I&&!G&&(0,Z.jsxs)(N,{title:t(`clients.tokenTitle`),footer:e.enabled?t(`clients.tokenFooterEnabled`):t(`clients.tokenFooter`),children:[(0,Z.jsxs)(O,{label:t(`clients.token`),children:[(0,Z.jsx)(V,{className:`max-w-[300px]`,ariaLabel:t(`clients.token`),value:x,onChange:w,options:T}),e.enabled&&x!==y&&(0,Z.jsx)(j,{size:`sm`,variant:`primary`,onClick:()=>D(!0),children:t(`common.apply`)})]}),(0,Z.jsx)(O,{icon:(0,Z.jsx)(Te,{className:`size-4 text-[var(--text-secondary)]`}),label:t(`clients.manageTokens`),onClick:()=>i(`/tokens`)})]}),!I&&!G&&e.providerId&&U&&(0,Z.jsx)(`div`,{id:Nt,children:(0,Z.jsxs)(N,{title:t(`clients.roleMapTitle`),footer:e.enabled?t(`clients.roleMapFooterEnabled`):t(`clients.roleMapFooter`),children:[Q.map(e=>(0,Z.jsx)(O,{label:t(`clients.role.${e}`),children:(0,Z.jsx)(V,{ariaLabel:t(`clients.role.${e}`),value:ge[e]??``,onChange:t=>_e(n=>({...n,[e]:t||void 0})),placeholder:t(`clients.modelPlaceholder`),options:[{value:``,label:t(`clients.modelUnset`)},...(h.data??[]).map(e=>({value:e,label:e}))],className:`max-w-[300px]`})},e)),e.enabled&&ve&&(0,Z.jsx)(O,{label:q?``:(0,Z.jsx)(`span`,{className:`text-[12px] text-[var(--warning)]`,children:t(`clients.roleMapRequired`)}),children:(0,Z.jsx)(j,{size:`sm`,variant:`primary`,disabled:!q,onClick:()=>D(!0),children:t(`common.apply`)})})]})}),!I&&!G&&e.providerId&&!U&&(0,Z.jsxs)(N,{title:t(`clients.modelTitle`),footer:Ee,children:[(0,Z.jsx)(O,{label:t(`clients.defaultModel`),children:(0,Z.jsx)(V,{value:g??``,onChange:e=>ee(e||null),placeholder:t(`clients.modelPlaceholder`),options:[{value:``,label:t(`clients.modelUnset`)},...(h.data??[]).map(e=>({value:e,label:e}))],className:`max-w-[300px]`})}),we.map(e=>(0,Z.jsx)(O,{label:t(`clients.modelSlot.${e}`),children:(0,Z.jsx)(V,{ariaLabel:t(`clients.modelSlot.${e}`),value:be[e]??``,onChange:t=>xe(n=>({...n,[e]:t||void 0})),placeholder:t(`clients.modelPlaceholder`),options:[{value:``,label:t(`clients.modelUnset`)},...(h.data??[]).map(e=>({value:e,label:e}))],className:`max-w-[300px]`})},e)),e.enabled&&(W?Se:(g??null)!==(e.selectedModel??null))&&(0,Z.jsx)(O,{label:``,children:(0,Z.jsx)(j,{size:`sm`,variant:`primary`,onClick:()=>D(!0),children:t(`common.apply`)})})]}),!I&&!G&&J.length>0&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(Ye,{descriptors:J,values:Oe,onChange:ke,enabled:e.enabled}),e.enabled&&je&&(0,Z.jsx)(`div`,{className:`-mt-3 mb-5 flex justify-end`,children:(0,Z.jsx)(j,{size:`sm`,variant:`primary`,onClick:()=>D(!0),children:t(`common.apply`)})})]}),!I&&Ne.length>0&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(it,{models:Ne,supported:Me,values:Fe,onChange:Ie,enabled:e.enabled}),e.enabled&&Re&&(0,Z.jsx)(`div`,{className:`-mt-3 mb-5 flex justify-end`,children:(0,Z.jsx)(j,{size:`sm`,variant:`primary`,onClick:()=>D(!0),children:t(`common.apply`)})})]}),!I&&e.install&&(0,Z.jsx)(Ft,{client:e,onShowLog:()=>F(`log`),onUninstall:()=>F(`uninstall`)}),W&&(0,Z.jsx)(`div`,{id:Mt,children:(0,Z.jsx)(Ke,{enabled:W,gatewayEnabled:e.enabled})}),!I&&!G&&(0,Z.jsxs)(N,{title:t(`clients.maintenance`),children:[H&&(0,Z.jsx)(O,{icon:z.canOpenPaths?(0,Z.jsx)(pe,{className:`size-4 text-[var(--text-secondary)]`}):(0,Z.jsx)(ie,{className:`size-4 text-[var(--text-secondary)]`}),label:z.canOpenPaths?t(`clients.openConfigDir`):t(`clients.copyConfigPath`),detail:H,onClick:()=>void Ue()}),(0,Z.jsx)(O,{icon:(0,Z.jsx)(Le,{className:`size-4 text-[var(--text-secondary)]`}),label:t(`clients.backups`),detail:t(`clients.backupsDetail`),onClick:()=>A(!0)})]}),(0,Z.jsx)(Lt,{open:ne,onOpenChange:D,client:e,model:g,extras:ze,tokenId:x}),(0,Z.jsx)(Bt,{open:re,onOpenChange:A,client:e}),(0,Z.jsx)(It,{mode:se,onClose:()=>F(null),client:e})]})}var Tt={install:`clients.installTitle`,update:`clients.updateTitle`,uninstall:`clients.uninstallTitle`},Et={install:`clients.installedToast`,update:`clients.updatedToast`,uninstall:`clients.uninstalledToast`};function Dt(e,t){return[e.priceKey??e.templateId,t(`providers.modelCount`,{count:e.modelCount}),e.priceMultiplier===1?null:`×${e.priceMultiplier}`].filter(Boolean).join(` · `)}function Ot({client:e,providers:t,loading:n,soon:r}){let{t:i}=E(),{toast:a}=B(),o=c(),s=(0,X.useMemo)(()=>e.bindings??(e.providerId?[{providerId:e.providerId,accountId:e.accountId}]:[]),[e.bindings,e.providerId,e.accountId]),[l,u]=(0,X.useState)(s);(0,X.useEffect)(()=>u(s),[s]);let d=(0,X.useMemo)(()=>new Map(t.map(e=>[e.id,e])),[t]),f=l.flatMap(e=>{let t=d.get(e.providerId);return t?[{binding:e,provider:t}]:[]}),p=t.filter(e=>e.enabled&&!l.some(t=>t.providerId===e.id)),m=W(xe(U,{activationConstraint:{distance:4}}),xe(ye,{coordinateGetter:ve})),h=r||o.isPending,g=(t,n)=>{let r=l;u(t),o.mutate({kind:e.kind,bindings:t},{onSuccess:()=>a(mt.has(e.kind)&&e.enabled?i(`clients.providersModelsSynced`,{client:Y(e.kind,e.name)}):n),onError:e=>{u(r),a(R(e),`error`)}})},ee=({active:e,over:t})=>{if(!t||e.id===t.id)return;let n=l.findIndex(t=>t.providerId===e.id),r=l.findIndex(e=>e.providerId===t.id);n<0||r<0||g(ge(l,n,r),i(`clients.providerOrderSaved`))},_=e=>g([...l,{providerId:e.id}],i(`clients.providerAdded`,{provider:e.name})),v=e=>g(l.filter(t=>t.providerId!==e.id),i(`clients.providerRemoved`,{provider:e.name})),y=p.map(e=>(0,Z.jsx)(O,{icon:(0,Z.jsx)(Pe,{name:e.name,icon:e.icon,colorKey:e.templateId,size:24}),label:e.name,detail:Dt(e,i),onClick:h?void 0:()=>_(e),children:!r&&(0,Z.jsx)(we,{className:`size-4 text-[var(--text-secondary)]`,"aria-label":i(`common.add`)})},e.id));return(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(N,{title:i(`clients.providerTitle`),footer:i(`clients.providerFooter`),children:[n&&(0,Z.jsx)(`div`,{className:`p-4`,children:(0,Z.jsx)(P,{lines:2})}),!n&&f.length===0&&p.length===0&&(0,Z.jsx)(T,{title:i(`clients.noProviders`),detail:i(`clients.noProvidersDetail`),action:(0,Z.jsx)(ke,{to:`/providers?new=1`,children:(0,Z.jsx)(j,{variant:`primary`,icon:(0,Z.jsx)(we,{className:`size-3.5`}),children:i(`providers.add`)})})}),f.length>0&&(0,Z.jsx)(_e,{sensors:m,collisionDetection:K,onDragEnd:ee,children:(0,Z.jsx)(be,{items:f.map(e=>e.provider.id),strategy:me,children:f.map(({provider:e},t)=>(0,Z.jsx)(kt,{provider:e,primary:t===0,disabled:h,onRemove:f.length>1?()=>v(e):void 0},e.id))})}),!n&&f.length===0&&y]}),f.length>0&&p.length>0&&(0,Z.jsx)(N,{title:i(`clients.moreProvidersTitle`),children:y})]})}function kt({provider:e,primary:t,disabled:n,onRemove:r}){let{t:i}=E(),{attributes:a,listeners:o,setNodeRef:s,setActivatorNodeRef:c,transform:l,transition:u,isDragging:d}=G({id:e.id,disabled:n});return(0,Z.jsx)(`div`,{ref:s,style:{transform:he.Transform.toString(l),transition:u},className:A(d&&`relative z-10 bg-[var(--surface)] shadow-lg`),children:(0,Z.jsx)(O,{icon:(0,Z.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,Z.jsx)(`button`,{ref:c,type:`button`,"aria-label":i(`clients.dragToReorder`,{provider:e.name}),title:i(`clients.dragToReorder`,{provider:e.name}),className:`-ml-1 inline-flex cursor-grab touch-none text-[var(--text-muted)] hover:text-[var(--text-secondary)] active:cursor-grabbing disabled:cursor-default disabled:opacity-50`,...a,...o,children:(0,Z.jsx)(q,{className:`size-4`})}),(0,Z.jsx)(Pe,{name:e.name,icon:e.icon,colorKey:e.templateId,size:24})]}),label:(0,Z.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,Z.jsx)(`span`,{className:`truncate`,children:e.name}),t&&(0,Z.jsx)(k,{tone:`accent`,children:i(`clients.primaryProvider`)}),!e.enabled&&(0,Z.jsx)(k,{tone:`orange`,children:i(`clients.providerDisabledBadge`)})]}),detail:Dt(e,i),children:r&&(0,Z.jsx)(j,{size:`sm`,variant:`plain`,icon:(0,Z.jsx)(D,{className:`size-3.5`}),"aria-label":i(`clients.removeProvider`,{provider:e.name}),title:i(`clients.removeProvider`,{provider:e.name}),disabled:n,onClick:r})})})}function At({client:e,onOpen:t}){let{t:n}=E(),r=e.install;if(!r)return null;let i=r.needsAdmin?(0,Z.jsxs)(`span`,{className:`inline-flex items-center gap-1 text-[11px] text-[var(--warning)]`,children:[(0,Z.jsx)(Ve,{className:`size-3`,"aria-hidden":!0}),n(`clients.admin.badge`)]}):null,a=r.needsAdmin?n(r.adminAvailable?`clients.admin.tip`:`clients.admin.tipManual`):void 0;return r.busy?(0,Z.jsx)(j,{icon:(0,Z.jsx)(St,{}),onClick:()=>t(`log`),children:n(`clients.installRunning`)}):r.updateAvailable&&r.updateCommand&&r.latestVersion?(0,Z.jsxs)(j,{icon:(0,Z.jsx)(ze,{className:`size-3.5`}),title:a,onClick:()=>t(`update`),children:[n(`clients.updateTo`,{version:r.latestVersion}),i]}):r.updateAvailable&&r.blocker===`shadowed`?(0,Z.jsx)(j,{icon:(0,Z.jsx)(Ve,{className:`size-3.5`}),onClick:()=>document.getElementById(jt)?.scrollIntoView({behavior:`smooth`,block:`center`}),children:n(`clients.shadowedBadge`)}):!r.installed&&r.installCommand?(0,Z.jsxs)(j,{icon:(0,Z.jsx)(de,{className:`size-3.5`}),title:a,onClick:()=>t(`install`),children:[n(`clients.install`),i]}):!r.installed&&r.method===`manual`?(0,Z.jsx)(j,{icon:(0,Z.jsx)(fe,{className:`size-3.5`}),onClick:()=>window.open(r.homepageUrl,`_blank`,`noreferrer`),children:n(`clients.download`)}):null}var jt=`client-shadowed-alert`,Mt=`claude-direct-panel`,Nt=`client-role-map`;function Pt(e,t){return!e.installed||e.uninstallCommand?null:e.method===`npm`?t(`clients.uninstallExternal`,{path:e.executable??``}):e.method===`vscode-extension`?t(`clients.uninstallBuiltIn`):t(`clients.uninstallManual`)}function Ft({client:e,onShowLog:t,onUninstall:n}){let{t:r,locale:i}=E(),a=e.install,s=l(e.kind),c=(e,t=!1)=>(0,Z.jsx)(`span`,{className:A(`text-[13px] tabular-nums selectable`,t&&`text-[var(--text-secondary)]`),children:e}),u=a.blocker===`external-install`?r(`clients.blocker.external-install`,{path:a.executable??``}):a.blocker?r(`clients.blocker.${a.blocker}`):void 0,d=a.otherCopies??[],f=d.find(e=>e.newer);return(0,Z.jsxs)(Z.Fragment,{children:[f&&(0,Z.jsx)(`div`,{id:jt,className:`mb-3`,children:(0,Z.jsx)(M,{tone:`warning`,title:r(`clients.shadowed.title`,{version:f.version}),children:r(`clients.shadowed.detail`,{path:a.executable??``,version:a.version??``,other:f.path,dir:ue(f.path)})})}),!f&&a.notOnPath&&a.executable&&(0,Z.jsx)(`div`,{className:`mb-3`,children:(0,Z.jsx)(M,{tone:`warning`,title:r(`clients.notOnPath.title`),children:r(`clients.notOnPath.detail`,{dir:ue(a.executable)})})}),(0,Z.jsxs)(N,{title:r(`clients.versionTitle`),footer:u,children:[(0,Z.jsx)(O,{label:r(`clients.currentVersion`),detail:a.installed?a.executable:void 0,children:a.installed?c(a.version??r(`clients.versionUnknown`),!a.version):c(r(`clients.notInstalled`),!0)}),d.map(e=>(0,Z.jsxs)(O,{label:r(`clients.otherCopy`),detail:e.path,children:[e.newer&&(0,Z.jsx)(k,{tone:`orange`,children:r(`clients.otherCopyNewer`)}),c(e.version,!e.newer)]},e.path)),(a.method===`npm`||a.method===`script`)&&(0,Z.jsxs)(O,{label:r(`clients.latestVersion`),detail:a.latestError??(a.latestCheckedAt?r(`clients.checkedAt`,{time:o(a.latestCheckedAt,i)}):void 0),children:[a.updateAvailable&&(0,Z.jsx)(k,{tone:`orange`,children:r(`clients.updateBadge`)}),c(a.latestVersion??r(`clients.latestUnknown`),!a.latestVersion)]}),(0,Z.jsx)(O,{label:r(`clients.installMethod`),detail:r(`clients.method.${a.method}`,{package:a.package??``}),children:(0,Z.jsx)(j,{size:`sm`,variant:`plain`,icon:(0,Z.jsx)(fe,{className:`size-3`}),onClick:()=>window.open(a.homepageUrl,`_blank`,`noreferrer`),children:r(`clients.homepage`)})}),a.installed&&(0,Z.jsx)(O,{label:r(`clients.uninstall`),detail:a.uninstallCommand??Pt(a,r),children:a.uninstallCommand&&(0,Z.jsx)(j,{size:`sm`,variant:`destructive`,icon:(0,Z.jsx)(Ee,{className:`size-3`}),disabled:a.busy,onClick:n,children:r(`clients.uninstall`)})}),s.data&&(0,Z.jsx)(O,{icon:(0,Z.jsx)(J,{className:`size-4 text-[var(--text-secondary)]`}),label:r(`clients.installLog`),detail:`${s.data.command} · ${r(`clients.job.${s.data.state}`)}`,onClick:t})]})]})}function It({mode:e,onClose:t,client:r}){let{t:i}=E(),{toast:a}=B(),o=m(),c=e!==null,u=l(r.kind,c||!!r.install?.busy),d=ee(),f=s(),[p,h]=(0,X.useState)(!1),g=(0,X.useRef)(null),_=(0,X.useRef)(void 0),v=Y(r.kind,r.name),y=r.install,b=e===`log`?null:e,x=b===`install`?y?.installCommand:b===`update`?y?.updateCommand:b===`uninstall`?y?.uninstallCommand:null,S=b===`uninstall`,C=u.data,te=b!==null&&!p&&C?.state!==`running`,w=!!y?.needsAdmin,ne=!!y?.adminAvailable,D=C?.state===`failed`&&C.hint===`permission-denied`&&!C.elevated&&ne;(0,X.useEffect)(()=>{c&&h(!1)},[c,e]),(0,X.useEffect)(()=>{let e=C?.state;_.current===`running`&&e&&e!==`running`&&(o.invalidateQueries({queryKey:n.clients}),e===`succeeded`&&C.hint?a(i(`clients.notEffectiveToast`,{name:v})):e===`succeeded`&&a(i(Et[C.action],{name:v}),`success`)),_.current=e},[C?.state,C?.action,C?.hint,v,o,i,a]),(0,X.useEffect)(()=>{let e=g.current;e&&(e.scrollTop=e.scrollHeight)},[C?.log.length]);let re=(e,t)=>d.mutate({kind:r.kind,action:e,elevated:t},{onSuccess:()=>h(!0),onError:e=>a(R(e),`error`)}),ae=async e=>{await z.copy(e)&&a(i(`common.copied`))},O=i(Tt[b??C?.action??`install`],{name:v}),oe={running:`info`,succeeded:`success`,failed:`danger`,cancelled:`warning`},k=`rounded-[var(--radius-control)] border border-[var(--border)] bg-[var(--surface-muted)] px-3 py-2 font-mono text-[12px] break-all whitespace-pre-wrap selectable`,se=y?.adminFixCommand?(0,Z.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,Z.jsx)(`p`,{className:`text-[11px] text-[var(--text-secondary)]`,children:i(`clients.admin.fixTip`)}),(0,Z.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,Z.jsx)(`pre`,{className:A(k,`min-w-0 flex-1`),children:y.adminFixCommand}),(0,Z.jsx)(j,{size:`sm`,icon:(0,Z.jsx)(ie,{className:`size-3`}),"aria-label":i(`common.copy`),onClick:()=>void ae(y.adminFixCommand)})]})]}):null;return(0,Z.jsx)(le,{open:c,onOpenChange:e=>!e&&t(),width:620,title:O,description:te?i(S?`clients.uninstallRunDetail`:`clients.installRunDetail`):void 0,footer:te?(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(j,{onClick:t,children:i(`common.cancel`)}),w&&!ne?(0,Z.jsx)(j,{variant:`primary`,icon:(0,Z.jsx)(ie,{className:`size-3.5`}),disabled:!x,onClick:()=>void ae(`sudo ${x}`),children:i(`clients.admin.copyCommand`)}):(0,Z.jsx)(j,{variant:S?`destructive`:`primary`,icon:w?(0,Z.jsx)(Ve,{className:`size-3.5`}):void 0,disabled:!x,loading:d.isPending,onClick:()=>b&&re(b,w),children:i(w?`clients.admin.start`:S?`clients.uninstall`:`clients.installStart`)})]}):C?.state===`running`?(0,Z.jsxs)(Z.Fragment,{children:[!C.elevated&&(0,Z.jsx)(j,{variant:`destructive`,loading:f.isPending,onClick:()=>f.mutate(r.kind,{onError:e=>a(R(e),`error`)}),children:i(`clients.installStop`)}),(0,Z.jsx)(j,{onClick:t,children:i(`common.close`)})]}):(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(j,{onClick:t,children:i(`common.done`)}),D&&(0,Z.jsx)(j,{variant:`primary`,icon:(0,Z.jsx)(Ve,{className:`size-3.5`}),loading:d.isPending,onClick:()=>re(C.action,!0),children:i(`clients.admin.retry`)})]}),children:te?(0,Z.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[S&&r.enabled&&(0,Z.jsx)(M,{tone:`warning`,title:i(`clients.uninstallRestoreTitle`),children:i(`clients.uninstallRestoreDetail`,{name:v})}),w&&(0,Z.jsx)(M,{tone:`warning`,title:i(`clients.admin.title`),children:i(ne?`clients.admin.prompt`:`clients.admin.manual`)}),x?(0,Z.jsx)(`pre`,{className:k,children:w?`sudo ${x}`:x}):(0,Z.jsx)(M,{tone:`warning`,title:i(`clients.installUnavailable`)}),S?(0,Z.jsx)(`p`,{className:`text-[11px] text-[var(--text-muted)]`,children:i(`clients.uninstallKeepsData`)}):y?.method===`npm`&&(0,Z.jsx)(`p`,{className:`text-[11px] text-[var(--text-muted)]`,children:i(`clients.installNpmNote`)}),w&&se]}):C?(0,Z.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,Z.jsx)(M,{tone:C.state===`succeeded`&&C.hint?`warning`:oe[C.state],title:i(C.state===`succeeded`&&C.hint?`clients.job.notEffective`:`clients.job.${C.state}`),children:C.state===`running`&&C.elevated?i(`clients.admin.running`):C.hint?i(`clients.hint.${C.hint}`)+(D?i(`clients.admin.retryHint`):``):void 0}),(0,Z.jsx)(`pre`,{ref:g,className:`scroll max-h-[340px] min-h-[160px] rounded-[var(--radius-control)] border border-[var(--border)] bg-[var(--surface-muted)] px-3 py-2 font-mono text-[11px] leading-relaxed break-all whitespace-pre-wrap selectable`,children:C.log.join(`
+`)}),C.hint===`permission-denied`&&se]}):u.isLoading?(0,Z.jsx)(P,{lines:4}):(0,Z.jsx)(T,{icon:(0,Z.jsx)(J,{className:`size-6`}),title:i(`clients.noInstallLog`)})})}function Lt({open:e,onOpenChange:t,client:n,model:r,extras:i,tokenId:a}){let{t:o}=E(),{toast:s}=B(),c=p(),l=re(),u=Y(n.kind,n.name),d=i?{providerId:n.providerId,model:r,extras:i,tokenId:a}:{providerId:n.providerId,model:r,tokenId:a};return(0,X.useEffect)(()=>{e&&c.mutate({kind:n.kind,req:d})},[e]),(0,Z.jsxs)(le,{open:e,onOpenChange:t,width:620,title:o(`clients.enableTitle`,{name:u}),description:o(`clients.enableDetail`),footer:(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(j,{onClick:()=>t(!1),children:o(`common.cancel`)}),(0,Z.jsx)(j,{variant:`primary`,disabled:!c.data,loading:l.isPending,onClick:()=>l.mutate({kind:n.kind,req:d},{onSuccess:e=>{t(!1),s(e.requiresRestart?o(`clients.enabledRestart`,{name:u}):o(`clients.enabledToast`,{name:u}),`success`)},onError:e=>s(R(e),`error`)}),children:n.enabled?o(`common.apply`):o(`clients.enable`)})]}),children:[c.isPending&&(0,Z.jsx)(P,{lines:4}),c.isError&&(0,Z.jsx)(M,{tone:`danger`,title:o(`common.error`),children:R(c.error)}),c.data&&(0,Z.jsx)(Rt,{preview:c.data})]})}function Rt({preview:e}){let{t}=E();return(0,Z.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[e.warnings.map((e,t)=>(0,Z.jsx)(M,{tone:`warning`,title:e},t)),e.changes.length===0&&(0,Z.jsx)(M,{tone:`info`,title:t(`clients.noChanges`)}),e.diffs.map(e=>(0,Z.jsxs)(`div`,{children:[(0,Z.jsx)(`div`,{className:`mb-2 font-mono text-[11px] text-[var(--text-secondary)]`,children:e.file}),(0,Z.jsx)(zt,{diff:e.unifiedDiff})]},e.file))]})}function zt({diff:e}){return(0,Z.jsx)(`pre`,{className:`scroll max-h-[300px] rounded-[var(--radius-control)] border border-[var(--border)] bg-[var(--surface-muted)] py-2 font-mono text-[11px] leading-relaxed selectable`,children:e.split(`
+`).map((e,t)=>(0,Z.jsx)(`div`,{className:A(`px-3 whitespace-pre-wrap break-all`,e.startsWith(`+`)&&!e.startsWith(`+++`)&&`bg-[color-mix(in_oklab,var(--success)_12%,transparent)] text-[var(--success)]`,e.startsWith(`-`)&&!e.startsWith(`---`)&&`bg-[color-mix(in_oklab,var(--danger)_10%,transparent)] text-[var(--danger)]`,e.startsWith(`@@`)&&`text-[var(--text-muted)]`),children:e||` `},t))})}function Bt({open:e,onOpenChange:n,client:r}){let{t:i,locale:a}=E(),{toast:s,confirm:c}=B(),l=_(r.kind,e),u=t();return(0,Z.jsxs)(le,{open:e,onOpenChange:n,width:520,title:i(`clients.backups`),description:i(`clients.backupsDetail`),footer:(0,Z.jsx)(j,{onClick:()=>n(!1),children:i(`common.done`)}),children:[l.isLoading&&(0,Z.jsx)(P,{lines:3}),l.isError&&(0,Z.jsx)(M,{tone:`danger`,title:i(`common.error`),children:R(l.error)}),l.data?.length===0&&(0,Z.jsx)(T,{icon:(0,Z.jsx)(Le,{className:`size-6`}),title:i(`clients.noBackups`)}),(0,Z.jsx)(`div`,{className:`card divide-y divide-[var(--border)]`,children:l.data?.map(e=>(0,Z.jsx)(O,{label:(0,Z.jsxs)(`span`,{className:`flex items-center gap-2`,children:[o(e.createdAt,a),e.firstWrite&&(0,Z.jsx)(k,{tone:`accent`,children:i(`clients.firstWrite`)})]}),detail:e.files.join(`, `),children:(0,Z.jsx)(j,{size:`sm`,icon:(0,Z.jsx)(Se,{className:`size-3`}),loading:u.isPending&&u.variables?.id===e.id,onClick:async()=>{await c({title:i(`clients.restoreConfirm`),detail:e.files.join(`
 `),destructive:!0,confirmLabel:i(`clients.restore`)})&&u.mutate({kind:r.kind,id:e.id},{onSuccess:()=>s(i(`clients.restored`),`success`),onError:e=>s(R(e),`error`)})},children:i(`clients.restore`)})},e.id))})]})}export{pt as ClientsPage};

package/bin/wwwroot/assets/{KeyPage-EhvcnnPs.js → KeyPage-BbUpGlKO.js}

@@ -1 +1 @@
-import{Ba as e,Ct as t,G as n,H as r,J as i,Q as a,St as o,Tt as s,Ua as c,Y as l,_ as u,ct as d,n as f,q as p,r as m,t as h,wt as g,za as _}from"./alert-Clz2DftU.js";import{_ as v,j as y,k as b}from"./index-LdSd2gU7.js";var x=c(e(),1),S=_(),C=`astra.keyLookup`;function w(){try{return sessionStorage.getItem(C)??``}catch{return``}}function T(e){try{e?sessionStorage.setItem(C,e):sessionStorage.removeItem(C)}catch{}}function E(){let{t:e}=d(),[n,r]=(0,x.useState)(``),[i,a]=(0,x.useState)(null),[s,c]=(0,x.useState)(``),[l,u]=(0,x.useState)(null),[f,p]=(0,x.useState)(!1),g=(0,x.useCallback)(async n=>{let r=n.trim();if(r){p(!0),u(null);try{a(await t(r)),c(r),T(r)}catch(t){a(null),T(null),u(t instanceof o&&t.status===401?e(`key.invalid`):e(`key.error`,{error:t.message}))}finally{p(!1)}}},[e]);return(0,x.useEffect)(()=>{let e=new URLSearchParams(window.location.search).get(`key`);e&&window.history.replaceState(null,``,window.location.pathname);let t=e??w();t&&(r(t),g(t))},[]),(0,S.jsx)(`div`,{className:`wallpaper flex min-h-full justify-center overflow-y-auto p-4 sm:items-start sm:py-12`,children:(0,S.jsxs)(`div`,{className:`flex w-full max-w-[720px] flex-col gap-4`,children:[(0,S.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,S.jsx)(y,{className:`size-10 rounded-[12px]`}),(0,S.jsxs)(`div`,{children:[(0,S.jsx)(`h1`,{className:`text-[17px] font-medium`,children:e(`key.title`)}),(0,S.jsx)(`p`,{className:`text-[13px] text-[var(--text-secondary)]`,children:e(`key.subtitle`)})]})]}),!i&&(0,S.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),g(n)},className:`card flex flex-col gap-4 p-5`,children:[(0,S.jsx)(b,{label:e(`key.title`),placeholder:e(`key.placeholder`),autoFocus:!0,autoComplete:`off`,value:n,"aria-invalid":l?!0:void 0,onChange:e=>r(e.target.value)}),l&&(0,S.jsx)(h,{tone:`danger`,title:l}),(0,S.jsx)(m,{type:`submit`,variant:`primary`,loading:f,disabled:!n.trim(),children:e(`key.submit`)})]}),i&&(0,S.jsx)(D,{info:i,apiKey:s,onForget:()=>{T(null),a(null),r(``)}})]})})}function D({info:e,apiKey:t,onForget:n}){let{t:i,locale:o}=d(),[s,c]=(0,x.useState)(`overview`),p=e.allowedClients==null?i(`key.clientsAny`):e.allowedClients.length===0?i(`key.directOnly`):e.allowedClients.map(e=>v[e]?.name??e).join(`, `),h=[[i(`key.today`),e.usage.today],[i(`key.week`),e.usage.week],[i(`key.month`),e.usage.month],[i(`key.total`),e.usage.total]],g=Math.max(...e.daily.map(e=>e.costUsd),0);return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`section`,{className:`card flex flex-col gap-3 p-5`,children:[(0,S.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,S.jsx)(`h2`,{className:`text-[15px] font-medium`,children:e.name}),(0,S.jsx)(`code`,{className:`font-mono text-[12px] text-[var(--text-secondary)]`,children:e.keyPrefix}),!e.enabled&&(0,S.jsx)(f,{tone:`orange`,children:i(`key.disabled`)}),(0,S.jsx)(m,{size:`sm`,variant:`plain`,className:`ml-auto`,onClick:n,children:i(`key.forget`)})]}),(0,S.jsxs)(`div`,{className:`text-[12px] text-[var(--text-secondary)]`,children:[i(`key.clients`),`: `,p,` · `,i(`key.timeZone`,{zone:e.timeZone})]}),(0,S.jsx)(u,{ariaLabel:i(`key.title`),value:s,onChange:c,items:[{value:`overview`,label:i(`key.tab.overview`)},{value:`stats`,label:i(`key.tab.stats`)},{value:`requests`,label:i(`key.tab.requests`)}]})]}),s===`stats`&&(0,S.jsx)(k,{apiKey:t}),s===`requests`&&(0,S.jsx)(M,{apiKey:t}),s===`overview`&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`section`,{className:`card flex flex-col gap-3 p-5`,children:[(0,S.jsx)(`h3`,{className:`text-[13px] font-medium`,children:i(`key.limits`)}),e.limits.length===0&&e.rpm==null&&(0,S.jsx)(`p`,{className:`text-[12px] text-[var(--text-muted)]`,children:i(`key.unlimited`)}),(0,S.jsx)(`div`,{className:`grid gap-4 sm:grid-cols-2`,children:e.limits.map(e=>{let t=t=>e.metric===`cost`?a(t):l(t,!0),n=Math.max(0,Math.min(100,Math.round(e.usedPercent))),s=n>=90?`var(--danger)`:n>=70?`var(--warning)`:`var(--accent)`,c=`${i(`tokens.period.${e.period}`)} · ${i(`tokens.metric.${e.metric}`)}`;return(0,S.jsxs)(`div`,{children:[(0,S.jsxs)(`div`,{className:`mb-1 flex items-baseline justify-between gap-2 text-[12px]`,children:[(0,S.jsx)(`span`,{className:`text-[var(--text-secondary)]`,children:c}),(0,S.jsxs)(`span`,{className:`num`,children:[t(e.used),` / `,t(e.limit)]})]}),(0,S.jsx)(`div`,{role:`progressbar`,"aria-label":c,"aria-valuenow":n,"aria-valuemin":0,"aria-valuemax":100,className:`h-1.5 w-full overflow-hidden rounded-full bg-[var(--surface-muted)]`,children:(0,S.jsx)(`div`,{className:`h-full rounded-full`,style:{width:`${n}%`,background:s}})}),(0,S.jsxs)(`div`,{className:`mt-1 text-[11px] text-[var(--text-muted)]`,children:[e.exhausted?i(`key.exhausted`):``,e.exhausted&&e.resetsAt?` · `:``,e.resetsAt?i(`key.resets`,{time:r(e.resetsAt,o)}):``]})]},`${e.metric}:${e.period}`)})}),e.rpm&&(0,S.jsx)(`p`,{className:`num text-[12px] text-[var(--text-secondary)]`,children:i(`key.rpm`,{used:e.rpm.used,limit:e.rpm.limit})})]}),(0,S.jsxs)(`section`,{className:`card flex flex-col gap-3 p-5`,children:[(0,S.jsx)(`h3`,{className:`text-[13px] font-medium`,children:i(`key.usage`)}),(0,S.jsx)(`div`,{className:`overflow-x-auto`,children:(0,S.jsxs)(`table`,{className:`w-full text-[12px]`,children:[(0,S.jsx)(`thead`,{children:(0,S.jsxs)(`tr`,{className:`text-[var(--text-muted)]`,children:[(0,S.jsx)(`th`,{className:`py-1 text-left font-normal`}),(0,S.jsx)(`th`,{className:`py-1 text-right font-normal`,children:i(`key.cost`)}),(0,S.jsx)(`th`,{className:`py-1 text-right font-normal`,children:i(`key.requests`)}),(0,S.jsx)(`th`,{className:`py-1 text-right font-normal`,children:i(`key.tokens`)})]})}),(0,S.jsx)(`tbody`,{children:h.map(([e,t])=>(0,S.jsxs)(`tr`,{children:[(0,S.jsx)(`th`,{scope:`row`,className:`py-1 text-left font-medium text-[var(--text-secondary)]`,children:e}),(0,S.jsx)(`td`,{className:`num py-1 text-right font-semibold`,children:a(t.costUsd)}),(0,S.jsx)(`td`,{className:`num py-1 text-right`,children:l(t.requests)}),(0,S.jsx)(`td`,{className:`num py-1 text-right`,children:l(t.inputTokens+t.outputTokens,!0)})]},e))})]})}),(0,S.jsx)(`h4`,{className:`mt-2 text-[12px] text-[var(--text-muted)]`,children:i(`key.daily`)}),(0,S.jsx)(`div`,{className:`flex h-24 items-end gap-[2px]`,role:`list`,"aria-label":i(`key.daily`),children:e.daily.map(e=>(0,S.jsx)(`div`,{role:`listitem`,title:`${e.day} · ${a(e.costUsd)} · ${l(e.requests)} ${i(`key.requests`)}`,className:`flex-1 rounded-t-[2px] bg-[var(--accent)]`,style:{height:`${g>0?Math.max(2,e.costUsd/g*100):2}%`,opacity:e.costUsd>0?1:.25}},e.day))})]})]})]})}var O=[`today`,`7d`,`30d`,`90d`];function k({apiKey:e}){let{t}=d(),[r,i]=(0,x.useState)(`7d`),[o,c]=(0,x.useState)(null),[m,g]=(0,x.useState)(null);(0,x.useEffect)(()=>{let n=!0;return g(null),s(e,r).then(e=>n&&c(e),e=>n&&g(t(`key.error`,{error:e.message}))),()=>{n=!1}},[e,r,t]);let _=o?.summary,y=Math.max(...(o?.series??[]).map(e=>e.requests),0);return(0,S.jsxs)(`section`,{className:`card flex flex-col gap-4 p-5`,children:[(0,S.jsx)(u,{ariaLabel:t(`overview.range`),value:r,onChange:i,items:O.map(e=>({value:e,label:t(`range.${e}`)}))}),m&&(0,S.jsx)(h,{tone:`danger`,title:m}),!o||!_?!m&&(0,S.jsx)(`p`,{className:`text-[12px] text-[var(--text-muted)]`,children:`…`}):(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`div`,{className:`grid grid-cols-2 gap-3 sm:grid-cols-4`,children:[(0,S.jsx)(A,{label:t(`key.stats.requests`),value:l(_.requests)}),(0,S.jsx)(A,{label:t(`key.stats.successRate`),value:_.requests?p(_.successRate):`—`}),(0,S.jsx)(A,{label:t(`key.cost`),value:a(_.costUsd)}),(0,S.jsx)(A,{label:t(`key.stats.avgTtft`),value:n(_.avgTtftMs)})]}),(0,S.jsxs)(`div`,{children:[(0,S.jsx)(`h4`,{className:`mb-2 text-[12px] text-[var(--text-muted)]`,children:t(`key.stats.trend`)}),(0,S.jsx)(`div`,{className:`flex h-20 items-end gap-[2px]`,role:`list`,"aria-label":t(`key.stats.trend`),children:o.series.map(e=>(0,S.jsx)(`div`,{role:`listitem`,title:`${e.bucket} · ${l(e.requests)} ${t(`key.requests`)} · ${a(e.costUsd)}`,className:`flex-1 rounded-t-[2px] bg-[var(--accent)]`,style:{height:`${y>0?Math.max(2,e.requests/y*100):2}%`}},e.bucket))})]}),(0,S.jsx)(j,{title:t(`key.stats.byModel`),rows:o.models.map(e=>({name:e.model??`—`,...e}))}),(0,S.jsx)(j,{title:t(`key.stats.byClient`),rows:o.clients.map(e=>({name:e.client?v[e.client]?.name??e.client:t(`key.stats.direct`),...e}))}),(0,S.jsxs)(`div`,{children:[(0,S.jsx)(`h4`,{className:`mb-2 text-[12px] text-[var(--text-muted)]`,children:t(`key.stats.errors`)}),o.errors.length===0?(0,S.jsx)(`p`,{className:`text-[12px] text-[var(--text-secondary)]`,children:t(`key.stats.noErrors`)}):(0,S.jsx)(`ul`,{className:`flex flex-wrap gap-2`,children:o.errors.map(e=>(0,S.jsx)(`li`,{children:(0,S.jsxs)(f,{tone:`orange`,children:[t(`key.category.${e.category}`),` · `,l(e.count)]})},e.category))})]}),o.retentionDays!=null&&(0,S.jsx)(`p`,{className:`text-[11px] text-[var(--text-muted)]`,children:t(`key.stats.retention`,{days:o.retentionDays})})]})]})}function A({label:e,value:t}){return(0,S.jsxs)(`div`,{className:`min-w-0`,children:[(0,S.jsx)(`div`,{className:`truncate text-[11px] text-[var(--text-muted)]`,children:e}),(0,S.jsx)(`div`,{className:`num truncate text-[17px] font-semibold`,children:t})]})}function j({title:e,rows:t}){let{t:n}=d();return t.length===0?null:(0,S.jsx)(`div`,{className:`overflow-x-auto`,children:(0,S.jsxs)(`table`,{className:`w-full text-[12px]`,children:[(0,S.jsx)(`caption`,{className:`mb-1 text-left text-[12px] text-[var(--text-muted)]`,children:e}),(0,S.jsx)(`thead`,{children:(0,S.jsxs)(`tr`,{className:`text-[var(--text-muted)]`,children:[(0,S.jsx)(`th`,{className:`py-1 text-left font-normal`}),(0,S.jsx)(`th`,{className:`py-1 text-right font-normal`,children:n(`key.requests`)}),(0,S.jsx)(`th`,{className:`py-1 text-right font-normal`,children:n(`key.stats.successRate`)}),(0,S.jsx)(`th`,{className:`py-1 text-right font-normal`,children:n(`key.tokens`)}),(0,S.jsx)(`th`,{className:`py-1 text-right font-normal`,children:n(`key.cost`)})]})}),(0,S.jsx)(`tbody`,{children:t.map(e=>(0,S.jsxs)(`tr`,{children:[(0,S.jsx)(`th`,{scope:`row`,className:`max-w-[240px] truncate py-1 text-left font-medium text-[var(--text-secondary)]`,children:e.name}),(0,S.jsx)(`td`,{className:`num py-1 text-right`,children:l(e.requests)}),(0,S.jsx)(`td`,{className:`num py-1 text-right`,children:e.requests?p(e.successRequests/e.requests):`—`}),(0,S.jsx)(`td`,{className:`num py-1 text-right`,children:l(e.inputTokens+e.outputTokens,!0)}),(0,S.jsx)(`td`,{className:`num py-1 text-right font-semibold`,children:a(e.costUsd)})]},e.name))})]})})}function M({apiKey:e}){let{t,locale:o}=d(),[s,c]=(0,x.useState)(`all`),[p,_]=(0,x.useState)([]),[y,b]=(0,x.useState)(null),[C,w]=(0,x.useState)(!1),[T,E]=(0,x.useState)(null),D=(0,x.useCallback)(async n=>{w(!0),E(null);try{let t=await g(e,{before:n,status:s===`failed`?N:void 0});_(e=>n?[...e,...t.items]:t.items),b(t.nextBefore??null)}catch(e){E(t(`key.error`,{error:e.message}))}finally{w(!1)}},[e,s,t]);return(0,x.useEffect)(()=>{D(null)},[D]),(0,S.jsxs)(`section`,{className:`card flex flex-col gap-3 p-5`,children:[(0,S.jsx)(u,{ariaLabel:t(`key.requests.status`),value:s,onChange:c,items:[{value:`all`,label:t(`key.requests.all`)},{value:`failed`,label:t(`key.requests.failed`)}]}),T&&(0,S.jsx)(h,{tone:`danger`,title:T}),p.length===0&&!C&&!T&&(0,S.jsx)(`p`,{className:`text-[12px] text-[var(--text-muted)]`,children:t(`key.requests.empty`)}),p.length>0&&(0,S.jsx)(`div`,{className:`overflow-x-auto`,children:(0,S.jsxs)(`table`,{className:`w-full text-[12px]`,children:[(0,S.jsx)(`thead`,{children:(0,S.jsxs)(`tr`,{className:`text-[var(--text-muted)]`,children:[(0,S.jsx)(`th`,{className:`py-1 text-left font-normal`,children:t(`key.requests.time`)}),(0,S.jsx)(`th`,{className:`py-1 text-left font-normal`,children:t(`key.requests.model`)}),(0,S.jsx)(`th`,{className:`py-1 text-left font-normal`,children:t(`key.requests.client`)}),(0,S.jsx)(`th`,{className:`py-1 text-left font-normal`,children:t(`key.requests.status`)}),(0,S.jsx)(`th`,{className:`py-1 text-right font-normal`,children:t(`key.requests.tokens`)}),(0,S.jsx)(`th`,{className:`py-1 text-right font-normal`,children:t(`key.cost`)}),(0,S.jsx)(`th`,{className:`py-1 text-right font-normal`,children:t(`key.requests.latency`)})]})}),(0,S.jsx)(`tbody`,{children:p.map(e=>(0,S.jsxs)(`tr`,{className:`border-t border-[var(--border-subtle)]`,children:[(0,S.jsx)(`td`,{className:`py-1.5 whitespace-nowrap text-[var(--text-secondary)]`,title:r(e.time,o),children:i(e.time,o)}),(0,S.jsx)(`td`,{className:`max-w-[200px] truncate py-1.5 font-mono`,title:e.model??``,children:e.model??`—`}),(0,S.jsx)(`td`,{className:`py-1.5 text-[var(--text-secondary)]`,children:e.client?v[e.client]?.name??e.client:t(`key.stats.direct`)}),(0,S.jsx)(`td`,{className:`py-1.5`,children:e.errorCategory?(0,S.jsx)(f,{tone:`orange`,title:e.httpStatus?`HTTP ${e.httpStatus}`:void 0,children:t(`key.category.${e.errorCategory}`)}):(0,S.jsx)(f,{tone:`green`,children:t(`key.requests.success`)})}),(0,S.jsxs)(`td`,{className:`num py-1.5 text-right`,children:[l(e.inputTokens,!0),` / `,l(e.outputTokens,!0)]}),(0,S.jsx)(`td`,{className:`num py-1.5 text-right font-semibold`,children:a(e.costUsd)}),(0,S.jsxs)(`td`,{className:`num py-1.5 text-right text-[var(--text-secondary)]`,children:[n(e.ttftMs),` / `,n(e.totalMs)]})]},e.id))})]})}),y&&(0,S.jsx)(`div`,{children:(0,S.jsx)(m,{size:`sm`,loading:C,onClick:()=>void D(y),children:t(`key.requests.more`)})})]})}var N=`upstream_error,gateway_error,client_cancelled,blocked`;export{E as KeyPage};
+import{Ba as e,Ct as t,G as n,H as r,J as i,Q as a,St as o,Tt as s,Ua as c,Y as l,_ as u,ct as d,n as f,q as p,r as m,t as h,wt as g,za as _}from"./alert-0ugPccg1.js";import{_ as v,j as y,k as b}from"./index-COgqKK9s.js";var x=c(e(),1),S=_(),C=`astra.keyLookup`;function w(){try{return sessionStorage.getItem(C)??``}catch{return``}}function T(e){try{e?sessionStorage.setItem(C,e):sessionStorage.removeItem(C)}catch{}}function E(){let{t:e}=d(),[n,r]=(0,x.useState)(``),[i,a]=(0,x.useState)(null),[s,c]=(0,x.useState)(``),[l,u]=(0,x.useState)(null),[f,p]=(0,x.useState)(!1),g=(0,x.useCallback)(async n=>{let r=n.trim();if(r){p(!0),u(null);try{a(await t(r)),c(r),T(r)}catch(t){a(null),T(null),u(t instanceof o&&t.status===401?e(`key.invalid`):e(`key.error`,{error:t.message}))}finally{p(!1)}}},[e]);return(0,x.useEffect)(()=>{let e=new URLSearchParams(window.location.search).get(`key`);e&&window.history.replaceState(null,``,window.location.pathname);let t=e??w();t&&(r(t),g(t))},[]),(0,S.jsx)(`div`,{className:`wallpaper flex min-h-full justify-center overflow-y-auto p-4 sm:items-start sm:py-12`,children:(0,S.jsxs)(`div`,{className:`flex w-full max-w-[720px] flex-col gap-4`,children:[(0,S.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,S.jsx)(y,{className:`size-10 rounded-[12px]`}),(0,S.jsxs)(`div`,{children:[(0,S.jsx)(`h1`,{className:`text-[17px] font-medium`,children:e(`key.title`)}),(0,S.jsx)(`p`,{className:`text-[13px] text-[var(--text-secondary)]`,children:e(`key.subtitle`)})]})]}),!i&&(0,S.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),g(n)},className:`card flex flex-col gap-4 p-5`,children:[(0,S.jsx)(b,{label:e(`key.title`),placeholder:e(`key.placeholder`),autoFocus:!0,autoComplete:`off`,value:n,"aria-invalid":l?!0:void 0,onChange:e=>r(e.target.value)}),l&&(0,S.jsx)(h,{tone:`danger`,title:l}),(0,S.jsx)(m,{type:`submit`,variant:`primary`,loading:f,disabled:!n.trim(),children:e(`key.submit`)})]}),i&&(0,S.jsx)(D,{info:i,apiKey:s,onForget:()=>{T(null),a(null),r(``)}})]})})}function D({info:e,apiKey:t,onForget:n}){let{t:i,locale:o}=d(),[s,c]=(0,x.useState)(`overview`),p=e.allowedClients==null?i(`key.clientsAny`):e.allowedClients.length===0?i(`key.directOnly`):e.allowedClients.map(e=>v[e]?.name??e).join(`, `),h=[[i(`key.today`),e.usage.today],[i(`key.week`),e.usage.week],[i(`key.month`),e.usage.month],[i(`key.total`),e.usage.total]],g=Math.max(...e.daily.map(e=>e.costUsd),0);return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`section`,{className:`card flex flex-col gap-3 p-5`,children:[(0,S.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,S.jsx)(`h2`,{className:`text-[15px] font-medium`,children:e.name}),(0,S.jsx)(`code`,{className:`font-mono text-[12px] text-[var(--text-secondary)]`,children:e.keyPrefix}),!e.enabled&&(0,S.jsx)(f,{tone:`orange`,children:i(`key.disabled`)}),(0,S.jsx)(m,{size:`sm`,variant:`plain`,className:`ml-auto`,onClick:n,children:i(`key.forget`)})]}),(0,S.jsxs)(`div`,{className:`text-[12px] text-[var(--text-secondary)]`,children:[i(`key.clients`),`: `,p,` · `,i(`key.timeZone`,{zone:e.timeZone})]}),(0,S.jsx)(u,{ariaLabel:i(`key.title`),value:s,onChange:c,items:[{value:`overview`,label:i(`key.tab.overview`)},{value:`stats`,label:i(`key.tab.stats`)},{value:`requests`,label:i(`key.tab.requests`)}]})]}),s===`stats`&&(0,S.jsx)(k,{apiKey:t}),s===`requests`&&(0,S.jsx)(M,{apiKey:t}),s===`overview`&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`section`,{className:`card flex flex-col gap-3 p-5`,children:[(0,S.jsx)(`h3`,{className:`text-[13px] font-medium`,children:i(`key.limits`)}),e.limits.length===0&&e.rpm==null&&(0,S.jsx)(`p`,{className:`text-[12px] text-[var(--text-muted)]`,children:i(`key.unlimited`)}),(0,S.jsx)(`div`,{className:`grid gap-4 sm:grid-cols-2`,children:e.limits.map(e=>{let t=t=>e.metric===`cost`?a(t):l(t,!0),n=Math.max(0,Math.min(100,Math.round(e.usedPercent))),s=n>=90?`var(--danger)`:n>=70?`var(--warning)`:`var(--accent)`,c=`${i(`tokens.period.${e.period}`)} · ${i(`tokens.metric.${e.metric}`)}`;return(0,S.jsxs)(`div`,{children:[(0,S.jsxs)(`div`,{className:`mb-1 flex items-baseline justify-between gap-2 text-[12px]`,children:[(0,S.jsx)(`span`,{className:`text-[var(--text-secondary)]`,children:c}),(0,S.jsxs)(`span`,{className:`num`,children:[t(e.used),` / `,t(e.limit)]})]}),(0,S.jsx)(`div`,{role:`progressbar`,"aria-label":c,"aria-valuenow":n,"aria-valuemin":0,"aria-valuemax":100,className:`h-1.5 w-full overflow-hidden rounded-full bg-[var(--surface-muted)]`,children:(0,S.jsx)(`div`,{className:`h-full rounded-full`,style:{width:`${n}%`,background:s}})}),(0,S.jsxs)(`div`,{className:`mt-1 text-[11px] text-[var(--text-muted)]`,children:[e.exhausted?i(`key.exhausted`):``,e.exhausted&&e.resetsAt?` · `:``,e.resetsAt?i(`key.resets`,{time:r(e.resetsAt,o)}):``]})]},`${e.metric}:${e.period}`)})}),e.rpm&&(0,S.jsx)(`p`,{className:`num text-[12px] text-[var(--text-secondary)]`,children:i(`key.rpm`,{used:e.rpm.used,limit:e.rpm.limit})})]}),(0,S.jsxs)(`section`,{className:`card flex flex-col gap-3 p-5`,children:[(0,S.jsx)(`h3`,{className:`text-[13px] font-medium`,children:i(`key.usage`)}),(0,S.jsx)(`div`,{className:`overflow-x-auto`,children:(0,S.jsxs)(`table`,{className:`w-full text-[12px]`,children:[(0,S.jsx)(`thead`,{children:(0,S.jsxs)(`tr`,{className:`text-[var(--text-muted)]`,children:[(0,S.jsx)(`th`,{className:`py-1 text-left font-normal`}),(0,S.jsx)(`th`,{className:`py-1 text-right font-normal`,children:i(`key.cost`)}),(0,S.jsx)(`th`,{className:`py-1 text-right font-normal`,children:i(`key.requests`)}),(0,S.jsx)(`th`,{className:`py-1 text-right font-normal`,children:i(`key.tokens`)})]})}),(0,S.jsx)(`tbody`,{children:h.map(([e,t])=>(0,S.jsxs)(`tr`,{children:[(0,S.jsx)(`th`,{scope:`row`,className:`py-1 text-left font-medium text-[var(--text-secondary)]`,children:e}),(0,S.jsx)(`td`,{className:`num py-1 text-right font-semibold`,children:a(t.costUsd)}),(0,S.jsx)(`td`,{className:`num py-1 text-right`,children:l(t.requests)}),(0,S.jsx)(`td`,{className:`num py-1 text-right`,children:l(t.inputTokens+t.outputTokens,!0)})]},e))})]})}),(0,S.jsx)(`h4`,{className:`mt-2 text-[12px] text-[var(--text-muted)]`,children:i(`key.daily`)}),(0,S.jsx)(`div`,{className:`flex h-24 items-end gap-[2px]`,role:`list`,"aria-label":i(`key.daily`),children:e.daily.map(e=>(0,S.jsx)(`div`,{role:`listitem`,title:`${e.day} · ${a(e.costUsd)} · ${l(e.requests)} ${i(`key.requests`)}`,className:`flex-1 rounded-t-[2px] bg-[var(--accent)]`,style:{height:`${g>0?Math.max(2,e.costUsd/g*100):2}%`,opacity:e.costUsd>0?1:.25}},e.day))})]})]})]})}var O=[`today`,`7d`,`30d`,`90d`];function k({apiKey:e}){let{t}=d(),[r,i]=(0,x.useState)(`7d`),[o,c]=(0,x.useState)(null),[m,g]=(0,x.useState)(null);(0,x.useEffect)(()=>{let n=!0;return g(null),s(e,r).then(e=>n&&c(e),e=>n&&g(t(`key.error`,{error:e.message}))),()=>{n=!1}},[e,r,t]);let _=o?.summary,y=Math.max(...(o?.series??[]).map(e=>e.requests),0);return(0,S.jsxs)(`section`,{className:`card flex flex-col gap-4 p-5`,children:[(0,S.jsx)(u,{ariaLabel:t(`overview.range`),value:r,onChange:i,items:O.map(e=>({value:e,label:t(`range.${e}`)}))}),m&&(0,S.jsx)(h,{tone:`danger`,title:m}),!o||!_?!m&&(0,S.jsx)(`p`,{className:`text-[12px] text-[var(--text-muted)]`,children:`…`}):(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`div`,{className:`grid grid-cols-2 gap-3 sm:grid-cols-4`,children:[(0,S.jsx)(A,{label:t(`key.stats.requests`),value:l(_.requests)}),(0,S.jsx)(A,{label:t(`key.stats.successRate`),value:_.requests?p(_.successRate):`—`}),(0,S.jsx)(A,{label:t(`key.cost`),value:a(_.costUsd)}),(0,S.jsx)(A,{label:t(`key.stats.avgTtft`),value:n(_.avgTtftMs)})]}),(0,S.jsxs)(`div`,{children:[(0,S.jsx)(`h4`,{className:`mb-2 text-[12px] text-[var(--text-muted)]`,children:t(`key.stats.trend`)}),(0,S.jsx)(`div`,{className:`flex h-20 items-end gap-[2px]`,role:`list`,"aria-label":t(`key.stats.trend`),children:o.series.map(e=>(0,S.jsx)(`div`,{role:`listitem`,title:`${e.bucket} · ${l(e.requests)} ${t(`key.requests`)} · ${a(e.costUsd)}`,className:`flex-1 rounded-t-[2px] bg-[var(--accent)]`,style:{height:`${y>0?Math.max(2,e.requests/y*100):2}%`}},e.bucket))})]}),(0,S.jsx)(j,{title:t(`key.stats.byModel`),rows:o.models.map(e=>({name:e.model??`—`,...e}))}),(0,S.jsx)(j,{title:t(`key.stats.byClient`),rows:o.clients.map(e=>({name:e.client?v[e.client]?.name??e.client:t(`key.stats.direct`),...e}))}),(0,S.jsxs)(`div`,{children:[(0,S.jsx)(`h4`,{className:`mb-2 text-[12px] text-[var(--text-muted)]`,children:t(`key.stats.errors`)}),o.errors.length===0?(0,S.jsx)(`p`,{className:`text-[12px] text-[var(--text-secondary)]`,children:t(`key.stats.noErrors`)}):(0,S.jsx)(`ul`,{className:`flex flex-wrap gap-2`,children:o.errors.map(e=>(0,S.jsx)(`li`,{children:(0,S.jsxs)(f,{tone:`orange`,children:[t(`key.category.${e.category}`),` · `,l(e.count)]})},e.category))})]}),o.retentionDays!=null&&(0,S.jsx)(`p`,{className:`text-[11px] text-[var(--text-muted)]`,children:t(`key.stats.retention`,{days:o.retentionDays})})]})]})}function A({label:e,value:t}){return(0,S.jsxs)(`div`,{className:`min-w-0`,children:[(0,S.jsx)(`div`,{className:`truncate text-[11px] text-[var(--text-muted)]`,children:e}),(0,S.jsx)(`div`,{className:`num truncate text-[17px] font-semibold`,children:t})]})}function j({title:e,rows:t}){let{t:n}=d();return t.length===0?null:(0,S.jsx)(`div`,{className:`overflow-x-auto`,children:(0,S.jsxs)(`table`,{className:`w-full text-[12px]`,children:[(0,S.jsx)(`caption`,{className:`mb-1 text-left text-[12px] text-[var(--text-muted)]`,children:e}),(0,S.jsx)(`thead`,{children:(0,S.jsxs)(`tr`,{className:`text-[var(--text-muted)]`,children:[(0,S.jsx)(`th`,{className:`py-1 text-left font-normal`}),(0,S.jsx)(`th`,{className:`py-1 text-right font-normal`,children:n(`key.requests`)}),(0,S.jsx)(`th`,{className:`py-1 text-right font-normal`,children:n(`key.stats.successRate`)}),(0,S.jsx)(`th`,{className:`py-1 text-right font-normal`,children:n(`key.tokens`)}),(0,S.jsx)(`th`,{className:`py-1 text-right font-normal`,children:n(`key.cost`)})]})}),(0,S.jsx)(`tbody`,{children:t.map(e=>(0,S.jsxs)(`tr`,{children:[(0,S.jsx)(`th`,{scope:`row`,className:`max-w-[240px] truncate py-1 text-left font-medium text-[var(--text-secondary)]`,children:e.name}),(0,S.jsx)(`td`,{className:`num py-1 text-right`,children:l(e.requests)}),(0,S.jsx)(`td`,{className:`num py-1 text-right`,children:e.requests?p(e.successRequests/e.requests):`—`}),(0,S.jsx)(`td`,{className:`num py-1 text-right`,children:l(e.inputTokens+e.outputTokens,!0)}),(0,S.jsx)(`td`,{className:`num py-1 text-right font-semibold`,children:a(e.costUsd)})]},e.name))})]})})}function M({apiKey:e}){let{t,locale:o}=d(),[s,c]=(0,x.useState)(`all`),[p,_]=(0,x.useState)([]),[y,b]=(0,x.useState)(null),[C,w]=(0,x.useState)(!1),[T,E]=(0,x.useState)(null),D=(0,x.useCallback)(async n=>{w(!0),E(null);try{let t=await g(e,{before:n,status:s===`failed`?N:void 0});_(e=>n?[...e,...t.items]:t.items),b(t.nextBefore??null)}catch(e){E(t(`key.error`,{error:e.message}))}finally{w(!1)}},[e,s,t]);return(0,x.useEffect)(()=>{D(null)},[D]),(0,S.jsxs)(`section`,{className:`card flex flex-col gap-3 p-5`,children:[(0,S.jsx)(u,{ariaLabel:t(`key.requests.status`),value:s,onChange:c,items:[{value:`all`,label:t(`key.requests.all`)},{value:`failed`,label:t(`key.requests.failed`)}]}),T&&(0,S.jsx)(h,{tone:`danger`,title:T}),p.length===0&&!C&&!T&&(0,S.jsx)(`p`,{className:`text-[12px] text-[var(--text-muted)]`,children:t(`key.requests.empty`)}),p.length>0&&(0,S.jsx)(`div`,{className:`overflow-x-auto`,children:(0,S.jsxs)(`table`,{className:`w-full text-[12px]`,children:[(0,S.jsx)(`thead`,{children:(0,S.jsxs)(`tr`,{className:`text-[var(--text-muted)]`,children:[(0,S.jsx)(`th`,{className:`py-1 text-left font-normal`,children:t(`key.requests.time`)}),(0,S.jsx)(`th`,{className:`py-1 text-left font-normal`,children:t(`key.requests.model`)}),(0,S.jsx)(`th`,{className:`py-1 text-left font-normal`,children:t(`key.requests.client`)}),(0,S.jsx)(`th`,{className:`py-1 text-left font-normal`,children:t(`key.requests.status`)}),(0,S.jsx)(`th`,{className:`py-1 text-right font-normal`,children:t(`key.requests.tokens`)}),(0,S.jsx)(`th`,{className:`py-1 text-right font-normal`,children:t(`key.cost`)}),(0,S.jsx)(`th`,{className:`py-1 text-right font-normal`,children:t(`key.requests.latency`)})]})}),(0,S.jsx)(`tbody`,{children:p.map(e=>(0,S.jsxs)(`tr`,{className:`border-t border-[var(--border-subtle)]`,children:[(0,S.jsx)(`td`,{className:`py-1.5 whitespace-nowrap text-[var(--text-secondary)]`,title:r(e.time,o),children:i(e.time,o)}),(0,S.jsx)(`td`,{className:`max-w-[200px] truncate py-1.5 font-mono`,title:e.model??``,children:e.model??`—`}),(0,S.jsx)(`td`,{className:`py-1.5 text-[var(--text-secondary)]`,children:e.client?v[e.client]?.name??e.client:t(`key.stats.direct`)}),(0,S.jsx)(`td`,{className:`py-1.5`,children:e.errorCategory?(0,S.jsx)(f,{tone:`orange`,title:e.httpStatus?`HTTP ${e.httpStatus}`:void 0,children:t(`key.category.${e.errorCategory}`)}):(0,S.jsx)(f,{tone:`green`,children:t(`key.requests.success`)})}),(0,S.jsxs)(`td`,{className:`num py-1.5 text-right`,children:[l(e.inputTokens,!0),` / `,l(e.outputTokens,!0)]}),(0,S.jsx)(`td`,{className:`num py-1.5 text-right font-semibold`,children:a(e.costUsd)}),(0,S.jsxs)(`td`,{className:`num py-1.5 text-right text-[var(--text-secondary)]`,children:[n(e.ttftMs),` / `,n(e.totalMs)]})]},e.id))})]})}),y&&(0,S.jsx)(`div`,{children:(0,S.jsx)(m,{size:`sm`,loading:C,onClick:()=>void D(y),children:t(`key.requests.more`)})})]})}var N=`upstream_error,gateway_error,client_cancelled,blocked`;export{E as KeyPage};

package/bin/wwwroot/assets/{ModelDetailPage-Bi6HMYd9.js → ModelDetailPage-BlmQDuE3.js}

@@ -1 +1 @@
-import{$n as e,Ba as t,Fn as n,H as r,Oi as i,Ua as a,ct as o,d as s,g as c,hi as l,l as u,m as d,n as f,on as p,p as m,r as h,rt as g,sn as _,t as v,u as y,v as b,wr as x,y as S,za as C}from"./alert-Clz2DftU.js";import{a as w,i as T,o as E,r as D}from"./overlays-UV1fYmtB.js";import{t as O}from"./arrow-left-B41OJQ5k.js";import{t as k}from"./pencil-C4YX2See.js";import{t as A}from"./rotate-ccw-ClcBYxmg.js";import{$ as j,B as M,P as N,Z as ee,et as te,h as P,i as ne,o as F}from"./index-LdSd2gU7.js";import{t as I}from"./checkbox-B4uUeJZd.js";import{t as L}from"./confirm-morph-BHc1Rk5D.js";var R=a(t(),1),z=C(),B=[{key:`vision`,label:`cap.vision`},{key:`tools`,label:`cap.tools`},{key:`reasoning`,label:`cap.reasoning`},{key:`promptCache`,label:`cap.promptCache`},{key:`audio`,label:`cap.audio`},{key:`pdf`,label:`cap.pdf`},{key:`structuredOutput`,label:`cap.structuredOutput`}];function V(e){return{displayName:e.displayName,vendor:e.vendor,family:e.family??null,aliases:e.aliases,contextWindow:e.contextWindow??null,maxOutputTokens:e.maxOutputTokens??null,capabilities:e.capabilities,pricing:e.pricing??null,enabled:e.enabled}}function H(){let{t:e,locale:t}=o(),i=j(),{id:a=``}=te(),u=decodeURIComponent(a),_=n(u),C=l(u),T=x(u),D=p(),{toast:k}=E(),M=(0,R.useMemo)(()=>_.data?V(_.data):null,[_.data]),[N,L]=(0,R.useState)(M),[H,G]=(0,R.useState)(``);(0,R.useEffect)(()=>{L(M),G(M?.aliases?.join(`, `)??``)},[M]);let q=(0,z.jsx)(h,{variant:`glass`,icon:(0,z.jsx)(O,{className:`size-4`}),"aria-label":e(`common.back`),onClick:()=>i(`/models`)});if(_.isError)return(0,z.jsx)(P,{title:e(`nav.models`),leading:q,children:(0,z.jsx)(v,{tone:`danger`,title:e(`common.error`),children:w(_.error)})});let J=_.data;if(!J||!N)return(0,z.jsx)(P,{title:``,leading:q,children:(0,z.jsx)(b,{lines:5,className:`mx-auto max-w-[1100px]`})});let Y=e=>L(t=>({...t,...e})),X={...N,aliases:H.split(/[,\n]/).map(e=>e.trim()).filter(Boolean)},Z=JSON.stringify(X)!==JSON.stringify(M),re=new Set(J.userModifiedFields),Q=J.source===`seed`,ie=()=>C.mutate(X,{onSuccess:()=>k(e(`common.saved`),`success`),onError:e=>k(w(e),`error`)}),$=t=>re.has(t)?(0,z.jsxs)(`span`,{className:`inline-flex items-center gap-1`,children:[(0,z.jsx)(f,{tone:`orange`,children:e(`models.modified`)}),Q&&(0,z.jsx)(h,{size:`sm`,variant:`plain`,icon:(0,z.jsx)(A,{className:`size-3`}),title:e(`models.resetField`),"aria-label":e(`models.resetField`),onClick:()=>T.mutate(t,{onSuccess:()=>k(e(`models.fieldReset`)),onError:e=>k(w(e),`error`)})})]}):null;return(0,z.jsx)(P,{title:J.displayName,subtitle:`${J.id} · ${e(`models.source.${J.source}`)} · ${e(`models.updated`,{time:r(J.updatedAt,t)})}`,leading:q,actions:(0,z.jsxs)(z.Fragment,{children:[J.source===`user`&&(0,z.jsx)(K,{label:e(`common.delete`),prompt:e(`models.deleteConfirm`,{id:J.id}),onConfirm:async()=>{await D.mutateAsync(J.id),i(`/models`)}}),Z&&(0,z.jsx)(h,{onClick:()=>{L(M),G(M?.aliases?.join(`, `)??``)},children:e(`common.revert`)}),(0,z.jsx)(h,{variant:`primary`,disabled:!Z,loading:C.isPending,onClick:ie,children:e(`common.save`)})]}),children:(0,z.jsxs)(`div`,{className:`mx-auto grid max-w-[1100px] gap-x-6 xl:grid-cols-[minmax(0,1fr)_minmax(0,1fr)]`,children:[(0,z.jsxs)(`div`,{children:[(0,z.jsxs)(y,{title:e(`models.section.basic`),footer:Q?e(`models.modifiedFooter`):void 0,children:[(0,z.jsx)(U,{label:e(`models.field.displayName`),marker:$(`displayName`),children:(0,z.jsx)(s,{className:`w-60`,"aria-label":e(`models.field.displayName`),value:N.displayName,onChange:e=>Y({displayName:e.target.value})})}),(0,z.jsx)(U,{label:e(`models.field.vendor`),children:(0,z.jsx)(s,{className:`w-60`,"aria-label":e(`models.field.vendor`),value:N.vendor,onChange:e=>Y({vendor:e.target.value})})}),(0,z.jsx)(U,{label:e(`models.field.family`),marker:$(`family`),children:(0,z.jsx)(s,{className:`w-60`,"aria-label":e(`models.field.family`),value:N.family??``,onChange:e=>Y({family:e.target.value||null})})}),(0,z.jsx)(U,{label:e(`models.field.aliases`),marker:$(`aliases`),children:(0,z.jsx)(s,{className:`w-60 font-mono`,"aria-label":e(`models.field.aliases`),value:H,onChange:e=>G(e.target.value),placeholder:`a, b, c`})}),(0,z.jsx)(U,{label:e(`models.field.contextWindow`),marker:$(`contextWindow`),children:(0,z.jsx)(m,{className:`w-36`,label:e(`models.field.contextWindow`),value:N.contextWindow,onChange:e=>Y({contextWindow:e})})}),(0,z.jsx)(U,{label:e(`models.field.maxOutputTokens`),marker:$(`maxOutputTokens`),children:(0,z.jsx)(m,{className:`w-36`,label:e(`models.field.maxOutputTokens`),value:N.maxOutputTokens,onChange:e=>Y({maxOutputTokens:e})})}),(0,z.jsx)(U,{label:e(`common.enabled`),children:(0,z.jsx)(S,{checked:N.enabled??!0,label:e(`common.enabled`),onChange:e=>Y({enabled:e})})})]}),(0,z.jsx)(y,{title:(0,z.jsxs)(`span`,{className:`inline-flex items-center gap-2`,children:[e(`models.section.capabilities`),` `,$(`capabilities`)]}),children:(0,z.jsx)(`div`,{className:`grid grid-cols-2 gap-x-4 gap-y-3 px-4 py-4`,children:B.map(t=>(0,z.jsx)(I,{label:e(t.label),checked:!!N.capabilities?.[t.key],onCheckedChange:e=>Y({capabilities:{...N.capabilities,[t.key]:e===!0}})},t.key))})}),(0,z.jsx)(W,{model:J}),J.providerOverrides.length>0&&(0,z.jsx)(y,{title:e(`models.section.overrides`),footer:e(`models.overridesFooter`),children:J.providerOverrides.map(e=>(0,z.jsx)(d,{label:(0,z.jsx)(ee,{className:`text-[var(--accent)]`,to:`/providers/${e.providerId}`,children:e.providerName}),detail:`${e.modelId} · ${g(e.pricing)}`},e.providerModelId))})]}),(0,z.jsxs)(`div`,{children:[(0,z.jsxs)(`section`,{className:`mb-5`,children:[(0,z.jsx)(c,{action:$(`pricing`),children:e(`models.section.pricing`)}),(0,z.jsx)(`p`,{className:`mb-3 px-1 text-[12px] text-[var(--text-secondary)]`,children:e(`models.pricingHint`)}),(0,z.jsx)(`div`,{className:`card p-4`,children:(0,z.jsx)(F,{value:N.pricing??null,onChange:e=>Y({pricing:e}),allowEmpty:!0})})]}),(0,z.jsxs)(`section`,{className:`mb-5`,children:[(0,z.jsx)(c,{children:e(`models.section.simulator`)}),(0,z.jsxs)(`div`,{className:`card p-4`,children:[(0,z.jsx)(ne,{modelId:Z?void 0:J.id,pricing:Z?X.pricing:null}),Z&&(0,z.jsx)(`p`,{className:`mt-3 text-[12px] text-[var(--text-muted)]`,children:e(`models.simulatorUnsaved`)})]})]})]})]})})}function U({label:e,marker:t,children:n}){return(0,z.jsx)(d,{label:(0,z.jsxs)(`span`,{className:`inline-flex items-center gap-2`,children:[e,t]}),children:n})}function W({model:e}){let{t}=o(),n=_(e.id),[r,i]=(0,R.useState)(null);return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsxs)(y,{title:(0,z.jsxs)(`span`,{className:`flex items-center justify-between`,children:[t(`models.section.providerPrices`),(0,z.jsx)(h,{size:`sm`,variant:`plain`,icon:(0,z.jsx)(M,{className:`size-3.5`}),onClick:()=>i(`new`),children:t(`common.add`)})]}),footer:t(`models.providerPricesFooter`),children:[e.providerPrices.length===0&&(0,z.jsx)(d,{label:(0,z.jsx)(`span`,{className:`text-[12px] text-[var(--text-muted)]`,children:t(`models.noProviderPrices`)})}),e.providerPrices.map(e=>(0,z.jsxs)(d,{label:(0,z.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,z.jsx)(`span`,{className:`font-mono text-[12.5px]`,children:e.priceKey}),e.userModified&&(0,z.jsx)(f,{tone:`orange`,children:t(`models.modified`)})]}),detail:[g(e.pricing),e.upstreamModelId,e.pricing.time_windows?.length?t(`models.hasTimeWindows`):null,e.pricing.context_tiers?.length?t(`models.hasTiers`):null].filter(Boolean).join(` · `),children:[(0,z.jsx)(h,{size:`sm`,variant:`plain`,icon:(0,z.jsx)(k,{className:`size-3.5`}),"aria-label":t(`common.edit`),onClick:()=>i(e)}),(0,z.jsx)(K,{label:t(`common.delete`),prompt:t(`models.deletePrice`,{key:e.priceKey}),onConfirm:()=>n.mutateAsync(e.priceKey)})]},e.priceKey))]}),(0,z.jsx)(G,{model:e,editing:r,onClose:()=>i(null)})]})}function G({model:t,editing:n,onClose:r}){let{t:a}=o(),{toast:c}=E(),l=e(),d=i(t.id),f=n===`new`,[p,m]=(0,R.useState)(``),[g,_]=(0,R.useState)(``),[v,y]=(0,R.useState)(null);(0,R.useEffect)(()=>{n&&(n===`new`?(m(``),_(``),y(t.pricing?structuredClone(t.pricing):{currency:`USD`,unit:`per_1m_tokens`,base:{input:null,output:null}})):(m(n.priceKey),_(n.upstreamModelId??``),y(structuredClone(n.pricing))))},[n,t.pricing]);let b=new Set(t.providerPrices.map(e=>e.priceKey));return(0,z.jsx)(T,{open:n!==null,onOpenChange:e=>!e&&r(),width:680,title:f?a(`models.addPrice`):a(`models.editPrice`,{key:p}),description:a(`models.priceSheetDetail`),footer:(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(h,{onClick:r,children:a(`common.cancel`)}),(0,z.jsx)(h,{variant:`primary`,disabled:!p||!v,loading:d.isPending,onClick:()=>d.mutate({priceKey:p,upstreamModelId:g||null,pricing:v},{onSuccess:()=>{c(a(`common.saved`),`success`),r()},onError:e=>c(w(e),`error`)}),children:a(`common.save`)})]}),children:(0,z.jsxs)(`div`,{className:`grid gap-4`,children:[(0,z.jsxs)(`div`,{className:`grid grid-cols-2 gap-4`,children:[(0,z.jsx)(u,{label:a(`providers.priceKey`),children:f?(0,z.jsx)(D,{value:p,onChange:m,placeholder:a(`models.pickPriceKey`),options:(l.data??[]).map(e=>({value:e.priceKey,label:e.label,detail:e.priceKey,disabled:b.has(e.priceKey)}))}):(0,z.jsx)(s,{value:p,disabled:!0,className:`font-mono`})}),(0,z.jsx)(u,{label:a(`models.upstreamId`),hint:a(`models.upstreamIdHint`),children:(0,z.jsx)(s,{className:`font-mono`,value:g,onChange:e=>_(e.target.value),placeholder:t.id})})]}),f&&(0,z.jsx)(s,{className:`font-mono`,"aria-label":a(`models.customPriceKey`),placeholder:a(`models.customPriceKey`),value:p,onChange:e=>m(e.target.value.trim())}),(0,z.jsx)(F,{value:v,onChange:y})]})})}function K({label:e,prompt:t,onConfirm:n}){let{t:r}=o();return(0,z.jsx)(L,{label:e,icon:(0,z.jsx)(N,{className:`size-4`}),prompt:t,confirmLabel:r(`common.delete`),cancelLabel:r(`common.cancel`),pendingLabel:r(`common.deleting`),doneLabel:r(`common.deleted`),errorLabel:r(`common.error`),retryLabel:r(`common.retry`),onConfirm:n})}export{H as ModelDetailPage};
+import{$n as e,Ba as t,Fn as n,H as r,Oi as i,Ua as a,ct as o,d as s,g as c,hi as l,l as u,m as d,n as f,on as p,p as m,r as h,rt as g,sn as _,t as v,u as y,v as b,wr as x,y as S,za as C}from"./alert-0ugPccg1.js";import{a as w,i as T,o as E,r as D}from"./overlays-Dd-xCJQp.js";import{t as O}from"./arrow-left-CvdkAxjP.js";import{t as k}from"./pencil-BbgAhLbU.js";import{t as A}from"./rotate-ccw-CIB2qh-N.js";import{$ as j,B as M,P as N,Z as ee,et as te,h as P,i as ne,o as F}from"./index-COgqKK9s.js";import{t as I}from"./checkbox-DAvFpCMa.js";import{t as L}from"./confirm-morph-Df4YMElg.js";var R=a(t(),1),z=C(),B=[{key:`vision`,label:`cap.vision`},{key:`tools`,label:`cap.tools`},{key:`reasoning`,label:`cap.reasoning`},{key:`promptCache`,label:`cap.promptCache`},{key:`audio`,label:`cap.audio`},{key:`pdf`,label:`cap.pdf`},{key:`structuredOutput`,label:`cap.structuredOutput`}];function V(e){return{displayName:e.displayName,vendor:e.vendor,family:e.family??null,aliases:e.aliases,contextWindow:e.contextWindow??null,maxOutputTokens:e.maxOutputTokens??null,capabilities:e.capabilities,pricing:e.pricing??null,enabled:e.enabled}}function H(){let{t:e,locale:t}=o(),i=j(),{id:a=``}=te(),u=decodeURIComponent(a),_=n(u),C=l(u),T=x(u),D=p(),{toast:k}=E(),M=(0,R.useMemo)(()=>_.data?V(_.data):null,[_.data]),[N,L]=(0,R.useState)(M),[H,G]=(0,R.useState)(``);(0,R.useEffect)(()=>{L(M),G(M?.aliases?.join(`, `)??``)},[M]);let q=(0,z.jsx)(h,{variant:`glass`,icon:(0,z.jsx)(O,{className:`size-4`}),"aria-label":e(`common.back`),onClick:()=>i(`/models`)});if(_.isError)return(0,z.jsx)(P,{title:e(`nav.models`),leading:q,children:(0,z.jsx)(v,{tone:`danger`,title:e(`common.error`),children:w(_.error)})});let J=_.data;if(!J||!N)return(0,z.jsx)(P,{title:``,leading:q,children:(0,z.jsx)(b,{lines:5,className:`mx-auto max-w-[1100px]`})});let Y=e=>L(t=>({...t,...e})),X={...N,aliases:H.split(/[,\n]/).map(e=>e.trim()).filter(Boolean)},Z=JSON.stringify(X)!==JSON.stringify(M),re=new Set(J.userModifiedFields),Q=J.source===`seed`,ie=()=>C.mutate(X,{onSuccess:()=>k(e(`common.saved`),`success`),onError:e=>k(w(e),`error`)}),$=t=>re.has(t)?(0,z.jsxs)(`span`,{className:`inline-flex items-center gap-1`,children:[(0,z.jsx)(f,{tone:`orange`,children:e(`models.modified`)}),Q&&(0,z.jsx)(h,{size:`sm`,variant:`plain`,icon:(0,z.jsx)(A,{className:`size-3`}),title:e(`models.resetField`),"aria-label":e(`models.resetField`),onClick:()=>T.mutate(t,{onSuccess:()=>k(e(`models.fieldReset`)),onError:e=>k(w(e),`error`)})})]}):null;return(0,z.jsx)(P,{title:J.displayName,subtitle:`${J.id} · ${e(`models.source.${J.source}`)} · ${e(`models.updated`,{time:r(J.updatedAt,t)})}`,leading:q,actions:(0,z.jsxs)(z.Fragment,{children:[J.source===`user`&&(0,z.jsx)(K,{label:e(`common.delete`),prompt:e(`models.deleteConfirm`,{id:J.id}),onConfirm:async()=>{await D.mutateAsync(J.id),i(`/models`)}}),Z&&(0,z.jsx)(h,{onClick:()=>{L(M),G(M?.aliases?.join(`, `)??``)},children:e(`common.revert`)}),(0,z.jsx)(h,{variant:`primary`,disabled:!Z,loading:C.isPending,onClick:ie,children:e(`common.save`)})]}),children:(0,z.jsxs)(`div`,{className:`mx-auto grid max-w-[1100px] gap-x-6 xl:grid-cols-[minmax(0,1fr)_minmax(0,1fr)]`,children:[(0,z.jsxs)(`div`,{children:[(0,z.jsxs)(y,{title:e(`models.section.basic`),footer:Q?e(`models.modifiedFooter`):void 0,children:[(0,z.jsx)(U,{label:e(`models.field.displayName`),marker:$(`displayName`),children:(0,z.jsx)(s,{className:`w-60`,"aria-label":e(`models.field.displayName`),value:N.displayName,onChange:e=>Y({displayName:e.target.value})})}),(0,z.jsx)(U,{label:e(`models.field.vendor`),children:(0,z.jsx)(s,{className:`w-60`,"aria-label":e(`models.field.vendor`),value:N.vendor,onChange:e=>Y({vendor:e.target.value})})}),(0,z.jsx)(U,{label:e(`models.field.family`),marker:$(`family`),children:(0,z.jsx)(s,{className:`w-60`,"aria-label":e(`models.field.family`),value:N.family??``,onChange:e=>Y({family:e.target.value||null})})}),(0,z.jsx)(U,{label:e(`models.field.aliases`),marker:$(`aliases`),children:(0,z.jsx)(s,{className:`w-60 font-mono`,"aria-label":e(`models.field.aliases`),value:H,onChange:e=>G(e.target.value),placeholder:`a, b, c`})}),(0,z.jsx)(U,{label:e(`models.field.contextWindow`),marker:$(`contextWindow`),children:(0,z.jsx)(m,{className:`w-36`,label:e(`models.field.contextWindow`),value:N.contextWindow,onChange:e=>Y({contextWindow:e})})}),(0,z.jsx)(U,{label:e(`models.field.maxOutputTokens`),marker:$(`maxOutputTokens`),children:(0,z.jsx)(m,{className:`w-36`,label:e(`models.field.maxOutputTokens`),value:N.maxOutputTokens,onChange:e=>Y({maxOutputTokens:e})})}),(0,z.jsx)(U,{label:e(`common.enabled`),children:(0,z.jsx)(S,{checked:N.enabled??!0,label:e(`common.enabled`),onChange:e=>Y({enabled:e})})})]}),(0,z.jsx)(y,{title:(0,z.jsxs)(`span`,{className:`inline-flex items-center gap-2`,children:[e(`models.section.capabilities`),` `,$(`capabilities`)]}),children:(0,z.jsx)(`div`,{className:`grid grid-cols-2 gap-x-4 gap-y-3 px-4 py-4`,children:B.map(t=>(0,z.jsx)(I,{label:e(t.label),checked:!!N.capabilities?.[t.key],onCheckedChange:e=>Y({capabilities:{...N.capabilities,[t.key]:e===!0}})},t.key))})}),(0,z.jsx)(W,{model:J}),J.providerOverrides.length>0&&(0,z.jsx)(y,{title:e(`models.section.overrides`),footer:e(`models.overridesFooter`),children:J.providerOverrides.map(e=>(0,z.jsx)(d,{label:(0,z.jsx)(ee,{className:`text-[var(--accent)]`,to:`/providers/${e.providerId}`,children:e.providerName}),detail:`${e.modelId} · ${g(e.pricing)}`},e.providerModelId))})]}),(0,z.jsxs)(`div`,{children:[(0,z.jsxs)(`section`,{className:`mb-5`,children:[(0,z.jsx)(c,{action:$(`pricing`),children:e(`models.section.pricing`)}),(0,z.jsx)(`p`,{className:`mb-3 px-1 text-[12px] text-[var(--text-secondary)]`,children:e(`models.pricingHint`)}),(0,z.jsx)(`div`,{className:`card p-4`,children:(0,z.jsx)(F,{value:N.pricing??null,onChange:e=>Y({pricing:e}),allowEmpty:!0})})]}),(0,z.jsxs)(`section`,{className:`mb-5`,children:[(0,z.jsx)(c,{children:e(`models.section.simulator`)}),(0,z.jsxs)(`div`,{className:`card p-4`,children:[(0,z.jsx)(ne,{modelId:Z?void 0:J.id,pricing:Z?X.pricing:null}),Z&&(0,z.jsx)(`p`,{className:`mt-3 text-[12px] text-[var(--text-muted)]`,children:e(`models.simulatorUnsaved`)})]})]})]})]})})}function U({label:e,marker:t,children:n}){return(0,z.jsx)(d,{label:(0,z.jsxs)(`span`,{className:`inline-flex items-center gap-2`,children:[e,t]}),children:n})}function W({model:e}){let{t}=o(),n=_(e.id),[r,i]=(0,R.useState)(null);return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsxs)(y,{title:(0,z.jsxs)(`span`,{className:`flex items-center justify-between`,children:[t(`models.section.providerPrices`),(0,z.jsx)(h,{size:`sm`,variant:`plain`,icon:(0,z.jsx)(M,{className:`size-3.5`}),onClick:()=>i(`new`),children:t(`common.add`)})]}),footer:t(`models.providerPricesFooter`),children:[e.providerPrices.length===0&&(0,z.jsx)(d,{label:(0,z.jsx)(`span`,{className:`text-[12px] text-[var(--text-muted)]`,children:t(`models.noProviderPrices`)})}),e.providerPrices.map(e=>(0,z.jsxs)(d,{label:(0,z.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,z.jsx)(`span`,{className:`font-mono text-[12.5px]`,children:e.priceKey}),e.userModified&&(0,z.jsx)(f,{tone:`orange`,children:t(`models.modified`)})]}),detail:[g(e.pricing),e.upstreamModelId,e.pricing.time_windows?.length?t(`models.hasTimeWindows`):null,e.pricing.context_tiers?.length?t(`models.hasTiers`):null].filter(Boolean).join(` · `),children:[(0,z.jsx)(h,{size:`sm`,variant:`plain`,icon:(0,z.jsx)(k,{className:`size-3.5`}),"aria-label":t(`common.edit`),onClick:()=>i(e)}),(0,z.jsx)(K,{label:t(`common.delete`),prompt:t(`models.deletePrice`,{key:e.priceKey}),onConfirm:()=>n.mutateAsync(e.priceKey)})]},e.priceKey))]}),(0,z.jsx)(G,{model:e,editing:r,onClose:()=>i(null)})]})}function G({model:t,editing:n,onClose:r}){let{t:a}=o(),{toast:c}=E(),l=e(),d=i(t.id),f=n===`new`,[p,m]=(0,R.useState)(``),[g,_]=(0,R.useState)(``),[v,y]=(0,R.useState)(null);(0,R.useEffect)(()=>{n&&(n===`new`?(m(``),_(``),y(t.pricing?structuredClone(t.pricing):{currency:`USD`,unit:`per_1m_tokens`,base:{input:null,output:null}})):(m(n.priceKey),_(n.upstreamModelId??``),y(structuredClone(n.pricing))))},[n,t.pricing]);let b=new Set(t.providerPrices.map(e=>e.priceKey));return(0,z.jsx)(T,{open:n!==null,onOpenChange:e=>!e&&r(),width:680,title:f?a(`models.addPrice`):a(`models.editPrice`,{key:p}),description:a(`models.priceSheetDetail`),footer:(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(h,{onClick:r,children:a(`common.cancel`)}),(0,z.jsx)(h,{variant:`primary`,disabled:!p||!v,loading:d.isPending,onClick:()=>d.mutate({priceKey:p,upstreamModelId:g||null,pricing:v},{onSuccess:()=>{c(a(`common.saved`),`success`),r()},onError:e=>c(w(e),`error`)}),children:a(`common.save`)})]}),children:(0,z.jsxs)(`div`,{className:`grid gap-4`,children:[(0,z.jsxs)(`div`,{className:`grid grid-cols-2 gap-4`,children:[(0,z.jsx)(u,{label:a(`providers.priceKey`),children:f?(0,z.jsx)(D,{value:p,onChange:m,placeholder:a(`models.pickPriceKey`),options:(l.data??[]).map(e=>({value:e.priceKey,label:e.label,detail:e.priceKey,disabled:b.has(e.priceKey)}))}):(0,z.jsx)(s,{value:p,disabled:!0,className:`font-mono`})}),(0,z.jsx)(u,{label:a(`models.upstreamId`),hint:a(`models.upstreamIdHint`),children:(0,z.jsx)(s,{className:`font-mono`,value:g,onChange:e=>_(e.target.value),placeholder:t.id})})]}),f&&(0,z.jsx)(s,{className:`font-mono`,"aria-label":a(`models.customPriceKey`),placeholder:a(`models.customPriceKey`),value:p,onChange:e=>m(e.target.value.trim())}),(0,z.jsx)(F,{value:v,onChange:y})]})})}function K({label:e,prompt:t,onConfirm:n}){let{t:r}=o();return(0,z.jsx)(L,{label:e,icon:(0,z.jsx)(N,{className:`size-4`}),prompt:t,confirmLabel:r(`common.delete`),cancelLabel:r(`common.cancel`),pendingLabel:r(`common.deleting`),doneLabel:r(`common.deleted`),errorLabel:r(`common.error`),retryLabel:r(`common.retry`),onConfirm:n})}export{H as ModelDetailPage};

package/bin/wwwroot/assets/{ModelsPage-BXY68Eiv.js → ModelsPage-Ckhg7YdH.js}

@@ -1 +1 @@
-import{Ba as e,In as t,Jr as n,Ua as r,V as i,Yr as a,Z as o,c as s,ct as c,d as l,en as u,h as d,l as f,n as p,nt as m,ot as h,p as g,r as _,t as v,v as y,za as b}from"./alert-Clz2DftU.js";import{a as x,i as S,o as C,r as w}from"./overlays-UV1fYmtB.js";import{t as T}from"./cloud-download-BZA23qWN.js";import{$ as E,B as D,D as O,G as k,M as A,N as j,U as M,h as N}from"./index-LdSd2gU7.js";import{t as P}from"./checkbox-B4uUeJZd.js";var F=r(e(),1),I=b();function L(){let{t:e}=c(),n=E(),[r,i]=(0,F.useState)(``),[a,o]=(0,F.useState)(``),[l,u]=(0,F.useState)(!1),[f,p]=(0,F.useState)(!1),m=(0,F.useRef)(null),h=j(r),g=t(),b=t(h,a),S=(0,F.useMemo)(()=>[...new Set((g.data??[]).map(e=>e.vendor))].sort(),[g.data]);return A(e=>{e===`find`&&m.current?.focus()}),(0,I.jsxs)(N,{title:e(`nav.models`),subtitle:b.data?e(`models.count`,{count:b.data.length}):void 0,actions:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(d,{inputRef:m,className:`w-52`,value:r,onChange:i,placeholder:e(`models.search`)}),(0,I.jsx)(w,{value:a,onChange:o,options:[{value:``,label:e(`models.allVendors`)},...S.map(e=>({value:e,label:e}))]}),(0,I.jsx)(_,{icon:(0,I.jsx)(T,{className:`size-3.5`}),onClick:()=>p(!0),children:e(`models.sync`)}),(0,I.jsx)(_,{variant:`primary`,icon:(0,I.jsx)(D,{className:`size-3.5`}),onClick:()=>u(!0),children:e(`models.new`)})]}),children:[b.isLoading&&(0,I.jsx)(y,{lines:5}),b.isError&&(0,I.jsx)(v,{tone:`danger`,title:e(`common.error`),children:x(b.error)}),b.data?.length===0&&(0,I.jsx)(s,{icon:(0,I.jsx)(k,{className:`size-6`}),title:e(`models.empty`)}),b.data&&b.data.length>0&&(0,I.jsx)(O,{caption:e(`nav.models`),rowKey:`id`,rows:b.data.map(e=>({id:e.id,name:e.displayName,vendor:e.vendor,context:e.contextWindow??0,input:e.pricing?.base.input??0,providerPrices:e.providerPriceKeys.length,m:e})),columns:R(e,e=>n(`/models/${encodeURIComponent(e)}`))}),(0,I.jsx)(z,{open:l,onOpenChange:u,onCreated:e=>n(`/models/${encodeURIComponent(e)}`)}),(0,I.jsx)(q,{open:f,onOpenChange:p})]})}function R(e,t){return[{key:`name`,label:e(`models.col.model`),render:(n,r)=>(0,I.jsxs)(`button`,{type:`button`,className:`block w-full min-w-0 text-left`,onClick:()=>t(r.id),children:[(0,I.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,I.jsx)(`span`,{className:h(`truncate font-medium hover:text-[var(--accent)]`,!r.m.enabled&&`text-[var(--text-muted)]`),children:r.name}),r.m.source===`user`&&(0,I.jsx)(p,{tone:`accent`,children:e(`models.source.user`)}),r.m.userModifiedFields.length>0&&(0,I.jsx)(p,{tone:`orange`,children:e(`models.modified`)})]}),(0,I.jsx)(`span`,{className:`block truncate font-mono text-[11px] text-[var(--text-muted)]`,children:r.id})]})},{key:`vendor`,label:e(`models.col.vendor`),width:120},{key:`context`,label:e(`models.col.context`),numeric:!0,width:96,render:(e,t)=>i(t.m.contextWindow)},{key:`input`,label:e(`models.col.price`),numeric:!0,width:150,render:(e,t)=>{let n=t.m.pricing?.base;return n?`${o(n.input)} / ${o(n.output)}`:`—`}},{key:`providerPrices`,label:e(`models.col.providerPrices`),numeric:!0,width:130,render:(t,n)=>n.providerPrices?e(`models.providerPriceCount`,{count:n.providerPrices}):`—`}]}function z({open:e,onOpenChange:t,onCreated:n}){let{t:r}=c(),{toast:i}=C(),a=u(),[o,s]=(0,F.useState)(``),[d,p]=(0,F.useState)(``),[m,h]=(0,F.useState)(``),[v,y]=(0,F.useState)(null),[b,w]=(0,F.useState)(null),[T,E]=(0,F.useState)(null);return(0,I.jsx)(S,{open:e,onOpenChange:t,title:r(`models.new`),description:r(`models.newDetail`),footer:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_,{onClick:()=>t(!1),children:r(`common.cancel`)}),(0,I.jsx)(_,{variant:`primary`,disabled:!o.trim()||!m.trim(),loading:a.isPending,onClick:()=>a.mutate({id:o.trim(),displayName:d.trim()||o.trim(),vendor:m.trim(),contextWindow:v,pricing:b!=null||T!=null?{currency:`USD`,unit:`per_1m_tokens`,base:{input:b,output:T}}:null},{onSuccess:e=>{t(!1),s(``),p(``),n(e.id)},onError:e=>i(x(e),`error`)}),children:r(`common.create`)})]}),children:(0,I.jsxs)(`div`,{className:`grid gap-4`,children:[(0,I.jsx)(f,{label:r(`models.field.id`),hint:r(`models.field.idHint`),children:(0,I.jsx)(l,{className:`font-mono`,value:o,onChange:e=>s(e.target.value),placeholder:`my-model-1`})}),(0,I.jsxs)(`div`,{className:`grid grid-cols-2 gap-4`,children:[(0,I.jsx)(f,{label:r(`models.field.displayName`),children:(0,I.jsx)(l,{value:d,onChange:e=>p(e.target.value)})}),(0,I.jsx)(f,{label:r(`models.field.vendor`),children:(0,I.jsx)(l,{value:m,onChange:e=>h(e.target.value),placeholder:`openai`})})]}),(0,I.jsxs)(`div`,{className:`grid grid-cols-3 gap-4`,children:[(0,I.jsx)(f,{label:r(`models.field.contextWindow`),children:(0,I.jsx)(g,{value:v,onChange:y})}),(0,I.jsx)(f,{label:r(`models.field.inputPrice`),children:(0,I.jsx)(g,{value:b,onChange:w})}),(0,I.jsx)(f,{label:r(`models.field.outputPrice`),children:(0,I.jsx)(g,{value:T,onChange:E})})]})]})})}var B=e=>typeof e==`object`&&!!e&&!Array.isArray(e);function V(e,t=``,n=new Map){if(B(e)&&Object.keys(e).length>0)for(let[r,i]of Object.entries(e))V(i,t?`${t}.${r}`:r,n);else e!=null&&n.set(t,e);return n}function H(e,t){let n=V(e),r=V(t);return[...r.keys(),...[...n.keys()].filter(e=>!r.has(e))].filter(e=>JSON.stringify(n.get(e))!==JSON.stringify(r.get(e))).map(e=>({path:e.replace(/^pricing\./,``),before:n.get(e),after:r.get(e)}))}var U=e=>typeof e==`string`?e:JSON.stringify(e),W=4;function G({before:e,after:t}){let{t:n}=c(),r=H(e,t),i=r.length-W;return(0,I.jsxs)(`span`,{className:`flex w-full min-w-0 flex-col gap-0.5 font-mono text-[11px] leading-snug`,title:`${m(e)||`∅`}\n→\n${m(t)||`∅`}`,children:[r.slice(0,W).map(e=>(0,I.jsxs)(`span`,{className:`flex min-w-0 items-baseline gap-1.5 whitespace-nowrap`,children:[e.path&&(0,I.jsx)(`span`,{className:`shrink-0 text-[var(--text-secondary)]`,children:e.path}),e.before!==void 0&&(0,I.jsx)(`span`,{className:`min-w-0 truncate text-[var(--danger)] line-through opacity-80`,children:U(e.before)}),e.before!==void 0&&e.after!==void 0&&(0,I.jsx)(`span`,{className:`shrink-0 text-[var(--text-secondary)]`,children:`→`}),e.after!==void 0&&(0,I.jsx)(`span`,{className:`min-w-0 truncate text-[var(--success)]`,children:U(e.after)})]},e.path)),i>0&&(0,I.jsx)(`span`,{className:`text-[var(--text-secondary)]`,children:n(`models.sync.more`,{n:i})})]})}function K({changes:e,label:t,checked:n,onChange:r}){let{t:i}=c(),[a,o]=(0,F.useState)(new Set),s=(0,F.useMemo)(()=>{let t=new Map;for(let n of e)t.set(n.modelId,[...t.get(n.modelId)??[],n]);return[...t]},[e]),l=e=>{let t=e.filter(e=>n.has(e)).length;return t===0?!1:t===e.length||`indeterminate`},u=(e,t)=>{let i=new Set(n);for(let n of e)t?i.add(n):i.delete(n);r(i)},d=e=>o(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n}),f=e=>(0,I.jsxs)(`span`,{className:`flex min-w-0 flex-1 flex-col items-start gap-1`,children:[(0,I.jsxs)(`span`,{className:`flex flex-wrap gap-1`,children:[(0,I.jsx)(p,{tone:e.kind===`new_model`?`green`:`neutral`,children:t(e)}),e.skippedBecauseUserModified&&(0,I.jsx)(p,{tone:`orange`,children:i(`models.sync.userModified`)})]}),e.kind!==`new_model`&&(0,I.jsx)(G,{before:e.before,after:e.after})]}),m=e.map(e=>e.id);return(0,I.jsx)(`div`,{className:`card max-h-[520px] overflow-auto`,children:(0,I.jsxs)(`ul`,{className:`divide-y divide-[var(--border)]`,children:[(0,I.jsxs)(`li`,{className:`sticky top-0 z-10 flex items-center gap-3 bg-[var(--surface)] px-4 py-2`,children:[(0,I.jsx)(P,{checked:l(m),onCheckedChange:e=>u(m,e!==!1),"aria-label":i(`models.sync.selectAll`)}),(0,I.jsx)(`span`,{className:`text-[11px] text-[var(--text-muted)]`,children:i(`models.sync.selectedOf`,{n:n.size,total:m.length,models:s.length})})]}),s.map(([e,r])=>{let o=r.map(e=>e.id),s=r.length===1?r[0]:void 0,c=!a.has(e);return(0,I.jsxs)(`li`,{className:`px-4 py-2.5`,children:[(0,I.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,I.jsx)(P,{checked:l(o),onCheckedChange:e=>u(o,e!==!1),"aria-label":e,className:`mt-0.5`}),(0,I.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-1.5`,children:[s?(0,I.jsx)(`span`,{className:`truncate font-mono text-[12px] font-medium`,title:e,children:e}):(0,I.jsxs)(`button`,{type:`button`,className:`flex min-w-0 items-center gap-1 text-left`,"aria-expanded":c,onClick:()=>d(e),children:[(0,I.jsx)(M,{className:h(`size-3.5 shrink-0 text-[var(--text-muted)] transition-transform`,c&&`rotate-90`)}),(0,I.jsx)(`span`,{className:`truncate font-mono text-[12px] font-medium`,title:e,children:e}),(0,I.jsx)(`span`,{className:`ml-auto shrink-0 pl-2 text-[11px] text-[var(--text-muted)]`,children:i(`models.sync.groupCount`,{n:r.length})})]}),s&&f(s)]})]}),!s&&c&&(0,I.jsx)(`ul`,{className:`mt-2 ml-7 flex flex-col gap-2 border-l border-[var(--border)] pl-3`,children:r.map(r=>(0,I.jsxs)(`li`,{className:`flex items-start gap-3`,children:[(0,I.jsx)(P,{checked:n.has(r.id),onCheckedChange:e=>u([r.id],e!==!1),"aria-label":`${e} ${t(r)}`,className:`mt-0.5`}),f(r)]},r.id))})]},e)})]})})}function q({open:e,onOpenChange:t}){let{t:r}=c(),{toast:i}=C(),o=a(),s=n(),[l,u]=(0,F.useState)(new Set),d=()=>o.mutate(void 0,{onSuccess:e=>u(new Set(e.changes.filter(e=>!e.skippedBecauseUserModified).map(e=>e.id)))}),f=o.data?.changes??[];return(0,I.jsxs)(S,{open:e,onOpenChange:e=>{t(e),e&&!o.data&&d()},width:720,title:r(`models.sync`),description:r(`models.syncDetail`),footer:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_,{className:`mr-auto`,variant:`plain`,onClick:d,loading:o.isPending,children:r(`common.refresh`)}),(0,I.jsx)(_,{onClick:()=>t(!1),children:r(`common.cancel`)}),(0,I.jsx)(_,{variant:`primary`,disabled:l.size===0,loading:s.isPending,onClick:()=>s.mutate([...l],{onSuccess:e=>{i(r(`models.sync.applied`,{count:e.applied}),`success`),t(!1),o.reset()},onError:e=>i(x(e),`error`)}),children:r(`models.sync.apply`,{count:l.size})})]}),children:[e&&!o.data&&!o.isPending&&!o.isError&&(0,I.jsx)(`div`,{className:`py-6 text-center`,children:(0,I.jsx)(_,{variant:`primary`,onClick:d,children:r(`models.sync.check`)})}),o.isPending&&(0,I.jsx)(y,{lines:4}),o.isError&&(0,I.jsx)(v,{tone:`danger`,title:r(`common.error`),children:x(o.error)}),o.data&&f.length===0&&(0,I.jsx)(v,{tone:`success`,title:r(`models.sync.none`)}),f.length>0&&(0,I.jsx)(K,{changes:f,label:e=>e.kind===`new_model`?r(`models.sync.newModel`):e.kind===`price`?r(`models.sync.price`,{key:e.priceKey??``}):r(`models.sync.field`,{field:e.field??``}),checked:l,onChange:u})]})}export{L as ModelsPage};
+import{Ba as e,In as t,Jr as n,Ua as r,V as i,Yr as a,Z as o,c as s,ct as c,d as l,en as u,h as d,l as f,n as p,nt as m,ot as h,p as g,r as _,t as v,v as y,za as b}from"./alert-0ugPccg1.js";import{a as x,i as S,o as C,r as w}from"./overlays-Dd-xCJQp.js";import{t as T}from"./cloud-download-D0cpRWOi.js";import{$ as E,B as D,D as O,G as k,M as A,N as j,U as M,h as N}from"./index-COgqKK9s.js";import{t as P}from"./checkbox-DAvFpCMa.js";var F=r(e(),1),I=b();function L(){let{t:e}=c(),n=E(),[r,i]=(0,F.useState)(``),[a,o]=(0,F.useState)(``),[l,u]=(0,F.useState)(!1),[f,p]=(0,F.useState)(!1),m=(0,F.useRef)(null),h=j(r),g=t(),b=t(h,a),S=(0,F.useMemo)(()=>[...new Set((g.data??[]).map(e=>e.vendor))].sort(),[g.data]);return A(e=>{e===`find`&&m.current?.focus()}),(0,I.jsxs)(N,{title:e(`nav.models`),subtitle:b.data?e(`models.count`,{count:b.data.length}):void 0,actions:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(d,{inputRef:m,className:`w-52`,value:r,onChange:i,placeholder:e(`models.search`)}),(0,I.jsx)(w,{value:a,onChange:o,options:[{value:``,label:e(`models.allVendors`)},...S.map(e=>({value:e,label:e}))]}),(0,I.jsx)(_,{icon:(0,I.jsx)(T,{className:`size-3.5`}),onClick:()=>p(!0),children:e(`models.sync`)}),(0,I.jsx)(_,{variant:`primary`,icon:(0,I.jsx)(D,{className:`size-3.5`}),onClick:()=>u(!0),children:e(`models.new`)})]}),children:[b.isLoading&&(0,I.jsx)(y,{lines:5}),b.isError&&(0,I.jsx)(v,{tone:`danger`,title:e(`common.error`),children:x(b.error)}),b.data?.length===0&&(0,I.jsx)(s,{icon:(0,I.jsx)(k,{className:`size-6`}),title:e(`models.empty`)}),b.data&&b.data.length>0&&(0,I.jsx)(O,{caption:e(`nav.models`),rowKey:`id`,rows:b.data.map(e=>({id:e.id,name:e.displayName,vendor:e.vendor,context:e.contextWindow??0,input:e.pricing?.base.input??0,providerPrices:e.providerPriceKeys.length,m:e})),columns:R(e,e=>n(`/models/${encodeURIComponent(e)}`))}),(0,I.jsx)(z,{open:l,onOpenChange:u,onCreated:e=>n(`/models/${encodeURIComponent(e)}`)}),(0,I.jsx)(q,{open:f,onOpenChange:p})]})}function R(e,t){return[{key:`name`,label:e(`models.col.model`),render:(n,r)=>(0,I.jsxs)(`button`,{type:`button`,className:`block w-full min-w-0 text-left`,onClick:()=>t(r.id),children:[(0,I.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,I.jsx)(`span`,{className:h(`truncate font-medium hover:text-[var(--accent)]`,!r.m.enabled&&`text-[var(--text-muted)]`),children:r.name}),r.m.source===`user`&&(0,I.jsx)(p,{tone:`accent`,children:e(`models.source.user`)}),r.m.userModifiedFields.length>0&&(0,I.jsx)(p,{tone:`orange`,children:e(`models.modified`)})]}),(0,I.jsx)(`span`,{className:`block truncate font-mono text-[11px] text-[var(--text-muted)]`,children:r.id})]})},{key:`vendor`,label:e(`models.col.vendor`),width:120},{key:`context`,label:e(`models.col.context`),numeric:!0,width:96,render:(e,t)=>i(t.m.contextWindow)},{key:`input`,label:e(`models.col.price`),numeric:!0,width:150,render:(e,t)=>{let n=t.m.pricing?.base;return n?`${o(n.input)} / ${o(n.output)}`:`—`}},{key:`providerPrices`,label:e(`models.col.providerPrices`),numeric:!0,width:130,render:(t,n)=>n.providerPrices?e(`models.providerPriceCount`,{count:n.providerPrices}):`—`}]}function z({open:e,onOpenChange:t,onCreated:n}){let{t:r}=c(),{toast:i}=C(),a=u(),[o,s]=(0,F.useState)(``),[d,p]=(0,F.useState)(``),[m,h]=(0,F.useState)(``),[v,y]=(0,F.useState)(null),[b,w]=(0,F.useState)(null),[T,E]=(0,F.useState)(null);return(0,I.jsx)(S,{open:e,onOpenChange:t,title:r(`models.new`),description:r(`models.newDetail`),footer:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_,{onClick:()=>t(!1),children:r(`common.cancel`)}),(0,I.jsx)(_,{variant:`primary`,disabled:!o.trim()||!m.trim(),loading:a.isPending,onClick:()=>a.mutate({id:o.trim(),displayName:d.trim()||o.trim(),vendor:m.trim(),contextWindow:v,pricing:b!=null||T!=null?{currency:`USD`,unit:`per_1m_tokens`,base:{input:b,output:T}}:null},{onSuccess:e=>{t(!1),s(``),p(``),n(e.id)},onError:e=>i(x(e),`error`)}),children:r(`common.create`)})]}),children:(0,I.jsxs)(`div`,{className:`grid gap-4`,children:[(0,I.jsx)(f,{label:r(`models.field.id`),hint:r(`models.field.idHint`),children:(0,I.jsx)(l,{className:`font-mono`,value:o,onChange:e=>s(e.target.value),placeholder:`my-model-1`})}),(0,I.jsxs)(`div`,{className:`grid grid-cols-2 gap-4`,children:[(0,I.jsx)(f,{label:r(`models.field.displayName`),children:(0,I.jsx)(l,{value:d,onChange:e=>p(e.target.value)})}),(0,I.jsx)(f,{label:r(`models.field.vendor`),children:(0,I.jsx)(l,{value:m,onChange:e=>h(e.target.value),placeholder:`openai`})})]}),(0,I.jsxs)(`div`,{className:`grid grid-cols-3 gap-4`,children:[(0,I.jsx)(f,{label:r(`models.field.contextWindow`),children:(0,I.jsx)(g,{value:v,onChange:y})}),(0,I.jsx)(f,{label:r(`models.field.inputPrice`),children:(0,I.jsx)(g,{value:b,onChange:w})}),(0,I.jsx)(f,{label:r(`models.field.outputPrice`),children:(0,I.jsx)(g,{value:T,onChange:E})})]})]})})}var B=e=>typeof e==`object`&&!!e&&!Array.isArray(e);function V(e,t=``,n=new Map){if(B(e)&&Object.keys(e).length>0)for(let[r,i]of Object.entries(e))V(i,t?`${t}.${r}`:r,n);else e!=null&&n.set(t,e);return n}function H(e,t){let n=V(e),r=V(t);return[...r.keys(),...[...n.keys()].filter(e=>!r.has(e))].filter(e=>JSON.stringify(n.get(e))!==JSON.stringify(r.get(e))).map(e=>({path:e.replace(/^pricing\./,``),before:n.get(e),after:r.get(e)}))}var U=e=>typeof e==`string`?e:JSON.stringify(e),W=4;function G({before:e,after:t}){let{t:n}=c(),r=H(e,t),i=r.length-W;return(0,I.jsxs)(`span`,{className:`flex w-full min-w-0 flex-col gap-0.5 font-mono text-[11px] leading-snug`,title:`${m(e)||`∅`}\n→\n${m(t)||`∅`}`,children:[r.slice(0,W).map(e=>(0,I.jsxs)(`span`,{className:`flex min-w-0 items-baseline gap-1.5 whitespace-nowrap`,children:[e.path&&(0,I.jsx)(`span`,{className:`shrink-0 text-[var(--text-secondary)]`,children:e.path}),e.before!==void 0&&(0,I.jsx)(`span`,{className:`min-w-0 truncate text-[var(--danger)] line-through opacity-80`,children:U(e.before)}),e.before!==void 0&&e.after!==void 0&&(0,I.jsx)(`span`,{className:`shrink-0 text-[var(--text-secondary)]`,children:`→`}),e.after!==void 0&&(0,I.jsx)(`span`,{className:`min-w-0 truncate text-[var(--success)]`,children:U(e.after)})]},e.path)),i>0&&(0,I.jsx)(`span`,{className:`text-[var(--text-secondary)]`,children:n(`models.sync.more`,{n:i})})]})}function K({changes:e,label:t,checked:n,onChange:r}){let{t:i}=c(),[a,o]=(0,F.useState)(new Set),s=(0,F.useMemo)(()=>{let t=new Map;for(let n of e)t.set(n.modelId,[...t.get(n.modelId)??[],n]);return[...t]},[e]),l=e=>{let t=e.filter(e=>n.has(e)).length;return t===0?!1:t===e.length||`indeterminate`},u=(e,t)=>{let i=new Set(n);for(let n of e)t?i.add(n):i.delete(n);r(i)},d=e=>o(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n}),f=e=>(0,I.jsxs)(`span`,{className:`flex min-w-0 flex-1 flex-col items-start gap-1`,children:[(0,I.jsxs)(`span`,{className:`flex flex-wrap gap-1`,children:[(0,I.jsx)(p,{tone:e.kind===`new_model`?`green`:`neutral`,children:t(e)}),e.skippedBecauseUserModified&&(0,I.jsx)(p,{tone:`orange`,children:i(`models.sync.userModified`)})]}),e.kind!==`new_model`&&(0,I.jsx)(G,{before:e.before,after:e.after})]}),m=e.map(e=>e.id);return(0,I.jsx)(`div`,{className:`card max-h-[520px] overflow-auto`,children:(0,I.jsxs)(`ul`,{className:`divide-y divide-[var(--border)]`,children:[(0,I.jsxs)(`li`,{className:`sticky top-0 z-10 flex items-center gap-3 bg-[var(--surface)] px-4 py-2`,children:[(0,I.jsx)(P,{checked:l(m),onCheckedChange:e=>u(m,e!==!1),"aria-label":i(`models.sync.selectAll`)}),(0,I.jsx)(`span`,{className:`text-[11px] text-[var(--text-muted)]`,children:i(`models.sync.selectedOf`,{n:n.size,total:m.length,models:s.length})})]}),s.map(([e,r])=>{let o=r.map(e=>e.id),s=r.length===1?r[0]:void 0,c=!a.has(e);return(0,I.jsxs)(`li`,{className:`px-4 py-2.5`,children:[(0,I.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,I.jsx)(P,{checked:l(o),onCheckedChange:e=>u(o,e!==!1),"aria-label":e,className:`mt-0.5`}),(0,I.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-1.5`,children:[s?(0,I.jsx)(`span`,{className:`truncate font-mono text-[12px] font-medium`,title:e,children:e}):(0,I.jsxs)(`button`,{type:`button`,className:`flex min-w-0 items-center gap-1 text-left`,"aria-expanded":c,onClick:()=>d(e),children:[(0,I.jsx)(M,{className:h(`size-3.5 shrink-0 text-[var(--text-muted)] transition-transform`,c&&`rotate-90`)}),(0,I.jsx)(`span`,{className:`truncate font-mono text-[12px] font-medium`,title:e,children:e}),(0,I.jsx)(`span`,{className:`ml-auto shrink-0 pl-2 text-[11px] text-[var(--text-muted)]`,children:i(`models.sync.groupCount`,{n:r.length})})]}),s&&f(s)]})]}),!s&&c&&(0,I.jsx)(`ul`,{className:`mt-2 ml-7 flex flex-col gap-2 border-l border-[var(--border)] pl-3`,children:r.map(r=>(0,I.jsxs)(`li`,{className:`flex items-start gap-3`,children:[(0,I.jsx)(P,{checked:n.has(r.id),onCheckedChange:e=>u([r.id],e!==!1),"aria-label":`${e} ${t(r)}`,className:`mt-0.5`}),f(r)]},r.id))})]},e)})]})})}function q({open:e,onOpenChange:t}){let{t:r}=c(),{toast:i}=C(),o=a(),s=n(),[l,u]=(0,F.useState)(new Set),d=()=>o.mutate(void 0,{onSuccess:e=>u(new Set(e.changes.filter(e=>!e.skippedBecauseUserModified).map(e=>e.id)))}),f=o.data?.changes??[];return(0,I.jsxs)(S,{open:e,onOpenChange:e=>{t(e),e&&!o.data&&d()},width:720,title:r(`models.sync`),description:r(`models.syncDetail`),footer:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_,{className:`mr-auto`,variant:`plain`,onClick:d,loading:o.isPending,children:r(`common.refresh`)}),(0,I.jsx)(_,{onClick:()=>t(!1),children:r(`common.cancel`)}),(0,I.jsx)(_,{variant:`primary`,disabled:l.size===0,loading:s.isPending,onClick:()=>s.mutate([...l],{onSuccess:e=>{i(r(`models.sync.applied`,{count:e.applied}),`success`),t(!1),o.reset()},onError:e=>i(x(e),`error`)}),children:r(`models.sync.apply`,{count:l.size})})]}),children:[e&&!o.data&&!o.isPending&&!o.isError&&(0,I.jsx)(`div`,{className:`py-6 text-center`,children:(0,I.jsx)(_,{variant:`primary`,onClick:d,children:r(`models.sync.check`)})}),o.isPending&&(0,I.jsx)(y,{lines:4}),o.isError&&(0,I.jsx)(v,{tone:`danger`,title:r(`common.error`),children:x(o.error)}),o.data&&f.length===0&&(0,I.jsx)(v,{tone:`success`,title:r(`models.sync.none`)}),f.length>0&&(0,I.jsx)(K,{changes:f,label:e=>e.kind===`new_model`?r(`models.sync.newModel`):e.kind===`price`?r(`models.sync.price`,{key:e.priceKey??``}):r(`models.sync.field`,{field:e.field??``}),checked:l,onChange:u})]})}export{L as ModelsPage};

package/bin/wwwroot/assets/{PluginsPage-CGYvvJ4L.js → PluginsPage-Dwqhs5tw.js}

@@ -1,2 +1,2 @@
-import{Ba as e,Gn as t,H as n,Hn as r,Ln as i,Nt as a,On as o,Pn as s,Tn as c,Ua as l,Un as u,Vn as d,Yn as f,Zn as p,_ as m,b as h,bt as g,c as _,ct as v,d as y,f as b,gi as x,gr as S,h as C,hr as w,i as T,l as E,mt as D,n as O,ot as k,r as A,t as j,v as M,xt as N,y as P,za as ee}from"./alert-Clz2DftU.js";import{a as F,i as I,n as te,o as L}from"./overlays-UV1fYmtB.js";import{t as ne}from"./arrow-down-D4v2aNc0.js";import{t as re}from"./download-1kPyvAIz.js";import{t as ie}from"./ellipsis-Dzh8eeEb.js";import{t as ae}from"./external-link-CP_HY9s9.js";import{$ as R,B as oe,C as se,E as z,I as ce,P as le,T as B,Y as V,et as H,h as U,q as ue,tt as de,w as W,x as fe,z as G}from"./index-LdSd2gU7.js";var K={name:`settings-2`,size:24,node:[[`path`,{d:`M14 17H5`,key:`gfn3mx`}],[`path`,{d:`M19 7h-9`,key:`6i9tg`}],[`circle`,{cx:`17`,cy:`17`,r:`3`,key:`18b49y`}],[`circle`,{cx:`7`,cy:`7`,r:`3`,key:`dfmy0x`}]]};K.node;var pe=N(K),q=l(e(),1),J=ee(),me=/^(?:(?:@[a-z0-9][a-z0-9._~-]*\/)?[a-z0-9][a-z0-9._~-]*|github:[A-Za-z0-9_.-]+\/[A-Za-z0-9_.-]+)$/,Y={provider:`plugins.kind.provider`,middleware:`plugins.kind.middleware`,agent:`plugins.kind.agent`,pi:`plugins.kind.pi`},he={provider:`neutral`,middleware:`accent`,agent:`green`,pi:`orange`};function X({name:e,icon:t,kind:n,size:r=32}){let i=Math.round(r*.28);return t&&/^(https:|data:image\/)/i.test(t)?(0,J.jsx)(`img`,{src:t,alt:``,width:r,height:r,className:`shrink-0 object-contain`,style:{borderRadius:i},draggable:!1}):n===`middleware`||n===`agent`?(0,J.jsx)(`span`,{"aria-hidden":!0,className:`inline-flex shrink-0 items-center justify-center text-white`,style:{width:r,height:r,borderRadius:i,background:n===`middleware`?`#0a84ff`:`#30b0a0`},children:(0,J.jsx)(n===`middleware`?ce:V,{className:`size-[55%]`,strokeWidth:1.75})}):(0,J.jsx)(fe,{name:e,icon:t,size:r})}function Z(){let{t:e}=v(),t=R(),{tab:n}=H(),r=n===`market`||n===`runtime`?n:`installed`,i=f(),a=x(),{toast:o}=L(),[s,c]=(0,q.useState)(!1),[l,u]=(0,q.useState)(!1),[d,p]=(0,q.useState)(null);return(0,J.jsxs)(U,{title:e(`nav.plugins`),subtitle:e(`plugins.subtitle`),actions:(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(A,{icon:(0,J.jsx)(G,{className:`size-3.5`}),onClick:()=>a.mutate(void 0,{onSuccess:e=>p(e.id),onError:e=>o(F(e),`error`)}),disabled:!i.data?.plugins.length,children:e(`plugins.updateAll`)}),(0,J.jsx)(A,{variant:`primary`,icon:(0,J.jsx)(oe,{className:`size-3.5`}),onClick:()=>c(!0),children:e(`plugins.add`)})]}),children:[(0,J.jsxs)(`div`,{className:`mx-auto flex max-w-[1100px] flex-col`,children:[i.data?.off&&(0,J.jsx)(j,{className:`mb-4`,tone:`warning`,title:e(`plugins.off`),children:e(`plugins.offDetail`)}),(0,J.jsxs)(se,{value:r,onValueChange:e=>t(e===`installed`?`/plugins`:`/plugins/${e}`,{replace:!0}),children:[(0,J.jsxs)(B,{"aria-label":e(`nav.plugins`),children:[(0,J.jsxs)(z,{value:`installed`,children:[e(`plugins.tab.installed`),i.data&&i.data.plugins.length>0&&(0,J.jsx)(`span`,{className:`ml-1.5 tabular-nums opacity-60`,children:i.data.plugins.length})]}),(0,J.jsx)(z,{value:`market`,children:e(`plugins.tab.market`)}),(0,J.jsx)(z,{value:`runtime`,children:e(`plugins.tab.runtime`)})]}),(0,J.jsxs)(W,{value:`installed`,className:`pt-1`,children:[i.isLoading&&(0,J.jsx)(M,{lines:4}),i.isError&&(0,J.jsx)(j,{tone:`danger`,title:e(`common.error`),children:F(i.error)}),i.data&&(0,J.jsx)(ge,{plugins:i.data.plugins,preferences:i.data.preferences,onJob:p,onBrowse:()=>t(`/plugins/market`),onImport:()=>u(!0)})]}),(0,J.jsx)(W,{value:`market`,className:`pt-1`,children:(0,J.jsx)(Se,{installed:i.data?.plugins??[],onJob:p})}),(0,J.jsx)(W,{value:`runtime`,className:`pt-1`,children:(0,J.jsx)(Ce,{onJob:p})})]})]}),(0,J.jsx)(ye,{open:s,onOpenChange:c,onJob:p}),(0,J.jsx)(be,{open:l,onOpenChange:u,onJob:p}),(0,J.jsx)(xe,{id:d,onClose:()=>p(null)})]})}function ge({plugins:e,preferences:t,onJob:n,onBrowse:r,onImport:i}){let{t:a}=v(),o=d(e.some(e=>e.kinds.includes(`provider`)||e.kinds.includes(`pi`))),c=s(),l=S(),{toast:u}=L(),f=!!(c.data?.found&&c.data.plugins.some(e=>!e.installed))&&(0,J.jsxs)(`div`,{className:`card flex flex-wrap items-center gap-3 p-4`,children:[(0,J.jsx)(`span`,{className:`min-w-0 flex-1 text-[13px]`,children:a(`plugins.magpie.banner`,{count:c.data.plugins.filter(e=>!e.installed).length})}),(0,J.jsx)(A,{size:`sm`,icon:(0,J.jsx)(re,{className:`size-3.5`}),onClick:i,children:a(`plugins.magpie.import`)})]});if(e.length===0)return(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[f,(0,J.jsx)(`div`,{className:`card p-6`,children:(0,J.jsx)(_,{icon:(0,J.jsx)(D,{className:`size-6`}),title:a(`plugins.empty`),detail:a(`plugins.emptyDetail`),action:(0,J.jsx)(A,{variant:`primary`,onClick:r,children:a(`plugins.browseMarket`)})})})]});let p=(t,n)=>{let r=e.map(e=>e.spec),[i]=r.splice(t,1);r.splice(t+n,0,i),l.mutate(r,{onError:e=>u(F(e),`error`)})};return(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[f,(0,J.jsx)(`div`,{className:`card divide-y divide-[var(--border-subtle)] p-0`,children:e.map((r,i)=>(0,J.jsx)(_e,{plugin:r,host:o.data,preferences:t,onJob:n,onUp:i>0?()=>p(i,-1):void 0,onDown:i<e.length-1?()=>p(i,1):void 0},r.spec))}),e.some(e=>e.middleware)&&(0,J.jsx)(`p`,{className:`px-1 text-[12px] text-[var(--text-muted)]`,children:a(`plugins.orderHint`)})]})}function _e({plugin:e,host:t,preferences:n,onJob:r,onUp:a,onDown:o}){let{t:s}=v(),c=R(),{toast:l,confirm:u}=L(),d=i(),f=x(),m=w(),h=p(),[g,_]=(0,q.useState)(!1),y=t?.plugins.find(t=>t.spec===e.spec),b=e.middleware,S=e.kinds[0]??`provider`,C=async()=>{await u({title:s(`plugins.removeConfirm`,{name:e.shortName}),detail:s(`plugins.removeDetail`),confirmLabel:s(`common.delete`),destructive:!0})&&m.mutate(e.spec,{onSuccess:e=>r(e.id),onError:e=>l(F(e),`error`)})},T=[];return b&&!b.error&&T.push((0,J.jsxs)(Q,{label:s(`plugins.kind.middleware`),children:[s(`plugins.mw.stats`,{hooks:b.hooks.join(`, `),calls:b.calls,micros:b.avgMicros.toFixed(1),failures:b.failures}),b.lastError&&(0,J.jsx)(`span`,{className:`block text-[var(--danger)]`,children:s(`plugins.mw.lastError`,{error:b.lastError})})]},`mw`)),e.agent?.kind&&T.push((0,J.jsx)(Q,{label:s(`plugins.kind.agent`),children:(0,J.jsx)(`button`,{type:`button`,className:`text-[var(--accent)] underline-offset-2 hover:underline`,onClick:()=>c(`/clients/${e.agent.kind}`),children:s(`plugins.agent.adds`,{name:e.agent.name??e.agent.id??``})})},`agent`)),y&&y.provides.length>0&&T.push((0,J.jsxs)(Q,{label:s(`plugins.kind.provider`),children:[(0,J.jsx)(`span`,{children:s(`plugins.provides`,{providers:y.provides.join(`, `)})}),(0,J.jsx)(`button`,{type:`button`,className:`ml-2 text-[var(--accent)] underline-offset-2 hover:underline`,onClick:()=>c(`/providers`),children:s(`plugins.openProviders`)}),Object.entries(y.servedBy).map(([t,n])=>(0,J.jsxs)(`span`,{className:`mt-1 flex flex-wrap items-center gap-2 text-[var(--warning)]`,children:[s(`plugins.servedBy`,{provider:t,other:n}),(0,J.jsx)(A,{size:`sm`,onClick:()=>h.mutate({spec:e.spec,provider:t},{onError:e=>l(F(e),`error`)}),children:s(`plugins.useFor`,{provider:t})})]},t)),y.provides.some(t=>n[t]===e.spec)&&(0,J.jsx)(`span`,{className:`block text-[var(--text-muted)]`,children:s(`plugins.picked`)})]},`provides`)),(0,J.jsxs)(`article`,{className:k(`flex gap-3 px-4 py-3.5`,!e.enabled&&`opacity-70`),children:[(0,J.jsx)(`div`,{className:k(`pt-0.5`,!e.enabled&&`grayscale`),children:(0,J.jsx)(X,{name:e.shortName,icon:e.icon,kind:S})}),(0,J.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-2`,children:[(0,J.jsxs)(`div`,{className:`flex flex-wrap items-start gap-x-3 gap-y-1`,children:[(0,J.jsxs)(`div`,{className:`flex min-w-0 flex-1 basis-56 flex-col`,children:[(0,J.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,J.jsx)(`span`,{className:`truncate text-[14px] font-medium`,children:e.shortName}),e.version&&(0,J.jsxs)(`span`,{className:`font-mono text-[11px] text-[var(--text-muted)]`,children:[`v`,e.version]}),e.kinds.map(e=>(0,J.jsx)(O,{tone:he[e],children:s(Y[e])},e)),e.isPath&&(0,J.jsx)(O,{tone:`orange`,children:s(`plugins.local`)})]}),(0,J.jsx)(`span`,{className:`truncate font-mono text-[11px] text-[var(--text-muted)]`,title:e.spec,children:e.spec})]}),(0,J.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,children:[b&&(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(A,{size:`sm`,variant:`plain`,"aria-label":s(`plugins.moveUp`),title:s(`plugins.moveUp`),disabled:!a,onClick:a,icon:(0,J.jsx)(ue,{className:`size-3.5`})}),(0,J.jsx)(A,{size:`sm`,variant:`plain`,"aria-label":s(`plugins.moveDown`),title:s(`plugins.moveDown`),disabled:!o,onClick:o,icon:(0,J.jsx)(ne,{className:`size-3.5`})})]}),(0,J.jsx)(P,{checked:e.enabled,label:s(`plugins.enabled`),onChange:t=>d.mutate({spec:e.spec,enabled:t},{onError:e=>l(F(e),`error`)})}),(0,J.jsx)(te,{label:s(`common.more`),iconOnly:!0,icon:(0,J.jsx)(ie,{className:`size-4`}),items:[{id:`options`,label:s(`plugins.options`),icon:(0,J.jsx)(pe,{className:`size-3.5`}),onSelect:()=>_(!0)},...e.isPath?[]:[{id:`update`,label:s(`plugins.update`),icon:(0,J.jsx)(G,{className:`size-3.5`}),onSelect:()=>f.mutate(e.spec,{onSuccess:e=>r(e.id),onError:e=>l(F(e),`error`)})}],{id:`remove`,label:s(`common.delete`),icon:(0,J.jsx)(le,{className:`size-3.5`}),destructive:!0,separatorBefore:!0,onSelect:()=>void C()}]})]})]}),e.error&&(0,J.jsx)(j,{tone:`danger`,title:s(`plugins.cantLoad`),children:e.error}),y?.error&&(0,J.jsx)(j,{tone:`danger`,title:s(`plugins.hostCantLoad`),children:y.error}),b?.error&&(0,J.jsx)(j,{tone:`danger`,title:s(`plugins.cantLoad`),children:s(`plugins.mw.error`,{error:b.error})}),e.agent?.error&&(0,J.jsx)(j,{tone:`danger`,title:s(`plugins.cantLoad`),children:s(`plugins.agent.error`,{error:e.agent.error})}),T.length>0&&(0,J.jsx)(`div`,{className:`flex flex-col gap-1.5 rounded-lg bg-[var(--surface-muted)] px-3 py-2`,children:T})]}),(0,J.jsx)(ve,{plugin:e,open:g,onOpenChange:_})]})}function Q({label:e,children:t}){return(0,J.jsxs)(`div`,{className:`flex gap-3 text-[12px]`,children:[(0,J.jsx)(`span`,{className:`w-14 shrink-0 text-[var(--text-muted)]`,children:e}),(0,J.jsx)(`div`,{className:`min-w-0 flex-1 text-[var(--text-secondary)]`,children:t})]})}function ve({plugin:e,open:t,onOpenChange:n}){let{t:r}=v(),{toast:a}=L(),o=i(),[s,c]=(0,q.useState)(``),[l,u]=(0,q.useState)(null);(0,q.useEffect)(()=>{t&&(c(JSON.stringify(e.options??e.optionsExample??{},null,2)),u(null))},[t,e.options,e.optionsExample]);let d=t=>o.mutate({spec:e.spec,options:t},{onSuccess:()=>(a(r(`plugins.optionsSaved`)),n(!1)),onError:e=>a(F(e),`error`)});return(0,J.jsxs)(I,{open:t,onOpenChange:n,title:r(`plugins.optionsTitle`,{name:e.shortName}),description:e.options?void 0:e.optionsExample?r(`plugins.optionsExample`):r(`plugins.optionsNone`),width:560,footer:(0,J.jsxs)(J.Fragment,{children:[e.options&&(0,J.jsx)(A,{onClick:()=>d(null),children:r(`plugins.optionsClear`)}),(0,J.jsx)(A,{variant:`primary`,onClick:()=>{try{let e=JSON.parse(s||`{}`);if(typeof e!=`object`||!e||Array.isArray(e))throw Error(r(`plugins.optionsObject`));d(e)}catch(e){u(e instanceof Error?e.message:String(e))}},disabled:o.isPending,children:r(`common.save`)})]}),children:[(0,J.jsx)(h,{mono:!0,rows:14,value:s,invalid:!!l,onChange:e=>(c(e.target.value),u(null)),label:r(`plugins.options`)}),l&&(0,J.jsx)(`p`,{className:`mt-2 text-[12px] text-[var(--danger)]`,children:l})]})}function ye({open:e,onOpenChange:t,onJob:n}){let{t:r}=v(),{toast:i}=L(),o=a(),[s,c]=(0,q.useState)(``);return(0,q.useEffect)(()=>{e&&c(``)},[e]),(0,J.jsxs)(I,{open:e,onOpenChange:t,title:r(`plugins.addTitle`),description:r(`plugins.addDetail`),footer:(0,J.jsx)(A,{variant:`primary`,disabled:!s.trim()||o.isPending,onClick:()=>o.mutate({spec:s.trim()},{onSuccess:e=>(n(e.id),t(!1)),onError:e=>i(F(e),`error`)}),children:r(`plugins.install`)}),children:[(0,J.jsx)(E,{label:r(`plugins.spec`),hint:r(`plugins.specHint`),children:(0,J.jsx)(y,{mono:!0,value:s,onChange:e=>c(e.target.value),placeholder:`@astragate-community/middleware-word-guard`,autoFocus:!0})}),(0,J.jsx)(j,{tone:`warning`,title:r(`plugins.trustTitle`),className:`mt-4`,children:r(`plugins.trustDetail`)})]})}function be({open:e,onOpenChange:t,onJob:n}){let{t:r}=v(),{toast:i}=L(),a=s(e),o=c(),[l,u]=(0,q.useState)(!1),d=a.data;return(0,J.jsxs)(I,{open:e,onOpenChange:t,title:r(`plugins.magpie.title`),description:d?.path,width:560,footer:(0,J.jsx)(A,{variant:`primary`,disabled:!d?.found||o.isPending,onClick:()=>o.mutate(l,{onSuccess:e=>(n(e.id),t(!1)),onError:e=>i(F(e),`error`)}),children:r(`plugins.magpie.import`)}),children:[a.isLoading&&(0,J.jsx)(M,{lines:3}),d?.error&&(0,J.jsx)(j,{tone:`danger`,title:r(`common.error`),children:d.error}),d&&(0,J.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,J.jsx)(`div`,{className:`card divide-y divide-[var(--border-subtle)] p-0`,children:d.plugins.map(e=>(0,J.jsxs)(`div`,{className:`flex items-center gap-2 px-3 py-2 text-[12px]`,children:[(0,J.jsx)(`span`,{className:`min-w-0 flex-1 truncate font-mono`,children:e.spec}),e.off&&(0,J.jsx)(O,{children:r(`plugins.magpie.off`)}),e.hasOptions&&(0,J.jsx)(O,{tone:`accent`,children:r(`plugins.options`)}),e.installed&&(0,J.jsx)(O,{tone:`green`,children:r(`plugins.installed`)})]},e.spec))}),d.signIns>0&&(0,J.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,J.jsx)(P,{checked:l,onChange:u,label:r(`plugins.magpie.signIns`,{count:d.signIns})}),(0,J.jsx)(`p`,{className:`text-[12px] text-[var(--text-secondary)]`,children:r(`plugins.magpie.signInsDetail`)})]})]})]})}function xe({id:e,onClose:t}){let{t:n}=v(),i=r(e).data;return(0,J.jsxs)(I,{open:!!e,onOpenChange:e=>!e&&t(),title:n(`plugins.job.title`),description:i?n(i.state===`running`?`plugins.job.running`:i.state===`succeeded`?`plugins.job.done`:`plugins.job.failed`,{target:i.target}):void 0,width:620,footer:(0,J.jsx)(A,{onClick:t,children:n(`common.close`)}),children:[!i&&(0,J.jsx)(M,{lines:3}),i&&(0,J.jsx)(T,{language:`text`,children:i.log.length?i.log.join(`
+import{Ba as e,Gn as t,H as n,Hn as r,Ln as i,Nt as a,On as o,Pn as s,Tn as c,Ua as l,Un as u,Vn as d,Yn as f,Zn as p,_ as m,b as h,bt as g,c as _,ct as v,d as y,f as b,gi as x,gr as S,h as C,hr as w,i as T,l as E,mt as D,n as O,ot as k,r as A,t as j,v as M,xt as N,y as P,za as ee}from"./alert-0ugPccg1.js";import{a as F,i as I,n as te,o as L}from"./overlays-Dd-xCJQp.js";import{t as ne}from"./arrow-down-BzJcdsh0.js";import{t as re}from"./download-DZCHLDt2.js";import{t as ie}from"./ellipsis-CdooFypb.js";import{t as ae}from"./external-link-CS7Gd3Z_.js";import{$ as R,B as oe,C as se,E as z,I as ce,P as le,T as B,Y as V,et as H,h as U,q as ue,tt as de,w as W,x as fe,z as G}from"./index-COgqKK9s.js";var K={name:`settings-2`,size:24,node:[[`path`,{d:`M14 17H5`,key:`gfn3mx`}],[`path`,{d:`M19 7h-9`,key:`6i9tg`}],[`circle`,{cx:`17`,cy:`17`,r:`3`,key:`18b49y`}],[`circle`,{cx:`7`,cy:`7`,r:`3`,key:`dfmy0x`}]]};K.node;var pe=N(K),q=l(e(),1),J=ee(),me=/^(?:(?:@[a-z0-9][a-z0-9._~-]*\/)?[a-z0-9][a-z0-9._~-]*|github:[A-Za-z0-9_.-]+\/[A-Za-z0-9_.-]+)$/,Y={provider:`plugins.kind.provider`,middleware:`plugins.kind.middleware`,agent:`plugins.kind.agent`,pi:`plugins.kind.pi`},he={provider:`neutral`,middleware:`accent`,agent:`green`,pi:`orange`};function X({name:e,icon:t,kind:n,size:r=32}){let i=Math.round(r*.28);return t&&/^(https:|data:image\/)/i.test(t)?(0,J.jsx)(`img`,{src:t,alt:``,width:r,height:r,className:`shrink-0 object-contain`,style:{borderRadius:i},draggable:!1}):n===`middleware`||n===`agent`?(0,J.jsx)(`span`,{"aria-hidden":!0,className:`inline-flex shrink-0 items-center justify-center text-white`,style:{width:r,height:r,borderRadius:i,background:n===`middleware`?`#0a84ff`:`#30b0a0`},children:(0,J.jsx)(n===`middleware`?ce:V,{className:`size-[55%]`,strokeWidth:1.75})}):(0,J.jsx)(fe,{name:e,icon:t,size:r})}function Z(){let{t:e}=v(),t=R(),{tab:n}=H(),r=n===`market`||n===`runtime`?n:`installed`,i=f(),a=x(),{toast:o}=L(),[s,c]=(0,q.useState)(!1),[l,u]=(0,q.useState)(!1),[d,p]=(0,q.useState)(null);return(0,J.jsxs)(U,{title:e(`nav.plugins`),subtitle:e(`plugins.subtitle`),actions:(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(A,{icon:(0,J.jsx)(G,{className:`size-3.5`}),onClick:()=>a.mutate(void 0,{onSuccess:e=>p(e.id),onError:e=>o(F(e),`error`)}),disabled:!i.data?.plugins.length,children:e(`plugins.updateAll`)}),(0,J.jsx)(A,{variant:`primary`,icon:(0,J.jsx)(oe,{className:`size-3.5`}),onClick:()=>c(!0),children:e(`plugins.add`)})]}),children:[(0,J.jsxs)(`div`,{className:`mx-auto flex max-w-[1100px] flex-col`,children:[i.data?.off&&(0,J.jsx)(j,{className:`mb-4`,tone:`warning`,title:e(`plugins.off`),children:e(`plugins.offDetail`)}),(0,J.jsxs)(se,{value:r,onValueChange:e=>t(e===`installed`?`/plugins`:`/plugins/${e}`,{replace:!0}),children:[(0,J.jsxs)(B,{"aria-label":e(`nav.plugins`),children:[(0,J.jsxs)(z,{value:`installed`,children:[e(`plugins.tab.installed`),i.data&&i.data.plugins.length>0&&(0,J.jsx)(`span`,{className:`ml-1.5 tabular-nums opacity-60`,children:i.data.plugins.length})]}),(0,J.jsx)(z,{value:`market`,children:e(`plugins.tab.market`)}),(0,J.jsx)(z,{value:`runtime`,children:e(`plugins.tab.runtime`)})]}),(0,J.jsxs)(W,{value:`installed`,className:`pt-1`,children:[i.isLoading&&(0,J.jsx)(M,{lines:4}),i.isError&&(0,J.jsx)(j,{tone:`danger`,title:e(`common.error`),children:F(i.error)}),i.data&&(0,J.jsx)(ge,{plugins:i.data.plugins,preferences:i.data.preferences,onJob:p,onBrowse:()=>t(`/plugins/market`),onImport:()=>u(!0)})]}),(0,J.jsx)(W,{value:`market`,className:`pt-1`,children:(0,J.jsx)(Se,{installed:i.data?.plugins??[],onJob:p})}),(0,J.jsx)(W,{value:`runtime`,className:`pt-1`,children:(0,J.jsx)(Ce,{onJob:p})})]})]}),(0,J.jsx)(ye,{open:s,onOpenChange:c,onJob:p}),(0,J.jsx)(be,{open:l,onOpenChange:u,onJob:p}),(0,J.jsx)(xe,{id:d,onClose:()=>p(null)})]})}function ge({plugins:e,preferences:t,onJob:n,onBrowse:r,onImport:i}){let{t:a}=v(),o=d(e.some(e=>e.kinds.includes(`provider`)||e.kinds.includes(`pi`))),c=s(),l=S(),{toast:u}=L(),f=!!(c.data?.found&&c.data.plugins.some(e=>!e.installed))&&(0,J.jsxs)(`div`,{className:`card flex flex-wrap items-center gap-3 p-4`,children:[(0,J.jsx)(`span`,{className:`min-w-0 flex-1 text-[13px]`,children:a(`plugins.magpie.banner`,{count:c.data.plugins.filter(e=>!e.installed).length})}),(0,J.jsx)(A,{size:`sm`,icon:(0,J.jsx)(re,{className:`size-3.5`}),onClick:i,children:a(`plugins.magpie.import`)})]});if(e.length===0)return(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[f,(0,J.jsx)(`div`,{className:`card p-6`,children:(0,J.jsx)(_,{icon:(0,J.jsx)(D,{className:`size-6`}),title:a(`plugins.empty`),detail:a(`plugins.emptyDetail`),action:(0,J.jsx)(A,{variant:`primary`,onClick:r,children:a(`plugins.browseMarket`)})})})]});let p=(t,n)=>{let r=e.map(e=>e.spec),[i]=r.splice(t,1);r.splice(t+n,0,i),l.mutate(r,{onError:e=>u(F(e),`error`)})};return(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[f,(0,J.jsx)(`div`,{className:`card divide-y divide-[var(--border-subtle)] p-0`,children:e.map((r,i)=>(0,J.jsx)(_e,{plugin:r,host:o.data,preferences:t,onJob:n,onUp:i>0?()=>p(i,-1):void 0,onDown:i<e.length-1?()=>p(i,1):void 0},r.spec))}),e.some(e=>e.middleware)&&(0,J.jsx)(`p`,{className:`px-1 text-[12px] text-[var(--text-muted)]`,children:a(`plugins.orderHint`)})]})}function _e({plugin:e,host:t,preferences:n,onJob:r,onUp:a,onDown:o}){let{t:s}=v(),c=R(),{toast:l,confirm:u}=L(),d=i(),f=x(),m=w(),h=p(),[g,_]=(0,q.useState)(!1),y=t?.plugins.find(t=>t.spec===e.spec),b=e.middleware,S=e.kinds[0]??`provider`,C=async()=>{await u({title:s(`plugins.removeConfirm`,{name:e.shortName}),detail:s(`plugins.removeDetail`),confirmLabel:s(`common.delete`),destructive:!0})&&m.mutate(e.spec,{onSuccess:e=>r(e.id),onError:e=>l(F(e),`error`)})},T=[];return b&&!b.error&&T.push((0,J.jsxs)(Q,{label:s(`plugins.kind.middleware`),children:[s(`plugins.mw.stats`,{hooks:b.hooks.join(`, `),calls:b.calls,micros:b.avgMicros.toFixed(1),failures:b.failures}),b.lastError&&(0,J.jsx)(`span`,{className:`block text-[var(--danger)]`,children:s(`plugins.mw.lastError`,{error:b.lastError})})]},`mw`)),e.agent?.kind&&T.push((0,J.jsx)(Q,{label:s(`plugins.kind.agent`),children:(0,J.jsx)(`button`,{type:`button`,className:`text-[var(--accent)] underline-offset-2 hover:underline`,onClick:()=>c(`/clients/${e.agent.kind}`),children:s(`plugins.agent.adds`,{name:e.agent.name??e.agent.id??``})})},`agent`)),y&&y.provides.length>0&&T.push((0,J.jsxs)(Q,{label:s(`plugins.kind.provider`),children:[(0,J.jsx)(`span`,{children:s(`plugins.provides`,{providers:y.provides.join(`, `)})}),(0,J.jsx)(`button`,{type:`button`,className:`ml-2 text-[var(--accent)] underline-offset-2 hover:underline`,onClick:()=>c(`/providers`),children:s(`plugins.openProviders`)}),Object.entries(y.servedBy).map(([t,n])=>(0,J.jsxs)(`span`,{className:`mt-1 flex flex-wrap items-center gap-2 text-[var(--warning)]`,children:[s(`plugins.servedBy`,{provider:t,other:n}),(0,J.jsx)(A,{size:`sm`,onClick:()=>h.mutate({spec:e.spec,provider:t},{onError:e=>l(F(e),`error`)}),children:s(`plugins.useFor`,{provider:t})})]},t)),y.provides.some(t=>n[t]===e.spec)&&(0,J.jsx)(`span`,{className:`block text-[var(--text-muted)]`,children:s(`plugins.picked`)})]},`provides`)),(0,J.jsxs)(`article`,{className:k(`flex gap-3 px-4 py-3.5`,!e.enabled&&`opacity-70`),children:[(0,J.jsx)(`div`,{className:k(`pt-0.5`,!e.enabled&&`grayscale`),children:(0,J.jsx)(X,{name:e.shortName,icon:e.icon,kind:S})}),(0,J.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-2`,children:[(0,J.jsxs)(`div`,{className:`flex flex-wrap items-start gap-x-3 gap-y-1`,children:[(0,J.jsxs)(`div`,{className:`flex min-w-0 flex-1 basis-56 flex-col`,children:[(0,J.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,J.jsx)(`span`,{className:`truncate text-[14px] font-medium`,children:e.shortName}),e.version&&(0,J.jsxs)(`span`,{className:`font-mono text-[11px] text-[var(--text-muted)]`,children:[`v`,e.version]}),e.kinds.map(e=>(0,J.jsx)(O,{tone:he[e],children:s(Y[e])},e)),e.isPath&&(0,J.jsx)(O,{tone:`orange`,children:s(`plugins.local`)})]}),(0,J.jsx)(`span`,{className:`truncate font-mono text-[11px] text-[var(--text-muted)]`,title:e.spec,children:e.spec})]}),(0,J.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,children:[b&&(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(A,{size:`sm`,variant:`plain`,"aria-label":s(`plugins.moveUp`),title:s(`plugins.moveUp`),disabled:!a,onClick:a,icon:(0,J.jsx)(ue,{className:`size-3.5`})}),(0,J.jsx)(A,{size:`sm`,variant:`plain`,"aria-label":s(`plugins.moveDown`),title:s(`plugins.moveDown`),disabled:!o,onClick:o,icon:(0,J.jsx)(ne,{className:`size-3.5`})})]}),(0,J.jsx)(P,{checked:e.enabled,label:s(`plugins.enabled`),onChange:t=>d.mutate({spec:e.spec,enabled:t},{onError:e=>l(F(e),`error`)})}),(0,J.jsx)(te,{label:s(`common.more`),iconOnly:!0,icon:(0,J.jsx)(ie,{className:`size-4`}),items:[{id:`options`,label:s(`plugins.options`),icon:(0,J.jsx)(pe,{className:`size-3.5`}),onSelect:()=>_(!0)},...e.isPath?[]:[{id:`update`,label:s(`plugins.update`),icon:(0,J.jsx)(G,{className:`size-3.5`}),onSelect:()=>f.mutate(e.spec,{onSuccess:e=>r(e.id),onError:e=>l(F(e),`error`)})}],{id:`remove`,label:s(`common.delete`),icon:(0,J.jsx)(le,{className:`size-3.5`}),destructive:!0,separatorBefore:!0,onSelect:()=>void C()}]})]})]}),e.error&&(0,J.jsx)(j,{tone:`danger`,title:s(`plugins.cantLoad`),children:e.error}),y?.error&&(0,J.jsx)(j,{tone:`danger`,title:s(`plugins.hostCantLoad`),children:y.error}),b?.error&&(0,J.jsx)(j,{tone:`danger`,title:s(`plugins.cantLoad`),children:s(`plugins.mw.error`,{error:b.error})}),e.agent?.error&&(0,J.jsx)(j,{tone:`danger`,title:s(`plugins.cantLoad`),children:s(`plugins.agent.error`,{error:e.agent.error})}),T.length>0&&(0,J.jsx)(`div`,{className:`flex flex-col gap-1.5 rounded-lg bg-[var(--surface-muted)] px-3 py-2`,children:T})]}),(0,J.jsx)(ve,{plugin:e,open:g,onOpenChange:_})]})}function Q({label:e,children:t}){return(0,J.jsxs)(`div`,{className:`flex gap-3 text-[12px]`,children:[(0,J.jsx)(`span`,{className:`w-14 shrink-0 text-[var(--text-muted)]`,children:e}),(0,J.jsx)(`div`,{className:`min-w-0 flex-1 text-[var(--text-secondary)]`,children:t})]})}function ve({plugin:e,open:t,onOpenChange:n}){let{t:r}=v(),{toast:a}=L(),o=i(),[s,c]=(0,q.useState)(``),[l,u]=(0,q.useState)(null);(0,q.useEffect)(()=>{t&&(c(JSON.stringify(e.options??e.optionsExample??{},null,2)),u(null))},[t,e.options,e.optionsExample]);let d=t=>o.mutate({spec:e.spec,options:t},{onSuccess:()=>(a(r(`plugins.optionsSaved`)),n(!1)),onError:e=>a(F(e),`error`)});return(0,J.jsxs)(I,{open:t,onOpenChange:n,title:r(`plugins.optionsTitle`,{name:e.shortName}),description:e.options?void 0:e.optionsExample?r(`plugins.optionsExample`):r(`plugins.optionsNone`),width:560,footer:(0,J.jsxs)(J.Fragment,{children:[e.options&&(0,J.jsx)(A,{onClick:()=>d(null),children:r(`plugins.optionsClear`)}),(0,J.jsx)(A,{variant:`primary`,onClick:()=>{try{let e=JSON.parse(s||`{}`);if(typeof e!=`object`||!e||Array.isArray(e))throw Error(r(`plugins.optionsObject`));d(e)}catch(e){u(e instanceof Error?e.message:String(e))}},disabled:o.isPending,children:r(`common.save`)})]}),children:[(0,J.jsx)(h,{mono:!0,rows:14,value:s,invalid:!!l,onChange:e=>(c(e.target.value),u(null)),label:r(`plugins.options`)}),l&&(0,J.jsx)(`p`,{className:`mt-2 text-[12px] text-[var(--danger)]`,children:l})]})}function ye({open:e,onOpenChange:t,onJob:n}){let{t:r}=v(),{toast:i}=L(),o=a(),[s,c]=(0,q.useState)(``);return(0,q.useEffect)(()=>{e&&c(``)},[e]),(0,J.jsxs)(I,{open:e,onOpenChange:t,title:r(`plugins.addTitle`),description:r(`plugins.addDetail`),footer:(0,J.jsx)(A,{variant:`primary`,disabled:!s.trim()||o.isPending,onClick:()=>o.mutate({spec:s.trim()},{onSuccess:e=>(n(e.id),t(!1)),onError:e=>i(F(e),`error`)}),children:r(`plugins.install`)}),children:[(0,J.jsx)(E,{label:r(`plugins.spec`),hint:r(`plugins.specHint`),children:(0,J.jsx)(y,{mono:!0,value:s,onChange:e=>c(e.target.value),placeholder:`@astragate-community/middleware-word-guard`,autoFocus:!0})}),(0,J.jsx)(j,{tone:`warning`,title:r(`plugins.trustTitle`),className:`mt-4`,children:r(`plugins.trustDetail`)})]})}function be({open:e,onOpenChange:t,onJob:n}){let{t:r}=v(),{toast:i}=L(),a=s(e),o=c(),[l,u]=(0,q.useState)(!1),d=a.data;return(0,J.jsxs)(I,{open:e,onOpenChange:t,title:r(`plugins.magpie.title`),description:d?.path,width:560,footer:(0,J.jsx)(A,{variant:`primary`,disabled:!d?.found||o.isPending,onClick:()=>o.mutate(l,{onSuccess:e=>(n(e.id),t(!1)),onError:e=>i(F(e),`error`)}),children:r(`plugins.magpie.import`)}),children:[a.isLoading&&(0,J.jsx)(M,{lines:3}),d?.error&&(0,J.jsx)(j,{tone:`danger`,title:r(`common.error`),children:d.error}),d&&(0,J.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,J.jsx)(`div`,{className:`card divide-y divide-[var(--border-subtle)] p-0`,children:d.plugins.map(e=>(0,J.jsxs)(`div`,{className:`flex items-center gap-2 px-3 py-2 text-[12px]`,children:[(0,J.jsx)(`span`,{className:`min-w-0 flex-1 truncate font-mono`,children:e.spec}),e.off&&(0,J.jsx)(O,{children:r(`plugins.magpie.off`)}),e.hasOptions&&(0,J.jsx)(O,{tone:`accent`,children:r(`plugins.options`)}),e.installed&&(0,J.jsx)(O,{tone:`green`,children:r(`plugins.installed`)})]},e.spec))}),d.signIns>0&&(0,J.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,J.jsx)(P,{checked:l,onChange:u,label:r(`plugins.magpie.signIns`,{count:d.signIns})}),(0,J.jsx)(`p`,{className:`text-[12px] text-[var(--text-secondary)]`,children:r(`plugins.magpie.signInsDetail`)})]})]})]})}function xe({id:e,onClose:t}){let{t:n}=v(),i=r(e).data;return(0,J.jsxs)(I,{open:!!e,onOpenChange:e=>!e&&t(),title:n(`plugins.job.title`),description:i?n(i.state===`running`?`plugins.job.running`:i.state===`succeeded`?`plugins.job.done`:`plugins.job.failed`,{target:i.target}):void 0,width:620,footer:(0,J.jsx)(A,{onClick:t,children:n(`common.close`)}),children:[!i&&(0,J.jsx)(M,{lines:3}),i&&(0,J.jsx)(T,{language:`text`,children:i.log.length?i.log.join(`
 `):`…`}),i?.state===`failed`&&i.error&&(0,J.jsx)(j,{tone:`danger`,title:n(`plugins.job.failedTitle`),className:`mt-3`,children:i.error})]})}function Se({installed:e,onJob:n}){let{t:r,locale:i}=v(),{toast:o,confirm:s}=L(),c=u(),l=a(),[d,f]=(0,q.useState)(``),[p,h]=(0,q.useState)(``),[g,y]=(0,q.useState)(`all`);(0,q.useEffect)(()=>{let e=setTimeout(()=>h(d.trim()),400);return()=>clearTimeout(e)},[d]);let b=t(p),x=(0,q.useMemo)(()=>new Set(e.map(e=>e.name)),[e]),S=(t,n)=>x.has(n)||e.some(e=>e.spec===t),w=async(e,t)=>{await s({title:r(`plugins.installConfirm`,{name:e}),detail:r(`plugins.trustDetail`),confirmLabel:r(`plugins.install`)})&&l.mutate({spec:e,source:t},{onSuccess:e=>n(e.id),onError:e=>o(F(e),`error`)})},[T,E]=de(),O=T.get(`install`),k=(0,q.useRef)(null);(0,q.useEffect)(()=>{O&&k.current!==O&&(k.current=O,E({},{replace:!0}),me.test(O)?w(O,`market`):o(r(`plugins.linkInvalid`),`error`))},[O]);let A=(c.data??[]).filter(e=>g===`all`||e.kind===g),N=e=>(c.data??[]).filter(t=>e===`all`||t.kind===e).length,P=p.length>=2;return(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,J.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[(0,J.jsx)(C,{className:`min-w-[220px] flex-1`,value:d,onChange:f,placeholder:r(`plugins.searchPlaceholder`)}),!P&&(0,J.jsx)(m,{ariaLabel:r(`plugins.kindFilter`),value:g,onChange:y,items:[`all`,`provider`,`middleware`,`agent`].map(e=>({value:e,label:`${r(e===`all`?`plugins.kind.all`:Y[e])} ${N(e)}`}))})]}),P?(0,J.jsxs)(J.Fragment,{children:[b.isLoading&&(0,J.jsx)(M,{lines:3}),b.data?.length===0&&(0,J.jsx)(`div`,{className:`card p-6`,children:(0,J.jsx)(_,{icon:(0,J.jsx)(D,{className:`size-6`}),title:r(`plugins.noResults`)})}),b.data&&b.data.length>0&&(0,J.jsx)(`div`,{className:`grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3`,children:b.data.map(e=>(0,J.jsx)($,{title:e.name,subtitle:e.spec,icon:(0,J.jsx)(X,{name:e.name,kind:e.kind}),detail:e.description??void 0,tags:[r(Y[e.kind]),e.source===`github`?`★ ${e.stars}`:e.version?`v${e.version}`:``,e.source===`astra`?r(`plugins.origin.astra`):``],installed:S(e.spec,e.name),onInstall:()=>void w(e.spec,e.source===`github`?`github`:e.source===`astra`?`market`:`npm`)},e.spec))}),(0,J.jsx)(`p`,{className:`px-1 text-[12px] text-[var(--text-muted)]`,children:r(`plugins.searchNote`)})]}):(0,J.jsxs)(J.Fragment,{children:[c.isLoading&&(0,J.jsx)(M,{lines:4}),c.isError&&(0,J.jsx)(j,{tone:`danger`,title:r(`common.error`),children:F(c.error)}),(0,J.jsx)(`div`,{className:`grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3`,children:A.map(e=>(0,J.jsx)($,{title:e.name,subtitle:e.package,icon:(0,J.jsx)(X,{name:e.name,icon:e.icon,kind:e.kind}),detail:e.summary[i]??e.summary.en??e.description??void 0,tags:[r(Y[e.kind]),e.latest?`v${e.latest}`:``,e.origin===`astra`?r(`plugins.origin.astra`):``,e.minAstraVersion?r(`plugins.minVersion`,{version:e.minAstraVersion}):``].filter(Boolean),installed:S(e.package,e.package),onInstall:()=>void w(e.package,`market`)},e.package))}),(0,J.jsx)(`p`,{className:`px-1 text-[12px] text-[var(--text-muted)]`,children:r(`plugins.marketNote`)})]})]})}function $({title:e,subtitle:t,icon:n,detail:r,tags:i,installed:a,onInstall:o}){let{t:s}=v();return(0,J.jsxs)(`div`,{className:`card flex flex-col gap-3 p-4 transition-colors hover:border-[var(--border)]`,children:[(0,J.jsxs)(`div`,{className:`flex items-start gap-3`,children:[n,(0,J.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col`,children:[(0,J.jsx)(`span`,{className:`truncate text-[14px] font-medium`,title:e,children:e}),(0,J.jsx)(`span`,{className:`truncate font-mono text-[11px] text-[var(--text-muted)]`,title:t,children:t})]})]}),(0,J.jsx)(`p`,{className:`line-clamp-2 min-h-[2lh] text-[12px] leading-relaxed text-[var(--text-secondary)]`,children:r??``}),(0,J.jsxs)(`div`,{className:`mt-auto flex items-center gap-1.5`,children:[i.filter(Boolean).map(e=>(0,J.jsx)(O,{children:e},e)),(0,J.jsx)(`span`,{className:`flex-1`}),a?(0,J.jsxs)(`span`,{className:`inline-flex items-center gap-1 text-[12px] text-[var(--success)]`,children:[(0,J.jsx)(g,{className:`size-3.5`}),s(`plugins.installed`)]}):(0,J.jsx)(A,{size:`sm`,variant:`primary`,onClick:o,children:s(`plugins.install`)})]})]})}function Ce({onJob:e}){let{t,locale:r}=v(),{toast:i}=L(),a=f(),s=d(),c=o(),l=a.data?.runtime;return(0,J.jsxs)(`div`,{className:`grid grid-cols-1 gap-4 lg:grid-cols-2`,children:[(0,J.jsxs)(`section`,{className:`card flex flex-col gap-3 p-4`,children:[(0,J.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,J.jsx)(`h3`,{className:`flex-1 text-[14px] font-medium`,children:`Bun`}),l&&(0,J.jsx)(O,{tone:l.path?`green`:`neutral`,children:l.path?t(`plugins.bunReady`):t(`plugins.bunMissing`)})]}),(0,J.jsx)(`p`,{className:`text-[12px] leading-relaxed text-[var(--text-secondary)]`,children:t(`plugins.bunDetail`)}),l&&(0,J.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[l.path&&(0,J.jsx)(b,{label:t(`plugins.bunPath`),mono:!0,children:l.path}),l.version&&(0,J.jsx)(b,{label:t(`plugins.bunVersion`),mono:!0,children:l.version}),(0,J.jsx)(b,{label:t(`plugins.bunTarget`),mono:!0,children:l.target??t(`plugins.bunNoBuild`)})]}),l?.error&&(0,J.jsx)(j,{tone:`danger`,title:t(`plugins.bunFailed`),children:l.error}),l&&!l.path&&(0,J.jsx)(`div`,{children:(0,J.jsx)(A,{variant:`primary`,disabled:l.downloading||c.isPending||!l.target,onClick:()=>c.mutate(void 0,{onSuccess:t=>e(t.id),onError:e=>i(F(e),`error`)}),children:l.downloading?t(`plugins.bunDownloading`):t(`plugins.bunDownload`,{version:l.version??``})})})]}),(0,J.jsxs)(`section`,{className:`card flex flex-col gap-3 p-4`,children:[(0,J.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,J.jsx)(`h3`,{className:`flex-1 text-[14px] font-medium`,children:t(`plugins.host`)}),s.data&&(0,J.jsx)(O,{tone:s.data.running?`green`:`neutral`,children:s.data.running?t(`plugins.hostRunning`):t(`plugins.hostStopped`)})]}),(0,J.jsx)(`p`,{className:`text-[12px] leading-relaxed text-[var(--text-secondary)]`,children:t(`plugins.hostDetail`)}),s.data?.startError&&(0,J.jsx)(j,{tone:`danger`,title:t(`plugins.hostStartFailed`),children:s.data.startError}),s.data?.goneReason&&(0,J.jsx)(j,{tone:`warning`,title:t(`plugins.hostGone`),children:s.data.goneReason}),s.data&&s.data.plugins.length>0&&(0,J.jsx)(`div`,{className:`flex flex-col gap-1`,children:s.data.plugins.map(e=>(0,J.jsx)(b,{label:e.spec,mono:!0,children:e.error?t(`plugins.hostPluginError`,{error:e.error}):e.provides.join(`, `)||`—`},e.spec))}),s.data?.recent&&s.data.recent.length>0&&(0,J.jsxs)(`div`,{className:`flex flex-col gap-1.5 border-t border-[var(--border-subtle)] pt-3`,children:[(0,J.jsx)(`h4`,{className:`text-[12px] font-medium text-[var(--text-secondary)]`,children:t(`plugins.hostRecent`)}),s.data.recent.map((e,t)=>(0,J.jsxs)(`div`,{className:`flex items-start gap-2 text-[12px]`,children:[(0,J.jsx)(O,{tone:e.variant===`error`?`red`:e.variant===`warning`?`orange`:e.variant===`success`?`green`:`neutral`,children:n(e.at,r)}),(0,J.jsxs)(`span`,{className:`min-w-0 flex-1 break-words`,children:[e.title&&(0,J.jsxs)(`span`,{className:`font-medium`,children:[e.title,` `]}),e.message]})]},t))]})]}),(0,J.jsxs)(`a`,{className:`flex items-center gap-1 px-1 text-[12px] text-[var(--text-muted)] hover:text-[var(--accent)] lg:col-span-2`,href:`https://github.com/astragate-community/astra-gate-plugins`,target:`_blank`,rel:`noreferrer`,children:[(0,J.jsx)(ae,{className:`size-3`}),` astragate-community/astra-gate-plugins`]})]})}export{Z as PluginsPage};