@aglyn/shared-ui-jsx 1.0.0-beta.143

package/src/lib/components/list-table.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/jsx/src/lib/components/list-table.component.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport { AppLink } from './app-link'\nimport { MdiIcon } from './mdi-icon/mdi-icon'\nimport {\n  DataTableComponent,\n  type DataTableProps,\n} from './data-table.component'\nimport { IconButton, Stack, Tooltip } from '@mui/material'\nimport type { GridColDef } from '@mui/x-data-grid'\nimport type { ReactNode } from 'react'\nimport RowActionsMenu, {\n  type RowActionsMenuItem,\n} from './row-actions-menu.component'\nimport {\n  TABLE_PAGE_SIZE_DEFAULT,\n  TABLE_PAGE_SIZE_OPTIONS,\n  TABLE_ROWS_PER_PAGE_LABEL,\n} from '../const/table-pagination'\n\n/**\n * ONE row grammar for every artifact list (AGL-2501).\n *\n *\n * They did. Three of the four are `DataTableComponent`, but each declared its\n * own column set, its own action arrangement and its own row-click, and the\n * fourth — screens — is a hand-rolled tree because it has to be: drag to\n * reorder, expand to nest, no grid can do that. So \"the same table\" cannot\n * literally be one component for all four, and pretending otherwise would mean\n * either losing the hierarchy or bolting a tree onto a grid.\n *\n * What IS shared is the row GRAMMAR, and that is what actually differed on\n * screen. Every artifact row now reads the same way:\n *\n * ```\n *   [ drag · expand ]   name   id   description   updated   created   [ ⇗ ⋮ ]\n *     screens only                                                  quick  menu\n * ```\n *\n * - **The row opens the detail view.** Clicking anywhere that is not a control\n *   navigates. It is the primary action on every one of these lists and it was\n *   previously a link buried in one column.\n * - **Rows are NOT selectable.** The grid lists shipped with selection on, so\n *   a click both navigated AND tinted the row, and the footer counted \"1 row\n *   selected\" for a selection nothing could act on. A selection with no bulk\n *   action is a state the reader has to dismiss and cannot use.\n * - **Exactly one quick action, then the menu.** Everything else moves behind\n *   the overflow — a delete sitting inline is one mis-click from the row's own\n *   open handler, which is the argument AGL-701 already made for components and\n *   never carried to the rest.\n *\n * The quick action is the one thing worth a direct click on that kind of\n * artifact: **Open live page** for a screen, **Preview** for anything that has\n * no address of its own. It is the only per-kind variation in the trailing\n * cluster, and it is chosen by the caller rather than inferred here.\n *\n * A screen is the only artifact of the four with a route the public can reach,\n * so it is the only one whose quick action says \"live\". Layouts, components\n * and templates render inside something else and have no address to open, so\n * theirs is a **Preview** into the console's own canvas render.\n *\n * The quick action is ALSO the menu's first entry — see\n * {@link quickActionMenuItem}. The icon alone is a glyph with a tooltip; the\n * menu is where every action on the row is spelled out, and an action missing\n * from it reads as an action the row does not have.\n */\n\n/**\n * The single trailing icon beside the overflow menu.\n *\n * Three shapes, because the destinations genuinely differ: an EXTERNAL live\n * page (new tab), an IN-APP preview route, and a plain handler for the rare\n * action that opens a dialog. `unavailableReason` is the fourth state and the\n * one most easily got wrong — a screen with no single live page (a collection\n * template renders under routes it does not own) must still show the control,\n * disabled, saying why. Hiding it would read as the feature being absent.\n */\nexport interface ListQuickAction {\n  /** `mdi` icon path. */\n  icon: string\n  /** Accessible name; also the tooltip when the action is unavailable. */\n  label: string\n  /** A live, external URL — opened in a new tab. */\n  href?: string\n  /** An in-app route — a normal client navigation. */\n  to?: string\n  onClick?: () => void\n  /**\n   * Why this row cannot use the action. Renders it DISABLED with the reason as\n   * its tooltip, rather than removing it — an absent control and an\n   * inapplicable one look identical, and only one of them is honest.\n   */\n  unavailableReason?: string\n}\n\nexport interface ListRowActionsProps {\n  /** The artifact's name — every control is labelled with it, because these\n   * Repeat once per row and \"More actions\" alone says nothing about which. */\n  label: string\n  quick?: ListQuickAction | null\n  items: RowActionsMenuItem[]\n}\n\n/**\n * The quick action, restated as the menu's first entry.\n *\n * The icon and the menu are two ways into ONE action, not two features: the\n * icon is a bare glyph, so a reader who does not recognize it has the overflow\n * as the place every action is named. Deriving the item from the same\n * {@link ListQuickAction} is what keeps the two in step — availability,\n * destination and the reason it is refused are read once and cannot drift.\n */\nfunction quickActionMenuItem(\n  quick: ListQuickAction,\n): RowActionsMenuItem {\n  return {\n    key: 'quick',\n    label: quick.label,\n    icon: <MdiIcon path={quick.icon} size={0.8} />,\n    // `href` is off-site and opens a new tab; `to` is an in-app route.\n    href: quick.href ?? quick.to,\n    external: Boolean(quick.href),\n    onClick: quick.href || quick.to ? undefined : quick.onClick,\n    disabled: Boolean(quick.unavailableReason),\n    disabledReason: quick.unavailableReason,\n  }\n}\n\n/** The trailing cluster: one quick action, then the overflow menu. */\nexport function ListRowActions(props: ListRowActionsProps) {\n  const { label, quick, items } = props\n  const menuItems = quick ? [quickActionMenuItem(quick), ...items] : items\n  return (\n    <Stack\n      direction=\"row\"\n      spacing={0.5}\n      /*\n        `height: '100%'` is what actually centres these (AGL-2501). A DataGrid\n        cell is a flex box, but `renderCell` content is auto-height inside it —\n        so at the taller `TABLE_ROW_HEIGHT` these icons ride at the top of the\n        row while the text beside them is centred. `alignItems` alone cannot\n        fix it: there is no spare height to distribute until the child claims\n        the row.\n      */\n      sx={{\n        height: '100%',\n        alignItems: 'center',\n        justifyContent: 'flex-end',\n      }}\n      // The row's own click opens the detail view; without this every control\n      // in here would navigate out from under the thing it just opened.\n      onClick={(event) => event.stopPropagation()}\n    >\n      {quick ? <ListQuickButton label={label} action={quick} /> : null}\n      <RowActionsMenu label={label} items={menuItems} />\n    </Stack>\n  )\n}\nListRowActions.displayName = 'ListRowActions'\n\nfunction ListQuickButton(props: {\n  label: string\n  action: ListQuickAction\n}) {\n  const { label, action } = props\n  const icon = <MdiIcon path={action.icon} size={0.8} />\n  const name = `${action.label} — ${label}`\n\n  if (action.unavailableReason) {\n    return (\n      <Tooltip title={action.unavailableReason}>\n        {/* span: a disabled button emits no events, so the tooltip needs a\n            wrapper that does. */}\n        <span>\n          <IconButton size=\"small\" aria-label={name} disabled>\n            {icon}\n          </IconButton>\n        </span>\n      </Tooltip>\n    )\n  }\n  if (action.href) {\n    return (\n      <Tooltip title={action.label}>\n        <AppLink\n          componentVariant=\"icon-button\"\n          size=\"small\"\n          aria-label={name}\n          href={action.href}\n          target=\"_blank\"\n          rel=\"noreferrer\"\n        >\n          {icon}\n        </AppLink>\n      </Tooltip>\n    )\n  }\n  if (action.to) {\n    return (\n      <Tooltip title={action.label}>\n        <AppLink\n          componentVariant=\"icon-button\"\n          size=\"small\"\n          aria-label={name}\n          href={action.to}\n        >\n          {icon}\n        </AppLink>\n      </Tooltip>\n    )\n  }\n  return (\n    <Tooltip title={action.label}>\n      <IconButton size=\"small\" aria-label={name} onClick={action.onClick}>\n        {icon}\n      </IconButton>\n    </Tooltip>\n  )\n}\n\n/** The field `listActionsColumn` draws, which a row click never opens through. */\nexport const LIST_ACTIONS_FIELD = 'actions'\n\n/**\n * The trailing ACTIONS column, identical on every grid list.\n *\n * Deliberately NOT MUI's `type: 'actions'`. That type renders each\n * `GridActionsCellItem` as its own icon and moves the ones marked `showInMenu`\n * into a menu it owns — which is how the three lists ended up with two, three\n * and five inline icons respectively, each a different width, and how the\n * screens table (which cannot use it at all) grew a second implementation.\n * One `renderCell` gives every list the same cluster and the same width.\n */\nexport function listActionsColumn(\n  render: (row: any) => ReactNode,\n  options: { width?: number } = {},\n): GridColDef {\n  return {\n    field: LIST_ACTIONS_FIELD,\n    headerName: 'Actions',\n    width: options.width ?? 110,\n    align: 'right',\n    headerAlign: 'right',\n    sortable: false,\n    filterable: false,\n    hideable: false,\n    disableColumnMenu: true,\n    renderCell: ({ row }: any) => render(row),\n  }\n}\n\n/**\n * Row selection, opted into by a list that has something to DO with a\n * selection (AGL-2595).\n *\n * Controlled, and in the caller's vocabulary — an array of `$id`s in, an\n * array out — rather than MUI's own model. The grid's model is a\n * `{ type, ids: Set }` whose `exclude` form appears the moment the header\n * checkbox is ticked, and a caller that had to fold \"everything except\n * these\" back into \"these\" would do it wrong on the page boundary; the\n * table holds the rows and does the fold once, here.\n */\nexport interface ListTableSelection {\n  /** The `$id`s currently selected; ids not in `rows` are ignored. */\n  selected: readonly string[]\n  /** Every change, as the full new selection. */\n  onChange: (ids: string[]) => void\n}\n\nexport interface ListTableProps extends DataTableProps {\n  /** Row click → the artifact's detail view. */\n  onOpen?: (id: string, row: any) => void\n  /**\n   * The toolbar's free-text search box.\n   *\n   * Defaults to shown where the GRID answers it, which is client filtering.\n   * Under `filterMode=\"server\"` the grid applies no filter at all and the\n   * model goes to the caller, so the box defaults to hidden: a list whose\n   * handler reads only the column filter would otherwise offer a search that\n   * narrows nothing, which reads as \"no match\" rather than \"not supported\".\n   * Pass it on a server-filtered list whose handler reads `quickFilterValues`.\n   */\n  quickFilter?: boolean\n  /**\n   * Present → a checkbox column and a controlled selection. Absent → the\n   * navigation-only grid every list had before, checkbox column and all.\n   * The row click keeps opening the record either way: a checkbox is the\n   * only thing that selects, so the two gestures cannot collide.\n   */\n  selectable?: ListTableSelection\n}\n\n/**\n * The grid every FLAT artifact list uses — layouts, components, templates.\n *\n * Screens is the deliberate exception and keeps its own tree; it adopts\n * {@link ListRowActions} so the two still read alike, which is the part a\n * reader actually compares.\n */\nexport function ListTable(props: ListTableProps) {\n  const {\n    onOpen,\n    sx,\n    initialState,\n    hideFooter,\n    rows,\n    selectable,\n    quickFilter,\n    slotProps,\n    ...rest\n  } = props\n  const showQuickFilter = quickFilter ?? rest.filterMode !== 'server'\n  /*==========================================\n   * SELECTION IS OPT-IN, AND NAVIGATION-ONLY IS THE DEFAULT.\n   *\n   * Without `selectable`, the three properties that make a row a NAVIGATION\n   * target rather than a selectable record: `disableRowSelectionOnClick`\n   * alone is not enough — it stops the click selecting, and leaves the\n   * checkbox column and the \"n rows selected\" footer behind.\n   *\n   * With it, the grid's model is built from the caller's id list on every\n   * render and folded back into one on every change. MUI's model since v8 is\n   * `{ type: 'include' | 'exclude', ids }`, and `exclude` is what the header\n   * checkbox produces — \"everything but these\" — so the fold has to consult\n   * the rows the grid was given, which is why it lives here and not in the\n   * caller. `disableRowSelectionOnClick` stays on in this branch too: a row\n   * click still opens the record, and only the checkbox selects.\n   *=========================================*/\n  const selection = selectable\n    ? {\n        rowSelection: true,\n        checkboxSelection: true,\n        rowSelectionModel: {\n          type: 'include' as const,\n          ids: new Set<string>(selectable.selected),\n        },\n        onRowSelectionModelChange: (model: {\n          type: 'include' | 'exclude'\n          ids: Set<unknown>\n        }) => {\n          const all = (rows ?? []).map((row: any) => String(row.$id))\n          selectable.onChange(\n            model.type === 'include'\n              ? all.filter((id) => model.ids.has(id))\n              : all.filter((id) => !model.ids.has(id)),\n          )\n        },\n      }\n    : { rowSelection: false, checkboxSelection: false }\n  /*==========================================\n   * A HIDDEN FOOTER STILL PAGED THE ROWS.\n   *\n   * `hideFooter` is how a caller says \"something else owns the page\" — a\n   * server-paged staff list, a cursor feed, a card whose `ListPagination`\n   * sits under the grid. It hides the CONTROL and nothing else: the free\n   * DataGrid always paginates, so the grid went on slicing at the shared\n   * default and rows eleven onward were drawn by nothing and reachable by\n   * nothing. The outer footer then described the rows it was HANDED, so it\n   * reported a page two rows longer than the one on screen and offered no\n   * way to see the difference.\n   *\n   * Eight lists pass `hideFooter`, and every one of them was losing rows past\n   * the tenth. It went unnoticed because a list has to hold more than ten\n   * rows to show a symptom, and most of these do not yet.\n   *\n   * So when the footer is hidden the grid takes ONE page as tall as the rows\n   * it was given. CONTROLLED rather than `initialState`, because a\n   * server-paged list hands over a different number of rows on every page and\n   * initial state is read once. A floor of one because MUI rejects a page\n   * size of zero, and an empty grid has nothing to slice anyway.\n   *=========================================*/\n  const rowCount = rows?.length ?? 0\n  const unpaged = hideFooter\n    ? {\n        paginationModel: { page: 0, pageSize: Math.max(rowCount, 1) },\n        // A controlled model with no handler logs a MUI warning, and the\n        // grid must not move off page zero in any case: the page is not\n        // this component's to change while somebody else owns the footer.\n        onPaginationModelChange: () => undefined,\n        // Keeps the size out of the \"not preset in pageSizeOptions\" warning.\n        // Nothing renders it — the footer carrying the menu is hidden.\n        pageSizeOptions: [Math.max(rowCount, 1)],\n      }\n    : {}\n  return (\n    <DataTableComponent\n      getRowId={(row: any) => row.$id}\n      {...selection}\n      disableRowSelectionOnClick\n      onRowClick={\n        onOpen\n          ? ({ id, row }, event) => {\n              /*\n               * A press anywhere in the actions cell is aimed at the actions.\n               * `ListRowActions` stops its own clicks, but the cell is wider\n               * and taller than the cluster, and a press on the padding\n               * beside the menu would otherwise open the record from under\n               * the reader.\n               */\n              const target = event.target as Element | null\n              if (target?.closest?.(`[data-field=\"${LIST_ACTIONS_FIELD}\"]`)) return\n              onOpen(String(id), row)\n            }\n          : undefined\n      }\n      /*\n       * The list GROWS; the PAGE scrolls.\n       *\n       * `DataTableComponent` gives its wrapper a fixed `height: 400`, which\n       * is right for a grid sitting in a pane of its own and wrong for a\n       * card in a column of cards: the table got its own scrollbar, the card\n       * stopped at 400px whatever it held, and the last row was cut through\n       * the middle. Two scroll regions on one page is the thing to avoid —\n       * a reader scrolling the page expects the page to move.\n       *\n       * `autoHeight` sizes the grid to its rows; clearing the wrapper's\n       * height is what lets the card follow it. Caller `sx` is spread after,\n       * so a list that genuinely wants a viewport can still take one.\n       */\n      autoHeight\n      sx={[\n        { height: 'auto' },\n        { '& .MuiDataGrid-row': { cursor: onOpen ? 'pointer' : 'default' } },\n        /*\n          A cell whose content is taller than one line sets the row's height,\n          and every OTHER cell then draws its content at the top of it — so a\n          two-line date column leaves the counts beside it riding high while\n          `ListRowActions`, which claims `height: '100%'` for itself, sits\n          centred. One row, three vertical positions.\n\n          Centring the cell itself fixes every column at once, including the\n          ones a caller renders with a bare `<Typography>`; `alignItems`\n          alone cannot, because an auto-height child has no spare height to\n          distribute until something claims the row. `justifyContent` is\n          deliberately not set here — a column's own `align` is what decides\n          its horizontal placement, and overriding it would silently undo\n          every right-aligned figure.\n         */\n        {\n          '& .MuiDataGrid-cell': {\n            display: 'flex',\n            alignItems: 'center',\n          },\n        },\n        ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n      ]}\n      /*\n       * The column menu can hide a column; only the toolbar can bring it\n       * back.\n       *\n       * Every column here is hideable, `Manage columns` lives in the toolbar,\n       * and the toolbar was off — so hiding the last column left a grid with\n       * no columns and no control that could restore one. Not a rare misuse\n       * either: the per-column menu offers `Hide column` on every column, and\n       * the way out was never on screen.\n       *\n       * The Actions column is the reason the grid was not left completely\n       * blank — `listActionsColumn` marks it `hideable: false` — and \"one\n       * unhideable column\" is not a recovery path.\n       */\n      showToolbar\n      pagination\n      // The console's ONE footer (AGL-2501): same options, same default, same\n      // label.\n      pageSizeOptions={TABLE_PAGE_SIZE_OPTIONS}\n      /*\n       * MERGED, not replaced. `initialState` used to ride in through `rest`,\n       * so a caller that set anything in it — a column visibility model, a\n       * sort — silently dropped the shared page size along with it. The two\n       * keys a caller is likely to set are spread individually so that a page\n       * size and a hidden column can coexist.\n       */\n      initialState={{\n        ...initialState,\n        pagination: {\n          paginationModel: { pageSize: TABLE_PAGE_SIZE_DEFAULT },\n          ...initialState?.pagination,\n        },\n        columns: { ...initialState?.columns },\n      }}\n      /*\n       * MERGED with the caller's, for the reason `initialState` is: a caller\n       * setting one slot's props must not drop the shared footer label or the\n       * search box's filter-mode default along with the object they live in.\n       */\n      slotProps={{\n        ...slotProps,\n        toolbar: { showQuickFilter, ...slotProps?.toolbar },\n        pagination: {\n          labelRowsPerPage: TABLE_ROWS_PER_PAGE_LABEL,\n          ...slotProps?.pagination,\n        },\n      }}\n      rows={rows}\n      hideFooter={hideFooter}\n      {...rest}\n      /*\n       * AFTER `rest`, deliberately. \"The footer is hidden, so every row I was\n       * handed is on screen\" is an invariant of this component, not a default\n       * a call site may talk it out of — a caller that could re-slice here\n       * would reintroduce exactly the rows nobody can reach.\n       */\n      {...unpaged}\n    />\n  )\n}\nListTable.displayName = 'ListTable'\n\nexport default ListTable\n"],"names":["AppLink","MdiIcon","DataTableComponent","IconButton","Stack","Tooltip","RowActionsMenu","TABLE_PAGE_SIZE_DEFAULT","TABLE_PAGE_SIZE_OPTIONS","TABLE_ROWS_PER_PAGE_LABEL","quickActionMenuItem","quick","key","label","icon","path","size","href","to","external","Boolean","onClick","undefined","disabled","unavailableReason","disabledReason","ListRowActions","props","items","menuItems","direction","spacing","sx","height","alignItems","justifyContent","event","stopPropagation","ListQuickButton","action","displayName","name","title","span","aria-label","componentVariant","target","rel","LIST_ACTIONS_FIELD","listActionsColumn","render","options","field","headerName","width","align","headerAlign","sortable","filterable","hideable","disableColumnMenu","renderCell","row","ListTable","onOpen","initialState","hideFooter","rows","selectable","quickFilter","slotProps","rest","showQuickFilter","filterMode","selection","rowSelection","checkboxSelection","rowSelectionModel","type","ids","Set","selected","onRowSelectionModelChange","model","all","map","String","$id","onChange","filter","id","has","rowCount","length","unpaged","paginationModel","page","pageSize","Math","max","onPaginationModelChange","pageSizeOptions","getRowId","disableRowSelectionOnClick","onRowClick","closest","autoHeight","cursor","display","Array","isArray","showToolbar","pagination","columns","toolbar","labelRowsPerPage"],"mappings":"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"}

package/src/lib/components/loading-layout-app.component.d.ts

@@ -0,0 +1,35 @@
+import { type ReactNode } from 'react';
+import { type LoadingModalProps } from './loading-modal';
+/**
+ * The loading overlay host, for the App Router.
+ *
+ * A Pages Router sibling stood beside this one until AGL-2706, wiring
+ * `RouterLoading` on `router.events` — an API the App Router does not have,
+ * from a `next/router` module that throws when it is imported there. Nothing
+ * had rendered it since the app moved, and a `next/router` import inside a
+ * shared library is reachable by anything that ever names the file, so it is
+ * gone rather than kept for a router this repo no longer serves.
+ *
+ * Navigation intent no longer comes from a link-click heuristic. Every
+ * `<Link>` (through {@link NextLink}) renders a `LinkNavigationReporter` that
+ * drives this overlay off the link's real navigation transition
+ * (`useLinkStatus`) — so the overlay stays up until the destination route is
+ * genuinely ready, instead of settling on URL commit (AGL-459 originally
+ * settled on `usePathname`/`useSearchParams`, which fired before a slow
+ * segment finished fetching/compiling and flashed the modal away early).
+ *
+ * Dropping `useSearchParams` from this host also removes the ISR/SSG
+ * `BAILOUT_TO_CLIENT_SIDE_RENDERING` hazard it once needed a Suspense
+ * boundary to contain (AGL-594). Imperative `useLoading().queueLoading()`
+ * calls still render the modal.
+ */
+export interface LoadingLayoutAppComponentProps extends Omit<Partial<LoadingModalProps>, 'children'> {
+    /** Per-site branding for the overlay (AGL-594) — see LoadingModal. */
+    brandLogoUrl?: string;
+    brandName?: string;
+    /** Any renderable children — the tenant layout passes a ReactNode. */
+    children?: ReactNode;
+}
+declare const LoadingLayoutAppComponent: import("react").ForwardRefExoticComponent<Omit<LoadingLayoutAppComponentProps, "ref"> & import("react").RefAttributes<any>>;
+export { LoadingLayoutAppComponent };
+export default LoadingLayoutAppComponent;

package/src/lib/components/loading-layout-app.component.js

@@ -0,0 +1,42 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { LoadingProviderComponent } from "../contexts/loading.context.js";
+import { LoadingModal } from "./loading-modal.js";
+const LoadingLayoutAppComponent = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { children } = props, rest = _object_without_properties_loose(props, [
+        "children"
+    ]);
+    return /*#__PURE__*/ _jsx(LoadingProviderComponent, {
+        children: /*#__PURE__*/ _jsx(LoadingModal, _extends({
+            ref: ref
+        }, rest, {
+            children: /*#__PURE__*/ _jsx(_Fragment, {
+                children: children
+            })
+        }))
+    });
+});
+LoadingLayoutAppComponent.displayName = 'LoadingLayoutAppComponent';
+LoadingLayoutAppComponent.aglyn = true;
+export { LoadingLayoutAppComponent };
+export default LoadingLayoutAppComponent;
+
+//# sourceMappingURL=loading-layout-app.component.js.map

