@undefineds.co/xpod 0.4.20 → 0.4.27

package/node_modules/@undefineds.co/pod-collections/dist/mutations.js

@@ -1,5 +1,5 @@
 import { PodCollectionError } from './types.js';
-import { descriptorRowToColumnValues, fieldBindings, isUriArrayField, projectionFieldOrder, } from './mapping.js';
+import { descriptorRowToColumnValues, fieldBindings, isUriArrayField, normalizeMutationRow, normalizeUriArray, projectionFieldOrder, } from './mapping.js';
 import { documentOfIri, resourceIdForRow, subjectIriForRow } from './layout.js';
 import { sessionFetchOf } from './read.js';
 import { projectionCovers, projectionHash } from './diff.js';
@@ -109,13 +109,6 @@ export function reconcilePendingWrites(pending, next, hashOf, writeOnly = EMPTY_
 }
 /** 默认「没有只写字段」，与 `projectionCovers()` 的默认值同义。 */
 const EMPTY_WRITE_ONLY = new Set();
-function absoluteUri(value, base) {
-    if (typeof value !== 'string' || value.length === 0)
-        return undefined;
-    if (/^[a-z][a-z0-9+.-]*:/iu.test(value))
-        return value;
-    return new URL(value, base).toString();
-}
 /**
  * `array: true` + `type: 'uri'` 字段的唯一写入口（§4.1）：一次 SPARQL PATCH，
  * 先删旧值再插新值。`array + uri` 之外字段不允许走这里。
@@ -126,12 +119,8 @@ export async function writeField(context, fieldName, options) {
         throw new PodCollectionError('write_field_not_uri_array', `field ${fieldName} is not array+uri; it must go through the ORM`);
     }
     const documentUrl = documentOfIri(context.document);
-    const previous = (Array.isArray(options.previous) ? options.previous : [options.previous])
-        .map((value) => absoluteUri(value, documentUrl))
-        .filter((value) => value !== undefined);
-    const next = (Array.isArray(options.next) ? options.next : [options.next])
-        .map((value) => absoluteUri(value, documentUrl))
-        .filter((value) => value !== undefined);
+    const previous = normalizeUriArray(options.previous, documentUrl);
+    const next = normalizeUriArray(options.next, documentUrl);
     const triples = (iris) => iris
         .map((iri) => `<${options.subjectIri}> <${field.predicate}> <${iri}> .`)
         .join('\n');
@@ -183,10 +172,14 @@ export function createMutationHandlers(context) {
     return {
         onInsert: async ({ transaction }) => {
             for (const mutation of transaction.mutations) {
-                const row = mutation.modified;
                 const key = String(mutation.key);
                 const resourceId = resourceIdForRow(descriptor, context.document, context.podUrl, key);
                 const subjectIri = subjectIriForRow(descriptor, context.document, key);
+                const row = normalizeMutationRow(descriptor, table, mutation.modified, {
+                    database: context.database, podUrl: context.podUrl, document: context.document, resourceId,
+                });
+                // TanStack keeps modified as its optimistic/committed transaction row.
+                Object.assign(mutation.modified, row);
                 pending.register({
                     key,
                     intent: row,
@@ -207,10 +200,13 @@ export function createMutationHandlers(context) {
             for (const mutation of transaction.mutations) {
                 const key = String(mutation.key);
                 const original = mutation.original;
-                const modified = mutation.modified;
                 const changes = mutation.changes;
                 const resourceId = resourceIdForRow(descriptor, context.document, context.podUrl, key);
                 const subjectIri = subjectIriForRow(descriptor, context.document, key);
+                const modified = normalizeMutationRow(descriptor, table, mutation.modified, {
+                    database: context.database, podUrl: context.podUrl, document: context.document, resourceId,
+                });
+                Object.assign(mutation.modified, modified);
                 const beforeHash = original && Object.keys(original).length > 0 ? hashOf(original) : undefined;
                 pending.register({
                     key,
@@ -220,13 +216,13 @@ export function createMutationHandlers(context) {
                 });
                 await runWrite(key, async () => {
                     const columnChanges = {};
-                    for (const [field, value] of Object.entries(changes)) {
+                    for (const field of Object.keys(changes)) {
                         if (uriArrayFieldNames.has(field))
                             continue;
                         const column = columnOf(field);
                         if (column === undefined)
                             continue;
-                        columnChanges[column] = value;
+                        columnChanges[column] = modified[field];
                     }
                     if (Object.keys(columnChanges).length > 0) {
                         const updated = await context.database.updateById(table, resourceId, columnChanges);

package/node_modules/@undefineds.co/pod-collections/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@undefineds.co/pod-collections",
-  "version": "0.1.0",
+  "version": "0.1.4",
   "private": false,
   "type": "module",
   "sideEffects": false,
@@ -27,7 +27,7 @@
   "dependencies": {
     "@tanstack/db": "0.9.0",
     "@tanstack/react-db": "0.3.8",
-    "@undefineds.co/models": "0.2.59"
+    "@undefineds.co/models": "0.2.60"
   },
   "peerDependencies": {
     "react": "^19.2.0"

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

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

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

@@ -1,7 +1,7 @@
 import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 export declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "pending" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }

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

@@ -9,6 +9,8 @@ export const badgeVariants = cva(`inline-flex items-center rounded-lg border px-
             secondary: 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
             destructive: 'border-transparent bg-destructive text-destructive-foreground shadow-sm shadow-destructive/20 hover:bg-destructive/90',
             outline: 'border-border/40 text-foreground bg-muted/30 backdrop-blur-sm',
+            // Purely visual "not connected yet" marker: dashed, unfilled, muted.
+            pending: 'border border-dashed border-muted-foreground bg-transparent text-muted-foreground shadow-none hover:bg-transparent',
         },
     },
     defaultVariants: { variant: 'default' },

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface BrandInfoProps {
+    logo: React.ReactNode;
+    info?: React.ReactNode;
+    infoLabel?: string;
+    className?: string;
+}
+/** A host-provided brand with optional, progressively disclosed details. */
+export declare function BrandInfo({ logo, info, infoLabel, className }: BrandInfoProps): React.JSX.Element;

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

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Info } from 'lucide-react';
+import { Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger } from './tooltip.js';
+import { cn } from './utils.js';
+/** A host-provided brand with optional, progressively disclosed details. */
+export function BrandInfo({ logo, info, infoLabel = 'Details', className }) {
+    const [open, setOpen] = React.useState(false);
+    const triggerRef = React.useRef(null);
+    return (_jsxs("div", { className: cn('inline-flex min-w-0 items-center gap-1', className), children: [logo, info != null && info !== false ? (_jsx(TooltipProvider, { delayDuration: 150, children: _jsxs(Tooltip, { open: open, onOpenChange: setOpen, children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { ref: triggerRef, type: "button", "aria-label": infoLabel, "aria-expanded": open, className: "inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full text-muted-foreground hover:bg-primary/10 hover:text-primary focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary", onPointerDown: (event) => event.preventDefault(), onClick: (event) => {
+                                    // Preserve click/touch toggling instead of Radix's close-on-click default.
+                                    event.preventDefault();
+                                    setOpen((value) => !value);
+                                }, children: _jsx(Info, { className: "h-4 w-4", "aria-hidden": "true" }) }) }), _jsx(TooltipPortal, { children: _jsx(TooltipContent, { side: "bottom", align: "center", collisionPadding: 12, onPointerDownOutside: (event) => {
+                                    // The trigger's subsequent click owns toggling; dismissing here would reopen it.
+                                    if (event.target instanceof Node && triggerRef.current?.contains(event.target))
+                                        event.preventDefault();
+                                }, className: "max-w-[min(320px,calc(100vw-24px))] space-y-2 p-3 text-left leading-relaxed [overflow-wrap:anywhere]", children: info }) })] }) })) : null] }));
+}

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

