@open-mercato/core 0.6.7-develop.6785.1.1dd7cfac55 → 0.6.7-develop.6795.1.8a3f27921c

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

@@ -0,0 +1,358 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Badge } from "@open-mercato/ui/primitives/badge";
+import { Button } from "@open-mercato/ui/primitives/button";
+import {
+  AddressesSection,
+  AttachmentsSection,
+  DetailFieldsSection,
+  ErrorMessage,
+  LoadingMessage,
+  NotesSection
+} from "@open-mercato/ui/backend/detail";
+const saveNoop = async () => {
+};
+const fieldGrid = [
+  {
+    key: "first-name",
+    kind: "text",
+    label: "First name",
+    value: "Anna",
+    emptyLabel: "Add first name",
+    onSave: saveNoop
+  },
+  {
+    key: "phone",
+    kind: "text",
+    label: "Phone",
+    value: null,
+    emptyLabel: "Add phone",
+    onSave: saveNoop
+  },
+  {
+    key: "status",
+    kind: "select",
+    label: "Status",
+    value: "active",
+    emptyLabel: "Set status",
+    options: [
+      { value: "active", label: "Active" },
+      { value: "inactive", label: "Inactive" }
+    ],
+    onSave: saveNoop
+  },
+  {
+    key: "notes",
+    kind: "multiline",
+    label: "Notes",
+    value: "Prefers email contact.",
+    emptyLabel: "Add notes",
+    onSave: saveNoop,
+    gridClassName: "sm:col-span-2 md:col-span-3"
+  }
+];
+const fieldGridWithCustom = [
+  {
+    key: "email",
+    kind: "text",
+    label: "Email",
+    value: "anna@example.com",
+    emptyLabel: "Add email",
+    onSave: saveNoop
+  },
+  {
+    key: "owner",
+    kind: "custom",
+    label: "Owner",
+    emptyLabel: "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" })
+    ] })
+  }
+];
+const galleryTranslator = (key, fallback) => fallback ?? key.split(".").pop() ?? key;
+const notesAdapter = {
+  list: async () => [
+    {
+      id: "note-1",
+      body: "Asked for a revised quote \u2014 follow up on Friday.",
+      createdAt: "2026-07-15T09:30:00.000Z",
+      authorName: "Anna Nowak"
+    },
+    {
+      id: "note-2",
+      body: "Prefers email contact over phone.",
+      createdAt: "2026-07-10T14:05:00.000Z",
+      authorName: "Jan Kowalski"
+    }
+  ],
+  create: async () => {
+  },
+  update: async () => {
+  },
+  delete: async () => {
+  }
+};
+const addressesAdapter = {
+  list: async () => [
+    {
+      id: "address-1",
+      name: "Headquarters",
+      addressLine1: "Prosta 51",
+      city: "Warszawa",
+      postalCode: "00-838",
+      country: "PL",
+      isPrimary: true
+    },
+    {
+      id: "address-2",
+      name: "Warehouse",
+      addressLine1: "Magazynowa 7",
+      city: "Pruszk\xF3w",
+      postalCode: "05-800",
+      country: "PL"
+    }
+  ],
+  create: async () => {
+  },
+  update: async () => {
+  },
+  delete: async () => {
+  }
+};
+const detailFieldsSectionEntry = {
+  id: "detail-fields-section",
+  title: "DetailFieldsSection",
+  importPath: "@open-mercato/ui/backend/detail",
+  variants: [
+    {
+      id: "field-grid",
+      title: "Inline-editable field grid",
+      render: () => /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(DetailFieldsSection, { fields: fieldGrid }) }),
+      code: `import { DetailFieldsSection, type DetailFieldConfig } from '@open-mercato/ui/backend/detail'
+
+const fields: DetailFieldConfig[] = [
+  { key: 'first-name', kind: 'text', label: 'First name', value: person.firstName, emptyLabel: 'Add first name', onSave: saveFirstName },
+  { key: 'phone', kind: 'text', label: 'Phone', value: person.phone, emptyLabel: 'Add phone', onSave: savePhone },
+  {
+    key: 'status', kind: 'select', label: 'Status', value: person.status, emptyLabel: 'Set status',
+    options: [{ value: 'active', label: 'Active' }, { value: 'inactive', label: 'Inactive' }],
+    onSave: saveStatus,
+  },
+  {
+    key: 'notes', kind: 'multiline', label: 'Notes', value: person.notes, emptyLabel: 'Add notes',
+    onSave: saveNotes, gridClassName: 'sm:col-span-2 md:col-span-3',
+  },
+]
+
+<DetailFieldsSection fields={fields} />`
+    },
+    {
+      id: "custom-field",
+      title: "With a custom field cell",
+      render: () => /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(DetailFieldsSection, { fields: fieldGridWithCustom }) }),
+      code: `import { DetailFieldsSection, type DetailFieldConfig } from '@open-mercato/ui/backend/detail'
+import { Badge } from '@open-mercato/ui/primitives/badge'
+
+const fields: DetailFieldConfig[] = [
+  { key: 'email', kind: 'text', label: 'Email', value: person.email, emptyLabel: 'Add email', onSave: saveEmail },
+  {
+    key: 'owner', kind: 'custom', label: 'Owner', emptyLabel: 'Unassigned',
+    render: () => (
+      <div className="space-y-1">
+        <div className="text-xs text-muted-foreground">Owner</div>
+        <Badge variant="muted">Unassigned</Badge>
+      </div>
+    ),
+  },
+]
+
+<DetailFieldsSection fields={fields} />`
+    }
+  ]
+};
+const loadingMessageEntry = {
+  id: "loading-message",
+  title: "LoadingMessage",
+  importPath: "@open-mercato/ui/backend/detail",
+  variants: [
+    {
+      id: "default",
+      title: "default",
+      render: () => /* @__PURE__ */ jsx("div", { className: "w-full max-w-md", children: /* @__PURE__ */ jsx(LoadingMessage, { label: "Loading customer\u2026" }) }),
+      code: `import { LoadingMessage } from '@open-mercato/ui/backend/detail'
+
+if (isLoading) return <LoadingMessage label={t('customers.people.detail.loading')} />`
+    }
+  ]
+};
+const errorMessageEntry = {
+  id: "error-message",
+  title: "ErrorMessage",
+  importPath: "@open-mercato/ui/backend/detail",
+  variants: [
+    {
+      id: "basic",
+      title: "Label only",
+      render: () => /* @__PURE__ */ jsx("div", { className: "w-full max-w-md", children: /* @__PURE__ */ jsx(ErrorMessage, { label: "Failed to load customer." }) }),
+      code: `import { ErrorMessage } from '@open-mercato/ui/backend/detail'
+
+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" })
+        }
+      ) }),
+      code: `import { ErrorMessage } from '@open-mercato/ui/backend/detail'
+import { Button } from '@open-mercato/ui/primitives/button'
+
+<ErrorMessage
+  label="Failed to load attachments."
+  description="The storage service did not respond in time."
+  action={<Button variant="outline" size="sm" onClick={retry}>Retry</Button>}
+/>`
+    }
+  ]
+};
+const notesSectionEntry = {
+  id: "notes-section",
+  title: "NotesSection",
+  importPath: "@open-mercato/ui/backend/detail",
+  variants: [
+    {
+      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
+        }
+      ) }),
+      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.
+const notesAdapter: NotesDataAdapter = {
+  list: async ({ entityId }) => fetchNotes(entityId),
+  create: async ({ entityId, body }) => createNote(entityId, body),
+  update: async ({ id, patch }) => updateNote(id, patch),
+  delete: async ({ id }) => deleteNote(id),
+}
+
+<NotesSection
+  entityId={personId}
+  viewerUserId={viewer.id}
+  viewerName={viewer.name}
+  emptyLabel={t('customers.people.detail.notes.empty')}
+  addActionLabel={t('customers.people.detail.notes.add')}
+  emptyState={{
+    title: t('customers.people.detail.notes.emptyTitle'),
+    actionLabel: t('customers.people.detail.notes.add'),
+  }}
+  translator={t}
+  dataAdapter={notesAdapter}
+/>`
+    }
+  ]
+};
+const addressesSectionEntry = {
+  id: "addresses-section",
+  title: "AddressesSection",
+  importPath: "@open-mercato/ui/backend/detail",
+  variants: [
+    {
+      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
+        }
+      ) }),
+      code: `import { AddressesSection, type AddressDataAdapter } from '@open-mercato/ui/backend/detail'
+
+const addressesAdapter: AddressDataAdapter = {
+  list: async ({ entityId }) => fetchAddresses(entityId),
+  create: async ({ entityId, payload }) => createAddress(entityId, payload),
+  update: async ({ id, payload }) => updateAddress(id, payload),
+  delete: async ({ id }) => deleteAddress(id),
+}
+
+<AddressesSection
+  entityId={personId}
+  emptyLabel={t('customers.people.detail.addresses.empty')}
+  addActionLabel={t('customers.people.detail.addresses.add')}
+  emptyState={{
+    title: t('customers.people.detail.addresses.emptyTitle'),
+    actionLabel: t('customers.people.detail.addresses.add'),
+  }}
+  translator={t}
+  dataAdapter={addressesAdapter}
+/>`
+    }
+  ]
+};
+const attachmentsSectionEntry = {
+  id: "attachments-section",
+  title: "AttachmentsSection",
+  importPath: "@open-mercato/ui/backend/detail",
+  variants: [
+    {
+      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."
+        }
+      ) }),
+      code: `import { AttachmentsSection } from '@open-mercato/ui/backend/detail'
+
+// Fetches /api/attachments internally once recordId is set;
+// with recordId={null} it renders the save-first placeholder.
+<AttachmentsSection
+  entityId="customers:person"
+  recordId={person?.id ?? null}
+  title={t('customers.people.detail.attachments.title')}
+  description={t('customers.people.detail.attachments.description')}
+/>`
+    }
+  ]
+};
+const entries = [
+  detailFieldsSectionEntry,
+  loadingMessageEntry,
+  errorMessageEntry,
+  notesSectionEntry,
+  addressesSectionEntry,
+  attachmentsSectionEntry
+];
+export {
+  entries
+};
+//# sourceMappingURL=detail.js.map

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

