@undefineds.co/xpod 0.4.25 → 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.1",
+  "version": "0.1.4",
   "private": false,
   "type": "module",
   "sideEffects": false,

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

@@ -1,5 +1,12 @@
 import * as React from 'react';
-export type ListSurfaceProps = React.HTMLAttributes<HTMLDivElement>;
+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.

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

@@ -6,7 +6,10 @@ import { cn } from './utils.js';
  * Bordered, divided container for a group of rows. Presentation only: it adds
  * no list role, navigation or focus behaviour of its own.
  */
-export const ListSurface = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('divide-y rounded-xl border border-border bg-card', className), ...props })));
+export const ListSurface = React.forwardRef(({ className, asChild = false, children, ...props }, ref) => {
+    const Component = asChild ? Slot : 'div';
+    return (_jsx(Component, { ref: ref, className: cn('divide-y rounded-xl border border-border bg-card', className), ...props, children: children }));
+});
 ListSurface.displayName = 'ListSurface';
 /**
  * Pure row composition. A non-interactive row is a semantic container; nested

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

@@ -11,5 +11,5 @@ export interface IdpChromeProps {
     serviceLabel?: string;
     locale?: PodSignInLocale;
 }
-/** Service identity stays readable above the form, even on a narrow host. */
+/** 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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { resolvePodSignInCopy } from './copy.js';
 import { XpodMark } from './XpodMark.js';
-/** Service identity stays readable above the form, even on a narrow host. */
+/** 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 min-h-14 shrink-0 items-center gap-3 border-b border-border bg-[hsl(var(--sunken))] px-6 py-2 text-[13px] text-foreground min-[400px]:px-8", children: [_jsx("span", { className: "flex shrink-0 items-center justify-center", children: icon ?? _jsx(XpodMark, { size: 24 }) }), _jsxs("span", { className: "min-w-0 max-w-[50%] shrink-0 truncate font-medium", children: [serviceName, " \u00B7 ", label] }), serviceHost ? _jsx("span", { className: "ml-auto truncate font-mono text-xs text-muted-foreground", children: serviceHost }) : null] }));
+    return (_jsxs("div", { "data-pod-sign-in": "idp-chrome", className: "flex h-11 shrink-0 items-center gap-2 border-b border-border bg-[hsl(var(--sunken))] px-4 text-[13px] text-foreground", children: [_jsx("span", { className: "flex shrink-0 items-center justify-center", children: icon ?? _jsx(XpodMark, { size: 24 }) }), _jsxs("span", { className: "min-w-0 truncate font-medium", children: [serviceName, " \u00B7 ", label] }), serviceHost ? _jsx("span", { className: "ml-auto truncate font-mono text-xs text-muted-foreground", children: serviceHost }) : null] }));
 }

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

@@ -31,7 +31,7 @@ export function IdpSignInView(props) {
         if (!pending)
             onSubmit({ email: email.trim(), password });
     };
-    return (_jsxs(ScreenLayout, { "data-pod-sign-in-state": "idp-sign-in", chrome: _jsx(IdpFrameHeader, { ...props }), onSubmit: submit, actions: (_jsxs(_Fragment, { children: [error ? _jsx("p", { role: "alert", className: "text-[13px] text-destructive", children: error }) : null, _jsx(ActionButton, { type: "submit", className: primaryButtonClass, busy: pending, children: copy.signIn }), _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [onRegister || registerHref ? (_jsxs("span", { className: "flex min-w-0 flex-wrap items-center gap-x-1 gap-y-0", children: [_jsx("span", { className: "whitespace-nowrap text-xs text-muted-foreground", children: copy.noAccount }), _jsx(TextAction, { href: registerHref, disabled: pending, onClick: onRegister, children: copy.registerLink })] })) : _jsx("span", {}), onUseOtherSolid ? (_jsx("button", { type: "button", className: cn(textButtonClass, 'text-primary hover:underline'), disabled: pending, onClick: onUseOtherSolid, children: copy.useOtherSolid })) : null] })] })), children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("h1", { className: "text-[17px] font-semibold text-foreground", children: formatCopy(copy.signInTitle, { service: serviceName }) }), returnToAppName ? (_jsx("p", { className: "text-sm text-muted-foreground", children: formatCopy(copy.returnToApp, { app: returnToAppName }) })) : null] }), _jsxs("div", { "data-pod-sign-in": "fields", className: "flex flex-col gap-5", children: [_jsx(Field, { label: copy.email, error: fieldErrors?.email, children: (fieldProps) => (_jsx(EmailInput, { ...fieldProps, name: "email", autoComplete: "username", autoCapitalize: "none", spellCheck: false, className: inputClass, value: email, disabled: pending, onChange: (event) => {
+    return (_jsxs(ScreenLayout, { "data-pod-sign-in-state": "idp-sign-in", chrome: _jsx(IdpFrameHeader, { ...props }), onSubmit: submit, actions: (_jsxs(_Fragment, { children: [error ? _jsx("p", { role: "alert", className: "text-[13px] text-destructive", children: error }) : null, _jsx(ActionButton, { type: "submit", className: primaryButtonClass, busy: pending, children: copy.signIn }), _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [onRegister || registerHref ? (_jsxs("span", { className: "flex min-w-0 flex-wrap items-center gap-x-1 gap-y-0", children: [_jsx("span", { className: "whitespace-nowrap text-xs text-muted-foreground", children: copy.noAccount }), _jsx(TextAction, { href: registerHref, disabled: pending, onClick: onRegister, children: copy.registerLink })] })) : _jsx("span", {}), onUseOtherSolid ? (_jsx("button", { type: "button", className: cn(textButtonClass, 'text-primary hover:underline'), disabled: pending, onClick: onUseOtherSolid, children: copy.useOtherSolid })) : null] })] })), children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("h1", { className: "text-[17px] font-semibold text-foreground", children: formatCopy(copy.signInTitle, { service: serviceName }) }), returnToAppName ? (_jsx("p", { className: "text-sm text-muted-foreground", children: formatCopy(copy.returnToApp, { app: returnToAppName }) })) : null] }), _jsxs("div", { "data-pod-sign-in": "fields", className: "flex flex-col gap-4", children: [_jsx(Field, { label: copy.email, error: fieldErrors?.email, children: (fieldProps) => (_jsx(EmailInput, { ...fieldProps, name: "email", autoComplete: "username", autoCapitalize: "none", spellCheck: false, className: inputClass, value: email, disabled: pending, onChange: (event) => {
                                 setEmail(event.target.value);
                                 onFieldChange?.('email', event.target.value);
                             } })) }), _jsx(Field, { label: copy.password, error: fieldErrors?.password, labelAside: onForgot || forgotHref ? (_jsx(TextAction, { className: "min-h-7 text-[13px]", href: forgotHref, onClick: onForgot, children: copy.forgotPassword })) : undefined, children: (fieldProps) => (_jsx(Input, { ...fieldProps, name: "password", type: "password", autoComplete: "current-password", className: inputClass, value: password, disabled: pending, onChange: (event) => {
@@ -56,7 +56,7 @@ export function IdpRegisterView(props) {
             password,
         });
     };
-    return (_jsxs(ScreenLayout, { "data-pod-sign-in-state": "idp-register", chrome: _jsx(IdpFrameHeader, { ...props }), onSubmit: submit, actions: (_jsxs(_Fragment, { children: [error ? _jsx("p", { role: "alert", className: "text-[13px] text-destructive", children: error }) : null, _jsx(ActionButton, { type: "submit", className: primaryButtonClass, busy: pending, children: copy.registerSubmit }), onSignIn ? (_jsx("button", { type: "button", className: cn(textButtonClass, 'self-center text-primary hover:underline'), disabled: pending, onClick: onSignIn, children: copy.haveAccount })) : null] })), children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("h1", { className: "text-[17px] font-semibold text-foreground", children: formatCopy(copy.registerTitle, { service: serviceName }) }), returnToAppName ? (_jsx("p", { className: "text-sm text-muted-foreground", children: formatCopy(copy.returnToApp, { app: returnToAppName }) })) : null] }), _jsxs("div", { className: "flex flex-col gap-5", children: [requireUsername ? (_jsx(Field, { label: copy.username, error: fieldErrors?.username, hint: usernamePreview ? _jsx("span", { role: "status", className: "font-mono text-xs", children: usernamePreview }) : undefined, children: (fieldProps) => (_jsx(Input, { ...fieldProps, name: "username", type: "text", autoComplete: "username", autoCapitalize: "none", spellCheck: false, className: inputClass, value: username, disabled: pending, onChange: (event) => {
+    return (_jsxs(ScreenLayout, { "data-pod-sign-in-state": "idp-register", chrome: _jsx(IdpFrameHeader, { ...props }), onSubmit: submit, actions: (_jsxs(_Fragment, { children: [error ? _jsx("p", { role: "alert", className: "text-[13px] text-destructive", children: error }) : null, _jsx(ActionButton, { type: "submit", className: primaryButtonClass, busy: pending, children: copy.registerSubmit }), onSignIn ? (_jsx("button", { type: "button", className: cn(textButtonClass, 'self-center text-primary hover:underline'), disabled: pending, onClick: onSignIn, children: copy.haveAccount })) : null] })), children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("h1", { className: "text-[17px] font-semibold text-foreground", children: formatCopy(copy.registerTitle, { service: serviceName }) }), returnToAppName ? (_jsx("p", { className: "text-sm text-muted-foreground", children: formatCopy(copy.returnToApp, { app: returnToAppName }) })) : null] }), _jsxs("div", { className: "flex flex-col gap-4", children: [requireUsername ? (_jsx(Field, { label: copy.username, error: fieldErrors?.username, hint: usernamePreview ? _jsx("span", { role: "status", className: "font-mono text-xs", children: usernamePreview }) : undefined, children: (fieldProps) => (_jsx(Input, { ...fieldProps, name: "username", type: "text", autoComplete: "username", autoCapitalize: "none", spellCheck: false, className: inputClass, value: username, disabled: pending, onChange: (event) => {
                                 setUsername(event.target.value);
                                 onFieldChange?.('username', event.target.value);
                             } })) })) : null, _jsx(Field, { label: copy.email, error: fieldErrors?.email, children: (fieldProps) => (_jsx(EmailInput, { ...fieldProps, name: "email", autoComplete: "email", autoCapitalize: "none", spellCheck: false, className: inputClass, value: email, disabled: pending, onChange: (event) => {

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

@@ -9,7 +9,7 @@ export interface PodSignInFrameProps {
      * service name.
      */
     appIntro?: ReactNode;
