@mcp-b/react-components 0.49.1 → 0.50.1

package/dist/styles/agent-chat.css

@@ -168,14 +168,17 @@
    the same quiet look without per-app classes. Hug the actions — a short
    viewport (Storybook addons, a short side panel) used to stretch this into
    a vacant slab. Space-between only when there are three slots to fill.
-   Compact control tokens keep this strip on the same ramp as the composer. */
+   Compact control tokens keep this strip on the same ramp as the composer.
+   Count buttons only: opening a popup inserts non-layout focus guards. */
 .agent-chat-start-screen__composer-tray {
   align-self: start;
   justify-content: start;
   min-block-size: 0;
 }
 
-.agent-chat-start-screen__composer-tray:has(> :nth-child(3):last-child) {
+.agent-chat-start-screen__composer-tray:has(
+  > :nth-child(3 of .button):nth-last-child(1 of .button)
+) {
   justify-content: space-between;
 }
 
@@ -561,12 +564,17 @@
     font-size: var(--sigvelo-text-lg);
   }
 
-  .agent-chat-start-screen__composer-tray:has(> :nth-child(3):last-child) {
+  .agent-chat-start-screen__composer-tray:has(
+    > :nth-child(3 of .button):nth-last-child(1 of .button)
+  ) {
     display: grid;
     grid-template-columns: repeat(3, var(--sigvelo-layout-track-fill));
   }
 
-  .agent-chat-start-screen__composer-tray:has(> :nth-child(3):last-child) > .button {
+  .agent-chat-start-screen__composer-tray:has(
+      > :nth-child(3 of .button):nth-last-child(1 of .button)
+    )
+    > .button {
     inline-size: 100%;
     justify-content: center;
   }

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/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-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/message.css

@@ -146,6 +146,10 @@
   white-space: nowrap;
 }
 
+.message[data-from="assistant"] > .message__meta {
+  align-self: flex-start;
+}
+
 .message__meta .message__actions[data-unavailable] {
   visibility: hidden;
 }

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

@@ -1,155 +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;
-};
-/** Known visible model ids from upstream Codex and its desktop catalog. */
-declare const CODEX_MODEL_IDS: readonly ["gpt-6-astra", "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 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.
- */
-declare const CHECKED_IN_CODEX_MODELS: readonly [{
-  readonly id: "gpt-6-astra";
-  readonly model: "gpt-6-astra";
-  readonly displayName: "GPT-6 Astra";
-  readonly description: "Our most capable model for complex, demanding work.";
-  readonly supportedReasoningEfforts: [...CodexReasoningEffortOption[], CodexReasoningEffortOption, {
-    readonly reasoningEffort: "ultra";
-    readonly description: "Maximum reasoning with automatic task delegation";
-  }];
-  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.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 };