@tangle-network/sandbox-ui 0.9.0 → 0.10.1

package/dist/dashboard.js

@@ -34,7 +34,7 @@ import {
   SidebarRailNav,
   VariantList,
   useSidebar
-} from "./chunk-7YWFOGKQ.js";
+} from "./chunk-2XCOGNZP.js";
 import {
   BillingDashboard,
   PricingPage,
@@ -769,7 +769,7 @@ function formatDate(dateStr) {
   if (Number.isNaN(d.getTime())) return dateStr;
   return d.toLocaleDateString(void 0, { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" });
 }
-function SnapshotList({ snapshots, onCreate, onRestore, loading = false, className }) {
+function SnapshotList({ snapshots, onCreate, onRestore, onSaveAsTemplate, loading = false, className }) {
   const [showCreate, setShowCreate] = React6.useState(false);
   const [tags, setTags] = React6.useState("");
   const handleCreate = () => {
@@ -853,19 +853,31 @@ function SnapshotList({ snapshots, onCreate, onRestore, loading = false, classNa
           formatBytes(s.sizeBytes)
         ] }) }),
         /* @__PURE__ */ jsx8("td", { className: "px-4 py-3", children: s.tags?.length ? /* @__PURE__ */ jsx8("div", { className: "flex items-center gap-1 flex-wrap", children: s.tags.map((tag) => /* @__PURE__ */ jsx8("span", { className: "rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground border border-border", children: tag }, tag)) }) : /* @__PURE__ */ jsx8("span", { className: "text-xs text-muted-foreground", children: "-" }) }),
-        /* @__PURE__ */ jsx8("td", { className: "px-4 py-3 text-right", children: /* @__PURE__ */ jsxs8(
-          "button",
-          {
-            type: "button",
-            onClick: () => onRestore(s.id),
-            className: "inline-flex items-center gap-1.5 rounded-md bg-muted px-2.5 py-1 text-xs font-medium text-foreground hover:bg-muted/80 transition-colors border border-border",
-            title: "Restore to new sandbox",
-            children: [
-              /* @__PURE__ */ jsx8(RotateCcw, { className: "h-3 w-3" }),
-              "Restore"
-            ]
-          }
-        ) })
+        /* @__PURE__ */ jsx8("td", { className: "px-4 py-3 text-right", children: /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-end gap-2", children: [
+          /* @__PURE__ */ jsxs8(
+            "button",
+            {
+              type: "button",
+              onClick: () => onRestore(s.id),
+              className: "inline-flex items-center gap-1.5 rounded-md bg-muted px-2.5 py-1 text-xs font-medium text-foreground hover:bg-muted/80 transition-colors border border-border",
+              title: "Restore to new sandbox",
+              children: [
+                /* @__PURE__ */ jsx8(RotateCcw, { className: "h-3 w-3" }),
+                "Restore"
+              ]
+            }
+          ),
+          onSaveAsTemplate && /* @__PURE__ */ jsx8(
+            "button",
+            {
+              type: "button",
+              onClick: () => onSaveAsTemplate(s.id),
+              className: "inline-flex items-center gap-1.5 rounded-md bg-primary/10 px-2.5 py-1 text-xs font-medium text-primary hover:bg-primary/20 transition-colors border border-primary/20",
+              title: "Save as reusable template",
+              children: "Save as Template"
+            }
+          )
+        ] }) })
       ] }, s.id)) })
     ] }) }) : /* @__PURE__ */ jsxs8("div", { className: "rounded-lg border border-border bg-muted/20 p-6 text-center", children: [
       /* @__PURE__ */ jsx8(Camera, { className: "mx-auto h-8 w-8 text-muted-foreground mb-2" }),

package/dist/globals.css

@@ -720,6 +720,9 @@
   .top-0\.5 {
     top: calc(var(--spacing) * 0.5);
   }
+  .top-1 {
+    top: calc(var(--spacing) * 1);
+  }
   .top-1\/2 {
     top: calc(1 / 2 * 100%);
   }
@@ -735,12 +738,18 @@
   .top-\[50\%\] {
     top: 50%;
   }
+  .top-full {
+    top: 100%;
+  }
   .-right-1 {
     right: calc(var(--spacing) * -1);
   }
   .right-0 {
     right: calc(var(--spacing) * 0);
   }
+  .right-1 {
+    right: calc(var(--spacing) * 1);
+  }
   .right-2 {
     right: calc(var(--spacing) * 2);
   }
@@ -1116,8 +1125,8 @@
   .max-h-\[90vh\] {
     max-height: 90vh;
   }
-  .max-h-\[120px\] {
-    max-height: 120px;
+  .max-h-\[160px\] {
+    max-height: 160px;
   }
   .min-h-0 {
     min-height: calc(var(--spacing) * 0);
@@ -1125,6 +1134,9 @@
   .min-h-\[2px\] {
     min-height: 2px;
   }
+  .min-h-\[6rem\] {
+    min-height: 6rem;
+  }
   .min-h-\[12rem\] {
     min-height: 12rem;
   }
@@ -1134,8 +1146,14 @@
   .min-h-\[16rem\] {
     min-height: 16rem;
   }
-  .min-h-\[32px\] {
-    min-height: 32px;
+  .min-h-\[42px\] {
+    min-height: 42px;
+  }
+  .min-h-\[72px\] {
+    min-height: 72px;
+  }
+  .min-h-\[80px\] {
+    min-height: 80px;
   }
   .min-h-\[120px\] {
     min-height: 120px;
@@ -1149,6 +1167,9 @@
   .min-h-\[240px\] {
     min-height: 240px;
   }
+  .min-h-full {
+    min-height: 100%;
+  }
   .min-h-screen {
     min-height: 100vh;
   }
@@ -1359,8 +1380,8 @@
   .max-w-\[75\%\] {
     max-width: 75%;
   }
-  .max-w-\[82\%\] {
-    max-width: 82%;
+  .max-w-\[78\%\] {
+    max-width: 78%;
   }
   .max-w-\[85\%\] {
     max-width: 85%;
@@ -1407,6 +1428,15 @@
   .min-w-\[8rem\] {
     min-width: 8rem;
   }
+  .min-w-\[20px\] {
+    min-width: 20px;
+  }
+  .min-w-\[120px\] {
+    min-width: 120px;
+  }
+  .min-w-\[160px\] {
+    min-width: 160px;
+  }
   .min-w-\[180px\] {
     min-width: 180px;
   }
@@ -1480,6 +1510,9 @@
   .rotate-90 {
     rotate: 90deg;
   }
+  .rotate-180 {
+    rotate: 180deg;
+  }
   .-skew-x-12 {
     --tw-skew-x: skewX(calc(12deg * -1));
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
@@ -1532,6 +1565,9 @@
   .appearance-none {
     appearance: none;
   }
+  .auto-rows-fr {
+    grid-auto-rows: minmax(0, 1fr);
+  }
   .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
@@ -1541,6 +1577,9 @@
   .grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
+  .grid-cols-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
   .grid-cols-12 {
     grid-template-columns: repeat(12, minmax(0, 1fr));
   }
@@ -1628,6 +1667,9 @@
   .gap-\[3px\] {
     gap: 3px;
   }
+  .gap-\[5px\] {
+    gap: 5px;
+  }
   .gap-px {
     gap: 1px;
   }
@@ -1789,12 +1831,21 @@
   .rounded-\[16px\] {
     border-radius: 16px;
   }
+  .rounded-\[18px\] {
+    border-radius: 18px;
+  }
   .rounded-\[20px\] {
     border-radius: 20px;
   }
+  .rounded-\[22px\] {
+    border-radius: 22px;
+  }
   .rounded-\[24px\] {
     border-radius: 24px;
   }
+  .rounded-\[26px\] {
+    border-radius: 26px;
+  }
   .rounded-\[28px\] {
     border-radius: 28px;
   }
@@ -1804,9 +1855,6 @@
   .rounded-\[calc\(var\(--radius-xl\)\+2px\)\] {
     border-radius: calc(var(--radius-xl) + 2px);
   }
-  .rounded-\[var\(--chat-send-radius\,var\(--radius-lg\)\)\] {
-    border-radius: var(--chat-send-radius,var(--radius-lg));
-  }
   .rounded-\[var\(--radius-full\)\] {
     border-radius: var(--radius-full);
   }
@@ -1860,8 +1908,8 @@
     border-bottom-right-radius: var(--radius-sm);
     border-bottom-left-radius: var(--radius-sm);
   }
-  .rounded-br-\[var\(--radius-sm\)\] {
-    border-bottom-right-radius: var(--radius-sm);
+  .rounded-br-\[12px\] {
+    border-bottom-right-radius: 12px;
   }
   .rounded-bl-lg {
     border-bottom-left-radius: var(--radius-lg);
@@ -1886,6 +1934,10 @@
     border-top-style: var(--tw-border-style);
     border-top-width: 0px;
   }
+  .border-t-2 {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 2px;
+  }
   .border-r {
     border-right-style: var(--tw-border-style);
     border-right-width: 1px;
@@ -1920,6 +1972,9 @@
   .border-\[var\(--border-accent\,transparent\)\] {
     border-color: var(--border-accent,transparent);
   }
+  .border-\[var\(--border-subtle\)\] {
+    border-color: var(--border-subtle);
+  }
   .border-\[var\(--border-subtle\,hsl\(var\(--border\)\)\)\] {
     border-color: var(--border-subtle,hsl(var(--border)));
   }
@@ -2061,6 +2116,9 @@
       border-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
     }
   }
+  .border-t-blue-500 {
+    border-top-color: var(--color-blue-500);
+  }
   .border-t-transparent {
     border-top-color: transparent;
   }
@@ -2082,12 +2140,21 @@
   .bg-\[\#ffbd2e\]\/80 {
     background-color: color-mix(in oklab, #ffbd2e 80%, transparent);
   }
+  .bg-\[color\:color-mix\(in_srgb\,var\(--bg-card\)_94\%\,transparent\)\] {
+    background-color: var(--bg-card);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in srgb,var(--bg-card) 94%,transparent);
+    }
+  }
   .bg-\[var\(--accent-surface-soft\)\] {
     background-color: var(--accent-surface-soft);
   }
   .bg-\[var\(--accent-surface-strong\)\] {
     background-color: var(--accent-surface-strong);
   }
+  .bg-\[var\(--bg-card\)\] {
+    background-color: var(--bg-card);
+  }
   .bg-\[var\(--bg-root\)\] {
     background-color: var(--bg-root);
   }
@@ -2410,6 +2477,9 @@
   .px-0 {
     padding-inline: calc(var(--spacing) * 0);
   }
+  .px-0\.5 {
+    padding-inline: calc(var(--spacing) * 0.5);
+  }
   .px-1 {
     padding-inline: calc(var(--spacing) * 1);
   }
@@ -2425,6 +2495,9 @@
   .px-3 {
     padding-inline: calc(var(--spacing) * 3);
   }
+  .px-3\.5 {
+    padding-inline: calc(var(--spacing) * 3.5);
+  }
   .px-4 {
     padding-inline: calc(var(--spacing) * 4);
   }
@@ -2479,12 +2552,18 @@
   .py-5 {
     padding-block: calc(var(--spacing) * 5);
   }
+  .py-8 {
+    padding-block: calc(var(--spacing) * 8);
+  }
   .py-12 {
     padding-block: calc(var(--spacing) * 12);
   }
   .py-16 {
     padding-block: calc(var(--spacing) * 16);
   }
+  .py-20 {
+    padding-block: calc(var(--spacing) * 20);
+  }
   .py-\[2px\] {
     padding-block: 2px;
   }
@@ -2668,9 +2747,6 @@
   .text-\[13px\] {
     font-size: 13px;
   }
-  .text-\[14px\] {
-    font-size: 14px;
-  }
   .text-\[15px\] {
     font-size: 15px;
   }
@@ -2684,6 +2760,10 @@
     --tw-leading: calc(var(--spacing) * 6);
     line-height: calc(var(--spacing) * 6);
   }
+  .leading-6\.5 {
+    --tw-leading: calc(var(--spacing) * 6.5);
+    line-height: calc(var(--spacing) * 6.5);
+  }
   .leading-7 {
     --tw-leading: calc(var(--spacing) * 7);
     line-height: calc(var(--spacing) * 7);
@@ -2857,8 +2937,8 @@
   .text-\[var\(--chat-label-size\,11px\)\] {
     color: var(--chat-label-size,11px);
   }
-  .text-\[var\(--chat-send-color\,var\(--accent-text\)\)\] {
-    color: var(--chat-send-color,var(--accent-text));
+  .text-\[var\(--chat-send-color\,white\)\] {
+    color: var(--chat-send-color,white);
   }
   .text-\[var\(--code-error\)\] {
     color: var(--code-error);
@@ -2929,6 +3009,9 @@
   .text-\[var\(--text-muted\,hsl\(var\(--muted-foreground\)\)\)\] {
     color: var(--text-muted,hsl(var(--muted-foreground)));
   }
+  .text-\[var\(--text-primary\)\] {
+    color: var(--text-primary);
+  }
   .text-\[var\(--text-primary\,hsl\(var\(--foreground\)\)\)\] {
     color: var(--text-primary,hsl(var(--foreground)));
   }
@@ -2971,6 +3054,12 @@
   .text-white {
     color: var(--color-white);
   }
+  .text-white\/60 {
+    color: color-mix(in srgb, #fff 60%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-white) 60%, transparent);
+    }
+  }
   .text-yellow-400 {
     color: var(--color-yellow-400);
   }
@@ -3035,16 +3124,28 @@
     --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-\[0_1px_2px_rgba\(15\,23\,42\,0\.04\)\] {
+    --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(15,23,42,0.04));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-\[0_6px_16px_rgba\(15\,23\,42\,0\.08\)\] {
+    --tw-shadow: 0 6px 16px var(--tw-shadow-color, rgba(15,23,42,0.08));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-\[0_8px_20px_rgba\(15\,23\,42\,0\.12\)\] {
+    --tw-shadow: 0 8px 20px var(--tw-shadow-color, rgba(15,23,42,0.12));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-\[inset_2px_0_0_hsl\(var\(--primary\)\)\] {
     --tw-shadow: inset 2px 0 0 var(--tw-shadow-color, hsl(var(--primary)));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .shadow-\[var\(--chat-input-shadow\,var\(--shadow-card\)\)\] {
-    --tw-shadow: var(--chat-input-shadow,var(--shadow-card));
+  .shadow-\[var\(--chat-input-shadow\,0_1px_2px_rgba\(15\,23\,42\,0\.05\)\)\] {
+    --tw-shadow: var(--chat-input-shadow,0 1px 2px rgba(15,23,42,0.05));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .shadow-\[var\(--chat-send-shadow\,none\)\] {
-    --tw-shadow: var(--chat-send-shadow,none);
+  .shadow-\[var\(--chat-send-shadow\,0_6px_16px_rgba\(15\,23\,42\,0\.12\)\)\] {
+    --tw-shadow: var(--chat-send-shadow,0 6px 16px rgba(15,23,42,0.12));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
   .shadow-\[var\(--shadow-accent\)\] {
@@ -3075,6 +3176,10 @@
     --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-sm {
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3222,15 +3327,18 @@
     -webkit-user-select: none;
     user-select: none;
   }
-  .\[background\:var\(--chat-input-bg\,var\(--depth-2\)\)\] {
-    background: var(--chat-input-bg,var(--depth-2));
+  .\[background\:var\(--chat-input-bg\,var\(--bg-card\)\)\] {
+    background: var(--chat-input-bg,var(--bg-card));
   }
-  .\[background\:var\(--chat-send-bg\,var\(--accent-surface-soft\)\)\] {
-    background: var(--chat-send-bg,var(--accent-surface-soft));
+  .\[background\:var\(--chat-send-bg\,var\(--brand-primary\)\)\] {
+    background: var(--chat-send-bg,var(--brand-primary));
   }
   .\[scrollbar-gutter\:stable\] {
     scrollbar-gutter: stable;
   }
+  .ring-inset {
+    --tw-ring-inset: inset;
+  }
   .group-open\:rotate-180 {
     &:is(:where(.group):is([open], :popover-open, :open) *) {
       rotate: 180deg;
@@ -3400,6 +3508,12 @@
       }
     }
   }
+  .last\:border-0 {
+    &:last-child {
+      border-style: var(--tw-border-style);
+      border-width: 0px;
+    }
+  }
   .focus-within\:border-\[var\(--border-accent-hover\)\] {
     &:focus-within {
       border-color: var(--border-accent-hover);
@@ -3410,9 +3524,9 @@
       border-color: var(--chat-input-focus-border,var(--border-accent));
     }
   }
-  .focus-within\:shadow-\[var\(--chat-input-focus-shadow\,var\(--shadow-card\)\)\] {
+  .focus-within\:shadow-\[var\(--chat-input-focus-shadow\,0_10px_30px_rgba\(15\,23\,42\,0\.08\)\)\] {
     &:focus-within {
-      --tw-shadow: var(--chat-input-focus-shadow,var(--shadow-card));
+      --tw-shadow: var(--chat-input-focus-shadow,0 10px 30px rgba(15,23,42,0.08));
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
@@ -3453,6 +3567,16 @@
       }
     }
   }
+  .hover\:border-emerald-500\/30 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
+        }
+      }
+    }
+  }
   .hover\:border-red-500\/30 {
     &:hover {
       @media (hover: hover) {
@@ -3532,6 +3656,16 @@
       }
     }
   }
+  .hover\:bg-emerald-500\/10 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-green-600\/30 {
     &:hover {
       @media (hover: hover) {
@@ -3653,10 +3787,10 @@
       }
     }
   }
-  .hover\:\[background\:var\(--chat-send-hover-bg\,var\(--accent-surface-strong\)\)\] {
+  .hover\:\[background\:var\(--chat-send-hover-bg\,var\(--brand-strong\)\)\] {
     &:hover {
       @media (hover: hover) {
-        background: var(--chat-send-hover-bg,var(--accent-surface-strong));
+        background: var(--chat-send-hover-bg,var(--brand-strong));
       }
     }
   }

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 export { B as Button, a as ButtonProps, b as buttonVariants } from './button-CMQuQEW_.js';
 export { Avatar, AvatarFallback, AvatarImage, Badge, BadgeProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, 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, Input, InputProps, Label, Logo, LogoProps, Progress, 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, TangleKnot, TerminalDisplay, TerminalCursor as TerminalDisplayCursor, TerminalInput as TerminalDisplayInput, TerminalLine as TerminalDisplayLine, Textarea, TextareaProps, Toast, ToastContainer, ToastProvider, UploadFile, UploadProgress, UploadProgressProps, badgeVariants, useToast } from './primitives.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-export { AgentWorkbench, AuditCheck, AuditResults, AuditResultsProps, BannerType, ContextBadge, DirectoryPane, DirectoryPaneProps, FormAudit, RuntimePane, RuntimePaneProps, SandboxWorkbench, SandboxWorkbenchArtifact, SandboxWorkbenchCustomArtifact, SandboxWorkbenchFileArtifact, SandboxWorkbenchLayoutOptions, SandboxWorkbenchMarkdownArtifact, SandboxWorkbenchOpenUIArtifact, SandboxWorkbenchProps, SandboxWorkbenchSessionProps, SessionActivityMonitor, SessionActivityMonitorProps, SessionSidebar, SessionSidebarBadge, SessionSidebarFilter, SessionSidebarItem, SessionSidebarLink, SessionSidebarProps, StatusBanner, StatusBannerProps, StatusBar, StatusBarProps, TerminalLine, TerminalPanel, TerminalProps, WorkspaceLayout, WorkspaceLayoutProps } from './workspace.js';
+export { AgentWorkbench, ApprovalConfidenceStat, ApprovalItem, ApprovalQueue, ApprovalQueueProps, AuditCheck, AuditResults, AuditResultsProps, BannerType, CalendarEvent, CalendarView, CalendarViewProps, ContextBadge, DirectoryPane, DirectoryPaneProps, FormAudit, RuntimePane, RuntimePaneProps, SandboxWorkbench, SandboxWorkbenchArtifact, SandboxWorkbenchCustomArtifact, SandboxWorkbenchFileArtifact, SandboxWorkbenchLayoutOptions, SandboxWorkbenchMarkdownArtifact, SandboxWorkbenchOpenUIArtifact, SandboxWorkbenchProps, SandboxWorkbenchSessionProps, SessionActivityMonitor, SessionActivityMonitorProps, SessionSidebar, SessionSidebarBadge, SessionSidebarFilter, SessionSidebarItem, SessionSidebarLink, SessionSidebarProps, StatusBanner, StatusBannerProps, StatusBar, StatusBarProps, TaskBoard, TaskBoardColumn, TaskBoardItem, TaskBoardProps, TerminalLine, TerminalPanel, TerminalProps, WorkspaceLayout, WorkspaceLayoutProps } from './workspace.js';
 export { a as ArtifactPane, A as ArtifactPaneProps } from './artifact-pane-Bh45Ssco.js';
 export { OpenUIAction, OpenUIActionsNode, OpenUIArtifactRenderer, OpenUIArtifactRendererProps, OpenUIBadgeNode, OpenUICardNode, OpenUICodeNode, OpenUIComponentNode, OpenUIGridNode, OpenUIHeadingNode, OpenUIKeyValueNode, OpenUIMarkdownNode, OpenUIPrimitive, OpenUISeparatorNode, OpenUIStackNode, OpenUIStatNode, OpenUITableNode, OpenUITextNode } from './openui.js';
 export { AgentTimeline, AgentTimelineArtifactItem, AgentTimelineCustomItem, AgentTimelineItem, AgentTimelineMessageItem, AgentTimelineProps, AgentTimelineStatusItem, AgentTimelineTone, AgentTimelineToolGroupItem, AgentTimelineToolItem, ChatMessage, ChatMessageProps, MessageList, MessageListProps, MessageRole, ThinkingIndicator, ThinkingIndicatorProps, UserMessage, UserMessageProps } from './chat.js';
@@ -15,7 +15,7 @@ import { b as ToolPart } from './parts-CyGkM6Fp.js';
 export { R as ReasoningPart, S as SessionMessage, a as SessionPart, T as TextPart, c as ToolState, d as ToolStatus, e as ToolTime } from './parts-CyGkM6Fp.js';
 export { F as FileNode, a as FileTabData, b as FileTabs, c as FileTabsProps, d as FileTree, e as FileTreeProps, f as FileTreeVisibilityOptions, g as filterFileTree } from './file-tabs-BLfxfmAH.js';
 export { FileArtifactPane, FileArtifactPaneProps, FilePreview, FilePreviewProps } from './files.js';
-export { B as Backend, a as BackendSelector, b as BackendSelectorProps, C as ClusterStatusBar, c as ClusterStatusBarProps, d as ClusterStatusItem, e as CreditBalance, f as CreditBalanceProps, D as DashboardLayout, g as DashboardLayoutProps, h as DashboardUser, I as Invoice, i as InvoiceTable, j as InvoiceTableProps, N as NavItem, k as NewSandboxCard, l as NewSandboxCardProps, P as PanelConfig, m as PlanCardData, n as PlanCards, o as PlanCardsProps, p as ProductVariant, q as ProfileAvatar, r as ProfileAvatarProps, s as ProfileComparison, t as ProfileComparisonProps, u as ProfileSelector, v as ProfileSelectorProps, R as RailButton, w as RailButtonProps, x as RailModeButton, y as RailModeButtonProps, z as RailSeparator, A as RailSeparatorProps, E as ResourceMeter, F as ResourceMeterProps, S as SIDEBAR_PANEL_WIDTH, G as SIDEBAR_RAIL_WIDTH, H as SIDEBAR_TOTAL_WIDTH, J as SandboxCard, K as SandboxCardData, L as SandboxCardProps, M as SandboxStatus, O as SandboxTable, Q as SandboxTableProps, T as Sidebar, U as SidebarContent, V as SidebarContentProps, W as SidebarPanel, X as SidebarPanelContent, Y as SidebarPanelContentProps, Z as SidebarPanelHeader, _ as SidebarPanelHeaderProps, $ as SidebarPanelProps, a0 as SidebarProps, a1 as SidebarProvider, a2 as SidebarProviderProps, a3 as SidebarRail, a4 as SidebarRailFooter, a5 as SidebarRailFooterProps, a6 as SidebarRailHeader, a7 as SidebarRailHeaderProps, a8 as SidebarRailNav, a9 as SidebarRailNavProps, aa as SidebarRailProps, ab as SidebarUser, ac as TopNavLink, ad as VariantList, ae as VariantListProps, af as useSidebar } from './variant-list-CsS6ydgm.js';
+export { B as Backend, a as BackendSelector, b as BackendSelectorProps, C as ClusterStatusBar, c as ClusterStatusBarProps, d as ClusterStatusItem, e as CreditBalance, f as CreditBalanceProps, D as DashboardLayout, g as DashboardLayoutProps, h as DashboardUser, I as Invoice, i as InvoiceTable, j as InvoiceTableProps, N as NavItem, k as NewSandboxCard, l as NewSandboxCardProps, P as PanelConfig, m as PlanCardData, n as PlanCards, o as PlanCardsProps, p as ProductVariant, q as ProfileAvatar, r as ProfileAvatarProps, s as ProfileComparison, t as ProfileComparisonProps, u as ProfileSelector, v as ProfileSelectorProps, R as RailButton, w as RailButtonProps, x as RailModeButton, y as RailModeButtonProps, z as RailSeparator, A as RailSeparatorProps, E as ResourceMeter, F as ResourceMeterProps, S as SIDEBAR_PANEL_WIDTH, G as SIDEBAR_RAIL_WIDTH, H as SIDEBAR_TOTAL_WIDTH, J as SandboxCard, K as SandboxCardData, L as SandboxCardProps, M as SandboxStatus, O as SandboxTable, Q as SandboxTableProps, T as Sidebar, U as SidebarContent, V as SidebarContentProps, W as SidebarPanel, X as SidebarPanelContent, Y as SidebarPanelContentProps, Z as SidebarPanelHeader, _ as SidebarPanelHeaderProps, $ as SidebarPanelProps, a0 as SidebarProps, a1 as SidebarProvider, a2 as SidebarProviderProps, a3 as SidebarRail, a4 as SidebarRailFooter, a5 as SidebarRailFooterProps, a6 as SidebarRailHeader, a7 as SidebarRailHeaderProps, a8 as SidebarRailNav, a9 as SidebarRailNavProps, aa as SidebarRailProps, ab as SidebarUser, ac as TopNavLink, ad as VariantList, ae as VariantListProps, af as useSidebar } from './variant-list-BNwUOSgz.js';
 export { c as BillingDashboard, d as BillingDashboardProps, e as PricingCards, f as PricingPageProps, g as UsageChart, h as UsageChartProps, U as UsageDataPoint } from './usage-chart-SSiOgeQI.js';
 export { AuthHeader, GitHubLoginButton, LoginLayout, LoginLayoutProps, UserMenu } from './auth.js';
 export { CodeBlock, CodeBlock as CodeBlockDisplay, CopyButton, Markdown, MarkdownProps } from './markdown.js';

package/dist/index.js

@@ -91,7 +91,9 @@ import {
 } from "./chunk-QID2OOMG.js";
 import {
   AgentWorkbench,
+  ApprovalQueue,
   AuditResults,
+  CalendarView,
   DirectoryPane,
   RuntimePane,
   SandboxWorkbench,
@@ -99,9 +101,10 @@ import {
   SessionSidebar,
   StatusBanner,
   StatusBar,
+  TaskBoard,
   TerminalPanel,
   WorkspaceLayout
-} from "./chunk-QC4BJEG6.js";
+} from "./chunk-A5ALUT2B.js";
 import "./chunk-OEX7NZE3.js";
 import {
   EmptyState,
@@ -115,7 +118,7 @@ import {
   MessageList,
   ThinkingIndicator,
   UserMessage
-} from "./chunk-JLKYXLFN.js";
+} from "./chunk-WKSGQVLI.js";
 import {
   useAutoScroll,
   useRunCollapseState,
@@ -133,7 +136,7 @@ import {
   RunGroup,
   WebSearchPreview,
   WriteFilePreview
-} from "./chunk-EXSOPXIY.js";
+} from "./chunk-QOL4ZB24.js";
 import {
   formatDuration,
   truncateText
@@ -151,7 +154,7 @@ import {
 import {
   InlineCode,
   OpenUIArtifactRenderer
-} from "./chunk-PLTZB5BC.js";
+} from "./chunk-ZNCEM5CD.js";
 import {
   Table,
   TableBody,
@@ -209,7 +212,7 @@ import {
   SidebarRailNav,
   VariantList,
   useSidebar
-} from "./chunk-7YWFOGKQ.js";
+} from "./chunk-2XCOGNZP.js";
 import {
   BillingDashboard,
   PricingPage,
@@ -351,6 +354,7 @@ function ThemeToggle() {
 export {
   AgentTimeline,
   AgentWorkbench,
+  ApprovalQueue,
   ArtifactPane,
   AuditResults,
   AuthHeader,
@@ -361,6 +365,7 @@ export {
   Badge,
   BillingDashboard,
   Button,
+  CalendarView,
   Card,
   CardContent,
   CardDescription,
@@ -494,6 +499,7 @@ export {
   TabsList,
   TabsTrigger,
   TangleKnot,
+  TaskBoard,
   TerminalDisplay,
   TerminalCursor as TerminalDisplayCursor,
   TerminalInput as TerminalDisplayInput,

package/dist/openui.js

@@ -1,6 +1,6 @@
 import {
   OpenUIArtifactRenderer
-} from "./chunk-PLTZB5BC.js";
+} from "./chunk-ZNCEM5CD.js";
 import "./chunk-34I7UFSX.js";
 import "./chunk-T7HMZEVO.js";
 import "./chunk-ZMNSRDMH.js";

package/dist/pages.d.ts

@@ -34,6 +34,11 @@ interface EnvironmentEntry {
     description?: string;
     version?: string;
 }
+interface ResourceLimits {
+    cpuMax?: number;
+    ramMaxGB?: number;
+    storageMaxGB?: number;
+}
 interface ProvisioningWizardProps {
     environments?: EnvironmentOption[];
     onLoadEnvironments?: () => Promise<EnvironmentEntry[]>;
@@ -49,6 +54,8 @@ interface ProvisioningWizardProps {
     skipToReview?: boolean;
     /** Load user's startup scripts for the advanced options selector */
     onLoadStartupScripts?: () => Promise<StartupScriptEntry[]>;
+    /** Plan-based resource limits — caps the slider maximums */
+    resourceLimits?: ResourceLimits;
 }
 interface StartupScriptEntry {
     id: string;
@@ -75,7 +82,7 @@ interface ProvisioningConfig {
     startupScriptIds?: string[];
 }
 declare function resolveEnvironment(env: EnvironmentEntry): EnvironmentOption;
-declare function ProvisioningWizard({ environments: environmentsProp, onLoadEnvironments, onSubmit, onBack, className, variant, defaultEnvironment, defaultConfig, skipToReview, onLoadStartupScripts, }: ProvisioningWizardProps): react_jsx_runtime.JSX.Element;
+declare function ProvisioningWizard({ environments: environmentsProp, onLoadEnvironments, onSubmit, onBack, className, variant, defaultEnvironment, defaultConfig, skipToReview, onLoadStartupScripts, resourceLimits, }: ProvisioningWizardProps): react_jsx_runtime.JSX.Element;
 
 type ProductVariant = "sandbox";
 interface StandalonePricingPageProps {
@@ -227,4 +234,4 @@ type TemplateCategory = "blockchain" | "ai-ml" | "frontend" | "infrastructure" |
 type TemplatePreset = Omit<ProvisioningConfig, "name" | "gitUrl" | "envVars" | "driver" | "startupScriptIds">;
 declare function getPresetForTemplate(id: string): TemplatePreset;
 
-export { BillingPage, type BillingPageData, type BillingPageProps, type EnvironmentEntry, type EnvironmentOption, PricingTier, type ProductVariant$1 as ProductVariant, type Profile, type ProfileFormData, type ProfileMetrics, ProfilesPage, type ProfilesPageProps, type ProvisioningConfig, ProvisioningWizard, type ProvisioningWizardProps, type ScriptType, type Secret, type SecretsApiClient, SecretsPage, type SecretsPageProps, StandalonePricingPage, type StandalonePricingPageProps, type StartupScript, type StartupScriptEntry, type StartupScriptFormData, type StartupScriptsApiClient, StartupScriptsPage, type StartupScriptsPageProps, type TemplateCategory, type TemplatePreset, TemplatesPage, type TemplatesPageProps, getPresetForTemplate, resolveEnvironment };
+export { BillingPage, type BillingPageData, type BillingPageProps, type EnvironmentEntry, type EnvironmentOption, PricingTier, type ProductVariant$1 as ProductVariant, type Profile, type ProfileFormData, type ProfileMetrics, ProfilesPage, type ProfilesPageProps, type ProvisioningConfig, ProvisioningWizard, type ProvisioningWizardProps, type ResourceLimits, type ScriptType, type Secret, type SecretsApiClient, SecretsPage, type SecretsPageProps, StandalonePricingPage, type StandalonePricingPageProps, type StartupScript, type StartupScriptEntry, type StartupScriptFormData, type StartupScriptsApiClient, StartupScriptsPage, type StartupScriptsPageProps, type TemplateCategory, type TemplatePreset, TemplatesPage, type TemplatesPageProps, getPresetForTemplate, resolveEnvironment };