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

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

@@ -0,0 +1,216 @@
+"use client";
+import * as React from "react";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { resolveSearchMinTokenLength } from "@open-mercato/shared/lib/search/config";
+import {
+  firstSafeDocumentsDisplayLabel,
+  sanitizeDocumentsDisplayLabel
+} from "../../../lib/displayLabels.js";
+const MENTION_SEARCH_MIN_LENGTH = resolveSearchMinTokenLength();
+function isMentionSearchUnavailableStatus(status) {
+  return status === 401 || status === 403 || status === 404;
+}
+function readRecord(value) {
+  return value && typeof value === "object" ? value : null;
+}
+function readString(record, ...keys) {
+  for (const key of keys) {
+    const value = record[key];
+    if (typeof value === "string" && value.trim().length > 0) return value;
+  }
+  return null;
+}
+function normalizeUser(value, fallbackLabel) {
+  const record = readRecord(value);
+  if (!record) return null;
+  const id = readString(record, "id");
+  const label = firstSafeDocumentsDisplayLabel(readString(record, "label"), fallbackLabel);
+  if (!id || !label) return null;
+  const rawSecondary = sanitizeDocumentsDisplayLabel(readString(record, "secondary"));
+  return { id, label, secondary: rawSecondary && rawSecondary !== label ? rawSecondary : null };
+}
+function readMentionUserItems(payload, fallbackLabel) {
+  if (Array.isArray(payload)) {
+    return payload.map((item) => normalizeUser(item, fallbackLabel)).filter((user) => user !== null);
+  }
+  const record = readRecord(payload);
+  if (!record) return [];
+  for (const candidate of [record.items, record.data]) {
+    if (Array.isArray(candidate)) {
+      return candidate.map((item) => normalizeUser(item, fallbackLabel)).filter((user) => user !== null);
+    }
+  }
+  return [];
+}
+function buildMentionPrincipalUrl(documentId, search) {
+  const params = new URLSearchParams({
+    mode: "mention",
+    type: "user",
+    search,
+    page: "1",
+    pageSize: "8"
+  });
+  return `/api/documents/${encodeURIComponent(documentId)}/principals?${params.toString()}`;
+}
+function nextMentionIndex(current, direction, itemCount) {
+  if (itemCount <= 0) return -1;
+  if (current < 0) return direction === 1 ? 0 : itemCount - 1;
+  return Math.min(itemCount - 1, Math.max(0, current + direction));
+}
+function useMentionPicker(input) {
+  const [query, setQuery] = React.useState("");
+  const [users, setUsers] = React.useState([]);
+  const [open, setOpen] = React.useState(false);
+  const [unavailable, setUnavailable] = React.useState(false);
+  const [hasError, setHasError] = React.useState(false);
+  const [retryToken, setRetryToken] = React.useState(0);
+  const [isLoading, setIsLoading] = React.useState(false);
+  const [hasSearched, setHasSearched] = React.useState(false);
+  const [activeIndex, setActiveIndex] = React.useState(-1);
+  const [resultQuery, setResultQuery] = React.useState(null);
+  const currentQueryRef = React.useRef("");
+  const resultQueryRef = React.useRef(null);
+  const activeRequestRef = React.useRef(null);
+  const clearResults = React.useCallback(() => {
+    resultQueryRef.current = null;
+    setResultQuery(null);
+    setUsers([]);
+    setHasSearched(false);
+    setHasError(false);
+    setActiveIndex(-1);
+  }, []);
+  const onQueryChange = React.useCallback((nextQuery) => {
+    const normalizedQuery = nextQuery.trim();
+    currentQueryRef.current = normalizedQuery;
+    activeRequestRef.current?.abort();
+    activeRequestRef.current = null;
+    clearResults();
+    const shouldSearch = !input.disabled && !unavailable && normalizedQuery.length >= MENTION_SEARCH_MIN_LENGTH;
+    setOpen(shouldSearch);
+    setIsLoading(shouldSearch);
+    setQuery(nextQuery);
+  }, [clearResults, input.disabled, unavailable]);
+  React.useEffect(() => {
+    activeRequestRef.current?.abort();
+    activeRequestRef.current = null;
+    currentQueryRef.current = "";
+    setQuery("");
+    setOpen(false);
+    setUnavailable(false);
+    setIsLoading(false);
+    clearResults();
+  }, [clearResults, input.documentId]);
+  React.useEffect(() => {
+    const trimmedQuery = query.trim();
+    if (input.disabled || unavailable || trimmedQuery.length < MENTION_SEARCH_MIN_LENGTH) {
+      currentQueryRef.current = trimmedQuery;
+      setOpen(false);
+      setIsLoading(false);
+      clearResults();
+      return;
+    }
+    let cancelled = false;
+    const controller = new AbortController();
+    activeRequestRef.current = controller;
+    setOpen(true);
+    setIsLoading(true);
+    setHasSearched(false);
+    const timer = window.setTimeout(() => {
+      void apiCall(
+        buildMentionPrincipalUrl(input.documentId, trimmedQuery),
+        {
+          signal: controller.signal,
+          headers: { "x-om-forbidden-redirect": "0", "x-om-unauthorized-redirect": "0" }
+        },
+        { fallback: { items: [] } }
+      ).then((call) => {
+        if (cancelled || controller.signal.aborted || currentQueryRef.current !== trimmedQuery) return;
+        if (!call.ok) {
+          clearResults();
+          if (isMentionSearchUnavailableStatus(call.status)) {
+            setUnavailable(true);
+            setOpen(false);
+          } else {
+            setHasError(true);
+            setOpen(true);
+          }
+          return;
+        }
+        const nextUsers = readMentionUserItems(call.result, input.fallbackLabel).slice(0, 8);
+        resultQueryRef.current = trimmedQuery;
+        setResultQuery(trimmedQuery);
+        setUsers(nextUsers);
+        setHasSearched(true);
+        setActiveIndex(nextUsers.length > 0 ? 0 : -1);
+      }).catch(() => {
+        if (!cancelled && !controller.signal.aborted && currentQueryRef.current === trimmedQuery) {
+          clearResults();
+          setHasError(true);
+          setOpen(true);
+        }
+      }).finally(() => {
+        if (!cancelled && !controller.signal.aborted && currentQueryRef.current === trimmedQuery) {
+          setIsLoading(false);
+        }
+        if (activeRequestRef.current === controller) activeRequestRef.current = null;
+      });
+    }, 250);
+    return () => {
+      cancelled = true;
+      window.clearTimeout(timer);
+      controller.abort();
+      if (activeRequestRef.current === controller) activeRequestRef.current = null;
+    };
+  }, [clearResults, input.disabled, input.documentId, input.fallbackLabel, query, retryToken, unavailable]);
+  const isDisabled = input.disabled || unavailable;
+  const resultsAreCurrent = resultQuery !== null && resultQuery === query.trim() && resultQueryRef.current === resultQuery && currentQueryRef.current === resultQuery;
+  const pick = React.useCallback((user, boundQuery) => {
+    if (isDisabled || !boundQuery || resultQueryRef.current !== boundQuery || currentQueryRef.current !== boundQuery) return;
+    input.onPick({ id: user.id, name: user.label });
+    activeRequestRef.current?.abort();
+    activeRequestRef.current = null;
+    currentQueryRef.current = "";
+    setQuery("");
+    setOpen(false);
+    setIsLoading(false);
+    clearResults();
+  }, [clearResults, input.onPick, isDisabled]);
+  const retry = React.useCallback(() => {
+    const trimmedQuery = query.trim();
+    if (input.disabled || unavailable || trimmedQuery.length < MENTION_SEARCH_MIN_LENGTH) return;
+    activeRequestRef.current?.abort();
+    activeRequestRef.current = null;
+    clearResults();
+    setOpen(true);
+    setIsLoading(true);
+    setRetryToken((token) => token + 1);
+  }, [clearResults, input.disabled, query, unavailable]);
+  return {
+    query,
+    users,
+    open,
+    unavailable,
+    hasError,
+    isLoading,
+    hasSearched,
+    activeIndex,
+    resultQuery,
+    isDisabled,
+    resultsAreCurrent,
+    retry,
+    onQueryChange,
+    dismiss: () => setOpen(false),
+    moveActive: (direction) => setActiveIndex((index) => nextMentionIndex(index, direction, resultsAreCurrent ? users.length : 0)),
+    activate: (index, boundQuery) => {
+      if (boundQuery && resultQueryRef.current === boundQuery) setActiveIndex(index);
+    },
+    pick
+  };
+}
+export {
+  buildMentionPrincipalUrl,
+  nextMentionIndex,
+  readMentionUserItems,
+  useMentionPicker
+};
+//# sourceMappingURL=useMentionPicker.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/documents/backend/documents/%5Bid%5D/useMentionPicker.ts"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { resolveSearchMinTokenLength } from '@open-mercato/shared/lib/search/config'\nimport {\n  firstSafeDocumentsDisplayLabel,\n  sanitizeDocumentsDisplayLabel,\n} from '../../../lib/displayLabels'\n\nexport type MentionUser = {\n  id: string\n  label: string\n  secondary: string | null\n}\n\nconst MENTION_SEARCH_MIN_LENGTH = resolveSearchMinTokenLength()\n\nfunction isMentionSearchUnavailableStatus(status: number | undefined): boolean {\n  return status === 401 || status === 403 || status === 404\n}\n\nfunction readRecord(value: unknown): Record<string, unknown> | null {\n  return value && typeof value === 'object' ? value as Record<string, unknown> : null\n}\n\nfunction readString(record: Record<string, unknown>, ...keys: string[]): string | null {\n  for (const key of keys) {\n    const value = record[key]\n    if (typeof value === 'string' && value.trim().length > 0) return value\n  }\n  return null\n}\n\nfunction normalizeUser(value: unknown, fallbackLabel: string): MentionUser | null {\n  const record = readRecord(value)\n  if (!record) return null\n  const id = readString(record, 'id')\n  const label = firstSafeDocumentsDisplayLabel(readString(record, 'label'), fallbackLabel)\n  if (!id || !label) return null\n  const rawSecondary = sanitizeDocumentsDisplayLabel(readString(record, 'secondary'))\n  return { id, label, secondary: rawSecondary && rawSecondary !== label ? rawSecondary : null }\n}\n\nexport function readMentionUserItems(payload: unknown, fallbackLabel: string): MentionUser[] {\n  if (Array.isArray(payload)) {\n    return payload\n      .map((item) => normalizeUser(item, fallbackLabel))\n      .filter((user): user is MentionUser => user !== null)\n  }\n  const record = readRecord(payload)\n  if (!record) return []\n  for (const candidate of [record.items, record.data]) {\n    if (Array.isArray(candidate)) {\n      return candidate\n        .map((item) => normalizeUser(item, fallbackLabel))\n        .filter((user): user is MentionUser => user !== null)\n    }\n  }\n  return []\n}\n\nexport function buildMentionPrincipalUrl(documentId: string, search: string): string {\n  const params = new URLSearchParams({\n    mode: 'mention',\n    type: 'user',\n    search,\n    page: '1',\n    pageSize: '8',\n  })\n  return `/api/documents/${encodeURIComponent(documentId)}/principals?${params.toString()}`\n}\n\nexport function nextMentionIndex(current: number, direction: 1 | -1, itemCount: number): number {\n  if (itemCount <= 0) return -1\n  if (current < 0) return direction === 1 ? 0 : itemCount - 1\n  return Math.min(itemCount - 1, Math.max(0, current + direction))\n}\n\nexport function useMentionPicker(input: {\n  documentId: string\n  fallbackLabel: string\n  onPick: (user: { id: string; name: string }) => void\n  disabled: boolean\n}) {\n  const [query, setQuery] = React.useState('')\n  const [users, setUsers] = React.useState<MentionUser[]>([])\n  const [open, setOpen] = React.useState(false)\n  const [unavailable, setUnavailable] = React.useState(false)\n  const [hasError, setHasError] = React.useState(false)\n  const [retryToken, setRetryToken] = React.useState(0)\n  const [isLoading, setIsLoading] = React.useState(false)\n  const [hasSearched, setHasSearched] = React.useState(false)\n  const [activeIndex, setActiveIndex] = React.useState(-1)\n  const [resultQuery, setResultQuery] = React.useState<string | null>(null)\n  const currentQueryRef = React.useRef('')\n  const resultQueryRef = React.useRef<string | null>(null)\n  const activeRequestRef = React.useRef<AbortController | null>(null)\n\n  const clearResults = React.useCallback(() => {\n    resultQueryRef.current = null\n    setResultQuery(null)\n    setUsers([])\n    setHasSearched(false)\n    setHasError(false)\n    setActiveIndex(-1)\n  }, [])\n\n  const onQueryChange = React.useCallback((nextQuery: string) => {\n    const normalizedQuery = nextQuery.trim()\n    currentQueryRef.current = normalizedQuery\n    activeRequestRef.current?.abort()\n    activeRequestRef.current = null\n    clearResults()\n    const shouldSearch = !input.disabled\n      && !unavailable\n      && normalizedQuery.length >= MENTION_SEARCH_MIN_LENGTH\n    setOpen(shouldSearch)\n    setIsLoading(shouldSearch)\n    setQuery(nextQuery)\n  }, [clearResults, input.disabled, unavailable])\n\n  React.useEffect(() => {\n    activeRequestRef.current?.abort()\n    activeRequestRef.current = null\n    currentQueryRef.current = ''\n    setQuery('')\n    setOpen(false)\n    setUnavailable(false)\n    setIsLoading(false)\n    clearResults()\n  }, [clearResults, input.documentId])\n\n  React.useEffect(() => {\n    const trimmedQuery = query.trim()\n    if (input.disabled || unavailable || trimmedQuery.length < MENTION_SEARCH_MIN_LENGTH) {\n      currentQueryRef.current = trimmedQuery\n      setOpen(false)\n      setIsLoading(false)\n      clearResults()\n      return\n    }\n\n    let cancelled = false\n    const controller = new AbortController()\n    activeRequestRef.current = controller\n    setOpen(true)\n    setIsLoading(true)\n    setHasSearched(false)\n    const timer = window.setTimeout(() => {\n      void apiCall<unknown>(\n        buildMentionPrincipalUrl(input.documentId, trimmedQuery),\n        {\n          signal: controller.signal,\n          headers: { 'x-om-forbidden-redirect': '0', 'x-om-unauthorized-redirect': '0' },\n        },\n        { fallback: { items: [] } },\n      )\n        .then((call) => {\n          if (cancelled || controller.signal.aborted || currentQueryRef.current !== trimmedQuery) return\n          if (!call.ok) {\n            clearResults()\n            if (isMentionSearchUnavailableStatus(call.status)) {\n              setUnavailable(true)\n              setOpen(false)\n            } else {\n              setHasError(true)\n              setOpen(true)\n            }\n            return\n          }\n          const nextUsers = readMentionUserItems(call.result, input.fallbackLabel).slice(0, 8)\n          resultQueryRef.current = trimmedQuery\n          setResultQuery(trimmedQuery)\n          setUsers(nextUsers)\n          setHasSearched(true)\n          setActiveIndex(nextUsers.length > 0 ? 0 : -1)\n        })\n        .catch(() => {\n          if (!cancelled && !controller.signal.aborted && currentQueryRef.current === trimmedQuery) {\n            clearResults()\n            setHasError(true)\n            setOpen(true)\n          }\n        })\n        .finally(() => {\n          if (!cancelled && !controller.signal.aborted && currentQueryRef.current === trimmedQuery) {\n            setIsLoading(false)\n          }\n          if (activeRequestRef.current === controller) activeRequestRef.current = null\n        })\n    }, 250)\n\n    return () => {\n      cancelled = true\n      window.clearTimeout(timer)\n      controller.abort()\n      if (activeRequestRef.current === controller) activeRequestRef.current = null\n    }\n  }, [clearResults, input.disabled, input.documentId, input.fallbackLabel, query, retryToken, unavailable])\n\n  const isDisabled = input.disabled || unavailable\n  const resultsAreCurrent = resultQuery !== null\n    && resultQuery === query.trim()\n    && resultQueryRef.current === resultQuery\n    && currentQueryRef.current === resultQuery\n\n  const pick = React.useCallback((user: MentionUser, boundQuery: string | null) => {\n    if (\n      isDisabled\n      || !boundQuery\n      || resultQueryRef.current !== boundQuery\n      || currentQueryRef.current !== boundQuery\n    ) return\n    input.onPick({ id: user.id, name: user.label })\n    activeRequestRef.current?.abort()\n    activeRequestRef.current = null\n    currentQueryRef.current = ''\n    setQuery('')\n    setOpen(false)\n    setIsLoading(false)\n    clearResults()\n  }, [clearResults, input.onPick, isDisabled])\n\n  const retry = React.useCallback(() => {\n    const trimmedQuery = query.trim()\n    if (input.disabled || unavailable || trimmedQuery.length < MENTION_SEARCH_MIN_LENGTH) return\n    activeRequestRef.current?.abort()\n    activeRequestRef.current = null\n    clearResults()\n    setOpen(true)\n    setIsLoading(true)\n    setRetryToken((token) => token + 1)\n  }, [clearResults, input.disabled, query, unavailable])\n\n  return {\n    query,\n    users,\n    open,\n    unavailable,\n    hasError,\n    isLoading,\n    hasSearched,\n    activeIndex,\n    resultQuery,\n    isDisabled,\n    resultsAreCurrent,\n    retry,\n    onQueryChange,\n    dismiss: () => setOpen(false),\n    moveActive: (direction: 1 | -1) => setActiveIndex((index) => (\n      nextMentionIndex(index, direction, resultsAreCurrent ? users.length : 0)\n    )),\n    activate: (index: number, boundQuery: string | null) => {\n      if (boundQuery && resultQueryRef.current === boundQuery) setActiveIndex(index)\n    },\n    pick,\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,25 @@
+import {
+  firstSafeDocumentsDisplayLabel
+} from "../../../lib/displayLabels.js";
+import { sanitizeDocumentVersionLabel } from "../../../lib/versionLabels.js";
+import { readRecord, readString } from "../documentUi.js";
+function normalizeVersion(value, fallbackCreatorLabel) {
+  const record = readRecord(value);
+  if (!record) return null;
+  const id = readString(record, "id");
+  const createdAt = readString(record, "createdAt", "created_at");
+  if (!id || !createdAt) return null;
+  return {
+    id,
+    createdAt,
+    label: sanitizeDocumentVersionLabel(readString(record, "label")),
+    creatorLabel: firstSafeDocumentsDisplayLabel(
+      readString(record, "creatorLabel", "createdByLabel", "created_by_label"),
+      fallbackCreatorLabel
+    ) ?? ""
+  };
+}
+export {
+  normalizeVersion
+};
+//# sourceMappingURL=versionHistoryModel.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/documents/backend/documents/%5Bid%5D/versionHistoryModel.ts"],
+  "sourcesContent": ["import {\n  firstSafeDocumentsDisplayLabel,\n} from '../../../lib/displayLabels'\nimport { sanitizeDocumentVersionLabel } from '../../../lib/versionLabels'\nimport { readRecord, readString } from '../documentUi'\n\nexport type DocumentVersion = {\n  id: string\n  label: string | null\n  creatorLabel: string\n  createdAt: string\n}\n\nexport function normalizeVersion(value: unknown, fallbackCreatorLabel?: string): DocumentVersion | null {\n  const record = readRecord(value)\n  if (!record) return null\n  const id = readString(record, 'id')\n  const createdAt = readString(record, 'createdAt', 'created_at')\n  if (!id || !createdAt) return null\n  return {\n    id,\n    createdAt,\n    label: sanitizeDocumentVersionLabel(readString(record, 'label')),\n    creatorLabel: firstSafeDocumentsDisplayLabel(\n      readString(record, 'creatorLabel', 'createdByLabel', 'created_by_label'),\n      fallbackCreatorLabel,\n    ) ?? '',\n  }\n}\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,OACK;AACP,SAAS,oCAAoC;AAC7C,SAAS,YAAY,kBAAkB;AAShC,SAAS,iBAAiB,OAAgB,sBAAuD;AACtG,QAAM,SAAS,WAAW,KAAK;AAC/B,MAAI,CAAC,OAAQ,QAAO;AACpB,QAAM,KAAK,WAAW,QAAQ,IAAI;AAClC,QAAM,YAAY,WAAW,QAAQ,aAAa,YAAY;AAC9D,MAAI,CAAC,MAAM,CAAC,UAAW,QAAO;AAC9B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,OAAO,6BAA6B,WAAW,QAAQ,OAAO,CAAC;AAAA,IAC/D,cAAc;AAAA,MACZ,WAAW,QAAQ,gBAAgB,kBAAkB,kBAAkB;AAAA,MACvE;AAAA,IACF,KAAK;AAAA,EACP;AACF;",
+  "names": []
+}

