@nextclaw/ui 0.15.21 → 0.15.22

package/dist/assets/provider-scoped-model-input-CHmOzz7x.js

@@ -0,0 +1 @@
+import{i as e}from"./chunk-DseTPa7n.js";import{A as t,O as n,T as r,r as i}from"./react-BCJGCjrP.js";import{Kt as a}from"./api-B1yHQYs-.js";import{c as o}from"./dist-CxUhurq9.js";import{a as s,n as c,r as l,t as u}from"./popover-Cpep_rJe.js";import{a as d,i as f,n as p,r as m,t as h,w as g}from"./select-BvidP5Oa.js";import{i as _,r as v,u as y}from"./provider-models-CUrptZ-o.js";var b=o(`ChevronsUpDown`,[[`path`,{d:`m7 15 5 5 5-5`,key:`1hf1tw`}],[`path`,{d:`m7 9 5-5 5 5`,key:`sgt6xg`}]]),x=e(t(),1),S=n(),C=s(`15rem`);function w(e){return[...new Set(e.map(e=>e.trim()).filter(Boolean))]}function T({id:e,value:t,onChange:n,options:i,disabled:o=!1,placeholder:s,className:d,inputClassName:f,emptyText:p,createText:m,toggleLabel:h,maxItems:_=1/0,onEnter:v}){let[y,T]=(0,x.useState)(!1),E=(0,x.useRef)(null);(0,x.useEffect)(()=>{o&&y&&T(!1)},[o,y]);let D=(0,x.useMemo)(()=>w(i),[i]),O=t.trim().toLowerCase(),k=(0,x.useMemo)(()=>{let e=D.map((e,t)=>({option:e,index:t}));O.length>0&&e.sort((e,t)=>{let n=e.option.toLowerCase(),r=t.option.toLowerCase(),i=n===O?0:n.startsWith(O)?1:n.includes(O)?2:3,a=r===O?0:r.startsWith(O)?1:r.includes(O)?2:3;return i===a?e.index-t.index:i-a});let t=e.map(e=>e.option);return Number.isFinite(_)?t.slice(0,Math.max(1,_)):t},[D,O,_]),A=t.trim().length>0&&D.some(e=>e===t.trim()),j=()=>T(!1);return(0,S.jsxs)(u,{open:y&&!o,onOpenChange:e=>T(!o&&e),children:[(0,S.jsx)(c,{asChild:!0,children:(0,S.jsxs)(`div`,{ref:E,className:r(`relative`,d),children:[(0,S.jsx)(a,{id:e,value:t,disabled:o,onFocus:()=>{o||T(!0)},onChange:e=>{n(e.target.value),!y&&!o&&T(!0)},onKeyDown:e=>{e.key===`Enter`&&(v&&(e.preventDefault(),v()),j())},placeholder:s,className:r(`pr-10`,f)}),(0,S.jsx)(`button`,{type:`button`,onMouseDown:e=>e.preventDefault(),onClick:()=>T(e=>!e),disabled:o,className:r(`absolute inset-y-0 right-0 inline-flex w-10 items-center justify-center`,o?`cursor-not-allowed text-gray-300`:`text-gray-400 hover:text-gray-600`),"aria-label":h,children:(0,S.jsx)(b,{className:`h-4 w-4`})})]})}),(0,S.jsx)(l,{align:`start`,className:`flex w-[var(--radix-popover-trigger-width)] min-w-[12rem] flex-col overflow-hidden rounded-xl border border-gray-200 p-0 shadow-lg`,onInteractOutside:e=>{e.target instanceof Node&&E.current?.contains(e.target)&&e.preventDefault()},onOpenAutoFocus:e=>e.preventDefault(),style:{maxHeight:C},children:(0,S.jsxs)(`div`,{className:`custom-scrollbar min-h-0 flex-1 overflow-y-auto py-1`,children:[!A&&t.trim().length>0&&(0,S.jsxs)(`button`,{type:`button`,onMouseDown:e=>e.preventDefault(),onClick:()=>{n(t.trim()),j()},className:`flex w-full items-center gap-2 px-3 py-2 text-left text-sm hover:bg-gray-50`,children:[(0,S.jsx)(g,{className:`h-4 w-4 text-transparent`}),(0,S.jsx)(`span`,{className:`truncate text-gray-700`,children:m.replace(`{value}`,t.trim())})]}),k.map(e=>(0,S.jsxs)(`button`,{type:`button`,onMouseDown:e=>e.preventDefault(),onClick:()=>{n(e),j()},className:`flex w-full items-center gap-2 px-3 py-2 text-left text-sm hover:bg-gray-50`,children:[(0,S.jsx)(g,{className:r(`h-4 w-4`,e===t.trim()?`text-primary`:`text-transparent`)}),(0,S.jsx)(`span`,{className:`truncate text-gray-700`,children:e})]},e)),k.length===0&&t.trim().length===0&&(0,S.jsx)(`div`,{className:`px-3 py-2 text-sm text-gray-500`,children:p})]})})]})}var E=`provider/model`;function D(e){let t=new Set;for(let n of e){let e=n.trim();e&&t.add(e)}return[...t]}function O({id:e,value:t,onChange:n,providerCatalog:r,disabled:o=!1,providerPlaceholder:s,modelPlaceholder:c,className:l}){let[u,g]=(0,x.useState)(``),[b,C]=(0,x.useState)(``),w=r.length>0,O=c??E,k=(0,x.useMemo)(()=>new Map(r.map(e=>[e.name,e])),[r]),A=k.get(u),j=(0,x.useMemo)(()=>A?.aliases??[],[A]),M=(0,x.useMemo)(()=>D(A?.models??[]),[A]);return(0,x.useEffect)(()=>{let e=t.trim();if(!w){g(``),C(e);return}if(!e){C(``),g(e=>k.has(e)?e:``);return}let n=_(e,r)??``,i=k.get(n)?.aliases??[];g(n),C(n?y(e,i):e)},[w,r,k,t]),w?(0,S.jsxs)(`div`,{className:l,children:[(0,S.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row sm:items-center`,children:[(0,S.jsx)(`div`,{className:`sm:w-[38%] sm:min-w-[170px]`,children:(0,S.jsxs)(h,{value:u,onValueChange:e=>{let t=D(k.get(e)?.models??[])[0]??``;if(g(e),C(t),!t){n(``);return}n(v(k.get(e)?.prefix??e,t))},disabled:o,children:[(0,S.jsx)(f,{className:`h-10 w-full rounded-xl`,children:(0,S.jsx)(d,{placeholder:s??i(`providersSelectPlaceholder`)})}),(0,S.jsx)(p,{children:r.map(e=>(0,S.jsx)(m,{value:e.name,children:e.displayName},e.name))})]})}),(0,S.jsx)(`span`,{className:`hidden h-10 items-center justify-center leading-none text-lg font-semibold text-gray-300 sm:inline-flex`,children:`/`}),(0,S.jsx)(T,{id:e,value:b,onChange:e=>{if(!A){let t=e.trim();C(t),n(t);return}let t=y(e,j);C(t),n(t?v(A.prefix,t):``)},options:M,disabled:o||!u,placeholder:O,className:`sm:flex-1`,inputClassName:`h-10 rounded-xl`,emptyText:i(`modelPickerNoOptions`),createText:i(`modelPickerUseCustom`),toggleLabel:i(`modelPickerToggleOptions`)},u)]}),(0,S.jsx)(`p`,{className:`mt-2 text-xs text-gray-500`,children:i(`modelInputCustomHint`)})]}):(0,S.jsxs)(`div`,{className:l,children:[(0,S.jsxs)(`div`,{className:`rounded-2xl border border-amber-200 bg-amber-50/70 px-4 py-3`,children:[(0,S.jsx)(`p`,{className:`text-sm font-semibold text-amber-950`,children:i(`providersEmptyTitle`)}),(0,S.jsx)(`p`,{className:`mt-1 text-xs leading-5 text-amber-900`,children:i(`providersEmptyDescription`)})]}),(0,S.jsx)(a,{id:e,value:t,disabled:o,onChange:e=>n(e.target.value),placeholder:O,className:`mt-3 h-10 rounded-xl`}),(0,S.jsx)(`p`,{className:`mt-2 text-xs text-gray-500`,children:i(`modelInputCustomHint`)})]})}export{O as t};

package/dist/assets/providers-config-page-A6J7Y0II.js

@@ -0,0 +1 @@
+import{i as e}from"./chunk-DseTPa7n.js";import{A as t,O as n,T as r,a as i,r as a}from"./react-BCJGCjrP.js";import{Gt as o,Kt as s,Ut as c,Zt as l,qt as u,un as d,wt as f}from"./api-B1yHQYs-.js";import{c as p}from"./dist-CxUhurq9.js";import{i as m,r as h,t as g}from"./popover-Cpep_rJe.js";import{t as _}from"./confirm-dialog-h849QRWO.js";import{t as v}from"./search-7M38azRp.js";import{C as y,a as b,i as x,n as S,r as C,t as w}from"./select-BvidP5Oa.js";import{n as T,t as E}from"./eye-gOWQGt8N.js";import{i as D,t as O}from"./use-viewport-layout-CJxkjoRz.js";import{t as k}from"./plus-yvhFgfal.js";import{t as A}from"./settings-2-DqZstREV.js";import{t as j}from"./trash-2-CYUskMMN.js";import{t as M}from"./x-DdUwjre5.js";import{n as N,t as P}from"./logo-badge-BNcsDsUM.js";import{t as F}from"./host-capabilities-B-TtABsP.js";import{a as I,c as L,o as R,s as z,t as B}from"./provider-models-CUrptZ-o.js";import{t as V}from"./form-actions-CgjYZUzM.js";import{a as H,c as ee,d as U,f as te,h as W,i as ne,l as re,r as ie,s as ae,u as oe}from"./use-config-CxKRXXCl.js";import{t as G}from"./config-hints-S3g-UVZb.js";import{a as K,c as q,i as se,l as J,n as ce,o as le,r as ue,s as de}from"./config-split-page-BgBsUmp1.js";var fe=p(`CircleDotDashed`,[[`path`,{d:`M10.1 2.18a9.93 9.93 0 0 1 3.8 0`,key:`1qdqn0`}],[`path`,{d:`M17.6 3.71a9.95 9.95 0 0 1 2.69 2.7`,key:`1bq7p6`}],[`path`,{d:`M21.82 10.1a9.93 9.93 0 0 1 0 3.8`,key:`1rlaqf`}],[`path`,{d:`M20.29 17.6a9.95 9.95 0 0 1-2.7 2.69`,key:`1xk03u`}],[`path`,{d:`M13.9 21.82a9.94 9.94 0 0 1-3.8 0`,key:`l7re25`}],[`path`,{d:`M6.4 20.29a9.95 9.95 0 0 1-2.69-2.7`,key:`1v18p6`}],[`path`,{d:`M2.18 13.9a9.93 9.93 0 0 1 0-3.8`,key:`xdo6bj`}],[`path`,{d:`M3.71 6.4a9.95 9.95 0 0 1 2.7-2.69`,key:`1jjmaz`}],[`circle`,{cx:`12`,cy:`12`,r:`1`,key:`41hilf`}]]),pe=p(`EyeOff`,[[`path`,{d:`M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49`,key:`ct8e1f`}],[`path`,{d:`M14.084 14.158a3 3 0 0 1-4.242-4.242`,key:`151rxh`}],[`path`,{d:`M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143`,key:`13bj9a`}],[`path`,{d:`m2 2 20 20`,key:`1ooewy`}]]),Y=e(t(),1),X=n();function me({value:e,onChange:t,className:n}){let i=e?Object.entries(e):[],o=(e,n,r)=>{let a=[...i];a[e]=[n,r],t(Object.fromEntries(a))},c=()=>{t({...e,"":``})},l=e=>{let n=i.filter((t,n)=>n!==e);t(Object.fromEntries(n))};return(0,X.jsxs)(`div`,{className:r(`space-y-2`,n),children:[i.map(([e,t],n)=>(0,X.jsxs)(`div`,{className:`flex gap-2`,children:[(0,X.jsx)(s,{type:`text`,value:e,onChange:e=>o(n,e.target.value,t),placeholder:a(`headerName`),className:`flex-1`}),(0,X.jsx)(s,{type:`text`,value:t,onChange:t=>o(n,e,t.target.value),placeholder:a(`headerValue`),className:`flex-1`}),(0,X.jsx)(u,{type:`button`,variant:`ghost`,size:`icon`,onClick:()=>l(n),children:(0,X.jsx)(j,{className:`h-4 w-4 text-red-500`})})]},n)),(0,X.jsxs)(u,{type:`button`,variant:`outline`,size:`sm`,onClick:c,children:[(0,X.jsx)(k,{className:`h-4 w-4 mr-2`}),a(`add`)]})]})}function he(e){let{value:t,onChange:n,options:r}=e;return(0,X.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:r.map(e=>{let r=e.value===t;return(0,X.jsx)(`button`,{type:`button`,onClick:()=>n(e.value),"aria-pressed":r,className:`rounded-full border px-3 py-1.5 text-xs font-medium transition-colors ${r?`border-foreground/15 bg-foreground text-background`:`border-border/55 bg-muted/50 text-muted-foreground hover:border-border hover:bg-muted hover:text-foreground`}`,children:e.label},e.value)})})}function ge(e){let{showAdvanced:t,onShowAdvancedChange:n,supportsWireApi:r,wireApiLabel:i,wireApi:s,onWireApiChange:c,shouldUseWireApiPills:l,wireApiSelectOptions:u,extraHeadersLabel:d,extraHeaders:f,onExtraHeadersChange:p}=e;return(0,X.jsxs)(`div`,{className:`border-t border-border/70 pt-4`,children:[(0,X.jsxs)(`button`,{type:`button`,onClick:()=>n(!t),className:`flex w-full items-center justify-between text-sm text-muted-foreground transition-colors hover:text-foreground`,children:[(0,X.jsxs)(`span`,{className:`flex items-center gap-1.5`,children:[(0,X.jsx)(A,{className:`h-3.5 w-3.5`}),a(`providerAdvancedSettings`)]}),(0,X.jsx)(y,{className:`h-4 w-4 transition-transform ${t?`rotate-180`:``}`})]}),t?(0,X.jsxs)(`div`,{className:`mt-4 space-y-5`,children:[r?(0,X.jsxs)(`div`,{className:`space-y-2`,children:[(0,X.jsx)(o,{htmlFor:`wireApi`,className:`text-sm font-medium text-foreground`,children:i}),l?(0,X.jsx)(he,{value:s,onChange:e=>c(e),options:u}):(0,X.jsxs)(w,{value:s,onValueChange:e=>c(e),children:[(0,X.jsx)(x,{className:`rounded-xl`,children:(0,X.jsx)(b,{})}),(0,X.jsx)(S,{children:u.map(e=>(0,X.jsx)(C,{value:e.value,children:e.label},e.value))})]})]}):null,(0,X.jsxs)(`div`,{className:`space-y-2`,children:[(0,X.jsx)(o,{className:`text-sm font-medium text-foreground`,children:d}),(0,X.jsx)(me,{value:f,onChange:p}),(0,X.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:a(`providerExtraHeadersHelpShort`)})]})]}):null]})}function _e({isSet:e,className:t,value:n,onChange:i,placeholder:a,...o}){let[c,l]=(0,Y.useState)(!1),[d,f]=(0,Y.useState)(!1),p=typeof n==`string`&&n.length>0;return(0,X.jsxs)(`div`,{className:`relative`,children:[e&&!p&&!d?(0,X.jsx)(`div`,{onClick:()=>f(!0),className:r(`flex h-9 w-full rounded-xl border border-gray-200/80 bg-white px-3.5 py-2 text-sm text-gray-500 cursor-text items-center pr-12`,t),children:`••••••••••••`}):(0,X.jsx)(s,{type:c?`text`:`password`,className:r(`pr-12`,t),value:n,onChange:i,onBlur:()=>{p||f(!1)},placeholder:a,autoFocus:d,...o}),(0,X.jsx)(`div`,{className:`absolute right-2 top-1/2 -translate-y-1/2 flex gap-1`,children:(e||p)&&(0,X.jsx)(u,{type:`button`,variant:`ghost`,size:`icon`,className:`h-7 w-7`,onClick:()=>l(!c),children:c?(0,X.jsx)(pe,{className:`h-4 w-4`}):(0,X.jsx)(E,{className:`h-4 w-4`})})})]})}function ve(e){let{apiKey:t,apiKeyRequired:n,apiKeySet:r,apiKeyPlaceholder:i,providerAuth:s,providerAuthNote:c,providerAuthMethodOptions:l,providerAuthMethodsCount:d,selectedAuthMethodHint:f,shouldUseAuthMethodPills:p,resolvedAuthMethodId:m,onAuthMethodChange:h,onStartProviderAuth:g,onImportProviderAuthFromCli:_,startPending:v,importPending:y,authSessionId:T,authStatusMessage:E,onApiKeyChange:D}=e,O=n?(0,X.jsxs)(`div`,{className:`space-y-2`,children:[(0,X.jsx)(o,{htmlFor:`apiKey`,className:`text-sm font-medium text-foreground`,children:a(`apiKey`)}),(0,X.jsx)(_e,{id:`apiKey`,value:t,isSet:r,onChange:e=>D(e.target.value),placeholder:i,className:`rounded-xl`}),(0,X.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:a(`leaveBlankToKeepUnchanged`)})]}):null;return s?.kind===`device_code`?(0,X.jsxs)(X.Fragment,{children:[O,(0,X.jsxs)(`div`,{className:`space-y-2 rounded-xl bg-muted/45 p-3`,children:[(0,X.jsx)(o,{className:`text-sm font-medium text-foreground`,children:s.displayName||a(`providerAuthSectionTitle`)}),c?(0,X.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:c}):null,d>1?(0,X.jsxs)(`div`,{className:`space-y-2`,children:[(0,X.jsx)(o,{className:`text-xs font-medium text-foreground`,children:a(`providerAuthMethodLabel`)}),p?(0,X.jsx)(he,{value:m,onChange:h,options:l}):(0,X.jsxs)(w,{value:m,onValueChange:h,children:[(0,X.jsx)(x,{className:`h-8 rounded-lg`,children:(0,X.jsx)(b,{placeholder:a(`providerAuthMethodPlaceholder`)})}),(0,X.jsx)(S,{children:l.map(e=>(0,X.jsx)(C,{value:e.value,children:e.label},e.value))})]}),f?(0,X.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:f}):null]}):null,(0,X.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,X.jsx)(u,{type:`button`,variant:`outline`,size:`sm`,onClick:g,disabled:v||!!T,children:a(v?`providerAuthStarting`:T?`providerAuthAuthorizing`:`providerAuthAuthorizeInBrowser`)}),s.supportsCliImport?(0,X.jsx)(u,{type:`button`,variant:`outline`,size:`sm`,onClick:_,disabled:y,children:a(y?`providerAuthImporting`:`providerAuthImportFromCli`)}):null,T?(0,X.jsxs)(`span`,{className:`text-xs text-muted-foreground`,children:[a(`providerAuthSessionLabel`),`: `,T.slice(0,8),`…`]}):null]}),E?(0,X.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:E}):null]})]}):O}var ye={providerId:``,providerType:null,isBuiltInType:!1,isCustom:!0,enabled:!0,displayName:``,apiKeySet:!1,apiKeyMasked:void 0,apiBase:null,extraHeaders:null,wireApi:null,models:[],modelConfig:{}};function Z(e){if(!e)return null;let t=Object.entries(e).map(([e,t])=>[e.trim(),t]).filter(([e])=>e.length>0);return t.length===0?null:Object.fromEntries(t)}function be(e,t){let n=Z(e),r=Z(t);if(n===null&&r===null)return!0;if(!n||!r)return!1;let i=Object.entries(n).sort(([e],[t])=>e.localeCompare(t)),a=Object.entries(r).sort(([e],[t])=>e.localeCompare(t));return i.length===a.length?i.every(([e,t],n)=>e===a[n][0]&&t===a[n][1]):!1}function Q(e){if(!e||e.length===0)return[];let t=new Set;for(let n of e){let e=n.trim();e&&t.add(e)}return[...t]}function xe(e,t){let n=e.trim();if(!n||!t.trim())return n;let r=`${t.trim()}/`;return n.startsWith(r)?n.slice(r.length):n}function $(e,t){let n=e.trim();if(!n)return``;for(let e of t){let t=e.trim();t&&(n=xe(n,t))}return n.trim()}function Se(e,t){return e.length===t.length?e.every((e,n)=>e===t[n]):!1}function Ce(e,t){return Q(t)}function we(e,t){return Q(e).map(e=>{let n=e.trim();return!n||n.startsWith(`${t}/`)?n:`${t}/${n}`})}function Te(e,t){let n=new Set(t.map(e=>e.trim()).filter(Boolean)),r={};for(let[t,i]of Object.entries(e)){if(!n.has(t))continue;let e={},a=z(i.thinking?.supported);if(a.length>0){let t=L(i.thinking?.default);e.thinking=t&&a.includes(t)?{supported:a,default:t}:{supported:a}}i.vision===!0&&(e.vision=!0),(e.thinking||e.vision===!0)&&(r[t]=e)}return r}function Ee(e,t,n){return{...R(e,n),...R(t,n)}}function De(e,t){let n=Object.keys(e).sort(),r=Object.keys(t).sort();if(n.length!==r.length)return!1;for(let i=0;i<n.length;i+=1){let a=n[i];if(a!==r[i])return!1;let o=e[a],s=t[a];if(!o||!s||!Se([...o.thinking?.supported??[]].sort(),[...s.thinking?.supported??[]].sort())||(o.thinking?.default??null)!==(s.thinking?.default??null)||(o.vision??!1)!==(s.vision??!1))return!1}return!0}function Oe(e){return e.providerName?e.apiKey.trim().length>0||e.apiBase.trim()!==e.currentApiBase.trim()||!be(e.extraHeaders,e.currentHeaders)||e.supportsWireApi&&e.wireApi!==e.currentWireApi||!Se(e.models,e.currentEditableModels)||!De(e.modelConfig,e.currentModelConfig)||e.providerDisplayName.trim()!==e.effectiveDisplayName:!1}function ke(e){let t={},n=e.apiKey.trim(),r=e.apiBase.trim(),i=Z(e.extraHeaders),a=e.providerDisplayName.trim();return a!==e.effectiveDisplayName&&(t.displayName=a.length>0?a:null),n.length>0&&(t.apiKey=n),r!==e.currentApiBase.trim()&&(t.apiBase=r.length>0&&r!==e.defaultApiBase?r:null),be(i,e.currentHeaders)||(t.extraHeaders=i),e.supportsWireApi&&e.wireApi!==e.currentWireApi&&(t.wireApi=e.wireApi),Se(e.models,e.currentEditableModels)||(t.models=we(e.models,e.providerName??``)),De(e.modelConfig,e.currentModelConfig)||(t.modelConfig=Te(e.modelConfig,e.models)),t}function Ae(e){let t=$(e.models.find(e=>e.trim().length>0)??``,e.providerModelAliases),n={apiBase:e.apiBase.trim(),extraHeaders:Z(e.extraHeaders),model:t||null};return e.apiKey.trim().length>0&&(n.apiKey=e.apiKey.trim()),e.supportsWireApi&&(n.wireApi=e.wireApi),n}function je(e){return a(e===`off`?`chatThinkingLevelOff`:e===`minimal`?`chatThinkingLevelMinimal`:e===`low`?`chatThinkingLevelLow`:e===`medium`?`chatThinkingLevelMedium`:e===`high`?`chatThinkingLevelHigh`:e===`adaptive`?`chatThinkingLevelAdaptive`:`chatThinkingLevelXhigh`)}function Me(e){let{providerName:t,methods:n,defaultMethodId:r,language:i}=e;if(n.length===0)return``;let a=new Map;for(let e of n){let t=e.id.trim();t&&a.set(t.toLowerCase(),t)}let o=(...e)=>{for(let t of e){let e=a.get(t.toLowerCase());if(e)return e}},s=r?.trim();if(t===`minimax-portal`){if(i===`zh`)return o(`cn`,`china-mainland`)??o(s??``)??n[0]?.id??``;if(i===`en`)return o(`global`,`intl`,`international`)??o(s??``)??n[0]?.id??``}if(s){let e=o(s);if(e)return e}return i===`zh`?o(`cn`)??n[0]?.id??``:i===`en`?o(`global`)??n[0]?.id??``:n[0]?.id??``}function Ne(e){let{required:t,hasDefault:n,optionCount:r}=e;return t&&n&&r>1&&r<=3}function Pe(e,t,n){let r=$(t,n);return r?e.includes(r)?{models:e,draft:``}:{models:[...e,r],draft:``}:{models:e,draft:t}}function Fe(e,t,n){let r={...t};return delete r[n],{models:e.filter(e=>e!==n),modelConfig:r}}function Ie(e,t,n){let r=e[t],i=r?.thinking?.supported??[],a=i.includes(n)?i.filter(e=>e!==n):B.filter(e=>e===n||i.includes(e)),o=r?.thinking?.default&&a.includes(r.thinking.default)?r.thinking.default:void 0,s={...r,thinking:a.length>0?o?{supported:a,default:o}:{supported:a}:void 0},c={...e};return s.thinking||s.vision===!0?c[t]=s:delete c[t],c}function Le(e,t,n){let r=e[t],i=r?.thinking;return!i||i.supported.length===0||n&&!i.supported.includes(n)?e:{...e,[t]:{...r,thinking:n?{supported:i.supported,default:n}:{supported:i.supported}}}}function Re(e,t,n){let r={...e[t],vision:n?!0:void 0},i={...e};return r.thinking||r.vision===!0?i[t]=r:delete i[t],i}function ze(e){let{providerName:t,providerSpec:n,language:r}=e,i=n?.auth,a=i?.methods??[];return{providerAuth:i,providerAuthMethodOptions:a.map(e=>({value:e.id,label:e.label?.[r]||e.label?.en||e.id})),providerAuthMethods:a,preferredAuthMethodId:Me({providerName:n?.providerType??t,methods:a,defaultMethodId:i?.defaultMethodId,language:r}),shouldUseAuthMethodPills:Ne({required:i?.kind===`device_code`,hasDefault:!!i?.defaultMethodId?.trim(),optionCount:a.length})}}function Be(e,t){let n=!!e?.supportsWireApi||t,r=(e?.wireApiOptions||[`auto`,`chat`,`responses`]).map(e=>({value:e,label:a(e===`chat`?`wireApiChat`:e===`responses`?`wireApiResponses`:`wireApiAuto`)}));return{shouldUseWireApiPills:Ne({required:n,hasDefault:typeof e?.defaultWireApi==`string`&&e.defaultWireApi.length>0,optionCount:r.length}),supportsWireApi:n,wireApiSelectOptions:r}}function Ve(e){let{providerName:t,providersView:n,templatesView:r,schema:i,language:o}=e,s=t?n?.providers[t]:null,c=r?.providerTemplates.find(e=>e.providerType===s?.providerType),l=s??ye,u=i?.uiHints,d=!!s?.isCustom,f=t?G(`providers.${t}.apiKey`,u):void 0,p=t?G(`providers.${t}.apiBase`,u):void 0,m=t?G(`providers.${t}.extraHeaders`,u):void 0,h=t?G(`providers.${t}.wireApi`,u):void 0,g=c?.displayName||s?.displayName||t||``,_=(l.displayName||``).trim()||g,v=l.enabled!==!1,y=Q([c?.modelPrefix||c?.providerType||``,t||``]),b=c?.defaultApiBase||``,x=l.apiBase||b,S=Z(l.extraHeaders||null),C=l.wireApi||c?.defaultWireApi||`auto`,w=Ce(Q((c?.defaultModels??[]).map(e=>$(e,y))),Q((l.models??[]).map(e=>$(e,y)))),T=Te(Ee(c?.modelConfig,l.modelConfig,y),w),E=c?.apiBaseHelp?.[o]||c?.apiBaseHelp?.en||p?.help||a(`providerApiBaseHelp`),D=ze({providerName:t,providerSpec:c,language:o}),O=Be(c,d);return{apiBaseHelpText:E,apiBaseHint:p,apiKeyHint:f,currentApiBase:x,currentEditableModels:w,currentEnabled:v,currentHeaders:S,currentModelConfig:T,currentWireApi:C,defaultApiBase:b,defaultDisplayName:g,effectiveDisplayName:_,extraHeadersHint:m,...D,providerConfig:s,providerModelAliases:y,resolvedProviderConfig:l,wireApiHint:h,...O}}function He(e){let{models:t,modelConfig:n,modelDraft:r,showModelInput:i,onModelDraftChange:c,onShowModelInputChange:l,onAddModel:d,onRemoveModel:p,onToggleModelThinkingLevel:_,onSetModelThinkingDefault:v,onSetModelVision:y,thinkingLevels:T,formatThinkingLevelLabel:E}=e;return(0,X.jsxs)(`div`,{className:`space-y-2`,children:[(0,X.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,X.jsx)(o,{className:`text-sm font-medium text-foreground`,children:a(`providerModelsTitle`)}),i?null:(0,X.jsxs)(`button`,{type:`button`,onClick:()=>l(!0),className:`flex items-center gap-1 text-xs font-medium text-primary hover:text-primary/80`,children:[(0,X.jsx)(k,{className:`h-3 w-3`}),a(`providerAddModel`)]})]}),i?(0,X.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,X.jsx)(s,{value:r,onChange:e=>c(e.target.value),onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),d()),e.key===`Escape`&&(l(!1),c(``))},placeholder:a(`providerModelInputPlaceholder`),className:`flex-1 rounded-xl`,autoFocus:!0}),(0,X.jsx)(u,{type:`button`,size:`sm`,onClick:d,disabled:r.trim().length===0,children:a(`add`)}),(0,X.jsx)(u,{type:`button`,size:`sm`,variant:`ghost`,onClick:()=>{l(!1),c(``)},children:(0,X.jsx)(M,{className:`h-4 w-4`})})]}):null,t.length===0?(0,X.jsxs)(`div`,{className:`rounded-xl bg-muted/35 px-4 py-6 text-center`,children:[(0,X.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:a(`providerModelsEmptyShort`)}),i?null:(0,X.jsx)(`button`,{type:`button`,onClick:()=>l(!0),className:`mt-2 text-sm font-medium text-primary hover:text-primary/80`,children:a(`providerAddFirstModel`)})]}):(0,X.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:t.map(e=>{let t=n[e],r=t?.thinking,i=r?.supported??[],s=r?.default??null,c=t?.vision===!0;return(0,X.jsxs)(`div`,{className:`group inline-flex max-w-full items-center gap-1 rounded-full border border-border/55 bg-muted/45 px-3 py-1.5`,children:[(0,X.jsx)(`span`,{className:`max-w-[140px] truncate text-sm text-foreground sm:max-w-[220px]`,children:e}),(0,X.jsxs)(g,{children:[(0,X.jsx)(m,{asChild:!0,children:(0,X.jsx)(`button`,{type:`button`,className:`inline-flex h-5 w-5 items-center justify-center rounded-full text-muted-foreground/70 opacity-100 transition-opacity hover:bg-muted hover:text-foreground md:opacity-0 md:group-hover:opacity-100 md:group-focus-within:opacity-100`,"aria-label":a(`providerModelThinkingTitle`),title:a(`providerModelThinkingTitle`),children:(0,X.jsx)(A,{className:`h-3 w-3`})})}),(0,X.jsxs)(h,{className:`w-80 space-y-3`,children:[(0,X.jsxs)(`div`,{className:`flex items-center justify-between gap-3 rounded-lg bg-muted/50 px-3 py-2`,children:[(0,X.jsxs)(`div`,{className:`min-w-0`,children:[(0,X.jsx)(`p`,{className:`text-xs font-semibold text-foreground`,children:a(`providerModelVisionTitle`)}),(0,X.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:a(`providerModelVisionHint`)})]}),(0,X.jsx)(f,{checked:c,onCheckedChange:t=>y(e,t)})]}),(0,X.jsxs)(`div`,{className:`space-y-1`,children:[(0,X.jsx)(`p`,{className:`text-xs font-semibold text-foreground`,children:a(`providerModelThinkingTitle`)}),(0,X.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:a(`providerModelThinkingHint`)})]}),(0,X.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:T.map(t=>(0,X.jsx)(`button`,{type:`button`,onClick:()=>_(e,t),className:`rounded-full border px-2.5 py-1 text-xs font-medium transition-colors ${i.includes(t)?`border-foreground/15 bg-foreground text-background`:`border-border/55 bg-muted/50 text-muted-foreground hover:border-border hover:bg-muted hover:text-foreground`}`,children:E(t)},t))}),(0,X.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,X.jsx)(o,{className:`text-xs font-medium text-foreground`,children:a(`providerModelThinkingDefault`)}),(0,X.jsxs)(w,{value:s??`__none__`,onValueChange:t=>v(e,t===`__none__`?null:t),disabled:i.length===0,children:[(0,X.jsx)(x,{className:`h-8 rounded-lg text-xs`,children:(0,X.jsx)(b,{})}),(0,X.jsxs)(S,{children:[(0,X.jsx)(C,{value:`__none__`,children:a(`providerModelThinkingDefaultNone`)}),i.map(e=>(0,X.jsx)(C,{value:e,children:E(e)},e))]})]}),i.length===0?(0,X.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:a(`providerModelThinkingNoSupported`)}):null]})]})]}),(0,X.jsx)(`button`,{type:`button`,onClick:()=>p(e),className:`inline-flex h-5 w-5 items-center justify-center rounded-full text-muted-foreground/70 opacity-100 transition-opacity hover:bg-muted hover:text-foreground md:opacity-0 md:group-hover:opacity-100 md:group-focus-within:opacity-100`,"aria-label":a(`remove`),children:(0,X.jsx)(M,{className:`h-3 w-3`})})]},e)})})]})}function Ue({apiKeyRequired:e=!0,apiKeySet:t,className:n,enabled:r}){if(!r)return(0,X.jsx)(N,{status:`inactive`,label:a(`disabled`),className:n});let i=!e||t;return(0,X.jsx)(N,{status:i?`ready`:`setup`,label:a(i?`statusReady`:`statusSetup`),className:n})}function We(e){let{providerName:t,providerAuth:n,resolvedAuthMethodId:r}=e,i=d(),o=U(),s=ee(),c=ae(),[u,f]=(0,Y.useState)(``),[p,m]=(0,Y.useState)(null),[h,g]=(0,Y.useState)(``),_=(0,Y.useRef)(null),v=(0,Y.useCallback)(()=>{_.current!==null&&(window.clearTimeout(_.current),_.current=null)},[]),y=(0,Y.useCallback)((e,n)=>{v(),_.current=window.setTimeout(()=>{(async()=>{if(t)try{let r=await s.mutateAsync({provider:t,data:{sessionId:e}});if(r.status===`pending`){g(a(`providerAuthWaitingBrowser`)),y(e,r.nextPollMs??n);return}if(r.status===`authorized`){m(null),v(),g(a(`providerAuthCompleted`)),l.success(a(`providerAuthCompleted`)),i.invalidateQueries({queryKey:[`config`]}),i.invalidateQueries({queryKey:[`providers`]});return}m(null),v(),g(r.message||`Authorization ${r.status}.`),l.error(r.message||`Authorization ${r.status}.`)}catch(e){m(null),v();let t=e instanceof Error?e.message:String(e);g(t),l.error(`Authorization failed: ${t}`)}})()},Math.max(1e3,n))},[v,s,t,i]),b=(0,Y.useCallback)(async()=>{if(!(!t||n?.kind!==`device_code`))try{f(t),g(``);let e=await o.mutateAsync({provider:t,data:r?{methodId:r}:{}});if(!e.sessionId||!e.verificationUri)throw Error(a(`providerAuthStartFailed`));m(e.sessionId),g(`${a(`providerAuthOpenPrompt`)}${e.userCode}${a(`providerAuthOpenPromptSuffix`)}`),await F.openExternalUrl(e.verificationUri),y(e.sessionId,e.intervalMs)}catch(e){let t=e instanceof Error?e.message:String(e);m(null),v(),g(t),l.error(`${a(`providerAuthStartFailed`)}: ${t}`)}},[v,n?.kind,t,r,y,o]),x=(0,Y.useCallback)(async()=>{if(!(!t||n?.kind!==`device_code`))try{f(t),v(),m(null);let e=await c.mutateAsync({provider:t});g(`${a(`providerAuthImportStatusPrefix`)}${e.expiresAt?` (expires: ${e.expiresAt})`:``}`),l.success(a(`providerAuthImportSuccess`)),i.invalidateQueries({queryKey:[`config`]}),i.invalidateQueries({queryKey:[`providers`]})}catch(e){let t=e instanceof Error?e.message:String(e);g(t),l.error(`${a(`providerAuthImportFailed`)}: ${t}`)}},[v,c,n?.kind,t,i]);return(0,Y.useEffect)(()=>{v()},[v,t]),(0,Y.useEffect)(()=>()=>v(),[v]),{authSessionId:u===t?p:null,authStatusMessage:u===t?h:``,importAuthFromCli:x,importPending:c.isPending,startAuth:b,startPending:o.isPending}}function Ge({providerName:e,onProviderDeleted:t}){let{data:n}=oe(),{data:r}=re(),{data:o}=ie(),s=W(),c=H(),u=te(),[d,f]=(0,Y.useState)(``),[p,m]=(0,Y.useState)(``),[h,g]=(0,Y.useState)(null),[_,v]=(0,Y.useState)(`auto`),[y,b]=(0,Y.useState)([]),[x,S]=(0,Y.useState)({}),[C,w]=(0,Y.useState)(``),[T,E]=(0,Y.useState)(``),[D,O]=(0,Y.useState)(!1),[k,A]=(0,Y.useState)(!1),[j,M]=(0,Y.useState)(``),N=i(),P=(0,Y.useMemo)(()=>Ve({providerName:e,providersView:n,templatesView:r,schema:o,language:N}),[N,e,n,o,r]),{currentApiBase:F,currentEditableModels:I,currentHeaders:L,currentModelConfig:R,currentWireApi:z,defaultApiBase:B,effectiveDisplayName:V,providerAuth:ee,providerAuthMethods:U,providerConfig:ne,providerModelAliases:ae,resolvedProviderConfig:G,preferredAuthMethodId:K,supportsWireApi:q}=P,se=T.trim()||V||e||a(`providersSelectPlaceholder`),J=(0,Y.useMemo)(()=>{if(!U.length)return``;let e=j.trim();return e&&U.some(t=>t.id===e)?e:K||U[0]?.id||``},[j,K,U]),{authSessionId:ce,authStatusMessage:le,importAuthFromCli:de,importPending:fe,startAuth:pe,startPending:me}=We({providerName:e,providerAuth:ee,resolvedAuthMethodId:J});(0,Y.useEffect)(()=>{if(!e){f(``),m(``),g(null),v(`auto`),b([]),S({}),w(``),E(``),M(``);return}f(``),m(F),g(G.extraHeaders||null),v(z),b(I),S(R),w(``),E(V),M(K)},[e,F,G.extraHeaders,z,I,R,V,K]),(0,Y.useEffect)(()=>S(e=>Te(e,y)),[y]);let he=(0,Y.useMemo)(()=>Oe({providerName:e,apiKey:d,apiBase:p,currentApiBase:F,extraHeaders:h,currentHeaders:L,supportsWireApi:q,wireApi:_,currentWireApi:z,models:y,currentEditableModels:I,modelConfig:x,currentModelConfig:R,providerDisplayName:T,effectiveDisplayName:V}),[e,d,p,F,h,L,q,_,z,y,I,x,R,T,V]);return!e||!ne?(0,X.jsx)(ue,{children:(0,X.jsxs)(`div`,{children:[(0,X.jsx)(`h3`,{className:`text-base font-semibold text-foreground`,children:a(`providersSelectTitle`)}),(0,X.jsx)(`p`,{className:`mt-2 text-sm text-muted-foreground`,children:a(`providersSelectDescription`)})]})}):(0,X.jsx)(Ke,{context:P,language:N,providerTitle:se,providerDisplayName:T,apiKey:d,apiBase:p,extraHeaders:h,wireApi:_,models:y,modelConfig:x,modelDraft:C,showAdvanced:D,showModelInput:k,resolvedAuthMethodId:J,authSessionId:ce,authStatusMessage:le,hasChanges:he,isDeletePending:c.isPending,isUpdatePending:s.isPending,isTestPending:u.isPending,startPending:me,importPending:fe,onProviderDisplayNameChange:E,onApiKeyChange:f,onApiBaseChange:m,onAuthMethodChange:M,onStartProviderAuth:pe,onImportProviderAuthFromCli:de,onModelDraftChange:w,onShowModelInputChange:A,onAddModel:()=>{let e=Pe(y,C,ae);b(e.models),w(e.draft)},onRemoveModel:e=>{let t=Fe(y,x,e);b(t.models),S(t.modelConfig)},onToggleModelThinkingLevel:(e,t)=>{S(n=>Ie(n,e,t))},onSetModelThinkingDefault:(e,t)=>{S(n=>Le(n,e,t))},onSetModelVision:(e,t)=>{S(n=>Re(n,e,t))},onShowAdvancedChange:O,onWireApiChange:v,onExtraHeadersChange:g,onDeleteProvider:async()=>{if(e&&window.confirm(a(`providerDeleteConfirm`)))try{await c.mutateAsync({provider:e}),t?.(e)}catch{}},onSubmit:t=>{t.preventDefault(),e&&s.mutate({provider:e,data:ke({providerName:e,apiKey:d,apiBase:p,currentApiBase:F,defaultApiBase:B,extraHeaders:h,currentHeaders:L,supportsWireApi:q,wireApi:_,currentWireApi:z,models:y,currentEditableModels:I,modelConfig:x,currentModelConfig:R,providerDisplayName:T,effectiveDisplayName:V})})},onTestConnection:async()=>{if(e)try{let t=await u.mutateAsync({provider:e,data:Ae({apiKey:d,apiBase:p,extraHeaders:h,supportsWireApi:q,wireApi:_,models:y,providerModelAliases:ae})});if(t.success){l.success(`${a(`providerTestConnectionSuccess`)} (${t.latencyMs}ms)`);return}let n=[`provider=${t.provider}`,`latency=${t.latencyMs}ms`];t.model&&n.push(`model=${t.model}`),l.error(`${a(`providerTestConnectionFailed`)}: ${t.message} | ${n.join(` | `)}`)}catch(e){let t=e instanceof Error?e.message:String(e);l.error(`${a(`providerTestConnectionFailed`)}: ${t}`)}}})}function Ke(e){let{context:t,language:n,providerTitle:r,providerDisplayName:i,apiKey:c,apiBase:l,extraHeaders:d,wireApi:f,models:p,modelConfig:m,modelDraft:h,showAdvanced:g,showModelInput:_,resolvedAuthMethodId:v,authSessionId:y,authStatusMessage:b,hasChanges:x,isDeletePending:S,isUpdatePending:C,isTestPending:w,startPending:T,importPending:E,onProviderDisplayNameChange:D,onApiKeyChange:O,onApiBaseChange:k,onAuthMethodChange:A,onStartProviderAuth:M,onImportProviderAuthFromCli:N,onModelDraftChange:P,onShowModelInputChange:F,onAddModel:I,onRemoveModel:L,onToggleModelThinkingLevel:R,onSetModelThinkingDefault:z,onSetModelVision:H,onShowAdvancedChange:ee,onWireApiChange:U,onExtraHeadersChange:te,onDeleteProvider:W,onSubmit:ne,onTestConnection:re}=e,ie=t.providerAuthMethods.find(e=>e.id===v);return(0,X.jsxs)(ce,{children:[(0,X.jsx)(q,{className:`px-5 py-4`,children:(0,X.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,X.jsx)(`h3`,{className:`truncate text-lg font-semibold text-foreground`,children:r}),(0,X.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,X.jsx)(`button`,{type:`button`,onClick:W,disabled:S,className:`text-muted-foreground/70 transition-colors hover:text-red-500`,title:a(`providerDelete`),children:(0,X.jsx)(j,{className:`h-4 w-4`})}),(0,X.jsx)(Ue,{enabled:t.currentEnabled,apiKeyRequired:t.resolvedProviderConfig.apiKeyRequired,apiKeySet:t.resolvedProviderConfig.apiKeySet})]})]})}),(0,X.jsxs)(`form`,{onSubmit:ne,className:`flex min-h-0 flex-1 flex-col`,children:[(0,X.jsxs)(le,{className:`space-y-4 px-5 py-4`,children:[(0,X.jsxs)(`div`,{className:`space-y-2`,children:[(0,X.jsx)(o,{htmlFor:`providerDisplayName`,className:`text-sm font-medium text-foreground`,children:a(`providerDisplayName`)}),(0,X.jsx)(s,{id:`providerDisplayName`,type:`text`,value:i,onChange:e=>D(e.target.value),placeholder:t.defaultDisplayName||a(`providerDisplayNamePlaceholder`),className:`rounded-xl`}),(0,X.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:a(`providerDisplayNameHelpShort`)})]}),(0,X.jsx)(ve,{apiKey:c,apiKeyRequired:t.resolvedProviderConfig.apiKeyRequired!==!1,apiKeySet:t.resolvedProviderConfig.apiKeySet,apiKeyPlaceholder:t.apiKeyHint?.placeholder??a(`enterApiKey`),providerAuth:t.providerAuth,providerAuthNote:t.providerAuth?.note?.[n]||t.providerAuth?.note?.en||t.providerAuth?.displayName||``,providerAuthMethodOptions:t.providerAuthMethodOptions,providerAuthMethodsCount:t.providerAuthMethods.length,selectedAuthMethodHint:ie?.hint?.[n]||ie?.hint?.en||``,shouldUseAuthMethodPills:t.shouldUseAuthMethodPills,resolvedAuthMethodId:v,onAuthMethodChange:A,onStartProviderAuth:M,onImportProviderAuthFromCli:N,startPending:T,importPending:E,authSessionId:y,authStatusMessage:b,onApiKeyChange:O}),(0,X.jsxs)(`div`,{className:`space-y-2`,children:[(0,X.jsx)(o,{htmlFor:`apiBase`,className:`text-sm font-medium text-foreground`,children:a(`apiBase`)}),(0,X.jsx)(s,{id:`apiBase`,type:`text`,value:l,onChange:e=>k(e.target.value),placeholder:t.defaultApiBase||t.apiBaseHint?.placeholder||`https://api.example.com`,className:`rounded-xl`}),(0,X.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:t.apiBaseHelpText})]}),(0,X.jsx)(He,{models:p,modelConfig:m,modelDraft:h,showModelInput:_,onModelDraftChange:P,onShowModelInputChange:F,onAddModel:I,onRemoveModel:L,onToggleModelThinkingLevel:R,onSetModelThinkingDefault:z,onSetModelVision:H,thinkingLevels:B,formatThinkingLevelLabel:je}),(0,X.jsx)(ge,{showAdvanced:g,onShowAdvancedChange:ee,supportsWireApi:t.supportsWireApi,wireApiLabel:a(`wireApi`),wireApi:f,onWireApiChange:U,shouldUseWireApiPills:t.shouldUseWireApiPills,wireApiSelectOptions:t.wireApiSelectOptions,extraHeadersLabel:a(`extraHeaders`),extraHeaders:d,onExtraHeadersChange:te})]}),(0,X.jsx)(de,{children:(0,X.jsxs)(V,{align:`between`,children:[(0,X.jsxs)(u,{type:`button`,variant:`outline`,size:`sm`,onClick:re,disabled:w,children:[(0,X.jsx)(fe,{className:`mr-1.5 h-3.5 w-3.5`}),a(w?`providerTestingConnection`:`providerTestConnection`)]}),(0,X.jsx)(u,{type:`submit`,size:`sm`,disabled:C||!x,children:a(C?`saving`:x?`save`:`unchanged`)})]})})]})]})}function qe(e){if(!e)return null;try{let t=new URL(e);return`${t.host}${t.pathname&&t.pathname!==`/`?t.pathname:``}`}catch{return e.replace(/^https?:\/\//,``)}}function Je(e,t=[]){let n=new Map(t.map((e,t)=>[e,t]));return e.map((e,t)=>({provider:e,index:t})).sort((e,t)=>{let r=n.get(e.provider.providerId),i=n.get(t.provider.providerId);if(r!==void 0||i!==void 0)return(r??2**53-1)-(i??2**53-1);let a=e.provider.providerType===`nextclaw`?1:0,o=t.provider.providerType===`nextclaw`?1:0;return a===o?e.index-t.index:a-o}).map(({provider:e})=>e)}function Ye(e){let t=e.findIndex(e=>e.providerType===`zhipu`),n=e.findIndex(e=>e.providerType===`dashscope-coding-plan`);return e.map((e,t)=>({template:e,index:t})).sort((e,r)=>{let i=({template:e,index:r})=>e.providerType===`nextclaw`?2**53-1:e.providerType===`deepseek`&&n>=0?n-.5:e.providerType===`mimo`&&t>=0?t+.5:r;return i(e)-i(r)}).map(({template:e})=>e)}function Xe(){let{isMobile:e}=O(),{data:t}=oe(),{data:n}=re(),i=ne(),o=H(),l=W(),[d,p]=(0,Y.useState)(null),[y,b]=(0,Y.useState)(null),[x,S]=(0,Y.useState)(!1),[C,w]=(0,Y.useState)([]),[E,A]=(0,Y.useState)(``),M=(0,Y.useMemo)(()=>Je(Object.values(t?.providers??{}),C),[t?.providers,C]),F=(0,Y.useMemo)(()=>n?.providerTemplates??[],[n?.providerTemplates]),L=(0,Y.useMemo)(()=>Ye(F),[F]),R=(0,Y.useMemo)(()=>new Map(F.map(e=>[e.providerType,e])),[F]),z=(0,Y.useMemo)(()=>{let e=E.trim().toLowerCase();return M.filter(t=>{if(!e)return!0;let n=t.providerType?R.get(t.providerType):null;return(t.displayName?.trim()||n?.displayName||t.providerId).toLowerCase().includes(e)||t.providerId.toLowerCase().includes(e)})},[M,E,R]),B=(0,Y.useMemo)(()=>d&&z.some(e=>e.providerId===d)?d:e?null:z[0]?.providerId??null,[z,e,d]);return!t||!n?(0,X.jsx)(c,{title:a(`providersPageTitle`),description:a(`providersPageDescription`),layout:`split`,children:(0,X.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:a(`providersLoading`)})}):(0,X.jsxs)(c,{title:a(`providersPageTitle`),description:a(`providersPageDescription`),layout:`split`,children:[(0,X.jsxs)(K,{className:`md:min-h-0`,compactView:d?`detail`:`list`,onMobileBack:()=>p(null),mobileListLabel:a(`providersPageTitle`),children:[(0,X.jsxs)(J,{children:[(0,X.jsx)(q,{className:`space-y-3 px-4 pb-3 pt-4`,children:(0,X.jsxs)(g,{open:x,onOpenChange:S,children:[(0,X.jsx)(m,{asChild:!0,children:(0,X.jsxs)(u,{type:`button`,variant:`outline`,className:`w-full justify-center`,disabled:i.isPending,children:[(0,X.jsx)(k,{className:`mr-2 h-4 w-4`}),i.isPending?a(`saving`):a(`providerAdd`)]})}),(0,X.jsxs)(h,{className:`w-[42rem] max-w-[calc(100vw-2rem)] p-3`,align:`start`,children:[(0,X.jsx)(`div`,{className:`mb-2 px-1 text-xs font-semibold text-muted-foreground`,children:a(`providerTemplatePickerTitle`)}),(0,X.jsxs)(`div`,{className:`grid max-h-[24rem] grid-cols-2 gap-2 overflow-y-auto sm:grid-cols-3`,children:[(0,X.jsxs)(`button`,{type:`button`,className:`flex min-h-20 w-full flex-col items-start gap-2 rounded-lg border border-dashed border-border/70 bg-muted/20 px-3 py-2 text-left transition-colors hover:border-border hover:bg-muted/45`,onClick:async()=>{try{let e=await i.mutateAsync({data:{providerType:null}});A(``),p(e.providerId),w(t=>[e.providerId,...t.filter(t=>t!==e.providerId)]),S(!1)}catch{}},children:[(0,X.jsx)(P,{name:`custom`,className:`h-8 w-8 rounded-lg border border-border/60 bg-muted/50`}),(0,X.jsx)(`span`,{className:`line-clamp-2 min-w-0 text-xs font-semibold leading-4 text-foreground`,children:a(`providerAddCustom`)})]}),L.map(e=>(0,X.jsxs)(`button`,{type:`button`,className:`flex min-h-20 w-full flex-col items-start gap-2 rounded-lg border border-border/55 bg-muted/15 px-3 py-2 text-left transition-colors hover:border-border/80 hover:bg-muted/40`,onClick:async()=>{try{let t=await i.mutateAsync({data:{providerType:e.providerType}});A(``),p(t.providerId),w(e=>[t.providerId,...e.filter(e=>e!==t.providerId)]),S(!1)}catch{}},children:[(0,X.jsx)(P,{name:e.providerType,src:e.logo?`/logos/${e.logo}`:null,className:`h-8 w-8 rounded-lg border border-border/55 bg-background`,imgClassName:`h-4 w-4 object-contain`}),(0,X.jsx)(`span`,{className:`line-clamp-2 min-w-0 text-xs font-semibold leading-4 text-foreground`,children:e.displayName||e.providerType})]},e.providerType))]})]})]})}),(0,X.jsx)(`div`,{className:`border-b border-border/70 px-4 py-3`,children:(0,X.jsxs)(`div`,{className:`relative`,children:[(0,X.jsx)(v,{className:`pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground/70`}),(0,X.jsx)(s,{value:E,onChange:e=>A(e.target.value),placeholder:a(`providersFilterPlaceholder`),className:`h-10 rounded-xl pl-9`})]})}),(0,X.jsxs)(le,{className:`space-y-2 p-3`,children:[z.map(e=>{let t=e.providerType?R.get(e.providerType):null,n=e.enabled!==!1,i=I(e),o=e.displayName?.trim()||t?.displayName||e.providerId,s=qe(e.apiBase||t?.defaultApiBase||``)||a(`providersDefaultDescription`);return(0,X.jsx)(`div`,{onClick:()=>p(e.providerId),onKeyDown:t=>{(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),p(e.providerId))},role:`button`,tabIndex:0,className:r(`group w-full rounded-xl p-2.5 text-left transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,B===e.providerId?`bg-background/95 text-foreground shadow-sm`:`bg-transparent text-muted-foreground hover:bg-background/65 hover:text-foreground`),children:(0,X.jsxs)(`div`,{className:`relative min-h-10`,children:[(0,X.jsxs)(`div`,{className:`flex min-w-0 items-center gap-3 pr-20`,children:[(0,X.jsx)(P,{name:e.providerType??e.providerId,src:t?.logo?`/logos/${t.logo}`:null,className:`h-10 w-10 rounded-lg bg-background/80`,imgClassName:`h-5 w-5 object-contain`,fallback:(0,X.jsx)(`span`,{className:`text-sm font-semibold uppercase text-muted-foreground`,children:e.providerId[0]})}),(0,X.jsxs)(`div`,{className:`min-w-0`,children:[(0,X.jsx)(`p`,{className:`truncate text-sm font-semibold text-foreground`,children:o}),(0,X.jsx)(`p`,{className:`truncate font-mono text-[10px] text-muted-foreground/65`,children:e.providerId}),(0,X.jsxs)(`p`,{className:`line-clamp-1 text-[11px] text-muted-foreground`,children:[s,` · `,e.models?.length??0]})]})]}),(0,X.jsxs)(`div`,{className:`absolute right-0 top-0 flex items-center gap-1.5 opacity-70 transition-opacity group-hover:opacity-100`,children:[(0,X.jsx)(`div`,{onClick:e=>e.stopPropagation(),children:(0,X.jsx)(f,{checked:n,disabled:l.isPending,title:a(n?`disabled`:`enabled`),className:`h-[18px] w-8`,thumbClassName:`h-4 w-4 data-[state=checked]:translate-x-4`,onCheckedChange:t=>{l.mutateAsync({provider:e.providerId,data:{enabled:t},silentSuccess:!0})}})}),(0,X.jsxs)(g,{children:[(0,X.jsx)(m,{asChild:!0,children:(0,X.jsx)(`button`,{type:`button`,className:`inline-flex h-7 w-7 items-center justify-center rounded-lg text-muted-foreground/70 hover:bg-muted hover:text-foreground`,onClick:e=>e.stopPropagation(),title:a(`more`),children:(0,X.jsx)(T,{className:`h-4 w-4`})})}),(0,X.jsx)(h,{className:`w-40 p-1`,align:`end`,onClick:e=>e.stopPropagation(),children:(0,X.jsxs)(`button`,{type:`button`,className:`flex w-full items-center gap-2 rounded-md px-2 py-2 text-sm text-red-600 hover:bg-red-50`,onClick:()=>b(e.providerId),children:[(0,X.jsx)(j,{className:`h-4 w-4`}),a(`providerDelete`)]})})]})]}),(0,X.jsx)(N,{status:n?i?`ready`:`setup`:`inactive`,label:a(n?i?`statusReady`:`statusSetup`:`disabled`),className:`absolute bottom-0 right-0 justify-end`})]})},e.providerId)}),z.length===0?(0,X.jsx)(se,{icon:D,title:a(`providersNoMatch`)}):null]})]}),(0,X.jsx)(Ge,{providerName:B??void 0,onProviderDeleted:e=>{w(t=>t.filter(t=>t!==e)),e===B&&p(null)}})]}),(0,X.jsx)(_,{open:!!y,onOpenChange:e=>{e||b(null)},title:a(`providerDelete`),description:y??void 0,confirmLabel:a(`delete`),variant:`destructive`,onCancel:()=>b(null),onConfirm:()=>{y&&o.mutateAsync({provider:y}).then(()=>{w(e=>e.filter(e=>e!==y)),y===B&&p(null),b(null)})}})]})}export{Xe as ProvidersConfigPage};