@tangle-network/sandbox-ui 0.21.1 → 0.22.0

package/dist/index.js

@@ -58,7 +58,7 @@ import {
   LoginLayout,
   TangleLoginButton,
   UserMenu
-} from "./chunk-IOB2PW5Z.js";
+} from "./chunk-R3ZMMCT3.js";
 import {
   RealtimeSessionRegistry,
   createAuthFetcher,
@@ -128,7 +128,7 @@ import {
   TaskBoard,
   TerminalPanel,
   WorkspaceLayout
-} from "./chunk-R6NONXFC.js";
+} from "./chunk-BP6ZTBI6.js";
 import {
   OpenUIArtifactRenderer
 } from "./chunk-AZ3AWMTM.js";
@@ -186,7 +186,7 @@ import {
   canAdminSandbox,
   parseInsufficientBalance,
   useSidebar
-} from "./chunk-LA5GHELP.js";
+} from "./chunk-ZNYEJERQ.js";
 import {
   BillingDashboard,
   InfoPanel,
@@ -239,7 +239,6 @@ import {
   InlineCode,
   Input,
   Label,
-  Logo,
   Progress,
   SegmentedControl,
   Select,
@@ -270,7 +269,6 @@ import {
   TabsContent,
   TabsList,
   TabsTrigger,
-  TangleKnot,
   TerminalDisplay,
   Textarea,
   ThemeToggle,
@@ -281,7 +279,11 @@ import {
   buttonVariants,
   useTheme,
   useToast
-} from "./chunk-7ZA5SEK3.js";
+} from "./chunk-SM7IJY4I.js";
+import {
+  Logo,
+  TangleKnot
+} from "./chunk-UHFJXO24.js";
 import {
   BackendSelector,
   HARNESS_OPTIONS,

package/dist/pages.js

@@ -11,7 +11,8 @@ import {
   Input,
   Switch,
   Textarea
-} from "./chunk-7ZA5SEK3.js";
+} from "./chunk-SM7IJY4I.js";
+import "./chunk-UHFJXO24.js";
 import "./chunk-4KAPMTPU.js";
 import {
   cn

package/dist/primitives.js

@@ -42,7 +42,6 @@ import {
   InlineCode,
   Input,
   Label,
-  Logo,
   Progress,
   SegmentedControl,
   Select,
@@ -73,7 +72,6 @@ import {
   TabsContent,
   TabsList,
   TabsTrigger,
-  TangleKnot,
   TerminalCursor,
   TerminalDisplay,
   TerminalInput,
@@ -87,7 +85,11 @@ import {
   buttonVariants,
   useTheme,
   useToast
-} from "./chunk-7ZA5SEK3.js";
+} from "./chunk-SM7IJY4I.js";
+import {
+  Logo,
+  TangleKnot
+} from "./chunk-UHFJXO24.js";
 import "./chunk-EI44GEQ5.js";
 export {
   Avatar,

package/dist/styles.css

@@ -365,6 +365,9 @@
   .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
+  .bottom-2 {
+    bottom: calc(var(--spacing) * 2);
+  }
   .bottom-4 {
     bottom: calc(var(--spacing) * 4);
   }
@@ -380,12 +383,18 @@
   .left-0\.5 {
     left: calc(var(--spacing) * 0.5);
   }
+  .left-1 {
+    left: calc(var(--spacing) * 1);
+  }
   .left-1\/2 {
     left: calc(1 / 2 * 100%);
   }
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
+  .left-2\.5 {
+    left: calc(var(--spacing) * 2.5);
+  }
   .left-3 {
     left: calc(var(--spacing) * 3);
   }
@@ -602,6 +611,9 @@
   .table {
     display: table;
   }
+  .aspect-\[9\/16\] {
+    aspect-ratio: 9/16;
+  }
   .aspect-square {
     aspect-ratio: 1 / 1;
   }
@@ -723,6 +735,9 @@
   .h-screen {
     height: 100vh;
   }
+  .max-h-40 {
+    max-height: calc(var(--spacing) * 40);
+  }
   .max-h-48 {
     max-height: calc(var(--spacing) * 48);
   }
@@ -777,6 +792,9 @@
   .min-h-\[44px\] {
     min-height: 44px;
   }
+  .min-h-\[60px\] {
+    min-height: 60px;
+  }
   .min-h-\[72px\] {
     min-height: 72px;
   }
@@ -792,6 +810,9 @@
   .min-h-\[200px\] {
     min-height: 200px;
   }
+  .min-h-\[300px\] {
+    min-height: 300px;
+  }
   .min-h-full {
     min-height: 100%;
   }
@@ -1065,6 +1086,9 @@
   .min-w-4 {
     min-width: calc(var(--spacing) * 4);
   }
+  .min-w-40 {
+    min-width: calc(var(--spacing) * 40);
+  }
   .min-w-\[8rem\] {
     min-width: 8rem;
   }
@@ -1614,6 +1638,10 @@
     border-left-style: var(--tw-border-style);
     border-left-width: 1px;
   }
+  .border-l-2 {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 2px;
+  }
   .border-dashed {
     --tw-border-style: dashed;
     border-style: dashed;
@@ -1931,6 +1959,9 @@
       background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
     }
   }
+  .bg-black {
+    background-color: var(--color-black);
+  }
   .bg-black\/40 {
     background-color: color-mix(in srgb, #000 40%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2039,6 +2070,12 @@
       background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
     }
   }
+  .bg-white\/40 {
+    background-color: color-mix(in srgb, #fff 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
+    }
+  }
   .bg-yellow-500 {
     background-color: var(--color-yellow-500);
   }
@@ -2078,6 +2115,9 @@
   .object-contain {
     object-fit: contain;
   }
+  .object-cover {
+    object-fit: cover;
+  }
   .p-0 {
     padding: calc(var(--spacing) * 0);
   }
@@ -2270,6 +2310,9 @@
   .pt-16 {
     padding-top: calc(var(--spacing) * 16);
   }
+  .pr-1 {
+    padding-right: calc(var(--spacing) * 1);
+  }
   .pr-2 {
     padding-right: calc(var(--spacing) * 2);
   }
@@ -2309,6 +2352,9 @@
   .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }
+  .pl-3 {
+    padding-left: calc(var(--spacing) * 3);
+  }
   .pl-4 {
     padding-left: calc(var(--spacing) * 4);
   }
@@ -2678,6 +2724,9 @@
   .text-blue-400 {
     color: var(--color-blue-400);
   }
+  .text-blue-500 {
+    color: var(--color-blue-500);
+  }
   .text-emerald-400 {
     color: var(--color-emerald-400);
   }
@@ -2735,6 +2784,9 @@
   .italic {
     font-style: italic;
   }
+  .not-italic {
+    font-style: normal;
+  }
   .tabular-nums {
     --tw-numeric-spacing: tabular-nums;
     font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
@@ -2758,6 +2810,9 @@
   .opacity-30 {
     opacity: 30%;
   }
+  .opacity-40 {
+    opacity: 40%;
+  }
   .opacity-50 {
     opacity: 50%;
   }
@@ -3204,6 +3259,16 @@
       }
     }
   }
