@skdx/web-components-blocks 0.36.0 → 0.38.0

package/custom-elements.json

@@ -71,14 +71,6 @@
             "module": "./sign-in-page"
           }
         },
-        {
-          "kind": "js",
-          "name": "SkdxConfirmDialog",
-          "declaration": {
-            "name": "SkdxConfirmDialog",
-            "module": "./confirm-dialog"
-          }
-        },
         {
           "kind": "js",
           "name": "SkdxEmptyState",
@@ -530,302 +522,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/confirm-dialog/ConfirmDialog.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Confirmation dialog block for a destructive, irreversible or sensitive\naction, composing the core dialog primitives as an alert dialog with an\nexternally controlled pending state that disables both buttons and blocks\ndismissal while the confirmed request is in flight.\n\nA synchronous confirmation with no pending state is served by the core\n`<skdx-dialog role=\"alertdialog\">` recipe alone.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-confirm-dialog` on the host, then `__title`,\n`__description`, `__body`, `__footer`, `__cancel` and `__confirm`.",
-          "name": "SkdxConfirmDialog",
-          "slots": [
-            {
-              "description": "Extra content rendered between the description and the footer buttons.",
-              "name": ""
-            },
-            {
-              "description": "Content of the button that opens the dialog; no trigger renders without it.",
-              "name": "trigger"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean | undefined | undefined"
-              },
-              "description": "Whether the dialog is open, for controlled usage; pair it with `open-change`.",
-              "default": "undefined",
-              "attribute": "open"
-            },
-            {
-              "kind": "field",
-              "name": "defaultOpen",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the dialog starts open, for uncontrolled usage.",
-              "attribute": "default-open"
-            },
-            {
-              "kind": "field",
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "description": "Heading text rendered into the panel's title, naming and labelling the dialog.",
-              "attribute": "title",
-              "required": true
-            },
-            {
-              "kind": "field",
-              "name": "description",
-              "type": {
-                "text": "string | undefined | undefined"
-              },
-              "description": "Supporting sentence rendered into the panel's description, read alongside the title.",
-              "default": "undefined",
-              "attribute": "description"
-            },
-            {
-              "kind": "field",
-              "name": "confirmLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Confirm'",
-              "description": "Text of the button that carries out the confirmed action.",
-              "attribute": "confirm-label"
-            },
-            {
-              "kind": "field",
-              "name": "cancelLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Cancel'",
-              "description": "Text of the button that abandons the action.",
-              "attribute": "cancel-label"
-            },
-            {
-              "kind": "field",
-              "name": "destructive",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Colours the confirm button and the panel danger, for an irreversible or destructive action.",
-              "attribute": "destructive"
-            },
-            {
-              "kind": "field",
-              "name": "pending",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Marks the confirmed request as in flight: disables both buttons, marks the confirm button loading, and blocks Escape dismissal until it clears.",
-              "attribute": "pending"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disables the confirm button on its own, independent of `pending` — for example until a typed confirmation matches.",
-              "attribute": "disabled"
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "'sm' | 'md' | 'lg' | (string & {}) | undefined | undefined"
-              },
-              "description": "Panel width rung the skin reads, fed to the underlying dialog panel.",
-              "default": "undefined",
-              "attribute": "size"
-            }
-          ],
-          "events": [
-            {
-              "description": "Fires with the new open state whenever the dialog opens or closes, controlled or not.",
-              "name": "open-change"
-            },
-            {
-              "description": "Fires with the new open state once the panel's enter or exit animation has settled.",
-              "name": "open-change-complete"
-            },
-            {
-              "description": "Fires with the click when the confirm button is activated, before the dialog closes; `preventDefault()` holds the panel open.",
-              "name": "confirm"
-            },
-            {
-              "description": "Fires with the click when the cancel button is activated, before the dialog closes; `preventDefault()` keeps the panel open.",
-              "name": "cancel"
-            },
-            {
-              "description": "Fires when Escape is pressed while the panel is open; `preventDefault()` keeps it open.",
-              "name": "escape-key-down"
-            },
-            {
-              "description": "Fires on a pointer-down outside the panel while open; an alert dialog never closes on one.",
-              "name": "pointer-down-outside"
-            },
-            {
-              "description": "Fires when focus moves outside the panel while open; an alert dialog never closes on one.",
-              "name": "focus-outside"
-            },
-            {
-              "description": "Fires for either kind of outside interaction, just before the specific event.",
-              "name": "interact-outside"
-            },
-            {
-              "description": "Fires before focus moves into the panel on open; `preventDefault()` leaves focus where it is.",
-              "name": "open-auto-focus"
-            },
-            {
-              "description": "Fires before focus returns to the trigger on close; `preventDefault()` suppresses that return.",
-              "name": "close-auto-focus"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "open",
-              "type": {
-                "text": "boolean | undefined | undefined"
-              },
-              "description": "Whether the dialog is open, for controlled usage; pair it with `open-change`.",
-              "default": "undefined",
-              "fieldName": "open"
-            },
-            {
-              "name": "default-open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the dialog starts open, for uncontrolled usage.",
-              "fieldName": "defaultOpen"
-            },
-            {
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "description": "Heading text rendered into the panel's title, naming and labelling the dialog.",
-              "fieldName": "title",
-              "required": true
-            },
-            {
-              "name": "description",
-              "type": {
-                "text": "string | undefined | undefined"
-              },
-              "description": "Supporting sentence rendered into the panel's description, read alongside the title.",
-              "default": "undefined",
-              "fieldName": "description"
-            },
-            {
-              "name": "confirm-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Confirm'",
-              "description": "Text of the button that carries out the confirmed action.",
-              "fieldName": "confirmLabel"
-            },
-            {
-              "name": "cancel-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Cancel'",
-              "description": "Text of the button that abandons the action.",
-              "fieldName": "cancelLabel"
-            },
-            {
-              "name": "destructive",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Colours the confirm button and the panel danger, for an irreversible or destructive action.",
-              "fieldName": "destructive"
-            },
-            {
-              "name": "pending",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Marks the confirmed request as in flight: disables both buttons, marks the confirm button loading, and blocks Escape dismissal until it clears.",
-              "fieldName": "pending"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disables the confirm button on its own, independent of `pending` — for example until a typed confirmation matches.",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "'sm' | 'md' | 'lg' | (string & {}) | undefined | undefined"
-              },
-              "description": "Panel width rung the skin reads, fed to the underlying dialog panel.",
-              "default": "undefined",
-              "fieldName": "size"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "skdx-confirm-dialog",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SkdxConfirmDialog",
-          "declaration": {
-            "name": "SkdxConfirmDialog",
-            "module": "src/confirm-dialog/ConfirmDialog.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "skdx-confirm-dialog",
-          "declaration": {
-            "name": "SkdxConfirmDialog",
-            "module": "src/confirm-dialog/ConfirmDialog.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/confirm-dialog/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SkdxConfirmDialog",
-          "declaration": {
-            "name": "SkdxConfirmDialog",
-            "module": "./ConfirmDialog"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/chat-message/ChatMessage.ts",
@@ -1162,20 +858,256 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/dashboard-layout/DashboardLayout.ts",
+      "path": "src/conversation-list/ConversationList.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Application shell block: an app bar, a collapsible side navigation and the content region.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-dashboard-layout` on the host, then `__app-bar`,\n`__nav-toggle`, `__branding`, `__title`, `__actions`, `__body`, `__nav`,\n`__nav-list`, `__nav-item`, `__nav-header`, `__nav-divider` and `__content`.\n`data-nav-open` sits on the host while the navigation is shown.",
-          "name": "SkdxDashboardLayout",
-          "slots": [
-            {
-              "description": "The page content rendered inside the `<main>` region.",
-              "name": ""
-            },
+          "description": "Conversation navigation block: a single-select listbox of threads with a\ntitle, preview, relative timestamp, unread mark and badge, plus grouping and\nits own loading and empty states. It routes nowhere — it reports the chosen\nconversation and the consumer navigates.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-conversation-list` on the host, then `__loading`, `__empty`,\n`__list`, `__group`, `__group-label`, `__item`, `__leading`, `__body`,\n`__title`, `__preview`, `__meta`, `__time` and `__badge`. `data-unread` sits\non a row that has not been read.",
+          "name": "SkdxConversationList",
+          "members": [
             {
-              "description": "Logo or product mark at the start of the app bar.",
-              "name": "branding"
+              "kind": "field",
+              "name": "items",
+              "type": {
+                "text": "readonly SkdxConversationListItem[]"
+              },
+              "description": "The conversations to render, in order, each one a selectable option keyed by its id.",
+              "required": true
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string | undefined | undefined"
+              },
+              "description": "Selected conversation's id, for controlled usage paired with `value-change`.",
+              "default": "undefined",
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "defaultValue",
+              "type": {
+                "text": "string | undefined | undefined"
+              },
+              "description": "Conversation selected on first render, used only while uncontrolled.",
+              "default": "undefined",
+              "attribute": "default-value"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Conversations'",
+              "description": "Accessible name of the derived listbox holding the conversation rows.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "unreadLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Unread'",
+              "description": "Visually hidden text appended to an unread row's title, so the mark is spoken.",
+              "attribute": "unread-label"
+            },
+            {
+              "kind": "field",
+              "name": "emptyTitle",
+              "type": {
+                "text": "string"
+              },
+              "default": "'No conversations'",
+              "description": "Heading of the derived EmptyState shown when there is nothing to list.",
+              "attribute": "empty-title"
+            },
+            {
+              "kind": "field",
+              "name": "emptyDescription",
+              "type": {
+                "text": "string | undefined | undefined"
+              },
+              "description": "Supporting copy under the empty state's heading, explaining the gap.",
+              "default": "undefined",
+              "attribute": "empty-description"
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Replaces the rows with decorative placeholder lines and marks the host `aria-busy`.",
+              "attribute": "loading"
+            },
+            {
+              "kind": "field",
+              "name": "now",
+              "type": {
+                "text": "Date | number | undefined | undefined"
+              },
+              "description": "Reference instant the relative row timestamps are measured from.",
+              "default": "undefined"
+            },
+            {
+              "kind": "field",
+              "name": "renderLeading",
+              "type": {
+                "text": "((item: SkdxConversationListItem) => unknown) | undefined | undefined"
+              },
+              "description": "Renders a decorative leading region for one row, such as an avatar or a status dot.",
+              "default": "undefined"
+            }
+          ],
+          "events": [
+            {
+              "description": "Fires with `{ value, previousValue, reason }` whenever the selection moves by pointer or keyboard.",
+              "name": "value-change"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string | undefined | undefined"
+              },
+              "description": "Selected conversation's id, for controlled usage paired with `value-change`.",
+              "default": "undefined",
+              "fieldName": "value"
+            },
+            {
+              "name": "default-value",
+              "type": {
+                "text": "string | undefined | undefined"
+              },
+              "description": "Conversation selected on first render, used only while uncontrolled.",
+              "default": "undefined",
+              "fieldName": "defaultValue"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Conversations'",
+              "description": "Accessible name of the derived listbox holding the conversation rows.",
+              "fieldName": "label"
+            },
+            {
+              "name": "unread-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Unread'",
+              "description": "Visually hidden text appended to an unread row's title, so the mark is spoken.",
+              "fieldName": "unreadLabel"
+            },
+            {
+              "name": "empty-title",
+              "type": {
+                "text": "string"
+              },
+              "default": "'No conversations'",
+              "description": "Heading of the derived EmptyState shown when there is nothing to list.",
+              "fieldName": "emptyTitle"
+            },
+            {
+              "name": "empty-description",
+              "type": {
+                "text": "string | undefined | undefined"
+              },
+              "description": "Supporting copy under the empty state's heading, explaining the gap.",
+              "default": "undefined",
+              "fieldName": "emptyDescription"
+            },
+            {
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Replaces the rows with decorative placeholder lines and marks the host `aria-busy`.",
+              "fieldName": "loading"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "skdx-conversation-list",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkdxConversationList",
+          "declaration": {
+            "name": "SkdxConversationList",
+            "module": "src/conversation-list/ConversationList.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "skdx-conversation-list",
+          "declaration": {
+            "name": "SkdxConversationList",
+            "module": "src/conversation-list/ConversationList.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/conversation-list/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkdxConversationList",
+          "declaration": {
+            "name": "SkdxConversationList",
+            "module": "./ConversationList"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SkdxConversationListItem",
+          "declaration": {
+            "name": "SkdxConversationListItem",
+            "module": "./ConversationList"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SkdxConversationListValueChangeDetail",
+          "declaration": {
+            "name": "SkdxConversationListValueChangeDetail",
+            "module": "./ConversationList"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/dashboard-layout/DashboardLayout.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Application shell block: an app bar, a collapsible side navigation and the content region.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-dashboard-layout` on the host, then `__app-bar`,\n`__nav-toggle`, `__branding`, `__title`, `__actions`, `__body`, `__nav`,\n`__nav-list`, `__nav-item`, `__nav-header`, `__nav-divider` and `__content`.\n`data-nav-open` sits on the host while the navigation is shown.",
+          "name": "SkdxDashboardLayout",
+          "slots": [
+            {
+              "description": "The page content rendered inside the `<main>` region.",
+              "name": ""
+            },
+            {
+              "description": "Logo or product mark at the start of the app bar.",
+              "name": "branding"
             },
             {
               "description": "Controls at the end of the app bar.",
@@ -1758,300 +1690,211 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/chat-composer/ChatComposer.ts",
+      "path": "src/forgot-password-page/ForgotPasswordPage.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Message composer block: an auto-growing Textarea and a send Button inside a\nfield, with consumer-supplied attachment, leading, trailing and footer\nregions and configurable Enter-to-send behaviour.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-chat-composer` on the host, then `__attachments`, `__field`,\n`__leading`, `__textarea`, `__trailing`, `__send` and `__footer`.\n`data-state` on the host reads `pending` while a send is in flight.",
-          "name": "SkdxChatComposer",
+          "description": "Forgot-password block: a description, one email field and a submit button,\nreplaced entirely by a success alert once the request is accepted.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-forgot-password-page` on the host, then `__panel`,\n`__title`, `__description`, `__error`, `__success`, `__form`, `__field`,\n`__submit` and `__footer`.",
+          "name": "SkdxForgotPasswordPage",
           "slots": [
             {
-              "description": "Controls rendered inside the field before the textarea, such as an attach button.",
-              "name": "leading"
-            },
-            {
-              "description": "Controls rendered inside the field after the textarea, such as a model picker.",
-              "name": "trailing"
+              "description": "Extra fields rendered inside the form, above the submit button.",
+              "name": ""
             },
             {
-              "description": "Attached files or chips rendered in a row above the field.",
-              "name": "attachments"
-            },
-            {
-              "description": "Usage counters or hints rendered in a row below the field.",
+              "description": "Navigation below the form, such as a link back to the sign-in page.",
               "name": "footer"
-            },
-            {
-              "description": "Glyph rendered inside the send button in place of its text, making it icon-only.",
-              "name": "send-icon"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string | undefined | undefined"
-              },
-              "description": "Current message text, for controlled usage paired with `value-change`.",
-              "default": "undefined",
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "defaultValue",
+              "name": "title",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Initial message text for uncontrolled usage, read only on mount.",
-              "attribute": "default-value"
+              "default": "'Reset your password'",
+              "description": "Heading text, rendered into a derived `<h1>` that names the section.",
+              "attribute": "title"
             },
             {
               "kind": "field",
-              "name": "placeholder",
+              "name": "description",
               "type": {
-                "text": "string | undefined | undefined"
+                "text": "string | undefined"
               },
-              "description": "Hint text shown in the empty textarea, rendered as the native placeholder.",
+              "description": "Supporting copy rendered below the title, explaining what the reset link does.",
               "default": "undefined",
-              "attribute": "placeholder"
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Message'",
-              "description": "Accessible name of the message textarea, read by assistive technology.",
-              "attribute": "label"
-            },
-            {
-              "kind": "field",
-              "name": "sendLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Send'",
-              "description": "Text of the send button, and its accessible name when the `send-icon` slot is filled.",
-              "attribute": "send-label"
+              "attribute": "description"
             },
             {
               "kind": "field",
-              "name": "submitKey",
+              "name": "error",
               "type": {
-                "text": "SkdxChatComposerSubmitKey"
+                "text": "string | undefined"
               },
-              "default": "'enter'",
-              "description": "Which key sends from the textarea; the other Enter presses insert a newline.",
-              "attribute": "submit-key"
+              "description": "Message rendered into a derived error Alert above the form. The block never clears it.",
+              "default": "undefined",
+              "attribute": "error"
             },
             {
               "kind": "field",
-              "name": "maxRows",
+              "name": "success",
               "type": {
-                "text": "number"
+                "text": "string | undefined"
               },
-              "default": "8",
-              "description": "Caps how far the auto-growing textarea grows, in rows, before it scrolls.",
-              "attribute": "max-rows"
+              "description": "Confirmation rendered into a derived success Alert that replaces the form entirely.",
+              "default": "undefined",
+              "attribute": "success"
             },
             {
               "kind": "field",
-              "name": "maxLength",
+              "name": "pending",
               "type": {
-                "text": "number | undefined | undefined"
+                "text": "boolean"
               },
-              "description": "Native `maxlength` of the textarea — the longest message it accepts.",
-              "default": "undefined",
-              "attribute": "max-length"
+              "default": "false",
+              "description": "Marks the request in flight, making the submit button busy while the email field stays editable.",
+              "attribute": "pending"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "emailLabel",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Disables the textarea and the send button, blocking every send path.",
-              "attribute": "disabled"
+              "default": "'Email'",
+              "description": "Label of the email field the reset link is requested for.",
+              "attribute": "email-label"
             },
             {
               "kind": "field",
-              "name": "pending",
+              "name": "submitLabel",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Marks a send in flight: the button is busy and inert, the textarea stays editable.",
-              "attribute": "pending"
+              "default": "'Send reset link'",
+              "description": "Text of the form's submit button.",
+              "attribute": "submit-label"
             }
           ],
           "events": [
             {
-              "description": "Fires with the new text on every edit, including the clear that follows an uncontrolled send.",
-              "name": "value-change"
-            },
-            {
-              "description": "Fires with the message text when the send button is activated or the configured submit key is pressed.",
-              "name": "send"
+              "description": "Fires with `{ email }` when the form submits with an address that passes constraint validation.",
+              "name": "request-reset"
             }
           ],
           "attributes": [
             {
-              "name": "value",
-              "type": {
-                "text": "string | undefined | undefined"
-              },
-              "description": "Current message text, for controlled usage paired with `value-change`.",
-              "default": "undefined",
-              "fieldName": "value"
-            },
-            {
-              "name": "default-value",
+              "name": "title",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Initial message text for uncontrolled usage, read only on mount.",
-              "fieldName": "defaultValue"
+              "default": "'Reset your password'",
+              "description": "Heading text, rendered into a derived `<h1>` that names the section.",
+              "fieldName": "title"
             },
             {
-              "name": "placeholder",
+              "name": "description",
               "type": {
-                "text": "string | undefined | undefined"
+                "text": "string | undefined"
               },
-              "description": "Hint text shown in the empty textarea, rendered as the native placeholder.",
+              "description": "Supporting copy rendered below the title, explaining what the reset link does.",
               "default": "undefined",
-              "fieldName": "placeholder"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Message'",
-              "description": "Accessible name of the message textarea, read by assistive technology.",
-              "fieldName": "label"
-            },
-            {
-              "name": "send-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Send'",
-              "description": "Text of the send button, and its accessible name when the `send-icon` slot is filled.",
-              "fieldName": "sendLabel"
+              "fieldName": "description"
             },
             {
-              "name": "submit-key",
+              "name": "error",
               "type": {
-                "text": "SkdxChatComposerSubmitKey"
+                "text": "string | undefined"
               },
-              "default": "'enter'",
-              "description": "Which key sends from the textarea; the other Enter presses insert a newline.",
-              "fieldName": "submitKey"
+              "description": "Message rendered into a derived error Alert above the form. The block never clears it.",
+              "default": "undefined",
+              "fieldName": "error"
             },
             {
-              "name": "max-rows",
+              "name": "success",
               "type": {
-                "text": "number"
+                "text": "string | undefined"
               },
-              "default": "8",
-              "description": "Caps how far the auto-growing textarea grows, in rows, before it scrolls.",
-              "fieldName": "maxRows"
+              "description": "Confirmation rendered into a derived success Alert that replaces the form entirely.",
+              "default": "undefined",
+              "fieldName": "success"
             },
             {
-              "name": "max-length",
+              "name": "pending",
               "type": {
-                "text": "number | undefined | undefined"
+                "text": "boolean"
               },
-              "description": "Native `maxlength` of the textarea — the longest message it accepts.",
-              "default": "undefined",
-              "fieldName": "maxLength"
+              "default": "false",
+              "description": "Marks the request in flight, making the submit button busy while the email field stays editable.",
+              "fieldName": "pending"
             },
             {
-              "name": "disabled",
+              "name": "email-label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Disables the textarea and the send button, blocking every send path.",
-              "fieldName": "disabled"
+              "default": "'Email'",
+              "description": "Label of the email field the reset link is requested for.",
+              "fieldName": "emailLabel"
             },
             {
-              "name": "pending",
+              "name": "submit-label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Marks a send in flight: the button is busy and inert, the textarea stays editable.",
-              "fieldName": "pending"
+              "default": "'Send reset link'",
+              "description": "Text of the form's submit button.",
+              "fieldName": "submitLabel"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "skdx-chat-composer",
+          "tagName": "skdx-forgot-password-page",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkdxChatComposer",
+          "name": "SkdxForgotPasswordPage",
           "declaration": {
-            "name": "SkdxChatComposer",
-            "module": "src/chat-composer/ChatComposer.ts"
+            "name": "SkdxForgotPasswordPage",
+            "module": "src/forgot-password-page/ForgotPasswordPage.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "skdx-chat-composer",
+          "name": "skdx-forgot-password-page",
           "declaration": {
-            "name": "SkdxChatComposer",
-            "module": "src/chat-composer/ChatComposer.ts"
+            "name": "SkdxForgotPasswordPage",
+            "module": "src/forgot-password-page/ForgotPasswordPage.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/chat-composer/index.ts",
+      "path": "src/forgot-password-page/index.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "SkdxChatComposer",
-          "declaration": {
-            "name": "SkdxChatComposer",
-            "module": "./ChatComposer"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SkdxChatComposerSendDetail",
-          "declaration": {
-            "name": "SkdxChatComposerSendDetail",
-            "module": "./ChatComposer"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SkdxChatComposerSubmitKey",
+          "name": "SkdxForgotPasswordPage",
           "declaration": {
-            "name": "SkdxChatComposerSubmitKey",
-            "module": "./ChatComposer"
+            "name": "SkdxForgotPasswordPage",
+            "module": "./ForgotPasswordPage"
           }
         },
         {
           "kind": "js",
-          "name": "SkdxChatComposerValueChangeDetail",
+          "name": "SkdxForgotPasswordDetail",
           "declaration": {
-            "name": "SkdxChatComposerValueChangeDetail",
-            "module": "./ChatComposer"
+            "name": "SkdxForgotPasswordDetail",
+            "module": "./ForgotPasswordPage"
           }
         }
       ]
@@ -2198,41 +2041,64 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/conversation-list/ConversationList.ts",
+      "path": "src/chat-composer/ChatComposer.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Conversation navigation block: a single-select listbox of threads with a\ntitle, preview, relative timestamp, unread mark and badge, plus grouping and\nits own loading and empty states. It routes nowhere — it reports the chosen\nconversation and the consumer navigates.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-conversation-list` on the host, then `__loading`, `__empty`,\n`__list`, `__group`, `__group-label`, `__item`, `__leading`, `__body`,\n`__title`, `__preview`, `__meta`, `__time` and `__badge`. `data-unread` sits\non a row that has not been read.",
-          "name": "SkdxConversationList",
-          "members": [
+          "description": "Message composer block: an auto-growing Textarea and a send Button inside a\nfield, with consumer-supplied attachment, leading, trailing and footer\nregions and configurable Enter-to-send behaviour.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-chat-composer` on the host, then `__attachments`, `__field`,\n`__leading`, `__textarea`, `__trailing`, `__send` and `__footer`.\n`data-state` on the host reads `pending` while a send is in flight.",
+          "name": "SkdxChatComposer",
+          "slots": [
             {
-              "kind": "field",
-              "name": "items",
-              "type": {
-                "text": "readonly SkdxConversationListItem[]"
-              },
-              "description": "The conversations to render, in order, each one a selectable option keyed by its id.",
-              "required": true
+              "description": "Controls rendered inside the field before the textarea, such as an attach button.",
+              "name": "leading"
+            },
+            {
+              "description": "Controls rendered inside the field after the textarea, such as a model picker.",
+              "name": "trailing"
             },
+            {
+              "description": "Attached files or chips rendered in a row above the field.",
+              "name": "attachments"
+            },
+            {
+              "description": "Usage counters or hints rendered in a row below the field.",
+              "name": "footer"
+            },
+            {
+              "description": "Glyph rendered inside the send button in place of its text, making it icon-only.",
+              "name": "send-icon"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
               "name": "value",
               "type": {
                 "text": "string | undefined | undefined"
               },
-              "description": "Selected conversation's id, for controlled usage paired with `value-change`.",
+              "description": "Current message text, for controlled usage paired with `value-change`.",
               "default": "undefined",
               "attribute": "value"
             },
             {
               "kind": "field",
               "name": "defaultValue",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Initial message text for uncontrolled usage, read only on mount.",
+              "attribute": "default-value"
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
               "type": {
                 "text": "string | undefined | undefined"
               },
-              "description": "Conversation selected on first render, used only while uncontrolled.",
+              "description": "Hint text shown in the empty textarea, rendered as the native placeholder.",
               "default": "undefined",
-              "attribute": "default-value"
+              "attribute": "placeholder"
             },
             {
               "kind": "field",
@@ -2240,73 +2106,79 @@
               "type": {
                 "text": "string"
               },
-              "default": "'Conversations'",
-              "description": "Accessible name of the derived listbox holding the conversation rows.",
+              "default": "'Message'",
+              "description": "Accessible name of the message textarea, read by assistive technology.",
               "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "unreadLabel",
+              "name": "sendLabel",
               "type": {
                 "text": "string"
               },
-              "default": "'Unread'",
-              "description": "Visually hidden text appended to an unread row's title, so the mark is spoken.",
-              "attribute": "unread-label"
+              "default": "'Send'",
+              "description": "Text of the send button, and its accessible name when the `send-icon` slot is filled.",
+              "attribute": "send-label"
             },
             {
               "kind": "field",
-              "name": "emptyTitle",
+              "name": "submitKey",
               "type": {
-                "text": "string"
+                "text": "SkdxChatComposerSubmitKey"
               },
-              "default": "'No conversations'",
-              "description": "Heading of the derived EmptyState shown when there is nothing to list.",
-              "attribute": "empty-title"
+              "default": "'enter'",
+              "description": "Which key sends from the textarea; the other Enter presses insert a newline.",
+              "attribute": "submit-key"
             },
             {
               "kind": "field",
-              "name": "emptyDescription",
+              "name": "maxRows",
               "type": {
-                "text": "string | undefined | undefined"
+                "text": "number"
               },
-              "description": "Supporting copy under the empty state's heading, explaining the gap.",
-              "default": "undefined",
-              "attribute": "empty-description"
+              "default": "8",
+              "description": "Caps how far the auto-growing textarea grows, in rows, before it scrolls.",
+              "attribute": "max-rows"
             },
             {
               "kind": "field",
-              "name": "loading",
+              "name": "maxLength",
               "type": {
-                "text": "boolean"
+                "text": "number | undefined | undefined"
               },
-              "default": "false",
-              "description": "Replaces the rows with decorative placeholder lines and marks the host `aria-busy`.",
-              "attribute": "loading"
+              "description": "Native `maxlength` of the textarea — the longest message it accepts.",
+              "default": "undefined",
+              "attribute": "max-length"
             },
             {
               "kind": "field",
-              "name": "now",
+              "name": "disabled",
               "type": {
-                "text": "Date | number | undefined | undefined"
+                "text": "boolean"
               },
-              "description": "Reference instant the relative row timestamps are measured from.",
-              "default": "undefined"
+              "default": "false",
+              "description": "Disables the textarea and the send button, blocking every send path.",
+              "attribute": "disabled"
             },
             {
               "kind": "field",
-              "name": "renderLeading",
+              "name": "pending",
               "type": {
-                "text": "((item: SkdxConversationListItem) => unknown) | undefined | undefined"
+                "text": "boolean"
               },
-              "description": "Renders a decorative leading region for one row, such as an avatar or a status dot.",
-              "default": "undefined"
+              "default": "false",
+              "description": "Marks a send in flight: the button is busy and inert, the textarea stays editable.",
+              "attribute": "pending"
             }
           ],
           "events": [
             {
-              "description": "Fires with `{ value, previousValue, reason }` whenever the selection moves by pointer or keyboard.",
+              "description": "Fires with the new text on every edit, including the clear that follows an uncontrolled send.",
               "name": "value-change"
+            },
+            {
+              "description": "Fires with the message text when the send button is activated or the configured submit key is pressed.",
+              "name": "send"
             }
           ],
           "attributes": [
@@ -2315,519 +2187,154 @@
               "type": {
                 "text": "string | undefined | undefined"
               },
-              "description": "Selected conversation's id, for controlled usage paired with `value-change`.",
+              "description": "Current message text, for controlled usage paired with `value-change`.",
               "default": "undefined",
               "fieldName": "value"
             },
             {
               "name": "default-value",
               "type": {
-                "text": "string | undefined | undefined"
+                "text": "string"
               },
-              "description": "Conversation selected on first render, used only while uncontrolled.",
-              "default": "undefined",
+              "default": "''",
+              "description": "Initial message text for uncontrolled usage, read only on mount.",
               "fieldName": "defaultValue"
             },
             {
-              "name": "label",
+              "name": "placeholder",
               "type": {
-                "text": "string"
+                "text": "string | undefined | undefined"
               },
-              "default": "'Conversations'",
-              "description": "Accessible name of the derived listbox holding the conversation rows.",
-              "fieldName": "label"
+              "description": "Hint text shown in the empty textarea, rendered as the native placeholder.",
+              "default": "undefined",
+              "fieldName": "placeholder"
             },
             {
-              "name": "unread-label",
+              "name": "label",
               "type": {
                 "text": "string"
               },
-              "default": "'Unread'",
-              "description": "Visually hidden text appended to an unread row's title, so the mark is spoken.",
-              "fieldName": "unreadLabel"
+              "default": "'Message'",
+              "description": "Accessible name of the message textarea, read by assistive technology.",
+              "fieldName": "label"
             },
             {
-              "name": "empty-title",
+              "name": "send-label",
               "type": {
                 "text": "string"
               },
-              "default": "'No conversations'",
-              "description": "Heading of the derived EmptyState shown when there is nothing to list.",
-              "fieldName": "emptyTitle"
+              "default": "'Send'",
+              "description": "Text of the send button, and its accessible name when the `send-icon` slot is filled.",
+              "fieldName": "sendLabel"
             },
             {
-              "name": "empty-description",
+              "name": "submit-key",
               "type": {
-                "text": "string | undefined | undefined"
+                "text": "SkdxChatComposerSubmitKey"
               },
-              "description": "Supporting copy under the empty state's heading, explaining the gap.",
-              "default": "undefined",
-              "fieldName": "emptyDescription"
+              "default": "'enter'",
+              "description": "Which key sends from the textarea; the other Enter presses insert a newline.",
+              "fieldName": "submitKey"
             },
             {
-              "name": "loading",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Replaces the rows with decorative placeholder lines and marks the host `aria-busy`.",
-              "fieldName": "loading"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "skdx-conversation-list",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SkdxConversationList",
-          "declaration": {
-            "name": "SkdxConversationList",
-            "module": "src/conversation-list/ConversationList.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "skdx-conversation-list",
-          "declaration": {
-            "name": "SkdxConversationList",
-            "module": "src/conversation-list/ConversationList.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/conversation-list/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SkdxConversationList",
-          "declaration": {
-            "name": "SkdxConversationList",
-            "module": "./ConversationList"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SkdxConversationListItem",
-          "declaration": {
-            "name": "SkdxConversationListItem",
-            "module": "./ConversationList"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SkdxConversationListValueChangeDetail",
-          "declaration": {
-            "name": "SkdxConversationListValueChangeDetail",
-            "module": "./ConversationList"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/onboarding-checklist/OnboardingChecklist.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Progress checklist block: a header naming the checklist with an overall\nProgress meter, above an ordered list of tasks each carrying its own\ncompletion state and an optional action.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-onboarding-checklist` on the host, then `__header`,\n`__title`, `__description`, `__progress`, `__list`, `__item`, `__indicator`,\n`__body`, `__item-title`, `__optional`, `__item-description` and `__action`.\n`data-state` sits on each item for the skin to read.",
-          "name": "SkdxOnboardingChecklist",
-          "members": [
-            {
-              "kind": "field",
-              "name": "title",
+              "name": "max-rows",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "description": "Heading text naming the checklist, rendered into a derived Heading that names the section.",
-              "attribute": "title",
-              "required": true
+              "default": "8",
+              "description": "Caps how far the auto-growing textarea grows, in rows, before it scrolls.",
+              "fieldName": "maxRows"
             },
             {
-              "kind": "field",
-              "name": "description",
+              "name": "max-length",
               "type": {
-                "text": "string | undefined | undefined"
+                "text": "number | undefined | undefined"
               },
-              "description": "Supporting copy rendered below the title, explaining what the checklist covers.",
+              "description": "Native `maxlength` of the textarea — the longest message it accepts.",
               "default": "undefined",
-              "attribute": "description"
+              "fieldName": "maxLength"
             },
             {
-              "kind": "field",
-              "name": "headingLevel",
-              "type": {
-                "text": "1 | 2 | 3 | 4 | 5 | 6"
-              },
-              "default": "2",
-              "description": "Outline level of the derived title heading, lowered or raised to fit the surrounding outline.",
-              "attribute": "heading-level"
-            },
-            {
-              "kind": "field",
-              "name": "items",
-              "type": {
-                "text": "readonly SkdxOnboardingChecklistItem[]"
-              },
-              "description": "The tasks to complete, in render order, each with its own state, optional flag and action label.",
-              "required": true
-            },
-            {
-              "kind": "field",
-              "name": "getProgressLabel",
-              "type": {
-                "text": "(complete: number, total: number) => string | undefined"
-              },
-              "description": "Formats the overall progress meter's readout from the completed and total item counts.",
-              "default": "defaultGetProgressLabel"
-            },
-            {
-              "kind": "field",
-              "name": "completeLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Completed'",
-              "description": "Visually hidden text appended after a completed item's title, announcing its completion.",
-              "attribute": "complete-label"
-            },
-            {
-              "kind": "field",
-              "name": "optionalLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Optional'",
-              "description": "Text rendered beside an optional item's title.",
-              "attribute": "optional-label"
-            }
-          ],
-          "events": [
-            {
-              "description": "Fires when an item's action button is activated, carrying the full item that was acted on.",
-              "name": "action"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "description": "Heading text naming the checklist, rendered into a derived Heading that names the section.",
-              "fieldName": "title",
-              "required": true
-            },
-            {
-              "name": "description",
-              "type": {
-                "text": "string | undefined | undefined"
-              },
-              "description": "Supporting copy rendered below the title, explaining what the checklist covers.",
-              "default": "undefined",
-              "fieldName": "description"
-            },
-            {
-              "name": "heading-level",
-              "type": {
-                "text": "1 | 2 | 3 | 4 | 5 | 6"
-              },
-              "default": "2",
-              "description": "Outline level of the derived title heading, lowered or raised to fit the surrounding outline.",
-              "fieldName": "headingLevel"
-            },
-            {
-              "name": "complete-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Completed'",
-              "description": "Visually hidden text appended after a completed item's title, announcing its completion.",
-              "fieldName": "completeLabel"
-            },
-            {
-              "name": "optional-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Optional'",
-              "description": "Text rendered beside an optional item's title.",
-              "fieldName": "optionalLabel"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "skdx-onboarding-checklist",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SkdxOnboardingChecklist",
-          "declaration": {
-            "name": "SkdxOnboardingChecklist",
-            "module": "src/onboarding-checklist/OnboardingChecklist.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "skdx-onboarding-checklist",
-          "declaration": {
-            "name": "SkdxOnboardingChecklist",
-            "module": "src/onboarding-checklist/OnboardingChecklist.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/onboarding-checklist/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SkdxOnboardingChecklist",
-          "declaration": {
-            "name": "SkdxOnboardingChecklist",
-            "module": "./OnboardingChecklist"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SkdxOnboardingChecklistItem",
-          "declaration": {
-            "name": "SkdxOnboardingChecklistItem",
-            "module": "./OnboardingChecklist"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SkdxOnboardingChecklistItemState",
-          "declaration": {
-            "name": "SkdxOnboardingChecklistItemState",
-            "module": "./OnboardingChecklist"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/forgot-password-page/ForgotPasswordPage.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Forgot-password block: a description, one email field and a submit button,\nreplaced entirely by a success alert once the request is accepted.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-forgot-password-page` on the host, then `__panel`,\n`__title`, `__description`, `__error`, `__success`, `__form`, `__field`,\n`__submit` and `__footer`.",
-          "name": "SkdxForgotPasswordPage",
-          "slots": [
-            {
-              "description": "Extra fields rendered inside the form, above the submit button.",
-              "name": ""
-            },
-            {
-              "description": "Navigation below the form, such as a link back to the sign-in page.",
-              "name": "footer"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Reset your password'",
-              "description": "Heading text, rendered into a derived `<h1>` that names the section.",
-              "attribute": "title"
-            },
-            {
-              "kind": "field",
-              "name": "description",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Supporting copy rendered below the title, explaining what the reset link does.",
-              "default": "undefined",
-              "attribute": "description"
-            },
-            {
-              "kind": "field",
-              "name": "error",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Message rendered into a derived error Alert above the form. The block never clears it.",
-              "default": "undefined",
-              "attribute": "error"
-            },
-            {
-              "kind": "field",
-              "name": "success",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Confirmation rendered into a derived success Alert that replaces the form entirely.",
-              "default": "undefined",
-              "attribute": "success"
-            },
-            {
-              "kind": "field",
-              "name": "pending",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Marks the request in flight, making the submit button busy while the email field stays editable.",
-              "attribute": "pending"
-            },
-            {
-              "kind": "field",
-              "name": "emailLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Email'",
-              "description": "Label of the email field the reset link is requested for.",
-              "attribute": "email-label"
-            },
-            {
-              "kind": "field",
-              "name": "submitLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Send reset link'",
-              "description": "Text of the form's submit button.",
-              "attribute": "submit-label"
-            }
-          ],
-          "events": [
-            {
-              "description": "Fires with `{ email }` when the form submits with an address that passes constraint validation.",
-              "name": "request-reset"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Reset your password'",
-              "description": "Heading text, rendered into a derived `<h1>` that names the section.",
-              "fieldName": "title"
-            },
-            {
-              "name": "description",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Supporting copy rendered below the title, explaining what the reset link does.",
-              "default": "undefined",
-              "fieldName": "description"
-            },
-            {
-              "name": "error",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Message rendered into a derived error Alert above the form. The block never clears it.",
-              "default": "undefined",
-              "fieldName": "error"
-            },
-            {
-              "name": "success",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Confirmation rendered into a derived success Alert that replaces the form entirely.",
-              "default": "undefined",
-              "fieldName": "success"
-            },
-            {
-              "name": "pending",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Marks the request in flight, making the submit button busy while the email field stays editable.",
-              "fieldName": "pending"
-            },
-            {
-              "name": "email-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Email'",
-              "description": "Label of the email field the reset link is requested for.",
-              "fieldName": "emailLabel"
+              "description": "Disables the textarea and the send button, blocking every send path.",
+              "fieldName": "disabled"
             },
             {
-              "name": "submit-label",
+              "name": "pending",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'Send reset link'",
-              "description": "Text of the form's submit button.",
-              "fieldName": "submitLabel"
+              "default": "false",
+              "description": "Marks a send in flight: the button is busy and inert, the textarea stays editable.",
+              "fieldName": "pending"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "skdx-forgot-password-page",
+          "tagName": "skdx-chat-composer",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkdxForgotPasswordPage",
+          "name": "SkdxChatComposer",
           "declaration": {
-            "name": "SkdxForgotPasswordPage",
-            "module": "src/forgot-password-page/ForgotPasswordPage.ts"
+            "name": "SkdxChatComposer",
+            "module": "src/chat-composer/ChatComposer.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "skdx-forgot-password-page",
+          "name": "skdx-chat-composer",
           "declaration": {
-            "name": "SkdxForgotPasswordPage",
-            "module": "src/forgot-password-page/ForgotPasswordPage.ts"
+            "name": "SkdxChatComposer",
+            "module": "src/chat-composer/ChatComposer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/forgot-password-page/index.ts",
+      "path": "src/chat-composer/index.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "SkdxForgotPasswordPage",
+          "name": "SkdxChatComposer",
           "declaration": {
-            "name": "SkdxForgotPasswordPage",
-            "module": "./ForgotPasswordPage"
+            "name": "SkdxChatComposer",
+            "module": "./ChatComposer"
           }
         },
         {
           "kind": "js",
-          "name": "SkdxForgotPasswordDetail",
+          "name": "SkdxChatComposerSendDetail",
           "declaration": {
-            "name": "SkdxForgotPasswordDetail",
-            "module": "./ForgotPasswordPage"
+            "name": "SkdxChatComposerSendDetail",
+            "module": "./ChatComposer"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SkdxChatComposerSubmitKey",
+          "declaration": {
+            "name": "SkdxChatComposerSubmitKey",
+            "module": "./ChatComposer"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SkdxChatComposerValueChangeDetail",
+          "declaration": {
+            "name": "SkdxChatComposerValueChangeDetail",
+            "module": "./ChatComposer"
           }
         }
       ]
@@ -3185,6 +2692,195 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/onboarding-checklist/OnboardingChecklist.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Progress checklist block: a header naming the checklist with an overall\nProgress meter, above an ordered list of tasks each carrying its own\ncompletion state and an optional action.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-onboarding-checklist` on the host, then `__header`,\n`__title`, `__description`, `__progress`, `__list`, `__item`, `__indicator`,\n`__body`, `__item-title`, `__optional`, `__item-description` and `__action`.\n`data-state` sits on each item for the skin to read.",
+          "name": "SkdxOnboardingChecklist",
+          "members": [
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "description": "Heading text naming the checklist, rendered into a derived Heading that names the section.",
+              "attribute": "title",
+              "required": true
+            },
+            {
+              "kind": "field",
+              "name": "description",
+              "type": {
+                "text": "string | undefined | undefined"
+              },
+              "description": "Supporting copy rendered below the title, explaining what the checklist covers.",
+              "default": "undefined",
+              "attribute": "description"
+            },
+            {
+              "kind": "field",
+              "name": "headingLevel",
+              "type": {
+                "text": "1 | 2 | 3 | 4 | 5 | 6"
+              },
+              "default": "2",
+              "description": "Outline level of the derived title heading, lowered or raised to fit the surrounding outline.",
+              "attribute": "heading-level"
+            },
+            {
+              "kind": "field",
+              "name": "items",
+              "type": {
+                "text": "readonly SkdxOnboardingChecklistItem[]"
+              },
+              "description": "The tasks to complete, in render order, each with its own state, optional flag and action label.",
+              "required": true
+            },
+            {
+              "kind": "field",
+              "name": "getProgressLabel",
+              "type": {
+                "text": "(complete: number, total: number) => string | undefined"
+              },
+              "description": "Formats the overall progress meter's readout from the completed and total item counts.",
+              "default": "defaultGetProgressLabel"
+            },
+            {
+              "kind": "field",
+              "name": "completeLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Completed'",
+              "description": "Visually hidden text appended after a completed item's title, announcing its completion.",
+              "attribute": "complete-label"
+            },
+            {
+              "kind": "field",
+              "name": "optionalLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Optional'",
+              "description": "Text rendered beside an optional item's title.",
+              "attribute": "optional-label"
+            }
+          ],
+          "events": [
+            {
+              "description": "Fires when an item's action button is activated, carrying the full item that was acted on.",
+              "name": "action"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "description": "Heading text naming the checklist, rendered into a derived Heading that names the section.",
+              "fieldName": "title",
+              "required": true
+            },
+            {
+              "name": "description",
+              "type": {
+                "text": "string | undefined | undefined"
+              },
+              "description": "Supporting copy rendered below the title, explaining what the checklist covers.",
+              "default": "undefined",
+              "fieldName": "description"
+            },
+            {
+              "name": "heading-level",
+              "type": {
+                "text": "1 | 2 | 3 | 4 | 5 | 6"
+              },
+              "default": "2",
+              "description": "Outline level of the derived title heading, lowered or raised to fit the surrounding outline.",
+              "fieldName": "headingLevel"
+            },
+            {
+              "name": "complete-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Completed'",
+              "description": "Visually hidden text appended after a completed item's title, announcing its completion.",
+              "fieldName": "completeLabel"
+            },
+            {
+              "name": "optional-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Optional'",
+              "description": "Text rendered beside an optional item's title.",
+              "fieldName": "optionalLabel"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "skdx-onboarding-checklist",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkdxOnboardingChecklist",
+          "declaration": {
+            "name": "SkdxOnboardingChecklist",
+            "module": "src/onboarding-checklist/OnboardingChecklist.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "skdx-onboarding-checklist",
+          "declaration": {
+            "name": "SkdxOnboardingChecklist",
+            "module": "src/onboarding-checklist/OnboardingChecklist.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/onboarding-checklist/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkdxOnboardingChecklist",
+          "declaration": {
+            "name": "SkdxOnboardingChecklist",
+            "module": "./OnboardingChecklist"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SkdxOnboardingChecklistItem",
+          "declaration": {
+            "name": "SkdxOnboardingChecklistItem",
+            "module": "./OnboardingChecklist"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SkdxOnboardingChecklistItemState",
+          "declaration": {
+            "name": "SkdxOnboardingChecklistItemState",
+            "module": "./OnboardingChecklist"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/page-container/PageContainer.ts",
@@ -3586,20 +3282,20 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/sign-up-page/SignUpPage.ts",
+      "path": "src/reset-password-page/ResetPasswordPage.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Sign-up block: provider buttons, a credentials form with optional name,\nconfirmation and terms fields, and a footer.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-sign-up-page` on the host, then `__panel`, `__title`,\n`__error`, `__providers`, `__provider`, `__divider`, `__form`, `__field`,\n`__terms`, `__submit` and `__footer`.",
-          "name": "SkdxSignUpPage",
+          "description": "Reset-password block: a new-password field with its rules, an optional\nconfirmation matched against it, and a submit button, replaced entirely by a\nsuccess alert once the change is accepted.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-reset-password-page` on the host, then `__panel`, `__title`,\n`__error`, `__success`, `__form`, `__field`, `__requirements`, `__submit`\nand `__footer`.",
+          "name": "SkdxResetPasswordPage",
           "slots": [
             {
-              "description": "Extra fields rendered inside the form, above the terms and the submit button.",
+              "description": "Extra fields rendered inside the form, above the submit button.",
               "name": ""
             },
             {
-              "description": "Terms copy and links used as the label of the required terms checkbox.",
-              "name": "terms"
+              "description": "Password rules used as the new-password field's description.",
+              "name": "requirements"
             },
             {
               "description": "Navigation below the form, such as a link back to the sign-in page.",
@@ -3613,19 +3309,10 @@
               "type": {
                 "text": "string"
               },
-              "default": "'Create account'",
+              "default": "'Choose a new password'",
               "description": "Heading text, rendered into a derived `<h1>` that names the section.",
               "attribute": "title"
             },
-            {
-              "kind": "field",
-              "name": "providers",
-              "type": {
-                "text": "readonly SkdxSignInProvider[] | undefined"
-              },
-              "description": "Third-party providers, in render order, each rendering one button above the credentials form.",
-              "default": "undefined"
-            },
             {
               "kind": "field",
               "name": "error",
@@ -3638,33 +3325,23 @@
             },
             {
               "kind": "field",
-              "name": "pending",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Marks the request in flight, making the submit button busy while every field stays editable.",
-              "attribute": "pending"
-            },
-            {
-              "kind": "field",
-              "name": "nameLabel",
+              "name": "success",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Label of the name field; supplying it is what makes that field render at all.",
+              "description": "Confirmation rendered into a derived success Alert that replaces the form entirely.",
               "default": "undefined",
-              "attribute": "name-label"
+              "attribute": "success"
             },
             {
               "kind": "field",
-              "name": "emailLabel",
+              "name": "pending",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'Email'",
-              "description": "Label of the email field in the credentials form.",
-              "attribute": "email-label"
+              "default": "false",
+              "description": "Marks the request in flight, making the submit button busy while both fields stay editable.",
+              "attribute": "pending"
             },
             {
               "kind": "field",
@@ -3672,8 +3349,8 @@
               "type": {
                 "text": "string"
               },
-              "default": "'Password'",
-              "description": "Label of the password field in the credentials form.",
+              "default": "'New password'",
+              "description": "Label of the field where the new password is typed.",
               "attribute": "password-label"
             },
             {
@@ -3702,24 +3379,15 @@
               "type": {
                 "text": "string"
               },
-              "default": "'Create account'",
-              "description": "Text of the credentials form's submit button.",
+              "default": "'Update password'",
+              "description": "Text of the form's submit button.",
               "attribute": "submit-label"
-            },
-            {
-              "kind": "field",
-              "name": "getProviderLabel",
-              "type": {
-                "text": "(provider: SkdxSignInProvider) => string | undefined"
-              },
-              "description": "Formats a provider button's text from its entry.",
-              "default": "defaultProviderLabel"
             }
           ],
           "events": [
             {
-              "description": "Fires with `{ providerId, name?, email?, password?, termsAccepted? }` when a provider button is activated or the form submits with matching, valid fields.",
-              "name": "sign-up"
+              "description": "Fires with `{ password }` when the form submits with a valid password that matches the confirmation.",
+              "name": "reset-password"
             }
           ],
           "attributes": [
@@ -3728,7 +3396,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'Create account'",
+              "default": "'Choose a new password'",
               "description": "Heading text, rendered into a derived `<h1>` that names the section.",
               "fieldName": "title"
             },
@@ -3742,39 +3410,30 @@
               "fieldName": "error"
             },
             {
-              "name": "pending",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Marks the request in flight, making the submit button busy while every field stays editable.",
-              "fieldName": "pending"
-            },
-            {
-              "name": "name-label",
+              "name": "success",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Label of the name field; supplying it is what makes that field render at all.",
+              "description": "Confirmation rendered into a derived success Alert that replaces the form entirely.",
               "default": "undefined",
-              "fieldName": "nameLabel"
+              "fieldName": "success"
             },
             {
-              "name": "email-label",
+              "name": "pending",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'Email'",
-              "description": "Label of the email field in the credentials form.",
-              "fieldName": "emailLabel"
+              "default": "false",
+              "description": "Marks the request in flight, making the submit button busy while both fields stay editable.",
+              "fieldName": "pending"
             },
             {
               "name": "password-label",
               "type": {
                 "text": "string"
               },
-              "default": "'Password'",
-              "description": "Label of the password field in the credentials form.",
+              "default": "'New password'",
+              "description": "Label of the field where the new password is typed.",
               "fieldName": "passwordLabel"
             },
             {
@@ -3800,8 +3459,8 @@
               "type": {
                 "text": "string"
               },
-              "default": "'Create account'",
-              "description": "Text of the credentials form's submit button.",
+              "default": "'Update password'",
+              "description": "Text of the form's submit button.",
               "fieldName": "submitLabel"
             }
           ],
@@ -3809,72 +3468,68 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "skdx-sign-up-page",
+          "tagName": "skdx-reset-password-page",
           "customElement": true
-        },
-        {
-          "kind": "variable",
-          "name": "password"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkdxSignUpPage",
+          "name": "SkdxResetPasswordPage",
           "declaration": {
-            "name": "SkdxSignUpPage",
-            "module": "src/sign-up-page/SignUpPage.ts"
+            "name": "SkdxResetPasswordPage",
+            "module": "src/reset-password-page/ResetPasswordPage.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "skdx-sign-up-page",
+          "name": "skdx-reset-password-page",
           "declaration": {
-            "name": "SkdxSignUpPage",
-            "module": "src/sign-up-page/SignUpPage.ts"
+            "name": "SkdxResetPasswordPage",
+            "module": "src/reset-password-page/ResetPasswordPage.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/sign-up-page/index.ts",
+      "path": "src/reset-password-page/index.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "SkdxSignUpPage",
+          "name": "SkdxResetPasswordPage",
           "declaration": {
-            "name": "SkdxSignUpPage",
-            "module": "./SignUpPage"
+            "name": "SkdxResetPasswordPage",
+            "module": "./ResetPasswordPage"
           }
         },
         {
           "kind": "js",
-          "name": "SkdxSignUpDetail",
+          "name": "SkdxResetPasswordDetail",
           "declaration": {
-            "name": "SkdxSignUpDetail",
-            "module": "./SignUpPage"
+            "name": "SkdxResetPasswordDetail",
+            "module": "./ResetPasswordPage"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/reset-password-page/ResetPasswordPage.ts",
+      "path": "src/sign-up-page/SignUpPage.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Reset-password block: a new-password field with its rules, an optional\nconfirmation matched against it, and a submit button, replaced entirely by a\nsuccess alert once the change is accepted.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-reset-password-page` on the host, then `__panel`, `__title`,\n`__error`, `__success`, `__form`, `__field`, `__requirements`, `__submit`\nand `__footer`.",
-          "name": "SkdxResetPasswordPage",
+          "description": "Sign-up block: provider buttons, a credentials form with optional name,\nconfirmation and terms fields, and a footer.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-sign-up-page` on the host, then `__panel`, `__title`,\n`__error`, `__providers`, `__provider`, `__divider`, `__form`, `__field`,\n`__terms`, `__submit` and `__footer`.",
+          "name": "SkdxSignUpPage",
           "slots": [
             {
-              "description": "Extra fields rendered inside the form, above the submit button.",
+              "description": "Extra fields rendered inside the form, above the terms and the submit button.",
               "name": ""
             },
             {
-              "description": "Password rules used as the new-password field's description.",
-              "name": "requirements"
+              "description": "Terms copy and links used as the label of the required terms checkbox.",
+              "name": "terms"
             },
             {
               "description": "Navigation below the form, such as a link back to the sign-in page.",
@@ -3888,10 +3543,19 @@
               "type": {
                 "text": "string"
               },
-              "default": "'Choose a new password'",
+              "default": "'Create account'",
               "description": "Heading text, rendered into a derived `<h1>` that names the section.",
               "attribute": "title"
             },
+            {
+              "kind": "field",
+              "name": "providers",
+              "type": {
+                "text": "readonly SkdxSignInProvider[] | undefined"
+              },
+              "description": "Third-party providers, in render order, each rendering one button above the credentials form.",
+              "default": "undefined"
+            },
             {
               "kind": "field",
               "name": "error",
@@ -3904,23 +3568,33 @@
             },
             {
               "kind": "field",
-              "name": "success",
+              "name": "pending",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Marks the request in flight, making the submit button busy while every field stays editable.",
+              "attribute": "pending"
+            },
+            {
+              "kind": "field",
+              "name": "nameLabel",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Confirmation rendered into a derived success Alert that replaces the form entirely.",
+              "description": "Label of the name field; supplying it is what makes that field render at all.",
               "default": "undefined",
-              "attribute": "success"
+              "attribute": "name-label"
             },
             {
               "kind": "field",
-              "name": "pending",
+              "name": "emailLabel",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Marks the request in flight, making the submit button busy while both fields stay editable.",
-              "attribute": "pending"
+              "default": "'Email'",
+              "description": "Label of the email field in the credentials form.",
+              "attribute": "email-label"
             },
             {
               "kind": "field",
@@ -3928,8 +3602,8 @@
               "type": {
                 "text": "string"
               },
-              "default": "'New password'",
-              "description": "Label of the field where the new password is typed.",
+              "default": "'Password'",
+              "description": "Label of the password field in the credentials form.",
               "attribute": "password-label"
             },
             {
@@ -3958,15 +3632,24 @@
               "type": {
                 "text": "string"
               },
-              "default": "'Update password'",
-              "description": "Text of the form's submit button.",
+              "default": "'Create account'",
+              "description": "Text of the credentials form's submit button.",
               "attribute": "submit-label"
+            },
+            {
+              "kind": "field",
+              "name": "getProviderLabel",
+              "type": {
+                "text": "(provider: SkdxSignInProvider) => string | undefined"
+              },
+              "description": "Formats a provider button's text from its entry.",
+              "default": "defaultProviderLabel"
             }
           ],
           "events": [
             {
-              "description": "Fires with `{ password }` when the form submits with a valid password that matches the confirmation.",
-              "name": "reset-password"
+              "description": "Fires with `{ providerId, name?, email?, password?, termsAccepted? }` when a provider button is activated or the form submits with matching, valid fields.",
+              "name": "sign-up"
             }
           ],
           "attributes": [
@@ -3975,7 +3658,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'Choose a new password'",
+              "default": "'Create account'",
               "description": "Heading text, rendered into a derived `<h1>` that names the section.",
               "fieldName": "title"
             },
@@ -3989,30 +3672,39 @@
               "fieldName": "error"
             },
             {
-              "name": "success",
+              "name": "pending",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Marks the request in flight, making the submit button busy while every field stays editable.",
+              "fieldName": "pending"
+            },
+            {
+              "name": "name-label",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Confirmation rendered into a derived success Alert that replaces the form entirely.",
+              "description": "Label of the name field; supplying it is what makes that field render at all.",
               "default": "undefined",
-              "fieldName": "success"
+              "fieldName": "nameLabel"
             },
             {
-              "name": "pending",
+              "name": "email-label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Marks the request in flight, making the submit button busy while both fields stay editable.",
-              "fieldName": "pending"
+              "default": "'Email'",
+              "description": "Label of the email field in the credentials form.",
+              "fieldName": "emailLabel"
             },
             {
               "name": "password-label",
               "type": {
                 "text": "string"
               },
-              "default": "'New password'",
-              "description": "Label of the field where the new password is typed.",
+              "default": "'Password'",
+              "description": "Label of the password field in the credentials form.",
               "fieldName": "passwordLabel"
             },
             {
@@ -4038,8 +3730,8 @@
               "type": {
                 "text": "string"
               },
-              "default": "'Update password'",
-              "description": "Text of the form's submit button.",
+              "default": "'Create account'",
+              "description": "Text of the credentials form's submit button.",
               "fieldName": "submitLabel"
             }
           ],
@@ -4047,48 +3739,52 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "skdx-reset-password-page",
+          "tagName": "skdx-sign-up-page",
           "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "password"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkdxResetPasswordPage",
+          "name": "SkdxSignUpPage",
           "declaration": {
-            "name": "SkdxResetPasswordPage",
-            "module": "src/reset-password-page/ResetPasswordPage.ts"
+            "name": "SkdxSignUpPage",
+            "module": "src/sign-up-page/SignUpPage.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "skdx-reset-password-page",
+          "name": "skdx-sign-up-page",
           "declaration": {
-            "name": "SkdxResetPasswordPage",
-            "module": "src/reset-password-page/ResetPasswordPage.ts"
+            "name": "SkdxSignUpPage",
+            "module": "src/sign-up-page/SignUpPage.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/reset-password-page/index.ts",
+      "path": "src/sign-up-page/index.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "SkdxResetPasswordPage",
+          "name": "SkdxSignUpPage",
           "declaration": {
-            "name": "SkdxResetPasswordPage",
-            "module": "./ResetPasswordPage"
+            "name": "SkdxSignUpPage",
+            "module": "./SignUpPage"
           }
         },
         {
           "kind": "js",
-          "name": "SkdxResetPasswordDetail",
+          "name": "SkdxSignUpDetail",
           "declaration": {
-            "name": "SkdxResetPasswordDetail",
-            "module": "./ResetPasswordPage"
+            "name": "SkdxSignUpDetail",
+            "module": "./SignUpPage"
           }
         }
       ]
@@ -4851,10 +4547,260 @@
         },
         {
           "kind": "js",
-          "name": "SkdxVerificationValueChangeDetail",
+          "name": "SkdxVerificationValueChangeDetail",
+          "declaration": {
+            "name": "SkdxVerificationValueChangeDetail",
+            "module": "./VerificationPage"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/user-menu/UserMenu.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The signed-in user's menu: a derived trigger showing an avatar, name and\ndescription that opens a panel repeating the identity above the\napplication's own entries.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-user-menu` on the host, then `__avatar`, `__identity`,\n`__name`, `__description`, `__content` and `__header`. `data-variant` sits on\nthe host while the derived trigger renders.",
+          "name": "SkdxUserMenu",
+          "slots": [
+            {
+              "description": "The application's own menu entries, rendered below the repeated identity header.",
+              "name": ""
+            },
+            {
+              "description": "Content that replaces the derived avatar-and-identity trigger entirely.",
+              "name": "trigger"
+            },
+            {
+              "description": "An extra indicator rendered after the identity in the trigger.",
+              "name": "status"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "The signed-in user's name, rendered in the trigger and repeated in the menu header.",
+              "attribute": "name",
+              "required": true
+            },
+            {
+              "kind": "field",
+              "name": "description",
+              "type": {
+                "text": "string | undefined | undefined"
+              },
+              "description": "Secondary text such as an email or role, rendered below the name in the trigger and the header.",
+              "default": "undefined",
+              "attribute": "description"
+            },
+            {
+              "kind": "field",
+              "name": "avatarSrc",
+              "type": {
+                "text": "string | undefined | undefined"
+              },
+              "description": "Source of the identity image, passed straight through to the derived Avatar.",
+              "default": "undefined",
+              "attribute": "avatar-src"
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'compact' | (string & {}) | undefined | undefined"
+              },
+              "description": "Visual rung written to `data-variant`; `'compact'` visually hides the identity text while keeping it as the accessible name.",
+              "default": "undefined",
+              "attribute": "variant"
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean | undefined | undefined"
+              },
+              "description": "Whether the menu is open, for controlled usage paired with `open-change`.",
+              "default": "undefined",
+              "attribute": "open"
+            },
+            {
+              "kind": "field",
+              "name": "defaultOpen",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the menu starts open, for uncontrolled usage.",
+              "attribute": "default-open"
+            },
+            {
+              "kind": "field",
+              "name": "side",
+              "type": {
+                "text": "'top' | 'right' | 'bottom' | 'left'"
+              },
+              "default": "'bottom'",
+              "description": "Which side of the trigger the menu panel opens on.",
+              "attribute": "side"
+            },
+            {
+              "kind": "field",
+              "name": "align",
+              "type": {
+                "text": "'start' | 'center' | 'end'"
+              },
+              "default": "'end'",
+              "description": "Alignment of the menu panel relative to the side it opens on.",
+              "attribute": "align"
+            }
+          ],
+          "events": [
+            {
+              "description": "Fires with the new open state whenever the trigger opens or closes the menu.",
+              "name": "open-change"
+            },
+            {
+              "description": "Fires with the new open state once the panel's enter or exit animation has settled.",
+              "name": "open-change-complete"
+            },
+            {
+              "description": "Fires when Escape is pressed while the menu is open; `preventDefault()` keeps it open.",
+              "name": "escape-key-down"
+            },
+            {
+              "description": "Fires on a pointer-down outside the panel while open; `preventDefault()` keeps it open.",
+              "name": "pointer-down-outside"
+            },
+            {
+              "description": "Fires when focus moves outside the panel while open; `preventDefault()` keeps it open.",
+              "name": "focus-outside"
+            },
+            {
+              "description": "Fires for either kind of outside interaction, just before the specific event.",
+              "name": "interact-outside"
+            },
+            {
+              "description": "Fires before focus returns to the trigger on close; `preventDefault()` suppresses that return.",
+              "name": "close-auto-focus"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "The signed-in user's name, rendered in the trigger and repeated in the menu header.",
+              "fieldName": "name",
+              "required": true
+            },
+            {
+              "name": "description",
+              "type": {
+                "text": "string | undefined | undefined"
+              },
+              "description": "Secondary text such as an email or role, rendered below the name in the trigger and the header.",
+              "default": "undefined",
+              "fieldName": "description"
+            },
+            {
+              "name": "avatar-src",
+              "type": {
+                "text": "string | undefined | undefined"
+              },
+              "description": "Source of the identity image, passed straight through to the derived Avatar.",
+              "default": "undefined",
+              "fieldName": "avatarSrc"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "'compact' | (string & {}) | undefined | undefined"
+              },
+              "description": "Visual rung written to `data-variant`; `'compact'` visually hides the identity text while keeping it as the accessible name.",
+              "default": "undefined",
+              "fieldName": "variant"
+            },
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean | undefined | undefined"
+              },
+              "description": "Whether the menu is open, for controlled usage paired with `open-change`.",
+              "default": "undefined",
+              "fieldName": "open"
+            },
+            {
+              "name": "default-open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the menu starts open, for uncontrolled usage.",
+              "fieldName": "defaultOpen"
+            },
+            {
+              "name": "side",
+              "type": {
+                "text": "'top' | 'right' | 'bottom' | 'left'"
+              },
+              "default": "'bottom'",
+              "description": "Which side of the trigger the menu panel opens on.",
+              "fieldName": "side"
+            },
+            {
+              "name": "align",
+              "type": {
+                "text": "'start' | 'center' | 'end'"
+              },
+              "default": "'end'",
+              "description": "Alignment of the menu panel relative to the side it opens on.",
+              "fieldName": "align"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "skdx-user-menu",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkdxUserMenu",
+          "declaration": {
+            "name": "SkdxUserMenu",
+            "module": "src/user-menu/UserMenu.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "skdx-user-menu",
+          "declaration": {
+            "name": "SkdxUserMenu",
+            "module": "src/user-menu/UserMenu.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/user-menu/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkdxUserMenu",
           "declaration": {
-            "name": "SkdxVerificationValueChangeDetail",
-            "module": "./VerificationPage"
+            "name": "SkdxUserMenu",
+            "module": "./UserMenu"
           }
         }
       ]
@@ -5222,256 +5168,6 @@
           }
         }
       ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/user-menu/UserMenu.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The signed-in user's menu: a derived trigger showing an avatar, name and\ndescription that opens a panel repeating the identity above the\napplication's own entries.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-user-menu` on the host, then `__avatar`, `__identity`,\n`__name`, `__description`, `__content` and `__header`. `data-variant` sits on\nthe host while the derived trigger renders.",
-          "name": "SkdxUserMenu",
-          "slots": [
-            {
-              "description": "The application's own menu entries, rendered below the repeated identity header.",
-              "name": ""
-            },
-            {
-              "description": "Content that replaces the derived avatar-and-identity trigger entirely.",
-              "name": "trigger"
-            },
-            {
-              "description": "An extra indicator rendered after the identity in the trigger.",
-              "name": "status"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "description": "The signed-in user's name, rendered in the trigger and repeated in the menu header.",
-              "attribute": "name",
-              "required": true
-            },
-            {
-              "kind": "field",
-              "name": "description",
-              "type": {
-                "text": "string | undefined | undefined"
-              },
-              "description": "Secondary text such as an email or role, rendered below the name in the trigger and the header.",
-              "default": "undefined",
-              "attribute": "description"
-            },
-            {
-              "kind": "field",
-              "name": "avatarSrc",
-              "type": {
-                "text": "string | undefined | undefined"
-              },
-              "description": "Source of the identity image, passed straight through to the derived Avatar.",
-              "default": "undefined",
-              "attribute": "avatar-src"
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "'compact' | (string & {}) | undefined | undefined"
-              },
-              "description": "Visual rung written to `data-variant`; `'compact'` visually hides the identity text while keeping it as the accessible name.",
-              "default": "undefined",
-              "attribute": "variant"
-            },
-            {
-              "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean | undefined | undefined"
-              },
-              "description": "Whether the menu is open, for controlled usage paired with `open-change`.",
-              "default": "undefined",
-              "attribute": "open"
-            },
-            {
-              "kind": "field",
-              "name": "defaultOpen",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the menu starts open, for uncontrolled usage.",
-              "attribute": "default-open"
-            },
-            {
-              "kind": "field",
-              "name": "side",
-              "type": {
-                "text": "'top' | 'right' | 'bottom' | 'left'"
-              },
-              "default": "'bottom'",
-              "description": "Which side of the trigger the menu panel opens on.",
-              "attribute": "side"
-            },
-            {
-              "kind": "field",
-              "name": "align",
-              "type": {
-                "text": "'start' | 'center' | 'end'"
-              },
-              "default": "'end'",
-              "description": "Alignment of the menu panel relative to the side it opens on.",
-              "attribute": "align"
-            }
-          ],
-          "events": [
-            {
-              "description": "Fires with the new open state whenever the trigger opens or closes the menu.",
-              "name": "open-change"
-            },
-            {
-              "description": "Fires with the new open state once the panel's enter or exit animation has settled.",
-              "name": "open-change-complete"
-            },
-            {
-              "description": "Fires when Escape is pressed while the menu is open; `preventDefault()` keeps it open.",
-              "name": "escape-key-down"
-            },
-            {
-              "description": "Fires on a pointer-down outside the panel while open; `preventDefault()` keeps it open.",
-              "name": "pointer-down-outside"
-            },
-            {
-              "description": "Fires when focus moves outside the panel while open; `preventDefault()` keeps it open.",
-              "name": "focus-outside"
-            },
-            {
-              "description": "Fires for either kind of outside interaction, just before the specific event.",
-              "name": "interact-outside"
-            },
-            {
-              "description": "Fires before focus returns to the trigger on close; `preventDefault()` suppresses that return.",
-              "name": "close-auto-focus"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "description": "The signed-in user's name, rendered in the trigger and repeated in the menu header.",
-              "fieldName": "name",
-              "required": true
-            },
-            {
-              "name": "description",
-              "type": {
-                "text": "string | undefined | undefined"
-              },
-              "description": "Secondary text such as an email or role, rendered below the name in the trigger and the header.",
-              "default": "undefined",
-              "fieldName": "description"
-            },
-            {
-              "name": "avatar-src",
-              "type": {
-                "text": "string | undefined | undefined"
-              },
-              "description": "Source of the identity image, passed straight through to the derived Avatar.",
-              "default": "undefined",
-              "fieldName": "avatarSrc"
-            },
-            {
-              "name": "variant",
-              "type": {
-                "text": "'compact' | (string & {}) | undefined | undefined"
-              },
-              "description": "Visual rung written to `data-variant`; `'compact'` visually hides the identity text while keeping it as the accessible name.",
-              "default": "undefined",
-              "fieldName": "variant"
-            },
-            {
-              "name": "open",
-              "type": {
-                "text": "boolean | undefined | undefined"
-              },
-              "description": "Whether the menu is open, for controlled usage paired with `open-change`.",
-              "default": "undefined",
-              "fieldName": "open"
-            },
-            {
-              "name": "default-open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the menu starts open, for uncontrolled usage.",
-              "fieldName": "defaultOpen"
-            },
-            {
-              "name": "side",
-              "type": {
-                "text": "'top' | 'right' | 'bottom' | 'left'"
-              },
-              "default": "'bottom'",
-              "description": "Which side of the trigger the menu panel opens on.",
-              "fieldName": "side"
-            },
-            {
-              "name": "align",
-              "type": {
-                "text": "'start' | 'center' | 'end'"
-              },
-              "default": "'end'",
-              "description": "Alignment of the menu panel relative to the side it opens on.",
-              "fieldName": "align"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "skdx-user-menu",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SkdxUserMenu",
-          "declaration": {
-            "name": "SkdxUserMenu",
-            "module": "src/user-menu/UserMenu.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "skdx-user-menu",
-          "declaration": {
-            "name": "SkdxUserMenu",
-            "module": "src/user-menu/UserMenu.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/user-menu/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SkdxUserMenu",
-          "declaration": {
-            "name": "SkdxUserMenu",
-            "module": "./UserMenu"
-          }
-        }
-      ]
     }
   ]
 }