@tangle-network/sandbox-ui 0.80.0 → 0.81.0

package/dist/index.js

@@ -91,7 +91,7 @@ import {
   snapHarnessToModel,
   snapModelToHarness,
   validateComposerFiles
-} from "./chunk-UFVXAJSA.js";
+} from "./chunk-YBFGWPUF.js";
 import {
   TOOL_CATEGORY_ICONS,
   cn,
@@ -320,16 +320,20 @@ import {
   HarnessLogo,
   HarnessPicker,
   chatCapableHarnesses
-} from "./chunk-IWIZ7RZE.js";
+} from "./chunk-2T6KBMLN.js";
 import {
   DEFAULT_FEATURED_MODEL_IDS,
   ModelPicker,
-  canonicalModelId,
   dedupeModels,
   formatContext,
   formatPricing,
   modelDedupKey
-} from "./chunk-L62ZT6RS.js";
+} from "./chunk-R4AR3TKR.js";
+import {
+  ModelBrandStack,
+  canonicalModelId,
+  modelBrandFor
+} from "./chunk-I3G23XHN.js";
 import "./chunk-EI44GEQ5.js";
 import {
   OpenUIArtifactRenderer
@@ -454,6 +458,7 @@ export {
   Markdown,
   MessageList,
   MetricAreaChart,
+  ModelBrandStack,
   ModelPicker,
   NetworkConfig,
   NewSandboxCard,
@@ -611,6 +616,7 @@ export {
   isModelCompatibleWithHarness,
   isStreamingAtom,
   messagesAtom,
+  modelBrandFor,
   modelDedupKey,
   modelProvider,
   parseInsufficientBalance,

package/dist/model-brand-CsFykzMA.d.ts

@@ -0,0 +1,101 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReasoningEffort } from '@tangle-network/agent-interface';
+
+/**
+ * Wire-format model entry as returned by `/v1/models` on the Tangle Router
+ * (and most OpenAI-compatible gateways). Field names match the upstream
+ * response so consumers can pass `data.data` straight through.
+ */
+interface ModelInfo {
+    /** Provider-local id, e.g. "gpt-5.4" or "anthropic/claude-sonnet-4-6". */
+    id: string;
+    /** Human label (defaults to id if absent). */
+    name?: string;
+    /** Provider key, e.g. "openai", "anthropic". Underscored for compat with router. */
+    _provider?: string;
+    /** Alternative provider field on some gateways. */
+    provider?: string;
+    /**
+     * Per-token prices in USD as decimal strings. Multiply by 1_000_000 for
+     * the conventional $/M tokens display.
+     */
+    pricing?: {
+        prompt?: string | null;
+        completion?: string | null;
+    };
+    context_length?: number;
+    description?: string | null;
+    architecture?: {
+        modality?: string;
+        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;
+    };
+    /**
+     * Marks a model as recommended. When any catalog row carries this flag the
+     * picker surfaces those rows in a "Recommended" section at the top. When no
+     * row is flagged the picker falls back to {@link DEFAULT_FEATURED_MODEL_IDS}
+     * (matched by dedup key) so the section is never empty for a router catalog.
+     */
+    featured?: boolean;
+    /**
+     * Per-model reasoning capability, fed to the reasoning-effort picker's capability filter. Source it
+     * from your model catalog (e.g. the router's `supported_parameters` containing `reasoning`). When
+     * `false`, only `none` is offered for this model regardless of harness.
+     */
+    supportsReasoning?: boolean;
+    /** The model's own reasoning ceiling, if narrower than its harness's (e.g. a model capped at `high`). */
+    maxReasoningEffort?: ReasoningEffort;
+}
+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";
+interface ModelBrandIdentity {
+    host: ModelBrandInfo;
+    lab: ModelBrandInfo;
+    combined: boolean;
+}
+interface ModelBrandInfo {
+    key: ModelBrandKey;
+    label: string;
+    logoUrl?: string;
+    logo?: "tangle";
+    /**
+     * True for the bundled single-color brand glyphs, which are rendered as a
+     * CSS mask filled with the foreground token so they stay visible in both
+     * themes. Caller-supplied logo URLs (`ModelInfo.logos.*Url`) may be
+     * full-color artwork and are rendered as-is.
+     */
+    monochrome?: boolean;
+}
+/**
+ * Resolve the canonical id for a model. Some upstreams already prefix the
+ * provider in the id (e.g. "anthropic/claude-haiku-4.5"); others put it in
+ * `_provider` and leave the id bare. Always returns "<provider>/<model>"
+ * unless the id is already prefixed.
+ */
+declare function canonicalModelId(model: ModelInfo): string;
+/**
+ * The brand identity to show for a model id, or `null` when no published mark
+ * exists for it — a caller then falls back to its own generic glyph rather than
+ * rendering an empty chip or inventing a logo.
+ *
+ * Takes the bare id ("anthropic/claude-sonnet-4-5") so a surface that knows only
+ * the model string — a workflow node, a run header — can render the same mark the
+ * picker does.
+ */
+declare function modelBrandFor(model: string): ModelBrandIdentity | null;
+declare function ModelBrandStack({ identity, size }: {
+    identity: ModelBrandIdentity;
+    size: "sm" | "md";
+}): react_jsx_runtime.JSX.Element | null;
+
+export { type ModelBrandIdentity as M, ModelBrandStack as a, type ModelInfo as b, canonicalModelId as c, modelBrandFor as m };

package/dist/pages.d.ts

@@ -2,9 +2,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { CSSProperties, ReactNode } from 'react';
 import { c as BillingSubscription, B as BillingBalance, d as BillingUsage, j as UsageDataPoint, f as PricingTier, g as TemplateCardData } from './template-card-UhV3pmRC.js';
-export { M as ModelInfo } from './model-picker-COjPVMzg.js';
+export { b as ModelInfo } from './model-brand-CsFykzMA.js';
 import '@tangle-network/agent-interface';
-import '@radix-ui/react-dropdown-menu';
 
 /**
  * Shared, self-contained sign-in / sign-up page for every Tangle vertical app.

package/dist/pages.js

@@ -24,7 +24,8 @@ import {
   Switch,
   Textarea
 } from "./chunk-4ZZUMXPX.js";
-import "./chunk-L62ZT6RS.js";
+import "./chunk-R4AR3TKR.js";
+import "./chunk-I3G23XHN.js";
 import {
   cn
 } from "./chunk-EI44GEQ5.js";

package/dist/styles.css

@@ -444,6 +444,9 @@
   .left-full {
     left: 100%;
   }
+  .isolate {
+    isolation: isolate;
+  }
   .z-0 {
     z-index: 0;
   }

package/dist/workbench.js

@@ -19,8 +19,9 @@ import "./chunk-VIREDUBF.js";
 import "./chunk-77WVVJA4.js";
 import "./chunk-OMUIPJQZ.js";
 import "./chunk-4ZZUMXPX.js";
-import "./chunk-IWIZ7RZE.js";
-import "./chunk-L62ZT6RS.js";
+import "./chunk-2T6KBMLN.js";
+import "./chunk-R4AR3TKR.js";
+import "./chunk-I3G23XHN.js";
 import "./chunk-EI44GEQ5.js";
 import "./chunk-U67V476Y.js";
 export {

package/dist/workflows.js

@@ -1,6 +1,6 @@
 import {
   buildWorkflowGraph
-} from "./chunk-UEMWLVVY.js";
+} from "./chunk-2NS724P4.js";
 import "./chunk-U67V476Y.js";
 
 // src/workflows/WorkflowGraphLazy.tsx
@@ -26,7 +26,7 @@ function retryImport(factory, retries = 2, delayMs = 350) {
 function lazyWorkflowGraph() {
   return lazy(
     () => retryImport(
-      () => import("./WorkflowGraph-SJ2SG5TP.js").then((m) => ({ default: m.WorkflowGraph }))
+      () => import("./WorkflowGraph-472MC3ML.js").then((m) => ({ default: m.WorkflowGraph }))
     )
   );
 }

package/package.json

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

package/dist/model-picker-COjPVMzg.d.ts

@@ -1,145 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReasoningEffort } from '@tangle-network/agent-interface';
-import * as Popover from '@radix-ui/react-dropdown-menu';
-
-/**
- * Wire-format model entry as returned by `/v1/models` on the Tangle Router
- * (and most OpenAI-compatible gateways). Field names match the upstream
- * response so consumers can pass `data.data` straight through.
- */
-interface ModelInfo {
-    /** Provider-local id, e.g. "gpt-5.4" or "anthropic/claude-sonnet-4-6". */
-    id: string;
-    /** Human label (defaults to id if absent). */
-    name?: string;
-    /** Provider key, e.g. "openai", "anthropic". Underscored for compat with router. */
-    _provider?: string;
-    /** Alternative provider field on some gateways. */
-    provider?: string;
-    /**
-     * Per-token prices in USD as decimal strings. Multiply by 1_000_000 for
-     * the conventional $/M tokens display.
-     */
-    pricing?: {
-        prompt?: string | null;
-        completion?: string | null;
-    };
-    context_length?: number;
-    description?: string | null;
-    architecture?: {
-        modality?: string;
-        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;
-    };
-    /**
-     * Marks a model as recommended. When any catalog row carries this flag the
-     * picker surfaces those rows in a "Recommended" section at the top. When no
-     * row is flagged the picker falls back to {@link DEFAULT_FEATURED_MODEL_IDS}
-     * (matched by dedup key) so the section is never empty for a router catalog.
-     */
-    featured?: boolean;
-    /**
-     * Per-model reasoning capability, fed to the reasoning-effort picker's capability filter. Source it
-     * from your model catalog (e.g. the router's `supported_parameters` containing `reasoning`). When
-     * `false`, only `none` is offered for this model regardless of harness.
-     */
-    supportsReasoning?: boolean;
-    /** The model's own reasoning ceiling, if narrower than its harness's (e.g. a model capped at `high`). */
-    maxReasoningEffort?: ReasoningEffort;
-}
-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"). */
-    value: string;
-    onChange: (modelId: string) => void;
-    /** Models to choose from. Pass `[]` while loading. */
-    models: ModelInfo[];
-    /** Show the loading state (overrides empty-list copy). */
-    loading?: boolean;
-    /** Recently-used canonical ids to surface at the top. */
-    recents?: ReadonlyArray<string>;
-    /**
-     * Canonical model ids to surface in a "Popular" section above the full
-     * list. Each id is resolved against `models`; ids not present in the
-     * loaded catalog are silently skipped, so callers can pass a stable
-     * curation list without worrying about provider availability.
-     */
-    popular?: ReadonlyArray<string>;
-    /** Drop providers from the picker entirely (e.g. "audio", "embedding"). */
-    excludeProviders?: ReadonlyArray<string>;
-    /** Restrict to these architectures (e.g. ["text"]). Default: all. */
-    modalities?: ReadonlyArray<string>;
-    /** Trigger appearance. "field" = full-width form field; "pill" = inline chat input pill. */
-    variant?: ModelPickerVariant;
-    label?: string;
-    placeholder?: string;
-    className?: string;
-    /**
-     * Extra classes merged onto the trigger button itself (after the
-     * built-in defaults, so callers can override sizing/radius/font to
-     * match a surrounding form). Distinct from `className`, which on the
-     * "field" variant styles the outer wrapper.
-     */
-    triggerClassName?: string;
-    disabled?: boolean;
-    /** Side the menu opens toward. Defaults to Radix's "bottom". */
-    side?: Popover.DropdownMenuContentProps["side"];
-    /**
-     * Let Radix flip the menu to the opposite side when it would overflow the
-     * viewport. Defaults to `true` (Radix default). Pass `false` to pin the menu
-     * to `side` — e.g. a composer floating in open space that should always open
-     * downward rather than flipping up over the heading.
-     */
-    avoidCollisions?: boolean;
-}
-/**
- * Resolve the canonical id for a model. Some upstreams already prefix the
- * provider in the id (e.g. "anthropic/claude-haiku-4.5"); others put it in
- * `_provider` and leave the id bare. Always returns "<provider>/<model>"
- * unless the id is already prefixed.
- */
-declare function canonicalModelId(model: ModelInfo): string;
-/**
- * Stable key used to collapse catalog duplicates. The Tangle Router lists the
- * same underlying model under several host prefixes (e.g. `openai/gpt-5.4`,
- * `tcloud/gpt-5.4`, `openrouter/openai/gpt-5.4`); they all name one model and
- * should occupy a single row. The key is `<lab>/<model-id>`: the authoring lab
- * (inferred via {@link resolveModelBrandIdentity}, which already maps
- * `gpt-5.4` → openai, `kimi-k2` → moonshot, etc.) plus the final id segment,
- * so a model collapses to one identity regardless of which host serves it.
- */
-declare function modelDedupKey(model: ModelInfo): string;
-/**
- * Collapse catalog duplicates to one row per {@link modelDedupKey}. When a
- * model is served under multiple hosts the preferred row wins: a `featured`
- * row beats a non-featured one, otherwise the first occurrence is kept (so
- * caller-controlled catalog order still decides ties). Input order is
- * preserved for the surviving rows.
- */
-declare function dedupeModels(models: ReadonlyArray<ModelInfo>): ModelInfo[];
-/**
- * Fallback "Recommended" seed — latest frontier models per major lab, matched
- * by {@link modelDedupKey} against the loaded catalog. Used only when no
- * catalog row carries an explicit `featured` flag, so a standard router
- * catalog still gets a curated top section without per-deployment config.
- */
-declare const DEFAULT_FEATURED_MODEL_IDS: ReadonlyArray<string>;
-/** Format $/M tokens. Returns null if pricing is missing or zero. */
-declare function formatPricing(pricing: ModelInfo["pricing"]): string | null;
-/** Format context length compactly (e.g. 200_000 → "200k"). */
-declare function formatContext(ctx: number | undefined): string | null;
-declare function ModelPicker({ value, onChange, models, loading, recents, popular, excludeProviders, modalities, variant, label, placeholder, className, triggerClassName, disabled, side, avoidCollisions, }: ModelPickerProps): react_jsx_runtime.JSX.Element;
-
-export { DEFAULT_FEATURED_MODEL_IDS as D, type ModelInfo as M, ModelPicker as a, type ModelPickerProps as b, type ModelPickerVariant as c, canonicalModelId as d, dedupeModels as e, formatContext as f, formatPricing as g, modelDedupKey as m };