@open-mercato/ui 0.4.2-canary-c02407ff85

package/dist/backend/detail/CustomDataSection.js

@@ -0,0 +1,433 @@
+"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 "@open-mercato/ui/primitives/button";
+import { DataLoader } from "@open-mercato/ui/primitives/DataLoader";
+import { CrudForm } from "@open-mercato/ui/backend/CrudForm";
+import { fetchCustomFieldFormFieldsWithDefinitions } from "@open-mercato/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 { useOrganizationScopeVersion } from "@open-mercato/shared/lib/frontend/useOrganizationScope";
+import { cn } from "@open-mercato/shared/lib/utils";
+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 = []) {
+  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 resolveOptionLabel = (entry) => {
+    if (entry && typeof entry === "object") {
+      const record = entry;
+      const candidateLabel = record.label;
+      if (typeof candidateLabel === "string" && candidateLabel.trim().length) {
+        return candidateLabel.trim();
+      }
+      const candidateValue = record.value ?? record.name;
+      if (typeof candidateValue === "string" && candidateValue.trim().length) {
+        const normalized2 = candidateValue.trim();
+        return optionMap?.get(normalized2) ?? normalized2;
+      }
+    }
+    if (entry === void 0 || entry === null) return "";
+    const normalized = String(entry);
+    if (!normalized.length) return "";
+    return optionMap?.get(normalized) ?? normalized;
+  };
+  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: resolveOptionLabel(entry) || emptyLabel
+      },
+      `${field.id}-${index}`
+    ));
+  }
+  if (typeof value === "boolean") {
+    return value ? "Yes" : "No";
+  }
+  if (typeof value === "object") {
+    try {
+      return JSON.stringify(value);
+    } catch {
+      return String(value);
+    }
+  }
+  const resolved = resolveOptionLabel(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 CustomDataSection({
+  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 [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 loading = customFieldFormsQuery.isLoading || dictionaryLoading;
+  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]);
+  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-0 transition-opacity duration-150 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-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-4 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
+              ) })
+            ] }, field.id))
+          }
+        )
+      }
+    )
+  ] });
+}
+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 '@open-mercato/ui/primitives/button'\nimport { DataLoader } from '@open-mercato/ui/primitives/DataLoader'\nimport type { CrudField } from '@open-mercato/ui/backend/CrudForm'\nimport { CrudForm } from '@open-mercato/ui/backend/CrudForm'\nimport { fetchCustomFieldFormFieldsWithDefinitions } from '@open-mercato/ui/backend/utils/customFieldForms'\nimport type { CustomFieldDefDto } from '@open-mercato/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 { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { cn } from '@open-mercato/shared/lib/utils'\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): 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 resolveOptionLabel = (entry: unknown): string => {\n    if (entry && typeof entry === 'object') {\n      const record = entry as { label?: unknown; value?: unknown; name?: unknown }\n      const candidateLabel = record.label\n      if (typeof candidateLabel === 'string' && candidateLabel.trim().length) {\n        return candidateLabel.trim()\n      }\n      const candidateValue = record.value ?? record.name\n      if (typeof candidateValue === 'string' && candidateValue.trim().length) {\n        const normalized = candidateValue.trim()\n        return optionMap?.get(normalized) ?? normalized\n      }\n    }\n    if (entry === undefined || entry === null) return ''\n    const normalized = String(entry)\n    if (!normalized.length) return ''\n    return optionMap?.get(normalized) ?? normalized\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        {resolveOptionLabel(entry) || emptyLabel}\n      </span>\n    ))\n  }\n\n  if (typeof value === 'boolean') {\n    return value ? 'Yes' : 'No'\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 = resolveOptionLabel(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\nexport function CustomDataSection({\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 [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 loading = customFieldFormsQuery.isLoading || dictionaryLoading\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  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-0 transition-opacity duration-150 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-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-4 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                    )}\n                  </div>\n                </div>\n              ))\n            )}\n          </div>\n        )}\n      </DataLoader>\n    </div>\n  )\n}\n\nexport default CustomDataSection\n"],
+  "mappings": "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",
+  "names": ["resolved", "normalized"]
+}