-    /** A responsive body, up to 480px wide. */
+    /** The 360px wide body. */
     children: ReactNode;
     /**
      * `dialog` only. `true` (default) draws a modal layer over the document;
@@ -25,7 +25,7 @@ export interface PodSignInFrameProps {
 }
 /**
  * Outer frame of every sign-in surface. `window` fills the host window,
- * `dialog` is a 480px layer, `page` is two columns. All three share the same
- * responsive body, so narrower hosts keep the same controls and hierarchy.
+ * `dialog` is a 400px layer, `page` is two columns. All three share the same
+ * 360px body, so a state looks the same wherever the host places it.
  */
 export declare function PodSignInFrame({ presentation, ariaLabel, appIntro, children, modal, onClose, closeLabel, dataAttributes, }: PodSignInFrameProps): import("react").JSX.Element;

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

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

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

@@ -2,11 +2,11 @@ import { type ReactNode } from 'react';
 import { type ButtonProps } from '../button.js';
 import { type FormFieldProps } from '../form-field.js';
 import type { StorageLocation } from './types.js';
-/** Screen-level controls leave room for readable text and touch targets. */
-export declare const primaryButtonClass = "h-auto min-h-12 w-full whitespace-normal break-normal rounded-lg py-2 text-base font-medium leading-snug";
-export declare const outlineButtonClass = "h-auto min-h-12 w-full whitespace-normal break-normal rounded-lg py-2 text-base font-medium leading-snug";
-export declare const textButtonClass = "h-9 rounded-lg px-2 text-sm font-medium";
-export declare const fieldClass = "h-12 w-full rounded-lg border border-input bg-card px-4 text-base text-foreground placeholder:text-muted-foreground disabled:opacity-60";
+/** Minimum hit targets (spec §5); content may grow when text is enlarged or wraps. */
+export declare const primaryButtonClass = "h-auto min-h-11 w-full whitespace-normal break-normal rounded-lg py-2 text-sm font-medium leading-snug";
+export declare const outlineButtonClass = "h-auto min-h-11 w-full whitespace-normal break-normal rounded-lg py-2 text-sm font-medium leading-snug";
+export declare const textButtonClass = "h-auto min-h-9 max-w-full whitespace-normal break-normal rounded-lg px-2 py-1 text-sm font-medium leading-snug";
+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;

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

