@tangle-network/sandbox-ui 0.137.1 → 0.138.0

package/dist/{embedded-app-view-CYb9hevq.js → embedded-app-view-DXsoPale.js}

@@ -1,11 +1,11 @@
-import { t as cn$1 } from "./utils-DzWbktWG.js";
-import { r as ShellHeader } from "./shell-header-CTh3oV_e.js";
+import { t as cn$1 } from "./utils-BER_bdgE.js";
+import { r as ShellHeader } from "./shell-header-CwqDzC4I.js";
 import { Button } from "@tangle-network/ui/primitives";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
 import { ExternalLink, RotateCw } from "lucide-react";
 import { focusField } from "@tangle-network/ui/utils";
-//#region src/workbench/preview-policy.ts
+// src/workbench/preview-policy.ts
 /** Only an actual verified HTTP outcome can establish application readiness. */
 function previewReadinessLabel(readiness) {
 	if (readiness?.state === "checking") return "Checking application readiness";
@@ -35,8 +35,7 @@ function safePreviewUrl(value, base, allowedOrigins) {
 	if (allowedOrigins && !allowedOrigins.includes(url.origin)) throw new Error("That origin is not approved for this sandbox preview.");
 	return url.href;
 }
-//#endregion
-//#region src/workbench/preview-view.tsx
+// src/workbench/preview-view.tsx
 function PreviewView({ url, allowedOrigins, access, readiness, onCheckReadiness, onNavigate, variant = "browser", title = "Sandbox preview", toolbarActions, className }) {
 	const initial = React$1.useMemo(() => {
 		try {
@@ -274,8 +273,7 @@ function PreviewView({ url, allowedOrigins, access, readiness, onCheckReadiness,
 		]
 	});
 }
-//#endregion
-//#region src/workbench/embedded-app-view.tsx
+// src/workbench/embedded-app-view.tsx
 /**
 * An app-sized preview surface for a product workspace.
 * The host owns app discovery, persistence, access policy, and readiness checks.
@@ -341,5 +339,4 @@ function EmbeddedAppView({ app, allowedOrigins, readiness, access, toolbarAction
 		})
 	});
 }
-//#endregion
 export { PreviewView as n, EmbeddedAppView as t };

package/dist/{embedded-app-view-B_vMTtJn.d.ts → embedded-app-view-Ta5GI4hx.d.ts}

@@ -1,5 +1,4 @@
 import * as React$1 from "react";
-//#region src/workbench/preview-policy.d.ts
 type PreviewReadiness = {
   state: "unknown";
 } | {
@@ -20,8 +19,6 @@ type PreviewAccess = {
   source: "enforced-policy";
   expiresAt?: string;
 };
-//#endregion
-//#region src/workbench/embedded-app-view.d.ts
 interface EmbeddedApp {
   /** Stable app identity. The host uses it to preserve selection across updates. */
   id: string;
@@ -51,5 +48,4 @@ interface EmbeddedAppViewProps {
  * The host owns app discovery, persistence, access policy, and readiness checks.
  */
 declare function EmbeddedAppView({ app, allowedOrigins, readiness, access, toolbarActions, onRetry, className }: EmbeddedAppViewProps): React$1.JSX.Element;
-//#endregion
 export { PreviewReadiness as a, PreviewAccess as i, EmbeddedAppView as n, EmbeddedAppViewProps as r, EmbeddedApp as t };

package/dist/files.js

@@ -1,2 +1 @@
-import { CSV_PREVIEW_ROW_LIMIT, FileArtifactPane, FileCard, FileList, FilePreview, FileTabs, FileTree, PdfViewer, RichFileTree, configurePdfViewer, detectFileFormat, fileExtension, filterFileTree, getCodeLanguage, getFormatLabel, getSyntaxLanguage, parseCsv, resolveFilePreviewKind } from "@tangle-network/ui/files";
-export { CSV_PREVIEW_ROW_LIMIT, FileArtifactPane, FileCard, FileList, FilePreview, FileTabs, FileTree, PdfViewer, RichFileTree, configurePdfViewer, detectFileFormat, fileExtension, filterFileTree, getCodeLanguage, getFormatLabel, getSyntaxLanguage, parseCsv, resolveFilePreviewKind };
+export { CSV_PREVIEW_ROW_LIMIT, FileArtifactPane, FileCard, FileList, FilePreview, FileTabs, FileTree, PdfViewer, RichFileTree, configurePdfViewer, detectFileFormat, fileExtension, filterFileTree, getCodeLanguage, getFormatLabel, getSyntaxLanguage, parseCsv, resolveFilePreviewKind } from "@tangle-network/ui/files";

package/dist/globals.css

@@ -397,6 +397,9 @@
   .bottom-2 {
     bottom: calc(var(--spacing) * 2);
   }
+  .bottom-3 {
+    bottom: calc(var(--spacing) * 3);
+  }
   .bottom-4 {
     bottom: calc(var(--spacing) * 4);
   }
@@ -958,6 +961,9 @@
   .h-\[36rem\] {
     height: 36rem;
   }
+  .h-\[70vh\] {
+    height: 70vh;
+  }
   .h-\[72\%\] {
     height: 72%;
   }
@@ -1171,6 +1177,9 @@
   .min-h-\[66px\] {
     min-height: 66px;
   }
+  .min-h-\[70vh\] {
+    min-height: 70vh;
+  }
   .min-h-\[72px\] {
     min-height: 72px;
   }
@@ -1465,6 +1474,9 @@
   .max-w-40 {
     max-width: calc(var(--spacing) * 40);
   }
+  .max-w-48 {
+    max-width: calc(var(--spacing) * 48);
+  }
   .max-w-72 {
     max-width: calc(var(--spacing) * 72);
   }
@@ -2103,6 +2115,9 @@
   .self-start {
     align-self: flex-start;
   }
+  .self-stretch {
+    align-self: stretch;
+  }
   .justify-self-start {
     justify-self: flex-start;
   }
@@ -2274,6 +2289,10 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
+  .border-b-0 {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 0px;
+  }
   .border-b-2 {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 2px;
@@ -2709,6 +2728,9 @@
   .bg-\[var\(--status-running\)\] {
     background-color: var(--status-running);
   }
+  .bg-\[var\(--status-running\,\#34c48c\)\] {
+    background-color: var(--status-running,#34c48c);
+  }
   .bg-\[var\(--surface-danger-bg\)\] {
     background-color: var(--surface-danger-bg);
   }
@@ -2940,6 +2962,12 @@
       background-color: color-mix(in oklab, hsl(var(--muted-foreground)) 40%, transparent);
     }
   }
+  .bg-muted-foreground\/50 {
+    background-color: hsl(var(--muted-foreground));
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, hsl(var(--muted-foreground)) 50%, transparent);
+    }
+  }
   .bg-muted\/10 {
     background-color: hsl(var(--muted));
     @supports (color: color-mix(in lab, red, red)) {
@@ -4432,6 +4460,9 @@
       --tw-translate-x: calc(var(--spacing) * 0.5);
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
+    .group-hover\:bg-primary:is(:where(.group):hover *) {
+      background-color: hsl(var(--primary));
+    }
     .group-hover\:bg-primary\/20:is(:where(.group):hover *) {
       background-color: hsl(var(--primary));
     }
@@ -4467,6 +4498,9 @@
       opacity: 100%;
     }
   }
+  .group-focus-visible\:bg-primary:is(:where(.group):focus-visible *) {
+    background-color: hsl(var(--primary));
+  }
   .group-focus-visible\:bg-primary\/30:is(:where(.group):focus-visible *) {
     background-color: hsl(var(--primary));
     @supports (color: color-mix(in lab, red, red)) {
@@ -4600,6 +4634,9 @@
         border-color: color-mix(in oklab, hsl(var(--accent)) 50%, transparent);
       }
     }
+    .hover\:border-border:hover {
+      border-color: hsl(var(--border));
+    }
     .hover\:border-destructive\/30:hover {
       border-color: hsl(var(--destructive));
     }
@@ -5111,6 +5148,9 @@
   .focus-visible\:text-foreground:focus-visible {
     color: hsl(var(--foreground));
   }
+  .focus-visible\:underline:focus-visible {
+    text-decoration-line: underline;
+  }
   .focus-visible\:opacity-100:focus-visible {
     opacity: 100%;
   }
@@ -6149,6 +6189,9 @@
   .\[\&\:not\(\:first-child\)\]\:pt-3:not(:first-child) {
     padding-top: calc(var(--spacing) * 3);
   }
+  .\[\&\>\*\]\:min-h-full > * {
+    min-height: 100%;
+  }
   .\[\&\>\*\]\:max-w-full > * {
     max-width: 100%;
   }

package/dist/hooks.d.ts

@@ -1,8 +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 { n as UsePtySessionReturn, r as usePtySession, t as UsePtySessionOptions } from "./use-pty-session-DSgtQyYX.js";
+import { t as Session } from "./sidecar-CNP4zXop.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-CPevSSEj.js";
 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-sandbox-metrics.d.ts
 /**
  * Sandbox-level telemetry collected by the sidecar from cgroup v2
  * (Docker) or /proc (Firecracker guest). `cpuPercent` is computed
@@ -128,8 +127,6 @@ export interface UseSandboxMetricsResult {
  * by the sandbox overview dashboard to drive live CPU/memory panels.
  */
 export declare function useSandboxMetrics({ apiBaseUrl, sandboxId, token, enabled, intervalMs, historyLimit }: UseSandboxMetricsOptions): UseSandboxMetricsResult;
-//#endregion
-//#region src/hooks/use-session-crud.d.ts
 /** List all sessions for a sidecar. */
 export declare function useSessions(apiUrl: string, token: string | null): import("@tanstack/react-query").UseQueryResult<Session[], Error>;
 /** Create a new session. */
@@ -141,5 +138,4 @@ export declare function useRenameSession(apiUrl: string, token: string | null):
   sessionId: string;
   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, 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,9 @@
-import { t as usePtySession } from "./use-pty-session-B5Q_i9RI.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 { t as usePtySession } from "./use-pty-session-BHVQlSs-.js";
+import { i as useSessionStream, n as SESSION_STREAM_RECONNECT_DELAY_MS, r as SessionStreamError, t as useSidecarAuth } from "./use-sidecar-auth-DpG0aWQ3.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
+// src/hooks/use-sandbox-metrics.ts
 const METRICS_REQUEST_TIMEOUT_MS = 15e3;
 /**
 * Polls the sandbox's sidecar metrics through the API proxy and
@@ -144,8 +144,7 @@ function useSandboxMetrics({ apiBaseUrl, sandboxId, token, enabled = true, inter
 		lastUpdatedAt
 	};
 }
-//#endregion
-//#region src/hooks/use-session-crud.ts
+// src/hooks/use-session-crud.ts
 async function sessionFetch(apiUrl, token, path, opts) {
 	const res = await fetch(`${apiUrl}${path}`, {
 		...opts,
@@ -231,5 +230,4 @@ function useRenameSession(apiUrl, token) {
 		}
 	});
 }
-//#endregion
 export { RealtimeSessionRegistry, SESSION_STREAM_RECONNECT_DELAY_MS, SessionStreamError, createAuthFetcher, useApiKey, useAuth, useAutoScroll, useCreateSession, useDeleteSession, useDropdownMenu, useLiveTime, usePtySession, useRealtimeSession, useRenameSession, useRunCollapseState, useRunGroups, useSSEStream, useSandboxMetrics, useSdkSession, useSessionStream, useSessions, useSidecarAuth, useToolCallStream };

package/dist/{index-DsU8ts9f.d.ts → index-BAEvGqrn.d.ts}

@@ -1,7 +1,6 @@
 import { HeadingVariant, PageHeaderProps } from "@tangle-network/ui/primitives";
 import { TangleKnot as TangleKnot$1 } from "@tangle-network/brand";
 import { ElementType, HTMLAttributes, ReactNode } from "react";
-//#region src/primitives/logo.d.ts
 interface LogoProps {
   variant?: "sandbox";
   size?: "sm" | "md" | "lg" | "xl";
@@ -13,8 +12,6 @@ declare function Logo$1({ variant, size, className, iconOnly }: LogoProps): impo
 declare namespace Logo$1 {
   var displayName: string;
 }
-//#endregion
-//#region src/primitives/heading.d.ts
 /** Preserve the existing public type's required visual role and children.
  * The binding above remains UI's object, without a local render function.
  */
@@ -26,5 +23,4 @@ interface HeadingProps extends Omit<HTMLAttributes<HTMLElement>, "role"> {
 type SectionTitleProps = Pick<PageHeaderProps, "title" | "description" | "action" | "className">;
 /** Compatibility name for the canonical nested (h2) page header. */
 declare function SectionTitle(props: SectionTitleProps): import("react").JSX.Element;
-//#endregion
 export { LogoProps as a, Logo$1 as i, SectionTitle as n, TangleKnot$1 as o, SectionTitleProps as r, HeadingProps as t };

package/dist/{index-DvmZLMT1.d.ts → index-BbfWVtZq.d.ts}

@@ -1,7 +1,6 @@
 import { ButtonProps } from "@tangle-network/ui/primitives";
 import * as React$1 from "react";
 import { AuthHeader, AuthHeaderProps, GitHubLoginButton, GitHubLoginButtonProps, LoginLayout, LoginLayoutProps, SessionUser, UserMenu, UserMenuProps } from "@tangle-network/ui/auth";
-//#region src/auth/tangle-login-button.d.ts
 interface TangleLoginButtonProps extends Omit<ButtonProps, "onClick"> {
   /**
    * Consumer-app endpoint that starts the cross-site SSO flow. The
@@ -26,5 +25,4 @@ interface TangleLoginButtonProps extends Omit<ButtonProps, "onClick"> {
  * server owns the platform URL construction.
  */
 declare function TangleLoginButton({ authUrl, variant, className, children, ...props }: TangleLoginButtonProps): React$1.JSX.Element;
-//#endregion
 export { LoginLayout as a, UserMenu as c, TangleLoginButtonProps as d, GitHubLoginButtonProps as i, UserMenuProps as l, AuthHeaderProps as n, LoginLayoutProps as o, GitHubLoginButton as r, SessionUser as s, AuthHeader as t, TangleLoginButton as u };

package/dist/index-C5h5T0nb.d.ts

@@ -0,0 +1,91 @@
+import { ReactNode } from "react";
+import { ApprovalCard, ApprovalCardProps, ApprovalDiffFile, ApprovalDiffSummary, ApprovalPlanStep, ExpandedToolDetail, ExpandedToolDetailProps, FeedSegment, InlineThinkingItem as InlineThinkingItem$1, InlineThinkingItemProps, InlineToolItem, InlineToolItemProps, LiveDuration, RunGroup, RunGroupProps, RunPhase, RunPhaseList, RunRowShell, RunRowShellProps, RunRowStatus, RunRowStatusDot, TaskList, TaskListItem, TaskListProps, TaskStatus, ToolCallData, ToolCallData as ToolCallData$1, ToolCallFeed, ToolCallFeedProps, ToolCallStatus, ToolCallType, parseToolEvent, showsTaskPriority, taskProgress, taskStatus } from "@tangle-network/ui/run";
+import { FlowWaterfallProps } from "@tangle-network/charts/react";
+import { FlowMarker, FlowSpan, FlowTrace } from "@tangle-network/charts";
+/** Agent and model spans show their lab/host mark; tool spans show their provider's mark. Unknown keeps the kind glyph. */
+declare function traceSpanMark(span: FlowSpan): ReactNode;
+type TraceWaterfallProps = FlowWaterfallProps;
+/**
+ * The run inspector: the agent timeline (`defaultView="agents"`) and the span waterfall over one clock, from
+ * `@tangle-network/charts`, with Sandbox UI's brand marks. Feed it `otlpFlowTrace(spans)` from the
+ * `traces convert` contract. Import `@tangle-network/charts/react/flow-waterfall.css` once.
+ */
+declare function TraceWaterfall({ renderIcon, ...props }: TraceWaterfallProps): import("react").JSX.Element;
+/** A moment on the run's event track: a release, a check verdict, a spawn, a crash or a steer. */
+interface TraceEvent extends FlowMarker {}
+interface TraceWorkspaceProps extends Omit<TraceWaterfallProps, "trace" | "markers" | "onSelect" | "onTimeChange" | "selectedId" | "onDeselect"> {
+  trace: FlowTrace;
+  /** The selected agent's message stream (Server-Sent Events: rows, reset, end; reconnects with ?after=lastSeq). */
+  streamUrl?: (agentId: string) => string;
+  events?: TraceEvent[];
+  /** The time the reader moved to, in trace ms; null while following live or showing the whole run. */
+  onTimeChange?: (t: number | null) => void;
+  /**
+   * The code workspace as of the cursor and scoped to the selected agent, usually a WorkspaceFilesPane: the page answers
+   * the as-of query. It spans the full width and at least 70% of the viewport. Keep its key on the commit so a scrub
+   * keeps its state.
+   */
+  files?: ReactNode;
+  /** The scoreboard as of the cursor, under the code workspace; omitted when not given. */
+  scoreboard?: ReactNode;
+  selectedAgentId?: string;
+  /** Called with the agent the reader selected, or undefined when they close its drawer or press Escape. */
+  onSelectAgent?: (agentId: string | undefined) => void;
+  className?: string;
+}
+/**
+ * The run workspace: the agent timeline and span waterfall over one clock, the selected agent's conversation
+ * streaming in a right-hand drawer, and the page's code workspace and scoreboard following the time cursor. Scrubbing is time travel:
+ * every panel shows what was true at the cursor, and the conversation shows what had been said by then.
+ */
+declare function TraceWorkspace({ trace, streamUrl, events, onTimeChange, files, scoreboard, selectedAgentId, onSelectAgent, className, ...waterfall }: TraceWorkspaceProps): import("react").JSX.Element;
+/** One row of an agent's message stream (tangle-tools `/api/discovery/runs/<run>/agents/<agent>/stream`). */
+interface AgentStreamRow {
+  seq: number;
+  /** ISO time the event happened. */
+  at: string;
+  stream?: string;
+  attempt?: number;
+  event: {
+    kind: "text" | "reasoning" | "tool-call" | "tool-result" | "user" | (string & {});
+    text?: string;
+    toolCallId?: string;
+    toolName?: string;
+    args?: unknown;
+    result?: unknown;
+  };
+}
+/** A transcript entry with the time it began, so a time cursor can show the conversation as of any moment. */
+type AgentTranscriptEntry = {
+  id: string;
+  at: number;
+  kind: "message";
+  role: "assistant" | "user";
+  content: string;
+} | {
+  id: string;
+  at: number;
+  kind: "reasoning";
+  text: string;
+} | {
+  id: string;
+  at: number;
+  kind: "tool";
+  call: ToolCallData;
+};
+interface AgentStreamState {
+  generation?: string | number;
+  entries: AgentTranscriptEntry[];
+  lastSeq: number;
+  /** The agent is still producing output. */
+  alive: boolean;
+  error?: string;
+}
+/** Fold stream rows into transcript entries: text of one turn merges, a tool call becomes a row its result completes. */
+declare function foldAgentRows(entries: AgentTranscriptEntry[], rows: readonly AgentStreamRow[]): AgentTranscriptEntry[];
+/**
+ * Follow one agent's message stream over Server-Sent Events: `rows`, `reset` and `end` events, reconnecting with
+ * `?after=<lastSeq>` when the server closes the connection, so a long turn streams without gaps or repeats.
+ */
+declare function useAgentStream(url: string | undefined): AgentStreamState;
+export { ToolCallType as A, TraceEvent as B, TaskListItem as C, ToolCallFeed as D, ToolCallData$1 as E, AgentStreamRow as F, traceSpanMark as G, TraceWorkspaceProps as H, AgentStreamState as I, AgentTranscriptEntry as L, showsTaskPriority as M, taskProgress as N, ToolCallFeedProps as O, taskStatus as P, foldAgentRows as R, TaskList as S, TaskStatus as T, TraceWaterfall as U, TraceWorkspace as V, TraceWaterfallProps as W, RunPhaseList as _, ApprovalPlanStep as a, RunRowStatus as b, FeedSegment as c, InlineToolItem as d, InlineToolItemProps as f, RunPhase as g, RunGroupProps as h, ApprovalDiffSummary as i, parseToolEvent as j, ToolCallStatus as k, InlineThinkingItem$1 as l, RunGroup as m, ApprovalCardProps as n, ExpandedToolDetail as o, LiveDuration as p, ApprovalDiffFile as r, ExpandedToolDetailProps as s, ApprovalCard as t, InlineThinkingItemProps as u, RunRowShell as v, TaskListProps as w, RunRowStatusDot as x, RunRowShellProps as y, useAgentStream as z };

package/dist/{index-ByzdHyte.d.ts → index-CvtEhIpk.d.ts}

@@ -1,9 +1,9 @@
-import { g as ExposedPort } from "./index-AVDzT8Jw.js";
+import { g as ExposedPort } from "./index-DRDtTgb0.js";
 import { D as RichFileTreeGitStatus, E as RichFileTreeGitEntry } from "./index-BoHOpP2_.js";
-import { a as PreviewReadiness, i as PreviewAccess } from "./embedded-app-view-B_vMTtJn.js";
+import "./diff-view-DDHWtR6X.js";
+import { a as PreviewReadiness, i as PreviewAccess } from "./embedded-app-view-Ta5GI4hx.js";
 import * as React$1 from "react";
 import { CSSProperties } from "react";
-//#region src/workbench/types.d.ts
 /** Which surface the artifact pane is currently showing. */
 type ArtifactView = "code" | "diff" | "preview" | "ports" | "terminal";
 /**
@@ -114,8 +114,6 @@ interface ChangesPaneProps {
   onOpenFile?: (path: string) => void;
   className?: string;
 }
-//#endregion
-//#region src/workbench/sandbox-artifact-pane.d.ts
 /**
  * Blueprint-grade artifact workbench. Composes the sandbox-ui substrate
  * (`RichFileTree`, `PortsList`, `TerminalView`, `@pierre/diffs`) behind a
@@ -125,8 +123,6 @@ interface ChangesPaneProps {
  * chrome never shows a dead surface.
  */
 declare function SandboxArtifactPane({ artifact, paths, gitStatus, showTree, ports, previewUrl, terminal, activeView, defaultView, onViewChange, onFileSelect, onExposePort, onRemovePort, className, style }: SandboxArtifactPaneProps): React$1.JSX.Element;
-//#endregion
-//#region src/workbench/changes-pane.d.ts
 /**
  * The sandbox's git working tree as a review surface: every changed file with
  * its line counts, the selected file's word-level diff beneath, and a commit
@@ -141,8 +137,6 @@ declare function SandboxArtifactPane({ artifact, paths, gitStatus, showTree, por
  * second tall bar.
  */
 declare function ChangesPane({ branch, ahead, behind, files, selectedPath, onSelectFile, loading, error, onRefresh, onCommit, onPush, busy, onOpenFile, className }: ChangesPaneProps): React$1.JSX.Element;
-//#endregion
-//#region src/workbench/pill-tabs.d.ts
 interface PillTabItem<T extends string> {
   value: T;
   label: string;
@@ -166,8 +160,6 @@ interface PillTabsProps<T extends string> {
  * sandbox-ui surface ladder.
  */
 declare function PillTabs<T extends string>({ items, value, onChange, className, "aria-label": ariaLabel, idPrefix, panelId }: PillTabsProps<T>): React$1.JSX.Element;
-//#endregion
-//#region src/workbench/diff-utils.d.ts
 interface DiffStats {
   added: number;
   removed: number;
@@ -189,8 +181,6 @@ declare function computeDiffStats(original: string, current: string): DiffStats;
  * yield an empty string so callers can treat "" as "no diff".
  */
 declare function buildUnifiedPatch(filename: string, baseline: string, current: string): string;
-//#endregion
-//#region src/workbench/panel-header.d.ts
 declare function GitStatusBadge({ status }: {
   status: RichFileTreeGitStatus;
 }): React$1.JSX.Element;
@@ -217,8 +207,6 @@ interface PanelHeaderProps {
  * horizontal rhythm), retoned to the sandbox-ui surface ladder.
  */
 declare function PanelHeader({ filename, gitStatus, stats, copyText, children, className }: PanelHeaderProps): React$1.JSX.Element;
-//#endregion
-//#region src/workbench/file-breadcrumb.d.ts
 interface FileBreadcrumbProps {
   /** Canonical path, e.g. `src/lib/retry.ts`. */
   path: string;
@@ -232,8 +220,6 @@ interface FileBreadcrumbProps {
  * segments with a file-icon leaf.
  */
 declare function FileBreadcrumb({ path, className }: FileBreadcrumbProps): React$1.JSX.Element;
-//#endregion
-//#region src/workbench/code-view.d.ts
 interface CodeViewProps {
   path: string;
   filename: string;
@@ -245,6 +231,10 @@ interface CodeViewProps {
   onFileSelect?: (path: string) => void;
   /** Show the file-tree rail. Off for single-file embeds where the host owns navigation. */
   showTree?: boolean;
+  /** Start with long lines wrapped. */
+  defaultWrap?: boolean;
+  /** Defaults to the host's Brand theme. */
+  themeType?: "light" | "dark";
   className?: string;
 }
 /**
@@ -253,30 +243,7 @@ interface CodeViewProps {
  * view. The rail owns navigation; selecting a path fans out to `onFileSelect`
  * so the host can swap the active artifact.
  */
-declare function CodeView({ path, filename, content, language, paths, gitStatus, onFileSelect, showTree, className }: CodeViewProps): React$1.JSX.Element;
-//#endregion
-//#region src/workbench/diff-view.d.ts
-interface DiffViewProps {
-  filename: string;
-  baseline: string;
-  current: string;
-  /** Hide when the surrounding PanelHeader already identifies the file. */
-  showFileHeader?: boolean;
-  /** Start wrapped so narrow review panes never conceal the end of a line. */
-  defaultWrap?: boolean;
-  /** Match the host app's selected theme. Defaults to dark for existing consumers. */
-  themeType?: "light" | "dark";
-  className?: string;
-}
-/**
- * Keep the maintained renderer for hunking, word diffs and highlighting. A new
- * custom element per effect survives StrictMode remounts without hydrating stale
- * shadow content. Wrapping is a renderer option, not a CSS patch into its shadow
- * root; the plain patch disclosure is the accessible, engine-independent view.
- */
-declare function DiffView({ filename, baseline, current, showFileHeader, defaultWrap, themeType, className }: DiffViewProps): React$1.JSX.Element;
-//#endregion
-//#region src/workbench/preview-view.d.ts
+declare function CodeView({ path, filename, content, language, paths, gitStatus, onFileSelect, showTree, defaultWrap, themeType, className }: CodeViewProps): React$1.JSX.Element;
 interface PreviewViewProps {
   /** A product-authorized preview URL. Relative navigation stays on its origin. */
   url: string;
@@ -295,23 +262,29 @@ interface PreviewViewProps {
   className?: string;
 }
 declare function PreviewView({ url, allowedOrigins, access, readiness, onCheckReadiness, onNavigate, variant, title, toolbarActions, className }: PreviewViewProps): React$1.JSX.Element;
-//#endregion
-//#region src/workbench/syntax.d.ts
-/** Resolve a Prism language id from an explicit hint or the filename. */
-declare function resolveLanguage(filename: string, explicit?: string): string;
-declare const BRAND_PRISM_THEME: Record<string, CSSProperties>;
+/** The one code theme: CodeSurface and DiffView share @pierre/diffs' Shiki highlighter and these themes. */
+declare const CODE_THEME: {
+  readonly dark: "github-dark";
+  readonly light: "github-light";
+};
 interface CodeSurfaceProps {
   code: string;
+  /** Names the file and picks its grammar: every Shiki language, loaded on first use. */
   filename: string;
+  /** A Shiki language id that overrides the filename, such as `rust` for a file without an extension. */
   language?: string;
   showLineNumbers?: boolean;
+  /** Wrap long lines inside the pane instead of scrolling sideways. */
+  wrap?: boolean;
+  /** A 1-based line to select and scroll into view. */
+  line?: number;
+  /** Defaults to the host's Brand theme. */
+  themeType?: "light" | "dark";
   className?: string;
 }
 /**
- * Read-only, brand-themed code renderer. Wrapped in a scroll container so the
- * highlighter itself never grows the layout; line numbers sit in a muted,
- * tabular column.
+ * Read-only code renderer on @pierre/diffs' `File`, the same Shiki highlighter and theme as DiffView. A new
+ * custom element per render survives StrictMode remounts; the surrounding element owns scrolling.
  */
-declare function CodeSurface({ code, filename, language, showLineNumbers, className }: CodeSurfaceProps): React$1.JSX.Element;
-//#endregion
-export { SandboxArtifactTerminal as A, ChangesPane as C, ChangesPaneProps as D, ChangedFile as E, SandboxArtifact as O, PillTabsProps as S, ArtifactView as T, DiffStats as _, PreviewView as a, PillTabItem as b, DiffViewProps as c, FileBreadcrumb as d, FileBreadcrumbProps as f, PanelHeaderProps as g, PanelHeader as h, resolveLanguage as i, SandboxArtifactPaneProps as k, CodeView as l, GitStatusBadge as m, CodeSurface as n, PreviewViewProps as o, DiffStatsBadge as p, CodeSurfaceProps as r, DiffView as s, BRAND_PRISM_THEME as t, CodeViewProps as u, buildUnifiedPatch as v, SandboxArtifactPane as w, PillTabs as x, computeDiffStats as y };
+declare function CodeSurface({ code, filename, language, showLineNumbers, wrap, line, themeType, className }: CodeSurfaceProps): React$1.JSX.Element;
+export { ChangedFile as C, SandboxArtifactTerminal as D, SandboxArtifactPaneProps as E, ArtifactView as S, SandboxArtifact as T, PillTabItem as _, PreviewViewProps as a, ChangesPane as b, FileBreadcrumb as c, GitStatusBadge as d, PanelHeader as f, computeDiffStats as g, buildUnifiedPatch as h, PreviewView as i, FileBreadcrumbProps as l, DiffStats as m, CodeSurface as n, CodeView as o, PanelHeaderProps as p, CodeSurfaceProps as r, CodeViewProps as s, CODE_THEME as t, DiffStatsBadge as u, PillTabs as v, ChangesPaneProps as w, SandboxArtifactPane as x, PillTabsProps as y };

package/dist/{index-ClRHbsoX.d.ts → index-DLX35YAa.d.ts}

@@ -1,5 +1,4 @@
 import * as React$1 from "react";
-//#region src/connections/agent-messaging-connection.d.ts
 /** Safe display fields for a host-resolved, authorized private agent target. */
 interface AgentTargetSummary {
   agentLabel: string;
@@ -57,5 +56,4 @@ interface AgentMessagingConnectionProps {
   className?: string;
 }
 declare function AgentMessagingConnection({ enrollment, route, onEnroll, onOpenMessages, onRetry, className }: AgentMessagingConnectionProps): React$1.JSX.Element;
-//#endregion
 export { SharedMessagingRouteViewState as a, AgentTargetSummary as i, AgentMessagingConnection as n, AgentMessagingConnectionProps as r, AgentEnrollmentViewState as t };