@tangle-network/sandbox-ui 0.2.0

package/dist/chunk-OU4TRNQZ.js

@@ -0,0 +1,173 @@
+import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage
+} from "./chunk-B26TQ7SA.js";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger
+} from "./chunk-MCGKDCOR.js";
+import {
+  Button
+} from "./chunk-E6FS7R4X.js";
+import {
+  cn
+} from "./chunk-RQHJBTEU.js";
+
+// src/auth/auth.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function GitHubIcon({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className,
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+        }
+      )
+    }
+  );
+}
+function GitHubLoginButton({
+  authUrl = "/auth/github",
+  variant = "default",
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant,
+      className: cn("gap-2", className),
+      onClick: () => {
+        window.location.href = authUrl;
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(GitHubIcon, { className: "h-5 w-5" }),
+        children ?? "Sign in with GitHub"
+      ]
+    }
+  );
+}
+function UserMenu({
+  user,
+  logoutUrl = "/auth/logout",
+  links = [],
+  variant = "sandbox",
+  onLogout
+}) {
+  const initials = user.name ? user.name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2) : user.email.slice(0, 2).toUpperCase();
+  const avatarGradient = {
+    sandbox: "from-purple-500 to-violet-500"
+  }[variant];
+  const handleLogout = () => {
+    if (onLogout) {
+      onLogout();
+    }
+    window.location.href = logoutUrl;
+  };
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: "flex items-center gap-2 rounded-lg p-1.5 transition-colors hover:bg-accent focus:outline-none focus:ring-2 focus:ring-ring",
+        children: [
+          /* @__PURE__ */ jsxs(Avatar, { className: "h-8 w-8", children: [
+            /* @__PURE__ */ jsx(AvatarImage, { src: void 0, alt: user.name ?? user.email }),
+            /* @__PURE__ */ jsx(
+              AvatarFallback,
+              {
+                className: cn(
+                  "bg-gradient-to-r text-white text-xs",
+                  avatarGradient
+                ),
+                children: initials
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "hidden text-left md:block", children: [
+            /* @__PURE__ */ jsx("p", { className: "font-medium text-sm", children: user.name ?? user.email }),
+            user.tier && /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground text-xs capitalize", children: [
+              user.tier,
+              " Plan"
+            ] })
+          ] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-56", children: [
+      /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "font-normal", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-1", children: [
+        /* @__PURE__ */ jsx("p", { className: "font-medium text-sm", children: user.name ?? "Account" }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: user.email })
+      ] }) }),
+      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+      links.map((link) => /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs("a", { href: link.href, className: "flex items-center gap-2", children: [
+        link.icon,
+        link.label
+      ] }) }, link.href)),
+      links.length > 0 && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx(
+        DropdownMenuItem,
+        {
+          onClick: handleLogout,
+          className: "text-red-500 focus:text-red-500",
+          children: "Sign out"
+        }
+      )
+    ] })
+  ] });
+}
+function AuthHeader({
+  user,
+  loading = false,
+  variant = "sandbox",
+  apiBaseUrl = "",
+  menuLinks,
+  className
+}) {
+  if (loading) {
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", className), children: [
+      /* @__PURE__ */ jsx("div", { className: "h-8 w-8 animate-pulse rounded-full bg-muted" }),
+      /* @__PURE__ */ jsx("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx("div", { className: "h-4 w-20 animate-pulse rounded bg-muted" }) })
+    ] });
+  }
+  if (!user) {
+    return /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-2", className), children: /* @__PURE__ */ jsx(
+      GitHubLoginButton,
+      {
+        authUrl: `${apiBaseUrl}/auth/github`,
+        variant,
+        size: "sm"
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx(
+    UserMenu,
+    {
+      user,
+      variant,
+      logoutUrl: `${apiBaseUrl}/auth/logout`,
+      links: menuLinks
+    }
+  );
+}
+
+export {
+  GitHubLoginButton,
+  UserMenu,
+  AuthHeader
+};

package/dist/chunk-QD4QE5P5.js

@@ -0,0 +1,40 @@
+// src/utils/copy-text.ts
+async function copyText(text) {
+  if (typeof navigator !== "undefined" && navigator.clipboard?.writeText) {
+    try {
+      await navigator.clipboard.writeText(text);
+      return true;
+    } catch {
+    }
+  }
+  if (typeof document === "undefined") return false;
+  try {
+    const textarea = document.createElement("textarea");
+    textarea.value = text;
+    textarea.style.position = "fixed";
+    textarea.style.opacity = "0";
+    document.body.appendChild(textarea);
+    textarea.select();
+    const copied = document.execCommand("copy");
+    document.body.removeChild(textarea);
+    return copied;
+  } catch {
+    return false;
+  }
+}
+
+// src/utils/time-ago.ts
+function timeAgo(ts) {
+  const secs = Math.floor((Date.now() - ts) / 1e3);
+  if (secs < 5) return "just now";
+  if (secs < 60) return `${secs}s ago`;
+  const mins = Math.floor(secs / 60);
+  if (mins < 60) return `${mins}m ago`;
+  const hrs = Math.floor(mins / 60);
+  return `${hrs}h ago`;
+}
+
+export {
+  copyText,
+  timeAgo
+};

package/dist/chunk-QSQBDR3N.js

@@ -0,0 +1,180 @@
+// src/utils/tool-display.ts
+var TOOL_NAME_PREFIX = "tool:";
+function normalizeToolName(tool) {
+  const n = tool?.toLowerCase() ?? "";
+  return n.startsWith(TOOL_NAME_PREFIX) ? n.slice(TOOL_NAME_PREFIX.length) : n;
+}
+function extractString(obj, key) {
+  if (typeof obj === "object" && obj !== null && key in obj) {
+    const val = obj[key];
+    if (typeof val === "string") return val;
+  }
+  return void 0;
+}
+function extractCommand(input) {
+  if (typeof input === "string") return input;
+  return extractString(input, "command") ?? extractString(input, "cmd");
+}
+function extractFilePath(input) {
+  return extractString(input, "file_path") ?? extractString(input, "path") ?? extractString(input, "filePath");
+}
+function cleanPath(path) {
+  const parts = path.split("/");
+  return parts.length > 3 ? ".../" + parts.slice(-2).join("/") : path;
+}
+var TOOL_CATEGORY_ICONS = {
+  command: "terminal",
+  write: "file-plus",
+  read: "file-text",
+  search: "search",
+  edit: "file-edit",
+  task: "cpu",
+  web: "globe",
+  todo: "check-square",
+  other: "box"
+};
+function getToolCategory(toolName) {
+  const name = normalizeToolName(toolName);
+  switch (name) {
+    case "bash":
+    case "shell":
+    case "command":
+    case "execute":
+      return "command";
+    case "write":
+    case "write_file":
+    case "create_file":
+      return "write";
+    case "read":
+    case "read_file":
+    case "cat":
+      return "read";
+    case "grep":
+    case "search":
+    case "rg":
+      return "search";
+    case "edit":
+    case "patch":
+    case "sed":
+      return "edit";
+    case "glob":
+    case "find":
+    case "ls":
+      return "search";
+    case "web_search":
+    case "web_fetch":
+    case "fetch":
+      return "web";
+    case "task":
+    case "agent":
+    case "spawn":
+      return "task";
+    case "todo":
+    case "todo_write":
+      return "todo";
+    default:
+      return "other";
+  }
+}
+function getToolDisplayMetadata(part) {
+  const name = normalizeToolName(part.tool);
+  const input = part.state.status !== "pending" ? part.state.input : void 0;
+  const filePath = extractFilePath(input);
+  const command = extractCommand(input);
+  switch (name) {
+    case "bash":
+    case "shell":
+    case "command":
+    case "execute":
+      return {
+        title: "Run command",
+        description: command ? truncateCommand(command) : void 0,
+        displayVariant: "command",
+        commandSnippet: command
+      };
+    case "write":
+    case "write_file":
+    case "create_file":
+      return {
+        title: filePath ? `Write ${cleanPath(filePath)}` : "Write file",
+        description: filePath,
+        displayVariant: "write-file",
+        targetPath: filePath
+      };
+    case "edit":
+    case "patch":
+      return {
+        title: filePath ? `Edit ${cleanPath(filePath)}` : "Edit file",
+        description: filePath,
+        hasDiffOutput: true,
+        diffFilePath: filePath,
+        targetPath: filePath
+      };
+    case "read":
+    case "read_file":
+    case "cat":
+      return {
+        title: filePath ? `Read ${cleanPath(filePath)}` : "Read file",
+        description: filePath,
+        targetPath: filePath
+      };
+    case "grep":
+    case "search":
+    case "rg": {
+      const pattern = extractString(input, "pattern");
+      return {
+        title: pattern ? `Search: ${pattern}` : "Search",
+        description: pattern,
+        displayVariant: "grep"
+      };
+    }
+    case "glob":
+    case "find":
+    case "ls": {
+      const pattern = extractString(input, "pattern");
+      return {
+        title: pattern ? `Find: ${pattern}` : "Find files",
+        description: pattern,
+        displayVariant: "glob"
+      };
+    }
+    case "web_search":
+    case "web_fetch":
+    case "fetch": {
+      const query = extractString(input, "query") ?? extractString(input, "url");
+      return {
+        title: query ? `Web: ${truncateCommand(query)}` : "Web search",
+        description: query,
+        displayVariant: "web-search"
+      };
+    }
+    case "task":
+    case "agent":
+    case "spawn": {
+      const desc = extractString(input, "description") ?? extractString(input, "prompt");
+      return {
+        title: desc ? `Task: ${truncateCommand(desc)}` : "Agent task",
+        description: desc
+      };
+    }
+    default:
+      return {
+        title: part.tool || "Tool"
+      };
+  }
+}
+function truncateCommand(cmd) {
+  const first = cmd.split("\n")[0];
+  return first.length > 60 ? first.slice(0, 57) + "..." : first;
+}
+function getToolErrorText(part, fallback) {
+  if (part.state.status !== "error") return void 0;
+  return part.state.error || fallback;
+}
+
+export {
+  TOOL_CATEGORY_ICONS,
+  getToolCategory,
+  getToolDisplayMetadata,
+  getToolErrorText
+};

package/dist/chunk-RQHJBTEU.js

@@ -0,0 +1,10 @@
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export {
+  cn
+};