@wenathlan/cobaia 2.0.165 → 2.0.167

package/pnpm-workspace.yaml

@@ -29,57 +29,79 @@ minimumReleaseAgeExclude:
   - fast-uri@3.1.9
   - follow-redirects@1.16.1
   - zod@4.6.6
-  - '@biomejs/biome@2.6.3 || 2.6.4 || 2.6.5'
-  - '@biomejs/cli-android-arm64@2.6.3 || 2.6.4 || 2.6.5'
-  - '@biomejs/cli-android-x64@2.6.3 || 2.6.4 || 2.6.5'
-  - '@biomejs/cli-darwin-arm64@2.6.3 || 2.6.4 || 2.6.5'
-  - '@biomejs/cli-darwin-x64@2.6.3 || 2.6.4 || 2.6.5'
-  - '@biomejs/cli-linux-arm64-musl@2.6.3 || 2.6.4 || 2.6.5'
-  - '@biomejs/cli-linux-arm64@2.6.3 || 2.6.4 || 2.6.5'
-  - '@biomejs/cli-linux-x64-musl@2.6.3 || 2.6.4 || 2.6.5'
-  - '@biomejs/cli-linux-x64@2.6.3 || 2.6.4 || 2.6.5'
-  - '@biomejs/cli-win32-arm64@2.6.3 || 2.6.4 || 2.6.5'
-  - '@biomejs/cli-win32-x64@2.6.3 || 2.6.4 || 2.6.5'
+  - '@biomejs/biome@2.6.3 || 2.6.4 || 2.6.5 || 2.6.6'
+  - '@biomejs/cli-android-arm64@2.6.3 || 2.6.4 || 2.6.5 || 2.6.6'
+  - '@biomejs/cli-android-x64@2.6.3 || 2.6.4 || 2.6.5 || 2.6.6'
+  - '@biomejs/cli-darwin-arm64@2.6.3 || 2.6.4 || 2.6.5 || 2.6.6'
+  - '@biomejs/cli-darwin-x64@2.6.3 || 2.6.4 || 2.6.5 || 2.6.6'
+  - '@biomejs/cli-linux-arm64-musl@2.6.3 || 2.6.4 || 2.6.5 || 2.6.6'
+  - '@biomejs/cli-linux-arm64@2.6.3 || 2.6.4 || 2.6.5 || 2.6.6'
+  - '@biomejs/cli-linux-x64-musl@2.6.3 || 2.6.4 || 2.6.5 || 2.6.6'
+  - '@biomejs/cli-linux-x64@2.6.3 || 2.6.4 || 2.6.5 || 2.6.6'
+  - '@biomejs/cli-win32-arm64@2.6.3 || 2.6.4 || 2.6.5 || 2.6.6'
+  - '@biomejs/cli-win32-x64@2.6.3 || 2.6.4 || 2.6.5 || 2.6.6'
   - '@types/node@26.6.6'
   - '@capacitor/android@8.6.0'
   - '@capacitor/cli@8.6.0'
   - '@capacitor/core@8.6.0'
   - '@capacitor/ios@8.6.0'
   - '@opencode-ai/sdk@1.19.5'
