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

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

@@ -0,0 +1,176 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+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 { useLoadingScope } from "../../ui/loading-scope.js";
+import { SquareAvatar } from "../../ui/square-avatar.js";
+import { Tag } from "../../ui/tag.js";
+import { TruncateText } from "../../ui/truncate-text.js";
+import { TenantCell } from "./tenant-cell.js";
+import { accessStateTag, formatLastRead, usersCountLabel } from "./tenant-presentation.js";
+const SINGLE_CUSTOMER_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" }
+};
+const getRowId = (row) => row.id;
+const columnMeta = ({ width, hideAt, align }) => ({ width, hideAt, align });
+const loadingTenant = (id) => ({
+  id,
+  name: "",
+  provider: "",
+  customer: { name: "" },
+  accessState: ""
+});
+function SingleCustomerTenantCustomerCell({
+  name,
+  imageUrl,
+  userCount
+}) {
+  const loading = useLoadingScope();
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col justify-center", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xxs)]", children: [
+      /* @__PURE__ */ jsx(SquareAvatar, { src: imageUrl ?? void 0, alt: name, fallback: name, size: "xs", variant: "square" }),
+      /* @__PURE__ */ jsx(TruncateText, { children: name })
+    ] }),
+    /* @__PURE__ */ jsx(TruncateText, { variant: "h6", tone: "secondary", loading, children: usersCountLabel(userCount) })
+  ] });
+}
+function SingleCustomerTenantAccessCell({
+  accessState,
+  lastReadAt,
+  now
+}) {
+  const loading = useLoadingScope();
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col justify-center gap-[var(--spacing-system-xxs)]", children: [
+    /* @__PURE__ */ jsx(Tag, { ...accessStateTag(accessState), loading, className: "self-start" }),
+    /* @__PURE__ */ jsx(TruncateText, { variant: "h6", tone: "secondary", loading, children: `Last read: ${formatLastRead(lastReadAt, now)}` })
+  ] });
+}
+function OpenTenantButton({ href, name }) {
+  const loading = useLoadingScope();
+  return (
+    // The row itself is the details link; a nested `<a>` is invalid, so this opens the same href.
+    /* @__PURE__ */ jsx("div", { "data-no-row-click": true, className: "pointer-events-auto flex items-center justify-end", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        onClick: loading ? void 0 : openInNewTab(href),
+        disabled: loading,
+        variant: "outline",
+        size: "icon",
+        leftIcon: /* @__PURE__ */ jsx(ArrowRightUpIcon, { className: "h-5 w-5" }),
+        "aria-label": `Open ${name} in new tab`,
+        className: "bg-ods-card"
+      }
+    ) })
+  );
+}
+const TENANTS_TABLE_SKELETON_ROWS = 20;
+function SingleCustomerTenantsTableView({
+  rows,
+  getHref,
+  search = "",
+  isPending = false,
+  totalCount,
+  stickyHeaderOffset,
+  skeletonRows = TENANTS_TABLE_SKELETON_ROWS,
+  hasNextPage = false,
+  isFetchingNextPage = false,
+  onLoadMore,
+  now
+}) {
+  const columns = useMemo(
+    () => [
+      {
+        id: SINGLE_CUSTOMER_TENANT_COLUMNS.tenant.id,
+        header: SINGLE_CUSTOMER_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(SINGLE_CUSTOMER_TENANT_COLUMNS.tenant)
+      },
+      {
+        id: SINGLE_CUSTOMER_TENANT_COLUMNS.customer.id,
+        header: SINGLE_CUSTOMER_TENANT_COLUMNS.customer.header,
+        cell: ({ row }) => /* @__PURE__ */ jsx(
+          SingleCustomerTenantCustomerCell,
+          {
+            name: row.original.customer.name,
+            imageUrl: row.original.customer.imageUrl,
+            userCount: row.original.userCount
+          }
+        ),
+        enableSorting: false,
+        meta: columnMeta(SINGLE_CUSTOMER_TENANT_COLUMNS.customer)
+      },
+      {
+        id: SINGLE_CUSTOMER_TENANT_COLUMNS.access.id,
+        header: SINGLE_CUSTOMER_TENANT_COLUMNS.access.header,
+        cell: ({ row }) => /* @__PURE__ */ jsx(
+          SingleCustomerTenantAccessCell,
+          {
+            accessState: row.original.accessState,
+            lastReadAt: row.original.lastReadAt,
+            now
+          }
+        ),
+        enableSorting: false,
+        meta: columnMeta(SINGLE_CUSTOMER_TENANT_COLUMNS.access)
+      },
+      {
+        id: SINGLE_CUSTOMER_TENANT_COLUMNS.open.id,
+        cell: ({ row }) => /* @__PURE__ */ jsx(OpenTenantButton, { href: getHref(row.original), name: row.original.name }),
+        enableSorting: false,
+        meta: columnMeta(SINGLE_CUSTOMER_TENANT_COLUMNS.open)
+      }
+    ],
+    [getHref, now]
+  );
+  const loading = useLoadingScope();
+  const loadingRows = useMemo(
+    () => loading ? dataTableLoadingRows(skeletonRows, loadingTenant) : null,
+    [loading, skeletonRows]
+  );
+  const table = useDataTable({ data: loadingRows ?? rows, columns, getRowId, enableSorting: false });
+  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: [
+      /* @__PURE__ */ jsx(
+        DataTable.Header,
+        {
+          stickyHeader: stickyHeaderOffset !== void 0,
+          stickyHeaderOffset,
+          rightSlot: /* @__PURE__ */ jsx(DataTable.RowCount, { itemName: "result", totalCount: totalCount ?? rows.length, loading })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        DataTable.Body,
+        {
+          loadingCells: true,
+          skeletonRows,
+          emptyState: {
+            title: "No tenants match",
+            description: `Nothing matches "${search}". Try a different name, domain or customer.`
+          },
+          rowClassName: "mb-[var(--spacing-system-xxs)]",
+          rowHref: getHref
+        }
+      ),
+      rows.length > 0 && onLoadMore && /* @__PURE__ */ jsx(
+        DataTable.InfiniteFooter,
+        {
+          hasNextPage,
+          isFetchingNextPage,
+          onLoadMore
+        }
+      )
+    ] }) })
+  );
+}
+export {
+  SingleCustomerTenantsTableView
+};

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

