@undefineds.co/xpod 0.4.19 → 0.4.25

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

@@ -1,27 +1,27 @@
 @layer base {
   :root {
     color-scheme: light;
-    --background: 0 0% 98%;
-    --foreground: 0 0% 12%;
-    --card: 0 0% 100%;
-    --card-foreground: 0 0% 12%;
-    --popover: 0 0% 100%;
-    --popover-foreground: 0 0% 12%;
-    --primary: 252 46% 57%;
-    --primary-foreground: 0 0% 100%;
-    --secondary: 0 0% 96%;
-    --secondary-foreground: 0 0% 12%;
-    --muted: 0 0% 96%;
-    --muted-foreground: 0 0% 43%;
-    --accent: 0 0% 96%;
-    --accent-foreground: 0 0% 12%;
+    --background: 42 38.5% 94.9%;
+    --foreground: 30 13.2% 14.9%;
+    --card: 45 33.3% 97.6%;
+    --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%;
+    --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-foreground: 30 13.2% 14.9%;
     --destructive: 352 43% 49%;
     --destructive-foreground: 0 0% 100%;
-    --border: 0 0% 88%;
-    --input: 0 0% 88%;
-    --ring: 252 46% 57%;
-    --lineage: 252 46% 57%;
-    --lineage-foreground: 0 0% 100%;
+    --border: 36 13.5% 85.5%;
+    --input: 36 4% 51%;
+    --ring: 260.6 36.1% 38%;
+    --lineage: 260.6 36.1% 38%;
+    --lineage-foreground: 42 38.5% 94.9%;
     --boundary: 202 34% 37%;
     --boundary-foreground: 0 0% 100%;
     --success: 160 48% 30%;
@@ -36,92 +36,145 @@
     --radius-2xl: 16px;
     --radius-3xl: 16px;
     --radius: 0.5rem;
-    --layout-sidebar: 0 0% 96%;
-    --layout-list-header: 0 0% 100%;
-    --layout-list-hover: 0 0% 96%;
-    --layout-list-item: 0 0% 100%;
-    --layout-list-selected: 252 24% 94%;
-    --layout-content: 0 0% 100%;
-    --purple-medium: 252 46% 57%;
-    --purple-deep: 252 40% 46%;
+    --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%;
+    --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%;
+    --primary-hover: 261 35.7% 32.9%;
+    --primary-pressed: 261.2 35.7% 28%;
+    --sunken: 41.3 38.1% 91.8%;
+    --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%;
   }
 
   .dark {
     color-scheme: dark;
-    --background: 0 0% 8%;
-    --foreground: 0 0% 96%;
-    --card: 0 0% 10%;
-    --card-foreground: 0 0% 96%;
-    --popover: 0 0% 10%;
-    --popover-foreground: 0 0% 96%;
-    --primary: 252 48% 65%;
-    --primary-foreground: 0 0% 100%;
-    --secondary: 0 0% 15%;
-    --secondary-foreground: 0 0% 96%;
-    --muted: 0 0% 15%;
-    --muted-foreground: 0 0% 68%;
-    --accent: 0 0% 15%;
-    --accent-foreground: 0 0% 96%;
+    --background: 30 13.8% 11.4%;
+    --foreground: 42 38.5% 94.9%;
+    --card: 30 13.2% 14.9%;
+    --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%;
+    --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%;
+    --accent-foreground: 42 38.5% 94.9%;
     --destructive: 352 43% 49%;
     --destructive-foreground: 0 0% 100%;
-    --border: 0 0% 21%;
-    --input: 0 0% 21%;
-    --ring: 252 48% 65%;
-    --lineage: 252 48% 65%;
-    --lineage-foreground: 0 0% 100%;
+    --border: 30 12.3% 25.5%;
+    --input: 32.7 9.2% 53.3%;
+    --ring: 270 16.7% 71.8%;
+    --lineage: 270 16.7% 71.8%;
+    --lineage-foreground: 30 13.8% 11.4%;
     --boundary: 202 34% 48%;
     --boundary-foreground: 0 0% 100%;
     --success: 160 48% 42%;
     --success-foreground: 0 0% 100%;
     --warning: 44 72% 48%;
     --warning-foreground: 0 0% 100%;
-    --layout-sidebar: 0 0% 15%;
-    --layout-list-header: 0 0% 8%;
-    --layout-list-hover: 0 0% 15%;
-    --layout-list-item: 0 0% 8%;
-    --layout-list-selected: 252 14% 18%;
-    --layout-content: 0 0% 8%;
+    --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%;
+    --primary-hover: 271.6 16.8% 77.8%;
+    --primary-pressed: 264.4 18.8% 66.7%;
+    --sunken: 30 13.6% 8.6%;
+    --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%;
   }
 
   .light {
     color-scheme: light;
-    --background: 0 0% 98%;
-    --foreground: 0 0% 12%;
-    --card: 0 0% 100%;
-    --card-foreground: 0 0% 12%;
-    --popover: 0 0% 100%;
-    --popover-foreground: 0 0% 12%;
-    --primary: 252 46% 57%;
-    --primary-foreground: 0 0% 100%;
-    --secondary: 0 0% 96%;
-    --secondary-foreground: 0 0% 12%;
-    --muted: 0 0% 96%;
-    --muted-foreground: 0 0% 43%;
-    --accent: 0 0% 96%;
-    --accent-foreground: 0 0% 12%;
+    --background: 42 38.5% 94.9%;
+    --foreground: 30 13.2% 14.9%;
+    --card: 45 33.3% 97.6%;
+    --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%;
+    --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-foreground: 30 13.2% 14.9%;
     --destructive: 352 43% 49%;
     --destructive-foreground: 0 0% 100%;
-    --border: 0 0% 88%;
-    --input: 0 0% 88%;
-    --ring: 252 46% 57%;
-    --lineage: 252 46% 57%;
-    --lineage-foreground: 0 0% 100%;
+    --border: 36 13.5% 85.5%;
+    --input: 36 4% 51%;
+    --ring: 260.6 36.1% 38%;
+    --lineage: 260.6 36.1% 38%;
+    --lineage-foreground: 42 38.5% 94.9%;
     --boundary: 202 34% 37%;
     --boundary-foreground: 0 0% 100%;
     --success: 160 48% 30%;
     --success-foreground: 0 0% 100%;
     --warning: 44 72% 36%;
     --warning-foreground: 0 0% 100%;
-    --layout-sidebar: 0 0% 96%;
-    --layout-list-header: 0 0% 100%;
-    --layout-list-hover: 0 0% 96%;
-    --layout-list-item: 0 0% 100%;
-    --layout-list-selected: 252 24% 94%;
-    --layout-content: 0 0% 100%;
-    --purple-medium: 252 46% 57%;
-    --purple-deep: 252 40% 46%;
+    --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%;
+    --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%;
+    --primary-hover: 261 35.7% 32.9%;
+    --primary-pressed: 261.2 35.7% 28%;
+    --sunken: 41.3 38.1% 91.8%;
+    --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%;
   }
 
   html,
@@ -131,10 +184,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,
@@ -161,6 +215,18 @@
     --tw-ring-offset-color: hsl(var(--background));
   }
 
