@undefineds.co/xpod 0.4.18 → 0.4.20

package/node_modules/@undefineds.co/shared-ui/dist/auth-surface.js

@@ -86,16 +86,16 @@ export function AuthSurface({ mode, title, children, presentation = 'standard',
     const bodyClassName = isCompact
         ? 'flex min-h-0 flex-1 flex-col overflow-y-auto'
         : 'max-h-[min(80vh,48rem)] overflow-y-auto';
-    const surfaceContent = (_jsxs(_Fragment, { children: [isCompact ? (_jsxs(_Fragment, { children: [_jsx("h1", { id: titleId, className: "sr-only", children: title }), mode === 'modal' && onClose && closeLabel ? (_jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: onClose, "aria-label": closeLabel, className: "absolute right-2 top-2 z-[var(--layer-sticky)]", children: _jsx("span", { "aria-hidden": "true", children: "\u00D7" }) })) : null] })) : (_jsxs("div", { className: "flex items-start justify-between gap-4 border-b border-border/60 p-4", children: [_jsx("h1", { id: titleId, className: "text-lg font-semibold text-foreground", children: title }), mode === 'modal' && onClose && closeLabel ? (_jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: onClose, "aria-label": closeLabel, children: _jsx("span", { "aria-hidden": "true", children: "\u00D7" }) })) : null] })), lead ? (_jsx("div", { "data-testid": "auth-surface-lead", className: cn(isCompact
+    const surfaceContent = (_jsxs(_Fragment, { children: [isCompact ? (_jsxs(_Fragment, { children: [_jsx("h1", { id: titleId, className: "sr-only", children: title }), mode === 'modal' && onClose && closeLabel ? (_jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: onClose, "aria-label": closeLabel, className: "absolute right-2 top-2 z-10", children: _jsx("span", { "aria-hidden": "true", children: "\u00D7" }) })) : null] })) : (_jsxs("div", { className: "flex items-start justify-between gap-4 border-b border-border/60 p-4", children: [_jsx("h1", { id: titleId, className: "text-lg font-semibold text-foreground", children: title }), mode === 'modal' && onClose && closeLabel ? (_jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: onClose, "aria-label": closeLabel, children: _jsx("span", { "aria-hidden": "true", children: "\u00D7" }) })) : null] })), lead ? (_jsx("div", { "data-testid": "auth-surface-lead", className: cn(isCompact
                     ? 'shrink-0 px-5 pt-7 has-[[data-presentation=compact]]:pt-5'
                     : 'border-b border-border/60 p-4'), children: lead })) : null, _jsx(AuthSurfaceBody, { className: cn(bodyClassName, contentClassName), children: children })] }));
     return (_jsx("div", { "data-testid": `auth-surface-${mode}`, "data-auth-surface-mode": mode, "data-auth-surface-presentation": isCompact ? 'compact' : undefined, "data-auth-surface-host": isWindowHost ? 'window' : undefined, className: cn(isWindowHost
-            ? 'fixed inset-0 z-[var(--layer-modal)] flex items-stretch justify-stretch overflow-hidden bg-card p-0'
+            ? 'fixed inset-0 z-50 flex items-stretch justify-stretch overflow-hidden bg-card p-0'
             : mode === 'modal'
-                ? cn('fixed inset-0 z-[var(--layer-modal)] flex items-center justify-center p-4', 
-                // §5.1：compact 用主题画布铺满，不铺遮罩
-                'bg-background')
+                ? cn('fixed inset-0 z-50 flex items-center justify-center p-4', isCompact ? 'bg-black/50' : 'bg-background')
                 : mode === 'page'
                     ? 'flex min-h-[100dvh] w-full items-center justify-center bg-background p-4'
-                    : 'flex min-h-0 w-full items-center justify-center p-4', className), children: isWindowHost ? (_jsx("div", { ref: surfaceRef, ...dialogProps, "data-auth-surface-frame": "window", tabIndex: -1, className: "relative flex h-full min-h-0 w-full flex-col overflow-hidden bg-card text-card-foreground focus:outline-none", children: surfaceContent })) : isCompact ? (_jsx("div", { ref: surfaceRef, ...dialogProps, "data-auth-surface-frame": "compact", tabIndex: -1, style: { outline: 'none' }, className: "flex h-[400px] w-[280px] max-h-[calc(100dvh-2rem)] max-w-[calc(100vw-2rem)] min-w-0 flex-col overflow-y-auto overscroll-contain focus:outline-none", children: surfaceContent })) : (_jsx(Card, { ref: surfaceRef, ...dialogProps, tabIndex: -1, style: { outline: 'none' }, className: cn('relative flex min-h-0 w-full flex-col border-border bg-card text-card-foreground focus:outline-none', mode === 'embedded' ? 'max-w-none shadow-none' : 'max-w-lg'), children: surfaceContent })) }));
+                    : 'flex min-h-0 w-full items-center justify-center p-4', className), children: isWindowHost ? (_jsx("div", { ref: surfaceRef, ...dialogProps, "data-auth-surface-frame": "window", tabIndex: -1, className: "relative flex h-full min-h-0 w-full flex-col overflow-hidden bg-card text-card-foreground focus:outline-none", children: surfaceContent })) : (_jsx(Card, { ref: surfaceRef, ...dialogProps, tabIndex: -1, style: { outline: 'none' }, className: cn('relative flex min-h-0 w-full flex-col border-border bg-card text-card-foreground focus:outline-none', isCompact
+                ? 'h-[400px] w-[280px] max-h-[calc(100dvh-2rem)] max-w-[calc(100vw-2rem)] overflow-hidden rounded-xl border-border/50 shadow-lg shadow-black/5'
+                : mode === 'embedded' ? 'max-w-none shadow-none' : 'max-w-lg'), children: surfaceContent })) }));
 }

package/node_modules/@undefineds.co/shared-ui/dist/dialog.js

@@ -8,13 +8,13 @@ const Dialog = DialogPrimitive.Root;
 const DialogTrigger = DialogPrimitive.Trigger;
 const DialogPortal = DialogPrimitive.Portal;
 const DialogClose = DialogPrimitive.Close;
