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

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

package/dist/components/features/devices/devices-table-columns.js

@@ -17,6 +17,7 @@ import {
 } from "../../ui/index.js";
 import { DATA_TABLE_SKELETON_ROWS } from "../../ui/data-table/utils.js";
 import { OSTypeBadge } from "../os-type-badge.js";
+import { directorySourceLabel, directoryUserLines, directoryUserLinkLabel } from "./device-directory.js";
 import { getDeviceName } from "./device-name.js";
 import { getDeviceStatusConfig } from "./device-status.js";
 import { DEFAULT_VISIBLE_STATUSES } from "./device-statuses.js";
@@ -89,6 +90,7 @@ function DevicesTableBody({
   onColumnFiltersChange,
   actionsColumn,
   hideColumns,
+  directoryColumns = false,
   disableColumnFilters,
   filtersPending,
   totalCount,
@@ -98,10 +100,14 @@ function DevicesTableBody({
   const columns = useMemo(() => {
     const hidden = new Set(hideColumns ?? []);
     const unfiltered = new Set(disableColumnFilters ?? []);
-    const base = getDeviceTableColumns(deviceFilters ?? null, filtersPending).filter((c) => !c.id || !hidden.has(c.id)).map((c) => c.id && unfiltered.has(c.id) ? { ...c, meta: { ...c.meta, filter: void 0 } } : c);
+    const base = getDeviceTableColumns(deviceFilters ?? null, filtersPending, {
+      directoryColumns,
+      // Without the customer column there is room for the sources from where the customer's column would have started.
+      roomyDirectory: hidden.has("organization")
+    }).filter((c) => !c.id || !hidden.has(c.id)).map((c) => c.id && unfiltered.has(c.id) ? { ...c, meta: { ...c.meta, filter: void 0 } } : c);
     const open = getDeviceOpenColumn();
     return actionsColumn ? [...base, actionsColumn, open] : [...base, open];
-  }, [deviceFilters, filtersPending, actionsColumn, hideColumns, disableColumnFilters]);
+  }, [deviceFilters, filtersPending, actionsColumn, hideColumns, directoryColumns, disableColumnFilters]);
   const loadingRows = useMemo(
     () => isLoading ? deviceLoadingRows(skeletonRows ?? DATA_TABLE_SKELETON_ROWS) : null,
     [isLoading, skeletonRows]
@@ -155,6 +161,20 @@ function DeviceLastSeen({ lastSeen }) {
   if (useLoadingScope() && !lastSeen) return /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "hidden w-24 content-md:block" });
   return /* @__PURE__ */ jsx("span", { className: "hidden text-ods-text-secondary text-h6 content-md:flex", children: lastSeen ? formatDateTime(lastSeen) : "Never" });
 }
+function DirectoryUserCell({ device }) {
+  const loading = useLoadingScope();
+  if (loading && !device.directoryUserLink) {
+    return /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h4", className: "w-3/4" });
+  }
+  const { name, detail } = directoryUserLines(device);
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col justify-center", children: [
+    /* @__PURE__ */ jsx(TruncateText, { children: name }),
+    detail && /* @__PURE__ */ jsx(TruncateText, { variant: "h6", tone: "secondary", children: detail })
+  ] });
+}
+function DirectorySourcesCell({ sources }) {
+  return /* @__PURE__ */ jsx("div", { "data-loading-optional": true, className: "flex min-w-0 flex-wrap gap-[var(--spacing-system-xxs)]", children: (sources ?? []).map((source) => /* @__PURE__ */ jsx(Tag, { label: directorySourceLabel(source), variant: "grey" }, source)) });
+}
 function buildDeviceFilterOptions(deviceFilters) {
   const status = (deviceFilters?.statuses ?? []).filter((s) => DEFAULT_VISIBLE_STATUSES.includes(s.value)).map((s) => ({ id: s.value, label: getDeviceStatusConfig(s.value).label, value: s.value, count: s.count }));
   const os = (deviceFilters?.osTypes ?? []).map((o) => ({ id: o.value, label: o.value, value: o.value, count: o.count }));
@@ -166,26 +186,74 @@ function buildDeviceFilterOptions(deviceFilters) {
       count: org.count
     }))
   );