+  /* Replace the forms plugin's blue ring with the control's existing border.
+   * Include checkbox/radio and plain native controls, even without utilities. */
+  html input:focus,
+  html textarea:focus,
+  html select:focus {
+    border-color: hsl(var(--ring));
+    outline: none;
+    box-shadow: none;
+    --tw-ring-shadow: 0 0 #0000;
+    --tw-ring-offset-shadow: 0 0 #0000;
+  }
+
   html button,
   html input,
   html textarea,
@@ -176,6 +242,24 @@
     outline: none;
   }
 
+  /* A stronger existing border preserves visible keyboard focus without a
+   * separate outline or shadow outside the control. */
+  html input:focus-visible,
+  html textarea:focus-visible,
+  html select:focus-visible {
+    border-color: hsl(var(--ring));
+    border-width: 2px;
+    outline: none;
+    box-shadow: none;
+  }
+
+  /* Filled toggles need a contrasting border, and must outrank forms' checked
+   * focus rule which otherwise makes the only keyboard boundary transparent. */
+  html input:where([type='checkbox'], [type='radio']):checked:focus-visible,
+  html input:where([type='checkbox']):indeterminate:focus-visible {
+    border-color: hsl(var(--primary-foreground));
+  }
+
   html input:-webkit-autofill,
   html input:-webkit-autofill:hover,
   html input:-webkit-autofill:focus,
