@open-mercato/core 0.6.7 → 0.6.8-develop.6874.1.982d6097d8

package/dist/modules/design_system/gallery/entries/schedule.js

@@ -0,0 +1,297 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import {
+  ScheduleAgenda,
+  ScheduleGrid,
+  ScheduleToolbar,
+  ScheduleView
+} from "@open-mercato/ui/backend/schedule";
+const weekRange = {
+  start: new Date(2026, 5, 7),
+  end: new Date(2026, 5, 13, 23, 59, 59, 999)
+};
+const monthRange = {
+  start: new Date(2026, 5, 1),
+  end: new Date(2026, 5, 30, 23, 59, 59, 999)
+};
+const boardRange = {
+  start: new Date(2026, 5, 8),
+  end: new Date(2026, 5, 10, 23, 59, 59, 999)
+};
+const emptyDayRange = {
+  start: new Date(2026, 5, 11),
+  end: new Date(2026, 5, 11, 23, 59, 59, 999)
+};
+const agendaRange = {
+  start: new Date(2026, 5, 8),
+  end: new Date(2026, 5, 9, 23, 59, 59, 999)
+};
+const draftDayRange = {
+  start: new Date(2026, 5, 12),
+  end: new Date(2026, 5, 12, 23, 59, 59, 999)
+};
+const sampleItems = [
+  {
+    id: "availability-1",
+    kind: "availability",
+    title: "Open studio hours",
+    startsAt: new Date(2026, 5, 8, 9, 0),
+    endsAt: new Date(2026, 5, 8, 12, 0),
+    status: "confirmed",
+    subjectType: "member",
+    subjectId: "member-1"
+  },
+  {
+    id: "event-1",
+    kind: "event",
+    title: "Fitting \u2014 Anna Nowak",
+    startsAt: new Date(2026, 5, 8, 13, 0),
+    endsAt: new Date(2026, 5, 8, 14, 0),
+    status: "negotiation"
+  },
+  {
+    id: "event-2",
+    kind: "event",
+    title: "Delivery walkthrough",
+    startsAt: new Date(2026, 5, 9, 10, 0),
+    endsAt: new Date(2026, 5, 9, 11, 30),
+    status: "confirmed"
+  },
+  {
+    id: "exception-1",
+    kind: "exception",
+    title: "Studio closed",
+    startsAt: new Date(2026, 5, 10, 0, 0),
+    endsAt: new Date(2026, 5, 10, 23, 59),
+    status: "cancelled"
+  },
+  {
+    id: "event-3",
+    kind: "event",
+    title: "Quarterly review",
+    startsAt: new Date(2026, 5, 12, 15, 0),
+    endsAt: new Date(2026, 5, 12, 16, 0),
+    status: "draft"
+  }
+];
+function initialRangeFor(view) {
+  return view === "month" ? monthRange : weekRange;
+}
+function DemoScheduleView({ initialView }) {
+  const [view, setView] = React.useState(initialView);
+  const [range, setRange] = React.useState(initialRangeFor(initialView));
+  const [timezone, setTimezone] = React.useState("Europe/Warsaw");
+  return /* @__PURE__ */ jsx(
+    ScheduleView,
+    {
+      items: sampleItems,
+      view,
+      range,
+      timezone,
+      onViewChange: setView,
+      onRangeChange: setRange,
+      onTimezoneChange: setTimezone,
+      className: "w-full"
+    }
+  );
+}
+function DemoScheduleToolbar({ initialView }) {
+  const [view, setView] = React.useState(initialView);
+  const [range, setRange] = React.useState(initialRangeFor(initialView));
+  const [timezone, setTimezone] = React.useState("Europe/Warsaw");
+  return /* @__PURE__ */ jsx(
+    ScheduleToolbar,
+    {
+      view,
+      range,
+      timezone,
+      onViewChange: setView,
+      onRangeChange: setRange,
+      onTimezoneChange: setTimezone,
+      className: "w-full"
+    }
+  );
+}
+const scheduleViewEntry = {
+  id: "schedule-view",
+  title: "ScheduleView",
+  importPath: "@open-mercato/ui/backend/schedule",
+  variants: [
+    {
+      id: "week",
+      title: "Week (controlled)",
+      render: () => /* @__PURE__ */ jsx(DemoScheduleView, { initialView: "week" }),
+      code: `import { ScheduleView, type ScheduleItem, type ScheduleRange, type ScheduleViewMode } from '@open-mercato/ui/backend/schedule'
+
+const [view, setView] = React.useState<ScheduleViewMode>('week')
+const [range, setRange] = React.useState<ScheduleRange>({
+  start: new Date(2026, 5, 7),
+  end: new Date(2026, 5, 13, 23, 59, 59, 999),
+})
+
+<ScheduleView
+  items={items /* ScheduleItem[] mapped from your domain records */}
+  view={view}
+  range={range}
+  timezone="Europe/Warsaw"
+  onViewChange={setView}
+  onRangeChange={setRange}
+/>`
+    },
+    {
+      id: "month",
+      title: "Month (controlled)",
+      render: () => /* @__PURE__ */ jsx(DemoScheduleView, { initialView: "month" }),
+      code: `import { ScheduleView, type ScheduleRange, type ScheduleViewMode } from '@open-mercato/ui/backend/schedule'
+
+const [view, setView] = React.useState<ScheduleViewMode>('month')
+const [range, setRange] = React.useState<ScheduleRange>({
+  start: new Date(2026, 5, 1),
+  end: new Date(2026, 5, 30, 23, 59, 59, 999),
+})
+
+<ScheduleView items={items} view={view} range={range} onViewChange={setView} onRangeChange={setRange} />`
+    }
+  ]
+};
+const scheduleToolbarEntry = {
+  id: "schedule-toolbar",
+  title: "ScheduleToolbar",
+  importPath: "@open-mercato/ui/backend/schedule",
+  variants: [
+    {
+      id: "week-with-timezone",
+      title: "Week range with timezone",
+      render: () => /* @__PURE__ */ jsx(DemoScheduleToolbar, { initialView: "week" }),
+      code: `import { ScheduleToolbar, type ScheduleRange, type ScheduleViewMode } from '@open-mercato/ui/backend/schedule'
+
+const [view, setView] = React.useState<ScheduleViewMode>('week')
+const [range, setRange] = React.useState<ScheduleRange>({
+  start: new Date(2026, 5, 7),
+  end: new Date(2026, 5, 13, 23, 59, 59, 999),
+})
+const [timezone, setTimezone] = React.useState('Europe/Warsaw')
+
+<ScheduleToolbar
+  view={view}
+  range={range}
+  timezone={timezone}
+  onViewChange={setView}
+  onRangeChange={setRange}
+  onTimezoneChange={setTimezone}
+/>`
+    },
+    {
+      id: "month-range",
+      title: "Month range",
+      render: () => /* @__PURE__ */ jsx(DemoScheduleToolbar, { initialView: "month" }),
+      code: `import { ScheduleToolbar, type ScheduleRange, type ScheduleViewMode } from '@open-mercato/ui/backend/schedule'
+
+const [view, setView] = React.useState<ScheduleViewMode>('month')
+const [range, setRange] = React.useState<ScheduleRange>({
+  start: new Date(2026, 5, 1),
+  end: new Date(2026, 5, 30, 23, 59, 59, 999),
+})
+
+<ScheduleToolbar view={view} range={range} onViewChange={setView} onRangeChange={setRange} />`
+    }
+  ]
+};
+const scheduleGridEntry = {
+  id: "schedule-grid",
+  title: "ScheduleGrid",
+  importPath: "@open-mercato/ui/backend/schedule",
+  variants: [
+    {
+      id: "three-day-board",
+      title: "Three-day board",
+      render: () => /* @__PURE__ */ jsx(
+        ScheduleGrid,
+        {
+          items: sampleItems,
+          range: boardRange,
+          timezone: "Europe/Warsaw",
+          onItemClick: () => {
+          },
+          onSlotClick: () => {
+          },
+          className: "w-full"
+        }
+      ),
+      code: `import { ScheduleGrid, type ScheduleItem } from '@open-mercato/ui/backend/schedule'
+
+<ScheduleGrid
+  items={items /* ScheduleItem[] */}
+  range={{ start: new Date(2026, 5, 8), end: new Date(2026, 5, 10, 23, 59, 59, 999) }}
+  timezone="Europe/Warsaw"
+  onItemClick={(item) => openItem(item)}
+  onSlotClick={(slot) => createDraft(slot)}
+/>`
+    },
+    {
+      id: "read-only-empty",
+      title: "Read-only empty day",
+      render: () => /* @__PURE__ */ jsx(ScheduleGrid, { items: [], range: emptyDayRange, className: "w-full" }),
+      code: `import { ScheduleGrid } from '@open-mercato/ui/backend/schedule'
+
+<ScheduleGrid
+  items={[]}
+  range={{ start: new Date(2026, 5, 11), end: new Date(2026, 5, 11, 23, 59, 59, 999) }}
+/>`
+    }
+  ]
+};
+const scheduleAgendaEntry = {
+  id: "schedule-agenda",
+  title: "ScheduleAgenda",
+  importPath: "@open-mercato/ui/backend/schedule",
+  variants: [
+    {
+      id: "two-days",
+      title: "Two days with statuses",
+      render: () => /* @__PURE__ */ jsx(
+        ScheduleAgenda,
+        {
+          items: sampleItems,
+          range: agendaRange,
+          timezone: "Europe/Warsaw",
+          onItemClick: () => {
+          },
+          onSlotClick: () => {
+          },
+          className: "w-full"
+        }
+      ),
+      code: `import { ScheduleAgenda, type ScheduleItem } from '@open-mercato/ui/backend/schedule'
+
+<ScheduleAgenda
+  items={items /* ScheduleItem[] */}
+  range={{ start: new Date(2026, 5, 8), end: new Date(2026, 5, 9, 23, 59, 59, 999) }}
+  timezone="Europe/Warsaw"
+  onItemClick={(item) => openItem(item)}
+  onSlotClick={(slot) => createDraft(slot)}
+/>`
+    },
+    {
+      id: "read-only-day",
+      title: "Read-only day (draft item)",
+      render: () => /* @__PURE__ */ jsx(ScheduleAgenda, { items: sampleItems, range: draftDayRange, className: "w-full" }),
+      code: `import { ScheduleAgenda } from '@open-mercato/ui/backend/schedule'
+
+<ScheduleAgenda
+  items={items}
+  range={{ start: new Date(2026, 5, 12), end: new Date(2026, 5, 12, 23, 59, 59, 999) }}
+/>`
+    }
+  ]
+};
+const entries = [
+  scheduleViewEntry,
+  scheduleToolbarEntry,
+  scheduleGridEntry,
+  scheduleAgendaEntry
+];
+export {
+  entries
+};
+//# sourceMappingURL=schedule.js.map