@@ -4,7 +4,7 @@ import { cva } from 'class-variance-authority';
 import * as React from 'react';
 import { buttonFocusClass } from './focus.js';
 import { cn } from './utils.js';
-export const buttonVariants = cva(`inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors ${buttonFocusClass} disabled:pointer-events-none disabled:opacity-50`, {
+export const buttonVariants = cva(`inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors active:translate-y-px ${buttonFocusClass} disabled:pointer-events-none disabled:opacity-50`, {
     variants: {
         variant: {
             default: 'bg-primary text-primary-foreground hover:bg-primary/90 focus-visible:bg-primary/80',

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    indeterminate?: boolean;
+}
+/** A real form input: checked state and change events remain native. */
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Check, Minus } from 'lucide-react';
+import { controlFocusClass } from './focus.js';
+import { cn } from './utils.js';
+/** A real form input: checked state and change events remain native. */
+export const Checkbox = React.forwardRef(({ className, indeterminate = false, ...props }, forwardedRef) => {
+    const inputRef = React.useRef(null);
+    React.useImperativeHandle(forwardedRef, () => inputRef.current);
+    React.useEffect(() => {
+        if (inputRef.current)
+            inputRef.current.indeterminate = indeterminate;
+    });
+    return (_jsxs("span", { className: "relative inline-flex shrink-0 items-center justify-center align-middle", children: [_jsx("input", { ...props, ref: inputRef, type: "checkbox", className: cn('peer m-0 h-4 w-4 shrink-0 appearance-none rounded border border-input bg-background checked:border-primary checked:bg-primary checked:bg-none indeterminate:border-primary indeterminate:bg-primary indeterminate:bg-none disabled:cursor-not-allowed disabled:opacity-50', controlFocusClass, className) }), _jsx(Check, { "aria-hidden": "true", className: "pointer-events-none absolute hidden h-3 w-3 text-primary-foreground peer-checked:block peer-indeterminate:hidden peer-disabled:opacity-50", strokeWidth: 3 }), _jsx(Minus, { "aria-hidden": "true", className: "pointer-events-none absolute hidden h-3 w-3 text-primary-foreground peer-indeterminate:block peer-disabled:opacity-50", strokeWidth: 3 })] }));
+});
+Checkbox.displayName = 'Checkbox';

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

@@ -0,0 +1,16 @@
+import { type ReactNode } from 'react';
+export interface ConfirmationDialogProps {
+    open: boolean;
+    onOpenChange(open: boolean): void;
+    title: string;
+    description: ReactNode;
+    children?: ReactNode;
+    confirmLabel: string;
+    confirmVariant?: 'default' | 'destructive';
+    cancelLabel: string;
+    pending?: boolean;
+    error?: string | null;
+    onConfirm(): void;
+}
+/** Destructive confirmation: focus Cancel first, keep failures retryable. */
+export declare function ConfirmationDialog({ open, onOpenChange, title, description, children, confirmLabel, cancelLabel, pending, error, onConfirm, confirmVariant, }: ConfirmationDialogProps): import("react").JSX.Element;

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { Button } from './button.js';
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from './dialog.js';
+/** Destructive confirmation: focus Cancel first, keep failures retryable. */
+export function ConfirmationDialog({ open, onOpenChange, title, description, children, confirmLabel, cancelLabel, pending = false, error, onConfirm, confirmVariant = 'destructive', }) {
+    const cancelRef = useRef(null);
+    const returnFocusRef = useRef(null);
+    return (_jsx(Dialog, { open: open, onOpenChange: (next) => { if (!pending)
+            onOpenChange(next); }, children: _jsxs(DialogContent, { hideCloseButton: true, className: "w-[calc(100%_-_2rem)] max-h-[calc(100dvh_-_2rem)] overflow-y-auto", "aria-busy": pending, onOpenAutoFocus: (event) => {
+                returnFocusRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+                event.preventDefault();
+                cancelRef.current?.focus();
+            }, onCloseAutoFocus: (event) => {
+                if (returnFocusRef.current?.isConnected) {
+                    event.preventDefault();
+                    returnFocusRef.current.focus();
+                }
+            }, onEscapeKeyDown: (event) => { if (pending)
+                event.preventDefault(); }, onInteractOutside: (event) => { if (pending)
+                event.preventDefault(); }, children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { children: description })] }), children, error ? _jsx("p", { role: "alert", className: "text-sm text-destructive", children: error }) : null, _jsxs(DialogFooter, { className: "gap-2", children: [_jsx(Button, { ref: cancelRef, variant: "outline", disabled: pending, onClick: () => onOpenChange(false), children: cancelLabel }), _jsx(Button, { variant: confirmVariant, disabled: pending, onClick: onConfirm, children: confirmLabel })] })] }) }));
+}

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

