@thewhatmatters/wmds 0.3.0 → 0.4.0

package/docs/component-contracts.md

@@ -24,4 +24,4 @@ decorative hand on the marketing hero headline, from `public/rive/interactive-ic
 
 ## PromptBar
 
-wide prompt pill — inline **TextArea** (`rows={1}`, one line when empty, grows through **3 lines**, then scrolls) and an **IconButton** `sm` send control (Lucide **ArrowRight**) inset with even padding. The pill owns focus; the send control does not draw a second ring. Placeholder **Ask anything…**. Enter sends; Shift+Enter inserts a newline. Send stays disabled and muted until the draft has text, then uses **`--color-brand`** (`#011272` / `bg-brand`). No new Button role. Voice and attachments are not part of this version. Copy **Components/PromptBar → Pattern — prompt bar**. **PromptBar** also mounts on the **marketing homepage**: **Components/PromptBar → Pattern — marketing composer** pins it to the bottom of the viewport on the page grid (`--grid-max: 40rem`, above the safe area, under **SiteNav**), and sending hands off to the app's ask page — the app routes to `/ask?q=…`, and the ask page opens on that first exchange. The ask page itself is app code. Do not hand-roll the pin, and do not restyle **SiteNav**.
+wide prompt pill — inline **TextArea** (`rows={1}`, one line when empty, grows through **3 lines**, then scrolls) and an **IconButton** `sm` send control (Lucide **ArrowRight**) inset with even padding. The pill owns focus; the send control does not draw a second ring. Placeholder **Ask anything…**. Enter sends; Shift+Enter inserts a newline. Send stays disabled and muted until the draft has text, then uses **`--color-brand`** (`#011272` / `bg-brand`). No new Button role. Voice and attachments are not part of this version. Copy **Components/PromptBar → Pattern — prompt bar**. Optional `start` holds the brand mark (**Avatar** `size="md"`, the send circle's size) and `end` holds extra inset **IconButton** `sm` controls before send. On the marketing pages **PromptBar** appears inside **ChatDock** (**Components/ChatDock → Pattern — chat dock**): pinned to the bottom of the page grid (`--grid-max: 40rem`, above the safe area, under **SiteNav**), it opens into a non-modal chat window instead of handing off to a separate ask page. Do not hand-roll the pin, and do not restyle **SiteNav**.

package/docs/components.md

@@ -1,6 +1,6 @@
 # @thewhatmatters/wmds — component contracts
 
-Version 0.3.0. Generated from the WMDS repository's AGENTS.md (Storybook-first) by `scripts/generate-package-docs.mjs` — do not edit here.
+Version 0.4.0. Generated from the WMDS repository's AGENTS.md (Storybook-first) by `scripts/generate-package-docs.mjs` — do not edit here.
 
 Storybook paths such as **Components/Button/Button → Pattern — …** name a story; its Show code is in `patterns/` (see `patterns/index.json`). Longer contracts for FooterReveal, HeroTileStack, TextSequence, ScrollHorizontal, RiveHand, and PromptBar are in `component-contracts.md`. ADR numbers refer to decision records in the WMDS repository.
 
@@ -37,7 +37,8 @@ Storybook paths such as **Components/Button/Button → Pattern — …** name a
 - **Accordion:** generic expand/collapse — **leading**, **label**, **trailing**, built-in chevron, `motion-collapse` panel. Variants: `list`, `capsule`, `plain`. **TaskRows** is the task-status pattern on top.
 - **Card:** `Card.Header`, `Card.Body`, `Card.Footer`. Layout cards (`padding="none"`): header/footer on the shell; **`Card.Header`** is two horizontal slots (`start` | `end`) at **16px** (`px-4`). **`end` is always trailing** (`ml-auto`) — overflow / **MoreMenu** stays on the right even when `start` is omitted. **`Card.Body` is a square composition slot** with a **2px** horizontal gutter — no inner pad, no radius, **no default fill**. The **occupant** dictates how the body region looks; use **`cardLayoutBodyOccupantInsetXClasses`** (`px-3.5` / 14px) + **`cardLayoutBodyOccupantPadYClasses`** (`py-[16px]` / literal 16px vertical) when body content should align with header/footer (2px + 14px = 16px horizontal). Shape config lives in **`src/theme/shape.css`**: shell **`--radius-card-shell: 16px`**, body occupant **`--radius-card-body: 14px`**. Radius-only media → **`cardLayoutBodyOccupantRadiusClasses`**; inset gray/chart wells → **`cardLayoutBodyOccupantWellClasses`** or **`cardLayoutBodyOccupantDotGridWellClasses`**. A headerless layout **Card.Body** densifies the shell top to 2px (`pt-[2px]`) — same density as footerless / `bodyTerminal` bottom; **`headerless`** is only an override for wrapped slot composition. A direct terminal **`Card.Body`** automatically fills stretched cards and gets the 2px bottom shell inset; **`bodyTerminal`** is only an override for wrapped slot composition. Pin a layout height on the root (`className`) with Header + Body + Footer — Header/Footer stay put; **Card.Body** scrolls (2px gutter unchanged; no new variant). See **Components/Card/Card → Pattern — pinned height**. `variant="surface"` is elevated; **`variant="outlined"`** uses **`shadow-soft-card`** with no stroke (same elevation as layout `surface`). Radius stays **`--radius-card-shell`**. Default **`shape="rounded"`**. **`shape="flush"`** only when a parent owns outer chrome. Simple cards: `padding="md"`.
 - **Input:** pill-only. Optional leading `icon`; trailing `endBadge` or status / `loading`. Hero search with inset button → **Search** molecule. See **ADR-0006**.
-- **PromptBar:** wide prompt pill — inline **TextArea** (one line when empty, grows through 3 lines, then scrolls) and an inset **IconButton** `sm` send control. Enter sends; Shift+Enter inserts a newline; send stays disabled until the draft has text. No new Button role. Copy **Components/PromptBar → Pattern — prompt bar**. On the **marketing homepage** it is pinned to the bottom of the viewport on the page grid and hands off to the app's ask page (`/ask?q=…`, which starts the conversation with `q`): copy **Components/PromptBar → Pattern — marketing composer**; do not hand-roll the pin. Do not restyle **SiteNav**. Full contract: **docs/component-contracts.md → PromptBar**.
+- **PromptBar:** wide prompt pill — inline **TextArea** (one line when empty, grows through 3 lines, then scrolls) and an inset **IconButton** `sm` send control. Enter sends; Shift+Enter inserts a newline; send stays disabled until the draft has text. Optional `start` (brand mark — **Avatar** `size="md"`) and `end` (extra inset **IconButton** `sm`) slots. No new Button role. Copy **Components/PromptBar → Pattern — prompt bar**. The site assistant on the marketing pages is **ChatDock**, not a hand-pinned PromptBar. Do not restyle **SiteNav**. Full contract: **docs/component-contracts.md → PromptBar**.
+- **ChatDock:** the site assistant — a **PromptBar** pinned to the bottom of the page grid (`--grid-max: 40rem`, under **SiteNav**) with the brand `mark`; hovering shows `suggestions` that carry a `prompt` as **Button** `secondary` pills above it; focusing, clicking, or typing opens a non-modal chat window that grows up out of the bar (shared overlay header with `title` / `subtitle` / close, `greeting`, `messages`, `thinking` row, suggestion rows — **Button** `layout="row"` — until the first message, composer, `disclaimer`). Escape or close folds it back. Full screen below `md`. The app owns `messages` and `onSend`; suggestions without a `prompt` (for example **Start a project**) only call `onSuggestionSelect`. No full-page chat, no header send/expand arrow, no voice. `placement="inline"` is for previews only. Copy **Components/ChatDock → Pattern — chat dock**. See **ADR-0039**.
 - **TextArea:** element-radius multiline — same optional `label`, `description`, `status`, `message`, and `loading` as **Input**; default `resize="vertical"`. See **ADR-0006**.
 - **Field:** label/layout wrapper — `orientation="vertical" | "horizontal"`; never required. Validation stays on **Input** / **TextArea**. See **ADR-0006**.
 - **Checkbox:** boolean toggle — label row + optional `description`, `indeterminate`, `status` / `message`, and `loading`. See **ADR-0006**.

package/docs/exports.json

@@ -1,6 +1,6 @@
 {
   "package": "@thewhatmatters/wmds",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "import": "import { Button } from \"@thewhatmatters/wmds\";",
   "styles": [
     "@thewhatmatters/wmds/styles.css",
@@ -137,6 +137,19 @@
         "components-chart--unit-grid-composition"
       ]
     },
+    {
+      "name": "ChatDock",
+      "tier": "organism",
+      "category": "Chat",
+      "summary": "Pinned prompt with suggested questions that opens into a chat window.",
+      "storybook": {
+        "title": "Components/ChatDock",
+        "docs": "?path=/docs/components-chatdock--docs"
+      },
+      "patterns": [
+        "components-chatdock--pattern-chat-dock"
+      ]
+    },
     {
       "name": "ChatQa",
       "tier": "molecule",
@@ -467,7 +480,6 @@
         "docs": "?path=/docs/components-promptbar--docs"
       },
       "patterns": [
-        "components-promptbar--pattern-marketing-composer",
         "components-promptbar--pattern-prompt-bar"
       ]
     },