package/dist/modules/documents/backend/documents/components/EntityPicker.js

@@ -0,0 +1,156 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Search } from "lucide-react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { LoadingMessage } from "@open-mercato/ui/backend/detail";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "@open-mercato/ui/primitives/dialog";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Label } from "@open-mercato/ui/primitives/label";
+import { SegmentedControl, SegmentedControlItem } from "@open-mercato/ui/primitives/segmented-control";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { sanitizeDocumentsDisplayLabel } from "../../../lib/displayLabels.js";
+import { EntityPickerResults } from "./EntityPickerResults.js";
+import { useEntitySearch } from "./useEntitySearch.js";
+function EntityPicker({ open, onOpenChange, onPick, typeFilter, excludeId }) {
+  const t = useT();
+  const inputId = `documents-entity-picker-${React.useId()}`;
+  const listId = `${inputId}-results`;
+  const search = useEntitySearch(open, typeFilter, excludeId);
+  const selectItem = React.useCallback((item) => {
+    if (!search.activeEntry || !search.isResultCurrent()) return;
+    const href = search.activeEntry.resolveHref(item);
+    const label = sanitizeDocumentsDisplayLabel(item.label);
+    if (!href || !label) return;
+    const rawItem = item.rawItem ?? {};
+    const values = Object.fromEntries(search.activeEntry.tokenFields.map((field) => [
+      field.field,
+      sanitizeDocumentsDisplayLabel(field.extract(rawItem))
+    ]));
+    onPick({ type: search.activeEntry.type, id: item.id, label, href, values });
+    onOpenChange(false);
+  }, [onOpenChange, onPick, search.activeEntry, search.isResultCurrent]);
+  const pickActiveItem = React.useCallback(() => {
+    const item = search.items[search.activeIndex];
+    if (item) selectItem(item);
+  }, [search.activeIndex, search.items, selectItem]);
+  const handleSearchKeyDown = React.useCallback((event) => {
+    if ((event.key === "ArrowDown" || event.key === "ArrowUp") && search.items.length === 0) {
+      event.preventDefault();
+      search.setActiveIndex(-1);
+      return;
+    }
+    if (event.key === "ArrowDown") {
+      event.preventDefault();
+      search.setActiveIndex((index) => Math.min(index + 1, search.items.length - 1));
+      return;
+    }
+    if (event.key === "ArrowUp") {
+      event.preventDefault();
+      search.setActiveIndex((index) => Math.max(index - 1, 0));
+      return;
+    }
+    if (event.key === "Enter") {
+      event.preventDefault();
+      pickActiveItem();
+    }
+  }, [pickActiveItem, search.items.length, search.setActiveIndex]);
+  if (!open) return null;
+  const hasQuery = search.searchValue.trim().length > 0;
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { size: "lg", onKeyDown: (event) => {
+    if (event.defaultPrevented) return;
+    if (event.key === "Escape") {
+      event.preventDefault();
+      onOpenChange(false);
+      return;
+    }
+    if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+      event.preventDefault();
+      pickActiveItem();
+      return;
+    }
+  }, children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: t("documents.entityPicker.title") }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: t("documents.entityPicker.description") })
+    ] }),
+    !search.isRegistryReady ? /* @__PURE__ */ jsx("div", { role: "status", "aria-live": "polite", children: /* @__PURE__ */ jsx(LoadingMessage, { label: t("documents.entityPicker.loadingRegistry") }) }) : search.availableEntries.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx(
+        SegmentedControl,
+        {
+          value: search.activeEntry?.type,
+          onValueChange: (value) => {
+            const entry = search.availableEntries.find((candidate) => candidate.type === value);
+            if (!entry) return;
+            search.setActiveType(entry.type);
+            search.setActiveIndex(-1);
+          },
+          "aria-label": t("documents.entityPicker.typeTabs"),
+          className: "grid h-auto w-full grid-cols-2 gap-1 rounded-xl p-1 sm:grid-cols-4",
+          children: search.availableEntries.map((entry) => /* @__PURE__ */ jsx(
+            SegmentedControlItem,
+            {
+              value: entry.type,
+              className: "h-auto min-h-7 min-w-0 whitespace-normal px-2 py-1 text-center leading-tight",
+              children: t(entry.labelKey)
+            },
+            entry.type
+          ))
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: inputId, children: t("documents.entityPicker.searchLabel") }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: inputId,
+            value: search.searchValue,
+            onChange: (event) => search.setSearchValue(event.target.value),
+            placeholder: t("documents.entityPicker.searchPlaceholder"),
+            leftIcon: /* @__PURE__ */ jsx(Search, {}),
+            role: "combobox",
+            "aria-expanded": hasQuery,
+            "aria-controls": listId,
+            "aria-autocomplete": "list",
+            "aria-activedescendant": search.activeIndex >= 0 && search.activeIndex < search.items.length ? `${listId}-option-${search.activeIndex}` : void 0,
+            onKeyDown: handleSearchKeyDown
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        EntityPickerResults,
+        {
+          listId,
+          items: search.items,
+          activeIndex: search.activeIndex,
+          hasQuery,
+          isLoading: search.isLoading,
+          hasSearched: search.hasSearched,
+          hasError: search.hasError,
+          prompt: t("documents.entityPicker.prompt"),
+          loadingLabel: t("documents.entityPicker.loading"),
+          emptyLabel: t("documents.entityPicker.noMatches"),
+          errorLabel: t("documents.entityPicker.error.search"),
+          retryLabel: t("documents.actions.retry"),
+          onRetry: search.retry,
+          onActiveIndexChange: search.setActiveIndex,
+          onSelect: selectItem
+        }
+      )
+    ] }) : /* @__PURE__ */ jsx("div", { className: "rounded-md border border-border bg-muted/20 px-3 py-8 text-center text-sm text-muted-foreground", children: t(search.allEntries.length === 0 ? "documents.entityPicker.empty" : "documents.entityPicker.unavailable") }),
+    /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: t("documents.actions.cancel") }) })
+  ] }) });
+}
+var EntityPicker_default = EntityPicker;
+export {
+  EntityPicker,
+  EntityPicker_default as default
+};
+//# sourceMappingURL=EntityPicker.js.map

