@tangle-network/sandbox-ui 0.15.3 → 0.16.0

package/dist/{chunk-EHMKLMMU.js → chunk-27X3DWMO.js}

@@ -4,7 +4,7 @@ import {
 
 // src/dashboard/model-picker.tsx
 import * as React from "react";
-import { ChevronDown, Search, Sparkles, Zap, Brain, Star, Loader2 } from "lucide-react";
+import { ChevronDown, Search, Sparkles, Loader2 } from "lucide-react";
 import * as Popover from "@radix-ui/react-dropdown-menu";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function canonicalModelId(model) {
@@ -31,45 +31,13 @@ function formatContext(ctx) {
   if (ctx >= 1e3) return `${Math.round(ctx / 1e3)}k ctx`;
   return `${ctx} ctx`;
 }
-var DEFAULT_PRESETS = [
-  {
-    id: "fast",
-    label: "Fast",
-    hint: "Cheapest, lowest latency",
-    icon: Zap,
-    match: (models) => {
-      const ids = models.map(canonicalModelId);
-      return ids.find((m) => /gpt-5\.\d+-mini$/.test(m)) ?? ids.find((m) => /gpt-5-mini$/.test(m)) ?? ids.find((m) => m.endsWith("/claude-haiku-4.5")) ?? ids.find((m) => /haiku/.test(m));
-    }
-  },
-  {
-    id: "balanced",
-    label: "Balanced",
-    hint: "Best value for most chat",
-    icon: Sparkles,
-    match: (models) => {
-      const ids = models.map(canonicalModelId);
-      return ids.find((m) => /^openai\/gpt-5\.\d+$/.test(m)) ?? ids.find((m) => /^openai\/gpt-5$/.test(m)) ?? ids.find((m) => m.endsWith("/claude-sonnet-4-6")) ?? ids.find((m) => /sonnet/.test(m));
-    }
-  },
-  {
-    id: "best",
-    label: "Best",
-    hint: "Hardest reasoning, highest quality",
-    icon: Brain,
-    match: (models) => {
-      const ids = models.map(canonicalModelId);
-      return ids.find((m) => /^openai\/gpt-5\.\d+-pro$/.test(m)) ?? ids.find((m) => /^openai\/o3$/.test(m)) ?? ids.find((m) => m.endsWith("/claude-opus-4-7")) ?? ids.find((m) => /opus/.test(m));
-    }
-  }
-];
 function ModelPicker({
   value,
   onChange,
   models,
   loading = false,
   recents,
-  presets = DEFAULT_PRESETS,
+  popular,
   excludeProviders,
   modalities,
   variant = "field",
@@ -115,6 +83,11 @@ function ModelPicker({
     const lookup = new Map(models.map((m) => [canonicalModelId(m), m]));
     return recents.map((id) => lookup.get(id)).filter((m) => Boolean(m)).slice(0, 4);
   }, [recents, models]);
+  const popularModels = React.useMemo(() => {
+    if (!popular?.length) return [];
+    const lookup = new Map(models.map((m) => [canonicalModelId(m), m]));
+    return popular.map((id) => lookup.get(id)).filter((m) => Boolean(m));
+  }, [popular, models]);
   const handleSelect = (id) => {
     onChange(id);
     setOpen(false);
@@ -201,34 +174,15 @@ function ModelPicker({
               loading && /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin text-muted-foreground" })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto", children: [
-              !query && presets.length > 0 && /* @__PURE__ */ jsx(Section, { label: "Presets", children: presets.map((preset) => {
-                const Icon = preset.icon ?? Star;
-                const matchedId = preset.match(models);
-                if (!matchedId) return null;
-                const matched = models.find((m) => canonicalModelId(m) === matchedId);
-                const isCurrent = matchedId === value;
-                return /* @__PURE__ */ jsxs(
-                  PickerItem,
-                  {
-                    onSelect: () => handleSelect(matchedId),
-                    active: isCurrent,
-                    children: [
-                      /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5 shrink-0 text-[var(--accent-text)]" }),
-                      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-                        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-                          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: preset.label }),
-                          /* @__PURE__ */ jsxs("span", { className: "text-[10px] text-muted-foreground truncate", children: [
-                            "\u2192 ",
-                            matched?.name ?? matchedId
-                          ] })
-                        ] }),
-                        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: preset.hint })
-                      ] })
-                    ]
-                  },
-                  preset.id
-                );
-              }) }),
+              !query && popularModels.length > 0 && /* @__PURE__ */ jsx(Section, { label: "Popular", children: popularModels.map((m) => /* @__PURE__ */ jsx(
+                ModelRow,
+                {
+                  model: m,
+                  active: canonicalModelId(m) === value,
+                  onSelect: handleSelect
+                },
+                `popular-${canonicalModelId(m)}`
+              )) }),
               !query && recentIds.length > 0 && /* @__PURE__ */ jsx(Section, { label: "Recent", children: recentIds.map((m) => /* @__PURE__ */ jsx(
                 ModelRow,
                 {
@@ -558,7 +512,7 @@ function BillingDashboard({
 }
 
 // src/dashboard/pricing-page.tsx
-import { Check, Zap as Zap2 } from "lucide-react";
+import { Check, Zap } from "lucide-react";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function formatPrice(cents) {
   if (!Number.isFinite(cents) || cents < 0) return "$0";
@@ -622,7 +576,7 @@ function PricingPage({
           ),
           children: [
             isRecommended && /* @__PURE__ */ jsx3("div", { className: "absolute -top-4 left-1/2 -translate-x-1/2", children: /* @__PURE__ */ jsxs3("span", { className: "inline-flex items-center gap-1.5 rounded-full bg-primary px-4 py-1.5 text-xs font-bold text-primary-foreground shadow-sm", children: [
-              /* @__PURE__ */ jsx3(Zap2, { className: "h-3 w-3" }),
+              /* @__PURE__ */ jsx3(Zap, { className: "h-3 w-3" }),
               "Most Popular"
             ] }) }),
             isCurrentTier && !isRecommended && /* @__PURE__ */ jsx3("div", { className: "absolute -top-4 left-1/2 -translate-x-1/2", children: /* @__PURE__ */ jsx3("span", { className: "inline-flex items-center rounded-full bg-muted border border-border px-4 py-1.5 text-xs font-bold text-foreground", children: "Current Plan" }) }),

package/dist/dashboard.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-export { B as BillingBalance, a as BillingDashboard, b as BillingDashboardProps, c as BillingSubscription, d as BillingUsage, M as ModelInfo, e as ModelPicker, f as ModelPickerProps, g as ModelPickerVariant, h as ModelPreset, P as PricingPage, i as PricingPageProps, j as PricingTier, T as TemplateCard, k as TemplateCardData, l as TemplateCardProps, U as UsageChart, m as UsageChartProps, n as UsageDataPoint, o as canonicalModelId, p as formatContext, q as formatPrice, r as formatPricing } from './template-card-DStb8boW.js';
+export { B as BillingBalance, a as BillingDashboard, b as BillingDashboardProps, c as BillingSubscription, d as BillingUsage, M as ModelInfo, e as ModelPicker, f as ModelPickerProps, g as ModelPickerVariant, P as PricingPage, h as PricingPageProps, i as PricingTier, T as TemplateCard, j as TemplateCardData, k as TemplateCardProps, U as UsageChart, l as UsageChartProps, m as UsageDataPoint, n as canonicalModelId, o as formatContext, p as formatPrice, q as formatPricing } from './template-card-Dufxl4hV.js';
 
 interface SidebarUser {
     email: string;

package/dist/dashboard.js

@@ -55,7 +55,7 @@ import {
   formatContext,
   formatPrice,
   formatPricing
-} from "./chunk-EHMKLMMU.js";
+} from "./chunk-27X3DWMO.js";
 import "./chunk-7ZA5SEK3.js";
 import "./chunk-EI44GEQ5.js";
 export {

package/dist/editor.js

@@ -1,7 +1,6 @@
+// src/editor/index.ts
 import {
   CollaboratorsList,
-  DocumentEditorPane,
-  EditorProvider,
   EditorToolbar,
   TiptapEditor,
   useAwareness,
@@ -9,9 +8,11 @@ import {
   useCollaborators,
   useDocumentChanges,
   useEditorConnection,
-  useEditorContext,
-  useYjsState
-} from "./chunk-YVXK4XRO.js";
+  useYjsState,
+  DocumentEditorPane,
+  EditorProvider,
+  useEditorContext
+} from "@tangle-network/ui/editor";
 export {
   CollaboratorsList,
   DocumentEditorPane,

package/dist/globals.css

@@ -1922,6 +1922,9 @@
   .underline {
     text-decoration-line: underline;
   }
+  .underline-offset-2 {
+    text-underline-offset: 2px;
+  }
   .opacity-0 {
     opacity: 0%;
   }
@@ -2397,6 +2400,11 @@
       border-color: transparent;
     }
   }
+  .focus\:underline {
+    &:focus {
+      text-decoration-line: underline;
+    }
+  }
   .focus\:ring-0 {
     &:focus {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);

package/dist/index.d.ts

@@ -4,12 +4,11 @@ export { CodeBlock as CodeBlockDisplay, Markdown, MarkdownProps } from '@tangle-
 export { AgentWorkbench, ApprovalConfidenceStat, ApprovalItem, ApprovalQueue, ApprovalQueueProps, AuditCheck, AuditResults, AuditResultsProps, BannerType, CalendarEvent, CalendarView, CalendarViewProps, ContextBadge, DirectoryPane, DirectoryPaneProps, FormAudit, RuntimePane, RuntimePaneProps, SandboxWorkbench, SandboxWorkbenchArtifact, SandboxWorkbenchCustomArtifact, SandboxWorkbenchFileArtifact, SandboxWorkbenchLayoutOptions, SandboxWorkbenchMarkdownArtifact, SandboxWorkbenchOpenUIArtifact, SandboxWorkbenchProps, SandboxWorkbenchSessionProps, SessionActivityMonitor, SessionActivityMonitorProps, SessionSidebar, SessionSidebarBadge, SessionSidebarFilter, SessionSidebarItem, SessionSidebarLink, SessionSidebarProps, StatusBanner, StatusBannerProps, StatusBar, StatusBarProps, TaskBoard, TaskBoardColumn, TaskBoardItem, TaskBoardProps, TerminalLine, TerminalPanel, TerminalProps, WorkspaceLayout, WorkspaceLayoutProps } from './workspace.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, ChatInput, ChatInputProps, ChatMessage, ChatMessageProps, MessageList, MessageListProps, MessageRole, PendingFile, ThinkingIndicator, ThinkingIndicatorProps, UserMessage, UserMessageProps } from '@tangle-network/ui/chat';
-export { Collaborator, CollaboratorsList, ConnectionState, DocumentEditorBackend, DocumentEditorMode, DocumentEditorPane, DocumentEditorPaneCollaborationConfig, DocumentEditorPaneProps, EditorContextValue, EditorProvider, EditorProviderProps, EditorTokenRefreshResult, EditorToolbar, EditorUser, TiptapEditor, TiptapEditorProps, useAwareness, useCollaboratorPresence, useCollaborators, useDocumentChanges, useEditorConnection, useEditorContext, useYjsState } from '@tangle-network/ui/editor';
 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 { Backend, BackendConfig, BackendConfigProps, BackendSelector, BackendSelectorProps, BackendStatusData, ClusterStatusBar, ClusterStatusBarProps, ClusterStatusItem, CreditBalance, CreditBalanceProps, DashboardLayout, DashboardLayoutProps, DashboardProfile, DashboardSnapshotInfo, DashboardUser, ExposedPort, GitCommitData, GitPanel, GitPanelProps, GitStatusData, HARNESS_OPTIONS, HarnessPicker, HarnessPickerProps, HarnessType, InfoPanel, InfoPanelProps, Invoice, InvoiceTable, InvoiceTableProps, McpServer, NavItem, NetworkConfig, NetworkConfigData, NetworkConfigProps, NewSandboxCard, NewSandboxCardProps, 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, SIDEBAR_MOBILE_WIDTH, SIDEBAR_PANEL_WIDTH, SIDEBAR_RAIL_WIDTH, SIDEBAR_TOTAL_WIDTH, SandboxCard, SandboxCardData, SandboxCardProps, SandboxStatus, SandboxTable, SandboxTableProps, Sidebar, SidebarContent, SidebarContentProps, 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, useSidebar } from './dashboard.js';
-export { B as BillingBalance, a as BillingDashboard, b as BillingDashboardProps, c as BillingSubscription, d as BillingUsage, M as ModelInfo, e as ModelPicker, f as ModelPickerProps, g as ModelPickerVariant, h as ModelPreset, P as PricingPage, i as PricingPageProps, j as PricingTier, T as TemplateCard, k as TemplateCardData, l as TemplateCardProps, U as UsageChart, m as UsageChartProps, n as UsageDataPoint, o as canonicalModelId, p as formatContext, q as formatPrice, r as formatPricing } from './template-card-DStb8boW.js';
+export { B as BillingBalance, a as BillingDashboard, b as BillingDashboardProps, c as BillingSubscription, d as BillingUsage, M as ModelInfo, e as ModelPicker, f as ModelPickerProps, g as ModelPickerVariant, P as PricingPage, h as PricingPageProps, i as PricingTier, T as TemplateCard, j as TemplateCardData, k as TemplateCardProps, U as UsageChart, l as UsageChartProps, m as UsageDataPoint, n as canonicalModelId, o as formatContext, p as formatPrice, q as formatPricing } from './template-card-Dufxl4hV.js';
 export { AuthHeader, AuthHeaderProps, GitHubLoginButton, GitHubLoginButtonProps, LoginLayout, LoginLayoutProps, SessionUser, UserMenu, UserMenuProps } from '@tangle-network/ui/auth';
 export { AgentStreamEvent, AppendUserMessageOptions, ApplySdkEventOptions, AuthUser, AutomationStreamEvent, BeginAssistantMessageOptions, BotStreamEvent, CompleteAssistantMessageOptions, RealtimeSessionOptions, RealtimeSessionRegistry, RealtimeSessionRegistryProps, RealtimeSessionState, RealtimeSessionTarget, SSEEvent, SdkSessionAttachment, SdkSessionEvent, SdkSessionSeed, TaskStreamEvent, TerminalStreamEvent, UseAuthOptions, UseAuthResult, UseRunGroupsOptions, UseSSEStreamOptions, UseSSEStreamResult, UseSdkSessionOptions, UseSdkSessionReturn, UseToolCallStreamReturn, createAuthFetcher, useApiKey, useAuth, useAutoScroll, useDropdownMenu, useLiveTime, useRealtimeSession, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useToolCallStream } from '@tangle-network/ui/hooks';
 export { SandboxMetrics, SidecarMetricsPayload, UsePtySessionOptions, UsePtySessionReturn, UseSandboxMetricsOptions, UseSandboxMetricsResult, useCreateSession, useDeleteSession, usePtySession, useRenameSession, useSandboxMetrics, useSessions } from './hooks.js';

package/dist/index.js

@@ -12,20 +12,6 @@ import {
   timeAgo,
   truncateText
 } from "./chunk-TK46XFLM.js";
-import {
-  CollaboratorsList,
-  DocumentEditorPane,
-  EditorProvider,
-  EditorToolbar,
-  TiptapEditor,
-  useAwareness,
-  useCollaboratorPresence,
-  useCollaborators,
-  useDocumentChanges,
-  useEditorConnection,
-  useEditorContext,
-  useYjsState
-} from "./chunk-YVXK4XRO.js";
 import {
   AuthHeader,
   GitHubLoginButton,
@@ -200,7 +186,7 @@ import {
   formatContext,
   formatPrice,
   formatPricing
-} from "./chunk-EHMKLMMU.js";
+} from "./chunk-27X3DWMO.js";
 import {
   Avatar,
   AvatarFallback,
@@ -335,7 +321,6 @@ export {
   ClusterStatusBar,
   CodeBlock,
   CodeBlock2 as CodeBlockDisplay,
-  CollaboratorsList,
   CommandPreview,
   CopyButton,
   CreditBalance,
@@ -352,7 +337,6 @@ export {
   DialogTrigger,
   DiffPreview,
   DirectoryPane,
-  DocumentEditorPane,
   DropZone,
   DropdownMenu,
   DropdownMenuCheckboxItem,
@@ -369,8 +353,6 @@ export {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
-  EditorProvider,
-  EditorToolbar,
   EmptyState,
   ExpandedToolDetail,
   FileArtifactPane,
@@ -481,7 +463,6 @@ export {
   Textarea,
   ThemeToggle,
   ThinkingIndicator,
-  TiptapEditor,
   ToastContainer,
   ToastProvider,
   UploadProgress,
@@ -547,15 +528,9 @@ export {
   useApiKey,
   useAuth,
   useAutoScroll,
-  useAwareness,
-  useCollaboratorPresence,
-  useCollaborators,
   useCreateSession,
   useDeleteSession,
-  useDocumentChanges,
   useDropdownMenu,
-  useEditorConnection,
-  useEditorContext,
   useHasBackgroundRunningSessions,
   useLiveTime,
   useNavbarSessions,
@@ -577,6 +552,5 @@ export {
   useTheme,
   useToast,
   useToolCallStream,
-  useTotalRunningSessions,
-  useYjsState
+  useTotalRunningSessions
 };

package/dist/openui.d.ts

@@ -1,8 +1,8 @@
 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/editor';
 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, n as UsageDataPoint, j as PricingTier, M as ModelInfo, k as TemplateCardData } from './template-card-DStb8boW.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-Dufxl4hV.js';
 import * as React from 'react';
 
 type ProductVariant$1 = "sandbox";
@@ -85,6 +85,28 @@ interface ProvisioningWizardProps {
      * 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;
     /** Real pricing rates from the API for accurate cost calculation */
     pricingRates?: PricingRates;
     /**
@@ -119,7 +141,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, pricingRates, planTiers, }: ProvisioningWizardProps): react_jsx_runtime.JSX.Element;
+declare function ProvisioningWizard({ environments: environmentsProp, onLoadEnvironments, onSubmit, onBack, className, variant, defaultEnvironment, defaultConfig, skipToReview, onLoadStartupScripts, resourceLimits, models, popular, defaultModel, onSetDefault, pricingRates, planTiers, }: ProvisioningWizardProps): react_jsx_runtime.JSX.Element;
 
 type ProductVariant = "sandbox";
 interface StandalonePricingPageProps {

package/dist/pages.js

@@ -6,7 +6,7 @@ import {
   TemplateCard,
   UsageChart,
   canonicalModelId
-} from "./chunk-EHMKLMMU.js";
+} from "./chunk-27X3DWMO.js";
 import {
   cn
 } from "./chunk-EI44GEQ5.js";
@@ -452,6 +452,9 @@ function ProvisioningWizard({
   onLoadStartupScripts,
   resourceLimits,
   models,
+  popular,
+  defaultModel,
+  onSetDefault,
   pricingRates,
   planTiers
 }) {
@@ -537,7 +540,9 @@ function ProvisioningWizard({
       (prev) => snapSliderValue(prev, STORAGE_MIN, storageMax, storageStep)
     );
   }, [cpuMax, ramMax, storageMax, cpuStep, ramStep, storageStep]);
-  const [modelTier, setModelTier] = React2.useState(dc?.modelTier ?? "");
+  const [modelTier, setModelTier] = React2.useState(
+    dc?.modelTier ?? defaultModel ?? ""
+  );
   const [systemPrompt, setSystemPrompt] = React2.useState(
     dc?.systemPrompt ?? ""
   );
@@ -545,9 +550,9 @@ function ProvisioningWizard({
     if (!models || models.length === 0) return;
     const ids = models.map(canonicalModelId);
     if (ids.includes(modelTier)) return;
-    const next = ids[0];
+    const next = (defaultModel && ids.includes(defaultModel) ? defaultModel : void 0) ?? popular?.find((p) => ids.includes(p)) ?? ids[0];
     if (next && next !== modelTier) setModelTier(next);
-  }, [models, modelTier]);
+  }, [models, modelTier, defaultModel, popular]);
   const [name, setName] = React2.useState(dc?.name ?? "");
   const [gitUrl, setGitUrl] = React2.useState(dc?.gitUrl ?? "");
   const [envVars, setEnvVars] = React2.useState(dc?.envVars ?? [{ key: "", value: "" }]);
@@ -951,8 +956,17 @@ function ProvisioningWizard({
                     models: models ?? [],
                     loading: !models,
                     disabled: !models || models.length === 0,
+                    popular,
                     triggerClassName: "rounded-xl h-12 px-4 font-bold"
                   }
+                ),
+                onSetDefault && /* @__PURE__ */ jsx2(
+                  SaveAsDefault,
+                  {
+                    modelTier,
+                    defaultModel: defaultModel ?? null,
+                    onSetDefault
+                  }
                 )
               ] }),
               /* @__PURE__ */ jsxs2("div", { children: [
@@ -1347,6 +1361,36 @@ function ProvisioningWizard({
     ] })
   ] });
 }
+function SaveAsDefault({
+  modelTier,
+  defaultModel,
+  onSetDefault
+}) {
+  const isCurrentDefault = Boolean(modelTier) && modelTier === defaultModel;
+  const disabled = !modelTier || isCurrentDefault;
+  return /* @__PURE__ */ jsxs2("div", { className: "mt-2 flex items-center gap-2 text-xs text-muted-foreground", children: [
+    /* @__PURE__ */ jsx2(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          if (!disabled) onSetDefault(modelTier);
+        },
+        disabled,
+        className: cn(
+          "underline-offset-2 transition-colors",
+          disabled ? "cursor-default opacity-60" : "hover:text-foreground hover:underline focus:outline-none focus:text-foreground focus:underline"
+        ),
+        children: isCurrentDefault ? "\u2713 Saved as default" : "Save as default"
+      }
+    ),
+    defaultModel && !isCurrentDefault && /* @__PURE__ */ jsxs2("span", { className: "truncate", children: [
+      "(current default: ",
+      /* @__PURE__ */ jsx2("span", { className: "font-mono", children: defaultModel }),
+      ")"
+    ] })
+  ] });
+}
 
 // src/pages/pricing-page.tsx
 import * as React3 from "react";

package/dist/styles.css

@@ -1922,6 +1922,9 @@
   .underline {
     text-decoration-line: underline;
   }
+  .underline-offset-2 {
+    text-underline-offset: 2px;
+  }
   .opacity-0 {
     opacity: 0%;
   }
@@ -2397,6 +2400,11 @@
       border-color: transparent;
     }
   }
+  .focus\:underline {
+    &:focus {
+      text-decoration-line: underline;
+    }
+  }
   .focus\:ring-0 {
     &:focus {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);

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

@@ -31,24 +31,6 @@ interface ModelInfo {
         output_modalities?: string[];
     };
 }
-/**
- * Curated preset bucket. Three are surfaced by default — they map to typical
- * cost/quality tradeoffs without forcing the consumer to pick a specific
- * model. `match` resolves the preset against the loaded model list.
- */
-interface ModelPreset {
-    id: "fast" | "balanced" | "best" | string;
-    label: string;
-    hint: string;
-    icon?: React.ComponentType<{
-        className?: string;
-    }>;
-    /**
-     * Pick the canonical model id for this preset given the loaded list.
-     * Should return undefined if no acceptable model is loaded yet.
-     */
-    match: (models: ModelInfo[]) => string | undefined;
-}
 type ModelPickerVariant = "field" | "pill";
 interface ModelPickerProps {
     /** Canonical model id (provider-prefixed, e.g. "openai/gpt-5.4"). */
@@ -61,10 +43,12 @@ interface ModelPickerProps {
     /** Recently-used canonical ids to surface at the top. */
     recents?: ReadonlyArray<string>;
     /**
-     * Curated presets shown above the full list. Defaults to Fast/Balanced/Best
-     * resolved against common gpt-5/Claude families.
+     * 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.
      */
-    presets?: ReadonlyArray<ModelPreset>;
+    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. */
@@ -94,7 +78,7 @@ declare function canonicalModelId(model: ModelInfo): string;
 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, presets, excludeProviders, modalities, variant, label, placeholder, className, triggerClassName, disabled, }: ModelPickerProps): react_jsx_runtime.JSX.Element;
+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;
@@ -180,4 +164,4 @@ interface TemplateCardProps {
 }
 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 ModelPreset as h, type PricingPageProps as i, type PricingTier as j, type TemplateCardData as k, type TemplateCardProps as l, type UsageChartProps as m, type UsageDataPoint as n, canonicalModelId as o, formatContext as p, formatPrice as q, formatPricing as r };
+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 };

package/package.json

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

package/dist/chunk-YVXK4XRO.js

@@ -1,30 +0,0 @@
-// src/editor/index.ts
-import {
-  CollaboratorsList,
-  EditorToolbar,
-  TiptapEditor,
-  useAwareness,
-  useCollaboratorPresence,
-  useCollaborators,
-  useDocumentChanges,
-  useEditorConnection,
-  useYjsState,
-  DocumentEditorPane,
-  EditorProvider,
-  useEditorContext
-} from "@tangle-network/ui/editor";
-
-export {
-  CollaboratorsList,
-  EditorToolbar,
-  TiptapEditor,
-  useAwareness,
-  useCollaboratorPresence,
-  useCollaborators,
-  useDocumentChanges,
-  useEditorConnection,
-  useYjsState,
-  DocumentEditorPane,
-  EditorProvider,
-  useEditorContext
-};