package/src/lib/components/loading-layout-app.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/jsx/src/lib/components/loading-layout-app.component.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport { forwardRef, type ReactNode } from 'react'\nimport { LoadingProviderComponent } from '../contexts/loading.context'\nimport { LoadingModal, type LoadingModalProps } from './loading-modal'\n\n/**\n * The loading overlay host, for the App Router.\n *\n * A Pages Router sibling stood beside this one until AGL-2706, wiring\n * `RouterLoading` on `router.events` — an API the App Router does not have,\n * from a `next/router` module that throws when it is imported there. Nothing\n * had rendered it since the app moved, and a `next/router` import inside a\n * shared library is reachable by anything that ever names the file, so it is\n * gone rather than kept for a router this repo no longer serves.\n *\n * Navigation intent no longer comes from a link-click heuristic. Every\n * `<Link>` (through {@link NextLink}) renders a `LinkNavigationReporter` that\n * drives this overlay off the link's real navigation transition\n * (`useLinkStatus`) — so the overlay stays up until the destination route is\n * genuinely ready, instead of settling on URL commit (AGL-459 originally\n * settled on `usePathname`/`useSearchParams`, which fired before a slow\n * segment finished fetching/compiling and flashed the modal away early).\n *\n * Dropping `useSearchParams` from this host also removes the ISR/SSG\n * `BAILOUT_TO_CLIENT_SIDE_RENDERING` hazard it once needed a Suspense\n * boundary to contain (AGL-594). Imperative `useLoading().queueLoading()`\n * calls still render the modal.\n */\nexport interface LoadingLayoutAppComponentProps\n  extends Omit<Partial<LoadingModalProps>, 'children'> {\n  /** Per-site branding for the overlay (AGL-594) — see LoadingModal. */\n  brandLogoUrl?: string\n  brandName?: string\n  /** Any renderable children — the tenant layout passes a ReactNode. */\n  children?: ReactNode\n}\n\nconst LoadingLayoutAppComponent = forwardRef<\n  any,\n  LoadingLayoutAppComponentProps\n>(\n  (props, ref) => {\n    const { children, ...rest } = props\n\n    return (\n      <LoadingProviderComponent>\n        <LoadingModal ref={ref} {...rest}>\n          {/* Fragment keeps LoadingModal's single-ReactElement child contract\n              (children is a ReactNode — string/array otherwise won't type). */}\n          <>{children}</>\n        </LoadingModal>\n      </LoadingProviderComponent>\n    )\n  },\n)\nLoadingLayoutAppComponent.displayName = 'LoadingLayoutAppComponent'\nLoadingLayoutAppComponent.aglyn = true\n\nexport { LoadingLayoutAppComponent }\nexport default LoadingLayoutAppComponent\n"],"names":["forwardRef","LoadingProviderComponent","LoadingModal","LoadingLayoutAppComponent","props","ref","children","rest","displayName","aglyn"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;;;AAEA,SAASA,UAAU,QAAwB,QAAO;AAClD,SAASC,wBAAwB,QAAQ,iCAA6B;AACtE,SAASC,YAAY,QAAgC,qBAAiB;AAkCtE,MAAMC,0CAA4BH,WAIhC,CAACI,OAAOC;IACN,MAAM,EAAEC,QAAQ,EAAW,GAAGF,OAATG,wCAASH;;;IAE9B,qBACE,KAACH;kBACC,cAAA,KAACC;YAAaG,KAAKA;WAASE;sBAG1B,cAAA;0BAAGD;;;;AAIX;AAEFH,0BAA0BK,WAAW,GAAG;AACxCL,0BAA0BM,KAAK,GAAG;AAElC,SAASN,yBAAyB,GAAE;AACpC,eAAeA,0BAAyB"}

