@open-mercato/documents 0.6.8-develop.7016.1.4ed7b1e49d

package/dist/modules/documents/backend/documents/[id]/OutlinePane.js

@@ -0,0 +1,70 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { cn } from "@open-mercato/shared/lib/utils";
+const OUTLINE_REFRESH_DELAY_MS = 300;
+function collectHeadings(editor) {
+  const headings = [];
+  editor.state.doc.descendants((node, pos) => {
+    if (node.type.name !== "heading") return;
+    const text = node.textContent.trim();
+    if (!text) return;
+    const rawLevel = node.attrs.level;
+    const level = typeof rawLevel === "number" && Number.isFinite(rawLevel) ? Math.min(Math.max(rawLevel, 1), 6) : 1;
+    headings.push({ level, text, pos });
+  });
+  return headings;
+}
+function getIndentClass(level) {
+  if (level <= 1) return "pl-2";
+  if (level === 2) return "pl-5";
+  return "pl-8";
+}
+function OutlinePane({ editor }) {
+  const t = useT();
+  const [headings, setHeadings] = React.useState([]);
+  React.useEffect(() => {
+    if (!editor) {
+      setHeadings([]);
+      return;
+    }
+    let timer = null;
+    const refresh = () => {
+      if (timer !== null) window.clearTimeout(timer);
+      timer = window.setTimeout(() => {
+        timer = null;
+        setHeadings(collectHeadings(editor));
+      }, OUTLINE_REFRESH_DELAY_MS);
+    };
+    setHeadings(collectHeadings(editor));
+    editor.on("update", refresh);
+    return () => {
+      if (timer !== null) window.clearTimeout(timer);
+      editor.off("update", refresh);
+    };
+  }, [editor]);
+  const jumpToHeading = React.useCallback((heading) => {
+    editor?.chain().focus().setTextSelection(heading.pos + 1).scrollIntoView().run();
+  }, [editor]);
+  return /* @__PURE__ */ jsxs("aside", { className: "rounded-lg border border-border bg-card p-3 shadow-sm lg:sticky lg:top-20 lg:w-64 lg:shrink-0", children: [
+    /* @__PURE__ */ jsx("h2", { className: "mb-3 text-sm font-semibold text-foreground", children: t("documents.editor.outline.title") }),
+    headings.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("documents.editor.outline.empty") }) : /* @__PURE__ */ jsx("nav", { "aria-label": t("documents.editor.outline.title"), children: /* @__PURE__ */ jsx("div", { className: "space-y-1", children: headings.map((heading) => /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        size: "sm",
+        variant: "ghost",
+        className: cn("h-auto w-full justify-start py-1 pr-2 text-left text-sm", getIndentClass(heading.level)),
+        onClick: () => jumpToHeading(heading),
+        children: /* @__PURE__ */ jsx("span", { className: "truncate", children: heading.text })
+      },
+      `${heading.pos}:${heading.text}`
+    )) }) })
+  ] });
+}
+export {
+  OutlinePane
+};
+//# sourceMappingURL=OutlinePane.js.map