@@ -7,6 +7,9 @@ declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.Dialo
 declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     variant?: "center" | "sheet-left" | "sheet-right";
+    closeLabel?: string;
+    closeDisabled?: boolean;
+    hideCloseButton?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;

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

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

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { type InputProps } from './input.js';
+export type EmailInputProps = Omit<InputProps, 'type' | 'inputMode'>;
+/**
+ * Native text selection for email fields, including Chrome integrations that
+ * cannot preserve a type=email range. Validation still comes from the browser's
+ * email implementation; the validator never enters the document or takes focus.
+ */
+export declare const EmailInput: React.ForwardRefExoticComponent<EmailInputProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Input } from './input.js';
+/**
+ * Native text selection for email fields, including Chrome integrations that
+ * cannot preserve a type=email range. Validation still comes from the browser's
+ * email implementation; the validator never enters the document or takes focus.
+ */
+export const EmailInput = React.forwardRef(({ onInput, onChange, autoCapitalize = 'none', spellCheck = false, ...props }, forwardedRef) => {
+    const inputRef = React.useRef(null);
+    const validatorRef = React.useRef(null);
+    React.useImperativeHandle(forwardedRef, () => inputRef.current, []);
+    const synchronizeValidity = React.useCallback((input) => {
+        const validator = validatorRef.current ?? (validatorRef.current = input.ownerDocument.createElement('input'));
+        validator.type = 'email';
+        validator.multiple = input.multiple;
+        validator.required = input.required;
+        validator.value = input.value;
+        input.setCustomValidity(validator.validity.valid ? '' : validator.validationMessage);
+    }, []);
+    React.useLayoutEffect(() => {
+        if (inputRef.current)
+            synchronizeValidity(inputRef.current);
+    });
+    React.useEffect(() => {
+        const input = inputRef.current;
+        const form = input?.form;
+        if (!input || !form)
+            return;
+        // Reset restores values after its event; validate the restored value.
+        const onReset = () => queueMicrotask(() => synchronizeValidity(input));
+        form.addEventListener('reset', onReset);
+        return () => form.removeEventListener('reset', onReset);
+    }, [props.form, synchronizeValidity]);
+    const validateEdit = (input) => {
+        synchronizeValidity(input);
+        // React may restore a controlled value after the event handlers finish.
+        queueMicrotask(() => synchronizeValidity(input));
+    };
+    return (_jsx(Input, { ...props, ref: inputRef, type: "text", inputMode: "email", autoCapitalize: autoCapitalize, spellCheck: spellCheck, onInput: (event) => { validateEdit(event.currentTarget); onInput?.(event); }, onChange: (event) => { validateEdit(event.currentTarget); onChange?.(event); } }));
+});
+EmailInput.displayName = 'EmailInput';

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

