@freighttech/ui 0.13.18

package/dist/backend/dynamic-table/components/ImportPanel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-table/components/ImportPanel.tsx"],
+  "sourcesContent": ["'use client';\n\n/**\n * Import from a file: choose \u2192 inspect \u2192 commit \u2192 (undo).\n *\n * The panel is deliberately thin. It uploads bytes and renders whatever the\n * server made of them; it does NOT parse the file, because a client parse plus\n * a server parse is how a preview and its commit drift apart. `importParse.ts`\n * is server-only and is never imported here.\n *\n * The inspection point is mandatory, not a toggle: there is no code path from\n * \"file chosen\" to \"records written\" that skips the preview. Import is the\n * highest-blast-radius write in the product, and \"nothing is saved yet\" is the\n * property that makes it safe to use.\n */\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\nimport { AlertTriangle, FileSpreadsheet, Undo2, Upload } from 'lucide-react';\nimport { useT } from '@open-mercato/shared/lib/i18n/context';\nimport { Button } from '../../../primitives/button';\nimport { apiCall } from '../../utils/apiCall';\nimport { flash } from '../../FlashMessages';\nimport ImportPreviewGrid from './ImportPreviewGrid';\nimport type {\n  ImportCommitResponse,\n  ImportMapping,\n  ImportMode,\n  ImportPreviewResponse,\n  ImportRevertResponse,\n} from '../types/import';\n\nexport interface ImportPanelProps {\n  /** `POST` multipart endpoint that returns an `ImportPreviewResponse`. */\n  previewUrl: string;\n  /** Given a batch id, the endpoint that commits it. */\n  commitUrl: (importBatchId: string) => string;\n  /** Given a batch id, the endpoint that reverts it. */\n  revertUrl: (importBatchId: string) => string;\n  /** Modes to offer. Defaults to both. */\n  modes?: ImportMode[];\n  /** Called after a successful commit (and after a revert) so the list refetches. */\n  onChanged?: () => void;\n  /** Called when the user cancels out of the panel. */\n  onClose?: () => void;\n}\n\ntype Phase = 'choose' | 'preview' | 'committed';\n\nconst ACCEPT = '.csv,.xlsx,text/csv,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';\n\ninterface ServerError {\n  error?: string;\n  messageKey?: string;\n  details?: Record<string, unknown>;\n}\n\nconst ImportPanel: React.FC<ImportPanelProps> = ({\n  previewUrl,\n  commitUrl,\n  revertUrl,\n  modes = ['create', 'upsert_id'],\n  onChanged,\n  onClose,\n}) => {\n  const t = useT();\n  const fileInputRef = useRef<HTMLInputElement | null>(null);\n\n  const [phase, setPhase] = useState<Phase>('choose');\n  const [busy, setBusy] = useState(false);\n  const [file, setFile] = useState<File | null>(null);\n  const [mode, setMode] = useState<ImportMode>(modes[0] ?? 'create');\n  const [preview, setPreview] = useState<ImportPreviewResponse | null>(null);\n  const [commitResult, setCommitResult] = useState<ImportCommitResponse | null>(null);\n  const [errorText, setErrorText] = useState<string | null>(null);\n\n  const modeLabels: Record<ImportMode, string> = useMemo(\n    () => ({\n      create: t('dynamicTable.import.modeCreate', 'Add new rows'),\n      upsert_id: t('dynamicTable.import.modeUpsertId', 'Update rows matched by id'),\n    }),\n    [t],\n  );\n\n  /** Turn a server error body into something a person can act on. */\n  const describeError = useCallback(\n    (body: ServerError | null, fallback: string): string => {\n      if (!body) return fallback;\n      if (body.messageKey === 'dynamicTable.import.tooManyRows') {\n        return t(\n          'dynamicTable.import.tooManyRows',\n          'This file has {count} rows; the limit is {limit}. Split it and import in parts.',\n          body.details as Record<string, string | number> | undefined,\n        );\n      }\n      if (body.messageKey) {\n        return t(\n          body.messageKey,\n          body.error ?? fallback,\n          body.details as Record<string, string | number> | undefined,\n        );\n      }\n      return body.error ?? fallback;\n    },\n    [t],\n  );\n\n  const runPreview = useCallback(\n    async (nextFile: File, nextMode: ImportMode, mapping?: ImportMapping) => {\n      setBusy(true);\n      setErrorText(null);\n      try {\n        const form = new FormData();\n        form.append('file', nextFile);\n        form.append('mode', nextMode);\n        if (mapping) form.append('mapping', JSON.stringify(mapping));\n\n        const { ok, result } = await apiCall<ImportPreviewResponse & ServerError>(previewUrl, {\n          method: 'POST',\n          body: form,\n        });\n        if (!ok || !result || !('importBatchId' in result)) {\n          setErrorText(\n            describeError(\n              result as ServerError | null,\n              t('dynamicTable.import.previewFailed', 'The file could not be read'),\n            ),\n          );\n          return;\n        }\n        setPreview(result as ImportPreviewResponse);\n        setPhase('preview');\n      } finally {\n        setBusy(false);\n      }\n    },\n    [previewUrl, describeError, t],\n  );\n\n  const onFileChosen = useCallback(\n    (chosen: File | null) => {\n      if (!chosen) return;\n      setFile(chosen);\n      setCommitResult(null);\n      void runPreview(chosen, mode);\n    },\n    [mode, runPreview],\n  );\n\n  const onModeChange = useCallback(\n    (next: ImportMode) => {\n      setMode(next);\n      // Re-previewing is the whole point: a different mode is a different set\n      // of decisions, and showing the old preview beside the new mode would be\n      // a lie.\n      if (file) void runPreview(file, next, preview?.mapping);\n    },\n    [file, preview, runPreview],\n  );\n\n  const onCommit = useCallback(async () => {\n    if (!preview) return;\n    setBusy(true);\n    setErrorText(null);\n    try {\n      const { ok, result } = await apiCall<ImportCommitResponse & ServerError>(\n        commitUrl(preview.importBatchId),\n        { method: 'POST' },\n      );\n      if (!ok || !result || !('created' in result)) {\n        setErrorText(\n          describeError(\n            result as ServerError | null,\n            t('dynamicTable.import.commitFailed', 'The import could not be completed'),\n          ),\n        );\n        return;\n      }\n      setCommitResult(result as ImportCommitResponse);\n      setPhase('committed');\n      flash(\n        t('dynamicTable.import.summary', '{created} new, {updated} updated, {skipped} skipped, {failed} with errors', {\n          created: result.created,\n          updated: result.updated,\n          skipped: preview.summary.skipped,\n          failed: result.failed,\n        }),\n        'success',\n      );\n      onChanged?.();\n    } finally {\n      setBusy(false);\n    }\n  }, [preview, commitUrl, describeError, onChanged, t]);\n\n  const onRevert = useCallback(async () => {\n    if (!commitResult) return;\n    setBusy(true);\n    setErrorText(null);\n    try {\n      const { ok, result } = await apiCall<ImportRevertResponse & ServerError>(\n        revertUrl(commitResult.importBatchId),\n        { method: 'POST' },\n      );\n      if (!ok || !result || !('restored' in result)) {\n        setErrorText(\n          describeError(\n            result as ServerError | null,\n            t('dynamicTable.import.revertFailed', 'The import could not be undone'),\n          ),\n        );\n        return;\n      }\n      const reverted = result.restored + result.deleted;\n      flash(t('dynamicTable.import.reverted', 'Reverted {count} rows', { count: reverted }), 'success');\n      if (result.refused.length) {\n        // Refusals are surfaced, never swallowed: a partial revert the user\n        // does not know about is worse than no revert.\n        flash(\n          t(\n            'dynamicTable.import.revertRefused',\n            '{count} rows were changed since the import and were left alone',\n            { count: result.refused.length },\n          ),\n          'error',\n        );\n      }\n      onChanged?.();\n      onClose?.();\n    } finally {\n      setBusy(false);\n    }\n  }, [commitResult, revertUrl, describeError, onChanged, onClose, t]);\n\n  const reset = useCallback(() => {\n    setPhase('choose');\n    setFile(null);\n    setPreview(null);\n    setCommitResult(null);\n    setErrorText(null);\n    if (fileInputRef.current) fileInputRef.current.value = '';\n  }, []);\n\n  return (\n    <div className=\"flex flex-col gap-4\" data-testid=\"import-panel\">\n      <div>\n        <h3 className=\"text-heading-bold-lg\">{t('dynamicTable.import.title', 'Import from file')}</h3>\n      </div>\n\n      {errorText ? (\n        <div\n          className=\"flex items-start gap-2 rounded-md border border-destructive/40 bg-destructive/10 p-3\"\n          role=\"alert\"\n          data-testid=\"import-error\"\n        >\n          <AlertTriangle className=\"mt-0.5 size-4 text-destructive\" aria-hidden />\n          <p className=\"text-body-regular-sm text-destructive\">{errorText}</p>\n        </div>\n      ) : null}\n\n      {/* \u2500\u2500 Choose \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */}\n      {phase === 'choose' ? (\n        <div className=\"flex flex-col gap-3\">\n          {/* A `<span>`, not a `<label htmlFor>`. `htmlFor` only binds to a form\n              control, and the target here is a `<div>` of buttons \u2014 so the\n              caption was announced as loose text and the group had no name at\n              all. `aria-labelledby` on a `role=\"group\"` is the binding that\n              actually works. */}\n          <span className=\"text-label-medium-md\" id=\"import-mode-label\">\n            {t('dynamicTable.import.mode', 'What should this file do?')}\n          </span>\n          <div\n            className=\"flex flex-wrap gap-2\"\n            role=\"group\"\n            aria-labelledby=\"import-mode-label\"\n          >\n            {modes.map((m) => (\n              <Button\n                key={m}\n                type=\"button\"\n                size=\"sm\"\n                variant={m === mode ? 'default' : 'outline'}\n                // Which mode is chosen was carried by fill colour alone, so it\n                // did not survive a screen reader (or greyscale). `aria-pressed`\n                // states it.\n                aria-pressed={m === mode}\n                onClick={() => setMode(m)}\n                data-testid={`import-mode-${m}`}\n              >\n                {modeLabels[m]}\n              </Button>\n            ))}\n          </div>\n\n          <button\n            type=\"button\"\n            className=\"flex flex-col items-center justify-center gap-2 rounded-lg border border-dashed border-border p-8 hover:bg-accent\"\n            onClick={() => fileInputRef.current?.click()}\n            disabled={busy}\n            data-testid=\"import-dropzone\"\n          >\n            <Upload className=\"size-6 text-muted-foreground\" aria-hidden />\n            <span className=\"text-body-regular-sm text-muted-foreground\">\n              {t('dynamicTable.import.dropFile', 'Drop a CSV or Excel file, or browse')}\n            </span>\n          </button>\n          <input\n            ref={fileInputRef}\n            type=\"file\"\n            accept={ACCEPT}\n            className=\"sr-only\"\n            data-testid=\"import-file-input\"\n            onChange={(e) => onFileChosen(e.target.files?.[0] ?? null)}\n          />\n        </div>\n      ) : null}\n\n      {/* \u2500\u2500 Preview \u2014 nothing is written yet \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */}\n      {phase === 'preview' && preview ? (\n        <div className=\"flex flex-col gap-3\">\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <FileSpreadsheet className=\"size-4 text-muted-foreground\" aria-hidden />\n            <span className=\"text-body-medium-sm\">{preview.sourceFileName}</span>\n            <span className=\"text-body-regular-xs text-muted-foreground\">{modeLabels[preview.mode]}</span>\n          </div>\n\n          <h4 className=\"text-heading-semibold-md\" data-testid=\"import-preview-heading\">\n            {t('dynamicTable.import.previewHeading', 'Review {count} rows before importing', {\n              count: preview.rows.length,\n            })}\n          </h4>\n          <p className=\"text-body-regular-sm text-muted-foreground\" data-testid=\"import-summary\">\n            {t(\n              'dynamicTable.import.summary',\n              '{created} new, {updated} updated, {skipped} skipped, {failed} with errors',\n              {\n                created: preview.summary.created,\n                updated: preview.summary.updated,\n                skipped: preview.summary.skipped,\n                failed: preview.summary.failed,\n              },\n            )}\n          </p>\n\n          {preview.mappingIssues.length ? (\n            <ul className=\"flex flex-col gap-1\" data-testid=\"import-mapping-issues\">\n              {preview.mappingIssues.map((issue, i) => (\n                <li key={`${issue.code}-${issue.label}-${i}`} className=\"text-body-regular-xs text-muted-foreground\">\n                  {issue.code === 'relation_unsupported'\n                    ? t(\n                        'dynamicTable.import.relationUnsupported',\n                        '{column} links to another record and cannot be imported here',\n                        { column: issue.label },\n                      )\n                    : issue.code === 'missing_required'\n                      ? t('dynamicTable.import.missingRequired', '{column} is required and is not in this file', {\n                          column: issue.label,\n                        })\n                      : issue.code === 'duplicate_field'\n                        ? t('dynamicTable.import.duplicateField', 'Two columns both map to {column}', {\n                            column: issue.label,\n                          })\n                        : t('dynamicTable.import.unknownField', '{column} does not match any field', {\n                            column: issue.label,\n                          })}\n                </li>\n              ))}\n            </ul>\n          ) : null}\n\n          <ImportPreviewGrid rows={preview.rows} fields={preview.fields} mapping={preview.mapping} />\n\n          <p className=\"text-body-regular-xs text-muted-foreground\" data-testid=\"import-cancel-safe\">\n            {t('dynamicTable.import.cancelSafe', 'Nothing has been saved yet')}\n          </p>\n\n          <div className=\"flex flex-wrap gap-2\">\n            <Button\n              type=\"button\"\n              onClick={onCommit}\n              disabled={busy || preview.summary.created + preview.summary.updated === 0}\n              data-testid=\"import-commit\"\n            >\n              {t('dynamicTable.import.commit', 'Import {count} rows', {\n                count: preview.summary.created + preview.summary.updated,\n              })}\n            </Button>\n            <Button type=\"button\" variant=\"outline\" onClick={reset} disabled={busy} data-testid=\"import-cancel\">\n              {t('dynamicTable.import.cancel', 'Cancel')}\n            </Button>\n            {modes.length > 1\n              ? modes\n                  .filter((m) => m !== preview.mode)\n                  .map((m) => (\n                    <Button\n                      key={m}\n                      type=\"button\"\n                      variant=\"ghost\"\n                      onClick={() => onModeChange(m)}\n                      disabled={busy}\n                      data-testid={`import-switch-mode-${m}`}\n                    >\n                      {modeLabels[m]}\n                    </Button>\n                  ))\n              : null}\n          </div>\n        </div>\n      ) : null}\n\n      {/* \u2500\u2500 Committed \u2014 undo is offered right here, while it still matters \u2500\u2500 */}\n      {phase === 'committed' && commitResult ? (\n        <div className=\"flex flex-col gap-3\" data-testid=\"import-result\">\n          <p className=\"text-body-regular-sm\">\n            {t(\n              'dynamicTable.import.summary',\n              '{created} new, {updated} updated, {skipped} skipped, {failed} with errors',\n              {\n                created: commitResult.created,\n                updated: commitResult.updated,\n                skipped: preview?.summary.skipped ?? 0,\n                failed: commitResult.failed,\n              },\n            )}\n          </p>\n          <div className=\"flex flex-wrap gap-2\">\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={onRevert}\n              disabled={busy}\n              data-testid=\"import-revert\"\n            >\n              <Undo2 className=\"size-4\" aria-hidden />\n              {t('dynamicTable.import.revert', 'Undo this import')}\n            </Button>\n            <Button type=\"button\" variant=\"ghost\" onClick={() => { reset(); onClose?.(); }} disabled={busy}>\n              {t('dynamicTable.import.done', 'Done')}\n            </Button>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default ImportPanel;\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/dynamic-table/components/ImportPreviewGrid.js

@@ -0,0 +1,114 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useMemo, useRef } from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import DynamicTable from "../DynamicTable.js";
+const ROW_NUMBER_KEY = "__sourceRowNumber";
+const ACTION_KEY = "__action";
+const ERRORS_KEY = "__errors";
+const ACTION_BADGES = {
+  created: "success",
+  updated: "info",
+  skipped: "neutral",
+  failed: "error"
+};
+const ImportPreviewGrid = ({
+  rows,
+  fields,
+  mapping,
+  height = 360
+}) => {
+  const t = useT();
+  const tableRef = useRef(null);
+  const mappedFields = useMemo(() => {
+    const targets = new Set(Object.values(mapping));
+    return fields.filter((f) => targets.has(f.field));
+  }, [fields, mapping]);
+  const data = useMemo(
+    () => rows.map((row) => {
+      const errorsByField = new Map(row.errors.map((e) => [e.field, e.message]));
+      const flat = {
+        id: String(row.sourceRowNumber),
+        [ROW_NUMBER_KEY]: row.sourceRowNumber,
+        [ACTION_KEY]: row.action,
+        [ERRORS_KEY]: row.errors.map((e) => e.message).join("; ")
+      };
+      for (const field of mappedFields) {
+        flat[field.field] = row.values[field.field] ?? "";
+      }
+      flat.__errorFields = errorsByField;
+      return flat;
+    }),
+    [rows, mappedFields]
+  );
+  const columns = useMemo(() => {
+    const cols = [
+      {
+        data: ROW_NUMBER_KEY,
+        title: t("dynamicTable.import.columnRow", "Row"),
+        type: "numeric",
+        width: 70,
+        align: "right",
+        mono: true,
+        readOnly: true
+      },
+      {
+        data: ACTION_KEY,
+        title: t("dynamicTable.import.columnOutcome", "Outcome"),
+        type: "text",
+        width: 110,
+        badge: true,
+        badgeVariant: (value) => ACTION_BADGES[String(value)] ?? "neutral",
+        readOnly: true
+      }
+    ];
+    for (const field of mappedFields) {
+      cols.push({
+        data: field.field,
+        title: field.label,
+        type: field.type === "numeric" ? "numeric" : "text",
+        align: field.type === "numeric" ? "right" : "left",
+        mono: field.type === "numeric" || field.type === "date",
+        readOnly: true,
+        // A failing cell is marked where the failure is, not just on the row —
+        // "row 43 is invalid" sends the user hunting across forty columns.
+        cellClassName: (_value, rowData) => rowData?.__errorFields?.has(field.field) ? "bg-destructive/10" : void 0
+      });
+    }
+    cols.push({
+      data: ERRORS_KEY,
+      title: t("dynamicTable.import.columnProblem", "Problem"),
+      type: "text",
+      width: 280,
+      readOnly: true
+    });
+    return cols;
+  }, [mappedFields, t]);
+  return /* @__PURE__ */ jsx("div", { "data-testid": "import-preview-grid", children: /* @__PURE__ */ jsx(
+    DynamicTable,
+    {
+      tableRef,
+      data,
+      loadError: false,
+      columns,
+      colHeaders: true,
+      idColumnName: "id",
+      tableName: t("dynamicTable.import.previewTableName", "Import preview"),
+      height,
+      emptyMessage: t("dynamicTable.import.previewEmpty", "No rows to preview"),
+      uiConfig: {
+        hideToolbar: true,
+        hidePerspectiveTabs: true,
+        hidePagination: true,
+        hideActionsColumn: true,
+        hideAddRowButton: true,
+        hideExportButton: true
+      }
+    }
+  ) });
+};
+var ImportPreviewGrid_default = ImportPreviewGrid;
+export {
+  ImportPreviewGrid_default as default
+};
+//# sourceMappingURL=ImportPreviewGrid.js.map