package/dist/modules/documents/backend/documents/[id]/OutlinePane.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/documents/backend/documents/%5Bid%5D/OutlinePane.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { Editor } from '@tiptap/core'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\ntype OutlineHeading = {\n  level: number\n  text: string\n  pos: number\n}\n\ntype OutlinePaneProps = {\n  editor: Editor | null\n}\n\nconst OUTLINE_REFRESH_DELAY_MS = 300\n\nfunction collectHeadings(editor: Editor): OutlineHeading[] {\n  const headings: OutlineHeading[] = []\n  editor.state.doc.descendants((node, pos) => {\n    if (node.type.name !== 'heading') return\n    const text = node.textContent.trim()\n    if (!text) return\n    const rawLevel = node.attrs.level\n    const level = typeof rawLevel === 'number' && Number.isFinite(rawLevel)\n      ? Math.min(Math.max(rawLevel, 1), 6)\n      : 1\n    headings.push({ level, text, pos })\n  })\n  return headings\n}\n\nfunction getIndentClass(level: number): string {\n  if (level <= 1) return 'pl-2'\n  if (level === 2) return 'pl-5'\n  return 'pl-8'\n}\n\nexport function OutlinePane({ editor }: OutlinePaneProps) {\n  const t = useT()\n  const [headings, setHeadings] = React.useState<OutlineHeading[]>([])\n\n  React.useEffect(() => {\n    if (!editor) {\n      setHeadings([])\n      return\n    }\n\n    let timer: number | null = null\n    const refresh = () => {\n      if (timer !== null) window.clearTimeout(timer)\n      timer = window.setTimeout(() => {\n        timer = null\n        setHeadings(collectHeadings(editor))\n      }, OUTLINE_REFRESH_DELAY_MS)\n    }\n\n    setHeadings(collectHeadings(editor))\n    editor.on('update', refresh)\n    return () => {\n      if (timer !== null) window.clearTimeout(timer)\n      editor.off('update', refresh)\n    }\n  }, [editor])\n\n  const jumpToHeading = React.useCallback((heading: OutlineHeading) => {\n    editor?.chain().focus().setTextSelection(heading.pos + 1).scrollIntoView().run()\n  }, [editor])\n\n  return (\n    <aside className=\"rounded-lg border border-border bg-card p-3 shadow-sm lg:sticky lg:top-20 lg:w-64 lg:shrink-0\">\n      <h2 className=\"mb-3 text-sm font-semibold text-foreground\">{t('documents.editor.outline.title')}</h2>\n      {headings.length === 0 ? (\n        <p className=\"text-sm text-muted-foreground\">{t('documents.editor.outline.empty')}</p>\n      ) : (\n        <nav aria-label={t('documents.editor.outline.title')}>\n          <div className=\"space-y-1\">\n            {headings.map((heading) => (\n              <Button\n                key={`${heading.pos}:${heading.text}`}\n                type=\"button\"\n                size=\"sm\"\n                variant=\"ghost\"\n                className={cn('h-auto w-full justify-start py-1 pr-2 text-left text-sm', getIndentClass(heading.level))}\n                onClick={() => jumpToHeading(heading)}\n              >\n                <span className=\"truncate\">{heading.text}</span>\n              </Button>\n            ))}\n          </div>\n        </nav>\n      )}\n    </aside>\n  )\n}\n"],
+  "mappings": ";AAyEI,SACE,KADF;AAvEJ,YAAY,WAAW;AAEvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,UAAU;AAYnB,MAAM,2BAA2B;AAEjC,SAAS,gBAAgB,QAAkC;AACzD,QAAM,WAA6B,CAAC;AACpC,SAAO,MAAM,IAAI,YAAY,CAAC,MAAM,QAAQ;AAC1C,QAAI,KAAK,KAAK,SAAS,UAAW;AAClC,UAAM,OAAO,KAAK,YAAY,KAAK;AACnC,QAAI,CAAC,KAAM;AACX,UAAM,WAAW,KAAK,MAAM;AAC5B,UAAM,QAAQ,OAAO,aAAa,YAAY,OAAO,SAAS,QAAQ,IAClE,KAAK,IAAI,KAAK,IAAI,UAAU,CAAC,GAAG,CAAC,IACjC;AACJ,aAAS,KAAK,EAAE,OAAO,MAAM,IAAI,CAAC;AAAA,EACpC,CAAC;AACD,SAAO;AACT;AAEA,SAAS,eAAe,OAAuB;AAC7C,MAAI,SAAS,EAAG,QAAO;AACvB,MAAI,UAAU,EAAG,QAAO;AACxB,SAAO;AACT;AAEO,SAAS,YAAY,EAAE,OAAO,GAAqB;AACxD,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAA2B,CAAC,CAAC;AAEnE,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,QAAQ;AACX,kBAAY,CAAC,CAAC;AACd;AAAA,IACF;AAEA,QAAI,QAAuB;AAC3B,UAAM,UAAU,MAAM;AACpB,UAAI,UAAU,KAAM,QAAO,aAAa,KAAK;AAC7C,cAAQ,OAAO,WAAW,MAAM;AAC9B,gBAAQ;AACR,oBAAY,gBAAgB,MAAM,CAAC;AAAA,MACrC,GAAG,wBAAwB;AAAA,IAC7B;AAEA,gBAAY,gBAAgB,MAAM,CAAC;AACnC,WAAO,GAAG,UAAU,OAAO;AAC3B,WAAO,MAAM;AACX,UAAI,UAAU,KAAM,QAAO,aAAa,KAAK;AAC7C,aAAO,IAAI,UAAU,OAAO;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,gBAAgB,MAAM,YAAY,CAAC,YAA4B;AACnE,YAAQ,MAAM,EAAE,MAAM,EAAE,iBAAiB,QAAQ,MAAM,CAAC,EAAE,eAAe,EAAE,IAAI;AAAA,EACjF,GAAG,CAAC,MAAM,CAAC;AAEX,SACE,qBAAC,WAAM,WAAU,iGACf;AAAA,wBAAC,QAAG,WAAU,8CAA8C,YAAE,gCAAgC,GAAE;AAAA,IAC/F,SAAS,WAAW,IACnB,oBAAC,OAAE,WAAU,iCAAiC,YAAE,gCAAgC,GAAE,IAElF,oBAAC,SAAI,cAAY,EAAE,gCAAgC,GACjD,8BAAC,SAAI,WAAU,aACZ,mBAAS,IAAI,CAAC,YACb;AAAA,MAAC;AAAA;AAAA,QAEC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,WAAW,GAAG,2DAA2D,eAAe,QAAQ,KAAK,CAAC;AAAA,QACtG,SAAS,MAAM,cAAc,OAAO;AAAA,QAEpC,8BAAC,UAAK,WAAU,YAAY,kBAAQ,MAAK;AAAA;AAAA,MAPpC,GAAG,QAAQ,GAAG,IAAI,QAAQ,IAAI;AAAA,IAQrC,CACD,GACH,GACF;AAAA,KAEJ;AAEJ;",
+  "names": []
+}

package/dist/modules/documents/backend/documents/[id]/RecordFieldsDialog.js