-  return { status, os, organization };
+  const user = (deviceFilters?.userLinks ?? []).map((link) => ({
+    id: link.value,
+    label: directoryUserLinkLabel(link.value),
+    value: link.value,
+    count: link.count
+  }));
+  const sources = (deviceFilters?.directorySources ?? []).map((source) => ({
+    id: source.value,
+    label: directorySourceLabel(source.value),
+    value: source.value,
+    count: source.count
+  }));
+  return { status, os, organization, user, sources };
 }
-function getDeviceFilterColumns(deviceFilters) {
+function getDeviceFilterColumns(deviceFilters, { directoryColumns = false, roomyDirectory = false } = {}) {
   const options = buildDeviceFilterOptions(deviceFilters);
   return [
     {
       key: "device",
       label: "DEVICE"
     },
+    ...directoryColumns ? [
+      { key: "user", label: "USER", filterable: true, filterOptions: options.user },
+      {
+        key: "sources",
+        label: "SOURCES",
+        filterable: true,
+        filterOptions: options.sources,
+        inWindowLgToXl: !roomyDirectory
+      }
+    ] : [],
     { key: "status", label: "STATUS", filterable: true, filterOptions: options.status },
     { key: "os", label: "OS", filterable: true, filterOptions: options.os },
     { key: "organization", label: "CUSTOMER", filterable: true, filterOptions: options.organization }
   ];
 }
-function getDeviceTableColumns(deviceFilters, filtersPending) {
+function getDeviceTableColumns(deviceFilters, filtersPending, { directoryColumns = false, roomyDirectory = false } = {}) {
   const {
     status: statusFilterOptions,
     os: osFilterOptions,
-    organization: orgFilterOptions
+    organization: orgFilterOptions,
+    user: userFilterOptions,
+    sources: sourcesFilterOptions
   } = buildDeviceFilterOptions(deviceFilters);
+  const directory = directoryColumns ? [
+    {
+      id: "user",
+      header: "USER",
+      cell: ({ row }) => /* @__PURE__ */ jsx(DirectoryUserCell, { device: row.original }),
+      enableSorting: false,
+      meta: {
+        width: "min-w-0 content-lg:w-[15%]",
+        hideAt: "lg",
+        filter: { options: userFilterOptions, pending: filtersPending }
+      }
+    },
+    {
+      id: "sources",
+      header: "SOURCES",
+      cell: ({ row }) => /* @__PURE__ */ jsx(DirectorySourcesCell, { sources: row.original.directorySources }),
+      enableSorting: false,
+      meta: {
+        width: "min-w-0 content-lg:w-[11%]",
+        hideAt: roomyDirectory ? "lg" : "xl",
+        filter: { options: sourcesFilterOptions, pending: filtersPending }
+      }
+    }
+  ] : [];
   return [
     {
       accessorKey: "device",
@@ -199,8 +267,10 @@ function getDeviceTableColumns(deviceFilters, filtersPending) {
           /* @__PURE__ */ jsx(DeviceUnreadIndicator, { device })
         ] });
       },
-      meta: { width: "flex-1 content-md:w-1/4" }
+      // The name takes what the other columns leave: with two more of them, their shares below shrink to leave some.
+      meta: { width: directoryColumns ? "flex-1 min-w-0" : "flex-1 content-md:w-1/4" }
     },
+    ...directory,
     {
       accessorKey: "status",
       id: "status",
@@ -214,7 +284,7 @@ function getDeviceTableColumns(deviceFilters, filtersPending) {
         ] });
       },
       meta: {
-        width: "w-auto shrink-0 content-md:w-1/5",
+        width: directoryColumns ? "w-auto shrink-0 content-md:w-[14%]" : "w-auto shrink-0 content-md:w-1/5",
         // Declared unconditionally, empty options and all. `meta.filter` is what
         // keeps a header cell visible below `lg`, so dropping it until the
         // options query resolves made every header on a tablet disappear on
@@ -229,7 +299,7 @@ function getDeviceTableColumns(deviceFilters, filtersPending) {
       header: "OS",
       cell: ({ row }) => /* @__PURE__ */ jsx(OSTypeBadge, { osType: row.original.osType, iconSize: "w-4 h-4 content-md:w-6 content-md:h-6" }),
       meta: {
-        width: "w-[200px] content-md:w-1/6",
+        width: directoryColumns ? "w-[200px] content-md:w-[10%]" : "w-[200px] content-md:w-1/6",
         hideAt: "md",
         filter: { options: osFilterOptions, pending: filtersPending }
       }
@@ -240,7 +310,7 @@ function getDeviceTableColumns(deviceFilters, filtersPending) {
       header: "CUSTOMER",
       cell: ({ row }) => /* @__PURE__ */ jsx(OrganizationCell, { device: row.original }),
       meta: {
-        width: "w-1/6",
+        width: directoryColumns ? "w-[14%]" : "w-1/6",
         hideAt: "lg",
         filter: { options: orgFilterOptions, placement: "bottom-end", pending: filtersPending }
       }

package/dist/components/features/devices/index.d.ts

@@ -1,3 +1,4 @@
+export { type DeviceDirectorySource, type DeviceDirectoryUserLink, directorySourceLabel, directoryUserLines, directoryUserLinkLabel, } from './device-directory';
 export { formatLastOnline } from './device-last-online';
 export { type DeviceNameSource, getDeviceName, matchesDeviceName } from './device-name';
 export { DeviceSelectionModeRadio, type DeviceSelectionModeRadioProps, } from './device-selector/device-selection-mode-radio';

package/dist/components/features/devices/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/features/devices/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,KAAK,gBAAgB,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACxF,OAAO,EACL,wBAAwB,EACxB,KAAK,6BAA6B,GACnC,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,YAAY,EACV,mBAAmB,EACnB,4BAA4B,EAC5B,uBAAuB,EACvB,mBAAmB,EACnB,oBAAoB,EACpB,MAAM,GACP,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,wBAAwB,EACxB,qBAAqB,GACtB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,0BAA0B,EAC1B,6BAA6B,EAC7B,wBAAwB,EACxB,KAAK,oBAAoB,EACzB,wBAAwB,EACxB,0BAA0B,EAC1B,aAAa,EACb,KAAK,YAAY,EACjB,sBAAsB,EACtB,KAAK,kBAAkB,GACxB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAChG,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAC1F,OAAO,EACL,WAAW,EACX,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,uBAAuB,EACvB,UAAU,GACX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,uBAAuB,EACvB,sBAAsB,EACtB,KAAK,yBAAyB,GAC/B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,EACpB,oBAAoB,GACrB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACvB,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,KAAK,iBAAiB,EACtB,yBAAyB,EACzB,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EACV,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,SAAS,EACT,eAAe,GAChB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/features/devices/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,EAC5B,oBAAoB,EACpB,kBAAkB,EAClB,sBAAsB,GACvB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,KAAK,gBAAgB,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACxF,OAAO,EACL,wBAAwB,EACxB,KAAK,6BAA6B,GACnC,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,YAAY,EACV,mBAAmB,EACnB,4BAA4B,EAC5B,uBAAuB,EACvB,mBAAmB,EACnB,oBAAoB,EACpB,MAAM,GACP,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,wBAAwB,EACxB,qBAAqB,GACtB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,0BAA0B,EAC1B,6BAA6B,EAC7B,wBAAwB,EACxB,KAAK,oBAAoB,EACzB,wBAAwB,EACxB,0BAA0B,EAC1B,aAAa,EACb,KAAK,YAAY,EACjB,sBAAsB,EACtB,KAAK,kBAAkB,GACxB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAChG,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAC1F,OAAO,EACL,WAAW,EACX,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,uBAAuB,EACvB,UAAU,GACX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,uBAAuB,EACvB,sBAAsB,EACtB,KAAK,yBAAyB,GAC/B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,EACpB,oBAAoB,GACrB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACvB,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,KAAK,iBAAiB,EACtB,yBAAyB,EACzB,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EACV,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,SAAS,EACT,eAAe,GAChB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/features/devices/index.js

@@ -1,3 +1,8 @@
+import {
+  directorySourceLabel,
+  directoryUserLines,
+  directoryUserLinkLabel
+} from "./device-directory.js";
 import { formatLastOnline } from "./device-last-online.js";
 import { getDeviceName, matchesDeviceName } from "./device-name.js";
 import {
@@ -77,6 +82,9 @@ export {
   HIDDEN_DEVICE_STATUSES,
   IDLE_DEVICES_TOOLBAR,
   buildDevicePanelActions,
+  directorySourceLabel,
+  directoryUserLines,
+  directoryUserLinkLabel,
   formatLastOnline,
   getDeviceActionsColumn,
   getDeviceFilterColumns,