package/dist/backend/dynamic-table/components/ImportPreviewGrid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-table/components/ImportPreviewGrid.tsx"],
+  "sourcesContent": ["'use client';\n\n/**\n * The dry-run preview, rendered in a DynamicTable.\n *\n * Deliberately the same grid the user already reads their data in: an import\n * preview is a table of rows, and inventing a bespoke preview widget would\n * mean a second set of column, scroll and selection behaviours to learn.\n * `options.root` on `GridHarness` exists precisely so a nested grid like this\n * one can be driven independently of the page's main table.\n */\nimport React, { useMemo, useRef } from 'react';\nimport { useT } from '@open-mercato/shared/lib/i18n/context';\nimport DynamicTable from '../DynamicTable';\nimport type { ColumnDef, DynamicTableBadgeVariant } from '../types/index';\nimport type {\n  ImportFieldDef,\n  ImportMapping,\n  ImportPreviewRow,\n} from '../types/import';\n\nexport interface ImportPreviewGridProps {\n  rows: ImportPreviewRow[];\n  fields: ImportFieldDef[];\n  /** The mapping actually applied \u2014 decides which field columns are shown. */\n  mapping: ImportMapping;\n  height?: number;\n}\n\n/** Internal row shape: the grid needs flat, string-keyed data. */\nconst ROW_NUMBER_KEY = '__sourceRowNumber';\nconst ACTION_KEY = '__action';\nconst ERRORS_KEY = '__errors';\n\nconst ACTION_BADGES: Record<string, DynamicTableBadgeVariant> = {\n  created: 'success',\n  updated: 'info',\n  skipped: 'neutral',\n  failed: 'error',\n};\n\nconst ImportPreviewGrid: React.FC<ImportPreviewGridProps> = ({\n  rows,\n  fields,\n  mapping,\n  height = 360,\n}) => {\n  const t = useT();\n  const tableRef = useRef<HTMLDivElement | null>(null);\n\n  // Only the fields this file actually maps onto get a column. Showing all\n  // forty importable fields for a three-column CSV buries the three that matter.\n  const mappedFields = useMemo(() => {\n    const targets = new Set(Object.values(mapping));\n    return fields.filter((f) => targets.has(f.field));\n  }, [fields, mapping]);\n\n  const data = useMemo(\n    () =>\n      rows.map((row) => {\n        const errorsByField = new Map(row.errors.map((e) => [e.field, e.message]));\n        const flat: Record<string, unknown> = {\n          id: String(row.sourceRowNumber),\n          [ROW_NUMBER_KEY]: row.sourceRowNumber,\n          [ACTION_KEY]: row.action,\n          [ERRORS_KEY]: row.errors.map((e) => e.message).join('; '),\n        };\n        for (const field of mappedFields) {\n          flat[field.field] = row.values[field.field] ?? '';\n        }\n        // Per-cell error lookup, consumed by `cellClassName` below.\n        flat.__errorFields = errorsByField;\n        return flat;\n      }),\n    [rows, mappedFields],\n  );\n\n  const columns = useMemo<ColumnDef[]>(() => {\n    const cols: ColumnDef[] = [\n      {\n        data: ROW_NUMBER_KEY,\n        title: t('dynamicTable.import.columnRow', 'Row'),\n        type: 'numeric',\n        width: 70,\n        align: 'right',\n        mono: true,\n        readOnly: true,\n      },\n      {\n        data: ACTION_KEY,\n        title: t('dynamicTable.import.columnOutcome', 'Outcome'),\n        type: 'text',\n        width: 110,\n        badge: true,\n        badgeVariant: (value: unknown) => ACTION_BADGES[String(value)] ?? 'neutral',\n        readOnly: true,\n      },\n    ];\n\n    for (const field of mappedFields) {\n      cols.push({\n        data: field.field,\n        title: field.label,\n        type: field.type === 'numeric' ? 'numeric' : 'text',\n        align: field.type === 'numeric' ? 'right' : 'left',\n        mono: field.type === 'numeric' || field.type === 'date',\n        readOnly: true,\n        // A failing cell is marked where the failure is, not just on the row \u2014\n        // \"row 43 is invalid\" sends the user hunting across forty columns.\n        cellClassName: (_value: unknown, rowData: any) =>\n          (rowData?.__errorFields as Map<string, string> | undefined)?.has(field.field)\n            ? 'bg-destructive/10'\n            : undefined,\n      });\n    }\n\n    cols.push({\n      data: ERRORS_KEY,\n      title: t('dynamicTable.import.columnProblem', 'Problem'),\n      type: 'text',\n      width: 280,\n      readOnly: true,\n    });\n\n    return cols;\n  }, [mappedFields, t]);\n\n  return (\n    <div data-testid=\"import-preview-grid\">\n      <DynamicTable\n        tableRef={tableRef}\n        data={data}\n        // Rows are the in-memory import preview the caller already parsed \u2014\n        // there is no fetch here that could fail. HEDGE-123.\n        loadError={false}\n        columns={columns}\n        colHeaders\n        idColumnName=\"id\"\n        tableName={t('dynamicTable.import.previewTableName', 'Import preview')}\n        height={height}\n        emptyMessage={t('dynamicTable.import.previewEmpty', 'No rows to preview')}\n        uiConfig={{\n          hideToolbar: true,\n          hidePerspectiveTabs: true,\n          hidePagination: true,\n          hideActionsColumn: true,\n          hideAddRowButton: true,\n          hideExportButton: true,\n        }}\n      />\n    </div>\n  );\n};\n\nexport default ImportPreviewGrid;\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/dynamic-table/components/LoadErrorState.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertTriangle } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "../../../primitives-v2/index.js";
+const LoadErrorState = ({ tableName, onRetry }) => {
+  const t = useT();
+  const title = tableName ? t("dynamicTable.loadError.titleNamed", "Could not load {name}", { name: tableName }) : t("dynamicTable.loadError.title", "Could not load these rows");
+  return /* @__PURE__ */ jsx("div", { className: "hot-empty-message", role: "alert", "data-load-error": "", children: /* @__PURE__ */ jsxs("div", { className: "hot-empty-state hot-load-error-state", children: [
+    /* @__PURE__ */ jsx(AlertTriangle, { className: "hot-empty-state-icon hot-load-error-icon", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx("p", { className: "hot-empty-state-title text-body-medium-md", children: title }),
+    /* @__PURE__ */ jsx("p", { className: "hot-empty-state-detail text-body-regular-sm", children: t(
+      "dynamicTable.loadError.detail",
+      "The server did not answer this request, so the rows below are unknown \u2014 this does NOT mean the table is empty. Retry, and if it keeps failing report it rather than treating the list as complete."
+    ) }),
+    onRetry && /* @__PURE__ */ jsx("div", { className: "hot-empty-state-actions", children: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: onRetry, "data-load-error-retry": "", children: t("dynamicTable.loadError.retry", "Try again") }) })
+  ] }) });
+};
+var LoadErrorState_default = LoadErrorState;
+export {
+  LoadErrorState_default as default
+};
+//# sourceMappingURL=LoadErrorState.js.map

package/dist/backend/dynamic-table/components/LoadErrorState.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-table/components/LoadErrorState.tsx"],
+  "sourcesContent": ["'use client'\n\nimport React from 'react';\nimport { AlertTriangle } from 'lucide-react';\nimport { useT } from '@open-mercato/shared/lib/i18n/context';\nimport { Button } from '../../../primitives-v2';\n\nexport interface LoadErrorStateProps {\n  /** Host label for the dataset, e.g. \"Invoices\". Used to name what failed. */\n  tableName?: string;\n  /** Re-runs the list request. Omit only when the host cannot refetch. */\n  onRetry?: () => void;\n}\n\n/**\n * What a DynamicTable shows when the list request FAILED (HEDGE-119).\n *\n * THE POINT IS THAT THIS IS NOT `EmptyState`. Until this component existed the\n * two situations were rendered by the same branch \u2014 `rowCount === 0` \u2014 because\n * a failed query leaves `dataQuery.data` undefined and `data` therefore `[]`.\n * An HTTP 500 and a genuinely empty table were byte-identical on screen, down\n * to the Inbox icon and the words \"Nothing here yet\".\n *\n * That is not a cosmetic problem. The reported case was the invoice queue: the\n * endpoint 500'd, the accountant read \"Nothing here yet\" as \"no invoices are\n * waiting for me\", and 17 unpaid documents sat unbooked. A table that cannot\n * reach the server must never claim to know what the server contains \u2014 the\n * honest statement is \"I do not know\", and that is what this renders.\n *\n * So the wording is deliberately about the FETCH, not about the data: it says\n * the rows could not be loaded, states outright that this does not mean the\n * table is empty, and offers the only action that can help (retry). No icon or\n * phrasing is shared with `EmptyState`; the two states must not be mistakable\n * for each other at a glance, which is precisely how this defect survived.\n *\n * Rendered UNDER the column headers, exactly like `EmptyState` \u2014 the headers\n * are the context that says which table you are looking at, and they are still\n * true when the body could not load.\n */\nconst LoadErrorState: React.FC<LoadErrorStateProps> = ({ tableName, onRetry }) => {\n  const t = useT();\n\n  const title = tableName\n    ? t('dynamicTable.loadError.titleNamed', 'Could not load {name}', { name: tableName })\n    : t('dynamicTable.loadError.title', 'Could not load these rows');\n\n  return (\n    <div className=\"hot-empty-message\" role=\"alert\" data-load-error=\"\">\n      <div className=\"hot-empty-state hot-load-error-state\">\n        <AlertTriangle className=\"hot-empty-state-icon hot-load-error-icon\" aria-hidden=\"true\" />\n        <p className=\"hot-empty-state-title text-body-medium-md\">{title}</p>\n        <p className=\"hot-empty-state-detail text-body-regular-sm\">\n          {t(\n            'dynamicTable.loadError.detail',\n            'The server did not answer this request, so the rows below are unknown \u2014 this does NOT mean the table is empty. Retry, and if it keeps failing report it rather than treating the list as complete.',\n          )}\n        </p>\n        {onRetry && (\n          <div className=\"hot-empty-state-actions\">\n            <Button variant=\"outline\" size=\"sm\" onClick={onRetry} data-load-error-retry=\"\">\n              {t('dynamicTable.loadError.retry', 'Try again')}\n            </Button>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default LoadErrorState;\n"],
+  "mappings": ";AAgDM,SACE,KADF;AA7CN,SAAS,qBAAqB;AAC9B,SAAS,YAAY;AACrB,SAAS,cAAc;AAkCvB,MAAM,iBAAgD,CAAC,EAAE,WAAW,QAAQ,MAAM;AAChF,QAAM,IAAI,KAAK;AAEf,QAAM,QAAQ,YACV,EAAE,qCAAqC,yBAAyB,EAAE,MAAM,UAAU,CAAC,IACnF,EAAE,gCAAgC,2BAA2B;AAEjE,SACE,oBAAC,SAAI,WAAU,qBAAoB,MAAK,SAAQ,mBAAgB,IAC9D,+BAAC,SAAI,WAAU,wCACb;AAAA,wBAAC,iBAAc,WAAU,4CAA2C,eAAY,QAAO;AAAA,IACvF,oBAAC,OAAE,WAAU,6CAA6C,iBAAM;AAAA,IAChE,oBAAC,OAAE,WAAU,+CACV;AAAA,MACC;AAAA,MACA;AAAA,IACF,GACF;AAAA,IACC,WACC,oBAAC,SAAI,WAAU,2BACb,8BAAC,UAAO,SAAQ,WAAU,MAAK,MAAK,SAAS,SAAS,yBAAsB,IACzE,YAAE,gCAAgC,WAAW,GAChD,GACF;AAAA,KAEJ,GACF;AAEJ;AAEA,IAAO,yBAAQ;",
+  "names": []
+}