package/dist/modules/documents/backend/documents/components/EntityPicker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/documents/backend/documents/components/EntityPicker.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Search } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { LoadingMessage } from '@open-mercato/ui/backend/detail'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { SegmentedControl, SegmentedControlItem } from '@open-mercato/ui/primitives/segmented-control'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { DocumentEntityType } from '../../../lib/entityRegistry'\nimport { sanitizeDocumentsDisplayLabel } from '../../../lib/displayLabels'\nimport { EntityPickerResults } from './EntityPickerResults'\nimport { useEntitySearch, type EntitySearchItem } from './useEntitySearch'\n\nexport type EntityPickerSelection = {\n  type: DocumentEntityType\n  id: string\n  label: string\n  href: string\n  values: Record<string, string | null>\n}\nexport type EntityPickerProps = {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  onPick: (pick: EntityPickerSelection) => void\n  typeFilter?: DocumentEntityType[]\n  excludeId?: string\n}\n\nexport function EntityPicker({ open, onOpenChange, onPick, typeFilter, excludeId }: EntityPickerProps) {\n  const t = useT()\n  const inputId = `documents-entity-picker-${React.useId()}`\n  const listId = `${inputId}-results`\n  const search = useEntitySearch(open, typeFilter, excludeId)\n\n  const selectItem = React.useCallback((item: EntitySearchItem) => {\n    if (!search.activeEntry || !search.isResultCurrent()) return\n    const href = search.activeEntry.resolveHref(item)\n    const label = sanitizeDocumentsDisplayLabel(item.label)\n    if (!href || !label) return\n    const rawItem = item.rawItem ?? {}\n    const values = Object.fromEntries(search.activeEntry.tokenFields.map((field) => [\n      field.field,\n      sanitizeDocumentsDisplayLabel(field.extract(rawItem)),\n    ]))\n    onPick({ type: search.activeEntry.type, id: item.id, label, href, values })\n    onOpenChange(false)\n  }, [onOpenChange, onPick, search.activeEntry, search.isResultCurrent])\n\n  const pickActiveItem = React.useCallback(() => {\n    const item = search.items[search.activeIndex]\n    if (item) selectItem(item)\n  }, [search.activeIndex, search.items, selectItem])\n\n  const handleSearchKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\n    if ((event.key === 'ArrowDown' || event.key === 'ArrowUp') && search.items.length === 0) {\n      event.preventDefault()\n      search.setActiveIndex(-1)\n      return\n    }\n    if (event.key === 'ArrowDown') {\n      event.preventDefault()\n      search.setActiveIndex((index) => Math.min(index + 1, search.items.length - 1))\n      return\n    }\n    if (event.key === 'ArrowUp') {\n      event.preventDefault()\n      search.setActiveIndex((index) => Math.max(index - 1, 0))\n      return\n    }\n    if (event.key === 'Enter') {\n      event.preventDefault()\n      pickActiveItem()\n    }\n  }, [pickActiveItem, search.items.length, search.setActiveIndex])\n\n  if (!open) return null\n  const hasQuery = search.searchValue.trim().length > 0\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent size=\"lg\" onKeyDown={(event) => {\n        if (event.defaultPrevented) return\n        if (event.key === 'Escape') { event.preventDefault(); onOpenChange(false); return }\n        if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') { event.preventDefault(); pickActiveItem(); return }\n      }}>\n        <DialogHeader>\n          <DialogTitle>{t('documents.entityPicker.title')}</DialogTitle>\n          <DialogDescription>{t('documents.entityPicker.description')}</DialogDescription>\n        </DialogHeader>\n        {!search.isRegistryReady ? (\n          <div role=\"status\" aria-live=\"polite\">\n            <LoadingMessage label={t('documents.entityPicker.loadingRegistry')} />\n          </div>\n        ) : search.availableEntries.length > 0 ? (\n          <div className=\"space-y-4\">\n            <SegmentedControl\n              value={search.activeEntry?.type}\n              onValueChange={(value) => {\n                const entry = search.availableEntries.find((candidate) => candidate.type === value)\n                if (!entry) return\n                search.setActiveType(entry.type)\n                search.setActiveIndex(-1)\n              }}\n              aria-label={t('documents.entityPicker.typeTabs')}\n              className=\"grid h-auto w-full grid-cols-2 gap-1 rounded-xl p-1 sm:grid-cols-4\"\n            >\n              {search.availableEntries.map((entry) => (\n                <SegmentedControlItem\n                  key={entry.type}\n                  value={entry.type}\n                  className=\"h-auto min-h-7 min-w-0 whitespace-normal px-2 py-1 text-center leading-tight\"\n                >\n                  {t(entry.labelKey)}\n                </SegmentedControlItem>\n              ))}\n            </SegmentedControl>\n            <div className=\"space-y-2\">\n              <Label htmlFor={inputId}>{t('documents.entityPicker.searchLabel')}</Label>\n              <Input\n                id={inputId}\n                value={search.searchValue}\n                onChange={(event) => search.setSearchValue(event.target.value)}\n                placeholder={t('documents.entityPicker.searchPlaceholder')}\n                leftIcon={<Search />}\n                role=\"combobox\"\n                aria-expanded={hasQuery}\n                aria-controls={listId}\n                aria-autocomplete=\"list\"\n                aria-activedescendant={search.activeIndex >= 0 && search.activeIndex < search.items.length ? `${listId}-option-${search.activeIndex}` : undefined}\n                onKeyDown={handleSearchKeyDown}\n              />\n            </div>\n            <EntityPickerResults\n              listId={listId}\n              items={search.items}\n              activeIndex={search.activeIndex}\n              hasQuery={hasQuery}\n              isLoading={search.isLoading}\n              hasSearched={search.hasSearched}\n              hasError={search.hasError}\n              prompt={t('documents.entityPicker.prompt')}\n              loadingLabel={t('documents.entityPicker.loading')}\n              emptyLabel={t('documents.entityPicker.noMatches')}\n              errorLabel={t('documents.entityPicker.error.search')}\n              retryLabel={t('documents.actions.retry')}\n              onRetry={search.retry}\n              onActiveIndexChange={search.setActiveIndex}\n              onSelect={selectItem}\n            />\n          </div>\n        ) : (\n          <div className=\"rounded-md border border-border bg-muted/20 px-3 py-8 text-center text-sm text-muted-foreground\">\n            {t(search.allEntries.length === 0 ? 'documents.entityPicker.empty' : 'documents.entityPicker.unavailable')}\n          </div>\n        )}\n        <DialogFooter><Button type=\"button\" variant=\"outline\" onClick={() => onOpenChange(false)}>{t('documents.actions.cancel')}</Button></DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nexport default EntityPicker\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/documents/backend/documents/components/EntityPickerResults.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { ErrorMessage } from "@open-mercato/ui/backend/detail";
+import { cn } from "@open-mercato/shared/lib/utils";
+function EntityPickerResults(props) {
+  return /* @__PURE__ */ jsxs("div", { id: props.listId, role: "listbox", className: "min-h-56 max-h-80 overflow-y-auto rounded-md border border-border bg-popover p-1 text-popover-foreground", children: [
+    !props.hasQuery ? /* @__PURE__ */ jsx("div", { className: "px-3 py-8 text-center text-sm text-muted-foreground", children: props.prompt }) : null,
+    props.hasQuery && props.isLoading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 px-3 py-8 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Spinner, { className: "size-4" }),
+      /* @__PURE__ */ jsx("span", { children: props.loadingLabel })
+    ] }) : null,
+    props.hasQuery && !props.isLoading && props.hasSearched && props.items.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-3 py-8 text-center text-sm text-muted-foreground", children: props.emptyLabel }) : null,
+    props.hasQuery && !props.isLoading && props.hasError ? /* @__PURE__ */ jsx(
+      ErrorMessage,
+      {
+        label: props.errorLabel,
+        action: /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: props.onRetry, children: props.retryLabel })
+      }
+    ) : null,
+    !props.isLoading && !props.hasError && props.items.map((item, index) => /* @__PURE__ */ jsx(
+      Button,
+      {
+        id: `${props.listId}-option-${index}`,
+        type: "button",
+        variant: "ghost",
+        role: "option",
+        "aria-selected": index === props.activeIndex,
+        className: cn("h-auto w-full justify-start px-3 py-2 text-left", index === props.activeIndex ? "bg-accent text-accent-foreground" : null),
+        onMouseDown: (event) => event.preventDefault(),
+        onMouseEnter: () => props.onActiveIndexChange(index),
+        onClick: () => props.onSelect(item),
+        children: /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("span", { className: "block truncate text-sm font-medium", children: item.label }),
+          item.subtitle ? /* @__PURE__ */ jsx("span", { className: "block truncate text-xs text-muted-foreground", children: item.subtitle }) : null
+        ] })
+      },
+      item.id
+    ))
+  ] });
+}
+export {
+  EntityPickerResults
+};
+//# sourceMappingURL=EntityPickerResults.js.map

