@undefineds.co/xpod 0.4.20 → 0.4.25

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;
@@ -11,5 +11,5 @@ export interface IdpChromeProps {
     serviceLabel?: string;
     locale?: PodSignInLocale;
 }
-/** 44px tinted bar at the top of every sign-in-service page (B group). */
+/** Service identity stays readable above the form, even on a narrow host. */
 export declare function IdpChrome({ serviceName, serviceHost, icon, serviceLabel, locale }: IdpChromeProps): import("react").JSX.Element;

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { resolvePodSignInCopy } from './copy.js';
 import { XpodMark } from './XpodMark.js';
-/** 44px tinted bar at the top of every sign-in-service page (B group). */
+/** Service identity stays readable above the form, even on a narrow host. */
 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 min-h-14 shrink-0 items-center gap-3 border-b border-border bg-[hsl(var(--sunken))] px-6 py-2 text-[13px] text-foreground min-[400px]:px-8", children: [_jsx("span", { className: "flex shrink-0 items-center justify-center", children: icon ?? _jsx(XpodMark, { size: 24 }) }), _jsxs("span", { className: "min-w-0 max-w-[50%] shrink-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-5", 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] })] }));
@@ -55,10 +56,10 @@ export function IdpRegisterView(props) {
             password,
         });
     };
-    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) => {
+    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-5", 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;
@@ -9,7 +9,7 @@ export interface PodSignInFrameProps {
      * service name.
      */
     appIntro?: ReactNode;
-    /** The 360px wide body. */
+    /** A responsive body, up to 480px wide. */
     children: ReactNode;
     /**
      * `dialog` only. `true` (default) draws a modal layer over the document;
@@ -25,7 +25,7 @@ export interface PodSignInFrameProps {
 }
 /**
  * Outer frame of every sign-in surface. `window` fills the host window,
- * `dialog` is a 400px layer, `page` is two columns. All three share the same
- * 360px body, so a state looks the same wherever the host places it.
+ * `dialog` is a 480px layer, `page` is two columns. All three share the same
+ * responsive body, so narrower hosts keep the same controls and hierarchy.
  */
 export declare function PodSignInFrame({ presentation, ariaLabel, appIntro, children, modal, onClose, closeLabel, dataAttributes, }: PodSignInFrameProps): import("react").JSX.Element;

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

@@ -90,22 +90,22 @@ function useModalFocus(active, onClose) {
     }, [active]);
     return ref;
 }
-const bodyClass = 'flex min-h-0 w-full max-w-[360px] flex-1 flex-col';
+const bodyClass = 'flex min-h-0 w-full max-w-[480px] flex-1 flex-col';
 /**
  * Outer frame of every sign-in surface. `window` fills the host window,
- * `dialog` is a 400px layer, `page` is two columns. All three share the same
- * 360px body, so a state looks the same wherever the host places it.
+ * `dialog` is a 480px layer, `page` is two columns. All three share the same
+ * responsive body, so narrower hosts keep the same controls and hierarchy.
  */
 export function PodSignInFrame({ presentation, ariaLabel, appIntro, children, modal = true, onClose, closeLabel, dataAttributes, }) {
     const isModal = presentation === 'dialog' && modal;
     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 }) })] }));
+        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: cn(bodyClass, 'min-h-[520px]'), children: children }) })] }));
     }