@@ -0,0 +1,8 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'children'> {
+    title?: ReactNode;
+    description?: ReactNode;
+    action?: ReactNode;
+}
+/** Optional content and actions are supplied by the owning app. */
+export declare function EmptyState({ title, description, action, className, ...props }: EmptyStateProps): import("react").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from './utils.js';
+/** Optional content and actions are supplied by the owning app. */
+export function EmptyState({ title, description, action, className, ...props }) {
+    return (_jsxs("div", { ...props, className: cn('flex flex-col items-start gap-2 py-6 text-sm text-muted-foreground', className), children: [title ? _jsx("h3", { className: "font-medium text-foreground", children: title }) : null, description ? _jsx("div", { children: description }) : null, action] }));
+}

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

@@ -1,11 +1,10 @@
 /**
  * Shared keyboard-focus treatments for controls and other interactive items.
  *
- * Keep these as a single outline. Stacking Tailwind rings and ring offsets on
- * top of a native form focus border creates the double-frame effect that this
- * package intentionally avoids.
+ * Framed form controls use their existing border for focus. An offset outline
+ * adds a second boundary even when the native blue ring has been removed.
  */
-export declare const controlFocusClass = "focus:outline-none focus:ring-0 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-ring";
+export declare const controlFocusClass = "focus:[outline:none] focus:[box-shadow:none] focus:border-ring focus-visible:[outline:none] focus-visible:border-2 focus-visible:border-ring";
 export declare const interactiveFocusClass = "focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring";
 /**
  * Buttons communicate keyboard focus through their existing surface instead

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

@@ -1,11 +1,10 @@
 /**
  * Shared keyboard-focus treatments for controls and other interactive items.
  *
- * Keep these as a single outline. Stacking Tailwind rings and ring offsets on
- * top of a native form focus border creates the double-frame effect that this
- * package intentionally avoids.
+ * Framed form controls use their existing border for focus. An offset outline
+ * adds a second boundary even when the native blue ring has been removed.
  */
