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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/documents/backend/documents/%5Bid%5D/CommentComposer.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { AtSign, CornerDownRight, Send, X } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { MentionPicker } from './MentionPicker'\nimport {\n  bodyContainsPendingMention,\n  removePendingMentionOccurrences,\n  type PendingMention,\n} from './commentTypes'\n\ntype CommentComposerProps = {\n  documentId: string\n  body: string\n  pendingMentions: PendingMention[]\n  replyToName: string | null\n  isSubmitting: boolean\n  onBodyChange: (body: string) => void\n  onMentionsChange: React.Dispatch<React.SetStateAction<PendingMention[]>>\n  onSubmit: () => void\n  onCancel: () => void\n  focusSignal?: number | string\n}\n\nexport const CommentComposer = React.forwardRef<HTMLFormElement, CommentComposerProps>(function CommentComposer({\n  documentId,\n  body,\n  pendingMentions,\n  replyToName,\n  isSubmitting,\n  onBodyChange,\n  onMentionsChange,\n  onSubmit,\n  onCancel,\n  focusSignal,\n}, forwardedRef) {\n  const t = useT()\n  const composerId = React.useId()\n  const textareaRef = React.useRef<HTMLTextAreaElement | null>(null)\n  const [mentionPickerOpen, setMentionPickerOpen] = React.useState(false)\n\n  React.useEffect(() => {\n    if (focusSignal === undefined) return\n    window.setTimeout(() => textareaRef.current?.focus(), 0)\n  }, [focusSignal])\n\n  const handleMentionPick = React.useCallback((user: { id: string; name: string }) => {\n    const userId = user.id.toLowerCase()\n    onMentionsChange((current) => current.some((mention) => mention.userId === userId)\n      ? current\n      : [...current, { userId, name: user.name }])\n    onBodyChange(`${body}${body.length > 0 && !/\\s$/.test(body) ? ' ' : ''}@${user.name} `)\n    setMentionPickerOpen(false)\n    window.setTimeout(() => textareaRef.current?.focus(), 0)\n  }, [body, onBodyChange, onMentionsChange])\n\n  const handleBodyChange = React.useCallback((nextBody: string) => {\n    onBodyChange(nextBody)\n    onMentionsChange((current) => current.filter((mention) => bodyContainsPendingMention(nextBody, mention)))\n  }, [onBodyChange, onMentionsChange])\n\n  const removeMention = React.useCallback((mention: PendingMention) => {\n    onBodyChange(removePendingMentionOccurrences(body, mention, pendingMentions))\n    onMentionsChange((current) => current.filter((candidate) => candidate.userId !== mention.userId))\n    window.setTimeout(() => textareaRef.current?.focus(), 0)\n  }, [body, onBodyChange, onMentionsChange, pendingMentions])\n\n  return (\n    <form\n      ref={forwardedRef}\n      className=\"space-y-3 rounded-lg border border-border bg-muted/20 p-3\"\n      onSubmit={(event) => { event.preventDefault(); onSubmit() }}\n      onKeyDown={(event) => {\n        if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n          event.preventDefault()\n          onSubmit()\n        }\n        if (event.key === 'Escape') {\n          event.preventDefault()\n          setMentionPickerOpen(false)\n          onCancel()\n        }\n      }}\n    >\n      <div className=\"space-y-2\">\n        <Label htmlFor={composerId}>{t('documents.comments.title')}</Label>\n        {replyToName ? (\n          <p className=\"inline-flex items-center gap-2 rounded-full bg-muted px-2 py-1 text-xs text-muted-foreground\">\n            <CornerDownRight className=\"size-3\" aria-hidden=\"true\" />\n            {t('documents.comments.replyTo', { name: replyToName })}\n          </p>\n        ) : null}\n        <Textarea\n          ref={textareaRef}\n          id={composerId}\n          value={body}\n          onChange={(event) => handleBodyChange(event.target.value)}\n          placeholder={t('documents.comments.composer.placeholder')}\n          maxLength={8000}\n          showCount\n          disabled={isSubmitting}\n        />\n        {pendingMentions.length > 0 ? (\n          <div className=\"flex flex-wrap gap-2\" role=\"group\" aria-label={t('documents.comments.mentions.selected')}>\n            {pendingMentions.map((mention) => (\n              <Button\n                key={mention.userId}\n                type=\"button\"\n                size=\"sm\"\n                variant=\"secondary\"\n                onClick={() => removeMention(mention)}\n                disabled={isSubmitting}\n                aria-label={t('documents.comments.mentions.remove', { name: mention.name })}\n              >\n                @{mention.name}<X aria-hidden=\"true\" />\n              </Button>\n            ))}\n          </div>\n        ) : null}\n      </div>\n      {mentionPickerOpen ? <MentionPicker documentId={documentId} onPick={handleMentionPick} disabled={isSubmitting} /> : null}\n      <div className=\"flex flex-wrap items-center justify-between gap-2\">\n        <Button type=\"button\" variant=\"outline\" onClick={() => setMentionPickerOpen((open) => !open)} disabled={isSubmitting}>\n          <AtSign />{t('documents.comments.actions.mention')}\n        </Button>\n        <Button type=\"submit\" disabled={isSubmitting || body.trim().length === 0}>\n          <Send />{t('documents.comments.actions.send')}\n        </Button>\n      </div>\n    </form>\n  )\n})\n"],
+  "mappings": "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",
+  "names": ["CommentComposer"]
+}

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

@@ -0,0 +1,88 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CheckCircle2, CornerDownRight, RotateCcw } from "lucide-react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { StatusBadge } from "@open-mercato/ui/primitives/status-badge";
+const MENTION_TOKEN_PATTERN = /@\[([0-9a-f-]{36})\]/gi;
+function formatDateTime(value) {
+  const timestamp = Date.parse(value);
+  return Number.isFinite(timestamp) ? new Intl.DateTimeFormat(void 0, { dateStyle: "medium", timeStyle: "short" }).format(new Date(timestamp)) : "";
+}
+function formatBody(body, labelFor) {
+  const parts = [];
+  let cursor = 0;
+  for (const match of body.matchAll(MENTION_TOKEN_PATTERN)) {
+    const userId = match[1];
+    const start = match.index ?? 0;
+    if (userId === void 0) continue;
+    if (start > cursor) parts.push(body.slice(cursor, start));
+    parts.push(
+      /* @__PURE__ */ jsxs("span", { className: "inline-flex rounded-full bg-muted px-2 py-1 text-xs font-medium text-primary", children: [
+        "@",
+        labelFor(userId)
+      ] }, `mention:${start}`)
+    );
+    cursor = start + match[0].length;
+  }
+  if (cursor < body.length) parts.push(body.slice(cursor));
+  return parts;
+}
+function CommentItem({
+  comment,
+  canComment,
+  resolvingCommentId,
+  labelFor,
+  onJump,
+  onReply,
+  onResolve,
+  t
+}) {
+  const resolved = comment.resolvedAt !== null;
+  const canJump = comment.anchor !== null && comment.anchor !== "changed";
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium", children: labelFor(comment.authorUserId) }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: formatDateTime(comment.createdAt) })
+      ] }),
+      resolved ? /* @__PURE__ */ jsx(StatusBadge, { variant: "success", dot: true, children: t("documents.comments.resolved") }) : null
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap text-sm text-foreground", children: formatBody(comment.body, labelFor) }),
+    comment.anchor === "changed" ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("documents.comments.anchor.changed") }) : null
+  ] });
+  return /* @__PURE__ */ jsxs("article", { className: "space-y-3 rounded-lg border border-border bg-background p-3", children: [
+    canJump ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", className: "h-auto w-full flex-col items-stretch gap-2 p-0 text-left hover:bg-transparent", onClick: () => onJump(comment), children: content }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: content }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+      canComment && comment.parentCommentId === null ? /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", variant: "ghost", onClick: () => onReply(comment), children: [
+        /* @__PURE__ */ jsx(CornerDownRight, {}),
+        t("documents.comments.actions.reply")
+      ] }) : null,
+      comment.canResolve ? /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", variant: "outline", onClick: () => onResolve(comment), disabled: resolvingCommentId === comment.id, children: [
+        resolved ? /* @__PURE__ */ jsx(RotateCcw, {}) : /* @__PURE__ */ jsx(CheckCircle2, {}),
+        resolved ? t("documents.comments.actions.reopen") : t("documents.comments.actions.resolve")
+      ] }) : null
+    ] }),
+    comment.replies.length > 0 ? /* @__PURE__ */ jsx("div", { className: "space-y-2 border-l border-border pl-3", children: comment.replies.map((reply) => /* @__PURE__ */ jsx(
+      CommentItem,
+      {
+        comment: reply,
+        comments: [],
+        canComment: false,
+        resolvingCommentId,
+        labelFor,
+        onJump,
+        onReply,
+        onResolve,
+        t
+      },
+      reply.id
+    )) }) : null
+  ] });
+}
+function CommentThreadList(props) {
+  return /* @__PURE__ */ jsx("div", { className: "space-y-3", children: props.comments.map((comment) => /* @__PURE__ */ jsx(CommentItem, { ...props, comment }, comment.id)) });
+}
+export {
+  CommentThreadList
+};
+//# sourceMappingURL=CommentThreadList.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/documents/backend/documents/%5Bid%5D/CommentThreadList.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { CheckCircle2, CornerDownRight, RotateCcw } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { StatusBadge } from '@open-mercato/ui/primitives/status-badge'\nimport type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport type { DocumentComment } from './commentTypes'\n\ntype LabelFor = (userId: string) => string\ntype CommentThreadListProps = {\n  comments: DocumentComment[]\n  canComment: boolean\n  resolvingCommentId: string | null\n  labelFor: LabelFor\n  onJump: (comment: DocumentComment) => void\n  onReply: (comment: DocumentComment) => void\n  onResolve: (comment: DocumentComment) => void\n  t: TranslateFn\n}\n\nconst MENTION_TOKEN_PATTERN = /@\\[([0-9a-f-]{36})\\]/gi\n\nfunction formatDateTime(value: string): string {\n  const timestamp = Date.parse(value)\n  return Number.isFinite(timestamp)\n    ? new Intl.DateTimeFormat(undefined, { dateStyle: 'medium', timeStyle: 'short' }).format(new Date(timestamp))\n    : ''\n}\n\n/**\n * Chips are built from the mention tokens themselves. Rendering display\n * labels back into the text and re-matching them corrupted every label that\n * shares a prefix with another mention, and expanded the `$&`/`$1` sequences\n * a user-controlled label may carry into the replacement string.\n */\nfunction formatBody(body: string, labelFor: LabelFor): React.ReactNode[] {\n  const parts: React.ReactNode[] = []\n  let cursor = 0\n  for (const match of body.matchAll(MENTION_TOKEN_PATTERN)) {\n    const userId = match[1]\n    const start = match.index ?? 0\n    if (userId === undefined) continue\n    if (start > cursor) parts.push(body.slice(cursor, start))\n    parts.push(\n      <span key={`mention:${start}`} className=\"inline-flex rounded-full bg-muted px-2 py-1 text-xs font-medium text-primary\">\n        @{labelFor(userId)}\n      </span>,\n    )\n    cursor = start + match[0].length\n  }\n  if (cursor < body.length) parts.push(body.slice(cursor))\n  return parts\n}\n\nfunction CommentItem({\n  comment,\n  canComment,\n  resolvingCommentId,\n  labelFor,\n  onJump,\n  onReply,\n  onResolve,\n  t,\n}: CommentThreadListProps & { comment: DocumentComment }) {\n  const resolved = comment.resolvedAt !== null\n  const canJump = comment.anchor !== null && comment.anchor !== 'changed'\n  const content = (\n    <>\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"min-w-0\">\n          <p className=\"truncate text-sm font-medium\">{labelFor(comment.authorUserId)}</p>\n          <p className=\"text-xs text-muted-foreground\">{formatDateTime(comment.createdAt)}</p>\n        </div>\n        {resolved ? <StatusBadge variant=\"success\" dot>{t('documents.comments.resolved')}</StatusBadge> : null}\n      </div>\n      <p className=\"whitespace-pre-wrap text-sm text-foreground\">{formatBody(comment.body, labelFor)}</p>\n      {comment.anchor === 'changed' ? (\n        <p className=\"text-xs text-muted-foreground\">{t('documents.comments.anchor.changed')}</p>\n      ) : null}\n    </>\n  )\n  return (\n    <article className=\"space-y-3 rounded-lg border border-border bg-background p-3\">\n      {canJump ? (\n        <Button type=\"button\" variant=\"ghost\" className=\"h-auto w-full flex-col items-stretch gap-2 p-0 text-left hover:bg-transparent\" onClick={() => onJump(comment)}>\n          {content}\n        </Button>\n      ) : <div className=\"space-y-2\">{content}</div>}\n      <div className=\"flex flex-wrap items-center gap-2\">\n        {canComment && comment.parentCommentId === null ? (\n          <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => onReply(comment)}>\n            <CornerDownRight />{t('documents.comments.actions.reply')}\n          </Button>\n        ) : null}\n        {comment.canResolve ? (\n          <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={() => onResolve(comment)} disabled={resolvingCommentId === comment.id}>\n            {resolved ? <RotateCcw /> : <CheckCircle2 />}\n            {resolved ? t('documents.comments.actions.reopen') : t('documents.comments.actions.resolve')}\n          </Button>\n        ) : null}\n      </div>\n      {comment.replies.length > 0 ? (\n        <div className=\"space-y-2 border-l border-border pl-3\">\n          {comment.replies.map((reply) => (\n            <CommentItem\n              key={reply.id}\n              comment={reply}\n              comments={[]}\n              canComment={false}\n              resolvingCommentId={resolvingCommentId}\n              labelFor={labelFor}\n              onJump={onJump}\n              onReply={onReply}\n              onResolve={onResolve}\n              t={t}\n            />\n          ))}\n        </div>\n      ) : null}\n    </article>\n  )\n}\n\nexport function CommentThreadList(props: CommentThreadListProps) {\n  return (\n    <div className=\"space-y-3\">\n      {props.comments.map((comment) => <CommentItem key={comment.id} {...props} comment={comment} />)}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,123 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { MessageSquare } from "lucide-react";
+import { LoadingMessage, ErrorMessage } from "@open-mercato/ui/backend/detail";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { EmptyState } from "@open-mercato/ui/primitives/empty-state";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "@open-mercato/ui/primitives/dialog";
+import { useDialogKeyHandler } from "@open-mercato/ui/hooks/useDialogKeyHandler";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { CommentComposer } from "./CommentComposer.js";
+import { CommentThreadList } from "./CommentThreadList.js";
+import { resolveCommentsCapability } from "./componentCapabilities.js";
+import { useDocumentComments } from "./useDocumentComments.js";
+import { resolveCommentsCapability as resolveCommentsCapability2 } from "./componentCapabilities.js";
+function CommentsRail({
+  documentId,
+  editor,
+  commentFocusRequest,
+  tier,
+  canComment,
+  canShare = false
+}) {
+  const t = useT();
+  const mayComment = resolveCommentsCapability(canComment, tier);
+  const composerRef = React.useRef(null);
+  const comments = useDocumentComments({ documentId, editor, canComment: mayComment, canShare });
+  React.useEffect(() => {
+    if (!commentFocusRequest || !mayComment) return;
+    comments.setPendingAnchor(commentFocusRequest.anchor);
+    window.setTimeout(() => composerRef.current?.scrollIntoView({ block: "nearest", behavior: "smooth" }), 0);
+  }, [commentFocusRequest, comments.setPendingAnchor, mayComment]);
+  const grantPromptKeyDown = useDialogKeyHandler({
+    onConfirm: () => comments.chooseGrantAccess(true),
+    onCancel: () => comments.chooseGrantAccess(false)
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("section", { className: "rounded-lg border border-border bg-card p-3 sm:p-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(MessageSquare, { className: "size-4 text-muted-foreground", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold", children: t("documents.comments.title") })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        comments.state.status === "loading" ? /* @__PURE__ */ jsx(LoadingMessage, { label: t("documents.comments.loading") }) : null,
+        comments.state.status === "error" ? /* @__PURE__ */ jsx(
+          ErrorMessage,
+          {
+            label: comments.state.message,
+            action: /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: () => void comments.reload(), children: t("documents.actions.retry") })
+          }
+        ) : null,
+        comments.state.status === "ready" && comments.comments.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { size: "sm", variant: "subtle", title: t("documents.comments.empty"), icon: /* @__PURE__ */ jsx(MessageSquare, { className: "size-5" }) }) : null,
+        comments.state.status === "ready" && comments.comments.length > 0 ? /* @__PURE__ */ jsx(
+          CommentThreadList,
+          {
+            comments: comments.comments,
+            canComment: mayComment,
+            resolvingCommentId: comments.resolvingCommentId,
+            labelFor: comments.labelFor,
+            onJump: (comment) => {
+              void (async () => {
+                if (!editor || comment.anchor === null || comment.anchor === "changed") {
+                  flash(t("documents.comments.anchor.changed"), "info");
+                  return;
+                }
+                const { jumpToCommentAnchor } = await import("./CommentAnchorNavigation.js");
+                if (!jumpToCommentAnchor(editor, comment.anchor)) {
+                  flash(t("documents.comments.anchor.changed"), "info");
+                }
+              })();
+            },
+            onReply: comments.startReply,
+            onResolve: (comment) => void comments.resolveComment(comment),
+            t
+          }
+        ) : null,
+        mayComment ? /* @__PURE__ */ jsx(
+          CommentComposer,
+          {
+            ref: composerRef,
+            documentId,
+            body: comments.body,
+            pendingMentions: comments.pendingMentions,
+            replyToName: comments.replyToName,
+            isSubmitting: comments.isSubmitting,
+            onBodyChange: comments.setBody,
+            onMentionsChange: comments.setPendingMentions,
+            onSubmit: () => void comments.submit(),
+            onCancel: comments.resetComposer,
+            focusSignal: commentFocusRequest?.requestId ?? comments.parentCommentId ?? void 0
+          }
+        ) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Dialog, { open: comments.grantAccessNames !== null, onOpenChange: (open) => {
+      if (!open) comments.chooseGrantAccess(false);
+    }, children: /* @__PURE__ */ jsxs(DialogContent, { onKeyDown: grantPromptKeyDown, children: [
+      /* @__PURE__ */ jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsx(DialogTitle, { children: t("documents.comments.grant.title") }),
+        /* @__PURE__ */ jsx(DialogDescription, { children: t("documents.comments.grant.body", { names: comments.grantAccessNames?.join(", ") ?? "" }) })
+      ] }),
+      /* @__PURE__ */ jsxs(DialogFooter, { children: [
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => comments.chooseGrantAccess(false), children: t("documents.comments.grant.skip") }),
+        /* @__PURE__ */ jsx(Button, { type: "button", onClick: () => comments.chooseGrantAccess(true), children: t("documents.comments.grant.share") })
+      ] })
+    ] }) })
+  ] });
+}
+var CommentsRail_default = CommentsRail;
+export {
+  CommentsRail,
+  CommentsRail_default as default,
+  resolveCommentsCapability2 as resolveCommentsCapability
+};
+//# sourceMappingURL=CommentsRail.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/documents/backend/documents/%5Bid%5D/CommentsRail.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { Editor } from '@tiptap/core'\nimport { MessageSquare } from 'lucide-react'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { EmptyState } from '@open-mercato/ui/primitives/empty-state'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { useDialogKeyHandler } from '@open-mercato/ui/hooks/useDialogKeyHandler'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { CommentAnchor } from './CommentAnchorNavigation'\nimport { CommentComposer } from './CommentComposer'\nimport { CommentThreadList } from './CommentThreadList'\nimport { resolveCommentsCapability, type DocumentTier } from './componentCapabilities'\nimport { useDocumentComments } from './useDocumentComments'\n\ntype CommentFocusRequest = { anchor: CommentAnchor; requestId: number }\nexport type { DocumentTier } from './componentCapabilities'\nexport { resolveCommentsCapability } from './componentCapabilities'\n\ntype CommentsRailProps = {\n  documentId: string\n  editor: Editor | null\n  commentFocusRequest?: CommentFocusRequest | null\n  /** Legacy compatibility; an explicit capability projection takes precedence. */\n  tier?: DocumentTier\n  canComment?: boolean\n  canShare?: boolean\n}\n\nexport function CommentsRail({\n  documentId,\n  editor,\n  commentFocusRequest,\n  tier,\n  canComment,\n  canShare = false,\n}: CommentsRailProps) {\n  const t = useT()\n  const mayComment = resolveCommentsCapability(canComment, tier)\n  const composerRef = React.useRef<HTMLFormElement | null>(null)\n  const comments = useDocumentComments({ documentId, editor, canComment: mayComment, canShare })\n\n  React.useEffect(() => {\n    if (!commentFocusRequest || !mayComment) return\n    comments.setPendingAnchor(commentFocusRequest.anchor)\n    window.setTimeout(() => composerRef.current?.scrollIntoView({ block: 'nearest', behavior: 'smooth' }), 0)\n  }, [commentFocusRequest, comments.setPendingAnchor, mayComment])\n\n  const grantPromptKeyDown = useDialogKeyHandler({\n    onConfirm: () => comments.chooseGrantAccess(true),\n    onCancel: () => comments.chooseGrantAccess(false),\n  })\n\n  return (\n    <>\n      <section className=\"rounded-lg border border-border bg-card p-3 sm:p-4\">\n        <div className=\"mb-4 flex items-center gap-2\">\n          <MessageSquare className=\"size-4 text-muted-foreground\" aria-hidden=\"true\" />\n          <h2 className=\"text-sm font-semibold\">{t('documents.comments.title')}</h2>\n        </div>\n        <div className=\"space-y-4\">\n          {comments.state.status === 'loading' ? <LoadingMessage label={t('documents.comments.loading')} /> : null}\n          {comments.state.status === 'error' ? (\n            <ErrorMessage\n              label={comments.state.message}\n              action={<Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={() => void comments.reload()}>{t('documents.actions.retry')}</Button>}\n            />\n          ) : null}\n          {comments.state.status === 'ready' && comments.comments.length === 0 ? (\n            <EmptyState size=\"sm\" variant=\"subtle\" title={t('documents.comments.empty')} icon={<MessageSquare className=\"size-5\" />} />\n          ) : null}\n          {comments.state.status === 'ready' && comments.comments.length > 0 ? (\n            <CommentThreadList\n              comments={comments.comments}\n              canComment={mayComment}\n              resolvingCommentId={comments.resolvingCommentId}\n              labelFor={comments.labelFor}\n              onJump={(comment) => {\n                void (async () => {\n                  if (!editor || comment.anchor === null || comment.anchor === 'changed') {\n                    flash(t('documents.comments.anchor.changed'), 'info')\n                    return\n                  }\n                  const { jumpToCommentAnchor } = await import('./CommentAnchorNavigation')\n                  if (!jumpToCommentAnchor(editor, comment.anchor)) {\n                    flash(t('documents.comments.anchor.changed'), 'info')\n                  }\n                })()\n              }}\n              onReply={comments.startReply}\n              onResolve={(comment) => void comments.resolveComment(comment)}\n              t={t}\n            />\n          ) : null}\n          {mayComment ? (\n            <CommentComposer\n              ref={composerRef}\n              documentId={documentId}\n              body={comments.body}\n              pendingMentions={comments.pendingMentions}\n              replyToName={comments.replyToName}\n              isSubmitting={comments.isSubmitting}\n              onBodyChange={comments.setBody}\n              onMentionsChange={comments.setPendingMentions}\n              onSubmit={() => void comments.submit()}\n              onCancel={comments.resetComposer}\n              focusSignal={commentFocusRequest?.requestId ?? comments.parentCommentId ?? undefined}\n            />\n          ) : null}\n        </div>\n      </section>\n      <Dialog open={comments.grantAccessNames !== null} onOpenChange={(open) => { if (!open) comments.chooseGrantAccess(false) }}>\n        <DialogContent onKeyDown={grantPromptKeyDown}>\n          <DialogHeader>\n            <DialogTitle>{t('documents.comments.grant.title')}</DialogTitle>\n            <DialogDescription>{t('documents.comments.grant.body', { names: comments.grantAccessNames?.join(', ') ?? '' })}</DialogDescription>\n          </DialogHeader>\n          <DialogFooter>\n            <Button type=\"button\" variant=\"outline\" onClick={() => comments.chooseGrantAccess(false)}>{t('documents.comments.grant.skip')}</Button>\n            <Button type=\"button\" onClick={() => comments.chooseGrantAccess(true)}>{t('documents.comments.grant.share')}</Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n    </>\n  )\n}\n\nexport default CommentsRail\n"],
+  "mappings": "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",
+  "names": ["resolveCommentsCapability"]
+}

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

