@nextclaw/ui 0.26.3 → 0.26.4

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

@@ -1 +0,0 @@
-import{i as e}from"./chunk-DF37yw5_.js";import{Gt as t,Jn as n,Qt as r,Ut as i,Wt as a,Yt as o,_n as s,cr as c,gn as l,sr as u,yr as d}from"./api-DkLJrSCd.js";import{t as f}from"./createLucideIcon-B4xj2I2g.js";import{a as p,i as m,t as h}from"./use-viewport-layout-DdxVnCYc.js";import{a as g,i as _,n as v,r as y,t as b,w as x}from"./select-6Uq4chZW.js";import{m as S}from"./context-menu-CRqH2SEk.js";import{i as C,n as w,r as T,t as E}from"./confirm-dialog-10Qb3dpZ.js";import{t as D}from"./eye-DrQRSAfJ.js";import{t as O}from"./loader-circle-DbOQWT9C.js";import{n as k,t as A}from"./trash-2-DazgBvmJ.js";import{t as j}from"./refresh-cw-syCVj_nw.js";import{t as M}from"./settings-2-COvVf1XX.js";import{t as N}from"./x-CQIp_nJT.js";import{l as P,s as F}from"./i18n-OGmF0Ws_.js";import{a as I,c as L,g as R,h as z,l as B,o as V,p as H,t as ee}from"./provider-models-YW7rIeOD.js";import{n as U,t as W}from"./status-dot-DZlxa5zW.js";import{t as te}from"./host-capabilities-DuIFVsvM.js";import{a as ne,c as G,d as K,f as q,h as re,i as ie,l as ae,m as oe,o as se,p as ce,r as le,y as ue}from"./use-config-DRRGF9Zb.js";import{t as de}from"./form-actions-BEeWTGUZ.js";import{t as J}from"./config-hints-DbmiyTKg.js";import{a as fe,c as pe,i as me,l as he,n as ge,o as _e,r as ve,s as ye}from"./config-split-page-Bd-bGKsw.js";var be=f(`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`}]]),xe=f(`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(d(),1),Se={providerId:``,providerType:null,isBuiltInType:!1,isCustom:!0,enabled:!0,displayName:``,apiKeySet:!1,apiKeyMasked:void 0,apiBase:null,extraHeaders:null,wireApi:null,models:[],modelConfig:{}};function X(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 Ce(e,t){let n=X(e),r=X(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 Z(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 we(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 Q(e,t){let n=e.trim();if(!n)return``;for(let e of t){let t=e.trim();t&&(n=we(n,t))}return n.trim()}function Te(e,t){return e.length===t.length?e.every((e,n)=>e===t[n]):!1}function Ee(e,t){return Z(t)}function De(e,t){return Z(e).map(e=>{let n=e.trim();return!n||n.startsWith(`${t}/`)?n:`${t}/${n}`})}function Oe(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=L(i.thinking?.supported);if(a.length>0){let t=B(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 ke(e,t,n){return{...V(e,n),...V(t,n)}}function Ae(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||!Te([...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 je(e){return e.providerName?e.apiKey.trim().length>0||e.apiBase.trim()!==e.currentApiBase.trim()||!Ce(e.extraHeaders,e.currentHeaders)||e.supportsWireApi&&e.wireApi!==e.currentWireApi||!Te(e.models,e.currentEditableModels)||!Ae(e.modelConfig,e.currentModelConfig)||e.providerDisplayName.trim()!==e.effectiveDisplayName:!1}function Me(e){let t={},n=e.apiKey.trim(),r=e.apiBase.trim(),i=X(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),Ce(i,e.currentHeaders)||(t.extraHeaders=i),e.supportsWireApi&&e.wireApi!==e.currentWireApi&&(t.wireApi=e.wireApi),Te(e.models,e.currentEditableModels)||(t.models=De(e.models,e.providerName??``)),Ae(e.modelConfig,e.currentModelConfig)||(t.modelConfig=Oe(e.modelConfig,e.models)),t}function Ne(e){let t=Q(e.models.find(e=>e.trim().length>0)??``,e.providerModelAliases),n={...Pe(e),model:t||null};return e.supportsWireApi&&(n.wireApi=e.wireApi),n}function Pe(e){let t={apiBase:e.apiBase.trim(),extraHeaders:X(e.extraHeaders)};return e.apiKey.trim().length>0&&(t.apiKey=e.apiKey.trim()),t}function Fe(e){return F(e===`off`?`chatThinkingLevelOff`:e===`minimal`?`chatThinkingLevelMinimal`:e===`low`?`chatThinkingLevelLow`:e===`medium`?`chatThinkingLevelMedium`:e===`high`?`chatThinkingLevelHigh`:e===`adaptive`?`chatThinkingLevelAdaptive`:`chatThinkingLevelXhigh`)}function Ie(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 Le(e){let{required:t,hasDefault:n,optionCount:r}=e;return t&&n&&r>1&&r<=3}function Re(e,t,n){let r=Q(t,n);return r?e.includes(r)?{models:e,draft:``}:{models:[...e,r],draft:``}:{models:e,draft:t}}function ze(e,t,n){let r=[...e],i=new Set(e);for(let e of t){let t=Q(e,n);t&&!i.has(t)&&(i.add(t),r.push(t))}return{models:r,addedCount:r.length-e.length}}function Be(e,t,n){return ze(e,t,n).models.slice(e.length)}function Ve(e,t,n){let r={...t};return delete r[n],{models:e.filter(e=>e!==n),modelConfig:r}}function He(e,t,n){let r=e[t],i=r?.thinking?.supported??[],a=i.includes(n)?i.filter(e=>e!==n):ee.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 Ue(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 We(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 Ge(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:Ie({providerName:n?.providerType??t,methods:a,defaultMethodId:i?.defaultMethodId,language:r}),shouldUseAuthMethodPills:Le({required:i?.kind===`device_code`,hasDefault:!!i?.defaultMethodId?.trim(),optionCount:a.length})}}function Ke(e,t){let n=!!e?.supportsWireApi||t,r=(e?.wireApiOptions||[`auto`,`chat`,`responses`]).map(e=>({value:e,label:F(e===`chat`?`wireApiChat`:e===`responses`?`wireApiResponses`:`wireApiAuto`)}));return{shouldUseWireApiPills:Le({required:n,hasDefault:typeof e?.defaultWireApi==`string`&&e.defaultWireApi.length>0,optionCount:r.length}),supportsWireApi:n,wireApiSelectOptions:r}}function qe(e){let{providerName:t,providersView:n,templatesView:r,schema:i,language:a}=e,o=t?n?.providers[t]:null,s=r?.providerTemplates.find(e=>e.providerType===o?.providerType),c=o??Se,l=i?.uiHints,u=!!o?.isCustom,d=t?J(`providers.${t}.apiKey`,l):void 0,f=t?J(`providers.${t}.apiBase`,l):void 0,p=t?J(`providers.${t}.extraHeaders`,l):void 0,m=t?J(`providers.${t}.wireApi`,l):void 0,h=s?.displayName||o?.displayName||t||``,g=(c.displayName||``).trim()||h,_=c.enabled!==!1,v=u||s?.supportsModelDiscovery===!0,y=Z([s?.modelPrefix||s?.providerType||``,t||``]),b=s?.defaultApiBase||``,x=c.apiBase||b,S=X(c.extraHeaders||null),C=c.wireApi||s?.defaultWireApi||`auto`,w=Ee(Z((s?.defaultModels??[]).map(e=>Q(e,y))),Z((c.models??[]).map(e=>Q(e,y)))),T=Oe(ke(s?.modelConfig,c.modelConfig,y),w),E=s?.apiBaseHelp?.[a]||s?.apiBaseHelp?.en||f?.help||F(`providerApiBaseHelp`),D=Ge({providerName:t,providerSpec:s,language:a}),O=Ke(s,u);return{apiBaseHelpText:E,apiBaseHint:f,apiKeyHint:d,currentApiBase:x,currentEditableModels:w,currentEnabled:_,currentHeaders:S,currentModelConfig:T,currentWireApi:C,defaultApiBase:b,defaultDisplayName:h,effectiveDisplayName:g,extraHeadersHint:p,...D,providerConfig:o,providerModelAliases:y,resolvedProviderConfig:c,supportsModelDiscovery:v,wireApiHint:m,...O}}function Je(e){let{providerName:t,providerAuth:r,resolvedAuthMethodId:i}=e,a=u(),o=oe(),s=ae(),c=G(),[l,d]=(0,Y.useState)(``),[f,p]=(0,Y.useState)(null),[m,h]=(0,Y.useState)(``),g=(0,Y.useRef)(null),_=(0,Y.useCallback)(()=>{g.current!==null&&(window.clearTimeout(g.current),g.current=null)},[]),v=(0,Y.useCallback)((e,r)=>{_(),g.current=window.setTimeout(()=>{(async()=>{if(t)try{let i=await s.mutateAsync({provider:t,data:{sessionId:e}});if(i.status===`pending`){h(F(`providerAuthWaitingBrowser`)),v(e,i.nextPollMs??r);return}if(i.status===`authorized`){p(null),_(),h(F(`providerAuthCompleted`)),n.success(F(`providerAuthCompleted`)),a.invalidateQueries({queryKey:[`config`]}),a.invalidateQueries({queryKey:[`providers`]});return}p(null),_(),h(i.message||`Authorization ${i.status}.`),n.error(i.message||`Authorization ${i.status}.`)}catch(e){p(null),_();let t=e instanceof Error?e.message:String(e);h(t),n.error(`Authorization failed: ${t}`)}})()},Math.max(1e3,r))},[_,s,t,a]),y=(0,Y.useCallback)(async()=>{if(!(!t||r?.kind!==`device_code`))try{d(t),h(``);let e=await o.mutateAsync({provider:t,data:i?{methodId:i}:{}});if(!e.sessionId||!e.verificationUri)throw Error(F(`providerAuthStartFailed`));p(e.sessionId),h(`${F(`providerAuthOpenPrompt`)}${e.userCode}${F(`providerAuthOpenPromptSuffix`)}`),await te.openExternalUrl(e.verificationUri),v(e.sessionId,e.intervalMs)}catch(e){let t=e instanceof Error?e.message:String(e);p(null),_(),h(t),n.error(`${F(`providerAuthStartFailed`)}: ${t}`)}},[_,r?.kind,t,i,v,o]),b=(0,Y.useCallback)(async()=>{if(!(!t||r?.kind!==`device_code`))try{d(t),_(),p(null);let e=await c.mutateAsync({provider:t});h(`${F(`providerAuthImportStatusPrefix`)}${e.expiresAt?` (expires: ${e.expiresAt})`:``}`),n.success(F(`providerAuthImportSuccess`)),a.invalidateQueries({queryKey:[`config`]}),a.invalidateQueries({queryKey:[`providers`]})}catch(e){let t=e instanceof Error?e.message:String(e);h(t),n.error(`${F(`providerAuthImportFailed`)}: ${t}`)}},[_,c,r?.kind,t,a]);return(0,Y.useEffect)(()=>{_()},[_,t]),(0,Y.useEffect)(()=>()=>_(),[_]),{authSessionId:l===t?f:null,authStatusMessage:l===t?m:``,importAuthFromCli:b,importPending:c.isPending,startAuth:y,startPending:o.isPending}}function Ye(e){let{providerName:t,apiKey:r,apiKeyRequired:i,apiKeySet:a,apiBase:o,extraHeaders:s,supportsWireApi:c,wireApi:u,models:d,providerModelAliases:f}=e,p=re(),m=se(),h=(0,Y.useMemo)(()=>JSON.stringify({providerName:t,apiKey:r,apiBase:o,extraHeaders:s}),[o,r,s,t]),[g,_]=(0,Y.useState)(null),v=(0,Y.useCallback)(async()=>{if(t)try{let e=await p.mutateAsync({provider:t,data:Ne({apiKey:r,apiBase:o,extraHeaders:s,supportsWireApi:c,wireApi:u,models:d,providerModelAliases:f})});if(e.success){n.success(`${F(`providerTestConnectionSuccess`)} (${e.latencyMs}ms)`);return}let i=[`provider=${e.provider}`,`latency=${e.latencyMs}ms`];e.model&&i.push(`model=${e.model}`),n.error(`${F(`providerTestConnectionFailed`)}: ${e.message} | ${i.join(` | `)}`)}catch(e){let t=e instanceof Error?e.message:String(e);n.error(`${F(`providerTestConnectionFailed`)}: ${t}`)}},[o,r,s,d,f,t,c,p,u]);return{discoverModels:(0,Y.useCallback)(async()=>{if(!t)return null;if(i&&!r.trim()&&!a)return n.error(F(`providerModelsApiKeyRequired`)),null;try{let e=await m.mutateAsync({provider:t,data:Pe({apiKey:r,apiBase:o,extraHeaders:s})});return _({key:h,models:e.models}),n.success(F(`providerModelsFetchSuccess`)),e.models}catch(e){if(e instanceof l&&(e.details?.upstreamStatus===401||e.details?.upstreamStatus===403))return n.error(F(`providerModelsAuthorizationFailed`)),null;let t=e instanceof Error?e.message:String(e);return n.error(`${F(`providerModelsFetchFailed`)}: ${t}`),null}},[o,r,i,a,m,h,s,t]),fetchedModels:g?.key===h?g.models:[],isDiscoveringModels:m.isPending,isTestPending:p.isPending,testConnection:v}}var $=c();function Xe({value:e,onChange:n,className:r}){let i=e?Object.entries(e):[],a=(e,t,r)=>{let a=[...i];a[e]=[t,r],n(Object.fromEntries(a))},c=()=>{n({...e,"":``})},l=e=>{let t=i.filter((t,n)=>n!==e);n(Object.fromEntries(t))};return(0,$.jsxs)(`div`,{className:s(`space-y-2`,r),children:[i.map(([e,n],r)=>(0,$.jsxs)(`div`,{className:`flex gap-2`,children:[(0,$.jsx)(t,{type:`text`,value:e,onChange:e=>a(r,e.target.value,n),placeholder:F(`headerName`),className:`flex-1`}),(0,$.jsx)(t,{type:`text`,value:n,onChange:t=>a(r,e,t.target.value),placeholder:F(`headerValue`),className:`flex-1`}),(0,$.jsx)(o,{type:`button`,variant:`ghost`,size:`icon`,onClick:()=>l(r),children:(0,$.jsx)(A,{className:`h-4 w-4 text-red-500`})})]},r)),(0,$.jsxs)(o,{type:`button`,variant:`outline`,size:`sm`,onClick:c,children:[(0,$.jsx)(k,{className:`h-4 w-4 mr-2`}),F(`add`)]})]})}function Ze(e){let{value:t,onChange:n,options:r}=e;return(0,$.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:r.map(e=>{let r=e.value===t;return(0,$.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 Qe(e){let{showAdvanced:t,onShowAdvancedChange:n,supportsWireApi:r,wireApiLabel:i,wireApi:o,onWireApiChange:s,shouldUseWireApiPills:c,wireApiSelectOptions:l,extraHeadersLabel:u,extraHeaders:d,onExtraHeadersChange:f}=e;return(0,$.jsxs)(`div`,{className:`border-t border-border/70 pt-4`,children:[(0,$.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,$.jsxs)(`span`,{className:`flex items-center gap-1.5`,children:[(0,$.jsx)(M,{className:`h-3.5 w-3.5`}),F(`providerAdvancedSettings`)]}),(0,$.jsx)(x,{className:`h-4 w-4 transition-transform ${t?`rotate-180`:``}`})]}),t?(0,$.jsxs)(`div`,{className:`mt-4 space-y-5`,children:[r?(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(a,{htmlFor:`wireApi`,className:`text-sm font-medium text-foreground`,children:i}),c?(0,$.jsx)(Ze,{value:o,onChange:e=>s(e),options:l}):(0,$.jsxs)(b,{value:o,onValueChange:e=>s(e),children:[(0,$.jsx)(_,{className:`rounded-xl`,children:(0,$.jsx)(g,{})}),(0,$.jsx)(v,{children:l.map(e=>(0,$.jsx)(y,{value:e.value,children:e.label},e.value))})]})]}):null,(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(a,{className:`text-sm font-medium text-foreground`,children:u}),(0,$.jsx)(Xe,{value:d,onChange:f}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:F(`providerExtraHeadersHelpShort`)})]})]}):null]})}function $e({isSet:e,className:n,value:r,onChange:i,placeholder:a,...c}){let[l,u]=(0,Y.useState)(!1),[d,f]=(0,Y.useState)(!1),p=typeof r==`string`&&r.length>0;return(0,$.jsxs)(`div`,{className:`relative`,children:[e&&!p&&!d?(0,$.jsx)(`div`,{onClick:()=>f(!0),className:s(`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`,n),children:`••••••••••••`}):(0,$.jsx)(t,{type:l?`text`:`password`,className:s(`pr-12`,n),value:r,onChange:i,onBlur:()=>{p||f(!1)},placeholder:a,autoFocus:d,...c}),(0,$.jsx)(`div`,{className:`absolute right-2 top-1/2 -translate-y-1/2 flex gap-1`,children:(e||p)&&(0,$.jsx)(o,{type:`button`,variant:`ghost`,size:`icon`,className:`h-7 w-7`,onClick:()=>u(!l),children:l?(0,$.jsx)(xe,{className:`h-4 w-4`}):(0,$.jsx)(D,{className:`h-4 w-4`})})})]})}function et(e){let{apiKey:t,apiKeyRequired:n,apiKeySet:r,apiKeyPlaceholder:i,providerAuth:s,providerAuthNote:c,providerAuthMethodOptions:l,providerAuthMethodsCount:u,selectedAuthMethodHint:d,shouldUseAuthMethodPills:f,resolvedAuthMethodId:p,onAuthMethodChange:m,onStartProviderAuth:h,onImportProviderAuthFromCli:x,startPending:S,importPending:C,authSessionId:w,authStatusMessage:T,onApiKeyChange:E}=e,D=n?(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(a,{htmlFor:`apiKey`,className:`text-sm font-medium text-foreground`,children:F(`apiKey`)}),(0,$.jsx)($e,{id:`apiKey`,value:t,isSet:r,onChange:e=>E(e.target.value),placeholder:i,className:`rounded-xl`}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:F(`leaveBlankToKeepUnchanged`)})]}):null;return s?.kind===`device_code`?(0,$.jsxs)($.Fragment,{children:[D,(0,$.jsxs)(`div`,{className:`space-y-2 rounded-xl bg-muted/45 p-3`,children:[(0,$.jsx)(a,{className:`text-sm font-medium text-foreground`,children:s.displayName||F(`providerAuthSectionTitle`)}),c?(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:c}):null,u>1?(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(a,{className:`text-xs font-medium text-foreground`,children:F(`providerAuthMethodLabel`)}),f?(0,$.jsx)(Ze,{value:p,onChange:m,options:l}):(0,$.jsxs)(b,{value:p,onValueChange:m,children:[(0,$.jsx)(_,{className:`h-8 rounded-lg`,children:(0,$.jsx)(g,{placeholder:F(`providerAuthMethodPlaceholder`)})}),(0,$.jsx)(v,{children:l.map(e=>(0,$.jsx)(y,{value:e.value,children:e.label},e.value))})]}),d?(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:d}):null]}):null,(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,$.jsx)(o,{type:`button`,variant:`outline`,size:`sm`,onClick:h,disabled:S||!!w,children:F(S?`providerAuthStarting`:w?`providerAuthAuthorizing`:`providerAuthAuthorizeInBrowser`)}),s.supportsCliImport?(0,$.jsx)(o,{type:`button`,variant:`outline`,size:`sm`,onClick:x,disabled:C,children:F(C?`providerAuthImporting`:`providerAuthImportFromCli`)}):null,w?(0,$.jsxs)(`span`,{className:`text-xs text-muted-foreground`,children:[F(`providerAuthSessionLabel`),`: `,w.slice(0,8),`…`]}):null]}),T?(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:T}):null]})]}):D}function tt(e){let{providerName:t,models:n,aliases:r,fetchedModels:i=[],onModelsChange:a}=e,o=K({pollWhileRefreshing:!0,refreshOnMount:!0}),s=t?o.data?.providers[t]:void 0,c=i.length>0?`fetched`:`background`,l=(0,Y.useMemo)(()=>Be(n,c===`fetched`?i:s?.models??[],r),[r,s?.models,i,n,c]);return{addSuggestedModels:(0,Y.useCallback)(e=>{let t=ze(n,e,r);t.addedCount>0&&a(t.models)},[r,n,a]),hasSuggestionError:!!(s?.lastError&&!s.fetchedAt),isCheckingSuggestions:!!(t&&(o.isLoading||o.data?.refreshing&&!s)),suggestedModels:l,suggestionSource:c}}function nt(e){let{models:t,modelConfig:n,onModelsChange:r,onRemoveModel:o,onToggleModelThinkingLevel:s,onSetModelThinkingDefault:c,onSetModelVision:l,thinkingLevels:u,formatThinkingLevelLabel:d}=e,[f,p]=(0,Y.useState)(!1),[m,h]=(0,Y.useState)(()=>new Set),x=(0,Y.useMemo)(()=>t.filter(e=>m.has(e)),[t,m]),S=e=>{h(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},C=()=>{p(!1),h(new Set)};return(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(`div`,{className:`flex min-h-7 flex-wrap items-center justify-end gap-2`,children:f?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`span`,{className:`mr-auto text-xs text-muted-foreground`,children:F(`providerModelsSuggestionsSelected`).replace(`{count}`,String(x.length))}),(0,$.jsx)(`button`,{type:`button`,className:`text-xs font-medium text-primary hover:text-primary/80`,onClick:()=>h(x.length===t.length?new Set:new Set(t)),children:F(x.length===t.length?`providerModelsClearSelection`:`providerModelsSelectAll`)}),(0,$.jsx)(`button`,{type:`button`,className:`text-xs font-medium text-muted-foreground hover:text-foreground`,onClick:C,children:F(`cancel`)}),(0,$.jsxs)(`button`,{type:`button`,disabled:x.length===0,className:`inline-flex items-center gap-1 rounded-md bg-destructive/10 px-2 py-1 text-xs font-medium text-destructive transition-colors hover:bg-destructive/15 disabled:cursor-not-allowed disabled:opacity-45`,onClick:()=>{x.length!==0&&(r(t.filter(e=>!m.has(e))),C())},children:[(0,$.jsx)(A,{className:`h-3 w-3`}),F(`providerModelsRemoveSelected`)]})]}):(0,$.jsxs)(`button`,{type:`button`,className:`inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground`,onClick:()=>p(!0),children:[(0,$.jsx)(A,{className:`h-3 w-3`}),F(`providerModelsBulkRemove`)]})}),(0,$.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:t.map(e=>{if(f)return(0,$.jsxs)(`label`,{className:`inline-flex max-w-full cursor-pointer items-center gap-2 rounded-full border border-border/55 bg-muted/45 px-3 py-1.5 hover:bg-muted/70`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:m.has(e),onChange:()=>S(e),"aria-label":F(`providerModelsSuggestionSelect`).replace(`{model}`,e),className:`h-3.5 w-3.5 shrink-0 accent-primary`}),(0,$.jsx)(`span`,{className:`max-w-[140px] truncate text-sm text-foreground sm:max-w-[220px]`,children:e})]},e);let t=n[e],r=t?.thinking,p=r?.supported??[],h=r?.default??null,x=t?.vision===!0;return(0,$.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,$.jsx)(`span`,{className:`max-w-[140px] truncate text-sm text-foreground sm:max-w-[220px]`,children:e}),(0,$.jsxs)(H,{children:[(0,$.jsx)(R,{asChild:!0,children:(0,$.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":F(`providerModelThinkingTitle`),title:F(`providerModelThinkingTitle`),children:(0,$.jsx)(M,{className:`h-3 w-3`})})}),(0,$.jsxs)(z,{className:`w-80 space-y-3`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-3 rounded-lg bg-muted/50 px-3 py-2`,children:[(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsx)(`p`,{className:`text-xs font-semibold text-foreground`,children:F(`providerModelVisionTitle`)}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:F(`providerModelVisionHint`)})]}),(0,$.jsx)(i,{checked:x,onCheckedChange:t=>l(e,t)})]}),(0,$.jsxs)(`div`,{className:`space-y-1`,children:[(0,$.jsx)(`p`,{className:`text-xs font-semibold text-foreground`,children:F(`providerModelThinkingTitle`)}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:F(`providerModelThinkingHint`)})]}),(0,$.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:u.map(t=>(0,$.jsx)(`button`,{type:`button`,onClick:()=>s(e,t),className:`rounded-full border px-2.5 py-1 text-xs font-medium transition-colors ${p.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:d(t)},t))}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(a,{className:`text-xs font-medium text-foreground`,children:F(`providerModelThinkingDefault`)}),(0,$.jsxs)(b,{value:h??`__none__`,onValueChange:t=>c(e,t===`__none__`?null:t),disabled:p.length===0,children:[(0,$.jsx)(_,{className:`h-8 rounded-lg text-xs`,children:(0,$.jsx)(g,{})}),(0,$.jsxs)(v,{children:[(0,$.jsx)(y,{value:`__none__`,children:F(`providerModelThinkingDefaultNone`)}),p.map(e=>(0,$.jsx)(y,{value:e,children:d(e)},e))]})]}),p.length===0?(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:F(`providerModelThinkingNoSupported`)}):null]})]})]}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>o(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":F(`remove`),children:(0,$.jsx)(N,{className:`h-3 w-3`})})]},e)})}),f?(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:F(`providerModelsRemoveSaveHint`)}):null]})}var rt=20,it=50,at=50;function ot(e){let{expanded:n,fetchedTotal:r,models:i,source:a,onExpandedChange:o,onAddModels:s}=e,[c,l]=(0,Y.useState)(``),[u,d]=(0,Y.useState)(()=>new Set),f=(0,Y.useMemo)(()=>{let e=c.trim().toLowerCase();return e?i.filter(t=>t.toLowerCase().includes(e)):i},[i,c]),p=f.slice(0,at),h=(0,Y.useMemo)(()=>i.filter(e=>u.has(e)),[i,u]),g=e=>{d(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},_=e=>{e.length!==0&&(s(e),l(``),d(new Set))},v=a===`fetched`?`providerModelsFetchedSuggestionsSummary`:`providerModelsSuggestionsSummary`;return a===`fetched`&&i.length===0?(0,$.jsxs)(`div`,{className:`flex items-center gap-2 rounded-xl bg-muted/35 px-3 py-2 text-xs text-muted-foreground`,role:`status`,children:[(0,$.jsx)(w,{className:`h-3.5 w-3.5 shrink-0 text-primary`}),(0,$.jsx)(`span`,{children:F(`providerModelsFetchedAllConfigured`).replace(`{count}`,String(r))})]}):(0,$.jsxs)(`div`,{className:`rounded-xl bg-muted/35 p-2`,children:[(0,$.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-1.5`,children:[(0,$.jsxs)(`button`,{type:`button`,"aria-expanded":n,className:`flex min-w-0 flex-1 items-center gap-1.5 rounded-lg px-2 py-1.5 text-left text-xs text-muted-foreground transition-colors hover:bg-muted/70 hover:text-foreground`,onClick:()=>o(!n),children:[(0,$.jsx)(w,{className:`h-3.5 w-3.5 shrink-0 text-primary`}),(0,$.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:F(v).replace(`{count}`,String(i.length))}),(0,$.jsx)(S,{className:`h-3.5 w-3.5 shrink-0 transition-transform ${n?`rotate-90`:``}`})]}),i.length<=it?(0,$.jsx)(`button`,{type:`button`,className:`shrink-0 rounded-lg px-2 py-1.5 text-xs font-medium text-primary transition-colors hover:bg-primary/10`,onClick:()=>_(i),children:F(`providerModelsSuggestionsAddAll`)}):null]}),n?(0,$.jsxs)(`div`,{className:`px-1 pb-1`,children:[i.length>rt?(0,$.jsxs)(`div`,{className:`relative px-2 pb-1 pt-1.5`,children:[(0,$.jsx)(m,{className:`pointer-events-none absolute left-4 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground`}),(0,$.jsx)(t,{value:c,onChange:e=>l(e.target.value),placeholder:F(`providerModelsSuggestionsSearchPlaceholder`),className:`h-8 rounded-lg pl-8 text-xs`})]}):null,(0,$.jsxs)(`div`,{className:`custom-scrollbar max-h-44 overflow-y-auto overscroll-contain`,children:[p.map(e=>(0,$.jsxs)(`label`,{className:`grid min-w-0 cursor-pointer grid-cols-[auto_minmax(0,1fr)] items-center gap-2 rounded-lg px-2 py-1.5 hover:bg-muted/70`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:u.has(e),onChange:()=>g(e),"aria-label":F(`providerModelsSuggestionSelect`).replace(`{model}`,e),className:`h-3.5 w-3.5 shrink-0 accent-primary`}),(0,$.jsx)(`span`,{className:`block min-w-0 truncate text-xs text-foreground`,title:e,children:e})]},e)),f.length===0?(0,$.jsx)(`p`,{className:`px-2 py-4 text-center text-xs text-muted-foreground`,children:F(`providerModelsSuggestionsSearchEmpty`)}):null]}),f.length>p.length?(0,$.jsx)(`p`,{className:`px-2 pt-1 text-[11px] text-muted-foreground`,children:F(`providerModelsSuggestionsShowing`).replace(`{visible}`,String(p.length)).replace(`{count}`,String(f.length))}):null,(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-2 px-2 pt-1.5`,children:[(0,$.jsx)(`span`,{className:`text-[11px] text-muted-foreground`,children:F(`providerModelsSuggestionsSelected`).replace(`{count}`,String(h.length))}),(0,$.jsx)(`button`,{type:`button`,disabled:h.length===0,className:`shrink-0 rounded-md bg-primary/10 px-2 py-1 text-[11px] font-medium text-primary transition-colors hover:bg-primary/15 disabled:cursor-not-allowed disabled:opacity-45`,onClick:()=>_(h),children:F(`providerModelsSuggestionsAddSelected`)})]}),(0,$.jsx)(`p`,{className:`px-2 pb-1 pt-1 text-[11px] text-muted-foreground`,children:F(`providerModelsSuggestionsSaveHint`)})]}):null]})}function st({hasFetchedCatalog:e,hasSuggestionError:t,supportsModelDiscovery:n}){return!n||!t||e?null:(0,$.jsxs)(`div`,{className:`flex items-start gap-2 rounded-xl bg-destructive/10 px-3 py-2 text-xs text-destructive`,children:[(0,$.jsx)(C,{className:`mt-0.5 h-3.5 w-3.5 shrink-0`}),F(`providerModelsSuggestionsFailed`)]})}function ct(e){let{providerName:n,providerModelAliases:r,models:i,modelConfig:s,modelDraft:c,showModelInput:l,onModelDraftChange:u,onShowModelInputChange:d,onAddModel:f,onModelsChange:p,supportsModelDiscovery:m,onDiscoverModels:h,isDiscoveringModels:g,fetchedModels:_,onRemoveModel:v,onToggleModelThinkingLevel:y,onSetModelThinkingDefault:b,onSetModelVision:x,thinkingLevels:S,formatThinkingLevelLabel:C}=e,[w,T]=(0,Y.useState)(!1),E=(0,Y.useRef)(null),{addSuggestedModels:D,hasSuggestionError:A,isCheckingSuggestions:M,suggestedModels:P,suggestionSource:I}=tt({providerName:n,models:i,aliases:r,fetchedModels:_,onModelsChange:p}),L=async()=>{await h()&&(T(!0),window.requestAnimationFrame(()=>{let e=E.current;e?.scrollIntoView?.({behavior:`smooth`,block:`center`}),e?.focus({preventScroll:!0})}))},R=_.length>0;return(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,$.jsx)(a,{className:`text-sm font-medium text-foreground`,children:F(`providerModelsTitle`)}),(0,$.jsxs)(`div`,{className:`flex items-center gap-3`,children:[m?(0,$.jsxs)(`button`,{type:`button`,onClick:L,disabled:g,className:`flex items-center gap-1 text-xs font-medium text-primary transition-colors hover:text-primary/80 disabled:cursor-wait disabled:opacity-60`,children:[(0,$.jsx)(j,{className:`h-3 w-3 ${g?`animate-spin`:``}`}),F(g?`providerModelsFetching`:`providerModelsFetch`)]}):null,l?null:(0,$.jsxs)(`button`,{type:`button`,onClick:()=>d(!0),className:`flex items-center gap-1 text-xs font-medium text-primary hover:text-primary/80`,children:[(0,$.jsx)(k,{className:`h-3 w-3`}),F(`providerAddModel`)]})]})]}),l?(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(t,{value:c,onChange:e=>u(e.target.value),onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),f()),e.key===`Escape`&&(d(!1),u(``))},placeholder:F(`providerModelInputPlaceholder`),className:`flex-1 rounded-xl`,autoFocus:!0}),(0,$.jsx)(o,{type:`button`,size:`sm`,onClick:f,disabled:c.trim().length===0,children:F(`add`)}),(0,$.jsx)(o,{type:`button`,size:`sm`,variant:`ghost`,onClick:()=>{d(!1),u(``)},children:(0,$.jsx)(N,{className:`h-4 w-4`})})]}):null,(0,$.jsx)(st,{hasFetchedCatalog:R,hasSuggestionError:A,supportsModelDiscovery:m}),m&&M&&!R?(0,$.jsxs)(`div`,{className:`flex items-center gap-2 rounded-xl bg-muted/35 px-3 py-2 text-xs text-muted-foreground`,children:[(0,$.jsx)(O,{className:`h-3.5 w-3.5 animate-spin`}),F(`providerModelsSuggestionsChecking`)]}):m&&(P.length>0||R)?(0,$.jsx)(`div`,{ref:E,tabIndex:-1,"aria-live":`polite`,className:`scroll-m-4 outline-none`,children:(0,$.jsx)(ot,{expanded:w,fetchedTotal:_.length,models:P,source:I,onExpandedChange:T,onAddModels:D})}):null,i.length===0?(0,$.jsxs)(`div`,{className:`rounded-xl bg-muted/35 px-4 py-6 text-center`,children:[(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:F(`providerModelsEmptyShort`)}),l?null:(0,$.jsx)(`button`,{type:`button`,onClick:()=>d(!0),className:`mt-2 text-sm font-medium text-primary hover:text-primary/80`,children:F(`providerAddFirstModel`)})]}):(0,$.jsx)(nt,{models:i,modelConfig:s,onModelsChange:p,onRemoveModel:v,onToggleModelThinkingLevel:y,onSetModelThinkingDefault:b,onSetModelVision:x,thinkingLevels:S,formatThinkingLevelLabel:C})]})}function lt({apiKeyRequired:e=!0,apiKeySet:t,className:n,enabled:r}){if(!r)return(0,$.jsx)(W,{status:`inactive`,label:F(`disabled`),className:n});let i=!e||t;return(0,$.jsx)(W,{status:i?`ready`:`setup`,label:F(i?`statusReady`:`statusSetup`),className:n})}function ut(e){let{context:n,language:r,providerTitle:i,providerDisplayName:s,apiKey:c,apiBase:l,extraHeaders:u,wireApi:d,models:f,modelConfig:p,modelDraft:m,showAdvanced:h,showModelInput:g,resolvedAuthMethodId:_,authSessionId:v,authStatusMessage:y,hasChanges:b,isDeletePending:x,isUpdatePending:S,connectivity:C,startPending:w,importPending:T,onProviderDisplayNameChange:E,onApiKeyChange:D,onApiBaseChange:O,onAuthMethodChange:k,onStartProviderAuth:j,onImportProviderAuthFromCli:M,onModelDraftChange:N,onShowModelInputChange:P,onAddModel:I,onModelsChange:L,onRemoveModel:R,onToggleModelThinkingLevel:z,onSetModelThinkingDefault:B,onSetModelVision:V,onShowAdvancedChange:H,onWireApiChange:U,onExtraHeadersChange:W,onDeleteProvider:te,onSubmit:ne,onTestConnection:G}=e,K=n.providerAuthMethods.find(e=>e.id===_);return(0,$.jsxs)(ge,{children:[(0,$.jsx)(pe,{className:`px-5 py-4`,children:(0,$.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,$.jsx)(`h3`,{className:`truncate text-lg font-semibold text-foreground`,children:i}),(0,$.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:te,disabled:x,className:`text-muted-foreground/70 transition-colors hover:text-red-500`,title:F(`providerDelete`),children:(0,$.jsx)(A,{className:`h-4 w-4`})}),(0,$.jsx)(lt,{enabled:n.currentEnabled,apiKeyRequired:n.resolvedProviderConfig.apiKeyRequired,apiKeySet:n.resolvedProviderConfig.apiKeySet})]})]})}),(0,$.jsxs)(`form`,{onSubmit:ne,className:`flex min-h-0 flex-1 flex-col`,children:[(0,$.jsxs)(_e,{className:`space-y-4 px-5 py-4`,children:[(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(a,{htmlFor:`providerDisplayName`,className:`text-sm font-medium text-foreground`,children:F(`providerDisplayName`)}),(0,$.jsx)(t,{id:`providerDisplayName`,type:`text`,value:s,onChange:e=>E(e.target.value),placeholder:n.defaultDisplayName||F(`providerDisplayNamePlaceholder`),className:`rounded-xl`}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:F(`providerDisplayNameHelpShort`)})]}),(0,$.jsx)(et,{apiKey:c,apiKeyRequired:n.resolvedProviderConfig.apiKeyRequired!==!1,apiKeySet:n.resolvedProviderConfig.apiKeySet,apiKeyPlaceholder:n.apiKeyHint?.placeholder??F(`enterApiKey`),providerAuth:n.providerAuth,providerAuthNote:n.providerAuth?.note?.[r]||n.providerAuth?.note?.en||n.providerAuth?.displayName||``,providerAuthMethodOptions:n.providerAuthMethodOptions,providerAuthMethodsCount:n.providerAuthMethods.length,selectedAuthMethodHint:K?.hint?.[r]||K?.hint?.en||``,shouldUseAuthMethodPills:n.shouldUseAuthMethodPills,resolvedAuthMethodId:_,onAuthMethodChange:k,onStartProviderAuth:j,onImportProviderAuthFromCli:M,startPending:w,importPending:T,authSessionId:v,authStatusMessage:y,onApiKeyChange:D}),(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(a,{htmlFor:`apiBase`,className:`text-sm font-medium text-foreground`,children:F(`apiBase`)}),(0,$.jsx)(t,{id:`apiBase`,type:`text`,value:l,onChange:e=>O(e.target.value),placeholder:n.defaultApiBase||n.apiBaseHint?.placeholder||`https://api.example.com`,className:`rounded-xl`}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:n.apiBaseHelpText})]}),(0,$.jsx)(ct,{providerName:n.providerConfig?.providerId??``,providerModelAliases:n.providerModelAliases,models:f,modelConfig:p,modelDraft:m,showModelInput:g,onModelDraftChange:N,onShowModelInputChange:P,onAddModel:I,onModelsChange:L,supportsModelDiscovery:n.supportsModelDiscovery,onDiscoverModels:C.discoverModels,isDiscoveringModels:C.isDiscoveringModels,fetchedModels:C.fetchedModels,onRemoveModel:R,onToggleModelThinkingLevel:z,onSetModelThinkingDefault:B,onSetModelVision:V,thinkingLevels:ee,formatThinkingLevelLabel:Fe},n.providerConfig?.providerId),(0,$.jsx)(Qe,{showAdvanced:h,onShowAdvancedChange:H,supportsWireApi:n.supportsWireApi,wireApiLabel:F(`wireApi`),wireApi:d,onWireApiChange:U,shouldUseWireApiPills:n.shouldUseWireApiPills,wireApiSelectOptions:n.wireApiSelectOptions,extraHeadersLabel:F(`extraHeaders`),extraHeaders:u,onExtraHeadersChange:W})]}),(0,$.jsx)(ye,{children:(0,$.jsxs)(de,{align:`between`,children:[(0,$.jsxs)(o,{type:`button`,variant:`outline`,size:`sm`,onClick:G,disabled:C.isTestPending,children:[(0,$.jsx)(be,{className:`mr-1.5 h-3.5 w-3.5`}),C.isTestPending?F(`providerTestingConnection`):F(`providerTestConnection`)]}),(0,$.jsx)(o,{type:`submit`,size:`sm`,disabled:S||!b,children:F(S?`saving`:b?`save`:`unchanged`)})]})})]})]})}function dt({providerName:e,onProviderDeleted:t}){let{data:n}=ce(),{data:r}=q(),{data:i}=le(),a=P(),o=(0,Y.useMemo)(()=>qe({providerName:e,providersView:n,templatesView:r,schema:i,language:a}),[a,e,n,i,r]);if(!e||!o.providerConfig)return(0,$.jsx)(ve,{children:(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`h3`,{className:`text-base font-semibold text-foreground`,children:F(`providersSelectTitle`)}),(0,$.jsx)(`p`,{className:`mt-2 text-sm text-muted-foreground`,children:F(`providersSelectDescription`)})]})});let s=JSON.stringify({providerConfig:o.providerConfig,currentApiBase:o.currentApiBase,currentEditableModels:o.currentEditableModels,currentModelConfig:o.currentModelConfig,currentWireApi:o.currentWireApi,effectiveDisplayName:o.effectiveDisplayName,preferredAuthMethodId:o.preferredAuthMethodId});return(0,$.jsx)(ft,{providerName:e,onProviderDeleted:t,context:o,language:a},s)}function ft({providerName:e,onProviderDeleted:t,context:n,language:r}){let i=ue(),a=ne(),{currentApiBase:o,currentEditableModels:s,currentHeaders:c,currentModelConfig:l,currentWireApi:u,defaultApiBase:d,effectiveDisplayName:f,providerAuth:p,providerAuthMethods:m,providerModelAliases:h,resolvedProviderConfig:g,preferredAuthMethodId:_,supportsWireApi:v}=n,[y,b]=(0,Y.useState)(``),[x,S]=(0,Y.useState)(o),[C,w]=(0,Y.useState)(g.extraHeaders||null),[T,E]=(0,Y.useState)(u),[D,O]=(0,Y.useState)(s),[k,A]=(0,Y.useState)(l),[j,M]=(0,Y.useState)(``),[N,P]=(0,Y.useState)(f),[I,L]=(0,Y.useState)(!1),[R,z]=(0,Y.useState)(!1),[B,V]=(0,Y.useState)(_),H=Ye({providerName:e,apiKey:y,apiKeyRequired:g.apiKeyRequired!==!1,apiKeySet:g.apiKeySet,apiBase:x,extraHeaders:C,supportsWireApi:v,wireApi:T,models:D,providerModelAliases:h}),ee=N.trim()||f||e||F(`providersSelectPlaceholder`),U=(0,Y.useMemo)(()=>{if(!m.length)return``;let e=B.trim();return e&&m.some(t=>t.id===e)?e:_||m[0]?.id||``},[B,_,m]),{authSessionId:W,authStatusMessage:te,importAuthFromCli:G,importPending:K,startAuth:q,startPending:re}=Je({providerName:e,providerAuth:p,resolvedAuthMethodId:U}),ie=(0,Y.useMemo)(()=>je({providerName:e,apiKey:y,apiBase:x,currentApiBase:o,extraHeaders:C,currentHeaders:c,supportsWireApi:v,wireApi:T,currentWireApi:u,models:D,currentEditableModels:s,modelConfig:k,currentModelConfig:l,providerDisplayName:N,effectiveDisplayName:f}),[e,y,x,o,C,c,v,T,u,D,s,k,l,N,f]),ae=e=>{O(e),A(t=>Oe(t,e))};return(0,$.jsx)(ut,{context:n,language:r,providerTitle:ee,providerDisplayName:N,apiKey:y,apiBase:x,extraHeaders:C,wireApi:T,models:D,modelConfig:k,modelDraft:j,showAdvanced:I,showModelInput:R,resolvedAuthMethodId:U,authSessionId:W,authStatusMessage:te,hasChanges:ie,isDeletePending:a.isPending,isUpdatePending:i.isPending,connectivity:H,startPending:re,importPending:K,onProviderDisplayNameChange:P,onApiKeyChange:b,onApiBaseChange:S,onAuthMethodChange:V,onStartProviderAuth:q,onImportProviderAuthFromCli:G,onModelDraftChange:M,onShowModelInputChange:z,onAddModel:()=>{let e=Re(D,j,h);ae(e.models),M(e.draft)},onModelsChange:ae,onRemoveModel:e=>{let t=Ve(D,k,e);O(t.models),A(t.modelConfig)},onToggleModelThinkingLevel:(e,t)=>{A(n=>He(n,e,t))},onSetModelThinkingDefault:(e,t)=>{A(n=>Ue(n,e,t))},onSetModelVision:(e,t)=>{A(n=>We(n,e,t))},onShowAdvancedChange:L,onWireApiChange:E,onExtraHeadersChange:w,onDeleteProvider:async()=>{if(e&&window.confirm(F(`providerDeleteConfirm`)))try{await a.mutateAsync({provider:e}),t?.(e)}catch{}},onSubmit:t=>{t.preventDefault(),e&&i.mutate({provider:e,data:Me({providerName:e,apiKey:y,apiBase:x,currentApiBase:o,defaultApiBase:d,extraHeaders:C,currentHeaders:c,supportsWireApi:v,wireApi:T,currentWireApi:u,models:D,currentEditableModels:s,modelConfig:k,currentModelConfig:l,providerDisplayName:N,effectiveDisplayName:f})})},onTestConnection:H.testConnection})}function pt(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 mt(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 ht(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 gt(){let{isMobile:e}=h(),{data:n}=ce(),{data:a}=q(),c=ie(),l=ne(),u=ue(),[d,f]=(0,Y.useState)(null),[g,_]=(0,Y.useState)(null),[v,y]=(0,Y.useState)(!1),[b,x]=(0,Y.useState)([]),[S,C]=(0,Y.useState)(``),w=(0,Y.useMemo)(()=>mt(Object.values(n?.providers??{}),b),[n?.providers,b]),D=(0,Y.useMemo)(()=>a?.providerTemplates??[],[a?.providerTemplates]),O=(0,Y.useMemo)(()=>ht(D),[D]),j=(0,Y.useMemo)(()=>new Map(D.map(e=>[e.providerType,e])),[D]),M=(0,Y.useMemo)(()=>{let e=S.trim().toLowerCase();return w.filter(t=>{if(!e)return!0;let n=t.providerType?j.get(t.providerType):null;return(t.displayName?.trim()||n?.displayName||t.providerId).toLowerCase().includes(e)||t.providerId.toLowerCase().includes(e)})},[w,S,j]),N=(0,Y.useMemo)(()=>d&&M.some(e=>e.providerId===d)?d:e?null:M[0]?.providerId??null,[M,e,d]);return!n||!a?(0,$.jsx)(r,{title:F(`providersPageTitle`),description:F(`providersPageDescription`),layout:`split`,children:(0,$.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:F(`providersLoading`)})}):(0,$.jsxs)(r,{title:F(`providersPageTitle`),description:F(`providersPageDescription`),layout:`split`,children:[(0,$.jsxs)(fe,{className:`md:min-h-0`,compactView:d?`detail`:`list`,onMobileBack:()=>f(null),mobileListLabel:F(`providersPageTitle`),children:[(0,$.jsxs)(he,{children:[(0,$.jsx)(pe,{className:`space-y-3 px-4 pb-3 pt-4`,children:(0,$.jsxs)(H,{open:v,onOpenChange:y,children:[(0,$.jsx)(R,{asChild:!0,children:(0,$.jsxs)(o,{type:`button`,variant:`outline`,className:`w-full justify-center`,disabled:c.isPending,children:[(0,$.jsx)(k,{className:`mr-2 h-4 w-4`}),c.isPending?F(`saving`):F(`providerAdd`)]})}),(0,$.jsxs)(z,{className:`w-[42rem] max-w-[calc(100vw-2rem)] p-3`,align:`start`,children:[(0,$.jsx)(`div`,{className:`mb-2 px-1 text-xs font-semibold text-muted-foreground`,children:F(`providerTemplatePickerTitle`)}),(0,$.jsxs)(`div`,{className:`grid max-h-[24rem] grid-cols-2 gap-2 overflow-y-auto sm:grid-cols-3`,children:[(0,$.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 c.mutateAsync({data:{providerType:null}});C(``),f(e.providerId),x(t=>[e.providerId,...t.filter(t=>t!==e.providerId)]),y(!1)}catch{}},children:[(0,$.jsx)(U,{name:`custom`,className:`h-8 w-8 rounded-lg border border-border/60 bg-muted/50`}),(0,$.jsx)(`span`,{className:`line-clamp-2 min-w-0 text-xs font-semibold leading-4 text-foreground`,children:F(`providerAddCustom`)})]}),O.map(e=>(0,$.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 c.mutateAsync({data:{providerType:e.providerType}});C(``),f(t.providerId),x(e=>[t.providerId,...e.filter(e=>e!==t.providerId)]),y(!1)}catch{}},children:[(0,$.jsx)(U,{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,$.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,$.jsx)(`div`,{className:`border-b border-border/70 px-4 py-3`,children:(0,$.jsxs)(`div`,{className:`relative`,children:[(0,$.jsx)(m,{className:`pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground/70`}),(0,$.jsx)(t,{value:S,onChange:e=>C(e.target.value),placeholder:F(`providersFilterPlaceholder`),className:`h-10 rounded-xl pl-9`})]})}),(0,$.jsxs)(_e,{className:`space-y-2 p-3`,children:[M.map(e=>{let t=e.providerType?j.get(e.providerType):null,n=e.enabled!==!1,r=I(e),a=e.displayName?.trim()||t?.displayName||e.providerId,o=pt(e.apiBase||t?.defaultApiBase||``)||F(`providersDefaultDescription`);return(0,$.jsx)(`div`,{onClick:()=>f(e.providerId),onKeyDown:t=>{(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),f(e.providerId))},role:`button`,tabIndex:0,className:s(`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`,N===e.providerId?`bg-background/95 text-foreground shadow-sm`:`bg-transparent text-muted-foreground hover:bg-background/65 hover:text-foreground`),children:(0,$.jsxs)(`div`,{className:`relative min-h-10`,children:[(0,$.jsxs)(`div`,{className:`flex min-w-0 items-center gap-3 pr-20`,children:[(0,$.jsx)(U,{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,$.jsx)(`span`,{className:`text-sm font-semibold uppercase text-muted-foreground`,children:e.providerId[0]})}),(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsx)(`p`,{className:`truncate text-sm font-semibold text-foreground`,children:a}),(0,$.jsx)(`p`,{className:`truncate font-mono text-[10px] text-muted-foreground/65`,children:e.providerId}),(0,$.jsxs)(`p`,{className:`line-clamp-1 text-[11px] text-muted-foreground`,children:[o,` · `,e.models?.length??0]})]})]}),(0,$.jsxs)(`div`,{className:`absolute right-0 top-0 flex items-center gap-1.5 opacity-70 transition-opacity group-hover:opacity-100`,children:[(0,$.jsx)(`div`,{onClick:e=>e.stopPropagation(),children:(0,$.jsx)(i,{checked:n,disabled:u.isPending,title:F(n?`disabled`:`enabled`),className:`h-[18px] w-8`,thumbClassName:`h-4 w-4 data-[state=checked]:translate-x-4`,onCheckedChange:t=>{u.mutateAsync({provider:e.providerId,data:{enabled:t},silentSuccess:!0})}})}),(0,$.jsxs)(H,{children:[(0,$.jsx)(R,{asChild:!0,children:(0,$.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:F(`more`),children:(0,$.jsx)(T,{className:`h-4 w-4`})})}),(0,$.jsx)(z,{className:`w-40 p-1`,align:`end`,onClick:e=>e.stopPropagation(),children:(0,$.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:()=>_(e.providerId),children:[(0,$.jsx)(A,{className:`h-4 w-4`}),F(`providerDelete`)]})})]})]}),(0,$.jsx)(W,{status:n?r?`ready`:`setup`:`inactive`,label:F(n?r?`statusReady`:`statusSetup`:`disabled`),className:`absolute bottom-0 right-0 justify-end`})]})},e.providerId)}),M.length===0?(0,$.jsx)(me,{icon:p,title:F(`providersNoMatch`)}):null]})]}),(0,$.jsx)(dt,{providerName:N??void 0,onProviderDeleted:e=>{x(t=>t.filter(t=>t!==e)),e===N&&f(null)}})]}),(0,$.jsx)(E,{open:!!g,onOpenChange:e=>{e||_(null)},title:F(`providerDelete`),description:g??void 0,confirmLabel:F(`delete`),variant:`destructive`,onCancel:()=>_(null),onConfirm:()=>{g&&l.mutateAsync({provider:g}).then(()=>{x(e=>e.filter(e=>e!==g)),g===N&&f(null),_(null)})}})]})}export{gt as ProvidersConfigPage};

package/dist/assets/remote-BLQU7aY5.js

@@ -1 +0,0 @@
-import{F as e}from"./app-presenter-provider-Co8uKOyW.js";export{e as RemoteAccessPage};

package/dist/assets/security-config-aE_jOwy-.js

@@ -1 +0,0 @@
-import{zt as e}from"./api-DkLJrSCd.js";export{e as SecurityConfig};

package/dist/assets/service-apps-panel-jBWAa4qZ.js

@@ -1 +0,0 @@
-import{i as e}from"./chunk-DF37yw5_.js";import{Lt as t,Xn as n,Yn as r,Yt as i,_n as a,cr as o,sr as s,yr as c}from"./api-DkLJrSCd.js";import{At as l,Ct as u,Dt as d,Et as f,Lt as p,St as m,at as h,d as g,jt as _,lt as v,m as y,ot as b,st as x,wt as S,xt as C,zt as w}from"./app-presenter-provider-Co8uKOyW.js";import{t as T}from"./createLucideIcon-B4xj2I2g.js";import{T as E}from"./theme-provider-C5PCDBPB.js";import{w as D}from"./select-6Uq4chZW.js";import{r as O}from"./confirm-dialog-10Qb3dpZ.js";import{t as ee}from"./circle-dashed-B48a0t6p.js";import{t as k}from"./loader-circle-DbOQWT9C.js";import{t as A}from"./trash-2-DazgBvmJ.js";import{t as j}from"./refresh-cw-syCVj_nw.js";import{s as M}from"./i18n-OGmF0Ws_.js";import{a as N,i as P,n as F,o as I,r as L,t as R}from"./dialog-BgL3vKJQ.js";import{g as z,h as B,p as V}from"./provider-models-YW7rIeOD.js";var H=T(`CirclePause`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`line`,{x1:`10`,x2:`10`,y1:`15`,y2:`9`,key:`c1nkhi`}],[`line`,{x1:`14`,x2:`14`,y1:`15`,y2:`9`,key:`h65svq`}]]),te=T(`Radar`,[[`path`,{d:`M19.07 4.93A10 10 0 0 0 6.99 3.34`,key:`z3du51`}],[`path`,{d:`M4 6h.01`,key:`oypzma`}],[`path`,{d:`M2.29 9.62A10 10 0 1 0 21.31 8.35`,key:`qzzz0`}],[`path`,{d:`M16.24 7.76A6 6 0 1 0 8.23 16.67`,key:`1yjesh`}],[`path`,{d:`M12 18h.01`,key:`mhygvu`}],[`path`,{d:`M17.99 11.66A6 6 0 0 1 15.77 16.67`,key:`1u2y91`}],[`circle`,{cx:`12`,cy:`12`,r:`2`,key:`1c9p78`}],[`path`,{d:`m13.41 10.59 5.66-5.66`,key:`mhq4k0`}]]),U=T(`ShieldPlus`,[[`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:`M9 12h6`,key:`1c52cq`}],[`path`,{d:`M12 9v6`,key:`199k2o`}]]),ne=T(`Unplug`,[[`path`,{d:`m19 5 3-3`,key:`yk6iyv`}],[`path`,{d:`m2 22 3-3`,key:`19mgm9`}],[`path`,{d:`M6.3 20.3a2.4 2.4 0 0 0 3.4 0L12 18l-6-6-2.3 2.3a2.4 2.4 0 0 0 0 3.4Z`,key:`goz73y`}],[`path`,{d:`M7.5 13.5 10 11`,key:`7xgeeb`}],[`path`,{d:`M10.5 16.5 13 14`,key:`10btkg`}],[`path`,{d:`m12 6 6 6 2.3-2.3a2.4 2.4 0 0 0 0-3.4l-2.6-2.6a2.4 2.4 0 0 0-3.4 0Z`,key:`1snsnr`}]]),W=e(c(),1),G=o();function re({appId:e,appTitle:t,dataEntry:n,dataLoading:r,deleteError:a,deletePending:o,open:s,purgeData:c,onDelete:l,onOpenChange:u,onPurgeDataChange:d}){let f=(0,W.useRef)(null);(0,W.useEffect)(()=>{a&&f.current?.focus()},[a]);let p=()=>u(!1);return(0,G.jsx)(R,{open:s,onOpenChange:e=>!o&&u(e),children:(0,G.jsxs)(F,{className:`max-w-md [&>:last-child]:hidden`,onEscapeKeyDown:e=>o&&e.preventDefault(),onInteractOutside:e=>o&&e.preventDefault(),children:[(0,G.jsxs)(N,{children:[(0,G.jsx)(I,{children:M(`serviceAppsDeleteConfirmTitle`)}),(0,G.jsxs)(L,{children:[M(`serviceAppsDeleteConfirmDescription`),` `,t]})]}),(0,G.jsxs)(`div`,{className:`mt-4 grid gap-2`,children:[(0,G.jsx)(x,{checked:!c,description:M(`serviceAppsKeepDataDescription`),label:M(`appPackagesKeepData`),onClick:()=>d(!1)}),(0,G.jsx)(x,{checked:c,destructive:!0,disabled:!n||r,description:M(`serviceAppsDeleteDataDescription`),label:M(`appPackagesDeleteData`),onClick:()=>d(!0)})]}),n?(0,G.jsx)(`div`,{className:`mt-3`,children:(0,G.jsx)(b,{storage:n.storage,usage:n.usage})}):(0,G.jsx)(`p`,{role:`status`,className:`mt-3 text-xs text-muted-foreground`,children:M(r?`appPackagesLoading`:`serviceAppsDataUnavailable`)}),a?(0,G.jsx)(`p`,{ref:f,role:`alert`,tabIndex:-1,className:`mt-3 text-xs text-destructive`,children:a instanceof Error?a.message:M(`appPackagesActionFailed`)}):null,(0,G.jsxs)(P,{className:`mt-5 gap-2 sm:gap-0`,children:[(0,G.jsx)(i,{autoFocus:!0,type:`button`,variant:`outline`,disabled:o,onClick:p,children:M(`cancel`)}),(0,G.jsxs)(i,{type:`button`,variant:c?`destructive`:`default`,disabled:o||c&&!n,onClick:()=>l(e,c,p),children:[o?(0,G.jsx)(k,{className:`mr-1.5 h-3.5 w-3.5 animate-spin`}):null,M(c?`appDataDeletePermanently`:`serviceAppsDelete`)]})]})]})})}function ie({action:e,grants:t,agents:n,grantAgentPending:r,onGrantAgent:i,onRevoke:a}){let[o,s]=(0,W.useState)(!1),c=new Set(t.flatMap(e=>e.caller.surface===`agent`?[e.caller.agentId]:[])),u=n.filter(e=>!c.has(e.id));return(0,G.jsxs)(`div`,{className:`py-2`,children:[(0,G.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,G.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,G.jsx)(`span`,{className:`flex h-6 w-6 shrink-0 items-center justify-center text-muted-foreground`,children:(0,G.jsx)(f,{className:`h-3.5 w-3.5`})}),(0,G.jsxs)(`div`,{className:`min-w-0`,children:[(0,G.jsx)(`div`,{className:`truncate text-xs font-medium text-foreground`,children:e.title??e.name}),e.description?(0,G.jsx)(`div`,{className:`truncate text-[11px] text-muted-foreground`,children:e.description}):null]})]}),(0,G.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,children:[e.runtimeState?(0,G.jsx)(`span`,{className:`text-[11px] text-muted-foreground`,children:M(`serviceAppsRuntimeState_${e.runtimeState}`)}):null,(0,G.jsx)(`span`,{className:`text-[11px] text-muted-foreground`,children:e.risk}),(0,G.jsxs)(V,{open:o,onOpenChange:s,children:[(0,G.jsx)(z,{asChild:!0,children:(0,G.jsx)(`button`,{type:`button`,disabled:r||u.length===0,className:`ml-1 rounded-md p-1 text-muted-foreground/70 transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border disabled:cursor-not-allowed disabled:opacity-40`,title:M(`serviceAppsGrantToAgent`),"aria-label":M(`serviceAppsGrantToAgent`),children:(0,G.jsx)(U,{className:`h-3.5 w-3.5`})})}),(0,G.jsxs)(B,{align:`end`,className:`w-56 rounded-xl p-1.5`,children:[(0,G.jsx)(`div`,{className:`px-2 py-1.5 text-[11px] font-medium text-muted-foreground`,children:M(`serviceAppsGrantToAgent`)}),u.map(t=>(0,G.jsxs)(`button`,{type:`button`,onClick:()=>{i(e.id,t.id),s(!1)},className:`flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-left text-xs text-foreground transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border`,children:[(0,G.jsx)(w,{className:`h-3.5 w-3.5 text-muted-foreground`}),(0,G.jsx)(`span`,{className:`min-w-0 truncate`,children:t.displayName?.trim()||t.id})]},t.id))]})]})]})]}),t.map(e=>(0,G.jsxs)(`div`,{className:`mt-1.5 flex items-center justify-between gap-2 pl-8`,children:[(0,G.jsxs)(`div`,{className:`flex min-w-0 items-center gap-1.5 text-[11px] text-muted-foreground`,children:[(0,G.jsx)(l,{className:`h-3 w-3 shrink-0 text-emerald-500`}),(0,G.jsxs)(`span`,{className:`truncate`,children:[M(`serviceAppsGrantedTo`),` `,K(e)]})]}),(0,G.jsx)(`button`,{type:`button`,onClick:()=>a(e),className:`rounded-md p-1 text-muted-foreground/70 transition-colors hover:bg-muted hover:text-rose-600 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border`,title:M(`serviceAppsRevokeGrant`),"aria-label":M(`serviceAppsRevokeGrant`),children:(0,G.jsx)(A,{className:`h-3 w-3`})})]},`${e.caller.surface}:${K(e)}:${e.actionId}`))]})}function K(e){return e.caller.surface===`panel-app`?e.caller.appId:e.caller.agentId}function q({app:e,actions:t,actionsOpen:n,grants:r,agents:i,deletePending:o,deleteError:s,dataEntry:c,dataLoading:l,isDiscovering:d,onActionsOpenChange:f,onDiscover:p,onManagePackage:h,onDelete:v,onResetDelete:b,onRestart:x,onRevoke:w,onGrantAgent:T,grantAgentPending:ee}){let[j,N]=(0,W.useState)(!1),[P,F]=(0,W.useState)(!1),[I,L]=(0,W.useState)(!1),[R,H]=(0,W.useState)(!1),U=e.status!==`starting`&&e.status!==`stopped`,K=e.status===`running`||e.status===`failed`,q=e.sourceKind===`package`?e.packageId:void 0,J=oe(e),X=()=>{N(!1),H(!1),b(),F(!0)};return(0,G.jsx)(u,{delayDuration:250,children:(0,G.jsxs)(`section`,{className:`group bg-card transition-colors hover:bg-muted/25`,children:[(0,G.jsxs)(`div`,{className:`flex items-start gap-3 px-4 py-3.5`,children:[(0,G.jsx)(`div`,{className:`flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground`,children:(0,G.jsx)(_,{className:`h-4 w-4`})}),(0,G.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,G.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,G.jsx)(`div`,{className:`truncate text-sm font-medium text-foreground`,children:e.title}),(0,G.jsx)(ae,{status:e.status})]}),e.description?(0,G.jsx)(`div`,{className:`mt-1 truncate text-xs leading-5 text-muted-foreground`,children:e.description}):null,e.lastError?(0,G.jsx)(`div`,{className:`mt-1.5 truncate text-xs text-rose-600`,title:e.lastError,children:e.lastError}):null]}),(0,G.jsxs)(`div`,{className:`flex shrink-0 items-center gap-0.5`,children:[U?(0,G.jsxs)(C,{children:[(0,G.jsx)(S,{asChild:!0,children:(0,G.jsxs)(`button`,{type:`button`,disabled:d,className:`inline-flex h-7 items-center gap-1.5 rounded-md bg-foreground px-2.5 text-xs font-medium text-background transition-colors hover:bg-foreground/85 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-foreground/40 disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":M(`serviceAppsDiscoverActions`),onClick:()=>p(e.id),children:[d?(0,G.jsx)(k,{className:`h-3.5 w-3.5 animate-spin`}):(0,G.jsx)(te,{className:`h-3.5 w-3.5`}),(0,G.jsx)(`span`,{children:M(`serviceAppsConnect`)})]})}),(0,G.jsx)(m,{side:`bottom`,className:`max-w-56 text-xs`,children:M(`serviceAppsDiscoverActionsHint`)})]}):null,(0,G.jsxs)(V,{open:j,onOpenChange:N,children:[(0,G.jsxs)(C,{children:[(0,G.jsx)(S,{asChild:!0,children:(0,G.jsx)(z,{asChild:!0,children:(0,G.jsx)(`button`,{type:`button`,className:`rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border disabled:opacity-50`,"aria-label":M(`serviceAppsMoreActions`),disabled:o,children:(0,G.jsx)(O,{className:`h-3.5 w-3.5`})})})}),(0,G.jsx)(m,{side:`bottom`,className:`text-xs`,children:M(`serviceAppsMoreActions`)})]}),(0,G.jsxs)(B,{align:`end`,variant:`menu`,children:[(0,G.jsx)(`div`,{className:`my-1 h-px bg-border`}),(0,G.jsx)(Y,{disabled:!K,icon:ne,label:M(`serviceAppsDisconnectRuntime`),onClick:()=>{N(!1),x(e.id)}}),q?(0,G.jsx)(Y,{icon:E,label:M(`serviceAppsManagePackage`),onClick:()=>{N(!1),h(q)}}):(0,G.jsx)(Y,{destructive:!0,disabled:o,icon:A,label:M(`serviceAppsDelete`),onClick:X}),(0,G.jsx)(`div`,{className:`my-1 h-px bg-border`}),(0,G.jsx)(g,{page:y(`service-app`,e.id,e.title),onSelect:()=>N(!1)})]})]})]})]}),(0,G.jsxs)(`div`,{className:`border-t border-border/60`,children:[(0,G.jsxs)(`div`,{className:`flex items-stretch`,children:[(0,G.jsxs)(`button`,{type:`button`,onClick:()=>f(!n),className:`flex min-w-0 flex-1 items-center justify-between gap-2 px-4 py-2 text-left text-xs text-muted-foreground transition-colors hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-border`,"aria-expanded":n,children:[(0,G.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,G.jsx)(`span`,{children:M(`serviceAppsActionsSection`)}),(0,G.jsx)(`span`,{className:`tabular-nums text-muted-foreground/70`,children:t.length})]}),(0,G.jsx)(D,{className:a(`h-3.5 w-3.5 shrink-0 text-muted-foreground/70 transition-transform`,n&&`rotate-180`)})]}),J.length>0?(0,G.jsxs)(`button`,{type:`button`,onClick:()=>L(e=>!e),className:`flex shrink-0 items-center gap-1 border-l border-border/60 px-3 text-xs text-muted-foreground transition-colors hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-border`,"aria-expanded":I,children:[(0,G.jsx)(`span`,{children:M(`serviceAppsDetails`)}),(0,G.jsx)(D,{className:a(`h-3.5 w-3.5 transition-transform`,I&&`rotate-180`)})]}):null]}),n?(0,G.jsx)(`div`,{className:`border-t border-border/60 px-4 py-2.5`,children:t.length===0?(0,G.jsx)(`div`,{className:`py-1 text-xs text-muted-foreground`,children:M(`serviceAppsActionsEmpty`)}):(0,G.jsx)(`div`,{className:`divide-y divide-border/50`,children:t.map(e=>(0,G.jsx)(ie,{action:e,grants:r.filter(t=>t.actionId===e.id),agents:i,grantAgentPending:ee,onGrantAgent:T,onRevoke:w},e.id))})}):null,I?(0,G.jsx)(se,{rows:J}):null]}),e.sourceKind===`package`?null:(0,G.jsx)(re,{appId:e.id,appTitle:e.title,dataEntry:c,dataLoading:l,deleteError:s,deletePending:o,open:P,purgeData:R,onDelete:v,onOpenChange:F,onPurgeDataChange:H})]})})}function ae({status:e}){let t=J(e),n=t.icon;return(0,G.jsxs)(C,{children:[(0,G.jsx)(S,{asChild:!0,children:(0,G.jsxs)(`span`,{className:a(`inline-flex shrink-0 items-center gap-1 text-xs`,t.className),"aria-label":t.label,children:[(0,G.jsx)(n,{className:a(`h-3 w-3`,t.iconClassName)}),(0,G.jsx)(`span`,{children:t.label})]})}),(0,G.jsx)(m,{side:`bottom`,className:`text-xs`,children:t.tooltip})]})}function J(e){switch(e){case`running`:return{className:`text-emerald-700`,icon:p,label:M(`serviceAppsStatus_running`),tooltip:M(`serviceAppsStatusHint_running`)};case`starting`:return{className:`text-blue-700`,icon:k,iconClassName:`animate-spin`,label:M(`serviceAppsStatus_starting`),tooltip:M(`serviceAppsStatusHint_starting`)};case`failed`:return{className:`text-rose-700`,icon:d,label:M(`serviceAppsStatus_failed`),tooltip:M(`serviceAppsStatusHint_failed`)};case`stopped`:return{className:`text-muted-foreground`,icon:H,label:M(`serviceAppsStatus_stopped`),tooltip:M(`serviceAppsStatusHint_stopped`)};default:return{className:`text-muted-foreground`,icon:ee,label:M(`serviceAppsStatus_idle`),tooltip:M(`serviceAppsStatusHint_idle`)}}}function Y({destructive:e=!1,disabled:t=!1,icon:n,label:r,onClick:i}){return(0,G.jsxs)(`button`,{type:`button`,className:a(`flex w-full items-center gap-2 rounded-lg px-2.5 py-2 text-left text-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border disabled:cursor-not-allowed disabled:opacity-50`,e?`text-destructive hover:bg-destructive/10`:`text-muted-foreground hover:bg-[var(--interaction-hover)] hover:text-accent-foreground`),disabled:t,onClick:i,children:[(0,G.jsx)(n,{className:`h-4 w-4 shrink-0`}),(0,G.jsx)(`span`,{children:r})]})}function oe(e){let t=[e.command,...e.args??[]].filter(e=>!!e?.trim()).join(` `);return[{label:M(`serviceAppsCommand`),value:t},{label:M(`serviceAppsCwd`),value:e.cwd},{label:M(`serviceAppsManifest`),value:e.manifestPath},{label:M(`serviceAppsLastStarted`),value:e.lastStartedAt},{label:M(`serviceAppsLastReady`),value:e.lastReadyAt},{label:M(`serviceAppsLastFailed`),value:e.lastFailedAt}].filter(e=>e.value)}function se({rows:e}){return(0,G.jsx)(`div`,{className:`border-t border-border/60 px-4 py-2.5`,children:(0,G.jsx)(`dl`,{className:`grid grid-cols-[4.75rem_minmax(0,1fr)] gap-x-3 gap-y-1.5 text-xs`,children:e.map(e=>(0,G.jsx)(X,{label:e.label,value:e.value},e.label))})})}function X({label:e,value:t}){return(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(`dt`,{className:`text-muted-foreground/70`,children:e}),(0,G.jsx)(`dd`,{className:`min-w-0 truncate font-mono text-muted-foreground`,title:t,children:t})]})}var Z=[`service-apps`],Q=[`service-actions`],$=[`service-action-grants`],ce=[`app-data`];function le(){return n({queryKey:Z,queryFn:()=>t.serviceApps.listServiceApps()})}function ue(){return n({queryKey:Q,queryFn:()=>t.serviceApps.listServiceActions()})}function de(){return n({queryKey:$,queryFn:()=>t.serviceApps.listServiceActionGrants()})}function fe(){let e=s();return r({mutationFn:e=>t.serviceApps.restartServiceApp(e),onSuccess:async()=>{await Promise.all([e.invalidateQueries({queryKey:Z}),e.invalidateQueries({queryKey:Q})])}})}function pe(){let e=s();return r({mutationFn:e=>t.serviceApps.deleteServiceApp(e.appId,e.purgeData),onSuccess:async()=>{await Promise.all([e.invalidateQueries({queryKey:Z}),e.invalidateQueries({queryKey:Q}),e.invalidateQueries({queryKey:$}),e.invalidateQueries({queryKey:ce})])}})}function me(){let e=s();return r({mutationFn:e=>t.serviceApps.discoverServiceAppActions(e),onSuccess:async()=>{await e.invalidateQueries({queryKey:Z})}})}function he(){let e=s();return r({mutationFn:e=>t.serviceApps.revokeServiceActionGrant(e),onSuccess:async()=>{await Promise.all([e.invalidateQueries({queryKey:Q}),e.invalidateQueries({queryKey:$})])}})}function ge(){let e=s();return r({mutationFn:e=>t.serviceApps.grantAgentServiceActions(e.agentId,e.actionIds),onSuccess:async()=>{await Promise.all([e.invalidateQueries({queryKey:Q}),e.invalidateQueries({queryKey:$})])}})}function _e({onManagePackage:e}){let t=le(),n=h(),r=ue(),i=de(),a=v(),o=pe(),s=fe(),c=me(),l=he(),d=ge(),[f,p]=(0,W.useState)({}),[g,y]=(0,W.useState)({}),b=()=>{t.refetch(),r.refetch(),i.refetch(),n.refetch()};if(t.isLoading||r.isLoading||i.isLoading)return(0,G.jsx)(`div`,{className:`flex h-full items-center justify-center text-sm text-muted-foreground`,children:M(`serviceAppsLoading`)});if(t.isError||r.isError||i.isError){let e=t.error??r.error??i.error;return(0,G.jsx)(`div`,{className:`p-4 text-sm text-rose-600`,children:e instanceof Error?e.message:M(`serviceAppsLoadFailed`)})}let x=t.data?.entries??[],w=t.data?.diagnostics??[],T=r.data?.actions??[],E=i.data?.grants??[],D=e=>{c.mutateAsync(e).then(t=>{p(n=>({...n,[e]:t.actions})),y(t=>({...t,[e]:!0}))})},O=(n.data?.entries??[]).filter(e=>e.source===`workspace-service`&&e.lifecycle===`active`);return(0,G.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col bg-card text-card-foreground`,children:[(0,G.jsx)(`div`,{className:`flex min-h-12 shrink-0 items-center justify-end border-b border-border/60 px-4 py-2`,children:(0,G.jsx)(u,{delayDuration:250,children:(0,G.jsxs)(C,{children:[(0,G.jsx)(S,{asChild:!0,children:(0,G.jsx)(`button`,{type:`button`,className:`rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border`,"aria-label":M(`serviceAppsRefresh`),onClick:b,children:(0,G.jsx)(j,{className:`h-3.5 w-3.5`})})}),(0,G.jsx)(m,{side:`bottom`,className:`text-xs`,children:M(`serviceAppsRefresh`)})]})})}),w.length>0?(0,G.jsxs)(`div`,{role:`alert`,className:`mx-3 mt-3 rounded-xl border border-destructive/20 bg-destructive/5 px-3 py-2.5 text-xs text-destructive sm:mx-4`,children:[(0,G.jsx)(`div`,{className:`font-medium`,children:M(`serviceAppsLoadFailed`)}),(0,G.jsx)(`ul`,{className:`mt-1 space-y-1`,children:w.map(e=>(0,G.jsxs)(`li`,{className:`break-words`,children:[e.appId,`: `,e.message]},e.stagedPath))})]}):null,x.length===0?(0,G.jsx)(`div`,{className:`flex flex-1 items-center justify-center px-6 py-8 text-center`,children:(0,G.jsxs)(`div`,{className:`w-full max-w-xs`,children:[(0,G.jsx)(`div`,{className:`mx-auto flex h-10 w-10 items-center justify-center rounded-xl bg-muted text-muted-foreground`,children:(0,G.jsx)(_,{className:`h-5 w-5`})}),(0,G.jsx)(`h2`,{className:`mt-3 text-sm font-semibold text-foreground`,children:M(`serviceAppsEmptyTitle`)}),(0,G.jsx)(`p`,{className:`mt-1 text-xs leading-5 text-muted-foreground`,children:M(`serviceAppsEmptyDescription`)})]})}):(0,G.jsx)(`div`,{className:`custom-scrollbar min-h-0 flex-1 overflow-y-auto p-3 sm:p-4`,children:(0,G.jsx)(`div`,{className:`overflow-hidden rounded-xl border border-border/70 bg-card`,children:x.map(t=>(0,G.jsx)(q,{app:t,actions:f[t.id]??T.filter(e=>e.appId===t.id),actionsOpen:!!g[t.id],grants:E,agents:a.data?.agents??[],deletePending:o.isPending,deleteError:o.error,dataEntry:O.find(e=>e.appId===t.id),dataLoading:n.isLoading,isDiscovering:c.isPending,onActionsOpenChange:e=>y(n=>({...n,[t.id]:e})),onDiscover:D,onManagePackage:e,onDelete:(e,t,n)=>void o.mutate({appId:e,purgeData:t},{onSuccess:n}),onResetDelete:o.reset,onRestart:e=>void s.mutate(e),onRevoke:e=>void l.mutate({actionId:e.actionId,caller:e.caller}),onGrantAgent:(e,t)=>void d.mutate({actionIds:[e],agentId:t}),grantAgentPending:d.isPending},t.id))})})]})}export{_e as ServiceAppsPanel};

package/dist/assets/x-CQIp_nJT.js

@@ -1 +0,0 @@
-import{t as e}from"./createLucideIcon-B4xj2I2g.js";var t=e(`X`,[[`path`,{d:`M18 6 6 18`,key:`1bl5f8`}],[`path`,{d:`m6 6 12 12`,key:`d8bk6v`}]]);export{t};