@xopcai/xopc 0.0.44 → 0.0.45

package/dist/gateway/static/root/assets/{use-image-provider-credentials-BmC6x4fR.js → use-image-provider-credentials-DsYECmye.js}

@@ -1,2 +1,2 @@
-import{i as e}from"./rolldown-runtime-DWdDZTNf.js";import{i as t,t as n}from"./vendor-react-DbimaAId.js";import{o as r}from"./vendor-swr-B5fPo7KK.js";import{An as i,In as a,Jr as o,Mn as s,Or as c,St as l,Xr as u,Y as d,Yr as f,c as p,ci as m,dn as h,gn as g,l as _,n as v,ti as y,ur as b,vn as x,wi as S,xt as C}from"./index-AWwayu4P.js";var w=`/api/image/providers`;async function T(){return(await g(h(`/api/image/providers`)))?.payload?.providers??[]}var E=e(t(),1);function D(){return{apiKey:``,region:``,baseUrl:``,imageBaseUrl:``}}function O(e){return e?.apiKey?`••••••••••••`:``}function k(e,t){let n=(()=>{if(!e||typeof e!=`object`||!(`providersConfig`in e))return;let t=e.providersConfig;if(!(!t||typeof t!=`object`||Array.isArray(t)))return t})(),r={};for(let e of t){let t=n?.[e];r[e]={apiKey:O(t),region:t?.region??``,baseUrl:t?.baseUrl??``,imageBaseUrl:t?.imageBaseUrl??``}}return r}function A(e,t,n){let r=e[n].trim();if(r!==t[n].trim())return r||null}function j(e,t){let n=e.trim(),r=t.trim();if(n!==r&&!(v(n)&&v(r)))return n||(r?null:void 0)}function M(e,t,n){let r={};for(let i of e){let e=t[i]??D(),a=n[i]??D();if(JSON.stringify(e)===JSON.stringify(a))continue;let o={},s=j(e.apiKey,a.apiKey);s!==void 0&&(o.apiKey=s);let c=A(e,a,`region`);c!==void 0&&(o.region=c);let l=A(e,a,`baseUrl`);l!==void 0&&(o.baseUrl=l);let u=A(e,a,`imageBaseUrl`);u!==void 0&&(o.imageBaseUrl=u),Object.keys(o).length>0&&(r[i]=o)}return r}async function N(e){let t=await g(h(`/api/image/providers/${encodeURIComponent(e)}/reveal-api-key`),{method:`POST`,headers:{"Content-Type":`application/json`},body:`{}`});if(!t.ok||!t.payload)throw Error(t.error?.message??`Reveal failed`);return t.payload}async function P(e){Object.keys(e).length!==0&&(await g(h(`/api/config`),{method:`PATCH`,body:JSON.stringify({providersConfig:e})}),await C())}var F=n();function I({providerId:e,value:t,onChange:n,labels:r,apiKeyLinks:s,apiKeyLinkLabels:l}){let[p,h]=(0,E.useState)(!1),[g,b]=(0,E.useState)(void 0),[x,S]=(0,E.useState)(!1),[C,w]=(0,E.useState)(null),[T,D]=(0,E.useState)(!1),O=v(t);(0,E.useEffect)(()=>{O||(b(void 0),w(null))},[O,t]);let k=O&&p&&typeof g==`string`?g:t,A=!O||O&&p&&typeof g==`string`?`text`:`password`,j=!O&&t.trim().length>0&&!v(t)||!!p&&typeof g==`string`&&g.length>0,M=(0,E.useCallback)(async()=>{let e=!O&&t.trim()&&!v(t)?t.trim():typeof g==`string`&&g.length>0?g:``;if(e)try{await navigator.clipboard.writeText(e),D(!0),window.setTimeout(()=>D(!1),2e3)}catch{}},[O,g,t]),P=(0,E.useCallback)(async()=>{if(w(null),!O){h(e=>!e);return}if(g!==void 0){h(e=>!e);return}S(!0);try{b((await N(e)).apiKey??null),h(!0)}catch(e){w(e instanceof Error?e.message:r.loadFailed),b(null)}finally{S(!1)}},[O,e,g,r.loadFailed]);return(0,F.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-1 sm:col-span-2`,children:[(0,F.jsx)(`label`,{className:`text-xs font-medium text-fg-muted`,htmlFor:`img-cred-key-${e}`,children:r.apiKeyLabel}),s.length>0?(0,F.jsx)(`div`,{className:`flex flex-col gap-1`,children:s.map(e=>(0,F.jsxs)(`a`,{href:e.href,target:`_blank`,rel:`noopener noreferrer`,className:`inline-flex w-fit items-center gap-1 text-xs font-medium text-accent-fg hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent`,children:[_(e.kind,l),(0,F.jsx)(u,{className:`size-3`,"aria-hidden":!0})]},`${e.kind}-${e.href}`))}):null,O?(0,F.jsx)(`p`,{className:`text-[11px] text-fg-subtle`,children:r.maskedHelp}):null,(0,F.jsxs)(`div`,{className:`relative min-w-0`,children:[(0,F.jsx)(`input`,{id:`img-cred-key-${e}`,type:A,autoComplete:`off`,spellCheck:!1,className:a(`w-full rounded-lg border border-edge bg-surface-panel py-2 pl-3 pr-24 font-mono text-sm text-fg`,`placeholder:text-fg-subtle`,i),value:k,placeholder:O?`••••••••`:r.optionalPlaceholder,onChange:e=>{let t=e.target.value;O&&typeof g==`string`&&p&&t!==g&&(b(void 0),h(!1)),n(t)}}),(0,F.jsxs)(`div`,{className:`absolute right-1 top-1/2 flex -translate-y-1/2 gap-0.5`,children:[j?(0,F.jsx)(`button`,{type:`button`,className:a(`rounded p-1.5 text-fg-subtle hover:bg-surface-hover hover:text-fg`,d.transition,d.press,d.focusRingPanel),title:T?r.copied:r.copy,"aria-label":T?r.copied:r.copy,onClick:()=>void M(),children:T?(0,F.jsx)(m,{className:`size-4`}):(0,F.jsx)(y,{className:`size-4`})}):null,(0,F.jsx)(`button`,{type:`button`,className:a(`rounded p-1.5 text-fg-subtle hover:bg-surface-hover hover:text-fg disabled:opacity-40`,d.transition,d.press,d.focusRingPanel),title:p?r.hide:r.show,"aria-label":p?r.hide:r.show,disabled:x,onClick:()=>void P(),children:x?(0,F.jsx)(c,{className:`size-4 animate-spin`,"aria-hidden":!0}):p?(0,F.jsx)(f,{className:`size-4`,"aria-hidden":!0}):(0,F.jsx)(o,{className:`size-4`,"aria-hidden":!0})})]})]}),O&&p&&g===null&&!C?(0,F.jsx)(`p`,{className:`text-xs text-amber-700 dark:text-amber-400/90`,children:r.notInConfigFile}):null,C?(0,F.jsx)(`p`,{className:`text-xs text-red-600 dark:text-red-400`,children:C}):null]})}function L(){return a(`w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg`,`placeholder:text-fg-subtle`,i)}function R(){return a(L(),`appearance-none bg-[length:1rem] bg-[right_0.5rem_center] bg-no-repeat pr-9`)}var z=`__custom__`;function B(e,t){if(!e.region.trim()&&!e.imageBaseUrl.trim())return``;let n=e.region.trim().toLowerCase();return t.some(e=>e.value===n)?n:z}function V(e,t){let n=e.baseUrl.trim().replace(/\/+$/,``);if(!n)return``;let r=t.map(e=>e.value.replace(/\/+$/,``)).indexOf(n);return r>=0?t[r].value:z}function H(e,t,n){return t===`beijing`?e.dashscopeRegion_beijing:t===`singapore`?e.dashscopeRegion_singapore:t===`us`?e.dashscopeRegion_us:n}function U(e,t){return t===`minimax`?e.minimaxClusterLabel:t===`fal`?e.falQueueBaseLabel:e.baseUrlLabel}function W(e,t){return t===`minimax`?e.minimaxClusterHint:t===`fal`?e.falQueueBaseHint:null}function G({summaries:e,credDraft:t,credDirty:n,credSaving:r,credError:i,credSavedFlash:o,credNoopFlash:l,updateCredRow:d,onDiscardCredentials:f,onSaveCredentials:m,extensionIds:h,showExtensionLinks:g,showImageModelsLink:_,language:v,apiKeyLinkLabels:y,messages:x}){if(e.length===0)return null;let C=e.some(e=>(e.ui?.regions?.length??0)>0),w=e.some(e=>(e.ui?.baseUrlPresets?.length??0)>0);return(0,F.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,F.jsxs)(`div`,{className:`flex flex-col gap-1 text-xs leading-relaxed text-fg-muted`,children:[(0,F.jsx)(`p`,{children:x.credentialsIntro}),C?(0,F.jsx)(`p`,{className:`text-fg-subtle`,children:x.regionHint}):null,w?(0,F.jsx)(`p`,{className:`text-fg-subtle`,children:x.endpointPresetsHint}):null,_?(0,F.jsx)(`p`,{children:(0,F.jsx)(S,{to:`/settings/image-models`,className:`font-medium text-accent hover:underline`,title:x.imageModelsLinkTitle,children:x.openImageModelsPage})}):null]}),i?(0,F.jsx)(`div`,{className:`rounded-lg border border-red-500/30 bg-red-500/10 px-3 py-2 text-sm text-red-700 dark:text-red-300`,children:i}):null,(0,F.jsxs)(`div`,{className:`flex flex-wrap items-center justify-end gap-2`,children:[o?(0,F.jsx)(`span`,{className:`text-sm text-fg-muted`,children:x.credentialsSaved}):null,l?(0,F.jsx)(`span`,{className:`text-sm text-fg-muted`,children:x.credentialsNothingToSave}):null,(0,F.jsx)(s,{type:`button`,variant:`secondary`,onClick:f,disabled:!n||r,children:x.discardCredentials}),(0,F.jsx)(s,{type:`button`,variant:`primary`,onClick:m,disabled:!n||r,children:r?(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)(c,{className:`size-3.5 animate-spin`}),(0,F.jsx)(`span`,{className:`ml-1.5`,children:x.savingCredentials})]}):(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)(b,{className:`size-3.5`}),(0,F.jsx)(`span`,{className:`ml-1.5`,children:x.saveCredentials})]})})]}),(0,F.jsx)(`div`,{className:`flex flex-col gap-4`,children:e.map(e=>{let n=t[e.id]??D(),r=e.ui,i=g&&h.has(e.id)?`/settings/ext/${encodeURIComponent(e.id)}`:null;return(0,F.jsxs)(`div`,{className:`rounded-lg border border-edge bg-surface-panel px-4 py-3 shadow-sm dark:shadow-none`,children:[(0,F.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,F.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-2`,children:[(0,F.jsx)(`span`,{className:`text-sm font-semibold text-fg`,children:e.label??e.id}),(0,F.jsxs)(`span`,{className:`text-xs text-fg-subtle`,children:[`(`,e.id,`)`]}),i?(0,F.jsxs)(S,{to:i,className:`inline-flex items-center gap-1 text-xs font-medium text-accent hover:underline`,title:x.extensionSettingsLinkTitle,children:[(0,F.jsx)(u,{className:`size-3`}),x.openExtensionSettings]}):null]}),e.configured?(0,F.jsx)(`span`,{className:`rounded-full bg-accent-soft px-2 py-0.5 text-xs font-medium text-accent-fg`,children:x.configured}):(0,F.jsx)(`span`,{className:`rounded-full border border-amber-500/40 bg-amber-500/10 px-2 py-0.5 text-xs font-medium text-amber-700 dark:text-amber-300`,children:x.missingKey})]}),e.defaultModel?(0,F.jsxs)(`p`,{className:`mt-1 text-xs text-fg-subtle`,children:[(0,F.jsxs)(`span`,{className:`text-fg-muted`,children:[x.defaultModel,`:`]}),` `,e.id,`/`,e.defaultModel]}):null,e.models.length>0?(0,F.jsxs)(`p`,{className:`mt-0.5 text-xs text-fg-subtle`,children:[(0,F.jsxs)(`span`,{className:`text-fg-muted`,children:[x.modelsLabel,`:`]}),` `,e.models.map(t=>`${e.id}/${t}`).join(`, `)]}):null,(0,F.jsxs)(`div`,{className:`mt-4 grid gap-3 sm:grid-cols-2`,children:[(0,F.jsx)(I,{providerId:e.id,value:n.apiKey,onChange:t=>d(e.id,{apiKey:t}),apiKeyLinks:p(e.id,v),apiKeyLinkLabels:y,labels:{apiKeyLabel:x.apiKeyLabel,optionalPlaceholder:x.optionalPlaceholder,maskedHelp:x.apiKeyMaskedHelp,copy:x.apiKeyCopy,copied:x.apiKeyCopied,show:x.apiKeyShow,hide:x.apiKeyHide,notInConfigFile:x.apiKeyNotInConfigFile,loadFailed:x.apiKeyRevealFailed}}),r?.regions?.length?(0,F.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-1 sm:col-span-2`,children:[(0,F.jsx)(`label`,{className:`text-xs font-medium text-fg-muted`,htmlFor:`img-cred-region-preset-${e.id}`,children:x.regionLabel}),(0,F.jsxs)(`select`,{id:`img-cred-region-preset-${e.id}`,className:R(),value:B(n,r.regions),onChange:t=>{let n=t.target.value;if(n===``){d(e.id,{region:``,imageBaseUrl:``});return}if(n===z){d(e.id,{region:``,imageBaseUrl:``});return}let i=r.regions.find(e=>e.value===n);i&&d(e.id,{region:i.value,imageBaseUrl:i.imageBaseUrl})},children:[(0,F.jsx)(`option`,{value:``,children:x.regionPresetDefault}),r.regions.map(e=>(0,F.jsx)(`option`,{value:e.value,children:H(x,e.value,e.label)},e.value)),(0,F.jsx)(`option`,{value:z,children:x.regionPresetCustom})]}),B(n,r.regions)===z?(0,F.jsxs)(`div`,{className:`mt-2 grid gap-2 sm:grid-cols-2`,children:[(0,F.jsx)(`input`,{type:`text`,className:L(),value:n.region,placeholder:`region`,onChange:t=>d(e.id,{region:t.target.value})}),(0,F.jsx)(`input`,{type:`url`,className:L(),value:n.imageBaseUrl,placeholder:x.imageBaseUrlLabel,onChange:t=>d(e.id,{imageBaseUrl:t.target.value})})]}):null]}):null,r?.baseUrlPresets?.length?(0,F.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-1 sm:col-span-2`,children:[(0,F.jsx)(`label`,{className:`text-xs font-medium text-fg-muted`,htmlFor:`img-cred-base-preset-${e.id}`,children:U(x,r.baseUrlPresetKind)}),W(x,r.baseUrlPresetKind)?(0,F.jsx)(`p`,{className:`text-[11px] text-fg-subtle`,children:W(x,r.baseUrlPresetKind)}):null,(0,F.jsxs)(`select`,{id:`img-cred-base-preset-${e.id}`,className:R(),value:V(n,r.baseUrlPresets),onChange:t=>{let n=t.target.value;if(n===``){d(e.id,{baseUrl:``});return}if(n===z){d(e.id,{baseUrl:``});return}d(e.id,{baseUrl:n.replace(/\/+$/,``)})},children:[(0,F.jsx)(`option`,{value:``,children:x.baseUrlPresetDefault}),r.baseUrlPresets.map(e=>(0,F.jsx)(`option`,{value:e.value,children:e.label},e.value)),(0,F.jsx)(`option`,{value:z,children:x.baseUrlPresetCustom})]}),V(n,r.baseUrlPresets)===z?(0,F.jsx)(`input`,{type:`url`,className:a(L(),`mt-2`),value:n.baseUrl,placeholder:`https://…`,onChange:t=>d(e.id,{baseUrl:t.target.value})}):null]}):null,r?.regions?.length&&B(n,r.regions)!==z?(0,F.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-1 sm:col-span-2`,children:[(0,F.jsx)(`label`,{className:`text-xs font-medium text-fg-muted`,htmlFor:`img-cred-imgbase-ro-${e.id}`,children:x.imageBaseUrlLabel}),(0,F.jsx)(`input`,{id:`img-cred-imgbase-ro-${e.id}`,type:`url`,readOnly:!0,className:a(L(),`cursor-not-allowed opacity-90`),value:n.imageBaseUrl,title:x.imageBaseUrlPresetHint}),(0,F.jsx)(`p`,{className:`text-[11px] text-fg-subtle`,children:x.imageBaseUrlPresetHint})]}):null]})]},e.id)})})]})}function K(e){let t=l(x(e=>!!e.token)),n=t.data,i=(0,E.useMemo)(()=>e.map(e=>e.id),[e]),[a,o]=(0,E.useState)({}),[s,c]=(0,E.useState)({}),[u,d]=(0,E.useState)(!1),[f,p]=(0,E.useState)(null),[m,g]=(0,E.useState)(!1),[_,v]=(0,E.useState)(!1),y=(0,E.useMemo)(()=>k(n?.payload?.config,i),[n?.payload?.config,i]),b=(0,E.useMemo)(()=>JSON.stringify(a)!==JSON.stringify(s),[a,s]);return(0,E.useEffect)(()=>{b||(o(structuredClone(y)),c(structuredClone(y)))},[y,b]),{gwSwr:t,credDraft:a,credBaseline:s,credDirty:b,credSaving:u,credError:f,credSavedFlash:m,credNoopFlash:_,updateCredRow:(0,E.useCallback)((e,t)=>{o(n=>{let r=n[e]??D();return{...n,[e]:{...r,...t}}})},[]),onDiscardCredentials:(0,E.useCallback)(()=>{o(structuredClone(s)),p(null),g(!1),v(!1)},[s]),saveCredentials:(0,E.useCallback)(async e=>{let n=M(i,a,s);if(Object.keys(n).length===0){v(!0),window.setTimeout(()=>v(!1),2200);return}d(!0),p(null),g(!1);try{await P(n);let e=await t.mutate?.();r(h(w));let a=k(e?.payload?.config,i);o(structuredClone(a)),c(structuredClone(a)),g(!0),window.setTimeout(()=>g(!1),2e3)}catch(t){p(t instanceof Error?t.message:e)}finally{d(!1)}},[i,a,s,t])}}export{w as i,G as n,T as r,K as t};
-//# sourceMappingURL=use-image-provider-credentials-BmC6x4fR.js.map
+import{i as e}from"./rolldown-runtime-DWdDZTNf.js";import{i as t,t as n}from"./vendor-react-DbimaAId.js";import{o as r}from"./vendor-swr-B5fPo7KK.js";import{An as i,In as a,Jr as o,Mn as s,Or as c,St as l,Xr as u,Y as d,Yr as f,c as p,ci as m,dn as h,gn as g,l as _,n as v,ti as y,ur as b,vn as x,wi as S,xt as C}from"./index-BUYGk2UT.js";var w=`/api/image/providers`;async function T(){return(await g(h(`/api/image/providers`)))?.payload?.providers??[]}var E=e(t(),1);function D(){return{apiKey:``,region:``,baseUrl:``,imageBaseUrl:``}}function O(e){return e?.apiKey?`••••••••••••`:``}function k(e,t){let n=(()=>{if(!e||typeof e!=`object`||!(`providersConfig`in e))return;let t=e.providersConfig;if(!(!t||typeof t!=`object`||Array.isArray(t)))return t})(),r={};for(let e of t){let t=n?.[e];r[e]={apiKey:O(t),region:t?.region??``,baseUrl:t?.baseUrl??``,imageBaseUrl:t?.imageBaseUrl??``}}return r}function A(e,t,n){let r=e[n].trim();if(r!==t[n].trim())return r||null}function j(e,t){let n=e.trim(),r=t.trim();if(n!==r&&!(v(n)&&v(r)))return n||(r?null:void 0)}function M(e,t,n){let r={};for(let i of e){let e=t[i]??D(),a=n[i]??D();if(JSON.stringify(e)===JSON.stringify(a))continue;let o={},s=j(e.apiKey,a.apiKey);s!==void 0&&(o.apiKey=s);let c=A(e,a,`region`);c!==void 0&&(o.region=c);let l=A(e,a,`baseUrl`);l!==void 0&&(o.baseUrl=l);let u=A(e,a,`imageBaseUrl`);u!==void 0&&(o.imageBaseUrl=u),Object.keys(o).length>0&&(r[i]=o)}return r}async function N(e){let t=await g(h(`/api/image/providers/${encodeURIComponent(e)}/reveal-api-key`),{method:`POST`,headers:{"Content-Type":`application/json`},body:`{}`});if(!t.ok||!t.payload)throw Error(t.error?.message??`Reveal failed`);return t.payload}async function P(e){Object.keys(e).length!==0&&(await g(h(`/api/config`),{method:`PATCH`,body:JSON.stringify({providersConfig:e})}),await C())}var F=n();function I({providerId:e,value:t,onChange:n,labels:r,apiKeyLinks:s,apiKeyLinkLabels:l}){let[p,h]=(0,E.useState)(!1),[g,b]=(0,E.useState)(void 0),[x,S]=(0,E.useState)(!1),[C,w]=(0,E.useState)(null),[T,D]=(0,E.useState)(!1),O=v(t);(0,E.useEffect)(()=>{O||(b(void 0),w(null))},[O,t]);let k=O&&p&&typeof g==`string`?g:t,A=!O||O&&p&&typeof g==`string`?`text`:`password`,j=!O&&t.trim().length>0&&!v(t)||!!p&&typeof g==`string`&&g.length>0,M=(0,E.useCallback)(async()=>{let e=!O&&t.trim()&&!v(t)?t.trim():typeof g==`string`&&g.length>0?g:``;if(e)try{await navigator.clipboard.writeText(e),D(!0),window.setTimeout(()=>D(!1),2e3)}catch{}},[O,g,t]),P=(0,E.useCallback)(async()=>{if(w(null),!O){h(e=>!e);return}if(g!==void 0){h(e=>!e);return}S(!0);try{b((await N(e)).apiKey??null),h(!0)}catch(e){w(e instanceof Error?e.message:r.loadFailed),b(null)}finally{S(!1)}},[O,e,g,r.loadFailed]);return(0,F.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-1 sm:col-span-2`,children:[(0,F.jsx)(`label`,{className:`text-xs font-medium text-fg-muted`,htmlFor:`img-cred-key-${e}`,children:r.apiKeyLabel}),s.length>0?(0,F.jsx)(`div`,{className:`flex flex-col gap-1`,children:s.map(e=>(0,F.jsxs)(`a`,{href:e.href,target:`_blank`,rel:`noopener noreferrer`,className:`inline-flex w-fit items-center gap-1 text-xs font-medium text-accent-fg hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent`,children:[_(e.kind,l),(0,F.jsx)(u,{className:`size-3`,"aria-hidden":!0})]},`${e.kind}-${e.href}`))}):null,O?(0,F.jsx)(`p`,{className:`text-[11px] text-fg-subtle`,children:r.maskedHelp}):null,(0,F.jsxs)(`div`,{className:`relative min-w-0`,children:[(0,F.jsx)(`input`,{id:`img-cred-key-${e}`,type:A,autoComplete:`off`,spellCheck:!1,className:a(`w-full rounded-lg border border-edge bg-surface-panel py-2 pl-3 pr-24 font-mono text-sm text-fg`,`placeholder:text-fg-subtle`,i),value:k,placeholder:O?`••••••••`:r.optionalPlaceholder,onChange:e=>{let t=e.target.value;O&&typeof g==`string`&&p&&t!==g&&(b(void 0),h(!1)),n(t)}}),(0,F.jsxs)(`div`,{className:`absolute right-1 top-1/2 flex -translate-y-1/2 gap-0.5`,children:[j?(0,F.jsx)(`button`,{type:`button`,className:a(`rounded p-1.5 text-fg-subtle hover:bg-surface-hover hover:text-fg`,d.transition,d.press,d.focusRingPanel),title:T?r.copied:r.copy,"aria-label":T?r.copied:r.copy,onClick:()=>void M(),children:T?(0,F.jsx)(m,{className:`size-4`}):(0,F.jsx)(y,{className:`size-4`})}):null,(0,F.jsx)(`button`,{type:`button`,className:a(`rounded p-1.5 text-fg-subtle hover:bg-surface-hover hover:text-fg disabled:opacity-40`,d.transition,d.press,d.focusRingPanel),title:p?r.hide:r.show,"aria-label":p?r.hide:r.show,disabled:x,onClick:()=>void P(),children:x?(0,F.jsx)(c,{className:`size-4 animate-spin`,"aria-hidden":!0}):p?(0,F.jsx)(f,{className:`size-4`,"aria-hidden":!0}):(0,F.jsx)(o,{className:`size-4`,"aria-hidden":!0})})]})]}),O&&p&&g===null&&!C?(0,F.jsx)(`p`,{className:`text-xs text-amber-700 dark:text-amber-400/90`,children:r.notInConfigFile}):null,C?(0,F.jsx)(`p`,{className:`text-xs text-red-600 dark:text-red-400`,children:C}):null]})}function L(){return a(`w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg`,`placeholder:text-fg-subtle`,i)}function R(){return a(L(),`appearance-none bg-[length:1rem] bg-[right_0.5rem_center] bg-no-repeat pr-9`)}var z=`__custom__`;function B(e,t){if(!e.region.trim()&&!e.imageBaseUrl.trim())return``;let n=e.region.trim().toLowerCase();return t.some(e=>e.value===n)?n:z}function V(e,t){let n=e.baseUrl.trim().replace(/\/+$/,``);if(!n)return``;let r=t.map(e=>e.value.replace(/\/+$/,``)).indexOf(n);return r>=0?t[r].value:z}function H(e,t,n){return t===`beijing`?e.dashscopeRegion_beijing:t===`singapore`?e.dashscopeRegion_singapore:t===`us`?e.dashscopeRegion_us:n}function U(e,t){return t===`minimax`?e.minimaxClusterLabel:t===`fal`?e.falQueueBaseLabel:e.baseUrlLabel}function W(e,t){return t===`minimax`?e.minimaxClusterHint:t===`fal`?e.falQueueBaseHint:null}function G({summaries:e,credDraft:t,credDirty:n,credSaving:r,credError:i,credSavedFlash:o,credNoopFlash:l,updateCredRow:d,onDiscardCredentials:f,onSaveCredentials:m,extensionIds:h,showExtensionLinks:g,showImageModelsLink:_,language:v,apiKeyLinkLabels:y,messages:x}){if(e.length===0)return null;let C=e.some(e=>(e.ui?.regions?.length??0)>0),w=e.some(e=>(e.ui?.baseUrlPresets?.length??0)>0);return(0,F.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,F.jsxs)(`div`,{className:`flex flex-col gap-1 text-xs leading-relaxed text-fg-muted`,children:[(0,F.jsx)(`p`,{children:x.credentialsIntro}),C?(0,F.jsx)(`p`,{className:`text-fg-subtle`,children:x.regionHint}):null,w?(0,F.jsx)(`p`,{className:`text-fg-subtle`,children:x.endpointPresetsHint}):null,_?(0,F.jsx)(`p`,{children:(0,F.jsx)(S,{to:`/settings/image-models`,className:`font-medium text-accent hover:underline`,title:x.imageModelsLinkTitle,children:x.openImageModelsPage})}):null]}),i?(0,F.jsx)(`div`,{className:`rounded-lg border border-red-500/30 bg-red-500/10 px-3 py-2 text-sm text-red-700 dark:text-red-300`,children:i}):null,(0,F.jsxs)(`div`,{className:`flex flex-wrap items-center justify-end gap-2`,children:[o?(0,F.jsx)(`span`,{className:`text-sm text-fg-muted`,children:x.credentialsSaved}):null,l?(0,F.jsx)(`span`,{className:`text-sm text-fg-muted`,children:x.credentialsNothingToSave}):null,(0,F.jsx)(s,{type:`button`,variant:`secondary`,onClick:f,disabled:!n||r,children:x.discardCredentials}),(0,F.jsx)(s,{type:`button`,variant:`primary`,onClick:m,disabled:!n||r,children:r?(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)(c,{className:`size-3.5 animate-spin`}),(0,F.jsx)(`span`,{className:`ml-1.5`,children:x.savingCredentials})]}):(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)(b,{className:`size-3.5`}),(0,F.jsx)(`span`,{className:`ml-1.5`,children:x.saveCredentials})]})})]}),(0,F.jsx)(`div`,{className:`flex flex-col gap-4`,children:e.map(e=>{let n=t[e.id]??D(),r=e.ui,i=g&&h.has(e.id)?`/settings/ext/${encodeURIComponent(e.id)}`:null;return(0,F.jsxs)(`div`,{className:`rounded-lg border border-edge bg-surface-panel px-4 py-3 shadow-sm dark:shadow-none`,children:[(0,F.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,F.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-2`,children:[(0,F.jsx)(`span`,{className:`text-sm font-semibold text-fg`,children:e.label??e.id}),(0,F.jsxs)(`span`,{className:`text-xs text-fg-subtle`,children:[`(`,e.id,`)`]}),i?(0,F.jsxs)(S,{to:i,className:`inline-flex items-center gap-1 text-xs font-medium text-accent hover:underline`,title:x.extensionSettingsLinkTitle,children:[(0,F.jsx)(u,{className:`size-3`}),x.openExtensionSettings]}):null]}),e.configured?(0,F.jsx)(`span`,{className:`rounded-full bg-accent-soft px-2 py-0.5 text-xs font-medium text-accent-fg`,children:x.configured}):(0,F.jsx)(`span`,{className:`rounded-full border border-amber-500/40 bg-amber-500/10 px-2 py-0.5 text-xs font-medium text-amber-700 dark:text-amber-300`,children:x.missingKey})]}),e.defaultModel?(0,F.jsxs)(`p`,{className:`mt-1 text-xs text-fg-subtle`,children:[(0,F.jsxs)(`span`,{className:`text-fg-muted`,children:[x.defaultModel,`:`]}),` `,e.id,`/`,e.defaultModel]}):null,e.models.length>0?(0,F.jsxs)(`p`,{className:`mt-0.5 text-xs text-fg-subtle`,children:[(0,F.jsxs)(`span`,{className:`text-fg-muted`,children:[x.modelsLabel,`:`]}),` `,e.models.map(t=>`${e.id}/${t}`).join(`, `)]}):null,(0,F.jsxs)(`div`,{className:`mt-4 grid gap-3 sm:grid-cols-2`,children:[(0,F.jsx)(I,{providerId:e.id,value:n.apiKey,onChange:t=>d(e.id,{apiKey:t}),apiKeyLinks:p(e.id,v),apiKeyLinkLabels:y,labels:{apiKeyLabel:x.apiKeyLabel,optionalPlaceholder:x.optionalPlaceholder,maskedHelp:x.apiKeyMaskedHelp,copy:x.apiKeyCopy,copied:x.apiKeyCopied,show:x.apiKeyShow,hide:x.apiKeyHide,notInConfigFile:x.apiKeyNotInConfigFile,loadFailed:x.apiKeyRevealFailed}}),r?.regions?.length?(0,F.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-1 sm:col-span-2`,children:[(0,F.jsx)(`label`,{className:`text-xs font-medium text-fg-muted`,htmlFor:`img-cred-region-preset-${e.id}`,children:x.regionLabel}),(0,F.jsxs)(`select`,{id:`img-cred-region-preset-${e.id}`,className:R(),value:B(n,r.regions),onChange:t=>{let n=t.target.value;if(n===``){d(e.id,{region:``,imageBaseUrl:``});return}if(n===z){d(e.id,{region:``,imageBaseUrl:``});return}let i=r.regions.find(e=>e.value===n);i&&d(e.id,{region:i.value,imageBaseUrl:i.imageBaseUrl})},children:[(0,F.jsx)(`option`,{value:``,children:x.regionPresetDefault}),r.regions.map(e=>(0,F.jsx)(`option`,{value:e.value,children:H(x,e.value,e.label)},e.value)),(0,F.jsx)(`option`,{value:z,children:x.regionPresetCustom})]}),B(n,r.regions)===z?(0,F.jsxs)(`div`,{className:`mt-2 grid gap-2 sm:grid-cols-2`,children:[(0,F.jsx)(`input`,{type:`text`,className:L(),value:n.region,placeholder:`region`,onChange:t=>d(e.id,{region:t.target.value})}),(0,F.jsx)(`input`,{type:`url`,className:L(),value:n.imageBaseUrl,placeholder:x.imageBaseUrlLabel,onChange:t=>d(e.id,{imageBaseUrl:t.target.value})})]}):null]}):null,r?.baseUrlPresets?.length?(0,F.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-1 sm:col-span-2`,children:[(0,F.jsx)(`label`,{className:`text-xs font-medium text-fg-muted`,htmlFor:`img-cred-base-preset-${e.id}`,children:U(x,r.baseUrlPresetKind)}),W(x,r.baseUrlPresetKind)?(0,F.jsx)(`p`,{className:`text-[11px] text-fg-subtle`,children:W(x,r.baseUrlPresetKind)}):null,(0,F.jsxs)(`select`,{id:`img-cred-base-preset-${e.id}`,className:R(),value:V(n,r.baseUrlPresets),onChange:t=>{let n=t.target.value;if(n===``){d(e.id,{baseUrl:``});return}if(n===z){d(e.id,{baseUrl:``});return}d(e.id,{baseUrl:n.replace(/\/+$/,``)})},children:[(0,F.jsx)(`option`,{value:``,children:x.baseUrlPresetDefault}),r.baseUrlPresets.map(e=>(0,F.jsx)(`option`,{value:e.value,children:e.label},e.value)),(0,F.jsx)(`option`,{value:z,children:x.baseUrlPresetCustom})]}),V(n,r.baseUrlPresets)===z?(0,F.jsx)(`input`,{type:`url`,className:a(L(),`mt-2`),value:n.baseUrl,placeholder:`https://…`,onChange:t=>d(e.id,{baseUrl:t.target.value})}):null]}):null,r?.regions?.length&&B(n,r.regions)!==z?(0,F.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-1 sm:col-span-2`,children:[(0,F.jsx)(`label`,{className:`text-xs font-medium text-fg-muted`,htmlFor:`img-cred-imgbase-ro-${e.id}`,children:x.imageBaseUrlLabel}),(0,F.jsx)(`input`,{id:`img-cred-imgbase-ro-${e.id}`,type:`url`,readOnly:!0,className:a(L(),`cursor-not-allowed opacity-90`),value:n.imageBaseUrl,title:x.imageBaseUrlPresetHint}),(0,F.jsx)(`p`,{className:`text-[11px] text-fg-subtle`,children:x.imageBaseUrlPresetHint})]}):null]})]},e.id)})})]})}function K(e){let t=l(x(e=>!!e.token)),n=t.data,i=(0,E.useMemo)(()=>e.map(e=>e.id),[e]),[a,o]=(0,E.useState)({}),[s,c]=(0,E.useState)({}),[u,d]=(0,E.useState)(!1),[f,p]=(0,E.useState)(null),[m,g]=(0,E.useState)(!1),[_,v]=(0,E.useState)(!1),y=(0,E.useMemo)(()=>k(n?.payload?.config,i),[n?.payload?.config,i]),b=(0,E.useMemo)(()=>JSON.stringify(a)!==JSON.stringify(s),[a,s]);return(0,E.useEffect)(()=>{b||(o(structuredClone(y)),c(structuredClone(y)))},[y,b]),{gwSwr:t,credDraft:a,credBaseline:s,credDirty:b,credSaving:u,credError:f,credSavedFlash:m,credNoopFlash:_,updateCredRow:(0,E.useCallback)((e,t)=>{o(n=>{let r=n[e]??D();return{...n,[e]:{...r,...t}}})},[]),onDiscardCredentials:(0,E.useCallback)(()=>{o(structuredClone(s)),p(null),g(!1),v(!1)},[s]),saveCredentials:(0,E.useCallback)(async e=>{let n=M(i,a,s);if(Object.keys(n).length===0){v(!0),window.setTimeout(()=>v(!1),2200);return}d(!0),p(null),g(!1);try{await P(n);let e=await t.mutate?.();r(h(w));let a=k(e?.payload?.config,i);o(structuredClone(a)),c(structuredClone(a)),g(!0),window.setTimeout(()=>g(!1),2e3)}catch(t){p(t instanceof Error?t.message:e)}finally{d(!1)}},[i,a,s,t])}}export{w as i,G as n,T as r,K as t};
+//# sourceMappingURL=use-image-provider-credentials-DsYECmye.js.map

package/dist/gateway/static/root/assets/{use-image-provider-credentials-BmC6x4fR.js.map → use-image-provider-credentials-DsYECmye.js.map}

@@ -1 +1 @@
-{"version":3,"file":"use-image-provider-credentials-BmC6x4fR.js","names":[],"sources":["../../../../../web/src/features/settings/image-providers-swr-key.ts","../../../../../web/src/features/settings/fetch-image-providers.ts","../../../../../web/src/features/settings/image-providers-config-api.ts","../../../../../web/src/features/settings/image-provider-api-key-field.tsx","../../../../../web/src/features/settings/image-provider-credentials-panel.tsx","../../../../../web/src/features/settings/use-image-provider-credentials.ts"],"sourcesContent":["/** Shared SWR key for GET `/api/image/providers` (image settings + extension image pages). */\nexport const IMAGE_PROVIDERS_SWR_KEY = '/api/image/providers';\n","import { fetchJson } from '@/lib/fetch';\nimport { apiUrl } from '@/lib/url';\n\nimport { IMAGE_PROVIDERS_SWR_KEY } from '@/features/settings/image-providers-swr-key';\nimport type { ImageGenProviderCredentialSummary } from '@/features/settings/use-image-provider-credentials';\n\nexport async function fetchImageProvidersList(): Promise<ImageGenProviderCredentialSummary[]> {\n  const res = await fetchJson<{\n    ok?: boolean;\n    payload?: { providers?: ImageGenProviderCredentialSummary[] };\n  }>(apiUrl(IMAGE_PROVIDERS_SWR_KEY));\n  return res?.payload?.providers ?? [];\n}\n","import { isMaskedKey } from '@/features/settings/providers-api';\nimport { revalidateGatewayConfig } from '@/features/gateway/gateway-config-swr';\nimport { fetchJson } from '@/lib/fetch';\nimport { apiUrl } from '@/lib/url';\n\n/** One row of image-provider credential fields (matches PATCH `providersConfig` subset). */\nexport type ImageProviderCredRow = {\n  apiKey: string;\n  region: string;\n  baseUrl: string;\n  imageBaseUrl: string;\n};\n\nexport function emptyImageProviderCredRow(): ImageProviderCredRow {\n  return { apiKey: '', region: '', baseUrl: '', imageBaseUrl: '' };\n}\n\nexport type SafeProviderAuthEntry = {\n  apiKey: string;\n  region?: string;\n  baseUrl?: string;\n  imageBaseUrl?: string;\n};\n\nfunction maskedApiKeyDisplay(safe?: SafeProviderAuthEntry): string {\n  if (!safe?.apiKey) return '';\n  return '••••••••••••';\n}\n\n/** Read `payload.config.providersConfig` from GET /api/config (masked). */\nexport function imageProviderCredRowsFromConfigRoot(\n  config: unknown,\n  imageProviderIds: string[],\n): Record<string, ImageProviderCredRow> {\n  const pc = (() => {\n    if (!config || typeof config !== 'object' || !('providersConfig' in config)) return undefined;\n    const v = (config as { providersConfig?: unknown }).providersConfig;\n    if (!v || typeof v !== 'object' || Array.isArray(v)) return undefined;\n    return v as Record<string, SafeProviderAuthEntry>;\n  })();\n\n  const out: Record<string, ImageProviderCredRow> = {};\n  for (const id of imageProviderIds) {\n    const safe = pc?.[id];\n    out[id] = {\n      apiKey: maskedApiKeyDisplay(safe),\n      region: safe?.region ?? '',\n      baseUrl: safe?.baseUrl ?? '',\n      imageBaseUrl: safe?.imageBaseUrl ?? '',\n    };\n  }\n  return out;\n}\n\nfunction optionalStringField(\n  draft: ImageProviderCredRow,\n  baseline: ImageProviderCredRow,\n  key: keyof Pick<ImageProviderCredRow, 'region' | 'baseUrl' | 'imageBaseUrl'>,\n): string | null | undefined {\n  const d = draft[key].trim();\n  const b = baseline[key].trim();\n  if (d === b) return undefined;\n  if (!d) return null;\n  return d;\n}\n\nfunction apiKeyPatchValue(draftKey: string, baselineKey: string): string | null | undefined {\n  const d = draftKey.trim();\n  const b = baselineKey.trim();\n  if (d === b) return undefined;\n  if (isMaskedKey(d) && isMaskedKey(b)) return undefined;\n  if (!d) {\n    if (!b) return undefined;\n    return null;\n  }\n  return d;\n}\n\n/**\n * Build `providersConfig` PATCH entries only for image providers whose row changed.\n * Omits `apiKey` when unchanged (still masked); sends `null` to clear stored key.\n */\nexport function buildImageProvidersConfigPatch(\n  imageProviderIds: string[],\n  draft: Record<string, ImageProviderCredRow>,\n  baseline: Record<string, ImageProviderCredRow>,\n): Record<string, Record<string, unknown>> {\n  const patch: Record<string, Record<string, unknown>> = {};\n  for (const id of imageProviderIds) {\n    const d = draft[id] ?? emptyImageProviderCredRow();\n    const b = baseline[id] ?? emptyImageProviderCredRow();\n    if (JSON.stringify(d) === JSON.stringify(b)) continue;\n\n    const entry: Record<string, unknown> = {};\n    const keyDelta = apiKeyPatchValue(d.apiKey, b.apiKey);\n    if (keyDelta !== undefined) {\n      entry.apiKey = keyDelta;\n    }\n    const region = optionalStringField(d, b, 'region');\n    if (region !== undefined) entry.region = region;\n    const baseUrl = optionalStringField(d, b, 'baseUrl');\n    if (baseUrl !== undefined) entry.baseUrl = baseUrl;\n    const imageBaseUrl = optionalStringField(d, b, 'imageBaseUrl');\n    if (imageBaseUrl !== undefined) entry.imageBaseUrl = imageBaseUrl;\n\n    if (Object.keys(entry).length > 0) {\n      patch[id] = entry;\n    }\n  }\n  return patch;\n}\n\nexport type RevealImageProviderApiKeyPayload = {\n  id: string;\n  apiKey: string | null;\n  source: 'config' | 'none';\n};\n\n/** POST /api/image/providers/:id/reveal-api-key — plaintext only when stored in config file. */\nexport async function revealImageProviderConfigApiKey(providerId: string): Promise<RevealImageProviderApiKeyPayload> {\n  const data = await fetchJson<{\n    ok?: boolean;\n    payload?: RevealImageProviderApiKeyPayload;\n    error?: { message?: string };\n  }>(apiUrl(`/api/image/providers/${encodeURIComponent(providerId)}/reveal-api-key`), {\n    method: 'POST',\n    headers: { 'Content-Type': 'application/json' },\n    body: '{}',\n  });\n  if (!data.ok || !data.payload) {\n    throw new Error(data.error?.message ?? 'Reveal failed');\n  }\n  return data.payload;\n}\n\nexport async function patchImageProvidersConfig(\n  patch: Record<string, Record<string, unknown>>,\n): Promise<void> {\n  if (Object.keys(patch).length === 0) return;\n  await fetchJson(apiUrl('/api/config'), {\n    method: 'PATCH',\n    body: JSON.stringify({ providersConfig: patch }),\n  });\n  await revalidateGatewayConfig();\n}\n","import { CheckCircle2, Copy, ExternalLink, Eye, EyeOff, Loader2 } from 'lucide-react';\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { revealImageProviderConfigApiKey } from '@/features/settings/image-providers-config-api';\nimport type { ApiKeyLinkKind } from '@/features/settings/provider-enrichment';\nimport { providerApiKeyLinkLabel } from '@/features/settings/provider-enrichment';\nimport { isMaskedKey } from '@/features/settings/providers-api';\nimport type { ProvidersSettingsMessages } from '@/i18n/messages';\nimport { settingsInputFocusClass } from '@/lib/form-field-width';\nimport { interaction } from '@/lib/interaction';\nimport { cn } from '@/lib/cn';\n\nexport type ImageProviderApiKeyFieldLabels = {\n  apiKeyLabel: string;\n  optionalPlaceholder: string;\n  maskedHelp: string;\n  copy: string;\n  copied: string;\n  show: string;\n  hide: string;\n  notInConfigFile: string;\n  loadFailed: string;\n};\n\nexport function ImageProviderApiKeyField({\n  providerId,\n  value,\n  onChange,\n  labels,\n  apiKeyLinks,\n  apiKeyLinkLabels,\n}: {\n  providerId: string;\n  value: string;\n  onChange: (next: string) => void;\n  labels: ImageProviderApiKeyFieldLabels;\n  apiKeyLinks: { href: string; kind: ApiKeyLinkKind }[];\n  apiKeyLinkLabels: Pick<ProvidersSettingsMessages, 'getApiKey' | 'getApiKeyIntl' | 'getApiKeyCn'>;\n}) {\n  const [showKey, setShowKey] = useState(false);\n  /** `undefined` = not fetched; `null` = fetched, not in config file; string = plaintext from config */\n  const [revealed, setRevealed] = useState<string | null | undefined>(undefined);\n  const [revealLoading, setRevealLoading] = useState(false);\n  const [revealErr, setRevealErr] = useState<string | null>(null);\n  const [copied, setCopied] = useState(false);\n\n  const masked = isMaskedKey(value);\n\n  useEffect(() => {\n    if (!masked) {\n      setRevealed(undefined);\n      setRevealErr(null);\n    }\n  }, [masked, value]);\n\n  const inputValue = (() => {\n    if (!masked) return value;\n    if (showKey && typeof revealed === 'string') return revealed;\n    return value;\n  })();\n\n  const inputType =\n    !masked || (masked && showKey && typeof revealed === 'string') ? ('text' as const) : ('password' as const);\n\n  const copyEnabled =\n    (!masked && value.trim().length > 0 && !isMaskedKey(value)) ||\n    (Boolean(showKey) && typeof revealed === 'string' && revealed.length > 0);\n\n  const copyKey = useCallback(async () => {\n    const text =\n      !masked && value.trim() && !isMaskedKey(value)\n        ? value.trim()\n        : typeof revealed === 'string' && revealed.length > 0\n          ? revealed\n          : '';\n    if (!text) return;\n    try {\n      await navigator.clipboard.writeText(text);\n      setCopied(true);\n      window.setTimeout(() => setCopied(false), 2000);\n    } catch {\n      /* ignore */\n    }\n  }, [masked, revealed, value]);\n\n  const toggleEye = useCallback(async () => {\n    setRevealErr(null);\n    if (!masked) {\n      setShowKey((s) => !s);\n      return;\n    }\n    if (revealed !== undefined) {\n      setShowKey((s) => !s);\n      return;\n    }\n    setRevealLoading(true);\n    try {\n      const payload = await revealImageProviderConfigApiKey(providerId);\n      setRevealed(payload.apiKey ?? null);\n      setShowKey(true);\n    } catch (e) {\n      setRevealErr(e instanceof Error ? e.message : labels.loadFailed);\n      setRevealed(null);\n    } finally {\n      setRevealLoading(false);\n    }\n  }, [masked, providerId, revealed, labels.loadFailed]);\n\n  return (\n    <div className=\"flex min-w-0 flex-col gap-1 sm:col-span-2\">\n      <label className=\"text-xs font-medium text-fg-muted\" htmlFor={`img-cred-key-${providerId}`}>\n        {labels.apiKeyLabel}\n      </label>\n      {apiKeyLinks.length > 0 ? (\n        <div className=\"flex flex-col gap-1\">\n          {apiKeyLinks.map((link) => (\n            <a\n              key={`${link.kind}-${link.href}`}\n              href={link.href}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"inline-flex w-fit items-center gap-1 text-xs font-medium text-accent-fg hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent\"\n            >\n              {providerApiKeyLinkLabel(link.kind, apiKeyLinkLabels)}\n              <ExternalLink className=\"size-3\" aria-hidden />\n            </a>\n          ))}\n        </div>\n      ) : null}\n      {masked ? <p className=\"text-[11px] text-fg-subtle\">{labels.maskedHelp}</p> : null}\n      <div className=\"relative min-w-0\">\n        <input\n          id={`img-cred-key-${providerId}`}\n          type={inputType}\n          autoComplete=\"off\"\n          spellCheck={false}\n          className={cn(\n            'w-full rounded-lg border border-edge bg-surface-panel py-2 pl-3 pr-24 font-mono text-sm text-fg',\n            'placeholder:text-fg-subtle',\n            settingsInputFocusClass,\n          )}\n          value={inputValue}\n          placeholder={masked ? '••••••••' : labels.optionalPlaceholder}\n          onChange={(e) => {\n            const next = e.target.value;\n            if (masked && typeof revealed === 'string' && showKey && next !== revealed) {\n              setRevealed(undefined);\n              setShowKey(false);\n            }\n            onChange(next);\n          }}\n        />\n        <div className=\"absolute right-1 top-1/2 flex -translate-y-1/2 gap-0.5\">\n          {copyEnabled ? (\n            <button\n              type=\"button\"\n              className={cn(\n                'rounded p-1.5 text-fg-subtle hover:bg-surface-hover hover:text-fg',\n                interaction.transition,\n                interaction.press,\n                interaction.focusRingPanel,\n              )}\n              title={copied ? labels.copied : labels.copy}\n              aria-label={copied ? labels.copied : labels.copy}\n              onClick={() => void copyKey()}\n            >\n              {copied ? <CheckCircle2 className=\"size-4\" /> : <Copy className=\"size-4\" />}\n            </button>\n          ) : null}\n          <button\n            type=\"button\"\n            className={cn(\n              'rounded p-1.5 text-fg-subtle hover:bg-surface-hover hover:text-fg disabled:opacity-40',\n              interaction.transition,\n              interaction.press,\n              interaction.focusRingPanel,\n            )}\n            title={showKey ? labels.hide : labels.show}\n            aria-label={showKey ? labels.hide : labels.show}\n            disabled={revealLoading}\n            onClick={() => void toggleEye()}\n          >\n            {revealLoading ? (\n              <Loader2 className=\"size-4 animate-spin\" aria-hidden />\n            ) : showKey ? (\n              <EyeOff className=\"size-4\" aria-hidden />\n            ) : (\n              <Eye className=\"size-4\" aria-hidden />\n            )}\n          </button>\n        </div>\n      </div>\n      {masked && showKey && revealed === null && !revealErr ? (\n        <p className=\"text-xs text-amber-700 dark:text-amber-400/90\">{labels.notInConfigFile}</p>\n      ) : null}\n      {revealErr ? <p className=\"text-xs text-red-600 dark:text-red-400\">{revealErr}</p> : null}\n    </div>\n  );\n}\n","import { ExternalLink, Loader2, Save } from 'lucide-react';\nimport { Link } from 'react-router-dom';\n\nimport { Button } from '@/components/ui/button';\nimport { ImageProviderApiKeyField } from '@/features/settings/image-provider-api-key-field';\nimport { emptyImageProviderCredRow, type ImageProviderCredRow } from '@/features/settings/image-providers-config-api';\nimport { getOrderedApiKeyLinks } from '@/features/settings/provider-enrichment';\nimport type {\n  ImageGenProviderCredentialSummary,\n  ImageProviderUiMetadata,\n} from '@/features/settings/use-image-provider-credentials';\nimport type { ProvidersSettingsMessages } from '@/i18n/messages';\nimport { settingsInputFocusClass } from '@/lib/form-field-width';\nimport type { StoredLanguage } from '@/lib/storage';\nimport { cn } from '@/lib/cn';\n\nfunction inputClass(): string {\n  return cn(\n    'w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg',\n    'placeholder:text-fg-subtle',\n    settingsInputFocusClass,\n  );\n}\n\nfunction selectClass(): string {\n  return cn(inputClass(), 'appearance-none bg-[length:1rem] bg-[right_0.5rem_center] bg-no-repeat pr-9');\n}\n\nconst CUSTOM_SENTINEL = '__custom__';\n\nfunction dashscopeSelectValue(\n  row: ImageProviderCredRow,\n  regions: NonNullable<ImageProviderUiMetadata['regions']>,\n): string {\n  if (!row.region.trim() && !row.imageBaseUrl.trim()) return '';\n  const r = row.region.trim().toLowerCase();\n  if (regions.some((x) => x.value === r)) return r;\n  return CUSTOM_SENTINEL;\n}\n\nfunction baseUrlSelectValue(\n  row: ImageProviderCredRow,\n  presets: NonNullable<ImageProviderUiMetadata['baseUrlPresets']>,\n): string {\n  const b = row.baseUrl.trim().replace(/\\/+$/, '');\n  if (!b) return '';\n  const norm = presets.map((p) => p.value.replace(/\\/+$/, ''));\n  const idx = norm.indexOf(b);\n  if (idx >= 0) return presets[idx].value;\n  return CUSTOM_SENTINEL;\n}\n\nexport type ImageProviderCredentialsPanelMessages = {\n  credentialsIntro: string;\n  regionHint: string;\n  endpointPresetsHint: string;\n  apiKeyLabel: string;\n  optionalPlaceholder: string;\n  regionLabel: string;\n  baseUrlLabel: string;\n  imageBaseUrlLabel: string;\n  saveCredentials: string;\n  savingCredentials: string;\n  credentialsSaved: string;\n  discardCredentials: string;\n  credentialsNothingToSave: string;\n  credentialsSaveError: string;\n  regionPresetDefault: string;\n  regionPresetCustom: string;\n  baseUrlPresetDefault: string;\n  baseUrlPresetCustom: string;\n  openExtensionSettings: string;\n  openImageModelsPage: string;\n  extensionSettingsLinkTitle: string;\n  imageModelsLinkTitle: string;\n  configured: string;\n  missingKey: string;\n  defaultModel: string;\n  modelsLabel: string;\n  imageBaseUrlPresetHint: string;\n  dashscopeRegion_beijing: string;\n  dashscopeRegion_singapore: string;\n  dashscopeRegion_us: string;\n  apiKeyMaskedHelp: string;\n  apiKeyCopy: string;\n  apiKeyCopied: string;\n  apiKeyShow: string;\n  apiKeyHide: string;\n  apiKeyNotInConfigFile: string;\n  apiKeyRevealFailed: string;\n  minimaxClusterLabel: string;\n  minimaxClusterHint: string;\n  falQueueBaseLabel: string;\n  falQueueBaseHint: string;\n};\n\nfunction translateDashscopeRegion(m: ImageProviderCredentialsPanelMessages, value: string, serverLabel: string) {\n  if (value === 'beijing') return m.dashscopeRegion_beijing;\n  if (value === 'singapore') return m.dashscopeRegion_singapore;\n  if (value === 'us') return m.dashscopeRegion_us;\n  return serverLabel;\n}\n\nfunction baseUrlPresetBlockTitle(\n  t: ImageProviderCredentialsPanelMessages,\n  kind: ImageProviderUiMetadata['baseUrlPresetKind'],\n): string {\n  if (kind === 'minimax') return t.minimaxClusterLabel;\n  if (kind === 'fal') return t.falQueueBaseLabel;\n  return t.baseUrlLabel;\n}\n\nfunction baseUrlPresetBlockHint(\n  t: ImageProviderCredentialsPanelMessages,\n  kind: ImageProviderUiMetadata['baseUrlPresetKind'],\n): string | null {\n  if (kind === 'minimax') return t.minimaxClusterHint;\n  if (kind === 'fal') return t.falQueueBaseHint;\n  return null;\n}\n\nexport function ImageProviderCredentialsPanel({\n  summaries,\n  credDraft,\n  credDirty,\n  credSaving,\n  credError,\n  credSavedFlash,\n  credNoopFlash,\n  updateCredRow,\n  onDiscardCredentials,\n  onSaveCredentials,\n  extensionIds,\n  showExtensionLinks,\n  showImageModelsLink,\n  language,\n  apiKeyLinkLabels,\n  messages: t,\n}: {\n  summaries: ImageGenProviderCredentialSummary[];\n  credDraft: Record<string, ImageProviderCredRow>;\n  credDirty: boolean;\n  credSaving: boolean;\n  credError: string | null;\n  credSavedFlash: boolean;\n  credNoopFlash: boolean;\n  updateCredRow: (id: string, patch: Partial<ImageProviderCredRow>) => void;\n  onDiscardCredentials: () => void;\n  onSaveCredentials: () => void;\n  /** Extension ids present in gateway discovery (for deep links). */\n  extensionIds: Set<string>;\n  showExtensionLinks: boolean;\n  showImageModelsLink: boolean;\n  language: StoredLanguage;\n  apiKeyLinkLabels: Pick<ProvidersSettingsMessages, 'getApiKey' | 'getApiKeyIntl' | 'getApiKeyCn'>;\n  messages: ImageProviderCredentialsPanelMessages;\n}) {\n  const empty = summaries.length === 0;\n\n  if (empty) {\n    return null;\n  }\n\n  const anyRegionUi = summaries.some((s) => (s.ui?.regions?.length ?? 0) > 0);\n  const anyBaseUrlPresets = summaries.some((s) => (s.ui?.baseUrlPresets?.length ?? 0) > 0);\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <div className=\"flex flex-col gap-1 text-xs leading-relaxed text-fg-muted\">\n        <p>{t.credentialsIntro}</p>\n        {anyRegionUi ? <p className=\"text-fg-subtle\">{t.regionHint}</p> : null}\n        {anyBaseUrlPresets ? <p className=\"text-fg-subtle\">{t.endpointPresetsHint}</p> : null}\n        {showImageModelsLink ? (\n          <p>\n            <Link\n              to=\"/settings/image-models\"\n              className=\"font-medium text-accent hover:underline\"\n              title={t.imageModelsLinkTitle}\n            >\n              {t.openImageModelsPage}\n            </Link>\n          </p>\n        ) : null}\n      </div>\n      {credError ? (\n        <div className=\"rounded-lg border border-red-500/30 bg-red-500/10 px-3 py-2 text-sm text-red-700 dark:text-red-300\">\n          {credError}\n        </div>\n      ) : null}\n      <div className=\"flex flex-wrap items-center justify-end gap-2\">\n        {credSavedFlash ? (\n          <span className=\"text-sm text-fg-muted\">{t.credentialsSaved}</span>\n        ) : null}\n        {credNoopFlash ? (\n          <span className=\"text-sm text-fg-muted\">{t.credentialsNothingToSave}</span>\n        ) : null}\n        <Button type=\"button\" variant=\"secondary\" onClick={onDiscardCredentials} disabled={!credDirty || credSaving}>\n          {t.discardCredentials}\n        </Button>\n        <Button type=\"button\" variant=\"primary\" onClick={onSaveCredentials} disabled={!credDirty || credSaving}>\n          {credSaving ? (\n            <>\n              <Loader2 className=\"size-3.5 animate-spin\" />\n              <span className=\"ml-1.5\">{t.savingCredentials}</span>\n            </>\n          ) : (\n            <>\n              <Save className=\"size-3.5\" />\n              <span className=\"ml-1.5\">{t.saveCredentials}</span>\n            </>\n          )}\n        </Button>\n      </div>\n      <div className=\"flex flex-col gap-4\">\n        {summaries.map((p) => {\n          const row = credDraft[p.id] ?? emptyImageProviderCredRow();\n          const ui = p.ui;\n          const extPath =\n            showExtensionLinks && extensionIds.has(p.id)\n              ? `/settings/ext/${encodeURIComponent(p.id)}`\n              : null;\n          return (\n            <div\n              key={p.id}\n              className=\"rounded-lg border border-edge bg-surface-panel px-4 py-3 shadow-sm dark:shadow-none\"\n            >\n              <div className=\"flex flex-wrap items-center justify-between gap-3\">\n                <div className=\"flex min-w-0 flex-wrap items-center gap-2\">\n                  <span className=\"text-sm font-semibold text-fg\">{p.label ?? p.id}</span>\n                  <span className=\"text-xs text-fg-subtle\">({p.id})</span>\n                  {extPath ? (\n                    <Link\n                      to={extPath}\n                      className=\"inline-flex items-center gap-1 text-xs font-medium text-accent hover:underline\"\n                      title={t.extensionSettingsLinkTitle}\n                    >\n                      <ExternalLink className=\"size-3\" />\n                      {t.openExtensionSettings}\n                    </Link>\n                  ) : null}\n                </div>\n                {p.configured ? (\n                  <span className=\"rounded-full bg-accent-soft px-2 py-0.5 text-xs font-medium text-accent-fg\">\n                    {t.configured}\n                  </span>\n                ) : (\n                  <span className=\"rounded-full border border-amber-500/40 bg-amber-500/10 px-2 py-0.5 text-xs font-medium text-amber-700 dark:text-amber-300\">\n                    {t.missingKey}\n                  </span>\n                )}\n              </div>\n              {p.defaultModel ? (\n                <p className=\"mt-1 text-xs text-fg-subtle\">\n                  <span className=\"text-fg-muted\">{t.defaultModel}:</span> {p.id}/{p.defaultModel}\n                </p>\n              ) : null}\n              {p.models.length > 0 ? (\n                <p className=\"mt-0.5 text-xs text-fg-subtle\">\n                  <span className=\"text-fg-muted\">{t.modelsLabel}:</span>{' '}\n                  {p.models.map((mm) => `${p.id}/${mm}`).join(', ')}\n                </p>\n              ) : null}\n              <div className=\"mt-4 grid gap-3 sm:grid-cols-2\">\n                <ImageProviderApiKeyField\n                  providerId={p.id}\n                  value={row.apiKey}\n                  onChange={(next) => updateCredRow(p.id, { apiKey: next })}\n                  apiKeyLinks={getOrderedApiKeyLinks(p.id, language)}\n                  apiKeyLinkLabels={apiKeyLinkLabels}\n                  labels={{\n                    apiKeyLabel: t.apiKeyLabel,\n                    optionalPlaceholder: t.optionalPlaceholder,\n                    maskedHelp: t.apiKeyMaskedHelp,\n                    copy: t.apiKeyCopy,\n                    copied: t.apiKeyCopied,\n                    show: t.apiKeyShow,\n                    hide: t.apiKeyHide,\n                    notInConfigFile: t.apiKeyNotInConfigFile,\n                    loadFailed: t.apiKeyRevealFailed,\n                  }}\n                />\n\n                {ui?.regions?.length ? (\n                  <div className=\"flex min-w-0 flex-col gap-1 sm:col-span-2\">\n                    <label className=\"text-xs font-medium text-fg-muted\" htmlFor={`img-cred-region-preset-${p.id}`}>\n                      {t.regionLabel}\n                    </label>\n                    <select\n                      id={`img-cred-region-preset-${p.id}`}\n                      className={selectClass()}\n                      value={dashscopeSelectValue(row, ui.regions)}\n                      onChange={(e) => {\n                        const v = e.target.value;\n                        if (v === '') {\n                          updateCredRow(p.id, { region: '', imageBaseUrl: '' });\n                          return;\n                        }\n                        if (v === CUSTOM_SENTINEL) {\n                          updateCredRow(p.id, { region: '', imageBaseUrl: '' });\n                          return;\n                        }\n                        const opt = ui.regions!.find((x) => x.value === v);\n                        if (opt) {\n                          updateCredRow(p.id, { region: opt.value, imageBaseUrl: opt.imageBaseUrl });\n                        }\n                      }}\n                    >\n                      <option value=\"\">{t.regionPresetDefault}</option>\n                      {ui.regions.map((r) => (\n                        <option key={r.value} value={r.value}>\n                          {translateDashscopeRegion(t, r.value, r.label)}\n                        </option>\n                      ))}\n                      <option value={CUSTOM_SENTINEL}>{t.regionPresetCustom}</option>\n                    </select>\n                    {dashscopeSelectValue(row, ui.regions) === CUSTOM_SENTINEL ? (\n                      <div className=\"mt-2 grid gap-2 sm:grid-cols-2\">\n                        <input\n                          type=\"text\"\n                          className={inputClass()}\n                          value={row.region}\n                          placeholder=\"region\"\n                          onChange={(e) => updateCredRow(p.id, { region: e.target.value })}\n                        />\n                        <input\n                          type=\"url\"\n                          className={inputClass()}\n                          value={row.imageBaseUrl}\n                          placeholder={t.imageBaseUrlLabel}\n                          onChange={(e) => updateCredRow(p.id, { imageBaseUrl: e.target.value })}\n                        />\n                      </div>\n                    ) : null}\n                  </div>\n                ) : null}\n\n                {ui?.baseUrlPresets?.length ? (\n                  <div className=\"flex min-w-0 flex-col gap-1 sm:col-span-2\">\n                    <label className=\"text-xs font-medium text-fg-muted\" htmlFor={`img-cred-base-preset-${p.id}`}>\n                      {baseUrlPresetBlockTitle(t, ui.baseUrlPresetKind)}\n                    </label>\n                    {baseUrlPresetBlockHint(t, ui.baseUrlPresetKind) ? (\n                      <p className=\"text-[11px] text-fg-subtle\">{baseUrlPresetBlockHint(t, ui.baseUrlPresetKind)}</p>\n                    ) : null}\n                    <select\n                      id={`img-cred-base-preset-${p.id}`}\n                      className={selectClass()}\n                      value={baseUrlSelectValue(row, ui.baseUrlPresets)}\n                      onChange={(e) => {\n                        const v = e.target.value;\n                        if (v === '') {\n                          updateCredRow(p.id, { baseUrl: '' });\n                          return;\n                        }\n                        if (v === CUSTOM_SENTINEL) {\n                          updateCredRow(p.id, { baseUrl: '' });\n                          return;\n                        }\n                        updateCredRow(p.id, { baseUrl: v.replace(/\\/+$/, '') });\n                      }}\n                    >\n                      <option value=\"\">{t.baseUrlPresetDefault}</option>\n                      {ui.baseUrlPresets.map((b) => (\n                        <option key={b.value} value={b.value}>\n                          {b.label}\n                        </option>\n                      ))}\n                      <option value={CUSTOM_SENTINEL}>{t.baseUrlPresetCustom}</option>\n                    </select>\n                    {baseUrlSelectValue(row, ui.baseUrlPresets) === CUSTOM_SENTINEL ? (\n                      <input\n                        type=\"url\"\n                        className={cn(inputClass(), 'mt-2')}\n                        value={row.baseUrl}\n                        placeholder=\"https://…\"\n                        onChange={(e) => updateCredRow(p.id, { baseUrl: e.target.value })}\n                      />\n                    ) : null}\n                  </div>\n                ) : null}\n\n                {ui?.regions?.length && dashscopeSelectValue(row, ui.regions) !== CUSTOM_SENTINEL ? (\n                  <div className=\"flex min-w-0 flex-col gap-1 sm:col-span-2\">\n                    <label className=\"text-xs font-medium text-fg-muted\" htmlFor={`img-cred-imgbase-ro-${p.id}`}>\n                      {t.imageBaseUrlLabel}\n                    </label>\n                    <input\n                      id={`img-cred-imgbase-ro-${p.id}`}\n                      type=\"url\"\n                      readOnly\n                      className={cn(inputClass(), 'cursor-not-allowed opacity-90')}\n                      value={row.imageBaseUrl}\n                      title={t.imageBaseUrlPresetHint}\n                    />\n                    <p className=\"text-[11px] text-fg-subtle\">{t.imageBaseUrlPresetHint}</p>\n                  </div>\n                ) : null}\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n","import { useCallback, useEffect, useMemo, useState } from 'react';\nimport { mutate } from 'swr';\n\nimport { useGatewayConfigSwr } from '@/features/gateway/gateway-config-swr';\nimport {\n  buildImageProvidersConfigPatch,\n  emptyImageProviderCredRow,\n  imageProviderCredRowsFromConfigRoot,\n  patchImageProvidersConfig,\n  type ImageProviderCredRow,\n} from '@/features/settings/image-providers-config-api';\nimport { IMAGE_PROVIDERS_SWR_KEY } from '@/features/settings/image-providers-swr-key';\nimport { apiUrl } from '@/lib/url';\nimport { useGatewayStore } from '@/stores/gateway-store';\n\nexport type ImageProviderUiRegionOption = {\n  value: string;\n  label: string;\n  imageBaseUrl: string;\n};\n\nexport type ImageProviderUiBaseUrlPreset = {\n  value: string;\n  label: string;\n};\n\nexport type ImageProviderUiMetadata = {\n  regions?: ImageProviderUiRegionOption[];\n  baseUrlPresets?: ImageProviderUiBaseUrlPreset[];\n  baseUrlPresetKind?: 'fal' | 'minimax' | 'google' | 'openai';\n};\n\nexport type ImageGenProviderCredentialSummary = {\n  id: string;\n  label?: string;\n  defaultModel?: string;\n  models: string[];\n  configured?: boolean;\n  ui?: ImageProviderUiMetadata;\n};\n\nexport function useImageProviderCredentials(summaries: ImageGenProviderCredentialSummary[]) {\n  const hasToken = useGatewayStore((s) => Boolean(s.token));\n  const gwSwr = useGatewayConfigSwr(hasToken);\n  const gwCfg = gwSwr.data;\n\n  const ids = useMemo(() => summaries.map((s) => s.id), [summaries]);\n\n  const [credDraft, setCredDraft] = useState<Record<string, ImageProviderCredRow>>({});\n  const [credBaseline, setCredBaseline] = useState<Record<string, ImageProviderCredRow>>({});\n  const [credSaving, setCredSaving] = useState(false);\n  const [credError, setCredError] = useState<string | null>(null);\n  const [credSavedFlash, setCredSavedFlash] = useState(false);\n  const [credNoopFlash, setCredNoopFlash] = useState(false);\n\n  const credRowsFromServer = useMemo(\n    () => imageProviderCredRowsFromConfigRoot(gwCfg?.payload?.config, ids),\n    [gwCfg?.payload?.config, ids],\n  );\n\n  const credDirty = useMemo(\n    () => JSON.stringify(credDraft) !== JSON.stringify(credBaseline),\n    [credDraft, credBaseline],\n  );\n\n  useEffect(() => {\n    if (!credDirty) {\n      setCredDraft(structuredClone(credRowsFromServer));\n      setCredBaseline(structuredClone(credRowsFromServer));\n    }\n  }, [credRowsFromServer, credDirty]);\n\n  const updateCredRow = useCallback((id: string, patch: Partial<ImageProviderCredRow>) => {\n    setCredDraft((prev) => {\n      const base = prev[id] ?? emptyImageProviderCredRow();\n      return { ...prev, [id]: { ...base, ...patch } };\n    });\n  }, []);\n\n  const onDiscardCredentials = useCallback(() => {\n    setCredDraft(structuredClone(credBaseline));\n    setCredError(null);\n    setCredSavedFlash(false);\n    setCredNoopFlash(false);\n  }, [credBaseline]);\n\n  const saveCredentials = useCallback(\n    async (errorFallback: string) => {\n      const patch = buildImageProvidersConfigPatch(ids, credDraft, credBaseline);\n      if (Object.keys(patch).length === 0) {\n        setCredNoopFlash(true);\n        window.setTimeout(() => setCredNoopFlash(false), 2200);\n        return;\n      }\n      setCredSaving(true);\n      setCredError(null);\n      setCredSavedFlash(false);\n      try {\n        await patchImageProvidersConfig(patch);\n        const updated = await gwSwr.mutate?.();\n        void mutate(apiUrl(IMAGE_PROVIDERS_SWR_KEY));\n        const nextRows = imageProviderCredRowsFromConfigRoot(updated?.payload?.config, ids);\n        setCredDraft(structuredClone(nextRows));\n        setCredBaseline(structuredClone(nextRows));\n        setCredSavedFlash(true);\n        window.setTimeout(() => setCredSavedFlash(false), 2000);\n      } catch (e) {\n        setCredError(e instanceof Error ? e.message : errorFallback);\n      } finally {\n        setCredSaving(false);\n      }\n    },\n    [ids, credDraft, credBaseline, gwSwr],\n  );\n\n  return {\n    gwSwr,\n    credDraft,\n    credBaseline,\n    credDirty,\n    credSaving,\n    credError,\n    credSavedFlash,\n    credNoopFlash,\n    updateCredRow,\n    onDiscardCredentials,\n    saveCredentials,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-image-provider-credentials-DsYECmye.js","names":[],"sources":["../../../../../web/src/features/settings/image-providers-swr-key.ts","../../../../../web/src/features/settings/fetch-image-providers.ts","../../../../../web/src/features/settings/image-providers-config-api.ts","../../../../../web/src/features/settings/image-provider-api-key-field.tsx","../../../../../web/src/features/settings/image-provider-credentials-panel.tsx","../../../../../web/src/features/settings/use-image-provider-credentials.ts"],"sourcesContent":["/** Shared SWR key for GET `/api/image/providers` (image settings + extension image pages). */\nexport const IMAGE_PROVIDERS_SWR_KEY = '/api/image/providers';\n","import { fetchJson } from '@/lib/fetch';\nimport { apiUrl } from '@/lib/url';\n\nimport { IMAGE_PROVIDERS_SWR_KEY } from '@/features/settings/image-providers-swr-key';\nimport type { ImageGenProviderCredentialSummary } from '@/features/settings/use-image-provider-credentials';\n\nexport async function fetchImageProvidersList(): Promise<ImageGenProviderCredentialSummary[]> {\n  const res = await fetchJson<{\n    ok?: boolean;\n    payload?: { providers?: ImageGenProviderCredentialSummary[] };\n  }>(apiUrl(IMAGE_PROVIDERS_SWR_KEY));\n  return res?.payload?.providers ?? [];\n}\n","import { isMaskedKey } from '@/features/settings/providers-api';\nimport { revalidateGatewayConfig } from '@/features/gateway/gateway-config-swr';\nimport { fetchJson } from '@/lib/fetch';\nimport { apiUrl } from '@/lib/url';\n\n/** One row of image-provider credential fields (matches PATCH `providersConfig` subset). */\nexport type ImageProviderCredRow = {\n  apiKey: string;\n  region: string;\n  baseUrl: string;\n  imageBaseUrl: string;\n};\n\nexport function emptyImageProviderCredRow(): ImageProviderCredRow {\n  return { apiKey: '', region: '', baseUrl: '', imageBaseUrl: '' };\n}\n\nexport type SafeProviderAuthEntry = {\n  apiKey: string;\n  region?: string;\n  baseUrl?: string;\n  imageBaseUrl?: string;\n};\n\nfunction maskedApiKeyDisplay(safe?: SafeProviderAuthEntry): string {\n  if (!safe?.apiKey) return '';\n  return '••••••••••••';\n}\n\n/** Read `payload.config.providersConfig` from GET /api/config (masked). */\nexport function imageProviderCredRowsFromConfigRoot(\n  config: unknown,\n  imageProviderIds: string[],\n): Record<string, ImageProviderCredRow> {\n  const pc = (() => {\n    if (!config || typeof config !== 'object' || !('providersConfig' in config)) return undefined;\n    const v = (config as { providersConfig?: unknown }).providersConfig;\n    if (!v || typeof v !== 'object' || Array.isArray(v)) return undefined;\n    return v as Record<string, SafeProviderAuthEntry>;\n  })();\n\n  const out: Record<string, ImageProviderCredRow> = {};\n  for (const id of imageProviderIds) {\n    const safe = pc?.[id];\n    out[id] = {\n      apiKey: maskedApiKeyDisplay(safe),\n      region: safe?.region ?? '',\n      baseUrl: safe?.baseUrl ?? '',\n      imageBaseUrl: safe?.imageBaseUrl ?? '',\n    };\n  }\n  return out;\n}\n\nfunction optionalStringField(\n  draft: ImageProviderCredRow,\n  baseline: ImageProviderCredRow,\n  key: keyof Pick<ImageProviderCredRow, 'region' | 'baseUrl' | 'imageBaseUrl'>,\n): string | null | undefined {\n  const d = draft[key].trim();\n  const b = baseline[key].trim();\n  if (d === b) return undefined;\n  if (!d) return null;\n  return d;\n}\n\nfunction apiKeyPatchValue(draftKey: string, baselineKey: string): string | null | undefined {\n  const d = draftKey.trim();\n  const b = baselineKey.trim();\n  if (d === b) return undefined;\n  if (isMaskedKey(d) && isMaskedKey(b)) return undefined;\n  if (!d) {\n    if (!b) return undefined;\n    return null;\n  }\n  return d;\n}\n\n/**\n * Build `providersConfig` PATCH entries only for image providers whose row changed.\n * Omits `apiKey` when unchanged (still masked); sends `null` to clear stored key.\n */\nexport function buildImageProvidersConfigPatch(\n  imageProviderIds: string[],\n  draft: Record<string, ImageProviderCredRow>,\n  baseline: Record<string, ImageProviderCredRow>,\n): Record<string, Record<string, unknown>> {\n  const patch: Record<string, Record<string, unknown>> = {};\n  for (const id of imageProviderIds) {\n    const d = draft[id] ?? emptyImageProviderCredRow();\n    const b = baseline[id] ?? emptyImageProviderCredRow();\n    if (JSON.stringify(d) === JSON.stringify(b)) continue;\n\n    const entry: Record<string, unknown> = {};\n    const keyDelta = apiKeyPatchValue(d.apiKey, b.apiKey);\n    if (keyDelta !== undefined) {\n      entry.apiKey = keyDelta;\n    }\n    const region = optionalStringField(d, b, 'region');\n    if (region !== undefined) entry.region = region;\n    const baseUrl = optionalStringField(d, b, 'baseUrl');\n    if (baseUrl !== undefined) entry.baseUrl = baseUrl;\n    const imageBaseUrl = optionalStringField(d, b, 'imageBaseUrl');\n    if (imageBaseUrl !== undefined) entry.imageBaseUrl = imageBaseUrl;\n\n    if (Object.keys(entry).length > 0) {\n      patch[id] = entry;\n    }\n  }\n  return patch;\n}\n\nexport type RevealImageProviderApiKeyPayload = {\n  id: string;\n  apiKey: string | null;\n  source: 'config' | 'none';\n};\n\n/** POST /api/image/providers/:id/reveal-api-key — plaintext only when stored in config file. */\nexport async function revealImageProviderConfigApiKey(providerId: string): Promise<RevealImageProviderApiKeyPayload> {\n  const data = await fetchJson<{\n    ok?: boolean;\n    payload?: RevealImageProviderApiKeyPayload;\n    error?: { message?: string };\n  }>(apiUrl(`/api/image/providers/${encodeURIComponent(providerId)}/reveal-api-key`), {\n    method: 'POST',\n    headers: { 'Content-Type': 'application/json' },\n    body: '{}',\n  });\n  if (!data.ok || !data.payload) {\n    throw new Error(data.error?.message ?? 'Reveal failed');\n  }\n  return data.payload;\n}\n\nexport async function patchImageProvidersConfig(\n  patch: Record<string, Record<string, unknown>>,\n): Promise<void> {\n  if (Object.keys(patch).length === 0) return;\n  await fetchJson(apiUrl('/api/config'), {\n    method: 'PATCH',\n    body: JSON.stringify({ providersConfig: patch }),\n  });\n  await revalidateGatewayConfig();\n}\n","import { CheckCircle2, Copy, ExternalLink, Eye, EyeOff, Loader2 } from 'lucide-react';\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { revealImageProviderConfigApiKey } from '@/features/settings/image-providers-config-api';\nimport type { ApiKeyLinkKind } from '@/features/settings/provider-enrichment';\nimport { providerApiKeyLinkLabel } from '@/features/settings/provider-enrichment';\nimport { isMaskedKey } from '@/features/settings/providers-api';\nimport type { ProvidersSettingsMessages } from '@/i18n/messages';\nimport { settingsInputFocusClass } from '@/lib/form-field-width';\nimport { interaction } from '@/lib/interaction';\nimport { cn } from '@/lib/cn';\n\nexport type ImageProviderApiKeyFieldLabels = {\n  apiKeyLabel: string;\n  optionalPlaceholder: string;\n  maskedHelp: string;\n  copy: string;\n  copied: string;\n  show: string;\n  hide: string;\n  notInConfigFile: string;\n  loadFailed: string;\n};\n\nexport function ImageProviderApiKeyField({\n  providerId,\n  value,\n  onChange,\n  labels,\n  apiKeyLinks,\n  apiKeyLinkLabels,\n}: {\n  providerId: string;\n  value: string;\n  onChange: (next: string) => void;\n  labels: ImageProviderApiKeyFieldLabels;\n  apiKeyLinks: { href: string; kind: ApiKeyLinkKind }[];\n  apiKeyLinkLabels: Pick<ProvidersSettingsMessages, 'getApiKey' | 'getApiKeyIntl' | 'getApiKeyCn'>;\n}) {\n  const [showKey, setShowKey] = useState(false);\n  /** `undefined` = not fetched; `null` = fetched, not in config file; string = plaintext from config */\n  const [revealed, setRevealed] = useState<string | null | undefined>(undefined);\n  const [revealLoading, setRevealLoading] = useState(false);\n  const [revealErr, setRevealErr] = useState<string | null>(null);\n  const [copied, setCopied] = useState(false);\n\n  const masked = isMaskedKey(value);\n\n  useEffect(() => {\n    if (!masked) {\n      setRevealed(undefined);\n      setRevealErr(null);\n    }\n  }, [masked, value]);\n\n  const inputValue = (() => {\n    if (!masked) return value;\n    if (showKey && typeof revealed === 'string') return revealed;\n    return value;\n  })();\n\n  const inputType =\n    !masked || (masked && showKey && typeof revealed === 'string') ? ('text' as const) : ('password' as const);\n\n  const copyEnabled =\n    (!masked && value.trim().length > 0 && !isMaskedKey(value)) ||\n    (Boolean(showKey) && typeof revealed === 'string' && revealed.length > 0);\n\n  const copyKey = useCallback(async () => {\n    const text =\n      !masked && value.trim() && !isMaskedKey(value)\n        ? value.trim()\n        : typeof revealed === 'string' && revealed.length > 0\n          ? revealed\n          : '';\n    if (!text) return;\n    try {\n      await navigator.clipboard.writeText(text);\n      setCopied(true);\n      window.setTimeout(() => setCopied(false), 2000);\n    } catch {\n      /* ignore */\n    }\n  }, [masked, revealed, value]);\n\n  const toggleEye = useCallback(async () => {\n    setRevealErr(null);\n    if (!masked) {\n      setShowKey((s) => !s);\n      return;\n    }\n    if (revealed !== undefined) {\n      setShowKey((s) => !s);\n      return;\n    }\n    setRevealLoading(true);\n    try {\n      const payload = await revealImageProviderConfigApiKey(providerId);\n      setRevealed(payload.apiKey ?? null);\n      setShowKey(true);\n    } catch (e) {\n      setRevealErr(e instanceof Error ? e.message : labels.loadFailed);\n      setRevealed(null);\n    } finally {\n      setRevealLoading(false);\n    }\n  }, [masked, providerId, revealed, labels.loadFailed]);\n\n  return (\n    <div className=\"flex min-w-0 flex-col gap-1 sm:col-span-2\">\n      <label className=\"text-xs font-medium text-fg-muted\" htmlFor={`img-cred-key-${providerId}`}>\n        {labels.apiKeyLabel}\n      </label>\n      {apiKeyLinks.length > 0 ? (\n        <div className=\"flex flex-col gap-1\">\n          {apiKeyLinks.map((link) => (\n            <a\n              key={`${link.kind}-${link.href}`}\n              href={link.href}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"inline-flex w-fit items-center gap-1 text-xs font-medium text-accent-fg hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent\"\n            >\n              {providerApiKeyLinkLabel(link.kind, apiKeyLinkLabels)}\n              <ExternalLink className=\"size-3\" aria-hidden />\n            </a>\n          ))}\n        </div>\n      ) : null}\n      {masked ? <p className=\"text-[11px] text-fg-subtle\">{labels.maskedHelp}</p> : null}\n      <div className=\"relative min-w-0\">\n        <input\n          id={`img-cred-key-${providerId}`}\n          type={inputType}\n          autoComplete=\"off\"\n          spellCheck={false}\n          className={cn(\n            'w-full rounded-lg border border-edge bg-surface-panel py-2 pl-3 pr-24 font-mono text-sm text-fg',\n            'placeholder:text-fg-subtle',\n            settingsInputFocusClass,\n          )}\n          value={inputValue}\n          placeholder={masked ? '••••••••' : labels.optionalPlaceholder}\n          onChange={(e) => {\n            const next = e.target.value;\n            if (masked && typeof revealed === 'string' && showKey && next !== revealed) {\n              setRevealed(undefined);\n              setShowKey(false);\n            }\n            onChange(next);\n          }}\n        />\n        <div className=\"absolute right-1 top-1/2 flex -translate-y-1/2 gap-0.5\">\n          {copyEnabled ? (\n            <button\n              type=\"button\"\n              className={cn(\n                'rounded p-1.5 text-fg-subtle hover:bg-surface-hover hover:text-fg',\n                interaction.transition,\n                interaction.press,\n                interaction.focusRingPanel,\n              )}\n              title={copied ? labels.copied : labels.copy}\n              aria-label={copied ? labels.copied : labels.copy}\n              onClick={() => void copyKey()}\n            >\n              {copied ? <CheckCircle2 className=\"size-4\" /> : <Copy className=\"size-4\" />}\n            </button>\n          ) : null}\n          <button\n            type=\"button\"\n            className={cn(\n              'rounded p-1.5 text-fg-subtle hover:bg-surface-hover hover:text-fg disabled:opacity-40',\n              interaction.transition,\n              interaction.press,\n              interaction.focusRingPanel,\n            )}\n            title={showKey ? labels.hide : labels.show}\n            aria-label={showKey ? labels.hide : labels.show}\n            disabled={revealLoading}\n            onClick={() => void toggleEye()}\n          >\n            {revealLoading ? (\n              <Loader2 className=\"size-4 animate-spin\" aria-hidden />\n            ) : showKey ? (\n              <EyeOff className=\"size-4\" aria-hidden />\n            ) : (\n              <Eye className=\"size-4\" aria-hidden />\n            )}\n          </button>\n        </div>\n      </div>\n      {masked && showKey && revealed === null && !revealErr ? (\n        <p className=\"text-xs text-amber-700 dark:text-amber-400/90\">{labels.notInConfigFile}</p>\n      ) : null}\n      {revealErr ? <p className=\"text-xs text-red-600 dark:text-red-400\">{revealErr}</p> : null}\n    </div>\n  );\n}\n","import { ExternalLink, Loader2, Save } from 'lucide-react';\nimport { Link } from 'react-router-dom';\n\nimport { Button } from '@/components/ui/button';\nimport { ImageProviderApiKeyField } from '@/features/settings/image-provider-api-key-field';\nimport { emptyImageProviderCredRow, type ImageProviderCredRow } from '@/features/settings/image-providers-config-api';\nimport { getOrderedApiKeyLinks } from '@/features/settings/provider-enrichment';\nimport type {\n  ImageGenProviderCredentialSummary,\n  ImageProviderUiMetadata,\n} from '@/features/settings/use-image-provider-credentials';\nimport type { ProvidersSettingsMessages } from '@/i18n/messages';\nimport { settingsInputFocusClass } from '@/lib/form-field-width';\nimport type { StoredLanguage } from '@/lib/storage';\nimport { cn } from '@/lib/cn';\n\nfunction inputClass(): string {\n  return cn(\n    'w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg',\n    'placeholder:text-fg-subtle',\n    settingsInputFocusClass,\n  );\n}\n\nfunction selectClass(): string {\n  return cn(inputClass(), 'appearance-none bg-[length:1rem] bg-[right_0.5rem_center] bg-no-repeat pr-9');\n}\n\nconst CUSTOM_SENTINEL = '__custom__';\n\nfunction dashscopeSelectValue(\n  row: ImageProviderCredRow,\n  regions: NonNullable<ImageProviderUiMetadata['regions']>,\n): string {\n  if (!row.region.trim() && !row.imageBaseUrl.trim()) return '';\n  const r = row.region.trim().toLowerCase();\n  if (regions.some((x) => x.value === r)) return r;\n  return CUSTOM_SENTINEL;\n}\n\nfunction baseUrlSelectValue(\n  row: ImageProviderCredRow,\n  presets: NonNullable<ImageProviderUiMetadata['baseUrlPresets']>,\n): string {\n  const b = row.baseUrl.trim().replace(/\\/+$/, '');\n  if (!b) return '';\n  const norm = presets.map((p) => p.value.replace(/\\/+$/, ''));\n  const idx = norm.indexOf(b);\n  if (idx >= 0) return presets[idx].value;\n  return CUSTOM_SENTINEL;\n}\n\nexport type ImageProviderCredentialsPanelMessages = {\n  credentialsIntro: string;\n  regionHint: string;\n  endpointPresetsHint: string;\n  apiKeyLabel: string;\n  optionalPlaceholder: string;\n  regionLabel: string;\n  baseUrlLabel: string;\n  imageBaseUrlLabel: string;\n  saveCredentials: string;\n  savingCredentials: string;\n  credentialsSaved: string;\n  discardCredentials: string;\n  credentialsNothingToSave: string;\n  credentialsSaveError: string;\n  regionPresetDefault: string;\n  regionPresetCustom: string;\n  baseUrlPresetDefault: string;\n  baseUrlPresetCustom: string;\n  openExtensionSettings: string;\n  openImageModelsPage: string;\n  extensionSettingsLinkTitle: string;\n  imageModelsLinkTitle: string;\n  configured: string;\n  missingKey: string;\n  defaultModel: string;\n  modelsLabel: string;\n  imageBaseUrlPresetHint: string;\n  dashscopeRegion_beijing: string;\n  dashscopeRegion_singapore: string;\n  dashscopeRegion_us: string;\n  apiKeyMaskedHelp: string;\n  apiKeyCopy: string;\n  apiKeyCopied: string;\n  apiKeyShow: string;\n  apiKeyHide: string;\n  apiKeyNotInConfigFile: string;\n  apiKeyRevealFailed: string;\n  minimaxClusterLabel: string;\n  minimaxClusterHint: string;\n  falQueueBaseLabel: string;\n  falQueueBaseHint: string;\n};\n\nfunction translateDashscopeRegion(m: ImageProviderCredentialsPanelMessages, value: string, serverLabel: string) {\n  if (value === 'beijing') return m.dashscopeRegion_beijing;\n  if (value === 'singapore') return m.dashscopeRegion_singapore;\n  if (value === 'us') return m.dashscopeRegion_us;\n  return serverLabel;\n}\n\nfunction baseUrlPresetBlockTitle(\n  t: ImageProviderCredentialsPanelMessages,\n  kind: ImageProviderUiMetadata['baseUrlPresetKind'],\n): string {\n  if (kind === 'minimax') return t.minimaxClusterLabel;\n  if (kind === 'fal') return t.falQueueBaseLabel;\n  return t.baseUrlLabel;\n}\n\nfunction baseUrlPresetBlockHint(\n  t: ImageProviderCredentialsPanelMessages,\n  kind: ImageProviderUiMetadata['baseUrlPresetKind'],\n): string | null {\n  if (kind === 'minimax') return t.minimaxClusterHint;\n  if (kind === 'fal') return t.falQueueBaseHint;\n  return null;\n}\n\nexport function ImageProviderCredentialsPanel({\n  summaries,\n  credDraft,\n  credDirty,\n  credSaving,\n  credError,\n  credSavedFlash,\n  credNoopFlash,\n  updateCredRow,\n  onDiscardCredentials,\n  onSaveCredentials,\n  extensionIds,\n  showExtensionLinks,\n  showImageModelsLink,\n  language,\n  apiKeyLinkLabels,\n  messages: t,\n}: {\n  summaries: ImageGenProviderCredentialSummary[];\n  credDraft: Record<string, ImageProviderCredRow>;\n  credDirty: boolean;\n  credSaving: boolean;\n  credError: string | null;\n  credSavedFlash: boolean;\n  credNoopFlash: boolean;\n  updateCredRow: (id: string, patch: Partial<ImageProviderCredRow>) => void;\n  onDiscardCredentials: () => void;\n  onSaveCredentials: () => void;\n  /** Extension ids present in gateway discovery (for deep links). */\n  extensionIds: Set<string>;\n  showExtensionLinks: boolean;\n  showImageModelsLink: boolean;\n  language: StoredLanguage;\n  apiKeyLinkLabels: Pick<ProvidersSettingsMessages, 'getApiKey' | 'getApiKeyIntl' | 'getApiKeyCn'>;\n  messages: ImageProviderCredentialsPanelMessages;\n}) {\n  const empty = summaries.length === 0;\n\n  if (empty) {\n    return null;\n  }\n\n  const anyRegionUi = summaries.some((s) => (s.ui?.regions?.length ?? 0) > 0);\n  const anyBaseUrlPresets = summaries.some((s) => (s.ui?.baseUrlPresets?.length ?? 0) > 0);\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <div className=\"flex flex-col gap-1 text-xs leading-relaxed text-fg-muted\">\n        <p>{t.credentialsIntro}</p>\n        {anyRegionUi ? <p className=\"text-fg-subtle\">{t.regionHint}</p> : null}\n        {anyBaseUrlPresets ? <p className=\"text-fg-subtle\">{t.endpointPresetsHint}</p> : null}\n        {showImageModelsLink ? (\n          <p>\n            <Link\n              to=\"/settings/image-models\"\n              className=\"font-medium text-accent hover:underline\"\n              title={t.imageModelsLinkTitle}\n            >\n              {t.openImageModelsPage}\n            </Link>\n          </p>\n        ) : null}\n      </div>\n      {credError ? (\n        <div className=\"rounded-lg border border-red-500/30 bg-red-500/10 px-3 py-2 text-sm text-red-700 dark:text-red-300\">\n          {credError}\n        </div>\n      ) : null}\n      <div className=\"flex flex-wrap items-center justify-end gap-2\">\n        {credSavedFlash ? (\n          <span className=\"text-sm text-fg-muted\">{t.credentialsSaved}</span>\n        ) : null}\n        {credNoopFlash ? (\n          <span className=\"text-sm text-fg-muted\">{t.credentialsNothingToSave}</span>\n        ) : null}\n        <Button type=\"button\" variant=\"secondary\" onClick={onDiscardCredentials} disabled={!credDirty || credSaving}>\n          {t.discardCredentials}\n        </Button>\n        <Button type=\"button\" variant=\"primary\" onClick={onSaveCredentials} disabled={!credDirty || credSaving}>\n          {credSaving ? (\n            <>\n              <Loader2 className=\"size-3.5 animate-spin\" />\n              <span className=\"ml-1.5\">{t.savingCredentials}</span>\n            </>\n          ) : (\n            <>\n              <Save className=\"size-3.5\" />\n              <span className=\"ml-1.5\">{t.saveCredentials}</span>\n            </>\n          )}\n        </Button>\n      </div>\n      <div className=\"flex flex-col gap-4\">\n        {summaries.map((p) => {\n          const row = credDraft[p.id] ?? emptyImageProviderCredRow();\n          const ui = p.ui;\n          const extPath =\n            showExtensionLinks && extensionIds.has(p.id)\n              ? `/settings/ext/${encodeURIComponent(p.id)}`\n              : null;\n          return (\n            <div\n              key={p.id}\n              className=\"rounded-lg border border-edge bg-surface-panel px-4 py-3 shadow-sm dark:shadow-none\"\n            >\n              <div className=\"flex flex-wrap items-center justify-between gap-3\">\n                <div className=\"flex min-w-0 flex-wrap items-center gap-2\">\n                  <span className=\"text-sm font-semibold text-fg\">{p.label ?? p.id}</span>\n                  <span className=\"text-xs text-fg-subtle\">({p.id})</span>\n                  {extPath ? (\n                    <Link\n                      to={extPath}\n                      className=\"inline-flex items-center gap-1 text-xs font-medium text-accent hover:underline\"\n                      title={t.extensionSettingsLinkTitle}\n                    >\n                      <ExternalLink className=\"size-3\" />\n                      {t.openExtensionSettings}\n                    </Link>\n                  ) : null}\n                </div>\n                {p.configured ? (\n                  <span className=\"rounded-full bg-accent-soft px-2 py-0.5 text-xs font-medium text-accent-fg\">\n                    {t.configured}\n                  </span>\n                ) : (\n                  <span className=\"rounded-full border border-amber-500/40 bg-amber-500/10 px-2 py-0.5 text-xs font-medium text-amber-700 dark:text-amber-300\">\n                    {t.missingKey}\n                  </span>\n                )}\n              </div>\n              {p.defaultModel ? (\n                <p className=\"mt-1 text-xs text-fg-subtle\">\n                  <span className=\"text-fg-muted\">{t.defaultModel}:</span> {p.id}/{p.defaultModel}\n                </p>\n              ) : null}\n              {p.models.length > 0 ? (\n                <p className=\"mt-0.5 text-xs text-fg-subtle\">\n                  <span className=\"text-fg-muted\">{t.modelsLabel}:</span>{' '}\n                  {p.models.map((mm) => `${p.id}/${mm}`).join(', ')}\n                </p>\n              ) : null}\n              <div className=\"mt-4 grid gap-3 sm:grid-cols-2\">\n                <ImageProviderApiKeyField\n                  providerId={p.id}\n                  value={row.apiKey}\n                  onChange={(next) => updateCredRow(p.id, { apiKey: next })}\n                  apiKeyLinks={getOrderedApiKeyLinks(p.id, language)}\n                  apiKeyLinkLabels={apiKeyLinkLabels}\n                  labels={{\n                    apiKeyLabel: t.apiKeyLabel,\n                    optionalPlaceholder: t.optionalPlaceholder,\n                    maskedHelp: t.apiKeyMaskedHelp,\n                    copy: t.apiKeyCopy,\n                    copied: t.apiKeyCopied,\n                    show: t.apiKeyShow,\n                    hide: t.apiKeyHide,\n                    notInConfigFile: t.apiKeyNotInConfigFile,\n                    loadFailed: t.apiKeyRevealFailed,\n                  }}\n                />\n\n                {ui?.regions?.length ? (\n                  <div className=\"flex min-w-0 flex-col gap-1 sm:col-span-2\">\n                    <label className=\"text-xs font-medium text-fg-muted\" htmlFor={`img-cred-region-preset-${p.id}`}>\n                      {t.regionLabel}\n                    </label>\n                    <select\n                      id={`img-cred-region-preset-${p.id}`}\n                      className={selectClass()}\n                      value={dashscopeSelectValue(row, ui.regions)}\n                      onChange={(e) => {\n                        const v = e.target.value;\n                        if (v === '') {\n                          updateCredRow(p.id, { region: '', imageBaseUrl: '' });\n                          return;\n                        }\n                        if (v === CUSTOM_SENTINEL) {\n                          updateCredRow(p.id, { region: '', imageBaseUrl: '' });\n                          return;\n                        }\n                        const opt = ui.regions!.find((x) => x.value === v);\n                        if (opt) {\n                          updateCredRow(p.id, { region: opt.value, imageBaseUrl: opt.imageBaseUrl });\n                        }\n                      }}\n                    >\n                      <option value=\"\">{t.regionPresetDefault}</option>\n                      {ui.regions.map((r) => (\n                        <option key={r.value} value={r.value}>\n                          {translateDashscopeRegion(t, r.value, r.label)}\n                        </option>\n                      ))}\n                      <option value={CUSTOM_SENTINEL}>{t.regionPresetCustom}</option>\n                    </select>\n                    {dashscopeSelectValue(row, ui.regions) === CUSTOM_SENTINEL ? (\n                      <div className=\"mt-2 grid gap-2 sm:grid-cols-2\">\n                        <input\n                          type=\"text\"\n                          className={inputClass()}\n                          value={row.region}\n                          placeholder=\"region\"\n                          onChange={(e) => updateCredRow(p.id, { region: e.target.value })}\n                        />\n                        <input\n                          type=\"url\"\n                          className={inputClass()}\n                          value={row.imageBaseUrl}\n                          placeholder={t.imageBaseUrlLabel}\n                          onChange={(e) => updateCredRow(p.id, { imageBaseUrl: e.target.value })}\n                        />\n                      </div>\n                    ) : null}\n                  </div>\n                ) : null}\n\n                {ui?.baseUrlPresets?.length ? (\n                  <div className=\"flex min-w-0 flex-col gap-1 sm:col-span-2\">\n                    <label className=\"text-xs font-medium text-fg-muted\" htmlFor={`img-cred-base-preset-${p.id}`}>\n                      {baseUrlPresetBlockTitle(t, ui.baseUrlPresetKind)}\n                    </label>\n                    {baseUrlPresetBlockHint(t, ui.baseUrlPresetKind) ? (\n                      <p className=\"text-[11px] text-fg-subtle\">{baseUrlPresetBlockHint(t, ui.baseUrlPresetKind)}</p>\n                    ) : null}\n                    <select\n                      id={`img-cred-base-preset-${p.id}`}\n                      className={selectClass()}\n                      value={baseUrlSelectValue(row, ui.baseUrlPresets)}\n                      onChange={(e) => {\n                        const v = e.target.value;\n                        if (v === '') {\n                          updateCredRow(p.id, { baseUrl: '' });\n                          return;\n                        }\n                        if (v === CUSTOM_SENTINEL) {\n                          updateCredRow(p.id, { baseUrl: '' });\n                          return;\n                        }\n                        updateCredRow(p.id, { baseUrl: v.replace(/\\/+$/, '') });\n                      }}\n                    >\n                      <option value=\"\">{t.baseUrlPresetDefault}</option>\n                      {ui.baseUrlPresets.map((b) => (\n                        <option key={b.value} value={b.value}>\n                          {b.label}\n                        </option>\n                      ))}\n                      <option value={CUSTOM_SENTINEL}>{t.baseUrlPresetCustom}</option>\n                    </select>\n                    {baseUrlSelectValue(row, ui.baseUrlPresets) === CUSTOM_SENTINEL ? (\n                      <input\n                        type=\"url\"\n                        className={cn(inputClass(), 'mt-2')}\n                        value={row.baseUrl}\n                        placeholder=\"https://…\"\n                        onChange={(e) => updateCredRow(p.id, { baseUrl: e.target.value })}\n                      />\n                    ) : null}\n                  </div>\n                ) : null}\n\n                {ui?.regions?.length && dashscopeSelectValue(row, ui.regions) !== CUSTOM_SENTINEL ? (\n                  <div className=\"flex min-w-0 flex-col gap-1 sm:col-span-2\">\n                    <label className=\"text-xs font-medium text-fg-muted\" htmlFor={`img-cred-imgbase-ro-${p.id}`}>\n                      {t.imageBaseUrlLabel}\n                    </label>\n                    <input\n                      id={`img-cred-imgbase-ro-${p.id}`}\n                      type=\"url\"\n                      readOnly\n                      className={cn(inputClass(), 'cursor-not-allowed opacity-90')}\n                      value={row.imageBaseUrl}\n                      title={t.imageBaseUrlPresetHint}\n                    />\n                    <p className=\"text-[11px] text-fg-subtle\">{t.imageBaseUrlPresetHint}</p>\n                  </div>\n                ) : null}\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n","import { useCallback, useEffect, useMemo, useState } from 'react';\nimport { mutate } from 'swr';\n\nimport { useGatewayConfigSwr } from '@/features/gateway/gateway-config-swr';\nimport {\n  buildImageProvidersConfigPatch,\n  emptyImageProviderCredRow,\n  imageProviderCredRowsFromConfigRoot,\n  patchImageProvidersConfig,\n  type ImageProviderCredRow,\n} from '@/features/settings/image-providers-config-api';\nimport { IMAGE_PROVIDERS_SWR_KEY } from '@/features/settings/image-providers-swr-key';\nimport { apiUrl } from '@/lib/url';\nimport { useGatewayStore } from '@/stores/gateway-store';\n\nexport type ImageProviderUiRegionOption = {\n  value: string;\n  label: string;\n  imageBaseUrl: string;\n};\n\nexport type ImageProviderUiBaseUrlPreset = {\n  value: string;\n  label: string;\n};\n\nexport type ImageProviderUiMetadata = {\n  regions?: ImageProviderUiRegionOption[];\n  baseUrlPresets?: ImageProviderUiBaseUrlPreset[];\n  baseUrlPresetKind?: 'fal' | 'minimax' | 'google' | 'openai';\n};\n\nexport type ImageGenProviderCredentialSummary = {\n  id: string;\n  label?: string;\n  defaultModel?: string;\n  models: string[];\n  configured?: boolean;\n  ui?: ImageProviderUiMetadata;\n};\n\nexport function useImageProviderCredentials(summaries: ImageGenProviderCredentialSummary[]) {\n  const hasToken = useGatewayStore((s) => Boolean(s.token));\n  const gwSwr = useGatewayConfigSwr(hasToken);\n  const gwCfg = gwSwr.data;\n\n  const ids = useMemo(() => summaries.map((s) => s.id), [summaries]);\n\n  const [credDraft, setCredDraft] = useState<Record<string, ImageProviderCredRow>>({});\n  const [credBaseline, setCredBaseline] = useState<Record<string, ImageProviderCredRow>>({});\n  const [credSaving, setCredSaving] = useState(false);\n  const [credError, setCredError] = useState<string | null>(null);\n  const [credSavedFlash, setCredSavedFlash] = useState(false);\n  const [credNoopFlash, setCredNoopFlash] = useState(false);\n\n  const credRowsFromServer = useMemo(\n    () => imageProviderCredRowsFromConfigRoot(gwCfg?.payload?.config, ids),\n    [gwCfg?.payload?.config, ids],\n  );\n\n  const credDirty = useMemo(\n    () => JSON.stringify(credDraft) !== JSON.stringify(credBaseline),\n    [credDraft, credBaseline],\n  );\n\n  useEffect(() => {\n    if (!credDirty) {\n      setCredDraft(structuredClone(credRowsFromServer));\n      setCredBaseline(structuredClone(credRowsFromServer));\n    }\n  }, [credRowsFromServer, credDirty]);\n\n  const updateCredRow = useCallback((id: string, patch: Partial<ImageProviderCredRow>) => {\n    setCredDraft((prev) => {\n      const base = prev[id] ?? emptyImageProviderCredRow();\n      return { ...prev, [id]: { ...base, ...patch } };\n    });\n  }, []);\n\n  const onDiscardCredentials = useCallback(() => {\n    setCredDraft(structuredClone(credBaseline));\n    setCredError(null);\n    setCredSavedFlash(false);\n    setCredNoopFlash(false);\n  }, [credBaseline]);\n\n  const saveCredentials = useCallback(\n    async (errorFallback: string) => {\n      const patch = buildImageProvidersConfigPatch(ids, credDraft, credBaseline);\n      if (Object.keys(patch).length === 0) {\n        setCredNoopFlash(true);\n        window.setTimeout(() => setCredNoopFlash(false), 2200);\n        return;\n      }\n      setCredSaving(true);\n      setCredError(null);\n      setCredSavedFlash(false);\n      try {\n        await patchImageProvidersConfig(patch);\n        const updated = await gwSwr.mutate?.();\n        void mutate(apiUrl(IMAGE_PROVIDERS_SWR_KEY));\n        const nextRows = imageProviderCredRowsFromConfigRoot(updated?.payload?.config, ids);\n        setCredDraft(structuredClone(nextRows));\n        setCredBaseline(structuredClone(nextRows));\n        setCredSavedFlash(true);\n        window.setTimeout(() => setCredSavedFlash(false), 2000);\n      } catch (e) {\n        setCredError(e instanceof Error ? e.message : errorFallback);\n      } finally {\n        setCredSaving(false);\n      }\n    },\n    [ids, credDraft, credBaseline, gwSwr],\n  );\n\n  return {\n    gwSwr,\n    credDraft,\n    credBaseline,\n    credDirty,\n    credSaving,\n    credError,\n    credSavedFlash,\n    credNoopFlash,\n    updateCredRow,\n    onDiscardCredentials,\n    saveCredentials,\n  };\n}\n"],"mappings":"mVACA,IAAa,EAA0B,uBCKvC,eAAsB,GAAwE,CAK5F,OAAO,MAJW,EAGf,EAAA,uBAA+B,CAAC,GACvB,SAAS,WAAa,EAAE,gBCEtC,SAAA,GAAA,CACE,MAAA,iDAUF,SAAA,EAAA,EAAA,CAEE,OADA,GAAA,OACA,eADA,GAKF,SAAA,EAAA,EAAA,EAAA,aAKI,GAAA,CAAA,GAAA,OAAA,GAAA,UAAA,EAAA,oBAAA,GAAA,+BAEA,MAAA,GAAA,OAAA,GAAA,UAAA,MAAA,QAAA,EAAA,EACA,OAAA,WAIF,IAAA,IAAA,KAAA,EAAA,cAEE,EAAA,GAAA,2FAOF,OAAA,EAGF,SAAA,EAAA,EAAA,EAAA,EAAA,mBAOE,OAAA,EAAA,GAAA,MAAA,CAEA,OADA,GAAA,KAIF,SAAA,EAAA,EAAA,EAAA,2BAGE,OAAA,GACA,IAAA,EAAA,EAAA,EAAA,EAAA,EAKA,OAJA,IACE,EACA,KADA,QAUJ,SAAA,EAAA,EAAA,EAAA,EAAA,UAME,IAAA,IAAA,KAAA,EAAA,6BAGE,GAAA,KAAA,UAAA,EAAA,GAAA,KAAA,UAAA,EAAA,CAAA,yCAIA,IAAA,IAAA,KAAA,EAAA,OAAA,yBAIA,IAAA,IAAA,KAAA,EAAA,OAAA,0BAEA,IAAA,IAAA,KAAA,EAAA,QAAA,+BAEA,IAAA,IAAA,KAAA,EAAA,aAAA,GAEA,OAAA,KAAA,EAAA,CAAA,OAAA,IAAA,EAAA,GAAA,GAIF,OAAA,EAUF,eAAA,EAAA,EAAA,wJAUE,GAAA,CAAA,EAAA,IAAA,CAAA,EAAA,QAAA,MAAA,MAAA,EAAA,OAAA,SAAA,gBAAA,CAGA,OAAA,EAAA,QAGF,eAAA,EAAA,EAAA,CAGE,OAAA,KAAA,EAAA,CAAA,SAAA,IACA,MAAA,EAAA,EAAA,cAAA,CAAA,2DAIA,MAAA,GAAA,YCvHF,SAAgB,EAAyB,CACvC,aACA,QACA,WACA,SACA,cACA,oBAQC,CACD,GAAM,CAAC,EAAS,IAAA,EAAA,EAAA,UAAuB,GAAM,CAEvC,CAAC,EAAU,IAAA,EAAA,EAAA,UAAmD,IAAA,GAAU,CACxE,CAAC,EAAe,IAAA,EAAA,EAAA,UAA6B,GAAM,CACnD,CAAC,EAAW,IAAA,EAAA,EAAA,UAAwC,KAAK,CACzD,CAAC,EAAQ,IAAA,EAAA,EAAA,UAAsB,GAAM,CAErC,EAAS,EAAY,EAAM,EAEjC,EAAA,EAAA,eAAgB,CACT,IACH,EAAY,IAAA,GAAU,CACtB,EAAa,KAAK,GAEnB,CAAC,EAAQ,EAAM,CAAC,CAEnB,IAAM,EACC,GACD,GAAW,OAAO,GAAa,SAAiB,EAC7C,EAGH,EACJ,CAAC,GAAW,GAAU,GAAW,OAAO,GAAa,SAAa,OAAoB,WAElF,EACH,CAAC,GAAU,EAAM,MAAM,CAAC,OAAS,GAAK,CAAC,EAAY,EAAM,EACzD,EAAQ,GAAY,OAAO,GAAa,UAAY,EAAS,OAAS,EAEnE,GAAA,EAAA,EAAA,aAAsB,SAAY,CACtC,IAAM,EACJ,CAAC,GAAU,EAAM,MAAM,EAAI,CAAC,EAAY,EAAM,CAC1C,EAAM,MAAM,CACZ,OAAO,GAAa,UAAY,EAAS,OAAS,EAChD,EACA,GACH,KACL,GAAI,CACF,MAAM,UAAU,UAAU,UAAU,EAAK,CACzC,EAAU,GAAK,CACf,OAAO,eAAiB,EAAU,GAAM,CAAE,IAAK,MACzC,IAGP,CAAC,EAAQ,EAAU,EAAM,CAAC,CAEvB,GAAA,EAAA,EAAA,aAAwB,SAAY,CAExC,GADA,EAAa,KAAK,CACd,CAAC,EAAQ,CACX,EAAY,GAAM,CAAC,EAAE,CACrB,OAEF,GAAI,IAAa,IAAA,GAAW,CAC1B,EAAY,GAAM,CAAC,EAAE,CACrB,OAEF,EAAiB,GAAK,CACtB,GAAI,CAEF,GAAY,MADU,EAAgC,EAAW,EAC7C,QAAU,KAAK,CACnC,EAAW,GAAK,OACT,EAAG,CACV,EAAa,aAAa,MAAQ,EAAE,QAAU,EAAO,WAAW,CAChE,EAAY,KAAK,QACT,CACR,EAAiB,GAAM,GAExB,CAAC,EAAQ,EAAY,EAAU,EAAO,WAAW,CAAC,CAErD,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,qDAAf,EACE,EAAA,EAAA,KAAC,QAAD,CAAO,UAAU,oCAAoC,QAAS,gBAAgB,aAC3E,EAAO,YACF,CAAA,CACP,EAAY,OAAS,GACpB,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,+BACZ,EAAY,IAAK,IAChB,EAAA,EAAA,MAAC,IAAD,CAEE,KAAM,EAAK,KACX,OAAO,SACP,IAAI,sBACJ,UAAU,6KALZ,CAOG,EAAwB,EAAK,KAAM,EAAiB,EACrD,EAAA,EAAA,KAAC,EAAD,CAAc,UAAU,SAAS,cAAA,GAAc,CAAA,CAC7C,EARG,GAAG,EAAK,KAAK,GAAG,EAAK,OAQxB,CACJ,CACE,CAAA,CACJ,KACH,GAAS,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,sCAA8B,EAAO,WAAe,CAAA,CAAG,MAC9E,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4BAAf,EACE,EAAA,EAAA,KAAC,QAAD,CACE,GAAI,gBAAgB,IACpB,KAAM,EACN,aAAa,MACb,WAAY,GACZ,UAAW,EACT,kGACA,6BACA,EACD,CACD,MAAO,EACP,YAAa,EAAS,WAAa,EAAO,oBAC1C,SAAW,GAAM,CACf,IAAM,EAAO,EAAE,OAAO,MAClB,GAAU,OAAO,GAAa,UAAY,GAAW,IAAS,IAChE,EAAY,IAAA,GAAU,CACtB,EAAW,GAAM,EAEnB,EAAS,EAAK,EAEhB,CAAA,EACF,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kEAAf,CACG,GACC,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,UAAW,EACT,oEACA,EAAY,WACZ,EAAY,MACZ,EAAY,eACb,CACD,MAAO,EAAS,EAAO,OAAS,EAAO,KACvC,aAAY,EAAS,EAAO,OAAS,EAAO,KAC5C,YAAe,KAAK,GAAS,UAE5B,GAAS,EAAA,EAAA,KAAC,EAAD,CAAc,UAAU,SAAW,CAAA,EAAG,EAAA,EAAA,KAAC,EAAD,CAAM,UAAU,SAAW,CAAA,CACpE,CAAA,CACP,MACJ,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,UAAW,EACT,wFACA,EAAY,WACZ,EAAY,MACZ,EAAY,eACb,CACD,MAAO,EAAU,EAAO,KAAO,EAAO,KACtC,aAAY,EAAU,EAAO,KAAO,EAAO,KAC3C,SAAU,EACV,YAAe,KAAK,GAAW,UAE9B,GACC,EAAA,EAAA,KAAC,EAAD,CAAS,UAAU,sBAAsB,cAAA,GAAc,CAAA,CACrD,GACF,EAAA,EAAA,KAAC,EAAD,CAAQ,UAAU,SAAS,cAAA,GAAc,CAAA,EAEzC,EAAA,EAAA,KAAC,EAAD,CAAK,UAAU,SAAS,cAAA,GAAc,CAAA,CAEjC,CAAA,CACL,GACF,GACL,GAAU,GAAW,IAAa,MAAQ,CAAC,GAC1C,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,yDAAiD,EAAO,gBAAoB,CAAA,CACvF,KACH,GAAY,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,kDAA0C,EAAc,CAAA,CAAG,KACjF,GCpLV,SAAS,GAAqB,CAC5B,OAAO,EACL,kFACA,6BACA,EACD,CAGH,SAAS,GAAsB,CAC7B,OAAO,EAAG,GAAY,CAAE,8EAA8E,CAGxG,IAAM,EAAkB,aAExB,SAAS,EACP,EACA,EACQ,CACR,GAAI,CAAC,EAAI,OAAO,MAAM,EAAI,CAAC,EAAI,aAAa,MAAM,CAAE,MAAO,GAC3D,IAAM,EAAI,EAAI,OAAO,MAAM,CAAC,aAAa,CAEzC,OADI,EAAQ,KAAM,GAAM,EAAE,QAAU,EAAE,CAAS,EACxC,EAGT,SAAS,EACP,EACA,EACQ,CACR,IAAM,EAAI,EAAI,QAAQ,MAAM,CAAC,QAAQ,OAAQ,GAAG,CAChD,GAAI,CAAC,EAAG,MAAO,GAEf,IAAM,EADO,EAAQ,IAAK,GAAM,EAAE,MAAM,QAAQ,OAAQ,GAAG,CAC/C,CAAK,QAAQ,EAAE,CAE3B,OADI,GAAO,EAAU,EAAQ,GAAK,MAC3B,EA+CT,SAAS,EAAyB,EAA0C,EAAe,EAAqB,CAI9G,OAHI,IAAU,UAAkB,EAAE,wBAC9B,IAAU,YAAoB,EAAE,0BAChC,IAAU,KAAa,EAAE,mBACtB,EAGT,SAAS,EACP,EACA,EACQ,CAGR,OAFI,IAAS,UAAkB,EAAE,oBAC7B,IAAS,MAAc,EAAE,kBACtB,EAAE,aAGX,SAAS,EACP,EACA,EACe,CAGf,OAFI,IAAS,UAAkB,EAAE,mBAC7B,IAAS,MAAc,EAAE,iBACtB,KAGT,SAAgB,EAA8B,CAC5C,YACA,YACA,YACA,aACA,YACA,iBACA,gBACA,gBACA,uBACA,oBACA,eACA,qBACA,sBACA,WACA,mBACA,SAAU,GAmBT,CAGD,GAFc,EAAU,SAAW,EAGjC,OAAO,KAGT,IAAM,EAAc,EAAU,KAAM,IAAO,EAAE,IAAI,SAAS,QAAU,GAAK,EAAE,CACrE,EAAoB,EAAU,KAAM,IAAO,EAAE,IAAI,gBAAgB,QAAU,GAAK,EAAE,CAExF,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+BAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,qEAAf,EACE,EAAA,EAAA,KAAC,IAAD,CAAA,SAAI,EAAE,iBAAqB,CAAA,CAC1B,GAAc,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,0BAAkB,EAAE,WAAe,CAAA,CAAG,KACjE,GAAoB,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,0BAAkB,EAAE,oBAAwB,CAAA,CAAG,KAChF,GACC,EAAA,EAAA,KAAC,IAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAD,CACE,GAAG,yBACH,UAAU,0CACV,MAAO,EAAE,8BAER,EAAE,oBACE,CAAA,CACL,CAAA,CACF,KACA,GACL,GACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,8GACZ,EACG,CAAA,CACJ,MACJ,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,yDAAf,CACG,GACC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,iCAAyB,EAAE,iBAAwB,CAAA,CACjE,KACH,GACC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,iCAAyB,EAAE,yBAAgC,CAAA,CACzE,MACJ,EAAA,EAAA,KAAC,EAAD,CAAQ,KAAK,SAAS,QAAQ,YAAY,QAAS,EAAsB,SAAU,CAAC,GAAa,WAC9F,EAAE,mBACI,CAAA,EACT,EAAA,EAAA,KAAC,EAAD,CAAQ,KAAK,SAAS,QAAQ,UAAU,QAAS,EAAmB,SAAU,CAAC,GAAa,WACzF,GACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAD,CAAS,UAAU,wBAA0B,CAAA,EAC7C,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,kBAAU,EAAE,kBAAyB,CAAA,CACpD,CAAA,CAAA,EAEH,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAD,CAAM,UAAU,WAAa,CAAA,EAC7B,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,kBAAU,EAAE,gBAAuB,CAAA,CAClD,CAAA,CAAA,CAEE,CAAA,CACL,IACN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,+BACZ,EAAU,IAAK,GAAM,CACpB,IAAM,EAAM,EAAU,EAAE,KAAO,GAA2B,CACpD,EAAK,EAAE,GACP,EACJ,GAAsB,EAAa,IAAI,EAAE,GAAG,CACxC,iBAAiB,mBAAmB,EAAE,GAAG,GACzC,KACN,OACE,EAAA,EAAA,MAAC,MAAD,CAEE,UAAU,+FAFZ,EAIE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6DAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,qDAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,yCAAiC,EAAE,OAAS,EAAE,GAAU,CAAA,EACxE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,kCAAhB,CAAyC,IAAE,EAAE,GAAG,IAAQ,GACvD,GACC,EAAA,EAAA,MAAC,EAAD,CACE,GAAI,EACJ,UAAU,iFACV,MAAO,EAAE,oCAHX,EAKE,EAAA,EAAA,KAAC,EAAD,CAAc,UAAU,SAAW,CAAA,CAClC,EAAE,sBACE,GACL,KACA,GACL,EAAE,YACD,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sFACb,EAAE,WACE,CAAA,EAEP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sIACb,EAAE,WACE,CAAA,CAEL,GACL,EAAE,cACD,EAAA,EAAA,MAAC,IAAD,CAAG,UAAU,uCAAb,EACE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,yBAAhB,CAAiC,EAAE,aAAa,IAAQ,OAAE,EAAE,GAAG,IAAE,EAAE,aACjE,GACF,KACH,EAAE,OAAO,OAAS,GACjB,EAAA,EAAA,MAAC,IAAD,CAAG,UAAU,yCAAb,EACE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,yBAAhB,CAAiC,EAAE,YAAY,IAAQ,GAAC,IACvD,EAAE,OAAO,IAAK,GAAO,GAAG,EAAE,GAAG,GAAG,IAAK,CAAC,KAAK,KAAK,CAC/C,GACF,MACJ,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0CAAf,EACE,EAAA,EAAA,KAAC,EAAD,CACE,WAAY,EAAE,GACd,MAAO,EAAI,OACX,SAAW,GAAS,EAAc,EAAE,GAAI,CAAE,OAAQ,EAAM,CAAC,CACzD,YAAa,EAAsB,EAAE,GAAI,EAAS,CAChC,mBAClB,OAAQ,CACN,YAAa,EAAE,YACf,oBAAqB,EAAE,oBACvB,WAAY,EAAE,iBACd,KAAM,EAAE,WACR,OAAQ,EAAE,aACV,KAAM,EAAE,WACR,KAAM,EAAE,WACR,gBAAiB,EAAE,sBACnB,WAAY,EAAE,mBACf,CACD,CAAA,CAED,GAAI,SAAS,QACZ,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,qDAAf,EACE,EAAA,EAAA,KAAC,QAAD,CAAO,UAAU,oCAAoC,QAAS,0BAA0B,EAAE,cACvF,EAAE,YACG,CAAA,EACR,EAAA,EAAA,MAAC,SAAD,CACE,GAAI,0BAA0B,EAAE,KAChC,UAAW,GAAa,CACxB,MAAO,EAAqB,EAAK,EAAG,QAAQ,CAC5C,SAAW,GAAM,CACf,IAAM,EAAI,EAAE,OAAO,MACnB,GAAI,IAAM,GAAI,CACZ,EAAc,EAAE,GAAI,CAAE,OAAQ,GAAI,aAAc,GAAI,CAAC,CACrD,OAEF,GAAI,IAAM,EAAiB,CACzB,EAAc,EAAE,GAAI,CAAE,OAAQ,GAAI,aAAc,GAAI,CAAC,CACrD,OAEF,IAAM,EAAM,EAAG,QAAS,KAAM,GAAM,EAAE,QAAU,EAAE,CAC9C,GACF,EAAc,EAAE,GAAI,CAAE,OAAQ,EAAI,MAAO,aAAc,EAAI,aAAc,CAAC,WAhBhF,EAoBE,EAAA,EAAA,KAAC,SAAD,CAAQ,MAAM,YAAI,EAAE,oBAA6B,CAAA,CAChD,EAAG,QAAQ,IAAK,IACf,EAAA,EAAA,KAAC,SAAD,CAAsB,MAAO,EAAE,eAC5B,EAAyB,EAAG,EAAE,MAAO,EAAE,MAAM,CACvC,CAFI,EAAE,MAEN,CACT,EACF,EAAA,EAAA,KAAC,SAAD,CAAQ,MAAO,WAAkB,EAAE,mBAA4B,CAAA,CACxD,GACR,EAAqB,EAAK,EAAG,QAAQ,GAAK,GACzC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0CAAf,EACE,EAAA,EAAA,KAAC,QAAD,CACE,KAAK,OACL,UAAW,GAAY,CACvB,MAAO,EAAI,OACX,YAAY,SACZ,SAAW,GAAM,EAAc,EAAE,GAAI,CAAE,OAAQ,EAAE,OAAO,MAAO,CAAC,CAChE,CAAA,EACF,EAAA,EAAA,KAAC,QAAD,CACE,KAAK,MACL,UAAW,GAAY,CACvB,MAAO,EAAI,aACX,YAAa,EAAE,kBACf,SAAW,GAAM,EAAc,EAAE,GAAI,CAAE,aAAc,EAAE,OAAO,MAAO,CAAC,CACtE,CAAA,CACE,GACJ,KACA,GACJ,KAEH,GAAI,gBAAgB,QACnB,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,qDAAf,EACE,EAAA,EAAA,KAAC,QAAD,CAAO,UAAU,oCAAoC,QAAS,wBAAwB,EAAE,cACrF,EAAwB,EAAG,EAAG,kBAAkB,CAC3C,CAAA,CACP,EAAuB,EAAG,EAAG,kBAAkB,EAC9C,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,sCAA8B,EAAuB,EAAG,EAAG,kBAAkB,CAAK,CAAA,CAC7F,MACJ,EAAA,EAAA,MAAC,SAAD,CACE,GAAI,wBAAwB,EAAE,KAC9B,UAAW,GAAa,CACxB,MAAO,EAAmB,EAAK,EAAG,eAAe,CACjD,SAAW,GAAM,CACf,IAAM,EAAI,EAAE,OAAO,MACnB,GAAI,IAAM,GAAI,CACZ,EAAc,EAAE,GAAI,CAAE,QAAS,GAAI,CAAC,CACpC,OAEF,GAAI,IAAM,EAAiB,CACzB,EAAc,EAAE,GAAI,CAAE,QAAS,GAAI,CAAC,CACpC,OAEF,EAAc,EAAE,GAAI,CAAE,QAAS,EAAE,QAAQ,OAAQ,GAAG,CAAE,CAAC,WAd3D,EAiBE,EAAA,EAAA,KAAC,SAAD,CAAQ,MAAM,YAAI,EAAE,qBAA8B,CAAA,CACjD,EAAG,eAAe,IAAK,IACtB,EAAA,EAAA,KAAC,SAAD,CAAsB,MAAO,EAAE,eAC5B,EAAE,MACI,CAFI,EAAE,MAEN,CACT,EACF,EAAA,EAAA,KAAC,SAAD,CAAQ,MAAO,WAAkB,EAAE,oBAA6B,CAAA,CACzD,GACR,EAAmB,EAAK,EAAG,eAAe,GAAK,GAC9C,EAAA,EAAA,KAAC,QAAD,CACE,KAAK,MACL,UAAW,EAAG,GAAY,CAAE,OAAO,CACnC,MAAO,EAAI,QACX,YAAY,YACZ,SAAW,GAAM,EAAc,EAAE,GAAI,CAAE,QAAS,EAAE,OAAO,MAAO,CAAC,CACjE,CAAA,CACA,KACA,GACJ,KAEH,GAAI,SAAS,QAAU,EAAqB,EAAK,EAAG,QAAQ,GAAK,GAChE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,qDAAf,EACE,EAAA,EAAA,KAAC,QAAD,CAAO,UAAU,oCAAoC,QAAS,uBAAuB,EAAE,cACpF,EAAE,kBACG,CAAA,EACR,EAAA,EAAA,KAAC,QAAD,CACE,GAAI,uBAAuB,EAAE,KAC7B,KAAK,MACL,SAAA,GACA,UAAW,EAAG,GAAY,CAAE,gCAAgC,CAC5D,MAAO,EAAI,aACX,MAAO,EAAE,uBACT,CAAA,EACF,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,sCAA8B,EAAE,uBAA2B,CAAA,CACpE,GACJ,KACA,GACF,EA/KC,EAAE,GA+KH,EAER,CACE,CAAA,CACF,GCzWV,SAAgB,EAA4B,EAAgD,CAE1F,IAAM,EAAQ,EADG,EAAiB,GAAM,EAAQ,EAAE,MAChB,CAAS,CACrC,EAAQ,EAAM,KAEd,GAAA,EAAA,EAAA,aAAoB,EAAU,IAAK,GAAM,EAAE,GAAG,CAAE,CAAC,EAAU,CAAC,CAE5D,CAAC,EAAW,IAAA,EAAA,EAAA,UAA+D,EAAE,CAAC,CAC9E,CAAC,EAAc,IAAA,EAAA,EAAA,UAAkE,EAAE,CAAC,CACpF,CAAC,EAAY,IAAA,EAAA,EAAA,UAA0B,GAAM,CAC7C,CAAC,EAAW,IAAA,EAAA,EAAA,UAAwC,KAAK,CACzD,CAAC,EAAgB,IAAA,EAAA,EAAA,UAA8B,GAAM,CACrD,CAAC,EAAe,IAAA,EAAA,EAAA,UAA6B,GAAM,CAEnD,GAAA,EAAA,EAAA,aACE,EAAoC,GAAO,SAAS,OAAQ,EAAI,CACtE,CAAC,GAAO,SAAS,OAAQ,EAAI,CAC9B,CAEK,GAAA,EAAA,EAAA,aACE,KAAK,UAAU,EAAU,GAAK,KAAK,UAAU,EAAa,CAChE,CAAC,EAAW,EAAa,CAC1B,CAoDD,OAlDA,EAAA,EAAA,eAAgB,CACT,IACH,EAAa,gBAAgB,EAAmB,CAAC,CACjD,EAAgB,gBAAgB,EAAmB,CAAC,GAErD,CAAC,EAAoB,EAAU,CAAC,CA6C5B,CACL,QACA,YACA,eACA,YACA,aACA,YACA,iBACA,gBACA,eAAA,EAAA,EAAA,cApDiC,EAAY,IAAyC,CACtF,EAAc,GAAS,CACrB,IAAM,EAAO,EAAK,IAAO,GAA2B,CACpD,MAAO,CAAE,GAAG,GAAO,GAAK,CAAE,GAAG,EAAM,GAAG,EAAO,CAAE,EAC/C,EACD,EAAE,CA+CH,CACA,sBAAA,EAAA,EAAA,iBA9C6C,CAC7C,EAAa,gBAAgB,EAAa,CAAC,CAC3C,EAAa,KAAK,CAClB,EAAkB,GAAM,CACxB,EAAiB,GAAM,EACtB,CAAC,EAAa,CAyCf,CACA,iBAAA,EAAA,EAAA,aAvCA,KAAO,IAA0B,CAC/B,IAAM,EAAQ,EAA+B,EAAK,EAAW,EAAa,CAC1E,GAAI,OAAO,KAAK,EAAM,CAAC,SAAW,EAAG,CACnC,EAAiB,GAAK,CACtB,OAAO,eAAiB,EAAiB,GAAM,CAAE,KAAK,CACtD,OAEF,EAAc,GAAK,CACnB,EAAa,KAAK,CAClB,EAAkB,GAAM,CACxB,GAAI,CACF,MAAM,EAA0B,EAAM,CACtC,IAAM,EAAU,MAAM,EAAM,UAAU,CACjC,EAAO,EAAO,EAAwB,CAAC,CAC5C,IAAM,EAAW,EAAoC,GAAS,SAAS,OAAQ,EAAI,CACnF,EAAa,gBAAgB,EAAS,CAAC,CACvC,EAAgB,gBAAgB,EAAS,CAAC,CAC1C,EAAkB,GAAK,CACvB,OAAO,eAAiB,EAAkB,GAAM,CAAE,IAAK,OAChD,EAAG,CACV,EAAa,aAAa,MAAQ,EAAE,QAAU,EAAc,QACpD,CACR,EAAc,GAAM,GAGxB,CAAC,EAAK,EAAW,EAAc,EAAM,CAcrC,CACD"}

package/dist/gateway/static/root/index.html

@@ -9,13 +9,13 @@
     <link rel="icon" type="image/svg+xml" href="/logo.svg" />
     <link rel="apple-touch-icon" href="/logo.svg" />
     <title>xopc</title>
-    <script type="module" crossorigin src="/assets/index-AWwayu4P.js"></script>
+    <script type="module" crossorigin src="/assets/index-BUYGk2UT.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/rolldown-runtime-DWdDZTNf.js">
     <link rel="modulepreload" crossorigin href="/assets/vendor-codemirror-CXAvob9m.js">
     <link rel="modulepreload" crossorigin href="/assets/vendor-react-DbimaAId.js">
     <link rel="modulepreload" crossorigin href="/assets/vendor-swr-B5fPo7KK.js">
     <link rel="modulepreload" crossorigin href="/assets/attachment-utils-core-Dt6UxMPV.js">
-    <link rel="stylesheet" crossorigin href="/assets/index-K0ZDwzeJ.css">
+    <link rel="stylesheet" crossorigin href="/assets/index-B8G4Y9YY.css">
   </head>
   <body>
     <div id="root"></div>

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "0.0.44";
+var version = "0.0.45";
 //#endregion
 export { version };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xopcai/xopc",
-  "version": "0.0.44",
+  "version": "0.0.45",
   "description": "The OPC workstation that grows with you: AI assistant for One Person Companies — CLI, gateway, multi-channel (Telegram/WeChat), 20+ LLM providers via pi-ai, extensions and skills.",
   "type": "module",
   "main": "dist/src/index.js",