@tangle-network/sandbox-ui 0.122.2 → 0.123.0

package/dist/styles.css

@@ -300,6 +300,9 @@
   .inset-y-0 {
     inset-block: 0px;
   }
+  .-top-0\.5 {
+    top: calc(var(--spacing) * -0.5);
+  }
   .-top-1 {
     top: calc(var(--spacing) * -1);
   }
@@ -339,15 +342,9 @@
   .top-4 {
     top: calc(var(--spacing) * 4);
   }
-  .top-14 {
-    top: calc(var(--spacing) * 14);
-  }
   .top-\[50\%\] {
     top: 50%;
   }
-  .top-full {
-    top: 100%;
-  }
   .-right-0\.5 {
     right: calc(var(--spacing) * -0.5);
   }
@@ -441,9 +438,6 @@
   .z-20 {
     z-index: 20;
   }
-  .z-30 {
-    z-index: 30;
-  }
   .z-40 {
     z-index: 40;
   }
@@ -930,6 +924,9 @@
   .h-auto {
     height: auto;
   }
+  .h-dvh {
+    height: 100dvh;
+  }
   .h-full {
     height: 100%;
   }
@@ -1464,6 +1461,9 @@
   .max-w-\[calc\(100vw-5rem\)\] {
     max-width: calc(100vw - 5rem);
   }
+  .max-w-\[calc\(100vw-24px\)\] {
+    max-width: calc(100vw - 24px);
+  }
   .max-w-\[min\(640px\,calc\(100vw-2rem\)\)\] {
     max-width: min(640px, calc(100vw - 2rem));
   }
@@ -1629,6 +1629,10 @@
     --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .translate-y-0 {
+    --tw-translate-y: 0px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-y-\[-50\%\] {
     --tw-translate-y: -50%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1778,6 +1782,9 @@
   .justify-start {
     justify-content: flex-start;
   }
+  .gap-0 {
+    gap: 0px;
+  }
   .gap-0\.5 {
     gap: calc(var(--spacing) * 0.5);
   }
@@ -2071,6 +2078,10 @@
     border-style: var(--tw-border-style);
     border-width: 2px;
   }
+  .border-y-0 {
+    border-block-style: var(--tw-border-style);
+    border-block-width: 0px;
+  }
   .border-t {
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
@@ -3018,9 +3029,6 @@
   .pt-12 {
     padding-top: calc(var(--spacing) * 12);
   }
-  .pt-16 {
-    padding-top: calc(var(--spacing) * 16);
-  }
   .pr-1 {
     padding-right: var(--spacing);
   }
@@ -3834,6 +3842,9 @@
       --tw-ring-color: color-mix(in oklab, hsl(var(--primary)) 25%, transparent);
     }
   }