@@ -1,9 +1,11 @@
 export interface TenantAccessCellProps {
     accessState: string;
     lastReadAt?: string | null;
+    /** A person paused the sync: said instead of the last read. */
+    syncPaused?: boolean;
     /** The clock "Last read" is relative to. Default: the moment of the render. */
     now?: Date;
 }
-/** ACCESS column: the access tag over "Last read: ...". */
-export declare function TenantAccessCell({ accessState, lastReadAt, now }: TenantAccessCellProps): import("react").JSX.Element;
+/** ACCESS column: the access tag over "Last read: ..." or "Sync paused"; a phone keeps the tag alone (Figma 3033-9343). */
+export declare function TenantAccessCell({ accessState, lastReadAt, syncPaused, now }: TenantAccessCellProps): import("react").JSX.Element;
 //# sourceMappingURL=tenant-access-cell.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tenant-access-cell.d.ts","sourceRoot":"","sources":["../../../../src/components/features/cloud-tenants/tenant-access-cell.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,qBAAqB;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,+EAA+E;IAC/E,GAAG,CAAC,EAAE,IAAI,CAAC;CACZ;AAED,2DAA2D;AAC3D,wBAAgB,gBAAgB,CAAC,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,qBAAqB,+BAWvF"}
+{"version":3,"file":"tenant-access-cell.d.ts","sourceRoot":"","sources":["../../../../src/components/features/cloud-tenants/tenant-access-cell.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,qBAAqB;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,+DAA+D;IAC/D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+EAA+E;IAC/E,GAAG,CAAC,EAAE,IAAI,CAAC;CACZ;AAED,2HAA2H;AAC3H,wBAAgB,gBAAgB,CAAC,EAAE,WAAW,EAAE,UAAU,EAAE,UAAkB,EAAE,GAAG,EAAE,EAAE,qBAAqB,+BAgB3G"}

package/dist/components/features/cloud-tenants/tenant-access-cell.js

@@ -4,11 +4,12 @@ import { useLoadingScope } from "../../ui/loading-scope.js";
 import { Tag } from "../../ui/tag.js";
 import { TruncateText } from "../../ui/truncate-text.js";
 import { accessStateTag, formatLastRead } from "./tenant-presentation.js";
-function TenantAccessCell({ accessState, lastReadAt, now }) {
+function TenantAccessCell({ accessState, lastReadAt, syncPaused = false, now }) {
   const loading = useLoadingScope();
+  const line = syncPaused ? "Sync paused" : lastReadAt ? `Last read: ${formatLastRead(lastReadAt, now)}` : null;
   return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col justify-center gap-[var(--spacing-system-xxs)]", children: [
     /* @__PURE__ */ jsx(Tag, { ...accessStateTag(accessState), loading, className: "self-start" }),
-    /* @__PURE__ */ jsx(TruncateText, { variant: "h6", tone: "secondary", loading, children: `Last read: ${formatLastRead(lastReadAt, now)}` })
+    (loading || line) && /* @__PURE__ */ jsx("div", { className: "hidden min-w-0 content-md:block", children: /* @__PURE__ */ jsx(TruncateText, { variant: "h6", tone: "secondary", loading, children: line ?? "" }) })
   ] });
 }
 export {

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

@@ -1,9 +1,16 @@
+import type { TenantCustomer } from './tenant-row';
 export interface TenantCustomerCellProps {
-    name: string;
-    /** A URL the browser can load as is. */
-    imageUrl?: string | null;
+    /** In the host's order: the cell names the first and counts the rest. */
+    customers: readonly TenantCustomer[];
     userCount?: number | null;
+    /** Users no customer's rule claims: while there are any, the count line says how many, in the warning colour. */
+    unattributedUserCount?: number | null;
+    /** Nothing has been read from this directory yet: the count line says so. */
+    neverRead?: boolean;
 }
-/** CUSTOMERS column: customer logo + name over the synced user count. */
-export declare function TenantCustomerCell({ name, imageUrl, userCount }: TenantCustomerCellProps): import("react").JSX.Element;
+/**
+ * CUSTOMERS column: the first customer's logo + name and "+N" for the rest, over the synced user count — or
+ * "30 of 412 unattributed" while some users belong to no customer, or "Never read" before the first read.
+ */
+export declare function TenantCustomerCell({ customers, userCount, unattributedUserCount, neverRead, }: TenantCustomerCellProps): import("react").JSX.Element;
 //# sourceMappingURL=tenant-customer-cell.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tenant-customer-cell.d.ts","sourceRoot":"","sources":["../../../../src/components/features/cloud-tenants/tenant-customer-cell.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,yEAAyE;AACzE,wBAAgB,kBAAkB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,uBAAuB,+BAcxF"}
+{"version":3,"file":"tenant-customer-cell.d.ts","sourceRoot":"","sources":["../../../../src/components/features/cloud-tenants/tenant-customer-cell.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,WAAW,uBAAuB;IACtC,yEAAyE;IACzE,SAAS,EAAE,SAAS,cAAc,EAAE,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,iHAAiH;IACjH,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,6EAA6E;IAC7E,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,SAAS,EACT,qBAAqB,EACrB,SAAiB,GAClB,EAAE,uBAAuB,+BAsCzB"}

package/dist/components/features/cloud-tenants/tenant-customer-cell.js

@@ -3,15 +3,46 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useLoadingScope } from "../../ui/loading-scope.js";
 import { SquareAvatar } from "../../ui/square-avatar.js";
 import { TruncateText } from "../../ui/truncate-text.js";
-import { usersCountLabel } from "./tenant-presentation.js";
-function TenantCustomerCell({ name, imageUrl, userCount }) {
+import { lowercaseUsersCountLabel, TENANT_EMPTY_VALUE, unattributedLabel } from "./tenant-presentation.js";
+function TenantCustomerCell({
+  customers,
+  userCount,
+  unattributedUserCount,
+  neverRead = false
+}) {
   const loading = useLoadingScope();
+  const [first] = customers;
+  const more = customers.length - 1;
+  const unattributed = unattributedLabel(unattributedUserCount, userCount);
   return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col justify-center", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xxs)]", children: [
-      /* @__PURE__ */ jsx(SquareAvatar, { src: imageUrl ?? void 0, alt: name, fallback: name, size: "xs", variant: "square" }),
-      /* @__PURE__ */ jsx(TruncateText, { children: name })
-    ] }),
-    /* @__PURE__ */ jsx(TruncateText, { variant: "h6", tone: "secondary", loading, children: usersCountLabel(userCount) })
+    first ? /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xxs)]", children: [
+      /* @__PURE__ */ jsx(
+        SquareAvatar,
+        {
+          src: first.imageUrl ?? void 0,
+          alt: first.name,
+          fallback: first.name,
+          size: "xs",
+          variant: "square"
+        }
+      ),
+      /* @__PURE__ */ jsx(TruncateText, { children: first.name }),
+      more > 0 && /* @__PURE__ */ jsxs("span", { className: "shrink-0 text-ods-text-secondary text-h4", children: [
+        "+",
+        more,
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: more === 1 ? " more customer" : " more customers" })
+      ] })
+    ] }) : /* @__PURE__ */ jsx(TruncateText, { children: TENANT_EMPTY_VALUE }),
+    /* @__PURE__ */ jsx(
+      TruncateText,
+      {
+        variant: "h6",
+        tone: "secondary",
+        loading,
+        className: unattributed ? "text-ods-warning" : void 0,
+        children: unattributed ?? (neverRead ? "Never read" : lowercaseUsersCountLabel(userCount))
+      }
+    )
   ] });
 }
 export {

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

@@ -0,0 +1,7 @@
+import type { TenantLicenseSummary } from './tenant-row';
+export interface TenantLicensesCellProps {
+    licenses?: TenantLicenseSummary | null;
+}
+/** LICENCES column: assigned of purchased over what is unused (Figma 3025-3536). */
+export declare function TenantLicensesCell({ licenses }: TenantLicensesCellProps): import("react").JSX.Element;
+//# sourceMappingURL=tenant-licenses-cell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tenant-licenses-cell.d.ts","sourceRoot":"","sources":["../../../../src/components/features/cloud-tenants/tenant-licenses-cell.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;CACxC;AAED,oFAAoF;AACpF,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE,uBAAuB,+BAcvE"}

package/dist/components/features/cloud-tenants/tenant-licenses-cell.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../../utils/cn.js";
+import { useLoadingScope } from "../../ui/loading-scope.js";
+import { TruncateText } from "../../ui/truncate-text.js";
+import { licenseSummaryLines } from "./tenant-presentation.js";
+function TenantLicensesCell({ licenses }) {
+  const loading = useLoadingScope();
+  const { value, detail, warning } = licenseSummaryLines(licenses);
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col justify-center", children: [
+    /* @__PURE__ */ jsx(TruncateText, { loading, children: value }),
+    (loading || detail) && /* @__PURE__ */ jsx(TruncateText, { variant: "h6", tone: "secondary", loading, className: cn(warning && "text-ods-warning"), children: detail ?? "" })
+  ] });
+}
+export {
+  TenantLicensesCell
+};

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

