@elabs-ai/components-ai 4.2.0 → 5.1.0

package/dist/chunk-BBHFOYML.js

@@ -0,0 +1,336 @@
+"use client";
+
+// src/stack-trace.tsx
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import { Button } from "@elabs-ai/components-ui";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@elabs-ai/components-ui";
+import { useCopyToClipboard, useLocale } from "@elabs-ai/components-ui";
+import { cn } from "@elabs-ai/components-ui/lib/cn";
+import { AlertTriangleIcon, CheckIcon, ChevronDownIcon, CopyIcon } from "lucide-react";
+import { createContext, memo, useCallback, useContext, useMemo } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var STACK_FRAME_WITH_PARENS_REGEX = /^at\s+(.+?)\s+\((.+):(\d+):(\d+)\)$/;
+var STACK_FRAME_WITHOUT_FN_REGEX = /^at\s+(.+):(\d+):(\d+)$/;
+var ERROR_TYPE_REGEX = /^(\w+Error|Error):\s*(.*)$/;
+var AT_PREFIX_REGEX = /^at\s+/;
+var StackTraceContext = createContext(null);
+var useStackTrace = () => {
+  const context = useContext(StackTraceContext);
+  if (!context) {
+    throw new Error("StackTrace components must be used within StackTrace");
+  }
+  return context;
+};
+var parseStackFrame = (line) => {
+  const trimmed = line.trim();
+  const withParensMatch = trimmed.match(STACK_FRAME_WITH_PARENS_REGEX);
+  if (withParensMatch) {
+    const [, functionName, filePath, lineNum, colNum] = withParensMatch;
+    const isInternal = (filePath?.includes("node_modules") ?? false) || (filePath?.startsWith("node:") ?? false) || (filePath?.includes("internal/") ?? false);
+    return {
+      columnNumber: colNum ? Number.parseInt(colNum, 10) : null,
+      filePath: filePath ?? null,
+      functionName: functionName ?? null,
+      isInternal,
+      lineNumber: lineNum ? Number.parseInt(lineNum, 10) : null,
+      raw: trimmed
+    };
+  }
+  const withoutFnMatch = trimmed.match(STACK_FRAME_WITHOUT_FN_REGEX);
+  if (withoutFnMatch) {
+    const [, filePath, lineNum, colNum] = withoutFnMatch;
+    const isInternal = (filePath?.includes("node_modules") ?? false) || (filePath?.startsWith("node:") ?? false) || (filePath?.includes("internal/") ?? false);
+    return {
+      columnNumber: colNum ? Number.parseInt(colNum, 10) : null,
+      filePath: filePath ?? null,
+      functionName: null,
+      isInternal,
+      lineNumber: lineNum ? Number.parseInt(lineNum, 10) : null,
+      raw: trimmed
+    };
+  }
+  return {
+    columnNumber: null,
+    filePath: null,
+    functionName: null,
+    isInternal: trimmed.includes("node_modules") || trimmed.includes("node:"),
+    lineNumber: null,
+    raw: trimmed
+  };
+};
+var parseStackTrace = (trace) => {
+  const lines = trace.split("\n").filter((line) => line.trim());
+  if (lines.length === 0) {
+    return {
+      errorMessage: trace,
+      errorType: null,
+      frames: [],
+      raw: trace
+    };
+  }
+  const firstLine = lines[0]?.trim() ?? "";
+  let errorType = null;
+  let errorMessage = firstLine;
+  const errorMatch = firstLine.match(ERROR_TYPE_REGEX);
+  if (errorMatch) {
+    const [, type, msg] = errorMatch;
+    errorType = type ?? null;
+    errorMessage = msg || "";
+  }
+  const frames = lines.slice(1).filter((line) => line.trim().startsWith("at ")).map(parseStackFrame);
+  return {
+    errorMessage,
+    errorType,
+    frames,
+    raw: trace
+  };
+};
+var StackTrace = memo(
+  ({
+    trace,
+    className,
+    open,
+    defaultOpen = false,
+    onOpenChange,
+    onFilePathClick,
+    children,
+    ...props
+  }) => {
+    const [isOpen, setIsOpen] = useControllableState({
+      defaultProp: defaultOpen,
+      onChange: onOpenChange,
+      prop: open
+    });
+    const parsedTrace = useMemo(() => parseStackTrace(trace), [trace]);
+    const contextValue = useMemo(
+      () => ({
+        isOpen,
+        onFilePathClick,
+        raw: trace,
+        setIsOpen,
+        trace: parsedTrace
+      }),
+      [parsedTrace, trace, isOpen, setIsOpen, onFilePathClick]
+    );
+    return /* @__PURE__ */ jsx(StackTraceContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "not-prose w-full overflow-hidden rounded-lg border bg-background font-mono text-body",
+          className
+        ),
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+var StackTraceHeader = memo(({ className, children, ...props }) => {
+  const { isOpen, setIsOpen } = useStackTrace();
+  return /* @__PURE__ */ jsx(Collapsible, { onOpenChange: setIsOpen, open: isOpen, children: /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, ...props, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex w-full cursor-pointer items-center gap-3 p-3 text-start transition-colors hover:bg-muted/50",
+        className
+      ),
+      children
+    }
+  ) }) });
+});
+var StackTraceError = memo(({ className, children, ...props }) => /* @__PURE__ */ jsxs("div", { className: cn("flex flex-1 items-center gap-2 overflow-hidden", className), ...props, children: [
+  /* @__PURE__ */ jsx(AlertTriangleIcon, { className: "size-4 shrink-0 text-destructive" }),
+  children
+] }));
+var StackTraceErrorType = memo(
+  ({ className, children, ...props }) => {
+    const { trace } = useStackTrace();
+    return (
+      // #124: the error type NAME is running text (e.g. "TypeError"), not a
+      // mark — ink rung, unlike the AlertTriangleIcon mark above.
+      /* @__PURE__ */ jsx("span", { className: cn("shrink-0 font-semibold text-destructive-text", className), ...props, children: children ?? trace.errorType })
+    );
+  }
+);
+var StackTraceErrorMessage = memo(
+  ({ className, children, ...props }) => {
+    const { trace } = useStackTrace();
+    return /* @__PURE__ */ jsx("span", { className: cn("truncate text-foreground", className), ...props, children: children ?? trace.errorMessage });
+  }
+);
+var handleActionsClick = (e) => e.stopPropagation();
+var handleActionsKeyDown = (e) => {
+  if (e.key === "Enter" || e.key === " ") {
+    e.stopPropagation();
+  }
+};
+var StackTraceActions = memo(
+  ({ className, children, ...props }) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex shrink-0 items-center gap-1", className),
+      onClick: handleActionsClick,
+      onKeyDown: handleActionsKeyDown,
+      role: "group",
+      ...props,
+      children
+    }
+  )
+);
+var StackTraceCopyButton = memo(
+  ({
+    onCopy,
+    onError,
+    timeout,
+    className,
+    children,
+    "aria-label": ariaLabel,
+    ...props
+  }) => {
+    const { t } = useLocale();
+    const { raw } = useStackTrace();
+    const { copied: isCopied, copy } = useCopyToClipboard(
+      timeout === void 0 ? void 0 : { resetAfterMs: timeout }
+    );
+    const copyToClipboard = useCallback(async () => {
+      const ok = await copy(raw);
+      if (ok) {
+        onCopy?.();
+      } else {
+        onError?.(new Error("Clipboard API not available"));
+      }
+    }, [copy, raw, onCopy, onError]);
+    const Icon = isCopied ? CheckIcon : CopyIcon;
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        "aria-label": ariaLabel ?? t("copy"),
+        className: cn("size-7", className),
+        onClick: copyToClipboard,
+        size: "icon",
+        variant: "ghost",
+        ...props,
+        children: children ?? /* @__PURE__ */ jsx(Icon, { size: 14 })
+      }
+    );
+  }
+);
+var StackTraceExpandButton = memo(
+  ({ className, ...props }) => {
+    const { isOpen } = useStackTrace();
+    return /* @__PURE__ */ jsx("div", { className: cn("flex size-7 items-center justify-center", className), ...props, children: /* @__PURE__ */ jsx(
+      ChevronDownIcon,
+      {
+        className: cn(
+          "size-4 text-muted-foreground transition-transform",
+          isOpen ? "rotate-180" : "rotate-0"
+        )
+      }
+    ) });
+  }
+);
+var StackTraceContent = memo(
+  ({ className, maxHeight = 400, children, ...props }) => {
+    const { isOpen } = useStackTrace();
+    return /* @__PURE__ */ jsx(Collapsible, { open: isOpen, children: /* @__PURE__ */ jsx(
+      CollapsibleContent,
+      {
+        className: cn(
+          "overflow-auto border-t bg-muted/30",
+          "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=open]:animate-in",
+          className
+        ),
+        style: { maxHeight },
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+var FilePathButton = memo(({ frame, onFilePathClick }) => {
+  const handleClick = useCallback(() => {
+    if (frame.filePath) {
+      onFilePathClick?.(
+        frame.filePath,
+        frame.lineNumber ?? void 0,
+        frame.columnNumber ?? void 0
+      );
+    }
+  }, [frame, onFilePathClick]);
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      className: cn(
+        // #399 — a frame link is body text; the hover ink takes the `-text` rung.
+        "underline decoration-dotted hover:text-primary-text",
+        onFilePathClick && "cursor-pointer"
+      ),
+      disabled: !onFilePathClick,
+      onClick: handleClick,
+      type: "button",
+      children: [
+        frame.filePath,
+        frame.lineNumber !== null && `:${frame.lineNumber}`,
+        frame.columnNumber !== null && `:${frame.columnNumber}`
+      ]
+    }
+  );
+});
+FilePathButton.displayName = "FilePathButton";
+var StackTraceFrames = memo(
+  ({ className, showInternalFrames = true, ...props }) => {
+    const { trace, onFilePathClick } = useStackTrace();
+    const { t } = useLocale();
+    const framesToShow = showInternalFrames ? trace.frames : trace.frames.filter((f) => !f.isInternal);
+    return /* @__PURE__ */ jsxs("div", { className: cn("space-y-1 p-3", className), ...props, children: [
+      framesToShow.map((frame) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "text-meta",
+            frame.isInternal ? "text-muted-foreground/50" : "text-foreground/90"
+          ),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "at " }),
+            frame.functionName && /* @__PURE__ */ jsxs("span", { className: frame.isInternal ? "" : "text-foreground", children: [
+              frame.functionName,
+              " "
+            ] }),
+            frame.filePath && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "(" }),
+              /* @__PURE__ */ jsx(FilePathButton, { frame, onFilePathClick }),
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: ")" })
+            ] }),
+            !(frame.filePath || frame.functionName) && /* @__PURE__ */ jsx("span", { children: frame.raw.replace(AT_PREFIX_REGEX, "") })
+          ]
+        },
+        frame.raw
+      )),
+      framesToShow.length === 0 && /* @__PURE__ */ jsx("div", { className: "text-muted-foreground text-meta", children: t("ai.stackTrace.empty") })
+    ] });
+  }
+);
+StackTrace.displayName = "StackTrace";
+StackTraceHeader.displayName = "StackTraceHeader";
+StackTraceError.displayName = "StackTraceError";
+StackTraceErrorType.displayName = "StackTraceErrorType";
+StackTraceErrorMessage.displayName = "StackTraceErrorMessage";
+StackTraceActions.displayName = "StackTraceActions";
+StackTraceCopyButton.displayName = "StackTraceCopyButton";
+StackTraceExpandButton.displayName = "StackTraceExpandButton";
+StackTraceContent.displayName = "StackTraceContent";
+StackTraceFrames.displayName = "StackTraceFrames";
+
+export {
+  StackTrace,
+  StackTraceHeader,
+  StackTraceError,
+  StackTraceErrorType,
+  StackTraceErrorMessage,
+  StackTraceActions,
+  StackTraceCopyButton,
+  StackTraceExpandButton,
+  StackTraceContent,
+  StackTraceFrames
+};
+//# sourceMappingURL=chunk-BBHFOYML.js.map