package/docs/patterns/components-avatar--dropdown-row.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — dropdown row
+// @thewhatmatters/wmds@0.4.0 · Pattern — dropdown row
 // Storybook: Components/Avatar → Pattern — dropdown row (?path=/story/components-avatar--dropdown-row)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-badge--with-avatar.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — with avatar
+// @thewhatmatters/wmds@0.4.0 · Pattern — with avatar
 // Storybook: Components/Badge → Pattern — with avatar (?path=/story/components-badge--with-avatar)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-button-button--destructive-action.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — destructive action
+// @thewhatmatters/wmds@0.4.0 · Pattern — destructive action
 // Storybook: Components/Button/Button → Pattern — destructive action (?path=/story/components-button-button--destructive-action)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-button-button--ghost-action.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — ghost action
+// @thewhatmatters/wmds@0.4.0 · Pattern — ghost action
 // Storybook: Components/Button/Button → Pattern — ghost action (?path=/story/components-button-button--ghost-action)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-button-button--inverse-action.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — inverse action
+// @thewhatmatters/wmds@0.4.0 · Pattern — inverse action
 // Storybook: Components/Button/Button → Pattern — inverse action (?path=/story/components-button-button--inverse-action)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-button-button--link-render.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — link
+// @thewhatmatters/wmds@0.4.0 · Pattern — link
 // Storybook: Components/Button/Button → Pattern — link (?path=/story/components-button-button--link-render)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-button-button--multi-state-badge.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — submit / async