-const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, className: cn("fixed inset-0 z-[var(--layer-backdrop)] xpod-overlay-scrim", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props })));
+const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, className: cn("fixed inset-0 z-50 bg-black/40", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props })));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 const DialogContent = React.forwardRef(({ className, children, variant = "center", ...props }, ref) => (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn(variant === "sheet-left"
-                ? "fixed inset-y-0 left-0 z-[var(--layer-modal)] flex h-dvh w-[min(88vw,320px)] flex-col border-r bg-background p-0 shadow-[16px_0_30px_rgba(15,23,42,0.08)] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:slide-out-to-left-full data-[state=open]:slide-in-from-left-full rounded-none"
+                ? "fixed inset-y-0 left-0 z-50 flex h-dvh w-[min(88vw,320px)] flex-col border-r bg-background p-0 shadow-[16px_0_30px_rgba(15,23,42,0.08)] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:slide-out-to-left-full data-[state=open]:slide-in-from-left-full rounded-none"
                 : variant === "sheet-right"
-                    ? "fixed inset-y-0 right-0 z-[var(--layer-modal)] flex h-dvh w-full max-w-4xl flex-col border-l bg-background p-0 shadow-[-16px_0_30px_rgba(15,23,42,0.08)] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-right-full rounded-none"
-                    : "fixed left-[50%] top-[50%] z-[var(--layer-modal)] grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg", className), ...props, children: [children, _jsxs(DialogPrimitive.Close, { className: cn("absolute right-4 top-4 rounded-xl opacity-70 transition-all hover:opacity-100 hover:bg-muted/50 p-1 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", interactiveFocusClass), children: [_jsx(X, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] })] })));
+                    ? "fixed inset-y-0 right-0 z-50 flex h-dvh w-full max-w-4xl flex-col border-l bg-background p-0 shadow-[-16px_0_30px_rgba(15,23,42,0.08)] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-right-full rounded-none"
+                    : "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg", className), ...props, children: [children, _jsxs(DialogPrimitive.Close, { className: cn("absolute right-4 top-4 rounded-xl opacity-70 transition-all hover:opacity-100 hover:bg-muted/50 p-1 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", interactiveFocusClass), children: [_jsx(X, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] })] })));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 const DialogHeader = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props }));
 DialogHeader.displayName = "DialogHeader";

package/node_modules/@undefineds.co/shared-ui/dist/focus.d.ts

@@ -5,7 +5,7 @@
  * top of a native form focus border creates the double-frame effect that this
  * package intentionally avoids.
  */
-export declare const controlFocusClass = "focus:outline-none focus:ring-0 focus-visible:border-ring";
+export declare const controlFocusClass = "focus:outline-none focus:ring-0 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-ring";
 export declare const interactiveFocusClass = "focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring";
 /**
  * Buttons communicate keyboard focus through their existing surface instead

package/node_modules/@undefineds.co/shared-ui/dist/focus.js

@@ -5,7 +5,7 @@
  * top of a native form focus border creates the double-frame effect that this
  * package intentionally avoids.
  */
-export const controlFocusClass = 'focus:outline-none focus:ring-0 focus-visible:border-ring';
+export const controlFocusClass = 'focus:outline-none focus:ring-0 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-ring';
 export const interactiveFocusClass = 'focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring';
 /**
  * Buttons communicate keyboard focus through their existing surface instead

package/node_modules/@undefineds.co/shared-ui/dist/index.d.ts

@@ -29,3 +29,4 @@ export * from './utils';
 export * from './storage-bootstrap';
 export * from './webid-auth';
 export * from './workspace';
+export * from './pod-sign-in/index';

package/node_modules/@undefineds.co/shared-ui/dist/index.js

@@ -28,3 +28,4 @@ export * from './utils.js';
 export * from './storage-bootstrap.js';
 export * from './webid-auth.js';
 export * from './workspace.js';
+export * from './pod-sign-in/index.js';

package/node_modules/@undefineds.co/shared-ui/dist/login/LoginModal.d.ts

@@ -2,5 +2,7 @@ import type { LoginModalProps } from './types';
 /**
  * Shared login modal. The host supplies the brand and, optionally, the product
  * name that user-facing messages refer to.
+ *
+ * @deprecated Use PodSignIn inside PodSignInFrame (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
  */
 export declare function LoginModal(props: LoginModalProps): import("react").JSX.Element | null;

package/node_modules/@undefineds.co/shared-ui/dist/login/LoginModal.js

