@undefineds.co/xpod 0.4.20 → 0.4.27

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Slot } from '@radix-ui/react-slot';
+import * as React from 'react';
+import { cn } from './utils.js';
+/**
+ * Bordered, divided container for a group of rows. Presentation only: it adds
+ * no list role, navigation or focus behaviour of its own.
+ */
+export const ListSurface = React.forwardRef(({ className, asChild = false, children, ...props }, ref) => {
+    const Component = asChild ? Slot : 'div';
+    return (_jsx(Component, { ref: ref, className: cn('divide-y rounded-xl border border-border bg-card', className), ...props, children: children }));
+});
+ListSurface.displayName = 'ListSurface';
+/**
+ * Pure row composition. A non-interactive row is a semantic container; nested
+ * controls stay legal. Interactive rows must pass a real control via `asChild`
+ * so no `role="button"` is synthesised on a `div`.
+ */
+export const ListRow = React.forwardRef(({ className, leading, title, description, trailing, asChild = false, children, ...props }, ref) => {
+    const rowClassName = cn('flex flex-wrap items-center gap-3 p-4 text-sm leading-normal', className);
+    const Component = asChild ? Slot : 'div';
+    return (_jsx(Component, { ref: ref, className: rowClassName, ...props, children: asChild ? (children) : (_jsxs(_Fragment, { children: [leading ? _jsx("span", { className: "shrink-0", children: leading }) : null, _jsxs("div", { className: "min-w-0 flex-1 break-words", children: [title ? _jsx("div", { children: title }) : null, description ? _jsx("p", { className: "mt-0.5 text-xs leading-normal text-muted-foreground", children: description }) : null] }), trailing ? _jsx("span", { className: "shrink-0", children: trailing }) : null, children ? _jsx("div", { className: "w-full min-w-0 break-words", children: children }) : null] })) }));
+});
+ListRow.displayName = 'ListRow';

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