package/dist/backend/dynamic-table/components/MentionPopup.js

@@ -0,0 +1,149 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef, useCallback, forwardRef, useImperativeHandle } from "react";
+import ReactDOM from "react-dom";
+import { apiFetch } from "../../utils/api.js";
+const AVATAR_COLORS = [
+  "var(--m3-avatar-1)",
+  "var(--m3-avatar-2)",
+  "var(--m3-avatar-3)",
+  "var(--m3-avatar-4)",
+  "var(--m3-avatar-5)",
+  "var(--m3-avatar-6)",
+  "var(--m3-avatar-7)",
+  "var(--m3-avatar-8)",
+  "var(--m3-avatar-9)",
+  "var(--m3-avatar-10)"
+];
+function foldForMatch(s) {
+  return s.normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/ł/g, "l").replace(/Ł/g, "L").toLowerCase();
+}
+function getAvatarColor(name) {
+  let hash = 0;
+  for (let i = 0; i < name.length; i++) {
+    hash = name.charCodeAt(i) + ((hash << 5) - hash);
+  }
+  return AVATAR_COLORS[Math.abs(hash) % AVATAR_COLORS.length];
+}
+const MentionPopup = forwardRef(({ query, anchorEl, onSelect, onClose, visible }, ref) => {
+  const [users, setUsers] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [highlightedIndex, setHighlightedIndex] = useState(0);
+  const popupRef = useRef(null);
+  const debounceRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    getElement: () => popupRef.current
+  }));
+  const fetchUsers = useCallback(async (searchQuery) => {
+    setLoading(true);
+    const query2 = searchQuery.trim();
+    try {
+      const toUsers = (data) => (data?.items || []).map((item) => ({
+        id: item.id,
+        name: item.name || "",
+        email: item.email || ""
+      }));
+      const params = new URLSearchParams({ pageSize: "10" });
+      if (query2) params.set("name", query2);
+      const response = await apiFetch(`/api/auth/users?${params}`);
+      if (!response.ok) {
+        setUsers([]);
+        return;
+      }
+      let results = toUsers(await response.json());
+      if (query2 && results.length === 0) {
+        const all = await apiFetch("/api/auth/users?pageSize=50");
+        if (all.ok) {
+          const needle = foldForMatch(query2);
+          results = toUsers(await all.json()).filter(
+            (u) => foldForMatch(u.name).includes(needle) || foldForMatch(u.email).includes(needle)
+          ).slice(0, 10);
+        }
+      }
+      setUsers(results);
+      setHighlightedIndex(0);
+    } catch {
+      setUsers([]);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  useEffect(() => {
+    if (!visible) return;
+    if (debounceRef.current) clearTimeout(debounceRef.current);
+    debounceRef.current = setTimeout(() => fetchUsers(query), 250);
+    return () => {
+      if (debounceRef.current) clearTimeout(debounceRef.current);
+    };
+  }, [query, visible, fetchUsers]);
+  useEffect(() => {
+    if (!visible) return;
+    const handleKeyDown = (e) => {
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        setHighlightedIndex((prev) => Math.min(prev + 1, users.length - 1));
+      } else if (e.key === "ArrowUp") {
+        e.preventDefault();
+        setHighlightedIndex((prev) => Math.max(prev - 1, 0));
+      } else if (e.key === "Enter" && users.length > 0) {
+        e.preventDefault();
+        e.stopPropagation();
+        onSelect(users[highlightedIndex]);
+      } else if (e.key === "Escape") {
+        e.preventDefault();
+        onClose();
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown, true);
+    return () => document.removeEventListener("keydown", handleKeyDown, true);
+  }, [visible, users, highlightedIndex, onSelect, onClose]);
+  if (!visible) return null;
+  const rect = anchorEl.getBoundingClientRect();
+  const popup = /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: popupRef,
+      className: "hot-mention-popup",
+      style: {
+        position: "fixed",
+        bottom: window.innerHeight - rect.top + 4,
+        left: rect.left,
+        pointerEvents: "auto"
+      },
+      children: loading && users.length === 0 ? /* @__PURE__ */ jsx("div", { className: "hot-mention-popup-item", style: { justifyContent: "center", color: "var(--m3-on-surface-variant)" }, children: "Searching..." }) : users.length === 0 ? /* @__PURE__ */ jsx("div", { className: "hot-mention-popup-item", style: { justifyContent: "center", color: "var(--m3-on-surface-variant)" }, children: "No users found" }) : users.map((user, index) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `hot-mention-popup-item ${index === highlightedIndex ? "highlighted" : ""}`,
+          onMouseDown: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            onSelect(user);
+          },
+          onMouseEnter: () => setHighlightedIndex(index),
+          children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "hot-mention-popup-avatar",
+                style: { background: getAvatarColor(user.name || user.email) },
+                children: (user.name || user.email || "?")[0].toUpperCase()
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", minWidth: 0 }, children: [
+              /* @__PURE__ */ jsx("span", { style: { fontWeight: 500, fontSize: "var(--text-body-regular-sm)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: user.name || user.email }),
+              user.name && user.email && /* @__PURE__ */ jsx("span", { style: { fontSize: "var(--text-body-regular-2xs)", color: "var(--m3-on-surface-variant)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: user.email })
+            ] })
+          ]
+        },
+        user.id
+      ))
+    }
+  );
+  return ReactDOM.createPortal(popup, document.body);
+});
+MentionPopup.displayName = "MentionPopup";
+var MentionPopup_default = MentionPopup;
+export {
+  MentionPopup_default as default
+};
+//# sourceMappingURL=MentionPopup.js.map

