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

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

@@ -0,0 +1,429 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import dynamic from "next/dynamic";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { Archive, ArchiveRestore, Bell, Copy, History, Star, Trash2 } from "lucide-react";
+import { Page, PageBody, PageHeader } from "@open-mercato/ui/backend/Page";
+import { LoadingMessage, ErrorMessage, RecordNotFoundState } from "@open-mercato/ui/backend/detail";
+import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+import { apiCall, apiCallOrThrow, withScopedApiRequestHeaders } from "@open-mercato/ui/backend/utils/apiCall";
+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 { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { LinkButton } from "@open-mercato/ui/primitives/link-button";
+import { SimpleTooltip } from "@open-mercato/ui/primitives/tooltip";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { ShareDialog } from "../components/ShareDialog.js";
+import { normalizeDocumentContent, normalizeDocumentDetail } from "../documentUi.js";
+import { CommentsRail } from "./CommentsRail.js";
+import { ExportMenu } from "./ExportMenu.js";
+import { RelatedRecordsPanel } from "./RelatedRecordsPanel.js";
+import { DocumentNavigator } from "./DocumentNavigator.js";
+import { DocumentEditorErrorBoundary } from "./DocumentEditorErrorBoundary.js";
+import { VersionHistoryPanel } from "./VersionHistoryPanel.js";
+function DocumentEditorLoading({ error, retry }) {
+  const t = useT();
+  if (error) {
+    return /* @__PURE__ */ jsx(
+      ErrorMessage,
+      {
+        label: t("documents.editor.error.load"),
+        action: /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: retry, children: t("documents.actions.retry") })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { role: "status", "aria-live": "polite", children: /* @__PURE__ */ jsx(LoadingMessage, { label: t("documents.editor.loading") }) });
+}
+const DocumentEditorIsland = dynamic(() => import("./DocumentEditorIsland.js"), { ssr: false, loading: DocumentEditorLoading });
+const PANEL_REVEAL_OFFSET_PX = 16;
+function revealPanelInScrollContainer(panel) {
+  const behavior = window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth";
+  let container = panel.parentElement;
+  while (container) {
+    const overflowY = window.getComputedStyle(container).overflowY;
+    if ((overflowY === "auto" || overflowY === "scroll") && container.scrollHeight > container.clientHeight) {
+      const offset = panel.getBoundingClientRect().top - container.getBoundingClientRect().top + container.scrollTop;
+      container.scrollTo({ top: Math.max(0, offset - PANEL_REVEAL_OFFSET_PX), behavior });
+      return;
+    }
+    container = container.parentElement;
+  }
+  panel.scrollIntoView({ block: "start", behavior });
+}
+function DocumentPageClient({ documentId }) {
+  const t = useT();
+  const router = useRouter();
+  const { confirm, ConfirmDialogElement } = useConfirmDialog();
+  const [state, setState] = React.useState({ status: "loading" });
+  const [shareOpen, setShareOpen] = React.useState(false);
+  const [showVersions, setShowVersions] = React.useState(false);
+  const versionsPanelRef = React.useRef(null);
+  const scrollVersionsIntoView = React.useRef(false);
+  const [editorEpoch, setEditorEpoch] = React.useState(0);
+  const [editor, setEditor] = React.useState(null);
+  const [commentFocusRequest, setCommentFocusRequest] = React.useState(null);
+  const requestSequence = React.useRef(0);
+  const mutationContextId = `documents-detail:${documentId}`;
+  const { runMutation, retryLastMutation } = useGuardedMutation({ contextId: mutationContextId, blockedMessage: t("ui.forms.flash.saveBlocked") });
+  const loadDocument = React.useCallback(async () => {
+    const requestId = ++requestSequence.current;
+    setState({ status: "loading" });
+    try {
+      const [documentCall, contentCall] = await Promise.all([
+        apiCall(`/api/documents/${encodeURIComponent(documentId)}`),
+        apiCall(`/api/documents/${encodeURIComponent(documentId)}/content`)
+      ]);
+      if (requestSequence.current !== requestId) return;
+      if (documentCall.status === 404) return setState({ status: "notFound" });
+      if (!documentCall.ok) return setState({ status: "error", message: t("documents.editor.error.load") });
+      if (!contentCall.ok && contentCall.status !== 404) {
+        return setState({ status: "error", message: t("documents.editor.error.loadContent") });
+      }
+      const document2 = normalizeDocumentDetail(documentCall.result);
+      if (!document2) return setState({ status: "error", message: t("documents.editor.error.load") });
+      setState({
+        status: "ready",
+        document: document2,
+        content: contentCall.status === 404 ? { contentHtml: "", updatedAt: null } : normalizeDocumentContent(contentCall.result)
+      });
+    } catch (error) {
+      if (requestSequence.current !== requestId) return;
+      setState({ status: "error", message: error instanceof Error ? error.message : t("documents.editor.error.load") });
+    }
+  }, [documentId, t]);
+  React.useEffect(() => {
+    void loadDocument();
+    return () => {
+      requestSequence.current += 1;
+    };
+  }, [loadDocument]);
+  const reloadEditor = React.useCallback(async () => {
+    const requestId = ++requestSequence.current;
+    const contentCall = await apiCall(`/api/documents/${encodeURIComponent(documentId)}/content`);
+    if (requestSequence.current !== requestId) {
+      throw new Error(t("documents.editor.error.loadContent"));
+    }
+    if (!contentCall.ok && contentCall.status !== 404) {
+      throw new Error(t("documents.editor.error.loadContent"));
+    }
+    const nextContent = contentCall.status === 404 ? { contentHtml: "", updatedAt: null } : normalizeDocumentContent(contentCall.result);
+    setState((current) => current.status === "ready" ? {
+      ...current,
+      content: nextContent
+    } : current);
+    setEditor(null);
+    setEditorEpoch((current) => current + 1);
+  }, [documentId, t]);
+  const handleContentConflict = React.useCallback(() => {
+    void reloadEditor().catch((error) => {
+      flash(error instanceof Error ? error.message : t("documents.editor.error.loadContent"), "error");
+    });
+  }, [reloadEditor, t]);
+  const retryEditorIsland = React.useCallback(() => {
+    setEditor(null);
+    setEditorEpoch((current) => current + 1);
+  }, []);
+  const toggleVersions = React.useCallback(() => {
+    setShowVersions((value) => {
+      scrollVersionsIntoView.current = !value;
+      return !value;
+    });
+  }, []);
+  React.useLayoutEffect(() => {
+    if (!showVersions || !scrollVersionsIntoView.current) return;
+    scrollVersionsIntoView.current = false;
+    const panel = versionsPanelRef.current;
+    if (!panel) return;
+    revealPanelInScrollContainer(panel);
+    panel.focus({ preventScroll: true });
+  }, [showVersions]);
+  const setDocumentState = React.useCallback((mutate) => {
+    setState((current) => current.status === "ready" ? { ...current, document: mutate(current.document) } : current);
+  }, []);
+  const pendingToggles = React.useRef(/* @__PURE__ */ new Set());
+  const runPersonalToggle = React.useCallback(async (kind, active) => {
+    if (state.status !== "ready" || pendingToggles.current.has(kind)) return;
+    pendingToggles.current.add(kind);
+    const flag = kind === "favorite" ? "isFavorite" : "isWatching";
+    setDocumentState((document2) => ({ ...document2, [flag]: active }));
+    try {
+      await runMutation({
+        operation: () => apiCallOrThrow(
+          `/api/documents/${encodeURIComponent(documentId)}/${kind}`,
+          { method: active ? "POST" : "DELETE" }
+        ),
+        context: {
+          formId: mutationContextId,
+          resourceKind: kind === "favorite" ? "documents.document_favorite" : "documents.document_watcher",
+          resourceId: documentId,
+          retryLastMutation
+        },
+        mutationPayload: { documentId, active }
+      });
+    } catch (error) {
+      setDocumentState((document2) => ({ ...document2, [flag]: !active }));
+      flash(error instanceof Error ? error.message : t("documents.editor.error.load"), "error");
+    } finally {
+      pendingToggles.current.delete(kind);
+    }
+  }, [documentId, mutationContextId, retryLastMutation, runMutation, setDocumentState, state.status, t]);
+  const duplicating = React.useRef(false);
+  const [isDuplicating, setIsDuplicating] = React.useState(false);
+  const handleDuplicate = React.useCallback(async () => {
+    if (state.status !== "ready" || duplicating.current) return;
+    duplicating.current = true;
+    setIsDuplicating(true);
+    try {
+      const created = await runMutation({
+        operation: () => apiCallOrThrow(
+          `/api/documents/${encodeURIComponent(documentId)}/duplicate`,
+          { method: "POST", body: JSON.stringify({}), headers: { "content-type": "application/json" } }
+        ),
+        context: {
+          formId: mutationContextId,
+          resourceKind: "documents.document",
+          resourceId: documentId,
+          retryLastMutation
+        },
+        mutationPayload: { action: "duplicate", sourceDocumentId: documentId }
+      });
+      flash(t("documents.duplicate.success"), "success");
+      const createdId = created?.result?.id;
+      if (createdId) router.push(`/backend/documents/${encodeURIComponent(createdId)}`);
+    } catch (error) {
+      flash(error instanceof Error ? error.message : t("documents.duplicate.error"), "error");
+    } finally {
+      duplicating.current = false;
+      setIsDuplicating(false);
+    }
+  }, [documentId, mutationContextId, retryLastMutation, router, runMutation, state.status, t]);
+  const handleArchiveToggle = React.useCallback(async () => {
+    if (state.status !== "ready" || !state.document.capabilities.canArchive) return;
+    const archived = state.document.archivedAt !== null;
+    const action = archived ? "unarchive" : "archive";
+    try {
+      await runMutation({
+        operation: () => withScopedApiRequestHeaders(
+          buildOptimisticLockHeader(state.document.updatedAt),
+          () => apiCallOrThrow(`/api/documents/${encodeURIComponent(documentId)}/${action}`, { method: "POST" })
+        ),
+        context: {
+          formId: mutationContextId,
+          resourceKind: "documents.document",
+          resourceId: documentId,
+          retryLastMutation
+        },
+        mutationPayload: { action, documentId }
+      });
+      flash(t(archived ? "documents.archive.success.unarchive" : "documents.archive.success.archive"), "success");
+      await loadDocument();
+    } catch (error) {
+      if (!surfaceRecordConflict(error, t, { onRefresh: () => {
+        void loadDocument();
+      } })) {
+        flash(error instanceof Error ? error.message : t("documents.archive.error"), "error");
+      }
+    }
+  }, [documentId, loadDocument, mutationContextId, retryLastMutation, runMutation, state, t]);
+  const handleDelete = React.useCallback(async () => {
+    if (state.status !== "ready" || !state.document.capabilities.canDelete) return;
+    const confirmed = await confirm({
+      title: t("documents.list.confirmDelete", { title: state.document.title }),
+      variant: "destructive"
+    });
+    if (!confirmed) return;
+    try {
+      await runMutation({
+        operation: () => withScopedApiRequestHeaders(
+          buildOptimisticLockHeader(state.document.updatedAt),
+          () => apiCallOrThrow(`/api/documents/${encodeURIComponent(documentId)}`, { method: "DELETE" })
+        ),
+        context: {
+          formId: mutationContextId,
+          resourceKind: "documents.document",
+          resourceId: documentId,
+          retryLastMutation
+        },
+        mutationPayload: { id: documentId }
+      });
+      flash(t("documents.list.success.delete"), "success");
+      router.push("/backend/documents");
+    } catch (error) {
+      if (!surfaceRecordConflict(error, t, { onRefresh: () => {
+        void loadDocument();
+      } })) {
+        flash(error instanceof Error ? error.message : t("documents.list.error.delete"), "error");
+      }
+    }
+  }, [confirm, documentId, loadDocument, mutationContextId, retryLastMutation, router, runMutation, state, t]);
+  if (state.status !== "ready") {
+    if (state.status === "notFound") {
+      return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+        RecordNotFoundState,
+        {
+          label: t("documents.editor.notFound"),
+          backHref: "/backend/documents",
+          backLabel: t("documents.actions.backToList")
+        }
+      ) }) });
+    }
+    const label = state.status === "loading" ? t("documents.editor.loading") : state.message;
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: state.status === "loading" ? /* @__PURE__ */ jsx(LoadingMessage, { label }) : /* @__PURE__ */ jsx(ErrorMessage, { label, action: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", onClick: () => void loadDocument(), children: t("documents.actions.retry") }),
+      /* @__PURE__ */ jsx(LinkButton, { asChild: true, variant: "gray", children: /* @__PURE__ */ jsx(Link, { href: "/backend/documents", children: t("documents.actions.backToList") }) })
+    ] }) }) }) });
+  }
+  const { document, content } = state;
+  const capabilities = document.capabilities;
+  return /* @__PURE__ */ jsxs(Page, { children: [
+    /* @__PURE__ */ jsx(PageHeader, { title: t("documents.nav.document"), actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(LinkButton, { asChild: true, variant: "gray", children: /* @__PURE__ */ jsx(Link, { href: "/backend/documents", children: t("documents.actions.backToList") }) }),
+      /* @__PURE__ */ jsx(SimpleTooltip, { content: t(document.isFavorite ? "documents.actions.unfavorite" : "documents.actions.favorite"), size: "sm", children: /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          type: "button",
+          variant: "outline",
+          size: "lg",
+          onClick: () => void runPersonalToggle("favorite", !document.isFavorite),
+          "aria-pressed": document.isFavorite,
+          "aria-label": t(document.isFavorite ? "documents.actions.unfavorite" : "documents.actions.favorite"),
+          children: /* @__PURE__ */ jsx(Star, {})
+        }
+      ) }),
+      /* @__PURE__ */ jsx(SimpleTooltip, { content: t(document.isWatching ? "documents.actions.unwatch" : "documents.actions.watch"), size: "sm", children: /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          type: "button",
+          variant: "outline",
+          size: "lg",
+          onClick: () => void runPersonalToggle("watch", !document.isWatching),
+          "aria-pressed": document.isWatching,
+          "aria-label": t(document.isWatching ? "documents.actions.unwatch" : "documents.actions.watch"),
+          children: /* @__PURE__ */ jsx(Bell, {})
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(Button, { type: "button", variant: showVersions ? "secondary" : "outline", onClick: toggleVersions, "aria-pressed": showVersions, children: [
+        /* @__PURE__ */ jsx(History, {}),
+        t("documents.actions.versions")
+      ] }),
+      /* @__PURE__ */ jsx(ExportMenu, { documentId: document.id, editor }),
+      capabilities.canDuplicate ? /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", disabled: isDuplicating, onClick: () => void handleDuplicate(), children: [
+        /* @__PURE__ */ jsx(Copy, {}),
+        t("documents.actions.duplicate")
+      ] }) : null,
+      capabilities.canArchive ? /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", onClick: () => void handleArchiveToggle(), children: [
+        document.archivedAt ? /* @__PURE__ */ jsx(ArchiveRestore, {}) : /* @__PURE__ */ jsx(Archive, {}),
+        t(document.archivedAt ? "documents.actions.unarchive" : "documents.actions.archive")
+      ] }) : null,
+      capabilities.canShare ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => setShareOpen(true), children: t("documents.actions.share") }) : null,
+      capabilities.canDelete ? /* @__PURE__ */ jsxs(Button, { type: "button", variant: "destructive", onClick: () => void handleDelete(), children: [
+        /* @__PURE__ */ jsx(Trash2, {}),
+        t("documents.actions.delete")
+      ] }) : null
+    ] }) }),
+    /* @__PURE__ */ jsxs(PageBody, { children: [
+      document.archivedAt ? /* @__PURE__ */ jsxs(
+        "div",
+        {
+          role: "status",
+          className: "mb-4 flex flex-wrap items-center justify-between gap-2 rounded-md border border-status-warning-border bg-status-warning-bg px-4 py-3 text-sm text-status-warning-text",
+          children: [
+            /* @__PURE__ */ jsx("span", { children: t("documents.archive.banner") }),
+            capabilities.canArchive ? /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", onClick: () => void handleArchiveToggle(), children: [
+              /* @__PURE__ */ jsx(ArchiveRestore, {}),
+              t("documents.actions.unarchive")
+            ] }) : null
+          ]
+        }
+      ) : null,
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 xl:flex-row", children: [
+        /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx(
+          DocumentEditorErrorBoundary,
+          {
+            resetKey: `${document.id}:${editorEpoch}`,
+            onRetry: retryEditorIsland,
+            fallback: (retry) => /* @__PURE__ */ jsx(
+              ErrorMessage,
+              {
+                label: t("documents.editor.error.load"),
+                action: /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: retry, children: t("documents.actions.retry") })
+              }
+            ),
+            children: /* @__PURE__ */ jsx(
+              DocumentEditorIsland,
+              {
+                documentId: document.id,
+                title: document.title,
+                initialContentHtml: content.contentHtml,
+                contentUpdatedAt: content.updatedAt,
+                documentUpdatedAt: document.updatedAt,
+                readOnly: !capabilities.canEdit,
+                onEditorReady: setEditor,
+                onContentConflict: handleContentConflict,
+                onComment: capabilities.canComment ? (anchor) => setCommentFocusRequest((current) => ({ anchor, requestId: (current?.requestId ?? 0) + 1 })) : void 0,
+                onTitleChange: (title, updatedAt) => setState((current) => current.status === "ready" ? {
+                  ...current,
+                  document: { ...current.document, title, updatedAt }
+                } : current)
+              },
+              `${document.id}:${editorEpoch}`
+            )
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("aside", { className: "space-y-4 xl:sticky xl:top-[calc(var(--topbar-height,0px)+1rem)] xl:max-h-[calc(100dvh-var(--topbar-height,0px)-2rem)] xl:w-80 xl:shrink-0 xl:self-start xl:overflow-y-auto", children: [
+          /* @__PURE__ */ jsx(DocumentNavigator, { editor }),
+          /* @__PURE__ */ jsx(RelatedRecordsPanel, { documentId: document.id, canEdit: capabilities.canEdit, editor }),
+          /* @__PURE__ */ jsx(
+            CommentsRail,
+            {
+              documentId: document.id,
+              editor,
+              commentFocusRequest,
+              canComment: capabilities.canComment,
+              canShare: capabilities.canShare
+            }
+          ),
+          showVersions ? /* @__PURE__ */ jsx(
+            "div",
+            {
+              ref: versionsPanelRef,
+              tabIndex: -1,
+              className: "scroll-mt-4 rounded-md focus-visible:outline-none focus-visible:shadow-focus",
+              children: /* @__PURE__ */ jsx(
+                VersionHistoryPanel,
+                {
+                  documentId: document.id,
+                  canRestore: capabilities.canEdit,
+                  contentUpdatedAt: content.updatedAt,
+                  onRestored: reloadEditor
+                }
+              )
+            }
+          ) : null
+        ] })
+      ] })
+    ] }),
+    capabilities.canShare ? /* @__PURE__ */ jsx(
+      ShareDialog,
+      {
+        documentId: document.id,
+        open: shareOpen,
+        onOpenChange: setShareOpen,
+        canManage: capabilities.canShare
+      }
+    ) : null,
+    ConfirmDialogElement
+  ] });
+}
+var DocumentPageClient_default = DocumentPageClient;
+export {
+  DocumentPageClient,
+  DocumentPageClient_default as default,
+  revealPanelInScrollContainer
+};
+//# sourceMappingURL=DocumentPageClient.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/documents/backend/documents/%5Bid%5D/DocumentPageClient.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport dynamic from 'next/dynamic'\nimport Link from 'next/link'\nimport { useRouter } from 'next/navigation'\nimport { Archive, ArchiveRestore, Bell, Copy, History, Star, Trash2 } from 'lucide-react'\nimport type { Editor } from '@tiptap/core'\nimport { Page, PageBody, PageHeader } from '@open-mercato/ui/backend/Page'\nimport { LoadingMessage, ErrorMessage, RecordNotFoundState } from '@open-mercato/ui/backend/detail'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { apiCall, apiCallOrThrow, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\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 { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { LinkButton } from '@open-mercato/ui/primitives/link-button'\nimport { SimpleTooltip } from '@open-mercato/ui/primitives/tooltip'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { ShareDialog } from '../components/ShareDialog'\nimport { normalizeDocumentContent, normalizeDocumentDetail, type DocumentContent, type DocumentDetail } from '../documentUi'\nimport { CommentsRail } from './CommentsRail'\nimport type { CommentAnchor } from './CommentAnchorNavigation'\nimport { ExportMenu } from './ExportMenu'\nimport { RelatedRecordsPanel } from './RelatedRecordsPanel'\nimport { DocumentNavigator } from './DocumentNavigator'\nimport { DocumentEditorErrorBoundary } from './DocumentEditorErrorBoundary'\nimport { VersionHistoryPanel } from './VersionHistoryPanel'\n\nfunction DocumentEditorLoading({ error, retry }: { error?: Error | null; retry?: () => void }) {\n  const t = useT()\n  if (error) {\n    return (\n      <ErrorMessage\n        label={t('documents.editor.error.load')}\n        action={<Button type=\"button\" variant=\"outline\" onClick={retry}>{t('documents.actions.retry')}</Button>}\n      />\n    )\n  }\n  return <div role=\"status\" aria-live=\"polite\"><LoadingMessage label={t('documents.editor.loading')} /></div>\n}\n\nconst DocumentEditorIsland = dynamic(() => import('./DocumentEditorIsland'), { ssr: false, loading: DocumentEditorLoading })\n\nconst PANEL_REVEAL_OFFSET_PX = 16\n\nexport function revealPanelInScrollContainer(panel: HTMLElement): void {\n  const behavior: ScrollBehavior = window.matchMedia('(prefers-reduced-motion: reduce)').matches ? 'auto' : 'smooth'\n  let container = panel.parentElement\n  while (container) {\n    const overflowY = window.getComputedStyle(container).overflowY\n    if ((overflowY === 'auto' || overflowY === 'scroll') && container.scrollHeight > container.clientHeight) {\n      const offset = panel.getBoundingClientRect().top - container.getBoundingClientRect().top + container.scrollTop\n      container.scrollTo({ top: Math.max(0, offset - PANEL_REVEAL_OFFSET_PX), behavior })\n      return\n    }\n    container = container.parentElement\n  }\n  panel.scrollIntoView({ block: 'start', behavior })\n}\n\ntype CommentFocusRequest = { anchor: CommentAnchor; requestId: number }\ntype LoadState =\n  | { status: 'loading' }\n  | { status: 'notFound' }\n  | { status: 'error'; message: string }\n  | { status: 'ready'; document: DocumentDetail; content: DocumentContent }\n\nexport function DocumentPageClient({ documentId }: { documentId: string }) {\n  const t = useT()\n  const router = useRouter()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const [state, setState] = React.useState<LoadState>({ status: 'loading' })\n  const [shareOpen, setShareOpen] = React.useState(false)\n  const [showVersions, setShowVersions] = React.useState(false)\n  const versionsPanelRef = React.useRef<HTMLDivElement | null>(null)\n  const scrollVersionsIntoView = React.useRef(false)\n  const [editorEpoch, setEditorEpoch] = React.useState(0)\n  const [editor, setEditor] = React.useState<Editor | null>(null)\n  const [commentFocusRequest, setCommentFocusRequest] = React.useState<CommentFocusRequest | null>(null)\n  const requestSequence = React.useRef(0)\n  const mutationContextId = `documents-detail:${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 loadDocument = React.useCallback(async () => {\n    const requestId = ++requestSequence.current\n    setState({ status: 'loading' })\n    try {\n      const [documentCall, contentCall] = await Promise.all([\n        apiCall<unknown>(`/api/documents/${encodeURIComponent(documentId)}`),\n        apiCall<unknown>(`/api/documents/${encodeURIComponent(documentId)}/content`),\n      ])\n      if (requestSequence.current !== requestId) return\n      if (documentCall.status === 404) return setState({ status: 'notFound' })\n      if (!documentCall.ok) return setState({ status: 'error', message: t('documents.editor.error.load') })\n      if (!contentCall.ok && contentCall.status !== 404) {\n        return setState({ status: 'error', message: t('documents.editor.error.loadContent') })\n      }\n      const document = normalizeDocumentDetail(documentCall.result)\n      if (!document) return setState({ status: 'error', message: t('documents.editor.error.load') })\n      setState({\n        status: 'ready',\n        document,\n        content: contentCall.status === 404\n          ? { contentHtml: '', updatedAt: null }\n          : normalizeDocumentContent(contentCall.result),\n      })\n    } catch (error) {\n      if (requestSequence.current !== requestId) return\n      setState({ status: 'error', message: error instanceof Error ? error.message : t('documents.editor.error.load') })\n    }\n  }, [documentId, t])\n\n  React.useEffect(() => {\n    void loadDocument()\n    return () => { requestSequence.current += 1 }\n  }, [loadDocument])\n\n  const reloadEditor = React.useCallback(async () => {\n    const requestId = ++requestSequence.current\n    const contentCall = await apiCall<unknown>(`/api/documents/${encodeURIComponent(documentId)}/content`)\n    if (requestSequence.current !== requestId) {\n      throw new Error(t('documents.editor.error.loadContent'))\n    }\n    if (!contentCall.ok && contentCall.status !== 404) {\n      throw new Error(t('documents.editor.error.loadContent'))\n    }\n    const nextContent = contentCall.status === 404\n      ? { contentHtml: '', updatedAt: null }\n      : normalizeDocumentContent(contentCall.result)\n    setState((current) => current.status === 'ready' ? {\n      ...current,\n      content: nextContent,\n    } : current)\n    setEditor(null)\n    setEditorEpoch((current) => current + 1)\n  }, [documentId, t])\n\n  const handleContentConflict = React.useCallback(() => {\n    void reloadEditor().catch((error) => {\n      flash(error instanceof Error ? error.message : t('documents.editor.error.loadContent'), 'error')\n    })\n  }, [reloadEditor, t])\n\n  const retryEditorIsland = React.useCallback(() => {\n    setEditor(null)\n    setEditorEpoch((current) => current + 1)\n  }, [])\n\n  const toggleVersions = React.useCallback(() => {\n    setShowVersions((value) => {\n      scrollVersionsIntoView.current = !value\n      return !value\n    })\n  }, [])\n\n  // The versions panel mounts at the bottom of the side rail, below the fold on\n  // a laptop screen, so opening it gave no visible feedback. Bring it to the\n  // top of whichever container scrolls the rail (the sticky aside on wide\n  // screens, the page otherwise) and hand it focus for keyboard users.\n  React.useLayoutEffect(() => {\n    if (!showVersions || !scrollVersionsIntoView.current) return\n    scrollVersionsIntoView.current = false\n    const panel = versionsPanelRef.current\n    if (!panel) return\n    revealPanelInScrollContainer(panel)\n    panel.focus({ preventScroll: true })\n  }, [showVersions])\n\n  const setDocumentState = React.useCallback((mutate: (document: DocumentDetail) => DocumentDetail) => {\n    setState((current) => current.status === 'ready'\n      ? { ...current, document: mutate(current.document) }\n      : current)\n  }, [])\n\n  const pendingToggles = React.useRef<Set<'favorite' | 'watch'>>(new Set())\n  const runPersonalToggle = React.useCallback(async (\n    kind: 'favorite' | 'watch',\n    active: boolean,\n  ) => {\n    if (state.status !== 'ready' || pendingToggles.current.has(kind)) return\n    pendingToggles.current.add(kind)\n    const flag = kind === 'favorite' ? 'isFavorite' as const : 'isWatching' as const\n    setDocumentState((document) => ({ ...document, [flag]: active }))\n    try {\n      await runMutation({\n        operation: () => apiCallOrThrow(\n          `/api/documents/${encodeURIComponent(documentId)}/${kind}`,\n          { method: active ? 'POST' : 'DELETE' },\n        ),\n        context: {\n          formId: mutationContextId,\n          resourceKind: kind === 'favorite' ? 'documents.document_favorite' : 'documents.document_watcher',\n          resourceId: documentId,\n          retryLastMutation,\n        },\n        mutationPayload: { documentId, active },\n      })\n    } catch (error) {\n      setDocumentState((document) => ({ ...document, [flag]: !active }))\n      flash(error instanceof Error ? error.message : t('documents.editor.error.load'), 'error')\n    } finally {\n      pendingToggles.current.delete(kind)\n    }\n  }, [documentId, mutationContextId, retryLastMutation, runMutation, setDocumentState, state.status, t])\n\n  const duplicating = React.useRef(false)\n  const [isDuplicating, setIsDuplicating] = React.useState(false)\n  const handleDuplicate = React.useCallback(async () => {\n    if (state.status !== 'ready' || duplicating.current) return\n    duplicating.current = true\n    setIsDuplicating(true)\n    try {\n      const created = await runMutation({\n        operation: () => apiCallOrThrow<{ id: string }>(\n          `/api/documents/${encodeURIComponent(documentId)}/duplicate`,\n          { method: 'POST', body: JSON.stringify({}), headers: { 'content-type': 'application/json' } },\n        ),\n        context: {\n          formId: mutationContextId,\n          resourceKind: 'documents.document',\n          resourceId: documentId,\n          retryLastMutation,\n        },\n        mutationPayload: { action: 'duplicate', sourceDocumentId: documentId },\n      })\n      flash(t('documents.duplicate.success'), 'success')\n      const createdId = created?.result?.id\n      if (createdId) router.push(`/backend/documents/${encodeURIComponent(createdId)}`)\n    } catch (error) {\n      flash(error instanceof Error ? error.message : t('documents.duplicate.error'), 'error')\n    } finally {\n      duplicating.current = false\n      setIsDuplicating(false)\n    }\n  }, [documentId, mutationContextId, retryLastMutation, router, runMutation, state.status, t])\n\n  const handleArchiveToggle = React.useCallback(async () => {\n    if (state.status !== 'ready' || !state.document.capabilities.canArchive) return\n    const archived = state.document.archivedAt !== null\n    const action = archived ? 'unarchive' : 'archive'\n    try {\n      await runMutation({\n        operation: () => withScopedApiRequestHeaders(\n          buildOptimisticLockHeader(state.document.updatedAt),\n          () => apiCallOrThrow(`/api/documents/${encodeURIComponent(documentId)}/${action}`, { method: 'POST' }),\n        ),\n        context: {\n          formId: mutationContextId,\n          resourceKind: 'documents.document',\n          resourceId: documentId,\n          retryLastMutation,\n        },\n        mutationPayload: { action, documentId },\n      })\n      flash(t(archived ? 'documents.archive.success.unarchive' : 'documents.archive.success.archive'), 'success')\n      await loadDocument()\n    } catch (error) {\n      if (!surfaceRecordConflict(error, t, { onRefresh: () => { void loadDocument() } })) {\n        flash(error instanceof Error ? error.message : t('documents.archive.error'), 'error')\n      }\n    }\n  }, [documentId, loadDocument, mutationContextId, retryLastMutation, runMutation, state, t])\n\n  const handleDelete = React.useCallback(async () => {\n    if (state.status !== 'ready' || !state.document.capabilities.canDelete) return\n    const confirmed = await confirm({\n      title: t('documents.list.confirmDelete', { title: state.document.title }),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n    try {\n      await runMutation({\n        operation: () => withScopedApiRequestHeaders(\n          buildOptimisticLockHeader(state.document.updatedAt),\n          () => apiCallOrThrow(`/api/documents/${encodeURIComponent(documentId)}`, { method: 'DELETE' }),\n        ),\n        context: {\n          formId: mutationContextId,\n          resourceKind: 'documents.document',\n          resourceId: documentId,\n          retryLastMutation,\n        },\n        mutationPayload: { id: documentId },\n      })\n      flash(t('documents.list.success.delete'), 'success')\n      router.push('/backend/documents')\n    } catch (error) {\n      if (!surfaceRecordConflict(error, t, { onRefresh: () => { void loadDocument() } })) {\n        flash(error instanceof Error ? error.message : t('documents.list.error.delete'), 'error')\n      }\n    }\n  }, [confirm, documentId, loadDocument, mutationContextId, retryLastMutation, router, runMutation, state, t])\n\n  if (state.status !== 'ready') {\n    if (state.status === 'notFound') {\n      return (\n        <Page><PageBody>\n          <RecordNotFoundState\n            label={t('documents.editor.notFound')}\n            backHref=\"/backend/documents\"\n            backLabel={t('documents.actions.backToList')}\n          />\n        </PageBody></Page>\n      )\n    }\n    const label = state.status === 'loading' ? t('documents.editor.loading') : state.message\n    return (\n      <Page><PageBody>\n        {state.status === 'loading' ? <LoadingMessage label={label} /> : (\n          <ErrorMessage label={label} action={(\n            <div className=\"flex flex-wrap gap-2\">\n              <Button type=\"button\" onClick={() => void loadDocument()}>{t('documents.actions.retry')}</Button>\n              <LinkButton asChild variant=\"gray\"><Link href=\"/backend/documents\">{t('documents.actions.backToList')}</Link></LinkButton>\n            </div>\n          )} />\n        )}\n      </PageBody></Page>\n    )\n  }\n\n  const { document, content } = state\n  const capabilities = document.capabilities\n  return (\n    <Page>\n      <PageHeader title={t('documents.nav.document')} actions={(\n        <>\n          <LinkButton asChild variant=\"gray\"><Link href=\"/backend/documents\">{t('documents.actions.backToList')}</Link></LinkButton>\n          <SimpleTooltip content={t(document.isFavorite ? 'documents.actions.unfavorite' : 'documents.actions.favorite')} size=\"sm\">\n            <IconButton\n              type=\"button\"\n              variant=\"outline\"\n              size=\"lg\"\n              onClick={() => void runPersonalToggle('favorite', !document.isFavorite)}\n              aria-pressed={document.isFavorite}\n              aria-label={t(document.isFavorite ? 'documents.actions.unfavorite' : 'documents.actions.favorite')}\n            >\n              <Star />\n            </IconButton>\n          </SimpleTooltip>\n          <SimpleTooltip content={t(document.isWatching ? 'documents.actions.unwatch' : 'documents.actions.watch')} size=\"sm\">\n            <IconButton\n              type=\"button\"\n              variant=\"outline\"\n              size=\"lg\"\n              onClick={() => void runPersonalToggle('watch', !document.isWatching)}\n              aria-pressed={document.isWatching}\n              aria-label={t(document.isWatching ? 'documents.actions.unwatch' : 'documents.actions.watch')}\n            >\n              <Bell />\n            </IconButton>\n          </SimpleTooltip>\n          <Button type=\"button\" variant={showVersions ? 'secondary' : 'outline'} onClick={toggleVersions} aria-pressed={showVersions}>\n            <History />{t('documents.actions.versions')}\n          </Button>\n          <ExportMenu documentId={document.id} editor={editor} />\n          {capabilities.canDuplicate ? (\n            <Button type=\"button\" variant=\"outline\" disabled={isDuplicating} onClick={() => void handleDuplicate()}>\n              <Copy />{t('documents.actions.duplicate')}\n            </Button>\n          ) : null}\n          {capabilities.canArchive ? (\n            <Button type=\"button\" variant=\"outline\" onClick={() => void handleArchiveToggle()}>\n              {document.archivedAt ? <ArchiveRestore /> : <Archive />}\n              {t(document.archivedAt ? 'documents.actions.unarchive' : 'documents.actions.archive')}\n            </Button>\n          ) : null}\n          {capabilities.canShare ? <Button type=\"button\" variant=\"outline\" onClick={() => setShareOpen(true)}>{t('documents.actions.share')}</Button> : null}\n          {capabilities.canDelete ? <Button type=\"button\" variant=\"destructive\" onClick={() => void handleDelete()}><Trash2 />{t('documents.actions.delete')}</Button> : null}\n        </>\n      )} />\n      <PageBody>\n        {document.archivedAt ? (\n          <div\n            role=\"status\"\n            className=\"mb-4 flex flex-wrap items-center justify-between gap-2 rounded-md border border-status-warning-border bg-status-warning-bg px-4 py-3 text-sm text-status-warning-text\"\n          >\n            <span>{t('documents.archive.banner')}</span>\n            {capabilities.canArchive ? (\n              <Button type=\"button\" variant=\"outline\" onClick={() => void handleArchiveToggle()}>\n                <ArchiveRestore />{t('documents.actions.unarchive')}\n              </Button>\n            ) : null}\n          </div>\n        ) : null}\n        <div className=\"flex flex-col gap-4 xl:flex-row\">\n          <div className=\"min-w-0 flex-1\">\n            <DocumentEditorErrorBoundary\n              resetKey={`${document.id}:${editorEpoch}`}\n              onRetry={retryEditorIsland}\n              fallback={(retry) => (\n                <ErrorMessage\n                  label={t('documents.editor.error.load')}\n                  action={<Button type=\"button\" variant=\"outline\" onClick={retry}>{t('documents.actions.retry')}</Button>}\n                />\n              )}\n            >\n              <DocumentEditorIsland\n                key={`${document.id}:${editorEpoch}`}\n                documentId={document.id}\n                title={document.title}\n                initialContentHtml={content.contentHtml}\n                contentUpdatedAt={content.updatedAt}\n                documentUpdatedAt={document.updatedAt}\n                readOnly={!capabilities.canEdit}\n                onEditorReady={setEditor}\n                onContentConflict={handleContentConflict}\n                onComment={capabilities.canComment ? (anchor) => setCommentFocusRequest((current) => ({ anchor, requestId: (current?.requestId ?? 0) + 1 })) : undefined}\n                onTitleChange={(title, updatedAt) => setState((current) => current.status === 'ready' ? {\n                  ...current,\n                  document: { ...current.document, title, updatedAt },\n                } : current)}\n              />\n            </DocumentEditorErrorBoundary>\n          </div>\n          <aside className=\"space-y-4 xl:sticky xl:top-[calc(var(--topbar-height,0px)+1rem)] xl:max-h-[calc(100dvh-var(--topbar-height,0px)-2rem)] xl:w-80 xl:shrink-0 xl:self-start xl:overflow-y-auto\">\n            <DocumentNavigator editor={editor} />\n            <RelatedRecordsPanel documentId={document.id} canEdit={capabilities.canEdit} editor={editor} />\n            <CommentsRail\n              documentId={document.id}\n              editor={editor}\n              commentFocusRequest={commentFocusRequest}\n              canComment={capabilities.canComment}\n              canShare={capabilities.canShare}\n            />\n            {showVersions ? (\n              <div\n                ref={versionsPanelRef}\n                tabIndex={-1}\n                className=\"scroll-mt-4 rounded-md focus-visible:outline-none focus-visible:shadow-focus\"\n              >\n                <VersionHistoryPanel\n                  documentId={document.id}\n                  canRestore={capabilities.canEdit}\n                  contentUpdatedAt={content.updatedAt}\n                  onRestored={reloadEditor}\n                />\n              </div>\n            ) : null}\n          </aside>\n        </div>\n      </PageBody>\n      {capabilities.canShare ? (\n        <ShareDialog\n          documentId={document.id}\n          open={shareOpen}\n          onOpenChange={setShareOpen}\n          canManage={capabilities.canShare}\n        />\n      ) : null}\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n\nexport default DocumentPageClient\n"],
+  "mappings": "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",
+  "names": ["document"]
+}

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

