@tangle-network/ui 11.9.0 → 11.11.0

package/dist/chunk-KNYSKNZX.js

@@ -1,550 +0,0 @@
-import {
-  getToolCategory,
-  getToolDisplayMetadata,
-  getToolErrorText
-} from "./chunk-ND3ZFXQK.js";
-import {
-  CommandPreview,
-  DiffPreview,
-  GlobResultsPreview,
-  GrepResultsPreview,
-  QuestionPreview,
-  WebSearchPreview,
-  WriteFilePreview
-} from "./chunk-NWECTSOH.js";
-import {
-  TextShimmer
-} from "./chunk-L57WRIND.js";
-import {
-  formatDuration
-} from "./chunk-4CLN43XT.js";
-import {
-  CodeBlock
-} from "./chunk-WUQDUBJG.js";
-import {
-  cn
-} from "./chunk-RQHJBTEU.js";
-
-// src/run/expanded-tool-detail.tsx
-import { memo } from "react";
-import {
-  ArrowRight,
-  ArrowLeft,
-  AlertCircle,
-  Loader2,
-  FileText
-} from "lucide-react";
-
-// src/run/expandable-content.tsx
-import { useEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function ExpandableContent({
-  children,
-  collapsedMaxPx = 180,
-  fadeClassName = "from-muted",
-  className
-}) {
-  const [expanded, setExpanded] = useState(false);
-  const [overflowing, setOverflowing] = useState(false);
-  const contentRef = useRef(null);
-  useEffect(() => {
-    const el = contentRef.current;
-    if (!el) return;
-    const measure = () => setOverflowing(el.scrollHeight > collapsedMaxPx + 4);
-    measure();
-    if (typeof ResizeObserver === "undefined") return;
-    const observer = new ResizeObserver(measure);
-    observer.observe(el);
-    return () => observer.disconnect();
-  }, [collapsedMaxPx]);
-  const clamped = overflowing && !expanded;
-  return /* @__PURE__ */ jsxs("div", { className, children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref: contentRef,
-        className: "relative overflow-hidden",
-        style: clamped ? { maxHeight: collapsedMaxPx } : void 0,
-        children: [
-          children,
-          clamped ? /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn(
-                "pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t to-transparent",
-                fadeClassName
-              )
-            }
-          ) : null
-        ]
-      }
-    ),
-    overflowing ? /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: () => setExpanded((value) => !value),
-        className: "mt-1 text-[11px] font-medium text-muted-foreground transition-colors hover:text-foreground",
-        children: expanded ? "Show less" : "Show more"
-      }
-    ) : null
-  ] });
-}
-
-// src/run/expanded-tool-detail.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var EXT_LANG = {
-  ts: "typescript",
-  tsx: "tsx",
-  js: "javascript",
-  jsx: "jsx",
-  rs: "rust",
-  py: "python",
-  go: "go",
-  rb: "ruby",
-  json: "json",
-  yaml: "yaml",
-  yml: "yaml",
-  toml: "toml",
-  md: "markdown",
-  css: "css",
-  scss: "scss",
-  html: "html",
-  sh: "bash",
-  bash: "bash",
-  zsh: "bash",
-  sql: "sql",
-  sol: "solidity",
-  proto: "protobuf"
-};
-function langFromPath(path) {
-  if (!path) return void 0;
-  const ext = path.split(".").pop()?.toLowerCase();
-  return ext ? EXT_LANG[ext] : void 0;
-}
-function formatOutput(value) {
-  if (value == null) return "";
-  if (typeof value === "string") return value;
-  try {
-    return JSON.stringify(value, null, 2);
-  } catch {
-    return String(value);
-  }
-}
-var ExpandedToolDetail = memo(({ part }) => {
-  const meta = getToolDisplayMetadata(part);
-  const { status, input, output, error } = part.state;
-  if (meta.displayVariant === "command") {
-    return /* @__PURE__ */ jsx2(CommandPreview, { part });
-  }
-  if (meta.displayVariant === "write-file") {
-    return /* @__PURE__ */ jsx2(WriteFilePreview, { part });
-  }
-  if (meta.displayVariant === "grep") {
-    return /* @__PURE__ */ jsx2(GrepResultsPreview, { part });
-  }
-  if (meta.displayVariant === "glob") {
-    return /* @__PURE__ */ jsx2(GlobResultsPreview, { part });
-  }
-  if (meta.displayVariant === "web-search") {
-    return /* @__PURE__ */ jsx2(WebSearchPreview, { part });
-  }
-  if (meta.displayVariant === "question") {
-    return /* @__PURE__ */ jsx2(QuestionPreview, { part });
-  }
-  if (meta.displayVariant === "diff") {
-    return /* @__PURE__ */ jsx2(DiffPreview, { part });
-  }
-  if (meta.displayVariant === "read-file") {
-    return /* @__PURE__ */ jsxs2("div", { className: "overflow-hidden rounded-[var(--radius-lg)] border border-border bg-card shadow-[var(--shadow-card)]", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2.5 border-b border-border bg-card px-3 py-2", children: [
-        /* @__PURE__ */ jsx2("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-[var(--radius-sm)] border border-[var(--border-accent)] bg-muted text-primary", children: /* @__PURE__ */ jsx2(FileText, { className: "h-3.5 w-3.5" }) }),
-        /* @__PURE__ */ jsxs2("div", { className: "min-w-0 flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx2("span", { className: "text-xs font-semibold text-foreground", children: "Read file" }),
-          meta.targetPath ? /* @__PURE__ */ jsx2("span", { className: "truncate text-xs font-mono text-muted-foreground", children: meta.targetPath }) : null
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs2("div", { className: "space-y-2 px-3 py-2.5", children: [
-        typeof output === "string" ? /* @__PURE__ */ jsx2(CodeBlock, { code: output, language: langFromPath(meta.targetPath) ?? "text", className: "rounded-[var(--radius-md)]" }) : /* @__PURE__ */ jsx2("div", { className: "rounded-[var(--radius-md)] border border-dashed border-border bg-muted px-3 py-4 text-sm text-muted-foreground", children: "No readable file content was returned." }),
-        error ? /* @__PURE__ */ jsx2("div", { className: "rounded-[var(--radius-md)] border border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] px-3 py-3 text-sm text-[var(--surface-danger-text)]", children: error }) : null
-      ] })
-    ] });
-  }
-  const inputStr = formatOutput(input);
-  const outputStr = formatOutput(output);
-  return /* @__PURE__ */ jsxs2("div", { className: "space-y-3", children: [
-    inputStr && /* @__PURE__ */ jsxs2("div", { className: "overflow-hidden rounded-[var(--radius-lg)] border border-border bg-card", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 border-b border-border bg-background px-3 py-2", children: [
-        /* @__PURE__ */ jsx2(ArrowRight, { className: "h-3 w-3 text-primary" }),
-        /* @__PURE__ */ jsx2("span", { className: "text-xs font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Input" })
-      ] }),
-      /* @__PURE__ */ jsx2(CodeBlock, { code: inputStr, language: "json", className: "rounded-none border-0" })
-    ] }),
-    status === "completed" && outputStr && /* @__PURE__ */ jsxs2("div", { className: "overflow-hidden rounded-[var(--radius-lg)] border border-border bg-card", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 border-b border-border bg-background px-3 py-2", children: [
-        /* @__PURE__ */ jsx2(ArrowLeft, { className: "h-3 w-3 text-primary" }),
-        /* @__PURE__ */ jsx2("span", { className: "text-xs font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Output" })
-      ] }),
-      /* @__PURE__ */ jsx2(ExpandableContent, { fadeClassName: "from-card", children: /* @__PURE__ */ jsx2(
-        CodeBlock,
-        {
-          code: outputStr.length > 2e3 ? outputStr.slice(0, 2e3) + "\n...(truncated)" : outputStr,
-          language: "json",
-          className: "rounded-none border-0"
-        }
-      ) })
-    ] }),
-    error && /* @__PURE__ */ jsxs2("div", { className: "overflow-hidden rounded-[var(--radius-lg)] border border-[var(--surface-danger-border)]", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 border-b border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] px-3 py-2", children: [
-        /* @__PURE__ */ jsx2(AlertCircle, { className: "h-3 w-3 text-[var(--surface-danger-text)]" }),
-        /* @__PURE__ */ jsx2("span", { className: "text-xs font-medium uppercase tracking-[0.08em] text-[var(--surface-danger-text)]", children: "Error" })
-      ] }),
-      /* @__PURE__ */ jsx2(ExpandableContent, { fadeClassName: "from-[var(--surface-danger-bg)]", children: /* @__PURE__ */ jsx2("pre", { className: "bg-[var(--surface-danger-bg)] p-3 text-xs font-mono whitespace-pre-wrap break-all text-[var(--surface-danger-text)]", children: error }) })
-    ] }),
-    (status === "pending" || status === "running") && /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 rounded-[var(--radius-md)] border border-border bg-muted px-3 py-3 text-xs text-muted-foreground", children: [
-      /* @__PURE__ */ jsx2(Loader2, { className: cn("h-3 w-3 animate-spin text-primary") }),
-      "Running\u2026"
-    ] })
-  ] });
-});
-ExpandedToolDetail.displayName = "ExpandedToolDetail";
-
-// src/run/run-row-shell.tsx
-import { useState as useState2 } from "react";
-import * as Collapsible from "@radix-ui/react-collapsible";
-import { ChevronRight } from "lucide-react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function RunRowStatusDot({ status }) {
-  if (status !== "error") return null;
-  return /* @__PURE__ */ jsx3(
-    "span",
-    {
-      "data-run-row-status": "error",
-      className: "h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--surface-danger-text)]"
-    }
-  );
-}
-var SHAPE_CLASS = {
-  single: "rounded-[var(--radius-lg)]",
-  first: "rounded-t-[var(--radius-lg)] rounded-b-[var(--radius-sm)]",
-  middle: "rounded-[var(--radius-sm)]",
-  last: "rounded-t-[var(--radius-sm)] rounded-b-[var(--radius-lg)]"
-};
-var HEADER_INSET = "px-2 py-1";
-var ERROR_INDENT = "pl-[2.375rem]";
-function RunRowShell({
-  icon,
-  title,
-  description,
-  descriptionMono = false,
-  status = "idle",
-  durationMs,
-  groupPosition = "single",
-  collapsedError,
-  actions,
-  open: openProp,
-  onOpenChange,
-  defaultOpen = false,
-  className,
-  contentClassName,
-  children
-}) {
-  const [openState, setOpenState] = useState2(defaultOpen);
-  const isControlled = openProp !== void 0;
-  const open = isControlled ? openProp : openState;
-  const setOpen = (next) => {
-    if (!isControlled) setOpenState(next);
-    onOpenChange?.(next);
-  };
-  const isRunning = status === "running";
-  const expandable = children != null;
-  return /* @__PURE__ */ jsx3(Collapsible.Root, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs3("div", { className: "flex items-start gap-2", children: [
-    /* @__PURE__ */ jsxs3(
-      "div",
-      {
-        "data-run-row": "",
-        "data-state": open ? "open" : "closed",
-        className: cn(
-          "group min-w-0 flex-1 overflow-hidden border transition-colors",
-          open ? "border-border bg-[var(--md3-surface-container)]" : "border-transparent bg-transparent",
-          expandable && !open && "hover:bg-[var(--md3-surface-container)]",
-          SHAPE_CLASS[groupPosition],
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsx3(Collapsible.Trigger, { asChild: true, disabled: !expandable, children: /* @__PURE__ */ jsxs3(
-            "button",
-            {
-              type: "button",
-              className: cn(
-                "flex w-full items-center gap-2 text-left",
-                HEADER_INSET,
-                expandable ? "cursor-pointer" : "cursor-default"
-              ),
-              children: [
-                /* @__PURE__ */ jsxs3(
-                  "span",
-                  {
-                    "aria-hidden": true,
-                    className: "flex h-[1.375rem] w-[1.375rem] shrink-0 items-center justify-center text-muted-foreground",
-                    children: [
-                      /* @__PURE__ */ jsx3(
-                        "span",
-                        {
-                          "data-run-row-glyph": "",
-                          className: cn(
-                            "flex items-center justify-center",
-                            expandable && "group-hover:hidden",
-                            open && "hidden"
-                          ),
-                          children: icon
-                        }
-                      ),
-                      expandable ? /* @__PURE__ */ jsx3(
-                        ChevronRight,
-                        {
-                          "data-run-row-chevron": "",
-                          className: cn(
-                            "hidden h-3.5 w-3.5 transition-transform group-hover:block",
-                            open && "block rotate-90"
-                          )
-                        }
-                      ) : null
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsx3(
-                  "span",
-                  {
-                    className: cn(
-                      "shrink-0 whitespace-nowrap text-sm font-normal text-muted-foreground transition-colors group-hover:text-foreground",
-                      open && "text-foreground"
-                    ),
-                    children: title
-                  }
-                ),
-                description ? /* @__PURE__ */ jsx3(
-                  "span",
-                  {
-                    className: cn(
-                      "hidden min-w-0 flex-1 truncate text-sm text-muted-foreground transition-colors group-hover:text-foreground sm:inline",
-                      descriptionMono && "font-mono"
-                    ),
-                    children: description
-                  }
-                ) : null,
-                /* @__PURE__ */ jsxs3("span", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: [
-                  !isRunning && durationMs != null ? /* @__PURE__ */ jsx3(
-                    "span",
-                    {
-                      "data-run-row-duration": "",
-                      className: "font-mono text-[10px] tabular-nums text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100",
-                      children: formatDuration(durationMs)
-                    }
-                  ) : null,
-                  /* @__PURE__ */ jsx3(RunRowStatusDot, { status })
-                ] })
-              ]
-            }
-          ) }),
-          collapsedError && !open ? /* @__PURE__ */ jsx3(
-            "div",
-            {
-              className: cn(
-                "pb-1.5 pr-2 text-xs leading-snug text-[var(--surface-danger-text)]",
-                ERROR_INDENT
-              ),
-              children: collapsedError
-            }
-          ) : null,
-          expandable ? /* @__PURE__ */ jsx3(Collapsible.Content, { className: "overflow-hidden data-[state=open]:animate-slideDown data-[state=closed]:animate-slideUp", children: /* @__PURE__ */ jsx3("div", { className: cn("border-t border-border", contentClassName), children }) }) : null
-        ]
-      }
-    ),
-    actions ? /* @__PURE__ */ jsx3(
-      "div",
-      {
-        className: "flex shrink-0 flex-wrap items-center justify-end gap-1.5 pt-1",
-        onClick: (event) => event.stopPropagation(),
-        children: actions
-      }
-    ) : null
-  ] }) });
-}
-
-// src/run/inline-tool-item.tsx
-import { memo as memo2 } from "react";
-import {
-  Terminal,
-  FileEdit,
-  FileSearch,
-  Search,
-  PencilLine,
-  Bot,
-  Globe,
-  ClipboardList,
-  Settings
-} from "lucide-react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var TOOL_CATEGORY_ICON_MAP = {
-  command: Terminal,
-  write: FileEdit,
-  read: FileSearch,
-  search: Search,
-  edit: PencilLine,
-  task: Bot,
-  web: Globe,
-  todo: ClipboardList,
-  other: Settings
-};
-function toRowStatus(status) {
-  if (status === "pending" || status === "running") return "running";
-  if (status === "error") return "error";
-  return "success";
-}
-var InlineToolItem = memo2(
-  ({
-    part,
-    renderToolDetail,
-    groupPosition = "single",
-    className,
-    contentClassName,
-    actions,
-    title: titleOverride,
-    description: descriptionOverride
-  }) => {
-    const meta = getToolDisplayMetadata(part);
-    const title = titleOverride ?? meta.title;
-    const description = descriptionOverride ?? meta.description;
-    const errorText = getToolErrorText(part);
-    const startTime = part.state.time?.start;
-    const endTime = part.state.time?.end;
-    const durationMs = startTime != null && endTime != null ? endTime - startTime : void 0;
-    const category = getToolCategory(part.tool);
-    const DefaultIcon = TOOL_CATEGORY_ICON_MAP[category] ?? Settings;
-    const status = toRowStatus(part.state.status);
-    return /* @__PURE__ */ jsx4(
-      RunRowShell,
-      {
-        icon: /* @__PURE__ */ jsx4(DefaultIcon, { className: "h-3.5 w-3.5" }),
-        title: status === "running" ? /* @__PURE__ */ jsx4(TextShimmer, { children: title }) : title,
-        description,
-        descriptionMono: true,
-        status,
-        durationMs,
-        groupPosition,
-        collapsedError: errorText ?? void 0,
-        actions,
-        className,
-        contentClassName: cn("p-2", contentClassName),
-        children: renderToolDetail?.(part) ?? /* @__PURE__ */ jsx4(ExpandedToolDetail, { part })
-      }
-    );
-  }
-);
-InlineToolItem.displayName = "InlineToolItem";
-
-// src/run/tool-call-step.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-var EXT_LANGUAGE = {
-  ts: "typescript",
-  tsx: "typescript",
-  js: "javascript",
-  jsx: "javascript",
-  mjs: "javascript",
-  cjs: "javascript",
-  css: "css",
-  scss: "scss",
-  json: "json",
-  jsonc: "json",
-  md: "markdown",
-  mdx: "markdown",
-  py: "python",
-  sh: "bash",
-  bash: "bash",
-  zsh: "bash",
-  html: "html",
-  htm: "html",
-  yaml: "yaml",
-  yml: "yaml",
-  toml: "toml",
-  rs: "rust",
-  go: "go",
-  sql: "sql",
-  xml: "xml"
-};
-function inferLanguage(detail, language) {
-  if (language) return language;
-  if (!detail) return void 0;
-  const ext = detail.split(".").pop()?.toLowerCase();
-  return ext ? EXT_LANGUAGE[ext] : void 0;
-}
-var STATUS_MAP = {
-  running: "running",
-  success: "completed",
-  error: "error"
-};
-function ToolCallStep({
-  type,
-  label,
-  status,
-  detail,
-  output,
-  language,
-  duration,
-  className,
-  actions,
-  part
-}) {
-  const resolvedPart = part ?? {
-    type: "tool",
-    id: `${type}:${label}`,
-    tool: type,
-    state: {
-      status: STATUS_MAP[status],
-      input: detail ? { detail } : void 0,
-      output,
-      time: duration != null ? { start: 0, end: duration } : void 0
-    }
-  };
-  const lang = inferLanguage(detail, language);
-  return /* @__PURE__ */ jsx5(
-    InlineToolItem,
-    {
-      part: resolvedPart,
-      title: label,
-      description: detail,
-      className,
-      actions,
-      renderToolDetail: part ? void 0 : output ? () => /* @__PURE__ */ jsx5(
-        CodeBlock,
-        {
-          code: output,
-          language: lang,
-          className: "max-h-72 overflow-auto text-xs"
-        }
-      ) : () => null
-    }
-  );
-}
-function ToolCallGroup({ title, children, className }) {
-  return /* @__PURE__ */ jsx5(
-    "div",
-    {
-      role: "group",
-      "aria-label": title,
-      className: cn("flex flex-col gap-1", className),
-      children
-    }
-  );
-}
-
-export {
-  ExpandableContent,
-  ExpandedToolDetail,
-  RunRowStatusDot,
-  RunRowShell,
-  InlineToolItem,
-  ToolCallStep,
-  ToolCallGroup
-};