@@ -0,0 +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('customers.people.detail.notes.empty')}\n  addActionLabel={t('customers.people.detail.notes.add')}\n  emptyState={{\n    title: t('customers.people.detail.notes.emptyTitle'),\n    actionLabel: t('customers.people.detail.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('customers.people.detail.addresses.empty')}\n  addActionLabel={t('customers.people.detail.addresses.add')}\n  emptyState={{\n    title: t('customers.people.detail.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('customers.people.detail.attachments.title')}\n  description={t('customers.people.detail.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": "AAmFM,SACE,KADF;AAlFN,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AAaP,MAAM,WAAW,YAAY;AAAC;AAE9B,MAAM,YAAiC;AAAA,EACrC;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,SAAS;AAAA,MACP,EAAE,OAAO,UAAU,OAAO,SAAS;AAAA,MACnC,EAAE,OAAO,YAAY,OAAO,WAAW;AAAA,IACzC;AAAA,IACA,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,eAAe;AAAA,EACjB;AACF;AAEA,MAAM,sBAA2C;AAAA,EAC/C;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,QAAQ,MACN,qBAAC,SAAI,WAAU,aACb;AAAA,0BAAC,SAAI,WAAU,iCAAgC,mBAAK;AAAA,MACpD,oBAAC,SAAM,SAAQ,SAAQ,wBAAU;AAAA,OACnC;AAAA,EAEJ;AACF;AAIA,MAAM,oBAAoB,CAAC,KAAa,aACtC,YAAY,IAAI,MAAM,GAAG,EAAE,IAAI,KAAK;AAEtC,MAAM,eAAiD;AAAA,EACrD,MAAM,YAAY;AAAA,IAChB;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,WAAW;AAAA,MACX,YAAY;AAAA,IACd;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,WAAW;AAAA,MACX,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,QAAQ,YAAY;AAAA,EAAC;AAAA,EACrB,QAAQ,YAAY;AAAA,EAAC;AAAA,EACrB,QAAQ,YAAY;AAAA,EAAC;AACvB;AAEA,MAAM,mBAAuC;AAAA,EAC3C,MAAM,YAAY;AAAA,IAChB;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,cAAc;AAAA,MACd,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,WAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,cAAc;AAAA,MACd,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,QAAQ,YAAY;AAAA,EAAC;AAAA,EACrB,QAAQ,YAAY;AAAA,EAAC;AAAA,EACrB,QAAQ,YAAY;AAAA,EAAC;AACvB;AAEA,MAAM,2BAAyC;AAAA,EAC7C,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,UAAU;AAAA,IACR;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MACN,oBAAC,SAAI,WAAU,UACb,8BAAC,uBAAoB,QAAQ,WAAW,GAC1C;AAAA,MAEF,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,MACN,oBAAC,SAAI,WAAU,UACb,8BAAC,uBAAoB,QAAQ,qBAAqB,GACpD;AAAA,MAEF,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAiBR;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,oBAAC,SAAI,WAAU,mBACb,8BAAC,kBAAe,OAAM,0BAAoB,GAC5C;AAAA,MAEF,MAAM;AAAA;AAAA;AAAA,IAGR;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,oBAAC,SAAI,WAAU,mBACb,8BAAC,gBAAa,OAAM,4BAA2B,GACjD;AAAA,MAEF,MAAM;AAAA;AAAA;AAAA,IAGR;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MACN,oBAAC,SAAI,WAAU,mBACb;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UACZ,QACE,oBAAC,UAAO,SAAQ,WAAU,MAAK,MAAK,mBAEpC;AAAA;AAAA,MAEJ,GACF;AAAA,MAEF,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQR;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,oBAAC,SAAI,WAAU,oBACb;AAAA,QAAC;AAAA;AAAA,UACC,UAAS;AAAA,UACT,cAAa;AAAA,UACb,YAAW;AAAA,UACX,YAAW;AAAA,UACX,gBAAe;AAAA,UACf,YAAY;AAAA,YACV,OAAO;AAAA,YACP,aAAa;AAAA,YACb,aAAa;AAAA,UACf;AAAA,UACA,YAAY;AAAA,UACZ,aAAa;AAAA;AAAA,MACf,GACF;AAAA,MAEF,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAuBR;AAAA,EACF;AACF;AAEA,MAAM,wBAAsC;AAAA,EAC1C,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,UAAU;AAAA,IACR;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MACN,oBAAC,SAAI,WAAU,oBACb;AAAA,QAAC;AAAA;AAAA,UACC,UAAS;AAAA,UACT,YAAW;AAAA,UACX,gBAAe;AAAA,UACf,YAAY,EAAE,OAAO,oBAAoB,aAAa,cAAc;AAAA,UACpE,YAAY;AAAA,UACZ,aAAa;AAAA;AAAA,MACf,GACF;AAAA,MAEF,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAoBR;AAAA,EACF;AACF;AAEA,MAAM,0BAAwC;AAAA,EAC5C,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,UAAU;AAAA,IACR;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ,MACN,oBAAC,SAAI,WAAU,oBACb;AAAA,QAAC;AAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAU;AAAA,UACV,OAAM;AAAA,UACN,aAAY;AAAA;AAAA,MACd,GACF;AAAA,MAEF,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUR;AAAA,EACF;AACF;AAEO,MAAM,UAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
+  "names": []
+}