@mastra/playground-ui 30.0.0-alpha.9 → 30.0.1-alpha.0

package/CHANGELOG.md

@@ -1,5 +1,221 @@
 # @mastra/playground-ui
 
+## 30.0.1-alpha.0
+
+### Patch Changes
+
+- Removed the EntityList and EntityListPageLayout components — they were superseded by DataList. The 9 Studio root list pages (Agents, Datasets, Experiments, MCPs, Processors, Prompts, Scorers, Tools, Workflows) now build on DataList, matching the condensed layout shared across the rest of Studio. ([#17058](https://github.com/mastra-ai/mastra/pull/17058))
+
+  **Migration**
+
+  If you were importing EntityList or EntityListPageLayout from `@mastra/playground-ui`, switch to DataList — its API is a strict superset:
+
+  ```tsx
+  // Before
+  import { EntityList, EntityListSkeleton } from '@mastra/playground-ui';
+
+  // After
+  import { DataList, DataListSkeleton } from '@mastra/playground-ui';
+  ```
+
+  The primitive names match (`.Top`, `.TopCell`, `.TopCellSmart`, `.RowLink`, `.Cell`, `.TextCell`, `.NameCell`, `.DescriptionCell`, `.NoMatch`, `.Pagination`). DataList additionally exposes `.Row`, `.RowButton`, `.RowStatic`, `.IdCell`, `.MonoCell`, `.SelectCell`, `.NextPageLoading`, and more — useful when you need selection rows or action cells outside a RowLink.
+
+## 30.0.0
+
+### Minor Changes
+
+- Added a Drawer component — a panel that slides in from any edge of the screen with swipe-to-dismiss gestures. ([#16958](https://github.com/mastra-ai/mastra/pull/16958))
+
+  The Drawer can be anchored to any of the four screen edges and supports snap points, nested stacking, controlled state, non-modal mode, swipe-to-open areas, and detached triggers.
+
+  ```tsx
+  import {
+    Drawer,
+    DrawerTrigger,
+    DrawerContent,
+    DrawerHeader,
+    DrawerTitle,
+    DrawerDescription,
+    DrawerFooter,
+    DrawerClose,
+    Button,
+  } from '@mastra/playground-ui';
+
+  <Drawer side="right">
+    <DrawerTrigger asChild>
+      <Button>Open</Button>
+    </DrawerTrigger>
+    <DrawerContent>
+      <DrawerHeader>
+        <DrawerTitle>Library</DrawerTitle>
+        <DrawerDescription>A panel that slides in from the right edge.</DrawerDescription>
+      </DrawerHeader>
+      <DrawerFooter>
+        <DrawerClose asChild>
+          <Button variant="outline">Close</Button>
+        </DrawerClose>
+      </DrawerFooter>
+    </DrawerContent>
+  </Drawer>;
+  ```
+
+- Added a reusable `HoverCard` component (`HoverCard`, `HoverCardTrigger`, `HoverCardContent`) built on Base UI. You can now use these exported components to add hover card interactions anywhere in your UI. ([#16919](https://github.com/mastra-ai/mastra/pull/16919))
+
+  ```tsx
+  import { HoverCard, HoverCardTrigger, HoverCardContent } from '@mastra/playground-ui';
+
+  <HoverCard>
+    <HoverCardTrigger>Weather Agent</HoverCardTrigger>
+    <HoverCardContent>Answers questions about current conditions and forecasts.</HoverCardContent>
+  </HoverCard>;
+  ```
+
+### Patch Changes
+
+- Migrated the Switch component to Base UI for smoother animations and consistent behavior. No API changes — `checked`, `defaultChecked`, `onCheckedChange`, and `disabled` work exactly as before. ([#16891](https://github.com/mastra-ai/mastra/pull/16891))
+
+- Improved the Select component by migrating it to Base UI for more reliable positioning and accessibility. The public API (`Select`, `SelectTrigger`, `SelectContent`, `SelectItem`, `SelectValue`, `SelectGroup`) is unchanged, so no consumer updates are needed. ([#16918](https://github.com/mastra-ai/mastra/pull/16918))
+
+- Added `DataList.RowStatic`, a non-interactive row primitive. It renders a row that looks identical to other list rows but does not respond to clicks and shows no hover/focus state — use it alongside `DataList.RowButton` / `DataList.RowLink` when only some rows are clickable (e.g. error or placeholder entries in an otherwise navigable list). ([#16970](https://github.com/mastra-ai/mastra/pull/16970))
+
+  ```tsx
+  {
+    rows.map(row =>
+      row.href ? (
+        <DataList.RowLink key={row.id} to={row.href} LinkComponent={Link}>
+          {row.cells}
+        </DataList.RowLink>
+      ) : (
+        <DataList.RowStatic key={row.id}>{row.cells}</DataList.RowStatic>
+      ),
+    );
+  }
+  ```
+
+- Added `DataList` primitives and props for building selection-aware, condensed list rows that match the Traces/Logs visual style. ([#16820](https://github.com/mastra-ai/mastra/pull/16820))
+
+  **New cells** on `DataList`:
+  - `IdCell` — compact mono cell that truncates long IDs to 8 chars.
+  - `MonoCell` — compact mono + truncate text cell (for input previews, JSON summaries, etc.).
+  - `DateCell` — compact date cell rendering "Today" or "MMM dd".
+  - `TimeCell` — compact mono time cell rendering `HH:mm:ss.SSS` with the millisecond portion tinted.
+  - `SelectCell` — labelled checkbox cell with a shift-key range-select handler.
+  - `TopSelectCell` — header version with `indeterminate` support for "select all".
+  - `TopCells` — non-interactive header sibling of `RowButton`, for hosting top cells beside a leading select cell.
+
+  **New props** on `DataList.RowButton` and `DataList.RowLink`:
+  - `flushLeft` — drops the default left margin when wrapped beside a leading cell.
+  - `colStart` — places the row starting at a column line (e.g. `colStart={2}` to leave column 1 for a leading cell).
+  - `featured` — applies the highlighted background to mark the active row.
+
+  **New props** on existing wrappers:
+  - `as` on `DataList.Cell` and `DataList.TopCell` — render the cell as any HTML element (e.g. `<label>` so the whole cell is clickable).
+  - `hasLeadingCell` on `DataList.Top` — drops default gap and left padding so a leading cell sits flush, mirroring how `Row` + `RowButton` compose.
+
+  **Example** — selection row with a checkbox in column 1 and an interactive button spanning the rest:
+
+  ```tsx
+  <DataList.Row>
+    <DataList.SelectCell checked={isSelected} onToggle={shiftKey => toggle(id, shiftKey)} />
+    <DataList.RowButton flushLeft colStart={2} featured={isFeatured} onClick={onRowClick}>
+      <DataList.IdCell id={item.id} />
+      <DataList.MonoCell>{item.input}</DataList.MonoCell>
+    </DataList.RowButton>
+  </DataList.Row>
+  ```
+
+  Internally the Traces and Logs list views now use the shared primitives — no behavior change for those consumers.
+
+- Added support for trailing cells in `DataList` rows. `DataList.RowButton` and `DataList.RowLink` now accept `colEnd` and `flushRight` (mirrors of the existing `colStart`/`flushLeft`), so a row can sit beside a non-interactive trailing cell (e.g. an actions column) and stay aligned with the header. Rows wrapped in `DataList.Row` now render a full-width separator that extends through the leading and trailing cells. `DataList.MonoCell` also gained an optional `height` prop so non-compact lists can use it without forcing compact padding. ([#16888](https://github.com/mastra-ai/mastra/pull/16888))
+
+  **Usage**
+
+  ```tsx
+  <DataList.Row>
+    <DataList.RowButton flushLeft flushRight colEnd={-2} onClick={onClick}>
+      {/* main row content */}
+    </DataList.RowButton>
+    <DataList.Cell>
+      {/* trailing actions, e.g. icon buttons */}
+    </DataList.Cell>
+  </DataList.Row>
+
+  <DataList.MonoCell height="default">long mono text…</DataList.MonoCell>
+  ```
+
+- Migrated the Label component off Radix UI. It now renders a native `<label>` element with the same props and styling — `htmlFor`, `className`, and children behave exactly as before. ([#16892](https://github.com/mastra-ai/mastra/pull/16892))
+
+- Fixed Studio Settings page (and other default-height `PageLayout` pages) clipping their content with no scrollbar on viewports shorter than the form. Users on short laptop screens (under ~991px tall) could not reach the Save button under the Mastra Connection headers form, making it impossible to apply changes. Default-height `PageLayout` pages now grow with their content and scroll through the studio chrome wrapper; `height="full"` pages (Logs, Traces, Metrics, etc.) are unchanged. ([#16999](https://github.com/mastra-ai/mastra/pull/16999))
+
+- Restyled scrollbars across the studio UI to match the design system — thin, themed thumb on a transparent track — replacing the default OS scrollbars that clashed with dark and light surfaces. ([#16918](https://github.com/mastra-ai/mastra/pull/16918))
+
+- Exported ContextMenu from the package entry so it can be imported alongside other Base UI primitives. ([#17062](https://github.com/mastra-ai/mastra/pull/17062))
+
+- Design-system additions to support theming: ([#17059](https://github.com/mastra-ai/mastra/pull/17059))
+  - `Avatar` now accepts optional `color` and `textColor` props for per-instance tinting, and falls back to the initial when the image fails to load.
+  - `Searchbar` accepts an optional `className` to let consumers tune layout without forking.
+  - `TabList` accepts a `style` prop and the active-tab indicator now reads from the `--tab-indicator-color` CSS variable, letting parents theme the indicator (e.g. per-agent accent color).
+  - `stringToColor` now accepts any `number` for the `lightness` argument and defaults to `90` instead of `75` for a lighter fallback chip.
+  - Global `body` rule enables `font-smoothing` / `-webkit-font-smoothing` for crisper UI text.
+
+- Removed `EntryList` and its sub-components (`EntryList.Header`, `EntryList.Entries`, `EntryList.Entry`, `EntryList.EntryText`, `EntryList.Pagination`, `EntryList.NoMatch`, `EntryListSkeleton`, etc.) from the public API. All in-repo list views have migrated to `DataList`, which is the recommended replacement. ([#16910](https://github.com/mastra-ai/mastra/pull/16910))
+
+  **Migration:**
+
+  ```tsx
+  // Before
+  import { EntryList, EntryListSkeleton } from '@mastra/playground-ui';
+
+  <EntryList>
+    <EntryList.Trim>
+      <EntryList.Header columns={columns} />
+      <EntryList.Entries>
+        {items.map(item => (
+          <EntryList.Entry key={item.id} columns={columns} entry={item} onClick={…}>
+            {columns.map(col => <EntryList.EntryText key={col.name}>{item[col.name]}</EntryList.EntryText>)}
+          </EntryList.Entry>
+        ))}
+      </EntryList.Entries>
+    </EntryList.Trim>
+    <EntryList.Pagination …/>
+  </EntryList>
+
+  // After
+  import { DataList } from '@mastra/playground-ui';
+
+  <DataList columns={gridColumns}>
+    <DataList.Top>
+      {columns.map(col => <DataList.TopCell key={col.name}>{col.label}</DataList.TopCell>)}
+    </DataList.Top>
+    {items.map(item => (
+      <DataList.RowButton key={item.id} onClick={…}>
+        {columns.map(col => <DataList.Cell key={col.name}>{item[col.name]}</DataList.Cell>)}
+      </DataList.RowButton>
+    ))}
+    <DataList.Pagination …/>
+  </DataList>
+  ```
+
+- Improved the Checkbox component by migrating it to Base UI. The public API is unchanged — `checked` (including the `'indeterminate'` value), `defaultChecked`, `onCheckedChange`, and `disabled` all behave as before. ([#16905](https://github.com/mastra-ai/mastra/pull/16905))
+
+- Fixed MetricsDataTable sticky header and column backgrounds to use surface3 token, matching DashboardCard surface ([#16828](https://github.com/mastra-ai/mastra/pull/16828))
+
+- Improved the RadioGroup component by migrating it to Base UI. The public API (`RadioGroup`, `RadioGroupItem`, `value`, `onValueChange`, `disabled`) is unchanged. Also fixes the radio indicator sizing/centering — the control now stays square and the inner dot is properly centered. ([#16904](https://github.com/mastra-ai/mastra/pull/16904))
+
+- Updated dependencies [[`cfa2e3a`](https://github.com/mastra-ai/mastra/commit/cfa2e3a5292322f48bb28b4d257d631da7f9d3cc), [`0cbece9`](https://github.com/mastra-ai/mastra/commit/0cbece9d832cb134a74cdbf3682d390a058215a4), [`2f5f58a`](https://github.com/mastra-ai/mastra/commit/2f5f58a9a8bb13bcdc6789db221eef7c9bf1ff02), [`2f5f58a`](https://github.com/mastra-ai/mastra/commit/2f5f58a9a8bb13bcdc6789db221eef7c9bf1ff02), [`7dfe1bc`](https://github.com/mastra-ai/mastra/commit/7dfe1bcfe71d261a6fd6bbf29b1dec49d78fb98f), [`ac442a4`](https://github.com/mastra-ai/mastra/commit/ac442a42fda0354ac2bcea772bf6691cb3e9dbb3), [`b7286f4`](https://github.com/mastra-ai/mastra/commit/b7286f4308267f5fd70e6bfee10dba9472640906), [`6096445`](https://github.com/mastra-ai/mastra/commit/60964459733f0ab384584d95e19c36607ffdf7b0), [`d72dc4b`](https://github.com/mastra-ai/mastra/commit/d72dc4b12d832546c05c20255fa96fe4eb515900), [`a481027`](https://github.com/mastra-ai/mastra/commit/a481027b549ba1018414990c8f045eaee7b9f413), [`f1b9f87`](https://github.com/mastra-ai/mastra/commit/f1b9f87a00505f15d4fe39f92de287674adc2198), [`1e5c067`](https://github.com/mastra-ai/mastra/commit/1e5c067d2e20a781af670578180d1ee249806d41), [`168fa09`](https://github.com/mastra-ai/mastra/commit/168fa09d6b39114cb8c13bd06f1dccb9bc81c6cd), [`df1947a`](https://github.com/mastra-ai/mastra/commit/df1947affa40f742067542251fac7ca759492ef4), [`ee59b74`](https://github.com/mastra-ai/mastra/commit/ee59b743ce73ad11784b4d9c6fbba8568edee1c8), [`a97b1a0`](https://github.com/mastra-ai/mastra/commit/a97b1a0abaed83946c3519d1e0f680d0815b8a67), [`af2e1f8`](https://github.com/mastra-ai/mastra/commit/af2e1f8e2a2d2c4ba75167d5c93ca44395639eff), [`008baaf`](https://github.com/mastra-ai/mastra/commit/008baafd8d851f831407045aebead5a2e3342eff), [`271d891`](https://github.com/mastra-ai/mastra/commit/271d8917e4323340f9fe549f3e8de55810dbbcbe), [`801baa0`](https://github.com/mastra-ai/mastra/commit/801baa07cccdbaec1d00942a92bdc831111744a2), [`8116436`](https://github.com/mastra-ai/mastra/commit/81164363eb225d774e41ff27da6a5ea611406688), [`c35b962`](https://github.com/mastra-ai/mastra/commit/c35b9625c7e854fcfdeee226a3338a750d0ff211), [`c27c4b9`](https://github.com/mastra-ai/mastra/commit/c27c4b9f137df5414fca4e45896aceccff6b0ed5), [`08b3b59`](https://github.com/mastra-ai/mastra/commit/08b3b590dd960dee6c9a6e39272f8927d803db6e), [`b3c3b18`](https://github.com/mastra-ai/mastra/commit/b3c3b189121489a3a51a8fd8204b569be9a89fe5), [`c35b962`](https://github.com/mastra-ai/mastra/commit/c35b9625c7e854fcfdeee226a3338a750d0ff211), [`9be1545`](https://github.com/mastra-ai/mastra/commit/9be1545475eb81a716169bb1281a37853cc739e0), [`4084113`](https://github.com/mastra-ai/mastra/commit/408411370fc48a822e8b616b3b63f9409774e0e9), [`bc01b1b`](https://github.com/mastra-ai/mastra/commit/bc01b1bfafe381d90af909f8bce7eeb4eee779f2), [`70cb714`](https://github.com/mastra-ai/mastra/commit/70cb7149c8f16f478e15b58498254a53181750a4), [`91cf0e0`](https://github.com/mastra-ai/mastra/commit/91cf0e027e511b871481a8576b56b7af83b15afd), [`1120b4f`](https://github.com/mastra-ai/mastra/commit/1120b4fa928552c6ee1751efa5603d955841e766), [`7f9da22`](https://github.com/mastra-ai/mastra/commit/7f9da22efd5aa595e138a31de55a5f0f2f28b33d)]:
+  - @mastra/core@1.37.0
+  - @mastra/client-js@1.21.0
+  - @mastra/react@0.4.1
+
+## 30.0.0-alpha.10
+
+### Patch Changes
+
+- Updated dependencies [[`d72dc4b`](https://github.com/mastra-ai/mastra/commit/d72dc4b12d832546c05c20255fa96fe4eb515900)]:
+  - @mastra/core@1.37.0-alpha.9
+  - @mastra/client-js@1.21.0-alpha.10
+  - @mastra/react@0.4.1-alpha.10
+
 ## 30.0.0-alpha.9
 
 ### Patch Changes

package/dist/index.cjs.js

@@ -12837,11 +12837,11 @@ const ItemList = Object.assign(ItemListRoot, {
   LabelCell: ItemListLabelCell
 });
 
-const widths$2 = ["75%", "50%", "65%", "90%", "60%", "80%"];
+const widths$1 = ["75%", "50%", "65%", "90%", "60%", "80%"];
 function ItemListItemsSkeleton({ columns, numberOfRows = 3 }) {
   const getPseudoRandomWidth = (rowIdx, colIdx) => {
-    const index = (rowIdx + colIdx + (columns?.length || 0) + (numberOfRows || 0)) % widths$2.length;
-    return widths$2[index];
+    const index = (rowIdx + colIdx + (columns?.length || 0) + (numberOfRows || 0)) % widths$1.length;
+    return widths$1[index];
   };
   return /* @__PURE__ */ jsxRuntime.jsx(ItemListItems, { children: Array.from({ length: numberOfRows }).map((_, rowIdx) => /* @__PURE__ */ jsxRuntime.jsx(ItemListRow, { children: /* @__PURE__ */ jsxRuntime.jsx(ItemListRowButton, { columns, children: (columns || []).map((col, colIdx) => {
     const key = `${col.name}-${colIdx}`;
@@ -13668,7 +13668,7 @@ function DataListTopCellWithTooltip({ children, tooltip, className }) {
     /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { children: tooltip })
   ] });
 }
-const breakpointClasses$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" },
@@ -13683,7 +13683,7 @@ function DataListTopCellSmart({
   className
 }) {
   const tooltipText = tooltip ?? (typeof long === "string" ? long : void 0);
-  const bp = breakpointClasses$1[breakpoint];
+  const bp = breakpointClasses[breakpoint];
   const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("items-center gap-1", bp.show), children: long }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("items-center gap-1", bp.hide), children: short })
@@ -13756,14 +13756,14 @@ const DataList = Object.assign(DataListRoot, {
   Pagination: DataListPagination
 });
 
-const widths$1 = ["75%", "50%", "65%", "90%", "60%", "80%"];
+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$1.length;
-    return widths$1[index];
+    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",
@@ -13889,221 +13889,6 @@ const TracesDataList = Object.assign(TracesDataListRoot, {
   NextPageLoading: DataListNextPageLoading
 });
 
-function EntityListCell({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("relative py-4 grid items-center text-ui-md whitespace-nowrap text-neutral3", className), children });
-}
-function EntityListTextCell({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(EntityListCell, { className, children });
-}
-function EntityListNameCell({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(EntityListCell, { className: cn("text-left text-neutral4", className), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children }) });
-}
-function EntityListDescriptionCell({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(EntityListCell, { className: cn("text-neutral2", className), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children }) });
-}
-
-function EntityListNoMatch({ message = "Nothing matches your search", className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: 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 EntityListPagination({ currentPage, hasMore, onNextPage, onPrevPage }) {
-  const showNavigation = typeof currentPage === "number" && currentPage > 0 || hasMore;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("col-span-full flex items-center justify-center gap-8 pt-6 pb-4 text-ui-md text-neutral3"), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-      "Page ",
-      /* @__PURE__ */ jsxRuntime.jsx("b", { children: currentPage ? currentPage + 1 : "1" })
-    ] }),
-    showNavigation && /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: cn(
-          "flex gap-4",
-          "[&>button]:flex [&>button]:items-center [&>button]:gap-2 [&>button]:text-neutral4 [&>button:hover]:text-neutral5 [&>button]:transition-colors [&>button]:border [&>button]:border-border1 [&>button]:p-1 [&>button]:px-2 [&>button]:rounded-md",
-          "[&_svg]:w-[1em] [&_svg]:h-[1em] [&_svg]:text-neutral3"
-        ),
-        children: [
-          typeof currentPage === "number" && currentPage > 0 && /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", onClick: onPrevPage, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeftIcon, {}),
-            "Previous"
-          ] }),
-          hasMore && /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", onClick: onNextPage, children: [
-            "Next",
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRightIcon, {})
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-
-function EntityListRoot({ children, columns, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: cn(
-        "grid bg-surface2 border h-full border-border1 rounded-xl overflow-y-auto content-start",
-        className
-      ),
-      style: { gridTemplateColumns: columns },
-      children
-    }
-  );
-}
-
-function EntityListRow({ children, className, onClick, selected }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      role: onClick ? "button" : void 0,
-      tabIndex: onClick ? 0 : void 0,
-      onClick,
-      onKeyDown: onClick ? (e) => {
-        if (e.currentTarget !== e.target) return;
-        if (e.key === "Enter" || e.key === " ") {
-          e.preventDefault();
-          onClick();
-        }
-      } : void 0,
-      className: cn(
-        "entity-list-row grid grid-cols-subgrid gap-6 lg:gap-8 xl:gap-10 2xl:gap-12 3xl:gap-14 col-span-full cursor-pointer border-y border-b-border1 border-t-transparent px-5",
-        "hover:bg-surface4 hover:border-transparent focus-within:bg-surface4 focus-within:border-transparent focus-within:ring-1 focus-within:ring-inset focus-within:ring-accent1",
-        "[.entity-list-row:hover+&]:border-t-transparent [.entity-list-row:focus-within+&]:border-t-transparent",
-        "transition-colors duration-200 rounded-lg",
-        selected && "bg-surface4 border-transparent",
-        className
-      ),
-      children
-    }
-  );
-}
-
-function EntityListRowLink({ children, to, className, LinkComponent: Link }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Link,
-    {
-      href: to,
-      className: cn(
-        "entity-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 outline-hidden cursor-pointer border-y border-b-border1 border-t-transparent",
-        "hover:bg-surface4 hover:border-transparent focus-within:bg-surface4 focus-within:border-transparent focus-within:ring-1 focus-within:ring-inset focus-within:ring-accent1",
-        "[.entity-list-row:hover+&]:border-t-transparent [.entity-list-row:focus-within+&]:border-t-transparent",
-        "transition-colors duration-200 rounded-lg",
-        className
-      ),
-      children
-    }
-  );
-}
-
-function EntityListRows({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid grid-cols-subgrid col-span-full overflow-y-auto p-1", className), children });
-}
-
-function EntityListTop({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: cn(
-        "grid grid-cols-subgrid gap-6 lg:gap-8 xl:gap-10 2xl:gap-12 3xl:gap-14 col-span-full border-b border-border1 px-4 bg-surface2 sticky top-0 z-10",
-        className
-      ),
-      children
-    }
-  );
-}
-
-const EntityListTopCell = React.forwardRef(({ children, className }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      ref,
-      className: cn(
-        "h-8 py-1 flex items-center uppercase whitespace-nowrap text-neutral2 tracking-widest text-ui-xs",
-        className
-      ),
-      children
-    }
-  );
-});
-function EntityListTopCellWithTooltip({ children, tooltip, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(EntityListTopCell, { className, children }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { children: tooltip })
-  ] });
-}
-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 EntityListTopCellSmart({
-  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: cn("items-center gap-1", bp.show), children: long }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("items-center gap-1", bp.hide), children: short })
-  ] });
-  if (tooltipText) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      EntityListTopCellWithTooltip,
-      {
-        tooltip: tooltipText,
-        className: cn("flex [&_svg]:w-[1.3em] [&_svg]:h-[1.3em]", className),
-        children: content
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(EntityListTopCell, { className: cn("flex [&_svg]:w-[1.3em] [&_svg]:h-[1.3em]", className), children: content });
-}
-
-const EntityList = Object.assign(EntityListRoot, {
-  Top: EntityListTop,
-  TopCell: EntityListTopCell,
-  TopCellWithTooltip: EntityListTopCellWithTooltip,
-  TopCellSmart: EntityListTopCellSmart,
-  Rows: EntityListRows,
-  Row: EntityListRow,
-  RowLink: EntityListRowLink,
-  Cell: EntityListCell,
-  TextCell: EntityListTextCell,
-  NameCell: EntityListNameCell,
-  DescriptionCell: EntityListDescriptionCell,
-  NoMatch: EntityListNoMatch,
-  Pagination: EntityListPagination
-});
-
-const widths = ["75%", "50%", "65%", "90%", "60%", "80%"];
-function EntityListSkeleton({ columns, 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(EntityListRoot, { columns: skeletonColumns, children: Array.from({ length: numberOfRows }).map((_, rowIdx) => /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: "entity-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(EntityListCell, { children: /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: "bg-surface4 rounded-md animate-pulse text-transparent h-4 select-none",
-          style: { width: getPseudoRandomWidth(rowIdx, colIdx) }
-        }
-      ) }, colIdx))
-    },
-    rowIdx
-  )) });
-}
-
 const LEVEL_CONFIG = {
   debug: { label: "DEBUG", color: "#71717a" },
   info: { label: "INFO", color: "#60a5fa" },
@@ -14172,31 +13957,6 @@ const LogsDataList = Object.assign(DataListRoot, {
   NextPageLoading: DataListNextPageLoading
 });
 
-function EntityListPageLayoutRoot({ children, className }) {
-  const pageHeading = usePageHeading();
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "main",
-    {
-      className: cn(
-        "w-full h-full overflow-hidden grid grid-rows-[auto_auto] max-w-[110rem] px-10 mx-auto gap-4 py-6 content-start",
-        className
-      ),
-      children: [
-        pageHeading && /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "sr-only", children: pageHeading }),
-        children
-      ]
-    }
-  );
-}
-
-function EntityListPageLayoutTop({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid gap-4", className), children });
-}
-
-const EntityListPageLayout = Object.assign(EntityListPageLayoutRoot, {
-  Top: EntityListPageLayoutTop
-});
-
 function PageLayoutColumn({ children, className }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid content-start", className), children });
 }
@@ -22473,9 +22233,6 @@ exports.EntityContent = EntityContent;
 exports.EntityDescription = EntityDescription;
 exports.EntityHeader = EntityHeader;
 exports.EntityIcon = EntityIcon;
-exports.EntityList = EntityList;
-exports.EntityListPageLayout = EntityListPageLayout;
-exports.EntityListSkeleton = EntityListSkeleton;
 exports.EntityName = EntityName;
 exports.Entry = Entry;
 exports.EntryCell = EntryCell;