@tangle-network/sandbox-ui 0.79.0 → 0.81.0

package/dist/{chunk-UQXDIQWD.js → chunk-YBFGWPUF.js}

@@ -1,15 +1,20 @@
+import {
+  formatBytes
+} from "./chunk-TK46XFLM.js";
 import {
   HARNESS_OPTIONS,
   HarnessLogo,
   chatCapableHarnesses
-} from "./chunk-IWIZ7RZE.js";
+} from "./chunk-2T6KBMLN.js";
 import {
-  ModelBrandStack,
   ModelPicker,
-  canonicalModelId,
-  resolveModelBrandIdentity,
   stripBrandPrefix
-} from "./chunk-L62ZT6RS.js";
+} from "./chunk-R4AR3TKR.js";
+import {
+  ModelBrandStack,
+  canonicalModelId,
+  resolveModelBrandIdentity
+} from "./chunk-I3G23XHN.js";
 import {
   cn
 } from "./chunk-EI44GEQ5.js";
@@ -1064,12 +1069,84 @@ import {
   Folder,
   Loader2,
   Paperclip,
+  RotateCcw,
   Square,
   Upload,
   X
 } from "lucide-react";
 import * as React4 from "react";
+
+// src/chat/attachment-validation.ts
+function isAcceptedType(file, accept) {
+  if (!accept || accept.trim().length === 0) return true;
+  const patterns = accept.split(",").map((pattern) => pattern.trim()).filter((pattern) => pattern.length > 0);
+  if (patterns.length === 0) return true;
+  const name = file.name.toLowerCase();
+  const type = (file.type || "").toLowerCase();
+  return patterns.some((pattern) => {
+    const lowerPattern = pattern.toLowerCase();
+    if (lowerPattern.startsWith(".")) {
+      return name.endsWith(lowerPattern);
+    }
+    if (lowerPattern.endsWith("/*")) {
+      const prefix = lowerPattern.slice(0, -1);
+      return type.startsWith(prefix);
+    }
+    return type === lowerPattern;
+  });
+}
+function validateComposerFiles(files, config) {
+  const { maxSizeBytes, maxCount, currentCount = 0, accept } = config;
+  const list = Array.isArray(files) ? files : Array.from(files);
+  const accepted = [];
+  const rejected = [];
+  for (const file of list) {
+    if (!isAcceptedType(file, accept)) {
+      rejected.push({
+        file,
+        reason: `"${file.name}" is not an accepted file type (${accept}).`
+      });
+      continue;
+    }
+    if (maxSizeBytes !== void 0 && file.size > maxSizeBytes) {
+      rejected.push({
+        file,
+        reason: `"${file.name}" (${formatBytes(file.size)}) exceeds the ${formatBytes(maxSizeBytes)} limit.`
+      });
+      continue;
+    }
+    if (maxCount !== void 0 && currentCount + accepted.length >= maxCount) {
+      rejected.push({
+        file,
+        reason: `"${file.name}" was not added \u2014 the ${maxCount}-file limit is already reached.`
+      });
+      continue;
+    }
+    accepted.push(file);
+  }
+  return { accepted, rejected };
+}
+
+// src/chat/agent-composer.tsx
 import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var IMAGE_EXTENSION_BY_MIME = {
+  "image/png": "png",
+  "image/jpeg": "jpg",
+  "image/jpg": "jpg",
+  "image/gif": "gif",
+  "image/webp": "webp",
+  "image/bmp": "bmp",
+  "image/svg+xml": "svg"
+};
+function isGenericImageName(name) {
+  return /^(image)?(\.[a-z0-9]+)?$/i.test(name.trim());
+}
+function imageExtension(file) {
+  const fromMime = IMAGE_EXTENSION_BY_MIME[file.type.toLowerCase()];
+  if (fromMime) return fromMime;
+  const fromName = /\.([a-z0-9]+)$/i.exec(file.name)?.[1];
+  return fromName?.toLowerCase() ?? "png";
+}
 function AgentComposer({
   value,
   onChange,
@@ -1089,9 +1166,13 @@ function AgentComposer({
   onAttachFolder,
   attachments = [],
   onRemoveFile,
+  onRetryFile,
   accept,
+  onRejectFiles,
   dropTitle = "Drop files to add context",
   dropDescription = "They attach to your next message.",
+  canSubmitWhileBusy = false,
+  canSubmitAttachmentsOnly = false,
   focusShortcut = false,
   minRows = 2,
   maxHeight = 200,
@@ -1104,6 +1185,7 @@ function AgentComposer({
   const folderInputRef = React4.useRef(null);
   const [dragOver, setDragOver] = React4.useState(false);
   const dragDepth = React4.useRef(0);
+  const pastedImageCount = React4.useRef(0);
   const resize = React4.useCallback(
     (el) => {
       el.style.height = "auto";
@@ -1125,7 +1207,7 @@ function AgentComposer({
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [focusShortcut, disabled]);
-  const canSend = !disabled && !busy && value.trim().length > 0;
+  const canSend = !disabled && (!busy || canSubmitWhileBusy) && (value.trim().length > 0 || canSubmitAttachmentsOnly && attachments.length > 0);
   const submit = () => {
     if (!canSend) return;
     onSubmit();
@@ -1154,6 +1236,15 @@ function AgentComposer({
     event.stopPropagation();
     if (event.dataTransfer) event.dataTransfer.dropEffect = "copy";
   };
+  const deliverFiles = (files) => {
+    if (!onAttach || files.length === 0) return;
+    const { accepted, rejected } = validateComposerFiles(files, { accept });
+    if (rejected.length > 0) onRejectFiles?.(rejected);
+    if (accepted.length === 0) return;
+    const dt = new DataTransfer();
+    for (const file of accepted) dt.items.add(file);
+    onAttach(dt.files);
+  };
   const handleDrop = (event) => {
     if (!dropEnabled) return;
     event.preventDefault();
@@ -1161,7 +1252,25 @@ function AgentComposer({
     dragDepth.current = 0;
     setDragOver(false);
     const files = event.dataTransfer?.files;
-    if (files?.length) onAttach?.(files);
+    if (files?.length) deliverFiles(Array.from(files));
+  };
+  const handlePaste = (event) => {
+    if (!onAttach) return;
+    const clipboardFiles = event.clipboardData?.files;
+    if (!clipboardFiles || clipboardFiles.length === 0) return;
+    event.preventDefault();
+    const files = Array.from(clipboardFiles).map((file) => {
+      if (file.type.startsWith("image/") && isGenericImageName(file.name)) {
+        pastedImageCount.current += 1;
+        return new File(
+          [file],
+          `pasted-image-${pastedImageCount.current}.${imageExtension(file)}`,
+          { type: file.type }
+        );
+      }
+      return file;
+    });
+    deliverFiles(files);
   };
   const folderChips = attachments.filter((file) => file.kind === "folder");
   const fileChips = attachments.filter((file) => file.kind !== "folder");
@@ -1190,36 +1299,60 @@ function AgentComposer({
           disabled && "opacity-60"
         ),
         children: [
-          attachments.length > 0 && /* @__PURE__ */ jsx4("div", { className: "flex flex-wrap gap-1.5", children: [...folderChips, ...fileChips].map((file) => /* @__PURE__ */ jsxs4(
-            "span",
-            {
-              className: cn(
-                "inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs",
-                file.status === "error" ? "border-[var(--status-error,#ff4d6d)]/40 text-[var(--status-error,#ff4d6d)]" : "border-[var(--md3-outline-variant)] bg-surface-container text-foreground"
-              ),
-              children: [
-                file.kind === "folder" ? /* @__PURE__ */ jsx4(Folder, { className: "size-3 shrink-0" }) : /* @__PURE__ */ jsx4(Paperclip, { className: "size-3 shrink-0" }),
-                /* @__PURE__ */ jsx4("span", { className: "max-w-[150px] truncate", children: file.name }),
-                file.fileCount !== void 0 && /* @__PURE__ */ jsxs4("span", { className: "text-muted-foreground", children: [
-                  "(",
-                  file.fileCount,
-                  ")"
-                ] }),
-                file.status === "uploading" && /* @__PURE__ */ jsx4(Loader2, { className: "size-3 animate-spin" }),
-                onRemoveFile && /* @__PURE__ */ jsx4(
-                  "button",
-                  {
-                    type: "button",
-                    "aria-label": `Remove ${file.name}`,
-                    onClick: () => onRemoveFile(file.id),
-                    className: "rounded p-0.5 text-muted-foreground transition-colors hover:text-foreground focus:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-                    children: /* @__PURE__ */ jsx4(X, { className: "size-3" })
-                  }
-                )
-              ]
-            },
-            file.id
-          )) }),
+          attachments.length > 0 && /* @__PURE__ */ jsx4("div", { className: "flex flex-wrap gap-1.5", children: [...folderChips, ...fileChips].map((file) => {
+            const isError = file.status === "error";
+            const isPending = file.status === "pending";
+            return /* @__PURE__ */ jsxs4(
+              "span",
+              {
+                title: isError ? file.errorMessage : void 0,
+                className: cn(
+                  "inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs",
+                  isError ? "border-[var(--status-error,#ff4d6d)]/40 text-[var(--status-error,#ff4d6d)]" : "border-[var(--md3-outline-variant)] bg-surface-container text-foreground",
+                  isPending && "opacity-60"
+                ),
+                children: [
+                  file.kind !== "folder" && file.previewUrl ? /* @__PURE__ */ jsx4(
+                    "img",
+                    {
+                      src: file.previewUrl,
+                      alt: "",
+                      className: "size-8 rounded object-cover"
+                    }
+                  ) : file.kind === "folder" ? /* @__PURE__ */ jsx4(Folder, { className: "size-3 shrink-0" }) : /* @__PURE__ */ jsx4(Paperclip, { className: "size-3 shrink-0" }),
+                  /* @__PURE__ */ jsx4("span", { className: "max-w-[150px] truncate", children: file.name }),
+                  file.fileCount !== void 0 && /* @__PURE__ */ jsxs4("span", { className: "text-muted-foreground", children: [
+                    "(",
+                    file.fileCount,
+                    ")"
+                  ] }),
+                  file.status === "uploading" && /* @__PURE__ */ jsx4(Loader2, { className: "size-3 animate-spin" }),
+                  isError && file.errorMessage && /* @__PURE__ */ jsx4("span", { className: "max-w-[150px] truncate text-[var(--status-error,#ff4d6d)]/80", children: file.errorMessage }),
+                  isError && onRetryFile && /* @__PURE__ */ jsx4(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-label": `Retry upload ${file.name}`,
+                      onClick: () => onRetryFile(file.id),
+                      className: "rounded p-0.5 text-muted-foreground transition-colors hover:text-foreground focus:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+                      children: /* @__PURE__ */ jsx4(RotateCcw, { className: "size-3" })
+                    }
+                  ),
+                  onRemoveFile && /* @__PURE__ */ jsx4(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-label": `Remove ${file.name}`,
+                      onClick: () => onRemoveFile(file.id),
+                      className: "rounded p-0.5 text-muted-foreground transition-colors hover:text-foreground focus:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+                      children: /* @__PURE__ */ jsx4(X, { className: "size-3" })
+                    }
+                  )
+                ]
+              },
+              file.id
+            );
+          }) }),
           /* @__PURE__ */ jsx4(
             "textarea",
             {
@@ -1230,6 +1363,7 @@ function AgentComposer({
               autoFocus,
               onChange: (event) => onChange(event.target.value),
               onInput: (event) => resize(event.currentTarget),
+              onPaste: handlePaste,
               onKeyDown: (event) => {
                 if (event.key === "Enter" && !event.shiftKey && !event.nativeEvent.isComposing && event.keyCode !== 229) {
                   event.preventDefault();
@@ -1277,7 +1411,8 @@ function AgentComposer({
                   className: "hidden",
                   accept,
                   onChange: (event) => {
-                    if (event.target.files?.length) onAttach(event.target.files);
+                    if (event.target.files?.length)
+                      deliverFiles(Array.from(event.target.files));
                     event.target.value = "";
                   }
                 }
@@ -1700,6 +1835,8 @@ export {
   snapHarnessToModel,
   AgentProfilePicker,
   AgentSessionControls,
+  isAcceptedType,
+  validateComposerFiles,
   AgentComposer,
   ArtifactAgentDock,
   createFetchTransport,

package/dist/dashboard.d.ts

@@ -3,10 +3,11 @@ import * as React from 'react';
 import { ReactNode } from 'react';
 import { HarnessType } from '@tangle-network/agent-interface';
 export { HarnessType } from '@tangle-network/agent-interface';
-export { D as DEFAULT_FEATURED_MODEL_IDS, M as ModelInfo, a as ModelPicker, b as ModelPickerProps, c as ModelPickerVariant, d as canonicalModelId, e as dedupeModels, f as formatContext, g as formatPricing, m as modelDedupKey } from './model-picker-COjPVMzg.js';
+import * as Popover from '@radix-ui/react-dropdown-menu';
+import { b as ModelInfo } from './model-brand-CsFykzMA.js';
+export { M as ModelBrandIdentity, a as ModelBrandStack, c as canonicalModelId, m as modelBrandFor } from './model-brand-CsFykzMA.js';
 export { B as BillingBalance, a as BillingDashboard, b as BillingDashboardProps, c as BillingSubscription, d as BillingUsage, P as PricingPage, e as PricingPageProps, f as PricingTier, T as TemplateCard, g as TemplateCardData, h as TemplateCardProps, U as UsageChart, i as UsageChartProps, j as UsageDataPoint, k as formatPrice } from './template-card-UhV3pmRC.js';
 export { E as ExposedPort, P as PortsList, a as PortsListProps } from './ports-list-DfG0VfPt.js';
-import '@radix-ui/react-dropdown-menu';
 
 interface SidebarUser {
     email: string;
@@ -781,6 +782,82 @@ interface HarnessLogoProps {
  */
 declare function HarnessLogo({ type, size, className }: HarnessLogoProps): react_jsx_runtime.JSX.Element;
 
+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;
+}
+/**
+ * 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;
+
 type ProductVariant = "sandbox";
 interface NavItem {
     id: string;
@@ -1269,4 +1346,4 @@ interface InfoPanelProps {
 }
 declare function InfoPanel({ label, title, description, className }: InfoPanelProps): react_jsx_runtime.JSX.Element;
 
-export { ActivityFeed, type ActivityFeedProps, type ActivityItem, type AppearanceController, type Backend, BackendConfig, type BackendConfigProps, BackendSelector, type BackendSelectorProps, type BackendStatusData, ClusterStatusBar, type ClusterStatusBarProps, type ClusterStatusItem, CreditBalance, type CreditBalanceProps, DashboardLayout, type DashboardLayoutProps, type Profile as DashboardProfile, type SnapshotInfo as DashboardSnapshotInfo, type DashboardUser, type GitCommitData, GitPanel, type GitPanelProps, type GitStatusData, HARNESS_BRAND, HARNESS_OPTIONS, type HarnessBrand, HarnessLogo, type HarnessLogoProps, HarnessPicker, type HarnessPickerProps, INSUFFICIENT_BALANCE_CODE, InfoPanel, type InfoPanelProps, type InsufficientBalance, type Invoice, InvoiceTable, type InvoiceTableProps, type McpServer, MetricAreaChart, type MetricAreaChartProps, type MetricChartPoint, type MetricChartTone, type NavItem, NetworkConfig, type NetworkConfigData, type NetworkConfigProps, NewSandboxCard, type NewSandboxCardProps, OutOfCreditsModal, type OutOfCreditsModalProps, type PlanCardData, PlanCards, type PlanCardsProps, type PlanFeature, type ProcessInfo, ProcessList, type ProcessListProps, type ProductVariant, ProfileAvatar, type ProfileAvatarProps, ProfileComparison, type ProfileComparisonProps, ProfileSelector, type ProfileSelectorProps, PromoBanner, type PromoBannerProps, RailButton, type RailButtonProps, RailCollapseToggle, type RailCollapseToggleProps, RailExpandable, type RailExpandableProps, type RailExpandableSubItem, RailFlyout, type RailFlyoutProps, RailHeader, type RailHeaderProps, RailModeButton, type RailModeButtonProps, RailSeparator, type RailSeparatorProps, RailThemeToggle, RailTooltip, type RailTooltipProps, ResourceMeter, type ResourceMeterProps, ResourceSnapshot, type ResourceSnapshotItem, type ResourceSnapshotProps, SIDEBAR_MOBILE_WIDTH, SIDEBAR_PANEL_WIDTH, SIDEBAR_RAIL_LABELED_WIDTH, SIDEBAR_RAIL_WIDTH, SIDEBAR_TOTAL_WIDTH, SandboxCard, type SandboxCardData, type SandboxCardProps, type SandboxStatus, SandboxTable, type SandboxTableProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarLayout, type SidebarLayoutFlyoutItem, type SidebarLayoutNavItem, type SidebarLayoutProps, SidebarPanel, SidebarPanelContent, type SidebarPanelContentProps, SidebarPanelHeader, type SidebarPanelHeaderProps, type SidebarPanelProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, SidebarRailFooter, type SidebarRailFooterProps, SidebarRailHeader, type SidebarRailHeaderProps, SidebarRailNav, type SidebarRailNavProps, type SidebarRailProps, type SidebarUser, SnapshotList, type SnapshotListProps, SystemLogsViewer, type SystemLogsViewerProps, type TeamRole, type ThemeMode, UsageSummary, type UsageSummaryData, type UsageSummaryProps, type Variant, VariantList, type VariantListProps, type VariantOutcome, type VariantStatus, canAdminSandbox, chatCapableHarnesses, parseInsufficientBalance, useSidebar };
+export { ActivityFeed, type ActivityFeedProps, type ActivityItem, type AppearanceController, type Backend, BackendConfig, type BackendConfigProps, BackendSelector, type BackendSelectorProps, type BackendStatusData, ClusterStatusBar, type ClusterStatusBarProps, type ClusterStatusItem, CreditBalance, type CreditBalanceProps, DEFAULT_FEATURED_MODEL_IDS, DashboardLayout, type DashboardLayoutProps, type Profile as DashboardProfile, type SnapshotInfo as DashboardSnapshotInfo, type DashboardUser, type GitCommitData, GitPanel, type GitPanelProps, type GitStatusData, HARNESS_BRAND, HARNESS_OPTIONS, type HarnessBrand, HarnessLogo, type HarnessLogoProps, HarnessPicker, type HarnessPickerProps, INSUFFICIENT_BALANCE_CODE, InfoPanel, type InfoPanelProps, type InsufficientBalance, type Invoice, InvoiceTable, type InvoiceTableProps, type McpServer, MetricAreaChart, type MetricAreaChartProps, type MetricChartPoint, type MetricChartTone, ModelInfo, ModelPicker, type ModelPickerProps, type ModelPickerVariant, type NavItem, NetworkConfig, type NetworkConfigData, type NetworkConfigProps, NewSandboxCard, type NewSandboxCardProps, OutOfCreditsModal, type OutOfCreditsModalProps, type PlanCardData, PlanCards, type PlanCardsProps, type PlanFeature, type ProcessInfo, ProcessList, type ProcessListProps, type ProductVariant, ProfileAvatar, type ProfileAvatarProps, ProfileComparison, type ProfileComparisonProps, ProfileSelector, type ProfileSelectorProps, PromoBanner, type PromoBannerProps, RailButton, type RailButtonProps, RailCollapseToggle, type RailCollapseToggleProps, RailExpandable, type RailExpandableProps, type RailExpandableSubItem, RailFlyout, type RailFlyoutProps, RailHeader, type RailHeaderProps, RailModeButton, type RailModeButtonProps, RailSeparator, type RailSeparatorProps, RailThemeToggle, RailTooltip, type RailTooltipProps, ResourceMeter, type ResourceMeterProps, ResourceSnapshot, type ResourceSnapshotItem, type ResourceSnapshotProps, SIDEBAR_MOBILE_WIDTH, SIDEBAR_PANEL_WIDTH, SIDEBAR_RAIL_LABELED_WIDTH, SIDEBAR_RAIL_WIDTH, SIDEBAR_TOTAL_WIDTH, SandboxCard, type SandboxCardData, type SandboxCardProps, type SandboxStatus, SandboxTable, type SandboxTableProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarLayout, type SidebarLayoutFlyoutItem, type SidebarLayoutNavItem, type SidebarLayoutProps, SidebarPanel, SidebarPanelContent, type SidebarPanelContentProps, SidebarPanelHeader, type SidebarPanelHeaderProps, type SidebarPanelProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, SidebarRailFooter, type SidebarRailFooterProps, SidebarRailHeader, type SidebarRailHeaderProps, SidebarRailNav, type SidebarRailNavProps, type SidebarRailProps, type SidebarUser, SnapshotList, type SnapshotListProps, SystemLogsViewer, type SystemLogsViewerProps, type TeamRole, type ThemeMode, UsageSummary, type UsageSummaryData, type UsageSummaryProps, type Variant, VariantList, type VariantListProps, type VariantOutcome, type VariantStatus, canAdminSandbox, chatCapableHarnesses, dedupeModels, formatContext, formatPricing, modelDedupKey, parseInsufficientBalance, useSidebar };

package/dist/dashboard.js

@@ -71,16 +71,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 "./chunk-U67V476Y.js";
 export {
@@ -101,6 +105,7 @@ export {
   InfoPanel,
   InvoiceTable,
   MetricAreaChart,
+  ModelBrandStack,
   ModelPicker,
   NetworkConfig,
   NewSandboxCard,
@@ -155,6 +160,7 @@ export {
   formatContext,
   formatPrice,
   formatPricing,
+  modelBrandFor,
   modelDedupKey,
   parseInsufficientBalance,
   useSidebar

package/dist/globals.css

@@ -444,6 +444,9 @@
   .left-full {
     left: 100%;
   }
+  .isolate {
+    isolation: isolate;
+  }
   .z-0 {
     z-index: 0;
   }
@@ -3185,6 +3188,12 @@
   .text-\[var\(--status-error\,\#ff4d6d\)\] {
     color: var(--status-error,#ff4d6d);
   }
+  .text-\[var\(--status-error\,\#ff4d6d\)\]\/80 {
+    color: var(--status-error,#ff4d6d);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--status-error,#ff4d6d) 80%, transparent);
+    }
+  }
   .text-\[var\(--surface-danger-text\)\] {
     color: var(--surface-danger-text);
   }

package/dist/index.d.ts

@@ -5,12 +5,11 @@ export { AgentWorkbench, ApprovalConfidenceStat, ApprovalItem, ApprovalQueue, Ap
 export { ArtifactView, BRAND_PRISM_THEME, CodeSurface, CodeSurfaceProps, CodeView, CodeViewProps, DiffStats, DiffView, DiffViewProps, FileBreadcrumb, FileBreadcrumbProps, GitStatusBadge, PanelHeader, PanelHeaderProps, PillTabItem, PillTabs, PillTabsProps, PreviewView, PreviewViewProps, SandboxArtifact, SandboxArtifactPane, SandboxArtifactPaneProps, SandboxArtifactTerminal, buildUnifiedPatch, computeDiffStats, resolveLanguage } from './workbench.js';
 export { OpenUIAction, OpenUIActionsNode, OpenUIArtifactRenderer, OpenUIArtifactRendererProps, OpenUIBadgeNode, OpenUICardNode, OpenUICodeNode, OpenUIComponentNode, OpenUIGridNode, OpenUIHeadingNode, OpenUIKeyValueNode, OpenUIMarkdownNode, OpenUIPrimitive, OpenUISeparatorNode, OpenUIStackNode, OpenUIStatNode, OpenUITableNode, OpenUITextNode } from '@tangle-network/ui/openui';
 export { AgentTimeline, AgentTimelineArtifactItem, AgentTimelineCustomItem, AgentTimelineItem, AgentTimelineMessageItem, AgentTimelineProps, AgentTimelineStatusItem, AgentTimelineTone, AgentTimelineToolGroupItem, AgentTimelineToolItem, ChatContainer, ChatContainerProps, ChatMessage, ChatMessageProps, MessageList, MessageListProps, MessageRole, ThinkingIndicator, ThinkingIndicatorProps, UserMessage, UserMessageProps } from '@tangle-network/ui/chat';
-export { AgentComposer, AgentComposerProps, AgentProfileCapability, AgentProfileDraft, AgentProfileOption, AgentProfilePicker, AgentProfilePickerProps, AgentSessionControls, AgentSessionControlsProps, AgentSessionHarnessControl, AgentSessionModelControl, AgentSessionProfileControl, AgentSessionReasoningControl, ArtifactAgentDock, ArtifactAgentDockProps, ArtifactAgentDockTransport, ArtifactDockMessage, ArtifactDockStreamEvent, ArtifactKind, ArtifactScope, ComposerFile, DEFAULT_REASONING_LEVEL_OPTIONS, HARNESS_REASONING_OPTIONS, ReasoningLevel, ReasoningLevelOption, ReasoningLevelPicker, ReasoningLevelPickerProps, createFetchTransport, isModelCompatibleWithHarness, snapModelToHarness } from './chat.js';
+export { AgentComposer, AgentComposerProps, AgentProfileCapability, AgentProfileDraft, AgentProfileOption, AgentProfilePicker, AgentProfilePickerProps, AgentSessionControls, AgentSessionControlsProps, AgentSessionHarnessControl, AgentSessionModelControl, AgentSessionProfileControl, AgentSessionReasoningControl, ArtifactAgentDock, ArtifactAgentDockProps, ArtifactAgentDockTransport, ArtifactDockMessage, ArtifactDockStreamEvent, ArtifactKind, ArtifactScope, ComposerFile, ComposerFileRejection, ComposerFileValidationConfig, DEFAULT_REASONING_LEVEL_OPTIONS, HARNESS_REASONING_OPTIONS, ReasoningLevel, ReasoningLevelOption, ReasoningLevelPicker, ReasoningLevelPickerProps, createFetchTransport, isAcceptedType, isModelCompatibleWithHarness, snapModelToHarness, validateComposerFiles } from './chat.js';
 export { ExpandedToolDetail, ExpandedToolDetailProps, InlineThinkingItem, InlineThinkingItemProps, InlineToolItem, InlineToolItemProps, LiveDuration, RunGroup, RunGroupProps } from '@tangle-network/ui/run';
 export { CommandPreview, DiffPreview, GlobResultsPreview, GrepResultsPreview, QuestionPreview, WebSearchPreview, WriteFilePreview } from '@tangle-network/ui/tool-previews';
 export { FileArtifactPane, FileArtifactPaneProps, FileNode, FilePreview, FilePreviewProps, FileTabData, FileTabs, FileTabsProps, FileTree, FileTreeProps, FileTreeVisibilityOptions, RichFileTree, RichFileTreeGitEntry, RichFileTreeGitStatus, RichFileTreeProps, RichFileTreeThemeVars, filterFileTree } from '@tangle-network/ui/files';
-export { ActivityFeed, ActivityFeedProps, ActivityItem, AppearanceController, Backend, BackendConfig, BackendConfigProps, BackendSelector, BackendSelectorProps, BackendStatusData, ClusterStatusBar, ClusterStatusBarProps, ClusterStatusItem, CreditBalance, CreditBalanceProps, DashboardLayout, DashboardLayoutProps, DashboardProfile, DashboardSnapshotInfo, DashboardUser, GitCommitData, GitPanel, GitPanelProps, GitStatusData, HARNESS_BRAND, HARNESS_OPTIONS, HarnessBrand, HarnessLogo, HarnessLogoProps, HarnessPicker, HarnessPickerProps, INSUFFICIENT_BALANCE_CODE, InfoPanel, InfoPanelProps, InsufficientBalance, Invoice, InvoiceTable, InvoiceTableProps, McpServer, MetricAreaChart, MetricAreaChartProps, MetricChartPoint, MetricChartTone, NavItem, NetworkConfig, NetworkConfigData, NetworkConfigProps, NewSandboxCard, NewSandboxCardProps, OutOfCreditsModal, OutOfCreditsModalProps, PlanCardData, PlanCards, PlanCardsProps, PlanFeature, ProcessInfo, ProcessList, ProcessListProps, ProductVariant, ProfileAvatar, ProfileAvatarProps, ProfileComparison, ProfileComparisonProps, ProfileSelector, ProfileSelectorProps, PromoBanner, PromoBannerProps, RailButton, RailButtonProps, RailCollapseToggle, RailCollapseToggleProps, RailExpandable, RailExpandableProps, RailExpandableSubItem, RailFlyout, RailFlyoutProps, RailHeader, RailHeaderProps, RailModeButton, RailModeButtonProps, RailSeparator, RailSeparatorProps, RailThemeToggle, RailTooltip, RailTooltipProps, ResourceMeter, ResourceMeterProps, ResourceSnapshot, ResourceSnapshotItem, ResourceSnapshotProps, SIDEBAR_MOBILE_WIDTH, SIDEBAR_PANEL_WIDTH, SIDEBAR_RAIL_LABELED_WIDTH, SIDEBAR_RAIL_WIDTH, SIDEBAR_TOTAL_WIDTH, SandboxCard, SandboxCardData, SandboxCardProps, SandboxStatus, SandboxTable, SandboxTableProps, Sidebar, SidebarContent, SidebarContentProps, SidebarLayout, SidebarLayoutFlyoutItem, SidebarLayoutNavItem, SidebarLayoutProps, SidebarPanel, SidebarPanelContent, SidebarPanelContentProps, SidebarPanelHeader, SidebarPanelHeaderProps, SidebarPanelProps, SidebarProps, SidebarProvider, SidebarProviderProps, SidebarRail, SidebarRailFooter, SidebarRailFooterProps, SidebarRailHeader, SidebarRailHeaderProps, SidebarRailNav, SidebarRailNavProps, SidebarRailProps, SidebarUser, SnapshotList, SnapshotListProps, SystemLogsViewer, SystemLogsViewerProps, TeamRole, ThemeMode, UsageSummary, UsageSummaryData, UsageSummaryProps, Variant, VariantList, VariantListProps, VariantOutcome, VariantStatus, canAdminSandbox, chatCapableHarnesses, parseInsufficientBalance, useSidebar } from './dashboard.js';
-export { D as DEFAULT_FEATURED_MODEL_IDS, M as ModelInfo, a as ModelPicker, b as ModelPickerProps, c as ModelPickerVariant, d as canonicalModelId, e as dedupeModels, f as formatContext, g as formatPricing, m as modelDedupKey } from './model-picker-COjPVMzg.js';
+export { ActivityFeed, ActivityFeedProps, ActivityItem, AppearanceController, Backend, BackendConfig, BackendConfigProps, BackendSelector, BackendSelectorProps, BackendStatusData, ClusterStatusBar, ClusterStatusBarProps, ClusterStatusItem, CreditBalance, CreditBalanceProps, DEFAULT_FEATURED_MODEL_IDS, DashboardLayout, DashboardLayoutProps, DashboardProfile, DashboardSnapshotInfo, DashboardUser, GitCommitData, GitPanel, GitPanelProps, GitStatusData, HARNESS_BRAND, HARNESS_OPTIONS, HarnessBrand, HarnessLogo, HarnessLogoProps, HarnessPicker, HarnessPickerProps, INSUFFICIENT_BALANCE_CODE, InfoPanel, InfoPanelProps, InsufficientBalance, Invoice, InvoiceTable, InvoiceTableProps, McpServer, MetricAreaChart, MetricAreaChartProps, MetricChartPoint, MetricChartTone, ModelPicker, ModelPickerProps, ModelPickerVariant, NavItem, NetworkConfig, NetworkConfigData, NetworkConfigProps, NewSandboxCard, NewSandboxCardProps, OutOfCreditsModal, OutOfCreditsModalProps, PlanCardData, PlanCards, PlanCardsProps, PlanFeature, ProcessInfo, ProcessList, ProcessListProps, ProductVariant, ProfileAvatar, ProfileAvatarProps, ProfileComparison, ProfileComparisonProps, ProfileSelector, ProfileSelectorProps, PromoBanner, PromoBannerProps, RailButton, RailButtonProps, RailCollapseToggle, RailCollapseToggleProps, RailExpandable, RailExpandableProps, RailExpandableSubItem, RailFlyout, RailFlyoutProps, RailHeader, RailHeaderProps, RailModeButton, RailModeButtonProps, RailSeparator, RailSeparatorProps, RailThemeToggle, RailTooltip, RailTooltipProps, ResourceMeter, ResourceMeterProps, ResourceSnapshot, ResourceSnapshotItem, ResourceSnapshotProps, SIDEBAR_MOBILE_WIDTH, SIDEBAR_PANEL_WIDTH, SIDEBAR_RAIL_LABELED_WIDTH, SIDEBAR_RAIL_WIDTH, SIDEBAR_TOTAL_WIDTH, SandboxCard, SandboxCardData, SandboxCardProps, SandboxStatus, SandboxTable, SandboxTableProps, Sidebar, SidebarContent, SidebarContentProps, SidebarLayout, SidebarLayoutFlyoutItem, SidebarLayoutNavItem, SidebarLayoutProps, SidebarPanel, SidebarPanelContent, SidebarPanelContentProps, SidebarPanelHeader, SidebarPanelHeaderProps, SidebarPanelProps, SidebarProps, SidebarProvider, SidebarProviderProps, SidebarRail, SidebarRailFooter, SidebarRailFooterProps, SidebarRailHeader, SidebarRailHeaderProps, SidebarRailNav, SidebarRailNavProps, SidebarRailProps, SidebarUser, SnapshotList, SnapshotListProps, SystemLogsViewer, SystemLogsViewerProps, TeamRole, ThemeMode, UsageSummary, UsageSummaryData, UsageSummaryProps, Variant, VariantList, VariantListProps, VariantOutcome, VariantStatus, canAdminSandbox, chatCapableHarnesses, dedupeModels, formatContext, formatPricing, modelDedupKey, parseInsufficientBalance, useSidebar } from './dashboard.js';
 export { B as BillingBalance, a as BillingDashboard, b as BillingDashboardProps, c as BillingSubscription, d as BillingUsage, P as PricingPage, e as PricingPageProps, f as PricingTier, T as TemplateCard, g as TemplateCardData, h as TemplateCardProps, U as UsageChart, i as UsageChartProps, j as UsageDataPoint, k as formatPrice } from './template-card-UhV3pmRC.js';
 export { E as ExposedPort, P as PortsList, a as PortsListProps } from './ports-list-DfG0VfPt.js';
 export { AuthHeader, AuthHeaderProps, GitHubLoginButton, GitHubLoginButtonProps, LoginLayout, LoginLayoutProps, SessionUser, UserMenu, UserMenuProps } from '@tangle-network/ui/auth';
@@ -24,6 +23,7 @@ export { AgentBranding, CustomToolRenderer, DisplayVariant, FinalTextPart, Group
 export { Session } from './types.js';
 export { TOOL_CATEGORY_ICONS, cn, copyText, formatBytes, formatDuration, formatUptime, getToolCategory, getToolDisplayMetadata, getToolErrorText, timeAgo, truncateText } from '@tangle-network/ui/utils';
 export { HarnessType, modelProvider, snapHarnessToModel } from '@tangle-network/agent-interface';
+export { M as ModelBrandIdentity, a as ModelBrandStack, b as ModelInfo, c as canonicalModelId, m as modelBrandFor } from './model-brand-CsFykzMA.js';
 import 'react/jsx-runtime';
 import 'react';
 import '@radix-ui/react-dropdown-menu';

package/dist/index.js

@@ -63,19 +63,6 @@ import {
   useTotalRunningSessions
 } from "./chunk-WID73FPH.js";
 import "./chunk-2BUPSB7O.js";
-import {
-  TOOL_CATEGORY_ICONS,
-  cn,
-  copyText,
-  formatBytes,
-  formatDuration,
-  formatUptime,
-  getToolCategory,
-  getToolDisplayMetadata,
-  getToolErrorText,
-  timeAgo,
-  truncateText
-} from "./chunk-TK46XFLM.js";
 import {
   AuthHeader,
   GitHubLoginButton,
@@ -98,11 +85,26 @@ import {
   ThinkingIndicator,
   UserMessage,
   createFetchTransport,
+  isAcceptedType,
   isModelCompatibleWithHarness,
   modelProvider,
   snapHarnessToModel,
-  snapModelToHarness
-} from "./chunk-UQXDIQWD.js";
+  snapModelToHarness,
+  validateComposerFiles
+} from "./chunk-YBFGWPUF.js";
+import {
+  TOOL_CATEGORY_ICONS,
+  cn,
+  copyText,
+  formatBytes,
+  formatDuration,
+  formatUptime,
+  getToolCategory,
+  getToolDisplayMetadata,
+  getToolErrorText,
+  timeAgo,
+  truncateText
+} from "./chunk-TK46XFLM.js";
 import {
   ExpandedToolDetail,
   InlineThinkingItem,
@@ -318,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
@@ -452,6 +458,7 @@ export {
   Markdown,
   MessageList,
   MetricAreaChart,
+  ModelBrandStack,
   ModelPicker,
   NetworkConfig,
   NewSandboxCard,
@@ -605,9 +612,11 @@ export {
   getToolErrorText,
   getTotalRunningSessionCount,
   hasBackgroundRunningSessions,
+  isAcceptedType,
   isModelCompatibleWithHarness,
   isStreamingAtom,
   messagesAtom,
+  modelBrandFor,
   modelDedupKey,
   modelProvider,
   parseInsufficientBalance,
@@ -660,5 +669,6 @@ export {
   useTheme,
   useToast,
   useToolCallStream,
-  useTotalRunningSessions
+  useTotalRunningSessions,
+  validateComposerFiles
 };