@antelopejs/dms 0.5.6 → 0.6.1

package/frontend-vue/layers/dms-layout/app/theme/navigation.ts

@@ -0,0 +1,295 @@
+/**
+ * Nuxt UI themes of the navigation primitives (DMS design v2, mockup
+ * components/navigation.html, onboarding/*.html step indicator and
+ * settings/security.html setup steps), spread into the app config `ui` key.
+ * Each entry extends the Nuxt UI default theme: slot and variant classes are
+ * appended and tailwind-merged over it, and compound variants run after the
+ * defaults, so they win over them.
+ *
+ * Every class stays a literal string so Tailwind finds it when scanning.
+ */
+
+/**
+ * v2 stepper. Horizontal is the onboarding `.au-steps` row: the label sits
+ * beside its dot and a 28px hairline joins the steps (the container is
+ * flattened so the separator follows the label). Vertical is the security
+ * `.cs-step` list: dot column, 13px/600 title, 12.5px muted description.
+ * States: done = accent fill (pass a check `icon`), current = accent ring on
+ * the tint, upcoming = hairline. Sizes: `xs` is the dot style (no number),
+ * `sm` the 22px onboarding dot, `md` the 24px setup dot, then 28 / 32px.
+ */
+const stepperTheme = {
+  slots: {
+    trigger:
+      "border border-accented bg-default font-mono font-[650] text-muted transition-[background-color,border-color,box-shadow,color] duration-150",
+    icon: "shrink-0",
+    // Steps the linear stepper cannot reach yet stay crisp: the upcoming
+    // look already reads as inactive.
+    separator: "rounded-none group-data-[disabled]:opacity-100",
+    title:
+      "font-normal text-dimmed group-data-[state=completed]:text-muted group-data-[state=active]:font-semibold group-data-[state=active]:text-highlighted",
+    description: "text-muted",
+  },
+  variants: {
+    orientation: {
+      horizontal: {
+        root: "gap-5",
+        // A row too long for a phone wraps its steps instead of overflowing.
+        header: "flex-wrap items-center gap-x-2.5 gap-y-3",
+        item: "flex w-auto items-center gap-2 text-start whitespace-nowrap",
+        container: "contents",
+        separator: "static order-last h-px w-7 shrink-0",
+        wrapper: "mt-0",
+      },
+      vertical: {
+        root: "gap-5",
+        header: "gap-[18px]",
+        item: "gap-3",
+        separator: "start-[calc(50%-0.5px)] -bottom-3 w-px",
+        title: "font-semibold text-highlighted",
+      },
+    },
+    color: {
+      primary: {
+        trigger:
+          "outline-(--dms-accent-tint-strong) group-data-[state=completed]:border-(--dms-accent-fill) group-data-[state=completed]:bg-(--dms-accent-fill) group-data-[state=completed]:text-(--dms-accent-on-fill) group-data-[state=active]:border-primary group-data-[state=active]:bg-(--dms-accent-tint) group-data-[state=active]:text-primary",
+        separator:
+          "bg-accented group-data-[state=completed]:bg-(--dms-accent-line)",
+      },
+      neutral: {
+        trigger:
+          "group-data-[state=completed]:border-inverted group-data-[state=completed]:text-inverted group-data-[state=active]:border-inverted group-data-[state=active]:bg-elevated group-data-[state=active]:text-highlighted",
+        separator: "bg-accented group-data-[state=completed]:bg-inverted",
+      },
+    },
+    size: {
+      xs: {
+        trigger: "size-2.5 text-[0px]",
+        icon: "hidden",
+        title: "text-xs",
+        description: "text-xs",
+      },
+      sm: {
+        trigger: "size-[22px] text-[11px]",
+        icon: "size-3",
+        title: "text-[12.5px]",
+        description: "text-xs",
+      },
+      md: {
+        trigger: "size-6 text-[11px]",
+        icon: "size-3",
+        title: "text-[13px]",
+        description: "text-[12.5px]",
+      },
+      lg: {
+        trigger: "size-7 text-xs",
+        icon: "size-3.5",
+        title: "text-sm",
+        description: "text-[13px]",
+      },
+      xl: {
+        trigger: "size-8 text-[13px]",
+        icon: "size-4",
+        title: "text-[15px]",
+        description: "text-sm",
+      },
+    },
+  },
+  compoundVariants: [
+    // The current step glows in the row (.au-steps); the setup list keeps
+    // the flat tinted dot with its accent hairline (.cs-step__num).
+    {
+      orientation: "horizontal",
+      color: "primary",
+      class: {
+        trigger:
+          "group-data-[state=active]:shadow-[0_0_0_4px_var(--dms-accent-tint)]",
+      },
+    },
+    {
+      orientation: "horizontal",
+      size: "xs",
+      class: {
+        trigger:
+          "group-data-[state=active]:shadow-[0_0_0_3px_var(--dms-accent-tint)]",
+      },
+    },
+    {
+      orientation: "vertical",
+      color: "primary",
+      class: {
+        trigger: "group-data-[state=active]:border-(--dms-accent-line)",
+      },
+    },
+    { orientation: "horizontal", size: "xs", class: { wrapper: "mt-0" } },
+    { orientation: "horizontal", size: "sm", class: { wrapper: "mt-0" } },
+    { orientation: "horizontal", size: "md", class: { wrapper: "mt-0" } },
+    { orientation: "horizontal", size: "lg", class: { wrapper: "mt-0" } },
+    { orientation: "horizontal", size: "xl", class: { wrapper: "mt-0" } },
+    // Title centred on the dot, description under it, line between dots.
+    {
+      orientation: "vertical",
+      size: "xs",
+      class: {
+        item: "gap-2.5",
+        wrapper: "-mt-[3px]",
+        separator: "top-4 start-[calc(50%-0.5px)]",
+      },
+    },
+    {
+      orientation: "vertical",
+      size: "sm",
+      class: { item: "gap-3", wrapper: "mt-0.5", separator: "top-7" },
+    },
+    {
+      orientation: "vertical",
+      size: "md",
+      class: { item: "gap-3", wrapper: "mt-[3px]", separator: "top-[30px]" },
+    },
+    {
+      orientation: "vertical",
+      size: "lg",
+      class: { item: "gap-3", wrapper: "mt-1", separator: "top-[34px]" },
+    },
+    {
+      orientation: "vertical",
+      size: "xl",
+      class: { item: "gap-3.5", wrapper: "mt-1.5", separator: "top-[38px]" },
+    },
+  ],
+};
+
+/**
+ * v2 pager (`.pager`): ghost mono page numbers, the accent fill on the
+ * current page, and first / prev / next / last as bordered card buttons.
+ * Defaults are read as prop defaults (`defaultVariants`). Edge buttons use
+ * the same UButton variant as the pages, so their card look is forced.
+ */
+const PAGER_EDGE =
+  "bg-default! text-muted! ring! ring-inset! ring-accented! not-disabled:shadow-(--shadow-xs)! hover:bg-elevated! hover:text-highlighted! disabled:opacity-40!";
+
+const paginationTheme = {
+  slots: {
+    // A long pager (edges + siblings) wraps on a phone instead of overflowing.
+    list: "flex-wrap gap-1",
+    item: "font-mono font-medium tabular-nums not-data-[selected=true]:text-toned data-[selected=true]:font-[650] disabled:opacity-40",
+    // Mono numbers run a step under the button text (12.5px at md).
+    label: "min-w-5 text-[0.96em]",
+    ellipsis:
+      "w-5! min-w-5 px-0! justify-center text-dimmed! hover:bg-transparent!",
+    first: PAGER_EDGE,
+    prev: PAGER_EDGE,
+    next: PAGER_EDGE,
+    last: PAGER_EDGE,
+  },
+  defaultVariants: {
+    color: "neutral",
+    variant: "ghost",
+    activeColor: "primary",
+    activeVariant: "solid",
+  },
+};
+
+/** v2 text link (`.au-link`, `.c-link`): accent, 550, underline on hover. */
+const linkTheme = {
+  base: "rounded-[4px] underline-offset-[3px] outline-(--dms-accent-tint-strong)",
+  variants: {
+    active: {
+      true: "text-primary font-semibold",
+      false: "text-primary font-[550]",
+    },
+  },
+  compoundVariants: [
+    {
+      active: false,
+      disabled: false,
+      class: "hover:text-primary hover:underline",
+    },
+  ],
+};
+
+/**
+ * Horizontal navigation menu (`.hnav`): 32px muted items on a hover tint;
+ * the active item is ink and semibold with an accent icon and a 2px accent
+ * underline on the bar's bottom edge, never a filled pill. `variant="link"`
+ * is the record sub-navigation: 40px items, the underline on the hairline.
+ * Dropdown panels reuse the menu surface with rich two-line items.
+ */
+export const NAVIGATION_MENU_HORIZONTAL_COMPOUNDS = [
+  {
+    orientation: "horizontal",
+    class: {
+      link: "h-8 gap-[7px] px-2.5 py-0 text-[13.5px] font-medium before:inset-0 before:rounded-lg",
+      linkLeadingIcon: "size-4",
+      linkTrailingIcon: "size-3 text-dimmed",
+      viewport:
+        "rounded-[10px] bg-default ring-accented shadow-(--dms-shadow-pop)",
+      childList: "p-1",
+      childLink: "items-start gap-2.5 p-2 before:rounded-[6px]",
+      childLinkIcon: "mt-0.5 size-4 text-muted",
+      childLinkLabel: "font-semibold text-highlighted",
+      childLinkDescription: "text-xs/[1.35] text-muted",
+    },
+  },
+  {
+    orientation: "horizontal",
+    variant: "pill",
+    active: false,
+    disabled: false,
+    class: {
+      link: "text-muted hover:text-highlighted hover:before:bg-elevated data-[state=open]:text-highlighted data-[state=open]:before:bg-elevated",
+    },
+  },
+  {
+    orientation: "horizontal",
+    active: true,
+    class: {
+      link: "font-semibold text-highlighted before:bg-transparent hover:before:bg-elevated after:absolute after:inset-x-2.5 after:-bottom-[9px] after:block after:h-0.5 after:rounded-t-[2px] after:rounded-b-none after:bg-primary",
+      linkLeadingIcon: "text-primary group-data-[state=open]:text-primary",
+    },
+  },
+  {
+    orientation: "horizontal",
+    variant: "link",
+    class: {
+      list: "gap-[18px]",
+      item: "py-0",
+      link: "h-10 px-0.5 before:hidden",
+      // Counts as mono chips (`.tab__count`).
+      linkTrailingBadge:
+        "h-4 rounded-[4px] bg-elevated px-[5px] font-mono text-[10.5px] text-dimmed ring-0",
+    },
+  },
+  {
+    orientation: "horizontal",
+    variant: "link",
+    active: true,
+    class: {
+      link: "after:inset-x-0 after:-bottom-px hover:before:bg-transparent",
+    },
+  },
+];
+
+/**
+ * Persistent DMS sidebar: 60px collapsed floor, brand row at the sidebar
+ * brand height, 10px gutters and the hairline over the footer on desktop.
+ * The mobile menu never opens (DashboardSidebar pins `open` to false).
+ */
+const dashboardSidebarTheme = {
+  slots: {
+    root: "min-w-[60px]",
+    header: "h-(--dms-sidebar-brand-height) px-1.5",
+    body: "no-scrollbar gap-3.5 px-2.5 pt-1 pb-3",
+    footer:
+      "flex-col items-stretch gap-1.5 px-2.5 pt-2 pb-2.5 lg:border-t lg:border-default",
+    toggle: "hidden",
+  },
+};
+
+/** Navigation primitive themes, spread into `ui` of the app config. */
+export const navigationTheme = {
+  stepper: stepperTheme,
+  pagination: paginationTheme,
+  link: linkTheme,
+  dashboardSidebar: dashboardSidebarTheme,
+};

