@tangle-network/ui 11.9.0 → 11.11.0

package/dist/chunk-LTEKI7YJ.js

@@ -1,59 +0,0 @@
-import {
-  cn
-} from "./chunk-RQHJBTEU.js";
-
-// src/primitives/artifact-pane.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function ArtifactPane({
-  eyebrow,
-  title,
-  subtitle,
-  meta,
-  headerActions,
-  tabs,
-  toolbar,
-  footer,
-  emptyState,
-  children,
-  className,
-  contentClassName,
-  headerClassName,
-  hideTitleBlock = false
-}) {
-  const hasContent = children !== void 0 && children !== null;
-  const showTitleRow = !hideTitleBlock || Boolean(headerActions);
-  const hasHeader = showTitleRow || Boolean(tabs) || Boolean(toolbar);
-  const toolbarNeedsDivider = showTitleRow || Boolean(tabs);
-  return /* @__PURE__ */ jsxs(
-    "section",
-    {
-      className: cn(
-        "flex h-full min-h-0 flex-col overflow-hidden bg-background text-foreground",
-        className
-      ),
-      children: [
-        hasHeader && /* @__PURE__ */ jsxs("header", { className: cn("border-b border-border bg-muted/10", headerClassName), children: [
-          showTitleRow && /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3 px-3 py-2", children: [
-            /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: !hideTitleBlock && /* @__PURE__ */ jsxs(Fragment, { 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: cn("px-3 py-2", toolbarNeedsDivider && "border-t border-border"), 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-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
-};

package/dist/chunk-ND3ZFXQK.js

@@ -1,179 +0,0 @@
-// 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") ?? extractString(input, "file");
-}
-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: "Shell",
-        description: command ? truncateCommand(command) : void 0,
-        displayVariant: "command",
-        commandSnippet: command
-      };
-    case "write":
-    case "write_file":
-    case "create_file":
-      return {
-        title: "Write",
-        description: filePath,
-        displayVariant: "write-file",
-        targetPath: filePath
-      };
-    case "edit":
-    case "patch":
-      return {
-        title: "Edit",
-        description: filePath,
-        hasDiffOutput: true,
-        diffFilePath: filePath,
-        displayVariant: "diff",
-        targetPath: filePath
-      };
-    case "read":
-    case "read_file":
-    case "cat":
-      return {
-        title: "Read",
-        description: filePath,
-        displayVariant: "read-file",
-        targetPath: filePath
-      };
-    case "grep":
-    case "search":
-    case "rg": {
-      const pattern = extractString(input, "pattern");
-      return {
-        title: "Search",
-        description: pattern,
-        displayVariant: "grep"
-      };
-    }
-    case "glob":
-    case "find":
-    case "ls": {
-      const pattern = extractString(input, "pattern");
-      return {
-        title: "Find",
-        description: pattern,
-        displayVariant: "glob"
-      };
-    }
-    case "web_search":
-    case "web_fetch":
-    case "fetch": {
-      const query = extractString(input, "query") ?? extractString(input, "url");
-      return {
-        title: name === "web_search" ? "Web search" : "Fetch",
-        description: query ? truncateCommand(query) : void 0,
-        displayVariant: "web-search"
-      };
-    }
-    case "task":
-    case "agent":
-    case "spawn": {
-      const desc = extractString(input, "description") ?? extractString(input, "prompt");
-      return {
-        title: "Task",
-        description: desc ? truncateCommand(desc) : void 0
-      };
-    }
-    default:
-      return {
-        title: part.tool || "Tool",
-        description: command ?? filePath ?? extractString(input, "pattern") ?? extractString(input, "query")
-      };
-  }
-}
-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-NKDZ7GZE.js

@@ -1,192 +0,0 @@
-import {
-  Avatar,
-  AvatarFallback,
-  AvatarImage,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger
-} from "./chunk-34A66VBG.js";
-import {
-  Button
-} from "./chunk-MKTSMWVD.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: "bg-[image:var(--accent-gradient-strong)]"
-  }[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(
-                  "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-[var(--surface-danger-text)] focus:text-[var(--surface-danger-text)]",
-          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
-    }
-  );
-}
-
-// src/auth/login-layout.tsx
-import { Terminal } from "lucide-react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function LoginLayout({
-  title = "Welcome Back",
-  subtitle = "Sign in to your workspace.",
-  brandIcon,
-  children,
-  className
-}) {
-  return /* @__PURE__ */ jsx2("div", { className: cn("relative flex min-h-screen items-center justify-center bg-background overflow-hidden antialiased font-sans flex-col", className), children: /* @__PURE__ */ jsxs2("div", { className: "z-10 w-full max-w-md px-6 animate-in flex flex-col items-center", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "mb-10 text-center flex flex-col items-center", children: [
-      /* @__PURE__ */ jsx2("div", { className: "inline-flex h-14 w-14 mb-4 items-center justify-center rounded-lg bg-muted border border-border", children: brandIcon || /* @__PURE__ */ jsx2(Terminal, { className: "h-7 w-7 text-foreground" }) }),
-      /* @__PURE__ */ jsx2("h1", { className: "text-2xl font-bold tracking-tight text-foreground font-display", children: title }),
-      /* @__PURE__ */ jsx2("p", { className: "mt-2 text-sm text-muted-foreground", children: subtitle })
-    ] }),
-    /* @__PURE__ */ jsx2("div", { className: "w-full bg-card p-8 border border-border rounded-lg", children })
-  ] }) });
-}
-
-export {
-  GitHubLoginButton,
-  UserMenu,
-  AuthHeader,
-  LoginLayout
-};