package/dist/backend/dynamic-table/components/MentionPopup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-table/components/MentionPopup.tsx"],
+  "sourcesContent": ["'use client';\n\nimport React, { useState, useEffect, useRef, useCallback, forwardRef, useImperativeHandle } from 'react';\nimport ReactDOM from 'react-dom';\nimport { apiFetch } from '../../utils/api';\n\ninterface MentionUser {\n  id: string;\n  name: string;\n  email: string;\n}\n\ninterface MentionPopupProps {\n  query: string;\n  anchorEl: HTMLElement;\n  onSelect: (user: MentionUser) => void;\n  onClose: () => void;\n  visible: boolean;\n}\n\nexport interface MentionPopupHandle {\n  getElement: () => HTMLDivElement | null;\n}\n\n/**\n * Avatar fills, picked deterministically from a name hash.\n *\n * A third palette again \u2014 identity colours, like the saved-view swatches and\n * unlike the annotation washes: full saturation, theme-independent, and chosen\n * to be told apart from one another rather than to sit behind text. Declared in\n * m3.css with the others so there is one place a colour lives; referenced by\n * `var()` so nothing here can drift from it.\n */\nconst AVATAR_COLORS = [\n  'var(--m3-avatar-1)', 'var(--m3-avatar-2)', 'var(--m3-avatar-3)',\n  'var(--m3-avatar-4)', 'var(--m3-avatar-5)', 'var(--m3-avatar-6)',\n  'var(--m3-avatar-7)', 'var(--m3-avatar-8)', 'var(--m3-avatar-9)',\n  'var(--m3-avatar-10)',\n];\n\n/**\n * Diacritic-folded lower-case form, for the local fallback match.\n *\n * `NFD` splits \"\u015B\" into \"s\" + U+0301, which the combining-mark range then\n * drops. \"\u0142\" survives that (it is a single codepoint with a stroke, not a\n * base+mark pair), so it is folded explicitly \u2014 which matters here because the\n * FMS user list is Polish.\n */\nfunction foldForMatch(s: string): string {\n  return s\n    .normalize('NFD')\n    .replace(/[\\u0300-\\u036f]/g, '')\n    .replace(/\u0142/g, 'l')\n    .replace(/\u0141/g, 'L')\n    .toLowerCase();\n}\n\nfunction getAvatarColor(name: string): string {\n  let hash = 0;\n  for (let i = 0; i < name.length; i++) {\n    hash = name.charCodeAt(i) + ((hash << 5) - hash);\n  }\n  return AVATAR_COLORS[Math.abs(hash) % AVATAR_COLORS.length];\n}\n\nconst MentionPopup = forwardRef<MentionPopupHandle, MentionPopupProps>(({ query, anchorEl, onSelect, onClose, visible }, ref) => {\n  const [users, setUsers] = useState<MentionUser[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [highlightedIndex, setHighlightedIndex] = useState(0);\n  const popupRef = useRef<HTMLDivElement>(null);\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useImperativeHandle(ref, () => ({\n    getElement: () => popupRef.current,\n  }));\n\n  const fetchUsers = useCallback(async (searchQuery: string) => {\n    setLoading(true);\n    const query = searchQuery.trim();\n    try {\n      const toUsers = (data: any): MentionUser[] =>\n        (data?.items || []).map((item: any) => ({\n          id: item.id,\n          name: item.name || '',\n          email: item.email || '',\n        }));\n\n      // `name=`, NOT `search=` (ledger 8.7). Both params exist on\n      // /api/auth/users and they do completely different things:\n      //   search= \u2192 search_tokens (encrypted email), organization name, role name\n      //   name=   \u2192 ILIKE on the user's display name + its name search-tokens\n      // Typing \"Daria\" for the user \"Daria Nowak\" therefore returned \"No users\n      // found\" \u2014 the human's own name was the one field `search=` never looked\n      // at. Verified against the live API: search=Daria \u2192 0, name=Daria \u2192 1.\n      // The route is upstream (@open-mercato/core, read-only here), and the two\n      // params are ANDed when both are sent, so this is a choice, not a merge.\n      const params = new URLSearchParams({ pageSize: '10' });\n      if (query) params.set('name', query);\n      const response = await apiFetch(`/api/auth/users?${params}`);\n      if (!response.ok) {\n        setUsers([]);\n        return;\n      }\n      let results = toUsers(await response.json());\n\n      // FALLBACK \u2014 one extra request, only when the server found nothing.\n      // `ILIKE` is case-insensitive but NOT diacritic-insensitive, so \"Lukasz\"\n      // misses \"\u0141ukasz\" and \"wisniewski\" misses \"Wi\u015Bniewski\"; the same query\n      // also cannot match an email. Rather than leave a dead end, pull one page\n      // of users and match locally on a diacritic-folded name OR email. Bounded\n      // (\u226450 rows, and only on a miss), so the common path is still one query.\n      if (query && results.length === 0) {\n        const all = await apiFetch('/api/auth/users?pageSize=50');\n        if (all.ok) {\n          const needle = foldForMatch(query);\n          results = toUsers(await all.json()).filter(\n            (u) => foldForMatch(u.name).includes(needle) || foldForMatch(u.email).includes(needle),\n          ).slice(0, 10);\n        }\n      }\n\n      setUsers(results);\n      setHighlightedIndex(0);\n    } catch {\n      setUsers([]);\n    } finally {\n      setLoading(false);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (!visible) return;\n    if (debounceRef.current) clearTimeout(debounceRef.current);\n    debounceRef.current = setTimeout(() => fetchUsers(query), 250);\n    return () => {\n      if (debounceRef.current) clearTimeout(debounceRef.current);\n    };\n  }, [query, visible, fetchUsers]);\n\n  useEffect(() => {\n    if (!visible) return;\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        setHighlightedIndex((prev) => Math.min(prev + 1, users.length - 1));\n      } else if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        setHighlightedIndex((prev) => Math.max(prev - 1, 0));\n      } else if (e.key === 'Enter' && users.length > 0) {\n        e.preventDefault();\n        e.stopPropagation();\n        onSelect(users[highlightedIndex]);\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        onClose();\n      }\n    };\n    document.addEventListener('keydown', handleKeyDown, true);\n    return () => document.removeEventListener('keydown', handleKeyDown, true);\n  }, [visible, users, highlightedIndex, onSelect, onClose]);\n\n  if (!visible) return null;\n\n  const rect = anchorEl.getBoundingClientRect();\n\n  const popup = (\n    <div\n      ref={popupRef}\n      className=\"hot-mention-popup\"\n      style={{\n        position: 'fixed',\n        bottom: window.innerHeight - rect.top + 4,\n        left: rect.left,\n        pointerEvents: 'auto',\n      }}\n    >\n      {loading && users.length === 0 ? (\n        <div className=\"hot-mention-popup-item\" style={{ justifyContent: 'center', color: 'var(--m3-on-surface-variant)' }}>\n          Searching...\n        </div>\n      ) : users.length === 0 ? (\n        <div className=\"hot-mention-popup-item\" style={{ justifyContent: 'center', color: 'var(--m3-on-surface-variant)' }}>\n          No users found\n        </div>\n      ) : (\n        users.map((user, index) => (\n          <div\n            key={user.id}\n            className={`hot-mention-popup-item ${index === highlightedIndex ? 'highlighted' : ''}`}\n            onMouseDown={(e) => {\n              e.preventDefault();\n              e.stopPropagation();\n              onSelect(user);\n            }}\n            onMouseEnter={() => setHighlightedIndex(index)}\n          >\n            <div\n              className=\"hot-mention-popup-avatar\"\n              style={{ background: getAvatarColor(user.name || user.email) }}\n            >\n              {(user.name || user.email || '?')[0].toUpperCase()}\n            </div>\n            <div style={{ display: 'flex', flexDirection: 'column', minWidth: 0 }}>\n              <span style={{ fontWeight: 500, fontSize: 'var(--text-body-regular-sm)', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>\n                {user.name || user.email}\n              </span>\n              {user.name && user.email && (\n                <span style={{ fontSize: 'var(--text-body-regular-2xs)', color: 'var(--m3-on-surface-variant)', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>\n                  {user.email}\n                </span>\n              )}\n            </div>\n          </div>\n        ))\n      )}\n    </div>\n  );\n\n  return ReactDOM.createPortal(popup, document.body);\n});\n\nMentionPopup.displayName = 'MentionPopup';\n\nexport default MentionPopup;\n"],
+  "mappings": "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",
+  "names": ["query"]
+}

