@freighttech/ui 0.13.18

package/dist/backend/detail/CustomDataSection.js

@@ -0,0 +1,575 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import dynamic from "next/dynamic";
+import { Pencil, X } from "lucide-react";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { Button } from "@freighttech/ui/primitives/button";
+import { DataLoader } from "@freighttech/ui/primitives/DataLoader";
+import { CrudForm } from "@freighttech/ui/backend/CrudForm";
+import { fetchCustomFieldFormFieldsWithDefinitions } from "@freighttech/ui/backend/utils/customFieldForms";
+import {
+  DictionaryValue
+} from "@open-mercato/core/modules/dictionaries/components/dictionaryAppearance";
+import { ensureDictionaryEntries } from "@open-mercato/core/modules/dictionaries/components/hooks/useDictionaryEntries";
+import {
+  collectRelationValueIds,
+  extractOptionLookupKey,
+  extractInlineOptionLabel,
+  parseRelationOptionsMetadata,
+  getRelationHrefContextFields,
+  buildRelationHref,
+  fetchRelationRecordDisplays
+} from "@freighttech/ui/backend/utils/customFieldRelationDisplay";
+import { useOrganizationScopeVersion } from "@open-mercato/shared/lib/frontend/useOrganizationScope";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { ComponentReplacementHandles } from "@open-mercato/shared/modules/widgets/component-registry";
+import { useRegisteredComponent } from "../injection/useRegisteredComponent.js";
+const isTestEnv = typeof process !== "undefined" && process.env.NODE_ENV === "test";
+const MarkdownPreview = isTestEnv ? ({ children, className }) => /* @__PURE__ */ jsx("div", { className, children }) : dynamic(() => import("react-markdown").then((mod) => mod.default), {
+  ssr: false,
+  loading: () => null
+});
+let markdownPluginsPromise = null;
+async function loadMarkdownPlugins() {
+  if (isTestEnv) return [];
+  if (!markdownPluginsPromise) {
+    markdownPluginsPromise = import("remark-gfm").then((mod) => [mod.default ?? mod]).catch(() => []);
+  }
+  return markdownPluginsPromise;
+}
+const MARKDOWN_FIELD_TYPES = /* @__PURE__ */ new Set(["text", "textarea", "richtext"]);
+const MARKDOWN_CLASSNAME = "text-sm text-foreground break-words [&>*]:mb-2 [&>*:last-child]:mb-0 [&_ul]:ml-4 [&_ul]:list-disc [&_ol]:ml-4 [&_ol]:list-decimal [&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_pre]:rounded-md [&_pre]:bg-muted [&_pre]:p-3 [&_pre]:text-xs";
+function renderMarkdownValue(content, remarkPlugins) {
+  return /* @__PURE__ */ jsx(MarkdownPreview, { remarkPlugins, className: MARKDOWN_CLASSNAME, children: content });
+}
+function extractDictionaryValue(entry) {
+  if (typeof entry === "string") {
+    const trimmed = entry.trim();
+    return trimmed.length ? trimmed : null;
+  }
+  if (!entry || typeof entry !== "object") return null;
+  const record = entry;
+  const candidate = record.value ?? record.name ?? record.id ?? record.key ?? record.label;
+  if (typeof candidate === "string") {
+    const trimmed = candidate.trim();
+    return trimmed.length ? trimmed : null;
+  }
+  return null;
+}
+function formatFieldValue(field, value, emptyLabel, dictionaryMap, remarkPlugins = [], resolvedDisplays) {
+  if (dictionaryMap) {
+    if (value === void 0 || value === null || value === "") {
+      return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: emptyLabel });
+    }
+    if (Array.isArray(value)) {
+      const normalizedValues = value.map((entry) => extractDictionaryValue(entry)).filter((entry) => typeof entry === "string" && entry.length > 0);
+      if (!normalizedValues.length) {
+        return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: emptyLabel });
+      }
+      return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: normalizedValues.map((entry, index) => /* @__PURE__ */ jsx(
+        DictionaryValue,
+        {
+          value: entry,
+          map: dictionaryMap,
+          className: "inline-flex items-center gap-1 rounded-full border border-border bg-card px-2 py-1 text-xs",
+          iconWrapperClassName: "inline-flex h-4 w-4 items-center justify-center rounded-full border border-border bg-background",
+          iconClassName: "h-3 w-3",
+          colorClassName: "h-2.5 w-2.5 rounded-full"
+        },
+        `${field.id}-${entry}-${index}`
+      )) });
+    }
+    const resolved2 = extractDictionaryValue(value);
+    if (!resolved2) {
+      return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: emptyLabel });
+    }
+    return /* @__PURE__ */ jsx(
+      DictionaryValue,
+      {
+        value: resolved2,
+        map: dictionaryMap,
+        className: "inline-flex items-center gap-2 text-sm",
+        fallback: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: emptyLabel }),
+        iconWrapperClassName: "inline-flex h-6 w-6 items-center justify-center rounded border border-border bg-card",
+        iconClassName: "h-4 w-4",
+        colorClassName: "h-3 w-3 rounded-full"
+      }
+    );
+  }
+  const optionMap = "options" in field && Array.isArray(field.options) ? field.options.reduce((acc, option) => {
+    acc.set(option.value, option.label);
+    return acc;
+  }, /* @__PURE__ */ new Map()) : null;
+  const resolveOptionDisplay = (entry) => {
+    const lookupKey = extractOptionLookupKey(entry);
+    if (lookupKey && resolvedDisplays?.[lookupKey]) {
+      return resolvedDisplays[lookupKey];
+    }
+    const inlineLabel = extractInlineOptionLabel(entry);
+    if (lookupKey) {
+      return {
+        label: inlineLabel ?? optionMap?.get(lookupKey) ?? lookupKey
+      };
+    }
+    if (inlineLabel) {
+      return { label: inlineLabel };
+    }
+    return null;
+  };
+  const renderResolvedDisplay = (display) => {
+    if (!display.href) return display.label;
+    return /* @__PURE__ */ jsx(
+      Link,
+      {
+        href: display.href,
+        className: "font-medium text-primary underline-offset-2 hover:underline focus-visible:underline",
+        onClick: (event) => event.stopPropagation(),
+        onKeyDown: (event) => event.stopPropagation(),
+        children: display.label
+      }
+    );
+  };
+  if (value === void 0 || value === null || value === "") {
+    return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: emptyLabel });
+  }
+  if (Array.isArray(value)) {
+    if (!value.length) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: emptyLabel });
+    return value.map((entry, index) => /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "mr-1 inline-flex items-center rounded-full bg-muted px-2 py-0.5 text-xs",
+        children: (() => {
+          const display = resolveOptionDisplay(entry);
+          if (!display) return emptyLabel;
+          return renderResolvedDisplay(display);
+        })()
+      },
+      `${field.id}-${index}`
+    ));
+  }
+  if (typeof value === "boolean") {
+    return value ? "Yes" : "No";
+  }
+  if (resolvedDisplays && Object.keys(resolvedDisplays).length > 0) {
+    const resolvedDisplay = resolveOptionDisplay(value);
+    if (resolvedDisplay) {
+      return renderResolvedDisplay(resolvedDisplay);
+    }
+  }
+  if (typeof value === "object") {
+    try {
+      return JSON.stringify(value);
+    } catch {
+      return String(value);
+    }
+  }
+  const resolved = optionMap?.get(String(value)) ?? String(value);
+  if (typeof value === "string" && MARKDOWN_FIELD_TYPES.has(field.type)) {
+    if (!resolved.trim().length) {
+      return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: emptyLabel });
+    }
+    return renderMarkdownValue(value, remarkPlugins);
+  }
+  if (!resolved.length) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: emptyLabel });
+  return resolved;
+}
+function CustomDataSectionImpl({
+  entityId,
+  entityIds,
+  values,
+  onSubmit,
+  title,
+  scopeVersion: scopeVersionProp,
+  loadFields,
+  labels,
+  definitionHref: explicitDefinitionHref
+}) {
+  const queryClient = useQueryClient();
+  const defaultScopeVersion = useOrganizationScopeVersion();
+  const scopeVersion = scopeVersionProp ?? defaultScopeVersion;
+  const resolvedScopeVersion = React.useMemo(
+    () => typeof scopeVersion === "number" ? scopeVersion : Number(scopeVersion) || 0,
+    [scopeVersion]
+  );
+  const [dictionaryMapsByField, setDictionaryMapsByField] = React.useState({});
+  const [resolvedDisplaysByField, setResolvedDisplaysByField] = React.useState({});
+  const [editing, setEditing] = React.useState(false);
+  const sectionRef = React.useRef(null);
+  const [markdownPlugins, setMarkdownPlugins] = React.useState([]);
+  React.useEffect(() => {
+    if (isTestEnv) return;
+    let mounted = true;
+    void loadMarkdownPlugins().then((plugins) => {
+      if (!mounted) return;
+      setMarkdownPlugins(plugins);
+    });
+    return () => {
+      mounted = false;
+    };
+  }, []);
+  const resolvedEntityIds = React.useMemo(() => {
+    if (Array.isArray(entityIds) && entityIds.length) {
+      const dedup = /* @__PURE__ */ new Set();
+      const list = [];
+      entityIds.forEach((id) => {
+        const trimmed = typeof id === "string" ? id.trim() : "";
+        if (!trimmed || dedup.has(trimmed)) return;
+        dedup.add(trimmed);
+        list.push(trimmed);
+      });
+      return list;
+    }
+    if (typeof entityId === "string" && entityId.trim().length > 0) {
+      return [entityId.trim()];
+    }
+    return [];
+  }, [entityId, entityIds]);
+  const primaryEntityId = resolvedEntityIds.length ? resolvedEntityIds[0] : void 0;
+  const customFieldFormsQuery = useQuery({
+    queryKey: ["customFieldForms", resolvedScopeVersion, ...resolvedEntityIds],
+    enabled: resolvedEntityIds.length > 0,
+    staleTime: 5 * 60 * 1e3,
+    gcTime: 30 * 60 * 1e3,
+    queryFn: async () => {
+      const loader = loadFields ?? fetchCustomFieldFormFieldsWithDefinitions;
+      return loader(resolvedEntityIds);
+    }
+  });
+  const fields = React.useMemo(() => customFieldFormsQuery.data?.fields ?? [], [customFieldFormsQuery.data]);
+  const definitions = React.useMemo(
+    () => customFieldFormsQuery.data?.definitions ?? [],
+    [customFieldFormsQuery.data]
+  );
+  const [dictionaryLoading, setDictionaryLoading] = React.useState(false);
+  const [relationLoading, setRelationLoading] = React.useState(false);
+  const loading = customFieldFormsQuery.isLoading || dictionaryLoading || relationLoading;
+  const hasFields = fields.length > 0;
+  const definitionHref = explicitDefinitionHref ?? (primaryEntityId ? `/backend/entities/system/${encodeURIComponent(primaryEntityId)}` : void 0);
+  React.useEffect(() => {
+    if (!hasFields && editing) {
+      setEditing(false);
+    }
+  }, [editing, hasFields]);
+  const submitActiveForm = React.useCallback(() => {
+    const node = sectionRef.current?.querySelector("form");
+    if (!node) return;
+    const form = node;
+    if (typeof form.requestSubmit === "function") {
+      form.requestSubmit();
+      return;
+    }
+    form.dispatchEvent(new Event("submit", { bubbles: true, cancelable: true }));
+  }, []);
+  const handleEditingKeyDown = React.useCallback(
+    (event) => {
+      if (!editing) return;
+      if (event.key === "Escape") {
+        event.preventDefault();
+        setEditing(false);
+        return;
+      }
+      if (event.key === "Enter" && (event.metaKey || event.ctrlKey)) {
+        event.preventDefault();
+        submitActiveForm();
+      }
+    },
+    [editing, submitActiveForm]
+  );
+  const handleActivate = React.useCallback(() => {
+    if (loading || editing || !hasFields) return;
+    setEditing(true);
+  }, [editing, hasFields, loading]);
+  const handleReadOnlyKeyDown = React.useCallback(
+    (event) => {
+      if (loading || editing || !hasFields) return;
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        setEditing(true);
+      }
+    },
+    [editing, hasFields, loading]
+  );
+  React.useEffect(() => {
+    if (!resolvedEntityIds.length || !definitions.length) {
+      setDictionaryLoading((prev) => prev ? false : prev);
+      setDictionaryMapsByField((prev) => Object.keys(prev).length ? {} : prev);
+      return;
+    }
+    let cancelled = false;
+    const load = async () => {
+      setDictionaryLoading(true);
+      try {
+        const dictionaryDefs = definitions.map((def) => {
+          const rawId = typeof def.dictionaryId === "string" ? def.dictionaryId.trim() : "";
+          if (!rawId) return null;
+          return { keyLower: def.key.toLowerCase(), dictionaryId: rawId };
+        }).filter((entry) => !!entry);
+        if (!dictionaryDefs.length) {
+          if (!cancelled) {
+            setDictionaryMapsByField((prev) => Object.keys(prev).length ? {} : prev);
+          }
+          return;
+        }
+        const uniqueDictionaryIds = Array.from(new Set(dictionaryDefs.map((entry) => entry.dictionaryId)));
+        const mapsByDictionaryId = {};
+        await Promise.all(
+          uniqueDictionaryIds.map(async (dictionaryId) => {
+            try {
+              const data = await ensureDictionaryEntries(queryClient, dictionaryId, resolvedScopeVersion);
+              mapsByDictionaryId[dictionaryId] = data.map;
+            } catch {
+              mapsByDictionaryId[dictionaryId] = {};
+            }
+          })
+        );
+        const dictionaryByKey = dictionaryDefs.reduce((acc, entry) => {
+          acc.set(entry.keyLower, entry.dictionaryId);
+          return acc;
+        }, /* @__PURE__ */ new Map());
+        const nextMaps = {};
+        fields.forEach((field) => {
+          const id = typeof field.id === "string" ? field.id : "";
+          if (!id) return;
+          const normalizedKey = id.startsWith("cf_") ? id.slice(3) : id;
+          const keyLower = normalizedKey.toLowerCase();
+          if (!keyLower) return;
+          const dictionaryId = dictionaryByKey.get(keyLower);
+          if (!dictionaryId) return;
+          nextMaps[id] = mapsByDictionaryId[dictionaryId] ?? {};
+        });
+        if (!cancelled) {
+          setDictionaryMapsByField((prev) => {
+            const prevKeys = Object.keys(prev);
+            const nextKeys = Object.keys(nextMaps);
+            if (prevKeys.length === nextKeys.length && prevKeys.every((key) => prev[key] === nextMaps[key])) {
+              return prev;
+            }
+            return nextMaps;
+          });
+        }
+      } catch {
+        if (!cancelled) {
+          setDictionaryMapsByField((prev) => Object.keys(prev).length ? {} : prev);
+        }
+      } finally {
+        if (!cancelled) {
+          setDictionaryLoading(false);
+        }
+      }
+    };
+    load().catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [definitions, fields, queryClient, resolvedEntityIds, resolvedScopeVersion]);
+  React.useEffect(() => {
+    if (!definitions.length || !fields.length) {
+      setRelationLoading((prev) => prev ? false : prev);
+      setResolvedDisplaysByField((prev) => Object.keys(prev).length ? {} : prev);
+      return;
+    }
+    const definitionsByKey = definitions.reduce((acc, definition) => {
+      acc.set(definition.key.toLowerCase(), definition);
+      return acc;
+    }, /* @__PURE__ */ new Map());
+    const relationFields = fields.map((field) => {
+      const normalizedKey = field.id.startsWith("cf_") ? field.id.slice(3) : field.id;
+      const definition = definitionsByKey.get(normalizedKey.toLowerCase());
+      if (!definition || definition.kind !== "relation") return null;
+      const relationIds = collectRelationValueIds(values?.[field.id]);
+      if (!relationIds.length) return null;
+      return { field, definition, relationIds };
+    }).filter((entry) => !!entry);
+    if (!relationFields.length) {
+      setRelationLoading((prev) => prev ? false : prev);
+      setResolvedDisplaysByField((prev) => Object.keys(prev).length ? {} : prev);
+      return;
+    }
+    const abortController = new AbortController();
+    const load = async () => {
+      setRelationLoading(true);
+      try {
+        const nextDisplays = {};
+        await Promise.all(
+          relationFields.map(async ({ field, definition, relationIds }) => {
+            const displays = {};
+            if ("options" in field && Array.isArray(field.options)) {
+              field.options.forEach((option) => {
+                displays[option.value] = { label: option.label };
+              });
+            }
+            if ("loadOptions" in field && typeof field.loadOptions === "function") {
+              try {
+                const remoteOptions = await field.loadOptions();
+                remoteOptions.forEach((option) => {
+                  const href = (() => {
+                    const relation2 = parseRelationOptionsMetadata(definition.optionsUrl);
+                    return relation2 ? buildRelationHref(relation2.entityId, option.value) : void 0;
+                  })();
+                  displays[option.value] = { label: option.label, href };
+                });
+              } catch (error) {
+                console.debug("[CustomDataSection] Failed to load remote options for field", field.id, error);
+              }
+            }
+            const relation = parseRelationOptionsMetadata(definition.optionsUrl);
+            const needsRouteContext = relation ? getRelationHrefContextFields(relation.entityId).length > 0 : false;
+            const unresolvedIds = relationIds.filter((relationId) => {
+              const display = displays[relationId];
+              if (!display) return true;
+              return needsRouteContext && !display.href;
+            });
+            if (relation && unresolvedIds.length) {
+              try {
+                const fetchedDisplays = await fetchRelationRecordDisplays(definition.optionsUrl, relation, unresolvedIds, abortController.signal);
+                Object.assign(displays, fetchedDisplays);
+              } catch (error) {
+                console.debug("[CustomDataSection] Failed to fetch relation record displays for field", field.id, error);
+                unresolvedIds.forEach((relationId) => {
+                  if (!displays[relationId]) {
+                    displays[relationId] = {
+                      label: relationId,
+                      href: buildRelationHref(relation.entityId, relationId)
+                    };
+                  }
+                });
+              }
+            }
+            if (Object.keys(displays).length > 0) {
+              nextDisplays[field.id] = displays;
+            }
+          })
+        );
+        if (!abortController.signal.aborted) {
+          setResolvedDisplaysByField((prev) => {
+            const previousKeys = Object.keys(prev);
+            const nextKeys = Object.keys(nextDisplays);
+            if (previousKeys.length === nextKeys.length && previousKeys.every((key) => JSON.stringify(prev[key]) === JSON.stringify(nextDisplays[key]))) {
+              return prev;
+            }
+            return nextDisplays;
+          });
+        }
+      } finally {
+        if (!abortController.signal.aborted) {
+          setRelationLoading(false);
+        }
+      }
+    };
+    void load();
+    return () => {
+      abortController.abort();
+    };
+  }, [definitions, fields, values]);
+  const handleSubmit = React.useCallback(
+    async (input) => {
+      await onSubmit(input);
+      setEditing(false);
+    },
+    [onSubmit]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between group", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold", children: title }),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          onClick: () => {
+            if (!hasFields || loading) return;
+            setEditing((prev) => !prev);
+          },
+          disabled: loading || !hasFields,
+          className: editing ? "opacity-100 transition-opacity duration-150" : "opacity-100 md:opacity-0 transition-opacity duration-150 md:group-hover:opacity-100 focus-visible:opacity-100",
+          children: [
+            editing ? /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Pencil, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: editing ? labels.cancel ?? "Cancel" : labels.edit ?? "Edit" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      DataLoader,
+      {
+        isLoading: loading,
+        loadingMessage: labels.loading,
+        spinnerSize: "md",
+        className: "min-h-[120px]",
+        children: editing ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: sectionRef,
+            className: "rounded-lg border bg-card p-3 sm:p-4",
+            onKeyDown: handleEditingKeyDown,
+            children: /* @__PURE__ */ jsx(
+              CrudForm,
+              {
+                embedded: true,
+                entityId: primaryEntityId,
+                entityIds: resolvedEntityIds,
+                fields,
+                initialValues: values,
+                onSubmit: handleSubmit,
+                submitLabel: labels.saveShortcut,
+                isLoading: loading
+              }
+            )
+          }
+        ) : /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "rounded-lg border bg-muted/20 p-3 sm:p-4 space-y-2 sm:space-y-3 transition hover:border-border/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary",
+              hasFields && !loading ? "cursor-pointer" : "cursor-default"
+            ),
+            role: hasFields && !loading ? "button" : void 0,
+            tabIndex: hasFields && !loading ? 0 : -1,
+            onClick: hasFields && !loading ? handleActivate : void 0,
+            onKeyDown: hasFields && !loading ? handleReadOnlyKeyDown : void 0,
+            children: !hasFields ? /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+              labels.noFields,
+              " ",
+              definitionHref && labels.defineFields ? /* @__PURE__ */ jsx(
+                Link,
+                {
+                  href: definitionHref,
+                  className: "font-medium text-primary underline-offset-2 hover:underline focus-visible:underline",
+                  children: labels.defineFields
+                }
+              ) : null
+            ] }) : fields.map((field) => /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: field.label }),
+              /* @__PURE__ */ jsx("div", { className: "text-sm break-words", children: formatFieldValue(
+                field,
+                values?.[field.id],
+                labels.emptyValue,
+                dictionaryMapsByField[field.id],
+                markdownPlugins,
+                resolvedDisplaysByField[field.id]
+              ) })
+            ] }, field.id))
+          }
+        )
+      }
+    )
+  ] });
+}
+function CustomDataSection(props) {
+  const handle = ComponentReplacementHandles.section("ui.detail", "CustomDataSection");
+  const Resolved = useRegisteredComponent(
+    handle,
+    CustomDataSectionImpl
+  );
+  return /* @__PURE__ */ jsx("div", { "data-component-handle": handle, children: /* @__PURE__ */ jsx(Resolved, { ...props }) });
+}
+var CustomDataSection_default = CustomDataSection;
+export {
+  CustomDataSection,
+  CustomDataSection_default as default
+};
+//# sourceMappingURL=CustomDataSection.js.map

