@jheavenknows/bluerouter 4.0.85 → 4.0.86

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/personalcloudprovider/page-5a51944ae36978ad.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3538],{43503:(e,t,s)=>{"use strict";s.d(t,{default:()=>o});var r=s(95155),a=s(12115),n=s(35497),l=s(57250);function d(e,t){return t.find(t=>t.id===e)?.name||e}function i(e){return String(e||"").trim().toLowerCase()}function c(e){return Array.isArray(e?.availableModels)?e.availableModels:[]}function o(){let[e,t]=(0,a.useState)(!0),[s,o]=(0,a.useState)(!1),[m,x]=(0,a.useState)(""),[h,u]=(0,a.useState)(""),[p,f]=(0,a.useState)(""),[b,j]=(0,a.useState)(!1),[g,v]=(0,a.useState)([]),[y,N]=(0,a.useState)([]),[k,w]=(0,a.useState)(null),[A,C]=(0,a.useState)(null),[I,S]=(0,a.useState)(""),[O,E]=(0,a.useState)(null),[$,M]=(0,a.useState)([]),[P,K]=(0,a.useState)(!1),[z,q]=(0,a.useState)(""),[U,T]=(0,a.useState)([]),[D,R]=(0,a.useState)(!1),[_,B]=(0,a.useState)(!1),[F,L]=(0,a.useState)({}),[J,Z]=(0,a.useState)(""),[H,G]=(0,a.useState)({}),V=(0,a.useCallback)(async()=>{t(!0),x("");try{let e=await fetch("/api/personal-cloud-providers",{cache:"no-store"}),t=await e.json().catch(()=>({}));if(!e.ok)throw Error(t.error||"Kh\xf4ng tải được personal cloud providers");f(t.userId||""),j(!0===t.isAdmin),v(t.providers||[]),N(t.connections||[]),Z(e=>e||t.userId||"")}catch(e){x(e.message||"Kh\xf4ng tải được personal cloud providers")}finally{t(!1)}},[]),W=(0,a.useCallback)(async()=>{if(b){B(!0);try{let e=await fetch("/api/personal-cloud-providers/permissions",{cache:"no-store"}),t=await e.json().catch(()=>({}));if(!e.ok)throw Error(t.error||"Kh\xf4ng tải được quyền OAuth");L(t.permissions||{})}catch(e){x(e.message||"Kh\xf4ng tải được quyền OAuth")}finally{B(!1)}}},[b]);(0,a.useEffect)(()=>{V()},[V]),(0,a.useEffect)(()=>{b&&W()},[b,W]),(0,a.useEffect)(()=>{let e=F[i(J)]||{},t={};for(let s of g)t[s.id]=!0===e[s.id];G(t)},[J,F,g]);let X=(0,a.useMemo)(()=>{let e=i(p);return $.filter(t=>i(t.ownerUser||t.createdByUser||p)===e)},[$,p]),Q=(0,a.useMemo)(()=>Object.entries(F).map(([e,t])=>{let s=g.filter(e=>t?.[e.id]===!0);return{userId:e,providerState:t||{},enabledProviders:s}}).filter(e=>e.enabledProviders.length>0).sort((e,t)=>e.userId.localeCompare(t.userId)),[F,g]),Y=async()=>{w(null),u("OAuth account đ\xe3 được th\xeam. Model sẽ được import tự động nếu provider hỗ trợ."),await V()},ee=async(e,t)=>{x(""),u("");try{let s=await fetch(`/api/personal-cloud-providers/${encodeURIComponent(e)}`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)}),r=await s.json().catch(()=>({}));if(!s.ok)throw Error(r.error||"Kh\xf4ng cập nhật được connection");await V()}catch(e){x(e.message||"Kh\xf4ng cập nhật được connection")}},et=async e=>{x(""),u(""),S(e.id);try{let t=await fetch(`/api/personal-cloud-providers/${encodeURIComponent(e.id)}/import-models`,{method:"POST"}),s=await t.json().catch(()=>({}));if(!t.ok)throw Error(s.error||"Kh\xf4ng import được model");N(t=>t.map(t=>t.id===e.id?{...t,availableModels:s.models||[],modelImport:s.modelImport||t.modelImport}:t));let r=s.modelImport?.source==="provider"?"provider":"catalog fallback";u(`Đ\xe3 cập nhật ${s.models?.length||0} model từ ${r}.`)}catch(e){x(e.message||"Kh\xf4ng import được model")}finally{S("")}},es=async()=>{K(!0);try{let e=await fetch("/api/keys?pageSize=100&status=active",{cache:"no-store"}),t=await e.json().catch(()=>({}));if(!e.ok)throw Error(t.error||"Kh\xf4ng tải được API keys");M(t.keys||[]);let s=i(p||t.userId),r=(t.keys||[]).find(e=>i(e.ownerUser||e.createdByUser||t.userId)===s);q(e=>e||r?.id||"")}catch(e){x(e.message||"Kh\xf4ng tải được API keys")}finally{K(!1)}},er=async e=>{let t;x(""),u(""),E(e),T((t=c(e).filter(e=>"llm"===(e.type||"llm")).slice(0,3).map(e=>e.routeModel).filter(Boolean)).length>0?t:c(e).slice(0,3).map(e=>e.routeModel).filter(Boolean)),q(""),await es()},ea=async()=>{if(!O)return;if(!z)return void x("Chọn API key cần th\xeam model.");let e=Array.from(new Set((Array.isArray(U)?U:[]).map(e=>String(e||"").trim()).filter(Boolean)));if(0===e.length)return void x("Chọn \xedt nhất một model.");R(!0),x(""),u("");try{let t=await fetch(`/api/personal-cloud-providers/${encodeURIComponent(O.id)}/api-key-models`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({apiKeyId:z,models:e})}),s=await t.json().catch(()=>({}));if(!t.ok)throw Error(s.error||"Kh\xf4ng th\xeam được model v\xe0o API key");E(null),u(`Đ\xe3 th\xeam ${s.addedModels?.length||e.length} model v\xe0o API key ${s.key?.name||""}.`)}catch(e){x(e.message||"Kh\xf4ng th\xeam được model v\xe0o API key")}finally{R(!1)}},en=async()=>{if(A){x(""),u("");try{let e=await fetch(`/api/personal-cloud-providers/${encodeURIComponent(A.id)}`,{method:"DELETE"}),t=await e.json().catch(()=>({}));if(!e.ok)throw Error(t.error||"Kh\xf4ng x\xf3a được connection");C(null),await V()}catch(e){x(e.message||"Kh\xf4ng x\xf3a được connection")}}},el=async()=>{let e=i(J);if(!e)return void x("Nhập username/email cần cấp quyền.");o(!0),x(""),u("");try{let t=await fetch("/api/personal-cloud-providers/permissions",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({userId:e,providers:H})}),s=await t.json().catch(()=>({}));if(!t.ok)throw Error(s.error||"Kh\xf4ng lưu được quyền OAuth");L(s.permissions||{});let r=s.user?.id||e;r!==e&&Z(r),u(`Đ\xe3 lưu quyền OAuth cho ${r}.`),await V()}catch(e){x(e.message||"Kh\xf4ng lưu được quyền OAuth")}finally{o(!1)}},ed=async e=>{let t=i(e);if(t&&window.confirm(`Thu hồi to\xe0n bộ quyền OAuth provider của ${t}?`)){o(!0),x(""),u("");try{let e=await fetch(`/api/personal-cloud-providers/permissions?userId=${encodeURIComponent(t)}`,{method:"DELETE"}),s=await e.json().catch(()=>({}));if(!e.ok)throw Error(s.error||"Kh\xf4ng thu hồi được quyền OAuth");L(s.permissions||{}),i(J)===t&&Z(""),u(`Đ\xe3 thu hồi quyền OAuth của ${t}.`),await V()}catch(e){x(e.message||"Kh\xf4ng thu hồi được quyền OAuth")}finally{o(!1)}}},ei=k?function(e={}){return{id:e.id,name:e.name||e.id,icon:e.icon||"cloud",color:e.color||"#64748b",website:e.website||"",notice:e.notice||null,deprecationNotice:e.deprecationNotice||"",serviceKinds:e.serviceKinds||["llm"]}}(k):null,ec=b?g:g.filter(e=>e.enabled),eo=c(O),em=O?.modelImport||{};return(0,r.jsxs)("div",{className:"space-y-6",children:[(0,r.jsx)("div",{children:(0,r.jsxs)("div",{className:"flex flex-col gap-3 md:flex-row md:items-start md:justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h1",{className:"text-2xl font-semibold text-text-main",children:"Personal Cloud Providers"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Kết nối OAuth c\xe1 nh\xe2n cho Claude Code, OpenAI Codex v\xe0 Antigravity. Account c\xe1 nh\xe2n chỉ owner nh\xecn thấy v\xe0 chỉ API key của owner được d\xf9ng."})]}),(0,r.jsxs)("div",{className:"rounded-2xl border border-border bg-surface px-4 py-3 text-sm",children:[(0,r.jsx)("div",{className:"text-xs uppercase tracking-wide text-text-muted",children:"Current user"}),(0,r.jsx)("div",{className:"mt-1 break-all font-mono text-text-main",children:p||"—"})]})]})}),m?(0,r.jsx)("div",{className:"rounded-2xl border border-red-500/30 bg-red-500/10 px-4 py-3 text-sm text-red-700 dark:text-red-300",children:m}):null,h?(0,r.jsx)("div",{className:"rounded-2xl border border-green-500/30 bg-green-500/10 px-4 py-3 text-sm text-green-700 dark:text-green-300",children:h}):null,(0,r.jsx)("div",{className:"grid gap-4 lg:grid-cols-3",children:0===ec.length?(0,r.jsx)("div",{className:"rounded-2xl border border-dashed border-border p-8 text-center text-sm text-text-muted lg:col-span-3",children:"Admin chưa cấp quyền personal OAuth provider n\xe0o cho user n\xe0y."}):ec.map(e=>(0,r.jsxs)(n.Zp,{className:"space-y-4",children:[(0,r.jsxs)("div",{className:"flex items-start gap-3",children:[(0,r.jsx)("span",{className:"inline-flex size-10 shrink-0 items-center justify-center rounded-xl",style:{backgroundColor:`${e.color||"#64748b"}22`},children:(0,r.jsx)(l.A,{src:`/providers/${e.id}.png`,alt:e.name,size:34,className:"max-h-[34px] max-w-[34px] rounded-lg object-contain",fallbackText:e.id.slice(0,2).toUpperCase(),fallbackColor:e.color||"#64748b"})}),(0,r.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)("h2",{className:"font-semibold text-text-main",children:e.name}),e.enabled?(0,r.jsx)(n.Ex,{variant:"success",size:"sm",children:"Enabled"}):(0,r.jsx)(n.Ex,{variant:"warning",size:"sm",children:"Locked"})]}),(0,r.jsx)("p",{className:"mt-1 text-xs text-text-muted",children:e.enabled?"Được admin cấp quyền, c\xf3 thể add OAuth account c\xe1 nh\xe2n.":"Admin chưa cấp quyền cho user n\xe0y."})]})]}),e.deprecationNotice?(0,r.jsx)("p",{className:"rounded-xl border border-amber-500/30 bg-amber-500/10 p-3 text-xs text-amber-700 dark:text-amber-300",children:e.deprecationNotice}):null,(0,r.jsxs)(n.$n,{fullWidth:!0,disabled:!e.enabled,onClick:()=>{e.enabled&&w(e)},icon:"add_link",children:["Add ",e.name," account"]})]},e.id))}),(0,r.jsxs)(n.Zp,{className:"space-y-4",children:[(0,r.jsxs)("div",{className:"flex flex-col gap-2 md:flex-row md:items-center md:justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"My personal accounts"}),(0,r.jsx)("p",{className:"text-sm text-text-muted",children:"OAuth xong sẽ tự import model nếu provider hỗ trợ. Nếu kh\xf4ng gọi được endpoint model, hệ thống d\xf9ng catalog fallback để user vẫn chọn được model."})]}),(0,r.jsx)(n.$n,{variant:"outline",size:"sm",onClick:V,loading:e,icon:"refresh",children:"Refresh"})]}),e?(0,r.jsx)("div",{className:"rounded-2xl border border-dashed border-border p-8 text-center text-sm text-text-muted",children:"Đang tải..."}):0===y.length?(0,r.jsx)("div",{className:"rounded-2xl border border-dashed border-border p-8 text-center text-sm text-text-muted",children:"Chưa c\xf3 personal OAuth account n\xe0o."}):(0,r.jsx)("div",{className:"overflow-x-auto rounded-2xl border border-border",children:(0,r.jsxs)("table",{className:"min-w-full divide-y divide-border text-sm",children:[(0,r.jsx)("thead",{className:"bg-surface/80 text-left text-xs uppercase tracking-wide text-text-muted",children:(0,r.jsxs)("tr",{children:[(0,r.jsx)("th",{className:"px-4 py-3 font-medium",children:"Connection"}),(0,r.jsx)("th",{className:"px-4 py-3 font-medium",children:"Provider"}),(0,r.jsx)("th",{className:"px-4 py-3 font-medium",children:"Account"}),(0,r.jsx)("th",{className:"px-4 py-3 font-medium",children:"Models"}),(0,r.jsx)("th",{className:"px-4 py-3 font-medium",children:"Created"}),(0,r.jsx)("th",{className:"px-4 py-3 font-medium",children:"Active"}),(0,r.jsx)("th",{className:"px-4 py-3 text-right font-medium",children:"Actions"})]})}),(0,r.jsx)("tbody",{className:"divide-y divide-border bg-background",children:y.map(e=>{let t=c(e),s=e.modelImport||{};return(0,r.jsxs)("tr",{className:"align-top hover:bg-surface/50",children:[(0,r.jsxs)("td",{className:"px-4 py-4",children:[(0,r.jsx)("div",{className:"font-medium text-text-main",children:e.name||e.id}),(0,r.jsx)("div",{className:"mt-1 font-mono text-xs text-text-muted",children:e.id})]}),(0,r.jsx)("td",{className:"px-4 py-4",children:(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)(l.A,{src:`/providers/${e.provider}.png`,alt:e.provider,size:24,className:"max-h-[24px] max-w-[24px] rounded object-contain",fallbackText:e.provider.slice(0,2).toUpperCase()}),(0,r.jsx)("span",{children:d(e.provider,g)})]})}),(0,r.jsxs)("td",{className:"px-4 py-4",children:[(0,r.jsx)("div",{className:"break-all text-text-main",children:e.email||e.displayName||"—"}),(0,r.jsxs)("div",{className:"mt-1 break-all text-xs text-text-muted",children:["Owner: ",e.ownerUser||p||"—"]})]}),(0,r.jsxs)("td",{className:"px-4 py-4",children:[(0,r.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[function(e={}){return"provider"===(e.source||"catalog")?(0,r.jsx)(n.Ex,{variant:"success",size:"sm",children:"Imported"}):(0,r.jsx)(n.Ex,{variant:"warning",size:"sm",children:"Catalog"})}(s),(0,r.jsxs)("span",{className:"text-xs text-text-muted",children:[t.length," model(s)"]})]}),s.warning?(0,r.jsx)("div",{className:"mt-1 max-w-[320px] truncate text-xs text-amber-600 dark:text-amber-300",title:s.warning,children:s.warning}):null,t.length>0?(0,r.jsxs)("div",{className:"mt-2 flex max-w-[360px] flex-wrap gap-1",children:[t.slice(0,4).map(e=>(0,r.jsx)("span",{className:"rounded-full border border-border bg-surface px-2 py-0.5 font-mono text-[11px] text-text-muted",children:e.routeModel},e.routeModel)),t.length>4?(0,r.jsxs)("span",{className:"rounded-full border border-border bg-surface px-2 py-0.5 text-[11px] text-text-muted",children:["+",t.length-4]}):null]}):null]}),(0,r.jsx)("td",{className:"px-4 py-4 text-xs text-text-muted",children:function(e){if(!e)return"—";try{return new Intl.DateTimeFormat("vi-VN",{dateStyle:"short",timeStyle:"short"}).format(new Date(e))}catch{return e}}(e.createdAt)}),(0,r.jsx)("td",{className:"px-4 py-4",children:(0,r.jsx)(n.lM,{checked:!1!==e.isActive,onChange:t=>ee(e.id,{isActive:t})})}),(0,r.jsx)("td",{className:"px-4 py-4",children:(0,r.jsxs)("div",{className:"flex flex-wrap justify-end gap-2",children:[(0,r.jsx)(n.$n,{variant:"outline",size:"sm",loading:I===e.id,onClick:()=>et(e),children:"Import models"}),(0,r.jsx)(n.$n,{variant:"secondary",size:"sm",disabled:0===t.length,onClick:()=>er(e),children:"Add to API key"}),(0,r.jsx)(n.$n,{variant:"outline",size:"sm",onClick:()=>{let t;return t=window.prompt("T\xean connection mới",e.name||""),void(t?.trim()&&ee(e.id,{name:t.trim()}))},children:"Rename"}),(0,r.jsx)(n.$n,{variant:"danger",size:"sm",onClick:()=>C(e),children:"Delete"})]})})]},e.id)})})]})})]}),b?(0,r.jsxs)(n.Zp,{className:"space-y-4",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Admin: OAuth provider access"}),(0,r.jsx)("p",{className:"text-sm text-text-muted",children:"Default l\xe0 kh\xf4ng c\xf3 quyền. Nhập username/email rồi bật provider được ph\xe9p add personal account."})]}),(0,r.jsxs)("div",{className:"grid gap-3 md:grid-cols-[minmax(0,1fr)_auto] md:items-end",children:[(0,r.jsx)(n.pd,{label:"User ID / Email",value:J,onChange:e=>Z(e.target.value),placeholder:"anh-tct hoặc anh-tct@fujinet.net"}),(0,r.jsx)(n.$n,{onClick:el,loading:s,icon:"save",children:"Save permissions"})]}),(0,r.jsx)("div",{className:"grid gap-3 md:grid-cols-3",children:g.map(e=>(0,r.jsx)("div",{className:"rounded-2xl border border-border bg-surface p-4",children:(0,r.jsx)(n.lM,{checked:!0===H[e.id],onChange:t=>G(s=>({...s,[e.id]:t})),label:e.name,description:H[e.id]?"User được ph\xe9p add account":"User chưa được cấp quyền"})},e.id))}),(0,r.jsxs)("div",{className:"border-t border-border pt-4",children:[(0,r.jsxs)("div",{className:"mb-3 flex flex-col gap-2 md:flex-row md:items-center md:justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h3",{className:"font-semibold text-text-main",children:"Granted OAuth Access"}),(0,r.jsx)("p",{className:"text-xs text-text-muted",children:"Danh s\xe1ch user hiện đang được cấp quyền add personal OAuth account."})]}),(0,r.jsx)(n.$n,{variant:"outline",size:"sm",onClick:W,loading:_,icon:"refresh",children:"Refresh list"})]}),_?(0,r.jsx)("div",{className:"rounded-2xl border border-dashed border-border p-6 text-center text-sm text-text-muted",children:"Đang tải quyền..."}):0===Q.length?(0,r.jsx)("div",{className:"rounded-2xl border border-dashed border-border p-6 text-center text-sm text-text-muted",children:"Chưa c\xf3 user n\xe0o được cấp quyền OAuth provider."}):(0,r.jsx)("div",{className:"overflow-x-auto rounded-2xl border border-border",children:(0,r.jsxs)("table",{className:"min-w-full divide-y divide-border text-sm",children:[(0,r.jsx)("thead",{className:"bg-surface/80 text-left text-xs uppercase tracking-wide text-text-muted",children:(0,r.jsxs)("tr",{children:[(0,r.jsx)("th",{className:"px-4 py-3 font-medium",children:"User"}),g.map(e=>(0,r.jsx)("th",{className:"px-4 py-3 font-medium",children:e.name},e.id)),(0,r.jsx)("th",{className:"px-4 py-3 text-right font-medium",children:"Actions"})]})}),(0,r.jsx)("tbody",{className:"divide-y divide-border bg-background",children:Q.map(e=>(0,r.jsxs)("tr",{className:"hover:bg-surface/50",children:[(0,r.jsxs)("td",{className:"px-4 py-4",children:[(0,r.jsx)("div",{className:"break-all font-mono text-text-main",children:e.userId}),i(J)===e.userId?(0,r.jsx)("div",{className:"mt-1 text-xs text-brand-600 dark:text-brand-300",children:"Đang edit ở form ph\xeda tr\xean"}):null]}),g.map(t=>(0,r.jsx)("td",{className:"px-4 py-4",children:!0===e.providerState[t.id]?(0,r.jsx)(n.Ex,{variant:"success",size:"sm",children:"ON"}):(0,r.jsx)(n.Ex,{variant:"default",size:"sm",children:"OFF"})},t.id)),(0,r.jsx)("td",{className:"px-4 py-4",children:(0,r.jsxs)("div",{className:"flex flex-wrap justify-end gap-2",children:[(0,r.jsx)(n.$n,{variant:"outline",size:"sm",onClick:()=>(e=>{let t=i(e);Z(t);let s=F[t]||{},r={};for(let e of g)r[e.id]=!0===s[e.id];G(r)})(e.userId),children:"Edit"}),(0,r.jsx)(n.$n,{variant:"danger",size:"sm",loading:s,onClick:()=>ed(e.userId),children:"Revoke"})]})})]},e.userId))})]})})]})]}):null,O?(0,r.jsx)(n.aF,{isOpen:!!O,onClose:()=>E(null),title:"Add models to API key",size:"full",footer:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.$n,{variant:"ghost",onClick:()=>E(null),disabled:D,children:"Cancel"}),(0,r.jsx)(n.$n,{onClick:ea,loading:D,disabled:!z||0===U.length,children:"Add selected models"})]}),children:(0,r.jsxs)("div",{className:"space-y-4",children:[(0,r.jsxs)("div",{className:"rounded-2xl border border-border bg-surface p-4 text-sm",children:[(0,r.jsx)("div",{className:"font-semibold text-text-main",children:O.name||O.id}),(0,r.jsxs)("div",{className:"mt-1 text-text-muted",children:[d(O.provider,g)," \xb7 ",eo.length," model(s) \xb7 ","provider"===em.source?"imported from provider":"catalog fallback"]}),em.warning?(0,r.jsx)("div",{className:"mt-2 text-xs text-amber-600 dark:text-amber-300",children:em.warning}):null]}),(0,r.jsxs)("label",{className:"block text-sm",children:[(0,r.jsx)("span",{className:"mb-1 block font-medium text-text-main",children:"API key"}),(0,r.jsxs)("select",{value:z,onChange:e=>q(e.target.value),className:"h-10 w-full rounded-xl border border-border bg-background px-3 text-sm text-text-main outline-none focus:border-brand-500",disabled:P,children:[(0,r.jsx)("option",{value:"",children:P?"Đang tải API keys...":"Chọn API key"}),X.map(e=>(0,r.jsxs)("option",{value:e.id,children:[e.name," \xb7 ",e.ownerUser||p]},e.id))]})]}),0!==X.length||P?null:(0,r.jsx)("div",{className:"rounded-xl border border-amber-500/30 bg-amber-500/10 p-3 text-sm text-amber-700 dark:text-amber-300",children:"User n\xe0y chưa c\xf3 API key active để th\xeam model."}),(0,r.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h3",{className:"font-semibold text-text-main",children:"Models"}),(0,r.jsx)("p",{className:"text-xs text-text-muted",children:"Model được lưu v\xe0o allowedModels của API key. Request sẽ route qua personal OAuth account của owner."})]}),(0,r.jsxs)("div",{className:"flex gap-2",children:[(0,r.jsx)(n.$n,{variant:"outline",size:"sm",onClick:()=>T(eo.map(e=>e.routeModel).filter(Boolean)),children:"Select all"}),(0,r.jsx)(n.$n,{variant:"ghost",size:"sm",onClick:()=>T([]),children:"Clear"})]})]}),(0,r.jsx)("div",{className:"grid gap-2 md:grid-cols-2",children:eo.map(e=>(0,r.jsxs)("label",{className:"flex cursor-pointer items-start gap-3 rounded-xl border border-border bg-background p-3 hover:bg-surface",children:[(0,r.jsx)("input",{type:"checkbox",className:"mt-1",checked:U.includes(e.routeModel),onChange:()=>{var t;return t=e.routeModel,void T(e=>e.includes(t)?e.filter(e=>e!==t):[...e,t])}}),(0,r.jsxs)("span",{className:"min-w-0 flex-1",children:[(0,r.jsx)("span",{className:"block font-medium text-text-main",children:e.name||e.id}),(0,r.jsx)("span",{className:"mt-1 block break-all font-mono text-xs text-text-muted",children:e.routeModel}),e.type&&"llm"!==e.type?(0,r.jsx)("span",{className:"mt-2 inline-flex rounded-full bg-surface px-2 py-0.5 text-[11px] text-text-muted",children:e.type}):null]})]},e.routeModel))})]})}):null,ei?(0,r.jsx)(n.LF,{isOpen:!!k,provider:k.id,providerInfo:ei,connectionScope:"personal",onSuccess:Y,onClose:()=>w(null)}):null,A?(0,r.jsx)(n.uo,{isOpen:!!A,onClose:()=>C(null),onConfirm:en,title:"Delete personal account",message:`X\xf3a connection ${A.name||A.id}?`,confirmText:"Delete",cancelText:"Cancel",variant:"danger"}):null]})}},47584:(e,t,s)=>{Promise.resolve().then(s.bind(s,43503))}},e=>{e.O(0,[2574,3862,1051,620,5497,8441,3794,7358],()=>e(e.s=47584)),_N_E=e.O()}]);

package/app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bluerouter-app",
-  "version": "4.0.85",
+  "version": "4.0.86",
   "description": "Router web dashboard",
   "private": false,
   "scripts": {

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@jheavenknows/bluerouter",
- "version": "4.0.85",
+ "version": "4.0.86",
  "description": "Bluerouter CLI - Start and manage Bluerouter server",
  "bin": {
   "bluerouter": "./cli.js"

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/personalcloudprovider/page-ee0f36d3ca6734c8.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3538],{43503:(e,t,s)=>{"use strict";s.d(t,{default:()=>o});var r=s(95155),a=s(12115),n=s(35497),l=s(57250);function d(e,t){return t.find(t=>t.id===e)?.name||e}function i(e){return String(e||"").trim().toLowerCase()}function c(e){return Array.isArray(e?.availableModels)?e.availableModels:[]}function o(){let[e,t]=(0,a.useState)(!0),[s,o]=(0,a.useState)(!1),[m,x]=(0,a.useState)(""),[h,u]=(0,a.useState)(""),[p,f]=(0,a.useState)(""),[g,b]=(0,a.useState)(!1),[j,v]=(0,a.useState)([]),[y,N]=(0,a.useState)([]),[k,w]=(0,a.useState)(null),[A,C]=(0,a.useState)(null),[I,S]=(0,a.useState)(""),[O,$]=(0,a.useState)(null),[E,M]=(0,a.useState)([]),[P,K]=(0,a.useState)(!1),[z,U]=(0,a.useState)(""),[q,T]=(0,a.useState)([]),[D,_]=(0,a.useState)(!1),[R,B]=(0,a.useState)(!1),[F,L]=(0,a.useState)({}),[J,Z]=(0,a.useState)(""),[H,V]=(0,a.useState)({}),W=(0,a.useCallback)(async()=>{t(!0),x("");try{let e=await fetch("/api/personal-cloud-providers",{cache:"no-store"}),t=await e.json().catch(()=>({}));if(!e.ok)throw Error(t.error||"Kh\xf4ng tải được personal cloud providers");f(t.userId||""),b(!0===t.isAdmin),v(t.providers||[]),N(t.connections||[]),Z(e=>e||t.userId||"")}catch(e){x(e.message||"Kh\xf4ng tải được personal cloud providers")}finally{t(!1)}},[]),X=(0,a.useCallback)(async()=>{if(g){B(!0);try{let e=await fetch("/api/personal-cloud-providers/permissions",{cache:"no-store"}),t=await e.json().catch(()=>({}));if(!e.ok)throw Error(t.error||"Kh\xf4ng tải được quyền OAuth");L(t.permissions||{})}catch(e){x(e.message||"Kh\xf4ng tải được quyền OAuth")}finally{B(!1)}}},[g]);(0,a.useEffect)(()=>{W()},[W]),(0,a.useEffect)(()=>{g&&X()},[g,X]),(0,a.useEffect)(()=>{let e=F[i(J)]||{},t={};for(let s of j)t[s.id]=!0===e[s.id];V(t)},[J,F,j]);let G=(0,a.useMemo)(()=>{let e=i(p);return E.filter(t=>i(t.ownerUser||t.createdByUser||p)===e)},[E,p]),Q=async()=>{w(null),u("OAuth account đ\xe3 được th\xeam. Model sẽ được import tự động nếu provider hỗ trợ."),await W()},Y=async(e,t)=>{x(""),u("");try{let s=await fetch(`/api/personal-cloud-providers/${encodeURIComponent(e)}`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)}),r=await s.json().catch(()=>({}));if(!s.ok)throw Error(r.error||"Kh\xf4ng cập nhật được connection");await W()}catch(e){x(e.message||"Kh\xf4ng cập nhật được connection")}},ee=async e=>{x(""),u(""),S(e.id);try{let t=await fetch(`/api/personal-cloud-providers/${encodeURIComponent(e.id)}/import-models`,{method:"POST"}),s=await t.json().catch(()=>({}));if(!t.ok)throw Error(s.error||"Kh\xf4ng import được model");N(t=>t.map(t=>t.id===e.id?{...t,availableModels:s.models||[],modelImport:s.modelImport||t.modelImport}:t));let r=s.modelImport?.source==="provider"?"provider":"catalog fallback";u(`Đ\xe3 cập nhật ${s.models?.length||0} model từ ${r}.`)}catch(e){x(e.message||"Kh\xf4ng import được model")}finally{S("")}},et=async()=>{K(!0);try{let e=await fetch("/api/keys?pageSize=100&status=active",{cache:"no-store"}),t=await e.json().catch(()=>({}));if(!e.ok)throw Error(t.error||"Kh\xf4ng tải được API keys");M(t.keys||[]);let s=i(p||t.userId),r=(t.keys||[]).find(e=>i(e.ownerUser||e.createdByUser||t.userId)===s);U(e=>e||r?.id||"")}catch(e){x(e.message||"Kh\xf4ng tải được API keys")}finally{K(!1)}},es=async e=>{let t;x(""),u(""),$(e),T((t=c(e).filter(e=>"llm"===(e.type||"llm")).slice(0,3).map(e=>e.routeModel).filter(Boolean)).length>0?t:c(e).slice(0,3).map(e=>e.routeModel).filter(Boolean)),U(""),await et()},er=async()=>{if(!O)return;if(!z)return void x("Chọn API key cần th\xeam model.");let e=Array.from(new Set((Array.isArray(q)?q:[]).map(e=>String(e||"").trim()).filter(Boolean)));if(0===e.length)return void x("Chọn \xedt nhất một model.");_(!0),x(""),u("");try{let t=await fetch(`/api/personal-cloud-providers/${encodeURIComponent(O.id)}/api-key-models`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({apiKeyId:z,models:e})}),s=await t.json().catch(()=>({}));if(!t.ok)throw Error(s.error||"Kh\xf4ng th\xeam được model v\xe0o API key");$(null),u(`Đ\xe3 th\xeam ${s.addedModels?.length||e.length} model v\xe0o API key ${s.key?.name||""}.`)}catch(e){x(e.message||"Kh\xf4ng th\xeam được model v\xe0o API key")}finally{_(!1)}},ea=async()=>{if(A){x(""),u("");try{let e=await fetch(`/api/personal-cloud-providers/${encodeURIComponent(A.id)}`,{method:"DELETE"}),t=await e.json().catch(()=>({}));if(!e.ok)throw Error(t.error||"Kh\xf4ng x\xf3a được connection");C(null),await W()}catch(e){x(e.message||"Kh\xf4ng x\xf3a được connection")}}},en=async()=>{let e=i(J);if(!e)return void x("Nhập username/email cần cấp quyền.");o(!0),x(""),u("");try{let t=await fetch("/api/personal-cloud-providers/permissions",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({userId:e,providers:H})}),s=await t.json().catch(()=>({}));if(!t.ok)throw Error(s.error||"Kh\xf4ng lưu được quyền OAuth");L(s.permissions||{});let r=s.user?.id||e;r!==e&&Z(r),u(`Đ\xe3 lưu quyền OAuth cho ${r}.`),await W()}catch(e){x(e.message||"Kh\xf4ng lưu được quyền OAuth")}finally{o(!1)}},el=k?function(e={}){return{id:e.id,name:e.name||e.id,icon:e.icon||"cloud",color:e.color||"#64748b",website:e.website||"",notice:e.notice||null,deprecationNotice:e.deprecationNotice||"",serviceKinds:e.serviceKinds||["llm"]}}(k):null,ed=g?j:j.filter(e=>e.enabled),ei=c(O),ec=O?.modelImport||{};return(0,r.jsxs)("div",{className:"space-y-6",children:[(0,r.jsx)("div",{children:(0,r.jsxs)("div",{className:"flex flex-col gap-3 md:flex-row md:items-start md:justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h1",{className:"text-2xl font-semibold text-text-main",children:"Personal Cloud Providers"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Kết nối OAuth c\xe1 nh\xe2n cho Claude Code, OpenAI Codex v\xe0 Antigravity. Account c\xe1 nh\xe2n chỉ owner nh\xecn thấy v\xe0 chỉ API key của owner được d\xf9ng."})]}),(0,r.jsxs)("div",{className:"rounded-2xl border border-border bg-surface px-4 py-3 text-sm",children:[(0,r.jsx)("div",{className:"text-xs uppercase tracking-wide text-text-muted",children:"Current user"}),(0,r.jsx)("div",{className:"mt-1 break-all font-mono text-text-main",children:p||"—"})]})]})}),m?(0,r.jsx)("div",{className:"rounded-2xl border border-red-500/30 bg-red-500/10 px-4 py-3 text-sm text-red-700 dark:text-red-300",children:m}):null,h?(0,r.jsx)("div",{className:"rounded-2xl border border-green-500/30 bg-green-500/10 px-4 py-3 text-sm text-green-700 dark:text-green-300",children:h}):null,(0,r.jsx)("div",{className:"grid gap-4 lg:grid-cols-3",children:0===ed.length?(0,r.jsx)("div",{className:"rounded-2xl border border-dashed border-border p-8 text-center text-sm text-text-muted lg:col-span-3",children:"Admin chưa cấp quyền personal OAuth provider n\xe0o cho user n\xe0y."}):ed.map(e=>(0,r.jsxs)(n.Zp,{className:"space-y-4",children:[(0,r.jsxs)("div",{className:"flex items-start gap-3",children:[(0,r.jsx)("span",{className:"inline-flex size-10 shrink-0 items-center justify-center rounded-xl",style:{backgroundColor:`${e.color||"#64748b"}22`},children:(0,r.jsx)(l.A,{src:`/providers/${e.id}.png`,alt:e.name,size:34,className:"max-h-[34px] max-w-[34px] rounded-lg object-contain",fallbackText:e.id.slice(0,2).toUpperCase(),fallbackColor:e.color||"#64748b"})}),(0,r.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)("h2",{className:"font-semibold text-text-main",children:e.name}),e.enabled?(0,r.jsx)(n.Ex,{variant:"success",size:"sm",children:"Enabled"}):(0,r.jsx)(n.Ex,{variant:"warning",size:"sm",children:"Locked"})]}),(0,r.jsx)("p",{className:"mt-1 text-xs text-text-muted",children:e.enabled?"Được admin cấp quyền, c\xf3 thể add OAuth account c\xe1 nh\xe2n.":"Admin chưa cấp quyền cho user n\xe0y."})]})]}),e.deprecationNotice?(0,r.jsx)("p",{className:"rounded-xl border border-amber-500/30 bg-amber-500/10 p-3 text-xs text-amber-700 dark:text-amber-300",children:e.deprecationNotice}):null,(0,r.jsxs)(n.$n,{fullWidth:!0,disabled:!e.enabled,onClick:()=>{e.enabled&&w(e)},icon:"add_link",children:["Add ",e.name," account"]})]},e.id))}),(0,r.jsxs)(n.Zp,{className:"space-y-4",children:[(0,r.jsxs)("div",{className:"flex flex-col gap-2 md:flex-row md:items-center md:justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"My personal accounts"}),(0,r.jsx)("p",{className:"text-sm text-text-muted",children:"OAuth xong sẽ tự import model nếu provider hỗ trợ. Nếu kh\xf4ng gọi được endpoint model, hệ thống d\xf9ng catalog fallback để user vẫn chọn được model."})]}),(0,r.jsx)(n.$n,{variant:"outline",size:"sm",onClick:W,loading:e,icon:"refresh",children:"Refresh"})]}),e?(0,r.jsx)("div",{className:"rounded-2xl border border-dashed border-border p-8 text-center text-sm text-text-muted",children:"Đang tải..."}):0===y.length?(0,r.jsx)("div",{className:"rounded-2xl border border-dashed border-border p-8 text-center text-sm text-text-muted",children:"Chưa c\xf3 personal OAuth account n\xe0o."}):(0,r.jsx)("div",{className:"overflow-x-auto rounded-2xl border border-border",children:(0,r.jsxs)("table",{className:"min-w-full divide-y divide-border text-sm",children:[(0,r.jsx)("thead",{className:"bg-surface/80 text-left text-xs uppercase tracking-wide text-text-muted",children:(0,r.jsxs)("tr",{children:[(0,r.jsx)("th",{className:"px-4 py-3 font-medium",children:"Connection"}),(0,r.jsx)("th",{className:"px-4 py-3 font-medium",children:"Provider"}),(0,r.jsx)("th",{className:"px-4 py-3 font-medium",children:"Account"}),(0,r.jsx)("th",{className:"px-4 py-3 font-medium",children:"Models"}),(0,r.jsx)("th",{className:"px-4 py-3 font-medium",children:"Created"}),(0,r.jsx)("th",{className:"px-4 py-3 font-medium",children:"Active"}),(0,r.jsx)("th",{className:"px-4 py-3 text-right font-medium",children:"Actions"})]})}),(0,r.jsx)("tbody",{className:"divide-y divide-border bg-background",children:y.map(e=>{let t=c(e),s=e.modelImport||{};return(0,r.jsxs)("tr",{className:"align-top hover:bg-surface/50",children:[(0,r.jsxs)("td",{className:"px-4 py-4",children:[(0,r.jsx)("div",{className:"font-medium text-text-main",children:e.name||e.id}),(0,r.jsx)("div",{className:"mt-1 font-mono text-xs text-text-muted",children:e.id})]}),(0,r.jsx)("td",{className:"px-4 py-4",children:(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)(l.A,{src:`/providers/${e.provider}.png`,alt:e.provider,size:24,className:"max-h-[24px] max-w-[24px] rounded object-contain",fallbackText:e.provider.slice(0,2).toUpperCase()}),(0,r.jsx)("span",{children:d(e.provider,j)})]})}),(0,r.jsxs)("td",{className:"px-4 py-4",children:[(0,r.jsx)("div",{className:"break-all text-text-main",children:e.email||e.displayName||"—"}),(0,r.jsxs)("div",{className:"mt-1 break-all text-xs text-text-muted",children:["Owner: ",e.ownerUser||p||"—"]})]}),(0,r.jsxs)("td",{className:"px-4 py-4",children:[(0,r.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[function(e={}){return"provider"===(e.source||"catalog")?(0,r.jsx)(n.Ex,{variant:"success",size:"sm",children:"Imported"}):(0,r.jsx)(n.Ex,{variant:"warning",size:"sm",children:"Catalog"})}(s),(0,r.jsxs)("span",{className:"text-xs text-text-muted",children:[t.length," model(s)"]})]}),s.warning?(0,r.jsx)("div",{className:"mt-1 max-w-[320px] truncate text-xs text-amber-600 dark:text-amber-300",title:s.warning,children:s.warning}):null,t.length>0?(0,r.jsxs)("div",{className:"mt-2 flex max-w-[360px] flex-wrap gap-1",children:[t.slice(0,4).map(e=>(0,r.jsx)("span",{className:"rounded-full border border-border bg-surface px-2 py-0.5 font-mono text-[11px] text-text-muted",children:e.routeModel},e.routeModel)),t.length>4?(0,r.jsxs)("span",{className:"rounded-full border border-border bg-surface px-2 py-0.5 text-[11px] text-text-muted",children:["+",t.length-4]}):null]}):null]}),(0,r.jsx)("td",{className:"px-4 py-4 text-xs text-text-muted",children:function(e){if(!e)return"—";try{return new Intl.DateTimeFormat("vi-VN",{dateStyle:"short",timeStyle:"short"}).format(new Date(e))}catch{return e}}(e.createdAt)}),(0,r.jsx)("td",{className:"px-4 py-4",children:(0,r.jsx)(n.lM,{checked:!1!==e.isActive,onChange:t=>Y(e.id,{isActive:t})})}),(0,r.jsx)("td",{className:"px-4 py-4",children:(0,r.jsxs)("div",{className:"flex flex-wrap justify-end gap-2",children:[(0,r.jsx)(n.$n,{variant:"outline",size:"sm",loading:I===e.id,onClick:()=>ee(e),children:"Import models"}),(0,r.jsx)(n.$n,{variant:"secondary",size:"sm",disabled:0===t.length,onClick:()=>es(e),children:"Add to API key"}),(0,r.jsx)(n.$n,{variant:"outline",size:"sm",onClick:()=>{let t;return t=window.prompt("T\xean connection mới",e.name||""),void(t?.trim()&&Y(e.id,{name:t.trim()}))},children:"Rename"}),(0,r.jsx)(n.$n,{variant:"danger",size:"sm",onClick:()=>C(e),children:"Delete"})]})})]},e.id)})})]})})]}),g?(0,r.jsxs)(n.Zp,{className:"space-y-4",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Admin: OAuth provider access"}),(0,r.jsx)("p",{className:"text-sm text-text-muted",children:"Default l\xe0 kh\xf4ng c\xf3 quyền. Nhập username/email rồi bật provider được ph\xe9p add personal account."})]}),(0,r.jsxs)("div",{className:"grid gap-3 md:grid-cols-[minmax(0,1fr)_auto] md:items-end",children:[(0,r.jsx)(n.pd,{label:"User ID / Email",value:J,onChange:e=>Z(e.target.value),placeholder:"anh-tct hoặc anh-tct@fujinet.net"}),(0,r.jsx)(n.$n,{onClick:en,loading:s,icon:"save",children:"Save permissions"})]}),(0,r.jsx)("div",{className:"grid gap-3 md:grid-cols-3",children:j.map(e=>(0,r.jsx)("div",{className:"rounded-2xl border border-border bg-surface p-4",children:(0,r.jsx)(n.lM,{checked:!0===H[e.id],onChange:t=>V(s=>({...s,[e.id]:t})),label:e.name,description:H[e.id]?"User được ph\xe9p add account":"User chưa được cấp quyền"})},e.id))}),R?(0,r.jsx)("p",{className:"text-xs text-text-muted",children:"Đang tải quyền..."}):null]}):null,O?(0,r.jsx)(n.aF,{isOpen:!!O,onClose:()=>$(null),title:"Add models to API key",size:"full",footer:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.$n,{variant:"ghost",onClick:()=>$(null),disabled:D,children:"Cancel"}),(0,r.jsx)(n.$n,{onClick:er,loading:D,disabled:!z||0===q.length,children:"Add selected models"})]}),children:(0,r.jsxs)("div",{className:"space-y-4",children:[(0,r.jsxs)("div",{className:"rounded-2xl border border-border bg-surface p-4 text-sm",children:[(0,r.jsx)("div",{className:"font-semibold text-text-main",children:O.name||O.id}),(0,r.jsxs)("div",{className:"mt-1 text-text-muted",children:[d(O.provider,j)," \xb7 ",ei.length," model(s) \xb7 ","provider"===ec.source?"imported from provider":"catalog fallback"]}),ec.warning?(0,r.jsx)("div",{className:"mt-2 text-xs text-amber-600 dark:text-amber-300",children:ec.warning}):null]}),(0,r.jsxs)("label",{className:"block text-sm",children:[(0,r.jsx)("span",{className:"mb-1 block font-medium text-text-main",children:"API key"}),(0,r.jsxs)("select",{value:z,onChange:e=>U(e.target.value),className:"h-10 w-full rounded-xl border border-border bg-background px-3 text-sm text-text-main outline-none focus:border-brand-500",disabled:P,children:[(0,r.jsx)("option",{value:"",children:P?"Đang tải API keys...":"Chọn API key"}),G.map(e=>(0,r.jsxs)("option",{value:e.id,children:[e.name," \xb7 ",e.ownerUser||p]},e.id))]})]}),0!==G.length||P?null:(0,r.jsx)("div",{className:"rounded-xl border border-amber-500/30 bg-amber-500/10 p-3 text-sm text-amber-700 dark:text-amber-300",children:"User n\xe0y chưa c\xf3 API key active để th\xeam model."}),(0,r.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h3",{className:"font-semibold text-text-main",children:"Models"}),(0,r.jsx)("p",{className:"text-xs text-text-muted",children:"Model được lưu v\xe0o allowedModels của API key. Request sẽ route qua personal OAuth account của owner."})]}),(0,r.jsxs)("div",{className:"flex gap-2",children:[(0,r.jsx)(n.$n,{variant:"outline",size:"sm",onClick:()=>T(ei.map(e=>e.routeModel).filter(Boolean)),children:"Select all"}),(0,r.jsx)(n.$n,{variant:"ghost",size:"sm",onClick:()=>T([]),children:"Clear"})]})]}),(0,r.jsx)("div",{className:"grid gap-2 md:grid-cols-2",children:ei.map(e=>(0,r.jsxs)("label",{className:"flex cursor-pointer items-start gap-3 rounded-xl border border-border bg-background p-3 hover:bg-surface",children:[(0,r.jsx)("input",{type:"checkbox",className:"mt-1",checked:q.includes(e.routeModel),onChange:()=>{var t;return t=e.routeModel,void T(e=>e.includes(t)?e.filter(e=>e!==t):[...e,t])}}),(0,r.jsxs)("span",{className:"min-w-0 flex-1",children:[(0,r.jsx)("span",{className:"block font-medium text-text-main",children:e.name||e.id}),(0,r.jsx)("span",{className:"mt-1 block break-all font-mono text-xs text-text-muted",children:e.routeModel}),e.type&&"llm"!==e.type?(0,r.jsx)("span",{className:"mt-2 inline-flex rounded-full bg-surface px-2 py-0.5 text-[11px] text-text-muted",children:e.type}):null]})]},e.routeModel))})]})}):null,el?(0,r.jsx)(n.LF,{isOpen:!!k,provider:k.id,providerInfo:el,connectionScope:"personal",onSuccess:Q,onClose:()=>w(null)}):null,A?(0,r.jsx)(n.uo,{isOpen:!!A,onClose:()=>C(null),onConfirm:ea,title:"Delete personal account",message:`X\xf3a connection ${A.name||A.id}?`,confirmText:"Delete",cancelText:"Cancel",variant:"danger"}):null]})}},47584:(e,t,s)=>{Promise.resolve().then(s.bind(s,43503))}},e=>{e.O(0,[2574,3862,1051,620,5497,8441,3794,7358],()=>e(e.s=47584)),_N_E=e.O()}]);