@tangle-network/sandbox-ui 0.132.2 → 0.133.0

package/dist/{chat-Cc6pWroz.js → chat-DRkKyE8E.js}

@@ -4,7 +4,7 @@ import * as React$1 from "react";
 import { createPortal } from "react-dom";
 import { Bot, Brain, Check, ChevronDown, Lock, Pencil, Plus, Send, Sparkles, Square, Trash2, X } from "lucide-react";
 import { focusField, focusRing } from "@tangle-network/ui/utils";
-import { AgentTimeline, ChatContainer as ChatContainer$1, ChatMessage, ChatMessage as ChatMessage$1, MessageAuthor, MessageList, ThinkingIndicator, UserMessage, isViewerMessage } from "@tangle-network/ui/chat";
+import { AgentTimeline, ChatContainer as ChatContainer$1, ChatMessage, ChatMessage as ChatMessage$1, MessageAuthor, MessageList, TRANSCRIPT_TEXT, ThinkingIndicator, UserMessage, isViewerMessage } from "@tangle-network/ui/chat";
 import { modelProvider, reasoningLadder, snapHarnessToModel } from "@tangle-network/agent-interface";
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
 //#region src/chat/reasoning-level-picker.tsx
@@ -802,4 +802,4 @@ function ArtifactAgentDock({ scope, open, onOpenChange, transport, defaultPrompt
 	});
 }
 //#endregion
-export { MessageList as a, isViewerMessage as c, snapHarnessToModel as d, AgentProfilePicker as f, ReasoningLevelPicker as h, MessageAuthor as i, ArtifactAgentDock as l, HARNESS_REASONING_OPTIONS as m, ChatContainer$1 as n, ThinkingIndicator as o, DEFAULT_REASONING_LEVEL_OPTIONS as p, ChatMessage$1 as r, UserMessage as s, AgentTimeline as t, modelProvider as u };
+export { MessageList as a, UserMessage as c, modelProvider as d, snapHarnessToModel as f, ReasoningLevelPicker as g, HARNESS_REASONING_OPTIONS as h, MessageAuthor as i, isViewerMessage as l, DEFAULT_REASONING_LEVEL_OPTIONS as m, ChatContainer$1 as n, TRANSCRIPT_TEXT as o, AgentProfilePicker as p, ChatMessage$1 as r, ThinkingIndicator as s, AgentTimeline as t, ArtifactAgentDock as u };

package/dist/chat.d.ts

@@ -1,2 +1,2 @@
-import { A as ArtifactDockStreamEvent, B as DEFAULT_REASONING_LEVEL_OPTIONS, C as UserMessage, D as ArtifactAgentDockProps, E as ArtifactAgentDock, F as AgentProfileCapability, G as ReasoningLevelPickerProps, H as ReasoningLevel, I as AgentProfileDraft, L as AgentProfileOption, M as ArtifactScope, N as modelProvider, O as ArtifactAgentDockTransport, P as snapHarnessToModel, R as AgentProfilePicker, S as ThinkingIndicatorProps, T as isViewerMessage, U as ReasoningLevelOption, V as HARNESS_REASONING_OPTIONS, W as ReasoningLevelPicker, _ as MessageAuthorProps, a as AgentTimelineMessageItem, b as MessageRole, c as AgentTimelineTone, d as ChatAuthor, f as ChatContainer, g as MessageAuthor, h as ChatMessageProps, i as AgentTimelineItem, j as ArtifactKind, k as ArtifactDockMessage, l as AgentTimelineToolGroupItem, m as ChatMessage, n as AgentTimelineArtifactItem, o as AgentTimelineProps, p as ChatContainerProps, r as AgentTimelineCustomItem, s as AgentTimelineStatusItem, t as AgentTimeline, u as AgentTimelineToolItem, v as MessageList, w as UserMessageProps, x as ThinkingIndicator, y as MessageListProps, z as AgentProfilePickerProps } from "./index-DeJpBMFX.js";
-export { type AgentProfileCapability, type AgentProfileDraft, type AgentProfileOption, AgentProfilePicker, type AgentProfilePickerProps, AgentTimeline, type AgentTimelineArtifactItem, type AgentTimelineCustomItem, type AgentTimelineItem, type AgentTimelineMessageItem, type AgentTimelineProps, type AgentTimelineStatusItem, type AgentTimelineTone, type AgentTimelineToolGroupItem, type AgentTimelineToolItem, ArtifactAgentDock, type ArtifactAgentDockProps, type ArtifactAgentDockTransport, type ArtifactDockMessage, type ArtifactDockStreamEvent, type ArtifactKind, type ArtifactScope, type ChatAuthor, ChatContainer, type ChatContainerProps, ChatMessage, type ChatMessageProps, DEFAULT_REASONING_LEVEL_OPTIONS, HARNESS_REASONING_OPTIONS, MessageAuthor, type MessageAuthorProps, MessageList, type MessageListProps, type MessageRole, type ReasoningLevel, type ReasoningLevelOption, ReasoningLevelPicker, type ReasoningLevelPickerProps, ThinkingIndicator, type ThinkingIndicatorProps, UserMessage, type UserMessageProps, isViewerMessage, modelProvider, snapHarnessToModel };
+import { A as ArtifactDockMessage, B as AgentProfilePickerProps, C as ThinkingIndicatorProps, D as ArtifactAgentDock, E as isViewerMessage, F as snapHarnessToModel, G as ReasoningLevelPicker, H as HARNESS_REASONING_OPTIONS, I as AgentProfileCapability, K as ReasoningLevelPickerProps, L as AgentProfileDraft, M as ArtifactKind, N as ArtifactScope, O as ArtifactAgentDockProps, P as modelProvider, R as AgentProfileOption, S as ThinkingIndicator, T as UserMessageProps, U as ReasoningLevel, V as DEFAULT_REASONING_LEVEL_OPTIONS, W as ReasoningLevelOption, _ as MessageAuthorProps, a as AgentTimelineMessageItem, b as MessageRole, c as AgentTimelineTone, d as ChatAuthor, f as ChatContainer, g as MessageAuthor, h as ChatMessageProps, i as AgentTimelineItem, j as ArtifactDockStreamEvent, k as ArtifactAgentDockTransport, l as AgentTimelineToolGroupItem, m as ChatMessage, n as AgentTimelineArtifactItem, o as AgentTimelineProps, p as ChatContainerProps, r as AgentTimelineCustomItem, s as AgentTimelineStatusItem, t as AgentTimeline, u as AgentTimelineToolItem, v as MessageList, w as UserMessage, x as TRANSCRIPT_TEXT, y as MessageListProps, z as AgentProfilePicker } from "./index-04xUKbln.js";
+export { type AgentProfileCapability, type AgentProfileDraft, type AgentProfileOption, AgentProfilePicker, type AgentProfilePickerProps, AgentTimeline, type AgentTimelineArtifactItem, type AgentTimelineCustomItem, type AgentTimelineItem, type AgentTimelineMessageItem, type AgentTimelineProps, type AgentTimelineStatusItem, type AgentTimelineTone, type AgentTimelineToolGroupItem, type AgentTimelineToolItem, ArtifactAgentDock, type ArtifactAgentDockProps, type ArtifactAgentDockTransport, type ArtifactDockMessage, type ArtifactDockStreamEvent, type ArtifactKind, type ArtifactScope, type ChatAuthor, ChatContainer, type ChatContainerProps, ChatMessage, type ChatMessageProps, DEFAULT_REASONING_LEVEL_OPTIONS, HARNESS_REASONING_OPTIONS, MessageAuthor, type MessageAuthorProps, MessageList, type MessageListProps, type MessageRole, type ReasoningLevel, type ReasoningLevelOption, ReasoningLevelPicker, type ReasoningLevelPickerProps, TRANSCRIPT_TEXT, ThinkingIndicator, type ThinkingIndicatorProps, UserMessage, type UserMessageProps, isViewerMessage, modelProvider, snapHarnessToModel };