package/dist/backend/dynamic-table/components/PerspectiveDeleteDialog.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "../../../primitives/dialog.js";
+import { Button } from "../../../primitives-v2/index.js";
+const PerspectiveDeleteDialog = ({
+  name,
+  variant = "view",
+  onConfirm,
+  onCancel
+}) => {
+  const t = useT();
+  const isReset = variant === "baseReset";
+  useEffect(() => {
+    if (!name) return;
+    const onKeyDown = (e) => {
+      if ((e.metaKey || e.ctrlKey) && e.key === "Enter") {
+        e.preventDefault();
+        onConfirm();
+      }
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [name, onConfirm]);
+  return /* @__PURE__ */ jsx(Dialog, { open: !!name, onOpenChange: (open) => {
+    if (!open) onCancel();
+  }, children: /* @__PURE__ */ jsxs(DialogContent, { className: "hot-dialog", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: isReset ? t("dynamicTable.perspectives.resetTitle", "Reset Default view") : t("dynamicTable.perspectives.deleteTitle", "Delete view") }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: isReset ? t(
+        "dynamicTable.perspectives.resetConfirm",
+        "Drop your own columns, sorting and filters on the Default view and go back to the standard layout? Your saved views are untouched, and nobody else is affected."
+      ) : t(
+        "dynamicTable.perspectives.deleteConfirm",
+        `Delete the view "{name}"? Its columns, sorting and saved filters are removed for you. Other people's views are not affected.`,
+        { name: name ?? "" }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: onCancel, children: t("dynamicTable.perspectives.cancel", "Cancel") }),
+      /* @__PURE__ */ jsx(Button, { variant: "destructive", size: "sm", onClick: onConfirm, children: isReset ? t("dynamicTable.perspectives.resetAction", "Reset view") : t("dynamicTable.perspectives.deleteAction", "Delete view") })
+    ] })
+  ] }) });
+};
+var PerspectiveDeleteDialog_default = PerspectiveDeleteDialog;
+export {
+  PerspectiveDeleteDialog_default as default
+};
+//# sourceMappingURL=PerspectiveDeleteDialog.js.map

