@titan-design/react-ui 0.12.0 → 0.13.0

package/dist/index.d.ts

@@ -1,11 +1,13 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default, { ReactNode } from 'react';
-import { ViewProps, PressableProps, View, TextInputProps, TextInput, ImageSourcePropType, ModalProps as ModalProps$1, TextProps } from 'react-native';
-import { ThemeMode, ElevationLevel, GlowIntensity } from './theme/index.js';
-export { CATEGORICAL_CVD_SAFE_MAX, CategoricalVariant, ComponentType, CssPropertyEntry, CssPropertyManifest, ElevationConfig, FLOATING_ELEVATION_MIN, GradientStyle, ManifestValidationResult, PRESSED_ELEVATION_LEVEL, SURFACE_PLANE_STEPS, ShadowIntensity, ThemeConfig, ThemePreset, ThemePresetColors, ThemePresetFonts, ThemePresetRadii, ThemePresetShadows, ThemeProviderMode, ThemeProviderProps, VariantAxes, VariantOverride, applyThemePreset, audiobookPreset, barPaper, bestTextColor, buttonSizes, categoricalPalette, componentElevationRanges, darkThemeCSSVars, darken, defaultPreset, discreteRainbow, divergingScale, elevationSystem, getBaseSurfaceColor, getCategoricalColor, getDiscreteRainbowColor, getElevationConfig, getElevationShadow, getElevationSurface, getGlowShadow, getHoverColors, getPressedRecessShadow, getSemanticColors, getThemeCSSVars, getValidatedElevation, gluestackConfig, grainForTone, grainOpacityForTone, greyRamp, hexToRgb, hsvToRgb, insetWell, isCssPropertyManifest, isDark, lightThemeCSSVars, lighten, linearGradient, paperSheet, primitiveBorderRadius, primitiveBreakpoints, primitiveColors, primitiveRamps, primitiveSpacing, primitiveTypography, primitiveZIndex, resolveColor, rgbToHex, rgbToHsv, semanticColorsDark, semanticColorsLight, semanticTypography, sequentialEffort, surfaceGradient, validateCssPropertyManifest } from './theme/index.js';
-import { S as SetStripSet, E as ExerciseIndicatorKind, a as SetRowProps } from './pages-B1hqnGIC.js';
-export { A as ActiveExerciseStatus, b as ActiveWorkoutExercise, c as ActiveWorkoutInput, d as ActiveWorkoutPageProps, e as ActiveWorkoutRest, f as ActiveWorkoutSuperset, C as CapacityBandChart, g as CapacityBandChartProps, h as CapacityBandDataPoint, i as CapacityBandProjection, D as DualVelocityStream, j as DualVelocityStrip, k as DualVelocityStripProps, l as ExerciseCard, m as ExerciseCardProps, n as ExerciseDetailEntry, o as ExerciseDetailHeader, p as ExerciseDetailPageProps, q as ExerciseDetailStats, r as ExerciseDetailTab, s as ExerciseIndicator, t as ExerciseIndicatorProps, u as ExerciseTrend, v as ExerciseVbt, w as ExerciseVbtSet, I as INDICATOR_PRECEDENCE, M as Meso, x as MesoCard, y as MesoCardProps, z as MesoProgressBar, B as MesoProgressBarProps, F as MesoStatus, G as MesoVolumeHeatmapEntry, P as PlanMeso, H as PlanWeek, J as PlanWorkout, K as ProgramBreadcrumb, L as ProgramNavLevel, N as ProgramPlanningPageProps, O as ProgramSelection, Q as SET_STRIP_VARIABLE_COLOR, R as SET_STRIP_ZONES, T as SetBar, U as SetBarProps, V as SetRow, W as SetRowState, X as SetRowUnit, Y as StrengthTrendChart, Z as StrengthTrendChartMesoBoundary, _ as StrengthTrendChartProps, $ as StrengthTrendDataPoint, a0 as VbtSummary, a1 as VelocitySet, a2 as VelocityStrip, a3 as VelocityStripProps, a4 as VelocityZoneBandProp, a5 as WeekRow, a6 as WeekRowProps, a7 as WeekRowWorkout, a8 as WorkoutCard, a9 as WorkoutCardProps, aa as WorkoutDot, ab as WorkoutDotStatus, ac as WorkoutGroup, ad as WorkoutMuscleGroup, ae as WorkoutMuscleVolumeStatus, af as WorkoutPill, ag as WorkoutPillProps, ah as WorkoutPillStatus, ai as WorkoutProgress, aj as WorkoutStatus, ak as calculateMeanVelocity, al as calculateVelocityLoss, am as getVelocityZoneColor, an as getVelocityZoneName, ao as resolveIndicator, ap as velocityZoneColor } from './pages-B1hqnGIC.js';
+import { ViewProps, PressableProps, View, TextInputProps, TextInput, ImageSourcePropType, ModalProps as ModalProps$1, TextProps, ViewStyle, LayoutChangeEvent } from 'react-native';
+import { SurfaceLevel, ElevationLevel, LiftOptions, GlowIntensity } from './theme/index.js';
+export { CssPropertyEntry, CssPropertyManifest, ELEVATION_PLANE, FLOATING_ELEVATION_MIN, FLOATING_LIFT_MIN, GradientStyle, LIFT_RIM_ALPHA, LiftStep, ManifestValidationResult, PLANE_ORDER, PRESSED_ELEVATION_LEVEL, SURFACE_LEVEL_TOKEN, ShadowIntensity, ThemeConfig, ThemePreset, ThemePresetColors, ThemePresetFonts, ThemePresetRadii, ThemePresetShadows, ThemeProviderMode, ThemeProviderProps, VariantAxes, VariantOverride, applyThemePreset, audiobookPreset, barPaper, darkThemeCSSVars, darken, debossLabel, defaultPreset, elevationPlane, getElevationShadow, getElevationSurface, getGlowShadow, getHoverColors, getPressedRecessShadow, getThemeCSSVars, gluestackConfig, grainForTone, grainOpacityForTone, hexToRgb, hsvToRgb, insetWell, isCssPropertyManifest, isDark, liftShadow, liftStyle, lightThemeCSSVars, lighten, linearGradient, paperSheet, postIt, pressedLevel, raisedLevel, resolveColor, rgbToHex, rgbToHsv, surfaceBackground, surfaceGradient, validateCssPropertyManifest } from './theme/index.js';
+import { ThemeMode } from './theme/tokens.js';
+export { CATEGORICAL_CVD_SAFE_MAX, CategoricalVariant, SURFACE_PLANE_STEPS, alertRedVivid, bestTextColor, buttonSizes, categoricalPalette, discreteRainbow, divergingScale, getCategoricalColor, getDiscreteRainbowColor, getSemanticColors, greyRamp, primitiveBorderRadius, primitiveBreakpoints, primitiveColors, primitiveRamps, primitiveSpacing, primitiveTypography, primitiveZIndex, semanticColorsDark, semanticColorsLight, semanticTypography, sequentialEffort } from './theme/tokens.js';
+import { S as SetStripSet, E as ExerciseIndicatorKind, a as SetRowProps } from './pages-_3Ajpiqu.js';
+export { A as ActiveExerciseStatus, b as ActiveWorkoutExercise, c as ActiveWorkoutInput, d as ActiveWorkoutPageProps, e as ActiveWorkoutRest, f as ActiveWorkoutSuperset, C as CapacityBandChart, g as CapacityBandChartProps, h as CapacityBandDataPoint, i as CapacityBandProjection, D as DualVelocityStream, j as DualVelocityStrip, k as DualVelocityStripProps, l as ExerciseCard, m as ExerciseCardProps, n as ExerciseDetailEntry, o as ExerciseDetailHeader, p as ExerciseDetailPageProps, q as ExerciseDetailStats, r as ExerciseDetailTab, s as ExerciseIndicator, t as ExerciseIndicatorProps, u as ExerciseTrend, v as ExerciseVbt, w as ExerciseVbtSet, I as INDICATOR_PRECEDENCE, M as Meso, x as MesoCard, y as MesoCardProps, z as MesoProgressBar, B as MesoProgressBarProps, F as MesoStatus, G as MesoVolumeHeatmapEntry, P as PlanMeso, H as PlanWeek, J as PlanWorkout, K as ProgramBreadcrumb, L as ProgramNavLevel, N as ProgramPlanningPageProps, O as ProgramSelection, Q as SET_STRIP_VARIABLE_COLOR, R as SET_STRIP_ZONES, T as SetBar, U as SetBarProps, V as SetRow, W as SetRowState, X as SetRowUnit, Y as StrengthTrendChart, Z as StrengthTrendChartMesoBoundary, _ as StrengthTrendChartProps, $ as StrengthTrendDataPoint, a0 as VbtSummary, a1 as VelocitySet, a2 as VelocityStrip, a3 as VelocityStripProps, a4 as VelocityZoneBandProp, a5 as WeekRow, a6 as WeekRowProps, a7 as WeekRowWorkout, a8 as WorkoutCard, a9 as WorkoutCardProps, aa as WorkoutDot, ab as WorkoutDotStatus, ac as WorkoutGroup, ad as WorkoutMuscleGroup, ae as WorkoutMuscleVolumeStatus, af as WorkoutPill, ag as WorkoutPillProps, ah as WorkoutPillStatus, ai as WorkoutProgress, aj as WorkoutStatus, ak as calculateMeanVelocity, al as calculateVelocityLoss, am as getVelocityZoneColor, an as getVelocityZoneName, ao as resolveIndicator, ap as velocityZoneColor } from './pages-_3Ajpiqu.js';
 export { M as MesoStatusBadge, a as MesoStatusBadgeVariant, b as MesoStatusCard, c as MesoStatusCardProps, d as MesoStatusCoaching, e as MesoStatusGauge, f as MesoStatusMetric, g as MesoStatusNextTarget } from './MesoStatusCard-CQk71hSi.js';
 import { VolumeLandmarks } from './bodymap.js';
 export { BodyMapData, BodyMapDetailPanelProps, BodyMapProps, ContributingExercise, MovementCategory, MuscleGroup, SimpleMuscleGroup, TrainingStatusMuscle, TrainingStatusPageProps, TrainingStatusSummary, UpcomingExercise } from './bodymap.js';
@@ -66,6 +68,14 @@ declare function CircleSlashIcon(props: IconProps): react_jsx_runtime.JSX.Elemen
 declare function AwardIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 /** Info-circle glyph (mirrors lucide-react `Info`). ExerciseIndicator → `info`. */
 declare function InfoIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+/** Headphones glyph (mirrors lucide-react `Headphones`). Audiobook brand mark. */
+declare function HeadphonesIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+/** Kanban board glyph (mirrors lucide-react `SquareKanban`). Active-work brand mark. */
+declare function KanbanIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+/** Robot glyph (mirrors lucide-react `Bot`). Agent-dashboard brand mark. */
+declare function BotIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+/** Brain glyph (mirrors lucide-react `Brain`). Brain-app brand mark. */
+declare function BrainIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
 
 type AlertStatus = 'success' | 'info' | 'warning' | 'error';
 type AlertVariant = 'subtle' | 'outline' | 'solid';
@@ -282,11 +292,19 @@ interface PasswordInputProps extends Omit<InputProps, 'secureTextEntry' | 'right
 declare const PasswordInput: React__default.ForwardRefExoticComponent<PasswordInputProps & React__default.RefAttributes<TextInput>>;
 
 type CardVariant = 'elevated' | 'outline' | 'filled' | 'accent' | 'subtle';
