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

package/dist/modules/documents/backend/documents/DocumentsTable.js

@@ -0,0 +1,143 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { Star } from "lucide-react";
+import { DataTable } from "@open-mercato/ui/backend/DataTable";
+import { RowActions } from "@open-mercato/ui/backend/RowActions";
+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 { Badge } from "@open-mercato/ui/primitives/badge";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { DOCUMENTS_ENTITY_IDS } from "../../lib/constants.js";
+import { formatDateTime } from "./documentUi.js";
+function DocumentsTable(props) {
+  const t = useT();
+  const router = useRouter();
+  const columns = React.useMemo(() => [
+    {
+      id: "favorite",
+      header: "",
+      meta: { alwaysVisible: true, maxWidth: "48px" },
+      cell: ({ row }) => /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          type: "button",
+          variant: "ghost",
+          "aria-pressed": row.original.isFavorite,
+          "aria-label": t(row.original.isFavorite ? "documents.actions.unfavorite" : "documents.actions.favorite"),
+          onClick: (event) => {
+            event.stopPropagation();
+            props.onToggleFavorite(row.original);
+          },
+          children: /* @__PURE__ */ jsx(Star, { className: row.original.isFavorite ? "fill-current text-status-warning-icon" : "text-muted-foreground" })
+        }
+      )
+    },
+    {
+      accessorKey: "title",
+      header: t("documents.columns.title"),
+      meta: { alwaysVisible: true, maxWidth: "260px", truncate: true },
+      cell: ({ row }) => /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Link, { href: `/backend/documents/${row.original.id}`, className: "font-medium hover:underline", children: row.original.title }),
+        row.original.archivedAt ? /* @__PURE__ */ jsx(Badge, { variant: "outline", children: t("documents.list.archivedBadge") }) : null
+      ] })
+    },
+    {
+      accessorKey: "folderName",
+      header: t("documents.columns.folder"),
+      meta: { maxWidth: "180px", truncate: true },
+      cell: ({ row }) => row.original.folderName ?? /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: t("documents.folders.none") })
+    },
+    { accessorKey: "ownerLabel", header: t("documents.columns.owner"), meta: { maxWidth: "220px", truncate: true } },
+    { accessorKey: "sharedWithCount", header: t("documents.columns.sharedWith") },
+    {
+      accessorKey: "updatedAt",
+      header: t("documents.columns.updatedAt"),
+      meta: { maxWidth: "180px" },
+      cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "text-sm", children: formatDateTime(row.original.updatedAt, t("documents.list.noValue")) })
+    }
+  ], [t, props.onToggleFavorite]);
+  const actions = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        variant: props.favoritesOnly ? "secondary" : "outline",
+        "aria-pressed": props.favoritesOnly,
+        onClick: () => props.onFavoritesOnlyChange(!props.favoritesOnly),
+        children: [
+          /* @__PURE__ */ jsx(Star, {}),
+          t("documents.list.filters.favorites")
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(Select, { value: props.archivedFilter, onValueChange: (value) => props.onArchivedFilterChange(value), children: [
+      /* @__PURE__ */ jsx(SelectTrigger, { className: "w-36", "aria-label": t("documents.list.filters.archived.label"), children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+      /* @__PURE__ */ jsxs(SelectContent, { children: [
+        /* @__PURE__ */ jsx(SelectItem, { value: "exclude", children: t("documents.list.filters.archived.active") }),
+        /* @__PURE__ */ jsx(SelectItem, { value: "include", children: t("documents.list.filters.archived.all") }),
+        /* @__PURE__ */ jsx(SelectItem, { value: "only", children: t("documents.list.filters.archived.archivedOnly") })
+      ] })
+    ] }),
+    props.canManageTemplates ? /* @__PURE__ */ jsx(LinkButton, { asChild: true, variant: "gray", children: /* @__PURE__ */ jsx(Link, { href: "/backend/documents/templates", children: t("documents.templates.actions.manage") }) }) : null,
+    props.hasTemplates && props.canInstantiateTemplate ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: props.onNewFromTemplate, children: t("documents.templates.instantiate.title") }) : null,
+    props.canCreateDocument ? /* @__PURE__ */ jsx(Button, { type: "button", onClick: props.onCreate, disabled: props.isCreating, children: t("documents.actions.create") }) : null
+  ] });
+  return /* @__PURE__ */ jsx(
+    DataTable,
+    {
+      title: props.title,
+      actions,
+      refreshButton: { label: t("documents.actions.refresh"), onRefresh: props.onRefresh, isRefreshing: props.isLoading },
+      columns,
+      data: props.rows,
+      isLoading: props.isLoading,
+      searchValue: props.search,
+      onSearchChange: props.onSearchChange,
+      searchPlaceholder: t("documents.list.searchPlaceholder"),
+      emptyState: t("documents.list.empty"),
+      entityId: DOCUMENTS_ENTITY_IDS.document,
+      extensionTableId: "documents.documents.list",
+      onRowClick: (row) => router.push(`/backend/documents/${row.id}`),
+      rowClickActionIds: ["open"],
+      stickyActionsColumn: true,
+      pagination: {
+        page: props.page,
+        pageSize: props.pageSize,
+        total: props.total,
+        totalPages: props.totalPages,
+        onPageChange: props.onPageChange,
+        onPageSizeChange: props.onPageSizeChange
+      },
+      rowActions: (row) => {
+        const items = [{ id: "open", label: t("documents.actions.open"), onSelect: () => router.push(`/backend/documents/${row.id}`) }];
+        if (row.capabilities.canShare) items.push({ id: "share", label: t("documents.actions.share"), onSelect: () => props.onShare(row) });
+        if (row.capabilities.canEdit) items.push({ id: "move", label: t("documents.folders.actions.moveDocument"), onSelect: () => props.onMove(row) });
+        if (row.capabilities.canDuplicate) items.push({ id: "duplicate", label: t("documents.actions.duplicate"), onSelect: () => props.onDuplicate(row) });
+        if (row.capabilities.canArchive) {
+          items.push({
+            id: row.archivedAt ? "unarchive" : "archive",
+            label: t(row.archivedAt ? "documents.actions.unarchive" : "documents.actions.archive"),
+            onSelect: () => props.onArchiveToggle(row)
+          });
+        }
+        if (row.capabilities.canDelete) items.push({ id: "delete", label: t("documents.actions.delete"), destructive: true, onSelect: () => props.onDelete(row) });
+        return /* @__PURE__ */ jsx(RowActions, { items });
+      }
+    }
+  );
+}
+export {
+  DocumentsTable
+};
+//# sourceMappingURL=DocumentsTable.js.map

