@tangle-network/sandbox-ui 0.2.0

package/dist/chunk-M6VLC32S.js

@@ -0,0 +1,219 @@
+import {
+  SimpleMarkdown
+} from "./chunk-M34OA6PQ.js";
+import {
+  cn
+} from "./chunk-RQHJBTEU.js";
+
+// src/run/tool-call-step.tsx
+import { useState } from "react";
+import {
+  Terminal,
+  FileText,
+  FileCode,
+  Search,
+  CheckCircle,
+  ChevronRight,
+  Loader2,
+  FolderOpen,
+  Download,
+  Pencil,
+  Eye
+} from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ICONS = {
+  bash: Terminal,
+  read: Eye,
+  write: FileText,
+  edit: Pencil,
+  glob: FolderOpen,
+  grep: Search,
+  list: FolderOpen,
+  download: Download,
+  inspect: Search,
+  audit: CheckCircle,
+  unknown: FileCode
+};
+var STATUS_COLORS = {
+  running: "text-[var(--brand-cool)]",
+  success: "text-[var(--code-success)]",
+  error: "text-[var(--code-error)]"
+};
+function ToolCallStep({
+  type,
+  label,
+  status,
+  detail,
+  output,
+  duration,
+  className
+}) {
+  const [expanded, setExpanded] = useState(false);
+  const Icon = ICONS[type] || ICONS.unknown;
+  const hasExpandable = !!(detail || output);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "group border-l-2 pl-3 py-1.5 transition-colors",
+        status === "running" && "border-[var(--brand-cool)] bg-[var(--brand-cool)]/5",
+        status === "success" && "border-[var(--border-subtle)] hover:border-[var(--border-accent)]",
+        status === "error" && "border-[var(--code-error)]/40",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => hasExpandable && setExpanded(!expanded),
+            disabled: !hasExpandable,
+            className: cn(
+              "flex items-center gap-2 w-full text-left text-sm",
+              hasExpandable && "cursor-pointer"
+            ),
+            children: [
+              status === "running" ? /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin text-[var(--brand-cool)] shrink-0" }) : /* @__PURE__ */ jsx(Icon, { className: cn("h-3.5 w-3.5 shrink-0", STATUS_COLORS[status]) }),
+              /* @__PURE__ */ jsx("span", { className: "text-[var(--text-secondary)] truncate flex-1 font-[var(--font-sans)]", children: label }),
+              duration !== void 0 && status !== "running" && /* @__PURE__ */ jsx("span", { className: "text-[var(--text-muted)] text-xs tabular-nums shrink-0", children: duration < 1e3 ? `${duration}ms` : `${(duration / 1e3).toFixed(1)}s` }),
+              hasExpandable && /* @__PURE__ */ jsx(
+                ChevronRight,
+                {
+                  className: cn(
+                    "h-3 w-3 text-[var(--text-muted)] transition-transform shrink-0",
+                    expanded && "rotate-90"
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        expanded && (detail || output) && /* @__PURE__ */ jsxs("div", { className: "mt-1.5 ml-5.5 space-y-1", children: [
+          detail && /* @__PURE__ */ jsx("div", { className: "text-xs text-[var(--text-muted)] font-[var(--font-mono)]", children: detail }),
+          output && /* @__PURE__ */ jsx("pre", { className: "text-xs text-[var(--text-secondary)] bg-[var(--bg-input)] border border-[var(--border-subtle)] rounded-[var(--radius-sm)] p-2 overflow-x-auto max-h-48 font-[var(--font-mono)]", children: output })
+        ] })
+      ]
+    }
+  );
+}
+function ToolCallGroup({ title, children, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-0.5 my-2", className), children: [
+    title && /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-[var(--text-muted)] uppercase tracking-wider mb-1 px-1", children: title }),
+    children
+  ] });
+}
+
+// src/run/tool-call-feed.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function ToolCallFeed({ segments, className }) {
+  if (segments.length === 0) return null;
+  return /* @__PURE__ */ jsx2("div", { className: cn("space-y-1", className), children: segments.map((segment, i) => {
+    if (segment.kind === "text") {
+      return segment.content.trim() ? /* @__PURE__ */ jsx2(SimpleMarkdown, { content: segment.content }, i) : null;
+    }
+    if (segment.kind === "tool_call") {
+      return /* @__PURE__ */ jsx2(
+        ToolCallStep,
+        {
+          type: segment.call.type,
+          label: segment.call.label,
+          status: segment.call.status,
+          detail: segment.call.detail,
+          output: segment.call.output,
+          duration: segment.call.duration
+        },
+        segment.call.id || i
+      );
+    }
+    if (segment.kind === "tool_group") {
+      return /* @__PURE__ */ jsx2(ToolCallGroup, { title: segment.title, children: segment.calls.map((call) => /* @__PURE__ */ jsx2(
+        ToolCallStep,
+        {
+          type: call.type,
+          label: call.label,
+          status: call.status,
+          detail: call.detail,
+          output: call.output,
+          duration: call.duration
+        },
+        call.id
+      )) }, i);
+    }
+    return null;
+  }) });
+}
+function parseToolEvent(event) {
+  const { type, data } = event;
+  if (type === "tool.invocation" || type === "tool_use") {
+    const toolName = data.name || data.tool || "unknown";
+    const input = data.input;
+    return {
+      id: data.id || data.toolUseId || crypto.randomUUID(),
+      type: mapToolName(toolName),
+      label: formatToolLabel(toolName, input),
+      status: "running",
+      detail: input ? formatToolInput(toolName, input) : void 0
+    };
+  }
+  if (type === "tool.result" || type === "tool_result") {
+    return {
+      id: data.id || data.toolUseId || "",
+      type: mapToolName(data.name || data.tool || "unknown"),
+      label: formatToolLabel(data.name || data.tool || "unknown"),
+      status: data.error ? "error" : "success",
+      output: truncate(data.output || data.result || "", 500),
+      duration: data.duration
+    };
+  }
+  return null;
+}
+function mapToolName(name) {
+  const lower = name.toLowerCase();
+  if (lower.includes("bash") || lower.includes("terminal") || lower.includes("exec")) return "bash";
+  if (lower.includes("read") || lower.includes("cat")) return "read";
+  if (lower.includes("write") || lower.includes("create")) return "write";
+  if (lower.includes("edit") || lower.includes("replace")) return "edit";
+  if (lower.includes("glob") || lower.includes("find")) return "glob";
+  if (lower.includes("grep") || lower.includes("search")) return "grep";
+  if (lower.includes("list") || lower.includes("ls")) return "list";
+  if (lower.includes("inspect")) return "inspect";
+  if (lower.includes("audit")) return "audit";
+  return "unknown";
+}
+function formatToolLabel(toolName, input) {
+  const lower = toolName.toLowerCase();
+  if (lower.includes("bash") && input?.command) {
+    const cmd = String(input.command);
+    return cmd.length > 80 ? `${cmd.slice(0, 77)}...` : cmd;
+  }
+  if ((lower.includes("read") || lower.includes("cat")) && input?.path) {
+    return `Read ${input.path}`;
+  }
+  if (lower.includes("write") && input?.path) {
+    return `Write ${input.path}`;
+  }
+  if (lower.includes("edit") && input?.path) {
+    return `Edit ${input.path}`;
+  }
+  if (lower.includes("glob") && input?.pattern) {
+    return `Find ${input.pattern}`;
+  }
+  if (lower.includes("grep") && input?.pattern) {
+    return `Search for ${input.pattern}`;
+  }
+  return toolName;
+}
+function formatToolInput(toolName, input) {
+  if (input.command) return String(input.command);
+  if (input.path) return String(input.path);
+  return JSON.stringify(input, null, 2).slice(0, 300);
+}
+function truncate(text, max) {
+  return text.length > max ? text.slice(0, max - 3) + "..." : text;
+}
+
+export {
+  ToolCallStep,
+  ToolCallGroup,
+  ToolCallFeed,
+  parseToolEvent
+};

