@tangle-network/sandbox-ui 0.25.0 → 0.27.0

package/dist/dashboard.d.ts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { e as HarnessType } from './harness-picker-ppDe7ap-.js';
-export { B as Backend, a as BackendSelector, b as BackendSelectorProps, H as HARNESS_OPTIONS, c as HarnessPicker, d as HarnessPickerProps } from './harness-picker-ppDe7ap-.js';
-export { M as ModelInfo, a as ModelPicker, b as ModelPickerProps, c as ModelPickerVariant, d as canonicalModelId, f as formatContext, e as formatPricing } from './model-picker-DUfMTQo5.js';
+import { e as HarnessType } from './harness-picker-lyeEncN4.js';
+export { B as Backend, a as BackendSelector, b as BackendSelectorProps, H as HARNESS_OPTIONS, c as HarnessPicker, d as HarnessPickerProps, f as chatCapableHarnesses } from './harness-picker-lyeEncN4.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-Cmisf9Y8.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';
 
 interface SidebarUser {

package/dist/dashboard.js

@@ -62,14 +62,18 @@ import {
   HARNESS_BRAND,
   HARNESS_OPTIONS,
   HarnessLogo,
-  HarnessPicker
-} from "./chunk-HXIYUQN2.js";
+  HarnessPicker,
+  chatCapableHarnesses
+} from "./chunk-ELGN7DPS.js";
 import {
+  DEFAULT_FEATURED_MODEL_IDS,
   ModelPicker,
   canonicalModelId,
+  dedupeModels,
   formatContext,
-  formatPricing
-} from "./chunk-JDMX4HHN.js";
+  formatPricing,
+  modelDedupKey
+} from "./chunk-6NQBODYV.js";
 import "./chunk-EI44GEQ5.js";
 export {
   ActivityFeed,
@@ -78,6 +82,7 @@ export {
   BillingDashboard,
   ClusterStatusBar,
   CreditBalance,
+  DEFAULT_FEATURED_MODEL_IDS,
   DashboardLayout,
   GitPanel,
   HARNESS_BRAND,
@@ -130,9 +135,12 @@ export {
   VariantList,
   canAdminSandbox,
   canonicalModelId,
+  chatCapableHarnesses,
+  dedupeModels,
   formatContext,
   formatPrice,
   formatPricing,
+  modelDedupKey,
   parseInsufficientBalance,
   useSidebar
 };

package/dist/globals.css

@@ -30,7 +30,6 @@
     --color-violet-300: oklch(81.1% 0.111 293.571);
     --color-violet-400: oklch(70.2% 0.183 293.541);
     --color-violet-500: oklch(60.6% 0.25 292.717);
-    --color-gray-900: oklch(21% 0.034 264.665);
     --color-zinc-400: oklch(70.5% 0.015 286.067);
     --color-neutral-400: oklch(70.8% 0 0);
     --color-neutral-500: oklch(55.6% 0 0);
@@ -326,6 +325,9 @@
   .top-1 {
     top: calc(var(--spacing) * 1);
   }
+  .top-1\.5 {
+    top: calc(var(--spacing) * 1.5);
+  }
   .top-1\/2 {
     top: calc(1 / 2 * 100%);
   }
@@ -356,6 +358,9 @@
   .right-1 {
     right: calc(var(--spacing) * 1);
   }
+  .right-1\.5 {
+    right: calc(var(--spacing) * 1.5);
+  }
   .right-2 {
     right: calc(var(--spacing) * 2);
   }
@@ -617,10 +622,6 @@
   .aspect-square {
     aspect-ratio: 1 / 1;
   }
-  .size-6 {
-    width: calc(var(--spacing) * 6);
-    height: calc(var(--spacing) * 6);
-  }
   .h-1 {
     height: calc(var(--spacing) * 1);
   }
@@ -1361,13 +1362,6 @@
   .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;
@@ -2022,9 +2016,6 @@
       background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
     }
   }