+// @thewhatmatters/wmds@0.4.0 · Pattern — submit / async
 // Storybook: Components/Button/Button → Pattern — submit / async (?path=/story/components-button-button--multi-state-badge)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-button-button--outline-mono.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — outline mono
+// @thewhatmatters/wmds@0.4.0 · Pattern — outline mono
 // Storybook: Components/Button/Button → Pattern — outline mono (?path=/story/components-button-button--outline-mono)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-button-button--primary-action.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — primary action
+// @thewhatmatters/wmds@0.4.0 · Pattern — primary action
 // Storybook: Components/Button/Button → Pattern — primary action (?path=/story/components-button-button--primary-action)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-button-button--row-hug.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — row (hug)
+// @thewhatmatters/wmds@0.4.0 · Pattern — row (hug)
 // Storybook: Components/Button/Button → Pattern — row (hug) (?path=/story/components-button-button--row-hug)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-button-button--row-layout.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — row
+// @thewhatmatters/wmds@0.4.0 · Pattern — row
 // Storybook: Components/Button/Button → Pattern — row (?path=/story/components-button-button--row-layout)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-button-button--secondary-action.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — secondary action
+// @thewhatmatters/wmds@0.4.0 · Pattern — secondary action
 // Storybook: Components/Button/Button → Pattern — secondary action (?path=/story/components-button-button--secondary-action)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-button-button--suggestion-pills.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — suggestion pills