package/dist/backend/detail/DetailFieldsSection.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import {
+  InlineMultilineEditor,
+  InlineSelectEditor,
+  InlineTextEditor
+} from "./InlineEditors.js";
+function DetailFieldsSection({ fields, className }) {
+  return /* @__PURE__ */ jsx("div", { className: ["grid gap-4 sm:grid-cols-2 xl:grid-cols-3", className].filter(Boolean).join(" "), children: fields.map((field) => {
+    const variant = field.editorVariant ?? "muted";
+    const activateOnClick = field.activateOnClick ?? true;
+    const containerClassName = field.containerClassName ?? void 0;
+    const triggerClassName = field.triggerClassName ?? void 0;
+    const wrapperClassName = field.gridClassName ?? void 0;
+    if (field.kind === "text") {
+      return /* @__PURE__ */ jsx("div", { className: wrapperClassName, children: /* @__PURE__ */ jsx(
+        InlineTextEditor,
+        {
+          label: field.label,
+          value: field.value,
+          placeholder: field.placeholder,
+          emptyLabel: field.emptyLabel,
+          onSave: field.onSave,
+          inputType: field.inputType,
+          validator: field.validator,
+          variant,
+          activateOnClick,
+          containerClassName,
+          triggerClassName,
+          hideLabel: field.hideLabel,
+          renderDisplay: field.renderDisplay
+        }
+      ) }, field.key);
+    }
+    if (field.kind === "multiline") {
+      return /* @__PURE__ */ jsx("div", { className: wrapperClassName, children: /* @__PURE__ */ jsx(
+        InlineMultilineEditor,
+        {
+          label: field.label,
+          value: field.value,
+          placeholder: field.placeholder,
+          emptyLabel: field.emptyLabel,
+          onSave: field.onSave,
+          validator: field.validator,
+          variant: variant === "plain" ? "default" : variant,
+          activateOnClick,
+          containerClassName,
+          triggerClassName,
+          renderDisplay: field.renderDisplay
+        }
+      ) }, field.key);
+    }
+    if (field.kind === "select") {
+      return /* @__PURE__ */ jsx("div", { className: wrapperClassName, children: /* @__PURE__ */ jsx(
+        InlineSelectEditor,
+        {
+          label: field.label,
+          value: field.value,
+          emptyLabel: field.emptyLabel,
+          onSave: field.onSave,
+          options: field.options,
+          variant,
+          activateOnClick,
+          containerClassName,
+          triggerClassName
+        }
+      ) }, field.key);
+    }
+    return /* @__PURE__ */ jsx("div", { className: wrapperClassName, children: field.render() }, field.key);
+  }) });
+}
+export {
+  DetailFieldsSection
+};
+//# sourceMappingURL=DetailFieldsSection.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/detail/DetailFieldsSection.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport {\n  InlineMultilineEditor,\n  InlineSelectEditor,\n  InlineTextEditor,\n  type InlineSelectOption,\n  type InlineTextEditorProps,\n  type InlineMultilineEditorProps,\n} from './InlineEditors'\n\ntype EditorVariant = 'default' | 'muted' | 'plain'\n\ntype DetailFieldCommon = {\n  key: string\n  label: string\n  emptyLabel: string\n  gridClassName?: string\n  editorVariant?: EditorVariant\n  activateOnClick?: boolean\n  containerClassName?: string\n  triggerClassName?: string\n}\n\nexport type DetailTextFieldConfig = DetailFieldCommon & {\n  kind: 'text'\n  value: string | null | undefined\n  placeholder?: string\n  onSave: (value: string | null) => Promise<void>\n  inputType?: React.HTMLInputTypeAttribute\n  validator?: (value: string) => string | null\n  hideLabel?: boolean\n  renderDisplay?: InlineTextEditorProps['renderDisplay']\n}\n\nexport type DetailMultilineFieldConfig = DetailFieldCommon & {\n  kind: 'multiline'\n  value: string | null | undefined\n  placeholder?: string\n  onSave: (value: string | null) => Promise<void>\n  validator?: (value: string) => string | null\n  renderDisplay?: InlineMultilineEditorProps['renderDisplay']\n}\n\nexport type DetailSelectFieldConfig = DetailFieldCommon & {\n  kind: 'select'\n  value: string | null | undefined\n  onSave: (value: string | null) => Promise<void>\n  options: InlineSelectOption[]\n}\n\nexport type DetailCustomFieldConfig = DetailFieldCommon & {\n  kind: 'custom'\n  render: () => React.ReactNode\n}\n\nexport type DetailFieldConfig =\n  | DetailTextFieldConfig\n  | DetailMultilineFieldConfig\n  | DetailSelectFieldConfig\n  | DetailCustomFieldConfig\n\nexport type DetailFieldsSectionProps = {\n  fields: DetailFieldConfig[]\n  className?: string\n}\n\nexport function DetailFieldsSection({ fields, className }: DetailFieldsSectionProps) {\n  return (\n    <div className={['grid gap-4 sm:grid-cols-2 xl:grid-cols-3', className].filter(Boolean).join(' ')}>\n      {fields.map((field) => {\n        const variant = field.editorVariant ?? 'muted'\n        const activateOnClick = field.activateOnClick ?? true\n        const containerClassName = field.containerClassName ?? undefined\n        const triggerClassName = field.triggerClassName ?? undefined\n        const wrapperClassName = field.gridClassName ?? undefined\n\n        if (field.kind === 'text') {\n          return (\n            <div key={field.key} className={wrapperClassName}>\n              <InlineTextEditor\n                label={field.label}\n                value={field.value}\n                placeholder={field.placeholder}\n                emptyLabel={field.emptyLabel}\n                onSave={field.onSave}\n                inputType={field.inputType}\n                validator={field.validator}\n                variant={variant}\n                activateOnClick={activateOnClick}\n                containerClassName={containerClassName}\n                triggerClassName={triggerClassName}\n                hideLabel={field.hideLabel}\n                renderDisplay={field.renderDisplay}\n              />\n            </div>\n          )\n        }\n\n        if (field.kind === 'multiline') {\n          return (\n            <div key={field.key} className={wrapperClassName}>\n              <InlineMultilineEditor\n                label={field.label}\n                value={field.value}\n                placeholder={field.placeholder}\n                emptyLabel={field.emptyLabel}\n                onSave={field.onSave}\n                validator={field.validator}\n                variant={variant === 'plain' ? 'default' : variant}\n                activateOnClick={activateOnClick}\n                containerClassName={containerClassName}\n                triggerClassName={triggerClassName}\n                renderDisplay={field.renderDisplay}\n              />\n            </div>\n          )\n        }\n\n        if (field.kind === 'select') {\n          return (\n            <div key={field.key} className={wrapperClassName}>\n              <InlineSelectEditor\n                label={field.label}\n                value={field.value}\n                emptyLabel={field.emptyLabel}\n                onSave={field.onSave}\n                options={field.options}\n                variant={variant}\n                activateOnClick={activateOnClick}\n                containerClassName={containerClassName}\n                triggerClassName={triggerClassName}\n              />\n            </div>\n          )\n        }\n\n        return (\n          <div key={field.key} className={wrapperClassName}>\n            {field.render()}\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n"],
+  "mappings": ";AAiFc;AA9Ed;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AA0DA,SAAS,oBAAoB,EAAE,QAAQ,UAAU,GAA6B;AACnF,SACE,oBAAC,SAAI,WAAW,CAAC,4CAA4C,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC7F,iBAAO,IAAI,CAAC,UAAU;AACrB,UAAM,UAAU,MAAM,iBAAiB;AACvC,UAAM,kBAAkB,MAAM,mBAAmB;AACjD,UAAM,qBAAqB,MAAM,sBAAsB;AACvD,UAAM,mBAAmB,MAAM,oBAAoB;AACnD,UAAM,mBAAmB,MAAM,iBAAiB;AAEhD,QAAI,MAAM,SAAS,QAAQ;AACzB,aACE,oBAAC,SAAoB,WAAW,kBAC9B;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,MAAM;AAAA,UACb,OAAO,MAAM;AAAA,UACb,aAAa,MAAM;AAAA,UACnB,YAAY,MAAM;AAAA,UAClB,QAAQ,MAAM;AAAA,UACd,WAAW,MAAM;AAAA,UACjB,WAAW,MAAM;AAAA,UACjB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,WAAW,MAAM;AAAA,UACjB,eAAe,MAAM;AAAA;AAAA,MACvB,KAfQ,MAAM,GAgBhB;AAAA,IAEJ;AAEA,QAAI,MAAM,SAAS,aAAa;AAC9B,aACE,oBAAC,SAAoB,WAAW,kBAC9B;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,MAAM;AAAA,UACb,OAAO,MAAM;AAAA,UACb,aAAa,MAAM;AAAA,UACnB,YAAY,MAAM;AAAA,UAClB,QAAQ,MAAM;AAAA,UACd,WAAW,MAAM;AAAA,UACjB,SAAS,YAAY,UAAU,YAAY;AAAA,UAC3C;AAAA,UACA;AAAA,UACA;AAAA,UACA,eAAe,MAAM;AAAA;AAAA,MACvB,KAbQ,MAAM,GAchB;AAAA,IAEJ;AAEA,QAAI,MAAM,SAAS,UAAU;AAC3B,aACE,oBAAC,SAAoB,WAAW,kBAC9B;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,MAAM;AAAA,UACb,OAAO,MAAM;AAAA,UACb,YAAY,MAAM;AAAA,UAClB,QAAQ,MAAM;AAAA,UACd,SAAS,MAAM;AAAA,UACf;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF,KAXQ,MAAM,GAYhB;AAAA,IAEJ;AAEA,WACE,oBAAC,SAAoB,WAAW,kBAC7B,gBAAM,OAAO,KADN,MAAM,GAEhB;AAAA,EAEJ,CAAC,GACH;AAEJ;",
+  "names": []
+}

