@tangle-network/sandbox-ui 0.118.0 → 0.119.0

package/dist/{dashboard-D4un5GtD.js → dashboard-CnGK2S3A.js}

@@ -1,4 +1,4 @@
-import { Wt as Logo, o as Button$1 } from "./primitives-N-59i3-7.js";
+import { Wt as Logo, o as Button$1 } from "./primitives-BQGtwZX3.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";
@@ -10,7 +10,7 @@ import { useEffect, useRef, useState } from "react";
 import { createPortal } from "react-dom";
 import { Activity, BarChart2, Bell, Bot, Box, Camera, Check, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, Clock, Code2, Copy, Cpu, DollarSign, Download, ExternalLink, File, FileEdit, FilePlus, FileText, GitBranch, GitCommit, Globe, HardDrive, Key, Layers, Loader2, MemoryStick, MessageSquare, Monitor, MoreHorizontal, MoreVertical, Network, PanelLeft, Play, Plug, Plus, Power, PowerOff, RefreshCw, RotateCcw, Server, Settings, ShieldAlert, Skull, Terminal, Timer, Trash2, User, Users, Wrench, X, XCircle } from "lucide-react";
 import { focusField, focusFieldWithin, focusRing, focusRingInset, timeAgo } from "@tangle-network/ui/utils";
-import * as Select from "@radix-ui/react-select";
+import * as Select$1 from "@radix-ui/react-select";
 //#region src/dashboard/sidebar-context.tsx
 const PANEL_OPEN_KEY = "sandbox-sidebar-panel-open";
 const RAIL_COLLAPSED_KEY = "sandbox-sidebar-rail-collapsed";
