@tangle-network/sandbox-ui 0.20.3 → 0.21.1

package/dist/chunk-ESRYVGHF.js

@@ -0,0 +1,147 @@
+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
+};