@usableapp/cardds 0.6.7 → 0.6.8

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 > For: a project that consumes `@usableapp/cardds` and its AI — what changed between versions, written as before → after, so a screen can be brought up to date without reading the source. Newest first. A consumer never edits cardds; if something here leaves you without a way to do what you did before, report the gap.
 
+## 0.6.8 — 2026-09-23
+
+- **`Walkthrough`: a new page starts at its lead.** On a page turn (the pager, or the app changing `at`), the walk scrolls back to the top, so the next page never opens where the last one was scrolled to (Lh 2026-09-23).
+
 ## 0.6.7 — 2026-09-23
 
 ### A walk scrolls as one run (Lh 2026-09-23 — answers timebank #138)

package/dist/templates/Walkthrough.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { Screen } from '../scaffold/Screen.js';
 import { Step } from '../sheets/Step.js';
 import { Page } from '../scaffold/Page.js';
@@ -19,6 +19,9 @@ export function Walkthrough({ pages, at: atProp, defaultAt = 0, onAtChange, cta,
     const [own, setOwn] = useState(defaultAt);
     const at = atProp ?? own;
     const step = useRef(null);
+    // a new page starts where a page starts — at its lead, not where the last one was scrolled to (Lh 2026-09-23)
+    useEffect(() => { const p = step.current?.querySelector(':scope > .pages'); if (p)
+        p.scrollTop = 0; }, [at]);
     const count = pages.length;
     const go = (to) => {
         if (to < 0 || to >= count || to === at)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usableapp/cardds",
-  "version": "0.6.7",
+  "version": "0.6.8",
   "license": "UNLICENSED",
   "type": "module",
   "description": "card-first mobile design system, React-first: the components in src/ are thin wrappers over the CSS contract (css/*.css stays the only truth); gallery/ shows every story live (npm run dev), tests/ measures the geometry.",