@mastra/playground-ui 33.0.0-alpha.3 → 33.0.0

package/dist/data-keys-and-values-Spy2O_IE.cjs

@@ -0,0 +1,124 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const utils = require('./utils-vA5sWo9W.cjs');
+const lucideReact = require('lucide-react');
+const tooltip = require('./tooltip-j8gUR1Qk.cjs');
+const useCopyToClipboard = require('./use-copy-to-clipboard-CQgIuR1c.cjs');
+
+function DataKeysAndValuesHeader({ className, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("dt", { className: utils.cn("col-span-full text-ui-sm uppercase tracking-widest text-neutral2 py-3", className), children });
+}
+
+function DataKeysAndValuesKey({ className, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("dt", { className: utils.cn("text-ui-smd  text-neutral2 shrink-0 py-0.5", className), children });
+}
+
+const GRID_TEMPLATES = {
+  1: "auto 1fr",
+  2: "auto auto auto 1fr",
+  3: "auto auto auto auto auto 1fr"
+};
+const DENSITY_GAP_Y = {
+  default: "gap-y-1.5",
+  dense: "gap-y-0"
+};
+function DataKeysAndValuesRoot({
+  className,
+  children,
+  numOfCol = 1,
+  density = "default"
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "dl",
+    {
+      className: utils.cn("grid gap-x-4", DENSITY_GAP_Y[density], className),
+      style: { gridTemplateColumns: GRID_TEMPLATES[numOfCol] },
+      children
+    }
+  );
+}
+
+const dataKeysAndValuesValueStyles = "text-ui-smd text-neutral3 min-w-0 py-0.5 pr-6";
+
+function DataKeysAndValuesValue({ className, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("dd", { className: utils.cn(dataKeysAndValuesValueStyles, "truncate", className), children });
+}
+
+function isExternalUrl(href) {
+  return /^https?:\/\//.test(href);
+}
+function DataKeysAndValuesValueLink({ className, children, href, as }) {
+  const isExternal = isExternalUrl(href);
+  const Component = as || "a";
+  const navigationProps = as ? { href, to: href } : { href };
+  const linkClassName = utils.cn(
+    "truncate flex items-center gap-2 hover:text-neutral4 transition-colors",
+    "[&>svg]:w-4 [&>svg]:h-4 [&>svg]:shrink-0 [&>svg]:opacity-70 [&:hover>svg]:opacity-100"
+  );
+  if (isExternal) {
+    return /* @__PURE__ */ jsxRuntime.jsx("dd", { className: utils.cn(dataKeysAndValuesValueStyles, className), children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href, target: "_blank", rel: "noopener noreferrer", className: linkClassName, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children }),
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLinkIcon, {})
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("dd", { className: utils.cn(dataKeysAndValuesValueStyles, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Component, { ...navigationProps, className: linkClassName, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children }),
+    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Link2Icon, {})
+  ] }) });
+}
+
+function DataKeysAndValuesValueWithCopyBtn({
+  className,
+  children,
+  copyValue,
+  copyTooltip = "Copy to clipboard"
+}) {
+  const { isCopied, handleCopy } = useCopyToClipboard.useCopyToClipboard({
+    text: copyValue,
+    copyMessage: "Copied!"
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx("dd", { className: utils.cn(dataKeysAndValuesValueStyles, className), children: /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { open: isCopied || void 0, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        onClick: handleCopy,
+        type: "button",
+        className: utils.cn(
+          "flex gap-2 items-center text-left whitespace-nowrap",
+          "[&>svg]:w-3 [&>svg]:h-3 [&>svg]:shrink-0 [&>svg]:opacity-70 [&:hover>svg]:opacity-100",
+          { "[&>svg]:w-4 [&>svg]:h-4 [&>svg]:text-accent1": isCopied }
+        ),
+        "aria-label": isCopied ? "Copied!" : copyTooltip,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children }),
+          isCopied ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CopyIcon, {})
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { children: isCopied ? "Copied!" : copyTooltip })
+  ] }) });
+}
+
+function DataKeysAndValuesValueWithTooltip({
+  className,
+  children,
+  tooltip: tooltip$1
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("dd", { className: utils.cn(dataKeysAndValuesValueStyles, className), children: /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { tabIndex: 0, className: "truncate cursor-help hover:text-neutral4 inline", children }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { children: tooltip$1 })
+  ] }) });
+}
+
+const DataKeysAndValues = Object.assign(DataKeysAndValuesRoot, {
+  Key: DataKeysAndValuesKey,
+  Value: DataKeysAndValuesValue,
+  ValueLink: DataKeysAndValuesValueLink,
+  ValueWithTooltip: DataKeysAndValuesValueWithTooltip,
+  ValueWithCopyBtn: DataKeysAndValuesValueWithCopyBtn,
+  Header: DataKeysAndValuesHeader
+});
+
+exports.DataKeysAndValues = DataKeysAndValues;
+//# sourceMappingURL=data-keys-and-values-Spy2O_IE.cjs.map

