@tangle-network/sandbox-ui 0.23.1 → 0.23.3

package/dist/dashboard.d.ts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-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-C1W3rTeb.js';
+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';
 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';
 
@@ -434,6 +435,34 @@ interface PlanCardsProps {
 }
 declare function PlanCards({ plans, className }: PlanCardsProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * Per-harness brand glyph. `logoUrl` is a bundled lobehub data-url rendered
+ * as a CSS mask filled with the foreground token (single-color brand mark,
+ * theme-safe). `icon` is an honest lucide fallback for harnesses that have
+ * no published brand mark — never an invented logo.
+ */
+interface HarnessBrand {
+    label: string;
+    logoUrl?: string;
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+}
+declare const HARNESS_BRAND: Record<HarnessType, HarnessBrand>;
+interface HarnessLogoProps {
+    type: HarnessType;
+    /** Chip edge length in px. Default 16 (matches the model pill glyph). */
+    size?: number;
+    className?: string;
+}
+/**
+ * Brand chip for a harness, matching {@link BrandLogo}'s render contract in
+ * model-picker: a rounded `bg-background ring-1 ring-border` chip wrapping
+ * either a foreground-filled CSS-mask of the brand SVG or a lucide fallback
+ * glyph. Keeps harness pills visually consistent with model pills.
+ */
+declare function HarnessLogo({ type, size, className }: HarnessLogoProps): react_jsx_runtime.JSX.Element;
+
 type ProductVariant = "sandbox";
 interface NavItem {
     id: string;
@@ -535,6 +564,8 @@ interface SidebarLayoutProps {
     settingsHref?: string;
     /** Extra items rendered before settings/logout in the profile menu. */
     profileMenuItems?: React.ReactNode;
+    /** Render a light/dark theme switch in the profile menu (uses the shared `useTheme`). */
+    showThemeToggle?: boolean;
     /** Extra content in the rail footer, above the profile avatar. */
     railFooter?: React.ReactNode;
     LinkComponent?: React.ComponentType<any>;
@@ -813,4 +844,4 @@ interface InfoPanelProps {
 }
 declare function InfoPanel({ label, title, description, className }: InfoPanelProps): react_jsx_runtime.JSX.Element;
 
-export { ActivityFeed, type ActivityFeedProps, type ActivityItem, BackendConfig, type BackendConfigProps, type BackendStatusData, ClusterStatusBar, type ClusterStatusBarProps, type ClusterStatusItem, CreditBalance, type CreditBalanceProps, DashboardLayout, type DashboardLayoutProps, type Profile as DashboardProfile, type SnapshotInfo as DashboardSnapshotInfo, type DashboardUser, type ExposedPort, type GitCommitData, GitPanel, type GitPanelProps, type GitStatusData, 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, PortsList, type PortsListProps, type ProcessInfo, ProcessList, type ProcessListProps, type ProductVariant, ProfileAvatar, type ProfileAvatarProps, ProfileComparison, type ProfileComparisonProps, ProfileSelector, type ProfileSelectorProps, PromoBanner, type PromoBannerProps, RailButton, type RailButtonProps, RailModeButton, type RailModeButtonProps, RailSeparator, type RailSeparatorProps, ResourceMeter, type ResourceMeterProps, ResourceSnapshot, type ResourceSnapshotItem, type ResourceSnapshotProps, SIDEBAR_MOBILE_WIDTH, SIDEBAR_PANEL_WIDTH, SIDEBAR_RAIL_WIDTH, SIDEBAR_TOTAL_WIDTH, SandboxCard, type SandboxCardData, type SandboxCardProps, type SandboxStatus, SandboxTable, type SandboxTableProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarLayout, 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, UsageSummary, type UsageSummaryData, type UsageSummaryProps, type Variant, VariantList, type VariantListProps, type VariantOutcome, type VariantStatus, canAdminSandbox, parseInsufficientBalance, useSidebar };
+export { ActivityFeed, type ActivityFeedProps, type ActivityItem, BackendConfig, type BackendConfigProps, type BackendStatusData, ClusterStatusBar, type ClusterStatusBarProps, type ClusterStatusItem, CreditBalance, type CreditBalanceProps, DashboardLayout, type DashboardLayoutProps, type Profile as DashboardProfile, type SnapshotInfo as DashboardSnapshotInfo, type DashboardUser, type ExposedPort, type GitCommitData, GitPanel, type GitPanelProps, type GitStatusData, HARNESS_BRAND, type HarnessBrand, HarnessLogo, type HarnessLogoProps, HarnessType, 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, PortsList, type PortsListProps, type ProcessInfo, ProcessList, type ProcessListProps, type ProductVariant, ProfileAvatar, type ProfileAvatarProps, ProfileComparison, type ProfileComparisonProps, ProfileSelector, type ProfileSelectorProps, PromoBanner, type PromoBannerProps, RailButton, type RailButtonProps, RailModeButton, type RailModeButtonProps, RailSeparator, type RailSeparatorProps, ResourceMeter, type ResourceMeterProps, ResourceSnapshot, type ResourceSnapshotItem, type ResourceSnapshotProps, SIDEBAR_MOBILE_WIDTH, SIDEBAR_PANEL_WIDTH, SIDEBAR_RAIL_WIDTH, SIDEBAR_TOTAL_WIDTH, SandboxCard, type SandboxCardData, type SandboxCardProps, type SandboxStatus, SandboxTable, type SandboxTableProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarLayout, 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, UsageSummary, type UsageSummaryData, type UsageSummaryProps, type Variant, VariantList, type VariantListProps, type VariantOutcome, type VariantStatus, canAdminSandbox, parseInsufficientBalance, useSidebar };

package/dist/dashboard.js

@@ -47,7 +47,7 @@ import {
   canAdminSandbox,
   parseInsufficientBalance,
   useSidebar
-} from "./chunk-CB3KBKYN.js";
+} from "./chunk-76TCOY2R.js";
 import {
   BillingDashboard,
   InfoPanel,
@@ -59,15 +59,17 @@ import {
 import "./chunk-7ZA5SEK3.js";
 import {
   BackendSelector,
+  HARNESS_BRAND,
   HARNESS_OPTIONS,
+  HarnessLogo,
   HarnessPicker
-} from "./chunk-ESRYVGHF.js";
+} from "./chunk-HXIYUQN2.js";
 import {
   ModelPicker,
   canonicalModelId,
   formatContext,
   formatPricing
-} from "./chunk-4KAPMTPU.js";
+} from "./chunk-JDMX4HHN.js";
 import "./chunk-EI44GEQ5.js";
 export {
   ActivityFeed,
@@ -78,7 +80,9 @@ export {
   CreditBalance,
   DashboardLayout,
   GitPanel,
+  HARNESS_BRAND,
   HARNESS_OPTIONS,
+  HarnessLogo,
   HarnessPicker,
   INSUFFICIENT_BALANCE_CODE,
   InfoPanel,

package/dist/globals.css

@@ -1508,6 +1508,9 @@
   .rounded-2xl {
     border-radius: var(--radius-2xl);
   }
+  .rounded-\[1px\] {
+    border-radius: 1px;
+  }
   .rounded-\[2px\] {
     border-radius: 2px;
   }

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

@@ -1,9 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
 
 interface Backend {
     type: string;
     label: string;
     description?: string;
+    /** Optional leading brand glyph (e.g. a HarnessLogo) shown in the trigger and rows. */
+    icon?: ReactNode;
 }
 interface BackendSelectorProps {
     backends: Backend[];
@@ -18,9 +21,11 @@ declare function BackendSelector({ backends, selected, onChange, label, placehol
 /**
  * Sandbox agent harness types — mirrors `BackendType` from
  * `@tangle-network/sandbox` SDK. Kept in lockstep with that enum:
- * if the SDK adds a backend, add it here too.
+ * if the SDK adds a backend, add it here too. The SDK's `pi`, `forge`,
+ * `acp`, and `cursor` backends are deliberately deferred (not yet
+ * surfaced in the picker) until their copy and compat policies land.
  */
-type HarnessType = "opencode" | "claude-code" | "codex" | "amp" | "factory-droids" | "cli-base";
+type HarnessType = "opencode" | "claude-code" | "codex" | "amp" | "factory-droids" | "cli-base" | "kimi-code" | "openclaw" | "nanoclaw" | "hermes";
 interface HarnessOption extends Backend {
     type: HarnessType;
 }

package/dist/index.d.ts

@@ -8,8 +8,8 @@ export { AgentSessionControls, AgentSessionControlsProps, AgentSessionHarnessCon
 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, BackendConfig, BackendConfigProps, BackendStatusData, ClusterStatusBar, ClusterStatusBarProps, ClusterStatusItem, CreditBalance, CreditBalanceProps, DashboardLayout, DashboardLayoutProps, DashboardProfile, DashboardSnapshotInfo, DashboardUser, ExposedPort, GitCommitData, GitPanel, GitPanelProps, GitStatusData, 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-C1W3rTeb.js';
+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 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';

package/dist/index.js

@@ -104,7 +104,7 @@ import {
   modelProvider,
   snapHarnessToModel,
   snapModelToHarness
-} from "./chunk-TAAYDQGM.js";
+} from "./chunk-H5PBSY62.js";
 import {
   ExpandedToolDetail,
   InlineThinkingItem,
@@ -189,7 +189,7 @@ import {
   canAdminSandbox,
   parseInsufficientBalance,
   useSidebar
-} from "./chunk-CB3KBKYN.js";
+} from "./chunk-76TCOY2R.js";
 import {
   BillingDashboard,
   InfoPanel,
@@ -287,15 +287,17 @@ import {
 } from "./chunk-7ZA5SEK3.js";
 import {
   BackendSelector,
+  HARNESS_BRAND,
   HARNESS_OPTIONS,
+  HarnessLogo,
   HarnessPicker
-} from "./chunk-ESRYVGHF.js";
+} from "./chunk-HXIYUQN2.js";
 import {
   ModelPicker,
   canonicalModelId,
   formatContext,
   formatPricing
-} from "./chunk-4KAPMTPU.js";
+} from "./chunk-JDMX4HHN.js";
 import "./chunk-EI44GEQ5.js";
 
 // src/index.ts
@@ -389,8 +391,10 @@ export {
   GitPanel,
   GlobResultsPreview,
   GrepResultsPreview,
+  HARNESS_BRAND,
   HARNESS_MODEL_POLICIES,
   HARNESS_OPTIONS,
+  HarnessLogo,
   HarnessPicker,
   INSUFFICIENT_BALANCE_CODE,
   InfoPanel,

package/dist/pages.js

@@ -12,7 +12,7 @@ import {
   Switch,
   Textarea
 } from "./chunk-7ZA5SEK3.js";
-import "./chunk-4KAPMTPU.js";
+import "./chunk-JDMX4HHN.js";
 import {
   cn
 } from "./chunk-EI44GEQ5.js";

package/dist/styles.css

@@ -1508,6 +1508,9 @@
   .rounded-2xl {
     border-radius: var(--radius-2xl);
   }
+  .rounded-\[1px\] {
+    border-radius: 1px;
+  }
   .rounded-\[2px\] {
     border-radius: 2px;
   }

package/package.json

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

package/dist/chunk-ESRYVGHF.js

@@ -1,147 +0,0 @@
-import {
-  cn
-} from "./chunk-EI44GEQ5.js";
-
-// src/dashboard/backend-selector.tsx
-import { ChevronDown } from "lucide-react";
-import * as Select from "@radix-ui/react-select";
-import { jsx, jsxs } from "react/jsx-runtime";
-function BackendSelector({
-  backends,
-  selected,
-  onChange,
-  label = "Model",
-  placeholder = "Select a model",
-  className
-}) {
-  const current = backends.find((b) => b.type === selected);
-  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-1.5", className), children: [
-    label && /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-muted-foreground uppercase tracking-[0.06em]", children: label }),
-    /* @__PURE__ */ jsxs(Select.Root, { value: selected, onValueChange: onChange, children: [
-      /* @__PURE__ */ jsxs(
-        Select.Trigger,
-        {
-          className: cn(
-            "flex w-full items-center justify-between gap-2 rounded-[var(--radius-md)]",
-            "border border-border bg-card",
-            "px-3 py-2.5 text-sm text-left",
-            "transition-colors duration-[var(--transition-fast)]",
-            "hover:border-primary/20 hover:bg-accent/30",
-            "focus:outline-none focus:border-primary/30",
-            "data-[state=open]:border-primary/30 data-[state=open]:bg-accent/30"
-          ),
-          children: [
-            /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: current ? /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: current.label }),
-              current.description && /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: current.description })
-            ] }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: placeholder }) }),
-            /* @__PURE__ */ jsx(Select.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-[var(--transition-fast)] data-[state=open]:rotate-180" }) })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(Select.Portal, { children: /* @__PURE__ */ jsx(
-        Select.Content,
-        {
-          position: "popper",
-          sideOffset: 4,
-          className: cn(
-            "z-50 w-[var(--radix-select-trigger-width)] overflow-hidden",
-            "rounded-[var(--radius-md)] border border-border",
-            "bg-card shadow-[var(--shadow-dropdown)]",
-            "data-[state=open]:animate-in data-[state=closed]:animate-out",
-            "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-            "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
-            "data-[side=bottom]:slide-in-from-top-1"
-          ),
-          children: /* @__PURE__ */ jsx(Select.Viewport, { className: "p-1", children: backends.map((backend) => /* @__PURE__ */ jsxs(
-            Select.Item,
-            {
-              value: backend.type,
-              className: cn(
-                "relative flex cursor-pointer select-none flex-col rounded-[var(--radius-sm)]",
-                "px-3 py-2.5 text-sm outline-none",
-                "transition-colors duration-[var(--transition-fast)]",
-                "hover:bg-accent/50 focus:bg-accent/50",
-                "data-[state=checked]:bg-[var(--accent-surface-soft)] data-[state=checked]:text-[var(--brand-primary)]"
-              ),
-              children: [
-                /* @__PURE__ */ jsx(Select.ItemText, { children: /* @__PURE__ */ jsx("span", { className: "font-medium", children: backend.label }) }),
-                backend.description && /* @__PURE__ */ jsx("span", { className: "mt-0.5 text-xs text-muted-foreground data-[state=checked]:text-[var(--accent-text)]", children: backend.description })
-              ]
-            },
-            backend.type
-          )) })
-        }
-      ) })
-    ] })
-  ] });
-}
-
-// src/dashboard/harness-picker.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var HARNESS_OPTIONS = [
-  {
-    type: "opencode",
-    label: "OpenCode",
-    description: "Default agent \u2014 broad model support, deterministic streaming"
-  },
-  {
-    type: "claude-code",
-    label: "Claude Code",
-    description: "Native Claude skills and tools (requires ANTHROPIC_API_KEY)"
-  },
-  {
-    type: "codex",
-    label: "Codex",
-    description: "OpenAI Codex CLI (requires OPENAI_API_KEY)"
-  },
-  {
-    type: "amp",
-    label: "AMP",
-    description: "Sourcegraph AMP agent"
-  },
-  {
-    type: "factory-droids",
-    label: "Factory Droids",
-    description: "Factory Droid agent"
-  },
-  {
-    type: "cli-base",
-    label: "CLI base (no agent)",
-    description: "Shell tools only \u2014 for non-AI scheduled tasks"
-  }
-];
-function HarnessPicker({
-  value,
-  onChange,
-  available,
-  optionsOverride,
-  label = "Agent harness",
-  ...rest
-}) {
-  const allowed = new Set(available ?? HARNESS_OPTIONS.map((h) => h.type));
-  const backends = HARNESS_OPTIONS.filter((h) => allowed.has(h.type)).map((h) => {
-    const override = optionsOverride?.[h.type];
-    return {
-      type: h.type,
-      label: override?.label ?? h.label,
-      description: override?.description ?? h.description
-    };
-  });
-  return /* @__PURE__ */ jsx2(
-    BackendSelector,
-    {
-      backends,
-      selected: value,
-      onChange: (next) => onChange(next),
-      label,
-      ...rest
-    }
-  );
-}
-
-export {
-  BackendSelector,
-  HARNESS_OPTIONS,
-  HarnessPicker
-};