@@ -7,11 +7,11 @@ import { cn } from '../utils.js';
 import { FormField } from '../form-field.js';
 import { Checkbox } from '../checkbox.js';
 import { StorageBadge } from './StorageBadge.js';
-/** Screen-level controls leave room for readable text and touch targets. */
-export const primaryButtonClass = 'h-auto min-h-12 w-full whitespace-normal break-normal rounded-lg py-2 text-base font-medium leading-snug';
+/** Minimum hit targets (spec §5); content may grow when text is enlarged or wraps. */
+export const primaryButtonClass = 'h-auto min-h-11 w-full whitespace-normal break-normal rounded-lg py-2 text-sm font-medium leading-snug';
 export const outlineButtonClass = primaryButtonClass;
-export const textButtonClass = 'h-9 rounded-lg px-2 text-sm font-medium';
-export const fieldClass = 'h-12 w-full rounded-lg border border-input bg-card px-4 text-base text-foreground placeholder:text-muted-foreground disabled:opacity-60';
+export const textButtonClass = 'h-auto min-h-9 max-w-full whitespace-normal break-normal rounded-lg px-2 py-1 text-sm font-medium leading-snug';
+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) });
 }
@@ -55,7 +55,7 @@ export function usePastDelay(delayMs) {
  * Pass `onSubmit` to make the whole screen one form (actions submit it).
  */
 export function ScreenLayout({ chrome, children, actions, onSubmit, mainClassName, ...state }) {
-    const inner = (_jsxs(_Fragment, { children: [chrome, _jsx("div", { "data-pod-sign-in": "main", className: cn('flex min-h-0 flex-1 flex-col gap-7 overflow-y-auto px-6 pb-3 pt-7 min-[400px]:px-8 min-[400px]:pt-8', mainClassName), children: children }), actions ? _jsx("div", { "data-pod-sign-in": "actions", className: "flex shrink-0 flex-col gap-4 px-6 pb-7 pt-5 min-[400px]:px-8 min-[400px]:pb-8", children: actions }) : null] }));
+    const 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 })

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