package/dist/modules/design_system/gallery/entries/schedule.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/design_system/gallery/entries/schedule.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport {\n  ScheduleAgenda,\n  ScheduleGrid,\n  ScheduleToolbar,\n  ScheduleView,\n  type ScheduleItem,\n  type ScheduleRange,\n  type ScheduleViewMode,\n} from '@open-mercato/ui/backend/schedule'\nimport type { GalleryEntry } from '../types'\n\n// Component titles and variant names are proper nouns from the codebase and\n// are deliberately not translated. `code` MUST contain the entry's importPath\n// (enforced by the registry-integrity test) and is always reviewed alongside\n// its sibling `render`.\n\n// Fixed sample dates (June 2026) \u2014 previews must not depend on \"today\" so the\n// gallery renders identically on any day.\nconst weekRange: ScheduleRange = {\n  start: new Date(2026, 5, 7),\n  end: new Date(2026, 5, 13, 23, 59, 59, 999),\n}\nconst monthRange: ScheduleRange = {\n  start: new Date(2026, 5, 1),\n  end: new Date(2026, 5, 30, 23, 59, 59, 999),\n}\nconst boardRange: ScheduleRange = {\n  start: new Date(2026, 5, 8),\n  end: new Date(2026, 5, 10, 23, 59, 59, 999),\n}\nconst emptyDayRange: ScheduleRange = {\n  start: new Date(2026, 5, 11),\n  end: new Date(2026, 5, 11, 23, 59, 59, 999),\n}\nconst agendaRange: ScheduleRange = {\n  start: new Date(2026, 5, 8),\n  end: new Date(2026, 5, 9, 23, 59, 59, 999),\n}\nconst draftDayRange: ScheduleRange = {\n  start: new Date(2026, 5, 12),\n  end: new Date(2026, 5, 12, 23, 59, 59, 999),\n}\n\nconst sampleItems: ScheduleItem[] = [\n  {\n    id: 'availability-1',\n    kind: 'availability',\n    title: 'Open studio hours',\n    startsAt: new Date(2026, 5, 8, 9, 0),\n    endsAt: new Date(2026, 5, 8, 12, 0),\n    status: 'confirmed',\n    subjectType: 'member',\n    subjectId: 'member-1',\n  },\n  {\n    id: 'event-1',\n    kind: 'event',\n    title: 'Fitting \u2014 Anna Nowak',\n    startsAt: new Date(2026, 5, 8, 13, 0),\n    endsAt: new Date(2026, 5, 8, 14, 0),\n    status: 'negotiation',\n  },\n  {\n    id: 'event-2',\n    kind: 'event',\n    title: 'Delivery walkthrough',\n    startsAt: new Date(2026, 5, 9, 10, 0),\n    endsAt: new Date(2026, 5, 9, 11, 30),\n    status: 'confirmed',\n  },\n  {\n    id: 'exception-1',\n    kind: 'exception',\n    title: 'Studio closed',\n    startsAt: new Date(2026, 5, 10, 0, 0),\n    endsAt: new Date(2026, 5, 10, 23, 59),\n    status: 'cancelled',\n  },\n  {\n    id: 'event-3',\n    kind: 'event',\n    title: 'Quarterly review',\n    startsAt: new Date(2026, 5, 12, 15, 0),\n    endsAt: new Date(2026, 5, 12, 16, 0),\n    status: 'draft',\n  },\n]\n\nfunction initialRangeFor(view: ScheduleViewMode): ScheduleRange {\n  return view === 'month' ? monthRange : weekRange\n}\n\nfunction DemoScheduleView({ initialView }: { initialView: ScheduleViewMode }) {\n  const [view, setView] = React.useState<ScheduleViewMode>(initialView)\n  const [range, setRange] = React.useState<ScheduleRange>(initialRangeFor(initialView))\n  const [timezone, setTimezone] = React.useState('Europe/Warsaw')\n  return (\n    <ScheduleView\n      items={sampleItems}\n      view={view}\n      range={range}\n      timezone={timezone}\n      onViewChange={setView}\n      onRangeChange={setRange}\n      onTimezoneChange={setTimezone}\n      className=\"w-full\"\n    />\n  )\n}\n\nfunction DemoScheduleToolbar({ initialView }: { initialView: ScheduleViewMode }) {\n  const [view, setView] = React.useState<ScheduleViewMode>(initialView)\n  const [range, setRange] = React.useState<ScheduleRange>(initialRangeFor(initialView))\n  const [timezone, setTimezone] = React.useState('Europe/Warsaw')\n  return (\n    <ScheduleToolbar\n      view={view}\n      range={range}\n      timezone={timezone}\n      onViewChange={setView}\n      onRangeChange={setRange}\n      onTimezoneChange={setTimezone}\n      className=\"w-full\"\n    />\n  )\n}\n\nconst scheduleViewEntry: GalleryEntry = {\n  id: 'schedule-view',\n  title: 'ScheduleView',\n  importPath: '@open-mercato/ui/backend/schedule',\n  variants: [\n    {\n      id: 'week',\n      title: 'Week (controlled)',\n      render: () => <DemoScheduleView initialView=\"week\" />,\n      code: `import { ScheduleView, type ScheduleItem, type ScheduleRange, type ScheduleViewMode } from '@open-mercato/ui/backend/schedule'\n\nconst [view, setView] = React.useState<ScheduleViewMode>('week')\nconst [range, setRange] = React.useState<ScheduleRange>({\n  start: new Date(2026, 5, 7),\n  end: new Date(2026, 5, 13, 23, 59, 59, 999),\n})\n\n<ScheduleView\n  items={items /* ScheduleItem[] mapped from your domain records */}\n  view={view}\n  range={range}\n  timezone=\"Europe/Warsaw\"\n  onViewChange={setView}\n  onRangeChange={setRange}\n/>`,\n    },\n    {\n      id: 'month',\n      title: 'Month (controlled)',\n      render: () => <DemoScheduleView initialView=\"month\" />,\n      code: `import { ScheduleView, type ScheduleRange, type ScheduleViewMode } from '@open-mercato/ui/backend/schedule'\n\nconst [view, setView] = React.useState<ScheduleViewMode>('month')\nconst [range, setRange] = React.useState<ScheduleRange>({\n  start: new Date(2026, 5, 1),\n  end: new Date(2026, 5, 30, 23, 59, 59, 999),\n})\n\n<ScheduleView items={items} view={view} range={range} onViewChange={setView} onRangeChange={setRange} />`,\n    },\n  ],\n}\n\nconst scheduleToolbarEntry: GalleryEntry = {\n  id: 'schedule-toolbar',\n  title: 'ScheduleToolbar',\n  importPath: '@open-mercato/ui/backend/schedule',\n  variants: [\n    {\n      id: 'week-with-timezone',\n      title: 'Week range with timezone',\n      render: () => <DemoScheduleToolbar initialView=\"week\" />,\n      code: `import { ScheduleToolbar, type ScheduleRange, type ScheduleViewMode } from '@open-mercato/ui/backend/schedule'\n\nconst [view, setView] = React.useState<ScheduleViewMode>('week')\nconst [range, setRange] = React.useState<ScheduleRange>({\n  start: new Date(2026, 5, 7),\n  end: new Date(2026, 5, 13, 23, 59, 59, 999),\n})\nconst [timezone, setTimezone] = React.useState('Europe/Warsaw')\n\n<ScheduleToolbar\n  view={view}\n  range={range}\n  timezone={timezone}\n  onViewChange={setView}\n  onRangeChange={setRange}\n  onTimezoneChange={setTimezone}\n/>`,\n    },\n    {\n      id: 'month-range',\n      title: 'Month range',\n      render: () => <DemoScheduleToolbar initialView=\"month\" />,\n      code: `import { ScheduleToolbar, type ScheduleRange, type ScheduleViewMode } from '@open-mercato/ui/backend/schedule'\n\nconst [view, setView] = React.useState<ScheduleViewMode>('month')\nconst [range, setRange] = React.useState<ScheduleRange>({\n  start: new Date(2026, 5, 1),\n  end: new Date(2026, 5, 30, 23, 59, 59, 999),\n})\n\n<ScheduleToolbar view={view} range={range} onViewChange={setView} onRangeChange={setRange} />`,\n    },\n  ],\n}\n\nconst scheduleGridEntry: GalleryEntry = {\n  id: 'schedule-grid',\n  title: 'ScheduleGrid',\n  importPath: '@open-mercato/ui/backend/schedule',\n  variants: [\n    {\n      id: 'three-day-board',\n      title: 'Three-day board',\n      render: () => (\n        <ScheduleGrid\n          items={sampleItems}\n          range={boardRange}\n          timezone=\"Europe/Warsaw\"\n          onItemClick={() => {}}\n          onSlotClick={() => {}}\n          className=\"w-full\"\n        />\n      ),\n      code: `import { ScheduleGrid, type ScheduleItem } from '@open-mercato/ui/backend/schedule'\n\n<ScheduleGrid\n  items={items /* ScheduleItem[] */}\n  range={{ start: new Date(2026, 5, 8), end: new Date(2026, 5, 10, 23, 59, 59, 999) }}\n  timezone=\"Europe/Warsaw\"\n  onItemClick={(item) => openItem(item)}\n  onSlotClick={(slot) => createDraft(slot)}\n/>`,\n    },\n    {\n      id: 'read-only-empty',\n      title: 'Read-only empty day',\n      render: () => <ScheduleGrid items={[]} range={emptyDayRange} className=\"w-full\" />,\n      code: `import { ScheduleGrid } from '@open-mercato/ui/backend/schedule'\n\n<ScheduleGrid\n  items={[]}\n  range={{ start: new Date(2026, 5, 11), end: new Date(2026, 5, 11, 23, 59, 59, 999) }}\n/>`,\n    },\n  ],\n}\n\nconst scheduleAgendaEntry: GalleryEntry = {\n  id: 'schedule-agenda',\n  title: 'ScheduleAgenda',\n  importPath: '@open-mercato/ui/backend/schedule',\n  variants: [\n    {\n      id: 'two-days',\n      title: 'Two days with statuses',\n      render: () => (\n        <ScheduleAgenda\n          items={sampleItems}\n          range={agendaRange}\n          timezone=\"Europe/Warsaw\"\n          onItemClick={() => {}}\n          onSlotClick={() => {}}\n          className=\"w-full\"\n        />\n      ),\n      code: `import { ScheduleAgenda, type ScheduleItem } from '@open-mercato/ui/backend/schedule'\n\n<ScheduleAgenda\n  items={items /* ScheduleItem[] */}\n  range={{ start: new Date(2026, 5, 8), end: new Date(2026, 5, 9, 23, 59, 59, 999) }}\n  timezone=\"Europe/Warsaw\"\n  onItemClick={(item) => openItem(item)}\n  onSlotClick={(slot) => createDraft(slot)}\n/>`,\n    },\n    {\n      id: 'read-only-day',\n      title: 'Read-only day (draft item)',\n      render: () => (\n        <ScheduleAgenda items={sampleItems} range={draftDayRange} className=\"w-full\" />\n      ),\n      code: `import { ScheduleAgenda } from '@open-mercato/ui/backend/schedule'\n\n<ScheduleAgenda\n  items={items}\n  range={{ start: new Date(2026, 5, 12), end: new Date(2026, 5, 12, 23, 59, 59, 999) }}\n/>`,\n    },\n  ],\n}\n\nexport const entries: GalleryEntry[] = [\n  scheduleViewEntry,\n  scheduleToolbarEntry,\n  scheduleGridEntry,\n  scheduleAgendaEntry,\n]\n"],
+  "mappings": "AAkGI;AAlGJ,YAAY,WAAW;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AAUP,MAAM,YAA2B;AAAA,EAC/B,OAAO,IAAI,KAAK,MAAM,GAAG,CAAC;AAAA,EAC1B,KAAK,IAAI,KAAK,MAAM,GAAG,IAAI,IAAI,IAAI,IAAI,GAAG;AAC5C;AACA,MAAM,aAA4B;AAAA,EAChC,OAAO,IAAI,KAAK,MAAM,GAAG,CAAC;AAAA,EAC1B,KAAK,IAAI,KAAK,MAAM,GAAG,IAAI,IAAI,IAAI,IAAI,GAAG;AAC5C;AACA,MAAM,aAA4B;AAAA,EAChC,OAAO,IAAI,KAAK,MAAM,GAAG,CAAC;AAAA,EAC1B,KAAK,IAAI,KAAK,MAAM,GAAG,IAAI,IAAI,IAAI,IAAI,GAAG;AAC5C;AACA,MAAM,gBAA+B;AAAA,EACnC,OAAO,IAAI,KAAK,MAAM,GAAG,EAAE;AAAA,EAC3B,KAAK,IAAI,KAAK,MAAM,GAAG,IAAI,IAAI,IAAI,IAAI,GAAG;AAC5C;AACA,MAAM,cAA6B;AAAA,EACjC,OAAO,IAAI,KAAK,MAAM,GAAG,CAAC;AAAA,EAC1B,KAAK,IAAI,KAAK,MAAM,GAAG,GAAG,IAAI,IAAI,IAAI,GAAG;AAC3C;AACA,MAAM,gBAA+B;AAAA,EACnC,OAAO,IAAI,KAAK,MAAM,GAAG,EAAE;AAAA,EAC3B,KAAK,IAAI,KAAK,MAAM,GAAG,IAAI,IAAI,IAAI,IAAI,GAAG;AAC5C;AAEA,MAAM,cAA8B;AAAA,EAClC;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU,IAAI,KAAK,MAAM,GAAG,GAAG,GAAG,CAAC;AAAA,IACnC,QAAQ,IAAI,KAAK,MAAM,GAAG,GAAG,IAAI,CAAC;AAAA,IAClC,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,WAAW;AAAA,EACb;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU,IAAI,KAAK,MAAM,GAAG,GAAG,IAAI,CAAC;AAAA,IACpC,QAAQ,IAAI,KAAK,MAAM,GAAG,GAAG,IAAI,CAAC;AAAA,IAClC,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU,IAAI,KAAK,MAAM,GAAG,GAAG,IAAI,CAAC;AAAA,IACpC,QAAQ,IAAI,KAAK,MAAM,GAAG,GAAG,IAAI,EAAE;AAAA,IACnC,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU,IAAI,KAAK,MAAM,GAAG,IAAI,GAAG,CAAC;AAAA,IACpC,QAAQ,IAAI,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;AAAA,IACpC,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU,IAAI,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC;AAAA,IACrC,QAAQ,IAAI,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC;AAAA,IACnC,QAAQ;AAAA,EACV;AACF;AAEA,SAAS,gBAAgB,MAAuC;AAC9D,SAAO,SAAS,UAAU,aAAa;AACzC;AAEA,SAAS,iBAAiB,EAAE,YAAY,GAAsC;AAC5E,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAA2B,WAAW;AACpE,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAwB,gBAAgB,WAAW,CAAC;AACpF,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,eAAe;AAC9D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,eAAe;AAAA,MACf,kBAAkB;AAAA,MAClB,WAAU;AAAA;AAAA,EACZ;AAEJ;AAEA,SAAS,oBAAoB,EAAE,YAAY,GAAsC;AAC/E,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAA2B,WAAW;AACpE,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAwB,gBAAgB,WAAW,CAAC;AACpF,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,eAAe;AAC9D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,eAAe;AAAA,MACf,kBAAkB;AAAA,MAClB,WAAU;AAAA;AAAA,EACZ;AAEJ;AAEA,MAAM,oBAAkC;AAAA,EACtC,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,UAAU;AAAA,IACR;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MAAM,oBAAC,oBAAiB,aAAY,QAAO;AAAA,MACnD,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAgBR;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MAAM,oBAAC,oBAAiB,aAAY,SAAQ;AAAA,MACpD,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASR;AAAA,EACF;AACF;AAEA,MAAM,uBAAqC;AAAA,EACzC,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,UAAU;AAAA,IACR;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MAAM,oBAAC,uBAAoB,aAAY,QAAO;AAAA,MACtD,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAiBR;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MAAM,oBAAC,uBAAoB,aAAY,SAAQ;AAAA,MACvD,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASR;AAAA,EACF;AACF;AAEA,MAAM,oBAAkC;AAAA,EACtC,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,UAAU;AAAA,IACR;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MACN;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,OAAO;AAAA,UACP,UAAS;AAAA,UACT,aAAa,MAAM;AAAA,UAAC;AAAA,UACpB,aAAa,MAAM;AAAA,UAAC;AAAA,UACpB,WAAU;AAAA;AAAA,MACZ;AAAA,MAEF,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASR;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MAAM,oBAAC,gBAAa,OAAO,CAAC,GAAG,OAAO,eAAe,WAAU,UAAS;AAAA,MAChF,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMR;AAAA,EACF;AACF;AAEA,MAAM,sBAAoC;AAAA,EACxC,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,UAAU;AAAA,IACR;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MACN;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,OAAO;AAAA,UACP,UAAS;AAAA,UACT,aAAa,MAAM;AAAA,UAAC;AAAA,UACpB,aAAa,MAAM;AAAA,UAAC;AAAA,UACpB,WAAU;AAAA;AAAA,MACZ;AAAA,MAEF,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASR;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MACN,oBAAC,kBAAe,OAAO,aAAa,OAAO,eAAe,WAAU,UAAS;AAAA,MAE/E,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMR;AAAA,EACF;AACF;AAEO,MAAM,UAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
+  "names": []
+}