@@ -1,4 +1,4 @@
-import type { LocalOnboardingConnectivity } from './types';
+import type { LocalOnboardingConnectivity } from './types.js';
 export declare function LocalReachabilitySummary({ connectivity, assumeLocalReachable, className, }: {
     connectivity: LocalOnboardingConnectivity | null | undefined;
     assumeLocalReachable?: boolean;

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

@@ -1,4 +1,4 @@
-import type { LoginModalProps } from './types';
+import type { LoginModalProps } from './types.js';
 /**
  * Shared login modal. The host supplies the brand and, optionally, the product
  * name that user-facing messages refer to.

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { AuthWindowStatus, ConnectingProviderInfo, LoginProviderOption, StoredAccount } from './types';
+import type { AuthWindowStatus, ConnectingProviderInfo, LoginProviderOption, StoredAccount } from './types.js';
 export type LoginViewState = 'restoring' | 'idle' | 'connecting' | 'authenticated' | 'error';
 export interface LoginViewActions {
     continue: () => void;

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

@@ -1 +1 @@
-export { createUserFacingError as createUserFacingLoginError, formatErrorForUser as formatLoginErrorForUser, } from '../user-facing-errors';
+export { createUserFacingError as createUserFacingLoginError, formatErrorForUser as formatLoginErrorForUser, } from '../user-facing-errors.js';

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

@@ -1,5 +1,5 @@
-export * from './LoginModal';
-export * from './LocalReachabilitySummary';
-export * from './presentation';
-export * from './provider-model';
-export * from './types';
+export * from './LoginModal.js';
+export * from './LocalReachabilitySummary.js';
+export * from './presentation.js';
+export * from './provider-model.js';
+export * from './types.js';

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

@@ -1,4 +1,4 @@
-import type { LoginProviderOption } from './types';
+import type { LoginProviderOption } from './types.js';
 export interface ProviderStatusBadge {
     label: string;
     tone: 'neutral' | 'primary' | 'success' | 'warning' | 'danger';

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

@@ -1,4 +1,4 @@
-import type { LoginProviderOption, LoginProviderSource } from './types';
+import type { LoginProviderOption, LoginProviderSource } from './types.js';
 type ProviderShape = Partial<Pick<LoginProviderOption, 'oidcProvider' | 'storageProvider'>> & {
     source?: LoginProviderSource;
 };

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

@@ -1,6 +1,6 @@
 import type { LoginState, StoredAccount, ProviderOption } from '@undefineds.co/solid-sdk/login-store';
-import type { LocalSpaceKind, LocalOnboardingSnapshot, LocalOnboardingState } from './host-types';
-import type { StorageConflict, LoginModalHostProps } from './host-types';
+import type { LocalSpaceKind, LocalOnboardingSnapshot, LocalOnboardingState } from './host-types.js';
+import type { StorageConflict, LoginModalHostProps } from './host-types.js';
 export type { LoginState, StoredAccount, ProviderOption };
 export interface LocalPodRuntime {
     kind: 'local-pod';
@@ -71,4 +71,4 @@ export interface LoginModalProps extends LoginModalHostProps {
     authWindowStatus: AuthWindowStatus;
     connectingProvider: ConnectingProviderInfo | null;
 }
-export type { LocalSpaceKind, LocalOnboardingState, LocalOnboardingCapabilities, LocalOnboardingProgress, LocalOnboardingRouteKind, LocalOnboardingRouteProbe, LocalOnboardingConnectivity, LocalOnboardingTunnel, LocalOnboardingSnapshot, StorageConflict, LoginModalHostProps, } from './host-types';
+export type { LocalSpaceKind, LocalOnboardingState, LocalOnboardingCapabilities, LocalOnboardingProgress, LocalOnboardingRouteKind, LocalOnboardingRouteProbe, LocalOnboardingConnectivity, LocalOnboardingTunnel, LocalOnboardingSnapshot, StorageConflict, LoginModalHostProps, } from './host-types.js';

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

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-export type { AuthSurfaceMode } from './auth-surface';
+export type { AuthSurfaceMode } from './auth-surface.js';
 export declare function LoginCardShell({ children, ariaLabel, overlayClassName, cardClassName, surfaceTestId, surfaceHost, cardSize, }: {
     children: ReactNode;
     ariaLabel: string;

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-[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 }) }));
+    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 }) }));
 }
 export function LoginErrorBanner({ error, onDismiss, dismissLabel, }) {
     if (!error)

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

@@ -0,0 +1,24 @@
+import * as React from 'react';
+export type MeterTone = 'primary' | 'success' | 'warning' | 'danger';
+export interface MeterBaseProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Upper bound of the track; defaults to 100. */
+    max?: number;
+    tone?: MeterTone;
+}
+/**
+ * A known value must be named for assistive tech; when the value is unknown the
+ * track is decorative and the surrounding copy carries the meaning.
+ */
+export type MeterProps = (MeterBaseProps & {
+    value: number;
+    label: string;
+}) | (MeterBaseProps & {
+    value?: undefined;
+    label?: string;
+});
+/**
+ * Thin track meter for capacity / progress readings. Maps to the shared theme
+ * tokens and keeps a single visual language across applets. When `value` is
+ * absent the element is decorative and the surrounding copy carries meaning.
+ */
+export declare function Meter({ value, max, label, tone, className, ...props }: MeterProps): React.JSX.Element;

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from './utils.js';
+const meterToneClass = {
+    primary: 'bg-primary',
+    success: 'bg-success',
+    warning: 'bg-warning',
+    danger: 'bg-destructive',
+};
+/**
+ * Thin track meter for capacity / progress readings. Maps to the shared theme
+ * tokens and keeps a single visual language across applets. When `value` is
+ * absent the element is decorative and the surrounding copy carries meaning.
+ */
+export function Meter({ value, max = 100, label, tone = 'primary', className, ...props }) {
+    const boundedMax = Number.isFinite(max) && max > 0 ? max : 100;
+    if (typeof value !== 'number' || !Number.isFinite(value)) {
+        return (_jsx("div", { "aria-hidden": "true", className: cn('h-1.5 overflow-hidden rounded-full bg-muted', className), ...props }));
+    }
+    const clamped = Math.max(0, Math.min(boundedMax, value));
+    const percent = (clamped / boundedMax) * 100;
+    return (_jsx("div", { role: "progressbar", "aria-label": label, "aria-valuemin": 0, "aria-valuemax": boundedMax, "aria-valuenow": clamped, className: cn('h-1.5 overflow-hidden rounded-full bg-muted', className), ...props, children: _jsx("div", { className: cn('h-full rounded-full', meterToneClass[tone]), style: { width: `${String(percent)}%` } }) }));
+}

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface NativeSelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
+}
+/** Native options, change events and form submission, with the shared control surface. */
+export declare const NativeSelect: React.ForwardRefExoticComponent<NativeSelectProps & React.RefAttributes<HTMLSelectElement>>;

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { formControlClass } from './form-control.js';
+import { cn } from './utils.js';
+/** Native options, change events and form submission, with the shared control surface. */
+export const NativeSelect = React.forwardRef(({ className, multiple, size, ...props }, ref) => (_jsx("select", { ref: ref, multiple: multiple, size: size, className: cn(formControlClass, !multiple && (!size || size <= 1) && 'min-h-10', className), ...props })));
+NativeSelect.displayName = 'NativeSelect';

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+/**
+ * Shared semantic tones for inline notices. `neutral` keeps the plain bordered
+ * treatment for callers that must not invent a severity.
+ */
+export type NoticeTone = 'info' | 'success' | 'warning' | 'destructive' | 'neutral';
+export interface InlineNoticeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    tone?: NoticeTone;
+    /** Optional heading rendered above the body copy. */
+    title?: React.ReactNode;
+    /** Replaces the neutral default icon; always treated as decorative. */
+    icon?: React.ReactNode;
+    /** Trailing action slot, e.g. a retry button. */
+    action?: React.ReactNode;
+    /**
+     * Live-region role. The caller owns it: pass `alert` for errors that must
+     * interrupt, and leave the default `status` for polite updates.
+     */
+    role?: 'status' | 'alert';
+}
+/**
+ * Inline feedback row: icon + copy with an optional action. Pure presentation;
+ * the caller supplies copy, the action and the live-region role.
+ */
+export declare function InlineNotice({ tone, title, icon, action, role, className, children, ...props }: InlineNoticeProps): React.JSX.Element;

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

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertTriangle, CheckCircle2, Info, XCircle } from 'lucide-react';
+import { cn } from './utils.js';
+const noticeToneClass = {
+    info: 'border-primary/30 bg-primary/10 text-foreground',
+    success: 'border-success/30 bg-success/10 text-foreground',
+    warning: 'border-warning/30 bg-warning/10 text-foreground',
+    destructive: 'border-destructive/30 bg-destructive/10 text-foreground',
+    neutral: 'border-border bg-muted/30 text-foreground',
+};
+const noticeIconToneClass = {
+    info: 'text-primary',
+    success: 'text-success',
+    warning: 'text-warning',
+    destructive: 'text-destructive',
+    neutral: 'text-muted-foreground',
+};
+const defaultIcons = {
+    info: Info,
+    success: CheckCircle2,
+    warning: AlertTriangle,
+    destructive: XCircle,
+    neutral: Info,
+};
+/**
+ * Inline feedback row: icon + copy with an optional action. Pure presentation;
+ * the caller supplies copy, the action and the live-region role.
+ */
+export function InlineNotice({ tone = 'info', title, icon, action, role = 'status', className, children, ...props }) {
+    const Icon = defaultIcons[tone];
+    return (_jsxs("div", { role: role, className: cn('flex items-start gap-2.5 rounded-md border px-3 py-2.5 text-sm leading-normal', noticeToneClass[tone], className), ...props, children: [_jsx("span", { "aria-hidden": "true", className: cn('mt-0.5 shrink-0', noticeIconToneClass[tone]), children: icon ?? _jsx(Icon, { className: "h-4 w-4" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [title ? _jsx("p", { className: "font-medium", children: title }) : null, children] }), action ? _jsx("div", { className: "shrink-0", children: action }) : null] }));
+}

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

@@ -1,8 +1,8 @@
 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';
+import { type DeviceSummary } from './account-parts.js';
+import { type PodSignInCopy, type PodSignInLocale } from './copy.js';
+import { type NetworkPanelProps } from './NetworkPanel.js';
+import type { AppIdentity, StorageLocation } from './types.js';
 interface LocalizedProps {
     locale?: PodSignInLocale;
     copy?: Partial<PodSignInCopy>;
@@ -23,6 +23,8 @@ export interface WebIdEntry {
     authorizedAppCount?: number;
     /** True when the host can delete this WebID's Pod; only then is the action offered. */
     removable?: boolean;
+    /** Explicit capability to authorize deletion; not deletion itself. */
+    authorizable?: boolean;
 }
 /** A Pod the host knows about but cannot associate with any WebID. */
 export interface UnlinkedPodEntry {
@@ -34,6 +36,8 @@ export interface UnlinkedPodEntry {
     storage?: StorageLocation;
     /** True when the host can delete this Pod; only then is the action offered. */
     removable?: boolean;
+    /** Explicit capability to authorize deletion; not deletion itself. */
+    authorizable?: boolean;
 }
 export interface CreateWebIdFormProps extends LocalizedProps {
     name: string;
@@ -91,11 +95,14 @@ export interface WebIdSectionProps extends LocalizedProps {
     onRemoveStorage?(entry: WebIdEntry): void;
     /** Overrides the remove action label; defaults to `revokeCredential` ("删除"). */
     removeStorageLabel?: string;
+    authorizeStorageLabel?: string;
+    onAuthorizeStorage?(entry: WebIdEntry): void;
+    onAuthorizeUnlinkedPod?(entry: UnlinkedPodEntry): void;
     /** 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 declare function WebIdSection({ webIds, createOpen, onCreateOpenChange, createForm, onCreateExternal, createExternalLabel, onLinkExisting, onGoToDevice, onRemoveStorage, removeStorageLabel, authorizeStorageLabel, onAuthorizeStorage, onAuthorizeUnlinkedPod, unlinkedPods, onRemoveUnlinkedPod, locale, copy: overrides, }: WebIdSectionProps): import("react").JSX.Element;
 export interface DeviceSectionProps extends LocalizedProps {
     devices: DeviceSummary[];
     onAddDevice(): void;

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

@@ -9,6 +9,12 @@ import { ActionButton, Field, Hostname, PodAvatar, Spinner, outlineButtonClass,
 import { Input } from '../input.js';
 import { cn } from '../utils.js';
 const smallButtonClass = 'h-9 rounded-lg px-3 text-sm font-medium';
+/** Full addresses stay available, with identity and storage named separately. */
+function BindingAddresses({ webId, podUrl, copy }) {
+    return (_jsxs("details", { className: "mt-1 min-w-0 text-xs", children: [_jsx("summary", { className: "w-fit cursor-pointer rounded py-1 text-primary underline-offset-4 hover:underline", children: copy.showAddresses }), _jsx("dl", { className: "mt-1 grid min-w-0 gap-2", children: [{ label: copy.identityAddress, url: webId }, { label: copy.storageAddress, url: podUrl }]
+                    .filter((address) => address.url)
+                    .map(({ label, url }) => (_jsxs("div", { className: "min-w-0", children: [_jsx("dt", { className: "text-muted-foreground", children: label }), _jsx("dd", { className: "min-w-0", children: _jsx("a", { className: "break-all text-primary underline underline-offset-4", href: url, target: "_blank", rel: "noopener noreferrer", children: _jsx(Hostname, { className: "text-inherit", children: url }) }) })] }, label))) })] }));
+}
 /**
  * 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
@@ -38,10 +44,10 @@ export function CreateWebIdForm({ name, onNameChange, addressPreview, nameHint,
                 }, 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, }) {
+export function WebIdSection({ webIds, createOpen = false, onCreateOpenChange, createForm, onCreateExternal, createExternalLabel, onLinkExisting, onGoToDevice, onRemoveStorage, removeStorageLabel, authorizeStorageLabel, onAuthorizeStorage, onAuthorizeUnlinkedPod, 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] }));
+    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("div", { 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 }), entry.storage ? _jsx("span", { className: "text-xs text-muted-foreground", children: entry.storage.label }) : null, _jsx(BindingAddresses, { webId: entry.webId, podUrl: entry.podUrl, copy: copy }), _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 && entry.authorizable && onAuthorizeStorage && authorizeStorageLabel ? (_jsx(ActionButton, { variant: "outline", className: cn(smallButtonClass, 'shrink-0'), "aria-label": `${authorizeStorageLabel} ${entry.displayName}`, onClick: () => onAuthorizeStorage(entry), children: authorizeStorageLabel })) : null, entry.removable && onRemoveStorage ? (_jsx(ActionButton, { variant: "outline", "aria-label": `${removeStorageLabel ?? copy.revokeCredential} ${entry.displayName}`, className: cn(smallButtonClass, 'shrink-0 border-destructive/50 text-destructive hover:text-destructive'), 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("div", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("span", { className: "truncate text-sm font-medium text-foreground", children: pod.displayName }), pod.storage ? _jsx("span", { className: "text-xs text-muted-foreground", children: pod.storage.label }) : null, _jsx(BindingAddresses, { podUrl: pod.storageUrl, copy: copy })] }), !pod.removable && pod.authorizable && onAuthorizeUnlinkedPod && authorizeStorageLabel ? (_jsx(ActionButton, { variant: "outline", className: cn(smallButtonClass, 'shrink-0'), "aria-label": `${authorizeStorageLabel} ${pod.displayName}`, onClick: () => onAuthorizeUnlinkedPod(pod), children: authorizeStorageLabel })) : null, pod.removable && onRemoveUnlinkedPod ? (_jsx(ActionButton, { variant: "outline", "aria-label": `${removeStorageLabel ?? copy.revokeCredential} ${pod.displayName}`, className: cn(smallButtonClass, 'shrink-0 border-destructive/50 text-destructive hover:text-destructive'), 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, }) {

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

@@ -1,6 +1,6 @@
 import { type ReactNode } from 'react';
-import { type IdpViewCommonProps } from './IdpViews';
-import type { StorageLocation } from './types';
+import { type IdpViewCommonProps } from './IdpViews.js';
+import type { StorageLocation } from './types.js';
 export interface ConsentWebId {
     id: string;
     displayName: string;
@@ -26,6 +26,8 @@ export interface ConsentViewProps extends IdpViewCommonProps {
         label: string;
     }>;
     rememberChoice: boolean;
+    /** Whether this authority supports remembering explicit consent, independently of client verification. */
+    allowRememberChoice?: boolean;
     pending?: 'approve' | 'deny';
     /** Disables both actions (something else is in flight); unlike `pending` it spins nothing. */
     disabled?: boolean;

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

@@ -10,17 +10,17 @@ import { cn } from '../utils.js';
  * 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 { app, webIds, selectedWebId, scopes, rememberChoice, allowRememberChoice = app.verified, 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] }));
+    const actions = (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-wrap gap-3", children: [_jsx(ActionButton, { variant: "outline", className: cn(outlineButtonClass, 'w-auto min-w-max flex-1 whitespace-nowrap px-2'), busy: pending === 'deny', disabled: busy, onClick: onDeny, children: copy.deny }), _jsx(ActionButton, { className: cn(primaryButtonClass, 'w-auto min-w-max flex-1 whitespace-nowrap px-2'), 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] }) })] }));
+                        }) })), !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, allowRememberChoice ? (_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

@@ -1,6 +1,6 @@
-import { type DeviceSummary } from './account-parts';
-import { type PodSignInCopy, type PodSignInLocale } from './copy';
-import { type NetworkPanelProps } from './NetworkPanel';
+import { type DeviceSummary } from './account-parts.js';
+import { type PodSignInCopy, type PodSignInLocale } from './copy.js';
+import { type NetworkPanelProps } from './NetworkPanel.js';
 interface LocalizedProps {
     locale?: PodSignInLocale;
     copy?: Partial<PodSignInCopy>;

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import { type PodSignInLocale } from './copy';
+import { type PodSignInLocale } from './copy.js';
 export interface IdpChromeProps {
     /** The sign-in service, e.g. "Xpod". */
     serviceName: string;

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

@@ -4,5 +4,5 @@ import { XpodMark } from './XpodMark.js';
 /** 44px tinted bar at the top of every sign-in-service page (B group). */
 export function IdpChrome({ serviceName, serviceHost, icon, serviceLabel, locale }) {
     const label = serviceLabel ?? resolvePodSignInCopy(locale).serviceLabel;
-    return (_jsxs("div", { "data-pod-sign-in": "idp-chrome", className: "flex h-11 shrink-0 items-center gap-2 border-b border-border bg-[hsl(var(--sunken))] px-4 text-[13px] text-foreground", children: [_jsx("span", { "aria-hidden": "true", className: "flex h-6 w-6 shrink-0 items-center justify-center overflow-hidden rounded-md", children: icon ?? _jsx(XpodMark, { size: 24 }) }), _jsxs("span", { className: "min-w-0 truncate font-medium", children: [serviceName, " \u00B7 ", label] }), serviceHost ? _jsx("span", { className: "ml-auto truncate font-mono text-xs text-muted-foreground", children: serviceHost }) : null] }));
+    return (_jsxs("div", { "data-pod-sign-in": "idp-chrome", className: "flex h-11 shrink-0 items-center gap-2 border-b border-border bg-[hsl(var(--sunken))] px-4 text-[13px] text-foreground", children: [_jsx("span", { className: "flex shrink-0 items-center justify-center", children: icon ?? _jsx(XpodMark, { size: 24 }) }), _jsxs("span", { className: "min-w-0 truncate font-medium", children: [serviceName, " \u00B7 ", label] }), serviceHost ? _jsx("span", { className: "ml-auto truncate font-mono text-xs text-muted-foreground", children: serviceHost }) : null] }));
 }

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

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import { type PodSignInCopy, type PodSignInLocale } from './copy';
+import { type PodSignInCopy, type PodSignInLocale } from './copy.js';
 /** Shared by every B-group view: which service's page this is, and the wording. */
 export interface IdpViewCommonProps {
     /** Shown in the tinted top bar together with `serviceHost`. */

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

@@ -4,6 +4,7 @@ import { formatCopy, resolvePodSignInCopy } from './copy.js';
 import { IdpChrome } from './IdpChrome.js';
 import { ActionButton, CheckboxRow, ScreenLayout, Disclosure, Field, fieldClass, outlineButtonClass, primaryButtonClass, textButtonClass, } from './parts.js';
 import { Input } from '../input.js';
+import { EmailInput } from '../email-input.js';
 import { cn } from '../utils.js';
 function resolveIdpCopy({ locale, copy }) {
     return resolvePodSignInCopy(locale, copy);
@@ -14,7 +15,7 @@ export function IdpFrameHeader({ serviceName = 'Xpod', serviceHost, serviceIcon,
 const inputClass = fieldClass;
 /** A 36px text action: a real link when the host navigates to a page, otherwise a button. */
 function TextAction({ href, onClick, disabled, className, children }) {
-    const classes = cn(textButtonClass, 'inline-flex items-center text-primary hover:underline', className);
+    const classes = cn(textButtonClass, 'inline-flex shrink-0 items-center justify-center text-primary hover:underline', className);
     return href && !disabled
         ? _jsx("a", { href: href, className: classes, children: children })
         : _jsx("button", { type: "button", className: classes, disabled: disabled, onClick: onClick, children: children });
@@ -30,10 +31,10 @@ export function IdpSignInView(props) {
         if (!pending)
             onSubmit({ email: email.trim(), password });
     };
-    return (_jsxs(ScreenLayout, { "data-pod-sign-in-state": "idp-sign-in", chrome: _jsx(IdpFrameHeader, { ...props }), onSubmit: submit, actions: (_jsxs(_Fragment, { children: [error ? _jsx("p", { role: "alert", className: "text-[13px] text-destructive", children: error }) : null, _jsx(ActionButton, { type: "submit", className: primaryButtonClass, busy: pending, children: copy.signIn }), _jsxs("div", { className: "flex items-center justify-between gap-2", children: [onRegister || registerHref ? (_jsxs("span", { className: "flex items-center gap-1", children: [_jsx("span", { className: "text-xs text-muted-foreground", children: copy.noAccount }), _jsx(TextAction, { href: registerHref, disabled: pending, onClick: onRegister, children: copy.registerLink })] })) : _jsx("span", {}), onUseOtherSolid ? (_jsx("button", { type: "button", className: cn(textButtonClass, 'text-primary hover:underline'), disabled: pending, onClick: onUseOtherSolid, children: copy.useOtherSolid })) : null] })] })), children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("h1", { className: "text-[17px] font-semibold text-foreground", children: formatCopy(copy.signInTitle, { service: serviceName }) }), returnToAppName ? (_jsx("p", { className: "text-sm text-muted-foreground", children: formatCopy(copy.returnToApp, { app: returnToAppName }) })) : null] }), _jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(Field, { label: copy.email, error: fieldErrors?.email, children: (fieldProps) => (_jsx(Input, { ...fieldProps, name: "email", type: "email", autoComplete: "username", autoCapitalize: "none", spellCheck: false, className: inputClass, value: email, disabled: pending, onChange: (event) => {
+    return (_jsxs(ScreenLayout, { "data-pod-sign-in-state": "idp-sign-in", chrome: _jsx(IdpFrameHeader, { ...props }), onSubmit: submit, actions: (_jsxs(_Fragment, { children: [error ? _jsx("p", { role: "alert", className: "text-[13px] text-destructive", children: error }) : null, _jsx(ActionButton, { type: "submit", className: primaryButtonClass, busy: pending, children: copy.signIn }), _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [onRegister || registerHref ? (_jsxs("span", { className: "flex min-w-0 flex-wrap items-center gap-x-1 gap-y-0", children: [_jsx("span", { className: "whitespace-nowrap text-xs text-muted-foreground", children: copy.noAccount }), _jsx(TextAction, { href: registerHref, disabled: pending, onClick: onRegister, children: copy.registerLink })] })) : _jsx("span", {}), onUseOtherSolid ? (_jsx("button", { type: "button", className: cn(textButtonClass, 'text-primary hover:underline'), disabled: pending, onClick: onUseOtherSolid, children: copy.useOtherSolid })) : null] })] })), children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("h1", { className: "text-[17px] font-semibold text-foreground", children: formatCopy(copy.signInTitle, { service: serviceName }) }), returnToAppName ? (_jsx("p", { className: "text-sm text-muted-foreground", children: formatCopy(copy.returnToApp, { app: returnToAppName }) })) : null] }), _jsxs("div", { "data-pod-sign-in": "fields", className: "flex flex-col gap-4", children: [_jsx(Field, { label: copy.email, error: fieldErrors?.email, children: (fieldProps) => (_jsx(EmailInput, { ...fieldProps, name: "email", autoComplete: "username", autoCapitalize: "none", spellCheck: false, className: inputClass, value: email, disabled: pending, onChange: (event) => {
                                 setEmail(event.target.value);
                                 onFieldChange?.('email', event.target.value);
-                            } })) }), _jsx(Field, { label: copy.password, error: fieldErrors?.password, labelAside: onForgot || forgotHref ? (_jsx(TextAction, { className: "h-7 text-[13px]", href: forgotHref, onClick: onForgot, children: copy.forgotPassword })) : undefined, children: (fieldProps) => (_jsx(Input, { ...fieldProps, name: "password", type: "password", autoComplete: "current-password", className: inputClass, value: password, disabled: pending, onChange: (event) => {
+                            } })) }), _jsx(Field, { label: copy.password, error: fieldErrors?.password, labelAside: onForgot || forgotHref ? (_jsx(TextAction, { className: "min-h-7 text-[13px]", href: forgotHref, onClick: onForgot, children: copy.forgotPassword })) : undefined, children: (fieldProps) => (_jsx(Input, { ...fieldProps, name: "password", type: "password", autoComplete: "current-password", className: inputClass, value: password, disabled: pending, onChange: (event) => {
                                 setPassword(event.target.value);
                                 onFieldChange?.('password', event.target.value);
                             } })) }), onRememberChange ? (_jsx(CheckboxRow, { checked: remember, onChange: onRememberChange, label: copy.rememberDevice, disabled: pending })) : null] })] }));
@@ -58,7 +59,7 @@ export function IdpRegisterView(props) {
     return (_jsxs(ScreenLayout, { "data-pod-sign-in-state": "idp-register", chrome: _jsx(IdpFrameHeader, { ...props }), onSubmit: submit, actions: (_jsxs(_Fragment, { children: [error ? _jsx("p", { role: "alert", className: "text-[13px] text-destructive", children: error }) : null, _jsx(ActionButton, { type: "submit", className: primaryButtonClass, busy: pending, children: copy.registerSubmit }), onSignIn ? (_jsx("button", { type: "button", className: cn(textButtonClass, 'self-center text-primary hover:underline'), disabled: pending, onClick: onSignIn, children: copy.haveAccount })) : null] })), children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("h1", { className: "text-[17px] font-semibold text-foreground", children: formatCopy(copy.registerTitle, { service: serviceName }) }), returnToAppName ? (_jsx("p", { className: "text-sm text-muted-foreground", children: formatCopy(copy.returnToApp, { app: returnToAppName }) })) : null] }), _jsxs("div", { className: "flex flex-col gap-4", children: [requireUsername ? (_jsx(Field, { label: copy.username, error: fieldErrors?.username, hint: usernamePreview ? _jsx("span", { role: "status", className: "font-mono text-xs", children: usernamePreview }) : undefined, children: (fieldProps) => (_jsx(Input, { ...fieldProps, name: "username", type: "text", autoComplete: "username", autoCapitalize: "none", spellCheck: false, className: inputClass, value: username, disabled: pending, onChange: (event) => {
                                 setUsername(event.target.value);
                                 onFieldChange?.('username', event.target.value);
-                            } })) })) : null, _jsx(Field, { label: copy.email, error: fieldErrors?.email, children: (fieldProps) => (_jsx(Input, { ...fieldProps, name: "email", type: "email", autoComplete: "email", autoCapitalize: "none", spellCheck: false, className: inputClass, value: email, disabled: pending, onChange: (event) => {
+                            } })) })) : null, _jsx(Field, { label: copy.email, error: fieldErrors?.email, children: (fieldProps) => (_jsx(EmailInput, { ...fieldProps, name: "email", autoComplete: "email", autoCapitalize: "none", spellCheck: false, className: inputClass, value: email, disabled: pending, onChange: (event) => {
                                 setEmail(event.target.value);
                                 onFieldChange?.('email', event.target.value);
                             } })) }), _jsx(Field, { label: copy.password, error: fieldErrors?.password, children: (fieldProps) => (_jsx(Input, { ...fieldProps, name: "password", type: "password", autoComplete: "new-password", className: inputClass, value: password, disabled: pending, onChange: (event) => {

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

@@ -1,4 +1,4 @@
-import { type PodSignInCopy, type PodSignInLocale } from './copy';
+import { type PodSignInCopy, type PodSignInLocale } from './copy.js';
 export type ProbeState = 'idle' | 'checking' | 'ok' | 'failed';
 /** This computer, the local network, and other networks (the public entry). */
 export interface NetworkChecks {

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

@@ -1,6 +1,6 @@
 import { type ReactNode } from 'react';
-import { type PodSignInCopy, type PodSignInLocale } from './copy';
-import type { AppIdentity, StorageLocation } from './types';
+import { type PodSignInCopy, type PodSignInLocale } from './copy.js';
+import type { AppIdentity, StorageLocation } from './types.js';
 export interface RememberedIdentity {
     displayName: string;
     avatarUrl?: string;
@@ -36,6 +36,8 @@ export interface PodSignInNotice {
 }
 export interface PodSignInProps {
     app: AppIdentity;
+    /** Host-supplied logo and optional info; defaults to the application source mark. */
+    brand?: ReactNode;
     state: PodSignInState;
     notice?: PodSignInNotice;
     locale?: PodSignInLocale;
@@ -60,4 +62,4 @@ export interface PodSignInProps {
  * one h1, main content, actions. It renders no request, redirect or storage
  * access; the host's controller maps its state to `state` and `notice`.
  */
-export declare function PodSignIn({ app, state, notice, locale, copy: copyOverrides, developerMode, primaryIcon, capabilities, onPrimary, onUseAnother, onCustomService, onRegister, onToggleCustom, }: PodSignInProps): import("react").JSX.Element;
+export declare function PodSignIn({ app, brand, state, notice, locale, copy: copyOverrides, developerMode, primaryIcon, capabilities, onPrimary, onUseAnother, onCustomService, onRegister, onToggleCustom, }: PodSignInProps): import("react").JSX.Element;

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

@@ -32,11 +32,11 @@ function CustomServiceForm({ copy, error, busy, onSubmit, }) {
  * one h1, main content, actions. It renders no request, redirect or storage
  * access; the host's controller maps its state to `state` and `notice`.
  */
-export function PodSignIn({ app, state, notice, locale = 'zh-CN', copy: copyOverrides, developerMode = false, primaryIcon, capabilities, onPrimary, onUseAnother, onCustomService, onRegister, onToggleCustom, }) {
+export function PodSignIn({ app, brand, state, notice, locale = 'zh-CN', copy: copyOverrides, developerMode = false, primaryIcon, capabilities, onPrimary, onUseAnother, onCustomService, onRegister, onToggleCustom, }) {
     const copy = resolvePodSignInCopy(locale, copyOverrides);
     const pastRestoreDelay = usePastDelay(RESTORE_REVEAL_DELAY_MS);
     const [localCustomOpen, setLocalCustomOpen] = useState(false);
-    const source = _jsx(SourceMark, { icon: app.icon, name: app.name });
+    const source = brand ? _jsx("div", { "data-pod-sign-in": "source", children: brand }) : _jsx(SourceMark, { icon: app.icon, name: app.name });
     if (state.kind === 'restoring') {
         const identity = pastRestoreDelay ? state.identity : undefined;
         return (_jsxs(ScreenLayout, { "data-pod-sign-in-state": "restoring", children: [source, _jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-3 text-center", children: [identity ? (_jsxs(_Fragment, { children: [_jsx(PodAvatar, { name: identity.displayName, avatarUrl: identity.avatarUrl, storage: identity.storage }), _jsx("h1", { className: "text-[17px] font-semibold text-foreground", children: identity.displayName })] })) : (_jsx("h1", { className: "sr-only", children: app.name })), _jsx("div", { role: "status", "aria-live": "polite", children: pastRestoreDelay ? (_jsxs("p", { className: "flex items-center gap-2 text-[13px] text-muted-foreground", children: [_jsx(Spinner, {}), copy.restoring] })) : null })] })] }));

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

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import type { SignInPresentation } from './types';
+import type { SignInPresentation } from './types.js';
 export interface PodSignInFrameProps {
     presentation: SignInPresentation;
     ariaLabel: string;

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

@@ -101,7 +101,7 @@ export function PodSignInFrame({ presentation, ariaLabel, appIntro, children, mo
     const dialogRef = useModalFocus(isModal, onClose);
     const intro = appIntro;
     if (presentation === 'window') {
-        return (_jsx("div", { role: "region", "aria-label": ariaLabel, "data-pod-sign-in-frame": "window", ...dataAttributes, className: "pod-sign-in flex h-full min-h-[480px] w-full min-w-[320px] justify-center overflow-hidden bg-background text-foreground", children: _jsx("div", { className: bodyClass, children: children }) }));
+        return (_jsx("div", { role: "region", "aria-label": ariaLabel, "data-pod-sign-in-frame": "window", ...dataAttributes, className: "pod-sign-in flex h-full min-h-0 w-full min-w-0 justify-center overflow-hidden bg-background text-foreground", children: _jsx("div", { className: bodyClass, children: children }) }));
     }
     if (presentation === 'page') {
         return (_jsxs("div", { role: "region", "aria-label": ariaLabel, "data-pod-sign-in-frame": "page", ...dataAttributes, className: "pod-sign-in grid min-h-[100dvh] w-full bg-background text-foreground md:grid-cols-2", children: [intro ? (_jsx("aside", { "data-pod-sign-in": "intro", className: "hidden flex-col justify-center gap-6 bg-[hsl(var(--sunken))] px-12 py-10 md:flex", children: intro })) : null, _jsx("div", { className: cn('flex min-w-0 items-center justify-center px-4 py-8', intro ? '' : 'md:col-span-2'), children: _jsx("div", { className: bodyClass, children: children }) })] }));

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

@@ -1,4 +1,4 @@
-import type { StorageLocationKind } from './types';
+import type { StorageLocationKind } from './types.js';
 export interface StorageBadgeProps {
     kind: StorageLocationKind;
     /** Announced by screen readers and shown on hover. */

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

@@ -1,7 +1,7 @@
 import type { LucideIcon } from 'lucide-react';
 import type { ReactNode } from 'react';
-import type { PodSignInCopy } from './copy';
-import type { StorageLocationKind } from './types';
+import type { PodSignInCopy } from './copy.js';
+import type { StorageLocationKind } from './types.js';
 /** ok = healthy; unreachable = other devices cannot reach it; stopped = device online, Xpod not running. */
 export type DeviceStatus = 'ok' | 'unreachable' | 'stopped' | 'offline';
 /** One place a Pod can live: Xpod Cloud, or an edge device. Presentation data only. */

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

@@ -82,6 +82,11 @@ export interface PodSignInCopy {
     allow: string;
     storageCloud: string;
     storageEdge: string;
+    hostedStorage: string;
+    independentStorage: string;
+    identityAddress: string;
+    storageAddress: string;
+    showAddresses: string;
     webIdSectionTitle: string;
     webIdEmpty: string;
     createWebId: string;