@tangle-network/sandbox-ui 0.55.0 → 0.57.0

package/dist/{WorkflowGraph-FSS7GW5O.js → WorkflowGraph-VMG2ZEAN.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-GTJ5PSK5.js";
 import {
   buildWorkflowGraph
-} from "./chunk-DEN4GUA7.js";
+} from "./chunk-WEYFEMIN.js";
 import {
   providerLabel
 } from "./chunk-7JLB7UZ3.js";

package/dist/assistant.js

@@ -9,7 +9,7 @@ import {
 } from "./chunk-7JLB7UZ3.js";
 import {
   ModelPicker
-} from "./chunk-LQHTCM56.js";
+} from "./chunk-SF6LPMMN.js";
 import "./chunk-EI44GEQ5.js";
 import "./chunk-U67V476Y.js";
 

package/dist/chat.d.ts

@@ -2,8 +2,9 @@ import { MessageRole } from '@tangle-network/ui/chat';
 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';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReasoningEffort, HarnessType } from '@tangle-network/agent-interface';
+import * as Popover from '@radix-ui/react-dropdown-menu';
 import * as React from 'react';
-import { M as ModelInfo } from './model-picker-NOWFpRY4.js';
+import { M as ModelInfo } from './model-picker-COjPVMzg.js';
 
 /**
  * A reasoning selection: `auto` is a UI-only sentinel ("let the harness/model default decide",
@@ -33,9 +34,18 @@ interface ReasoningLevelPickerProps {
      * Omit to show every option.
      */
     available?: ReadonlyArray<ReasoningEffort>;
+    /** Side the menu opens toward. Defaults to Radix's "bottom". */
+    side?: Popover.DropdownMenuContentProps["side"];
+    /**
+     * Let Radix flip the menu to the opposite side when it would overflow the
+     * viewport. Defaults to `true` (Radix default). Pass `false` to pin the menu
+     * to `side` — e.g. a composer floating in open space that should always open
+     * downward rather than flipping up over the heading.
+     */
+    avoidCollisions?: boolean;
 }
 declare const DEFAULT_REASONING_LEVEL_OPTIONS: ReadonlyArray<ReasoningLevelOption>;