package/dist/modules/design_system/gallery/registry.js

@@ -0,0 +1,139 @@
+import * as React from "react";
+import {
+  Palette,
+  Shapes,
+  MousePointerClick,
+  TextCursorInput,
+  CalendarDays,
+  BellRing,
+  Layers,
+  Compass,
+  Table2,
+  BarChart3,
+  Filter,
+  PanelsTopLeft,
+  LayoutTemplate,
+  Megaphone,
+  Bell,
+  CalendarClock,
+  Mail
+} from "lucide-react";
+const familyIcon = (Icon) => React.createElement(Icon, { className: "size-4", "aria-hidden": true });
+const DS_FIGMA_FILE = "qCq9z6q1if0mpoRstV5OEA";
+const DS_DOCS_URL = "https://github.com/open-mercato/open-mercato/blob/main/.ai/ui-components.md";
+const GALLERY_BASE_PATH = "/backend/design-system";
+function figmaNodeUrl(nodeId) {
+  return `https://www.figma.com/design/${DS_FIGMA_FILE}/?node-id=${nodeId.replace(":", "-")}`;
+}
+const galleryFamilies = [
+  {
+    id: "foundations",
+    labelKey: "design_system.families.foundations",
+    icon: familyIcon(Palette),
+    load: () => import("./entries/foundations.js")
+  },
+  {
+    id: "icons",
+    labelKey: "design_system.families.icons",
+    icon: familyIcon(Shapes),
+    load: () => import("./entries/icons.js")
+  },
+  {
+    id: "buttons",
+    labelKey: "design_system.families.buttons",
+    icon: familyIcon(MousePointerClick),
+    load: () => import("./entries/buttons.js")
+  },
+  {
+    id: "inputs",
+    labelKey: "design_system.families.inputs",
+    icon: familyIcon(TextCursorInput),
+    load: () => import("./entries/inputs.js")
+  },
+  {
+    id: "dates",
+    labelKey: "design_system.families.dates",
+    icon: familyIcon(CalendarDays),
+    load: () => import("./entries/dates.js")
+  },
+  {
+    id: "feedback",
+    labelKey: "design_system.families.feedback",
+    icon: familyIcon(BellRing),
+    load: () => import("./entries/feedback.js")
+  },
+  {
+    id: "overlays",
+    labelKey: "design_system.families.overlays",
+    icon: familyIcon(Layers),
+    load: () => import("./entries/overlays.js")
+  },
+  {
+    id: "navigation",
+    labelKey: "design_system.families.navigation",
+    icon: familyIcon(Compass),
+    load: () => import("./entries/navigation.js")
+  },
+  {
+    id: "display",
+    labelKey: "design_system.families.display",
+    icon: familyIcon(Table2),
+    load: () => import("./entries/display.js")
+  },
+  {
+    id: "charts",
+    labelKey: "design_system.families.charts",
+    icon: familyIcon(BarChart3),
+    load: () => import("./entries/charts.js")
+  },
+  {
+    id: "filters",
+    labelKey: "design_system.families.filters",
+    icon: familyIcon(Filter),
+    load: () => import("./entries/filters.js")
+  },
+  {
+    id: "detail",
+    labelKey: "design_system.families.detail",
+    icon: familyIcon(PanelsTopLeft),
+    load: () => import("./entries/detail.js")
+  },
+  {
+    id: "scaffolding",
+    labelKey: "design_system.families.scaffolding",
+    icon: familyIcon(LayoutTemplate),
+    load: () => import("./entries/scaffolding.js")
+  },
+  {
+    id: "banners",
+    labelKey: "design_system.families.banners",
+    icon: familyIcon(Megaphone),
+    load: () => import("./entries/banners.js")
+  },
+  {
+    id: "notifications",
+    labelKey: "design_system.families.notifications",
+    icon: familyIcon(Bell),
+    load: () => import("./entries/notifications.js")
+  },
+  {
+    id: "schedule",
+    labelKey: "design_system.families.schedule",
+    icon: familyIcon(CalendarClock),
+    load: () => import("./entries/schedule.js")
+  },
+  {
+    id: "messages",
+    labelKey: "design_system.families.messages",
+    icon: familyIcon(Mail),
+    load: () => import("./entries/messages.js")
+  }
+];
+export {
+  DS_DOCS_URL,
+  DS_FIGMA_FILE,
+  GALLERY_BASE_PATH,
+  figmaNodeUrl,
+  galleryFamilies
+};
+//# sourceMappingURL=registry.js.map

