@tangle-network/sandbox-ui 0.13.0 → 0.15.1

package/dist/chunk-GSZA3TSY.js

@@ -1,79 +0,0 @@
-import {
-  Markdown
-} from "./chunk-T7HMZEVO.js";
-import {
-  cn
-} from "./chunk-RQHJBTEU.js";
-
-// src/chat/chat-message.tsx
-import { User, Bot } from "lucide-react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function ChatMessage({
-  role,
-  content,
-  toolCalls,
-  isStreaming,
-  timestamp,
-  className,
-  userLabel = "You",
-  assistantLabel = "Agent",
-  hideRoleLabel,
-  hideAvatar,
-  avatar
-}) {
-  const isUser = role === "user";
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "flex gap-3",
-        isUser ? "flex-row-reverse" : "flex-row",
-        className
-      ),
-      children: [
-        !hideAvatar && (avatar ? /* @__PURE__ */ jsx("div", { className: "mt-0.5 shrink-0", children: avatar }) : /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "mt-0.5 flex shrink-0 items-center justify-center rounded-[calc(var(--radius-md)+2px)] border",
-              "h-[var(--avatar-size)] w-[var(--avatar-size)]",
-              isUser ? "border-border bg-[var(--accent-surface-soft)] text-[var(--accent-text)]" : "border-border bg-muted text-[var(--brand-cool)]"
-            ),
-            children: isUser ? /* @__PURE__ */ jsx(User, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(Bot, { className: "h-3.5 w-3.5" })
-          }
-        )),
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: cn(
-              "min-w-0 max-w-[85%] space-y-1 rounded-[var(--radius-lg)] border",
-              "px-[var(--chat-message-px)] py-[var(--chat-message-py)]",
-              isUser ? "border-border bg-muted/50" : "border-border bg-card"
-            ),
-            children: [
-              !hideRoleLabel && /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", isUser && "flex-row-reverse"), children: [
-                /* @__PURE__ */ jsx("span", { className: "text-[var(--font-size-xs)] font-[var(--chat-label-weight,600)] uppercase tracking-[var(--chat-label-tracking,0.14em)] text-foreground", children: isUser ? userLabel : assistantLabel }),
-                timestamp && /* @__PURE__ */ jsx("span", { className: "text-[var(--font-size-xs)] text-muted-foreground", children: formatTime(timestamp) })
-              ] }),
-              isUser ? /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap text-[var(--font-size-base)] leading-[var(--line-height-base)] text-foreground", children: content }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                content && /* @__PURE__ */ jsx(Markdown, { className: "tangle-prose text-[var(--font-size-base)] leading-[var(--line-height-base)]", children: content }),
-                isStreaming && /* @__PURE__ */ jsx("span", { className: "ml-0.5 inline-block h-4 w-2 animate-pulse rounded-sm bg-[var(--brand-cool)] align-text-bottom" })
-              ] }),
-              toolCalls
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-function formatTime(date) {
-  return date.toLocaleTimeString(void 0, {
-    hour: "numeric",
-    minute: "2-digit"
-  });
-}
-
-export {
-  ChatMessage
-};

package/dist/chunk-HB5Y37YU.js

