@undefineds.co/xpod 0.4.18 → 0.4.20

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

@@ -0,0 +1,69 @@
+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";
+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 function Spinner({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
+/** Button that shows a spinner and disables itself while `busy` (no separate "verifying" screen). */
+export declare function ActionButton({ busy, children, disabled, ...props }: ButtonProps & {
+    busy?: boolean;
+}): import("react").JSX.Element;
+/** One-line source mark: 24px icon and 13px name. It is not a heading. */
+export declare function SourceMark({ icon, name }: {
+    icon?: ReactNode;
+    name: string;
+}): import("react").JSX.Element;
+export declare function Hostname({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
+export declare function PodAvatar({ name, avatarUrl, storage, size, }: {
+    name: string;
+    avatarUrl?: string;
+    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;
+/** Secondary information stays folded until asked for (spec §4). */
+export declare function Disclosure({ summary, children, className }: {
+    summary: string;
+    children: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
+export declare function CheckboxRow({ checked, onChange, label, disabled, }: {
+    checked: boolean;
+    onChange(value: boolean): void;
+    label: string;
+    disabled?: boolean;
+}): import("react").JSX.Element;
+/** Fires `open` after `delayMs`; used so fast restores show no intermediate UI. */
+export declare function usePastDelay(delayMs: number): boolean;
+/**
+ * One screen: an optional top bar, a scrolling main area, and an action area
+ * pinned to the bottom so the primary action and errors are always visible.
+ * Pass `onSubmit` to make the whole screen one form (actions submit it).
+ */
+export declare function ScreenLayout({ chrome, children, actions, onSubmit, mainClassName, ...state }: {
+    chrome?: ReactNode;
+    children: ReactNode;
+    actions?: ReactNode;
+    onSubmit?: (event: React.FormEvent<HTMLFormElement>) => void;
+    mainClassName?: string;
+    'data-pod-sign-in-state'?: string;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,65 @@
+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 { Avatar, AvatarFallback, AvatarImage } from '../avatar.js';
+import { Button } from '../button.js';
+import { cn } from '../utils.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';
+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 function Spinner({ className }) {
+    return _jsx(Loader2, { "aria-hidden": "true", className: cn('h-4 w-4 shrink-0 animate-spin motion-reduce:animate-none', className) });
+}
+/** Button that shows a spinner and disables itself while `busy` (no separate "verifying" screen). */
+export function ActionButton({ busy = false, children, disabled, ...props }) {
+    return (_jsxs(Button, { type: "button", ...props, disabled: disabled || busy, "aria-busy": busy || undefined, children: [busy ? _jsx(Spinner, { className: "mr-2" }) : null, children] }));
+}
+/** One-line source mark: 24px icon and 13px name. It is not a heading. */
+export function SourceMark({ icon, name }) {
+    return (_jsxs("div", { "data-pod-sign-in": "source", className: "flex h-6 items-center gap-2 text-[13px] text-muted-foreground", children: [icon ? _jsx("span", { "aria-hidden": "true", className: "flex h-6 w-6 shrink-0 items-center justify-center overflow-hidden rounded-md", children: icon }) : null, _jsx("span", { className: "truncate", children: name })] }));
+}
+export function Hostname({ children, className }) {
+    return _jsx("span", { className: cn('font-mono text-xs text-muted-foreground', className), children: children });
+}
+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] }));
+}
+/** 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] }));
+}
+/** Fires `open` after `delayMs`; used so fast restores show no intermediate UI. */
+export function usePastDelay(delayMs) {
+    const [elapsed, setElapsed] = useState(false);
+    useEffect(() => {
+        const timer = setTimeout(() => setElapsed(true), delayMs);
+        return () => clearTimeout(timer);
+    }, [delayMs]);
+    return elapsed;
+}
+/**
+ * One screen: an optional top bar, a scrolling main area, and an action area
+ * pinned to the bottom so the primary action and errors are always visible.
+ * 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 className = 'flex min-h-0 flex-1 flex-col';
+    return onSubmit
+        ? _jsx("form", { ...state, onSubmit: onSubmit, className: className, noValidate: true, children: inner })
+        : _jsx("div", { ...state, className: className, children: inner });
+}

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

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+export type SignInPresentation = 'window' | 'dialog' | 'page';
+/** Application-side source mark. The component never hard-codes an application. */
+export interface AppIdentity {
+    name: string;
+    icon?: ReactNode;
+}
+/** Where a Pod lives: Xpod Cloud, or an edge device (this computer, a NAS...). */
+export type StorageLocationKind = 'cloud' | 'edge';
+export interface StorageLocation {
+    kind: StorageLocationKind;
+    /** Announced by screen readers and shown on hover. */
+    label: string;
+}

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,5 @@
+/**
+ * Short display name for a WebID that has no remembered profile: the last
+ * meaningful path segment (`/alice/profile/card#me` -> `alice`), else the host.
+ */
+export declare function webIdShortName(webId: string): string;

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

@@ -0,0 +1,14 @@
+/**
+ * Short display name for a WebID that has no remembered profile: the last
+ * meaningful path segment (`/alice/profile/card#me` -> `alice`), else the host.
+ */
+export function webIdShortName(webId) {
+    try {
+        const url = new URL(webId);
+        const segments = url.pathname.split('/').filter((segment) => segment && !['profile', 'card'].includes(segment));
+        return segments[segments.length - 1] ?? url.hostname;
+    }
+    catch {
+        return webId;
+    }
+}

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

@@ -30,4 +30,7 @@ export interface StorageBootstrapViewProps {
      */
     framed?: boolean;
 }
+/**
+ * @deprecated Use PodSignIn with a `notice` (the Pod is prepared after sign-in, not before) (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
+ */
 export declare function StorageBootstrapView({ state: stateInput, copy, pending, onCreate, onContinue, onRetry, onCancel, framed, }: StorageBootstrapViewProps): import("react").JSX.Element;

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

@@ -9,6 +9,9 @@ function normalizeState(state) {
         return { status: state };
     return state;
 }
+/**
+ * @deprecated Use PodSignIn with a `notice` (the Pod is prepared after sign-in, not before) (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
+ */
 export function StorageBootstrapView({ state: stateInput, copy, pending = false, onCreate, onContinue, onRetry, onCancel, framed = true, }) {
     const state = normalizeState(stateInput);
     const canCreate = state.status === 'creation';

package/node_modules/@undefineds.co/shared-ui/dist/theme.css

@@ -1,25 +1,28 @@
 @layer base {
   :root {
     color-scheme: light;
-    --background: 42 38.5% 94.9%;
-    --foreground: 30 13.2% 14.9%;
-    --card: 45 33.3% 97.6%;
+    --background: 42 38.5% 94.9%; /* canvas #F7F4ED */
+    --foreground: 30 13.2% 14.9%; /* text #2B2621 */
+    --card: 45 33.3% 97.6%; /* raised #FBFAF7 */
     --card-foreground: 30 13.2% 14.9%;
     --popover: 45 33.3% 97.6%;
     --popover-foreground: 30 13.2% 14.9%;
-    --primary: 260.6 36.1% 38%;
-    --primary-foreground: 42 38.5% 94.9%;
-    --secondary: 0 10.2% 90.4%;
+    --primary: 260.6 36.1% 38%; /* action #563E84 */
+    --primary-foreground: 42 38.5% 94.9%; /* on-action #F7F4ED */
+    --primary-hover: 261 35.7% 32.9%; /* action hover #4B3672 */
+    --primary-pressed: 261.2 35.7% 28%; /* action pressed #402E61 */
+    --secondary: 0 10.2% 90.4%; /* tint canvas #E9E4E4 */
     --secondary-foreground: 30 13.2% 14.9%;
-    --muted: 18 15.6% 87.5%;
-    --muted-foreground: 33.3 9.8% 36.1%;
-    --accent: 324 7.5% 86.9%;
+    --muted: 18 15.6% 87.5%; /* tint sunken #E4DDDA */
+    --muted-foreground: 33.3 9.8% 36.1%; /* muted #655D53 */
+    --accent: 0 10.2% 90.4%; /* tint #E9E4E4 */
     --accent-foreground: 30 13.2% 14.9%;
     --destructive: 352 43% 49%;
     --destructive-foreground: 0 0% 100%;
-    --border: 36 13.5% 85.5%;
-    --input: 36 4% 51%;
-    --ring: 260.6 36.1% 38%;
+    --border: 36 13.5% 85.5%; /* line #DFDBD5 */
+    --input: 36 4% 51%; /* control #87837D */
+    --control-strong: 33.3 9.8% 36.1%; /* control-strong on tint #655D53 */
+    --ring: 260.6 36.1% 38%; /* focus = action #563E84 */
     --lineage: 260.6 36.1% 38%;
     --lineage-foreground: 42 38.5% 94.9%;
     --boundary: 202 34% 37%;
@@ -36,52 +39,44 @@
     --radius-2xl: 16px;
     --radius-3xl: 16px;
     --radius: 0.5rem;
-    --layout-sidebar: 41.3 38.1% 91.8%;
-    --layout-list-header: 42 38.5% 94.9%;
-    --layout-list-hover: 0 10.2% 90.4%;
-    --layout-list-item: 45 33.3% 97.6%;
-    --layout-list-selected: 324 7.5% 86.9%;
-    --layout-content: 42 38.5% 94.9%;
+    --layout-sidebar: 41.3 38.1% 91.8%; /* sunken #F2EDE2 */
+    --layout-list-header: 42 38.5% 94.9%; /* canvas #F7F4ED */
+    --layout-list-hover: 0 10.2% 90.4%; /* tint #E9E4E4 */
+    --layout-list-item: 45 33.3% 97.6%; /* raised #FBFAF7 */
+    --layout-list-selected: 0 10.2% 90.4%; /* tint #E9E4E4 */
+    --layout-content: 42 38.5% 94.9%; /* canvas #F7F4ED */
     --purple-medium: 260.6 36.1% 38%;
     --purple-deep: 261.2 35.7% 28%;
     --purple-light: 258 48% 84%;
-    --control-strong: 33.3 9.8% 36.1%;
-    --action-hover: 261 35.7% 32.9%;
-    --action-pressed: 261.2 35.7% 28%;
-    --tint-canvas: 0 10.2% 90.4%;
-    --tint-sunken: 18 15.6% 87.5%;
-    --tint-badge: 324 7.5% 86.9%;
-    /* 公共叠层：§8.2 层级表的唯一来源，页面不得自带数值 */
-    --layer-base: 0;
-    --layer-sticky: 10;
-    --layer-popover: 20;
-    --layer-backdrop: 30;
-    --layer-modal: 40;
-    --layer-toast: 50;
-    --scrim: 30 13.8% 11.4%;
+    --sunken: 41.3 38.1% 91.8%; /* sunken #F2EDE2 */
   }
 
   .dark {
     color-scheme: dark;
-    --background: 30 13.8% 11.4%;
-    --foreground: 42 38.5% 94.9%;
-    --card: 30 13.2% 14.9%;
+    --background: 30 13.8% 11.4%; /* canvas #211D19 */
+    --foreground: 42 38.5% 94.9%; /* text #F7F4ED */
+    --card: 30 13.2% 14.9%; /* raised #2B2621 */
     --card-foreground: 42 38.5% 94.9%;
     --popover: 30 13.2% 14.9%;
     --popover-foreground: 42 38.5% 94.9%;
-    --primary: 270 16.7% 71.8%;
-    --primary-foreground: 30 13.8% 11.4%;
-    --secondary: 276.9 11.7% 21.8%;
+    /* R2 §8.4: the fixed brand violet is 1.93:1 on dark canvas, so the dark
+       action role is the lightened mapping, never #563E84 itself. */
+    --primary: 270 16.7% 71.8%; /* action #B7ABC3 */
+    --primary-foreground: 30 13.8% 11.4%; /* on-action #211D19 */
+    --primary-hover: 271.6 16.8% 77.8%; /* action hover #C7BDD0 */
+    --primary-pressed: 264.4 18.8% 66.7%; /* action pressed #A79ABA */
+    --secondary: 276.9 11.7% 21.8%; /* tint #39313E */
     --secondary-foreground: 42 38.5% 94.9%;
-    --muted: 276.9 11.7% 21.8%;
-    --muted-foreground: 34.3 15.8% 73.9%;
-    --accent: 276.9 11.7% 21.8%;
+    --muted: 276.9 11.7% 21.8%; /* tint #39313E */
+    --muted-foreground: 34.3 15.8% 73.9%; /* muted #C7BEB2 */
+    --accent: 276.9 11.7% 21.8%; /* tint #39313E */
     --accent-foreground: 42 38.5% 94.9%;
     --destructive: 352 43% 49%;
     --destructive-foreground: 0 0% 100%;
-    --border: 30 12.3% 25.5%;
-    --input: 32.7 9.2% 53.3%;
-    --ring: 270 16.7% 71.8%;
+    --border: 30 12.3% 25.5%; /* line #494139 */
+    --input: 32.7 9.2% 53.3%; /* control #93897D */
+    --control-strong: 33.9 13.6% 66.9%; /* control-strong on tint #B6AC9F */
+    --ring: 270 16.7% 71.8%; /* focus = action #B7ABC3 */
     --lineage: 270 16.7% 71.8%;
     --lineage-foreground: 30 13.8% 11.4%;
     --boundary: 202 34% 48%;
@@ -90,28 +85,13 @@
     --success-foreground: 0 0% 100%;
     --warning: 44 72% 48%;
     --warning-foreground: 0 0% 100%;
-    --layout-sidebar: 30 13.6% 8.6%;
-    --layout-list-header: 30 13.8% 11.4%;
-    --layout-list-hover: 276.9 11.7% 21.8%;
-    --layout-list-item: 30 13.2% 14.9%;
-    --layout-list-selected: 276.9 11.7% 21.8%;
-    --layout-content: 30 13.8% 11.4%;
-    --control-strong: 33.9 13.6% 66.9%;
-    --action-hover: 271.6 16.8% 77.8%;
-    --action-pressed: 264.4 18.8% 66.7%;
-    --tint-canvas: 276.9 11.7% 21.8%;
-    --tint-sunken: 276.9 11.7% 21.8%;
-    --tint-badge: 276.9 11.7% 21.8%;
-    --purple-medium: 270 16.7% 71.8%;
-    --purple-deep: 264.4 18.8% 66.7%;
-    /* 公共叠层：§8.2 层级表的唯一来源，页面不得自带数值 */
-    --layer-base: 0;
-    --layer-sticky: 10;
-    --layer-popover: 20;
-    --layer-backdrop: 30;
-    --layer-modal: 40;
-    --layer-toast: 50;
-    --scrim: 30 13.8% 11.4%;
+    --layout-sidebar: 30 13.6% 8.6%; /* sunken #191613 */
+    --layout-list-header: 30 13.8% 11.4%; /* canvas #211D19 */
+    --layout-list-hover: 276.9 11.7% 21.8%; /* tint #39313E */
+    --layout-list-item: 30 13.2% 14.9%; /* raised #2B2621 */
+    --layout-list-selected: 276.9 11.7% 21.8%; /* tint #39313E */
+    --layout-content: 30 13.8% 11.4%; /* canvas #211D19 */
+    --sunken: 30 13.6% 8.6%; /* sunken #191613 */
   }
 
   .light {
@@ -124,16 +104,19 @@
     --popover-foreground: 30 13.2% 14.9%;
     --primary: 260.6 36.1% 38%;
     --primary-foreground: 42 38.5% 94.9%;
+    --primary-hover: 261 35.7% 32.9%;
+    --primary-pressed: 261.2 35.7% 28%;
     --secondary: 0 10.2% 90.4%;
     --secondary-foreground: 30 13.2% 14.9%;
     --muted: 18 15.6% 87.5%;
     --muted-foreground: 33.3 9.8% 36.1%;
-    --accent: 324 7.5% 86.9%;
+    --accent: 0 10.2% 90.4%;
     --accent-foreground: 30 13.2% 14.9%;
     --destructive: 352 43% 49%;
     --destructive-foreground: 0 0% 100%;
     --border: 36 13.5% 85.5%;
     --input: 36 4% 51%;
+    --control-strong: 33.3 9.8% 36.1%;
     --ring: 260.6 36.1% 38%;
     --lineage: 260.6 36.1% 38%;
     --lineage-foreground: 42 38.5% 94.9%;
@@ -147,25 +130,12 @@
     --layout-list-header: 42 38.5% 94.9%;
     --layout-list-hover: 0 10.2% 90.4%;
     --layout-list-item: 45 33.3% 97.6%;
-    --layout-list-selected: 324 7.5% 86.9%;
+    --layout-list-selected: 0 10.2% 90.4%;
     --layout-content: 42 38.5% 94.9%;
     --purple-medium: 260.6 36.1% 38%;
     --purple-deep: 261.2 35.7% 28%;
     --purple-light: 258 48% 84%;
-    --control-strong: 33.3 9.8% 36.1%;
-    --action-hover: 261 35.7% 32.9%;
-    --action-pressed: 261.2 35.7% 28%;
-    --tint-canvas: 0 10.2% 90.4%;
-    --tint-sunken: 18 15.6% 87.5%;
-    --tint-badge: 324 7.5% 86.9%;
-    /* 公共叠层：§8.2 层级表的唯一来源，页面不得自带数值 */
-    --layer-base: 0;
-    --layer-sticky: 10;
-    --layer-popover: 20;
-    --layer-backdrop: 30;
-    --layer-modal: 40;
-    --layer-toast: 50;
-    --scrim: 30 13.8% 11.4%;
+    --sunken: 41.3 38.1% 91.8%;
   }
 
   html,
@@ -175,10 +145,11 @@
   }
 
   /*
-   * Shared native-control baseline. The `html` prefix intentionally gives
-   * these semantic colors precedence over @tailwindcss/forms' fixed white
-   * defaults, even when a consumer imports this theme before Tailwind's base
-   * layer. Product components remain free to override the rest of the shape.
+   * Shared native-control baseline. The `html` prefix gives these rules more
+   * specificity than @tailwindcss/forms' `input:where([type='text'])` base
+   * (0,0,1) so the semantic colours stay in charge, while `:where()` keeps the
+   * added specificity at zero. The control's focus outline lives in one place
+   * (the shared `controlFocusClass`), so nothing here may outrank a utility.
    */
   html input:where(:not([type]), [type='text'], [type='email'], [type='password'], [type='number'], [type='date'], [type='datetime-local'], [type='month'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='week']),
   html textarea,
@@ -205,6 +176,28 @@
     --tw-ring-offset-color: hsl(var(--background));
   }
 
+  /*
+   * Clear @tailwindcss/forms' fixed blue focus colour (border + ring box-shadow)
+   * so it cannot stack with the shared outline into the double frame the design
+   * forbids. Every native control is covered — text inputs, textarea, select and
+   * also checkbox/radio, whose plugin rule is `input:where([type=...]):focus`
+   * (0,1,1) like the text fields and would otherwise keep its blue 2px/4px ring.
+   * This selector is deliberately (0,1,2): it outranks every plugin base
+   * (0,1,1) but loses to the shared `focus-visible:outline-*` utility (0,2,0),
+   * which stays the single owner of the visible control focus boundary. The
+   * checked/hover state selectors (0,2,1) still win, so a checked box keeps its
+   * filled appearance.
+   */
+  html input:focus,
+  html textarea:focus,
+  html select:focus {
+    border-color: hsl(var(--input));
+    outline: none;
+    box-shadow: none;
+    --tw-ring-shadow: 0 0 #0000;
+    --tw-ring-offset-shadow: 0 0 #0000;
+  }
+
   html button,
   html input,
   html textarea,
@@ -220,6 +213,22 @@
     outline: none;
   }
 
+  /*
+   * Keyboard-focus fallback for legacy native controls that never adopted the
+   * shared `controlFocusClass` (settings pages, document panels, plain
+   * selects). The blanket `:focus { outline: none }` above must not erase the
+   * keyboard affordance, so this rule wins on source order at the same
+   * specificity and restores the one ink-violet outline. Shared controls keep
+   * the utility as the single owner: `focus-visible:outline-*` is (0,2,0) and
+   * outranks this (0,1,2) fallback, so no second boundary appears.
+   */
+  html input:focus-visible,
+  html textarea:focus-visible,
+  html select:focus-visible {
+    outline: 2px solid hsl(var(--ring));
+    outline-offset: 3px;
+  }
+
   html input:-webkit-autofill,
   html input:-webkit-autofill:hover,
   html input:-webkit-autofill:focus,
@@ -238,6 +247,8 @@
   --color-card-foreground: hsl(var(--card-foreground));
   --color-primary: hsl(var(--primary));
   --color-primary-foreground: hsl(var(--primary-foreground));
+  --color-primary-hover: hsl(var(--primary-hover));
+  --color-primary-pressed: hsl(var(--primary-pressed));
   --color-secondary: hsl(var(--secondary));
   --color-secondary-foreground: hsl(var(--secondary-foreground));
   --color-muted: hsl(var(--muted));
@@ -248,7 +259,9 @@
   --color-destructive-foreground: hsl(var(--destructive-foreground));
   --color-border: hsl(var(--border));
   --color-input: hsl(var(--input));
+  --color-control-strong: hsl(var(--control-strong));
   --color-ring: hsl(var(--ring));
+  --color-sunken: hsl(var(--sunken));
   --color-success: hsl(var(--success));
   --color-warning: hsl(var(--warning));
   --color-layout-sidebar: hsl(var(--layout-sidebar));
@@ -260,9 +273,32 @@
 }
 
 @layer components {
-  /* 弹层遮罩的唯一实现：颜色来自 --scrim，透明度不散落在页面 */
-  .xpod-overlay-scrim {
-    background-color: hsl(var(--scrim) / 0.45);
+  /*
+   * Pod sign-in front door (spec §5): system sans stack, 14/22 body, and one
+   * focus treatment (2px primary outline, 3px offset). No web fonts.
+   */
+  .pod-sign-in {
+    font-family: 'PingFang SC', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans SC', 'Helvetica Neue', Arial, sans-serif;
+    font-size: 14px;
+    line-height: 22px;
+  }
+
+  /*
+   * Front-door focus for links, buttons and summary. Form controls are excluded:
+   * the shared control primitive owns their focus outline, so a control never
+   * draws this outline and its own at once.
+   */
+  .pod-sign-in :focus-visible:not(input):not(textarea):not(select) {
+    outline: 2px solid hsl(var(--ring));
+    outline-offset: 3px;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .pod-sign-in,
+    .pod-sign-in * {
+      animation: none !important;
+      transition: none !important;
+    }
   }
 
   .warm-card {

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

@@ -64,5 +64,5 @@ function getSnapshot() {
 }
 export function Toaster({ className }) {
     const toasts = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
-    return (_jsx("div", { "aria-live": "polite", role: "status", className: cn('pointer-events-none fixed bottom-4 right-4 z-[var(--layer-toast)] flex w-full max-w-sm flex-col gap-2', className), children: toasts.map((item) => (_jsxs("div", { className: cn(toastVariants({ variant: item.variant }), item.className), children: [_jsxs("div", { className: "min-w-0 flex-1", children: [item.title ? _jsx("p", { className: "font-medium", children: item.title }) : null, item.description ? _jsx("p", { className: cn(item.title ? 'mt-0.5' : undefined), children: item.description }) : null] }), _jsx("button", { type: "button", "aria-label": "\u5173\u95ED\u901A\u77E5", className: cn('shrink-0 rounded-sm opacity-60 transition-opacity hover:opacity-100', interactiveFocusClass), onClick: () => dismissToast(item.id), children: _jsx(X, { "aria-hidden": "true", className: "h-3.5 w-3.5" }) })] }, item.id))) }));
+    return (_jsx("div", { "aria-live": "polite", role: "status", className: cn('pointer-events-none fixed bottom-4 right-4 z-[100] flex w-full max-w-sm flex-col gap-2', className), children: toasts.map((item) => (_jsxs("div", { className: cn(toastVariants({ variant: item.variant }), item.className), children: [_jsxs("div", { className: "min-w-0 flex-1", children: [item.title ? _jsx("p", { className: "font-medium", children: item.title }) : null, item.description ? _jsx("p", { className: cn(item.title ? 'mt-0.5' : undefined), children: item.description }) : null] }), _jsx("button", { type: "button", "aria-label": "\u5173\u95ED\u901A\u77E5", className: cn('shrink-0 rounded-sm opacity-60 transition-opacity hover:opacity-100', interactiveFocusClass), onClick: () => dismissToast(item.id), children: _jsx(X, { "aria-hidden": "true", className: "h-3.5 w-3.5" }) })] }, item.id))) }));
 }

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

@@ -5,6 +5,6 @@ import { cn } from "./utils.js";
 const TooltipProvider = TooltipPrimitive.Provider;
 const Tooltip = TooltipPrimitive.Root;
 const TooltipTrigger = TooltipPrimitive.Trigger;
-const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn("z-[var(--layer-popover)] overflow-hidden rounded-md border border-border/50 bg-popover", "px-2 py-1 text-xs text-popover-foreground shadow-md", "animate-in fade-in-0 zoom-in-95", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props })));
+const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn("z-50 overflow-hidden rounded-md border border-border/50 bg-popover", "px-2 py-1 text-xs text-popover-foreground shadow-md", "animate-in fade-in-0 zoom-in-95", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props })));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

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