package/dist/modules/design_system/gallery/registry.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/design_system/gallery/registry.ts"],
+  "sourcesContent": ["import * as React from 'react'\nimport {\n  Palette,\n  Shapes,\n  MousePointerClick,\n  TextCursorInput,\n  CalendarDays,\n  BellRing,\n  Layers,\n  Compass,\n  Table2,\n  BarChart3,\n  Filter,\n  PanelsTopLeft,\n  LayoutTemplate,\n  Megaphone,\n  Bell,\n  CalendarClock,\n  Mail,\n} from 'lucide-react'\nimport type { GalleryFamily } from './types'\n\nconst familyIcon = (Icon: typeof Palette) => React.createElement(Icon, { className: 'size-4', 'aria-hidden': true })\n\n/** The DS Figma file id \u2014 every `figmaNodeId` in gallery entries points into this file. */\nexport const DS_FIGMA_FILE = 'qCq9z6q1if0mpoRstV5OEA'\n\n/** Base of the deep links into the monorepo DS docs (`.ai/ui-components.md`). */\nexport const DS_DOCS_URL = 'https://github.com/open-mercato/open-mercato/blob/main/.ai/ui-components.md'\n\n/** Route of the gallery backend page; used for section-nav hrefs and deep links. */\nexport const GALLERY_BASE_PATH = '/backend/design-system'\n\n/** Builds a Figma deep link for a `nodeId` in `<page>:<node>` format. */\nexport function figmaNodeUrl(nodeId: string): string {\n  return `https://www.figma.com/design/${DS_FIGMA_FILE}/?node-id=${nodeId.replace(':', '-')}`\n}\n\n/**\n * Family manifest. Each family's entries live in `entries/<family>.tsx` and are\n * loaded lazily via a dynamic import so a family's primitives (and their\n * dependencies) only load when its section is opened.\n *\n * Adding a family: add the manifest row here and create `entries/<id>.tsx`\n * exporting `entries: GalleryEntry[]`. The coverage-guard test\n * (`__tests__/gallery-coverage.test.ts`) will tell you which primitives the\n * new file must cover.\n */\nexport const galleryFamilies: GalleryFamily[] = [\n  {\n    id: 'foundations',\n    labelKey: 'design_system.families.foundations',\n    icon: familyIcon(Palette),\n    load: () => import('./entries/foundations'),\n  },\n  {\n    id: 'icons',\n    labelKey: 'design_system.families.icons',\n    icon: familyIcon(Shapes),\n    load: () => import('./entries/icons'),\n  },\n  {\n    id: 'buttons',\n    labelKey: 'design_system.families.buttons',\n    icon: familyIcon(MousePointerClick),\n    load: () => import('./entries/buttons'),\n  },\n  {\n    id: 'inputs',\n    labelKey: 'design_system.families.inputs',\n    icon: familyIcon(TextCursorInput),\n    load: () => import('./entries/inputs'),\n  },\n  {\n    id: 'dates',\n    labelKey: 'design_system.families.dates',\n    icon: familyIcon(CalendarDays),\n    load: () => import('./entries/dates'),\n  },\n  {\n    id: 'feedback',\n    labelKey: 'design_system.families.feedback',\n    icon: familyIcon(BellRing),\n    load: () => import('./entries/feedback'),\n  },\n  {\n    id: 'overlays',\n    labelKey: 'design_system.families.overlays',\n    icon: familyIcon(Layers),\n    load: () => import('./entries/overlays'),\n  },\n  {\n    id: 'navigation',\n    labelKey: 'design_system.families.navigation',\n    icon: familyIcon(Compass),\n    load: () => import('./entries/navigation'),\n  },\n  {\n    id: 'display',\n    labelKey: 'design_system.families.display',\n    icon: familyIcon(Table2),\n    load: () => import('./entries/display'),\n  },\n  {\n    id: 'charts',\n    labelKey: 'design_system.families.charts',\n    icon: familyIcon(BarChart3),\n    load: () => import('./entries/charts'),\n  },\n  {\n    id: 'filters',\n    labelKey: 'design_system.families.filters',\n    icon: familyIcon(Filter),\n    load: () => import('./entries/filters'),\n  },\n  {\n    id: 'detail',\n    labelKey: 'design_system.families.detail',\n    icon: familyIcon(PanelsTopLeft),\n    load: () => import('./entries/detail'),\n  },\n  {\n    id: 'scaffolding',\n    labelKey: 'design_system.families.scaffolding',\n    icon: familyIcon(LayoutTemplate),\n    load: () => import('./entries/scaffolding'),\n  },\n  {\n    id: 'banners',\n    labelKey: 'design_system.families.banners',\n    icon: familyIcon(Megaphone),\n    load: () => import('./entries/banners'),\n  },\n  {\n    id: 'notifications',\n    labelKey: 'design_system.families.notifications',\n    icon: familyIcon(Bell),\n    load: () => import('./entries/notifications'),\n  },\n  {\n    id: 'schedule',\n    labelKey: 'design_system.families.schedule',\n    icon: familyIcon(CalendarClock),\n    load: () => import('./entries/schedule'),\n  },\n  {\n    id: 'messages',\n    labelKey: 'design_system.families.messages',\n    icon: familyIcon(Mail),\n    load: () => import('./entries/messages'),\n  },\n]\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/design_system/gallery/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/modules/design_system/gallery/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/modules/design_system/index.js

@@ -0,0 +1,9 @@
+const metadata = {
+  name: "design_system",
+  title: "Design system gallery",
+  description: "Live, in-app component gallery for the Open Mercato design system."
+};
+export {
+  metadata
+};
+//# sourceMappingURL=index.js.map

package/dist/modules/design_system/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/modules/design_system/index.ts"],
+  "sourcesContent": ["import type { ModuleInfo } from '@open-mercato/shared/modules/registry'\n\nexport const metadata: ModuleInfo = {\n  name: 'design_system',\n  title: 'Design system gallery',\n  description: 'Live, in-app component gallery for the Open Mercato design system.',\n}\n"],
+  "mappings": "AAEO,MAAM,WAAuB;AAAA,EAClC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aAAa;AACf;",
+  "names": []
+}

