@pixerate/editor-react 0.57.0 → 0.59.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/dist/{chunk-ZU54BMDC.js → chunk-SYTV33TW.js} +810 -254
  2. package/dist/chunk-SYTV33TW.js.map +1 -0
  3. package/dist/image-editor/index.cjs +822 -275
  4. package/dist/image-editor/index.cjs.map +1 -1
  5. package/dist/image-editor/index.d.cts +26 -1
  6. package/dist/image-editor/index.d.ts +26 -1
  7. package/dist/image-editor/index.js +5 -1
  8. package/dist/index.cjs +1251 -704
  9. package/dist/index.cjs.map +1 -1
  10. package/dist/index.d.cts +1 -1
  11. package/dist/index.d.ts +1 -1
  12. package/dist/index.js +5 -1
  13. package/dist/index.js.map +1 -1
  14. package/dist/video-editor/index.cjs +71 -16
  15. package/dist/video-editor/index.cjs.map +1 -1
  16. package/dist/video-editor/index.js +70 -14
  17. package/dist/video-editor/index.js.map +1 -1
  18. package/package.json +3 -3
  19. package/dist/chunk-ZU54BMDC.js.map +0 -1
package/dist/chunk-ZU54BMDC.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/image-editor/useImageEditor.ts","../src/image-editor/ImageEditor.tsx","../src/image-editor/ControlSlider.tsx","../src/image-editor/Histogram.tsx","../src/image-editor/AdjustmentLayersPanel.tsx","../src/image-editor/CurvesEditor.tsx","../src/image-editor/SelectionOptionsBar.tsx","../src/image-editor/RefineEdgePanel.tsx"],"sourcesContent":["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 type AdjustmentKind,\n type AdjustmentLayerInit,\n type AdjustmentLayerUpdate,\n type ImageHistogram,\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 /** Update to Current Process: re-render the adjustments with the latest process (one undo step). */\n upgradeProcess: () => boolean;\n /** Adds an adjustment layer (one undo step) and returns its id. */\n addAdjustmentLayer: (init: AdjustmentKind | AdjustmentLayerInit, index?: number) => string;\n updateAdjustmentLayer: (id: string, update: AdjustmentLayerUpdate, commitToHistory?: boolean) => boolean;\n removeAdjustmentLayer: (id: string) => boolean;\n moveAdjustmentLayer: (id: string, toIndex: number) => boolean;\n toggleAdjustmentLayer: (id: string, enabled?: boolean) => boolean;\n /** Histogram of the last rendered preview (after adjustments and layers); null before a render. */\n histogram: ImageHistogram | null;\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 toSourceDataURL: (options?: Pick<ExportOptions, 'format' | 'quality'>) => 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 const [histogram, setHistogram] = useState<ImageHistogram | null>(() => controller.getHistogram());\n\n useEffect(() => controller.subscribeHistogram(setHistogram), [controller]);\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 upgradeProcess = useCallback(() => controller.upgradeProcess(), [controller]);\n const addAdjustmentLayer = useCallback(\n (init: AdjustmentKind | AdjustmentLayerInit, index?: number) => controller.addAdjustmentLayer(init, index),\n [controller]\n );\n const updateAdjustmentLayer = useCallback(\n (id: string, update: AdjustmentLayerUpdate, commitToHistory = true) =>\n controller.updateAdjustmentLayer(id, update, commitToHistory),\n [controller]\n );\n const removeAdjustmentLayer = useCallback((id: string) => controller.removeAdjustmentLayer(id), [controller]);\n const moveAdjustmentLayer = useCallback((id: string, to: number) => controller.moveAdjustmentLayer(id, to), [controller]);\n const toggleAdjustmentLayer = useCallback(\n (id: string, enabled?: boolean) => controller.toggleAdjustmentLayer(id, enabled),\n [controller]\n );\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 toSourceDataURL = useCallback(\n (opts?: Pick<ExportOptions, 'format' | 'quality'>) => controller.toSourceDataURL(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 upgradeProcess,\n addAdjustmentLayer,\n updateAdjustmentLayer,\n removeAdjustmentLayer,\n moveAdjustmentLayer,\n toggleAdjustmentLayer,\n histogram,\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 toSourceDataURL,\n applyInpaintedImage,\n applyBackgroundRemovedImage,\n }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [controller, state, historyTicks, histogram]\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 normalizeProcessVersion,\n LATEST_PROCESS_VERSION,\n IMAGE_ADJUSTMENT_CONTROLS,\n readAdjustmentControls,\n DEFAULT_SELECTION_TOOL_OPTIONS,\n SelectionGesture,\n type SelectionToolOptions,\n} from '@pixerate/editor/image-editor';\nimport { useImageEditor, type UseImageEditorReturn } from './useImageEditor';\nimport { ControlSlider } from './ControlSlider';\nimport { Histogram } from './Histogram';\nimport { AdjustmentLayersPanel } from './AdjustmentLayersPanel';\nimport { SelectionOptionsBar } from './SelectionOptionsBar';\nimport { RefineEdgePanel } from './RefineEdgePanel';\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' | 'select' | '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 const legacyProcess = normalizeProcessVersion(state.adjustments.process) < LATEST_PROCESS_VERSION;\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 // Selection tools (magic wand, marquees, lasso): options bar state and the pointer gesture.\n const [selectionOptions, setSelectionOptions] = useState<SelectionToolOptions>(DEFAULT_SELECTION_TOOL_OPTIONS);\n const selectionOptionsRef = useRef(selectionOptions);\n selectionOptionsRef.current = selectionOptions;\n const selectionGestureRef = useRef<SelectionGesture | null>(null);\n if (!selectionGestureRef.current || selectionGestureRef.current.controller !== controller) {\n selectionGestureRef.current = new SelectionGesture(controller, () => selectionOptionsRef.current);\n }\n const selectionDraftRef = useRef<ImagePoint[] | null>(null);\n const [selectionError, setSelectionError] = useState<string | 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 // AI hooks work on the untransformed source image (natural pixels); crop, rotation,\n // adjustments and annotations stay non-destructive and are re-applied on top.\n const imageDataUrl = await editor.toSourceDataURL();\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 // Source image and mask share natural image space so they line up exactly.\n const imageDataUrl = await editor.toSourceDataURL();\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 draftSelectionPath: selectionDraftRef.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 === 'select') {\n const gesture = selectionGestureRef.current!;\n const imgPt = canvasToImagePoint(canvasPt, state, canvas.width, canvas.height, false);\n void gesture.begin(imgPt, e).then(() => setSelectionError(gesture.error));\n return;\n }\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 === 'select') {\n const gesture = selectionGestureRef.current!;\n if (gesture.active && gesture.move(canvasToImagePoint(canvasPt, state, canvas.width, canvas.height, false))) {\n selectionDraftRef.current = gesture.draftPath;\n renderCanvas();\n }\n return;\n }\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 state.transform\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, state.transform);\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 === 'select') {\n const gesture = selectionGestureRef.current!;\n if (gesture.active) {\n gesture.end(canvasToImagePoint(canvasPt, state, canvas.width, canvas.height, false), e);\n selectionDraftRef.current = null;\n renderCanvas();\n }\n return;\n }\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('select');\n editor.setTool('select');\n }}\n className={`px-3 py-1.5 rounded-md font-medium transition-colors ${\n activeTab === 'select' ? 'bg-indigo-600 text-white shadow' : 'text-slate-400 hover:text-slate-200'\n }`}\n >\n Select & Mask\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 <Histogram histogram={editor.histogram} />\n\n {IMAGE_ADJUSTMENT_CONTROLS.map((spec) => (\n <React.Fragment key={spec.id}>\n <ControlSlider\n spec={spec}\n value={readAdjustmentControls(state.adjustments)[spec.id]}\n disabled={spec.requiresProcess !== undefined && legacyProcess}\n onChange={(v) => editor.setAdjustments({ [spec.id]: v })}\n />\n {spec.id === 'tint' && legacyProcess && (\n <div\n className=\"flex items-center justify-between gap-2 rounded border border-amber-500/30 bg-amber-500/10 px-2 py-1.5 text-[10px] text-amber-200\"\n data-testid=\"image-editor-process-notice\"\n >\n <span>Legacy rendering (process 1). Tint needs the current process.</span>\n <button\n type=\"button\"\n onClick={() => editor.upgradeProcess()}\n className=\"shrink-0 rounded bg-amber-500/20 px-2 py-0.5 hover:bg-amber-500/30\"\n >\n Update\n </button>\n </div>\n )}\n </React.Fragment>\n ))}\n\n <div className=\"border-t border-slate-700/60 pt-3\">\n <AdjustmentLayersPanel\n controller={controller}\n layers={state.adjustments.layers}\n histogram={editor.histogram}\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 {/* SELECT & MASK: selection tools, refine edge, layer masks */}\n {activeTab === 'select' && (\n <div className=\"flex flex-col gap-4 text-xs\">\n <SelectionOptionsBar\n controller={controller}\n options={selectionOptions}\n onOptionsChange={setSelectionOptions}\n selection={state.selection ?? null}\n quickMask={Boolean(state.quickMask)}\n />\n {selectionError && (\n <p role=\"alert\" className=\"text-rose-400\">\n {selectionError}\n </p>\n )}\n <RefineEdgePanel controller={controller} selection={state.selection ?? null} layers={state.adjustments.layers} />\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","import React from 'react';\nimport type { ControlSpec } from '@pixerate/editor/image-editor';\nimport { controlTrackBackground, formatControlValue } from '@pixerate/editor/image-editor';\n\nexport interface ControlSliderProps {\n spec: ControlSpec;\n value: number;\n onChange: (value: number) => void;\n disabled?: boolean;\n /** Overrides `spec.label` (also the accessible name). */\n label?: string;\n}\n\n/** A labelled range input described by a control-table entry. */\nexport const ControlSlider: React.FC<ControlSliderProps> = ({ spec, value, onChange, disabled, label }) => {\n const name = label ?? spec.label;\n const track = controlTrackBackground(spec);\n return (\n <div data-control-id={spec.id}>\n <div className=\"flex justify-between text-slate-400 mb-1\">\n <span>{name}</span>\n <span className=\"font-mono\">{formatControlValue(spec, value)}</span>\n </div>\n <input\n type=\"range\"\n min={spec.min}\n max={spec.max}\n step={spec.step}\n aria-label={name}\n disabled={disabled}\n value={value}\n onChange={(e) => onChange(Number(e.target.value))}\n className=\"w-full accent-indigo-500 disabled:opacity-40\"\n />\n {track && <div className=\"h-0.5 rounded-full opacity-70\" style={{ background: track }} />}\n </div>\n );\n};\n","import React, { useEffect, useMemo, useState } from 'react';\nimport type { ImageEditorController, ImageHistogram } from '@pixerate/editor/image-editor';\nimport { histogramPath } from '@pixerate/editor/image-editor';\n\nexport interface HistogramProps {\n histogram: ImageHistogram | null;\n /** `rgb` overlays the three channels on the luminance; a single channel draws just that one. */\n channel?: 'rgb' | 'luminance' | 'red' | 'green' | 'blue';\n height?: number;\n className?: string;\n style?: React.CSSProperties;\n}\n\nconst FILL: Record<'luminance' | 'red' | 'green' | 'blue', string> = {\n luminance: 'rgba(148, 163, 184, 0.45)',\n red: 'rgba(239, 68, 68, 0.45)',\n green: 'rgba(34, 197, 94, 0.45)',\n blue: 'rgba(59, 130, 246, 0.45)',\n};\n\nconst W = 256;\n\n/** SVG histogram of an image (see `computeHistogram` / `controller.subscribeHistogram`). */\nexport const Histogram: React.FC<HistogramProps> = ({ histogram, channel = 'rgb', height = 64, className = '', style }) => {\n const channels = channel === 'rgb' ? (['luminance', 'red', 'green', 'blue'] as const) : ([channel] as const);\n const paths = useMemo(\n () => (histogram && histogram.samples > 0 ? channels.map((c) => ({ c, d: histogramPath(histogram, c, W, height) })) : []),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [histogram, channel, height]\n );\n const clipLow = histogram && histogram.samples ? Math.max(...histogram.shadows) / histogram.samples : 0;\n const clipHigh = histogram && histogram.samples ? Math.max(...histogram.highlights) / histogram.samples : 0;\n return (\n <svg\n viewBox={`0 0 ${W} ${height}`}\n preserveAspectRatio=\"none\"\n role=\"img\"\n aria-label={histogram ? `Histogram of ${histogram.samples} pixels` : 'Histogram (no data)'}\n data-testid=\"image-editor-histogram\"\n className={`w-full rounded bg-slate-950/60 ${className}`}\n style={{ height, ...style }}\n >\n {paths.map(({ c, d }) => (\n <path key={c} d={d} fill={FILL[c]} stroke=\"none\" />\n ))}\n {clipLow > 0.005 && <rect x={0} y={0} width={3} height={height} fill=\"#3b82f6\" data-testid=\"histogram-clip-shadows\" />}\n {clipHigh > 0.005 && <rect x={W - 3} y={0} width={3} height={height} fill=\"#ef4444\" data-testid=\"histogram-clip-highlights\" />}\n </svg>\n );\n};\n\n/** The preview histogram of an image editor, updated after every render. */\nexport function useImageHistogram(controller: ImageEditorController): ImageHistogram | null {\n const [histogram, setHistogram] = useState<ImageHistogram | null>(() => controller.getHistogram());\n useEffect(() => controller.subscribeHistogram(setHistogram), [controller]);\n return histogram;\n}\n","import React, { useEffect, useState } from 'react';\nimport type {\n AdjustmentKind,\n AdjustmentLayer,\n BlendMode,\n ControlSpec,\n CurvePoint,\n ImageEditorController,\n ImageHistogram,\n} from '@pixerate/editor/image-editor';\nimport {\n ADJUSTMENT_KINDS,\n ADJUSTMENT_LAYER_CONTROLS,\n ADJUSTMENT_LAYER_OPACITY_CONTROL,\n BLEND_MODES,\n HUE_RANGE_LABELS,\n adjustmentKindLabel,\n getControlPath,\n hueRangeWeight,\n setControlPath,\n} from '@pixerate/editor/image-editor';\nimport { ControlSlider } from './ControlSlider';\nimport { CurvesEditor } from './CurvesEditor';\n\nexport interface AdjustmentLayersPanelProps {\n controller: ImageEditorController;\n /** The current layers (`state.adjustments.layers`), bottom to top. Omit to follow the controller. */\n layers?: AdjustmentLayer[];\n histogram?: ImageHistogram | null;\n}\n\ntype Channel = 'master' | 'red' | 'green' | 'blue';\nconst CHANNELS: { id: Channel; label: string }[] = [\n { id: 'master', label: 'RGB' },\n { id: 'red', label: 'Red' },\n { id: 'green', label: 'Green' },\n { id: 'blue', label: 'Blue' },\n];\nconst TONES = [\n { id: 'shadows', label: 'Shadows' },\n { id: 'midtones', label: 'Midtones' },\n { id: 'highlights', label: 'Highlights' },\n] as const;\n\nconst selectClass = 'bg-slate-800 border border-slate-700 rounded px-1.5 py-1 text-slate-200';\nconst chipClass = (on: boolean) =>\n `px-2 py-0.5 rounded text-[10px] ${on ? 'bg-indigo-600 text-white' : 'bg-slate-800 text-slate-400 hover:text-slate-200'}`;\n\n/** Hue strip with the weight of one Hue/Saturation range drawn over it. */\nconst HueRangeStrip: React.FC<{ bounds: [number, number, number, number] }> = ({ bounds }) => {\n const pts = Array.from({ length: 73 }, (_, i) => `${(i / 72) * 360},${20 - hueRangeWeight({ bounds }, i * 5) * 18}`).join(' ');\n return (\n <svg viewBox=\"0 0 360 20\" preserveAspectRatio=\"none\" className=\"w-full h-4 rounded\" data-testid=\"hue-range-strip\">\n <defs>\n <linearGradient id=\"pixerate-hue-strip\">\n {[0, 60, 120, 180, 240, 300, 360].map((h) => (\n <stop key={h} offset={`${(h / 360) * 100}%`} stopColor={`hsl(${h}, 90%, 50%)`} />\n ))}\n </linearGradient>\n </defs>\n <rect width={360} height={20} fill=\"url(#pixerate-hue-strip)\" opacity={0.6} />\n <polyline points={pts} fill=\"none\" stroke=\"#fff\" strokeWidth={1.5} />\n </svg>\n );\n};\n\n/**\n * Adjustment-layer stack: add, reorder, show / hide and remove layers, and edit the selected\n * one (curves over the histogram, levels, hue/saturation ranges, colour balance, …).\n */\nexport const AdjustmentLayersPanel: React.FC<AdjustmentLayersPanelProps> = ({ controller, layers: layersProp, histogram }) => {\n // Follows the controller when no `layers` prop is given.\n const follow = layersProp === undefined;\n const [, setTick] = useState(0);\n useEffect(() => (follow ? controller.subscribe(() => setTick((n) => n + 1)) : undefined), [controller, follow]);\n const layers = layersProp ?? controller.getAdjustmentLayers();\n const [newKind, setNewKind] = useState<AdjustmentKind>('curves');\n const [selectedId, setSelectedId] = useState<string | null>(null);\n const [channel, setChannel] = useState<Channel>('master');\n const [range, setRange] = useState<number>(-1);\n const [tone, setTone] = useState<(typeof TONES)[number]['id']>('midtones');\n\n const selected = layers.find((l) => l.id === selectedId) ?? null;\n const topFirst = [...layers].reverse();\n\n const setParam = (layer: AdjustmentLayer, path: string, value: unknown, commit = true) =>\n controller.updateAdjustmentLayer(layer.id, { params: setControlPath(layer.params, path, value) as never }, commit);\n\n const slider = (layer: AdjustmentLayer, spec: ControlSpec, label?: string) => (\n <ControlSlider\n key={spec.id}\n spec={spec}\n label={label}\n value={Number(getControlPath(layer.params, spec.id) ?? spec.default)}\n onChange={(v) => setParam(layer, spec.id, v)}\n />\n );\n const controlsOf = (layer: AdjustmentLayer, filter: (spec: ControlSpec) => boolean = () => true) =>\n ADJUSTMENT_LAYER_CONTROLS[layer.kind].filter(filter);\n const checkbox = (layer: AdjustmentLayer, path: string, label: string) => (\n <label className=\"flex items-center gap-2 text-slate-300\">\n <input\n type=\"checkbox\"\n checked={Boolean(getControlPath(layer.params, path))}\n onChange={(e) => setParam(layer, path, e.target.checked)}\n className=\"accent-indigo-500\"\n />\n {label}\n </label>\n );\n\n const editor = (layer: AdjustmentLayer) => {\n switch (layer.kind) {\n case 'curves':\n return (\n <div className=\"flex flex-col gap-2\">\n <div className=\"flex gap-1\" role=\"group\" aria-label=\"Curve channel\">\n {CHANNELS.map((c) => (\n <button key={c.id} type=\"button\" className={chipClass(channel === c.id)} onClick={() => setChannel(c.id)}>\n {c.label}\n </button>\n ))}\n </div>\n <CurvesEditor\n points={layer.params[channel]}\n channel={channel}\n histogram={histogram}\n onChange={(points: CurvePoint[], commit) => setParam(layer, channel, points, commit)}\n />\n </div>\n );\n case 'levels':\n return (\n <div className=\"flex flex-col gap-2\">\n <div className=\"flex gap-1\" role=\"group\" aria-label=\"Levels channel\">\n {CHANNELS.map((c) => (\n <button key={c.id} type=\"button\" className={chipClass(channel === c.id)} onClick={() => setChannel(c.id)}>\n {c.label}\n </button>\n ))}\n </div>\n {controlsOf(layer, (s) => s.id.startsWith(`${channel}.`)).map((s) => slider(layer, s))}\n </div>\n );\n case 'hueSaturation':\n return (\n <div className=\"flex flex-col gap-2\">\n <div className=\"flex flex-wrap gap-1\" role=\"group\" aria-label=\"Hue range\">\n <button type=\"button\" className={chipClass(range === -1)} onClick={() => setRange(-1)}>\n Master\n </button>\n {HUE_RANGE_LABELS.map((name, i) => (\n <button key={name} type=\"button\" className={chipClass(range === i)} onClick={() => setRange(i)} disabled={layer.params.colorize}>\n {name}\n </button>\n ))}\n </div>\n {range >= 0 && !layer.params.colorize && <HueRangeStrip bounds={layer.params.ranges[range].bounds} />}\n {controlsOf(layer, (s) => (range === -1 || layer.params.colorize ? !s.id.startsWith('ranges.') : s.id.startsWith(`ranges.${range}.`))).map((s) =>\n slider(layer, s)\n )}\n {range === -1 && checkbox(layer, 'colorize', 'Colorize')}\n </div>\n );\n case 'colorBalance':\n return (\n <div className=\"flex flex-col gap-2\">\n <div className=\"flex gap-1\" role=\"group\" aria-label=\"Tone\">\n {TONES.map((t) => (\n <button key={t.id} type=\"button\" className={chipClass(tone === t.id)} onClick={() => setTone(t.id)}>\n {t.label}\n </button>\n ))}\n </div>\n {controlsOf(layer, (s) => s.id.startsWith(`${tone}.`)).map((s) => slider(layer, s))}\n {checkbox(layer, 'preserveLuminosity', 'Preserve luminosity')}\n </div>\n );\n case 'blackWhite':\n return (\n <div className=\"flex flex-col gap-2\">\n {controlsOf(layer).map((s) => slider(layer, s))}\n <label className=\"flex items-center gap-2 text-slate-300\">\n <input\n type=\"checkbox\"\n checked={layer.params.tint !== null}\n onChange={(e) => setParam(layer, 'tint', e.target.checked ? '#e1d3b3' : null)}\n className=\"accent-indigo-500\"\n />\n Tint\n {layer.params.tint && (\n <input\n type=\"color\"\n aria-label=\"Tint colour\"\n value={layer.params.tint}\n onChange={(e) => setParam(layer, 'tint', e.target.value)}\n className=\"h-5 w-8 bg-transparent\"\n />\n )}\n </label>\n </div>\n );\n case 'photoFilter':\n return (\n <div className=\"flex flex-col gap-2\">\n <label className=\"flex items-center gap-2 text-slate-300\">\n Filter colour\n <input\n type=\"color\"\n aria-label=\"Filter colour\"\n value={layer.params.color}\n onChange={(e) => setParam(layer, 'color', e.target.value)}\n className=\"h-5 w-8 bg-transparent\"\n />\n </label>\n {controlsOf(layer).map((s) => slider(layer, s))}\n {checkbox(layer, 'preserveLuminosity', 'Preserve luminosity')}\n </div>\n );\n case 'invert':\n return <p className=\"text-slate-500 text-[11px]\">Invert has no settings.</p>;\n default:\n return <div className=\"flex flex-col gap-2\">{controlsOf(layer).map((s) => slider(layer, s))}</div>;\n }\n };\n\n return (\n <div className=\"flex flex-col gap-2 text-xs\" data-testid=\"adjustment-layers-panel\">\n <div className=\"flex items-center justify-between\">\n <span className=\"font-semibold text-slate-200 uppercase tracking-wider text-[11px]\">Adjustment Layers</span>\n </div>\n <div className=\"flex gap-1.5\">\n <select\n aria-label=\"New adjustment layer kind\"\n className={`${selectClass} flex-1`}\n value={newKind}\n onChange={(e) => setNewKind(e.target.value as AdjustmentKind)}\n >\n {ADJUSTMENT_KINDS.map((k) => (\n <option key={k.kind} value={k.kind}>\n {k.label}\n </option>\n ))}\n </select>\n <button\n type=\"button\"\n className=\"px-2 py-1 rounded bg-indigo-600 text-white hover:bg-indigo-500\"\n onClick={() => {\n setSelectedId(controller.addAdjustmentLayer(newKind));\n setChannel('master');\n setRange(-1);\n }}\n >\n Add Layer\n </button>\n </div>\n\n {topFirst.length > 0 && (\n <ul className=\"flex flex-col gap-1\" aria-label=\"Adjustment layers\">\n {topFirst.map((layer) => {\n const index = layers.indexOf(layer);\n const label = layer.name || adjustmentKindLabel(layer.kind);\n return (\n <li\n key={layer.id}\n className={`flex items-center gap-1.5 rounded px-1.5 py-1 ${layer.id === selectedId ? 'bg-indigo-600/20 ring-1 ring-indigo-500/50' : 'bg-slate-800/60'}`}\n >\n <input\n type=\"checkbox\"\n aria-label={`Show ${label}`}\n checked={layer.enabled}\n onChange={() => controller.toggleAdjustmentLayer(layer.id)}\n className=\"accent-indigo-500\"\n />\n <button\n type=\"button\"\n className={`flex-1 text-left truncate ${layer.enabled ? 'text-slate-200' : 'text-slate-500 line-through'}`}\n onClick={() => setSelectedId(layer.id === selectedId ? null : layer.id)}\n aria-pressed={layer.id === selectedId}\n >\n {label}\n </button>\n <button\n type=\"button\"\n aria-label={`Move ${label} up`}\n disabled={index === layers.length - 1}\n onClick={() => controller.moveAdjustmentLayer(layer.id, index + 1)}\n className=\"px-1 text-slate-400 hover:text-slate-200 disabled:opacity-30\"\n >\n ↑\n </button>\n <button\n type=\"button\"\n aria-label={`Move ${label} down`}\n disabled={index === 0}\n onClick={() => controller.moveAdjustmentLayer(layer.id, index - 1)}\n className=\"px-1 text-slate-400 hover:text-slate-200 disabled:opacity-30\"\n >\n ↓\n </button>\n <button\n type=\"button\"\n aria-label={`Remove ${label}`}\n onClick={() => {\n controller.removeAdjustmentLayer(layer.id);\n if (selectedId === layer.id) setSelectedId(null);\n }}\n className=\"px-1 text-rose-400 hover:text-rose-300\"\n >\n ✕\n </button>\n </li>\n );\n })}\n </ul>\n )}\n\n {selected && (\n <div className=\"flex flex-col gap-2 rounded border border-slate-700/60 p-2\" data-testid=\"adjustment-layer-editor\">\n <div className=\"flex items-center gap-2\">\n <span className=\"text-slate-400\">Blend</span>\n <select\n aria-label=\"Blend mode\"\n className={`${selectClass} flex-1`}\n value={selected.blend}\n onChange={(e) => controller.updateAdjustmentLayer(selected.id, { blend: e.target.value as BlendMode })}\n >\n {BLEND_MODES.map((m) => (\n <option key={m.id} value={m.id}>\n {m.label}\n </option>\n ))}\n </select>\n </div>\n <ControlSlider\n spec={ADJUSTMENT_LAYER_OPACITY_CONTROL}\n label=\"Layer opacity\"\n value={selected.opacity}\n onChange={(v) => controller.updateAdjustmentLayer(selected.id, { opacity: v })}\n />\n {editor(selected)}\n </div>\n )}\n </div>\n );\n};\n","import React, { useRef, useState } from 'react';\nimport type { CurvePoint, ImageHistogram } from '@pixerate/editor/image-editor';\nimport {\n boxToCurvePoint,\n curvePointToBox,\n curveSvgPath,\n hitTestCurvePoint,\n histogramPath,\n insertCurvePoint,\n moveCurvePoint,\n removeCurvePoint,\n} from '@pixerate/editor/image-editor';\n\nexport interface CurvesEditorProps {\n points: CurvePoint[];\n /** `commit` is true for the first change of a gesture (one undo step), false for the drag moves. */\n onChange: (points: CurvePoint[], commit: boolean) => void;\n histogram?: ImageHistogram | null;\n channel?: 'master' | 'red' | 'green' | 'blue';\n size?: number;\n}\n\nconst BOX = 256;\nconst STROKE = { master: '#e2e8f0', red: '#ef4444', green: '#22c55e', blue: '#3b82f6' };\n\n/**\n * Curves editor over the histogram: click to add a point, drag to move it, double-click to\n * remove it.\n */\nexport const CurvesEditor: React.FC<CurvesEditorProps> = ({ points, onChange, histogram, channel = 'master', size = 200 }) => {\n const svgRef = useRef<SVGSVGElement>(null);\n const [drag, setDrag] = useState<number | null>(null);\n\n const toBox = (e: React.PointerEvent | React.MouseEvent) => {\n const rect = svgRef.current?.getBoundingClientRect();\n if (!rect || !rect.width || !rect.height) return { x: 0, y: 0 };\n return { x: ((e.clientX - rect.left) / rect.width) * BOX, y: ((e.clientY - rect.top) / rect.height) * BOX };\n };\n\n const onPointerDown = (e: React.PointerEvent) => {\n const { x, y } = toBox(e);\n let index = hitTestCurvePoint(points, x, y, BOX, BOX, 10);\n if (index === -1) {\n const inserted = insertCurvePoint(points, boxToCurvePoint(x, y, BOX, BOX));\n onChange(inserted.points, true);\n index = inserted.index;\n } else {\n onChange(points, true);\n }\n setDrag(index);\n (e.target as Element).setPointerCapture?.(e.pointerId);\n };\n\n const onPointerMove = (e: React.PointerEvent) => {\n if (drag === null) return;\n onChange(moveCurvePoint(points, drag, boxToCurvePoint(toBox(e).x, toBox(e).y, BOX, BOX)), false);\n };\n\n const onDoubleClick = (e: React.MouseEvent) => {\n const { x, y } = toBox(e);\n const index = hitTestCurvePoint(points, x, y, BOX, BOX, 10);\n if (index !== -1 && points.length > 2) onChange(removeCurvePoint(points, index), true);\n };\n\n const histChannel = channel === 'master' ? 'luminance' : channel;\n return (\n <svg\n ref={svgRef}\n viewBox={`0 0 ${BOX} ${BOX}`}\n width={size}\n height={size}\n role=\"application\"\n aria-label={`${channel} curve`}\n data-testid=\"curves-editor\"\n className=\"rounded bg-slate-950/70 touch-none select-none cursor-crosshair\"\n onPointerDown={onPointerDown}\n onPointerMove={onPointerMove}\n onPointerUp={() => setDrag(null)}\n onPointerCancel={() => setDrag(null)}\n onDoubleClick={onDoubleClick}\n >\n {histogram && histogram.samples > 0 && (\n <path d={histogramPath(histogram, histChannel, BOX, BOX)} fill=\"rgba(148, 163, 184, 0.25)\" />\n )}\n {[64, 128, 192].map((v) => (\n <g key={v} stroke=\"rgba(148, 163, 184, 0.2)\" strokeWidth={1}>\n <line x1={v} y1={0} x2={v} y2={BOX} />\n <line x1={0} y1={v} x2={BOX} y2={v} />\n </g>\n ))}\n <line x1={0} y1={BOX} x2={BOX} y2={0} stroke=\"rgba(148, 163, 184, 0.35)\" strokeDasharray=\"4 4\" />\n <path d={curveSvgPath(points, BOX, BOX)} fill=\"none\" stroke={STROKE[channel]} strokeWidth={2} />\n {points.map((p, i) => {\n const b = curvePointToBox(p, BOX, BOX);\n return (\n <circle\n key={i}\n cx={b.x}\n cy={b.y}\n r={5}\n fill={drag === i ? STROKE[channel] : '#0f172a'}\n stroke={STROKE[channel]}\n strokeWidth={2}\n aria-label={`Point ${p.input} to ${p.output}`}\n />\n );\n })}\n </svg>\n );\n};\n","import React, { useState } from 'react';\nimport type { ImageEditorController, SelectionMask, SelectionModifyOp, SelectionToolOptions } from '@pixerate/editor/image-editor';\nimport {\n SELECTION_MODES,\n SELECTION_MODE_LABELS,\n SELECTION_TOOLS,\n describeSelection,\n} from '@pixerate/editor/image-editor';\n\nexport interface SelectionOptionsBarProps {\n controller: ImageEditorController;\n options: SelectionToolOptions;\n onOptionsChange: (next: SelectionToolOptions) => void;\n /** The current selection (pass `state.selection` so the bar re-renders with it). */\n selection?: SelectionMask | null;\n /** The current Quick Mask view flag (`state.quickMask`). */\n quickMask?: boolean;\n className?: string;\n}\n\nconst MODIFY_OPS: { op: SelectionModifyOp; label: string }[] = [\n { op: 'grow', label: 'Grow' },\n { op: 'shrink', label: 'Shrink' },\n { op: 'feather', label: 'Feather' },\n { op: 'border', label: 'Border' },\n { op: 'smooth', label: 'Smooth' },\n];\n\nconst btn = (on: boolean) =>\n `px-2 py-1 rounded-md border text-[11px] transition-colors ${\n on ? 'bg-indigo-600 border-indigo-500 text-white' : 'bg-slate-950 border-slate-800 text-slate-300 hover:text-white'\n }`;\n\n/**\n * Options bar of the selection tools: tool, mode (new / add / subtract / intersect), magic wand\n * tolerance and contiguous, anti-alias, sample merged, Select › All / Deselect / Inverse,\n * Modify (grow, shrink, feather, border, smooth) and the Quick Mask toggle.\n */\nexport const SelectionOptionsBar: React.FC<SelectionOptionsBarProps> = ({\n controller,\n options,\n onOptionsChange,\n selection,\n quickMask,\n className = '',\n}) => {\n const [radius, setRadius] = useState(2);\n const set = (patch: Partial<SelectionToolOptions>) => onOptionsChange({ ...options, ...patch });\n const sel = selection === undefined ? controller.getSelection() : selection;\n const qm = quickMask ?? Boolean(controller.getState().quickMask);\n return (\n <div data-testid=\"selection-options-bar\" className={`flex flex-col gap-3 text-xs ${className}`}>\n <div role=\"group\" aria-label=\"Selection tool\" className=\"flex flex-wrap gap-1\">\n {SELECTION_TOOLS.map((t) => (\n <button key={t.id} type=\"button\" aria-pressed={options.tool === t.id} className={btn(options.tool === t.id)} onClick={() => set({ tool: t.id })}>\n {t.label}\n </button>\n ))}\n </div>\n <div role=\"group\" aria-label=\"Selection mode\" className=\"flex flex-wrap gap-1\">\n {SELECTION_MODES.map((m) => (\n <button key={m} type=\"button\" aria-pressed={options.mode === m} className={btn(options.mode === m)} onClick={() => set({ mode: m })}>\n {SELECTION_MODE_LABELS[m]}\n </button>\n ))}\n </div>\n {options.tool === 'wand' && (\n <div className=\"flex flex-col gap-2\">\n <label className=\"flex flex-col gap-1\">\n <span className=\"flex justify-between text-slate-400\">\n <span>Tolerance</span>\n <span className=\"font-mono\">{options.tolerance}</span>\n </span>\n <input\n type=\"range\"\n min={0}\n max={255}\n step={1}\n aria-label=\"Tolerance\"\n value={options.tolerance}\n onChange={(e) => set({ tolerance: Number(e.target.value) })}\n className=\"w-full accent-indigo-500\"\n />\n </label>\n <label className=\"flex items-center gap-2 text-slate-300\">\n <input type=\"checkbox\" checked={options.contiguous} onChange={(e) => set({ contiguous: e.target.checked })} />\n Contiguous\n </label>\n <label className=\"flex items-center gap-2 text-slate-300\">\n <input type=\"checkbox\" checked={options.sampleMerged} onChange={(e) => set({ sampleMerged: e.target.checked })} />\n Sample adjusted image\n </label>\n </div>\n )}\n <label className=\"flex items-center gap-2 text-slate-300\">\n <input type=\"checkbox\" checked={options.antiAlias} onChange={(e) => set({ antiAlias: e.target.checked })} />\n Anti-alias\n </label>\n <div className=\"flex flex-wrap gap-1\">\n <button type=\"button\" className={btn(false)} onClick={() => controller.selectAll()}>\n Select All\n </button>\n <button type=\"button\" className={btn(false)} disabled={!sel} onClick={() => controller.deselect()}>\n Deselect\n </button>\n <button type=\"button\" className={btn(false)} onClick={() => controller.invertSelection()}>\n Inverse\n </button>\n <button type=\"button\" aria-pressed={qm} className={btn(qm)} onClick={() => controller.setQuickMask(!qm)}>\n Quick Mask\n </button>\n </div>\n <div className=\"flex flex-wrap items-center gap-1\">\n <label className=\"flex items-center gap-1 text-slate-400\">\n Radius\n <input\n type=\"number\"\n min={0}\n max={500}\n step={1}\n aria-label=\"Modify radius\"\n value={radius}\n onChange={(e) => setRadius(Math.max(0, Number(e.target.value) || 0))}\n className=\"w-14 bg-slate-950 border border-slate-800 rounded px-1 py-0.5 text-slate-200\"\n />\n </label>\n {MODIFY_OPS.map(({ op, label }) => (\n <button key={op} type=\"button\" className={btn(false)} disabled={!sel} onClick={() => controller.modifySelection(op, radius)}>\n {label}\n </button>\n ))}\n </div>\n <p data-testid=\"selection-status\" className=\"text-slate-400\">\n {describeSelection(sel)}\n </p>\n </div>\n );\n};\n","import React, { useState } from 'react';\nimport type { AdjustmentKind, AdjustmentLayer, ImageEditorController, RefineEdgeParams, SelectionMask } from '@pixerate/editor/image-editor';\nimport {\n ADJUSTMENT_KINDS,\n REFINE_EDGE_CONTROLS,\n adjustmentKindLabel,\n layerMaskFromSelection,\n} from '@pixerate/editor/image-editor';\n\nexport interface RefineEdgePanelProps {\n controller: ImageEditorController;\n /** The current selection (`state.selection`), so the panel re-renders with it. */\n selection?: SelectionMask | null;\n /** The adjustment layers (`state.adjustments.layers`), for the mask actions. */\n layers?: AdjustmentLayer[];\n className?: string;\n}\n\nconst DEFAULT_PARAMS: Required<RefineEdgeParams> = { radius: 8, smartRadius: false, smooth: 0, feather: 0, contrast: 0, shiftEdge: 0 };\n\nconst button =\n 'px-2 py-1 rounded-md border border-slate-800 bg-slate-950 text-[11px] text-slate-200 hover:text-white disabled:opacity-40';\n\n/**\n * Refine Edge (snap the selection, e.g. a coarse AI mask, to the image's edges) and layer masks:\n * use the selection as an adjustment layer's mask, edit mask density and feather, load a mask\n * back as a selection.\n */\nexport const RefineEdgePanel: React.FC<RefineEdgePanelProps> = ({ controller, selection, layers, className = '' }) => {\n const [params, setParams] = useState<Required<RefineEdgeParams>>(DEFAULT_PARAMS);\n const [busy, setBusy] = useState(false);\n const [error, setError] = useState<string | null>(null);\n const [layerId, setLayerId] = useState('');\n const [newKind, setNewKind] = useState<AdjustmentKind>('hueSaturation');\n const sel = selection === undefined ? controller.getSelection() : selection;\n const list = layers ?? controller.getAdjustmentLayers();\n const target = list.find((l) => l.id === layerId) ?? list[list.length - 1];\n\n const refine = async () => {\n setBusy(true);\n setError(null);\n try {\n await controller.refineSelection(params);\n } catch (err) {\n setError(err instanceof Error ? err.message : String(err));\n } finally {\n setBusy(false);\n }\n };\n\n return (\n <div data-testid=\"refine-edge-panel\" className={`flex flex-col gap-3 text-xs ${className}`}>\n <span className=\"font-semibold text-slate-200 uppercase tracking-wider text-[11px]\">Refine Edge</span>\n {REFINE_EDGE_CONTROLS.map((c) => (\n <label key={c.id} className=\"flex flex-col gap-1\">\n <span className=\"flex justify-between text-slate-400\">\n <span>{c.label}</span>\n <span className=\"font-mono\">\n {params[c.id]}\n {c.unit}\n </span>\n </span>\n <input\n type=\"range\"\n min={c.min}\n max={c.max}\n step={c.step}\n aria-label={c.label}\n value={params[c.id]}\n onChange={(e) => setParams({ ...params, [c.id]: Number(e.target.value) })}\n className=\"w-full accent-indigo-500\"\n />\n </label>\n ))}\n <label className=\"flex items-center gap-2 text-slate-300\">\n <input type=\"checkbox\" checked={params.smartRadius} onChange={(e) => setParams({ ...params, smartRadius: e.target.checked })} />\n Smart Radius\n </label>\n <div className=\"flex gap-1\">\n <button type=\"button\" className={button} disabled={!sel || busy} onClick={refine}>\n Refine Edge\n </button>\n <button type=\"button\" className={button} onClick={() => setParams(DEFAULT_PARAMS)}>\n Reset\n </button>\n </div>\n {error && (\n <p role=\"alert\" className=\"text-rose-400\">\n {error}\n </p>\n )}\n\n <span className=\"font-semibold text-slate-200 uppercase tracking-wider text-[11px] mt-2\">Layer Mask</span>\n <div className=\"flex gap-1 items-center\">\n <select\n aria-label=\"New masked layer kind\"\n value={newKind}\n onChange={(e) => setNewKind(e.target.value as AdjustmentKind)}\n className=\"flex-1 bg-slate-950 border border-slate-800 rounded px-1 py-1 text-slate-200\"\n >\n {ADJUSTMENT_KINDS.map((k) => (\n <option key={k.kind} value={k.kind}>\n {k.label}\n </option>\n ))}\n </select>\n <button\n type=\"button\"\n className={button}\n disabled={!sel}\n onClick={() => sel && setLayerId(controller.addAdjustmentLayer({ kind: newKind, mask: layerMaskFromSelection(sel) }))}\n >\n New Masked Layer\n </button>\n </div>\n {list.length > 0 && target && (\n <div className=\"flex flex-col gap-2\">\n <select\n aria-label=\"Mask layer\"\n value={target.id}\n onChange={(e) => setLayerId(e.target.value)}\n className=\"bg-slate-950 border border-slate-800 rounded px-1 py-1 text-slate-200\"\n >\n {list.map((l) => (\n <option key={l.id} value={l.id}>\n {l.name || adjustmentKindLabel(l.kind)}\n {l.mask ? ' (masked)' : ''}\n </option>\n ))}\n </select>\n <div className=\"flex flex-wrap gap-1\">\n <button type=\"button\" className={button} disabled={!sel} onClick={() => controller.applySelectionAsLayerMask(target.id)}>\n Mask with Selection\n </button>\n <button type=\"button\" className={button} disabled={!target.mask} onClick={() => controller.selectionFromLayerMask(target.id)}>\n Load as Selection\n </button>\n <button type=\"button\" className={button} disabled={!target.mask} onClick={() => controller.setAdjustmentLayerMask(target.id, null)}>\n Remove Mask\n </button>\n </div>\n {target.mask && (\n <>\n <label className=\"flex flex-col gap-1\">\n <span className=\"flex justify-between text-slate-400\">\n <span>Density</span>\n <span className=\"font-mono\">{Math.round((target.mask.density ?? 1) * 100)}%</span>\n </span>\n <input\n type=\"range\"\n min={0}\n max={100}\n step={1}\n aria-label=\"Mask density\"\n value={Math.round((target.mask.density ?? 1) * 100)}\n onChange={(e) => controller.setAdjustmentLayerMaskProps(target.id, { density: Number(e.target.value) / 100 })}\n className=\"w-full accent-indigo-500\"\n />\n </label>\n <label className=\"flex flex-col gap-1\">\n <span className=\"flex justify-between text-slate-400\">\n <span>Mask Feather</span>\n <span className=\"font-mono\">{target.mask.feather ?? 0}px</span>\n </span>\n <input\n type=\"range\"\n min={0}\n max={50}\n step={0.5}\n aria-label=\"Mask feather\"\n value={target.mask.feather ?? 0}\n onChange={(e) => controller.setAdjustmentLayerMaskProps(target.id, { feather: Number(e.target.value) })}\n className=\"w-full accent-indigo-500\"\n />\n </label>\n </>\n )}\n </div>\n )}\n </div>\n );\n};\n"],"mappings":"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","names":["React","useRef","useEffect","useState","useCallback","useEffect","useMemo","useState","jsx","jsxs","useEffect","useState","useRef","useState","histogramPath","jsx","jsxs","jsx","jsxs","useState","useEffect","useState","jsx","jsxs","useState","ADJUSTMENT_KINDS","adjustmentKindLabel","jsx","jsxs","Fragment","jsx","jsxs","useRef","useState","useCallback","useEffect","currentImgPt","React"]}