@tangle-network/ui 11.9.0 → 11.11.0

package/dist/chunk-WUQDUBJG.js

@@ -1,168 +0,0 @@
-import {
-  cn
-} from "./chunk-RQHJBTEU.js";
-
-// src/markdown/code-block.tsx
-import {
-  memo,
-  useCallback,
-  useEffect,
-  useRef,
-  useState
-} from "react";
-import SyntaxHighlighter from "react-syntax-highlighter";
-import { Check, Copy } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function getSyntaxTheme() {
-  const el = typeof document !== "undefined" ? document.documentElement : null;
-  const v = (name, fallback) => el ? getComputedStyle(el).getPropertyValue(name).trim() || fallback : fallback;
-  const comment = v("--syntax-comment", "#6B7094");
-  const keyword = v("--syntax-keyword", "#A78FFF");
-  const string = v("--syntax-string", "#10b981");
-  const fn = v("--syntax-function", "#6D9FFF");
-  const number = v("--syntax-number", "#FFB347");
-  const meta = v("--syntax-meta", "#8263FF");
-  const error = v("--syntax-error", "#FF4D6D");
-  const variable = v("--syntax-variable", "#C4C0D8");
-  const fg = v("--syntax-foreground", "#E8E6F6");
-  return {
-    "hljs-comment": { color: comment, fontStyle: "italic" },
-    "hljs-quote": { color: comment, fontStyle: "italic" },
-    "hljs-doctag": { color: comment },
-    "hljs-keyword": { color: keyword },
-    "hljs-selector-tag": { color: keyword },
-    "hljs-literal": { color: keyword },
-    "hljs-type": { color: keyword },
-    "hljs-class": { color: keyword },
-    "hljs-string": { color: string },
-    "hljs-template-tag": { color: string },
-    "hljs-template-variable": { color: string },
-    "hljs-addition": { color: string },
-    "hljs-regexp": { color: string },
-    "hljs-title": { color: fn },
-    "hljs-section": { color: fn },
-    "hljs-built_in": { color: fn },
-    "hljs-name": { color: fn },
-    "hljs-function": { color: fn },
-    "hljs-selector-id": { color: fn },
-    "hljs-selector-class": { color: fn },
-    "hljs-attribute": { color: fn },
-    "hljs-number": { color: number },
-    "hljs-symbol": { color: number },
-    "hljs-bullet": { color: number },
-    "hljs-link": { color: number, textDecoration: "underline" },
-    "hljs-meta": { color: meta },
-    "hljs-selector-pseudo": { color: meta },
-    "hljs-deletion": { color: error },
-    "hljs-params": { color: variable },
-    "hljs-variable": { color: variable },
-    "hljs-tag": { color: variable },
-    "hljs-attr": { color: variable },
-    "hljs-subst": { color: variable },
-    "hljs-strong": { fontWeight: "bold" },
-    "hljs-emphasis": { fontStyle: "italic" },
-    "hljs": { color: fg, background: "transparent" }
-  };
-}
-var LIGHT_THEMES = /* @__PURE__ */ new Set(["vault", "dawn"]);
-function detectLightTheme() {
-  return typeof document !== "undefined" && LIGHT_THEMES.has(document.documentElement.getAttribute("data-sandbox-theme") ?? "");
-}
-function useIsLightTheme() {
-  const [isLight, setIsLight] = useState(detectLightTheme);
-  useEffect(() => {
-    if (typeof document === "undefined") return;
-    setIsLight(detectLightTheme());
-    const observer = new MutationObserver(() => setIsLight(detectLightTheme()));
-    observer.observe(document.documentElement, {
-      attributes: true,
-      attributeFilter: ["data-sandbox-theme"]
-    });
-    return () => observer.disconnect();
-  }, []);
-  return isLight;
-}
-var CodeBlock = memo(
-  ({ code, language, label, showLineNumbers = false, light: lightProp, className, children, ...props }) => {
-    const isLight = useIsLightTheme();
-    const light = lightProp ?? isLight;
-    const theme = getSyntaxTheme();
-    const bg = "bg-card border-border";
-    const headerBg = light ? "bg-muted/50 border-border" : "bg-background border-border";
-    const langColor = "text-muted-foreground";
-    const headerLabel = label ?? language;
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cn("group relative overflow-hidden rounded-lg border font-mono", bg, className),
-        ...props,
-        children: [
-          headerLabel && /* @__PURE__ */ jsxs("div", { className: cn("flex items-center justify-between border-b px-3 py-1", headerBg), children: [
-            /* @__PURE__ */ jsx("span", { className: cn("text-[calc(var(--font-size-xs)-1px)] font-mono font-medium uppercase tracking-widest", langColor), children: headerLabel }),
-            children
-          ] }),
-          !headerLabel && children && /* @__PURE__ */ jsx("div", { className: "absolute right-2 top-2 z-10 flex items-center gap-2 opacity-0 transition-opacity group-hover:opacity-100", children }),
-          /* @__PURE__ */ jsx(
-            SyntaxHighlighter,
-            {
-              language: language ?? "text",
-              style: theme,
-              showLineNumbers,
-              lineNumberStyle: {
-                color: light ? "#8B92B8" : "#4A4D6A",
-                minWidth: "2.5em",
-                paddingRight: "1em"
-              },
-              customStyle: {
-                margin: 0,
-                padding: "var(--code-padding-y, 0.625rem) var(--code-padding-x, 0.75rem)",
-                background: "transparent",
-                fontSize: "var(--code-font-size, 0.8125rem)",
-                lineHeight: "var(--code-line-height, 1.5)",
-                overflowX: "auto"
-              },
-              codeTagProps: { style: { fontFamily: "var(--font-mono, 'JetBrains Mono', ui-monospace, monospace)" } },
-              wrapLines: false,
-              children: code
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-CodeBlock.displayName = "CodeBlock";
-var CopyButton = memo(({ text }) => {
-  const [copied, setCopied] = useState(false);
-  const timerRef = useRef(null);
-  useEffect(() => {
-    return () => {
-      if (timerRef.current) clearTimeout(timerRef.current);
-    };
-  }, []);
-  const handleCopy = useCallback(async () => {
-    try {
-      await navigator.clipboard.writeText(text);
-      setCopied(true);
-      if (timerRef.current) clearTimeout(timerRef.current);
-      timerRef.current = setTimeout(() => setCopied(false), 2e3);
-    } catch (err) {
-      console.warn("Clipboard write failed:", err);
-    }
-  }, [text]);
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      onClick: handleCopy,
-      className: "flex items-center justify-center w-6 h-6 rounded-md bg-muted border border-border hover:border-primary/20 transition-colors",
-      title: "Copy to clipboard",
-      children: copied ? /* @__PURE__ */ jsx(Check, { className: "w-3.5 h-3.5 text-emerald-500" }) : /* @__PURE__ */ jsx(Copy, { className: "w-3.5 h-3.5 text-muted-foreground" })
-    }
-  );
-});
-CopyButton.displayName = "CopyButton";
-
-export {
-  CodeBlock,
-  CopyButton
-};

package/dist/chunk-XGKULLYE.js

@@ -1,40 +0,0 @@
-// 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-XU3HB5QL.js

@@ -1,127 +0,0 @@
-// src/files/file-format.ts
-var IMAGE_EXTENSIONS = ["png", "jpg", "jpeg", "gif", "svg", "webp", "avif"];
-var VIDEO_EXTENSIONS = ["mp4", "webm", "mov"];
-var AUDIO_EXTENSIONS = ["mp3", "wav", "ogg", "m4a"];
-var SPREADSHEET_MIME_TYPES = [
-  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-  "application/vnd.ms-excel"
-];
-var EXTENSION_TO_SYNTAX_LANGUAGE = {
-  ts: "typescript",
-  tsx: "tsx",
-  js: "javascript",
-  jsx: "jsx",
-  mjs: "javascript",
-  cjs: "javascript",
-  rs: "rust",
-  py: "python",
-  go: "go",
-  rb: "ruby",
-  json: "json",
-  yaml: "yaml",
-  yml: "yaml",
-  toml: "toml",
-  md: "markdown",
-  markdown: "markdown",
-  css: "css",
-  scss: "scss",
-  html: "html",
-  sh: "bash",
-  bash: "bash",
-  zsh: "bash",
-  bashrc: "bash",
-  bash_logout: "bash",
-  profile: "bash",
-  sql: "sql",
-  sol: "solidity",
-  proto: "protobuf"
-};
-var NON_CODE_SYNTAX_EXTENSIONS = /* @__PURE__ */ new Set(["json", "yaml", "yml", "md", "markdown"]);
-var PLAIN_CODE_EXTENSIONS = ["env", "gitignore"];
-var CODE_EXTENSIONS = /* @__PURE__ */ new Set([
-  ...Object.keys(EXTENSION_TO_SYNTAX_LANGUAGE).filter((ext) => !NON_CODE_SYNTAX_EXTENSIONS.has(ext)),
-  ...PLAIN_CODE_EXTENSIONS
-]);
-function fileExtension(filename) {
-  const base = filename.slice(filename.lastIndexOf("/") + 1);
-  const dot = base.lastIndexOf(".");
-  if (dot < 0) return "";
-  return base.slice(dot + 1).toLowerCase();
-}
-function mimeEssence(mimeType) {
-  return mimeType?.split(";")[0]?.trim().toLowerCase() ?? "";
-}
-function detectFileFormat(filename, mimeType) {
-  const ext = fileExtension(filename);
-  const mime = mimeEssence(mimeType);
-  if (mime === "application/pdf") return "pdf";
-  if (mime.startsWith("image/")) return "image";
-  if (mime.startsWith("video/")) return "video";
-  if (mime.startsWith("audio/")) return "audio";
-  if (mime === "text/markdown") return "markdown";
-  if (mime === "application/json") return "json";
-  if (mime === "text/csv" || mime === "application/csv") return "csv";
-  if (SPREADSHEET_MIME_TYPES.includes(mime)) return "spreadsheet";
-  if (mime === "application/yaml" || mime === "application/x-yaml" || mime === "text/yaml") return "yaml";
-  if (ext === "pdf") return "pdf";
-  if (IMAGE_EXTENSIONS.includes(ext)) return "image";
-  if (VIDEO_EXTENSIONS.includes(ext)) return "video";
-  if (AUDIO_EXTENSIONS.includes(ext)) return "audio";
-  if (ext === "csv") return "csv";
-  if (ext === "xlsx" || ext === "xls") return "spreadsheet";
-  if (CODE_EXTENSIONS.has(ext)) return "code";
-  if (ext === "json") return "json";
-  if (ext === "yaml" || ext === "yml") return "yaml";
-  if (ext === "md" || ext === "markdown") return "markdown";
-  if (["txt", "log", "text"].includes(ext)) return "text";
-  if (mime === "text/plain") return "text";
-  return "unknown";
-}
-function resolveFilePreviewKind(filename, mimeType) {
-  const format = detectFileFormat(filename, mimeType);
-  return format === "unknown" ? "binary" : format;
-}
-function getFormatLabel(format) {
-  switch (format) {
-    case "pdf":
-      return "PDF";
-    case "image":
-      return "Image";
-    case "video":
-      return "Video";
-    case "audio":
-      return "Audio";
-    case "csv":
-      return "CSV";
-    case "spreadsheet":
-      return "Spreadsheet";
-    case "code":
-      return "Code";
-    case "json":
-      return "JSON";
-    case "yaml":
-      return "YAML";
-    case "markdown":
-      return "Markdown";
-    case "text":
-      return "Text";
-    default:
-      return "File";
-  }
-}
-function getSyntaxLanguage(filename) {
-  return EXTENSION_TO_SYNTAX_LANGUAGE[fileExtension(filename)];
-}
-function getCodeLanguage(filename, format) {
-  if (format === "json" || format === "yaml") return format;
-  return getSyntaxLanguage(filename);
-}
-
-export {
-  fileExtension,
-  detectFileFormat,
-  resolveFilePreviewKind,
-  getFormatLabel,
-  getSyntaxLanguage,
-  getCodeLanguage
-};

package/dist/chunk-XYAIX4SU.js

@@ -1,133 +0,0 @@
-import {
-  ToolCallGroup,
-  ToolCallStep
-} from "./chunk-KNYSKNZX.js";
-import {
-  Markdown
-} from "./chunk-EOAX2ENE.js";
-import {
-  cn
-} from "./chunk-RQHJBTEU.js";
-
-// src/run/tool-call-feed.tsx
-import { jsx } from "react/jsx-runtime";
-function ToolCallFeed({ segments, className }) {
-  if (segments.length === 0) return null;
-  return /* @__PURE__ */ jsx("div", { className: cn("space-y-1", className), children: segments.map((segment, i) => {
-    if (segment.kind === "text") {
-      return segment.content.trim() ? /* @__PURE__ */ jsx(Markdown, { children: segment.content }, i) : null;
-    }
-    if (segment.kind === "tool_call") {
-      return /* @__PURE__ */ jsx(
-        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__ */ jsx(ToolCallGroup, { title: segment.title, children: segment.calls.map((call) => /* @__PURE__ */ jsx(
-        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 || createId(),
-      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 createId() {
-  if (typeof globalThis.crypto !== "undefined" && typeof globalThis.crypto.randomUUID === "function") {
-    try {
-      return globalThis.crypto.randomUUID();
-    } catch {
-    }
-  }
-  return `tool_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 10)}`;
-}
-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 {
-  ToolCallFeed,
-  parseToolEvent
-};