@@ -0,0 +1,157 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Link2 } from "lucide-react";
+import { ErrorMessage, LoadingMessage } from "@open-mercato/ui/backend/detail";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { CheckboxField } from "@open-mercato/ui/primitives/checkbox-field";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "@open-mercato/ui/primitives/dialog";
+import { EmptyState } from "@open-mercato/ui/primitives/empty-state";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { getEntityRegistryEntry } from "../../../lib/entityRegistry.js";
+import {
+  insertRecordFieldSnapshot
+} from "../../../lib/recordFieldInsertion.js";
+import { readArrayPayload } from "../documentUi.js";
+import { normalizeRelatedRecord } from "./relatedRecordModel.js";
+function RecordFieldsDialog({
+  documentId,
+  linkId,
+  editor,
+  canInsert,
+  onOpenChange
+}) {
+  const t = useT();
+  const open = linkId !== null && canInsert;
+  const [state, setState] = React.useState({ status: "idle" });
+  const [selectedFields, setSelectedFields] = React.useState(() => /* @__PURE__ */ new Set());
+  const [loadAttempt, setLoadAttempt] = React.useState(0);
+  React.useEffect(() => {
+    if (linkId !== null && !canInsert) onOpenChange(false);
+  }, [canInsert, linkId, onOpenChange]);
+  React.useEffect(() => {
+    if (!open || !linkId) {
+      setState({ status: "idle" });
+      setSelectedFields(/* @__PURE__ */ new Set());
+      return;
+    }
+    const controller = new AbortController();
+    setState({ status: "loading" });
+    setSelectedFields(/* @__PURE__ */ new Set());
+    void apiCall(
+      `/api/documents/${encodeURIComponent(documentId)}/links`,
+      { cache: "no-store", signal: controller.signal }
+    ).then((call) => {
+      if (controller.signal.aborted) return;
+      if (!call.ok) {
+        setState({ status: "error" });
+        return;
+      }
+      const record = readArrayPayload(call.result, "items", "data").map((value) => normalizeRelatedRecord(value, t("documents.relatedRecords.restricted"))).find((item) => item?.id === linkId) ?? null;
+      setState({ status: "ready", record });
+    }).catch(() => {
+      if (!controller.signal.aborted) setState({ status: "error" });
+    });
+    return () => controller.abort();
+  }, [documentId, linkId, loadAttempt, open, t]);
+  const retry = React.useCallback(() => {
+    setState({ status: "loading" });
+    setLoadAttempt((current) => current + 1);
+  }, []);
+  const fields = React.useMemo(() => {
+    if (state.status !== "ready" || !state.record?.canOpen) return [];
+    const entry = getEntityRegistryEntry(state.record.entityType);
+    if (!entry) return [];
+    return entry.tokenFields.flatMap((tokenField) => {
+      const value = state.record?.values[tokenField.field];
+      return value ? [{
+        field: tokenField.field,
+        label: t(tokenField.labelKey),
+        value
+      }] : [];
+    });
+  }, [state, t]);
+  const selected = React.useMemo(
+    () => fields.filter((field) => selectedFields.has(field.field)),
+    [fields, selectedFields]
+  );
+  const insert = React.useCallback(() => {
+    if (!canInsert || !editor?.isEditable || selected.length === 0) return;
+    if (insertRecordFieldSnapshot(editor, selected)) onOpenChange(false);
+  }, [canInsert, editor, onOpenChange, selected]);
+  const setOpen = React.useCallback((nextOpen) => {
+    if (!nextOpen) onOpenChange(false);
+  }, [onOpenChange]);
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(DialogContent, { size: "lg", onKeyDown: (event) => {
+    if (event.key === "Escape") {
+      event.preventDefault();
+      onOpenChange(false);
+      return;
+    }
+    if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+      event.preventDefault();
+      insert();
+    }
+  }, children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: t("documents.relatedRecords.actions.insertData") }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: t("documents.relatedRecords.fields.snapshotDisclosure") })
+    ] }),
+    state.status === "loading" ? /* @__PURE__ */ jsx(LoadingMessage, { label: t("documents.relatedRecords.loading") }) : null,
+    state.status === "error" ? /* @__PURE__ */ jsx(
+      ErrorMessage,
+      {
+        label: t("documents.relatedRecords.error.load"),
+        action: /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: retry, children: t("documents.actions.retry") })
+      }
+    ) : null,
+    state.status === "ready" && fields.length === 0 ? /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        size: "sm",
+        variant: "subtle",
+        title: t("documents.relatedRecords.fields.empty"),
+        icon: /* @__PURE__ */ jsx(Link2, { className: "size-5" })
+      }
+    ) : null,
+    state.status === "ready" && fields.length > 0 ? /* @__PURE__ */ jsx("div", { className: "space-y-3", children: fields.map((field) => /* @__PURE__ */ jsx(
+      CheckboxField,
+      {
+        label: field.label,
+        description: field.value,
+        checked: selectedFields.has(field.field),
+        onCheckedChange: (checked) => setSelectedFields((current) => {
+          const next = new Set(current);
+          if (checked === true) next.add(field.field);
+          else next.delete(field.field);
+          return next;
+        })
+      },
+      field.field
+    )) }) : null,
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: t("documents.actions.cancel") }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          onClick: insert,
+          disabled: !canInsert || !editor?.isEditable || selected.length === 0,
+          children: t("documents.relatedRecords.fields.insertSelected")
+        }
+      )
+    ] })
+  ] }) });
+}
+export {
+  RecordFieldsDialog
+};
+//# sourceMappingURL=RecordFieldsDialog.js.map