-    const card = (_jsxs("div", { ref: dialogRef, role: isModal ? 'dialog' : 'region', "aria-modal": isModal ? true : undefined, "aria-label": ariaLabel, tabIndex: -1, "data-pod-sign-in-frame": "dialog", ...dataAttributes, className: cn('pod-sign-in relative flex max-h-[90dvh] w-[min(400px,calc(100vw-2rem))] flex-col overflow-hidden rounded-xl border border-border bg-card text-card-foreground shadow-lg focus:outline-none motion-safe:animate-in motion-safe:fade-in-0'), children: [isModal && onClose && closeLabel ? (_jsx("button", { type: "button", "aria-label": closeLabel, className: "absolute right-2 top-2 flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground hover:bg-accent", onClick: onClose, children: _jsx("span", { "aria-hidden": "true", children: "\u00D7" }) })) : null, _jsx("div", { className: cn(bodyClass, 'mx-auto'), children: children })] }));
+    const card = (_jsxs("div", { ref: dialogRef, role: isModal ? 'dialog' : 'region', "aria-modal": isModal ? true : undefined, "aria-label": ariaLabel, tabIndex: -1, "data-pod-sign-in-frame": "dialog", ...dataAttributes, className: cn('pod-sign-in relative flex min-h-[min(440px,90dvh)] max-h-[90dvh] w-[min(480px,calc(100vw-2rem))] flex-col overflow-hidden rounded-xl border border-border bg-card text-card-foreground shadow-lg focus:outline-none motion-safe:animate-in motion-safe:fade-in-0'), children: [isModal && onClose && closeLabel ? (_jsx("button", { type: "button", "aria-label": closeLabel, className: "absolute right-2 top-2 flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground hover:bg-accent", onClick: onClose, children: _jsx("span", { "aria-hidden": "true", children: "\u00D7" }) })) : null, _jsx("div", { className: cn(bodyClass, 'mx-auto'), children: children })] }));
     return isModal ? (_jsx("div", { className: "fixed inset-0 z-[var(--layer-modal)] flex items-center justify-center bg-background/80 p-4", children: card })) : (_jsx("div", { className: "flex w-full items-center justify-center p-4", children: card }));
 }

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;

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

