@tangle-network/sandbox-ui 0.14.0 → 0.15.1

package/dist/markdown.d.ts

@@ -1,29 +1 @@
-import * as React from 'react';
-import { HTMLAttributes, ReactNode } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-interface CodeBlockProps extends HTMLAttributes<HTMLDivElement> {
-    code: string;
-    language?: string;
-    showLineNumbers?: boolean;
-    /** Force light theme; defaults to dark */
-    light?: boolean;
-    children?: ReactNode;
-}
-declare const CodeBlock: React.MemoExoticComponent<({ code, language, showLineNumbers, light: lightProp, className, children, ...props }: CodeBlockProps) => react_jsx_runtime.JSX.Element>;
-/** Copy-to-clipboard button for use inside CodeBlock. */
-declare const CopyButton: React.MemoExoticComponent<({ text }: {
-    text: string;
-}) => react_jsx_runtime.JSX.Element>;
-
-interface MarkdownProps {
-    children: string;
-    className?: string;
-}
-/**
- * Renders Markdown content with GFM support, XSS sanitisation, and
- * custom code block rendering via our CodeBlock component.
- */
-declare const Markdown: React.MemoExoticComponent<({ children, className }: MarkdownProps) => react_jsx_runtime.JSX.Element>;
-
-export { CodeBlock, type CodeBlockProps, CopyButton, Markdown, type MarkdownProps };
+export { CodeBlock, CodeBlockProps, CopyButton, Markdown, MarkdownProps } from '@tangle-network/ui/markdown';

package/dist/markdown.js