package/dist/chunk-MCGKDCOR.js

@@ -0,0 +1,173 @@
+import {
+  cn
+} from "./chunk-RQHJBTEU.js";
+
+// src/primitives/dropdown-menu.tsx
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { Check, ChevronRight, Circle } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive.Group;
+var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+var DropdownMenuSub = DropdownMenuPrimitive.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+var DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center rounded-md px-2 py-1.5 text-sm outline-none",
+      "focus:bg-accent data-[state=open]:bg-accent",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-xl border border-border bg-popover p-1 text-popover-foreground shadow-xl",
+      "data-[state=closed]:animate-out data-[state=open]:animate-in",
+      "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-2 data-[side=left]:slide-in-from-right-2",
+      "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-xl border border-border bg-popover p-1 text-popover-foreground shadow-xl",
+      "data-[state=closed]:animate-out data-[state=open]:animate-in",
+      "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-2 data-[side=left]:slide-in-from-right-2",
+      "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-pointer select-none items-center rounded-md px-2 py-1.5 text-sm outline-none transition-colors",
+      "focus:bg-accent focus:text-accent-foreground",
+      "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-pointer select-none items-center rounded-md py-1.5 pr-2 pl-8 text-sm outline-none transition-colors",
+      "focus:bg-accent focus:text-accent-foreground",
+      "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-pointer select-none items-center rounded-md py-1.5 pr-2 pl-8 text-sm outline-none transition-colors",
+      "focus:bg-accent focus:text-accent-foreground",
+      "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "px-2 py-1.5 font-semibold text-sm",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-border", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn("ml-auto text-xs tracking-widest opacity-60", className),
+      ...props
+    }
+  );
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+
+export {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuGroup,
+  DropdownMenuPortal,
+  DropdownMenuSub,
+  DropdownMenuRadioGroup,
+  DropdownMenuSubTrigger,
+  DropdownMenuSubContent,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut
+};