package/dist/chunk-BBHFOYML.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stack-trace.tsx"],"sourcesContent":["\"use client\";\n\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { Button } from \"@elabs-ai/components-ui\";\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from \"@elabs-ai/components-ui\";\nimport { useCopyToClipboard, useLocale } from \"@elabs-ai/components-ui\";\nimport { cn } from \"@elabs-ai/components-ui/lib/cn\";\nimport { AlertTriangleIcon, CheckIcon, ChevronDownIcon, CopyIcon } from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport { createContext, memo, useCallback, useContext, useMemo } from \"react\";\n\n// Regex patterns for parsing stack traces\nconst STACK_FRAME_WITH_PARENS_REGEX = /^at\\s+(.+?)\\s+\\((.+):(\\d+):(\\d+)\\)$/;\nconst STACK_FRAME_WITHOUT_FN_REGEX = /^at\\s+(.+):(\\d+):(\\d+)$/;\nconst ERROR_TYPE_REGEX = /^(\\w+Error|Error):\\s*(.*)$/;\nconst AT_PREFIX_REGEX = /^at\\s+/;\n\ninterface StackFrame {\n  raw: string;\n  functionName: string | null;\n  filePath: string | null;\n  lineNumber: number | null;\n  columnNumber: number | null;\n  isInternal: boolean;\n}\n\ninterface ParsedStackTrace {\n  errorType: string | null;\n  errorMessage: string;\n  frames: StackFrame[];\n  raw: string;\n}\n\ninterface StackTraceContextValue {\n  trace: ParsedStackTrace;\n  raw: string;\n  isOpen: boolean;\n  setIsOpen: (open: boolean) => void;\n  onFilePathClick?: (filePath: string, line?: number, column?: number) => void;\n}\n\nconst StackTraceContext = createContext<StackTraceContextValue | null>(null);\n\nconst useStackTrace = () => {\n  const context = useContext(StackTraceContext);\n  if (!context) {\n    throw new Error(\"StackTrace components must be used within StackTrace\");\n  }\n  return context;\n};\n\nconst parseStackFrame = (line: string): StackFrame => {\n  const trimmed = line.trim();\n\n  // Pattern: at functionName (filePath:line:column)\n  const withParensMatch = trimmed.match(STACK_FRAME_WITH_PARENS_REGEX);\n  if (withParensMatch) {\n    const [, functionName, filePath, lineNum, colNum] = withParensMatch;\n    const isInternal =\n      (filePath?.includes(\"node_modules\") ?? false) ||\n      (filePath?.startsWith(\"node:\") ?? false) ||\n      (filePath?.includes(\"internal/\") ?? false);\n    return {\n      columnNumber: colNum ? Number.parseInt(colNum, 10) : null,\n      filePath: filePath ?? null,\n      functionName: functionName ?? null,\n      isInternal,\n      lineNumber: lineNum ? Number.parseInt(lineNum, 10) : null,\n      raw: trimmed,\n    };\n  }\n\n  // Pattern: at filePath:line:column (no function name)\n  const withoutFnMatch = trimmed.match(STACK_FRAME_WITHOUT_FN_REGEX);\n  if (withoutFnMatch) {\n    const [, filePath, lineNum, colNum] = withoutFnMatch;\n    const isInternal =\n      (filePath?.includes(\"node_modules\") ?? false) ||\n      (filePath?.startsWith(\"node:\") ?? false) ||\n      (filePath?.includes(\"internal/\") ?? false);\n    return {\n      columnNumber: colNum ? Number.parseInt(colNum, 10) : null,\n      filePath: filePath ?? null,\n      functionName: null,\n      isInternal,\n      lineNumber: lineNum ? Number.parseInt(lineNum, 10) : null,\n      raw: trimmed,\n    };\n  }\n\n  // Fallback: unparseable line\n  return {\n    columnNumber: null,\n    filePath: null,\n    functionName: null,\n    isInternal: trimmed.includes(\"node_modules\") || trimmed.includes(\"node:\"),\n    lineNumber: null,\n    raw: trimmed,\n  };\n};\n\nconst parseStackTrace = (trace: string): ParsedStackTrace => {\n  const lines = trace.split(\"\\n\").filter((line) => line.trim());\n\n  if (lines.length === 0) {\n    return {\n      errorMessage: trace,\n      errorType: null,\n      frames: [],\n      raw: trace,\n    };\n  }\n\n  const firstLine = lines[0]?.trim() ?? \"\";\n  let errorType: string | null = null;\n  let errorMessage = firstLine;\n\n  // Try to extract error type from \"ErrorType: message\" format\n  const errorMatch = firstLine.match(ERROR_TYPE_REGEX);\n  if (errorMatch) {\n    const [, type, msg] = errorMatch;\n    errorType = type ?? null;\n    errorMessage = msg || \"\";\n  }\n\n  // Parse stack frames (lines starting with \"at\")\n  const frames = lines\n    .slice(1)\n    .filter((line) => line.trim().startsWith(\"at \"))\n    .map(parseStackFrame);\n\n  return {\n    errorMessage,\n    errorType,\n    frames,\n    raw: trace,\n  };\n};\n\nexport type StackTraceProps = ComponentProps<\"div\"> & {\n  trace: string;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  onFilePathClick?: (filePath: string, line?: number, column?: number) => void;\n};\n\nexport const StackTrace = memo(\n  ({\n    trace,\n    className,\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    onFilePathClick,\n    children,\n    ...props\n  }: StackTraceProps) => {\n    const [isOpen, setIsOpen] = useControllableState({\n      defaultProp: defaultOpen,\n      onChange: onOpenChange,\n      prop: open,\n    });\n\n    const parsedTrace = useMemo(() => parseStackTrace(trace), [trace]);\n\n    const contextValue = useMemo(\n      () => ({\n        isOpen,\n        onFilePathClick,\n        raw: trace,\n        setIsOpen,\n        trace: parsedTrace,\n      }),\n      [parsedTrace, trace, isOpen, setIsOpen, onFilePathClick],\n    );\n\n    return (\n      <StackTraceContext.Provider value={contextValue}>\n        <div\n          className={cn(\n            \"not-prose w-full overflow-hidden rounded-lg border bg-background font-mono text-body\",\n            className,\n          )}\n          {...props}\n        >\n          {children}\n        </div>\n      </StackTraceContext.Provider>\n    );\n  },\n);\n\nexport type StackTraceHeaderProps = ComponentProps<typeof CollapsibleTrigger>;\n\nexport const StackTraceHeader = memo(({ className, children, ...props }: StackTraceHeaderProps) => {\n  const { isOpen, setIsOpen } = useStackTrace();\n\n  return (\n    <Collapsible onOpenChange={setIsOpen} open={isOpen}>\n      <CollapsibleTrigger asChild {...props}>\n        <div\n          className={cn(\n            \"flex w-full cursor-pointer items-center gap-3 p-3 text-start transition-colors hover:bg-muted/50\",\n            className,\n          )}\n        >\n          {children}\n        </div>\n      </CollapsibleTrigger>\n    </Collapsible>\n  );\n});\n\nexport type StackTraceErrorProps = ComponentProps<\"div\">;\n\nexport const StackTraceError = memo(({ className, children, ...props }: StackTraceErrorProps) => (\n  <div className={cn(\"flex flex-1 items-center gap-2 overflow-hidden\", className)} {...props}>\n    <AlertTriangleIcon className=\"size-4 shrink-0 text-destructive\" />\n    {children}\n  </div>\n));\n\nexport type StackTraceErrorTypeProps = ComponentProps<\"span\">;\n\nexport const StackTraceErrorType = memo(\n  ({ className, children, ...props }: StackTraceErrorTypeProps) => {\n    const { trace } = useStackTrace();\n\n    return (\n      // #124: the error type NAME is running text (e.g. \"TypeError\"), not a\n      // mark — ink rung, unlike the AlertTriangleIcon mark above.\n      <span className={cn(\"shrink-0 font-semibold text-destructive-text\", className)} {...props}>\n        {children ?? trace.errorType}\n      </span>\n    );\n  },\n);\n\nexport type StackTraceErrorMessageProps = ComponentProps<\"span\">;\n\nexport const StackTraceErrorMessage = memo(\n  ({ className, children, ...props }: StackTraceErrorMessageProps) => {\n    const { trace } = useStackTrace();\n\n    return (\n      <span className={cn(\"truncate text-foreground\", className)} {...props}>\n        {children ?? trace.errorMessage}\n      </span>\n    );\n  },\n);\n\nexport type StackTraceActionsProps = ComponentProps<\"div\">;\n\nconst handleActionsClick = (e: React.MouseEvent) => e.stopPropagation();\nconst handleActionsKeyDown = (e: React.KeyboardEvent) => {\n  if (e.key === \"Enter\" || e.key === \" \") {\n    e.stopPropagation();\n  }\n};\n\nexport const StackTraceActions = memo(\n  ({ className, children, ...props }: StackTraceActionsProps) => (\n    <div\n      className={cn(\"flex shrink-0 items-center gap-1\", className)}\n      onClick={handleActionsClick}\n      onKeyDown={handleActionsKeyDown}\n      role=\"group\"\n      {...props}\n    >\n      {children}\n    </div>\n  ),\n);\n\nexport type StackTraceCopyButtonProps = ComponentProps<typeof Button> & {\n  onCopy?: () => void;\n  onError?: (error: Error) => void;\n  timeout?: number;\n};\n\nexport const StackTraceCopyButton = memo(\n  ({\n    onCopy,\n    onError,\n    timeout,\n    className,\n    children,\n    \"aria-label\": ariaLabel,\n    ...props\n  }: StackTraceCopyButtonProps) => {\n    const { t } = useLocale();\n    const { raw } = useStackTrace();\n    // Shared implementation (`@elabs-ai/components-ui`) instead of a private\n    // copy of the same copy-to-clipboard state machine (issue-workflow.md\n    // dedupe finding) — see `CodeBlockCopyButton` for the reference usage.\n    const { copied: isCopied, copy } = useCopyToClipboard(\n      timeout === undefined ? undefined : { resetAfterMs: timeout },\n    );\n\n    const copyToClipboard = useCallback(async () => {\n      const ok = await copy(raw);\n      if (ok) {\n        onCopy?.();\n      } else {\n        onError?.(new Error(\"Clipboard API not available\"));\n      }\n    }, [copy, raw, onCopy, onError]);\n\n    const Icon = isCopied ? CheckIcon : CopyIcon;\n\n    return (\n      <Button\n        aria-label={ariaLabel ?? t(\"copy\")}\n        className={cn(\"size-7\", className)}\n        onClick={copyToClipboard}\n        size=\"icon\"\n        variant=\"ghost\"\n        {...props}\n      >\n        {children ?? <Icon size={14} />}\n      </Button>\n    );\n  },\n);\n\nexport type StackTraceExpandButtonProps = ComponentProps<\"div\">;\n\nexport const StackTraceExpandButton = memo(\n  ({ className, ...props }: StackTraceExpandButtonProps) => {\n    const { isOpen } = useStackTrace();\n\n    return (\n      <div className={cn(\"flex size-7 items-center justify-center\", className)} {...props}>\n        <ChevronDownIcon\n          className={cn(\n            \"size-4 text-muted-foreground transition-transform\",\n            isOpen ? \"rotate-180\" : \"rotate-0\",\n          )}\n        />\n      </div>\n    );\n  },\n);\n\nexport type StackTraceContentProps = ComponentProps<typeof CollapsibleContent> & {\n  maxHeight?: number;\n};\n\nexport const StackTraceContent = memo(\n  ({ className, maxHeight = 400, children, ...props }: StackTraceContentProps) => {\n    const { isOpen } = useStackTrace();\n\n    return (\n      <Collapsible open={isOpen}>\n        <CollapsibleContent\n          className={cn(\n            \"overflow-auto border-t bg-muted/30\",\n            \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=open]:animate-in\",\n            className,\n          )}\n          style={{ maxHeight }}\n          {...props}\n        >\n          {children}\n        </CollapsibleContent>\n      </Collapsible>\n    );\n  },\n);\n\nexport type StackTraceFramesProps = ComponentProps<\"div\"> & {\n  showInternalFrames?: boolean;\n};\n\ninterface FilePathButtonProps {\n  frame: StackFrame;\n  onFilePathClick?: (filePath: string, lineNumber?: number, columnNumber?: number) => void;\n}\n\nconst FilePathButton = memo(({ frame, onFilePathClick }: FilePathButtonProps) => {\n  const handleClick = useCallback(() => {\n    if (frame.filePath) {\n      onFilePathClick?.(\n        frame.filePath,\n        frame.lineNumber ?? undefined,\n        frame.columnNumber ?? undefined,\n      );\n    }\n  }, [frame, onFilePathClick]);\n\n  return (\n    <button\n      className={cn(\n        // #399 — a frame link is body text; the hover ink takes the `-text` rung.\n        \"underline decoration-dotted hover:text-primary-text\",\n        onFilePathClick && \"cursor-pointer\",\n      )}\n      disabled={!onFilePathClick}\n      onClick={handleClick}\n      type=\"button\"\n    >\n      {frame.filePath}\n      {frame.lineNumber !== null && `:${frame.lineNumber}`}\n      {frame.columnNumber !== null && `:${frame.columnNumber}`}\n    </button>\n  );\n});\n\nFilePathButton.displayName = \"FilePathButton\";\n\nexport const StackTraceFrames = memo(\n  ({ className, showInternalFrames = true, ...props }: StackTraceFramesProps) => {\n    const { trace, onFilePathClick } = useStackTrace();\n    const { t } = useLocale();\n\n    const framesToShow = showInternalFrames\n      ? trace.frames\n      : trace.frames.filter((f) => !f.isInternal);\n\n    return (\n      <div className={cn(\"space-y-1 p-3\", className)} {...props}>\n        {framesToShow.map((frame) => (\n          <div\n            className={cn(\n              \"text-meta\",\n              frame.isInternal ? \"text-muted-foreground/50\" : \"text-foreground/90\",\n            )}\n            key={frame.raw}\n          >\n            <span className=\"text-muted-foreground\">at </span>\n            {frame.functionName && (\n              <span className={frame.isInternal ? \"\" : \"text-foreground\"}>\n                {frame.functionName}{\" \"}\n              </span>\n            )}\n            {frame.filePath && (\n              <>\n                <span className=\"text-muted-foreground\">(</span>\n                <FilePathButton frame={frame} onFilePathClick={onFilePathClick} />\n                <span className=\"text-muted-foreground\">)</span>\n              </>\n            )}\n            {!(frame.filePath || frame.functionName) && (\n              <span>{frame.raw.replace(AT_PREFIX_REGEX, \"\")}</span>\n            )}\n          </div>\n        ))}\n        {framesToShow.length === 0 && (\n          <div className=\"text-muted-foreground text-meta\">{t(\"ai.stackTrace.empty\")}</div>\n        )}\n      </div>\n    );\n  },\n);\n\nStackTrace.displayName = \"StackTrace\";\nStackTraceHeader.displayName = \"StackTraceHeader\";\nStackTraceError.displayName = \"StackTraceError\";\nStackTraceErrorType.displayName = \"StackTraceErrorType\";\nStackTraceErrorMessage.displayName = \"StackTraceErrorMessage\";\nStackTraceActions.displayName = \"StackTraceActions\";\nStackTraceCopyButton.displayName = \"StackTraceCopyButton\";\nStackTraceExpandButton.displayName = \"StackTraceExpandButton\";\nStackTraceContent.displayName = \"StackTraceContent\";\nStackTraceFrames.displayName = \"StackTraceFrames\";\n"],"mappings":"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","names":[]}