+// @thewhatmatters/wmds@0.4.0 · Pattern — suggestion pills
 // Storybook: Components/Button/Button → Pattern — suggestion pills (?path=/story/components-button-button--suggestion-pills)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-button-button--with-count.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — with count
+// @thewhatmatters/wmds@0.4.0 · Pattern — with count
 // Storybook: Components/Button/Button → Pattern — with count (?path=/story/components-button-button--with-count)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-button-button--with-icon.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — with icon
+// @thewhatmatters/wmds@0.4.0 · Pattern — with icon
 // Storybook: Components/Button/Button → Pattern — with icon (?path=/story/components-button-button--with-icon)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-button-floatingactionbutton--vertical-actions.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — vertical actions
+// @thewhatmatters/wmds@0.4.0 · Pattern — vertical actions
 // Storybook: Components/Button/FloatingActionButton → Pattern — vertical actions (?path=/story/components-button-floatingactionbutton--vertical-actions)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-calembed--pattern-skip-in-footer.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — skip in footer
+// @thewhatmatters/wmds@0.4.0 · Pattern — skip in footer
 // Storybook: Components/CalEmbed → Pattern — skip in footer (?path=/story/components-calembed--pattern-skip-in-footer)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-card-card--body-slot-occupancy-history.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Example — body slot (occupancy history)
+// @thewhatmatters/wmds@0.4.0 · Example — body slot (occupancy history)
 // Storybook: Components/Card/Card → Example — body slot (occupancy history) (?path=/story/components-card-card--body-slot-occupancy-history)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-card-card--headerless-media.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — headerless media
+// @thewhatmatters/wmds@0.4.0 · Pattern — headerless media
 // Storybook: Components/Card/Card → Pattern — headerless media (?path=/story/components-card-card--headerless-media)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-card-card--outlined-layout.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — outlined layout
+// @thewhatmatters/wmds@0.4.0 · Pattern — outlined layout
 // Storybook: Components/Card/Card → Pattern — outlined layout (?path=/story/components-card-card--outlined-layout)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-card-card--pinned-height.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — pinned height
+// @thewhatmatters/wmds@0.4.0 · Pattern — pinned height
 // Storybook: Components/Card/Card → Pattern — pinned height (?path=/story/components-card-card--pinned-height)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-card-selectablecard--selectable-cards-pattern.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — selectable cards
+// @thewhatmatters/wmds@0.4.0 · Pattern — selectable cards
 // Storybook: Components/Card/SelectableCard → Pattern — selectable cards (?path=/story/components-card-selectablecard--selectable-cards-pattern)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-chart--audience-activity-heatmap.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — matrix heatmap
+// @thewhatmatters/wmds@0.4.0 · Pattern — matrix heatmap
 // Storybook: Components/Chart → Pattern — matrix heatmap (?path=/story/components-chart--audience-activity-heatmap)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-chart--cartesian-no-data-gaps.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — Cartesian no-data gaps
+// @thewhatmatters/wmds@0.4.0 · Pattern — Cartesian no-data gaps
 // Storybook: Components/Chart → Pattern — Cartesian no-data gaps (?path=/story/components-chart--cartesian-no-data-gaps)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-chart--occupancy-history-in-card.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — occupancy history in Card
+// @thewhatmatters/wmds@0.4.0 · Pattern — occupancy history in Card
 // Storybook: Components/Chart → Pattern — occupancy history in Card (?path=/story/components-chart--occupancy-history-in-card)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-chart--occupancy-in-card.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — occupancy KPI in Card
+// @thewhatmatters/wmds@0.4.0 · Pattern — occupancy KPI in Card
 // Storybook: Components/Chart → Pattern — occupancy KPI in Card (?path=/story/components-chart--occupancy-in-card)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-chart--post-reach-distribution.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — distribution strip