package/dist/modules/documents/backend/documents/DocumentsTable.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/documents/backend/documents/DocumentsTable.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useRouter } from 'next/navigation'\nimport { Star } from 'lucide-react'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport type { RowActionItem } from '@open-mercato/ui/backend/RowActions'\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 { Badge } from '@open-mercato/ui/primitives/badge'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { DOCUMENTS_ENTITY_IDS } from '../../lib/constants'\nimport { formatDateTime } from './documentUi'\nimport type { DocumentRow } from './documentsListTypes'\n\nexport type DocumentsArchivedFilter = 'exclude' | 'include' | 'only'\n\ntype DocumentsTableProps = {\n  title: string\n  rows: DocumentRow[]\n  isLoading: boolean\n  isCreating: boolean\n  search: string\n  page: number\n  pageSize: number\n  total: number\n  totalPages: number\n  hasTemplates: boolean\n  canCreateDocument: boolean\n  canInstantiateTemplate: boolean\n  canManageTemplates: boolean\n  onSearchChange: (search: string) => void\n  onPageChange: (page: number) => void\n  onPageSizeChange: (pageSize: number) => void\n  onRefresh: () => void\n  onCreate: () => void\n  onNewFromTemplate: () => void\n  onShare: (row: DocumentRow) => void\n  onMove: (row: DocumentRow) => void\n  onDelete: (row: DocumentRow) => void\n  archivedFilter: DocumentsArchivedFilter\n  favoritesOnly: boolean\n  onArchivedFilterChange: (value: DocumentsArchivedFilter) => void\n  onFavoritesOnlyChange: (value: boolean) => void\n  onToggleFavorite: (row: DocumentRow) => void\n  onDuplicate: (row: DocumentRow) => void\n  onArchiveToggle: (row: DocumentRow) => void\n}\n\nexport function DocumentsTable(props: DocumentsTableProps) {\n  const t = useT()\n  const router = useRouter()\n  const columns = React.useMemo<ColumnDef<DocumentRow>[]>(() => [\n    {\n      id: 'favorite', header: '', meta: { alwaysVisible: true, maxWidth: '48px' },\n      cell: ({ row }) => (\n        <IconButton\n          type=\"button\"\n          variant=\"ghost\"\n          aria-pressed={row.original.isFavorite}\n          aria-label={t(row.original.isFavorite ? 'documents.actions.unfavorite' : 'documents.actions.favorite')}\n          onClick={(event) => {\n            event.stopPropagation()\n            props.onToggleFavorite(row.original)\n          }}\n        >\n          <Star className={row.original.isFavorite ? 'fill-current text-status-warning-icon' : 'text-muted-foreground'} />\n        </IconButton>\n      ),\n    },\n    {\n      accessorKey: 'title', header: t('documents.columns.title'), meta: { alwaysVisible: true, maxWidth: '260px', truncate: true },\n      cell: ({ row }) => (\n        <span className=\"flex items-center gap-2\">\n          <Link href={`/backend/documents/${row.original.id}`} className=\"font-medium hover:underline\">{row.original.title}</Link>\n          {row.original.archivedAt ? <Badge variant=\"outline\">{t('documents.list.archivedBadge')}</Badge> : null}\n        </span>\n      ),\n    },\n    {\n      accessorKey: 'folderName', header: t('documents.columns.folder'), meta: { maxWidth: '180px', truncate: true },\n      cell: ({ row }) => row.original.folderName ?? <span className=\"text-sm text-muted-foreground\">{t('documents.folders.none')}</span>,\n    },\n    { accessorKey: 'ownerLabel', header: t('documents.columns.owner'), meta: { maxWidth: '220px', truncate: true } },\n    { accessorKey: 'sharedWithCount', header: t('documents.columns.sharedWith') },\n    {\n      accessorKey: 'updatedAt', header: t('documents.columns.updatedAt'), meta: { maxWidth: '180px' },\n      cell: ({ row }) => <span className=\"text-sm\">{formatDateTime(row.original.updatedAt, t('documents.list.noValue'))}</span>,\n    },\n  ], [t, props.onToggleFavorite])\n  // A fragment, not a nested flex box: the DataTable header owns the wrapping\n  // row, so on narrow layouts the refresh control and these buttons wrap as\n  // one group instead of a lone refresh icon above a second left-aligned row.\n  const actions = (\n    <>\n      <Button\n        type=\"button\"\n        variant={props.favoritesOnly ? 'secondary' : 'outline'}\n        aria-pressed={props.favoritesOnly}\n        onClick={() => props.onFavoritesOnlyChange(!props.favoritesOnly)}\n      >\n        <Star />{t('documents.list.filters.favorites')}\n      </Button>\n      <Select value={props.archivedFilter} onValueChange={(value) => props.onArchivedFilterChange(value as DocumentsArchivedFilter)}>\n        <SelectTrigger className=\"w-36\" aria-label={t('documents.list.filters.archived.label')}>\n          <SelectValue />\n        </SelectTrigger>\n        <SelectContent>\n          <SelectItem value=\"exclude\">{t('documents.list.filters.archived.active')}</SelectItem>\n          <SelectItem value=\"include\">{t('documents.list.filters.archived.all')}</SelectItem>\n          <SelectItem value=\"only\">{t('documents.list.filters.archived.archivedOnly')}</SelectItem>\n        </SelectContent>\n      </Select>\n      {props.canManageTemplates ? <LinkButton asChild variant=\"gray\"><Link href=\"/backend/documents/templates\">{t('documents.templates.actions.manage')}</Link></LinkButton> : null}\n      {props.hasTemplates && props.canInstantiateTemplate ? <Button type=\"button\" variant=\"outline\" onClick={props.onNewFromTemplate}>{t('documents.templates.instantiate.title')}</Button> : null}\n      {props.canCreateDocument ? <Button type=\"button\" onClick={props.onCreate} disabled={props.isCreating}>{t('documents.actions.create')}</Button> : null}\n    </>\n  )\n  return (\n    <DataTable<DocumentRow>\n      title={props.title}\n      actions={actions}\n      refreshButton={{ label: t('documents.actions.refresh'), onRefresh: props.onRefresh, isRefreshing: props.isLoading }}\n      columns={columns}\n      data={props.rows}\n      isLoading={props.isLoading}\n      searchValue={props.search}\n      onSearchChange={props.onSearchChange}\n      searchPlaceholder={t('documents.list.searchPlaceholder')}\n      emptyState={t('documents.list.empty')}\n      entityId={DOCUMENTS_ENTITY_IDS.document}\n      extensionTableId=\"documents.documents.list\"\n      onRowClick={(row) => router.push(`/backend/documents/${row.id}`)}\n      rowClickActionIds={['open']}\n      stickyActionsColumn\n      pagination={{\n        page: props.page, pageSize: props.pageSize, total: props.total, totalPages: props.totalPages,\n        onPageChange: props.onPageChange, onPageSizeChange: props.onPageSizeChange,\n      }}\n      rowActions={(row) => {\n        const items: RowActionItem[] = [{ id: 'open', label: t('documents.actions.open'), onSelect: () => router.push(`/backend/documents/${row.id}`) }]\n        if (row.capabilities.canShare) items.push({ id: 'share', label: t('documents.actions.share'), onSelect: () => props.onShare(row) })\n        if (row.capabilities.canEdit) items.push({ id: 'move', label: t('documents.folders.actions.moveDocument'), onSelect: () => props.onMove(row) })\n        if (row.capabilities.canDuplicate) items.push({ id: 'duplicate', label: t('documents.actions.duplicate'), onSelect: () => props.onDuplicate(row) })\n        if (row.capabilities.canArchive) {\n          items.push({\n            id: row.archivedAt ? 'unarchive' : 'archive',\n            label: t(row.archivedAt ? 'documents.actions.unarchive' : 'documents.actions.archive'),\n            onSelect: () => props.onArchiveToggle(row),\n          })\n        }\n        if (row.capabilities.canDelete) items.push({ id: 'delete', label: t('documents.actions.delete'), destructive: true, onSelect: () => props.onDelete(row) })\n        return <RowActions items={items} />\n      }}\n    />\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/documents/backend/documents/FolderDialog.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "@open-mercato/ui/primitives/dialog";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Label } from "@open-mercato/ui/primitives/label";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function FolderDialog({ state, onOpenChange, onSubmit }) {
+  const t = useT();
+  const inputId = React.useId();
+  const [name, setName] = React.useState("");
+  const [isSubmitting, setIsSubmitting] = React.useState(false);
+  React.useEffect(() => setName(state?.mode === "rename" ? state.folder.name : ""), [state]);
+  const submit = React.useCallback(async () => {
+    const nextName = name.trim();
+    if (!nextName || isSubmitting) return;
+    setIsSubmitting(true);
+    try {
+      const result = await onSubmit(nextName);
+      if (result !== false) onOpenChange(false);
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [isSubmitting, name, onOpenChange, onSubmit]);
+  const handleOpenChange = React.useCallback((open) => {
+    if (!isSubmitting) onOpenChange(open);
+  }, [isSubmitting, onOpenChange]);
+  return /* @__PURE__ */ jsx(Dialog, { open: state !== null, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { onKeyDown: (event) => {
+    if ((event.metaKey || event.ctrlKey) && event.key === "Enter" && name.trim() && !isSubmitting) {
+      event.preventDefault();
+      void submit();
+    }
+    if (event.key === "Escape" && !isSubmitting) onOpenChange(false);
+  }, children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: state?.mode === "rename" ? t("documents.folders.renameTitle") : t("documents.folders.createTitle") }) }),
+    /* @__PURE__ */ jsxs("form", { className: "space-y-4", onSubmit: (event) => {
+      event.preventDefault();
+      void submit();
+    }, children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: inputId, children: t("documents.folders.name") }),
+        /* @__PURE__ */ jsx(Input, { id: inputId, value: name, onChange: (event) => setName(event.target.value), placeholder: t("documents.folders.namePlaceholder"), disabled: isSubmitting })
+      ] }),
+      /* @__PURE__ */ jsxs(DialogFooter, { children: [
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), disabled: isSubmitting, children: t("documents.actions.cancel") }),
+        /* @__PURE__ */ jsx(Button, { type: "submit", disabled: !name.trim() || isSubmitting, children: state?.mode === "rename" ? t("documents.folders.actions.rename") : t("documents.folders.actions.create") })
+      ] })
+    ] })
+  ] }) });
+}
+export {
+  FolderDialog
+};
+//# sourceMappingURL=FolderDialog.js.map