@@ -6,5 +6,5 @@ import { cn } from './utils.js';
  */
 export function SectionHeader({ title, description, actions, level = 2, titleClassName, className, ...props }) {
     const headingClassName = cn('text-sm leading-normal text-foreground', titleClassName);
-    return (_jsxs("div", { ...props, className: cn('flex flex-wrap items-start justify-between gap-3', className), children: [_jsxs("div", { className: "min-w-0", children: [level === 3 ? (_jsx("h3", { className: headingClassName, children: title })) : level === 4 ? (_jsx("h4", { className: headingClassName, children: title })) : (_jsx("h2", { className: headingClassName, children: title })), description ? _jsx("p", { className: "mt-1 text-xs leading-normal text-muted-foreground", children: description }) : null] }), actions ? _jsx("div", { className: "flex shrink-0 flex-wrap items-center gap-2", children: actions }) : null] }));
+    return (_jsxs("div", { ...props, className: cn('flex flex-wrap items-start justify-between gap-3', className), children: [_jsxs("div", { className: "min-w-0", children: [level === 3 ? (_jsx("h3", { className: headingClassName, children: title })) : level === 4 ? (_jsx("h4", { className: headingClassName, children: title })) : (_jsx("h2", { className: headingClassName, children: title })), description ? _jsx("p", { className: "mt-1 text-xs leading-normal text-muted-foreground", children: description }) : null] }), actions ? _jsx("div", { className: "flex min-w-0 max-w-full flex-wrap items-center gap-2", children: actions }) : null] }));
 }

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