package/dist/modules/design_system/setup.js

@@ -0,0 +1,14 @@
+const setup = {
+  defaultRoleFeatures: {
+    // View-only module: the gallery reads no tenant data, so the grant is safe
+    // to hand out broadly. Superadmin is covered by wildcard grants.
+    admin: ["design_system.view"],
+    employee: ["design_system.view"]
+  }
+};
+var setup_default = setup;
+export {
+  setup_default as default,
+  setup
+};
+//# sourceMappingURL=setup.js.map

package/dist/modules/design_system/setup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/modules/design_system/setup.ts"],
+  "sourcesContent": ["import type { ModuleSetupConfig } from '@open-mercato/shared/modules/setup'\n\nexport const setup: ModuleSetupConfig = {\n  defaultRoleFeatures: {\n    // View-only module: the gallery reads no tenant data, so the grant is safe\n    // to hand out broadly. Superadmin is covered by wildcard grants.\n    admin: ['design_system.view'],\n    employee: ['design_system.view'],\n  },\n}\n\nexport default setup\n"],
+  "mappings": "AAEO,MAAM,QAA2B;AAAA,EACtC,qBAAqB;AAAA;AAAA;AAAA,IAGnB,OAAO,CAAC,oBAAoB;AAAA,IAC5B,UAAU,CAAC,oBAAoB;AAAA,EACjC;AACF;AAEA,IAAO,gBAAQ;",
+  "names": []
+}