package/dist/modules/documents/backend/documents/FolderDialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/documents/backend/documents/FolderDialog.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { FolderRow } from './documentsListTypes'\n\nexport type FolderDialogState = { mode: 'create'; parentFolderId: string | null } | { mode: 'rename'; folder: FolderRow }\n\nexport function FolderDialog({ state, onOpenChange, onSubmit }: {\n  state: FolderDialogState | null\n  onOpenChange: (open: boolean) => void\n  onSubmit: (name: string) => boolean | void | Promise<boolean | void>\n}) {\n  const t = useT()\n  const inputId = React.useId()\n  const [name, setName] = React.useState('')\n  const [isSubmitting, setIsSubmitting] = React.useState(false)\n  React.useEffect(() => setName(state?.mode === 'rename' ? state.folder.name : ''), [state])\n\n  const submit = React.useCallback(async () => {\n    const nextName = name.trim()\n    if (!nextName || isSubmitting) return\n    setIsSubmitting(true)\n    try {\n      const result = await onSubmit(nextName)\n      // Preserve the legacy void callback contract while allowing callers to\n      // keep the dialog open by returning false after a handled failure.\n      if (result !== false) onOpenChange(false)\n    } finally {\n      setIsSubmitting(false)\n    }\n  }, [isSubmitting, name, onOpenChange, onSubmit])\n\n  const handleOpenChange = React.useCallback((open: boolean) => {\n    if (!isSubmitting) onOpenChange(open)\n  }, [isSubmitting, onOpenChange])\n\n  return (\n    <Dialog open={state !== null} onOpenChange={handleOpenChange}>\n      <DialogContent onKeyDown={(event) => {\n        if ((event.metaKey || event.ctrlKey) && event.key === 'Enter' && name.trim() && !isSubmitting) { event.preventDefault(); void submit() }\n        if (event.key === 'Escape' && !isSubmitting) onOpenChange(false)\n      }}>\n        <DialogHeader><DialogTitle>{state?.mode === 'rename' ? t('documents.folders.renameTitle') : t('documents.folders.createTitle')}</DialogTitle></DialogHeader>\n        <form className=\"space-y-4\" onSubmit={(event) => { event.preventDefault(); void submit() }}>\n          <div className=\"space-y-2\">\n            <Label htmlFor={inputId}>{t('documents.folders.name')}</Label>\n            <Input id={inputId} value={name} onChange={(event) => setName(event.target.value)} placeholder={t('documents.folders.namePlaceholder')} disabled={isSubmitting} />\n          </div>\n          <DialogFooter>\n            <Button type=\"button\" variant=\"outline\" onClick={() => onOpenChange(false)} disabled={isSubmitting}>{t('documents.actions.cancel')}</Button>\n            <Button type=\"submit\" disabled={!name.trim() || isSubmitting}>{state?.mode === 'rename' ? t('documents.folders.actions.rename') : t('documents.folders.actions.create')}</Button>\n          </DialogFooter>\n        </form>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": ";AA+CsB,cAEZ,YAFY;AA7CtB,YAAY,WAAW;AACvB,SAAS,cAAc;AACvB,SAAS,QAAQ,eAAe,cAAc,cAAc,mBAAmB;AAC/E,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,YAAY;AAKd,SAAS,aAAa,EAAE,OAAO,cAAc,SAAS,GAI1D;AACD,QAAM,IAAI,KAAK;AACf,QAAM,UAAU,MAAM,MAAM;AAC5B,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,EAAE;AACzC,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAS,KAAK;AAC5D,QAAM,UAAU,MAAM,QAAQ,OAAO,SAAS,WAAW,MAAM,OAAO,OAAO,EAAE,GAAG,CAAC,KAAK,CAAC;AAEzF,QAAM,SAAS,MAAM,YAAY,YAAY;AAC3C,UAAM,WAAW,KAAK,KAAK;AAC3B,QAAI,CAAC,YAAY,aAAc;AAC/B,oBAAgB,IAAI;AACpB,QAAI;AACF,YAAM,SAAS,MAAM,SAAS,QAAQ;AAGtC,UAAI,WAAW,MAAO,cAAa,KAAK;AAAA,IAC1C,UAAE;AACA,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,cAAc,MAAM,cAAc,QAAQ,CAAC;AAE/C,QAAM,mBAAmB,MAAM,YAAY,CAAC,SAAkB;AAC5D,QAAI,CAAC,aAAc,cAAa,IAAI;AAAA,EACtC,GAAG,CAAC,cAAc,YAAY,CAAC;AAE/B,SACE,oBAAC,UAAO,MAAM,UAAU,MAAM,cAAc,kBAC1C,+BAAC,iBAAc,WAAW,CAAC,UAAU;AACnC,SAAK,MAAM,WAAW,MAAM,YAAY,MAAM,QAAQ,WAAW,KAAK,KAAK,KAAK,CAAC,cAAc;AAAE,YAAM,eAAe;AAAG,WAAK,OAAO;AAAA,IAAE;AACvI,QAAI,MAAM,QAAQ,YAAY,CAAC,aAAc,cAAa,KAAK;AAAA,EACjE,GACE;AAAA,wBAAC,gBAAa,8BAAC,eAAa,iBAAO,SAAS,WAAW,EAAE,+BAA+B,IAAI,EAAE,+BAA+B,GAAE,GAAc;AAAA,IAC7I,qBAAC,UAAK,WAAU,aAAY,UAAU,CAAC,UAAU;AAAE,YAAM,eAAe;AAAG,WAAK,OAAO;AAAA,IAAE,GACvF;AAAA,2BAAC,SAAI,WAAU,aACb;AAAA,4BAAC,SAAM,SAAS,SAAU,YAAE,wBAAwB,GAAE;AAAA,QACtD,oBAAC,SAAM,IAAI,SAAS,OAAO,MAAM,UAAU,CAAC,UAAU,QAAQ,MAAM,OAAO,KAAK,GAAG,aAAa,EAAE,mCAAmC,GAAG,UAAU,cAAc;AAAA,SAClK;AAAA,MACA,qBAAC,gBACC;AAAA,4BAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,SAAS,MAAM,aAAa,KAAK,GAAG,UAAU,cAAe,YAAE,0BAA0B,GAAE;AAAA,QACnI,oBAAC,UAAO,MAAK,UAAS,UAAU,CAAC,KAAK,KAAK,KAAK,cAAe,iBAAO,SAAS,WAAW,EAAE,kCAAkC,IAAI,EAAE,kCAAkC,GAAE;AAAA,SAC1K;AAAA,OACF;AAAA,KACF,GACF;AAEJ;",
+  "names": []
+}

package/dist/modules/documents/backend/documents/FolderTree.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { RowActions } from "@open-mercato/ui/backend/RowActions";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { buildFolderTree } from "./documentsListTypes.js";
+function FolderNodes({ nodes, selectedFolderId, onSelect, onRename, onDelete }) {
+  const t = useT();
+  return /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: nodes.map((node) => /* @__PURE__ */ jsxs("li", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", "aria-current": selectedFolderId === node.id ? "page" : void 0, variant: selectedFolderId === node.id ? "secondary" : "ghost", className: "min-w-0 flex-1 justify-start", onClick: () => onSelect(node.id), children: /* @__PURE__ */ jsx("span", { className: node.visibility === "ancestor" ? "truncate text-muted-foreground" : "truncate", children: node.name }) }),
+      node.canEdit ? /* @__PURE__ */ jsx(RowActions, { items: [
+        { id: "rename", label: t("documents.folders.actions.rename"), onSelect: () => onRename(node) },
+        { id: "delete", label: t("documents.actions.delete"), destructive: true, onSelect: () => onDelete(node) }
+      ] }) : null
+    ] }),
+    node.visibility === "ancestor" ? /* @__PURE__ */ jsx("p", { className: "pl-3 text-xs text-muted-foreground", children: t("documents.folders.visibility.ancestor") }) : null,
+    node.visibility === "contains-visible" ? /* @__PURE__ */ jsx("p", { className: "pl-3 text-xs text-muted-foreground", children: t("documents.folders.visibility.shared") }) : null,
+    node.children.length > 0 ? /* @__PURE__ */ jsx("div", { className: "ml-4", children: /* @__PURE__ */ jsx(FolderNodes, { nodes: node.children, selectedFolderId, onSelect, onRename, onDelete }) }) : null
+  ] }, node.id)) });
+}
+function FolderTree(props) {
+  const t = useT();
+  const tree = React.useMemo(() => buildFolderTree(props.folders), [props.folders]);
+  const selected = props.selectedFolderId ? props.folders.find((folder) => folder.id === props.selectedFolderId) : null;
+  return /* @__PURE__ */ jsxs("aside", { className: "space-y-3 rounded-lg border border-border bg-card p-4 lg:col-span-1 lg:max-h-screen lg:self-start lg:overflow-y-auto", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold", children: t("documents.folders.title") }),
+      props.canCreateFolder ? /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: () => props.onCreate(selected?.canEdit ? selected.id : null), children: t(selected && !selected.canEdit ? "documents.folders.actions.newAtRoot" : "documents.folders.actions.new") }) : null
+    ] }),
+    props.canCreateFolder && selected && !selected.canEdit ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("documents.folders.newAtRootHint") }) : null,
+    /* @__PURE__ */ jsx(Button, { type: "button", "aria-current": props.selectedFolderId === null ? "page" : void 0, variant: props.selectedFolderId === null ? "secondary" : "ghost", className: "w-full justify-start", onClick: () => props.onSelect(null), children: t("documents.folders.root") }),
+    tree.length > 0 ? /* @__PURE__ */ jsx(FolderNodes, { nodes: tree, selectedFolderId: props.selectedFolderId, onSelect: (id) => props.onSelect(id), onRename: props.onRename, onDelete: props.onDelete }) : /* @__PURE__ */ jsx("p", { className: "rounded-md border border-border bg-muted/20 p-3 text-sm text-muted-foreground", children: t("documents.folders.empty") })
+  ] });
+}
+export {
+  FolderTree
+};
+//# sourceMappingURL=FolderTree.js.map

