@xopcai/xopc 0.0.272 → 0.0.274

package/dist/gateway/static/root/assets/management-settings-DT6NoIjm.js

@@ -1 +0,0 @@
-import{i as e}from"./rolldown-runtime-aKtaBQYM.js";import{a as t,n,t as r}from"./vendor-react-BOUWij0V.js";import{h as i}from"./chunk-KS7C4IRE-Cq1tE_3b.js";import{t as a}from"./messages-DH_HCgmw.js";import{i as o,n as s,r as c}from"./locale-store-CRNble2Z.js";import{t as l}from"./cn-JdwAhgNB.js";import{i as u}from"./vendor-swr-BIWyz7Rc.js";import{t as d}from"./button-B11EPpor.js";import{t as f}from"./skeleton-BwbyijEw.js";import{Ic as p,ac as m,bc as h,cc as g,qi as _}from"./index-C6PmD0cK.js";import{n as v,r as y}from"./settings-page-layout-DYelDcMV.js";import{d as b,m as x}from"./tunnel-api-CWsRPM84.js";import{t as S}from"./device-pairing-wizard-CPth92s6.js";import{n as C}from"./settings-loading-skeleton-CAmWMaOT.js";var w=e(t(),1),T=n();async function E(e){let t=await e.json().catch(()=>null);if(!e.ok||t?.payload===void 0)throw Error(t?.error?.message??`Endpoint management request failed: ${e.status}`);return t.payload}function D(){return c(`/api/endpoint-tools/principals`)}function O(){return c(`/api/endpoint-tools/invocations?limit=50`)}async function k(){return E(await o(D()))}async function A(){return E(await o(O()))}async function j(e){await E(await o(c(`/api/endpoint-tools/principals/${encodeURIComponent(e)}`),{method:`DELETE`}))}var M=r();function N(){let[e,t]=i(),n=s(e=>e.language),r=a(n).endpointToolsSettings.deviceAccess,o=u(`connected-devices`,b,{refreshInterval:1e4}),[c,l]=(0,w.useState)(!1),[h,v]=(0,w.useState)(),[y,C]=(0,w.useState)(),[T,E]=(0,w.useState)(!1),[D,O]=(0,w.useState)(!1);(0,w.useEffect)(()=>{let n=e.get(`startDevicePairing`);n!==`mobile`&&n!==`browser`||(v(n),l(!0),t(e=>{let t=new URLSearchParams(e);return t.delete(`startDevicePairing`),t},{replace:!0}))},[e,t]);let k=(0,w.useCallback)(()=>{o.mutate()},[o]),A=async()=>{if(!(!y||T)){E(!0),O(!1);try{await x(y.id),C(void 0),await o.mutate()}catch{O(!0)}finally{E(!1)}}},j=o.data?.filter(e=>!e.revokedAt)??[];return(0,M.jsxs)(`section`,{className:`rounded-xl border border-edge bg-surface-panel p-5`,children:[(0,M.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-4`,children:[(0,M.jsxs)(`div`,{children:[(0,M.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:r.title}),(0,M.jsx)(`p`,{className:`mt-1 text-sm text-fg-muted`,children:r.hint})]}),(0,M.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,M.jsxs)(d,{variant:`secondary`,onClick:()=>{v(`mobile`),l(!0)},children:[(0,M.jsx)(m,{className:`size-4`}),r.addMobile]}),(0,M.jsxs)(d,{variant:`primary`,onClick:()=>{v(`browser`),l(!0)},children:[(0,M.jsx)(p,{className:`size-4`}),r.addBrowser]})]})]}),D?(0,M.jsx)(`p`,{role:`alert`,className:`mt-3 text-sm text-danger`,children:r.revokeFailed}):null,(0,M.jsx)(`div`,{className:`mt-5 divide-y divide-edge-subtle`,children:o.isLoading?(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(f,{className:`h-16`}),(0,M.jsx)(f,{className:`h-16`})]}):j.length===0?(0,M.jsx)(`p`,{className:`text-sm text-fg-muted`,children:r.empty}):j.map(e=>(0,M.jsxs)(`div`,{className:`flex items-center justify-between gap-3 py-4`,children:[(0,M.jsxs)(`div`,{className:`flex min-w-0 items-center gap-3`,children:[(0,M.jsx)(`span`,{className:`flex size-9 shrink-0 items-center justify-center rounded-lg bg-surface-subtle text-fg-muted`,children:e.platform===`chrome`?(0,M.jsx)(p,{className:`size-4`}):(0,M.jsx)(m,{className:`size-4`})}),(0,M.jsxs)(`div`,{className:`min-w-0`,children:[(0,M.jsx)(`p`,{className:`truncate text-sm font-medium text-fg`,children:e.displayName}),(0,M.jsxs)(`p`,{className:`mt-1 text-xs text-fg-muted`,children:[e.platform===`chrome`?r.browserTitle:r.mobileTitle,` · `,r.lastSeen,`: `,e.lastSeenAt?new Intl.DateTimeFormat(n,{dateStyle:`medium`,timeStyle:`short`}).format(e.lastSeenAt):r.never]})]})]}),(0,M.jsxs)(d,{variant:`ghost`,onClick:()=>C(e),children:[(0,M.jsx)(g,{className:`size-4`}),r.revoke]})]},e.id))}),(0,M.jsx)(S,{open:c,onOpenChange:l,onPaired:k,targetKind:h}),(0,M.jsx)(_,{open:!!y,title:r.revokeTitle,description:r.revokeDescription.replace(`{{name}}`,y?.displayName??``),confirmLabel:T?r.revoking:r.revoke,cancelLabel:r.cancel,destructive:!0,onConfirm:()=>void A(),onCancel:()=>{T||C(void 0)}})]})}var P=5e3;function F(e){return e===`online`||e===`succeeded`?`bg-success-soft text-success`:e===`running`?`bg-accent-soft text-accent-fg`:e===`failed`||e===`revoked`?`bg-danger-soft text-danger`:`bg-surface-hover text-fg-muted`}function I(e){let t=(0,T.c)(5),{status:n,label:r}=e,i;t[0]===n?i=t[1]:(i=l(`rounded-full px-2 py-0.5 text-xs font-medium`,F(n)),t[0]=n,t[1]=i);let a;return t[2]!==r||t[3]!==i?(a=(0,M.jsx)(`span`,{className:i,children:r}),t[2]=r,t[3]=i,t[4]=a):a=t[4],a}function L(){let e=s(e=>e.language),t=a(e).endpointToolsSettings,n=u(D(),k,{refreshInterval:P}),r=u(O(),A,{refreshInterval:P}),[i,o]=(0,w.useState)(),[c,l]=(0,w.useState)(!1),[f,p]=(0,w.useState)(!1),m=(0,w.useMemo)(()=>new Intl.DateTimeFormat(e===`zh`?`zh-CN`:`en`,{dateStyle:`medium`,timeStyle:`short`}),[e]);if(n.isLoading&&!n.data||r.isLoading&&!r.data)return(0,M.jsx)(y,{children:(0,M.jsx)(C,{sections:2})});let b=n.data??[],x=r.data??[],S=b.reduce((e,t)=>e+t.endpoints.length,0),T=()=>void Promise.all([n.mutate(),r.mutate()]),E=async()=>{if(!(!i||c)){l(!0),p(!1);try{await j(i.id),o(void 0),await Promise.all([n.mutate(),r.mutate()])}catch{p(!0)}finally{l(!1)}}};return(0,M.jsxs)(y,{children:[(0,M.jsx)(v,{title:t.title,actions:(0,M.jsxs)(d,{variant:`secondary`,onClick:T,children:[(0,M.jsx)(h,{className:`size-4`,"aria-hidden":!0}),t.refresh]})}),n.error||r.error?(0,M.jsx)(`div`,{className:`rounded-xl border border-danger/30 bg-danger-soft px-4 py-3 text-sm text-danger`,children:t.loadError}):null,(0,M.jsx)(N,{}),(0,M.jsx)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:[[t.registered,b.length],[t.online,S],[t.recentCalls,x.length]].map(([e,t])=>(0,M.jsxs)(`div`,{className:`rounded-xl border border-edge bg-surface-base px-4 py-3`,children:[(0,M.jsx)(`p`,{className:`text-xs text-fg-muted`,children:e}),(0,M.jsx)(`p`,{className:`mt-1 text-2xl font-semibold text-fg`,children:t})]},String(e)))}),(0,M.jsxs)(`section`,{className:`rounded-2xl border border-edge bg-surface-base p-4`,children:[(0,M.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:t.devicesTitle}),(0,M.jsx)(`p`,{className:`mt-1 text-sm text-fg-muted`,children:t.devicesHint}),(0,M.jsxs)(`div`,{className:`mt-4 space-y-3`,children:[b.length===0?(0,M.jsx)(`p`,{className:`text-sm text-fg-muted`,children:t.noDevices}):null,b.map(e=>{let n=e.revokedAt?`revoked`:e.endpoints.length>0?`online`:`offline`;return(0,M.jsxs)(`article`,{className:`rounded-xl border border-edge-subtle bg-surface-panel p-4`,children:[(0,M.jsxs)(`div`,{className:`flex flex-wrap items-start justify-between gap-3`,children:[(0,M.jsxs)(`div`,{className:`min-w-0`,children:[(0,M.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,M.jsx)(`h3`,{className:`font-medium text-fg`,children:e.displayName}),(0,M.jsx)(I,{status:n,label:t.status[n]})]}),(0,M.jsxs)(`p`,{className:`mt-1 break-all text-xs text-fg-muted`,children:[e.kind,` · `,e.platform,` · `,e.id]}),(0,M.jsxs)(`p`,{className:`mt-1 text-xs text-fg-subtle`,children:[t.lastSeen,`: `,e.lastSeenAt?m.format(e.lastSeenAt):t.never]})]}),e.revokedAt?null:(0,M.jsxs)(d,{variant:`secondary`,className:`text-danger`,onClick:()=>{p(!1),o(e)},children:[(0,M.jsx)(g,{className:`size-4`,"aria-hidden":!0}),t.revoke]})]}),e.endpoints.map(e=>(0,M.jsxs)(`div`,{className:`mt-3 rounded-lg bg-surface-base p-3`,children:[(0,M.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2 text-xs text-fg-muted`,children:[(0,M.jsx)(`span`,{children:e.endpointId}),(0,M.jsxs)(`span`,{children:[t.status[e.availability],` · v`,e.appVersion]})]}),(0,M.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1.5`,children:e.tools.map(({descriptor:e})=>(0,M.jsxs)(`span`,{className:`rounded-md border border-edge-subtle bg-surface-panel px-2 py-1 text-xs text-fg-muted`,title:e.requiredPermissions.join(`, `)||t.noPermissions,children:[e.name,(0,M.jsxs)(`span`,{className:`ml-1 text-fg-subtle`,children:[`· `,e.requiredPermissions.join(`, `)||t.noPermissions]})]},e.name))})]},e.connectionId))]},e.id)})]})]}),(0,M.jsxs)(`section`,{className:`rounded-2xl border border-edge bg-surface-base p-4`,children:[(0,M.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:t.callsTitle}),(0,M.jsx)(`p`,{className:`mt-1 text-sm text-fg-muted`,children:t.callsHint}),(0,M.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[x.length===0?(0,M.jsx)(`p`,{className:`text-sm text-fg-muted`,children:t.noCalls}):null,x.map(e=>(0,M.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 rounded-lg border border-edge-subtle bg-surface-panel px-3 py-2.5`,children:[(0,M.jsxs)(`div`,{className:`min-w-0`,children:[(0,M.jsx)(`p`,{className:`break-all text-sm font-medium text-fg`,children:e.toolName}),(0,M.jsxs)(`p`,{className:`mt-0.5 text-xs text-fg-muted`,children:[m.format(e.startedAt),` · `,e.effect,` · `,e.endpointId]}),e.errorMessage?(0,M.jsx)(`p`,{className:`mt-1 text-xs text-danger`,children:e.errorMessage}):null]}),(0,M.jsx)(I,{status:e.status,label:t.status[e.status]})]},e.id))]})]}),(0,M.jsx)(_,{open:!!i,title:t.revokeTitle,description:`${t.revokeDescription.replace(`{{name}}`,i?.displayName??``)}${f?`\n\n${t.revokeError}`:``}`,confirmLabel:c?t.revoking:t.revoke,cancelLabel:t.cancel,destructive:!0,onConfirm:()=>void E(),onCancel:()=>{c||o(void 0)}})]})}export{L as EndpointToolsManagementSettings};