@pixerate/editor-react 0.10.1 → 0.10.3

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/hooks/usePromptEditor.ts","../src/hooks/useEditor.ts","../src/hooks/useNavigationGuard.ts","../src/hooks/useDismissGuard.ts","../src/hooks/useHistory.ts","../src/hooks/useHistoryShortcuts.ts","../src/components/EditorContent.tsx","../src/components/BubbleMenu.tsx","../src/components/TemplateRenderer.tsx","../src/spreadsheet/useSpreadsheetEditor.ts","../src/spreadsheet/SpreadsheetEditor.tsx","../src/slots.tsx","../src/image-editor/useImageEditor.ts","../src/image-editor/ImageEditor.tsx"],"sourcesContent":["export * from \"./hooks/usePromptEditor\";\nexport * from \"./hooks/useEditor\";\nexport * from \"./hooks/useNavigationGuard\";\nexport * from \"./hooks/useDismissGuard\";\nexport * from \"./hooks/useHistory\";\nexport * from \"./hooks/useHistoryShortcuts\";\nexport * from \"./components/EditorContent\";\nexport * from \"./components/BubbleMenu\";\nexport * from \"./components/TemplateRenderer\";\n\n// Re-export core types for easy consumer access\nexport {\n  DirtyTracker,\n  createDirtyTracker,\n  defaultIsEqual,\n  HistoryManager,\n  createHistoryManager,\n} from \"@pixerate/editor\";\nexport type {\n  Template,\n  TemplateVersion,\n  Token,\n  TokenType,\n  ColorGradient,\n  RichTextPresetOptions,\n  DirtyTrackerOptions,\n  Command,\n  HistoryState,\n  HistoryManagerOptions,\n} from \"@pixerate/editor\";\n\nexport * from \"./spreadsheet\";\nexport * from \"./slots\";\nexport * from \"./image-editor\";\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 } from \"@tiptap/pm/model\";\nimport {\n  Template,\n  ColorGradient,\n  GradientText,\n  TemplateSuggestions,\n  LoadingNode,\n  plainTextToTipTapHtml,\n  plainTextToSlice,\n  getEditorText,\n  tokenizePrompt,\n} from \"@pixerate/editor\";\n\nexport interface UsePromptEditorProps {\n  /**\n   * The editor content as plain text. Changes from the parent (e.g. clearing\n   * after submit) are applied to the editor; echoes of the editor's own\n   * updates via `onContentChange` are ignored.\n   */\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  /**\n   * Callback fired the first time each milestone is reached while the editor\n   * is mounted: `used_variable` ({variable}) and `used_magic` (__instruction__).\n   */\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]);\nconst DEFAULT_CLASS_NAME =\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\nconst normalizeNewlines = (text: string) => text.replace(/\\r\\n?/g, \"\\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  // Key the color map by value so an inline `new Map(...)` does not recreate\n  // the editor on every render.\n  const colorMapKey = userColorMap\n    ? JSON.stringify(Array.from(userColorMap.entries()))\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  }, [colorMapKey, templateKey]);\n\n  const jsonVariablesKey = (jsonVariables || []).join(\"\\u0000\");\n\n  const reachedMilestonesRef = useRef(new Set<string>());\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          const reached = reachedMilestonesRef.current;\n          for (const token of tokenizePrompt(plainText)) {\n            const milestone =\n              token.type === \"variable\"\n                ? \"used_variable\"\n                : token.type === \"instruction\"\n                  ? \"used_magic\"\n                  : null;\n            if (milestone && !reached.has(milestone)) {\n              reached.add(milestone);\n              onMilestoneRef.current(milestone);\n            }\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: className || DEFAULT_CLASS_NAME,\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          // Paste as plain text even when the clipboard also carries HTML.\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          view.dispatch(\n            view.state.tr.replaceSelection(plainTextToSlice(text, schema)),\n          );\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          return plainTextToSlice(text, schema);\n        },\n      },\n    },\n    // Only options baked into extensions recreate the editor; editable state,\n    // placeholder, class names and content are applied to the live instance.\n    [resolvedColorMap, templateKey, speed, jsonVariablesKey],\n  );\n\n  useEffect(() => {\n    if (editor && !editor.isDestroyed) {\n      editor.setEditable(isEditing);\n    }\n  }, [editor, isEditing]);\n\n  // Apply content changes made by the parent (e.g. clearing after submit).\n  useEffect(() => {\n    if (!editor || editor.isDestroyed) return;\n    if (normalizeNewlines(content) === getEditorText(editor)) return;\n    const { from, to } = editor.state.selection;\n    editor.commands.setContent(plainTextToTipTapHtml(content), false);\n    const max = editor.state.doc.content.size;\n    editor.commands.setTextSelection({\n      from: Math.min(from, max),\n      to: Math.min(to, max),\n    });\n  }, [editor, content]);\n\n  useEffect(() => {\n    if (!editor || editor.isDestroyed) return;\n    editor.setOptions({\n      editorProps: {\n        ...editor.options.editorProps,\n        attributes: {\n          ...(editor.options.editorProps.attributes as Record<string, string>),\n          class: className || DEFAULT_CLASS_NAME,\n        },\n      },\n    });\n  }, [editor, className]);\n\n  useEffect(() => {\n    if (!editor || editor.isDestroyed) return;\n    const placeholderExt = editor.extensionManager.extensions.find(\n      (ext) => ext.name === \"placeholder\",\n    );\n    if (!placeholderExt || placeholderExt.options.placeholder === placeholder) {\n      return;\n    }\n    placeholderExt.options.placeholder = placeholder;\n    // Re-run decorations so the new placeholder renders.\n    editor.view.dispatch(editor.state.tr);\n  }, [editor, placeholder]);\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 { useState, useEffect, useCallback, useRef } from \"react\";\n\nexport interface UseNavigationGuardOptions {\n  /** Whether the current form or editor has unsaved changes */\n  isDirty: boolean;\n  /** Whether guarding is enabled (defaults to true) */\n  enabled?: boolean;\n  /** Custom navigation function (e.g. router.push from next/navigation or react-router) */\n  onNavigate?: (url: string) => void;\n  /** Optional callback fired when an internal navigation attempt is intercepted */\n  onBlocked?: (url: string) => void;\n}\n\nexport interface UseNavigationGuardReturn {\n  /** Whether the unsaved changes confirmation dialog should be displayed */\n  showConfirm: boolean;\n  /** Setter to manually control the dialog visibility */\n  setShowConfirm: (show: boolean) => void;\n  /** The target URL that the user attempted to navigate to */\n  pendingUrl: string | null;\n  /** Proceeds with the blocked navigation and closes the dialog */\n  confirmLeave: () => void;\n  /** Cancels the navigation attempt and keeps the user on the current page */\n  cancelLeave: () => void;\n}\n\n/**\n * Hook to guard against navigation when there are unsaved changes.\n * Intercepts both external unloads (tab closing/refreshing) and internal link clicks.\n */\nexport function useNavigationGuard({\n  isDirty,\n  enabled = true,\n  onNavigate,\n  onBlocked,\n}: UseNavigationGuardOptions): UseNavigationGuardReturn {\n  const [showConfirm, setShowConfirm] = useState(false);\n  const [pendingUrl, setPendingUrl] = useState<string | null>(null);\n\n  const onNavigateRef = useRef(onNavigate);\n  onNavigateRef.current = onNavigate;\n\n  const onBlockedRef = useRef(onBlocked);\n  onBlockedRef.current = onBlocked;\n\n  // 1. Intercept external navigation / tab close (beforeunload)\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    if (!enabled || !isDirty) return;\n\n    const handleBeforeUnload = (e: BeforeUnloadEvent) => {\n      e.preventDefault();\n      e.returnValue = \"\";\n    };\n\n    window.addEventListener(\"beforeunload\", handleBeforeUnload);\n    return () => {\n      window.removeEventListener(\"beforeunload\", handleBeforeUnload);\n    };\n  }, [enabled, isDirty]);\n\n  // 2. Intercept internal anchor link clicks\n  useEffect(() => {\n    if (typeof document === \"undefined\" || typeof window === \"undefined\")\n      return;\n    if (!enabled || !isDirty) return;\n\n    const handleClick = (e: MouseEvent) => {\n      const target = e.target as HTMLElement | null;\n      const anchor = target?.closest?.(\"a\");\n\n      if (!anchor) return;\n      if (anchor.target === \"_blank\") return;\n\n      // Only guard internal origins\n      const isInternal = anchor.host === window.location.host;\n      if (!isInternal) return;\n\n      // Ignore navigation to the exact same path & query\n      if (\n        anchor.pathname === window.location.pathname &&\n        anchor.search === window.location.search\n      ) {\n        return;\n      }\n\n      e.preventDefault();\n      e.stopPropagation();\n\n      const href = anchor.href;\n      setPendingUrl(href);\n      setShowConfirm(true);\n      onBlockedRef.current?.(href);\n    };\n\n    document.addEventListener(\"click\", handleClick, { capture: true });\n    return () => {\n      document.removeEventListener(\"click\", handleClick, { capture: true });\n    };\n  }, [enabled, isDirty]);\n\n  const confirmLeave = useCallback(() => {\n    setShowConfirm(false);\n    if (pendingUrl) {\n      if (onNavigateRef.current) {\n        onNavigateRef.current(pendingUrl);\n      } else if (typeof window !== \"undefined\") {\n        window.location.href = pendingUrl;\n      }\n    }\n  }, [pendingUrl]);\n\n  const cancelLeave = useCallback(() => {\n    setShowConfirm(false);\n    setPendingUrl(null);\n  }, []);\n\n  return {\n    showConfirm,\n    setShowConfirm,\n    pendingUrl,\n    confirmLeave,\n    cancelLeave,\n  };\n}\n","import { useState, useCallback, useRef } from \"react\";\n\nexport interface UseDismissGuardOptions {\n  /** Whether there are unsaved changes */\n  isDirty: boolean;\n  /** Whether the dismissal guard is enabled (defaults to true) */\n  enabled?: boolean;\n  /** Callback fired when dismissal is confirmed or when clean dismissal occurs */\n  onDismiss?: () => void;\n}\n\nexport interface UseDismissGuardReturn {\n  /** Whether the discard confirmation modal should be shown */\n  showConfirm: boolean;\n  /** Manually update confirmation modal visibility */\n  setShowConfirm: (show: boolean) => void;\n  /** Request dismissal - checks isDirty and shows confirm or executes onDismiss */\n  requestDismiss: () => void;\n  /** Confirm discarding changes and dismiss */\n  confirmDismiss: () => void;\n  /** Cancel discarding and resume editing */\n  cancelDismiss: () => void;\n  /** Helper keydown handler intercepting Escape key */\n  handleKeyDown: (event: React.KeyboardEvent | KeyboardEvent) => boolean;\n}\n\n/**\n * Hook to guard against closing or exiting an editor/dialog with uncommitted changes.\n */\nexport function useDismissGuard({\n  isDirty,\n  enabled = true,\n  onDismiss,\n}: UseDismissGuardOptions): UseDismissGuardReturn {\n  const [showConfirm, setShowConfirm] = useState(false);\n\n  const onDismissRef = useRef(onDismiss);\n  onDismissRef.current = onDismiss;\n\n  const requestDismiss = useCallback(() => {\n    if (enabled && isDirty) {\n      setShowConfirm(true);\n    } else {\n      onDismissRef.current?.();\n    }\n  }, [enabled, isDirty]);\n\n  const confirmDismiss = useCallback(() => {\n    setShowConfirm(false);\n    onDismissRef.current?.();\n  }, []);\n\n  const cancelDismiss = useCallback(() => {\n    setShowConfirm(false);\n  }, []);\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent | KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        if (event.defaultPrevented) return false;\n        event.preventDefault();\n        requestDismiss();\n        return true;\n      }\n      return false;\n    },\n    [requestDismiss],\n  );\n\n  return {\n    showConfirm,\n    setShowConfirm,\n    requestDismiss,\n    confirmDismiss,\n    cancelDismiss,\n    handleKeyDown,\n  };\n}\n","import { useSyncExternalStore, useMemo, useCallback } from \"react\";\nimport {\n  HistoryManager,\n  HistoryState,\n  Command,\n  createHistoryManager,\n  HistoryManagerOptions,\n} from \"@pixerate/editor\";\n\nexport interface UseHistoryResult extends HistoryState {\n  manager: HistoryManager;\n  undo: () => boolean;\n  redo: () => boolean;\n  clear: () => void;\n  execute: (command: Command) => void;\n  executeMerged: (command: Command, options?: { windowMs?: number }) => void;\n  batch: (name: string, fn: () => void) => void;\n}\n\n/**\n * React hook that subscribes to a HistoryManager instance.\n * Accepts an existing HistoryManager or config options to create an instance.\n */\nexport function useHistory(\n  managerOrOptions?: HistoryManager | HistoryManagerOptions,\n): UseHistoryResult {\n  const manager = useMemo(() => {\n    if (managerOrOptions instanceof HistoryManager) {\n      return managerOrOptions;\n    }\n    return createHistoryManager(managerOrOptions);\n  }, [managerOrOptions]);\n\n  const state = useSyncExternalStore(\n    useCallback(\n      (onStoreChange) => manager.subscribe(onStoreChange),\n      [manager],\n    ),\n    () => manager.getState(),\n    () => manager.getState(),\n  );\n\n  const undo = useCallback(() => manager.undo(), [manager]);\n  const redo = useCallback(() => manager.redo(), [manager]);\n  const clear = useCallback(() => manager.clear(), [manager]);\n  const execute = useCallback(\n    (cmd: Command) => manager.execute(cmd),\n    [manager],\n  );\n  const executeMerged = useCallback(\n    (cmd: Command, opts?: { windowMs?: number }) =>\n      manager.executeMerged(cmd, opts),\n    [manager],\n  );\n  const batch = useCallback(\n    (name: string, fn: () => void) => manager.batch(name, fn),\n    [manager],\n  );\n\n  return {\n    ...state,\n    manager,\n    undo,\n    redo,\n    clear,\n    execute,\n    executeMerged,\n    batch,\n  };\n}\n","import { useEffect } from \"react\";\nimport { HistoryManager } from \"@pixerate/editor\";\n\nexport interface HistoryShortcutsOptions {\n  /**\n   * Whether the keyboard shortcuts are enabled. Defaults to true.\n   */\n  enabled?: boolean;\n  /**\n   * Target element or window to listen on. Defaults to window.\n   */\n  target?: Window | HTMLElement | null;\n  /**\n   * When true (default), shortcuts will not trigger if an <input>, <textarea>,\n   * or [contenteditable] element is currently active / focused.\n   */\n  ignoreEditableElements?: boolean;\n}\n\n/**\n * Attaches keyboard listeners for Undo (Mod+Z) and Redo (Mod+Shift+Z / Mod+Y).\n * Automatically guards against active text inputs and contenteditable editors.\n */\nexport function useHistoryShortcuts(\n  manager: HistoryManager,\n  options: HistoryShortcutsOptions = {},\n): void {\n  const {\n    enabled = true,\n    target,\n    ignoreEditableElements = true,\n  } = options;\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    const eventTarget = target ?? (typeof window !== \"undefined\" ? window : null);\n    if (!eventTarget) return;\n\n    const handleKeyDown = (event: Event) => {\n      const e = event as KeyboardEvent;\n      const isMac =\n        typeof navigator !== \"undefined\" &&\n        /Mac|iPod|iPhone|iPad/.test(navigator.platform || navigator.userAgent);\n      const modifier = isMac ? e.metaKey : e.ctrlKey;\n\n      if (!modifier) return;\n\n      if (ignoreEditableElements && typeof document !== \"undefined\") {\n        const targetEl = (e.target || document.activeElement) as HTMLElement | null;\n        if (targetEl && targetEl.tagName) {\n          const tagName = targetEl.tagName.toLowerCase();\n          const isInput = tagName === \"input\" || tagName === \"textarea\";\n          const isContentEditable =\n            targetEl.isContentEditable ||\n            targetEl.getAttribute?.(\"contenteditable\") === \"true\";\n          if (isInput || isContentEditable) {\n            return;\n          }\n        }\n      }\n\n      const key = e.key.toLowerCase();\n\n      // Undo: Mod+Z (without Shift)\n      if (key === \"z\" && !e.shiftKey) {\n        if (manager.getState().canUndo) {\n          e.preventDefault();\n          manager.undo();\n        }\n        return;\n      }\n\n      // Redo: Mod+Shift+Z or (on non-Mac) Mod+Y\n      const isRedoKey =\n        (key === \"z\" && e.shiftKey) || (!isMac && key === \"y\" && !e.shiftKey);\n\n      if (isRedoKey) {\n        if (manager.getState().canRedo) {\n          e.preventDefault();\n          manager.redo();\n        }\n      }\n    };\n\n    eventTarget.addEventListener(\"keydown\", handleKeyDown);\n    return () => {\n      eventTarget.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, [manager, enabled, target, ignoreEditableElements]);\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 autoFitColumnWidth = useCallback((colId: string, customWidth?: number) => {\n    controller.autoFitColumnWidth(colId, customWidth);\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    autoFitColumnWidth,\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  const gridRef = useRef<HTMLDivElement>(null);\n\n  const [resizingColId, setResizingColId] = useState<string | null>(null);\n  const [hoveredColId, setHoveredColId] = 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    let rafId: number | null = null;\n    let pendingWidth = resizeStartWidth;\n    let hasDragged = false;\n\n    const handleMouseMove = (e: MouseEvent) => {\n      const delta = e.clientX - resizeStartX;\n      if (Math.abs(delta) > 2) {\n        hasDragged = true;\n      }\n      pendingWidth = Math.max(30, resizeStartWidth + delta);\n\n      if (rafId === null) {\n        rafId = requestAnimationFrame(() => {\n          rafId = null;\n          state.setColumnWidth(resizingColId, pendingWidth);\n        });\n      }\n    };\n\n    const handleMouseUp = () => {\n      if (rafId !== null) {\n        cancelAnimationFrame(rafId);\n        rafId = null;\n      }\n      if (hasDragged) {\n        state.setColumnWidth(resizingColId, pendingWidth);\n        const col = state.document.columns.find((c) => c.id === resizingColId);\n        if (col && onColumnResize) {\n          onColumnResize(col.id, col.width || pendingWidth);\n        }\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 (rafId !== null) {\n        cancelAnimationFrame(rafId);\n      }\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 measureElementContentWidth = useCallback((el: HTMLElement, container: HTMLElement): number => {\n    if (typeof document === 'undefined') return 0;\n\n    let maxW = el.scrollWidth || 0;\n    const firstChild = el.firstElementChild as HTMLElement | null;\n    if (firstChild && firstChild.scrollWidth > maxW) {\n      maxW = firstChild.scrollWidth;\n    }\n\n    const truncated = el.querySelectorAll<HTMLElement>('.truncate, [title], span, div');\n    truncated.forEach((node) => {\n      if (node.scrollWidth > maxW) {\n        maxW = node.scrollWidth;\n      }\n    });\n\n    try {\n      const clone = (firstChild ? firstChild.cloneNode(true) : el.cloneNode(true)) as HTMLElement;\n      clone.style.cssText = `\n        position: absolute !important;\n        visibility: hidden !important;\n        width: max-content !important;\n        min-width: max-content !important;\n        max-width: none !important;\n        overflow: visible !important;\n        white-space: nowrap !important;\n        pointer-events: none !important;\n        top: -9999px !important;\n        left: -9999px !important;\n      `;\n\n      const allNodes = clone.querySelectorAll<HTMLElement>('*');\n      allNodes.forEach((node) => {\n        node.style.maxWidth = 'none';\n        node.style.overflow = 'visible';\n        node.style.textOverflow = 'clip';\n        node.style.whiteSpace = 'nowrap';\n        if (\n          node.classList.contains('truncate') ||\n          node.classList.contains('min-w-0') ||\n          node.classList.contains('w-full') ||\n          node.classList.contains('max-w-0') ||\n          node.classList.contains('flex-1')\n        ) {\n          node.style.width = 'max-content';\n          node.style.minWidth = 'max-content';\n        }\n      });\n\n      container.appendChild(clone);\n      const rect = clone.getBoundingClientRect();\n      container.removeChild(clone);\n\n      if (rect.width > maxW) {\n        maxW = rect.width;\n      }\n    } catch {\n      // Ignore cloning/measuring errors\n    }\n\n    return maxW;\n  }, []);\n\n  const autoFitColumn = useCallback((colId: string, colIndex: number) => {\n    const col = state.document.columns.find((c) => c.id === colId);\n    if (!col) return;\n\n    let calculatedWidth = 0;\n\n    if (gridRef.current && typeof document !== 'undefined') {\n      const table = gridRef.current.querySelector('table');\n      if (table) {\n        const thElements = table.querySelectorAll('thead th');\n        const th = thElements[colIndex + 1] as HTMLElement | undefined;\n        if (th) {\n          const headerInner = (th.firstElementChild as HTMLElement) || th;\n          const headerW = measureElementContentWidth(headerInner, gridRef.current);\n          calculatedWidth = Math.max(calculatedWidth, headerW + 28);\n        }\n\n        const rows = table.querySelectorAll('tbody tr');\n        const sampleLimit = Math.min(rows.length, 150);\n        for (let r = 0; r < sampleLimit; r++) {\n          const tr = rows[r];\n          const td = tr.children[colIndex + 1] as HTMLElement | undefined;\n          if (td) {\n            const cellW = measureElementContentWidth(td, gridRef.current);\n            calculatedWidth = Math.max(calculatedWidth, cellW + 20);\n          }\n        }\n      }\n    }\n\n    if (calculatedWidth > 0) {\n      const finalWidth = Math.min(600, Math.max(50, Math.ceil(calculatedWidth)));\n      state.setColumnWidth(colId, finalWidth);\n    } else {\n      state.autoFitColumnWidth?.(colId);\n    }\n\n    const updatedCol = state.document.columns.find((c) => c.id === colId);\n    if (updatedCol && onColumnResize) {\n      onColumnResize(updatedCol.id, updatedCol.width || 130);\n    }\n  }, [state, measureElementContentWidth, onColumnResize]);\n\n  const handleResizeDblClick = useCallback((colId: string, colIndex: number, e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    autoFitColumn(colId, colIndex);\n  }, [autoFitColumn]);\n\n  const handleHeaderDblClick = useCallback((colId: string, colIndex: number, e: React.MouseEvent) => {\n    const target = e.currentTarget as HTMLElement | null;\n    if (target) {\n      const rect = target.getBoundingClientRect();\n      if (rect.right - e.clientX <= 12) {\n        e.preventDefault();\n        e.stopPropagation();\n        autoFitColumn(colId, colIndex);\n      }\n    }\n  }, [autoFitColumn]);\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      ref={gridRef}\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 overflow-hidden max-w-0 ${\n                    onColumnHeaderClick ? 'cursor-pointer' : 'cursor-default'\n                  }`}\n                  style={{ width: col.width || 130, minWidth: col.width || 130, maxWidth: col.width || 130, overflow: 'hidden' }}\n                  onClick={() => onColumnHeaderClick?.(col)}\n                  onDoubleClick={(e) => handleHeaderDblClick(col.id, cIdx, e)}\n                >\n                  <div className=\"flex items-center justify-between gap-1 min-w-0 overflow-hidden truncate\">\n                    <span className=\"truncate font-semibold text-foreground text-xs min-w-0\">{col.title}</span>\n                    <span className=\"text-[10px] text-muted-foreground/70 font-mono font-normal shrink-0\">({col.key})</span>\n                  </div>\n                  {/* Column Resize Handle */}\n                  <div\n                    className=\"col-resize-handle\"\n                    style={{ position: 'absolute', top: 0, bottom: 0, width: 12, right: -6, cursor: 'col-resize', zIndex: 20, display: 'flex', justifyContent: 'center', touchAction: 'none' }}\n                    onMouseEnter={() => setHoveredColId(col.id)}\n                    onMouseLeave={() => setHoveredColId((cur) => cur === col.id ? null : cur)}\n                    onMouseDown={(e) => {\n                      e.preventDefault();\n                      e.stopPropagation();\n                      setResizingColId(col.id);\n                      setResizeStartX(e.clientX);\n                      setResizeStartWidth(col.width || 130);\n                    }}\n                    onDoubleClick={(e) => handleResizeDblClick(col.id, cIdx, e)}\n                    role=\"separator\"\n                    aria-orientation=\"vertical\"\n                  >\n                    <div\n                      className=\"col-resize-handle-line\"\n                      style={{\n                        width: 2,\n                        height: '100%',\n                        pointerEvents: 'none',\n                        transition: 'background-color 150ms ease',\n                        backgroundColor: resizingColId === col.id ? 'var(--primary, #6366f1)' : hoveredColId === col.id ? 'color-mix(in srgb, var(--primary, #6366f1) 75%, transparent)' : 'transparent'\n                      }}\n                    />\n                  </div>\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 max-w-0 text-foreground transition-colors ${\n                        selected ? 'bg-primary/10' : ''\n                      } ${active ? 'ring-2 ring-primary ring-inset z-10' : ''}`}\n                      style={{ maxWidth: 0, overflow: 'hidden' }}\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 max-w-full ${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      <style>{`\n        .col-resize-handle:hover .col-resize-handle-line {\n          background-color: var(--primary, #6366f1);\n          opacity: 0.75;\n        }\n        .col-resize-handle.active .col-resize-handle-line {\n          background-color: var(--primary, #6366f1);\n          opacity: 1;\n        }\n        table.table-fixed th {\n          overflow: hidden;\n        }\n        table.table-fixed td {\n          max-width: 0;\n          overflow: hidden;\n        }\n      `}</style>\n    </div>\n  );\n};\n","import React, { createContext, useContext, useMemo } from 'react';\nimport type {\n\tButtonSlotProps,\n\tEditorSlotsMap,\n\tNodeHeaderSlotProps,\n\tTooltipSlotProps\n} from '@pixerate/editor';\n\nconst defaultSlots: EditorSlotsMap = {\n\tButton: (props: ButtonSlotProps) => (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclassName={`pixerate-btn ${props.className || ''}`}\n\t\t\tonClick={props.onClick}\n\t\t\tdisabled={props.disabled}\n\t\t>\n\t\t\t{props.children}\n\t\t</button>\n\t),\n\tTooltip: (props: TooltipSlotProps) => (\n\t\t<div className={`pixerate-tooltip-container ${props.className || ''}`} title={String(props.content)}>\n\t\t\t{props.children}\n\t\t</div>\n\t),\n\tNodeHeader: (props: NodeHeaderSlotProps) => (\n\t\t<div className={`pixerate-node-header flex items-center justify-between ${props.className || ''}`}>\n\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t{props.icon}\n\t\t\t\t<span className=\"font-semibold\">{props.title}</span>\n\t\t\t</div>\n\t\t\t{props.onClose && (\n\t\t\t\t<button type=\"button\" onClick={props.onClose} className=\"opacity-70 hover:opacity-100\">\n\t\t\t\t\t×\n\t\t\t\t</button>\n\t\t\t)}\n\t\t</div>\n\t)\n};\n\nconst EditorSlotsContext = createContext<EditorSlotsMap>(defaultSlots);\n\nexport interface EditorSlotsProviderProps {\n\tslots?: Partial<EditorSlotsMap>;\n\tchildren: React.ReactNode;\n}\n\n/**\n * Context provider allowing consumers to inject custom design system components into the editor.\n */\nexport function EditorSlotsProvider({ slots, children }: EditorSlotsProviderProps) {\n\tconst mergedSlots = useMemo(() => ({ ...defaultSlots, ...slots }), [slots]);\n\n\treturn (\n\t\t<EditorSlotsContext.Provider value={mergedSlots}>\n\t\t\t{children}\n\t\t</EditorSlotsContext.Provider>\n\t);\n}\n\n/**\n * Hook to access injected design system slots.\n */\nexport function useEditorSlots(): EditorSlotsMap {\n\treturn useContext(EditorSlotsContext);\n}\n","import { useRef, useState, useEffect, useCallback, useMemo } from 'react';\nimport {\n  ImageEditorController,\n  type ImageEditorOptions,\n  type ImageEditorState,\n  type ImageEditorTool,\n  type CropBox,\n  type AspectRatio,\n  type ImageAdjustments,\n  type DepthMaskOptions,\n  type Annotation,\n  type CreateAnnotationPayload,\n  type ExportOptions,\n  type SerializedImageEditorState,\n  type ImagePoint,\n} from '@pixerate/editor/image-editor';\n\nexport interface UseImageEditorReturn {\n  controller: ImageEditorController;\n  state: ImageEditorState;\n  canUndo: boolean;\n  canRedo: boolean;\n  setTool: (tool: ImageEditorTool) => void;\n  setCrop: (crop: CropBox | null, addToHistory?: boolean) => void;\n  applyCropPreset: (ratio: AspectRatio) => void;\n  resetCrop: () => void;\n  rotate: (degrees: number) => void;\n  setRotation: (degrees: number) => void;\n  flipHorizontal: () => void;\n  flipVertical: () => void;\n  setAdjustments: (partial: Partial<ImageAdjustments>, commitToHistory?: boolean) => void;\n  resetAdjustments: () => void;\n  setDepthMask: (partial: Partial<DepthMaskOptions>) => void;\n  resetDepthMask: () => void;\n  addAnnotation: (annotation: CreateAnnotationPayload) => string;\n  updateAnnotation: (id: string, partial: Partial<Annotation>, commitToHistory?: boolean) => void;\n  removeAnnotation: (id: string) => void;\n  clearAnnotations: () => void;\n  selectAnnotation: (id: string | null) => void;\n  undo: () => boolean;\n  redo: () => boolean;\n  reset: () => void;\n  zoomIn: (factor?: number) => void;\n  zoomOut: (factor?: number) => void;\n  resetZoom: () => void;\n  setZoom: (zoom: number) => void;\n  setPan: (pan: ImagePoint) => void;\n  setComparing: (comparing: boolean) => void;\n  loadImage: (src: string | HTMLImageElement) => Promise<void>;\n  toDataURL: (options?: ExportOptions) => Promise<string>;\n  toBlob: (options?: ExportOptions) => Promise<Blob>;\n  toJSON: () => SerializedImageEditorState;\n  loadJSON: (data: SerializedImageEditorState) => void;\n  renderMask: (options?: { useAnnotations?: boolean; useCrop?: boolean }) => Promise<HTMLCanvasElement>;\n  toMaskDataURL: (options?: { useAnnotations?: boolean; useCrop?: boolean }) => Promise<string>;\n  applyInpaintedImage: (newDataUrl: string) => Promise<void>;\n  applyBackgroundRemovedImage: (newDataUrl: string) => Promise<void>;\n}\n\nexport function useImageEditor(options: ImageEditorOptions = {}): UseImageEditorReturn {\n  const controllerRef = useRef<ImageEditorController | null>(null);\n\n  if (!controllerRef.current) {\n    controllerRef.current = new ImageEditorController(options);\n  }\n\n  const controller = controllerRef.current;\n  const [state, setState] = useState<ImageEditorState>(() => controller.getState());\n  const [historyTicks, setHistoryTicks] = useState(0);\n\n  useEffect(() => {\n    const unsub = controller.subscribe((next) => {\n      setState(next);\n      setHistoryTicks((t) => t + 1);\n    });\n    return unsub;\n  }, [controller]);\n\n  useEffect(() => {\n    if (options.image && options.image !== state.sourceUrl) {\n      controller.loadImage(options.image);\n    }\n  }, [options.image, controller, state.sourceUrl]);\n\n  const setTool = useCallback((tool: ImageEditorTool) => controller.setTool(tool), [controller]);\n  const setCrop = useCallback(\n    (crop: CropBox | null, addToHistory = true) => controller.setCrop(crop, addToHistory),\n    [controller]\n  );\n  const applyCropPreset = useCallback((ratio: AspectRatio) => controller.applyCropPreset(ratio), [controller]);\n  const resetCrop = useCallback(() => controller.resetCrop(), [controller]);\n  const rotate = useCallback((deg: number) => controller.rotate(deg), [controller]);\n  const setRotation = useCallback((deg: number) => controller.setRotation(deg), [controller]);\n  const flipHorizontal = useCallback(() => controller.flipHorizontal(), [controller]);\n  const flipVertical = useCallback(() => controller.flipVertical(), [controller]);\n  const setAdjustments = useCallback(\n    (partial: Partial<ImageAdjustments>, commitToHistory = true) =>\n      controller.setAdjustments(partial, commitToHistory),\n    [controller]\n  );\n  const resetAdjustments = useCallback(() => controller.resetAdjustments(), [controller]);\n  const setDepthMask = useCallback((partial: Partial<DepthMaskOptions>) => controller.setDepthMask(partial), [controller]);\n  const resetDepthMask = useCallback(() => controller.resetDepthMask(), [controller]);\n  const addAnnotation = useCallback((ann: CreateAnnotationPayload) => controller.addAnnotation(ann), [controller]);\n  const updateAnnotation = useCallback(\n    (id: string, partial: Partial<Annotation>, commitToHistory = true) =>\n      controller.updateAnnotation(id, partial, commitToHistory),\n    [controller]\n  );\n  const removeAnnotation = useCallback((id: string) => controller.removeAnnotation(id), [controller]);\n  const clearAnnotations = useCallback(() => controller.clearAnnotations(), [controller]);\n  const selectAnnotation = useCallback((id: string | null) => controller.selectAnnotation(id), [controller]);\n  const undo = useCallback(() => controller.undo(), [controller]);\n  const redo = useCallback(() => controller.redo(), [controller]);\n  const reset = useCallback(() => controller.reset(), [controller]);\n  const zoomIn = useCallback((factor?: number) => controller.zoomIn(factor), [controller]);\n  const zoomOut = useCallback((factor?: number) => controller.zoomOut(factor), [controller]);\n  const resetZoom = useCallback(() => controller.resetZoom(), [controller]);\n  const setZoom = useCallback((zoom: number) => controller.setZoom(zoom), [controller]);\n  const setPan = useCallback((pan: ImagePoint) => controller.setPan(pan), [controller]);\n  const setComparing = useCallback((comp: boolean) => controller.setComparing(comp), [controller]);\n  const loadImage = useCallback((src: string | HTMLImageElement) => controller.loadImage(src), [controller]);\n  const toDataURL = useCallback((opts?: ExportOptions) => controller.toDataURL(opts), [controller]);\n  const toBlob = useCallback((opts?: ExportOptions) => controller.toBlob(opts), [controller]);\n  const toJSON = useCallback(() => controller.toJSON(), [controller]);\n  const loadJSON = useCallback((data: SerializedImageEditorState) => controller.loadJSON(data), [controller]);\n  const renderMask = useCallback(\n    (opts?: { useAnnotations?: boolean; useCrop?: boolean }) => controller.renderMask(opts),\n    [controller]\n  );\n  const toMaskDataURL = useCallback(\n    (opts?: { useAnnotations?: boolean; useCrop?: boolean }) => controller.toMaskDataURL(opts),\n    [controller]\n  );\n  const applyInpaintedImage = useCallback(\n    (newDataUrl: string) => controller.applyInpaintedImage(newDataUrl),\n    [controller]\n  );\n  const applyBackgroundRemovedImage = useCallback(\n    (newDataUrl: string) => controller.applyBackgroundRemovedImage(newDataUrl),\n    [controller]\n  );\n\n  return useMemo(\n    () => ({\n      controller,\n      state,\n      canUndo: controller.canUndo,\n      canRedo: controller.canRedo,\n      setTool,\n      setCrop,\n      applyCropPreset,\n      resetCrop,\n      rotate,\n      setRotation,\n      flipHorizontal,\n      flipVertical,\n      setAdjustments,\n      resetAdjustments,\n      setDepthMask,\n      resetDepthMask,\n      addAnnotation,\n      updateAnnotation,\n      removeAnnotation,\n      clearAnnotations,\n      selectAnnotation,\n      undo,\n      redo,\n      reset,\n      zoomIn,\n      zoomOut,\n      resetZoom,\n      setZoom,\n      setPan,\n      setComparing,\n      loadImage,\n      toDataURL,\n      toBlob,\n      toJSON,\n      loadJSON,\n      renderMask,\n      toMaskDataURL,\n      applyInpaintedImage,\n      applyBackgroundRemovedImage,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [controller, state, historyTicks]\n  );\n}\n","import React, { useRef, useEffect, useState, useCallback } from 'react';\nimport type {\n  Annotation,\n  CropBox,\n  CropHandle,\n  ExportOptions,\n  ImageEditorTool,\n  ImagePoint,\n  InpaintHook,\n  RemoveBackgroundHook,\n  ImageEditorAIHooks,\n} from '@pixerate/editor/image-editor';\nimport {\n  canvasToImagePoint,\n  hitTestCrop,\n  getCropCursor,\n  calculateCropDrag,\n  hitTestAnnotation,\n} from '@pixerate/editor/image-editor';\nimport { useImageEditor, type UseImageEditorReturn } from './useImageEditor';\n\nexport interface ImageEditorProps {\n  editor?: UseImageEditorReturn;\n  src?: string;\n  className?: string;\n  style?: React.CSSProperties;\n  onSave?: (dataUrl: string) => void;\n  exportOptions?: ExportOptions;\n  onInpaint?: InpaintHook;\n  onRemoveBackground?: RemoveBackgroundHook;\n  aiHooks?: ImageEditorAIHooks;\n}\n\ntype TabType = 'crop' | 'adjust' | 'annotate' | 'depth' | 'ai';\n\nexport const ImageEditor: React.FC<ImageEditorProps> = ({\n  editor: externalEditor,\n  src,\n  className = '',\n  style,\n  onSave,\n  exportOptions,\n  onInpaint,\n  onRemoveBackground,\n  aiHooks,\n}) => {\n  const internalEditor = useImageEditor({ image: src });\n  const editor = externalEditor || internalEditor;\n  const { state, controller } = editor;\n\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [activeTab, setActiveTab] = useState<TabType>('crop');\n  const [activeCropRatio, setActiveCropRatio] = useState<number | null>(null);\n\n  // AI Tools state\n  const [inpaintPrompt, setInpaintPrompt] = useState('');\n  const [inpaintMaskMode, setInpaintMaskMode] = useState<'annotations' | 'crop'>('annotations');\n  const [isRemovingBg, setIsRemovingBg] = useState(false);\n  const [isInpainting, setIsInpainting] = useState(false);\n  const [aiError, setAiError] = useState<string | null>(null);\n  const [aiSuccess, setAiSuccess] = useState<string | null>(null);\n\n  const effectiveOnInpaint = onInpaint || aiHooks?.onInpaint;\n  const effectiveOnRemoveBg = onRemoveBackground || aiHooks?.onRemoveBackground;\n\n  const handleRemoveBackground = async () => {\n    if (!effectiveOnRemoveBg) {\n      setAiError('No background removal hook is configured.');\n      return;\n    }\n    setAiError(null);\n    setAiSuccess(null);\n    setIsRemovingBg(true);\n    try {\n      const imageDataUrl = await editor.toDataURL(exportOptions);\n      const result = await effectiveOnRemoveBg({ imageDataUrl });\n      if (typeof result === 'string') {\n        await editor.applyBackgroundRemovedImage(result);\n        setAiSuccess('Background removed successfully!');\n      } else {\n        setAiSuccess('Background removal complete.');\n      }\n    } catch (err: any) {\n      setAiError(err?.message || 'Failed to remove background.');\n    } finally {\n      setIsRemovingBg(false);\n    }\n  };\n\n  const handleInpaint = async () => {\n    if (!effectiveOnInpaint) {\n      setAiError('No inpainting hook is configured.');\n      return;\n    }\n    if (!inpaintPrompt.trim()) {\n      setAiError('Please enter an inpainting prompt.');\n      return;\n    }\n    setAiError(null);\n    setAiSuccess(null);\n    setIsInpainting(true);\n    try {\n      const imageDataUrl = await editor.toDataURL(exportOptions);\n      const maskDataUrl = await editor.toMaskDataURL({\n        useAnnotations: inpaintMaskMode === 'annotations',\n        useCrop: inpaintMaskMode === 'crop',\n      });\n      const result = await effectiveOnInpaint({\n        prompt: inpaintPrompt.trim(),\n        imageDataUrl,\n        maskDataUrl,\n        cropBox: inpaintMaskMode === 'crop' ? editor.state.crop : null,\n      });\n      if (typeof result === 'string') {\n        await editor.applyInpaintedImage(result);\n        setAiSuccess('Inpainting applied successfully!');\n      } else {\n        setAiSuccess('Inpainting complete.');\n      }\n    } catch (err: any) {\n      setAiError(err?.message || 'Failed to apply inpainting.');\n    } finally {\n      setIsInpainting(false);\n    }\n  };\n\n  // Annotation drafting state\n  const [activeColor, setActiveColor] = useState('#ef4444');\n  const [strokeWidth, setStrokeWidth] = useState(3);\n  const [fontSize, setFontSize] = useState(24);\n  const [textInput, setTextInput] = useState('');\n\n  // Live draft and drag references\n  const draftAnnotationRef = useRef<Annotation | null>(null);\n  const draftCropRef = useRef<CropBox | null>(null);\n  const cropDragInfoRef = useRef<{\n    handle: CropHandle | 'new';\n    startCanvasPt: ImagePoint;\n    startImgPt: ImagePoint;\n    startCrop: CropBox;\n  } | null>(null);\n  const annotationDragInfoRef = useRef<{\n    annId: string;\n    startImgPt: ImagePoint;\n    initialAnn: Annotation;\n  } | null>(null);\n  const isDrawingRef = useRef(false);\n  const currentPathRef = useRef<ImagePoint[]>([]);\n  const dragStartPointRef = useRef<ImagePoint | null>(null);\n\n  // Canvas viewport sizing and re-render\n  const renderCanvas = useCallback(\n    async (draftAnnotation?: Annotation | null, draftCrop?: CropBox | null) => {\n      const canvas = canvasRef.current;\n      const container = containerRef.current;\n      if (!canvas || !container) return;\n\n      const vpWidth = container.clientWidth || 800;\n      const vpHeight = container.clientHeight || 500;\n\n      await controller.render(canvas, {\n        viewportWidth: vpWidth,\n        viewportHeight: vpHeight,\n        showCropOverlay: activeTab === 'crop',\n        showSelectionOverlay: true,\n        interactive: true,\n        draftAnnotation: draftAnnotation !== undefined ? draftAnnotation : draftAnnotationRef.current,\n        draftCrop: draftCrop !== undefined ? draftCrop : draftCropRef.current,\n      });\n    },\n    [controller, activeTab]\n  );\n\n  useEffect(() => {\n    const raf =\n      typeof requestAnimationFrame !== 'undefined'\n        ? requestAnimationFrame\n        : (cb: () => void) => setTimeout(cb, 0) as unknown as number;\n    const caf =\n      typeof cancelAnimationFrame !== 'undefined'\n        ? cancelAnimationFrame\n        : (id: number) => clearTimeout(id);\n\n    const animId = raf(() => {\n      renderCanvas();\n    });\n    return () => caf(animId);\n  }, [renderCanvas, state]);\n\n  // Synchronize initial tool with activeTab\n  useEffect(() => {\n    if (activeTab === 'crop' && editor.state.activeTool !== 'crop') {\n      editor.setTool('crop');\n    }\n  }, [activeTab, editor]);\n\n  // Container resize observer to safely adapt viewport without feedback loops\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    if (typeof ResizeObserver !== 'undefined') {\n      const observer = new ResizeObserver(() => {\n        renderCanvas();\n      });\n      observer.observe(container);\n      return () => observer.disconnect();\n    } else {\n      const handleResize = () => renderCanvas();\n      window.addEventListener('resize', handleResize);\n      return () => window.removeEventListener('resize', handleResize);\n    }\n  }, [renderCanvas]);\n\n  // Convert mouse event coordinates to internal canvas pixel space\n  const getCanvasEventPoint = (e: React.MouseEvent<HTMLCanvasElement>): ImagePoint => {\n    const canvas = canvasRef.current;\n    if (!canvas) return { x: 0, y: 0 };\n    const rect = canvas.getBoundingClientRect();\n    const scaleX = rect.width > 0 ? canvas.width / rect.width : 1;\n    const scaleY = rect.height > 0 ? canvas.height / rect.height : 1;\n    return {\n      x: (e.clientX - rect.left) * scaleX,\n      y: (e.clientY - rect.top) * scaleY,\n    };\n  };\n\n  // Pointer event handlers for drawing and annotations\n  const handleMouseDown = (e: React.MouseEvent<HTMLCanvasElement>) => {\n    const canvas = canvasRef.current;\n    if (!canvas) return;\n    const canvasPt = getCanvasEventPoint(e);\n\n    if (activeTab === 'crop') {\n      const activeCrop = draftCropRef.current || state.crop || {\n        x: 0,\n        y: 0,\n        width: state.imageDimensions.width,\n        height: state.imageDimensions.height,\n      };\n      const handle = hitTestCrop(canvasPt, state, canvas.width, canvas.height, 14, activeCrop);\n      const startImgPt = canvasToImagePoint(canvasPt, state, canvas.width, canvas.height, true);\n\n      if (handle) {\n        cropDragInfoRef.current = {\n          handle,\n          startCanvasPt: canvasPt,\n          startImgPt,\n          startCrop: activeCrop,\n        };\n      } else {\n        // Clicked outside crop box: start new crop selection\n        cropDragInfoRef.current = {\n          handle: 'new',\n          startCanvasPt: canvasPt,\n          startImgPt,\n          startCrop: { x: startImgPt.x, y: startImgPt.y, width: 0, height: 0 },\n        };\n      }\n      return;\n    }\n\n    if (activeTab === 'annotate') {\n      const imgPt = canvasToImagePoint(canvasPt, state, canvas.width, canvas.height, false);\n      dragStartPointRef.current = imgPt;\n\n      if (state.activeTool === 'select') {\n        for (let i = state.annotations.length - 1; i >= 0; i--) {\n          const ann = state.annotations[i];\n          if (hitTestAnnotation(imgPt, ann)) {\n            editor.selectAnnotation(ann.id);\n            annotationDragInfoRef.current = {\n              annId: ann.id,\n              startImgPt: imgPt,\n              initialAnn: { ...ann },\n            };\n            return;\n          }\n        }\n        editor.selectAnnotation(null);\n        return;\n      }\n\n      if (state.activeTool === 'pen') {\n        isDrawingRef.current = true;\n        currentPathRef.current = [imgPt];\n        const draft: Annotation = {\n          id: 'draft',\n          type: 'pen',\n          x: 0,\n          y: 0,\n          points: [imgPt],\n          strokeColor: activeColor,\n          strokeWidth,\n        };\n        draftAnnotationRef.current = draft;\n        renderCanvas(draft);\n      }\n    }\n  };\n\n  const handleMouseMove = (e: React.MouseEvent<HTMLCanvasElement>) => {\n    const canvas = canvasRef.current;\n    if (!canvas) return;\n    const canvasPt = getCanvasEventPoint(e);\n\n    if (activeTab === 'crop') {\n      const drag = cropDragInfoRef.current;\n      if (drag) {\n        const currentImgPt = canvasToImagePoint(canvasPt, state, canvas.width, canvas.height, true);\n        let newCrop: CropBox;\n\n        if (drag.handle === 'new') {\n          const minX = Math.max(0, Math.min(drag.startImgPt.x, currentImgPt.x));\n          const minY = Math.max(0, Math.min(drag.startImgPt.y, currentImgPt.y));\n          const maxX = Math.min(state.imageDimensions.width, Math.max(drag.startImgPt.x, currentImgPt.x));\n          const maxY = Math.min(state.imageDimensions.height, Math.max(drag.startImgPt.y, currentImgPt.y));\n          newCrop = {\n            x: Math.round(minX),\n            y: Math.round(minY),\n            width: Math.round(Math.max(20, maxX - minX)),\n            height: Math.round(Math.max(20, maxY - minY)),\n          };\n        } else {\n          newCrop = calculateCropDrag(\n            drag.startCrop,\n            drag.handle,\n            drag.startImgPt,\n            currentImgPt,\n            state.imageDimensions.width,\n            state.imageDimensions.height,\n            activeCropRatio\n          );\n        }\n\n        draftCropRef.current = newCrop;\n        renderCanvas(null, newCrop);\n      } else {\n        const activeCrop = draftCropRef.current || state.crop || {\n          x: 0,\n          y: 0,\n          width: state.imageDimensions.width,\n          height: state.imageDimensions.height,\n        };\n        const handle = hitTestCrop(canvasPt, state, canvas.width, canvas.height, 14, activeCrop);\n        canvas.style.cursor = getCropCursor(handle);\n      }\n      return;\n    }\n\n    if (activeTab === 'annotate') {\n      // If moving selected annotation\n      if (annotationDragInfoRef.current) {\n        const drag = annotationDragInfoRef.current;\n        const currentImgPt = canvasToImagePoint(canvasPt, state, canvas.width, canvas.height, false);\n        const dx = currentImgPt.x - drag.startImgPt.x;\n        const dy = currentImgPt.y - drag.startImgPt.y;\n        editor.updateAnnotation(drag.annId, {\n          x: Math.round(drag.initialAnn.x + dx),\n          y: Math.round(drag.initialAnn.y + dy),\n        });\n        return;\n      }\n\n      const startPt = dragStartPointRef.current;\n      if (!startPt) {\n        // Update cursor for hover on select tool\n        if (state.activeTool === 'select') {\n          const imgPt = canvasToImagePoint(canvasPt, state, canvas.width, canvas.height, false);\n          let hovered = false;\n          for (let i = state.annotations.length - 1; i >= 0; i--) {\n            if (hitTestAnnotation(imgPt, state.annotations[i])) {\n              hovered = true;\n              break;\n            }\n          }\n          canvas.style.cursor = hovered ? 'move' : 'default';\n        } else {\n          canvas.style.cursor = 'crosshair';\n        }\n        return;\n      }\n\n      const currentImgPt = canvasToImagePoint(canvasPt, state, canvas.width, canvas.height, false);\n\n      if (state.activeTool === 'pen' && isDrawingRef.current) {\n        currentPathRef.current.push(currentImgPt);\n        const draft: Annotation = {\n          id: 'draft',\n          type: 'pen',\n          x: 0,\n          y: 0,\n          points: [...currentPathRef.current],\n          strokeColor: activeColor,\n          strokeWidth,\n        };\n        draftAnnotationRef.current = draft;\n        renderCanvas(draft);\n      } else if (state.activeTool === 'rect') {\n        const w = currentImgPt.x - startPt.x;\n        const h = currentImgPt.y - startPt.y;\n        const draft: Annotation = {\n          id: 'draft',\n          type: 'rect',\n          x: Math.min(startPt.x, currentImgPt.x),\n          y: Math.min(startPt.y, currentImgPt.y),\n          width: Math.abs(w),\n          height: Math.abs(h),\n          strokeColor: activeColor,\n          strokeWidth,\n        };\n        draftAnnotationRef.current = draft;\n        renderCanvas(draft);\n      } else if (state.activeTool === 'circle') {\n        const rx = Math.abs(currentImgPt.x - startPt.x) / 2;\n        const ry = Math.abs(currentImgPt.y - startPt.y) / 2;\n        const draft: Annotation = {\n          id: 'draft',\n          type: 'circle',\n          x: Math.min(startPt.x, currentImgPt.x) + rx,\n          y: Math.min(startPt.y, currentImgPt.y) + ry,\n          radiusX: rx,\n          radiusY: ry,\n          strokeColor: activeColor,\n          strokeWidth,\n        };\n        draftAnnotationRef.current = draft;\n        renderCanvas(draft);\n      } else if (state.activeTool === 'arrow') {\n        const draft: Annotation = {\n          id: 'draft',\n          type: 'arrow',\n          x: startPt.x,\n          y: startPt.y,\n          endX: currentImgPt.x,\n          endY: currentImgPt.y,\n          strokeColor: activeColor,\n          strokeWidth,\n        };\n        draftAnnotationRef.current = draft;\n        renderCanvas(draft);\n      } else if (state.activeTool === 'line') {\n        const draft: Annotation = {\n          id: 'draft',\n          type: 'line',\n          x: startPt.x,\n          y: startPt.y,\n          endX: currentImgPt.x,\n          endY: currentImgPt.y,\n          strokeColor: activeColor,\n          strokeWidth,\n        };\n        draftAnnotationRef.current = draft;\n        renderCanvas(draft);\n      }\n    }\n  };\n\n  const handleMouseUp = (e: React.MouseEvent<HTMLCanvasElement>) => {\n    const canvas = canvasRef.current;\n    if (!canvas) return;\n    const canvasPt = getCanvasEventPoint(e);\n\n    if (activeTab === 'crop') {\n      if (cropDragInfoRef.current) {\n        if (\n          draftCropRef.current &&\n          draftCropRef.current.width >= 20 &&\n          draftCropRef.current.height >= 20\n        ) {\n          editor.setCrop(draftCropRef.current, true);\n        }\n        cropDragInfoRef.current = null;\n        draftCropRef.current = null;\n        renderCanvas();\n      }\n      return;\n    }\n\n    if (activeTab === 'annotate') {\n      if (annotationDragInfoRef.current) {\n        annotationDragInfoRef.current = null;\n        return;\n      }\n\n      const startPt = dragStartPointRef.current;\n      if (startPt) {\n        const currentImgPt = canvasToImagePoint(canvasPt, state, canvas.width, canvas.height, false);\n\n        if (state.activeTool === 'pen' && isDrawingRef.current) {\n          if (currentPathRef.current.length > 1) {\n            editor.addAnnotation({\n              type: 'pen',\n              x: 0,\n              y: 0,\n              points: [...currentPathRef.current],\n              strokeColor: activeColor,\n              strokeWidth,\n            });\n          }\n          isDrawingRef.current = false;\n          currentPathRef.current = [];\n        } else if (state.activeTool === 'rect') {\n          const w = Math.abs(currentImgPt.x - startPt.x);\n          const h = Math.abs(currentImgPt.y - startPt.y);\n          if (w > 4 && h > 4) {\n            editor.addAnnotation({\n              type: 'rect',\n              x: Math.min(startPt.x, currentImgPt.x),\n              y: Math.min(startPt.y, currentImgPt.y),\n              width: w,\n              height: h,\n              strokeColor: activeColor,\n              strokeWidth,\n            });\n          }\n        } else if (state.activeTool === 'circle') {\n          const rx = Math.abs(currentImgPt.x - startPt.x) / 2;\n          const ry = Math.abs(currentImgPt.y - startPt.y) / 2;\n          if (rx > 4 && ry > 4) {\n            editor.addAnnotation({\n              type: 'circle',\n              x: Math.min(startPt.x, currentImgPt.x) + rx,\n              y: Math.min(startPt.y, currentImgPt.y) + ry,\n              radiusX: rx,\n              radiusY: ry,\n              strokeColor: activeColor,\n              strokeWidth,\n            });\n          }\n        } else if (state.activeTool === 'arrow') {\n          if (Math.hypot(currentImgPt.x - startPt.x, currentImgPt.y - startPt.y) > 4) {\n            editor.addAnnotation({\n              type: 'arrow',\n              x: startPt.x,\n              y: startPt.y,\n              endX: currentImgPt.x,\n              endY: currentImgPt.y,\n              strokeColor: activeColor,\n              strokeWidth,\n            });\n          }\n        } else if (state.activeTool === 'line') {\n          if (Math.hypot(currentImgPt.x - startPt.x, currentImgPt.y - startPt.y) > 4) {\n            editor.addAnnotation({\n              type: 'line',\n              x: startPt.x,\n              y: startPt.y,\n              endX: currentImgPt.x,\n              endY: currentImgPt.y,\n              strokeColor: activeColor,\n              strokeWidth,\n            });\n          }\n        }\n\n        draftAnnotationRef.current = null;\n        dragStartPointRef.current = null;\n        renderCanvas();\n      }\n    }\n  };\n\n  const handleAddText = () => {\n    if (!textInput.trim()) return;\n    editor.addAnnotation({\n      type: 'text',\n      x: 50,\n      y: 50,\n      text: textInput.trim(),\n      fontSize,\n      color: activeColor,\n    });\n    setTextInput('');\n  };\n\n  const handleExport = async () => {\n    const dataUrl = await editor.toDataURL(exportOptions);\n    if (onSave) {\n      onSave(dataUrl);\n    } else {\n      // Default download trigger\n      const link = document.createElement('a');\n      link.download = `edited-image-${Date.now()}.png`;\n      link.href = dataUrl;\n      link.click();\n    }\n  };\n\n  return (\n    <div\n      className={`flex flex-col bg-slate-900 border border-slate-800 rounded-xl overflow-hidden shadow-2xl text-slate-100 ${className}`}\n      style={style}\n    >\n      {/* Top Action Header */}\n      <div className=\"flex flex-wrap items-center justify-between px-4 py-3 bg-slate-950/80 border-b border-slate-800 gap-3\">\n        {/* Navigation Tabs */}\n        <div className=\"flex items-center gap-1 bg-slate-900 p-1 rounded-lg border border-slate-800 text-xs\">\n          <button\n            type=\"button\"\n            onClick={() => {\n              setActiveTab('crop');\n              editor.setTool('crop');\n            }}\n            className={`px-3 py-1.5 rounded-md font-medium transition-colors ${\n              activeTab === 'crop' ? 'bg-indigo-600 text-white shadow' : 'text-slate-400 hover:text-slate-200'\n            }`}\n          >\n            Transform & Crop\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => {\n              setActiveTab('adjust');\n              editor.setTool('select');\n            }}\n            className={`px-3 py-1.5 rounded-md font-medium transition-colors ${\n              activeTab === 'adjust' ? 'bg-indigo-600 text-white shadow' : 'text-slate-400 hover:text-slate-200'\n            }`}\n          >\n            Adjustments\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => {\n              setActiveTab('annotate');\n              editor.setTool('pen');\n            }}\n            className={`px-3 py-1.5 rounded-md font-medium transition-colors ${\n              activeTab === 'annotate' ? 'bg-indigo-600 text-white shadow' : 'text-slate-400 hover:text-slate-200'\n            }`}\n          >\n            Annotations\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => {\n              setActiveTab('depth');\n              editor.setTool('select');\n            }}\n            className={`px-3 py-1.5 rounded-md font-medium transition-colors ${\n              activeTab === 'depth' ? 'bg-indigo-600 text-white shadow' : 'text-slate-400 hover:text-slate-200'\n            }`}\n          >\n            Depth Mask\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => {\n              setActiveTab('ai');\n              editor.setTool('select');\n            }}\n            className={`px-3 py-1.5 rounded-md font-medium transition-colors flex items-center gap-1.5 ${\n              activeTab === 'ai' ? 'bg-indigo-600 text-white shadow' : 'text-slate-400 hover:text-slate-200'\n            }`}\n          >\n            <svg className=\"w-3.5 h-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n              <path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\" />\n            </svg>\n            AI Tools\n          </button>\n        </div>\n\n        {/* Global Action Tools (Undo/Redo, Zoom, Compare, Save) */}\n        <div className=\"flex items-center gap-2 text-xs\">\n          <button\n            type=\"button\"\n            disabled={!editor.canUndo}\n            onClick={() => editor.undo()}\n            className=\"p-1.5 rounded-lg border border-slate-800 bg-slate-900 text-slate-300 disabled:opacity-40 disabled:cursor-not-allowed hover:bg-slate-800\"\n            title=\"Undo\"\n          >\n            ↩\n          </button>\n          <button\n            type=\"button\"\n            disabled={!editor.canRedo}\n            onClick={() => editor.redo()}\n            className=\"p-1.5 rounded-lg border border-slate-800 bg-slate-900 text-slate-300 disabled:opacity-40 disabled:cursor-not-allowed hover:bg-slate-800\"\n            title=\"Redo\"\n          >\n            ↪\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => editor.reset()}\n            className=\"px-2 py-1.5 rounded-lg border border-slate-800 bg-slate-900 text-slate-400 hover:text-slate-200 hover:bg-slate-800\"\n          >\n            Reset\n          </button>\n\n          <div className=\"h-4 w-px bg-slate-800 mx-1\" />\n\n          {/* Zoom */}\n          <button\n            type=\"button\"\n            onClick={() => editor.zoomOut()}\n            className=\"p-1.5 rounded-lg border border-slate-800 bg-slate-900 text-slate-300 hover:bg-slate-800\"\n            title=\"Zoom Out\"\n          >\n            -\n          </button>\n          <span className=\"font-mono text-slate-400 w-10 text-center\">{Math.round(state.zoom * 100)}%</span>\n          <button\n            type=\"button\"\n            onClick={() => editor.zoomIn()}\n            className=\"p-1.5 rounded-lg border border-slate-800 bg-slate-900 text-slate-300 hover:bg-slate-800\"\n            title=\"Zoom In\"\n          >\n            +\n          </button>\n\n          <div className=\"h-4 w-px bg-slate-800 mx-1\" />\n\n          {/* Live Compare */}\n          <button\n            type=\"button\"\n            onMouseDown={() => editor.setComparing(true)}\n            onMouseUp={() => editor.setComparing(false)}\n            onMouseLeave={() => editor.setComparing(false)}\n            className=\"px-2.5 py-1.5 rounded-lg border border-slate-800 bg-slate-900 text-amber-400 hover:bg-slate-800 select-none active:bg-amber-950/40\"\n          >\n            Hold Compare\n          </button>\n\n          {/* Save / Export */}\n          <button\n            type=\"button\"\n            onClick={handleExport}\n            className=\"px-4 py-1.5 rounded-lg bg-emerald-600 hover:bg-emerald-500 text-white font-medium shadow-md shadow-emerald-900/30 transition-colors\"\n          >\n            Export Image\n          </button>\n        </div>\n      </div>\n\n      {/* Main Viewport + Sidebar Layout */}\n      <div className=\"flex flex-col md:flex-row flex-1 min-h-[520px] md:h-[560px]\">\n        {/* Canvas Area */}\n        <div\n          ref={containerRef}\n          className=\"relative flex-1 h-[360px] md:h-full min-h-[320px] bg-slate-950 overflow-hidden select-none\"\n        >\n          <canvas\n            ref={canvasRef}\n            onMouseDown={handleMouseDown}\n            onMouseMove={handleMouseMove}\n            onMouseUp={handleMouseUp}\n            onMouseLeave={handleMouseUp}\n            className=\"absolute inset-0 w-full h-full block\"\n          />\n        </div>\n\n        {/* Tab Controls Sidebar */}\n        <div className=\"w-full md:w-80 bg-slate-900/90 border-t md:border-t-0 md:border-l border-slate-800 p-4 overflow-y-auto h-auto md:h-full md:max-h-[560px]\">\n          {/* TAB 1: CROP & TRANSFORM */}\n          {activeTab === 'crop' && (\n            <div className=\"flex flex-col gap-4 text-xs\">\n              <span className=\"font-semibold text-slate-200 uppercase tracking-wider text-[11px]\">\n                Aspect Ratio Presets\n              </span>\n              <div className=\"grid grid-cols-3 gap-2\">\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    setActiveCropRatio(null);\n                    editor.applyCropPreset(null);\n                  }}\n                  className={`px-2.5 py-2 rounded-lg border font-medium ${\n                    activeCropRatio === null && state.crop\n                      ? 'bg-indigo-600 border-indigo-500 text-white'\n                      : 'bg-slate-800 hover:bg-slate-700 text-slate-200 border-slate-700'\n                  }`}\n                >\n                  Freeform\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    setActiveCropRatio(1);\n                    editor.applyCropPreset(1);\n                  }}\n                  className={`px-2.5 py-2 rounded-lg border font-medium ${\n                    activeCropRatio === 1\n                      ? 'bg-indigo-600 border-indigo-500 text-white'\n                      : 'bg-slate-800 hover:bg-slate-700 text-slate-200 border-slate-700'\n                  }`}\n                >\n                  1:1 Square\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    setActiveCropRatio(4 / 3);\n                    editor.applyCropPreset(4 / 3);\n                  }}\n                  className={`px-2.5 py-2 rounded-lg border font-medium ${\n                    activeCropRatio === 4 / 3\n                      ? 'bg-indigo-600 border-indigo-500 text-white'\n                      : 'bg-slate-800 hover:bg-slate-700 text-slate-200 border-slate-700'\n                  }`}\n                >\n                  4:3 Standard\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    setActiveCropRatio(16 / 9);\n                    editor.applyCropPreset(16 / 9);\n                  }}\n                  className={`px-2.5 py-2 rounded-lg border font-medium ${\n                    activeCropRatio === 16 / 9\n                      ? 'bg-indigo-600 border-indigo-500 text-white'\n                      : 'bg-slate-800 hover:bg-slate-700 text-slate-200 border-slate-700'\n                  }`}\n                >\n                  16:9 Wide\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    setActiveCropRatio(3 / 2);\n                    editor.applyCropPreset(3 / 2);\n                  }}\n                  className={`px-2.5 py-2 rounded-lg border font-medium ${\n                    activeCropRatio === 3 / 2\n                      ? 'bg-indigo-600 border-indigo-500 text-white'\n                      : 'bg-slate-800 hover:bg-slate-700 text-slate-200 border-slate-700'\n                  }`}\n                >\n                  3:2 Photo\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    setActiveCropRatio(null);\n                    editor.resetCrop();\n                  }}\n                  className=\"px-2.5 py-2 rounded-lg bg-rose-950/40 hover:bg-rose-900/60 text-rose-300 border border-rose-800/40 font-medium\"\n                >\n                  Clear Crop\n                </button>\n              </div>\n\n              <div className=\"h-px bg-slate-800 my-1\" />\n\n              <span className=\"font-semibold text-slate-200 uppercase tracking-wider text-[11px]\">\n                Orientation & Flips\n              </span>\n              <div className=\"grid grid-cols-2 gap-2\">\n                <button\n                  type=\"button\"\n                  onClick={() => editor.rotate(-90)}\n                  className=\"px-3 py-2 rounded-lg bg-slate-800 hover:bg-slate-700 text-slate-200 border border-slate-700\"\n                >\n                  Rotate -90°\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => editor.rotate(90)}\n                  className=\"px-3 py-2 rounded-lg bg-slate-800 hover:bg-slate-700 text-slate-200 border border-slate-700\"\n                >\n                  Rotate +90°\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => editor.flipHorizontal()}\n                  className={`px-3 py-2 rounded-lg border transition-colors ${\n                    state.transform.flipH\n                      ? 'bg-indigo-600 border-indigo-500 text-white'\n                      : 'bg-slate-800 border-slate-700 text-slate-200 hover:bg-slate-700'\n                  }`}\n                >\n                  Flip Horizontal\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => editor.flipVertical()}\n                  className={`px-3 py-2 rounded-lg border transition-colors ${\n                    state.transform.flipV\n                      ? 'bg-indigo-600 border-indigo-500 text-white'\n                      : 'bg-slate-800 border-slate-700 text-slate-200 hover:bg-slate-700'\n                  }`}\n                >\n                  Flip Vertical\n                </button>\n              </div>\n            </div>\n          )}\n\n          {/* TAB 2: ADJUSTMENTS */}\n          {activeTab === 'adjust' && (\n            <div className=\"flex flex-col gap-3 text-xs\">\n              <div className=\"flex items-center justify-between\">\n                <span className=\"font-semibold text-slate-200 uppercase tracking-wider text-[11px]\">\n                  Color Adjustments\n                </span>\n                <button\n                  type=\"button\"\n                  onClick={() => editor.resetAdjustments()}\n                  className=\"text-[10px] text-rose-400 hover:underline\"\n                >\n                  Reset Sliders\n                </button>\n              </div>\n\n              {/* Brightness */}\n              <div>\n                <div className=\"flex justify-between text-slate-400 mb-1\">\n                  <span>Brightness</span>\n                  <span className=\"font-mono\">{state.adjustments.brightness}</span>\n                </div>\n                <input\n                  type=\"range\"\n                  min=\"-100\"\n                  max=\"100\"\n                  value={state.adjustments.brightness}\n                  onChange={(e) => editor.setAdjustments({ brightness: Number(e.target.value) })}\n                  className=\"w-full accent-indigo-500\"\n                />\n              </div>\n\n              {/* Contrast */}\n              <div>\n                <div className=\"flex justify-between text-slate-400 mb-1\">\n                  <span>Contrast</span>\n                  <span className=\"font-mono\">{state.adjustments.contrast}</span>\n                </div>\n                <input\n                  type=\"range\"\n                  min=\"-100\"\n                  max=\"100\"\n                  value={state.adjustments.contrast}\n                  onChange={(e) => editor.setAdjustments({ contrast: Number(e.target.value) })}\n                  className=\"w-full accent-indigo-500\"\n                />\n              </div>\n\n              {/* Saturation */}\n              <div>\n                <div className=\"flex justify-between text-slate-400 mb-1\">\n                  <span>Saturation</span>\n                  <span className=\"font-mono\">{state.adjustments.saturation}</span>\n                </div>\n                <input\n                  type=\"range\"\n                  min=\"-100\"\n                  max=\"100\"\n                  value={state.adjustments.saturation}\n                  onChange={(e) => editor.setAdjustments({ saturation: Number(e.target.value) })}\n                  className=\"w-full accent-indigo-500\"\n                />\n              </div>\n\n              {/* Exposure */}\n              <div>\n                <div className=\"flex justify-between text-slate-400 mb-1\">\n                  <span>Exposure</span>\n                  <span className=\"font-mono\">{state.adjustments.exposure}</span>\n                </div>\n                <input\n                  type=\"range\"\n                  min=\"-100\"\n                  max=\"100\"\n                  value={state.adjustments.exposure}\n                  onChange={(e) => editor.setAdjustments({ exposure: Number(e.target.value) })}\n                  className=\"w-full accent-indigo-500\"\n                />\n              </div>\n\n              {/* Temperature / Warmth */}\n              <div>\n                <div className=\"flex justify-between text-slate-400 mb-1\">\n                  <span>Warmth / Temperature</span>\n                  <span className=\"font-mono\">{state.adjustments.temperature}</span>\n                </div>\n                <input\n                  type=\"range\"\n                  min=\"-100\"\n                  max=\"100\"\n                  value={state.adjustments.temperature}\n                  onChange={(e) => editor.setAdjustments({ temperature: Number(e.target.value) })}\n                  className=\"w-full accent-indigo-500\"\n                />\n              </div>\n\n              {/* Blur */}\n              <div>\n                <div className=\"flex justify-between text-slate-400 mb-1\">\n                  <span>Blur</span>\n                  <span className=\"font-mono\">{state.adjustments.blur}px</span>\n                </div>\n                <input\n                  type=\"range\"\n                  min=\"0\"\n                  max=\"30\"\n                  value={state.adjustments.blur}\n                  onChange={(e) => editor.setAdjustments({ blur: Number(e.target.value) })}\n                  className=\"w-full accent-indigo-500\"\n                />\n              </div>\n\n              {/* Opacity */}\n              <div>\n                <div className=\"flex justify-between text-slate-400 mb-1\">\n                  <span>Opacity</span>\n                  <span className=\"font-mono\">{Math.round(state.adjustments.opacity * 100)}%</span>\n                </div>\n                <input\n                  type=\"range\"\n                  min=\"0\"\n                  max=\"1\"\n                  step=\"0.05\"\n                  value={state.adjustments.opacity}\n                  onChange={(e) => editor.setAdjustments({ opacity: Number(e.target.value) })}\n                  className=\"w-full accent-indigo-500\"\n                />\n              </div>\n            </div>\n          )}\n\n          {/* TAB 3: ANNOTATIONS */}\n          {activeTab === 'annotate' && (\n            <div className=\"flex flex-col gap-3 text-xs\">\n              <span className=\"font-semibold text-slate-200 uppercase tracking-wider text-[11px]\">\n                Draw & Annotate\n              </span>\n\n              {/* Tool Picker */}\n              <div className=\"grid grid-cols-3 gap-1.5\">\n                {(['pen', 'rect', 'circle', 'arrow', 'line'] as ImageEditorTool[]).map((t) => (\n                  <button\n                    key={t}\n                    type=\"button\"\n                    onClick={() => editor.setTool(t)}\n                    className={`py-1.5 px-2 rounded-lg font-medium capitalize border transition-colors ${\n                      state.activeTool === t\n                        ? 'bg-indigo-600 border-indigo-500 text-white'\n                        : 'bg-slate-800 border-slate-700 text-slate-300 hover:bg-slate-700'\n                    }`}\n                  >\n                    {t}\n                  </button>\n                ))}\n              </div>\n\n              {/* Color & Size */}\n              <div className=\"flex items-center gap-2 mt-2\">\n                <label className=\"text-slate-400\">Color:</label>\n                <input\n                  type=\"color\"\n                  value={activeColor}\n                  onChange={(e) => setActiveColor(e.target.value)}\n                  className=\"w-8 h-8 rounded border border-slate-700 cursor-pointer bg-transparent\"\n                />\n                <div className=\"flex-1 ml-2\">\n                  <div className=\"flex justify-between text-slate-400 mb-0.5\">\n                    <span>Width:</span>\n                    <span className=\"font-mono\">{strokeWidth}px</span>\n                  </div>\n                  <input\n                    type=\"range\"\n                    min=\"1\"\n                    max=\"20\"\n                    value={strokeWidth}\n                    onChange={(e) => setStrokeWidth(Number(e.target.value))}\n                    className=\"w-full accent-indigo-500\"\n                  />\n                </div>\n              </div>\n\n              <div className=\"h-px bg-slate-800 my-1\" />\n\n              {/* Text Tool */}\n              <span className=\"font-semibold text-slate-200 uppercase tracking-wider text-[11px]\">Add Text</span>\n              <div className=\"flex gap-2\">\n                <input\n                  type=\"text\"\n                  placeholder=\"Type watermark or label...\"\n                  value={textInput}\n                  onChange={(e) => setTextInput(e.target.value)}\n                  onKeyDown={(e) => e.key === 'Enter' && handleAddText()}\n                  className=\"flex-1 bg-slate-950 border border-slate-700 rounded-lg px-2.5 py-1.5 text-xs text-slate-100 placeholder-slate-500 focus:outline-none focus:border-indigo-500\"\n                />\n                <button\n                  type=\"button\"\n                  onClick={handleAddText}\n                  className=\"px-3 py-1.5 rounded-lg bg-indigo-600 hover:bg-indigo-500 text-white font-medium shadow\"\n                >\n                  Add\n                </button>\n              </div>\n              <div className=\"flex items-center justify-between text-slate-400\">\n                <span>Font Size:</span>\n                <span className=\"font-mono\">{fontSize}px</span>\n              </div>\n              <input\n                type=\"range\"\n                min=\"12\"\n                max=\"72\"\n                value={fontSize}\n                onChange={(e) => setFontSize(Number(e.target.value))}\n                className=\"w-full accent-indigo-500\"\n              />\n\n              {/* Layers & Selected Annotation */}\n              <div className=\"h-px bg-slate-800 my-1\" />\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-slate-400\">Layers ({state.annotations.length})</span>\n                {state.selectedAnnotationId && (\n                  <button\n                    type=\"button\"\n                    onClick={() => editor.removeAnnotation(state.selectedAnnotationId!)}\n                    className=\"text-rose-400 hover:underline text-[11px]\"\n                  >\n                    Delete Selected\n                  </button>\n                )}\n                {state.annotations.length > 0 && (\n                  <button\n                    type=\"button\"\n                    onClick={() => editor.clearAnnotations()}\n                    className=\"text-slate-400 hover:text-slate-200 text-[11px]\"\n                  >\n                    Clear All\n                  </button>\n                )}\n              </div>\n            </div>\n          )}\n\n          {/* TAB 4: GLEAMFORGE DEPTH MASKING */}\n          {activeTab === 'depth' && (\n            <div className=\"flex flex-col gap-3 text-xs\">\n              <div className=\"flex items-center justify-between\">\n                <span className=\"font-semibold text-slate-200 uppercase tracking-wider text-[11px]\">\n                  Depth Masking\n                </span>\n                <button\n                  type=\"button\"\n                  onClick={() => editor.resetDepthMask()}\n                  className=\"text-[10px] text-rose-400 hover:underline\"\n                >\n                  Reset Mask\n                </button>\n              </div>\n\n              <label className=\"flex items-center gap-2 cursor-pointer text-slate-300\">\n                <input\n                  type=\"checkbox\"\n                  checked={state.depthMask.enabled}\n                  onChange={(e) => editor.setDepthMask({ enabled: e.target.checked })}\n                  className=\"rounded accent-indigo-500\"\n                />\n                <span>Enable Depth / Alpha Mask</span>\n              </label>\n\n              {state.depthMask.enabled && (\n                <>\n                  <div>\n                    <label className=\"text-slate-400 block mb-1\">Mask Image URL:</label>\n                    <input\n                      type=\"text\"\n                      placeholder=\"https://.../depthmap.png\"\n                      value={state.depthMask.maskSource || ''}\n                      onChange={(e) => editor.setDepthMask({ maskSource: e.target.value || null })}\n                      className=\"w-full bg-slate-950 border border-slate-700 rounded-lg px-2.5 py-1.5 text-xs text-slate-100 placeholder-slate-500\"\n                    />\n                  </div>\n\n                  <div className=\"flex gap-2\">\n                    <button\n                      type=\"button\"\n                      onClick={() => editor.setDepthMask({ mode: 'threshold' })}\n                      className={`flex-1 py-1.5 rounded-lg border text-xs font-medium ${\n                        state.depthMask.mode === 'threshold'\n                          ? 'bg-indigo-600 border-indigo-500 text-white'\n                          : 'bg-slate-800 border-slate-700 text-slate-300'\n                      }`}\n                    >\n                      Threshold Mode\n                    </button>\n                    <button\n                      type=\"button\"\n                      onClick={() => editor.setDepthMask({ mode: 'brightness' })}\n                      className={`flex-1 py-1.5 rounded-lg border text-xs font-medium ${\n                        state.depthMask.mode === 'brightness'\n                          ? 'bg-indigo-600 border-indigo-500 text-white'\n                          : 'bg-slate-800 border-slate-700 text-slate-300'\n                      }`}\n                    >\n                      Brightness Mode\n                    </button>\n                  </div>\n\n                  <div>\n                    <div className=\"flex justify-between text-slate-400 mb-1\">\n                      <span>Depth Start (Lower):</span>\n                      <span className=\"font-mono\">{state.depthMask.depthRange[0]}</span>\n                    </div>\n                    <input\n                      type=\"range\"\n                      min=\"0\"\n                      max=\"255\"\n                      value={state.depthMask.depthRange[0]}\n                      onChange={(e) =>\n                        editor.setDepthMask({\n                          depthRange: [Number(e.target.value), state.depthMask.depthRange[1]],\n                        })\n                      }\n                      className=\"w-full accent-indigo-500\"\n                    />\n                  </div>\n\n                  <div>\n                    <div className=\"flex justify-between text-slate-400 mb-1\">\n                      <span>Depth Stop (Upper):</span>\n                      <span className=\"font-mono\">{state.depthMask.depthRange[1]}</span>\n                    </div>\n                    <input\n                      type=\"range\"\n                      min=\"0\"\n                      max=\"255\"\n                      value={state.depthMask.depthRange[1]}\n                      onChange={(e) =>\n                        editor.setDepthMask({\n                          depthRange: [state.depthMask.depthRange[0], Number(e.target.value)],\n                        })\n                      }\n                      className=\"w-full accent-indigo-500\"\n                    />\n                  </div>\n\n                  <div>\n                    <div className=\"flex justify-between text-slate-400 mb-1\">\n                      <span>Softness:</span>\n                      <span className=\"font-mono\">{state.depthMask.softness}</span>\n                    </div>\n                    <input\n                      type=\"range\"\n                      min=\"1\"\n                      max=\"50\"\n                      value={state.depthMask.softness}\n                      onChange={(e) => editor.setDepthMask({ softness: Number(e.target.value) })}\n                      className=\"w-full accent-indigo-500\"\n                    />\n                  </div>\n\n                  <label className=\"flex items-center gap-2 cursor-pointer text-slate-300 mt-1\">\n                    <input\n                      type=\"checkbox\"\n                      checked={state.depthMask.invert}\n                      onChange={(e) => editor.setDepthMask({ invert: e.target.checked })}\n                      className=\"rounded accent-indigo-500\"\n                    />\n                    <span>Invert Mask</span>\n                  </label>\n                </>\n              )}\n            </div>\n          )}\n\n          {/* TAB 5: AI TOOLS / INPAINTING & BACKGROUND REMOVAL */}\n          {activeTab === 'ai' && (\n            <div className=\"flex flex-col gap-4 text-xs\">\n              {/* Background Removal Section */}\n              <div className=\"p-3 rounded-lg bg-slate-950/60 border border-slate-800 flex flex-col gap-2.5\">\n                <div className=\"flex items-center justify-between\">\n                  <span className=\"font-semibold text-slate-200 uppercase tracking-wider text-[11px] flex items-center gap-1.5\">\n                    <svg className=\"w-3.5 h-3.5 text-indigo-400\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                      <path d=\"M6 3v12M18 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM6 21a3 3 0 1 0 0-6 3 3 0 0 0 0 6z\" />\n                    </svg>\n                    Background Removal\n                  </span>\n                  {isRemovingBg && (\n                    <span className=\"inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium bg-indigo-900/60 text-indigo-300 animate-pulse\">\n                      Removing...\n                    </span>\n                  )}\n                </div>\n\n                <p className=\"text-slate-400 text-[11px] leading-relaxed\">\n                  Isolate foreground subject with AI alpha transparency segmentation.\n                </p>\n\n                <button\n                  type=\"button\"\n                  onClick={handleRemoveBackground}\n                  disabled={isRemovingBg || isInpainting}\n                  className=\"mt-1 px-3 py-2 rounded-lg bg-indigo-600 hover:bg-indigo-500 disabled:opacity-50 text-white font-medium shadow transition-colors flex items-center justify-center gap-2\"\n                >\n                  {isRemovingBg ? (\n                    <>\n                      <div className=\"w-3.5 h-3.5 border-2 border-white/30 border-t-white rounded-full animate-spin\" />\n                      Removing Background...\n                    </>\n                  ) : (\n                    <>\n                      <svg className=\"w-3.5 h-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                        <path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\" />\n                      </svg>\n                      Remove Background\n                    </>\n                  )}\n                </button>\n              </div>\n\n              {/* AI Inpainting / Generative Fill Section */}\n              <div className=\"p-3 rounded-lg bg-slate-950/60 border border-slate-800 flex flex-col gap-2.5\">\n                <div className=\"flex items-center justify-between\">\n                  <span className=\"font-semibold text-slate-200 uppercase tracking-wider text-[11px] flex items-center gap-1.5\">\n                    <svg className=\"w-3.5 h-3.5 text-purple-400\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                      <path d=\"m21.64 3.64-1.28-1.28a1.2 1.2 0 0 0-1.7 0l-9.72 9.72-1.94 4.86 4.86-1.94 9.72-9.72a1.2 1.2 0 0 0 .06-1.64z\" />\n                      <path d=\"m14 7 3 3\" />\n                    </svg>\n                    Generative Inpainting\n                  </span>\n                  {isInpainting && (\n                    <span className=\"inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium bg-purple-900/60 text-purple-300 animate-pulse\">\n                      Inpainting...\n                    </span>\n                  )}\n                </div>\n\n                <p className=\"text-slate-400 text-[11px] leading-relaxed\">\n                  Replace, modify, or fill selected regions using prompt-guided generative inpainting.\n                </p>\n\n                <div className=\"flex flex-col gap-1\">\n                  <label htmlFor=\"ai-inpaint-prompt-react\" className=\"text-slate-300 text-[11px] font-medium\">Prompt</label>\n                  <textarea\n                    id=\"ai-inpaint-prompt-react\"\n                    value={inpaintPrompt}\n                    onChange={(e) => setInpaintPrompt(e.target.value)}\n                    placeholder=\"e.g. replace sunglasses with steampunk goggles, remove person in background...\"\n                    rows={3}\n                    className=\"w-full bg-slate-900 border border-slate-700 rounded-lg p-2 text-xs text-slate-100 placeholder-slate-500 focus:outline-none focus:border-indigo-500 resize-none\"\n                  />\n                </div>\n\n                <div className=\"flex flex-col gap-1\">\n                  <span className=\"text-slate-300 text-[11px] font-medium\">Target Mask Region</span>\n                  <div className=\"grid grid-cols-2 gap-1.5\">\n                    <button\n                      type=\"button\"\n                      onClick={() => setInpaintMaskMode('annotations')}\n                      className={`px-2 py-1.5 rounded border text-[11px] font-medium text-left transition-colors ${\n                        inpaintMaskMode === 'annotations'\n                          ? 'bg-purple-600/30 border-purple-500 text-purple-200'\n                          : 'bg-slate-900 border-slate-700 text-slate-400 hover:text-slate-200'\n                      }`}\n                    >\n                      Drawn Shapes ({state.annotations.length})\n                    </button>\n                    <button\n                      type=\"button\"\n                      onClick={() => setInpaintMaskMode('crop')}\n                      className={`px-2 py-1.5 rounded border text-[11px] font-medium text-left transition-colors ${\n                        inpaintMaskMode === 'crop'\n                          ? 'bg-purple-600/30 border-purple-500 text-purple-200'\n                          : 'bg-slate-900 border-slate-700 text-slate-400 hover:text-slate-200'\n                      }`}\n                    >\n                      Crop Box ({state.crop ? 'Selected' : 'Full'})\n                    </button>\n                  </div>\n                </div>\n\n                <button\n                  type=\"button\"\n                  onClick={handleInpaint}\n                  disabled={isInpainting || isRemovingBg || !inpaintPrompt.trim()}\n                  className=\"mt-1 px-3 py-2 rounded-lg bg-purple-600 hover:bg-purple-500 disabled:opacity-50 text-white font-medium shadow transition-colors flex items-center justify-center gap-2\"\n                >\n                  {isInpainting ? (\n                    <>\n                      <div className=\"w-3.5 h-3.5 border-2 border-white/30 border-t-white rounded-full animate-spin\" />\n                      Generating Inpaint...\n                    </>\n                  ) : (\n                    <>\n                      <svg className=\"w-3.5 h-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                        <path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\" />\n                      </svg>\n                      Apply Inpainting\n                    </>\n                  )}\n                </button>\n              </div>\n\n              {aiError && (\n                <div className=\"p-2.5 rounded-lg bg-rose-950/60 border border-rose-800 text-rose-300 text-[11px]\">\n                  {aiError}\n                </div>\n              )}\n\n              {aiSuccess && (\n                <div className=\"p-2.5 rounded-lg bg-emerald-950/60 border border-emerald-800 text-emerald-300 text-[11px]\">\n                  {aiSuccess}\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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","names":["useEditor","import_react","StarterKit","Placeholder","import_react","import_editor","useEditor","useTipTapEditor","import_react","import_react","import_react","import_editor","import_react","import_react","TipTapEditorContent","import_react","import_react","import_editor","import_jsx_runtime","import_editor","import_react","import_editor","document","import_react","import_editor","import_jsx_runtime","import_react","import_jsx_runtime","import_react","import_react","import_image_editor","import_jsx_runtime","currentImgPt"]}
+{"version":3,"sources":["../src/index.ts","../src/hooks/usePromptEditor.ts","../src/hooks/useEditor.ts","../src/hooks/useNavigationGuard.ts","../src/hooks/useDismissGuard.ts","../src/hooks/useHistory.ts","../src/hooks/useHistoryShortcuts.ts","../src/components/EditorContent.tsx","../src/components/BubbleMenu.tsx","../src/components/TemplateRenderer.tsx","../src/spreadsheet/useSpreadsheetEditor.ts","../src/spreadsheet/SpreadsheetEditor.tsx","../src/slots.tsx","../src/image-editor/useImageEditor.ts","../src/image-editor/ImageEditor.tsx"],"sourcesContent":["export * from \"./hooks/usePromptEditor\";\nexport * from \"./hooks/useEditor\";\nexport * from \"./hooks/useNavigationGuard\";\nexport * from \"./hooks/useDismissGuard\";\nexport * from \"./hooks/useHistory\";\nexport * from \"./hooks/useHistoryShortcuts\";\nexport * from \"./components/EditorContent\";\nexport * from \"./components/BubbleMenu\";\nexport * from \"./components/TemplateRenderer\";\n\n// Re-export core types for easy consumer access\nexport {\n  DirtyTracker,\n  createDirtyTracker,\n  defaultIsEqual,\n  HistoryManager,\n  createHistoryManager,\n} from \"@pixerate/editor\";\nexport type {\n  Template,\n  TemplateVersion,\n  Token,\n  TokenType,\n  ColorGradient,\n  RichTextPresetOptions,\n  DirtyTrackerOptions,\n  Command,\n  HistoryState,\n  HistoryManagerOptions,\n} from \"@pixerate/editor\";\n\nexport * from \"./spreadsheet\";\nexport * from \"./slots\";\nexport * from \"./image-editor\";\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 } from \"@tiptap/pm/model\";\nimport {\n  Template,\n  ColorGradient,\n  GradientText,\n  TemplateSuggestions,\n  LoadingNode,\n  plainTextToTipTapHtml,\n  plainTextToSlice,\n  getEditorText,\n  tokenizePrompt,\n} from \"@pixerate/editor\";\n\nexport interface UsePromptEditorProps {\n  /**\n   * The editor content as plain text. Changes from the parent (e.g. clearing\n   * after submit) are applied to the editor; echoes of the editor's own\n   * updates via `onContentChange` are ignored.\n   */\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  /**\n   * Callback fired the first time each milestone is reached while the editor\n   * is mounted: `used_variable` ({variable}) and `used_magic` (__instruction__).\n   */\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]);\nconst DEFAULT_CLASS_NAME =\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\nconst normalizeNewlines = (text: string) => text.replace(/\\r\\n?/g, \"\\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  // Key the color map by value so an inline `new Map(...)` does not recreate\n  // the editor on every render.\n  const colorMapKey = userColorMap\n    ? JSON.stringify(Array.from(userColorMap.entries()))\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  }, [colorMapKey, templateKey]);\n\n  const jsonVariablesKey = (jsonVariables || []).join(\"\\u0000\");\n\n  const reachedMilestonesRef = useRef(new Set<string>());\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          const reached = reachedMilestonesRef.current;\n          for (const token of tokenizePrompt(plainText)) {\n            const milestone =\n              token.type === \"variable\"\n                ? \"used_variable\"\n                : token.type === \"instruction\"\n                  ? \"used_magic\"\n                  : null;\n            if (milestone && !reached.has(milestone)) {\n              reached.add(milestone);\n              onMilestoneRef.current(milestone);\n            }\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: className || DEFAULT_CLASS_NAME,\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          // Paste as plain text even when the clipboard also carries HTML.\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          view.dispatch(\n            view.state.tr.replaceSelection(plainTextToSlice(text, schema)),\n          );\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          return plainTextToSlice(text, schema);\n        },\n      },\n    },\n    // Only options baked into extensions recreate the editor; editable state,\n    // placeholder, class names and content are applied to the live instance.\n    [resolvedColorMap, templateKey, speed, jsonVariablesKey],\n  );\n\n  useEffect(() => {\n    if (editor && !editor.isDestroyed) {\n      editor.setEditable(isEditing);\n    }\n  }, [editor, isEditing]);\n\n  // Apply content changes made by the parent (e.g. clearing after submit).\n  useEffect(() => {\n    if (!editor || editor.isDestroyed) return;\n    if (normalizeNewlines(content) === getEditorText(editor)) return;\n    const { from, to } = editor.state.selection;\n    editor.commands.setContent(plainTextToTipTapHtml(content), false);\n    const max = editor.state.doc.content.size;\n    editor.commands.setTextSelection({\n      from: Math.min(from, max),\n      to: Math.min(to, max),\n    });\n  }, [editor, content]);\n\n  useEffect(() => {\n    if (!editor || editor.isDestroyed) return;\n    editor.setOptions({\n      editorProps: {\n        ...editor.options.editorProps,\n        attributes: {\n          ...(editor.options.editorProps.attributes as Record<string, string>),\n          class: className || DEFAULT_CLASS_NAME,\n        },\n      },\n    });\n  }, [editor, className]);\n\n  useEffect(() => {\n    if (!editor || editor.isDestroyed) return;\n    const placeholderExt = editor.extensionManager.extensions.find(\n      (ext) => ext.name === \"placeholder\",\n    );\n    if (!placeholderExt || placeholderExt.options.placeholder === placeholder) {\n      return;\n    }\n    placeholderExt.options.placeholder = placeholder;\n    // Re-run decorations so the new placeholder renders.\n    editor.view.dispatch(editor.state.tr);\n  }, [editor, placeholder]);\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 { useState, useEffect, useCallback, useRef } from \"react\";\n\nexport interface UseNavigationGuardOptions {\n  /** Whether the current form or editor has unsaved changes */\n  isDirty: boolean;\n  /** Whether guarding is enabled (defaults to true) */\n  enabled?: boolean;\n  /** Custom navigation function (e.g. router.push from next/navigation or react-router) */\n  onNavigate?: (url: string) => void;\n  /** Optional callback fired when an internal navigation attempt is intercepted */\n  onBlocked?: (url: string) => void;\n}\n\nexport interface UseNavigationGuardReturn {\n  /** Whether the unsaved changes confirmation dialog should be displayed */\n  showConfirm: boolean;\n  /** Setter to manually control the dialog visibility */\n  setShowConfirm: (show: boolean) => void;\n  /** The target URL that the user attempted to navigate to */\n  pendingUrl: string | null;\n  /** Proceeds with the blocked navigation and closes the dialog */\n  confirmLeave: () => void;\n  /** Cancels the navigation attempt and keeps the user on the current page */\n  cancelLeave: () => void;\n}\n\n/**\n * Hook to guard against navigation when there are unsaved changes.\n * Intercepts both external unloads (tab closing/refreshing) and internal link clicks.\n */\nexport function useNavigationGuard({\n  isDirty,\n  enabled = true,\n  onNavigate,\n  onBlocked,\n}: UseNavigationGuardOptions): UseNavigationGuardReturn {\n  const [showConfirm, setShowConfirm] = useState(false);\n  const [pendingUrl, setPendingUrl] = useState<string | null>(null);\n\n  const onNavigateRef = useRef(onNavigate);\n  onNavigateRef.current = onNavigate;\n\n  const onBlockedRef = useRef(onBlocked);\n  onBlockedRef.current = onBlocked;\n\n  // 1. Intercept external navigation / tab close (beforeunload)\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    if (!enabled || !isDirty) return;\n\n    const handleBeforeUnload = (e: BeforeUnloadEvent) => {\n      e.preventDefault();\n      e.returnValue = \"\";\n    };\n\n    window.addEventListener(\"beforeunload\", handleBeforeUnload);\n    return () => {\n      window.removeEventListener(\"beforeunload\", handleBeforeUnload);\n    };\n  }, [enabled, isDirty]);\n\n  // 2. Intercept internal anchor link clicks\n  useEffect(() => {\n    if (typeof document === \"undefined\" || typeof window === \"undefined\")\n      return;\n    if (!enabled || !isDirty) return;\n\n    const handleClick = (e: MouseEvent) => {\n      const target = e.target as HTMLElement | null;\n      const anchor = target?.closest?.(\"a\");\n\n      if (!anchor) return;\n      if (anchor.target === \"_blank\") return;\n\n      // Only guard internal origins\n      const isInternal = anchor.host === window.location.host;\n      if (!isInternal) return;\n\n      // Ignore navigation to the exact same path & query\n      if (\n        anchor.pathname === window.location.pathname &&\n        anchor.search === window.location.search\n      ) {\n        return;\n      }\n\n      e.preventDefault();\n      e.stopPropagation();\n\n      const href = anchor.href;\n      setPendingUrl(href);\n      setShowConfirm(true);\n      onBlockedRef.current?.(href);\n    };\n\n    document.addEventListener(\"click\", handleClick, { capture: true });\n    return () => {\n      document.removeEventListener(\"click\", handleClick, { capture: true });\n    };\n  }, [enabled, isDirty]);\n\n  const confirmLeave = useCallback(() => {\n    setShowConfirm(false);\n    if (pendingUrl) {\n      if (onNavigateRef.current) {\n        onNavigateRef.current(pendingUrl);\n      } else if (typeof window !== \"undefined\") {\n        window.location.href = pendingUrl;\n      }\n    }\n  }, [pendingUrl]);\n\n  const cancelLeave = useCallback(() => {\n    setShowConfirm(false);\n    setPendingUrl(null);\n  }, []);\n\n  return {\n    showConfirm,\n    setShowConfirm,\n    pendingUrl,\n    confirmLeave,\n    cancelLeave,\n  };\n}\n","import { useState, useCallback, useRef } from \"react\";\n\nexport interface UseDismissGuardOptions {\n  /** Whether there are unsaved changes */\n  isDirty: boolean;\n  /** Whether the dismissal guard is enabled (defaults to true) */\n  enabled?: boolean;\n  /** Callback fired when dismissal is confirmed or when clean dismissal occurs */\n  onDismiss?: () => void;\n}\n\nexport interface UseDismissGuardReturn {\n  /** Whether the discard confirmation modal should be shown */\n  showConfirm: boolean;\n  /** Manually update confirmation modal visibility */\n  setShowConfirm: (show: boolean) => void;\n  /** Request dismissal - checks isDirty and shows confirm or executes onDismiss */\n  requestDismiss: () => void;\n  /** Confirm discarding changes and dismiss */\n  confirmDismiss: () => void;\n  /** Cancel discarding and resume editing */\n  cancelDismiss: () => void;\n  /** Helper keydown handler intercepting Escape key */\n  handleKeyDown: (event: React.KeyboardEvent | KeyboardEvent) => boolean;\n}\n\n/**\n * Hook to guard against closing or exiting an editor/dialog with uncommitted changes.\n */\nexport function useDismissGuard({\n  isDirty,\n  enabled = true,\n  onDismiss,\n}: UseDismissGuardOptions): UseDismissGuardReturn {\n  const [showConfirm, setShowConfirm] = useState(false);\n\n  const onDismissRef = useRef(onDismiss);\n  onDismissRef.current = onDismiss;\n\n  const requestDismiss = useCallback(() => {\n    if (enabled && isDirty) {\n      setShowConfirm(true);\n    } else {\n      onDismissRef.current?.();\n    }\n  }, [enabled, isDirty]);\n\n  const confirmDismiss = useCallback(() => {\n    setShowConfirm(false);\n    onDismissRef.current?.();\n  }, []);\n\n  const cancelDismiss = useCallback(() => {\n    setShowConfirm(false);\n  }, []);\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent | KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        if (event.defaultPrevented) return false;\n        event.preventDefault();\n        requestDismiss();\n        return true;\n      }\n      return false;\n    },\n    [requestDismiss],\n  );\n\n  return {\n    showConfirm,\n    setShowConfirm,\n    requestDismiss,\n    confirmDismiss,\n    cancelDismiss,\n    handleKeyDown,\n  };\n}\n","import { useSyncExternalStore, useRef, useCallback } from \"react\";\nimport {\n  HistoryManager,\n  HistoryState,\n  Command,\n  createHistoryManager,\n  HistoryManagerOptions,\n} from \"@pixerate/editor\";\n\nexport interface UseHistoryResult extends HistoryState {\n  manager: HistoryManager;\n  undo: () => boolean;\n  redo: () => boolean;\n  clear: () => void;\n  execute: (command: Command) => void;\n  executeMerged: (command: Command, options?: { windowMs?: number }) => void;\n  batch: (name: string, fn: () => void) => void;\n}\n\n/**\n * React hook that subscribes to a HistoryManager instance.\n * Accepts an existing HistoryManager or config options to create an instance\n * (options are read on first render only).\n */\nexport function useHistory(\n  managerOrOptions?: HistoryManager | HistoryManagerOptions,\n): UseHistoryResult {\n  // Options are read once, so passing an inline options object does not\n  // create a new manager (and wipe history) on every render.\n  const ownManagerRef = useRef<HistoryManager | null>(null);\n  let manager: HistoryManager;\n  if (managerOrOptions instanceof HistoryManager) {\n    manager = managerOrOptions;\n  } else {\n    ownManagerRef.current ??= createHistoryManager(managerOrOptions);\n    manager = ownManagerRef.current;\n  }\n\n  const state = useSyncExternalStore(\n    useCallback(\n      (onStoreChange) => manager.subscribe(onStoreChange),\n      [manager],\n    ),\n    () => manager.getState(),\n    () => manager.getState(),\n  );\n\n  const undo = useCallback(() => manager.undo(), [manager]);\n  const redo = useCallback(() => manager.redo(), [manager]);\n  const clear = useCallback(() => manager.clear(), [manager]);\n  const execute = useCallback(\n    (cmd: Command) => manager.execute(cmd),\n    [manager],\n  );\n  const executeMerged = useCallback(\n    (cmd: Command, opts?: { windowMs?: number }) =>\n      manager.executeMerged(cmd, opts),\n    [manager],\n  );\n  const batch = useCallback(\n    (name: string, fn: () => void) => manager.batch(name, fn),\n    [manager],\n  );\n\n  return {\n    ...state,\n    manager,\n    undo,\n    redo,\n    clear,\n    execute,\n    executeMerged,\n    batch,\n  };\n}\n","import { useEffect } from \"react\";\nimport { HistoryManager } from \"@pixerate/editor\";\n\nexport interface HistoryShortcutsOptions {\n  /**\n   * Whether the keyboard shortcuts are enabled. Defaults to true.\n   */\n  enabled?: boolean;\n  /**\n   * Target element or window to listen on. Defaults to window.\n   */\n  target?: Window | HTMLElement | null;\n  /**\n   * When true (default), shortcuts will not trigger if an <input>, <textarea>,\n   * or [contenteditable] element is currently active / focused.\n   */\n  ignoreEditableElements?: boolean;\n}\n\n/**\n * Attaches keyboard listeners for Undo (Mod+Z) and Redo (Mod+Shift+Z / Mod+Y).\n * Automatically guards against active text inputs and contenteditable editors.\n */\nexport function useHistoryShortcuts(\n  manager: HistoryManager,\n  options: HistoryShortcutsOptions = {},\n): void {\n  const {\n    enabled = true,\n    target,\n    ignoreEditableElements = true,\n  } = options;\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    const eventTarget = target ?? (typeof window !== \"undefined\" ? window : null);\n    if (!eventTarget) return;\n\n    const handleKeyDown = (event: Event) => {\n      const e = event as KeyboardEvent;\n      const isMac =\n        typeof navigator !== \"undefined\" &&\n        /Mac|iPod|iPhone|iPad/.test(navigator.platform || navigator.userAgent);\n      const modifier = isMac ? e.metaKey : e.ctrlKey;\n\n      if (!modifier) return;\n\n      if (ignoreEditableElements && typeof document !== \"undefined\") {\n        const targetEl = (e.target || document.activeElement) as HTMLElement | null;\n        if (targetEl && targetEl.tagName) {\n          const tagName = targetEl.tagName.toLowerCase();\n          const isInput = tagName === \"input\" || tagName === \"textarea\";\n          const isContentEditable =\n            targetEl.isContentEditable ||\n            targetEl.getAttribute?.(\"contenteditable\") === \"true\";\n          if (isInput || isContentEditable) {\n            return;\n          }\n        }\n      }\n\n      const key = e.key.toLowerCase();\n\n      // Undo: Mod+Z (without Shift)\n      if (key === \"z\" && !e.shiftKey) {\n        if (manager.getState().canUndo) {\n          e.preventDefault();\n          manager.undo();\n        }\n        return;\n      }\n\n      // Redo: Mod+Shift+Z or (on non-Mac) Mod+Y\n      const isRedoKey =\n        (key === \"z\" && e.shiftKey) || (!isMac && key === \"y\" && !e.shiftKey);\n\n      if (isRedoKey) {\n        if (manager.getState().canRedo) {\n          e.preventDefault();\n          manager.redo();\n        }\n      }\n    };\n\n    eventTarget.addEventListener(\"keydown\", handleKeyDown);\n    return () => {\n      eventTarget.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, [manager, enabled, target, ignoreEditableElements]);\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, useRef, 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  // Callbacks are read through a ref so they are never stale.\n  const optionsRef = useRef(options);\n  optionsRef.current = options;\n  const settersRef = useRef<{\n    setDoc?: (doc: SpreadsheetDocument) => void;\n    setActiveCell?: (cell: CellCoordinate | null) => void;\n    setSelectedRange?: (range: CellRange | null) => void;\n  }>({});\n\n  // Create the controller first so the initial state reflects its document\n  // (including default rows and columns when no document is passed).\n  const [controller] = useState(\n    () =>\n      new SpreadsheetController({\n        ...options,\n        onDocumentChange: (updated) => {\n          settersRef.current.setDoc?.({ ...updated });\n          optionsRef.current.onDocumentChange?.(updated);\n        },\n        onSelectionChange: (active, range) => {\n          settersRef.current.setActiveCell?.(active);\n          settersRef.current.setSelectedRange?.(range);\n          optionsRef.current.onSelectionChange?.(active, range);\n        },\n        onCellCommit: (rowId, colId, raw, value) => {\n          optionsRef.current.onCellCommit?.(rowId, colId, raw, value);\n        },\n      }),\n  );\n\n  const [doc, setDoc] = useState<SpreadsheetDocument>(() => ({ ...controller.document }));\n  const [activeCell, setActiveCell] = useState<CellCoordinate | null>(controller.activeCell);\n  const [selectedRange, setSelectedRange] = useState<CellRange | null>(controller.selectedRange);\n  const [editingCell, setEditingCell] = useState<CellCoordinate | null>(null);\n  const [draftValue, setDraftValue] = useState<string>('');\n  settersRef.current = { setDoc, setActiveCell, setSelectedRange };\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 autoFitColumnWidth = useCallback((colId: string, customWidth?: number) => {\n    controller.autoFitColumnWidth(colId, customWidth);\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    autoFitColumnWidth,\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: (range?: CellRange | null) => controller.exportToTsv(range),\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  const gridRef = useRef<HTMLDivElement>(null);\n\n  const [resizingColId, setResizingColId] = useState<string | null>(null);\n  const [hoveredColId, setHoveredColId] = 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  // Text typed in the formula bar while no cell editor is open.\n  const [formulaDraft, setFormulaDraft] = useState<string | null>(null);\n  const activeColumn = state.activeCell ? state.document.columns[state.activeCell.col] : undefined;\n  const formulaBarReadOnly = readOnly || !state.activeCell || !!activeColumn?.readOnly;\n\n  useEffect(() => {\n    setFormulaDraft(null);\n  }, [state.activeCell?.row, state.activeCell?.col]);\n\n  const commitFormulaBar = () => {\n    if (state.editingCell) {\n      state.commitEditing();\n      return;\n    }\n    if (formulaDraft === null || !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 && !formulaBarReadOnly && formulaDraft !== activeRawValue) {\n      state.setCellValue(row.id, col.id, formulaDraft);\n    }\n    setFormulaDraft(null);\n  };\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.toLowerCase() === 'z') {\n      // With Shift held, e.key is 'Z'.\n      e.preventDefault();\n      if (e.shiftKey) {\n        state.redo();\n      } else {\n        state.undo();\n      }\n    } else if (e.ctrlKey && !e.metaKey && e.key.toLowerCase() === 'y') {\n      e.preventDefault();\n      state.redo();\n    } else if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'c') {\n      // Copy the selection, not the whole sheet.\n      e.preventDefault();\n      const tsv = state.exportToTsv(state.selectedRange);\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  // The resize effect reads these through refs: re-running it on every width\n  // update would reset the in-progress drag (and skip onColumnResize).\n  const stateRef = useRef(state);\n  stateRef.current = state;\n  const onColumnResizeRef = useRef(onColumnResize);\n  onColumnResizeRef.current = onColumnResize;\n\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    let rafId: number | null = null;\n    let pendingWidth = resizeStartWidth;\n    let hasDragged = false;\n\n    const handleMouseMove = (e: MouseEvent) => {\n      const delta = e.clientX - resizeStartX;\n      if (Math.abs(delta) > 2) {\n        hasDragged = true;\n      }\n      pendingWidth = Math.max(30, resizeStartWidth + delta);\n\n      if (rafId === null) {\n        rafId = requestAnimationFrame(() => {\n          rafId = null;\n          stateRef.current.setColumnWidth(resizingColId, pendingWidth);\n        });\n      }\n    };\n\n    const handleMouseUp = () => {\n      if (rafId !== null) {\n        cancelAnimationFrame(rafId);\n        rafId = null;\n      }\n      if (hasDragged) {\n        stateRef.current.setColumnWidth(resizingColId, pendingWidth);\n        onColumnResizeRef.current?.(resizingColId, pendingWidth);\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 (rafId !== null) {\n        cancelAnimationFrame(rafId);\n      }\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]);\n\n  const measureElementContentWidth = useCallback((el: HTMLElement, container: HTMLElement): number => {\n    if (typeof document === 'undefined') return 0;\n\n    let maxW = el.scrollWidth || 0;\n    const firstChild = el.firstElementChild as HTMLElement | null;\n    if (firstChild && firstChild.scrollWidth > maxW) {\n      maxW = firstChild.scrollWidth;\n    }\n\n    const truncated = el.querySelectorAll<HTMLElement>('.truncate, [title], span, div');\n    truncated.forEach((node) => {\n      if (node.scrollWidth > maxW) {\n        maxW = node.scrollWidth;\n      }\n    });\n\n    try {\n      const clone = (firstChild ? firstChild.cloneNode(true) : el.cloneNode(true)) as HTMLElement;\n      clone.style.cssText = `\n        position: absolute !important;\n        visibility: hidden !important;\n        width: max-content !important;\n        min-width: max-content !important;\n        max-width: none !important;\n        overflow: visible !important;\n        white-space: nowrap !important;\n        pointer-events: none !important;\n        top: -9999px !important;\n        left: -9999px !important;\n      `;\n\n      const allNodes = clone.querySelectorAll<HTMLElement>('*');\n      allNodes.forEach((node) => {\n        node.style.maxWidth = 'none';\n        node.style.overflow = 'visible';\n        node.style.textOverflow = 'clip';\n        node.style.whiteSpace = 'nowrap';\n        if (\n          node.classList.contains('truncate') ||\n          node.classList.contains('min-w-0') ||\n          node.classList.contains('w-full') ||\n          node.classList.contains('max-w-0') ||\n          node.classList.contains('flex-1')\n        ) {\n          node.style.width = 'max-content';\n          node.style.minWidth = 'max-content';\n        }\n      });\n\n      container.appendChild(clone);\n      const rect = clone.getBoundingClientRect();\n      container.removeChild(clone);\n\n      if (rect.width > maxW) {\n        maxW = rect.width;\n      }\n    } catch {\n      // Ignore cloning/measuring errors\n    }\n\n    return maxW;\n  }, []);\n\n  const autoFitColumn = useCallback((colId: string, colIndex: number) => {\n    const col = state.document.columns.find((c) => c.id === colId);\n    if (!col) return;\n\n    let calculatedWidth = 0;\n\n    if (gridRef.current && typeof document !== 'undefined') {\n      const table = gridRef.current.querySelector('table');\n      if (table) {\n        const thElements = table.querySelectorAll('thead th');\n        const th = thElements[colIndex + 1] as HTMLElement | undefined;\n        if (th) {\n          const headerInner = (th.firstElementChild as HTMLElement) || th;\n          const headerW = measureElementContentWidth(headerInner, gridRef.current);\n          calculatedWidth = Math.max(calculatedWidth, headerW + 28);\n        }\n\n        const rows = table.querySelectorAll('tbody tr');\n        const sampleLimit = Math.min(rows.length, 150);\n        for (let r = 0; r < sampleLimit; r++) {\n          const tr = rows[r];\n          const td = tr.children[colIndex + 1] as HTMLElement | undefined;\n          if (td) {\n            const cellW = measureElementContentWidth(td, gridRef.current);\n            calculatedWidth = Math.max(calculatedWidth, cellW + 20);\n          }\n        }\n      }\n    }\n\n    if (calculatedWidth > 0) {\n      const finalWidth = Math.min(600, Math.max(50, Math.ceil(calculatedWidth)));\n      state.setColumnWidth(colId, finalWidth);\n    } else {\n      state.autoFitColumnWidth?.(colId);\n    }\n\n    const updatedCol = state.document.columns.find((c) => c.id === colId);\n    if (updatedCol && onColumnResize) {\n      onColumnResize(updatedCol.id, updatedCol.width || 130);\n    }\n  }, [state, measureElementContentWidth, onColumnResize]);\n\n  const handleResizeDblClick = useCallback((colId: string, colIndex: number, e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    autoFitColumn(colId, colIndex);\n  }, [autoFitColumn]);\n\n  const handleHeaderDblClick = useCallback((colId: string, colIndex: number, e: React.MouseEvent) => {\n    const target = e.currentTarget as HTMLElement | null;\n    if (target) {\n      const rect = target.getBoundingClientRect();\n      if (rect.right - e.clientX <= 12) {\n        e.preventDefault();\n        e.stopPropagation();\n        autoFitColumn(colId, colIndex);\n      }\n    }\n  }, [autoFitColumn]);\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      ref={gridRef}\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          aria-label=\"Formula bar\"\n          readOnly={formulaBarReadOnly}\n          value={state.editingCell ? state.draftValue : formulaDraft ?? activeRawValue}\n          onFocus={() => {\n            if (!state.editingCell) setFormulaDraft(activeRawValue);\n          }}\n          onChange={(e) => {\n            if (state.editingCell) {\n              state.setDraftValue(e.target.value);\n            } else if (state.activeCell) {\n              setFormulaDraft(e.target.value);\n            }\n          }}\n          onBlur={() => commitFormulaBar()}\n          onKeyDown={(e) => {\n            // Keys typed here must not reach the grid's navigation handler.\n            e.stopPropagation();\n            if (e.key === 'Enter') {\n              e.preventDefault();\n              commitFormulaBar();\n            } else if (e.key === 'Escape') {\n              e.preventDefault();\n              setFormulaDraft(null);\n              if (state.editingCell) 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 overflow-hidden max-w-0 ${\n                    onColumnHeaderClick ? 'cursor-pointer' : 'cursor-default'\n                  }`}\n                  style={{ width: col.width || 130, minWidth: col.width || 130, maxWidth: col.width || 130, overflow: 'hidden' }}\n                  onClick={() => onColumnHeaderClick?.(col)}\n                  onDoubleClick={(e) => handleHeaderDblClick(col.id, cIdx, e)}\n                >\n                  <div className=\"flex items-center justify-between gap-1 min-w-0 overflow-hidden truncate\">\n                    <span className=\"truncate font-semibold text-foreground text-xs min-w-0\">{col.title}</span>\n                    <span className=\"text-[10px] text-muted-foreground/70 font-mono font-normal shrink-0\">({col.key})</span>\n                  </div>\n                  {/* Column Resize Handle */}\n                  <div\n                    className=\"col-resize-handle\"\n                    style={{ position: 'absolute', top: 0, bottom: 0, width: 12, right: -6, cursor: 'col-resize', zIndex: 20, display: 'flex', justifyContent: 'center', touchAction: 'none' }}\n                    onMouseEnter={() => setHoveredColId(col.id)}\n                    onMouseLeave={() => setHoveredColId((cur) => cur === col.id ? null : cur)}\n                    onMouseDown={(e) => {\n                      e.preventDefault();\n                      e.stopPropagation();\n                      setResizingColId(col.id);\n                      setResizeStartX(e.clientX);\n                      setResizeStartWidth(col.width || 130);\n                    }}\n                    onDoubleClick={(e) => handleResizeDblClick(col.id, cIdx, e)}\n                    role=\"separator\"\n                    aria-orientation=\"vertical\"\n                  >\n                    <div\n                      className=\"col-resize-handle-line\"\n                      style={{\n                        width: 2,\n                        height: '100%',\n                        pointerEvents: 'none',\n                        transition: 'background-color 150ms ease',\n                        backgroundColor: resizingColId === col.id ? 'var(--primary, #6366f1)' : hoveredColId === col.id ? 'color-mix(in srgb, var(--primary, #6366f1) 75%, transparent)' : 'transparent'\n                      }}\n                    />\n                  </div>\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 max-w-0 text-foreground transition-colors ${\n                        selected ? 'bg-primary/10' : ''\n                      } ${active ? 'ring-2 ring-primary ring-inset z-10' : ''}`}\n                      style={{ maxWidth: 0, overflow: 'hidden' }}\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 max-w-full ${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      <style>{`\n        .col-resize-handle:hover .col-resize-handle-line {\n          background-color: var(--primary, #6366f1);\n          opacity: 0.75;\n        }\n        .col-resize-handle.active .col-resize-handle-line {\n          background-color: var(--primary, #6366f1);\n          opacity: 1;\n        }\n        table.table-fixed th {\n          overflow: hidden;\n        }\n        table.table-fixed td {\n          max-width: 0;\n          overflow: hidden;\n        }\n      `}</style>\n    </div>\n  );\n};\n","import React, { createContext, useContext, useMemo } from 'react';\nimport type {\n\tButtonSlotProps,\n\tEditorSlotsMap,\n\tNodeHeaderSlotProps,\n\tTooltipSlotProps\n} from '@pixerate/editor';\n\nconst defaultSlots: EditorSlotsMap = {\n\tButton: (props: ButtonSlotProps) => (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclassName={`pixerate-btn ${props.className || ''}`}\n\t\t\tonClick={props.onClick}\n\t\t\tdisabled={props.disabled}\n\t\t>\n\t\t\t{props.children}\n\t\t</button>\n\t),\n\tTooltip: (props: TooltipSlotProps) => (\n\t\t<div className={`pixerate-tooltip-container ${props.className || ''}`} title={String(props.content)}>\n\t\t\t{props.children}\n\t\t</div>\n\t),\n\tNodeHeader: (props: NodeHeaderSlotProps) => (\n\t\t<div className={`pixerate-node-header flex items-center justify-between ${props.className || ''}`}>\n\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t{props.icon}\n\t\t\t\t<span className=\"font-semibold\">{props.title}</span>\n\t\t\t</div>\n\t\t\t{props.onClose && (\n\t\t\t\t<button type=\"button\" onClick={props.onClose} className=\"opacity-70 hover:opacity-100\">\n\t\t\t\t\t×\n\t\t\t\t</button>\n\t\t\t)}\n\t\t</div>\n\t)\n};\n\nconst EditorSlotsContext = createContext<EditorSlotsMap>(defaultSlots);\n\nexport interface EditorSlotsProviderProps {\n\tslots?: Partial<EditorSlotsMap>;\n\tchildren: React.ReactNode;\n}\n\n/**\n * Context provider allowing consumers to inject custom design system components into the editor.\n */\nexport function EditorSlotsProvider({ slots, children }: EditorSlotsProviderProps) {\n\tconst mergedSlots = useMemo(() => ({ ...defaultSlots, ...slots }), [slots]);\n\n\treturn (\n\t\t<EditorSlotsContext.Provider value={mergedSlots}>\n\t\t\t{children}\n\t\t</EditorSlotsContext.Provider>\n\t);\n}\n\n/**\n * Hook to access injected design system slots.\n */\nexport function useEditorSlots(): EditorSlotsMap {\n\treturn useContext(EditorSlotsContext);\n}\n","import { useRef, useState, useEffect, useCallback, useMemo } from 'react';\nimport {\n  ImageEditorController,\n  type ImageEditorOptions,\n  type ImageEditorState,\n  type ImageEditorTool,\n  type CropBox,\n  type AspectRatio,\n  type ImageAdjustments,\n  type DepthMaskOptions,\n  type Annotation,\n  type CreateAnnotationPayload,\n  type ExportOptions,\n  type SerializedImageEditorState,\n  type ImagePoint,\n} from '@pixerate/editor/image-editor';\n\nexport interface UseImageEditorReturn {\n  controller: ImageEditorController;\n  state: ImageEditorState;\n  canUndo: boolean;\n  canRedo: boolean;\n  setTool: (tool: ImageEditorTool) => void;\n  setCrop: (crop: CropBox | null, addToHistory?: boolean) => void;\n  applyCropPreset: (ratio: AspectRatio) => void;\n  resetCrop: () => void;\n  rotate: (degrees: number) => void;\n  setRotation: (degrees: number) => void;\n  flipHorizontal: () => void;\n  flipVertical: () => void;\n  setAdjustments: (partial: Partial<ImageAdjustments>, commitToHistory?: boolean) => void;\n  resetAdjustments: () => void;\n  setDepthMask: (partial: Partial<DepthMaskOptions>) => void;\n  resetDepthMask: () => void;\n  addAnnotation: (annotation: CreateAnnotationPayload) => string;\n  updateAnnotation: (id: string, partial: Partial<Annotation>, commitToHistory?: boolean) => void;\n  removeAnnotation: (id: string) => void;\n  clearAnnotations: () => void;\n  selectAnnotation: (id: string | null) => void;\n  undo: () => boolean;\n  redo: () => boolean;\n  reset: () => void;\n  zoomIn: (factor?: number) => void;\n  zoomOut: (factor?: number) => void;\n  resetZoom: () => void;\n  setZoom: (zoom: number) => void;\n  setPan: (pan: ImagePoint) => void;\n  setComparing: (comparing: boolean) => void;\n  loadImage: (src: string | HTMLImageElement) => Promise<void>;\n  toDataURL: (options?: ExportOptions) => Promise<string>;\n  toBlob: (options?: ExportOptions) => Promise<Blob>;\n  toJSON: () => SerializedImageEditorState;\n  loadJSON: (data: SerializedImageEditorState) => void;\n  renderMask: (options?: { useAnnotations?: boolean; useCrop?: boolean }) => Promise<HTMLCanvasElement>;\n  toMaskDataURL: (options?: { useAnnotations?: boolean; useCrop?: boolean }) => Promise<string>;\n  applyInpaintedImage: (newDataUrl: string) => Promise<void>;\n  applyBackgroundRemovedImage: (newDataUrl: string) => Promise<void>;\n}\n\nexport function useImageEditor(options: ImageEditorOptions = {}): UseImageEditorReturn {\n  const controllerRef = useRef<ImageEditorController | null>(null);\n\n  if (!controllerRef.current) {\n    controllerRef.current = new ImageEditorController(options);\n  }\n\n  const controller = controllerRef.current;\n  const [state, setState] = useState<ImageEditorState>(() => controller.getState());\n  const [historyTicks, setHistoryTicks] = useState(0);\n\n  useEffect(() => {\n    const unsub = controller.subscribe((next) => {\n      setState(next);\n      setHistoryTicks((t) => t + 1);\n    });\n    return unsub;\n  }, [controller]);\n\n  // The constructor loads the initial image. Reload only when the `image`\n  // option itself changes, not whenever the controller's source differs from\n  // it (AI edits replace the source with a data URL and must not be reverted).\n  const loadedImageRef = useRef(options.image);\n  useEffect(() => {\n    if (options.image === loadedImageRef.current) return;\n    loadedImageRef.current = options.image;\n    if (options.image) {\n      controller.loadImage(options.image);\n    }\n  }, [options.image, controller]);\n\n  const setTool = useCallback((tool: ImageEditorTool) => controller.setTool(tool), [controller]);\n  const setCrop = useCallback(\n    (crop: CropBox | null, addToHistory = true) => controller.setCrop(crop, addToHistory),\n    [controller]\n  );\n  const applyCropPreset = useCallback((ratio: AspectRatio) => controller.applyCropPreset(ratio), [controller]);\n  const resetCrop = useCallback(() => controller.resetCrop(), [controller]);\n  const rotate = useCallback((deg: number) => controller.rotate(deg), [controller]);\n  const setRotation = useCallback((deg: number) => controller.setRotation(deg), [controller]);\n  const flipHorizontal = useCallback(() => controller.flipHorizontal(), [controller]);\n  const flipVertical = useCallback(() => controller.flipVertical(), [controller]);\n  const setAdjustments = useCallback(\n    (partial: Partial<ImageAdjustments>, commitToHistory = true) =>\n      controller.setAdjustments(partial, commitToHistory),\n    [controller]\n  );\n  const resetAdjustments = useCallback(() => controller.resetAdjustments(), [controller]);\n  const setDepthMask = useCallback((partial: Partial<DepthMaskOptions>) => controller.setDepthMask(partial), [controller]);\n  const resetDepthMask = useCallback(() => controller.resetDepthMask(), [controller]);\n  const addAnnotation = useCallback((ann: CreateAnnotationPayload) => controller.addAnnotation(ann), [controller]);\n  const updateAnnotation = useCallback(\n    (id: string, partial: Partial<Annotation>, commitToHistory = true) =>\n      controller.updateAnnotation(id, partial, commitToHistory),\n    [controller]\n  );\n  const removeAnnotation = useCallback((id: string) => controller.removeAnnotation(id), [controller]);\n  const clearAnnotations = useCallback(() => controller.clearAnnotations(), [controller]);\n  const selectAnnotation = useCallback((id: string | null) => controller.selectAnnotation(id), [controller]);\n  const undo = useCallback(() => controller.undo(), [controller]);\n  const redo = useCallback(() => controller.redo(), [controller]);\n  const reset = useCallback(() => controller.reset(), [controller]);\n  const zoomIn = useCallback((factor?: number) => controller.zoomIn(factor), [controller]);\n  const zoomOut = useCallback((factor?: number) => controller.zoomOut(factor), [controller]);\n  const resetZoom = useCallback(() => controller.resetZoom(), [controller]);\n  const setZoom = useCallback((zoom: number) => controller.setZoom(zoom), [controller]);\n  const setPan = useCallback((pan: ImagePoint) => controller.setPan(pan), [controller]);\n  const setComparing = useCallback((comp: boolean) => controller.setComparing(comp), [controller]);\n  const loadImage = useCallback((src: string | HTMLImageElement) => controller.loadImage(src), [controller]);\n  const toDataURL = useCallback((opts?: ExportOptions) => controller.toDataURL(opts), [controller]);\n  const toBlob = useCallback((opts?: ExportOptions) => controller.toBlob(opts), [controller]);\n  const toJSON = useCallback(() => controller.toJSON(), [controller]);\n  const loadJSON = useCallback((data: SerializedImageEditorState) => controller.loadJSON(data), [controller]);\n  const renderMask = useCallback(\n    (opts?: { useAnnotations?: boolean; useCrop?: boolean }) => controller.renderMask(opts),\n    [controller]\n  );\n  const toMaskDataURL = useCallback(\n    (opts?: { useAnnotations?: boolean; useCrop?: boolean }) => controller.toMaskDataURL(opts),\n    [controller]\n  );\n  const applyInpaintedImage = useCallback(\n    (newDataUrl: string) => controller.applyInpaintedImage(newDataUrl),\n    [controller]\n  );\n  const applyBackgroundRemovedImage = useCallback(\n    (newDataUrl: string) => controller.applyBackgroundRemovedImage(newDataUrl),\n    [controller]\n  );\n\n  return useMemo(\n    () => ({\n      controller,\n      state,\n      canUndo: controller.canUndo,\n      canRedo: controller.canRedo,\n      setTool,\n      setCrop,\n      applyCropPreset,\n      resetCrop,\n      rotate,\n      setRotation,\n      flipHorizontal,\n      flipVertical,\n      setAdjustments,\n      resetAdjustments,\n      setDepthMask,\n      resetDepthMask,\n      addAnnotation,\n      updateAnnotation,\n      removeAnnotation,\n      clearAnnotations,\n      selectAnnotation,\n      undo,\n      redo,\n      reset,\n      zoomIn,\n      zoomOut,\n      resetZoom,\n      setZoom,\n      setPan,\n      setComparing,\n      loadImage,\n      toDataURL,\n      toBlob,\n      toJSON,\n      loadJSON,\n      renderMask,\n      toMaskDataURL,\n      applyInpaintedImage,\n      applyBackgroundRemovedImage,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [controller, state, historyTicks]\n  );\n}\n","import React, { useRef, useEffect, useState, useCallback } from 'react';\nimport type {\n  Annotation,\n  CropBox,\n  CropHandle,\n  ExportOptions,\n  ImageEditorTool,\n  ImagePoint,\n  InpaintHook,\n  RemoveBackgroundHook,\n  ImageEditorAIHooks,\n} from '@pixerate/editor/image-editor';\nimport {\n  canvasToImagePoint,\n  hitTestCrop,\n  getCropCursor,\n  calculateCropDrag,\n  hitTestAnnotation,\n} from '@pixerate/editor/image-editor';\nimport { useImageEditor, type UseImageEditorReturn } from './useImageEditor';\n\nexport interface ImageEditorProps {\n  editor?: UseImageEditorReturn;\n  src?: string;\n  className?: string;\n  style?: React.CSSProperties;\n  onSave?: (dataUrl: string) => void;\n  exportOptions?: ExportOptions;\n  onInpaint?: InpaintHook;\n  onRemoveBackground?: RemoveBackgroundHook;\n  aiHooks?: ImageEditorAIHooks;\n}\n\ntype TabType = 'crop' | 'adjust' | 'annotate' | 'depth' | 'ai';\n\nexport const ImageEditor: React.FC<ImageEditorProps> = ({\n  editor: externalEditor,\n  src,\n  className = '',\n  style,\n  onSave,\n  exportOptions,\n  onInpaint,\n  onRemoveBackground,\n  aiHooks,\n}) => {\n  const internalEditor = useImageEditor({ image: src });\n  const editor = externalEditor || internalEditor;\n  const { state, controller } = editor;\n\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [activeTab, setActiveTab] = useState<TabType>('crop');\n  const [activeCropRatio, setActiveCropRatio] = useState<number | null>(null);\n\n  // AI Tools state\n  const [inpaintPrompt, setInpaintPrompt] = useState('');\n  const [inpaintMaskMode, setInpaintMaskMode] = useState<'annotations' | 'crop'>('annotations');\n  const [isRemovingBg, setIsRemovingBg] = useState(false);\n  const [isInpainting, setIsInpainting] = useState(false);\n  const [aiError, setAiError] = useState<string | null>(null);\n  const [aiSuccess, setAiSuccess] = useState<string | null>(null);\n\n  const effectiveOnInpaint = onInpaint || aiHooks?.onInpaint;\n  const effectiveOnRemoveBg = onRemoveBackground || aiHooks?.onRemoveBackground;\n\n  const handleRemoveBackground = async () => {\n    if (!effectiveOnRemoveBg) {\n      setAiError('No background removal hook is configured.');\n      return;\n    }\n    setAiError(null);\n    setAiSuccess(null);\n    setIsRemovingBg(true);\n    try {\n      const imageDataUrl = await editor.toDataURL(exportOptions);\n      const result = await effectiveOnRemoveBg({ imageDataUrl });\n      if (typeof result === 'string') {\n        await editor.applyBackgroundRemovedImage(result);\n        setAiSuccess('Background removed successfully!');\n      } else {\n        setAiSuccess('Background removal complete.');\n      }\n    } catch (err: any) {\n      setAiError(err?.message || 'Failed to remove background.');\n    } finally {\n      setIsRemovingBg(false);\n    }\n  };\n\n  const handleInpaint = async () => {\n    if (!effectiveOnInpaint) {\n      setAiError('No inpainting hook is configured.');\n      return;\n    }\n    if (!inpaintPrompt.trim()) {\n      setAiError('Please enter an inpainting prompt.');\n      return;\n    }\n    setAiError(null);\n    setAiSuccess(null);\n    setIsInpainting(true);\n    try {\n      const imageDataUrl = await editor.toDataURL(exportOptions);\n      const maskDataUrl = await editor.toMaskDataURL({\n        useAnnotations: inpaintMaskMode === 'annotations',\n        useCrop: inpaintMaskMode === 'crop',\n      });\n      const result = await effectiveOnInpaint({\n        prompt: inpaintPrompt.trim(),\n        imageDataUrl,\n        maskDataUrl,\n        cropBox: inpaintMaskMode === 'crop' ? editor.state.crop : null,\n      });\n      if (typeof result === 'string') {\n        await editor.applyInpaintedImage(result);\n        setAiSuccess('Inpainting applied successfully!');\n      } else {\n        setAiSuccess('Inpainting complete.');\n      }\n    } catch (err: any) {\n      setAiError(err?.message || 'Failed to apply inpainting.');\n    } finally {\n      setIsInpainting(false);\n    }\n  };\n\n  // Annotation drafting state\n  const [activeColor, setActiveColor] = useState('#ef4444');\n  const [strokeWidth, setStrokeWidth] = useState(3);\n  const [fontSize, setFontSize] = useState(24);\n  const [textInput, setTextInput] = useState('');\n\n  // Live draft and drag references\n  const draftAnnotationRef = useRef<Annotation | null>(null);\n  const draftCropRef = useRef<CropBox | null>(null);\n  const cropDragInfoRef = useRef<{\n    handle: CropHandle | 'new';\n    startCanvasPt: ImagePoint;\n    startImgPt: ImagePoint;\n    startCrop: CropBox;\n  } | null>(null);\n  const annotationDragInfoRef = useRef<{\n    annId: string;\n    startImgPt: ImagePoint;\n    initialAnn: Annotation;\n  } | null>(null);\n  const isDrawingRef = useRef(false);\n  const currentPathRef = useRef<ImagePoint[]>([]);\n  const dragStartPointRef = useRef<ImagePoint | null>(null);\n\n  // Canvas viewport sizing and re-render\n  const renderCanvas = useCallback(\n    async (draftAnnotation?: Annotation | null, draftCrop?: CropBox | null) => {\n      const canvas = canvasRef.current;\n      const container = containerRef.current;\n      if (!canvas || !container) return;\n\n      const vpWidth = container.clientWidth || 800;\n      const vpHeight = container.clientHeight || 500;\n\n      await controller.render(canvas, {\n        viewportWidth: vpWidth,\n        viewportHeight: vpHeight,\n        showCropOverlay: activeTab === 'crop',\n        showSelectionOverlay: true,\n        interactive: true,\n        draftAnnotation: draftAnnotation !== undefined ? draftAnnotation : draftAnnotationRef.current,\n        draftCrop: draftCrop !== undefined ? draftCrop : draftCropRef.current,\n      });\n    },\n    [controller, activeTab]\n  );\n\n  useEffect(() => {\n    const raf =\n      typeof requestAnimationFrame !== 'undefined'\n        ? requestAnimationFrame\n        : (cb: () => void) => setTimeout(cb, 0) as unknown as number;\n    const caf =\n      typeof cancelAnimationFrame !== 'undefined'\n        ? cancelAnimationFrame\n        : (id: number) => clearTimeout(id);\n\n    const animId = raf(() => {\n      renderCanvas();\n    });\n    return () => caf(animId);\n  }, [renderCanvas, state]);\n\n  // Synchronize initial tool with activeTab\n  useEffect(() => {\n    if (activeTab === 'crop' && editor.state.activeTool !== 'crop') {\n      editor.setTool('crop');\n    }\n  }, [activeTab, editor]);\n\n  // Container resize observer to safely adapt viewport without feedback loops\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    if (typeof ResizeObserver !== 'undefined') {\n      const observer = new ResizeObserver(() => {\n        renderCanvas();\n      });\n      observer.observe(container);\n      return () => observer.disconnect();\n    } else {\n      const handleResize = () => renderCanvas();\n      window.addEventListener('resize', handleResize);\n      return () => window.removeEventListener('resize', handleResize);\n    }\n  }, [renderCanvas]);\n\n  // Convert mouse event coordinates to internal canvas pixel space\n  const getCanvasEventPoint = (e: React.MouseEvent<HTMLCanvasElement>): ImagePoint => {\n    const canvas = canvasRef.current;\n    if (!canvas) return { x: 0, y: 0 };\n    const rect = canvas.getBoundingClientRect();\n    const scaleX = rect.width > 0 ? canvas.width / rect.width : 1;\n    const scaleY = rect.height > 0 ? canvas.height / rect.height : 1;\n    return {\n      x: (e.clientX - rect.left) * scaleX,\n      y: (e.clientY - rect.top) * scaleY,\n    };\n  };\n\n  // Pointer event handlers for drawing and annotations\n  const handleMouseDown = (e: React.MouseEvent<HTMLCanvasElement>) => {\n    const canvas = canvasRef.current;\n    if (!canvas) return;\n    const canvasPt = getCanvasEventPoint(e);\n\n    if (activeTab === 'crop') {\n      const activeCrop = draftCropRef.current || state.crop || {\n        x: 0,\n        y: 0,\n        width: state.imageDimensions.width,\n        height: state.imageDimensions.height,\n      };\n      const handle = hitTestCrop(canvasPt, state, canvas.width, canvas.height, 14, activeCrop);\n      const startImgPt = canvasToImagePoint(canvasPt, state, canvas.width, canvas.height, true);\n\n      if (handle) {\n        cropDragInfoRef.current = {\n          handle,\n          startCanvasPt: canvasPt,\n          startImgPt,\n          startCrop: activeCrop,\n        };\n      } else {\n        // Clicked outside crop box: start new crop selection\n        cropDragInfoRef.current = {\n          handle: 'new',\n          startCanvasPt: canvasPt,\n          startImgPt,\n          startCrop: { x: startImgPt.x, y: startImgPt.y, width: 0, height: 0 },\n        };\n      }\n      return;\n    }\n\n    if (activeTab === 'annotate') {\n      const imgPt = canvasToImagePoint(canvasPt, state, canvas.width, canvas.height, false);\n      dragStartPointRef.current = imgPt;\n\n      if (state.activeTool === 'select') {\n        for (let i = state.annotations.length - 1; i >= 0; i--) {\n          const ann = state.annotations[i];\n          if (hitTestAnnotation(imgPt, ann)) {\n            editor.selectAnnotation(ann.id);\n            annotationDragInfoRef.current = {\n              annId: ann.id,\n              startImgPt: imgPt,\n              initialAnn: { ...ann },\n            };\n            return;\n          }\n        }\n        editor.selectAnnotation(null);\n        return;\n      }\n\n      if (state.activeTool === 'pen') {\n        isDrawingRef.current = true;\n        currentPathRef.current = [imgPt];\n        const draft: Annotation = {\n          id: 'draft',\n          type: 'pen',\n          x: 0,\n          y: 0,\n          points: [imgPt],\n          strokeColor: activeColor,\n          strokeWidth,\n        };\n        draftAnnotationRef.current = draft;\n        renderCanvas(draft);\n      }\n    }\n  };\n\n  const handleMouseMove = (e: React.MouseEvent<HTMLCanvasElement>) => {\n    const canvas = canvasRef.current;\n    if (!canvas) return;\n    const canvasPt = getCanvasEventPoint(e);\n\n    if (activeTab === 'crop') {\n      const drag = cropDragInfoRef.current;\n      if (drag) {\n        const currentImgPt = canvasToImagePoint(canvasPt, state, canvas.width, canvas.height, true);\n        let newCrop: CropBox;\n\n        if (drag.handle === 'new') {\n          const minX = Math.max(0, Math.min(drag.startImgPt.x, currentImgPt.x));\n          const minY = Math.max(0, Math.min(drag.startImgPt.y, currentImgPt.y));\n          const maxX = Math.min(state.imageDimensions.width, Math.max(drag.startImgPt.x, currentImgPt.x));\n          const maxY = Math.min(state.imageDimensions.height, Math.max(drag.startImgPt.y, currentImgPt.y));\n          newCrop = {\n            x: Math.round(minX),\n            y: Math.round(minY),\n            width: Math.round(Math.max(20, maxX - minX)),\n            height: Math.round(Math.max(20, maxY - minY)),\n          };\n        } else {\n          newCrop = calculateCropDrag(\n            drag.startCrop,\n            drag.handle,\n            drag.startImgPt,\n            currentImgPt,\n            state.imageDimensions.width,\n            state.imageDimensions.height,\n            activeCropRatio\n          );\n        }\n\n        draftCropRef.current = newCrop;\n        renderCanvas(null, newCrop);\n      } else {\n        const activeCrop = draftCropRef.current || state.crop || {\n          x: 0,\n          y: 0,\n          width: state.imageDimensions.width,\n          height: state.imageDimensions.height,\n        };\n        const handle = hitTestCrop(canvasPt, state, canvas.width, canvas.height, 14, activeCrop);\n        canvas.style.cursor = getCropCursor(handle);\n      }\n      return;\n    }\n\n    if (activeTab === 'annotate') {\n      // If moving selected annotation\n      if (annotationDragInfoRef.current) {\n        const drag = annotationDragInfoRef.current;\n        const currentImgPt = canvasToImagePoint(canvasPt, state, canvas.width, canvas.height, false);\n        const dx = currentImgPt.x - drag.startImgPt.x;\n        const dy = currentImgPt.y - drag.startImgPt.y;\n        editor.updateAnnotation(drag.annId, {\n          x: Math.round(drag.initialAnn.x + dx),\n          y: Math.round(drag.initialAnn.y + dy),\n        });\n        return;\n      }\n\n      const startPt = dragStartPointRef.current;\n      if (!startPt) {\n        // Update cursor for hover on select tool\n        if (state.activeTool === 'select') {\n          const imgPt = canvasToImagePoint(canvasPt, state, canvas.width, canvas.height, false);\n          let hovered = false;\n          for (let i = state.annotations.length - 1; i >= 0; i--) {\n            if (hitTestAnnotation(imgPt, state.annotations[i])) {\n              hovered = true;\n              break;\n            }\n          }\n          canvas.style.cursor = hovered ? 'move' : 'default';\n        } else {\n          canvas.style.cursor = 'crosshair';\n        }\n        return;\n      }\n\n      const currentImgPt = canvasToImagePoint(canvasPt, state, canvas.width, canvas.height, false);\n\n      if (state.activeTool === 'pen' && isDrawingRef.current) {\n        currentPathRef.current.push(currentImgPt);\n        const draft: Annotation = {\n          id: 'draft',\n          type: 'pen',\n          x: 0,\n          y: 0,\n          points: [...currentPathRef.current],\n          strokeColor: activeColor,\n          strokeWidth,\n        };\n        draftAnnotationRef.current = draft;\n        renderCanvas(draft);\n      } else if (state.activeTool === 'rect') {\n        const w = currentImgPt.x - startPt.x;\n        const h = currentImgPt.y - startPt.y;\n        const draft: Annotation = {\n          id: 'draft',\n          type: 'rect',\n          x: Math.min(startPt.x, currentImgPt.x),\n          y: Math.min(startPt.y, currentImgPt.y),\n          width: Math.abs(w),\n          height: Math.abs(h),\n          strokeColor: activeColor,\n          strokeWidth,\n        };\n        draftAnnotationRef.current = draft;\n        renderCanvas(draft);\n      } else if (state.activeTool === 'circle') {\n        const rx = Math.abs(currentImgPt.x - startPt.x) / 2;\n        const ry = Math.abs(currentImgPt.y - startPt.y) / 2;\n        const draft: Annotation = {\n          id: 'draft',\n          type: 'circle',\n          x: Math.min(startPt.x, currentImgPt.x) + rx,\n          y: Math.min(startPt.y, currentImgPt.y) + ry,\n          radiusX: rx,\n          radiusY: ry,\n          strokeColor: activeColor,\n          strokeWidth,\n        };\n        draftAnnotationRef.current = draft;\n        renderCanvas(draft);\n      } else if (state.activeTool === 'arrow') {\n        const draft: Annotation = {\n          id: 'draft',\n          type: 'arrow',\n          x: startPt.x,\n          y: startPt.y,\n          endX: currentImgPt.x,\n          endY: currentImgPt.y,\n          strokeColor: activeColor,\n          strokeWidth,\n        };\n        draftAnnotationRef.current = draft;\n        renderCanvas(draft);\n      } else if (state.activeTool === 'line') {\n        const draft: Annotation = {\n          id: 'draft',\n          type: 'line',\n          x: startPt.x,\n          y: startPt.y,\n          endX: currentImgPt.x,\n          endY: currentImgPt.y,\n          strokeColor: activeColor,\n          strokeWidth,\n        };\n        draftAnnotationRef.current = draft;\n        renderCanvas(draft);\n      }\n    }\n  };\n\n  const handleMouseUp = (e: React.MouseEvent<HTMLCanvasElement>) => {\n    const canvas = canvasRef.current;\n    if (!canvas) return;\n    const canvasPt = getCanvasEventPoint(e);\n\n    if (activeTab === 'crop') {\n      if (cropDragInfoRef.current) {\n        if (\n          draftCropRef.current &&\n          draftCropRef.current.width >= 20 &&\n          draftCropRef.current.height >= 20\n        ) {\n          editor.setCrop(draftCropRef.current, true);\n        }\n        cropDragInfoRef.current = null;\n        draftCropRef.current = null;\n        renderCanvas();\n      }\n      return;\n    }\n\n    if (activeTab === 'annotate') {\n      if (annotationDragInfoRef.current) {\n        annotationDragInfoRef.current = null;\n        return;\n      }\n\n      const startPt = dragStartPointRef.current;\n      if (startPt) {\n        const currentImgPt = canvasToImagePoint(canvasPt, state, canvas.width, canvas.height, false);\n\n        if (state.activeTool === 'pen' && isDrawingRef.current) {\n          if (currentPathRef.current.length > 1) {\n            editor.addAnnotation({\n              type: 'pen',\n              x: 0,\n              y: 0,\n              points: [...currentPathRef.current],\n              strokeColor: activeColor,\n              strokeWidth,\n            });\n          }\n          isDrawingRef.current = false;\n          currentPathRef.current = [];\n        } else if (state.activeTool === 'rect') {\n          const w = Math.abs(currentImgPt.x - startPt.x);\n          const h = Math.abs(currentImgPt.y - startPt.y);\n          if (w > 4 && h > 4) {\n            editor.addAnnotation({\n              type: 'rect',\n              x: Math.min(startPt.x, currentImgPt.x),\n              y: Math.min(startPt.y, currentImgPt.y),\n              width: w,\n              height: h,\n              strokeColor: activeColor,\n              strokeWidth,\n            });\n          }\n        } else if (state.activeTool === 'circle') {\n          const rx = Math.abs(currentImgPt.x - startPt.x) / 2;\n          const ry = Math.abs(currentImgPt.y - startPt.y) / 2;\n          if (rx > 4 && ry > 4) {\n            editor.addAnnotation({\n              type: 'circle',\n              x: Math.min(startPt.x, currentImgPt.x) + rx,\n              y: Math.min(startPt.y, currentImgPt.y) + ry,\n              radiusX: rx,\n              radiusY: ry,\n              strokeColor: activeColor,\n              strokeWidth,\n            });\n          }\n        } else if (state.activeTool === 'arrow') {\n          if (Math.hypot(currentImgPt.x - startPt.x, currentImgPt.y - startPt.y) > 4) {\n            editor.addAnnotation({\n              type: 'arrow',\n              x: startPt.x,\n              y: startPt.y,\n              endX: currentImgPt.x,\n              endY: currentImgPt.y,\n              strokeColor: activeColor,\n              strokeWidth,\n            });\n          }\n        } else if (state.activeTool === 'line') {\n          if (Math.hypot(currentImgPt.x - startPt.x, currentImgPt.y - startPt.y) > 4) {\n            editor.addAnnotation({\n              type: 'line',\n              x: startPt.x,\n              y: startPt.y,\n              endX: currentImgPt.x,\n              endY: currentImgPt.y,\n              strokeColor: activeColor,\n              strokeWidth,\n            });\n          }\n        }\n\n        draftAnnotationRef.current = null;\n        dragStartPointRef.current = null;\n        renderCanvas();\n      }\n    }\n  };\n\n  const handleAddText = () => {\n    if (!textInput.trim()) return;\n    editor.addAnnotation({\n      type: 'text',\n      x: 50,\n      y: 50,\n      text: textInput.trim(),\n      fontSize,\n      color: activeColor,\n    });\n    setTextInput('');\n  };\n\n  const handleExport = async () => {\n    const dataUrl = await editor.toDataURL(exportOptions);\n    if (onSave) {\n      onSave(dataUrl);\n    } else {\n      // Default download trigger\n      const link = document.createElement('a');\n      link.download = `edited-image-${Date.now()}.png`;\n      link.href = dataUrl;\n      link.click();\n    }\n  };\n\n  return (\n    <div\n      className={`flex flex-col bg-slate-900 border border-slate-800 rounded-xl overflow-hidden shadow-2xl text-slate-100 ${className}`}\n      style={style}\n    >\n      {/* Top Action Header */}\n      <div className=\"flex flex-wrap items-center justify-between px-4 py-3 bg-slate-950/80 border-b border-slate-800 gap-3\">\n        {/* Navigation Tabs */}\n        <div className=\"flex items-center gap-1 bg-slate-900 p-1 rounded-lg border border-slate-800 text-xs\">\n          <button\n            type=\"button\"\n            onClick={() => {\n              setActiveTab('crop');\n              editor.setTool('crop');\n            }}\n            className={`px-3 py-1.5 rounded-md font-medium transition-colors ${\n              activeTab === 'crop' ? 'bg-indigo-600 text-white shadow' : 'text-slate-400 hover:text-slate-200'\n            }`}\n          >\n            Transform & Crop\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => {\n              setActiveTab('adjust');\n              editor.setTool('select');\n            }}\n            className={`px-3 py-1.5 rounded-md font-medium transition-colors ${\n              activeTab === 'adjust' ? 'bg-indigo-600 text-white shadow' : 'text-slate-400 hover:text-slate-200'\n            }`}\n          >\n            Adjustments\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => {\n              setActiveTab('annotate');\n              editor.setTool('pen');\n            }}\n            className={`px-3 py-1.5 rounded-md font-medium transition-colors ${\n              activeTab === 'annotate' ? 'bg-indigo-600 text-white shadow' : 'text-slate-400 hover:text-slate-200'\n            }`}\n          >\n            Annotations\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => {\n              setActiveTab('depth');\n              editor.setTool('select');\n            }}\n            className={`px-3 py-1.5 rounded-md font-medium transition-colors ${\n              activeTab === 'depth' ? 'bg-indigo-600 text-white shadow' : 'text-slate-400 hover:text-slate-200'\n            }`}\n          >\n            Depth Mask\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => {\n              setActiveTab('ai');\n              editor.setTool('select');\n            }}\n            className={`px-3 py-1.5 rounded-md font-medium transition-colors flex items-center gap-1.5 ${\n              activeTab === 'ai' ? 'bg-indigo-600 text-white shadow' : 'text-slate-400 hover:text-slate-200'\n            }`}\n          >\n            <svg className=\"w-3.5 h-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n              <path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\" />\n            </svg>\n            AI Tools\n          </button>\n        </div>\n\n        {/* Global Action Tools (Undo/Redo, Zoom, Compare, Save) */}\n        <div className=\"flex items-center gap-2 text-xs\">\n          <button\n            type=\"button\"\n            disabled={!editor.canUndo}\n            onClick={() => editor.undo()}\n            className=\"p-1.5 rounded-lg border border-slate-800 bg-slate-900 text-slate-300 disabled:opacity-40 disabled:cursor-not-allowed hover:bg-slate-800\"\n            title=\"Undo\"\n          >\n            ↩\n          </button>\n          <button\n            type=\"button\"\n            disabled={!editor.canRedo}\n            onClick={() => editor.redo()}\n            className=\"p-1.5 rounded-lg border border-slate-800 bg-slate-900 text-slate-300 disabled:opacity-40 disabled:cursor-not-allowed hover:bg-slate-800\"\n            title=\"Redo\"\n          >\n            ↪\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => editor.reset()}\n            className=\"px-2 py-1.5 rounded-lg border border-slate-800 bg-slate-900 text-slate-400 hover:text-slate-200 hover:bg-slate-800\"\n          >\n            Reset\n          </button>\n\n          <div className=\"h-4 w-px bg-slate-800 mx-1\" />\n\n          {/* Zoom */}\n          <button\n            type=\"button\"\n            onClick={() => editor.zoomOut()}\n            className=\"p-1.5 rounded-lg border border-slate-800 bg-slate-900 text-slate-300 hover:bg-slate-800\"\n            title=\"Zoom Out\"\n          >\n            -\n          </button>\n          <span className=\"font-mono text-slate-400 w-10 text-center\">{Math.round(state.zoom * 100)}%</span>\n          <button\n            type=\"button\"\n            onClick={() => editor.zoomIn()}\n            className=\"p-1.5 rounded-lg border border-slate-800 bg-slate-900 text-slate-300 hover:bg-slate-800\"\n            title=\"Zoom In\"\n          >\n            +\n          </button>\n\n          <div className=\"h-4 w-px bg-slate-800 mx-1\" />\n\n          {/* Live Compare */}\n          <button\n            type=\"button\"\n            onMouseDown={() => editor.setComparing(true)}\n            onMouseUp={() => editor.setComparing(false)}\n            onMouseLeave={() => editor.setComparing(false)}\n            className=\"px-2.5 py-1.5 rounded-lg border border-slate-800 bg-slate-900 text-amber-400 hover:bg-slate-800 select-none active:bg-amber-950/40\"\n          >\n            Hold Compare\n          </button>\n\n          {/* Save / Export */}\n          <button\n            type=\"button\"\n            onClick={handleExport}\n            className=\"px-4 py-1.5 rounded-lg bg-emerald-600 hover:bg-emerald-500 text-white font-medium shadow-md shadow-emerald-900/30 transition-colors\"\n          >\n            Export Image\n          </button>\n        </div>\n      </div>\n\n      {/* Main Viewport + Sidebar Layout */}\n      <div className=\"flex flex-col md:flex-row flex-1 min-h-[520px] md:h-[560px]\">\n        {/* Canvas Area */}\n        <div\n          ref={containerRef}\n          className=\"relative flex-1 h-[360px] md:h-full min-h-[320px] bg-slate-950 overflow-hidden select-none\"\n        >\n          <canvas\n            ref={canvasRef}\n            onMouseDown={handleMouseDown}\n            onMouseMove={handleMouseMove}\n            onMouseUp={handleMouseUp}\n            onMouseLeave={handleMouseUp}\n            className=\"absolute inset-0 w-full h-full block\"\n          />\n        </div>\n\n        {/* Tab Controls Sidebar */}\n        <div className=\"w-full md:w-80 bg-slate-900/90 border-t md:border-t-0 md:border-l border-slate-800 p-4 overflow-y-auto h-auto md:h-full md:max-h-[560px]\">\n          {/* TAB 1: CROP & TRANSFORM */}\n          {activeTab === 'crop' && (\n            <div className=\"flex flex-col gap-4 text-xs\">\n              <span className=\"font-semibold text-slate-200 uppercase tracking-wider text-[11px]\">\n                Aspect Ratio Presets\n              </span>\n              <div className=\"grid grid-cols-3 gap-2\">\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    setActiveCropRatio(null);\n                    editor.applyCropPreset(null);\n                  }}\n                  className={`px-2.5 py-2 rounded-lg border font-medium ${\n                    activeCropRatio === null && state.crop\n                      ? 'bg-indigo-600 border-indigo-500 text-white'\n                      : 'bg-slate-800 hover:bg-slate-700 text-slate-200 border-slate-700'\n                  }`}\n                >\n                  Freeform\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    setActiveCropRatio(1);\n                    editor.applyCropPreset(1);\n                  }}\n                  className={`px-2.5 py-2 rounded-lg border font-medium ${\n                    activeCropRatio === 1\n                      ? 'bg-indigo-600 border-indigo-500 text-white'\n                      : 'bg-slate-800 hover:bg-slate-700 text-slate-200 border-slate-700'\n                  }`}\n                >\n                  1:1 Square\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    setActiveCropRatio(4 / 3);\n                    editor.applyCropPreset(4 / 3);\n                  }}\n                  className={`px-2.5 py-2 rounded-lg border font-medium ${\n                    activeCropRatio === 4 / 3\n                      ? 'bg-indigo-600 border-indigo-500 text-white'\n                      : 'bg-slate-800 hover:bg-slate-700 text-slate-200 border-slate-700'\n                  }`}\n                >\n                  4:3 Standard\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    setActiveCropRatio(16 / 9);\n                    editor.applyCropPreset(16 / 9);\n                  }}\n                  className={`px-2.5 py-2 rounded-lg border font-medium ${\n                    activeCropRatio === 16 / 9\n                      ? 'bg-indigo-600 border-indigo-500 text-white'\n                      : 'bg-slate-800 hover:bg-slate-700 text-slate-200 border-slate-700'\n                  }`}\n                >\n                  16:9 Wide\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    setActiveCropRatio(3 / 2);\n                    editor.applyCropPreset(3 / 2);\n                  }}\n                  className={`px-2.5 py-2 rounded-lg border font-medium ${\n                    activeCropRatio === 3 / 2\n                      ? 'bg-indigo-600 border-indigo-500 text-white'\n                      : 'bg-slate-800 hover:bg-slate-700 text-slate-200 border-slate-700'\n                  }`}\n                >\n                  3:2 Photo\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    setActiveCropRatio(null);\n                    editor.resetCrop();\n                  }}\n                  className=\"px-2.5 py-2 rounded-lg bg-rose-950/40 hover:bg-rose-900/60 text-rose-300 border border-rose-800/40 font-medium\"\n                >\n                  Clear Crop\n                </button>\n              </div>\n\n              <div className=\"h-px bg-slate-800 my-1\" />\n\n              <span className=\"font-semibold text-slate-200 uppercase tracking-wider text-[11px]\">\n                Orientation & Flips\n              </span>\n              <div className=\"grid grid-cols-2 gap-2\">\n                <button\n                  type=\"button\"\n                  onClick={() => editor.rotate(-90)}\n                  className=\"px-3 py-2 rounded-lg bg-slate-800 hover:bg-slate-700 text-slate-200 border border-slate-700\"\n                >\n                  Rotate -90°\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => editor.rotate(90)}\n                  className=\"px-3 py-2 rounded-lg bg-slate-800 hover:bg-slate-700 text-slate-200 border border-slate-700\"\n                >\n                  Rotate +90°\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => editor.flipHorizontal()}\n                  className={`px-3 py-2 rounded-lg border transition-colors ${\n                    state.transform.flipH\n                      ? 'bg-indigo-600 border-indigo-500 text-white'\n                      : 'bg-slate-800 border-slate-700 text-slate-200 hover:bg-slate-700'\n                  }`}\n                >\n                  Flip Horizontal\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => editor.flipVertical()}\n                  className={`px-3 py-2 rounded-lg border transition-colors ${\n                    state.transform.flipV\n                      ? 'bg-indigo-600 border-indigo-500 text-white'\n                      : 'bg-slate-800 border-slate-700 text-slate-200 hover:bg-slate-700'\n                  }`}\n                >\n                  Flip Vertical\n                </button>\n              </div>\n            </div>\n          )}\n\n          {/* TAB 2: ADJUSTMENTS */}\n          {activeTab === 'adjust' && (\n            <div className=\"flex flex-col gap-3 text-xs\">\n              <div className=\"flex items-center justify-between\">\n                <span className=\"font-semibold text-slate-200 uppercase tracking-wider text-[11px]\">\n                  Color Adjustments\n                </span>\n                <button\n                  type=\"button\"\n                  onClick={() => editor.resetAdjustments()}\n                  className=\"text-[10px] text-rose-400 hover:underline\"\n                >\n                  Reset Sliders\n                </button>\n              </div>\n\n              {/* Brightness */}\n              <div>\n                <div className=\"flex justify-between text-slate-400 mb-1\">\n                  <span>Brightness</span>\n                  <span className=\"font-mono\">{state.adjustments.brightness}</span>\n                </div>\n                <input\n                  type=\"range\"\n                  min=\"-100\"\n                  max=\"100\"\n                  value={state.adjustments.brightness}\n                  onChange={(e) => editor.setAdjustments({ brightness: Number(e.target.value) })}\n                  className=\"w-full accent-indigo-500\"\n                />\n              </div>\n\n              {/* Contrast */}\n              <div>\n                <div className=\"flex justify-between text-slate-400 mb-1\">\n                  <span>Contrast</span>\n                  <span className=\"font-mono\">{state.adjustments.contrast}</span>\n                </div>\n                <input\n                  type=\"range\"\n                  min=\"-100\"\n                  max=\"100\"\n                  value={state.adjustments.contrast}\n                  onChange={(e) => editor.setAdjustments({ contrast: Number(e.target.value) })}\n                  className=\"w-full accent-indigo-500\"\n                />\n              </div>\n\n              {/* Saturation */}\n              <div>\n                <div className=\"flex justify-between text-slate-400 mb-1\">\n                  <span>Saturation</span>\n                  <span className=\"font-mono\">{state.adjustments.saturation}</span>\n                </div>\n                <input\n                  type=\"range\"\n                  min=\"-100\"\n                  max=\"100\"\n                  value={state.adjustments.saturation}\n                  onChange={(e) => editor.setAdjustments({ saturation: Number(e.target.value) })}\n                  className=\"w-full accent-indigo-500\"\n                />\n              </div>\n\n              {/* Exposure */}\n              <div>\n                <div className=\"flex justify-between text-slate-400 mb-1\">\n                  <span>Exposure</span>\n                  <span className=\"font-mono\">{state.adjustments.exposure}</span>\n                </div>\n                <input\n                  type=\"range\"\n                  min=\"-100\"\n                  max=\"100\"\n                  value={state.adjustments.exposure}\n                  onChange={(e) => editor.setAdjustments({ exposure: Number(e.target.value) })}\n                  className=\"w-full accent-indigo-500\"\n                />\n              </div>\n\n              {/* Temperature / Warmth */}\n              <div>\n                <div className=\"flex justify-between text-slate-400 mb-1\">\n                  <span>Warmth / Temperature</span>\n                  <span className=\"font-mono\">{state.adjustments.temperature}</span>\n                </div>\n                <input\n                  type=\"range\"\n                  min=\"-100\"\n                  max=\"100\"\n                  value={state.adjustments.temperature}\n                  onChange={(e) => editor.setAdjustments({ temperature: Number(e.target.value) })}\n                  className=\"w-full accent-indigo-500\"\n                />\n              </div>\n\n              {/* Blur */}\n              <div>\n                <div className=\"flex justify-between text-slate-400 mb-1\">\n                  <span>Blur</span>\n                  <span className=\"font-mono\">{state.adjustments.blur}px</span>\n                </div>\n                <input\n                  type=\"range\"\n                  min=\"0\"\n                  max=\"30\"\n                  value={state.adjustments.blur}\n                  onChange={(e) => editor.setAdjustments({ blur: Number(e.target.value) })}\n                  className=\"w-full accent-indigo-500\"\n                />\n              </div>\n\n              {/* Opacity */}\n              <div>\n                <div className=\"flex justify-between text-slate-400 mb-1\">\n                  <span>Opacity</span>\n                  <span className=\"font-mono\">{Math.round(state.adjustments.opacity * 100)}%</span>\n                </div>\n                <input\n                  type=\"range\"\n                  min=\"0\"\n                  max=\"1\"\n                  step=\"0.05\"\n                  value={state.adjustments.opacity}\n                  onChange={(e) => editor.setAdjustments({ opacity: Number(e.target.value) })}\n                  className=\"w-full accent-indigo-500\"\n                />\n              </div>\n            </div>\n          )}\n\n          {/* TAB 3: ANNOTATIONS */}\n          {activeTab === 'annotate' && (\n            <div className=\"flex flex-col gap-3 text-xs\">\n              <span className=\"font-semibold text-slate-200 uppercase tracking-wider text-[11px]\">\n                Draw & Annotate\n              </span>\n\n              {/* Tool Picker */}\n              <div className=\"grid grid-cols-3 gap-1.5\">\n                {(['pen', 'rect', 'circle', 'arrow', 'line'] as ImageEditorTool[]).map((t) => (\n                  <button\n                    key={t}\n                    type=\"button\"\n                    onClick={() => editor.setTool(t)}\n                    className={`py-1.5 px-2 rounded-lg font-medium capitalize border transition-colors ${\n                      state.activeTool === t\n                        ? 'bg-indigo-600 border-indigo-500 text-white'\n                        : 'bg-slate-800 border-slate-700 text-slate-300 hover:bg-slate-700'\n                    }`}\n                  >\n                    {t}\n                  </button>\n                ))}\n              </div>\n\n              {/* Color & Size */}\n              <div className=\"flex items-center gap-2 mt-2\">\n                <label className=\"text-slate-400\">Color:</label>\n                <input\n                  type=\"color\"\n                  value={activeColor}\n                  onChange={(e) => setActiveColor(e.target.value)}\n                  className=\"w-8 h-8 rounded border border-slate-700 cursor-pointer bg-transparent\"\n                />\n                <div className=\"flex-1 ml-2\">\n                  <div className=\"flex justify-between text-slate-400 mb-0.5\">\n                    <span>Width:</span>\n                    <span className=\"font-mono\">{strokeWidth}px</span>\n                  </div>\n                  <input\n                    type=\"range\"\n                    min=\"1\"\n                    max=\"20\"\n                    value={strokeWidth}\n                    onChange={(e) => setStrokeWidth(Number(e.target.value))}\n                    className=\"w-full accent-indigo-500\"\n                  />\n                </div>\n              </div>\n\n              <div className=\"h-px bg-slate-800 my-1\" />\n\n              {/* Text Tool */}\n              <span className=\"font-semibold text-slate-200 uppercase tracking-wider text-[11px]\">Add Text</span>\n              <div className=\"flex gap-2\">\n                <input\n                  type=\"text\"\n                  placeholder=\"Type watermark or label...\"\n                  value={textInput}\n                  onChange={(e) => setTextInput(e.target.value)}\n                  onKeyDown={(e) => e.key === 'Enter' && handleAddText()}\n                  className=\"flex-1 bg-slate-950 border border-slate-700 rounded-lg px-2.5 py-1.5 text-xs text-slate-100 placeholder-slate-500 focus:outline-none focus:border-indigo-500\"\n                />\n                <button\n                  type=\"button\"\n                  onClick={handleAddText}\n                  className=\"px-3 py-1.5 rounded-lg bg-indigo-600 hover:bg-indigo-500 text-white font-medium shadow\"\n                >\n                  Add\n                </button>\n              </div>\n              <div className=\"flex items-center justify-between text-slate-400\">\n                <span>Font Size:</span>\n                <span className=\"font-mono\">{fontSize}px</span>\n              </div>\n              <input\n                type=\"range\"\n                min=\"12\"\n                max=\"72\"\n                value={fontSize}\n                onChange={(e) => setFontSize(Number(e.target.value))}\n                className=\"w-full accent-indigo-500\"\n              />\n\n              {/* Layers & Selected Annotation */}\n              <div className=\"h-px bg-slate-800 my-1\" />\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-slate-400\">Layers ({state.annotations.length})</span>\n                {state.selectedAnnotationId && (\n                  <button\n                    type=\"button\"\n                    onClick={() => editor.removeAnnotation(state.selectedAnnotationId!)}\n                    className=\"text-rose-400 hover:underline text-[11px]\"\n                  >\n                    Delete Selected\n                  </button>\n                )}\n                {state.annotations.length > 0 && (\n                  <button\n                    type=\"button\"\n                    onClick={() => editor.clearAnnotations()}\n                    className=\"text-slate-400 hover:text-slate-200 text-[11px]\"\n                  >\n                    Clear All\n                  </button>\n                )}\n              </div>\n            </div>\n          )}\n\n          {/* TAB 4: GLEAMFORGE DEPTH MASKING */}\n          {activeTab === 'depth' && (\n            <div className=\"flex flex-col gap-3 text-xs\">\n              <div className=\"flex items-center justify-between\">\n                <span className=\"font-semibold text-slate-200 uppercase tracking-wider text-[11px]\">\n                  Depth Masking\n                </span>\n                <button\n                  type=\"button\"\n                  onClick={() => editor.resetDepthMask()}\n                  className=\"text-[10px] text-rose-400 hover:underline\"\n                >\n                  Reset Mask\n                </button>\n              </div>\n\n              <label className=\"flex items-center gap-2 cursor-pointer text-slate-300\">\n                <input\n                  type=\"checkbox\"\n                  checked={state.depthMask.enabled}\n                  onChange={(e) => editor.setDepthMask({ enabled: e.target.checked })}\n                  className=\"rounded accent-indigo-500\"\n                />\n                <span>Enable Depth / Alpha Mask</span>\n              </label>\n\n              {state.depthMask.enabled && (\n                <>\n                  <div>\n                    <label className=\"text-slate-400 block mb-1\">Mask Image URL:</label>\n                    <input\n                      type=\"text\"\n                      placeholder=\"https://.../depthmap.png\"\n                      value={state.depthMask.maskSource || ''}\n                      onChange={(e) => editor.setDepthMask({ maskSource: e.target.value || null })}\n                      className=\"w-full bg-slate-950 border border-slate-700 rounded-lg px-2.5 py-1.5 text-xs text-slate-100 placeholder-slate-500\"\n                    />\n                  </div>\n\n                  <div className=\"flex gap-2\">\n                    <button\n                      type=\"button\"\n                      onClick={() => editor.setDepthMask({ mode: 'threshold' })}\n                      className={`flex-1 py-1.5 rounded-lg border text-xs font-medium ${\n                        state.depthMask.mode === 'threshold'\n                          ? 'bg-indigo-600 border-indigo-500 text-white'\n                          : 'bg-slate-800 border-slate-700 text-slate-300'\n                      }`}\n                    >\n                      Threshold Mode\n                    </button>\n                    <button\n                      type=\"button\"\n                      onClick={() => editor.setDepthMask({ mode: 'brightness' })}\n                      className={`flex-1 py-1.5 rounded-lg border text-xs font-medium ${\n                        state.depthMask.mode === 'brightness'\n                          ? 'bg-indigo-600 border-indigo-500 text-white'\n                          : 'bg-slate-800 border-slate-700 text-slate-300'\n                      }`}\n                    >\n                      Brightness Mode\n                    </button>\n                  </div>\n\n                  <div>\n                    <div className=\"flex justify-between text-slate-400 mb-1\">\n                      <span>Depth Start (Lower):</span>\n                      <span className=\"font-mono\">{state.depthMask.depthRange[0]}</span>\n                    </div>\n                    <input\n                      type=\"range\"\n                      min=\"0\"\n                      max=\"255\"\n                      value={state.depthMask.depthRange[0]}\n                      onChange={(e) =>\n                        editor.setDepthMask({\n                          depthRange: [Number(e.target.value), state.depthMask.depthRange[1]],\n                        })\n                      }\n                      className=\"w-full accent-indigo-500\"\n                    />\n                  </div>\n\n                  <div>\n                    <div className=\"flex justify-between text-slate-400 mb-1\">\n                      <span>Depth Stop (Upper):</span>\n                      <span className=\"font-mono\">{state.depthMask.depthRange[1]}</span>\n                    </div>\n                    <input\n                      type=\"range\"\n                      min=\"0\"\n                      max=\"255\"\n                      value={state.depthMask.depthRange[1]}\n                      onChange={(e) =>\n                        editor.setDepthMask({\n                          depthRange: [state.depthMask.depthRange[0], Number(e.target.value)],\n                        })\n                      }\n                      className=\"w-full accent-indigo-500\"\n                    />\n                  </div>\n\n                  <div>\n                    <div className=\"flex justify-between text-slate-400 mb-1\">\n                      <span>Softness:</span>\n                      <span className=\"font-mono\">{state.depthMask.softness}</span>\n                    </div>\n                    <input\n                      type=\"range\"\n                      min=\"1\"\n                      max=\"50\"\n                      value={state.depthMask.softness}\n                      onChange={(e) => editor.setDepthMask({ softness: Number(e.target.value) })}\n                      className=\"w-full accent-indigo-500\"\n                    />\n                  </div>\n\n                  <label className=\"flex items-center gap-2 cursor-pointer text-slate-300 mt-1\">\n                    <input\n                      type=\"checkbox\"\n                      checked={state.depthMask.invert}\n                      onChange={(e) => editor.setDepthMask({ invert: e.target.checked })}\n                      className=\"rounded accent-indigo-500\"\n                    />\n                    <span>Invert Mask</span>\n                  </label>\n                </>\n              )}\n            </div>\n          )}\n\n          {/* TAB 5: AI TOOLS / INPAINTING & BACKGROUND REMOVAL */}\n          {activeTab === 'ai' && (\n            <div className=\"flex flex-col gap-4 text-xs\">\n              {/* Background Removal Section */}\n              <div className=\"p-3 rounded-lg bg-slate-950/60 border border-slate-800 flex flex-col gap-2.5\">\n                <div className=\"flex items-center justify-between\">\n                  <span className=\"font-semibold text-slate-200 uppercase tracking-wider text-[11px] flex items-center gap-1.5\">\n                    <svg className=\"w-3.5 h-3.5 text-indigo-400\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                      <path d=\"M6 3v12M18 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM6 21a3 3 0 1 0 0-6 3 3 0 0 0 0 6z\" />\n                    </svg>\n                    Background Removal\n                  </span>\n                  {isRemovingBg && (\n                    <span className=\"inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium bg-indigo-900/60 text-indigo-300 animate-pulse\">\n                      Removing...\n                    </span>\n                  )}\n                </div>\n\n                <p className=\"text-slate-400 text-[11px] leading-relaxed\">\n                  Isolate foreground subject with AI alpha transparency segmentation.\n                </p>\n\n                <button\n                  type=\"button\"\n                  onClick={handleRemoveBackground}\n                  disabled={isRemovingBg || isInpainting}\n                  className=\"mt-1 px-3 py-2 rounded-lg bg-indigo-600 hover:bg-indigo-500 disabled:opacity-50 text-white font-medium shadow transition-colors flex items-center justify-center gap-2\"\n                >\n                  {isRemovingBg ? (\n                    <>\n                      <div className=\"w-3.5 h-3.5 border-2 border-white/30 border-t-white rounded-full animate-spin\" />\n                      Removing Background...\n                    </>\n                  ) : (\n                    <>\n                      <svg className=\"w-3.5 h-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                        <path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\" />\n                      </svg>\n                      Remove Background\n                    </>\n                  )}\n                </button>\n              </div>\n\n              {/* AI Inpainting / Generative Fill Section */}\n              <div className=\"p-3 rounded-lg bg-slate-950/60 border border-slate-800 flex flex-col gap-2.5\">\n                <div className=\"flex items-center justify-between\">\n                  <span className=\"font-semibold text-slate-200 uppercase tracking-wider text-[11px] flex items-center gap-1.5\">\n                    <svg className=\"w-3.5 h-3.5 text-purple-400\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                      <path d=\"m21.64 3.64-1.28-1.28a1.2 1.2 0 0 0-1.7 0l-9.72 9.72-1.94 4.86 4.86-1.94 9.72-9.72a1.2 1.2 0 0 0 .06-1.64z\" />\n                      <path d=\"m14 7 3 3\" />\n                    </svg>\n                    Generative Inpainting\n                  </span>\n                  {isInpainting && (\n                    <span className=\"inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium bg-purple-900/60 text-purple-300 animate-pulse\">\n                      Inpainting...\n                    </span>\n                  )}\n                </div>\n\n                <p className=\"text-slate-400 text-[11px] leading-relaxed\">\n                  Replace, modify, or fill selected regions using prompt-guided generative inpainting.\n                </p>\n\n                <div className=\"flex flex-col gap-1\">\n                  <label htmlFor=\"ai-inpaint-prompt-react\" className=\"text-slate-300 text-[11px] font-medium\">Prompt</label>\n                  <textarea\n                    id=\"ai-inpaint-prompt-react\"\n                    value={inpaintPrompt}\n                    onChange={(e) => setInpaintPrompt(e.target.value)}\n                    placeholder=\"e.g. replace sunglasses with steampunk goggles, remove person in background...\"\n                    rows={3}\n                    className=\"w-full bg-slate-900 border border-slate-700 rounded-lg p-2 text-xs text-slate-100 placeholder-slate-500 focus:outline-none focus:border-indigo-500 resize-none\"\n                  />\n                </div>\n\n                <div className=\"flex flex-col gap-1\">\n                  <span className=\"text-slate-300 text-[11px] font-medium\">Target Mask Region</span>\n                  <div className=\"grid grid-cols-2 gap-1.5\">\n                    <button\n                      type=\"button\"\n                      onClick={() => setInpaintMaskMode('annotations')}\n                      className={`px-2 py-1.5 rounded border text-[11px] font-medium text-left transition-colors ${\n                        inpaintMaskMode === 'annotations'\n                          ? 'bg-purple-600/30 border-purple-500 text-purple-200'\n                          : 'bg-slate-900 border-slate-700 text-slate-400 hover:text-slate-200'\n                      }`}\n                    >\n                      Drawn Shapes ({state.annotations.length})\n                    </button>\n                    <button\n                      type=\"button\"\n                      onClick={() => setInpaintMaskMode('crop')}\n                      className={`px-2 py-1.5 rounded border text-[11px] font-medium text-left transition-colors ${\n                        inpaintMaskMode === 'crop'\n                          ? 'bg-purple-600/30 border-purple-500 text-purple-200'\n                          : 'bg-slate-900 border-slate-700 text-slate-400 hover:text-slate-200'\n                      }`}\n                    >\n                      Crop Box ({state.crop ? 'Selected' : 'Full'})\n                    </button>\n                  </div>\n                </div>\n\n                <button\n                  type=\"button\"\n                  onClick={handleInpaint}\n                  disabled={isInpainting || isRemovingBg || !inpaintPrompt.trim()}\n                  className=\"mt-1 px-3 py-2 rounded-lg bg-purple-600 hover:bg-purple-500 disabled:opacity-50 text-white font-medium shadow transition-colors flex items-center justify-center gap-2\"\n                >\n                  {isInpainting ? (\n                    <>\n                      <div className=\"w-3.5 h-3.5 border-2 border-white/30 border-t-white rounded-full animate-spin\" />\n                      Generating Inpaint...\n                    </>\n                  ) : (\n                    <>\n                      <svg className=\"w-3.5 h-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                        <path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\" />\n                      </svg>\n                      Apply Inpainting\n                    </>\n                  )}\n                </button>\n              </div>\n\n              {aiError && (\n                <div className=\"p-2.5 rounded-lg bg-rose-950/60 border border-rose-800 text-rose-300 text-[11px]\">\n                  {aiError}\n                </div>\n              )}\n\n              {aiSuccess && (\n                <div className=\"p-2.5 rounded-lg bg-emerald-950/60 border border-emerald-800 text-emerald-300 text-[11px]\">\n                  {aiSuccess}\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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","names":["useEditor","import_react","StarterKit","Placeholder","import_react","import_editor","useEditor","useTipTapEditor","import_react","import_react","import_react","import_editor","import_react","import_react","TipTapEditorContent","import_react","import_react","import_editor","import_jsx_runtime","import_editor","import_react","import_editor","document","import_react","import_editor","import_jsx_runtime","import_react","import_jsx_runtime","import_react","import_react","import_image_editor","import_jsx_runtime","currentImgPt"]}