package/dist/chunk-BHUVISIY.js

@@ -0,0 +1,221 @@
+"use client";
+import {
+  EMPTY_CELL,
+  badgeToneForValue,
+  compareCellValues,
+  formatCellValue,
+  isEmptyCell,
+  isNumericFormat,
+  normalizeTableSpec
+} from "./chunk-DWJDJLPU.js";
+
+// src/message-table.tsx
+import { forwardRef, useId, useMemo, useState } from "react";
+import { ChevronDown, ChevronUp, ChevronsUpDown } from "lucide-react";
+import {
+  Badge,
+  Skeleton,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow
+} from "@elabs-ai/components-ui";
+import { cn } from "@elabs-ai/components-ui/lib/cn";
+import { useLocale } from "@elabs-ai/components-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var MessageTableFallback = forwardRef(
+  function MessageTableFallback2({ message = "This table could not be displayed.", className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "status",
+        "aria-live": "polite",
+        className: cn(
+          // Sole structural cue is the border (no fill) — reads in every theme,
+          // incl. themes where surface-muted ≈ background. border-strong is
+          // contrast-guaranteed vs the background.
+          "flex items-center justify-center rounded-md border border-border-strong px-4 py-6 text-center text-body text-muted-foreground",
+          className
+        ),
+        ...props,
+        children: message
+      }
+    );
+  }
+);
+var MessageTable = forwardRef(function MessageTable2({
+  spec,
+  sortable = false,
+  sort: sortProp,
+  defaultSort = null,
+  onSortChange,
+  maxRows,
+  renderCell,
+  isStreaming,
+  streaming = false,
+  className,
+  ...props
+}, ref) {
+  const resolvedStreaming = isStreaming ?? streaming;
+  const { t } = useLocale();
+  const reactId = useId();
+  const isControlled = sortProp !== void 0;
+  const [internalSort, setInternalSort] = useState(defaultSort);
+  const resolvedSort = isControlled ? sortProp : internalSort;
+  const result = normalizeTableSpec(spec);
+  const normalized = result.ok ? result.spec : null;
+  const sortedRows = useMemo(() => {
+    if (!normalized || !resolvedSort) return normalized?.rows ?? [];
+    const column = normalized.columns.find((c) => c.key === resolvedSort.key);
+    if (!column) return normalized.rows;
+    const direction = resolvedSort.direction === "asc" ? 1 : -1;
+    return [...normalized.rows].sort(
+      (a, b) => direction * compareCellValues(a[column.key], b[column.key], column.format)
+    );
+  }, [normalized, resolvedSort]);
+  if (!result.ok) {
+    return /* @__PURE__ */ jsx(MessageTableFallback, { ref, message: result.reason, className, ...props });
+  }
+  const { columns, title, emptyText } = result.spec;
+  if (columns.length === 0) {
+    if (resolvedStreaming) {
+      return /* @__PURE__ */ jsxs("div", { ref, className: cn("w-full", className), ...props, children: [
+        /* @__PURE__ */ jsx("span", { className: "sr-only", role: "status", "aria-live": "polite", children: "Loading table\u2026" }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: "flex flex-col gap-2 rounded-md border border-border p-3",
+            children: [
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-40" }),
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }),
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }),
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" })
+            ]
+          }
+        )
+      ] });
+    }
+    return /* @__PURE__ */ jsx(
+      MessageTableFallback,
+      {
+        ref,
+        message: "This table has no columns to display.",
+        className,
+        ...props
+      }
+    );
+  }
+  const total = sortedRows.length;
+  const cappedRows = maxRows !== void 0 && maxRows >= 0 ? sortedRows.slice(0, maxRows) : sortedRows;
+  const truncatedCount = total - cappedRows.length;
+  const titleId = title ? `${reactId}-title` : void 0;
+  const setSort = (next) => {
+    if (!isControlled) setInternalSort(next);
+    onSortChange?.(next);
+  };
+  const toggleSort = (column) => {
+    if (resolvedSort?.key === column.key) {
+      setSort({ key: column.key, direction: resolvedSort.direction === "asc" ? "desc" : "asc" });
+    } else {
+      setSort({ key: column.key, direction: "asc" });
+    }
+  };
+  const renderCellContent = (column, row, rowIndex) => {
+    const value = row[column.key];
+    if (renderCell) {
+      const overridden = renderCell({ value, column, row, rowIndex });
+      if (overridden !== void 0) return overridden;
+    }
+    if (isEmptyCell(value)) {
+      return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: EMPTY_CELL });
+    }
+    if (column.format === "badge") {
+      return /* @__PURE__ */ jsx(Badge, { variant: badgeToneForValue(value), children: String(value) });
+    }
+    return formatCellValue(value, column.format);
+  };
+  return /* @__PURE__ */ jsxs("div", { ref, className: cn("w-full", className), ...props, children: [
+    title && /* @__PURE__ */ jsx("p", { id: titleId, className: "mb-1 text-body font-semibold text-foreground text-balance", children: title }),
+    /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-md border border-border", children: [
+      resolvedStreaming && cappedRows.length === 0 && /* @__PURE__ */ jsx("span", { className: "sr-only", role: "status", "aria-live": "polite", children: "Loading table\u2026" }),
+      /* @__PURE__ */ jsxs(
+        Table,
+        {
+          "aria-labelledby": titleId,
+          "aria-label": title ? void 0 : t("ai.messageTable.label"),
+          "aria-busy": resolvedStreaming && cappedRows.length === 0 || void 0,
+          children: [
+            truncatedCount > 0 && /* @__PURE__ */ jsxs(TableCaption, { className: "mb-2 mt-3 px-3 text-caption", children: [
+              "Showing ",
+              cappedRows.length,
+              " of ",
+              total,
+              " rows"
+            ] }),
+            /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsx(TableRow, { children: columns.map((column) => {
+              const numeric = isNumericFormat(column.format);
+              const active = resolvedSort?.key === column.key;
+              const ariaSort = active ? resolvedSort?.direction === "asc" ? "ascending" : "descending" : sortable ? "none" : void 0;
+              const label = column.label ?? column.key;
+              return /* @__PURE__ */ jsx(
+                TableHead,
+                {
+                  scope: "col",
+                  "aria-sort": ariaSort,
+                  className: cn(numeric && "text-end"),
+                  children: sortable ? /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => toggleSort(column),
+                      className: cn(
+                        "inline-flex items-center gap-1 rounded-sm font-medium",
+                        "focus-ring",
+                        "hover:text-foreground transition-colors duration-fast ease-standard motion-reduce:transition-none",
+                        numeric && "flex-row-reverse"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsx("span", { children: label }),
+                        active ? resolvedSort?.direction === "asc" ? /* @__PURE__ */ jsx(ChevronUp, { "aria-hidden": "true", className: "size-3.5" }) : /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true", className: "size-3.5" }) : /* @__PURE__ */ jsx(ChevronsUpDown, { "aria-hidden": "true", className: "size-3.5 opacity-50" })
+                      ]
+                    }
+                  ) : label
+                },
+                column.key
+              );
+            }) }) }),
+            /* @__PURE__ */ jsx(TableBody, { children: cappedRows.length === 0 && resolvedStreaming ? [0, 1, 2].map((i) => /* @__PURE__ */ jsx(TableRow, { "aria-hidden": "true", children: columns.map((column) => /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }) }, column.key)) }, `skeleton-${i}`)) : cappedRows.length === 0 ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
+              TableCell,
+              {
+                colSpan: columns.length,
+                className: "py-6 text-center text-muted-foreground",
+                children: emptyText ?? "No rows to display"
+              }
+            ) }) : cappedRows.map((row, rowIndex) => /* @__PURE__ */ jsx(TableRow, { children: columns.map((column) => {
+              const numeric = isNumericFormat(column.format);
+              return /* @__PURE__ */ jsx(
+                TableCell,
+                {
+                  className: cn(numeric && "text-end tabular-nums"),
+                  children: renderCellContent(column, row, rowIndex)
+                },
+                column.key
+              );
+            }) }, rowIndex)) })
+          ]
+        }
+      )
+    ] })
+  ] });
+});
+
+export {
+  MessageTableFallback,
+  MessageTable
+};
+//# sourceMappingURL=chunk-BHUVISIY.js.map