@@ -0,0 +1,91 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { EditorContent, useEditorState } from "@tiptap/react";
+import { BubbleMenu } from "@tiptap/react/menus";
+import { Bold, Italic, Link2, MessageSquare, Underline } from "lucide-react";
+import { Alert, AlertDescription } from "@open-mercato/ui/primitives/alert";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { OutlinePane } from "./OutlinePane.js";
+import { captureCommentAnchor } from "./CommentAnchorNavigation.js";
+import { DOCUMENT_EDITOR_CONTENT_CLASS } from "./editorTypes.js";
+import { DOCUMENT_PAGINATION_STYLES } from "./documentPagination.js";
+const EMPTY_BUBBLE_MENU_STATE = {
+  bold: false,
+  italic: false,
+  underline: false,
+  link: false
+};
+function DocumentCanvas({
+  editor,
+  title,
+  readOnly,
+  outlineOpen,
+  notice,
+  onOpenLink,
+  onComment
+}) {
+  const t = useT();
+  const editorState = useEditorState({
+    editor,
+    selector: ({ editor: current }) => current ? {
+      bold: current.isActive("bold"),
+      italic: current.isActive("italic"),
+      underline: current.isActive("underline"),
+      link: current.isActive("link")
+    } : EMPTY_BUBBLE_MENU_STATE
+  }) ?? EMPTY_BUBBLE_MENU_STATE;
+  const keepSelection = React.useCallback((event) => event.preventDefault(), []);
+  const comment = React.useCallback(() => {
+    if (!editor || !onComment) return;
+    const anchor = captureCommentAnchor(editor);
+    if (anchor) onComment(anchor);
+  }, [editor, onComment]);
+  const shouldShow = React.useCallback(
+    ({ from, to }) => from !== to && (!readOnly || Boolean(onComment)),
+    [onComment, readOnly]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "om-doc-canvas max-h-[calc(100dvh-var(--topbar-height,0px)-12rem)] min-h-96 overflow-auto bg-muted p-0 sm:px-4 sm:py-8 md:px-8 md:py-10", children: [
+    /* @__PURE__ */ jsx("style", { children: DOCUMENT_PAGINATION_STYLES }),
+    notice ? /* @__PURE__ */ jsx(Alert, { status: "information", style: "lighter", className: "mx-auto mb-4 max-w-3xl", children: /* @__PURE__ */ jsx(AlertDescription, { children: notice }) }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "mx-auto flex w-fit min-w-full flex-col gap-4 lg:flex-row lg:items-start", children: [
+      outlineOpen ? /* @__PURE__ */ jsx(OutlinePane, { editor }) : null,
+      /* @__PURE__ */ jsxs("article", { className: "om-doc-paper mx-auto flex-none bg-card sm:rounded-sm sm:shadow-lg", children: [
+        readOnly ? /* @__PURE__ */ jsx("h1", { className: "mb-6 text-xl font-semibold leading-tight text-foreground sm:mb-8 sm:text-3xl", children: title.value }) : /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: title.value,
+            onChange: (event) => title.setValue(event.target.value),
+            onBlur: () => void title.commit(),
+            onKeyDown: title.onKeyDown,
+            maxLength: 512,
+            disabled: title.saving,
+            "aria-label": t("documents.editor.title.ariaLabel"),
+            className: "mb-6 h-auto border-0 bg-transparent px-0 py-0 text-xl font-semibold leading-tight text-foreground shadow-none focus-visible:shadow-focus sm:mb-8 sm:text-3xl"
+          }
+        ),
+        editor ? /* @__PURE__ */ jsxs(BubbleMenu, { editor, shouldShow, className: "z-popover flex items-center gap-1 rounded-md border border-border bg-card p-1 shadow-md", children: [
+          !readOnly ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(IconButton, { type: "button", size: "sm", variant: editorState.bold ? "outline" : "ghost", "aria-label": t("documents.editor.toolbar.bold"), "aria-pressed": editorState.bold, onMouseDown: keepSelection, onClick: () => editor.chain().focus().toggleBold().run(), children: /* @__PURE__ */ jsx(Bold, {}) }),
+            /* @__PURE__ */ jsx(IconButton, { type: "button", size: "sm", variant: editorState.italic ? "outline" : "ghost", "aria-label": t("documents.editor.toolbar.italic"), "aria-pressed": editorState.italic, onMouseDown: keepSelection, onClick: () => editor.chain().focus().toggleItalic().run(), children: /* @__PURE__ */ jsx(Italic, {}) }),
+            /* @__PURE__ */ jsx(IconButton, { type: "button", size: "sm", variant: editorState.underline ? "outline" : "ghost", "aria-label": t("documents.editor.toolbar.underline"), "aria-pressed": editorState.underline, onMouseDown: keepSelection, onClick: () => editor.chain().focus().toggleMark("underline").run(), children: /* @__PURE__ */ jsx(Underline, {}) }),
+            /* @__PURE__ */ jsx(IconButton, { type: "button", size: "sm", variant: editorState.link ? "outline" : "ghost", "aria-label": t("documents.editor.toolbar.link"), "aria-pressed": editorState.link, onMouseDown: keepSelection, onClick: onOpenLink, children: /* @__PURE__ */ jsx(Link2, {}) })
+          ] }) : null,
+          onComment ? /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", variant: "ghost", onMouseDown: keepSelection, onClick: comment, children: [
+            /* @__PURE__ */ jsx(MessageSquare, {}),
+            t("documents.editor.toolbar.comment")
+          ] }) : null
+        ] }) : null,
+        /* @__PURE__ */ jsx(EditorContent, { className: cn(DOCUMENT_EDITOR_CONTENT_CLASS, readOnly && "select-text"), editor })
+      ] })
+    ] })
+  ] });
+}
+export {
+  DocumentCanvas
+};
+//# sourceMappingURL=DocumentCanvas.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/documents/backend/documents/%5Bid%5D/DocumentCanvas.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { Editor } from '@tiptap/core'\nimport { EditorContent, useEditorState } from '@tiptap/react'\nimport { BubbleMenu } from '@tiptap/react/menus'\nimport { Bold, Italic, Link2, MessageSquare, Underline } from 'lucide-react'\nimport { Alert, AlertDescription } from '@open-mercato/ui/primitives/alert'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { OutlinePane } from './OutlinePane'\nimport { captureCommentAnchor, type CommentAnchor } from './CommentAnchorNavigation'\nimport { DOCUMENT_EDITOR_CONTENT_CLASS } from './editorTypes'\nimport { DOCUMENT_PAGINATION_STYLES } from './documentPagination'\n\ntype TitleModel = {\n  value: string\n  setValue: (value: string) => void\n  saving: boolean\n  commit: () => Promise<void>\n  onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void\n}\n\nconst EMPTY_BUBBLE_MENU_STATE = {\n  bold: false,\n  italic: false,\n  underline: false,\n  link: false,\n}\n\nexport function DocumentCanvas({\n  editor,\n  title,\n  readOnly,\n  outlineOpen,\n  notice,\n  onOpenLink,\n  onComment,\n}: {\n  editor: Editor | null\n  title: TitleModel\n  readOnly: boolean\n  outlineOpen: boolean\n  notice: string | null\n  onOpenLink: () => void\n  onComment?: (anchor: CommentAnchor) => void\n}) {\n  const t = useT()\n  const editorState = useEditorState({\n    editor,\n    selector: ({ editor: current }) => current ? {\n      bold: current.isActive('bold'),\n      italic: current.isActive('italic'),\n      underline: current.isActive('underline'),\n      link: current.isActive('link'),\n    } : EMPTY_BUBBLE_MENU_STATE,\n  }) ?? EMPTY_BUBBLE_MENU_STATE\n  const keepSelection = React.useCallback((event: React.MouseEvent<HTMLButtonElement>) => event.preventDefault(), [])\n  const comment = React.useCallback(() => {\n    if (!editor || !onComment) return\n    const anchor = captureCommentAnchor(editor)\n    if (anchor) onComment(anchor)\n  }, [editor, onComment])\n  const shouldShow = React.useCallback(\n    ({ from, to }: { from: number; to: number }) => from !== to && (!readOnly || Boolean(onComment)),\n    [onComment, readOnly],\n  )\n\n  return (\n    <div className=\"om-doc-canvas max-h-[calc(100dvh-var(--topbar-height,0px)-12rem)] min-h-96 overflow-auto bg-muted p-0 sm:px-4 sm:py-8 md:px-8 md:py-10\">\n      <style>{DOCUMENT_PAGINATION_STYLES}</style>\n      {notice ? <Alert status=\"information\" style=\"lighter\" className=\"mx-auto mb-4 max-w-3xl\"><AlertDescription>{notice}</AlertDescription></Alert> : null}\n      <div className=\"mx-auto flex w-fit min-w-full flex-col gap-4 lg:flex-row lg:items-start\">\n        {outlineOpen ? <OutlinePane editor={editor} /> : null}\n        <article className=\"om-doc-paper mx-auto flex-none bg-card sm:rounded-sm sm:shadow-lg\">\n          {readOnly ? (\n            <h1 className=\"mb-6 text-xl font-semibold leading-tight text-foreground sm:mb-8 sm:text-3xl\">{title.value}</h1>\n          ) : (\n            <Input\n              value={title.value}\n              onChange={(event) => title.setValue(event.target.value)}\n              onBlur={() => void title.commit()}\n              onKeyDown={title.onKeyDown}\n              maxLength={512}\n              disabled={title.saving}\n              aria-label={t('documents.editor.title.ariaLabel')}\n              className=\"mb-6 h-auto border-0 bg-transparent px-0 py-0 text-xl font-semibold leading-tight text-foreground shadow-none focus-visible:shadow-focus sm:mb-8 sm:text-3xl\"\n            />\n          )}\n          {editor ? (\n            <BubbleMenu editor={editor} shouldShow={shouldShow} className=\"z-popover flex items-center gap-1 rounded-md border border-border bg-card p-1 shadow-md\">\n              {!readOnly ? (\n                <>\n                  <IconButton type=\"button\" size=\"sm\" variant={editorState.bold ? 'outline' : 'ghost'} aria-label={t('documents.editor.toolbar.bold')} aria-pressed={editorState.bold} onMouseDown={keepSelection} onClick={() => editor.chain().focus().toggleBold().run()}><Bold /></IconButton>\n                  <IconButton type=\"button\" size=\"sm\" variant={editorState.italic ? 'outline' : 'ghost'} aria-label={t('documents.editor.toolbar.italic')} aria-pressed={editorState.italic} onMouseDown={keepSelection} onClick={() => editor.chain().focus().toggleItalic().run()}><Italic /></IconButton>\n                  <IconButton type=\"button\" size=\"sm\" variant={editorState.underline ? 'outline' : 'ghost'} aria-label={t('documents.editor.toolbar.underline')} aria-pressed={editorState.underline} onMouseDown={keepSelection} onClick={() => editor.chain().focus().toggleMark('underline').run()}><Underline /></IconButton>\n                  <IconButton type=\"button\" size=\"sm\" variant={editorState.link ? 'outline' : 'ghost'} aria-label={t('documents.editor.toolbar.link')} aria-pressed={editorState.link} onMouseDown={keepSelection} onClick={onOpenLink}><Link2 /></IconButton>\n                </>\n              ) : null}\n              {onComment ? <Button type=\"button\" size=\"sm\" variant=\"ghost\" onMouseDown={keepSelection} onClick={comment}><MessageSquare />{t('documents.editor.toolbar.comment')}</Button> : null}\n            </BubbleMenu>\n          ) : null}\n          <EditorContent className={cn(DOCUMENT_EDITOR_CONTENT_CLASS, readOnly && 'select-text')} editor={editor} />\n        </article>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,27 @@
+"use client";
+import * as React from "react";
+class DocumentEditorErrorBoundary extends React.Component {
+  constructor() {
+    super(...arguments);
+    this.state = { failed: false };
+    this.retry = () => {
+      this.setState({ failed: false });
+      this.props.onRetry();
+    };
+  }
+  static getDerivedStateFromError() {
+    return { failed: true };
+  }
+  componentDidUpdate(previous) {
+    if (this.state.failed && previous.resetKey !== this.props.resetKey) {
+      this.setState({ failed: false });
+    }
+  }
+  render() {
+    return this.state.failed ? this.props.fallback(this.retry) : this.props.children;
+  }
+}
+export {
+  DocumentEditorErrorBoundary
+};
+//# sourceMappingURL=DocumentEditorErrorBoundary.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/documents/backend/documents/%5Bid%5D/DocumentEditorErrorBoundary.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\n\ntype DocumentEditorErrorBoundaryProps = {\n  children: React.ReactNode\n  fallback: (retry: () => void) => React.ReactNode\n  onRetry: () => void\n  resetKey: string\n}\ntype DocumentEditorErrorBoundaryState = {\n  failed: boolean\n}\n\nexport class DocumentEditorErrorBoundary extends React.Component<\n  DocumentEditorErrorBoundaryProps,\n  DocumentEditorErrorBoundaryState\n> {\n  state: DocumentEditorErrorBoundaryState = { failed: false }\n\n  static getDerivedStateFromError(): DocumentEditorErrorBoundaryState {\n    return { failed: true }\n  }\n\n  componentDidUpdate(previous: DocumentEditorErrorBoundaryProps) {\n    if (this.state.failed && previous.resetKey !== this.props.resetKey) {\n      this.setState({ failed: false })\n    }\n  }\n\n  private retry = () => {\n    this.setState({ failed: false })\n    this.props.onRetry()\n  }\n\n  render() {\n    return this.state.failed ? this.props.fallback(this.retry) : this.props.children\n  }\n}\n"],
+  "mappings": ";AAEA,YAAY,WAAW;AAYhB,MAAM,oCAAoC,MAAM,UAGrD;AAAA,EAHK;AAAA;AAIL,iBAA0C,EAAE,QAAQ,MAAM;AAY1D,SAAQ,QAAQ,MAAM;AACpB,WAAK,SAAS,EAAE,QAAQ,MAAM,CAAC;AAC/B,WAAK,MAAM,QAAQ;AAAA,IACrB;AAAA;AAAA,EAbA,OAAO,2BAA6D;AAClE,WAAO,EAAE,QAAQ,KAAK;AAAA,EACxB;AAAA,EAEA,mBAAmB,UAA4C;AAC7D,QAAI,KAAK,MAAM,UAAU,SAAS,aAAa,KAAK,MAAM,UAAU;AAClE,WAAK,SAAS,EAAE,QAAQ,MAAM,CAAC;AAAA,IACjC;AAAA,EACF;AAAA,EAOA,SAAS;AACP,WAAO,KAAK,MAAM,SAAS,KAAK,MAAM,SAAS,KAAK,KAAK,IAAI,KAAK,MAAM;AAAA,EAC1E;AACF;",
+  "names": []
+}

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