@@ -2415,7 +2415,7 @@ function BackendSelector({ backends, selected, onChange, variant = "pill", label
 	const current = backends.find((b) => b.type === selected);
 	const triggerText = current?.label ?? placeholder;
 	const ariaLabel = label ? `${label}: ${triggerText}` : triggerText;
-	const trigger = variant === "pill" ? /* @__PURE__ */ jsxs(Select.Trigger, {
+	const trigger = variant === "pill" ? /* @__PURE__ */ jsxs(Select$1.Trigger, {
 		"aria-label": ariaLabel,
 		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 duration-[var(--transition-fast)]", "hover:border-[var(--md3-outline-variant)] hover:bg-surface-container-high", focusRing, "data-[state=open]:border-[var(--md3-outline)] data-[state=open]:bg-surface-container-high", "disabled:opacity-50 disabled:cursor-not-allowed", triggerClassName),
 		children: [
@@ -2428,12 +2428,12 @@ function BackendSelector({ backends, selected, onChange, variant = "pill", label
 				className: "sr-only",
 				children: current.description
 			}),
-			/* @__PURE__ */ jsx(Select.Icon, {
+			/* @__PURE__ */ jsx(Select$1.Icon, {
 				asChild: true,
 				children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3 shrink-0 text-muted-foreground transition-transform duration-[var(--transition-fast)] data-[state=open]:rotate-180" })
 			})
 		]
-	}) : /* @__PURE__ */ jsxs(Select.Trigger, {
+	}) : /* @__PURE__ */ jsxs(Select$1.Trigger, {
 		"aria-label": ariaLabel,
 		className: cn$1("flex w-full items-center justify-between gap-2 rounded-[var(--radius-md)]", "border border-[var(--md3-outline-variant)] bg-surface-container px-3 py-2.5 text-sm text-left", "transition-colors duration-[var(--transition-fast)]", "hover:border-[var(--md3-outline-variant)] hover:bg-surface-container-high", focusRing, "data-[state=open]:border-[var(--md3-outline)] data-[state=open]:bg-surface-container-high", "disabled:opacity-50 disabled:cursor-not-allowed", triggerClassName),
 		children: [/* @__PURE__ */ jsxs("span", {
@@ -2449,7 +2449,7 @@ function BackendSelector({ backends, selected, onChange, variant = "pill", label
 					children: current.description
 				})
 			]
-		}), /* @__PURE__ */ jsx(Select.Icon, {
+		}), /* @__PURE__ */ jsx(Select$1.Icon, {
 			asChild: true,
 			children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-[var(--transition-fast)] data-[state=open]:rotate-180" })
 		})]
@@ -2459,16 +2459,16 @@ function BackendSelector({ backends, selected, onChange, variant = "pill", label
 		children: [variant === "field" && label && /* @__PURE__ */ jsx("label", {
 			className: "block text-xs font-medium text-muted-foreground uppercase tracking-[0.06em]",
 			children: label
-		}), /* @__PURE__ */ jsxs(Select.Root, {
+		}), /* @__PURE__ */ jsxs(Select$1.Root, {
 			value: selected,
 			onValueChange: onChange,
-			children: [trigger, /* @__PURE__ */ jsx(Select.Portal, { children: /* @__PURE__ */ jsx(Select.Content, {
+			children: [trigger, /* @__PURE__ */ jsx(Select$1.Portal, { children: /* @__PURE__ */ jsx(Select$1.Content, {
 				position: "popper",
 				sideOffset: 4,
 				className: cn$1("z-50 max-h-[var(--radix-select-content-available-height)] overflow-hidden", variant === "pill" ? "min-w-[240px] max-w-[320px]" : "w-[var(--radix-select-trigger-width)]", "rounded-[var(--radius-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]", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[side=bottom]:slide-in-from-top-1"),
-				children: /* @__PURE__ */ jsx(Select.Viewport, {
+				children: /* @__PURE__ */ jsx(Select$1.Viewport, {
 					className: "max-h-[min(24rem,calc(var(--radix-select-content-available-height)-2px))] overflow-y-auto overscroll-contain p-1",
-					children: backends.map((backend) => /* @__PURE__ */ jsxs(Select.Item, {
+					children: backends.map((backend) => /* @__PURE__ */ jsxs(Select$1.Item, {
 						value: backend.type,
 						className: cn$1("relative flex cursor-pointer select-none items-start gap-2.5 rounded-[var(--radius-sm)]", "px-3 py-2 text-sm outline-none", "transition-colors duration-[var(--transition-fast)]", "hover:bg-accent/50 focus:bg-accent/50", "data-[state=checked]:bg-[var(--accent-surface-soft)] data-[state=checked]:text-[var(--brand-primary)]"),
 						children: [backend.icon && /* @__PURE__ */ jsx("span", {
@@ -2476,7 +2476,7 @@ function BackendSelector({ backends, selected, onChange, variant = "pill", label
 							children: backend.icon
 						}), /* @__PURE__ */ jsxs("span", {
 							className: "flex min-w-0 flex-col",
-							children: [/* @__PURE__ */ jsx(Select.ItemText, { children: /* @__PURE__ */ jsx("span", {
+							children: [/* @__PURE__ */ jsx(Select$1.ItemText, { children: /* @__PURE__ */ jsx("span", {
 								className: "font-medium",
 								children: backend.label
 							}) }), backend.description && /* @__PURE__ */ jsx("span", {

package/dist/dashboard.js

@@ -1,4 +1,4 @@
-import { $ as SidebarRailNav, A as ResourceMeter, B as RailFlyout, C as InvoiceTable, D as canAdminSandbox, E as SandboxCard, F as CreditBalance, G as Sidebar, H as RailModeButton, I as ProfileAvatar, J as SidebarPanelContent, K as SidebarContent, L as RailButton, M as INSUFFICIENT_BALANCE_CODE, N as OutOfCreditsModal, O as ActivityFeed, P as parseInsufficientBalance, Q as SidebarRailHeader, R as RailCollapseToggle, S as PlanCards, T as NewSandboxCard, U as RailSeparator, V as RailHeader, W as RailThemeToggle, X as SidebarRail, Y as SidebarPanelHeader, Z as SidebarRailFooter, _ as HarnessPicker, a as ProcessList, at as SIDEBAR_TOTAL_WIDTH, b as HarnessLogo, c as UsageSummary, d as MetricAreaChart, et as RailTooltip, f as ProfileComparison, g as HARNESS_OPTIONS, h as DashboardLayout, i as NetworkConfig, it as SIDEBAR_RAIL_WIDTH, j as ClusterStatusBar, k as ResourceSnapshot, l as SystemLogsViewer, m as SidebarLayout, n as SnapshotList, nt as SIDEBAR_PANEL_WIDTH, o as PortsList, ot as SidebarProvider, p as ProfileSelector, q as SidebarPanel, r as BackendConfig, rt as SIDEBAR_RAIL_LABELED_WIDTH, s as GitPanel, st as useSidebar, t as PromoBanner, tt as SIDEBAR_MOBILE_WIDTH, u as VariantList, v as chatCapableHarnesses, w as SandboxTable, x as BackendSelector, y as HARNESS_BRAND, z as RailExpandable } from "./dashboard-D4un5GtD.js";
+import { $ as SidebarRailNav, A as ResourceMeter, B as RailFlyout, C as InvoiceTable, D as canAdminSandbox, E as SandboxCard, F as CreditBalance, G as Sidebar, H as RailModeButton, I as ProfileAvatar, J as SidebarPanelContent, K as SidebarContent, L as RailButton, M as INSUFFICIENT_BALANCE_CODE, N as OutOfCreditsModal, O as ActivityFeed, P as parseInsufficientBalance, Q as SidebarRailHeader, R as RailCollapseToggle, S as PlanCards, T as NewSandboxCard, U as RailSeparator, V as RailHeader, W as RailThemeToggle, X as SidebarRail, Y as SidebarPanelHeader, Z as SidebarRailFooter, _ as HarnessPicker, a as ProcessList, at as SIDEBAR_TOTAL_WIDTH, b as HarnessLogo, c as UsageSummary, d as MetricAreaChart, et as RailTooltip, f as ProfileComparison, g as HARNESS_OPTIONS, h as DashboardLayout, i as NetworkConfig, it as SIDEBAR_RAIL_WIDTH, j as ClusterStatusBar, k as ResourceSnapshot, l as SystemLogsViewer, m as SidebarLayout, n as SnapshotList, nt as SIDEBAR_PANEL_WIDTH, o as PortsList, ot as SidebarProvider, p as ProfileSelector, q as SidebarPanel, r as BackendConfig, rt as SIDEBAR_RAIL_LABELED_WIDTH, s as GitPanel, st as useSidebar, t as PromoBanner, tt as SIDEBAR_MOBILE_WIDTH, u as VariantList, v as chatCapableHarnesses, w as SandboxTable, x as BackendSelector, y as HARNESS_BRAND, z as RailExpandable } from "./dashboard-CnGK2S3A.js";
 import { n as canonicalModelId, r as modelBrandFor, t as ModelBrandStack } from "./model-brand-hMyDTUqB.js";
 import { a as formatPrice, i as PricingPage, n as TemplateCard, o as BillingDashboard, r as UsageChart, t as InfoPanel } from "./info-panel-C9cqDzOL.js";
 export { ActivityFeed, BackendConfig, BackendSelector, BillingDashboard, ClusterStatusBar, CreditBalance, DashboardLayout, GitPanel, HARNESS_BRAND, HARNESS_OPTIONS, HarnessLogo, HarnessPicker, INSUFFICIENT_BALANCE_CODE, InfoPanel, InvoiceTable, MetricAreaChart, ModelBrandStack, NetworkConfig, NewSandboxCard, OutOfCreditsModal, PlanCards, PortsList, PricingPage, ProcessList, ProfileAvatar, ProfileComparison, ProfileSelector, PromoBanner, RailButton, RailCollapseToggle, RailExpandable, RailFlyout, RailHeader, RailModeButton, RailSeparator, RailThemeToggle, RailTooltip, ResourceMeter, ResourceSnapshot, SIDEBAR_MOBILE_WIDTH, SIDEBAR_PANEL_WIDTH, SIDEBAR_RAIL_LABELED_WIDTH, SIDEBAR_RAIL_WIDTH, SIDEBAR_TOTAL_WIDTH, SandboxCard, SandboxTable, Sidebar, SidebarContent, SidebarLayout, SidebarPanel, SidebarPanelContent, SidebarPanelHeader, SidebarProvider, SidebarRail, SidebarRailFooter, SidebarRailHeader, SidebarRailNav, SnapshotList, SystemLogsViewer, TemplateCard, UsageChart, UsageSummary, VariantList, canAdminSandbox, canonicalModelId, chatCapableHarnesses, formatPrice, modelBrandFor, parseInsufficientBalance, useSidebar };

package/dist/globals.css

@@ -1293,6 +1293,9 @@
   .w-\[var\(--tool-icon-size\)\] {
     width: var(--tool-icon-size);
   }
+  .w-auto {
+    width: auto;
+  }
   .w-fit {
     width: fit-content;
   }
@@ -1494,6 +1497,9 @@
   .min-w-14 {
     min-width: calc(var(--spacing) * 14);
   }
+  .min-w-32 {
+    min-width: calc(var(--spacing) * 32);
+  }
   .min-w-40 {
     min-width: calc(var(--spacing) * 40);
   }
@@ -1566,6 +1572,9 @@
   .basis-1\/3 {
     flex-basis: calc(1 / 3 * 100%);
   }
+  .basis-64 {
+    flex-basis: calc(var(--spacing) * 64);
+  }
   .table-fixed {
     table-layout: fixed;
   }
@@ -2233,9 +2242,6 @@
       border-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent);
     }
   }
-  .border-foreground {
-    border-color: hsl(var(--foreground));
-  }
   .border-green-500\/30 {
     border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 30%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2245,9 +2251,6 @@
   .border-input {
     border-color: hsl(var(--input));
   }
-  .border-muted-foreground {
-    border-color: hsl(var(--muted-foreground));
-  }
   .border-primary {
     border-color: hsl(var(--primary));
   }
@@ -3057,12 +3060,18 @@
   .pb-8 {
     padding-bottom: calc(var(--spacing) * 8);
   }
+  .pl-1 {
+    padding-left: var(--spacing);
+  }
   .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }
   .pl-3 {
     padding-left: calc(var(--spacing) * 3);
   }
+  .pl-4 {
+    padding-left: calc(var(--spacing) * 4);
+  }
   .pl-6 {
     padding-left: calc(var(--spacing) * 6);
   }
@@ -4506,6 +4515,9 @@
   .focus\:border-\[var\(--focus-border-danger\)\]:focus {
     border-color: var(--focus-border-danger);
   }
+  .focus\:bg-\[var\(--accent-surface-strong\)\]:focus {
+    background-color: var(--accent-surface-strong);
+  }
   .focus\:bg-accent:focus {
     background-color: hsl(var(--accent));
   }
@@ -4736,6 +4748,9 @@
   .data-\[state\=checked\]\:bg-\[var\(--accent-surface-soft\)\][data-state="checked"] {
     background-color: var(--accent-surface-soft);
   }
+  .data-\[state\=checked\]\:bg-\[var\(--accent-surface-strong\)\][data-state="checked"] {
+    background-color: var(--accent-surface-strong);
+  }
   .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
     background-color: hsl(var(--primary));
   }
@@ -4745,6 +4760,9 @@
   .data-\[state\=checked\]\:text-\[var\(--brand-primary\)\][data-state="checked"] {
     color: var(--brand-primary);
   }
+  .data-\[state\=checked\]\:text-foreground[data-state="checked"] {
+    color: hsl(var(--foreground));
+  }
   .data-\[state\=inactive\]\:text-muted-foreground[data-state="inactive"] {
     color: hsl(var(--muted-foreground));
   }
@@ -4762,6 +4780,9 @@
   .data-\[state\=open\]\:border-\[var\(--md3-outline-variant\)\][data-state="open"] {
     border-color: var(--md3-outline-variant);
   }
+  .data-\[state\=open\]\:border-primary[data-state="open"] {
+    border-color: hsl(var(--primary));
+  }
   .data-\[state\=open\]\:bg-\[var\(--accent-surface-strong\)\][data-state="open"] {
     background-color: var(--accent-surface-strong);
   }
@@ -4869,6 +4890,9 @@
     .sm\:w-auto {
       width: auto;
     }
+    .sm\:min-w-40 {
+      min-width: calc(var(--spacing) * 40);
+    }
     .sm\:shrink-0 {
       flex-shrink: 0;
     }
@@ -4902,6 +4926,9 @@
     .sm\:gap-2 {
       gap: calc(var(--spacing) * 2);
     }
+    .sm\:gap-3 {
+      gap: calc(var(--spacing) * 3);
+    }
     .sm\:gap-x-2 {
       column-gap: calc(var(--spacing) * 2);
     }
@@ -4927,17 +4954,14 @@
     .sm\:px-4 {
       padding-inline: calc(var(--spacing) * 4);
     }
-    .sm\:px-5 {
-      padding-inline: calc(var(--spacing) * 5);
-    }
     .sm\:px-6 {
       padding-inline: calc(var(--spacing) * 6);
     }
     .sm\:py-1 {
       padding-block: var(--spacing);
     }
-    .sm\:py-4 {
-      padding-block: calc(var(--spacing) * 4);
+    .sm\:pr-6 {
+      padding-right: calc(var(--spacing) * 6);
     }
     .sm\:text-left {
       text-align: left;
@@ -4946,9 +4970,9 @@
       font-size: var(--text-5xl);
       line-height: var(--tw-leading, var(--text-5xl--line-height));
     }
-    .sm\:break-normal {
-      overflow-wrap: normal;
-      word-break: normal;
+    .sm\:text-sm {
+      font-size: var(--text-sm);
+      line-height: var(--tw-leading, var(--text-sm--line-height));
     }
     .sm\:opacity-0 {
       opacity: 0%;
@@ -4978,6 +5002,9 @@
     .md\:hidden {
       display: none;
     }
+    .md\:table-cell {
+      display: table-cell;
+    }
     .md\:grid-cols-2 {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }

package/dist/{index-BHopt1SR.d.ts → index-SJKueyy4.d.ts}

@@ -1,4 +1,4 @@
-import { ArtifactPane as ArtifactPane$1, ArtifactPaneProps, Avatar as Avatar$1, AvatarFallback as AvatarFallback$1, AvatarImage as AvatarImage$1, Badge as Badge$1, BadgeProps, Button as Button$1, ButtonProps as ButtonProps$1, Card as Card$1, CardContent as CardContent$1, CardDescription as CardDescription$1, CardFooter, CardHeader as CardHeader$1, CardTitle as CardTitle$1, CardTitleProps, CodeBlock, CodeBlockProps, CopyButton, Dialog as Dialog$1, DialogClose, DialogContent as DialogContent$1, DialogDescription as DialogDescription$1, DialogFooter as DialogFooter$1, DialogHeader as DialogHeader$1, DialogOverlay, DialogPortal, DialogTitle as DialogTitle$1, DialogTrigger, DropZone, DropZoneProps, DropdownMenu as DropdownMenu$1, DropdownMenuCheckboxItem, DropdownMenuContent as DropdownMenuContent$1, DropdownMenuGroup, DropdownMenuItem as DropdownMenuItem$1, DropdownMenuLabel as DropdownMenuLabel$1, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator as DropdownMenuSeparator$1, DropdownMenuShortcut, DropdownMenuSub as DropdownMenuSub$1, DropdownMenuSubContent as DropdownMenuSubContent$1, DropdownMenuSubTrigger as DropdownMenuSubTrigger$1, DropdownMenuTrigger as DropdownMenuTrigger$1, EmptyState as EmptyState$1, EmptyStateProps, FilterField, FilterFieldProps, Heading, HeadingVariant, HeadingVariant as HeadingVariant$1, InlineCode, InlineCodeProps, Input as Input$1, InputProps, Label as Label$1, Metric, MetricProps, MetricStrip, MetricStripProps, PageHeader as PageHeader$1, PageHeaderProps, PageHeaderProps as PageHeaderProps$1, PageShell, PageShellProps, Progress as Progress$1, SegmentedControl, SegmentedControlOption, SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SidebarDropZone, SidebarDropZoneProps, Skeleton as Skeleton$1, SkeletonCard as SkeletonCard$1, SkeletonTable, StatCard as StatCard$1, StatCardProps, StatusPill, StatusPillProps, StatusTone, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableProps, TableRow, Tabs as Tabs$1, TabsContent as TabsContent$1, TabsList as TabsList$1, TabsTrigger as TabsTrigger$1, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, TextShimmer, TextShimmerProps, Textarea as Textarea$1, TextareaProps, ThemeToggle, Toast, ToastContainer, ToastProvider, Toolbar, ToolbarProps, UploadFile, UploadProgress, UploadProgressProps, badgeVariants, buttonVariants, useTheme as useTheme$1, useToast } from "@tangle-network/ui/primitives";
+import { ArtifactPane as ArtifactPane$1, ArtifactPaneProps, Avatar as Avatar$1, AvatarFallback as AvatarFallback$1, AvatarImage as AvatarImage$1, Badge as Badge$1, BadgeProps, Button as Button$1, ButtonProps as ButtonProps$1, Card as Card$1, CardContent as CardContent$1, CardDescription as CardDescription$1, CardFooter, CardHeader as CardHeader$1, CardTitle as CardTitle$1, CardTitleProps, CodeBlock, CodeBlockProps, CopyButton, Dialog as Dialog$1, DialogClose, DialogContent as DialogContent$1, DialogDescription as DialogDescription$1, DialogFooter as DialogFooter$1, DialogHeader as DialogHeader$1, DialogOverlay, DialogPortal, DialogTitle as DialogTitle$1, DialogTrigger, DropZone, DropZoneProps, DropdownMenu as DropdownMenu$1, DropdownMenuCheckboxItem, DropdownMenuContent as DropdownMenuContent$1, DropdownMenuGroup, DropdownMenuItem as DropdownMenuItem$1, DropdownMenuLabel as DropdownMenuLabel$1, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator as DropdownMenuSeparator$1, DropdownMenuShortcut, DropdownMenuSub as DropdownMenuSub$1, DropdownMenuSubContent as DropdownMenuSubContent$1, DropdownMenuSubTrigger as DropdownMenuSubTrigger$1, DropdownMenuTrigger as DropdownMenuTrigger$1, EmptyState as EmptyState$1, EmptyStateProps, FilterField, FilterFieldProps, Heading, HeadingVariant, HeadingVariant as HeadingVariant$1, InlineCode, InlineCodeProps, Input as Input$1, InputProps, Label as Label$1, Metric, MetricProps, MetricStrip, MetricStripProps, PageHeader as PageHeader$1, PageHeaderProps, PageHeaderProps as PageHeaderProps$1, PageShell, PageShellProps, Progress as Progress$1, SegmentedControl, SegmentedControlOption, SegmentedControlProps, Select as Select$1, SelectContent as SelectContent$1, SelectGroup, SelectItem as SelectItem$1, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger as SelectTrigger$1, SelectValue as SelectValue$1, SidebarDropZone, SidebarDropZoneProps, Skeleton as Skeleton$1, SkeletonCard as SkeletonCard$1, SkeletonTable, StatCard as StatCard$1, StatCardProps, StatusPill, StatusPillProps, StatusTone, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableProps, TableRow, Tabs as Tabs$1, TabsContent as TabsContent$1, TabsList as TabsList$1, TabsTrigger as TabsTrigger$1, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, TextShimmer, TextShimmerProps, Textarea as Textarea$1, TextareaProps, ThemeToggle, Toast, ToastContainer, ToastProvider, Toolbar, ToolbarProps, UploadFile, UploadProgress, UploadProgressProps, badgeVariants, buttonVariants, useTheme as useTheme$1, useToast } from "@tangle-network/ui/primitives";
 import { TangleKnot as TangleKnot$1 } from "@tangle-network/brand";
 import { ElementType, HTMLAttributes, ReactNode } from "react";
 //#region src/primitives/logo.d.ts
@@ -27,4 +27,4 @@ type SectionTitleProps = Pick<PageHeaderProps, "title" | "description" | "action
 /** Compatibility name for the canonical nested (h2) page header. */
 declare function SectionTitle(props: SectionTitleProps): import("react").JSX.Element;
 //#endregion
-export { InlineCode as $, TerminalLine as $t, DropZone as A, SkeletonTable as At, DropdownMenuRadioItem as B, TableCell as Bt, DialogDescription$1 as C, SelectSeparator as Ct, DialogPortal as D, SidebarDropZoneProps as Dt, DialogOverlay as E, SidebarDropZone as Et, DropdownMenuGroup as F, StatusTone as Ft, DropdownMenuSubTrigger$1 as G, TableRow as Gt, DropdownMenuShortcut as H, TableHead as Ht, DropdownMenuItem$1 as I, Switch as It, EmptyStateProps as J, TabsList$1 as Jt, DropdownMenuTrigger$1 as K, Tabs$1 as Kt, DropdownMenuLabel$1 as L, Table as Lt, DropdownMenu$1 as M, StatCardProps as Mt, DropdownMenuCheckboxItem as N, StatusPill as Nt, DialogTitle$1 as O, Skeleton$1 as Ot, DropdownMenuContent$1 as P, StatusPillProps as Pt, HeadingVariant$1 as Q, TerminalInput as Qt, DropdownMenuPortal as R, TableBody as Rt, DialogContent$1 as S, TangleKnot$1 as Sn, SelectScrollUpButton as St, DialogHeader$1 as T, SelectValue as Tt, DropdownMenuSub$1 as U, TableHeader as Ut, DropdownMenuSeparator$1 as V, TableFooter as Vt, DropdownMenuSubContent$1 as W, TableProps as Wt, FilterFieldProps as X, TerminalCursor as Xt, FilterField as Y, TabsTrigger$1 as Yt, Heading as Z, TerminalDisplay as Zt, CodeBlock as _, HeadingProps as _n, SelectContent as _t, AvatarImage$1 as a, Toast as an, MetricProps as at, Dialog$1 as b, Logo$1 as bn, SelectLabel as bt, Button$1 as c, Toolbar as cn, PageHeader$1 as ct, CardContent$1 as d, UploadProgress as dn, PageShellProps as dt, TextShimmer as en, InlineCodeProps as et, CardDescription$1 as f, UploadProgressProps as fn, Progress$1 as ft, CardTitleProps as g, useToast as gn, Select as gt, CardTitle$1 as h, useTheme$1 as hn, SegmentedControlProps as ht, AvatarFallback$1 as i, ThemeToggle as in, Metric as it, DropZoneProps as j, StatCard$1 as jt, DialogTrigger as k, SkeletonCard$1 as kt, ButtonProps$1 as l, ToolbarProps as ln, PageHeaderProps$1 as lt, CardHeader$1 as m, buttonVariants as mn, SegmentedControlOption as mt, ArtifactPaneProps as n, Textarea$1 as nn, InputProps as nt, Badge$1 as o, ToastContainer as on, MetricStrip as ot, CardFooter as p, badgeVariants as pn, SegmentedControl as pt, EmptyState$1 as q, TabsContent$1 as qt, Avatar$1 as r, TextareaProps as rn, Label$1 as rt, BadgeProps as s, ToastProvider as sn, MetricStripProps as st, ArtifactPane$1 as t, TextShimmerProps as tn, Input$1 as tt, Card$1 as u, UploadFile as un, PageShell as ut, CodeBlockProps as v, SectionTitle as vn, SelectGroup as vt, DialogFooter$1 as w, SelectTrigger as wt, DialogClose as x, LogoProps as xn, SelectScrollDownButton as xt, CopyButton as y, SectionTitleProps as yn, SelectItem as yt, DropdownMenuRadioGroup as z, TableCaption as zt };
+export { InlineCode as $, TerminalLine as $t, DropZone as A, SkeletonTable as At, DropdownMenuRadioItem as B, TableCell as Bt, DialogDescription$1 as C, SelectSeparator as Ct, DialogPortal as D, SidebarDropZoneProps as Dt, DialogOverlay as E, SidebarDropZone as Et, DropdownMenuGroup as F, StatusTone as Ft, DropdownMenuSubTrigger$1 as G, TableRow as Gt, DropdownMenuShortcut as H, TableHead as Ht, DropdownMenuItem$1 as I, Switch as It, EmptyStateProps as J, TabsList$1 as Jt, DropdownMenuTrigger$1 as K, Tabs$1 as Kt, DropdownMenuLabel$1 as L, Table as Lt, DropdownMenu$1 as M, StatCardProps as Mt, DropdownMenuCheckboxItem as N, StatusPill as Nt, DialogTitle$1 as O, Skeleton$1 as Ot, DropdownMenuContent$1 as P, StatusPillProps as Pt, HeadingVariant$1 as Q, TerminalInput as Qt, DropdownMenuPortal as R, TableBody as Rt, DialogContent$1 as S, TangleKnot$1 as Sn, SelectScrollUpButton as St, DialogHeader$1 as T, SelectValue$1 as Tt, DropdownMenuSub$1 as U, TableHeader as Ut, DropdownMenuSeparator$1 as V, TableFooter as Vt, DropdownMenuSubContent$1 as W, TableProps as Wt, FilterFieldProps as X, TerminalCursor as Xt, FilterField as Y, TabsTrigger$1 as Yt, Heading as Z, TerminalDisplay as Zt, CodeBlock as _, HeadingProps as _n, SelectContent$1 as _t, AvatarImage$1 as a, Toast as an, MetricProps as at, Dialog$1 as b, Logo$1 as bn, SelectLabel as bt, Button$1 as c, Toolbar as cn, PageHeader$1 as ct, CardContent$1 as d, UploadProgress as dn, PageShellProps as dt, TextShimmer as en, InlineCodeProps as et, CardDescription$1 as f, UploadProgressProps as fn, Progress$1 as ft, CardTitleProps as g, useToast as gn, Select$1 as gt, CardTitle$1 as h, useTheme$1 as hn, SegmentedControlProps as ht, AvatarFallback$1 as i, ThemeToggle as in, Metric as it, DropZoneProps as j, StatCard$1 as jt, DialogTrigger as k, SkeletonCard$1 as kt, ButtonProps$1 as l, ToolbarProps as ln, PageHeaderProps$1 as lt, CardHeader$1 as m, buttonVariants as mn, SegmentedControlOption as mt, ArtifactPaneProps as n, Textarea$1 as nn, InputProps as nt, Badge$1 as o, ToastContainer as on, MetricStrip as ot, CardFooter as p, badgeVariants as pn, SegmentedControl as pt, EmptyState$1 as q, TabsContent$1 as qt, Avatar$1 as r, TextareaProps as rn, Label$1 as rt, BadgeProps as s, ToastProvider as sn, MetricStripProps as st, ArtifactPane$1 as t, TextShimmerProps as tn, Input$1 as tt, Card$1 as u, UploadFile as un, PageShell as ut, CodeBlockProps as v, SectionTitle as vn, SelectGroup as vt, DialogFooter$1 as w, SelectTrigger$1 as wt, DialogClose as x, LogoProps as xn, SelectScrollDownButton as xt, CopyButton as y, SectionTitleProps as yn, SelectItem$1 as yt, DropdownMenuRadioGroup as z, TableCaption as zt };

package/dist/index.d.ts

@@ -9,7 +9,7 @@ import { n as UsePtySessionReturn, r as usePtySession, t as UsePtySessionOptions
 import { t as Session } from "./sidecar-DgH_vQ6m.js";
 import { d as useSessionStream, l as UseSessionStreamOptions, n as UseSidecarAuthOptions, o as SessionDegradation, r as useSidecarAuth, s as SessionInfo, t as SidecarAuth, u as UseSessionStreamResult } from "./use-sidecar-auth-CCTJcrq7.js";
 import { AgentStreamEvent, AppendUserMessageOptions, ApplySdkEventOptions, AuthUser, AutomationStreamEvent, BeginAssistantMessageOptions, BotStreamEvent, CompleteAssistantMessageOptions, RealtimeSessionOptions, RealtimeSessionRegistry, RealtimeSessionRegistryProps, RealtimeSessionState, RealtimeSessionTarget, SSEEvent, SandboxMetrics, SdkSessionAttachment, SdkSessionEvent, SdkSessionSeed, SidecarMetricsPayload, TaskStreamEvent, TerminalStreamEvent, UseAuthOptions, UseAuthResult, 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 InlineCode, A as DropZone, At as SkeletonTable, B as DropdownMenuRadioItem, Bt as TableCell, C as DialogDescription, Ct as SelectSeparator, D as DialogPortal, Dt as SidebarDropZoneProps, E as DialogOverlay, Et as SidebarDropZone, F as DropdownMenuGroup, Ft as StatusTone, G as DropdownMenuSubTrigger, Gt as TableRow, H as DropdownMenuShortcut, Ht as TableHead, I as DropdownMenuItem, It as Switch, J as EmptyStateProps, Jt as TabsList, K as DropdownMenuTrigger, Kt as Tabs, L as DropdownMenuLabel, Lt as Table, M as DropdownMenu, Mt as StatCardProps, N as DropdownMenuCheckboxItem, Nt as StatusPill, O as DialogTitle, Ot as Skeleton, P as DropdownMenuContent, Pt as StatusPillProps, Q as HeadingVariant, R as DropdownMenuPortal, Rt as TableBody, S as DialogContent, Sn as TangleKnot, St as SelectScrollUpButton, T as DialogHeader, Tt as SelectValue, U as DropdownMenuSub, Ut as TableHeader, V as DropdownMenuSeparator, Vt as TableFooter, W as DropdownMenuSubContent, Wt as TableProps, X as FilterFieldProps, Y as FilterField, Yt as TabsTrigger, Z as Heading, Zt as TerminalDisplay, _ as CodeBlock, _n as HeadingProps, _t as SelectContent, a as AvatarImage, an as Toast, at as MetricProps, b as Dialog, bn as Logo, bt as SelectLabel, c as Button, cn as Toolbar, ct as PageHeader, d as CardContent, dn as UploadProgress, dt as PageShellProps, en as TextShimmer, et as InlineCodeProps, f as CardDescription, fn as UploadProgressProps, ft as Progress, g as CardTitleProps, gn as useToast, gt as Select, h as CardTitle, hn as useTheme, ht as SegmentedControlProps, i as AvatarFallback, in as ThemeToggle, it as Metric, j as DropZoneProps, jt as StatCard, k as DialogTrigger, kt as SkeletonCard, l as ButtonProps, ln as ToolbarProps, lt as PageHeaderProps, m as CardHeader, mn as buttonVariants, mt as SegmentedControlOption, nn as Textarea, nt as InputProps, o as Badge, on as ToastContainer, ot as MetricStrip, p as CardFooter, pn as badgeVariants, pt as SegmentedControl, q as EmptyState, qt as TabsContent, r as Avatar, rn as TextareaProps, rt as Label, s as BadgeProps, sn as ToastProvider, st as MetricStripProps, tn as TextShimmerProps, tt as Input, u as Card, un as UploadFile, ut as PageShell, v as CodeBlockProps, vn as SectionTitle, vt as SelectGroup, w as DialogFooter, wt as SelectTrigger, x as DialogClose, xn as LogoProps, xt as SelectScrollDownButton, y as CopyButton, yn as SectionTitleProps, yt as SelectItem, z as DropdownMenuRadioGroup, zt as TableCaption } from "./index-BHopt1SR.js";
+import { $ as InlineCode, A as DropZone, At as SkeletonTable, B as DropdownMenuRadioItem, Bt as TableCell, C as DialogDescription, Ct as SelectSeparator, D as DialogPortal, Dt as SidebarDropZoneProps, E as DialogOverlay, Et as SidebarDropZone, F as DropdownMenuGroup, Ft as StatusTone, G as DropdownMenuSubTrigger, Gt as TableRow, H as DropdownMenuShortcut, Ht as TableHead, I as DropdownMenuItem, It as Switch, J as EmptyStateProps, Jt as TabsList, K as DropdownMenuTrigger, Kt as Tabs, L as DropdownMenuLabel, Lt as Table, M as DropdownMenu, Mt as StatCardProps, N as DropdownMenuCheckboxItem, Nt as StatusPill, O as DialogTitle, Ot as Skeleton, P as DropdownMenuContent, Pt as StatusPillProps, Q as HeadingVariant, R as DropdownMenuPortal, Rt as TableBody, S as DialogContent, Sn as TangleKnot, St as SelectScrollUpButton, T as DialogHeader, Tt as SelectValue, U as DropdownMenuSub, Ut as TableHeader, V as DropdownMenuSeparator, Vt as TableFooter, W as DropdownMenuSubContent, Wt as TableProps, X as FilterFieldProps, Y as FilterField, Yt as TabsTrigger, Z as Heading, Zt as TerminalDisplay, _ as CodeBlock, _n as HeadingProps, _t as SelectContent, a as AvatarImage, an as Toast, at as MetricProps, b as Dialog, bn as Logo, bt as SelectLabel, c as Button, cn as Toolbar, ct as PageHeader, d as CardContent, dn as UploadProgress, dt as PageShellProps, en as TextShimmer, et as InlineCodeProps, f as CardDescription, fn as UploadProgressProps, ft as Progress, g as CardTitleProps, gn as useToast, gt as Select, h as CardTitle, hn as useTheme, ht as SegmentedControlProps, i as AvatarFallback, in as ThemeToggle, it as Metric, j as DropZoneProps, jt as StatCard, k as DialogTrigger, kt as SkeletonCard, l as ButtonProps, ln as ToolbarProps, lt as PageHeaderProps, m as CardHeader, mn as buttonVariants, mt as SegmentedControlOption, nn as Textarea, nt as InputProps, o as Badge, on as ToastContainer, ot as MetricStrip, p as CardFooter, pn as badgeVariants, pt as SegmentedControl, q as EmptyState, qt as TabsContent, r as Avatar, rn as TextareaProps, rt as Label, s as BadgeProps, sn as ToastProvider, st as MetricStripProps, tn as TextShimmerProps, tt as Input, u as Card, un as UploadFile, ut as PageShell, v as CodeBlockProps, vn as SectionTitle, vt as SelectGroup, w as DialogFooter, wt as SelectTrigger, x as DialogClose, xn as LogoProps, xt as SelectScrollDownButton, y as CopyButton, yn as SectionTitleProps, yt as SelectItem, z as DropdownMenuRadioGroup, zt as TableCaption } from "./index-SJKueyy4.js";
 import { $ as TerminalProps, A as ShellShouldRevalidateArgs, B as SessionSidebarLink, C as SandboxWorkbenchLayoutOptions, D as SandboxWorkbenchSessionProps, E as SandboxWorkbenchProps, F as SessionSidebar, G as SessionOptimisticController, H as SessionSidebarVariant, I as SessionSidebarBadge, J as useOptimisticSessionItems, K as UseOptimisticSessionItemsOptions, L as SessionSidebarFilter, M as createShellShouldRevalidate, N as shellShouldRevalidate, O as SessionActivityMonitor, P as formatRelativeAge, Q as TerminalPanel, R as SessionSidebarGroupBy, S as SandboxWorkbenchFileArtifact, T as SandboxWorkbenchOpenUIArtifact, U as SESSION_CREATED_EVENT, V as SessionSidebarProps, W as SessionCreatedDetail, X as RuntimePaneProps, Y as RuntimePane, Z as TerminalLine, _ as FormAudit, a as ApprovalQueue, at as StatusBannerProps, b as SandboxWorkbenchArtifact, c as CalendarView, ct as WorkspacePaneHeader, d as TaskBoardColumn, dt as WorkspaceLayoutProps, et as ContextBadge, f as TaskBoardItem, g as AuditResultsProps, h as AuditResults, i as ApprovalItem, it as StatusBanner, j as ShellShouldRevalidateOptions, k as SessionActivityMonitorProps, l as CalendarViewProps, lt as WorkspacePaneHeaderProps, m as AuditCheck, n as ArtifactPaneProps, nt as StatusBarProps, o as ApprovalQueueProps, ot as DirectoryPane, p as TaskBoardProps, q as dispatchSessionCreated, r as ApprovalConfidenceStat, rt as BannerType, s as CalendarEvent, st as DirectoryPaneProps, t as ArtifactPane, tt as StatusBar, u as TaskBoard, ut as WorkspaceLayout, v as AgentWorkbench, w as SandboxWorkbenchMarkdownArtifact, x as SandboxWorkbenchCustomArtifact, y as SandboxWorkbench, z as SessionSidebarItem } from "./index-CcbhfDa-.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-z_zNuZHm.js";
 import { a as PreviewReadiness, i as PreviewAccess, n as EmbeddedAppView, r as EmbeddedAppViewProps, t as EmbeddedApp } from "./embedded-app-view-B_vMTtJn.js";

package/dist/index.js

@@ -1,8 +1,8 @@
-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-DxYaeFaa.js";
-import { $ as Select, A as DropdownMenuItem, B as DropdownMenuTrigger, Bt as buttonVariants, C as DialogTitle, Ct as TableRow, D as DropdownMenuCheckboxItem, Dt as TabsTrigger, E as DropdownMenu, Et as TabsList, F as DropdownMenuSeparator, Ft as ToastContainer, G as Input, Gt as TangleKnot, H as FilterField, Ht as useToast, I as DropdownMenuShortcut, It as ToastProvider, J as MetricStrip, K as Label, L as DropdownMenuSub, Lt as Toolbar, M as DropdownMenuPortal, Mt as TextShimmer, N as DropdownMenuRadioGroup, Nt as Textarea, O as DropdownMenuContent, P as DropdownMenuRadioItem, Pt as ThemeToggle, Q as SegmentedControl, R as DropdownMenuSubContent, Rt as UploadProgress, S as DialogPortal, St as TableHeader, T as DropZone, Tt as TabsContent, U as Heading, Ut as SectionTitle, V as EmptyState, Vt as useTheme, W as InlineCode, Wt as Logo, X as PageShell, Y as PageHeader, Z as Progress, _ as DialogContent, _t as TableBody, a as Badge, at as SelectScrollUpButton, b as DialogHeader, bt as TableFooter, c as CardContent, ct as SelectValue, d as CardHeader, dt as SkeletonCard, et as SelectContent, f as CardTitle, ft as SkeletonTable, g as DialogClose, gt as Table, h as Dialog, ht as Switch, i as AvatarImage, it as SelectScrollDownButton, j as DropdownMenuLabel, k as DropdownMenuGroup, kt as TerminalDisplay, l as CardDescription, lt as SidebarDropZone, m as CopyButton, mt as StatusPill, n as Avatar, nt as SelectItem, o as Button, ot as SelectSeparator, p as CodeBlock, pt as StatCard, q as Metric, r as AvatarFallback, rt as SelectLabel, s as Card, st as SelectTrigger, tt as SelectGroup, u as CardFooter, ut as Skeleton, v as DialogDescription, vt as TableCaption, w as DialogTrigger, wt as Tabs, x as DialogOverlay, xt as TableHead, y as DialogFooter, yt as TableCell, z as DropdownMenuSubTrigger, zt as badgeVariants } from "./primitives-N-59i3-7.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-DuIQZobw.js";
+import { $ as Select, A as DropdownMenuItem, B as DropdownMenuTrigger, Bt as buttonVariants, C as DialogTitle, Ct as TableRow, D as DropdownMenuCheckboxItem, Dt as TabsTrigger, E as DropdownMenu, Et as TabsList, F as DropdownMenuSeparator, Ft as ToastContainer, G as Input, Gt as TangleKnot, H as FilterField, Ht as useToast, I as DropdownMenuShortcut, It as ToastProvider, J as MetricStrip, K as Label, L as DropdownMenuSub, Lt as Toolbar, M as DropdownMenuPortal, Mt as TextShimmer, N as DropdownMenuRadioGroup, Nt as Textarea, O as DropdownMenuContent, P as DropdownMenuRadioItem, Pt as ThemeToggle, Q as SegmentedControl, R as DropdownMenuSubContent, Rt as UploadProgress, S as DialogPortal, St as TableHeader, T as DropZone, Tt as TabsContent, U as Heading, Ut as SectionTitle, V as EmptyState, Vt as useTheme, W as InlineCode, Wt as Logo, X as PageShell, Y as PageHeader, Z as Progress, _ as DialogContent, _t as TableBody, a as Badge, at as SelectScrollUpButton, b as DialogHeader, bt as TableFooter, c as CardContent, ct as SelectValue, d as CardHeader, dt as SkeletonCard, et as SelectContent, f as CardTitle, ft as SkeletonTable, g as DialogClose, gt as Table, h as Dialog, ht as Switch, i as AvatarImage, it as SelectScrollDownButton, j as DropdownMenuLabel, k as DropdownMenuGroup, kt as TerminalDisplay, l as CardDescription, lt as SidebarDropZone, m as CopyButton, mt as StatusPill, n as Avatar, nt as SelectItem, o as Button, ot as SelectSeparator, p as CodeBlock, pt as StatCard, q as Metric, r as AvatarFallback, rt as SelectLabel, s as Card, st as SelectTrigger, tt as SelectGroup, u as CardFooter, ut as Skeleton, v as DialogDescription, vt as TableCaption, w as DialogTrigger, wt as Tabs, x as DialogOverlay, xt as TableHead, y as DialogFooter, yt as TableCell, z as DropdownMenuSubTrigger, zt as badgeVariants } from "./primitives-BQGtwZX3.js";
 import { t as WorkspacePaneHeader } from "./workspace-pane-header-Bg1cCcHX.js";
 import { _ as TerminalPanel, a as AuditResults, b as DirectoryPane, c as SessionActivityMonitor, d as SessionSidebar, f as SESSION_CREATED_EVENT, g as RuntimePane, h as formatRelativeAge, i as TaskBoard, l as createShellShouldRevalidate, m as useOptimisticSessionItems, n as ApprovalQueue, o as AgentWorkbench, p as dispatchSessionCreated, r as CalendarView, s as SandboxWorkbench, t as ArtifactPane, u as shellShouldRevalidate, v as StatusBar, x as WorkspaceLayout, y as StatusBanner } from "./workspace--bNv-rQy.js";
-import { $ as SidebarRailNav, A as ResourceMeter, B as RailFlyout, C as InvoiceTable, D as canAdminSandbox, E as SandboxCard, F as CreditBalance, G as Sidebar, H as RailModeButton, I as ProfileAvatar, J as SidebarPanelContent, K as SidebarContent, L as RailButton, M as INSUFFICIENT_BALANCE_CODE, N as OutOfCreditsModal, O as ActivityFeed, P as parseInsufficientBalance, Q as SidebarRailHeader, R as RailCollapseToggle, S as PlanCards, T as NewSandboxCard, U as RailSeparator, V as RailHeader, W as RailThemeToggle, X as SidebarRail, Y as SidebarPanelHeader, Z as SidebarRailFooter, _ as HarnessPicker, a as ProcessList, at as SIDEBAR_TOTAL_WIDTH, b as HarnessLogo, c as UsageSummary, d as MetricAreaChart, et as RailTooltip, f as ProfileComparison, g as HARNESS_OPTIONS, h as DashboardLayout, i as NetworkConfig, it as SIDEBAR_RAIL_WIDTH, j as ClusterStatusBar, k as ResourceSnapshot, l as SystemLogsViewer, m as SidebarLayout, n as SnapshotList, nt as SIDEBAR_PANEL_WIDTH, o as PortsList, ot as SidebarProvider, p as ProfileSelector, q as SidebarPanel, r as BackendConfig, rt as SIDEBAR_RAIL_LABELED_WIDTH, s as GitPanel, st as useSidebar, t as PromoBanner, tt as SIDEBAR_MOBILE_WIDTH, u as VariantList, v as chatCapableHarnesses, w as SandboxTable, x as BackendSelector, y as HARNESS_BRAND, z as RailExpandable } from "./dashboard-D4un5GtD.js";
+import { $ as SidebarRailNav, A as ResourceMeter, B as RailFlyout, C as InvoiceTable, D as canAdminSandbox, E as SandboxCard, F as CreditBalance, G as Sidebar, H as RailModeButton, I as ProfileAvatar, J as SidebarPanelContent, K as SidebarContent, L as RailButton, M as INSUFFICIENT_BALANCE_CODE, N as OutOfCreditsModal, O as ActivityFeed, P as parseInsufficientBalance, Q as SidebarRailHeader, R as RailCollapseToggle, S as PlanCards, T as NewSandboxCard, U as RailSeparator, V as RailHeader, W as RailThemeToggle, X as SidebarRail, Y as SidebarPanelHeader, Z as SidebarRailFooter, _ as HarnessPicker, a as ProcessList, at as SIDEBAR_TOTAL_WIDTH, b as HarnessLogo, c as UsageSummary, d as MetricAreaChart, et as RailTooltip, f as ProfileComparison, g as HARNESS_OPTIONS, h as DashboardLayout, i as NetworkConfig, it as SIDEBAR_RAIL_WIDTH, j as ClusterStatusBar, k as ResourceSnapshot, l as SystemLogsViewer, m as SidebarLayout, n as SnapshotList, nt as SIDEBAR_PANEL_WIDTH, o as PortsList, ot as SidebarProvider, p as ProfileSelector, q as SidebarPanel, r as BackendConfig, rt as SIDEBAR_RAIL_LABELED_WIDTH, s as GitPanel, st as useSidebar, t as PromoBanner, tt as SIDEBAR_MOBILE_WIDTH, u as VariantList, v as chatCapableHarnesses, w as SandboxTable, x as BackendSelector, y as HARNESS_BRAND, z as RailExpandable } from "./dashboard-CnGK2S3A.js";
 import { n as canonicalModelId, r as modelBrandFor, t as ModelBrandStack } from "./model-brand-hMyDTUqB.js";
 import { a as formatPrice, i as PricingPage, n as TemplateCard, o as BillingDashboard, r as UsageChart, t as InfoPanel } from "./info-panel-C9cqDzOL.js";
 import { t as usePtySession } from "./use-pty-session-Bf4hBLXJ.js";

package/dist/integrations.js

@@ -1,5 +1,5 @@
 import { n as normalizeProviderId, r as providerLogoCandidates, t as ProviderIcon } from "./provider-logo-BiuiO_c2.js";
-import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, EmptyState } from "@tangle-network/ui/primitives";
+import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, EmptyState, Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@tangle-network/ui/primitives";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
 import { Check, ExternalLink, MoreVertical, Search, Unplug } from "lucide-react";
@@ -14,21 +14,45 @@ const TONES = {
 function catalogRowActive(row) {
 	return row.kind === "app" ? row.installedCount > 0 : row.connections.length > 0;
 }
+const integrationSelectContentClassName = "shadow-[var(--shadow-dropdown)]";
+const integrationSelectItemClassName = "focus:bg-[var(--accent-surface-strong)] data-[state=checked]:bg-[var(--accent-surface-strong)] data-[state=checked]:text-foreground";
 /** A controlled selector shared by the catalog and detail; never picks an account. */
 function ConnectionSelector({ connections, value, onChange, label }) {
-	const selected = connections.some((connection) => connection.id === value) ? value : "";
-	return /* @__PURE__ */ jsxs("select", {
-		"aria-label": label,
-		value: selected ?? "",
-		onChange: (event) => onChange(event.target.value || null),
-		className: cn("h-8 w-full min-w-0 truncate rounded-md border border-border bg-background px-2 text-sm text-foreground", focusRing),
-		children: [/* @__PURE__ */ jsx("option", {
-			value: "",
-			children: "Select an account"
-		}), connections.map((connection) => /* @__PURE__ */ jsx("option", {
-			value: connection.id,
-			children: connection.accountDisplay ? `${connection.accountDisplay} · ${connection.id}` : connection.id
-		}, connection.id))]
+	const selectedIndex = connections.findIndex((connection) => connection.id === value);
+	const accountLabel = (connection) => {
+		const display = connection.accountDisplay?.trim();
+		if (!display) return connection.id;
+		const duplicates = connections.filter((item) => item.accountDisplay?.trim() === display);
+		if (duplicates.length < 2) return display;
+		let length = Math.min(6, connection.id.length);
+		while (length < connection.id.length && duplicates.some((item) => item.id !== connection.id && item.id.endsWith(connection.id.slice(-length)))) length++;
+		return `${display} · ${length < connection.id.length ? "…" : ""}${connection.id.slice(-length)}`;
+	};
+	return /* @__PURE__ */ jsxs(Select, {
+		value: selectedIndex < 0 ? "" : String(selectedIndex),
+		onValueChange: (next) => {
+			if (next === "none") onChange(null);
+			else {
+				const connection = connections.find((_, index) => String(index) === next);
+				if (connection) onChange(connection.id);
+			}
+		},
+		children: [/* @__PURE__ */ jsx(SelectTrigger, {
+			"aria-label": label,
+			className: cn("h-10 w-full min-w-0 max-w-md data-[state=open]:border-primary data-[state=open]:bg-[var(--accent-surface-strong)]", selectedIndex >= 0 && "border-primary/30 bg-[var(--accent-surface-soft)]"),
+			children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select an account" })
+		}), /* @__PURE__ */ jsxs(SelectContent, {
+			className: integrationSelectContentClassName,
+			children: [/* @__PURE__ */ jsx(SelectItem, {
+				value: "none",
+				className: integrationSelectItemClassName,
+				children: "Select an account"
+			}), connections.map((connection, index) => /* @__PURE__ */ jsx(SelectItem, {
+				value: String(index),
+				className: integrationSelectItemClassName,
+				children: accountLabel(connection)
+			}, connection.id))]
+		})]
 	});
 }
 function ConnectionMenu({ row, connection, onManage, onDisconnect, compact }) {
@@ -125,25 +149,33 @@ function IntegrationsCatalog({ rows, query, onQueryChange, categoryFilter = "",
 							className: "min-w-0 flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground"
 						})]
 					}),
-					onCategoryFilterChange ? /* @__PURE__ */ jsxs("select", {
-						"aria-label": "Filter by category",
-						value: categoryFilter,
-						onChange: (event) => onCategoryFilterChange(event.target.value),
-						className: cn("h-10 min-w-0 rounded-lg border bg-card px-3 text-sm", focusRing),
-						children: [
-							/* @__PURE__ */ jsx("option", {
-								value: "",
-								children: "All categories"
-							}),
-							categoryFilter && !categories.includes(categoryFilter) ? /* @__PURE__ */ jsx("option", {
-								value: categoryFilter,
-								children: categoryFilter
-							}) : null,
-							categories.map((category) => /* @__PURE__ */ jsx("option", {
-								value: category,
-								children: category
-							}, category))
-						]
+					onCategoryFilterChange ? /* @__PURE__ */ jsxs(Select, {
+						value: categoryFilter ? `category:${categoryFilter}` : "all",
+						onValueChange: (value) => onCategoryFilterChange(value === "all" ? "" : value.slice(9)),
+						children: [/* @__PURE__ */ jsx(SelectTrigger, {
+							"aria-label": "Filter by category",
+							className: "h-10 w-full sm:w-auto sm:min-w-40",
+							children: /* @__PURE__ */ jsx(SelectValue, {})
+						}), /* @__PURE__ */ jsxs(SelectContent, {
+							className: integrationSelectContentClassName,
+							children: [
+								/* @__PURE__ */ jsx(SelectItem, {
+									value: "all",
+									className: integrationSelectItemClassName,
+									children: "All categories"
+								}),
+								categoryFilter && !categories.includes(categoryFilter) ? /* @__PURE__ */ jsx(SelectItem, {
+									value: `category:${categoryFilter}`,
+									className: integrationSelectItemClassName,
+									children: categoryFilter
+								}) : null,
+								categories.map((category) => /* @__PURE__ */ jsx(SelectItem, {
+									value: `category:${category}`,
+									className: integrationSelectItemClassName,
+									children: category
+								}, category))
+							]
+						})]
 					}) : null,
 					sort && onSortChange ? /* @__PURE__ */ jsx("div", {
 						role: "group",
@@ -649,22 +681,25 @@ function IntegrationConnectionDetail({ provider, connections, selectedConnection
 							className: "text-xs text-muted-foreground",
 							children: row.sourceLabel
 						}),
-						editable ? /* @__PURE__ */ jsxs("select", {
-							"aria-label": `Decision for ${row.actionPath}`,
-							value: known ? row.decision : "",
+						editable ? /* @__PURE__ */ jsxs(Select, {
+							value: known ? String(row.decisionOptions.findIndex((option) => option.value === row.decision)) : "",
 							disabled: busy || row.disabled,
-							onChange: (event) => {
-								if (connection && row.decisionOptions.some((option) => option.value === event.target.value)) onDecisionChange?.(connection.id, row.actionPath, event.target.value);
+							onValueChange: (value) => {
+								const option = row.decisionOptions.find((_, index) => String(index) === value);
+								if (connection && option) onDecisionChange?.(connection.id, row.actionPath, option.value);
 							},
-							className: cn("h-9 rounded-md border border-border bg-background px-2 text-sm", focusRing),
-							children: [!known ? /* @__PURE__ */ jsx("option", {
-								value: "",
-								disabled: true,
-								children: "Not available"
-							}) : null, row.decisionOptions.map((option) => /* @__PURE__ */ jsx("option", {
-								value: option.value,
-								children: option.label
-							}, option.value))]
+							children: [/* @__PURE__ */ jsx(SelectTrigger, {
+								"aria-label": `Decision for ${row.actionPath}`,
+								className: "h-9 w-auto min-w-32",
+								children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Not available" })
+							}), /* @__PURE__ */ jsx(SelectContent, {
+								className: integrationSelectContentClassName,
+								children: row.decisionOptions.map((option, index) => /* @__PURE__ */ jsx(SelectItem, {
+									value: String(index),
+									className: integrationSelectItemClassName,
+									children: option.label
+								}, option.value))
+							})]
 						}) : /* @__PURE__ */ jsx("span", {
 							className: "text-sm",
 							children: known ? row.decisionOptions.find((option) => option.value === row.decision)?.label : "Not available"

package/dist/pages.d.ts

@@ -289,10 +289,31 @@ interface SecretsApiClient {
   listSecrets: () => Promise<Secret[]>;
   createSecret: (name: string, value: string) => Promise<void>;
   deleteSecret: (name: string) => Promise<void>;
+  /**
+   * Replace the value of an existing secret. When provided, each row offers
+   * Replace value; omit it when the backend cannot overwrite a saved value.
+   */
+  updateSecret?: (name: string, value: string) => Promise<void>;
 }
 interface SecretsPageProps {
   apiClient: SecretsApiClient;
   className?: string;
+  /** Page title. Defaults to "Environment Secrets". */
+  title?: string;
+  /** Text below the title. Defaults to the Sandbox environment-variable description. */
+  description?: React$1.ReactNode;
+  /** Explains where a new secret is used, in the create dialog. */
+  createDescription?: string;
+  /** Text in the empty state. */
+  emptyDescription?: string;
+  /** Sentence after "This will permanently delete NAME." in the delete dialog. */
+  deleteConsequence?: string;
+  /**
+   * `page` renders a padded page with a bordered list.
+   * `pane` fills its container like a workspace pane: a header bar above an
+   * edge-to-edge list that scrolls inside the available height.
+   */
+  variant?: "page" | "pane";
   /**
    * Optional hint pointing users at team-level secrets. When provided,
    * renders a persistent informational banner below the header clarifying
@@ -308,7 +329,7 @@ interface SecretsPageProps {
     label?: string;
   };
 }
-export declare function SecretsPage({ apiClient, className, teamSecretsHint }: SecretsPageProps): React$1.JSX.Element;
+export declare function SecretsPage({ apiClient, className, teamSecretsHint, title, description, createDescription, emptyDescription, deleteConsequence, variant }: SecretsPageProps): React$1.JSX.Element;
 //#endregion
 //#region src/pages/templates-page.d.ts
 interface TemplatesPageProps {