@@ -12,6 +12,8 @@ import { LocalReachabilitySummary } from './LocalReachabilitySummary.js';
 /**
  * Shared login modal. The host supplies the brand and, optionally, the product
  * name that user-facing messages refer to.
+ *
+ * @deprecated Use PodSignIn inside PodSignInFrame (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
  */
 export function LoginModal(props) {
     const { state, storageConflict, view } = props;

package/node_modules/@undefineds.co/shared-ui/dist/login/LoginView.d.ts

@@ -30,4 +30,7 @@ export interface LoginViewProps {
     overlayClassName?: string;
     cardClassName?: string;
 }
+/**
+ * @deprecated Use PodSignIn (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
+ */
 export declare function LoginView({ state, identity, error, restorable, providers, brand, host, ariaLabel, actions, authWindowStatus, connectingProvider, allowAdditionalProviders, overlayClassName, cardClassName, }: LoginViewProps): import("react").JSX.Element | null;

package/node_modules/@undefineds.co/shared-ui/dist/login/LoginView.js

@@ -6,6 +6,9 @@ const CLOSED_AUTH_WINDOW = {
     reason: 'dismissed',
     ready: false,
 };
+/**
+ * @deprecated Use PodSignIn (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
+ */
 export function LoginView({ state, identity, error = null, restorable = false, providers, brand, host = 'document', ariaLabel, actions, authWindowStatus = CLOSED_AUTH_WINDOW, connectingProvider = null, allowAdditionalProviders = false, overlayClassName, cardClassName, }) {
     if (state === 'authenticated')
         return null;

package/node_modules/@undefineds.co/shared-ui/dist/login.d.ts

@@ -20,11 +20,17 @@ export declare function LoginAvatar({ name, avatarUrl, size, marker, }: {
     size?: 'md' | 'lg';
     marker?: ReactNode;
 }): import("react").JSX.Element;
+/**
+ * @deprecated Use PodSignIn (state `restoring`) (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
+ */
 export declare function LoginRestoringView({ accountName, avatarUrl, label, }: {
     accountName?: string;
     avatarUrl?: string;
     label?: string;
 }): import("react").JSX.Element;
+/**
+ * @deprecated Use PodSignIn (`busy` on the primary action) (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
+ */
 export declare function LoginConnectingView({ title, detail, providerLabel, providerHost, onCancel, cancelLabel, }: {
     title?: string;
     detail?: string;
@@ -33,6 +39,9 @@ export declare function LoginConnectingView({ title, detail, providerLabel, prov
     onCancel?: () => void;
     cancelLabel?: string;
 }): import("react").JSX.Element;
+/**
+ * @deprecated Use PodSignIn (states `remembered` / `expired`) (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
+ */
 export declare function LoginAccountView({ name, avatarUrl, bindingLabel, expired, expiredTitle, expiredDescription, enterLabel, switchLabel, error, onDismissError, dismissErrorLabel, onEnter, onSwitchAccount, onReauthenticate, }: {
     name: string;
     avatarUrl?: string;
@@ -93,6 +102,9 @@ export interface RememberedLoginViewCopy {
     connectingDetail: string;
     cancelLabel: string;
 }
+/**
+ * @deprecated Use PodSignIn (states `remembered` / `expired`) (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
+ */
 export declare function RememberedLoginView({ state, copy, onContinue, onReauthenticate, onSwitchAccount, onCancel, onDismissError, }: {
     state: SessionLoginPresentationState;
     copy: RememberedLoginViewCopy;
@@ -102,6 +114,9 @@ export declare function RememberedLoginView({ state, copy, onContinue, onReauthe
     onCancel?: () => void;
     onDismissError?: () => void;
 }): import("react").JSX.Element | null;
+/**
+ * @deprecated Use PodSignIn with a `notice` (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
+ */
 export declare function LoginFailureView({ title, description, primaryLabel, onPrimary, secondaryLabel, onSecondary, }: {
     title?: string;
     description?: string | null;

package/node_modules/@undefineds.co/shared-ui/dist/login.js

@@ -32,7 +32,7 @@ export function LoginCardShell({ children, ariaLabel, overlayClassName, cardClas
     const baseCardClassName = cardSize === 'auto'
         ? 'w-compact-modal warm-card overflow-hidden rounded-xl flex flex-col'
         : 'w-compact-modal h-compact-modal warm-card overflow-hidden rounded-xl flex flex-col';
-    return (_jsx("div", { "data-testid": surfaceTestId, "data-auth-surface-host": surfaceHost, className: cn('fixed inset-0 z-[var(--layer-backdrop)] flex items-center justify-center xpod-overlay-scrim', overlayClassName), children: _jsx("div", { role: "dialog", "aria-modal": "true", "aria-label": ariaLabel, "data-login-card-size": cardSize, className: cn(baseCardClassName, cardClassName), children: children }) }));
+    return (_jsx("div", { "data-testid": surfaceTestId, "data-auth-surface-host": surfaceHost, className: cn('fixed inset-0 z-[999] flex items-center justify-center bg-black/50', overlayClassName), children: _jsx("div", { role: "dialog", "aria-modal": "true", "aria-label": ariaLabel, "data-login-card-size": cardSize, className: cn(baseCardClassName, cardClassName), children: children }) }));
 }
 export function LoginErrorBanner({ error, onDismiss, dismissLabel, }) {
     if (!error)
@@ -44,22 +44,34 @@ export function LoginAvatar({ name, avatarUrl, size = 'lg', marker, }) {
     const sizeClassName = size === 'lg' ? 'h-16 w-16 text-xl' : 'h-10 w-10 text-sm';
     return (_jsxs("div", { className: "relative shrink-0", children: [avatarUrl ? (_jsx("img", { src: avatarUrl, alt: name, className: cn(sizeClassName, 'rounded-[18%] border border-border/50 object-cover shadow-sm') })) : (_jsx("div", { "aria-hidden": "true", className: cn(sizeClassName, 'flex items-center justify-center rounded-[18%] bg-primary/10 font-semibold text-primary shadow-sm'), children: name.slice(0, 1).toUpperCase() })), marker ? (_jsx("div", { className: "absolute -bottom-1 -right-1", children: marker })) : null] }));
 }
+/**
+ * @deprecated Use PodSignIn (state `restoring`) (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
+ */
 export function LoginRestoringView({ accountName, avatarUrl, label, }) {
     const visibleLabel = legacyLoginLabel(label, LEGACY_LOGIN_RESTORING_DEFAULT_COPY.label);
     return (_jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-4 p-6", role: "status", children: [accountName ? (_jsxs(_Fragment, { children: [_jsx(LoginAvatar, { name: accountName, avatarUrl: avatarUrl, size: "lg" }), _jsx("p", { className: "text-sm font-medium text-foreground", children: accountName })] })) : null, _jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground", "aria-hidden": "true" }), _jsx("p", { className: "text-xs text-muted-foreground", children: visibleLabel })] }));
 }
+/**
+ * @deprecated Use PodSignIn (`busy` on the primary action) (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
+ */
 export function LoginConnectingView({ title, detail, providerLabel, providerHost, onCancel, cancelLabel, }) {
     const visibleTitle = legacyLoginLabel(title, LEGACY_LOGIN_CONNECTING_DEFAULT_COPY.title);
     const visibleDetail = legacyLoginLabel(detail, LEGACY_LOGIN_CONNECTING_DEFAULT_COPY.detail);
     const visibleCancelLabel = legacyLoginLabel(cancelLabel, LEGACY_LOGIN_CONNECTING_DEFAULT_COPY.cancelLabel);
     return (_jsxs("div", { className: "flex h-full flex-1 flex-col", children: [_jsxs("div", { className: "flex flex-1 flex-col items-center justify-center px-6 py-8 text-center", role: "status", children: [_jsx(Loader2, { className: "mb-4 h-8 w-8 animate-spin text-primary", "aria-hidden": "true" }), _jsx("p", { className: "text-sm font-medium text-foreground", children: visibleTitle }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: visibleDetail }), providerLabel || providerHost ? (_jsxs("div", { className: "mt-4 w-full max-w-[18rem] rounded-lg border border-border/60 bg-muted/30 px-3 py-2", children: [providerLabel ? (_jsx("p", { className: "truncate text-xs font-medium text-foreground", children: providerLabel })) : null, providerHost ? (_jsx("p", { className: "mt-0.5 truncate text-[11px] text-muted-foreground", children: providerHost })) : null] })) : null] }), onCancel ? (_jsx("div", { className: "shrink-0 px-5 pb-5", children: _jsx("button", { type: "button", onClick: onCancel, className: cn('h-9 w-full cursor-pointer rounded-md text-xs text-muted-foreground transition-colors hover:bg-muted/40 hover:text-foreground', interactiveFocusClass), children: visibleCancelLabel }) })) : null] }));
 }
+/**
+ * @deprecated Use PodSignIn (states `remembered` / `expired`) (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
+ */
 export function LoginAccountView({ name, avatarUrl, bindingLabel, expired = false, expiredTitle, expiredDescription, enterLabel, switchLabel, error, onDismissError, dismissErrorLabel, onEnter, onSwitchAccount, onReauthenticate, }) {
     const visibleExpiredTitle = legacyLoginLabel(expiredTitle, LEGACY_LOGIN_ACCOUNT_DEFAULT_COPY.expiredTitle);
     const visibleEnterLabel = legacyLoginLabel(enterLabel, LEGACY_LOGIN_ACCOUNT_DEFAULT_COPY.enterLabel);
     const visibleSwitchLabel = legacyLoginLabel(switchLabel, LEGACY_LOGIN_ACCOUNT_DEFAULT_COPY.switchLabel);
     return (_jsxs("div", { className: "flex h-full flex-1 flex-col", children: [_jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-4 px-5 py-8", children: [expired ? (_jsxs("div", { className: "inline-flex items-center gap-1.5 rounded-full border border-primary/20 bg-primary/5 px-2.5 py-1 text-[11px] font-medium text-primary", children: [_jsx(AlertCircle, { className: "h-3.5 w-3.5", "aria-hidden": "true" }), visibleExpiredTitle] })) : null, _jsx(LoginAvatar, { name: name, avatarUrl: avatarUrl, size: "lg" }), _jsxs("div", { className: "space-y-1 text-center", children: [_jsx("p", { className: "text-base font-semibold text-foreground", children: name }), bindingLabel ? _jsx("p", { className: "text-xs text-muted-foreground", children: bindingLabel }) : null] }), expired && expiredDescription ? (_jsx("p", { className: "max-w-[18rem] text-center text-xs leading-5 text-muted-foreground", children: expiredDescription })) : null] }), !expired ? (_jsx(LoginErrorBanner, { error: error, onDismiss: onDismissError, dismissLabel: dismissErrorLabel })) : null, _jsxs("div", { className: "shrink-0 space-y-2 px-5 pb-5 pt-2", children: [_jsx("button", { type: "button", onClick: expired && onReauthenticate ? onReauthenticate : onEnter, className: cn('h-10 w-full cursor-pointer rounded-xl bg-primary text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90 focus-visible:bg-primary/80', buttonFocusClass), children: visibleEnterLabel }), onSwitchAccount ? (_jsx("button", { type: "button", onClick: onSwitchAccount, className: cn('h-9 w-full cursor-pointer rounded-lg text-xs text-muted-foreground transition-colors hover:bg-muted/40 hover:text-foreground focus-visible:bg-muted/40 focus-visible:text-foreground', buttonFocusClass), children: visibleSwitchLabel })) : null] })] }));
 }
+/**
+ * @deprecated Use PodSignIn (states `remembered` / `expired`) (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
+ */
 export function RememberedLoginView({ state, copy, onContinue, onReauthenticate, onSwitchAccount, onCancel, onDismissError, }) {
     if (state.status === 'authenticated')
         return null;
@@ -78,6 +90,9 @@ export function RememberedLoginView({ state, copy, onContinue, onReauthenticate,
             ? copy.continueLabel(remembered.displayName)
             : copy.reauthenticateLabel(remembered.displayName), switchLabel: copy.switchAccountLabel, error: state.status === 'error' && !expired ? state.message : undefined, onDismissError: onDismissError, onEnter: canContinue ? onContinue : onReauthenticate, onSwitchAccount: onSwitchAccount }));
 }
+/**
+ * @deprecated Use PodSignIn with a `notice` (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
+ */
 export function LoginFailureView({ title, description, primaryLabel, onPrimary, secondaryLabel, onSecondary, }) {
     const visibleTitle = legacyLoginLabel(title, LEGACY_LOGIN_FAILURE_DEFAULT_COPY.title);
     const visiblePrimaryLabel = legacyLoginLabel(primaryLabel, LEGACY_LOGIN_FAILURE_DEFAULT_COPY.primaryLabel);

package/node_modules/@undefineds.co/shared-ui/dist/pod-sign-in/AccountSections.d.ts

@@ -0,0 +1,141 @@
+import { type ReactNode } from 'react';
+import { type DeviceSummary } from './account-parts';
+import { type PodSignInCopy, type PodSignInLocale } from './copy';
+import { type NetworkPanelProps } from './NetworkPanel';
+import type { AppIdentity, StorageLocation } from './types';
+interface LocalizedProps {
+    locale?: PodSignInLocale;
+    copy?: Partial<PodSignInCopy>;
+}
+export interface WebIdEntry {
+    id: string;
+    displayName: string;
+    /** WebID URL; shown in monospace. */
+    webId: string;
+    avatarUrl?: string;
+    /** Omitted when the host cannot classify the storage location; never guessed. */
+    storage?: StorageLocation;
+    /** The Pod URL this WebID's data lives in; omitted when the host does not know it. */
+    podUrl?: string;
+    /** The device holding this WebID's Pod. */
+    deviceId?: string;
+    deviceName?: string;
+    authorizedAppCount?: number;
+    /** True when the host can delete this WebID's Pod; only then is the action offered. */
+    removable?: boolean;
+}
+/** A Pod the host knows about but cannot associate with any WebID. */
+export interface UnlinkedPodEntry {
+    id: string;
+    /** Storage URL of the Pod; shown in monospace. Never a WebID. */
+    storageUrl: string;
+    displayName: string;
+    /** Omitted when the host cannot classify the storage location; never guessed. */
+    storage?: StorageLocation;
+    /** True when the host can delete this Pod; only then is the action offered. */
+    removable?: boolean;
+}
+export interface CreateWebIdFormProps extends LocalizedProps {
+    name: string;
+    onNameChange(name: string): void;
+    /** Preview of the WebID address for the typed name. */
+    addressPreview?: string;
+    nameHint?: {
+        tone: 'ok' | 'error';
+        text: string;
+    };
+    devices: DeviceSummary[];
+    selectedDeviceId: string;
+    onSelectDevice(deviceId: string): void;
+    /** Opens the shared "add device" dialog (owned by the host). */
+    onAddDevice(): void;
+    /** True while the Pod is being created. */
+    creating?: boolean;
+    /** True while Xpod on the selected device is being started. */
+    starting?: boolean;
+    /** Required for a device whose Xpod is stopped: it is started before anything is created. */
+    onStartDevice?(deviceId: string): void;
+    onSubmit(): void;
+    onCancel?(): void;
+}
+/**
+ * Two steps, like choosing a delivery address: a name, then a location shown
+ * as a summary card with "Change ›". Choosing happens in a picker dialog and
+ * involves no network settings.
+ */
+export declare function CreateWebIdForm({ name, onNameChange, addressPreview, nameHint, devices, selectedDeviceId, onSelectDevice, onAddDevice, creating, starting, onStartDevice, onSubmit, onCancel, locale, copy: overrides, }: CreateWebIdFormProps): import("react").JSX.Element;
+export interface WebIdSectionProps extends LocalizedProps {
+    webIds: WebIdEntry[];
+    /**
+     * Pods that exist but cannot be linked to any WebID. Shown as their own
+     * storage rows so real Pods never disappear just because the account has no
+     * matching identity binding. No WebID relationship is implied.
+     */
+    unlinkedPods?: UnlinkedPodEntry[];
+    /**
+     * Inline create form. Omitted by hosts that create WebIDs elsewhere (e.g. the
+     * read-only Account overview); `onCreateExternal` then provides the entry.
+     */
+    createForm?: CreateWebIdFormProps;
+    /** Open when arriving from authorization with no WebID; collapsed on a plain visit. */
+    createOpen?: boolean;
+    onCreateOpenChange?(open: boolean): void;
+    /** Shown instead of the inline form when the host creates WebIDs elsewhere. */
+    onCreateExternal?(): void;
+    /** Overrides the external-create button label; defaults to `createWebId`. */
+    createExternalLabel?: string;
+    onLinkExisting?(): void;
+    /** Jump to the device that holds a WebID's Pod. */
+    onGoToDevice?(deviceId: string): void;
+    /** Offered only for entries flagged `removable`. */
+    onRemoveStorage?(entry: WebIdEntry): void;
+    /** Overrides the remove action label; defaults to `revokeCredential` ("删除"). */
+    removeStorageLabel?: string;
+    /** Offered only for unlinked Pods flagged `removable`. */
+    onRemoveUnlinkedPod?(entry: UnlinkedPodEntry): void;
+}
+/** The identities of the account, one row per WebID with its Pod, plus the create form. */
+export declare function WebIdSection({ webIds, createOpen, onCreateOpenChange, createForm, onCreateExternal, createExternalLabel, onLinkExisting, onGoToDevice, onRemoveStorage, removeStorageLabel, unlinkedPods, onRemoveUnlinkedPod, locale, copy: overrides, }: WebIdSectionProps): import("react").JSX.Element;
+export interface DeviceSectionProps extends LocalizedProps {
+    devices: DeviceSummary[];
+    onAddDevice(): void;
+    /** The device whose network panel is expanded, if any. */
+    networkDeviceId?: string;
+    onToggleNetwork(deviceId: string): void;
+    /** Props of the panel shown under `networkDeviceId`. */
+    network?: Omit<NetworkPanelProps, 'locale' | 'copy'>;
+    /** Only offered for online devices whose Xpod is stopped, and only when the host can start it. */
+    onStartDevice?(deviceId: string): void;
+    startingDeviceId?: string;
+}
+/** Xpod Cloud and every edge device signed in to this account. Network belongs to the device. */
+export declare function DeviceSection({ devices, onAddDevice, networkDeviceId, onToggleNetwork, network, onStartDevice, startingDeviceId, locale, copy: overrides, }: DeviceSectionProps): import("react").JSX.Element;
+export interface CredentialEntry {
+    id: string;
+    label: string;
+    /** The WebID this credential acts as. */
+    webIdName: string;
+    createdLabel?: string;
+}
+export interface CredentialSectionProps extends LocalizedProps {
+    credentials: CredentialEntry[];
+    /** False when the account has no WebID yet. */
+    canCreate: boolean;
+    onCreate(): void;
+    onRevoke?(credentialId: string): void;
+}
+/** Solid client credentials: let a script or service reach a Pod as one WebID. */
+export declare function CredentialSection({ credentials, canCreate, onCreate, onRevoke, locale, copy: overrides }: CredentialSectionProps): import("react").JSX.Element;
+export interface ConsentResumeBannerProps extends LocalizedProps {
+    app: AppIdentity;
+    /** False until a Pod exists: the continue button stays disabled. */
+    podReady: boolean;
+    onContinue(): void;
+    onCancel(): void;
+    /** Replaces the default status sentence. */
+    statusText?: ReactNode;
+    pending?: boolean;
+}
+/** Top-of-page bar that leads back to authorization after managing the account. */
+export declare function ConsentResumeBanner({ app, podReady, onContinue, onCancel, statusText, pending, locale, copy: overrides, }: ConsentResumeBannerProps): import("react").JSX.Element;
+export {};

package/node_modules/@undefineds.co/shared-ui/dist/pod-sign-in/AccountSections.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useState } from 'react';
+import { ChevronRight, KeyRound, Server, UserRound } from 'lucide-react';
+import { DeviceIdentity, listRowClass, sectionClass, SectionHeader, } from './account-parts.js';
+import { formatCopy, resolvePodSignInCopy } from './copy.js';
+import { DevicePickerDialog } from './DeviceDialogs.js';
+import { NetworkPanel } from './NetworkPanel.js';
+import { ActionButton, Field, Hostname, PodAvatar, Spinner, outlineButtonClass, primaryButtonClass, textButtonClass, } from './parts.js';
+import { Input } from '../input.js';
+import { cn } from '../utils.js';
+const smallButtonClass = 'h-9 rounded-lg px-3 text-sm font-medium';
+/**
+ * Two steps, like choosing a delivery address: a name, then a location shown
+ * as a summary card with "Change ›". Choosing happens in a picker dialog and
+ * involves no network settings.
+ */
+export function CreateWebIdForm({ name, onNameChange, addressPreview, nameHint, devices, selectedDeviceId, onSelectDevice, onAddDevice, creating = false, starting = false, onStartDevice, onSubmit, onCancel, locale, copy: overrides, }) {
+    const copy = resolvePodSignInCopy(locale, overrides);
+    const [pickerOpen, setPickerOpen] = useState(false);
+    const selected = devices.find((device) => device.id === selectedDeviceId);
+    const needsStart = selected?.status === 'stopped';
+    const busy = creating || starting;
+    const trimmed = name.trim();
+    const submit = (event) => {
+        event.preventDefault();
+        if (busy || !selected)
+            return;
+        if (needsStart)
+            onStartDevice?.(selected.id);
+        else if (trimmed && nameHint?.tone !== 'error')
+            onSubmit();
+    };
+    return (_jsxs("form", { onSubmit: submit, "aria-label": copy.createWebId, "data-pod-sign-in": "create-webid", className: "flex flex-col gap-4 border-t border-border bg-muted p-4", noValidate: true, children: [_jsx(Field, { label: `1 · ${copy.createStepName}`, error: nameHint?.tone === 'error' ? nameHint.text : undefined, hint: nameHint?.tone === 'ok'
+                    ? _jsx("span", { role: "status", children: nameHint.text })
+                    : addressPreview ? _jsxs("span", { children: [_jsxs("span", { className: "sr-only", children: [copy.createNameHint, ": "] }), _jsx(Hostname, { children: addressPreview })] }) : undefined, children: (fieldProps) => (_jsx(Input, { ...fieldProps, name: "webIdName", type: "text", autoComplete: "off", autoCapitalize: "none", spellCheck: false, value: name, disabled: busy, onChange: (event) => onNameChange(event.target.value) })) }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("p", { className: "text-[13px] font-medium text-foreground", children: `2 · ${copy.createStepLocation}` }), selected ? (_jsxs("div", { className: listRowClass, "data-pod-sign-in": "selected-device", children: [_jsx(DeviceIdentity, { device: selected, copy: copy }), _jsx("button", { type: "button", className: cn(textButtonClass, 'shrink-0 text-primary hover:underline'), disabled: busy, onClick: () => setPickerOpen(true), children: copy.changeDevice })] })) : null, _jsx("p", { className: "text-[13px] text-muted-foreground", children: copy.cannotChangeLater })] }), creating ? (_jsxs("p", { role: "status", "aria-live": "polite", className: "flex items-center gap-2 text-[13px] text-muted-foreground", children: [_jsx(Spinner, {}), copy.creatingNote] })) : null, _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(ActionButton, { type: "submit", className: primaryButtonClass, busy: busy, disabled: !selected || (needsStart ? !onStartDevice : !trimmed || nameHint?.tone === 'error'), children: needsStart ? copy.startDeviceXpod : copy.createPod }), onCancel ? (_jsx(ActionButton, { variant: "outline", className: outlineButtonClass, disabled: busy, onClick: onCancel, children: copy.cancel })) : null] }), _jsx(DevicePickerDialog, { open: pickerOpen, onOpenChange: setPickerOpen, devices: devices, selectedDeviceId: selectedDeviceId, onSelect: onSelectDevice, onAddDevice: () => {
+                    setPickerOpen(false);
+                    onAddDevice();
+                }, locale: locale, copy: overrides })] }));
+}
+/** The identities of the account, one row per WebID with its Pod, plus the create form. */
+export function WebIdSection({ webIds, createOpen = false, onCreateOpenChange, createForm, onCreateExternal, createExternalLabel, onLinkExisting, onGoToDevice, onRemoveStorage, removeStorageLabel, unlinkedPods, onRemoveUnlinkedPod, locale, copy: overrides, }) {
+    const copy = resolvePodSignInCopy(locale, overrides);
+    const titleId = useId();
+    return (_jsxs("section", { "aria-labelledby": titleId, "data-pod-sign-in": "webid-section", className: sectionClass, children: [_jsx(SectionHeader, { id: titleId, icon: UserRound, title: copy.webIdSectionTitle, hint: copy.webIdSectionHint, actions: (_jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [onLinkExisting ? (_jsx(ActionButton, { variant: "ghost", className: smallButtonClass, onClick: onLinkExisting, children: copy.linkExistingWebId })) : null, createForm && !createOpen ? (_jsx(ActionButton, { variant: "outline", className: smallButtonClass, onClick: () => onCreateOpenChange?.(true), children: copy.createWebId })) : null, !createForm && onCreateExternal ? (_jsx(ActionButton, { variant: "outline", className: smallButtonClass, onClick: onCreateExternal, children: createExternalLabel ?? copy.createWebId })) : null] })) }), webIds.length === 0 ? (_jsx("p", { className: "rounded-lg border border-border bg-card px-3 py-3 text-sm text-muted-foreground", children: copy.webIdEmpty })) : (_jsx("ul", { className: "flex flex-col gap-2", children: webIds.map((entry) => (_jsxs("li", { className: listRowClass, "data-webid-id": entry.id, children: [_jsx(PodAvatar, { name: entry.displayName, avatarUrl: entry.avatarUrl, storage: entry.storage, size: 40 }), _jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("a", { className: "truncate text-sm font-medium text-primary hover:underline", href: entry.webId, target: "_blank", rel: "noopener noreferrer", children: entry.displayName }), _jsx(Hostname, { className: "truncate", children: entry.webId }), entry.podUrl ? (_jsx("a", { className: "truncate text-xs text-primary hover:underline", href: entry.podUrl, target: "_blank", rel: "noopener noreferrer", children: _jsx(Hostname, { children: entry.podUrl }) })) : null, _jsxs("span", { className: "flex flex-wrap items-center gap-x-3 text-xs text-muted-foreground", children: [entry.deviceName ? (entry.deviceId && onGoToDevice ? (_jsx("button", { type: "button", className: "rounded text-xs text-primary hover:underline", onClick: () => onGoToDevice(entry.deviceId), children: formatCopy(copy.podOnDevice, { device: entry.deviceName }) })) : _jsx("span", { children: formatCopy(copy.podOnDevice, { device: entry.deviceName }) })) : null, entry.authorizedAppCount !== undefined ? (_jsx("span", { children: formatCopy(copy.authorizedApps, { count: entry.authorizedAppCount }) })) : null] })] }), entry.removable && onRemoveStorage ? (_jsx("button", { type: "button", "aria-label": `${removeStorageLabel ?? copy.revokeCredential} ${entry.displayName}`, className: cn(textButtonClass, 'shrink-0 text-destructive hover:underline'), onClick: () => onRemoveStorage(entry), children: removeStorageLabel ?? copy.revokeCredential })) : null] }, entry.id))) })), unlinkedPods && unlinkedPods.length > 0 ? (_jsx("ul", { className: "flex flex-col gap-2", "data-pod-sign-in": "unlinked-pods", children: unlinkedPods.map((pod) => (_jsxs("li", { className: listRowClass, "data-unlinked-pod-id": pod.id, children: [_jsx(PodAvatar, { name: pod.displayName, storage: pod.storage, size: 40 }), _jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("span", { className: "truncate text-sm font-medium text-foreground", children: pod.displayName }), _jsx("a", { className: "truncate text-xs text-primary hover:underline", href: pod.storageUrl, target: "_blank", rel: "noopener noreferrer", children: _jsx(Hostname, { children: pod.storageUrl }) })] }), pod.removable && onRemoveUnlinkedPod ? (_jsx("button", { type: "button", "aria-label": `${removeStorageLabel ?? copy.revokeCredential} ${pod.displayName}`, className: cn(textButtonClass, 'shrink-0 text-destructive hover:underline'), onClick: () => onRemoveUnlinkedPod(pod), children: removeStorageLabel ?? copy.revokeCredential })) : null] }, pod.id))) })) : null, createForm && createOpen ? (_jsx(CreateWebIdForm, { ...createForm, locale: createForm.locale ?? locale, copy: createForm.copy ?? overrides, onCancel: createForm.onCancel ?? (webIds.length > 0 ? () => onCreateOpenChange?.(false) : undefined) })) : null] }));
+}
+/** Xpod Cloud and every edge device signed in to this account. Network belongs to the device. */
+export function DeviceSection({ devices, onAddDevice, networkDeviceId, onToggleNetwork, network, onStartDevice, startingDeviceId, locale, copy: overrides, }) {
+    const copy = resolvePodSignInCopy(locale, overrides);
+    const titleId = useId();
+    return (_jsxs("section", { "aria-labelledby": titleId, "data-pod-sign-in": "device-section", className: sectionClass, children: [_jsx(SectionHeader, { id: titleId, icon: Server, title: copy.deviceSectionTitle, hint: copy.deviceSectionHint, actions: _jsx(ActionButton, { variant: "outline", className: cn(smallButtonClass, 'shrink-0'), onClick: onAddDevice, children: copy.addDevice }) }), _jsx("ul", { className: "flex flex-col gap-2", children: devices.map((device) => {
+                    const expanded = device.id === networkDeviceId;
+                    const panelId = `${titleId}-network-${device.id}`;
+                    return (_jsxs("li", { className: "flex flex-col gap-2", "data-device-row": device.id, children: [_jsxs("div", { className: listRowClass, children: [_jsx(DeviceIdentity, { device: device, copy: copy }), device.kind === 'edge' ? (_jsxs("button", { type: "button", "aria-expanded": expanded, "aria-controls": expanded ? panelId : undefined, className: cn(textButtonClass, 'shrink-0 text-primary hover:underline'), onClick: () => onToggleNetwork(device.id), children: [expanded ? copy.collapseAction : device.status === 'unreachable' ? copy.fixAction : copy.networkAction, _jsx(ChevronRight, { "aria-hidden": "true", className: cn('ml-0.5 inline h-3.5 w-3.5 transition-transform', expanded && 'rotate-90') })] })) : null, device.status === 'stopped' && onStartDevice ? (_jsx(ActionButton, { variant: "outline", className: cn(smallButtonClass, 'shrink-0'), busy: startingDeviceId === device.id, onClick: () => onStartDevice(device.id), children: copy.startAction })) : null] }), expanded && network ? (_jsx("div", { id: panelId, children: _jsx(NetworkPanel, { ...network, locale: locale, copy: overrides }) })) : null] }, device.id));
+                }) })] }));
+}
+/** Solid client credentials: let a script or service reach a Pod as one WebID. */
+export function CredentialSection({ credentials, canCreate, onCreate, onRevoke, locale, copy: overrides }) {
+    const copy = resolvePodSignInCopy(locale, overrides);
+    const titleId = useId();
+    return (_jsxs("section", { "aria-labelledby": titleId, "data-pod-sign-in": "credential-section", className: sectionClass, children: [_jsx(SectionHeader, { id: titleId, icon: KeyRound, title: copy.credentialSectionTitle, hint: copy.credentialSectionHint, actions: _jsx(ActionButton, { variant: "outline", className: cn(smallButtonClass, 'shrink-0'), disabled: !canCreate, onClick: onCreate, children: copy.createCredential }) }), credentials.length === 0 ? (_jsx("p", { className: "rounded-lg border border-border bg-card px-3 py-3 text-sm text-muted-foreground", children: copy.credentialEmpty })) : (_jsx("ul", { className: "flex flex-col gap-2", children: credentials.map((credential) => (_jsxs("li", { className: listRowClass, children: [_jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("span", { className: "truncate text-sm font-medium text-foreground", children: credential.label }), _jsxs("span", { className: "truncate text-xs text-muted-foreground", children: [credential.webIdName, credential.createdLabel ? ` · ${credential.createdLabel}` : ''] })] }), onRevoke ? (_jsx("button", { type: "button", "aria-label": `${copy.revokeCredential} ${credential.label}`, className: cn(textButtonClass, 'shrink-0 text-destructive hover:underline'), onClick: () => onRevoke(credential.id), children: copy.revokeCredential })) : null] }, credential.id))) }))] }));
+}
+/** Top-of-page bar that leads back to authorization after managing the account. */
+export function ConsentResumeBanner({ app, podReady, onContinue, onCancel, statusText, pending = false, locale, copy: overrides, }) {
+    const copy = resolvePodSignInCopy(locale, overrides);
+    const titleId = useId();
+    return (_jsxs("section", { "aria-labelledby": titleId, "data-pod-sign-in": "consent-resume", className: "pod-sign-in flex flex-wrap items-center gap-3 rounded-lg bg-muted px-4 py-3 text-foreground", children: [app.icon ? (_jsx("span", { "aria-hidden": "true", className: "flex h-8 w-8 shrink-0 items-center justify-center overflow-hidden rounded-lg", children: app.icon })) : null, _jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("p", { id: titleId, className: "text-sm font-semibold", children: formatCopy(copy.resumeTitle, { app: app.name }) }), _jsx("p", { role: "status", "aria-live": "polite", className: "text-[13px] text-muted-foreground", children: statusText ?? (podReady ? copy.resumeReady : copy.resumeWaiting) })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [_jsx("button", { type: "button", className: cn(textButtonClass, 'text-primary hover:underline'), disabled: pending, onClick: onCancel, children: copy.resumeCancel }), _jsx(ActionButton, { className: "h-11 rounded-lg px-4 text-sm font-medium", busy: pending, disabled: !podReady, onClick: onContinue, children: formatCopy(copy.resumeContinue, { app: app.name }) })] })] }));
+}