-  .bg-gray-900 {
-    background-color: var(--color-gray-900);
-  }
   .bg-green-400 {
     background-color: var(--color-green-400);
   }
@@ -2862,10 +2853,6 @@
     --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\,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);
@@ -3408,6 +3395,14 @@
       }
     }
   }
+  .hover\:shadow-sm {
+    &:hover {
+      @media (hover: hover) {
+        --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);
+      }
+    }
+  }
   .hover\:brightness-110 {
     &:hover {
       @media (hover: hover) {
@@ -3428,11 +3423,6 @@
       border-color: var(--border-accent-hover);
     }
   }
-  .focus\:border-transparent {
-    &:focus {
-      border-color: transparent;
-    }
-  }
   .focus\:text-\[var\(--surface-danger-text\)\] {
     &:focus {
       color: var(--surface-danger-text);
@@ -3714,6 +3704,11 @@
       flex-wrap: nowrap;
     }
   }
+  .sm\:items-center {
+    @media (width >= 40rem) {
+      align-items: center;
+    }
+  }
   .sm\:justify-between {
     @media (width >= 40rem) {
       justify-content: space-between;
@@ -3800,6 +3795,11 @@
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
+  .md\:grid-cols-5 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(5, minmax(0, 1fr));
+    }
+  }
   .md\:flex-row {
     @media (width >= 48rem) {
       flex-direction: row;
@@ -3850,6 +3850,11 @@
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
+  .lg\:grid-cols-6 {
+    @media (width >= 64rem) {
+      grid-template-columns: repeat(6, minmax(0, 1fr));
+    }
+  }
   .lg\:grid-cols-\[minmax\(0\,1\.35fr\)_minmax\(20rem\,0\.9fr\)\] {
     @media (width >= 64rem) {
       grid-template-columns: minmax(0,1.35fr) minmax(20rem,0.9fr);

package/dist/{harness-picker-ppDe7ap-.d.ts → harness-picker-lyeEncN4.d.ts}

@@ -28,12 +28,21 @@ declare function BackendSelector({ backends, selected, onChange, label, placehol
 type HarnessType = "opencode" | "claude-code" | "codex" | "amp" | "factory-droids" | "cli-base" | "kimi-code" | "openclaw" | "nanoclaw" | "hermes";
 interface HarnessOption extends Backend {
     type: HarnessType;
+    /**
+     * Whether this harness can drive an interactive chat session. `false` for
+     * shell-only backends (`cli-base`) that have no conversational agent — the
+     * chat composer filters these out (see {@link chatCapableHarnesses}) while
+     * scheduled/non-chat surfaces keep them.
+     */
+    chatCapable: boolean;
 }
 /**
  * Default option list with human-readable copy. Order is curated so the
  * recommended choice (`opencode`) appears first; `cli-base` (no agent) last.
  */
 declare const HARNESS_OPTIONS: readonly HarnessOption[];
+/** Harness types that can drive an interactive chat session. */
+declare const chatCapableHarnesses: ReadonlyArray<HarnessType>;
 interface HarnessPickerProps extends Omit<BackendSelectorProps, "backends" | "selected" | "onChange"> {
     value: HarnessType;
     onChange: (next: HarnessType) => void;
@@ -51,4 +60,4 @@ interface HarnessPickerProps extends Omit<BackendSelectorProps, "backends" | "se
  */
 declare function HarnessPicker({ value, onChange, available, optionsOverride, label, ...rest }: HarnessPickerProps): react_jsx_runtime.JSX.Element;
 
-export { type Backend as B, HARNESS_OPTIONS as H, BackendSelector as a, type BackendSelectorProps as b, HarnessPicker as c, type HarnessPickerProps as d, type HarnessType as e };
+export { type Backend as B, HARNESS_OPTIONS as H, BackendSelector as a, type BackendSelectorProps as b, HarnessPicker as c, type HarnessPickerProps as d, type HarnessType as e, chatCapableHarnesses as f };

package/dist/index.d.ts

@@ -9,8 +9,8 @@ export { ExpandedToolDetail, ExpandedToolDetailProps, InlineThinkingItem, Inline
 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, BackendConfig, BackendConfigProps, BackendStatusData, ClusterStatusBar, ClusterStatusBarProps, ClusterStatusItem, CreditBalance, CreditBalanceProps, DashboardLayout, DashboardLayoutProps, DashboardProfile, DashboardSnapshotInfo, DashboardUser, ExposedPort, GitCommitData, GitPanel, GitPanelProps, GitStatusData, HARNESS_BRAND, HarnessBrand, HarnessLogo, HarnessLogoProps, 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, PortsList, PortsListProps, ProcessInfo, ProcessList, ProcessListProps, ProductVariant, ProfileAvatar, ProfileAvatarProps, ProfileComparison, ProfileComparisonProps, ProfileSelector, ProfileSelectorProps, PromoBanner, PromoBannerProps, RailButton, RailButtonProps, RailModeButton, RailModeButtonProps, RailSeparator, RailSeparatorProps, ResourceMeter, ResourceMeterProps, ResourceSnapshot, ResourceSnapshotItem, ResourceSnapshotProps, SIDEBAR_MOBILE_WIDTH, SIDEBAR_PANEL_WIDTH, SIDEBAR_RAIL_WIDTH, SIDEBAR_TOTAL_WIDTH, SandboxCard, SandboxCardData, SandboxCardProps, SandboxStatus, SandboxTable, SandboxTableProps, Sidebar, SidebarContent, SidebarContentProps, SidebarLayout, 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, UsageSummary, UsageSummaryData, UsageSummaryProps, Variant, VariantList, VariantListProps, VariantOutcome, VariantStatus, canAdminSandbox, parseInsufficientBalance, useSidebar } from './dashboard.js';
-export { B as Backend, a as BackendSelector, b as BackendSelectorProps, H as HARNESS_OPTIONS, c as HarnessPicker, d as HarnessPickerProps, e as HarnessType } from './harness-picker-ppDe7ap-.js';
-export { M as ModelInfo, a as ModelPicker, b as ModelPickerProps, c as ModelPickerVariant, d as canonicalModelId, f as formatContext, e as formatPricing } from './model-picker-DUfMTQo5.js';
+export { B as Backend, a as BackendSelector, b as BackendSelectorProps, H as HARNESS_OPTIONS, c as HarnessPicker, d as HarnessPickerProps, e as HarnessType, f as chatCapableHarnesses } from './harness-picker-lyeEncN4.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-Cmisf9Y8.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 { AuthHeader, AuthHeaderProps, GitHubLoginButton, GitHubLoginButtonProps, LoginLayout, LoginLayoutProps, SessionUser, UserMenu, UserMenuProps } from '@tangle-network/ui/auth';
 export { TangleLoginButton, TangleLoginButtonProps } from './auth.js';

package/dist/index.js

@@ -104,7 +104,7 @@ import {
   modelProvider,
   snapHarnessToModel,
   snapModelToHarness
-} from "./chunk-KANKBACI.js";
+} from "./chunk-BJFWPP5T.js";
 import {
   ExpandedToolDetail,
   InlineThinkingItem,
@@ -128,7 +128,7 @@ import {
   TaskBoard,
   TerminalPanel,
   WorkspaceLayout
-} from "./chunk-BP6ZTBI6.js";
+} from "./chunk-I3IVCGND.js";
 import {
   OpenUIArtifactRenderer
 } from "./chunk-AZ3AWMTM.js";
@@ -290,14 +290,18 @@ import {
   HARNESS_BRAND,
   HARNESS_OPTIONS,
   HarnessLogo,
-  HarnessPicker
-} from "./chunk-HXIYUQN2.js";
+  HarnessPicker,
+  chatCapableHarnesses
+} from "./chunk-ELGN7DPS.js";
 import {
+  DEFAULT_FEATURED_MODEL_IDS,
   ModelPicker,
   canonicalModelId,
+  dedupeModels,
   formatContext,
-  formatPricing
-} from "./chunk-JDMX4HHN.js";
+  formatPricing,
+  modelDedupKey
+} from "./chunk-6NQBODYV.js";
 import "./chunk-EI44GEQ5.js";
 
 // src/index.ts
@@ -351,6 +355,7 @@ export {
   CommandPreview,
   CopyButton,
   CreditBalance,
+  DEFAULT_FEATURED_MODEL_IDS,
   DEFAULT_REASONING_LEVEL_OPTIONS,
   DashboardLayout,
   Dialog,
@@ -520,12 +525,14 @@ export {
   buttonVariants,
   canAdminSandbox,
   canonicalModelId,
+  chatCapableHarnesses,
   clearChat,
   cn,
   connectSession,
   copyText,
   createAuthFetcher,
   createFetchTransport,
+  dedupeModels,
   disconnectSession,
   filterFileTree,
   formatBytes,
@@ -548,6 +555,7 @@ export {
   isModelCompatibleWithHarness,
   isStreamingAtom,
   messagesAtom,
+  modelDedupKey,
   modelProvider,
   parseInsufficientBalance,
   partMapAtom,

package/dist/integrations.d.ts

@@ -41,6 +41,7 @@ interface IntegrationHealth {
     message?: string;
 }
 
+type IntegrationSort = "featured" | "alpha";
 interface IntegrationsPanelProps {
     catalog: IntegrationProvider[];
     connections: IntegrationConnection[];
@@ -48,20 +49,31 @@ interface IntegrationsPanelProps {
     isLoading?: boolean;
     error?: Error | null;
     /**
-     * Invoked when the user clicks "Connect" on a catalog tile. The
-     * consumer should call its data hook's `connect(...)` action.
+     * Invoked when the user clicks an unconnected provider tile. The consumer
+     * should call its data hook's `connect(...)` action.
      */
     onConnect: (input: {
         providerId: string;
         connectorId: string;
     }) => void | Promise<void>;
-    /** Invoked when the user clicks "Disconnect" on a live connection. */
+    /**
+     * Invoked when the user manages (disconnects) a live connection via the
+     * hover-revealed affordance on a connected tile.
+     */
     onDisconnect: (connectionId: string) => void | Promise<void>;
     /** Empty-state message when the catalog hasn't loaded any providers. */
     emptyCatalogLabel?: string;
+    /**
+     * Provider ids surfaced first (in this order) before the rest are sorted
+     * alphabetically. Matching is normalized (case / separators ignored).
+     * Defaults to a curated list of common GTM/work providers.
+     */
+    featuredIds?: string[];
+    /** Initial sort mode. Defaults to "featured". */
+    defaultSort?: IntegrationSort;
     className?: string;
 }
-declare function IntegrationsPanel({ catalog, connections, healthByConnectionId, isLoading, error, onConnect, onDisconnect, emptyCatalogLabel, className, }: IntegrationsPanelProps): react_jsx_runtime.JSX.Element;
+declare function IntegrationsPanel({ catalog, connections, healthByConnectionId, isLoading, error, onConnect, onDisconnect, emptyCatalogLabel, featuredIds, defaultSort, className, }: IntegrationsPanelProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Endpoint contract expected on the consumer app's server (which
@@ -111,4 +123,4 @@ interface ConnectInput {
 }
 declare function useIntegrations({ apiBaseUrl, fetchImpl, autoLoad, }: UseIntegrationsOptions): UseIntegrationsResult;
 
-export { type ConnectInput, type IntegrationConnection, type IntegrationConnector, type IntegrationHealth, type IntegrationProvider, IntegrationsPanel, type IntegrationsPanelProps, type UseIntegrationsOptions, type UseIntegrationsResult, useIntegrations };
+export { type ConnectInput, type IntegrationConnection, type IntegrationConnector, type IntegrationHealth, type IntegrationProvider, type IntegrationSort, IntegrationsPanel, type IntegrationsPanelProps, type UseIntegrationsOptions, type UseIntegrationsResult, useIntegrations };