package/dist/modules/documents/backend/documents/FolderTree.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/documents/backend/documents/FolderTree.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { buildFolderTree, type FolderNode, type FolderRow } from './documentsListTypes'\n\ntype FolderTreeProps = {\n  folders: FolderRow[]\n  selectedFolderId: string | null\n  onSelect: (folderId: string | null) => void\n  onCreate: (parentFolderId: string | null) => void\n  onRename: (folder: FolderRow) => void\n  onDelete: (folder: FolderRow) => void\n  canCreateFolder: boolean\n}\n\nfunction FolderNodes({ nodes, selectedFolderId, onSelect, onRename, onDelete }: {\n  nodes: FolderNode[]\n  selectedFolderId: string | null\n  onSelect: (folderId: string) => void\n  onRename: (folder: FolderRow) => void\n  onDelete: (folder: FolderRow) => void\n}) {\n  const t = useT()\n  return (\n    <ul className=\"space-y-1\">\n      {nodes.map((node) => (\n        <li key={node.id} className=\"space-y-1\">\n          <div className=\"flex items-center gap-1\">\n            <Button type=\"button\" aria-current={selectedFolderId === node.id ? 'page' : undefined} variant={selectedFolderId === node.id ? 'secondary' : 'ghost'} className=\"min-w-0 flex-1 justify-start\" onClick={() => onSelect(node.id)}>\n              <span className={node.visibility === 'ancestor' ? 'truncate text-muted-foreground' : 'truncate'}>{node.name}</span>\n            </Button>\n            {node.canEdit ? (\n              <RowActions items={[\n                { id: 'rename', label: t('documents.folders.actions.rename'), onSelect: () => onRename(node) },\n                { id: 'delete', label: t('documents.actions.delete'), destructive: true, onSelect: () => onDelete(node) },\n              ]} />\n            ) : null}\n          </div>\n          {node.visibility === 'ancestor' ? <p className=\"pl-3 text-xs text-muted-foreground\">{t('documents.folders.visibility.ancestor')}</p> : null}\n          {node.visibility === 'contains-visible' ? <p className=\"pl-3 text-xs text-muted-foreground\">{t('documents.folders.visibility.shared')}</p> : null}\n          {node.children.length > 0 ? <div className=\"ml-4\"><FolderNodes nodes={node.children} selectedFolderId={selectedFolderId} onSelect={onSelect} onRename={onRename} onDelete={onDelete} /></div> : null}\n        </li>\n      ))}\n    </ul>\n  )\n}\n\nexport function FolderTree(props: FolderTreeProps) {\n  const t = useT()\n  const tree = React.useMemo(() => buildFolderTree(props.folders), [props.folders])\n  const selected = props.selectedFolderId ? props.folders.find((folder) => folder.id === props.selectedFolderId) : null\n  return (\n    <aside className=\"space-y-3 rounded-lg border border-border bg-card p-4 lg:col-span-1 lg:max-h-screen lg:self-start lg:overflow-y-auto\">\n      <div className=\"flex items-center justify-between gap-2\">\n        <h2 className=\"text-sm font-semibold\">{t('documents.folders.title')}</h2>\n        {props.canCreateFolder ? (\n          <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={() => props.onCreate(selected?.canEdit ? selected.id : null)}>\n            {t(selected && !selected.canEdit ? 'documents.folders.actions.newAtRoot' : 'documents.folders.actions.new')}\n          </Button>\n        ) : null}\n      </div>\n      {props.canCreateFolder && selected && !selected.canEdit ? <p className=\"text-xs text-muted-foreground\">{t('documents.folders.newAtRootHint')}</p> : null}\n      <Button type=\"button\" aria-current={props.selectedFolderId === null ? 'page' : undefined} variant={props.selectedFolderId === null ? 'secondary' : 'ghost'} className=\"w-full justify-start\" onClick={() => props.onSelect(null)}>{t('documents.folders.root')}</Button>\n      {tree.length > 0 ? (\n        <FolderNodes nodes={tree} selectedFolderId={props.selectedFolderId} onSelect={(id) => props.onSelect(id)} onRename={props.onRename} onDelete={props.onDelete} />\n      ) : <p className=\"rounded-md border border-border bg-muted/20 p-3 text-sm text-muted-foreground\">{t('documents.folders.empty')}</p>}\n    </aside>\n  )\n}\n"],
+  "mappings": ";AA8BU,SAEI,KAFJ;AA5BV,YAAY,WAAW;AACvB,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,uBAAwD;AAYjE,SAAS,YAAY,EAAE,OAAO,kBAAkB,UAAU,UAAU,SAAS,GAM1E;AACD,QAAM,IAAI,KAAK;AACf,SACE,oBAAC,QAAG,WAAU,aACX,gBAAM,IAAI,CAAC,SACV,qBAAC,QAAiB,WAAU,aAC1B;AAAA,yBAAC,SAAI,WAAU,2BACb;AAAA,0BAAC,UAAO,MAAK,UAAS,gBAAc,qBAAqB,KAAK,KAAK,SAAS,QAAW,SAAS,qBAAqB,KAAK,KAAK,cAAc,SAAS,WAAU,gCAA+B,SAAS,MAAM,SAAS,KAAK,EAAE,GAC5N,8BAAC,UAAK,WAAW,KAAK,eAAe,aAAa,mCAAmC,YAAa,eAAK,MAAK,GAC9G;AAAA,MACC,KAAK,UACJ,oBAAC,cAAW,OAAO;AAAA,QACjB,EAAE,IAAI,UAAU,OAAO,EAAE,kCAAkC,GAAG,UAAU,MAAM,SAAS,IAAI,EAAE;AAAA,QAC7F,EAAE,IAAI,UAAU,OAAO,EAAE,0BAA0B,GAAG,aAAa,MAAM,UAAU,MAAM,SAAS,IAAI,EAAE;AAAA,MAC1G,GAAG,IACD;AAAA,OACN;AAAA,IACC,KAAK,eAAe,aAAa,oBAAC,OAAE,WAAU,sCAAsC,YAAE,uCAAuC,GAAE,IAAO;AAAA,IACtI,KAAK,eAAe,qBAAqB,oBAAC,OAAE,WAAU,sCAAsC,YAAE,qCAAqC,GAAE,IAAO;AAAA,IAC5I,KAAK,SAAS,SAAS,IAAI,oBAAC,SAAI,WAAU,QAAO,8BAAC,eAAY,OAAO,KAAK,UAAU,kBAAoC,UAAoB,UAAoB,UAAoB,GAAE,IAAS;AAAA,OAdzL,KAAK,EAed,CACD,GACH;AAEJ;AAEO,SAAS,WAAW,OAAwB;AACjD,QAAM,IAAI,KAAK;AACf,QAAM,OAAO,MAAM,QAAQ,MAAM,gBAAgB,MAAM,OAAO,GAAG,CAAC,MAAM,OAAO,CAAC;AAChF,QAAM,WAAW,MAAM,mBAAmB,MAAM,QAAQ,KAAK,CAAC,WAAW,OAAO,OAAO,MAAM,gBAAgB,IAAI;AACjH,SACE,qBAAC,WAAM,WAAU,wHACf;AAAA,yBAAC,SAAI,WAAU,2CACb;AAAA,0BAAC,QAAG,WAAU,yBAAyB,YAAE,yBAAyB,GAAE;AAAA,MACnE,MAAM,kBACL,oBAAC,UAAO,MAAK,UAAS,MAAK,MAAK,SAAQ,WAAU,SAAS,MAAM,MAAM,SAAS,UAAU,UAAU,SAAS,KAAK,IAAI,GACnH,YAAE,YAAY,CAAC,SAAS,UAAU,wCAAwC,+BAA+B,GAC5G,IACE;AAAA,OACN;AAAA,IACC,MAAM,mBAAmB,YAAY,CAAC,SAAS,UAAU,oBAAC,OAAE,WAAU,iCAAiC,YAAE,iCAAiC,GAAE,IAAO;AAAA,IACpJ,oBAAC,UAAO,MAAK,UAAS,gBAAc,MAAM,qBAAqB,OAAO,SAAS,QAAW,SAAS,MAAM,qBAAqB,OAAO,cAAc,SAAS,WAAU,wBAAuB,SAAS,MAAM,MAAM,SAAS,IAAI,GAAI,YAAE,wBAAwB,GAAE;AAAA,IAC9P,KAAK,SAAS,IACb,oBAAC,eAAY,OAAO,MAAM,kBAAkB,MAAM,kBAAkB,UAAU,CAAC,OAAO,MAAM,SAAS,EAAE,GAAG,UAAU,MAAM,UAAU,UAAU,MAAM,UAAU,IAC5J,oBAAC,OAAE,WAAU,iFAAiF,YAAE,yBAAyB,GAAE;AAAA,KACjI;AAEJ;",
+  "names": []
+}