@@ -314,33 +314,6 @@
     line-height: 22px;
   }
 
-  .pod-sign-in h1 {
-    font-size: 22px;
-    line-height: 1.4;
-  }
-
-  /* Keep the choices visible at the native window's minimum height. */
-  @media (max-height: 559px) {
-    .pod-sign-in[data-pod-sign-in-frame='window'] [data-pod-sign-in='main'] {
-      gap: 1rem;
-      padding-top: 1rem;
-      padding-bottom: 0.5rem;
-    }
-
-    .pod-sign-in[data-pod-sign-in-frame='window'] [data-pod-sign-in='actions'] {
-      gap: 0.75rem;
-      padding-top: 0.75rem;
-      padding-bottom: 1rem;
-    }
-  }
-
-  /* Taller native windows keep the submit action close to the form. */
-  @media (min-width: 400px) and (min-height: 560px) {
-    .pod-sign-in[data-pod-sign-in-frame='window'] [data-pod-sign-in='actions'] {
-      padding-bottom: 5rem;
-    }
-  }
-
   /*
    * Front-door focus for links, buttons and summary. Form controls are excluded:
    * the shared control primitive owns their focus outline, so a control never
@@ -364,21 +337,21 @@
   [data-pod-sign-in-frame="window"] [data-pod-sign-in-state="idp-sign-in"] [data-pod-sign-in="main"] {
     flex: 1 0 auto;
     overflow: visible;
-    gap: 8px;
-    padding: 8px 16px;
+    gap: 6px;
+    padding: 4px 16px 2px;
   }
 
   [data-pod-sign-in-frame="window"] [data-pod-sign-in-state="idp-sign-in"] [data-pod-sign-in="fields"] {
-    gap: 8px;
+    gap: 6px;
   }
 
   [data-pod-sign-in-frame="window"] [data-pod-sign-in-state="idp-sign-in"] [data-pod-sign-in="field"] {
-    gap: 2px;
+    gap: 1px;
   }
 
   [data-pod-sign-in-frame="window"] [data-pod-sign-in-state="idp-sign-in"] [data-pod-sign-in="actions"] {
     gap: 0;
-    padding: 8px 16px;
+    padding: 4px 16px 6px;
   }
 
   @media (prefers-reduced-motion: reduce) {

package/node_modules/@undefineds.co/shared-ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@undefineds.co/shared-ui",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "private": false,
   "type": "module",
   "sideEffects": [

package/node_modules/@undefineds.co/solid-sdk/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@undefineds.co/solid-sdk",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "private": false,
   "type": "module",
   "sideEffects": false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@undefineds.co/xpod",
-  "version": "0.4.25",
+  "version": "0.4.27",
   "description": "Xpod is an extended Community Solid Server, offering rich-feature, production-level Solid Pod and identity management.",
   "repository": "https://github.com/undefinedsco/xpod",
   "author": "developer@undefineds.co",
@@ -387,7 +387,7 @@
     }
   },
   "optionalDependencies": {
-    "@undefineds.co/xpod-darwin-arm64": "0.4.25"
+    "@undefineds.co/xpod-darwin-arm64": "0.4.27"
   },
   "resolutions": {
     "@inrupt/solid-client-authn-browser": "^3.1.1",