package/dist/backend/dynamic-table/components/PerspectiveDeleteDialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-table/components/PerspectiveDeleteDialog.tsx"],
+  "sourcesContent": ["'use client'\n\nimport React, { useEffect } from 'react';\nimport { useT } from '@open-mercato/shared/lib/i18n/context';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '../../../primitives/dialog';\nimport { Button } from '../../../primitives-v2';\n\nexport interface PerspectiveDeleteDialogProps {\n  /** Name of the view about to be deleted; `null` closes the dialog. */\n  name: string | null;\n  /**\n   * `'view'` deletes a named saved view. `'baseReset'` drops this user's own\n   * personalization of the \"Default view\" tab and falls back to the coded\n   * defaults \u2014 a different thing, so it says a different thing.\n   */\n  variant?: 'view' | 'baseReset';\n  onConfirm: () => void;\n  onCancel: () => void;\n}\n\n/**\n * Confirmation for deleting a saved view (workshop A6).\n *\n * The complaint was that the view vanished on one stray click of a bare `\u00D7`\n * next to the label. The remedy is two-part: the action moved behind the tab's\n * `\u22EF` menu, and it now names the view it is about to remove \u2014 an accidental\n * open of this dialog costs an `Escape`, not a rebuilt 60-column layout.\n *\n * House keyboard contract: `Cmd/Ctrl+Enter` confirms, `Escape` cancels.\n */\nconst PerspectiveDeleteDialog: React.FC<PerspectiveDeleteDialogProps> = ({\n  name,\n  variant = 'view',\n  onConfirm,\n  onCancel,\n}) => {\n  const t = useT();\n  const isReset = variant === 'baseReset';\n\n  useEffect(() => {\n    if (!name) return;\n    const onKeyDown = (e: KeyboardEvent) => {\n      if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') {\n        e.preventDefault();\n        onConfirm();\n      }\n    };\n    document.addEventListener('keydown', onKeyDown);\n    return () => document.removeEventListener('keydown', onKeyDown);\n  }, [name, onConfirm]);\n\n  return (\n    <Dialog open={!!name} onOpenChange={(open) => { if (!open) onCancel(); }}>\n      <DialogContent className=\"hot-dialog\">\n        <DialogHeader>\n          <DialogTitle>\n            {isReset\n              ? t('dynamicTable.perspectives.resetTitle', 'Reset Default view')\n              : t('dynamicTable.perspectives.deleteTitle', 'Delete view')}\n          </DialogTitle>\n          <DialogDescription>\n            {isReset\n              ? t(\n                  'dynamicTable.perspectives.resetConfirm',\n                  'Drop your own columns, sorting and filters on the Default view and go back to the standard layout? Your saved views are untouched, and nobody else is affected.',\n                )\n              : t(\n                  'dynamicTable.perspectives.deleteConfirm',\n                  'Delete the view \"{name}\"? Its columns, sorting and saved filters are removed for you. Other people\\'s views are not affected.',\n                  { name: name ?? '' },\n                )}\n          </DialogDescription>\n        </DialogHeader>\n        <DialogFooter>\n          <Button variant=\"outline\" size=\"sm\" onClick={onCancel}>\n            {t('dynamicTable.perspectives.cancel', 'Cancel')}\n          </Button>\n          <Button variant=\"destructive\" size=\"sm\" onClick={onConfirm}>\n            {isReset\n              ? t('dynamicTable.perspectives.resetAction', 'Reset view')\n              : t('dynamicTable.perspectives.deleteAction', 'Delete view')}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default PerspectiveDeleteDialog;\n"],
+  "mappings": ";AA6DQ,SACE,KADF;AA3DR,SAAgB,iBAAiB;AACjC,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AAyBvB,MAAM,0BAAkE,CAAC;AAAA,EACvE;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AACF,MAAM;AACJ,QAAM,IAAI,KAAK;AACf,QAAM,UAAU,YAAY;AAE5B,YAAU,MAAM;AACd,QAAI,CAAC,KAAM;AACX,UAAM,YAAY,CAAC,MAAqB;AACtC,WAAK,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,SAAS;AACjD,UAAE,eAAe;AACjB,kBAAU;AAAA,MACZ;AAAA,IACF;AACA,aAAS,iBAAiB,WAAW,SAAS;AAC9C,WAAO,MAAM,SAAS,oBAAoB,WAAW,SAAS;AAAA,EAChE,GAAG,CAAC,MAAM,SAAS,CAAC;AAEpB,SACE,oBAAC,UAAO,MAAM,CAAC,CAAC,MAAM,cAAc,CAAC,SAAS;AAAE,QAAI,CAAC,KAAM,UAAS;AAAA,EAAG,GACrE,+BAAC,iBAAc,WAAU,cACvB;AAAA,yBAAC,gBACC;AAAA,0BAAC,eACE,oBACG,EAAE,wCAAwC,oBAAoB,IAC9D,EAAE,yCAAyC,aAAa,GAC9D;AAAA,MACA,oBAAC,qBACE,oBACG;AAAA,QACE;AAAA,QACA;AAAA,MACF,IACA;AAAA,QACE;AAAA,QACA;AAAA,QACA,EAAE,MAAM,QAAQ,GAAG;AAAA,MACrB,GACN;AAAA,OACF;AAAA,IACA,qBAAC,gBACC;AAAA,0BAAC,UAAO,SAAQ,WAAU,MAAK,MAAK,SAAS,UAC1C,YAAE,oCAAoC,QAAQ,GACjD;AAAA,MACA,oBAAC,UAAO,SAAQ,eAAc,MAAK,MAAK,SAAS,WAC9C,oBACG,EAAE,yCAAyC,YAAY,IACvD,EAAE,0CAA0C,aAAa,GAC/D;AAAA,OACF;AAAA,KACF,GACF;AAEJ;AAEA,IAAO,kCAAQ;",
+  "names": []
+}