+// @thewhatmatters/wmds@0.4.0 · Pattern — distribution strip
 // Storybook: Components/Chart → Pattern — distribution strip (?path=/story/components-chart--post-reach-distribution)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-chart--ranked-audience-breakdown.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — ranked audience breakdown
+// @thewhatmatters/wmds@0.4.0 · Pattern — ranked audience breakdown
 // Storybook: Components/Chart → Pattern — ranked audience breakdown (?path=/story/components-chart--ranked-audience-breakdown)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-chart--unit-grid-composition.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — 100-unit composition
+// @thewhatmatters/wmds@0.4.0 · Pattern — 100-unit composition
 // Storybook: Components/Chart → Pattern — 100-unit composition (?path=/story/components-chart--unit-grid-composition)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-chatdock--pattern-chat-dock.tsx

@@ -0,0 +1,68 @@
+// @thewhatmatters/wmds@0.4.0 · Pattern — chat dock
+// Storybook: Components/ChatDock → Pattern — chat dock (?path=/story/components-chatdock--pattern-chat-dock)
+// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
+
+import { useState } from "react";
+import { ArrowRight, CalendarClock, DollarSign } from "lucide-react";
+import { Avatar, ChatDock, type ChatDockMessage, type ChatDockSuggestion } from "@thewhatmatters/wmds";
+
+const suggestions: ChatDockSuggestion[] = [
+  {
+    id: "cost",
+    label: "How much does a project cost?",
+    prompt: "How much does a project cost?",
+    icon: <DollarSign />,
+  },
+  {
+    id: "timeline",
+    label: "How long does a project take?",
+    prompt: "How long does a project take?",
+    icon: <CalendarClock />,
+  },
+  { id: "start", label: "Start a project", icon: <ArrowRight /> },
+];
+
+export interface AskWhatMattersProps {
+  /** The app's assistant request. Resolves with the reply. */
+  ask: (prompt: string, history: ChatDockMessage[]) => Promise<string>;
+  /** Opens the Start a project intake. */
+  onStartProject: () => void;
+}
+
+export function AskWhatMatters({ ask, onStartProject }: AskWhatMattersProps) {
+  const [messages, setMessages] = useState<ChatDockMessage[]>([]);
+  const [thinking, setThinking] = useState(false);
+
+  async function handleSend(prompt: string) {
+    const question: ChatDockMessage = { id: crypto.randomUUID(), role: "user", content: prompt };
+    const history = [...messages, question];
+    setMessages(history);
+    setThinking(true);
+    try {
+      const reply = await ask(prompt, history);
+      setMessages((current) => [...current, { id: crypto.randomUUID(), role: "assistant", content: reply }]);
+    } finally {
+      setThinking(false);
+    }
+  }
+
+  return (
+    <ChatDock
+      title="WhatMatters"
+      subtitle="Ask anything"
+      mark={<Avatar name="WhatMatters" size="md" />}
+      greeting="Hi, I'm the WhatMatters assistant. Ask about our work, our process, pricing, or how to start a project."
+      messages={messages}
+      thinking={thinking}
+      suggestions={suggestions}
+      onSend={(prompt) => {
+        void handleSend(prompt);
+      }}
+      onSuggestionSelect={(suggestion) => {
+        if (suggestion.id === "start") onStartProject();
+      }}
+      placeholder="Ask anything about WhatMatters"
+      disclaimer="Answers may be incomplete · AI assistant by WhatMatters"
+    />
+  );
+}

package/docs/patterns/components-chatqa--pattern-qa-with-reply.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — Q&A with reply
+// @thewhatmatters/wmds@0.4.0 · Pattern — Q&A with reply
 // Storybook: Components/ChatQa → Pattern — Q&A with reply (?path=/story/components-chatqa--pattern-qa-with-reply)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-checkbox-checkbox--default.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — default
+// @thewhatmatters/wmds@0.4.0 · Pattern — default
 // Storybook: Components/Checkbox/Checkbox → Pattern — default (?path=/story/components-checkbox-checkbox--default)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-checkbox-checkbox--with-description.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — with description