@@ -106,6 +106,11 @@ export interface WebIdLoginEntryViewProps {
  * Frame-free presentation for hosts that expose exactly one WebID route.
  * Provider discovery, issuer validation, redirects, and session ownership all
  * stay in the host controller; this view only renders the one public action.
+ *
+ * @deprecated Use PodSignIn (state `choose-service`) (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
  */
 export declare function WebIdLoginEntryView({ copy, logo, pending, error, onStart, }: WebIdLoginEntryViewProps): import("react").JSX.Element;
+/**
+ * @deprecated Use PodSignIn (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
+ */
 export declare function WebIdLoginRouteView({ route, state: stateInput, copy, onStart, onConnect, onRouteAction, onSelectRoute, onRetry, onCancel, onSwitchAccount, pending, framed, }: WebIdLoginRouteViewProps): import("react").JSX.Element;

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

@@ -9,6 +9,8 @@ import { cn } from './utils.js';
  * Frame-free presentation for hosts that expose exactly one WebID route.
  * Provider discovery, issuer validation, redirects, and session ownership all
  * stay in the host controller; this view only renders the one public action.
+ *
+ * @deprecated Use PodSignIn (state `choose-service`) (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
  */
 export function WebIdLoginEntryView({ copy, logo, pending = false, error, onStart, }) {
     return (_jsxs("div", { "data-testid": "webid-login-entry", className: "flex h-full min-h-0 flex-1 flex-col px-5 pb-5 pt-7", children: [_jsxs("div", { className: "flex min-h-0 flex-1 flex-col items-center justify-center gap-4 text-center", children: [logo ? _jsx("div", { className: "flex items-center justify-center", children: logo }) : null, copy.title || copy.description ? _jsxs("div", { className: "space-y-1.5", children: [copy.title ? _jsx("h2", { className: "text-lg font-semibold text-foreground", children: copy.title }) : null, copy.description ? (_jsx("p", { className: "text-xs leading-5 text-muted-foreground", children: copy.description })) : null] }) : null, error ? (_jsx("p", { role: "alert", className: "max-w-[15rem] text-sm leading-5 text-destructive", children: error })) : null] }), _jsxs(Button, { type: "button", className: "h-10 w-full shrink-0 rounded-xl", disabled: pending, "aria-busy": pending, onClick: () => void onStart(), children: [pending ? _jsx(Loader2, { "aria-hidden": "true", className: "mr-2 h-4 w-4 animate-spin" }) : null, pending ? copy.pendingLabel : copy.startLabel] })] }));
@@ -31,6 +33,9 @@ function rememberedName(state) {
 function stateMessage(state) {
     return 'message' in state ? state.message : undefined;
 }
+/**
+ * @deprecated Use PodSignIn (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
+ */
 export function WebIdLoginRouteView({ route, state: stateInput, copy, onStart, onConnect, onRouteAction, onSelectRoute, onRetry, onCancel, onSwitchAccount, pending = false, framed = true, }) {
     const state = normalizeState(stateInput);
     const start = onStart ?? onConnect ?? onRouteAction ?? onSelectRoute;

package/node_modules/jose/dist/browser/index.js

@@ -0,0 +1,30 @@
+export { compactDecrypt } from './jwe/compact/decrypt.js';
+export { flattenedDecrypt } from './jwe/flattened/decrypt.js';
+export { generalDecrypt } from './jwe/general/decrypt.js';
+export { GeneralEncrypt } from './jwe/general/encrypt.js';
+export { compactVerify } from './jws/compact/verify.js';
+export { flattenedVerify } from './jws/flattened/verify.js';
+export { generalVerify } from './jws/general/verify.js';
+export { jwtVerify } from './jwt/verify.js';
+export { jwtDecrypt } from './jwt/decrypt.js';
+export { CompactEncrypt } from './jwe/compact/encrypt.js';
+export { FlattenedEncrypt } from './jwe/flattened/encrypt.js';
+export { CompactSign } from './jws/compact/sign.js';
+export { FlattenedSign } from './jws/flattened/sign.js';
+export { GeneralSign } from './jws/general/sign.js';
+export { SignJWT } from './jwt/sign.js';
+export { EncryptJWT } from './jwt/encrypt.js';
+export { calculateJwkThumbprint, calculateJwkThumbprintUri } from './jwk/thumbprint.js';
+export { EmbeddedJWK } from './jwk/embedded.js';
+export { createLocalJWKSet } from './jwks/local.js';
+export { createRemoteJWKSet, jwksCache, experimental_jwksCache } from './jwks/remote.js';
+export { UnsecuredJWT } from './jwt/unsecured.js';
+export { exportPKCS8, exportSPKI, exportJWK } from './key/export.js';
+export { importSPKI, importPKCS8, importX509, importJWK } from './key/import.js';
+export { decodeProtectedHeader } from './util/decode_protected_header.js';
+export { decodeJwt } from './util/decode_jwt.js';
+export * as errors from './util/errors.js';
+export { generateKeyPair } from './key/generate_key_pair.js';
+export { generateSecret } from './key/generate_secret.js';
+export * as base64url from './util/base64url.js';
+export { default as cryptoRuntime } from './util/runtime.js';

package/node_modules/jose/dist/browser/jwe/compact/decrypt.js

@@ -0,0 +1,27 @@
+import { flattenedDecrypt } from '../flattened/decrypt.js';
+import { JWEInvalid } from '../../util/errors.js';
+import { decoder } from '../../lib/buffer_utils.js';
+export async function compactDecrypt(jwe, key, options) {
+    if (jwe instanceof Uint8Array) {
+        jwe = decoder.decode(jwe);
+    }
+    if (typeof jwe !== 'string') {
+        throw new JWEInvalid('Compact JWE must be a string or Uint8Array');
+    }
+    const { 0: protectedHeader, 1: encryptedKey, 2: iv, 3: ciphertext, 4: tag, length, } = jwe.split('.');
+    if (length !== 5) {
+        throw new JWEInvalid('Invalid Compact JWE');
+    }
+    const decrypted = await flattenedDecrypt({
+        ciphertext,
+        iv: iv || undefined,
+        protected: protectedHeader,
+        tag: tag || undefined,
+        encrypted_key: encryptedKey || undefined,
+    }, key, options);
+    const result = { plaintext: decrypted.plaintext, protectedHeader: decrypted.protectedHeader };
+    if (typeof key === 'function') {
+        return { ...result, key: decrypted.key };
+    }
+    return result;
+}