package/dist/modules/documents/backend/documents/MoveDocumentDialog.js

@@ -0,0 +1,64 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@open-mercato/ui/primitives/dialog";
+import { Label } from "@open-mercato/ui/primitives/label";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@open-mercato/ui/primitives/select";
+import { useDialogKeyHandler } from "@open-mercato/ui/hooks/useDialogKeyHandler";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+const ROOT_VALUE = "__documents_root__";
+function MoveDocumentDialog({ document, folders, open, onOpenChange, onMove }) {
+  const t = useT();
+  const [value, setValue] = React.useState(ROOT_VALUE);
+  const [saving, setSaving] = React.useState(false);
+  const writableFolders = React.useMemo(() => folders.filter((folder) => folder.canEdit), [folders]);
+  React.useEffect(() => {
+    if (document && open) setValue(document.folderId ?? ROOT_VALUE);
+  }, [document, open]);
+  const submit = React.useCallback(async () => {
+    if (!document || saving || (document.folderId ?? ROOT_VALUE) === value) return;
+    setSaving(true);
+    try {
+      const result = await onMove(document, value === ROOT_VALUE ? null : value);
+      if (result !== false) onOpenChange(false);
+    } finally {
+      setSaving(false);
+    }
+  }, [document, onMove, onOpenChange, saving, value]);
+  const onKeyDown = useDialogKeyHandler({
+    onConfirm: () => {
+      if (!saving) void submit();
+    },
+    onCancel: () => {
+      if (!saving) onOpenChange(false);
+    }
+  });
+  const handleOpenChange = React.useCallback((nextOpen) => {
+    if (!saving) onOpenChange(nextOpen);
+  }, [onOpenChange, saving]);
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { onKeyDown, children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: t("documents.folders.moveDocument.title") }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: t("documents.folders.moveDocument.description", { title: document?.title ?? "" }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Label, { htmlFor: "documents-move-folder", children: t("documents.columns.folder") }),
+      /* @__PURE__ */ jsxs(Select, { value, onValueChange: setValue, disabled: saving, children: [
+        /* @__PURE__ */ jsx(SelectTrigger, { id: "documents-move-folder", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+        /* @__PURE__ */ jsxs(SelectContent, { children: [
+          /* @__PURE__ */ jsx(SelectItem, { value: ROOT_VALUE, children: t("documents.folders.root") }),
+          writableFolders.map((folder) => /* @__PURE__ */ jsx(SelectItem, { value: folder.id, children: folder.name }, folder.id))
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), disabled: saving, children: t("documents.actions.cancel") }),
+      /* @__PURE__ */ jsx(Button, { type: "button", onClick: () => void submit(), disabled: saving || !document || (document.folderId ?? ROOT_VALUE) === value, children: t("documents.folders.actions.moveDocument") })
+    ] })
+  ] }) });
+}
+export {
+  MoveDocumentDialog
+};
+//# sourceMappingURL=MoveDocumentDialog.js.map