package/dist/data-keys-and-values-Spy2O_IE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-keys-and-values-Spy2O_IE.cjs","sources":["../src/ds/components/DataKeysAndValues/data-keys-and-values-header.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values-key.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values-root.tsx","../src/ds/components/DataKeysAndValues/shared.ts","../src/ds/components/DataKeysAndValues/data-keys-and-values-value.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values-value-link.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values-value-with-copy-btn.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values-value-with-tooltip.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesHeaderProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataKeysAndValuesHeader({ className, children }: DataKeysAndValuesHeaderProps) {\n  return (\n    <dt className={cn('col-span-full text-ui-sm uppercase tracking-widest text-neutral2 py-3', className)}>\n      {children}\n    </dt>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesKeyProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataKeysAndValuesKey({ className, children }: DataKeysAndValuesKeyProps) {\n  return <dt className={cn('text-ui-smd  text-neutral2 shrink-0 py-0.5', className)}>{children}</dt>;\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesProps {\n  className?: string;\n  children: React.ReactNode;\n  numOfCol?: 1 | 2 | 3;\n  density?: 'default' | 'dense';\n}\n\nconst GRID_TEMPLATES: Record<NonNullable<DataKeysAndValuesProps['numOfCol']>, string> = {\n  1: 'auto 1fr',\n  2: 'auto auto auto 1fr',\n  3: 'auto auto auto auto auto 1fr',\n};\n\nconst DENSITY_GAP_Y: Record<NonNullable<DataKeysAndValuesProps['density']>, string> = {\n  default: 'gap-y-1.5',\n  dense: 'gap-y-0',\n};\n\nexport function DataKeysAndValuesRoot({\n  className,\n  children,\n  numOfCol = 1,\n  density = 'default',\n}: DataKeysAndValuesProps) {\n  return (\n    <dl\n      className={cn('grid gap-x-4', DENSITY_GAP_Y[density], className)}\n      style={{ gridTemplateColumns: GRID_TEMPLATES[numOfCol] }}\n    >\n      {children}\n    </dl>\n  );\n}\n","export const dataKeysAndValuesValueStyles = 'text-ui-smd text-neutral3 min-w-0 py-0.5 pr-6';\n","import { dataKeysAndValuesValueStyles } from './shared';\nimport { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesValueProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataKeysAndValuesValue({ className, children }: DataKeysAndValuesValueProps) {\n  return <dd className={cn(dataKeysAndValuesValueStyles, 'truncate', className)}>{children}</dd>;\n}\n","import { ExternalLinkIcon, Link2Icon } from 'lucide-react';\nimport { dataKeysAndValuesValueStyles } from './shared';\nimport { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesValueLinkProps {\n  className?: string;\n  children: React.ReactNode;\n  href: string;\n  as?: React.ElementType;\n}\n\nfunction isExternalUrl(href: string) {\n  return /^https?:\\/\\//.test(href);\n}\n\nexport function DataKeysAndValuesValueLink({ className, children, href, as }: DataKeysAndValuesValueLinkProps) {\n  const isExternal = isExternalUrl(href);\n  const Component = as || 'a';\n  // Pass `to` only for custom components so React-Router's `Link` (which reads `to`) works\n  // while native anchors don't get an unknown `to` attribute warning.\n  const navigationProps = as ? { href, to: href } : { href };\n\n  const linkClassName = cn(\n    'truncate flex items-center gap-2 hover:text-neutral4 transition-colors',\n    '[&>svg]:w-4 [&>svg]:h-4 [&>svg]:shrink-0 [&>svg]:opacity-70 [&:hover>svg]:opacity-100',\n  );\n\n  if (isExternal) {\n    return (\n      <dd className={cn(dataKeysAndValuesValueStyles, className)}>\n        <a href={href} target=\"_blank\" rel=\"noopener noreferrer\" className={linkClassName}>\n          <span>{children}</span>\n          <ExternalLinkIcon />\n        </a>\n      </dd>\n    );\n  }\n\n  return (\n    <dd className={cn(dataKeysAndValuesValueStyles, className)}>\n      <Component {...navigationProps} className={linkClassName}>\n        <span>{children}</span>\n        <Link2Icon />\n      </Component>\n    </dd>\n  );\n}\n","import { CheckIcon, CopyIcon } from 'lucide-react';\nimport { dataKeysAndValuesValueStyles } from './shared';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\nimport { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesValueWithCopyBtnProps {\n  className?: string;\n  children: React.ReactNode;\n  copyValue: string;\n  copyTooltip?: string;\n}\n\nexport function DataKeysAndValuesValueWithCopyBtn({\n  className,\n  children,\n  copyValue,\n  copyTooltip = 'Copy to clipboard',\n}: DataKeysAndValuesValueWithCopyBtnProps) {\n  const { isCopied, handleCopy } = useCopyToClipboard({\n    text: copyValue,\n    copyMessage: 'Copied!',\n  });\n\n  return (\n    <dd className={cn(dataKeysAndValuesValueStyles, className)}>\n      <Tooltip open={isCopied || undefined}>\n        <TooltipTrigger asChild>\n          <button\n            onClick={handleCopy}\n            type=\"button\"\n            className={cn(\n              'flex gap-2 items-center text-left whitespace-nowrap',\n              '[&>svg]:w-3 [&>svg]:h-3 [&>svg]:shrink-0 [&>svg]:opacity-70 [&:hover>svg]:opacity-100',\n              { '[&>svg]:w-4 [&>svg]:h-4 [&>svg]:text-accent1': isCopied },\n            )}\n            aria-label={isCopied ? 'Copied!' : copyTooltip}\n          >\n            <span>{children}</span>\n            {isCopied ? <CheckIcon /> : <CopyIcon />}\n          </button>\n        </TooltipTrigger>\n        <TooltipContent>{isCopied ? 'Copied!' : copyTooltip}</TooltipContent>\n      </Tooltip>\n    </dd>\n  );\n}\n","import { dataKeysAndValuesValueStyles } from './shared';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesValueWithTooltipProps {\n  className?: string;\n  children: React.ReactNode;\n  tooltip: string;\n}\n\nexport function DataKeysAndValuesValueWithTooltip({\n  className,\n  children,\n  tooltip,\n}: DataKeysAndValuesValueWithTooltipProps) {\n  return (\n    <dd className={cn(dataKeysAndValuesValueStyles, className)}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <div tabIndex={0} className=\"truncate cursor-help hover:text-neutral4 inline\">\n            {children}\n          </div>\n        </TooltipTrigger>\n        <TooltipContent>{tooltip}</TooltipContent>\n      </Tooltip>\n    </dd>\n  );\n}\n","import { DataKeysAndValuesHeader } from './data-keys-and-values-header';\nimport { DataKeysAndValuesKey } from './data-keys-and-values-key';\nimport { DataKeysAndValuesRoot } from './data-keys-and-values-root';\nimport { DataKeysAndValuesValue } from './data-keys-and-values-value';\nimport { DataKeysAndValuesValueLink } from './data-keys-and-values-value-link';\nimport { DataKeysAndValuesValueWithCopyBtn } from './data-keys-and-values-value-with-copy-btn';\nimport { DataKeysAndValuesValueWithTooltip } from './data-keys-and-values-value-with-tooltip';\n\nexport const DataKeysAndValues = Object.assign(DataKeysAndValuesRoot, {\n  Key: DataKeysAndValuesKey,\n  Value: DataKeysAndValuesValue,\n  ValueLink: DataKeysAndValuesValueLink,\n  ValueWithTooltip: DataKeysAndValuesValueWithTooltip,\n  ValueWithCopyBtn: DataKeysAndValuesValueWithCopyBtn,\n  Header: DataKeysAndValuesHeader,\n});\n"],"names":["cn","jsx","jsxs","ExternalLinkIcon","Link2Icon","useCopyToClipboard","Tooltip","TooltipTrigger","CheckIcon","CopyIcon","TooltipContent","tooltip"],"mappings":"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"}

package/dist/data-list-skeleton-Bges_t5u.cjs

@@ -0,0 +1,416 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const utils = require('./utils-vA5sWo9W.cjs');
+const React = require('react');
+const checkbox = require('./checkbox-Bda6srNY.cjs');
+const tooltip = require('./tooltip-j8gUR1Qk.cjs');
+const dateFns = require('date-fns');
+
+const AgentIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 8.82265 8.51434", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M6.76646 6.16953C6.56909 6.10559 6.40521 5.96585 6.31087 5.78107C6.21653 5.5963 6.19945 5.38161 6.2634 5.18424C6.32735 4.98687 6.46708 4.82299 6.65186 4.72865C6.83663 4.63431 7.05132 4.61723 7.24869 4.68118C7.45933 4.74996 7.6849 4.75913 7.90043 4.70768C8.11596 4.65622 8.31306 4.54615 8.46992 4.38963C8.62678 4.23312 8.73729 4.03626 8.78921 3.82084C8.84114 3.60542 8.83246 3.37984 8.76414 3.16904C8.69582 2.95825 8.57052 2.77046 8.4021 2.62646C8.23368 2.48246 8.02871 2.38785 7.80986 2.35311C7.59101 2.31836 7.36681 2.34484 7.16208 2.4296C6.95734 2.51436 6.78004 2.6541 6.64979 2.83337C6.39274 3.18567 6.05613 3.47228 5.66736 3.66987C5.27858 3.86747 4.84864 3.97046 4.41254 3.97046C3.97643 3.97046 3.54649 3.86747 3.15772 3.66987C2.76895 3.47228 2.43234 3.18567 2.17528 2.83337C2.04528 2.65368 1.86807 2.51346 1.66329 2.42826C1.45852 2.34306 1.23415 2.3162 1.01505 2.35065C0.795944 2.3851 0.590648 2.47951 0.421892 2.62344C0.253137 2.76736 0.127507 2.95519 0.0589124 3.16611C-0.00968171 3.37703 -0.0185632 3.60282 0.0332514 3.81848C0.0850661 4.03414 0.195555 4.23125 0.352484 4.38799C0.509413 4.54472 0.706659 4.65497 0.92238 4.70652C1.1381 4.75808 1.36388 4.74892 1.57472 4.68007C1.77224 4.61634 1.98698 4.63369 2.1717 4.72829C2.35643 4.82289 2.49601 4.987 2.55973 5.18452C2.62346 5.38203 2.60611 5.59677 2.51151 5.7815C2.41691 5.96623 2.2528 6.10581 2.05528 6.16953C1.84456 6.23788 1.65684 6.36317 1.51288 6.53155C1.36893 6.69993 1.27434 6.90485 1.23959 7.12364C1.20483 7.34242 1.23126 7.56656 1.31596 7.77126C1.40065 7.97597 1.5403 8.15326 1.71948 8.28354C1.89865 8.41382 2.11036 8.49201 2.33121 8.50946C2.55205 8.52692 2.77342 8.48296 2.97083 8.38244C3.16825 8.28193 3.33402 8.12877 3.44981 7.93992C3.56561 7.75106 3.62692 7.53386 3.62697 7.31233C3.62697 7.10501 3.70933 6.90619 3.85592 6.7596C4.00251 6.613 4.20134 6.53065 4.40865 6.53065C4.61596 6.53065 4.81479 6.613 4.96138 6.7596C5.10797 6.90619 5.19033 7.10501 5.19033 7.31233C5.19027 7.53399 5.25152 7.75136 5.36731 7.94037C5.4831 8.12939 5.64892 8.2827 5.84642 8.38334C6.04392 8.48399 6.26541 8.52804 6.4864 8.51063C6.70738 8.49322 6.91924 8.41502 7.09854 8.28469C7.27785 8.15436 7.41761 7.97698 7.50237 7.77216C7.58713 7.56734 7.61359 7.34307 7.57882 7.12414C7.54404 6.90522 7.44939 6.70018 7.30534 6.53171C7.16128 6.36323 6.97344 6.23789 6.76257 6.16953H6.76646Z",
+      fill: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M4.41198 2.40337C5.07565 2.40337 5.61367 1.86536 5.61367 1.20168C5.61367 0.538012 5.07565 0 4.41198 0C3.74831 0 3.2103 0.538012 3.2103 1.20168C3.2103 1.86536 3.74831 2.40337 4.41198 2.40337Z",
+      fill: "currentColor"
+    }
+  )
+] });
+
+const WorkflowIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 9.08789 8.97168", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+  "path",
+  {
+    d: "M1.98047 5.00977C2.17347 5.00977 2.33002 5.16639 2.33008 5.35938C2.33008 5.55242 2.17351 5.70898 1.98047 5.70898C1.27292 5.70915 0.699436 6.2827 0.699219 6.99023C0.699219 7.69795 1.27279 8.2723 1.98047 8.27246C2.68829 8.27246 3.2627 7.69805 3.2627 6.99023C3.26291 6.79738 3.4194 6.64063 3.6123 6.64062C3.80503 6.64084 3.9617 6.79751 3.96191 6.99023C3.96191 8.08413 3.07437 8.97168 1.98047 8.97168C0.886706 8.97152 0 8.08403 0 6.99023C0.000217392 5.89662 0.886841 5.00993 1.98047 5.00977ZM7.10742 5.00977C8.20105 5.00992 9.08767 5.89662 9.08789 6.99023C9.08789 8.08404 8.20119 8.97152 7.10742 8.97168C6.01359 8.97159 5.12598 8.08408 5.12598 6.99023C5.1262 6.79757 5.28294 6.64092 5.47559 6.64062C5.66849 6.64063 5.82497 6.79738 5.8252 6.99023C5.8252 7.698 6.39968 8.27238 7.10742 8.27246C7.81511 8.2723 8.38867 7.69796 8.38867 6.99023C8.38845 6.2827 7.81497 5.70914 7.10742 5.70898C6.91445 5.7089 6.75781 5.55236 6.75781 5.35938C6.75788 5.16644 6.91449 5.00985 7.10742 5.00977ZM4.54395 0C5.44471 0 6.17465 0.730134 6.1748 1.63086C6.1748 2.27964 5.79613 2.83941 5.24768 3.102C5.0501 3.1966 4.89355 3.37979 4.89355 3.59885V4.08919C4.89355 4.21279 4.94266 4.33133 5.03006 4.41873L6.80071 6.18938C6.87996 6.26863 6.99535 6.29199 7.10742 6.29199C7.49331 6.29206 7.80642 6.60438 7.80664 6.99023C7.80664 7.37627 7.49344 7.68938 7.10742 7.68945C6.72134 7.68945 6.4082 7.37632 6.4082 6.99023C6.40827 6.87818 6.38483 6.76276 6.3056 6.68353L4.8726 5.25053C4.69056 5.06849 4.39541 5.06853 4.21343 5.25061L2.78139 6.68339C2.70211 6.76271 2.67963 6.87809 2.67969 6.99023C2.67969 7.37632 2.36655 7.68945 1.98047 7.68945C1.59452 7.68929 1.28125 7.37622 1.28125 6.99023C1.28146 6.60443 1.59466 6.29215 1.98047 6.29199C2.09246 6.29199 2.2079 6.26771 2.28711 6.18854L4.05776 4.41874C4.1452 4.33133 4.19434 4.21276 4.19434 4.08912V3.59881C4.19434 3.37977 4.03781 3.19659 3.84026 3.10199C3.29183 2.83937 2.91309 2.2796 2.91309 1.63086C2.91324 0.730162 3.64322 4.61864e-05 4.54395 0Z",
+    fill: "currentColor"
+  }
+) });
+
+function DataListCell({ children, className, height = "default", as, ...rest }) {
+  const Component = as || "span";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Component,
+    {
+      className: utils.cn(
+        'relative grid min-w-0 max-w-full items-center overflow-hidden text-ui-md whitespace-nowrap text-neutral3 empty:before:content-["—"] empty:before:text-neutral2',
+        height === "compact" ? "py-1.5" : "py-2.5",
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+}
+const dataListTruncateContentStyles = 'block min-w-0 max-w-full truncate empty:before:content-["—"] empty:before:text-neutral2 [&>*]:min-w-0 [&>*]:max-w-full [&>*]:overflow-hidden [&>*]:text-ellipsis [&>*]:whitespace-nowrap';
+const dataListInlineTextTruncateStyles = "min-w-0 flex-1 truncate";
+function DataListInlineText({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: dataListInlineTextTruncateStyles, children });
+}
+function DataListTruncatedTextNodes({ children }) {
+  return React.Children.map(children, (child) => {
+    if (typeof child === "string" || typeof child === "number") {
+      return /* @__PURE__ */ jsxRuntime.jsx(DataListInlineText, { children: child });
+    }
+    return child;
+  });
+}
+function DataListTruncatedCellContent({ children }) {
+  return React.Children.map(children, (child) => {
+    if (!React.isValidElement(child) || typeof child.type !== "string") {
+      return child;
+    }
+    return React.cloneElement(child, {
+      className: utils.cn("min-w-0 max-w-full overflow-hidden", child.props.className),
+      children: /* @__PURE__ */ jsxRuntime.jsx(DataListTruncatedTextNodes, { children: child.props.children })
+    });
+  });
+}
+function DataListTextCell({ children, className, ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DataListCell, { className, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: dataListTruncateContentStyles, children: /* @__PURE__ */ jsxRuntime.jsx(DataListTruncatedCellContent, { children }) }) });
+}
+function DataListNameCell({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DataListCell, { className: utils.cn("text-left text-neutral4", className), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: dataListTruncateContentStyles, children: /* @__PURE__ */ jsxRuntime.jsx(DataListTruncatedCellContent, { children }) }) });
+}
+function DataListDescriptionCell({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DataListCell, { className: utils.cn("text-neutral2", className), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: dataListTruncateContentStyles, children: /* @__PURE__ */ jsxRuntime.jsx(DataListTruncatedCellContent, { children }) }) });
+}
+function getShortId(id) {
+  if (!id) return "";
+  return id.length > 8 ? id.slice(0, 8) : id;
+}
+function DataListIdCell({ id }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DataListCell, { height: "compact", className: "text-ui-smd font-mono text-neutral3", children: getShortId(id) });
+}
+function DataListSelectCell({ checked, onToggle, ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DataListCell,
+    {
+      as: "label",
+      height: "compact",
+      className: "h-8 w-8 self-center cursor-pointer justify-items-center overflow-visible px-0 py-0!",
+      onClick: (e) => e.stopPropagation(),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        checkbox.Checkbox,
+        {
+          checked,
+          onCheckedChange: () => {
+          },
+          onClick: (e) => {
+            e.stopPropagation();
+            onToggle(e.shiftKey);
+          },
+          "aria-label": rest["aria-label"]
+        }
+      )
+    }
+  );
+}
+function DataListMonoCell({ children, className, height = "compact" }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DataListCell, { height, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: utils.cn(
+        'block min-w-0 max-w-full text-ui-smd font-mono text-neutral3 truncate empty:before:content-["—"]',
+        className
+      ),
+      children
+    }
+  ) });
+}
+function toDate(value) {
+  const date = value instanceof Date ? value : new Date(value);
+  return isNaN(date.getTime()) ? null : date;
+}
+function DataListDateCell({ timestamp }) {
+  const date = toDate(timestamp);
+  return /* @__PURE__ */ jsxRuntime.jsx(DataListCell, { height: "compact", className: "text-ui-smd text-neutral2", children: date ? dateFns.isToday(date) ? "Today" : dateFns.format(date, "MMM dd") : null });
+}
+function DataListTimeCell({ timestamp }) {
+  const date = toDate(timestamp);
+  return /* @__PURE__ */ jsxRuntime.jsx(DataListCell, { height: "compact", className: "text-ui-smd font-mono text-neutral3 flex", children: date ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    dateFns.format(date, "HH:mm:ss"),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-neutral2", children: [
+      ".",
+      String(date.getMilliseconds()).padStart(3, "0")
+    ] })
+  ] }) : null });
+}
+
+function DataListNextPageLoading({
+  isLoading,
+  setEndOfListElement,
+  hasMore,
+  loadingText = "Loading more data..."
+}) {
+  if (!setEndOfListElement) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: setEndOfListElement,
+      className: utils.cn("col-span-full text-ui-md text-neutral3 opacity-50 flex justify-center min-h-1", {
+        "py-4": isLoading,
+        "py-0": !hasMore
+      }),
+      children: isLoading && loadingText
+    }
+  );
+}
+
+function DataListNoMatch({ message = "Nothing matches your search", className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("col-span-full flex flex-col items-center justify-center gap-2 py-12 text-neutral3", className), children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-md", children: message }) });
+}
+
+function DataListRoot({ children, columns, className, scrollRef }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: scrollRef,
+      className: utils.cn(
+        "grid min-w-0 max-w-full bg-surface2 border max-h-full border-border1 rounded-xl overflow-auto content-start",
+        className
+      ),
+      style: { gridTemplateColumns: columns },
+      children
+    }
+  );
+}
+
+const DataListRowWrapperContext = React.createContext(false);
+function useDataListRowWrapperContext() {
+  return React.useContext(DataListRowWrapperContext);
+}
+
+const dataListRowOuterStyles = [
+  "data-list-row col-span-full relative mt-[3px] mb-1",
+  'after:absolute after:inset-x-[-0.25rem] after:bottom-[-0.25rem] after:h-px after:bg-border1 after:content-[""] after:pointer-events-none',
+  "[&:has(+.data-list-subheader)]:after:hidden [&:not(:has(~.data-list-row))]:after:hidden",
+  "transition-colors duration-200 rounded-lg"
+];
+const dataListRowInteractiveStyles = [
+  "grid grid-cols-subgrid gap-8 px-5 outline-none cursor-pointer",
+  "hover:bg-surface4 focus-visible:bg-surface4 focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-accent1",
+  "transition-colors duration-200 rounded-lg"
+];
+const dataListRowStyles = ["mx-1", ...dataListRowInteractiveStyles, ...dataListRowOuterStyles];
+const dataListRowStaticStyles = ["mx-1 grid grid-cols-subgrid gap-8 px-5", ...dataListRowOuterStyles];
+
+const DataListRowButton = React.forwardRef(
+  ({ children, className, type = "button", flushLeft, flushRight, colStart, colEnd, featured, style, ...rest }, ref) => {
+    const isWrapped = useDataListRowWrapperContext();
+    const hasColumnOverride = colStart !== void 0 || colEnd !== void 0;
+    const resolvedStyle = hasColumnOverride ? { ...style, gridColumn: `${colStart ?? 1} / ${colEnd ?? -1}` } : style;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        ref,
+        type,
+        className: utils.cn(
+          ...isWrapped ? dataListRowInteractiveStyles : dataListRowStyles,
+          "text-left",
+          !isWrapped && flushLeft && "ml-0!",
+          !isWrapped && flushRight && "mr-0!",
+          featured && "bg-surface4",
+          className
+        ),
+        style: resolvedStyle,
+        ...rest,
+        children
+      }
+    );
+  }
+);
+DataListRowButton.displayName = "DataListRowButton";
+
+function DataListRowLink({
+  children,
+  to,
+  className,
+  style,
+  LinkComponent: Link,
+  flushLeft,
+  flushRight,
+  colStart,
+  colEnd,
+  featured
+}) {
+  const isWrapped = useDataListRowWrapperContext();
+  const hasColumnOverride = colStart !== void 0 || colEnd !== void 0;
+  const resolvedStyle = hasColumnOverride ? { ...style, gridColumn: `${colStart ?? 1} / ${colEnd ?? -1}` } : style;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Link,
+    {
+      href: to,
+      className: utils.cn(
+        ...isWrapped ? dataListRowInteractiveStyles : dataListRowStyles,
+        !isWrapped && flushLeft && "ml-0!",
+        !isWrapped && flushRight && "mr-0!",
+        featured && "bg-surface4",
+        className
+      ),
+      style: resolvedStyle,
+      children
+    }
+  );
+}
+
+const DataListRowWrapper = React.forwardRef(
+  ({ children, className, ...rest }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(DataListRowWrapperContext.Provider, { value: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: utils.cn("grid grid-cols-subgrid gap-0 mx-1", ...dataListRowOuterStyles, className),
+        ...rest,
+        children
+      }
+    ) });
+  }
+);
+DataListRowWrapper.displayName = "DataListRowWrapper";
+
+function DataListSpacer({ height }) {
+  if (height <= 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-full", style: { height } });
+}
+
+function DataListTop({ children, className, hasLeadingCell }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils.cn(
+        'data-list-top mx-1 grid grid-cols-subgrid gap-8 col-span-full relative px-5 bg-surface2 sticky top-0 z-10 after:absolute after:inset-x-[-0.25rem] after:bottom-0 after:h-px after:bg-border1 after:content-[""] after:pointer-events-none',
+        hasLeadingCell && "gap-0 pl-0!",
+        className
+      ),
+      children
+    }
+  );
+}
+
+const DataListTopCell = React.forwardRef(
+  ({ children, className, as, ...rest }, ref) => {
+    const Component = as || "span";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Component,
+      {
+        ref,
+        className: utils.cn(
+          "h-8 min-w-0 max-w-full overflow-hidden py-1 flex items-center uppercase whitespace-nowrap text-neutral2 tracking-widest text-ui-xs",
+          className
+        ),
+        ...rest,
+        children
+      }
+    );
+  }
+);
+function DataListTopCellWithTooltip({ children, tooltip: tooltip$1, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(DataListTopCell, { className, children }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { children: tooltip$1 })
+  ] });
+}
+const breakpointClasses = {
+  sm: { show: "hidden sm:inline-flex", hide: "inline-flex sm:hidden" },
+  md: { show: "hidden md:inline-flex", hide: "inline-flex md:hidden" },
+  lg: { show: "hidden lg:inline-flex", hide: "inline-flex lg:hidden" },
+  xl: { show: "hidden xl:inline-flex", hide: "inline-flex xl:hidden" },
+  "2xl": { show: "hidden 2xl:inline-flex", hide: "inline-flex 2xl:hidden" }
+};
+function DataListTopCellSmart({
+  long,
+  short,
+  tooltip,
+  breakpoint = "2xl",
+  className
+}) {
+  const tooltipText = tooltip ?? (typeof long === "string" ? long : void 0);
+  const bp = breakpointClasses[breakpoint];
+  const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn("items-center gap-1", bp.show), children: long }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn("items-center gap-1", bp.hide), children: short })
+  ] });
+  if (tooltipText) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      DataListTopCellWithTooltip,
+      {
+        tooltip: tooltipText,
+        className: utils.cn("flex [&_svg]:w-[1.3em] [&_svg]:h-[1.3em]", className),
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(DataListTopCell, { className: utils.cn("flex [&_svg]:w-[1.3em] [&_svg]:h-[1.3em]", className), children: content });
+}
+function DataListTopSelectCell({ checked, onToggle, ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DataListTopCell,
+    {
+      as: "label",
+      className: "w-8 cursor-pointer justify-center overflow-visible px-0 py-0!",
+      onClick: (e) => e.stopPropagation(),
+      children: /* @__PURE__ */ jsxRuntime.jsx(checkbox.Checkbox, { checked, onCheckedChange: () => onToggle(), "aria-label": rest["aria-label"] })
+    }
+  );
+}
+
+const widths = ["75%", "50%", "65%", "90%", "60%", "80%"];
+function DataListSkeleton({ columns = "auto 1fr auto auto", numberOfRows = 3 }) {
+  const columnParts = columns.trim().split(/\s+/);
+  const columnCount = columnParts.length;
+  const skeletonColumns = columnParts.map((col) => col === "auto" ? "minmax(6rem, auto)" : col).join(" ");
+  const getPseudoRandomWidth = (rowIdx, colIdx) => {
+    const index = (rowIdx + colIdx + columnCount + numberOfRows) % widths.length;
+    return widths[index];
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(DataListRoot, { columns: skeletonColumns, children: Array.from({ length: numberOfRows }).map((_, rowIdx) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "data-list-row grid grid-cols-subgrid gap-6 lg:gap-8 xl:gap-10 2xl:gap-12 3xl:gap-14 col-span-full px-5 border-y border-b-border1 border-t-transparent transition-colors duration-200 rounded-lg",
+      children: Array.from({ length: columnCount }).map((_2, colIdx) => /* @__PURE__ */ jsxRuntime.jsx(DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "bg-surface4 rounded-md animate-pulse text-transparent h-[1rem] select-none",
+          style: { width: getPseudoRandomWidth(rowIdx, colIdx) }
+        }
+      ) }, colIdx))
+    },
+    rowIdx
+  )) });
+}
+
+exports.AgentIcon = AgentIcon;
+exports.DataListCell = DataListCell;
+exports.DataListDateCell = DataListDateCell;
+exports.DataListDescriptionCell = DataListDescriptionCell;
+exports.DataListIdCell = DataListIdCell;
+exports.DataListMonoCell = DataListMonoCell;
+exports.DataListNameCell = DataListNameCell;
+exports.DataListNextPageLoading = DataListNextPageLoading;
+exports.DataListNoMatch = DataListNoMatch;
+exports.DataListRoot = DataListRoot;
+exports.DataListRowButton = DataListRowButton;
+exports.DataListRowLink = DataListRowLink;
+exports.DataListRowWrapper = DataListRowWrapper;
+exports.DataListSelectCell = DataListSelectCell;
+exports.DataListSkeleton = DataListSkeleton;
+exports.DataListSpacer = DataListSpacer;
+exports.DataListTextCell = DataListTextCell;
+exports.DataListTimeCell = DataListTimeCell;
+exports.DataListTop = DataListTop;
+exports.DataListTopCell = DataListTopCell;
+exports.DataListTopCellSmart = DataListTopCellSmart;
+exports.DataListTopCellWithTooltip = DataListTopCellWithTooltip;
+exports.DataListTopSelectCell = DataListTopSelectCell;
+exports.WorkflowIcon = WorkflowIcon;
+exports.dataListRowStaticStyles = dataListRowStaticStyles;
+exports.useDataListRowWrapperContext = useDataListRowWrapperContext;
+//# sourceMappingURL=data-list-skeleton-Bges_t5u.cjs.map