-export const controlFocusClass = 'focus:outline-none focus:ring-0 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-ring';
+export const controlFocusClass = 'focus:[outline:none] focus:[box-shadow:none] focus:border-ring focus-visible:[outline:none] focus-visible:border-2 focus-visible:border-ring';
 export const interactiveFocusClass = 'focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring';
 /**
  * Buttons communicate keyboard focus through their existing surface instead

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

@@ -0,0 +1,2 @@
+/** Internal shared surface; consumers choose native semantics and control height. */
+export declare const formControlClass = "w-full rounded-md border border-input bg-background px-3 py-2 text-sm transition-[border-color] placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 focus:[outline:none] focus:[box-shadow:none] focus:border-ring focus-visible:[outline:none] focus-visible:border-2 focus-visible:border-ring";

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

@@ -0,0 +1,3 @@
+import { controlFocusClass } from './focus.js';
+/** Internal shared surface; consumers choose native semantics and control height. */
+export const formControlClass = `w-full rounded-md border border-input bg-background px-3 py-2 text-sm transition-[border-color] placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 ${controlFocusClass}`;

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

@@ -0,0 +1,15 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export interface FormFieldControlProps {
+    id: string;
+    'aria-invalid'?: true;
+    'aria-describedby'?: string;
+}
+export interface FormFieldProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    label: ReactNode;
+    error?: string;
+    hint?: ReactNode;
+    labelAside?: ReactNode;
+    children: (props: FormFieldControlProps) => ReactNode;
+}
+/** Presentation only: callers own the control, validation and submission. */
+export declare function FormField({ label, error, hint, labelAside, children, className, ...props }: FormFieldProps): import("react").JSX.Element;

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { cn } from './utils.js';
+/** Presentation only: callers own the control, validation and submission. */
+export function FormField({ label, error, hint, labelAside, children, className, ...props }) {
+    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", { ...props, className: cn('flex flex-col gap-1.5', className), 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] }));
+}

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

