@mcp-b/react-components 0.11.0 → 0.13.0

package/dist/styles/toggle.css

@@ -2,11 +2,12 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  gap: 0.5rem;
-  padding-block: 0.5rem;
-  padding-inline: 0.75rem;
-  font-family: var(--sigvelo-font-sans);
-  font-size: 0.875rem;
+  gap: var(--sigvelo-recipe-control-gap);
+  min-block-size: var(--sigvelo-recipe-control-height);
+  padding-block: 0;
+  padding-inline: var(--sigvelo-recipe-control-padding-inline);
+  font-family: inherit;
+  font-size: var(--sigvelo-recipe-control-font-size);
   font-weight: var(--sigvelo-font-weight-semibold);
   line-height: 1.25;
   color: var(--sigvelo-color-text);
@@ -27,15 +28,15 @@
 }
 
 .toggle--sm {
-  padding-block: 0.25rem;
-  padding-inline: 0.5rem;
-  font-size: 0.75rem;
+  --sigvelo-recipe-control-height: var(--sigvelo-control-height-sm);
+  --sigvelo-recipe-control-padding-inline: var(--sigvelo-spacing-2);
+  --sigvelo-recipe-control-font-size: var(--sigvelo-control-text-sm);
 }
 
 .toggle--lg {
-  padding-block: 0.625rem;
-  padding-inline: 1rem;
-  font-size: 1rem;
+  --sigvelo-recipe-control-height: var(--sigvelo-control-height-lg);
+  --sigvelo-recipe-control-padding-inline: var(--sigvelo-spacing-4);
+  --sigvelo-recipe-control-font-size: var(--sigvelo-control-text-lg);
 }
 
 .toggle:hover {
@@ -45,9 +46,7 @@
 
 .toggle:focus-visible {
   outline: none;
-  box-shadow:
-    0 0 0 2px var(--sigvelo-color-canvas),
-    0 0 0 4px var(--sigvelo-color-focus);
+  box-shadow: var(--sigvelo-recipe-focus-shadow);
 }
 
 .toggle[data-pressed] {
@@ -57,6 +56,6 @@
 }
 
 .toggle:disabled {
-  opacity: 0.5;
+  opacity: var(--sigvelo-recipe-disabled-opacity);
   pointer-events: none;
 }

package/dist/styles/toolbar.css

@@ -15,7 +15,7 @@
 }
 
 .toolbar[data-disabled] {
-  opacity: 0.5;
+  opacity: var(--sigvelo-recipe-disabled-opacity);
   pointer-events: none;
 }
 
@@ -24,8 +24,8 @@
   align-items: center;
   justify-content: center;
   padding: 0.5rem;
-  font-family: var(--sigvelo-font-sans);
-  font-size: 0.875rem;
+  font-family: inherit;
+  font-size: var(--sigvelo-text-sm);
   font-weight: var(--sigvelo-font-weight-semibold);
   color: var(--sigvelo-color-text);
   background-color: transparent;
@@ -44,13 +44,11 @@
 
 .toolbar__button:focus-visible {
   outline: none;
-  box-shadow:
-    0 0 0 2px var(--sigvelo-color-canvas),
-    0 0 0 4px var(--sigvelo-color-focus);
+  box-shadow: var(--sigvelo-recipe-focus-shadow);
 }
 
 .toolbar__button[data-disabled] {
-  opacity: 0.5;
+  opacity: var(--sigvelo-recipe-disabled-opacity);
   pointer-events: none;
 }
 
@@ -64,8 +62,8 @@
   align-items: center;
   justify-content: center;
   padding: 0.5rem;
-  font-family: var(--sigvelo-font-sans);
-  font-size: 0.875rem;
+  font-family: inherit;
+  font-size: var(--sigvelo-text-sm);
   font-weight: var(--sigvelo-font-weight-semibold);
   color: var(--sigvelo-color-text);
   text-decoration: none;