@@ -1,5 +1,6 @@
 import type { ComponentType, SVGProps } from 'react';
 import type { TagProps } from '../../ui/tag';
+import type { TenantLicenseSummary } from './tenant-row';
 /** What a cell shows when it has no value. */
 export declare const TENANT_EMPTY_VALUE = "\u2014";
 type TagVariant = NonNullable<TagProps['variant']>;
@@ -38,5 +39,23 @@ export declare function lastReadAt(connection: {
 export declare function formatLastRead(iso: string | null | undefined, now?: Date): string;
 /** "227 Users" under the customer, the empty mark before the first read. */
 export declare function usersCountLabel(count: number | null | undefined): string;
+/** The multi-customer list's count line (Figma 3025-3536): "227 users", the empty mark before the first read. */
+export declare function lowercaseUsersCountLabel(count: number | null | undefined): string;
+/**
+ * "30 of 412 unattributed" while some synced users belong to no customer (no customer's rule claims them), or `null`
+ * while every user is attributed or nothing has been read.
+ */
+export declare function unattributedLabel(unattributed: number | null | undefined, users: number | null | undefined): string | null;
+export interface TenantLicenseLines {
+    value: string;
+    detail: string | null;
+    /** The detail is worth a look: draw it in the warning colour. */
+    warning: boolean;
+}
+/**
+ * The LICENCES cell: "118 of 120" over "2 unused"; "88 assigned" over "Total not available" where the provider reports
+ * no purchased seats; the empty mark until the numbers have been read.
+ */
+export declare function licenseSummaryLines(summary: TenantLicenseSummary | null | undefined): TenantLicenseLines;
 export {};
 //# sourceMappingURL=tenant-presentation.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tenant-presentation.d.ts","sourceRoot":"","sources":["../../../../src/components/features/cloud-tenants/tenant-presentation.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMrD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,8CAA8C;AAC9C,eAAO,MAAM,kBAAkB,WAAM,CAAC;AAEtC,KAAK,UAAU,GAAG,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC;AAEnD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,UAAU,CAAC;CACrB;AAED,2DAA2D;AAC3D,MAAM,MAAM,iBAAiB,GAC3B,cAAc,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,WAAW,GAAG,iBAAiB,GAAG,eAAe,CAAC;AAE5G,oDAAoD;AACpD,MAAM,MAAM,cAAc,GAAG,eAAe,GAAG,kBAAkB,CAAC;AAmBlE,iFAAiF;AACjF,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,eAAe,CAEhF;AAED,kGAAkG;AAClG,MAAM,MAAM,YAAY,GAAG,aAAa,CACtC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC,CAC7F,CAAC;AAEF,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,YAAY,CAAC;CACpB;AAOD,iGAAiG;AACjG,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,YAAY,CAE9E;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,UAAU,EAAE;IAAE,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,MAAM,GAAG,IAAI,CAEvF;AAaD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,GAAG,GAAE,IAAiB,GAAG,MAAM,CAI7F;AAED,4EAA4E;AAC5E,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAGxE"}
+{"version":3,"file":"tenant-presentation.d.ts","sourceRoot":"","sources":["../../../../src/components/features/cloud-tenants/tenant-presentation.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAOrD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEzD,8CAA8C;AAC9C,eAAO,MAAM,kBAAkB,WAAM,CAAC;AAEtC,KAAK,UAAU,GAAG,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC;AAEnD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,UAAU,CAAC;CACrB;AAED,2DAA2D;AAC3D,MAAM,MAAM,iBAAiB,GAC3B,cAAc,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,WAAW,GAAG,iBAAiB,GAAG,eAAe,CAAC;AAE5G,oDAAoD;AACpD,MAAM,MAAM,cAAc,GAAG,eAAe,GAAG,kBAAkB,CAAC;AAelE,iFAAiF;AACjF,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,eAAe,CAEhF;AAED,kGAAkG;AAClG,MAAM,MAAM,YAAY,GAAG,aAAa,CACtC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC,CAC7F,CAAC;AAEF,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,YAAY,CAAC;CACpB;AAOD,iGAAiG;AACjG,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,YAAY,CAE9E;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,UAAU,EAAE;IAAE,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,MAAM,GAAG,IAAI,CAEvF;AAaD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,GAAG,GAAE,IAAiB,GAAG,MAAM,CAI7F;AAED,4EAA4E;AAC5E,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAGxE;AAED,iHAAiH;AACjH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAGjF;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,YAAY,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACvC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAC/B,MAAM,GAAG,IAAI,CAGf;AAKD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,iEAAiE;IACjE,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,oBAAoB,GAAG,IAAI,GAAG,SAAS,GAAG,kBAAkB,CAUxG"}

package/dist/components/features/cloud-tenants/tenant-presentation.js

@@ -1,13 +1,11 @@
 "use client";
 import { formatRelativeTimeFrom } from "../../../utils/date-utils.js";
 import { formatDate } from "../../../utils/format-date.js";
+import { presentationFor } from "../../../utils/presentation-for.js";
 import { GoogleLogoIcon } from "../../icons-v2-generated/brand-logos/google-logo-icon.js";
 import { Office365LogoIcon } from "../../icons-v2-generated/brand-logos/office-365-logo-icon.js";
 import { CodingForkIcon } from "../../icons-v2-generated/coding/coding-fork-icon.js";
 const TENANT_EMPTY_VALUE = "\u2014";
-function presentationFor(map, key) {
-  return key != null && key in map ? map[key] : void 0;
-}
 const ACCESS_STATE_PRESENTATION = {
   DISCONNECTED: { label: "Disconnected", variant: "error" },
   NOT_AUTHORISED: { label: "Not authorised", variant: "error" },
@@ -45,11 +43,34 @@ function usersCountLabel(count) {
   if (count == null) return TENANT_EMPTY_VALUE;
   return `${count} ${count === 1 ? "User" : "Users"}`;
 }
+function lowercaseUsersCountLabel(count) {
+  if (count == null) return TENANT_EMPTY_VALUE;
+  return `${count} ${count === 1 ? "user" : "users"}`;
+}
+function unattributedLabel(unattributed, users) {
+  if (unattributed == null || unattributed <= 0) return null;
+  return users == null ? `${unattributed} unattributed` : `${unattributed} of ${users} unattributed`;
+}
+const UNUSED_WARNING_SHARE = 0.1;
+function licenseSummaryLines(summary) {
+  if (!summary) return { value: TENANT_EMPTY_VALUE, detail: null, warning: false };
+  const { assigned, purchased } = summary;
+  if (purchased == null) return { value: `${assigned} assigned`, detail: "Total not available", warning: false };
+  const unused = summary.unused ?? purchased - assigned;
+  return {
+    value: `${assigned} of ${purchased}`,
+    detail: unused < 0 ? `${-unused} over` : `${unused} unused`,
+    warning: unused > 0 && unused / purchased >= UNUSED_WARNING_SHARE
+  };
+}
 export {
   TENANT_EMPTY_VALUE,
   accessStateTag,
   formatLastRead,
   lastReadAt,
+  licenseSummaryLines,
+  lowercaseUsersCountLabel,
   providerMark,
+  unattributedLabel,
   usersCountLabel
 };

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"}