+  .ring-surface-container-low {
+    --tw-ring-color: var(--md3-surface-container-low);
+  }
   .outline-hidden {
     --tw-outline-style: none;
     outline-style: none;
@@ -3898,11 +3909,6 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-\[left\,width\] {
-    transition-property: left,width;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
   .transition-\[margin-left\] {
     transition-property: margin-left;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -4113,10 +4119,6 @@
     content: var(--tw-content);
     background-color: hsl(var(--primary));
   }
-  .last\:border-0:last-child {
-    border-style: var(--tw-border-style);
-    border-width: 0px;
-  }
   .last\:border-b-0:last-child {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 0px;
@@ -4432,14 +4434,6 @@
     .hover\:bg-surface-container-highest:hover {
       background-color: var(--md3-surface-container-highest);
     }
-    .hover\:bg-white\/5:hover {
-      background-color: color-mix(in srgb, #fff 5%, transparent);
-    }
-    @supports (color: color-mix(in lab, red, red)) {
-      .hover\:bg-white\/5:hover {
-        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
-      }
-    }
     .hover\:bg-yellow-600\/30:hover {
       background-color: color-mix(in srgb, oklch(68.1% 0.162 75.834) 30%, transparent);
     }
@@ -5078,9 +5072,6 @@
     }
   }
   @media (width >= 64rem) {
-    .lg\:left-\[var\(--sb-content-margin\)\] {
-      left: var(--sb-content-margin);
-    }
     .lg\:col-span-1 {
       grid-column: span 1 / span 1;
     }

package/dist/{workbench-CggAsIMv.js → workbench-BAPaCOCB.js}

@@ -1,5 +1,5 @@
 import { t as cn$1 } from "./utils-DzWbktWG.js";
-import { s as PortsList } from "./dashboard-BpEeXRo1.js";
+import { s as PortsList } from "./dashboard-C2VXLIQC.js";
 import { n as TerminalView } from "./terminal-DmSUfGha.js";
 import { RichFileTree } from "./files.js";
 import { n as PreviewView } from "./embedded-app-view-CMRPEvon.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-D1YmTvf3.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-v1lfd9oE.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-CggAsIMv.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-BAPaCOCB.js";
 import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-CMRPEvon.js";
 export { BRAND_PRISM_THEME, ChangesPane, CodeSurface, CodeView, DiffStatsBadge, DiffView, EmbeddedAppView, FileBreadcrumb, GitStatusBadge, PanelHeader, PillTabs, PreviewView, SandboxArtifactPane, buildUnifiedPatch, computeDiffStats, resolveLanguage };

package/dist/workflows.d.ts

@@ -1,4 +1,6 @@
 import { a as modelBrandFor, n as ModelBrandStack, t as ModelBrandIdentity } from "./model-brand-B9A4H9pJ.js";
+import { ReactElement } from "react";
+import { LucideIcon } from "lucide-react";
 import "@xyflow/react";
 import "@xyflow/react/dist/style.css";
 //#region src/workflows/model.d.ts
@@ -488,4 +490,167 @@ interface WorkflowGraphProps {
 //#region src/workflows/WorkflowGraphLazy.d.ts
 declare function WorkflowGraph(props: WorkflowGraphProps): import("react").JSX.Element;
 //#endregion
-export { type BuildWorkflowGraphOptions, type ModelBrandIdentity, ModelBrandStack, type WfEdge, type WfEdgeKind, type WfEdgeSpec, type WfGraph, type WfNode, type WfNodeData, type WfNodeState, type WfNodeStatus, type WfNodeTone, type WfProblem, type WfProblemSeverity, WorkflowGraph as WorkflowGraphLazy, type WorkflowGraphProps, modelBrandFor };
+//#region src/workflows/node-ui.d.ts
+export declare const STATUS_COLOR: Record<WfNodeStatus, string>;
+export declare const STATUS_LABEL: Record<WfNodeStatus, string>;
+/** Status pill styling — a tinted well in the status color. Built from the
+ *  semantic surface trio (bg/border/text) so the pill keeps its contrast in both
+ *  themes rather than washing out in one of them. */
+export declare const STATUS_PILL: Record<WfNodeStatus, {
+  background: string;
+  color: string;
+  borderColor: string;
+}>;
+export declare const KIND_ICON: Record<string, LucideIcon>;
+/** The status pill in a card's header — the one place the run state is spelled
+ *  out in words. */
+declare function StatusPill({ status }: {
+  status: WfNodeStatus;
+}): import("react").JSX.Element;
+/**
+ * A node's MARK, centered in a tile the caller sizes: the provider's brand logo
+ * when the step runs against a connector — the way n8n makes a node recognizable
+ * before a word of it is read — else the kind's glyph, tinted by tone. Both
+ * densities render the same mark at different sizes, so a node looks like itself
+ * whether it's an icon tile or a full card.
+ */
+export declare function NodeMark({ kind, provider, model, accent, tile }: {
+  kind?: string;
+  provider?: string;
+  /** The model an agent runs, e.g. "anthropic/claude-sonnet-4-5". Its lab/host
+   *  brand mark identifies the node far faster than a generic sparkle. */
+  model?: string;
+  accent: string;
+  /** Edge length of the square the mark is centered in. */
+  tile: number;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/workflows/naming.d.ts
+/**
+ * Human-facing naming for workflow nodes. A definition addresses things by
+ * machine identifier — an action kind (`agent.run`), a hub action path
+ * (`github.pulls.reviews.create`), a profile slug (`pr-reviewer`) — and showing
+ * those verbatim on a node makes the graph read like a config file. These turn
+ * an identifier into the label a person would say out loud.
+ *
+ * Pure and dependency-free so the naming rules are unit-testable without the
+ * YAML parser or a render.
+ */
+/** How the first word of a humanized identifier is cased. An initialism is
+ *  ALWAYS upper-cased whichever is chosen — that is the whole point of the table
+ *  above, and `.toLowerCase()`ing the result afterwards silently undoes it
+ *  ("List API keys" → "list api keys"). */
+type LeadCase = "sentence" | "lower" | "title";
+/**
+ * Humanize a machine identifier: `pr-reviewer` → "PR reviewer", `sandbox.spawn`
+ * → "Sandbox spawn", `postMessage` → "Post message". Known initialisms are
+ * upper-cased wherever they appear; `lead` picks the case of the rest.
+ *
+ *  - `sentence` (default): "Create issue comment" — a label or a title.
+ *  - `lower`: "create issue comment" — a fragment that sits INSIDE a phrase
+ *    ("On pull request"), where a capital would read as a new sentence. An
+ *    initialism still wins: `ci_run_completed` → "CI run completed", never
+ *    "cI run completed".
+ *  - `title`: "Google Sheets" — a brand/proper name.
+ *
+ * An identifier that carries no word characters is returned verbatim rather than
+ * blanked.
+ */
+export declare function humanizeIdentifier(id: string, lead?: LeadCase): string;
+/** A model slug without its provider prefix (`anthropic/claude-sonnet-5` →
+ *  `claude-sonnet-5`) — the vendor is noise on a card whose width is the scarce
+ *  resource, and the full slug stays in the node's config for the detail view. */
+export declare function shortModel(model: string): string;
+/** The parts of a hub action path (`<provider>.<resource…>.<operation>`). */
+interface ActionPathParts {
+  /** The connector the action runs against (`github`). */
+  provider: string;
+  /** The trailing verb (`create`). */
+  operation: string;
+  /** Everything between provider and operation (`pulls.reviews`), when present —
+   *  a two-segment path (`slack.postMessage`) has no resource. */
+  resource?: string;
+}
+/** Split a hub action path into provider / resource / operation. Null when the
+ *  value isn't a dotted path (a `${…}` expression, or a bare word), so callers
+ *  fall back to showing it verbatim instead of inventing structure. */
+export declare function parseActionPath(path: string): ActionPathParts | null;
+/**
+ * The operation label for an action path, in n8n's `operation: resource` shape:
+ * `github.pulls.reviews.create` → "create: pulls.reviews", `slack.postMessage`
+ * → "post message". The provider names the node itself (its title + logo), so
+ * it is deliberately absent here. A path we can't split is shown verbatim.
+ */
+export declare function actionPathLabel(path: string): string;
+//#endregion
+//#region src/workflows/node-output.d.ts
+/** The recovered shape of an output preview. */
+type OutputShape = {
+  kind: "empty";
+} |
+/** A shallow JSON object, flattened to top-level key/value pairs for a
+ *  key-value render. `truncated` when more pairs exist than we kept. */
+{
+  kind: "json";
+  entries: [string, string][];
+  truncated: boolean;
+} |
+/** Structured-looking text we won't key/value render — a JSON array, a nested
+ *  object, or a fragment the host clamped mid-token so it won't parse. Shown in
+ *  monospace so it still reads as data, not prose. */
+{
+  kind: "code";
+  text: string;
+} |
+/** Free-form prose (agent output, a status line, an error message). */
+{
+  kind: "text";
+  text: string;
+};
+/**
+ * Flatten an agent's markdown answer into the sentence a person would read out
+ * of it. On a two-line card preview the syntax IS the noise: a `## Heading` mid
+ * paragraph, a `**bold**` run and a bullet's `-` all survive the clamp while the
+ * words that carry the meaning get pushed past it. Stripping the markup (never
+ * the words) is what turns the preview back into prose — the full text, markup
+ * and all, is still rendered by the node's detail view.
+ *
+ * Structure-only lines (a fence, a table rule) are dropped; everything else keeps
+ * its text and is joined into one flowing line.
+ */
+export declare function condenseText(text: string): string;
+/**
+ * Recover the shape of an output preview string. Only text that *begins* like
+ * JSON (`{`/`[`) is parse-attempted, so ordinary prose starting with a brace-free
+ * sentence is never mis-parsed. A begins-like-JSON string that fails to parse
+ * (the host clamped it mid-value) still renders as `code`, not prose, so it keeps
+ * its monospace/data affordance.
+ *
+ * `condenseMarkdown` says the prose IS markdown and may be flattened for the
+ * preview ({@link condenseText}). It is OFF by default, and the caller must only
+ * turn it on for text an agent actually authored as markdown. Applied to anything
+ * else it does not merely look wrong — it silently REWRITES the text: a stack
+ * trace's `__init__.py` loses its underscores, and a shell glob `src/**` pairs
+ * with a later `**` and both vanish. An error message is the one string a person
+ * reads to find out what broke; it must reach them exactly as it was thrown.
+ */
+export declare function classifyOutput(preview: string | undefined, condenseMarkdown?: boolean): OutputShape;
+/**
+ * Render a classified output preview's CONTENT (no surrounding frame — each node
+ * design supplies its own container/label). `rows` caps the visible lines so the
+ * body stays within a card's reserved output space; `tone="error"` colors it for
+ * a failure message.
+ *
+ * `rows="none"` renders the body UNCLAMPED, for a container that scrolls or is
+ * sized by its content — a drawer, a detail panel, a selection overlay. It is a
+ * word rather than a large number because there is no number that means "do not
+ * clamp": a count outside {@link CLAMP_BY_ROWS} falls back to two lines, so
+ * `rows={99}` asks for everything and silently shows the least.
+ */
+export declare function NodeOutputBody({ shape, rows, tone }: {
+  shape: OutputShape;
+  rows?: number | "none";
+  tone?: "default" | "error";
+}): ReactElement | null;
+//#endregion
+export { type ActionPathParts, type BuildWorkflowGraphOptions, type LeadCase, type ModelBrandIdentity, ModelBrandStack, StatusPill as NodeStatusPill, type OutputShape, type WfEdge, type WfEdgeKind, type WfEdgeSpec, type WfGraph, type WfNode, type WfNodeData, type WfNodeState, type WfNodeStatus, type WfNodeTone, type WfProblem, type WfProblemSeverity, WorkflowGraph as WorkflowGraphLazy, type WorkflowGraphProps, modelBrandFor };

package/dist/workflows.js

@@ -1,5 +1,5 @@
 import { r as modelBrandFor, t as ModelBrandStack } from "./model-brand-hMyDTUqB.js";
-import { a as buildWorkflowGraph, c as triggerNodeIndex, i as branchNodeId, n as TRIGGER_NODE_ID, r as actionNodeId, s as triggerNodeId } from "./model-I-NIxeM-.js";
+import { A as actionPathLabel, C as branchNodeId, D as triggerNodeIndex, E as triggerNodeId, M as parseActionPath, N as shortModel, S as actionNodeId, a as NodeMark, c as STATUS_COLOR, f as StatusPill, i as KIND_ICON, j as humanizeIdentifier, l as STATUS_LABEL, n as classifyOutput, r as condenseText, t as NodeOutputBody, u as STATUS_PILL, w as buildWorkflowGraph, x as TRIGGER_NODE_ID } from "./node-output-D-fYilAu.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Component, Suspense, lazy, useMemo, useState } from "react";
 //#region src/workflows/WorkflowGraphLazy.tsx
@@ -30,7 +30,7 @@ function retryImport(factory, retries = 2, delayMs = 350) {
 	});
 }
 function lazyWorkflowGraph() {
-	return lazy(() => retryImport(() => import("./WorkflowGraph-E2Gqe8sl.js").then((m) => ({ default: m.WorkflowGraph }))));
+	return lazy(() => retryImport(() => import("./WorkflowGraph-B4mkYGe3.js").then((m) => ({ default: m.WorkflowGraph }))));
 }
 var GraphErrorBoundary = class extends Component {
 	state = { hasError: false };
@@ -81,4 +81,4 @@ function WorkflowGraph(props) {
 	}, `${props.yaml}::${attempt}`);
 }
 //#endregion
-export { ModelBrandStack, TRIGGER_NODE_ID, WorkflowGraph as WorkflowGraphLazy, actionNodeId, branchNodeId, buildWorkflowGraph, modelBrandFor, triggerNodeId, triggerNodeIndex };
+export { KIND_ICON, ModelBrandStack, NodeMark, NodeOutputBody, StatusPill as NodeStatusPill, STATUS_COLOR, STATUS_LABEL, STATUS_PILL, TRIGGER_NODE_ID, WorkflowGraph as WorkflowGraphLazy, actionNodeId, actionPathLabel, branchNodeId, buildWorkflowGraph, classifyOutput, condenseText, humanizeIdentifier, modelBrandFor, parseActionPath, shortModel, triggerNodeId, triggerNodeIndex };

package/package.json

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

package/dist/primitives-C4qn9fZ8.js

@@ -1,25 +0,0 @@
-import { ArtifactPane as ArtifactPane$1, Avatar as Avatar$1, AvatarFallback as AvatarFallback$1, AvatarImage as AvatarImage$1, Badge as Badge$1, Button as Button$1, Card as Card$1, CardContent as CardContent$1, CardDescription as CardDescription$1, CardFooter, CardHeader as CardHeader$1, CardTitle as CardTitle$1, CodeBlock, 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, 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, FilterField, Heading, InlineCode, Input as Input$1, Label as Label$1, Metric, MetricStrip, PageHeader, PageHeader as PageHeader$1, PageShell as PageShell$1, Progress as Progress$1, SegmentedControl, 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, Skeleton as Skeleton$1, SkeletonCard as SkeletonCard$1, SkeletonTable, StatCard as StatCard$1, StatusPill, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs as Tabs$1, TabsContent as TabsContent$1, TabsList as TabsList$1, TabsTrigger as TabsTrigger$1, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, TextShimmer, Textarea as Textarea$1, ThemeToggle, ToastContainer, ToastProvider, Toolbar, UploadProgress, badgeVariants, buttonVariants, useTheme as useTheme$1, useToast } from "@tangle-network/ui/primitives";
-import { Logo, TangleKnot as TangleKnot$1 } from "@tangle-network/brand";
-import { jsx } from "react/jsx-runtime";
-//#region src/primitives/logo.tsx
-/** Keep the Sandbox wordmark API while Brand owns the mark and layout. */
-function Logo$1({ variant = "sandbox", size = "md", className, iconOnly = false }) {
-	return /* @__PURE__ */ jsx(Logo, {
-		size,
-		variant: iconOnly ? "icon" : "full",
-		suffix: variant === "sandbox" ? "Sandbox" : null,
-		className
-	});
-}
-Logo$1.displayName = "Logo";
-//#endregion
-//#region src/primitives/heading.tsx
-/** Compatibility name for the canonical nested (h2) page header. */
-function SectionTitle(props) {
-	return /* @__PURE__ */ jsx(PageHeader, {
-		...props,
-		level: 2
-	});
-}
-//#endregion
-export { Select$1 as $, DropdownMenuItem$1 as A, TerminalInput as At, DropdownMenuTrigger$1 as B, buttonVariants as Bt, DialogTitle$1 as C, TableRow as Ct, DropdownMenuCheckboxItem as D, TabsTrigger$1 as Dt, DropdownMenu$1 as E, TabsList$1 as Et, DropdownMenuSeparator$1 as F, ToastContainer as Ft, Input$1 as G, TangleKnot$1 as Gt, FilterField as H, useToast as Ht, DropdownMenuShortcut as I, ToastProvider as It, MetricStrip as J, Label$1 as K, DropdownMenuSub$1 as L, Toolbar as Lt, DropdownMenuPortal as M, TextShimmer as Mt, DropdownMenuRadioGroup as N, Textarea$1 as Nt, DropdownMenuContent$1 as O, TerminalCursor as Ot, DropdownMenuRadioItem as P, ThemeToggle as Pt, SegmentedControl as Q, DropdownMenuSubContent$1 as R, UploadProgress as Rt, DialogPortal as S, TableHeader as St, DropZone as T, TabsContent$1 as Tt, Heading as U, SectionTitle as Ut, EmptyState$1 as V, useTheme$1 as Vt, InlineCode as W, Logo$1 as Wt, PageShell$1 as X, PageHeader$1 as Y, Progress$1 as Z, DialogContent$1 as _, TableBody as _t, Badge$1 as a, SelectScrollUpButton as at, DialogHeader$1 as b, TableFooter as bt, CardContent$1 as c, SelectValue$1 as ct, CardHeader$1 as d, SkeletonCard$1 as dt, SelectContent$1 as et, CardTitle$1 as f, SkeletonTable as ft, DialogClose as g, Table as gt, Dialog$1 as h, Switch as ht, AvatarImage$1 as i, SelectScrollDownButton as it, DropdownMenuLabel$1 as j, TerminalLine as jt, DropdownMenuGroup as k, TerminalDisplay as kt, CardDescription$1 as l, SidebarDropZone as lt, CopyButton as m, StatusPill as mt, Avatar$1 as n, SelectItem$1 as nt, Button$1 as o, SelectSeparator as ot, CodeBlock as p, StatCard$1 as pt, Metric as q, AvatarFallback$1 as r, SelectLabel as rt, Card$1 as s, SelectTrigger$1 as st, ArtifactPane$1 as t, SelectGroup as tt, CardFooter as u, Skeleton$1 as ut, DialogDescription$1 as v, TableCaption as vt, DialogTrigger as w, Tabs$1 as wt, DialogOverlay as x, TableHead as xt, DialogFooter$1 as y, TableCell as yt, DropdownMenuSubTrigger$1 as z, badgeVariants as zt };