@tangle-network/sandbox-ui 0.23.3 → 0.23.4

package/dist/chat.d.ts

@@ -5,7 +5,16 @@ import * as React from 'react';
 import { M as ModelInfo } from './model-picker-DUfMTQo5.js';
 import { e as HarnessType } from './harness-picker-ppDe7ap-.js';
 
-type ReasoningLevel = "auto" | "low" | "medium" | "high";
+/**
+ * Thinking-effort ladder — the superset of the per-harness reasoning scales so
+ * one control covers every backend. Consumers map each level onto what the
+ * chosen harness/model supports (and degrade unsupported ones):
+ *   - OpenAI / Codex reasoning_effort: minimal · low · medium · high · xhigh
+ *   - Anthropic (Claude) extended thinking: … · high · max
+ *   - Claude Code: … · high · max · ultracode
+ *   - generic: low · medium · high
+ */
+type ReasoningLevel = "auto" | "minimal" | "low" | "medium" | "high" | "xhigh" | "max" | "ultracode";
 interface ReasoningLevelOption {
     value: ReasoningLevel;
     label: string;

package/dist/chat.js

@@ -16,7 +16,7 @@ import {
   modelProvider,
   snapHarnessToModel,
   snapModelToHarness
-} from "./chunk-H5PBSY62.js";
+} from "./chunk-KANKBACI.js";
 import "./chunk-HXIYUQN2.js";
 import "./chunk-JDMX4HHN.js";
 import "./chunk-EI44GEQ5.js";

package/dist/{chunk-H5PBSY62.js → chunk-KANKBACI.js}

@@ -25,30 +25,36 @@ import {
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
 import { Brain, ChevronDown, Sparkles } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var INTENSITY_BARS = {
-  low: 1,
-  medium: 2,
-  high: 3
-};
+var REASONING_LADDER = [
+  "minimal",
+  "low",
+  "medium",
+  "high",
+  "xhigh",
+  "max",
+  "ultracode"
+];
 function ReasoningGlyph({ level }) {
   if (level === "auto") {
     return /* @__PURE__ */ jsx(Sparkles, { className: "h-3.5 w-3.5 text-muted-foreground" });
   }
-  const filled = INTENSITY_BARS[level];
+  const BARS = 4;
+  const rank = REASONING_LADDER.indexOf(level) + 1;
+  const filled = Math.max(1, Math.ceil(rank / REASONING_LADDER.length * BARS));
   return /* @__PURE__ */ jsx(
     "span",
     {
       "aria-hidden": true,
       className: "inline-flex h-3.5 items-end gap-px",
-      style: { width: 14 },
-      children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx(
+      style: { width: 16 },
+      children: Array.from({ length: BARS }).map((_, i) => /* @__PURE__ */ jsx(
         "span",
         {
           className: cn(
             "w-1 rounded-[1px]",
             i < filled ? "bg-foreground" : "bg-border"
           ),
-          style: { height: `${40 + i * 30}%` }
+          style: { height: `${35 + i * 22}%` }
         },
         i
       ))
@@ -57,9 +63,13 @@ function ReasoningGlyph({ level }) {
 }
 var DEFAULT_REASONING_LEVEL_OPTIONS = [
   { value: "auto", label: "Auto", description: "Let the agent pick the right depth." },
+  { value: "minimal", label: "Minimal", description: "Almost no deliberation \u2014 fastest, cheapest." },
   { value: "low", label: "Low", description: "Fast, direct answers." },
   { value: "medium", label: "Medium", description: "Inspect context before acting." },
-  { value: "high", label: "High", description: "Deeper planning and edge-case checks." }
+  { value: "high", label: "High", description: "Deeper planning and edge-case checks." },
+  { value: "xhigh", label: "Extra High", description: "Extended reasoning for hard problems (Codex/OpenAI)." },
+  { value: "max", label: "Max", description: "Maximum extended thinking budget (Claude)." },
+  { value: "ultracode", label: "Ultracode", description: "Exhaustive multi-pass reasoning (Claude Code)." }
 ];
 function ReasoningLevelPicker({
   value,

package/dist/index.js

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

package/dist/pages.js

@@ -2893,7 +2893,7 @@ function StartupScriptsPage({ apiClient, className }) {
     }));
   };
   const activeCount = scripts.filter((s) => s.enabled).length;
-  return /* @__PURE__ */ jsxs7("div", { className: cn("space-y-6", className), children: [
+  return /* @__PURE__ */ jsxs7("div", { className: cn("mx-auto w-full max-w-7xl space-y-6", className), children: [
     /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-4 md:flex-row md:items-end md:justify-between", children: [
       /* @__PURE__ */ jsxs7("div", { children: [
         /* @__PURE__ */ jsx7("h1", { className: "font-display text-3xl font-extrabold tracking-tight text-foreground", children: "Startup Scripts" }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.23.3",
+  "version": "0.23.4",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",