-  - react-resizable-panels@4.15.1 || 4.15.2 || 4.15.3 || 4.16.0 || 4.16.1 || 4.17.0 || 4.18.0 || 4.18.1
-  - '@types/google.maps@3.66.9'
-  - lucide-react@1.64.0 || 1.65.0 || 1.66.0 || 1.67.0 || 1.68.0
+  - react-resizable-panels@4.15.1 || 4.15.2 || 4.15.3 || 4.16.0 || 4.16.1 || 4.17.0 || 4.18.0 || 4.18.1 || 4.19.0 || 4.19.1
+  - '@types/google.maps@3.66.9 || 3.66.10'
+  - lucide-react@1.64.0 || 1.65.0 || 1.66.0 || 1.67.0 || 1.68.0 || 1.69.0 || 1.70.0
+  - playwright@1.65.0
+  - playwright-core@1.65.0
+  - '@anthropic-ai/sdk@1.6.0'
+  - '@hookform/resolvers@7.0.3'
+  - '@tanstack/query-core@5.106.1 || 5.107.1'
+  - '@tanstack/react-query@5.106.1 || 5.107.1'
+  - openai@7.52.0 || 7.53.0
+  - '@wenathlan/argan@2.0.155 || 2.0.165 || 2.0.166'
+  - '@wenathlan/cadria@2.0.154 || 2.0.155 || 2.0.156 || 2.0.165 || 2.0.166 || 2.1.8'
+  - '@wenathlan/debonair@2.0.154 || 2.0.155 || 2.0.156 || 2.0.165 || 2.0.166 || 2.1.8'
+  - '@wenathlan/devthink@2.0.154 || 2.0.155 || 2.0.156 || 2.0.165 || 2.0.166 || 2.1.7'
+  - '@wenathlan/getry@2.0.154 || 2.0.155 || 2.0.156 || 2.0.165 || 2.0.166'
+  - '@wenathlan/saddle@2.0.154 || 2.0.155 || 2.0.156 || 2.0.165 || 2.0.166 || 2.1.8'
+  - '@wenathlan/vault@2.0.152 || 2.0.153 || 2.0.154 || 2.0.155 || 2.0.156 || 2.0.165 || 2.0.166 || 2.1.8'
+  - jsdom@31.0.0
+  - pnpm@12.18.0
+  - "@pnpm/exe.linux-x64@12.18.0"
   - '@fluentui/react-icons@2.0.345'
-  - '@wenathlan/vault@2.0.152 || 2.0.153 || 2.0.154 || 2.0.155 || 2.0.156 || 2.1.8'
   - hono@4.13.16
-  - '@wenathlan/cadria@2.0.154 || 2.0.155 || 2.0.156 || 2.1.8'
-  - '@wenathlan/debonair@2.0.154 || 2.0.155 || 2.0.156 || 2.1.8'
-  - '@wenathlan/getry@2.0.154 || 2.0.155 || 2.0.156'
-  - '@tailwindcss/node@4.3.4'
-  - '@tailwindcss/oxide-android-arm64@4.3.4'
-  - '@tailwindcss/oxide-darwin-arm64@4.3.4'
-  - '@tailwindcss/oxide-darwin-x64@4.3.4'
-  - '@tailwindcss/oxide-freebsd-x64@4.3.4'
-  - '@tailwindcss/oxide-linux-arm-gnueabihf@4.3.4'
-  - '@tailwindcss/oxide-linux-arm64-gnu@4.3.4'
-  - '@tailwindcss/oxide-linux-arm64-musl@4.3.4'
-  - '@tailwindcss/oxide-linux-x64-gnu@4.3.4'
-  - '@tailwindcss/oxide-linux-x64-musl@4.3.4'
-  - '@tailwindcss/oxide-wasm32-wasi@4.3.4'
-  - '@tailwindcss/oxide-win32-arm64-msvc@4.3.4'
-  - '@tailwindcss/oxide-win32-x64-msvc@4.3.4'
-  - '@tailwindcss/oxide@4.3.4'
-  - '@tailwindcss/postcss@4.3.4'
-  - '@tailwindcss/vite@4.3.4'
+  - '@tailwindcss/node@4.3.4 || 4.3.5'
+  - '@tailwindcss/oxide-android-arm64@4.3.4 || 4.3.5'
+  - '@tailwindcss/oxide-darwin-arm64@4.3.4 || 4.3.5'
+  - '@tailwindcss/oxide-darwin-x64@4.3.4 || 4.3.5'
+  - '@tailwindcss/oxide-freebsd-x64@4.3.4 || 4.3.5'
+  - '@tailwindcss/oxide-linux-arm-gnueabihf@4.3.4 || 4.3.5'
+  - '@tailwindcss/oxide-linux-arm64-gnu@4.3.4 || 4.3.5'
+  - '@tailwindcss/oxide-linux-arm64-musl@4.3.4 || 4.3.5'
+  - '@tailwindcss/oxide-linux-x64-gnu@4.3.4 || 4.3.5'
+  - '@tailwindcss/oxide-linux-x64-musl@4.3.4 || 4.3.5'
+  - '@tailwindcss/oxide-wasm32-wasi@4.3.4 || 4.3.5'
+  - '@tailwindcss/oxide-win32-arm64-msvc@4.3.4 || 4.3.5'
+  - '@tailwindcss/oxide-win32-x64-msvc@4.3.4 || 4.3.5'
+  - '@tailwindcss/oxide@4.3.4 || 4.3.5'
+  - '@tailwindcss/postcss@4.3.4 || 4.3.5'
+  - '@tailwindcss/vite@4.3.4 || 4.3.5'
   - '@vitejs/plugin-react@6.2.1'
   - '@vitest/mocker@5.1.0'
   - '@vitest/spy@5.1.0'