package/dist/chunk-L57WRIND.js

@@ -1,59 +0,0 @@
-import {
-  cn
-} from "./chunk-RQHJBTEU.js";
-
-// src/primitives/text-shimmer.tsx
-import { useEffect, useLayoutEffect } from "react";
-import { jsx } from "react/jsx-runtime";
-var CLASS_NAME = "tangle-text-shimmer";
-var STYLE_ID = "tangle-text-shimmer-styles";
-var SHIMMER_CSS = `
-@keyframes ${CLASS_NAME} {
-  from { -webkit-mask-position: 150% center; mask-position: 150% center; }
-  to { -webkit-mask-position: -50% center; mask-position: -50% center; }
-}
-.${CLASS_NAME} {
-  -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0.72) 0%, #000 45%, rgba(0,0,0,0.72) 60%);
-  mask-image: linear-gradient(90deg, rgba(0,0,0,0.72) 0%, #000 45%, rgba(0,0,0,0.72) 60%);
-  -webkit-mask-size: 250% 100%;
-  mask-size: 250% 100%;
-  animation: ${CLASS_NAME} 1.4s linear infinite;
-}
-@media (prefers-reduced-motion: reduce) {
-  .${CLASS_NAME} {
-    animation: none;
-    -webkit-mask-image: none;
-    mask-image: none;
-    text-decoration: underline dotted currentColor;
-    text-underline-offset: 3px;
-  }
-}
-`;
-function ensureShimmerStyles() {
-  if (typeof document === "undefined") return;
-  if (document.getElementById(STYLE_ID)) return;
-  const style = document.createElement("style");
-  style.id = STYLE_ID;
-  style.textContent = SHIMMER_CSS;
-  document.head.appendChild(style);
-}
-var useIsomorphicLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
-function TextShimmer({
-  children,
-  className,
-  durationMs = 1400
-}) {
-  useIsomorphicLayoutEffect(ensureShimmerStyles, []);
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: cn(CLASS_NAME, "text-foreground", className),
-      style: { animationDuration: `${durationMs}ms` },
-      children
-    }
-  );
-}
-
-export {
-  TextShimmer
-};