@tangle-network/sandbox-ui 0.115.7 → 0.116.1

package/README.md

@@ -212,7 +212,12 @@ const partMap: Record<string, SessionPart[]> = {};
 
 ### The three-pane shell
 
-For a chats rail · transcript + composer · artifacts layout, hand `SandboxWorkbench` a `SessionSidebar` as its `rail`, your composer as `composer`, and `centerHeader={null}` for the quiet center. `WorkspaceLayout` owns the pane sizes and, when you pass `layout.leftOpen` / `layout.onLeftOpenChange`, the open state too.
+For a chats rail · transcript + composer · artifacts layout, hand `SandboxWorkbench` a `SessionSidebar` as its `rail` and your composer as `composer`.
+The default places the session title and status in the transcript pane header without a second shell row.
+Use `centerHeader={null}` when the transcript should have no pane frame either.
+`WorkspaceLayout` leaves its center row out until a caller supplies `centerHeader`.
+Closed panes get compact edge controls with reserved space beside the transcript.
+It owns pane sizes and, when you pass `layout.leftOpen` / `layout.onLeftOpenChange`, the open state too.
 
 ```tsx
 const [chatsOpen, setChatsOpen] = useState(true);

package/dist/{embedded-app-view-CNWKeod5.js → embedded-app-view-CoiS_kfY.js}

@@ -1,5 +1,5 @@
 import { t as cn$1 } from "./utils-DzWbktWG.js";
-import { t as WorkspacePaneHeader } from "./workspace-pane-header-C5e7sPaS.js";
+import { t as WorkspacePaneHeader } from "./workspace-pane-header-Bg1cCcHX.js";
 import { Button } from "@tangle-network/ui/primitives";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";

package/dist/globals.css

@@ -839,8 +839,8 @@
   .h-\[1em\] {
     height: 1em;
   }
-  .h-\[3px\] {
-    height: 3px;
+  .h-\[9px\] {
+    height: 9px;
   }
   .h-\[17px\] {
     height: 17px;
@@ -1190,12 +1190,12 @@
   .w-\[1\.375rem\] {
     width: 1.375rem;
   }
-  .w-\[3px\] {
-    width: 3px;
-  }
   .w-\[5\.5rem\] {
     width: 5.5rem;
   }
+  .w-\[9px\] {
+    width: 9px;
+  }
   .w-\[17px\] {
     width: 17px;
   }
@@ -1319,6 +1319,9 @@
   .max-w-\[14rem\] {
     max-width: 14rem;
   }
+  .max-w-\[35\%\] {
+    max-width: 35%;
+  }
   .max-w-\[45\%\] {
     max-width: 45%;
   }
@@ -1906,6 +1909,9 @@
   .overflow-hidden {
     overflow: hidden;
   }
+  .overflow-visible {
+    overflow: visible;
+  }
   .overflow-x-auto {
     overflow-x: auto;
   }
@@ -2097,12 +2103,6 @@
       border-color: color-mix(in oklab, var(--brand-emerald) 50%, transparent);
     }
   }
-  .border-\[var\(--code-error\)\]\/20 {
-    border-color: var(--code-error);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--code-error) 20%, transparent);
-    }
-  }
   .border-\[var\(--code-number\)\]\/20 {
     border-color: var(--code-number);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2373,12 +2373,6 @@
   .bg-\[var\(--code-error\)\] {
     background-color: var(--code-error);
   }
-  .bg-\[var\(--code-error\)\]\/5 {
-    background-color: var(--code-error);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--code-error) 5%, transparent);
-    }
-  }
   .bg-\[var\(--code-number\)\] {
     background-color: var(--code-number);
   }
@@ -2921,9 +2915,6 @@
   .py-3 {
     padding-block: calc(var(--spacing) * 3);
   }
-  .py-3\.5 {
-    padding-block: calc(var(--spacing) * 3.5);
-  }
   .py-4 {
     padding-block: calc(var(--spacing) * 4);
   }
@@ -3155,9 +3146,6 @@
   .text-\[15px\] {
     font-size: 15px;
   }
-  .text-\[17px\] {
-    font-size: 17px;
-  }
   .text-\[calc\(var\(--font-size-xs\)-1px\)\] {
     font-size: calc(var(--font-size-xs) - 1px);
   }
@@ -3274,10 +3262,6 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
-  .tracking-\[0\.01em\] {
-    --tw-tracking: 0.01em;
-    letter-spacing: 0.01em;
-  }
   .tracking-\[0\.1em\] {
     --tw-tracking: 0.1em;
     letter-spacing: 0.1em;
@@ -3306,10 +3290,6 @@
     --tw-tracking: 0.16em;
     letter-spacing: 0.16em;
   }
-  .tracking-\[0\.18em\] {
-    --tw-tracking: 0.18em;
-    letter-spacing: 0.18em;
-  }
   .tracking-\[var\(--tracking-snug\,-0\.01em\)\] {
     --tw-tracking: var(--tracking-snug,-0.01em);
     letter-spacing: var(--tracking-snug,-0.01em);
@@ -3718,6 +3698,10 @@
     --tw-shadow: 0 6px 16px var(--tw-shadow-color, rgba(15,23,42,0.08));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-\[0_8px_30px_rgba\(0\,0\,0\,0\.18\)\] {
+    --tw-shadow: 0 8px 30px var(--tw-shadow-color, rgba(0,0,0,0.18));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-\[0_8px_30px_rgba\(0\,0\,0\,0\.45\)\] {
     --tw-shadow: 0 8px 30px var(--tw-shadow-color, rgba(0,0,0,0.45));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3989,6 +3973,14 @@
         border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
       }
     }
+    .group-hover\:bg-primary\/20:is(:where(.group):hover *) {
+      background-color: color-mix(in srgb, hsl(var(--primary)) 20%, transparent);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .group-hover\:bg-primary\/20:is(:where(.group):hover *) {
+        background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
     .group-hover\:text-foreground:is(:where(.group):hover *) {
       color: var(--color-foreground);
     }
@@ -4016,6 +4008,12 @@
       opacity: 100%;
     }
   }
+  .group-focus-visible\:bg-primary\/30:is(:where(.group):focus-visible *) {
+    background-color: color-mix(in srgb, hsl(var(--primary)) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
+    }
+  }
   .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
     cursor: not-allowed;
   }
@@ -4348,14 +4346,6 @@
         background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
       }
     }
-    .hover\:bg-primary\/30:hover {
-      background-color: color-mix(in srgb, hsl(var(--primary)) 30%, transparent);
-    }
-    @supports (color: color-mix(in lab, red, red)) {
-      .hover\:bg-primary\/30:hover {
-        background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
-      }
-    }
     .hover\:bg-primary\/90:hover {
       background-color: color-mix(in srgb, hsl(var(--primary)) 90%, transparent);
     }
@@ -4554,12 +4544,6 @@
   .focus-visible\:bg-background:focus-visible {
     background-color: var(--color-background);
   }
-  .focus-visible\:bg-primary\/40:focus-visible {
-    background-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
-    }
-  }
   .focus-visible\:bg-surface-container:focus-visible {
     background-color: var(--color-surface-container);
   }
@@ -5004,9 +4988,6 @@
     .lg\:p-0 {
       padding: 0px;
     }
-    .lg\:p-4 {
-      padding: calc(var(--spacing) * 4);
-    }
     .lg\:px-8 {
       padding-inline: calc(var(--spacing) * 8);
     }

package/dist/hooks.d.ts

@@ -1,69 +1,7 @@
+import { n as UsePtySessionReturn, r as usePtySession, t as UsePtySessionOptions } from "./use-pty-session-DbAYO5uH.js";
 import { t as Session } from "./sidecar-DgH_vQ6m.js";
 import { a as SendMessageOptions, c as SessionStreamError, d as useSessionStream, i as SESSION_STREAM_RECONNECT_DELAY_MS, l as UseSessionStreamOptions, n as UseSidecarAuthOptions, o as SessionDegradation, r as useSidecarAuth, s as SessionInfo, t as SidecarAuth, u as UseSessionStreamResult } from "./use-sidecar-auth-CCTJcrq7.js";
-import { AgentInteractiveSessionControlClaim } from "@tangle-network/agent-interface";
 import { AgentStreamEvent, AppendUserMessageOptions, ApplySdkEventOptions, AuthUser, AutomationStreamEvent, BeginAssistantMessageOptions, BotStreamEvent, CompleteAssistantMessageOptions, ConnectionState, RealtimeSessionOptions, RealtimeSessionRegistry, RealtimeSessionRegistryProps, RealtimeSessionState, RealtimeSessionTarget, SSEEvent, SdkSessionAttachment, SdkSessionEvent, SdkSessionSeed, TaskStreamEvent, TerminalStreamEvent, UseAuthOptions, UseAuthResult, UseRunGroupsOptions, UseSSEStreamOptions, UseSSEStreamResult, UseSdkSessionOptions, UseSdkSessionReturn, UseToolCallStreamReturn, createAuthFetcher, useApiKey, useAuth, useAutoScroll, useDropdownMenu, useLiveTime, useRealtimeSession, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useToolCallStream } from "@tangle-network/ui/hooks";
-//#region src/hooks/use-pty-session.d.ts
-export interface UsePtySessionOptions {
-  /** Base URL of the sidecar (e.g. "http://localhost:9100"). */
-  apiUrl: string;
-  /** Bearer token for authentication. */
-  token: string;
-  /** Called with raw PTY output (may contain ANSI escape codes). */
-  onData: (data: string) => void;
-  /**
-   * Stable id identifying this terminal connection to the sidecar.
-   * Reused on every connect/reconnect so the sidecar restores the same
-   * PTY session (within its reconnect window) instead of spawning a
-   * fresh shell. When omitted, a random id is generated per connect —
-   * so the session does not survive a remount.
-   */
-  connectionId?: string;
-  /**
-   * Exact incarnation issued for an interactive agent session. When present,
-   * it must be sent with `control` on every WebSocket init frame.
-   */
-  incarnationId?: string;
-  /** Write claim for the exact interactive agent session. */
-  control?: AgentInteractiveSessionControlClaim;
-}
-export interface UsePtySessionReturn {
-  /** Whether the underlying transport is connected and receiving data. */
-  isConnected: boolean;
-  /** Connection or API error, if any. */
-  error: string | null;
-  /** Send a command to the PTY session. */
-  sendCommand: (command: string) => Promise<void>;
-  /** Safely resize the remote PTY. */
-  resizeTerminal: (cols: number, rows: number) => Promise<void>;
-  /** Tear down and reconnect. */
-  reconnect: () => void;
-}
-/**
- * Manages a PTY session against the sidecar terminal API.
- *
- * Transport:
- *   1. Try the current sidecar WebSocket contract directly:
- *      GET /terminals/:id/ws, then send `{"type":"init",...}`.
- *      - Server → client: BINARY frames carrying PTY output; TEXT frames
- *        carrying lifecycle/control messages.
- *      - Client → server: TEXT frames carrying JSON input/resize messages.
- *   2. If direct WS does not reach server `ready` within
- *      WS_READY_TIMEOUT_MS, or it errors before ready, fall back to the older
- *      terminal contract:
- *      - POST /terminals creates the session.
- *      - GET /terminals/:id/ws tries the older WS transport.
- *      - GET /terminals/:id/stream (SSE for output)
- *      - POST /terminals/:id/input (one batched POST at a time)
- *      - PATCH /terminals/:id (resize)
- *   3. DELETE /terminals/:id closes sessions created by the older REST API.
- *
- * The WS path eliminates the per-keystroke HTTP round-trip that
- * dominates typing latency through edge proxies; the HTTP+SSE path is
- * preserved as a fallback so the hook keeps working against
- * deployments that have not yet shipped the WS endpoint.
- */
-export declare function usePtySession({ apiUrl, token, onData, connectionId: providedConnectionId, incarnationId, control }: UsePtySessionOptions): UsePtySessionReturn;
-//#endregion
 //#region src/hooks/use-sandbox-metrics.d.ts
 /**
  * Sandbox-level telemetry collected by the sidecar from cgroup v2
@@ -173,14 +111,12 @@ export interface UseSandboxMetricsResult {
    */
   history: SandboxMetricsSample[];
   /**
-   * True only until the first successful sample has arrived (or the
-   * first one after the target `sandboxId` changes). Subsequent polls
-   * do not flip this back to true, so consumers can gate a spinner
-   * on it without it flashing on every cycle.
+   * True while waiting for the first successful metrics response for this
+   * sandbox. Errors clear it so consumers can show the failure state.
    */
   loading: boolean;
   error: Error | null;
-  /** Wall-clock ms of the last successful sample, or null. */
+  /** Wall-clock ms of the last successful metrics response, or null. */
   lastUpdatedAt: number | null;
 }
 /**
@@ -203,4 +139,4 @@ export declare function useRenameSession(apiUrl: string, token: string | null):
   title: string;
 }, unknown>;
 //#endregion
-export { type AgentStreamEvent, type AppendUserMessageOptions, type ApplySdkEventOptions, type AuthUser, type AutomationStreamEvent, type BeginAssistantMessageOptions, type BotStreamEvent, type CompleteAssistantMessageOptions, type ConnectionState, type RealtimeSessionOptions, RealtimeSessionRegistry, type RealtimeSessionRegistryProps, type RealtimeSessionState, type RealtimeSessionTarget, SESSION_STREAM_RECONNECT_DELAY_MS, type SSEEvent, type SdkSessionAttachment, type SdkSessionEvent, type SdkSessionSeed, SendMessageOptions, SessionDegradation, SessionInfo, SessionStreamError, SidecarAuth, type TaskStreamEvent, type TerminalStreamEvent, type UseAuthOptions, type UseAuthResult, type UseRunGroupsOptions, type UseSSEStreamOptions, type UseSSEStreamResult, type UseSdkSessionOptions, type UseSdkSessionReturn, UseSessionStreamOptions, UseSessionStreamResult, UseSidecarAuthOptions, type UseToolCallStreamReturn, createAuthFetcher, useApiKey, useAuth, useAutoScroll, useDropdownMenu, useLiveTime, useRealtimeSession, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useSessionStream, useSidecarAuth, useToolCallStream };
+export { type AgentStreamEvent, type AppendUserMessageOptions, type ApplySdkEventOptions, type AuthUser, type AutomationStreamEvent, type BeginAssistantMessageOptions, type BotStreamEvent, type CompleteAssistantMessageOptions, type ConnectionState, type RealtimeSessionOptions, RealtimeSessionRegistry, type RealtimeSessionRegistryProps, type RealtimeSessionState, type RealtimeSessionTarget, SESSION_STREAM_RECONNECT_DELAY_MS, type SSEEvent, type SdkSessionAttachment, type SdkSessionEvent, type SdkSessionSeed, SendMessageOptions, SessionDegradation, SessionInfo, SessionStreamError, SidecarAuth, type TaskStreamEvent, type TerminalStreamEvent, type UseAuthOptions, type UseAuthResult, UsePtySessionOptions, UsePtySessionReturn, type UseRunGroupsOptions, type UseSSEStreamOptions, type UseSSEStreamResult, type UseSdkSessionOptions, type UseSdkSessionReturn, UseSessionStreamOptions, UseSessionStreamResult, UseSidecarAuthOptions, type UseToolCallStreamReturn, createAuthFetcher, useApiKey, useAuth, useAutoScroll, useDropdownMenu, useLiveTime, usePtySession, useRealtimeSession, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useSessionStream, useSidecarAuth, useToolCallStream };

package/dist/hooks.js

@@ -1,9 +1,10 @@
-import { t as usePtySession } from "./use-pty-session-C8cE0adT.js";
+import { t as usePtySession } from "./use-pty-session-Bf4hBLXJ.js";
 import { i as useSessionStream, n as SESSION_STREAM_RECONNECT_DELAY_MS, r as SessionStreamError, t as useSidecarAuth } from "./use-sidecar-auth-DkdcufOz.js";
 import * as React$1 from "react";
 import { RealtimeSessionRegistry, createAuthFetcher, useApiKey, useAuth, useAutoScroll, useDropdownMenu, useLiveTime, useRealtimeSession, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useToolCallStream } from "@tangle-network/ui/hooks";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 //#region src/hooks/use-sandbox-metrics.ts
+const METRICS_REQUEST_TIMEOUT_MS = 15e3;
 /**
 * Polls the sandbox's sidecar metrics through the API proxy and
 * derives a CPU% value from consecutive cumulative-CPU samples. Used
@@ -36,12 +37,19 @@ function useSandboxMetrics({ apiBaseUrl, sandboxId, token, enabled = true, inter
 		}
 		prevSandboxIdRef.current = sandboxId ?? null;
 		if (!enabled || sandboxCleared) return;
-		const controller = new AbortController();
 		let cancelled = false;
 		let timeoutId = null;
+		let activeRequestController = null;
 		const delay = Math.max(intervalMs, 500);
 		const fetchOnce = async () => {
 			if (!hasLoadedRef.current) setLoading(true);
+			const requestController = new AbortController();
+			activeRequestController = requestController;
+			let requestTimedOut = false;
+			const requestTimeoutId = window.setTimeout(() => {
+				requestTimedOut = true;
+				requestController.abort();
+			}, METRICS_REQUEST_TIMEOUT_MS);
 			try {
 				const headers = {};
 				if (token) headers.Authorization = `Bearer ${token}`;
@@ -49,7 +57,7 @@ function useSandboxMetrics({ apiBaseUrl, sandboxId, token, enabled = true, inter
 					method: "GET",
 					credentials: "include",
 					headers,
-					signal: controller.signal
+					signal: requestController.signal
 				});
 				if (!res.ok) throw new Error(`Metrics request failed (HTTP ${res.status})`);
 				const data = await res.json();
@@ -96,9 +104,14 @@ function useSandboxMetrics({ apiBaseUrl, sandboxId, token, enabled = true, inter
 				hasLoadedRef.current = true;
 				setLoading(false);
 			} catch (err) {
-				if (cancelled || err instanceof DOMException && err.name === "AbortError") return;
-				setError(err instanceof Error ? err : new Error(String(err)));
+				if (cancelled) return;
+				if (requestTimedOut) setError(/* @__PURE__ */ new Error(`Metrics request timed out after ${METRICS_REQUEST_TIMEOUT_MS / 1e3} seconds`));
+				else if (err instanceof DOMException && err.name === "AbortError") return;
+				else setError(err instanceof Error ? err : new Error(String(err)));
 				if (!hasLoadedRef.current) setLoading(false);
+			} finally {
+				window.clearTimeout(requestTimeoutId);
+				if (activeRequestController === requestController) activeRequestController = null;
 			}
 		};
 		const runLoop = async () => {
@@ -110,7 +123,7 @@ function useSandboxMetrics({ apiBaseUrl, sandboxId, token, enabled = true, inter
 		runLoop();
 		return () => {
 			cancelled = true;
-			controller.abort();
+			activeRequestController?.abort();
 			if (timeoutId !== null) window.clearTimeout(timeoutId);
 		};
 	}, [

package/dist/{index-CKRaj1pM.d.ts → index-iDiLnSoo.d.ts}

@@ -96,10 +96,9 @@ interface WorkspaceLayoutProps {
   /** Extra classes for the right pane's scrolling content wrapper. */
   rightContentClassName?: string;
   /**
-   * `always` (default) keeps the center header row whenever a side or bottom
-   * pane exists, so pane headers line up across the shell even while the row
-   * is empty. `auto` renders the row only while it has content: a
-   * `centerHeader`, or an open-pane toggle for a closed pane.
+   * `auto` (default) reserves the center row only for `centerHeader`.
+   * Closed panes get narrow edge controls beside the content instead of a
+   * full-width row. `always` aligns every pane to the 56px header row.
    */
   centerHeaderVisibility?: "always" | "auto";
   className?: string;
@@ -136,7 +135,7 @@ declare function DirectoryPane({ root, selectedPath, onSelect, onRefresh, onUplo
 //#endregion
 //#region src/workspace/status-banner.d.ts
 /**
- * StatusBanner — full-width notification banner for connection/provisioning states.
+ * StatusBanner — inline notice for connection and provisioning states.
  */
 type BannerType = "provisioning" | "connecting" | "error" | "warning" | "success" | "info";
 interface StatusBannerProps {
@@ -542,7 +541,7 @@ interface SandboxWorkbenchSessionProps extends Omit<ChatContainerProps, "classNa
   meta?: ReactNode;
   headerActions?: ReactNode;
   /**
-   * Controls rendered as a strip attached beneath the chat composer —
+   * Controls rendered above the composer in the same centered column —
    * harness/model/effort pickers, token meters, etc. Use
    * `AgentSessionControls` from `@tangle-network/agent-app/web-react` for the
    * standard set.
@@ -562,17 +561,15 @@ interface SandboxWorkbenchProps {
   subtitle?: ReactNode;
   status?: ReactNode;
   /**
-   * Header above the transcript. `undefined` keeps the branded session card
-   * (`Tangle Sandbox` / `title` / `status`), a node replaces it, and `null`
-   * removes it: the transcript then renders directly on `bg-surface` with no
-   * eyebrow/title frame around it, and the shell's center header row appears
-   * only while it holds an open-pane toggle.
+   * Optional header above the transcript. By default, `title`, `subtitle`,
+   * and `status` live in the transcript pane's own header, with no separate
+   * shell row. A node adds a distinct shell header. `null` removes the pane
+   * frame too and renders the transcript directly on `bg-background`.
    */
   centerHeader?: ReactNode | null;
   /**
-   * Composer rendered under the transcript on the panel background, inside the
-   * transcript's own `max-w-3xl` column. `session.composerControls`, when
-   * also given, sits above it as before.
+   * Composer rendered under the transcript in the same centered column as
+   * `session.composerControls`.
    */
   composer?: ReactNode;
   /**

package/dist/index.d.ts

@@ -4,11 +4,12 @@ import { $ as HARNESS_BRAND, $t as useSidebar, A as Variant, An as SidebarProps,
 import { a as modelBrandFor, i as canonicalModelId, n as ModelBrandStack, r as ModelInfo, t as ModelBrandIdentity } from "./model-brand-B9A4H9pJ.js";
 import { a as UsageChartProps, c as PricingPageProps, d as BillingBalance, f as BillingDashboard, h as BillingUsage, i as UsageChart, l as PricingTier, m as BillingSubscription, n as TemplateCardData, o as UsageDataPoint, p as BillingDashboardProps, r as TemplateCardProps, s as PricingPage, t as TemplateCard, u as formatPrice } from "./template-card-L-4gmjx2.js";
 import { C as getCodeLanguage, D as resolveFilePreviewKind, E as parseCsv, S as filterFileTree, T as getSyntaxLanguage, _ as RichFileTreeGitStatus, a as FileNode, b as detectFileFormat, c as FilePreviewProps, d as FileTabsProps, f as FileTree, g as RichFileTreeGitEntry, h as RichFileTree, i as FileFormat, l as FileTabData, m as FileTreeVisibilityOptions, n as FileArtifactPane, o as FilePreview, p as FileTreeProps, r as FileArtifactPaneProps, s as FilePreviewKind, t as CSV_PREVIEW_ROW_LIMIT, u as FileTabs, v as RichFileTreeProps, w as getFormatLabel, x as fileExtension, y as RichFileTreeThemeVars } from "./index-CXX5IpH2.js";
+import { n as UsePtySessionReturn, r as usePtySession, t as UsePtySessionOptions } from "./use-pty-session-DbAYO5uH.js";
 import { t as Session } from "./sidecar-DgH_vQ6m.js";
 import { d as useSessionStream, l as UseSessionStreamOptions, n as UseSidecarAuthOptions, o as SessionDegradation, r as useSidecarAuth, s as SessionInfo, t as SidecarAuth, u as UseSessionStreamResult } from "./use-sidecar-auth-CCTJcrq7.js";
-import { AgentStreamEvent, AppendUserMessageOptions, ApplySdkEventOptions, AuthUser, AutomationStreamEvent, BeginAssistantMessageOptions, BotStreamEvent, CompleteAssistantMessageOptions, RealtimeSessionOptions, RealtimeSessionRegistry, RealtimeSessionRegistryProps, RealtimeSessionState, RealtimeSessionTarget, SSEEvent, SandboxMetrics, SdkSessionAttachment, SdkSessionEvent, SdkSessionSeed, SidecarMetricsPayload, TaskStreamEvent, TerminalStreamEvent, UseAuthOptions, UseAuthResult, UsePtySessionOptions, UsePtySessionReturn, UseRunGroupsOptions, UseSSEStreamOptions, UseSSEStreamResult, UseSandboxMetricsOptions, UseSandboxMetricsResult, UseSdkSessionOptions, UseSdkSessionReturn, UseToolCallStreamReturn, createAuthFetcher, useApiKey, useAuth, useAutoScroll, useCreateSession, useDeleteSession, useDropdownMenu, useLiveTime, usePtySession, useRealtimeSession, useRenameSession, useRunCollapseState, useRunGroups, useSSEStream, useSandboxMetrics, useSdkSession, useSessions, useToolCallStream } from "./hooks.js";
+import { AgentStreamEvent, AppendUserMessageOptions, ApplySdkEventOptions, AuthUser, AutomationStreamEvent, BeginAssistantMessageOptions, BotStreamEvent, CompleteAssistantMessageOptions, RealtimeSessionOptions, RealtimeSessionRegistry, RealtimeSessionRegistryProps, RealtimeSessionState, RealtimeSessionTarget, SSEEvent, SandboxMetrics, SdkSessionAttachment, SdkSessionEvent, SdkSessionSeed, SidecarMetricsPayload, TaskStreamEvent, TerminalStreamEvent, UseAuthOptions, UseAuthResult, UseRunGroupsOptions, UseSSEStreamOptions, UseSSEStreamResult, UseSandboxMetricsOptions, UseSandboxMetricsResult, UseSdkSessionOptions, UseSdkSessionReturn, UseToolCallStreamReturn, createAuthFetcher, useApiKey, useAuth, useAutoScroll, useCreateSession, useDeleteSession, useDropdownMenu, useLiveTime, useRealtimeSession, useRenameSession, useRunCollapseState, useRunGroups, useSSEStream, useSandboxMetrics, useSdkSession, useSessions, useToolCallStream } from "./hooks.js";
 import { $ as InputProps, $t as ToastProvider, A as DropZoneProps, At as Table, B as DropdownMenuSeparator, Bt as TabsList, C as DialogFooter, Ct as SkeletonTable, D as DialogTitle, Dt as StatusPillProps, E as DialogPortal, Et as StatusPill, F as DropdownMenuItem, Ft as TableHead, G as DropdownMenuTrigger, H as DropdownMenuSub, I as DropdownMenuLabel, It as TableHeader, J as FilterField, Jt as Textarea, K as EmptyState, Kt as TextShimmer, L as DropdownMenuPortal, Lt as TableRow, M as DropdownMenuCheckboxItem, Mt as TableCaption, N as DropdownMenuContent, Nt as TableCell, O as DialogTrigger, Ot as StatusTone, P as DropdownMenuGroup, Pt as TableFooter, Q as Input, Qt as ToastContainer, R as DropdownMenuRadioGroup, Rt as Tabs, S as DialogDescription, St as SkeletonCard, T as DialogOverlay, Tt as StatCardProps, U as DropdownMenuSubContent, Ut as TerminalDisplay, V as DropdownMenuShortcut, Vt as TabsTrigger, W as DropdownMenuSubTrigger, X as InlineCode, Xt as ThemeToggle, Y as FilterFieldProps, Yt as TextareaProps, Z as InlineCodeProps, Zt as Toast, _ as CodeBlockProps, _t as SelectTrigger, a as AvatarImage, an as badgeVariants, at as Progress, b as DialogClose, bn as TangleKnot, bt as SidebarDropZoneProps, c as Button, cn as useToast, ct as SegmentedControlProps, d as CardContent, dt as SelectGroup, en as Toolbar, et as Label, f as CardDescription, ft as SelectItem, g as CodeBlock, gt as SelectSeparator, h as CardTitle, ht as SelectScrollUpButton, i as AvatarFallback, in as UploadProgressProps, it as MetricStripProps, j as DropdownMenu, jt as TableBody, k as DropZone, kt as Switch, l as ButtonProps, lt as Select, m as CardHeader, mt as SelectScrollDownButton, nn as UploadFile, nt as MetricProps, o as Badge, on as buttonVariants, ot as SegmentedControl, p as CardFooter, pt as SelectLabel, q as EmptyStateProps, qt as TextShimmerProps, r as Avatar, rn as UploadProgress, rt as MetricStrip, s as BadgeProps, sn as useTheme, st as SegmentedControlOption, tn as ToolbarProps, tt as Metric, u as Card, ut as SelectContent, v as CopyButton, vn as Logo, vt as SelectValue, w as DialogHeader, wt as StatCard, x as DialogContent, xt as Skeleton, y as Dialog, yn as LogoProps, yt as SidebarDropZone, z as DropdownMenuRadioItem, zt as TabsContent } from "./index-PRM636Ex.js";
-import { $ as TerminalProps, A as ShellShouldRevalidateArgs, B as SessionSidebarLink, C as SandboxWorkbenchLayoutOptions, D as SandboxWorkbenchSessionProps, E as SandboxWorkbenchProps, F as SessionSidebar, G as SessionOptimisticController, H as SessionSidebarVariant, I as SessionSidebarBadge, J as useOptimisticSessionItems, K as UseOptimisticSessionItemsOptions, L as SessionSidebarFilter, M as createShellShouldRevalidate, N as shellShouldRevalidate, O as SessionActivityMonitor, P as formatRelativeAge, Q as TerminalPanel, R as SessionSidebarGroupBy, S as SandboxWorkbenchFileArtifact, T as SandboxWorkbenchOpenUIArtifact, U as SESSION_CREATED_EVENT, V as SessionSidebarProps, W as SessionCreatedDetail, X as RuntimePaneProps, Y as RuntimePane, Z as TerminalLine, _ as FormAudit, a as ApprovalQueue, at as StatusBannerProps, b as SandboxWorkbenchArtifact, c as CalendarView, ct as WorkspacePaneHeader, d as TaskBoardColumn, dt as WorkspaceLayoutProps, et as ContextBadge, f as TaskBoardItem, g as AuditResultsProps, h as AuditResults, i as ApprovalItem, it as StatusBanner, j as ShellShouldRevalidateOptions, k as SessionActivityMonitorProps, l as CalendarViewProps, lt as WorkspacePaneHeaderProps, m as AuditCheck, n as ArtifactPaneProps, nt as StatusBarProps, o as ApprovalQueueProps, ot as DirectoryPane, p as TaskBoardProps, q as dispatchSessionCreated, r as ApprovalConfidenceStat, rt as BannerType, s as CalendarEvent, st as DirectoryPaneProps, t as ArtifactPane, tt as StatusBar, u as TaskBoard, ut as WorkspaceLayout, v as AgentWorkbench, w as SandboxWorkbenchMarkdownArtifact, x as SandboxWorkbenchCustomArtifact, y as SandboxWorkbench, z as SessionSidebarItem } from "./index-CKRaj1pM.js";
+import { $ as TerminalProps, A as ShellShouldRevalidateArgs, B as SessionSidebarLink, C as SandboxWorkbenchLayoutOptions, D as SandboxWorkbenchSessionProps, E as SandboxWorkbenchProps, F as SessionSidebar, G as SessionOptimisticController, H as SessionSidebarVariant, I as SessionSidebarBadge, J as useOptimisticSessionItems, K as UseOptimisticSessionItemsOptions, L as SessionSidebarFilter, M as createShellShouldRevalidate, N as shellShouldRevalidate, O as SessionActivityMonitor, P as formatRelativeAge, Q as TerminalPanel, R as SessionSidebarGroupBy, S as SandboxWorkbenchFileArtifact, T as SandboxWorkbenchOpenUIArtifact, U as SESSION_CREATED_EVENT, V as SessionSidebarProps, W as SessionCreatedDetail, X as RuntimePaneProps, Y as RuntimePane, Z as TerminalLine, _ as FormAudit, a as ApprovalQueue, at as StatusBannerProps, b as SandboxWorkbenchArtifact, c as CalendarView, ct as WorkspacePaneHeader, d as TaskBoardColumn, dt as WorkspaceLayoutProps, et as ContextBadge, f as TaskBoardItem, g as AuditResultsProps, h as AuditResults, i as ApprovalItem, it as StatusBanner, j as ShellShouldRevalidateOptions, k as SessionActivityMonitorProps, l as CalendarViewProps, lt as WorkspacePaneHeaderProps, m as AuditCheck, n as ArtifactPaneProps, nt as StatusBarProps, o as ApprovalQueueProps, ot as DirectoryPane, p as TaskBoardProps, q as dispatchSessionCreated, r as ApprovalConfidenceStat, rt as BannerType, s as CalendarEvent, st as DirectoryPaneProps, t as ArtifactPane, tt as StatusBar, u as TaskBoard, ut as WorkspaceLayout, v as AgentWorkbench, w as SandboxWorkbenchMarkdownArtifact, x as SandboxWorkbenchCustomArtifact, y as SandboxWorkbench, z as SessionSidebarItem } from "./index-iDiLnSoo.js";
 import { A as SandboxArtifactTerminal, C as ChangesPane, D as ChangesPaneProps, E as ChangedFile, O as SandboxArtifact, S as PillTabsProps, T as ArtifactView, _ as DiffStats, a as PreviewView, b as PillTabItem, c as DiffViewProps, d as FileBreadcrumb, f as FileBreadcrumbProps, g as PanelHeaderProps, h as PanelHeader, i as resolveLanguage, k as SandboxArtifactPaneProps, l as CodeView, m as GitStatusBadge, n as CodeSurface, o as PreviewViewProps, p as DiffStatsBadge, r as CodeSurfaceProps, s as DiffView, t as BRAND_PRISM_THEME, u as CodeViewProps, v as buildUnifiedPatch, w as SandboxArtifactPane, x as PillTabs, y as computeDiffStats } from "./index-D_G-wF6u.js";
 import { a as PreviewReadiness, i as PreviewAccess, n as EmbeddedAppView, r as EmbeddedAppViewProps, t as EmbeddedApp } from "./embedded-app-view-B_vMTtJn.js";
 import { OpenUIAction, OpenUIActionsNode, OpenUIArtifactRenderer, OpenUIArtifactRendererProps, OpenUIBadgeNode, OpenUICardNode, OpenUICodeNode, OpenUIComponentNode, OpenUIGridNode, OpenUIHeadingNode, OpenUIKeyValueNode, OpenUIMarkdownNode, OpenUIPrimitive, OpenUISeparatorNode, OpenUIStackNode, OpenUIStatNode, OpenUITableNode, OpenUITextNode } from "./openui.js";

package/dist/index.js

@@ -1,13 +1,13 @@
-import { a as computeDiffStats, c as BRAND_PRISM_THEME, d as DiffStatsBadge, f as GitStatusBadge, i as buildUnifiedPatch, l as CodeSurface, m as PillTabs, n as SandboxArtifactPane, o as CodeView, p as PanelHeader, r as DiffView, s as FileBreadcrumb, t as ChangesPane, u as resolveLanguage } from "./workbench-CBfynLzB.js";
+import { a as computeDiffStats, c as BRAND_PRISM_THEME, d as DiffStatsBadge, f as GitStatusBadge, i as buildUnifiedPatch, l as CodeSurface, m as PillTabs, n as SandboxArtifactPane, o as CodeView, p as PanelHeader, r as DiffView, s as FileBreadcrumb, t as ChangesPane, u as resolveLanguage } from "./workbench-DJlOqodW.js";
 import { $ as SelectItem, A as DropdownMenuItem, At as Textarea, B as DropdownMenuTrigger, C as DialogTitle, Ct as TabsList, D as DropdownMenuCheckboxItem, E as DropdownMenu, Et as TerminalDisplay, F as DropdownMenuSeparator, Ft as UploadProgress, G as Label, Gt as TangleKnot, H as FilterField, I as DropdownMenuShortcut, It as badgeVariants, J as Progress, K as Metric, L as DropdownMenuSub, Lt as buttonVariants, M as DropdownMenuPortal, Mt as ToastContainer, N as DropdownMenuRadioGroup, Nt as ToastProvider, O as DropdownMenuContent, P as DropdownMenuRadioItem, Pt as Toolbar, Q as SelectGroup, R as DropdownMenuSubContent, Rt as useTheme, S as DialogPortal, St as TabsContent, T as DropZone, U as InlineCode, V as EmptyState, W as Input, Wt as Logo, X as Select, Y as SegmentedControl, Z as SelectContent, _ as DialogContent, _t as TableFooter, a as Badge, at as SelectValue, b as DialogHeader, bt as TableRow, c as CardContent, ct as SkeletonCard, d as CardHeader, dt as StatusPill, et as SelectLabel, f as CardTitle, ft as Switch, g as DialogClose, gt as TableCell, h as Dialog, ht as TableCaption, i as AvatarImage, it as SelectTrigger, j as DropdownMenuLabel, jt as ThemeToggle, k as DropdownMenuGroup, kt as TextShimmer, l as CardDescription, lt as SkeletonTable, m as CopyButton, mt as TableBody, n as Avatar, nt as SelectScrollUpButton, o as Button, ot as SidebarDropZone, p as CodeBlock, pt as Table, q as MetricStrip, r as AvatarFallback, rt as SelectSeparator, s as Card, st as Skeleton, tt as SelectScrollDownButton, u as CardFooter, ut as StatCard, v as DialogDescription, vt as TableHead, w as DialogTrigger, wt as TabsTrigger, x as DialogOverlay, xt as Tabs, y as DialogFooter, yt as TableHeader, z as DropdownMenuSubTrigger, zt as useToast } from "./primitives-Dh1vG6J3.js";
-import { t as WorkspacePaneHeader } from "./workspace-pane-header-C5e7sPaS.js";
-import { _ as TerminalPanel, a as AuditResults, b as DirectoryPane, c as SessionActivityMonitor, d as SessionSidebar, f as SESSION_CREATED_EVENT, g as RuntimePane, h as formatRelativeAge, i as TaskBoard, l as createShellShouldRevalidate, m as useOptimisticSessionItems, n as ApprovalQueue, o as AgentWorkbench, p as dispatchSessionCreated, r as CalendarView, s as SandboxWorkbench, t as ArtifactPane, u as shellShouldRevalidate, v as StatusBar, x as WorkspaceLayout, y as StatusBanner } from "./workspace-DoEZpkfF.js";
+import { t as WorkspacePaneHeader } from "./workspace-pane-header-Bg1cCcHX.js";
+import { _ as TerminalPanel, a as AuditResults, b as DirectoryPane, c as SessionActivityMonitor, d as SessionSidebar, f as SESSION_CREATED_EVENT, g as RuntimePane, h as formatRelativeAge, i as TaskBoard, l as createShellShouldRevalidate, m as useOptimisticSessionItems, n as ApprovalQueue, o as AgentWorkbench, p as dispatchSessionCreated, r as CalendarView, s as SandboxWorkbench, t as ArtifactPane, u as shellShouldRevalidate, v as StatusBar, x as WorkspaceLayout, y as StatusBanner } from "./workspace-Pq-koOTW.js";
 import { $ as SidebarRailNav, A as ResourceMeter, B as RailFlyout, C as InvoiceTable, D as canAdminSandbox, E as SandboxCard, F as CreditBalance, G as Sidebar, H as RailModeButton, I as ProfileAvatar, J as SidebarPanelContent, K as SidebarContent, L as RailButton, M as INSUFFICIENT_BALANCE_CODE, N as OutOfCreditsModal, O as ActivityFeed, P as parseInsufficientBalance, Q as SidebarRailHeader, R as RailCollapseToggle, S as PlanCards, T as NewSandboxCard, U as RailSeparator, V as RailHeader, W as RailThemeToggle, X as SidebarRail, Y as SidebarPanelHeader, Z as SidebarRailFooter, _ as HarnessPicker, a as ProcessList, at as SIDEBAR_TOTAL_WIDTH, b as HarnessLogo, c as UsageSummary, d as MetricAreaChart, et as RailTooltip, f as ProfileComparison, g as HARNESS_OPTIONS, h as DashboardLayout, i as NetworkConfig, it as SIDEBAR_RAIL_WIDTH, j as ClusterStatusBar, k as ResourceSnapshot, l as SystemLogsViewer, m as SidebarLayout, n as SnapshotList, nt as SIDEBAR_PANEL_WIDTH, o as PortsList, ot as SidebarProvider, p as ProfileSelector, q as SidebarPanel, r as BackendConfig, rt as SIDEBAR_RAIL_LABELED_WIDTH, s as GitPanel, st as useSidebar, t as PromoBanner, tt as SIDEBAR_MOBILE_WIDTH, u as VariantList, v as chatCapableHarnesses, w as SandboxTable, x as BackendSelector, y as HARNESS_BRAND, z as RailExpandable } from "./dashboard-CqyJQc7V.js";
 import { n as canonicalModelId, r as modelBrandFor, t as ModelBrandStack } from "./model-brand-hMyDTUqB.js";
 import { a as formatPrice, i as PricingPage, n as TemplateCard, o as BillingDashboard, r as UsageChart, t as InfoPanel } from "./info-panel-C9cqDzOL.js";
-import { t as usePtySession } from "./use-pty-session-C8cE0adT.js";
+import { t as usePtySession } from "./use-pty-session-Bf4hBLXJ.js";
 import { CSV_PREVIEW_ROW_LIMIT, FileArtifactPane, FilePreview, FileTabs, FileTree, RichFileTree, detectFileFormat, fileExtension, filterFileTree, getCodeLanguage, getFormatLabel, getSyntaxLanguage, parseCsv, resolveFilePreviewKind } from "./files.js";
-import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-CNWKeod5.js";
+import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-CoiS_kfY.js";
 import { OpenUIArtifactRenderer } from "./openui.js";
 import { a as ThinkingIndicator, c as createFetchTransport, d as AgentProfilePicker, f as DEFAULT_REASONING_LEVEL_OPTIONS, i as MessageList, l as modelProvider, m as ReasoningLevelPicker, n as ChatContainer, o as UserMessage, p as HARNESS_REASONING_OPTIONS, r as ChatMessage, s as ArtifactAgentDock, t as AgentTimeline, u as snapHarnessToModel } from "./chat-BOvFAe6p.js";
 import { ExpandedToolDetail, InlineThinkingItem, InlineToolItem, LiveDuration, RunGroup, RunRowShell, RunRowStatusDot, ToolCallFeed, parseToolEvent } from "./run.js";