package/dist/chat.js

@@ -1,2 +1,2 @@
-import { a as MessageList, c as isViewerMessage, d as snapHarnessToModel, f as AgentProfilePicker, h as ReasoningLevelPicker, i as MessageAuthor, l as ArtifactAgentDock, m as HARNESS_REASONING_OPTIONS, n as ChatContainer, o as ThinkingIndicator, p as DEFAULT_REASONING_LEVEL_OPTIONS, r as ChatMessage, s as UserMessage, t as AgentTimeline, u as modelProvider } from "./chat-Cc6pWroz.js";
-export { AgentProfilePicker, AgentTimeline, ArtifactAgentDock, ChatContainer, ChatMessage, DEFAULT_REASONING_LEVEL_OPTIONS, HARNESS_REASONING_OPTIONS, MessageAuthor, MessageList, ReasoningLevelPicker, ThinkingIndicator, UserMessage, isViewerMessage, modelProvider, snapHarnessToModel };
+import { a as MessageList, c as UserMessage, d as modelProvider, f as snapHarnessToModel, g as ReasoningLevelPicker, h as HARNESS_REASONING_OPTIONS, i as MessageAuthor, l as isViewerMessage, m as DEFAULT_REASONING_LEVEL_OPTIONS, n as ChatContainer, o as TRANSCRIPT_TEXT, p as AgentProfilePicker, r as ChatMessage, s as ThinkingIndicator, t as AgentTimeline, u as ArtifactAgentDock } from "./chat-DRkKyE8E.js";
+export { AgentProfilePicker, AgentTimeline, ArtifactAgentDock, ChatContainer, ChatMessage, DEFAULT_REASONING_LEVEL_OPTIONS, HARNESS_REASONING_OPTIONS, MessageAuthor, MessageList, ReasoningLevelPicker, TRANSCRIPT_TEXT, ThinkingIndicator, UserMessage, isViewerMessage, modelProvider, snapHarnessToModel };

package/dist/{dashboard-De9PJUjT.js → dashboard-ByNeu9gf.js}

@@ -1,5 +1,6 @@
 import { b as Button$1, sr as Logo } from "./primitives-KFAPbGBD.js";
 import { t as cn$1 } from "./utils-DzWbktWG.js";
+import { r as ShellHeader } from "./shell-header-CTh3oV_e.js";
 import { n as MOTION_SURFACE, r as MOTION_TRAVEL, t as MOTION_CONTROL } from "./motion-DkyBRJb9.js";
 import { i as moonshot_default } from "./model-brand-hMyDTUqB.js";
 import "./page-layout-2IRtfx51.js";
@@ -322,7 +323,8 @@ function PanelToggleButton({ collapsed, onToggle, className }) {
 * box) so the collapse affordance is discoverable without spending rail width.
 * With no `brand` but `children`, the collapsed rail falls back to `children` —
 * the consumer's header content is then the only mark it has.