package/dist/modules/dictionaries/api/[dictionaryId]/entries/route.js

@@ -3,7 +3,11 @@ import { z } from "zod";
 import { runWithCacheTenant } from "@open-mercato/cache";
 import { Dictionary, DictionaryEntry } from "@open-mercato/core/modules/dictionaries/data/entities";
 import { resolveDictionariesRouteContext, resolveDictionaryActorId } from "@open-mercato/core/modules/dictionaries/api/context";
-import { createDictionaryEntrySchema } from "@open-mercato/core/modules/dictionaries/data/validators";
+import {
+  createDictionaryEntrySchema,
+  listDictionaryEntriesQuerySchema,
+  DICTIONARY_ENTRIES_MAX_LIMIT
+} from "@open-mercato/core/modules/dictionaries/data/validators";
 import { CrudHttpError, isCrudHttpError } from "@open-mercato/shared/lib/crud/errors";
 import {
   runCrudMutationGuardAfterSuccess,
@@ -12,6 +16,7 @@ import {
 import { serializeOperationMetadata } from "@open-mercato/shared/lib/commands/operationMetadata";
 import {
   createDictionaryEntrySchema as createEntryDocSchema,
+  dictionaryEntriesQuerySchema,
   dictionaryEntryListResponseSchema,
   dictionaryEntryResponseSchema,
   dictionaryIdParamsSchema,
@@ -36,7 +41,7 @@ const DICTIONARY_ENTRY_RESOURCE = "dictionaries.entry";
 const DICTIONARY_DEFINITION_RESOURCE = "dictionaries.dictionary";
 const DICTIONARY_ENTRIES_TTL_MS = 5 * 6e4;
 function buildEntriesCacheKey(params) {
-  return `dictionaries:entries:${params.dictionaryId}:org=${params.organizationId ?? "null"}:sort=${params.sortMode}`;
+  return `dictionaries:entries:${params.dictionaryId}:org=${params.organizationId ?? "null"}:sort=${params.sortMode}:limit=${params.limit}:offset=${params.offset}`;
 }
 async function loadDictionary(context, id, options = {}) {
   const { allowInherited = false } = options;
@@ -72,27 +77,35 @@ async function GET(req, ctx) {
       return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
     }
     const { dictionaryId } = paramsSchema.parse({ dictionaryId: ctx.params?.dictionaryId });
+    const requestUrl = new URL(req.url);
+    const { limit, offset } = listDictionaryEntriesQuerySchema.parse({
+      limit: requestUrl.searchParams.get("limit") ?? void 0,
+      offset: requestUrl.searchParams.get("offset") ?? void 0
+    });
     const dictionary = await loadDictionary(context, dictionaryId, { allowInherited: true });
     const dictionaryTenantId = dictionary.tenantId;
     const dictionaryOrgId = dictionary.organizationId ?? null;
     const sortMode = resolveDictionaryEntrySortMode(dictionary.entrySortMode);
-    const cache = isCrudCacheEnabled() ? resolveCrudCache(context.container) : null;
-    const cacheKey = cache ? buildEntriesCacheKey({ dictionaryId, organizationId: dictionaryOrgId, sortMode }) : null;
+    const isDefaultPage = limit === DICTIONARY_ENTRIES_MAX_LIMIT && offset === 0;
+    const cache = isCrudCacheEnabled() && isDefaultPage ? resolveCrudCache(context.container) : null;
+    const cacheKey = cache ? buildEntriesCacheKey({ dictionaryId, organizationId: dictionaryOrgId, sortMode, limit, offset }) : null;
     if (cache && cacheKey) {
       const cached = await runWithCacheTenant(dictionaryTenantId, () => cache.get(cacheKey));
       if (cached) {
         return NextResponse.json(cached);
       }
     }
+    const entriesFilter = {
+      dictionary,
+      organizationId: dictionary.organizationId,
+      tenantId: dictionary.tenantId
+    };
+    const total = await context.em.count(DictionaryEntry, entriesFilter);
     const entries = await findWithDecryption(
       context.em,
       DictionaryEntry,
-      {
-        dictionary,
-        organizationId: dictionary.organizationId,
-        tenantId: dictionary.tenantId
-      },
-      {},
+      entriesFilter,
+      { orderBy: { position: "asc", id: "asc" }, limit, offset },
       { tenantId: dictionary.tenantId, organizationId: dictionary.organizationId }
     );
     const sortedEntries = sortDictionaryEntries(entries, sortMode);
@@ -107,7 +120,15 @@ async function GET(req, ctx) {
         isDefault: entry.isDefault ?? false,
         createdAt: entry.createdAt,
         updatedAt: entry.updatedAt
-      }))
+      })),
+      total,
+      limit,
+      offset,
+      hasMore: offset + sortedEntries.length < total,
+      // Page membership comes from the database ordering, while the page itself
+      // is ordered in memory. A client assembling several pages has to re-apply
+      // the same comparator, so it needs the mode that produced this ordering.
+      sortMode
     };
     if (cache && cacheKey) {
       try {
@@ -231,8 +252,9 @@ async function POST(req, ctx) {
 }
 const dictionaryEntriesGetDoc = {
   summary: "List dictionary entries",
-  description: "Returns entries for the specified dictionary ordered by its configured entry sort mode.",
+  description: `Returns entries for the specified dictionary ordered by its configured entry sort mode. The number of entries returned per request is capped at ${DICTIONARY_ENTRIES_MAX_LIMIT}; use \`limit\` and \`offset\` with the \`total\`/\`hasMore\` response fields to page through larger dictionaries.`,
   tags: [dictionariesTag],
+  query: dictionaryEntriesQuerySchema,
   responses: [
     { status: 200, description: "Dictionary entries.", schema: dictionaryEntryListResponseSchema }
   ],