@@ -194,6 +278,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));
@@ -204,7 +290,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));
@@ -216,6 +304,96 @@
 }
 
 @layer components {
+  /*
+   * 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;
+  }
+
+  .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
+   * 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;
+  }
+
+  /* Short native login keeps full-size controls; only surrounding space shrinks.
+   * The form owns overflow so errors and enlarged text use one vertical scroll. */
+  [data-pod-sign-in-frame="window"] [data-pod-sign-in-state="idp-sign-in"] {
+    overflow-y: auto;
+  }
+
+  [data-pod-sign-in-frame="window"] [data-pod-sign-in-state="idp-sign-in"] [data-pod-sign-in="idp-chrome"] {
+    height: 32px;
+  }
+
+  [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;
+  }
+
+  [data-pod-sign-in-frame="window"] [data-pod-sign-in-state="idp-sign-in"] [data-pod-sign-in="fields"] {
+    gap: 8px;
+  }
+
+  [data-pod-sign-in-frame="window"] [data-pod-sign-in-state="idp-sign-in"] [data-pod-sign-in="field"] {
+    gap: 2px;
+  }
+
+  [data-pod-sign-in-frame="window"] [data-pod-sign-in-state="idp-sign-in"] [data-pod-sign-in="actions"] {
+    gap: 0;
+    padding: 8px 16px;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .pod-sign-in,
+    .pod-sign-in * {
+      animation: none !important;
+      transition: none !important;
+    }
+  }
+
+  /* 弹层遮罩的唯一实现：颜色来自 --scrim，透明度不散落在页面 */
+  .xpod-overlay-scrim {
+    background-color: hsl(var(--scrim) / 0.45);
+  }
+
   .warm-card {
     border: 1px solid hsl(var(--border) / 0.5);
     border-radius: var(--radius-xl);

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-[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))) }));
+    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))) }));
 }

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

@@ -3,5 +3,6 @@ import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
 declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
 declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipPortal: React.FC<TooltipPrimitive.TooltipPortalProps>;
 declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipPortal, TooltipProvider };

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

@@ -5,6 +5,7 @@ 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-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 })));
+const TooltipPortal = TooltipPrimitive.Portal;
+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 })));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipPortal, 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/@undefineds.co/shared-ui/dist/workspace.d.ts

@@ -8,6 +8,11 @@ interface WorkspaceNavigation {
     openMain(): void;
     backToList(): void;
 }