package/frontend-vue/layers/dms-layout/app/theme/surfaces.ts

@@ -0,0 +1,319 @@
+/**
+ * Nuxt UI themes of the surfaces and feedback primitives (DMS design v2,
+ * mockup components/card.html, menu.html, modal.html, toast.html and
+ * banner.html), spread into the app config `ui` key. Each entry extends the
+ * Nuxt UI default theme: slot and variant classes are appended and
+ * tailwind-merged over it, and compound variants run after the defaults.
+ *
+ * Every class stays a literal string so Tailwind finds it when scanning.
+ */
+
+import { EYEBROW_CLASS } from "#dms-ui/app/build/utils/eyebrow";
+
+/** Floating panels (menus, popovers, toasts): accented hairline and the pop shadow. */
+const FLOATING_SURFACE =
+  "bg-default ring-accented shadow-(--dms-shadow-pop) rounded-[10px]";
+
+/** Topmost overlays: the brightest border and the modal shadow. */
+const OVERLAY_SURFACE =
+  "bg-default ring-(--dms-border-top) shadow-(--dms-shadow-modal)";
+
+const BACKDROP = "bg-(--dms-overlay) backdrop-blur-[2px]";
+
+const cardTheme = {
+  slots: {
+    // 48px head carrying the mono eyebrow title, 18px body, muted footer band.
+    header:
+      "flex items-center gap-2.5 min-h-12 py-2 ps-[18px] pe-4 sm:ps-[18px] sm:pe-4",
+    title: `${EYEBROW_CLASS} text-muted`,
+    description: "mt-0.5 text-[13px]",
+    body: "p-[18px] sm:p-5",
+    footer: "flex items-center gap-2 px-4 py-2.5 sm:px-4 bg-(--dms-bg-muted)",
+  },
+  variants: {
+    variant: {
+      // The shared .dms-card surface: 14px radius, hairline border, card shadow.
+      outline: {
+        root: "rounded-(--dms-radius-card) bg-(--dms-surface-card) ring ring-default shadow-(--dms-shadow-card)",
+      },
+    },
+  },
+};
+
+/** Menu rows: 30px, 13px labels, 16px icons, 6px hover box. */
+const MENU_MD_SIZE = {
+  label: `${EYEBROW_CLASS} text-dimmed px-2 pt-2 pb-1`,
+  item: "px-2 py-[5px] text-[13px]/5 gap-[9px] before:rounded-[6px]",
+  empty: "p-2.5 text-[13px]",
+  itemLeadingIcon: "size-4 my-0.5",
+  itemTrailingIcon: "size-4 my-0.5",
+  itemTrailingKbdsSize: "sm",
+};
+
+const menuTheme = {
+  slots: {
+    content: `min-w-48 ${FLOATING_SURFACE}`,
+    separator: "-mx-1 my-1 bg-(--ui-border)",
+    itemTrailing: "text-dimmed",
+    itemTrailingIcon: "group-data-[state=checked]:text-primary",
+  },
+  variants: {
+    active: {
+      false: {
+        item: "data-highlighted:before:bg-elevated data-[state=open]:before:bg-elevated",
+        itemLeadingIcon:
+          "text-muted group-data-highlighted:text-highlighted group-data-[state=open]:text-highlighted",
+      },
+    },
+    size: {
+      md: MENU_MD_SIZE,
+    },
+  },
+};
+
+const popoverTheme = {
+  slots: {
+    content: FLOATING_SURFACE,
+    arrow: "stroke-(--ui-border-accented)",
+  },
+};
+
+const tooltipTheme = {
+  slots: {
+    // Inverted chip; its keycaps drop their surface and follow the ink.
+    content:
+      "bg-inverted text-inverted ring-0 rounded-[6px] h-auto min-h-6 px-2 py-1 text-xs font-medium shadow-(--dms-shadow-pop)",
+    arrow: "fill-(--ui-bg-inverted) stroke-(--ui-bg-inverted)",
+    kbds: "opacity-70 *:bg-transparent *:text-current *:ring-current/40 *:shadow-none",
+  },
+};
+
+const modalTheme = {
+  slots: {
+    content: "bg-default divide-y-0",
+    header: "items-start gap-3 min-h-0 px-5 pt-[18px] pb-0 sm:px-5",
+    title: "text-[17px] leading-[1.3] font-[650] tracking-[-0.02em]",
+    description: "mt-1 text-[13px]",
+    body: "px-5 pt-4 pb-5 sm:px-5 sm:pt-4 sm:pb-5",
+    footer:
+      "justify-end gap-2 px-5 py-3 sm:px-5 border-t border-default bg-(--dms-bg-muted)",
+    close: "top-3.5 end-4",
+  },
+  variants: {
+    fullscreen: {
+      false: {
+        content: `rounded-[16px] ${OVERLAY_SURFACE}`,
+      },
+    },
+    overlay: {
+      true: {
+        overlay: BACKDROP,
+      },
+    },
+  },
+};
+
+const slideoverTheme = {
+  slots: {
+    overlay: BACKDROP,
+    content: `${OVERLAY_SURFACE} sm:shadow-(--dms-shadow-modal)`,
+    header: "px-5 sm:px-5",
+    title: "text-[17px] leading-[1.3] font-[650] tracking-[-0.02em]",
+    description: "text-[13px]",
+    body: "p-5 sm:p-5",
+    footer: "justify-end gap-2 px-5 py-3 sm:px-5 bg-(--dms-bg-muted)",
+  },
+};
+
+/** Drawers read as the topmost surface: 16px corners on the open edge. */
+const DRAWER_EDGE_COMPOUNDS = [
+  { direction: "top", inset: false, class: { content: "rounded-b-[16px]" } },
+  { direction: "bottom", inset: false, class: { content: "rounded-t-[16px]" } },
+  { direction: "left", inset: false, class: { content: "rounded-r-[16px]" } },
+  { direction: "right", inset: false, class: { content: "rounded-l-[16px]" } },
+  { inset: true, class: { content: "rounded-[16px]" } },
+  { direction: ["top", "bottom"], class: { handle: "!w-10 !h-1" } },
+];
+
+const drawerTheme = {
+  slots: {
+    overlay: BACKDROP,
+    content: OVERLAY_SURFACE,
+  },
+  compoundVariants: DRAWER_EDGE_COMPOUNDS,
+};
+
+/**
+ * v2 toast (mockup components/toast.html): elevated card, coloured icon on a
+ * neutral surface, actions under the text, a ghost close in the corner and a
+ * 2px duration bar along the bottom edge.
+ */
+const toastTheme = {
+  slots: {
+    root: "rounded-(--dms-radius-card) bg-default ring-accented shadow-(--dms-shadow-pop) p-3.5 ps-4 gap-3",
+    title: "text-[13px]/[1.35] font-semibold",
+    description: "text-[13px]/[1.45]",
+    icon: "size-[18px] mt-px",
+    actions: "gap-1.5",
+    // Ghost xs square button (design .toast__close), pulled into the corner.
+    close:
+      "-mt-1 -me-1.5 p-1 rounded-md text-dimmed hover:text-highlighted hover:bg-elevated [&_[data-slot=leadingIcon]]:size-4",
+    // 2px duration bar on the muted hairline (design .toast__timer).
+    progress:
+      "[&_[data-slot=base]]:h-0.5 [&_[data-slot=base]]:rounded-none [&_[data-slot=base]]:bg-(--ui-border-muted) [&_[data-slot=indicator]]:rounded-none",
+  },
+  variants: {
+    title: {
+      true: { description: "mt-0.5" },
+    },
+    orientation: {
+      vertical: { actions: "mt-2.5" },
+    },
+  },
+};
+
+/**
+ * v2 toaster: 380px stack 20px off the corner, collapsed behind the newest
+ * toast until hovered (the `expand` default below is read as a prop default).
+ * New toasts rise 16px into place instead of sliding in from a full toast
+ * height below: that slide started off-screen, so a toast whose animation
+ * had not run yet (background tab, throttled frame) sat cut off under the
+ * bottom edge.
+ */
+const toasterTheme = {
+  slots: {
+    viewport: "w-[calc(100%-2.5rem)] sm:w-[380px]",
+  },
+  variants: {
+    position: {
+      "top-left": { viewport: "left-5" },
+      "top-right": { viewport: "right-5" },
+      "bottom-left": { viewport: "left-5" },
+      "bottom-right": { viewport: "right-5" },
+    },
+  },
+  compoundVariants: [
+    {
+      position: ["top-left", "top-center", "top-right"],
+      class: {
+        viewport: "top-5",
+        base: "data-[state=open]:animate-none starting:-translate-y-4",
+      },
+    },
+    {
+      position: ["bottom-left", "bottom-center", "bottom-right"],
+      class: {
+        viewport: "bottom-5",
+        base: "data-[state=open]:animate-none starting:translate-y-4",
+      },
+    },
+  ],
+  defaultVariants: {
+    expand: false,
+  },
+};
+
+const alertTheme = {
+  slots: {
+    root: "rounded-[10px] px-3.5 py-3 gap-3",
+    title: "text-[13px] font-semibold",
+    description: "text-[13px] opacity-100",
+    icon: "size-[18px]",
+  },
+  variants: {
+    title: {
+      true: { description: "mt-0.5" },
+    },
+  },
+  compoundVariants: [
+    // Tinted alerts: only the icon (and the tint) carries the colour.
+    {
+      variant: ["soft", "subtle", "outline"],
+      class: { title: "text-highlighted", description: "text-muted" },
+    },
+    {
+      color: "primary",
+      variant: "solid",
+      class: { root: "bg-(--dms-accent-fill) text-(--dms-accent-on-fill)" },
+    },
+  ],
+  defaultVariants: {
+    variant: "subtle",
+  },
+};
+
+const avatarTheme = {
+  variants: {
+    color: {
+      // The default initials avatar: the brand gradient with mono dark ink.
+      neutral: {
+        root: "bg-linear-135 from-(--ui-color-primary-400) to-(--ui-color-secondary-400)",
+        fallback: "font-mono font-bold text-(--dms-accent-on-fill)",
+        icon: "text-(--dms-accent-on-fill)",
+      },
+    },
+    size: {
+      "3xs": { root: "text-[7px]" },
+      "2xs": { root: "text-[8px]" },
+      xs: { root: "text-[9px]" },
+      sm: { root: "text-[11px]" },
+      md: { root: "text-xs" },
+      lg: { root: "text-[13px]" },
+      xl: { root: "text-sm" },
+      "2xl": { root: "text-base" },
+      "3xl": { root: "text-lg" },
+    },
+  },
+};
+
+const skeletonTheme = {
+  base: "bg-(--dms-skeleton) rounded-[6px]",
+};
+
+const progressTheme = {
+  slots: {
+    base: "bg-accented",
+    step: "text-xs",
+  },
+  variants: {
+    color: {
+      primary: { indicator: "bg-(--dms-accent-fill)" },
+    },
+    step: {
+      active: { step: "text-primary font-semibold" },
+    },
+  },
+  compoundVariants: [
+    { orientation: "horizontal", size: "md", class: "h-1.5" },
+    { orientation: "horizontal", size: "lg", class: "h-2" },
+    { orientation: "vertical", size: "md", class: "w-1.5" },
+    { orientation: "vertical", size: "lg", class: "w-2" },
+  ],
+};
+
+const accordionTheme = {
+  slots: {
+    trigger: "text-[13px] font-semibold text-highlighted py-3",
+    body: "text-[13px] text-muted pb-3",
+    trailingIcon: "size-4 text-dimmed",
+  },
+};
+
+/** Surface and feedback primitive themes, spread into `ui` of the app config. */
+export const surfacesTheme = {
+  card: cardTheme,
+  dropdownMenu: menuTheme,
+  contextMenu: menuTheme,
+  popover: popoverTheme,
+  tooltip: tooltipTheme,
+  modal: modalTheme,
+  slideover: slideoverTheme,
+  drawer: drawerTheme,
+  toast: toastTheme,
+  toaster: toasterTheme,
+  alert: alertTheme,
+  avatar: avatarTheme,
+  skeleton: skeletonTheme,
+  progress: progressTheme,
+  accordion: accordionTheme,
+};