package/src/lib/components/loading-modal-overlay.d.ts

@@ -0,0 +1,30 @@
+import { type ModalProps } from '@mui/material';
+export interface LoadingModalOverlayProps extends Partial<ModalProps> {
+    /** Whether the overlay is showing; drives MUI's enter/exit transition. */
+    open?: boolean;
+    /**
+     * Brand the overlay for a tenant site (AGL-594): a site logo image
+     * replaces the Aglyn logo in the bottom slot; with only a name, the
+     * site name renders as text. Without either, the Aglyn logo shows —
+     * the console's own look.
+     */
+    brandLogoUrl?: string;
+    brandName?: string;
+}
+/**
+ * The overlay itself: the scrim, the two progress indicators and the brand
+ * slot (AGL-594).
+ *
+ * A module of its own so {@link LoadingModal} can reach it through
+ * `next/dynamic` (AGL-2706). Everything here draws only while a navigation is
+ * in flight, and everything here is expensive to carry until then: MUI's
+ * `Modal` pulls `ModalManager`, `FocusTrap`, `Backdrop` and `Fade`,
+ * `CircularProgress` pulls the transition helpers, and `AglynLogoFull` is
+ * 6 KB of inline path data — the platform's mark, which on a white-labelled
+ * customer site is the one brand that must never be in the first paint.
+ *
+ * The layout above keeps `children` outside this file, so nothing a visitor
+ * reads depends on this chunk having arrived.
+ */
+export declare const LoadingModalOverlay: import("react").ForwardRefExoticComponent<Omit<LoadingModalOverlayProps, "ref"> & import("react").RefAttributes<any>>;
+export default LoadingModalOverlay;