package/dist/modules/documents/backend/documents/MoveDocumentDialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/documents/backend/documents/MoveDocumentDialog.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@open-mercato/ui/primitives/select'\nimport { useDialogKeyHandler } from '@open-mercato/ui/hooks/useDialogKeyHandler'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { DocumentRow, FolderRow } from './documentsListTypes'\n\nconst ROOT_VALUE = '__documents_root__'\n\nexport function MoveDocumentDialog({ document, folders, open, onOpenChange, onMove }: {\n  document: DocumentRow | null\n  folders: FolderRow[]\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  onMove: (document: DocumentRow, folderId: string | null) => Promise<boolean | void>\n}) {\n  const t = useT()\n  const [value, setValue] = React.useState(ROOT_VALUE)\n  const [saving, setSaving] = React.useState(false)\n  const writableFolders = React.useMemo(() => folders.filter((folder) => folder.canEdit), [folders])\n  React.useEffect(() => {\n    if (document && open) setValue(document.folderId ?? ROOT_VALUE)\n  }, [document, open])\n  const submit = React.useCallback(async () => {\n    if (!document || saving || (document.folderId ?? ROOT_VALUE) === value) return\n    setSaving(true)\n    try {\n      const result = await onMove(document, value === ROOT_VALUE ? null : value)\n      if (result !== false) onOpenChange(false)\n    } finally {\n      setSaving(false)\n    }\n  }, [document, onMove, onOpenChange, saving, value])\n  const onKeyDown = useDialogKeyHandler({\n    onConfirm: () => { if (!saving) void submit() },\n    onCancel: () => { if (!saving) onOpenChange(false) },\n  })\n  const handleOpenChange = React.useCallback((nextOpen: boolean) => {\n    if (!saving) onOpenChange(nextOpen)\n  }, [onOpenChange, saving])\n\n  return (\n    <Dialog open={open} onOpenChange={handleOpenChange}>\n      <DialogContent onKeyDown={onKeyDown}>\n        <DialogHeader>\n          <DialogTitle>{t('documents.folders.moveDocument.title')}</DialogTitle>\n          <DialogDescription>{t('documents.folders.moveDocument.description', { title: document?.title ?? '' })}</DialogDescription>\n        </DialogHeader>\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"documents-move-folder\">{t('documents.columns.folder')}</Label>\n          <Select value={value} onValueChange={setValue} disabled={saving}>\n            <SelectTrigger id=\"documents-move-folder\"><SelectValue /></SelectTrigger>\n            <SelectContent>\n              <SelectItem value={ROOT_VALUE}>{t('documents.folders.root')}</SelectItem>\n              {writableFolders.map((folder) => <SelectItem key={folder.id} value={folder.id}>{folder.name}</SelectItem>)}\n            </SelectContent>\n          </Select>\n        </div>\n        <DialogFooter>\n          <Button type=\"button\" variant=\"outline\" onClick={() => onOpenChange(false)} disabled={saving}>{t('documents.actions.cancel')}</Button>\n          <Button type=\"button\" onClick={() => void submit()} disabled={saving || !document || (document.folderId ?? ROOT_VALUE) === value}>{t('documents.folders.actions.moveDocument')}</Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": ";AAgDQ,SACE,KADF;AA9CR,YAAY,WAAW;AACvB,SAAS,cAAc;AACvB,SAAS,QAAQ,eAAe,mBAAmB,cAAc,cAAc,mBAAmB;AAClG,SAAS,aAAa;AACtB,SAAS,QAAQ,eAAe,YAAY,eAAe,mBAAmB;AAC9E,SAAS,2BAA2B;AACpC,SAAS,YAAY;AAGrB,MAAM,aAAa;AAEZ,SAAS,mBAAmB,EAAE,UAAU,SAAS,MAAM,cAAc,OAAO,GAMhF;AACD,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,UAAU;AACnD,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAChD,QAAM,kBAAkB,MAAM,QAAQ,MAAM,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO,GAAG,CAAC,OAAO,CAAC;AACjG,QAAM,UAAU,MAAM;AACpB,QAAI,YAAY,KAAM,UAAS,SAAS,YAAY,UAAU;AAAA,EAChE,GAAG,CAAC,UAAU,IAAI,CAAC;AACnB,QAAM,SAAS,MAAM,YAAY,YAAY;AAC3C,QAAI,CAAC,YAAY,WAAW,SAAS,YAAY,gBAAgB,MAAO;AACxE,cAAU,IAAI;AACd,QAAI;AACF,YAAM,SAAS,MAAM,OAAO,UAAU,UAAU,aAAa,OAAO,KAAK;AACzE,UAAI,WAAW,MAAO,cAAa,KAAK;AAAA,IAC1C,UAAE;AACA,gBAAU,KAAK;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,UAAU,QAAQ,cAAc,QAAQ,KAAK,CAAC;AAClD,QAAM,YAAY,oBAAoB;AAAA,IACpC,WAAW,MAAM;AAAE,UAAI,CAAC,OAAQ,MAAK,OAAO;AAAA,IAAE;AAAA,IAC9C,UAAU,MAAM;AAAE,UAAI,CAAC,OAAQ,cAAa,KAAK;AAAA,IAAE;AAAA,EACrD,CAAC;AACD,QAAM,mBAAmB,MAAM,YAAY,CAAC,aAAsB;AAChE,QAAI,CAAC,OAAQ,cAAa,QAAQ;AAAA,EACpC,GAAG,CAAC,cAAc,MAAM,CAAC;AAEzB,SACE,oBAAC,UAAO,MAAY,cAAc,kBAChC,+BAAC,iBAAc,WACb;AAAA,yBAAC,gBACC;AAAA,0BAAC,eAAa,YAAE,sCAAsC,GAAE;AAAA,MACxD,oBAAC,qBAAmB,YAAE,8CAA8C,EAAE,OAAO,UAAU,SAAS,GAAG,CAAC,GAAE;AAAA,OACxG;AAAA,IACA,qBAAC,SAAI,WAAU,aACb;AAAA,0BAAC,SAAM,SAAQ,yBAAyB,YAAE,0BAA0B,GAAE;AAAA,MACtE,qBAAC,UAAO,OAAc,eAAe,UAAU,UAAU,QACvD;AAAA,4BAAC,iBAAc,IAAG,yBAAwB,8BAAC,eAAY,GAAE;AAAA,QACzD,qBAAC,iBACC;AAAA,8BAAC,cAAW,OAAO,YAAa,YAAE,wBAAwB,GAAE;AAAA,UAC3D,gBAAgB,IAAI,CAAC,WAAW,oBAAC,cAA2B,OAAO,OAAO,IAAK,iBAAO,QAArC,OAAO,EAAmC,CAAa;AAAA,WAC3G;AAAA,SACF;AAAA,OACF;AAAA,IACA,qBAAC,gBACC;AAAA,0BAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,SAAS,MAAM,aAAa,KAAK,GAAG,UAAU,QAAS,YAAE,0BAA0B,GAAE;AAAA,MAC7H,oBAAC,UAAO,MAAK,UAAS,SAAS,MAAM,KAAK,OAAO,GAAG,UAAU,UAAU,CAAC,aAAa,SAAS,YAAY,gBAAgB,OAAQ,YAAE,wCAAwC,GAAE;AAAA,OACjL;AAAA,KACF,GACF;AAEJ;",
+  "names": []
+}

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