package/dist/modules/documents/backend/documents/[id]/RecordFieldsDialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/documents/backend/documents/%5Bid%5D/RecordFieldsDialog.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Link2 } from 'lucide-react'\nimport type { Editor } from '@tiptap/core'\nimport { ErrorMessage, LoadingMessage } from '@open-mercato/ui/backend/detail'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { CheckboxField } from '@open-mercato/ui/primitives/checkbox-field'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { EmptyState } from '@open-mercato/ui/primitives/empty-state'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { getEntityRegistryEntry } from '../../../lib/entityRegistry'\nimport {\n  insertRecordFieldSnapshot,\n  type RecordFieldSnapshot,\n} from '../../../lib/recordFieldInsertion'\nimport { readArrayPayload } from '../documentUi'\nimport { normalizeRelatedRecord, type RelatedRecord } from './relatedRecordModel'\n\ntype LoadState =\n  | { status: 'idle' }\n  | { status: 'loading' }\n  | { status: 'error' }\n  | { status: 'ready'; record: RelatedRecord | null }\n\ntype RecordFieldsDialogProps = {\n  documentId: string\n  linkId: string | null\n  editor: Editor | null\n  canInsert: boolean\n  onOpenChange: (open: boolean) => void\n}\n\nexport function RecordFieldsDialog({\n  documentId,\n  linkId,\n  editor,\n  canInsert,\n  onOpenChange,\n}: RecordFieldsDialogProps) {\n  const t = useT()\n  const open = linkId !== null && canInsert\n  const [state, setState] = React.useState<LoadState>({ status: 'idle' })\n  const [selectedFields, setSelectedFields] = React.useState<Set<string>>(() => new Set())\n  const [loadAttempt, setLoadAttempt] = React.useState(0)\n\n  React.useEffect(() => {\n    if (linkId !== null && !canInsert) onOpenChange(false)\n  }, [canInsert, linkId, onOpenChange])\n\n  React.useEffect(() => {\n    if (!open || !linkId) {\n      setState({ status: 'idle' })\n      setSelectedFields(new Set())\n      return\n    }\n    const controller = new AbortController()\n    setState({ status: 'loading' })\n    setSelectedFields(new Set())\n    void apiCall<unknown>(\n      `/api/documents/${encodeURIComponent(documentId)}/links`,\n      { cache: 'no-store', signal: controller.signal },\n    ).then((call) => {\n      if (controller.signal.aborted) return\n      if (!call.ok) {\n        setState({ status: 'error' })\n        return\n      }\n      const record = readArrayPayload(call.result, 'items', 'data')\n        .map((value) => normalizeRelatedRecord(value, t('documents.relatedRecords.restricted')))\n        .find((item): item is RelatedRecord => item?.id === linkId) ?? null\n      setState({ status: 'ready', record })\n    }).catch(() => {\n      if (!controller.signal.aborted) setState({ status: 'error' })\n    })\n    return () => controller.abort()\n  }, [documentId, linkId, loadAttempt, open, t])\n\n  const retry = React.useCallback(() => {\n    setState({ status: 'loading' })\n    setLoadAttempt((current) => current + 1)\n  }, [])\n\n  const fields = React.useMemo<RecordFieldSnapshot[]>(() => {\n    if (state.status !== 'ready' || !state.record?.canOpen) return []\n    const entry = getEntityRegistryEntry(state.record.entityType)\n    if (!entry) return []\n    return entry.tokenFields.flatMap((tokenField) => {\n      const value = state.record?.values[tokenField.field]\n      return value ? [{\n        field: tokenField.field,\n        label: t(tokenField.labelKey),\n        value,\n      }] : []\n    })\n  }, [state, t])\n\n  const selected = React.useMemo(\n    () => fields.filter((field) => selectedFields.has(field.field)),\n    [fields, selectedFields],\n  )\n  const insert = React.useCallback(() => {\n    if (!canInsert || !editor?.isEditable || selected.length === 0) return\n    if (insertRecordFieldSnapshot(editor, selected)) onOpenChange(false)\n  }, [canInsert, editor, onOpenChange, selected])\n  const setOpen = React.useCallback((nextOpen: boolean) => {\n    if (!nextOpen) onOpenChange(false)\n  }, [onOpenChange])\n\n  return (\n    <Dialog open={open} onOpenChange={setOpen}>\n      <DialogContent size=\"lg\" onKeyDown={(event) => {\n        if (event.key === 'Escape') {\n          event.preventDefault()\n          onOpenChange(false)\n          return\n        }\n        if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n          event.preventDefault()\n          insert()\n        }\n      }}>\n        <DialogHeader>\n          <DialogTitle>{t('documents.relatedRecords.actions.insertData')}</DialogTitle>\n          <DialogDescription>{t('documents.relatedRecords.fields.snapshotDisclosure')}</DialogDescription>\n        </DialogHeader>\n\n        {state.status === 'loading' ? <LoadingMessage label={t('documents.relatedRecords.loading')} /> : null}\n        {state.status === 'error' ? (\n          <ErrorMessage\n            label={t('documents.relatedRecords.error.load')}\n            action={<Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={retry}>{t('documents.actions.retry')}</Button>}\n          />\n        ) : null}\n        {state.status === 'ready' && fields.length === 0 ? (\n          <EmptyState\n            size=\"sm\"\n            variant=\"subtle\"\n            title={t('documents.relatedRecords.fields.empty')}\n            icon={<Link2 className=\"size-5\" />}\n          />\n        ) : null}\n        {state.status === 'ready' && fields.length > 0 ? (\n          <div className=\"space-y-3\">\n            {fields.map((field) => (\n              <CheckboxField\n                key={field.field}\n                label={field.label}\n                description={field.value}\n                checked={selectedFields.has(field.field)}\n                onCheckedChange={(checked) => setSelectedFields((current) => {\n                  const next = new Set(current)\n                  if (checked === true) next.add(field.field)\n                  else next.delete(field.field)\n                  return next\n                })}\n              />\n            ))}\n          </div>\n        ) : null}\n\n        <DialogFooter>\n          <Button type=\"button\" variant=\"outline\" onClick={() => onOpenChange(false)}>\n            {t('documents.actions.cancel')}\n          </Button>\n          <Button\n            type=\"button\"\n            onClick={insert}\n            disabled={!canInsert || !editor?.isEditable || selected.length === 0}\n          >\n            {t('documents.relatedRecords.fields.insertSelected')}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/documents/backend/documents/[id]/RelatedRecordsPanel.js

@@ -0,0 +1,266 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { ExternalLink, FileInput, Link2, Unlink } from "lucide-react";
+import { apiCall, apiCallOrThrow, withScopedApiRequestHeaders } from "@open-mercato/ui/backend/utils/apiCall";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+import { buildOptimisticLockHeader } from "@open-mercato/ui/backend/utils/optimisticLock";
+import { surfaceRecordConflict } from "@open-mercato/ui/backend/conflicts";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { LoadingMessage, ErrorMessage } from "@open-mercato/ui/backend/detail";
+import { SectionHeader } from "@open-mercato/ui/backend/SectionHeader";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { LinkButton } from "@open-mercato/ui/primitives/link-button";
+import { EmptyState } from "@open-mercato/ui/primitives/empty-state";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { getEntityRegistryEntry } from "../../../lib/entityRegistry.js";
+import { readArrayPayload } from "../documentUi.js";
+import { EntityPicker } from "../components/EntityPicker.js";
+import { RecordFieldsDialog } from "./RecordFieldsDialog.js";
+import { normalizeRelatedRecord } from "./relatedRecordModel.js";
+function hasInsertableValues(item) {
+  return Object.values(item.values).some((value) => value !== null);
+}
+function useEditorEditable(editor) {
+  const [editable, setEditable] = React.useState(false);
+  React.useEffect(() => {
+    const sync = () => setEditable(Boolean(editor && !editor.isDestroyed && editor.isEditable));
+    sync();
+    editor?.on("update", sync);
+    editor?.on("destroy", sync);
+    return () => {
+      editor?.off("update", sync);
+      editor?.off("destroy", sync);
+    };
+  }, [editor]);
+  return editable;
+}
+function BacklinksSection({ documentId }) {
+  const t = useT();
+  const [state, setState] = React.useState({ status: "loading" });
+  const requestSequence = React.useRef(0);
+  const load = React.useCallback(async () => {
+    const requestId = ++requestSequence.current;
+    setState({ status: "loading" });
+    const call = await apiCall(
+      `/api/documents?entityType=document&entityId=${encodeURIComponent(documentId)}&pageSize=10`,
+      void 0,
+      { fallback: null }
+    );
+    if (requestSequence.current !== requestId) return;
+    if (!call.ok) return setState({ status: "error" });
+    const items = readArrayPayload(call.result, "items", "data").flatMap((candidate) => {
+      const record = candidate && typeof candidate === "object" && !Array.isArray(candidate) ? candidate : null;
+      const id = typeof record?.id === "string" ? record.id : null;
+      const title = typeof record?.title === "string" && record.title.trim().length > 0 ? record.title : null;
+      return id && title ? [{ id, title }] : [];
+    });
+    const payloadRecord = call.result && typeof call.result === "object" && !Array.isArray(call.result) ? call.result : null;
+    const total = typeof payloadRecord?.total === "number" ? payloadRecord.total : items.length;
+    setState({ status: "ready", items, total });
+  }, [documentId]);
+  React.useEffect(() => {
+    void load();
+    return () => {
+      requestSequence.current += 1;
+    };
+  }, [load]);
+  return /* @__PURE__ */ jsxs("div", { className: "mt-4 border-t border-border pt-3", children: [
+    /* @__PURE__ */ jsx(
+      SectionHeader,
+      {
+        title: t("documents.relatedRecords.referencedBy.title"),
+        count: state.status === "ready" ? state.total : void 0
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "mt-2", children: [
+      state.status === "loading" ? /* @__PURE__ */ jsx(LoadingMessage, { label: t("documents.relatedRecords.loading") }) : null,
+      state.status === "error" ? /* @__PURE__ */ jsx(ErrorMessage, { label: t("documents.relatedRecords.error.load"), action: /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => void load(), children: t("documents.actions.retry") }) }) : null,
+      state.status === "ready" && state.items.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("documents.relatedRecords.referencedBy.empty") }) : null,
+      state.status === "ready" && state.items.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: state.items.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: `/backend/documents/${encodeURIComponent(item.id)}`, className: "text-sm font-medium hover:underline", children: item.title }) }, item.id)) }),
+        state.total > state.items.length ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: t("documents.relatedRecords.referencedBy.more", { count: state.total - state.items.length }) }) : null
+      ] }) : null
+    ] })
+  ] });
+}
+function RelatedRecordsPanel({ documentId, canEdit, editor }) {
+  const t = useT();
+  const [state, setState] = React.useState({ status: "loading" });
+  const [pickerOpen, setPickerOpen] = React.useState(false);
+  const [recordFieldsLinkId, setRecordFieldsLinkId] = React.useState(null);
+  const reloadSequence = React.useRef(0);
+  const activeReload = React.useRef(null);
+  const activeDocumentId = React.useRef(null);
+  const currentDocumentIdRef = React.useRef(documentId);
+  currentDocumentIdRef.current = documentId;
+  const editorEditable = useEditorEditable(editor);
+  const canInsert = canEdit && editorEditable;
+  const mutationContextId = `documents-related-records:${documentId}`;
+  const { runMutation, retryLastMutation } = useGuardedMutation({ contextId: mutationContextId, blockedMessage: t("ui.forms.flash.saveBlocked") });
+  const reload = React.useCallback(async () => {
+    if (currentDocumentIdRef.current !== documentId) return;
+    const reloadId = ++reloadSequence.current;
+    const controller = new AbortController();
+    activeReload.current?.abort();
+    activeReload.current = controller;
+    const isCurrent = () => currentDocumentIdRef.current === documentId && reloadSequence.current === reloadId && !controller.signal.aborted;
+    const documentChanged = activeDocumentId.current !== documentId;
+    activeDocumentId.current = documentId;
+    setState((current) => !documentChanged && current.status === "ready" ? current : { status: "loading" });
+    try {
+      const call = await apiCall(
+        `/api/documents/${encodeURIComponent(documentId)}/links`,
+        { signal: controller.signal }
+      );
+      if (!isCurrent()) return;
+      if (!call.ok) {
+        setState({ status: "error", message: t("documents.relatedRecords.error.load") });
+        return;
+      }
+      const items2 = readArrayPayload(call.result, "items", "data").map((value) => normalizeRelatedRecord(value, t("documents.relatedRecords.restricted"))).filter((item) => item !== null);
+      setState({ status: "ready", items: items2 });
+    } catch (error) {
+      if (!isCurrent()) return;
+      setState({ status: "error", message: error instanceof Error ? error.message : t("documents.relatedRecords.error.load") });
+    } finally {
+      if (activeReload.current === controller) activeReload.current = null;
+    }
+  }, [documentId, t]);
+  React.useEffect(() => {
+    void reload();
+    return () => {
+      reloadSequence.current += 1;
+      activeReload.current?.abort();
+      activeReload.current = null;
+    };
+  }, [reload]);
+  const handleLink = React.useCallback(async (pick) => {
+    try {
+      await runMutation({
+        operation: () => apiCallOrThrow(
+          `/api/documents/${encodeURIComponent(documentId)}/links`,
+          {
+            method: "POST",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify({
+              entityType: pick.type,
+              entityId: pick.id,
+              label: pick.label,
+              href: pick.href,
+              source: "related-panel"
+            })
+          },
+          { errorMessage: t("documents.relatedRecords.error.link") }
+        ),
+        context: {
+          formId: mutationContextId,
+          resourceKind: "documents.document_entity_link",
+          resourceId: documentId,
+          retryLastMutation
+        },
+        mutationPayload: { entityType: pick.type, entityId: pick.id }
+      });
+      if (currentDocumentIdRef.current !== documentId) return;
+      await reload();
+      if (currentDocumentIdRef.current !== documentId) return;
+      flash(t("documents.relatedRecords.success.link"), "success");
+    } catch (error) {
+      if (currentDocumentIdRef.current !== documentId) return;
+      flash(error instanceof Error ? error.message : t("documents.relatedRecords.error.link"), "error");
+    }
+  }, [documentId, mutationContextId, reload, retryLastMutation, runMutation, t]);
+  const handleUnlink = React.useCallback(async (item) => {
+    try {
+      await runMutation({
+        operation: () => withScopedApiRequestHeaders(
+          buildOptimisticLockHeader(item.updatedAt),
+          () => apiCallOrThrow(
+            `/api/documents/${encodeURIComponent(documentId)}/links/${encodeURIComponent(item.id)}`,
+            { method: "DELETE" },
+            { errorMessage: t("documents.relatedRecords.error.unlink") }
+          )
+        ),
+        context: {
+          formId: mutationContextId,
+          resourceKind: "documents.document_entity_link",
+          resourceId: item.id,
+          retryLastMutation
+        },
+        mutationPayload: { linkId: item.id }
+      });
+      if (currentDocumentIdRef.current !== documentId) return;
+      await reload();
+      if (currentDocumentIdRef.current !== documentId) return;
+      if (recordFieldsLinkId === item.id) setRecordFieldsLinkId(null);
+      flash(t("documents.relatedRecords.success.unlink"), "success");
+    } catch (error) {
+      if (currentDocumentIdRef.current !== documentId) return;
+      if (surfaceRecordConflict(error, t, { onRefresh: () => {
+        void reload();
+      } })) return;
+      flash(error instanceof Error ? error.message : t("documents.relatedRecords.error.unlink"), "error");
+    }
+  }, [documentId, mutationContextId, recordFieldsLinkId, reload, retryLastMutation, runMutation, t]);
+  const items = state.status === "ready" ? state.items : [];
+  return /* @__PURE__ */ jsxs("section", { className: "rounded-lg border border-border bg-card p-3 sm:p-4", children: [
+    /* @__PURE__ */ jsx(
+      SectionHeader,
+      {
+        title: t("documents.relatedRecords.title"),
+        count: items.length,
+        action: canEdit ? /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", variant: "outline", onClick: () => setPickerOpen(true), children: [
+          /* @__PURE__ */ jsx(Link2, {}),
+          t("documents.relatedRecords.actions.link")
+        ] }) : void 0
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
+      state.status === "loading" ? /* @__PURE__ */ jsx(LoadingMessage, { label: t("documents.relatedRecords.loading") }) : null,
+      state.status === "error" ? /* @__PURE__ */ jsx(ErrorMessage, { label: state.message, action: /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => void reload(), children: t("documents.actions.retry") }) }) : null,
+      state.status === "ready" && items.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { size: "sm", variant: "subtle", title: t("documents.relatedRecords.empty"), icon: /* @__PURE__ */ jsx(Link2, { className: "size-5" }) }) : null,
+      state.status === "ready" && items.length > 0 ? /* @__PURE__ */ jsx("div", { className: "space-y-2", children: items.map((item) => /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-border p-2.5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium", children: item.label }),
+          /* @__PURE__ */ jsx(Tag, { variant: "neutral", children: t(getEntityRegistryEntry(item.entityType)?.labelKey ?? "documents.relatedRecords.restricted") })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-2 flex max-w-full flex-wrap items-center justify-end gap-0.5 border-t border-border pt-1.5", children: [
+          item.canOpen && hasInsertableValues(item) && canInsert ? /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", variant: "ghost", onClick: () => setRecordFieldsLinkId(item.id), children: [
+            /* @__PURE__ */ jsx(FileInput, {}),
+            t("documents.relatedRecords.actions.insertData")
+          ] }) : null,
+          item.canOpen && item.href ? /* @__PURE__ */ jsx(LinkButton, { asChild: true, size: "sm", variant: "gray", children: /* @__PURE__ */ jsxs(Link, { href: item.href, children: [
+            /* @__PURE__ */ jsx(ExternalLink, {}),
+            t("documents.actions.open")
+          ] }) }) : null,
+          canEdit ? /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", variant: "ghost", onClick: () => void handleUnlink(item), children: [
+            /* @__PURE__ */ jsx(Unlink, {}),
+            t("documents.relatedRecords.actions.unlink")
+          ] }) : null
+        ] })
+      ] }, item.id)) }) : null
+    ] }),
+    /* @__PURE__ */ jsx(BacklinksSection, { documentId }),
+    canEdit ? /* @__PURE__ */ jsx(EntityPicker, { open: pickerOpen, onOpenChange: setPickerOpen, onPick: (pick) => void handleLink(pick), excludeId: documentId }) : null,
+    /* @__PURE__ */ jsx(
+      RecordFieldsDialog,
+      {
+        documentId,
+        linkId: recordFieldsLinkId,
+        editor,
+        canInsert,
+        onOpenChange: (open) => {
+          if (!open) setRecordFieldsLinkId(null);
+        }
+      }
+    )
+  ] });
+}
+var RelatedRecordsPanel_default = RelatedRecordsPanel;
+export {
+  RelatedRecordsPanel,
+  RelatedRecordsPanel_default as default
+};
+//# sourceMappingURL=RelatedRecordsPanel.js.map