@@ -81,6 +81,11 @@ const zhCN = {
     allow: '允许',
     storageCloud: '数据存在 Xpod 云端',
     storageEdge: '数据存在边缘设备上',
+    hostedStorage: '账号服务托管',
+    independentStorage: '独立部署',
+    identityAddress: 'WebID（身份地址）',
+    storageAddress: 'Pod（存储地址）',
+    showAddresses: '查看地址',
     webIdSectionTitle: 'WebID',
     webIdEmpty: '还没有 WebID。新建一个，用它登录应用。',
     createWebId: '新建 WebID',
@@ -223,6 +228,11 @@ const en = {
     allow: 'Allow',
     storageCloud: 'Data is stored on Xpod Cloud',
     storageEdge: 'Data is stored on an edge device',
+    hostedStorage: 'Hosted by account service',
+    independentStorage: 'Independent deployment',
+    identityAddress: 'WebID (identity address)',
+    storageAddress: 'Pod (storage address)',
+    showAddresses: 'View addresses',
     webIdSectionTitle: 'WebID',
     webIdEmpty: 'No WebID yet. Create one to sign in to applications.',
     createWebId: 'New WebID',

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

@@ -3,18 +3,18 @@
  * docs/superpowers/specs/2026-09-29-shared-ui-pod-sign-in-design.md).
  * These components only render; hosts own requests, redirects and storage.
  */
-export { PodSignInFrame, type PodSignInFrameProps } from './PodSignInFrame';
-export { StorageBadge, type StorageBadgeProps } from './StorageBadge';
-export { IdpChrome, type IdpChromeProps } from './IdpChrome';
-export { XpodMark } from './XpodMark';
-export { ScreenLayout, SourceMark } from './parts';
-export { PodSignIn, type PodSignInNotice, type PodSignInProps, type PodSignInState, type RememberedIdentity, } from './PodSignIn';
-export { IdpNoWebIdView, IdpRegisterView, IdpSignInView, type IdpNoWebIdViewProps, type IdpRegisterViewProps, type IdpSignInViewProps, type IdpViewCommonProps, } from './IdpViews';
-export { ConsentView, type ConsentViewProps, type ConsentWebId } from './ConsentView';
-export { ConsentResumeBanner, CreateWebIdForm, CredentialSection, DeviceSection, WebIdSection, type ConsentResumeBannerProps, type CreateWebIdFormProps, type CredentialEntry, type CredentialSectionProps, type DeviceSectionProps, type UnlinkedPodEntry, type WebIdEntry, type WebIdSectionProps, } from './AccountSections';
-export { AddDeviceDialog, DevicePickerDialog, type AddDeviceDialogProps, type AddDeviceStep, type DevicePickerDialogProps, } from './DeviceDialogs';
-export { NetworkPanel, type NetworkChecks, type NetworkPanelProps, type ProbeState, type TunnelFieldDescriptor, type TunnelOption, } from './NetworkPanel';
-export type { DeviceStatus, DeviceSummary } from './account-parts';
-export { formatCopy, podSignInCopy, resolvePodSignInCopy, type PodSignInCopy, type PodSignInLocale, } from './copy';
-export type { AppIdentity, SignInPresentation, StorageLocation, StorageLocationKind, } from './types';
-export { webIdShortName } from './webid-name';
+export { PodSignInFrame, type PodSignInFrameProps } from './PodSignInFrame.js';
+export { StorageBadge, type StorageBadgeProps } from './StorageBadge.js';
+export { IdpChrome, type IdpChromeProps } from './IdpChrome.js';
+export { XpodMark } from './XpodMark.js';
+export { ScreenLayout, SourceMark } from './parts.js';
+export { PodSignIn, type PodSignInNotice, type PodSignInProps, type PodSignInState, type RememberedIdentity, } from './PodSignIn.js';
+export { IdpNoWebIdView, IdpRegisterView, IdpSignInView, type IdpNoWebIdViewProps, type IdpRegisterViewProps, type IdpSignInViewProps, type IdpViewCommonProps, } from './IdpViews.js';
+export { ConsentView, type ConsentViewProps, type ConsentWebId } from './ConsentView.js';
+export { ConsentResumeBanner, CreateWebIdForm, CredentialSection, DeviceSection, WebIdSection, type ConsentResumeBannerProps, type CreateWebIdFormProps, type CredentialEntry, type CredentialSectionProps, type DeviceSectionProps, type UnlinkedPodEntry, type WebIdEntry, type WebIdSectionProps, } from './AccountSections.js';
+export { AddDeviceDialog, DevicePickerDialog, type AddDeviceDialogProps, type AddDeviceStep, type DevicePickerDialogProps, } from './DeviceDialogs.js';
+export { NetworkPanel, type NetworkChecks, type NetworkPanelProps, type ProbeState, type TunnelFieldDescriptor, type TunnelOption, } from './NetworkPanel.js';
+export type { DeviceStatus, DeviceSummary } from './account-parts.js';
+export { formatCopy, podSignInCopy, resolvePodSignInCopy, type PodSignInCopy, type PodSignInLocale, } from './copy.js';
+export type { AppIdentity, SignInPresentation, StorageLocation, StorageLocationKind, } from './types.js';
+export { webIdShortName } from './webid-name.js';

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

@@ -1,11 +1,12 @@
 import { type ReactNode } from 'react';
-import { type ButtonProps } from '../button';
-import type { StorageLocation } from './types';
-/** Every screen-level control shares these sizes (spec §5): 44px primary/outline, 36px text. */
-export declare const primaryButtonClass = "h-11 w-full rounded-lg text-sm font-medium";
-export declare const outlineButtonClass = "h-11 w-full rounded-lg text-sm font-medium";
+import { type ButtonProps } from '../button.js';
+import { type FormFieldProps } from '../form-field.js';
+import type { StorageLocation } from './types.js';
+/** Screen-level controls leave room for readable text and touch targets. */
+export declare const primaryButtonClass = "h-auto min-h-12 w-full whitespace-normal break-normal rounded-lg py-2 text-base font-medium leading-snug";
+export declare const outlineButtonClass = "h-auto min-h-12 w-full whitespace-normal break-normal rounded-lg py-2 text-base font-medium leading-snug";
 export declare const textButtonClass = "h-9 rounded-lg px-2 text-sm font-medium";
-export declare const fieldClass = "h-11 w-full rounded-lg border border-input bg-card px-3 text-sm text-foreground placeholder:text-muted-foreground disabled:opacity-60";
+export declare const fieldClass = "h-12 w-full rounded-lg border border-input bg-card px-4 text-base text-foreground placeholder:text-muted-foreground disabled:opacity-60";
 export declare function Spinner({ className }: {
     className?: string;
 }): import("react").JSX.Element;
@@ -28,18 +29,8 @@ export declare function PodAvatar({ name, avatarUrl, storage, size, }: {
     storage?: StorageLocation;
     size?: number;
 }): import("react").JSX.Element;
-/** Label + control + inline error, wired with aria-describedby. */
-export declare function Field({ label, error, hint, labelAside, children, }: {
-    label: string;
-    error?: string;
-    hint?: ReactNode;
-    labelAside?: ReactNode;
-    children: (props: {
-        id: string;
-        'aria-invalid'?: true;
-        'aria-describedby'?: string;
-    }) => ReactNode;
-}): import("react").JSX.Element;
+/** Login-specific density marker; field semantics belong to FormField. */
+export declare function Field(props: FormFieldProps): import("react").JSX.Element;
 /** Secondary information stays folded until asked for (spec §4). */
 export declare function Disclosure({ summary, children, className }: {
     summary: string;

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

@@ -1,15 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Loader2 } from 'lucide-react';
-import { useEffect, useId, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { Avatar, AvatarFallback, AvatarImage } from '../avatar.js';
 import { Button } from '../button.js';
 import { cn } from '../utils.js';
+import { FormField } from '../form-field.js';
+import { Checkbox } from '../checkbox.js';
 import { StorageBadge } from './StorageBadge.js';
-/** Every screen-level control shares these sizes (spec §5): 44px primary/outline, 36px text. */
-export const primaryButtonClass = 'h-11 w-full rounded-lg text-sm font-medium';
-export const outlineButtonClass = 'h-11 w-full rounded-lg text-sm font-medium';
+/** Screen-level controls leave room for readable text and touch targets. */
+export const primaryButtonClass = 'h-auto min-h-12 w-full whitespace-normal break-normal rounded-lg py-2 text-base font-medium leading-snug';
+export const outlineButtonClass = primaryButtonClass;
 export const textButtonClass = 'h-9 rounded-lg px-2 text-sm font-medium';
-export const fieldClass = 'h-11 w-full rounded-lg border border-input bg-card px-3 text-sm text-foreground placeholder:text-muted-foreground disabled:opacity-60';
+export const fieldClass = 'h-12 w-full rounded-lg border border-input bg-card px-4 text-base text-foreground placeholder:text-muted-foreground disabled:opacity-60';
 export function Spinner({ className }) {
     return _jsx(Loader2, { "aria-hidden": "true", className: cn('h-4 w-4 shrink-0 animate-spin motion-reduce:animate-none', className) });
 }
@@ -27,20 +29,16 @@ export function Hostname({ children, className }) {
 export function PodAvatar({ name, avatarUrl, storage, size = 56, }) {
     return (_jsxs("span", { className: "relative inline-flex shrink-0", style: { width: size, height: size }, "data-pod-sign-in": "avatar", children: [_jsxs(Avatar, { className: "h-full w-full rounded-full", "aria-hidden": "true", children: [avatarUrl ? _jsx(AvatarImage, { src: avatarUrl, alt: "" }) : null, _jsx(AvatarFallback, { className: "text-base", children: Array.from(name.trim())[0]?.toUpperCase() ?? '?' })] }), storage ? (_jsx("span", { className: "absolute -bottom-0.5 -right-0.5", children: _jsx(StorageBadge, { kind: storage.kind, label: storage.label }) })) : null] }));
 }
-/** Label + control + inline error, wired with aria-describedby. */
-export function Field({ label, error, hint, labelAside, children, }) {
-    const id = useId();
-    const errorId = `${id}-error`;
-    const hintId = `${id}-hint`;
-    const describedBy = [error ? errorId : undefined, hint ? hintId : undefined].filter(Boolean).join(' ') || undefined;
-    return (_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("label", { htmlFor: id, className: "text-[13px] font-medium text-foreground", children: label }), labelAside] }), children({ id, ...(error ? { 'aria-invalid': true } : {}), 'aria-describedby': describedBy }), error ? _jsx("p", { id: errorId, role: "alert", className: "text-[13px] text-destructive", children: error }) : null, hint ? _jsx("div", { id: hintId, className: "text-[13px] text-muted-foreground", children: hint }) : null] }));
+/** Login-specific density marker; field semantics belong to FormField. */
+export function Field(props) {
+    return _jsx(FormField, { ...props, "data-pod-sign-in": "field" });
 }
 /** Secondary information stays folded until asked for (spec §4). */
 export function Disclosure({ summary, children, className }) {
     return (_jsxs("details", { className: cn('text-[13px] text-muted-foreground', className), children: [_jsx("summary", { className: "cursor-pointer select-none rounded py-1 text-[13px] font-medium text-primary focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", children: summary }), _jsx("div", { className: "pt-1 leading-5", children: children })] }));
 }
 export function CheckboxRow({ checked, onChange, label, disabled, }) {
-    return (_jsxs("label", { className: "flex min-h-9 cursor-pointer items-center gap-2 text-sm text-foreground", children: [_jsx("input", { type: "checkbox", className: "h-4 w-4 rounded", checked: checked, disabled: disabled, onChange: (event) => onChange(event.target.checked) }), label] }));
+    return (_jsxs("label", { className: "flex min-h-9 cursor-pointer items-center gap-2 text-sm text-foreground", children: [_jsx(Checkbox, { checked: checked, disabled: disabled, onChange: (event) => onChange(event.target.checked) }), label] }));
 }
 /** Fires `open` after `delayMs`; used so fast restores show no intermediate UI. */
 export function usePastDelay(delayMs) {
@@ -57,7 +55,7 @@ export function usePastDelay(delayMs) {
  * Pass `onSubmit` to make the whole screen one form (actions submit it).
  */
 export function ScreenLayout({ chrome, children, actions, onSubmit, mainClassName, ...state }) {
-    const inner = (_jsxs(_Fragment, { children: [chrome, _jsx("div", { "data-pod-sign-in": "main", className: cn('flex min-h-0 flex-1 flex-col gap-5 overflow-y-auto px-6 pb-2 pt-5', mainClassName), children: children }), actions ? _jsx("div", { "data-pod-sign-in": "actions", className: "flex shrink-0 flex-col gap-3 px-6 pb-6 pt-3", children: actions }) : null] }));
+    const inner = (_jsxs(_Fragment, { children: [chrome, _jsx("div", { "data-pod-sign-in": "main", className: cn('flex min-h-0 flex-1 flex-col gap-7 overflow-y-auto px-6 pb-3 pt-7 min-[400px]:px-8 min-[400px]:pt-8', mainClassName), children: children }), actions ? _jsx("div", { "data-pod-sign-in": "actions", className: "flex shrink-0 flex-col gap-4 px-6 pb-7 pt-5 min-[400px]:px-8 min-[400px]:pb-8", children: actions }) : null] }));
     const className = 'flex min-h-0 flex-1 flex-col';
     return onSubmit
         ? _jsx("form", { ...state, onSubmit: onSubmit, className: className, noValidate: true, children: inner })

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { type InputProps } from './input.js';
+export type SearchInputProps = Omit<InputProps, 'type'>;
+/** Shared collection filter; hosts own the query and surrounding layout. */
+export declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Search } from 'lucide-react';
+import { Input } from './input.js';
+import { cn } from './utils.js';
+/** Shared collection filter; hosts own the query and surrounding layout. */
+export const SearchInput = React.forwardRef(({ className, placeholder = '搜索', ...props }, ref) => (_jsxs("div", { className: "relative min-w-0 w-full", children: [_jsx(Search, { "aria-hidden": "true", className: "pointer-events-none absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { ...props, ref: ref, type: "search", placeholder: placeholder, className: cn('h-auto min-h-8 rounded-lg border-border bg-card py-1 pl-8 pr-2.5 text-[13px] leading-normal', className) })] })));
+SearchInput.displayName = 'SearchInput';

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface SectionHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'children'> {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    actions?: React.ReactNode;
+    level?: 2 | 3 | 4;
+    titleClassName?: string;
+}
+/**
+ * Pure section heading composition. The owning app supplies every label and
+ * action; `level` keeps the original document outline (h2/h3/h4).
+ */
+export declare function SectionHeader({ title, description, actions, level, titleClassName, className, ...props }: SectionHeaderProps): React.JSX.Element;

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from './utils.js';
+/**
+ * Pure section heading composition. The owning app supplies every label and
+ * action; `level` keeps the original document outline (h2/h3/h4).
+ */
+export function SectionHeader({ title, description, actions, level = 2, titleClassName, className, ...props }) {
+    const headingClassName = cn('text-sm leading-normal text-foreground', titleClassName);
+    return (_jsxs("div", { ...props, className: cn('flex flex-wrap items-start justify-between gap-3', className), children: [_jsxs("div", { className: "min-w-0", children: [level === 3 ? (_jsx("h3", { className: headingClassName, children: title })) : level === 4 ? (_jsx("h4", { className: headingClassName, children: title })) : (_jsx("h2", { className: headingClassName, children: title })), description ? _jsx("p", { className: "mt-1 text-xs leading-normal text-muted-foreground", children: description }) : null] }), actions ? _jsx("div", { className: "flex shrink-0 flex-wrap items-center gap-2", children: actions }) : null] }));
+}