@freighttech/ui 0.13.18

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

@@ -0,0 +1,159 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useLayoutEffect, useRef, useState } from "react";
+import ReactDOM from "react-dom";
+import { Pencil, SlidersHorizontal, Copy, Star, Trash2, Share2, Link2 } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { computeAnchoredPosition } from "../utils/anchoredPosition.js";
+const PerspectiveTabMenu = ({
+  anchorRect,
+  perspectiveName,
+  isDefault,
+  onRename,
+  onDuplicate,
+  onSetDefault,
+  onPublish,
+  isPublished = false,
+  originTemplateName,
+  onDelete,
+  deleteLabel,
+  onEditView,
+  onClose
+}) => {
+  const t = useT();
+  const menuRef = useRef(null);
+  const [placement, setPlacement] = useState(null);
+  useLayoutEffect(() => {
+    const el = menuRef.current;
+    if (!el) return;
+    setPlacement(
+      computeAnchoredPosition(
+        anchorRect,
+        { width: window.innerWidth, height: window.innerHeight },
+        { width: el.offsetWidth, preferredHeight: el.offsetHeight, minHeight: 120 }
+      )
+    );
+  }, [anchorRect]);
+  useEffect(() => {
+    const handleClickOutside = (e) => {
+      if (menuRef.current && !menuRef.current.contains(e.target)) onClose();
+    };
+    const handleEscape = (e) => {
+      if (e.key !== "Escape") return;
+      e.stopPropagation();
+      onClose();
+    };
+    const handleScroll = () => onClose();
+    document.addEventListener("mousedown", handleClickOutside, true);
+    document.addEventListener("keydown", handleEscape, true);
+    window.addEventListener("scroll", handleScroll, true);
+    window.addEventListener("resize", handleScroll);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside, true);
+      document.removeEventListener("keydown", handleEscape, true);
+      window.removeEventListener("scroll", handleScroll, true);
+      window.removeEventListener("resize", handleScroll);
+    };
+  }, [onClose]);
+  const style = {
+    position: "fixed",
+    top: placement ? placement.top : anchorRect.bottom + 4,
+    left: placement ? placement.left : anchorRect.left,
+    maxHeight: placement?.maxHeight,
+    overflowY: "auto",
+    zIndex: 9999,
+    // First paint happens before the menu can be measured. Hiding that one
+    // frame avoids a visible jump from the unclamped position to the clamped
+    // one; `visibility` (not `display`) keeps it measurable.
+    ...placement ? {} : { visibility: "hidden" },
+    ...placement?.flipAbove ? { transform: "translateY(-100%)" } : {}
+  };
+  const menu = /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: menuRef,
+      className: "hot-col-menu hot-appearance-v2",
+      style,
+      role: "menu",
+      "aria-label": t("dynamicTable.perspectives.menuFor", "View actions: {name}", { name: perspectiveName }),
+      children: [
+        onRename && /* @__PURE__ */ jsxs("button", { className: "hot-col-menu-item", role: "menuitem", onClick: () => {
+          onRename();
+          onClose();
+        }, children: [
+          /* @__PURE__ */ jsx(Pencil, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx("span", { children: t("dynamicTable.perspectives.rename", "Rename view") })
+        ] }),
+        onEditView && /* @__PURE__ */ jsxs("button", { className: "hot-col-menu-item", role: "menuitem", onClick: () => {
+          onEditView();
+          onClose();
+        }, children: [
+          /* @__PURE__ */ jsx(SlidersHorizontal, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx("span", { children: t("dynamicTable.perspectives.configure", "Configure view\u2026") })
+        ] }),
+        onDuplicate && /* @__PURE__ */ jsxs("button", { className: "hot-col-menu-item", role: "menuitem", onClick: () => {
+          onDuplicate();
+          onClose();
+        }, children: [
+          /* @__PURE__ */ jsx(Copy, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx("span", { children: t("dynamicTable.perspectives.duplicate", "Duplicate view") })
+        ] }),
+        onSetDefault && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            className: "hot-col-menu-item",
+            role: "menuitem",
+            disabled: isDefault,
+            onClick: () => {
+              onSetDefault();
+              onClose();
+            },
+            children: [
+              /* @__PURE__ */ jsx(Star, { className: "w-4 h-4" }),
+              /* @__PURE__ */ jsx("span", { children: isDefault ? t("dynamicTable.perspectives.isMyDefault", "This is my default view") : t("dynamicTable.perspectives.setDefault", "Set as my default") })
+            ]
+          }
+        ),
+        onPublish && /* @__PURE__ */ jsxs("button", { className: "hot-col-menu-item", role: "menuitem", onClick: () => {
+          onPublish();
+          onClose();
+        }, children: [
+          /* @__PURE__ */ jsx(Share2, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx("span", { children: isPublished ? t("dynamicTable.perspectives.updateTemplate", "Update shared template\u2026") : t("dynamicTable.perspectives.publish", "Share as template\u2026") })
+        ] }),
+        originTemplateName ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "hot-col-menu-divider" }),
+          /* @__PURE__ */ jsxs("div", { className: "hot-col-menu-note", children: [
+            /* @__PURE__ */ jsx(Link2, { className: "w-4 h-4" }),
+            /* @__PURE__ */ jsx("span", { children: t("dynamicTable.perspectives.copiedFrom", 'Copied from "{name}"', {
+              name: originTemplateName
+            }) })
+          ] })
+        ] }) : null,
+        onDelete && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "hot-col-menu-divider" }),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              className: "hot-col-menu-item hot-col-menu-item-danger",
+              role: "menuitem",
+              onClick: () => {
+                onDelete();
+                onClose();
+              },
+              children: [
+                /* @__PURE__ */ jsx(Trash2, { className: "w-4 h-4" }),
+                /* @__PURE__ */ jsx("span", { children: deleteLabel ?? t("dynamicTable.perspectives.deleteView", "Delete view\u2026") })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+  return ReactDOM.createPortal(menu, document.body);
+};
+var PerspectiveTabMenu_default = PerspectiveTabMenu;
+export {
+  PerspectiveTabMenu_default as default
+};
+//# sourceMappingURL=PerspectiveTabMenu.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-table/components/PerspectiveTabMenu.tsx"],
+  "sourcesContent": ["import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport ReactDOM from 'react-dom';\nimport { Pencil, SlidersHorizontal, Copy, Star, Trash2, Share2, Link2 } from 'lucide-react';\nimport { useT } from '@open-mercato/shared/lib/i18n/context';\nimport { computeAnchoredPosition, type AnchoredPlacement } from '../utils/anchoredPosition';\n\nexport interface PerspectiveTabMenuProps {\n  /** The tab button this menu hangs off \u2014 the rect is re-read on open. */\n  anchorRect: DOMRect;\n  /** Name of the view the menu acts on (used in the ARIA label). */\n  perspectiveName: string;\n  /** True when this view is already the user's default. */\n  isDefault: boolean;\n  /** Omit to hide \"Rename view\" \u2014 the base (\"Default view\") tab cannot be renamed. */\n  onRename?: () => void;\n  /** Omit to hide \"Duplicate view\" (host has no copy handler). */\n  onDuplicate?: () => void;\n  /** Omit to hide \"Set as my default\" (host has no per-user default handler). */\n  onSetDefault?: () => void;\n  /**\n   * Omit to hide \"Share as template\u2026\" \u2014 the host omits it when the server says\n   * this user lacks `perspectives.role_defaults`, so the affordance is absent\n   * exactly when the write would be refused.\n   */\n  onPublish?: () => void;\n  /** True when this view is already published as a shared template. */\n  isPublished?: boolean;\n  /** Name of the shared template this view was copied from, when it was. */\n  originTemplateName?: string | null;\n  /** Omit to hide the destructive row entirely. */\n  onDelete?: () => void;\n  /** Overrides the destructive row's label (the base tab RESETS rather than deletes). */\n  deleteLabel?: string;\n  onEditView?: () => void;\n  onClose: () => void;\n}\n\n/**\n * The `\u22EF` menu on a saved-view tab (workshop A6).\n *\n * Deleting a view used to be a bare `\u00D7` sitting one pixel from the tab label \u2014\n * \"zbyt \u0142atwo go tu mo\u017Cna usun\u0105\u0107\". Every view action now lives behind this one\n * trigger, with Delete last and visually separated, and Delete itself still\n * asks for confirmation.\n *\n * Structure and CSS are the SAME as `ColumnHeaderMenu` (`.hot-col-menu`) so the\n * two menus in the grid read as one component, not two.\n */\nconst PerspectiveTabMenu: React.FC<PerspectiveTabMenuProps> = ({\n  anchorRect,\n  perspectiveName,\n  isDefault,\n  onRename,\n  onDuplicate,\n  onSetDefault,\n  onPublish,\n  isPublished = false,\n  originTemplateName,\n  onDelete,\n  deleteLabel,\n  onEditView,\n  onClose,\n}) => {\n  const t = useT();\n  const menuRef = useRef<HTMLDivElement>(null);\n  const [placement, setPlacement] = useState<AnchoredPlacement | null>(null);\n\n  // Measured, not guessed. The old code clamped against a hardcoded 210px while\n  // the widest row (\"Update shared template\u2026\") renders well past that, so the\n  // clamp let the menu hang off the right edge exactly when it was widest.\n  useLayoutEffect(() => {\n    const el = menuRef.current;\n    if (!el) return;\n    setPlacement(\n      computeAnchoredPosition(\n        anchorRect,\n        { width: window.innerWidth, height: window.innerHeight },\n        { width: el.offsetWidth, preferredHeight: el.offsetHeight, minHeight: 120 },\n      ),\n    );\n  }, [anchorRect]);\n\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(e.target as Node)) onClose();\n    };\n    // CAPTURE + stopPropagation, matching every other dropdown in the grid.\n    // A bubbling listener let the same Escape ALSO reach the grid's global\n    // handler, so dismissing this menu cleared the user's cell selection as a\n    // side effect.\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key !== 'Escape') return;\n      e.stopPropagation();\n      onClose();\n    };\n    // The menu is `position: fixed` off a rect read once at open time, so any\n    // scroll leaves it floating detached from the tab it belongs to. Both\n    // reference dropdowns (CostLinePicker, InlineSelect) close instead.\n    const handleScroll = () => onClose();\n    // Capture phase \u2014 the tab strip's own mousedown handlers call\n    // stopPropagation, so a bubbling listener would never see the outside click.\n    document.addEventListener('mousedown', handleClickOutside, true);\n    document.addEventListener('keydown', handleEscape, true);\n    window.addEventListener('scroll', handleScroll, true);\n    window.addEventListener('resize', handleScroll);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside, true);\n      document.removeEventListener('keydown', handleEscape, true);\n      window.removeEventListener('scroll', handleScroll, true);\n      window.removeEventListener('resize', handleScroll);\n    };\n  }, [onClose]);\n\n  const style: React.CSSProperties = {\n    position: 'fixed',\n    top: placement ? placement.top : anchorRect.bottom + 4,\n    left: placement ? placement.left : anchorRect.left,\n    maxHeight: placement?.maxHeight,\n    overflowY: 'auto',\n    zIndex: 9999,\n    // First paint happens before the menu can be measured. Hiding that one\n    // frame avoids a visible jump from the unclamped position to the clamped\n    // one; `visibility` (not `display`) keeps it measurable.\n    ...(placement ? {} : { visibility: 'hidden' as const }),\n    ...(placement?.flipAbove ? { transform: 'translateY(-100%)' } : {}),\n  };\n\n  const menu = (\n    <div\n      ref={menuRef}\n      className=\"hot-col-menu hot-appearance-v2\"\n      style={style}\n      role=\"menu\"\n      aria-label={t('dynamicTable.perspectives.menuFor', 'View actions: {name}', { name: perspectiveName })}\n    >\n      {onRename && (\n        <button className=\"hot-col-menu-item\" role=\"menuitem\" onClick={() => { onRename(); onClose(); }}>\n          <Pencil className=\"w-4 h-4\" />\n          <span>{t('dynamicTable.perspectives.rename', 'Rename view')}</span>\n        </button>\n      )}\n      {onEditView && (\n        <button className=\"hot-col-menu-item\" role=\"menuitem\" onClick={() => { onEditView(); onClose(); }}>\n          {/* The same glyph the column menu uses for \"Advanced filter\u2026\" \u2014 one\n              icon means \"open the Configure View drawer\" everywhere in the grid. */}\n          <SlidersHorizontal className=\"w-4 h-4\" />\n          <span>{t('dynamicTable.perspectives.configure', 'Configure view\u2026')}</span>\n        </button>\n      )}\n      {onDuplicate && (\n        <button className=\"hot-col-menu-item\" role=\"menuitem\" onClick={() => { onDuplicate(); onClose(); }}>\n          <Copy className=\"w-4 h-4\" />\n          <span>{t('dynamicTable.perspectives.duplicate', 'Duplicate view')}</span>\n        </button>\n      )}\n      {onSetDefault && (\n        <button\n          className=\"hot-col-menu-item\"\n          role=\"menuitem\"\n          disabled={isDefault}\n          onClick={() => { onSetDefault(); onClose(); }}\n        >\n          <Star className=\"w-4 h-4\" />\n          <span>\n            {isDefault\n              ? t('dynamicTable.perspectives.isMyDefault', 'This is my default view')\n              : t('dynamicTable.perspectives.setDefault', 'Set as my default')}\n          </span>\n        </button>\n      )}\n      {onPublish && (\n        <button className=\"hot-col-menu-item\" role=\"menuitem\" onClick={() => { onPublish(); onClose(); }}>\n          <Share2 className=\"w-4 h-4\" />\n          <span>\n            {isPublished\n              ? t('dynamicTable.perspectives.updateTemplate', 'Update shared template\u2026')\n              : t('dynamicTable.perspectives.publish', 'Share as template\u2026')}\n          </span>\n        </button>\n      )}\n      {originTemplateName ? (\n        <>\n          <div className=\"hot-col-menu-divider\" />\n          {/* Provenance, not an action: a copy stays yours, and this is the only\n              place that says where it came from. */}\n          <div className=\"hot-col-menu-note\">\n            <Link2 className=\"w-4 h-4\" />\n            <span>\n              {t('dynamicTable.perspectives.copiedFrom', 'Copied from \"{name}\"', {\n                name: originTemplateName,\n              })}\n            </span>\n          </div>\n        </>\n      ) : null}\n      {onDelete && (\n        <>\n          <div className=\"hot-col-menu-divider\" />\n          <button\n            className=\"hot-col-menu-item hot-col-menu-item-danger\"\n            role=\"menuitem\"\n            onClick={() => { onDelete(); onClose(); }}\n          >\n            <Trash2 className=\"w-4 h-4\" />\n            <span>{deleteLabel ?? t('dynamicTable.perspectives.deleteView', 'Delete view\u2026')}</span>\n          </button>\n        </>\n      )}\n    </div>\n  );\n\n  return ReactDOM.createPortal(menu, document.body);\n};\n\nexport default PerspectiveTabMenu;\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,319 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Plus, MoreHorizontal, Star, Library } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { PERSPECTIVE_NAME_MAX_LENGTH } from "../types/perspective.js";
+import { Tab, TabBar } from "../../../primitives-v2/index.js";
+import PerspectiveTabMenu from "./PerspectiveTabMenu.js";
+import PerspectiveDeleteDialog from "./PerspectiveDeleteDialog.js";
+import PerspectiveTemplateMenu from "./PerspectiveTemplateMenu.js";
+import PerspectivePublishDialog from "./PerspectivePublishDialog.js";
+const PerspectiveTabs = ({
+  savedPerspectives,
+  activePerspectiveId,
+  onPerspectiveSelect,
+  onPerspectiveRename,
+  onPerspectiveDelete,
+  onPerspectiveEdit,
+  onPerspectiveDuplicate,
+  onPerspectiveSetDefault,
+  defaultPerspectiveId,
+  sharedTemplates,
+  publishableRoles,
+  onPerspectivePublish,
+  onPerspectiveTemplateCopy,
+  onConfigureBaseView,
+  onBaseViewReset,
+  onAddPerspective
+}) => {
+  const t = useT();
+  const [editingId, setEditingId] = useState(null);
+  const [editValue, setEditValue] = useState("");
+  const [tabMenu, setTabMenu] = useState(null);
+  const [pendingDelete, setPendingDelete] = useState(null);
+  const [templateMenu, setTemplateMenu] = useState(null);
+  const [pendingPublish, setPendingPublish] = useState(null);
+  const [baseMenu, setBaseMenu] = useState(null);
+  const [pendingBaseReset, setPendingBaseReset] = useState(false);
+  const handleDoubleClick = (perspective) => {
+    setEditingId(perspective.id);
+    setEditValue(perspective.name);
+  };
+  const handleRename = (id) => {
+    if (editValue.trim()) {
+      onPerspectiveRename(id, editValue.trim());
+    }
+    setEditingId(null);
+  };
+  const getIndicators = (perspective) => {
+    const indicators = [];
+    if (perspective.columns.hidden.length > 0) {
+      indicators.push(`${perspective.columns.hidden.length} ${t("dynamicTable.perspectives.indicator.hidden", "hidden")}`);
+    }
+    if (perspective.filters.length > 0) {
+      indicators.push(`${perspective.filters.length} ${t("dynamicTable.perspectives.indicator.filters", "filters")}`);
+    }
+    if (perspective.sorting.length > 0) {
+      indicators.push(`${perspective.sorting.length} ${t("dynamicTable.perspectives.indicator.sorts", "sorts")}`);
+    }
+    return indicators;
+  };
+  const baseView = savedPerspectives.find((perspective) => perspective.isBaseView) ?? null;
+  const visiblePerspectives = savedPerspectives.filter(
+    (perspective) => !perspective.id.startsWith("__") && !perspective.isBaseView
+  );
+  const templates = sharedTemplates ?? [];
+  const canPublish = !!onPerspectivePublish && (publishableRoles?.length ?? 0) > 0;
+  const canCopyTemplates = !!onPerspectiveTemplateCopy && templates.length > 0;
+  const withSuffix = (base, suffix) => {
+    const room = PERSPECTIVE_NAME_MAX_LENGTH - suffix.length;
+    return `${room > 0 ? base.slice(0, room).trimEnd() : ""}${suffix}`;
+  };
+  const nextCopyOfTemplateName = (base) => {
+    const taken = new Set(visiblePerspectives.map((p) => p.name));
+    const clamped = base.slice(0, PERSPECTIVE_NAME_MAX_LENGTH);
+    if (!taken.has(clamped)) return clamped;
+    const suffix = t("dynamicTable.perspectives.copySuffix", "copy");
+    let candidate = withSuffix(base, ` (${suffix})`);
+    let n = 2;
+    while (taken.has(candidate)) {
+      candidate = withSuffix(base, ` (${suffix} ${n})`);
+      n += 1;
+    }
+    return candidate;
+  };
+  const menuPerspective = tabMenu ? visiblePerspectives.find((p) => p.id === tabMenu.id) ?? null : null;
+  const nextCopyName = (base) => {
+    const taken = new Set(visiblePerspectives.map((p) => p.name));
+    const suffix = t("dynamicTable.perspectives.copySuffix", "copy");
+    let candidate = withSuffix(base, ` (${suffix})`);
+    let n = 2;
+    while (taken.has(candidate)) {
+      candidate = withSuffix(base, ` (${suffix} ${n})`);
+      n += 1;
+    }
+    return candidate;
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      TabBar,
+      {
+        className: "hot-top-tabs-v2",
+        value: activePerspectiveId ?? "",
+        onChange: (id) => onPerspectiveSelect(id || null),
+        ariaLabel: t("dynamicTable.perspectives.ariaLabel", "Perspectives"),
+        children: [
+          /* @__PURE__ */ jsxs(Tab, { value: baseView?.id ?? "", children: [
+            t("dynamicTable.perspectives.defaultView", "Default view"),
+            defaultPerspectiveId && baseView && defaultPerspectiveId === baseView.id && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "hot-top-tab-default-v2",
+                title: t("dynamicTable.perspectives.isMyDefault", "This is my default view"),
+                "aria-label": t("dynamicTable.perspectives.isMyDefault", "This is my default view"),
+                children: /* @__PURE__ */ jsx(Star, { size: 10 })
+              }
+            ),
+            onConfigureBaseView && /* @__PURE__ */ jsx(
+              "span",
+              {
+                role: "button",
+                "aria-haspopup": "menu",
+                "aria-label": t("dynamicTable.perspectives.baseMenu", "Default view options"),
+                className: "hot-top-tab-menu-v2",
+                "data-testid": "perspective-base-menu",
+                onMouseDown: (e) => {
+                  e.stopPropagation();
+                  e.preventDefault();
+                },
+                onClick: (e) => {
+                  e.stopPropagation();
+                  e.preventDefault();
+                  const rect = e.currentTarget.getBoundingClientRect();
+                  setBaseMenu((prev) => prev ? null : rect);
+                },
+                children: /* @__PURE__ */ jsx(MoreHorizontal, { size: 13 })
+              }
+            )
+          ] }),
+          visiblePerspectives.map(
+            (perspective) => editingId === perspective.id ? /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                value: editValue,
+                onChange: (e) => setEditValue(e.target.value),
+                maxLength: PERSPECTIVE_NAME_MAX_LENGTH,
+                onBlur: () => handleRename(perspective.id),
+                onKeyDown: (e) => {
+                  if (e.key === "Enter") handleRename(perspective.id);
+                  if (e.key === "Escape") setEditingId(null);
+                },
+                className: "hot-top-tab-input",
+                autoFocus: true
+              },
+              perspective.id
+            ) : /* @__PURE__ */ jsxs(
+              Tab,
+              {
+                value: perspective.id,
+                onDoubleClick: () => handleDoubleClick(perspective),
+                title: getIndicators(perspective).join(", ") || void 0,
+                children: [
+                  perspective.name,
+                  defaultPerspectiveId === perspective.id && /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "hot-top-tab-default-v2",
+                      title: t("dynamicTable.perspectives.isMyDefault", "This is my default view"),
+                      "aria-label": t("dynamicTable.perspectives.isMyDefault", "This is my default view"),
+                      children: /* @__PURE__ */ jsx(Star, { size: 10 })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      role: "button",
+                      "aria-haspopup": "menu",
+                      "aria-label": t("dynamicTable.perspectives.menu", "View options"),
+                      className: "hot-top-tab-menu-v2",
+                      "data-testid": `perspective-tab-menu-${perspective.id}`,
+                      onMouseDown: (e) => {
+                        e.stopPropagation();
+                        e.preventDefault();
+                      },
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        e.preventDefault();
+                        const rect = e.currentTarget.getBoundingClientRect();
+                        setTabMenu((prev) => prev?.id === perspective.id ? null : { id: perspective.id, anchorRect: rect });
+                      },
+                      children: /* @__PURE__ */ jsx(MoreHorizontal, { size: 13 })
+                    }
+                  )
+                ]
+              },
+              perspective.id
+            )
+          ),
+          /* @__PURE__ */ jsxs(
+            Tab,
+            {
+              value: "__add__",
+              className: "hot-top-tab-add-v2",
+              onClick: (e) => {
+                e.preventDefault();
+                if (onAddPerspective) onAddPerspective();
+                else onPerspectiveSelect(null);
+              },
+              children: [
+                /* @__PURE__ */ jsx(Plus, { size: 14 }),
+                t("dynamicTable.perspectives.add", "Add view")
+              ]
+            }
+          ),
+          canCopyTemplates && /* @__PURE__ */ jsxs(
+            Tab,
+            {
+              value: "__templates__",
+              className: "hot-top-tab-add-v2",
+              badge: templates.length,
+              "data-testid": "perspective-templates-trigger",
+              onClick: (e) => {
+                e.preventDefault();
+                const rect = e.currentTarget.getBoundingClientRect();
+                setTemplateMenu((prev) => prev ? null : rect);
+              },
+              children: [
+                /* @__PURE__ */ jsx(Library, { size: 14 }),
+                t("dynamicTable.perspectives.templates", "Templates")
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    tabMenu && menuPerspective && /* @__PURE__ */ jsx(
+      PerspectiveTabMenu,
+      {
+        anchorRect: tabMenu.anchorRect,
+        perspectiveName: menuPerspective.name,
+        isDefault: defaultPerspectiveId === menuPerspective.id,
+        onRename: () => handleDoubleClick(menuPerspective),
+        onDuplicate: onPerspectiveDuplicate ? () => onPerspectiveDuplicate(menuPerspective.id, nextCopyName(menuPerspective.name)) : void 0,
+        onSetDefault: onPerspectiveSetDefault ? () => onPerspectiveSetDefault(menuPerspective.id) : void 0,
+        onPublish: canPublish ? () => setPendingPublish(menuPerspective) : void 0,
+        isPublished: !!menuPerspective.publication,
+        originTemplateName: menuPerspective.origin?.name || null,
+        onDelete: () => setPendingDelete(menuPerspective),
+        onEditView: onPerspectiveEdit ? () => onPerspectiveEdit(menuPerspective.id) : void 0,
+        onClose: () => setTabMenu(null)
+      }
+    ),
+    baseMenu && onConfigureBaseView && /* @__PURE__ */ jsx(
+      PerspectiveTabMenu,
+      {
+        anchorRect: baseMenu,
+        perspectiveName: t("dynamicTable.perspectives.defaultView", "Default view"),
+        isDefault: !!baseView && defaultPerspectiveId === baseView.id,
+        onEditView: () => onConfigureBaseView(),
+        onSetDefault: baseView && onPerspectiveSetDefault ? () => onPerspectiveSetDefault(baseView.id) : void 0,
+        onDelete: baseView && onBaseViewReset ? () => setPendingBaseReset(true) : void 0,
+        deleteLabel: t("dynamicTable.perspectives.resetBaseView", "Reset to defaults\u2026"),
+        onClose: () => setBaseMenu(null)
+      }
+    ),
+    templateMenu && /* @__PURE__ */ jsx(
+      PerspectiveTemplateMenu,
+      {
+        anchorRect: templateMenu,
+        templates,
+        savedPerspectives: visiblePerspectives,
+        onCopy: (template) => {
+          onPerspectiveTemplateCopy?.(template, nextCopyOfTemplateName(template.name));
+        },
+        onClose: () => setTemplateMenu(null)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      PerspectivePublishDialog,
+      {
+        perspective: pendingPublish,
+        roles: publishableRoles ?? [],
+        onCancel: () => setPendingPublish(null),
+        onConfirm: (roleIds) => {
+          if (pendingPublish) onPerspectivePublish?.(pendingPublish.id, roleIds);
+          setPendingPublish(null);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      PerspectiveDeleteDialog,
+      {
+        name: pendingDelete?.name ?? null,
+        onCancel: () => setPendingDelete(null),
+        onConfirm: () => {
+          if (pendingDelete) onPerspectiveDelete(pendingDelete.id, true);
+          setPendingDelete(null);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      PerspectiveDeleteDialog,
+      {
+        variant: "baseReset",
+        name: pendingBaseReset && baseView ? baseView.id : null,
+        onCancel: () => setPendingBaseReset(false),
+        onConfirm: () => {
+          onBaseViewReset?.();
+          setPendingBaseReset(false);
+        }
+      }
+    )
+  ] });
+};
+var PerspectiveTabs_default = PerspectiveTabs;
+export {
+  PerspectiveTabs_default as default
+};
+//# sourceMappingURL=PerspectiveTabs.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-table/components/PerspectiveTabs.tsx"],
+  "sourcesContent": ["import React, { useState } from 'react';\nimport { Plus, MoreHorizontal, Star, Library } from 'lucide-react';\nimport { useT } from '@open-mercato/shared/lib/i18n/context';\nimport { PaginationProps } from '../types/index';\nimport { PerspectiveConfig, PerspectiveTemplate, PERSPECTIVE_NAME_MAX_LENGTH } from '../types/perspective';\nimport { Tab, TabBar } from '../../../primitives-v2';\nimport PerspectiveTabMenu from './PerspectiveTabMenu';\nimport PerspectiveDeleteDialog from './PerspectiveDeleteDialog';\nimport PerspectiveTemplateMenu from './PerspectiveTemplateMenu';\nimport PerspectivePublishDialog from './PerspectivePublishDialog';\n\ninterface PerspectiveTabsProps {\n  savedPerspectives: PerspectiveConfig[];\n  activePerspectiveId: string | null;\n  onPerspectiveSelect: (id: string | null) => void;\n  onPerspectiveRename: (id: string, newName: string) => void;\n  onPerspectiveDelete: (id: string, hardDelete?: boolean) => void;\n  /** Callback when the per-tab edit (pencil) control is clicked. Opens the\n   *  Configure View panel pre-populated with that perspective for editing. */\n  onPerspectiveEdit?: (id: string) => void;\n  /** Copy a view under a new name. Omit to hide \"Duplicate view\". */\n  onPerspectiveDuplicate?: (id: string, newName: string) => void;\n  /** Make a view this USER's default. Omit to hide \"Set as my default\". */\n  onPerspectiveSetDefault?: (id: string) => void;\n  /** Id of the view that currently opens by default FOR THIS USER. */\n  defaultPerspectiveId?: string | null;\n  /** Views colleagues published for anyone to copy. */\n  sharedTemplates?: PerspectiveTemplate[];\n  /** Roles this user may publish to. Omit (or empty) to hide \"Share as template\u2026\". */\n  publishableRoles?: Array<{ id: string; name: string }>;\n  /** Publish one of this user's views as a shared template. */\n  onPerspectivePublish?: (id: string, roleIds: string[]) => void;\n  /** Copy a shared template into this user's own space. */\n  onPerspectiveTemplateCopy?: (template: PerspectiveTemplate, newName: string) => void;\n  /**\n   * Open the Configure View drawer on the BASE tab, so the user can personalize\n   * \"Default view\" itself. Distinct from `onAddPerspective`: that one creates a\n   * named view and requires a name.\n   */\n  onConfigureBaseView?: () => void;\n  /**\n   * Drop this user's personalization of the base tab and go back to the coded\n   * defaults. NOT a delete: the upstream perspectives table soft-deletes while\n   * keeping its `(user, tenant, org, table, name)` unique index, so a deleted\n   * row would permanently block the next save under the same reserved name.\n   * The host empties the row instead \u2014 same outcome for the user, and it stays\n   * re-personalizable.\n   */\n  onBaseViewReset?: () => void;\n  /** Callback when the \"Add view\" tab is clicked */\n  onAddPerspective?: () => void;\n  /**\n   * @deprecated No-op since the v2 redesign. Pagination renders as a sibling\n   * (`TablePagination`) on the tabs row; this component renders only the\n   * underlined top-tabs layout now. Retained for Tier-3 backward compatibility\n   * and removed in a future minor.\n   */\n  pagination?: PaginationProps;\n  /**\n   * @deprecated No-op since the v2 redesign (the bottom-bar layout was removed).\n   * Retained for Tier-3 backward compatibility and removed in a future minor.\n   */\n  startContent?: React.ReactNode;\n  /**\n   * @deprecated No-op since the v2 redesign (the bottom-bar layout was removed).\n   * Retained for Tier-3 backward compatibility and removed in a future minor.\n   */\n  endContent?: React.ReactNode;\n  /**\n   * @deprecated No-op since the v2 redesign (the bottom-bar layout was removed).\n   * Retained for Tier-3 backward compatibility and removed in a future minor.\n   */\n  toolbar?: React.ReactNode;\n  /**\n   * @deprecated No-op since the v2 redesign \u2014 every table renders the top-tabs\n   * layout. Retained for Tier-3 backward compatibility and removed in a future minor.\n   */\n  variant?: 'bottom-bar' | 'top-tabs';\n}\n\nconst PerspectiveTabs: React.FC<PerspectiveTabsProps> = ({\n  savedPerspectives,\n  activePerspectiveId,\n  onPerspectiveSelect,\n  onPerspectiveRename,\n  onPerspectiveDelete,\n  onPerspectiveEdit,\n  onPerspectiveDuplicate,\n  onPerspectiveSetDefault,\n  defaultPerspectiveId,\n  sharedTemplates,\n  publishableRoles,\n  onPerspectivePublish,\n  onPerspectiveTemplateCopy,\n  onConfigureBaseView,\n  onBaseViewReset,\n  onAddPerspective,\n}) => {\n  const t = useT();\n  const [editingId, setEditingId] = useState<string | null>(null);\n  const [editValue, setEditValue] = useState('');\n  // A6: every destructive/structural view action lives behind this one trigger.\n  const [tabMenu, setTabMenu] = useState<{ id: string; anchorRect: DOMRect } | null>(null);\n  const [pendingDelete, setPendingDelete] = useState<PerspectiveConfig | null>(null);\n  const [templateMenu, setTemplateMenu] = useState<DOMRect | null>(null);\n  const [pendingPublish, setPendingPublish] = useState<PerspectiveConfig | null>(null);\n  const [baseMenu, setBaseMenu] = useState<DOMRect | null>(null);\n  const [pendingBaseReset, setPendingBaseReset] = useState(false);\n\n  const handleDoubleClick = (perspective: PerspectiveConfig) => {\n    setEditingId(perspective.id);\n    setEditValue(perspective.name);\n  };\n\n  const handleRename = (id: string) => {\n    if (editValue.trim()) {\n      onPerspectiveRename(id, editValue.trim());\n    }\n    setEditingId(null);\n  };\n\n  // Get indicators for a perspective (shown in the tab tooltip)\n  const getIndicators = (perspective: PerspectiveConfig) => {\n    const indicators: string[] = [];\n    if (perspective.columns.hidden.length > 0) {\n      indicators.push(`${perspective.columns.hidden.length} ${t('dynamicTable.perspectives.indicator.hidden', 'hidden')}`);\n    }\n    if (perspective.filters.length > 0) {\n      indicators.push(`${perspective.filters.length} ${t('dynamicTable.perspectives.indicator.filters', 'filters')}`);\n    }\n    if (perspective.sorting.length > 0) {\n      indicators.push(`${perspective.sorting.length} ${t('dynamicTable.perspectives.indicator.sorts', 'sorts')}`);\n    }\n    return indicators;\n  };\n\n  /**\n   * The user's personalization of the base tab. It is an ordinary personal\n   * perspective row, but it gets no tab of its own \u2014 the tab it personalizes\n   * (\"Default view\") is already on screen, and a second one would read as two\n   * defaults.\n   */\n  const baseView = savedPerspectives.find(perspective => perspective.isBaseView) ?? null;\n\n  const visiblePerspectives = savedPerspectives.filter(\n    perspective => !perspective.id.startsWith('__') && !perspective.isBaseView\n  );\n\n  const templates = sharedTemplates ?? [];\n  const canPublish = !!onPerspectivePublish && (publishableRoles?.length ?? 0) > 0;\n  const canCopyTemplates = !!onPerspectiveTemplateCopy && templates.length > 0;\n\n  /**\n   * Keep a generated name inside the API's 120-character cap by trimming the\n   * BASE, never the suffix \u2014 \"\u2026 (copy 2)\" is the part that carries the meaning,\n   * and a name that loses it stops being a distinguishable copy. A name that is\n   * already at the cap plus a suffix is exactly how \"duplicate a long view\"\n   * failed with a bare error toast and no copy.\n   */\n  const withSuffix = (base: string, suffix: string): string => {\n    const room = PERSPECTIVE_NAME_MAX_LENGTH - suffix.length;\n    return `${room > 0 ? base.slice(0, room).trimEnd() : ''}${suffix}`;\n  };\n\n  /** A copied template lands as \"<name>\", de-duplicated against existing names. */\n  const nextCopyOfTemplateName = (base: string): string => {\n    const taken = new Set(visiblePerspectives.map(p => p.name));\n    const clamped = base.slice(0, PERSPECTIVE_NAME_MAX_LENGTH);\n    if (!taken.has(clamped)) return clamped;\n    const suffix = t('dynamicTable.perspectives.copySuffix', 'copy');\n    let candidate = withSuffix(base, ` (${suffix})`);\n    let n = 2;\n    while (taken.has(candidate)) {\n      candidate = withSuffix(base, ` (${suffix} ${n})`);\n      n += 1;\n    }\n    return candidate;\n  };\n\n  const menuPerspective = tabMenu\n    ? visiblePerspectives.find(p => p.id === tabMenu.id) ?? null\n    : null;\n\n  /** A duplicate lands as \"<name> (copy)\", de-duplicated against existing names. */\n  const nextCopyName = (base: string): string => {\n    const taken = new Set(visiblePerspectives.map(p => p.name));\n    const suffix = t('dynamicTable.perspectives.copySuffix', 'copy');\n    let candidate = withSuffix(base, ` (${suffix})`);\n    let n = 2;\n    while (taken.has(candidate)) {\n      candidate = withSuffix(base, ` (${suffix} ${n})`);\n      n += 1;\n    }\n    return candidate;\n  };\n\n  // Always renders the v2 design-system Tab/TabBar (primitives-v2): underlined\n  // active tab + \"Add view\" add control, per the Figma \"Table System\" frame.\n  // Inline rename (double-click) stays as a shortcut; every other view action \u2014\n  // including delete \u2014 is behind the per-tab `\u22EF` menu (workshop A6).\n  return (\n    <>\n    <TabBar\n      className=\"hot-top-tabs-v2\"\n      value={activePerspectiveId ?? ''}\n      onChange={(id) => onPerspectiveSelect(id || null)}\n      ariaLabel={t('dynamicTable.perspectives.ariaLabel', 'Perspectives')}\n    >\n      {/* Default (base) view \u2014 the unfiltered state. Always present and\n          selected when no saved perspective is active. Not deletable.\n          Once the user has personalized it, this tab IS that saved row: its\n          value becomes the row's id, so selecting it applies their own columns,\n          sorting and filters instead of the coded defaults. */}\n      <Tab value={baseView?.id ?? ''}>\n        {t('dynamicTable.perspectives.defaultView', 'Default view')}\n        {defaultPerspectiveId && baseView && defaultPerspectiveId === baseView.id && (\n          <span\n            className=\"hot-top-tab-default-v2\"\n            title={t('dynamicTable.perspectives.isMyDefault', 'This is my default view')}\n            aria-label={t('dynamicTable.perspectives.isMyDefault', 'This is my default view')}\n          >\n            <Star size={10} />\n          </span>\n        )}\n        {/* The base tab gets the same `\u22EF` as every other tab \u2014 that is how a\n            user reaches \"Configure view\u2026\" for the view they actually spend the\n            day in. Without it the only way to keep a change to \"Default view\"\n            was to invent a name for it. */}\n        {onConfigureBaseView && (\n          <span\n            role=\"button\"\n            aria-haspopup=\"menu\"\n            aria-label={t('dynamicTable.perspectives.baseMenu', 'Default view options')}\n            className=\"hot-top-tab-menu-v2\"\n            data-testid=\"perspective-base-menu\"\n            onMouseDown={(e) => { e.stopPropagation(); e.preventDefault(); }}\n            onClick={(e) => {\n              e.stopPropagation();\n              e.preventDefault();\n              const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n              setBaseMenu((prev) => (prev ? null : rect));\n            }}\n          >\n            <MoreHorizontal size={13} />\n          </span>\n        )}\n      </Tab>\n      {visiblePerspectives.map(perspective =>\n        editingId === perspective.id ? (\n          <input\n            key={perspective.id}\n            type=\"text\"\n            value={editValue}\n            onChange={(e) => setEditValue(e.target.value)}\n            // Same 120-character API cap the Configure View name field enforces.\n            // Without it a long rename came back as a bare \"Failed to rename\n            // perspective\" toast with nothing the user could act on.\n            maxLength={PERSPECTIVE_NAME_MAX_LENGTH}\n            onBlur={() => handleRename(perspective.id)}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') handleRename(perspective.id);\n              if (e.key === 'Escape') setEditingId(null);\n            }}\n            className=\"hot-top-tab-input\"\n            autoFocus\n          />\n        ) : (\n          <Tab\n            key={perspective.id}\n            value={perspective.id}\n            onDoubleClick={() => handleDoubleClick(perspective)}\n            title={getIndicators(perspective).join(', ') || undefined}\n          >\n            {perspective.name}\n            {defaultPerspectiveId === perspective.id && (\n              <span\n                className=\"hot-top-tab-default-v2\"\n                title={t('dynamicTable.perspectives.isMyDefault', 'This is my default view')}\n                aria-label={t('dynamicTable.perspectives.isMyDefault', 'This is my default view')}\n              >\n                <Star size={10} />\n              </span>\n            )}\n            {/* A6 \u2014 one trigger, every view action, delete last and confirmed.\n                Replaces the pencil + bare `\u00D7` pair: the `\u00D7` sat a few pixels\n                from the label and removed a saved layout on a single click. */}\n            <span\n              role=\"button\"\n              aria-haspopup=\"menu\"\n              aria-label={t('dynamicTable.perspectives.menu', 'View options')}\n              className=\"hot-top-tab-menu-v2\"\n              data-testid={`perspective-tab-menu-${perspective.id}`}\n              onMouseDown={(e) => { e.stopPropagation(); e.preventDefault(); }}\n              onClick={(e) => {\n                e.stopPropagation();\n                e.preventDefault();\n                const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n                setTabMenu((prev) => (prev?.id === perspective.id ? null : { id: perspective.id, anchorRect: rect }));\n              }}\n            >\n              <MoreHorizontal size={13} />\n            </span>\n          </Tab>\n        )\n      )}\n      <Tab\n        value=\"__add__\"\n        className=\"hot-top-tab-add-v2\"\n        onClick={(e) => {\n          // Don't let TabBar mark \"__add__\" active \u2014 just open the panel.\n          e.preventDefault();\n          if (onAddPerspective) onAddPerspective(); else onPerspectiveSelect(null);\n        }}\n      >\n        <Plus size={14} />\n        {t('dynamicTable.perspectives.add', 'Add view')}\n      </Tab>\n      {/* Shared templates. Present only when somebody has actually published\n          one: an always-visible empty shelf would be four permanent pixels of\n          noise on every grid in the product. */}\n      {canCopyTemplates && (\n        <Tab\n          value=\"__templates__\"\n          className=\"hot-top-tab-add-v2\"\n          badge={templates.length}\n          data-testid=\"perspective-templates-trigger\"\n          onClick={(e) => {\n            e.preventDefault();\n            const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n            setTemplateMenu((prev) => (prev ? null : rect));\n          }}\n        >\n          <Library size={14} />\n          {t('dynamicTable.perspectives.templates', 'Templates')}\n        </Tab>\n      )}\n    </TabBar>\n\n    {tabMenu && menuPerspective && (\n      <PerspectiveTabMenu\n        anchorRect={tabMenu.anchorRect}\n        perspectiveName={menuPerspective.name}\n        isDefault={defaultPerspectiveId === menuPerspective.id}\n        onRename={() => handleDoubleClick(menuPerspective)}\n        onDuplicate={\n          onPerspectiveDuplicate\n            ? () => onPerspectiveDuplicate(menuPerspective.id, nextCopyName(menuPerspective.name))\n            : undefined\n        }\n        onSetDefault={\n          onPerspectiveSetDefault ? () => onPerspectiveSetDefault(menuPerspective.id) : undefined\n        }\n        onPublish={canPublish ? () => setPendingPublish(menuPerspective) : undefined}\n        isPublished={!!menuPerspective.publication}\n        originTemplateName={menuPerspective.origin?.name || null}\n        onDelete={() => setPendingDelete(menuPerspective)}\n        onEditView={onPerspectiveEdit ? () => onPerspectiveEdit(menuPerspective.id) : undefined}\n        onClose={() => setTabMenu(null)}\n      />\n    )}\n\n    {baseMenu && onConfigureBaseView && (\n      <PerspectiveTabMenu\n        anchorRect={baseMenu}\n        perspectiveName={t('dynamicTable.perspectives.defaultView', 'Default view')}\n        isDefault={!!baseView && defaultPerspectiveId === baseView.id}\n        // No rename and no duplicate: the base tab is a fixed part of the strip,\n        // and \"duplicate\" is what \"Add view\" already does from the same state.\n        onEditView={() => onConfigureBaseView()}\n        onSetDefault={\n          baseView && onPerspectiveSetDefault\n            ? () => onPerspectiveSetDefault(baseView.id)\n            : undefined\n        }\n        // Reset is offered only when there IS a personalization to undo.\n        onDelete={baseView && onBaseViewReset ? () => setPendingBaseReset(true) : undefined}\n        deleteLabel={t('dynamicTable.perspectives.resetBaseView', 'Reset to defaults\u2026')}\n        onClose={() => setBaseMenu(null)}\n      />\n    )}\n\n    {templateMenu && (\n      <PerspectiveTemplateMenu\n        anchorRect={templateMenu}\n        templates={templates}\n        savedPerspectives={visiblePerspectives}\n        onCopy={(template) => {\n          onPerspectiveTemplateCopy?.(template, nextCopyOfTemplateName(template.name));\n        }}\n        onClose={() => setTemplateMenu(null)}\n      />\n    )}\n\n    <PerspectivePublishDialog\n      perspective={pendingPublish}\n      roles={publishableRoles ?? []}\n      onCancel={() => setPendingPublish(null)}\n      onConfirm={(roleIds) => {\n        if (pendingPublish) onPerspectivePublish?.(pendingPublish.id, roleIds);\n        setPendingPublish(null);\n      }}\n    />\n\n    <PerspectiveDeleteDialog\n      name={pendingDelete?.name ?? null}\n      onCancel={() => setPendingDelete(null)}\n      onConfirm={() => {\n        if (pendingDelete) onPerspectiveDelete(pendingDelete.id, true);\n        setPendingDelete(null);\n      }}\n    />\n\n    <PerspectiveDeleteDialog\n      variant=\"baseReset\"\n      name={pendingBaseReset && baseView ? baseView.id : null}\n      onCancel={() => setPendingBaseReset(false)}\n      onConfirm={() => {\n        onBaseViewReset?.();\n        setPendingBaseReset(false);\n      }}\n    />\n    </>\n  );\n};\n\nexport default PerspectiveTabs;\n"],
+  "mappings": "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",
+  "names": []
+}