@ai-matrx/context-menu 0.0.0 → 0.1.0

package/dist/index.cjs

@@ -0,0 +1,486 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  CATALOG: () => CATALOG,
+  CATALOG_GROUPS: () => CATALOG_GROUPS,
+  DEFAULT_LOOK: () => DEFAULT_LOOK,
+  DESIGN_FORMAT: () => DESIGN_FORMAT,
+  MENU_SURFACES: () => MENU_SURFACES,
+  MenuPreview: () => MenuPreview,
+  TEMPLATES: () => TEMPLATES,
+  canMove: () => canMove,
+  catalogOption: () => catalogOption,
+  cloneNode: () => cloneNode,
+  contains: () => contains,
+  countItems: () => countItems,
+  duplicateNode: () => duplicateNode,
+  emptyDesign: () => emptyDesign,
+  insertNode: () => insertNode,
+  isContainer: () => isContainer,
+  locate: () => locate,
+  moveNode: () => moveNode,
+  newId: () => newId,
+  parseDesign: () => parseDesign,
+  removeNode: () => removeNode,
+  serializeDesign: () => serializeDesign,
+  unwrapNode: () => unwrapNode,
+  updateNode: () => updateNode,
+  wrapNode: () => wrapNode
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/design/model.ts
+var MENU_SURFACES = [
+  "text-selection",
+  "editable-field",
+  "table-row",
+  "page",
+  "chat-message",
+  "file",
+  "anywhere"
+];
+var DEFAULT_LOOK = {
+  density: "comfortable",
+  width: 280,
+  showIcons: true,
+  showShortcuts: true,
+  showHints: false,
+  search: false
+};
+var DESIGN_FORMAT = 1;
+function newId(prefix = "n") {
+  const rnd = typeof crypto !== "undefined" && "randomUUID" in crypto ? crypto.randomUUID().slice(0, 8) : Math.random().toString(36).slice(2, 10);
+  return `${prefix}_${rnd}`;
+}
+function emptyDesign(name = "Untitled menu") {
+  return { designId: newId("d"), name, surface: "anywhere", look: { ...DEFAULT_LOOK }, nodes: [], notes: "" };
+}
+function isContainer(node) {
+  return node.kind === "section" || node.kind === "submenu";
+}
+function cloneNode(node) {
+  const copy = { ...node, id: newId(node.kind[0]) };
+  if (isContainer(copy)) copy.children = copy.children.map(cloneNode);
+  return copy;
+}
+function locate(nodes, id, parentId = null, depth = 0) {
+  for (let i = 0; i < nodes.length; i++) {
+    const node = nodes[i];
+    if (node.id === id) return { node, parentId, index: i, depth };
+    if (isContainer(node)) {
+      const inner = locate(node.children, id, node.id, depth + 1);
+      if (inner) return inner;
+    }
+  }
+  return null;
+}
+function contains(node, id) {
+  if (node.id === id) return true;
+  return isContainer(node) && node.children.some((c) => contains(c, id));
+}
+function countItems(nodes) {
+  let n = 0;
+  for (const node of nodes) {
+    if (node.kind === "item") n += 1;
+    else if (isContainer(node)) n += countItems(node.children) + (node.kind === "submenu" ? 1 : 0);
+  }
+  return n;
+}
+function mapChildren(nodes, parentId, fn) {
+  if (parentId === null) return fn([...nodes]);
+  return nodes.map((node) => {
+    if (!isContainer(node)) return node;
+    if (node.id === parentId) return { ...node, children: fn([...node.children]) };
+    return { ...node, children: mapChildren(node.children, parentId, fn) };
+  });
+}
+function insertNode(nodes, parentId, index, node) {
+  return mapChildren(nodes, parentId, (list) => {
+    list.splice(Math.max(0, Math.min(index, list.length)), 0, node);
+    return list;
+  });
+}
+function removeNode(nodes, id) {
+  return nodes.filter((n) => n.id !== id).map((n) => isContainer(n) ? { ...n, children: removeNode(n.children, id) } : n);
+}
+function updateNode(nodes, id, patch) {
+  return nodes.map((n) => {
+    if (n.id === id) return { ...n, ...patch, id: n.id, kind: n.kind };
+    if (isContainer(n)) return { ...n, children: updateNode(n.children, id, patch) };
+    return n;
+  });
+}
+function canMove(nodes, id, parentId) {
+  const from = locate(nodes, id);
+  return Boolean(from) && (parentId === null || !contains(from.node, parentId));
+}
+function moveNode(nodes, id, parentId, index) {
+  const from = locate(nodes, id);
+  if (!from) return nodes;
+  if (parentId !== null && contains(from.node, parentId)) return nodes;
+  let target = index;
+  if (from.parentId === parentId && from.index < index) target -= 1;
+  return insertNode(removeNode(nodes, id), parentId, target, from.node);
+}
+function duplicateNode(nodes, id) {
+  const at = locate(nodes, id);
+  if (!at) return [...nodes];
+  return insertNode(nodes, at.parentId, at.index + 1, cloneNode(at.node));
+}
+function wrapNode(nodes, id, kind) {
+  const at = locate(nodes, id);
+  if (!at) return [...nodes];
+  const wrapper = kind === "section" ? { id: newId("s"), kind: "section", label: "New section", children: [at.node] } : { id: newId("m"), kind: "submenu", label: "More", icon: "ChevronRight", children: [at.node] };
+  return insertNode(removeNode(nodes, id), at.parentId, at.index, wrapper);
+}
+function unwrapNode(nodes, id) {
+  const at = locate(nodes, id);
+  if (!at || !isContainer(at.node)) return [...nodes];
+  let out = removeNode(nodes, id);
+  at.node.children.forEach((child, i) => {
+    out = insertNode(out, at.parentId, at.index + i, child);
+  });
+  return out;
+}
+function parseDesign(raw) {
+  let value = raw;
+  if (typeof raw === "string") {
+    try {
+      value = JSON.parse(raw);
+    } catch {
+      return emptyDesign("Unreadable design");
+    }
+  }
+  const v = value ?? {};
+  const d = v.design ?? v;
+  return {
+    designId: typeof d.designId === "string" ? d.designId : newId("d"),
+    name: typeof d.name === "string" ? d.name : "Untitled menu",
+    surface: MENU_SURFACES.includes(d.surface) ? d.surface : "anywhere",
+    look: { ...DEFAULT_LOOK, ...d.look ?? {} },
+    nodes: Array.isArray(d.nodes) ? d.nodes : [],
+    notes: typeof d.notes === "string" ? d.notes : ""
+  };
+}
+function serializeDesign(design) {
+  return JSON.stringify({ format: DESIGN_FORMAT, design });
+}
+
+// src/design/catalog.ts
+var o = (id, label, icon, group, extra = {}) => ({ id, label, icon, group, status: "live", ...extra });
+var CATALOG = [
+  // Clipboard — the verb strip
+  o("cm:copy", "Copy", "Copy", "Clipboard", { shortcut: "\u2318C" }),
+  o("cm:cut", "Cut", "Scissors", "Clipboard", { shortcut: "\u2318X" }),
+  o("cm:paste", "Paste", "ClipboardPaste", "Clipboard", { shortcut: "\u2318V" }),
+  o("cm:undo", "Undo", "Undo2", "Clipboard", { shortcut: "\u2318Z" }),
+  o("cm:redo", "Redo", "Redo2", "Clipboard", { shortcut: "\u21E7\u2318Z" }),
+  o("cm:find", "Find & Replace", "Search", "Clipboard", { shortcut: "\u2318F" }),
+  o("cm:select-all", "Select All", "TextSelect", "Clipboard", { shortcut: "\u2318A" }),
+  o("cm:copy-as", "Copy as\u2026", "CopyPlus", "Clipboard"),
+  o("cm:json", "Copy as JSON", "Braces", "Clipboard"),
+  o("copy-html-page", "Copy as HTML page", "FileCode", "Clipboard"),
+  o("cm:insert-reference", "Insert / Copy reference\u2026", "AtSign", "Clipboard"),
+  // Edit
+  o("cm:save", "Save", "Save", "Edit", { shortcut: "\u2318S" }),
+  o("duplicate", "Duplicate", "CopyPlus", "Edit"),
+  o("rename", "Rename", "PenLine", "Edit"),
+  o("edit", "Edit", "Pencil", "Edit"),
+  o("favorite", "Add to favorites", "Star", "Edit"),
+  o("archive", "Archive", "Archive", "Edit", { danger: true }),
+  o("cm:delete", "Delete", "Trash2", "Edit", { danger: true }),
+  // AI
+  o("cm:chat", "Chat about this", "MessageSquare", "AI", { ai: true }),
+  o("cm:quick-actions", "Quick Actions", "Zap", "AI", { ai: true }),
+  o("cm:placement:ai-action", "AI Actions", "Sparkles", "AI", { ai: true }),
+  o("cm:placement:content-block", "Content blocks", "Blocks", "AI", { ai: true }),
+  o("cm:placement:organization-tool", "Org Items", "Building2", "AI", { ai: true }),
+  o("cm:placement:user-tool", "My Items", "User", "AI", { ai: true }),
+  o("cm:placement:quick-action", "Quick actions (placement)", "Zap", "AI", { ai: true }),
+  o("cm:placement:bound-agent", "Agents", "Bot", "AI", { ai: true }),
+  o("send-to-agent", "Send to agent\u2026", "Send", "AI", { ai: true }),
+  o("continue-in-chat", "Continue in chat", "MessagesSquare", "AI", { ai: true }),
+  o("regenerate-response", "Regenerate", "RefreshCw", "AI", { ai: true }),
+  o("code-block-chart", "Make a chart", "ChartColumn", "AI", { ai: true }),
+  o("ai-improve", "Improve writing", "Wand2", "AI", { ai: true, status: "proposed" }),
+  o("ai-summarize", "Summarize", "ListCollapse", "AI", { ai: true, status: "proposed" }),
+  o("ai-explain", "Explain", "Lightbulb", "AI", { ai: true, status: "proposed" }),
+  o("ai-translate", "Translate\u2026", "Languages", "AI", { ai: true, status: "proposed" }),
+  // Save & export
+  o("cm:export", "Export", "FileOutput", "Save & export"),
+  o("cm:convert", "Convert to\u2026", "ArrowRightLeft", "Save & export"),
+  o("save-as-file", "Save as file", "FileDown", "Save & export"),
+  o("download-pdf", "Download PDF", "FileText", "Save & export"),
+  o("download-docx", "Download Word", "FileType", "Save & export"),
+  o("download-html", "Download HTML", "FileCode2", "Save & export"),
+  o("print", "Print", "Printer", "Save & export", { shortcut: "\u2318P" }),
+  // Share & publish
+  o("cm:share", "Share\u2026", "Share2", "Share & publish"),
+  o("share-link", "Copy share link", "Link", "Share & publish"),
+  o("send-google-doc", "Send to Google Docs", "FileUp", "Share & publish"),
+  o("email-to-me", "Email to me", "Mail", "Share & publish"),
+  o("html-preview", "Preview as web page", "Eye", "Share & publish"),
+  o("share-webpage", "Publish as web page", "Globe", "Share & publish"),
+  // Organize
+  o("cm:attach", "Attach to\u2026", "Paperclip", "Organize"),
+  o("set-context-value", "Set as context", "Pin", "Organize"),
+  o("pin-message", "Pin", "Pin", "Organize"),
+  o("notes-and-comments", "Notes & comments", "StickyNote", "Organize"),
+  o("move", "Move to folder\u2026", "FolderInput", "Organize"),
+  o("tags", "Tags\u2026", "Tags", "Organize"),
+  // History & compare
+  o("cm:view-history", "View history", "History", "History & compare"),
+  o("edit-history", "Edit history", "GitCommitVertical", "History & compare"),
+  o("fork-at-message", "Fork from here", "GitBranch", "History & compare"),
+  o("cm:compare", "Compare\u2026", "GitCompareArrows", "History & compare"),
+  o("compare-with-clipboard", "Compare with clipboard", "ClipboardList", "History & compare"),
+  o("set-compare-base", "Set as compare base", "Flag", "History & compare"),
+  // Listen
+  o("cm:speak", "Read aloud", "Volume2", "Listen"),
+  o("cm:listen", "Dictate", "Mic", "Listen"),
+  o("tts-voice-settings", "Voice settings", "AudioLines", "Listen"),
+  // Page rows: notes
+  o("notes:close-tab", "Close tab", "X", "Page: notes"),
+  o("notes:close-others", "Close other tabs", "PanelTopClose", "Page: notes"),
+  o("notes:export-md", "Export as Markdown", "FileDown", "Page: notes"),
+  o("notes:share-clipboard", "Copy to clipboard", "ClipboardCopy", "Page: notes"),
+  o("notes:convert-artifacts", "Convert to artifacts", "Shapes", "Page: notes"),
+  o("notes:trash", "Move to Trash", "Trash2", "Page: notes", { danger: true }),
+  // Page rows: a record (quiz row, table row)
+  o("row:open", "Open", "SquareArrowOutUpRight", "Page: record"),
+  o("row:open-tab", "Open in new tab", "ExternalLink", "Page: record"),
+  o("row:take", "Take", "Play", "Page: record"),
+  o("row:results", "Results", "ChartBar", "Page: record"),
+  o("row:manage", "Manage", "Settings2", "Page: record"),
+  o("row:restore", "Restore", "ArchiveRestore", "Page: record"),
+  // Page rows: chat message
+  o("regenerate-latest", "Regenerate latest", "RotateCcw", "Page: chat message", { ai: true }),
+  o("fork-and-regenerate", "Fork and regenerate", "GitFork", "Page: chat message", { ai: true }),
+  o("feedback-up", "Good response", "ThumbsUp", "Page: chat message"),
+  o("feedback-down", "Bad response", "ThumbsDown", "Page: chat message"),
+  // Tools & admin
+  o("cm:x:surface", "This page (location, context, agents)", "MapPin", "Tools & admin"),
+  o("cm:admin", "Admin tools", "Shield", "Tools & admin"),
+  o("feedback", "Send feedback", "MessageSquareWarning", "Tools & admin"),
+  o("keyboard-shortcuts", "Keyboard shortcuts", "Keyboard", "Tools & admin", { status: "proposed" })
+];
+var CATALOG_GROUPS = [...new Set(CATALOG.map((c) => c.group))];
+function catalogOption(id) {
+  return CATALOG.find((c) => c.id === id);
+}
+var seq = 0;
+var tid = (p) => `${p}_t${Date.now().toString(36)}${(seq++).toString(36)}`;
+function itemFrom(id) {
+  const c = catalogOption(id);
+  return {
+    id: tid("i"),
+    kind: "item",
+    catalogId: id,
+    label: c?.label ?? id,
+    icon: c?.icon ?? "Circle",
+    ...c?.shortcut ? { shortcut: c.shortcut } : {},
+    ...c?.danger ? { danger: true } : {},
+    ...c?.ai ? { ai: true } : {}
+  };
+}
+var strip = (label, ids) => ({
+  id: tid("s"),
+  kind: "section",
+  label,
+  layout: "row",
+  children: ids.map(itemFrom)
+});
+var sub = (label, icon, ids) => ({
+  id: tid("m"),
+  kind: "submenu",
+  label,
+  icon,
+  children: ids.map(itemFrom)
+});
+var TEMPLATES = [
+  { id: "strip-thing", label: "Icon strip \u2014 a thing", icon: "Rows2", build: () => strip("", ["cm:copy", "cm:share", "duplicate", "favorite", "save-as-file", "archive"]) },
+  { id: "strip-edit", label: "Icon strip \u2014 editable text", icon: "Rows2", build: () => strip("", ["cm:cut", "cm:copy", "cm:paste", "cm:undo", "cm:redo", "cm:find"]) },
+  { id: "strip-read", label: "Icon strip \u2014 read-only text", icon: "Rows2", build: () => strip("", ["cm:copy", "cm:speak", "cm:find", "cm:share"]) },
+  { id: "sub-intelligence", label: "Intelligence \u25B8", icon: "Sparkles", build: () => sub("Intelligence", "Sparkles", ["cm:chat", "cm:placement:ai-action", "cm:placement:bound-agent", "send-to-agent"]) },
+  { id: "sub-save-share", label: "Save & share \u25B8", icon: "Share2", build: () => sub("Save & share", "Share2", ["cm:copy-as", "save-as-file", "cm:convert", "share-webpage", "cm:share"]) },
+  { id: "sub-organize", label: "Organize \u25B8", icon: "Tags", build: () => sub("Organize", "Tags", ["cm:attach", "pin-message", "cm:view-history", "cm:compare"]) },
+  { id: "sub-tools", label: "Tools \u25B8", icon: "Wrench", build: () => sub("Tools", "Wrench", ["cm:speak", "cm:quick-actions", "feedback", "cm:x:surface", "cm:admin"]) }
+];
+
+// src/design/MenuPreview.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function matches(node, q) {
+  if (!q) return true;
+  if (node.kind === "divider") return false;
+  if (node.kind === "item") return node.label.toLowerCase().includes(q);
+  return node.label.toLowerCase().includes(q) || node.children.some((c) => matches(c, q));
+}
+function flatten(nodes, q, out = []) {
+  for (const n of nodes) {
+    if (n.kind === "item" && matches(n, q)) out.push(n);
+    else if (isContainer(n)) flatten(n.children, q, out);
+  }
+  return out;
+}
+function MenuPreview({ design, renderIcon, highlightId, onSelectNode, onPick, className, style }) {
+  const [query, setQuery] = (0, import_react.useState)("");
+  const q = query.trim().toLowerCase();
+  const { look } = design;
+  const results = (0, import_react.useMemo)(() => q ? flatten(design.nodes, q) : null, [design.nodes, q]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      role: "menu",
+      "data-density": look.density,
+      className: `cm-menu ${className ?? ""}`,
+      style: { width: look.width, ...style },
+      children: [
+        look.search && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "cm-search", children: [
+          renderIcon("Search", "cm-icon"),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { value: query, onChange: (e) => setQuery(e.target.value), placeholder: "Type to filter\u2026", "aria-label": "Filter menu" })
+        ] }),
+        results ? results.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "cm-empty", children: "No matches" }) : results.map((n) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Item, { node: n, ctx: { design, renderIcon, highlightId, onSelectNode, onPick } }, n.id)) : design.nodes.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "cm-empty", children: "Empty menu \u2014 drag options in" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Nodes, { nodes: design.nodes, ctx: { design, renderIcon, highlightId, onSelectNode, onPick } })
+      ]
+    }
+  );
+}
+function Nodes({ nodes, ctx }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: nodes.map((n) => {
+    if (n.kind === "divider") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { role: "separator", className: "cm-divider" }, n.id);
+    if (n.kind === "item") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Item, { node: n, ctx }, n.id);
+    if (n.kind === "submenu") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Submenu, { node: n, ctx }, n.id);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, { node: n, ctx }, n.id);
+  }) });
+}
+function Section({ node, ctx }) {
+  const [open, setOpen] = (0, import_react.useState)(!node.collapsible);
+  const layout = node.layout ?? "list";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `cm-section ${ctx.highlightId === node.id ? "cm-hl" : ""}`, "data-layout": layout, children: [
+    node.label && // ui-exception: a menu row of the menu component itself
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: "cm-section-label",
+        onClick: () => {
+          ctx.onSelectNode?.(node.id);
+          if (node.collapsible) setOpen((o2) => !o2);
+        },
+        children: [
+          node.label,
+          node.collapsible && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "cm-caret", children: open ? "\u25BE" : "\u25B8" })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "cm-section-body", children: layout === "list" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Nodes, { nodes: node.children, ctx }) : node.children.map(
+      (c) => c.kind === "item" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tile, { node: c, ctx }, c.id) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Nodes, { nodes: [c], ctx }, c.id)
+    ) })
+  ] });
+}
+function Tile({ node, ctx }) {
+  return (
+    // ui-exception: a menu row of the menu component itself
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        type: "button",
+        role: "menuitem",
+        title: node.label + (node.shortcut ? `  ${node.shortcut}` : ""),
+        disabled: node.disabled,
+        className: `cm-tile ${node.danger ? "cm-danger" : ""} ${node.ai ? "cm-ai" : ""} ${ctx.highlightId === node.id ? "cm-hl" : ""}`,
+        onClick: () => {
+          ctx.onSelectNode?.(node.id);
+          ctx.onPick?.(node);
+        },
+        children: ctx.renderIcon(node.icon ?? "Circle", "cm-icon")
+      }
+    )
+  );
+}
+function Item({ node, ctx }) {
+  const { look } = ctx.design;
+  const [checked, setChecked] = (0, import_react.useState)(false);
+  return (
+    // ui-exception: a menu row of the menu component itself
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "button",
+      {
+        type: "button",
+        role: node.toggle ? "menuitemcheckbox" : "menuitem",
+        "aria-checked": node.toggle ? checked : void 0,
+        disabled: node.disabled,
+        className: `cm-item ${node.danger ? "cm-danger" : ""} ${node.ai ? "cm-ai" : ""} ${ctx.highlightId === node.id ? "cm-hl" : ""}`,
+        onClick: () => {
+          ctx.onSelectNode?.(node.id);
+          if (node.toggle) setChecked((c) => !c);
+          ctx.onPick?.(node);
+        },
+        children: [
+          look.showIcons && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "cm-icon-slot", children: node.toggle ? checked ? ctx.renderIcon("Check", "cm-icon") : null : node.icon ? ctx.renderIcon(node.icon, "cm-icon") : null }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "cm-text", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "cm-label", children: node.label }),
+            look.showHints && node.hint && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "cm-hint", children: node.hint })
+          ] }),
+          look.showShortcuts && node.shortcut && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("kbd", { className: "cm-shortcut", children: node.shortcut })
+        ]
+      }
+    )
+  );
+}
+function Submenu({ node, ctx }) {
+  const { look } = ctx.design;
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [side, setSide] = (0, import_react.useState)("right");
+  const show = (el) => {
+    const r = el.getBoundingClientRect();
+    setSide(r.right + look.width + 8 > window.innerWidth ? "left" : "right");
+    setOpen(true);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "cm-sub", onMouseEnter: (e) => show(e.currentTarget), onMouseLeave: () => setOpen(false), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "button",
+      {
+        type: "button",
+        role: "menuitem",
+        "aria-haspopup": "menu",
+        "aria-expanded": open,
+        className: `cm-item ${ctx.highlightId === node.id ? "cm-hl" : ""}`,
+        onClick: () => {
+          ctx.onSelectNode?.(node.id);
+          setOpen(true);
+        },
+        children: [
+          look.showIcons && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "cm-icon-slot", children: node.icon ? ctx.renderIcon(node.icon, "cm-icon") : null }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "cm-text", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "cm-label", children: node.label }),
+            look.showHints && node.hint && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "cm-hint", children: node.hint })
+          ] }),
+          ctx.renderIcon("ChevronRight", "cm-icon cm-chev")
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { role: "menu", className: "cm-menu cm-flyout", "data-side": side, "data-density": look.density, style: { width: look.width }, children: node.children.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "cm-empty", children: "Empty submenu" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Nodes, { nodes: node.children, ctx }) })
+  ] });
+}
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/design/model.ts","../src/design/catalog.ts","../src/design/MenuPreview.tsx"],"sourcesContent":["// @ai-matrx/context-menu — the menu design model, the option catalog, and the menu renderer.\n// The live context menu engine is moving here from matrx-frontend (features/context-menu-v3).\nexport * from \"./design/model\";\nexport * from \"./design/catalog\";\nexport { MenuPreview, type MenuPreviewProps } from \"./design/MenuPreview\";\n","// src/design/model.ts — @ai-matrx/context-menu: THE MENU DESIGN.\n//\n// A design is the whole menu a person drew in the builder: an ordered tree of items, sections,\n// submenus and dividers, plus the few presentation choices that change how it reads. It is plain\n// JSON (no functions, no React) so it saves as one record, travels in a URL or a chat, and is the\n// exact thing the real menu is later built from. Every edit is a pure function returning a new\n// design; nothing here mutates.\n\nexport type MenuNodeKind = \"item\" | \"section\" | \"submenu\" | \"divider\";\n\ninterface NodeBase {\n  /** Stable within the design. */\n  id: string;\n  /** The catalog option this was dragged from, when it came from one. */\n  catalogId?: string;\n  /** A designer's note on this one entry (\"only on a table row\", \"merge with Copy\"). */\n  note?: string;\n}\n\nexport interface MenuItemNode extends NodeBase {\n  kind: \"item\";\n  label: string;\n  /** A lucide icon name (`Sparkles`, `Copy`). */\n  icon?: string;\n  /** Shown right-aligned (`⌘C`). */\n  shortcut?: string;\n  /** One short line under the label. */\n  hint?: string;\n  /** Shown greyed out — the design says \"this exists here but is unavailable now\". */\n  disabled?: boolean;\n  /** Red, for actions that remove or discard. */\n  danger?: boolean;\n  /** A checkbox-style toggle item. */\n  toggle?: boolean;\n  /** Drawn as a highlighted, AI-flavoured item. */\n  ai?: boolean;\n}\n\nexport interface MenuSectionNode extends NodeBase {\n  kind: \"section\";\n  /** The small heading. Empty = an unlabelled group. */\n  label: string;\n  children: MenuNode[];\n  /** Starts folded; a click on the heading opens it. */\n  collapsible?: boolean;\n  /** How the section's items are laid out. */\n  layout?: \"list\" | \"grid\" | \"row\";\n}\n\nexport interface MenuSubmenuNode extends NodeBase {\n  kind: \"submenu\";\n  label: string;\n  icon?: string;\n  hint?: string;\n  children: MenuNode[];\n}\n\nexport interface MenuDividerNode extends NodeBase {\n  kind: \"divider\";\n}\n\nexport type MenuNode = MenuItemNode | MenuSectionNode | MenuSubmenuNode | MenuDividerNode;\nexport type MenuContainerNode = MenuSectionNode | MenuSubmenuNode;\n\n/** Where the menu opens; the builder previews each the way it appears there. */\nexport const MENU_SURFACES = [\n  \"text-selection\",\n  \"editable-field\",\n  \"table-row\",\n  \"page\",\n  \"chat-message\",\n  \"file\",\n  \"anywhere\",\n] as const;\nexport type MenuSurface = (typeof MENU_SURFACES)[number];\n\nexport interface MenuLook {\n  density: \"compact\" | \"comfortable\";\n  width: number;\n  showIcons: boolean;\n  showShortcuts: boolean;\n  showHints: boolean;\n  /** A search box at the top of the menu. */\n  search: boolean;\n}\n\nexport const DEFAULT_LOOK: MenuLook = {\n  density: \"comfortable\",\n  width: 280,\n  showIcons: true,\n  showShortcuts: true,\n  showHints: false,\n  search: false,\n};\n\nexport interface MenuDesign {\n  /** The design's identity; every version shares it. */\n  designId: string;\n  name: string;\n  surface: MenuSurface;\n  look: MenuLook;\n  nodes: MenuNode[];\n  /** Free notes for whoever builds it. */\n  notes: string;\n}\n\nexport const DESIGN_FORMAT = 1;\n\n// ── ids ──────────────────────────────────────────────────────────────────────\n\nexport function newId(prefix = \"n\"): string {\n  const rnd =\n    typeof crypto !== \"undefined\" && \"randomUUID\" in crypto\n      ? crypto.randomUUID().slice(0, 8)\n      : Math.random().toString(36).slice(2, 10);\n  return `${prefix}_${rnd}`;\n}\n\nexport function emptyDesign(name = \"Untitled menu\"): MenuDesign {\n  return { designId: newId(\"d\"), name, surface: \"anywhere\", look: { ...DEFAULT_LOOK }, nodes: [], notes: \"\" };\n}\n\nexport function isContainer(node: MenuNode): node is MenuContainerNode {\n  return node.kind === \"section\" || node.kind === \"submenu\";\n}\n\n/** A deep copy with every id renewed — what a duplicate or a second drop of a template gets. */\nexport function cloneNode<N extends MenuNode>(node: N): N {\n  const copy = { ...node, id: newId(node.kind[0]) } as N;\n  if (isContainer(copy)) (copy as MenuContainerNode).children = (copy as MenuContainerNode).children.map(cloneNode);\n  return copy;\n}\n\n// ── reading the tree ─────────────────────────────────────────────────────────\n\nexport interface Located {\n  node: MenuNode;\n  /** The container's id, or null at the top. */\n  parentId: string | null;\n  index: number;\n  depth: number;\n}\n\nexport function locate(nodes: readonly MenuNode[], id: string, parentId: string | null = null, depth = 0): Located | null {\n  for (let i = 0; i < nodes.length; i++) {\n    const node = nodes[i] as MenuNode;\n    if (node.id === id) return { node, parentId, index: i, depth };\n    if (isContainer(node)) {\n      const inner = locate(node.children, id, node.id, depth + 1);\n      if (inner) return inner;\n    }\n  }\n  return null;\n}\n\nexport function contains(node: MenuNode, id: string): boolean {\n  if (node.id === id) return true;\n  return isContainer(node) && node.children.some((c) => contains(c, id));\n}\n\nexport function countItems(nodes: readonly MenuNode[]): number {\n  let n = 0;\n  for (const node of nodes) {\n    if (node.kind === \"item\") n += 1;\n    else if (isContainer(node)) n += countItems(node.children) + (node.kind === \"submenu\" ? 1 : 0);\n  }\n  return n;\n}\n\n// ── editing the tree (pure) ──────────────────────────────────────────────────\n\nfunction mapChildren(nodes: readonly MenuNode[], parentId: string | null, fn: (list: MenuNode[]) => MenuNode[]): MenuNode[] {\n  if (parentId === null) return fn([...nodes]);\n  return nodes.map((node) => {\n    if (!isContainer(node)) return node;\n    if (node.id === parentId) return { ...node, children: fn([...node.children]) };\n    return { ...node, children: mapChildren(node.children, parentId, fn) };\n  });\n}\n\nexport function insertNode(nodes: readonly MenuNode[], parentId: string | null, index: number, node: MenuNode): MenuNode[] {\n  return mapChildren(nodes, parentId, (list) => {\n    list.splice(Math.max(0, Math.min(index, list.length)), 0, node);\n    return list;\n  });\n}\n\nexport function removeNode(nodes: readonly MenuNode[], id: string): MenuNode[] {\n  return nodes\n    .filter((n) => n.id !== id)\n    .map((n) => (isContainer(n) ? { ...n, children: removeNode(n.children, id) } : n));\n}\n\nexport function updateNode(nodes: readonly MenuNode[], id: string, patch: Partial<MenuNode>): MenuNode[] {\n  return nodes.map((n) => {\n    if (n.id === id) return { ...n, ...patch, id: n.id, kind: n.kind } as MenuNode;\n    if (isContainer(n)) return { ...n, children: updateNode(n.children, id, patch) };\n    return n;\n  });\n}\n\n/**\n * Move `id` to `index` inside `parentId`. Refuses (returns the tree unchanged) a move into itself\n * or its own descendant. `index` is in the destination list as it reads BEFORE the move.\n */\nexport function canMove(nodes: readonly MenuNode[], id: string, parentId: string | null): boolean {\n  const from = locate(nodes, id);\n  return Boolean(from) && (parentId === null || !contains((from as Located).node, parentId));\n}\n\nexport function moveNode(nodes: readonly MenuNode[], id: string, parentId: string | null, index: number): MenuNode[] {\n  const from = locate(nodes, id);\n  // A refused move answers the SAME array, so a caller can tell \"nothing happened\" by identity.\n  if (!from) return nodes as MenuNode[];\n  if (parentId !== null && contains(from.node, parentId)) return nodes as MenuNode[];\n  let target = index;\n  if (from.parentId === parentId && from.index < index) target -= 1;\n  return insertNode(removeNode(nodes, id), parentId, target, from.node);\n}\n\nexport function duplicateNode(nodes: readonly MenuNode[], id: string): MenuNode[] {\n  const at = locate(nodes, id);\n  if (!at) return [...nodes];\n  return insertNode(nodes, at.parentId, at.index + 1, cloneNode(at.node));\n}\n\n/** Wrap a node into a new section (or submenu) in its place. */\nexport function wrapNode(nodes: readonly MenuNode[], id: string, kind: \"section\" | \"submenu\"): MenuNode[] {\n  const at = locate(nodes, id);\n  if (!at) return [...nodes];\n  const wrapper: MenuContainerNode =\n    kind === \"section\"\n      ? { id: newId(\"s\"), kind: \"section\", label: \"New section\", children: [at.node] }\n      : { id: newId(\"m\"), kind: \"submenu\", label: \"More\", icon: \"ChevronRight\", children: [at.node] };\n  return insertNode(removeNode(nodes, id), at.parentId, at.index, wrapper);\n}\n\n/** Replace a container by its children. */\nexport function unwrapNode(nodes: readonly MenuNode[], id: string): MenuNode[] {\n  const at = locate(nodes, id);\n  if (!at || !isContainer(at.node)) return [...nodes];\n  let out = removeNode(nodes, id);\n  at.node.children.forEach((child, i) => {\n    out = insertNode(out, at.parentId, at.index + i, child);\n  });\n  return out;\n}\n\n// ── reading a saved design defensively ──────────────────────────────────────\n\n/** A saved document back into a design; anything unreadable becomes an empty design, never a throw. */\nexport function parseDesign(raw: unknown): MenuDesign {\n  let value: unknown = raw;\n  if (typeof raw === \"string\") {\n    try {\n      value = JSON.parse(raw);\n    } catch {\n      return emptyDesign(\"Unreadable design\");\n    }\n  }\n  const v = (value ?? {}) as Partial<MenuDesign> & { design?: MenuDesign };\n  const d = v.design ?? v;\n  return {\n    designId: typeof d.designId === \"string\" ? d.designId : newId(\"d\"),\n    name: typeof d.name === \"string\" ? d.name : \"Untitled menu\",\n    surface: MENU_SURFACES.includes(d.surface as MenuSurface) ? (d.surface as MenuSurface) : \"anywhere\",\n    look: { ...DEFAULT_LOOK, ...(d.look ?? {}) },\n    nodes: Array.isArray(d.nodes) ? (d.nodes as MenuNode[]) : [],\n    notes: typeof d.notes === \"string\" ? d.notes : \"\",\n  };\n}\n\nexport function serializeDesign(design: MenuDesign): string {\n  return JSON.stringify({ format: DESIGN_FORMAT, design });\n}\n","// src/design/catalog.ts — @ai-matrx/context-menu: EVERY OPTION A MENU CAN OFFER, as a palette.\n//\n// The builder's left column. Each entry is something the live menu shows somewhere today, taken\n// from the real menu's own lists in matrx-frontend (features/context-menu-v3):\n//   - regroup/engine-rows.ts            → the engine rows (`cm:*`)\n//   - regroup/proposed-grouping.ts      → the 13 \"grouped by what you get\" groups and their rules\n//   - proposed/proposed-arrangement.ts  → the three icon strips and the object-first submenus\n//   - the page rows the demos show (notes, quiz row, table row, chat message)\n// Ids are the live menu's ids wherever one exists, so a saved design names the real row.\n// When the menu source moves into this package, this list is generated from it instead.\n\nimport type { MenuNode } from \"./model\";\n\nexport type CatalogGroup =\n  | \"Clipboard\"\n  | \"Edit\"\n  | \"AI\"\n  | \"Save & export\"\n  | \"Share & publish\"\n  | \"Organize\"\n  | \"History & compare\"\n  | \"Listen\"\n  | \"Page: notes\"\n  | \"Page: record\"\n  | \"Page: chat message\"\n  | \"Tools & admin\";\n\nexport interface CatalogOption {\n  /** The live menu's id where one exists (`cm:copy`), else this catalog's own. */\n  id: string;\n  label: string;\n  icon: string;\n  group: CatalogGroup;\n  shortcut?: string;\n  hint?: string;\n  danger?: boolean;\n  ai?: boolean;\n  /** \"Live\" = drawn by today's menu; \"Proposed\" = only in a proposal page so far. */\n  status: \"live\" | \"proposed\";\n}\n\nconst o = (\n  id: string,\n  label: string,\n  icon: string,\n  group: CatalogGroup,\n  extra: Partial<Omit<CatalogOption, \"id\" | \"label\" | \"icon\" | \"group\">> = {},\n): CatalogOption => ({ id, label, icon, group, status: \"live\", ...extra });\n\nexport const CATALOG: readonly CatalogOption[] = [\n  // Clipboard — the verb strip\n  o(\"cm:copy\", \"Copy\", \"Copy\", \"Clipboard\", { shortcut: \"⌘C\" }),\n  o(\"cm:cut\", \"Cut\", \"Scissors\", \"Clipboard\", { shortcut: \"⌘X\" }),\n  o(\"cm:paste\", \"Paste\", \"ClipboardPaste\", \"Clipboard\", { shortcut: \"⌘V\" }),\n  o(\"cm:undo\", \"Undo\", \"Undo2\", \"Clipboard\", { shortcut: \"⌘Z\" }),\n  o(\"cm:redo\", \"Redo\", \"Redo2\", \"Clipboard\", { shortcut: \"⇧⌘Z\" }),\n  o(\"cm:find\", \"Find & Replace\", \"Search\", \"Clipboard\", { shortcut: \"⌘F\" }),\n  o(\"cm:select-all\", \"Select All\", \"TextSelect\", \"Clipboard\", { shortcut: \"⌘A\" }),\n  o(\"cm:copy-as\", \"Copy as…\", \"CopyPlus\", \"Clipboard\"),\n  o(\"cm:json\", \"Copy as JSON\", \"Braces\", \"Clipboard\"),\n  o(\"copy-html-page\", \"Copy as HTML page\", \"FileCode\", \"Clipboard\"),\n  o(\"cm:insert-reference\", \"Insert / Copy reference…\", \"AtSign\", \"Clipboard\"),\n\n  // Edit\n  o(\"cm:save\", \"Save\", \"Save\", \"Edit\", { shortcut: \"⌘S\" }),\n  o(\"duplicate\", \"Duplicate\", \"CopyPlus\", \"Edit\"),\n  o(\"rename\", \"Rename\", \"PenLine\", \"Edit\"),\n  o(\"edit\", \"Edit\", \"Pencil\", \"Edit\"),\n  o(\"favorite\", \"Add to favorites\", \"Star\", \"Edit\"),\n  o(\"archive\", \"Archive\", \"Archive\", \"Edit\", { danger: true }),\n  o(\"cm:delete\", \"Delete\", \"Trash2\", \"Edit\", { danger: true }),\n\n  // AI\n  o(\"cm:chat\", \"Chat about this\", \"MessageSquare\", \"AI\", { ai: true }),\n  o(\"cm:quick-actions\", \"Quick Actions\", \"Zap\", \"AI\", { ai: true }),\n  o(\"cm:placement:ai-action\", \"AI Actions\", \"Sparkles\", \"AI\", { ai: true }),\n  o(\"cm:placement:content-block\", \"Content blocks\", \"Blocks\", \"AI\", { ai: true }),\n  o(\"cm:placement:organization-tool\", \"Org Items\", \"Building2\", \"AI\", { ai: true }),\n  o(\"cm:placement:user-tool\", \"My Items\", \"User\", \"AI\", { ai: true }),\n  o(\"cm:placement:quick-action\", \"Quick actions (placement)\", \"Zap\", \"AI\", { ai: true }),\n  o(\"cm:placement:bound-agent\", \"Agents\", \"Bot\", \"AI\", { ai: true }),\n  o(\"send-to-agent\", \"Send to agent…\", \"Send\", \"AI\", { ai: true }),\n  o(\"continue-in-chat\", \"Continue in chat\", \"MessagesSquare\", \"AI\", { ai: true }),\n  o(\"regenerate-response\", \"Regenerate\", \"RefreshCw\", \"AI\", { ai: true }),\n  o(\"code-block-chart\", \"Make a chart\", \"ChartColumn\", \"AI\", { ai: true }),\n  o(\"ai-improve\", \"Improve writing\", \"Wand2\", \"AI\", { ai: true, status: \"proposed\" }),\n  o(\"ai-summarize\", \"Summarize\", \"ListCollapse\", \"AI\", { ai: true, status: \"proposed\" }),\n  o(\"ai-explain\", \"Explain\", \"Lightbulb\", \"AI\", { ai: true, status: \"proposed\" }),\n  o(\"ai-translate\", \"Translate…\", \"Languages\", \"AI\", { ai: true, status: \"proposed\" }),\n\n  // Save & export\n  o(\"cm:export\", \"Export\", \"FileOutput\", \"Save & export\"),\n  o(\"cm:convert\", \"Convert to…\", \"ArrowRightLeft\", \"Save & export\"),\n  o(\"save-as-file\", \"Save as file\", \"FileDown\", \"Save & export\"),\n  o(\"download-pdf\", \"Download PDF\", \"FileText\", \"Save & export\"),\n  o(\"download-docx\", \"Download Word\", \"FileType\", \"Save & export\"),\n  o(\"download-html\", \"Download HTML\", \"FileCode2\", \"Save & export\"),\n  o(\"print\", \"Print\", \"Printer\", \"Save & export\", { shortcut: \"⌘P\" }),\n\n  // Share & publish\n  o(\"cm:share\", \"Share…\", \"Share2\", \"Share & publish\"),\n  o(\"share-link\", \"Copy share link\", \"Link\", \"Share & publish\"),\n  o(\"send-google-doc\", \"Send to Google Docs\", \"FileUp\", \"Share & publish\"),\n  o(\"email-to-me\", \"Email to me\", \"Mail\", \"Share & publish\"),\n  o(\"html-preview\", \"Preview as web page\", \"Eye\", \"Share & publish\"),\n  o(\"share-webpage\", \"Publish as web page\", \"Globe\", \"Share & publish\"),\n\n  // Organize\n  o(\"cm:attach\", \"Attach to…\", \"Paperclip\", \"Organize\"),\n  o(\"set-context-value\", \"Set as context\", \"Pin\", \"Organize\"),\n  o(\"pin-message\", \"Pin\", \"Pin\", \"Organize\"),\n  o(\"notes-and-comments\", \"Notes & comments\", \"StickyNote\", \"Organize\"),\n  o(\"move\", \"Move to folder…\", \"FolderInput\", \"Organize\"),\n  o(\"tags\", \"Tags…\", \"Tags\", \"Organize\"),\n\n  // History & compare\n  o(\"cm:view-history\", \"View history\", \"History\", \"History & compare\"),\n  o(\"edit-history\", \"Edit history\", \"GitCommitVertical\", \"History & compare\"),\n  o(\"fork-at-message\", \"Fork from here\", \"GitBranch\", \"History & compare\"),\n  o(\"cm:compare\", \"Compare…\", \"GitCompareArrows\", \"History & compare\"),\n  o(\"compare-with-clipboard\", \"Compare with clipboard\", \"ClipboardList\", \"History & compare\"),\n  o(\"set-compare-base\", \"Set as compare base\", \"Flag\", \"History & compare\"),\n\n  // Listen\n  o(\"cm:speak\", \"Read aloud\", \"Volume2\", \"Listen\"),\n  o(\"cm:listen\", \"Dictate\", \"Mic\", \"Listen\"),\n  o(\"tts-voice-settings\", \"Voice settings\", \"AudioLines\", \"Listen\"),\n\n  // Page rows: notes\n  o(\"notes:close-tab\", \"Close tab\", \"X\", \"Page: notes\"),\n  o(\"notes:close-others\", \"Close other tabs\", \"PanelTopClose\", \"Page: notes\"),\n  o(\"notes:export-md\", \"Export as Markdown\", \"FileDown\", \"Page: notes\"),\n  o(\"notes:share-clipboard\", \"Copy to clipboard\", \"ClipboardCopy\", \"Page: notes\"),\n  o(\"notes:convert-artifacts\", \"Convert to artifacts\", \"Shapes\", \"Page: notes\"),\n  o(\"notes:trash\", \"Move to Trash\", \"Trash2\", \"Page: notes\", { danger: true }),\n\n  // Page rows: a record (quiz row, table row)\n  o(\"row:open\", \"Open\", \"SquareArrowOutUpRight\", \"Page: record\"),\n  o(\"row:open-tab\", \"Open in new tab\", \"ExternalLink\", \"Page: record\"),\n  o(\"row:take\", \"Take\", \"Play\", \"Page: record\"),\n  o(\"row:results\", \"Results\", \"ChartBar\", \"Page: record\"),\n  o(\"row:manage\", \"Manage\", \"Settings2\", \"Page: record\"),\n  o(\"row:restore\", \"Restore\", \"ArchiveRestore\", \"Page: record\"),\n\n  // Page rows: chat message\n  o(\"regenerate-latest\", \"Regenerate latest\", \"RotateCcw\", \"Page: chat message\", { ai: true }),\n  o(\"fork-and-regenerate\", \"Fork and regenerate\", \"GitFork\", \"Page: chat message\", { ai: true }),\n  o(\"feedback-up\", \"Good response\", \"ThumbsUp\", \"Page: chat message\"),\n  o(\"feedback-down\", \"Bad response\", \"ThumbsDown\", \"Page: chat message\"),\n\n  // Tools & admin\n  o(\"cm:x:surface\", \"This page (location, context, agents)\", \"MapPin\", \"Tools & admin\"),\n  o(\"cm:admin\", \"Admin tools\", \"Shield\", \"Tools & admin\"),\n  o(\"feedback\", \"Send feedback\", \"MessageSquareWarning\", \"Tools & admin\"),\n  o(\"keyboard-shortcuts\", \"Keyboard shortcuts\", \"Keyboard\", \"Tools & admin\", { status: \"proposed\" }),\n];\n\nexport const CATALOG_GROUPS: readonly CatalogGroup[] = [...new Set(CATALOG.map((c) => c.group))];\n\nexport function catalogOption(id: string): CatalogOption | undefined {\n  return CATALOG.find((c) => c.id === id);\n}\n\n/** Ready-made pieces: dropping one inserts the whole block. */\nexport interface CatalogTemplate {\n  id: string;\n  label: string;\n  icon: string;\n  build: () => MenuNode;\n}\n\nlet seq = 0;\nconst tid = (p: string) => `${p}_t${Date.now().toString(36)}${(seq++).toString(36)}`;\n\nfunction itemFrom(id: string): MenuNode {\n  const c = catalogOption(id);\n  return {\n    id: tid(\"i\"),\n    kind: \"item\",\n    catalogId: id,\n    label: c?.label ?? id,\n    icon: c?.icon ?? \"Circle\",\n    ...(c?.shortcut ? { shortcut: c.shortcut } : {}),\n    ...(c?.danger ? { danger: true } : {}),\n    ...(c?.ai ? { ai: true } : {}),\n  };\n}\n\nconst strip = (label: string, ids: string[]): MenuNode => ({\n  id: tid(\"s\"),\n  kind: \"section\",\n  label,\n  layout: \"row\",\n  children: ids.map(itemFrom),\n});\n\nconst sub = (label: string, icon: string, ids: string[]): MenuNode => ({\n  id: tid(\"m\"),\n  kind: \"submenu\",\n  label,\n  icon,\n  children: ids.map(itemFrom),\n});\n\nexport const TEMPLATES: readonly CatalogTemplate[] = [\n  { id: \"strip-thing\", label: \"Icon strip — a thing\", icon: \"Rows2\", build: () => strip(\"\", [\"cm:copy\", \"cm:share\", \"duplicate\", \"favorite\", \"save-as-file\", \"archive\"]) },\n  { id: \"strip-edit\", label: \"Icon strip — editable text\", icon: \"Rows2\", build: () => strip(\"\", [\"cm:cut\", \"cm:copy\", \"cm:paste\", \"cm:undo\", \"cm:redo\", \"cm:find\"]) },\n  { id: \"strip-read\", label: \"Icon strip — read-only text\", icon: \"Rows2\", build: () => strip(\"\", [\"cm:copy\", \"cm:speak\", \"cm:find\", \"cm:share\"]) },\n  { id: \"sub-intelligence\", label: \"Intelligence ▸\", icon: \"Sparkles\", build: () => sub(\"Intelligence\", \"Sparkles\", [\"cm:chat\", \"cm:placement:ai-action\", \"cm:placement:bound-agent\", \"send-to-agent\"]) },\n  { id: \"sub-save-share\", label: \"Save & share ▸\", icon: \"Share2\", build: () => sub(\"Save & share\", \"Share2\", [\"cm:copy-as\", \"save-as-file\", \"cm:convert\", \"share-webpage\", \"cm:share\"]) },\n  { id: \"sub-organize\", label: \"Organize ▸\", icon: \"Tags\", build: () => sub(\"Organize\", \"Tags\", [\"cm:attach\", \"pin-message\", \"cm:view-history\", \"cm:compare\"]) },\n  { id: \"sub-tools\", label: \"Tools ▸\", icon: \"Wrench\", build: () => sub(\"Tools\", \"Wrench\", [\"cm:speak\", \"cm:quick-actions\", \"feedback\", \"cm:x:surface\", \"cm:admin\"]) },\n];\n","// src/design/MenuPreview.tsx — @ai-matrx/context-menu: DRAWS A DESIGN AS THE MENU IT DESCRIBES.\n//\n// The same component draws the builder's live preview and the right-click test menu, so what the\n// designer sees is what opens. Icons come from the host (`renderIcon`), so this file has no icon set.\n\nimport { useMemo, useState, type CSSProperties, type ReactNode } from \"react\";\nimport { isContainer, type MenuDesign, type MenuItemNode, type MenuNode, type MenuSubmenuNode } from \"./model\";\n\nexport interface MenuPreviewProps {\n  design: MenuDesign;\n  renderIcon: (name: string, className?: string) => ReactNode;\n  /** The entry highlighted as \"selected in the builder\". */\n  highlightId?: string | null;\n  /** A click on any entry. */\n  onSelectNode?: (id: string) => void;\n  /** A click on an item (the menu's action). */\n  onPick?: (item: MenuItemNode) => void;\n  className?: string;\n  style?: CSSProperties;\n}\n\nfunction matches(node: MenuNode, q: string): boolean {\n  if (!q) return true;\n  if (node.kind === \"divider\") return false;\n  if (node.kind === \"item\") return node.label.toLowerCase().includes(q);\n  return node.label.toLowerCase().includes(q) || node.children.some((c) => matches(c, q));\n}\n\n/** While searching: one flat list of matching items, the way a command palette reads. */\nfunction flatten(nodes: readonly MenuNode[], q: string, out: MenuItemNode[] = []): MenuItemNode[] {\n  for (const n of nodes) {\n    if (n.kind === \"item\" && matches(n, q)) out.push(n);\n    else if (isContainer(n)) flatten(n.children, q, out);\n  }\n  return out;\n}\n\nexport function MenuPreview({ design, renderIcon, highlightId, onSelectNode, onPick, className, style }: MenuPreviewProps) {\n  const [query, setQuery] = useState(\"\");\n  const q = query.trim().toLowerCase();\n  const { look } = design;\n  const results = useMemo(() => (q ? flatten(design.nodes, q) : null), [design.nodes, q]);\n\n  return (\n    <div\n      role=\"menu\"\n      data-density={look.density}\n      className={`cm-menu ${className ?? \"\"}`}\n      style={{ width: look.width, ...style }}\n    >\n      {look.search && (\n        <div className=\"cm-search\">\n          {renderIcon(\"Search\", \"cm-icon\")}\n          {/* ui-exception: the menu's own filter row — this file IS the menu component */}\n          <input value={query} onChange={(e) => setQuery(e.target.value)} placeholder=\"Type to filter…\" aria-label=\"Filter menu\" />\n        </div>\n      )}\n      {results ? (\n        results.length === 0 ? (\n          <div className=\"cm-empty\">No matches</div>\n        ) : (\n          results.map((n) => <Item key={n.id} node={n} ctx={{ design, renderIcon, highlightId, onSelectNode, onPick }} />)\n        )\n      ) : design.nodes.length === 0 ? (\n        <div className=\"cm-empty\">Empty menu — drag options in</div>\n      ) : (\n        <Nodes nodes={design.nodes} ctx={{ design, renderIcon, highlightId, onSelectNode, onPick }} />\n      )}\n    </div>\n  );\n}\n\ninterface Ctx {\n  design: MenuDesign;\n  renderIcon: MenuPreviewProps[\"renderIcon\"];\n  highlightId: string | null | undefined;\n  onSelectNode: MenuPreviewProps[\"onSelectNode\"];\n  onPick: MenuPreviewProps[\"onPick\"];\n}\n\nfunction Nodes({ nodes, ctx }: { nodes: readonly MenuNode[]; ctx: Ctx }) {\n  return (\n    <>\n      {nodes.map((n) => {\n        if (n.kind === \"divider\") return <div key={n.id} role=\"separator\" className=\"cm-divider\" />;\n        if (n.kind === \"item\") return <Item key={n.id} node={n} ctx={ctx} />;\n        if (n.kind === \"submenu\") return <Submenu key={n.id} node={n} ctx={ctx} />;\n        return <Section key={n.id} node={n} ctx={ctx} />;\n      })}\n    </>\n  );\n}\n\nfunction Section({ node, ctx }: { node: Extract<MenuNode, { kind: \"section\" }>; ctx: Ctx }) {\n  const [open, setOpen] = useState(!node.collapsible);\n  const layout = node.layout ?? \"list\";\n  return (\n    <div className={`cm-section ${ctx.highlightId === node.id ? \"cm-hl\" : \"\"}`} data-layout={layout}>\n      {node.label && (\n        // ui-exception: a menu row of the menu component itself\n        <button\n          type=\"button\"\n          className=\"cm-section-label\"\n          onClick={() => {\n            ctx.onSelectNode?.(node.id);\n            if (node.collapsible) setOpen((o) => !o);\n          }}\n        >\n          {node.label}\n          {node.collapsible && <span className=\"cm-caret\">{open ? \"▾\" : \"▸\"}</span>}\n        </button>\n      )}\n      {open && (\n        <div className=\"cm-section-body\">\n          {layout === \"list\" ? (\n            <Nodes nodes={node.children} ctx={ctx} />\n          ) : (\n            node.children.map((c) =>\n              c.kind === \"item\" ? <Tile key={c.id} node={c} ctx={ctx} /> : <Nodes key={c.id} nodes={[c]} ctx={ctx} />,\n            )\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction Tile({ node, ctx }: { node: MenuItemNode; ctx: Ctx }) {\n  return (\n    // ui-exception: a menu row of the menu component itself\n    <button\n      type=\"button\"\n      role=\"menuitem\"\n      title={node.label + (node.shortcut ? `  ${node.shortcut}` : \"\")}\n      disabled={node.disabled}\n      className={`cm-tile ${node.danger ? \"cm-danger\" : \"\"} ${node.ai ? \"cm-ai\" : \"\"} ${ctx.highlightId === node.id ? \"cm-hl\" : \"\"}`}\n      onClick={() => {\n        ctx.onSelectNode?.(node.id);\n        ctx.onPick?.(node);\n      }}\n    >\n      {ctx.renderIcon(node.icon ?? \"Circle\", \"cm-icon\")}\n    </button>\n  );\n}\n\nfunction Item({ node, ctx }: { node: MenuItemNode; ctx: Ctx }) {\n  const { look } = ctx.design;\n  const [checked, setChecked] = useState(false);\n  return (\n    // ui-exception: a menu row of the menu component itself\n    <button\n      type=\"button\"\n      role={node.toggle ? \"menuitemcheckbox\" : \"menuitem\"}\n      aria-checked={node.toggle ? checked : undefined}\n      disabled={node.disabled}\n      className={`cm-item ${node.danger ? \"cm-danger\" : \"\"} ${node.ai ? \"cm-ai\" : \"\"} ${ctx.highlightId === node.id ? \"cm-hl\" : \"\"}`}\n      onClick={() => {\n        ctx.onSelectNode?.(node.id);\n        if (node.toggle) setChecked((c) => !c);\n        ctx.onPick?.(node);\n      }}\n    >\n      {look.showIcons && <span className=\"cm-icon-slot\">{node.toggle ? (checked ? ctx.renderIcon(\"Check\", \"cm-icon\") : null) : node.icon ? ctx.renderIcon(node.icon, \"cm-icon\") : null}</span>}\n      <span className=\"cm-text\">\n        <span className=\"cm-label\">{node.label}</span>\n        {look.showHints && node.hint && <span className=\"cm-hint\">{node.hint}</span>}\n      </span>\n      {look.showShortcuts && node.shortcut && <kbd className=\"cm-shortcut\">{node.shortcut}</kbd>}\n    </button>\n  );\n}\n\nfunction Submenu({ node, ctx }: { node: MenuSubmenuNode; ctx: Ctx }) {\n  const { look } = ctx.design;\n  const [open, setOpen] = useState(false);\n  const [side, setSide] = useState<\"right\" | \"left\">(\"right\");\n  const show = (el: HTMLElement) => {\n    // No room on the right → open to the left, the way a native menu flips at a screen edge.\n    const r = el.getBoundingClientRect();\n    setSide(r.right + look.width + 8 > window.innerWidth ? \"left\" : \"right\");\n    setOpen(true);\n  };\n  return (\n    <div className=\"cm-sub\" onMouseEnter={(e) => show(e.currentTarget)} onMouseLeave={() => setOpen(false)}>\n      {/* ui-exception: a menu row of the menu component itself */}\n      <button\n        type=\"button\"\n        role=\"menuitem\"\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        className={`cm-item ${ctx.highlightId === node.id ? \"cm-hl\" : \"\"}`}\n        onClick={() => {\n          ctx.onSelectNode?.(node.id);\n          setOpen(true);\n        }}\n      >\n        {look.showIcons && <span className=\"cm-icon-slot\">{node.icon ? ctx.renderIcon(node.icon, \"cm-icon\") : null}</span>}\n        <span className=\"cm-text\">\n          <span className=\"cm-label\">{node.label}</span>\n          {look.showHints && node.hint && <span className=\"cm-hint\">{node.hint}</span>}\n        </span>\n        {ctx.renderIcon(\"ChevronRight\", \"cm-icon cm-chev\")}\n      </button>\n      {open && (\n        <div role=\"menu\" className=\"cm-menu cm-flyout\" data-side={side} data-density={look.density} style={{ width: look.width }}>\n          {node.children.length === 0 ? <div className=\"cm-empty\">Empty submenu</div> : <Nodes nodes={node.children} ctx={ctx} />}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":["o"]}