@tangle-network/sandbox-ui 0.20.3 → 0.21.1

package/dist/index.js

@@ -78,27 +78,33 @@ import {
   useSdkSession,
   useSessions,
   useToolCallStream
-} from "./chunk-76IQLPW2.js";
+} from "./chunk-SOKKTB7W.js";
 import {
   usePtySession
 } from "./chunk-AG7QDC2Q.js";
 import {
   useSessionStream,
   useSidecarAuth
-} from "./chunk-CMY7W45U.js";
+} from "./chunk-MEDE37J5.js";
 import {
+  AgentSessionControls,
   AgentTimeline,
   ArtifactAgentDock,
   ChatContainer,
   ChatInput,
   ChatMessage,
   DEFAULT_REASONING_LEVEL_OPTIONS,
+  HARNESS_MODEL_POLICIES,
   MessageList,
   ReasoningLevelPicker,
   ThinkingIndicator,
   UserMessage,
-  createFetchTransport
-} from "./chunk-MQ52AYJX.js";
+  createFetchTransport,
+  isModelCompatibleWithHarness,
+  modelProvider,
+  snapHarnessToModel,
+  snapModelToHarness
+} from "./chunk-TAAYDQGM.js";
 import {
   ExpandedToolDetail,
   InlineThinkingItem,
@@ -122,7 +128,7 @@ import {
   TaskBoard,
   TerminalPanel,
   WorkspaceLayout
-} from "./chunk-CP2L6B53.js";
+} from "./chunk-R6NONXFC.js";
 import {
   OpenUIArtifactRenderer
 } from "./chunk-AZ3AWMTM.js";