@@ -1,9 +1,9 @@
+// src/markdown/index.ts
 import {
   CodeBlock,
   CopyButton,
   Markdown
-} from "./chunk-T7HMZEVO.js";
-import "./chunk-RQHJBTEU.js";
+} from "@tangle-network/ui/markdown";
 export {
   CodeBlock,
   CopyButton,

package/dist/openui.d.ts

@@ -1,115 +1,8 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-
-type OpenUIPrimitive = string | number | boolean | null | undefined;
-interface OpenUIAction {
-    id: string;
-    label: string;
-    tone?: "default" | "secondary" | "outline" | "ghost" | "destructive";
-    disabled?: boolean;
-    onPress?: () => void;
-}
-interface OpenUIBaseNode {
-    id?: string;
-}
-interface OpenUIHeadingNode extends OpenUIBaseNode {
-    type: "heading";
-    text: string;
-    level?: 1 | 2 | 3 | 4;
-    kicker?: string;
-    meta?: string;
-}
-interface OpenUITextNode extends OpenUIBaseNode {
-    type: "text";
-    text: string;
-    tone?: "default" | "muted" | "success" | "warning" | "error";
-    mono?: boolean;
-}
-interface OpenUIBadgeNode extends OpenUIBaseNode {
-    type: "badge";
-    label: string;
-    tone?: "default" | "secondary" | "success" | "warning" | "error" | "info" | "sandbox";
-}
-interface OpenUIStatNode extends OpenUIBaseNode {
-    type: "stat";
-    label: string;
-    value: string;
-    change?: string;
-    tone?: "default" | "success" | "warning" | "error" | "info";
-}
-interface OpenUIKeyValueNode extends OpenUIBaseNode {
-    type: "key_value";
-    items: Array<{
-        id?: string;
-        label: string;
-        value: ReactNode | OpenUIPrimitive;
-        tone?: "default" | "muted";
-    }>;
-}
-interface OpenUICodeNode extends OpenUIBaseNode {
-    type: "code";
-    code: string;
-    language?: string;
-    title?: string;
-    showLineNumbers?: boolean;
-}
-interface OpenUIMarkdownNode extends OpenUIBaseNode {
-    type: "markdown";
-    content: string;
-}
-interface OpenUITableNode extends OpenUIBaseNode {
-    type: "table";
-    columns: Array<{
-        key: string;
-        header: string;
-        align?: "left" | "right";
-    }>;
-    rows: Array<Record<string, ReactNode | OpenUIPrimitive>>;
-    caption?: string;
-}
-interface OpenUIActionsNode extends OpenUIBaseNode {
-    type: "actions";
-    actions: OpenUIAction[];
-}
-interface OpenUISeparatorNode extends OpenUIBaseNode {
-    type: "separator";
-    label?: string;
-}
-interface OpenUIStackNode extends OpenUIBaseNode {
-    type: "stack";
-    direction?: "row" | "column";
-    gap?: "sm" | "md" | "lg";
-    align?: "start" | "center" | "end" | "stretch";
-    wrap?: boolean;
-    children: OpenUIComponentNode[];
-}
-interface OpenUIGridNode extends OpenUIBaseNode {
-    type: "grid";
-    columns?: 1 | 2 | 3 | 4;
-    gap?: "sm" | "md" | "lg";
-    children: OpenUIComponentNode[];
-}
-interface OpenUICardNode extends OpenUIBaseNode {
-    type: "card";
-    title?: string;
-    description?: string;
-    eyebrow?: string;
-    badge?: OpenUIBadgeNode;
-    actions?: OpenUIAction[];
-    children?: OpenUIComponentNode[];
-}
-type OpenUIComponentNode = OpenUIActionsNode | OpenUIBadgeNode | OpenUICardNode | OpenUICodeNode | OpenUIGridNode | OpenUIHeadingNode | OpenUIKeyValueNode | OpenUIMarkdownNode | OpenUISeparatorNode | OpenUIStackNode | OpenUIStatNode | OpenUITableNode | OpenUITextNode;
-interface OpenUIArtifactRendererProps {
-    schema: OpenUIComponentNode | OpenUIComponentNode[];
-    onAction?: (action: OpenUIAction) => void;
-    className?: string;
-}
-/**
- * OpenUIArtifactRenderer — contained renderer for OpenUI-like structured
- * artifact payloads using sandbox-ui primitives and theme tokens. This is an
- * extension surface for generated inspectors/results, not a replacement for
- * the sandbox shell.
- */
-declare function OpenUIArtifactRenderer({ schema, onAction, className, }: OpenUIArtifactRendererProps): react_jsx_runtime.JSX.Element;
-
-export { type OpenUIAction, type OpenUIActionsNode, OpenUIArtifactRenderer, type OpenUIArtifactRendererProps, type OpenUIBadgeNode, type OpenUICardNode, type OpenUICodeNode, type OpenUIComponentNode, type OpenUIGridNode, type OpenUIHeadingNode, type OpenUIKeyValueNode, type OpenUIMarkdownNode, type OpenUIPrimitive, type OpenUISeparatorNode, type OpenUIStackNode, type OpenUIStatNode, type OpenUITableNode, type OpenUITextNode };
+export { OpenUIAction, OpenUIActionsNode, OpenUIArtifactRenderer, OpenUIArtifactRendererProps, OpenUIBadgeNode, OpenUICardNode, OpenUICodeNode, OpenUIComponentNode, OpenUIGridNode, OpenUIHeadingNode, OpenUIKeyValueNode, OpenUIMarkdownNode, OpenUIPrimitive, OpenUISeparatorNode, OpenUIStackNode, OpenUIStatNode, OpenUITableNode, OpenUITextNode } from '@tangle-network/ui/openui';
+import '@tangle-network/ui/chat';
+import '@tangle-network/ui/editor';
+import '@tangle-network/ui/run';
+import '@tangle-network/ui/files';
+import '@tangle-network/ui/auth';
+import '@tangle-network/ui/utils';
+import '@tangle-network/ui/markdown';

package/dist/openui.js

@@ -1,11 +1,6 @@
 import {
   OpenUIArtifactRenderer
-} from "./chunk-ZNCEM5CD.js";
-import "./chunk-34I7UFSX.js";
-import "./chunk-T7HMZEVO.js";
-import "./chunk-ZMNSRDMH.js";
-import "./chunk-MKTSMWVD.js";
-import "./chunk-RQHJBTEU.js";
+} from "./chunk-AZ3AWMTM.js";
 export {
   OpenUIArtifactRenderer
 };

