@tangle-network/sandbox-ui 0.33.1 → 0.35.0

package/dist/chat.d.ts

@@ -3,7 +3,7 @@ export { AgentTimeline, AgentTimelineArtifactItem, AgentTimelineCustomItem, Agen
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReasoningEffort, HarnessType } from '@tangle-network/agent-interface';
 import * as React from 'react';
-import { M as ModelInfo } from './model-picker-Cmisf9Y8.js';
+import { M as ModelInfo } from './model-picker-NOWFpRY4.js';
 
 /**
  * A reasoning selection: `auto` is a UI-only sentinel ("let the harness/model default decide",

package/dist/chat.js

@@ -16,7 +16,7 @@ import {
   modelProvider,
   snapHarnessToModel,
   snapModelToHarness
-} from "./chunk-AWYBQTP6.js";
+} from "./chunk-DVEIMFMF.js";
 import "./chunk-I64YISXS.js";
 import "./chunk-NMR2CTGP.js";
 import "./chunk-EI44GEQ5.js";

package/dist/{chunk-AWYBQTP6.js → chunk-DVEIMFMF.js}

@@ -347,6 +347,13 @@ function AgentSessionControls({
       disabled: model.disabled || (visibleModels ?? []).length === 0
     }
   );
+  const selectedModel = model?.models.find(
+    (entry) => canonicalModelId(entry) === model.value
+  );
+  const modelReasoning = selectedModel ? {
+    supportsReasoning: selectedModel.supportsReasoning,
+    maxEffort: selectedModel.maxReasoningEffort
+  } : null;
   const reasoningNode = reasoning && /* @__PURE__ */ jsx2(
     ReasoningLevelPicker,
     {
@@ -354,7 +361,7 @@ function AgentSessionControls({
       onChange: reasoning.onChange,
       options: reasoning.options,
       disabled: reasoning.disabled,
-      available: harness ? reasoningEffortsFor(harness.value) : reasoning.available
+      available: harness ? reasoningEffortsFor(harness.value, modelReasoning) : reasoning.available
     }
   );
   if (layout === "gear") {

package/dist/dashboard.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { ReactNode } from 'react';
 import { HarnessType } from '@tangle-network/agent-interface';
 export { HarnessType } from '@tangle-network/agent-interface';
-export { D as DEFAULT_FEATURED_MODEL_IDS, M as ModelInfo, a as ModelPicker, b as ModelPickerProps, c as ModelPickerVariant, d as canonicalModelId, e as dedupeModels, f as formatContext, g as formatPricing, m as modelDedupKey } from './model-picker-Cmisf9Y8.js';
+export { D as DEFAULT_FEATURED_MODEL_IDS, M as ModelInfo, a as ModelPicker, b as ModelPickerProps, c as ModelPickerVariant, d as canonicalModelId, e as dedupeModels, f as formatContext, g as formatPricing, m as modelDedupKey } from './model-picker-NOWFpRY4.js';
 export { B as BillingBalance, a as BillingDashboard, b as BillingDashboardProps, c as BillingSubscription, d as BillingUsage, P as PricingPage, e as PricingPageProps, f as PricingTier, T as TemplateCard, g as TemplateCardData, h as TemplateCardProps, U as UsageChart, i as UsageChartProps, j as UsageDataPoint, k as formatPrice } from './template-card-UhV3pmRC.js';
 
 interface Backend {

package/dist/index.d.ts

@@ -9,7 +9,7 @@ export { ExpandedToolDetail, ExpandedToolDetailProps, InlineThinkingItem, Inline
 export { CommandPreview, DiffPreview, GlobResultsPreview, GrepResultsPreview, QuestionPreview, WebSearchPreview, WriteFilePreview } from '@tangle-network/ui/tool-previews';
 export { FileArtifactPane, FileArtifactPaneProps, FileNode, FilePreview, FilePreviewProps, FileTabData, FileTabs, FileTabsProps, FileTree, FileTreeProps, FileTreeVisibilityOptions, RichFileTree, RichFileTreeGitEntry, RichFileTreeGitStatus, RichFileTreeProps, RichFileTreeThemeVars, filterFileTree } from '@tangle-network/ui/files';
 export { ActivityFeed, ActivityFeedProps, ActivityItem, Backend, BackendConfig, BackendConfigProps, BackendSelector, BackendSelectorProps, BackendStatusData, ClusterStatusBar, ClusterStatusBarProps, ClusterStatusItem, CreditBalance, CreditBalanceProps, DashboardLayout, DashboardLayoutProps, DashboardProfile, DashboardSnapshotInfo, DashboardUser, ExposedPort, GitCommitData, GitPanel, GitPanelProps, GitStatusData, HARNESS_BRAND, HARNESS_OPTIONS, HarnessBrand, HarnessLogo, HarnessLogoProps, HarnessPicker, HarnessPickerProps, INSUFFICIENT_BALANCE_CODE, InfoPanel, InfoPanelProps, InsufficientBalance, Invoice, InvoiceTable, InvoiceTableProps, McpServer, MetricAreaChart, MetricAreaChartProps, MetricChartPoint, MetricChartTone, NavItem, NetworkConfig, NetworkConfigData, NetworkConfigProps, NewSandboxCard, NewSandboxCardProps, OutOfCreditsModal, OutOfCreditsModalProps, PlanCardData, PlanCards, PlanCardsProps, PlanFeature, PortsList, PortsListProps, ProcessInfo, ProcessList, ProcessListProps, ProductVariant, ProfileAvatar, ProfileAvatarProps, ProfileComparison, ProfileComparisonProps, ProfileSelector, ProfileSelectorProps, PromoBanner, PromoBannerProps, RailButton, RailButtonProps, RailCollapseToggle, RailCollapseToggleProps, RailFlyout, RailFlyoutProps, RailModeButton, RailModeButtonProps, RailSeparator, RailSeparatorProps, RailThemeToggle, RailTooltip, RailTooltipProps, ResourceMeter, ResourceMeterProps, ResourceSnapshot, ResourceSnapshotItem, ResourceSnapshotProps, SIDEBAR_MOBILE_WIDTH, SIDEBAR_PANEL_WIDTH, SIDEBAR_RAIL_LABELED_WIDTH, SIDEBAR_RAIL_WIDTH, SIDEBAR_TOTAL_WIDTH, SandboxCard, SandboxCardData, SandboxCardProps, SandboxStatus, SandboxTable, SandboxTableProps, Sidebar, SidebarContent, SidebarContentProps, SidebarLayout, SidebarLayoutFlyoutItem, SidebarLayoutNavItem, SidebarLayoutProps, SidebarPanel, SidebarPanelContent, SidebarPanelContentProps, SidebarPanelHeader, SidebarPanelHeaderProps, SidebarPanelProps, SidebarProps, SidebarProvider, SidebarProviderProps, SidebarRail, SidebarRailFooter, SidebarRailFooterProps, SidebarRailHeader, SidebarRailHeaderProps, SidebarRailNav, SidebarRailNavProps, SidebarRailProps, SidebarUser, SnapshotList, SnapshotListProps, SystemLogsViewer, SystemLogsViewerProps, TeamRole, UsageSummary, UsageSummaryData, UsageSummaryProps, Variant, VariantList, VariantListProps, VariantOutcome, VariantStatus, canAdminSandbox, chatCapableHarnesses, parseInsufficientBalance, useSidebar } from './dashboard.js';
-export { D as DEFAULT_FEATURED_MODEL_IDS, M as ModelInfo, a as ModelPicker, b as ModelPickerProps, c as ModelPickerVariant, d as canonicalModelId, e as dedupeModels, f as formatContext, g as formatPricing, m as modelDedupKey } from './model-picker-Cmisf9Y8.js';
+export { D as DEFAULT_FEATURED_MODEL_IDS, M as ModelInfo, a as ModelPicker, b as ModelPickerProps, c as ModelPickerVariant, d as canonicalModelId, e as dedupeModels, f as formatContext, g as formatPricing, m as modelDedupKey } from './model-picker-NOWFpRY4.js';
 export { B as BillingBalance, a as BillingDashboard, b as BillingDashboardProps, c as BillingSubscription, d as BillingUsage, P as PricingPage, e as PricingPageProps, f as PricingTier, T as TemplateCard, g as TemplateCardData, h as TemplateCardProps, U as UsageChart, i as UsageChartProps, j as UsageDataPoint, k as formatPrice } from './template-card-UhV3pmRC.js';
 export { AuthHeader, AuthHeaderProps, GitHubLoginButton, GitHubLoginButtonProps, LoginLayout, LoginLayoutProps, SessionUser, UserMenu, UserMenuProps } from '@tangle-network/ui/auth';
 export { TangleLoginButton, TangleLoginButtonProps } from './auth.js';

package/dist/index.js

@@ -104,7 +104,7 @@ import {
   modelProvider,
   snapHarnessToModel,
   snapModelToHarness
-} from "./chunk-AWYBQTP6.js";
+} from "./chunk-DVEIMFMF.js";
 import {
   ExpandedToolDetail,
   InlineThinkingItem,

package/dist/{model-picker-Cmisf9Y8.d.ts → model-picker-NOWFpRY4.d.ts}

@@ -1,4 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReasoningEffort } from '@tangle-network/agent-interface';
 
 /**
  * Wire-format model entry as returned by `/v1/models` on the Tangle Router
@@ -47,6 +48,14 @@ interface ModelInfo {
      * (matched by dedup key) so the section is never empty for a router catalog.
      */
     featured?: boolean;
+    /**
+     * Per-model reasoning capability, fed to the reasoning-effort picker's capability filter. Source it
+     * from your model catalog (e.g. the router's `supported_parameters` containing `reasoning`). When
+     * `false`, only `none` is offered for this model regardless of harness.
+     */
+    supportsReasoning?: boolean;
+    /** The model's own reasoning ceiling, if narrower than its harness's (e.g. a model capped at `high`). */
+    maxReasoningEffort?: ReasoningEffort;
 }
 type ModelBrandKey = "ai21" | "alibaba" | "anthropic" | "azure" | "bedrock" | "cartesia" | "cerebras" | "cohere" | "deepseek" | "elevenlabs" | "fal" | "fireworks" | "google" | "groq" | "kuaishou" | "luma" | "meta" | "mistral" | "moonshot" | "openai" | "openrouter" | "perplexity" | "pika" | "replicate" | "runway" | "stability" | "tangle" | "tcloud" | "together" | "vertex" | "xai" | "zai" | "unknown";
 type ModelPickerVariant = "field" | "pill";

package/dist/pages.d.ts

@@ -2,7 +2,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { CSSProperties, ReactNode } from 'react';
 import { c as BillingSubscription, B as BillingBalance, d as BillingUsage, j as UsageDataPoint, f as PricingTier, g as TemplateCardData } from './template-card-UhV3pmRC.js';
-export { M as ModelInfo } from './model-picker-Cmisf9Y8.js';
+export { M as ModelInfo } from './model-picker-NOWFpRY4.js';
+import '@tangle-network/agent-interface';
 
 /**
  * Shared, self-contained sign-in / sign-up page for every Tangle vertical app.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.33.1",
+  "version": "0.35.0",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",
@@ -118,7 +118,7 @@
     "@tangle-network/ui": "^1.0.1",
     "react": "^18 || ^19",
     "react-dom": "^18 || ^19",
-    "@tangle-network/agent-interface": "^0.9.0"
+    "@tangle-network/agent-interface": ">=0.10.0 <1.0.0"
   },
   "peerDependenciesMeta": {
     "@xterm/xterm": {
@@ -199,6 +199,6 @@
     "vite": "^8.0.5",
     "vitest": "^4.1.3",
     "yjs": "^13.6.30",
-    "@tangle-network/agent-interface": "^0.9.0"
+    "@tangle-network/agent-interface": ">=0.10.0 <1.0.0"
   }
 }