@eifi1/ui-kit 0.54.0 → 0.55.0

package/dist/tour/tour-overlay.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/tour/tour-overlay.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useEffectEvent,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  useSyncExternalStore,\n} from \"react\";\nimport type { CSSProperties, RefObject } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../lib/cn\";\nimport { Button } from \"../components/button\";\nimport { firstTabStop, tabStops, useFocusTrap } from \"../hooks/use-focus-trap\";\nimport { useDismissLayer } from \"../hooks/use-dismiss\";\nimport { sameRect } from \"../hooks/use-anchored-rect\";\nimport { anchoredInline, viewportSize } from \"../hooks/use-anchored-panel\";\nimport { useBreakpoint } from \"../hooks/use-breakpoint\";\nimport { useCoarsePointer } from \"../hooks/use-large-text\";\nimport { dirOf, horizontalStep } from \"../lib/direction\";\nimport { isComposing } from \"../lib/ime\";\nimport { focusQuietly } from \"../lib/quiet-focus\";\nimport type { Direction } from \"../lib/direction\";\nimport type { TourLabels, TourPlacement, TourStep, TourStepContext } from \"./tour\";\nimport { devWarnings, isShown, stepContext, type GateRegistry } from \"./tour-gates\";\nimport { dockEdge, dockStyle, readBand, scrollIntoFreeHalf, type DockEdge } from \"./tour-dock\";\n\n/*\n * # The tour's overlay: the card, the spotlight and its shields, the placement, the dock\n *\n * Its own module since 0.52 (refactor audit 2026-10-30, MOD-1): `TourProvider` is mounted\n * above every app's routes and renders this only while a tour runs, so it is loaded by a\n * literal `import()` when a tour first starts (tour.tsx), not with the provider — about\n * 28.5 kB minified, 10.3 kB gzip that sat in each app's first load (measured at 0.51.6). Nothing here is public; what\n * the provider shares with it (the step context, `when`, the gates) is in tour-gates.ts.\n */\n\n/** The app's `refuse` on the step that awaits its key (§11.4). */\nexport interface Refusal {\n  step: TourStep;\n  reason?: string;\n  /** Bumped per refusal, so the same words are announced again. */\n  seq: number;\n}\n\nconst NOOP = () => {};\n\n/** The first step in [floor, index) shown now whose gate is published and unsatisfied, or -1. */\nfunction firstEmptied(steps: TourStep[], floor: number, index: number, gates: GateRegistry): number {\n  const ctx = stepContext(gates, \"goto\");\n  for (let j = floor; j < index; j++) {\n    const key = steps[j].gate;\n    if (key && gates.get(key) === false && isShown(steps[j], ctx)) return j;\n  }\n  return -1;\n}\n\ninterface Rect {\n  top: number;\n  left: number;\n  width: number;\n  height: number;\n}\n\nfunction isVisible(el: Element): boolean {\n  // A non-zero box already rules out display:none on the element or any ancestor\n  // (an unrendered element measures 0x0). We deliberately do NOT test\n  // offsetParent: it is null for position:fixed elements even when fully visible,\n  // which made the mobile bottom-nav bar (fixed) un-highlightable on mobile\n  // (feedback #313). visibility:hidden keeps a box, so check it explicitly.\n  const r = el.getBoundingClientRect();\n  if (r.width <= 0 || r.height <= 0) return false;\n  const style = getComputedStyle(el);\n  return style.visibility !== \"hidden\" && style.display !== \"none\";\n}\n\n// The first VISIBLE element matching the selector, not merely the first in DOM\n// order. This lets a step target the same control across layouts with one\n// combined selector — e.g. the desktop sidebar link AND the mobile bottom-bar\n// link — where the off-layout copy is present but `display:none` (feedback\n// #313). Returns null while none is visible so the finder keeps retrying.\nfunction queryVisibleTarget(selector: string): Element | null {\n  const els = document.querySelectorAll(selector);\n  for (const el of els) {\n    if (isVisible(el)) return el;\n  }\n  return null;\n}\n\nfunction rectOf(el: Element): Rect {\n  const r = el.getBoundingClientRect();\n  return { top: r.top, left: r.left, width: r.width, height: r.height };\n}\n\n/** The two-tone frame's width outside the spot (3px white, 2px keyline), plus a pixel. */\nconst RING_BAND = 6;\n\n/**\n * What a step's ring frames (keksdose S1, §11.6): the target, and on a FIELD step also the\n * lines that describe the field from outside it — the elements its `aria-describedby`\n * (on the target or a control inside) names that lie within the ring's reach of it (a\n * caption, a hint or warning line, an error drawn under or above the field). Without\n * them the ring's frame ran through such a line; with them it frames field and line, and\n * the line is lit, not under the scrim. A kit field's own caption and error are inside\n * its root already. A line far away (a tooltip, another part of the page) is not taken.\n */\nfunction spotRectOf(el: Element, step: TourStep): Rect {\n  const own = rectOf(el);\n  if (!isFieldStep(step)) return own;\n  const ids = new Set<string>();\n  const holders = [el, ...Array.from(el.querySelectorAll(\"[aria-describedby]\"))];\n  for (const holder of holders) {\n    for (const id of (holder.getAttribute(\"aria-describedby\") ?? \"\").split(/\\s+/)) if (id) ids.add(id);\n  }\n  if (ids.size === 0) return own;\n  const lines: DOMRect[] = [];\n  for (const id of ids) {\n    const line = document.getElementById(id);\n    if (!line || el.contains(line) || line.closest('[role=\"tooltip\"]') || !isVisible(line)) continue;\n    const r = line.getBoundingClientRect();\n    // An `sr-only` description measures 1×1: nothing to frame.\n    if (r.width > 1 && r.height > 1) lines.push(r);\n  }\n  let top = own.top;\n  let left = own.left;\n  let right = own.left + own.width;\n  let bottom = own.top + own.height;\n  const reach = (step.padding ?? 8) + RING_BAND;\n  // Grow until nothing more is in reach: a hint under the field, then an error under it.\n  for (let grew = true; grew;) {\n    grew = false;\n    for (let i = lines.length - 1; i >= 0; i--) {\n      const r = lines[i];\n      const across = r.left < right && r.right > left;\n      const gap = Math.max(r.top - bottom, top - r.bottom);\n      if (!across || gap > reach) continue;\n      top = Math.min(top, r.top);\n      left = Math.min(left, r.left);\n      right = Math.max(right, r.right);\n      bottom = Math.max(bottom, r.bottom);\n      lines.splice(i, 1);\n      grew = true;\n    }\n  }\n  return { top, left, width: right - left, height: bottom - top };\n}\n\n/**\n * What the finder established for ONE step: where its target is (`null` = no target,\n * or not on the page), and the reading direction the card takes from it.\n *\n * It carries the step it was found for, and the overlay only believes it for that\n * step — which is the whole fix for keksdose's tours audit 2026-10-02, §1.0 A (\"stale\n * spotlight on the step after a spotlighted one\", 15 steps in 16 tours, desktop and\n * phone, mouse and keyboard). When step N spotlit a target and step N+1 had none (or\n * its anchor was missing), N+1 kept N's hole and parked its card beside it, so a\n * centred \"You're all set\" read as pointing at the Import & Export link; Back→Next kept\n * it for as long as anyone watched.\n *\n * The overlay used to hold `rect` and `ready` as separate states and reset them\n * DURING RENDER when the step changed. React 19 does not keep a render-phase update\n * while an earlier, lower-priority update to the same hook is still queued — it only\n * writes the result to the base state \"unless the queue is empty\" — and the follow\n * interval below queues exactly such an update every 250 ms (eagerly bailed out because\n * the rect had not moved, but left in the queue for rebasing). So the click's render\n * showed the reset, and the very next render (the finder saying \"ready\") re-based on\n * the old rect. A deep link was fine because nothing had queued anything yet.\n *\n * Keying the result to its step does not depend on any of that ordering: a rect found\n * for another step is not this step's rect, whatever the queue does with it, and a\n * missing anchor reads as \"no target\" instead of as the last thing that was lit.\n */\ninterface Located {\n  index: number;\n  step: TourStep;\n  rect: Rect | null;\n  dir: Direction;\n  /**\n   * A field step's own container (§11.6): inserted right after the kit layer holding the\n   * target (`host.after`), or at the end of <body> on the page. `null` on a plain step,\n   * which is portalled to <body> at z-[60] as ever.\n   */\n  layer: HTMLElement | null;\n  /** The host fills the visual viewport (a phone's FullBleedDialog): no scrim, no shields. */\n  fullScreen: boolean;\n}\n\n/** The kit layer (`data-kit-layer`) holding `el`, if any. */\nfunction layerHost(el: Element): HTMLElement | null {\n  return el.closest<HTMLElement>(\"[data-kit-layer]\");\n}\n\n/**\n * Does the host fill the visual viewport? A backdrop host (`data-kit-layer=\"backdrop\"`:\n * Modal, FullBleedDialog) is judged by its panel, the child holding the target.\n */\nfunction coversViewport(host: HTMLElement, el: Element): boolean {\n  let surface: Element = host;\n  if (host.getAttribute(\"data-kit-layer\") === \"backdrop\") {\n    for (const child of Array.from(host.children)) {\n      if (child.contains(el)) {\n        surface = child;\n        break;\n      }\n    }\n  }\n  const r = surface.getBoundingClientRect();\n  const vv = window.visualViewport;\n  // Without a visual viewport, the glass (`viewportSize`), not `innerWidth`: an overflow\n  // grows the layout viewport, and a sheet as wide as the screen read as narrower than it\n  // (refactor audit 2026-10-30, DUP-9; live #381).\n  const view = viewportSize();\n  const top = vv?.offsetTop ?? 0;\n  const bottom = top + (vv?.height ?? view.height);\n  const width = vv?.width ?? view.width;\n  return r.width > 0 && r.left <= 1 && r.top <= top + 1 && r.right >= width - 1 && r.bottom >= bottom - 1;\n}\n\n/** Does this step's card dock now (§11.7)? Below `sm` (`phone`), and `\"dock\"` or a field\n *  step with no placement while the provider docks on phones. */\nfunction docks(step: TourStep, dockOnPhones: boolean, phone: boolean): boolean {\n  if (!phone || !step.target) return false;\n  return step.placement === \"dock\" || (step.placement === undefined && dockOnPhones && isFieldStep(step));\n}\n\n/** A step whose control is for using: its card joins the layer stack above the field (§11.6). */\nfunction isFieldStep(step: TourStep): boolean {\n  return !!(step.interactive || step.awaitInput || step.gate || step.awaitGate);\n}\n\nexport function TourOverlay({\n  steps,\n  index,\n  via,\n  floor,\n  position,\n  count,\n  refusal,\n  onGoTo,\n  labels,\n  gates,\n  dockOnPhones,\n  onNext,\n  onPrev,\n  onSkip,\n}: {\n  steps: TourStep[];\n  index: number;\n  via: TourStepContext[\"via\"];\n  floor: number;\n  /** The app refused this step's save (§11.4). */\n  refusal: Refusal | null;\n  onGoTo: (index: number) => void;\n  /** 1-based among the steps shown; Back is hidden on the first, Done on the last. */\n  position: number;\n  count: number;\n  labels: TourLabels;\n  gates: GateRegistry;\n  dockOnPhones: boolean;\n  onNext: () => void;\n  onPrev: () => void;\n  onSkip: () => void;\n}) {\n  const step = steps[index];\n  const isFirst = position <= 1;\n  const isLast = position >= count;\n  // A new step starts unlocated: whatever was found for another step (see `Located`)\n  // is ignored, so the overlay renders nothing until the effect below has located THIS\n  // step, and never the previous step's spotlight.\n  const [located, setLocated] = useState<Located | null>(null);\n  const current = located !== null && located.index === index && located.step === step ? located : null;\n  const ready = current !== null;\n  const rect = current?.rect ?? null;\n  // The overlay is portalled to <body>, out of whatever `dir` subtree the app set, so it\n  // takes the direction of the element it spotlights (the document's for a centered\n  // step). Arrow keys and start/end placement read it.\n  const dir: Direction = current?.dir ?? \"ltr\";\n  const rootRef = useRef<HTMLDivElement>(null);\n  const cardRef = useRef<HTMLDivElement>(null);\n  const bodyId = useId();\n  const hintId = useId();\n  // Below `sm` at the text size in force (§3.3: 640 px at Normal, 800 at Large), the\n  // question CSS's `max-sm:` asks — a fixed 640 docked nothing in a 700 px window at\n  // Large, which lays the page out as a phone (refactor audit 2026-10-30, DUP-9).\n  const phone = useBreakpoint(\"max-sm\");\n  // A touch screen: the card takes focus, so no keyboard or pad opens before the step is\n  // read (§11.8). Asked on arrival, not followed: a dependency of the arrival effect, a\n  // 2-in-1's keyboard detached mid-step ran the arrival again and pulled the focus out of\n  // the field being typed in (0.52 code review, tour-overlay.tsx).\n  const coarse = useCoarsePointer();\n  const coarseOnArrival = useEffectEvent(() => coarse);\n\n  // The gate (§11.1). Re-rendered on every registry change while the tour runs.\n  const gateVersion = useSyncExternalStore(gates.subscribe, gates.version, gates.version);\n  const gateKey = step.gate;\n  const enforced = !!gateKey && gates.has(gateKey);\n  const locked = enforced && gates.get(gateKey) !== true;\n\n  // The polite live region (§11.8): `gateReady` once a gate opens, the hint on a locked\n  // Next. A repeat of the same words gets a trailing zero-width space so it is read again.\n  const [polite, setPolite] = useState(\"\");\n  const announce = useCallback((text: string) => {\n    setPolite((prev) => (prev === text ? `${text}\\u200b` : text));\n  }, []);\n\n  // Run beforeStep, then locate the target (retrying across route/render lag).\n  useEffect(() => {\n    let cancelled = false;\n    let raf = 0;\n    // `null` = untargeted, or the finder gave up → the card centres, with no hole.\n    const settle = (el: Element | null) => {\n      let layer: HTMLElement | null = null;\n      let fullScreen = false;\n      if (el && isFieldStep(step)) {\n        // §11.6: directly above the layer holding the field — DOM order decides between\n        // the kit's z-50 body children, so this paints over the host and everything opened\n        // before it, and under whatever the field opens next (a list, the number pad).\n        const host = layerHost(el);\n        layer = document.createElement(\"div\");\n        layer.setAttribute(\"data-tour-layer\", \"\");\n        if (host) host.after(layer);\n        else document.body.appendChild(layer);\n        fullScreen = !!host && coversViewport(host, el);\n      }\n      setLocated({ index, step, rect: el ? spotRectOf(el, step) : null, dir: dirOf(el), layer, fullScreen });\n    };\n    void (async () => {\n      try {\n        await step.beforeStep?.(stepContext(gates, via));\n      } catch (error) {\n        // The step is shown anyway (FLW-5): left unlocated, the tour stayed `active`\n        // with no card, no scrim and no Escape layer, and everything keyed on \"a tour\n        // runs\" (the `?tour=` mirror, the apps' PWA-update hold) stayed on with it. The\n        // target may well be there regardless; if not, the finder gives up and centres.\n        console.error(error);\n      }\n      if (cancelled) return;\n      if (!step.target) {\n        settle(null);\n        return;\n      }\n      let tries = 0;\n      const find = () => {\n        if (cancelled) return;\n        const el = queryVisibleTarget(step.target!);\n        if (el) {\n          // A docked step scrolls the field into the half the card leaves free, through\n          // the field's own scroll container (§11.7); any other centres it, as ever.\n          if (docks(step, dockOnPhones, phone)) scrollIntoFreeHalf(el, null, null);\n          else el.scrollIntoView({ block: \"center\", behavior: \"smooth\" });\n          settle(el);\n          return;\n        }\n        if (tries++ < 45) raf = requestAnimationFrame(find);\n        else settle(null); // give up → render centered\n      };\n      find();\n    })();\n    return () => {\n      cancelled = true;\n      cancelAnimationFrame(raf);\n    };\n    // `via` and the gates are read at arrival, not followed.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [index, step]);\n\n  // Follow the target as the page scrolls / reflows — only once THIS step is located,\n  // and only into this step's result.\n  useEffect(() => {\n    if (!step.target) return;\n    const update = () => {\n      const el = queryVisibleTarget(step.target!);\n      if (el) {\n        const next = spotRectOf(el, step);\n        // A sheet that grows to full screen (or shrinks from it) takes or drops the scrim.\n        const host = layerHost(el);\n        const full = !!host && coversViewport(host, el);\n        setLocated((prev) => {\n          if (!prev || prev.index !== index || prev.step !== step) return prev;\n          const fullScreen = prev.layer ? full : prev.fullScreen;\n          if (sameRect(prev.rect, next) && fullScreen === prev.fullScreen) return prev;\n          return { ...prev, rect: next, fullScreen };\n        });\n      }\n    };\n    window.addEventListener(\"scroll\", update, true);\n    window.addEventListener(\"resize\", update);\n    const id = window.setInterval(update, 250);\n    return () => {\n      window.removeEventListener(\"scroll\", update, true);\n      window.removeEventListener(\"resize\", update);\n      clearInterval(id);\n    };\n  }, [index, step]);\n\n  // A field step's container goes with the step (and with the tour).\n  const layer = located?.layer ?? null;\n  useEffect(() => {\n    if (!layer) return;\n    return () => layer.remove();\n  }, [layer]);\n\n  // Escape (§11.6.4): the tour is a layer on the kit's Escape stack, pushed on each\n  // arrival, so it sits above the sheet holding the form. Escape from the card skips the\n  // tour and no longer also closes that sheet; a layer the field opens afterwards (a\n  // list, the pad) is above the tour and takes Escape first. An Escape pressed in the\n  // field itself belongs to the field: the tour lets it pass by doing nothing.\n  useDismissLayer(\n    ready,\n    (e) => {\n      if (interactive && step.target && e.target instanceof Node) {\n        const el = queryVisibleTarget(step.target);\n        if (el?.contains(e.target)) return;\n      }\n      onSkip();\n    },\n    // Not an overlay to `useOverlayOpen`: a floating launcher a tour spotlights stays.\n    { overlay: false },\n  );\n\n  // awaitClick: advance when the *real* target is clicked. The spotlight hole is\n  // click-through (see the shields in the render below) so the element's own\n  // handler runs first; we step forward on the next macrotask.\n  //\n  // Re-armed when the target turns up after the finder gave up (the follow effect\n  // lights it late): the card swaps Next for the \"click the highlighted element\" hint\n  // as soon as there is a rect, so the click must work from that moment too.\n  const spotted = rect !== null;\n  useEffect(() => {\n    if (!ready || !spotted || !step.awaitClick || !step.target) return;\n    const el = queryVisibleTarget(step.target);\n    if (!el) return;\n    const onClick = () => window.setTimeout(() => onNext(), 0);\n    el.addEventListener(\"click\", onClick, { once: true });\n    return () => el.removeEventListener(\"click\", onClick);\n  }, [ready, spotted, index, step, onNext]);\n\n  // A field step (see `TourStep.interactive`): only while the target is lit — a step\n  // whose target is missing centres its card over a full scrim, modal as ever. The one\n  // `isFieldStep`, as the layer insertion in `settle` reads it: an inline copy of its\n  // flags, and an alias of that, could drift from it (0.52 code review, tour-overlay.tsx).\n  const interactive = spotted && !!step.target && isFieldStep(step);\n  // A GUIDED field step (§11.8): focus goes to the field on a fine pointer, and Tab\n  // cycles field + card. A plain `interactive` step keeps the card's own trap.\n  const guided = interactive && !!(step.gate || step.awaitInput || step.awaitGate);\n  // An awaitGate step whose target is lit: only `release` moves it (a missing Save\n  // button would otherwise be a dead end, as for awaitClick).\n  const awaitsRelease = spotted && !!step.target && !!step.awaitGate;\n\n  // A gate nobody publishes is not enforced: Next opens, and a development build says why\n  // (on arrival, or when its publisher unmounts under the step), once per step.\n  const warnedGateRef = useRef<TourStep | null>(null);\n  useEffect(() => {\n    if (!ready || !gateKey || gates.has(gateKey) || !devWarnings() || warnedGateRef.current === step) return;\n    warnedGateRef.current = step;\n    console.warn(\n      `[ui-kit] Tour step \"${step.title}\" waits for the gate \"${gateKey}\", which nothing publishes: its Next is open. ` +\n        \"Publish it with useTourGate beside the field, or the form has closed under the tour.\",\n    );\n  }, [ready, gateKey, gates, step, gateVersion]);\n\n  // `optional` means \"may stay EMPTY\": without a gate there is no value to compare.\n  useEffect(() => {\n    if (!ready || !step.optional || step.gate || !devWarnings()) return;\n    console.warn(\n      `[ui-kit] Tour step \"${step.title}\" is \\`optional\\` without a \\`gate\\`: it shows the Optional chip ` +\n        'and a plain Next. \"Leave empty\" needs a gate to compare.',\n    );\n  }, [ready, step]);\n\n  // \"Ready\" once, when this step's gate turns satisfied (not when it arrives satisfied).\n  const wasLockedRef = useRef<{ step: TourStep; locked: boolean } | null>(null);\n  useEffect(() => {\n    if (!ready || !gateKey) return;\n    const before = wasLockedRef.current;\n    if (before && before.step === step && before.locked && !locked && enforced) announce(labels.gateReady);\n    wasLockedRef.current = { step, locked };\n  }, [ready, gateKey, step, locked, enforced, announce, labels.gateReady]);\n\n  // Arrival on a guided step: the field takes focus on a fine pointer, the card on a\n  // coarse one; the field is described by the card's body while the step lasts.\n  // Declared BEFORE the advance listeners below, so the focus it moves is not mistaken\n  // for the person leaving the field.\n  useEffect(() => {\n    if (!ready || !guided || !step.target) return;\n    const el = queryVisibleTarget(step.target);\n    const control = el ? firstTabStop(el) : null;\n    // Described BEFORE it is focused, so a screen reader reads the step with the field's\n    // name. Focused quietly (0.50.1, keksdose B1): a picker that opens on focus stays\n    // closed, or its list would cover the card; ArrowDown, typing or a click opens it.\n    const previous = control ? control.getAttribute(\"aria-describedby\") : null;\n    if (control) control.setAttribute(\"aria-describedby\", previous ? `${previous} ${bodyId}` : bodyId);\n    if (coarseOnArrival() || !control) cardRef.current?.focus();\n    else if (!el!.contains(document.activeElement)) focusQuietly(control);\n    if (!control) return;\n    return () => {\n      if (previous === null) control.removeAttribute(\"aria-describedby\");\n      else control.setAttribute(\"aria-describedby\", previous);\n    };\n  }, [ready, guided, index, step, bodyId]);\n\n  // Tab on a guided step cycles field + card as one ring (§11.8): from the field's last\n  // stop to the card's first, from the card's last back to the field. Captured on the\n  // document, ahead of a sheet's own trap, which would wrap inside the sheet.\n  useEffect(() => {\n    if (!ready || !guided || !step.target) return;\n    const onTab = (e: KeyboardEvent) => {\n      if (e.key !== \"Tab\") return;\n      const el = queryVisibleTarget(step.target!);\n      const card = cardRef.current;\n      if (!el || !card) return;\n      const active = document.activeElement;\n      const fieldStops = tabStops(el);\n      const cardStops = tabStops(card);\n      if (fieldStops.length === 0 || cardStops.length === 0) return;\n      let to: HTMLElement | null = null;\n      if (active instanceof Node && el.contains(active)) {\n        if (!e.shiftKey && active === fieldStops[fieldStops.length - 1]) to = cardStops[0];\n        else if (e.shiftKey && active === fieldStops[0]) to = cardStops[cardStops.length - 1];\n      } else if (active instanceof Node && card.contains(active)) {\n        if (!e.shiftKey && active === cardStops[cardStops.length - 1]) to = fieldStops[0];\n        else if (e.shiftKey && (active === cardStops[0] || active === card)) to = fieldStops[fieldStops.length - 1];\n      }\n      if (!to) return;\n      e.preventDefault();\n      e.stopPropagation();\n      to.focus();\n    };\n    document.addEventListener(\"keydown\", onTab, true);\n    return () => document.removeEventListener(\"keydown\", onTab, true);\n  }, [ready, guided, index, step]);\n\n  // gate: once satisfied, advance on Enter in the field (unless the control took it, or\n  // a textarea without Ctrl/Cmd) or on focus leaving the field to nowhere or to the card.\n  // Checked on the next macrotask, after the field's own blur/Enter commit has rendered.\n  useEffect(() => {\n    if (!ready || !spotted || !gateKey || !step.target) return;\n    const el = queryVisibleTarget(step.target) as HTMLElement | null;\n    if (!el) return;\n    const satisfied = () => !gates.has(gateKey) || gates.get(gateKey) === true;\n    let timer = 0;\n    // Focus that was in the field when the step settled, or went there since. A focus\n    // move the tour made itself (the card taking it on a phone) is not a leave.\n    let armed = el.contains(document.activeElement);\n    const check = () => {\n      window.clearTimeout(timer);\n      timer = window.setTimeout(() => {\n        if (satisfied()) onNext();\n      }, 0);\n    };\n    const onFocusIn = () => {\n      armed = true;\n    };\n    const onFocusOut = (e: FocusEvent) => {\n      const to = e.relatedTarget;\n      if (to instanceof Node && el.contains(to)) return;\n      const wasArmed = armed;\n      armed = false;\n      if (!wasArmed) return;\n      if (to === null || (to instanceof Node && rootRef.current?.contains(to))) check();\n    };\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== \"Enter\" || !(e.target instanceof Node) || !el.contains(e.target)) return;\n      // Heard at the document, after React's handlers: a combobox picking an option has\n      // called preventDefault by now.\n      if (e.defaultPrevented || isComposing(e)) return;\n      if (e.target instanceof HTMLTextAreaElement && !(e.ctrlKey || e.metaKey)) return;\n      check();\n    };\n    el.addEventListener(\"focusin\", onFocusIn);\n    el.addEventListener(\"focusout\", onFocusOut);\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      window.clearTimeout(timer);\n      el.removeEventListener(\"focusin\", onFocusIn);\n      el.removeEventListener(\"focusout\", onFocusOut);\n      document.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [ready, spotted, gateKey, gates, index, step, onNext]);\n\n  // awaitInput: advance once the target's fields hold another value than when the step\n  // was armed, checked when focus leaves the target or Enter is pressed in it — on the\n  // next macrotask, after the field's own blur/Enter commit has rendered. A value the\n  // number pad typed fires no native `change`, so comparing is what catches it.\n  useEffect(() => {\n    if (!ready || !spotted || !step.awaitInput || !step.target) return;\n    const el = queryVisibleTarget(step.target) as HTMLElement | null;\n    if (!el) return;\n    const read = () => fieldValues(el);\n    const before = read();\n    let timer = 0;\n    let done = false;\n    const check = () => {\n      window.clearTimeout(timer);\n      timer = window.setTimeout(() => {\n        if (done || read() === before) return;\n        done = true;\n        onNext();\n      }, 0);\n    };\n    const onFocusOut = (e: FocusEvent) => {\n      if (e.relatedTarget instanceof Node && el.contains(e.relatedTarget)) return;\n      check();\n    };\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key === \"Enter\") check();\n    };\n    el.addEventListener(\"focusout\", onFocusOut);\n    el.addEventListener(\"keydown\", onKeyDown);\n    el.addEventListener(\"change\", check);\n    return () => {\n      window.clearTimeout(timer);\n      el.removeEventListener(\"focusout\", onFocusOut);\n      el.removeEventListener(\"keydown\", onKeyDown);\n      el.removeEventListener(\"change\", check);\n    };\n  }, [ready, spotted, index, step, onNext]);\n\n  /** A press on the locked Next (or Enter / → from the card): no move; the field takes\n   *  focus and the hint is read again. */\n  const gateHint = step.gateHint ?? labels.gateHint;\n  const lockedNext = useCallback(() => {\n    const el = step.target ? queryVisibleTarget(step.target) : null;\n    const control = el ? firstTabStop(el) : null;\n    // Quietly, as on arrival: the hint is read with the card in view, not under a list.\n    if (control) focusQuietly(control);\n    announce(gateHint);\n  }, [step.target, announce, gateHint]);\n  const tryNext = awaitsRelease ? NOOP : locked ? lockedNext : onNext;\n\n  // After a refused save: the first earlier step shown whose field is now empty (§11.4).\n  // Computed each render, which the gate subscription above triggers: a field filled\n  // again drops the link.\n  const backTo = refusal ? firstEmptied(steps, floor, index, gates) : -1;\n\n  // Keyboard: Esc skips, Enter and the reading-direction arrow advance (→ in LTR,\n  // ← in RTL), the other arrow goes back. On awaitClick steps Enter is ignored (it\n  // would fire the target's click AND advance) — the forward arrow stays as an escape\n  // hatch. On a locked gate step both are the locked Next.\n  //\n  // Enter on a focused control belongs to that control. This used to advance from\n  // anywhere, so Enter on a focused Skip or Back ran the button's own click AND stepped\n  // forward: Back moved nowhere, Skip skipped and then called `next` on a dead tour.\n  // The same goes for arrows in a text field a step's `action` might contain.\n  useEffect(() => {\n    const onKey = (e: KeyboardEvent) => {\n      // On an interactive step a key pressed in the target, or in a layer it opened (the\n      // number pad's Escape, a menu's arrows), is the page's. The card's and the bare\n      // page's (focus on <body>) stay the tour's.\n      if (\n        interactive &&\n        e.target instanceof Node &&\n        e.target !== document.body &&\n        !rootRef.current?.contains(e.target)\n      ) {\n        return;\n      }\n      // Escape is the tour's Escape layer's (above) once the step is shown; while it is\n      // still being located there is no layer yet, and the tour takes it here as in 0.49.\n      if (e.key === \"Escape\") {\n        if (!ready) onSkip();\n        return;\n      }\n      // Nothing on screen to move on from: a step whose `beforeStep` is still running\n      // (a route loading) is not passed over by an Enter or a → pressed on the bare\n      // page (FLW-5). Escape, above, still leaves.\n      if (!ready) return;\n      if (e.key === \"Enter\") {\n        if (step.awaitClick || step.awaitInput || ownsKey(e.target, \"Enter\")) return;\n        e.preventDefault();\n        tryNext();\n        return;\n      }\n      if (ownsKey(e.target, e.key)) return;\n      // The overlay root carries `dir`; before it paints, the document's answers.\n      const delta = horizontalStep(e.key, rootRef.current);\n      if (delta === 1) {\n        e.preventDefault();\n        tryNext();\n      } else if (delta === -1) {\n        if (!isFirst) onPrev();\n      }\n    };\n    document.addEventListener(\"keydown\", onKey);\n    return () => document.removeEventListener(\"keydown\", onKey);\n  }, [isFirst, step, interactive, tryNext, onPrev, onSkip, ready]);\n\n  if (!ready) return null;\n\n  // No scrim, no shields: a field step inside a layer that fills the screen (§11.6.3).\n  const bare = interactive && !!current?.fullScreen;\n  const pad = step.padding ?? 8;\n  const spot: Rect | null = rect\n    ? { top: rect.top - pad, left: rect.left - pad, width: rect.width + pad * 2, height: rect.height + pad * 2 }\n    : null;\n\n  // `aria-modal` promises the page behind is out of reach, and the card's focus trap\n  // keeps that promise for the keyboard. The pointer used to get no such treatment: the\n  // root is `pointer-events-none` so that the spotlight hole can stay live for\n  // `awaitClick`, and the scrim is a box-shadow, which takes no clicks — so every\n  // control on the dimmed page stayed clickable. Four shields now tile the viewport\n  // around the hole: the page is blocked, the card and the spotlighted target are not.\n  // Keeping `aria-modal` (rather than dropping it) is the coherent half: the tour\n  // really is modal — focus is trapped and Esc/Skip is the way out.\n  return createPortal(\n    <div\n      ref={rootRef}\n      // z-50 on a field step, in its own container right after the layer holding the field\n      // (or at the end of <body>): over that layer and the page, under the z-50 layers the\n      // field opens next (§11.6). z-[60] on a plain step, over everything.\n      className={cn(\"pointer-events-none fixed inset-0\", interactive ? \"z-50\" : \"z-[60]\")}\n      role=\"dialog\"\n      aria-modal={interactive ? undefined : \"true\"}\n      // A stable marker for the overlay, on every step (0.48, keksdose dev#611–613): an\n      // app that hides its floating help launcher while a modal is open excepts the\n      // tour, which may spotlight that launcher — `[aria-modal=\"true\"]:not([data-tour-overlay])`.\n      // keksdose matched the `pointer-events-none` class until now, which is the kit's to change.\n      data-tour-overlay=\"\"\n      data-tour-interactive={interactive ? \"\" : undefined}\n      data-tour-bare={bare ? \"\" : undefined}\n      aria-label={step.title}\n      dir={dir}\n    >\n      {/* In a full-screen layer (a phone's form sheet) no scrim and no shields: the rest of\n          the form stays usable and scrollable, and the ring alone marks the field. */}\n      {spot && !bare && <SpotlightShields spot={spot} />}\n      {spot ? (\n        <div\n          className=\"pointer-events-none fixed rounded-lg transition-all duration-200 ease-out\"\n          style={{\n            top: spot.top,\n            left: spot.left,\n            width: spot.width,\n            height: spot.height,\n            // A two-tone frame, not a single translucent ring.\n            //\n            // The old treatment was `ring-2 ring-white/80` over a 55% scrim, and it\n            // \"was barely visible\" on the app's blue-tinted surfaces. Two reasons,\n            // and a single ring can't fix either: at 55% the surround stays bright\n            // enough that the un-dimmed hole barely reads AS a hole, and a 80%-white\n            // ring sitting on the edge of a light card is white-on-near-white.\n            //\n            // So: an opaque white band immediately around the target, a dark keyline\n            // outside it, then the scrim. Whatever the target's own colour is, one of\n            // the two bands is always in contrast with it and the other is always in\n            // contrast with the dimmed surround — there is no background that can\n            // swallow both. The blurred layer between them softens the step so the\n            // frame reads as lighting rather than as a pasted-on rectangle.\n            boxShadow: [\n              \"0 0 0 3px rgba(255,255,255,0.98)\",\n              \"0 0 0 5px rgba(15,23,42,0.92)\",\n              \"0 0 18px 6px rgba(15,23,42,0.45)\",\n              ...(bare ? [] : [\"0 0 0 9999px rgba(15,23,42,0.70)\"]),\n            ].join(\", \"),\n          }}\n        />\n      ) : (\n        <div className=\"pointer-events-auto fixed inset-0 bg-black/70\" />\n      )}\n      <TourCard\n        cardRef={cardRef}\n        step={step}\n        index={index}\n        position={position}\n        total={count}\n        labels={labels}\n        isFirst={isFirst}\n        isLast={isLast}\n        rect={spot}\n        dir={dir}\n        trap={!guided}\n        bodyId={bodyId}\n        hintId={hintId}\n        locked={locked}\n        gateHint={gateHint}\n        onBack={onPrev}\n        onNext={tryNext}\n        onLeaveEmpty={onNext}\n        onSkip={onSkip}\n        awaitsRelease={awaitsRelease}\n        docked={spot !== null && docks(step, dockOnPhones, phone)}\n        refusal={refusal}\n        backTo={backTo >= 0 ? { title: steps[backTo].title, go: () => onGoTo(backTo) } : null}\n      />\n      <div className=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\n        {polite}\n      </div>\n    </div>,\n    (interactive && current?.layer) || document.body,\n  );\n}\n\n/** The values of the fields at or inside `el`, as one string to compare (`awaitInput`). */\nfunction fieldValues(el: Element): string {\n  const fields = el.matches(\"input,textarea,select\") ? [el] : Array.from(el.querySelectorAll(\"input,textarea,select\"));\n  return fields\n    .map((f) =>\n      f instanceof HTMLInputElement && (f.type === \"checkbox\" || f.type === \"radio\")\n        ? String(f.checked)\n        : (f as HTMLInputElement).value,\n    )\n    .join(\"\\u0000\");\n}\n\n/** Does the focused element handle `key` itself? Enter on a button or link, and any\n *  editing key in a text field or select, is the control's — not the tour's. */\nfunction ownsKey(target: EventTarget | null, key: string): boolean {\n  if (!(target instanceof HTMLElement)) return false;\n  if (target.isContentEditable) return true;\n  const tag = target.tagName;\n  if (tag === \"TEXTAREA\" || tag === \"SELECT\") return true;\n  if (tag === \"INPUT\") {\n    const type = (target as HTMLInputElement).type;\n    // Enter on a checkbox does nothing natively, but ←/→ on a radio moves it.\n    return key !== \"Enter\" || type !== \"checkbox\";\n  }\n  if (key !== \"Enter\") return false;\n  return (\n    tag === \"BUTTON\" ||\n    (tag === \"A\" && target.hasAttribute(\"href\")) ||\n    target.getAttribute(\"role\") === \"button\" ||\n    target.getAttribute(\"role\") === \"link\"\n  );\n}\n\n/**\n * Transparent pointer blockers tiling the viewport around the spotlight hole: one\n * full-width band above and below, one on each side at the hole's own height. The hole\n * itself stays uncovered, so the target keeps its clicks.\n */\nfunction SpotlightShields({ spot }: { spot: Rect }) {\n  const shield = \"pointer-events-auto fixed\";\n  const bottom = spot.top + spot.height;\n  return (\n    <>\n      <div\n        data-tour-shield=\"\"\n        className={shield}\n        style={{ top: 0, left: 0, right: 0, height: Math.max(0, spot.top) }}\n      />\n      <div data-tour-shield=\"\" className={shield} style={{ top: bottom, left: 0, right: 0, bottom: 0 }} />\n      <div\n        data-tour-shield=\"\"\n        className={shield}\n        style={{ top: spot.top, left: 0, width: Math.max(0, spot.left), height: spot.height }}\n      />\n      <div\n        data-tour-shield=\"\"\n        className={shield}\n        style={{ top: spot.top, left: spot.left + spot.width, right: 0, height: spot.height }}\n      />\n    </>\n  );\n}\n\n/**\n * Card position (viewport px) for the given placement relative to the padded\n * spotlight `rect`. Omitted placement keeps the original auto behavior\n * (below → above → vertically centered); an explicit side flips to its opposite\n * if it would overflow, then clamps into the viewport. \"center\" (or no rect)\n * centers on screen.\n */\nfunction placeCard(\n  rect: Rect | null,\n  cw: number,\n  ch: number,\n  vw: number,\n  vh: number,\n  m: number,\n  placement?: TourPlacement,\n  dir: Direction = \"ltr\",\n): { top: number; left: number } {\n  // The logical sides resolve to a physical one here, and only here.\n  if (placement === \"start\") placement = dir === \"rtl\" ? \"right\" : \"left\";\n  else if (placement === \"end\") placement = dir === \"rtl\" ? \"left\" : \"right\";\n  // Every anchored panel's inline clamp (`anchoredInline`; refactor audit 2026-10-30,\n  // DUP-9): `m` inside the glass, and a card wider than the room keeps its START on it.\n  const clampX = (x: number) =>\n    anchoredInline({ left: x, right: x + cw }, cw, { dir, align: \"left\", edge: m, viewportWidth: vw }).left;\n  if (!rect || placement === \"center\") {\n    return { top: Math.max(m, (vh - ch) / 2), left: clampX((vw - cw) / 2) };\n  }\n  const clampY = (y: number) => Math.min(Math.max(m, y), Math.max(m, vh - ch - m));\n  const centerX = clampX(rect.left + rect.width / 2 - cw / 2);\n  const centerY = clampY(rect.top + rect.height / 2 - ch / 2);\n  const belowTop = rect.top + rect.height + m;\n  const aboveTop = rect.top - ch - m;\n  const rightLeft = rect.left + rect.width + m;\n  const leftLeft = rect.left - cw - m;\n  const fitsBelow = belowTop + ch <= vh;\n  const fitsAbove = aboveTop >= 0;\n  const fitsRight = rightLeft + cw <= vw;\n  const fitsLeft = leftLeft >= 0;\n\n  switch (placement) {\n    case \"top\":\n      return { top: fitsAbove ? aboveTop : fitsBelow ? belowTop : clampY(aboveTop), left: centerX };\n    case \"bottom\":\n      return { top: fitsBelow ? belowTop : fitsAbove ? aboveTop : clampY(belowTop), left: centerX };\n    case \"right\":\n      return { top: centerY, left: fitsRight ? rightLeft : fitsLeft ? leftLeft : clampX(rightLeft) };\n    case \"left\":\n      return { top: centerY, left: fitsLeft ? leftLeft : fitsRight ? rightLeft : clampX(leftLeft) };\n    default:\n      if (fitsBelow) return { top: belowTop, left: centerX };\n      if (fitsAbove) return { top: aboveTop, left: centerX };\n      return { top: Math.max(m, (vh - ch) / 2), left: centerX };\n  }\n}\n\nfunction TourCard({\n  cardRef: ref,\n  step,\n  index,\n  position,\n  total,\n  labels,\n  isFirst,\n  isLast,\n  rect,\n  dir,\n  trap,\n  bodyId,\n  hintId,\n  locked,\n  gateHint,\n  onBack,\n  onNext,\n  onLeaveEmpty,\n  onSkip,\n  awaitsRelease,\n  docked,\n  refusal,\n  backTo,\n}: {\n  cardRef: RefObject<HTMLDivElement | null>;\n  step: TourStep;\n  index: number;\n  /** 1-based among the steps shown (§11.3). */\n  position: number;\n  /** How many steps the run shows. */\n  total: number;\n  labels: TourLabels;\n  isFirst: boolean;\n  isLast: boolean;\n  rect: Rect | null;\n  dir: Direction;\n  /** The card's own focus trap; off on a guided step, where field + card are one ring. */\n  trap: boolean;\n  bodyId: string;\n  hintId: string;\n  /** A gate step whose field is not filled yet (§11.1). */\n  locked: boolean;\n  gateHint: string;\n  onBack: () => void;\n  onNext: () => void;\n  /** Moves on past an `optional` field left empty. */\n  onLeaveEmpty: () => void;\n  onSkip: () => void;\n  /** An awaitGate step with its target lit: the hint in place of Next. */\n  awaitsRelease: boolean;\n  /** Pinned to the band's edge away from the field (§11.7). */\n  docked: boolean;\n  refusal: Refusal | null;\n  /** The \"Back to …\" link after a refused save. */\n  backTo: { title: string; go: () => void } | null;\n}) {\n  const [style, setStyle] = useState<CSSProperties>({ opacity: 0 });\n\n  /**\n   * The card holds the focus, because the card is what the tour IS.\n   *\n   * The overlay above declares `role=\"dialog\" aria-modal=\"true\"` — it always has — and\n   * then left focus wherever the page had put it. For a tour that is the most pointed\n   * version of the audit's *\"Only Modal manages focus\"*: the whole component exists to\n   * say \"look here\", and for a keyboard user \"here\" is the focus ring. They were told\n   * the page was hidden, given no way to reach the Next button without Tabbing through\n   * it, and left on a control the screen reader would no longer describe.\n   *\n   * It re-engages on every step, without any bookkeeping here, because `TourOverlay`\n   * returns null while it re-locates the next target: the card genuinely unmounts and\n   * remounts between steps. That is what keeps focus honest when the BUTTONS change —\n   * \"Back\" does not exist on the first step, so stepping back onto it destroys the\n   * control the press came from, and focus would otherwise fall to `<body>`, outside\n   * this trap's own listener, where Tab walks straight into the page the overlay claims\n   * to have hidden.\n   *\n   * **The cost, written down:** on an `awaitClick` step the user is asked to click the\n   * spotlighted element, and they can no longer Tab to it. ArrowRight still advances\n   * (the key handler in `TourOverlay` is on the document and does not care where focus\n   * is), which is the escape hatch that step already documents for the case where the\n   * target cannot be found. Containment is worth that: an `awaitClick` step is a\n   * minority of steps, while focus stranded behind `aria-modal` is every step.\n   *\n   * A guided field step (`gate`, `awaitInput`, 0.50) is the exception: the field is\n   * what the step is about, so the overlay focuses it (or the card, on a touch screen)\n   * and runs one Tab ring over field + card itself.\n   */\n  useFocusTrap(ref, { active: trap });\n\n  // Docked (§11.7): the edge it last took, for the hysteresis, and a tick bumped when the\n  // band moves under an unmoved field (a pad or keyboard opening).\n  const edgeRef = useRef<DockEdge | null>(null);\n  const [bandTick, setBandTick] = useState(0);\n  const [edge, setEdge] = useState<DockEdge | null>(null);\n  useEffect(() => {\n    if (!docked) return;\n    let last = \"\";\n    const look = () => {\n      const target = step.target ? queryVisibleTarget(step.target) : null;\n      const band = readBand(target, ref.current);\n      const key = `${band.top}:${band.bottom}`;\n      if (key === last) return;\n      last = key;\n      // A field the pad or keyboard now covers is brought back into the free half.\n      if (target) {\n        const r = target.getBoundingClientRect();\n        if (r.top < band.top || r.bottom > band.bottom) {\n          edgeRef.current = scrollIntoFreeHalf(target, ref.current, edgeRef.current);\n        }\n      }\n      setBandTick((t) => t + 1);\n    };\n    const vv = window.visualViewport;\n    vv?.addEventListener(\"resize\", look);\n    vv?.addEventListener(\"scroll\", look);\n    window.addEventListener(\"resize\", look);\n    // The follow tick's cadence: it catches a pad opening, which moves nothing.\n    const id = window.setInterval(look, 250);\n    return () => {\n      vv?.removeEventListener(\"resize\", look);\n      vv?.removeEventListener(\"scroll\", look);\n      window.removeEventListener(\"resize\", look);\n      clearInterval(id);\n    };\n  }, [docked, step.target, ref]);\n\n  useLayoutEffect(() => {\n    const card = ref.current;\n    if (!card) return;\n    if (docked) {\n      const target = step.target ? queryVisibleTarget(step.target) : null;\n      const band = readBand(target, card);\n      const next = rect ? dockEdge(rect, band, edgeRef.current, card.offsetHeight) : \"bottom\";\n      edgeRef.current = next;\n      setEdge(next);\n      setStyle(dockStyle(next, rect, band));\n      return;\n    }\n    setEdge(null);\n    // The glass, not `innerWidth`: on a phone whose page overflows that is the grown\n    // layout viewport, and a centred card sat off-centre by half the overflow (DUP-9).\n    const view = viewportSize();\n    setStyle(placeCard(rect, card.offsetWidth, card.offsetHeight, view.width, view.height, 12, step.placement, dir));\n  }, [ref, rect, index, step.placement, step.target, dir, docked, bandTick]);\n\n  const awaitsTarget = ((step.awaitClick || step.awaitInput) && step.target && rect) || awaitsRelease;\n\n  return (\n    <div\n      ref={ref}\n      // Focusable but not tabbable: the trap above focuses the card itself rather than\n      // its first button, so a screen reader reads the step's title and body before it\n      // reads \"Next\" — and without this the container cannot take focus at all and the\n      // trap silently does nothing.\n      tabIndex={-1}\n      style={style}\n      data-tour-card=\"\"\n      data-tour-docked={edge ?? undefined}\n      className={cn(\n        \"pointer-events-auto fixed z-[61] w-80 max-w-[calc(100vw-1.5rem)] rounded-lg border border-subtle bg-surface p-4 shadow-xl outline-none transition-all duration-200 ease-out\",\n        // Docked, the height is capped: the body scrolls, the title and buttons stay.\n        docked && \"flex flex-col\",\n      )}\n    >\n      <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1 text-sm font-semibold text-primary\">\n        <span>{step.title}</span>\n        {step.optional && (\n          <span className=\"rounded-full border border-subtle px-1.5 py-px text-xs font-normal text-muted\">\n            {labels.optional}\n          </span>\n        )}\n      </div>\n      <div\n        id={bodyId}\n        className={cn(\"mt-1 text-sm leading-relaxed text-secondary\", docked && \"min-h-0 shrink overflow-y-auto\")}\n      >\n        {step.body}\n      </div>\n      {step.action && <div className=\"mt-3\">{step.action}</div>}\n      <div className=\"mt-4 space-y-2\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <button type=\"button\" onClick={onSkip} className=\"text-xs text-placeholder hover:text-secondary\">\n            {labels.skip}\n          </button>\n          <div className=\"flex items-center gap-2\">\n            <span className=\"whitespace-nowrap text-xs tabular-nums text-placeholder\">\n              {labels.step(position, total)}\n            </span>\n            {!isFirst && (\n              <Button variant=\"secondary\" onClick={onBack} className=\"px-2.5 py-1 text-xs\">\n                {labels.back}\n              </Button>\n            )}\n            {/* On an awaitClick step the Next button is replaced by a hint on its\n                own row below, so it doesn't cram the counter + buttons and wrap.\n                Only when the target was actually FOUND, though — `rect` is null\n                when the finder gave up, and the click listener early-returns on\n                the same absence. Keyed on `step.target` alone this hid the only\n                way forward on any step whose anchor happens not to be rendered\n                for this user (a guest sees no \"add account\" button), leaving the\n                undocumented ArrowRight key as the sole escape. */}\n            {/* \"Leave empty\" (§11.2): an optional field may stay empty, so the step can\n                move on without it. Gone once the field is filled. */}\n            {step.optional && locked && !awaitsTarget && (\n              <Button variant=\"secondary\" onClick={onLeaveEmpty} className=\"px-2.5 py-1 text-xs\">\n                {labels.leaveEmpty}\n              </Button>\n            )}\n            {!awaitsTarget && (\n              <Button\n                variant=\"accent\"\n                onClick={onNext}\n                // Locked, not disabled (§11.1): it stays focusable, and a press focuses the\n                // field and reads the hint again.\n                aria-disabled={locked || undefined}\n                aria-describedby={locked ? hintId : undefined}\n                className={cn(\"px-2.5 py-1 text-xs\", locked && \"opacity-60\")}\n              >\n                {isLast ? labels.done : labels.next}\n              </Button>\n            )}\n          </div>\n        </div>\n        {awaitsTarget && (\n          <div className=\"text-center text-xs italic text-placeholder\">\n            {awaitsRelease\n              ? (step.awaitGateHint ?? labels.awaitGateHint)\n              : step.awaitInput && !step.awaitClick\n                ? labels.awaitInputHint\n                : labels.awaitClickHint}\n          </div>\n        )}\n        {/* Always mounted on an awaitGate step, so a refusal is read out (assertively)\n            the moment it lands. */}\n        {awaitsRelease && (\n          <div aria-live=\"assertive\" aria-atomic=\"true\" className=\"space-y-1\">\n            {refusal && (\n              <p data-tour-refused=\"\" className=\"text-xs text-danger\">\n                {refusal.reason ?? labels.awaitGateRefused}\n                {refusal.seq % 2 === 0 ? \"\\u200b\" : \"\"}\n              </p>\n            )}\n            {refusal && backTo && (\n              <Button variant=\"link\" onClick={backTo.go} className=\"text-xs\">\n                {labels.backToStep(backTo.title)}\n              </Button>\n            )}\n          </div>\n        )}\n        {locked && !awaitsTarget && (\n          <div id={hintId} className=\"text-center text-xs italic text-placeholder\">\n            {gateHint}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["layer"]}
+{"version":3,"sources":["../../src/tour/tour-overlay.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useEffectEvent,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  useSyncExternalStore,\n} from \"react\";\nimport type { CSSProperties, RefObject } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../lib/cn\";\nimport { Button } from \"../components/button\";\nimport { firstTabStop, tabStops, useFocusTrap } from \"../hooks/use-focus-trap\";\nimport { useDismissLayer } from \"../hooks/use-dismiss\";\nimport { sameRect } from \"../hooks/use-anchored-rect\";\nimport { anchoredInline, viewportSize } from \"../hooks/use-anchored-panel\";\nimport { useBreakpoint } from \"../hooks/use-breakpoint\";\nimport { useCoarsePointer } from \"../hooks/use-large-text\";\nimport { dirOf, horizontalStep } from \"../lib/direction\";\nimport { isEditableContent } from \"../lib/editable-content\";\nimport { isComposing } from \"../lib/ime\";\nimport { focusQuietly } from \"../lib/quiet-focus\";\nimport type { Direction } from \"../lib/direction\";\nimport type { TourLabels, TourPlacement, TourStep, TourStepContext } from \"./tour\";\nimport { devWarnings, isShown, stepContext, type GateRegistry } from \"./tour-gates\";\nimport { dockEdge, dockStyle, readBand, scrollIntoFreeHalf, type DockEdge } from \"./tour-dock\";\n\n/*\n * # The tour's overlay: the card, the spotlight and its shields, the placement, the dock\n *\n * Its own module since 0.52 (refactor audit 2026-10-30, MOD-1): `TourProvider` is mounted\n * above every app's routes and renders this only while a tour runs, so it is loaded by a\n * literal `import()` when a tour first starts (tour.tsx), not with the provider — about\n * 28.5 kB minified, 10.3 kB gzip that sat in each app's first load (measured at 0.51.6). Nothing here is public; what\n * the provider shares with it (the step context, `when`, the gates) is in tour-gates.ts.\n */\n\n/** The app's `refuse` on the step that awaits its key (§11.4). */\nexport interface Refusal {\n  step: TourStep;\n  reason?: string;\n  /** Bumped per refusal, so the same words are announced again. */\n  seq: number;\n}\n\nconst NOOP = () => {};\n\n/** The first step in [floor, index) shown now whose gate is published and unsatisfied, or -1. */\nfunction firstEmptied(steps: TourStep[], floor: number, index: number, gates: GateRegistry): number {\n  const ctx = stepContext(gates, \"goto\");\n  for (let j = floor; j < index; j++) {\n    const key = steps[j].gate;\n    if (key && gates.get(key) === false && isShown(steps[j], ctx)) return j;\n  }\n  return -1;\n}\n\ninterface Rect {\n  top: number;\n  left: number;\n  width: number;\n  height: number;\n}\n\nfunction isVisible(el: Element): boolean {\n  // A non-zero box already rules out display:none on the element or any ancestor\n  // (an unrendered element measures 0x0). We deliberately do NOT test\n  // offsetParent: it is null for position:fixed elements even when fully visible,\n  // which made the mobile bottom-nav bar (fixed) un-highlightable on mobile\n  // (feedback #313). visibility:hidden keeps a box, so check it explicitly.\n  const r = el.getBoundingClientRect();\n  if (r.width <= 0 || r.height <= 0) return false;\n  const style = getComputedStyle(el);\n  return style.visibility !== \"hidden\" && style.display !== \"none\";\n}\n\n// The first VISIBLE element matching the selector, not merely the first in DOM\n// order. This lets a step target the same control across layouts with one\n// combined selector — e.g. the desktop sidebar link AND the mobile bottom-bar\n// link — where the off-layout copy is present but `display:none` (feedback\n// #313). Returns null while none is visible so the finder keeps retrying.\nfunction queryVisibleTarget(selector: string): Element | null {\n  const els = document.querySelectorAll(selector);\n  for (const el of els) {\n    if (isVisible(el)) return el;\n  }\n  return null;\n}\n\nfunction rectOf(el: Element): Rect {\n  const r = el.getBoundingClientRect();\n  return { top: r.top, left: r.left, width: r.width, height: r.height };\n}\n\n/** The two-tone frame's width outside the spot (3px white, 2px keyline), plus a pixel. */\nconst RING_BAND = 6;\n\n/**\n * What a step's ring frames (keksdose S1, §11.6): the target, and on a FIELD step also the\n * lines that describe the field from outside it — the elements its `aria-describedby`\n * (on the target or a control inside) names that lie within the ring's reach of it (a\n * caption, a hint or warning line, an error drawn under or above the field). Without\n * them the ring's frame ran through such a line; with them it frames field and line, and\n * the line is lit, not under the scrim. A kit field's own caption and error are inside\n * its root already. A line far away (a tooltip, another part of the page) is not taken.\n */\nfunction spotRectOf(el: Element, step: TourStep): Rect {\n  const own = rectOf(el);\n  if (!isFieldStep(step)) return own;\n  const ids = new Set<string>();\n  const holders = [el, ...Array.from(el.querySelectorAll(\"[aria-describedby]\"))];\n  for (const holder of holders) {\n    for (const id of (holder.getAttribute(\"aria-describedby\") ?? \"\").split(/\\s+/)) if (id) ids.add(id);\n  }\n  if (ids.size === 0) return own;\n  const lines: DOMRect[] = [];\n  for (const id of ids) {\n    const line = document.getElementById(id);\n    if (!line || el.contains(line) || line.closest('[role=\"tooltip\"]') || !isVisible(line)) continue;\n    const r = line.getBoundingClientRect();\n    // An `sr-only` description measures 1×1: nothing to frame.\n    if (r.width > 1 && r.height > 1) lines.push(r);\n  }\n  let top = own.top;\n  let left = own.left;\n  let right = own.left + own.width;\n  let bottom = own.top + own.height;\n  const reach = (step.padding ?? 8) + RING_BAND;\n  // Grow until nothing more is in reach: a hint under the field, then an error under it.\n  for (let grew = true; grew;) {\n    grew = false;\n    for (let i = lines.length - 1; i >= 0; i--) {\n      const r = lines[i];\n      const across = r.left < right && r.right > left;\n      const gap = Math.max(r.top - bottom, top - r.bottom);\n      if (!across || gap > reach) continue;\n      top = Math.min(top, r.top);\n      left = Math.min(left, r.left);\n      right = Math.max(right, r.right);\n      bottom = Math.max(bottom, r.bottom);\n      lines.splice(i, 1);\n      grew = true;\n    }\n  }\n  return { top, left, width: right - left, height: bottom - top };\n}\n\n/**\n * What the finder established for ONE step: where its target is (`null` = no target,\n * or not on the page), and the reading direction the card takes from it.\n *\n * It carries the step it was found for, and the overlay only believes it for that\n * step — which is the whole fix for keksdose's tours audit 2026-10-02, §1.0 A (\"stale\n * spotlight on the step after a spotlighted one\", 15 steps in 16 tours, desktop and\n * phone, mouse and keyboard). When step N spotlit a target and step N+1 had none (or\n * its anchor was missing), N+1 kept N's hole and parked its card beside it, so a\n * centred \"You're all set\" read as pointing at the Import & Export link; Back→Next kept\n * it for as long as anyone watched.\n *\n * The overlay used to hold `rect` and `ready` as separate states and reset them\n * DURING RENDER when the step changed. React 19 does not keep a render-phase update\n * while an earlier, lower-priority update to the same hook is still queued — it only\n * writes the result to the base state \"unless the queue is empty\" — and the follow\n * interval below queues exactly such an update every 250 ms (eagerly bailed out because\n * the rect had not moved, but left in the queue for rebasing). So the click's render\n * showed the reset, and the very next render (the finder saying \"ready\") re-based on\n * the old rect. A deep link was fine because nothing had queued anything yet.\n *\n * Keying the result to its step does not depend on any of that ordering: a rect found\n * for another step is not this step's rect, whatever the queue does with it, and a\n * missing anchor reads as \"no target\" instead of as the last thing that was lit.\n */\ninterface Located {\n  index: number;\n  step: TourStep;\n  rect: Rect | null;\n  dir: Direction;\n  /**\n   * A field step's own container (§11.6): inserted right after the kit layer holding the\n   * target (`host.after`), or at the end of <body> on the page. `null` on a plain step,\n   * which is portalled to <body> at z-[60] as ever.\n   */\n  layer: HTMLElement | null;\n  /** The host fills the visual viewport (a phone's FullBleedDialog): no scrim, no shields. */\n  fullScreen: boolean;\n}\n\n/** The kit layer (`data-kit-layer`) holding `el`, if any. */\nfunction layerHost(el: Element): HTMLElement | null {\n  return el.closest<HTMLElement>(\"[data-kit-layer]\");\n}\n\n/**\n * Does the host fill the visual viewport? A backdrop host (`data-kit-layer=\"backdrop\"`:\n * Modal, FullBleedDialog) is judged by its panel, the child holding the target.\n */\nfunction coversViewport(host: HTMLElement, el: Element): boolean {\n  let surface: Element = host;\n  if (host.getAttribute(\"data-kit-layer\") === \"backdrop\") {\n    for (const child of Array.from(host.children)) {\n      if (child.contains(el)) {\n        surface = child;\n        break;\n      }\n    }\n  }\n  const r = surface.getBoundingClientRect();\n  const vv = window.visualViewport;\n  // Without a visual viewport, the glass (`viewportSize`), not `innerWidth`: an overflow\n  // grows the layout viewport, and a sheet as wide as the screen read as narrower than it\n  // (refactor audit 2026-10-30, DUP-9; live #381).\n  const view = viewportSize();\n  const top = vv?.offsetTop ?? 0;\n  const bottom = top + (vv?.height ?? view.height);\n  const width = vv?.width ?? view.width;\n  return r.width > 0 && r.left <= 1 && r.top <= top + 1 && r.right >= width - 1 && r.bottom >= bottom - 1;\n}\n\n/** Does this step's card dock now (§11.7)? Below `sm` (`phone`), and `\"dock\"` or a field\n *  step with no placement while the provider docks on phones. */\nfunction docks(step: TourStep, dockOnPhones: boolean, phone: boolean): boolean {\n  if (!phone || !step.target) return false;\n  return step.placement === \"dock\" || (step.placement === undefined && dockOnPhones && isFieldStep(step));\n}\n\n/** A step whose control is for using: its card joins the layer stack above the field (§11.6). */\nfunction isFieldStep(step: TourStep): boolean {\n  return !!(step.interactive || step.awaitInput || step.gate || step.awaitGate);\n}\n\nexport function TourOverlay({\n  steps,\n  index,\n  via,\n  floor,\n  position,\n  count,\n  refusal,\n  onGoTo,\n  labels,\n  gates,\n  dockOnPhones,\n  onNext,\n  onPrev,\n  onSkip,\n}: {\n  steps: TourStep[];\n  index: number;\n  via: TourStepContext[\"via\"];\n  floor: number;\n  /** The app refused this step's save (§11.4). */\n  refusal: Refusal | null;\n  onGoTo: (index: number) => void;\n  /** 1-based among the steps shown; Back is hidden on the first, Done on the last. */\n  position: number;\n  count: number;\n  labels: TourLabels;\n  gates: GateRegistry;\n  dockOnPhones: boolean;\n  onNext: () => void;\n  onPrev: () => void;\n  onSkip: () => void;\n}) {\n  const step = steps[index];\n  const isFirst = position <= 1;\n  const isLast = position >= count;\n  // A new step starts unlocated: whatever was found for another step (see `Located`)\n  // is ignored, so the overlay renders nothing until the effect below has located THIS\n  // step, and never the previous step's spotlight.\n  const [located, setLocated] = useState<Located | null>(null);\n  const current = located !== null && located.index === index && located.step === step ? located : null;\n  const ready = current !== null;\n  const rect = current?.rect ?? null;\n  // The overlay is portalled to <body>, out of whatever `dir` subtree the app set, so it\n  // takes the direction of the element it spotlights (the document's for a centered\n  // step). Arrow keys and start/end placement read it.\n  const dir: Direction = current?.dir ?? \"ltr\";\n  const rootRef = useRef<HTMLDivElement>(null);\n  const cardRef = useRef<HTMLDivElement>(null);\n  const bodyId = useId();\n  const hintId = useId();\n  // Below `sm` at the text size in force (§3.3: 640 px at Normal, 800 at Large), the\n  // question CSS's `max-sm:` asks — a fixed 640 docked nothing in a 700 px window at\n  // Large, which lays the page out as a phone (refactor audit 2026-10-30, DUP-9).\n  const phone = useBreakpoint(\"max-sm\");\n  // A touch screen: the card takes focus, so no keyboard or pad opens before the step is\n  // read (§11.8). Asked on arrival, not followed: a dependency of the arrival effect, a\n  // 2-in-1's keyboard detached mid-step ran the arrival again and pulled the focus out of\n  // the field being typed in (0.52 code review, tour-overlay.tsx).\n  const coarse = useCoarsePointer();\n  const coarseOnArrival = useEffectEvent(() => coarse);\n\n  // The gate (§11.1). Re-rendered on every registry change while the tour runs.\n  const gateVersion = useSyncExternalStore(gates.subscribe, gates.version, gates.version);\n  const gateKey = step.gate;\n  const enforced = !!gateKey && gates.has(gateKey);\n  const locked = enforced && gates.get(gateKey) !== true;\n\n  // The polite live region (§11.8): `gateReady` once a gate opens, the hint on a locked\n  // Next. A repeat of the same words gets a trailing zero-width space so it is read again.\n  const [polite, setPolite] = useState(\"\");\n  const announce = useCallback((text: string) => {\n    setPolite((prev) => (prev === text ? `${text}\\u200b` : text));\n  }, []);\n\n  // Run beforeStep, then locate the target (retrying across route/render lag).\n  useEffect(() => {\n    let cancelled = false;\n    let raf = 0;\n    // `null` = untargeted, or the finder gave up → the card centres, with no hole.\n    const settle = (el: Element | null) => {\n      let layer: HTMLElement | null = null;\n      let fullScreen = false;\n      if (el && isFieldStep(step)) {\n        // §11.6: directly above the layer holding the field — DOM order decides between\n        // the kit's z-50 body children, so this paints over the host and everything opened\n        // before it, and under whatever the field opens next (a list, the number pad).\n        const host = layerHost(el);\n        layer = document.createElement(\"div\");\n        layer.setAttribute(\"data-tour-layer\", \"\");\n        if (host) host.after(layer);\n        else document.body.appendChild(layer);\n        fullScreen = !!host && coversViewport(host, el);\n      }\n      setLocated({ index, step, rect: el ? spotRectOf(el, step) : null, dir: dirOf(el), layer, fullScreen });\n    };\n    void (async () => {\n      try {\n        await step.beforeStep?.(stepContext(gates, via));\n      } catch (error) {\n        // The step is shown anyway (FLW-5): left unlocated, the tour stayed `active`\n        // with no card, no scrim and no Escape layer, and everything keyed on \"a tour\n        // runs\" (the `?tour=` mirror, the apps' PWA-update hold) stayed on with it. The\n        // target may well be there regardless; if not, the finder gives up and centres.\n        console.error(error);\n      }\n      if (cancelled) return;\n      if (!step.target) {\n        settle(null);\n        return;\n      }\n      let tries = 0;\n      const find = () => {\n        if (cancelled) return;\n        const el = queryVisibleTarget(step.target!);\n        if (el) {\n          // A docked step scrolls the field into the half the card leaves free, through\n          // the field's own scroll container (§11.7); any other centres it, as ever.\n          if (docks(step, dockOnPhones, phone)) scrollIntoFreeHalf(el, null, null);\n          else el.scrollIntoView({ block: \"center\", behavior: \"smooth\" });\n          settle(el);\n          return;\n        }\n        if (tries++ < 45) raf = requestAnimationFrame(find);\n        else settle(null); // give up → render centered\n      };\n      find();\n    })();\n    return () => {\n      cancelled = true;\n      cancelAnimationFrame(raf);\n    };\n    // `via` and the gates are read at arrival, not followed.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [index, step]);\n\n  // Follow the target as the page scrolls / reflows — only once THIS step is located,\n  // and only into this step's result.\n  useEffect(() => {\n    if (!step.target) return;\n    const update = () => {\n      const el = queryVisibleTarget(step.target!);\n      if (el) {\n        const next = spotRectOf(el, step);\n        // A sheet that grows to full screen (or shrinks from it) takes or drops the scrim.\n        const host = layerHost(el);\n        const full = !!host && coversViewport(host, el);\n        setLocated((prev) => {\n          if (!prev || prev.index !== index || prev.step !== step) return prev;\n          const fullScreen = prev.layer ? full : prev.fullScreen;\n          if (sameRect(prev.rect, next) && fullScreen === prev.fullScreen) return prev;\n          return { ...prev, rect: next, fullScreen };\n        });\n      }\n    };\n    window.addEventListener(\"scroll\", update, true);\n    window.addEventListener(\"resize\", update);\n    const id = window.setInterval(update, 250);\n    return () => {\n      window.removeEventListener(\"scroll\", update, true);\n      window.removeEventListener(\"resize\", update);\n      clearInterval(id);\n    };\n  }, [index, step]);\n\n  // A field step's container goes with the step (and with the tour).\n  const layer = located?.layer ?? null;\n  useEffect(() => {\n    if (!layer) return;\n    return () => layer.remove();\n  }, [layer]);\n\n  // Escape (§11.6.4): the tour is a layer on the kit's Escape stack, pushed on each\n  // arrival, so it sits above the sheet holding the form. Escape from the card skips the\n  // tour and no longer also closes that sheet; a layer the field opens afterwards (a\n  // list, the pad) is above the tour and takes Escape first. An Escape pressed in the\n  // field itself belongs to the field: the tour lets it pass by doing nothing.\n  useDismissLayer(\n    ready,\n    (e) => {\n      if (interactive && step.target && e.target instanceof Node) {\n        const el = queryVisibleTarget(step.target);\n        if (el?.contains(e.target)) return;\n      }\n      onSkip();\n    },\n    // Not an overlay to `useOverlayOpen`: a floating launcher a tour spotlights stays.\n    { overlay: false },\n  );\n\n  // awaitClick: advance when the *real* target is clicked. The spotlight hole is\n  // click-through (see the shields in the render below) so the element's own\n  // handler runs first; we step forward on the next macrotask.\n  //\n  // Re-armed when the target turns up after the finder gave up (the follow effect\n  // lights it late): the card swaps Next for the \"click the highlighted element\" hint\n  // as soon as there is a rect, so the click must work from that moment too.\n  const spotted = rect !== null;\n  useEffect(() => {\n    if (!ready || !spotted || !step.awaitClick || !step.target) return;\n    const el = queryVisibleTarget(step.target);\n    if (!el) return;\n    const onClick = () => window.setTimeout(() => onNext(), 0);\n    el.addEventListener(\"click\", onClick, { once: true });\n    return () => el.removeEventListener(\"click\", onClick);\n  }, [ready, spotted, index, step, onNext]);\n\n  // A field step (see `TourStep.interactive`): only while the target is lit — a step\n  // whose target is missing centres its card over a full scrim, modal as ever. The one\n  // `isFieldStep`, as the layer insertion in `settle` reads it: an inline copy of its\n  // flags, and an alias of that, could drift from it (0.52 code review, tour-overlay.tsx).\n  const interactive = spotted && !!step.target && isFieldStep(step);\n  // A GUIDED field step (§11.8): focus goes to the field on a fine pointer, and Tab\n  // cycles field + card. A plain `interactive` step keeps the card's own trap.\n  const guided = interactive && !!(step.gate || step.awaitInput || step.awaitGate);\n  // An awaitGate step whose target is lit: only `release` moves it (a missing Save\n  // button would otherwise be a dead end, as for awaitClick).\n  const awaitsRelease = spotted && !!step.target && !!step.awaitGate;\n\n  // A gate nobody publishes is not enforced: Next opens, and a development build says why\n  // (on arrival, or when its publisher unmounts under the step), once per step.\n  const warnedGateRef = useRef<TourStep | null>(null);\n  useEffect(() => {\n    if (!ready || !gateKey || gates.has(gateKey) || !devWarnings() || warnedGateRef.current === step) return;\n    warnedGateRef.current = step;\n    console.warn(\n      `[ui-kit] Tour step \"${step.title}\" waits for the gate \"${gateKey}\", which nothing publishes: its Next is open. ` +\n        \"Publish it with useTourGate beside the field, or the form has closed under the tour.\",\n    );\n  }, [ready, gateKey, gates, step, gateVersion]);\n\n  // `optional` means \"may stay EMPTY\": without a gate there is no value to compare.\n  useEffect(() => {\n    if (!ready || !step.optional || step.gate || !devWarnings()) return;\n    console.warn(\n      `[ui-kit] Tour step \"${step.title}\" is \\`optional\\` without a \\`gate\\`: it shows the Optional chip ` +\n        'and a plain Next. \"Leave empty\" needs a gate to compare.',\n    );\n  }, [ready, step]);\n\n  // \"Ready\" once, when this step's gate turns satisfied (not when it arrives satisfied).\n  const wasLockedRef = useRef<{ step: TourStep; locked: boolean } | null>(null);\n  useEffect(() => {\n    if (!ready || !gateKey) return;\n    const before = wasLockedRef.current;\n    if (before && before.step === step && before.locked && !locked && enforced) announce(labels.gateReady);\n    wasLockedRef.current = { step, locked };\n  }, [ready, gateKey, step, locked, enforced, announce, labels.gateReady]);\n\n  // Arrival on a guided step: the field takes focus on a fine pointer, the card on a\n  // coarse one; the field is described by the card's body while the step lasts.\n  // Declared BEFORE the advance listeners below, so the focus it moves is not mistaken\n  // for the person leaving the field.\n  useEffect(() => {\n    if (!ready || !guided || !step.target) return;\n    const el = queryVisibleTarget(step.target);\n    const control = el ? firstTabStop(el) : null;\n    // Described BEFORE it is focused, so a screen reader reads the step with the field's\n    // name. Focused quietly (0.50.1, keksdose B1): a picker that opens on focus stays\n    // closed, or its list would cover the card; ArrowDown, typing or a click opens it.\n    const previous = control ? control.getAttribute(\"aria-describedby\") : null;\n    if (control) control.setAttribute(\"aria-describedby\", previous ? `${previous} ${bodyId}` : bodyId);\n    if (coarseOnArrival() || !control) cardRef.current?.focus();\n    else if (!el!.contains(document.activeElement)) focusQuietly(control);\n    if (!control) return;\n    return () => {\n      if (previous === null) control.removeAttribute(\"aria-describedby\");\n      else control.setAttribute(\"aria-describedby\", previous);\n    };\n  }, [ready, guided, index, step, bodyId]);\n\n  // Tab on a guided step cycles field + card as one ring (§11.8): from the field's last\n  // stop to the card's first, from the card's last back to the field. Captured on the\n  // document, ahead of a sheet's own trap, which would wrap inside the sheet.\n  useEffect(() => {\n    if (!ready || !guided || !step.target) return;\n    const onTab = (e: KeyboardEvent) => {\n      if (e.key !== \"Tab\") return;\n      const el = queryVisibleTarget(step.target!);\n      const card = cardRef.current;\n      if (!el || !card) return;\n      const active = document.activeElement;\n      const fieldStops = tabStops(el);\n      const cardStops = tabStops(card);\n      if (fieldStops.length === 0 || cardStops.length === 0) return;\n      let to: HTMLElement | null = null;\n      if (active instanceof Node && el.contains(active)) {\n        if (!e.shiftKey && active === fieldStops[fieldStops.length - 1]) to = cardStops[0];\n        else if (e.shiftKey && active === fieldStops[0]) to = cardStops[cardStops.length - 1];\n      } else if (active instanceof Node && card.contains(active)) {\n        if (!e.shiftKey && active === cardStops[cardStops.length - 1]) to = fieldStops[0];\n        else if (e.shiftKey && (active === cardStops[0] || active === card)) to = fieldStops[fieldStops.length - 1];\n      }\n      if (!to) return;\n      e.preventDefault();\n      e.stopPropagation();\n      to.focus();\n    };\n    document.addEventListener(\"keydown\", onTab, true);\n    return () => document.removeEventListener(\"keydown\", onTab, true);\n  }, [ready, guided, index, step]);\n\n  // gate: once satisfied, advance on Enter in the field (unless the control took it, or\n  // a textarea without Ctrl/Cmd) or on focus leaving the field to nowhere or to the card.\n  // Checked on the next macrotask, after the field's own blur/Enter commit has rendered.\n  useEffect(() => {\n    if (!ready || !spotted || !gateKey || !step.target) return;\n    const el = queryVisibleTarget(step.target) as HTMLElement | null;\n    if (!el) return;\n    const satisfied = () => !gates.has(gateKey) || gates.get(gateKey) === true;\n    let timer = 0;\n    // Focus that was in the field when the step settled, or went there since. A focus\n    // move the tour made itself (the card taking it on a phone) is not a leave.\n    let armed = el.contains(document.activeElement);\n    const check = () => {\n      window.clearTimeout(timer);\n      timer = window.setTimeout(() => {\n        if (satisfied()) onNext();\n      }, 0);\n    };\n    const onFocusIn = () => {\n      armed = true;\n    };\n    const onFocusOut = (e: FocusEvent) => {\n      const to = e.relatedTarget;\n      if (to instanceof Node && el.contains(to)) return;\n      const wasArmed = armed;\n      armed = false;\n      if (!wasArmed) return;\n      if (to === null || (to instanceof Node && rootRef.current?.contains(to))) check();\n    };\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== \"Enter\" || !(e.target instanceof Node) || !el.contains(e.target)) return;\n      // Heard at the document, after React's handlers: a combobox picking an option has\n      // called preventDefault by now.\n      if (e.defaultPrevented || isComposing(e)) return;\n      if (e.target instanceof HTMLTextAreaElement && !(e.ctrlKey || e.metaKey)) return;\n      check();\n    };\n    el.addEventListener(\"focusin\", onFocusIn);\n    el.addEventListener(\"focusout\", onFocusOut);\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      window.clearTimeout(timer);\n      el.removeEventListener(\"focusin\", onFocusIn);\n      el.removeEventListener(\"focusout\", onFocusOut);\n      document.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [ready, spotted, gateKey, gates, index, step, onNext]);\n\n  // awaitInput: advance once the target's fields hold another value than when the step\n  // was armed, checked when focus leaves the target or Enter is pressed in it — on the\n  // next macrotask, after the field's own blur/Enter commit has rendered. A value the\n  // number pad typed fires no native `change`, so comparing is what catches it.\n  useEffect(() => {\n    if (!ready || !spotted || !step.awaitInput || !step.target) return;\n    const el = queryVisibleTarget(step.target) as HTMLElement | null;\n    if (!el) return;\n    const read = () => fieldValues(el);\n    const before = read();\n    let timer = 0;\n    let done = false;\n    const check = () => {\n      window.clearTimeout(timer);\n      timer = window.setTimeout(() => {\n        if (done || read() === before) return;\n        done = true;\n        onNext();\n      }, 0);\n    };\n    const onFocusOut = (e: FocusEvent) => {\n      if (e.relatedTarget instanceof Node && el.contains(e.relatedTarget)) return;\n      check();\n    };\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key === \"Enter\") check();\n    };\n    el.addEventListener(\"focusout\", onFocusOut);\n    el.addEventListener(\"keydown\", onKeyDown);\n    el.addEventListener(\"change\", check);\n    return () => {\n      window.clearTimeout(timer);\n      el.removeEventListener(\"focusout\", onFocusOut);\n      el.removeEventListener(\"keydown\", onKeyDown);\n      el.removeEventListener(\"change\", check);\n    };\n  }, [ready, spotted, index, step, onNext]);\n\n  /** A press on the locked Next (or Enter / → from the card): no move; the field takes\n   *  focus and the hint is read again. */\n  const gateHint = step.gateHint ?? labels.gateHint;\n  const lockedNext = useCallback(() => {\n    const el = step.target ? queryVisibleTarget(step.target) : null;\n    const control = el ? firstTabStop(el) : null;\n    // Quietly, as on arrival: the hint is read with the card in view, not under a list.\n    if (control) focusQuietly(control);\n    announce(gateHint);\n  }, [step.target, announce, gateHint]);\n  const tryNext = awaitsRelease ? NOOP : locked ? lockedNext : onNext;\n\n  // After a refused save: the first earlier step shown whose field is now empty (§11.4).\n  // Computed each render, which the gate subscription above triggers: a field filled\n  // again drops the link.\n  const backTo = refusal ? firstEmptied(steps, floor, index, gates) : -1;\n\n  // Keyboard: Esc skips, Enter and the reading-direction arrow advance (→ in LTR,\n  // ← in RTL), the other arrow goes back. On awaitClick steps Enter is ignored (it\n  // would fire the target's click AND advance) — the forward arrow stays as an escape\n  // hatch. On a locked gate step both are the locked Next.\n  //\n  // Enter on a focused control belongs to that control. This used to advance from\n  // anywhere, so Enter on a focused Skip or Back ran the button's own click AND stepped\n  // forward: Back moved nowhere, Skip skipped and then called `next` on a dead tour.\n  // The same goes for arrows in a text field a step's `action` might contain.\n  useEffect(() => {\n    const onKey = (e: KeyboardEvent) => {\n      // On an interactive step a key pressed in the target, or in a layer it opened (the\n      // number pad's Escape, a menu's arrows), is the page's. The card's and the bare\n      // page's (focus on <body>) stay the tour's.\n      if (\n        interactive &&\n        e.target instanceof Node &&\n        e.target !== document.body &&\n        !rootRef.current?.contains(e.target)\n      ) {\n        return;\n      }\n      // Escape is the tour's Escape layer's (above) once the step is shown; while it is\n      // still being located there is no layer yet, and the tour takes it here as in 0.49.\n      if (e.key === \"Escape\") {\n        if (!ready) onSkip();\n        return;\n      }\n      // Nothing on screen to move on from: a step whose `beforeStep` is still running\n      // (a route loading) is not passed over by an Enter or a → pressed on the bare\n      // page (FLW-5). Escape, above, still leaves.\n      if (!ready) return;\n      if (e.key === \"Enter\") {\n        if (step.awaitClick || step.awaitInput || ownsKey(e.target, \"Enter\")) return;\n        e.preventDefault();\n        tryNext();\n        return;\n      }\n      if (ownsKey(e.target, e.key)) return;\n      // The overlay root carries `dir`; before it paints, the document's answers.\n      const delta = horizontalStep(e.key, rootRef.current);\n      if (delta === 1) {\n        e.preventDefault();\n        tryNext();\n      } else if (delta === -1) {\n        if (!isFirst) onPrev();\n      }\n    };\n    document.addEventListener(\"keydown\", onKey);\n    return () => document.removeEventListener(\"keydown\", onKey);\n  }, [isFirst, step, interactive, tryNext, onPrev, onSkip, ready]);\n\n  if (!ready) return null;\n\n  // No scrim, no shields: a field step inside a layer that fills the screen (§11.6.3).\n  const bare = interactive && !!current?.fullScreen;\n  const pad = step.padding ?? 8;\n  const spot: Rect | null = rect\n    ? { top: rect.top - pad, left: rect.left - pad, width: rect.width + pad * 2, height: rect.height + pad * 2 }\n    : null;\n\n  // `aria-modal` promises the page behind is out of reach, and the card's focus trap\n  // keeps that promise for the keyboard. The pointer used to get no such treatment: the\n  // root is `pointer-events-none` so that the spotlight hole can stay live for\n  // `awaitClick`, and the scrim is a box-shadow, which takes no clicks — so every\n  // control on the dimmed page stayed clickable. Four shields now tile the viewport\n  // around the hole: the page is blocked, the card and the spotlighted target are not.\n  // Keeping `aria-modal` (rather than dropping it) is the coherent half: the tour\n  // really is modal — focus is trapped and Esc/Skip is the way out.\n  return createPortal(\n    <div\n      ref={rootRef}\n      // z-50 on a field step, in its own container right after the layer holding the field\n      // (or at the end of <body>): over that layer and the page, under the z-50 layers the\n      // field opens next (§11.6). z-[60] on a plain step, over everything.\n      className={cn(\"pointer-events-none fixed inset-0\", interactive ? \"z-50\" : \"z-[60]\")}\n      role=\"dialog\"\n      aria-modal={interactive ? undefined : \"true\"}\n      // A stable marker for the overlay, on every step (0.48, keksdose dev#611–613): an\n      // app that hides its floating help launcher while a modal is open excepts the\n      // tour, which may spotlight that launcher — `[aria-modal=\"true\"]:not([data-tour-overlay])`.\n      // keksdose matched the `pointer-events-none` class until now, which is the kit's to change.\n      data-tour-overlay=\"\"\n      data-tour-interactive={interactive ? \"\" : undefined}\n      data-tour-bare={bare ? \"\" : undefined}\n      aria-label={step.title}\n      dir={dir}\n    >\n      {/* In a full-screen layer (a phone's form sheet) no scrim and no shields: the rest of\n          the form stays usable and scrollable, and the ring alone marks the field. */}\n      {spot && !bare && <SpotlightShields spot={spot} />}\n      {spot ? (\n        <div\n          className=\"pointer-events-none fixed rounded-lg transition-all duration-200 ease-out\"\n          style={{\n            top: spot.top,\n            left: spot.left,\n            width: spot.width,\n            height: spot.height,\n            // A two-tone frame, not a single translucent ring.\n            //\n            // The old treatment was `ring-2 ring-white/80` over a 55% scrim, and it\n            // \"was barely visible\" on the app's blue-tinted surfaces. Two reasons,\n            // and a single ring can't fix either: at 55% the surround stays bright\n            // enough that the un-dimmed hole barely reads AS a hole, and a 80%-white\n            // ring sitting on the edge of a light card is white-on-near-white.\n            //\n            // So: an opaque white band immediately around the target, a dark keyline\n            // outside it, then the scrim. Whatever the target's own colour is, one of\n            // the two bands is always in contrast with it and the other is always in\n            // contrast with the dimmed surround — there is no background that can\n            // swallow both. The blurred layer between them softens the step so the\n            // frame reads as lighting rather than as a pasted-on rectangle.\n            boxShadow: [\n              \"0 0 0 3px rgba(255,255,255,0.98)\",\n              \"0 0 0 5px rgba(15,23,42,0.92)\",\n              \"0 0 18px 6px rgba(15,23,42,0.45)\",\n              ...(bare ? [] : [\"0 0 0 9999px rgba(15,23,42,0.70)\"]),\n            ].join(\", \"),\n          }}\n        />\n      ) : (\n        <div className=\"pointer-events-auto fixed inset-0 bg-black/70\" />\n      )}\n      <TourCard\n        cardRef={cardRef}\n        step={step}\n        index={index}\n        position={position}\n        total={count}\n        labels={labels}\n        isFirst={isFirst}\n        isLast={isLast}\n        rect={spot}\n        dir={dir}\n        trap={!guided}\n        bodyId={bodyId}\n        hintId={hintId}\n        locked={locked}\n        gateHint={gateHint}\n        onBack={onPrev}\n        onNext={tryNext}\n        onLeaveEmpty={onNext}\n        onSkip={onSkip}\n        awaitsRelease={awaitsRelease}\n        docked={spot !== null && docks(step, dockOnPhones, phone)}\n        refusal={refusal}\n        backTo={backTo >= 0 ? { title: steps[backTo].title, go: () => onGoTo(backTo) } : null}\n      />\n      <div className=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\n        {polite}\n      </div>\n    </div>,\n    (interactive && current?.layer) || document.body,\n  );\n}\n\n/** The values of the fields at or inside `el`, as one string to compare (`awaitInput`). */\nfunction fieldValues(el: Element): string {\n  const fields = el.matches(\"input,textarea,select\") ? [el] : Array.from(el.querySelectorAll(\"input,textarea,select\"));\n  return fields\n    .map((f) =>\n      f instanceof HTMLInputElement && (f.type === \"checkbox\" || f.type === \"radio\")\n        ? String(f.checked)\n        : (f as HTMLInputElement).value,\n    )\n    .join(\"\\u0000\");\n}\n\n/** Does the focused element handle `key` itself? Enter on a button or link, and any\n *  editing key in a text field, a select or editable content, is the control's — not the\n *  tour's. Editable content by the kit's one rule (lib/editable-content, 0.54 follow-up):\n *  `isContentEditable` alone is missing in jsdom and in any engine without it, and there\n *  Enter and → in an editor a step's `action` held stepped the tour on. */\nfunction ownsKey(target: EventTarget | null, key: string): boolean {\n  if (!(target instanceof HTMLElement)) return false;\n  if (isEditableContent(target)) return true;\n  const tag = target.tagName;\n  if (tag === \"TEXTAREA\" || tag === \"SELECT\") return true;\n  if (tag === \"INPUT\") {\n    const type = (target as HTMLInputElement).type;\n    // Enter on a checkbox does nothing natively, but ←/→ on a radio moves it.\n    return key !== \"Enter\" || type !== \"checkbox\";\n  }\n  if (key !== \"Enter\") return false;\n  return (\n    tag === \"BUTTON\" ||\n    (tag === \"A\" && target.hasAttribute(\"href\")) ||\n    target.getAttribute(\"role\") === \"button\" ||\n    target.getAttribute(\"role\") === \"link\"\n  );\n}\n\n/**\n * Transparent pointer blockers tiling the viewport around the spotlight hole: one\n * full-width band above and below, one on each side at the hole's own height. The hole\n * itself stays uncovered, so the target keeps its clicks.\n */\nfunction SpotlightShields({ spot }: { spot: Rect }) {\n  const shield = \"pointer-events-auto fixed\";\n  const bottom = spot.top + spot.height;\n  return (\n    <>\n      <div\n        data-tour-shield=\"\"\n        className={shield}\n        style={{ top: 0, left: 0, right: 0, height: Math.max(0, spot.top) }}\n      />\n      <div data-tour-shield=\"\" className={shield} style={{ top: bottom, left: 0, right: 0, bottom: 0 }} />\n      <div\n        data-tour-shield=\"\"\n        className={shield}\n        style={{ top: spot.top, left: 0, width: Math.max(0, spot.left), height: spot.height }}\n      />\n      <div\n        data-tour-shield=\"\"\n        className={shield}\n        style={{ top: spot.top, left: spot.left + spot.width, right: 0, height: spot.height }}\n      />\n    </>\n  );\n}\n\n/**\n * Card position (viewport px) for the given placement relative to the padded\n * spotlight `rect`. Omitted placement keeps the original auto behavior\n * (below → above → vertically centered); an explicit side flips to its opposite\n * if it would overflow, then clamps into the viewport. \"center\" (or no rect)\n * centers on screen.\n */\nfunction placeCard(\n  rect: Rect | null,\n  cw: number,\n  ch: number,\n  vw: number,\n  vh: number,\n  m: number,\n  placement?: TourPlacement,\n  dir: Direction = \"ltr\",\n): { top: number; left: number } {\n  // The logical sides resolve to a physical one here, and only here.\n  if (placement === \"start\") placement = dir === \"rtl\" ? \"right\" : \"left\";\n  else if (placement === \"end\") placement = dir === \"rtl\" ? \"left\" : \"right\";\n  // Every anchored panel's inline clamp (`anchoredInline`; refactor audit 2026-10-30,\n  // DUP-9): `m` inside the glass, and a card wider than the room keeps its START on it.\n  const clampX = (x: number) =>\n    anchoredInline({ left: x, right: x + cw }, cw, { dir, align: \"left\", edge: m, viewportWidth: vw }).left;\n  if (!rect || placement === \"center\") {\n    return { top: Math.max(m, (vh - ch) / 2), left: clampX((vw - cw) / 2) };\n  }\n  const clampY = (y: number) => Math.min(Math.max(m, y), Math.max(m, vh - ch - m));\n  const centerX = clampX(rect.left + rect.width / 2 - cw / 2);\n  const centerY = clampY(rect.top + rect.height / 2 - ch / 2);\n  const belowTop = rect.top + rect.height + m;\n  const aboveTop = rect.top - ch - m;\n  const rightLeft = rect.left + rect.width + m;\n  const leftLeft = rect.left - cw - m;\n  const fitsBelow = belowTop + ch <= vh;\n  const fitsAbove = aboveTop >= 0;\n  const fitsRight = rightLeft + cw <= vw;\n  const fitsLeft = leftLeft >= 0;\n\n  switch (placement) {\n    case \"top\":\n      return { top: fitsAbove ? aboveTop : fitsBelow ? belowTop : clampY(aboveTop), left: centerX };\n    case \"bottom\":\n      return { top: fitsBelow ? belowTop : fitsAbove ? aboveTop : clampY(belowTop), left: centerX };\n    case \"right\":\n      return { top: centerY, left: fitsRight ? rightLeft : fitsLeft ? leftLeft : clampX(rightLeft) };\n    case \"left\":\n      return { top: centerY, left: fitsLeft ? leftLeft : fitsRight ? rightLeft : clampX(leftLeft) };\n    default:\n      if (fitsBelow) return { top: belowTop, left: centerX };\n      if (fitsAbove) return { top: aboveTop, left: centerX };\n      return { top: Math.max(m, (vh - ch) / 2), left: centerX };\n  }\n}\n\nfunction TourCard({\n  cardRef: ref,\n  step,\n  index,\n  position,\n  total,\n  labels,\n  isFirst,\n  isLast,\n  rect,\n  dir,\n  trap,\n  bodyId,\n  hintId,\n  locked,\n  gateHint,\n  onBack,\n  onNext,\n  onLeaveEmpty,\n  onSkip,\n  awaitsRelease,\n  docked,\n  refusal,\n  backTo,\n}: {\n  cardRef: RefObject<HTMLDivElement | null>;\n  step: TourStep;\n  index: number;\n  /** 1-based among the steps shown (§11.3). */\n  position: number;\n  /** How many steps the run shows. */\n  total: number;\n  labels: TourLabels;\n  isFirst: boolean;\n  isLast: boolean;\n  rect: Rect | null;\n  dir: Direction;\n  /** The card's own focus trap; off on a guided step, where field + card are one ring. */\n  trap: boolean;\n  bodyId: string;\n  hintId: string;\n  /** A gate step whose field is not filled yet (§11.1). */\n  locked: boolean;\n  gateHint: string;\n  onBack: () => void;\n  onNext: () => void;\n  /** Moves on past an `optional` field left empty. */\n  onLeaveEmpty: () => void;\n  onSkip: () => void;\n  /** An awaitGate step with its target lit: the hint in place of Next. */\n  awaitsRelease: boolean;\n  /** Pinned to the band's edge away from the field (§11.7). */\n  docked: boolean;\n  refusal: Refusal | null;\n  /** The \"Back to …\" link after a refused save. */\n  backTo: { title: string; go: () => void } | null;\n}) {\n  const [style, setStyle] = useState<CSSProperties>({ opacity: 0 });\n\n  /**\n   * The card holds the focus, because the card is what the tour IS.\n   *\n   * The overlay above declares `role=\"dialog\" aria-modal=\"true\"` — it always has — and\n   * then left focus wherever the page had put it. For a tour that is the most pointed\n   * version of the audit's *\"Only Modal manages focus\"*: the whole component exists to\n   * say \"look here\", and for a keyboard user \"here\" is the focus ring. They were told\n   * the page was hidden, given no way to reach the Next button without Tabbing through\n   * it, and left on a control the screen reader would no longer describe.\n   *\n   * It re-engages on every step, without any bookkeeping here, because `TourOverlay`\n   * returns null while it re-locates the next target: the card genuinely unmounts and\n   * remounts between steps. That is what keeps focus honest when the BUTTONS change —\n   * \"Back\" does not exist on the first step, so stepping back onto it destroys the\n   * control the press came from, and focus would otherwise fall to `<body>`, outside\n   * this trap's own listener, where Tab walks straight into the page the overlay claims\n   * to have hidden.\n   *\n   * **The cost, written down:** on an `awaitClick` step the user is asked to click the\n   * spotlighted element, and they can no longer Tab to it. ArrowRight still advances\n   * (the key handler in `TourOverlay` is on the document and does not care where focus\n   * is), which is the escape hatch that step already documents for the case where the\n   * target cannot be found. Containment is worth that: an `awaitClick` step is a\n   * minority of steps, while focus stranded behind `aria-modal` is every step.\n   *\n   * A guided field step (`gate`, `awaitInput`, 0.50) is the exception: the field is\n   * what the step is about, so the overlay focuses it (or the card, on a touch screen)\n   * and runs one Tab ring over field + card itself.\n   */\n  useFocusTrap(ref, { active: trap });\n\n  // Docked (§11.7): the edge it last took, for the hysteresis, and a tick bumped when the\n  // band moves under an unmoved field (a pad or keyboard opening).\n  const edgeRef = useRef<DockEdge | null>(null);\n  const [bandTick, setBandTick] = useState(0);\n  const [edge, setEdge] = useState<DockEdge | null>(null);\n  useEffect(() => {\n    if (!docked) return;\n    let last = \"\";\n    const look = () => {\n      const target = step.target ? queryVisibleTarget(step.target) : null;\n      const band = readBand(target, ref.current);\n      const key = `${band.top}:${band.bottom}`;\n      if (key === last) return;\n      last = key;\n      // A field the pad or keyboard now covers is brought back into the free half.\n      if (target) {\n        const r = target.getBoundingClientRect();\n        if (r.top < band.top || r.bottom > band.bottom) {\n          edgeRef.current = scrollIntoFreeHalf(target, ref.current, edgeRef.current);\n        }\n      }\n      setBandTick((t) => t + 1);\n    };\n    const vv = window.visualViewport;\n    vv?.addEventListener(\"resize\", look);\n    vv?.addEventListener(\"scroll\", look);\n    window.addEventListener(\"resize\", look);\n    // The follow tick's cadence: it catches a pad opening, which moves nothing.\n    const id = window.setInterval(look, 250);\n    return () => {\n      vv?.removeEventListener(\"resize\", look);\n      vv?.removeEventListener(\"scroll\", look);\n      window.removeEventListener(\"resize\", look);\n      clearInterval(id);\n    };\n  }, [docked, step.target, ref]);\n\n  useLayoutEffect(() => {\n    const card = ref.current;\n    if (!card) return;\n    if (docked) {\n      const target = step.target ? queryVisibleTarget(step.target) : null;\n      const band = readBand(target, card);\n      const next = rect ? dockEdge(rect, band, edgeRef.current, card.offsetHeight) : \"bottom\";\n      edgeRef.current = next;\n      setEdge(next);\n      setStyle(dockStyle(next, rect, band));\n      return;\n    }\n    setEdge(null);\n    // The glass, not `innerWidth`: on a phone whose page overflows that is the grown\n    // layout viewport, and a centred card sat off-centre by half the overflow (DUP-9).\n    const view = viewportSize();\n    setStyle(placeCard(rect, card.offsetWidth, card.offsetHeight, view.width, view.height, 12, step.placement, dir));\n  }, [ref, rect, index, step.placement, step.target, dir, docked, bandTick]);\n\n  const awaitsTarget = ((step.awaitClick || step.awaitInput) && step.target && rect) || awaitsRelease;\n\n  return (\n    <div\n      ref={ref}\n      // Focusable but not tabbable: the trap above focuses the card itself rather than\n      // its first button, so a screen reader reads the step's title and body before it\n      // reads \"Next\" — and without this the container cannot take focus at all and the\n      // trap silently does nothing.\n      tabIndex={-1}\n      style={style}\n      data-tour-card=\"\"\n      data-tour-docked={edge ?? undefined}\n      className={cn(\n        \"pointer-events-auto fixed z-[61] w-80 max-w-[calc(100vw-1.5rem)] rounded-lg border border-subtle bg-surface p-4 shadow-xl outline-none transition-all duration-200 ease-out\",\n        // Docked, the height is capped: the body scrolls, the title and buttons stay.\n        docked && \"flex flex-col\",\n      )}\n    >\n      <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1 text-sm font-semibold text-primary\">\n        <span>{step.title}</span>\n        {step.optional && (\n          <span className=\"rounded-full border border-subtle px-1.5 py-px text-xs font-normal text-muted\">\n            {labels.optional}\n          </span>\n        )}\n      </div>\n      <div\n        id={bodyId}\n        className={cn(\"mt-1 text-sm leading-relaxed text-secondary\", docked && \"min-h-0 shrink overflow-y-auto\")}\n      >\n        {step.body}\n      </div>\n      {step.action && <div className=\"mt-3\">{step.action}</div>}\n      <div className=\"mt-4 space-y-2\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <button type=\"button\" onClick={onSkip} className=\"text-xs text-placeholder hover:text-secondary\">\n            {labels.skip}\n          </button>\n          <div className=\"flex items-center gap-2\">\n            <span className=\"whitespace-nowrap text-xs tabular-nums text-placeholder\">\n              {labels.step(position, total)}\n            </span>\n            {!isFirst && (\n              <Button variant=\"secondary\" onClick={onBack} className=\"px-2.5 py-1 text-xs\">\n                {labels.back}\n              </Button>\n            )}\n            {/* On an awaitClick step the Next button is replaced by a hint on its\n                own row below, so it doesn't cram the counter + buttons and wrap.\n                Only when the target was actually FOUND, though — `rect` is null\n                when the finder gave up, and the click listener early-returns on\n                the same absence. Keyed on `step.target` alone this hid the only\n                way forward on any step whose anchor happens not to be rendered\n                for this user (a guest sees no \"add account\" button), leaving the\n                undocumented ArrowRight key as the sole escape. */}\n            {/* \"Leave empty\" (§11.2): an optional field may stay empty, so the step can\n                move on without it. Gone once the field is filled. */}\n            {step.optional && locked && !awaitsTarget && (\n              <Button variant=\"secondary\" onClick={onLeaveEmpty} className=\"px-2.5 py-1 text-xs\">\n                {labels.leaveEmpty}\n              </Button>\n            )}\n            {!awaitsTarget && (\n              <Button\n                variant=\"accent\"\n                onClick={onNext}\n                // Locked, not disabled (§11.1): it stays focusable, and a press focuses the\n                // field and reads the hint again.\n                aria-disabled={locked || undefined}\n                aria-describedby={locked ? hintId : undefined}\n                className={cn(\"px-2.5 py-1 text-xs\", locked && \"opacity-60\")}\n              >\n                {isLast ? labels.done : labels.next}\n              </Button>\n            )}\n          </div>\n        </div>\n        {awaitsTarget && (\n          <div className=\"text-center text-xs italic text-placeholder\">\n            {awaitsRelease\n              ? (step.awaitGateHint ?? labels.awaitGateHint)\n              : step.awaitInput && !step.awaitClick\n                ? labels.awaitInputHint\n                : labels.awaitClickHint}\n          </div>\n        )}\n        {/* Always mounted on an awaitGate step, so a refusal is read out (assertively)\n            the moment it lands. */}\n        {awaitsRelease && (\n          <div aria-live=\"assertive\" aria-atomic=\"true\" className=\"space-y-1\">\n            {refusal && (\n              <p data-tour-refused=\"\" className=\"text-xs text-danger\">\n                {refusal.reason ?? labels.awaitGateRefused}\n                {refusal.seq % 2 === 0 ? \"\\u200b\" : \"\"}\n              </p>\n            )}\n            {refusal && backTo && (\n              <Button variant=\"link\" onClick={backTo.go} className=\"text-xs\">\n                {labels.backToStep(backTo.title)}\n              </Button>\n            )}\n          </div>\n        )}\n        {locked && !awaitsTarget && (\n          <div id={hintId} className=\"text-center text-xs italic text-placeholder\">\n            {gateHint}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["layer"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eifi1/ui-kit",
-  "version": "0.54.0",
+  "version": "0.55.0",
   "type": "module",
   "description": "App-agnostic shared design system: domain-free React components, theme and tokens.",
   "_sideEffects": "The barrel (src/index.ts) re-exports EVERY component, including components/chart, which statically imports recharts. Without this field a bundler must assume each of those modules has side effects, so it cannot drop the unused ones: importing a Button from '@eifi1/ui-kit' dragged all 433KB of recharts into the consumer's ENTRY chunk, and Keksdose was preloading it on every page load, login included. Nothing in src/ imports for side effects (no bare imports, no CSS imports from JS, no module-level global writes) — the token stylesheet is its own './tokens.css' export — so this is safe. CSS is still listed so any future stylesheet survives. Re-checked when `flag-icons` left `dependencies` and tsup started emitting a `\"use client\"` banner: neither touches this. The flag stylesheet was never imported from JS in the first place (that was the finding), and a directive prologue is a string literal every bundler lifts out before it decides whether a module is inert.",
@@ -93,9 +93,6 @@
   },
   "files": [
     "dist",
-    "src",
-    "!src/**/__tests__",
-    "!src/test",
     "tokens.css",
     "LICENSE"
   ],
@@ -200,7 +197,7 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.1.1",
     "@vitest/coverage-v8": "^5.0.2",
-    "axe-core": "4.13.0",
+    "axe-core": "4.14.0",
     "commit-and-tag-version": "^13.2.1",
     "dexie": "^4.4.6",
     "esbuild": "^0.28.2",
@@ -217,7 +214,7 @@
     "jsdom": "^30.0.1",
     "lucide-react": "^1.47.0",
     "modern-screenshot": "^4.7.0",
-    "playwright-core": "~1.63.0",
+    "playwright-core": "~1.64.1",
     "prettier": "3.9.10",
     "react-hook-form": "^7.88.0",
     "react-router": "^8.3.0",
@@ -225,7 +222,7 @@
     "rollup": "^4.63.5",
     "sonner": "^2.0.7",
     "tailwindcss": "^4.3.3",
-    "tsup": "^8.5.0",
+    "tsup": "^9.0.0",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.70.1",
     "vite": "^8.3.4",
@@ -253,9 +250,8 @@
   "engines": {
     "node": ">=20.18"
   },
-  "_overrides": "esbuild is forced to ^0.28.2 for GHSA-g7r4-m6w7-qqqr (dev-server file read on Windows, fixed in 0.28.1). vite already allows ^0.28; tsup 8.5.1 still pins ^0.27, and `npm run check` (build + package verification) proves it works on 0.28. The override is `$esbuild`, the devDependency's own range: npm refuses an override of a direct dependency that names a different spec. Drop it once tsup allows 0.28 itself; the devDependency stays. esbuild and rollup are devDependencies because scripts import them (flatten-en and check-module-graph; refactor audit 2026-10-30, TST-9): they came only through tsup and vite, so a move off tsup would have broken check:graph. eslint-plugin-jsx-a11y 6.10.2 (its latest) declares eslint peers up to ^9; it runs unchanged on eslint 10 — every a11y rule still fires, same counts — so its eslint peer is pointed at ours. Drop that entry once jsx-a11y declares ^10.",
+  "_overrides": "esbuild is a devDependency because scripts import it (flatten-en and check-module-graph; refactor audit 2026-10-30, TST-9), and so is rollup; tsup 9 depends on esbuild ^0.28.2 itself, so the 0.55 bump dropped the override that forced 0.28 for GHSA-g7r4-m6w7-qqqr past tsup 8.5's ^0.27. eslint-plugin-jsx-a11y 6.10.2 (its latest) declares eslint peers up to ^9; it runs unchanged on eslint 10 — every a11y rule still fires, same counts — so its eslint peer is pointed at ours. Drop that entry once jsx-a11y declares ^10.",
   "overrides": {
-    "esbuild": "$esbuild",
     "eslint-plugin-jsx-a11y": {
       "eslint": "$eslint"
     }

package/tokens.css

@@ -47,8 +47,8 @@
  * border, and in light the well and the money — are stepped in JS (`applyTokenSet`,
  * `contrastStep`), because they are written inline on <html> and no rule here could beat
  * them. What lives here is only what is NOT inline: the focus frame's width below, and
- * in light the status, hue and field-sync literals and `--bg-active`, which step to read
- * on the darker well (0.36, the `:root[data-contrast="more"]:not(.dark)` block after the
+ * in light the status and hue literals and `--bg-active`, which step to read on the
+ * darker well (0.36, the `:root[data-contrast="more"]:not(.dark)` block after the
  * categorical hues; docs/colour-roles-harmonization.md §13).
  *
  * These names are frozen: apps read them, and so does an app's boot splash. */
@@ -382,32 +382,6 @@ html[data-text-size="xlarge"] {
   --money-net: #7a4fa3; /* muted violet, warmed to this palette */
   --money-neutral: #6b6453; /* warm slate */
 
-  /* ── Field sync status ─────────────────────────────────────────────────────
-     The four states a database-backed field can be in. Deliberately NOT part of
-     `TokenSet` and NOT per-preset: these are functional signals, like a traffic
-     light, and a field that means "saved" must not change meaning because somebody
-     picked a different appearance preset. They do flip light/dark, because contrast
-     is not optional.
-
-     They mark a field's FRAME and an ICON at its end — non-text graphics, for which
-     WCAG 1.4.11 asks 3:1 against the surface — and all four clear it on the worst of
-     the three light surfaces, in every shipped preset (theme/__tests__/
-     tokens-css-audit.test.ts measures it; until 0.33 this note only claimed it, and
-     amber-600 sat at 2.45:1). `--status-edited` is amber rather than the orange-800 it
-     was: beside red-700 that orange read as a second error colour, and "unsaved" has
-     to look like a caution, not an alarm. Light, it is amber-600's hue and chroma at a
-     SOLVED lightness (3.1:1 on the worst surface). Below 4.5:1, so it is not a TEXT
-     colour: a state's words go in `--text-secondary` beside it.
-
-     GREEN AND RED ARE THE CLASSIC CVD-UNSAFE PAIR, and the rest of this file goes out
-     of its way to avoid it — the money trio is teal/amber/violet for exactly this
-     reason. They are used here because the states were specified in these colours, so
-     every state needs its own ICON as well and colour is never the only signal (as
-     FieldSyncIndicator, which drew them until 0.53, gave it). Do not drop the icons.  */
-  --status-synced: #166534; /* green-800  — persisted */
-  --status-pending: #1d4ed8; /* blue-700   — in flight */
-  --status-edited: #bf6800; /* solved     — dirty, not yet saved */
-  --status-error: #b91c1c; /* red-700    — the save failed */
   /* Chart ramp: anyplot's eight "Imprint" hues (0.49, https://anyplot.ai/palette), the
      SAME in both themes — a hue under 3:1 on the ground gets a 1px ink edge
      (`chartEdge`) rather than a different colour. `--chart-9` repeats slot 1, where
@@ -452,12 +426,6 @@ html[data-text-size="xlarge"] {
   --money-net: #b39aef;
   --money-neutral: #9aa1bd; /* the palette's own cool grey, not zinc-400 */
 
-  /* Field sync status — see the note in `:root`. Against the worst of the three dark
-     surfaces these run 8.7 / 9.1 / 6.7 / 8.0:1. */
-  --status-synced: #4ade80; /* green-400 */
-  --status-pending: #7dd3fc; /* sky-300 */
-  --status-edited: #fbbf24; /* amber-400 */
-  --status-error: #fca5a5; /* red-300 */
   --chart-1: #009e73;
   --chart-2: #c475fd;
   --chart-3: #4467a3;
@@ -578,10 +546,10 @@ html[data-text-size="xlarge"] {
    either. Not derived, because a warning is a specific colour, not a tint of the
    page.
 
-   Distinct from the `--status-*` family above: those describe a FIELD's journey
-   to the database, these describe an ACTION's consequence. A row can be
-   `--status-error` (its last save failed) inside a form whose delete button is
-   `--danger` (it will destroy something), and they should not look identical.
+   These describe an ACTION's consequence, not a FIELD's journey to the database. A
+   row whose last save failed can sit inside a form whose delete button is `--danger`
+   (it will destroy something), and they should not look identical. (The `--status-*`
+   four that drew that journey went in 0.55, unread since FieldSync left in 0.53.)
 
    Each tone is a family: the colour (text on any surface, and a fill), `-contrast`
    (text ON the fill), `-border` (a soft frame), `-bg` (a wash, text in the tone's
@@ -630,10 +598,9 @@ html[data-text-size="xlarge"] {
   --info-border: #7dd3fc; /* sky-300 */
   --info-bg: #e0f2fe; /* sky-100 */
 
-  /* Done, resolved, accepted. Distinct from `--status-synced` for the same reason
-     `--danger` is distinct from `--status-error`: that family describes a FIELD's
-     journey to the database, this one an ACTION's outcome. Emerald rather than the
-     money teal, so a "resolved" chip cannot be misread as an inflow. */
+  /* Done, resolved, accepted: an ACTION's outcome, not a field's "saved", for the same
+     reason `--danger` is not a field's failed save (the note above). Emerald rather
+     than the money teal, so a "resolved" chip cannot be misread as an inflow. */
   --success: #007152; /* emerald-700's hue, solved (was #047857, 4.22:1) */
   /* Text on a `--success` fill (0.26: a swipe's approve panel) — white here, the
      darkest emerald in dark mode, where the fill is a pastel and white text failed. */
@@ -816,14 +783,13 @@ html[data-text-size="xlarge"] {
 /* ── More contrast in light: the literals on the darker well (0.36) ───────────────
    docs/colour-roles-harmonization.md §13. Under More contrast a light set's well is 10 %
    ink into the card (`WELL_INK_MORE`, stepped in JS with the money, since both are
-   inline). On it the light literals above fell to 4.07–4.28:1 as text and
-   `--status-edited` to 2.77:1 as a mark, so they step here, each at its light value's
-   OKLCH hue and chroma at the lightness that clears its ratio on the stepped well of every
-   shipped preset — as §5.5 solved them against the page. On the page and the card they
-   then read 5.08:1 and up. The ones not listed hold on the stepped well as they are
-   (blue 4.60, indigo 5.42, purple 4.79; synced 4.89, pending 4.60, error 4.44 and the
-   danger line 3.22, marks and lines needing 3); `--warning-border-strong` is
-   `var(--warning)` in light and follows.
+   inline). On it the light literals above fell to 4.07–4.28:1 as text, so they step
+   here, each at its light value's OKLCH hue and chroma at the lightness that clears
+   4.5:1 on the stepped well of every shipped preset — as §5.5 solved them against the
+   page. On the page and the card they then read 5.08:1 and up. The ones not listed hold
+   on the stepped well as they are (blue 4.60, indigo 5.42, purple 4.79; the danger line
+   3.22, a line needing 3); `--warning-border-strong` is `var(--warning)` in light and
+   follows.
 
    `--bg-active` (a digit key's hover, Button primary's, keksdose's assistant bubbles on
    the well) sat 1.04:1 from a 10 % well at 12 %; at 16 % it is 1.12–1.15:1 from it.
@@ -838,7 +804,6 @@ html[data-text-size="xlarge"] {
   --info: #006197; /* solved: 4.56:1 (was 4.07) */
   --hue-teal: #006862; /* solved: 4.56:1 (was 4.15) */
   --hue-orange: #a93400; /* solved: 4.53:1 (was 4.11) */
-  --status-edited: #b66200; /* solved, a mark: 3.04:1 (was 2.77) */
   --bg-active: color-mix(in oklab, var(--text-primary) 16%, var(--bg-surface));
 }
 
@@ -870,9 +835,9 @@ html[data-text-size="xlarge"] {
  * once they had names here — refactor audit 2026-10, DOC-7): `scripts/check-token-discipline.mjs`
  * counts a `[var(--role)]` class, and a `ring-[length:var(--…)]` width, for any token that
  * has a utility here and allows none (`ROLE_BUDGET` 0). What stays `[var()]` has no
- * utility on purpose: the chart colours (lookup tables of `--chart-N`), `--status-*`
- * (the field-sync four), and the cross-property one-offs (`bg-[var(--border)]` as a
- * divider, `ring-[var(--text-primary)]`) — a utility there would undo the property
+ * utility on purpose: the chart colours (lookup tables of `--chart-N`) and the
+ * cross-property one-offs (`bg-[var(--border)]` as a divider,
+ * `ring-[var(--text-primary)]`) — a utility there would undo the property
  * scoping above. `check:tailwind` asserts one per namespace survives a build, and the
  * README's "Styling" table is generated from this block (`scripts/gen-styling-inventory.mjs`).
  *

package/src/account/account-parts.ts

@@ -1,47 +0,0 @@
-/**
- * What the account's own settings parts share (docs/user-admin-harmonization.md §6):
- * the companies a refusal names and the card's type (the mounted guard re-exported).
- *
- * @internal Not part of the barrel; the parts are.
- */
-
-type Bag = Record<string, unknown>;
-
-const isBag = (value: unknown): value is Bag => typeof value === "object" && value !== null;
-
-/** `companies` on a parsed body, or under FastAPI's nested `detail`: a list of names. */
-function companiesOfBody(body: unknown): string[] | undefined {
-  if (!isBag(body)) return undefined;
-  const pick = (value: unknown) =>
-    Array.isArray(value) && value.length > 0 && value.every((item) => typeof item === "string")
-      ? (value as string[])
-      : undefined;
-  return pick(body.companies) ?? (isBag(body.detail) ? pick(body.detail.companies) : undefined);
-}
-
-/**
- * The companies a `last_admin` refusal names — kastlan checks the last admin per company
- * and answers `409 {detail, code: "last_admin", companies: ["Example AG"]}` (§6.4,
- * server-kit's `AccountError(…, extra={"companies": …})`). Read where `authErrorCode`
- * reads the code: axios' `response.data`, ofetch's `data`, a generated client's `body`,
- * a body thrown as it came. `undefined` when there is no such list.
- */
-export function refusalCompanies(err: unknown): string[] | undefined {
-  if (!isBag(err)) return undefined;
-  const response = err.response;
-  return (
-    (isBag(response) ? companiesOfBody(response.data) : undefined) ??
-    companiesOfBody(err.data) ??
-    companiesOfBody(err.body) ??
-    companiesOfBody(err)
-  );
-}
-
-/** The mounted guard and the callback-to-promise bridge, in `hooks/use-mounted.ts` since
- *  0.52: seven notifications modules imported them from here (refactor audit
- *  2026-10-30, MOD-6). Re-exported for the account parts that still do. */
-export { settle, useMounted } from "../hooks/use-mounted";
-
-/** The settings cards' type scale, PasskeysSetting's: a small title and a muted line.
- *  Defined with the card look in settings/ since 0.34 (MOD-8, refactor audit 2026-10). */
-export { CARD_DESCRIPTION_CLASS, CARD_TITLE_CLASS } from "../settings/settings-card-classes";