@@ -136,15 +142,13 @@ import {
 } from "./chunk-3J6FG3FJ.js";
 import {
   BackendConfig,
-  BackendSelector,
   ClusterStatusBar,
   CreditBalance,
   DashboardLayout,
   GitPanel,
-  HARNESS_OPTIONS,
-  HarnessPicker,
   INSUFFICIENT_BALANCE_CODE,
   InvoiceTable,
+  MetricAreaChart,
   NetworkConfig,
   NewSandboxCard,
   OutOfCreditsModal,
@@ -182,19 +186,15 @@ import {
   canAdminSandbox,
   parseInsufficientBalance,
   useSidebar
-} from "./chunk-R6QNJQRH.js";
+} from "./chunk-LA5GHELP.js";
 import {
   BillingDashboard,
   InfoPanel,
-  ModelPicker,
   PricingPage,
   TemplateCard,
   UsageChart,
-  canonicalModelId,
-  formatContext,
-  formatPrice,
-  formatPricing
-} from "./chunk-QNVVKMEW.js";
+  formatPrice
+} from "./chunk-DNZ4DTNA.js";
 import {
   Avatar,
   AvatarFallback,
@@ -282,6 +282,17 @@ import {
   useTheme,
   useToast
 } from "./chunk-7ZA5SEK3.js";
+import {
+  BackendSelector,
+  HARNESS_OPTIONS,
+  HarnessPicker
+} from "./chunk-ESRYVGHF.js";
+import {
+  ModelPicker,
+  canonicalModelId,
+  formatContext,
+  formatPricing
+} from "./chunk-4KAPMTPU.js";
 import "./chunk-EI44GEQ5.js";
 
 // src/index.ts
@@ -302,6 +313,7 @@ import {
 } from "@tangle-network/ui/tool-previews";
 import { Markdown } from "@tangle-network/ui/markdown";
 export {
+  AgentSessionControls,
   AgentTimeline,
   AgentWorkbench,
   ApprovalQueue,
@@ -373,6 +385,7 @@ export {
   GitPanel,
   GlobResultsPreview,
   GrepResultsPreview,
+  HARNESS_MODEL_POLICIES,
   HARNESS_OPTIONS,
   HarnessPicker,
   INSUFFICIENT_BALANCE_CODE,
@@ -388,6 +401,7 @@ export {
   Logo,
   Markdown,
   MessageList,
+  MetricAreaChart,
   ModelPicker,
   NetworkConfig,
   NewSandboxCard,
@@ -521,8 +535,10 @@ export {
   getToolErrorText,
   getTotalRunningSessionCount,
   hasBackgroundRunningSessions,
+  isModelCompatibleWithHarness,
   isStreamingAtom,
   messagesAtom,
+  modelProvider,
   parseInsufficientBalance,
   partMapAtom,
   registerActiveSession,
@@ -533,6 +549,8 @@ export {
   setActiveSessionError,
   setActiveSessionRunning,
   setForegroundActiveSession,
+  snapHarnessToModel,
+  snapModelToHarness,
   timeAgo,
   truncateText,
   unregisterActiveSession,

package/dist/{template-card-gf-InrfN.d.ts → model-picker-DUfMTQo5.d.ts}

@@ -1,5 +1,4 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
 
 /**
  * Wire-format model entry as returned by `/v1/models` on the Tangle Router
@@ -92,88 +91,4 @@ declare function formatPricing(pricing: ModelInfo["pricing"]): string | null;
 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, }: ModelPickerProps): react_jsx_runtime.JSX.Element;
 
-interface BillingSubscription {
-    status: string;
-    tierName: string;
-    renewsAt: string;
-}
-interface BillingBalance {
-    available: number;
-    used: number;
-}
-interface BillingUsage {
-    period: string;
-    total: number;
-    byModel: Record<string, number>;
-}
-interface BillingDashboardProps {
-    subscription: BillingSubscription | null;
-    balance: BillingBalance;
-    usage: BillingUsage;
-    onManageSubscription: () => void;
-    onAddCredits: () => void;
-    variant?: "sandbox";
-    className?: string;
-    cardClassName?: string;
-}
-declare function BillingDashboard({ subscription, balance, usage, onManageSubscription, onAddCredits, variant, className, cardClassName, }: BillingDashboardProps): react_jsx_runtime.JSX.Element;
-
-interface PricingTier {
-    id: string;
-    name: string;
-    description: string;
-    monthlyPriceCents: number;
-    yearlyPriceCents?: number;
-    features: string[];
-    recommended?: boolean;
-    creditsPerMonth?: number;
-    monthlyPriceId?: string;
-    yearlyPriceId?: string;
-}
-interface PricingPageProps {
-    tiers: PricingTier[];
-    currentTierId?: string;
-    billingPeriod: "monthly" | "yearly";
-    onBillingPeriodChange: (period: "monthly" | "yearly") => void;
-    onSelectTier: (tierId: string) => void;
-    variant?: "sandbox";
-    loading?: boolean;
-    className?: string;
-    cardClassName?: string;
-}
-/**
- * Formats an integer cent amount as a human-readable USD price.
- * Whole-dollar amounts omit decimals ($10), fractional amounts show two ($10.99).
- * Returns "$0" for non-finite or negative inputs.
- * @param cents - Amount in whole US cents (e.g. 1099 for $10.99).
- */
-declare function formatPrice(cents: number): string;
-declare function PricingPage({ tiers, currentTierId, billingPeriod, onBillingPeriodChange, onSelectTier, loading, className, }: PricingPageProps): react_jsx_runtime.JSX.Element;
-
-interface UsageDataPoint {
-    date: string;
-    value: number;
-}
-interface UsageChartProps {
-    data: UsageDataPoint[];
-    title: string;
-    unit: string;
-    className?: string;
-}
-declare function UsageChart({ data, title, unit, className }: UsageChartProps): react_jsx_runtime.JSX.Element;
-
-interface TemplateCardData {
-    id: string;
-    name: string;
-    description: string;
-    icon?: React.ReactNode;
-    tags?: string[];
-}
-interface TemplateCardProps {
-    template: TemplateCardData;
-    onUseTemplate: (templateId: string) => void;
-    className?: string;
-}
-declare function TemplateCard({ template, onUseTemplate, className }: TemplateCardProps): react_jsx_runtime.JSX.Element;
-
-export { type BillingBalance as B, type ModelInfo as M, PricingPage as P, TemplateCard as T, UsageChart as U, BillingDashboard as a, type BillingDashboardProps as b, type BillingSubscription as c, type BillingUsage as d, ModelPicker as e, type ModelPickerProps as f, type ModelPickerVariant as g, type PricingPageProps as h, type PricingTier as i, type TemplateCardData as j, type TemplateCardProps as k, type UsageChartProps as l, type UsageDataPoint as m, canonicalModelId as n, formatContext as o, formatPrice as p, formatPricing as q };
+export { type ModelInfo as M, ModelPicker as a, type ModelPickerProps as b, type ModelPickerVariant as c, canonicalModelId as d, formatPricing as e, formatContext as f };

package/dist/pages.d.ts

@@ -1,6 +1,7 @@
 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-gf-InrfN.js';
+import { c as BillingSubscription, B as BillingBalance, d as BillingUsage, j as UsageDataPoint, f as PricingTier, g as TemplateCardData } from './template-card-UhV3pmRC.js';
 import * as React from 'react';
+export { M as ModelInfo } from './model-picker-DUfMTQo5.js';
 
 type ProductVariant$1 = "sandbox";
 interface BillingPageData {
@@ -89,37 +90,6 @@ interface ProvisioningWizardProps {
     onLoadStartupScripts?: () => Promise<StartupScriptEntry[]>;
     /** Plan-based resource limits — caps the slider maximums */
     resourceLimits?: ResourceLimits;
-    /**
-     * Models to surface in step 3, typically the wire-format payload from
-     * Tangle Router's `/v1/models`. The wizard stores the canonical id
-     * (`<provider>/<model>`) on `ProvisioningConfig.modelTier`, which is
-     * the same shape the API expects for `backend.model.model`. While the
-     * list is empty (e.g. router fetch in flight) the picker renders a
-     * disabled trigger with "no models available" copy.
-     */
-    models?: ModelInfo[];
-    /**
-     * Canonical model ids to surface in the picker's "Popular" section.
-     * Forwarded straight to ModelPicker. Use this to surface a curated set
-     * of common models (e.g. one per provider/tier) without imposing a
-     * Fast/Balanced/Best taxonomy.
-     */
-    popular?: ReadonlyArray<string>;
-    /**
-     * The user's saved preferred model id (canonical, e.g.
-     * "openai/gpt-5.4"). Used as the initial `modelTier` when
-     * `defaultConfig.modelTier` isn't set, and as the next-best fallback
-     * when the current selection drops out of the loaded model list.
-     * Persistence is the caller's responsibility.
-     */
-    defaultModel?: string | null;
-    /**
-     * Persist the current `modelTier` as the user's default. When provided,
-     * the wizard renders a "Save as default" affordance under the model
-     * picker. The wizard does not store anything itself — the caller owns
-     * persistence (e.g. localStorage, account settings API).
-     */
-    onSetDefault?: (modelId: string) => void;
     sshAccess?: SshAccessConfig;
     /** Real pricing rates from the API for accurate cost calculation */
     pricingRates?: PricingRates;
@@ -142,8 +112,6 @@ interface ProvisioningConfig {
     cpuCores: number;
     ramGB: number;
     storageGB: number;
-    modelTier: string;
-    systemPrompt: string;
     name: string;
     gitUrl: string;
     envVars: {
@@ -155,7 +123,7 @@ interface ProvisioningConfig {
     startupScriptIds?: string[];
 }
 declare function resolveEnvironment(env: EnvironmentEntry): EnvironmentOption;
-declare function ProvisioningWizard({ environments: environmentsProp, onLoadEnvironments, onSubmit, onBack, className, variant, defaultEnvironment, defaultConfig, skipToReview, onLoadStartupScripts, resourceLimits, models, popular, defaultModel, onSetDefault, sshAccess, pricingRates, planTiers, }: ProvisioningWizardProps): react_jsx_runtime.JSX.Element;
+declare function ProvisioningWizard({ environments: environmentsProp, onLoadEnvironments, onSubmit, onBack, className, variant, defaultEnvironment, defaultConfig, skipToReview, onLoadStartupScripts, resourceLimits, sshAccess, pricingRates, planTiers, }: ProvisioningWizardProps): react_jsx_runtime.JSX.Element;
 
 type ProductVariant = "sandbox";
 interface StandalonePricingPageProps {
@@ -318,7 +286,7 @@ interface StartupScriptsPageProps {
 declare function StartupScriptsPage({ apiClient, className }: StartupScriptsPageProps): react_jsx_runtime.JSX.Element;
 
 type TemplateCategory = "blockchain" | "ai-ml" | "frontend" | "infrastructure" | "general";
-type TemplatePreset = Omit<ProvisioningConfig, "name" | "gitUrl" | "envVars" | "driver" | "startupScriptIds" | "modelTier">;
+type TemplatePreset = Omit<ProvisioningConfig, "name" | "gitUrl" | "envVars" | "driver" | "startupScriptIds">;
 declare function getPresetForTemplate(id: string): TemplatePreset;
 
-export { BillingPage, type BillingPageData, type BillingPageProps, type EnvironmentEntry, type EnvironmentOption, ModelInfo, type PlanTierInfo, type PricingRates, PricingTier, type ProductVariant$1 as ProductVariant, type Profile, type ProfileFormData, type ProfileMetrics, ProfilesPage, type ProfilesPageProps, type ProvisioningConfig, ProvisioningWizard, type ProvisioningWizardProps, type ResourceLimits, type ScriptType, type Secret, type SecretsApiClient, SecretsPage, type SecretsPageProps, type SshAccessConfig, type SshKeyOption, StandalonePricingPage, type StandalonePricingPageProps, type StartupScript, type StartupScriptEntry, type StartupScriptFormData, type StartupScriptsApiClient, StartupScriptsPage, type StartupScriptsPageProps, type TemplateCategory, type TemplatePreset, TemplatesPage, type TemplatesPageProps, getPresetForTemplate, resolveEnvironment };
+export { BillingPage, type BillingPageData, type BillingPageProps, type EnvironmentEntry, type EnvironmentOption, type PlanTierInfo, type PricingRates, PricingTier, type ProductVariant$1 as ProductVariant, type Profile, type ProfileFormData, type ProfileMetrics, ProfilesPage, type ProfilesPageProps, type ProvisioningConfig, ProvisioningWizard, type ProvisioningWizardProps, type ResourceLimits, type ScriptType, type Secret, type SecretsApiClient, SecretsPage, type SecretsPageProps, type SshAccessConfig, type SshKeyOption, StandalonePricingPage, type StandalonePricingPageProps, type StartupScript, type StartupScriptEntry, type StartupScriptFormData, type StartupScriptsApiClient, StartupScriptsPage, type StartupScriptsPageProps, type TemplateCategory, type TemplatePreset, TemplatesPage, type TemplatesPageProps, getPresetForTemplate, resolveEnvironment };