package/dist/backend/dynamic-table/components/PerspectivePublishDialog.js

@@ -0,0 +1,100 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "../../../primitives/dialog.js";
+import { Button, Checkbox } from "../../../primitives-v2/index.js";
+const PerspectivePublishDialog = ({
+  perspective,
+  roles,
+  onConfirm,
+  onCancel
+}) => {
+  const t = useT();
+  const [selected, setSelected] = useState([]);
+  useEffect(() => {
+    if (!perspective) return;
+    setSelected(perspective.publication?.roleIds ?? []);
+  }, [perspective]);
+  const canConfirm = selected.length > 0;
+  useEffect(() => {
+    if (!perspective) return;
+    const onKeyDown = (e) => {
+      if ((e.metaKey || e.ctrlKey) && e.key === "Enter" && canConfirm) {
+        e.preventDefault();
+        onConfirm(selected);
+      }
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [perspective, canConfirm, selected, onConfirm]);
+  const toggle = (roleId) => {
+    setSelected(
+      (prev) => prev.includes(roleId) ? prev.filter((id) => id !== roleId) : [...prev, roleId]
+    );
+  };
+  const allSelected = roles.length > 0 && selected.length === roles.length;
+  return /* @__PURE__ */ jsx(Dialog, { open: !!perspective, onOpenChange: (open) => {
+    if (!open) onCancel();
+  }, children: /* @__PURE__ */ jsxs(DialogContent, { className: "hot-dialog", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: t("dynamicTable.perspectives.publishTitle", "Share as a template") }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: t(
+        "dynamicTable.perspectives.publishDescription",
+        `Colleagues can copy "{name}" into their own views. Nobody's screen changes until they do, and their copy is theirs to edit.`,
+        { name: perspective?.name ?? "" }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 py-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-body-medium-sm text-foreground-v2", children: t("dynamicTable.perspectives.publishAudience", "Who can copy it") }),
+        roles.length > 1 && /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: () => setSelected(allSelected ? [] : roles.map((r) => r.id)),
+            children: allSelected ? t("dynamicTable.perspectives.publishNone", "Clear all") : t("dynamicTable.perspectives.publishAll", "Select all")
+          }
+        )
+      ] }),
+      roles.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-body-regular-sm text-muted-v2-foreground", children: t(
+        "dynamicTable.perspectives.publishNoRoles",
+        "There are no roles you can share with."
+      ) }) : /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 max-h-64 overflow-y-auto", children: roles.map((role) => /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          label: role.name,
+          checked: selected.includes(role.id),
+          onChange: () => toggle(role.id)
+        },
+        role.id
+      )) })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: onCancel, children: t("dynamicTable.perspectives.cancel", "Cancel") }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "primary",
+          size: "sm",
+          disabled: !canConfirm,
+          onClick: () => onConfirm(selected),
+          children: t("dynamicTable.perspectives.publishAction", "Share template")
+        }
+      )
+    ] })
+  ] }) });
+};
+var PerspectivePublishDialog_default = PerspectivePublishDialog;
+export {
+  PerspectivePublishDialog_default as default
+};
+//# sourceMappingURL=PerspectivePublishDialog.js.map