package/frontend-vue/layers/dms-layout/app/types/page.ts

@@ -23,6 +23,7 @@ export interface MenuOptions {
   query?: MenuItemQuery;
   variant?: MenuItemVariant;
   status?: MenuItemStatus;
+  badge?: string;
   bypassTenantAccessGate?: boolean;
 }
 
@@ -43,6 +44,8 @@ export interface ModuleInfo {
   description: string;
   icon: string;
   landingPage?: string;
+  version?: string;
+  catalogCategory?: string;
   defaultCategory?: {
     displayName?: string;
     icon?: string;
@@ -53,6 +56,25 @@ export interface ModuleInfo {
 
 export type ModuleWithAccess = ModuleInfo & { hasAccess: boolean };
 
+// Mirror of ModuleStatus / ModuleReadoutLine from @antelopejs/interface-dms/page.
+export type ModuleStatus = "live" | "beta" | "update" | "attention";
+export type ModuleReadoutTone = "success" | "info" | "warning" | "error";
+export interface ModuleReadoutLine {
+  text: string;
+  tone?: ModuleReadoutTone;
+}
+
+/**
+ * One entry of `/dms/modules-listing`: the module's info plus what its
+ * catalog hooks reported. `status` and `readout` are optional so a backend
+ * predating the hooks still reads as live with no readout.
+ */
+export type ModuleCatalogEntry = ModuleWithAccess & {
+  landingSlug: string;
+  status?: ModuleStatus;
+  readout?: ModuleReadoutLine[];
+};
+
 export const MODULE_URL_PREFIX = "/modules";
 
 export interface PageInfo extends Omit<CategoryInfo, "category"> {

package/frontend-vue/layers/dms-layout/app/utils/account-menu.ts

@@ -9,7 +9,7 @@ export const SETTINGS_ROUTE = "/settings";
 export const SWITCH_ACCOUNT_ROUTE = "/auth/accounts";
 
 /**
- * Canonical account navigation entries, rendered by both the header user
+ * Canonical account navigation entries, rendered by both the sidebar user
  * menu and the command palette's session source so the two surfaces cannot
  * drift.
  */