+/** Planes to lift above the enclosing Surface. */
 type CardElevation = 1 | 2 | 3;
 interface CardProps extends ViewProps {
-    /** Visual variant */
+    /**
+     * How the card separates from its host:
+     *  - `elevated` (default): lifts `elevation` planes and wears the lift (rim + shadow).
+     *  - `accent`: as `elevated`, plus a left stripe.
+     *  - `filled`: lifts `elevation` planes, tone only — for tiles nested in a lifted card.
+     *  - `outline`: stays on the host plane with a hairline-strong edge — status borders.
+     *  - `subtle`: stays on the host plane with a hairline-subtle edge.
+     */
     variant?: CardVariant;
-    /** Elevation level (1=subtle, 2=standard, 3=prominent) */
+    /** Planes to lift above the enclosing Surface (default 2: page → the card plane). */
     elevation?: CardElevation;
     /** Whether the card is interactive (hoverable/pressable) */
     isInteractive?: boolean;
@@ -296,7 +314,10 @@ interface CardProps extends ViewProps {
     onPress?: () => void;
     /** Custom border color (hex, rgb, or CSS color). Useful for status cards. */
     borderColor?: string;
-    /** Custom background color (hex, rgb, or CSS color). Useful for colored cards. */
+    /**
+     * Custom background color. The one way to override the plane: a `bg-*`
+     * className is discarded because the plane is written into `style`.
+     */
     bgColor?: string;
     /** Accent stripe color for accent variant (CSS color or hex) */
     accentColor?: string;
@@ -313,7 +334,14 @@ interface CardProps extends ViewProps {
     skeletonContentLines?: number;
 }
 /**
- * Card component for containing related content.
+ * Card component for containing related content. Sits `elevation` planes above
+ * the enclosing Surface and publishes its own plane, so a card nested in a card
+ * steps up again (and clamps at the top of the ramp).
+ *
+ * Lift sparingly: a card lifts off the page, but a small card lifted off a
+ * small card reads as clutter. Inside a card, organise with `CardInset`, a
+ * `filled` tile, or a divider, and keep a second lift for something that
+ * genuinely floats over the first.
  *
  * @example
  * <Card>
@@ -324,14 +352,6 @@ interface CardProps extends ViewProps {
  *   <CardContent>
  *     <Text>Card content goes here</Text>
  *   </CardContent>
- *   <CardFooter>
- *     <Button>Action</Button>
- *   </CardFooter>
- * </Card>
- *
- * // Interactive card
- * <Card isInteractive onPress={() => console.log('pressed')}>
- *   <CardContent>Click me</CardContent>
  * </Card>
  */
 declare function Card({ variant, elevation, isInteractive, isLoading, onPress, borderColor, bgColor, accentColor, accentWidth, className, children, style, skeletonHasHeader, skeletonHasFooter, skeletonContentLines, ...props }: CardProps): react_jsx_runtime.JSX.Element;
@@ -431,7 +451,7 @@ interface BadgeProps extends ViewProps {
     children?: React__default.ReactNode;
 }
 /**
- * Badge component for status indicators and labels.
+ * Badge — a `Pill` preset for status indicators and labels.
  *
  * @example
  * <Badge color="success">Active</Badge>
@@ -528,7 +548,7 @@ interface AvatarGroupProps {
 /**
  * Group of avatars with stacking effect.
  */
-declare function AvatarGroup({ children, max, size, className, }: AvatarGroupProps): react_jsx_runtime.JSX.Element;
+declare function AvatarGroup({ children, max, size, className }: AvatarGroupProps): react_jsx_runtime.JSX.Element;
 
 type DividerOrientation = 'horizontal' | 'vertical';
 interface DividerProps extends ViewProps {
@@ -769,7 +789,7 @@ interface SkeletonCircleProps {
 /**
  * Circle skeleton for avatars.
  */
-declare function SkeletonCircle({ size, animation, className, }: SkeletonCircleProps): react_jsx_runtime.JSX.Element;
+declare function SkeletonCircle({ size, animation, className }: SkeletonCircleProps): react_jsx_runtime.JSX.Element;
 interface SkeletonCardProps {
     /** Show image area */
     hasImage?: boolean;
@@ -856,7 +876,7 @@ interface TabProps {
 /**
  * Individual tab button.
  */
-declare function Tab({ index, isDisabled, className, children, }: TabProps): react_jsx_runtime.JSX.Element;
+declare function Tab({ index, isDisabled, className, children }: TabProps): react_jsx_runtime.JSX.Element;
 interface TabPanelsProps {
     children?: React__default.ReactNode;
     className?: string;
@@ -897,7 +917,7 @@ interface ChipProps extends ViewProps {
     children?: React__default.ReactNode;
 }
 /**
- * Chip component for tags, labels, and filters.
+ * Chip — a `Pill` preset for tags, labels, and filters.
  *
  * @example
  * <Chip>Default</Chip>
@@ -958,7 +978,22 @@ interface TooltipProps extends ViewProps {
     className?: string;
     /** Render tooltip via portal to escape overflow:hidden ancestors (web only) */
     usePortal?: boolean;
+    /**
+     * Controlled visibility. In this mode the tooltip renders no Pressable of its
+     * own, so it can sit inside a pressable row without taking its press; the
+     * caller owns hover (see {@link useHoverState}). Needed because RNW ends a
+     * wrapper's hover the moment a nested Pressable claims the pointer.
+     */
+    isOpen?: boolean;
 }
+/** Hover state from pointer enter/leave on any View, for driving a controlled Tooltip. */
+declare function useHoverState(): {
+    hovered: boolean;
+    hoverProps: {
+        onPointerEnter: () => void;
+        onPointerLeave: () => void;
+    };
+};
 /**
  * Tooltip component for showing additional information on hover/press.
  *
@@ -975,7 +1010,7 @@ interface TooltipProps extends ViewProps {
  *   <Button><ButtonText>Hover me</ButtonText></Button>
  * </Tooltip>
  */
-declare function Tooltip({ label, content, children, placement, openDelay, closeDelay, hasArrow, isDisabled, className, usePortal: usePortalProp, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
+declare function Tooltip({ label, content, children, placement, openDelay, closeDelay, hasArrow, isDisabled, className, usePortal: usePortalProp, isOpen, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
 
 interface CollapseProps extends ViewProps {
     /** Whether the collapse is initially open */
@@ -1004,12 +1039,14 @@ interface CollapseProps extends ViewProps {
 declare function Collapse({ defaultIsOpen, isOpen: controlledIsOpen, onToggle, className, children, ...props }: CollapseProps): react_jsx_runtime.JSX.Element;
 interface CollapseButtonProps {
     children?: React__default.ReactNode;
+    /** Accessible name when the button carries no text of its own (a bare chevron). */
+    accessibilityLabel?: string;
     className?: string;
 }
 /**
  * Button to toggle collapse state.
  */
-declare function CollapseButton({ children, className }: CollapseButtonProps): react_jsx_runtime.JSX.Element;
+declare function CollapseButton({ children, accessibilityLabel, className }: CollapseButtonProps): react_jsx_runtime.JSX.Element;
 interface CollapseContentProps {
     children?: React__default.ReactNode;
     className?: string;
@@ -1334,11 +1371,11 @@ interface ToolbarButtonProps extends ViewProps {
  * ToolbarButton component for toolbar actions with toggle state support.
  *
  * Features:
- * - Neumorphic styling with inset shadows for pressed/raised 3D effect
+ * - Depth from the fill plus the lift (raised) or the inset recess (active)
  * - Active (pressed) state is the default visual appearance
  * - Set isActive={false} explicitly for the raised/inactive appearance
  * - Orange accent color on icon when isActive={true}
- * - Hover states that lighten background and remove shadows
+ * - Hover states that lighten the background
  *
  * @example
  * // Toggle button - orange icon when active
@@ -1821,6 +1858,9 @@ interface HelpTipProps extends ViewProps {
  *   <Text>Email Address</Text>
  *   <HelpTip content="We'll never share your email with anyone." size="sm" />
  * </View>
+ *
+ * @deprecated Use `Tooltip` (roadmap decision 5) — removed after AW-127
+ * consumer migration.
  */
 declare function HelpTip({ content, size, placement, icon, color, isOpen: controlledIsOpen, hasArrow, maxWidth, iconClassName, tooltipClassName, className, ...props }: HelpTipProps): react_jsx_runtime.JSX.Element;
 interface LabelWithHelpProps extends ViewProps {
@@ -1844,6 +1884,9 @@ interface LabelWithHelpProps extends ViewProps {
  *   helpContent="Your API key can be found in the developer settings."
  *   isRequired
  * />
+ *
+ * @deprecated Use `Tooltip` beside your own label (roadmap decision 5) —
+ * removed after AW-127 consumer migration.
  */
 declare function LabelWithHelp({ label, helpContent, isRequired, helpSize, className, ...props }: LabelWithHelpProps): react_jsx_runtime.JSX.Element;
 
@@ -1992,16 +2035,18 @@ interface SectionContentProps extends ViewProps {
 declare function SectionContent({ className, children, ...props }: SectionContentProps): react_jsx_runtime.JSX.Element;
 
 interface DataRowProps extends ViewProps {
-    /** Descriptive label shown on the left */
-    label: string;
+    /** Descriptive label shown on the left -- string renders as Text, ReactNode renders inside a View */
+    label: React__default.ReactNode;
     /** Value shown on the right -- string renders as Text, ReactNode renders inside a View */
     value: React__default.ReactNode;
+    /** Additional className applied to the label element */
+    labelClassName?: string;
     /** Additional className applied to the value element */
     valueClassName?: string;
     /** Additional className applied to the root container */
     className?: string;
 }
-declare function DataRow({ label, value, valueClassName, className, ...props }: DataRowProps): react_jsx_runtime.JSX.Element;
+declare function DataRow({ label, value, labelClassName, valueClassName, className, ...props }: DataRowProps): react_jsx_runtime.JSX.Element;
 
 type IconBoxColor = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'neutral';
 type IconBoxSize = 'sm' | 'md' | 'lg';
@@ -2016,35 +2061,12 @@ interface IconBoxProps extends ViewProps {
 }
 declare function IconBox({ icon: Icon, color, size, className, ...props }: IconBoxProps): react_jsx_runtime.JSX.Element;
 
-/**
- * A Surface's depth on the dark surface ramp. Each addressable level maps to an
- * EXISTING semantic surface/background token (already grounded in the derived
- * surface ramp — TD-surface-tokens S-1 — and theme-aware) — Surface introduces
- * no new hexes. Darkest → lightest:
- *   inset (#13100D) < background (#1C1916) < base (#252321) < elevated (#2A2827) < raised (#2D2C2B) < overlay (#302F2E)
- *
- * `frame` is the bezel the ramp sits inside — the top bar / side nav chrome —
- * and the floor a `<Surface pressed>` clamps at (see {@link pressedLevel}).
- *
- * It replaced a separate `inset` level in TD-07.14. That level was RETIRED, not
- * renamed: at ΔE 1.10 from the frame it was an imperceptible duplicate, which is
- * exactly why pressed (surface − 1) kept collapsing into it.
- */
-type SurfaceLevel = 'frame' | 'background' | 'base' | 'elevated' | 'raised' | 'overlay';
 /** On-surface neutral text roles, resolved for the current surface + theme. */
 type OnSurfaceRole = 'primary' | 'secondary' | 'tertiary';
-declare const SURFACE_LEVEL_TOKEN: {
-    readonly frame: "background-frame";
-    readonly background: "background-base";
-    readonly base: "surface-base";
-    readonly elevated: "surface-elevated";
-    readonly raised: "surface-raised";
-    readonly overlay: "surface-overlay";
-};
 interface SurfaceContextValue {
     /** Active theme mode. Defaults to dark (the wall). */
     mode: ThemeMode;
-    /** Depth of the nearest enclosing Surface. */
+    /** Plane of the nearest enclosing Surface. */
     level: SurfaceLevel;
 }
 declare const SurfaceContext: React$1.Context<SurfaceContextValue>;
@@ -2054,71 +2076,69 @@ declare function useSurface(): SurfaceContextValue;
 declare function useSurfaceMode(): ThemeMode;
 /**
  * Literal-hex on-surface neutral text colours for a theme mode. Uses
- * `getSemanticColors` (literal hex — the TempoBar pattern), never `resolveColor`
- * (which returns `var()` under the RNW vitest alias), so values stay real in
- * tested component code and on raw-RN surfaces alike.
+ * `getSemanticColors` (literal hex), never `resolveColor` (which returns `var()`
+ * under the RNW vitest alias), so values stay real in tested component code and
+ * on raw-RN surfaces alike.
  */
 declare function onSurfaceColors(mode: ThemeMode): Record<OnSurfaceRole, string>;
 /** Resolve one on-surface text colour for descendants of a Surface. */
 declare function useOnSurfaceColor(role?: OnSurfaceRole): string;
-/** The background hex for a surface level under a theme mode (literal hex). */
-declare function surfaceBackground(level: SurfaceLevel, mode: ThemeMode): string;
-/**
- * The level a `<Surface pressed>` resolves to: its parent's level stepped one
- * index DOWN the ramp — the symmetric twin of a raised surface stepping up —
- * clamped at the `frame` floor so a pressed surface never underflows the bezel.
- *   overlay→raised, raised→elevated, elevated→base, base→background,
- *   background→frame, frame→frame (clamped).
- * Pressed exposes ONE level of depth only (no pressed-2).
- */
-declare function pressedLevel(parent: SurfaceLevel): SurfaceLevel;
 
-interface SurfaceProps extends ViewProps {
-    /**
-     * Numeric depth → a computed lighten + shadow (the raised-card model). The
-     * background is derived from the base surface by lightening. Ignored for the
-     * background when `level` is set. Default 0 (flat card).
-     */
-    elevation?: ElevationLevel;
-    /**
-     * Named grey plane (shell / rail / stage). Sets the background directly
-     * from a semantic surface token — reaching the darker nav/page planes the
-     * lighten model can't — and drops the default rounding + auto shadow so the
-     * plane reads full-bleed. Composable with `elevation`'s glow.
-     */
+interface SurfaceDepthProps {
+    /** Absolute plane, for shell roots (shell = background, page = base). No lift. */
     level?: SurfaceLevel;
+    /** Planes to step UP from the enclosing Surface, with the lift treatment. */
+    raise?: 1 | 2 | 3;
     /**
-     * Sunken "well": render ONE ramp step DOWN from the parent surface's level —
-     * the symmetric twin of a raised surface stepping up — and add an inner-shadow
-     * recess so the surface reads pressed (darker fill + inset shadow). Relative to
-     * the enclosing Surface's level (not this surface's own `level`), and clamped
-     * at the ramp's `inset` floor so it never underflows. One level of depth only.
+     * Numeric depth relative to the enclosing Surface: negative recesses, 0 sits
+     * flat on the same plane, 1–3 lift, 4–5 float on the overlay plane.
      */
+    elevation?: ElevationLevel;
+    /** One plane DOWN with an inner-shadow recess. */
     pressed?: boolean;
+    /** Force the lift treatment on or off regardless of the step taken. */
+    lift?: boolean;
+    /** Tune the lift (rim alpha). Specimens and hero surfaces only. */
+    liftOptions?: LiftOptions;
+    /** Override the inherited theme mode. */
+    theme?: ThemeMode;
+}
+interface ResolvedSurface {
+    mode: ThemeMode;
+    plane: SurfaceLevel;
+    backgroundColor: string;
+    /** Recess or lift, to compose after `backgroundColor`. */
+    depthStyle: ViewStyle;
+    /** Planes stepped up (0 when flat, pressed, or an absolute plane). */
+    step: number;
+    lifted: boolean;
+}
+/** Pure resolution: the plane, its hex, and the treatment. */
+declare function resolveSurfaceDepth(inherited: SurfaceContextValue, props: SurfaceDepthProps): ResolvedSurface;
+/** The resolved depth of a container at this point in the tree. */
+declare function useResolvedSurface(props: SurfaceDepthProps): ResolvedSurface;
+
+interface SurfaceProps extends ViewProps, SurfaceDepthProps {
     glowColor?: string;
     glowIntensity?: GlowIntensity;
-    /**
-     * Theme mode. Also seeds the on-surface colour CONTEXT so descendant text /
-     * icons resolve their colour from this surface instead of a `text-*` className
-     * that silently fails to black on raw RN. Inherits the nearest Surface /
-     * ThemeProvider when omitted (default dark — the wall).
-     */
-    theme?: ThemeMode;
-    /** Round the corners. Defaults on for the card model, off for a `level` plane. */
+    /** Round the corners. Defaults on for a lifted or pressed surface, off for an absolute plane. */
     rounded?: boolean;
     className?: string;
     children?: React__default.ReactNode;
 }
 /**
  * A container that OWNS its background and establishes an on-surface colour
- * context. Two grounded ways to pick the background:
- *  - `elevation` (numeric): the raised-card model — lighten-from-base + shadow.
- *  - `level` (named): a flat grey plane straight from a semantic token,
- *    for the shell / rail / stage backgrounds.
- * Either way, descendants read the surface via {@link useOnSurfaceColor} /
- * {@link useSurfaceMode} rather than hard-coding `getSemanticColors('dark')`.
- */
-declare function Surface({ elevation, level, pressed, glowColor, glowIntensity, theme, rounded, className, style, children, ...props }: SurfaceProps): react_jsx_runtime.JSX.Element;
+ * context. Depth is relative to the enclosing Surface:
+ *  - `raise` / positive `elevation`: step up the ramp and wear the lift
+ *    treatment (rim-light + ambient shadow). Clamps at `overlay`.
+ *  - `pressed` / negative `elevation`: step down with an inner-shadow recess.
+ *  - `level` (absolute): a flat grey plane straight from a token, for shell
+ *    roots only (shell = background, page = base). No lift.
+ *  - nothing: sit flat on the inherited plane.
+ * Descendants read the surface via {@link useOnSurfaceColor} / {@link useSurfaceMode}
+ * rather than hard-coding `getSemanticColors('dark')`.
+ */
+declare function Surface({ elevation, level, raise, pressed, lift, liftOptions, glowColor, glowIntensity, theme, rounded, className, style, children, ...props }: SurfaceProps): react_jsx_runtime.JSX.Element;
 
 interface ListItemProps extends PressableProps {
     className?: string;
@@ -2150,28 +2170,55 @@ interface ListItemDividerProps extends ViewProps {
 }
 declare function ListItemDivider({ inset, className, ...props }: ListItemDividerProps): react_jsx_runtime.JSX.Element;
 
-type PillVariant = 'subtle' | 'outline';
+type PillVariant = 'solid' | 'subtle' | 'outline';
+/** Semantic tone. `brand-secondary` is the accent, not a second brand. */
+type PillTone = 'neutral' | 'brand' | 'brand-secondary' | 'success' | 'warning' | 'error' | 'info';
+/** Legacy palette names, kept so existing `color=` call sites keep working. */
 type PillColor = 'default' | 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info';
-type PillSize = 'xs' | 'sm' | 'md';
+type PillSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 interface PillProps extends ViewProps {
     /** Pill content */
-    children: React__default.ReactNode;
+    children?: React__default.ReactNode;
     /** Visual variant */
     variant?: PillVariant;
-    /** Color scheme */
+    /** Semantic tone */
+    tone?: PillTone;
+    /** @deprecated Use `tone` — `color` maps onto it and is kept for call-site compatibility. */
     color?: PillColor;
     /** Size */
     size?: PillSize;
     /** Fully rounded (default true) or slight radius */
     rounded?: boolean;
-    /** Element before the label (e.g., Indicator dot) */
+    /** Leading slot: `'dot'` renders a tone-matched dot, any node renders as-is. */
+    leading?: React__default.ReactNode | 'dot';
+    /**
+     * Colour the leading dot independently of the capsule. For the pattern where
+     * the label is neutral and only the dot carries status, so a row of chips
+     * stays quiet and the dots are the signal.
+     */
+    dotTone?: PillTone;
+    /** @deprecated Use `leading`. */
     leftElement?: React__default.ReactNode;
+    /** Trailing slot (dismiss affordance, counter) */
+    trailing?: React__default.ReactNode;
     /** Press handler (makes pill interactive) */
     onPress?: () => void;
-    /** Additional className */
+    /** Non-interactive and dimmed */
+    isDisabled?: boolean;
+    /** Additional className on the container */
     className?: string;
+    /** Additional className on the label, for presets that own their typography */
+    textClassName?: string;
 }
-declare function Pill({ children, variant, color, size, rounded, leftElement, onPress, className, ...props }: PillProps): react_jsx_runtime.JSX.Element;
+/**
+ * The single pill primitive: a capsule of tone-coloured label with optional
+ * leading and trailing slots. `Badge`, `Chip`, `StatusPill` and
+ * `MuscleGroupChip` are presets over it.
+ *
+ * @example
+ * <Pill tone="success" leading="dot">Active</Pill>
+ */
+declare function Pill(props: PillProps): react_jsx_runtime.JSX.Element;
 
 interface TileProps extends ViewProps {
     /** Uppercase micro-label shown above the value */
@@ -2194,10 +2241,13 @@ interface TileProps extends ViewProps {
  * @example
  * <Tile label="Volume" value="76%" />
  * <Tile label="Fatigue" value="MOD" valueColor="#F5A623" />
+ *
+ * @deprecated Use the `Card` stat preset (roadmap decision 1) — removed after
+ * AW-127 consumer migration.
  */
 declare function Tile({ label, value, valueColor, align, className, ...props }: TileProps): react_jsx_runtime.JSX.Element;
 
-type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body1' | 'body2' | 'subtitle1' | 'subtitle2' | 'caption' | 'overline' | 'button' | 'mono' | 'monoLabel';
+type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body1' | 'body2' | 'subtitle1' | 'subtitle2' | 'caption' | 'overline' | 'button' | 'mono' | 'monoLabel' | 'microLabel' | 'boldLabel';
 type TypographyColor = 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'inverse' | 'success' | 'error' | 'warning' | 'info' | 'inherit';
 type TypographyAlign = 'left' | 'center' | 'right' | 'justify';
 type TypographyMarginBottom = 'none' | 'sm' | 'md' | 'lg';
@@ -2378,6 +2428,12 @@ interface SidebarDividerProps {
 declare function SidebarDivider({ className }: SidebarDividerProps): react_jsx_runtime.JSX.Element;
 
 type SortDirection = 'asc' | 'desc' | null;
+/**
+ * Row height / cell padding axis. `comfortable` is the default reading density;
+ * `dense` is the scannable-grid density for tables whose job is to fit many rows
+ * on screen at once (a backlog, a log, an audit list).
+ */
+type TableDensity = 'comfortable' | 'dense';
 interface TableProps extends ViewProps {
     /** Currently sorted column */
     sortColumn?: string;
@@ -2399,6 +2455,14 @@ interface TableProps extends ViewProps {
     isLoading?: boolean;
     /** Number of skeleton rows to show when loading */
     loadingRowCount?: number;
+    /** Row height / cell padding. Defaults to `comfortable`. */
+    density?: TableDensity;
+    /**
+     * Width the columns need, below which the table scrolls horizontally instead
+     * of squeezing them into overlap. Pair with {@link useColumnFit}, which drops
+     * columns first and reports what the survivors need.
+     */
+    contentMinWidth?: number;
     /** Additional className */
     className?: string;
     children?: React__default.ReactNode;
@@ -2426,7 +2490,7 @@ interface TableProps extends ViewProps {
  *   </TableBody>
  * </Table>
  */
-declare function Table({ sortColumn, sortDirection, onSort, selectedRows, onSelectRow, onSelectAll, selectable, rowIds, isLoading, loadingRowCount, className, children, ...props }: TableProps): react_jsx_runtime.JSX.Element;
+declare function Table({ sortColumn, sortDirection, onSort, selectedRows, onSelectRow, onSelectAll, selectable, rowIds, isLoading, loadingRowCount, density, contentMinWidth, className, children, ...props }: TableProps): react_jsx_runtime.JSX.Element;
 interface TableHeaderProps {
     children?: React__default.ReactNode;
     className?: string;
@@ -2459,6 +2523,8 @@ declare function TableRow({ isSelected, isHoverable, className, children, ...pro
 interface TableHeaderCellProps extends Omit<PressableProps, 'children'> {
     /** Sort key for this column */
     sortKey?: string;
+    /** Full column name behind an abbreviated label: shown on hover and used as the accessible sort name. */
+    tooltip?: string;
     /** Text alignment */
     align?: 'left' | 'center' | 'right';
     /** Cell width in pixels */
@@ -2470,7 +2536,7 @@ interface TableHeaderCellProps extends Omit<PressableProps, 'children'> {
 /**
  * Table header cell with optional sorting.
  */
-declare function TableHeaderCell({ sortKey, align, width, className, children, onPress, ...props }: TableHeaderCellProps): react_jsx_runtime.JSX.Element;
+declare function TableHeaderCell({ sortKey, tooltip, align, width, className, children, onPress, ...props }: TableHeaderCellProps): react_jsx_runtime.JSX.Element;
 interface TableCellProps extends ViewProps {
     /** Text alignment */
     align?: 'left' | 'center' | 'right';
@@ -2513,11 +2579,24 @@ interface TablePaginationProps {
  * />
  */
 declare function TablePagination({ page, pageSize, totalItems, pageSizeOptions, onPageChange, onPageSizeChange, className, }: TablePaginationProps): react_jsx_runtime.JSX.Element;
+/**
+ * An ascending comparator for one column. Returning 0 lets the caller express a
+ * tie-break inside the same function; `useTable` inverts the result for `desc`
+ * rather than reversing the array, so ties keep their relative order both ways.
+ */
+type TableComparator<T> = (a: T, b: T) => number;
 interface UseTableOptions<T> {
     data: T[];
     defaultPageSize?: number;
     defaultSortColumn?: string;
     defaultSortDirection?: SortDirection;
+    /**
+     * Per-column ascending comparators, for columns whose order is not their raw
+     * field order — a severity ranked critical→low rather than alphabetically, a
+     * numeric field that should sort blanks last, a date read newest-first.
+     * Columns absent from the map fall back to the default field compare.
+     */
+    comparators?: Partial<Record<keyof T & string, TableComparator<T>>> & Record<string, TableComparator<T> | undefined>;
 }
 interface UseTableReturn<T> {
     sortedData: T[];
@@ -2545,7 +2624,75 @@ interface UseTableReturn<T> {
  *   defaultPageSize: 10,
  * })
  */
-declare function useTable<T extends Record<string, any>>({ data, defaultPageSize, defaultSortColumn, defaultSortDirection, }: UseTableOptions<T>): UseTableReturn<T>;
+declare function useTable<T extends Record<string, any>>({ data, defaultPageSize, defaultSortColumn, defaultSortDirection, comparators, }: UseTableOptions<T>): UseTableReturn<T>;
+
+/**
+ * One column's terms for the fit calculation: how much room it needs, and where
+ * it sits in the drop order.
+ */
+interface TableColumnFit {
+    /** Matches the key the caller renders the column under. */
+    key: string;
+    /**
+     * Narrowest width in px at which the column still reads — its header label
+     * plus the sort affordance, or its content, whichever is wider. Real numbers
+     * matter here: the fit is arithmetic over these, not a guess at a breakpoint.
+     */
+    minWidth: number;
+    /**
+     * Drop order: the lowest number leaves first. A column with no `dropPriority`
+     * never drops, which is what keeps the identifying columns on screen when the
+     * table runs out of room.
+     */
+    dropPriority?: number;
+}
+interface ColumnFitResult {
+    /** The keys still rendered, in declaration order. */
+    visibleKeys: string[];
+    /** What the survivors need. Hand to `Table`'s `contentMinWidth`. */
+    contentMinWidth: number;
+    /** Nothing droppable is left and the survivors still overflow: the table scrolls. */
+    isScrolling: boolean;
+}
+/**
+ * Drops columns one at a time in the declared order until the rest fit, then
+ * stops. Dropping cannot take an undroppable column, so once those are all that
+ * is left the table overflows on purpose and scrolls horizontally — scroll is
+ * the floor under dropping, not an alternative to it.
+ *
+ * `available` of `null` means "not measured yet": everything renders.
+ */
+declare function fitColumns(columns: TableColumnFit[], available: number | null): ColumnFitResult;
+interface UseMeasuredWidthResult {
+    /** The measured width, or `null` until the first layout pass. */
+    width: number | null;
+    onLayout: (event: LayoutChangeEvent) => void;
+}
+/**
+ * The width of whatever it is attached to, from the `onLayout` pass every other
+ * width-aware table here already uses — no resize observer, and no window
+ * width standing in for a column that lives inside a much narrower card.
+ *
+ * `override` pins the width instead of measuring, so a story or a test can hold
+ * one breakpoint still.
+ */
+declare function useMeasuredWidth(override?: number): UseMeasuredWidthResult;
+interface UseColumnFitResult extends ColumnFitResult {
+    isVisible: (key: string) => boolean;
+}
+/**
+ * {@link fitColumns} as a hook, with a membership test for the render pass.
+ *
+ * @example
+ * const { width, onLayout } = useMeasuredWidth()
+ * const fit = useColumnFit(COLUMNS, width)
+ * <View onLayout={onLayout}>
+ *   <Table contentMinWidth={fit.contentMinWidth}>
+ *     {COLUMNS.filter((c) => fit.isVisible(c.key)).map(renderColumn)}
+ *   </Table>
+ * </View>
+ */
+declare function useColumnFit(columns: TableColumnFit[], available: number | null): UseColumnFitResult;
 
 interface EmptyStateProps extends ViewProps {
     /** Icon component to display */
@@ -2826,6 +2973,9 @@ interface BaseBadgeProps extends ViewProps {
     className?: string;
     children?: ReactNode;
 }
+/**
+ * @deprecated Use `<Pill tone="…" variant="…">` — removed after AW-127 consumer migration.
+ */
 declare function BaseBadge({ variant, size, icon, onPress, className, children, ...props }: BaseBadgeProps): react_jsx_runtime.JSX.Element;
 
 type WeightBadgeSize = BaseBadgeSize;
@@ -2846,6 +2996,9 @@ interface WeightBadgeProps extends Omit<BaseBadgeProps, 'variant' | 'icon' | 'ch
     onPress?: () => void;
     className?: string;
 }
+/**
+ * @deprecated Use `<Pill tone="neutral">` — removed after AW-127 consumer migration.
+ */
 declare function WeightBadge({ value, unit, reps, delta, isPr, showIcon, size, onPress, className, ...props }: WeightBadgeProps): react_jsx_runtime.JSX.Element;
 
 type PRType = 'e1rm' | 'weight' | 'reps' | 'volume' | 'velocity';
@@ -2961,6 +3114,10 @@ interface MuscleGroupChipProps extends ViewProps {
     onPress?: () => void;
     className?: string;
 }
+/**
+ * MuscleGroupChip — a `Pill` preset that labels a muscle group with a
+ * volume-status dot. The dot tone is the pill's tone; the capsule stays neutral.
+ */
 declare function MuscleGroupChip({ name, volumeStatus, onPress, className, ...props }: MuscleGroupChipProps): react_jsx_runtime.JSX.Element;
 
 interface SparklineProps extends ViewProps {
@@ -3029,6 +3186,10 @@ interface MetricCellProps {
     color: string;
     fontSize?: number;
 }
+/**
+ * @deprecated Use `<Metric size="…" align="…">` (roadmap decision 11) — removed
+ * after AW-127 consumer migration.
+ */
 declare function MetricCell({ children, color, fontSize }: MetricCellProps): react_jsx_runtime.JSX.Element;
 
 interface SetsRepsLoadProps extends ViewProps {
@@ -3054,13 +3215,16 @@ interface SegmentedBarSegment {
     weight?: number;
     /** Fraction 0..1 of the slot the coloured fill covers, left-aligned. Default 1 (full). */
     fill?: number;
-    /** Fill colour — a literal hex (RNW-safe), never a `var()` token ref. */
+    /** Fill colour. Pass `resolveColor(token)` — a plain fill takes a `var()` ref fine. */
     color: string;
     /** When true the fill animates on the shared active-pulse loop. */
     pulse?: boolean;
     /**
      * When pulsing, interpolate the fill's `backgroundColor` from→to over the loop
      * (full opacity). Omit to fall back to the default opacity breathe.
+     *
+     * Literal hex only: `Animated.interpolate` parses these two endpoints itself
+     * and cannot read a `var()` ref, so `resolveColor(token)` does not work here.
      */
     pulseColor?: [from: string, to: string];
     /**
@@ -3100,7 +3264,8 @@ interface SegmentedBarProps extends ViewProps {
  * presentational atom the per-set strips are built from. Each segment is a flex
  * slot (flex = `weight`) holding a left-aligned fill (`fill` fraction, `color`);
  * `pulse` segments breathe on a shared active-pulse loop, and `marker` drops a
- * vertical line at a fraction of the total width. Colours are passed-in literal hex.
+ * vertical line at a fraction of the total width. Every colour is injected by the
+ * composer, so this atom holds no palette of its own.
  */
 declare function SegmentedBar({ segments, height, gap, radius, marker, segmentTestID, style, ...props }: SegmentedBarProps): react_jsx_runtime.JSX.Element;
 
@@ -3186,8 +3351,8 @@ interface ScheduleTilesProps extends ViewProps {
  * ScheduleTiles — Date / Time / Until row for an upcoming session.
  *
  * An HStack of three {@link Tile}s derived from a single scheduled moment. The
- * Until value reuses {@link formatDateTime} relative formatting and turns
- * accent-orange only when the session is less than a day away.
+ * Until value reuses {@link formatDateTime} relative formatting and takes the
+ * `brand-primary` accent only when the session is less than a day away.
  *
  * @example
  * <ScheduleTiles when={Date.now() + 5 * 60 * 60 * 1000} />
@@ -3378,10 +3543,11 @@ declare function SessionRail({ title, exercises, setsDone, elapsedMs, budgetMs,
 
 interface SupersetWrapperProps {
     label?: string;
+    /** Rail and label-chip colour. Defaults to the `brand-primary` token. */
     color?: string;
     children: React__default.ReactNode;
 }
-declare function SupersetWrapper({ label, color, children, }: SupersetWrapperProps): react_jsx_runtime.JSX.Element;
+declare function SupersetWrapper({ label, color, children }: SupersetWrapperProps): react_jsx_runtime.JSX.Element;
 
 type PrRecordType = 'e1rm' | 'weight' | 'reps' | 'volume' | 'velocity';
 interface PrRecord {
@@ -3650,12 +3816,11 @@ interface StatusPillProps extends ViewProps {
 /** Resolved semantic color for a verdict status. */
 declare function statusPillColor(status: StatusPillStatus): string;
 /**
- * Verdict pill: a glowing status dot + colored verdict text, in a tinted,
- * bordered capsule. Composes {@link StatusDot} for the dot so the glow/color
- * stays consistent with the atom. Tint and border are derived from the same
- * semantic token via `alpha()` — no per-status raw hex.
+ * Verdict pill: a glowing status dot + coloured verdict text in a tinted
+ * capsule. A `Pill` preset — tone, tint and border all come from the pill's
+ * semantic tone, so no per-status colour is computed here.
  */
-declare function StatusPill({ status, label, className, style, ...props }: StatusPillProps): react_jsx_runtime.JSX.Element;
+declare function StatusPill({ status, label, className, ...props }: StatusPillProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Coaching-category flood level for the live surface. Mirrors {@link StatusPill}:
@@ -3806,14 +3971,6 @@ interface LiveFatigueModel {
     targetTempoSeconds: [number, number, number, number] | null;
 }
 
-interface LiveFatiguePanelHeader {
-    /** Exercise name — the large title. */
-    title: string;
-    /** Prescription / block line under the title. */
-    subtitle?: string;
-    /** Right-aligned progress meta, e.g. "SET 3 · REP 7 / 8". */
-    meta?: string;
-}
 interface LiveFatiguePanelVelocity {
     /** Per-rep MEAN concentric velocity (m/s), ordered by rep. */
     velocities: number[];
@@ -3825,16 +3982,91 @@ interface LiveFatiguePanelProps {
     model: LiveFatigueModel;
     /** The velocity-hero data (its own source — not on the fatigue model). */
     velocity: LiveFatiguePanelVelocity;
-    /** Optional lite exercise header. Omitted → no header row. */
-    header?: LiveFatiguePanelHeader;
     /** Aura-flood category. Defaults to the verdict-derived category. */
     aura?: LiveAuraCategory;
     /** Panel body height in px. Default 508. */
     bodyHeight?: number;
-    /** Fixed fatigue-card column width. Default 318. */
+    /**
+     * Pin the fatigue-card column width instead of letting the tier choose it. Ignored when
+     * the panel is stacked (the card fills the content width there).
+     */
     cardWidth?: number;
+    /**
+     * Override the measured container width, in px. The panel measures itself, so this is
+     * for tests (`onLayout` never fires under jsdom) and for a consumer that already knows
+     * the width it is about to hand the panel.
+     */
+    containerWidth?: number;
 }
-declare function LiveFatiguePanel({ model, velocity, header, aura, bodyHeight, cardWidth, }: LiveFatiguePanelProps): react_jsx_runtime.JSX.Element;
+declare function LiveFatiguePanel({ model, velocity, aura, bodyHeight, cardWidth, containerWidth, }: LiveFatiguePanelProps): react_jsx_runtime.JSX.Element;
+
+/** titan's breakpoint scale, re-exported as the panel's tier edges. Sourced, not chosen. */
+declare const PANEL_BREAKPOINTS: {
+    readonly xs: 0;
+    readonly sm: 600;
+    readonly md: 1000;
+    readonly lg: 1200;
+    readonly xl: 1920;
+};
+type PanelTier = keyof typeof PANEL_BREAKPOINTS;
+/**
+ * The tier for a measured container width. An unmeasured container (0, before the first
+ * `onLayout`) resolves to `md` — today's side-by-side geometry — so the first paint matches
+ * what the panel has always rendered rather than flashing a stacked layout.
+ */
+declare function panelTier(width: number): PanelTier;
+/** titan's long-standing card column width, and the floor every wider tier clamps to. */
+declare const CARD_WIDTH_BASE = 318;
+/**
+ * CHOSEN. At wall width a 318px card is ~17% of the content row against ~34% at the `md`
+ * edge, so it reads as a sliver beside the hero. 0.22 pulls it back toward the `md`
+ * proportion without letting the hero lose its lead.
+ */
+declare const CARD_WIDTH_XL_RATIO = 0.22;
+/**
+ * CHOSEN. The cap. The card's internal charts (`RomProgressionChart`, `GhostSpark`) were
+ * drawn around ~318 and go sparse rather than richer past roughly 1.5x that, so the
+ * expansion stops at 460 (reached at 2091px) instead of tracking the container forever.
+ */
+declare const CARD_WIDTH_MAX = 460;
+/**
+ * CHOSEN. Stacked, the CARD takes the larger share of the one body height. Its sections
+ * have hard floors — the verdict hero, the three lights, the ROM chart and the ghost spark —
+ * while the velocity hero is a bar plot that scales continuously, so squeezing the hero
+ * degrades gracefully and squeezing the card overflows it.
+ */
+declare const CARD_HEIGHT_SHARE_STACKED = 0.55;
+/** What the hero reserves above its plot for the `VELOCITY · this set` eyebrow, px. */
+declare const HERO_EYEBROW_ALLOWANCE = 26;
+interface PanelLayout {
+    tier: PanelTier;
+    /** Card below the hero rather than beside it. */
+    stacked: boolean;
+    /** Uniform padding around the body row, px. */
+    padding: number;
+    /** Gap between the hero and the card, px — column gap when row, row gap when stacked. */
+    gap: number;
+    /**
+     * Card width, px. Stacked, this is the full content width, so the card takes a real
+     * number rather than needing a second `onLayout` of its own to size its charts.
+     */
+    cardWidth: number;
+}
+/** The whole layout for a measured container width. */
+declare function panelLayout(width: number): PanelLayout;
+interface PanelBodySplit {
+    /** Height handed to the velocity hero's plot, px. */
+    heroHeight: number;
+    /** Height handed to the fatigue card, px. */
+    cardHeight: number;
+}
+/**
+ * The ONE body height split across the hero and the card (TD-03.60). Side by side both
+ * take the full height; stacked they share it by {@link CARD_HEIGHT_SHARE_STACKED} with the
+ * gap taken out first, and neither drops below its floor. Either way both numbers come from
+ * this one call, so changing `bodyHeight` moves both or neither.
+ */
+declare function panelBodySplit(bodyHeight: number, layout: PanelLayout): PanelBodySplit;
 
 interface LiveFatigueCardProps {
     /** The live fatigue read-model for the current set. */
@@ -4188,18 +4420,925 @@ interface GaugeProps extends Omit<ViewProps, 'children'> {
  */
 declare function Gauge({ value, min, max, size, label, unit, thresholds, color, className, ...props }: GaugeProps): react_jsx_runtime.JSX.Element;
 
+interface SparkBarsProps extends Omit<ViewProps, 'accessibilityLabel'> {
+    /** The series, oldest first. Negative values draw in `negativeColor`. */
+    values: number[];
+    /** Overall bar-field height in px. */
+    height?: number;
+    /** Width of a single bar in px. */
+    barWidth?: number;
+    /** Gap between bars in px. */
+    gap?: number;
+    /** Keep only the last N values — a sparkline is a recent-history glance, not an archive. */
+    maxBars?: number;
+    /** Fill for non-negative bars. Defaults to `result-improve`. */
+    color?: string;
+    /** Fill for negative bars. Defaults to `result-degrade`. */
+    negativeColor?: string;
+    /** Screen-reader description. Defaults to a bar count. */
+    label?: string;
+    className?: string;
+}
+/**
+ * SparkBars — a tiny bar-mark sparkline for a signed series.
+ *
+ * The bar-mark counterpart to {@link Sparkline}: where a line reads a
+ * *trajectory*, bars read *discrete per-period magnitude*, which is what
+ * per-session activity and per-session net growth actually are. Bars are scaled
+ * by absolute value so a negative period is as tall as an equally large
+ * positive one, and tinted with `negativeColor` to carry the sign.
+ *
+ * @example
+ * <SparkBars values={[3, 8, -2, 14]} height={22} />
+ */
+declare function SparkBars({ values, height, barWidth, gap, maxBars, color, negativeColor, label, className, ...props }: SparkBarsProps): react_jsx_runtime.JSX.Element;
+
+interface EyebrowProps {
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Eyebrow — an uppercase micro-label used above a value or a section of
+ * content (e.g. "Focused · by rank", a stat tile's caption). Composes
+ * {@link Typography}'s `overline` variant; never hand-roll the letter-spacing.
+ */
+declare function Eyebrow({ children, className }: EyebrowProps): react_jsx_runtime.JSX.Element;
+
+/** How much a task hurts if left undone. Ordered worst-first by {@link SEVERITY_RANK}. */
+type TaskSeverity = 'critical' | 'high' | 'medium' | 'low';
+/**
+ * Sort weight per severity, worst-first. Exported so a table can rank a severity
+ * column by meaning rather than alphabetically ("critical" < "high" < "low" as
+ * strings puts low in the middle).
+ */
+declare const SEVERITY_RANK: Record<TaskSeverity, number>;
+/** Severities worst-first — the canonical order for legends and pickers. */
+declare const SEVERITY_ORDER: TaskSeverity[];
+/** Rank for a possibly-absent severity; unset sorts after every real value. */
+declare function severityRank(severity?: TaskSeverity): number;
+/**
+ * Severity to its display label and {@link Indicator} colour. Critical and high
+ * both read as error; the vivid step separates "drop everything" from "serious".
+ */
+declare const SEVERITY_META: Record<TaskSeverity, {
+    label: string;
+    dot: React.ComponentProps<typeof Indicator>['color'];
+}>;
+/**
+ * Severity as a fill for an area mark (a {@link SegmentedBar} segment), where
+ * {@link SEVERITY_META} gives the point-mark dot colour.
+ *
+ * `low` diverges deliberately: as a dot among four it needs to stay legible, but
+ * as a bar segment it should recede, so it takes `text-tertiary` rather than
+ * `status-info`. Both live here so the severity vocabulary has one owner.
+ */
+declare const SEVERITY_BAR_COLOR: Record<TaskSeverity, string>;
+interface SeverityLabelProps {
+    /** Omitted renders the em-dash placeholder rather than nothing, so columns stay aligned. */
+    severity?: TaskSeverity;
+    /** Hides the text, leaving only the dot — for a legend key or a very tight column. */
+    dotOnly?: boolean;
+    className?: string;
+}
+/**
+ * SeverityLabel — a task's severity as a coloured dot plus its label.
+ *
+ * Composes {@link Indicator}; never hand-roll a status dot (there are already two
+ * dot primitives in the system, and this is not a third). Used by
+ * {@link TaskRow} and {@link TaskTable}'s legend.
+ *
+ * @deprecated Use `<Pill tone="…" leading="dot">` — removed after AW-127 consumer migration.
+ */
+declare function SeverityLabel({ severity, dotOnly, className }: SeverityLabelProps): react_jsx_runtime.JSX.Element;
+
+type InitiativeState = 'focused' | 'backburner' | 'paused' | 'done';
+/** Initiative state → label + {@link StatusDot} variant. One owner; the initiative header reads it too. */
+declare const INITIATIVE_STATE_META: Record<InitiativeState, {
+    label: string;
+    dot: StatusDotVariant;
+}>;
+interface InitiativeCardTopTask {
+    id: string;
+    title: string;
+}
+interface InitiativeCardProps extends ViewProps {
+    /** Initiative title, e.g. "active-work — durable workspace state". */
+    title: string;
+    /** Short slug shown under the title, e.g. "active-work". */
+    slug: string;
+    /** Lifecycle state — drives the status dot and card accent. */
+    state: InitiativeState;
+    /** Focused rank (1-based). Omit for non-ranked states. */
+    rank?: number;
+    /** Ship-target label, e.g. "2026-Q3". */
+    shipTarget?: string;
+    /** Count of open tasks for this initiative. */
+    openCount: number;
+    /** Open-task counts by severity, driving the segmented mix bar. Bar is omitted when all-zero. */
+    severityCounts: Record<TaskSeverity, number>;
+    /** The highest-priority open task, if any. Renders "no open tasks" when omitted. */
+    topTask?: InitiativeCardTopTask;
+    className?: string;
+}
+/**
+ * InitiativeCard — an at-a-glance summary of one active-work initiative: state,
+ * rank, open-task count, a severity-mix bar, and its top-priority open task.
+ * Composes Card / Pill / StatusDot / SegmentedBar / Typography — never
+ * hand-rolled. Used by {@link PortfolioOverview}.
+ *
+ * Sits on the card plane above the page like every other content card; the
+ * `accent` stripe is reserved for the focused state, where it carries meaning.
+ */
+declare function InitiativeCard({ title, slug, state, rank, shipTarget, openCount, severityCounts, topTask, className, ...props }: InitiativeCardProps): react_jsx_runtime.JSX.Element;
+
+interface PortfolioOverviewStat {
+    value: string;
+    label: string;
+}
+interface PortfolioOverviewSection {
+    /** Section eyebrow, e.g. "Focused · by rank" or "Backburner". */
+    heading: string;
+    items: InitiativeCardProps[];
+}
+interface PortfolioOverviewProps extends ViewProps {
+    title: string;
+    subtitle?: string;
+    /** KPI tiles rendered above the sections, e.g. Focused / Open tasks / Initiatives. */
+    stats: PortfolioOverviewStat[];
+    /** Initiative groups, rendered top-to-bottom in the order given. */
+    sections: PortfolioOverviewSection[];
+    className?: string;
+}
+/**
+ * PortfolioOverview — at-a-glance status across every tracked initiative: a
+ * KPI row followed by initiative groups (typically Focused, then Backburner).
+ * Composes Card / Metric / Eyebrow / {@link InitiativeCard} — presentational
+ * only, all data supplied by props.
+ *
+ * Data plan: the caller is responsible for computing `stats` and `sections`
+ * from its own source of truth (e.g. the active-work session-mining export).
+ * This component has no fetch/store dependency, so wiring it to a live data
+ * source is a caller-side concern — flagged here as the integration's only
+ * open gap.
+ */
+declare function PortfolioOverview({ title, subtitle, stats, sections, className, ...props }: PortfolioOverviewProps): react_jsx_runtime.JSX.Element;
+
+/** Split a path into its directory prefix (trailing slash kept) and basename. */
+declare function splitPath(path: string): {
+    dir: string;
+    base: string;
+};
+/** Basename size on the type scale, with the directory one step quieter. */
+type FilePathLabelSize = 'sm' | 'md';
+interface FilePathLabelProps extends ViewProps {
+    /** A repo-relative path, e.g. `src/commands/open.ts`. */
+    path: string;
+    /** `md` for standalone rows, `sm` for dense contexts like chips. */
+    size?: FilePathLabelSize;
+    /** Render only the basename, dropping the directory prefix. */
+    baseOnly?: boolean;
+    className?: string;
+}
+/**
+ * FilePathLabel — a file path with the directory dimmed and the basename bright.
+ *
+ * In a list of paths the basename is the identifier and the directory is
+ * disambiguation, so they get different weight rather than one flat string. The
+ * directory shrinks first under width pressure; the basename never truncates.
+ */
+declare function FilePathLabel({ path, size, baseOnly, className, ...props }: FilePathLabelProps): react_jsx_runtime.JSX.Element;
+
+/** Fill per event kind, shared by the row's counts and the detail pane's tiles. */
+interface FileEventColors {
+    reads: string;
+    writes: string;
+    edits: string;
+}
+/**
+ * Reads/writes/edits read as *importance* rather than as peer categories: reads
+ * are cheap and quiet, writes are the consequential ones, edits sit between.
+ */
+declare const FILE_EVENT_COLOR_SEMANTIC: FileEventColors;
+/**
+ * The same three as *peer categories*, taken in order from the canonical
+ * CVD-safe palette (TOKENS.md §2).
+ */
+declare const FILE_EVENT_COLOR_CATEGORICAL: FileEventColors;
+/**
+ * The family default: the three event kinds are peer categories, so they take
+ * the canonical CVD-safe palette in order rather than a hand-picked triple.
+ * Costs three of `CATEGORICAL_CVD_SAFE_MAX` — a view that also plots series
+ * needs to start from index 3, or supply its own `eventColors`.
+ */
+declare const FILE_EVENT_COLOR: FileEventColors;
+/** Per-file activity mined from session transcripts. */
+interface FileActivity {
+    /** Repo-relative path. */
+    path: string;
+    reads: number;
+    writes: number;
+    edits: number;
+    /** Total events across reads + writes + edits. */
+    touches: number;
+    /** Per-session net char delta, oldest first. Drives the sparkline. */
+    timeline: number[];
+}
+interface FileActivityRowProps {
+    file: FileActivity;
+    /** Renders the selected treatment (one tone up from the list pane + leading accent bar). */
+    selected?: boolean;
+    onSelect?: () => void;
+    /** Override the read/write/edit fills. Defaults to {@link FILE_EVENT_COLOR}. */
+    eventColors?: FileEventColors;
+}
+/**
+ * FileActivityRow — one file in the ranked "hottest files" list: its path, total
+ * touches, the read/write/edit split, and a sparkline of per-session growth.
+ *
+ * Composes {@link FilePathLabel} and {@link SparkBars}. Used by
+ * {@link FileHistoryExplorer}.
+ */
+declare function FileActivityRow({ file, selected, onSelect, eventColors, }: FileActivityRowProps): react_jsx_runtime.JSX.Element;
+
+/** Another file that tends to change in the same session as this one. */
+interface FileCoChange {
+    path: string;
+    count: number;
+}
+/** {@link FileActivity} plus the history only the detail pane shows. */
+interface FileActivityDetailData extends FileActivity {
+    /** Distinct sessions that touched this file. */
+    sessions: number;
+    charsAdded: number;
+    charsRemoved: number;
+    /** `charsAdded - charsRemoved`; negative means the file net-shrank. */
+    netGrowth: number;
+    firstTouched?: string | null;
+    lastTouched?: string | null;
+    coChange: FileCoChange[];
+}
+interface FileActivityDetailProps {
+    file: FileActivityDetailData;
+    /** Override the read/write/edit fills. Defaults to {@link FILE_EVENT_COLOR}. */
+    eventColors?: FileEventColors;
+    className?: string;
+}
+/**
+ * FileActivityDetail — the right-hand pane of {@link FileHistoryExplorer}: one
+ * file's full mined history. Activity split, net char growth over sessions, and
+ * the files it changes together with — the co-change list being the part a
+ * plain file tree cannot show.
+ *
+ * Composes Card / CardInset / Tile / Pill / DataRow / DateTime plus
+ * {@link SparkBars}, {@link FilePathLabel} and {@link Eyebrow}.
+ *
+ * One lift only: the pane itself. Inside it the activity split reads as filled
+ * tiles a plane up and the growth block as a `CardInset` well a plane down.
+ */
+declare function FileActivityDetail({ file, eventColors, className, }: FileActivityDetailProps): react_jsx_runtime.JSX.Element;
+
+interface CoChangeChipProps {
+    /** One side of the pair. */
+    a: string;
+    /** The other side. Order is not meaningful — co-change is symmetric. */
+    b: string;
+    /** How many sessions changed both files. */
+    count: number;
+    className?: string;
+}
+/**
+ * CoChangeChip — one symmetric "these two files change together" pair.
+ *
+ * Only basenames are shown: at chip size the directory is noise, and the pair
+ * is a pointer into {@link FileActivityDetail} rather than a full identifier.
+ * Used by {@link FileHistoryExplorer}'s repo-wide co-change strip.
+ *
+ * @deprecated Use `<Pill tone="brand" size="xs">` — removed after AW-127 consumer migration.
+ */
+declare function CoChangeChip({ a, b, count, className }: CoChangeChipProps): react_jsx_runtime.JSX.Element;
+
+/** A KPI shown in the strip above the explorer. */
+interface FileHistoryStat {
+    label: string;
+    value: string;
+}
+/** A repo-wide co-change pair, strongest first. */
+interface CoChangeEdge {
+    a: string;
+    b: string;
+    count: number;
+}
+interface FileHistoryExplorerProps extends ViewProps {
+    /** KPI tiles, e.g. Files / File events / Sessions / Transcripts. */
+    stats: FileHistoryStat[];
+    /** Files for the ranked list, already sorted (typically by descending touches). */
+    files: FileActivityDetailData[];
+    /** Repo-wide co-change pairs, already sorted by descending count. */
+    coEdges?: CoChangeEdge[];
+    /** Caption under the KPI strip explaining where the numbers came from. */
+    provenance?: string;
+    /** Cap on ranked rows rendered. */
+    maxRows?: number;
+    /** Cap on co-change chips rendered. */
+    maxCoEdges?: number;
+    /** Selected file path. Omit to let the explorer manage selection itself. */
+    selectedPath?: string;
+    /** Fires on row press. Required for the selection to move when `selectedPath` is set. */
+    onSelectFile?: (path: string) => void;
+    className?: string;
+}
+/**
+ * FileHistoryExplorer — a file browser ranked by mined activity instead of
+ * alphabetised by name: a KPI strip, a two-pane hottest-files list ⇄ detail,
+ * and the repo's strongest co-change pairs.
+ *
+ * Composes Card / Tile / Divider plus {@link FileActivityRow},
+ * {@link FileActivityDetail}, {@link CoChangeChip} and {@link Eyebrow}.
+ * Selection is controlled when `selectedPath` is supplied and internal
+ * otherwise.
+ *
+ * Data plan: presentational only — no fetch or store dependency. The caller
+ * derives `stats`, `files` and `coEdges` from its own source of truth (the
+ * active-work session-history miner). Wiring that export to these props is a
+ * caller-side concern and the integration's only open gap; a shared adapter is
+ * deliberately out of scope for this unit.
+ */
+declare function FileHistoryExplorer({ stats, files, coEdges, provenance, maxRows, maxCoEdges, selectedPath, onSelectFile, className, ...props }: FileHistoryExplorerProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * A compact age label for a dense column: `today`, `4d ago`, `3mo ago`.
+ *
+ * Deliberately not `DateTime format="relative"` — that renders Intl prose ("4
+ * days ago"), which is too long for a 74px column, and it reads `Date.now()`
+ * internally so a story or a visual baseline could never be deterministic. `now`
+ * is injected here for exactly that reason.
+ */
+declare function formatTaskAge(iso: string | null | undefined, now: number): string;
+/**
+ * A session's wall-clock length as `1h 4m` or `42m`. Empty when the span is
+ * missing, unparseable or not positive, so callers can drop the separator
+ * rather than render `0m`.
+ */
+declare function formatSessionDuration(started: string, ended: string): string;
+
+type TaskSortKey = 'slug' | 'id' | 'title' | 'severity' | 'priority' | 'estimate' | 'updated';
+/** Any column the table can leave out; `title` is the one column that always renders. */
+type TaskColumnKey = Exclude<TaskSortKey, 'title'> | 'tags';
+/** How the severity column renders: `auto` collapses to the dot below {@link COMPACT_SEVERITY_BELOW}. */
+type SeverityDisplay = 'auto' | 'full' | 'dot';
+/**
+ * Table width under which severity collapses to its dot. Below this the fixed
+ * columns leave the flexible title under ~220px, which is where titles stop
+ * being scannable; the dot gives 68px back.
+ */
+declare const COMPACT_SEVERITY_BELOW = 840;
+interface TaskTableProps {
+    tasks: TaskListItem[];
+    /**
+     * Reference timestamp for the age column. Injected rather than read from the
+     * clock so stories, tests and visual baselines render identically forever.
+     */
+    now: number;
+    /** Column sorted on first render. Defaults to `priority`. */
+    defaultSortKey?: TaskSortKey;
+    /** Hides the severity legend above the grid. */
+    hideLegend?: boolean;
+    /** Severity column mode. Defaults to `auto`, driven by the table's measured width. */
+    severityDisplay?: SeverityDisplay;
+    /** Columns to leave out, for an embedded table that already knows its context. */
+    hideColumns?: TaskColumnKey[];
+    /**
+     * Pins the width the column fit runs against instead of measuring it. For
+     * stories and tests that need to hold one step of the drop order still.
+     */
+    fitWidth?: number;
+    /** Eyebrow over the grid. Defaults to the backlog wording, `N open · all initiatives`. */
+    label?: string;
+    className?: string;
+}
+/**
+ * TaskTable — every open task across initiatives in one dense, sortable grid.
+ *
+ * Composes {@link Table} at `density="dense"` and drives it with
+ * {@link useTable}, passing per-column comparators so severity ranks by meaning
+ * and age reads newest-first. Rows are {@link TaskRow}; the legend tallies
+ * {@link SeverityLabel}.
+ *
+ * Narrow it and it adapts twice, in order: severity collapses to its dot, then
+ * whole columns drop along {@link TASK_DROP_ORDER}. `title` and `id` are not in
+ * that order and never drop; under them the table scrolls horizontally.
+ */
+declare function TaskTable({ tasks, now, defaultSortKey, hideLegend, severityDisplay, hideColumns, fitWidth, label, className, }: TaskTableProps): react_jsx_runtime.JSX.Element;
+
+/** One open task, as the task list renders it. */
+interface TaskListItem {
+    /** Initiative slug the task belongs to. */
+    slug: string;
+    /** Per-initiative task id, e.g. `AW-22`. */
+    id: string;
+    title: string;
+    severity?: TaskSeverity;
+    /** Lower sorts first; unique within an initiative, not globally. */
+    priority: number;
+    /** Rough size. Absent means unestimated, which sorts last. */
+    estimate?: number;
+    tags?: string[];
+    /** ISO date the task last changed, used for the age column. */
+    updated: string;
+}
+/**
+ * Fixed column widths, shared by {@link TaskRow} and {@link TaskTable}'s header
+ * so the two cannot drift. `title` is the flexible column: it renders with no
+ * width and only declares the floor it may be squeezed to.
+ *
+ * Every fixed width holds its own header — the uppercase label, the 4px gap and
+ * the sort glyph, inside the dense cell's 16px of padding. A column narrower
+ * than its own header is what let `SEV` and `PRI` paint over each other.
+ */
+declare const TASK_COLUMN_WIDTHS: {
+    readonly slug: 132;
+    readonly id: 66;
+    /** The narrowest the flexible title column may be squeezed before a column drops instead. */
+    readonly titleMin: 160;
+    readonly severity: 112;
+    /** The severity column once it has collapsed to its dot. */
+    readonly severityCompact: 56;
+    readonly priority: 56;
+    readonly estimate: 56;
+    readonly tags: 150;
+    readonly age: 74;
+};
+interface TaskRowProps {
+    task: TaskListItem;
+    /** Pre-formatted age label (e.g. "3d ago"). Passed in so rows stay pure and deterministic. */
+    ageLabel: string;
+    /** Collapse severity to its dot (word on hover); the table decides this from its width. */
+    severityDotOnly?: boolean;
+    /** Columns the table left out; the row skips their cells so header and body stay aligned. */
+    hideColumns?: TaskColumnKey[];
+}
+/**
+ * TaskRow — one task as a dense grid row: initiative, id, title, severity,
+ * priority, estimate, tags and age.
+ *
+ * Composes {@link TableRow} / {@link TableCell} for row semantics and density,
+ * {@link SeverityLabel} for the severity dot, and {@link Pill} for tags. Used by
+ * {@link TaskTable}.
+ */
+declare function TaskRow({ task, ageLabel, severityDotOnly, hideColumns }: TaskRowProps): react_jsx_runtime.JSX.Element;
+
+/** How a linked reference reads: brand for the domain's own ids, link for cross-references, muted for asides. */
+type ProseLinkTone = 'brand' | 'link' | 'muted';
+/**
+ * A pattern the prose auto-links. Patterns must not carry the `g` flag or
+ * capture groups: the renderer combines them into one tokenizer.
+ */
+interface ProseLinker {
+    /** Stable id, used in keys and test ids. */
+    id: string;
+    pattern: RegExp;
+    tone?: ProseLinkTone;
+    /** Text to show for a match. Defaults to the match itself. */
+    label?: (ref: string) => string;
+    /** When set the reference is pressable and exposes a link role. */
+    onPress?: (ref: string) => void;
+}
+type ProseBlockType = 'h1' | 'h2' | 'h3' | 'li' | 'p';
+interface ProseBlock {
+    type: ProseBlockType;
+    text: string;
+}
+interface MarkdownProseProps {
+    /** Markdown source. Headings, bullet lists, paragraphs, bold and code are understood. */
+    body: string;
+    /** Reference patterns to auto-link, tried in order. */
+    linkers?: ProseLinker[];
+    className?: string;
+    testID?: string;
+}
+/**
+ * Splits markdown into the block kinds this renderer understands. Consecutive
+ * text lines join into one paragraph; a blank line ends it. An indented line
+ * straight after a bullet continues that bullet. Deeper headings flatten to
+ * h3, since session prose never needs more than three levels.
+ */
+declare function parseProseBlocks(body: string): ProseBlock[];
+/**
+ * MarkdownProse — renders a small, predictable markdown subset as themed prose
+ * and auto-links references the caller describes.
+ *
+ * It is deliberately not a full markdown engine: headings, bullet lists,
+ * paragraphs, bold and code cover the notes, briefs and session logs this
+ * system reads, and anything richer would need a design pass of its own.
+ * Composes {@link Typography}. Used by `SessionDetail` (session logs) and the
+ * initiative reader (brief and handoff prose).
+ */
+declare function MarkdownProse({ body, linkers, className, testID }: MarkdownProseProps): react_jsx_runtime.JSX.Element;
+
+/** A per-initiative task id such as `AW-22` or `TD-07.14`. */
+declare const TASK_REF_PATTERN: RegExp;
+/** An Obsidian-style `[[name]]` link into notes or memory. */
+declare const WIKI_LINK_PATTERN: RegExp;
+/** A bare `#123` pull-request or issue number. */
+declare const PR_REF_PATTERN: RegExp;
+/** Every distinct task id in a body, in first-seen order. */
+declare function extractTaskRefs(body: string): string[];
+/** Task ids read in the brand colour and, when a handler is given, open the task. */
+declare function taskRefLinker(onPress?: (id: string) => void): ProseLinker;
+/** `[[name]]` links drop their brackets and read as links; the handler receives the bare name. */
+declare function wikiLinkLinker(onPress?: (name: string) => void): ProseLinker;
+/** PR numbers recede rather than compete with task ids; the handler receives the number. */
+declare function prRefLinker(onPress?: (number: number) => void): ProseLinker;
+interface SessionLinkHandlers {
+    onPressTask?: (id: string) => void;
+    onPressLink?: (name: string) => void;
+    onPressPr?: (number: number) => void;
+}
+/** The three linkers a session log needs, in the order they should win a match. */
+declare function sessionLinkers(handlers?: SessionLinkHandlers): ProseLinker[];
+
+/** One recorded session, as the session reader consumes it. */
+interface SessionSummary {
+    id: string;
+    /** The session file's name, when the host has it. */
+    filename?: string;
+    /** ISO timestamps. */
+    started: string;
+    ended: string;
+    /** `canonical` is the mainline thread; anything else (`sidecar`, `adhoc`) is folded or parallel work. */
+    track: string;
+    /** The log's first heading, without the leading `#`. */
+    title: string;
+    /** The session log's markdown body. */
+    body: string;
+}
+interface SessionListItemProps {
+    session: SessionSummary;
+    /** Reference instant for the age label, injected so renders are deterministic. */
+    now: number;
+    /** Renders the selected treatment (raised fill + leading accent bar). */
+    selected?: boolean;
+    onSelect?: () => void;
+}
+/** The row's footer as one string: age, wall-clock length, distinct tasks touched, and the track. */
+declare function sessionRowMeta(session: SessionSummary, now: number, taskCount: number): string;
+/** The exact end time behind the relative age. */
+declare function ExactTime({ session }: {
+    session: SessionSummary;
+}): react_jsx_runtime.JSX.Element;
+/** The task ids behind the count. */
+declare function TaskIds({ refs }: {
+    refs: string[];
+}): react_jsx_runtime.JSX.Element;
+/**
+ * SessionListItem — one session in the reader's list, led by its title, with
+ * a footer of age · duration · tasks touched · track. Hovering the age shows
+ * the exact end time; hovering the task count lists the task ids.
+ *
+ * Composes {@link Tooltip} (controlled, so the row keeps its press),
+ * {@link DateTime} and {@link Typography}. Used by {@link SessionList}.
+ */
+declare function SessionListItem({ session, now, selected, onSelect, }: SessionListItemProps): react_jsx_runtime.JSX.Element;
+
+interface SessionListProps {
+    /** Newest first is the expected order; the list renders what it is given. */
+    sessions: SessionSummary[];
+    /** Reference instant for the age labels, injected so renders are deterministic. */
+    now: number;
+    selectedId?: string;
+    onSelect?: (session: SessionSummary) => void;
+    /** Heading over the list. Defaults to the session count. */
+    label?: string;
+    className?: string;
+}
+interface Period {
+    label: string;
+    sessions: SessionSummary[];
+}
+/** The calendar month a session ended in, as the list's period label. */
+declare function sessionPeriod(iso: string): string;
+/** Consecutive sessions in the same month, in the order given. */
+declare function groupByPeriod(sessions: SessionSummary[]): Period[];
+/**
+ * SessionList — the selectable list half of the session reader. Owns no
+ * selection state: the host holds `selectedId` and pairs the list with a
+ * `SessionDetail`, so the two can be laid out however the surface needs.
+ * Sessions are grouped under a hairline divider per calendar month once the
+ * list spans more than one.
+ *
+ * Composes {@link Eyebrow}, {@link Divider} and {@link SessionListItem}.
+ */
+declare function SessionList({ sessions, now, selectedId, onSelect, label, className, }: SessionListProps): react_jsx_runtime.JSX.Element;
+
+interface SessionDetailProps extends SessionLinkHandlers {
+    session: SessionSummary;
+    /** Reference instant for the age label, injected so renders are deterministic. */
+    now: number;
+    /**
+     * Task rows for the ids the log mentions, resolved by the host from its task
+     * store. When given, the tasks-touched strip can expand into a table.
+     */
+    tasks?: TaskListItem[];
+    className?: string;
+}
+/** The body without its leading h1: the card header carries the title. */
+declare function stripLeadingHeading(body: string): string;
+/**
+ * SessionDetail — one session log, readable: its title, when it ran and for
+ * how long, the tasks it touched (as pills, or as a table when the host
+ * supplies the rows), then the markdown body with task ids, `[[name]]` links
+ * and PR numbers auto-linked.
+ *
+ * Holds no selection state; pair it with {@link SessionList} in the host.
+ * Composes {@link Card}, {@link Divider}, {@link Pill}, {@link Collapse},
+ * {@link DateTime}, {@link TaskTable} and {@link MarkdownProse}.
+ */
+declare function SessionDetail({ session, now, tasks, onPressTask, onPressLink, onPressPr, className, }: SessionDetailProps): react_jsx_runtime.JSX.Element;
+
+interface InitiativeHeaderProps {
+    title: string;
+    /** Short slug shown under the title, e.g. `active-work`. */
+    slug: string;
+    state: InitiativeState;
+    /** Focused rank (1-based). Shown as `#N` for a ranked state. */
+    rank?: number;
+    /** Ship-target label, e.g. `2026-Q3`. */
+    shipTarget?: string;
+    /** ISO date the brief last changed. */
+    updated?: string;
+    className?: string;
+}
+/**
+ * InitiativeHeader — an initiative's identity line: title, slug, state, rank,
+ * ship target and when it was last touched.
+ *
+ * Shares the state vocabulary with {@link InitiativeCard} through
+ * `INITIATIVE_STATE_META`. Composes {@link StatusDot}, {@link Pill},
+ * {@link DateTime} and {@link Typography}. Used by the initiative reader.
+ */
+declare function InitiativeHeader({ title, slug, state, rank, shipTarget, updated, className, }: InitiativeHeaderProps): react_jsx_runtime.JSX.Element;
+
+/** An initiative's durable brief, as the reader consumes it. */
+interface InitiativeBriefData {
+    slug: string;
+    title: string;
+    state: string;
+    rank?: number | null;
+    shipTarget?: string | null;
+    updated: string;
+    /** The brief's markdown body. */
+    body: string;
+}
+/** A brief section: an `##` heading and the prose beneath it, up to the next `##`. */
+interface BriefSection {
+    heading: string;
+    body: string;
+}
+interface InitiativeBriefProps {
+    brief: InitiativeBriefData;
+    /** Reference patterns to auto-link in the prose. */
+    linkers?: ProseLinker[];
+    className?: string;
+}
+/**
+ * Splits a brief into its `##` sections, dropping the leading `#` title (the
+ * header already shows it). Anything before the first `##` becomes a leading
+ * section with an empty heading, so a brief with no sections still renders.
+ */
+declare function splitBriefSections(body: string): BriefSection[];
+/**
+ * InitiativeBrief — an initiative's brief prose as a single-open accordion of
+ * its `##` sections: click any heading to open it, or step through them with
+ * the prev/next controls in the header, which close the current section and
+ * open the next. Prose before the first `##` always shows. References
+ * auto-link from `linkers`.
+ *
+ * Composes {@link Eyebrow}, {@link MarkdownProse} and {@link Typography}. Used
+ * by the initiative reader.
+ */
+declare function InitiativeBrief({ brief, linkers, className }: InitiativeBriefProps): react_jsx_runtime.JSX.Element;
+
+/** What a loop is about, so the reader can colour and label its kind. */
+type OpenLoopKind = 'task' | 'pr' | 'prose';
+/** One hanging thread from the session ledger, as the reader consumes it. */
+interface OpenLoop {
+    /** Stable `<session-file-stem>#<id>` reference. */
+    ref: string;
+    kind: OpenLoopKind;
+    /** The loop text, auto-linked like any prose. */
+    text: string;
+    /** The task this loop tracks, when kind is `task`. */
+    targetRef?: string;
+    /** ISO time the loop was opened; drives the age label. */
+    openedAt?: string;
+    /** The session file that opened it. */
+    sessionFile?: string;
+}
+interface OpenLoopsProps {
+    loops: OpenLoop[];
+    /** Reference instant for the age labels, injected so renders are deterministic. */
+    now: number;
+    /** Reference patterns to auto-link in each loop's text. */
+    linkers?: ProseLinker[];
+    /** Heading over the list. Defaults to the loop count. */
+    label?: string;
+    /** Rendered when there are no open loops. */
+    emptyLabel?: string;
+    className?: string;
+}
+/**
+ * OpenLoops — the initiative's hanging threads from the session ledger: each
+ * loop's kind, age and auto-linked text. This is the durable "current state"
+ * a session picks up, in place of a hand-maintained handoff document.
+ *
+ * Composes {@link Eyebrow}, {@link Pill}, {@link Divider} and
+ * {@link MarkdownProse}. Used by the initiative reader.
+ */
+declare function OpenLoops({ loops, now, linkers, label, emptyLabel, className, }: OpenLoopsProps): react_jsx_runtime.JSX.Element;
+
+/** The apps that are expected to mount this shell. */
+type BrandKey = 'voltras' | 'audiobook' | 'active-work' | 'agents' | 'brain';
+interface BrandPreset {
+    /** The mark glyph, rendered at 14px through the accent token via `currentColor`. */
+    mark: ReactNode;
+    /** Uppercase product wordmark. */
+    wordmark: string;
+    /** Semantic text token that colours the mark. */
+    accentClassName: string;
+    /**
+     * The same accent as a background token, for the nav's active bar. Declared as
+     * a literal alongside its `text-*` twin because Tailwind only emits classes it
+     * can see in the source — a name built at runtime is never generated.
+     */
+    accentBarClassName: string;
+    /** Default "/ subtitle" for that app's shell. */
+    subtitle: string;
+}
+declare const brandPresets: Record<BrandKey, BrandPreset>;
+/** Every brand key, in the order the stories present them. */
+declare const brandKeys: BrandKey[];
+
 interface BrandLockupProps extends ViewProps {
-    /** The "/ subtitle" that follows the wordmark. Default "wall dashboard". */
+    /** Which app's identity to render. Defaults to `voltras`. */
+    brand?: BrandKey;
+    /** Replace the preset's mark glyph. */
+    mark?: ReactNode;
+    /** Replace the preset's wordmark. */
+    wordmark?: string;
+    /** Replace the preset's accent — a semantic `text-*` token class for the mark. */
+    accentClassName?: string;
+    /** The "/ subtitle" that follows the wordmark. Defaults to the brand's own. */
     subtitle?: string;
     /** Show the subtitle. Hidden at tablet width and below (S1-Q4 responsive). */
     showSubtitle?: boolean;
     className?: string;
 }
 /**
- * Product identity lockup for the top bar: ◇ mark + VOLTRAS wordmark + optional
- * subtitle. Composes the VoltrasMark icon + Typography. S1 · BrandLockup.
+ * Product identity lockup for the top bar: mark + wordmark + optional subtitle.
+ * Generic over the app: pick a `brand` preset, or override `mark` / `wordmark` /
+ * `accentClassName` / `subtitle` piecemeal for an app that has no preset yet.
+ * Composes an icon primitive + Typography. S1 · BrandLockup.
+ */
+declare function BrandLockup({ brand, mark, wordmark, accentClassName, subtitle, showSubtitle, className, ...props }: BrandLockupProps): react_jsx_runtime.JSX.Element;
+
+interface TopBarProps {
+    /** Which app identity the default {@link BrandLockup} renders. */
+    brand?: BrandKey;
+    /** Brand subtitle. Defaults to the brand preset's own. */
+    subtitle?: string;
+    /** Force the subtitle on/off; defaults to container-responsive (hidden below ~1024px). */
+    showSubtitle?: boolean;
+    /**
+     * Replace the whole brand region. Wins over `brand` / `subtitle`, and opts out
+     * of the responsive subtitle collapse — the node owns its own behaviour.
+     */
+    leading?: ReactNode;
+    /**
+     * App chrome for the right cluster, left → right. An array is rendered with the
+     * bar's own vertical dividers between the items, so an app supplies its
+     * controls and the shell keeps the divider rhythm.
+     */
+    trailing?: ReactNode | ReactNode[];
+    /** The moment to display in the clock (Date/timestamp). Omit for a live ticking clock. */
+    time?: number | Date;
+    /** Force the clock on/off; defaults to container-responsive (hidden below ~720px). */
+    showClock?: boolean;
+    className?: string;
+}
+/**
+ * S1 · TopBar — the persistent shell chrome band, generic over the app. Brand
+ * (left) + a `trailing` cluster of app-supplied chrome and the wall clock (clock
+ * edge-pinned so spacing stays stable as the items' text changes). Collapses
+ * subtitle then clock as its container narrows.
+ *
+ * @example
+ * <TopBar brand="brain" trailing={[<IndexStatus />, <SearchScope />]} />
+ */
+declare function TopBar({ brand, subtitle, showSubtitle, leading, trailing, time, showClock, className, }: TopBarProps): react_jsx_runtime.JSX.Element;
+
+interface NavItemProps {
+    /** The nav glyph (an icon from `components/icons`, rendered ~20px via `currentColor`). */
+    icon: ReactNode;
+    /** Short label shown under the glyph (uppercased for display; used as the accessible name). */
+    label: string;
+    /** Active category → left accent bar + accent-colored glyph & label. */
+    active?: boolean;
+    /**
+     * A set is running for this category while it is NOT the active view
+     * (live-elsewhere) → a quiet muted-green label tint. Ignored when `active`.
+     */
+    live?: boolean;
+    /** Semantic `text-*` token for the active glyph and label. Defaults to the Voltras brand. */
+    accentClassName?: string;
+    /** Semantic `bg-*` token for the active bar. Pair it with `accentClassName`. */
+    accentBarClassName?: string;
+    onPress?: () => void;
+    className?: string;
+}
+/**
+ * Shell S2 · NavItem — one category button in the {@link SideNav}: a 20px glyph
+ * over an uppercase micro-label in a 46×46 target. The button spans the full 60px
+ * rail so the active **left accent bar** sits flush to the rail's edge. States:
+ * active = accent bar + the accent token; `live` (while not active) tints only the
+ * label `status-success-dark` (the glyph stays dim); otherwise dim `text-tertiary`.
+ *
+ * The accent follows the mounting app's brand, so a Brain shell reads yellow
+ * throughout rather than showing a Voltras-orange active item under its own lockup.
+ */
+declare function NavItem({ icon, label, active, live, accentClassName, accentBarClassName, onPress, className, }: NavItemProps): react_jsx_runtime.JSX.Element;
+
+interface SideNavItem {
+    /** Stable category key — matches `activeKey` / `liveKey`. */
+    key: string;
+    /** Micro-label shown under the glyph. */
+    label: string;
+    /** The glyph node (rendered ~20px via `currentColor`). */
+    icon: ReactNode;
+}
+interface SideNavProps {
+    /** Category items, top → bottom. The app owns its own categories. */
+    items: SideNavItem[];
+    /** Key of the active category. */
+    activeKey: string;
+    /** Called with the tapped item's key. */
+    onNavigate?: (key: string) => void;
+    /**
+     * Key of a category with live activity while it is NOT active (e.g. a set
+     * running off its view) → a quiet green cue on that item's label.
+     */
+    liveKey?: string | null;
+    /** Semantic `text-*` token for the active item. Defaults to the Voltras brand. */
+    accentClassName?: string;
+    /** Semantic `bg-*` token for the active bar. Pair it with `accentClassName`. */
+    accentBarClassName?: string;
+    className?: string;
+}
+/**
+ * Shell S2 · SideNav — the persistent 60px left rail that switches the main
+ * viewport between an app's categories. Presentational: it renders `items` and
+ * reports taps via `onNavigate`; the app owns its categories, routing, and which
+ * key is `live`. Active item shows a left accent bar in the app's brand accent;
+ * `liveKey` (when not the active view) tints that item's label a muted green.
+ * Fixed 60px at every width — labels sit under the glyph, so they never change
+ * the rail width.
+ */
+declare function SideNav({ items, activeKey, onNavigate, liveKey, accentClassName, accentBarClassName, className, }: SideNavProps): react_jsx_runtime.JSX.Element;
+
+interface AppShellProps {
+    /** Which app identity the default {@link TopBar} and nav accent render. */
+    brand?: BrandKey;
+    /** Brand subtitle on the default top bar. */
+    subtitle?: string;
+    /** App chrome for the default top bar's right cluster (divider-separated). */
+    topBarTrailing?: ReactNode | ReactNode[];
+    /** Replace the whole top bar. Wins over `brand` / `subtitle` / `topBarTrailing`. */
+    topBar?: ReactNode;
+    /** Nav categories, top → bottom. */
+    navItems?: SideNavItem[];
+    /** Active nav category key. */
+    activeKey?: string;
+    /** A category with off-view live activity → a quiet cue on that item. */
+    liveKey?: string | null;
+    onNavigate?: (key: string) => void;
+    /** Replace the whole left rail. Wins over `navItems` / `activeKey` / `liveKey`. */
+    nav?: ReactNode;
+    /** Main content region. A placeholder renders when omitted. */
+    children?: ReactNode;
+    className?: string;
+}
+/**
+ * `AppShell` — the generic dashboard chrome: a {@link TopBar} band over a
+ * {@link SideNav} rail and a `children` content region. It knows nothing about
+ * any one app: chrome arrives through the `topBarTrailing` slot (or the whole
+ * `topBar` / `nav` slots), and categories through `navItems`. An app builds its
+ * own shell by composing this one — see `shell/workout/WorkoutShell`.
+ *
+ * @example
+ * <AppShell brand="brain" navItems={brainNavItems} activeKey={key} onNavigate={go}>
+ *   <BrainPage />
+ * </AppShell>
  */
-declare function BrandLockup({ subtitle, showSubtitle, className, ...props }: BrandLockupProps): react_jsx_runtime.JSX.Element;
+declare function AppShell({ brand, subtitle, topBarTrailing, topBar, navItems, activeKey, liveKey, onNavigate, nav, children, className, }: AppShellProps): react_jsx_runtime.JSX.Element;
 
 type SessionState = 'live' | 'rest' | 'idle';
 interface SessionStatePillProps extends ViewProps {
@@ -4213,6 +5352,8 @@ interface SessionStatePillProps extends ViewProps {
  * The global session-state readout (dot + label). Shared: the top bar's status
  * and the Live-view header both use it (this is the ledger's "StatusPill",
  * Family C — built once). S1 · SessionStatePill.
+ *
+ * @deprecated Use `<Pill tone="…" leading="dot">` — removed after AW-127 consumer migration.
  */
 declare function SessionStatePill({ state, label, className, ...props }: SessionStatePillProps): react_jsx_runtime.JSX.Element;
 
@@ -4270,7 +5411,15 @@ interface DeviceMenuProps {
  */
 declare function DeviceMenu({ devices, isOpen, onOpenChange, onSelectDevice, className, }: DeviceMenuProps): react_jsx_runtime.JSX.Element;
 
-interface TopBarProps {
+/** The four workout-dashboard categories with their locked S2 glyphs (activity · history · layers · figure). */
+declare const workoutNavItems: SideNavItem[];
+/**
+ * @deprecated Use `workoutNavItems` — these are the workout app's categories,
+ * not a generic shell default. `SideNav.items` is required now (AW-132).
+ */
+declare const defaultNavItems: SideNavItem[];
+
+interface WorkoutTopBarProps {
     /** Global session state → the status pill. */
     state: SessionState;
     /** Devices for the connection glyph + dropdown. */
@@ -4279,89 +5428,31 @@ interface TopBarProps {
     time?: number | Date;
     /** Brand subtitle. Default "wall dashboard". */
     subtitle?: string;
-    /** Force the subtitle on/off; defaults to container-responsive (hidden below ~1024px). */
+    /** Force the subtitle on/off; defaults to container-responsive. */
     showSubtitle?: boolean;
-    /** Force the clock on/off; defaults to container-responsive (hidden below ~720px). */
+    /** Force the clock on/off; defaults to container-responsive. */
     showClock?: boolean;
     onSelectDevice?: (device: Device) => void;
     className?: string;
 }
 /**
- * S1 · TopBar — the persistent shell chrome band. Brand (left) + a right cluster
- * of session state · device glyph · clock (clock edge-pinned so spacing stays
- * stable as the state text changes). Collapses subtitle then clock as its
- * container narrows.
+ * The workout app's top bar — the generic {@link TopBar} with the workout's own
+ * chrome in its `trailing` slot: session state, then the device menu. The bar
+ * adds its dividers and the clock; this component only supplies the items.
  */
-declare function TopBar({ state, devices, time, subtitle, showSubtitle, showClock, onSelectDevice, className, }: TopBarProps): react_jsx_runtime.JSX.Element;
+declare function WorkoutTopBar({ state, devices, time, subtitle, showSubtitle, showClock, onSelectDevice, className, }: WorkoutTopBarProps): react_jsx_runtime.JSX.Element;
 
-interface NavItemProps {
-    /** The nav glyph (an icon from `components/icons`, rendered ~20px via `currentColor`). */
-    icon: ReactNode;
-    /** Short label shown under the glyph (uppercased for display; used as the accessible name). */
-    label: string;
-    /** Active category → left accent bar + brand-colored glyph & label. */
-    active?: boolean;
-    /**
-     * A set is running for this category while it is NOT the active view
-     * (live-elsewhere) → a quiet muted-green label tint. Ignored when `active`.
-     */
-    live?: boolean;
-    onPress?: () => void;
-    className?: string;
-}
 /**
- * Shell S2 · NavItem — one category button in the {@link SideNav}: a 20px glyph
- * over an uppercase micro-label in a 46×46 target. The button spans the full 60px
- * rail so the active **left accent bar** sits flush to the rail's edge. States:
- * active = accent bar + `brand-primary`; `live` (while not active) tints only the
- * label `status-success-dark` (the glyph stays dim); otherwise dim `text-tertiary`.
+ * `WorkoutShell` — the workout wall-dashboard chrome. Composes the generic
+ * {@link AppShell} and fills its top-bar slot with the workout's own
+ * {@link WorkoutTopBar} (session state + device menu) and its nav slot with the
+ * four workout categories. The generic shell knows none of this; this component
+ * is the whole workout-specific surface. Driven entirely by props.
  */
-declare function NavItem({ icon, label, active, live, onPress, className, }: NavItemProps): react_jsx_runtime.JSX.Element;
-
-interface SideNavItem {
-    /** Stable category key — matches `activeKey` / `liveKey`. */
-    key: string;
-    /** Micro-label shown under the glyph. */
-    label: string;
-    /** The glyph node (rendered ~20px via `currentColor`). */
-    icon: ReactNode;
-}
-interface SideNavProps {
-    /** Category items, top → bottom. Defaults to the four dashboard categories. */
-    items?: SideNavItem[];
-    /** Key of the active category. */
-    activeKey: string;
-    /** Called with the tapped item's key. */
-    onNavigate?: (key: string) => void;
-    /**
-     * Key of a category with live activity while it is NOT active (e.g. a set
-     * running off its view) → a quiet green cue on that item's label.
-     */
-    liveKey?: string | null;
-    className?: string;
-}
-/** The four dashboard categories with their locked S2 glyphs (activity · history · layers · figure). */
-declare const defaultNavItems: SideNavItem[];
-/**
- * Shell S2 · SideNav — the persistent 60px left rail that switches the main
- * viewport between categories (Live · Review · Program · Body). Presentational:
- * it renders `items` and reports taps via `onNavigate`; the app owns routing and
- * which key is `live`. Active item shows a left accent bar; `liveKey` (when not
- * the active view) tints that item's label a muted green. Fixed 60px at every
- * width — labels sit under the glyph, so they never change the rail width.
- */
-declare function SideNav({ items, activeKey, onNavigate, liveKey, className, }: SideNavProps): react_jsx_runtime.JSX.Element;
-
-/**
- * `DashboardShell` — the wall-dashboard chrome: a persistent {@link SideNav} rail +
- * {@link TopBar} over a main content region. A thin frame that wires the shell-nav
- * organisms together and exposes a `children` content slot, so the dashboard app
- * mounts one component instead of re-assembling the chrome. Driven entirely by props.
- */
-interface DashboardShellProps {
+interface WorkoutShellProps {
     /** Active nav category key. */
     activeKey?: string;
-    /** Nav categories, top → bottom. Defaults to SideNav's four dashboard categories. */
+    /** Nav categories, top → bottom. Defaults to the four workout categories. */
     navItems?: SideNavItem[];
     /** A category with off-view live activity → a quiet cue on that item. */
     liveKey?: string | null;
@@ -4377,7 +5468,11 @@ interface DashboardShellProps {
     children?: ReactNode;
     className?: string;
 }
-declare function DashboardShell({ activeKey, navItems, liveKey, state, devices, subtitle, onNavigate, onSelectDevice, children, className, }: DashboardShellProps): react_jsx_runtime.JSX.Element;
+declare function WorkoutShell({ activeKey, navItems, liveKey, state, devices, subtitle, onNavigate, onSelectDevice, children, className, }: WorkoutShellProps): react_jsx_runtime.JSX.Element;
+/** @deprecated Renamed to `WorkoutShell` — same props (AW-132). Removed after consumer migration. */
+declare const DashboardShell: typeof WorkoutShell;
+/** @deprecated Renamed to `WorkoutShellProps` (AW-132). */
+type DashboardShellProps = WorkoutShellProps;
 
 /**
  * Utility function to merge Tailwind CSS classes with proper conflict resolution.
@@ -4390,10 +5485,20 @@ declare function DashboardShell({ activeKey, navItems, liveKey, state, devices,
 declare function cn(...inputs: ClassValue[]): string;
 
 /**
- * Color utility functions for the design system
+ * Compact integer formatting for dense readouts (stat tiles, sparkline
+ * captions) where a full-precision number would blow the column width.
+ */
+/** 1234 → "1.2k", 1048576 → "1.0M", 42 → "42". Sign is preserved. */
+declare function formatCompact(n: number): string;
+/** Like {@link formatCompact} but always signed: 514689 → "+514.7k", -20 → "-20". */
+declare function formatSignedCompact(n: number): string;
+
+/**
+ * Color utility functions for the design system.
  *
- * lighten/darken are re-exported from shadows.ts which uses HSV-based
- * color math for more perceptually consistent results across hues.
+ * `lighten`/`darken` are re-exported from `theme/color-utils`, which does the
+ * HSV math. They are hover/state adjustments, not a depth ladder — planes come
+ * from the grey ramp.
  */
 
 type StatusType = 'success' | 'error' | 'warning' | 'info';
@@ -4587,4 +5692,4 @@ interface PrescriptionInput {
  */
 declare function formatPrescription(p: PrescriptionInput | null | undefined): string | null;
 
-export { Accordion, AccordionButton, type AccordionButtonProps, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, ActivityIcon, Alert, AlertDescription, type AlertDescriptionProps, type AlertProps, type AlertStatus, AlertTitle, type AlertTitleProps, AlertTriangleIcon, type AlertVariant, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, AvatarBadge, type AvatarBadgeProps, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, AwardIcon, BAND_GAP, BAND_H, Badge, type BadgeColor, type BadgeProps, type BadgeSize, BadgeText, type BadgeTextProps, type BadgeVariant, BaseBadge, type BaseBadgeProps, type BaseBadgeSize, type BaseBadgeVariant, BluetoothIcon, BrandLockup, type BrandLockupProps, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonColor, ButtonIcon, type ButtonIconProps, type ButtonProps, type ButtonSize, ButtonSpinner, type ButtonSpinnerProps, ButtonText, type ButtonTextProps, type ButtonVariant, Caption, type CaptionProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, type CardElevation, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardSkeleton, type CardSkeletonProps, CardTitle, type CardTitleProps, type CardVariant, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, Chip, type ChipColor, type ChipProps, type ChipSize, type ChipVariant, CircleSlashIcon, CircularProgress, type CircularProgressProps, CircularTimer, type CircularTimerProps, Collapse, CollapseButton, type CollapseButtonProps, CollapseContent, type CollapseContentProps, type CollapseProps, DRIFT_GREY, DashboardShell, type DashboardShellProps, DataRow, type DataRowProps, DateTime, type DateTimeFormat, type DateTimeProps, DeviationBar, type DeviationBarProps, type Device, type DeviceConnState, DeviceIndicator, type DeviceIndicatorProps, DeviceMenu, type DeviceMenuProps, DeviceRow, type DeviceRowProps, type DeviceRowState, type DimensionTone, Divider, type DividerOrientation, type DividerProps, Drawer, DrawerBody, type DrawerBodyProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerPlacement, type DrawerProps, type DrawerSize, DualGhostSpark, type DualGhostSparkProps, DumbbellIcon, ElevationLevel, EmptyState, type EmptyStateProps, ExerciseCardHeading, type ExerciseCardHeadingProps, ExerciseHeading, type ExerciseHeadingProps, ExerciseIndicatorKind, FatigueLights, type FatigueLightsProps, FatigueMeter, type FatigueMeterProps, type FatigueVerdict, type FatigueVerdictState, type FieldState, type FieldWrapperProps, FormActions, type FormActionsProps, type FormErrors, FormField, type FormFieldProps, FormRow, type FormRowProps, FormSection, type FormSectionProps, type FormTouched, type FormValues, GRIND_THRESHOLD, Gauge, type GaugeProps, type GaugeThreshold, GhostBand, type GhostBandProps, GhostBloom, type GhostBloomProps, GhostSpark, type GhostSparkProps, GlowIntensity, HStack, Heading, type HeadingProps, HelpTip, type HelpTipIcon, type HelpTipPlacement, type HelpTipProps, type HelpTipSize, HistoryIcon, IconBox, type IconBoxProps, type IconProps, Indicator, type IndicatorColor, type IndicatorProps, type IndicatorPulse, type IndicatorSize, InfoIcon, Input, InputBar, type InputBarProps, InputGroup, type InputGroupProps, type InputProps, type InputSize, type InputVariant, IntensityBar, type IntensityBarProps, Label, type LabelProps, LabelWithHelp, type LabelWithHelpProps, LayersIcon, Link, type LinkColor, type LinkProps, type LinkUnderline, ListItem, ListItemContent, type ListItemContentProps, ListItemDivider, type ListItemDividerProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemTrailing, type ListItemTrailingProps, type LiveAuraCategory, LiveAuraFrame, type LiveAuraFrameProps, LiveFatigueCard, type LiveFatigueCardProps, type LiveFatigueModel, LiveFatiguePanel, type LiveFatiguePanelHeader, type LiveFatiguePanelProps, type LiveFatiguePanelVelocity, METRIC_FONT, Menu, MenuDivider, type MenuDividerProps, MenuGroup, type MenuGroupProps, MenuItem, type MenuItemProps, MenuList, type MenuListProps, type MenuProps, MenuTrigger, type MenuTriggerProps, Metric, MetricCell, type MetricCellProps, MetricGroup, type MetricGroupProps, type MetricProps, type MetricTileData, MetricTiles, type MetricTilesProps, type MetricTrend, Modal, ModalBody, type ModalBodyProps, ModalCloseButton, type ModalCloseButtonProps, ModalContent, type ModalContentProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalProps, type ModalSize, ModalTitle, type ModalTitleProps, MuscleGroupChip, type MuscleGroupChipProps, NavItem, type NavItemProps, type OnSurfaceRole, Overline, type OverlineProps, PHASE_AXIS_COLOR, type PRType, type PaceTone, Paragraph, type ParagraphProps, PasswordInput, type PasswordInputProps, PersonStandingIcon, type PhaseSegment, Pill, type PillColor, type PillProps, type PillSize, type PillVariant, PlaceholderStrip, type PlaceholderStripProps, Popover, PopoverCloseButton, type PopoverCloseButtonProps, PopoverContent, type PopoverContentProps, type PopoverPlacement, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, PrBadge, type PrBadgeProps, PrHistoryModal, type PrHistoryModalProps, type PrRecord, type PrRecordType, type PrescriptionInput, Progress, type ProgressColor, type ProgressProps, type ProgressSize, ProgressSteps, type ProgressStepsProps, type ProgressVariant, type Pt, RED_DEEP, RED_LIGHT, RED_MID, Radio, type RadioColor, RadioGroup, type RadioGroupProps, type RadioProps, type RadioSize, ReadinessCheck, type ReadinessCheckProps, type ReadinessFactor, type RepRomPoint, type RepVelocityCurve, RestTimer, type RestTimerProps, type ResultType, RomProgressionChart, type RomProgressionChartProps, SILVER, STATE_LABEL, SURFACE_LEVEL_TOKEN, type SamplePhase, ScaleIcon, Scatter, type ScatterAxis, type ScatterDatum, type ScatterProps, ScheduleTiles, type ScheduleTilesProps, Section, SectionContent, type SectionContentProps, SectionHeader, type SectionHeaderProps, type SectionProps, SegmentedBar, type SegmentedBarProps, type SegmentedBarSegment, SegmentedProgressBar, type SegmentedProgressBarProps, type SegmentedProgressBarSegment, Select, type SelectOption, type SelectProps, SessionHeader, type SessionHeaderPlanEntry, type SessionHeaderProps, SessionRail, type SessionRailExercise, type SessionRailProps, type SessionState, SessionStatePill, type SessionStatePillProps, SetRowProps, SetStrip, type SetStripProps, SetStripSet, SetTableHeader, type SetTableHeaderProps, SetsRepsLoad, type SetsRepsLoadProps, SideNav, type SideNavItem, type SideNavProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarDivider, type SidebarDividerProps, SidebarFooter, type SidebarFooterProps, SidebarHeader, type SidebarHeaderProps, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, Skeleton, type SkeletonAnimation, SkeletonCard, type SkeletonCardProps, SkeletonCircle, type SkeletonCircleProps, SkeletonListItem, type SkeletonListItemProps, type SkeletonProps, SkeletonText, type SkeletonTextProps, type SkeletonVariant, type SortDirection, Sparkline, type SparklineProps, Spinner, type SpinnerColor, type SpinnerProps, type SpinnerSize, Stack, type StackProps, StarIcon, StatusDot, type StatusDotProps, type StatusDotVariant, StatusPill, type StatusPillProps, type StatusPillStatus, type StatusType, StepContent, type StepContentProps, StepIndicator, type StepIndicatorProps, StepLabel, type StepLabelProps, type StepStatus, Stepper, type StepperOrientation, type StepperProps, Step as StepperStep, type StepProps as StepperStepProps, SupersetWrapper, type SupersetWrapperProps, Surface, SurfaceContext, type SurfaceContextValue, type SurfaceLevel, type SurfaceProps, SvgIcon, type SvgIconProps, Switch, type SwitchProps, type SwitchSize, TONE_COLOR, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TablePagination, type TablePaginationProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsOrientation, type TabsProps, type TabsVariant, TempoDisplay, type TempoDisplayProps, type TempoLivePhase, type TempoLiveReadout, type TempoLiveState, ThemeMode, Tile, type TileProps, type TimerMode, TimerReadout, type TimerReadoutProps, type TimerState, Toast, type ToastConfig, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastStatus, ToolbarButton, ToolbarButtonGroup, type ToolbarButtonGroupProps, type ToolbarButtonProps, type ToolbarButtonSize, type ToolbarButtonVariant, Tooltip, type TooltipPlacement, type TooltipProps, TopBar, type TopBarProps, Treemap, type TreemapDatum, type TreemapProps, type TreemapScale, TrendingDownIcon, Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, type UseTableOptions, type UseTableReturn, type UseTimerOptions, VStack, VelocityHero, type VelocityHeroProps, type VelocitySample, VerdictHero, type VerdictHeroProps, VoltrasMark, VolumeLandmarkBar, type VolumeLandmarkBarProps, VolumeLandmarks, type VolumeStatus, type VolumeZone, type WarmUpStatus, type WarmUpValidation, WeightBadge, type WeightBadgeProps, type WeightBadgeSize, ZoneTrack, type ZoneTrackBand, type ZoneTrackMarker, type ZoneTrackProps, type ZoneTrackTick, type ZoneTrackZone, alpha, auraForVerdict, cn, composeValidators, createFieldId, defaultNavItems, formatDateTime, formatDuration, formatPrescription, formatSignedPct, formatVelocity, getContrastText, getFieldAriaProps, getFieldValidationProps, getLuminance, getResultColor, getStatusColor, ghostLineColor, hasMaxLength, hasMinLength, isEmpty, isValidEmail, liveAuraColor, mergePhaseSegments, onSurfaceColors, paceTone, paceToneColor, pressedLevel, roundRpe, roundTempo, roundWeight, rpeColor, smoothPath, statusPillColor, surfaceBackground, useOnSurfaceColor, useSurface, useSurfaceMode, useTable, useTimer, useToast, useToolbarButton, validationRules };
+export { Accordion, AccordionButton, type AccordionButtonProps, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, ActivityIcon, Alert, AlertDescription, type AlertDescriptionProps, type AlertProps, type AlertStatus, AlertTitle, type AlertTitleProps, AlertTriangleIcon, type AlertVariant, AppShell, type AppShellProps, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, AvatarBadge, type AvatarBadgeProps, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, AwardIcon, BAND_GAP, BAND_H, Badge, type BadgeColor, type BadgeProps, type BadgeSize, BadgeText, type BadgeTextProps, type BadgeVariant, BaseBadge, type BaseBadgeProps, type BaseBadgeSize, type BaseBadgeVariant, BluetoothIcon, BotIcon, BrainIcon, type BrandKey, BrandLockup, type BrandLockupProps, type BrandPreset, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type BreadcrumbsProps, type BriefSection, Button, type ButtonColor, ButtonIcon, type ButtonIconProps, type ButtonProps, type ButtonSize, ButtonSpinner, type ButtonSpinnerProps, ButtonText, type ButtonTextProps, type ButtonVariant, CARD_HEIGHT_SHARE_STACKED, CARD_WIDTH_BASE, CARD_WIDTH_MAX, CARD_WIDTH_XL_RATIO, COMPACT_SEVERITY_BELOW, Caption, type CaptionProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, type CardElevation, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardSkeleton, type CardSkeletonProps, CardTitle, type CardTitleProps, type CardVariant, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, Chip, type ChipColor, type ChipProps, type ChipSize, type ChipVariant, CircleSlashIcon, CircularProgress, type CircularProgressProps, CircularTimer, type CircularTimerProps, CoChangeChip, type CoChangeChipProps, type CoChangeEdge, Collapse, CollapseButton, type CollapseButtonProps, CollapseContent, type CollapseContentProps, type CollapseProps, type ColumnFitResult, DRIFT_GREY, DashboardShell, type DashboardShellProps, DataRow, type DataRowProps, DateTime, type DateTimeFormat, type DateTimeProps, DeviationBar, type DeviationBarProps, type Device, type DeviceConnState, DeviceIndicator, type DeviceIndicatorProps, DeviceMenu, type DeviceMenuProps, DeviceRow, type DeviceRowProps, type DeviceRowState, type DimensionTone, Divider, type DividerOrientation, type DividerProps, Drawer, DrawerBody, type DrawerBodyProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerPlacement, type DrawerProps, type DrawerSize, DualGhostSpark, type DualGhostSparkProps, DumbbellIcon, ElevationLevel, EmptyState, type EmptyStateProps, ExactTime, ExerciseCardHeading, type ExerciseCardHeadingProps, ExerciseHeading, type ExerciseHeadingProps, ExerciseIndicatorKind, Eyebrow, type EyebrowProps, FILE_EVENT_COLOR, FILE_EVENT_COLOR_CATEGORICAL, FILE_EVENT_COLOR_SEMANTIC, FatigueLights, type FatigueLightsProps, FatigueMeter, type FatigueMeterProps, type FatigueVerdict, type FatigueVerdictState, type FieldState, type FieldWrapperProps, type FileActivity, FileActivityDetail, type FileActivityDetailData, type FileActivityDetailProps, FileActivityRow, type FileActivityRowProps, type FileCoChange, type FileEventColors, FileHistoryExplorer, type FileHistoryExplorerProps, type FileHistoryStat, FilePathLabel, type FilePathLabelProps, type FilePathLabelSize, FormActions, type FormActionsProps, type FormErrors, FormField, type FormFieldProps, FormRow, type FormRowProps, FormSection, type FormSectionProps, type FormTouched, type FormValues, GRIND_THRESHOLD, Gauge, type GaugeProps, type GaugeThreshold, GhostBand, type GhostBandProps, GhostBloom, type GhostBloomProps, GhostSpark, type GhostSparkProps, GlowIntensity, HERO_EYEBROW_ALLOWANCE, HStack, Heading, type HeadingProps, HeadphonesIcon, HelpTip, type HelpTipIcon, type HelpTipPlacement, type HelpTipProps, type HelpTipSize, HistoryIcon, INITIATIVE_STATE_META, IconBox, type IconBoxProps, type IconProps, Indicator, type IndicatorColor, type IndicatorProps, type IndicatorPulse, type IndicatorSize, InfoIcon, InitiativeBrief, type InitiativeBriefData, type InitiativeBriefProps, InitiativeCard, type InitiativeCardProps, type InitiativeCardTopTask, InitiativeHeader, type InitiativeHeaderProps, type InitiativeState, Input, InputBar, type InputBarProps, InputGroup, type InputGroupProps, type InputProps, type InputSize, type InputVariant, IntensityBar, type IntensityBarProps, KanbanIcon, Label, type LabelProps, LabelWithHelp, type LabelWithHelpProps, LayersIcon, LiftOptions, Link, type LinkColor, type LinkProps, type LinkUnderline, ListItem, ListItemContent, type ListItemContentProps, ListItemDivider, type ListItemDividerProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemTrailing, type ListItemTrailingProps, type LiveAuraCategory, LiveAuraFrame, type LiveAuraFrameProps, LiveFatigueCard, type LiveFatigueCardProps, type LiveFatigueModel, LiveFatiguePanel, type LiveFatiguePanelProps, type LiveFatiguePanelVelocity, METRIC_FONT, MarkdownProse, type MarkdownProseProps, Menu, MenuDivider, type MenuDividerProps, MenuGroup, type MenuGroupProps, MenuItem, type MenuItemProps, MenuList, type MenuListProps, type MenuProps, MenuTrigger, type MenuTriggerProps, Metric, MetricCell, type MetricCellProps, MetricGroup, type MetricGroupProps, type MetricProps, type MetricTileData, MetricTiles, type MetricTilesProps, type MetricTrend, Modal, ModalBody, type ModalBodyProps, ModalCloseButton, type ModalCloseButtonProps, ModalContent, type ModalContentProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalProps, type ModalSize, ModalTitle, type ModalTitleProps, MuscleGroupChip, type MuscleGroupChipProps, NavItem, type NavItemProps, type OnSurfaceRole, type OpenLoop, type OpenLoopKind, OpenLoops, type OpenLoopsProps, Overline, type OverlineProps, PANEL_BREAKPOINTS, PHASE_AXIS_COLOR, type PRType, PR_REF_PATTERN, type PaceTone, type PanelBodySplit, type PanelLayout, type PanelTier, Paragraph, type ParagraphProps, PasswordInput, type PasswordInputProps, PersonStandingIcon, type PhaseSegment, Pill, type PillColor, type PillProps, type PillSize, type PillTone, type PillVariant, PlaceholderStrip, type PlaceholderStripProps, Popover, PopoverCloseButton, type PopoverCloseButtonProps, PopoverContent, type PopoverContentProps, type PopoverPlacement, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, PortfolioOverview, type PortfolioOverviewProps, type PortfolioOverviewSection, type PortfolioOverviewStat, PrBadge, type PrBadgeProps, PrHistoryModal, type PrHistoryModalProps, type PrRecord, type PrRecordType, type PrescriptionInput, Progress, type ProgressColor, type ProgressProps, type ProgressSize, ProgressSteps, type ProgressStepsProps, type ProgressVariant, type ProseBlock, type ProseBlockType, type ProseLinkTone, type ProseLinker, type Pt, RED_DEEP, RED_LIGHT, RED_MID, Radio, type RadioColor, RadioGroup, type RadioGroupProps, type RadioProps, type RadioSize, ReadinessCheck, type ReadinessCheckProps, type ReadinessFactor, type RepRomPoint, type RepVelocityCurve, type ResolvedSurface, RestTimer, type RestTimerProps, type ResultType, RomProgressionChart, type RomProgressionChartProps, SEVERITY_BAR_COLOR, SEVERITY_META, SEVERITY_ORDER, SEVERITY_RANK, SILVER, STATE_LABEL, type SamplePhase, ScaleIcon, Scatter, type ScatterAxis, type ScatterDatum, type ScatterProps, ScheduleTiles, type ScheduleTilesProps, Section, SectionContent, type SectionContentProps, SectionHeader, type SectionHeaderProps, type SectionProps, SegmentedBar, type SegmentedBarProps, type SegmentedBarSegment, SegmentedProgressBar, type SegmentedProgressBarProps, type SegmentedProgressBarSegment, Select, type SelectOption, type SelectProps, SessionDetail, type SessionDetailProps, SessionHeader, type SessionHeaderPlanEntry, type SessionHeaderProps, type SessionLinkHandlers, SessionList, SessionListItem, type SessionListItemProps, type SessionListProps, SessionRail, type SessionRailExercise, type SessionRailProps, type SessionState, SessionStatePill, type SessionStatePillProps, type SessionSummary, SetRowProps, SetStrip, type SetStripProps, SetStripSet, SetTableHeader, type SetTableHeaderProps, SetsRepsLoad, type SetsRepsLoadProps, type SeverityDisplay, SeverityLabel, type SeverityLabelProps, SideNav, type SideNavItem, type SideNavProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarDivider, type SidebarDividerProps, SidebarFooter, type SidebarFooterProps, SidebarHeader, type SidebarHeaderProps, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, Skeleton, type SkeletonAnimation, SkeletonCard, type SkeletonCardProps, SkeletonCircle, type SkeletonCircleProps, SkeletonListItem, type SkeletonListItemProps, type SkeletonProps, SkeletonText, type SkeletonTextProps, type SkeletonVariant, type SortDirection, SparkBars, type SparkBarsProps, Sparkline, type SparklineProps, Spinner, type SpinnerColor, type SpinnerProps, type SpinnerSize, Stack, type StackProps, StarIcon, StatusDot, type StatusDotProps, type StatusDotVariant, StatusPill, type StatusPillProps, type StatusPillStatus, type StatusType, StepContent, type StepContentProps, StepIndicator, type StepIndicatorProps, StepLabel, type StepLabelProps, type StepStatus, Stepper, type StepperOrientation, type StepperProps, Step as StepperStep, type StepProps as StepperStepProps, SupersetWrapper, type SupersetWrapperProps, Surface, SurfaceContext, type SurfaceContextValue, type SurfaceDepthProps, SurfaceLevel, type SurfaceProps, SvgIcon, type SvgIconProps, Switch, type SwitchProps, type SwitchSize, TASK_COLUMN_WIDTHS, TASK_REF_PATTERN, TONE_COLOR, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, type TableColumnFit, type TableComparator, type TableDensity, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TablePagination, type TablePaginationProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsOrientation, type TabsProps, type TabsVariant, type TaskColumnKey, TaskIds, type TaskListItem, TaskRow, type TaskRowProps, type TaskSeverity, TaskTable, type TaskTableProps, TempoDisplay, type TempoDisplayProps, type TempoLivePhase, type TempoLiveReadout, type TempoLiveState, ThemeMode, Tile, type TileProps, type TimerMode, TimerReadout, type TimerReadoutProps, type TimerState, Toast, type ToastConfig, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastStatus, ToolbarButton, ToolbarButtonGroup, type ToolbarButtonGroupProps, type ToolbarButtonProps, type ToolbarButtonSize, type ToolbarButtonVariant, Tooltip, type TooltipPlacement, type TooltipProps, TopBar, type TopBarProps, Treemap, type TreemapDatum, type TreemapProps, type TreemapScale, TrendingDownIcon, Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, type UseColumnFitResult, type UseMeasuredWidthResult, type UseTableOptions, type UseTableReturn, type UseTimerOptions, VStack, VelocityHero, type VelocityHeroProps, type VelocitySample, VerdictHero, type VerdictHeroProps, VoltrasMark, VolumeLandmarkBar, type VolumeLandmarkBarProps, VolumeLandmarks, type VolumeStatus, type VolumeZone, WIKI_LINK_PATTERN, type WarmUpStatus, type WarmUpValidation, WeightBadge, type WeightBadgeProps, type WeightBadgeSize, WorkoutShell, type WorkoutShellProps, WorkoutTopBar, type WorkoutTopBarProps, ZoneTrack, type ZoneTrackBand, type ZoneTrackMarker, type ZoneTrackProps, type ZoneTrackTick, type ZoneTrackZone, alpha, auraForVerdict, brandKeys, brandPresets, cn, composeValidators, createFieldId, defaultNavItems, extractTaskRefs, fitColumns, formatCompact, formatDateTime, formatDuration, formatPrescription, formatSessionDuration, formatSignedCompact, formatSignedPct, formatTaskAge, formatVelocity, getContrastText, getFieldAriaProps, getFieldValidationProps, getLuminance, getResultColor, getStatusColor, ghostLineColor, groupByPeriod, hasMaxLength, hasMinLength, isEmpty, isValidEmail, liveAuraColor, mergePhaseSegments, onSurfaceColors, paceTone, paceToneColor, panelBodySplit, panelLayout, panelTier, parseProseBlocks, prRefLinker, resolveSurfaceDepth, roundRpe, roundTempo, roundWeight, rpeColor, sessionLinkers, sessionPeriod, sessionRowMeta, severityRank, smoothPath, splitBriefSections, splitPath, statusPillColor, stripLeadingHeading, taskRefLinker, useColumnFit, useHoverState, useMeasuredWidth, useOnSurfaceColor, useResolvedSurface, useSurface, useSurfaceMode, useTable, useTimer, useToast, useToolbarButton, validationRules, wikiLinkLinker, workoutNavItems };