package/dist/backend/detail/CustomDataSection.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/detail/CustomDataSection.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport dynamic from 'next/dynamic'\nimport type { PluggableList } from 'unified'\nimport { Pencil, X } from 'lucide-react'\nimport { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { Button } from '@freighttech/ui/primitives/button'\nimport { DataLoader } from '@freighttech/ui/primitives/DataLoader'\nimport type { CrudField } from '@freighttech/ui/backend/CrudForm'\nimport { CrudForm } from '@freighttech/ui/backend/CrudForm'\nimport { fetchCustomFieldFormFieldsWithDefinitions } from '@freighttech/ui/backend/utils/customFieldForms'\nimport type { CustomFieldDefDto } from '@freighttech/ui/backend/utils/customFieldDefs'\nimport {\n  DictionaryValue,\n  type DictionaryMap,\n} from '@open-mercato/core/modules/dictionaries/components/dictionaryAppearance'\nimport { ensureDictionaryEntries } from '@open-mercato/core/modules/dictionaries/components/hooks/useDictionaryEntries'\nimport {\n  type ResolvedValueDisplay,\n  collectRelationValueIds,\n  extractOptionLookupKey,\n  extractInlineOptionLabel,\n  parseRelationOptionsMetadata,\n  getRelationHrefContextFields,\n  buildRelationHref,\n  fetchRelationRecordDisplays,\n} from '@freighttech/ui/backend/utils/customFieldRelationDisplay'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { ComponentReplacementHandles } from '@open-mercato/shared/modules/widgets/component-registry'\nimport { useRegisteredComponent } from '../injection/useRegisteredComponent'\n\ntype MarkdownPreviewProps = { children: string; className?: string; remarkPlugins?: PluggableList }\n\nconst isTestEnv = typeof process !== 'undefined' && process.env.NODE_ENV === 'test'\n\nconst MarkdownPreview: React.ComponentType<MarkdownPreviewProps> = isTestEnv\n  ? ({ children, className }) => <div className={className}>{children}</div>\n  : (dynamic(() => import('react-markdown').then((mod) => mod.default as React.ComponentType<MarkdownPreviewProps>), {\n      ssr: false,\n      loading: () => null,\n    }) as unknown as React.ComponentType<MarkdownPreviewProps>)\n\nlet markdownPluginsPromise: Promise<PluggableList> | null = null\n\nasync function loadMarkdownPlugins(): Promise<PluggableList> {\n  if (isTestEnv) return []\n  if (!markdownPluginsPromise) {\n    markdownPluginsPromise = import('remark-gfm')\n      .then((mod) => [mod.default ?? mod] as PluggableList)\n      .catch(() => [])\n  }\n  return markdownPluginsPromise\n}\n\nconst MARKDOWN_FIELD_TYPES = new Set<CrudField['type']>(['text', 'textarea', 'richtext'])\nconst MARKDOWN_CLASSNAME =\n  'text-sm text-foreground break-words [&>*]:mb-2 [&>*:last-child]:mb-0 [&_ul]:ml-4 [&_ul]:list-disc [&_ol]:ml-4 [&_ol]:list-decimal [&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_pre]:rounded-md [&_pre]:bg-muted [&_pre]:p-3 [&_pre]:text-xs'\n\nfunction renderMarkdownValue(content: string, remarkPlugins: PluggableList) {\n  return (\n    <MarkdownPreview remarkPlugins={remarkPlugins} className={MARKDOWN_CLASSNAME}>\n      {content}\n    </MarkdownPreview>\n  )\n}\n\nfunction extractDictionaryValue(entry: unknown): string | null {\n  if (typeof entry === 'string') {\n    const trimmed = entry.trim()\n    return trimmed.length ? trimmed : null\n  }\n  if (!entry || typeof entry !== 'object') return null\n  const record = entry as Record<string, unknown>\n  const candidate = record.value ?? record.name ?? record.id ?? record.key ?? record.label\n  if (typeof candidate === 'string') {\n    const trimmed = candidate.trim()\n    return trimmed.length ? trimmed : null\n  }\n  return null\n}\n\nexport type CustomDataLabels = {\n  loading: string\n  emptyValue: string\n  noFields: string\n  defineFields?: string\n  saveShortcut: string\n  edit?: string\n  cancel?: string\n}\n\nexport type CustomDataSectionProps = {\n  entityId?: string\n  entityIds?: string[]\n  values: Record<string, unknown>\n  onSubmit: (values: Record<string, unknown>) => Promise<void>\n  title: string\n  scopeVersion?: string | number | null\n  loadFields?: (\n    entityIds: string[],\n  ) => Promise<{ fields: CrudField[]; definitions: CustomFieldDefDto[] }>\n  labels: CustomDataLabels\n  definitionHref?: string\n}\n\nfunction formatFieldValue(\n  field: CrudField,\n  value: unknown,\n  emptyLabel: string,\n  dictionaryMap?: DictionaryMap,\n  remarkPlugins: PluggableList = [],\n  resolvedDisplays?: Record<string, ResolvedValueDisplay>,\n): React.ReactNode {\n  if (dictionaryMap) {\n    if (value === undefined || value === null || value === '') {\n      return <span className=\"text-muted-foreground\">{emptyLabel}</span>\n    }\n\n    if (Array.isArray(value)) {\n      const normalizedValues = value\n        .map((entry) => extractDictionaryValue(entry))\n        .filter((entry): entry is string => typeof entry === 'string' && entry.length > 0)\n\n      if (!normalizedValues.length) {\n        return <span className=\"text-muted-foreground\">{emptyLabel}</span>\n      }\n\n      return (\n        <div className=\"flex flex-wrap gap-1.5\">\n          {normalizedValues.map((entry, index) => (\n            <DictionaryValue\n              key={`${field.id}-${entry}-${index}`}\n              value={entry}\n              map={dictionaryMap}\n              className=\"inline-flex items-center gap-1 rounded-full border border-border bg-card px-2 py-1 text-xs\"\n              iconWrapperClassName=\"inline-flex h-4 w-4 items-center justify-center rounded-full border border-border bg-background\"\n              iconClassName=\"h-3 w-3\"\n              colorClassName=\"h-2.5 w-2.5 rounded-full\"\n            />\n          ))}\n        </div>\n      )\n    }\n\n    const resolved = extractDictionaryValue(value)\n    if (!resolved) {\n      return <span className=\"text-muted-foreground\">{emptyLabel}</span>\n    }\n\n    return (\n      <DictionaryValue\n        value={resolved}\n        map={dictionaryMap}\n        className=\"inline-flex items-center gap-2 text-sm\"\n        fallback={<span className=\"text-muted-foreground\">{emptyLabel}</span>}\n        iconWrapperClassName=\"inline-flex h-6 w-6 items-center justify-center rounded border border-border bg-card\"\n        iconClassName=\"h-4 w-4\"\n        colorClassName=\"h-3 w-3 rounded-full\"\n      />\n    )\n  }\n\n  const optionMap =\n    'options' in field && Array.isArray(field.options)\n      ? field.options.reduce<Map<string, string>>((acc, option) => {\n          acc.set(option.value, option.label)\n          return acc\n        }, new Map())\n      : null\n\n  const resolveOptionDisplay = (entry: unknown): ResolvedValueDisplay | null => {\n    const lookupKey = extractOptionLookupKey(entry)\n    if (lookupKey && resolvedDisplays?.[lookupKey]) {\n      return resolvedDisplays[lookupKey]\n    }\n    const inlineLabel = extractInlineOptionLabel(entry)\n    if (lookupKey) {\n      return {\n        label: inlineLabel ?? optionMap?.get(lookupKey) ?? lookupKey,\n      }\n    }\n    if (inlineLabel) {\n      return { label: inlineLabel }\n    }\n    return null\n  }\n\n  const renderResolvedDisplay = (display: ResolvedValueDisplay) => {\n    if (!display.href) return display.label\n    return (\n      <Link\n        href={display.href}\n        className=\"font-medium text-primary underline-offset-2 hover:underline focus-visible:underline\"\n        onClick={(event) => event.stopPropagation()}\n        onKeyDown={(event) => event.stopPropagation()}\n      >\n        {display.label}\n      </Link>\n    )\n  }\n\n  if (value === undefined || value === null || value === '') {\n    return <span className=\"text-muted-foreground\">{emptyLabel}</span>\n  }\n\n  if (Array.isArray(value)) {\n    if (!value.length) return <span className=\"text-muted-foreground\">{emptyLabel}</span>\n    return value.map((entry, index) => (\n      <span\n        key={`${field.id}-${index}`}\n        className=\"mr-1 inline-flex items-center rounded-full bg-muted px-2 py-0.5 text-xs\"\n      >\n        {(() => {\n          const display = resolveOptionDisplay(entry)\n          if (!display) return emptyLabel\n          return renderResolvedDisplay(display)\n        })()}\n      </span>\n    ))\n  }\n\n  if (typeof value === 'boolean') {\n    return value ? 'Yes' : 'No'\n  }\n\n  if (resolvedDisplays && Object.keys(resolvedDisplays).length > 0) {\n    const resolvedDisplay = resolveOptionDisplay(value)\n    if (resolvedDisplay) {\n      return renderResolvedDisplay(resolvedDisplay)\n    }\n  }\n\n  if (typeof value === 'object') {\n    try {\n      return JSON.stringify(value)\n    } catch {\n      return String(value)\n    }\n  }\n\n  const resolved = optionMap?.get(String(value)) ?? String(value)\n  if (typeof value === 'string' && MARKDOWN_FIELD_TYPES.has(field.type)) {\n    if (!resolved.trim().length) {\n      return <span className=\"text-muted-foreground\">{emptyLabel}</span>\n    }\n    return renderMarkdownValue(value, remarkPlugins)\n  }\n  if (!resolved.length) return <span className=\"text-muted-foreground\">{emptyLabel}</span>\n  return resolved\n}\n\nfunction CustomDataSectionImpl({\n  entityId,\n  entityIds,\n  values,\n  onSubmit,\n  title,\n  scopeVersion: scopeVersionProp,\n  loadFields,\n  labels,\n  definitionHref: explicitDefinitionHref,\n}: CustomDataSectionProps) {\n  const queryClient = useQueryClient()\n  const defaultScopeVersion = useOrganizationScopeVersion()\n  const scopeVersion = scopeVersionProp ?? defaultScopeVersion\n  const resolvedScopeVersion = React.useMemo(\n    () => (typeof scopeVersion === 'number' ? scopeVersion : Number(scopeVersion) || 0),\n    [scopeVersion],\n  )\n  const [dictionaryMapsByField, setDictionaryMapsByField] = React.useState<Record<string, DictionaryMap>>({})\n  const [resolvedDisplaysByField, setResolvedDisplaysByField] = React.useState<Record<string, Record<string, ResolvedValueDisplay>>>({})\n  const [editing, setEditing] = React.useState(false)\n  const sectionRef = React.useRef<HTMLDivElement | null>(null)\n  const [markdownPlugins, setMarkdownPlugins] = React.useState<PluggableList>([])\n  React.useEffect(() => {\n    if (isTestEnv) return\n    let mounted = true\n    void loadMarkdownPlugins().then((plugins) => {\n      if (!mounted) return\n      setMarkdownPlugins(plugins)\n    })\n    return () => {\n      mounted = false\n    }\n  }, [])\n  const resolvedEntityIds = React.useMemo(() => {\n    if (Array.isArray(entityIds) && entityIds.length) {\n      const dedup = new Set<string>()\n      const list: string[] = []\n      entityIds.forEach((id) => {\n        const trimmed = typeof id === 'string' ? id.trim() : ''\n        if (!trimmed || dedup.has(trimmed)) return\n        dedup.add(trimmed)\n        list.push(trimmed)\n      })\n      return list\n    }\n    if (typeof entityId === 'string' && entityId.trim().length > 0) {\n      return [entityId.trim()]\n    }\n    return []\n  }, [entityId, entityIds])\n  const primaryEntityId = resolvedEntityIds.length ? resolvedEntityIds[0] : undefined\n  const customFieldFormsQuery = useQuery({\n    queryKey: ['customFieldForms', resolvedScopeVersion, ...resolvedEntityIds],\n    enabled: resolvedEntityIds.length > 0,\n    staleTime: 5 * 60 * 1000,\n    gcTime: 30 * 60 * 1000,\n    queryFn: async () => {\n      const loader = loadFields ?? fetchCustomFieldFormFieldsWithDefinitions\n      return loader(resolvedEntityIds)\n    },\n  })\n  const fields = React.useMemo(() => customFieldFormsQuery.data?.fields ?? [], [customFieldFormsQuery.data])\n  const definitions = React.useMemo(\n    () => customFieldFormsQuery.data?.definitions ?? [],\n    [customFieldFormsQuery.data],\n  )\n  const [dictionaryLoading, setDictionaryLoading] = React.useState(false)\n  const [relationLoading, setRelationLoading] = React.useState(false)\n  const loading = customFieldFormsQuery.isLoading || dictionaryLoading || relationLoading\n  const hasFields = fields.length > 0\n  const definitionHref = explicitDefinitionHref ?? (primaryEntityId\n    ? `/backend/entities/system/${encodeURIComponent(primaryEntityId)}`\n    : undefined)\n\n  React.useEffect(() => {\n    if (!hasFields && editing) {\n      setEditing(false)\n    }\n  }, [editing, hasFields])\n\n  const submitActiveForm = React.useCallback(() => {\n    const node = sectionRef.current?.querySelector('form')\n    if (!node) return\n    const form = node as HTMLFormElement\n    if (typeof form.requestSubmit === 'function') {\n      form.requestSubmit()\n      return\n    }\n    form.dispatchEvent(new Event('submit', { bubbles: true, cancelable: true }))\n  }, [])\n\n  const handleEditingKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!editing) return\n      if (event.key === 'Escape') {\n        event.preventDefault()\n        setEditing(false)\n        return\n      }\n      if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) {\n        event.preventDefault()\n        submitActiveForm()\n      }\n    },\n    [editing, submitActiveForm],\n  )\n\n  const handleActivate = React.useCallback(() => {\n    if (loading || editing || !hasFields) return\n    setEditing(true)\n  }, [editing, hasFields, loading])\n\n  const handleReadOnlyKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (loading || editing || !hasFields) return\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault()\n        setEditing(true)\n      }\n    },\n    [editing, hasFields, loading],\n  )\n\n  React.useEffect(() => {\n    if (!resolvedEntityIds.length || !definitions.length) {\n      setDictionaryLoading((prev) => (prev ? false : prev))\n      setDictionaryMapsByField((prev) => (Object.keys(prev).length ? {} : prev))\n      return\n    }\n\n    let cancelled = false\n    const load = async () => {\n      setDictionaryLoading(true)\n      try {\n        const dictionaryDefs = definitions\n          .map((def) => {\n            const rawId = typeof def.dictionaryId === 'string' ? def.dictionaryId.trim() : ''\n            if (!rawId) return null\n            return { keyLower: def.key.toLowerCase(), dictionaryId: rawId }\n          })\n          .filter((entry): entry is { keyLower: string; dictionaryId: string } => !!entry)\n\n        if (!dictionaryDefs.length) {\n          if (!cancelled) {\n            setDictionaryMapsByField((prev) => (Object.keys(prev).length ? {} : prev))\n          }\n          return\n        }\n\n        const uniqueDictionaryIds = Array.from(new Set(dictionaryDefs.map((entry) => entry.dictionaryId)))\n        const mapsByDictionaryId: Record<string, DictionaryMap> = {}\n\n        await Promise.all(\n          uniqueDictionaryIds.map(async (dictionaryId) => {\n            try {\n              const data = await ensureDictionaryEntries(queryClient, dictionaryId, resolvedScopeVersion)\n              mapsByDictionaryId[dictionaryId] = data.map\n            } catch {\n              mapsByDictionaryId[dictionaryId] = {}\n            }\n          }),\n        )\n\n        const dictionaryByKey = dictionaryDefs.reduce<Map<string, string>>((acc, entry) => {\n          acc.set(entry.keyLower, entry.dictionaryId)\n          return acc\n        }, new Map())\n\n        const nextMaps: Record<string, DictionaryMap> = {}\n        fields.forEach((field) => {\n          const id = typeof field.id === 'string' ? field.id : ''\n          if (!id) return\n          const normalizedKey = id.startsWith('cf_') ? id.slice(3) : id\n          const keyLower = normalizedKey.toLowerCase()\n          if (!keyLower) return\n          const dictionaryId = dictionaryByKey.get(keyLower)\n          if (!dictionaryId) return\n          nextMaps[id] = mapsByDictionaryId[dictionaryId] ?? {}\n        })\n\n        if (!cancelled) {\n          setDictionaryMapsByField((prev) => {\n            const prevKeys = Object.keys(prev)\n            const nextKeys = Object.keys(nextMaps)\n            if (\n              prevKeys.length === nextKeys.length &&\n              prevKeys.every((key) => prev[key] === nextMaps[key])\n            ) {\n              return prev\n            }\n            return nextMaps\n          })\n        }\n      } catch {\n        if (!cancelled) {\n          setDictionaryMapsByField((prev) => (Object.keys(prev).length ? {} : prev))\n        }\n      } finally {\n        if (!cancelled) {\n          setDictionaryLoading(false)\n        }\n      }\n    }\n\n    load().catch(() => {})\n    return () => {\n      cancelled = true\n    }\n  }, [definitions, fields, queryClient, resolvedEntityIds, resolvedScopeVersion])\n\n  React.useEffect(() => {\n    if (!definitions.length || !fields.length) {\n      setRelationLoading((prev) => (prev ? false : prev))\n      setResolvedDisplaysByField((prev) => (Object.keys(prev).length ? {} : prev))\n      return\n    }\n\n    const definitionsByKey = definitions.reduce<Map<string, CustomFieldDefDto>>((acc, definition) => {\n      acc.set(definition.key.toLowerCase(), definition)\n      return acc\n    }, new Map())\n\n    const relationFields = fields\n      .map((field) => {\n        const normalizedKey = field.id.startsWith('cf_') ? field.id.slice(3) : field.id\n        const definition = definitionsByKey.get(normalizedKey.toLowerCase())\n        if (!definition || definition.kind !== 'relation') return null\n        const relationIds = collectRelationValueIds(values?.[field.id])\n        if (!relationIds.length) return null\n        return { field, definition, relationIds }\n      })\n      .filter((entry): entry is { field: CrudField; definition: CustomFieldDefDto; relationIds: string[] } => !!entry)\n\n    if (!relationFields.length) {\n      setRelationLoading((prev) => (prev ? false : prev))\n      setResolvedDisplaysByField((prev) => (Object.keys(prev).length ? {} : prev))\n      return\n    }\n\n    const abortController = new AbortController()\n\n    const load = async () => {\n      setRelationLoading(true)\n      try {\n        const nextDisplays: Record<string, Record<string, ResolvedValueDisplay>> = {}\n\n        await Promise.all(\n          relationFields.map(async ({ field, definition, relationIds }) => {\n            const displays: Record<string, ResolvedValueDisplay> = {}\n\n            if ('options' in field && Array.isArray(field.options)) {\n              field.options.forEach((option) => {\n                displays[option.value] = { label: option.label }\n              })\n            }\n\n            if ('loadOptions' in field && typeof field.loadOptions === 'function') {\n              try {\n                const remoteOptions = await field.loadOptions()\n                remoteOptions.forEach((option) => {\n                  const href = (() => {\n                    const relation = parseRelationOptionsMetadata(definition.optionsUrl)\n                    return relation ? buildRelationHref(relation.entityId, option.value) : undefined\n                  })()\n                  displays[option.value] = { label: option.label, href }\n                })\n              } catch (error) {\n                console.debug('[CustomDataSection] Failed to load remote options for field', field.id, error)\n              }\n            }\n\n            const relation = parseRelationOptionsMetadata(definition.optionsUrl)\n            const needsRouteContext = relation ? getRelationHrefContextFields(relation.entityId).length > 0 : false\n            const unresolvedIds = relationIds.filter((relationId) => {\n              const display = displays[relationId]\n              if (!display) return true\n              return needsRouteContext && !display.href\n            })\n            if (relation && unresolvedIds.length) {\n              try {\n                const fetchedDisplays = await fetchRelationRecordDisplays(definition.optionsUrl!, relation, unresolvedIds, abortController.signal)\n                Object.assign(displays, fetchedDisplays)\n              } catch (error) {\n                console.debug('[CustomDataSection] Failed to fetch relation record displays for field', field.id, error)\n                unresolvedIds.forEach((relationId) => {\n                  if (!displays[relationId]) {\n                    displays[relationId] = {\n                      label: relationId,\n                      href: buildRelationHref(relation.entityId, relationId),\n                    }\n                  }\n                })\n              }\n            }\n\n            if (Object.keys(displays).length > 0) {\n              nextDisplays[field.id] = displays\n            }\n          }),\n        )\n\n        if (!abortController.signal.aborted) {\n          setResolvedDisplaysByField((prev) => {\n            const previousKeys = Object.keys(prev)\n            const nextKeys = Object.keys(nextDisplays)\n            if (\n              previousKeys.length === nextKeys.length &&\n              previousKeys.every((key) => JSON.stringify(prev[key]) === JSON.stringify(nextDisplays[key]))\n            ) {\n              return prev\n            }\n            return nextDisplays\n          })\n        }\n      } finally {\n        if (!abortController.signal.aborted) {\n          setRelationLoading(false)\n        }\n      }\n    }\n\n    void load()\n    return () => {\n      abortController.abort()\n    }\n  }, [definitions, fields, values])\n\n  const handleSubmit = React.useCallback(\n    async (input: Record<string, unknown>) => {\n      await onSubmit(input)\n      setEditing(false)\n    },\n    [onSubmit],\n  )\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex items-center justify-between group\">\n        <h2 className=\"text-sm font-semibold\">{title}</h2>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon\"\n          onClick={() => {\n            if (!hasFields || loading) return\n            setEditing((prev) => !prev)\n          }}\n          disabled={loading || !hasFields}\n          className={\n            editing\n              ? 'opacity-100 transition-opacity duration-150'\n              : 'opacity-100 md:opacity-0 transition-opacity duration-150 md:group-hover:opacity-100 focus-visible:opacity-100'\n          }\n        >\n          {editing ? <X className=\"h-4 w-4\" /> : <Pencil className=\"h-4 w-4\" />}\n          <span className=\"sr-only\">{editing ? labels.cancel ?? 'Cancel' : labels.edit ?? 'Edit'}</span>\n        </Button>\n      </div>\n      <DataLoader\n        isLoading={loading}\n        loadingMessage={labels.loading}\n        spinnerSize=\"md\"\n        className=\"min-h-[120px]\"\n      >\n        {editing ? (\n          <div\n            ref={sectionRef}\n            className=\"rounded-lg border bg-card p-3 sm:p-4\"\n            onKeyDown={handleEditingKeyDown}\n          >\n            <CrudForm<Record<string, unknown>>\n              embedded\n              entityId={primaryEntityId}\n              entityIds={resolvedEntityIds}\n              fields={fields}\n              initialValues={values}\n              onSubmit={handleSubmit}\n              submitLabel={labels.saveShortcut}\n              isLoading={loading}\n            />\n          </div>\n        ) : (\n          <div\n            className={cn(\n              'rounded-lg border bg-muted/20 p-3 sm:p-4 space-y-2 sm:space-y-3 transition hover:border-border/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary',\n              hasFields && !loading ? 'cursor-pointer' : 'cursor-default',\n            )}\n            role={hasFields && !loading ? 'button' : undefined}\n            tabIndex={hasFields && !loading ? 0 : -1}\n            onClick={hasFields && !loading ? handleActivate : undefined}\n            onKeyDown={hasFields && !loading ? handleReadOnlyKeyDown : undefined}\n          >\n            {!hasFields ? (\n              <p className=\"text-sm text-muted-foreground\">\n                {labels.noFields}{' '}\n                {definitionHref && labels.defineFields ? (\n                  <Link\n                    href={definitionHref}\n                    className=\"font-medium text-primary underline-offset-2 hover:underline focus-visible:underline\"\n                  >\n                    {labels.defineFields}\n                  </Link>\n                ) : null}\n              </p>\n            ) : (\n              fields.map((field) => (\n                <div key={field.id} className=\"space-y-1\">\n                  <p className=\"text-xs uppercase tracking-wide text-muted-foreground\">\n                    {field.label}\n                  </p>\n                  <div className=\"text-sm break-words\">\n                    {formatFieldValue(\n                      field,\n                      values?.[field.id],\n                      labels.emptyValue,\n                      dictionaryMapsByField[field.id],\n                      markdownPlugins,\n                      resolvedDisplaysByField[field.id],\n                    )}\n                  </div>\n                </div>\n              ))\n            )}\n          </div>\n        )}\n      </DataLoader>\n    </div>\n  )\n}\n\nexport function CustomDataSection(props: CustomDataSectionProps) {\n  const handle = ComponentReplacementHandles.section('ui.detail', 'CustomDataSection')\n  const Resolved = useRegisteredComponent<CustomDataSectionProps>(\n    handle,\n    CustomDataSectionImpl as React.ComponentType<CustomDataSectionProps>,\n  )\n\n  return (\n    <div data-component-handle={handle}>\n      <Resolved {...props} />\n    </div>\n  )\n}\n\nexport default CustomDataSection\n"],
+  "mappings": "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",
+  "names": ["resolved", "relation"]
+}