@tangle-network/sandbox-ui 0.64.0 → 0.66.0

package/dist/chat.d.ts

@@ -46,6 +46,17 @@ interface ReasoningLevelPickerProps {
     avoidCollisions?: boolean;
 }
 declare const DEFAULT_REASONING_LEVEL_OPTIONS: ReadonlyArray<ReasoningLevelOption>;
+/**
+ * Per-harness option overrides for harnesses whose real control isn't a depth scale, so the generic
+ * ladder's labels would mislead. A harness with no entry uses {@link DEFAULT_REASONING_LEVEL_OPTIONS};
+ * either way the picker still intersects the chosen options with the harness/model `available` set, so
+ * only supported values render.
+ *
+ * `kimi-code` is a BINARY thinking toggle, not a gradient: its `--thinking` flag is simply off or on.
+ * `minimal` is the only value that emits `--no-thinking` (off) and `high` maps to thinking-on, so the
+ * menu reads Auto / No thinking / Thinking rather than a misleading five-step scale.
+ */
+declare const HARNESS_REASONING_OPTIONS: Partial<Record<HarnessType, ReadonlyArray<ReasoningLevelOption>>>;
 declare function ReasoningLevelPicker({ value, onChange, disabled, className, triggerClassName, options, available, side, avoidCollisions, }: ReasoningLevelPickerProps): react_jsx_runtime.JSX.Element;
 
 /**
@@ -448,4 +459,4 @@ declare function createFetchTransport(opts: {
     fetchImpl?: typeof fetch;
 }): ArtifactAgentDockTransport;
 
-export { AgentComposer, type AgentComposerProps, type AgentProfileCapability, type AgentProfileDraft, type AgentProfileOption, AgentProfilePicker, type AgentProfilePickerProps, AgentSessionControls, type AgentSessionControlsProps, type AgentSessionHarnessControl, type AgentSessionModelControl, type AgentSessionProfileControl, type AgentSessionReasoningControl, ArtifactAgentDock, type ArtifactAgentDockProps, type ArtifactAgentDockTransport, type ArtifactDockMessage, type ArtifactDockStreamEvent, type ArtifactKind, type ArtifactScope, type ComposerFile, DEFAULT_REASONING_LEVEL_OPTIONS, type ReasoningLevel, type ReasoningLevelOption, ReasoningLevelPicker, type ReasoningLevelPickerProps, createFetchTransport, isModelCompatibleWithHarness, snapModelToHarness };
+export { AgentComposer, type AgentComposerProps, type AgentProfileCapability, type AgentProfileDraft, type AgentProfileOption, AgentProfilePicker, type AgentProfilePickerProps, AgentSessionControls, type AgentSessionControlsProps, type AgentSessionHarnessControl, type AgentSessionModelControl, type AgentSessionProfileControl, type AgentSessionReasoningControl, ArtifactAgentDock, type ArtifactAgentDockProps, type ArtifactAgentDockTransport, type ArtifactDockMessage, type ArtifactDockStreamEvent, type ArtifactKind, type ArtifactScope, type ComposerFile, DEFAULT_REASONING_LEVEL_OPTIONS, HARNESS_REASONING_OPTIONS, type ReasoningLevel, type ReasoningLevelOption, ReasoningLevelPicker, type ReasoningLevelPickerProps, createFetchTransport, isModelCompatibleWithHarness, snapModelToHarness };

package/dist/chat.js

@@ -8,6 +8,7 @@ import {
   ChatInput,
   ChatMessage,
   DEFAULT_REASONING_LEVEL_OPTIONS,
+  HARNESS_REASONING_OPTIONS,
   MessageList,
   ReasoningLevelPicker,
   ThinkingIndicator,
@@ -17,7 +18,7 @@ import {
   modelProvider,
   snapHarnessToModel,
   snapModelToHarness
-} from "./chunk-2E3FJM56.js";
+} from "./chunk-ZR3UHRGW.js";
 import "./chunk-HU4B2M4K.js";
 import "./chunk-SF6LPMMN.js";
 import "./chunk-EI44GEQ5.js";
@@ -32,6 +33,7 @@ export {
   ChatInput,
   ChatMessage,
   DEFAULT_REASONING_LEVEL_OPTIONS,
+  HARNESS_REASONING_OPTIONS,
   MessageList,
   ReasoningLevelPicker,
   ThinkingIndicator,

package/dist/{chunk-QSCCNGXZ.js → chunk-H237JF3H.js}

@@ -597,11 +597,16 @@ function RailExpandable({
           active ? "h-7 bg-[var(--accent-surface-strong)] font-medium text-[var(--accent-text)]" : item.emphasis ? "py-2 font-medium text-[var(--accent-text)] hover:underline" : "h-7 text-muted-foreground hover:bg-[var(--accent-surface-soft)] hover:text-foreground"
         ),
         children: [
+          item.unread && !item.isLoading && !active && /* @__PURE__ */ jsx3("span", { className: "h-1.5 w-1.5 shrink-0 rounded-full bg-primary", "aria-hidden": true }),
           FIcon ? /* @__PURE__ */ jsx3(FIcon, { className: "h-4 w-4 shrink-0" }) : null,
           /* @__PURE__ */ jsx3(
             "span",
             {
-              className: cn("min-w-0 flex-1 truncate", item.isLoading && "shimmer-text"),
+              className: cn(
+                "min-w-0 flex-1 truncate",
+                item.isLoading && "shimmer-text",
+                item.unread && !active && "font-medium text-foreground"
+              ),
               ...item.isLoading ? { role: "status", "aria-label": "Agent responding" } : {},
               children: item.label
             }

package/dist/{chunk-G4YJYSFA.js → chunk-HCOZO53G.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-3J6FG3FJ.js";
 import {
   PortsList
-} from "./chunk-QSCCNGXZ.js";
+} from "./chunk-H237JF3H.js";
 import {
   TerminalView
 } from "./chunk-VIREDUBF.js";

package/dist/{chunk-2E3FJM56.js → chunk-ZR3UHRGW.js}

@@ -23,7 +23,9 @@ import {
 } from "@tangle-network/ui/chat";
 
 // src/chat/reasoning-level-picker.tsx
-import { reasoningLadder } from "@tangle-network/agent-interface";
+import {
+  reasoningLadder
+} from "@tangle-network/agent-interface";
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
 import { Brain, ChevronDown, Sparkles } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -68,9 +70,16 @@ var DEFAULT_REASONING_LEVEL_OPTIONS = [
   { 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: "xhigh", label: "Extra High", description: "Extended reasoning for hard problems (Codex/OpenAI)." },
-  { value: "ultracode", label: "Ultracode", description: "Maximum extended thinking (Claude Code's ultracode)." }
+  { value: "xhigh", label: "Extra High", description: "Extended reasoning for the hardest problems." },
+  { value: "ultracode", label: "Ultracode", description: "Maximum extended thinking." }
 ];
+var HARNESS_REASONING_OPTIONS = {
+  "kimi-code": [
+    { value: "auto", label: "Auto", description: "Use Kimi's default." },
+    { value: "minimal", label: "No thinking", description: "Kimi answers directly \u2014 thinking off." },
+    { value: "high", label: "Thinking", description: "Kimi reasons before answering." }
+  ]
+};
 function ReasoningLevelPicker({
   value,
   onChange,
@@ -151,6 +160,7 @@ function ReasoningLevelPicker({
 
 // src/chat/agent-session-controls.tsx
 import {
+  canonicalizeHarness,
   harnessHonorsEffort,
   harnessHonorsModel,
   reasoningEffortsFor
@@ -471,6 +481,7 @@ function selectorIgnoreNote(harness) {
   return null;
 }
 function InformativeLock({
+  type,
   label,
   lockTitle,
   lockBody,
@@ -515,13 +526,16 @@ function InformativeLock({
             "aria-haspopup": "dialog",
             "aria-expanded": open,
             className: cn(
-              "inline-flex h-8 items-center gap-1.5 rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container px-2.5",
+              // Dimmed to read as locked (the harness is bound to this session),
+              // matching the disabled model picker — the logo stays so the chip is
+              // still recognizably this harness; the popover explains the lock.
+              "inline-flex h-8 items-center gap-1.5 rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container px-2.5 opacity-60",
               "text-xs font-medium text-foreground shadow-sm transition-colors",
               "hover:border-[var(--md3-outline-variant)] hover:bg-surface-container-high focus:outline-none focus-visible:ring-1 focus-visible:ring-ring",
               "data-[state=open]:border-[var(--md3-outline-variant)] data-[state=open]:bg-surface-container-high"
             ),
             children: [
-              /* @__PURE__ */ jsx3(Lock, { className: "h-3 w-3 text-muted-foreground" }),
+              /* @__PURE__ */ jsx3(HarnessLogo, { type, size: 16 }),
               /* @__PURE__ */ jsx3("span", { children: label })
             ]
           }
@@ -590,6 +604,7 @@ function HarnessDropdown({
     return /* @__PURE__ */ jsx3(
       InformativeLock,
       {
+        type: value,
         label: selected?.label ?? value,
         lockTitle,
         lockBody,
@@ -614,7 +629,7 @@ function HarnessDropdown({
         ),
         "aria-label": "Agent harness",
         children: [
-          locked ? /* @__PURE__ */ jsx3(Lock, { className: "h-3 w-3 text-muted-foreground" }) : /* @__PURE__ */ jsx3(HarnessLogo, { type: value, size: 16 }),
+          /* @__PURE__ */ jsx3(HarnessLogo, { type: value, size: 16 }),
           /* @__PURE__ */ jsx3("span", { children: selected?.label ?? value }),
           !locked && /* @__PURE__ */ jsx3(ChevronDown3, { className: "h-3.5 w-3.5 text-muted-foreground" })
         ]
@@ -777,12 +792,13 @@ function AgentSessionControls({
     }
   );
   const modelReasoning = modelReasoningCapability(model?.models, model?.value);
+  const reasoningOptions = (harness && HARNESS_REASONING_OPTIONS[canonicalizeHarness(harness.value)]) ?? reasoning?.options;
   const reasoningNode = reasoning && /* @__PURE__ */ jsx3(
     ReasoningLevelPicker,
     {
       value: reasoning.value,
       onChange: reasoning.onChange,
-      options: reasoning.options,
+      options: reasoningOptions,
       disabled: reasoning.disabled || !selectorHonorsEffort,
       available: harness ? reasoningEffortsFor(harness.value, modelReasoning) : reasoning.available,
       side: layout === "gear" ? void 0 : "bottom",
@@ -1525,6 +1541,7 @@ function createFetchTransport(opts) {
 
 export {
   DEFAULT_REASONING_LEVEL_OPTIONS,
+  HARNESS_REASONING_OPTIONS,
   ReasoningLevelPicker,
   isModelCompatibleWithHarness,
   snapModelToHarness,

package/dist/dashboard.d.ts

@@ -199,6 +199,9 @@ interface RailExpandableSubItem {
     /** Render the row emphasized (bold + accent) so it stands out — e.g. a
      *  trailing "view all" action below a capped list. */
     emphasis?: boolean;
+    /** Mark the row as unread — bold label + a leading dot. Suppressed while
+     *  `isLoading` so a responding row shows only the working indicator. */
+    unread?: boolean;
     /** Hover-revealed kebab actions (e.g. rename/delete). Rendered on the
      *  labeled rail only; ignored in the collapsed-rail flyout. */
     actions?: RailSubItemAction[];

package/dist/dashboard.js

@@ -54,7 +54,7 @@ import {
   canAdminSandbox,
   parseInsufficientBalance,
   useSidebar
-} from "./chunk-QSCCNGXZ.js";
+} from "./chunk-H237JF3H.js";
 import {
   BillingDashboard,
   InfoPanel,

package/dist/index.d.ts

@@ -5,7 +5,7 @@ export { AgentWorkbench, ApprovalConfidenceStat, ApprovalItem, ApprovalQueue, Ap
 export { ArtifactView, BRAND_PRISM_THEME, CodeSurface, CodeSurfaceProps, CodeView, CodeViewProps, DiffStats, DiffView, DiffViewProps, FileBreadcrumb, FileBreadcrumbProps, GitStatusBadge, PanelHeader, PanelHeaderProps, PillTabItem, PillTabs, PillTabsProps, PreviewView, PreviewViewProps, SandboxArtifact, SandboxArtifactPane, SandboxArtifactPaneProps, SandboxArtifactTerminal, buildUnifiedPatch, computeDiffStats, resolveLanguage } from './workbench.js';
 export { OpenUIAction, OpenUIActionsNode, OpenUIArtifactRenderer, OpenUIArtifactRendererProps, OpenUIBadgeNode, OpenUICardNode, OpenUICodeNode, OpenUIComponentNode, OpenUIGridNode, OpenUIHeadingNode, OpenUIKeyValueNode, OpenUIMarkdownNode, OpenUIPrimitive, OpenUISeparatorNode, OpenUIStackNode, OpenUIStatNode, OpenUITableNode, OpenUITextNode } from '@tangle-network/ui/openui';
 export { AgentTimeline, AgentTimelineArtifactItem, AgentTimelineCustomItem, AgentTimelineItem, AgentTimelineMessageItem, AgentTimelineProps, AgentTimelineStatusItem, AgentTimelineTone, AgentTimelineToolGroupItem, AgentTimelineToolItem, ChatContainer, ChatContainerProps, ChatInput, ChatInputProps, ChatMessage, ChatMessageProps, MessageList, MessageListProps, MessageRole, PendingFile, ThinkingIndicator, ThinkingIndicatorProps, UserMessage, UserMessageProps } from '@tangle-network/ui/chat';
-export { AgentComposer, AgentComposerProps, AgentProfileCapability, AgentProfileDraft, AgentProfileOption, AgentProfilePicker, AgentProfilePickerProps, AgentSessionControls, AgentSessionControlsProps, AgentSessionHarnessControl, AgentSessionModelControl, AgentSessionProfileControl, AgentSessionReasoningControl, ArtifactAgentDock, ArtifactAgentDockProps, ArtifactAgentDockTransport, ArtifactDockMessage, ArtifactDockStreamEvent, ArtifactKind, ArtifactScope, ComposerFile, DEFAULT_REASONING_LEVEL_OPTIONS, ReasoningLevel, ReasoningLevelOption, ReasoningLevelPicker, ReasoningLevelPickerProps, createFetchTransport, isModelCompatibleWithHarness, snapModelToHarness } from './chat.js';
+export { AgentComposer, AgentComposerProps, AgentProfileCapability, AgentProfileDraft, AgentProfileOption, AgentProfilePicker, AgentProfilePickerProps, AgentSessionControls, AgentSessionControlsProps, AgentSessionHarnessControl, AgentSessionModelControl, AgentSessionProfileControl, AgentSessionReasoningControl, ArtifactAgentDock, ArtifactAgentDockProps, ArtifactAgentDockTransport, ArtifactDockMessage, ArtifactDockStreamEvent, ArtifactKind, ArtifactScope, ComposerFile, DEFAULT_REASONING_LEVEL_OPTIONS, HARNESS_REASONING_OPTIONS, ReasoningLevel, ReasoningLevelOption, ReasoningLevelPicker, ReasoningLevelPickerProps, createFetchTransport, isModelCompatibleWithHarness, snapModelToHarness } from './chat.js';
 export { ExpandedToolDetail, ExpandedToolDetailProps, InlineThinkingItem, InlineThinkingItemProps, InlineToolItem, InlineToolItemProps, LiveDuration, RunGroup, RunGroupProps } from '@tangle-network/ui/run';
 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';

package/dist/index.js

@@ -93,6 +93,7 @@ import {
   ChatInput,
   ChatMessage,
   DEFAULT_REASONING_LEVEL_OPTIONS,
+  HARNESS_REASONING_OPTIONS,
   MessageList,
   ReasoningLevelPicker,
   ThinkingIndicator,
@@ -102,7 +103,7 @@ import {
   modelProvider,
   snapHarnessToModel,
   snapModelToHarness
-} from "./chunk-2E3FJM56.js";
+} from "./chunk-ZR3UHRGW.js";
 import {
   ExpandedToolDetail,
   InlineThinkingItem,
@@ -146,7 +147,7 @@ import {
   buildUnifiedPatch,
   computeDiffStats,
   resolveLanguage
-} from "./chunk-G4YJYSFA.js";
+} from "./chunk-HCOZO53G.js";
 import {
   FileArtifactPane,
   FilePreview,
@@ -211,7 +212,7 @@ import {
   canAdminSandbox,
   parseInsufficientBalance,
   useSidebar
-} from "./chunk-QSCCNGXZ.js";
+} from "./chunk-H237JF3H.js";
 import "./chunk-VIREDUBF.js";
 import {
   usePtySession
@@ -436,6 +437,7 @@ export {
   GrepResultsPreview,
   HARNESS_BRAND,
   HARNESS_OPTIONS,
+  HARNESS_REASONING_OPTIONS,
   HarnessLogo,
   HarnessPicker,
   INSUFFICIENT_BALANCE_CODE,

package/dist/workbench.js

@@ -12,9 +12,9 @@ import {
   buildUnifiedPatch,
   computeDiffStats,
   resolveLanguage
-} from "./chunk-G4YJYSFA.js";
+} from "./chunk-HCOZO53G.js";
 import "./chunk-3J6FG3FJ.js";
-import "./chunk-QSCCNGXZ.js";
+import "./chunk-H237JF3H.js";
 import "./chunk-VIREDUBF.js";
 import "./chunk-77WVVJA4.js";
 import "./chunk-OMUIPJQZ.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.64.0",
+  "version": "0.66.0",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",
@@ -122,7 +122,7 @@
     "test:bridge": "pnpm build && vitest run src/__tests__/re-export-identity.test.ts"
   },
   "peerDependencies": {
-    "@tangle-network/agent-interface": ">=0.16.0 <1.0.0",
+    "@tangle-network/agent-interface": ">=0.17.0 <1.0.0",
     "@tangle-network/brand": "^0.6.0",
     "@tangle-network/ui": "^5.1.0",
     "@xyflow/react": "^12.0.0",
@@ -177,7 +177,7 @@
     "@storybook/react-vite": "^8.6.18",
     "@tailwindcss/postcss": "^4.2.2",
     "@tailwindcss/vite": "^4.2.2",
-    "@tangle-network/agent-interface": ">=0.16.0 <1.0.0",
+    "@tangle-network/agent-interface": ">=0.17.0 <1.0.0",
     "@tangle-network/brand": "^0.6.0",
     "@tangle-network/ui": "^5.1.0",
     "@tanstack/react-query": "^5.91.0",