@@ -0,0 +1,68 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEditorState } from "@tiptap/react";
+import { Highlighter, Palette, X } from "lucide-react";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { Popover, PopoverContent, PopoverTrigger } from "@open-mercato/ui/primitives/popover";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+const HIGHLIGHTS = [
+  ["#fef08a", "documents.editor.colors.yellow"],
+  ["#bbf7d0", "documents.editor.colors.green"],
+  ["#bfdbfe", "documents.editor.colors.blue"],
+  ["#e9d5ff", "documents.editor.colors.purple"],
+  ["#fbcfe8", "documents.editor.colors.pink"],
+  ["#fed7aa", "documents.editor.colors.orange"],
+  ["#fecaca", "documents.editor.colors.red"],
+  ["#e5e7eb", "documents.editor.colors.gray"]
+];
+const TEXT_COLORS = [
+  ["#111827", "documents.editor.colors.black"],
+  ["#dc2626", "documents.editor.colors.red"],
+  ["#ea580c", "documents.editor.colors.orange"],
+  ["#ca8a04", "documents.editor.colors.yellow"],
+  ["#16a34a", "documents.editor.colors.green"],
+  ["#2563eb", "documents.editor.colors.blue"],
+  ["#7c3aed", "documents.editor.colors.purple"],
+  ["#db2777", "documents.editor.colors.pink"]
+];
+const EMPTY_COLOR_STATE = { textColor: null, highlight: null };
+function ColorPicker({ label, icon, colors, active, disabled, onSelect, onClear }) {
+  const t = useT();
+  return /* @__PURE__ */ jsxs(Popover, { children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { type: "button", variant: active ? "outline" : "ghost", "aria-label": label, "aria-pressed": Boolean(active), title: label, disabled, children: icon }) }),
+    /* @__PURE__ */ jsxs(PopoverContent, { className: "flex min-w-0 items-center gap-1 p-1", children: [
+      /* @__PURE__ */ jsx(IconButton, { type: "button", size: "sm", variant: !active ? "outline" : "ghost", "aria-label": t("documents.editor.colors.clear"), onClick: onClear, children: /* @__PURE__ */ jsx(X, {}) }),
+      colors.map(([color, labelKey]) => /* @__PURE__ */ jsx(IconButton, { type: "button", size: "sm", variant: active?.toLowerCase() === color ? "outline" : "ghost", "aria-label": t("documents.editor.colors.selectNamed", { color: t(labelKey) }), onClick: () => onSelect(color), children: /* @__PURE__ */ jsx("span", { className: "size-4 rounded-sm border border-border", style: { backgroundColor: color }, "aria-hidden": "true" }) }, color))
+    ] })
+  ] });
+}
+function EditorColorTools({ editor, disabled }) {
+  const t = useT();
+  const editorState = useEditorState({
+    editor,
+    selector: ({ editor: current }) => {
+      const textColor = current?.getAttributes("textStyle").color;
+      const highlight = current?.getAttributes("highlight").color;
+      return {
+        textColor: typeof textColor === "string" ? textColor : null,
+        highlight: typeof highlight === "string" ? highlight : null
+      };
+    }
+  }) ?? EMPTY_COLOR_STATE;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ColorPicker, { label: t("documents.editor.toolbar.highlight"), icon: /* @__PURE__ */ jsx(Highlighter, {}), colors: HIGHLIGHTS, active: editorState.highlight, disabled, onSelect: (color) => {
+      editor?.chain().focus().setHighlight({ color }).run();
+    }, onClear: () => {
+      editor?.chain().focus().unsetHighlight().run();
+    } }),
+    /* @__PURE__ */ jsx(ColorPicker, { label: t("documents.editor.toolbar.textColor"), icon: /* @__PURE__ */ jsx(Palette, {}), colors: TEXT_COLORS, active: editorState.textColor, disabled, onSelect: (color) => {
+      editor?.chain().focus().setColor(color).run();
+    }, onClear: () => {
+      editor?.chain().focus().unsetColor().run();
+    } })
+  ] });
+}
+export {
+  EditorColorTools
+};
+//# sourceMappingURL=EditorColorTools.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/documents/backend/documents/%5Bid%5D/EditorColorTools.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { Editor } from '@tiptap/core'\nimport { useEditorState } from '@tiptap/react'\nimport { Highlighter, Palette, X } from 'lucide-react'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Popover, PopoverContent, PopoverTrigger } from '@open-mercato/ui/primitives/popover'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\n// These literal values are persisted as authored document-content colors. They\n// are not application chrome and therefore intentionally do not use DS tokens.\nconst HIGHLIGHTS = [\n  ['#fef08a', 'documents.editor.colors.yellow'], ['#bbf7d0', 'documents.editor.colors.green'],\n  ['#bfdbfe', 'documents.editor.colors.blue'], ['#e9d5ff', 'documents.editor.colors.purple'],\n  ['#fbcfe8', 'documents.editor.colors.pink'], ['#fed7aa', 'documents.editor.colors.orange'],\n  ['#fecaca', 'documents.editor.colors.red'], ['#e5e7eb', 'documents.editor.colors.gray'],\n] as const\nconst TEXT_COLORS = [\n  ['#111827', 'documents.editor.colors.black'], ['#dc2626', 'documents.editor.colors.red'],\n  ['#ea580c', 'documents.editor.colors.orange'], ['#ca8a04', 'documents.editor.colors.yellow'],\n  ['#16a34a', 'documents.editor.colors.green'], ['#2563eb', 'documents.editor.colors.blue'],\n  ['#7c3aed', 'documents.editor.colors.purple'], ['#db2777', 'documents.editor.colors.pink'],\n] as const\nconst EMPTY_COLOR_STATE = { textColor: null, highlight: null }\n\nfunction ColorPicker({ label, icon, colors, active, disabled, onSelect, onClear }: {\n  label: string\n  icon: React.ReactNode\n  colors: ReadonlyArray<readonly [value: string, labelKey: string]>\n  active: string | null\n  disabled: boolean\n  onSelect: (color: string) => void\n  onClear: () => void\n}) {\n  const t = useT()\n  return (\n    <Popover>\n      <PopoverTrigger asChild><IconButton type=\"button\" variant={active ? 'outline' : 'ghost'} aria-label={label} aria-pressed={Boolean(active)} title={label} disabled={disabled}>{icon}</IconButton></PopoverTrigger>\n      <PopoverContent className=\"flex min-w-0 items-center gap-1 p-1\">\n        <IconButton type=\"button\" size=\"sm\" variant={!active ? 'outline' : 'ghost'} aria-label={t('documents.editor.colors.clear')} onClick={onClear}><X /></IconButton>\n        {colors.map(([color, labelKey]) => (\n          <IconButton key={color} type=\"button\" size=\"sm\" variant={active?.toLowerCase() === color ? 'outline' : 'ghost'} aria-label={t('documents.editor.colors.selectNamed', { color: t(labelKey) })} onClick={() => onSelect(color)}>\n            <span className=\"size-4 rounded-sm border border-border\" style={{ backgroundColor: color }} aria-hidden=\"true\" />\n          </IconButton>\n        ))}\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nexport function EditorColorTools({ editor, disabled }: { editor: Editor | null; disabled: boolean }) {\n  const t = useT()\n  const editorState = useEditorState({\n    editor,\n    selector: ({ editor: current }) => {\n      const textColor = current?.getAttributes('textStyle').color\n      const highlight = current?.getAttributes('highlight').color\n      return {\n        textColor: typeof textColor === 'string' ? textColor : null,\n        highlight: typeof highlight === 'string' ? highlight : null,\n      }\n    },\n  }) ?? EMPTY_COLOR_STATE\n  return (\n    <>\n      <ColorPicker label={t('documents.editor.toolbar.highlight')} icon={<Highlighter />} colors={HIGHLIGHTS} active={editorState.highlight} disabled={disabled} onSelect={(color) => { editor?.chain().focus().setHighlight({ color }).run() }} onClear={() => { editor?.chain().focus().unsetHighlight().run() }} />\n      <ColorPicker label={t('documents.editor.toolbar.textColor')} icon={<Palette />} colors={TEXT_COLORS} active={editorState.textColor} disabled={disabled} onSelect={(color) => { editor?.chain().focus().setColor(color).run() }} onClear={() => { editor?.chain().focus().unsetColor().run() }} />\n    </>\n  )\n}\n"],
+  "mappings": ";AAsC8B,SA2B1B,UA3B0B,KACxB,YADwB;AAlC9B,SAAS,sBAAsB;AAC/B,SAAS,aAAa,SAAS,SAAS;AACxC,SAAS,kBAAkB;AAC3B,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,SAAS,YAAY;AAIrB,MAAM,aAAa;AAAA,EACjB,CAAC,WAAW,gCAAgC;AAAA,EAAG,CAAC,WAAW,+BAA+B;AAAA,EAC1F,CAAC,WAAW,8BAA8B;AAAA,EAAG,CAAC,WAAW,gCAAgC;AAAA,EACzF,CAAC,WAAW,8BAA8B;AAAA,EAAG,CAAC,WAAW,gCAAgC;AAAA,EACzF,CAAC,WAAW,6BAA6B;AAAA,EAAG,CAAC,WAAW,8BAA8B;AACxF;AACA,MAAM,cAAc;AAAA,EAClB,CAAC,WAAW,+BAA+B;AAAA,EAAG,CAAC,WAAW,6BAA6B;AAAA,EACvF,CAAC,WAAW,gCAAgC;AAAA,EAAG,CAAC,WAAW,gCAAgC;AAAA,EAC3F,CAAC,WAAW,+BAA+B;AAAA,EAAG,CAAC,WAAW,8BAA8B;AAAA,EACxF,CAAC,WAAW,gCAAgC;AAAA,EAAG,CAAC,WAAW,8BAA8B;AAC3F;AACA,MAAM,oBAAoB,EAAE,WAAW,MAAM,WAAW,KAAK;AAE7D,SAAS,YAAY,EAAE,OAAO,MAAM,QAAQ,QAAQ,UAAU,UAAU,QAAQ,GAQ7E;AACD,QAAM,IAAI,KAAK;AACf,SACE,qBAAC,WACC;AAAA,wBAAC,kBAAe,SAAO,MAAC,8BAAC,cAAW,MAAK,UAAS,SAAS,SAAS,YAAY,SAAS,cAAY,OAAO,gBAAc,QAAQ,MAAM,GAAG,OAAO,OAAO,UAAqB,gBAAK,GAAa;AAAA,IAChM,qBAAC,kBAAe,WAAU,uCACxB;AAAA,0BAAC,cAAW,MAAK,UAAS,MAAK,MAAK,SAAS,CAAC,SAAS,YAAY,SAAS,cAAY,EAAE,+BAA+B,GAAG,SAAS,SAAS,8BAAC,KAAE,GAAE;AAAA,MAClJ,OAAO,IAAI,CAAC,CAAC,OAAO,QAAQ,MAC3B,oBAAC,cAAuB,MAAK,UAAS,MAAK,MAAK,SAAS,QAAQ,YAAY,MAAM,QAAQ,YAAY,SAAS,cAAY,EAAE,uCAAuC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,GAAG,SAAS,MAAM,SAAS,KAAK,GACzN,8BAAC,UAAK,WAAU,0CAAyC,OAAO,EAAE,iBAAiB,MAAM,GAAG,eAAY,QAAO,KADhG,KAEjB,CACD;AAAA,OACH;AAAA,KACF;AAEJ;AAEO,SAAS,iBAAiB,EAAE,QAAQ,SAAS,GAAiD;AACnG,QAAM,IAAI,KAAK;AACf,QAAM,cAAc,eAAe;AAAA,IACjC;AAAA,IACA,UAAU,CAAC,EAAE,QAAQ,QAAQ,MAAM;AACjC,YAAM,YAAY,SAAS,cAAc,WAAW,EAAE;AACtD,YAAM,YAAY,SAAS,cAAc,WAAW,EAAE;AACtD,aAAO;AAAA,QACL,WAAW,OAAO,cAAc,WAAW,YAAY;AAAA,QACvD,WAAW,OAAO,cAAc,WAAW,YAAY;AAAA,MACzD;AAAA,IACF;AAAA,EACF,CAAC,KAAK;AACN,SACE,iCACE;AAAA,wBAAC,eAAY,OAAO,EAAE,oCAAoC,GAAG,MAAM,oBAAC,eAAY,GAAI,QAAQ,YAAY,QAAQ,YAAY,WAAW,UAAoB,UAAU,CAAC,UAAU;AAAE,cAAQ,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,CAAC,EAAE,IAAI;AAAA,IAAE,GAAG,SAAS,MAAM;AAAE,cAAQ,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,IAAI;AAAA,IAAE,GAAG;AAAA,IAC9S,oBAAC,eAAY,OAAO,EAAE,oCAAoC,GAAG,MAAM,oBAAC,WAAQ,GAAI,QAAQ,aAAa,QAAQ,YAAY,WAAW,UAAoB,UAAU,CAAC,UAAU;AAAE,cAAQ,MAAM,EAAE,MAAM,EAAE,SAAS,KAAK,EAAE,IAAI;AAAA,IAAE,GAAG,SAAS,MAAM;AAAE,cAAQ,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,IAAI;AAAA,IAAE,GAAG;AAAA,KACjS;AAEJ;",
+  "names": []
+}