package/dist/backend/detail/ErrorMessage.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertCircle } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+function ErrorMessage({ label, description, action, className, iconClassName }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-start gap-3 rounded border border-destructive/50 bg-destructive/5 px-3 py-2 text-sm text-destructive",
+        className
+      ),
+      role: "alert",
+      children: [
+        /* @__PURE__ */ jsx(AlertCircle, { className: cn("h-4 w-4 flex-none", iconClassName), "aria-hidden": true }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "leading-tight", children: label }),
+          description ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: description }) : null,
+          action ? /* @__PURE__ */ jsx("div", { className: "pt-1", children: action }) : null
+        ] })
+      ]
+    }
+  );
+}
+export {
+  ErrorMessage
+};
+//# sourceMappingURL=ErrorMessage.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/detail/ErrorMessage.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { AlertCircle } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\ntype ErrorMessageProps = {\n  label: string\n  description?: string\n  action?: React.ReactNode\n  className?: string\n  iconClassName?: string\n}\n\nexport function ErrorMessage({ label, description, action, className, iconClassName }: ErrorMessageProps) {\n  return (\n    <div\n      className={cn(\n        'flex items-start gap-3 rounded border border-destructive/50 bg-destructive/5 px-3 py-2 text-sm text-destructive',\n        className\n      )}\n      role=\"alert\"\n    >\n      <AlertCircle className={cn('h-4 w-4 flex-none', iconClassName)} aria-hidden />\n      <div className=\"space-y-1\">\n        <p className=\"leading-tight\">{label}</p>\n        {description ? <p className=\"text-muted-foreground\">{description}</p> : null}\n        {action ? <div className=\"pt-1\">{action}</div> : null}\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": ";AAuBM,cACA,YADA;AApBN,SAAS,mBAAmB;AAC5B,SAAS,UAAU;AAUZ,SAAS,aAAa,EAAE,OAAO,aAAa,QAAQ,WAAW,cAAc,GAAsB;AACxG,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA,MAAK;AAAA,MAEL;AAAA,4BAAC,eAAY,WAAW,GAAG,qBAAqB,aAAa,GAAG,eAAW,MAAC;AAAA,QAC5E,qBAAC,SAAI,WAAU,aACb;AAAA,8BAAC,OAAE,WAAU,iBAAiB,iBAAM;AAAA,UACnC,cAAc,oBAAC,OAAE,WAAU,yBAAyB,uBAAY,IAAO;AAAA,UACvE,SAAS,oBAAC,SAAI,WAAU,QAAQ,kBAAO,IAAS;AAAA,WACnD;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}