@@ -1,54 +0,0 @@
-import {
-  cn
-} from "./chunk-RQHJBTEU.js";
-
-// src/workspace/artifact-pane.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function ArtifactPane({
-  eyebrow,
-  title,
-  subtitle,
-  meta,
-  headerActions,
-  tabs,
-  toolbar,
-  footer,
-  emptyState,
-  children,
-  className,
-  contentClassName
-}) {
-  const hasContent = children !== void 0 && children !== null;
-  return /* @__PURE__ */ jsxs(
-    "section",
-    {
-      className: cn(
-        "flex h-full min-h-0 flex-col overflow-hidden bg-background text-foreground",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs("header", { className: "border-b border-border bg-muted/10", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3 px-3 py-2", children: [
-            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-              eyebrow && /* @__PURE__ */ jsx("div", { className: "mb-1 inline-flex max-w-full items-center px-1 py-0.5 text-[10px] font-bold uppercase tracking-wider text-muted-foreground", children: eyebrow }),
-              /* @__PURE__ */ jsx("div", { className: "min-w-0 text-[13px] font-medium text-foreground", children: title }),
-              (subtitle || meta) && /* @__PURE__ */ jsxs("div", { className: "mt-1 flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1 text-xs leading-relaxed text-muted-foreground", children: [
-                subtitle && /* @__PURE__ */ jsx("span", { className: "truncate", children: subtitle }),
-                meta && /* @__PURE__ */ jsx("span", { className: "flex items-center gap-2", children: meta })
-              ] })
-            ] }),
-            headerActions && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-1.5", children: headerActions })
-          ] }),
-          tabs,
-          toolbar && /* @__PURE__ */ jsx("div", { className: "border-t border-border px-3 py-2", children: toolbar })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: cn("min-h-0 flex-1 overflow-auto", contentClassName), children: hasContent ? children : emptyState ? /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center p-6", children: emptyState }) : null }),
-        footer && /* @__PURE__ */ jsx("footer", { className: "shrink-0 border-t border-border bg-card px-3 py-2", children: footer })
-      ]
-    }
-  );
-}
-
-export {
-  ArtifactPane
-};

package/dist/chunk-LQNEZDRM.js