-  - tailwindcss@4.3.4
+  - tailwindcss@4.3.4 || 4.3.5
   - vitest@5.1.0
-  - '@wenathlan/saddle@2.0.154 || 2.0.155 || 2.0.156 || 2.1.8'
-  - '@wenathlan/devthink@2.0.154 || 2.0.155 || 2.0.156 || 2.1.7'
-  - '@wenathlan/argan@2.0.155'
   - gsap@3.15.1
+  - '@wenathlan/cobaia@2.0.166'
+  - '@wenathlan/forge@2.0.166'
+  - '@wenathlan/foundry@2.0.166'
+  - '@wenathlan/stealthhead@2.0.166'
+  - framer-motion@14.10.1
+  - motion-dom@14.10.1
+  - motion@14.10.1
+  - zustand@5.1.0
+  - '@ai-sdk/gateway@4.0.137'
+  - '@ai-sdk/openai-compatible@3.0.86'
+  - '@ai-sdk/openai@4.0.110'
+  - ai@7.0.164
 # the pnpm settings live here since pnpm 12 (the package.json pnpm field is
 # no longer read, and onlyBuiltDependencies died in pnpm 11 — the map below
 # is allowBuilds). THE 2.0.155 BUILDS GATE HEAL: the four-entry map froze

package/pom.xml

@@ -1,18 +1,18 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
   <modelVersion>4.0.0</modelVersion>
-  <groupId>io.github.wenathlan</groupId>
+  <groupId>com.wenathlan</groupId>
   <artifactId>cobaia</artifactId>
   <version>${revision}</version>
   <packaging>jar</packaging>
   <name>cobaia single distribution</name>
-  <description>The single cobaia maven distribution: the documentation set and the tests directory embedded as jar resources in the one io.github.wenathlan.cobaia artifact. cobaia is the monetization surface — the plans, the support rails and the honest advertisement slots.</description>
+  <description>The single cobaia maven distribution: the documentation set and the tests directory embedded as jar resources in the one com.wenathlan.cobaia artifact. cobaia is the monetization surface — the plans, the support rails and the honest advertisement slots.</description>
   <url>https://github.com/wenathlan/devthink</url>
   <licenses><license><name>GPL-3.0-only</name><url>https://www.gnu.org/licenses/gpl-3.0.html</url></license></licenses>
   <scm><url>https://github.com/wenathlan/devthink</url><connection>scm:git:https://github.com/wenathlan/devthink.git</connection></scm>
   <distributionManagement><repository><id>github</id><name>GitHub Packages</name><url>https://maven.pkg.github.com/wenathlan/devthink</url></repository></distributionManagement>
   <properties>
-    <revision>2.0.165</revision>
+    <revision>2.0.167</revision>
   </properties>
   <build>
     <resources>
