@nextclaw/ui 0.24.2 → 0.24.3

package/dist/assets/{account-panel-BxMlLXYH.js → account-panel-BRTSwNvA.js}

@@ -1 +1 @@
-import{i as e}from"./chunk-DF37yw5_.js";import{A as t,M as n}from"./utils-UBHTdG5Q.js";import{Gt as r,Wt as i,Yt as a}from"./api-Utt-xzrT.js";import{S as o}from"./mcp-marketplace-page-CifiVgFD.js";import{W as s,ft as c,nt as l,r as u}from"./app-presenter-provider-CLsFiXvV.js";import{n as d,s as f}from"./i18n-B9yXA8KO.js";import{t as p}from"./createLucideIcon-BTHK0Ot9.js";import{i as m}from"./use-viewport-layout-CUA3jQsA.js";import{a as h,n as g,o as _,r as v,t as y}from"./dialog-BFN_1DBH.js";var b=p(`LogOut`,[[`path`,{d:`M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4`,key:`1uf3rs`}],[`polyline`,{points:`16 17 21 12 16 7`,key:`1gabdz`}],[`line`,{x1:`21`,x2:`9`,y1:`12`,y2:`12`,key:`1uyos4`}]]),x=e(n(),1),S=t();function C({label:e,value:t}){return(0,S.jsxs)(`div`,{className:`flex items-start justify-between gap-4 py-2 text-sm`,children:[(0,S.jsx)(`span`,{className:`text-gray-500`,children:e}),(0,S.jsx)(`span`,{className:`text-right text-gray-900`,children:t?.trim()||`-`})]})}function w(e){let{email:t,username:n,role:s,canSubmitUsername:c,savingUsername:u,usernameDraft:d,onUsernameDraftChange:p,onSubmitUsername:m,onOpenDeviceList:h,onLogout:g}=e;return(0,S.jsxs)(`div`,{className:`space-y-4`,children:[(0,S.jsx)(o,{tone:`success`,title:f(`accountPanelSignedInTitle`),description:f(`accountPanelSignedInDescription`)}),(0,S.jsxs)(o,{tone:`neutral`,children:[(0,S.jsx)(C,{label:f(`remoteAccountEmail`),value:t}),(0,S.jsx)(C,{label:f(`remoteAccountUsername`),value:n}),(0,S.jsx)(C,{label:f(`remoteAccountRole`),value:s})]}),n?(0,S.jsx)(`p`,{className:`text-xs text-gray-500`,children:f(`remoteAccountUsernameLockedHelp`)}):(0,S.jsxs)(o,{tone:`warning`,title:f(`remoteAccountUsernameRequiredTitle`),description:f(`remoteAccountUsernameRequiredDescription`),children:[(0,S.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,S.jsx)(i,{htmlFor:`account-panel-username`,children:f(`remoteAccountUsername`)}),(0,S.jsx)(r,{id:`account-panel-username`,value:d,onChange:e=>p(e.target.value),placeholder:f(`remoteAccountUsernamePlaceholder`),autoCapitalize:`none`,autoCorrect:`off`,spellCheck:!1})]}),(0,S.jsx)(`div`,{className:`mt-4 flex flex-wrap gap-3`,children:(0,S.jsx)(a,{disabled:!c,onClick:()=>void m(),children:f(u?`remoteAccountUsernameSaving`:`remoteAccountUsernameSave`)})})]}),(0,S.jsxs)(`div`,{className:`flex flex-wrap gap-3`,children:[(0,S.jsxs)(a,{onClick:()=>void h(),children:[(0,S.jsx)(l,{className:`mr-2 h-4 w-4`}),f(`remoteOpenDeviceList`)]}),(0,S.jsxs)(a,{variant:`outline`,onClick:()=>void g(),children:[(0,S.jsx)(b,{className:`mr-2 h-4 w-4`}),f(`remoteLogout`)]})]})]})}function T(e){let{authSessionId:t,authExpiresAt:n,authStatusMessage:r,authVerificationUri:i,onStartBrowserSignIn:s,onResumeBrowserSignIn:c}=e;return(0,S.jsxs)(`div`,{className:`space-y-4`,children:[(0,S.jsx)(o,{tone:`neutral`,title:f(`accountPanelSignedOutTitle`),description:f(`accountPanelSignedOutDescription`),children:t?(0,S.jsxs)(`div`,{className:`mt-3 border-t border-white/80 pt-3`,children:[(0,S.jsx)(C,{label:f(`remoteBrowserAuthSession`),value:t}),(0,S.jsx)(C,{label:f(`remoteBrowserAuthExpiresAt`),value:n?d(n):`-`})]}):null}),r?(0,S.jsx)(`p`,{className:`text-sm text-gray-600`,children:r}):null,(0,S.jsxs)(`div`,{className:`flex flex-wrap gap-3`,children:[(0,S.jsx)(a,{onClick:()=>void s(),children:f(t?`remoteBrowserAuthActionRetry`:`remoteBrowserAuthAction`)}),i?(0,S.jsx)(a,{variant:`outline`,onClick:()=>void c(),children:f(`remoteBrowserAuthResume`)}):null]})]})}function E(){let e=u(),t=c(),n=s(e=>e.panelOpen),r=s(e=>e.authSessionId),i=s(e=>e.authVerificationUri),a=s(e=>e.authExpiresAt),o=s(e=>e.authStatusMessage),l=t.data,[d,p]=(0,x.useState)(``),[b,C]=(0,x.useState)(!1);(0,x.useEffect)(()=>{e.accountManager.syncRemoteStatus(l)},[e,l]);let E=!b&&d.trim().length>0&&!l?.account.username;return(0,S.jsx)(y,{open:n,onOpenChange:t=>t?e.accountManager.openAccountPanel():e.accountManager.closeAccountPanel(),children:(0,S.jsxs)(g,{className:`max-w-xl`,children:[(0,S.jsxs)(h,{children:[(0,S.jsxs)(_,{className:`flex items-center gap-2`,children:[(0,S.jsx)(m,{className:`h-5 w-5 text-primary`}),f(`accountPanelTitle`)]}),(0,S.jsx)(v,{children:f(`accountPanelDescription`)})]}),l?.account.loggedIn?(0,S.jsx)(w,{email:l.account.email,username:l.account.username,role:l.account.role,canSubmitUsername:E,savingUsername:b,usernameDraft:d,onUsernameDraftChange:p,onSubmitUsername:async()=>{C(!0);try{await e.accountManager.updateUsername(d)}finally{C(!1)}},onOpenDeviceList:()=>e.accountManager.openNextClawWeb(`/account`),onLogout:()=>e.accountManager.logout()}):(0,S.jsx)(T,{authSessionId:r,authExpiresAt:a,authStatusMessage:o,authVerificationUri:i,onStartBrowserSignIn:()=>e.accountManager.startBrowserSignIn(),onResumeBrowserSignIn:()=>e.accountManager.resumeBrowserSignIn()})]})})}export{E as AccountPanel};
+import{i as e}from"./chunk-DF37yw5_.js";import{A as t,M as n}from"./utils-CBZPzC_b.js";import{Gt as r,Wt as i,Yt as a}from"./api-BnUzdltV.js";import{S as o}from"./mcp-marketplace-page-CWjJGp_D.js";import{H as s,et as c,r as l,ut as u}from"./app-presenter-provider-CBt-lyr_.js";import{n as d,s as f}from"./i18n-CKvm9zyk.js";import{t as p}from"./createLucideIcon-BNKf0_kc.js";import{i as m}from"./use-viewport-layout-BS18drMT.js";import{a as h,n as g,o as _,r as v,t as y}from"./dialog-Xe73hpQz.js";var b=p(`LogOut`,[[`path`,{d:`M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4`,key:`1uf3rs`}],[`polyline`,{points:`16 17 21 12 16 7`,key:`1gabdz`}],[`line`,{x1:`21`,x2:`9`,y1:`12`,y2:`12`,key:`1uyos4`}]]),x=e(n(),1),S=t();function C({label:e,value:t}){return(0,S.jsxs)(`div`,{className:`flex items-start justify-between gap-4 py-2 text-sm`,children:[(0,S.jsx)(`span`,{className:`text-gray-500`,children:e}),(0,S.jsx)(`span`,{className:`text-right text-gray-900`,children:t?.trim()||`-`})]})}function w(e){let{email:t,username:n,role:s,canSubmitUsername:l,savingUsername:u,usernameDraft:d,onUsernameDraftChange:p,onSubmitUsername:m,onOpenDeviceList:h,onLogout:g}=e;return(0,S.jsxs)(`div`,{className:`space-y-4`,children:[(0,S.jsx)(o,{tone:`success`,title:f(`accountPanelSignedInTitle`),description:f(`accountPanelSignedInDescription`)}),(0,S.jsxs)(o,{tone:`neutral`,children:[(0,S.jsx)(C,{label:f(`remoteAccountEmail`),value:t}),(0,S.jsx)(C,{label:f(`remoteAccountUsername`),value:n}),(0,S.jsx)(C,{label:f(`remoteAccountRole`),value:s})]}),n?(0,S.jsx)(`p`,{className:`text-xs text-gray-500`,children:f(`remoteAccountUsernameLockedHelp`)}):(0,S.jsxs)(o,{tone:`warning`,title:f(`remoteAccountUsernameRequiredTitle`),description:f(`remoteAccountUsernameRequiredDescription`),children:[(0,S.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,S.jsx)(i,{htmlFor:`account-panel-username`,children:f(`remoteAccountUsername`)}),(0,S.jsx)(r,{id:`account-panel-username`,value:d,onChange:e=>p(e.target.value),placeholder:f(`remoteAccountUsernamePlaceholder`),autoCapitalize:`none`,autoCorrect:`off`,spellCheck:!1})]}),(0,S.jsx)(`div`,{className:`mt-4 flex flex-wrap gap-3`,children:(0,S.jsx)(a,{disabled:!l,onClick:()=>void m(),children:f(u?`remoteAccountUsernameSaving`:`remoteAccountUsernameSave`)})})]}),(0,S.jsxs)(`div`,{className:`flex flex-wrap gap-3`,children:[(0,S.jsxs)(a,{onClick:()=>void h(),children:[(0,S.jsx)(c,{className:`mr-2 h-4 w-4`}),f(`remoteOpenDeviceList`)]}),(0,S.jsxs)(a,{variant:`outline`,onClick:()=>void g(),children:[(0,S.jsx)(b,{className:`mr-2 h-4 w-4`}),f(`remoteLogout`)]})]})]})}function T(e){let{authSessionId:t,authExpiresAt:n,authStatusMessage:r,authVerificationUri:i,onStartBrowserSignIn:s,onResumeBrowserSignIn:c}=e;return(0,S.jsxs)(`div`,{className:`space-y-4`,children:[(0,S.jsx)(o,{tone:`neutral`,title:f(`accountPanelSignedOutTitle`),description:f(`accountPanelSignedOutDescription`),children:t?(0,S.jsxs)(`div`,{className:`mt-3 border-t border-white/80 pt-3`,children:[(0,S.jsx)(C,{label:f(`remoteBrowserAuthSession`),value:t}),(0,S.jsx)(C,{label:f(`remoteBrowserAuthExpiresAt`),value:n?d(n):`-`})]}):null}),r?(0,S.jsx)(`p`,{className:`text-sm text-gray-600`,children:r}):null,(0,S.jsxs)(`div`,{className:`flex flex-wrap gap-3`,children:[(0,S.jsx)(a,{onClick:()=>void s(),children:f(t?`remoteBrowserAuthActionRetry`:`remoteBrowserAuthAction`)}),i?(0,S.jsx)(a,{variant:`outline`,onClick:()=>void c(),children:f(`remoteBrowserAuthResume`)}):null]})]})}function E(){let e=l(),t=u(),n=s(e=>e.panelOpen),r=s(e=>e.authSessionId),i=s(e=>e.authVerificationUri),a=s(e=>e.authExpiresAt),o=s(e=>e.authStatusMessage),c=t.data,[d,p]=(0,x.useState)(``),[b,C]=(0,x.useState)(!1);(0,x.useEffect)(()=>{e.accountManager.syncRemoteStatus(c)},[e,c]);let E=!b&&d.trim().length>0&&!c?.account.username;return(0,S.jsx)(y,{open:n,onOpenChange:t=>t?e.accountManager.openAccountPanel():e.accountManager.closeAccountPanel(),children:(0,S.jsxs)(g,{className:`max-w-xl`,children:[(0,S.jsxs)(h,{children:[(0,S.jsxs)(_,{className:`flex items-center gap-2`,children:[(0,S.jsx)(m,{className:`h-5 w-5 text-primary`}),f(`accountPanelTitle`)]}),(0,S.jsx)(v,{children:f(`accountPanelDescription`)})]}),c?.account.loggedIn?(0,S.jsx)(w,{email:c.account.email,username:c.account.username,role:c.account.role,canSubmitUsername:E,savingUsername:b,usernameDraft:d,onUsernameDraftChange:p,onSubmitUsername:async()=>{C(!0);try{await e.accountManager.updateUsername(d)}finally{C(!1)}},onOpenDeviceList:()=>e.accountManager.openNextClawWeb(`/account`),onLogout:()=>e.accountManager.logout()}):(0,S.jsx)(T,{authSessionId:r,authExpiresAt:a,authStatusMessage:o,authVerificationUri:i,onStartBrowserSignIn:()=>e.accountManager.startBrowserSignIn(),onResumeBrowserSignIn:()=>e.accountManager.resumeBrowserSignIn()})]})})}export{E as AccountPanel};