@tangle-network/sandbox-ui 0.63.0 → 0.65.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-6OJUOEF4.js → chunk-G4YJYSFA.js}

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

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

@@ -22,7 +22,7 @@ import {
   DropdownMenuTrigger
 } from "@tangle-network/ui/primitives";
 import { Skeleton, useTheme } from "@tangle-network/ui/primitives";
-import { Check, Monitor, PanelLeft } from "lucide-react";
+import { Check, Monitor, MoreHorizontal, PanelLeft } from "lucide-react";
 
 // src/dashboard/sidebar-context.tsx
 import * as React from "react";
@@ -585,7 +585,7 @@ function RailExpandable({
   const subLink = (item) => {
     const FIcon = item.icon;
     const active = activeSet.has(item.id);
-    return /* @__PURE__ */ jsxs2(
+    const link = /* @__PURE__ */ jsxs2(
       Link,
       {
         href: item.href,
@@ -593,8 +593,8 @@ function RailExpandable({
         onClick: onNavigate,
         ...item.prefetch !== void 0 ? { prefetch: item.prefetch } : {},
         className: cn(
-          "flex h-7 min-w-0 items-center gap-2 rounded-md px-2.5 text-[12px] transition-colors",
-          active ? "bg-[var(--accent-surface-strong)] font-medium text-[var(--accent-text)]" : item.emphasis ? "font-semibold text-[var(--accent-text)] hover:bg-[var(--accent-surface-soft)]" : "text-muted-foreground hover:bg-[var(--accent-surface-soft)] hover:text-foreground"
+          "flex min-w-0 flex-1 items-center gap-2 rounded-md px-2.5 text-[12px] transition-colors",
+          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: [
           FIcon ? /* @__PURE__ */ jsx3(FIcon, { className: "h-4 w-4 shrink-0" }) : null,
@@ -605,16 +605,41 @@ function RailExpandable({
               ...item.isLoading ? { role: "status", "aria-label": "Agent responding" } : {},
               children: item.label
             }
-          ),
-          item.isLoading ? /* @__PURE__ */ jsxs2("span", { className: "responding-ellipsis", "aria-hidden": "true", children: [
-            /* @__PURE__ */ jsx3("span", {}),
-            /* @__PURE__ */ jsx3("span", {}),
-            /* @__PURE__ */ jsx3("span", {})
-          ] }) : null
+          )
         ]
       },
       item.id
     );
+    if (!showLabel || !item.actions?.length) return link;
+    return /* @__PURE__ */ jsxs2("div", { className: "group/sub relative flex items-center", children: [
+      link,
+      /* @__PURE__ */ jsxs2(DropdownMenu, { children: [
+        /* @__PURE__ */ jsx3(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx3(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Chat actions",
+            className: "absolute right-1 flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-[var(--accent-surface-soft)] text-muted-foreground opacity-0 transition hover:text-foreground focus-visible:opacity-100 group-hover/sub:opacity-100 data-[state=open]:bg-[var(--accent-surface-strong)] data-[state=open]:opacity-100",
+            children: /* @__PURE__ */ jsx3(MoreHorizontal, { className: "h-3.5 w-3.5" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx3(DropdownMenuContent, { align: "end", className: "w-40", children: item.actions.map((action) => /* @__PURE__ */ jsxs2(
+          DropdownMenuItem,
+          {
+            onSelect: action.onSelect,
+            className: cn(
+              "gap-2",
+              action.destructive && "text-destructive focus:text-destructive"
+            ),
+            children: [
+              action.icon ? /* @__PURE__ */ jsx3(action.icon, { className: "h-3.5 w-3.5" }) : null,
+              action.label
+            ]
+          },
+          action.id
+        )) })
+      ] })
+    ] }, item.id);
   };
   const list = loading ? /* @__PURE__ */ jsx3(SubItemsSkeleton, {}) : items && items.length > 0 ? items.map(subLink) : /* @__PURE__ */ jsx3("p", { className: "px-2.5 py-1.5 text-xs text-muted-foreground", children: emptyLabel });
   if (!showLabel) {

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

@@ -174,6 +174,17 @@ interface RailFlyoutProps {
  * related destinations without permanently spending rail height on them.
  */
 declare function RailFlyout({ icon: Icon, label, isActive, showLabel, title, children, className, }: RailFlyoutProps): react_jsx_runtime.JSX.Element;
+/** A single entry in a sub-item's hover actions menu (kebab). */
+interface RailSubItemAction {
+    id: string;
+    label: string;
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    /** Style the item as a destructive action (e.g. delete). */
+    destructive?: boolean;
+    onSelect: () => void;
+}
 /** A sub-destination revealed by a {@link RailExpandable} item. */
 interface RailExpandableSubItem {
     id: string;
@@ -188,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;
+    /** Hover-revealed kebab actions (e.g. rename/delete). Rendered on the
+     *  labeled rail only; ignored in the collapsed-rail flyout. */
+    actions?: RailSubItemAction[];
 }
 interface RailExpandableProps {
     icon: React.ComponentType<{

package/dist/dashboard.js

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

package/dist/globals.css

@@ -3782,6 +3782,13 @@
       }
     }
   }
+  .group-hover\/sub\:opacity-100 {
+    &:is(:where(.group\/sub):hover *) {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
+    }
+  }
   .peer-disabled\:cursor-not-allowed {
     &:is(:where(.peer):disabled ~ *) {
       cursor: not-allowed;
@@ -4984,6 +4991,11 @@
       border-color: var(--md3-outline-variant);
     }
   }
+  .data-\[state\=open\]\:bg-\[var\(--accent-surface-strong\)\] {
+    &[data-state="open"] {
+      background-color: var(--accent-surface-strong);
+    }
+  }
   .data-\[state\=open\]\:bg-accent {
     &[data-state="open"] {
       background-color: var(--color-accent);
@@ -5007,6 +5019,11 @@
       color: var(--color-muted-foreground);
     }
   }
+  .data-\[state\=open\]\:opacity-100 {
+    &[data-state="open"] {
+      opacity: 100%;
+    }
+  }
   .data-\[state\=selected\]\:bg-muted\/50 {
     &[data-state="selected"] {
       background-color: color-mix(in srgb, hsl(var(--muted)) 50%, transparent);
@@ -6014,53 +6031,23 @@
   .shimmer-text {
     background-image: linear-gradient(
       90deg,
-      hsl(var(--muted-foreground)) 0%,
-      hsl(var(--muted-foreground)) 28%,
-      var(--accent-text) 50%,
-      hsl(var(--muted-foreground)) 72%,
-      hsl(var(--muted-foreground)) 100%
+      hsl(var(--muted-foreground) / 0.5) 0%,
+      hsl(var(--muted-foreground) / 0.5) 40%,
+      hsl(var(--primary)) 50%,
+      hsl(var(--muted-foreground) / 0.5) 60%,
+      hsl(var(--muted-foreground) / 0.5) 100%
     );
     background-size: 200% 100%;
     -webkit-background-clip: text;
     background-clip: text;
     -webkit-text-fill-color: transparent;
-    animation: shimmer 1.3s linear infinite;
+    animation: shimmer 1.1s linear infinite;
   }
   @media (prefers-reduced-motion: reduce) {
     .shimmer-text {
       animation: none;
     }
   }
-  .responding-ellipsis {
-    display: inline-flex;
-    width: 1.25rem;
-    margin-left: auto;
-    flex-shrink: 0;
-    align-items: center;
-    justify-content: center;
-    gap: 0.1875rem;
-    color: hsl(var(--primary));
-  }
-  .responding-ellipsis > span {
-    width: 0.25rem;
-    height: 0.25rem;
-    border-radius: 9999px;
-    background: currentColor;
-    opacity: 0.6;
-    animation: responding-ellipsis 0.8s ease-in-out infinite;
-  }
-  .responding-ellipsis > span:nth-child(2) {
-    animation-delay: 0.15s;
-  }
-  .responding-ellipsis > span:nth-child(3) {
-    animation-delay: 0.3s;
-  }
-  @media (prefers-reduced-motion: reduce) {
-    .responding-ellipsis > span {
-      animation: none;
-      opacity: 0.8;
-    }
-  }
   .animate-in {
     animation: fade-in 0.25s ease-out;
   }
@@ -6095,16 +6082,6 @@
       background-position: 200% 0;
     }
   }
-  @keyframes responding-ellipsis {
-    0%, 80%, 100% {
-      opacity: 0.6;
-      transform: translateY(0);
-    }
-    40% {
-      opacity: 1;
-      transform: translateY(-1.5px);
-    }
-  }
   @keyframes fade-in {
     from {
       opacity: 0;

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-6OJUOEF4.js";
+} from "./chunk-G4YJYSFA.js";
 import {
   FileArtifactPane,
   FilePreview,
@@ -211,7 +212,7 @@ import {
   canAdminSandbox,
   parseInsufficientBalance,
   useSidebar
-} from "./chunk-DZA4UBXU.js";
+} from "./chunk-QSCCNGXZ.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/styles.css

@@ -3782,6 +3782,13 @@
       }
     }
   }
+  .group-hover\/sub\:opacity-100 {
+    &:is(:where(.group\/sub):hover *) {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
+    }
+  }
   .peer-disabled\:cursor-not-allowed {
     &:is(:where(.peer):disabled ~ *) {
       cursor: not-allowed;
@@ -4984,6 +4991,11 @@
       border-color: var(--md3-outline-variant);
     }
   }
+  .data-\[state\=open\]\:bg-\[var\(--accent-surface-strong\)\] {
+    &[data-state="open"] {
+      background-color: var(--accent-surface-strong);
+    }
+  }
   .data-\[state\=open\]\:bg-accent {
     &[data-state="open"] {
       background-color: var(--color-accent);
@@ -5007,6 +5019,11 @@
       color: var(--color-muted-foreground);
     }
   }
+  .data-\[state\=open\]\:opacity-100 {
+    &[data-state="open"] {
+      opacity: 100%;
+    }
+  }
   .data-\[state\=selected\]\:bg-muted\/50 {
     &[data-state="selected"] {
       background-color: color-mix(in srgb, hsl(var(--muted)) 50%, transparent);
@@ -6014,53 +6031,23 @@
   .shimmer-text {
     background-image: linear-gradient(
       90deg,
-      hsl(var(--muted-foreground)) 0%,
-      hsl(var(--muted-foreground)) 28%,
-      var(--accent-text) 50%,
-      hsl(var(--muted-foreground)) 72%,
-      hsl(var(--muted-foreground)) 100%
+      hsl(var(--muted-foreground) / 0.5) 0%,
+      hsl(var(--muted-foreground) / 0.5) 40%,
+      hsl(var(--primary)) 50%,
+      hsl(var(--muted-foreground) / 0.5) 60%,
+      hsl(var(--muted-foreground) / 0.5) 100%
     );
     background-size: 200% 100%;
     -webkit-background-clip: text;
     background-clip: text;
     -webkit-text-fill-color: transparent;
-    animation: shimmer 1.3s linear infinite;
+    animation: shimmer 1.1s linear infinite;
   }
   @media (prefers-reduced-motion: reduce) {
     .shimmer-text {
       animation: none;
     }
   }
-  .responding-ellipsis {
-    display: inline-flex;
-    width: 1.25rem;
-    margin-left: auto;
-    flex-shrink: 0;
-    align-items: center;
-    justify-content: center;
-    gap: 0.1875rem;
-    color: hsl(var(--primary));
-  }
-  .responding-ellipsis > span {
-    width: 0.25rem;
-    height: 0.25rem;
-    border-radius: 9999px;
-    background: currentColor;
-    opacity: 0.6;
-    animation: responding-ellipsis 0.8s ease-in-out infinite;
-  }
-  .responding-ellipsis > span:nth-child(2) {
-    animation-delay: 0.15s;
-  }
-  .responding-ellipsis > span:nth-child(3) {
-    animation-delay: 0.3s;
-  }
-  @media (prefers-reduced-motion: reduce) {
-    .responding-ellipsis > span {
-      animation: none;
-      opacity: 0.8;
-    }
-  }
   .animate-in {
     animation: fade-in 0.25s ease-out;
   }
@@ -6095,16 +6082,6 @@
       background-position: 200% 0;
     }
   }
-  @keyframes responding-ellipsis {
-    0%, 80%, 100% {
-      opacity: 0.6;
-      transform: translateY(0);
-    }
-    40% {
-      opacity: 1;
-      transform: translateY(-1.5px);
-    }
-  }
   @keyframes fade-in {
     from {
       opacity: 0;

package/dist/workbench.js

@@ -12,9 +12,9 @@ import {
   buildUnifiedPatch,
   computeDiffStats,
   resolveLanguage
-} from "./chunk-6OJUOEF4.js";
+} from "./chunk-G4YJYSFA.js";
 import "./chunk-3J6FG3FJ.js";
-import "./chunk-DZA4UBXU.js";
+import "./chunk-QSCCNGXZ.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.63.0",
+  "version": "0.65.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",