@open-mercato/core 0.7.1-develop.7202.1.a52dc6707c → 0.8.0

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

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { Badge } from "@open-mercato/ui/primitives/badge";
 import { Button } from "@open-mercato/ui/primitives/button";
 import {
@@ -9,79 +10,160 @@ import {
   LoadingMessage,
   NotesSection
 } from "@open-mercato/ui/backend/detail";
+function LoadingMessageEntryDefaultPreview() {
+  const t = useT();
+  return /* @__PURE__ */ jsx("div", { className: "w-full max-w-md", children: /* @__PURE__ */ jsx(LoadingMessage, { label: t("design_system.gallery.samples.content.loadingCustomer") }) });
+}
+function ErrorMessageEntryBasicPreview() {
+  const t = useT();
+  return /* @__PURE__ */ jsx("div", { className: "w-full max-w-md", children: /* @__PURE__ */ jsx(ErrorMessage, { label: t("design_system.gallery.samples.content.failedToLoadCustomer") }) });
+}
+function ErrorMessageEntryWithDescriptionActionPreview() {
+  const t = useT();
+  return /* @__PURE__ */ jsx("div", { className: "w-full max-w-md", children: /* @__PURE__ */ jsx(
+    ErrorMessage,
+    {
+      label: t("design_system.gallery.samples.content.failedToLoadAttachments"),
+      description: t("design_system.gallery.samples.content.theStorageServiceDidNotRespondInTime"),
+      action: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", children: t("design_system.gallery.samples.content.retry") })
+    }
+  ) });
+}
+function NotesSectionEntryMockAdapterPreview() {
+  const t = useT();
+  return /* @__PURE__ */ jsx("div", { className: "w-full max-w-2xl", children: /* @__PURE__ */ jsx(
+    NotesSection,
+    {
+      entityId: "person-1",
+      viewerUserId: "user-1",
+      viewerName: "Anna Nowak",
+      emptyLabel: t("design_system.gallery.samples.content.noNotesYet"),
+      addActionLabel: t("design_system.gallery.samples.content.addNote"),
+      emptyState: {
+        title: t("design_system.gallery.samples.content.noNotesYet"),
+        actionLabel: t("design_system.gallery.samples.content.addNote"),
+        description: t("design_system.gallery.samples.content.notesAddedHereAreVisibleToTheWholeTeam")
+      },
+      translator: t,
+      dataAdapter: notesAdapter(t)
+    }
+  ) });
+}
+function AddressesSectionEntryMockAdapterPreview() {
+  const t = useT();
+  return /* @__PURE__ */ jsx("div", { className: "w-full max-w-2xl", children: /* @__PURE__ */ jsx(
+    AddressesSection,
+    {
+      entityId: "person-1",
+      emptyLabel: t("design_system.gallery.samples.content.noAddressesYet"),
+      addActionLabel: t("design_system.gallery.samples.content.addAddress"),
+      emptyState: {
+        title: t("design_system.gallery.samples.content.noAddressesYet"),
+        actionLabel: t("design_system.gallery.samples.content.addAddress")
+      },
+      translator: t,
+      dataAdapter: addressesAdapter(t)
+    }
+  ) });
+}
+function AttachmentsSectionEntryUnsavedRecordPreview() {
+  const t = useT();
+  return /* @__PURE__ */ jsx("div", { className: "w-full max-w-2xl", children: /* @__PURE__ */ jsx(
+    AttachmentsSection,
+    {
+      entityId: "customers:person",
+      recordId: null,
+      title: t("design_system.gallery.samples.content.attachments"),
+      description: t("design_system.gallery.samples.content.filesLinkedToThisRecord")
+    }
+  ) });
+}
+function DetailFieldsSectionEntryFieldGridPreview() {
+  const t = useT();
+  return /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(DetailFieldsSection, { fields: fieldGrid(t) }) });
+}
+function DetailFieldsSectionEntryCustomFieldPreview() {
+  const t = useT();
+  return /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(DetailFieldsSection, { fields: fieldGridWithCustom(t) }) });
+}
 const saveNoop = async () => {
 };
-const fieldGrid = [
+const fieldGrid = (t) => [
   {
     key: "first-name",
     kind: "text",
-    label: "First name",
+    label: t("design_system.gallery.samples.content.firstName"),
     value: "Anna",
-    emptyLabel: "Add first name",
+    emptyLabel: t("design_system.gallery.samples.content.addFirstName"),
     onSave: saveNoop
   },
   {
     key: "phone",
     kind: "text",
-    label: "Phone",
+    label: t("design_system.gallery.samples.content.phone"),
     value: null,
-    emptyLabel: "Add phone",
+    emptyLabel: t("design_system.gallery.samples.content.addPhone"),
     onSave: saveNoop
   },
   {
     key: "status",
     kind: "select",
-    label: "Status",
+    label: t("design_system.gallery.samples.content.status"),
     value: "active",
-    emptyLabel: "Set status",
+    emptyLabel: t("design_system.gallery.samples.content.setStatus"),
     options: [
-      { value: "active", label: "Active" },
-      { value: "inactive", label: "Inactive" }
+      {
+        value: "active",
+        label: t("design_system.gallery.samples.content.active")
+      },
+      {
+        value: "inactive",
+        label: t("design_system.gallery.samples.content.inactive")
+      }
     ],
     onSave: saveNoop
   },
   {
     key: "notes",
     kind: "multiline",
-    label: "Notes",
-    value: "Prefers email contact.",
-    emptyLabel: "Add notes",
+    label: t("design_system.gallery.samples.content.notes"),
+    value: t("design_system.gallery.samples.content.prefersEmailContact"),
+    emptyLabel: t("design_system.gallery.samples.content.addNotes"),
     onSave: saveNoop,
     gridClassName: "sm:col-span-2 md:col-span-3"
   }
 ];
-const fieldGridWithCustom = [
+const fieldGridWithCustom = (t) => [
   {
     key: "email",
     kind: "text",
-    label: "Email",
+    label: t("design_system.gallery.samples.content.email"),
     value: "anna@example.com",
-    emptyLabel: "Add email",
+    emptyLabel: t("design_system.gallery.samples.content.addEmail"),
     onSave: saveNoop
   },
   {
     key: "owner",
     kind: "custom",
-    label: "Owner",
-    emptyLabel: "Unassigned",
+    label: t("design_system.gallery.samples.content.owner"),
+    emptyLabel: t("design_system.gallery.samples.content.unassigned"),
     render: () => /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "Owner" }),
-      /* @__PURE__ */ jsx(Badge, { variant: "muted", children: "Unassigned" })
+      /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: t("design_system.gallery.samples.content.owner") }),
+      /* @__PURE__ */ jsx(Badge, { variant: "muted", children: t("design_system.gallery.samples.content.unassigned") })
     ] })
   }
 ];