+// @thewhatmatters/wmds@0.4.0 · Pattern — with description
 // Storybook: Components/Checkbox/Checkbox → Pattern — with description (?path=/story/components-checkbox-checkbox--with-description)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-checkbox-checkboxgroup--default.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — default
+// @thewhatmatters/wmds@0.4.0 · Pattern — default
 // Storybook: Components/Checkbox/CheckboxGroup → Pattern — default (?path=/story/components-checkbox-checkboxgroup--default)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-dialog--alert-dialog-destructive.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — alert dialog (destructive)
+// @thewhatmatters/wmds@0.4.0 · Pattern — alert dialog (destructive)
 // Storybook: Components/Dialog → Pattern — alert dialog (destructive) (?path=/story/components-dialog--alert-dialog-destructive)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-dialog--default-dialog.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — dialog
+// @thewhatmatters/wmds@0.4.0 · Pattern — dialog
 // Storybook: Components/Dialog → Pattern — dialog (?path=/story/components-dialog--default-dialog)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-dialog--form-dialog.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — form dialog
+// @thewhatmatters/wmds@0.4.0 · Pattern — form dialog
 // Storybook: Components/Dialog → Pattern — form dialog (?path=/story/components-dialog--form-dialog)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-displaycontrols--page-utilities.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — page display controls
+// @thewhatmatters/wmds@0.4.0 · Pattern — page display controls
 // Storybook: Components/DisplayControls → Pattern — page display controls (?path=/story/components-displaycontrols--page-utilities)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-field--horizontal-input.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — horizontal input
+// @thewhatmatters/wmds@0.4.0 · Pattern — horizontal input
 // Storybook: Components/Field → Pattern — horizontal input (?path=/story/components-field--horizontal-input)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-field--horizontal-text-area.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — horizontal textarea
+// @thewhatmatters/wmds@0.4.0 · Pattern — horizontal textarea
 // Storybook: Components/Field → Pattern — horizontal textarea (?path=/story/components-field--horizontal-text-area)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-field--multi-control.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — multi-control
+// @thewhatmatters/wmds@0.4.0 · Pattern — multi-control
 // Storybook: Components/Field → Pattern — multi-control (?path=/story/components-field--multi-control)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-footerreveal--marketing-hero-pattern.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — marketing hero
+// @thewhatmatters/wmds@0.4.0 · Pattern — marketing hero
 // Storybook: Components/FooterReveal → Pattern — marketing hero (?path=/story/components-footerreveal--marketing-hero-pattern)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-footerreveal--marketing-hero-ruled-pattern.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — marketing hero ruled grid
+// @thewhatmatters/wmds@0.4.0 · Pattern — marketing hero ruled grid
 // Storybook: Components/FooterReveal → Pattern — marketing hero ruled grid (?path=/story/components-footerreveal--marketing-hero-ruled-pattern)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-footerreveal--marketing-hero-with-gallery-intro.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Marketing hero with gallery intro
+// @thewhatmatters/wmds@0.4.0 · Marketing hero with gallery intro
 // Storybook: Components/FooterReveal → Marketing hero with gallery intro (?path=/story/components-footerreveal--marketing-hero-with-gallery-intro)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-footerreveal--marketing-page-pattern.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — marketing page
+// @thewhatmatters/wmds@0.4.0 · Pattern — marketing page
 // Storybook: Components/FooterReveal → Pattern — marketing page (?path=/story/components-footerreveal--marketing-page-pattern)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-footerreveal--ruled-grid-footer-pattern.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — ruled grid footer
+// @thewhatmatters/wmds@0.4.0 · Pattern — ruled grid footer
 // Storybook: Components/FooterReveal → Pattern — ruled grid footer (?path=/story/components-footerreveal--ruled-grid-footer-pattern)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-footerreveal--sequenced-marketing-hero.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — marketing hero with sequenced gallery
+// @thewhatmatters/wmds@0.4.0 · Pattern — marketing hero with sequenced gallery
 // Storybook: Components/FooterReveal → Pattern — marketing hero with sequenced gallery (?path=/story/components-footerreveal--sequenced-marketing-hero)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-herointro--two-line-intro.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — two-line intro