package/dist/modules/documents/backend/documents/components/EntityPickerResults.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/documents/backend/documents/components/EntityPickerResults.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport type { EntitySearchItem } from './useEntitySearch'\n\ntype EntityPickerResultsProps = {\n  listId: string\n  items: EntitySearchItem[]\n  activeIndex: number\n  hasQuery: boolean\n  isLoading: boolean\n  hasSearched: boolean\n  hasError: boolean\n  prompt: string\n  loadingLabel: string\n  emptyLabel: string\n  errorLabel: string\n  retryLabel: string\n  onRetry: () => void\n  onActiveIndexChange: (index: number) => void\n  onSelect: (item: EntitySearchItem) => void\n}\n\nexport function EntityPickerResults(props: EntityPickerResultsProps) {\n  return (\n    <div id={props.listId} role=\"listbox\" className=\"min-h-56 max-h-80 overflow-y-auto rounded-md border border-border bg-popover p-1 text-popover-foreground\">\n      {!props.hasQuery ? <div className=\"px-3 py-8 text-center text-sm text-muted-foreground\">{props.prompt}</div> : null}\n      {props.hasQuery && props.isLoading ? (\n        <div className=\"flex items-center justify-center gap-2 px-3 py-8 text-sm text-muted-foreground\"><Spinner className=\"size-4\" /><span>{props.loadingLabel}</span></div>\n      ) : null}\n      {props.hasQuery && !props.isLoading && props.hasSearched && props.items.length === 0 ? (\n        <div className=\"px-3 py-8 text-center text-sm text-muted-foreground\">{props.emptyLabel}</div>\n      ) : null}\n      {props.hasQuery && !props.isLoading && props.hasError ? (\n        <ErrorMessage\n          label={props.errorLabel}\n          action={<Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={props.onRetry}>{props.retryLabel}</Button>}\n        />\n      ) : null}\n      {!props.isLoading && !props.hasError && props.items.map((item, index) => (\n        <Button\n          id={`${props.listId}-option-${index}`}\n          key={item.id}\n          type=\"button\"\n          variant=\"ghost\"\n          role=\"option\"\n          aria-selected={index === props.activeIndex}\n          className={cn('h-auto w-full justify-start px-3 py-2 text-left', index === props.activeIndex ? 'bg-accent text-accent-foreground' : null)}\n          onMouseDown={(event) => event.preventDefault()}\n          onMouseEnter={() => props.onActiveIndexChange(index)}\n          onClick={() => props.onSelect(item)}\n        >\n          <span className=\"min-w-0\">\n            <span className=\"block truncate text-sm font-medium\">{item.label}</span>\n            {item.subtitle ? <span className=\"block truncate text-xs text-muted-foreground\">{item.subtitle}</span> : null}\n          </span>\n        </Button>\n      ))}\n    </div>\n  )\n}\n"],
+  "mappings": ";AA6ByB,cAEjB,YAFiB;AA3BzB,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,oBAAoB;AAC7B,SAAS,UAAU;AAqBZ,SAAS,oBAAoB,OAAiC;AACnE,SACE,qBAAC,SAAI,IAAI,MAAM,QAAQ,MAAK,WAAU,WAAU,4GAC7C;AAAA,KAAC,MAAM,WAAW,oBAAC,SAAI,WAAU,uDAAuD,gBAAM,QAAO,IAAS;AAAA,IAC9G,MAAM,YAAY,MAAM,YACvB,qBAAC,SAAI,WAAU,kFAAiF;AAAA,0BAAC,WAAQ,WAAU,UAAS;AAAA,MAAE,oBAAC,UAAM,gBAAM,cAAa;AAAA,OAAO,IAC7J;AAAA,IACH,MAAM,YAAY,CAAC,MAAM,aAAa,MAAM,eAAe,MAAM,MAAM,WAAW,IACjF,oBAAC,SAAI,WAAU,uDAAuD,gBAAM,YAAW,IACrF;AAAA,IACH,MAAM,YAAY,CAAC,MAAM,aAAa,MAAM,WAC3C;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,MAAM;AAAA,QACb,QAAQ,oBAAC,UAAO,MAAK,UAAS,MAAK,MAAK,SAAQ,WAAU,SAAS,MAAM,SAAU,gBAAM,YAAW;AAAA;AAAA,IACtG,IACE;AAAA,IACH,CAAC,MAAM,aAAa,CAAC,MAAM,YAAY,MAAM,MAAM,IAAI,CAAC,MAAM,UAC7D;AAAA,MAAC;AAAA;AAAA,QACC,IAAI,GAAG,MAAM,MAAM,WAAW,KAAK;AAAA,QAEnC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,iBAAe,UAAU,MAAM;AAAA,QAC/B,WAAW,GAAG,mDAAmD,UAAU,MAAM,cAAc,qCAAqC,IAAI;AAAA,QACxI,aAAa,CAAC,UAAU,MAAM,eAAe;AAAA,QAC7C,cAAc,MAAM,MAAM,oBAAoB,KAAK;AAAA,QACnD,SAAS,MAAM,MAAM,SAAS,IAAI;AAAA,QAElC,+BAAC,UAAK,WAAU,WACd;AAAA,8BAAC,UAAK,WAAU,sCAAsC,eAAK,OAAM;AAAA,UAChE,KAAK,WAAW,oBAAC,UAAK,WAAU,gDAAgD,eAAK,UAAS,IAAU;AAAA,WAC3G;AAAA;AAAA,MAbK,KAAK;AAAA,IAcZ,CACD;AAAA,KACH;AAEJ;",
+  "names": []
+}