@heroui/agent 0.2.0-beta.1 → 0.2.0-beta.2

package/dist/chunk-DW4AQRM5.js

@@ -1,297 +0,0 @@
-import {
-  resolveOverlayPortalContainer
-} from "./chunk-TOOT6SZ2.js";
-
-// ../agent-ui/src/types.ts
-function componentActionFromSpec(componentId, action) {
-  if (action.toolCall) {
-    return {
-      actionId: action.id,
-      args: action.toolCall.arguments,
-      componentId,
-      label: action.label,
-      prompt: action.prompt,
-      toolName: action.toolCall.name,
-      type: "tool"
-    };
-  }
-  if (action.prompt) {
-    return { componentId, label: action.label, prompt: action.prompt, type: "followup" };
-  }
-  return null;
-}
-function createComponentSelection(component, datum) {
-  return { componentId: component.id, componentTitle: component.title, datum };
-}
-
-// ../agent-ui/src/utils/formatters.ts
-var numberFormatters = /* @__PURE__ */ new Map();
-function supportedLocale(locale) {
-  try {
-    return Intl.NumberFormat.supportedLocalesOf([locale])[0] ?? "en";
-  } catch {
-    return "en";
-  }
-}
-function formatNumber(value, format, locale = "en") {
-  const resolvedLocale = supportedLocale(locale);
-  if (!format) return value.toLocaleString(resolvedLocale);
-  const options = {
-    ...format.style === "currency" ? { currency: format.currency, style: "currency" } : {},
-    ...format.style === "percent" ? { style: "percent" } : {},
-    ...format.style === "percent" && format.maximumFractionDigits !== void 0 ? { maximumFractionDigits: format.maximumFractionDigits } : {},
-    ...format.style !== "percent" && format.compact ? { notation: "compact" } : {}
-  };
-  const cacheKey = `${resolvedLocale}:${JSON.stringify(options)}`;
-  let formatter = numberFormatters.get(cacheKey);
-  if (!formatter) {
-    formatter = new Intl.NumberFormat(resolvedLocale, options);
-    numberFormatters.set(cacheKey, formatter);
-  }
-  return formatter.format(value);
-}
-function formatAxisValue(value, locale = "en") {
-  const resolvedLocale = supportedLocale(locale);
-  const absolute = Math.abs(value);
-  if (absolute >= 1e6)
-    return `${(value / 1e6).toLocaleString(resolvedLocale, { maximumFractionDigits: 1 })}M`;
-  if (absolute >= 1e3)
-    return `${(value / 1e3).toLocaleString(resolvedLocale, { maximumFractionDigits: 1 })}K`;
-  return value.toLocaleString(resolvedLocale, { maximumFractionDigits: 1 });
-}
-function formatDelta(value, options = {}, locale = "en") {
-  const formatter = new Intl.NumberFormat(supportedLocale(locale), {
-    maximumFractionDigits: options.maximumFractionDigits ?? 2,
-    signDisplay: "always",
-    style: options.style === "percent" ? "percent" : "decimal"
-  });
-  return formatter.format(value);
-}
-function formatCell(value, format, locale = "en") {
-  return typeof value === "number" ? formatNumber(value, format, locale) : String(value ?? "");
-}
-
-// ../agent-ui/src/components/component-actions/export-actions.tsx
-import { Ellipsis } from "@gravity-ui/icons";
-import { Button, Dropdown, Label } from "@heroui/react";
-import { useCallback, useRef, useState } from "react";
-
-// ../agent-ui/src/components/component-actions/export-utils.ts
-function filename(title, extension) {
-  const stem = title.trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "").slice(0, 80);
-  return `${stem || "agent-ui"}.${extension}`;
-}
-function download(data, type, name) {
-  if (typeof document === "undefined" || typeof URL.createObjectURL !== "function") return;
-  const url = URL.createObjectURL(new Blob([data], { type }));
-  const anchor = document.createElement("a");
-  anchor.download = name;
-  anchor.href = url;
-  anchor.click();
-  URL.revokeObjectURL(url);
-}
-function csvCell(value) {
-  const text = String(value ?? "");
-  return /[",\r\n]/.test(text) ? `"${text.replaceAll('"', '""')}"` : text;
-}
-function componentToCsv(component) {
-  let rows;
-  let keys;
-  if (component.kind === "data-table") {
-    rows = component.rows;
-    keys = component.columns.map((column) => column.key);
-  } else if (component.kind === "line-chart" || component.kind === "area-chart" || component.kind === "bar-chart" || component.kind === "composed-chart" || component.kind === "pie-chart" || component.kind === "donut-chart" || component.kind === "radar-chart" || component.kind === "radial-chart" || component.kind === "scatter-chart" || component.kind === "heatmap") {
-    rows = component.data;
-    keys = [...new Set(rows.flatMap((row) => Object.keys(row)))];
-  }
-  if (!rows || !keys?.length) return null;
-  return [
-    keys.map(csvCell).join(","),
-    ...rows.map((row) => keys.map((key) => csvCell(row[key])).join(","))
-  ].join("\n");
-}
-var SVG_STYLE_TOKENS = [
-  "--accent",
-  "--border",
-  "--chart-1",
-  "--chart-2",
-  "--chart-3",
-  "--chart-4",
-  "--chart-5",
-  "--foreground",
-  "--muted",
-  "--surface"
-];
-function svgMarkup(button) {
-  const card = button.closest('[data-slot="agent-ui-card"]');
-  const svg = card?.querySelector("svg");
-  if (!(card instanceof HTMLElement) || !(svg instanceof SVGElement)) return null;
-  const clone = svg.cloneNode(true);
-  const styles = getComputedStyle(card);
-  const variables = SVG_STYLE_TOKENS.map((token) => `${token}:${styles.getPropertyValue(token)}`).filter((entry) => !entry.endsWith(":")).join(";");
-  clone.setAttribute("xmlns", "http://www.w3.org/2000/svg");
-  clone.setAttribute("style", [clone.getAttribute("style"), variables].filter(Boolean).join(";"));
-  return new XMLSerializer().serializeToString(clone);
-}
-async function exportPng(button, title) {
-  const markup = svgMarkup(button);
-  if (!markup || typeof Image === "undefined" || typeof URL.createObjectURL !== "function") return;
-  const source = URL.createObjectURL(new Blob([markup], { type: "image/svg+xml;charset=utf-8" }));
-  const image = new Image();
-  await new Promise((resolve, reject) => {
-    image.onload = () => resolve();
-    image.onerror = () => reject(new Error("Unable to render component image"));
-    image.src = source;
-  });
-  const canvas = document.createElement("canvas");
-  const scale = Math.max(1, window.devicePixelRatio || 1);
-  canvas.width = Math.max(1, image.width) * scale;
-  canvas.height = Math.max(1, image.height) * scale;
-  const context = canvas.getContext("2d");
-  context?.scale(scale, scale);
-  context?.drawImage(image, 0, 0);
-  URL.revokeObjectURL(source);
-  const blob = await new Promise((resolve) => canvas.toBlob(resolve, "image/png"));
-  if (blob) download(blob, "image/png", filename(title, "png"));
-}
-function exportComponent(button, component, format) {
-  if (format === "csv") {
-    const csv = componentToCsv(component);
-    if (csv) download(csv, "text/csv;charset=utf-8", filename(component.title, "csv"));
-  } else if (format === "svg") {
-    const markup = svgMarkup(button);
-    if (markup) download(markup, "image/svg+xml;charset=utf-8", filename(component.title, "svg"));
-  } else {
-    void exportPng(button, component.title);
-  }
-}
-
-// ../agent-ui/src/components/component-actions/export-actions.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var FORMAT_LABELS = {
-  csv: "Export as CSV",
-  png: "Export as PNG",
-  svg: "Export as SVG"
-};
-function ComponentExportActions({
-  component,
-  formats = [],
-  onAction
-}) {
-  const triggerRef = useRef(null);
-  const [portalContainer, setPortalContainer] = useState();
-  const [isOpen, setIsOpen] = useState(false);
-  const pointerOpenAt = useRef(0);
-  const handleOpenChange = (nextOpen) => {
-    if (!nextOpen && Date.now() - pointerOpenAt.current < 350) return;
-    setIsOpen(nextOpen);
-  };
-  const captureTrigger = useCallback((node) => {
-    triggerRef.current = node;
-    setPortalContainer(resolveOverlayPortalContainer(node));
-  }, []);
-  const supported = formats.filter((format) => format !== "csv" || componentToCsv(component));
-  if (supported.length === 0) return null;
-  return /* @__PURE__ */ jsx("div", { className: "aui-export-actions", "data-slot": "agent-ui-export-actions", children: /* @__PURE__ */ jsxs(Dropdown, { isOpen, onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        ref: captureTrigger,
-        isIconOnly: true,
-        "aria-label": `Export options for ${component.title}`,
-        size: "sm",
-        variant: "ghost",
-        onPointerDown: () => {
-          pointerOpenAt.current = Date.now();
-        },
-        children: /* @__PURE__ */ jsx(Ellipsis, {})
-      }
-    ),
-    /* @__PURE__ */ jsx(Dropdown.Popover, { placement: "bottom end", UNSTABLE_portalContainer: portalContainer, children: /* @__PURE__ */ jsx(
-      Dropdown.Menu,
-      {
-        onAction: (key) => {
-          const format = key;
-          if (triggerRef.current) exportComponent(triggerRef.current, component, format);
-          onAction?.({ componentId: component.id, format, type: "export" });
-          setIsOpen(false);
-        },
-        children: supported.map((format) => /* @__PURE__ */ jsx(Dropdown.Item, { id: format, textValue: FORMAT_LABELS[format], children: /* @__PURE__ */ jsx(Label, { children: FORMAT_LABELS[format] }) }, format))
-      }
-    ) })
-  ] }) });
-}
-
-// ../agent-ui/src/components/data-visualization/trend-change/trend-change.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function TrendArrow({ direction }) {
-  return /* @__PURE__ */ jsx2(
-    "svg",
-    {
-      "aria-hidden": "true",
-      className: "aui-change__indicator",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: "2",
-      viewBox: "0 0 24 24",
-      children: direction === "up" ? /* @__PURE__ */ jsx2("path", { d: "M12 19V5m-5 5 5-5 5 5" }) : /* @__PURE__ */ jsx2("path", { d: "M12 5v14m5-5-5 5-5-5" })
-    }
-  );
-}
-function TrendChange({ slot, value }) {
-  return /* @__PURE__ */ jsxs2(
-    "span",
-    {
-      className: "aui-change",
-      "data-slot": slot,
-      "data-trend": value > 0 ? "up" : value < 0 ? "down" : "neutral",
-      children: [
-        value === 0 ? null : /* @__PURE__ */ jsx2(TrendArrow, { direction: value > 0 ? "up" : "down" }),
-        formatDelta(value),
-        "%"
-      ]
-    }
-  );
-}
-
-// ../agent-ui/src/components/data-visualization/charts/chart-colors.ts
-var COLORS = [
-  "var(--chart-3, var(--accent))",
-  "var(--chart-1, oklch(from var(--accent) calc(l - 0.24) c h))",
-  "var(--chart-4, oklch(from var(--accent) calc(l + 0.12) c h))",
-  "var(--chart-2, oklch(from var(--accent) calc(l - 0.12) c h))",
-  "var(--chart-5, oklch(from var(--accent) calc(l + 0.24) c h))"
-];
-var CHART_COLOR_TOKENS = {
-  accent: "var(--accent)",
-  "chart-1": "var(--chart-1, oklch(from var(--accent) calc(l - 0.24) c h))",
-  "chart-2": "var(--chart-2, oklch(from var(--accent) calc(l - 0.12) c h))",
-  "chart-3": "var(--chart-3, var(--accent))",
-  "chart-4": "var(--chart-4, oklch(from var(--accent) calc(l + 0.12) c h))",
-  "chart-5": "var(--chart-5, oklch(from var(--accent) calc(l + 0.24) c h))",
-  danger: "var(--danger)",
-  default: "var(--default-foreground, var(--foreground))",
-  success: "var(--success)",
-  warning: "var(--warning)"
-};
-function resolveChartColor(color, index) {
-  return color ? CHART_COLOR_TOKENS[color] : COLORS[index % COLORS.length];
-}
-function paletteChartColor(index) {
-  return COLORS[index % COLORS.length];
-}
-
-export {
-  componentActionFromSpec,
-  createComponentSelection,
-  formatNumber,
-  formatAxisValue,
-  formatCell,
-  ComponentExportActions,
-  TrendChange,
-  CHART_COLOR_TOKENS,
-  resolveChartColor,
-  paletteChartColor
-};