-* Renders its own `h-14` bordered bar — drop it in at the top of {@link SidebarRail}.
+* Renders a bordered `ShellHeader` row, so its divider is the line every main-pane
+* header meets — drop it in at the top of {@link SidebarRail}.
 */
 /**
 * React renders nothing for `null`, `undefined`, booleans, empty (or
@@ -352,8 +354,9 @@ function RailHeader({ brand, brandHref, children, collapsed, onToggle, collapsib
 		className: "flex items-center justify-center p-1",
 		children: brand
 	});
-	return /* @__PURE__ */ jsx("div", {
-		className: cn$1("flex h-14 shrink-0 items-center border-b border-[var(--md3-outline-variant)]", collapsed ? "justify-center px-2" : "gap-2 px-3", className),
+	return /* @__PURE__ */ jsx(ShellHeader, {
+		divider: false,
+		className: cn$1("border-b border-[var(--md3-outline-variant)] bg-transparent", collapsed ? "justify-center px-2" : "gap-2 px-3", className),
 		children: collapsed ? !hasBrand && hasChildren ? /* @__PURE__ */ jsxs("div", {
 			className: "relative flex min-w-0 items-center justify-center",
 			children: [children, collapsible && /* @__PURE__ */ jsx(PanelToggleButton, {
@@ -850,8 +853,9 @@ function SidebarPanel({ children, className }) {
 	});
 }
 function SidebarPanelHeader({ children, title, className }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn$1("flex h-14 items-center px-4 border-b border-[var(--md3-outline-variant)] shrink-0", className),
+	return /* @__PURE__ */ jsx(ShellHeader, {
+		divider: false,
+		className: cn$1("border-b border-[var(--md3-outline-variant)] bg-transparent px-4", className),
 		children: children ?? /* @__PURE__ */ jsx("h2", {
 			className: "text-sm font-semibold text-foreground",
 			children: title
@@ -2761,6 +2765,26 @@ const HIDE_BELOW_CLASS = {
 	md: "max-md:hidden",
 	lg: "max-lg:hidden"
 };
+/** The width at which each `hideBelow` breakpoint shows the rail again. */
+const DESKTOP_QUERY = {
+	md: "(min-width: 48rem)",
+	lg: "(min-width: 64rem)"
+};
+/**
+* Whether the rail is showing. A host without matchMedia (jsdom, an old
+* embedded webview) and the server both count as desktop.
+*/
+function useRailVisible(hideBelow) {
+	const query = hideBelow ? DESKTOP_QUERY[hideBelow] : void 0;
+	const subscribe = React$1.useCallback((onChange) => {
+		if (!query || typeof window.matchMedia !== "function") return () => {};
+		const media = window.matchMedia(query);
+		media.addEventListener("change", onChange);
+		return () => media.removeEventListener("change", onChange);
+	}, [query]);
+	const read = () => !query || typeof window.matchMedia !== "function" || window.matchMedia(query).matches;
+	return React$1.useSyncExternalStore(subscribe, read, () => true);
+}
 /** Inverse of {@link HIDE_BELOW_CLASS} — the mobile surfaces that stand in for
 *  the hidden rail show exactly where the rail does not. */
 const SHOW_BELOW_CLASS = {
@@ -2818,7 +2842,7 @@ function SidebarLayoutInner({ children, navItems, activeId, panel, logo, logoHre
 			return;
 		}
 		if (typeof window.matchMedia !== "function") return;
-		const desktop = window.matchMedia(hideBelow === "md" ? "(min-width: 48rem)" : "(min-width: 64rem)");
+		const desktop = window.matchMedia(DESKTOP_QUERY[hideBelow]);
 		const closeOnDesktop = () => {
 			if (desktop.matches) setMobileNavOpen(false);
 		};
@@ -2826,6 +2850,8 @@ function SidebarLayoutInner({ children, navItems, activeId, panel, logo, logoHre
 		desktop.addEventListener("change", closeOnDesktop);
 		return () => desktop.removeEventListener("change", closeOnDesktop);
 	}, [hideBelow, mobileNavOpen]);
+	const railVisible = useRailVisible(hideBelow);
+	const headerSlot = mobileNavOpen ? "drawer" : railVisible ? "rail" : "bar";
 	/**
 	* One nav list, rendered twice — once in the desktop rail, once in the mobile
 	* drawer. Sharing the renderer is the point: a product adds a destination to
@@ -2933,7 +2959,7 @@ function SidebarLayoutInner({ children, navItems, activeId, panel, logo, logoHre
 								onToggle: toggleRail,
 								collapsible: railLabels,
 								LinkComponent,
-								children: railHeaderContent
+								children: headerSlot === "rail" ? railHeaderContent : void 0
 							}),
 							/* @__PURE__ */ jsx(SidebarRailNav, {
 								className: cn$1(showLabels ? "px-2" : void 0, expandOnEmptyClick && "cursor-pointer"),
@@ -2962,8 +2988,10 @@ function SidebarLayoutInner({ children, navItems, activeId, panel, logo, logoHre
 				}),
 				/* @__PURE__ */ jsxs(SidebarContent, {
 					className: contentClassName,
-					children: [hideBelow && /* @__PURE__ */ jsxs("header", {
-						className: cn$1("flex h-14 shrink-0 items-center gap-1 border-b border-[var(--md3-outline-variant)] bg-surface px-2", SHOW_BELOW_CLASS[hideBelow]),
+					children: [hideBelow && /* @__PURE__ */ jsxs(ShellHeader, {
+						as: "header",
+						divider: false,
+						className: cn$1("gap-1 border-b border-[var(--md3-outline-variant)] bg-surface px-2", SHOW_BELOW_CLASS[hideBelow]),
 						children: [
 							/* @__PURE__ */ jsx(Dialog$1.Trigger, {
 								asChild: true,
@@ -2979,7 +3007,7 @@ function SidebarLayoutInner({ children, navItems, activeId, panel, logo, logoHre
 							}),
 							/* @__PURE__ */ jsx("div", {
 								className: "flex min-w-0 flex-1 items-center",
-								children: railHeaderContent ?? (logo !== void 0 ? /* @__PURE__ */ jsx(Link, {
+								children: (headerSlot === "bar" ? railHeaderContent : void 0) ?? (logo !== void 0 ? /* @__PURE__ */ jsx(Link, {
 									href: logoHref,
 									to: logoHref,
 									className: "flex min-w-0 items-center",
@@ -3045,8 +3073,9 @@ function MobileNavDrawer({ breakpoint, header, footer, panel, children }) {
 				className: "sr-only",
 				children: "Navigation"
 			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex h-14 shrink-0 items-center gap-1 border-b border-[var(--md3-outline-variant)] px-2",
+			/* @__PURE__ */ jsxs(ShellHeader, {
+				divider: false,
+				className: "gap-1 border-b border-[var(--md3-outline-variant)] bg-transparent px-2",
 				children: [/* @__PURE__ */ jsx("div", {
 					className: "flex min-w-0 flex-1 items-center",
 					children: header

package/dist/dashboard.d.ts

@@ -1,4 +1,4 @@
-import { $ as SandboxTable, $t as Sidebar, A as MetricChartPoint, At as SIDEBAR_TOTAL_WIDTH, B as ProductVariant, Bt as RailButton, C as UsageSummary, Ct as OutOfCreditsModal, D as SystemLogsViewerProps, Dt as SIDEBAR_PANEL_WIDTH, E as SystemLogsViewer, Et as SIDEBAR_MOBILE_WIDTH, F as SidebarLayoutProps, Ft as RailTooltipProps, G as HARNESS_OPTIONS, Gt as RailFlyout, H as HarnessBrand, Ht as RailExpandable, I as DashboardLayout, It as McpServer, J as HarnessType, Jt as RailHeaderProps, K as HarnessPicker, Kt as RailFlyoutProps, L as DashboardLayoutProps, Lt as AppearanceController, M as SidebarLayout, Mt as SidebarProviderProps, N as SidebarLayoutFlyoutItem, Nt as useSidebar, O as MetricAreaChart, Ot as SIDEBAR_RAIL_LABELED_WIDTH, P as SidebarLayoutNavItem, Pt as RailTooltip, Q as BackendSelectorProps, Qt as RailSeparatorProps, R as DashboardUser, Rt as ProfileAvatar, S as GitStatusData, St as InsufficientBalance, T as UsageSummaryProps, Tt as parseInsufficientBalance, U as HarnessLogo, Ut as RailExpandableProps, V as HARNESS_BRAND, Vt as RailButtonProps, W as HarnessLogoProps, Wt as RailExpandableSubItem, X as Backend, Xt as RailModeButtonProps, Y as chatCapableHarnesses, Yt as RailModeButton, Z as BackendSelector, Zt as RailSeparator, _ as PortsList, _t as ResourceSnapshotItem, a as PromoBanner, an as SidebarPanelHeader, at as NewSandboxCard, b as GitPanel, bt as ResourceMeterProps, c as SnapshotList, cn as SidebarProps, ct as SandboxCardData, d as ProcessList, dn as SidebarRailFooterProps, dt as TeamRole, en as SidebarContent, et as SandboxTableProps, f as ProcessListProps, fn as SidebarRailNav, ft as canAdminSandbox, g as ExposedPort, gn as ThemeMode, gt as ResourceSnapshot, h as TemplateCardProps, hn as SidebarUser, ht as ActivityItem, i as SandboxPageShellProps, in as SidebarPanelContentProps, it as sandboxStatus, j as MetricChartTone, jt as SidebarProvider, k as MetricAreaChartProps, kt as SIDEBAR_RAIL_WIDTH, l as SnapshotListProps, ln as SidebarRail, lt as SandboxCardProps, m as TemplateCardData, mn as SidebarRailProps, mt as ActivityFeedProps, n as DashboardPageHeaderProps, nn as SidebarPanel, nt as SandboxStatusPill, o as PromoBannerProps, on as SidebarPanelHeaderProps, ot as NewSandboxCardProps, p as TemplateCard, pn as SidebarRailNavProps, pt as ActivityFeed, q as HarnessPickerProps, qt as RailHeader, r as SandboxPageShell, rn as SidebarPanelContent, rt as SandboxStatusPillProps, s as SnapshotInfo, sn as SidebarPanelProps, st as SandboxCard, t as DashboardPageHeader, tn as SidebarContentProps, tt as SANDBOX_STATUS, u as ProcessInfo, un as SidebarRailFooter, ut as SandboxStatus, v as PortsListProps, vt as ResourceSnapshotProps, w as UsageSummaryData, wt as OutOfCreditsModalProps, x as GitPanelProps, xt as INSUFFICIENT_BALANCE_CODE, y as GitCommitData, yt as ResourceMeter, z as NavItem, zt as ProfileAvatarProps } from "./index-DTRXdurE.js";
+import { $ as SandboxTable, $t as Sidebar, A as MetricChartPoint, At as SIDEBAR_TOTAL_WIDTH, B as ProductVariant, Bt as RailButton, C as UsageSummary, Ct as OutOfCreditsModal, D as SystemLogsViewerProps, Dt as SIDEBAR_PANEL_WIDTH, E as SystemLogsViewer, Et as SIDEBAR_MOBILE_WIDTH, F as SidebarLayoutProps, Ft as RailTooltipProps, G as HARNESS_OPTIONS, Gt as RailFlyout, H as HarnessBrand, Ht as RailExpandable, I as DashboardLayout, It as McpServer, J as HarnessType, Jt as RailHeaderProps, K as HarnessPicker, Kt as RailFlyoutProps, L as DashboardLayoutProps, Lt as AppearanceController, M as SidebarLayout, Mt as SidebarProviderProps, N as SidebarLayoutFlyoutItem, Nt as useSidebar, O as MetricAreaChart, Ot as SIDEBAR_RAIL_LABELED_WIDTH, P as SidebarLayoutNavItem, Pt as RailTooltip, Q as BackendSelectorProps, Qt as RailSeparatorProps, R as DashboardUser, Rt as ProfileAvatar, S as GitStatusData, St as InsufficientBalance, T as UsageSummaryProps, Tt as parseInsufficientBalance, U as HarnessLogo, Ut as RailExpandableProps, V as HARNESS_BRAND, Vt as RailButtonProps, W as HarnessLogoProps, Wt as RailExpandableSubItem, X as Backend, Xt as RailModeButtonProps, Y as chatCapableHarnesses, Yt as RailModeButton, Z as BackendSelector, Zt as RailSeparator, _ as PortsList, _t as ResourceSnapshotItem, a as PromoBanner, an as SidebarPanelHeader, at as NewSandboxCard, b as GitPanel, bt as ResourceMeterProps, c as SnapshotList, cn as SidebarProps, ct as SandboxCardData, d as ProcessList, dn as SidebarRailFooterProps, dt as TeamRole, en as SidebarContent, et as SandboxTableProps, f as ProcessListProps, fn as SidebarRailNav, ft as canAdminSandbox, g as ExposedPort, gn as ThemeMode, gt as ResourceSnapshot, h as TemplateCardProps, hn as SidebarUser, ht as ActivityItem, i as SandboxPageShellProps, in as SidebarPanelContentProps, it as sandboxStatus, j as MetricChartTone, jt as SidebarProvider, k as MetricAreaChartProps, kt as SIDEBAR_RAIL_WIDTH, l as SnapshotListProps, ln as SidebarRail, lt as SandboxCardProps, m as TemplateCardData, mn as SidebarRailProps, mt as ActivityFeedProps, n as DashboardPageHeaderProps, nn as SidebarPanel, nt as SandboxStatusPill, o as PromoBannerProps, on as SidebarPanelHeaderProps, ot as NewSandboxCardProps, p as TemplateCard, pn as SidebarRailNavProps, pt as ActivityFeed, q as HarnessPickerProps, qt as RailHeader, r as SandboxPageShell, rn as SidebarPanelContent, rt as SandboxStatusPillProps, s as SnapshotInfo, sn as SidebarPanelProps, st as SandboxCard, t as DashboardPageHeader, tn as SidebarContentProps, tt as SANDBOX_STATUS, u as ProcessInfo, un as SidebarRailFooter, ut as SandboxStatus, v as PortsListProps, vt as ResourceSnapshotProps, w as UsageSummaryData, wt as OutOfCreditsModalProps, x as GitPanelProps, xt as INSUFFICIENT_BALANCE_CODE, y as GitCommitData, yt as ResourceMeter, z as NavItem, zt as ProfileAvatarProps } from "./index-DzxpFptj.js";
 import { a as modelBrandFor, i as canonicalModelId, n as ModelBrandStack, r as ModelInfo, t as ModelBrandIdentity } from "./model-brand-B9A4H9pJ.js";
 import { a as PricingPageProps, c as BillingBalance, d as BillingSubscription, f as BillingUsage, i as PricingPage, l as BillingDashboard, n as UsageChartProps, o as PricingTier, r as UsageDataPoint, s as formatPrice, t as UsageChart, u as BillingDashboardProps } from "./usage-chart-BjM8ShvX.js";
 export { ActivityFeed, type ActivityFeedProps, type ActivityItem, type AppearanceController, type Backend, BackendSelector, type BackendSelectorProps, type BillingBalance, BillingDashboard, type BillingDashboardProps, type BillingSubscription, type BillingUsage, DashboardLayout, type DashboardLayoutProps, DashboardPageHeader, type DashboardPageHeaderProps, type SnapshotInfo as DashboardSnapshotInfo, type DashboardUser, type ExposedPort, type GitCommitData, GitPanel, type GitPanelProps, type GitStatusData, HARNESS_BRAND, HARNESS_OPTIONS, type HarnessBrand, HarnessLogo, type HarnessLogoProps, HarnessPicker, type HarnessPickerProps, type HarnessType, INSUFFICIENT_BALANCE_CODE, type InsufficientBalance, type McpServer, MetricAreaChart, type MetricAreaChartProps, type MetricChartPoint, type MetricChartTone, type ModelBrandIdentity, ModelBrandStack, type ModelInfo, type NavItem, NewSandboxCard, type NewSandboxCardProps, OutOfCreditsModal, type OutOfCreditsModalProps, PortsList, type PortsListProps, PricingPage, type PricingPageProps, type PricingTier, type ProcessInfo, ProcessList, type ProcessListProps, type ProductVariant, ProfileAvatar, type ProfileAvatarProps, PromoBanner, type PromoBannerProps, RailButton, type RailButtonProps, RailExpandable, type RailExpandableProps, type RailExpandableSubItem, RailFlyout, type RailFlyoutProps, RailHeader, type RailHeaderProps, RailModeButton, type RailModeButtonProps, RailSeparator, type RailSeparatorProps, RailTooltip, type RailTooltipProps, ResourceMeter, type ResourceMeterProps, ResourceSnapshot, type ResourceSnapshotItem, type ResourceSnapshotProps, SANDBOX_STATUS, SIDEBAR_MOBILE_WIDTH, SIDEBAR_PANEL_WIDTH, SIDEBAR_RAIL_LABELED_WIDTH, SIDEBAR_RAIL_WIDTH, SIDEBAR_TOTAL_WIDTH, SandboxCard, type SandboxCardData, type SandboxCardProps, SandboxPageShell, type SandboxPageShellProps, type SandboxStatus, SandboxStatusPill, type SandboxStatusPillProps, SandboxTable, type SandboxTableProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarLayout, type SidebarLayoutFlyoutItem, type SidebarLayoutNavItem, type SidebarLayoutProps, SidebarPanel, SidebarPanelContent, type SidebarPanelContentProps, SidebarPanelHeader, type SidebarPanelHeaderProps, type SidebarPanelProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, SidebarRailFooter, type SidebarRailFooterProps, SidebarRailNav, type SidebarRailNavProps, type SidebarRailProps, type SidebarUser, SnapshotList, type SnapshotListProps, SystemLogsViewer, type SystemLogsViewerProps, type TeamRole, TemplateCard, type TemplateCardData, type TemplateCardProps, type ThemeMode, UsageChart, type UsageChartProps, type UsageDataPoint, UsageSummary, type UsageSummaryData, type UsageSummaryProps, canAdminSandbox, canonicalModelId, chatCapableHarnesses, formatPrice, modelBrandFor, parseInsufficientBalance, sandboxStatus, useSidebar };

package/dist/dashboard.js

@@ -1,4 +1,4 @@
-import { $ as useSidebar, A as parseInsufficientBalance, B as SidebarPanel, C as SandboxStatusPill, D as ResourceMeter, E as ResourceSnapshot, F as RailHeader, G as SidebarRailNav, H as SidebarPanelHeader, I as RailModeButton, J as SIDEBAR_PANEL_WIDTH, K as RailTooltip, L as RailSeparator, M as RailButton, N as RailExpandable, O as INSUFFICIENT_BALANCE_CODE, P as RailFlyout, Q as SidebarProvider, R as Sidebar, S as SANDBOX_STATUS, T as ActivityFeed, U as SidebarRail, V as SidebarPanelContent, W as SidebarRailFooter, X as SIDEBAR_RAIL_WIDTH, Y as SIDEBAR_RAIL_LABELED_WIDTH, Z as SIDEBAR_TOTAL_WIDTH, _ as BackendSelector, a as PortsList, b as SandboxCard, c as SystemLogsViewer, d as DashboardLayout, f as HARNESS_OPTIONS, g as HarnessLogo, h as HARNESS_BRAND, i as TemplateCard, j as ProfileAvatar, k as OutOfCreditsModal, l as MetricAreaChart, m as chatCapableHarnesses, n as SnapshotList, o as GitPanel, p as HarnessPicker, q as SIDEBAR_MOBILE_WIDTH, r as ProcessList, s as UsageSummary, t as PromoBanner, u as SidebarLayout, v as SandboxTable, w as sandboxStatus, x as canAdminSandbox, y as NewSandboxCard, z as SidebarContent } from "./dashboard-De9PJUjT.js";
+import { $ as useSidebar, A as parseInsufficientBalance, B as SidebarPanel, C as SandboxStatusPill, D as ResourceMeter, E as ResourceSnapshot, F as RailHeader, G as SidebarRailNav, H as SidebarPanelHeader, I as RailModeButton, J as SIDEBAR_PANEL_WIDTH, K as RailTooltip, L as RailSeparator, M as RailButton, N as RailExpandable, O as INSUFFICIENT_BALANCE_CODE, P as RailFlyout, Q as SidebarProvider, R as Sidebar, S as SANDBOX_STATUS, T as ActivityFeed, U as SidebarRail, V as SidebarPanelContent, W as SidebarRailFooter, X as SIDEBAR_RAIL_WIDTH, Y as SIDEBAR_RAIL_LABELED_WIDTH, Z as SIDEBAR_TOTAL_WIDTH, _ as BackendSelector, a as PortsList, b as SandboxCard, c as SystemLogsViewer, d as DashboardLayout, f as HARNESS_OPTIONS, g as HarnessLogo, h as HARNESS_BRAND, i as TemplateCard, j as ProfileAvatar, k as OutOfCreditsModal, l as MetricAreaChart, m as chatCapableHarnesses, n as SnapshotList, o as GitPanel, p as HarnessPicker, q as SIDEBAR_MOBILE_WIDTH, r as ProcessList, s as UsageSummary, t as PromoBanner, u as SidebarLayout, v as SandboxTable, w as sandboxStatus, x as canAdminSandbox, y as NewSandboxCard, z as SidebarContent } from "./dashboard-ByNeu9gf.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 SandboxPageShell, o as BillingDashboard, r as UsageChart, t as DashboardPageHeader } from "./page-layout-2IRtfx51.js";
 export { ActivityFeed, BackendSelector, BillingDashboard, DashboardLayout, DashboardPageHeader, GitPanel, HARNESS_BRAND, HARNESS_OPTIONS, HarnessLogo, HarnessPicker, INSUFFICIENT_BALANCE_CODE, MetricAreaChart, ModelBrandStack, NewSandboxCard, OutOfCreditsModal, PortsList, PricingPage, ProcessList, ProfileAvatar, PromoBanner, RailButton, RailExpandable, RailFlyout, RailHeader, RailModeButton, RailSeparator, RailTooltip, ResourceMeter, ResourceSnapshot, SANDBOX_STATUS, SIDEBAR_MOBILE_WIDTH, SIDEBAR_PANEL_WIDTH, SIDEBAR_RAIL_LABELED_WIDTH, SIDEBAR_RAIL_WIDTH, SIDEBAR_TOTAL_WIDTH, SandboxCard, SandboxPageShell, SandboxStatusPill, SandboxTable, Sidebar, SidebarContent, SidebarLayout, SidebarPanel, SidebarPanelContent, SidebarPanelHeader, SidebarProvider, SidebarRail, SidebarRailFooter, SidebarRailNav, SnapshotList, SystemLogsViewer, TemplateCard, UsageChart, UsageSummary, canAdminSandbox, canonicalModelId, chatCapableHarnesses, formatPrice, modelBrandFor, parseInsufficientBalance, sandboxStatus, useSidebar };

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

@@ -1,5 +1,5 @@
 import { t as cn$1 } from "./utils-DzWbktWG.js";
-import { t as WorkspacePaneHeader } from "./workspace-pane-header-Bg1cCcHX.js";
+import { r as ShellHeader } from "./shell-header-CTh3oV_e.js";
 import { Button } from "@tangle-network/ui/primitives";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
@@ -169,7 +169,7 @@ function PreviewView({ url, allowedOrigins, access, readiness, onCheckReadiness,
 						})
 					})
 				]
-			}) : /* @__PURE__ */ jsxs(WorkspacePaneHeader, {
+			}) : /* @__PURE__ */ jsxs(ShellHeader, {
 				className: "min-w-0 gap-1 overflow-x-auto px-2",
 				children: [
 					/* @__PURE__ */ jsx("h2", {

package/dist/globals.css

@@ -651,6 +651,9 @@
   .ml-3 {
     margin-left: calc(var(--spacing) * 3);
   }
+  .ml-6 {
+    margin-left: calc(var(--spacing) * 6);
+  }
   .ml-10 {
     margin-left: calc(var(--spacing) * 10);
   }
@@ -1122,6 +1125,9 @@
   .min-h-\[60px\] {
     min-height: 60px;
   }
+  .min-h-\[66px\] {
+    min-height: 66px;
+  }
   .min-h-\[72px\] {
     min-height: 72px;
   }
@@ -1599,6 +1605,9 @@
   .min-w-\[12rem\] {
     min-width: 12rem;
   }
+  .min-w-\[14rem\] {
+    min-width: 14rem;
+  }
   .min-w-\[15rem\] {
     min-width: 15rem;
   }
@@ -1662,9 +1671,6 @@
   .basis-1\/3 {
     flex-basis: calc(1 / 3 * 100%);
   }
-  .basis-64 {
-    flex-basis: calc(var(--spacing) * 64);
-  }
   .table-fixed {
     table-layout: fixed;
   }
@@ -2006,6 +2012,12 @@
   :where(.divide-border > :not(:last-child)) {
     border-color: hsl(var(--border));
   }
+  :where(.divide-border\/70 > :not(:last-child)) {
+    border-color: hsl(var(--border));
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, hsl(var(--border)) 70%, transparent);
+    }
+  }
   .self-start {
     align-self: flex-start;
   }
@@ -2341,6 +2353,12 @@
   .border-border {
     border-color: hsl(var(--border));
   }
+  .border-border\/60 {
+    border-color: hsl(var(--border));
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, hsl(var(--border)) 60%, transparent);
+    }
+  }
   .border-destructive\/20 {
     border-color: hsl(var(--destructive));
     @supports (color: color-mix(in lab, red, red)) {
@@ -3066,6 +3084,9 @@
   .p-16 {
     padding: calc(var(--spacing) * 16);
   }
+  .p-\[var\(--shell-inset-gutter\,0\.5rem\)\] {
+    padding: var(--shell-inset-gutter,0.5rem);
+  }
   .px-0 {
     padding-inline: 0px;
   }
@@ -3225,6 +3246,9 @@
   .pr-3 {
     padding-right: calc(var(--spacing) * 3);
   }
+  .pr-4 {
+    padding-right: calc(var(--spacing) * 4);
+  }
   .pr-8 {
     padding-right: calc(var(--spacing) * 8);
   }
@@ -3357,6 +3381,9 @@
   .text-\[0\.85em\] {
     font-size: 0.85em;
   }
+  .text-\[0\.9375em\] {
+    font-size: 0.9375em;
+  }
   .text-\[8px\] {
     font-size: 8px;
   }
@@ -3396,9 +3423,6 @@
   .text-\[length\:var\(--font-size-3xl\,1\.875rem\)\] {
     font-size: var(--font-size-3xl,1.875rem);
   }
-  .text-\[length\:var\(--font-size-base\)\] {
-    font-size: var(--font-size-base);
-  }
   .text-\[length\:var\(--font-size-display\,3rem\)\] {
     font-size: var(--font-size-display,3rem);
   }
@@ -3423,6 +3447,9 @@
   .text-\[length\:var\(--font-size-xs\)\] {
     font-size: var(--font-size-xs);
   }
+  .text-\[length\:var\(--transcript-font-size\)\] {
+    font-size: var(--transcript-font-size);
+  }
   .leading-4 {
     --tw-leading: calc(var(--spacing) * 4);
     line-height: calc(var(--spacing) * 4);
@@ -3451,10 +3478,6 @@
     --tw-leading: 1.4;
     line-height: 1.4;
   }
-  .leading-\[1\.5\] {
-    --tw-leading: 1.5;
-    line-height: 1.5;
-  }
   .leading-\[1\.6\] {
     --tw-leading: 1.6;
     line-height: 1.6;
@@ -3467,10 +3490,6 @@
     --tw-leading: 15px;
     line-height: 15px;
   }
-  .leading-\[var\(--line-height-base\)\] {
-    --tw-leading: var(--line-height-base);
-    line-height: var(--line-height-base);
-  }
   .leading-\[var\(--line-height-display\,1\.05\)\] {
     --tw-leading: var(--line-height-display,1.05);
     line-height: var(--line-height-display,1.05);
@@ -3479,6 +3498,10 @@
     --tw-leading: var(--line-height-heading,1.15);
     line-height: var(--line-height-heading,1.15);
   }
+  .leading-\[var\(--transcript-line-height\)\] {
+    --tw-leading: var(--transcript-line-height);
+    line-height: var(--transcript-line-height);
+  }
   .leading-none {
     --tw-leading: 1;
     line-height: 1;
@@ -3905,6 +3928,9 @@
     --tw-numeric-spacing: tabular-nums;
     font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
   }
+  .line-through {
+    text-decoration-line: line-through;
+  }
   .no-underline {
     text-decoration-line: none;
   }
@@ -4165,6 +4191,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[width\] {
+    transition-property: width;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-all {
     transition-property: all;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -4378,10 +4409,16 @@
     content: var(--tw-content);
     background-color: hsl(var(--primary));
   }
+  .first\:pt-0:first-child {
+    padding-top: 0px;
+  }
   .last\:border-b-0:last-child {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 0px;
   }
+  .last\:pb-0:last-child {
+    padding-bottom: 0px;
+  }
   .autofill\:caret-\[var\(--text-primary\)\]:autofill {
     caret-color: var(--text-primary);
   }
@@ -5374,9 +5411,6 @@
       text-overflow: ellipsis;
       white-space: nowrap;
     }
-    .sm\:p-2 {
-      padding: calc(var(--spacing) * 2);
-    }
     .sm\:p-4 {
       padding: calc(var(--spacing) * 4);
     }
@@ -5842,9 +5876,52 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 0px;
   }
+  .\[\&\>tr\:last-child\>td\]\:border-b-0 > tr:last-child > td {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 0px;
+  }
   .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open] > svg {
     rotate: 180deg;
   }
+  .tangle-prose .\[\.tangle-prose_\&\]\:m-0\! {
+    margin: 0px !important;
+  }
+  .tangle-prose .\[\.tangle-prose_\&\]\:table\! {
+    display: table !important;
+  }
+  .tangle-prose .\[\.tangle-prose_\&\]\:overflow-visible\! {
+    overflow: visible !important;
+  }
+  .tangle-prose .\[\.tangle-prose_\&\]\:border-t-0\! {
+    border-top-style: var(--tw-border-style) !important;
+    border-top-width: 0px !important;
+  }
+  .tangle-prose .\[\.tangle-prose_\&\]\:border-l-0\! {
+    border-left-style: var(--tw-border-style) !important;
+    border-left-width: 0px !important;
+  }
+  .tangle-prose .\[\.tangle-prose_\&\]\:px-3\! {
+    padding-inline: calc(var(--spacing) * 3) !important;
+  }
+  .tangle-prose .\[\.tangle-prose_\&\]\:py-2\! {
+    padding-block: calc(var(--spacing) * 2) !important;
+  }
+  .tangle-prose .\[\.tangle-prose_\&\]\:text-left\! {
+    text-align: left !important;
+  }
+  .tangle-prose .\[\.tangle-prose_\&\]\:text-right\! {
+    text-align: right !important;
+  }
+  .tangle-prose .\[\.tangle-prose_\&\]\:text-sm\! {
+    font-size: var(--text-sm) !important;
+    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+  }
+  .tangle-prose .\[\.tangle-prose_\&\]\:text-foreground\! {
+    color: hsl(var(--foreground)) !important;
+  }
+  .tangle-prose .\[\.tangle-prose_\&\]\:no-underline\! {
+    text-decoration-line: none !important;
+  }
   @media (pointer:coarse) {
     .\[\@media\(pointer\:coarse\)\]\:min-h-10 {
       min-height: calc(var(--spacing) * 10);
@@ -6134,6 +6211,10 @@
   --font-size-help: 0.75rem;
   --panel-padding: 1rem;
   --content-max-width: 80rem;
+  --shell-header-height: 3.5rem;
+  --shell-inset-gutter: 0.5rem;
+  --transcript-font-size: var(--font-size-base);
+  --transcript-line-height: var(--line-height-base);
   --font-size-xs: 0.6875rem;
   --font-size-sm: 0.75rem;
   --font-size-base: 0.9375rem;
@@ -6589,6 +6670,7 @@
   --spacing-control-sm: var(--control-height-sm);
   --spacing-control-md: var(--control-height);
   --spacing-control-lg: var(--control-height-lg);
+  --spacing-shell-header: var(--shell-header-height);
   --color-scrim: var(--scrim);
   --color-scrim-strong: var(--scrim-strong);
   --color-on-media: var(--on-media);

package/dist/{index-DeJpBMFX.d.ts → index-04xUKbln.d.ts}

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import { AgentTimeline, AgentTimelineArtifactItem, AgentTimelineCustomItem, AgentTimelineItem, AgentTimelineMessageItem, AgentTimelineProps, AgentTimelineStatusItem, AgentTimelineTone, AgentTimelineToolGroupItem, AgentTimelineToolItem, ChatAuthor, ChatContainer as ChatContainer$1, ChatContainerProps as ChatContainerProps$1, ChatMessage as ChatMessage$1, ChatMessageProps, MessageAuthor, MessageAuthorProps, MessageList, MessageListProps, MessageRole, MessageRole as MessageRole$1, ThinkingIndicator, ThinkingIndicatorProps, UserMessage, UserMessageProps, isViewerMessage } from "@tangle-network/ui/chat";
+import { AgentTimeline, AgentTimelineArtifactItem, AgentTimelineCustomItem, AgentTimelineItem, AgentTimelineMessageItem, AgentTimelineProps, AgentTimelineStatusItem, AgentTimelineTone, AgentTimelineToolGroupItem, AgentTimelineToolItem, ChatAuthor, ChatContainer as ChatContainer$1, ChatContainerProps as ChatContainerProps$1, ChatMessage as ChatMessage$1, ChatMessageProps, MessageAuthor, MessageAuthorProps, MessageList, MessageListProps, MessageRole, MessageRole as MessageRole$1, TRANSCRIPT_TEXT, ThinkingIndicator, ThinkingIndicatorProps, UserMessage, UserMessageProps, isViewerMessage } from "@tangle-network/ui/chat";
 import { HarnessType, ReasoningEffort, modelProvider, snapHarnessToModel } from "@tangle-network/agent-interface";
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
 //#region src/chat/reasoning-level-picker.d.ts
@@ -205,4 +205,4 @@ interface ArtifactAgentDockProps {
  */
 declare function ArtifactAgentDock({ scope, open, onOpenChange, transport, defaultPrompt, onError, className }: ArtifactAgentDockProps): React$1.JSX.Element | null;
 //#endregion
-export { ArtifactDockStreamEvent as A, DEFAULT_REASONING_LEVEL_OPTIONS as B, UserMessage as C, ArtifactAgentDockProps as D, ArtifactAgentDock as E, AgentProfileCapability as F, ReasoningLevelPickerProps as G, ReasoningLevel as H, AgentProfileDraft as I, AgentProfileOption as L, ArtifactScope as M, modelProvider as N, ArtifactAgentDockTransport as O, snapHarnessToModel as P, AgentProfilePicker as R, ThinkingIndicatorProps as S, isViewerMessage as T, ReasoningLevelOption as U, HARNESS_REASONING_OPTIONS as V, ReasoningLevelPicker as W, MessageAuthorProps as _, AgentTimelineMessageItem as a, MessageRole$1 as b, AgentTimelineTone as c, ChatAuthor as d, ChatContainer$1 as f, MessageAuthor as g, ChatMessageProps as h, AgentTimelineItem as i, ArtifactKind as j, ArtifactDockMessage as k, AgentTimelineToolGroupItem as l, ChatMessage$1 as m, AgentTimelineArtifactItem as n, AgentTimelineProps as o, ChatContainerProps$1 as p, AgentTimelineCustomItem as r, AgentTimelineStatusItem as s, AgentTimeline as t, AgentTimelineToolItem as u, MessageList as v, UserMessageProps as w, ThinkingIndicator as x, MessageListProps as y, AgentProfilePickerProps as z };
+export { ArtifactDockMessage as A, AgentProfilePickerProps as B, ThinkingIndicatorProps as C, ArtifactAgentDock as D, isViewerMessage as E, snapHarnessToModel as F, ReasoningLevelPicker as G, HARNESS_REASONING_OPTIONS as H, AgentProfileCapability as I, ReasoningLevelPickerProps as K, AgentProfileDraft as L, ArtifactKind as M, ArtifactScope as N, ArtifactAgentDockProps as O, modelProvider as P, AgentProfileOption as R, ThinkingIndicator as S, UserMessageProps as T, ReasoningLevel as U, DEFAULT_REASONING_LEVEL_OPTIONS as V, ReasoningLevelOption as W, MessageAuthorProps as _, AgentTimelineMessageItem as a, MessageRole$1 as b, AgentTimelineTone as c, ChatAuthor as d, ChatContainer$1 as f, MessageAuthor as g, ChatMessageProps as h, AgentTimelineItem as i, ArtifactDockStreamEvent as j, ArtifactAgentDockTransport as k, AgentTimelineToolGroupItem as l, ChatMessage$1 as m, AgentTimelineArtifactItem as n, AgentTimelineProps as o, ChatContainerProps$1 as p, AgentTimelineCustomItem as r, AgentTimelineStatusItem as s, AgentTimeline as t, AgentTimelineToolItem as u, MessageList as v, UserMessage as w, TRANSCRIPT_TEXT as x, MessageListProps as y, AgentProfilePicker as z };

package/dist/{index-DNClXEEe.d.ts → index-CpsuWqrT.d.ts}

@@ -1,4 +1,4 @@
-import { g as ExposedPort } from "./index-DTRXdurE.js";
+import { g as ExposedPort } from "./index-DzxpFptj.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 * as React$1 from "react";

package/dist/{index-D7zJLs_I.d.ts → index-Dm-tABpL.d.ts}

@@ -124,13 +124,37 @@ interface WorkspaceLayoutProps {
 }
 declare function WorkspaceLayout({ left, leftHeader, center, centerHeader, centerFooter, right, rightHeader, bottom, bottomHeader, defaultLeftOpen, defaultRightOpen, defaultBottomOpen, defaultLeftWidth, defaultRightWidth, defaultBottomHeight, minLeftWidth, maxLeftWidth, minRightWidth, maxRightWidth, minCenterWidth, minBottomHeight, maxBottomHeight, persistenceKey, resizable, theme, density, leftLabel, rightLabel, bottomLabel, leftOpen: leftOpenProp, onLeftOpenChange, rightOpen: rightOpenProp, onRightOpenChange, keyboardShortcuts, leftCollapsedControl, leftContentClassName, rightContentClassName, keepRightMounted, collapsedControlsPlacement, centerHeaderVisibility, surface, rightOpenLabel, rightCloseLabel, rightControlHint, className }: WorkspaceLayoutProps): import("react").JSX.Element;
 //#endregion
-//#region src/workspace/workspace-pane-header.d.ts
-type WorkspacePaneHeaderProps = HTMLAttributes<HTMLDivElement>;
+//#region src/workspace/shell-header.d.ts
 /**
- * The shared 56px header row for top-level workspace panes and drawers.
- * Bottom runtime panels intentionally use their own compact header.
+ * One height for every header row in the app shell: the sidebar rail's top row,
+ * the main pane, side panels, drawers and the assistant. Their bottom dividers
+ * share one y, so the main header's underline continues the sidebar's.
+ * Brand owns the value (`--shell-header-height`, 56px).
  */
-declare function WorkspacePaneHeader({ className, ...props }: WorkspacePaneHeaderProps): import("react").JSX.Element;
+declare const SHELL_HEADER_HEIGHT = "var(--shell-header-height, 3.5rem)";
+/**
+ * An inset pane sits one gutter plus its 1px border below the shell top, so its
+ * header is shorter by exactly that amount and its divider lands on the same y.
+ */
+declare const SHELL_INSET_GUTTER = "var(--shell-inset-gutter, 0.5rem)";
+type ShellHeaderProps = HTMLAttributes<HTMLElement> & {
+  /** Render as `<header>` (a page or pane landmark) instead of a `<div>`. */
+  as?: "div" | "header";
+  /** The header of a pane raised inside the inset gutter. */
+  inset?: boolean;
+  /** Draw the bottom divider. Off only for a row that sits on a surface which draws its own. */
+  divider?: boolean;
+};
+/**
+ * The shell's header row. Content fills it; nothing changes its height: the
+ * height is set inline after `style`, so neither a class nor a style prop can
+ * move this row's divider off the shared line.
+ */
+declare function ShellHeader({ as: Tag, inset, divider, className, style, ...props }: ShellHeaderProps): import("react").JSX.Element;
+/** @deprecated Use `ShellHeader`; kept so existing imports keep the shared row. */
+declare const WorkspacePaneHeader: typeof ShellHeader;
+/** @deprecated Use `ShellHeaderProps`. */
+type WorkspacePaneHeaderProps = ShellHeaderProps;
 //#endregion
 //#region src/workspace/directory-pane.d.ts
 interface DirectoryPaneProps {
@@ -814,4 +838,4 @@ interface WorkspaceArtifactViewProps {
 /** The shared technical renderer for workspace files and generated artifacts. */
 declare function WorkspaceArtifactView({ artifact, hideTitleBlock }: WorkspaceArtifactViewProps): import("react").JSX.Element;
 //#endregion
-export { StatusBar as $, createShellShouldRevalidate as A, SessionSidebarVariant as B, SandboxWorkbenchLayoutOptions as C, SandboxWorkbenchSessionProps as D, SandboxWorkbenchProps as E, SessionSidebarFilter as F, dispatchSessionCreated as G, SessionCreatedDetail as H, SessionSidebarGroupBy as I, RuntimePaneProps as J, useOptimisticSessionItems as K, SessionSidebarItem as L, formatRelativeAge as M, SessionSidebar as N, ShellShouldRevalidateArgs as O, SessionSidebarBadge as P, ContextBadge as Q, SessionSidebarLink as R, SandboxWorkbenchFileArtifact as S, SandboxWorkbenchOpenUIArtifact as T, SessionOptimisticController as U, SESSION_CREATED_EVENT as V, UseOptimisticSessionItemsOptions as W, TerminalPanel as X, TerminalLine as Y, TerminalProps as Z, TaskBoardItem as _, WorkspaceFilesPane as a, DirectoryPaneProps as at, SandboxWorkbenchArtifact as b, ApprovalConfidenceStat as c, WorkspaceLayout as ct, ApprovalQueueProps as d, StatusBarProps as et, CalendarEvent as f, TaskBoardColumn as g, TaskBoard as h, WorkspaceArtifactViewProps as i, DirectoryPane as it, shellShouldRevalidate as j, ShellShouldRevalidateOptions as k, ApprovalItem as l, WorkspaceLayoutProps as lt, CalendarViewProps as m, ArtifactPaneProps as n, StatusBanner as nt, WorkspaceFilesPaneProps as o, WorkspacePaneHeader as ot, CalendarView as p, RuntimePane as q, WorkspaceArtifactView as r, StatusBannerProps as rt, WorkspaceFilesPreview as s, WorkspacePaneHeaderProps as st, ArtifactPane$1 as t, BannerType as tt, ApprovalQueue as u, TaskBoardProps as v, SandboxWorkbenchMarkdownArtifact as w, SandboxWorkbenchCustomArtifact as x, SandboxWorkbench as y, SessionSidebarProps as z };
+export { StatusBar as $, createShellShouldRevalidate as A, SessionSidebarVariant as B, SandboxWorkbenchLayoutOptions as C, SandboxWorkbenchSessionProps as D, SandboxWorkbenchProps as E, SessionSidebarFilter as F, dispatchSessionCreated as G, SessionCreatedDetail as H, SessionSidebarGroupBy as I, RuntimePaneProps as J, useOptimisticSessionItems as K, SessionSidebarItem as L, formatRelativeAge as M, SessionSidebar as N, ShellShouldRevalidateArgs as O, SessionSidebarBadge as P, ContextBadge as Q, SessionSidebarLink as R, SandboxWorkbenchFileArtifact as S, SandboxWorkbenchOpenUIArtifact as T, SessionOptimisticController as U, SESSION_CREATED_EVENT as V, UseOptimisticSessionItemsOptions as W, TerminalPanel as X, TerminalLine as Y, TerminalProps as Z, TaskBoardItem as _, WorkspaceFilesPane as a, DirectoryPaneProps as at, SandboxWorkbenchArtifact as b, ApprovalConfidenceStat as c, ShellHeader as ct, ApprovalQueueProps as d, WorkspacePaneHeaderProps as dt, StatusBarProps as et, CalendarEvent as f, WorkspaceLayout as ft, TaskBoardColumn as g, TaskBoard as h, WorkspaceArtifactViewProps as i, DirectoryPane as it, shellShouldRevalidate as j, ShellShouldRevalidateOptions as k, ApprovalItem as l, ShellHeaderProps as lt, CalendarViewProps as m, ArtifactPaneProps as n, StatusBanner as nt, WorkspaceFilesPaneProps as o, SHELL_HEADER_HEIGHT as ot, CalendarView as p, WorkspaceLayoutProps as pt, RuntimePane as q, WorkspaceArtifactView as r, StatusBannerProps as rt, WorkspaceFilesPreview as s, SHELL_INSET_GUTTER as st, ArtifactPane$1 as t, BannerType as tt, ApprovalQueue as u, WorkspacePaneHeader as ut, TaskBoardProps as v, SandboxWorkbenchMarkdownArtifact as w, SandboxWorkbenchCustomArtifact as x, SandboxWorkbench as y, SessionSidebarProps as z };

package/dist/{index-DTRXdurE.d.ts → index-DzxpFptj.d.ts}

@@ -966,7 +966,7 @@ interface SidebarLayoutProps {
    * Content rendered in the rail header in place of the logo link — e.g. a
    * project/workspace switcher. Spans the header so the app's primary
    * orientation control sits at the top of the rail. When set, `logo`/`logoHref`
-   * are ignored. The header keeps its `h-14` height for cross-view alignment.
+   * are ignored. The header is a `ShellHeader`, so its divider is the line main-pane headers meet.
    */
   railHeaderContent?: React$1.ReactNode;
   user?: SidebarUser | null;