+  .hover\:bg-black\/60 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #000 60%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-blue-600\/30 {
     &:hover {
       @media (hover: hover) {
@@ -3224,6 +3289,16 @@
       }
     }
   }
+  .hover\:bg-green-600\/5 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 5%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-green-600) 5%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-green-600\/30 {
     &:hover {
       @media (hover: hover) {
@@ -3282,6 +3357,13 @@
       }
     }
   }
+  .hover\:text-green-600 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-green-600);
+      }
+    }
+  }
   .hover\:underline {
     &:hover {
       @media (hover: hover) {
@@ -3597,6 +3679,11 @@
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
   }
+  .sm\:grid-cols-3 {
+    @media (width >= 40rem) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
   .sm\:grid-cols-4 {
     @media (width >= 40rem) {
       grid-template-columns: repeat(4, minmax(0, 1fr));
@@ -3783,6 +3870,11 @@
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
+  .xl\:grid-cols-5 {
+    @media (width >= 80rem) {
+      grid-template-columns: repeat(5, minmax(0, 1fr));
+    }
+  }
   .dark\:text-neutral-500 {
     @media (prefers-color-scheme: dark) {
       color: var(--color-neutral-500);

package/dist/workspace.js

@@ -14,7 +14,7 @@ import {
   TaskBoard,
   TerminalPanel,
   WorkspaceLayout
-} from "./chunk-R6NONXFC.js";
+} from "./chunk-BP6ZTBI6.js";
 import "./chunk-EI44GEQ5.js";
 export {
   AgentWorkbench,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.21.1",
+  "version": "0.22.0",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",
@@ -90,6 +90,10 @@
       "import": "./dist/utils.js",
       "types": "./dist/utils.d.ts"
     },
+    "./assets": {
+      "import": "./dist/assets.js",
+      "types": "./dist/assets.d.ts"
+    },
     "./styles": "./dist/styles.css",
     "./globals.css": "./dist/globals.css",
     "./tokens.css": "./dist/tokens.css",
@@ -99,16 +103,6 @@
     "dist",
     "tailwind.config.cjs"
   ],
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "typecheck": "tsc --noEmit",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:bridge": "pnpm build && vitest run src/__tests__/re-export-identity.test.ts"
-  },
   "peerDependencies": {
     "@tangle-network/brand": "^0.3.0",
     "@tangle-network/ui": "^1.0.1",
@@ -139,14 +133,10 @@
     "@lobehub/icons-static-svg": "^1.90.0",
     "@radix-ui/react-dropdown-menu": "^2.1.0",
     "@radix-ui/react-select": "^2.1.0",
+    "@tangle-network/agent-app": "^0.8.0",
     "lucide-react": "^0.469.0",
     "nanostores": "^1.2.0"
   },
-  "pnpm": {
-    "overrides": {
-      "picomatch": ">=4.0.4"
-    }
-  },
   "devDependencies": {
     "@hocuspocus/provider": "^3.4.4",
     "@nanostores/react": "^1.1.0",
@@ -194,5 +184,15 @@
     "vite": "^8.0.5",
     "vitest": "^4.1.3",
     "yjs": "^13.6.30"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:bridge": "pnpm build && vitest run src/__tests__/re-export-identity.test.ts"
   }
-}
+}