@pixerate/editor-react 0.3.2 → 0.3.4

package/dist/index.cjs

@@ -556,7 +556,8 @@ var SpreadsheetEditor = ({
   readOnly = false,
   customCellRenderer,
   onAddColumnClick,
-  onColumnHeaderClick
+  onColumnHeaderClick,
+  onColumnResize
 }) => {
   const defaultState = useSpreadsheetEditor();
   const state = externalState || defaultState;
@@ -653,20 +654,36 @@ var SpreadsheetEditor = ({
   }, [readOnly, state]);
   (0, import_react8.useEffect)(() => {
     if (!resizingColId) return;
+    if (typeof document !== "undefined") {
+      document.body.style.cursor = "col-resize";
+      document.body.style.userSelect = "none";
+    }
     const handleMouseMove = (e) => {
       const delta = e.clientX - resizeStartX;
       state.setColumnWidth(resizingColId, Math.max(60, resizeStartWidth + delta));
     };
     const handleMouseUp = () => {
+      const col = state.document.columns.find((c) => c.id === resizingColId);
+      if (col && onColumnResize) {
+        onColumnResize(col.id, col.width || resizeStartWidth);
+      }
       setResizingColId(null);
+      if (typeof document !== "undefined") {
+        document.body.style.cursor = "";
+        document.body.style.userSelect = "";
+      }
     };
     window.addEventListener("mousemove", handleMouseMove);
     window.addEventListener("mouseup", handleMouseUp);
     return () => {
+      if (typeof document !== "undefined") {
+        document.body.style.cursor = "";
+        document.body.style.userSelect = "";
+      }
       window.removeEventListener("mousemove", handleMouseMove);
       window.removeEventListener("mouseup", handleMouseUp);
     };
-  }, [resizingColId, resizeStartX, resizeStartWidth, state]);
+  }, [resizingColId, resizeStartX, resizeStartWidth, state, onColumnResize]);
   const isCellSelected = (rIdx, cIdx) => {
     if (!state.selectedRange) return false;
     const minR = Math.min(state.selectedRange.startRow, state.selectedRange.endRow);

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/hooks/usePromptEditor.ts","../src/hooks/useEditor.ts","../src/components/EditorContent.tsx","../src/components/BubbleMenu.tsx","../src/components/TemplateRenderer.tsx","../src/spreadsheet/useSpreadsheetEditor.ts","../src/spreadsheet/SpreadsheetEditor.tsx"],"sourcesContent":["export * from \"./hooks/usePromptEditor\";\nexport * from \"./hooks/useEditor\";\nexport * from \"./components/EditorContent\";\nexport * from \"./components/BubbleMenu\";\nexport * from \"./components/TemplateRenderer\";\n\n// Re-export core types for easy consumer access\nexport type {\n  Template,\n  TemplateVersion,\n  Token,\n  TokenType,\n  ColorGradient,\n  RichTextPresetOptions,\n} from \"@pixerate/editor\";\n\nexport * from \"./spreadsheet\";\n","import { useMemo, useEffect, useRef } from \"react\";\nimport { useEditor } from \"@tiptap/react\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport Placeholder from \"@tiptap/extension-placeholder\";\nimport { Slice, Fragment, Node as ProsemirrorNode } from \"@tiptap/pm/model\";\nimport {\n  Template,\n  ColorGradient,\n  GradientText,\n  TemplateSuggestions,\n  LoadingNode,\n  plainTextToTipTapHtml,\n  getEditorText,\n} from \"@pixerate/editor\";\n\nexport interface UsePromptEditorProps {\n  /** The initial or controlled content of the editor as plain text */\n  content: string;\n  /** Callback fired when the editor content changes (returns plain text) */\n  onContentChange: (text: string) => void;\n  /** List of available templates to be suggested and highlighted */\n  templates?: Template[];\n  /** Custom gradient color map for templates */\n  templateColorMap?: Map<string, ColorGradient>;\n  /** Whether the editor is editable */\n  isEditing?: boolean;\n  /** Placeholder text for the editor */\n  placeholder?: string;\n  /** Additional CSS classes for the editor container */\n  className?: string;\n  /** Callback fired when the Escape key is pressed */\n  onEscape?: () => void;\n  /** Custom keydown handler. Return true to prevent default behavior */\n  onKeyDown?: (event: KeyboardEvent) => boolean;\n  /** Callback fired when text selection changes */\n  onSelectionChange?: (selection: { from: number; to: number } | null) => void;\n  /** Callback fired when a slash command (e.g., /template) matches */\n  onSlashCommandMatch?: (\n    match: RegExpMatchArray,\n    from: number,\n    to: number,\n    coords: { top: number; left: number },\n  ) => void;\n  /** Callback to dismiss/clear the active slash command */\n  clearSlashCommand?: () => void;\n  /** Whether a slash command menu is currently active */\n  slashCommandActive?: boolean;\n  /** Callback fired when certain milestones are reached (e.g., used_variable, used_magic) */\n  onMilestone?: (milestone: string) => void;\n  /** DOM element ID of the container, used for positioning popovers */\n  containerId?: string;\n  /** Variable names originating from structured JSON output steps */\n  jsonVariables?: string[];\n  /** Animation speed for gradient decorations */\n  speed?: number;\n}\n\nconst DEFAULT_TEMPLATES: Template[] = [];\nconst DEFAULT_COLOR_MAP = new Map<string, ColorGradient>([\n  [\"default\", { from: \"#f43f5e\", to: \"#8b5cf6\" }],\n]);\n\nexport function usePromptEditor({\n  content,\n  onContentChange,\n  templates = DEFAULT_TEMPLATES,\n  templateColorMap: userColorMap,\n  isEditing = true,\n  placeholder = \"Write a prompt, use {{template}}, {variable}, or /command...\",\n  className,\n  onEscape,\n  onKeyDown,\n  onSelectionChange,\n  onSlashCommandMatch,\n  clearSlashCommand,\n  slashCommandActive = false,\n  onMilestone,\n  containerId = \"editor-container\",\n  jsonVariables,\n  speed = 2,\n}: UsePromptEditorProps) {\n  const slashCommandActiveRef = useRef(slashCommandActive);\n  slashCommandActiveRef.current = slashCommandActive;\n\n  const clearSlashCommandRef = useRef(clearSlashCommand);\n  clearSlashCommandRef.current = clearSlashCommand;\n\n  const onEscapeRef = useRef(onEscape);\n  onEscapeRef.current = onEscape;\n\n  const onKeyDownRef = useRef(onKeyDown);\n  onKeyDownRef.current = onKeyDown;\n\n  const onSelectionChangeRef = useRef(onSelectionChange);\n  onSelectionChangeRef.current = onSelectionChange;\n\n  const onSlashCommandMatchRef = useRef(onSlashCommandMatch);\n  onSlashCommandMatchRef.current = onSlashCommandMatch;\n\n  const onContentChangeRef = useRef(onContentChange);\n  onContentChangeRef.current = onContentChange;\n\n  const onMilestoneRef = useRef(onMilestone);\n  onMilestoneRef.current = onMilestone;\n\n  const containerIdRef = useRef(containerId);\n  containerIdRef.current = containerId;\n\n  const templateKey = useMemo(() => {\n    return (templates || [])\n      .map((t) => `${t.id || t.name}:${(t as any).latestVersion || \"\"}`)\n      .sort()\n      .join(\",\");\n  }, [templates]);\n\n  const resolvedColorMap = useMemo(() => {\n    if (userColorMap) return userColorMap;\n    const map = new Map<string, ColorGradient>();\n    templates.forEach((t) => {\n      map.set(t.name, { from: \"#f43f5e\", to: \"#8b5cf6\" });\n    });\n    return map.size > 0 ? map : DEFAULT_COLOR_MAP;\n  }, [userColorMap, templateKey]);\n\n  const StarterKitExt =\n    (StarterKit as any)?.configure\n      ? StarterKit\n      : (StarterKit as any)?.default?.configure\n        ? (StarterKit as any)?.default\n        : StarterKit;\n\n  const PlaceholderExt =\n    (Placeholder as any)?.configure\n      ? Placeholder\n      : (Placeholder as any)?.default?.configure\n        ? (Placeholder as any)?.default\n        : Placeholder;\n\n  const editor = useEditor(\n    {\n      immediatelyRender: false,\n      enablePasteRules: false,\n      enableInputRules: false,\n      editable: isEditing,\n      extensions: [\n        StarterKitExt.configure({\n          heading: false,\n          codeBlock: false,\n        }),\n        PlaceholderExt.configure({ placeholder }),\n        GradientText.configure({\n          templateColorMap: resolvedColorMap,\n          speed,\n          jsonVariables,\n        }),\n        TemplateSuggestions.configure({\n          templates,\n        }),\n        LoadingNode,\n      ],\n      content: plainTextToTipTapHtml(content),\n      onUpdate: ({ editor: ed }) => {\n        const plainText = getEditorText(ed);\n        onContentChangeRef.current?.(plainText);\n\n        if (onMilestoneRef.current) {\n          if (plainText.match(/(?<!\\{)\\{([^{}]+)\\}(?!\\})/g)) {\n            onMilestoneRef.current(\"used_variable\");\n          }\n          if (plainText.match(/__([^_]+)__/g)) {\n            onMilestoneRef.current(\"used_magic\");\n          }\n        }\n\n        const { state, view } = ed;\n        const { selection } = state;\n        const { $from, from, to } = selection;\n\n        onSelectionChangeRef.current?.({ from, to });\n\n        if (onSlashCommandMatchRef.current && clearSlashCommandRef.current) {\n          const textBeforeCursor = $from?.parent?.textBetween\n            ? $from.parent.textBetween(0, $from.parentOffset)\n            : \"\";\n          const slashMatch = textBeforeCursor.match(\n            /(?:^|\\s)\\/([a-zA-Z0-9_-]*)$/,\n          );\n\n          if (slashMatch) {\n            const coords = view.coordsAtPos($from.pos);\n            const containerEl =\n              document.getElementById(containerIdRef.current) ||\n              document.getElementById(\"editor-container\") ||\n              (view.dom.closest?.(\".relative\") as HTMLElement | null);\n            const containerCoords = containerEl?.getBoundingClientRect();\n\n            if (containerCoords) {\n              onSlashCommandMatchRef.current(\n                slashMatch,\n                $from.pos -\n                  slashMatch[0].length +\n                  (slashMatch[0].startsWith(\" \") ? 1 : 0),\n                $from.pos,\n                {\n                  top: coords.bottom - containerCoords.top + 5,\n                  left: coords.left - containerCoords.left,\n                },\n              );\n            }\n          } else {\n            clearSlashCommandRef.current();\n          }\n        }\n      },\n      onSelectionUpdate: ({ editor: ed }) => {\n        const { from, to } = ed.state.selection;\n        onSelectionChangeRef.current?.({ from, to });\n      },\n      editorProps: {\n        attributes: {\n          class:\n            className ||\n            \"w-full border border-input rounded-md p-3 font-mono text-sm leading-relaxed focus:outline-none focus:ring-2 focus:ring-primary whitespace-pre-wrap break-words\",\n          role: \"textbox\",\n          \"aria-label\": \"Prompt editor\",\n        },\n        handleKeyDown(view, event) {\n          if (slashCommandActiveRef.current) {\n            if (\n              event.key === \"ArrowUp\" ||\n              event.key === \"ArrowDown\" ||\n              event.key === \"Enter\"\n            ) {\n              event.preventDefault();\n              return true;\n            }\n            if (event.key === \"Escape\") {\n              clearSlashCommandRef.current?.();\n              event.preventDefault();\n              event.stopPropagation();\n              return true;\n            }\n          }\n          if (onKeyDownRef.current && onKeyDownRef.current(event as KeyboardEvent)) {\n            return true;\n          }\n          if (event.key === \"Escape\" && onEscapeRef.current) {\n            onEscapeRef.current();\n            return true;\n          }\n          return false;\n        },\n        handlePaste: (view, event) => {\n          const text = event.clipboardData?.getData(\"text/plain\");\n          if (!text) return false;\n          event.preventDefault();\n          const schema = view.state.schema;\n          if (!schema) return false;\n\n          const blocks = text.replace(/\\r\\n?/g, \"\\n\").split(\"\\n\");\n          const nodes: ProsemirrorNode[] = [];\n          blocks.forEach((line) => {\n            const nodeJson: any = { type: \"paragraph\" };\n            if (line.length > 0) {\n              nodeJson.content = [{ type: \"text\", text: line }];\n            }\n            try {\n              const node = ProsemirrorNode.fromJSON(schema, nodeJson);\n              nodes.push(node);\n            } catch {\n              // Ignore\n            }\n          });\n\n          const parsedSlice = Slice.maxOpen(Fragment.fromArray(nodes));\n          const tr = view.state.tr.replaceSelection(parsedSlice);\n          view.dispatch(tr);\n          return true;\n        },\n        clipboardTextParser: (text, context, _plain, view) => {\n          const schema =\n            (context as any)?.doc?.type?.schema ||\n            (context as any)?.schema ||\n            view?.state?.schema;\n\n          if (!schema) return Slice.empty;\n\n          const blocks = text.replace(/\\r\\n?/g, \"\\n\").split(\"\\n\");\n          const nodes: ProsemirrorNode[] = [];\n\n          blocks.forEach((line) => {\n            const nodeJson: any = { type: \"paragraph\" };\n            if (line.length > 0) {\n              nodeJson.content = [{ type: \"text\", text: line }];\n            }\n            try {\n              const node = ProsemirrorNode.fromJSON(schema, nodeJson);\n              nodes.push(node);\n            } catch {\n              // Ignore\n            }\n          });\n\n          return Slice.maxOpen(Fragment.fromArray(nodes));\n        },\n      },\n    },\n    [resolvedColorMap, templateKey, isEditing, placeholder, speed],\n  );\n\n  useEffect(() => {\n    if (editor && !editor.isDestroyed) {\n      editor.setEditable(isEditing);\n    }\n  }, [editor, isEditing]);\n\n  return editor;\n}\n","import { useEditor as useTipTapEditor, UseEditorOptions } from \"@tiptap/react\";\nimport { createRichTextPreset, RichTextPresetOptions } from \"@pixerate/editor\";\n\nexport interface UseRichEditorProps extends UseEditorOptions {\n  richTextOptions?: RichTextPresetOptions;\n}\n\n/**\n * Hook to initialize a TipTap rich-text editor instance with pre-configured extensions.\n */\nexport function useEditor(options: UseRichEditorProps = {}) {\n  const { richTextOptions, extensions = [], ...editorOptions } = options;\n\n  const preset = createRichTextPreset(richTextOptions);\n  const combinedExtensions = [...preset, ...extensions];\n\n  return useTipTapEditor({\n    extensions: combinedExtensions,\n    ...editorOptions,\n  });\n}\n","import React from \"react\";\nimport {\n  EditorContent as TipTapEditorContent,\n  EditorContentProps as TipTapEditorContentProps,\n} from \"@tiptap/react\";\n\nexport interface EditorContentProps extends TipTapEditorContentProps {\n  className?: string;\n}\n\nexport const EditorContent: React.FC<EditorContentProps> = ({\n  className,\n  editor,\n  ...props\n}) => {\n  return (\n    <div className={className}>\n      <TipTapEditorContent editor={editor} {...props} />\n    </div>\n  );\n};\n","import React, { useEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport {\n  BubbleMenuPlugin,\n  type BubbleMenuPluginProps,\n} from \"@tiptap/extension-bubble-menu\";\nimport type { Editor } from \"@tiptap/core\";\n\nexport interface BubbleMenuProps {\n  editor: Editor | null;\n  className?: string;\n  children: React.ReactNode;\n  tippyOptions?: BubbleMenuPluginProps[\"tippyOptions\"];\n  shouldShow?: BubbleMenuPluginProps[\"shouldShow\"];\n  pluginKey?: BubbleMenuPluginProps[\"pluginKey\"];\n  updateDelay?: BubbleMenuPluginProps[\"updateDelay\"];\n}\n\nexport const BubbleMenu: React.FC<BubbleMenuProps> = ({\n  editor,\n  className = \"flex items-center gap-1 bg-popover text-popover-foreground border shadow-md rounded-md p-1\",\n  children,\n  tippyOptions = { duration: 100 },\n  shouldShow = null,\n  pluginKey = \"bubbleMenu\",\n  updateDelay,\n}) => {\n  const menuEl = useRef<HTMLDivElement | null>(null);\n  const [mounted, setMounted] = useState(false);\n\n  if (!menuEl.current && typeof document !== \"undefined\") {\n    menuEl.current = document.createElement(\"div\");\n  }\n\n  useEffect(() => {\n    if (!editor || !menuEl.current || editor.isDestroyed) {\n      return;\n    }\n\n    const element = menuEl.current;\n    element.className = className;\n\n    const plugin = BubbleMenuPlugin({\n      editor,\n      element,\n      pluginKey,\n      tippyOptions,\n      shouldShow,\n      updateDelay,\n    });\n\n    editor.registerPlugin(plugin);\n    setMounted(true);\n\n    return () => {\n      setMounted(false);\n      editor.unregisterPlugin(pluginKey);\n      if (element.parentNode) {\n        element.parentNode.removeChild(element);\n      }\n    };\n  }, [editor, className, pluginKey]);\n\n  if (!editor || !menuEl.current || !mounted) {\n    return null;\n  }\n\n  return createPortal(children, menuEl.current);\n};\n","import React, { useMemo } from \"react\";\nimport {\n  tokenizePrompt,\n  resolveTemplates,\n  Template,\n  ColorGradient,\n} from \"@pixerate/editor\";\n\nexport interface TemplateRendererProps {\n  /** Raw prompt or text string to render */\n  content: string;\n  /** Available templates for recursive resolution and custom coloring */\n  templates?: Template[];\n  /** Custom gradient color map for templates */\n  templateColorMap?: Map<string, ColorGradient>;\n  /** Whether to resolve nested templates recursively before displaying */\n  resolve?: boolean;\n  /** Custom class name for the wrapper */\n  className?: string;\n  /** Click callback for template badges */\n  onTemplateClick?: (templateName: string) => void;\n  /** Click callback for variable badges */\n  onVariableClick?: (variableName: string) => void;\n}\n\nexport const TemplateRenderer: React.FC<TemplateRendererProps> = ({\n  content,\n  templates = [],\n  templateColorMap,\n  resolve = false,\n  className = \"font-mono text-sm leading-relaxed whitespace-pre-wrap break-words\",\n  onTemplateClick,\n  onVariableClick,\n}) => {\n  const displayText = useMemo(() => {\n    if (!resolve || templates.length === 0) return content;\n    return resolveTemplates(content, templates);\n  }, [content, templates, resolve]);\n\n  const tokens = useMemo(() => {\n    return tokenizePrompt(displayText);\n  }, [displayText]);\n\n  return (\n    <div className={className}>\n      {tokens.map((token, index) => {\n        if (token.type === \"template\") {\n          const colors = templateColorMap?.get(token.value) || {\n            from: \"#f43f5e\",\n            to: \"#8b5cf6\",\n          };\n          const style = {\n            \"--color-from\": colors.from,\n            \"--color-to\": colors.to,\n          } as React.CSSProperties;\n\n          return (\n            <span\n              key={index}\n              style={style}\n              onClick={() => onTemplateClick?.(token.value)}\n              className=\"inline-flex items-center px-1.5 py-0.5 mx-0.5 text-xs font-semibold rounded-md border border-[var(--color-to)]/40 bg-gradient-to-r from-[var(--color-from)]/15 to-[var(--color-to)]/15 text-[var(--color-to)] hover:brightness-110 cursor-pointer transition-all\"\n              title={`Template: ${token.value}`}\n            >\n              {`{{${token.value}}}`}\n            </span>\n          );\n        }\n\n        if (token.type === \"variable\") {\n          return (\n            <span\n              key={index}\n              onClick={() => onVariableClick?.(token.value)}\n              className=\"inline-flex items-center px-1.5 py-0.5 mx-0.5 text-xs font-medium rounded-md border border-violet-400/40 bg-violet-400/15 text-violet-600 dark:text-violet-300 hover:brightness-110 cursor-pointer transition-all\"\n              title={`Variable: ${token.value}`}\n            >\n              {`{${token.value}}`}\n            </span>\n          );\n        }\n\n        if (token.type === \"instruction\") {\n          return (\n            <span\n              key={index}\n              className=\"inline-flex items-center px-1.5 py-0.5 mx-0.5 text-xs italic font-medium rounded-md border border-rose-400/40 bg-rose-400/15 text-rose-600 dark:text-rose-300\"\n              title={`Instruction: ${token.value}`}\n            >\n              {`__${token.value}__`}\n            </span>\n          );\n        }\n\n        return <span key={index}>{token.value}</span>;\n      })}\n    </div>\n  );\n};\n","import { useState, useMemo, useCallback } from 'react';\nimport {\n  SpreadsheetController,\n  type SpreadsheetControllerOptions,\n  type SpreadsheetDocument,\n  type CellCoordinate,\n  type CellRange,\n  type SpreadsheetColumn,\n  type SpreadsheetRow,\n  type SpreadsheetDataSource\n} from '@pixerate/editor';\n\nexport function useSpreadsheetEditor(options: SpreadsheetControllerOptions = {}) {\n  const [doc, setDoc] = useState<SpreadsheetDocument>(() => ({\n    id: options.document?.id || `sheet_${Date.now()}`,\n    name: options.document?.name || 'Sheet 1',\n    columns: options.document?.columns || [],\n    rows: options.document?.rows || [],\n    cells: options.document?.cells || {},\n    createdAt: options.document?.createdAt || Date.now(),\n    updatedAt: options.document?.updatedAt || Date.now()\n  }));\n\n  const [activeCell, setActiveCell] = useState<CellCoordinate | null>(null);\n  const [selectedRange, setSelectedRange] = useState<CellRange | null>(null);\n  const [editingCell, setEditingCell] = useState<CellCoordinate | null>(null);\n  const [draftValue, setDraftValue] = useState<string>('');\n\n  const controller = useMemo(() => {\n    return new SpreadsheetController({\n      ...options,\n      onDocumentChange: (updated) => {\n        setDoc({ ...updated });\n        options.onDocumentChange?.(updated);\n      },\n      onSelectionChange: (active, range) => {\n        setActiveCell(active);\n        setSelectedRange(range);\n        options.onSelectionChange?.(active, range);\n      },\n      onCellCommit: (rowId, colId, raw, value) => {\n        options.onCellCommit?.(rowId, colId, raw, value);\n      }\n    });\n  }, []);\n\n  const setCellValue = useCallback((rowId: string, colId: string, raw: string) => {\n    controller.setCellValue(rowId, colId, raw);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const selectCell = useCallback((row: number, col: number, extendSelection = false) => {\n    controller.selectCell(row, col, extendSelection);\n    setActiveCell(controller.activeCell);\n    setSelectedRange(controller.selectedRange);\n  }, [controller]);\n\n  const selectRange = useCallback((range: CellRange) => {\n    controller.selectRange(range);\n    setSelectedRange(controller.selectedRange);\n  }, [controller]);\n\n  const startEditing = useCallback((row?: number, col?: number, initialVal?: string) => {\n    controller.startEditing(row, col, initialVal);\n    setActiveCell(controller.activeCell);\n    setEditingCell(controller.editingCell);\n    setDraftValue(controller.draftValue);\n  }, [controller]);\n\n  const commitEditing = useCallback((val?: string) => {\n    controller.commitEditing(val);\n    setEditingCell(null);\n    setDraftValue('');\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const cancelEditing = useCallback(() => {\n    controller.cancelEditing();\n    setEditingCell(null);\n    setDraftValue('');\n  }, [controller]);\n\n  const moveCursor = useCallback((dir: 'up' | 'down' | 'left' | 'right', extend = false) => {\n    controller.moveCursor(dir, extend);\n    setActiveCell(controller.activeCell);\n    setSelectedRange(controller.selectedRange);\n  }, [controller]);\n\n  const insertColumn = useCallback((index: number, config?: Partial<SpreadsheetColumn>) => {\n    controller.insertColumn(index, config);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const deleteColumn = useCallback((colId: string) => {\n    controller.deleteColumn(colId);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const insertRow = useCallback((index: number, config?: Partial<SpreadsheetRow>) => {\n    controller.insertRow(index, config);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const deleteRow = useCallback((rowId: string) => {\n    controller.deleteRow(rowId);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const setColumnWidth = useCallback((colId: string, width: number) => {\n    controller.setColumnWidth(colId, width);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const registerDataSource = useCallback((ds: SpreadsheetDataSource) => {\n    controller.registerDataSource(ds);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const setPrimaryDataSource = useCallback((id: string | undefined) => {\n    controller.setPrimaryDataSource(id);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const recalculateAll = useCallback(() => {\n    controller.recalculateAll();\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const undo = useCallback(() => {\n    controller.undo();\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const redo = useCallback(() => {\n    controller.redo();\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  return {\n    document: doc,\n    activeCell,\n    selectedRange,\n    editingCell,\n    draftValue,\n    setDraftValue,\n    controller,\n    getCell: (rowId: string, colId: string) => controller.getCell(rowId, colId),\n    setCellValue,\n    selectCell,\n    selectRange,\n    startEditing,\n    commitEditing,\n    cancelEditing,\n    moveCursor,\n    insertColumn,\n    deleteColumn,\n    insertRow,\n    deleteRow,\n    setColumnWidth,\n    loadDocument: (document: SpreadsheetDocument) => {\n      controller.loadDocument(document);\n      setDoc({ ...controller.document });\n      setActiveCell(null);\n      setSelectedRange(null);\n      setEditingCell(null);\n      setDraftValue('');\n    },\n    syncWithDataSource: () => {\n      controller.syncWithDataSource();\n      controller.recalculateAll();\n      setDoc({ ...controller.document });\n    },\n    registerDataSource,\n    setPrimaryDataSource,\n    recalculateAll,\n    exportToTsv: () => controller.exportToTsv(),\n    importFromTsv: (data: string) => {\n      controller.importFromTsv(data);\n      setDoc({ ...controller.document });\n    },\n    undo,\n    redo\n  };\n}\n","import React, { useRef, useState, useMemo, useEffect, useCallback } from 'react';\nimport {\n  indexToColName,\n  type SpreadsheetColumn,\n  type SpreadsheetRow,\n  type CellData\n} from '@pixerate/editor';\nimport { useSpreadsheetEditor } from './useSpreadsheetEditor';\n\nexport interface SpreadsheetEditorProps {\n  state?: ReturnType<typeof useSpreadsheetEditor>;\n  readOnly?: boolean;\n  customCellRenderer?: (props: { row: SpreadsheetRow; col: SpreadsheetColumn; cell: CellData }) => React.ReactNode;\n  onAddColumnClick?: () => void;\n  onColumnHeaderClick?: (col: SpreadsheetColumn) => void;\n}\n\nexport const SpreadsheetEditor: React.FC<SpreadsheetEditorProps> = ({\n  state: externalState,\n  readOnly = false,\n  customCellRenderer,\n  onAddColumnClick,\n  onColumnHeaderClick\n}) => {\n  const defaultState = useSpreadsheetEditor();\n  const state = externalState || defaultState;\n\n  const [resizingColId, setResizingColId] = useState<string | null>(null);\n  const [resizeStartX, setResizeStartX] = useState(0);\n  const [resizeStartWidth, setResizeStartWidth] = useState(0);\n\n  const activeRawValue = useMemo(() => {\n    if (!state.activeCell) return '';\n    const row = state.document.rows[state.activeCell.row];\n    const col = state.document.columns[state.activeCell.col];\n    if (!row || !col) return '';\n    return state.getCell(row.id, col.id).raw;\n  }, [state.activeCell, state.document]);\n\n  const coordLabel = useMemo(() => {\n    if (!state.activeCell) return '--';\n    const colName = indexToColName(state.activeCell.col);\n    return `${colName}${state.activeCell.row + 1}`;\n  }, [state.activeCell]);\n\n  const handleCellClick = useCallback((rIdx: number, cIdx: number, e: React.MouseEvent) => {\n    if (state.editingCell && (state.editingCell.row !== rIdx || state.editingCell.col !== cIdx)) {\n      state.commitEditing();\n    }\n    state.selectCell(rIdx, cIdx, e.shiftKey);\n  }, [state]);\n\n  const handleCellDblClick = useCallback((rIdx: number, cIdx: number) => {\n    if (readOnly) return;\n    const col = state.document.columns[cIdx];\n    if (col?.readOnly) return;\n    state.startEditing(rIdx, cIdx);\n  }, [readOnly, state]);\n\n  const handleKeyDown = useCallback((e: React.KeyboardEvent) => {\n    if (state.editingCell) {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        state.commitEditing();\n        state.moveCursor('down');\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        state.cancelEditing();\n      } else if (e.key === 'Tab') {\n        e.preventDefault();\n        state.commitEditing();\n        state.moveCursor(e.shiftKey ? 'left' : 'right');\n      }\n      return;\n    }\n\n    if (!state.activeCell) return;\n\n    if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      state.moveCursor('up', e.shiftKey);\n    } else if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      state.moveCursor('down', e.shiftKey);\n    } else if (e.key === 'ArrowLeft') {\n      e.preventDefault();\n      state.moveCursor('left', e.shiftKey);\n    } else if (e.key === 'ArrowRight') {\n      e.preventDefault();\n      state.moveCursor('right', e.shiftKey);\n    } else if (e.key === 'Tab') {\n      e.preventDefault();\n      state.moveCursor(e.shiftKey ? 'left' : 'right');\n    } else if (e.key === 'Enter') {\n      e.preventDefault();\n      const col = state.document.columns[state.activeCell.col];\n      if (!readOnly && !col?.readOnly) {\n        state.startEditing();\n      }\n    } else if (e.key === 'Backspace' || e.key === 'Delete') {\n      if (readOnly) return;\n      const row = state.document.rows[state.activeCell.row];\n      const col = state.document.columns[state.activeCell.col];\n      if (row && col && !col.readOnly) {\n        e.preventDefault();\n        state.setCellValue(row.id, col.id, '');\n      }\n    } else if ((e.metaKey || e.ctrlKey) && e.key === 'z') {\n      e.preventDefault();\n      if (e.shiftKey) {\n        state.redo();\n      } else {\n        state.undo();\n      }\n    } else if ((e.metaKey || e.ctrlKey) && e.key === 'c') {\n      e.preventDefault();\n      const tsv = state.exportToTsv();\n      navigator.clipboard?.writeText(tsv);\n    } else if (!readOnly && e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {\n      const col = state.document.columns[state.activeCell.col];\n      if (!col?.readOnly) {\n        state.startEditing(state.activeCell.row, state.activeCell.col, e.key);\n      }\n    }\n  }, [readOnly, state]);\n\n  useEffect(() => {\n    if (!resizingColId) return;\n\n    const handleMouseMove = (e: MouseEvent) => {\n      const delta = e.clientX - resizeStartX;\n      state.setColumnWidth(resizingColId, Math.max(60, resizeStartWidth + delta));\n    };\n\n    const handleMouseUp = () => {\n      setResizingColId(null);\n    };\n\n    window.addEventListener('mousemove', handleMouseMove);\n    window.addEventListener('mouseup', handleMouseUp);\n    return () => {\n      window.removeEventListener('mousemove', handleMouseMove);\n      window.removeEventListener('mouseup', handleMouseUp);\n    };\n  }, [resizingColId, resizeStartX, resizeStartWidth, state]);\n\n  const isCellSelected = (rIdx: number, cIdx: number) => {\n    if (!state.selectedRange) return false;\n    const minR = Math.min(state.selectedRange.startRow, state.selectedRange.endRow);\n    const maxR = Math.max(state.selectedRange.startRow, state.selectedRange.endRow);\n    const minC = Math.min(state.selectedRange.startCol, state.selectedRange.endCol);\n    const maxC = Math.max(state.selectedRange.startCol, state.selectedRange.endCol);\n    return rIdx >= minR && rIdx <= maxR && cIdx >= minC && cIdx <= maxC;\n  };\n\n  const isActiveCell = (rIdx: number, cIdx: number) => {\n    return state.activeCell?.row === rIdx && state.activeCell?.col === cIdx;\n  };\n\n  return (\n    <div\n      className=\"flex flex-col h-full w-full overflow-hidden border border-border bg-background select-none outline-none text-foreground font-sans text-xs\"\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n      role=\"grid\"\n      aria-label=\"Spreadsheet\"\n    >\n      {/* Formula Bar */}\n      <div className=\"flex items-center gap-2 border-b border-border bg-muted/20 px-3 py-1.5 text-xs font-mono\">\n        <div className=\"flex h-6 min-w-[3rem] items-center justify-center rounded border border-border bg-background px-1.5 font-semibold text-foreground\">\n          {coordLabel}\n        </div>\n        <div className=\"flex items-center text-muted-foreground select-none\">\n          <span className=\"italic font-serif font-bold text-sm text-primary\">fx</span>\n        </div>\n        <input\n          type=\"text\"\n          className=\"flex-1 bg-transparent px-2 py-0.5 outline-none font-sans text-xs text-foreground placeholder:text-muted-foreground/60 focus:bg-background focus:ring-1 focus:ring-primary rounded\"\n          placeholder=\"Enter a value or formula (e.g. =SUM(A1:A5))\"\n          value={state.editingCell ? state.draftValue : activeRawValue}\n          onChange={(e) => {\n            if (state.activeCell) {\n              state.setDraftValue(e.target.value);\n            }\n          }}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter') {\n              e.preventDefault();\n              if (state.activeCell) {\n                const row = state.document.rows[state.activeCell.row];\n                const col = state.document.columns[state.activeCell.col];\n                if (row && col) {\n                  state.setCellValue(row.id, col.id, (e.target as HTMLInputElement).value);\n                }\n              }\n            } else if (e.key === 'Escape') {\n              e.preventDefault();\n              state.cancelEditing();\n            }\n          }}\n        />\n      </div>\n\n      {/* Main Grid */}\n      <div className=\"relative flex-1 overflow-auto\">\n        <table className=\"border-collapse table-fixed w-max min-w-full\">\n          <thead>\n            <tr className=\"h-7 bg-muted/60 sticky top-0 z-20 border-b border-border shadow-xs\">\n              <th className=\"w-12 min-w-[3rem] sticky left-0 z-30 bg-muted/90 border-r border-border text-center text-[10px] text-muted-foreground font-medium\">\n                #\n              </th>\n              {state.document.columns.map((col, cIdx) => (\n                <th\n                  key={col.id}\n                  className=\"relative border-r border-border px-2 text-left font-medium text-muted-foreground hover:bg-muted/90 transition-colors group cursor-pointer\"\n                  style={{ width: col.width || 130, minWidth: col.width || 130, maxWidth: col.width || 130 }}\n                  onClick={() => onColumnHeaderClick?.(col)}\n                >\n                  <div className=\"flex items-center justify-between gap-1 truncate\">\n                    <span className=\"truncate font-semibold text-foreground text-xs\">{col.title}</span>\n                    <span className=\"text-[10px] text-muted-foreground/70 font-mono font-normal\">({col.key})</span>\n                  </div>\n                  <div\n                    className=\"absolute right-0 top-0 bottom-0 w-1.5 cursor-col-resize hover:bg-primary/50 group-hover:bg-primary/20 z-10\"\n                    onMouseDown={(e) => {\n                      e.preventDefault();\n                      e.stopPropagation();\n                      setResizingColId(col.id);\n                      setResizeStartX(e.clientX);\n                      setResizeStartWidth(col.width || 130);\n                    }}\n                    role=\"separator\"\n                    aria-orientation=\"vertical\"\n                  />\n                </th>\n              ))}\n              {onAddColumnClick && (\n                <th\n                  className=\"w-10 min-w-[2.5rem] px-1 text-center bg-muted/40 hover:bg-muted cursor-pointer transition-colors\"\n                  onClick={onAddColumnClick}\n                  title=\"Add Column\"\n                >\n                  <span className=\"text-xs font-bold text-muted-foreground\">+</span>\n                </th>\n              )}\n            </tr>\n          </thead>\n          <tbody>\n            {state.document.rows.map((row, rIdx) => (\n              <tr key={row.id} className=\"border-b border-border hover:bg-muted/10 transition-colors\" style={{ height: row.height || 32 }}>\n                <td className=\"w-12 min-w-[3rem] sticky left-0 z-10 bg-muted/50 border-r border-border text-center text-[10px] text-muted-foreground font-mono select-none\">\n                  {rIdx + 1}\n                </td>\n                {state.document.columns.map((col, cIdx) => {\n                  const cell = state.getCell(row.id, col.id);\n                  const selected = isCellSelected(rIdx, cIdx);\n                  const active = isActiveCell(rIdx, cIdx);\n                  const isEditing = state.editingCell?.row === rIdx && state.editingCell?.col === cIdx;\n\n                  return (\n                    <td\n                      key={col.id}\n                      className={`relative border-r border-border px-2 py-1 truncate text-foreground transition-all ${\n                        selected ? 'bg-primary/10' : ''\n                      } ${active ? 'ring-2 ring-primary ring-inset z-10' : ''}`}\n                      style={{ width: col.width || 130, minWidth: col.width || 130, maxWidth: col.width || 130 }}\n                      onClick={(e) => handleCellClick(rIdx, cIdx, e)}\n                      onDoubleClick={() => handleCellDblClick(rIdx, cIdx)}\n                    >\n                      {isEditing ? (\n                        <input\n                          type=\"text\"\n                          className=\"absolute inset-0 w-full h-full px-2 py-1 bg-background text-foreground outline-none font-sans text-xs border-2 border-primary z-20\"\n                          value={state.draftValue}\n                          onChange={(e) => state.setDraftValue(e.target.value)}\n                          onBlur={() => state.commitEditing()}\n                          autoFocus\n                        />\n                      ) : customCellRenderer ? (\n                        customCellRenderer({ row, col, cell })\n                      ) : (\n                        <span className={`truncate block ${cell.error ? 'text-destructive font-semibold' : ''}`}>\n                          {cell.error || (cell.value ?? '')}\n                        </span>\n                      )}\n                    </td>\n                  );\n                })}\n                {onAddColumnClick && <td className=\"w-10 min-w-[2.5rem] bg-muted/10 border-r border-border\" />}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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","names":["useEditor","import_react","StarterKit","Placeholder","ProsemirrorNode","import_react","import_editor","useEditor","useTipTapEditor","import_react","TipTapEditorContent","import_react","import_react","import_editor","import_jsx_runtime","import_react","import_editor","document","import_react","import_editor","import_jsx_runtime"]}
+{"version":3,"sources":["../src/index.ts","../src/hooks/usePromptEditor.ts","../src/hooks/useEditor.ts","../src/components/EditorContent.tsx","../src/components/BubbleMenu.tsx","../src/components/TemplateRenderer.tsx","../src/spreadsheet/useSpreadsheetEditor.ts","../src/spreadsheet/SpreadsheetEditor.tsx"],"sourcesContent":["export * from \"./hooks/usePromptEditor\";\nexport * from \"./hooks/useEditor\";\nexport * from \"./components/EditorContent\";\nexport * from \"./components/BubbleMenu\";\nexport * from \"./components/TemplateRenderer\";\n\n// Re-export core types for easy consumer access\nexport type {\n  Template,\n  TemplateVersion,\n  Token,\n  TokenType,\n  ColorGradient,\n  RichTextPresetOptions,\n} from \"@pixerate/editor\";\n\nexport * from \"./spreadsheet\";\n","import { useMemo, useEffect, useRef } from \"react\";\nimport { useEditor } from \"@tiptap/react\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport Placeholder from \"@tiptap/extension-placeholder\";\nimport { Slice, Fragment, Node as ProsemirrorNode } from \"@tiptap/pm/model\";\nimport {\n  Template,\n  ColorGradient,\n  GradientText,\n  TemplateSuggestions,\n  LoadingNode,\n  plainTextToTipTapHtml,\n  getEditorText,\n} from \"@pixerate/editor\";\n\nexport interface UsePromptEditorProps {\n  /** The initial or controlled content of the editor as plain text */\n  content: string;\n  /** Callback fired when the editor content changes (returns plain text) */\n  onContentChange: (text: string) => void;\n  /** List of available templates to be suggested and highlighted */\n  templates?: Template[];\n  /** Custom gradient color map for templates */\n  templateColorMap?: Map<string, ColorGradient>;\n  /** Whether the editor is editable */\n  isEditing?: boolean;\n  /** Placeholder text for the editor */\n  placeholder?: string;\n  /** Additional CSS classes for the editor container */\n  className?: string;\n  /** Callback fired when the Escape key is pressed */\n  onEscape?: () => void;\n  /** Custom keydown handler. Return true to prevent default behavior */\n  onKeyDown?: (event: KeyboardEvent) => boolean;\n  /** Callback fired when text selection changes */\n  onSelectionChange?: (selection: { from: number; to: number } | null) => void;\n  /** Callback fired when a slash command (e.g., /template) matches */\n  onSlashCommandMatch?: (\n    match: RegExpMatchArray,\n    from: number,\n    to: number,\n    coords: { top: number; left: number },\n  ) => void;\n  /** Callback to dismiss/clear the active slash command */\n  clearSlashCommand?: () => void;\n  /** Whether a slash command menu is currently active */\n  slashCommandActive?: boolean;\n  /** Callback fired when certain milestones are reached (e.g., used_variable, used_magic) */\n  onMilestone?: (milestone: string) => void;\n  /** DOM element ID of the container, used for positioning popovers */\n  containerId?: string;\n  /** Variable names originating from structured JSON output steps */\n  jsonVariables?: string[];\n  /** Animation speed for gradient decorations */\n  speed?: number;\n}\n\nconst DEFAULT_TEMPLATES: Template[] = [];\nconst DEFAULT_COLOR_MAP = new Map<string, ColorGradient>([\n  [\"default\", { from: \"#f43f5e\", to: \"#8b5cf6\" }],\n]);\n\nexport function usePromptEditor({\n  content,\n  onContentChange,\n  templates = DEFAULT_TEMPLATES,\n  templateColorMap: userColorMap,\n  isEditing = true,\n  placeholder = \"Write a prompt, use {{template}}, {variable}, or /command...\",\n  className,\n  onEscape,\n  onKeyDown,\n  onSelectionChange,\n  onSlashCommandMatch,\n  clearSlashCommand,\n  slashCommandActive = false,\n  onMilestone,\n  containerId = \"editor-container\",\n  jsonVariables,\n  speed = 2,\n}: UsePromptEditorProps) {\n  const slashCommandActiveRef = useRef(slashCommandActive);\n  slashCommandActiveRef.current = slashCommandActive;\n\n  const clearSlashCommandRef = useRef(clearSlashCommand);\n  clearSlashCommandRef.current = clearSlashCommand;\n\n  const onEscapeRef = useRef(onEscape);\n  onEscapeRef.current = onEscape;\n\n  const onKeyDownRef = useRef(onKeyDown);\n  onKeyDownRef.current = onKeyDown;\n\n  const onSelectionChangeRef = useRef(onSelectionChange);\n  onSelectionChangeRef.current = onSelectionChange;\n\n  const onSlashCommandMatchRef = useRef(onSlashCommandMatch);\n  onSlashCommandMatchRef.current = onSlashCommandMatch;\n\n  const onContentChangeRef = useRef(onContentChange);\n  onContentChangeRef.current = onContentChange;\n\n  const onMilestoneRef = useRef(onMilestone);\n  onMilestoneRef.current = onMilestone;\n\n  const containerIdRef = useRef(containerId);\n  containerIdRef.current = containerId;\n\n  const templateKey = useMemo(() => {\n    return (templates || [])\n      .map((t) => `${t.id || t.name}:${(t as any).latestVersion || \"\"}`)\n      .sort()\n      .join(\",\");\n  }, [templates]);\n\n  const resolvedColorMap = useMemo(() => {\n    if (userColorMap) return userColorMap;\n    const map = new Map<string, ColorGradient>();\n    templates.forEach((t) => {\n      map.set(t.name, { from: \"#f43f5e\", to: \"#8b5cf6\" });\n    });\n    return map.size > 0 ? map : DEFAULT_COLOR_MAP;\n  }, [userColorMap, templateKey]);\n\n  const StarterKitExt =\n    (StarterKit as any)?.configure\n      ? StarterKit\n      : (StarterKit as any)?.default?.configure\n        ? (StarterKit as any)?.default\n        : StarterKit;\n\n  const PlaceholderExt =\n    (Placeholder as any)?.configure\n      ? Placeholder\n      : (Placeholder as any)?.default?.configure\n        ? (Placeholder as any)?.default\n        : Placeholder;\n\n  const editor = useEditor(\n    {\n      immediatelyRender: false,\n      enablePasteRules: false,\n      enableInputRules: false,\n      editable: isEditing,\n      extensions: [\n        StarterKitExt.configure({\n          heading: false,\n          codeBlock: false,\n        }),\n        PlaceholderExt.configure({ placeholder }),\n        GradientText.configure({\n          templateColorMap: resolvedColorMap,\n          speed,\n          jsonVariables,\n        }),\n        TemplateSuggestions.configure({\n          templates,\n        }),\n        LoadingNode,\n      ],\n      content: plainTextToTipTapHtml(content),\n      onUpdate: ({ editor: ed }) => {\n        const plainText = getEditorText(ed);\n        onContentChangeRef.current?.(plainText);\n\n        if (onMilestoneRef.current) {\n          if (plainText.match(/(?<!\\{)\\{([^{}]+)\\}(?!\\})/g)) {\n            onMilestoneRef.current(\"used_variable\");\n          }\n          if (plainText.match(/__([^_]+)__/g)) {\n            onMilestoneRef.current(\"used_magic\");\n          }\n        }\n\n        const { state, view } = ed;\n        const { selection } = state;\n        const { $from, from, to } = selection;\n\n        onSelectionChangeRef.current?.({ from, to });\n\n        if (onSlashCommandMatchRef.current && clearSlashCommandRef.current) {\n          const textBeforeCursor = $from?.parent?.textBetween\n            ? $from.parent.textBetween(0, $from.parentOffset)\n            : \"\";\n          const slashMatch = textBeforeCursor.match(\n            /(?:^|\\s)\\/([a-zA-Z0-9_-]*)$/,\n          );\n\n          if (slashMatch) {\n            const coords = view.coordsAtPos($from.pos);\n            const containerEl =\n              document.getElementById(containerIdRef.current) ||\n              document.getElementById(\"editor-container\") ||\n              (view.dom.closest?.(\".relative\") as HTMLElement | null);\n            const containerCoords = containerEl?.getBoundingClientRect();\n\n            if (containerCoords) {\n              onSlashCommandMatchRef.current(\n                slashMatch,\n                $from.pos -\n                  slashMatch[0].length +\n                  (slashMatch[0].startsWith(\" \") ? 1 : 0),\n                $from.pos,\n                {\n                  top: coords.bottom - containerCoords.top + 5,\n                  left: coords.left - containerCoords.left,\n                },\n              );\n            }\n          } else {\n            clearSlashCommandRef.current();\n          }\n        }\n      },\n      onSelectionUpdate: ({ editor: ed }) => {\n        const { from, to } = ed.state.selection;\n        onSelectionChangeRef.current?.({ from, to });\n      },\n      editorProps: {\n        attributes: {\n          class:\n            className ||\n            \"w-full border border-input rounded-md p-3 font-mono text-sm leading-relaxed focus:outline-none focus:ring-2 focus:ring-primary whitespace-pre-wrap break-words\",\n          role: \"textbox\",\n          \"aria-label\": \"Prompt editor\",\n        },\n        handleKeyDown(view, event) {\n          if (slashCommandActiveRef.current) {\n            if (\n              event.key === \"ArrowUp\" ||\n              event.key === \"ArrowDown\" ||\n              event.key === \"Enter\"\n            ) {\n              event.preventDefault();\n              return true;\n            }\n            if (event.key === \"Escape\") {\n              clearSlashCommandRef.current?.();\n              event.preventDefault();\n              event.stopPropagation();\n              return true;\n            }\n          }\n          if (onKeyDownRef.current && onKeyDownRef.current(event as KeyboardEvent)) {\n            return true;\n          }\n          if (event.key === \"Escape\" && onEscapeRef.current) {\n            onEscapeRef.current();\n            return true;\n          }\n          return false;\n        },\n        handlePaste: (view, event) => {\n          const text = event.clipboardData?.getData(\"text/plain\");\n          if (!text) return false;\n          event.preventDefault();\n          const schema = view.state.schema;\n          if (!schema) return false;\n\n          const blocks = text.replace(/\\r\\n?/g, \"\\n\").split(\"\\n\");\n          const nodes: ProsemirrorNode[] = [];\n          blocks.forEach((line) => {\n            const nodeJson: any = { type: \"paragraph\" };\n            if (line.length > 0) {\n              nodeJson.content = [{ type: \"text\", text: line }];\n            }\n            try {\n              const node = ProsemirrorNode.fromJSON(schema, nodeJson);\n              nodes.push(node);\n            } catch {\n              // Ignore\n            }\n          });\n\n          const parsedSlice = Slice.maxOpen(Fragment.fromArray(nodes));\n          const tr = view.state.tr.replaceSelection(parsedSlice);\n          view.dispatch(tr);\n          return true;\n        },\n        clipboardTextParser: (text, context, _plain, view) => {\n          const schema =\n            (context as any)?.doc?.type?.schema ||\n            (context as any)?.schema ||\n            view?.state?.schema;\n\n          if (!schema) return Slice.empty;\n\n          const blocks = text.replace(/\\r\\n?/g, \"\\n\").split(\"\\n\");\n          const nodes: ProsemirrorNode[] = [];\n\n          blocks.forEach((line) => {\n            const nodeJson: any = { type: \"paragraph\" };\n            if (line.length > 0) {\n              nodeJson.content = [{ type: \"text\", text: line }];\n            }\n            try {\n              const node = ProsemirrorNode.fromJSON(schema, nodeJson);\n              nodes.push(node);\n            } catch {\n              // Ignore\n            }\n          });\n\n          return Slice.maxOpen(Fragment.fromArray(nodes));\n        },\n      },\n    },\n    [resolvedColorMap, templateKey, isEditing, placeholder, speed],\n  );\n\n  useEffect(() => {\n    if (editor && !editor.isDestroyed) {\n      editor.setEditable(isEditing);\n    }\n  }, [editor, isEditing]);\n\n  return editor;\n}\n","import { useEditor as useTipTapEditor, UseEditorOptions } from \"@tiptap/react\";\nimport { createRichTextPreset, RichTextPresetOptions } from \"@pixerate/editor\";\n\nexport interface UseRichEditorProps extends UseEditorOptions {\n  richTextOptions?: RichTextPresetOptions;\n}\n\n/**\n * Hook to initialize a TipTap rich-text editor instance with pre-configured extensions.\n */\nexport function useEditor(options: UseRichEditorProps = {}) {\n  const { richTextOptions, extensions = [], ...editorOptions } = options;\n\n  const preset = createRichTextPreset(richTextOptions);\n  const combinedExtensions = [...preset, ...extensions];\n\n  return useTipTapEditor({\n    extensions: combinedExtensions,\n    ...editorOptions,\n  });\n}\n","import React from \"react\";\nimport {\n  EditorContent as TipTapEditorContent,\n  EditorContentProps as TipTapEditorContentProps,\n} from \"@tiptap/react\";\n\nexport interface EditorContentProps extends TipTapEditorContentProps {\n  className?: string;\n}\n\nexport const EditorContent: React.FC<EditorContentProps> = ({\n  className,\n  editor,\n  ...props\n}) => {\n  return (\n    <div className={className}>\n      <TipTapEditorContent editor={editor} {...props} />\n    </div>\n  );\n};\n","import React, { useEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport {\n  BubbleMenuPlugin,\n  type BubbleMenuPluginProps,\n} from \"@tiptap/extension-bubble-menu\";\nimport type { Editor } from \"@tiptap/core\";\n\nexport interface BubbleMenuProps {\n  editor: Editor | null;\n  className?: string;\n  children: React.ReactNode;\n  tippyOptions?: BubbleMenuPluginProps[\"tippyOptions\"];\n  shouldShow?: BubbleMenuPluginProps[\"shouldShow\"];\n  pluginKey?: BubbleMenuPluginProps[\"pluginKey\"];\n  updateDelay?: BubbleMenuPluginProps[\"updateDelay\"];\n}\n\nexport const BubbleMenu: React.FC<BubbleMenuProps> = ({\n  editor,\n  className = \"flex items-center gap-1 bg-popover text-popover-foreground border shadow-md rounded-md p-1\",\n  children,\n  tippyOptions = { duration: 100 },\n  shouldShow = null,\n  pluginKey = \"bubbleMenu\",\n  updateDelay,\n}) => {\n  const menuEl = useRef<HTMLDivElement | null>(null);\n  const [mounted, setMounted] = useState(false);\n\n  if (!menuEl.current && typeof document !== \"undefined\") {\n    menuEl.current = document.createElement(\"div\");\n  }\n\n  useEffect(() => {\n    if (!editor || !menuEl.current || editor.isDestroyed) {\n      return;\n    }\n\n    const element = menuEl.current;\n    element.className = className;\n\n    const plugin = BubbleMenuPlugin({\n      editor,\n      element,\n      pluginKey,\n      tippyOptions,\n      shouldShow,\n      updateDelay,\n    });\n\n    editor.registerPlugin(plugin);\n    setMounted(true);\n\n    return () => {\n      setMounted(false);\n      editor.unregisterPlugin(pluginKey);\n      if (element.parentNode) {\n        element.parentNode.removeChild(element);\n      }\n    };\n  }, [editor, className, pluginKey]);\n\n  if (!editor || !menuEl.current || !mounted) {\n    return null;\n  }\n\n  return createPortal(children, menuEl.current);\n};\n","import React, { useMemo } from \"react\";\nimport {\n  tokenizePrompt,\n  resolveTemplates,\n  Template,\n  ColorGradient,\n} from \"@pixerate/editor\";\n\nexport interface TemplateRendererProps {\n  /** Raw prompt or text string to render */\n  content: string;\n  /** Available templates for recursive resolution and custom coloring */\n  templates?: Template[];\n  /** Custom gradient color map for templates */\n  templateColorMap?: Map<string, ColorGradient>;\n  /** Whether to resolve nested templates recursively before displaying */\n  resolve?: boolean;\n  /** Custom class name for the wrapper */\n  className?: string;\n  /** Click callback for template badges */\n  onTemplateClick?: (templateName: string) => void;\n  /** Click callback for variable badges */\n  onVariableClick?: (variableName: string) => void;\n}\n\nexport const TemplateRenderer: React.FC<TemplateRendererProps> = ({\n  content,\n  templates = [],\n  templateColorMap,\n  resolve = false,\n  className = \"font-mono text-sm leading-relaxed whitespace-pre-wrap break-words\",\n  onTemplateClick,\n  onVariableClick,\n}) => {\n  const displayText = useMemo(() => {\n    if (!resolve || templates.length === 0) return content;\n    return resolveTemplates(content, templates);\n  }, [content, templates, resolve]);\n\n  const tokens = useMemo(() => {\n    return tokenizePrompt(displayText);\n  }, [displayText]);\n\n  return (\n    <div className={className}>\n      {tokens.map((token, index) => {\n        if (token.type === \"template\") {\n          const colors = templateColorMap?.get(token.value) || {\n            from: \"#f43f5e\",\n            to: \"#8b5cf6\",\n          };\n          const style = {\n            \"--color-from\": colors.from,\n            \"--color-to\": colors.to,\n          } as React.CSSProperties;\n\n          return (\n            <span\n              key={index}\n              style={style}\n              onClick={() => onTemplateClick?.(token.value)}\n              className=\"inline-flex items-center px-1.5 py-0.5 mx-0.5 text-xs font-semibold rounded-md border border-[var(--color-to)]/40 bg-gradient-to-r from-[var(--color-from)]/15 to-[var(--color-to)]/15 text-[var(--color-to)] hover:brightness-110 cursor-pointer transition-all\"\n              title={`Template: ${token.value}`}\n            >\n              {`{{${token.value}}}`}\n            </span>\n          );\n        }\n\n        if (token.type === \"variable\") {\n          return (\n            <span\n              key={index}\n              onClick={() => onVariableClick?.(token.value)}\n              className=\"inline-flex items-center px-1.5 py-0.5 mx-0.5 text-xs font-medium rounded-md border border-violet-400/40 bg-violet-400/15 text-violet-600 dark:text-violet-300 hover:brightness-110 cursor-pointer transition-all\"\n              title={`Variable: ${token.value}`}\n            >\n              {`{${token.value}}`}\n            </span>\n          );\n        }\n\n        if (token.type === \"instruction\") {\n          return (\n            <span\n              key={index}\n              className=\"inline-flex items-center px-1.5 py-0.5 mx-0.5 text-xs italic font-medium rounded-md border border-rose-400/40 bg-rose-400/15 text-rose-600 dark:text-rose-300\"\n              title={`Instruction: ${token.value}`}\n            >\n              {`__${token.value}__`}\n            </span>\n          );\n        }\n\n        return <span key={index}>{token.value}</span>;\n      })}\n    </div>\n  );\n};\n","import { useState, useMemo, useCallback } from 'react';\nimport {\n  SpreadsheetController,\n  type SpreadsheetControllerOptions,\n  type SpreadsheetDocument,\n  type CellCoordinate,\n  type CellRange,\n  type SpreadsheetColumn,\n  type SpreadsheetRow,\n  type SpreadsheetDataSource\n} from '@pixerate/editor';\n\nexport function useSpreadsheetEditor(options: SpreadsheetControllerOptions = {}) {\n  const [doc, setDoc] = useState<SpreadsheetDocument>(() => ({\n    id: options.document?.id || `sheet_${Date.now()}`,\n    name: options.document?.name || 'Sheet 1',\n    columns: options.document?.columns || [],\n    rows: options.document?.rows || [],\n    cells: options.document?.cells || {},\n    createdAt: options.document?.createdAt || Date.now(),\n    updatedAt: options.document?.updatedAt || Date.now()\n  }));\n\n  const [activeCell, setActiveCell] = useState<CellCoordinate | null>(null);\n  const [selectedRange, setSelectedRange] = useState<CellRange | null>(null);\n  const [editingCell, setEditingCell] = useState<CellCoordinate | null>(null);\n  const [draftValue, setDraftValue] = useState<string>('');\n\n  const controller = useMemo(() => {\n    return new SpreadsheetController({\n      ...options,\n      onDocumentChange: (updated) => {\n        setDoc({ ...updated });\n        options.onDocumentChange?.(updated);\n      },\n      onSelectionChange: (active, range) => {\n        setActiveCell(active);\n        setSelectedRange(range);\n        options.onSelectionChange?.(active, range);\n      },\n      onCellCommit: (rowId, colId, raw, value) => {\n        options.onCellCommit?.(rowId, colId, raw, value);\n      }\n    });\n  }, []);\n\n  const setCellValue = useCallback((rowId: string, colId: string, raw: string) => {\n    controller.setCellValue(rowId, colId, raw);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const selectCell = useCallback((row: number, col: number, extendSelection = false) => {\n    controller.selectCell(row, col, extendSelection);\n    setActiveCell(controller.activeCell);\n    setSelectedRange(controller.selectedRange);\n  }, [controller]);\n\n  const selectRange = useCallback((range: CellRange) => {\n    controller.selectRange(range);\n    setSelectedRange(controller.selectedRange);\n  }, [controller]);\n\n  const startEditing = useCallback((row?: number, col?: number, initialVal?: string) => {\n    controller.startEditing(row, col, initialVal);\n    setActiveCell(controller.activeCell);\n    setEditingCell(controller.editingCell);\n    setDraftValue(controller.draftValue);\n  }, [controller]);\n\n  const commitEditing = useCallback((val?: string) => {\n    controller.commitEditing(val);\n    setEditingCell(null);\n    setDraftValue('');\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const cancelEditing = useCallback(() => {\n    controller.cancelEditing();\n    setEditingCell(null);\n    setDraftValue('');\n  }, [controller]);\n\n  const moveCursor = useCallback((dir: 'up' | 'down' | 'left' | 'right', extend = false) => {\n    controller.moveCursor(dir, extend);\n    setActiveCell(controller.activeCell);\n    setSelectedRange(controller.selectedRange);\n  }, [controller]);\n\n  const insertColumn = useCallback((index: number, config?: Partial<SpreadsheetColumn>) => {\n    controller.insertColumn(index, config);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const deleteColumn = useCallback((colId: string) => {\n    controller.deleteColumn(colId);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const insertRow = useCallback((index: number, config?: Partial<SpreadsheetRow>) => {\n    controller.insertRow(index, config);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const deleteRow = useCallback((rowId: string) => {\n    controller.deleteRow(rowId);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const setColumnWidth = useCallback((colId: string, width: number) => {\n    controller.setColumnWidth(colId, width);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const registerDataSource = useCallback((ds: SpreadsheetDataSource) => {\n    controller.registerDataSource(ds);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const setPrimaryDataSource = useCallback((id: string | undefined) => {\n    controller.setPrimaryDataSource(id);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const recalculateAll = useCallback(() => {\n    controller.recalculateAll();\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const undo = useCallback(() => {\n    controller.undo();\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const redo = useCallback(() => {\n    controller.redo();\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  return {\n    document: doc,\n    activeCell,\n    selectedRange,\n    editingCell,\n    draftValue,\n    setDraftValue,\n    controller,\n    getCell: (rowId: string, colId: string) => controller.getCell(rowId, colId),\n    setCellValue,\n    selectCell,\n    selectRange,\n    startEditing,\n    commitEditing,\n    cancelEditing,\n    moveCursor,\n    insertColumn,\n    deleteColumn,\n    insertRow,\n    deleteRow,\n    setColumnWidth,\n    loadDocument: (document: SpreadsheetDocument) => {\n      controller.loadDocument(document);\n      setDoc({ ...controller.document });\n      setActiveCell(null);\n      setSelectedRange(null);\n      setEditingCell(null);\n      setDraftValue('');\n    },\n    syncWithDataSource: () => {\n      controller.syncWithDataSource();\n      controller.recalculateAll();\n      setDoc({ ...controller.document });\n    },\n    registerDataSource,\n    setPrimaryDataSource,\n    recalculateAll,\n    exportToTsv: () => controller.exportToTsv(),\n    importFromTsv: (data: string) => {\n      controller.importFromTsv(data);\n      setDoc({ ...controller.document });\n    },\n    undo,\n    redo\n  };\n}\n","import React, { useRef, useState, useMemo, useEffect, useCallback } from 'react';\nimport {\n  indexToColName,\n  type SpreadsheetColumn,\n  type SpreadsheetRow,\n  type CellData\n} from '@pixerate/editor';\nimport { useSpreadsheetEditor } from './useSpreadsheetEditor';\n\nexport interface SpreadsheetEditorProps {\n  state?: ReturnType<typeof useSpreadsheetEditor>;\n  readOnly?: boolean;\n  customCellRenderer?: (props: { row: SpreadsheetRow; col: SpreadsheetColumn; cell: CellData }) => React.ReactNode;\n  onAddColumnClick?: () => void;\n  onColumnHeaderClick?: (col: SpreadsheetColumn) => void;\n  onColumnResize?: (colId: string, width: number) => void;\n}\n\nexport const SpreadsheetEditor: React.FC<SpreadsheetEditorProps> = ({\n  state: externalState,\n  readOnly = false,\n  customCellRenderer,\n  onAddColumnClick,\n  onColumnHeaderClick,\n  onColumnResize\n}) => {\n  const defaultState = useSpreadsheetEditor();\n  const state = externalState || defaultState;\n\n  const [resizingColId, setResizingColId] = useState<string | null>(null);\n  const [resizeStartX, setResizeStartX] = useState(0);\n  const [resizeStartWidth, setResizeStartWidth] = useState(0);\n\n  const activeRawValue = useMemo(() => {\n    if (!state.activeCell) return '';\n    const row = state.document.rows[state.activeCell.row];\n    const col = state.document.columns[state.activeCell.col];\n    if (!row || !col) return '';\n    return state.getCell(row.id, col.id).raw;\n  }, [state.activeCell, state.document]);\n\n  const coordLabel = useMemo(() => {\n    if (!state.activeCell) return '--';\n    const colName = indexToColName(state.activeCell.col);\n    return `${colName}${state.activeCell.row + 1}`;\n  }, [state.activeCell]);\n\n  const handleCellClick = useCallback((rIdx: number, cIdx: number, e: React.MouseEvent) => {\n    if (state.editingCell && (state.editingCell.row !== rIdx || state.editingCell.col !== cIdx)) {\n      state.commitEditing();\n    }\n    state.selectCell(rIdx, cIdx, e.shiftKey);\n  }, [state]);\n\n  const handleCellDblClick = useCallback((rIdx: number, cIdx: number) => {\n    if (readOnly) return;\n    const col = state.document.columns[cIdx];\n    if (col?.readOnly) return;\n    state.startEditing(rIdx, cIdx);\n  }, [readOnly, state]);\n\n  const handleKeyDown = useCallback((e: React.KeyboardEvent) => {\n    if (state.editingCell) {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        state.commitEditing();\n        state.moveCursor('down');\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        state.cancelEditing();\n      } else if (e.key === 'Tab') {\n        e.preventDefault();\n        state.commitEditing();\n        state.moveCursor(e.shiftKey ? 'left' : 'right');\n      }\n      return;\n    }\n\n    if (!state.activeCell) return;\n\n    if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      state.moveCursor('up', e.shiftKey);\n    } else if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      state.moveCursor('down', e.shiftKey);\n    } else if (e.key === 'ArrowLeft') {\n      e.preventDefault();\n      state.moveCursor('left', e.shiftKey);\n    } else if (e.key === 'ArrowRight') {\n      e.preventDefault();\n      state.moveCursor('right', e.shiftKey);\n    } else if (e.key === 'Tab') {\n      e.preventDefault();\n      state.moveCursor(e.shiftKey ? 'left' : 'right');\n    } else if (e.key === 'Enter') {\n      e.preventDefault();\n      const col = state.document.columns[state.activeCell.col];\n      if (!readOnly && !col?.readOnly) {\n        state.startEditing();\n      }\n    } else if (e.key === 'Backspace' || e.key === 'Delete') {\n      if (readOnly) return;\n      const row = state.document.rows[state.activeCell.row];\n      const col = state.document.columns[state.activeCell.col];\n      if (row && col && !col.readOnly) {\n        e.preventDefault();\n        state.setCellValue(row.id, col.id, '');\n      }\n    } else if ((e.metaKey || e.ctrlKey) && e.key === 'z') {\n      e.preventDefault();\n      if (e.shiftKey) {\n        state.redo();\n      } else {\n        state.undo();\n      }\n    } else if ((e.metaKey || e.ctrlKey) && e.key === 'c') {\n      e.preventDefault();\n      const tsv = state.exportToTsv();\n      navigator.clipboard?.writeText(tsv);\n    } else if (!readOnly && e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {\n      const col = state.document.columns[state.activeCell.col];\n      if (!col?.readOnly) {\n        state.startEditing(state.activeCell.row, state.activeCell.col, e.key);\n      }\n    }\n  }, [readOnly, state]);\n  useEffect(() => {\n    if (!resizingColId) return;\n\n    if (typeof document !== 'undefined') {\n      document.body.style.cursor = 'col-resize';\n      document.body.style.userSelect = 'none';\n    }\n\n    const handleMouseMove = (e: MouseEvent) => {\n      const delta = e.clientX - resizeStartX;\n      state.setColumnWidth(resizingColId, Math.max(60, resizeStartWidth + delta));\n    };\n\n    const handleMouseUp = () => {\n      const col = state.document.columns.find((c) => c.id === resizingColId);\n      if (col && onColumnResize) {\n        onColumnResize(col.id, col.width || resizeStartWidth);\n      }\n      setResizingColId(null);\n      if (typeof document !== 'undefined') {\n        document.body.style.cursor = '';\n        document.body.style.userSelect = '';\n      }\n    };\n\n    window.addEventListener('mousemove', handleMouseMove);\n    window.addEventListener('mouseup', handleMouseUp);\n    return () => {\n      if (typeof document !== 'undefined') {\n        document.body.style.cursor = '';\n        document.body.style.userSelect = '';\n      }\n      window.removeEventListener('mousemove', handleMouseMove);\n      window.removeEventListener('mouseup', handleMouseUp);\n    };\n  }, [resizingColId, resizeStartX, resizeStartWidth, state, onColumnResize]);\n\n  const isCellSelected = (rIdx: number, cIdx: number) => {\n    if (!state.selectedRange) return false;\n    const minR = Math.min(state.selectedRange.startRow, state.selectedRange.endRow);\n    const maxR = Math.max(state.selectedRange.startRow, state.selectedRange.endRow);\n    const minC = Math.min(state.selectedRange.startCol, state.selectedRange.endCol);\n    const maxC = Math.max(state.selectedRange.startCol, state.selectedRange.endCol);\n    return rIdx >= minR && rIdx <= maxR && cIdx >= minC && cIdx <= maxC;\n  };\n\n  const isActiveCell = (rIdx: number, cIdx: number) => {\n    return state.activeCell?.row === rIdx && state.activeCell?.col === cIdx;\n  };\n\n  return (\n    <div\n      className=\"flex flex-col h-full w-full overflow-hidden border border-border bg-background select-none outline-none text-foreground font-sans text-xs\"\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n      role=\"grid\"\n      aria-label=\"Spreadsheet\"\n    >\n      {/* Formula Bar */}\n      <div className=\"flex items-center gap-2 border-b border-border bg-muted/20 px-3 py-1.5 text-xs font-mono\">\n        <div className=\"flex h-6 min-w-[3rem] items-center justify-center rounded border border-border bg-background px-1.5 font-semibold text-foreground\">\n          {coordLabel}\n        </div>\n        <div className=\"flex items-center text-muted-foreground select-none\">\n          <span className=\"italic font-serif font-bold text-sm text-primary\">fx</span>\n        </div>\n        <input\n          type=\"text\"\n          className=\"flex-1 bg-transparent px-2 py-0.5 outline-none font-sans text-xs text-foreground placeholder:text-muted-foreground/60 focus:bg-background focus:ring-1 focus:ring-primary rounded\"\n          placeholder=\"Enter a value or formula (e.g. =SUM(A1:A5))\"\n          value={state.editingCell ? state.draftValue : activeRawValue}\n          onChange={(e) => {\n            if (state.activeCell) {\n              state.setDraftValue(e.target.value);\n            }\n          }}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter') {\n              e.preventDefault();\n              if (state.activeCell) {\n                const row = state.document.rows[state.activeCell.row];\n                const col = state.document.columns[state.activeCell.col];\n                if (row && col) {\n                  state.setCellValue(row.id, col.id, (e.target as HTMLInputElement).value);\n                }\n              }\n            } else if (e.key === 'Escape') {\n              e.preventDefault();\n              state.cancelEditing();\n            }\n          }}\n        />\n      </div>\n\n      {/* Main Grid */}\n      <div className=\"relative flex-1 overflow-auto\">\n        <table className=\"border-collapse table-fixed w-max min-w-full\">\n          <thead>\n            <tr className=\"h-7 bg-muted/60 sticky top-0 z-20 border-b border-border shadow-xs\">\n              <th className=\"w-12 min-w-[3rem] sticky left-0 z-30 bg-muted/90 border-r border-border text-center text-[10px] text-muted-foreground font-medium\">\n                #\n              </th>\n              {state.document.columns.map((col, cIdx) => (\n                <th\n                  key={col.id}\n                  className=\"relative border-r border-border px-2 text-left font-medium text-muted-foreground hover:bg-muted/90 transition-colors group cursor-pointer\"\n                  style={{ width: col.width || 130, minWidth: col.width || 130, maxWidth: col.width || 130 }}\n                  onClick={() => onColumnHeaderClick?.(col)}\n                >\n                  <div className=\"flex items-center justify-between gap-1 truncate\">\n                    <span className=\"truncate font-semibold text-foreground text-xs\">{col.title}</span>\n                    <span className=\"text-[10px] text-muted-foreground/70 font-mono font-normal\">({col.key})</span>\n                  </div>\n                  <div\n                    className=\"absolute right-0 top-0 bottom-0 w-1.5 cursor-col-resize hover:bg-primary/50 group-hover:bg-primary/20 z-10\"\n                    onMouseDown={(e) => {\n                      e.preventDefault();\n                      e.stopPropagation();\n                      setResizingColId(col.id);\n                      setResizeStartX(e.clientX);\n                      setResizeStartWidth(col.width || 130);\n                    }}\n                    role=\"separator\"\n                    aria-orientation=\"vertical\"\n                  />\n                </th>\n              ))}\n              {onAddColumnClick && (\n                <th\n                  className=\"w-10 min-w-[2.5rem] px-1 text-center bg-muted/40 hover:bg-muted cursor-pointer transition-colors\"\n                  onClick={onAddColumnClick}\n                  title=\"Add Column\"\n                >\n                  <span className=\"text-xs font-bold text-muted-foreground\">+</span>\n                </th>\n              )}\n            </tr>\n          </thead>\n          <tbody>\n            {state.document.rows.map((row, rIdx) => (\n              <tr key={row.id} className=\"border-b border-border hover:bg-muted/10 transition-colors\" style={{ height: row.height || 32 }}>\n                <td className=\"w-12 min-w-[3rem] sticky left-0 z-10 bg-muted/50 border-r border-border text-center text-[10px] text-muted-foreground font-mono select-none\">\n                  {rIdx + 1}\n                </td>\n                {state.document.columns.map((col, cIdx) => {\n                  const cell = state.getCell(row.id, col.id);\n                  const selected = isCellSelected(rIdx, cIdx);\n                  const active = isActiveCell(rIdx, cIdx);\n                  const isEditing = state.editingCell?.row === rIdx && state.editingCell?.col === cIdx;\n\n                  return (\n                    <td\n                      key={col.id}\n                      className={`relative border-r border-border px-2 py-1 truncate text-foreground transition-all ${\n                        selected ? 'bg-primary/10' : ''\n                      } ${active ? 'ring-2 ring-primary ring-inset z-10' : ''}`}\n                      style={{ width: col.width || 130, minWidth: col.width || 130, maxWidth: col.width || 130 }}\n                      onClick={(e) => handleCellClick(rIdx, cIdx, e)}\n                      onDoubleClick={() => handleCellDblClick(rIdx, cIdx)}\n                    >\n                      {isEditing ? (\n                        <input\n                          type=\"text\"\n                          className=\"absolute inset-0 w-full h-full px-2 py-1 bg-background text-foreground outline-none font-sans text-xs border-2 border-primary z-20\"\n                          value={state.draftValue}\n                          onChange={(e) => state.setDraftValue(e.target.value)}\n                          onBlur={() => state.commitEditing()}\n                          autoFocus\n                        />\n                      ) : customCellRenderer ? (\n                        customCellRenderer({ row, col, cell })\n                      ) : (\n                        <span className={`truncate block ${cell.error ? 'text-destructive font-semibold' : ''}`}>\n                          {cell.error || (cell.value ?? '')}\n                        </span>\n                      )}\n                    </td>\n                  );\n                })}\n                {onAddColumnClick && <td className=\"w-10 min-w-[2.5rem] bg-muted/10 border-r border-border\" />}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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","names":["useEditor","import_react","StarterKit","Placeholder","ProsemirrorNode","import_react","import_editor","useEditor","useTipTapEditor","import_react","TipTapEditorContent","import_react","import_react","import_editor","import_jsx_runtime","import_react","import_editor","document","import_react","import_editor","import_jsx_runtime"]}

package/dist/index.d.cts

@@ -136,6 +136,7 @@ interface SpreadsheetEditorProps {
     }) => React__default.ReactNode;
     onAddColumnClick?: () => void;
     onColumnHeaderClick?: (col: SpreadsheetColumn) => void;