package/node_modules/@undefineds.co/shared-ui/dist/pod-sign-in/ConsentView.d.ts

@@ -0,0 +1,53 @@
+import { type ReactNode } from 'react';
+import { type IdpViewCommonProps } from './IdpViews';
+import type { StorageLocation } from './types';
+export interface ConsentWebId {
+    id: string;
+    displayName: string;
+    shortName: string;
+    /** Full WebID; shown only in the folded request details. */
+    webId?: string;
+    avatarUrl?: string;
+    /** Where the data of this WebID lives; expressed only as the avatar badge. */
+    storage: StorageLocation;
+}
+export interface ConsentViewProps extends IdpViewCommonProps {
+    app: {
+        name: string;
+        icon?: ReactNode;
+        host: string;
+        clientId?: string;
+        verified: boolean;
+    };
+    webIds: ConsentWebId[];
+    selectedWebId: string;
+    scopes: Array<{
+        id: string;
+        label: string;
+    }>;
+    rememberChoice: boolean;
+    pending?: 'approve' | 'deny';
+    /** Disables both actions (something else is in flight); unlike `pending` it spins nothing. */
+    disabled?: boolean;
+    /** Disables only "Allow", e.g. while no WebID is chosen yet. */
+    approveDisabled?: boolean;
+    /**
+     * Hosts whose automation drives the WebID choice through a native select (the
+     * CSS consent form's `oidc-consent-webid`) get a visually hidden select with this
+     * id, mirroring the radio group. It is skipped for assistive technology.
+     */
+    automationSelectId?: string;
+    /** "Manage account": leave for the account page and come back. */
+    onManageAccount?(): void;
+    /** "Switch account": sign out of the account. */
+    onSwitchAccount?(): void;
+    onSelectWebId(id: string): void;
+    onRememberChange(value: boolean): void;
+    onApprove(): void;
+    onDeny(): void;
+}
+/**
+ * B4: consent. Three roles in fixed places: the sign-in service (top bar), the
+ * requesting application (centered), and the identity being granted (radio list).
+ */
+export declare function ConsentView(props: ConsentViewProps): import("react").JSX.Element;