package/dist/chunk-BHUVISIY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/message-table.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * MessageTable — a model-emittable data table rendered inside a chat message.\n *\n * The model emits a serializable, column-oriented `TableSpec` (see\n * `message-table-spec.ts`); MessageTable renders a lightweight table (NOT the\n * app-chrome `@elabs-ai/components-data` DataTable — this is message content).\n *\n * Design bar (mirrors AutoChart):\n * - Spec-driven, zod-validated; the model never chooses the look.\n * - Never throws. A malformed spec → `MessageTableFallback`; an unknown format\n *   falls back to text; a missing cell renders an em-dash.\n * - Streaming-tolerant. Half-arrived columns/rows are dropped or render\n *   progressively; a spec with columns but no rows yet shows skeleton rows.\n * - Tokens only; numeric columns are end-aligned + `tabular-nums`.\n * - Optional client-side sort (controlled OR uncontrolled) and an optional\n *   per-cell `renderCell` override for consumer composition.\n *\n * Composes the `@elabs-ai/components-ui` `Table` primitive.\n */\n\nimport { forwardRef, useId, useMemo, useState, type HTMLAttributes, type ReactNode } from \"react\";\nimport { ChevronDown, ChevronUp, ChevronsUpDown } from \"lucide-react\";\nimport {\n  Badge,\n  Skeleton,\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"@elabs-ai/components-ui\";\nimport { cn } from \"@elabs-ai/components-ui/lib/cn\";\nimport { useLocale } from \"@elabs-ai/components-ui\";\n\nimport {\n  badgeToneForValue,\n  compareCellValues,\n  EMPTY_CELL,\n  formatCellValue,\n  isEmptyCell,\n  isNumericFormat,\n  normalizeTableSpec,\n  type ColumnSpec,\n  type TableRowData,\n  type TableSpec,\n} from \"./message-table-spec\";\n\n// ─── Sort ─────────────────────────────────────────────────────────────────────\n\nexport interface TableSort {\n  /** The sorted column's key. */\n  key: string;\n  direction: \"asc\" | \"desc\";\n}\n\n/** Per-cell render override — return `undefined` to fall back to default rendering. */\nexport type RenderCell = (args: {\n  value: unknown;\n  column: ColumnSpec;\n  row: TableRowData;\n  rowIndex: number;\n}) => ReactNode;\n\n// ─── Fallback ─────────────────────────────────────────────────────────────────\n\nexport interface MessageTableFallbackProps extends HTMLAttributes<HTMLDivElement> {\n  /** Short human reason the table could not render. */\n  message?: string;\n}\n\n/** Shown when the spec is unusable. Mirrors `ChartFallback` semantics. */\nexport const MessageTableFallback = forwardRef<HTMLDivElement, MessageTableFallbackProps>(\n  function MessageTableFallback(\n    { message = \"This table could not be displayed.\", className, ...props },\n    ref,\n  ) {\n    return (\n      <div\n        ref={ref}\n        role=\"status\"\n        aria-live=\"polite\"\n        className={cn(\n          // Sole structural cue is the border (no fill) — reads in every theme,\n          // incl. themes where surface-muted ≈ background. border-strong is\n          // contrast-guaranteed vs the background.\n          \"flex items-center justify-center rounded-md border border-border-strong px-4 py-6 text-center text-body text-muted-foreground\",\n          className,\n        )}\n        {...props}\n      >\n        {message}\n      </div>\n    );\n  },\n);\n\n// ─── MessageTable ─────────────────────────────────────────────────────────────\n\nexport interface MessageTableProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  /** The serializable table specification produced by an LLM tool-call. */\n  spec: TableSpec | unknown;\n  /** Enable click-to-sort column headers. @default false */\n  sortable?: boolean;\n  /** Controlled sort. When provided, `onSortChange` is the only way to update it. */\n  sort?: TableSort | null;\n  /** Uncontrolled initial sort. */\n  defaultSort?: TableSort | null;\n  /** Called with the next sort (or `null`) when a header is clicked. */\n  onSortChange?: (sort: TableSort | null) => void;\n  /** Cap the number of rendered rows; shows a \"Showing N of M rows\" notice. */\n  maxRows?: number;\n  /** Per-cell render override for custom composition. */\n  renderCell?: RenderCell;\n  /** The spec is still streaming (columns-but-no-rows shows skeleton rows). */\n  isStreaming?: boolean;\n  /** @deprecated Use `isStreaming`. */\n  streaming?: boolean;\n}\n\n/**\n * MessageTable — renders a `TableSpec` as a lightweight message-body table.\n *\n * Intentionally bare: no toolbar, no expand chrome. Growing one here would be\n * `ChartFrame` re-implemented inside this package.\n *\n * **To make it expandable, wrap it in `ExpandDialog`**\n * (`@elabs-ai/components-ui`) — the shared two-pane expand surface,\n * the same one a chart opens. Do NOT hand-roll a lightbox or a full-screen\n * breakout; four of those already existed before the component was shared, and\n * each one taught users a different meaning for the same button.\n *\n * The context pane for a table is its SHAPE, not statistics: row count,\n * \"showing N of M\", column count, each column's declared `format`. A\n * model-emitted table's numerics may already be formatted strings, so min/max/avg\n * over them is wrong more often than right.\n */\nexport const MessageTable = forwardRef<HTMLDivElement, MessageTableProps>(function MessageTable(\n  {\n    spec,\n    sortable = false,\n    sort: sortProp,\n    defaultSort = null,\n    onSortChange,\n    maxRows,\n    renderCell,\n    isStreaming,\n    streaming = false,\n    className,\n    ...props\n  },\n  ref,\n) {\n  const resolvedStreaming = isStreaming ?? streaming;\n  const { t } = useLocale();\n  const reactId = useId();\n  const isControlled = sortProp !== undefined;\n  const [internalSort, setInternalSort] = useState<TableSort | null>(defaultSort);\n  const resolvedSort = isControlled ? (sortProp as TableSort | null) : internalSort;\n\n  const result = normalizeTableSpec(spec);\n\n  const normalized = result.ok ? result.spec : null;\n\n  const sortedRows = useMemo<TableRowData[]>(() => {\n    if (!normalized || !resolvedSort) return normalized?.rows ?? [];\n    const column = normalized.columns.find((c) => c.key === resolvedSort.key);\n    if (!column) return normalized.rows;\n    const direction = resolvedSort.direction === \"asc\" ? 1 : -1;\n    return [...normalized.rows].sort(\n      (a, b) => direction * compareCellValues(a[column.key], b[column.key], column.format),\n    );\n  }, [normalized, resolvedSort]);\n\n  if (!result.ok) {\n    return (\n      <MessageTableFallback ref={ref} message={result.reason} className={className} {...props} />\n    );\n  }\n\n  const { columns, title, emptyText } = result.spec;\n\n  // No columns: skeleton while streaming, otherwise a fallback.\n  if (columns.length === 0) {\n    if (resolvedStreaming) {\n      return (\n        <div ref={ref} className={cn(\"w-full\", className)} {...props}>\n          <span className=\"sr-only\" role=\"status\" aria-live=\"polite\">\n            Loading table…\n          </span>\n          <div\n            aria-hidden=\"true\"\n            className=\"flex flex-col gap-2 rounded-md border border-border p-3\"\n          >\n            <Skeleton className=\"h-5 w-40\" />\n            <Skeleton className=\"h-4 w-full\" />\n            <Skeleton className=\"h-4 w-full\" />\n            <Skeleton className=\"h-4 w-3/4\" />\n          </div>\n        </div>\n      );\n    }\n    return (\n      <MessageTableFallback\n        ref={ref}\n        message=\"This table has no columns to display.\"\n        className={className}\n        {...props}\n      />\n    );\n  }\n\n  const total = sortedRows.length;\n  const cappedRows =\n    maxRows !== undefined && maxRows >= 0 ? sortedRows.slice(0, maxRows) : sortedRows;\n  const truncatedCount = total - cappedRows.length;\n\n  const titleId = title ? `${reactId}-title` : undefined;\n\n  const setSort = (next: TableSort | null) => {\n    if (!isControlled) setInternalSort(next);\n    onSortChange?.(next);\n  };\n\n  const toggleSort = (column: ColumnSpec) => {\n    if (resolvedSort?.key === column.key) {\n      setSort({ key: column.key, direction: resolvedSort.direction === \"asc\" ? \"desc\" : \"asc\" });\n    } else {\n      setSort({ key: column.key, direction: \"asc\" });\n    }\n  };\n\n  const renderCellContent = (\n    column: ColumnSpec,\n    row: TableRowData,\n    rowIndex: number,\n  ): ReactNode => {\n    const value = row[column.key];\n    if (renderCell) {\n      const overridden = renderCell({ value, column, row, rowIndex });\n      if (overridden !== undefined) return overridden;\n    }\n    if (isEmptyCell(value)) {\n      return <span className=\"text-muted-foreground\">{EMPTY_CELL}</span>;\n    }\n    if (column.format === \"badge\") {\n      return <Badge variant={badgeToneForValue(value)}>{String(value)}</Badge>;\n    }\n    return formatCellValue(value, column.format);\n  };\n\n  return (\n    <div ref={ref} className={cn(\"w-full\", className)} {...props}>\n      {title && (\n        <p id={titleId} className=\"mb-1 text-body font-semibold text-foreground text-balance\">\n          {title}\n        </p>\n      )}\n      <div className=\"overflow-hidden rounded-md border border-border\">\n        {resolvedStreaming && cappedRows.length === 0 && (\n          <span className=\"sr-only\" role=\"status\" aria-live=\"polite\">\n            Loading table…\n          </span>\n        )}\n        <Table\n          aria-labelledby={titleId}\n          aria-label={title ? undefined : t(\"ai.messageTable.label\")}\n          aria-busy={(resolvedStreaming && cappedRows.length === 0) || undefined}\n        >\n          {truncatedCount > 0 && (\n            <TableCaption className=\"mb-2 mt-3 px-3 text-caption\">\n              Showing {cappedRows.length} of {total} rows\n            </TableCaption>\n          )}\n          <TableHeader>\n            <TableRow>\n              {columns.map((column) => {\n                const numeric = isNumericFormat(column.format);\n                const active = resolvedSort?.key === column.key;\n                const ariaSort = active\n                  ? resolvedSort?.direction === \"asc\"\n                    ? \"ascending\"\n                    : \"descending\"\n                  : sortable\n                    ? \"none\"\n                    : undefined;\n                const label = column.label ?? column.key;\n                return (\n                  <TableHead\n                    key={column.key}\n                    scope=\"col\"\n                    aria-sort={ariaSort}\n                    className={cn(numeric && \"text-end\")}\n                  >\n                    {sortable ? (\n                      <button\n                        type=\"button\"\n                        onClick={() => toggleSort(column)}\n                        className={cn(\n                          \"inline-flex items-center gap-1 rounded-sm font-medium\",\n                          \"focus-ring\",\n                          \"hover:text-foreground transition-colors duration-fast ease-standard motion-reduce:transition-none\",\n                          numeric && \"flex-row-reverse\",\n                        )}\n                      >\n                        <span>{label}</span>\n                        {active ? (\n                          resolvedSort?.direction === \"asc\" ? (\n                            <ChevronUp aria-hidden=\"true\" className=\"size-3.5\" />\n                          ) : (\n                            <ChevronDown aria-hidden=\"true\" className=\"size-3.5\" />\n                          )\n                        ) : (\n                          <ChevronsUpDown aria-hidden=\"true\" className=\"size-3.5 opacity-50\" />\n                        )}\n                      </button>\n                    ) : (\n                      label\n                    )}\n                  </TableHead>\n                );\n              })}\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {cappedRows.length === 0 && resolvedStreaming ? (\n              [0, 1, 2].map((i) => (\n                <TableRow key={`skeleton-${i}`} aria-hidden=\"true\">\n                  {columns.map((column) => (\n                    <TableCell key={column.key}>\n                      <Skeleton className=\"h-4 w-full\" />\n                    </TableCell>\n                  ))}\n                </TableRow>\n              ))\n            ) : cappedRows.length === 0 ? (\n              <TableRow>\n                <TableCell\n                  colSpan={columns.length}\n                  className=\"py-6 text-center text-muted-foreground\"\n                >\n                  {emptyText ?? \"No rows to display\"}\n                </TableCell>\n              </TableRow>\n            ) : (\n              cappedRows.map((row, rowIndex) => (\n                <TableRow key={rowIndex}>\n                  {columns.map((column) => {\n                    const numeric = isNumericFormat(column.format);\n                    return (\n                      <TableCell\n                        key={column.key}\n                        className={cn(numeric && \"text-end tabular-nums\")}\n                      >\n                        {renderCellContent(column, row, rowIndex)}\n                      </TableCell>\n                    );\n                  })}\n                </TableRow>\n              ))\n            )}\n          </TableBody>\n        </Table>\n      </div>\n    </div>\n  );\n});\n"],"mappings":"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","names":["MessageTableFallback","MessageTable"]}