@tangle-network/sandbox-ui 0.130.1 → 0.131.1

package/dist/assets.d.ts

@@ -189,11 +189,13 @@ interface ApprovalQueueProps {
   onSave?: (spec: AssetSpec) => void;
   onRevisionRequest?: (id: string, instruction: string) => void;
   onRenderRequest?: (id: string) => void;
+  /** Opens one asset's detail view, with the ids the queue shows, in order, for previous and next. */
+  onOpen?: (id: string, visibleIds: string[]) => void;
   renderingIds?: Set<string>;
   previewUrls?: Record<string, string>;
   className?: string;
 }
-export declare function ApprovalQueue({ assets, variantCounts, onApprove, onReject, onEdit, onSave, onRevisionRequest, onRenderRequest, renderingIds, previewUrls, className }: ApprovalQueueProps): React$1.JSX.Element;
+export declare function ApprovalQueue({ assets, variantCounts, onApprove, onReject, onEdit, onSave, onRevisionRequest, onRenderRequest, onOpen, renderingIds, previewUrls, className }: ApprovalQueueProps): React$1.JSX.Element;
 //#endregion
 //#region src/assets/asset-card.d.ts
 interface AssetCardProps {
@@ -202,9 +204,15 @@ interface AssetCardProps {
   onApprove?: (id: string) => void;
   onReject?: (id: string) => void;
   onEdit?: (id: string) => void;
+  /** Opens the asset's detail view. When set, the thumbnail and card body are one click target. */
+  onOpen?: (id: string) => void;
   className?: string;
 }
-export declare function AssetCard({ spec, variantCount, onApprove, onReject, onEdit, className }: AssetCardProps): import("react").JSX.Element;
+/** The URL of an image slide that is one picture with nothing layered on it. */
+export declare function imageOnlyUrl(content: ImageContent): string | null;
+/** The still frame a video asset carries: its first image scene or image slide. */
+export declare function videoPosterUrl(content: VideoContent): string | null;
+export declare function AssetCard({ spec, variantCount, onApprove, onReject, onEdit, onOpen, className }: AssetCardProps): import("react").JSX.Element;
 //#endregion
 //#region src/assets/asset-editor.d.ts
 interface AssetEditorProps {
@@ -218,6 +226,12 @@ interface AssetEditorProps {
 }
 export declare function AssetEditor({ spec, previewUrl, isRendering, onSave, onRenderRequest, onRevisionRequest, className }: AssetEditorProps): React$1.JSX.Element;
 //#endregion
+//#region src/assets/labels.d.ts
+/** Reader-facing name for each asset format. */
+export declare const ASSET_FORMAT_LABEL: Record<AssetFormat, string>;
+/** Reader-facing name for each review status. */
+export declare const ASSET_STATUS_LABEL: Record<AssetStatus, string>;
+//#endregion
 //#region src/assets/preview/copy-preview.d.ts
 interface CopyPreviewProps {
   content: CopyContent;

package/dist/assets.js

@@ -1,9 +1,9 @@
 import { t as cn } from "./utils-DzWbktWG.js";
-import { Badge, Button, Input, Label, Textarea } from "@tangle-network/ui/primitives";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Badge, Button, DatePicker, FilterField, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Textarea, Toolbar, localToday } from "@tangle-network/ui/primitives";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
 import { Fragment as Fragment$1 } from "react";
-import { Check, CheckCheck, ChevronDown, ChevronLeft, ChevronRight, Film, GitBranch, Loader2, MessageSquare, Pencil, Play, Save, Search, X } from "lucide-react";
+import { Check, CheckCheck, ChevronDown, ChevronLeft, ChevronRight, Film, GitBranch, Loader2, Maximize2, MessageSquare, Pencil, Play, Save, Search, X } from "lucide-react";
 //#region src/assets/preview/image-preview.tsx
 const ASPECT = {
 	feed: "aspect-square",
@@ -118,6 +118,29 @@ function ImagePreview({ content, brand, format = "feed", className }) {
 	});
 }
 //#endregion
+//#region src/assets/labels.ts
+/** Reader-facing name for each asset format. */
+const ASSET_FORMAT_LABEL = {
+	email: "Email",
+	"image:feed": "Feed image",
+	"image:story": "Story",
+	"image:carousel": "Carousel",
+	"video:reel": "Reel",
+	"video:feed": "Feed video",
+	"copy:caption": "Caption",
+	"copy:headline": "Headline",
+	"copy:sms": "SMS"
+};
+/** Reader-facing name for each review status. */
+const ASSET_STATUS_LABEL = {
+	draft: "Draft",
+	pending_review: "Pending review",
+	approved: "Approved",
+	rejected: "Rejected",
+	scheduled: "Scheduled",
+	published: "Published"
+};
+//#endregion
 //#region src/assets/asset-card.tsx
 const STATUS_VARIANT = {
 	draft: "secondary",
@@ -127,111 +150,173 @@ const STATUS_VARIANT = {
 	scheduled: "secondary",
 	published: "default"
 };
-const STATUS_LABEL = {
-	draft: "Draft",
-	pending_review: "Review",
-	approved: "Approved",
-	rejected: "Rejected",
-	scheduled: "Scheduled",
-	published: "Published"
-};
+/** The URL of an image slide that is one picture with nothing layered on it. */
+function imageOnlyUrl(content) {
+	const slide = content.slides[0];
+	return slide && slide.layers.length === 0 && slide.background.type === "image" ? slide.background.url : null;
+}
+/** The still frame a video asset carries: its first image scene or image slide. */
+function videoPosterUrl(content) {
+	for (const scene of content.scenes) {
+		if (scene.type === "image-reveal") return scene.imageUrl;
+		if (scene.type === "slide" && scene.slide.background.type === "image") return scene.slide.background.url;
+	}
+	return null;
+}
+function formatDuration(seconds) {
+	const whole = Math.max(0, Math.round(seconds));
+	return `${Math.floor(whole / 60)}:${String(whole % 60).padStart(2, "0")}`;
+}
+/** A short phrase that tells one asset from another of the same format. */
+function assetSummary(spec) {
+	if (spec.format === "email") return spec.content.subject || null;
+	if (spec.format.startsWith("copy:")) return spec.content.headline || null;
+	return null;
+}
 function Thumbnail({ spec }) {
 	const { format, brand, content } = spec;
 	if (format === "email") {
 		const ec = content;
 		return /* @__PURE__ */ jsxs("div", {
-			className: "p-2 text-xs space-y-0.5",
+			className: "flex h-full flex-col gap-1 p-3 text-sm",
 			children: [/* @__PURE__ */ jsx("div", {
-				className: "font-medium truncate",
+				className: "line-clamp-3 font-medium",
 				children: ec.subject
 			}), /* @__PURE__ */ jsxs("div", {
-				className: "text-muted-foreground truncate text-[10px]",
+				className: "text-xs text-muted-foreground",
 				children: [ec.sections.length, " sections"]
 			})]
 		});
 	}
-	if (format.startsWith("image:")) return /* @__PURE__ */ jsx("div", {
-		className: "overflow-hidden rounded",
-		style: { maxHeight: 120 },
-		children: /* @__PURE__ */ jsx(ImagePreview, {
-			content,
-			brand,
-			format: format === "image:story" ? "story" : "feed"
-		})
-	});
+	if (format.startsWith("image:")) {
+		const ic = content;
+		const url = imageOnlyUrl(ic);
+		if (url) return /* @__PURE__ */ jsx("img", {
+			src: url,
+			alt: "",
+			loading: "lazy",
+			decoding: "async",
+			className: "h-full w-full object-contain"
+		});
+		return /* @__PURE__ */ jsx("div", {
+			className: "h-full overflow-hidden",
+			children: /* @__PURE__ */ jsx(ImagePreview, {
+				content: ic,
+				brand,
+				format: format === "image:story" ? "story" : "feed"
+			})
+		});
+	}
 	if (format.startsWith("video:")) {
 		const vc = content;
+		const poster = videoPosterUrl(vc);
 		return /* @__PURE__ */ jsxs("div", {
-			className: "p-2 text-xs space-y-0.5",
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "font-medium",
-				children: [vc.scenes.length, " scenes"]
-			}), /* @__PURE__ */ jsxs("div", {
-				className: "text-muted-foreground",
-				children: [vc.durationSeconds, "s video"]
-			})]
+			className: "relative h-full w-full",
+			children: [
+				poster ? /* @__PURE__ */ jsx("img", {
+					src: poster,
+					alt: "",
+					loading: "lazy",
+					decoding: "async",
+					className: "h-full w-full object-contain"
+				}) : /* @__PURE__ */ jsx("div", {
+					className: "flex h-full flex-col gap-1 p-3 text-sm",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "font-medium",
+						children: [vc.scenes.length, " scenes"]
+					})
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "pointer-events-none absolute top-1/2 left-1/2 flex size-10 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-black/60 text-white",
+					children: /* @__PURE__ */ jsx(Play, {
+						size: 18,
+						className: "translate-x-px",
+						"aria-hidden": true
+					})
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "pointer-events-none absolute right-2 bottom-2 rounded bg-black/70 px-1.5 py-0.5 text-xs text-white tabular-nums",
+					children: formatDuration(vc.durationSeconds)
+				})
+			]
 		});
 	}
 	if (format.startsWith("copy:")) {
 		const cc = content;
 		return /* @__PURE__ */ jsxs("div", {
-			className: "p-2 text-xs truncate space-y-0.5",
+			className: "flex h-full flex-col gap-1 p-3 text-sm",
 			children: [/* @__PURE__ */ jsx("div", {
-				className: "font-medium truncate",
+				className: "line-clamp-2 font-medium",
 				children: cc.headline
 			}), /* @__PURE__ */ jsx("div", {
-				className: "text-muted-foreground line-clamp-2 text-[10px]",
+				className: "line-clamp-4 text-xs text-muted-foreground",
 				children: cc.body
 			})]
 		});
 	}
 	return null;
 }