@@ -0,0 +1,50 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { createElement } from "react";
+import * as React from "react";
+import { useRouter, useSearchParams } from "next/navigation";
+import { LoadingMessage } from "@open-mercato/ui/backend/detail";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { DocumentEditorSurface } from "./DocumentEditorSurface.js";
+import { resolveEditorMode } from "./editorTypes.js";
+import { useDocumentCollaboration } from "./useDocumentCollaboration.js";
+function DocumentEditorIsland(props) {
+  const t = useT();
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const collaboration = useDocumentCollaboration(props.documentId);
+  const requestedMode = searchParams.get("mode") === "preview" ? "preview" : "edit";
+  const serverReadOnly = collaboration.mode === "collab" ? collaboration.serverReadOnly : collaboration.mode === "fallback" ? collaboration.readOnly : false;
+  const forcedReadOnly = props.readOnly || serverReadOnly;
+  const mode = resolveEditorMode(props.readOnly, serverReadOnly, requestedMode);
+  const changeMode = React.useCallback((nextMode) => {
+    if (forcedReadOnly) return;
+    const next = new URLSearchParams(searchParams.toString());
+    if (nextMode === "preview") next.set("mode", "preview");
+    else next.delete("mode");
+    const query = next.toString();
+    router.replace(query ? `?${query}` : "?", { scroll: false });
+  }, [forcedReadOnly, router, searchParams]);
+  if (collaboration.mode === "connecting") return /* @__PURE__ */ jsx(LoadingMessage, { label: t("documents.editor.loading") });
+  if (collaboration.mode === "fallback") {
+    return /* @__PURE__ */ createElement(DocumentEditorSurface, { ...props, readOnly: forcedReadOnly, key: `fallback:${props.documentId}`, transport: "fallback", connectionStatus: "offline", presenceUsers: [], mode, onModeChange: changeMode });
+  }
+  return /* @__PURE__ */ createElement(
+    DocumentEditorSurface,
+    {
+      ...props,
+      readOnly: forcedReadOnly,
+      key: `collab:${props.documentId}`,
+      transport: "collab",
+      collabResources: collaboration.resources,
+      connectionStatus: collaboration.connectionStatus,
+      presenceUsers: collaboration.presenceUsers,
+      mode,
+      onModeChange: changeMode
+    }
+  );
+}
+export {
+  DocumentEditorIsland as default
+};
+//# sourceMappingURL=DocumentEditorIsland.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/documents/backend/documents/%5Bid%5D/DocumentEditorIsland.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter, useSearchParams } from 'next/navigation'\nimport { LoadingMessage } from '@open-mercato/ui/backend/detail'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { DocumentEditorSurface } from './DocumentEditorSurface'\nimport { resolveEditorMode, type DocumentEditorIslandProps, type EditorMode } from './editorTypes'\nimport { useDocumentCollaboration } from './useDocumentCollaboration'\n\nexport default function DocumentEditorIsland(props: DocumentEditorIslandProps) {\n  const t = useT()\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const collaboration = useDocumentCollaboration(props.documentId)\n  const requestedMode: EditorMode = searchParams.get('mode') === 'preview' ? 'preview' : 'edit'\n  const serverReadOnly = collaboration.mode === 'collab'\n    ? collaboration.serverReadOnly\n    : collaboration.mode === 'fallback'\n      ? collaboration.readOnly\n      : false\n  const forcedReadOnly = props.readOnly || serverReadOnly\n  const mode = resolveEditorMode(props.readOnly, serverReadOnly, requestedMode)\n  const changeMode = React.useCallback((nextMode: EditorMode) => {\n    if (forcedReadOnly) return\n    const next = new URLSearchParams(searchParams.toString())\n    if (nextMode === 'preview') next.set('mode', 'preview')\n    else next.delete('mode')\n    const query = next.toString()\n    router.replace(query ? `?${query}` : '?', { scroll: false })\n  }, [forcedReadOnly, router, searchParams])\n\n  if (collaboration.mode === 'connecting') return <LoadingMessage label={t('documents.editor.loading')} />\n  if (collaboration.mode === 'fallback') {\n    return <DocumentEditorSurface {...props} readOnly={forcedReadOnly} key={`fallback:${props.documentId}`} transport=\"fallback\" connectionStatus=\"offline\" presenceUsers={[]} mode={mode} onModeChange={changeMode} />\n  }\n  return (\n    <DocumentEditorSurface\n      {...props}\n      readOnly={forcedReadOnly}\n      key={`collab:${props.documentId}`}\n      transport=\"collab\"\n      collabResources={collaboration.resources}\n      connectionStatus={collaboration.connectionStatus}\n      presenceUsers={collaboration.presenceUsers}\n      mode={mode}\n      onModeChange={changeMode}\n    />\n  )\n}\n"],
+  "mappings": ";AAgCkD;AAEvC;AAhCX,YAAY,WAAW;AACvB,SAAS,WAAW,uBAAuB;AAC3C,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AACrB,SAAS,6BAA6B;AACtC,SAAS,yBAA0E;AACnF,SAAS,gCAAgC;AAE1B,SAAR,qBAAsC,OAAkC;AAC7E,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,UAAU;AACzB,QAAM,eAAe,gBAAgB;AACrC,QAAM,gBAAgB,yBAAyB,MAAM,UAAU;AAC/D,QAAM,gBAA4B,aAAa,IAAI,MAAM,MAAM,YAAY,YAAY;AACvF,QAAM,iBAAiB,cAAc,SAAS,WAC1C,cAAc,iBACd,cAAc,SAAS,aACrB,cAAc,WACd;AACN,QAAM,iBAAiB,MAAM,YAAY;AACzC,QAAM,OAAO,kBAAkB,MAAM,UAAU,gBAAgB,aAAa;AAC5E,QAAM,aAAa,MAAM,YAAY,CAAC,aAAyB;AAC7D,QAAI,eAAgB;AACpB,UAAM,OAAO,IAAI,gBAAgB,aAAa,SAAS,CAAC;AACxD,QAAI,aAAa,UAAW,MAAK,IAAI,QAAQ,SAAS;AAAA,QACjD,MAAK,OAAO,MAAM;AACvB,UAAM,QAAQ,KAAK,SAAS;AAC5B,WAAO,QAAQ,QAAQ,IAAI,KAAK,KAAK,KAAK,EAAE,QAAQ,MAAM,CAAC;AAAA,EAC7D,GAAG,CAAC,gBAAgB,QAAQ,YAAY,CAAC;AAEzC,MAAI,cAAc,SAAS,aAAc,QAAO,oBAAC,kBAAe,OAAO,EAAE,0BAA0B,GAAG;AACtG,MAAI,cAAc,SAAS,YAAY;AACrC,WAAO,8BAAC,yBAAuB,GAAG,OAAO,UAAU,gBAAgB,KAAK,YAAY,MAAM,UAAU,IAAI,WAAU,YAAW,kBAAiB,WAAU,eAAe,CAAC,GAAG,MAAY,cAAc,YAAY;AAAA,EACnN;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU;AAAA,MACV,KAAK,UAAU,MAAM,UAAU;AAAA,MAC/B,WAAU;AAAA,MACV,iBAAiB,cAAc;AAAA,MAC/B,kBAAkB,cAAc;AAAA,MAChC,eAAe,cAAc;AAAA,MAC7B;AAAA,MACA,cAAc;AAAA;AAAA,EAChB;AAEJ;",
+  "names": []
+}