package/node_modules/@undefineds.co/shared-ui/dist/pod-sign-in/ConsentView.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { TriangleAlert } from 'lucide-react';
+import { useId } from 'react';
+import { formatCopy, resolvePodSignInCopy } from './copy.js';
+import { IdpFrameHeader } from './IdpViews.js';
+import { ActionButton, ScreenLayout, CheckboxRow, Disclosure, Hostname, PodAvatar, outlineButtonClass, primaryButtonClass, textButtonClass } from './parts.js';
+import { cn } from '../utils.js';
+/**
+ * B4: consent. Three roles in fixed places: the sign-in service (top bar), the
+ * requesting application (centered), and the identity being granted (radio list).
+ */
+export function ConsentView(props) {
+    const { app, webIds, selectedWebId, scopes, rememberChoice, pending, disabled = false, approveDisabled = false, automationSelectId, onSelectWebId, onRememberChange, onApprove, onDeny, onManageAccount, onSwitchAccount, } = props;
+    const copy = resolvePodSignInCopy(props.locale, props.copy);
+    const labelId = useId();
+    const busy = pending !== undefined || disabled;
+    const single = webIds.length === 1;
+    const selectedFullWebId = (webIds.find((webId) => webId.id === selectedWebId) ?? webIds[0])?.webId;
+    const actions = (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsx(ActionButton, { variant: "outline", className: outlineButtonClass, busy: pending === 'deny', disabled: busy, onClick: onDeny, children: copy.deny }), _jsx(ActionButton, { className: primaryButtonClass, busy: pending === 'approve', disabled: busy || approveDisabled, onClick: onApprove, children: copy.allow })] }), onManageAccount || onSwitchAccount ? (_jsxs("div", { className: "flex flex-wrap justify-center gap-2", children: [onManageAccount ? (_jsx("button", { type: "button", className: cn(textButtonClass, 'text-muted-foreground hover:text-foreground'), disabled: busy, onClick: onManageAccount, children: copy.manageAccount })) : null, onSwitchAccount ? (_jsx("button", { type: "button", className: cn(textButtonClass, 'text-muted-foreground hover:text-foreground'), disabled: busy, onClick: onSwitchAccount, children: copy.switchAccount })) : null] })) : null] }));
+    return (_jsxs(ScreenLayout, { "data-pod-sign-in-state": "consent", chrome: _jsx(IdpFrameHeader, { ...props }), actions: actions, children: [_jsxs("div", { className: "flex flex-col items-center gap-2 text-center", children: [app.icon ? (_jsx("span", { "aria-hidden": "true", className: "flex h-12 w-12 items-center justify-center overflow-hidden rounded-xl", children: app.icon })) : null, _jsx("h1", { className: "text-[17px] font-semibold text-foreground", children: formatCopy(copy.consentTitle, { app: app.name }) }), app.host ? _jsx(Hostname, { children: app.host }) : null, !app.verified ? (_jsxs("p", { role: "alert", className: "flex items-start gap-1.5 text-left text-[13px] text-warning", children: [_jsx(TriangleAlert, { "aria-hidden": "true", className: "mt-0.5 h-3.5 w-3.5 shrink-0" }), copy.unverifiedWarning] })) : null] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("p", { id: labelId, className: "text-[13px] font-medium text-foreground", children: copy.chooseWebId }), single ? (_jsx("div", { className: "rounded-lg border border-border bg-card p-3", children: _jsx(WebIdRow, { webId: webIds[0] }) })) : (_jsx("div", { role: "radiogroup", "aria-labelledby": labelId, className: "flex flex-col gap-2", children: webIds.map((webId) => {
+                            const selected = webId.id === selectedWebId;
+                            return (_jsxs("label", { className: cn('flex min-h-11 cursor-pointer items-center gap-3 rounded-lg border p-3 focus-within:outline focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-ring', selected ? 'border-primary bg-accent' : 'border-border bg-card'), children: [_jsx("input", { type: "radio", name: "consent-webid", className: "sr-only", value: webId.id, checked: selected, disabled: busy, onChange: () => onSelectWebId(webId.id) }), _jsx(WebIdRow, { webId: webId })] }, webId.id));
+                        }) })), !single && automationSelectId ? (_jsxs("select", { id: automationSelectId, "aria-hidden": "true", "aria-label": copy.chooseWebId, tabIndex: -1, className: "sr-only", value: selectedWebId, disabled: busy, onChange: (event) => onSelectWebId(event.target.value), children: [!selectedWebId ? _jsx("option", { value: "", disabled: true, children: copy.chooseWebId }) : null, webIds.map((webId) => _jsxs("option", { value: webId.id, children: [webId.displayName, " ", webId.shortName] }, webId.id))] })) : null, _jsx("p", { className: "text-[13px] leading-5 text-muted-foreground", children: formatCopy(copy.consentConsequence, { app: app.name }) })] }), _jsx(Disclosure, { summary: copy.requestDetails, children: _jsxs("div", { className: "flex flex-col gap-2", children: [scopes.length > 0 ? (_jsxs("div", { children: [_jsx("p", { className: "font-medium text-foreground", children: copy.scopes }), _jsx("ul", { className: "list-disc pl-5", children: scopes.map((scope) => _jsx("li", { children: scope.label }, scope.id)) })] })) : null, selectedFullWebId ? (_jsxs("p", { children: [_jsx("span", { className: "font-medium text-foreground", children: copy.webIdFull }), ' ', _jsx(Hostname, { className: "break-all", children: selectedFullWebId })] })) : null, app.clientId ? (_jsxs("p", { children: [_jsx("span", { className: "font-medium text-foreground", children: copy.clientId }), ' ', _jsx(Hostname, { className: "break-all", children: app.clientId })] })) : null, app.verified ? (_jsx(CheckboxRow, { checked: rememberChoice, onChange: onRememberChange, label: copy.rememberChoice, disabled: busy })) : null] }) })] }));
+}
+function WebIdRow({ webId }) {
+    return (_jsxs("span", { className: "flex min-w-0 items-center gap-3", "data-pod-sign-in": "webid-row", children: [_jsx(PodAvatar, { name: webId.displayName, avatarUrl: webId.avatarUrl, storage: webId.storage, size: 40 }), _jsxs("span", { className: "flex min-w-0 flex-col", children: [_jsx("span", { className: "truncate text-sm font-medium text-foreground", children: webId.displayName }), webId.shortName !== webId.displayName ? (_jsx("span", { className: "truncate font-mono text-xs text-muted-foreground", children: webId.shortName })) : null] })] }));
+}