+    onColumnResize?: (colId: string, width: number) => void;
 }
 declare const SpreadsheetEditor: React__default.FC<SpreadsheetEditorProps>;
 

package/dist/index.d.ts

@@ -136,6 +136,7 @@ interface SpreadsheetEditorProps {
     }) => React__default.ReactNode;
     onAddColumnClick?: () => void;
     onColumnHeaderClick?: (col: SpreadsheetColumn) => void;
+    onColumnResize?: (colId: string, width: number) => void;
 }
 declare const SpreadsheetEditor: React__default.FC<SpreadsheetEditorProps>;
 

package/dist/index.js

@@ -531,7 +531,8 @@ var SpreadsheetEditor = ({
   readOnly = false,
   customCellRenderer,
   onAddColumnClick,
-  onColumnHeaderClick
+  onColumnHeaderClick,
+  onColumnResize
 }) => {
   const defaultState = useSpreadsheetEditor();
   const state = externalState || defaultState;
@@ -628,20 +629,36 @@ var SpreadsheetEditor = ({
   }, [readOnly, state]);
   useEffect3(() => {
     if (!resizingColId) return;
+    if (typeof document !== "undefined") {
+      document.body.style.cursor = "col-resize";
+      document.body.style.userSelect = "none";
+    }
     const handleMouseMove = (e) => {
       const delta = e.clientX - resizeStartX;
       state.setColumnWidth(resizingColId, Math.max(60, resizeStartWidth + delta));
     };
     const handleMouseUp = () => {
+      const col = state.document.columns.find((c) => c.id === resizingColId);
+      if (col && onColumnResize) {
+        onColumnResize(col.id, col.width || resizeStartWidth);
+      }
       setResizingColId(null);
+      if (typeof document !== "undefined") {
+        document.body.style.cursor = "";
+        document.body.style.userSelect = "";
+      }
     };
     window.addEventListener("mousemove", handleMouseMove);
     window.addEventListener("mouseup", handleMouseUp);
     return () => {
+      if (typeof document !== "undefined") {
+        document.body.style.cursor = "";
+        document.body.style.userSelect = "";
+      }
       window.removeEventListener("mousemove", handleMouseMove);
       window.removeEventListener("mouseup", handleMouseUp);
     };
-  }, [resizingColId, resizeStartX, resizeStartWidth, state]);
+  }, [resizingColId, resizeStartX, resizeStartWidth, state, onColumnResize]);
   const isCellSelected = (rIdx, cIdx) => {
     if (!state.selectedRange) return false;
     const minR = Math.min(state.selectedRange.startRow, state.selectedRange.endRow);

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/hooks/usePromptEditor.ts","../src/hooks/useEditor.ts","../src/components/EditorContent.tsx","../src/components/BubbleMenu.tsx","../src/components/TemplateRenderer.tsx","../src/spreadsheet/useSpreadsheetEditor.ts","../src/spreadsheet/SpreadsheetEditor.tsx"],"sourcesContent":["import { useMemo, useEffect, useRef } from \"react\";\nimport { useEditor } from \"@tiptap/react\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport Placeholder from \"@tiptap/extension-placeholder\";\nimport { Slice, Fragment, Node as ProsemirrorNode } from \"@tiptap/pm/model\";\nimport {\n  Template,\n  ColorGradient,\n  GradientText,\n  TemplateSuggestions,\n  LoadingNode,\n  plainTextToTipTapHtml,\n  getEditorText,\n} from \"@pixerate/editor\";\n\nexport interface UsePromptEditorProps {\n  /** The initial or controlled content of the editor as plain text */\n  content: string;\n  /** Callback fired when the editor content changes (returns plain text) */\n  onContentChange: (text: string) => void;\n  /** List of available templates to be suggested and highlighted */\n  templates?: Template[];\n  /** Custom gradient color map for templates */\n  templateColorMap?: Map<string, ColorGradient>;\n  /** Whether the editor is editable */\n  isEditing?: boolean;\n  /** Placeholder text for the editor */\n  placeholder?: string;\n  /** Additional CSS classes for the editor container */\n  className?: string;\n  /** Callback fired when the Escape key is pressed */\n  onEscape?: () => void;\n  /** Custom keydown handler. Return true to prevent default behavior */\n  onKeyDown?: (event: KeyboardEvent) => boolean;\n  /** Callback fired when text selection changes */\n  onSelectionChange?: (selection: { from: number; to: number } | null) => void;\n  /** Callback fired when a slash command (e.g., /template) matches */\n  onSlashCommandMatch?: (\n    match: RegExpMatchArray,\n    from: number,\n    to: number,\n    coords: { top: number; left: number },\n  ) => void;\n  /** Callback to dismiss/clear the active slash command */\n  clearSlashCommand?: () => void;\n  /** Whether a slash command menu is currently active */\n  slashCommandActive?: boolean;\n  /** Callback fired when certain milestones are reached (e.g., used_variable, used_magic) */\n  onMilestone?: (milestone: string) => void;\n  /** DOM element ID of the container, used for positioning popovers */\n  containerId?: string;\n  /** Variable names originating from structured JSON output steps */\n  jsonVariables?: string[];\n  /** Animation speed for gradient decorations */\n  speed?: number;\n}\n\nconst DEFAULT_TEMPLATES: Template[] = [];\nconst DEFAULT_COLOR_MAP = new Map<string, ColorGradient>([\n  [\"default\", { from: \"#f43f5e\", to: \"#8b5cf6\" }],\n]);\n\nexport function usePromptEditor({\n  content,\n  onContentChange,\n  templates = DEFAULT_TEMPLATES,\n  templateColorMap: userColorMap,\n  isEditing = true,\n  placeholder = \"Write a prompt, use {{template}}, {variable}, or /command...\",\n  className,\n  onEscape,\n  onKeyDown,\n  onSelectionChange,\n  onSlashCommandMatch,\n  clearSlashCommand,\n  slashCommandActive = false,\n  onMilestone,\n  containerId = \"editor-container\",\n  jsonVariables,\n  speed = 2,\n}: UsePromptEditorProps) {\n  const slashCommandActiveRef = useRef(slashCommandActive);\n  slashCommandActiveRef.current = slashCommandActive;\n\n  const clearSlashCommandRef = useRef(clearSlashCommand);\n  clearSlashCommandRef.current = clearSlashCommand;\n\n  const onEscapeRef = useRef(onEscape);\n  onEscapeRef.current = onEscape;\n\n  const onKeyDownRef = useRef(onKeyDown);\n  onKeyDownRef.current = onKeyDown;\n\n  const onSelectionChangeRef = useRef(onSelectionChange);\n  onSelectionChangeRef.current = onSelectionChange;\n\n  const onSlashCommandMatchRef = useRef(onSlashCommandMatch);\n  onSlashCommandMatchRef.current = onSlashCommandMatch;\n\n  const onContentChangeRef = useRef(onContentChange);\n  onContentChangeRef.current = onContentChange;\n\n  const onMilestoneRef = useRef(onMilestone);\n  onMilestoneRef.current = onMilestone;\n\n  const containerIdRef = useRef(containerId);\n  containerIdRef.current = containerId;\n\n  const templateKey = useMemo(() => {\n    return (templates || [])\n      .map((t) => `${t.id || t.name}:${(t as any).latestVersion || \"\"}`)\n      .sort()\n      .join(\",\");\n  }, [templates]);\n\n  const resolvedColorMap = useMemo(() => {\n    if (userColorMap) return userColorMap;\n    const map = new Map<string, ColorGradient>();\n    templates.forEach((t) => {\n      map.set(t.name, { from: \"#f43f5e\", to: \"#8b5cf6\" });\n    });\n    return map.size > 0 ? map : DEFAULT_COLOR_MAP;\n  }, [userColorMap, templateKey]);\n\n  const StarterKitExt =\n    (StarterKit as any)?.configure\n      ? StarterKit\n      : (StarterKit as any)?.default?.configure\n        ? (StarterKit as any)?.default\n        : StarterKit;\n\n  const PlaceholderExt =\n    (Placeholder as any)?.configure\n      ? Placeholder\n      : (Placeholder as any)?.default?.configure\n        ? (Placeholder as any)?.default\n        : Placeholder;\n\n  const editor = useEditor(\n    {\n      immediatelyRender: false,\n      enablePasteRules: false,\n      enableInputRules: false,\n      editable: isEditing,\n      extensions: [\n        StarterKitExt.configure({\n          heading: false,\n          codeBlock: false,\n        }),\n        PlaceholderExt.configure({ placeholder }),\n        GradientText.configure({\n          templateColorMap: resolvedColorMap,\n          speed,\n          jsonVariables,\n        }),\n        TemplateSuggestions.configure({\n          templates,\n        }),\n        LoadingNode,\n      ],\n      content: plainTextToTipTapHtml(content),\n      onUpdate: ({ editor: ed }) => {\n        const plainText = getEditorText(ed);\n        onContentChangeRef.current?.(plainText);\n\n        if (onMilestoneRef.current) {\n          if (plainText.match(/(?<!\\{)\\{([^{}]+)\\}(?!\\})/g)) {\n            onMilestoneRef.current(\"used_variable\");\n          }\n          if (plainText.match(/__([^_]+)__/g)) {\n            onMilestoneRef.current(\"used_magic\");\n          }\n        }\n\n        const { state, view } = ed;\n        const { selection } = state;\n        const { $from, from, to } = selection;\n\n        onSelectionChangeRef.current?.({ from, to });\n\n        if (onSlashCommandMatchRef.current && clearSlashCommandRef.current) {\n          const textBeforeCursor = $from?.parent?.textBetween\n            ? $from.parent.textBetween(0, $from.parentOffset)\n            : \"\";\n          const slashMatch = textBeforeCursor.match(\n            /(?:^|\\s)\\/([a-zA-Z0-9_-]*)$/,\n          );\n\n          if (slashMatch) {\n            const coords = view.coordsAtPos($from.pos);\n            const containerEl =\n              document.getElementById(containerIdRef.current) ||\n              document.getElementById(\"editor-container\") ||\n              (view.dom.closest?.(\".relative\") as HTMLElement | null);\n            const containerCoords = containerEl?.getBoundingClientRect();\n\n            if (containerCoords) {\n              onSlashCommandMatchRef.current(\n                slashMatch,\n                $from.pos -\n                  slashMatch[0].length +\n                  (slashMatch[0].startsWith(\" \") ? 1 : 0),\n                $from.pos,\n                {\n                  top: coords.bottom - containerCoords.top + 5,\n                  left: coords.left - containerCoords.left,\n                },\n              );\n            }\n          } else {\n            clearSlashCommandRef.current();\n          }\n        }\n      },\n      onSelectionUpdate: ({ editor: ed }) => {\n        const { from, to } = ed.state.selection;\n        onSelectionChangeRef.current?.({ from, to });\n      },\n      editorProps: {\n        attributes: {\n          class:\n            className ||\n            \"w-full border border-input rounded-md p-3 font-mono text-sm leading-relaxed focus:outline-none focus:ring-2 focus:ring-primary whitespace-pre-wrap break-words\",\n          role: \"textbox\",\n          \"aria-label\": \"Prompt editor\",\n        },\n        handleKeyDown(view, event) {\n          if (slashCommandActiveRef.current) {\n            if (\n              event.key === \"ArrowUp\" ||\n              event.key === \"ArrowDown\" ||\n              event.key === \"Enter\"\n            ) {\n              event.preventDefault();\n              return true;\n            }\n            if (event.key === \"Escape\") {\n              clearSlashCommandRef.current?.();\n              event.preventDefault();\n              event.stopPropagation();\n              return true;\n            }\n          }\n          if (onKeyDownRef.current && onKeyDownRef.current(event as KeyboardEvent)) {\n            return true;\n          }\n          if (event.key === \"Escape\" && onEscapeRef.current) {\n            onEscapeRef.current();\n            return true;\n          }\n          return false;\n        },\n        handlePaste: (view, event) => {\n          const text = event.clipboardData?.getData(\"text/plain\");\n          if (!text) return false;\n          event.preventDefault();\n          const schema = view.state.schema;\n          if (!schema) return false;\n\n          const blocks = text.replace(/\\r\\n?/g, \"\\n\").split(\"\\n\");\n          const nodes: ProsemirrorNode[] = [];\n          blocks.forEach((line) => {\n            const nodeJson: any = { type: \"paragraph\" };\n            if (line.length > 0) {\n              nodeJson.content = [{ type: \"text\", text: line }];\n            }\n            try {\n              const node = ProsemirrorNode.fromJSON(schema, nodeJson);\n              nodes.push(node);\n            } catch {\n              // Ignore\n            }\n          });\n\n          const parsedSlice = Slice.maxOpen(Fragment.fromArray(nodes));\n          const tr = view.state.tr.replaceSelection(parsedSlice);\n          view.dispatch(tr);\n          return true;\n        },\n        clipboardTextParser: (text, context, _plain, view) => {\n          const schema =\n            (context as any)?.doc?.type?.schema ||\n            (context as any)?.schema ||\n            view?.state?.schema;\n\n          if (!schema) return Slice.empty;\n\n          const blocks = text.replace(/\\r\\n?/g, \"\\n\").split(\"\\n\");\n          const nodes: ProsemirrorNode[] = [];\n\n          blocks.forEach((line) => {\n            const nodeJson: any = { type: \"paragraph\" };\n            if (line.length > 0) {\n              nodeJson.content = [{ type: \"text\", text: line }];\n            }\n            try {\n              const node = ProsemirrorNode.fromJSON(schema, nodeJson);\n              nodes.push(node);\n            } catch {\n              // Ignore\n            }\n          });\n\n          return Slice.maxOpen(Fragment.fromArray(nodes));\n        },\n      },\n    },\n    [resolvedColorMap, templateKey, isEditing, placeholder, speed],\n  );\n\n  useEffect(() => {\n    if (editor && !editor.isDestroyed) {\n      editor.setEditable(isEditing);\n    }\n  }, [editor, isEditing]);\n\n  return editor;\n}\n","import { useEditor as useTipTapEditor, UseEditorOptions } from \"@tiptap/react\";\nimport { createRichTextPreset, RichTextPresetOptions } from \"@pixerate/editor\";\n\nexport interface UseRichEditorProps extends UseEditorOptions {\n  richTextOptions?: RichTextPresetOptions;\n}\n\n/**\n * Hook to initialize a TipTap rich-text editor instance with pre-configured extensions.\n */\nexport function useEditor(options: UseRichEditorProps = {}) {\n  const { richTextOptions, extensions = [], ...editorOptions } = options;\n\n  const preset = createRichTextPreset(richTextOptions);\n  const combinedExtensions = [...preset, ...extensions];\n\n  return useTipTapEditor({\n    extensions: combinedExtensions,\n    ...editorOptions,\n  });\n}\n","import React from \"react\";\nimport {\n  EditorContent as TipTapEditorContent,\n  EditorContentProps as TipTapEditorContentProps,\n} from \"@tiptap/react\";\n\nexport interface EditorContentProps extends TipTapEditorContentProps {\n  className?: string;\n}\n\nexport const EditorContent: React.FC<EditorContentProps> = ({\n  className,\n  editor,\n  ...props\n}) => {\n  return (\n    <div className={className}>\n      <TipTapEditorContent editor={editor} {...props} />\n    </div>\n  );\n};\n","import React, { useEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport {\n  BubbleMenuPlugin,\n  type BubbleMenuPluginProps,\n} from \"@tiptap/extension-bubble-menu\";\nimport type { Editor } from \"@tiptap/core\";\n\nexport interface BubbleMenuProps {\n  editor: Editor | null;\n  className?: string;\n  children: React.ReactNode;\n  tippyOptions?: BubbleMenuPluginProps[\"tippyOptions\"];\n  shouldShow?: BubbleMenuPluginProps[\"shouldShow\"];\n  pluginKey?: BubbleMenuPluginProps[\"pluginKey\"];\n  updateDelay?: BubbleMenuPluginProps[\"updateDelay\"];\n}\n\nexport const BubbleMenu: React.FC<BubbleMenuProps> = ({\n  editor,\n  className = \"flex items-center gap-1 bg-popover text-popover-foreground border shadow-md rounded-md p-1\",\n  children,\n  tippyOptions = { duration: 100 },\n  shouldShow = null,\n  pluginKey = \"bubbleMenu\",\n  updateDelay,\n}) => {\n  const menuEl = useRef<HTMLDivElement | null>(null);\n  const [mounted, setMounted] = useState(false);\n\n  if (!menuEl.current && typeof document !== \"undefined\") {\n    menuEl.current = document.createElement(\"div\");\n  }\n\n  useEffect(() => {\n    if (!editor || !menuEl.current || editor.isDestroyed) {\n      return;\n    }\n\n    const element = menuEl.current;\n    element.className = className;\n\n    const plugin = BubbleMenuPlugin({\n      editor,\n      element,\n      pluginKey,\n      tippyOptions,\n      shouldShow,\n      updateDelay,\n    });\n\n    editor.registerPlugin(plugin);\n    setMounted(true);\n\n    return () => {\n      setMounted(false);\n      editor.unregisterPlugin(pluginKey);\n      if (element.parentNode) {\n        element.parentNode.removeChild(element);\n      }\n    };\n  }, [editor, className, pluginKey]);\n\n  if (!editor || !menuEl.current || !mounted) {\n    return null;\n  }\n\n  return createPortal(children, menuEl.current);\n};\n","import React, { useMemo } from \"react\";\nimport {\n  tokenizePrompt,\n  resolveTemplates,\n  Template,\n  ColorGradient,\n} from \"@pixerate/editor\";\n\nexport interface TemplateRendererProps {\n  /** Raw prompt or text string to render */\n  content: string;\n  /** Available templates for recursive resolution and custom coloring */\n  templates?: Template[];\n  /** Custom gradient color map for templates */\n  templateColorMap?: Map<string, ColorGradient>;\n  /** Whether to resolve nested templates recursively before displaying */\n  resolve?: boolean;\n  /** Custom class name for the wrapper */\n  className?: string;\n  /** Click callback for template badges */\n  onTemplateClick?: (templateName: string) => void;\n  /** Click callback for variable badges */\n  onVariableClick?: (variableName: string) => void;\n}\n\nexport const TemplateRenderer: React.FC<TemplateRendererProps> = ({\n  content,\n  templates = [],\n  templateColorMap,\n  resolve = false,\n  className = \"font-mono text-sm leading-relaxed whitespace-pre-wrap break-words\",\n  onTemplateClick,\n  onVariableClick,\n}) => {\n  const displayText = useMemo(() => {\n    if (!resolve || templates.length === 0) return content;\n    return resolveTemplates(content, templates);\n  }, [content, templates, resolve]);\n\n  const tokens = useMemo(() => {\n    return tokenizePrompt(displayText);\n  }, [displayText]);\n\n  return (\n    <div className={className}>\n      {tokens.map((token, index) => {\n        if (token.type === \"template\") {\n          const colors = templateColorMap?.get(token.value) || {\n            from: \"#f43f5e\",\n            to: \"#8b5cf6\",\n          };\n          const style = {\n            \"--color-from\": colors.from,\n            \"--color-to\": colors.to,\n          } as React.CSSProperties;\n\n          return (\n            <span\n              key={index}\n              style={style}\n              onClick={() => onTemplateClick?.(token.value)}\n              className=\"inline-flex items-center px-1.5 py-0.5 mx-0.5 text-xs font-semibold rounded-md border border-[var(--color-to)]/40 bg-gradient-to-r from-[var(--color-from)]/15 to-[var(--color-to)]/15 text-[var(--color-to)] hover:brightness-110 cursor-pointer transition-all\"\n              title={`Template: ${token.value}`}\n            >\n              {`{{${token.value}}}`}\n            </span>\n          );\n        }\n\n        if (token.type === \"variable\") {\n          return (\n            <span\n              key={index}\n              onClick={() => onVariableClick?.(token.value)}\n              className=\"inline-flex items-center px-1.5 py-0.5 mx-0.5 text-xs font-medium rounded-md border border-violet-400/40 bg-violet-400/15 text-violet-600 dark:text-violet-300 hover:brightness-110 cursor-pointer transition-all\"\n              title={`Variable: ${token.value}`}\n            >\n              {`{${token.value}}`}\n            </span>\n          );\n        }\n\n        if (token.type === \"instruction\") {\n          return (\n            <span\n              key={index}\n              className=\"inline-flex items-center px-1.5 py-0.5 mx-0.5 text-xs italic font-medium rounded-md border border-rose-400/40 bg-rose-400/15 text-rose-600 dark:text-rose-300\"\n              title={`Instruction: ${token.value}`}\n            >\n              {`__${token.value}__`}\n            </span>\n          );\n        }\n\n        return <span key={index}>{token.value}</span>;\n      })}\n    </div>\n  );\n};\n","import { useState, useMemo, useCallback } from 'react';\nimport {\n  SpreadsheetController,\n  type SpreadsheetControllerOptions,\n  type SpreadsheetDocument,\n  type CellCoordinate,\n  type CellRange,\n  type SpreadsheetColumn,\n  type SpreadsheetRow,\n  type SpreadsheetDataSource\n} from '@pixerate/editor';\n\nexport function useSpreadsheetEditor(options: SpreadsheetControllerOptions = {}) {\n  const [doc, setDoc] = useState<SpreadsheetDocument>(() => ({\n    id: options.document?.id || `sheet_${Date.now()}`,\n    name: options.document?.name || 'Sheet 1',\n    columns: options.document?.columns || [],\n    rows: options.document?.rows || [],\n    cells: options.document?.cells || {},\n    createdAt: options.document?.createdAt || Date.now(),\n    updatedAt: options.document?.updatedAt || Date.now()\n  }));\n\n  const [activeCell, setActiveCell] = useState<CellCoordinate | null>(null);\n  const [selectedRange, setSelectedRange] = useState<CellRange | null>(null);\n  const [editingCell, setEditingCell] = useState<CellCoordinate | null>(null);\n  const [draftValue, setDraftValue] = useState<string>('');\n\n  const controller = useMemo(() => {\n    return new SpreadsheetController({\n      ...options,\n      onDocumentChange: (updated) => {\n        setDoc({ ...updated });\n        options.onDocumentChange?.(updated);\n      },\n      onSelectionChange: (active, range) => {\n        setActiveCell(active);\n        setSelectedRange(range);\n        options.onSelectionChange?.(active, range);\n      },\n      onCellCommit: (rowId, colId, raw, value) => {\n        options.onCellCommit?.(rowId, colId, raw, value);\n      }\n    });\n  }, []);\n\n  const setCellValue = useCallback((rowId: string, colId: string, raw: string) => {\n    controller.setCellValue(rowId, colId, raw);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const selectCell = useCallback((row: number, col: number, extendSelection = false) => {\n    controller.selectCell(row, col, extendSelection);\n    setActiveCell(controller.activeCell);\n    setSelectedRange(controller.selectedRange);\n  }, [controller]);\n\n  const selectRange = useCallback((range: CellRange) => {\n    controller.selectRange(range);\n    setSelectedRange(controller.selectedRange);\n  }, [controller]);\n\n  const startEditing = useCallback((row?: number, col?: number, initialVal?: string) => {\n    controller.startEditing(row, col, initialVal);\n    setActiveCell(controller.activeCell);\n    setEditingCell(controller.editingCell);\n    setDraftValue(controller.draftValue);\n  }, [controller]);\n\n  const commitEditing = useCallback((val?: string) => {\n    controller.commitEditing(val);\n    setEditingCell(null);\n    setDraftValue('');\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const cancelEditing = useCallback(() => {\n    controller.cancelEditing();\n    setEditingCell(null);\n    setDraftValue('');\n  }, [controller]);\n\n  const moveCursor = useCallback((dir: 'up' | 'down' | 'left' | 'right', extend = false) => {\n    controller.moveCursor(dir, extend);\n    setActiveCell(controller.activeCell);\n    setSelectedRange(controller.selectedRange);\n  }, [controller]);\n\n  const insertColumn = useCallback((index: number, config?: Partial<SpreadsheetColumn>) => {\n    controller.insertColumn(index, config);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const deleteColumn = useCallback((colId: string) => {\n    controller.deleteColumn(colId);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const insertRow = useCallback((index: number, config?: Partial<SpreadsheetRow>) => {\n    controller.insertRow(index, config);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const deleteRow = useCallback((rowId: string) => {\n    controller.deleteRow(rowId);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const setColumnWidth = useCallback((colId: string, width: number) => {\n    controller.setColumnWidth(colId, width);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const registerDataSource = useCallback((ds: SpreadsheetDataSource) => {\n    controller.registerDataSource(ds);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const setPrimaryDataSource = useCallback((id: string | undefined) => {\n    controller.setPrimaryDataSource(id);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const recalculateAll = useCallback(() => {\n    controller.recalculateAll();\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const undo = useCallback(() => {\n    controller.undo();\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const redo = useCallback(() => {\n    controller.redo();\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  return {\n    document: doc,\n    activeCell,\n    selectedRange,\n    editingCell,\n    draftValue,\n    setDraftValue,\n    controller,\n    getCell: (rowId: string, colId: string) => controller.getCell(rowId, colId),\n    setCellValue,\n    selectCell,\n    selectRange,\n    startEditing,\n    commitEditing,\n    cancelEditing,\n    moveCursor,\n    insertColumn,\n    deleteColumn,\n    insertRow,\n    deleteRow,\n    setColumnWidth,\n    loadDocument: (document: SpreadsheetDocument) => {\n      controller.loadDocument(document);\n      setDoc({ ...controller.document });\n      setActiveCell(null);\n      setSelectedRange(null);\n      setEditingCell(null);\n      setDraftValue('');\n    },\n    syncWithDataSource: () => {\n      controller.syncWithDataSource();\n      controller.recalculateAll();\n      setDoc({ ...controller.document });\n    },\n    registerDataSource,\n    setPrimaryDataSource,\n    recalculateAll,\n    exportToTsv: () => controller.exportToTsv(),\n    importFromTsv: (data: string) => {\n      controller.importFromTsv(data);\n      setDoc({ ...controller.document });\n    },\n    undo,\n    redo\n  };\n}\n","import React, { useRef, useState, useMemo, useEffect, useCallback } from 'react';\nimport {\n  indexToColName,\n  type SpreadsheetColumn,\n  type SpreadsheetRow,\n  type CellData\n} from '@pixerate/editor';\nimport { useSpreadsheetEditor } from './useSpreadsheetEditor';\n\nexport interface SpreadsheetEditorProps {\n  state?: ReturnType<typeof useSpreadsheetEditor>;\n  readOnly?: boolean;\n  customCellRenderer?: (props: { row: SpreadsheetRow; col: SpreadsheetColumn; cell: CellData }) => React.ReactNode;\n  onAddColumnClick?: () => void;\n  onColumnHeaderClick?: (col: SpreadsheetColumn) => void;\n}\n\nexport const SpreadsheetEditor: React.FC<SpreadsheetEditorProps> = ({\n  state: externalState,\n  readOnly = false,\n  customCellRenderer,\n  onAddColumnClick,\n  onColumnHeaderClick\n}) => {\n  const defaultState = useSpreadsheetEditor();\n  const state = externalState || defaultState;\n\n  const [resizingColId, setResizingColId] = useState<string | null>(null);\n  const [resizeStartX, setResizeStartX] = useState(0);\n  const [resizeStartWidth, setResizeStartWidth] = useState(0);\n\n  const activeRawValue = useMemo(() => {\n    if (!state.activeCell) return '';\n    const row = state.document.rows[state.activeCell.row];\n    const col = state.document.columns[state.activeCell.col];\n    if (!row || !col) return '';\n    return state.getCell(row.id, col.id).raw;\n  }, [state.activeCell, state.document]);\n\n  const coordLabel = useMemo(() => {\n    if (!state.activeCell) return '--';\n    const colName = indexToColName(state.activeCell.col);\n    return `${colName}${state.activeCell.row + 1}`;\n  }, [state.activeCell]);\n\n  const handleCellClick = useCallback((rIdx: number, cIdx: number, e: React.MouseEvent) => {\n    if (state.editingCell && (state.editingCell.row !== rIdx || state.editingCell.col !== cIdx)) {\n      state.commitEditing();\n    }\n    state.selectCell(rIdx, cIdx, e.shiftKey);\n  }, [state]);\n\n  const handleCellDblClick = useCallback((rIdx: number, cIdx: number) => {\n    if (readOnly) return;\n    const col = state.document.columns[cIdx];\n    if (col?.readOnly) return;\n    state.startEditing(rIdx, cIdx);\n  }, [readOnly, state]);\n\n  const handleKeyDown = useCallback((e: React.KeyboardEvent) => {\n    if (state.editingCell) {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        state.commitEditing();\n        state.moveCursor('down');\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        state.cancelEditing();\n      } else if (e.key === 'Tab') {\n        e.preventDefault();\n        state.commitEditing();\n        state.moveCursor(e.shiftKey ? 'left' : 'right');\n      }\n      return;\n    }\n\n    if (!state.activeCell) return;\n\n    if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      state.moveCursor('up', e.shiftKey);\n    } else if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      state.moveCursor('down', e.shiftKey);\n    } else if (e.key === 'ArrowLeft') {\n      e.preventDefault();\n      state.moveCursor('left', e.shiftKey);\n    } else if (e.key === 'ArrowRight') {\n      e.preventDefault();\n      state.moveCursor('right', e.shiftKey);\n    } else if (e.key === 'Tab') {\n      e.preventDefault();\n      state.moveCursor(e.shiftKey ? 'left' : 'right');\n    } else if (e.key === 'Enter') {\n      e.preventDefault();\n      const col = state.document.columns[state.activeCell.col];\n      if (!readOnly && !col?.readOnly) {\n        state.startEditing();\n      }\n    } else if (e.key === 'Backspace' || e.key === 'Delete') {\n      if (readOnly) return;\n      const row = state.document.rows[state.activeCell.row];\n      const col = state.document.columns[state.activeCell.col];\n      if (row && col && !col.readOnly) {\n        e.preventDefault();\n        state.setCellValue(row.id, col.id, '');\n      }\n    } else if ((e.metaKey || e.ctrlKey) && e.key === 'z') {\n      e.preventDefault();\n      if (e.shiftKey) {\n        state.redo();\n      } else {\n        state.undo();\n      }\n    } else if ((e.metaKey || e.ctrlKey) && e.key === 'c') {\n      e.preventDefault();\n      const tsv = state.exportToTsv();\n      navigator.clipboard?.writeText(tsv);\n    } else if (!readOnly && e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {\n      const col = state.document.columns[state.activeCell.col];\n      if (!col?.readOnly) {\n        state.startEditing(state.activeCell.row, state.activeCell.col, e.key);\n      }\n    }\n  }, [readOnly, state]);\n\n  useEffect(() => {\n    if (!resizingColId) return;\n\n    const handleMouseMove = (e: MouseEvent) => {\n      const delta = e.clientX - resizeStartX;\n      state.setColumnWidth(resizingColId, Math.max(60, resizeStartWidth + delta));\n    };\n\n    const handleMouseUp = () => {\n      setResizingColId(null);\n    };\n\n    window.addEventListener('mousemove', handleMouseMove);\n    window.addEventListener('mouseup', handleMouseUp);\n    return () => {\n      window.removeEventListener('mousemove', handleMouseMove);\n      window.removeEventListener('mouseup', handleMouseUp);\n    };\n  }, [resizingColId, resizeStartX, resizeStartWidth, state]);\n\n  const isCellSelected = (rIdx: number, cIdx: number) => {\n    if (!state.selectedRange) return false;\n    const minR = Math.min(state.selectedRange.startRow, state.selectedRange.endRow);\n    const maxR = Math.max(state.selectedRange.startRow, state.selectedRange.endRow);\n    const minC = Math.min(state.selectedRange.startCol, state.selectedRange.endCol);\n    const maxC = Math.max(state.selectedRange.startCol, state.selectedRange.endCol);\n    return rIdx >= minR && rIdx <= maxR && cIdx >= minC && cIdx <= maxC;\n  };\n\n  const isActiveCell = (rIdx: number, cIdx: number) => {\n    return state.activeCell?.row === rIdx && state.activeCell?.col === cIdx;\n  };\n\n  return (\n    <div\n      className=\"flex flex-col h-full w-full overflow-hidden border border-border bg-background select-none outline-none text-foreground font-sans text-xs\"\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n      role=\"grid\"\n      aria-label=\"Spreadsheet\"\n    >\n      {/* Formula Bar */}\n      <div className=\"flex items-center gap-2 border-b border-border bg-muted/20 px-3 py-1.5 text-xs font-mono\">\n        <div className=\"flex h-6 min-w-[3rem] items-center justify-center rounded border border-border bg-background px-1.5 font-semibold text-foreground\">\n          {coordLabel}\n        </div>\n        <div className=\"flex items-center text-muted-foreground select-none\">\n          <span className=\"italic font-serif font-bold text-sm text-primary\">fx</span>\n        </div>\n        <input\n          type=\"text\"\n          className=\"flex-1 bg-transparent px-2 py-0.5 outline-none font-sans text-xs text-foreground placeholder:text-muted-foreground/60 focus:bg-background focus:ring-1 focus:ring-primary rounded\"\n          placeholder=\"Enter a value or formula (e.g. =SUM(A1:A5))\"\n          value={state.editingCell ? state.draftValue : activeRawValue}\n          onChange={(e) => {\n            if (state.activeCell) {\n              state.setDraftValue(e.target.value);\n            }\n          }}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter') {\n              e.preventDefault();\n              if (state.activeCell) {\n                const row = state.document.rows[state.activeCell.row];\n                const col = state.document.columns[state.activeCell.col];\n                if (row && col) {\n                  state.setCellValue(row.id, col.id, (e.target as HTMLInputElement).value);\n                }\n              }\n            } else if (e.key === 'Escape') {\n              e.preventDefault();\n              state.cancelEditing();\n            }\n          }}\n        />\n      </div>\n\n      {/* Main Grid */}\n      <div className=\"relative flex-1 overflow-auto\">\n        <table className=\"border-collapse table-fixed w-max min-w-full\">\n          <thead>\n            <tr className=\"h-7 bg-muted/60 sticky top-0 z-20 border-b border-border shadow-xs\">\n              <th className=\"w-12 min-w-[3rem] sticky left-0 z-30 bg-muted/90 border-r border-border text-center text-[10px] text-muted-foreground font-medium\">\n                #\n              </th>\n              {state.document.columns.map((col, cIdx) => (\n                <th\n                  key={col.id}\n                  className=\"relative border-r border-border px-2 text-left font-medium text-muted-foreground hover:bg-muted/90 transition-colors group cursor-pointer\"\n                  style={{ width: col.width || 130, minWidth: col.width || 130, maxWidth: col.width || 130 }}\n                  onClick={() => onColumnHeaderClick?.(col)}\n                >\n                  <div className=\"flex items-center justify-between gap-1 truncate\">\n                    <span className=\"truncate font-semibold text-foreground text-xs\">{col.title}</span>\n                    <span className=\"text-[10px] text-muted-foreground/70 font-mono font-normal\">({col.key})</span>\n                  </div>\n                  <div\n                    className=\"absolute right-0 top-0 bottom-0 w-1.5 cursor-col-resize hover:bg-primary/50 group-hover:bg-primary/20 z-10\"\n                    onMouseDown={(e) => {\n                      e.preventDefault();\n                      e.stopPropagation();\n                      setResizingColId(col.id);\n                      setResizeStartX(e.clientX);\n                      setResizeStartWidth(col.width || 130);\n                    }}\n                    role=\"separator\"\n                    aria-orientation=\"vertical\"\n                  />\n                </th>\n              ))}\n              {onAddColumnClick && (\n                <th\n                  className=\"w-10 min-w-[2.5rem] px-1 text-center bg-muted/40 hover:bg-muted cursor-pointer transition-colors\"\n                  onClick={onAddColumnClick}\n                  title=\"Add Column\"\n                >\n                  <span className=\"text-xs font-bold text-muted-foreground\">+</span>\n                </th>\n              )}\n            </tr>\n          </thead>\n          <tbody>\n            {state.document.rows.map((row, rIdx) => (\n              <tr key={row.id} className=\"border-b border-border hover:bg-muted/10 transition-colors\" style={{ height: row.height || 32 }}>\n                <td className=\"w-12 min-w-[3rem] sticky left-0 z-10 bg-muted/50 border-r border-border text-center text-[10px] text-muted-foreground font-mono select-none\">\n                  {rIdx + 1}\n                </td>\n                {state.document.columns.map((col, cIdx) => {\n                  const cell = state.getCell(row.id, col.id);\n                  const selected = isCellSelected(rIdx, cIdx);\n                  const active = isActiveCell(rIdx, cIdx);\n                  const isEditing = state.editingCell?.row === rIdx && state.editingCell?.col === cIdx;\n\n                  return (\n                    <td\n                      key={col.id}\n                      className={`relative border-r border-border px-2 py-1 truncate text-foreground transition-all ${\n                        selected ? 'bg-primary/10' : ''\n                      } ${active ? 'ring-2 ring-primary ring-inset z-10' : ''}`}\n                      style={{ width: col.width || 130, minWidth: col.width || 130, maxWidth: col.width || 130 }}\n                      onClick={(e) => handleCellClick(rIdx, cIdx, e)}\n                      onDoubleClick={() => handleCellDblClick(rIdx, cIdx)}\n                    >\n                      {isEditing ? (\n                        <input\n                          type=\"text\"\n                          className=\"absolute inset-0 w-full h-full px-2 py-1 bg-background text-foreground outline-none font-sans text-xs border-2 border-primary z-20\"\n                          value={state.draftValue}\n                          onChange={(e) => state.setDraftValue(e.target.value)}\n                          onBlur={() => state.commitEditing()}\n                          autoFocus\n                        />\n                      ) : customCellRenderer ? (\n                        customCellRenderer({ row, col, cell })\n                      ) : (\n                        <span className={`truncate block ${cell.error ? 'text-destructive font-semibold' : ''}`}>\n                          {cell.error || (cell.value ?? '')}\n                        </span>\n                      )}\n                    </td>\n                  );\n                })}\n                {onAddColumnClick && <td className=\"w-10 min-w-[2.5rem] bg-muted/10 border-r border-border\" />}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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","names":["useEditor","useEffect","useRef","useMemo","jsx","useState","useMemo","document","useState","useMemo","useEffect","useCallback","jsx","useState","useMemo","useCallback","useEffect"]}
+{"version":3,"sources":["../src/hooks/usePromptEditor.ts","../src/hooks/useEditor.ts","../src/components/EditorContent.tsx","../src/components/BubbleMenu.tsx","../src/components/TemplateRenderer.tsx","../src/spreadsheet/useSpreadsheetEditor.ts","../src/spreadsheet/SpreadsheetEditor.tsx"],"sourcesContent":["import { useMemo, useEffect, useRef } from \"react\";\nimport { useEditor } from \"@tiptap/react\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport Placeholder from \"@tiptap/extension-placeholder\";\nimport { Slice, Fragment, Node as ProsemirrorNode } from \"@tiptap/pm/model\";\nimport {\n  Template,\n  ColorGradient,\n  GradientText,\n  TemplateSuggestions,\n  LoadingNode,\n  plainTextToTipTapHtml,\n  getEditorText,\n} from \"@pixerate/editor\";\n\nexport interface UsePromptEditorProps {\n  /** The initial or controlled content of the editor as plain text */\n  content: string;\n  /** Callback fired when the editor content changes (returns plain text) */\n  onContentChange: (text: string) => void;\n  /** List of available templates to be suggested and highlighted */\n  templates?: Template[];\n  /** Custom gradient color map for templates */\n  templateColorMap?: Map<string, ColorGradient>;\n  /** Whether the editor is editable */\n  isEditing?: boolean;\n  /** Placeholder text for the editor */\n  placeholder?: string;\n  /** Additional CSS classes for the editor container */\n  className?: string;\n  /** Callback fired when the Escape key is pressed */\n  onEscape?: () => void;\n  /** Custom keydown handler. Return true to prevent default behavior */\n  onKeyDown?: (event: KeyboardEvent) => boolean;\n  /** Callback fired when text selection changes */\n  onSelectionChange?: (selection: { from: number; to: number } | null) => void;\n  /** Callback fired when a slash command (e.g., /template) matches */\n  onSlashCommandMatch?: (\n    match: RegExpMatchArray,\n    from: number,\n    to: number,\n    coords: { top: number; left: number },\n  ) => void;\n  /** Callback to dismiss/clear the active slash command */\n  clearSlashCommand?: () => void;\n  /** Whether a slash command menu is currently active */\n  slashCommandActive?: boolean;\n  /** Callback fired when certain milestones are reached (e.g., used_variable, used_magic) */\n  onMilestone?: (milestone: string) => void;\n  /** DOM element ID of the container, used for positioning popovers */\n  containerId?: string;\n  /** Variable names originating from structured JSON output steps */\n  jsonVariables?: string[];\n  /** Animation speed for gradient decorations */\n  speed?: number;\n}\n\nconst DEFAULT_TEMPLATES: Template[] = [];\nconst DEFAULT_COLOR_MAP = new Map<string, ColorGradient>([\n  [\"default\", { from: \"#f43f5e\", to: \"#8b5cf6\" }],\n]);\n\nexport function usePromptEditor({\n  content,\n  onContentChange,\n  templates = DEFAULT_TEMPLATES,\n  templateColorMap: userColorMap,\n  isEditing = true,\n  placeholder = \"Write a prompt, use {{template}}, {variable}, or /command...\",\n  className,\n  onEscape,\n  onKeyDown,\n  onSelectionChange,\n  onSlashCommandMatch,\n  clearSlashCommand,\n  slashCommandActive = false,\n  onMilestone,\n  containerId = \"editor-container\",\n  jsonVariables,\n  speed = 2,\n}: UsePromptEditorProps) {\n  const slashCommandActiveRef = useRef(slashCommandActive);\n  slashCommandActiveRef.current = slashCommandActive;\n\n  const clearSlashCommandRef = useRef(clearSlashCommand);\n  clearSlashCommandRef.current = clearSlashCommand;\n\n  const onEscapeRef = useRef(onEscape);\n  onEscapeRef.current = onEscape;\n\n  const onKeyDownRef = useRef(onKeyDown);\n  onKeyDownRef.current = onKeyDown;\n\n  const onSelectionChangeRef = useRef(onSelectionChange);\n  onSelectionChangeRef.current = onSelectionChange;\n\n  const onSlashCommandMatchRef = useRef(onSlashCommandMatch);\n  onSlashCommandMatchRef.current = onSlashCommandMatch;\n\n  const onContentChangeRef = useRef(onContentChange);\n  onContentChangeRef.current = onContentChange;\n\n  const onMilestoneRef = useRef(onMilestone);\n  onMilestoneRef.current = onMilestone;\n\n  const containerIdRef = useRef(containerId);\n  containerIdRef.current = containerId;\n\n  const templateKey = useMemo(() => {\n    return (templates || [])\n      .map((t) => `${t.id || t.name}:${(t as any).latestVersion || \"\"}`)\n      .sort()\n      .join(\",\");\n  }, [templates]);\n\n  const resolvedColorMap = useMemo(() => {\n    if (userColorMap) return userColorMap;\n    const map = new Map<string, ColorGradient>();\n    templates.forEach((t) => {\n      map.set(t.name, { from: \"#f43f5e\", to: \"#8b5cf6\" });\n    });\n    return map.size > 0 ? map : DEFAULT_COLOR_MAP;\n  }, [userColorMap, templateKey]);\n\n  const StarterKitExt =\n    (StarterKit as any)?.configure\n      ? StarterKit\n      : (StarterKit as any)?.default?.configure\n        ? (StarterKit as any)?.default\n        : StarterKit;\n\n  const PlaceholderExt =\n    (Placeholder as any)?.configure\n      ? Placeholder\n      : (Placeholder as any)?.default?.configure\n        ? (Placeholder as any)?.default\n        : Placeholder;\n\n  const editor = useEditor(\n    {\n      immediatelyRender: false,\n      enablePasteRules: false,\n      enableInputRules: false,\n      editable: isEditing,\n      extensions: [\n        StarterKitExt.configure({\n          heading: false,\n          codeBlock: false,\n        }),\n        PlaceholderExt.configure({ placeholder }),\n        GradientText.configure({\n          templateColorMap: resolvedColorMap,\n          speed,\n          jsonVariables,\n        }),\n        TemplateSuggestions.configure({\n          templates,\n        }),\n        LoadingNode,\n      ],\n      content: plainTextToTipTapHtml(content),\n      onUpdate: ({ editor: ed }) => {\n        const plainText = getEditorText(ed);\n        onContentChangeRef.current?.(plainText);\n\n        if (onMilestoneRef.current) {\n          if (plainText.match(/(?<!\\{)\\{([^{}]+)\\}(?!\\})/g)) {\n            onMilestoneRef.current(\"used_variable\");\n          }\n          if (plainText.match(/__([^_]+)__/g)) {\n            onMilestoneRef.current(\"used_magic\");\n          }\n        }\n\n        const { state, view } = ed;\n        const { selection } = state;\n        const { $from, from, to } = selection;\n\n        onSelectionChangeRef.current?.({ from, to });\n\n        if (onSlashCommandMatchRef.current && clearSlashCommandRef.current) {\n          const textBeforeCursor = $from?.parent?.textBetween\n            ? $from.parent.textBetween(0, $from.parentOffset)\n            : \"\";\n          const slashMatch = textBeforeCursor.match(\n            /(?:^|\\s)\\/([a-zA-Z0-9_-]*)$/,\n          );\n\n          if (slashMatch) {\n            const coords = view.coordsAtPos($from.pos);\n            const containerEl =\n              document.getElementById(containerIdRef.current) ||\n              document.getElementById(\"editor-container\") ||\n              (view.dom.closest?.(\".relative\") as HTMLElement | null);\n            const containerCoords = containerEl?.getBoundingClientRect();\n\n            if (containerCoords) {\n              onSlashCommandMatchRef.current(\n                slashMatch,\n                $from.pos -\n                  slashMatch[0].length +\n                  (slashMatch[0].startsWith(\" \") ? 1 : 0),\n                $from.pos,\n                {\n                  top: coords.bottom - containerCoords.top + 5,\n                  left: coords.left - containerCoords.left,\n                },\n              );\n            }\n          } else {\n            clearSlashCommandRef.current();\n          }\n        }\n      },\n      onSelectionUpdate: ({ editor: ed }) => {\n        const { from, to } = ed.state.selection;\n        onSelectionChangeRef.current?.({ from, to });\n      },\n      editorProps: {\n        attributes: {\n          class:\n            className ||\n            \"w-full border border-input rounded-md p-3 font-mono text-sm leading-relaxed focus:outline-none focus:ring-2 focus:ring-primary whitespace-pre-wrap break-words\",\n          role: \"textbox\",\n          \"aria-label\": \"Prompt editor\",\n        },\n        handleKeyDown(view, event) {\n          if (slashCommandActiveRef.current) {\n            if (\n              event.key === \"ArrowUp\" ||\n              event.key === \"ArrowDown\" ||\n              event.key === \"Enter\"\n            ) {\n              event.preventDefault();\n              return true;\n            }\n            if (event.key === \"Escape\") {\n              clearSlashCommandRef.current?.();\n              event.preventDefault();\n              event.stopPropagation();\n              return true;\n            }\n          }\n          if (onKeyDownRef.current && onKeyDownRef.current(event as KeyboardEvent)) {\n            return true;\n          }\n          if (event.key === \"Escape\" && onEscapeRef.current) {\n            onEscapeRef.current();\n            return true;\n          }\n          return false;\n        },\n        handlePaste: (view, event) => {\n          const text = event.clipboardData?.getData(\"text/plain\");\n          if (!text) return false;\n          event.preventDefault();\n          const schema = view.state.schema;\n          if (!schema) return false;\n\n          const blocks = text.replace(/\\r\\n?/g, \"\\n\").split(\"\\n\");\n          const nodes: ProsemirrorNode[] = [];\n          blocks.forEach((line) => {\n            const nodeJson: any = { type: \"paragraph\" };\n            if (line.length > 0) {\n              nodeJson.content = [{ type: \"text\", text: line }];\n            }\n            try {\n              const node = ProsemirrorNode.fromJSON(schema, nodeJson);\n              nodes.push(node);\n            } catch {\n              // Ignore\n            }\n          });\n\n          const parsedSlice = Slice.maxOpen(Fragment.fromArray(nodes));\n          const tr = view.state.tr.replaceSelection(parsedSlice);\n          view.dispatch(tr);\n          return true;\n        },\n        clipboardTextParser: (text, context, _plain, view) => {\n          const schema =\n            (context as any)?.doc?.type?.schema ||\n            (context as any)?.schema ||\n            view?.state?.schema;\n\n          if (!schema) return Slice.empty;\n\n          const blocks = text.replace(/\\r\\n?/g, \"\\n\").split(\"\\n\");\n          const nodes: ProsemirrorNode[] = [];\n\n          blocks.forEach((line) => {\n            const nodeJson: any = { type: \"paragraph\" };\n            if (line.length > 0) {\n              nodeJson.content = [{ type: \"text\", text: line }];\n            }\n            try {\n              const node = ProsemirrorNode.fromJSON(schema, nodeJson);\n              nodes.push(node);\n            } catch {\n              // Ignore\n            }\n          });\n\n          return Slice.maxOpen(Fragment.fromArray(nodes));\n        },\n      },\n    },\n    [resolvedColorMap, templateKey, isEditing, placeholder, speed],\n  );\n\n  useEffect(() => {\n    if (editor && !editor.isDestroyed) {\n      editor.setEditable(isEditing);\n    }\n  }, [editor, isEditing]);\n\n  return editor;\n}\n","import { useEditor as useTipTapEditor, UseEditorOptions } from \"@tiptap/react\";\nimport { createRichTextPreset, RichTextPresetOptions } from \"@pixerate/editor\";\n\nexport interface UseRichEditorProps extends UseEditorOptions {\n  richTextOptions?: RichTextPresetOptions;\n}\n\n/**\n * Hook to initialize a TipTap rich-text editor instance with pre-configured extensions.\n */\nexport function useEditor(options: UseRichEditorProps = {}) {\n  const { richTextOptions, extensions = [], ...editorOptions } = options;\n\n  const preset = createRichTextPreset(richTextOptions);\n  const combinedExtensions = [...preset, ...extensions];\n\n  return useTipTapEditor({\n    extensions: combinedExtensions,\n    ...editorOptions,\n  });\n}\n","import React from \"react\";\nimport {\n  EditorContent as TipTapEditorContent,\n  EditorContentProps as TipTapEditorContentProps,\n} from \"@tiptap/react\";\n\nexport interface EditorContentProps extends TipTapEditorContentProps {\n  className?: string;\n}\n\nexport const EditorContent: React.FC<EditorContentProps> = ({\n  className,\n  editor,\n  ...props\n}) => {\n  return (\n    <div className={className}>\n      <TipTapEditorContent editor={editor} {...props} />\n    </div>\n  );\n};\n","import React, { useEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport {\n  BubbleMenuPlugin,\n  type BubbleMenuPluginProps,\n} from \"@tiptap/extension-bubble-menu\";\nimport type { Editor } from \"@tiptap/core\";\n\nexport interface BubbleMenuProps {\n  editor: Editor | null;\n  className?: string;\n  children: React.ReactNode;\n  tippyOptions?: BubbleMenuPluginProps[\"tippyOptions\"];\n  shouldShow?: BubbleMenuPluginProps[\"shouldShow\"];\n  pluginKey?: BubbleMenuPluginProps[\"pluginKey\"];\n  updateDelay?: BubbleMenuPluginProps[\"updateDelay\"];\n}\n\nexport const BubbleMenu: React.FC<BubbleMenuProps> = ({\n  editor,\n  className = \"flex items-center gap-1 bg-popover text-popover-foreground border shadow-md rounded-md p-1\",\n  children,\n  tippyOptions = { duration: 100 },\n  shouldShow = null,\n  pluginKey = \"bubbleMenu\",\n  updateDelay,\n}) => {\n  const menuEl = useRef<HTMLDivElement | null>(null);\n  const [mounted, setMounted] = useState(false);\n\n  if (!menuEl.current && typeof document !== \"undefined\") {\n    menuEl.current = document.createElement(\"div\");\n  }\n\n  useEffect(() => {\n    if (!editor || !menuEl.current || editor.isDestroyed) {\n      return;\n    }\n\n    const element = menuEl.current;\n    element.className = className;\n\n    const plugin = BubbleMenuPlugin({\n      editor,\n      element,\n      pluginKey,\n      tippyOptions,\n      shouldShow,\n      updateDelay,\n    });\n\n    editor.registerPlugin(plugin);\n    setMounted(true);\n\n    return () => {\n      setMounted(false);\n      editor.unregisterPlugin(pluginKey);\n      if (element.parentNode) {\n        element.parentNode.removeChild(element);\n      }\n    };\n  }, [editor, className, pluginKey]);\n\n  if (!editor || !menuEl.current || !mounted) {\n    return null;\n  }\n\n  return createPortal(children, menuEl.current);\n};\n","import React, { useMemo } from \"react\";\nimport {\n  tokenizePrompt,\n  resolveTemplates,\n  Template,\n  ColorGradient,\n} from \"@pixerate/editor\";\n\nexport interface TemplateRendererProps {\n  /** Raw prompt or text string to render */\n  content: string;\n  /** Available templates for recursive resolution and custom coloring */\n  templates?: Template[];\n  /** Custom gradient color map for templates */\n  templateColorMap?: Map<string, ColorGradient>;\n  /** Whether to resolve nested templates recursively before displaying */\n  resolve?: boolean;\n  /** Custom class name for the wrapper */\n  className?: string;\n  /** Click callback for template badges */\n  onTemplateClick?: (templateName: string) => void;\n  /** Click callback for variable badges */\n  onVariableClick?: (variableName: string) => void;\n}\n\nexport const TemplateRenderer: React.FC<TemplateRendererProps> = ({\n  content,\n  templates = [],\n  templateColorMap,\n  resolve = false,\n  className = \"font-mono text-sm leading-relaxed whitespace-pre-wrap break-words\",\n  onTemplateClick,\n  onVariableClick,\n}) => {\n  const displayText = useMemo(() => {\n    if (!resolve || templates.length === 0) return content;\n    return resolveTemplates(content, templates);\n  }, [content, templates, resolve]);\n\n  const tokens = useMemo(() => {\n    return tokenizePrompt(displayText);\n  }, [displayText]);\n\n  return (\n    <div className={className}>\n      {tokens.map((token, index) => {\n        if (token.type === \"template\") {\n          const colors = templateColorMap?.get(token.value) || {\n            from: \"#f43f5e\",\n            to: \"#8b5cf6\",\n          };\n          const style = {\n            \"--color-from\": colors.from,\n            \"--color-to\": colors.to,\n          } as React.CSSProperties;\n\n          return (\n            <span\n              key={index}\n              style={style}\n              onClick={() => onTemplateClick?.(token.value)}\n              className=\"inline-flex items-center px-1.5 py-0.5 mx-0.5 text-xs font-semibold rounded-md border border-[var(--color-to)]/40 bg-gradient-to-r from-[var(--color-from)]/15 to-[var(--color-to)]/15 text-[var(--color-to)] hover:brightness-110 cursor-pointer transition-all\"\n              title={`Template: ${token.value}`}\n            >\n              {`{{${token.value}}}`}\n            </span>\n          );\n        }\n\n        if (token.type === \"variable\") {\n          return (\n            <span\n              key={index}\n              onClick={() => onVariableClick?.(token.value)}\n              className=\"inline-flex items-center px-1.5 py-0.5 mx-0.5 text-xs font-medium rounded-md border border-violet-400/40 bg-violet-400/15 text-violet-600 dark:text-violet-300 hover:brightness-110 cursor-pointer transition-all\"\n              title={`Variable: ${token.value}`}\n            >\n              {`{${token.value}}`}\n            </span>\n          );\n        }\n\n        if (token.type === \"instruction\") {\n          return (\n            <span\n              key={index}\n              className=\"inline-flex items-center px-1.5 py-0.5 mx-0.5 text-xs italic font-medium rounded-md border border-rose-400/40 bg-rose-400/15 text-rose-600 dark:text-rose-300\"\n              title={`Instruction: ${token.value}`}\n            >\n              {`__${token.value}__`}\n            </span>\n          );\n        }\n\n        return <span key={index}>{token.value}</span>;\n      })}\n    </div>\n  );\n};\n","import { useState, useMemo, useCallback } from 'react';\nimport {\n  SpreadsheetController,\n  type SpreadsheetControllerOptions,\n  type SpreadsheetDocument,\n  type CellCoordinate,\n  type CellRange,\n  type SpreadsheetColumn,\n  type SpreadsheetRow,\n  type SpreadsheetDataSource\n} from '@pixerate/editor';\n\nexport function useSpreadsheetEditor(options: SpreadsheetControllerOptions = {}) {\n  const [doc, setDoc] = useState<SpreadsheetDocument>(() => ({\n    id: options.document?.id || `sheet_${Date.now()}`,\n    name: options.document?.name || 'Sheet 1',\n    columns: options.document?.columns || [],\n    rows: options.document?.rows || [],\n    cells: options.document?.cells || {},\n    createdAt: options.document?.createdAt || Date.now(),\n    updatedAt: options.document?.updatedAt || Date.now()\n  }));\n\n  const [activeCell, setActiveCell] = useState<CellCoordinate | null>(null);\n  const [selectedRange, setSelectedRange] = useState<CellRange | null>(null);\n  const [editingCell, setEditingCell] = useState<CellCoordinate | null>(null);\n  const [draftValue, setDraftValue] = useState<string>('');\n\n  const controller = useMemo(() => {\n    return new SpreadsheetController({\n      ...options,\n      onDocumentChange: (updated) => {\n        setDoc({ ...updated });\n        options.onDocumentChange?.(updated);\n      },\n      onSelectionChange: (active, range) => {\n        setActiveCell(active);\n        setSelectedRange(range);\n        options.onSelectionChange?.(active, range);\n      },\n      onCellCommit: (rowId, colId, raw, value) => {\n        options.onCellCommit?.(rowId, colId, raw, value);\n      }\n    });\n  }, []);\n\n  const setCellValue = useCallback((rowId: string, colId: string, raw: string) => {\n    controller.setCellValue(rowId, colId, raw);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const selectCell = useCallback((row: number, col: number, extendSelection = false) => {\n    controller.selectCell(row, col, extendSelection);\n    setActiveCell(controller.activeCell);\n    setSelectedRange(controller.selectedRange);\n  }, [controller]);\n\n  const selectRange = useCallback((range: CellRange) => {\n    controller.selectRange(range);\n    setSelectedRange(controller.selectedRange);\n  }, [controller]);\n\n  const startEditing = useCallback((row?: number, col?: number, initialVal?: string) => {\n    controller.startEditing(row, col, initialVal);\n    setActiveCell(controller.activeCell);\n    setEditingCell(controller.editingCell);\n    setDraftValue(controller.draftValue);\n  }, [controller]);\n\n  const commitEditing = useCallback((val?: string) => {\n    controller.commitEditing(val);\n    setEditingCell(null);\n    setDraftValue('');\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const cancelEditing = useCallback(() => {\n    controller.cancelEditing();\n    setEditingCell(null);\n    setDraftValue('');\n  }, [controller]);\n\n  const moveCursor = useCallback((dir: 'up' | 'down' | 'left' | 'right', extend = false) => {\n    controller.moveCursor(dir, extend);\n    setActiveCell(controller.activeCell);\n    setSelectedRange(controller.selectedRange);\n  }, [controller]);\n\n  const insertColumn = useCallback((index: number, config?: Partial<SpreadsheetColumn>) => {\n    controller.insertColumn(index, config);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const deleteColumn = useCallback((colId: string) => {\n    controller.deleteColumn(colId);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const insertRow = useCallback((index: number, config?: Partial<SpreadsheetRow>) => {\n    controller.insertRow(index, config);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const deleteRow = useCallback((rowId: string) => {\n    controller.deleteRow(rowId);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const setColumnWidth = useCallback((colId: string, width: number) => {\n    controller.setColumnWidth(colId, width);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const registerDataSource = useCallback((ds: SpreadsheetDataSource) => {\n    controller.registerDataSource(ds);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const setPrimaryDataSource = useCallback((id: string | undefined) => {\n    controller.setPrimaryDataSource(id);\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const recalculateAll = useCallback(() => {\n    controller.recalculateAll();\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const undo = useCallback(() => {\n    controller.undo();\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  const redo = useCallback(() => {\n    controller.redo();\n    setDoc({ ...controller.document });\n  }, [controller]);\n\n  return {\n    document: doc,\n    activeCell,\n    selectedRange,\n    editingCell,\n    draftValue,\n    setDraftValue,\n    controller,\n    getCell: (rowId: string, colId: string) => controller.getCell(rowId, colId),\n    setCellValue,\n    selectCell,\n    selectRange,\n    startEditing,\n    commitEditing,\n    cancelEditing,\n    moveCursor,\n    insertColumn,\n    deleteColumn,\n    insertRow,\n    deleteRow,\n    setColumnWidth,\n    loadDocument: (document: SpreadsheetDocument) => {\n      controller.loadDocument(document);\n      setDoc({ ...controller.document });\n      setActiveCell(null);\n      setSelectedRange(null);\n      setEditingCell(null);\n      setDraftValue('');\n    },\n    syncWithDataSource: () => {\n      controller.syncWithDataSource();\n      controller.recalculateAll();\n      setDoc({ ...controller.document });\n    },\n    registerDataSource,\n    setPrimaryDataSource,\n    recalculateAll,\n    exportToTsv: () => controller.exportToTsv(),\n    importFromTsv: (data: string) => {\n      controller.importFromTsv(data);\n      setDoc({ ...controller.document });\n    },\n    undo,\n    redo\n  };\n}\n","import React, { useRef, useState, useMemo, useEffect, useCallback } from 'react';\nimport {\n  indexToColName,\n  type SpreadsheetColumn,\n  type SpreadsheetRow,\n  type CellData\n} from '@pixerate/editor';\nimport { useSpreadsheetEditor } from './useSpreadsheetEditor';\n\nexport interface SpreadsheetEditorProps {\n  state?: ReturnType<typeof useSpreadsheetEditor>;\n  readOnly?: boolean;\n  customCellRenderer?: (props: { row: SpreadsheetRow; col: SpreadsheetColumn; cell: CellData }) => React.ReactNode;\n  onAddColumnClick?: () => void;\n  onColumnHeaderClick?: (col: SpreadsheetColumn) => void;\n  onColumnResize?: (colId: string, width: number) => void;\n}\n\nexport const SpreadsheetEditor: React.FC<SpreadsheetEditorProps> = ({\n  state: externalState,\n  readOnly = false,\n  customCellRenderer,\n  onAddColumnClick,\n  onColumnHeaderClick,\n  onColumnResize\n}) => {\n  const defaultState = useSpreadsheetEditor();\n  const state = externalState || defaultState;\n\n  const [resizingColId, setResizingColId] = useState<string | null>(null);\n  const [resizeStartX, setResizeStartX] = useState(0);\n  const [resizeStartWidth, setResizeStartWidth] = useState(0);\n\n  const activeRawValue = useMemo(() => {\n    if (!state.activeCell) return '';\n    const row = state.document.rows[state.activeCell.row];\n    const col = state.document.columns[state.activeCell.col];\n    if (!row || !col) return '';\n    return state.getCell(row.id, col.id).raw;\n  }, [state.activeCell, state.document]);\n\n  const coordLabel = useMemo(() => {\n    if (!state.activeCell) return '--';\n    const colName = indexToColName(state.activeCell.col);\n    return `${colName}${state.activeCell.row + 1}`;\n  }, [state.activeCell]);\n\n  const handleCellClick = useCallback((rIdx: number, cIdx: number, e: React.MouseEvent) => {\n    if (state.editingCell && (state.editingCell.row !== rIdx || state.editingCell.col !== cIdx)) {\n      state.commitEditing();\n    }\n    state.selectCell(rIdx, cIdx, e.shiftKey);\n  }, [state]);\n\n  const handleCellDblClick = useCallback((rIdx: number, cIdx: number) => {\n    if (readOnly) return;\n    const col = state.document.columns[cIdx];\n    if (col?.readOnly) return;\n    state.startEditing(rIdx, cIdx);\n  }, [readOnly, state]);\n\n  const handleKeyDown = useCallback((e: React.KeyboardEvent) => {\n    if (state.editingCell) {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        state.commitEditing();\n        state.moveCursor('down');\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        state.cancelEditing();\n      } else if (e.key === 'Tab') {\n        e.preventDefault();\n        state.commitEditing();\n        state.moveCursor(e.shiftKey ? 'left' : 'right');\n      }\n      return;\n    }\n\n    if (!state.activeCell) return;\n\n    if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      state.moveCursor('up', e.shiftKey);\n    } else if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      state.moveCursor('down', e.shiftKey);\n    } else if (e.key === 'ArrowLeft') {\n      e.preventDefault();\n      state.moveCursor('left', e.shiftKey);\n    } else if (e.key === 'ArrowRight') {\n      e.preventDefault();\n      state.moveCursor('right', e.shiftKey);\n    } else if (e.key === 'Tab') {\n      e.preventDefault();\n      state.moveCursor(e.shiftKey ? 'left' : 'right');\n    } else if (e.key === 'Enter') {\n      e.preventDefault();\n      const col = state.document.columns[state.activeCell.col];\n      if (!readOnly && !col?.readOnly) {\n        state.startEditing();\n      }\n    } else if (e.key === 'Backspace' || e.key === 'Delete') {\n      if (readOnly) return;\n      const row = state.document.rows[state.activeCell.row];\n      const col = state.document.columns[state.activeCell.col];\n      if (row && col && !col.readOnly) {\n        e.preventDefault();\n        state.setCellValue(row.id, col.id, '');\n      }\n    } else if ((e.metaKey || e.ctrlKey) && e.key === 'z') {\n      e.preventDefault();\n      if (e.shiftKey) {\n        state.redo();\n      } else {\n        state.undo();\n      }\n    } else if ((e.metaKey || e.ctrlKey) && e.key === 'c') {\n      e.preventDefault();\n      const tsv = state.exportToTsv();\n      navigator.clipboard?.writeText(tsv);\n    } else if (!readOnly && e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {\n      const col = state.document.columns[state.activeCell.col];\n      if (!col?.readOnly) {\n        state.startEditing(state.activeCell.row, state.activeCell.col, e.key);\n      }\n    }\n  }, [readOnly, state]);\n  useEffect(() => {\n    if (!resizingColId) return;\n\n    if (typeof document !== 'undefined') {\n      document.body.style.cursor = 'col-resize';\n      document.body.style.userSelect = 'none';\n    }\n\n    const handleMouseMove = (e: MouseEvent) => {\n      const delta = e.clientX - resizeStartX;\n      state.setColumnWidth(resizingColId, Math.max(60, resizeStartWidth + delta));\n    };\n\n    const handleMouseUp = () => {\n      const col = state.document.columns.find((c) => c.id === resizingColId);\n      if (col && onColumnResize) {\n        onColumnResize(col.id, col.width || resizeStartWidth);\n      }\n      setResizingColId(null);\n      if (typeof document !== 'undefined') {\n        document.body.style.cursor = '';\n        document.body.style.userSelect = '';\n      }\n    };\n\n    window.addEventListener('mousemove', handleMouseMove);\n    window.addEventListener('mouseup', handleMouseUp);\n    return () => {\n      if (typeof document !== 'undefined') {\n        document.body.style.cursor = '';\n        document.body.style.userSelect = '';\n      }\n      window.removeEventListener('mousemove', handleMouseMove);\n      window.removeEventListener('mouseup', handleMouseUp);\n    };\n  }, [resizingColId, resizeStartX, resizeStartWidth, state, onColumnResize]);\n\n  const isCellSelected = (rIdx: number, cIdx: number) => {\n    if (!state.selectedRange) return false;\n    const minR = Math.min(state.selectedRange.startRow, state.selectedRange.endRow);\n    const maxR = Math.max(state.selectedRange.startRow, state.selectedRange.endRow);\n    const minC = Math.min(state.selectedRange.startCol, state.selectedRange.endCol);\n    const maxC = Math.max(state.selectedRange.startCol, state.selectedRange.endCol);\n    return rIdx >= minR && rIdx <= maxR && cIdx >= minC && cIdx <= maxC;\n  };\n\n  const isActiveCell = (rIdx: number, cIdx: number) => {\n    return state.activeCell?.row === rIdx && state.activeCell?.col === cIdx;\n  };\n\n  return (\n    <div\n      className=\"flex flex-col h-full w-full overflow-hidden border border-border bg-background select-none outline-none text-foreground font-sans text-xs\"\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n      role=\"grid\"\n      aria-label=\"Spreadsheet\"\n    >\n      {/* Formula Bar */}\n      <div className=\"flex items-center gap-2 border-b border-border bg-muted/20 px-3 py-1.5 text-xs font-mono\">\n        <div className=\"flex h-6 min-w-[3rem] items-center justify-center rounded border border-border bg-background px-1.5 font-semibold text-foreground\">\n          {coordLabel}\n        </div>\n        <div className=\"flex items-center text-muted-foreground select-none\">\n          <span className=\"italic font-serif font-bold text-sm text-primary\">fx</span>\n        </div>\n        <input\n          type=\"text\"\n          className=\"flex-1 bg-transparent px-2 py-0.5 outline-none font-sans text-xs text-foreground placeholder:text-muted-foreground/60 focus:bg-background focus:ring-1 focus:ring-primary rounded\"\n          placeholder=\"Enter a value or formula (e.g. =SUM(A1:A5))\"\n          value={state.editingCell ? state.draftValue : activeRawValue}\n          onChange={(e) => {\n            if (state.activeCell) {\n              state.setDraftValue(e.target.value);\n            }\n          }}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter') {\n              e.preventDefault();\n              if (state.activeCell) {\n                const row = state.document.rows[state.activeCell.row];\n                const col = state.document.columns[state.activeCell.col];\n                if (row && col) {\n                  state.setCellValue(row.id, col.id, (e.target as HTMLInputElement).value);\n                }\n              }\n            } else if (e.key === 'Escape') {\n              e.preventDefault();\n              state.cancelEditing();\n            }\n          }}\n        />\n      </div>\n\n      {/* Main Grid */}\n      <div className=\"relative flex-1 overflow-auto\">\n        <table className=\"border-collapse table-fixed w-max min-w-full\">\n          <thead>\n            <tr className=\"h-7 bg-muted/60 sticky top-0 z-20 border-b border-border shadow-xs\">\n              <th className=\"w-12 min-w-[3rem] sticky left-0 z-30 bg-muted/90 border-r border-border text-center text-[10px] text-muted-foreground font-medium\">\n                #\n              </th>\n              {state.document.columns.map((col, cIdx) => (\n                <th\n                  key={col.id}\n                  className=\"relative border-r border-border px-2 text-left font-medium text-muted-foreground hover:bg-muted/90 transition-colors group cursor-pointer\"\n                  style={{ width: col.width || 130, minWidth: col.width || 130, maxWidth: col.width || 130 }}\n                  onClick={() => onColumnHeaderClick?.(col)}\n                >\n                  <div className=\"flex items-center justify-between gap-1 truncate\">\n                    <span className=\"truncate font-semibold text-foreground text-xs\">{col.title}</span>\n                    <span className=\"text-[10px] text-muted-foreground/70 font-mono font-normal\">({col.key})</span>\n                  </div>\n                  <div\n                    className=\"absolute right-0 top-0 bottom-0 w-1.5 cursor-col-resize hover:bg-primary/50 group-hover:bg-primary/20 z-10\"\n                    onMouseDown={(e) => {\n                      e.preventDefault();\n                      e.stopPropagation();\n                      setResizingColId(col.id);\n                      setResizeStartX(e.clientX);\n                      setResizeStartWidth(col.width || 130);\n                    }}\n                    role=\"separator\"\n                    aria-orientation=\"vertical\"\n                  />\n                </th>\n              ))}\n              {onAddColumnClick && (\n                <th\n                  className=\"w-10 min-w-[2.5rem] px-1 text-center bg-muted/40 hover:bg-muted cursor-pointer transition-colors\"\n                  onClick={onAddColumnClick}\n                  title=\"Add Column\"\n                >\n                  <span className=\"text-xs font-bold text-muted-foreground\">+</span>\n                </th>\n              )}\n            </tr>\n          </thead>\n          <tbody>\n            {state.document.rows.map((row, rIdx) => (\n              <tr key={row.id} className=\"border-b border-border hover:bg-muted/10 transition-colors\" style={{ height: row.height || 32 }}>\n                <td className=\"w-12 min-w-[3rem] sticky left-0 z-10 bg-muted/50 border-r border-border text-center text-[10px] text-muted-foreground font-mono select-none\">\n                  {rIdx + 1}\n                </td>\n                {state.document.columns.map((col, cIdx) => {\n                  const cell = state.getCell(row.id, col.id);\n                  const selected = isCellSelected(rIdx, cIdx);\n                  const active = isActiveCell(rIdx, cIdx);\n                  const isEditing = state.editingCell?.row === rIdx && state.editingCell?.col === cIdx;\n\n                  return (\n                    <td\n                      key={col.id}\n                      className={`relative border-r border-border px-2 py-1 truncate text-foreground transition-all ${\n                        selected ? 'bg-primary/10' : ''\n                      } ${active ? 'ring-2 ring-primary ring-inset z-10' : ''}`}\n                      style={{ width: col.width || 130, minWidth: col.width || 130, maxWidth: col.width || 130 }}\n                      onClick={(e) => handleCellClick(rIdx, cIdx, e)}\n                      onDoubleClick={() => handleCellDblClick(rIdx, cIdx)}\n                    >\n                      {isEditing ? (\n                        <input\n                          type=\"text\"\n                          className=\"absolute inset-0 w-full h-full px-2 py-1 bg-background text-foreground outline-none font-sans text-xs border-2 border-primary z-20\"\n                          value={state.draftValue}\n                          onChange={(e) => state.setDraftValue(e.target.value)}\n                          onBlur={() => state.commitEditing()}\n                          autoFocus\n                        />\n                      ) : customCellRenderer ? (\n                        customCellRenderer({ row, col, cell })\n                      ) : (\n                        <span className={`truncate block ${cell.error ? 'text-destructive font-semibold' : ''}`}>\n                          {cell.error || (cell.value ?? '')}\n                        </span>\n                      )}\n                    </td>\n                  );\n                })}\n                {onAddColumnClick && <td className=\"w-10 min-w-[2.5rem] bg-muted/10 border-r border-border\" />}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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","names":["useEditor","useEffect","useRef","useMemo","jsx","useState","useMemo","document","useState","useMemo","useEffect","useCallback","jsx","useState","useMemo","useCallback","useEffect"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pixerate/editor-react",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "description": "React bindings and prompt/rich-text components for @pixerate/editor",
   "author": "Pixerate",
   "license": "MIT",
@@ -30,7 +30,7 @@
     "@tiptap/pm": "^2.11.5 || ^3.0.0",
     "@tiptap/react": "^2.11.5 || ^3.0.0",
     "@tiptap/starter-kit": "^2.11.5 || ^3.0.0",
-    "@pixerate/editor": "0.4.2"
+    "@pixerate/editor": "0.4.3"
   },
   "peerDependencies": {
     "react": ">=18.0.0",