package/dist/chunk-NI2EI43H.js

@@ -0,0 +1,294 @@
+import {
+  cn
+} from "./chunk-RQHJBTEU.js";
+
+// src/primitives/dialog.tsx
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { X } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogClose = DialogPrimitive.Close;
+var DialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80 backdrop-blur-sm",
+      "data-[state=closed]:animate-out data-[state=open]:animate-in",
+      "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var DialogContent = React.forwardRef(({ className, children, variant = "default", ...props }, ref) => {
+  const variants = {
+    default: "border-border",
+    sandbox: "border-purple-500/20 shadow-lg shadow-purple-500/10"
+  };
+  return /* @__PURE__ */ jsxs(DialogPortal, { children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        ref,
+        className: cn(
+          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%]",
+          "gap-4 rounded-xl border bg-card p-6 shadow-xl duration-200",
+          "data-[state=closed]:animate-out data-[state=open]:animate-in",
+          "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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]",
+          "data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
+          variants[variant],
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute top-4 right-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+});
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn(
+      "font-semibold text-lg leading-none tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-muted-foreground text-sm", className),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+// src/primitives/input.tsx
+import * as React2 from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Input = React2.forwardRef(
+  ({ className, type, variant = "default", label, error, hint, id, ...props }, ref) => {
+    const inputId = id ?? label?.toLowerCase().replace(/\s+/g, "-");
+    const variants = {
+      default: "border-input focus:ring-ring",
+      sandbox: "border-purple-500/20 focus:border-purple-500/50 focus:ring-purple-500/20"
+    };
+    const input = /* @__PURE__ */ jsx2(
+      "input",
+      {
+        type,
+        id: inputId,
+        className: cn(
+          "flex h-11 w-full rounded-lg border bg-card/50 px-4 py-2 text-sm transition-all duration-200",
+          "placeholder:text-muted-foreground",
+          "focus:outline-none focus:ring-2 focus:ring-offset-0",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          "file:border-0 file:bg-transparent file:font-medium file:text-sm",
+          error ? "border-red-500/50 focus:ring-red-500/20" : variants[variant],
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+    if (!label && !error && !hint) return input;
+    return /* @__PURE__ */ jsxs2("div", { className: "w-full space-y-1.5", children: [
+      label && /* @__PURE__ */ jsx2(
+        "label",
+        {
+          htmlFor: inputId,
+          className: "block font-medium text-muted-foreground text-sm",
+          children: label
+        }
+      ),
+      input,
+      error && /* @__PURE__ */ jsx2("p", { className: "text-red-400 text-sm", children: error }),
+      hint && !error && /* @__PURE__ */ jsx2("p", { className: "text-muted-foreground/70 text-sm", children: hint })
+    ] });
+  }
+);
+Input.displayName = "Input";
+var Textarea = React2.forwardRef(
+  ({ className, variant = "default", label, error, hint, id, ...props }, ref) => {
+    const textareaId = id ?? label?.toLowerCase().replace(/\s+/g, "-");
+    const variants = {
+      default: "border-input focus:ring-ring",
+      sandbox: "border-purple-500/20 focus:border-purple-500/50 focus:ring-purple-500/20"
+    };
+    const textarea = /* @__PURE__ */ jsx2(
+      "textarea",
+      {
+        id: textareaId,
+        className: cn(
+          "flex min-h-[120px] w-full resize-y rounded-lg border bg-card/50 px-4 py-3 text-sm transition-all duration-200",
+          "placeholder:text-muted-foreground",
+          "focus:outline-none focus:ring-2 focus:ring-offset-0",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          error ? "border-red-500/50 focus:ring-red-500/20" : variants[variant],
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+    if (!label && !error && !hint) return textarea;
+    return /* @__PURE__ */ jsxs2("div", { className: "w-full space-y-1.5", children: [
+      label && /* @__PURE__ */ jsx2(
+        "label",
+        {
+          htmlFor: textareaId,
+          className: "block font-medium text-muted-foreground text-sm",
+          children: label
+        }
+      ),
+      textarea,
+      error && /* @__PURE__ */ jsx2("p", { className: "text-red-400 text-sm", children: error }),
+      hint && !error && /* @__PURE__ */ jsx2("p", { className: "text-muted-foreground/70 text-sm", children: hint })
+    ] });
+  }
+);
+Textarea.displayName = "Textarea";
+
+// src/primitives/tabs.tsx
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import * as React3 from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Tabs = TabsPrimitive.Root;
+var TabsList = React3.forwardRef(({ className, variant = "default", ...props }, ref) => {
+  const variants = {
+    default: "inline-flex h-10 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
+    pills: "inline-flex items-center gap-2",
+    underline: "inline-flex items-center gap-4 border-b border-border"
+  };
+  return /* @__PURE__ */ jsx3(
+    TabsPrimitive.List,
+    {
+      ref,
+      className: cn(variants[variant], className),
+      ...props
+    }
+  );
+});
+TabsList.displayName = TabsPrimitive.List.displayName;
+var TabsTrigger = React3.forwardRef(({ className, variant = "default", ...props }, ref) => {
+  const variants = {
+    default: "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+    pills: "inline-flex items-center justify-center whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=inactive]:text-muted-foreground data-[state=inactive]:hover:bg-muted",
+    underline: "inline-flex items-center justify-center whitespace-nowrap pb-3 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:text-foreground data-[state=inactive]:text-muted-foreground"
+  };
+  return /* @__PURE__ */ jsx3(
+    TabsPrimitive.Trigger,
+    {
+      ref,
+      className: cn(variants[variant], className),
+      ...props
+    }
+  );
+});
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+var TabsContent = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  TabsPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "mt-4 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      "data-[state=active]:fade-in-0 data-[state=active]:slide-in-from-bottom-2 data-[state=active]:animate-in",
+      className
+    ),
+    ...props
+  }
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+// src/primitives/empty-state.tsx
+import * as React4 from "react";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var EmptyState = React4.forwardRef(
+  ({ className, icon, title, description, action, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs3(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex flex-col items-center justify-center px-4 py-16 text-center",
+          className
+        ),
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ jsx4("div", { className: "mb-4 rounded-full bg-muted p-4 text-muted-foreground", children: icon }),
+          /* @__PURE__ */ jsx4("h3", { className: "font-semibold text-lg", children: title }),
+          description && /* @__PURE__ */ jsx4("p", { className: "mt-2 max-w-sm text-muted-foreground text-sm", children: description }),
+          action && /* @__PURE__ */ jsx4("div", { className: "mt-6", children: action })
+        ]
+      }
+    );
+  }
+);
+EmptyState.displayName = "EmptyState";
+
+export {
+  Dialog,
+  DialogTrigger,
+  DialogPortal,
+  DialogClose,
+  DialogOverlay,
+  DialogContent,
+  DialogHeader,
+  DialogFooter,
+  DialogTitle,
+  DialogDescription,
+  Input,
+  Textarea,
+  Tabs,
+  TabsList,
+  TabsTrigger,
+  TabsContent,
+  EmptyState
+};