+// @thewhatmatters/wmds@0.4.0 · Pattern — two-line intro
 // Storybook: Components/HeroIntro → Pattern — two-line intro (?path=/story/components-herointro--two-line-intro)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-herotilestack--marketing-hero-pattern.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — marketing hero
+// @thewhatmatters/wmds@0.4.0 · Pattern — marketing hero
 // Storybook: Components/HeroTileStack → Pattern — marketing hero (?path=/story/components-herotilestack--marketing-hero-pattern)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-herotilestack--marketing-hero-text-sequence.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — marketing hero text sequence
+// @thewhatmatters/wmds@0.4.0 · Pattern — marketing hero text sequence
 // Storybook: Components/HeroTileStack → Pattern — marketing hero text sequence (?path=/story/components-herotilestack--marketing-hero-text-sequence)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-herotilestack--marketing-hero-with-gallery-intro.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Marketing hero with gallery intro
+// @thewhatmatters/wmds@0.4.0 · Marketing hero with gallery intro
 // Storybook: Components/HeroTileStack → Marketing hero with gallery intro (?path=/story/components-herotilestack--marketing-hero-with-gallery-intro)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-intakeconfirmation--booked-pattern.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — booked
+// @thewhatmatters/wmds@0.4.0 · Pattern — booked
 // Storybook: Components/IntakeConfirmation → Pattern — booked (?path=/story/components-intakeconfirmation--booked-pattern)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-intakeconfirmation--emailed-pattern.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — emailed
+// @thewhatmatters/wmds@0.4.0 · Pattern — emailed
 // Storybook: Components/IntakeConfirmation → Pattern — emailed (?path=/story/components-intakeconfirmation--emailed-pattern)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-intakeform--about-you-pattern.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — about you
+// @thewhatmatters/wmds@0.4.0 · Pattern — about you
 // Storybook: Components/IntakeForm → Pattern — about you (?path=/story/components-intakeform--about-you-pattern)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-intakemodal--intake-modal-pattern.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — intake modal
+// @thewhatmatters/wmds@0.4.0 · Pattern — intake modal
 // Storybook: Components/IntakeModal → Pattern — intake modal (?path=/story/components-intakemodal--intake-modal-pattern)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-kbd--command-row.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — command row
+// @thewhatmatters/wmds@0.4.0 · Pattern — command row
 // Storybook: Components/Kbd → Pattern — command row (?path=/story/components-kbd--command-row)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-kbd--numbered-choices.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — numbered choice keys
+// @thewhatmatters/wmds@0.4.0 · Pattern — numbered choice keys
 // Storybook: Components/Kbd → Pattern — numbered choice keys (?path=/story/components-kbd--numbered-choices)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-kbd--shortcut.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — keyboard shortcut
+// @thewhatmatters/wmds@0.4.0 · Pattern — keyboard shortcut
 // Storybook: Components/Kbd → Pattern — keyboard shortcut (?path=/story/components-kbd--shortcut)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-moremenu--action-menu.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — action menu
+// @thewhatmatters/wmds@0.4.0 · Pattern — action menu
 // Storybook: Components/MoreMenu → Pattern — action menu (?path=/story/components-moremenu--action-menu)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-moremenu--in-card-header.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — Card header cluster
+// @thewhatmatters/wmds@0.4.0 · Pattern — Card header cluster
 // Storybook: Components/MoreMenu → Pattern — Card header cluster (?path=/story/components-moremenu--in-card-header)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-navlist--side-nav-settings.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — side nav (settings)
+// @thewhatmatters/wmds@0.4.0 · Pattern — side nav (settings)
 // Storybook: Components/NavList → Pattern — side nav (settings) (?path=/story/components-navlist--side-nav-settings)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-pageheader--app-header-pattern.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.3.0 · Pattern — app header
+// @thewhatmatters/wmds@0.4.0 · Pattern — app header
 // Storybook: Components/PageHeader → Pattern — app header (?path=/story/components-pageheader--app-header-pattern)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.