@@ -82,15 +80,13 @@
 
 .toolbar__link:focus-visible {
   outline: none;
-  box-shadow:
-    0 0 0 2px var(--sigvelo-color-canvas),
-    0 0 0 4px var(--sigvelo-color-focus);
+  box-shadow: var(--sigvelo-recipe-focus-shadow);
 }
 
 .toolbar__group {
   display: flex;
   align-items: center;
-  gap: 0.125rem;
+  gap: var(--sigvelo-spacing-0-5);
 }
 
 .toolbar[data-orientation="vertical"] .toolbar__group {
@@ -111,23 +107,15 @@
 }
 
 .toolbar__input {
-  padding-block: 0.375rem;
-  padding-inline: 0.5rem;
-  font-family: var(--sigvelo-font-sans);
-  font-size: 0.875rem;
-  color: var(--sigvelo-color-text);
-  background-color: var(--sigvelo-color-canvas);
-  border: var(--sigvelo-border-style) var(--sigvelo-border-width)
-    var(--sigvelo-color-neutral-border-muted);
-  border-radius: var(--sigvelo-radius-sm);
+  --sigvelo-recipe-control-height: var(--sigvelo-control-height-sm);
+  --sigvelo-recipe-control-padding-inline: var(--sigvelo-spacing-2);
+  --sigvelo-recipe-control-radius: var(--sigvelo-radius-sm);
 }
 
 .toolbar__input:focus-visible {
   outline: none;
   border-color: var(--sigvelo-color-focus);
-  box-shadow:
-    0 0 0 2px var(--sigvelo-color-canvas),
-    0 0 0 4px color-mix(in oklab, var(--sigvelo-color-focus), transparent 80%);
+  box-shadow: var(--sigvelo-recipe-focus-shadow-subtle);
 }
 
 @container (max-width: 20rem) {

package/dist/styles/tooltip.css

@@ -1,22 +1,12 @@
 .tooltip__popup {
+  --sigvelo-recipe-surface-padding: 0.375rem 0.75rem;
+  --sigvelo-recipe-surface-shadow: var(--sigvelo-shadow-sm);
+
   z-index: 50;
-  padding-block: 0.375rem;
-  padding-inline: 0.75rem;
-  font-family: var(--sigvelo-font-sans);
-  font-size: 0.75rem;
+  max-inline-size: min(20rem, var(--available-width));
+  overflow-y: auto;
+  font-size: var(--sigvelo-text-xs);
   line-height: 1.25;
-  color: var(--sigvelo-color-text);
-  background-color: var(--sigvelo-color-surface);
-  border: var(--sigvelo-border-style) var(--sigvelo-border-width)
-    var(--sigvelo-color-neutral-border-muted);
-  border-radius: var(--sigvelo-radius-md);
-  box-shadow: var(--sigvelo-shadow-sm);
-}
-
-.tooltip__popup[data-starting-style],
-.tooltip__popup[data-ending-style] {
-  opacity: 0;
-  transform: scale(0.95);
 }
 
 .tooltip__arrow {

package/dist/styles/web-preview.css

@@ -2,7 +2,7 @@
   display: flex;
   flex-direction: column;
   width: 100%;
-  font-family: var(--sigvelo-font-sans);
+  font-family: inherit;
   color: var(--sigvelo-color-text);
   background-color: var(--sigvelo-color-surface);
   border: var(--sigvelo-border-style) var(--sigvelo-border-width)
@@ -14,9 +14,9 @@
 .web-preview__nav {
   display: flex;
   align-items: center;
-  gap: 0.375rem;
+  gap: var(--sigvelo-spacing-1-5);
   padding-block: 0.5rem;
-  padding-inline: 0.625rem;
+  padding-inline: var(--sigvelo-spacing-2-5);
   background-color: var(--sigvelo-color-neutral-bg-subtle);
   border-block-end: var(--sigvelo-border-style) var(--sigvelo-border-width)
     var(--sigvelo-color-neutral-border-subtle);
@@ -34,7 +34,7 @@
 .web-preview__url {
   width: 100%;
   font-family: var(--sigvelo-font-mono);
-  font-size: 0.75rem;
+  font-size: var(--sigvelo-text-xs);
 }
 
 .web-preview__body {
@@ -55,7 +55,7 @@
   justify-content: center;
   padding: 2rem;
   color: var(--sigvelo-color-text-muted);
-  font-size: 0.8125rem;
+  font-size: var(--sigvelo-text-compact);
   text-align: center;
 }
 
@@ -71,10 +71,10 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding-block: 0.375rem;
-  padding-inline: 0.75rem;
+  padding-block: var(--sigvelo-spacing-1-5);
+  padding-inline: var(--sigvelo-spacing-3);
   border: 0;
-  font-size: 0.6875rem;
+  font-size: var(--sigvelo-text-2xs);
   font-weight: var(--sigvelo-font-weight-bold);
   text-transform: uppercase;
   letter-spacing: 0.05em;
@@ -116,9 +116,9 @@
 }
 
 .web-preview__console-empty {
-  padding-block: 0.75rem;
-  padding-inline: 0.75rem;
-  font-size: 0.75rem;
+  padding-block: var(--sigvelo-spacing-3);
+  padding-inline: var(--sigvelo-spacing-3);
+  font-size: var(--sigvelo-text-xs);
   color: var(--sigvelo-color-text-muted);
   text-align: center;
 }
@@ -128,10 +128,10 @@
   grid-template-columns: auto 1fr auto;
   gap: 0.5rem;
   align-items: baseline;
-  padding-block: 0.375rem;
-  padding-inline: 0.75rem;
+  padding-block: var(--sigvelo-spacing-1-5);
+  padding-inline: var(--sigvelo-spacing-3);
   font-family: var(--sigvelo-font-mono);
-  font-size: 0.75rem;
+  font-size: var(--sigvelo-text-xs);
   border-block-end: var(--sigvelo-border-style) var(--sigvelo-border-width)
     var(--sigvelo-color-neutral-border-subtle);
 }
@@ -156,7 +156,7 @@
 .web-preview__console-time {
   color: var(--sigvelo-color-text-muted);
   font-variant-numeric: tabular-nums;
-  font-size: 0.6875rem;
+  font-size: var(--sigvelo-text-2xs);
 }
 
 @media (forced-colors: active) {

package/dist/styles/workspace-explorer.css

@@ -3,7 +3,7 @@
   flex-direction: column;
   min-height: 0;
   height: 100%;
-  font-family: var(--sigvelo-font-sans);
+  font-family: inherit;
   color: var(--sigvelo-color-text);
 }
 
@@ -13,18 +13,18 @@
   align-items: center;
   gap: 0.5rem;
   min-height: 2.5rem;
-  padding: 0.25rem 0.625rem;
+  padding: 0.25rem var(--sigvelo-spacing-2-5);
   border-block-end: var(--sigvelo-border-style) var(--sigvelo-border-width)
     var(--sigvelo-color-neutral-border-subtle);
 }
 
 .workspace-explorer__title {
-  font-size: 0.8125rem;
+  font-size: var(--sigvelo-text-compact);
   font-weight: 550;
 }
 
 .workspace-explorer__count {
-  font-size: 0.75rem;
+  font-size: var(--sigvelo-text-xs);
   color: var(--sigvelo-color-text-muted);
 }
 