+/**
+ * @deprecated Legacy LinX compatibility only. New hosts use TwoPaneLayout from
+ * @undefineds.co/extension-sdk/react and supply its listHeader/mainHeader slots.
+ * Migration and removal conditions: docs/ui-modernization.md §6.1.
+ */
 export declare function TwoPaneWorkspace({ header, list, main, className, layoutMode, }: {
     header: ReactNode;
     list: ReactNode;
@@ -15,8 +20,17 @@ export declare function TwoPaneWorkspace({ header, list, main, className, layout
     className?: string;
     layoutMode?: 'auto' | 'wide' | 'narrow';
 }): import("react").JSX.Element;
+/**
+ * @deprecated Use useWorkspaceLayout from @undefineds.co/extension-sdk/react
+ * inside TwoPaneLayout; backToList becomes openList. Do not mix providers.
+ */
 export declare function useAppletLayout(): Pick<WorkspaceNavigation, 'mode' | 'activePane' | 'openMain' | 'backToList'>;
 export declare function AppletList(props: ComponentProps<'nav'>): import("react").JSX.Element;
+/**
+ * @deprecated Legacy implicit pane navigation. In SDK layouts, the consumer
+ * must explicitly call useWorkspaceLayout().openMain() after its selection
+ * action. Visual list primitives remain owned by shared-ui.
+ */
 export declare function AppletListItem({ selected, className, onClick, ...props }: ComponentProps<'button'> & {
     selected?: boolean;
 }): import("react").JSX.Element;

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

@@ -3,6 +3,11 @@ import { createContext, useContext, useState } from 'react';
 import { interactiveFocusClass } from './focus.js';
 import { cn } from './utils.js';
 const WorkspaceNavigationContext = createContext(null);
+/**
+ * @deprecated Legacy LinX compatibility only. New hosts use TwoPaneLayout from
+ * @undefineds.co/extension-sdk/react and supply its listHeader/mainHeader slots.
+ * Migration and removal conditions: docs/ui-modernization.md §6.1.
+ */
 export function TwoPaneWorkspace({ header, list, main, className, layoutMode = 'auto', }) {
     const [mobilePane, setMobilePane] = useState('list');
     const showMain = () => setMobilePane('main');
@@ -20,6 +25,10 @@ export function TwoPaneWorkspace({ header, list, main, className, layoutMode = '
                         ? 'grid-cols-1'
                         : 'grid-cols-[minmax(12rem,15rem)_minmax(0,1fr)]', layoutMode === 'auto' && 'max-md:grid-cols-1'), "data-layout-mode": layoutMode, "data-mobile-pane": mobilePane, children: [_jsx("aside", { className: cn('min-h-0 overflow-y-auto border-r bg-card @container', layoutMode !== 'wide' && 'max-md:border-r-0', layoutMode === 'narrow' && mobilePane === 'main' && 'hidden', layoutMode === 'auto' && mobilePane === 'main' && 'max-md:hidden'), "data-applet-pane": "list", "data-testid": "applet-list-pane", children: list }), _jsxs("div", { className: cn('min-h-0 overflow-y-auto bg-background @container', layoutMode === 'narrow' && mobilePane === 'list' && 'hidden', layoutMode === 'auto' && mobilePane === 'list' && 'max-md:hidden'), "data-applet-pane": "main", "data-testid": "applet-main-pane", children: [_jsx("button", { type: "button", className: cn('items-center px-4 py-3 text-sm text-muted-foreground hover:text-foreground', interactiveFocusClass, layoutMode === 'narrow' ? 'inline-flex' : 'hidden', layoutMode === 'auto' && 'max-md:inline-flex'), onClick: navigation.showList, children: "\u2190 \u8FD4\u56DE\u5217\u8868" }), main] })] })] }) }));
 }
