@undefineds.co/xpod 0.4.19 → 0.4.20

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Dialog, DialogContent, DialogTitle } from '../dialog.js';
+import { cn } from '../utils.js';
+import { DeviceIdentity } from './account-parts.js';
+import { resolvePodSignInCopy } from './copy.js';
+import { NetworkPanel } from './NetworkPanel.js';
+import { ActionButton, outlineButtonClass, primaryButtonClass } from './parts.js';
+const dialogClass = 'pod-sign-in max-h-[90dvh] w-[min(400px,calc(100vw-2rem))] max-w-[400px] gap-4 overflow-y-auto rounded-xl bg-card p-5';
+/** "Choose where to store": pick a row, like choosing a delivery address. Offline devices are greyed out. */
+export function DevicePickerDialog({ open, onOpenChange, devices, selectedDeviceId, onSelect, onAddDevice, locale, copy: overrides, }) {
+    const copy = resolvePodSignInCopy(locale, overrides);
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: dialogClass, "aria-describedby": undefined, children: [_jsx(DialogTitle, { className: "text-[17px] leading-6", children: copy.devicePickerTitle }), _jsx("div", { role: "radiogroup", "aria-label": copy.devicePickerTitle, className: "flex flex-col gap-2", children: devices.map((device) => {
+                        const selectable = device.status !== 'offline';
+                        const selected = device.id === selectedDeviceId;
+                        return (_jsx("button", { type: "button", role: "radio", "aria-checked": selected, disabled: !selectable, className: cn('flex min-h-14 w-full items-center rounded-lg border px-3 py-2 text-left', selected ? 'border-primary bg-accent' : 'border-border bg-card', selectable ? 'hover:bg-accent' : 'cursor-not-allowed opacity-50'), onClick: () => {
+                                onSelect(device.id);
+                                onOpenChange(false);
+                            }, children: _jsx(DeviceIdentity, { device: device, copy: copy }) }, device.id));
+                    }) }), _jsx(ActionButton, { variant: "outline", className: outlineButtonClass, onClick: onAddDevice, children: copy.addDevice })] }) }));
+}
+/** Add a device in three steps: install and sign in, check the network, done. */
+export function AddDeviceDialog({ open, onOpenChange, step, canJoinThisComputer = false, joining = false, onJoinThisComputer, device, network, onNetworkDone, origin, onFinish, locale, copy: overrides, }) {
+    const copy = resolvePodSignInCopy(locale, overrides);
+    const steps = [copy.stepInstall, copy.stepNetwork, copy.stepDone];
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: dialogClass, "aria-describedby": undefined, children: [_jsx(DialogTitle, { className: "text-[17px] leading-6", children: copy.addDeviceTitle }), _jsx("ol", { className: "flex items-center gap-2 text-[13px]", "aria-label": copy.addDeviceTitle, children: steps.map((label, index) => {
+                        const number = index + 1;
+                        const state = number === step ? 'current' : number < step ? 'done' : 'todo';
+                        return (_jsxs("li", { "aria-current": state === 'current' ? 'step' : undefined, "data-step-state": state, className: cn('flex min-w-0 items-center gap-1', state === 'current' ? 'font-semibold text-foreground' : 'text-muted-foreground'), children: [_jsx("span", { "aria-hidden": "true", className: cn('flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-xs', state === 'todo' ? 'bg-muted' : 'bg-primary text-primary-foreground'), children: number }), _jsx("span", { className: "truncate", children: label })] }, label));
+                    }) }), step === 1 ? (_jsxs("div", { className: "flex flex-col gap-4", children: [canJoinThisComputer ? (_jsx(ActionButton, { className: primaryButtonClass, busy: joining, onClick: onJoinThisComputer, children: copy.joinThisComputer })) : null, _jsx("p", { className: "text-sm text-foreground", children: copy.installOnOther }), _jsx("p", { role: "status", "aria-live": "polite", className: "text-[13px] text-muted-foreground", children: copy.waitingForDevice })] })) : null, step === 2 ? (_jsxs("div", { className: "flex flex-col gap-4", children: [device ? _jsx(DeviceOnlineCard, { device: device, copy: copy }) : null, network.checks.wan === 'failed' ? (_jsx(NetworkPanel, { ...network, locale: locale, copy: overrides, onSkip: onNetworkDone })) : (_jsxs(_Fragment, { children: [_jsx(NetworkPanel, { ...network, locale: locale, copy: overrides }), _jsx(ActionButton, { className: primaryButtonClass, disabled: network.checks.wan === 'checking', onClick: onNetworkDone, children: copy.customSubmit })] }))] })) : null, step === 3 ? (_jsxs("div", { className: "flex flex-col gap-4", children: [device ? _jsx(DeviceOnlineCard, { device: device, copy: copy }) : null, _jsx(ActionButton, { className: primaryButtonClass, onClick: onFinish, children: origin === 'picker' ? copy.useThisDevice : copy.finish })] })) : null] }) }));
+}
+function DeviceOnlineCard({ device, copy }) {
+    return (_jsxs("div", { className: "flex items-center gap-3 rounded-lg border border-border bg-card p-3", "data-pod-sign-in": "new-device", children: [_jsx(DeviceIdentity, { device: device, copy: copy, showStatus: false }), _jsx("span", { role: "status", className: "shrink-0 text-[13px] text-success", children: copy.deviceOnline })] }));
+}

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

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+import { type PodSignInLocale } from './copy';
+export interface IdpChromeProps {
+    /** The sign-in service, e.g. "Xpod". */
+    serviceName: string;
+    /** Shown in monospace; this row is what tells a user which service's page this is. */
+    serviceHost?: string;
+    /** Defaults to the Xpod mark. */
+    icon?: ReactNode;
+    /** Word after the name (default "账号服务" / "Sign-in service"). */
+    serviceLabel?: string;
+    locale?: PodSignInLocale;
+}
+/** 44px tinted bar at the top of every sign-in-service page (B group). */
+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