@@ -34,7 +34,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-size: 0.75rem;
+  font-size: var(--sigvelo-text-xs);
   font-family: var(--sigvelo-font-mono);
   color: var(--sigvelo-color-text-muted);
 }
@@ -49,17 +49,17 @@
 .workspace-explorer__body {
   display: flex;
   flex-direction: column;
-  gap: 0.375rem;
+  gap: var(--sigvelo-spacing-1-5);
   min-height: 0;
   flex: 1;
-  padding: 0.375rem 0.625rem;
+  padding: var(--sigvelo-spacing-1-5) var(--sigvelo-spacing-2-5);
   overflow: auto;
 }
 
 .workspace-explorer__filter {
   display: flex;
   align-items: center;
-  gap: 0.375rem;
+  gap: var(--sigvelo-spacing-1-5);
   min-height: 2rem;
   padding-inline: 0.5rem;
   color: var(--sigvelo-color-text-muted);
@@ -72,16 +72,23 @@
   border-color: var(--sigvelo-color-focus);
 }
 
-.workspace-explorer__filter input {
+.workspace-explorer__filter-input.input {
   flex: 1;
   min-width: 0;
+  height: auto;
   padding-block: 0.25rem;
+  padding-inline: 0;
   border: none;
+  border-radius: 0;
   background: transparent;
   color: var(--sigvelo-color-text);
   font-family: inherit;
-  font-size: 0.75rem;
-  outline: none;
+  font-size: var(--sigvelo-text-xs);
+}
+
+.workspace-explorer__filter-input.input:focus-visible {
+  outline: var(--sigvelo-focus-width) solid var(--sigvelo-color-focus);
+  outline-offset: var(--sigvelo-focus-offset);
 }
 
 .workspace-explorer__tree {
@@ -109,8 +116,8 @@
   flex: 1;
   align-items: center;
   justify-content: center;
-  padding: 1.5rem 0.75rem;
-  font-size: 0.8125rem;
+  padding: 1.5rem var(--sigvelo-spacing-3);
+  font-size: var(--sigvelo-text-compact);
   color: var(--sigvelo-color-text-muted);
   text-align: center;
 }
@@ -131,6 +138,6 @@
 
 /* File contents read at gutter scale, like the original workbench preview. */
 .workspace-explorer__code :is(.code-block__content, .code-block__content pre) {
-  font-size: 0.75rem;
+  font-size: var(--sigvelo-text-xs);
   line-height: 1.6;
 }

package/dist/summarize-tool-input-BUJsENSn.js

@@ -0,0 +1,12 @@
+//#region src/components/_internal/summarize-tool-input.ts
+/** First non-empty line of the salient string input (command, path, query…). */
+function summarizeToolInput(input) {
+	if (!input || typeof input !== "object") return null;
+	for (const value of Object.values(input)) if (typeof value === "string" && value.trim()) {
+		const line = value.trim().split("\n", 1)[0] ?? "";
+		return line.length > 64 ? `${line.slice(0, 64)}…` : line;
+	}
+	return null;
+}
+//#endregion
+export { summarizeToolInput as t };

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

@@ -0,0 +1,142 @@
+//#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 reasoningEffort: "ultra";
+    readonly description: "Maximum reasoning with automatic task delegation";
+  }];
+  readonly defaultReasoningEffort: "low";
+  readonly isDefault: false;
+  readonly upgrade: null;
+  readonly upgradeInfo: null;
+  readonly availabilityNux: null;
+  readonly hidden: boolean;
+  readonly inputModalities: ("image" | "text")[];
+  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 reasoningEffort: "ultra";
+    readonly description: "Maximum reasoning with automatic task delegation";
+  }];
+  readonly defaultReasoningEffort: "medium";
+  readonly isDefault: true;
+  readonly upgrade: null;
+  readonly upgradeInfo: null;
+  readonly availabilityNux: null;
+  readonly hidden: boolean;
+  readonly inputModalities: ("image" | "text")[];
+  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: ("image" | "text")[];
+  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: ("image" | "text")[];
+  readonly supportsPersonality: boolean;
+  readonly additionalSpeedTiers: never[];
+  readonly serviceTiers: never[];
+  readonly defaultServiceTier: null;
+}];
+//#endregion
+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