package/dist/pages.d.ts

@@ -1,7 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { B as BillingSubscription, a as BillingBalance, b as BillingUsage, U as UsageDataPoint, P as PricingTier } from './usage-chart-CPTcNlGs.js';
+import { c as BillingSubscription, B as BillingBalance, d as BillingUsage, j as UsageDataPoint, f as PricingTier, g as TemplateCardData } from './template-card-UhV3pmRC.js';
 import * as React from 'react';
-import { T as TemplateCardData } from './template-card-BAtvcAkU.js';
 
 type ProductVariant$1 = "sandbox";
 interface BillingPageData {

package/dist/pages.js

@@ -1,47 +1,18 @@
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle
-} from "./chunk-US6JKJKH.js";
-import {
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger
-} from "./chunk-Q56BYXQF.js";
-import {
-  EmptyState,
-  Input
-} from "./chunk-MA7YKRUP.js";
-import {
-  InfoPanel,
-  TemplateCard
-} from "./chunk-VX3XOUEB.js";
 import {
   BillingDashboard,
+  InfoPanel,
   PricingPage,
+  TemplateCard,
   UsageChart
-} from "./chunk-QMU2PWOU.js";
-import {
-  Skeleton,
-  SkeletonCard
-} from "./chunk-66EZOYZR.js";
-import {
-  Badge,
-  Card
-} from "./chunk-ZMNSRDMH.js";
-import {
-  Button
-} from "./chunk-MKTSMWVD.js";
+} from "./chunk-DNZ4DTNA.js";
 import {
   cn
-} from "./chunk-RQHJBTEU.js";
+} from "./chunk-EI44GEQ5.js";
 
 // src/pages/billing-page.tsx
 import * as React from "react";