-const galleryTranslator = (key, fallback) => fallback ?? key.split(".").pop() ?? key;
-const notesAdapter = {
+const notesAdapter = (t) => ({
   list: async () => [
     {
       id: "note-1",
-      body: "Asked for a revised quote \u2014 follow up on Friday.",
+      body: t("design_system.gallery.samples.content.askedForARevisedQuoteFollowUpOnFriday"),
       createdAt: "2026-07-15T09:30:00.000Z",
       authorName: "Anna Nowak"
     },
     {
       id: "note-2",
-      body: "Prefers email contact over phone.",
+      body: t("design_system.gallery.samples.content.prefersEmailContactOverPhone"),
       createdAt: "2026-07-10T14:05:00.000Z",
       authorName: "Jan Kowalski"
     }
@@ -92,12 +174,12 @@ const notesAdapter = {
   },
   delete: async () => {
   }
-};
-const addressesAdapter = {
+});
+const addressesAdapter = (t) => ({
   list: async () => [
     {
       id: "address-1",
-      name: "Headquarters",
+      name: t("design_system.gallery.samples.content.headquarters"),
       addressLine1: "Prosta 51",
       city: "Warszawa",
       postalCode: "00-838",
@@ -106,7 +188,7 @@ const addressesAdapter = {
     },
     {
       id: "address-2",
-      name: "Warehouse",
+      name: t("design_system.gallery.samples.content.warehouse"),
       addressLine1: "Magazynowa 7",
       city: "Pruszk\xF3w",
       postalCode: "05-800",
@@ -119,7 +201,7 @@ const addressesAdapter = {
   },
   delete: async () => {
   }
-};
+});
 const detailFieldsSectionEntry = {
   id: "detail-fields-section",
   title: "DetailFieldsSection",
@@ -128,7 +210,7 @@ const detailFieldsSectionEntry = {
     {
       id: "field-grid",
       title: "Inline-editable field grid",
-      render: () => /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(DetailFieldsSection, { fields: fieldGrid }) }),
+      render: () => /* @__PURE__ */ jsx(DetailFieldsSectionEntryFieldGridPreview, {}),
       code: `import { DetailFieldsSection, type DetailFieldConfig } from '@open-mercato/ui/backend/detail'
 
 const fields: DetailFieldConfig[] = [
@@ -150,7 +232,7 @@ const fields: DetailFieldConfig[] = [
     {
       id: "custom-field",
       title: "With a custom field cell",
-      render: () => /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(DetailFieldsSection, { fields: fieldGridWithCustom }) }),
+      render: () => /* @__PURE__ */ jsx(DetailFieldsSectionEntryCustomFieldPreview, {}),
       code: `import { DetailFieldsSection, type DetailFieldConfig } from '@open-mercato/ui/backend/detail'
 import { Badge } from '@open-mercato/ui/primitives/badge'
 
@@ -179,7 +261,7 @@ const loadingMessageEntry = {
     {
       id: "default",
       title: "default",
-      render: () => /* @__PURE__ */ jsx("div", { className: "w-full max-w-md", children: /* @__PURE__ */ jsx(LoadingMessage, { label: "Loading customer\u2026" }) }),
+      render: () => /* @__PURE__ */ jsx(LoadingMessageEntryDefaultPreview, {}),
       code: `import { LoadingMessage } from '@open-mercato/ui/backend/detail'
 
 if (isLoading) return <LoadingMessage label={t('customers.people.detail.loading')} />`
@@ -194,7 +276,7 @@ const errorMessageEntry = {
     {
       id: "basic",
       title: "Label only",
-      render: () => /* @__PURE__ */ jsx("div", { className: "w-full max-w-md", children: /* @__PURE__ */ jsx(ErrorMessage, { label: "Failed to load customer." }) }),
+      render: () => /* @__PURE__ */ jsx(ErrorMessageEntryBasicPreview, {}),
       code: `import { ErrorMessage } from '@open-mercato/ui/backend/detail'
 
 if (error) return <ErrorMessage label={error} />`
@@ -202,14 +284,7 @@ if (error) return <ErrorMessage label={error} />`
     {
       id: "with-description-action",
       title: "With description and action",
-      render: () => /* @__PURE__ */ jsx("div", { className: "w-full max-w-md", children: /* @__PURE__ */ jsx(
-        ErrorMessage,
-        {
-          label: "Failed to load attachments.",
-          description: "The storage service did not respond in time.",
-          action: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", children: "Retry" })
-        }
-      ) }),
+      render: () => /* @__PURE__ */ jsx(ErrorMessageEntryWithDescriptionActionPreview, {}),
       code: `import { ErrorMessage } from '@open-mercato/ui/backend/detail'
 import { Button } from '@open-mercato/ui/primitives/button'
 
@@ -229,23 +304,7 @@ const notesSectionEntry = {
     {
       id: "mock-adapter",
       title: "Timeline (inline mock adapter \u2014 no API)",
-      render: () => /* @__PURE__ */ jsx("div", { className: "w-full max-w-2xl", children: /* @__PURE__ */ jsx(
-        NotesSection,
-        {
-          entityId: "person-1",
-          viewerUserId: "user-1",
-          viewerName: "Anna Nowak",
-          emptyLabel: "No notes yet",
-          addActionLabel: "Add note",
-          emptyState: {
-            title: "No notes yet",
-            actionLabel: "Add note",
-            description: "Notes added here are visible to the whole team."
-          },
-          translator: galleryTranslator,
-          dataAdapter: notesAdapter
-        }
-      ) }),
+      render: () => /* @__PURE__ */ jsx(NotesSectionEntryMockAdapterPreview, {}),
       code: `import { NotesSection, type NotesDataAdapter } from '@open-mercato/ui/backend/detail'
 
 // Implement the adapter against your module's API (apiCall) \u2014 never fork the section.
@@ -280,17 +339,7 @@ const addressesSectionEntry = {
     {
       id: "mock-adapter",
       title: "Address tiles (inline mock adapter \u2014 no API)",
-      render: () => /* @__PURE__ */ jsx("div", { className: "w-full max-w-2xl", children: /* @__PURE__ */ jsx(
-        AddressesSection,
-        {
-          entityId: "person-1",
-          emptyLabel: "No addresses yet",
-          addActionLabel: "Add address",
-          emptyState: { title: "No addresses yet", actionLabel: "Add address" },
-          translator: galleryTranslator,
-          dataAdapter: addressesAdapter
-        }
-      ) }),
+      render: () => /* @__PURE__ */ jsx(AddressesSectionEntryMockAdapterPreview, {}),
       code: `import { AddressesSection, type AddressDataAdapter } from '@open-mercato/ui/backend/detail'
 
 const addressesAdapter: AddressDataAdapter = {
@@ -322,15 +371,7 @@ const attachmentsSectionEntry = {
     {
       id: "unsaved-record",
       title: "Unsaved record (recordId null \u2014 API fetch disabled)",
-      render: () => /* @__PURE__ */ jsx("div", { className: "w-full max-w-2xl", children: /* @__PURE__ */ jsx(
-        AttachmentsSection,
-        {
-          entityId: "customers:person",
-          recordId: null,
-          title: "Attachments",
-          description: "Files linked to this record."
-        }
-      ) }),
+      render: () => /* @__PURE__ */ jsx(AttachmentsSectionEntryUnsavedRecordPreview, {}),
       code: `import { AttachmentsSection } from '@open-mercato/ui/backend/detail'
 
 // Fetches /api/attachments internally once recordId is set;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/design_system/gallery/entries/detail.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  AddressesSection,\n  AttachmentsSection,\n  DetailFieldsSection,\n  ErrorMessage,\n  LoadingMessage,\n  NotesSection,\n  type AddressDataAdapter,\n  type DetailFieldConfig,\n  type NotesSectionProps,\n} from '@open-mercato/ui/backend/detail'\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// Data-backed sections (Notes/Addresses) take adapter objects \u2014 the demos pass\n// inline in-memory adapters, so previews never touch an API. AttachmentsSection\n// fetches through `apiCall` internally and cannot take an adapter; it is shown\n// in its `recordId={null}` state, where fetching is disabled by design.\n\nconst saveNoop = async () => {}\n\nconst fieldGrid: DetailFieldConfig[] = [\n  {\n    key: 'first-name',\n    kind: 'text',\n    label: 'First name',\n    value: 'Anna',\n    emptyLabel: 'Add first name',\n    onSave: saveNoop,\n  },\n  {\n    key: 'phone',\n    kind: 'text',\n    label: 'Phone',\n    value: null,\n    emptyLabel: 'Add phone',\n    onSave: saveNoop,\n  },\n  {\n    key: 'status',\n    kind: 'select',\n    label: 'Status',\n    value: 'active',\n    emptyLabel: 'Set status',\n    options: [\n      { value: 'active', label: 'Active' },\n      { value: 'inactive', label: 'Inactive' },\n    ],\n    onSave: saveNoop,\n  },\n  {\n    key: 'notes',\n    kind: 'multiline',\n    label: 'Notes',\n    value: 'Prefers email contact.',\n    emptyLabel: 'Add notes',\n    onSave: saveNoop,\n    gridClassName: 'sm:col-span-2 md:col-span-3',\n  },\n]\n\nconst fieldGridWithCustom: DetailFieldConfig[] = [\n  {\n    key: 'email',\n    kind: 'text',\n    label: 'Email',\n    value: 'anna@example.com',\n    emptyLabel: 'Add email',\n    onSave: saveNoop,\n  },\n  {\n    key: 'owner',\n    kind: 'custom',\n    label: 'Owner',\n    emptyLabel: 'Unassigned',\n    render: () => (\n      <div className=\"space-y-1\">\n        <div className=\"text-xs text-muted-foreground\">Owner</div>\n        <Badge variant=\"muted\">Unassigned</Badge>\n      </div>\n    ),\n  },\n]\n\n// Sections resolve their labels through an app translator in real pages; the\n// gallery translator just surfaces each key's fallback (or last segment).\nconst galleryTranslator = (key: string, fallback?: string) =>\n  fallback ?? key.split('.').pop() ?? key\n\nconst notesAdapter: NotesSectionProps['dataAdapter'] = {\n  list: async () => [\n    {\n      id: 'note-1',\n      body: 'Asked for a revised quote \u2014 follow up on Friday.',\n      createdAt: '2026-07-15T09:30:00.000Z',\n      authorName: 'Anna Nowak',\n    },\n    {\n      id: 'note-2',\n      body: 'Prefers email contact over phone.',\n      createdAt: '2026-07-10T14:05:00.000Z',\n      authorName: 'Jan Kowalski',\n    },\n  ],\n  create: async () => {},\n  update: async () => {},\n  delete: async () => {},\n}\n\nconst addressesAdapter: AddressDataAdapter = {\n  list: async () => [\n    {\n      id: 'address-1',\n      name: 'Headquarters',\n      addressLine1: 'Prosta 51',\n      city: 'Warszawa',\n      postalCode: '00-838',\n      country: 'PL',\n      isPrimary: true,\n    },\n    {\n      id: 'address-2',\n      name: 'Warehouse',\n      addressLine1: 'Magazynowa 7',\n      city: 'Pruszk\u00F3w',\n      postalCode: '05-800',\n      country: 'PL',\n    },\n  ],\n  create: async () => {},\n  update: async () => {},\n  delete: async () => {},\n}\n\nconst detailFieldsSectionEntry: GalleryEntry = {\n  id: 'detail-fields-section',\n  title: 'DetailFieldsSection',\n  importPath: '@open-mercato/ui/backend/detail',\n  variants: [\n    {\n      id: 'field-grid',\n      title: 'Inline-editable field grid',\n      render: () => (\n        <div className=\"w-full\">\n          <DetailFieldsSection fields={fieldGrid} />\n        </div>\n      ),\n      code: `import { DetailFieldsSection, type DetailFieldConfig } from '@open-mercato/ui/backend/detail'\n\nconst fields: DetailFieldConfig[] = [\n  { key: 'first-name', kind: 'text', label: 'First name', value: person.firstName, emptyLabel: 'Add first name', onSave: saveFirstName },\n  { key: 'phone', kind: 'text', label: 'Phone', value: person.phone, emptyLabel: 'Add phone', onSave: savePhone },\n  {\n    key: 'status', kind: 'select', label: 'Status', value: person.status, emptyLabel: 'Set status',\n    options: [{ value: 'active', label: 'Active' }, { value: 'inactive', label: 'Inactive' }],\n    onSave: saveStatus,\n  },\n  {\n    key: 'notes', kind: 'multiline', label: 'Notes', value: person.notes, emptyLabel: 'Add notes',\n    onSave: saveNotes, gridClassName: 'sm:col-span-2 md:col-span-3',\n  },\n]\n\n<DetailFieldsSection fields={fields} />`,\n    },\n    {\n      id: 'custom-field',\n      title: 'With a custom field cell',\n      render: () => (\n        <div className=\"w-full\">\n          <DetailFieldsSection fields={fieldGridWithCustom} />\n        </div>\n      ),\n      code: `import { DetailFieldsSection, type DetailFieldConfig } from '@open-mercato/ui/backend/detail'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\n\nconst fields: DetailFieldConfig[] = [\n  { key: 'email', kind: 'text', label: 'Email', value: person.email, emptyLabel: 'Add email', onSave: saveEmail },\n  {\n    key: 'owner', kind: 'custom', label: 'Owner', emptyLabel: 'Unassigned',\n    render: () => (\n      <div className=\"space-y-1\">\n        <div className=\"text-xs text-muted-foreground\">Owner</div>\n        <Badge variant=\"muted\">Unassigned</Badge>\n      </div>\n    ),\n  },\n]\n\n<DetailFieldsSection fields={fields} />`,\n    },\n  ],\n}\n\nconst loadingMessageEntry: GalleryEntry = {\n  id: 'loading-message',\n  title: 'LoadingMessage',\n  importPath: '@open-mercato/ui/backend/detail',\n  variants: [\n    {\n      id: 'default',\n      title: 'default',\n      render: () => (\n        <div className=\"w-full max-w-md\">\n          <LoadingMessage label=\"Loading customer\u2026\" />\n        </div>\n      ),\n      code: `import { LoadingMessage } from '@open-mercato/ui/backend/detail'\n\nif (isLoading) return <LoadingMessage label={t('customers.people.detail.loading')} />`,\n    },\n  ],\n}\n\nconst errorMessageEntry: GalleryEntry = {\n  id: 'error-message',\n  title: 'ErrorMessage',\n  importPath: '@open-mercato/ui/backend/detail',\n  variants: [\n    {\n      id: 'basic',\n      title: 'Label only',\n      render: () => (\n        <div className=\"w-full max-w-md\">\n          <ErrorMessage label=\"Failed to load customer.\" />\n        </div>\n      ),\n      code: `import { ErrorMessage } from '@open-mercato/ui/backend/detail'\n\nif (error) return <ErrorMessage label={error} />`,\n    },\n    {\n      id: 'with-description-action',\n      title: 'With description and action',\n      render: () => (\n        <div className=\"w-full max-w-md\">\n          <ErrorMessage\n            label=\"Failed to load attachments.\"\n            description=\"The storage service did not respond in time.\"\n            action={\n              <Button variant=\"outline\" size=\"sm\">\n                Retry\n              </Button>\n            }\n          />\n        </div>\n      ),\n      code: `import { ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { Button } from '@open-mercato/ui/primitives/button'\n\n<ErrorMessage\n  label=\"Failed to load attachments.\"\n  description=\"The storage service did not respond in time.\"\n  action={<Button variant=\"outline\" size=\"sm\" onClick={retry}>Retry</Button>}\n/>`,\n    },\n  ],\n}\n\nconst notesSectionEntry: GalleryEntry = {\n  id: 'notes-section',\n  title: 'NotesSection',\n  importPath: '@open-mercato/ui/backend/detail',\n  variants: [\n    {\n      id: 'mock-adapter',\n      title: 'Timeline (inline mock adapter \u2014 no API)',\n      render: () => (\n        <div className=\"w-full max-w-2xl\">\n          <NotesSection\n            entityId=\"person-1\"\n            viewerUserId=\"user-1\"\n            viewerName=\"Anna Nowak\"\n            emptyLabel=\"No notes yet\"\n            addActionLabel=\"Add note\"\n            emptyState={{\n              title: 'No notes yet',\n              actionLabel: 'Add note',\n              description: 'Notes added here are visible to the whole team.',\n            }}\n            translator={galleryTranslator}\n            dataAdapter={notesAdapter}\n          />\n        </div>\n      ),\n      code: `import { NotesSection, type NotesDataAdapter } from '@open-mercato/ui/backend/detail'\n\n// Implement the adapter against your module's API (apiCall) \u2014 never fork the section.\nconst notesAdapter: NotesDataAdapter = {\n  list: async ({ entityId }) => fetchNotes(entityId),\n  create: async ({ entityId, body }) => createNote(entityId, body),\n  update: async ({ id, patch }) => updateNote(id, patch),\n  delete: async ({ id }) => deleteNote(id),\n}\n\n<NotesSection\n  entityId={personId}\n  viewerUserId={viewer.id}\n  viewerName={viewer.name}\n  emptyLabel={t('design_system.gallery.samples.notes.empty')}\n  addActionLabel={t('design_system.gallery.samples.notes.add')}\n  emptyState={{\n    title: t('design_system.gallery.samples.notes.emptyTitle'),\n    actionLabel: t('design_system.gallery.samples.notes.add'),\n  }}\n  translator={t}\n  dataAdapter={notesAdapter}\n/>`,\n    },\n  ],\n}\n\nconst addressesSectionEntry: GalleryEntry = {\n  id: 'addresses-section',\n  title: 'AddressesSection',\n  importPath: '@open-mercato/ui/backend/detail',\n  variants: [\n    {\n      id: 'mock-adapter',\n      title: 'Address tiles (inline mock adapter \u2014 no API)',\n      render: () => (\n        <div className=\"w-full max-w-2xl\">\n          <AddressesSection\n            entityId=\"person-1\"\n            emptyLabel=\"No addresses yet\"\n            addActionLabel=\"Add address\"\n            emptyState={{ title: 'No addresses yet', actionLabel: 'Add address' }}\n            translator={galleryTranslator}\n            dataAdapter={addressesAdapter}\n          />\n        </div>\n      ),\n      code: `import { AddressesSection, type AddressDataAdapter } from '@open-mercato/ui/backend/detail'\n\nconst addressesAdapter: AddressDataAdapter = {\n  list: async ({ entityId }) => fetchAddresses(entityId),\n  create: async ({ entityId, payload }) => createAddress(entityId, payload),\n  update: async ({ id, payload }) => updateAddress(id, payload),\n  delete: async ({ id }) => deleteAddress(id),\n}\n\n<AddressesSection\n  entityId={personId}\n  emptyLabel={t('design_system.gallery.samples.addresses.empty')}\n  addActionLabel={t('customers.people.detail.addresses.add')}\n  emptyState={{\n    title: t('design_system.gallery.samples.addresses.emptyTitle'),\n    actionLabel: t('customers.people.detail.addresses.add'),\n  }}\n  translator={t}\n  dataAdapter={addressesAdapter}\n/>`,\n    },\n  ],\n}\n\nconst attachmentsSectionEntry: GalleryEntry = {\n  id: 'attachments-section',\n  title: 'AttachmentsSection',\n  importPath: '@open-mercato/ui/backend/detail',\n  variants: [\n    {\n      id: 'unsaved-record',\n      title: 'Unsaved record (recordId null \u2014 API fetch disabled)',\n      render: () => (\n        <div className=\"w-full max-w-2xl\">\n          <AttachmentsSection\n            entityId=\"customers:person\"\n            recordId={null}\n            title=\"Attachments\"\n            description=\"Files linked to this record.\"\n          />\n        </div>\n      ),\n      code: `import { AttachmentsSection } from '@open-mercato/ui/backend/detail'\n\n// Fetches /api/attachments internally once recordId is set;\n// with recordId={null} it renders the save-first placeholder.\n<AttachmentsSection\n  entityId=\"customers:person\"\n  recordId={person?.id ?? null}\n  title={t('design_system.gallery.samples.attachments.title')}\n  description={t('design_system.gallery.samples.attachments.description')}\n/>`,\n    },\n  ],\n}\n\nexport const entries: GalleryEntry[] = [\n  detailFieldsSectionEntry,\n  loadingMessageEntry,\n  errorMessageEntry,\n  notesSectionEntry,\n  addressesSectionEntry,\n  attachmentsSectionEntry,\n]\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useT } from '@open-mercato/shared/lib/i18n/context'\nimport * as React from 'react'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  AddressesSection,\n  AttachmentsSection,\n  DetailFieldsSection,\n  ErrorMessage,\n  LoadingMessage,\n  NotesSection,\n  type AddressDataAdapter,\n  type DetailFieldConfig,\n  type NotesSectionProps,\n} from '@open-mercato/ui/backend/detail'\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// Data-backed sections (Notes/Addresses) take adapter objects \u2014 the demos pass\n// inline in-memory adapters, so previews never touch an API. AttachmentsSection\n// fetches through `apiCall` internally and cannot take an adapter; it is shown\n// in its `recordId={null}` state, where fetching is disabled by design.\nfunction LoadingMessageEntryDefaultPreview() {\n  const t = useT()\n  return (\n    <div className=\"w-full max-w-md\">\n      <LoadingMessage label={t('design_system.gallery.samples.content.loadingCustomer')} />\n    </div>\n  )\n}\nfunction ErrorMessageEntryBasicPreview() {\n  const t = useT()\n  return (\n    <div className=\"w-full max-w-md\">\n      <ErrorMessage label={t('design_system.gallery.samples.content.failedToLoadCustomer')} />\n    </div>\n  )\n}\nfunction ErrorMessageEntryWithDescriptionActionPreview() {\n  const t = useT()\n  return (\n    <div className=\"w-full max-w-md\">\n      <ErrorMessage\n        label={t('design_system.gallery.samples.content.failedToLoadAttachments')}\n        description={t('design_system.gallery.samples.content.theStorageServiceDidNotRespondInTime')}\n        action={\n          <Button variant=\"outline\" size=\"sm\">\n            {t('design_system.gallery.samples.content.retry')}\n          </Button>\n        }\n      />\n    </div>\n  )\n}\nfunction NotesSectionEntryMockAdapterPreview() {\n  const t = useT()\n  return (\n    <div className=\"w-full max-w-2xl\">\n      <NotesSection\n        entityId=\"person-1\"\n        viewerUserId=\"user-1\"\n        viewerName=\"Anna Nowak\"\n        emptyLabel={t('design_system.gallery.samples.content.noNotesYet')}\n        addActionLabel={t('design_system.gallery.samples.content.addNote')}\n        emptyState={{\n          title: t('design_system.gallery.samples.content.noNotesYet'),\n          actionLabel: t('design_system.gallery.samples.content.addNote'),\n          description: t('design_system.gallery.samples.content.notesAddedHereAreVisibleToTheWholeTeam'),\n        }}\n        translator={t}\n        dataAdapter={notesAdapter(t)}\n      />\n    </div>\n  )\n}\nfunction AddressesSectionEntryMockAdapterPreview() {\n  const t = useT()\n  return (\n    <div className=\"w-full max-w-2xl\">\n      <AddressesSection\n        entityId=\"person-1\"\n        emptyLabel={t('design_system.gallery.samples.content.noAddressesYet')}\n        addActionLabel={t('design_system.gallery.samples.content.addAddress')}\n        emptyState={{\n          title: t('design_system.gallery.samples.content.noAddressesYet'),\n          actionLabel: t('design_system.gallery.samples.content.addAddress'),\n        }}\n        translator={t}\n        dataAdapter={addressesAdapter(t)}\n      />\n    </div>\n  )\n}\nfunction AttachmentsSectionEntryUnsavedRecordPreview() {\n  const t = useT()\n  return (\n    <div className=\"w-full max-w-2xl\">\n      <AttachmentsSection\n        entityId=\"customers:person\"\n        recordId={null}\n        title={t('design_system.gallery.samples.content.attachments')}\n        description={t('design_system.gallery.samples.content.filesLinkedToThisRecord')}\n      />\n    </div>\n  )\n}\nfunction DetailFieldsSectionEntryFieldGridPreview() {\n  const t = useT()\n  return (\n    <div className=\"w-full\">\n      <DetailFieldsSection fields={fieldGrid(t)} />\n    </div>\n  )\n}\nfunction DetailFieldsSectionEntryCustomFieldPreview() {\n  const t = useT()\n  return (\n    <div className=\"w-full\">\n      <DetailFieldsSection fields={fieldGridWithCustom(t)} />\n    </div>\n  )\n}\nconst saveNoop = async () => {}\nconst fieldGrid = (t: ReturnType<typeof useT>): DetailFieldConfig[] => [\n  {\n    key: 'first-name',\n    kind: 'text',\n    label: t('design_system.gallery.samples.content.firstName'),\n    value: 'Anna',\n    emptyLabel: t('design_system.gallery.samples.content.addFirstName'),\n    onSave: saveNoop,\n  },\n  {\n    key: 'phone',\n    kind: 'text',\n    label: t('design_system.gallery.samples.content.phone'),\n    value: null,\n    emptyLabel: t('design_system.gallery.samples.content.addPhone'),\n    onSave: saveNoop,\n  },\n  {\n    key: 'status',\n    kind: 'select',\n    label: t('design_system.gallery.samples.content.status'),\n    value: 'active',\n    emptyLabel: t('design_system.gallery.samples.content.setStatus'),\n    options: [\n      {\n        value: 'active',\n        label: t('design_system.gallery.samples.content.active'),\n      },\n      {\n        value: 'inactive',\n        label: t('design_system.gallery.samples.content.inactive'),\n      },\n    ],\n    onSave: saveNoop,\n  },\n  {\n    key: 'notes',\n    kind: 'multiline',\n    label: t('design_system.gallery.samples.content.notes'),\n    value: t('design_system.gallery.samples.content.prefersEmailContact'),\n    emptyLabel: t('design_system.gallery.samples.content.addNotes'),\n    onSave: saveNoop,\n    gridClassName: 'sm:col-span-2 md:col-span-3',\n  },\n]\nconst fieldGridWithCustom = (t: ReturnType<typeof useT>): DetailFieldConfig[] => [\n  {\n    key: 'email',\n    kind: 'text',\n    label: t('design_system.gallery.samples.content.email'),\n    value: 'anna@example.com',\n    emptyLabel: t('design_system.gallery.samples.content.addEmail'),\n    onSave: saveNoop,\n  },\n  {\n    key: 'owner',\n    kind: 'custom',\n    label: t('design_system.gallery.samples.content.owner'),\n    emptyLabel: t('design_system.gallery.samples.content.unassigned'),\n    render: () => (\n      <div className=\"space-y-1\">\n        <div className=\"text-xs text-muted-foreground\">{t('design_system.gallery.samples.content.owner')}</div>\n        <Badge variant=\"muted\">{t('design_system.gallery.samples.content.unassigned')}</Badge>\n      </div>\n    ),\n  },\n]\n\n\nconst notesAdapter = (t: ReturnType<typeof useT>): NotesSectionProps['dataAdapter'] => ({\n  list: async () => [\n    {\n      id: 'note-1',\n      body: t('design_system.gallery.samples.content.askedForARevisedQuoteFollowUpOnFriday'),\n      createdAt: '2026-07-15T09:30:00.000Z',\n      authorName: 'Anna Nowak',\n    },\n    {\n      id: 'note-2',\n      body: t('design_system.gallery.samples.content.prefersEmailContactOverPhone'),\n      createdAt: '2026-07-10T14:05:00.000Z',\n      authorName: 'Jan Kowalski',\n    },\n  ],\n  create: async () => {},\n  update: async () => {},\n  delete: async () => {},\n})\nconst addressesAdapter = (t: ReturnType<typeof useT>): AddressDataAdapter => ({\n  list: async () => [\n    {\n      id: 'address-1',\n      name: t('design_system.gallery.samples.content.headquarters'),\n      addressLine1: 'Prosta 51',\n      city: 'Warszawa',\n      postalCode: '00-838',\n      country: 'PL',\n      isPrimary: true,\n    },\n    {\n      id: 'address-2',\n      name: t('design_system.gallery.samples.content.warehouse'),\n      addressLine1: 'Magazynowa 7',\n      city: 'Pruszk\u00F3w',\n      postalCode: '05-800',\n      country: 'PL',\n    },\n  ],\n  create: async () => {},\n  update: async () => {},\n  delete: async () => {},\n})\nconst detailFieldsSectionEntry: GalleryEntry = {\n  id: 'detail-fields-section',\n  title: 'DetailFieldsSection',\n  importPath: '@open-mercato/ui/backend/detail',\n  variants: [\n    {\n      id: 'field-grid',\n      title: 'Inline-editable field grid',\n      render: () => <DetailFieldsSectionEntryFieldGridPreview />,\n      code: `import { DetailFieldsSection, type DetailFieldConfig } from '@open-mercato/ui/backend/detail'\n\nconst fields: DetailFieldConfig[] = [\n  { key: 'first-name', kind: 'text', label: 'First name', value: person.firstName, emptyLabel: 'Add first name', onSave: saveFirstName },\n  { key: 'phone', kind: 'text', label: 'Phone', value: person.phone, emptyLabel: 'Add phone', onSave: savePhone },\n  {\n    key: 'status', kind: 'select', label: 'Status', value: person.status, emptyLabel: 'Set status',\n    options: [{ value: 'active', label: 'Active' }, { value: 'inactive', label: 'Inactive' }],\n    onSave: saveStatus,\n  },\n  {\n    key: 'notes', kind: 'multiline', label: 'Notes', value: person.notes, emptyLabel: 'Add notes',\n    onSave: saveNotes, gridClassName: 'sm:col-span-2 md:col-span-3',\n  },\n]\n\n<DetailFieldsSection fields={fields} />`,\n    },\n    {\n      id: 'custom-field',\n      title: 'With a custom field cell',\n      render: () => <DetailFieldsSectionEntryCustomFieldPreview />,\n      code: `import { DetailFieldsSection, type DetailFieldConfig } from '@open-mercato/ui/backend/detail'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\n\nconst fields: DetailFieldConfig[] = [\n  { key: 'email', kind: 'text', label: 'Email', value: person.email, emptyLabel: 'Add email', onSave: saveEmail },\n  {\n    key: 'owner', kind: 'custom', label: 'Owner', emptyLabel: 'Unassigned',\n    render: () => (\n      <div className=\"space-y-1\">\n        <div className=\"text-xs text-muted-foreground\">Owner</div>\n        <Badge variant=\"muted\">Unassigned</Badge>\n      </div>\n    ),\n  },\n]\n\n<DetailFieldsSection fields={fields} />`,\n    },\n  ],\n}\nconst loadingMessageEntry: GalleryEntry = {\n  id: 'loading-message',\n  title: 'LoadingMessage',\n  importPath: '@open-mercato/ui/backend/detail',\n  variants: [\n    {\n      id: 'default',\n      title: 'default',\n      render: () => <LoadingMessageEntryDefaultPreview />,\n      code: `import { LoadingMessage } from '@open-mercato/ui/backend/detail'\n\nif (isLoading) return <LoadingMessage label={t('customers.people.detail.loading')} />`,\n    },\n  ],\n}\nconst errorMessageEntry: GalleryEntry = {\n  id: 'error-message',\n  title: 'ErrorMessage',\n  importPath: '@open-mercato/ui/backend/detail',\n  variants: [\n    {\n      id: 'basic',\n      title: 'Label only',\n      render: () => <ErrorMessageEntryBasicPreview />,\n      code: `import { ErrorMessage } from '@open-mercato/ui/backend/detail'\n\nif (error) return <ErrorMessage label={error} />`,\n    },\n    {\n      id: 'with-description-action',\n      title: 'With description and action',\n      render: () => <ErrorMessageEntryWithDescriptionActionPreview />,\n      code: `import { ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { Button } from '@open-mercato/ui/primitives/button'\n\n<ErrorMessage\n  label=\"Failed to load attachments.\"\n  description=\"The storage service did not respond in time.\"\n  action={<Button variant=\"outline\" size=\"sm\" onClick={retry}>Retry</Button>}\n/>`,\n    },\n  ],\n}\nconst notesSectionEntry: GalleryEntry = {\n  id: 'notes-section',\n  title: 'NotesSection',\n  importPath: '@open-mercato/ui/backend/detail',\n  variants: [\n    {\n      id: 'mock-adapter',\n      title: 'Timeline (inline mock adapter \u2014 no API)',\n      render: () => <NotesSectionEntryMockAdapterPreview />,\n      code: `import { NotesSection, type NotesDataAdapter } from '@open-mercato/ui/backend/detail'\n\n// Implement the adapter against your module's API (apiCall) \u2014 never fork the section.\nconst notesAdapter: NotesDataAdapter = {\n  list: async ({ entityId }) => fetchNotes(entityId),\n  create: async ({ entityId, body }) => createNote(entityId, body),\n  update: async ({ id, patch }) => updateNote(id, patch),\n  delete: async ({ id }) => deleteNote(id),\n}\n\n<NotesSection\n  entityId={personId}\n  viewerUserId={viewer.id}\n  viewerName={viewer.name}\n  emptyLabel={t('design_system.gallery.samples.notes.empty')}\n  addActionLabel={t('design_system.gallery.samples.notes.add')}\n  emptyState={{\n    title: t('design_system.gallery.samples.notes.emptyTitle'),\n    actionLabel: t('design_system.gallery.samples.notes.add'),\n  }}\n  translator={t}\n  dataAdapter={notesAdapter}\n/>`,\n    },\n  ],\n}\nconst addressesSectionEntry: GalleryEntry = {\n  id: 'addresses-section',\n  title: 'AddressesSection',\n  importPath: '@open-mercato/ui/backend/detail',\n  variants: [\n    {\n      id: 'mock-adapter',\n      title: 'Address tiles (inline mock adapter \u2014 no API)',\n      render: () => <AddressesSectionEntryMockAdapterPreview />,\n      code: `import { AddressesSection, type AddressDataAdapter } from '@open-mercato/ui/backend/detail'\n\nconst addressesAdapter: AddressDataAdapter = {\n  list: async ({ entityId }) => fetchAddresses(entityId),\n  create: async ({ entityId, payload }) => createAddress(entityId, payload),\n  update: async ({ id, payload }) => updateAddress(id, payload),\n  delete: async ({ id }) => deleteAddress(id),\n}\n\n<AddressesSection\n  entityId={personId}\n  emptyLabel={t('design_system.gallery.samples.addresses.empty')}\n  addActionLabel={t('customers.people.detail.addresses.add')}\n  emptyState={{\n    title: t('design_system.gallery.samples.addresses.emptyTitle'),\n    actionLabel: t('customers.people.detail.addresses.add'),\n  }}\n  translator={t}\n  dataAdapter={addressesAdapter}\n/>`,\n    },\n  ],\n}\nconst attachmentsSectionEntry: GalleryEntry = {\n  id: 'attachments-section',\n  title: 'AttachmentsSection',\n  importPath: '@open-mercato/ui/backend/detail',\n  variants: [\n    {\n      id: 'unsaved-record',\n      title: 'Unsaved record (recordId null \u2014 API fetch disabled)',\n      render: () => <AttachmentsSectionEntryUnsavedRecordPreview />,\n      code: `import { AttachmentsSection } from '@open-mercato/ui/backend/detail'\n\n// Fetches /api/attachments internally once recordId is set;\n// with recordId={null} it renders the save-first placeholder.\n<AttachmentsSection\n  entityId=\"customers:person\"\n  recordId={person?.id ?? null}\n  title={t('design_system.gallery.samples.attachments.title')}\n  description={t('design_system.gallery.samples.attachments.description')}\n/>`,\n    },\n  ],\n}\nexport const entries: GalleryEntry[] = [\n  detailFieldsSectionEntry,\n  loadingMessageEntry,\n  errorMessageEntry,\n  notesSectionEntry,\n  addressesSectionEntry,\n  attachmentsSectionEntry,\n]\n"],
+  "mappings": "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",
   "names": []
 }