package/dist/modules/documents/backend/documents/[id]/RelatedRecordsPanel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/documents/backend/documents/%5Bid%5D/RelatedRecordsPanel.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { ExternalLink, FileInput, Link2, Unlink } from 'lucide-react'\nimport type { Editor } from '@tiptap/core'\nimport { apiCall, apiCallOrThrow, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { surfaceRecordConflict } from '@open-mercato/ui/backend/conflicts'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { SectionHeader } from '@open-mercato/ui/backend/SectionHeader'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { LinkButton } from '@open-mercato/ui/primitives/link-button'\nimport { EmptyState } from '@open-mercato/ui/primitives/empty-state'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { getEntityRegistryEntry, type DocumentEntityType } from '../../../lib/entityRegistry'\nimport { readArrayPayload } from '../documentUi'\nimport { EntityPicker } from '../components/EntityPicker'\nimport { RecordFieldsDialog } from './RecordFieldsDialog'\nimport { normalizeRelatedRecord, type RelatedRecord } from './relatedRecordModel'\n\ntype RelatedRecordsPanelProps = { documentId: string; canEdit: boolean; editor: Editor | null }\ntype LoadState = { status: 'loading' } | { status: 'error'; message: string } | { status: 'ready'; items: RelatedRecord[] }\n\nfunction hasInsertableValues(item: RelatedRecord): boolean {\n  return Object.values(item.values).some((value) => value !== null)\n}\n\nfunction useEditorEditable(editor: Editor | null): boolean {\n  const [editable, setEditable] = React.useState(false)\n  React.useEffect(() => {\n    const sync = () => setEditable(Boolean(editor && !editor.isDestroyed && editor.isEditable))\n    sync()\n    editor?.on('update', sync)\n    editor?.on('destroy', sync)\n    return () => {\n      editor?.off('update', sync)\n      editor?.off('destroy', sync)\n    }\n  }, [editor])\n  return editable\n}\n\ntype BacklinkItem = { id: string; title: string }\ntype BacklinksState = { status: 'loading' } | { status: 'error' } | { status: 'ready'; items: BacklinkItem[]; total: number }\n\nfunction BacklinksSection({ documentId }: { documentId: string }) {\n  const t = useT()\n  const [state, setState] = React.useState<BacklinksState>({ status: 'loading' })\n  const requestSequence = React.useRef(0)\n\n  const load = React.useCallback(async () => {\n    const requestId = ++requestSequence.current\n    setState({ status: 'loading' })\n    const call = await apiCall<unknown>(\n      `/api/documents?entityType=document&entityId=${encodeURIComponent(documentId)}&pageSize=10`,\n      undefined,\n      { fallback: null },\n    )\n    if (requestSequence.current !== requestId) return\n    if (!call.ok) return setState({ status: 'error' })\n    const items = readArrayPayload(call.result, 'items', 'data')\n      .flatMap((candidate) => {\n        const record = candidate && typeof candidate === 'object' && !Array.isArray(candidate)\n          ? candidate as Record<string, unknown>\n          : null\n        const id = typeof record?.id === 'string' ? record.id : null\n        const title = typeof record?.title === 'string' && record.title.trim().length > 0 ? record.title : null\n        return id && title ? [{ id, title }] : []\n      })\n    const payloadRecord = call.result && typeof call.result === 'object' && !Array.isArray(call.result)\n      ? call.result as Record<string, unknown>\n      : null\n    const total = typeof payloadRecord?.total === 'number' ? payloadRecord.total : items.length\n    setState({ status: 'ready', items, total })\n  }, [documentId])\n\n  React.useEffect(() => {\n    void load()\n    return () => { requestSequence.current += 1 }\n  }, [load])\n\n  return (\n    <div className=\"mt-4 border-t border-border pt-3\">\n      <SectionHeader\n        title={t('documents.relatedRecords.referencedBy.title')}\n        count={state.status === 'ready' ? state.total : undefined}\n      />\n      <div className=\"mt-2\">\n        {state.status === 'loading' ? <LoadingMessage label={t('documents.relatedRecords.loading')} /> : null}\n        {state.status === 'error' ? (\n          <ErrorMessage label={t('documents.relatedRecords.error.load')} action={(\n            <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => void load()}>{t('documents.actions.retry')}</Button>\n          )} />\n        ) : null}\n        {state.status === 'ready' && state.items.length === 0 ? (\n          <p className=\"text-sm text-muted-foreground\">{t('documents.relatedRecords.referencedBy.empty')}</p>\n        ) : null}\n        {state.status === 'ready' && state.items.length > 0 ? (\n          <>\n            <ul className=\"space-y-1\">\n              {state.items.map((item) => (\n                <li key={item.id}>\n                  <Link href={`/backend/documents/${encodeURIComponent(item.id)}`} className=\"text-sm font-medium hover:underline\">\n                    {item.title}\n                  </Link>\n                </li>\n              ))}\n            </ul>\n            {state.total > state.items.length ? (\n              <p className=\"mt-1 text-xs text-muted-foreground\">\n                {t('documents.relatedRecords.referencedBy.more', { count: state.total - state.items.length })}\n              </p>\n            ) : null}\n          </>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n\nexport function RelatedRecordsPanel({ documentId, canEdit, editor }: RelatedRecordsPanelProps) {\n  const t = useT()\n  const [state, setState] = React.useState<LoadState>({ status: 'loading' })\n  const [pickerOpen, setPickerOpen] = React.useState(false)\n  const [recordFieldsLinkId, setRecordFieldsLinkId] = React.useState<string | null>(null)\n  const reloadSequence = React.useRef(0)\n  const activeReload = React.useRef<AbortController | null>(null)\n  const activeDocumentId = React.useRef<string | null>(null)\n  const currentDocumentIdRef = React.useRef(documentId)\n  currentDocumentIdRef.current = documentId\n  const editorEditable = useEditorEditable(editor)\n  const canInsert = canEdit && editorEditable\n  const mutationContextId = `documents-related-records:${documentId}`\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    formId: string\n    resourceKind: string\n    resourceId: string\n    retryLastMutation: () => Promise<boolean>\n  }>({ contextId: mutationContextId, blockedMessage: t('ui.forms.flash.saveBlocked') })\n\n  const reload = React.useCallback(async () => {\n    if (currentDocumentIdRef.current !== documentId) return\n    const reloadId = ++reloadSequence.current\n    const controller = new AbortController()\n    activeReload.current?.abort()\n    activeReload.current = controller\n    const isCurrent = () => currentDocumentIdRef.current === documentId\n      && reloadSequence.current === reloadId\n      && !controller.signal.aborted\n    const documentChanged = activeDocumentId.current !== documentId\n    activeDocumentId.current = documentId\n    setState((current) => !documentChanged && current.status === 'ready' ? current : { status: 'loading' })\n    try {\n      const call = await apiCall<unknown>(\n        `/api/documents/${encodeURIComponent(documentId)}/links`,\n        { signal: controller.signal },\n      )\n      if (!isCurrent()) return\n      if (!call.ok) {\n        setState({ status: 'error', message: t('documents.relatedRecords.error.load') })\n        return\n      }\n      const items = readArrayPayload(call.result, 'items', 'data')\n        .map((value) => normalizeRelatedRecord(value, t('documents.relatedRecords.restricted')))\n        .filter((item): item is RelatedRecord => item !== null)\n      setState({ status: 'ready', items })\n    } catch (error) {\n      if (!isCurrent()) return\n      setState({ status: 'error', message: error instanceof Error ? error.message : t('documents.relatedRecords.error.load') })\n    } finally {\n      if (activeReload.current === controller) activeReload.current = null\n    }\n  }, [documentId, t])\n\n  React.useEffect(() => {\n    void reload()\n    return () => {\n      reloadSequence.current += 1\n      activeReload.current?.abort()\n      activeReload.current = null\n    }\n  }, [reload])\n\n  const handleLink = React.useCallback(async (pick: { type: DocumentEntityType; id: string; label: string; href: string }) => {\n    try {\n      await runMutation({\n        operation: () => apiCallOrThrow(\n          `/api/documents/${encodeURIComponent(documentId)}/links`,\n          {\n            method: 'POST',\n            headers: { 'content-type': 'application/json' },\n            body: JSON.stringify({\n              entityType: pick.type,\n              entityId: pick.id,\n              label: pick.label,\n              href: pick.href,\n              source: 'related-panel',\n            }),\n          },\n          { errorMessage: t('documents.relatedRecords.error.link') },\n        ),\n        context: {\n          formId: mutationContextId,\n          resourceKind: 'documents.document_entity_link',\n          resourceId: documentId,\n          retryLastMutation,\n        },\n        mutationPayload: { entityType: pick.type, entityId: pick.id },\n      })\n      if (currentDocumentIdRef.current !== documentId) return\n      await reload()\n      if (currentDocumentIdRef.current !== documentId) return\n      flash(t('documents.relatedRecords.success.link'), 'success')\n    } catch (error) {\n      if (currentDocumentIdRef.current !== documentId) return\n      flash(error instanceof Error ? error.message : t('documents.relatedRecords.error.link'), 'error')\n    }\n  }, [documentId, mutationContextId, reload, retryLastMutation, runMutation, t])\n\n  const handleUnlink = React.useCallback(async (item: RelatedRecord) => {\n    try {\n      await runMutation({\n        operation: () => withScopedApiRequestHeaders(\n          buildOptimisticLockHeader(item.updatedAt),\n          () => apiCallOrThrow(\n            `/api/documents/${encodeURIComponent(documentId)}/links/${encodeURIComponent(item.id)}`,\n            { method: 'DELETE' },\n            { errorMessage: t('documents.relatedRecords.error.unlink') },\n          ),\n        ),\n        context: {\n          formId: mutationContextId,\n          resourceKind: 'documents.document_entity_link',\n          resourceId: item.id,\n          retryLastMutation,\n        },\n        mutationPayload: { linkId: item.id },\n      })\n      if (currentDocumentIdRef.current !== documentId) return\n      await reload()\n      if (currentDocumentIdRef.current !== documentId) return\n      if (recordFieldsLinkId === item.id) setRecordFieldsLinkId(null)\n      flash(t('documents.relatedRecords.success.unlink'), 'success')\n    } catch (error) {\n      if (currentDocumentIdRef.current !== documentId) return\n      if (surfaceRecordConflict(error, t, { onRefresh: () => { void reload() } })) return\n      flash(error instanceof Error ? error.message : t('documents.relatedRecords.error.unlink'), 'error')\n    }\n  }, [documentId, mutationContextId, recordFieldsLinkId, reload, retryLastMutation, runMutation, t])\n\n  const items = state.status === 'ready' ? state.items : []\n  return (\n    <section className=\"rounded-lg border border-border bg-card p-3 sm:p-4\">\n      <SectionHeader\n        title={t('documents.relatedRecords.title')}\n        count={items.length}\n        action={canEdit ? (\n          <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={() => setPickerOpen(true)}>\n            <Link2 />{t('documents.relatedRecords.actions.link')}\n          </Button>\n        ) : undefined}\n      />\n      <div className=\"mt-4\">\n        {state.status === 'loading' ? <LoadingMessage label={t('documents.relatedRecords.loading')} /> : null}\n        {state.status === 'error' ? <ErrorMessage label={state.message} action={(\n          <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => void reload()}>{t('documents.actions.retry')}</Button>\n        )} /> : null}\n        {state.status === 'ready' && items.length === 0 ? (\n          <EmptyState size=\"sm\" variant=\"subtle\" title={t('documents.relatedRecords.empty')} icon={<Link2 className=\"size-5\" />} />\n        ) : null}\n        {state.status === 'ready' && items.length > 0 ? (\n          <div className=\"space-y-2\">\n            {items.map((item) => (\n              <div key={item.id} className=\"rounded-md border border-border p-2.5\">\n                <div className=\"min-w-0 space-y-1\">\n                  <p className=\"truncate text-sm font-medium\">{item.label}</p>\n                  <Tag variant=\"neutral\">\n                    {t(getEntityRegistryEntry(item.entityType)?.labelKey ?? 'documents.relatedRecords.restricted')}\n                  </Tag>\n                </div>\n                <div className=\"mt-2 flex max-w-full flex-wrap items-center justify-end gap-0.5 border-t border-border pt-1.5\">\n                  {item.canOpen && hasInsertableValues(item) && canInsert ? (\n                    <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => setRecordFieldsLinkId(item.id)}>\n                      <FileInput />{t('documents.relatedRecords.actions.insertData')}\n                    </Button>\n                  ) : null}\n                  {item.canOpen && item.href ? (\n                    <LinkButton asChild size=\"sm\" variant=\"gray\">\n                      <Link href={item.href}><ExternalLink />{t('documents.actions.open')}</Link>\n                    </LinkButton>\n                  ) : null}\n                  {canEdit ? (\n                    <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => void handleUnlink(item)}>\n                      <Unlink />{t('documents.relatedRecords.actions.unlink')}\n                    </Button>\n                  ) : null}\n                </div>\n              </div>\n            ))}\n          </div>\n        ) : null}\n      </div>\n      <BacklinksSection documentId={documentId} />\n      {canEdit ? <EntityPicker open={pickerOpen} onOpenChange={setPickerOpen} onPick={(pick) => void handleLink(pick)} excludeId={documentId} /> : null}\n      <RecordFieldsDialog\n        documentId={documentId}\n        linkId={recordFieldsLinkId}\n        editor={editor}\n        canInsert={canInsert}\n        onOpenChange={(open) => { if (!open) setRecordFieldsLinkId(null) }}\n      />\n    </section>\n  )\n}\n\nexport default RelatedRecordsPanel\n"],
+  "mappings": "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",
+  "names": ["items"]
+}