@@ -0,0 +1,77 @@
+import {
+  absolutePositionToRelativePosition,
+  relativePositionToAbsolutePosition,
+  ySyncPluginKey
+} from "@tiptap/y-tiptap";
+import * as Y from "yjs";
+function encodeBase64(value) {
+  let binary = "";
+  for (const byte of value) binary += String.fromCharCode(byte);
+  return window.btoa(binary);
+}
+function decodeBase64(value) {
+  try {
+    const binary = window.atob(value);
+    return Uint8Array.from(binary, (character) => character.charCodeAt(0));
+  } catch {
+    return null;
+  }
+}
+function readBinding(editor) {
+  const pluginState = ySyncPluginKey.getState(editor.state);
+  return pluginState?.binding ?? null;
+}
+function validRange(editor, from, to) {
+  const docSize = editor.state.doc.content.size;
+  return from >= 0 && to >= 0 && from < to && from <= docSize && to <= docSize;
+}
+function captureCommentAnchor(editor) {
+  const { from, to } = editor.state.selection;
+  if (!validRange(editor, from, to)) return null;
+  const binding = readBinding(editor);
+  if (!binding) return { from, to };
+  const relativeFrom = absolutePositionToRelativePosition(from, binding.type, binding.mapping);
+  const relativeTo = absolutePositionToRelativePosition(to, binding.type, binding.mapping);
+  return {
+    version: 2,
+    relativeFrom: encodeBase64(Y.encodeRelativePosition(relativeFrom)),
+    relativeTo: encodeBase64(Y.encodeRelativePosition(relativeTo))
+  };
+}
+function resolveCommentAnchor(editor, anchor) {
+  if (!("version" in anchor)) return validRange(editor, anchor.from, anchor.to) ? anchor : null;
+  const binding = readBinding(editor);
+  const encodedFrom = decodeBase64(anchor.relativeFrom);
+  const encodedTo = decodeBase64(anchor.relativeTo);
+  if (!binding || !encodedFrom || !encodedTo) return null;
+  try {
+    const from = relativePositionToAbsolutePosition(
+      binding.doc,
+      binding.type,
+      Y.decodeRelativePosition(encodedFrom),
+      binding.mapping
+    );
+    const to = relativePositionToAbsolutePosition(
+      binding.doc,
+      binding.type,
+      Y.decodeRelativePosition(encodedTo),
+      binding.mapping
+    );
+    return from !== null && to !== null && validRange(editor, from, to) ? { from, to } : null;
+  } catch {
+    return null;
+  }
+}
+function jumpToCommentAnchor(editor, anchor) {
+  const range = resolveCommentAnchor(editor, anchor);
+  if (!range) return false;
+  editor.commands.setTextSelection(range);
+  editor.commands.focus();
+  return true;
+}
+export {
+  captureCommentAnchor,
+  jumpToCommentAnchor,
+  resolveCommentAnchor
+};
+//# sourceMappingURL=CommentAnchorNavigation.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/documents/backend/documents/%5Bid%5D/CommentAnchorNavigation.ts"],
+  "sourcesContent": ["import type { Editor } from '@tiptap/core'\n// Keep this aligned with @tiptap/extension-collaboration. The similarly named\n// y-prosemirror plugin key is a different instance and cannot read its binding.\nimport {\n  absolutePositionToRelativePosition,\n  relativePositionToAbsolutePosition,\n  ySyncPluginKey,\n  type ProsemirrorBinding,\n} from '@tiptap/y-tiptap'\nimport * as Y from 'yjs'\n\nexport type LegacyCommentAnchor = { from: number; to: number }\nexport type RelativeCommentAnchor = { version: 2; relativeFrom: string; relativeTo: string }\nexport type CommentAnchor = LegacyCommentAnchor | RelativeCommentAnchor\n\ntype YSyncState = { binding?: ProsemirrorBinding | null }\n\nfunction encodeBase64(value: Uint8Array): string {\n  let binary = ''\n  for (const byte of value) binary += String.fromCharCode(byte)\n  return window.btoa(binary)\n}\n\nfunction decodeBase64(value: string): Uint8Array | null {\n  try {\n    const binary = window.atob(value)\n    return Uint8Array.from(binary, (character) => character.charCodeAt(0))\n  } catch {\n    return null\n  }\n}\n\nfunction readBinding(editor: Editor): ProsemirrorBinding | null {\n  const pluginState = ySyncPluginKey.getState(editor.state) as YSyncState | undefined\n  return pluginState?.binding ?? null\n}\n\nfunction validRange(editor: Editor, from: number, to: number): boolean {\n  const docSize = editor.state.doc.content.size\n  return from >= 0 && to >= 0 && from < to && from <= docSize && to <= docSize\n}\n\nexport function captureCommentAnchor(editor: Editor): CommentAnchor | null {\n  const { from, to } = editor.state.selection\n  if (!validRange(editor, from, to)) return null\n  const binding = readBinding(editor)\n  if (!binding) return { from, to }\n  const relativeFrom = absolutePositionToRelativePosition(from, binding.type, binding.mapping)\n  const relativeTo = absolutePositionToRelativePosition(to, binding.type, binding.mapping)\n  return {\n    version: 2,\n    relativeFrom: encodeBase64(Y.encodeRelativePosition(relativeFrom)),\n    relativeTo: encodeBase64(Y.encodeRelativePosition(relativeTo)),\n  }\n}\n\nexport function resolveCommentAnchor(editor: Editor, anchor: CommentAnchor): LegacyCommentAnchor | null {\n  if (!('version' in anchor)) return validRange(editor, anchor.from, anchor.to) ? anchor : null\n  const binding = readBinding(editor)\n  const encodedFrom = decodeBase64(anchor.relativeFrom)\n  const encodedTo = decodeBase64(anchor.relativeTo)\n  if (!binding || !encodedFrom || !encodedTo) return null\n  try {\n    const from = relativePositionToAbsolutePosition(\n      binding.doc,\n      binding.type,\n      Y.decodeRelativePosition(encodedFrom),\n      binding.mapping,\n    )\n    const to = relativePositionToAbsolutePosition(\n      binding.doc,\n      binding.type,\n      Y.decodeRelativePosition(encodedTo),\n      binding.mapping,\n    )\n    return from !== null && to !== null && validRange(editor, from, to) ? { from, to } : null\n  } catch {\n    return null\n  }\n}\n\nexport function jumpToCommentAnchor(editor: Editor, anchor: CommentAnchor): boolean {\n  const range = resolveCommentAnchor(editor, anchor)\n  if (!range) return false\n  editor.commands.setTextSelection(range)\n  editor.commands.focus()\n  return true\n}\n"],
+  "mappings": "AAGA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,YAAY,OAAO;AAQnB,SAAS,aAAa,OAA2B;AAC/C,MAAI,SAAS;AACb,aAAW,QAAQ,MAAO,WAAU,OAAO,aAAa,IAAI;AAC5D,SAAO,OAAO,KAAK,MAAM;AAC3B;AAEA,SAAS,aAAa,OAAkC;AACtD,MAAI;AACF,UAAM,SAAS,OAAO,KAAK,KAAK;AAChC,WAAO,WAAW,KAAK,QAAQ,CAAC,cAAc,UAAU,WAAW,CAAC,CAAC;AAAA,EACvE,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEA,SAAS,YAAY,QAA2C;AAC9D,QAAM,cAAc,eAAe,SAAS,OAAO,KAAK;AACxD,SAAO,aAAa,WAAW;AACjC;AAEA,SAAS,WAAW,QAAgB,MAAc,IAAqB;AACrE,QAAM,UAAU,OAAO,MAAM,IAAI,QAAQ;AACzC,SAAO,QAAQ,KAAK,MAAM,KAAK,OAAO,MAAM,QAAQ,WAAW,MAAM;AACvE;AAEO,SAAS,qBAAqB,QAAsC;AACzE,QAAM,EAAE,MAAM,GAAG,IAAI,OAAO,MAAM;AAClC,MAAI,CAAC,WAAW,QAAQ,MAAM,EAAE,EAAG,QAAO;AAC1C,QAAM,UAAU,YAAY,MAAM;AAClC,MAAI,CAAC,QAAS,QAAO,EAAE,MAAM,GAAG;AAChC,QAAM,eAAe,mCAAmC,MAAM,QAAQ,MAAM,QAAQ,OAAO;AAC3F,QAAM,aAAa,mCAAmC,IAAI,QAAQ,MAAM,QAAQ,OAAO;AACvF,SAAO;AAAA,IACL,SAAS;AAAA,IACT,cAAc,aAAa,EAAE,uBAAuB,YAAY,CAAC;AAAA,IACjE,YAAY,aAAa,EAAE,uBAAuB,UAAU,CAAC;AAAA,EAC/D;AACF;AAEO,SAAS,qBAAqB,QAAgB,QAAmD;AACtG,MAAI,EAAE,aAAa,QAAS,QAAO,WAAW,QAAQ,OAAO,MAAM,OAAO,EAAE,IAAI,SAAS;AACzF,QAAM,UAAU,YAAY,MAAM;AAClC,QAAM,cAAc,aAAa,OAAO,YAAY;AACpD,QAAM,YAAY,aAAa,OAAO,UAAU;AAChD,MAAI,CAAC,WAAW,CAAC,eAAe,CAAC,UAAW,QAAO;AACnD,MAAI;AACF,UAAM,OAAO;AAAA,MACX,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,EAAE,uBAAuB,WAAW;AAAA,MACpC,QAAQ;AAAA,IACV;AACA,UAAM,KAAK;AAAA,MACT,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,EAAE,uBAAuB,SAAS;AAAA,MAClC,QAAQ;AAAA,IACV;AACA,WAAO,SAAS,QAAQ,OAAO,QAAQ,WAAW,QAAQ,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;AAAA,EACvF,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEO,SAAS,oBAAoB,QAAgB,QAAgC;AAClF,QAAM,QAAQ,qBAAqB,QAAQ,MAAM;AACjD,MAAI,CAAC,MAAO,QAAO;AACnB,SAAO,SAAS,iBAAiB,KAAK;AACtC,SAAO,SAAS,MAAM;AACtB,SAAO;AACT;",
+  "names": []
+}

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