-declare function ReasoningLevelPicker({ value, onChange, disabled, className, triggerClassName, options, available, }: ReasoningLevelPickerProps): react_jsx_runtime.JSX.Element;
+declare function ReasoningLevelPicker({ value, onChange, disabled, className, triggerClassName, options, available, side, avoidCollisions, }: ReasoningLevelPickerProps): react_jsx_runtime.JSX.Element;
 
 interface AgentSessionHarnessControl {
     value: HarnessType;
@@ -104,6 +114,15 @@ interface AgentSessionControlsProps {
      * on the left of the gear menu.
      */
     layout?: "inline" | "gear";
+    /**
+     * Where the inline pickers open. `"auto"` (default) keeps Radix's
+     * collision-aware behavior: the menus open downward but flip up when the
+     * composer is docked at the bottom of the viewport. `"down"` pins them open
+     * downward — for a composer floating in open space (e.g. a centered new-chat
+     * surface) where flipping up would cover the heading. Only affects the
+     * `"inline"` layout; the gear menu is unchanged.
+     */
+    menuPlacement?: "auto" | "down";
 }
 /**
  * Compact control strip for an agent chat composer: harness, model, and
@@ -119,7 +138,7 @@ interface AgentSessionControlsProps {
  *
  * Designed to slot into `SandboxWorkbench`'s `session.composerControls`.
  */
-declare function AgentSessionControls({ harness, model, reasoning, trailing, className, context, layout, }: AgentSessionControlsProps): react_jsx_runtime.JSX.Element | null;
+declare function AgentSessionControls({ harness, model, reasoning, trailing, className, context, layout, menuPlacement, }: AgentSessionControlsProps): react_jsx_runtime.JSX.Element | null;
 
 /**
  * Harness ↔ model compatibility policy.

package/dist/chat.js

@@ -16,9 +16,9 @@ import {
   modelProvider,
   snapHarnessToModel,
   snapModelToHarness
-} from "./chunk-KOUYJ6QP.js";
-import "./chunk-BR2LMUAE.js";
-import "./chunk-LQHTCM56.js";
+} from "./chunk-NHHYPID3.js";
+import "./chunk-HU4B2M4K.js";
+import "./chunk-SF6LPMMN.js";
 import "./chunk-EI44GEQ5.js";
 import "./chunk-U67V476Y.js";
 export {

package/dist/{chunk-BR2LMUAE.js → chunk-HU4B2M4K.js}

@@ -1,6 +1,6 @@
 import {
   moonshot_default
-} from "./chunk-LQHTCM56.js";
+} from "./chunk-SF6LPMMN.js";
 import {
   cn
 } from "./chunk-EI44GEQ5.js";

package/dist/{chunk-KOUYJ6QP.js → chunk-NHHYPID3.js}

@@ -2,11 +2,11 @@ import {
   HARNESS_OPTIONS,
   HarnessLogo,
   chatCapableHarnesses
-} from "./chunk-BR2LMUAE.js";
+} from "./chunk-HU4B2M4K.js";
 import {
   ModelPicker,
   canonicalModelId
-} from "./chunk-LQHTCM56.js";
+} from "./chunk-SF6LPMMN.js";
 import {
   cn
 } from "./chunk-EI44GEQ5.js";
@@ -72,7 +72,9 @@ function ReasoningLevelPicker({
   className,
   triggerClassName,
   options = DEFAULT_REASONING_LEVEL_OPTIONS,
-  available
+  available,
+  side,
+  avoidCollisions
 }) {
   const shown = available ? options.filter((o) => o.value === "auto" || available.includes(o.value)) : options;
   const selected = shown.find((option) => option.value === value);
@@ -103,10 +105,15 @@ function ReasoningLevelPicker({
     /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsx(
       DropdownMenu.Content,
       {
+        side,
         align: "start",
+        avoidCollisions,
+        collisionPadding: 24,
         sideOffset: 6,
         className: cn(
-          "z-50 w-64 overflow-hidden rounded-[var(--radius-md)] border border-[var(--md3-outline-variant)] bg-surface-container-highest p-1",
+          // Cap to the viewport space on the open side and scroll, so the menu
+          // pinned downward (floating composer) never runs off the bottom edge.
+          "z-50 w-64 max-h-[var(--radix-dropdown-menu-content-available-height)] overflow-y-auto rounded-[var(--radius-md)] border border-[var(--md3-outline-variant)] bg-surface-container-highest p-1",
           "shadow-[0_8px_30px_rgba(0,0,0,0.45)] ring-1 ring-[#ffffff14]",
           "data-[state=open]:animate-in data-[state=closed]:animate-out",
           "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
@@ -219,7 +226,8 @@ function HarnessDropdown({
   locked,
   lockReason,
   side = "bottom",
-  align = "start"
+  align = "start",
+  avoidCollisions
 }) {
   const allowed = new Set(
     available ?? HARNESS_OPTIONS.map((h) => h.type)
@@ -253,9 +261,14 @@ function HarnessDropdown({
       {
         side,
         align,
+        avoidCollisions,
+        collisionPadding: 24,
         sideOffset: 6,
         className: cn(
-          "z-50 w-72 overflow-hidden rounded-[var(--radius-md)] border border-[var(--md3-outline-variant)] bg-surface-container-highest p-1",
+          // Cap to the viewport space on the open side and scroll, so a tall
+          // backend list pinned downward (floating composer) never runs off
+          // the bottom edge.
+          "z-50 w-72 max-h-[var(--radix-dropdown-menu-content-available-height)] overflow-y-auto rounded-[var(--radius-md)] border border-[var(--md3-outline-variant)] bg-surface-container-highest p-1",
           "shadow-[0_8px_30px_rgba(0,0,0,0.45)] ring-1 ring-[#ffffff14]",
           "data-[state=open]:animate-in data-[state=closed]:animate-out",
           "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
@@ -294,7 +307,8 @@ function AgentSessionControls({
   trailing,
   className,
   context = "chat",
-  layout = "inline"
+  layout = "inline",
+  menuPlacement = "auto"
 }) {
   if (!harness && !model && !reasoning && !trailing) return null;
   const handleHarnessChange = (next) => {
@@ -320,6 +334,8 @@ function AgentSessionControls({
   const harnessAvailable = harness?.available ?? (context === "chat" ? chatCapableHarnesses : void 0);
   const menuSide = layout === "gear" ? "left" : "bottom";
   const menuAlign = layout === "gear" ? "end" : "start";
+  const inlineForceDown = menuPlacement === "down" && layout !== "gear";
+  const avoidCollisions = inlineForceDown ? false : void 0;
   const harnessNode = harness && /* @__PURE__ */ jsx2(
     HarnessDropdown,
     {
@@ -327,7 +343,8 @@ function AgentSessionControls({
       available: harnessAvailable,
       onChange: handleHarnessChange,
       side: menuSide,
-      align: menuAlign
+      align: menuAlign,
+      avoidCollisions
     }
   );
   const modelNode = model && /* @__PURE__ */ jsx2(
@@ -341,7 +358,9 @@ function AgentSessionControls({
       loading: model.loading,
       popular: model.popular,
       recents: model.recents,
-      disabled: model.disabled || (visibleModels ?? []).length === 0
+      disabled: model.disabled || (visibleModels ?? []).length === 0,
+      side: layout === "gear" ? void 0 : "bottom",
+      avoidCollisions
     }
   );
   const selectedModel = model?.models.find(
@@ -358,7 +377,9 @@ function AgentSessionControls({
       onChange: reasoning.onChange,
       options: reasoning.options,
       disabled: reasoning.disabled,
-      available: harness ? reasoningEffortsFor(harness.value, modelReasoning) : reasoning.available
+      available: harness ? reasoningEffortsFor(harness.value, modelReasoning) : reasoning.available,
+      side: layout === "gear" ? void 0 : "bottom",
+      avoidCollisions
     }
   );
   if (layout === "gear") {

package/dist/{chunk-LQHTCM56.js → chunk-SF6LPMMN.js}

@@ -262,7 +262,9 @@ function ModelPicker({
   placeholder = "Choose a model",
   className,
   triggerClassName,
-  disabled
+  disabled,
+  side,
+  avoidCollisions
 }) {
   const [query, setQuery] = React.useState("");
   const [open, setOpen] = React.useState(false);
@@ -394,11 +396,16 @@ function ModelPicker({
       /* @__PURE__ */ jsx2(Popover.Portal, { children: /* @__PURE__ */ jsxs2(
         Popover.Content,
         {
+          side,
           sideOffset: 4,
           align: variant === "pill" ? "start" : "start",
+          avoidCollisions,
+          collisionPadding: 24,
           className: cn(
             "z-50 w-[var(--radix-dropdown-menu-trigger-width)] min-w-[320px] max-w-[460px]",
-            "max-h-[440px] overflow-hidden flex flex-col",
+            // Cap to the smaller of the fixed height and the viewport space on
+            // the open side, so a list pinned downward never runs off-screen.
+            "max-h-[min(440px,var(--radix-dropdown-menu-content-available-height))] overflow-hidden flex flex-col",
             "rounded-[var(--radius-md)] border border-[var(--md3-outline-variant)] bg-surface-container-highest shadow-[0_8px_30px_rgba(0,0,0,0.45)] ring-1 ring-[#ffffff14]",
             "data-[state=open]:animate-in data-[state=closed]:animate-out",
             "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",

package/dist/{chunk-DEN4GUA7.js → chunk-WEYFEMIN.js}

@@ -43,7 +43,7 @@ function pickDetail(cfg, keys) {
   }
   return Object.keys(out).length > 0 ? out : void 0;
 }
-function describeAction(action) {
+function describeActionBase(action) {
   const rec = asRecord(action);
   const [kind] = Object.keys(rec);
   const cfg = asRecord(rec[kind]);
@@ -134,6 +134,41 @@ function describeAction(action) {
       };
   }
 }
+var MAX_CONFIG_DEPTH = 100;
+function toJsonSafe(value, seen = /* @__PURE__ */ new WeakSet(), depth = 0) {
+  if (value === null) return null;
+  if (typeof value === "number") return Number.isFinite(value) ? value : null;
+  if (typeof value === "string" || typeof value === "boolean") return value;
+  if (typeof value !== "object") return void 0;
+  if (value instanceof Date) return value.toISOString();
+  if (seen.has(value)) return "[Circular]";
+  if (depth >= MAX_CONFIG_DEPTH) return "[Max depth exceeded]";
+  seen.add(value);
+  let out;
+  if (Array.isArray(value)) {
+    out = value.map((v) => {
+      const s = toJsonSafe(v, seen, depth + 1);
+      return s === void 0 ? null : s;
+    });
+  } else {
+    const obj = {};
+    for (const [k, v] of Object.entries(value)) {
+      const s = toJsonSafe(v, seen, depth + 1);
+      if (s !== void 0) obj[k] = s;
+    }
+    out = obj;
+  }
+  seen.delete(value);
+  return out;
+}
+function withConfig(base, cfg) {
+  return Object.keys(cfg).length > 0 ? { ...base, config: toJsonSafe(cfg) } : base;
+}
+function describeAction(action) {
+  const rec = asRecord(action);
+  const [kind] = Object.keys(rec);
+  return withConfig(describeActionBase(action), asRecord(rec[kind]));
+}
 function describeTrigger(on) {
   const rec = asRecord(on);
   if (rec.provider_event) {
@@ -146,36 +181,46 @@ function describeTrigger(on) {
     if (event) subtitle += ` \xB7 ${event}`;
     if (actions.length > 0) subtitle += ` (${actions.join("/")})`;
     if (repo) subtitle += ` on ${repo}`;
-    return {
-      title: "Trigger",
-      kind: "provider_event",
-      subtitle,
-      provider: connection,
-      hasBranches: false,
-      isRoot: true,
-      tone: "trigger"
-    };
+    return withConfig(
+      {
+        title: "Trigger",
+        kind: "provider_event",
+        subtitle,
+        provider: connection,
+        hasBranches: false,
+        isRoot: true,
+        tone: "trigger"
+      },
+      ev
+    );
   }
   if (rec.schedule) {
     const sch = asRecord(rec.schedule);
     const cron = str(sch.cron);
     const tz = str(sch.timezone);
-    return {
-      title: "Schedule",
-      kind: "schedule",
-      subtitle: cron ? tz ? `${cron} (${tz})` : cron : void 0,
+    return withConfig(
+      {
+        title: "Schedule",
+        kind: "schedule",
+        subtitle: cron ? tz ? `${cron} (${tz})` : cron : void 0,
+        hasBranches: false,
+        isRoot: true,
+        tone: "trigger"
+      },
+      sch
+    );
+  }
+  const [kind] = Object.keys(rec);
+  return withConfig(
+    {
+      title: "Trigger",
+      kind: "trigger",
       hasBranches: false,
       isRoot: true,
       tone: "trigger"
-    };
-  }
-  return {
-    title: "Trigger",
-    kind: "trigger",
-    hasBranches: false,
-    isRoot: true,
-    tone: "trigger"
-  };
+    },
+    asRecord(kind ? rec[kind] : void 0)
+  );
 }
 function buildWorkflowGraph(yaml, options) {
   const reserveRunState = options?.reserveRunState ?? false;

package/dist/dashboard.d.ts

@@ -3,9 +3,10 @@ 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-NOWFpRY4.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-COjPVMzg.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 { E as ExposedPort, P as PortsList, a as PortsListProps } from './ports-list-DfG0VfPt.js';
+import '@radix-ui/react-dropdown-menu';
 
 interface SidebarUser {
     email: string;

package/dist/dashboard.js

@@ -71,7 +71,7 @@ import {
   HarnessLogo,
   HarnessPicker,
   chatCapableHarnesses
-} from "./chunk-BR2LMUAE.js";
+} from "./chunk-HU4B2M4K.js";
 import {
   DEFAULT_FEATURED_MODEL_IDS,
   ModelPicker,
@@ -80,7 +80,7 @@ import {
   formatContext,
   formatPricing,
   modelDedupKey
-} from "./chunk-LQHTCM56.js";
+} from "./chunk-SF6LPMMN.js";
 import "./chunk-EI44GEQ5.js";
 import "./chunk-U67V476Y.js";
 export {

package/dist/globals.css

@@ -825,8 +825,11 @@
   .max-h-\[160px\] {
     max-height: 160px;
   }
-  .max-h-\[440px\] {
-    max-height: 440px;
+  .max-h-\[min\(440px\,var\(--radix-dropdown-menu-content-available-height\)\)\] {
+    max-height: min(440px, var(--radix-dropdown-menu-content-available-height));
+  }
+  .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
+    max-height: var(--radix-dropdown-menu-content-available-height);
   }
   .min-h-0 {
     min-height: calc(var(--spacing) * 0);

package/dist/index.d.ts

@@ -10,7 +10,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, AppearanceController, Backend, BackendConfig, BackendConfigProps, BackendSelector, BackendSelectorProps, BackendStatusData, ClusterStatusBar, ClusterStatusBarProps, ClusterStatusItem, CreditBalance, CreditBalanceProps, DashboardLayout, DashboardLayoutProps, DashboardProfile, DashboardSnapshotInfo, DashboardUser, 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, ProcessInfo, ProcessList, ProcessListProps, ProductVariant, ProfileAvatar, ProfileAvatarProps, ProfileComparison, ProfileComparisonProps, ProfileSelector, ProfileSelectorProps, PromoBanner, PromoBannerProps, RailButton, RailButtonProps, RailCollapseToggle, RailCollapseToggleProps, RailExpandable, RailExpandableProps, RailExpandableSubItem, RailFlyout, RailFlyoutProps, RailHeader, RailHeaderProps, 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, ThemeMode, 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-NOWFpRY4.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-COjPVMzg.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 { E as ExposedPort, P as PortsList, a as PortsListProps } from './ports-list-DfG0VfPt.js';
 export { AuthHeader, AuthHeaderProps, GitHubLoginButton, GitHubLoginButtonProps, LoginLayout, LoginLayoutProps, SessionUser, UserMenu, UserMenuProps } from '@tangle-network/ui/auth';
@@ -26,6 +26,7 @@ export { TOOL_CATEGORY_ICONS, cn, copyText, formatBytes, formatDuration, formatU
 export { HarnessType } from '@tangle-network/agent-interface';
 import 'react/jsx-runtime';
 import 'react';
+import '@radix-ui/react-dropdown-menu';
 import '@tanstack/react-query';
 import '@tangle-network/ui/sdk-hooks';
 import 'nanostores';

package/dist/index.js

@@ -91,7 +91,7 @@ import {
   modelProvider,
   snapHarnessToModel,
   snapModelToHarness
-} from "./chunk-KOUYJ6QP.js";
+} from "./chunk-NHHYPID3.js";
 import {
   TOOL_CATEGORY_ICONS,
   cn,
@@ -320,7 +320,7 @@ import {
   HarnessLogo,
   HarnessPicker,
   chatCapableHarnesses
-} from "./chunk-BR2LMUAE.js";
+} from "./chunk-HU4B2M4K.js";
 import {
   DEFAULT_FEATURED_MODEL_IDS,
   ModelPicker,
@@ -329,7 +329,7 @@ import {
   formatContext,
   formatPricing,
   modelDedupKey
-} from "./chunk-LQHTCM56.js";
+} from "./chunk-SF6LPMMN.js";
 import "./chunk-EI44GEQ5.js";
 import "./chunk-U67V476Y.js";
 

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

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReasoningEffort } from '@tangle-network/agent-interface';
+import * as Popover from '@radix-ui/react-dropdown-menu';
 
 /**
  * Wire-format model entry as returned by `/v1/models` on the Tangle Router
@@ -93,6 +94,15 @@ interface ModelPickerProps {
      */
     triggerClassName?: string;
     disabled?: boolean;
+    /** Side the menu opens toward. Defaults to Radix's "bottom". */
+    side?: Popover.DropdownMenuContentProps["side"];
+    /**
+     * Let Radix flip the menu to the opposite side when it would overflow the
+     * viewport. Defaults to `true` (Radix default). Pass `false` to pin the menu
+     * to `side` — e.g. a composer floating in open space that should always open
+     * downward rather than flipping up over the heading.
+     */
+    avoidCollisions?: boolean;
 }
 /**
  * Resolve the canonical id for a model. Some upstreams already prefix the
@@ -130,6 +140,6 @@ declare const DEFAULT_FEATURED_MODEL_IDS: ReadonlyArray<string>;
 declare function formatPricing(pricing: ModelInfo["pricing"]): string | null;
 /** Format context length compactly (e.g. 200_000 → "200k"). */
 declare function formatContext(ctx: number | undefined): string | null;
-declare function ModelPicker({ value, onChange, models, loading, recents, popular, excludeProviders, modalities, variant, label, placeholder, className, triggerClassName, disabled, }: ModelPickerProps): react_jsx_runtime.JSX.Element;
+declare function ModelPicker({ value, onChange, models, loading, recents, popular, excludeProviders, modalities, variant, label, placeholder, className, triggerClassName, disabled, side, avoidCollisions, }: ModelPickerProps): react_jsx_runtime.JSX.Element;
 
 export { DEFAULT_FEATURED_MODEL_IDS as D, type ModelInfo as M, ModelPicker as a, type ModelPickerProps as b, type ModelPickerVariant as c, canonicalModelId as d, dedupeModels as e, formatContext as f, formatPricing as g, modelDedupKey as m };

package/dist/pages.d.ts

@@ -2,8 +2,9 @@ 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-NOWFpRY4.js';
+export { M as ModelInfo } from './model-picker-COjPVMzg.js';
 import '@tangle-network/agent-interface';
+import '@radix-ui/react-dropdown-menu';
 
 /**
  * Shared, self-contained sign-in / sign-up page for every Tangle vertical app.

package/dist/pages.js

@@ -24,7 +24,7 @@ import {
   Switch,
   Textarea
 } from "./chunk-4ZZUMXPX.js";
-import "./chunk-LQHTCM56.js";
+import "./chunk-SF6LPMMN.js";
 import {
   cn
 } from "./chunk-EI44GEQ5.js";

package/dist/styles.css

@@ -825,8 +825,11 @@
   .max-h-\[160px\] {
     max-height: 160px;
   }
-  .max-h-\[440px\] {
-    max-height: 440px;
+  .max-h-\[min\(440px\,var\(--radix-dropdown-menu-content-available-height\)\)\] {
+    max-height: min(440px, var(--radix-dropdown-menu-content-available-height));
+  }
+  .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
+    max-height: var(--radix-dropdown-menu-content-available-height);
   }
   .min-h-0 {
     min-height: calc(var(--spacing) * 0);

package/dist/workbench.js

@@ -19,8 +19,8 @@ import "./chunk-OMUIPJQZ.js";
 import "./chunk-VIREDUBF.js";
 import "./chunk-77WVVJA4.js";
 import "./chunk-4ZZUMXPX.js";
-import "./chunk-BR2LMUAE.js";
-import "./chunk-LQHTCM56.js";
+import "./chunk-HU4B2M4K.js";
+import "./chunk-SF6LPMMN.js";
 import "./chunk-EI44GEQ5.js";
 import "./chunk-U67V476Y.js";
 export {

package/dist/workflows.d.ts

@@ -58,6 +58,14 @@ interface WfNodeData extends Record<string, unknown> {
     path?: string;
     /** Notable config fields for the expand drawer (kept small + stringified). */
     detail?: Record<string, string>;
+    /** The raw, UNTRUNCATED config for this node — the action/trigger config from
+     *  the definition. The compact card reads {@link detail}; a full-detail view
+     *  (e.g. a node drawer) reads this to render every field — the complete prompt,
+     *  all profile/source/input keys — without the card-sized clamp. It is a
+     *  JSON-safe deep copy of the config (cycles and non-JSON values normalized),
+     *  so a consumer can serialize or render it freely. Omitted when the node has
+     *  no config. */
+    config?: Record<string, unknown>;
     /** Connector slug (e.g. `github`) for the provider chip, when one applies. */
     provider?: string;
     /** Small corner tag, e.g. "×3" for a parallel fan-out. */

package/dist/workflows.js

@@ -1,6 +1,6 @@
 import {
   buildWorkflowGraph
-} from "./chunk-DEN4GUA7.js";
+} from "./chunk-WEYFEMIN.js";
 import "./chunk-7JLB7UZ3.js";
 import "./chunk-U67V476Y.js";
 
@@ -27,7 +27,7 @@ function retryImport(factory, retries = 2, delayMs = 350) {
 function lazyWorkflowGraph() {
   return lazy(
     () => retryImport(
-      () => import("./WorkflowGraph-FSS7GW5O.js").then((m) => ({ default: m.WorkflowGraph }))
+      () => import("./WorkflowGraph-VMG2ZEAN.js").then((m) => ({ default: m.WorkflowGraph }))
     )
   );
 }

package/package.json

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