@aglyn/aglyn 1.0.0-beta.277 → 1.0.0-beta.283

package/src/lib/app-utils/native-themes.js

@@ -29,7 +29,8 @@
  * - `THEME_ACCENTS`: the Accent modes Blue, Violet, Pink and Workspace
  *   brand, exactly. `deriveAccent` returns them for their ring colors and
  *   derives any other color (a picked accent, a workspace's brand) by rule.
- * - `THEME_ACCENT_SWATCHES`: the six swatches the Theme settings sheet shows.
+ * - `THEME_ACCENT_SWATCHES`: the five swatches the Theme settings sheet shows.
+ * - `THEME_RETIRED_ACCENTS`: retired blues, and the brand blue each reads as.
  * - `THEME_DENSITIES`: Comfortable and Compact.
  *
  * Contrast is WCAG 2's relative luminance, as `accessible-shade.ts` (the
@@ -509,28 +510,114 @@ const WARM = deriveThemeFromPreview(THEME_PREVIEWS.warm, THEME_DARK_RAIL_SEEDS.w
         source: 'figma'
     }
 ];
+/**
+ * The Aglyn theme on a PHONE: the brand's bold surfaces (AGL-3990). Zach chose
+ * the bold look for the phone on 2026-10-19 and kept every other form factor
+ * on the console's neutral scheme ("I don't like this light blue everywhere",
+ * on the desktop): so only an Aglyn or Aglyn POS PHONE, in the Aglyn theme with
+ * the brand blue as its accent, draws these. A tablet, an iPad, a Mac, a
+ * Windows or Mac desktop and the POS register keep `THEME_PALETTES`' Aglyn;
+ * every other theme, a picked accent and a white-label brand look the same on
+ * a phone as anywhere else.
+ *
+ * The values are Figma's Theme mode 223:0, "Aglyn · phone (bold) 10/19", the
+ * explicit mode on every frame of the Native App file's Phone page (2:7). A
+ * sky-tinted ground under white panels in light; navy in dark. The strong
+ * border is the brand blue at 40% over the white surface, flattened. The
+ * statuses are the console's intents, tinted to sit on the sky ground; info's
+ * ink in light is the brand's ink, and in dark it is the accent's dark text
+ * shade (#4DC8FF), never the fill (Zach, 2026-10-19: blue as text on a dark
+ * ground is the console's `primary.dark`).
+ */ const PHONE_AGLYN_LIGHT = _extends({
+    canvas: '#edf9ff',
+    surface: '#ffffff',
+    raised: '#ffffff',
+    sunken: '#e6f7ff',
+    rail: '#e0f6ff',
+    hover: '#f2fbff',
+    titlebar: '#f7fdff',
+    borderSubtle: '#dbf4ff',
+    borderStrong: '#66d0ff',
+    textPrimary: '#19202a',
+    textSecondary: '#404c5c',
+    textTertiary: '#5d6d85',
+    successBg: '#e2f2e3',
+    successFg: '#306f33',
+    warningBg: '#ffebd1',
+    warningFg: '#975400',
+    dangerBg: '#fbdddc',
+    dangerFg: '#ba1c18',
+    infoBg: '#ccefff',
+    infoFg: '#07171f',
+    newBg: '#fae0fe',
+    newFg: '#a604c2',
+    scrim: '#0f172152'
+}, DANGER_LIGHT);
+const PHONE_AGLYN_DARK = _extends({
+    canvas: '#07181f',
+    surface: '#0d2029',
+    raised: '#152b35',
+    sunken: '#1a323d',
+    rail: '#061319',
+    hover: '#213a45',
+    titlebar: '#0a1c24',
+    borderSubtle: '#263f4a',
+    borderStrong: '#395460',
+    textPrimary: '#f2f7fb',
+    textSecondary: '#c1d0d7',
+    textTertiary: '#8ba5b1',
+    successBg: '#1d4433',
+    successFg: '#72c275',
+    warningBg: '#4c432f',
+    warningFg: '#ffab40',
+    dangerBg: '#452228',
+    dangerFg: '#ee7b78',
+    infoBg: '#0a3d54',
+    infoFg: '#4dc8ff',
+    newBg: '#442860',
+    newFg: '#ea7cfc',
+    scrim: '#0000008c'
+}, DANGER_DARK);
+/** The Aglyn theme's grounds on a phone, light and dark (Figma Theme mode 223:0): see `PHONE_AGLYN_LIGHT`. */ export const THEME_PHONE_AGLYN = {
+    light: PHONE_AGLYN_LIGHT,
+    dark: PHONE_AGLYN_DARK
+};
+/** The accent the phone's bold look belongs to: the brand blue, the Aglyn theme's own. */ export const THEME_PHONE_BOLD_ACCENT = AGLYN_ACCENT;
 // ── Accents ─────────────────────────────────────────────────────────────────
 /** The surfaces an accent's text is held to. */ const LIGHT_PAGE = AGLYN_LIGHT.surface;
 const DARK_PAGE = AGLYN_DARK.surface;
-/** Text and icons on a fill that keeps a light brand color. */ const DARK_ON_LIGHTNESS = 0.08;
 function accentText(raw) {
     return {
         textLight: walkToContrast(raw, LIGHT_PAGE, THEME_TEXT_CONTRAST, -1),
         textDark: walkToContrast(raw, DARK_PAGE, THEME_TEXT_CONTRAST, 1)
     };
 }