@@ -1,32 +1,49 @@
-export * from './avatar';
-export * from './auth-surface';
-export * from './badge';
-export * from './button';
-export * from './card';
-export * from './dialog';
-export * from './focus';
-export * from './user-facing-errors';
-export * from './input';
-export * from './label';
-export { LoginAccountView, LoginAvatar, LoginCardShell, LoginConnectingView, LoginErrorBanner, LoginFailureView, LoginRestoringView, RememberedLoginView, type RememberedLoginIdentity, type RememberedLoginViewCopy, type SessionLoginPresentationState, type SessionLoginStatus, } from './login';
+export * from './avatar.js';
+export * from './auth-surface.js';
+export * from './badge.js';
+export * from './brand-info.js';
+export * from './button.js';
+export * from './card.js';
+export * from './dialog.js';
+export * from './confirmation-dialog.js';
+export * from './focus.js';
+export * from './user-facing-errors.js';
+export * from './input.js';
+export * from './native-select.js';
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem } from './select.js';
+export * from './textarea.js';
+export * from './checkbox.js';
+export { FormField, type FormFieldProps, type FormFieldControlProps } from './form-field.js';
+export { EmptyState, type EmptyStateProps } from './empty-state.js';
+export * from './search-input.js';
+export * from './email-input.js';
+export * from './label.js';
+export * from './status.js';
+export * from './notice.js';
+export * from './section-header.js';
+export * from './list.js';
+export * from './segmented-control.js';
+export * from './setting-row.js';
+export * from './meter.js';
+export { LoginAccountView, LoginAvatar, LoginCardShell, LoginConnectingView, LoginErrorBanner, LoginFailureView, LoginRestoringView, RememberedLoginView, type RememberedLoginIdentity, type RememberedLoginViewCopy, type SessionLoginPresentationState, type SessionLoginStatus, } from './login.js';
 /**
  * Shared login surface. Hosts inject their brand and product name;
  * the component itself assumes neither.
  */
-export { LoginModal, } from './login/LoginModal';
-export { LoginView, type LoginViewActions, type LoginViewProps, type LoginViewState, } from './login/LoginView';
-export { LocalReachabilitySummary, } from './login/LocalReachabilitySummary';
-export { getProviderActionLabel, getProviderDisplayLabel, getProviderInfoText, getProviderSourceLabel, getProviderStatusBadge, getProviderSubtitle, type ProviderStatusBadge, } from './login/presentation';
-export { isLocalLoginProvider, isLocalLoginProviderSource, resolveLoginProviderSource, } from './login/provider-model';
-export type { AuthWindowStatus, ConnectingProviderInfo, LocalLoginProviderSource, LocalLoginStatus, LocalOnboardingCapabilities, LocalOnboardingConnectivity, LocalOnboardingProgress, LocalOnboardingRouteKind, LocalOnboardingRouteProbe, LocalOnboardingSnapshot, LocalOnboardingState, LocalOnboardingTunnel, LocalPodRuntime, LocalSpaceKind, LoginEndpoint, LoginEndpointKind, LoginModalProps, LoginProviderOption, LoginProviderSource, LoginState, ProviderOption, StorageConflict, StoredAccount, } from './login/types';
-export * from './scroll-area';
-export * from './separator';
-export * from './skeleton';
-export * from './switch';
-export * from './toast';
-export * from './tooltip';
-export * from './utils';
-export * from './storage-bootstrap';
-export * from './webid-auth';
-export * from './workspace';
-export * from './pod-sign-in/index';
+export { LoginModal, } from './login/LoginModal.js';
+export { LoginView, type LoginViewActions, type LoginViewProps, type LoginViewState, } from './login/LoginView.js';
+export { LocalReachabilitySummary, } from './login/LocalReachabilitySummary.js';
+export { getProviderActionLabel, getProviderDisplayLabel, getProviderInfoText, getProviderSourceLabel, getProviderStatusBadge, getProviderSubtitle, type ProviderStatusBadge, } from './login/presentation.js';
+export { isLocalLoginProvider, isLocalLoginProviderSource, resolveLoginProviderSource, } from './login/provider-model.js';
+export type { AuthWindowStatus, ConnectingProviderInfo, LocalLoginProviderSource, LocalLoginStatus, LocalOnboardingCapabilities, LocalOnboardingConnectivity, LocalOnboardingProgress, LocalOnboardingRouteKind, LocalOnboardingRouteProbe, LocalOnboardingSnapshot, LocalOnboardingState, LocalOnboardingTunnel, LocalPodRuntime, LocalSpaceKind, LoginEndpoint, LoginEndpointKind, LoginModalProps, LoginProviderOption, LoginProviderSource, LoginState, ProviderOption, StorageConflict, StoredAccount, } from './login/types.js';
+export * from './scroll-area.js';
+export * from './separator.js';
+export * from './skeleton.js';
+export * from './switch.js';
+export * from './toast.js';
+export * from './tooltip.js';
+export * from './utils.js';
+export * from './storage-bootstrap.js';
+export * from './webid-auth.js';
+export * from './workspace.js';
+export * from './pod-sign-in/index.js';

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