@@ -21,7 +21,7 @@
         <includes>
           <include>README.md</include>
           <include>docs/**</include>
-          <include>tests/**</include>
+          <include>test/**</include>
         </includes>
       </resource>
     </resources>

package/routerbase.ts

@@ -0,0 +1 @@
+export { routerBase } from "../devthink/routerbase.ts";

package/schema.prisma

@@ -29,3 +29,26 @@ model OnboardingState {
   onboardingseen Boolean  @default(false)
   updatedAt      DateTime @updatedAt
 }
+
+/// one interface copy row: the id is the page.widget.key path, the text
+/// rides the english source of truth (labels.ts), and the translated flag
+/// protects a runtime translation from the seed overwrite
+model Label {
+  id         String   @id
+  text       String
+  revision   Int      @default(0)
+  updatedAt  DateTime @updatedAt
+  translated Boolean  @default(false)
+}
+
+/// one content row of the site: the kind names the manifest table, the
+/// ordinal pins the row order inside the kind, and the payload carries the
+/// json encoding of the row (the platform gateway serves the rows over
+/// GET /api/v1/ui/content — the content law: the pages render db rows,
+/// the manifest is only the build seed)
+model ContentRow {
+  @@id([kind, ordinal])
+  kind    String
+  ordinal Int
+  payload String
+}

package/sol/Sol.tsx

@@ -9,15 +9,15 @@
  * this file follows the new name and App.tsx keeps importing the anchor by
  * the folder path.
  *
- * The cobaia is a CONTENT site (the monetization surface of the family): no
- * onboarding, no entry gate — every content route is a page of the site, and
- * the home renders directly on the bare root. The intro (/intro) is the one
- * public presentation page of the family grammar (every app carries one) and
- * mounts BARE — outside the window chrome, like the sibling sites mount
- * theirs; the shell's close-caption door relaunches the site at it. Every
- * content route renders as the page body of the ONE shared shell (the header
- * and the footer); every page is freely reachable, and the catch-all lands
- * on the 404 anchor.
+ * The cobaia is a CONTENT site (the monetization surface of the family)
+ * riding the standardized family entry flow: the intro (/intro) is the
+ * presentation splash and the onboarding (/onboarding) the first-run
+ * frames — both mount BARE, outside the site chrome, like the sibling apps
+ * mount theirs — and the home renders behind the entry gate (the entrada:
+ * the flow decides, a finished visitor sees the content). Every other
+ * content route renders as the page body of the ONE shared shell (the
+ * header and the footer); every page stays freely reachable, and the
+ * catch-all lands on the 404 anchor.
  */
 import type { ReactNode } from "react";
 import { Route, Switch } from "wouter";
@@ -25,9 +25,11 @@ import AppsAnchor from "./apps/apps";
 import BlogAnchor from "./blog/blog";
 import HomeAnchor from "./home/home";
 import IntroAnchor from "./intro/intro";
+import OnboardingAnchor from "./onboarding/onboarding";
 import LegalAnchor from "./legal/legal";
 import NotFoundAnchor from "./notfound/notfound";
 import PricingAnchor from "./pricing/pricing";
+import { EntryGate } from "./wingets";
 import { Shell } from "./shell/Shell";
 import SupportAnchor from "./support/support";
 
@@ -46,18 +48,21 @@ function Unrouted() {
   );
 }
 