+import { Skeleton, SkeletonCard } from "@tangle-network/ui/primitives";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@tangle-network/ui/primitives";
 import { jsx, jsxs } from "react/jsx-runtime";
 var defaultBillingData = {
   subscription: null,
@@ -1400,6 +1371,7 @@ function ProvisioningWizard({
 
 // src/pages/pricing-page.tsx
 import * as React3 from "react";
+import { Skeleton as Skeleton2, SkeletonCard as SkeletonCard2 } from "@tangle-network/ui/primitives";
 import { ChevronDown } from "lucide-react";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 async function fetchTiersFromApi(apiBasePath) {
@@ -1493,13 +1465,13 @@ function StandalonePricingPage({
     ] }),
     state.loading ? /* @__PURE__ */ jsxs3("div", { className: "space-y-8", children: [
       /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-center gap-4", children: [
-        /* @__PURE__ */ jsx3(Skeleton, { className: "h-10 w-24" }),
-        /* @__PURE__ */ jsx3(Skeleton, { className: "h-10 w-24" })
+        /* @__PURE__ */ jsx3(Skeleton2, { className: "h-10 w-24" }),
+        /* @__PURE__ */ jsx3(Skeleton2, { className: "h-10 w-24" })
       ] }),
       /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-1 gap-6 lg:grid-cols-3", children: [
-        /* @__PURE__ */ jsx3(SkeletonCard, { className: "h-[500px]" }),
-        /* @__PURE__ */ jsx3(SkeletonCard, { className: "h-[500px]" }),
-        /* @__PURE__ */ jsx3(SkeletonCard, { className: "h-[500px]" })
+        /* @__PURE__ */ jsx3(SkeletonCard2, { className: "h-[500px]" }),
+        /* @__PURE__ */ jsx3(SkeletonCard2, { className: "h-[500px]" }),
+        /* @__PURE__ */ jsx3(SkeletonCard2, { className: "h-[500px]" })
       ] })
     ] }) : state.error ? /* @__PURE__ */ jsxs3("div", { className: "flex flex-col items-center justify-center space-y-4 rounded-xl border border-destructive/20 bg-destructive/5 p-8 text-center", children: [
       /* @__PURE__ */ jsx3("p", { className: "text-destructive text-sm font-medium", children: state.error }),
@@ -1549,6 +1521,19 @@ import {
   Trash2 as Trash22
 } from "lucide-react";
 import * as React4 from "react";
+import { Button } from "@tangle-network/ui/primitives";
+import { Badge } from "@tangle-network/ui/primitives";
+import { Card } from "@tangle-network/ui/primitives";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "@tangle-network/ui/primitives";
+import { EmptyState } from "@tangle-network/ui/primitives";
+import { Input } from "@tangle-network/ui/primitives";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var TIER_LIMITS = {
   free: 3,
@@ -2177,6 +2162,14 @@ function ProfileDetailDialog({
 // src/pages/secrets-page.tsx
 import * as React5 from "react";
 import { Lock, Plus as Plus3, Trash2 as Trash23, Eye, EyeOff, AlertCircle as AlertCircle2, Key, Shield, CheckCircle, Users, ArrowRight } from "lucide-react";
+import {
+  Dialog as Dialog2,
+  DialogContent as DialogContent2,
+  DialogDescription as DialogDescription2,
+  DialogFooter as DialogFooter2,
+  DialogHeader as DialogHeader2,
+  DialogTitle as DialogTitle2
+} from "@tangle-network/ui/primitives";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function SecretsPage({ apiClient, className, teamSecretsHint }) {
   const [secrets, setSecrets] = React5.useState([]);
@@ -2318,7 +2311,7 @@ function SecretsPage({ apiClient, className, teamSecretsHint }) {
       /* @__PURE__ */ jsx5(AlertCircle2, { className: "h-5 w-5 text-destructive shrink-0" }),
       /* @__PURE__ */ jsx5("p", { className: "text-destructive text-sm font-medium", children: error })
     ] }),
-    /* @__PURE__ */ jsx5(Dialog, { open: isCreateOpen, onOpenChange: (open) => {
+    /* @__PURE__ */ jsx5(Dialog2, { open: isCreateOpen, onOpenChange: (open) => {
       if (!open) {
         setIsCreateOpen(false);
         setNewName("");
@@ -2326,10 +2319,10 @@ function SecretsPage({ apiClient, className, teamSecretsHint }) {
         setCreateError(null);
         setShowValue(false);
       }
-    }, children: /* @__PURE__ */ jsxs5(DialogContent, { className: "max-w-md", children: [
-      /* @__PURE__ */ jsxs5(DialogHeader, { children: [
-        /* @__PURE__ */ jsx5(DialogTitle, { children: "Create Secret" }),
-        /* @__PURE__ */ jsx5(DialogDescription, { children: "Secrets are automatically exposed as environment variables across all your new sandboxes." })
+    }, children: /* @__PURE__ */ jsxs5(DialogContent2, { className: "max-w-md", children: [
+      /* @__PURE__ */ jsxs5(DialogHeader2, { children: [
+        /* @__PURE__ */ jsx5(DialogTitle2, { children: "Create Secret" }),
+        /* @__PURE__ */ jsx5(DialogDescription2, { children: "Secrets are automatically exposed as environment variables across all your new sandboxes." })
       ] }),
       /* @__PURE__ */ jsxs5(
         "form",
@@ -2390,7 +2383,7 @@ function SecretsPage({ apiClient, className, teamSecretsHint }) {
         }
       ),
       createError && /* @__PURE__ */ jsx5("p", { className: "mt-3 text-sm text-destructive", children: createError }),
-      /* @__PURE__ */ jsxs5(DialogFooter, { children: [
+      /* @__PURE__ */ jsxs5(DialogFooter2, { children: [
         /* @__PURE__ */ jsx5(
           "button",
           {
@@ -2417,18 +2410,18 @@ function SecretsPage({ apiClient, className, teamSecretsHint }) {
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx5(Dialog, { open: !!deleteTarget, onOpenChange: (open) => {
+    /* @__PURE__ */ jsx5(Dialog2, { open: !!deleteTarget, onOpenChange: (open) => {
       if (!open) setDeleteTarget(null);
-    }, children: /* @__PURE__ */ jsxs5(DialogContent, { className: "max-w-sm", children: [
-      /* @__PURE__ */ jsxs5(DialogHeader, { children: [
-        /* @__PURE__ */ jsx5(DialogTitle, { children: "Delete Secret?" }),
-        /* @__PURE__ */ jsxs5(DialogDescription, { children: [
+    }, children: /* @__PURE__ */ jsxs5(DialogContent2, { className: "max-w-sm", children: [
+      /* @__PURE__ */ jsxs5(DialogHeader2, { children: [
+        /* @__PURE__ */ jsx5(DialogTitle2, { children: "Delete Secret?" }),
+        /* @__PURE__ */ jsxs5(DialogDescription2, { children: [
           "This will permanently delete ",
           /* @__PURE__ */ jsx5("span", { className: "font-mono font-bold text-foreground", children: deleteTarget }),
           ". Sandboxes using this secret will lose access to it."
         ] })
       ] }),
-      /* @__PURE__ */ jsxs5(DialogFooter, { children: [
+      /* @__PURE__ */ jsxs5(DialogFooter2, { children: [
         /* @__PURE__ */ jsx5(
           "button",
           {
@@ -2524,6 +2517,7 @@ function SecretsPage({ apiClient, className, teamSecretsHint }) {
 
 // src/pages/templates-page.tsx
 import { Layers as Layers2 } from "lucide-react";
+import { Skeleton as Skeleton3 } from "@tangle-network/ui/primitives";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function TemplatesPage({ templates, loading = false, onUseTemplate, className }) {
   return /* @__PURE__ */ jsxs6("div", { className: cn("space-y-8", className), children: [
@@ -2531,7 +2525,7 @@ function TemplatesPage({ templates, loading = false, onUseTemplate, className })
       /* @__PURE__ */ jsx6("h1", { className: "font-bold text-3xl text-foreground", children: "Templates" }),
       /* @__PURE__ */ jsx6("p", { className: "mt-1 text-muted-foreground", children: "Pre-configured environments to get started quickly" })
     ] }),
-    loading || !templates ? /* @__PURE__ */ jsx6("div", { className: "grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx6(Skeleton, { className: "h-56 rounded-2xl" }, i)) }) : templates.length === 0 ? /* @__PURE__ */ jsxs6("div", { className: "rounded-2xl border border-border bg-card p-16 text-center", children: [
+    loading || !templates ? /* @__PURE__ */ jsx6("div", { className: "grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx6(Skeleton3, { className: "h-56 rounded-2xl" }, i)) }) : templates.length === 0 ? /* @__PURE__ */ jsxs6("div", { className: "rounded-2xl border border-border bg-card p-16 text-center", children: [
       /* @__PURE__ */ jsx6(Layers2, { className: "mx-auto mb-3 h-10 w-10 text-muted-foreground" }),
       /* @__PURE__ */ jsx6("p", { className: "text-sm font-medium text-foreground mb-1", children: "No templates available" }),
       /* @__PURE__ */ jsx6("p", { className: "text-sm text-muted-foreground", children: "Check back later for pre-configured environments." })
@@ -2567,6 +2561,14 @@ import {
   MemoryStick,
   Layers as Layers3
 } from "lucide-react";
+import {
+  Dialog as Dialog3,
+  DialogContent as DialogContent3,
+  DialogDescription as DialogDescription3,
+  DialogFooter as DialogFooter3,
+  DialogHeader as DialogHeader3,
+  DialogTitle as DialogTitle3
+} from "@tangle-network/ui/primitives";
 import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var SCRIPT_TYPE_META = {
   bash: {
@@ -2937,7 +2939,7 @@ function StartupScriptsPage({ apiClient, className }) {
       /* @__PURE__ */ jsx7(AlertCircle3, { className: "h-5 w-5 shrink-0 text-destructive" }),
       /* @__PURE__ */ jsx7("p", { className: "text-sm font-medium text-destructive", children: error })
     ] }),
-    /* @__PURE__ */ jsx7(Dialog, { open: isDialogOpen, onOpenChange: setIsDialogOpen, children: /* @__PURE__ */ jsxs7(DialogContent, { className: "max-w-2xl max-h-[90vh] overflow-y-auto", children: [
+    /* @__PURE__ */ jsx7(Dialog3, { open: isDialogOpen, onOpenChange: setIsDialogOpen, children: /* @__PURE__ */ jsxs7(DialogContent3, { className: "max-w-2xl max-h-[90vh] overflow-y-auto", children: [
       dialogStep === "picker" && /* @__PURE__ */ jsxs7(
         "div",
         {
@@ -2946,9 +2948,9 @@ function StartupScriptsPage({ apiClient, className }) {
             transitionDir === "back" ? "slide-in-from-left-4" : "slide-in-from-right-4"
           ),
           children: [
-            /* @__PURE__ */ jsxs7(DialogHeader, { children: [
-              /* @__PURE__ */ jsx7(DialogTitle, { children: "New Startup Script" }),
-              /* @__PURE__ */ jsx7(DialogDescription, { children: "Start from a template or create a blank script." })
+            /* @__PURE__ */ jsxs7(DialogHeader3, { children: [
+              /* @__PURE__ */ jsx7(DialogTitle3, { children: "New Startup Script" }),
+              /* @__PURE__ */ jsx7(DialogDescription3, { children: "Start from a template or create a blank script." })
             ] }),
             /* @__PURE__ */ jsxs7("div", { className: "space-y-4 py-2", children: [
               /* @__PURE__ */ jsxs7("div", { children: [
@@ -3002,9 +3004,9 @@ function StartupScriptsPage({ apiClient, className }) {
             transitionDir === "forward" ? "slide-in-from-right-4" : "slide-in-from-left-4"
           ),
           children: [
-            /* @__PURE__ */ jsxs7(DialogHeader, { children: [
-              /* @__PURE__ */ jsx7(DialogTitle, { children: editingScript ? "Edit Script" : "Create Startup Script" }),
-              /* @__PURE__ */ jsx7(DialogDescription, { children: editingScript ? "Modify your startup script configuration." : "Define a shell script that runs when sandboxes start. Scripts execute before the AI agent." })
+            /* @__PURE__ */ jsxs7(DialogHeader3, { children: [
+              /* @__PURE__ */ jsx7(DialogTitle3, { children: editingScript ? "Edit Script" : "Create Startup Script" }),
+              /* @__PURE__ */ jsx7(DialogDescription3, { children: editingScript ? "Modify your startup script configuration." : "Define a shell script that runs when sandboxes start. Scripts execute before the AI agent." })
             ] }),
             /* @__PURE__ */ jsxs7("div", { className: "space-y-5 py-2", children: [
               /* @__PURE__ */ jsxs7("div", { children: [
@@ -3280,7 +3282,7 @@ function StartupScriptsPage({ apiClient, className }) {
                 /* @__PURE__ */ jsx7("p", { className: "text-sm text-destructive", children: formError })
               ] })
             ] }),
-            /* @__PURE__ */ jsxs7(DialogFooter, { className: "flex items-center justify-between sm:justify-between", children: [
+            /* @__PURE__ */ jsxs7(DialogFooter3, { className: "flex items-center justify-between sm:justify-between", children: [
               /* @__PURE__ */ jsx7("div", { children: !editingScript && /* @__PURE__ */ jsxs7(
                 "button",
                 {
@@ -3320,16 +3322,16 @@ function StartupScriptsPage({ apiClient, className }) {
         `form-${stepKey}`
       )
     ] }) }),
-    /* @__PURE__ */ jsx7(Dialog, { open: !!deleteTarget, onOpenChange: () => setDeleteTarget(null), children: /* @__PURE__ */ jsxs7(DialogContent, { className: "max-w-md", children: [
-      /* @__PURE__ */ jsxs7(DialogHeader, { children: [
-        /* @__PURE__ */ jsx7(DialogTitle, { children: "Delete Startup Script" }),
-        /* @__PURE__ */ jsxs7(DialogDescription, { children: [
+    /* @__PURE__ */ jsx7(Dialog3, { open: !!deleteTarget, onOpenChange: () => setDeleteTarget(null), children: /* @__PURE__ */ jsxs7(DialogContent3, { className: "max-w-md", children: [
+      /* @__PURE__ */ jsxs7(DialogHeader3, { children: [
+        /* @__PURE__ */ jsx7(DialogTitle3, { children: "Delete Startup Script" }),
+        /* @__PURE__ */ jsxs7(DialogDescription3, { children: [
           "Are you sure you want to delete \u201C",
           deleteTarget?.name,
           "\u201D? This action cannot be undone."
         ] })
       ] }),
-      /* @__PURE__ */ jsxs7(DialogFooter, { children: [
+      /* @__PURE__ */ jsxs7(DialogFooter3, { children: [
         /* @__PURE__ */ jsx7(
           "button",
           {

package/dist/primitives.d.ts

@@ -1,54 +1,19 @@
-export { B as Button, a as ButtonProps, b as buttonVariants } from './button-CMQuQEW_.js';
-export { A as Avatar, a as AvatarFallback, b as AvatarImage, B as Badge, c as BadgeProps, C as Card, d as CardContent, e as CardDescription, f as CardFooter, g as CardHeader, h as CardTitle, D as Dialog, i as DialogClose, j as DialogContent, k as DialogDescription, l as DialogFooter, m as DialogHeader, n as DialogOverlay, o as DialogPortal, p as DialogTitle, q as DialogTrigger, r as DropZone, s as DropZoneProps, t as DropdownMenu, u as DropdownMenuCheckboxItem, v as DropdownMenuContent, w as DropdownMenuGroup, x as DropdownMenuItem, y as DropdownMenuLabel, z as DropdownMenuPortal, E as DropdownMenuRadioGroup, F as DropdownMenuRadioItem, G as DropdownMenuSeparator, H as DropdownMenuShortcut, I as DropdownMenuSub, J as DropdownMenuSubContent, K as DropdownMenuSubTrigger, L as DropdownMenuTrigger, M as EmptyState, N as EmptyStateProps, O as Input, P as InputProps, Q as Label, R as Logo, S as LogoProps, T as Progress, U as Select, V as SelectContent, W as SelectGroup, X as SelectItem, Y as SelectLabel, Z as SelectScrollDownButton, _ as SelectScrollUpButton, $ as SelectSeparator, a0 as SelectTrigger, a1 as SelectValue, a2 as SidebarDropZone, a3 as SidebarDropZoneProps, a4 as Skeleton, a5 as SkeletonCard, a6 as SkeletonTable, a7 as StatCard, a8 as StatCardProps, a9 as Switch, aa as Table, ab as TableBody, ac as TableCaption, ad as TableCell, ae as TableFooter, af as TableHead, ag as TableHeader, ah as TableRow, ai as Tabs, aj as TabsContent, ak as TabsList, al as TabsTrigger, am as TangleKnot, an as TerminalCursor, ao as TerminalDisplay, ap as TerminalInput, aq as TerminalLine, ar as Textarea, as as TextareaProps, at as Toast, au as ToastContainer, av as ToastProvider, aw as UploadFile, ax as UploadProgress, ay as UploadProgressProps, az as badgeVariants, aA as useToast } from './sidebar-drop-zone-tDBsuOH5.js';
+export { Avatar, AvatarFallback, AvatarImage, Badge, BadgeProps, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CodeBlock, CodeBlockProps, CopyButton, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropZone, DropZoneProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateProps, InlineCode, InlineCodeProps, Input, InputProps, Label, Progress, SegmentedControl, SegmentedControlOption, SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SidebarDropZone, SidebarDropZoneProps, Skeleton, SkeletonCard, SkeletonTable, StatCard, StatCardProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, Textarea, TextareaProps, ThemeToggle, Toast, ToastContainer, ToastProvider, UploadFile, UploadProgress, UploadProgressProps, badgeVariants, buttonVariants, useTheme, useToast } from '@tangle-network/ui/primitives';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import 'class-variance-authority/types';
-import '@radix-ui/react-dialog';
-import 'class-variance-authority';
-import '@radix-ui/react-avatar';
-import '@radix-ui/react-dropdown-menu';
-import '@radix-ui/react-select';
-import '@radix-ui/react-tabs';
-import '@radix-ui/react-progress';
-import '@radix-ui/react-switch';
-import '@radix-ui/react-label';
 
-/**
- * Visually lightweight segmented control for single-value selection.
- *
- * Uses role="radiogroup" / role="radio" because this is a value-selector
- * with no associated panels — not a tab interface. Arrow keys navigate
- * between options (with wrapping), Home/End jump to first/last.
- *
- * **Accessibility:** Provide either `aria-label` or `aria-labelledby` — the
- * ARIA spec requires every radiogroup to have an accessible name. A dev-mode
- * console warning fires when both are omitted.
- *
- * Design rules baked into the default variant:
- *   - Only the SELECTED segment shows a surface colour + accent text.
- *   - Unselected segments have NO background — they're plain-text labels
- *     that darken on hover. This keeps the selected segment as the
- *     single visual anchor instead of the whole group competing with
- *     itself.
- */
-interface SegmentedControlOption<T extends string = string> {
-    value: T;
-    label: React.ReactNode;
-    /** Rendered right of the label, typically a count or status pill. */
-    adornment?: React.ReactNode;
+interface LogoProps {
+    variant?: "sandbox";
+    size?: "sm" | "md" | "lg" | "xl";
+    className?: string;
+    iconOnly?: boolean;
 }
-interface SegmentedControlProps<T extends string = string> extends Pick<React.HTMLAttributes<HTMLDivElement>, "id" | "className" | "aria-label" | "aria-labelledby"> {
-    value: T;
-    onValueChange: (value: T) => void;
-    options: SegmentedControlOption<T>[];
-    /**
-     * Layout:
-     *   - "row"   — horizontal pill bar (default, fits in a header region)
-     *   - "tabs"  — horizontal with a bottom border so the selected pill
-     *              reads as a classic tab (used on the Team page)
-     */
-    variant?: "row" | "tabs";
+declare function TangleKnot({ size, className }: {
+    size: number;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function Logo({ variant, size, className, iconOnly }: LogoProps): react_jsx_runtime.JSX.Element;
+declare namespace Logo {
+    var displayName: string;
 }
-declare function SegmentedControl<T extends string = string>({ value, onValueChange, options, variant, className, ...rest }: SegmentedControlProps<T>): react_jsx_runtime.JSX.Element;
 
-export { SegmentedControl, type SegmentedControlOption, type SegmentedControlProps };
+export { Logo, type LogoProps, TangleKnot };