@flamingo-stack/openframe-frontend-core 0.0.853 → 0.0.855

package/dist/components/features/cloud-tenants/tenant-row.d.ts

@@ -1,17 +1,24 @@
-/** One connected directory tenant, as the tenants list shows it. */
-export interface TenantRow {
+/** A customer a tenant's directory serves. */
+export interface TenantCustomer {
+    name: string;
+    /** A URL the browser can load as is. */
+    imageUrl?: string | null;
+}
+/** A directory's seats over its paid SKUs. */
+export interface TenantLicenseSummary {
+    assigned: number;
+    /** Absent when the provider does not report purchased seats (Google Workspace). */
+    purchased?: number | null;
+    /** Purchased minus assigned; negative when the provider counts suspended seats as assigned. */
+    unused?: number | null;
+}
+interface TenantRowBase {
     id: string;
     /** The tenant's own name in its directory. */
     name: string;
     /** The directory provider (`MICROSOFT_365`, `GOOGLE_WORKSPACE`); an unknown value keeps its raw name. */
     provider: string;
     domain?: string | null;
-    /** The customer the tenant belongs to. */
-    customer: {
-        name: string;
-        /** A URL the browser can load as is. */
-        imageUrl?: string | null;
-    };
     /** Users read from the directory; absent before the first read. */
     userCount?: number | null;
     /** What the last access probe found (`WRITE_ENABLED`, `DISCONNECTED`, ...). */
@@ -19,4 +26,24 @@ export interface TenantRow {
     /** When the directory was last read; absent when it never was. */
     lastReadAt?: string | null;
 }
+/**
+ * A tenant of the single-customer list, `TenantsTableView`'s default variant, which accepts no other row: a
+ * multi-customer host that forgets `variant` does not compile. Deleted with that variant.
+ */
+export interface TenantRow extends TenantRowBase {
+    /** The customer the tenant belongs to. */
+    customer: TenantCustomer;
+}
+/** A tenant of the multi-customer list (`variant="multi-customer"`): a directory serving any number of customers. */
+export interface MultiCustomerTenantRow extends TenantRowBase {
+    /** The customers the directory serves, in the order the host shows them; empty while it serves none. */
+    customers: readonly TenantCustomer[];
+    /** Of the users read, the users no customer's rule claims; absent before the first read. */
+    unattributedUserCount?: number | null;
+    /** A person paused the sync: the row says so instead of when it was last read. */
+    syncPaused?: boolean;
+    /** Absent until the licence numbers have been read. */
+    licenses?: TenantLicenseSummary | null;
+}
+export {};
 //# sourceMappingURL=tenant-row.d.ts.map

package/dist/components/features/cloud-tenants/tenant-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tenant-row.d.ts","sourceRoot":"","sources":["../../../../src/components/features/cloud-tenants/tenant-row.ts"],"names":[],"mappings":"AAAA,oEAAoE;AACpE,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,8CAA8C;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,yGAAyG;IACzG,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,0CAA0C;IAC1C,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,CAAC;QACb,wCAAwC;QACxC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KAC1B,CAAC;IACF,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,+EAA+E;IAC/E,WAAW,EAAE,MAAM,CAAC;IACpB,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B"}
+{"version":3,"file":"tenant-row.d.ts","sourceRoot":"","sources":["../../../../src/components/features/cloud-tenants/tenant-row.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAC9C,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,8CAA8C;AAC9C,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,mFAAmF;IACnF,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,+FAA+F;IAC/F,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAED,UAAU,aAAa;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,8CAA8C;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,yGAAyG;IACzG,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,+EAA+E;IAC/E,WAAW,EAAE,MAAM,CAAC;IACpB,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED;;;GAGG;AACH,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C,0CAA0C;IAC1C,QAAQ,EAAE,cAAc,CAAC;CAC1B;AAED,qHAAqH;AACrH,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IAC3D,wGAAwG;IACxG,SAAS,EAAE,SAAS,cAAc,EAAE,CAAC;IACrC,4FAA4F;IAC5F,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,kFAAkF;IAClF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;CACxC"}

package/dist/components/features/cloud-tenants/tenants-table-columns.d.ts

@@ -8,8 +8,9 @@ export interface TenantsTableColumn {
     align?: 'right';
 }
 /**
- * Column layout of the tenants list (Figma 1699-8249: Tenant, Customers,
- * Access, open). Data-only on purpose: the live table and the route skeleton
+ * Column layout of the tenants list (Figma 3025-3536: Tenant, Customers, Licences, Access, open). A tablet drops the
+ * licence cells and keeps the funnel (3032-4579); a phone keeps the tenant, the access tag and open (3033-9343).
+ * Data-only on purpose: the live table and the route skeleton
  * read the SAME widths, so nothing shifts when the rows arrive, and a skeleton
  * never imports the table's cell renderers.
  */
@@ -25,6 +26,12 @@ export declare const TENANT_COLUMNS: {
         width: string;
         hideAt: "md";
     };
+    licenses: {
+        id: string;
+        header: string;
+        width: string;
+        hideAt: "lg";
+    };
     access: {
         id: string;
         header: string;
@@ -33,7 +40,6 @@ export declare const TENANT_COLUMNS: {
     open: {
         id: string;
         width: string;
-        hideAt: "md";
         align: "right";
     };
 };

package/dist/components/features/cloud-tenants/tenants-table-columns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tenants-table-columns.d.ts","sourceRoot":"","sources":["../../../../src/components/features/cloud-tenants/tenants-table-columns.ts"],"names":[],"mappings":"AAAA,oGAAoG;AACpG,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;CAKmB,CAAC;AAE/C,2CAA2C;AAC3C,eAAO,MAAM,qBAAqB,EAAE,SAAS,kBAAkB,EAK9D,CAAC"}
+{"version":3,"file":"tenants-table-columns.d.ts","sourceRoot":"","sources":["../../../../src/components/features/cloud-tenants/tenants-table-columns.ts"],"names":[],"mappings":"AAAA,oGAAoG;AACpG,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMmB,CAAC;AAE/C,2CAA2C;AAC3C,eAAO,MAAM,qBAAqB,EAAE,SAAS,kBAAkB,EAM9D,CAAC"}

package/dist/components/features/cloud-tenants/tenants-table-columns.js

@@ -1,13 +1,15 @@
 "use client";
 const TENANT_COLUMNS = {
   tenant: { id: "tenant", header: "Tenant", width: "flex-1 min-w-0" },
-  customer: { id: "customer", header: "Customers", width: "w-[220px] content-lg:w-[340px]", hideAt: "md" },
-  access: { id: "access", header: "Access", width: "w-[200px] content-lg:w-[216px]" },
-  open: { id: "open", width: "w-12 shrink-0 flex-none", hideAt: "md", align: "right" }
+  customer: { id: "customer", header: "Customers", width: "w-[220px] content-lg:w-[280px]", hideAt: "md" },
+  licenses: { id: "licenses", header: "Licences", width: "w-[150px]", hideAt: "lg" },
+  access: { id: "access", header: "Access", width: "flex-none content-md:w-[200px] content-lg:w-[216px]" },
+  open: { id: "open", width: "w-12 shrink-0 flex-none", align: "right" }
 };
 const TENANTS_TABLE_COLUMNS = [
   TENANT_COLUMNS.tenant,
   TENANT_COLUMNS.customer,
+  TENANT_COLUMNS.licenses,
   TENANT_COLUMNS.access,
   TENANT_COLUMNS.open
 ];

package/dist/components/features/cloud-tenants/tenants-table-view.d.ts

@@ -1,14 +1,32 @@
-import type { TenantRow } from './tenant-row';
+import { type DataTableFilterOption } from '../../ui/data-table';
+import { type SingleCustomerTenantsTableViewProps } from './single-customer-tenants-table-view';
+import type { MultiCustomerTenantRow } from './tenant-row';
+/** The columns whose header carries a funnel (Figma 3036-4860). */
+export declare const TENANTS_TABLE_FILTER_COLUMNS: readonly ["tenant", "customer", "licenses", "access"];
+export type TenantsTableFilterColumn = (typeof TENANTS_TABLE_FILTER_COLUMNS)[number];
+/** Each column's funnel: what it offers, what is ticked. The host narrows the rows; the view only draws. */
+export interface TenantsTableFilters {
+    /** A column the host leaves out has no funnel; one with no options draws its bare label. */
+    options: Partial<Record<TenantsTableFilterColumn, DataTableFilterOption[]>>;
+    selections: Readonly<Record<TenantsTableFilterColumn, readonly string[]>>;
+    onChange: (next: Record<TenantsTableFilterColumn, string[]>) => void;
+    /** The options are in flight: the funnels draw, inert. */
+    pending?: boolean;
+}
 /**
  * Click handler that opens `href` in a new tab. The row is itself the details
  * link and an `<a>` cannot be nested in an `<a>`, so the button opens it by script.
  */
-export interface TenantsTableViewProps {
-    rows: TenantRow[];
+interface MultiCustomerTenantsTableViewProps {
+    /** A directory per row that serves any number of customers, with its licences and the column funnels. */
+    variant: 'multi-customer';
+    rows: MultiCustomerTenantRow[];
     /** Where a row leads: the row is a link to it, and its last cell opens it in a new tab. */
-    getHref: (row: TenantRow) => string;
+    getHref: (row: MultiCustomerTenantRow) => string;
     /** The search the rows answer; named by the "no match" message. */
     search?: string;
+    /** The funnels of the column headers. Absent: none, as on the product page. */
+    filters?: TenantsTableFilters;
     /** The rows on screen are the previous result of a search still loading: they dim. */
     isPending?: boolean;
     /** All matching tenants, loaded or not. Default: the rows given. */
@@ -21,6 +39,9 @@ export interface TenantsTableViewProps {
     /** The clock "Last read" is relative to. Default: the moment of the render. */
     now?: Date;
 }
-/** The tenants list: tenant, customer, access state and a way into each tenant's details. */
-export declare function TenantsTableView({ rows, getHref, search, isPending, totalCount, stickyHeaderOffset, skeletonRows, hasNextPage, isFetchingNextPage, onLoadMore, now, }: TenantsTableViewProps): import("react").JSX.Element;
+/** The single-customer list unless `variant` is 'multi-customer', the one that takes funnels and needs its own rows. */
+export type TenantsTableViewProps = SingleCustomerTenantsTableViewProps | MultiCustomerTenantsTableViewProps;
+/** The tenants list, in the layout its `variant` names. */
+export declare function TenantsTableView(props: TenantsTableViewProps): import("react").JSX.Element;
+export {};
 //# sourceMappingURL=tenants-table-view.d.ts.map

package/dist/components/features/cloud-tenants/tenants-table-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tenants-table-view.d.ts","sourceRoot":"","sources":["../../../../src/components/features/cloud-tenants/tenants-table-view.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAmC9C;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,2FAA2F;IAC3F,OAAO,EAAE,CAAC,GAAG,EAAE,SAAS,KAAK,MAAM,CAAC;IACpC,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sFAAsF;IACtF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,+EAA+E;IAC/E,GAAG,CAAC,EAAE,IAAI,CAAC;CACZ;AAKD,6FAA6F;AAC7F,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,OAAO,EACP,MAAW,EACX,SAAiB,EACjB,UAAU,EACV,kBAAkB,EAClB,YAA0C,EAC1C,WAAmB,EACnB,kBAA0B,EAC1B,UAAU,EACV,GAAG,GACJ,EAAE,qBAAqB,+BAmFvB"}
+{"version":3,"file":"tenants-table-view.d.ts","sourceRoot":"","sources":["../../../../src/components/features/cloud-tenants/tenants-table-view.tsx"],"names":[],"mappings":"AAOA,OAAO,EAIL,KAAK,qBAAqB,EAI3B,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAEL,KAAK,mCAAmC,EACzC,MAAM,sCAAsC,CAAC;AAK9C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAmC3D,mEAAmE;AACnE,eAAO,MAAM,4BAA4B,uDAAwD,CAAC;AAElG,MAAM,MAAM,wBAAwB,GAAG,CAAC,OAAO,4BAA4B,CAAC,CAAC,MAAM,CAAC,CAAC;AAErF,4GAA4G;AAC5G,MAAM,WAAW,mBAAmB;IAClC,4FAA4F;IAC5F,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,wBAAwB,EAAE,qBAAqB,EAAE,CAAC,CAAC,CAAC;IAC5E,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,wBAAwB,EAAE,SAAS,MAAM,EAAE,CAAC,CAAC,CAAC;IAC1E,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,wBAAwB,EAAE,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IACrE,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;GAGG;AACH,UAAU,kCAAkC;IAC1C,yGAAyG;IACzG,OAAO,EAAE,gBAAgB,CAAC;IAC1B,IAAI,EAAE,sBAAsB,EAAE,CAAC;IAC/B,2FAA2F;IAC3F,OAAO,EAAE,CAAC,GAAG,EAAE,sBAAsB,KAAK,MAAM,CAAC;IACjD,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,sFAAsF;IACtF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,+EAA+E;IAC/E,GAAG,CAAC,EAAE,IAAI,CAAC;CACZ;AAED,wHAAwH;AACxH,MAAM,MAAM,qBAAqB,GAAG,mCAAmC,GAAG,kCAAkC,CAAC;AAE7G,2DAA2D;AAC3D,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAM5D"}

package/dist/components/features/cloud-tenants/tenants-table-view.js

@@ -5,11 +5,19 @@ import { cn } from "../../../utils/cn.js";
 import { openInNewTab } from "../../../utils/open-in-new-tab.js";
 import { ArrowRightUpIcon } from "../../icons-v2-generated/arrows/arrow-right-up-icon.js";
 import { Button } from "../../ui/button/index.js";
-import { DataTable, dataTableLoadingRows, useDataTable } from "../../ui/data-table/index.js";
+import {
+  DataTable,
+  dataTableLoadingRows,
+  useDataTable
+} from "../../ui/data-table/index.js";
 import { useLoadingScope } from "../../ui/loading-scope.js";
+import {
+  SingleCustomerTenantsTableView
+} from "./single-customer-tenants-table-view.js";
 import { TenantAccessCell } from "./tenant-access-cell.js";
 import { TenantCell } from "./tenant-cell.js";
 import { TenantCustomerCell } from "./tenant-customer-cell.js";
+import { TenantLicensesCell } from "./tenant-licenses-cell.js";
 import { TENANT_COLUMNS } from "./tenants-table-columns.js";
 const getRowId = (row) => row.id;
 const columnMeta = ({ width, hideAt, align }) => ({ width, hideAt, align });
@@ -17,7 +25,7 @@ const loadingTenant = (id) => ({
   id,
   name: "",
   provider: "",
-  customer: { name: "" },
+  customers: [{ name: "" }],
   accessState: ""
 });
 function OpenTenantButton({ href, name }) {
@@ -38,11 +46,16 @@ function OpenTenantButton({ href, name }) {
     ) })
   );
 }
+const TENANTS_TABLE_FILTER_COLUMNS = ["tenant", "customer", "licenses", "access"];
+function TenantsTableView(props) {
+  return props.variant === "multi-customer" ? /* @__PURE__ */ jsx(MultiCustomerTenantsTableView, { ...props }) : /* @__PURE__ */ jsx(SingleCustomerTenantsTableView, { ...props });
+}
 const TENANTS_TABLE_SKELETON_ROWS = 20;
-function TenantsTableView({
+function MultiCustomerTenantsTableView({
   rows,
   getHref,
   search = "",
+  filters,
   isPending = false,
   totalCount,
   stickyHeaderOffset,
@@ -52,14 +65,20 @@ function TenantsTableView({
   onLoadMore,
   now
 }) {
-  const columns = useMemo(
-    () => [
+  const filterOptions = filters?.options;
+  const filtersPending = filters?.pending ?? false;
+  const columns = useMemo(() => {
+    const funnel = (id) => {
+      const options = filterOptions?.[id];
+      return options ? { filter: { options, pending: filtersPending } } : {};
+    };
+    return [
       {
         id: TENANT_COLUMNS.tenant.id,
         header: TENANT_COLUMNS.tenant.header,
         cell: ({ row }) => /* @__PURE__ */ jsx(TenantCell, { provider: row.original.provider, name: row.original.name, domain: row.original.domain }),
         enableSorting: false,
-        meta: columnMeta(TENANT_COLUMNS.tenant)
+        meta: { ...columnMeta(TENANT_COLUMNS.tenant), ...funnel("tenant") }
       },
       {
         id: TENANT_COLUMNS.customer.id,
@@ -67,20 +86,36 @@ function TenantsTableView({
         cell: ({ row }) => /* @__PURE__ */ jsx(
           TenantCustomerCell,
           {
-            name: row.original.customer.name,
-            imageUrl: row.original.customer.imageUrl,
-            userCount: row.original.userCount
+            customers: row.original.customers,
+            userCount: row.original.userCount,
+            unattributedUserCount: row.original.unattributedUserCount,
+            neverRead: row.original.lastReadAt == null && row.original.userCount == null
           }
         ),
         enableSorting: false,
-        meta: columnMeta(TENANT_COLUMNS.customer)
+        meta: { ...columnMeta(TENANT_COLUMNS.customer), ...funnel("customer") }
+      },
+      {
+        id: TENANT_COLUMNS.licenses.id,
+        header: TENANT_COLUMNS.licenses.header,
+        cell: ({ row }) => /* @__PURE__ */ jsx(TenantLicensesCell, { licenses: row.original.licenses }),
+        enableSorting: false,
+        meta: { ...columnMeta(TENANT_COLUMNS.licenses), ...funnel("licenses") }
       },
       {
         id: TENANT_COLUMNS.access.id,
         header: TENANT_COLUMNS.access.header,
-        cell: ({ row }) => /* @__PURE__ */ jsx(TenantAccessCell, { accessState: row.original.accessState, lastReadAt: row.original.lastReadAt, now }),
+        cell: ({ row }) => /* @__PURE__ */ jsx(
+          TenantAccessCell,
+          {
+            accessState: row.original.accessState,
+            lastReadAt: row.original.lastReadAt,
+            syncPaused: row.original.syncPaused,
+            now
+          }
+        ),
         enableSorting: false,
-        meta: columnMeta(TENANT_COLUMNS.access)
+        meta: { ...columnMeta(TENANT_COLUMNS.access), ...funnel("access") }
       },
       {
         id: TENANT_COLUMNS.open.id,
@@ -88,15 +123,37 @@ function TenantsTableView({
         enableSorting: false,
         meta: columnMeta(TENANT_COLUMNS.open)
       }
-    ],
-    [getHref, now]
-  );
+    ];
+  }, [getHref, now, filterOptions, filtersPending]);
   const loading = useLoadingScope();
   const loadingRows = useMemo(
     () => loading ? dataTableLoadingRows(skeletonRows, loadingTenant) : null,
     [loading, skeletonRows]
   );
-  const table = useDataTable({ data: loadingRows ?? rows, columns, getRowId, enableSorting: false });
+  const selections = filters?.selections;
+  const onFiltersChange = filters?.onChange;
+  const columnFilters = useMemo(
+    () => TENANTS_TABLE_FILTER_COLUMNS.flatMap(
+      (id) => selections && selections[id].length > 0 ? [{ id, value: selections[id] }] : []
+    ),
+    [selections]
+  );
+  const table = useDataTable({
+    data: loadingRows ?? rows,
+    columns,
+    getRowId,
+    enableSorting: false,
+    state: { columnFilters },
+    onColumnFiltersChange: (updater) => {
+      const next = typeof updater === "function" ? updater(columnFilters) : updater;
+      const picked = (id) => {
+        const value = next.find((filter) => filter.id === id)?.value;
+        return Array.isArray(value) ? value : [];
+      };
+      const selected = Object.fromEntries(TENANTS_TABLE_FILTER_COLUMNS.map((id) => [id, picked(id)]));
+      onFiltersChange?.(selected);
+    }
+  });
   return (
     // Dim, don't unmount, the stale rows while a deferred search refetches.
     /* @__PURE__ */ jsx("div", { className: cn("transition-opacity duration-200", isPending && "opacity-60"), children: /* @__PURE__ */ jsxs(DataTable, { table, children: [
@@ -115,7 +172,7 @@ function TenantsTableView({
           skeletonRows,
           emptyState: {
             title: "No tenants match",
-            description: `Nothing matches "${search}". Try a different name, domain or customer.`
+            description: search ? `Nothing matches "${search}". Try a different name, domain or customer.` : "Nothing matches the selected filters. Try adjusting them."
           },
           rowClassName: "mb-[var(--spacing-system-xxs)]",
           rowHref: getHref
@@ -133,5 +190,6 @@ function TenantsTableView({
   );
 }
 export {
+  TENANTS_TABLE_FILTER_COLUMNS,
   TenantsTableView
 };

package/dist/components/features/devices/device-directory.d.ts

@@ -0,0 +1,18 @@
+import type { DeviceRow } from './types';
+/** The schema's `DirectoryUserLink`: who a device is tied to in a directory. */
+export type DeviceDirectoryUserLink = 'PRIMARY' | 'SHARED' | 'NONE';
+/** The schema's `DirectorySource`: a directory that knows a device. */
+export type DeviceDirectorySource = 'MICROSOFT_365' | 'GOOGLE_WORKSPACE';
+/** The USER funnel's option (Figma 1136:64807). A value this build does not know keeps its own name. */
+export declare function directoryUserLinkLabel(link: string): string;
+/** The SOURCES tag: which directory knows the device. */
+export declare function directorySourceLabel(source: string): string;
+/**
+ * The USER cell's two lines (Figma 865:55733): the primary user over "Primary user", "Shared" over how many, or the
+ * empty mark when nobody is tied to the device.
+ */
+export declare function directoryUserLines(device: Pick<DeviceRow, 'directoryUserLink' | 'directoryUserName' | 'directoryUserCount'>): {
+    name: string;
+    detail: string | null;
+};
+//# sourceMappingURL=device-directory.d.ts.map

package/dist/components/features/devices/device-directory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"device-directory.d.ts","sourceRoot":"","sources":["../../../../src/components/features/devices/device-directory.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,gFAAgF;AAChF,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEpE,uEAAuE;AACvE,MAAM,MAAM,qBAAqB,GAAG,eAAe,GAAG,kBAAkB,CAAC;AAazE,wGAAwG;AACxG,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE3D;AAED,yDAAyD;AACzD,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAE3D;AAQD;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,mBAAmB,GAAG,mBAAmB,GAAG,oBAAoB,CAAC,GACxF;IACD,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB,CASA"}

package/dist/components/features/devices/device-directory.js

@@ -0,0 +1,35 @@
+"use client";
+import { presentationFor } from "../../../utils/presentation-for.js";
+const USER_LINK_LABELS = {
+  PRIMARY: "Primary user",
+  SHARED: "Shared",
+  NONE: "No user"
+};
+const SOURCE_LABELS = {
+  MICROSOFT_365: "M365",
+  GOOGLE_WORKSPACE: "GOOGLE"
+};
+function directoryUserLinkLabel(link) {
+  return presentationFor(USER_LINK_LABELS, link) ?? link;
+}
+function directorySourceLabel(source) {
+  return presentationFor(SOURCE_LABELS, source) ?? source;
+}
+const EMPTY_USER = "\u2014";
+const PRIMARY_LINK = "PRIMARY";
+const SHARED_LINK = "SHARED";
+function directoryUserLines(device) {
+  if (device.directoryUserLink === PRIMARY_LINK) {
+    return { name: device.directoryUserName ?? EMPTY_USER, detail: USER_LINK_LABELS.PRIMARY };
+  }
+  if (device.directoryUserLink === SHARED_LINK) {
+    const count = device.directoryUserCount ?? 0;
+    return { name: USER_LINK_LABELS.SHARED, detail: `${count} recent ${count === 1 ? "user" : "users"}` };
+  }
+  return { name: EMPTY_USER, detail: null };
+}
+export {
+  directorySourceLabel,
+  directoryUserLines,
+  directoryUserLinkLabel
+};

package/dist/components/features/devices/devices-filter-toolbar.d.ts

@@ -21,6 +21,8 @@ export interface DevicesFilterToolbarProps {
     selectedTags: FilterModalProps['selectedTags'];
     onTagsChange: FilterModalProps['onTagsChange'];
     isLoading?: boolean;
+    /** The search field's prompt. Default "Search for Devices". */
+    searchPlaceholder?: string;
     /**
      * When true (default), pins the toolbar at the top with the same negative-margin
      * bleed used by `DevicesPanel` (so the search row's background covers the
@@ -40,6 +42,6 @@ export interface DevicesFilterToolbarProps {
  * all state (search value, modal open/close, filter options) is owned by
  * the parent. Reused by `DevicesPanel` and (eventually) `DeviceSelector`.
  */
-export declare function DevicesFilterToolbar({ searchValue, onSearchChange, tags, onTagRemove, onClearAll, onOpenFilterModal, isFilterModalOpen, onCloseFilterModal, filterGroups, onFilterChange, currentFilters, tagFilterKeys, selectedTags, onTagsChange, isLoading, sticky, toolbarRef, }: DevicesFilterToolbarProps): import("react").JSX.Element;
+export declare function DevicesFilterToolbar({ searchValue, onSearchChange, tags, onTagRemove, onClearAll, onOpenFilterModal, isFilterModalOpen, onCloseFilterModal, filterGroups, onFilterChange, currentFilters, tagFilterKeys, selectedTags, onTagsChange, isLoading, searchPlaceholder, sticky, toolbarRef, }: DevicesFilterToolbarProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=devices-filter-toolbar.d.ts.map

package/dist/components/features/devices/devices-filter-toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"devices-filter-toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/features/devices/devices-filter-toolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAkB,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAG7E,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAE3D,MAAM,WAAW,yBAAyB;IACxC,2EAA2E;IAC3E,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mEAAmE;IACnE,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC;IAChC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,UAAU,EAAE,MAAM,IAAI,CAAC;IAEvB,kCAAkC;IAClC,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAE9B,mDAAmD;IACnD,iBAAiB,EAAE,OAAO,CAAC;IAC3B,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,YAAY,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAC/C,cAAc,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACnD,cAAc,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACpD,aAAa,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAC;IACjD,YAAY,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAC/C,YAAY,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAClC;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,WAAW,EACX,cAAc,EACd,IAAI,EACJ,WAAW,EACX,UAAU,EACV,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,YAAY,EACZ,cAAc,EACd,cAAc,EACd,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,MAAa,EACb,UAAU,GACX,EAAE,yBAAyB,+BAuC3B"}
+{"version":3,"file":"devices-filter-toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/features/devices/devices-filter-toolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAkB,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAG7E,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAE3D,MAAM,WAAW,yBAAyB;IACxC,2EAA2E;IAC3E,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mEAAmE;IACnE,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC;IAChC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,UAAU,EAAE,MAAM,IAAI,CAAC;IAEvB,kCAAkC;IAClC,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAE9B,mDAAmD;IACnD,iBAAiB,EAAE,OAAO,CAAC;IAC3B,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,YAAY,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAC/C,cAAc,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACnD,cAAc,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACpD,aAAa,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAC;IACjD,YAAY,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAC/C,YAAY,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+DAA+D;IAC/D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAClC;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,WAAW,EACX,cAAc,EACd,IAAI,EACJ,WAAW,EACX,UAAU,EACV,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,YAAY,EACZ,cAAc,EACd,cAAc,EACd,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,iBAAwC,EACxC,MAAa,EACb,UAAU,GACX,EAAE,yBAAyB,+BAuC3B"}

package/dist/components/features/devices/devices-filter-toolbar.js

@@ -19,6 +19,7 @@ function DevicesFilterToolbar({
   selectedTags,
   onTagsChange,
   isLoading,
+  searchPlaceholder = "Search for Devices",
   sticky = true,
   toolbarRef
 }) {
@@ -40,7 +41,7 @@ function DevicesFilterToolbar({
               onSearchChange,
               onTagRemove,
               onClearAll,
-              placeholder: "Search for Devices",
+              placeholder: searchPlaceholder,
               addMorePlaceholder: "Add More..."
             }
           ) }),

package/dist/components/features/devices/devices-panel-view.d.ts

@@ -59,6 +59,8 @@ export interface DevicesPanelViewProps<T extends DeviceRow = DeviceRow> {
     hideColumns?: string[];
     /** Filter keys to drop from the funnels and the grid row; the column itself stays. */
     hideFilters?: string[];
+    /** Adds the USER and SOURCES columns and funnels, for a tenant with directories. Default: neither. */
+    directoryColumns?: boolean;
     /** Message shown when the list is empty. */
     emptyMessage?: string;
     /** Drawn instead of the toolbar and the list: the pristine, genuinely empty panel. */
@@ -86,5 +88,5 @@ export interface DevicesPanelViewProps<T extends DeviceRow = DeviceRow> {
  * state is the same component with `loading`: the chrome is the real one,
  * locked, so the page does not move when the rows land.
  */
-export declare function DevicesPanelView<T extends DeviceRow = DeviceRow>({ title, backButton, className, headerSlot, viewMode, onViewModeChange, actions, devices, loading: loadingGiven, loadingRegion, isNarrowing, totalCount, deviceFilters, filterColumns, toolbar, columnFilters, onColumnFiltersChange, gridFilters, onGridFiltersChange, actionsColumn, hideColumns, hideFilters, emptyMessage, emptyState, noOrganizations, hasNextPage, isFetchingNextPage, onLoadMore, gridSentinelRef, pageSize, }: DevicesPanelViewProps<T>): import("react").JSX.Element;
+export declare function DevicesPanelView<T extends DeviceRow = DeviceRow>({ title, backButton, className, headerSlot, viewMode, onViewModeChange, actions, devices, loading: loadingGiven, loadingRegion, isNarrowing, totalCount, deviceFilters, filterColumns, toolbar, columnFilters, onColumnFiltersChange, gridFilters, onGridFiltersChange, actionsColumn, hideColumns, hideFilters, directoryColumns, emptyMessage, emptyState, noOrganizations, hasNextPage, isFetchingNextPage, onLoadMore, gridSentinelRef, pageSize, }: DevicesPanelViewProps<T>): import("react").JSX.Element;
 //# sourceMappingURL=devices-panel-view.d.ts.map

package/dist/components/features/devices/devices-panel-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"devices-panel-view.d.ts","sourceRoot":"","sources":["../../../../src/components/features/devices/devices-panel-view.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"devices-panel-view.d.ts","sourceRoot":"","sources":["../../../../src/components/features/devices/devices-panel-view.tsx"],"names":[],"mappings":"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"}

package/dist/components/features/devices/devices-panel-view.js

@@ -57,6 +57,7 @@ function DevicesPanelView({
   actionsColumn,
   hideColumns,
   hideFilters,
+  directoryColumns = false,
   emptyMessage = "No devices found. Try adjusting your search or filters.",
   emptyState,
   noOrganizations = false,
@@ -68,9 +69,16 @@ function DevicesPanelView({
 }) {
   const scoped = useLoadingScope();
   const loading = scoped || loadingGiven;
-  const gridColumns = filterColumns ?? getDeviceFilterColumns(deviceFilters).filter((column) => !hideFilters?.includes(column.key));
+  const gridColumns = filterColumns ?? getDeviceFilterColumns(deviceFilters, { directoryColumns }).filter((column) => !hideFilters?.includes(column.key));
   const list = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(DevicesFilterToolbar, { ...toolbar, isLoading: loading }),
+    /* @__PURE__ */ jsx(
+      DevicesFilterToolbar,
+      {
+        ...toolbar,
+        searchPlaceholder: directoryColumns ? "Search for Devices and Users" : void 0,
+        isLoading: loading
+      }
+    ),
     viewMode === "table" ? /* @__PURE__ */ jsx(
       DevicesTableBody,
       {
@@ -86,6 +94,7 @@ function DevicesPanelView({
         onColumnFiltersChange,
         actionsColumn,
         hideColumns,
+        directoryColumns,
         disableColumnFilters: hideFilters,
         totalCount: loading ? void 0 : totalCount,
         footerSlot: loading ? void 0 : /* @__PURE__ */ jsx(

package/dist/components/features/devices/devices-table-columns.d.ts

@@ -35,6 +35,8 @@ export interface DevicesTableBodyProps<T extends DeviceRow = DeviceRow> {
     actionsColumn?: ColumnDef<T>;
     /** Column ids to drop from the base table columns (e.g. ['organization'] when scoped to a single org). */
     hideColumns?: string[];
+    /** Adds the USER and SOURCES columns, for a host whose tenant has directories. Default: neither. */
+    directoryColumns?: boolean;
     /** Column ids whose header filter is dropped while the column stays visible (e.g. ['status'] on the archive page). */
     disableColumnFilters?: string[];
     /** The facet query is still in flight, see `getDeviceTableColumns`. */
@@ -53,12 +55,14 @@ export interface DevicesTableBodyProps<T extends DeviceRow = DeviceRow> {
      */
     showHeader?: boolean;
 }
-export declare function DevicesTableBody<T extends DeviceRow = DeviceRow>({ devices, isLoading, loadingRegion, emptyState, emptyMessage, skeletonRows, stickyHeaderOffset, footerSlot, deviceFilters, columnFilters, onColumnFiltersChange, actionsColumn, hideColumns, disableColumnFilters, filtersPending, totalCount, showHeader, }: DevicesTableBodyProps<T>): React.JSX.Element;
+export declare function DevicesTableBody<T extends DeviceRow = DeviceRow>({ devices, isLoading, loadingRegion, emptyState, emptyMessage, skeletonRows, stickyHeaderOffset, footerSlot, deviceFilters, columnFilters, onColumnFiltersChange, actionsColumn, hideColumns, directoryColumns, disableColumnFilters, filtersPending, totalCount, showHeader, }: DevicesTableBodyProps<T>): React.JSX.Element;
 export interface DeviceFilterColumn {
     key: string;
     label: string;
     filterable?: boolean;
     filterOptions?: DeviceFilterOption[];
+    /** Filters in the filter window from `lg` until `xl` too: its column's header has no funnel there. */
+    inWindowLgToXl?: boolean;
 }
 /** A device filter dropdown entry: `meta.filter.options` plus the facet count. */
 export interface DeviceFilterOption {
@@ -67,12 +71,22 @@ export interface DeviceFilterOption {
     value: string;
     count?: number;
 }
-export declare function getDeviceFilterColumns(deviceFilters?: DeviceFilters | null): DeviceFilterColumn[];
+/** The directory columns of a device list: the table and its filter window take the same ones. */
+interface DeviceDirectoryColumnOptions {
+    directoryColumns?: boolean;
+    roomyDirectory?: boolean;
+}
+export declare function getDeviceFilterColumns(deviceFilters?: DeviceFilters | null, { directoryColumns, roomyDirectory }?: DeviceDirectoryColumnOptions): DeviceFilterColumn[];
 /**
  * @param filtersPending The `deviceFilters` query is in flight, keeps the
  * funnels drawn (inert) rather than growing them when it answers. Absent means
  * these are the final options: an empty one then hides its funnel, which is what
  * a list with no facet source of its own wants.
+ * @param options.directoryColumns Adds USER and SOURCES after DEVICE. Off by default: a picker or a tenant with no
+ * directories has neither.
+ * @param options.roomyDirectory No customer column beside them (one customer's list), so SOURCES shows from `lg`
+ * rather than `xl`.
  */
-export declare function getDeviceTableColumns<T extends DeviceRow = DeviceRow>(deviceFilters?: DeviceFilters | null, filtersPending?: boolean): ColumnDef<T>[];
+export declare function getDeviceTableColumns<T extends DeviceRow = DeviceRow>(deviceFilters?: DeviceFilters | null, filtersPending?: boolean, { directoryColumns, roomyDirectory }?: DeviceDirectoryColumnOptions): ColumnDef<T>[];
+export {};
 //# sourceMappingURL=devices-table-columns.d.ts.map

package/dist/components/features/devices/devices-table-columns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"devices-table-columns.d.ts","sourceRoot":"","sources":["../../../../src/components/features/devices/devices-table-columns.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAMjE,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,kBAAkB,EAGvB,KAAK,WAAW,EAChB,KAAK,UAAU,EAMhB,MAAM,UAAU,CAAC;AASlB,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAiBxD;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,EACpE,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,GAChD,SAAS,CAAC,CAAC,CAAC,CAad;AA4BD,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,CAOnF;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS;IACpE,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qHAAqH;IACrH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,wFAAwF;IACxF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACrC,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,qBAAqB,CAAC,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACvD,iHAAiH;IACjH,aAAa,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IAC7B,0GAA0G;IAC1G,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,sHAAsH;IACtH,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC;IAChC,uEAAuE;IACvE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,4FAA4F;IAC5F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;;;;;OASG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAQD,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,EAAE,EAChE,OAAO,EACP,SAAS,EACT,aAAa,EACb,UAAU,EACV,YAAkC,EAClC,YAAY,EACZ,kBAAkB,EAClB,UAAU,EACV,aAAa,EACb,aAAa,EACb,qBAAqB,EACrB,aAAa,EACb,WAAW,EACX,oBAAoB,EACpB,cAAc,EACd,UAAU,EACV,UAAiB,GAClB,EAAE,qBAAqB,CAAC,CAAC,CAAC,qBAmD1B;AAkCD,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACtC;AAED,kFAAkF;AAClF,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA8BD,wBAAgB,sBAAsB,CAAC,aAAa,CAAC,EAAE,aAAa,GAAG,IAAI,GAAG,kBAAkB,EAAE,CAWjG;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,EACnE,aAAa,CAAC,EAAE,aAAa,GAAG,IAAI,EACpC,cAAc,CAAC,EAAE,OAAO,GACvB,SAAS,CAAC,CAAC,CAAC,EAAE,CA8EhB"}
+{"version":3,"file":"devices-table-columns.d.ts","sourceRoot":"","sources":["../../../../src/components/features/devices/devices-table-columns.tsx"],"names":[],"mappings":"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"}