@@ -0,0 +1,112 @@
+//#region src/utils/codex-model-catalog.ts
+/** Current visible model ids in upstream Codex's checked-in catalog. */
+const CODEX_MODEL_IDS = [
+	"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"
+];
+/** Preserves literal ids and capability values for checked-in Codex catalogs. */
+function defineCodexModels(models) {
+	return models;
+}
+const standardReasoningEfforts = [
+	{
+		reasoningEffort: "low",
+		description: "Fast responses with lighter reasoning"
+	},
+	{
+		reasoningEffort: "medium",
+		description: "Balances speed and reasoning depth for everyday tasks"
+	},
+	{
+		reasoningEffort: "high",
+		description: "Greater reasoning depth for complex problems"
+	},
+	{
+		reasoningEffort: "xhigh",
+		description: "Extra high reasoning depth for complex problems"
+	}
+];
+const maxReasoningEffort = {
+	reasoningEffort: "max",
+	description: "Maximum reasoning depth for hard problems"
+};
+const checkedInModelMetadata = {
+	upgrade: null,
+	upgradeInfo: null,
+	availabilityNux: null,
+	hidden: false,
+	inputModalities: ["text", "image"],
+	supportsPersonality: true,
+	additionalSpeedTiers: [],
+	serviceTiers: [],
+	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.
+*/
+const CHECKED_IN_CODEX_MODELS = defineCodexModels([
+	{
+		...checkedInModelMetadata,
+		id: "gpt-5.6-sol",
+		model: "gpt-5.6-sol",
+		displayName: "GPT-5.6-Sol",
+		description: "Fast agentic coding model for responsive everyday work.",
+		supportedReasoningEfforts: [
+			...standardReasoningEfforts,
+			maxReasoningEffort,
+			{
+				reasoningEffort: "ultra",
+				description: "Maximum reasoning with automatic task delegation"
+			}
+		],
+		defaultReasoningEffort: "low",
+		isDefault: false
+	},
+	{
+		...checkedInModelMetadata,
+		id: "gpt-5.6-terra",
+		model: "gpt-5.6-terra",
+		displayName: "GPT-5.6-Terra",
+		description: "Balanced agentic coding model for everyday work.",
+		supportedReasoningEfforts: [
+			...standardReasoningEfforts,
+			maxReasoningEffort,
+			{
+				reasoningEffort: "ultra",
+				description: "Maximum reasoning with automatic task delegation"
+			}
+		],
+		defaultReasoningEffort: "medium",
+		isDefault: true
+	},
+	{
+		...checkedInModelMetadata,
+		id: "gpt-5.6-luna",
+		model: "gpt-5.6-luna",
+		displayName: "GPT-5.6-Luna",
+		description: "Agentic coding model tuned for deliberate work.",
+		supportedReasoningEfforts: [...standardReasoningEfforts, maxReasoningEffort],
+		defaultReasoningEffort: "medium",
+		isDefault: false
+	},
+	{
+		...checkedInModelMetadata,
+		id: "gpt-5.5",
+		model: "gpt-5.5",
+		displayName: "GPT-5.5",
+		description: "Previous-generation agentic coding model.",
+		supportedReasoningEfforts: standardReasoningEfforts,
+		defaultReasoningEffort: "medium",
+		isDefault: false
+	}
+]);
+//#endregion
+export { CHECKED_IN_CODEX_MODELS, CODEX_MODEL_IDS, defineCodexModels };

package/dist/utils/structured-code.d.ts

@@ -1,4 +1,4 @@
-import { A as CodeBlockLanguage } from "../CodeBlock-CxQXv3C4.js";
+import { A as CodeBlockLanguage } from "../CodeBlock-DUh9WOGo.js";
 
 //#region src/utils/structured-code.d.ts
 interface StructuredCodeDisplay {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-b/react-components",
-  "version": "0.11.0",
+  "version": "0.13.0",
   "description": "MCP-B React components built on Base UI and shared design tokens, including Cloudflare Think chat primitives.",
   "homepage": "https://design-system.sigvelo.com",
   "bugs": {
@@ -50,14 +50,16 @@
     "@streamdown/mermaid": "^1.0.2",
     "anser": "^2.3.5",
     "cloudflare": "^6.5.0",
+    "lucide-react": "^1.23.0",
     "shiki": "^3.23.0",
     "streamdown": "^2.5.0",
-    "@mcp-b/design-tokens": "0.11.0"
+    "@mcp-b/design-tokens": "0.13.0"
   },
   "devDependencies": {
     "@ai-sdk/react": "^3.0.222",
     "@cloudflare/shell": "^0.4.1",
     "@cloudflare/think": "^0.12.1",
+    "@cloudflare/voice": "^0.3.3",
     "@storybook/addon-a11y": "^10.4.6",
     "@storybook/addon-docs": "^10.4.6",
     "@storybook/addon-vitest": "^10.4.6",
@@ -84,6 +86,7 @@
     "@ai-sdk/react": "^3.0.194",
     "@cloudflare/shell": "^0.4.1",
     "@cloudflare/think": "^0.12.1",
+    "@cloudflare/voice": "^0.3.3",
     "agents": "^0.17.3",
     "ai": "^6.0.182",
     "react": "^19.0.0",
@@ -99,6 +102,9 @@
     "@cloudflare/think": {
       "optional": true
     },
+    "@cloudflare/voice": {
+      "optional": true
+    },
     "agents": {
       "optional": true
     },