-function AssetCard({ spec, variantCount, onApprove, onReject, onEdit, className }) {
+function AssetCard({ spec, variantCount, onApprove, onReject, onEdit, onOpen, className }) {
+	const formatLabel = ASSET_FORMAT_LABEL[spec.format] ?? spec.format;
+	const statusLabel = ASSET_STATUS_LABEL[spec.status] ?? spec.status;
+	const summary = assetSummary(spec);
+	const hasActions = Boolean(onEdit || spec.status === "pending_review" && (onReject || onApprove));
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("rounded-lg border border-border bg-card flex flex-col overflow-hidden hover:border-border/80 transition-colors", className),
+		"data-asset-id": spec.id,
+		className: cn("group relative flex flex-col overflow-hidden rounded-lg border border-border bg-card transition-[border-color,box-shadow]", onOpen && "hover:border-primary/60 hover:shadow-md", className),
 		children: [
-			/* @__PURE__ */ jsx("div", {
-				className: "min-h-[80px] bg-muted/30",
-				children: /* @__PURE__ */ jsx(Thumbnail, { spec })
+			onOpen && /* @__PURE__ */ jsx("button", {
+				type: "button",
+				"data-asset-open": "",
+				onClick: () => onOpen(spec.id),
+				"aria-label": `Open ${formatLabel.toLowerCase()}${summary ? `: ${summary}` : ""}, ${statusLabel.toLowerCase()}`,
+				className: "absolute inset-0 z-[1] cursor-pointer rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset"
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "relative aspect-square overflow-hidden bg-muted/40",
+				children: [/* @__PURE__ */ jsx(Thumbnail, { spec }), onOpen && /* @__PURE__ */ jsx("span", {
+					"aria-hidden": true,
+					className: "pointer-events-none absolute top-2 right-2 flex size-7 items-center justify-center rounded-md bg-background/90 text-foreground opacity-0 shadow-sm transition-opacity group-hover:opacity-100 group-focus-within:opacity-100",
+					children: /* @__PURE__ */ jsx(Maximize2, { size: 14 })
+				})]
 			}),
 			/* @__PURE__ */ jsxs("div", {
-				className: "px-2 py-1.5 flex items-center gap-1.5",
+				className: "flex items-center gap-2 px-2.5 py-2",
 				children: [
 					/* @__PURE__ */ jsx("span", {
-						className: "text-[10px] text-muted-foreground flex-1 truncate",
-						children: spec.format
+						className: "min-w-0 flex-1 truncate text-xs text-muted-foreground",
+						children: formatLabel
 					}),
 					/* @__PURE__ */ jsx(Badge, {
 						variant: STATUS_VARIANT[spec.status],
-						className: "text-[10px] h-4 px-1.5",
-						children: STATUS_LABEL[spec.status]
+						className: "shrink-0 text-xs",
+						children: statusLabel
 					}),
 					variantCount !== void 0 && variantCount > 0 && /* @__PURE__ */ jsxs("span", {
-						className: "flex items-center gap-0.5 text-[10px] text-muted-foreground",
-						children: [/* @__PURE__ */ jsx(GitBranch, { size: 10 }), variantCount]
+						className: "flex shrink-0 items-center gap-0.5 text-xs text-muted-foreground",
+						children: [/* @__PURE__ */ jsx(GitBranch, { size: 12 }), variantCount]
 					})
 				]
 			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex border-t border-border",
+			hasActions && /* @__PURE__ */ jsxs("div", {
+				className: "relative z-[2] flex border-t border-border bg-card",
 				children: [
 					onEdit && /* @__PURE__ */ jsxs("button", {
 						type: "button",
 						onClick: () => onEdit(spec.id),
-						className: "flex-1 flex items-center justify-center gap-1 py-1.5 text-xs text-muted-foreground hover:text-foreground hover:bg-muted/50 transition-colors",
+						className: "flex flex-1 items-center justify-center gap-1 py-2 text-xs text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
 						children: [/* @__PURE__ */ jsx(Pencil, { size: 12 }), "Edit"]
 					}),
 					onReject && spec.status === "pending_review" && /* @__PURE__ */ jsxs("button", {
 						type: "button",
 						onClick: () => onReject(spec.id),
-						className: "flex-1 flex items-center justify-center gap-1 py-1.5 text-xs text-muted-foreground hover:text-destructive hover:bg-destructive/5 transition-colors border-l border-border",
+						className: "flex flex-1 items-center justify-center gap-1 border-l border-border py-2 text-xs text-muted-foreground transition-colors hover:bg-destructive/5 hover:text-destructive",
 						children: [/* @__PURE__ */ jsx(X, { size: 12 }), "Reject"]
 					}),
 					onApprove && spec.status === "pending_review" && /* @__PURE__ */ jsxs("button", {
 						type: "button",
 						onClick: () => onApprove(spec.id),
-						className: "flex-1 flex items-center justify-center gap-1 py-1.5 text-xs text-muted-foreground hover:text-green-600 hover:bg-green-600/5 transition-colors border-l border-border",
+						className: "flex flex-1 items-center justify-center gap-1 border-l border-border py-2 text-xs text-muted-foreground transition-colors hover:bg-green-600/5 hover:text-green-600",
 						children: [/* @__PURE__ */ jsx(Check, { size: 12 }), "Approve"]
 					})
 				]
@@ -886,12 +971,15 @@ const STATUS_OPTIONS = [
 		label: "Published"
 	}
 ];
-function ApprovalQueue({ assets, variantCounts = {}, onApprove, onReject, onEdit, onSave, onRevisionRequest, onRenderRequest, renderingIds = /* @__PURE__ */ new Set(), previewUrls = {}, className }) {
+function ApprovalQueue({ assets, variantCounts = {}, onApprove, onReject, onEdit, onSave, onRevisionRequest, onRenderRequest, onOpen, renderingIds = /* @__PURE__ */ new Set(), previewUrls = {}, className }) {
 	const [search, setSearch] = React$1.useState("");
 	const [formatFilter, setFormatFilter] = React$1.useState("all");
 	const [statusFilter, setStatusFilter] = React$1.useState("pending_review");
 	const [editingId, setEditingId] = React$1.useState(null);
 	const [scheduleDate, setScheduleDate] = React$1.useState("");
+	const formatId = React$1.useId();
+	const statusId = React$1.useId();
+	const scheduleId = React$1.useId();
 	const filtered = assets.filter((a) => {
 		if (formatFilter !== "all" && a.format !== formatFilter) return false;
 		if (statusFilter !== "all" && a.status !== statusFilter) return false;
@@ -949,60 +1037,78 @@ function ApprovalQueue({ assets, variantCounts = {}, onApprove, onReject, onEdit
 	});
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("flex flex-col gap-3", className),
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex flex-wrap gap-2 items-center",
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: "relative flex-1 min-w-40",
-					children: [/* @__PURE__ */ jsx(Search, {
-						size: 12,
-						className: "absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground"
-					}), /* @__PURE__ */ jsx(Input, {
-						value: search,
-						onChange: (e) => setSearch(e.target.value),
-						placeholder: "Filter assets…",
-						className: "h-8 pl-7 text-sm"
-					})]
-				}),
-				/* @__PURE__ */ jsx("select", {
-					value: formatFilter,
-					onChange: (e) => setFormatFilter(e.target.value),
-					className: "h-8 px-2 text-xs rounded border border-input bg-background",
-					children: FORMAT_OPTIONS.map((o) => /* @__PURE__ */ jsx("option", {
-						value: o.value,
-						children: o.label
-					}, o.value))
+		children: [/* @__PURE__ */ jsx(Toolbar, {
+			className: "mb-0",
+			search: /* @__PURE__ */ jsxs("div", {
+				className: "relative",
+				children: [/* @__PURE__ */ jsx(Search, {
+					size: 14,
+					"aria-hidden": true,
+					className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
+				}), /* @__PURE__ */ jsx(Input, {
+					value: search,
+					onChange: (e) => setSearch(e.target.value),
+					placeholder: "Filter assets…",
+					"aria-label": "Filter assets",
+					className: "pl-9"
+				})]
+			}),
+			filters: /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsx(FilterField, {
+					label: "Format",
+					htmlFor: formatId,
+					children: /* @__PURE__ */ jsxs(Select, {
+						value: formatFilter,
+						onValueChange: setFormatFilter,
+						children: [/* @__PURE__ */ jsx(SelectTrigger, {
+							id: formatId,
+							className: "w-36",
+							children: /* @__PURE__ */ jsx(SelectValue, {})
+						}), /* @__PURE__ */ jsx(SelectContent, { children: FORMAT_OPTIONS.map((o) => /* @__PURE__ */ jsx(SelectItem, {
+							value: o.value,
+							children: o.label
+						}, o.value)) })]
+					})
 				}),
-				/* @__PURE__ */ jsx("select", {
-					value: statusFilter,
-					onChange: (e) => setStatusFilter(e.target.value),
-					className: "h-8 px-2 text-xs rounded border border-input bg-background",
-					children: STATUS_OPTIONS.map((o) => /* @__PURE__ */ jsx("option", {
-						value: o.value,
-						children: o.label
-					}, o.value))
+				/* @__PURE__ */ jsx(FilterField, {
+					label: "Status",
+					htmlFor: statusId,
+					children: /* @__PURE__ */ jsxs(Select, {
+						value: statusFilter,
+						onValueChange: setStatusFilter,
+						children: [/* @__PURE__ */ jsx(SelectTrigger, {
+							id: statusId,
+							className: "w-36",
+							children: /* @__PURE__ */ jsx(SelectValue, {})
+						}), /* @__PURE__ */ jsx(SelectContent, { children: STATUS_OPTIONS.map((o) => /* @__PURE__ */ jsx(SelectItem, {
+							value: o.value,
+							children: o.label
+						}, o.value)) })]
+					})
 				}),
-				pendingCount > 0 && onApprove && /* @__PURE__ */ jsxs("div", {
-					className: "flex items-center gap-1.5",
-					children: [/* @__PURE__ */ jsx("input", {
-						type: "date",
+				pendingCount > 0 && onApprove && /* @__PURE__ */ jsx(FilterField, {
+					label: "Schedule for",
+					htmlFor: scheduleId,
+					children: /* @__PURE__ */ jsx(DatePicker, {
+						id: scheduleId,
+						className: "w-40",
+						placeholder: "Not scheduled",
+						min: localToday(),
 						value: scheduleDate,
-						onChange: (e) => setScheduleDate(e.target.value),
-						className: "h-8 px-2 text-xs rounded border border-input bg-background w-32"
-					}), /* @__PURE__ */ jsxs(Button, {
-						size: "sm",
-						variant: "outline",
-						onClick: handleBulkApprove,
-						className: "h-8 gap-1.5 text-xs",
-						children: [
-							/* @__PURE__ */ jsx(CheckCheck, { size: 13 }),
-							"Approve all (",
-							pendingCount,
-							")"
-						]
-					})]
+						onChange: setScheduleDate
+					})
 				})
-			]
+			] }),
+			actions: pendingCount > 0 && onApprove ? /* @__PURE__ */ jsxs(Button, {
+				variant: "outline",
+				onClick: handleBulkApprove,
+				children: [
+					/* @__PURE__ */ jsx(CheckCheck, {}),
+					"Approve all (",
+					pendingCount,
+					")"
+				]
+			}) : void 0
 		}), filtered.length === 0 ? /* @__PURE__ */ jsx("div", {
 			className: "py-12 text-center text-sm text-muted-foreground",
 			children: "No assets match your filters."
@@ -1013,10 +1119,11 @@ function ApprovalQueue({ assets, variantCounts = {}, onApprove, onReject, onEdit
 				variantCount: variantCounts[a.id],
 				onApprove,
 				onReject,
-				onEdit: () => setEditingId(a.id)
+				onEdit: () => setEditingId(a.id),
+				onOpen: onOpen ? (id) => onOpen(id, filtered.map((asset) => asset.id)) : void 0
 			}, a.id))
 		})]
 	});
 }
 //#endregion
-export { ApprovalQueue, AssetCard, AssetEditor, CopyPreview, EmailPreview, ImagePreview, VideoPreview };
+export { ASSET_FORMAT_LABEL, ASSET_STATUS_LABEL, ApprovalQueue, AssetCard, AssetEditor, CopyPreview, EmailPreview, ImagePreview, VideoPreview, imageOnlyUrl, videoPosterUrl };

package/dist/{dashboard-BW-rPRwj.js → dashboard-B7mrHa2A.js}

@@ -1,4 +1,4 @@
-import { $n as Logo, b as Button$1 } from "./primitives-JjV1ruzp.js";
+import { b as Button$1, sr as Logo } from "./primitives-DVo5ldkk.js";
 import { t as cn$1 } from "./utils-DzWbktWG.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";

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-BW-rPRwj.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-B7mrHa2A.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 };