-/** Mounts the theme surface through the page anchors: the bare intro first
- * (the public presentation, outside the chrome, like the siblings mount
- * theirs), then the content pages of the site — the home on the bare root,
- * the five public sections, and the catch-all last. No entry flow: the site
- * is content end to end. */
+/** Mounts the theme surface through the page anchors: the entry flow first
+ * (the bare intro splash, then the bare onboarding frames — the family
+ * law), then the content pages of the site — the home gated behind the
+ * entrada on the bare root, the five public sections, and the catch-all
+ * last. */
 export default function Sol() {
   return (
     <Switch>
       <Route path="/intro" component={IntroAnchor} />
+      <Route path="/onboarding" component={OnboardingAnchor} />
       <Route path="/">
         <Content>
-          <HomeAnchor />
+          <EntryGate>
+            <HomeAnchor />
+          </EntryGate>
         </Content>
       </Route>
       <Route path="/apps">

package/sol/apps/apps.tsx

@@ -16,7 +16,7 @@ import type { CSSProperties } from "react";
 import { useContent } from "../../content.ts";
 import { familyurl } from "../../familyurl";
 import { label, labelfill } from "../../labels";
-import { roster } from "../../roster.ts";
+import { roster } from "../../monetization.ts";
 import { AdSlot } from "../wingets";
 
 export function Apps() {

package/sol/blog/blog.tsx

@@ -16,7 +16,7 @@
 import type { CSSProperties } from "react";
 import { useContent } from "../../content.ts";
 import { label, labelfill } from "../../labels";
-import { type blogpost, postindex, postwords } from "../../posts";
+import { type blogpost, postindex, postwords } from "../../monetization";
 import { AdSlot } from "../wingets";
 
 /** the meta line of one post: the date and the honest word count. */

package/sol/home/home.tsx

@@ -11,8 +11,9 @@
  * three how-it-works steps on hairline seams (01 engine · 02 static · 03
  * honest), a four-card preview of the directory leading to /apps, the
  * support strip, and the one reserved ad slot at the end of the content.
- * No entry gate and no first-run flow: cobaia is a content site — the home
- * renders directly, every page is public.
+ * The home rides the entrada: the entry gate consults the first-run flow
+ * (intro → onboarding) before the landing shows — the family law every
+ * sibling app already answers.
  * Styled entirely by sol/sol.css.
  */
 import type { CSSProperties } from "react";
@@ -20,8 +21,8 @@ import { Link } from "wouter";
 import { useContent } from "../../content.ts";
 import { familyurl } from "../../familyurl";
 import { type LabelKey, label, labelfill } from "../../labels";
-import { roster } from "../../roster.ts";
-import { AdSlot, BrandMark } from "../wingets";
+import { roster } from "../../monetization.ts";
+import { AdSlot, BrandMark, EntryGate } from "../wingets";
 
 /** the featured deploy units of the landing preview (the full directory
  * lives on /apps): the OS, the engine, the store and one studio — read
@@ -41,6 +42,15 @@ const STEPS: readonly { n: LabelKey; title: LabelKey; text: LabelKey }[] = [
 ];
 
 export function Home() {
+  return (
+    <EntryGate>
+      <HomeSurface />
+    </EntryGate>
+  );
+}
+
+/** the home surface the gate reveals: the landing itself. */
+function HomeSurface() {
   useContent();
   return (
     <div className="cb-page">

package/sol/intro/intro.tsx

@@ -15,9 +15,13 @@
  * zone renders the real offer from the one checkoutlinks table (the not
  * configured state stays honest), the doors panes open the app directory
  * and the legal page, and the footer carries the doors (the site row, the
- * family row, the legal line). The entrance rides the cb-in stagger under
- * the second, the layers ride the surface-ladder bands, the door panes ride
- * the silk law. Public-site rules: zero network calls from the page itself,
+ * family row, the legal line). The visit marks the intro stage seen
+ * through the shared onboardingstate accessor (the family entry-flow
+ * contract: intro → onboarding → entrada — the stage flag rides the
+ * platform db with the localStorage cache as the offline mirror). The
+ * entrance rides the cb-in stagger under the second, the layers ride the
+ * surface-ladder bands, the door panes ride the silk law. Public-site
+ * rules: zero network calls from the page itself beyond the stage flag,
  * React state only; zero decorative dots; zero invented numbers and zero
  * fake testimonials — the real offer, read from the data modules.
  */
@@ -26,6 +30,7 @@ import type { CSSProperties } from "react";
 import { useCallback, useEffect, useState } from "react";
 import { Link } from "wouter";
 import { label } from "../../labels";
+import { markOnboardingStage } from "../../onboardingstate.ts";
 import { BrandMark, IntroFooter, IntroPlans, IntroSplash } from "../wingets";
 
 /** the lifecycle of the opening act: resolving (the motion preference
@@ -59,9 +64,12 @@ function DoorGlyph() {
 export function Intro() {
   const [splash, setSplash] = useState<SplashPhase>("resolving");
 
-  // the splash decision rides the motion preference alone — nothing is read
-  // from the visitor machine and nothing is written back (the no storage law)
+  // the splash decision rides the motion preference, and the visit marks
+  // the intro stage seen through the shared accessor (the family flow
+  // contract: the db holds the flag, the cache mirrors it offline — the
+  // splash never replays for a visitor that finished the flow)
   useEffect(() => {
+    void markOnboardingStage("intro");
     if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
       setSplash("done");
       return;

package/sol/onboarding/onboarding.tsx

@@ -0,0 +1,146 @@
+/**
+ * onboarding.tsx — the first-run steps of the ENTRY FLOW (the flow contract
+ * of the reform the family rides: intro → onboarding → entrada). Three
+ * short frames on the site voice over the deep canvas — what the site IS
+ * (the honest role: the family's monetization face, kept apart so the apps
+ * stay clean), what it DOES (the real offer read from the one content
+ * lane: the plans, the support rails, the honest ad slots) and the ENTER
+ * frame with the hand-over button. The finish AND the skip mark the
+ * onboarding stage seen through the shared onboardingstate accessor
+ * (DB-backed, cache-mirrored — seeing once is enough; the flow never
+ * replays) and navigate to "/", where the entry gate now lets the site
+ * take over. The copy rides the label store; no icon dependency (the site
+ * grammar draws its own glyphs); reduced motion rides the stylesheet hard
+ * stop. No opt-in switches here: the site holds no account and no visitor
+ * storage beyond the first-run stage itself.
+ */
+
+import { useState } from "react";
+import { useLocation } from "wouter";
+import { type LabelKey, label } from "../../labels";
+import { markOnboardingStage } from "../../onboardingstate.ts";
+import { BrandMark } from "../wingets";
+
+/** the three frames of the first run, in order — the copy rides the store
+ * (the id keeps the ladder segments keyed, the key answers the eyebrow). */
+const STEPS: readonly { id: string; eyebrowKey: LabelKey }[] = [
+  { id: "is", eyebrowKey: "onboarding.steps.is.eyebrow" },
+  { id: "does", eyebrowKey: "onboarding.steps.does.eyebrow" },
+  { id: "enter", eyebrowKey: "onboarding.steps.enter.eyebrow" },
+];
+
+/** the does-frame rows: the real offer the site carries, one label each
+ * (the plans, the support rails, the honest ad slots — nothing invented). */
+const FACTS: readonly LabelKey[] = ["onboarding.facts.plans", "onboarding.facts.support", "onboarding.facts.ads"];
+
+/** the chevron glyph of the pager actions: the inline 10×10 chevron the
+ * site grammar draws (no icon dependency rides the content site). */
+function StepGlyph({ back }: { back?: boolean }) {
+  return (
+    <svg
+      className="cb-onboard__glyph"
+      width={10}
+      height={10}
+      viewBox="0 0 10 10"
+      aria-hidden="true"
+      focusable="false"
+      style={back ? { transform: "rotate(180deg)" } : undefined}
+    >
+      <path d="M3 0l5 5-5 5" fill="none" stroke="currentColor" strokeWidth="1.5" />
+    </svg>
+  );
+}
+
+/**
+ * The onboarding page: a three-step first-run dialog that hands the
+ * surface to the home of the site. Finish and skip both mark the
+ * onboarding stage seen and navigate to the gated home.
+ *
+ * @returns the onboarding element.
+ */
+export default function Onboarding() {
+  const [, navigate] = useLocation();
+  const [step, setStep] = useState(0);
+  const last = step === STEPS.length - 1;
+
+  /** marks the stage seen and hands the surface to the home (the entry gate lets it through). */
+  const finish = (): void => {
+    void markOnboardingStage("onboarding").then(() => navigate("/"));
+  };
+
+  return (
+    <div className="cb-onboard" data-page="onboarding">
+      <section className="cb-onboard__card" aria-label={label("onboarding.aria")}>
+        <header className="cb-onboard__head">
+          <BrandMark size={18} />
+          <span className="cb-onboard__title">{label("onboarding.title")}</span>
+        </header>
+
+        <div className="cb-onboard__body">
+          {step === 0 && (
+            <article className="cb-onboard__step" key="is">
+              <p className="cb-eyebrow">{label(STEPS[0].eyebrowKey)}</p>
+              <h2 className="cb-onboard__lead">{label("onboarding.steps.is.title")}</h2>
+              <p className="cb-onboard__lede">{label("onboarding.steps.is.text")}</p>
+            </article>
+          )}
+          {step === 1 && (
+            <article className="cb-onboard__step" key="does">
+              <p className="cb-eyebrow">{label(STEPS[1].eyebrowKey)}</p>
+              <h2 className="cb-onboard__lead">{label("onboarding.steps.does.title")}</h2>
+              <p className="cb-onboard__lede">{label("onboarding.steps.does.text")}</p>
+              <ul className="cb-onboard__facts">
+                {FACTS.map((key) => (
+                  <li key={key} className="cb-onboard__fact">
+                    {label(key)}
+                  </li>
+                ))}
+              </ul>
+            </article>
+          )}
+          {step === 2 && (
+            <article className="cb-onboard__step" key="enter">
+              <p className="cb-eyebrow">{label(STEPS[2].eyebrowKey)}</p>
+              <h2 className="cb-onboard__lead">{label("onboarding.steps.enter.title")}</h2>
+              <p className="cb-onboard__lede">{label("onboarding.steps.enter.text")}</p>
+            </article>
+          )}
+        </div>
+
+        <footer className="cb-onboard__foot">
+          <div className="cb-onboard__ladder" aria-hidden="true">
+            {STEPS.map((frame) => (
+              <span
+                key={frame.id}
+                className="cb-onboard__segrun"
+                data-active={STEPS[step].id === frame.id ? "true" : undefined}
+              />
+            ))}
+          </div>
+          <div className="cb-onboard__actions">
+            <button type="button" className="cb-onboard__skip" onClick={finish}>
+              {label("onboarding.skip")}
+            </button>
+            {step > 0 && (
+              <button type="button" className="cb-btn cb-btn--ghost" onClick={() => setStep((value) => value - 1)}>
+                <StepGlyph back />
+                {label("onboarding.back")}
+              </button>
+            )}
+            {last ? (
+              <button type="button" className="cb-btn" onClick={finish}>
+                {label("onboarding.enterCta")}
+                <StepGlyph />
+              </button>
+            ) : (
+              <button type="button" className="cb-btn" onClick={() => setStep((value) => value + 1)}>
+                {label("onboarding.next")}
+                <StepGlyph />
+              </button>
+            )}
+          </div>
+        </footer>
+      </section>
+    </div>
+  );
+}

package/sol/pricing/pricing.tsx

@@ -16,7 +16,7 @@
  * are plain hrefs the visitor chooses to follow.
  */
 import type { CSSProperties } from "react";
-import { checkoutlinks, type checkoutplan, isconfigured } from "../../checkoutlinks";
+import { checkoutlinks, type checkoutplan, isconfigured } from "../../monetization";
 import { useContent } from "../../content.ts";
 import { label, labelfill } from "../../labels";
 

package/sol/shell/Shell.tsx

@@ -26,7 +26,7 @@ import { Link, useLocation } from "wouter";
 import { useContent } from "../../content.ts";
 import { familyurl } from "../../familyurl";
 import { type LabelKey, label } from "../../labels";
-import { roster } from "../../roster.ts";
+import { roster } from "../../monetization.ts";
 import { BrandMark } from "../wingets";
 
 /** the section links of the top bar, in reading order (home is the mark).