@@ -0,0 +1,126 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { AtSign, CornerDownRight, Send, X } from "lucide-react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Label } from "@open-mercato/ui/primitives/label";
+import { Textarea } from "@open-mercato/ui/primitives/textarea";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { MentionPicker } from "./MentionPicker.js";
+import {
+  bodyContainsPendingMention,
+  removePendingMentionOccurrences
+} from "./commentTypes.js";
+const CommentComposer = React.forwardRef(function CommentComposer2({
+  documentId,
+  body,
+  pendingMentions,
+  replyToName,
+  isSubmitting,
+  onBodyChange,
+  onMentionsChange,
+  onSubmit,
+  onCancel,
+  focusSignal
+}, forwardedRef) {
+  const t = useT();
+  const composerId = React.useId();
+  const textareaRef = React.useRef(null);
+  const [mentionPickerOpen, setMentionPickerOpen] = React.useState(false);
+  React.useEffect(() => {
+    if (focusSignal === void 0) return;
+    window.setTimeout(() => textareaRef.current?.focus(), 0);
+  }, [focusSignal]);
+  const handleMentionPick = React.useCallback((user) => {
+    const userId = user.id.toLowerCase();
+    onMentionsChange((current) => current.some((mention) => mention.userId === userId) ? current : [...current, { userId, name: user.name }]);
+    onBodyChange(`${body}${body.length > 0 && !/\s$/.test(body) ? " " : ""}@${user.name} `);
+    setMentionPickerOpen(false);
+    window.setTimeout(() => textareaRef.current?.focus(), 0);
+  }, [body, onBodyChange, onMentionsChange]);
+  const handleBodyChange = React.useCallback((nextBody) => {
+    onBodyChange(nextBody);
+    onMentionsChange((current) => current.filter((mention) => bodyContainsPendingMention(nextBody, mention)));
+  }, [onBodyChange, onMentionsChange]);
+  const removeMention = React.useCallback((mention) => {
+    onBodyChange(removePendingMentionOccurrences(body, mention, pendingMentions));
+    onMentionsChange((current) => current.filter((candidate) => candidate.userId !== mention.userId));
+    window.setTimeout(() => textareaRef.current?.focus(), 0);
+  }, [body, onBodyChange, onMentionsChange, pendingMentions]);
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      ref: forwardedRef,
+      className: "space-y-3 rounded-lg border border-border bg-muted/20 p-3",
+      onSubmit: (event) => {
+        event.preventDefault();
+        onSubmit();
+      },
+      onKeyDown: (event) => {
+        if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+          event.preventDefault();
+          onSubmit();
+        }
+        if (event.key === "Escape") {
+          event.preventDefault();
+          setMentionPickerOpen(false);
+          onCancel();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: composerId, children: t("documents.comments.title") }),
+          replyToName ? /* @__PURE__ */ jsxs("p", { className: "inline-flex items-center gap-2 rounded-full bg-muted px-2 py-1 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(CornerDownRight, { className: "size-3", "aria-hidden": "true" }),
+            t("documents.comments.replyTo", { name: replyToName })
+          ] }) : null,
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              ref: textareaRef,
+              id: composerId,
+              value: body,
+              onChange: (event) => handleBodyChange(event.target.value),
+              placeholder: t("documents.comments.composer.placeholder"),
+              maxLength: 8e3,
+              showCount: true,
+              disabled: isSubmitting
+            }
+          ),
+          pendingMentions.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", role: "group", "aria-label": t("documents.comments.mentions.selected"), children: pendingMentions.map((mention) => /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              size: "sm",
+              variant: "secondary",
+              onClick: () => removeMention(mention),
+              disabled: isSubmitting,
+              "aria-label": t("documents.comments.mentions.remove", { name: mention.name }),
+              children: [
+                "@",
+                mention.name,
+                /* @__PURE__ */ jsx(X, { "aria-hidden": "true" })
+              ]
+            },
+            mention.userId
+          )) }) : null
+        ] }),
+        mentionPickerOpen ? /* @__PURE__ */ jsx(MentionPicker, { documentId, onPick: handleMentionPick, disabled: isSubmitting }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", onClick: () => setMentionPickerOpen((open) => !open), disabled: isSubmitting, children: [
+            /* @__PURE__ */ jsx(AtSign, {}),
+            t("documents.comments.actions.mention")
+          ] }),
+          /* @__PURE__ */ jsxs(Button, { type: "submit", disabled: isSubmitting || body.trim().length === 0, children: [
+            /* @__PURE__ */ jsx(Send, {}),
+            t("documents.comments.actions.send")
+          ] })
+        ] })
+      ]
+    }
+  );
+});
+export {
+  CommentComposer
+};
+//# sourceMappingURL=CommentComposer.js.map