@@ -1,109 +0,0 @@
-// src/files/rich-file-tree.tsx
-import {
-  FileTree as PierreFileTree,
-  useFileTree as usePierreFileTree
-} from "@pierre/trees/react";
-import { useEffect, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-function cssVarFromToken(name) {
-  return `var(${name})`;
-}
-var DEFAULT_THEME = {
-  selectedBg: cssVarFromToken("--accent-surface-soft"),
-  selectedFg: cssVarFromToken("--accent-text"),
-  fg: cssVarFromToken("--foreground"),
-  hoverBg: cssVarFromToken("--muted"),
-  border: cssVarFromToken("--border"),
-  mutedFg: cssVarFromToken("--muted-foreground")
-};
-function flattenFileNode(node, out = []) {
-  if (node.type === "file" && node.path) {
-    out.push(node.path);
-    return out;
-  }
-  if (node.type === "directory") {
-    if (node.children?.length) {
-      for (const child of node.children) {
-        flattenFileNode(child, out);
-      }
-      return out;
-    }
-    if (node.path) out.push(`${node.path}/`);
-  }
-  return out;
-}
-function RichFileTree({
-  root,
-  paths,
-  selectedPath,
-  onSelect,
-  search = true,
-  initialExpansion = "open",
-  gitStatus,
-  renderContextMenu,
-  header,
-  themeOverrides,
-  className,
-  style,
-  height
-}) {
-  if (root && paths) {
-    throw new Error("RichFileTree: pass `root` or `paths`, not both");
-  }
-  const flatPaths = useMemo(() => {
-    if (paths) return Array.from(paths);
-    if (root) return flattenFileNode(root);
-    return [];
-  }, [paths, root]);
-  const { model } = usePierreFileTree({
-    paths: flatPaths,
-    search,
-    initialExpansion,
-    onSelectionChange: (selected) => {
-      const next = selected[0];
-      if (next && next !== selectedPath) onSelect?.(next);
-    }
-  });
-  useEffect(() => {
-    if (!gitStatus) return;
-    model.setGitStatus(gitStatus);
-  }, [model, gitStatus]);
-  useEffect(() => {
-    model.resetPaths(flatPaths);
-  }, [model, flatPaths]);
-  useEffect(() => {
-    if (!selectedPath) return;
-    const current = model.getSelectedPaths();
-    if (current.length === 1 && current[0] === selectedPath) return;
-    const m = model;
-    m.setSelectedPaths?.([selectedPath]);
-  }, [model, selectedPath]);
-  const theme = { ...DEFAULT_THEME, ...themeOverrides };
-  const themeStyle = useMemo(
-    () => ({
-      ["--trees-selected-bg-override"]: theme.selectedBg,
-      ["--trees-selected-fg-override"]: theme.selectedFg,
-      ["--trees-fg-override"]: theme.fg,
-      ["--trees-hover-bg-override"]: theme.hoverBg,
-      ["--trees-border-color-override"]: theme.border,
-      ["--trees-muted-fg-override"]: theme.mutedFg,
-      height: height ?? "100%",
-      ...style
-    }),
-    [theme, height, style]
-  );
-  return /* @__PURE__ */ jsx(
-    PierreFileTree,
-    {
-      model,
-      header,
-      renderContextMenu,
-      className,
-      style: themeStyle
-    }
-  );
-}
-
-export {
-  RichFileTree
-};

package/dist/chunk-MA7YKRUP.js

@@ -1,131 +0,0 @@
-import {
-  cn
-} from "./chunk-RQHJBTEU.js";
-
-// src/primitives/input.tsx
-import * as React from "react";
-import { cva } from "class-variance-authority";
-import { jsx, jsxs } from "react/jsx-runtime";
-var inputVariants = cva(
-  "flex w-full rounded-lg border bg-card 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",
-  {
-    variants: {
-      variant: {
-        default: "border-input focus:ring-ring",
-        sandbox: "border-border focus:border-[var(--border-accent-hover)] focus:ring-[var(--border-accent)]",
-        error: "border-[var(--surface-danger-border)] focus:ring-[var(--surface-danger-border)]"
-      },
-      size: {
-        default: "h-11",
-        sm: "h-9 px-3",
-        lg: "h-12 px-5"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Input = React.forwardRef(
-  ({ className, type, variant, size, label, error, hint, id, ...props }, ref) => {
-    const inputId = id ?? label?.toLowerCase().replace(/\s+/g, "-");
-    const input = /* @__PURE__ */ jsx(
-      "input",
-      {
-        type,
-        id: inputId,
-        className: cn(inputVariants({ variant: error ? "error" : variant, size, className })),
-        ref,
-        ...props
-      }
-    );
-    if (!label && !error && !hint) return input;
-    return /* @__PURE__ */ jsxs("div", { className: "w-full space-y-1.5", children: [
-      label && /* @__PURE__ */ jsx(
-        "label",
-        {
-          htmlFor: inputId,
-          className: "block font-medium text-foreground text-sm",
-          children: label
-        }
-      ),
-      input,
-      error && /* @__PURE__ */ jsx("p", { className: "text-[var(--surface-danger-text)] text-sm font-medium", children: error }),
-      hint && !error && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground/70 text-sm", children: hint })
-    ] });
-  }
-);
-Input.displayName = "Input";
-var Textarea = React.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-border focus:border-[var(--border-accent-hover)] focus:ring-[var(--border-accent)]"
-    };
-    const textarea = /* @__PURE__ */ jsx(
-      "textarea",
-      {
-        id: textareaId,
-        className: cn(
-          "flex min-h-[120px] w-full resize-y rounded-lg border bg-card 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-[var(--surface-danger-border)] focus:ring-[var(--surface-danger-border)]" : variants[variant],
-          className
-        ),
-        ref,
-        ...props
-      }
-    );
-    if (!label && !error && !hint) return textarea;
-    return /* @__PURE__ */ jsxs("div", { className: "w-full space-y-1.5", children: [
-      label && /* @__PURE__ */ jsx(
-        "label",
-        {
-          htmlFor: textareaId,
-          className: "block font-medium text-muted-foreground text-sm",
-          children: label
-        }
-      ),
-      textarea,
-      error && /* @__PURE__ */ jsx("p", { className: "text-[var(--surface-danger-text)] text-sm", children: error }),
-      hint && !error && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground/70 text-sm", children: hint })
-    ] });
-  }
-);
-Textarea.displayName = "Textarea";
-
-// src/primitives/empty-state.tsx
-import * as React2 from "react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var EmptyState = React2.forwardRef(
-  ({ className, icon, title, description, action, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs2(
-      "div",
-      {
-        ref,
-        className: cn(
-          "flex flex-col items-center justify-center px-4 py-16 text-center",
-          className
-        ),
-        ...props,
-        children: [
-          icon && /* @__PURE__ */ jsx2("div", { className: "mb-4 rounded-full bg-muted p-4 text-muted-foreground", children: icon }),
-          /* @__PURE__ */ jsx2("h3", { className: "font-semibold text-lg", children: title }),
-          description && /* @__PURE__ */ jsx2("p", { className: "mt-2 max-w-sm text-muted-foreground text-sm", children: description }),
-          action && /* @__PURE__ */ jsx2("div", { className: "mt-6", children: action })
-        ]
-      }
-    );
-  }
-);
-EmptyState.displayName = "EmptyState";
-
-export {
-  Input,
-  Textarea,
-  EmptyState
-};

package/dist/chunk-MKTSMWVD.js

@@ -1,109 +0,0 @@
-import {
-  cn
-} from "./chunk-RQHJBTEU.js";
-
-// src/primitives/button.tsx
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg font-medium text-sm transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90 active:scale-[0.97] duration-[var(--transition-fast)]",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 active:scale-[0.97] duration-[var(--transition-fast)]",
-        outline: "border border-border bg-card hover:bg-muted active:scale-[0.97] duration-[var(--transition-fast)] text-foreground",
-        secondary: "bg-muted border border-border text-foreground hover:bg-muted/80 active:scale-[0.97] duration-[var(--transition-fast)]",
-        ghost: "hover:bg-muted hover:text-foreground duration-[var(--transition-fast)] text-muted-foreground border border-transparent",
-        link: "text-primary underline-offset-4 hover:underline",
-        sandbox: "bg-[var(--btn-primary-bg)] text-[var(--btn-primary-text)] border border-[var(--border-accent)] hover:bg-[var(--btn-primary-hover)] active:scale-[0.97] duration-[var(--transition-fast)]"
-      },
-      size: {
-        default: "h-[var(--control-height)] px-4 py-2",
-        sm: "h-8 rounded-md px-3 text-xs",
-        lg: "h-11 rounded-lg px-7 text-sm",
-        xl: "h-13 rounded-xl px-9 text-base",
-        icon: "h-[var(--control-height)] w-[var(--control-height)]"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Button = React.forwardRef(
-  ({
-    className,
-    variant,
-    size,
-    asChild = false,
-    loading = false,
-    disabled,
-    children,
-    ...props
-  }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    if (asChild) {
-      return /* @__PURE__ */ jsx(
-        Comp,
-        {
-          className: cn(buttonVariants({ variant, size, className })),
-          ref,
-          ...props,
-          children
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxs(
-      Comp,
-      {
-        className: cn(buttonVariants({ variant, size, className })),
-        ref,
-        disabled: disabled || loading,
-        ...props,
-        children: [
-          loading && /* @__PURE__ */ jsxs(
-            "svg",
-            {
-              className: "mr-2 -ml-1 h-4 w-4 animate-spin",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              children: [
-                /* @__PURE__ */ jsx("title", { children: "Loading spinner" }),
-                /* @__PURE__ */ jsx(
-                  "circle",
-                  {
-                    className: "opacity-25",
-                    cx: "12",
-                    cy: "12",
-                    r: "10",
-                    stroke: "currentColor",
-                    strokeWidth: "4"
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "path",
-                  {
-                    className: "opacity-75",
-                    fill: "currentColor",
-                    d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-                  }
-                )
-              ]
-            }
-          ),
-          children
-        ]
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-
-export {
-  buttonVariants,
-  Button
-};