@@ -1,13 +1,30 @@
 export * from './avatar.js';
 export * from './auth-surface.js';
 export * from './badge.js';
+export * from './brand-info.js';
 export * from './button.js';
 export * from './card.js';
 export * from './dialog.js';
+export * from './confirmation-dialog.js';
 export * from './focus.js';
 export * from './user-facing-errors.js';
 export * from './input.js';
+export * from './native-select.js';
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem } from './select.js';
+export * from './textarea.js';
+export * from './checkbox.js';
+export { FormField } from './form-field.js';
+export { EmptyState } from './empty-state.js';
+export * from './search-input.js';
+export * from './email-input.js';
 export * from './label.js';
+export * from './status.js';
+export * from './notice.js';
+export * from './section-header.js';
+export * from './list.js';
+export * from './segmented-control.js';
+export * from './setting-row.js';
+export * from './meter.js';
 export { LoginAccountView, LoginAvatar, LoginCardShell, LoginConnectingView, LoginErrorBanner, LoginFailureView, LoginRestoringView, RememberedLoginView, } from './login.js';
 /**
  * Shared login surface. Hosts inject their brand and product name;

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { controlFocusClass } from './focus.js';
+import { formControlClass } from './form-control.js';
 import { cn } from './utils.js';
-export const Input = React.forwardRef(({ className, type = 'text', ...props }, ref) => (_jsx("input", { ref: ref, type: type, className: cn('flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm transition-[border-color] file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50', controlFocusClass, className), ...props })));
+export const Input = React.forwardRef(({ className, type = 'text', ...props }, ref) => (_jsx("input", { ref: ref, type: type, className: cn(formControlClass, 'flex min-h-10 file:border-0 file:bg-transparent file:text-sm file:font-medium', className), ...props })));
 Input.displayName = 'Input';

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

@@ -0,0 +1,32 @@
+import * as React from 'react';
+export interface ListSurfaceProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Render the surface as the single child element (e.g. a real `ul` or an
+     * existing sortable container) so native semantics, ref and events stay on
+     * that element without adding a wrapper.
+     */
+    asChild?: boolean;
+}
+/**
+ * Bordered, divided container for a group of rows. Presentation only: it adds
+ * no list role, navigation or focus behaviour of its own.
+ */
+export declare const ListSurface: React.ForwardRefExoticComponent<ListSurfaceProps & React.RefAttributes<HTMLDivElement>>;
+export interface ListRowProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    leading?: React.ReactNode;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    trailing?: React.ReactNode;
+    /**
+     * Render the row as the single child element (e.g. an actual `button` or
+     * `a`) so native role, keyboard and focus behaviour are preserved. Slots are
+     * ignored when `asChild` is set.
+     */
+    asChild?: boolean;
+}
+/**
+ * Pure row composition. A non-interactive row is a semantic container; nested
+ * controls stay legal. Interactive rows must pass a real control via `asChild`
+ * so no `role="button"` is synthesised on a `div`.
+ */
+export declare const ListRow: React.ForwardRefExoticComponent<ListRowProps & React.RefAttributes<HTMLDivElement>>;