package/node_modules/@undefineds.co/shared-ui/dist/pod-sign-in/DeviceDialogs.d.ts

@@ -0,0 +1,40 @@
+import { type DeviceSummary } from './account-parts';
+import { type PodSignInCopy, type PodSignInLocale } from './copy';
+import { type NetworkPanelProps } from './NetworkPanel';
+interface LocalizedProps {
+    locale?: PodSignInLocale;
+    copy?: Partial<PodSignInCopy>;
+}
+export interface DevicePickerDialogProps extends LocalizedProps {
+    open: boolean;
+    onOpenChange(open: boolean): void;
+    devices: DeviceSummary[];
+    selectedDeviceId?: string;
+    /** Picking a row selects it and closes the dialog. */
+    onSelect(deviceId: string): void;
+    onAddDevice(): void;
+}
+/** "Choose where to store": pick a row, like choosing a delivery address. Offline devices are greyed out. */
+export declare function DevicePickerDialog({ open, onOpenChange, devices, selectedDeviceId, onSelect, onAddDevice, locale, copy: overrides, }: DevicePickerDialogProps): import("react").JSX.Element;
+export type AddDeviceStep = 1 | 2 | 3;
+export interface AddDeviceDialogProps extends LocalizedProps {
+    open: boolean;
+    onOpenChange(open: boolean): void;
+    step: AddDeviceStep;
+    /** Only when the host can launch Xpod Edge on this computer, and it has not joined yet. */
+    canJoinThisComputer?: boolean;
+    joining?: boolean;
+    onJoinThisComputer?(): void;
+    /** The device that came online (steps 2 and 3). */
+    device?: DeviceSummary;
+    /** Network checks and tunnel form for step 2. `onSkip` is supplied by the dialog. */
+    network: Omit<NetworkPanelProps, 'onSkip' | 'locale' | 'copy'>;
+    /** Step 2: leave the network as is and finish ("Skip, set up later", or "Continue" once reachable). */
+    onNetworkDone(): void;
+    /** Where the dialog was opened from decides the final button: "Done" or "Use this device". */
+    origin: 'device-section' | 'picker';
+    onFinish(): void;
+}
+/** Add a device in three steps: install and sign in, check the network, done. */
+export declare function AddDeviceDialog({ open, onOpenChange, step, canJoinThisComputer, joining, onJoinThisComputer, device, network, onNetworkDone, origin, onFinish, locale, copy: overrides, }: AddDeviceDialogProps): import("react").JSX.Element;
+export {};