@tangle-network/sandbox-ui 0.134.4 → 0.134.6

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

@@ -315,31 +315,73 @@ function profileSubtitle(profile) {
 * because the inline form needs its own focus and typing without the menu
 * stealing keystrokes.
 */
-function AgentProfilePicker({ value, onChange, profiles, capabilities, onCreate, onUpdate, onDelete, disabled, locked, lockReason, onNewChat, className, triggerClassName, popoverClassName, side = "top" }) {
+function AgentProfilePicker({ value, onChange, profiles, capabilities, onCreate, onUpdate, onDelete, onEdit, onNew, disabled, locked, lockReason, onNewChat, className, triggerClassName, popoverClassName, side = "top" }) {
 	const [open, setOpen] = React$1.useState(false);
-	const [composing, setComposing] = React$1.useState(null);
+	const [composing, setComposingState] = React$1.useState(null);
+	const [saving, setSaving] = React$1.useState(false);
+	const [saveError, setSaveError] = React$1.useState(null);
+	const pendingSave = React$1.useRef(false);
+	const editorEpoch = React$1.useRef(0);
+	const setComposing = React$1.useCallback((next) => {
+		editorEpoch.current += 1;
+		pendingSave.current = false;
+		setSaving(false);
+		setSaveError(null);
+		setComposingState(next);
+	}, []);
+	React$1.useEffect(() => () => {
+		editorEpoch.current += 1;
+	}, []);
 	const popoverRef = React$1.useRef(null);
 	const ref = useClickOutside(() => {
+		if (pendingSave.current) return;
 		setOpen(false);
 		setComposing(null);
 	}, [popoverRef]);
-	const canAuthor = Boolean(capabilities && (onCreate || onUpdate));
+	const canAuthor = Boolean(onNew || capabilities && onCreate);
+	const editIn = (profile) => onEdit ? () => {
+		setOpen(false);
+		onEdit(profile.id);
+	} : onUpdate ? () => setComposing(profile) : void 0;
 	const builtins = profiles.filter((profile) => profile.builtin);
 	const custom = profiles.filter((profile) => !profile.builtin);
 	const selectedName = profiles.find((profile) => profile.id === value)?.name ?? value;
 	React$1.useEffect(() => {
-		if (!locked) return;
+		if (!locked && !disabled) return;
 		setOpen(false);
 		setComposing(null);
-	}, [locked]);
+	}, [
+		locked,
+		disabled,
+		setComposing
+	]);
 	function select(id) {
 		onChange(id);
 		setOpen(false);
 	}
 	async function save(draft) {
-		if (draft.id) await onUpdate?.(draft.id, draft);
-		else await onCreate?.(draft);
-		setComposing(null);
+		if (pendingSave.current || locked || disabled) return;
+		const epoch = editorEpoch.current;
+		pendingSave.current = true;
+		setSaving(true);
+		setSaveError(null);
+		try {
+			if (draft.id) {
+				if (!onUpdate) throw new Error("Editing this agent is unavailable.");
+				await onUpdate(draft.id, draft);
+			} else {
+				if (!onCreate) throw new Error("Creating an agent is unavailable.");
+				await onCreate(draft);
+			}
+			if (editorEpoch.current === epoch) setComposing(null);
+		} catch (error) {
+			if (editorEpoch.current === epoch) setSaveError(error instanceof Error && error.message.trim() ? error.message : "Could not save this agent. Your draft is still here; try again.");
+		} finally {
+			if (editorEpoch.current === epoch) {
+				pendingSave.current = false;
+				setSaving(false);
+			}
+		}
 	}
 	if (locked && onNewChat) return /* @__PURE__ */ jsxs(InformativeLock, {
 		ariaLabel: "Agent profile (locked)",
@@ -361,9 +403,13 @@ function AgentProfilePicker({ value, onChange, profiles, capabilities, onCreate,
 		className: cn$1("relative inline-flex", className),
 		children: [/* @__PURE__ */ jsxs("button", {
 			type: "button",
-			disabled: disabled || locked,
+			disabled: disabled || locked || saving,
 			title: locked ? lockReason : void 0,
-			onClick: () => setOpen((v) => !v),
+			onClick: () => {
+				if (pendingSave.current) return;
+				if (open) setComposing(null);
+				setOpen((v) => !v);
+			},
 			className: cn$1("inline-flex h-8 items-center gap-1.5 rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container px-2.5", "text-xs font-medium text-foreground shadow-sm transition-colors", "hover:border-[var(--md3-outline-variant)] hover:bg-surface-container-high", focusRing, "data-[state=open]:border-[var(--md3-outline-variant)] data-[state=open]:bg-surface-container-high", "disabled:cursor-not-allowed disabled:opacity-60", triggerClassName),
 			"data-state": open ? "open" : "closed",
 			"aria-label": "Agent profile",
@@ -375,7 +421,7 @@ function AgentProfilePicker({ value, onChange, profiles, capabilities, onCreate,
 				}),
 				!locked && /* @__PURE__ */ jsx(ChevronDown, { className: "ml-auto h-3.5 w-3.5 shrink-0 text-muted-foreground" })
 			]
-		}), open && !locked && /* @__PURE__ */ jsx(AnchoredPopover, {
+		}), open && !locked && !disabled && /* @__PURE__ */ jsx(AnchoredPopover, {
 			ref: popoverRef,
 			anchorRef: ref,
 			side,
@@ -384,7 +430,11 @@ function AgentProfilePicker({ value, onChange, profiles, capabilities, onCreate,
 			children: composing ? /* @__PURE__ */ jsx(ProfileForm, {
 				capabilities: capabilities ?? [],
 				initial: composing === "new" ? void 0 : composing,
-				onCancel: () => setComposing(null),
+				saving,
+				error: saveError,
+				onCancel: () => {
+					if (!pendingSave.current) setComposing(null);
+				},
 				onSave: save
 			}) : /* @__PURE__ */ jsxs("div", {
 				className: "max-h-[min(60vh,420px)] overflow-y-auto",
@@ -394,7 +444,8 @@ function AgentProfilePicker({ value, onChange, profiles, capabilities, onCreate,
 						active: profile.id === value,
 						title: profile.name,
 						subtitle: profileSubtitle(profile),
-						onSelect: () => select(profile.id)
+						onSelect: () => select(profile.id),
+						onEdit: onEdit ? editIn(profile) : void 0
 					}, profile.id)),
 					custom.length > 0 && /* @__PURE__ */ jsx(SectionHeader, { children: "Your agents" }),
 					custom.map((profile) => /* @__PURE__ */ jsx(ProfileRow, {
@@ -402,12 +453,17 @@ function AgentProfilePicker({ value, onChange, profiles, capabilities, onCreate,
 						title: profile.name,
 						subtitle: profileSubtitle(profile),
 						onSelect: () => select(profile.id),
-						onEdit: onUpdate ? () => setComposing(profile) : void 0,
+						onEdit: editIn(profile),
 						onDelete: onDelete ? () => void onDelete(profile.id) : void 0
 					}, profile.id)),
 					canAuthor && /* @__PURE__ */ jsxs("button", {
 						type: "button",
-						onClick: () => setComposing("new"),
+						onClick: () => {
+							if (onNew) {
+								setOpen(false);
+								onNew();
+							} else setComposing("new");
+						},
 						className: "mt-1 flex w-full items-center gap-2 rounded-md px-2.5 py-2 text-left text-sm text-[var(--accent-text)] transition-colors hover:bg-accent/40",
 						children: [/* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }), " New agent…"]
 					})
@@ -443,7 +499,7 @@ function ProfileRow({ active, title, subtitle, onSelect, onEdit, onDelete }) {
 				})]
 			})]
 		}), (onEdit || onDelete) && /* @__PURE__ */ jsxs("span", {
-			className: "flex shrink-0 items-center gap-1 opacity-0 transition-opacity group-hover:opacity-100",
+			className: "flex shrink-0 items-center gap-1 opacity-100 transition-opacity [@media(hover:hover)]:opacity-0 group-hover:opacity-100 group-focus-within:opacity-100",
 			children: [onEdit && /* @__PURE__ */ jsx("button", {
 				type: "button",
 				onClick: onEdit,
@@ -460,16 +516,18 @@ function ProfileRow({ active, title, subtitle, onSelect, onEdit, onDelete }) {
 		})]
 	});
 }
-function ProfileForm({ capabilities, initial, onCancel, onSave }) {
+function ProfileForm({ capabilities, initial, saving, error, onCancel, onSave }) {
 	const [name, setName] = React$1.useState(initial?.name ?? "");
 	const [caps, setCaps] = React$1.useState(initial?.capabilities ? [...initial.capabilities] : capabilities.map((c) => c.id));
 	const [instructions, setInstructions] = React$1.useState(initial?.instructions ?? "");
 	const toggle = (id) => setCaps((prev) => prev.includes(id) ? prev.filter((c) => c !== id) : [...prev, id]);
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-3 p-2.5",
+		"aria-busy": saving,
 		children: [
 			/* @__PURE__ */ jsx("input", {
 				autoFocus: true,
+				disabled: saving,
 				value: name,
 				onChange: (event) => setName(event.target.value),
 				placeholder: "Agent name (e.g. Tax Reviewer)",
@@ -484,6 +542,7 @@ function ProfileForm({ capabilities, initial, onCancel, onSave }) {
 					className: "flex cursor-pointer items-start gap-2 rounded-md px-2 py-1.5 hover:bg-accent/40",
 					children: [/* @__PURE__ */ jsx("input", {
 						type: "checkbox",
+						disabled: saving,
 						checked: caps.includes(cap.id),
 						onChange: () => toggle(cap.id),
 						className: "mt-0.5"
@@ -500,30 +559,37 @@ function ProfileForm({ capabilities, initial, onCancel, onSave }) {
 				}, cap.id))
 			})] }),
 			/* @__PURE__ */ jsx("textarea", {
+				disabled: saving,
 				value: instructions,
 				onChange: (event) => setInstructions(event.target.value),
 				rows: 2,
 				placeholder: "Instructions (optional) — how this agent should behave",
 				className: `w-full resize-none rounded-lg border bg-surface-container px-3 py-2 text-sm ${focusField}`
 			}),
+			error && /* @__PURE__ */ jsx("p", {
+				role: "alert",
+				className: "text-sm text-destructive",
+				children: error
+			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex justify-end gap-2",
 				children: [/* @__PURE__ */ jsx("button", {
 					type: "button",
+					disabled: saving,
 					onClick: onCancel,
 					className: "rounded-lg px-3 py-1.5 text-sm text-muted-foreground hover:bg-accent/40",
 					children: "Cancel"
 				}), /* @__PURE__ */ jsx("button", {
 					type: "button",
-					disabled: !name.trim(),
-					onClick: () => onSave({
+					disabled: saving || !name.trim(),
+					onClick: () => void onSave({
 						id: initial?.id,
 						name: name.trim(),
 						capabilities: caps,
 						instructions: instructions.trim()
 					}),
 					className: "rounded-lg bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground transition-opacity hover:opacity-90 disabled:opacity-40",
-					children: "Save agent"
+					children: saving ? "Saving agent…" : "Save agent"
 				})]
 			})
 		]

package/dist/chat.d.ts

@@ -1,2 +1,2 @@
-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";
+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-QBCEflyf.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 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";
+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-_aHUfqtH.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-A-7sV4Na.js → dashboard-Ba7DlJHW.js}

@@ -155,10 +155,21 @@ function useSidebar() {
 * the whole nav would re-stagger on a collapse that moved nothing off screen.
 * One element type, both states.
 */
-function RailTooltip({ label, children, disabled, className }) {
+function RailTooltip({ label, description, children, disabled, className }) {
 	const ref = React$1.useRef(null);
+	const tooltipRef = React$1.useRef(null);
 	const timer = React$1.useRef(null);
 	const [coords, setCoords] = React$1.useState(null);
+	React$1.useLayoutEffect(() => {
+		if (!description || !coords || !tooltipRef.current) return;
+		const { offsetWidth: width, offsetHeight: height } = tooltipRef.current;
+		const left = Math.max(8, Math.min(coords.left, window.innerWidth - width - 8));
+		const top = Math.max(height / 2 + 8, Math.min(coords.top, window.innerHeight - height / 2 - 8));
+		if (left !== coords.left || top !== coords.top) setCoords({
+			left,
+			top
+		});
+	}, [coords, description]);
 	React$1.useEffect(() => () => {
 		if (timer.current) clearTimeout(timer.current);
 	}, []);
@@ -202,11 +213,18 @@ function RailTooltip({ label, children, disabled, className }) {
 				transform: "translateY(-50%)"
 			},
 			className: "pointer-events-none z-[70]",
-			children: /* @__PURE__ */ jsx("span", {
+			children: /* @__PURE__ */ jsxs("span", {
+				ref: tooltipRef,
 				role: "tooltip",
 				"aria-hidden": "true",
-				className: cn$1("agent-pop-in block whitespace-nowrap px-2 py-1 text-xs font-medium text-popover-foreground", "rounded-md border border-[var(--md3-outline-variant)] bg-surface-container-highest shadow-[0_8px_30px_rgba(0,0,0,0.45)] ring-1 ring-[#ffffff14]"),
-				children: label
+				className: cn$1("agent-pop-in block px-2 py-1 text-xs font-medium text-popover-foreground", description ? "w-max max-w-[min(16rem,calc(100vw-1rem))]" : "whitespace-nowrap", "rounded-md border border-[var(--md3-outline-variant)] bg-surface-container-highest shadow-[0_8px_30px_rgba(0,0,0,0.45)] ring-1 ring-[#ffffff14]"),
+				children: [/* @__PURE__ */ jsx("span", {
+					className: description ? "block break-words" : "block whitespace-nowrap",
+					children: label
+				}), description ? /* @__PURE__ */ jsx("span", {
+					className: "mt-0.5 block font-normal leading-snug text-muted-foreground",
+					children: description
+				}) : null]
 			})
 		}), document.body)]
 	});
@@ -430,12 +448,14 @@ function RailSeparator({ className }) {
 	return /* @__PURE__ */ jsx("div", { className: cn$1("my-2 h-px w-10 bg-[var(--md3-outline-variant)]", className) });
 }
 const defaultBadgeLabel = (count) => `${count} new`;
-function RailButton({ icon: Icon, label, isActive, badge, badgeLabel = defaultBadgeLabel, onClick, className, showLabel, asChild, children, variant = "normal", style }) {
+function RailButton({ icon: Icon, label, isActive, badge, badgeLabel = defaultBadgeLabel, onClick, className, showLabel, description, asChild, children, variant = "normal", style }) {
 	const classes = cn$1("relative flex shrink-0 items-center justify-center rounded-md transition-colors", MOTION_CONTROL, showLabel ? "w-full justify-start px-2.5 h-9 gap-2.5" : "w-9 h-9 justify-center", focusRing, variant === "primary" || isActive ? "bg-[var(--accent-surface-strong)] text-[var(--accent-text)] font-medium ring-1 ring-inset ring-[var(--border-accent)]" : "text-muted-foreground hover:bg-[var(--accent-surface-soft)] hover:text-foreground", className);
 	const hasBadge = badge !== void 0 && badge > 0;
 	const badgeDot = hasBadge && !showLabel && badge > 9;
 	const badgeDescription = hasBadge ? badgeLabel(badge) : void 0;
 	const tooltipLabel = hasBadge ? `${label} · ${badgeDescription}` : label;
+	const accessibleDescription = [badgeDescription, description].filter(Boolean).join(". ") || void 0;
+	const tooltipDisabled = showLabel && !description;
 	const content = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("span", {
 		className: "relative flex shrink-0 items-center justify-center",
 		children: [/* @__PURE__ */ jsx(Icon, { className: "h-[17px] w-[17px] shrink-0" }), badgeDot ? /* @__PURE__ */ jsx("span", {
@@ -457,7 +477,7 @@ function RailButton({ icon: Icon, label, isActive, badge, badgeLabel = defaultBa
 		const merged = React$1.cloneElement(child, {
 			className: cn$1(classes, child.props.className),
 			"aria-label": child.props["aria-label"] ?? label,
-			"aria-description": child.props["aria-description"] ?? badgeDescription,
+			"aria-description": child.props["aria-description"] ?? accessibleDescription,
 			"aria-current": child.props["aria-current"] ?? (isActive ? "page" : void 0),
 			style: {
 				...child.props.style,
@@ -466,20 +486,22 @@ function RailButton({ icon: Icon, label, isActive, badge, badgeLabel = defaultBa
 		}, content);
 		return /* @__PURE__ */ jsx(RailTooltip, {
 			label: tooltipLabel,
-			disabled: showLabel,
+			description,
+			disabled: tooltipDisabled,
 			className: showLabel ? "w-full" : void 0,
 			children: merged
 		});
 	}
 	return /* @__PURE__ */ jsx(RailTooltip, {
 		label: tooltipLabel,
-		disabled: showLabel,
+		description,
+		disabled: tooltipDisabled,
 		className: showLabel ? "w-full" : void 0,
 		children: /* @__PURE__ */ jsx("button", {
 			type: "button",
 			onClick,
 			"aria-label": label,
-			"aria-description": badgeDescription,
+			"aria-description": accessibleDescription,
 			className: classes,
 			style,
 			children: content
@@ -493,7 +515,7 @@ function RailButton({ icon: Icon, label, isActive, badge, badgeLabel = defaultBa
 * item inside it. Use for a single "door" (e.g. Studio) that fronts several
 * related destinations without permanently spending rail height on them.
 */
-function RailFlyout({ icon: Icon, label, isActive, showLabel, title, children, className, style }) {
+function RailFlyout({ icon: Icon, label, description, isActive, showLabel, title, children, className, style }) {
 	const [open, setOpen] = React$1.useState(false);
 	const ref = React$1.useRef(null);
 	React$1.useEffect(() => {
@@ -518,11 +540,13 @@ function RailFlyout({ icon: Icon, label, isActive, showLabel, title, children, c
 		style,
 		children: [/* @__PURE__ */ jsx(RailTooltip, {
 			label,
-			disabled: showLabel || open,
+			description,
+			disabled: open || showLabel && !description,
 			className: showLabel ? "w-full" : void 0,
 			children: /* @__PURE__ */ jsxs("button", {
 				type: "button",
 				"aria-label": label,
+				"aria-description": description,
 				"aria-haspopup": "menu",
 				"aria-expanded": open,
 				onClick: () => setOpen((v) => !v),
@@ -542,10 +566,17 @@ function RailFlyout({ icon: Icon, label, isActive, showLabel, title, children, c
 				if (e.target.closest("a,button")) setOpen(false);
 			},
 			className: cn$1("absolute left-full top-0 z-50 ml-2 min-w-[12rem] p-1.5", "agent-pop-in", "rounded-md border border-[var(--md3-outline-variant)] bg-surface-container-highest shadow-[0_8px_30px_rgba(0,0,0,0.45)] ring-1 ring-[#ffffff14]"),
-			children: [/* @__PURE__ */ jsx("p", {
-				className: "px-2 pb-1 pt-1 text-sm font-semibold uppercase tracking-wider text-muted-foreground/70 select-none",
-				children: title ?? label
-			}), children]
+			children: [
+				/* @__PURE__ */ jsx("p", {
+					className: "px-2 pb-1 pt-1 text-sm font-semibold uppercase tracking-wider text-muted-foreground/70 select-none",
+					children: title ?? label
+				}),
+				description && /* @__PURE__ */ jsx("p", {
+					className: "px-2 pb-2 text-xs text-muted-foreground",
+					children: description
+				}),
+				children
+			]
 		})]
 	});
 }
@@ -609,7 +640,7 @@ function SubItemsSkeleton() {
 * Sub-items can be fixed (`subItems`) or lazy (`loadSubItems`, with a loading
 * skeleton). Used for e.g. a "History" entry fronting recent sessions.
 */
-function RailExpandable({ icon: Icon, label, href, isActive, showLabel, subItems, loadSubItems, activeSubIds, emptyLabel = "Nothing here yet", defaultOpen, onNavigate, LinkComponent, className, style }) {
+function RailExpandable({ icon: Icon, label, description, href, isActive, showLabel, subItems, loadSubItems, activeSubIds, emptyLabel = "Nothing here yet", defaultOpen, onNavigate, LinkComponent, className, style }) {
 	const Link = LinkComponent ?? DefaultLink$2;
 	const [open, setOpen] = React$1.useState(defaultOpen ?? false);
 	const { items, loading, ensureLoaded } = useExpandableItems(subItems, loadSubItems);
@@ -738,12 +769,14 @@ function RailExpandable({ icon: Icon, label, href, isActive, showLabel, subItems
 				to: href,
 				onClick: onNavigate,
 				"aria-label": label,
+				"aria-description": description,
 				"aria-current": rowCurrent,
 				className: triggerClasses,
 				children: /* @__PURE__ */ jsx(Icon, { className: "h-[17px] w-[17px] shrink-0" })
 			}) : /* @__PURE__ */ jsx("button", {
 				type: "button",
 				"aria-label": label,
+				"aria-description": description,
 				"aria-haspopup": "menu",
 				"aria-expanded": open,
 				className: triggerClasses,
@@ -763,13 +796,20 @@ function RailExpandable({ icon: Icon, label, href, isActive, showLabel, subItems
 					if (e.target.closest("a")) setOpen(false);
 				},
 				className: cn$1("agent-pop-in z-[70] flex w-60 flex-col overflow-hidden p-1.5", "rounded-md border border-[var(--md3-outline-variant)] bg-surface-container-highest shadow-[0_8px_30px_rgba(0,0,0,0.45)] ring-1 ring-[#ffffff14]"),
-				children: [/* @__PURE__ */ jsx("p", {
-					className: "shrink-0 px-2 pb-1 pt-1 text-sm font-semibold uppercase tracking-wider text-muted-foreground/70 select-none",
-					children: label
-				}), /* @__PURE__ */ jsx("div", {
-					className: "flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto",
-					children: list
-				})]
+				children: [
+					/* @__PURE__ */ jsx("p", {
+						className: "shrink-0 px-2 pb-1 pt-1 text-sm font-semibold uppercase tracking-wider text-muted-foreground/70 select-none",
+						children: label
+					}),
+					description && /* @__PURE__ */ jsx("p", {
+						className: "shrink-0 px-2 pb-2 text-xs text-muted-foreground",
+						children: description
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto",
+						children: list
+					})
+				]
 			}), document.body)]
 		});
 	}
@@ -786,41 +826,50 @@ function RailExpandable({ icon: Icon, label, href, isActive, showLabel, subItems
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn$1("w-full", className),
 		style,
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: cn$1("group/exp relative flex h-9 w-full items-center rounded-md transition-colors", MOTION_CONTROL, isActive ? "bg-[var(--accent-surface-strong)] text-[var(--accent-text)] font-medium ring-1 ring-inset ring-[var(--border-accent)]" : "text-muted-foreground hover:bg-[var(--accent-surface-soft)] hover:text-foreground"),
-			children: [/* @__PURE__ */ jsxs("button", {
-				type: "button",
-				onClick: toggle,
-				"aria-expanded": open,
-				"aria-controls": discloseId,
-				"aria-label": open ? `Collapse ${label}` : `Expand ${label}`,
-				className: `flex h-9 w-12 shrink-0 items-center gap-1 rounded-md pl-2 pr-1 ${focusRing}`,
-				children: [/* @__PURE__ */ jsx(Icon, {
-					className: "h-[17px] w-[17px] shrink-0",
-					"aria-hidden": true
-				}), /* @__PURE__ */ jsx(ChevronRightIcon, {
-					className: cn$1("h-3.5 w-3.5 shrink-0 transition-transform", MOTION_CONTROL, open && "rotate-90"),
-					"aria-hidden": true
+		children: [/* @__PURE__ */ jsx(RailTooltip, {
+			label,
+			description,
+			disabled: !description,
+			className: "w-full",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: cn$1("group/exp relative flex h-9 w-full items-center rounded-md transition-colors", MOTION_CONTROL, isActive ? "bg-[var(--accent-surface-strong)] text-[var(--accent-text)] font-medium ring-1 ring-inset ring-[var(--border-accent)]" : "text-muted-foreground hover:bg-[var(--accent-surface-soft)] hover:text-foreground"),
+				children: [/* @__PURE__ */ jsxs("button", {
+					type: "button",
+					onClick: toggle,
+					"aria-expanded": open,
+					"aria-controls": discloseId,
+					"aria-label": open ? `Collapse ${label}` : `Expand ${label}`,
+					"aria-description": description,
+					className: `flex h-9 w-12 shrink-0 items-center gap-1 rounded-md pl-2 pr-1 ${focusRing}`,
+					children: [/* @__PURE__ */ jsx(Icon, {
+						className: "h-[17px] w-[17px] shrink-0",
+						"aria-hidden": true
+					}), /* @__PURE__ */ jsx(ChevronRightIcon, {
+						className: cn$1("h-3.5 w-3.5 shrink-0 transition-transform", MOTION_CONTROL, open && "rotate-90"),
+						"aria-hidden": true
+					})]
+				}), href ? /* @__PURE__ */ jsx(Link, {
+					href,
+					to: href,
+					onClick: onNavigate,
+					"aria-current": rowCurrent,
+					"aria-description": description,
+					className: "flex h-9 min-w-0 flex-1 items-center pr-2.5 text-sm font-medium",
+					children: /* @__PURE__ */ jsx("span", {
+						className: "truncate",
+						children: label
+					})
+				}) : /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: toggle,
+					"aria-description": description,
+					className: "flex h-9 min-w-0 flex-1 items-center pr-2.5 text-left text-sm font-medium",
+					children: /* @__PURE__ */ jsx("span", {
+						className: "truncate",
+						children: label
+					})
 				})]
-			}), href ? /* @__PURE__ */ jsx(Link, {
-				href,
-				to: href,
-				onClick: onNavigate,
-				"aria-current": rowCurrent,
-				className: "flex h-9 min-w-0 flex-1 items-center pr-2.5 text-sm font-medium",
-				children: /* @__PURE__ */ jsx("span", {
-					className: "truncate",
-					children: label
-				})
-			}) : /* @__PURE__ */ jsx("button", {
-				type: "button",
-				onClick: toggle,
-				className: "flex h-9 min-w-0 flex-1 items-center pr-2.5 text-left text-sm font-medium",
-				children: /* @__PURE__ */ jsx("span", {
-					className: "truncate",
-					children: label
-				})
-			})]
+			})
 		}), /* @__PURE__ */ jsx("div", {
 			ref: discloseRef,
 			id: discloseId,
@@ -2877,6 +2926,7 @@ function SidebarLayoutInner({ children, navItems, activeId, panel, logo, logoHre
 			if (item.expandable) return /* @__PURE__ */ jsx(RailExpandable, {
 				icon: item.icon,
 				label: item.label,
+				description: item.description,
 				href: item.href,
 				isActive: activeId === item.id,
 				showLabel: showLabels,
@@ -2894,6 +2944,7 @@ function SidebarLayoutInner({ children, navItems, activeId, panel, logo, logoHre
 				return /* @__PURE__ */ jsx(RailFlyout, {
 					icon: item.icon,
 					label: item.label,
+					description: item.description,
 					title: item.label,
 					showLabel: showLabels,
 					isActive: activeId === item.id || item.flyoutItems.some((f) => activeSet.has(f.id)),
@@ -2921,6 +2972,7 @@ function SidebarLayoutInner({ children, navItems, activeId, panel, logo, logoHre
 				label: item.label,
 				badge: item.badge,
 				badgeLabel: item.badgeLabel,
+				description: item.description,
 				isActive: panelOpen,
 				onClick: () => {
 					togglePanel();
@@ -2933,6 +2985,7 @@ function SidebarLayoutInner({ children, navItems, activeId, panel, logo, logoHre
 				label: item.label,
 				badge: item.badge,
 				badgeLabel: item.badgeLabel,
+				description: item.description,
 				isActive: activeId === item.id,
 				showLabel: showLabels,
 				variant: item.variant,

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-DQzli0pf.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-AVDzT8Jw.js";
 import { a as canonicalModelId, i as ProviderMark, n as ModelBrandStack, o as modelBrandFor, r as ModelInfo, t as ModelBrandIdentity } from "./model-brand-B57CV8Lg.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, ProviderMark, 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-A-7sV4Na.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-Ba7DlJHW.js";
 import { i as modelBrandFor, n as ProviderMark, r as canonicalModelId, t as ModelBrandStack } from "./model-brand-BSr9on8C.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, ProviderMark, 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/globals.css

@@ -1548,6 +1548,9 @@
   .max-w-\[calc\(100vw-24px\)\] {
     max-width: calc(100vw - 24px);
   }
+  .max-w-\[min\(16rem\,calc\(100vw-1rem\)\)\] {
+    max-width: min(16rem, calc(100vw - 1rem));
+  }
   .max-w-\[min\(640px\,calc\(100vw-2rem\)\)\] {
     max-width: min(640px, calc(100vw - 2rem));
   }
@@ -6102,6 +6105,11 @@
   .tangle-prose .\[\.tangle-prose_\&\]\:no-underline\! {
     text-decoration-line: none !important;
   }
+  @media (hover:hover) {
+    .\[\@media\(hover\:hover\)\]\:opacity-0 {
+      opacity: 0%;
+    }
+  }
   @media (pointer:coarse) {
     .\[\@media\(pointer\:coarse\)\]\:min-h-10 {
       min-height: calc(var(--spacing) * 10);

package/dist/{index-DQzli0pf.d.ts → index-AVDzT8Jw.d.ts}

@@ -106,6 +106,13 @@ interface RailButtonProps {
   className?: string;
   /** Show label text next to icon (for mobile drawer) */
   showLabel?: boolean;
+  /**
+   * One line saying what the destination is for, e.g. "Every past agent run".
+   * Shown in the hover tooltip under the label (the labeled rail shows the
+   * tooltip only when a description exists) and announced as the link's
+   * accessible description, so an unfamiliar nav item explains itself.
+   */
+  description?: string;
   /**
    * Render the rail-button styling onto a single child element (e.g. a router
    * `<Link>`) instead of an inner `<button>`. The child receives the button
@@ -128,12 +135,14 @@ interface RailButtonProps {
    */
   style?: React$1.CSSProperties;
 }
-declare function RailButton({ icon: Icon, label, isActive, badge, badgeLabel, onClick, className, showLabel, asChild, children, variant, style }: RailButtonProps): React$1.JSX.Element;
+declare function RailButton({ icon: Icon, label, isActive, badge, badgeLabel, onClick, className, showLabel, description, asChild, children, variant, style }: RailButtonProps): React$1.JSX.Element;
 interface RailFlyoutProps {
   icon: React$1.ComponentType<{
     className?: string;
   }>;
   label: string;
+  /** Explains this destination in accessible text and its tooltip or open flyout. */
+  description?: string;
   /** Highlight the trigger (e.g. when a child route is active). */
   isActive?: boolean;
   /** Show the label text beside the icon (labeled rail) vs. icon-only. */
@@ -153,7 +162,7 @@ interface RailFlyoutProps {
  * item inside it. Use for a single "door" (e.g. Studio) that fronts several
  * related destinations without permanently spending rail height on them.
  */
-declare function RailFlyout({ icon: Icon, label, isActive, showLabel, title, children, className, style }: RailFlyoutProps): React$1.JSX.Element;
+declare function RailFlyout({ icon: Icon, label, description, isActive, showLabel, title, children, className, style }: RailFlyoutProps): React$1.JSX.Element;
 /** A single entry in a sub-item's hover actions menu (kebab). */
 interface RailSubItemAction {
   id: string;
@@ -191,6 +200,8 @@ interface RailExpandableProps {
     className?: string;
   }>;
   label: string;
+  /** Explains this destination in accessible text and its tooltip or open flyout. */
+  description?: string;
   /** Destination for the row itself. Clicking the label navigates here. */
   href?: string;
   /** Highlight the row (e.g. its own route or a child route is active). */
@@ -222,7 +233,7 @@ interface RailExpandableProps {
  * Sub-items can be fixed (`subItems`) or lazy (`loadSubItems`, with a loading
  * skeleton). Used for e.g. a "History" entry fronting recent sessions.
  */
-declare function RailExpandable({ icon: Icon, label, href, isActive, showLabel, subItems, loadSubItems, activeSubIds, emptyLabel, defaultOpen, onNavigate, LinkComponent, className, style }: RailExpandableProps): React$1.JSX.Element;
+declare function RailExpandable({ icon: Icon, label, description, href, isActive, showLabel, subItems, loadSubItems, activeSubIds, emptyLabel, defaultOpen, onNavigate, LinkComponent, className, style }: RailExpandableProps): React$1.JSX.Element;
 interface RailModeButtonProps {
   mode: string;
   icon: React$1.ComponentType<{
@@ -294,6 +305,8 @@ interface McpServer {
 interface RailTooltipProps {
   /** Tooltip text shown to the right of the trigger. */
   label: string;
+  /** A second, quieter line under the label that may wrap, e.g. what a nav item is for. */
+  description?: string;
   /** The trigger element (icon button / link). */
   children: React$1.ReactNode;
   /** Disable the tooltip (e.g. when the rail is expanded and the label is inline). */
@@ -317,7 +330,7 @@ interface RailTooltipProps {
  * the whole nav would re-stagger on a collapse that moved nothing off screen.
  * One element type, both states.
  */
-declare function RailTooltip({ label, children, disabled, className }: RailTooltipProps): React$1.JSX.Element;
+declare function RailTooltip({ label, description, children, disabled, className }: RailTooltipProps): React$1.JSX.Element;
 //#endregion
 //#region src/dashboard/sidebar-context.d.ts
 /** Width constants (px) — Tangle Quiet density (ChatGPT-minimal) */
@@ -906,6 +919,8 @@ interface SidebarLayoutNavItem {
   icon: React$1.ComponentType<{
     className?: string;
   }>;
+  /** @see {@link RailButtonProps.description} — one line saying what this destination is for. */
+  description?: string;
   /** Destination for link items. Omit when `togglesPanel` or `flyoutItems` is set. */
   href?: string;
   /** Render this item as the panel toggle instead of a link. */

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

@@ -1,4 +1,4 @@
-import { g as ExposedPort } from "./index-DQzli0pf.js";
+import { g as ExposedPort } from "./index-AVDzT8Jw.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-04xUKbln.d.ts → index-QBCEflyf.d.ts}

@@ -100,9 +100,20 @@ interface AgentProfilePickerProps {
    * selection-only picker (the New / edit / delete affordances stay hidden).
    */
   capabilities?: ReadonlyArray<AgentProfileCapability>;
+  /** Resolve after commit; reject write failures to retain the draft and show its error. Do not reject a post-commit refresh failure. */
   onCreate?: (draft: AgentProfileDraft) => void | Promise<void>;
+  /** Same commit/rejection contract as onCreate. */
   onUpdate?: (id: string, draft: AgentProfileDraft) => void | Promise<void>;
   onDelete?: (id: string) => void | Promise<void>;
+  /**
+   * Open the host's full profile editor for this profile instead of the inline
+   * name-and-persona form. When set, every row (built-in modes included) gets
+   * an edit action that closes the menu and calls this; `onUpdate` is then
+   * unused by the menu.
+   */
+  onEdit?: (id: string) => void;
+  /** Open the host's editor for a new profile instead of the inline form. */
+  onNew?: () => void;
   disabled?: boolean;
   /** Keep the pinned profile visible while preventing profile selection. */
   locked?: boolean;
@@ -127,7 +138,7 @@ interface AgentProfilePickerProps {
  * because the inline form needs its own focus and typing without the menu
  * stealing keystrokes.
  */
-declare function AgentProfilePicker({ value, onChange, profiles, capabilities, onCreate, onUpdate, onDelete, disabled, locked, lockReason, onNewChat, className, triggerClassName, popoverClassName, side }: AgentProfilePickerProps): React$1.JSX.Element;
+declare function AgentProfilePicker({ value, onChange, profiles, capabilities, onCreate, onUpdate, onDelete, onEdit, onNew, disabled, locked, lockReason, onNewChat, className, triggerClassName, popoverClassName, side }: AgentProfilePickerProps): React$1.JSX.Element;
 //#endregion
 //#region src/chat/artifact-agent-dock.d.ts
 type ArtifactKind = string;

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { a as LoginLayout, c as UserMenu, d as TangleLoginButtonProps, i as GitHubLoginButtonProps, l as UserMenuProps, n as AuthHeaderProps, o as LoginLayoutProps, r as GitHubLoginButton, s as SessionUser, t as AuthHeader, u as TangleLoginButton } from "./index-DvmZLMT1.js";
-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";
+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-QBCEflyf.js";
 import { a as SharedMessagingRouteViewState, i as AgentTargetSummary, n as AgentMessagingConnection, r as AgentMessagingConnectionProps, t as AgentEnrollmentViewState } from "./index-ClRHbsoX.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-DQzli0pf.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-AVDzT8Jw.js";
 import { a as canonicalModelId, i as ProviderMark, n as ModelBrandStack, o as modelBrandFor, r as ModelInfo, t as ModelBrandIdentity } from "./model-brand-B57CV8Lg.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";
 import { A as configurePdfViewer, C as PdfViewerConfig, D as RichFileTreeGitStatus, E as RichFileTreeGitEntry, F as getFormatLabel, I as getSyntaxLanguage, L as parseCsv, M as fileExtension, N as filterFileTree, O as RichFileTreeProps, P as getCodeLanguage, R as resolveFilePreviewKind, S as PdfViewer, T as RichFileTree, _ as FileTabsProps, a as FileCardProps, b as FileTreeVisibilityOptions, c as FileList, d as FileNode, f as FilePreview, g as FileTabs, h as FileTabData, i as FileCard, j as detectFileFormat, k as RichFileTreeThemeVars, l as FileListItem, m as FilePreviewProps, n as FileArtifactPane, o as FileDetails, p as FilePreviewKind, r as FileArtifactPaneProps, s as FileFormat, t as CSV_PREVIEW_ROW_LIMIT, u as FileListProps, v as FileTree, w as PdfViewerProps, x as FileUploader, y as FileTreeProps } from "./index-BoHOpP2_.js";
@@ -11,7 +11,7 @@ import { d as useSessionStream, l as UseSessionStreamOptions, n as UseSidecarAut
 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 ContextMenuRadioGroup, $n as Table, $r as TangleKnot, $t as MetricProps, A as Card, An as Sheet, Ar as Toolbar, At as DropdownMenuRadioItem, B as ChipProps, Bn as SidebarDropZone, Br as buttonVariants, Bt as FilterFieldProps, C as BadgeProps, Cn as SelectLabel, Cr as TimeSelect, Ct as DropdownMenuCheckboxItem, D as Calendar, Dn as SelectTrigger, Dr as ToastProvider, Dt as DropdownMenuLabel, E as CATEGORY_TONES, En as SelectSeparator, Er as ToastContainer, Et as DropdownMenuItem, F as CardTitle, Fn as SheetHeader, Fr as TooltipTrigger, Ft as DropdownMenuSubTrigger, G as CollapsibleTrigger, Gn as Slider, Gr as toneFor, Gt as IconTile, H as CodeBlockProps, Hn as Skeleton, Hr as initialsOf, Ht as HeadingVariant, I as CardTitleProps, In as SheetOverlay, Ir as UploadFile, It as DropdownMenuTrigger, J as ContextMenuContent, Jn as StatusPill, Jr as HeadingProps, Jt as InlineCodeProps, K as ContextMenu, Kn as StatCard, Kr as useTheme, Kt as IconTileProps, L as CategoryTone, Ln as SheetPortal, Lr as UploadProgress, Lt as EmptyState, M as CardDescription, Mn as SheetContent, Mr as Tooltip, Mt as DropdownMenuShortcut, N as CardFooter, Nn as SheetDescription, Nr as TooltipContent, Nt as DropdownMenuSub, O as CalendarDate, On as SelectValue, Or as Tone, Ot as DropdownMenuPortal, P as CardHeader, Pn as SheetFooter, Pr as TooltipProvider, Pt as DropdownMenuSubContent, Q as ContextMenuPortal, Qn as TONE_CLASSES, Qr as LogoProps, Qt as Metric, R as Checkbox, Rn as SheetTitle, Rr as UploadProgressProps, Rt as EmptyStateProps, S as Badge, Sn as SelectItem, Sr as ThemeToggle, St as DropdownMenu, T as ButtonProps, Tn as SelectScrollUpButton, Tr as Toast, Tt as DropdownMenuGroup, U as Collapsible, Un as SkeletonCard, Ur as localToday, Ut as HelpText, V as CodeBlock, Vn as SidebarDropZoneProps, Vr as formatCalendarDate, Vt as Heading, W as CollapsibleContent, Wn as SkeletonTable, Wr as parseCalendarDate, Wt as HelpTextProps, X as ContextMenuItem, Xn as StatusTone, Xr as SectionTitleProps, Xt as InputProps, Y as ContextMenuGroup, Yn as StatusPillProps, Yr as SectionTitle, Yt as Input, Z as ContextMenuLabel, Zn as Switch, Zr as Logo, Zt as Label, _n as SegmentedControlOption, _t as DialogPortal, a as AlertDialogCancel, an as PageShellProps, ar as TableHeader, at as ContextMenuSubTrigger, b as AvatarFallback, bn as SelectContent, br as Textarea, bt as DropZone, c as AlertDialogFooter, cn as Popover, cr as Tabs, ct as DatePicker, d as AlertDialogPortal, dn as PopoverContent, dr as TabsTrigger, dt as DialogClose, en as MetricStrip, er as TableBody, et as ContextMenuRadioItem, f as AlertDialogTitle, fn as PopoverTrigger, fr as Tag, ft as DialogContent, g as AlertTone, gn as SegmentedControl, gt as DialogOverlay, h as AlertTitle, hn as RadioGroupItem, hr as TerminalDisplay, ht as DialogHeader, i as AlertDialogAction, in as PageShell, ir as TableHead, it as ContextMenuSubContent, j as CardContent, jn as SheetClose, jr as ToolbarProps, jt as DropdownMenuSeparator, k as CalendarProps, kn as Separator, kr as ToneClasses, kt as DropdownMenuRadioGroup, l as AlertDialogHeader, ln as PopoverAnchor, lr as TabsContent, lt as DatePickerProps, m as AlertProps, mn as RadioGroup, mt as DialogFooter, n as AlertDescription, nn as PageHeader, nr as TableCell, nt as ContextMenuShortcut, o as AlertDialogContent, on as Pagination, or as TableProps, ot as ContextMenuTrigger, p as AlertDialogTrigger, pn as Progress, pr as TagProps, pt as DialogDescription, q as ContextMenuCheckboxItem, qn as StatCardProps, qr as useToast, qt as InlineCode, r as AlertDialog, rn as PageHeaderProps, rr as TableFooter, rt as ContextMenuSub, s as AlertDialogDescription, sn as PaginationProps, sr as TableRow, st as CopyButton, t as Alert, tn as MetricStripProps, tr as TableCaption, tt as ContextMenuSeparator, u as AlertDialogOverlay, un as PopoverClose, ur as TabsList, ut as Dialog, vn as SegmentedControlProps, vr as TextShimmer, vt as DialogTitle, w as Button, wn as SelectScrollDownButton, wr as TimeSelectProps, wt as DropdownMenuContent, x as AvatarImage, xn as SelectGroup, xr as TextareaProps, xt as DropZoneProps, y as Avatar, yn as Select, yr as TextShimmerProps, yt as DialogTrigger, z as Chip, zn as SheetTrigger, zr as badgeVariants, zt as FilterField } from "./index-BqRlajlc.js";
 import { $ as StatusBar, A as createShellShouldRevalidate, B as SessionSidebarVariant, C as SandboxWorkbenchLayoutOptions, D as SandboxWorkbenchSessionProps, E as SandboxWorkbenchProps, F as SessionSidebarFilter, G as dispatchSessionCreated, H as SessionCreatedDetail, I as SessionSidebarGroupBy, J as RuntimePaneProps, K as useOptimisticSessionItems, L as SessionSidebarItem, M as formatRelativeAge, N as SessionSidebar, O as ShellShouldRevalidateArgs, P as SessionSidebarBadge, Q as ContextBadge, R as SessionSidebarLink, S as SandboxWorkbenchFileArtifact, T as SandboxWorkbenchOpenUIArtifact, U as SessionOptimisticController, V as SESSION_CREATED_EVENT, W as UseOptimisticSessionItemsOptions, X as TerminalPanel, Y as TerminalLine, Z as TerminalProps, _ as TaskBoardItem, _t as WorkspaceSurfaceTitle, a as WorkspaceFilesPane, at as DirectoryPaneProps, b as SandboxWorkbenchArtifact, bt as WorkspaceLayoutProps, c as ApprovalConfidenceStat, ct as ShellHeader, d as ApprovalQueueProps, dt as WorkspacePaneHeaderProps, et as StatusBarProps, f as CalendarEvent, ft as WorkspaceSurface, g as TaskBoardColumn, gt as WorkspaceSurfaceProps, h as TaskBoard, ht as WorkspaceSurfaceHeadingLevel, i as WorkspaceArtifactViewProps, it as DirectoryPane, j as shellShouldRevalidate, k as ShellShouldRevalidateOptions, l as ApprovalItem, lt as ShellHeaderProps, m as CalendarViewProps, mt as WorkspaceSurfaceFrameProps, n as ArtifactPaneProps, nt as StatusBanner, o as WorkspaceFilesPaneProps, ot as SHELL_HEADER_HEIGHT, p as CalendarView, pt as WorkspaceSurfaceFrame, q as RuntimePane, r as WorkspaceArtifactView, rt as StatusBannerProps, s as WorkspaceFilesPreview, st as SHELL_INSET_GUTTER, t as ArtifactPane, tt as BannerType, u as ApprovalQueue, ut as WorkspacePaneHeader, v as TaskBoardProps, vt as WorkspaceSurfaceTitleProps, w as SandboxWorkbenchMarkdownArtifact, x as SandboxWorkbenchCustomArtifact, y as SandboxWorkbench, yt as WorkspaceLayout, z as SessionSidebarProps } from "./index-C61CTrhx.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-CzSwq_cU.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-ByzdHyte.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 { OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, OpenUIAction, OpenUIActionsNode, OpenUIArtifactRenderer, OpenUIArtifactRendererProps, OpenUIBadgeNode, OpenUICardNode, OpenUICodeNode, OpenUIComponentNode, OpenUIGridNode, OpenUIHeadingNode, OpenUIKeyValueNode, OpenUIMarkdownNode, OpenUIPrimitive, OpenUISchemaIssue, OpenUISchemaValidation, OpenUISeparatorNode, OpenUIStackNode, OpenUIStatNode, OpenUITableNode, OpenUITextNode, findUnsupportedOpenUINode, validateOpenUIJsonArtifact, validateOpenUIJsonNode } from "./openui.js";
 import { ApprovalCard, ApprovalCardProps, ApprovalDiffFile, ApprovalDiffSummary, ApprovalPlanStep, ExpandedToolDetail, ExpandedToolDetailProps, FeedSegment, InlineThinkingItem, InlineThinkingItemProps, InlineToolItem, InlineToolItemProps, LiveDuration, RunGroup, RunGroupProps, RunPhase, RunPhaseList, RunRowShell, RunRowShellProps, RunRowStatus, RunRowStatusDot, TaskList, TaskListItem, TaskListProps, TaskStatus, ToolCallData, ToolCallFeed, ToolCallFeedProps, ToolCallStatus, ToolCallType, parseToolEvent, showsTaskPriority, taskProgress, taskStatus } from "./run.js";

package/dist/index.js

@@ -1,16 +1,16 @@
-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-D3IKFGHo.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-Ai6g85oA.js";
 import { $ as DialogClose, $n as formatCalendarDate, $t as SelectSeparator, A as Chip, An as Tabs, At as Input, B as ContextMenuLabel, Bn as Textarea, Bt as PopoverContent, C as Card, Cn as TableBody, Ct as DropdownMenuTrigger, D as CardHeader, Dn as TableHead, Dt as HelpText, E as CardFooter, En as TableFooter, Et as Heading, F as ContextMenu, Ft as PageShell, G as ContextMenuShortcut, Gn as Toolbar, Gt as SegmentedControl, H as ContextMenuRadioGroup, Hn as TimeSelect, Ht as Progress, I as ContextMenuCheckboxItem, In as TerminalDisplay, It as Pagination, J as ContextMenuSubTrigger, Jn as TooltipProvider, Jt as SelectGroup, K as ContextMenuSub, Kn as Tooltip, Kt as Select, L as ContextMenuContent, Lt as Popover, M as Collapsible, Mn as TabsList, Mt as Metric, N as CollapsibleContent, Nn as TabsTrigger, Nt as MetricStrip, O as CardTitle, On as TableHeader, Ot as IconTile, P as CollapsibleTrigger, Pn as Tag, Pt as PageHeader, Q as Dialog, Qn as buttonVariants, Qt as SelectScrollUpButton, R as ContextMenuGroup, Rt as PopoverAnchor, S as Calendar, Sn as Table, St as DropdownMenuSubTrigger, T as CardDescription, Tn as TableCell, Tt as FilterField, U as ContextMenuRadioItem, Un as ToastContainer, Ut as RadioGroup, V as ContextMenuPortal, Vn as ThemeToggle, Vt as PopoverTrigger, W as ContextMenuSeparator, Wn as ToastProvider, Wt as RadioGroupItem, X as CopyButton, Xn as UploadProgress, Xt as SelectLabel, Y as ContextMenuTrigger, Yn as TooltipTrigger, Yt as SelectItem, Z as DatePicker, Zn as badgeVariants, Zt as SelectScrollDownButton, _ as AvatarFallback, _n as Slider, _t as DropdownMenuRadioItem, a as AlertDialogCancel, an as SheetContent, ar as useToast, at as DialogPortal, b as Button, bn as Switch, bt as DropdownMenuSub, c as AlertDialogFooter, cn as SheetHeader, cr as TangleKnot, ct as DropZone, d as AlertDialogPortal, dn as SheetTitle, dt as DropdownMenuContent, en as SelectTrigger, er as initialsOf, et as DialogContent, f as AlertDialogTitle, fn as SheetTrigger, ft as DropdownMenuGroup, g as Avatar, gn as SkeletonTable, gt as DropdownMenuRadioGroup, hn as SkeletonCard, ht as DropdownMenuPortal, i as AlertDialogAction, in as SheetClose, ir as useTheme, it as DialogOverlay, j as CodeBlock, jn as TabsContent, jt as Label, k as Checkbox, kn as TableRow, kt as InlineCode, l as AlertDialogHeader, ln as SheetOverlay, lt as DropdownMenu, m as AlertTitle, mn as Skeleton, mt as DropdownMenuLabel, n as AlertDescription, nn as Separator, nr as parseCalendarDate, nt as DialogFooter, o as AlertDialogContent, on as SheetDescription, or as SectionTitle, ot as DialogTitle, p as AlertDialogTrigger, pn as SidebarDropZone, pt as DropdownMenuItem, q as ContextMenuSubContent, qn as TooltipContent, qt as SelectContent, r as AlertDialog, rn as Sheet, rr as toneFor, rt as DialogHeader, s as AlertDialogDescription, sn as SheetFooter, sr as Logo, st as DialogTrigger, t as Alert, tn as SelectValue, tr as localToday, tt as DialogDescription, u as AlertDialogOverlay, un as SheetPortal, ut as DropdownMenuCheckboxItem, v as AvatarImage, vn as StatCard, vt as DropdownMenuSeparator, w as CardContent, wn as TableCaption, wt as EmptyState, x as CATEGORY_TONES, xn as TONE_CLASSES, xt as DropdownMenuSubContent, y as Badge, yn as StatusPill, yt as DropdownMenuShortcut, z as ContextMenuItem, zn as TextShimmer, zt as PopoverClose } from "./primitives-DSpl1Thf.js";
 import { i as WorkspacePaneHeader, n as SHELL_INSET_GUTTER, r as ShellHeader, t as SHELL_HEADER_HEIGHT } from "./shell-header-CTh3oV_e.js";
 import { C as WorkspaceSurfaceTitle, S as WorkspaceSurfaceFrame, _ as StatusBar, a as TaskBoard, b as WorkspaceLayout, c as createShellShouldRevalidate, d as SESSION_CREATED_EVENT, f as dispatchSessionCreated, g as TerminalPanel, h as RuntimePane, i as CalendarView, l as shellShouldRevalidate, m as formatRelativeAge, n as WorkspaceFilesPane, o as SandboxWorkbench, p as useOptimisticSessionItems, r as ApprovalQueue, s as WorkspaceArtifactView, t as ArtifactPane, u as SessionSidebar, v as StatusBanner, x as WorkspaceSurface, y as DirectoryPane } from "./workspace-ElQALzwV.js";
 import { i as VaultTree, n as filterFileNodes, r as VAULT_TREE_CHILD_PAGE, t as fileTreeFromPaths } from "./tree-data-DtoCNNBJ.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-A-7sV4Na.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-Ba7DlJHW.js";
 import { i as modelBrandFor, n as ProviderMark, r as canonicalModelId, t as ModelBrandStack } from "./model-brand-BSr9on8C.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";
 import { t as usePtySession } from "./use-pty-session-Bf4hBLXJ.js";
 import { CSV_PREVIEW_ROW_LIMIT, FileArtifactPane, FileCard, FileList, FilePreview, FileTabs, FileTree, PdfViewer, RichFileTree, configurePdfViewer, detectFileFormat, fileExtension, filterFileTree, getCodeLanguage, getFormatLabel, getSyntaxLanguage, parseCsv, resolveFilePreviewKind } from "./files.js";
 import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-CYb9hevq.js";
 import { OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, OpenUIArtifactRenderer, findUnsupportedOpenUINode, validateOpenUIJsonArtifact, validateOpenUIJsonNode } from "./openui.js";
-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";
+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-_aHUfqtH.js";
 import { ApprovalCard, ApprovalDiffSummary, ExpandedToolDetail, InlineThinkingItem, InlineToolItem, LiveDuration, RunGroup, RunPhaseList, RunRowShell, RunRowStatusDot, TaskList, ToolCallFeed, parseToolEvent, showsTaskPriority, taskProgress, taskStatus } from "./run.js";
 import "./vault-tree.js";
 import { a as TangleLoginButton, i as UserMenu, n as GitHubLoginButton, r as LoginLayout, t as AuthHeader } from "./auth-CWe17Hly.js";

package/dist/styles.css

@@ -1548,6 +1548,9 @@
   .max-w-\[calc\(100vw-24px\)\] {
     max-width: calc(100vw - 24px);
   }
+  .max-w-\[min\(16rem\,calc\(100vw-1rem\)\)\] {
+    max-width: min(16rem, calc(100vw - 1rem));
+  }
   .max-w-\[min\(640px\,calc\(100vw-2rem\)\)\] {
     max-width: min(640px, calc(100vw - 2rem));
   }
@@ -6102,6 +6105,11 @@
   .tangle-prose .\[\.tangle-prose_\&\]\:no-underline\! {
     text-decoration-line: none !important;
   }
+  @media (hover:hover) {
+    .\[\@media\(hover\:hover\)\]\:opacity-0 {
+      opacity: 0%;
+    }
+  }
   @media (pointer:coarse) {
     .\[\@media\(pointer\:coarse\)\]\:min-h-10 {
       min-height: calc(var(--spacing) * 10);

package/dist/{workbench-D3IKFGHo.js → workbench-Ai6g85oA.js}

@@ -1,5 +1,5 @@
 import { t as cn$1 } from "./utils-DzWbktWG.js";
-import { a as PortsList } from "./dashboard-A-7sV4Na.js";
+import { a as PortsList } from "./dashboard-Ba7DlJHW.js";
 import { n as TerminalView } from "./terminal-DmSUfGha.js";
 import { RichFileTree } from "./files.js";
 import { n as PreviewView } from "./embedded-app-view-CYb9hevq.js";

package/dist/workbench.d.ts

@@ -1,3 +1,3 @@
-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-CzSwq_cU.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-ByzdHyte.js";
 import { a as PreviewReadiness, i as PreviewAccess, n as EmbeddedAppView, r as EmbeddedAppViewProps, t as EmbeddedApp } from "./embedded-app-view-B_vMTtJn.js";
 export { type ArtifactView, BRAND_PRISM_THEME, type ChangedFile, ChangesPane, type ChangesPaneProps, CodeSurface, type CodeSurfaceProps, CodeView, type CodeViewProps, type DiffStats, DiffStatsBadge, DiffView, type DiffViewProps, type EmbeddedApp, EmbeddedAppView, type EmbeddedAppViewProps, FileBreadcrumb, type FileBreadcrumbProps, GitStatusBadge, PanelHeader, type PanelHeaderProps, type PillTabItem, PillTabs, type PillTabsProps, type PreviewAccess, type PreviewReadiness, PreviewView, type PreviewViewProps, type SandboxArtifact, SandboxArtifactPane, type SandboxArtifactPaneProps, type SandboxArtifactTerminal, buildUnifiedPatch, computeDiffStats, resolveLanguage };

package/dist/workbench.js

@@ -1,3 +1,3 @@
-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-D3IKFGHo.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-Ai6g85oA.js";
 import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-CYb9hevq.js";
 export { BRAND_PRISM_THEME, ChangesPane, CodeSurface, CodeView, DiffStatsBadge, DiffView, EmbeddedAppView, FileBreadcrumb, GitStatusBadge, PanelHeader, PillTabs, PreviewView, SandboxArtifactPane, buildUnifiedPatch, computeDiffStats, resolveLanguage };

package/package.json

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