-/** Figma's Accent modes, exactly as the Accent collection holds them. */ const FIGMA_ACCENTS = [
+/**
+ * Figma's Accent modes, exactly as the Accent collection holds them.
+ *
+ * Blue IS the console's primary (AGL-3990). Zach, 2026-10-19: "Just like the
+ * web app the solid buttons should have white text and the brand blue when it
+ * is on a light background should use the other shade of blue". So the fill
+ * is `primary.main` #00B0FF under `contrastText` white (the console's own
+ * pairing, knowingly under 4.5:1, AGL-1293), the text shades are
+ * `primary.dark` per scheme (#0077AD light, #4DC8FF dark: what MuiLink and the
+ * text and outlined MuiButton labels draw, AGL-1186), and the hover fill is
+ * `primary.hover`. #0073AE is retired. A mode that names its own text shades
+ * keeps them; the others walk their ring to 4.5:1.
+ */ const FIGMA_ACCENTS = [
     {
         id: 'blue',
         label: 'Blue',
         accent: {
-            fill: '#0073ae',
-            icon: '#0091d5',
+            fill: '#00b0ff',
+            icon: '#00b0ff',
             soft: '#00b0ff29',
             ring: '#00b0ff',
             on: '#ffffff',
-            hover: '#00669b',
-            pressed: '#005884'
+            hover: '#0077ad',
+            pressed: '#006999',
+            textLight: '#0077ad',
+            textDark: '#4dc8ff'
         }
     },
     {
@@ -554,7 +641,7 @@ function accentText(raw) {
             icon: '#c93ae3',
             soft: '#e040fb29',
             ring: '#e040fb',
-            on: '#1e0424',
+            on: '#ffffff',
             hover: '#cc2ee6',
             pressed: '#b523cf'
         }
@@ -573,20 +660,22 @@ function accentText(raw) {
         }
     }
 ];
-/** The named accents, Figma's own values with their text shades. */ export const THEME_ACCENTS = FIGMA_ACCENTS.map(({ id, label, accent })=>({
+/** The named accents, Figma's own values with their text shades (their own where they name them). */ export const THEME_ACCENTS = FIGMA_ACCENTS.map(({ id, label, accent })=>({
         id,
         label,
-        accent: _extends({}, accent, accentText(accent.ring))
+        accent: _extends({}, accentText(accent.ring), accent)
     }));
-/** The accent picker's swatches, in Figma's order. */ export const THEME_ACCENT_SWATCHES = [
+/**
+ * Blues the brand has retired (AGL-3990), and the color each now reads as. The
+ * picker's old "Brand blue" swatch was #0073AE; an accent an account saved
+ * from it (`appTheme.accent`) reads as the brand blue, #00B0FF.
+ */ export const THEME_RETIRED_ACCENTS = {
+    '#0073ae': '#00b0ff'
+};
+/** The accent picker's swatches, in Figma's order. #00B0FF is the one brand blue (AGL-3990), so "Sky" went. */ export const THEME_ACCENT_SWATCHES = [
     {
         id: 'aglynBlue',
         label: 'Brand blue',
-        color: '#0073ae'
-    },
-    {
-        id: 'sky',
-        label: 'Sky',
         color: '#00b0ff'
     },
     {
@@ -613,21 +702,21 @@ function accentText(raw) {
 /**
  * Every control's shade of one accent color (AGL-3950).
  *
- * A color one of Figma's Accent modes is drawn from (its ring) answers with
- * that mode exactly: Figma wins where it defines a value. Any other color is
- * derived:
+ * A retired blue (`THEME_RETIRED_ACCENTS`) reads as the color that replaced
+ * it. A color one of Figma's Accent modes is drawn from (its ring) answers
+ * with that mode exactly: Figma wins where it defines a value. Blue, the brand
+ * blue, is one of them, and wears the console's own pairing. Any other color
+ * is derived:
  *
- * 1. White text on the color already reads (4.5:1): the fill is the color,
- *    `on` is white.
- * 2. The color carries white text only at the large-text bar (3:1 up to
- *    4.5:1) and near-black text reads on it at 4.5:1: the fill KEEPS the
- *    brand color and `on` flips to near-black, the color's own hue at 8%
- *    lightness. Darkening such a color far enough for white text moves it
- *    visibly off the brand; this is Figma's Pink (#E040FB, 3.34:1). The 3:1
- *    threshold is the one that sends Pink here and Blue (2.43:1) and the
- *    workspace green (2.99:1) to rule 3, as Figma draws them.
- * 3. Otherwise the fill is the color darkened in 2% HSL-lightness steps until
- *    white reaches 4.5:1, and `on` is white.
+ * 1. White text on the color reads at 3:1 or better: the fill is the color,
+ *    `on` is white. Content on a filled control is always white (Zach,
+ *    2026-10-19: "Just like the web app the solid buttons should have white
+ *    text"), and a brand color white reads on at the large-text bar keeps
+ *    its own fill rather than moving off the brand, the console's own
+ *    pairing; this is Figma's Pink (#E040FB, 3.34:1).
+ * 2. Otherwise the fill is the color darkened in 2% HSL-lightness steps until
+ *    white reaches 4.5:1, and `on` is white. The 3:1 threshold is the one
+ *    that sends the workspace green (2.99:1) here, as Figma draws it.
  *
  * hover and pressed are the fill 4% and 8% darker (HSL lightness), soft is
  * the color at 16% alpha, ring is the color, icon is the color darkened in 2%
@@ -635,30 +724,19 @@ function accentText(raw) {
  * walk it (darker on light, lighter on dark) until 4.5:1 on that surface.
  * Null for anything that is not `#RRGGBB`.
  */ export function deriveAccent(color) {
+    var _THEME_RETIRED_ACCENTS_color_toLowerCase;
     if (!isThemeColor(color)) return null;
-    const raw = color.toLowerCase();
+    const raw = (_THEME_RETIRED_ACCENTS_color_toLowerCase = THEME_RETIRED_ACCENTS[color.toLowerCase()]) != null ? _THEME_RETIRED_ACCENTS_color_toLowerCase : color.toLowerCase();
     const named = THEME_ACCENTS.find((entry)=>entry.accent.ring === raw);
     if (named) return _extends({}, named.accent);
     const white = '#ffffff';
-    const onWhite = themeContrast(raw, white);
-    let fill = raw;
-    let on = white;
-    if (onWhite < THEME_TEXT_CONTRAST) {
-        const rgb = channels(raw);
-        const [h, s] = toHsl(rgb);
-        const nearBlack = fromHsl(h, Math.min(s, 0.8), DARK_ON_LIGHTNESS);
-        if (onWhite >= THEME_NON_TEXT_CONTRAST && themeContrast(raw, nearBlack) >= THEME_TEXT_CONTRAST) {
-            on = nearBlack;
-        } else {
-            fill = walkToContrast(raw, white, THEME_TEXT_CONTRAST, -1);
-        }
-    }
+    const fill = themeContrast(raw, white) >= THEME_NON_TEXT_CONTRAST ? raw : walkToContrast(raw, white, THEME_TEXT_CONTRAST, -1);
     return _extends({
         fill,
         icon: walkToContrast(raw, LIGHT_PAGE, THEME_NON_TEXT_CONTRAST, -1),
         soft: withAlpha(raw, 0.16),
         ring: raw,
-        on,
+        on: white,
         hover: shiftLightness(fill, -0.04),
         pressed: shiftLightness(fill, -0.08)
     }, accentText(raw));

package/src/lib/app-utils/native-themes.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../libs/aglyn/src/lib/app-utils/native-themes.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/**\n * THE NATIVE APPS' THEMES, AS DATA (AGL-3950).\n *\n * The values are read from the Native App Figma file's variables (Themes,\n * page 2:8; collections Aglyn / Theme, Aglyn / Appearance, Aglyn / Accent,\n * Aglyn / Brand and Aglyn / Density), which win wherever they define a value:\n *\n * - `THEME_PALETTES`: Aglyn is the look that ships, the console's resolved\n *   MUI scheme (see `AGLYN_LIGHT`); Quiet, Night and High contrast, light and\n *   dark, are exactly as Figma's Theme modes hold them. Ocean and Warm exist in Figma\n *   only as four-color previews (rail, surface, canvas, accent), so their\n *   full palettes are derived here by `deriveThemeFromPreview`, the rule\n *   below, and drawn back into Figma as swatch boards.\n * - `THEME_ACCENTS`: the Accent modes Blue, Violet, Pink and Workspace\n *   brand, exactly. `deriveAccent` returns them for their ring colors and\n *   derives any other color (a picked accent, a workspace's brand) by rule.\n * - `THEME_ACCENT_SWATCHES`: the six swatches the Theme settings sheet shows.\n * - `THEME_DENSITIES`: Comfortable and Compact.\n *\n * Contrast is WCAG 2's relative luminance, as `accessible-shade.ts` (the\n * console's theme) measures it; lightness steps are HSL lightness, as it\n * walks them.\n *\n * NO IMPORTS, on purpose: the native apps read the values, the types and the\n * answers of these functions through the generated contracts.\n */\n\n/** A theme the apps offer. */\nexport type ThemePaletteId = 'aglyn' | 'quiet' | 'night' | 'ocean' | 'warm' | 'highContrast'\n\n/** One appearance of a theme: every color a native screen draws from. */\nexport interface ThemeColors {\n  canvas: string\n  surface: string\n  raised: string\n  sunken: string\n  rail: string\n  hover: string\n  titlebar: string\n  borderSubtle: string\n  borderStrong: string\n  textPrimary: string\n  textSecondary: string\n  textTertiary: string\n  successBg: string\n  successFg: string\n  warningBg: string\n  warningFg: string\n  dangerBg: string\n  dangerFg: string\n  infoBg: string\n  infoFg: string\n  newBg: string\n  newFg: string\n  /** `#RRGGBBAA`: the wash behind a sheet. */\n  scrim: string\n  /** A destructive button's fill, and its hover and pressed fills. */\n  dangerFill: string\n  dangerFillHover: string\n  dangerFillPressed: string\n}\n\n/**\n * Where a theme's values come from: the console's resolved MUI scheme (the\n * look that ships, Aglyn), Figma's variables, or derived from a Figma preview.\n */\nexport type ThemeSource = 'console' | 'figma' | 'derived'\n\nexport interface ThemePalette {\n  id: ThemePaletteId\n  /** The name a picker shows; empty when `brandLabel` says to show the configured brand name. */\n  label: string\n  /** The theme is named after the product: show the build's configured brand name (white-label safe). */\n  brandLabel?: boolean\n  light: ThemeColors\n  dark: ThemeColors\n  /** The theme's own accent (\"Accent: Theme\"), as a raw color for `deriveAccent`. */\n  accent: string\n  /** Night is the same in both appearances: the theme is always dark. */\n  alwaysDark?: boolean\n  source: ThemeSource\n}\n\n/** An accent, as every control that paints it reads it. */\nexport interface ThemeAccent {\n  /** A filled control's background. */\n  fill: string\n  /** An icon or an indicator in the accent, on the light surfaces. */\n  icon: string\n  /** `#RRGGBBAA`: a selected row's or a chip's wash. */\n  soft: string\n  /** The focus ring: the raw accent. */\n  ring: string\n  /** Text and icons ON `fill`. */\n  on: string\n  hover: string\n  pressed: string\n  /** The accent as text on the light surface, at 4.5:1. */\n  textLight: string\n  /** The accent as text on the dark surface, at 4.5:1. */\n  textDark: string\n}\n\n/** An accent the Theme settings sheet offers by name (Figma's Accent modes). */\nexport interface ThemeNamedAccent {\n  id: string\n  label: string\n  accent: ThemeAccent\n}\n\n/** A swatch of the accent picker. */\nexport interface ThemeAccentSwatch {\n  id: string\n  label: string\n  color: string\n}\n\nexport type ThemeDensityId = 'comfortable' | 'compact'\n\n/** One density's sizes, in points (Apple) and dp (Android). */\nexport interface ThemeDensity {\n  id: ThemeDensityId\n  label: string\n  space2: number\n  space4: number\n  space6: number\n  space8: number\n  space10: number\n  space12: number\n  space16: number\n  space20: number\n  space24: number\n  space32: number\n  space40: number\n  space48: number\n  space64: number\n  radiusXs: number\n  radiusSm: number\n  radiusMd: number\n  radiusLg: number\n  radiusXl: number\n  radius2xl: number\n  radiusFull: number\n  rowHeight: number\n  controlHeight: number\n  listRowHeight: number\n  phoneRowHeight: number\n  titlebarHeight: number\n}\n\n/** The four colors Figma previews a theme by. */\nexport interface ThemePreview {\n  rail: string\n  surface: string\n  canvas: string\n  accent: string\n}\n\n// ── Color arithmetic ────────────────────────────────────────────────────────\n\nconst HEX = /^#([0-9a-f]{6})([0-9a-f]{2})?$/i\n\n/** `[r, g, b]` in 0–255, or null for anything that is not `#RRGGBB(AA)`. */\nfunction channels(color: string): [number, number, number] | null {\n  const match = HEX.exec(color ?? '')\n  if (!match) return null\n  const value = match[1]\n  return [0, 2, 4].map((index) => parseInt(value.slice(index, index + 2), 16)) as [number, number, number]\n}\n\nfunction hexOf(rgb: readonly number[]): string {\n  return `#${rgb\n    .map((value) => Math.round(Math.min(255, Math.max(0, value))).toString(16).padStart(2, '0'))\n    .join('')}`\n}\n\n/** Whether a value is `#RRGGBB`. */\nexport function isThemeColor(value: unknown): value is string {\n  return typeof value === 'string' && /^#[0-9a-f]{6}$/i.test(value)\n}\n\nfunction linear(channel: number): number {\n  const value = channel / 255\n  return value <= 0.03928 ? value / 12.92 : ((value + 0.055) / 1.055) ** 2.4\n}\n\nfunction luminance(rgb: readonly number[]): number {\n  return 0.2126 * linear(rgb[0]) + 0.7152 * linear(rgb[1]) + 0.0722 * linear(rgb[2])\n}\n\n/** WCAG 2 contrast between two `#RRGGBB` colors, as the console's `contrastRatio` measures it. */\nexport function themeContrast(a: string, b: string): number {\n  const x = channels(a)\n  const y = channels(b)\n  if (!x || !y) return 1\n  const [high, low] = [luminance(x), luminance(y)].sort((p, q) => q - p)\n  return (high + 0.05) / (low + 0.05)\n}\n\nfunction toHsl([r, g, b]: readonly number[]): [number, number, number] {\n  const [red, green, blue] = [r / 255, g / 255, b / 255]\n  const max = Math.max(red, green, blue)\n  const min = Math.min(red, green, blue)\n  const lightness = (max + min) / 2\n  if (max === min) return [0, 0, lightness]\n  const delta = max - min\n  const saturation = lightness > 0.5 ? delta / (2 - max - min) : delta / (max + min)\n  let hue: number\n  if (max === red) hue = (green - blue) / delta + (green < blue ? 6 : 0)\n  else if (max === green) hue = (blue - red) / delta + 2\n  else hue = (red - green) / delta + 4\n  return [hue / 6, saturation, lightness]\n}\n\nfunction fromHsl(hue: number, saturation: number, lightness: number): string {\n  const l = Math.min(1, Math.max(0, lightness))\n  if (saturation === 0) return hexOf([l * 255, l * 255, l * 255])\n  const q = l < 0.5 ? l * (1 + saturation) : l + saturation - l * saturation\n  const p = 2 * l - q\n  const channel = (t: number) => {\n    let x = t\n    if (x < 0) x += 1\n    if (x > 1) x -= 1\n    if (x < 1 / 6) return p + (q - p) * 6 * x\n    if (x < 1 / 2) return q\n    if (x < 2 / 3) return p + (q - p) * (2 / 3 - x) * 6\n    return p\n  }\n  return hexOf([channel(hue + 1 / 3) * 255, channel(hue) * 255, channel(hue - 1 / 3) * 255])\n}\n\n/** `color` with its HSL lightness moved by `delta` (−1 to 1). */\nfunction shiftLightness(color: string, delta: number): string {\n  const rgb = channels(color)\n  if (!rgb) return color\n  const [h, s, l] = toHsl(rgb)\n  return fromHsl(h, s, l + delta)\n}\n\n/**\n * `color` walked in 2% HSL-lightness steps (darker, or lighter) until it\n * reaches `minContrast` against `against`; the pole when nothing reaches it.\n */\nfunction walkToContrast(color: string, against: string, minContrast: number, direction: -1 | 1): string {\n  let candidate = color\n  for (let step = 0; step <= 50; step += 1) {\n    candidate = shiftLightness(color, direction * 0.02 * step)\n    if (themeContrast(candidate, against) >= minContrast) return candidate\n  }\n  return candidate\n}\n\n/** `from` moved `amount` (0–1) of the way to `to`, per sRGB channel. */\nexport function themeLerp(from: string, to: string, amount: number): string {\n  const a = channels(from)\n  const b = channels(to)\n  if (!a || !b) return from\n  return hexOf(a.map((value, index) => value + (b[index] - value) * amount))\n}\n\n/** `color` with an alpha byte: `#RRGGBBAA`. */\nfunction withAlpha(color: string, alpha: number): string {\n  const rgb = channels(color)\n  if (!rgb) return color\n  return `${hexOf(rgb)}${Math.round(alpha * 255).toString(16).padStart(2, '0')}`\n}\n\n// ── Themes ──────────────────────────────────────────────────────────────────\n\n/** Text that must read on every surface: WCAG AA. */\nexport const THEME_TEXT_CONTRAST = 4.5\n\n/** An icon, a border or an indicator: WCAG AA for non-text. */\nexport const THEME_NON_TEXT_CONTRAST = 3\n\nconst DANGER_LIGHT = { dangerFill: '#b3261e', dangerFillHover: '#9c211a', dangerFillPressed: '#861c16' }\nconst DANGER_DARK = { dangerFill: '#c93a31', dangerFillHover: '#b3261e', dangerFillPressed: '#9c211a' }\n\n/**\n * Figma's Aglyn mode as it stood before that mode moved to the console's\n * scheme (2026-10-19): the base Quiet's status colors and the Ocean and Warm\n * derivations build on, as the native shells' themes already do. Kept by\n * value, so moving the shipping Aglyn look moves nothing else.\n */\nconst FIGMA_AGLYN_LIGHT: ThemeColors = {\n  canvas: '#f5f5f5',\n  surface: '#ffffff',\n  raised: '#ffffff',\n  sunken: '#edf0f4',\n  rail: '#e6eaf0',\n  hover: '#eef1f5',\n  titlebar: '#fafbfc',\n  borderSubtle: '#e3e7ec',\n  borderStrong: '#c8d0d9',\n  textPrimary: '#1f2329',\n  textSecondary: '#5e6773',\n  textTertiary: '#7a838e',\n  successBg: '#e5f3e6',\n  successFg: '#2e6f31',\n  warningBg: '#fff0da',\n  warningFg: '#85560f',\n  dangerBg: '#fce6e5',\n  dangerFg: '#a8231e',\n  infoBg: '#e3f0fb',\n  infoFg: '#10548f',\n  newBg: '#f5e4f9',\n  newFg: '#8e2aa1',\n  scrim: '#0f172152',\n  ...DANGER_LIGHT,\n}\n\nconst FIGMA_AGLYN_DARK: ThemeColors = {\n  canvas: '#161c21',\n  surface: '#1e262e',\n  raised: '#27313b',\n  sunken: '#12181d',\n  rail: '#0f1418',\n  hover: '#2a343e',\n  titlebar: '#1a2128',\n  borderSubtle: '#2e3944',\n  borderStrong: '#45525f',\n  textPrimary: '#f3f5f7',\n  textSecondary: '#b3bcc6',\n  textTertiary: '#8a96a3',\n  successBg: '#1b3320',\n  successFg: '#82c785',\n  warningBg: '#3a2c14',\n  warningFg: '#ffc479',\n  dangerBg: '#3b1a1a',\n  dangerFg: '#ed7876',\n  infoBg: '#132c42',\n  infoFg: '#5da1dc',\n  newBg: '#3a1e44',\n  newFg: '#e979fc',\n  scrim: '#0000008c',\n  ...DANGER_DARK,\n}\n\n/** A light and a dark palette. */\nexport interface ThemeColorsPair {\n  light: ThemeColors\n  dark: ThemeColors\n}\n\n/**\n * The palettes `deriveThemeFromPreview` starts from (the original Figma Aglyn\n * mode), exported so each platform can port the derivation and replay its\n * cases against the same base.\n */\nexport const THEME_FIGMA_BASE: ThemeColorsPair = { light: FIGMA_AGLYN_LIGHT, dark: FIGMA_AGLYN_DARK }\n\n/**\n * The Aglyn theme is the look that ships: the console's resolved MUI scheme\n * (`getConsoleTheme`, the same scheme the native shared tokens are generated\n * from), with translucent text, dividers and hover composited onto the paper\n * they sit on, and the status colors as the console's MUI Alert draws them\n * (standard: the intent's light shade lightened 90% for the ground and\n * darkened 60% for the text in light, the reverse in dark). Where the console\n * scheme has no such color (sunken, rail, titlebar, the strong border, the\n * \"new\" status, the scrim) Figma's Aglyn mode supplies it, and so does the\n * danger FILL: the console's `error.main` carries white text at 4.36:1, under\n * the 4.5:1 a button label owes. `apps/console/specs/native-theme-aglyn.spec.ts`\n * holds these to the console's scheme.\n */\nconst AGLYN_LIGHT: ThemeColors = {\n  ...FIGMA_AGLYN_LIGHT,\n  canvas: '#f5f5f5',\n  surface: '#ffffff',\n  raised: '#ffffff',\n  hover: '#f5f5f5',\n  borderSubtle: '#e0e0e0',\n  textPrimary: '#212121',\n  textSecondary: '#666666',\n  textTertiary: '#9e9e9e',\n  successBg: '#f0f8f1',\n  successFg: '#2c4c2e',\n  warningBg: '#fff8ef',\n  warningFg: '#664a28',\n  dangerBg: '#fceeed',\n  dangerFg: '#5c2220',\n  infoBg: '#ecf4fb',\n  infoFg: '#1c3a56',\n}\n\nconst AGLYN_DARK: ThemeColors = {\n  ...FIGMA_AGLYN_DARK,\n  canvas: '#161c21',\n  surface: '#2a3440',\n  raised: '#2a3440',\n  hover: '#3b444f',\n  borderSubtle: '#444c57',\n  textPrimary: '#ffffff',\n  textSecondary: '#bfc2c6',\n  textTertiary: '#959aa0',\n  successBg: '#0b130b',\n  successFg: '#c5e5c7',\n  warningBg: '#19120a',\n  warningFg: '#ffe3c1',\n  dangerBg: '#170c0b',\n  dangerFg: '#f7c9c8',\n  infoBg: '#091015',\n  infoFg: '#bfd9f1',\n}\n\n/** The Aglyn theme's fields the console's scheme supplies; the rest are Figma's Aglyn mode. */\nexport const THEME_CONSOLE_FIELDS: readonly string[] = [\n  'canvas',\n  'surface',\n  'raised',\n  'hover',\n  'borderSubtle',\n  'textPrimary',\n  'textSecondary',\n  'textTertiary',\n  'successBg',\n  'successFg',\n  'warningBg',\n  'warningFg',\n  'dangerBg',\n  'dangerFg',\n  'infoBg',\n  'infoFg',\n]\n\nconst QUIET_LIGHT: ThemeColors = {\n  ...FIGMA_AGLYN_LIGHT,\n  canvas: '#f4f4f2',\n  surface: '#ffffff',\n  raised: '#ffffff',\n  sunken: '#ecece9',\n  rail: '#eaeae7',\n  hover: '#efefec',\n  titlebar: '#fafaf8',\n  borderSubtle: '#e2e2de',\n  borderStrong: '#cbcbc5',\n  textPrimary: '#222220',\n  textSecondary: '#5f5f5a',\n  textTertiary: '#7c7c76',\n}\n\nconst QUIET_DARK: ThemeColors = {\n  ...FIGMA_AGLYN_DARK,\n  canvas: '#1a1a19',\n  surface: '#222221',\n  raised: '#2b2b29',\n  sunken: '#141413',\n  rail: '#121211',\n  hover: '#30302e',\n  titlebar: '#1e1e1d',\n  borderSubtle: '#353533',\n  borderStrong: '#4a4a47',\n  textPrimary: '#f2f2ef',\n  textSecondary: '#b5b5af',\n  textTertiary: '#8e8e88',\n}\n\nconst NIGHT: ThemeColors = {\n  canvas: '#0b1120',\n  surface: '#121a2b',\n  raised: '#1a2337',\n  sunken: '#070c17',\n  rail: '#050913',\n  hover: '#1e2840',\n  titlebar: '#0e1525',\n  borderSubtle: '#222c42',\n  borderStrong: '#33405c',\n  textPrimary: '#eef2fa',\n  textSecondary: '#a9b4cb',\n  textTertiary: '#8290ab',\n  successBg: '#12301f',\n  successFg: '#7bcb8f',\n  warningBg: '#352914',\n  warningFg: '#f6be6e',\n  dangerBg: '#3a1820',\n  dangerFg: '#f08a8f',\n  infoBg: '#122a47',\n  infoFg: '#79b2ee',\n  newBg: '#36193f',\n  newFg: '#e68af6',\n  scrim: '#00000099',\n  ...DANGER_DARK,\n}\n\nconst HIGH_CONTRAST_LIGHT: ThemeColors = {\n  canvas: '#ffffff',\n  surface: '#ffffff',\n  raised: '#ffffff',\n  sunken: '#f0f0f0',\n  rail: '#efefef',\n  hover: '#e4e4e4',\n  titlebar: '#ffffff',\n  borderSubtle: '#6b6b6b',\n  borderStrong: '#000000',\n  textPrimary: '#000000',\n  textSecondary: '#1f1f1f',\n  textTertiary: '#3d3d3d',\n  successBg: '#ddf3de',\n  successFg: '#0b4d10',\n  warningBg: '#ffe9c7',\n  warningFg: '#5c3a00',\n  dangerBg: '#fadbd9',\n  dangerFg: '#7a0f0b',\n  infoBg: '#ddebfa',\n  infoFg: '#0a3a66',\n  newBg: '#f1ddf6',\n  newFg: '#5e0f70',\n  scrim: '#00000080',\n  ...DANGER_LIGHT,\n}\n\nconst HIGH_CONTRAST_DARK: ThemeColors = {\n  canvas: '#000000',\n  surface: '#000000',\n  raised: '#0a0a0a',\n  sunken: '#141414',\n  rail: '#0f0f0f',\n  hover: '#262626',\n  titlebar: '#000000',\n  borderSubtle: '#9a9a9a',\n  borderStrong: '#ffffff',\n  textPrimary: '#ffffff',\n  textSecondary: '#ededed',\n  textTertiary: '#c7c7c7',\n  successBg: '#0b2a0e',\n  successFg: '#9be7a0',\n  warningBg: '#2e2000',\n  warningFg: '#ffd08a',\n  dangerBg: '#330b0a',\n  dangerFg: '#ff9e9b',\n  infoBg: '#0a2340',\n  infoFg: '#9ccbff',\n  newBg: '#2e0b38',\n  newFg: '#f2a8ff',\n  scrim: '#000000b2',\n  ...DANGER_DARK,\n}\n\n/** Figma's previews of the two themes it does not hold in full. */\nexport const THEME_PREVIEWS: Readonly<Record<'ocean' | 'warm', ThemePreview>> = {\n  ocean: { rail: '#0b3954', surface: '#f2f8fb', canvas: '#e3eef4', accent: '#087e8b' },\n  warm: { rail: '#e9dccb', surface: '#fffaf3', canvas: '#f5ece0', accent: '#c2571a' },\n}\n\n/**\n * The rail color a theme's DARK appearance is tinted toward. Ocean's rail is\n * already dark, so it is its own seed; Warm's is a light sand, so its dark\n * appearance leans to a dark sand instead.\n */\nexport const THEME_DARK_RAIL_SEEDS: Readonly<Record<'ocean' | 'warm', string>> = {\n  ocean: '#0b3954',\n  warm: '#7a5634',\n}\n\n/**\n * A theme's full palette from Figma's four-color preview (AGL-3950), by the\n * same rules for both:\n *\n * Light: the preview's canvas, surface and rail as given; raised = surface;\n * sunken = canvas 25% toward the rail; hover = surface 10% toward the rail;\n * titlebar = surface 35% toward the canvas; the borders are Figma's Aglyn\n * mode's, 18% (subtle) and 22% (strong) toward the rail. Text, status, scrim\n * and the danger fill are Figma's Aglyn mode's.\n *\n * Dark: Figma's Aglyn dark mode tinted toward the dark rail seed: canvas\n * 22%, surface and raised 18%, rail 45%; everything else is that mode's.\n *\n * \"Toward\" is a straight per-channel sRGB blend, rounded to the byte.\n */\nexport function deriveThemeFromPreview(preview: ThemePreview, darkRailSeed: string): {\n  light: ThemeColors\n  dark: ThemeColors\n} {\n  return {\n    light: {\n      ...FIGMA_AGLYN_LIGHT,\n      canvas: preview.canvas,\n      surface: preview.surface,\n      raised: preview.surface,\n      rail: preview.rail,\n      sunken: themeLerp(preview.canvas, preview.rail, 0.25),\n      hover: themeLerp(preview.surface, preview.rail, 0.1),\n      titlebar: themeLerp(preview.surface, preview.canvas, 0.35),\n      borderSubtle: themeLerp(FIGMA_AGLYN_LIGHT.borderSubtle, preview.rail, 0.18),\n      borderStrong: themeLerp(FIGMA_AGLYN_LIGHT.borderStrong, preview.rail, 0.22),\n    },\n    dark: {\n      ...FIGMA_AGLYN_DARK,\n      canvas: themeLerp(FIGMA_AGLYN_DARK.canvas, darkRailSeed, 0.22),\n      surface: themeLerp(FIGMA_AGLYN_DARK.surface, darkRailSeed, 0.18),\n      raised: themeLerp(FIGMA_AGLYN_DARK.raised, darkRailSeed, 0.18),\n      rail: themeLerp(FIGMA_AGLYN_DARK.rail, darkRailSeed, 0.45),\n    },\n  }\n}\n\nconst OCEAN = deriveThemeFromPreview(THEME_PREVIEWS.ocean, THEME_DARK_RAIL_SEEDS.ocean)\nconst WARM = deriveThemeFromPreview(THEME_PREVIEWS.warm, THEME_DARK_RAIL_SEEDS.warm)\n\n/** The Aglyn blue every Figma theme's \"Accent: Theme\" resolves to. */\nconst AGLYN_ACCENT = '#00b0ff'\n\n/** Every theme, in the order the Theme settings sheet lists them. */\nexport const THEME_PALETTES: readonly ThemePalette[] = [\n  { id: 'aglyn', label: '', brandLabel: true, light: AGLYN_LIGHT, dark: AGLYN_DARK, accent: AGLYN_ACCENT, source: 'console' },\n  { id: 'quiet', label: 'Quiet', light: QUIET_LIGHT, dark: QUIET_DARK, accent: AGLYN_ACCENT, source: 'figma' },\n  { id: 'night', label: 'Night', light: NIGHT, dark: NIGHT, accent: AGLYN_ACCENT, alwaysDark: true, source: 'figma' },\n  { id: 'ocean', label: 'Ocean', light: OCEAN.light, dark: OCEAN.dark, accent: THEME_PREVIEWS.ocean.accent, source: 'derived' },\n  { id: 'warm', label: 'Warm', light: WARM.light, dark: WARM.dark, accent: THEME_PREVIEWS.warm.accent, source: 'derived' },\n  {\n    id: 'highContrast',\n    label: 'High contrast',\n    light: HIGH_CONTRAST_LIGHT,\n    dark: HIGH_CONTRAST_DARK,\n    accent: AGLYN_ACCENT,\n    source: 'figma',\n  },\n]\n\n// ── Accents ─────────────────────────────────────────────────────────────────\n\n/** The surfaces an accent's text is held to. */\nconst LIGHT_PAGE = AGLYN_LIGHT.surface\nconst DARK_PAGE = AGLYN_DARK.surface\n\n/** Text and icons on a fill that keeps a light brand color. */\nconst DARK_ON_LIGHTNESS = 0.08\n\nfunction accentText(raw: string): Pick<ThemeAccent, 'textLight' | 'textDark'> {\n  return {\n    textLight: walkToContrast(raw, LIGHT_PAGE, THEME_TEXT_CONTRAST, -1),\n    textDark: walkToContrast(raw, DARK_PAGE, THEME_TEXT_CONTRAST, 1),\n  }\n}\n\n/** Figma's Accent modes, exactly as the Accent collection holds them. */\nconst FIGMA_ACCENTS: ReadonlyArray<{ id: string; label: string; accent: Omit<ThemeAccent, 'textLight' | 'textDark'> }> = [\n  {\n    id: 'blue',\n    label: 'Blue',\n    accent: {\n      fill: '#0073ae',\n      icon: '#0091d5',\n      soft: '#00b0ff29',\n      ring: '#00b0ff',\n      on: '#ffffff',\n      hover: '#00669b',\n      pressed: '#005884',\n    },\n  },\n  {\n    id: 'violet',\n    label: 'Violet',\n    accent: {\n      fill: '#5b3fd6',\n      icon: '#8c72f5',\n      soft: '#7a5cf02e',\n      ring: '#7a5cf0',\n      on: '#ffffff',\n      hover: '#4e34c2',\n      pressed: '#4129aa',\n    },\n  },\n  {\n    id: 'pink',\n    label: 'Pink',\n    accent: {\n      fill: '#e040fb',\n      icon: '#c93ae3',\n      soft: '#e040fb29',\n      ring: '#e040fb',\n      on: '#1e0424',\n      hover: '#cc2ee6',\n      pressed: '#b523cf',\n    },\n  },\n  {\n    id: 'workspaceBrand',\n    label: 'Workspace brand',\n    accent: {\n      fill: '#2e7d5b',\n      icon: '#2e8f66',\n      soft: '#2e7d5b2e',\n      ring: '#3fa77a',\n      on: '#ffffff',\n      hover: '#276c4e',\n      pressed: '#205a41',\n    },\n  },\n]\n\n/** The named accents, Figma's own values with their text shades. */\nexport const THEME_ACCENTS: readonly ThemeNamedAccent[] = FIGMA_ACCENTS.map(({ id, label, accent }) => ({\n  id,\n  label,\n  accent: { ...accent, ...accentText(accent.ring) },\n}))\n\n/** The accent picker's swatches, in Figma's order. */\nexport const THEME_ACCENT_SWATCHES: readonly ThemeAccentSwatch[] = [\n  { id: 'aglynBlue', label: 'Brand blue', color: '#0073ae' },\n  { id: 'sky', label: 'Sky', color: '#00b0ff' },\n  { id: 'violet', label: 'Violet', color: '#7a5cf0' },\n  { id: 'pink', label: 'Pink', color: '#e040fb' },\n  { id: 'green', label: 'Green', color: '#2e7d5b' },\n  { id: 'warm', label: 'Warm', color: '#c2571a' },\n]\n\n/**\n * Every control's shade of one accent color (AGL-3950).\n *\n * A color one of Figma's Accent modes is drawn from (its ring) answers with\n * that mode exactly: Figma wins where it defines a value. Any other color is\n * derived:\n *\n * 1. White text on the color already reads (4.5:1): the fill is the color,\n *    `on` is white.\n * 2. The color carries white text only at the large-text bar (3:1 up to\n *    4.5:1) and near-black text reads on it at 4.5:1: the fill KEEPS the\n *    brand color and `on` flips to near-black, the color's own hue at 8%\n *    lightness. Darkening such a color far enough for white text moves it\n *    visibly off the brand; this is Figma's Pink (#E040FB, 3.34:1). The 3:1\n *    threshold is the one that sends Pink here and Blue (2.43:1) and the\n *    workspace green (2.99:1) to rule 3, as Figma draws them.\n * 3. Otherwise the fill is the color darkened in 2% HSL-lightness steps until\n *    white reaches 4.5:1, and `on` is white.\n *\n * hover and pressed are the fill 4% and 8% darker (HSL lightness), soft is\n * the color at 16% alpha, ring is the color, icon is the color darkened in 2%\n * steps until it reaches 3:1 on the light surface, and the two text shades\n * walk it (darker on light, lighter on dark) until 4.5:1 on that surface.\n * Null for anything that is not `#RRGGBB`.\n */\nexport function deriveAccent(color: string): ThemeAccent | null {\n  if (!isThemeColor(color)) return null\n  const raw = color.toLowerCase()\n  const named = THEME_ACCENTS.find((entry) => entry.accent.ring === raw)\n  if (named) return { ...named.accent }\n  const white = '#ffffff'\n  const onWhite = themeContrast(raw, white)\n  let fill = raw\n  let on = white\n  if (onWhite < THEME_TEXT_CONTRAST) {\n    const rgb = channels(raw) as [number, number, number]\n    const [h, s] = toHsl(rgb)\n    const nearBlack = fromHsl(h, Math.min(s, 0.8), DARK_ON_LIGHTNESS)\n    if (onWhite >= THEME_NON_TEXT_CONTRAST && themeContrast(raw, nearBlack) >= THEME_TEXT_CONTRAST) {\n      on = nearBlack\n    } else {\n      fill = walkToContrast(raw, white, THEME_TEXT_CONTRAST, -1)\n    }\n  }\n  return {\n    fill,\n    icon: walkToContrast(raw, LIGHT_PAGE, THEME_NON_TEXT_CONTRAST, -1),\n    soft: withAlpha(raw, 0.16),\n    ring: raw,\n    on,\n    hover: shiftLightness(fill, -0.04),\n    pressed: shiftLightness(fill, -0.08),\n    ...accentText(raw),\n  }\n}\n\n// ── Density ─────────────────────────────────────────────────────────────────\n\n/** Figma's Density modes. */\nexport const THEME_DENSITIES: readonly ThemeDensity[] = [\n  {\n    id: 'comfortable',\n    label: 'Comfortable',\n    space2: 2,\n    space4: 4,\n    space6: 6,\n    space8: 8,\n    space10: 10,\n    space12: 12,\n    space16: 16,\n    space20: 20,\n    space24: 24,\n    space32: 32,\n    space40: 40,\n    space48: 48,\n    space64: 64,\n    radiusXs: 4,\n    radiusSm: 6,\n    radiusMd: 8,\n    radiusLg: 12,\n    radiusXl: 16,\n    radius2xl: 24,\n    radiusFull: 999,\n    rowHeight: 32,\n    controlHeight: 32,\n    listRowHeight: 60,\n    phoneRowHeight: 52,\n    titlebarHeight: 52,\n  },\n  {\n    id: 'compact',\n    label: 'Compact',\n    space2: 2,\n    space4: 4,\n    space6: 4,\n    space8: 6,\n    space10: 8,\n    space12: 8,\n    space16: 12,\n    space20: 16,\n    space24: 20,\n    space32: 24,\n    space40: 32,\n    space48: 40,\n    space64: 48,\n    radiusXs: 4,\n    radiusSm: 6,\n    radiusMd: 8,\n    radiusLg: 12,\n    radiusXl: 16,\n    radius2xl: 24,\n    radiusFull: 999,\n    rowHeight: 28,\n    controlHeight: 28,\n    listRowHeight: 48,\n    phoneRowHeight: 44,\n    titlebarHeight: 44,\n  },\n]\n\n/** A theme by id, Aglyn for anything unknown. */\nexport function themePalette(id: unknown): ThemePalette {\n  return THEME_PALETTES.find((entry) => entry.id === id) ?? THEME_PALETTES[0]\n}\n"],"names":["HEX","channels","color","match","exec","value","map","index","parseInt","slice","hexOf","rgb","Math","round","min","max","toString","padStart","join","isThemeColor","test","linear","channel","luminance","themeContrast","a","b","x","y","high","low","sort","p","q","toHsl","r","g","red","green","blue","lightness","delta","saturation","hue","fromHsl","l","t","shiftLightness","h","s","walkToContrast","against","minContrast","direction","candidate","step","themeLerp","from","to","amount","withAlpha","alpha","THEME_TEXT_CONTRAST","THEME_NON_TEXT_CONTRAST","DANGER_LIGHT","dangerFill","dangerFillHover","dangerFillPressed","DANGER_DARK","FIGMA_AGLYN_LIGHT","canvas","surface","raised","sunken","rail","hover","titlebar","borderSubtle","borderStrong","textPrimary","textSecondary","textTertiary","successBg","successFg","warningBg","warningFg","dangerBg","dangerFg","infoBg","infoFg","newBg","newFg","scrim","FIGMA_AGLYN_DARK","THEME_FIGMA_BASE","light","dark","AGLYN_LIGHT","AGLYN_DARK","THEME_CONSOLE_FIELDS","QUIET_LIGHT","QUIET_DARK","NIGHT","HIGH_CONTRAST_LIGHT","HIGH_CONTRAST_DARK","THEME_PREVIEWS","ocean","accent","warm","THEME_DARK_RAIL_SEEDS","deriveThemeFromPreview","preview","darkRailSeed","OCEAN","WARM","AGLYN_ACCENT","THEME_PALETTES","id","label","brandLabel","source","alwaysDark","LIGHT_PAGE","DARK_PAGE","DARK_ON_LIGHTNESS","accentText","raw","textLight","textDark","FIGMA_ACCENTS","fill","icon","soft","ring","on","pressed","THEME_ACCENTS","THEME_ACCENT_SWATCHES","deriveAccent","toLowerCase","named","find","entry","white","onWhite","nearBlack","THEME_DENSITIES","space2","space4","space6","space8","space10","space12","space16","space20","space24","space32","space40","space48","space64","radiusXs","radiusSm","radiusMd","radiusLg","radiusXl","radius2xl","radiusFull","rowHeight","controlHeight","listRowHeight","phoneRowHeight","titlebarHeight","themePalette"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../libs/aglyn/src/lib/app-utils/native-themes.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/**\n * THE NATIVE APPS' THEMES, AS DATA (AGL-3950).\n *\n * The values are read from the Native App Figma file's variables (Themes,\n * page 2:8; collections Aglyn / Theme, Aglyn / Appearance, Aglyn / Accent,\n * Aglyn / Brand and Aglyn / Density), which win wherever they define a value:\n *\n * - `THEME_PALETTES`: Aglyn is the look that ships, the console's resolved\n *   MUI scheme (see `AGLYN_LIGHT`); Quiet, Night and High contrast, light and\n *   dark, are exactly as Figma's Theme modes hold them. Ocean and Warm exist in Figma\n *   only as four-color previews (rail, surface, canvas, accent), so their\n *   full palettes are derived here by `deriveThemeFromPreview`, the rule\n *   below, and drawn back into Figma as swatch boards.\n * - `THEME_ACCENTS`: the Accent modes Blue, Violet, Pink and Workspace\n *   brand, exactly. `deriveAccent` returns them for their ring colors and\n *   derives any other color (a picked accent, a workspace's brand) by rule.\n * - `THEME_ACCENT_SWATCHES`: the five swatches the Theme settings sheet shows.\n * - `THEME_RETIRED_ACCENTS`: retired blues, and the brand blue each reads as.\n * - `THEME_DENSITIES`: Comfortable and Compact.\n *\n * Contrast is WCAG 2's relative luminance, as `accessible-shade.ts` (the\n * console's theme) measures it; lightness steps are HSL lightness, as it\n * walks them.\n *\n * NO IMPORTS, on purpose: the native apps read the values, the types and the\n * answers of these functions through the generated contracts.\n */\n\n/** A theme the apps offer. */\nexport type ThemePaletteId = 'aglyn' | 'quiet' | 'night' | 'ocean' | 'warm' | 'highContrast'\n\n/** One appearance of a theme: every color a native screen draws from. */\nexport interface ThemeColors {\n  canvas: string\n  surface: string\n  raised: string\n  sunken: string\n  rail: string\n  hover: string\n  titlebar: string\n  borderSubtle: string\n  borderStrong: string\n  textPrimary: string\n  textSecondary: string\n  textTertiary: string\n  successBg: string\n  successFg: string\n  warningBg: string\n  warningFg: string\n  dangerBg: string\n  dangerFg: string\n  infoBg: string\n  infoFg: string\n  newBg: string\n  newFg: string\n  /** `#RRGGBBAA`: the wash behind a sheet. */\n  scrim: string\n  /** A destructive button's fill, and its hover and pressed fills. */\n  dangerFill: string\n  dangerFillHover: string\n  dangerFillPressed: string\n}\n\n/**\n * Where a theme's values come from: the console's resolved MUI scheme (the\n * look that ships, Aglyn), Figma's variables, or derived from a Figma preview.\n */\nexport type ThemeSource = 'console' | 'figma' | 'derived'\n\nexport interface ThemePalette {\n  id: ThemePaletteId\n  /** The name a picker shows; empty when `brandLabel` says to show the configured brand name. */\n  label: string\n  /** The theme is named after the product: show the build's configured brand name (white-label safe). */\n  brandLabel?: boolean\n  light: ThemeColors\n  dark: ThemeColors\n  /** The theme's own accent (\"Accent: Theme\"), as a raw color for `deriveAccent`. */\n  accent: string\n  /** Night is the same in both appearances: the theme is always dark. */\n  alwaysDark?: boolean\n  source: ThemeSource\n}\n\n/** An accent, as every control that paints it reads it. */\nexport interface ThemeAccent {\n  /** A filled control's background. */\n  fill: string\n  /** An icon or an indicator in the accent, on the light surfaces. */\n  icon: string\n  /** `#RRGGBBAA`: a selected row's or a chip's wash. */\n  soft: string\n  /** The focus ring: the raw accent. */\n  ring: string\n  /** Text and icons ON `fill`. */\n  on: string\n  hover: string\n  pressed: string\n  /** The accent as text on the light surface, at 4.5:1. */\n  textLight: string\n  /** The accent as text on the dark surface, at 4.5:1. */\n  textDark: string\n}\n\n/** An accent the Theme settings sheet offers by name (Figma's Accent modes). */\nexport interface ThemeNamedAccent {\n  id: string\n  label: string\n  accent: ThemeAccent\n}\n\n/** A swatch of the accent picker. */\nexport interface ThemeAccentSwatch {\n  id: string\n  label: string\n  color: string\n}\n\nexport type ThemeDensityId = 'comfortable' | 'compact'\n\n/** One density's sizes, in points (Apple) and dp (Android). */\nexport interface ThemeDensity {\n  id: ThemeDensityId\n  label: string\n  space2: number\n  space4: number\n  space6: number\n  space8: number\n  space10: number\n  space12: number\n  space16: number\n  space20: number\n  space24: number\n  space32: number\n  space40: number\n  space48: number\n  space64: number\n  radiusXs: number\n  radiusSm: number\n  radiusMd: number\n  radiusLg: number\n  radiusXl: number\n  radius2xl: number\n  radiusFull: number\n  rowHeight: number\n  controlHeight: number\n  listRowHeight: number\n  phoneRowHeight: number\n  titlebarHeight: number\n}\n\n/** The four colors Figma previews a theme by. */\nexport interface ThemePreview {\n  rail: string\n  surface: string\n  canvas: string\n  accent: string\n}\n\n// ── Color arithmetic ────────────────────────────────────────────────────────\n\nconst HEX = /^#([0-9a-f]{6})([0-9a-f]{2})?$/i\n\n/** `[r, g, b]` in 0–255, or null for anything that is not `#RRGGBB(AA)`. */\nfunction channels(color: string): [number, number, number] | null {\n  const match = HEX.exec(color ?? '')\n  if (!match) return null\n  const value = match[1]\n  return [0, 2, 4].map((index) => parseInt(value.slice(index, index + 2), 16)) as [number, number, number]\n}\n\nfunction hexOf(rgb: readonly number[]): string {\n  return `#${rgb\n    .map((value) => Math.round(Math.min(255, Math.max(0, value))).toString(16).padStart(2, '0'))\n    .join('')}`\n}\n\n/** Whether a value is `#RRGGBB`. */\nexport function isThemeColor(value: unknown): value is string {\n  return typeof value === 'string' && /^#[0-9a-f]{6}$/i.test(value)\n}\n\nfunction linear(channel: number): number {\n  const value = channel / 255\n  return value <= 0.03928 ? value / 12.92 : ((value + 0.055) / 1.055) ** 2.4\n}\n\nfunction luminance(rgb: readonly number[]): number {\n  return 0.2126 * linear(rgb[0]) + 0.7152 * linear(rgb[1]) + 0.0722 * linear(rgb[2])\n}\n\n/** WCAG 2 contrast between two `#RRGGBB` colors, as the console's `contrastRatio` measures it. */\nexport function themeContrast(a: string, b: string): number {\n  const x = channels(a)\n  const y = channels(b)\n  if (!x || !y) return 1\n  const [high, low] = [luminance(x), luminance(y)].sort((p, q) => q - p)\n  return (high + 0.05) / (low + 0.05)\n}\n\nfunction toHsl([r, g, b]: readonly number[]): [number, number, number] {\n  const [red, green, blue] = [r / 255, g / 255, b / 255]\n  const max = Math.max(red, green, blue)\n  const min = Math.min(red, green, blue)\n  const lightness = (max + min) / 2\n  if (max === min) return [0, 0, lightness]\n  const delta = max - min\n  const saturation = lightness > 0.5 ? delta / (2 - max - min) : delta / (max + min)\n  let hue: number\n  if (max === red) hue = (green - blue) / delta + (green < blue ? 6 : 0)\n  else if (max === green) hue = (blue - red) / delta + 2\n  else hue = (red - green) / delta + 4\n  return [hue / 6, saturation, lightness]\n}\n\nfunction fromHsl(hue: number, saturation: number, lightness: number): string {\n  const l = Math.min(1, Math.max(0, lightness))\n  if (saturation === 0) return hexOf([l * 255, l * 255, l * 255])\n  const q = l < 0.5 ? l * (1 + saturation) : l + saturation - l * saturation\n  const p = 2 * l - q\n  const channel = (t: number) => {\n    let x = t\n    if (x < 0) x += 1\n    if (x > 1) x -= 1\n    if (x < 1 / 6) return p + (q - p) * 6 * x\n    if (x < 1 / 2) return q\n    if (x < 2 / 3) return p + (q - p) * (2 / 3 - x) * 6\n    return p\n  }\n  return hexOf([channel(hue + 1 / 3) * 255, channel(hue) * 255, channel(hue - 1 / 3) * 255])\n}\n\n/** `color` with its HSL lightness moved by `delta` (−1 to 1). */\nfunction shiftLightness(color: string, delta: number): string {\n  const rgb = channels(color)\n  if (!rgb) return color\n  const [h, s, l] = toHsl(rgb)\n  return fromHsl(h, s, l + delta)\n}\n\n/**\n * `color` walked in 2% HSL-lightness steps (darker, or lighter) until it\n * reaches `minContrast` against `against`; the pole when nothing reaches it.\n */\nfunction walkToContrast(color: string, against: string, minContrast: number, direction: -1 | 1): string {\n  let candidate = color\n  for (let step = 0; step <= 50; step += 1) {\n    candidate = shiftLightness(color, direction * 0.02 * step)\n    if (themeContrast(candidate, against) >= minContrast) return candidate\n  }\n  return candidate\n}\n\n/** `from` moved `amount` (0–1) of the way to `to`, per sRGB channel. */\nexport function themeLerp(from: string, to: string, amount: number): string {\n  const a = channels(from)\n  const b = channels(to)\n  if (!a || !b) return from\n  return hexOf(a.map((value, index) => value + (b[index] - value) * amount))\n}\n\n/** `color` with an alpha byte: `#RRGGBBAA`. */\nfunction withAlpha(color: string, alpha: number): string {\n  const rgb = channels(color)\n  if (!rgb) return color\n  return `${hexOf(rgb)}${Math.round(alpha * 255).toString(16).padStart(2, '0')}`\n}\n\n// ── Themes ──────────────────────────────────────────────────────────────────\n\n/** Text that must read on every surface: WCAG AA. */\nexport const THEME_TEXT_CONTRAST = 4.5\n\n/** An icon, a border or an indicator: WCAG AA for non-text. */\nexport const THEME_NON_TEXT_CONTRAST = 3\n\nconst DANGER_LIGHT = { dangerFill: '#b3261e', dangerFillHover: '#9c211a', dangerFillPressed: '#861c16' }\nconst DANGER_DARK = { dangerFill: '#c93a31', dangerFillHover: '#b3261e', dangerFillPressed: '#9c211a' }\n\n/**\n * Figma's Aglyn mode as it stood before that mode moved to the console's\n * scheme (2026-10-19): the base Quiet's status colors and the Ocean and Warm\n * derivations build on, as the native shells' themes already do. Kept by\n * value, so moving the shipping Aglyn look moves nothing else.\n */\nconst FIGMA_AGLYN_LIGHT: ThemeColors = {\n  canvas: '#f5f5f5',\n  surface: '#ffffff',\n  raised: '#ffffff',\n  sunken: '#edf0f4',\n  rail: '#e6eaf0',\n  hover: '#eef1f5',\n  titlebar: '#fafbfc',\n  borderSubtle: '#e3e7ec',\n  borderStrong: '#c8d0d9',\n  textPrimary: '#1f2329',\n  textSecondary: '#5e6773',\n  textTertiary: '#7a838e',\n  successBg: '#e5f3e6',\n  successFg: '#2e6f31',\n  warningBg: '#fff0da',\n  warningFg: '#85560f',\n  dangerBg: '#fce6e5',\n  dangerFg: '#a8231e',\n  infoBg: '#e3f0fb',\n  infoFg: '#10548f',\n  newBg: '#f5e4f9',\n  newFg: '#8e2aa1',\n  scrim: '#0f172152',\n  ...DANGER_LIGHT,\n}\n\nconst FIGMA_AGLYN_DARK: ThemeColors = {\n  canvas: '#161c21',\n  surface: '#1e262e',\n  raised: '#27313b',\n  sunken: '#12181d',\n  rail: '#0f1418',\n  hover: '#2a343e',\n  titlebar: '#1a2128',\n  borderSubtle: '#2e3944',\n  borderStrong: '#45525f',\n  textPrimary: '#f3f5f7',\n  textSecondary: '#b3bcc6',\n  textTertiary: '#8a96a3',\n  successBg: '#1b3320',\n  successFg: '#82c785',\n  warningBg: '#3a2c14',\n  warningFg: '#ffc479',\n  dangerBg: '#3b1a1a',\n  dangerFg: '#ed7876',\n  infoBg: '#132c42',\n  infoFg: '#5da1dc',\n  newBg: '#3a1e44',\n  newFg: '#e979fc',\n  scrim: '#0000008c',\n  ...DANGER_DARK,\n}\n\n/** A light and a dark palette. */\nexport interface ThemeColorsPair {\n  light: ThemeColors\n  dark: ThemeColors\n}\n\n/**\n * The palettes `deriveThemeFromPreview` starts from (the original Figma Aglyn\n * mode), exported so each platform can port the derivation and replay its\n * cases against the same base.\n */\nexport const THEME_FIGMA_BASE: ThemeColorsPair = { light: FIGMA_AGLYN_LIGHT, dark: FIGMA_AGLYN_DARK }\n\n/**\n * The Aglyn theme is the look that ships: the console's resolved MUI scheme\n * (`getConsoleTheme`, the same scheme the native shared tokens are generated\n * from), with translucent text, dividers and hover composited onto the paper\n * they sit on, and the status colors as the console's MUI Alert draws them\n * (standard: the intent's light shade lightened 90% for the ground and\n * darkened 60% for the text in light, the reverse in dark). Where the console\n * scheme has no such color (sunken, rail, titlebar, the strong border, the\n * \"new\" status, the scrim) Figma's Aglyn mode supplies it, and so does the\n * danger FILL: the console's `error.main` carries white text at 4.36:1, under\n * the 4.5:1 a button label owes. `apps/console/specs/native-theme-aglyn.spec.ts`\n * holds these to the console's scheme.\n */\nconst AGLYN_LIGHT: ThemeColors = {\n  ...FIGMA_AGLYN_LIGHT,\n  canvas: '#f5f5f5',\n  surface: '#ffffff',\n  raised: '#ffffff',\n  hover: '#f5f5f5',\n  borderSubtle: '#e0e0e0',\n  textPrimary: '#212121',\n  textSecondary: '#666666',\n  textTertiary: '#9e9e9e',\n  successBg: '#f0f8f1',\n  successFg: '#2c4c2e',\n  warningBg: '#fff8ef',\n  warningFg: '#664a28',\n  dangerBg: '#fceeed',\n  dangerFg: '#5c2220',\n  infoBg: '#ecf4fb',\n  infoFg: '#1c3a56',\n}\n\nconst AGLYN_DARK: ThemeColors = {\n  ...FIGMA_AGLYN_DARK,\n  canvas: '#161c21',\n  surface: '#2a3440',\n  raised: '#2a3440',\n  hover: '#3b444f',\n  borderSubtle: '#444c57',\n  textPrimary: '#ffffff',\n  textSecondary: '#bfc2c6',\n  textTertiary: '#959aa0',\n  successBg: '#0b130b',\n  successFg: '#c5e5c7',\n  warningBg: '#19120a',\n  warningFg: '#ffe3c1',\n  dangerBg: '#170c0b',\n  dangerFg: '#f7c9c8',\n  infoBg: '#091015',\n  infoFg: '#bfd9f1',\n}\n\n/** The Aglyn theme's fields the console's scheme supplies; the rest are Figma's Aglyn mode. */\nexport const THEME_CONSOLE_FIELDS: readonly string[] = [\n  'canvas',\n  'surface',\n  'raised',\n  'hover',\n  'borderSubtle',\n  'textPrimary',\n  'textSecondary',\n  'textTertiary',\n  'successBg',\n  'successFg',\n  'warningBg',\n  'warningFg',\n  'dangerBg',\n  'dangerFg',\n  'infoBg',\n  'infoFg',\n]\n\nconst QUIET_LIGHT: ThemeColors = {\n  ...FIGMA_AGLYN_LIGHT,\n  canvas: '#f4f4f2',\n  surface: '#ffffff',\n  raised: '#ffffff',\n  sunken: '#ecece9',\n  rail: '#eaeae7',\n  hover: '#efefec',\n  titlebar: '#fafaf8',\n  borderSubtle: '#e2e2de',\n  borderStrong: '#cbcbc5',\n  textPrimary: '#222220',\n  textSecondary: '#5f5f5a',\n  textTertiary: '#7c7c76',\n}\n\nconst QUIET_DARK: ThemeColors = {\n  ...FIGMA_AGLYN_DARK,\n  canvas: '#1a1a19',\n  surface: '#222221',\n  raised: '#2b2b29',\n  sunken: '#141413',\n  rail: '#121211',\n  hover: '#30302e',\n  titlebar: '#1e1e1d',\n  borderSubtle: '#353533',\n  borderStrong: '#4a4a47',\n  textPrimary: '#f2f2ef',\n  textSecondary: '#b5b5af',\n  textTertiary: '#8e8e88',\n}\n\nconst NIGHT: ThemeColors = {\n  canvas: '#0b1120',\n  surface: '#121a2b',\n  raised: '#1a2337',\n  sunken: '#070c17',\n  rail: '#050913',\n  hover: '#1e2840',\n  titlebar: '#0e1525',\n  borderSubtle: '#222c42',\n  borderStrong: '#33405c',\n  textPrimary: '#eef2fa',\n  textSecondary: '#a9b4cb',\n  textTertiary: '#8290ab',\n  successBg: '#12301f',\n  successFg: '#7bcb8f',\n  warningBg: '#352914',\n  warningFg: '#f6be6e',\n  dangerBg: '#3a1820',\n  dangerFg: '#f08a8f',\n  infoBg: '#122a47',\n  infoFg: '#79b2ee',\n  newBg: '#36193f',\n  newFg: '#e68af6',\n  scrim: '#00000099',\n  ...DANGER_DARK,\n}\n\nconst HIGH_CONTRAST_LIGHT: ThemeColors = {\n  canvas: '#ffffff',\n  surface: '#ffffff',\n  raised: '#ffffff',\n  sunken: '#f0f0f0',\n  rail: '#efefef',\n  hover: '#e4e4e4',\n  titlebar: '#ffffff',\n  borderSubtle: '#6b6b6b',\n  borderStrong: '#000000',\n  textPrimary: '#000000',\n  textSecondary: '#1f1f1f',\n  textTertiary: '#3d3d3d',\n  successBg: '#ddf3de',\n  successFg: '#0b4d10',\n  warningBg: '#ffe9c7',\n  warningFg: '#5c3a00',\n  dangerBg: '#fadbd9',\n  dangerFg: '#7a0f0b',\n  infoBg: '#ddebfa',\n  infoFg: '#0a3a66',\n  newBg: '#f1ddf6',\n  newFg: '#5e0f70',\n  scrim: '#00000080',\n  ...DANGER_LIGHT,\n}\n\nconst HIGH_CONTRAST_DARK: ThemeColors = {\n  canvas: '#000000',\n  surface: '#000000',\n  raised: '#0a0a0a',\n  sunken: '#141414',\n  rail: '#0f0f0f',\n  hover: '#262626',\n  titlebar: '#000000',\n  borderSubtle: '#9a9a9a',\n  borderStrong: '#ffffff',\n  textPrimary: '#ffffff',\n  textSecondary: '#ededed',\n  textTertiary: '#c7c7c7',\n  successBg: '#0b2a0e',\n  successFg: '#9be7a0',\n  warningBg: '#2e2000',\n  warningFg: '#ffd08a',\n  dangerBg: '#330b0a',\n  dangerFg: '#ff9e9b',\n  infoBg: '#0a2340',\n  infoFg: '#9ccbff',\n  newBg: '#2e0b38',\n  newFg: '#f2a8ff',\n  scrim: '#000000b2',\n  ...DANGER_DARK,\n}\n\n/** Figma's previews of the two themes it does not hold in full. */\nexport const THEME_PREVIEWS: Readonly<Record<'ocean' | 'warm', ThemePreview>> = {\n  ocean: { rail: '#0b3954', surface: '#f2f8fb', canvas: '#e3eef4', accent: '#087e8b' },\n  warm: { rail: '#e9dccb', surface: '#fffaf3', canvas: '#f5ece0', accent: '#c2571a' },\n}\n\n/**\n * The rail color a theme's DARK appearance is tinted toward. Ocean's rail is\n * already dark, so it is its own seed; Warm's is a light sand, so its dark\n * appearance leans to a dark sand instead.\n */\nexport const THEME_DARK_RAIL_SEEDS: Readonly<Record<'ocean' | 'warm', string>> = {\n  ocean: '#0b3954',\n  warm: '#7a5634',\n}\n\n/**\n * A theme's full palette from Figma's four-color preview (AGL-3950), by the\n * same rules for both:\n *\n * Light: the preview's canvas, surface and rail as given; raised = surface;\n * sunken = canvas 25% toward the rail; hover = surface 10% toward the rail;\n * titlebar = surface 35% toward the canvas; the borders are Figma's Aglyn\n * mode's, 18% (subtle) and 22% (strong) toward the rail. Text, status, scrim\n * and the danger fill are Figma's Aglyn mode's.\n *\n * Dark: Figma's Aglyn dark mode tinted toward the dark rail seed: canvas\n * 22%, surface and raised 18%, rail 45%; everything else is that mode's.\n *\n * \"Toward\" is a straight per-channel sRGB blend, rounded to the byte.\n */\nexport function deriveThemeFromPreview(preview: ThemePreview, darkRailSeed: string): {\n  light: ThemeColors\n  dark: ThemeColors\n} {\n  return {\n    light: {\n      ...FIGMA_AGLYN_LIGHT,\n      canvas: preview.canvas,\n      surface: preview.surface,\n      raised: preview.surface,\n      rail: preview.rail,\n      sunken: themeLerp(preview.canvas, preview.rail, 0.25),\n      hover: themeLerp(preview.surface, preview.rail, 0.1),\n      titlebar: themeLerp(preview.surface, preview.canvas, 0.35),\n      borderSubtle: themeLerp(FIGMA_AGLYN_LIGHT.borderSubtle, preview.rail, 0.18),\n      borderStrong: themeLerp(FIGMA_AGLYN_LIGHT.borderStrong, preview.rail, 0.22),\n    },\n    dark: {\n      ...FIGMA_AGLYN_DARK,\n      canvas: themeLerp(FIGMA_AGLYN_DARK.canvas, darkRailSeed, 0.22),\n      surface: themeLerp(FIGMA_AGLYN_DARK.surface, darkRailSeed, 0.18),\n      raised: themeLerp(FIGMA_AGLYN_DARK.raised, darkRailSeed, 0.18),\n      rail: themeLerp(FIGMA_AGLYN_DARK.rail, darkRailSeed, 0.45),\n    },\n  }\n}\n\nconst OCEAN = deriveThemeFromPreview(THEME_PREVIEWS.ocean, THEME_DARK_RAIL_SEEDS.ocean)\nconst WARM = deriveThemeFromPreview(THEME_PREVIEWS.warm, THEME_DARK_RAIL_SEEDS.warm)\n\n/** The Aglyn blue every Figma theme's \"Accent: Theme\" resolves to. */\nconst AGLYN_ACCENT = '#00b0ff'\n\n/** Every theme, in the order the Theme settings sheet lists them. */\nexport const THEME_PALETTES: readonly ThemePalette[] = [\n  { id: 'aglyn', label: '', brandLabel: true, light: AGLYN_LIGHT, dark: AGLYN_DARK, accent: AGLYN_ACCENT, source: 'console' },\n  { id: 'quiet', label: 'Quiet', light: QUIET_LIGHT, dark: QUIET_DARK, accent: AGLYN_ACCENT, source: 'figma' },\n  { id: 'night', label: 'Night', light: NIGHT, dark: NIGHT, accent: AGLYN_ACCENT, alwaysDark: true, source: 'figma' },\n  { id: 'ocean', label: 'Ocean', light: OCEAN.light, dark: OCEAN.dark, accent: THEME_PREVIEWS.ocean.accent, source: 'derived' },\n  { id: 'warm', label: 'Warm', light: WARM.light, dark: WARM.dark, accent: THEME_PREVIEWS.warm.accent, source: 'derived' },\n  {\n    id: 'highContrast',\n    label: 'High contrast',\n    light: HIGH_CONTRAST_LIGHT,\n    dark: HIGH_CONTRAST_DARK,\n    accent: AGLYN_ACCENT,\n    source: 'figma',\n  },\n]\n\n/**\n * The Aglyn theme on a PHONE: the brand's bold surfaces (AGL-3990). Zach chose\n * the bold look for the phone on 2026-10-19 and kept every other form factor\n * on the console's neutral scheme (\"I don't like this light blue everywhere\",\n * on the desktop): so only an Aglyn or Aglyn POS PHONE, in the Aglyn theme with\n * the brand blue as its accent, draws these. A tablet, an iPad, a Mac, a\n * Windows or Mac desktop and the POS register keep `THEME_PALETTES`' Aglyn;\n * every other theme, a picked accent and a white-label brand look the same on\n * a phone as anywhere else.\n *\n * The values are Figma's Theme mode 223:0, \"Aglyn · phone (bold) 10/19\", the\n * explicit mode on every frame of the Native App file's Phone page (2:7). A\n * sky-tinted ground under white panels in light; navy in dark. The strong\n * border is the brand blue at 40% over the white surface, flattened. The\n * statuses are the console's intents, tinted to sit on the sky ground; info's\n * ink in light is the brand's ink, and in dark it is the accent's dark text\n * shade (#4DC8FF), never the fill (Zach, 2026-10-19: blue as text on a dark\n * ground is the console's `primary.dark`).\n */\nconst PHONE_AGLYN_LIGHT: ThemeColors = {\n  canvas: '#edf9ff',\n  surface: '#ffffff',\n  raised: '#ffffff',\n  sunken: '#e6f7ff',\n  rail: '#e0f6ff',\n  hover: '#f2fbff',\n  titlebar: '#f7fdff',\n  borderSubtle: '#dbf4ff',\n  borderStrong: '#66d0ff',\n  textPrimary: '#19202a',\n  textSecondary: '#404c5c',\n  textTertiary: '#5d6d85',\n  successBg: '#e2f2e3',\n  successFg: '#306f33',\n  warningBg: '#ffebd1',\n  warningFg: '#975400',\n  dangerBg: '#fbdddc',\n  dangerFg: '#ba1c18',\n  infoBg: '#ccefff',\n  infoFg: '#07171f',\n  newBg: '#fae0fe',\n  newFg: '#a604c2',\n  scrim: '#0f172152',\n  ...DANGER_LIGHT,\n}\n\nconst PHONE_AGLYN_DARK: ThemeColors = {\n  canvas: '#07181f',\n  surface: '#0d2029',\n  raised: '#152b35',\n  sunken: '#1a323d',\n  rail: '#061319',\n  hover: '#213a45',\n  titlebar: '#0a1c24',\n  borderSubtle: '#263f4a',\n  borderStrong: '#395460',\n  textPrimary: '#f2f7fb',\n  textSecondary: '#c1d0d7',\n  textTertiary: '#8ba5b1',\n  successBg: '#1d4433',\n  successFg: '#72c275',\n  warningBg: '#4c432f',\n  warningFg: '#ffab40',\n  dangerBg: '#452228',\n  dangerFg: '#ee7b78',\n  infoBg: '#0a3d54',\n  infoFg: '#4dc8ff',\n  newBg: '#442860',\n  newFg: '#ea7cfc',\n  scrim: '#0000008c',\n  ...DANGER_DARK,\n}\n\n/** The Aglyn theme's grounds on a phone, light and dark (Figma Theme mode 223:0): see `PHONE_AGLYN_LIGHT`. */\nexport const THEME_PHONE_AGLYN: ThemeColorsPair = { light: PHONE_AGLYN_LIGHT, dark: PHONE_AGLYN_DARK }\n\n/** The accent the phone's bold look belongs to: the brand blue, the Aglyn theme's own. */\nexport const THEME_PHONE_BOLD_ACCENT = AGLYN_ACCENT\n\n// ── Accents ─────────────────────────────────────────────────────────────────\n\n/** The surfaces an accent's text is held to. */\nconst LIGHT_PAGE = AGLYN_LIGHT.surface\nconst DARK_PAGE = AGLYN_DARK.surface\n\nfunction accentText(raw: string): Pick<ThemeAccent, 'textLight' | 'textDark'> {\n  return {\n    textLight: walkToContrast(raw, LIGHT_PAGE, THEME_TEXT_CONTRAST, -1),\n    textDark: walkToContrast(raw, DARK_PAGE, THEME_TEXT_CONTRAST, 1),\n  }\n}\n\n/**\n * Figma's Accent modes, exactly as the Accent collection holds them.\n *\n * Blue IS the console's primary (AGL-3990). Zach, 2026-10-19: \"Just like the\n * web app the solid buttons should have white text and the brand blue when it\n * is on a light background should use the other shade of blue\". So the fill\n * is `primary.main` #00B0FF under `contrastText` white (the console's own\n * pairing, knowingly under 4.5:1, AGL-1293), the text shades are\n * `primary.dark` per scheme (#0077AD light, #4DC8FF dark: what MuiLink and the\n * text and outlined MuiButton labels draw, AGL-1186), and the hover fill is\n * `primary.hover`. #0073AE is retired. A mode that names its own text shades\n * keeps them; the others walk their ring to 4.5:1.\n */\nconst FIGMA_ACCENTS: ReadonlyArray<{\n  id: string\n  label: string\n  accent: Omit<ThemeAccent, 'textLight' | 'textDark'> & Partial<Pick<ThemeAccent, 'textLight' | 'textDark'>>\n}> = [\n  {\n    id: 'blue',\n    label: 'Blue',\n    accent: {\n      fill: '#00b0ff',\n      icon: '#00b0ff',\n      soft: '#00b0ff29',\n      ring: '#00b0ff',\n      on: '#ffffff',\n      hover: '#0077ad',\n      pressed: '#006999',\n      textLight: '#0077ad',\n      textDark: '#4dc8ff',\n    },\n  },\n  {\n    id: 'violet',\n    label: 'Violet',\n    accent: {\n      fill: '#5b3fd6',\n      icon: '#8c72f5',\n      soft: '#7a5cf02e',\n      ring: '#7a5cf0',\n      on: '#ffffff',\n      hover: '#4e34c2',\n      pressed: '#4129aa',\n    },\n  },\n  {\n    id: 'pink',\n    label: 'Pink',\n    accent: {\n      fill: '#e040fb',\n      icon: '#c93ae3',\n      soft: '#e040fb29',\n      ring: '#e040fb',\n      on: '#ffffff',\n      hover: '#cc2ee6',\n      pressed: '#b523cf',\n    },\n  },\n  {\n    id: 'workspaceBrand',\n    label: 'Workspace brand',\n    accent: {\n      fill: '#2e7d5b',\n      icon: '#2e8f66',\n      soft: '#2e7d5b2e',\n      ring: '#3fa77a',\n      on: '#ffffff',\n      hover: '#276c4e',\n      pressed: '#205a41',\n    },\n  },\n]\n\n/** The named accents, Figma's own values with their text shades (their own where they name them). */\nexport const THEME_ACCENTS: readonly ThemeNamedAccent[] = FIGMA_ACCENTS.map(({ id, label, accent }) => ({\n  id,\n  label,\n  accent: { ...accentText(accent.ring), ...accent },\n}))\n\n/**\n * Blues the brand has retired (AGL-3990), and the color each now reads as. The\n * picker's old \"Brand blue\" swatch was #0073AE; an accent an account saved\n * from it (`appTheme.accent`) reads as the brand blue, #00B0FF.\n */\nexport const THEME_RETIRED_ACCENTS: Readonly<Record<string, string>> = {\n  '#0073ae': '#00b0ff',\n}\n\n/** The accent picker's swatches, in Figma's order. #00B0FF is the one brand blue (AGL-3990), so \"Sky\" went. */\nexport const THEME_ACCENT_SWATCHES: readonly ThemeAccentSwatch[] = [\n  { id: 'aglynBlue', label: 'Brand blue', color: '#00b0ff' },\n  { id: 'violet', label: 'Violet', color: '#7a5cf0' },\n  { id: 'pink', label: 'Pink', color: '#e040fb' },\n  { id: 'green', label: 'Green', color: '#2e7d5b' },\n  { id: 'warm', label: 'Warm', color: '#c2571a' },\n]\n\n/**\n * Every control's shade of one accent color (AGL-3950).\n *\n * A retired blue (`THEME_RETIRED_ACCENTS`) reads as the color that replaced\n * it. A color one of Figma's Accent modes is drawn from (its ring) answers\n * with that mode exactly: Figma wins where it defines a value. Blue, the brand\n * blue, is one of them, and wears the console's own pairing. Any other color\n * is derived:\n *\n * 1. White text on the color reads at 3:1 or better: the fill is the color,\n *    `on` is white. Content on a filled control is always white (Zach,\n *    2026-10-19: \"Just like the web app the solid buttons should have white\n *    text\"), and a brand color white reads on at the large-text bar keeps\n *    its own fill rather than moving off the brand, the console's own\n *    pairing; this is Figma's Pink (#E040FB, 3.34:1).\n * 2. Otherwise the fill is the color darkened in 2% HSL-lightness steps until\n *    white reaches 4.5:1, and `on` is white. The 3:1 threshold is the one\n *    that sends the workspace green (2.99:1) here, as Figma draws it.\n *\n * hover and pressed are the fill 4% and 8% darker (HSL lightness), soft is\n * the color at 16% alpha, ring is the color, icon is the color darkened in 2%\n * steps until it reaches 3:1 on the light surface, and the two text shades\n * walk it (darker on light, lighter on dark) until 4.5:1 on that surface.\n * Null for anything that is not `#RRGGBB`.\n */\nexport function deriveAccent(color: string): ThemeAccent | null {\n  if (!isThemeColor(color)) return null\n  const raw = THEME_RETIRED_ACCENTS[color.toLowerCase()] ?? color.toLowerCase()\n  const named = THEME_ACCENTS.find((entry) => entry.accent.ring === raw)\n  if (named) return { ...named.accent }\n  const white = '#ffffff'\n  const fill =\n    themeContrast(raw, white) >= THEME_NON_TEXT_CONTRAST ? raw : walkToContrast(raw, white, THEME_TEXT_CONTRAST, -1)\n  return {\n    fill,\n    icon: walkToContrast(raw, LIGHT_PAGE, THEME_NON_TEXT_CONTRAST, -1),\n    soft: withAlpha(raw, 0.16),\n    ring: raw,\n    on: white,\n    hover: shiftLightness(fill, -0.04),\n    pressed: shiftLightness(fill, -0.08),\n    ...accentText(raw),\n  }\n}\n\n// ── Density ─────────────────────────────────────────────────────────────────\n\n/** Figma's Density modes. */\nexport const THEME_DENSITIES: readonly ThemeDensity[] = [\n  {\n    id: 'comfortable',\n    label: 'Comfortable',\n    space2: 2,\n    space4: 4,\n    space6: 6,\n    space8: 8,\n    space10: 10,\n    space12: 12,\n    space16: 16,\n    space20: 20,\n    space24: 24,\n    space32: 32,\n    space40: 40,\n    space48: 48,\n    space64: 64,\n    radiusXs: 4,\n    radiusSm: 6,\n    radiusMd: 8,\n    radiusLg: 12,\n    radiusXl: 16,\n    radius2xl: 24,\n    radiusFull: 999,\n    rowHeight: 32,\n    controlHeight: 32,\n    listRowHeight: 60,\n    phoneRowHeight: 52,\n    titlebarHeight: 52,\n  },\n  {\n    id: 'compact',\n    label: 'Compact',\n    space2: 2,\n    space4: 4,\n    space6: 4,\n    space8: 6,\n    space10: 8,\n    space12: 8,\n    space16: 12,\n    space20: 16,\n    space24: 20,\n    space32: 24,\n    space40: 32,\n    space48: 40,\n    space64: 48,\n    radiusXs: 4,\n    radiusSm: 6,\n    radiusMd: 8,\n    radiusLg: 12,\n    radiusXl: 16,\n    radius2xl: 24,\n    radiusFull: 999,\n    rowHeight: 28,\n    controlHeight: 28,\n    listRowHeight: 48,\n    phoneRowHeight: 44,\n    titlebarHeight: 44,\n  },\n]\n\n/** A theme by id, Aglyn for anything unknown. */\nexport function themePalette(id: unknown): ThemePalette {\n  return THEME_PALETTES.find((entry) => entry.id === id) ?? THEME_PALETTES[0]\n}\n"],"names":["HEX","channels","color","match","exec","value","map","index","parseInt","slice","hexOf","rgb","Math","round","min","max","toString","padStart","join","isThemeColor","test","linear","channel","luminance","themeContrast","a","b","x","y","high","low","sort","p","q","toHsl","r","g","red","green","blue","lightness","delta","saturation","hue","fromHsl","l","t","shiftLightness","h","s","walkToContrast","against","minContrast","direction","candidate","step","themeLerp","from","to","amount","withAlpha","alpha","THEME_TEXT_CONTRAST","THEME_NON_TEXT_CONTRAST","DANGER_LIGHT","dangerFill","dangerFillHover","dangerFillPressed","DANGER_DARK","FIGMA_AGLYN_LIGHT","canvas","surface","raised","sunken","rail","hover","titlebar","borderSubtle","borderStrong","textPrimary","textSecondary","textTertiary","successBg","successFg","warningBg","warningFg","dangerBg","dangerFg","infoBg","infoFg","newBg","newFg","scrim","FIGMA_AGLYN_DARK","THEME_FIGMA_BASE","light","dark","AGLYN_LIGHT","AGLYN_DARK","THEME_CONSOLE_FIELDS","QUIET_LIGHT","QUIET_DARK","NIGHT","HIGH_CONTRAST_LIGHT","HIGH_CONTRAST_DARK","THEME_PREVIEWS","ocean","accent","warm","THEME_DARK_RAIL_SEEDS","deriveThemeFromPreview","preview","darkRailSeed","OCEAN","WARM","AGLYN_ACCENT","THEME_PALETTES","id","label","brandLabel","source","alwaysDark","PHONE_AGLYN_LIGHT","PHONE_AGLYN_DARK","THEME_PHONE_AGLYN","THEME_PHONE_BOLD_ACCENT","LIGHT_PAGE","DARK_PAGE","accentText","raw","textLight","textDark","FIGMA_ACCENTS","fill","icon","soft","ring","on","pressed","THEME_ACCENTS","THEME_RETIRED_ACCENTS","THEME_ACCENT_SWATCHES","deriveAccent","toLowerCase","named","find","entry","white","THEME_DENSITIES","space2","space4","space6","space8","space10","space12","space16","space20","space24","space32","space40","space48","space64","radiusXs","radiusSm","radiusMd","radiusLg","radiusXl","radius2xl","radiusFull","rowHeight","controlHeight","listRowHeight","phoneRowHeight","titlebarHeight","themePalette"],"mappings":"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"}

package/src/lib/app-utils/operator-alerts.js

@@ -177,11 +177,13 @@ const DAY = 24 * 60;
         // request's billed hours and the Stripe invoice item that carries them
         // disagree, or one exists without the other. Should know, not must:
         // nothing is lost yet, the next invoice has not gone, and the fix is on
-        // the request. The same check compares a flat-quoted project's
+        // the request. It also checks each request against its own minutes and
+        // approval, so a charge both sides agree on but the ledger does not is
+        // caught too (AGL-4031). The same check compares a flat-quoted project's
         // invoices (AGL-3970), whose findings arrive with `month` "projects".
         type: 'billing.siteCareReconciliation',
         label: 'Site Care billing does not match Stripe',
-        description: 'A Site Care request’s billed hours, amount or line description disagree with its Stripe invoice item, a Stripe item has no request row behind it, a month’s total disagrees with its statement, or a project invoice’s status or amount disagrees with Stripe (or exists in Stripe with no project row). Open the workspace’s staff page and correct it from the request or the project — never by hand in Stripe.',
+        description: 'A Site Care request’s billed hours, amount or line description disagree with its Stripe invoice item, a Stripe item has no request row behind it, a request’s billed hours or charge disagree with its own logged minutes and the owner’s approval (whole started hours past the included hour, never below the approved hours), a month’s total disagrees with its statement or with those minutes, or a project invoice’s status or amount disagrees with Stripe (or exists in Stripe with no project row). Open the workspace’s staff page and correct it from the request or the project — never by hand in Stripe.',
         tier: 'should',
         category: 'billing',
         title: 'Site Care billing mismatch on {{orgName}} ({{month}})',