package/dist/backend/dynamic-table/components/PerspectivePublishDialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-table/components/PerspectivePublishDialog.tsx"],
+  "sourcesContent": ["'use client'\n\nimport React, { useEffect, useState } from 'react';\nimport { useT } from '@open-mercato/shared/lib/i18n/context';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '../../../primitives/dialog';\nimport { Button, Checkbox } from '../../../primitives-v2';\nimport type { PerspectiveConfig } from '../types/perspective';\n\nexport interface PerspectivePublishDialogProps {\n  /** The view being published; `null` closes the dialog. */\n  perspective: PerspectiveConfig | null;\n  /** Roles the publisher may share with. */\n  roles: Array<{ id: string; name: string }>;\n  onConfirm: (roleIds: string[]) => void;\n  onCancel: () => void;\n}\n\n/**\n * \"Publish as shared template\" (personalization decision, 3 Aug 2026).\n *\n * Everything a user configures is PRIVATE by default. This dialog is the single\n * deliberate step that makes a layout available to colleagues \u2014 and even then it\n * is available to COPY, not applied. The copy explains that in one sentence,\n * because the recorded incident (A3) was a user discovering *after the fact*\n * that her change had reached everyone: \u201ECzyli jak tu porobi\u0142am, to porobi\u0142am\n * wszystkim?\" The answer here is visibly no.\n *\n * Roles are the audience because that is what the perspectives API already\n * scopes shared views by \u2014 no new entity, no new endpoint, and the same ACL\n * feature (`perspectives.role_defaults`) already guards the write.\n *\n * House keyboard contract: `Cmd/Ctrl+Enter` confirms, `Escape` cancels.\n */\nconst PerspectivePublishDialog: React.FC<PerspectivePublishDialogProps> = ({\n  perspective,\n  roles,\n  onConfirm,\n  onCancel,\n}) => {\n  const t = useT();\n  const [selected, setSelected] = useState<string[]>([]);\n\n  // Pre-select whatever the view is already published to, so re-publishing\n  // after an edit is one click and cannot silently narrow the audience.\n  useEffect(() => {\n    if (!perspective) return;\n    setSelected(perspective.publication?.roleIds ?? []);\n  }, [perspective]);\n\n  const canConfirm = selected.length > 0;\n\n  useEffect(() => {\n    if (!perspective) return;\n    const onKeyDown = (e: KeyboardEvent) => {\n      if ((e.metaKey || e.ctrlKey) && e.key === 'Enter' && canConfirm) {\n        e.preventDefault();\n        onConfirm(selected);\n      }\n    };\n    document.addEventListener('keydown', onKeyDown);\n    return () => document.removeEventListener('keydown', onKeyDown);\n  }, [perspective, canConfirm, selected, onConfirm]);\n\n  const toggle = (roleId: string) => {\n    setSelected((prev) =>\n      prev.includes(roleId) ? prev.filter((id) => id !== roleId) : [...prev, roleId],\n    );\n  };\n\n  const allSelected = roles.length > 0 && selected.length === roles.length;\n\n  return (\n    <Dialog open={!!perspective} onOpenChange={(open) => { if (!open) onCancel(); }}>\n      <DialogContent className=\"hot-dialog\">\n        <DialogHeader>\n          <DialogTitle>\n            {t('dynamicTable.perspectives.publishTitle', 'Share as a template')}\n          </DialogTitle>\n          <DialogDescription>\n            {t(\n              'dynamicTable.perspectives.publishDescription',\n              'Colleagues can copy \"{name}\" into their own views. Nobody\\'s screen changes until they do, and their copy is theirs to edit.',\n              { name: perspective?.name ?? '' },\n            )}\n          </DialogDescription>\n        </DialogHeader>\n\n        <div className=\"flex flex-col gap-3 py-1\">\n          <div className=\"flex items-center justify-between\">\n            <span className=\"text-body-medium-sm text-foreground-v2\">\n              {t('dynamicTable.perspectives.publishAudience', 'Who can copy it')}\n            </span>\n            {roles.length > 1 && (\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={() => setSelected(allSelected ? [] : roles.map((r) => r.id))}\n              >\n                {allSelected\n                  ? t('dynamicTable.perspectives.publishNone', 'Clear all')\n                  : t('dynamicTable.perspectives.publishAll', 'Select all')}\n              </Button>\n            )}\n          </div>\n\n          {roles.length === 0 ? (\n            <p className=\"text-body-regular-sm text-muted-v2-foreground\">\n              {t(\n                'dynamicTable.perspectives.publishNoRoles',\n                'There are no roles you can share with.',\n              )}\n            </p>\n          ) : (\n            <div className=\"flex flex-col gap-2 max-h-64 overflow-y-auto\">\n              {roles.map((role) => (\n                <Checkbox\n                  key={role.id}\n                  label={role.name}\n                  checked={selected.includes(role.id)}\n                  onChange={() => toggle(role.id)}\n                />\n              ))}\n            </div>\n          )}\n        </div>\n\n        <DialogFooter>\n          <Button variant=\"outline\" size=\"sm\" onClick={onCancel}>\n            {t('dynamicTable.perspectives.cancel', 'Cancel')}\n          </Button>\n          <Button\n            variant=\"primary\"\n            size=\"sm\"\n            disabled={!canConfirm}\n            onClick={() => onConfirm(selected)}\n          >\n            {t('dynamicTable.perspectives.publishAction', 'Share template')}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default PerspectivePublishDialog;\n"],
+  "mappings": "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",
+  "names": []
+}