package/src/lib/components/loading-modal-overlay.js

@@ -0,0 +1,156 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, CircularProgress, LinearProgress, Modal, Stack, styled, Typography } from "@mui/material";
+import { alpha } from "@mui/material/styles";
+import { forwardRef } from "react";
+import { AglynLogoFull } from "../const/aglyn-logo-full.js";
+import LoadingTextComponent from "./loading-text.component.js";
+const LoadingOverlayModal = styled(Modal)(({ theme })=>{
+    // The overlay has two homes. The console's theme is built with
+    // `cssVariables`, so `theme.vars` carries a `*Channel` triplet for every
+    // palette color and `rgba(var(--…Channel) / a)` stays bound to the
+    // variable: it follows a scheme switch without a re-render. A published
+    // site renders under a plain `createTheme()` — no `vars`, no channel
+    // triplets — where that template would spell `rgba(undefined / a)`, an
+    // invalid declaration the browser drops. There the tint is composed from
+    // the literal palette value instead.
+    const backdropTint = theme.vars ? `rgba(${theme.vars.palette.background.paperChannel} / 0.48)` : alpha(theme.palette.background.paper, 0.48);
+    const progressTint = theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / 0.86)` : alpha(theme.palette.primary.main, 0.86);
+    return {
+        zIndex: theme.zIndex.max,
+        color: (theme.vars || theme).palette.text.primary,
+        ['& .MuiBackdrop-root']: {
+            backdropFilter: 'blur(5px)',
+            backgroundColor: backdropTint
+        },
+        ['& .wrapper']: {
+            position: 'absolute',
+            top: 0,
+            right: 0,
+            bottom: 0,
+            left: 0,
+            height: '100%',
+            width: '100%',
+            flexDirection: 'column',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center'
+        },
+        ['& .progress-bar-top']: {
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            backgroundColor: progressTint,
+            width: '100%'
+        },
+        ['& .status-text']: {
+            fontWeight: theme.typography.fontWeightBold
+        }
+    };
+});
+/**
+ * The overlay itself: the scrim, the two progress indicators and the brand
+ * slot (AGL-594).
+ *
+ * A module of its own so {@link LoadingModal} can reach it through
+ * `next/dynamic` (AGL-2706). Everything here draws only while a navigation is
+ * in flight, and everything here is expensive to carry until then: MUI's
+ * `Modal` pulls `ModalManager`, `FocusTrap`, `Backdrop` and `Fade`,
+ * `CircularProgress` pulls the transition helpers, and `AglynLogoFull` is
+ * 6 KB of inline path data — the platform's mark, which on a white-labelled
+ * customer site is the one brand that must never be in the first paint.
+ *
+ * The layout above keeps `children` outside this file, so nothing a visitor
+ * reads depends on this chunk having arrived.
+ */ export const LoadingModalOverlay = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { open, brandLogoUrl, brandName } = props, rest = _object_without_properties_loose(props, [
+        "open",
+        "brandLogoUrl",
+        "brandName"
+    ]);
+    const brandSlotSx = {
+        m: '0 auto',
+        position: 'absolute',
+        bottom: (theme)=>theme.spacing(2)
+    };
+    return /*#__PURE__*/ _jsx(LoadingOverlayModal, _extends({
+        ref: ref,
+        open: Boolean(open),
+        closeAfterTransition: true
+    }, rest, {
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: "wrapper",
+            children: [
+                /*#__PURE__*/ _jsx(LinearProgress, {
+                    color: "primary",
+                    className: "progress-bar-top"
+                }),
+                /*#__PURE__*/ _jsx(Stack, {
+                    direction: "column",
+                    spacing: 2,
+                    sx: {
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                        flexGrow: 1
+                    },
+                    children: /*#__PURE__*/ _jsxs("div", {
+                        children: [
+                            /*#__PURE__*/ _jsx(CircularProgress, {
+                                color: "primary"
+                            }),
+                            /*#__PURE__*/ _jsx(LoadingTextComponent, {
+                                variant: "overline",
+                                className: "status-text",
+                                sx: {
+                                    ml: -0.5
+                                },
+                                children: "Loading"
+                            })
+                        ]
+                    })
+                }),
+                brandLogoUrl ? /*#__PURE__*/ _jsx(Box, {
+                    component: "img",
+                    src: brandLogoUrl,
+                    alt: brandName || 'Site logo',
+                    sx: _extends({}, brandSlotSx, {
+                        maxHeight: 48,
+                        maxWidth: 200,
+                        objectFit: 'contain'
+                    })
+                }) : brandName ? /*#__PURE__*/ _jsx(Typography, {
+                    variant: "h6",
+                    sx: _extends({}, brandSlotSx, {
+                        fontWeight: 600
+                    }),
+                    children: brandName
+                }) : /*#__PURE__*/ _jsx(AglynLogoFull, {
+                    sx: _extends({}, brandSlotSx, {
+                        fontSize: 100
+                    })
+                })
+            ]
+        })
+    }));
+});
+LoadingModalOverlay.displayName = 'LoadingModalOverlay';
+export default LoadingModalOverlay;
+
+//# sourceMappingURL=loading-modal-overlay.js.map

package/src/lib/components/loading-modal-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/jsx/src/lib/components/loading-modal-overlay.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport {\n  Box,\n  CircularProgress,\n  LinearProgress,\n  Modal,\n  type ModalProps,\n  Stack,\n  styled,\n  Typography,\n} from '@mui/material'\nimport { alpha } from '@mui/material/styles'\nimport { forwardRef } from 'react'\nimport { AglynLogoFull } from '../const/aglyn-logo-full'\nimport LoadingTextComponent from './loading-text.component'\n\nconst LoadingOverlayModal = styled(Modal)(({ theme }) => {\n  // The overlay has two homes. The console's theme is built with\n  // `cssVariables`, so `theme.vars` carries a `*Channel` triplet for every\n  // palette color and `rgba(var(--…Channel) / a)` stays bound to the\n  // variable: it follows a scheme switch without a re-render. A published\n  // site renders under a plain `createTheme()` — no `vars`, no channel\n  // triplets — where that template would spell `rgba(undefined / a)`, an\n  // invalid declaration the browser drops. There the tint is composed from\n  // the literal palette value instead.\n  const backdropTint = theme.vars\n    ? `rgba(${theme.vars.palette.background.paperChannel} / 0.48)`\n    : alpha(theme.palette.background.paper, 0.48)\n  const progressTint = theme.vars\n    ? `rgba(${theme.vars.palette.primary.mainChannel} / 0.86)`\n    : alpha(theme.palette.primary.main, 0.86)\n\n  return {\n    zIndex: theme.zIndex.max,\n    color: (theme.vars || theme).palette.text.primary,\n\n    ['& .MuiBackdrop-root']: {\n      backdropFilter: 'blur(5px)',\n      backgroundColor: backdropTint,\n    },\n    ['& .wrapper']: {\n      position: 'absolute',\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0,\n      height: '100%',\n      width: '100%',\n      flexDirection: 'column',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n    },\n    ['& .progress-bar-top']: {\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      backgroundColor: progressTint,\n      width: '100%',\n    },\n    ['& .status-text']: {\n      fontWeight: theme.typography.fontWeightBold,\n    },\n  }\n})\n\nexport interface LoadingModalOverlayProps extends Partial<ModalProps> {\n  /** Whether the overlay is showing; drives MUI's enter/exit transition. */\n  open?: boolean\n  /**\n   * Brand the overlay for a tenant site (AGL-594): a site logo image\n   * replaces the Aglyn logo in the bottom slot; with only a name, the\n   * site name renders as text. Without either, the Aglyn logo shows —\n   * the console's own look.\n   */\n  brandLogoUrl?: string\n  brandName?: string\n}\n\n/**\n * The overlay itself: the scrim, the two progress indicators and the brand\n * slot (AGL-594).\n *\n * A module of its own so {@link LoadingModal} can reach it through\n * `next/dynamic` (AGL-2706). Everything here draws only while a navigation is\n * in flight, and everything here is expensive to carry until then: MUI's\n * `Modal` pulls `ModalManager`, `FocusTrap`, `Backdrop` and `Fade`,\n * `CircularProgress` pulls the transition helpers, and `AglynLogoFull` is\n * 6 KB of inline path data — the platform's mark, which on a white-labelled\n * customer site is the one brand that must never be in the first paint.\n *\n * The layout above keeps `children` outside this file, so nothing a visitor\n * reads depends on this chunk having arrived.\n */\nexport const LoadingModalOverlay = forwardRef<any, LoadingModalOverlayProps>(\n  (props, ref) => {\n    const { open, brandLogoUrl, brandName, ...rest } = props\n\n    const brandSlotSx = {\n      m: '0 auto',\n      position: 'absolute',\n      bottom: (theme: any) => theme.spacing(2),\n    } as const\n\n    return (\n      <LoadingOverlayModal\n        ref={ref}\n        open={Boolean(open)}\n        closeAfterTransition\n        {...rest}\n      >\n        <div className=\"wrapper\">\n          <LinearProgress color=\"primary\" className=\"progress-bar-top\" />\n          <Stack\n            direction=\"column\"\n            spacing={2}\n            sx={{\n              justifyContent: 'center',\n              alignItems: 'center',\n              flexGrow: 1,\n            }}\n          >\n            <div>\n              <CircularProgress color=\"primary\" />\n              <LoadingTextComponent\n                variant=\"overline\"\n                className=\"status-text\"\n                sx={{ ml: -0.5 }}\n              >\n                Loading\n              </LoadingTextComponent>\n            </div>\n          </Stack>\n          {brandLogoUrl ? (\n            <Box\n              component=\"img\"\n              src={brandLogoUrl}\n              alt={brandName || 'Site logo'}\n              sx={{\n                ...brandSlotSx,\n                maxHeight: 48,\n                maxWidth: 200,\n                objectFit: 'contain',\n              }}\n            />\n          ) : brandName ? (\n            <Typography variant=\"h6\" sx={{ ...brandSlotSx, fontWeight: 600 }}>\n              {brandName}\n            </Typography>\n          ) : (\n            <AglynLogoFull sx={{ ...brandSlotSx, fontSize: 100 }} />\n          )}\n        </div>\n      </LoadingOverlayModal>\n    )\n  },\n)\nLoadingModalOverlay.displayName = 'LoadingModalOverlay'\n\nexport default LoadingModalOverlay\n"],"names":["Box","CircularProgress","LinearProgress","Modal","Stack","styled","Typography","alpha","forwardRef","AglynLogoFull","LoadingTextComponent","LoadingOverlayModal","theme","backdropTint","vars","palette","background","paperChannel","paper","progressTint","primary","mainChannel","main","zIndex","max","color","text","backdropFilter","backgroundColor","position","top","right","bottom","left","height","width","flexDirection","display","alignItems","justifyContent","fontWeight","typography","fontWeightBold","LoadingModalOverlay","props","ref","open","brandLogoUrl","brandName","rest","brandSlotSx","m","spacing","Boolean","closeAfterTransition","div","className","direction","sx","flexGrow","variant","ml","component","src","alt","maxHeight","maxWidth","objectFit","fontSize","displayName"],"mappings":"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"}

package/src/lib/components/loading-modal.d.ts

@@ -0,0 +1,19 @@
+import type { LoadingModalOverlayProps } from './loading-modal-overlay';
+export type LoadingModalProps = LoadingModalOverlayProps;
+/**
+ * The navigation overlay's mount point (AGL-594), wrapping the app's content.
+ *
+ * `children` render unconditionally and OUTSIDE the overlay, so what a
+ * visitor reads never waits on it. The overlay itself lives in its own module
+ * and arrives through `next/dynamic` (AGL-2706): MUI's `Modal` — with
+ * `ModalManager`, `FocusTrap`, `Backdrop` and `Fade` behind it — plus
+ * `LinearProgress`, `CircularProgress` and the 6 KB inline `AglynLogoFull`
+ * were first-paint weight in both apps for a scrim that draws only while a
+ * navigation is in flight, and never at all on a visit with no navigation.
+ *
+ * Once it has been shown it STAYS mounted, so `closeAfterTransition` still
+ * has a component to run its exit against; unmounting on close would cut the
+ * fade-out instead of playing it.
+ */
+export declare const LoadingModal: import("react").ForwardRefExoticComponent<Omit<LoadingModalOverlayProps, "ref"> & import("react").RefAttributes<any>>;
+export default LoadingModal;

package/src/lib/components/loading-modal.js

@@ -0,0 +1,113 @@
+/**
+ * @license
+ * Copyright 2024 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import dynamic from "next/dynamic";
+import { forwardRef, Fragment, useEffect, useState } from "react";
+import { LoadingContext } from "../contexts/loading.context.js";
+import { onFirstNavigationIntent } from "./navigation-intent.js";
+/**
+ * The overlay's own loader, kept beside the `dynamic()` that wraps it so the
+ * warm-up below and the render path fetch the same module.
+ */ const importOverlay = ()=>import("./loading-modal-overlay.js");
+const LoadingOverlay = dynamic(importOverlay, {
+    ssr: false
+});
+/**
+ * Warms the overlay chunk the first time a visitor reaches for a link.
+ *
+ * The overlay covers a slow navigation, so fetching it only at the click that
+ * starts one would put a request in front of the very thing it exists to
+ * cover. It must therefore arrive early — but "early" is not "always". An
+ * unconditional warm-up fetches the chunk, and every chunk behind it, on every
+ * page view, including the majority that navigate nowhere; deferring a module
+ * and then fetching it anyway moves bytes off first paint without taking them
+ * off the wire, and adds a round trip doing it. Metered per page view, that
+ * costs the same as never having deferred it.
+ *
+ * Best-effort, because the render below fetches the module on demand
+ * regardless.
+ */ function useOverlayWarmUp() {
+    useEffect(()=>onFirstNavigationIntent(()=>{
+            void importOverlay().catch(()=>undefined);
+        }), []);
+}
+/**
+ * The navigation overlay's mount point (AGL-594), wrapping the app's content.
+ *
+ * `children` render unconditionally and OUTSIDE the overlay, so what a
+ * visitor reads never waits on it. The overlay itself lives in its own module
+ * and arrives through `next/dynamic` (AGL-2706): MUI's `Modal` — with
+ * `ModalManager`, `FocusTrap`, `Backdrop` and `Fade` behind it — plus
+ * `LinearProgress`, `CircularProgress` and the 6 KB inline `AglynLogoFull`
+ * were first-paint weight in both apps for a scrim that draws only while a
+ * navigation is in flight, and never at all on a visit with no navigation.
+ *
+ * Once it has been shown it STAYS mounted, so `closeAfterTransition` still
+ * has a component to run its exit against; unmounting on close would cut the
+ * fade-out instead of playing it.
+ */ export const LoadingModal = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { open, children } = props, rest = _object_without_properties_loose(props, [
+        "open",
+        "children"
+    ]);
+    const [everShown, setEverShown] = useState(false);
+    useOverlayWarmUp();
+    return /*#__PURE__*/ _jsx(LoadingContext.Consumer, {
+        children: ({ loading })=>{
+            const isOpen = Boolean(open || loading);
+            return /*#__PURE__*/ _jsxs(Fragment, {
+                children: [
+                    children,
+                    /*#__PURE__*/ _jsx(OverlaySlot, {
+                        isOpen: isOpen,
+                        everShown: everShown,
+                        onShown: setEverShown,
+                        children: /*#__PURE__*/ _jsx(LoadingOverlay, _extends({
+                            ref: ref,
+                            open: isOpen
+                        }, rest))
+                    })
+                ]
+            });
+        }
+    });
+});
+LoadingModal.displayName = 'LoadingModal';
+/**
+ * Holds the overlay off the tree until it is first asked for.
+ *
+ * A component rather than a branch in the render prop above: the "has it ever
+ * opened" latch has to be a hook, and the render prop of a context consumer
+ * is not a place hooks may be called.
+ */ function OverlaySlot({ isOpen, everShown, onShown, children }) {
+    useEffect(()=>{
+        if (isOpen && !everShown) onShown(true);
+    }, [
+        isOpen,
+        everShown,
+        onShown
+    ]);
+    if (!isOpen && !everShown) return null;
+    return /*#__PURE__*/ _jsx(_Fragment, {
+        children: children
+    });
+}
+export default LoadingModal;
+
+//# sourceMappingURL=loading-modal.js.map

package/src/lib/components/loading-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/jsx/src/lib/components/loading-modal.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2024 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport dynamic from 'next/dynamic'\nimport { forwardRef, Fragment, useEffect, useState } from 'react'\nimport { LoadingContext } from '../contexts/loading.context'\nimport { onFirstNavigationIntent } from './navigation-intent'\nimport type { LoadingModalOverlayProps } from './loading-modal-overlay'\n\n/**\n * The overlay's own loader, kept beside the `dynamic()` that wraps it so the\n * warm-up below and the render path fetch the same module.\n */\nconst importOverlay = () => import('./loading-modal-overlay')\n\nconst LoadingOverlay = dynamic(importOverlay, { ssr: false })\n\nexport type LoadingModalProps = LoadingModalOverlayProps\n\n/**\n * Warms the overlay chunk the first time a visitor reaches for a link.\n *\n * The overlay covers a slow navigation, so fetching it only at the click that\n * starts one would put a request in front of the very thing it exists to\n * cover. It must therefore arrive early — but \"early\" is not \"always\". An\n * unconditional warm-up fetches the chunk, and every chunk behind it, on every\n * page view, including the majority that navigate nowhere; deferring a module\n * and then fetching it anyway moves bytes off first paint without taking them\n * off the wire, and adds a round trip doing it. Metered per page view, that\n * costs the same as never having deferred it.\n *\n * Best-effort, because the render below fetches the module on demand\n * regardless.\n */\nfunction useOverlayWarmUp(): void {\n  useEffect(\n    () =>\n      onFirstNavigationIntent(() => {\n        void importOverlay().catch(() => undefined)\n      }),\n    [],\n  )\n}\n\n/**\n * The navigation overlay's mount point (AGL-594), wrapping the app's content.\n *\n * `children` render unconditionally and OUTSIDE the overlay, so what a\n * visitor reads never waits on it. The overlay itself lives in its own module\n * and arrives through `next/dynamic` (AGL-2706): MUI's `Modal` — with\n * `ModalManager`, `FocusTrap`, `Backdrop` and `Fade` behind it — plus\n * `LinearProgress`, `CircularProgress` and the 6 KB inline `AglynLogoFull`\n * were first-paint weight in both apps for a scrim that draws only while a\n * navigation is in flight, and never at all on a visit with no navigation.\n *\n * Once it has been shown it STAYS mounted, so `closeAfterTransition` still\n * has a component to run its exit against; unmounting on close would cut the\n * fade-out instead of playing it.\n */\nexport const LoadingModal = forwardRef<any, LoadingModalProps>((props, ref) => {\n  const { open, children, ...rest } = props\n  const [everShown, setEverShown] = useState(false)\n  useOverlayWarmUp()\n\n  return (\n    <LoadingContext.Consumer>\n      {({ loading }) => {\n        const isOpen = Boolean(open || loading)\n\n        return (\n          <Fragment>\n            {children}\n            <OverlaySlot\n              isOpen={isOpen}\n              everShown={everShown}\n              onShown={setEverShown}\n            >\n              <LoadingOverlay ref={ref} open={isOpen} {...rest} />\n            </OverlaySlot>\n          </Fragment>\n        )\n      }}\n    </LoadingContext.Consumer>\n  )\n})\nLoadingModal.displayName = 'LoadingModal'\n\n/**\n * Holds the overlay off the tree until it is first asked for.\n *\n * A component rather than a branch in the render prop above: the \"has it ever\n * opened\" latch has to be a hook, and the render prop of a context consumer\n * is not a place hooks may be called.\n */\nfunction OverlaySlot({\n  isOpen,\n  everShown,\n  onShown,\n  children,\n}: {\n  isOpen: boolean\n  everShown: boolean\n  onShown: (shown: true) => void\n  children: React.ReactNode\n}) {\n  useEffect(() => {\n    if (isOpen && !everShown) onShown(true)\n  }, [isOpen, everShown, onShown])\n  if (!isOpen && !everShown) return null\n  return <>{children}</>\n}\n\nexport default LoadingModal\n"],"names":["dynamic","forwardRef","Fragment","useEffect","useState","LoadingContext","onFirstNavigationIntent","importOverlay","LoadingOverlay","ssr","useOverlayWarmUp","catch","undefined","LoadingModal","props","ref","open","children","rest","everShown","setEverShown","Consumer","loading","isOpen","Boolean","OverlaySlot","onShown","displayName"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;;;AAEA,OAAOA,aAAa,eAAc;AAClC,SAASC,UAAU,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AACjE,SAASC,cAAc,QAAQ,iCAA6B;AAC5D,SAASC,uBAAuB,QAAQ,yBAAqB;AAG7D;;;CAGC,GACD,MAAMC,gBAAgB,IAAM,MAAM,CAAC;AAEnC,MAAMC,iBAAiBR,QAAQO,eAAe;IAAEE,KAAK;AAAM;AAI3D;;;;;;;;;;;;;;CAcC,GACD,SAASC;IACPP,UACE,IACEG,wBAAwB;YACtB,KAAKC,gBAAgBI,KAAK,CAAC,IAAMC;QACnC,IACF,EAAE;AAEN;AAEA;;;;;;;;;;;;;;CAcC,GACD,OAAO,MAAMC,6BAAeZ,WAAmC,CAACa,OAAOC;IACrE,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAW,GAAGH,OAATI,wCAASJ;;;;IACpC,MAAM,CAACK,WAAWC,aAAa,GAAGhB,SAAS;IAC3CM;IAEA,qBACE,KAACL,eAAegB,QAAQ;kBACrB,CAAC,EAAEC,OAAO,EAAE;YACX,MAAMC,SAASC,QAAQR,QAAQM;YAE/B,qBACE,MAACpB;;oBACEe;kCACD,KAACQ;wBACCF,QAAQA;wBACRJ,WAAWA;wBACXO,SAASN;kCAET,cAAA,KAACZ;4BAAeO,KAAKA;4BAAKC,MAAMO;2BAAYL;;;;QAIpD;;AAGN,GAAE;AACFL,aAAac,WAAW,GAAG;AAE3B;;;;;;CAMC,GACD,SAASF,YAAY,EACnBF,MAAM,EACNJ,SAAS,EACTO,OAAO,EACPT,QAAQ,EAMT;IACCd,UAAU;QACR,IAAIoB,UAAU,CAACJ,WAAWO,QAAQ;IACpC,GAAG;QAACH;QAAQJ;QAAWO;KAAQ;IAC/B,IAAI,CAACH,UAAU,CAACJ,WAAW,OAAO;IAClC,qBAAO;kBAAGF;;AACZ;AAEA,eAAeJ,aAAY"}

package/src/lib/components/loading-text.component.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @license
+ * Copyright 2023 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { type TypographyProps } from '@mui/material';
+export interface LoadingTextProps extends TypographyProps<'div'> {
+}
+export declare const LoadingTextComponent: import("react").ForwardRefExoticComponent<Omit<LoadingTextProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export default LoadingTextComponent;

package/src/lib/components/loading-text.component.js

@@ -0,0 +1,40 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2023 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { Typography } from "@mui/material";
+import { forwardRef } from "react";
+import EllipsisPulseComponent from "./ellipsis-pulse.component.js";
+export const LoadingTextComponent = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { children } = props, rest = _object_without_properties_loose(props, [
+        "children"
+    ]);
+    return /*#__PURE__*/ _jsxs(Typography, _extends({
+        ref: ref,
+        component: "div"
+    }, rest, {
+        children: [
+            children,
+            " ",
+            /*#__PURE__*/ _jsx(EllipsisPulseComponent, {})
+        ]
+    }));
+});
+LoadingTextComponent.displayName = 'LoadingTextComponent';
+export default LoadingTextComponent;
+
+//# sourceMappingURL=loading-text.component.js.map

package/src/lib/components/loading-text.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/jsx/src/lib/components/loading-text.component.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2023 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Typography, type TypographyProps } from '@mui/material'\nimport { forwardRef } from 'react'\nimport EllipsisPulseComponent from './ellipsis-pulse.component'\n\nexport interface LoadingTextProps extends TypographyProps<'div'> {}\n\nexport const LoadingTextComponent = forwardRef<\n  HTMLDivElement,\n  LoadingTextProps\n>((props, ref) => {\n  const { children, ...rest } = props\n\n  return (\n    <Typography ref={ref} component=\"div\" {...rest}>\n      {children} <EllipsisPulseComponent />\n    </Typography>\n  )\n})\nLoadingTextComponent.displayName = 'LoadingTextComponent'\n\nexport default LoadingTextComponent\n"],"names":["Typography","forwardRef","EllipsisPulseComponent","LoadingTextComponent","props","ref","children","rest","component","displayName"],"mappings":";;;AAAA;;;;;;;;;;;;;;;CAeC,GAED,SAASA,UAAU,QAA8B,gBAAe;AAChE,SAASC,UAAU,QAAQ,QAAO;AAClC,OAAOC,4BAA4B,gCAA4B;AAI/D,OAAO,MAAMC,qCAAuBF,WAGlC,CAACG,OAAOC;IACR,MAAM,EAAEC,QAAQ,EAAW,GAAGF,OAATG,wCAASH;;;IAE9B,qBACE,MAACJ;QAAWK,KAAKA;QAAKG,WAAU;OAAUD;;YACvCD;YAAS;0BAAC,KAACJ;;;AAGlB,GAAE;AACFC,qBAAqBM,WAAW,GAAG;AAEnC,eAAeN,qBAAoB"}

package/src/lib/components/mdi-icon/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './mdi-icon';
+export * from './mdi-icon';

package/src/lib/components/mdi-icon/index.js

@@ -0,0 +1,4 @@
+export { default } from "./mdi-icon.js";
+export * from "./mdi-icon.js";
+
+//# sourceMappingURL=index.js.map

package/src/lib/components/mdi-icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../libs/shared/ui/jsx/src/lib/components/mdi-icon/index.ts"],"sourcesContent":["export { default } from './mdi-icon'\nexport * from './mdi-icon'\n"],"names":["default"],"mappings":"AAAA,SAASA,OAAO,QAAQ,gBAAY;AACpC,cAAc,gBAAY"}

package/src/lib/components/mdi-icon/md-icon-stack.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { type SvgIconProps } from '@mui/material';
+import { type ReactElement } from 'react';
+import { type MdIconProps } from './md-icon';
+export interface MdIconStackProps extends SvgIconProps {
+    children: ReactElement<MdIconProps>[] | ReactElement<MdIconProps>;
+    title?: string | null;
+    description?: string | null;
+    size?: number | string | null;
+    horizontal?: boolean | null;
+    vertical?: boolean | null;
+    rotate?: number | null;
+    spin?: boolean | number | null;
+}
+export declare const MdIconStack: import("react").ForwardRefExoticComponent<Omit<MdIconStackProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export default MdIconStack;