@tangle-network/sandbox-ui 0.16.3 → 0.18.0

package/dist/openui.d.ts

@@ -1,8 +1,6 @@
 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/run';
 import '@tangle-network/ui/files';
-import '@tangle-network/ui/auth';
 import '@tangle-network/ui/utils';
 import '@tangle-network/ui/editor';
 import '@tangle-network/ui/markdown';

package/dist/pages.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { c as BillingSubscription, B as BillingBalance, d as BillingUsage, m as UsageDataPoint, i as PricingTier, M as ModelInfo, j as TemplateCardData } from './template-card-Dufxl4hV.js';
+import { c as BillingSubscription, B as BillingBalance, d as BillingUsage, m as UsageDataPoint, i as PricingTier, M as ModelInfo, j as TemplateCardData } from './template-card-gf-InrfN.js';
 import * as React from 'react';
 
 type ProductVariant$1 = "sandbox";

package/dist/pages.js

@@ -6,7 +6,7 @@ import {
   TemplateCard,
   UsageChart,
   canonicalModelId
-} from "./chunk-27X3DWMO.js";
+} from "./chunk-N5RYCDLD.js";
 import {
   Badge,
   Button,

package/dist/styles.css

@@ -390,6 +390,9 @@
       max-width: 96rem;
     }
   }
+  .mx-1 {
+    margin-inline: calc(var(--spacing) * 1);
+  }
   .mx-2 {
     margin-inline: calc(var(--spacing) * 2);
   }
@@ -588,6 +591,9 @@
   .h-\[3px\] {
     height: 3px;
   }
+  .h-\[72\%\] {
+    height: 72%;
+  }
   .h-\[500px\] {
     height: 500px;
   }
@@ -624,6 +630,9 @@
   .min-h-\[2px\] {
     min-height: 2px;
   }
+  .min-h-\[44px\] {
+    min-height: 44px;
+  }
   .min-h-\[72px\] {
     min-height: 72px;
   }
@@ -708,6 +717,9 @@
   .w-48 {
     width: calc(var(--spacing) * 48);
   }
+  .w-64 {
+    width: calc(var(--spacing) * 64);
+  }
   .w-72 {
     width: calc(var(--spacing) * 72);
   }
@@ -717,6 +729,9 @@
   .w-\[3px\] {
     width: 3px;
   }
+  .w-\[72\%\] {
+    width: 72%;
+  }
   .w-\[260px\] {
     width: 260px;
   }
@@ -789,6 +804,9 @@
   .max-w-\[460px\] {
     max-width: 460px;
   }
+  .max-w-\[480px\] {
+    max-width: 480px;
+  }
   .max-w-md {
     max-width: var(--container-md);
   }
@@ -819,6 +837,9 @@
   .min-w-\[320px\] {
     min-width: 320px;
   }
+  .min-w-\[360px\] {
+    min-width: 360px;
+  }
   .flex-1 {
     flex: 1;
   }
@@ -1020,6 +1041,13 @@
   .gap-px {
     gap: 1px;
   }
+  .space-y-0 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .space-y-0\.5 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -1486,6 +1514,9 @@
     --tw-gradient-to: transparent;
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .object-contain {
+    object-fit: contain;
+  }
   .p-0 {
     padding: calc(var(--spacing) * 0);
   }
@@ -1576,6 +1607,9 @@
   .py-5 {
     padding-block: calc(var(--spacing) * 5);
   }
+  .py-6 {
+    padding-block: calc(var(--spacing) * 6);
+  }
   .py-8 {
     padding-block: calc(var(--spacing) * 8);
   }
@@ -1995,6 +2029,10 @@
     --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);
   }
+  .shadow-xl {
+    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px 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);
+  }
   .ring {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2138,6 +2176,12 @@
       outline-style: none;
     }
   }
+  .placeholder\:font-normal {
+    &::placeholder {
+      --tw-font-weight: var(--font-weight-normal);
+      font-weight: var(--font-weight-normal);
+    }
+  }
   .after\:absolute {
     &::after {
       content: var(--tw-content);

package/dist/{template-card-Dufxl4hV.d.ts → template-card-gf-InrfN.d.ts}

@@ -30,7 +30,19 @@ interface ModelInfo {
         input_modalities?: string[];
         output_modalities?: string[];
     };
+    /** Hosting company or router that serves the request. Defaults to `_provider` / `provider`. */
+    hostProvider?: string;
+    /** Lab/company that authored the model. Inferred from model id/name when omitted. */
+    modelLab?: string;
+    /** Optional explicit logo keys when provider/lab ids are not stable. */
+    logos?: {
+        host?: ModelBrandKey;
+        lab?: ModelBrandKey;
+        hostUrl?: string;
+        labUrl?: string;
+    };
 }
+type ModelBrandKey = "ai21" | "alibaba" | "anthropic" | "azure" | "bedrock" | "cartesia" | "cerebras" | "cohere" | "deepseek" | "elevenlabs" | "fal" | "fireworks" | "google" | "groq" | "kuaishou" | "luma" | "meta" | "mistral" | "moonshot" | "openai" | "openrouter" | "perplexity" | "pika" | "replicate" | "runway" | "stability" | "tangle" | "tcloud" | "together" | "vertex" | "xai" | "zai" | "unknown";
 type ModelPickerVariant = "field" | "pill";
 interface ModelPickerProps {
     /** Canonical model id (provider-prefixed, e.g. "openai/gpt-5.4"). */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.16.3",
+  "version": "0.18.0",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",
@@ -62,6 +62,10 @@
       "import": "./dist/auth.js",
       "types": "./dist/auth.d.ts"
     },
+    "./integrations": {
+      "import": "./dist/integrations.js",
+      "types": "./dist/integrations.d.ts"
+    },
     "./pages": {
       "import": "./dist/pages.js",
       "types": "./dist/pages.d.ts"
@@ -132,6 +136,7 @@
     }
   },
   "dependencies": {
+    "@lobehub/icons-static-svg": "^1.90.0",
     "@radix-ui/react-dropdown-menu": "^2.1.0",
     "@radix-ui/react-select": "^2.1.0",
     "lucide-react": "^0.469.0",