+/**
+ * @deprecated Use useWorkspaceLayout from @undefineds.co/extension-sdk/react
+ * inside TwoPaneLayout; backToList becomes openList. Do not mix providers.
+ */
 export function useAppletLayout() {
     const navigation = useContext(WorkspaceNavigationContext);
     if (!navigation) {
@@ -30,6 +39,11 @@ export function useAppletLayout() {
 export function AppletList(props) {
     return _jsx("nav", { className: cn('space-y-1 p-3', props.className), ...props });
 }
+/**
+ * @deprecated Legacy implicit pane navigation. In SDK layouts, the consumer
+ * must explicitly call useWorkspaceLayout().openMain() after its selection
+ * action. Visual list primitives remain owned by shared-ui.
+ */
 export function AppletListItem({ selected, className, onClick, ...props }) {
     const navigation = useContext(WorkspaceNavigationContext);
     return (_jsx("button", { type: "button", "aria-current": selected ? 'page' : undefined, className: cn('flex w-full items-center rounded-md px-3 py-2 text-left text-sm hover:bg-accent aria-[current=page]:bg-accent aria-[current=page]:font-medium', interactiveFocusClass, className), onClick: (event) => {

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

@@ -1,6 +1,6 @@
 {
   "name": "@undefineds.co/shared-ui",
-  "version": "0.1.1-rc.0",
+  "version": "0.1.2",
   "private": false,
   "type": "module",
   "sideEffects": [
@@ -33,7 +33,8 @@
     "@radix-ui/react-tooltip": "^1.2.8",
     "@radix-ui/react-separator": "^1.1.8",
     "@radix-ui/react-scroll-area": "^1.2.10",
-    "lucide-react": "^0.525.0"
+    "lucide-react": "^0.525.0",
+    "@radix-ui/react-select": "^2.2.6"
   },
   "peerDependencies": {
     "react": "^19.2.0"

package/node_modules/@undefineds.co/solid-sdk/dist/access-route.cjs

@@ -39,10 +39,10 @@ var __export = (target, all) => {
 // src/access-route.ts
 var exports_access_route = {};
 __export(exports_access_route, {
-  usableRoutes: () => usableRoutes,
-  createSolidAccessRouteFetch: () => createSolidAccessRouteFetch,
+  NoUsableAccessRouteError: () => NoUsableAccessRouteError,
   chooseAccessRoute: () => chooseAccessRoute,
-  NoUsableAccessRouteError: () => NoUsableAccessRouteError
+  createSolidAccessRouteFetch: () => createSolidAccessRouteFetch,
+  usableRoutes: () => usableRoutes
 });
 module.exports = __toCommonJS(exports_access_route);
 
@@ -170,10 +170,9 @@ function usableRoutes(routeSet, managedClient, allowLocalOnlyRoutes) {
 function createSolidAccessRouteFetch(options) {
   const managedClient = options.managedClient ?? true;
   let selected;
-  let failed;
-  const selectRoute = async () => {
+  const selectRoute = async (excluded) => {
     const all = options.routes();
-    const routes = failed === undefined ? all : all.filter((route) => routeKey(route) !== failed);
+    const routes = excluded === undefined ? all : all.filter((route) => routeKey(route) !== excluded);
     const routeSet = {
       canonicalUrl: routes[0]?.canonicalUrl ?? "",
       routes
@@ -214,6 +213,10 @@ function createSolidAccessRouteFetch(options) {
     return url;
   };
   return async (input, init) => {
+    const sourceUrl = requestUrl2(input);
+    if (!sourceUrl || !routeCovers(sourceUrl)) {
+      return init === undefined ? options.fetch.call(globalThis, input) : options.fetch.call(globalThis, input, init);
+    }
     const route = await routeFor();
     if (!route) {
       const unreachable = unreachablePassThrough(input);
@@ -224,13 +227,14 @@ function createSolidAccessRouteFetch(options) {
     }
     try {
       const response = await routedFetchFor(route)(input, init);
-      failed = undefined;
       return response;
     } catch (error) {
-      failed = routeKey(route);
       selected = undefined;
+      const method = (init?.method ?? (input instanceof Request ? input.method : "GET")).toUpperCase();
+      if (!["GET", "HEAD", "OPTIONS"].includes(method))
+        throw error;
       await options.refreshRoutes?.();
-      const retryRoute = await selectRoute();
+      const retryRoute = await selectRoute(routeKey(route));
       if (retryRoute && routeKey(retryRoute) !== routeKey(route)) {
         return routedFetchFor(retryRoute)(input, init);
       }

package/node_modules/@undefineds.co/solid-sdk/dist/access-route.d.ts

@@ -82,7 +82,8 @@ export interface CreateSolidAccessRouteFetchOptions {
  * Canonical identity is preserved end to end: the target URL is rewritten, the
  * canonical host travels in the `x-xpod-canonical-*` headers, and the response
  * reports its canonical URL again. When the chosen route stops answering, the
- * routes are refreshed and the request is retried once against the new best one.
+ * routes are refreshed and a read is retried once against the new best one.
+ * Writes report the failure because the original request may have been accepted.
  */
 export declare function createSolidAccessRouteFetch(options: CreateSolidAccessRouteFetchOptions): typeof globalThis.fetch;
 /**