@@ -0,0 +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). */
+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] }));
+}

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

@@ -0,0 +1,93 @@
+import { type ReactNode } from 'react';
+import { type PodSignInCopy, type PodSignInLocale } from './copy';
+/** 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`. */
+    serviceName?: string;
+    serviceHost?: string;
+    serviceIcon?: ReactNode;
+    locale?: PodSignInLocale;
+    copy?: Partial<PodSignInCopy>;
+}
+export declare function IdpFrameHeader({ serviceName, serviceHost, serviceIcon, locale, copy }: IdpViewCommonProps): import("react").JSX.Element;
+export interface IdpSignInViewProps extends IdpViewCommonProps {
+    serviceName: string;
+    returnToAppName?: string;
+    /** Form-level failure, announced assertively. */
+    error?: string;
+    fieldErrors?: {
+        email?: string;
+        password?: string;
+    };
+    pending?: boolean;
+    remember: boolean;
+    /** Uncontrolled initial values (a previously used email, for instance). */
+    defaultEmail?: string;
+    defaultPassword?: string;
+    /** Fires on every edit so a host can clear its own error state. */
+    onFieldChange?(field: 'email' | 'password', value: string): void;
+    /** Shown only when the host offers a remember choice; omit to hide the checkbox. */
+    onRememberChange?(value: boolean): void;
+    onSubmit(values: {
+        email: string;
+        password: string;
+    }): void;
+    /** Hidden when omitted. `forgotHref` renders a real link instead, for hosts that navigate to a page. */
+    onForgot?(): void;
+    forgotHref?: string;
+    /** Hidden when omitted. `registerHref` renders a real link instead. */
+    onRegister?(): void;
+    registerHref?: string;
+    onUseOtherSolid?(): void;
+}
+/** B1: sign in to the sign-in service. Email and password only ever appear here. */
+export declare function IdpSignInView(props: IdpSignInViewProps): import("react").JSX.Element;
+export interface IdpRegisterViewProps extends IdpViewCommonProps {
+    serviceName: string;
+    returnToAppName?: string;
+    /** e.g. "将创建你的 WebID 和 Pod：pod.undefineds.co/xiaolin/" */
+    usernamePreview?: string;
+    /** Decided by the service's CSS controls. */
+    requireUsername: boolean;
+    fieldErrors?: Partial<Record<'username' | 'email' | 'password', string | undefined>>;
+    /** Form-level failure, announced assertively. */
+    error?: string;
+    pending?: boolean;
+    defaultEmail?: string;
+    defaultPassword?: string;
+    defaultUsername?: string;
+    /** Fires on every edit so a host can check the name and clear its own errors. */
+    onFieldChange?(field: 'username' | 'email' | 'password', value: string): void;
+    onSubmit(values: {
+        username?: string;
+        email: string;
+        password: string;
+    }): void;
+    /** Hidden when omitted. */
+    onSignIn?(): void;
+}
+/** B2: register. The explicit form is what makes creating a WebID and Pod not implicit. */
+export declare function IdpRegisterView(props: IdpRegisterViewProps): import("react").JSX.Element;
+export interface IdpNoWebIdViewProps extends IdpViewCommonProps {
+    appName: string;
+    /**
+     * The name prefilled in the field. Omit it when the host cannot create a WebID
+     * here: the name field is then not shown, and the primary action just calls `onCreate('')`.
+     */
+    defaultName?: string;
+    /** Live availability of the name; ok is announced politely, error assertively. */
+    nameHint?: {
+        tone: 'ok' | 'muted' | 'error';
+        text: string;
+    };
+    /** Form-level failure (e.g. a creation request failed), assertive and not blocking a retry. */
+    error?: string;
+    pending?: boolean;
+    /** Fired on every edit so the host can check availability live. */
+    onNameChange?(name: string): void;
+    onCreate(name: string): void;
+    /** Hidden when omitted. */
+    onChooseOtherLocation?(): void;
+}
+/** B3: the account has no WebID. Create one here, or leave for the account page to store it elsewhere. */
+export declare function IdpNoWebIdView(props: IdpNoWebIdViewProps): import("react").JSX.Element;