@mcp-b/react-components 0.49.0 → 0.50.0

package/dist/styles/accessibility.css

@@ -11,4 +11,24 @@
     border-color: GrayText;
     color: GrayText;
   }
+
+  :where([data-slot="meter-track"], [data-slot="progress-track"], [data-slot="slider-track"]) {
+    background-color: Canvas;
+    outline: var(--sigvelo-border-width) solid CanvasText;
+    outline-offset: calc(-1 * var(--sigvelo-border-width));
+  }
+
+  :where(
+    [data-slot="meter-indicator"],
+    [data-slot="progress-indicator"],
+    [data-slot="slider-indicator"]
+  ) {
+    background-color: Highlight;
+  }
+
+  /* Base UI focuses the hidden range input inside the visible thumb. */
+  .slider__thumb:has(:focus-visible) {
+    outline: var(--sigvelo-focus-ring-forced);
+    outline-offset: var(--sigvelo-focus-offset);
+  }
 }

package/dist/styles/agent-chat.css

@@ -563,7 +563,7 @@
 
   .agent-chat-start-screen__composer-tray:has(> :nth-child(3):last-child) {
     display: grid;
-    grid-template-columns: repeat(3, minmax(0, 1fr));
+    grid-template-columns: repeat(3, var(--sigvelo-layout-track-fill));
   }
 
   .agent-chat-start-screen__composer-tray:has(> :nth-child(3):last-child) > .button {

package/dist/styles/base.css

@@ -192,11 +192,3 @@ textarea {
 .tabular-nums {
   font-variant-numeric: tabular-nums;
 }
-
-@media (prefers-contrast: more) {
-  :root {
-    --sigvelo-color-neutral-border-muted: var(--sigvelo-color-neutral-600);
-    --sigvelo-color-neutral-border-subtle: var(--sigvelo-color-neutral-500);
-    --sigvelo-color-neutral-bg-subtle: var(--sigvelo-color-neutral-200);
-  }
-}

package/dist/styles/codex-model-selector.css

@@ -164,6 +164,10 @@
   line-height: var(--sigvelo-leading-compact);
 }
 
+.codex-model-selector__option[data-highlighted] .codex-model-selector__option-description {
+  color: inherit;
+}
+
 .codex-model-selector__option-indicator {
   order: 2;
   margin-inline-start: auto;

package/dist/styles/color-contrast.test.ts

@@ -0,0 +1,212 @@
+import { expect, test } from "vitest";
+import { cdp, page } from "vitest/browser";
+import { act, createElement } from "react";
+import { createRoot } from "react-dom/client";
+import { FileTree, FileTreeFile, FileTreeFolder } from "../components/general-purpose/FileTree.js";
+import presetsCss from "../../../design-tokens/src/color-presets.css?raw";
+import "./index.css";
+
+const presets = [
+  "",
+  ...new Set([...presetsCss.matchAll(/data-preset="([^"]+)"/g)].map((m) => m[1])),
+];
+const colorPrefix = "--sigvelo-color-";
+
+function luminance(channels: Uint8ClampedArray) {
+  return [0.2126, 0.7152, 0.0722].reduce((sum, weight, index) => {
+    const channel = channels[index] / 255;
+    return (
+      sum + weight * (channel <= 0.04045 ? channel / 12.92 : ((channel + 0.055) / 1.055) ** 2.4)
+    );
+  }, 0);
+}
+
+function contrastRatio(
+  context: CanvasRenderingContext2D,
+  foreground: string,
+  background: string,
+  surface: string,
+) {
+  context.fillStyle = surface;
+  context.fillRect(0, 0, 1, 1);
+  context.fillStyle = background;
+  context.fillRect(0, 0, 1, 1);
+  const backgroundLuminance = luminance(context.getImageData(0, 0, 1, 1).data);
+  context.fillStyle = foreground;
+  context.fillRect(0, 0, 1, 1);
+  const foregroundLuminance = luminance(context.getImageData(0, 0, 1, 1).data);
+  return (
+    (Math.max(backgroundLuminance, foregroundLuminance) + 0.05) /
+    (Math.min(backgroundLuminance, foregroundLuminance) + 0.05)
+  );
+}
+
+test.each(["light", "dark"])("semantic color pairs stay readable in %s mode", async (theme) => {
+  const root = document.documentElement;
+  const probe = document.createElement("div");
+  const canvas = document.createElement("canvas");
+  canvas.width = canvas.height = 1;
+  const context = canvas.getContext("2d");
+  if (!context) throw new Error("Contrast checks require a canvas context");
+  document.body.append(probe);
+  root.dataset.theme = theme;
+
+  try {
+    for (const preset of presets) {
+      if (preset) root.dataset.preset = preset;
+      else delete root.dataset.preset;
+
+      for (const family of ["primary", "neutral", "success", "warning", "danger"]) {
+        const pairs = [
+          [`${family}-bg`, `${family}-text-on-bg`],
+          [`${family}-bg-subtle`, `${family}-text-on-subtle`],
+          [`${family}-bg-strong`, `${family}-text-on-strong`],
+          ["surface", `${family}-text`],
+        ];
+        if (family === "primary" || family === "danger") {
+          pairs.push(
+            [`${family}-bg-hover`, `${family}-text-on-bg`],
+            [`${family}-bg-press`, `${family}-text-on-bg`],
+          );
+        }
+
+        for (const [background, foreground] of pairs) {
+          probe.style.cssText = `background: var(${colorPrefix}${background}); color: var(${colorPrefix}${foreground}); border-color: var(--sigvelo-color-surface)`;
+          const style = getComputedStyle(probe);
+          const ratio = contrastRatio(
+            context,
+            style.color,
+            style.backgroundColor,
+            style.borderColor,
+          );
+          expect(
+            ratio,
+            `${preset || "default"}: ${foreground} on ${background}`,
+          ).toBeGreaterThanOrEqual(4.5);
+        }
+      }
+    }
+
+    delete root.dataset.preset;
+    probe.style.backgroundColor = "var(--sigvelo-color-neutral-bg-subtle)";
+    await cdp().send("Emulation.setEmulatedMedia", {
+      features: [{ name: "prefers-contrast", value: "no-preference" }],
+    });
+    const background = getComputedStyle(probe).backgroundColor;
+    await cdp().send("Emulation.setEmulatedMedia", {
+      features: [{ name: "prefers-contrast", value: "more" }],
+    });
+    expect(getComputedStyle(probe).backgroundColor).toBe(background);
+  } finally {
+    probe.remove();
+    delete root.dataset.theme;
+    delete root.dataset.preset;
+    await cdp().send("Emulation.setEmulatedMedia", { features: [] });
+  }
+});
+
+test.each(["light", "dark"])("selected FileTree rows stay readable in %s mode", async (theme) => {
+  const root = document.documentElement;
+  const fixture = document.createElement("div");
+  const canvas = document.createElement("canvas");
+  canvas.width = canvas.height = 1;
+  const context = canvas.getContext("2d");
+  if (!context) throw new Error("Contrast checks require a canvas context");
+  document.body.append(fixture);
+  const reactRoot = createRoot(fixture);
+  act(() =>
+    reactRoot.render(
+      createElement(
+        "div",
+        null,
+        createElement(
+          FileTree,
+          { selectedPath: "src" },
+          createElement(FileTreeFolder, { path: "src", name: "Source" }),
+        ),
+        createElement(
+          FileTree,
+          { selectedPath: "index.ts" },
+          createElement(FileTreeFile, { path: "index.ts", name: "index.ts" }),
+        ),
+      ),
+    ),
+  );
+  root.dataset.theme = theme;
+
+  try {
+    const nodes = fixture.querySelectorAll<HTMLElement>(".file-tree__node[data-selected]");
+    expect(nodes).toHaveLength(2);
+    for (const node of nodes) {
+      for (const hovered of [false, true]) {
+        if (hovered) await page.elementLocator(node).hover();
+        else await page.elementLocator(node).unhover();
+        expect(node.matches(":hover")).toBe(hovered);
+        for (const preset of presets) {
+          if (preset) root.dataset.preset = preset;
+          else delete root.dataset.preset;
+          for (const animation of node.getAnimations()) animation.finish();
+          const style = getComputedStyle(node);
+          const surface = getComputedStyle(fixture.querySelector(".file-tree")!).backgroundColor;
+          expect(
+            contrastRatio(context, style.color, style.backgroundColor, surface),
+            `${preset || "default"}: ${node.textContent}, hover=${hovered}`,
+          ).toBeGreaterThanOrEqual(4.5);
+          for (const icon of node.querySelectorAll(".file-tree__icon, .file-tree__chevron")) {
+            expect(
+              contrastRatio(context, getComputedStyle(icon).color, style.backgroundColor, surface),
+              `${preset || "default"}: ${node.textContent} icon, hover=${hovered}`,
+            ).toBeGreaterThanOrEqual(3);
+          }
+        }
+      }
+    }
+  } finally {
+    act(() => reactRoot.unmount());
+    fixture.remove();
+    delete root.dataset.theme;
+    delete root.dataset.preset;
+  }
+});
+
+test("forced colors preserve scalar indicators and slider keyboard focus", async () => {
+  const fixture = document.createElement("div");
+  fixture.className = "progress--destructive";
+  document.body.append(fixture);
+  try {
+    await cdp().send("Emulation.setEmulatedMedia", {
+      features: [{ name: "forced-colors", value: "active" }],
+    });
+    const systemColor = document.createElement("div");
+    systemColor.style.backgroundColor = "Highlight";
+    fixture.append(systemColor);
+
+    for (const name of ["meter", "progress", "slider"]) {
+      const track = document.createElement("div");
+      const indicator = document.createElement("div");
+      track.className = `${name}__track`;
+      track.dataset.slot = `${name}-track`;
+      indicator.className = `${name}__indicator`;
+      indicator.dataset.slot = `${name}-indicator`;
+      track.append(indicator);
+      fixture.append(track);
+      expect(getComputedStyle(track).outlineStyle, name).toBe("solid");
+      expect(getComputedStyle(indicator).backgroundColor, name).toBe(
+        getComputedStyle(systemColor).backgroundColor,
+      );
+    }
+
+    const thumb = document.createElement("div");
+    thumb.className = "slider__thumb";
+    const range = document.createElement("input");
+    range.type = "range";
+    thumb.append(range);
+    fixture.append(thumb);
+    range.focus();
+    expect(range.matches(":focus-visible")).toBe(true);
+    expect(getComputedStyle(thumb).outlineStyle).toBe("solid");
+  } finally {
+    fixture.remove();
+    await cdp().send("Emulation.setEmulatedMedia", { features: [] });
+  }
+});

package/dist/styles/employee-app.css

@@ -0,0 +1,29 @@
+.employee-app {
+  block-size: 100%;
+  min-block-size: 0;
+  min-inline-size: 0;
+  display: grid;
+  grid-template-rows: var(--sigvelo-layout-track-fill);
+}
+
+.status-screen {
+  box-sizing: border-box;
+  block-size: 100%;
+  min-block-size: 0;
+  display: grid;
+  align-content: center;
+  justify-items: center;
+  padding: var(--sigvelo-layout-gutter);
+}
+
+.account-sign-in-dialog__control {
+  display: grid;
+  justify-items: center;
+  gap: var(--sigvelo-spacing-2);
+  padding-block: var(--sigvelo-spacing-2);
+}
+
+/* The shared composer owns this clearance; office-only routes use the base inset. */
+body:has(.employee-app .agent-chat__composer) .sigvelo-floating-prompt {
+  --sigvelo-floating-prompt-inset: calc(var(--sigvelo-spacing-16) + var(--sigvelo-spacing-2));
+}

package/dist/styles/file-tree.css

@@ -110,7 +110,7 @@
 
 .file-tree__node[data-selected] {
   background-color: var(--sigvelo-color-primary-bg-subtle);
-  color: var(--sigvelo-color-primary-text);
+  color: var(--sigvelo-color-primary-text-on-subtle);
   font-weight: var(--sigvelo-font-weight-semibold);
 }
 
@@ -157,6 +157,10 @@
   color: var(--sigvelo-color-primary-text);
 }
 
+.file-tree__node[data-selected] :is(.file-tree__icon, .file-tree__chevron) {
+  color: inherit;
+}
+
 .file-tree__actions {
   display: inline-flex;
   align-items: center;

package/dist/styles/index.css

@@ -38,6 +38,8 @@
 @import "./context-menu.css" layer(components);
 @import "./dialog.css" layer(components);
 @import "./employee-chrome.css" layer(components);
+@import "./employee-app.css" layer(components);
+@import "./manager-work.css" layer(components);
 @import "./empty-state.css" layer(components);
 @import "./field.css" layer(components);
 @import "./fieldset.css" layer(components);

package/dist/styles/manager-office.css

@@ -116,8 +116,8 @@
   --manager-office-face: 2.625rem;
 
   display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
-  grid-template-rows: auto minmax(0, 1fr);
+  grid-template-columns: var(--sigvelo-layout-track-fill) auto;
+  grid-template-rows: auto var(--sigvelo-layout-track-fill);
 }
 
 .manager-office__sidebar[data-layout="chat"] .manager-office__sidebar-heading {
@@ -211,7 +211,7 @@
   min-block-size: var(--sigvelo-density-compact-control-height);
   padding: var(--sigvelo-spacing-1-5) var(--sigvelo-spacing-2);
   display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
+  grid-template-columns: var(--sigvelo-layout-track-fill) auto;
   align-items: center;
   gap: var(--sigvelo-spacing-2);
   border: var(--sigvelo-border-style) var(--sigvelo-border-width)
@@ -295,7 +295,7 @@
   padding-block: 0;
   padding-inline: var(--sigvelo-spacing-2);
   display: grid;
-  grid-template-columns: var(--manager-office-face) minmax(0, 1fr);
+  grid-template-columns: var(--manager-office-face) var(--sigvelo-layout-track-fill);
   align-items: center;
   gap: var(--sigvelo-spacing-1-5);
   border-radius: var(--sigvelo-radius-md);
@@ -549,7 +549,7 @@
 .manager-office__employee-header {
   min-inline-size: 0;
   display: grid;
-  grid-template-columns: auto minmax(0, 1fr);
+  grid-template-columns: auto var(--sigvelo-layout-track-fill);
   align-items: start;
   gap: var(--sigvelo-spacing-3);
   padding-block: var(--sigvelo-spacing-1);

package/dist/styles/manager-work.css

@@ -0,0 +1,93 @@
+.responsive-sidebar-shell__sidebar-content:has(> .manager-office__sidebar) {
+  block-size: 100%;
+}
+
+.manager-work__employee-chats {
+  min-block-size: 0;
+  block-size: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.manager-work__threads {
+  min-block-size: 0;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.manager-work__threads-picker {
+  min-block-size: 0;
+  flex: 1;
+}
+
+.manager-work__section-label {
+  margin: 0;
+  padding: var(--sigvelo-spacing-3) var(--sigvelo-spacing-2) var(--sigvelo-spacing-2);
+  color: var(--sigvelo-color-text-muted);
+  font-size: var(--sigvelo-text-2xs);
+  font-weight: var(--sigvelo-font-weight-semibold);
+  line-height: var(--sigvelo-text-2xs-leading);
+  text-transform: uppercase;
+  letter-spacing: var(--sigvelo-tracking-wide);
+}
+
+.manager-work__section-header {
+  display: flex;
+  align-items: center;
+  gap: var(--sigvelo-spacing-1);
+  padding: var(--sigvelo-spacing-2) var(--sigvelo-spacing-3) var(--sigvelo-spacing-1);
+}
+
+.manager-work__section-header > .manager-work__section-label {
+  min-inline-size: 0;
+  flex: 1;
+  padding: 0;
+}
+
+.manager-work__section-count {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--sigvelo-spacing-1);
+  color: var(--sigvelo-color-danger-text);
+  font-size: var(--sigvelo-text-2xs);
+  font-weight: var(--sigvelo-font-weight-semibold);
+  line-height: var(--sigvelo-text-2xs-leading);
+}
+
+.manager-work__section-count svg {
+  inline-size: var(--sigvelo-density-compact-control-icon-size);
+  block-size: var(--sigvelo-density-compact-control-icon-size);
+}
+
+.manager-work__alert-list {
+  display: grid;
+  gap: 0;
+}
+
+.manager-work__handoffs {
+  padding: 0 var(--sigvelo-spacing-3) var(--sigvelo-spacing-2);
+}
+
+.manager-work__handoffs > .manager-work__section-header {
+  padding: var(--sigvelo-spacing-3) 0 var(--sigvelo-spacing-2);
+}
+
+@container responsive-sidebar-shell (inline-size <= 56rem) {
+  .responsive-sidebar-shell__sidebar:has(.manager-office__sidebar) {
+    block-size: min(32rem, calc(100% - var(--sigvelo-spacing-3)));
+    transition: none;
+  }
+
+  .manager-work__employee-chats {
+    max-block-size: none;
+    overflow: visible;
+  }
+
+  .manager-work__threads-picker {
+    min-block-size: 0;
+    flex: none;
+  }
+}

package/dist/styles/responsive-sidebar-shell.css

@@ -49,7 +49,7 @@
 .responsive-sidebar-shell[data-sidebar-toggle-placement="sidebar"]
   .responsive-sidebar-shell__sidebar {
   display: grid;
-  grid-template-rows: auto minmax(0, 1fr);
+  grid-template-rows: auto var(--sigvelo-layout-track-fill);
 }
 
 .responsive-sidebar-shell__sidebar-leading {

package/dist/utils/codex-model-catalog.d.ts

@@ -1,136 +1,2 @@
-//#region src/utils/codex-model-catalog.d.ts
-/**
- * Codex app-server model catalog types.
- *
- * Upstream generates these types with ts-rs but does not publish them from
- * `@openai/codex-sdk`. Keep the field names and shapes aligned with:
- * https://github.com/openai/codex/tree/main/codex-rs/app-server-protocol/schema/typescript
- */
-/** Canonical user-input modality tags advertised by a Codex model. */
-type CodexInputModality = "text" | "image";
-/** Codex intentionally keeps this open so new effort levels do not break clients. */
-type CodexReasoningEffort = string;
-type CodexReasoningEffortOption = {
-  reasoningEffort: CodexReasoningEffort;
-  description: string;
-};
-type CodexModelServiceTier = {
-  id: string;
-  name: string;
-  description: string;
-};
-type CodexModelUpgradeInfo = {
-  model: string;
-  upgradeCopy: string | null;
-  modelLink: string | null;
-  migrationMarkdown: string | null;
-};
-type CodexModelAvailabilityNux = {
-  message: string;
-};
-/** Whole upstream `v2/Model` response shape from Codex app-server `model/list`. */
-type CodexModel = {
-  id: string;
-  model: string;
-  upgrade: string | null;
-  upgradeInfo: CodexModelUpgradeInfo | null;
-  availabilityNux: CodexModelAvailabilityNux | null;
-  displayName: string;
-  description: string;
-  hidden: boolean;
-  supportedReasoningEfforts: CodexReasoningEffortOption[];
-  defaultReasoningEffort: CodexReasoningEffort;
-  inputModalities: CodexInputModality[];
-  supportsPersonality: boolean; /** @deprecated Upstream Codex uses `serviceTiers` for structured tier metadata. */
-  additionalSpeedTiers: string[];
-  serviceTiers: CodexModelServiceTier[];
-  defaultServiceTier: string | null;
-  isDefault: boolean;
-};
-/** Whole upstream `v2/ModelListResponse` shape. */
-type CodexModelListResponse = {
-  data: CodexModel[]; /** Opaque cursor for the next `model/list` request. */
-  nextCursor: string | null;
-};
-/** Current visible model ids in upstream Codex's checked-in catalog. */
-declare const CODEX_MODEL_IDS: readonly ["gpt-5.6-sol", "gpt-5.6-terra", "gpt-5.6-luna", "gpt-5.5", "gpt-5.4", "gpt-5.4-mini", "gpt-5.2"];
-type CodexModelId = (typeof CODEX_MODEL_IDS)[number];
-/** Preserves literal ids and capability values for checked-in Codex catalogs. */
-declare function defineCodexModels<const Models extends readonly CodexModel[]>(models: Models): Models;
-/**
- * Checked-in snapshot of upstream Codex's visible model catalog
- * (`codex-rs/models-manager/models.json`). Display data for hosts without a
- * live `model/list`; runtime account catalogs remain authoritative because
- * availability differs by account and rollout.
- */
-declare const CHECKED_IN_CODEX_MODELS: readonly [{
-  readonly id: "gpt-5.6-sol";
-  readonly model: "gpt-5.6-sol";
-  readonly displayName: "GPT-5.6-Sol";
-  readonly description: "Fast agentic coding model for responsive everyday work.";
-  readonly supportedReasoningEfforts: [...CodexReasoningEffortOption[], CodexReasoningEffortOption];
-  readonly defaultReasoningEffort: "low";
-  readonly isDefault: false;
-  readonly upgrade: null;
-  readonly upgradeInfo: null;
-  readonly availabilityNux: null;
-  readonly hidden: boolean;
-  readonly inputModalities: ("text" | "image")[];
-  readonly supportsPersonality: boolean;
-  readonly additionalSpeedTiers: never[];
-  readonly serviceTiers: never[];
-  readonly defaultServiceTier: null;
-}, {
-  readonly id: "gpt-5.6-terra";
-  readonly model: "gpt-5.6-terra";
-  readonly displayName: "GPT-5.6-Terra";
-  readonly description: "Balanced agentic coding model for everyday work.";
-  readonly supportedReasoningEfforts: [...CodexReasoningEffortOption[], CodexReasoningEffortOption];
-  readonly defaultReasoningEffort: "medium";
-  readonly isDefault: true;
-  readonly upgrade: null;
-  readonly upgradeInfo: null;
-  readonly availabilityNux: null;
-  readonly hidden: boolean;
-  readonly inputModalities: ("text" | "image")[];
-  readonly supportsPersonality: boolean;
-  readonly additionalSpeedTiers: never[];
-  readonly serviceTiers: never[];
-  readonly defaultServiceTier: null;
-}, {
-  readonly id: "gpt-5.6-luna";
-  readonly model: "gpt-5.6-luna";
-  readonly displayName: "GPT-5.6-Luna";
-  readonly description: "Agentic coding model tuned for deliberate work.";
-  readonly supportedReasoningEfforts: [...CodexReasoningEffortOption[], CodexReasoningEffortOption];
-  readonly defaultReasoningEffort: "medium";
-  readonly isDefault: false;
-  readonly upgrade: null;
-  readonly upgradeInfo: null;
-  readonly availabilityNux: null;
-  readonly hidden: boolean;
-  readonly inputModalities: ("text" | "image")[];
-  readonly supportsPersonality: boolean;
-  readonly additionalSpeedTiers: never[];
-  readonly serviceTiers: never[];
-  readonly defaultServiceTier: null;
-}, {
-  readonly id: "gpt-5.5";
-  readonly model: "gpt-5.5";
-  readonly displayName: "GPT-5.5";
-  readonly description: "Previous-generation agentic coding model.";
-  readonly supportedReasoningEfforts: CodexReasoningEffortOption[];
-  readonly defaultReasoningEffort: "medium";
-  readonly isDefault: false;
-  readonly upgrade: null;
-  readonly upgradeInfo: null;
-  readonly availabilityNux: null;
-  readonly hidden: boolean;
-  readonly inputModalities: ("text" | "image")[];
-  readonly supportsPersonality: boolean;
-  readonly additionalSpeedTiers: never[];
-  readonly serviceTiers: never[];
-  readonly defaultServiceTier: null;
-}];
-//#endregion
+import { a as CodexModelAvailabilityNux, c as CodexModelServiceTier, d as CodexReasoningEffortOption, f as defineCodexModels, i as CodexModel, l as CodexModelUpgradeInfo, n as CODEX_MODEL_IDS, o as CodexModelId, r as CodexInputModality, s as CodexModelListResponse, t as CHECKED_IN_CODEX_MODELS, u as CodexReasoningEffort } from "../codex-model-catalog-BBN_gWcc.js";
 export { CHECKED_IN_CODEX_MODELS, CODEX_MODEL_IDS, CodexInputModality, CodexModel, CodexModelAvailabilityNux, CodexModelId, CodexModelListResponse, CodexModelServiceTier, CodexModelUpgradeInfo, CodexReasoningEffort, CodexReasoningEffortOption, defineCodexModels };

package/dist/utils/codex-model-catalog.js

@@ -1,6 +1,7 @@
 //#region src/utils/codex-model-catalog.ts
-/** Current visible model ids in upstream Codex's checked-in catalog. */
+/** Known visible model ids from upstream Codex and its desktop catalog. */
 const CODEX_MODEL_IDS = [
+	"gpt-6-astra",
 	"gpt-5.6-sol",
 	"gpt-5.6-terra",
 	"gpt-5.6-luna",
@@ -47,12 +48,28 @@ const checkedInModelMetadata = {
 	defaultServiceTier: null
 };
 /**
-* Checked-in snapshot of upstream Codex's visible model catalog
-* (`codex-rs/models-manager/models.json`). Display data for hosts without a
-* live `model/list`; runtime account catalogs remain authoritative because
-* availability differs by account and rollout.
+* Checked-in snapshot of Codex's upstream and desktop model catalogs.
+* Display data for hosts without a live `model/list`; runtime account catalogs
+* remain authoritative because availability differs by account and rollout.
 */
 const CHECKED_IN_CODEX_MODELS = defineCodexModels([
+	{
+		...checkedInModelMetadata,
+		id: "gpt-6-astra",
+		model: "gpt-6-astra",
+		displayName: "GPT-6 Astra",
+		description: "Our most capable model for complex, demanding work.",
+		supportedReasoningEfforts: [
+			...standardReasoningEfforts,
+			maxReasoningEffort,
+			{
+				reasoningEffort: "ultra",
+				description: "Maximum reasoning with automatic task delegation"
+			}
+		],
+		defaultReasoningEffort: "medium",
+		isDefault: false
+	},
 	{
 		...checkedInModelMetadata,
 		id: "gpt-5.6-sol",