@pixerate/editor-react 0.62.0 → 0.64.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pixerate/editor-react",
-  "version": "0.62.0",
+  "version": "0.64.0",
   "description": "React bindings and prompt/rich-text components for @pixerate/editor",
   "author": "Pixerate",
   "license": "MIT",
@@ -131,7 +131,7 @@
   },
   "peerDependencies": {
     "@dagrejs/dagre": "^1.1.8",
-    "@pixerate/editor": ">=0.92.0 <1.0.0-0",
+    "@pixerate/editor": ">=0.97.0 <1.0.0-0",
     "@tiptap/core": "^2.11.5",
     "@tiptap/pm": "^2.11.5",
     "@tiptap/react": "^2.11.5",
@@ -157,8 +157,8 @@
     "react-dom": "^19.3.0",
     "tsup": "^8.4.0",
     "typescript": "^5.7.3",
-    "vitest": "^4.1.11",
-    "@pixerate/editor": "0.92.0"
+    "vitest": "^5.0.5",
+    "@pixerate/editor": "0.97.0"
   },
   "scripts": {
     "build": "tsup",

package/dist/chunk-OSOGA2OJ.js.map

@@ -1 +0,0 @@
-{"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/LayersPanel.tsx","../src/image-editor/BrushOptionsBar.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 AIResultOptions,\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  /** In documents with several layers (or `target: 'new-layer'`) the result goes to a new layer. */\n  applyInpaintedImage: (newDataUrl: string, options?: AIResultOptions) => Promise<string | void>;\n  /** In documents with several layers (or `target: 'new-layer'`) the result's alpha masks the active layer. */\n  applyBackgroundRemovedImage: (newDataUrl: string, options?: AIResultOptions) => Promise<string | 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, options?: AIResultOptions) => controller.applyInpaintedImage(newDataUrl, options),\n    [controller]\n  );\n  const applyBackgroundRemovedImage = useCallback(\n    (newDataUrl: string, options?: AIResultOptions) => controller.applyBackgroundRemovedImage(newDataUrl, options),\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  PaintGesture,\n  handlePaintShortcut,\n  pointerPressure,\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 { LayersPanel } from './LayersPanel';\nimport { BrushOptionsBar } from './BrushOptionsBar';\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' | 'layers' | 'paint' | '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  // Paint tools (Move, Brush, Eraser): the pointer gesture and the brush cursor.\n  const paintGestureRef = useRef<PaintGesture | null>(null);\n  const paintControllerRef = useRef(controller);\n  if (!paintGestureRef.current || paintControllerRef.current !== controller) {\n    paintGestureRef.current = new PaintGesture(controller);\n    paintControllerRef.current = controller;\n  }\n  const brushCursorRef = useRef<ImagePoint | null>(null);\n  const [paintError, setPaintError] = 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  /** Where AI results go: by layer count (auto), a new layer / mask, or replacing the Background. */\n  const [aiTarget, setAiTarget] = useState<'auto' | 'new-layer' | 'replace'>('auto');\n  const aiOptions = aiTarget === 'auto' ? {} : { target: aiTarget };\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 in natural pixels (no crop or rotation): the source when the result replaces\n      // it, the composite of the layers when the result becomes a layer or mask.\n      const imageDataUrl = await controller.toAIInputDataURL(aiOptions);\n      const result = await effectiveOnRemoveBg({ imageDataUrl });\n      if (typeof result === 'string') {\n        await editor.applyBackgroundRemovedImage(result, aiOptions);\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 controller.toAIInputDataURL(aiOptions);\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, aiOptions);\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        brushCursor:\n          activeTab === 'paint' && brushCursorRef.current && controller.getState().activeTool !== 'move'\n            ? { ...brushCursorRef.current, diameter: controller.getState().paint.brush.size }\n            : null,\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  // Paint tools: pointer events (coalesced samples, pointer capture) into strokes and moves.\n  const paintSamples = (e: React.PointerEvent<HTMLCanvasElement>) => {\n    const canvas = canvasRef.current!;\n    const native = e.nativeEvent as PointerEvent;\n    const events = typeof native.getCoalescedEvents === 'function' ? native.getCoalescedEvents() : [];\n    const list = events.length ? events : [native];\n    const rect = canvas.getBoundingClientRect();\n    const sx = rect.width > 0 ? canvas.width / rect.width : 1;\n    const sy = rect.height > 0 ? canvas.height / rect.height : 1;\n    const s = controller.getState();\n    return list.map((ev) => ({\n      ...canvasToImagePoint({ x: (ev.clientX - rect.left) * sx, y: (ev.clientY - rect.top) * sy }, s, canvas.width, canvas.height, false),\n      pressure: pointerPressure(ev),\n    }));\n  };\n  const handlePaintPointerDown = (e: React.PointerEvent<HTMLCanvasElement>) => {\n    if (activeTab !== 'paint' || e.button !== 0) return;\n    e.preventDefault();\n    try {\n      e.currentTarget.setPointerCapture?.(e.pointerId);\n    } catch {\n      // Synthetic events have no active pointer to capture.\n    }\n    const [first] = paintSamples(e);\n    setPaintError(paintGestureRef.current!.down(first));\n  };\n  const handlePaintPointerMove = (e: React.PointerEvent<HTMLCanvasElement>) => {\n    if (activeTab !== 'paint') return;\n    const samples = paintSamples(e);\n    brushCursorRef.current = samples[samples.length - 1] ?? null;\n    if (paintGestureRef.current!.active) paintGestureRef.current!.moveTo(samples);\n    else void renderCanvas();\n  };\n  const handlePaintPointerUp = () => {\n    if (activeTab !== 'paint') return;\n    const g = paintGestureRef.current!;\n    if (g.active) {\n      g.up();\n      if (g.error) setPaintError(g.error);\n    }\n  };\n\n  useEffect(() => {\n    if (activeTab !== 'paint' || typeof window === 'undefined') return;\n    const onKey = (e: KeyboardEvent) => {\n      if (handlePaintShortcut(controller, e)) e.preventDefault();\n    };\n    window.addEventListener('keydown', onKey);\n    return () => window.removeEventListener('keydown', onKey);\n  }, [activeTab, controller]);\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('layers');\n              editor.setTool('select');\n            }}\n            className={`px-3 py-1.5 rounded-md font-medium transition-colors ${\n              activeTab === 'layers' ? 'bg-indigo-600 text-white shadow' : 'text-slate-400 hover:text-slate-200'\n            }`}\n          >\n            Layers\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => {\n              setActiveTab('paint');\n              editor.setTool('brush');\n            }}\n            className={`px-3 py-1.5 rounded-md font-medium transition-colors ${\n              activeTab === 'paint' ? 'bg-indigo-600 text-white shadow' : 'text-slate-400 hover:text-slate-200'\n            }`}\n          >\n            Paint\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            onPointerDown={handlePaintPointerDown}\n            onPointerMove={handlePaintPointerMove}\n            onPointerUp={handlePaintPointerUp}\n            onPointerCancel={() => paintGestureRef.current?.cancel()}\n            data-testid=\"image-editor-canvas\"\n            className={`absolute inset-0 w-full h-full block ${activeTab === 'paint' ? 'touch-none cursor-crosshair' : ''}`}\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: LAYERS */}\n          {activeTab === 'layers' && (\n            <div className=\"flex flex-col gap-3 text-xs\">\n              <span className=\"font-semibold text-slate-200 uppercase tracking-wider text-[11px]\">Layers</span>\n              <LayersPanel controller={controller} />\n            </div>\n          )}\n\n          {/* TAB: PAINT */}\n          {activeTab === 'paint' && (\n            <div className=\"flex flex-col gap-3 text-xs\">\n              <span className=\"font-semibold text-slate-200 uppercase tracking-wider text-[11px]\">Paint</span>\n              <BrushOptionsBar controller={controller} />\n              {paintError && (\n                <p role=\"alert\" className=\"text-rose-400\" data-testid=\"paint-error\">\n                  {paintError}\n                </p>\n              )}\n              <div className=\"border-t border-slate-700/60 pt-3\">\n                <LayersPanel controller={controller} />\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              <label className=\"flex items-center justify-between gap-2 text-slate-300\">\n                <span>Results go to</span>\n                <select\n                  aria-label=\"AI result target\"\n                  value={aiTarget}\n                  onChange={(e) => setAiTarget(e.target.value as typeof aiTarget)}\n                  className=\"bg-slate-800 border border-slate-700 rounded px-1.5 py-1\"\n                >\n                  <option value=\"auto\">{controller.isMultiLayer ? 'Auto (new layer)' : 'Auto (replace image)'}</option>\n                  <option value=\"new-layer\">New layer / mask</option>\n                  <option value=\"replace\">Replace image</option>\n                </select>\n              </label>\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, { useEffect, useRef, useState } from 'react';\nimport type { ImageEditorController, ImageLayer, LayerMenuAction, LayerPanelRow, PixelBuffer } from '@pixerate/editor/image-editor';\nimport {\n  BLEND_MODES,\n  PSD_FILE_ACCEPT,\n  downloadPsd,\n  dropPlacement,\n  dropZone,\n  openPsdFile,\n  layerBadge,\n  layerMenu,\n  layerPanelRows,\n  runLayerMenuAction,\n} from '@pixerate/editor/image-editor';\n\nexport interface LayersPanelProps {\n  controller: ImageEditorController;\n  /** Thumbnail size in px (default 32). */\n  thumbnailSize?: number;\n  /** Show Open PSD / Export PSD (default true). */\n  psd?: boolean;\n  /** Base name of exported PSD files (default `image`). */\n  psdFileName?: string;\n  className?: string;\n}\n\nconst iconButton = 'px-1.5 py-0.5 rounded text-[10px] bg-slate-800 text-slate-300 hover:text-white disabled:opacity-40';\nconst rowClass = (active: boolean) =>\n  `flex items-center gap-1.5 px-1.5 py-1 rounded cursor-pointer select-none ${active ? 'bg-indigo-600/30 ring-1 ring-indigo-500' : 'hover:bg-slate-800'}`;\n\n/** Draws a thumbnail (RGBA pixels) into a small canvas; nothing without a 2D context. */\nconst Thumbnail: React.FC<{ pixels: PixelBuffer | null; size: number; label: string; onClick?: (e: React.MouseEvent) => void; selected?: boolean; testId?: string }> = ({\n  pixels,\n  size,\n  label,\n  onClick,\n  selected,\n  testId,\n}) => {\n  const ref = useRef<HTMLCanvasElement>(null);\n  useEffect(() => {\n    const canvas = ref.current;\n    const ctx = canvas?.getContext('2d');\n    if (!canvas || !ctx || !pixels || typeof ctx.createImageData !== 'function') return;\n    canvas.width = pixels.width;\n    canvas.height = pixels.height;\n    const img = ctx.createImageData(pixels.width, pixels.height);\n    img.data.set(pixels.data as ArrayLike<number>);\n    ctx.putImageData(img, 0, 0);\n  }, [pixels]);\n  return (\n    <canvas\n      ref={ref}\n      role={onClick ? 'button' : 'img'}\n      aria-label={label}\n      data-testid={testId}\n      onClick={onClick}\n      style={{ width: size, height: size }}\n      className={`shrink-0 rounded bg-[repeating-conic-gradient(#334155_0%_25%,#1e293b_0%_50%)] [background-size:8px_8px] object-contain ${selected ? 'ring-2 ring-white' : 'ring-1 ring-slate-700'}`}\n    />\n  );\n};\n\n/**\n * The layer stack, top first: visibility, thumbnails, names (double-click to rename), locks,\n * mask thumbnails (click to paint the mask, Shift-click to disable it), drag to reorder or drop\n * into a group, opacity / fill / blend / clipping for the active layer, and the layer menu\n * (right-click a row, or the ⋯ button). Every action is one undo step on the controller.\n */\nexport const LayersPanel: React.FC<LayersPanelProps> = ({ controller, thumbnailSize = 32, psd = true, psdFileName = 'image', className }) => {\n  const [, setTick] = useState(0);\n  useEffect(() => controller.subscribe(() => setTick((n) => n + 1)), [controller]);\n  const [error, setError] = useState<string | null>(null);\n  const [renaming, setRenaming] = useState<string | null>(null);\n  const [menu, setMenu] = useState<{ x: number; y: number } | null>(null);\n  const [drag, setDrag] = useState<string | null>(null);\n  /** Warnings of the last PSD open or export. */\n  const [psdNotes, setPsdNotes] = useState<string[]>([]);\n  const fileInput = useRef<HTMLInputElement>(null);\n  const psdTask = async (fn: () => Promise<string[]>) => {\n    try {\n      setError(null);\n      setPsdNotes(await fn());\n    } catch (err) {\n      setError(err instanceof Error ? err.message : String(err));\n    }\n  };\n  /** Whether the next slider change records an undo step (the first of a drag does, the rest replace it). */\n  const commitNext = useRef(true);\n\n  const state = controller.getState();\n  const rows = layerPanelRows(state.layers, state.activeLayerId);\n  const active = controller.getActiveLayer();\n\n  const attempt = (fn: () => unknown) => {\n    try {\n      setError(null);\n      fn();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : String(err));\n    }\n  };\n  const run = async (action: LayerMenuAction) => {\n    setMenu(null);\n    setError(await runLayerMenuAction(controller, action));\n  };\n  const prop = (key: 'opacity' | 'fillOpacity', value: number) =>\n    attempt(() => {\n      controller.setLayerProperties(active!.id, { [key]: value }, commitNext.current);\n      commitNext.current = false;\n    });\n  const sliderEvents = {\n    onPointerDown: () => (commitNext.current = true),\n    onPointerUp: () => (commitNext.current = true),\n    onKeyDown: () => (commitNext.current = true),\n  };\n\n  const onDrop = (e: React.DragEvent, row: LayerPanelRow) => {\n    e.preventDefault();\n    const id = e.dataTransfer.getData('text/x-pixerate-layer') || drag;\n    setDrag(null);\n    if (!id) return;\n    const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n    const fraction = rect.height ? (e.clientY - rect.top) / rect.height : 0.5;\n    const placement = dropPlacement(state.layers, id, row.layer.id, dropZone(fraction, row.layer.type === 'group'));\n    if (placement) attempt(() => controller.moveLayer(id, placement));\n  };\n\n  const thumb = (layer: ImageLayer) => (layer.type === 'pixel' ? controller.getLayerThumbnail(layer.id, { maxSide: 64 }) : null);\n  const maskThumb = (layer: ImageLayer) => (layer.mask && !layer.mask.source ? controller.getLayerThumbnail(layer.id, { maxSide: 64, mask: true }) : null);\n\n  const locked = (layer: ImageLayer) => Boolean(layer.locks?.all || layer.locks?.pixels || layer.locks?.position || layer.locks?.transparency);\n\n  return (\n    <div className={`flex flex-col gap-2 text-xs text-slate-200 ${className ?? ''}`} data-testid=\"layers-panel\" onClick={() => menu && setMenu(null)}>\n      <div className=\"flex flex-wrap items-center gap-1\" role=\"toolbar\" aria-label=\"Layer actions\">\n        <button type=\"button\" className={iconButton} onClick={() => run('new-layer')}>New Layer</button>\n        <button type=\"button\" className={iconButton} onClick={() => run('new-group')}>New Group</button>\n        <button type=\"button\" className={iconButton} disabled={!active} onClick={() => run('duplicate')}>Duplicate</button>\n        <button type=\"button\" className={iconButton} disabled={!active} onClick={() => run('add-mask')}>Add Mask</button>\n        <button type=\"button\" className={iconButton} disabled={!active} onClick={() => run('delete')}>Delete</button>\n        <button\n          type=\"button\"\n          className={iconButton}\n          aria-label=\"Layer menu\"\n          aria-haspopup=\"menu\"\n          onClick={(e) => {\n            e.stopPropagation();\n            const r = (e.currentTarget as HTMLElement).getBoundingClientRect();\n            setMenu(menu ? null : { x: r.left, y: r.bottom });\n          }}\n        >\n          ⋯\n        </button>\n        {psd && (\n          <>\n            <button type=\"button\" className={iconButton} onClick={() => fileInput.current?.click()}>Open PSD…</button>\n            <button type=\"button\" className={iconButton} onClick={() => psdTask(async () => (await downloadPsd(controller, psdFileName)).warnings)}>Export PSD</button>\n            <input\n              ref={fileInput}\n              type=\"file\"\n              accept={PSD_FILE_ACCEPT}\n              className=\"hidden\"\n              data-testid=\"psd-file-input\"\n              aria-label=\"Open a PSD file\"\n              onChange={(e) => {\n                const file = e.currentTarget.files?.[0];\n                e.currentTarget.value = '';\n                if (file) psdTask(() => openPsdFile(controller, file));\n              }}\n            />\n          </>\n        )}\n      </div>\n      {psdNotes.length > 0 && (\n        <ul className=\"rounded bg-amber-900/30 text-amber-200 px-2 py-1 space-y-0.5\" data-testid=\"psd-warnings\" aria-label=\"PSD warnings\">\n          {psdNotes.map((n) => (\n            <li key={n}>{n}</li>\n          ))}\n          <li>\n            <button type=\"button\" className=\"underline\" onClick={() => setPsdNotes([])}>Dismiss</button>\n          </li>\n        </ul>\n      )}\n\n      {active && (\n        <div className=\"grid grid-cols-2 gap-x-2 gap-y-1 items-center\" data-testid=\"layer-properties\">\n          <label className=\"flex flex-col gap-0.5\">\n            <span className=\"text-slate-400\">Opacity {Math.round(active.opacity * 100)}%</span>\n            <input\n              type=\"range\"\n              min={0}\n              max={100}\n              aria-label=\"Layer opacity\"\n              value={Math.round(active.opacity * 100)}\n              {...sliderEvents}\n              onChange={(e) => prop('opacity', Number(e.target.value) / 100)}\n              className=\"accent-indigo-500\"\n            />\n          </label>\n          <label className=\"flex flex-col gap-0.5\">\n            <span className=\"text-slate-400\">Fill {Math.round(((active.type === 'pixel' ? active.fillOpacity : undefined) ?? 1) * 100)}%</span>\n            <input\n              type=\"range\"\n              min={0}\n              max={100}\n              aria-label=\"Layer fill\"\n              disabled={active.type !== 'pixel'}\n              value={Math.round(((active.type === 'pixel' ? active.fillOpacity : undefined) ?? 1) * 100)}\n              {...sliderEvents}\n              onChange={(e) => prop('fillOpacity', Number(e.target.value) / 100)}\n              className=\"accent-indigo-500 disabled:opacity-40\"\n            />\n          </label>\n          <select\n            aria-label=\"Layer blend mode\"\n            className=\"bg-slate-800 border border-slate-700 rounded px-1.5 py-1\"\n            value={active.blend}\n            onChange={(e) => attempt(() => controller.setLayerProperties(active.id, { blend: e.target.value as never }))}\n          >\n            {active.type === 'group' && <option value=\"pass-through\">Pass Through</option>}\n            {BLEND_MODES.map((m) => (\n              <option key={m.id} value={m.id}>{m.label}</option>\n            ))}\n          </select>\n          <label className=\"flex items-center gap-1.5 text-slate-300\">\n            <input\n              type=\"checkbox\"\n              aria-label=\"Clip to layer below\"\n              checked={Boolean(active.clipped)}\n              onChange={(e) => attempt(() => controller.setLayerProperties(active.id, { clipped: e.target.checked }))}\n              className=\"accent-indigo-500\"\n            />\n            Clip to below\n          </label>\n          <div className=\"col-span-2 flex flex-wrap gap-2 text-slate-400\" role=\"group\" aria-label=\"Layer locks\">\n            {(['pixels', 'transparency', 'position', 'all'] as const).map((k) => (\n              <label key={k} className=\"flex items-center gap-1\">\n                <input\n                  type=\"checkbox\"\n                  aria-label={`Lock ${k}`}\n                  checked={Boolean(active.locks?.[k])}\n                  onChange={(e) => attempt(() => controller.setLayerProperties(active.id, { locks: { ...active.locks, [k]: e.target.checked } }))}\n                  className=\"accent-indigo-500\"\n                />\n                {k}\n              </label>\n            ))}\n          </div>\n        </div>\n      )}\n\n      <ul className=\"flex flex-col gap-0.5\" role=\"tree\" aria-label=\"Layers\">\n        {rows.map((row) => {\n          const { layer } = row;\n          return (\n            <li\n              key={layer.id}\n              role=\"treeitem\"\n              aria-selected={row.active}\n              aria-level={row.depth + 1}\n              data-layer-id={layer.id}\n              draggable={!layer.locks?.all}\n              onDragStart={(e) => {\n                e.dataTransfer.setData('text/x-pixerate-layer', layer.id);\n                setDrag(layer.id);\n              }}\n              onDragOver={(e) => e.preventDefault()}\n              onDrop={(e) => onDrop(e, row)}\n              tabIndex={0}\n              onClick={() => attempt(() => controller.setActiveLayer(layer.id, 'pixels'))}\n              onKeyDown={(e) => {\n                if (e.target === e.currentTarget && (e.key === 'Enter' || e.key === ' ')) {\n                  e.preventDefault();\n                  attempt(() => controller.setActiveLayer(layer.id, 'pixels'));\n                }\n              }}\n              onContextMenu={(e) => {\n                e.preventDefault();\n                controller.setActiveLayer(layer.id, state.activeLayerId === layer.id ? state.activeTarget : 'pixels');\n                setMenu({ x: e.clientX, y: e.clientY });\n              }}\n              className={rowClass(row.active)}\n              style={{ paddingLeft: 6 + row.depth * 14 }}\n            >\n              <button\n                type=\"button\"\n                aria-label={layer.visible ? `Hide ${row.label}` : `Show ${row.label}`}\n                aria-pressed={layer.visible}\n                className=\"w-4 text-center text-slate-300\"\n                onClick={(e) => {\n                  e.stopPropagation();\n                  attempt(() => controller.setLayerProperties(layer.id, { visible: !layer.visible }));\n                }}\n              >\n                {layer.visible ? '●' : '○'}\n              </button>\n              {layer.type === 'group' && (\n                <button\n                  type=\"button\"\n                  aria-label={layer.collapsed ? `Expand ${row.label}` : `Collapse ${row.label}`}\n                  className=\"w-3 text-slate-400\"\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    attempt(() => controller.setLayerProperties(layer.id, { collapsed: !layer.collapsed }));\n                  }}\n                >\n                  {layer.collapsed ? '▸' : '▾'}\n                </button>\n              )}\n              {row.clipped && <span className=\"text-slate-500\" aria-label=\"Clipped\">↳</span>}\n              {layer.type === 'pixel' ? (\n                <Thumbnail\n                  pixels={thumb(layer)}\n                  size={thumbnailSize}\n                  label={`${row.label} pixels`}\n                  selected={row.active && state.activeTarget === 'pixels' && Boolean(layer.mask)}\n                />\n              ) : (\n                <span\n                  className=\"shrink-0 grid place-items-center rounded bg-slate-800 text-[9px] text-slate-400 ring-1 ring-slate-700\"\n                  style={{ width: thumbnailSize, height: thumbnailSize }}\n                >\n                  {layerBadge(layer)}\n                </span>\n              )}\n              {layer.mask && (\n                <Thumbnail\n                  pixels={maskThumb(layer)}\n                  size={thumbnailSize}\n                  label={`${row.label} mask${layer.mask.enabled === false ? ' (disabled)' : ''}`}\n                  testId=\"layer-mask-thumbnail\"\n                  selected={row.active && state.activeTarget === 'mask'}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    if (e.shiftKey) attempt(() => controller.setLayerMaskProps(layer.id, { enabled: layer.mask!.enabled === false }));\n                    else attempt(() => controller.setActiveLayer(layer.id, 'mask'));\n                  }}\n                />\n              )}\n              {renaming === layer.id ? (\n                <input\n                  autoFocus\n                  aria-label=\"Layer name\"\n                  defaultValue={layer.name || row.label}\n                  className=\"flex-1 min-w-0 bg-slate-900 border border-slate-600 rounded px-1\"\n                  onClick={(e) => e.stopPropagation()}\n                  onBlur={(e) => {\n                    setRenaming(null);\n                    if (e.target.value.trim() && e.target.value !== layer.name) attempt(() => controller.setLayerProperties(layer.id, { name: e.target.value }));\n                  }}\n                  onKeyDown={(e) => {\n                    if (e.key === 'Enter') (e.target as HTMLInputElement).blur();\n                    if (e.key === 'Escape') setRenaming(null);\n                  }}\n                />\n              ) : (\n                <span\n                  className={`flex-1 min-w-0 truncate ${layer.visible ? '' : 'text-slate-500'}`}\n                  onDoubleClick={(e) => {\n                    e.stopPropagation();\n                    setRenaming(layer.id);\n                  }}\n                >\n                  {row.label}\n                </span>\n              )}\n              {locked(layer) && <span aria-label=\"Locked\" className=\"text-slate-400\">🔒</span>}\n              {layer.blend !== 'normal' && layer.blend !== 'pass-through' && <span className=\"text-[9px] text-slate-500\">{layer.blend}</span>}\n            </li>\n          );\n        })}\n      </ul>\n\n      {error && (\n        <p role=\"alert\" className=\"text-rose-400\">\n          {error}\n        </p>\n      )}\n\n      {menu && (\n        <div\n          role=\"menu\"\n          aria-label=\"Layer menu\"\n          className=\"fixed z-50 min-w-44 rounded border border-slate-700 bg-slate-900 py-1 shadow-xl\"\n          style={{ left: menu.x, top: menu.y }}\n          onClick={(e) => e.stopPropagation()}\n          onKeyDown={(e) => e.key === 'Escape' && setMenu(null)}\n        >\n          {layerMenu(controller).map((item) => (\n            <button\n              key={item.action}\n              type=\"button\"\n              role=\"menuitem\"\n              disabled={!item.enabled}\n              className=\"block w-full px-3 py-1 text-left hover:bg-slate-800 disabled:opacity-40\"\n              onClick={() => run(item.action)}\n            >\n              {item.label}\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n","import React, { useEffect, useState } from 'react';\nimport type { ImageEditorController } from '@pixerate/editor/image-editor';\nimport { BRUSH_OPTION_CONTROLS, PAINT_TOOLS } from '@pixerate/editor/image-editor';\nimport { ControlSlider } from './ControlSlider';\n\nexport interface BrushOptionsBarProps {\n  controller: ImageEditorController;\n  className?: string;\n}\n\nconst chip = (on: boolean) => `px-2 py-1 rounded text-[11px] ${on ? 'bg-indigo-600 text-white' : 'bg-slate-800 text-slate-300 hover:text-white'}`;\n\n/**\n * The paint tools: Move / Brush / Eraser, the brush's size, hardness, opacity, flow and smoothing,\n * pressure toggles, the foreground and background colours (D resets, X swaps) and Edit › Fill /\n * Clear on the active layer. Shortcuts are handled by `handlePaintShortcut` in the editor.\n */\nexport const BrushOptionsBar: React.FC<BrushOptionsBarProps> = ({ controller, className }) => {\n  const [, setTick] = useState(0);\n  useEffect(() => controller.subscribe(() => setTick((n) => n + 1)), [controller]);\n  const [error, setError] = useState<string | null>(null);\n  const state = controller.getState();\n  const { brush, foreground, background } = state.paint;\n  const attempt = (fn: () => unknown) => {\n    try {\n      setError(null);\n      fn();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : String(err));\n    }\n  };\n\n  return (\n    <div className={`flex flex-col gap-2 text-xs text-slate-200 ${className ?? ''}`} data-testid=\"brush-options\">\n      <div className=\"flex gap-1\" role=\"toolbar\" aria-label=\"Paint tools\">\n        {PAINT_TOOLS.map((t) => (\n          <button\n            key={t.id}\n            type=\"button\"\n            aria-pressed={state.activeTool === t.id}\n            title={`${t.label} (${t.shortcut})`}\n            className={chip(state.activeTool === t.id)}\n            onClick={() => controller.setTool(t.id)}\n          >\n            {t.label}\n          </button>\n        ))}\n      </div>\n\n      <div className=\"flex items-center gap-2\" role=\"group\" aria-label=\"Colours\">\n        <label className=\"flex items-center gap-1\">\n          <input\n            type=\"color\"\n            aria-label=\"Foreground colour\"\n            value={foreground}\n            onChange={(e) => controller.setPaintOptions({ foreground: e.target.value })}\n            className=\"h-6 w-8 rounded border border-slate-700 bg-transparent\"\n          />\n          <span className=\"text-slate-400\">FG</span>\n        </label>\n        <label className=\"flex items-center gap-1\">\n          <input\n            type=\"color\"\n            aria-label=\"Background colour\"\n            value={background}\n            onChange={(e) => controller.setPaintOptions({ background: e.target.value })}\n            className=\"h-6 w-8 rounded border border-slate-700 bg-transparent\"\n          />\n          <span className=\"text-slate-400\">BG</span>\n        </label>\n        <button type=\"button\" title=\"Swap colours (X)\" className={chip(false)} onClick={() => controller.swapPaintColors()}>\n          Swap\n        </button>\n        <button type=\"button\" title=\"Default colours (D)\" className={chip(false)} onClick={() => controller.resetPaintColors()}>\n          Default\n        </button>\n      </div>\n\n      {BRUSH_OPTION_CONTROLS.map((spec) => (\n        <ControlSlider\n          key={spec.id}\n          spec={spec}\n          value={brush[spec.id]}\n          onChange={(v) => controller.setPaintOptions({ brush: { [spec.id]: v } })}\n        />\n      ))}\n\n      <div className=\"flex flex-wrap gap-3 text-slate-300\" role=\"group\" aria-label=\"Pressure\">\n        <label className=\"flex items-center gap-1.5\">\n          <input\n            type=\"checkbox\"\n            aria-label=\"Pressure controls size\"\n            checked={brush.pressureSize}\n            onChange={(e) => controller.setPaintOptions({ brush: { pressureSize: e.target.checked } })}\n            className=\"accent-indigo-500\"\n          />\n          Pressure size\n        </label>\n        <label className=\"flex items-center gap-1.5\">\n          <input\n            type=\"checkbox\"\n            aria-label=\"Pressure controls opacity\"\n            checked={brush.pressureOpacity}\n            onChange={(e) => controller.setPaintOptions({ brush: { pressureOpacity: e.target.checked } })}\n            className=\"accent-indigo-500\"\n          />\n          Pressure opacity\n        </label>\n      </div>\n\n      <div className=\"flex gap-1\">\n        <button type=\"button\" className={chip(false)} onClick={() => attempt(() => controller.fillPixels())}>\n          Fill\n        </button>\n        <button type=\"button\" className={chip(false)} onClick={() => attempt(() => controller.clearPixels())}>\n          Clear\n        </button>\n      </div>\n      {error && (\n        <p role=\"alert\" className=\"text-rose-400\">\n          {error}\n        </p>\n      )}\n    </div>\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          <label className=\"flex items-center gap-2 text-slate-300\">\n            Sample\n            <select\n              aria-label=\"Sample from\"\n              value={options.sample ?? 'composite'}\n              onChange={(e) => set({ sample: e.target.value as 'composite' | 'active-layer' })}\n              className=\"bg-slate-800 border border-slate-700 rounded px-1 py-0.5\"\n            >\n              <option value=\"composite\">All layers</option>\n              <option value=\"active-layer\">Active layer</option>\n            </select>\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":";AAAA,SAAS,QAAQ,UAAU,WAAW,aAAa,eAAe;AAClE;AAAA,EACE;AAAA,OAkBK;AAyDA,SAAS,eAAe,UAA8B,CAAC,GAAyB;AACrF,QAAM,gBAAgB,OAAqC,IAAI;AAE/D,MAAI,CAAC,cAAc,SAAS;AAC1B,kBAAc,UAAU,IAAI,sBAAsB,OAAO;AAAA,EAC3D;AAEA,QAAM,aAAa,cAAc;AACjC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA2B,MAAM,WAAW,SAAS,CAAC;AAChF,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,CAAC;AAClD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAgC,MAAM,WAAW,aAAa,CAAC;AAEjG,YAAU,MAAM,WAAW,mBAAmB,YAAY,GAAG,CAAC,UAAU,CAAC;AAEzE,YAAU,MAAM;AACd,UAAM,QAAQ,WAAW,UAAU,CAAC,SAAS;AAC3C,eAAS,IAAI;AACb,sBAAgB,CAAC,MAAM,IAAI,CAAC;AAAA,IAC9B,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,UAAU,CAAC;AAKf,QAAM,iBAAiB,OAAO,QAAQ,KAAK;AAC3C,YAAU,MAAM;AACd,QAAI,QAAQ,UAAU,eAAe,QAAS;AAC9C,mBAAe,UAAU,QAAQ;AACjC,QAAI,QAAQ,OAAO;AACjB,iBAAW,UAAU,QAAQ,KAAK;AAAA,IACpC;AAAA,EACF,GAAG,CAAC,QAAQ,OAAO,UAAU,CAAC;AAE9B,QAAM,UAAU,YAAY,CAAC,SAA0B,WAAW,QAAQ,IAAI,GAAG,CAAC,UAAU,CAAC;AAC7F,QAAM,UAAU;AAAA,IACd,CAAC,MAAsB,eAAe,SAAS,WAAW,QAAQ,MAAM,YAAY;AAAA,IACpF,CAAC,UAAU;AAAA,EACb;AACA,QAAM,kBAAkB,YAAY,CAAC,UAAuB,WAAW,gBAAgB,KAAK,GAAG,CAAC,UAAU,CAAC;AAC3G,QAAM,YAAY,YAAY,MAAM,WAAW,UAAU,GAAG,CAAC,UAAU,CAAC;AACxE,QAAM,SAAS,YAAY,CAAC,QAAgB,WAAW,OAAO,GAAG,GAAG,CAAC,UAAU,CAAC;AAChF,QAAM,cAAc,YAAY,CAAC,QAAgB,WAAW,YAAY,GAAG,GAAG,CAAC,UAAU,CAAC;AAC1F,QAAM,iBAAiB,YAAY,MAAM,WAAW,eAAe,GAAG,CAAC,UAAU,CAAC;AAClF,QAAM,eAAe,YAAY,MAAM,WAAW,aAAa,GAAG,CAAC,UAAU,CAAC;AAC9E,QAAM,iBAAiB;AAAA,IACrB,CAAC,SAAoC,kBAAkB,SACrD,WAAW,eAAe,SAAS,eAAe;AAAA,IACpD,CAAC,UAAU;AAAA,EACb;AACA,QAAM,mBAAmB,YAAY,MAAM,WAAW,iBAAiB,GAAG,CAAC,UAAU,CAAC;AACtF,QAAM,iBAAiB,YAAY,MAAM,WAAW,eAAe,GAAG,CAAC,UAAU,CAAC;AAClF,QAAM,qBAAqB;AAAA,IACzB,CAAC,MAA4C,UAAmB,WAAW,mBAAmB,MAAM,KAAK;AAAA,IACzG,CAAC,UAAU;AAAA,EACb;AACA,QAAM,wBAAwB;AAAA,IAC5B,CAAC,IAAY,QAA+B,kBAAkB,SAC5D,WAAW,sBAAsB,IAAI,QAAQ,eAAe;AAAA,IAC9D,CAAC,UAAU;AAAA,EACb;AACA,QAAM,wBAAwB,YAAY,CAAC,OAAe,WAAW,sBAAsB,EAAE,GAAG,CAAC,UAAU,CAAC;AAC5G,QAAM,sBAAsB,YAAY,CAAC,IAAY,OAAe,WAAW,oBAAoB,IAAI,EAAE,GAAG,CAAC,UAAU,CAAC;AACxH,QAAM,wBAAwB;AAAA,IAC5B,CAAC,IAAY,YAAsB,WAAW,sBAAsB,IAAI,OAAO;AAAA,IAC/E,CAAC,UAAU;AAAA,EACb;AACA,QAAM,eAAe,YAAY,CAAC,YAAuC,WAAW,aAAa,OAAO,GAAG,CAAC,UAAU,CAAC;AACvH,QAAM,iBAAiB,YAAY,MAAM,WAAW,eAAe,GAAG,CAAC,UAAU,CAAC;AAClF,QAAM,gBAAgB,YAAY,CAAC,QAAiC,WAAW,cAAc,GAAG,GAAG,CAAC,UAAU,CAAC;AAC/G,QAAM,mBAAmB;AAAA,IACvB,CAAC,IAAY,SAA8B,kBAAkB,SAC3D,WAAW,iBAAiB,IAAI,SAAS,eAAe;AAAA,IAC1D,CAAC,UAAU;AAAA,EACb;AACA,QAAM,mBAAmB,YAAY,CAAC,OAAe,WAAW,iBAAiB,EAAE,GAAG,CAAC,UAAU,CAAC;AAClG,QAAM,mBAAmB,YAAY,MAAM,WAAW,iBAAiB,GAAG,CAAC,UAAU,CAAC;AACtF,QAAM,mBAAmB,YAAY,CAAC,OAAsB,WAAW,iBAAiB,EAAE,GAAG,CAAC,UAAU,CAAC;AACzG,QAAM,OAAO,YAAY,MAAM,WAAW,KAAK,GAAG,CAAC,UAAU,CAAC;AAC9D,QAAM,OAAO,YAAY,MAAM,WAAW,KAAK,GAAG,CAAC,UAAU,CAAC;AAC9D,QAAM,QAAQ,YAAY,MAAM,WAAW,MAAM,GAAG,CAAC,UAAU,CAAC;AAChE,QAAM,SAAS,YAAY,CAAC,WAAoB,WAAW,OAAO,MAAM,GAAG,CAAC,UAAU,CAAC;AACvF,QAAM,UAAU,YAAY,CAAC,WAAoB,WAAW,QAAQ,MAAM,GAAG,CAAC,UAAU,CAAC;AACzF,QAAM,YAAY,YAAY,MAAM,WAAW,UAAU,GAAG,CAAC,UAAU,CAAC;AACxE,QAAM,UAAU,YAAY,CAAC,SAAiB,WAAW,QAAQ,IAAI,GAAG,CAAC,UAAU,CAAC;AACpF,QAAM,SAAS,YAAY,CAAC,QAAoB,WAAW,OAAO,GAAG,GAAG,CAAC,UAAU,CAAC;AACpF,QAAM,eAAe,YAAY,CAAC,SAAkB,WAAW,aAAa,IAAI,GAAG,CAAC,UAAU,CAAC;AAC/F,QAAM,YAAY,YAAY,CAAC,QAAmC,WAAW,UAAU,GAAG,GAAG,CAAC,UAAU,CAAC;AACzG,QAAM,YAAY,YAAY,CAAC,SAAyB,WAAW,UAAU,IAAI,GAAG,CAAC,UAAU,CAAC;AAChG,QAAM,SAAS,YAAY,CAAC,SAAyB,WAAW,OAAO,IAAI,GAAG,CAAC,UAAU,CAAC;AAC1F,QAAM,SAAS,YAAY,MAAM,WAAW,OAAO,GAAG,CAAC,UAAU,CAAC;AAClE,QAAM,WAAW,YAAY,CAAC,SAAqC,WAAW,SAAS,IAAI,GAAG,CAAC,UAAU,CAAC;AAC1G,QAAM,aAAa;AAAA,IACjB,CAAC,SAA2D,WAAW,WAAW,IAAI;AAAA,IACtF,CAAC,UAAU;AAAA,EACb;AACA,QAAM,gBAAgB;AAAA,IACpB,CAAC,SAA2D,WAAW,cAAc,IAAI;AAAA,IACzF,CAAC,UAAU;AAAA,EACb;AACA,QAAM,kBAAkB;AAAA,IACtB,CAAC,SAAqD,WAAW,gBAAgB,IAAI;AAAA,IACrF,CAAC,UAAU;AAAA,EACb;AACA,QAAM,sBAAsB;AAAA,IAC1B,CAAC,YAAoBA,aAA8B,WAAW,oBAAoB,YAAYA,QAAO;AAAA,IACrG,CAAC,UAAU;AAAA,EACb;AACA,QAAM,8BAA8B;AAAA,IAClC,CAAC,YAAoBA,aAA8B,WAAW,4BAA4B,YAAYA,QAAO;AAAA,IAC7G,CAAC,UAAU;AAAA,EACb;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,SAAS,WAAW;AAAA,MACpB,SAAS,WAAW;AAAA,MACpB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA;AAAA,IAEA,CAAC,YAAY,OAAO,cAAc,SAAS;AAAA,EAC7C;AACF;;;ACnPA,OAAOC,UAAS,UAAAC,SAAQ,aAAAC,YAAW,YAAAC,WAAU,eAAAC,oBAAmB;AAYhE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;;;AC1BP,SAAS,wBAAwB,0BAA0B;AAiBrD,SACE,KADF;AALC,IAAM,gBAA8C,CAAC,EAAE,MAAM,OAAO,UAAU,UAAU,MAAM,MAAM;AACzG,QAAM,OAAO,SAAS,KAAK;AAC3B,QAAM,QAAQ,uBAAuB,IAAI;AACzC,SACE,qBAAC,SAAI,mBAAiB,KAAK,IACzB;AAAA,yBAAC,SAAI,WAAU,4CACb;AAAA,0BAAC,UAAM,gBAAK;AAAA,MACZ,oBAAC,UAAK,WAAU,aAAa,6BAAmB,MAAM,KAAK,GAAE;AAAA,OAC/D;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,KAAK,KAAK;AAAA,QACV,KAAK,KAAK;AAAA,QACV,MAAM,KAAK;AAAA,QACX,cAAY;AAAA,QACZ;AAAA,QACA;AAAA,QACA,UAAU,CAAC,MAAM,SAAS,OAAO,EAAE,OAAO,KAAK,CAAC;AAAA,QAChD,WAAU;AAAA;AAAA,IACZ;AAAA,IACC,SAAS,oBAAC,SAAI,WAAU,iCAAgC,OAAO,EAAE,YAAY,MAAM,GAAG;AAAA,KACzF;AAEJ;;;ACrCA,SAAgB,aAAAC,YAAW,WAAAC,UAAS,YAAAC,iBAAgB;AAEpD,SAAS,qBAAqB;AA+B1B,SAUI,OAAAC,MAVJ,QAAAC,aAAA;AApBJ,IAAM,OAA+D;AAAA,EACnE,WAAW;AAAA,EACX,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM;AACR;AAEA,IAAM,IAAI;AAGH,IAAM,YAAsC,CAAC,EAAE,WAAW,UAAU,OAAO,SAAS,IAAI,YAAY,IAAI,MAAM,MAAM;AACzH,QAAM,WAAW,YAAY,QAAS,CAAC,aAAa,OAAO,SAAS,MAAM,IAAe,CAAC,OAAO;AACjG,QAAM,QAAQH;AAAA,IACZ,MAAO,aAAa,UAAU,UAAU,IAAI,SAAS,IAAI,CAAC,OAAO,EAAE,GAAG,GAAG,cAAc,WAAW,GAAG,GAAG,MAAM,EAAE,EAAE,IAAI,CAAC;AAAA;AAAA,IAEvH,CAAC,WAAW,SAAS,MAAM;AAAA,EAC7B;AACA,QAAM,UAAU,aAAa,UAAU,UAAU,KAAK,IAAI,GAAG,UAAU,OAAO,IAAI,UAAU,UAAU;AACtG,QAAM,WAAW,aAAa,UAAU,UAAU,KAAK,IAAI,GAAG,UAAU,UAAU,IAAI,UAAU,UAAU;AAC1G,SACE,gBAAAG;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,OAAO,CAAC,IAAI,MAAM;AAAA,MAC3B,qBAAoB;AAAA,MACpB,MAAK;AAAA,MACL,cAAY,YAAY,gBAAgB,UAAU,OAAO,YAAY;AAAA,MACrE,eAAY;AAAA,MACZ,WAAW,kCAAkC,SAAS;AAAA,MACtD,OAAO,EAAE,QAAQ,GAAG,MAAM;AAAA,MAEzB;AAAA,cAAM,IAAI,CAAC,EAAE,GAAG,EAAE,MACjB,gBAAAD,KAAC,UAAa,GAAM,MAAM,KAAK,CAAC,GAAG,QAAO,UAA/B,CAAsC,CAClD;AAAA,QACA,UAAU,QAAS,gBAAAA,KAAC,UAAK,GAAG,GAAG,GAAG,GAAG,OAAO,GAAG,QAAgB,MAAK,WAAU,eAAY,0BAAyB;AAAA,QACnH,WAAW,QAAS,gBAAAA,KAAC,UAAK,GAAG,IAAI,GAAG,GAAG,GAAG,OAAO,GAAG,QAAgB,MAAK,WAAU,eAAY,6BAA4B;AAAA;AAAA;AAAA,EAC9H;AAEJ;AAGO,SAAS,kBAAkB,YAA0D;AAC1F,QAAM,CAAC,WAAW,YAAY,IAAID,UAAgC,MAAM,WAAW,aAAa,CAAC;AACjG,EAAAF,WAAU,MAAM,WAAW,mBAAmB,YAAY,GAAG,CAAC,UAAU,CAAC;AACzE,SAAO;AACT;;;ACxDA,SAAgB,aAAAK,YAAW,YAAAC,iBAAgB;AAU3C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;;;ACpBP,SAAgB,UAAAC,SAAQ,YAAAC,iBAAgB;AAExC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAuEC,gBAAAC,MAGA,QAAAC,aAHA;AA5DR,IAAM,MAAM;AACZ,IAAM,SAAS,EAAE,QAAQ,WAAW,KAAK,WAAW,OAAO,WAAW,MAAM,UAAU;AAM/E,IAAM,eAA4C,CAAC,EAAE,QAAQ,UAAU,WAAW,UAAU,UAAU,OAAO,IAAI,MAAM;AAC5H,QAAM,SAASJ,QAAsB,IAAI;AACzC,QAAM,CAAC,MAAM,OAAO,IAAIC,UAAwB,IAAI;AAEpD,QAAM,QAAQ,CAAC,MAA6C;AAC1D,UAAM,OAAO,OAAO,SAAS,sBAAsB;AACnD,QAAI,CAAC,QAAQ,CAAC,KAAK,SAAS,CAAC,KAAK,OAAQ,QAAO,EAAE,GAAG,GAAG,GAAG,EAAE;AAC9D,WAAO,EAAE,IAAK,EAAE,UAAU,KAAK,QAAQ,KAAK,QAAS,KAAK,IAAK,EAAE,UAAU,KAAK,OAAO,KAAK,SAAU,IAAI;AAAA,EAC5G;AAEA,QAAM,gBAAgB,CAAC,MAA0B;AAC/C,UAAM,EAAE,GAAG,EAAE,IAAI,MAAM,CAAC;AACxB,QAAI,QAAQ,kBAAkB,QAAQ,GAAG,GAAG,KAAK,KAAK,EAAE;AACxD,QAAI,UAAU,IAAI;AAChB,YAAM,WAAW,iBAAiB,QAAQ,gBAAgB,GAAG,GAAG,KAAK,GAAG,CAAC;AACzE,eAAS,SAAS,QAAQ,IAAI;AAC9B,cAAQ,SAAS;AAAA,IACnB,OAAO;AACL,eAAS,QAAQ,IAAI;AAAA,IACvB;AACA,YAAQ,KAAK;AACb,IAAC,EAAE,OAAmB,oBAAoB,EAAE,SAAS;AAAA,EACvD;AAEA,QAAM,gBAAgB,CAAC,MAA0B;AAC/C,QAAI,SAAS,KAAM;AACnB,aAAS,eAAe,QAAQ,MAAM,gBAAgB,MAAM,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC,GAAG,KAAK;AAAA,EACjG;AAEA,QAAM,gBAAgB,CAAC,MAAwB;AAC7C,UAAM,EAAE,GAAG,EAAE,IAAI,MAAM,CAAC;AACxB,UAAM,QAAQ,kBAAkB,QAAQ,GAAG,GAAG,KAAK,KAAK,EAAE;AAC1D,QAAI,UAAU,MAAM,OAAO,SAAS,EAAG,UAAS,iBAAiB,QAAQ,KAAK,GAAG,IAAI;AAAA,EACvF;AAEA,QAAM,cAAc,YAAY,WAAW,cAAc;AACzD,SACE,gBAAAG;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,SAAS,OAAO,GAAG,IAAI,GAAG;AAAA,MAC1B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAK;AAAA,MACL,cAAY,GAAG,OAAO;AAAA,MACtB,eAAY;AAAA,MACZ,WAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,aAAa,MAAM,QAAQ,IAAI;AAAA,MAC/B,iBAAiB,MAAM,QAAQ,IAAI;AAAA,MACnC;AAAA,MAEC;AAAA,qBAAa,UAAU,UAAU,KAChC,gBAAAD,KAAC,UAAK,GAAGD,eAAc,WAAW,aAAa,KAAK,GAAG,GAAG,MAAK,6BAA4B;AAAA,QAE5F,CAAC,IAAI,KAAK,GAAG,EAAE,IAAI,CAAC,MACnB,gBAAAE,MAAC,OAAU,QAAO,4BAA2B,aAAa,GACxD;AAAA,0BAAAD,KAAC,UAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,KAAK;AAAA,UACpC,gBAAAA,KAAC,UAAK,IAAI,GAAG,IAAI,GAAG,IAAI,KAAK,IAAI,GAAG;AAAA,aAF9B,CAGR,CACD;AAAA,QACD,gBAAAA,KAAC,UAAK,IAAI,GAAG,IAAI,KAAK,IAAI,KAAK,IAAI,GAAG,QAAO,6BAA4B,iBAAgB,OAAM;AAAA,QAC/F,gBAAAA,KAAC,UAAK,GAAG,aAAa,QAAQ,KAAK,GAAG,GAAG,MAAK,QAAO,QAAQ,OAAO,OAAO,GAAG,aAAa,GAAG;AAAA,QAC7F,OAAO,IAAI,CAAC,GAAG,MAAM;AACpB,gBAAM,IAAI,gBAAgB,GAAG,KAAK,GAAG;AACrC,iBACE,gBAAAA;AAAA,YAAC;AAAA;AAAA,cAEC,IAAI,EAAE;AAAA,cACN,IAAI,EAAE;AAAA,cACN,GAAG;AAAA,cACH,MAAM,SAAS,IAAI,OAAO,OAAO,IAAI;AAAA,cACrC,QAAQ,OAAO,OAAO;AAAA,cACtB,aAAa;AAAA,cACb,cAAY,SAAS,EAAE,KAAK,OAAO,EAAE,MAAM;AAAA;AAAA,YAPtC;AAAA,UAQP;AAAA,QAEJ,CAAC;AAAA;AAAA;AAAA,EACH;AAEJ;;;ADzDI,SAIQ,OAAAE,MAJR,QAAAC,aAAA;AApBJ,IAAM,WAA6C;AAAA,EACjD,EAAE,IAAI,UAAU,OAAO,MAAM;AAAA,EAC7B,EAAE,IAAI,OAAO,OAAO,MAAM;AAAA,EAC1B,EAAE,IAAI,SAAS,OAAO,QAAQ;AAAA,EAC9B,EAAE,IAAI,QAAQ,OAAO,OAAO;AAC9B;AACA,IAAM,QAAQ;AAAA,EACZ,EAAE,IAAI,WAAW,OAAO,UAAU;AAAA,EAClC,EAAE,IAAI,YAAY,OAAO,WAAW;AAAA,EACpC,EAAE,IAAI,cAAc,OAAO,aAAa;AAC1C;AAEA,IAAM,cAAc;AACpB,IAAM,YAAY,CAAC,OACjB,mCAAmC,KAAK,6BAA6B,kDAAkD;AAGzH,IAAM,gBAAwE,CAAC,EAAE,OAAO,MAAM;AAC5F,QAAM,MAAM,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,CAAC,GAAG,MAAM,GAAI,IAAI,KAAM,GAAG,IAAI,KAAK,eAAe,EAAE,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,KAAK,GAAG;AAC7H,SACE,gBAAAA,MAAC,SAAI,SAAQ,cAAa,qBAAoB,QAAO,WAAU,sBAAqB,eAAY,mBAC9F;AAAA,oBAAAD,KAAC,UACC,0BAAAA,KAAC,oBAAe,IAAG,sBAChB,WAAC,GAAG,IAAI,KAAK,KAAK,KAAK,KAAK,GAAG,EAAE,IAAI,CAAC,MACrC,gBAAAA,KAAC,UAAa,QAAQ,GAAI,IAAI,MAAO,GAAG,KAAK,WAAW,OAAO,CAAC,iBAArD,CAAoE,CAChF,GACH,GACF;AAAA,IACA,gBAAAA,KAAC,UAAK,OAAO,KAAK,QAAQ,IAAI,MAAK,4BAA2B,SAAS,KAAK;AAAA,IAC5E,gBAAAA,KAAC,cAAS,QAAQ,KAAK,MAAK,QAAO,QAAO,QAAO,aAAa,KAAK;AAAA,KACrE;AAEJ;AAMO,IAAM,wBAA8D,CAAC,EAAE,YAAY,QAAQ,YAAY,UAAU,MAAM;AAE5H,QAAM,SAAS,eAAe;AAC9B,QAAM,CAAC,EAAE,OAAO,IAAIE,UAAS,CAAC;AAC9B,EAAAC,WAAU,MAAO,SAAS,WAAW,UAAU,MAAM,QAAQ,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,QAAY,CAAC,YAAY,MAAM,CAAC;AAC9G,QAAM,SAAS,cAAc,WAAW,oBAAoB;AAC5D,QAAM,CAAC,SAAS,UAAU,IAAID,UAAyB,QAAQ;AAC/D,QAAM,CAAC,YAAY,aAAa,IAAIA,UAAwB,IAAI;AAChE,QAAM,CAAC,SAAS,UAAU,IAAIA,UAAkB,QAAQ;AACxD,QAAM,CAAC,OAAO,QAAQ,IAAIA,UAAiB,EAAE;AAC7C,QAAM,CAAC,MAAM,OAAO,IAAIA,UAAuC,UAAU;AAEzE,QAAM,WAAW,OAAO,KAAK,CAAC,MAAM,EAAE,OAAO,UAAU,KAAK;AAC5D,QAAM,WAAW,CAAC,GAAG,MAAM,EAAE,QAAQ;AAErC,QAAM,WAAW,CAAC,OAAwB,MAAc,OAAgB,SAAS,SAC/E,WAAW,sBAAsB,MAAM,IAAI,EAAE,QAAQ,eAAe,MAAM,QAAQ,MAAM,KAAK,EAAW,GAAG,MAAM;AAEnH,QAAM,SAAS,CAAC,OAAwB,MAAmB,UACzD,gBAAAF;AAAA,IAAC;AAAA;AAAA,MAEC;AAAA,MACA;AAAA,MACA,OAAO,OAAO,eAAe,MAAM,QAAQ,KAAK,EAAE,KAAK,KAAK,OAAO;AAAA,MACnE,UAAU,CAAC,MAAM,SAAS,OAAO,KAAK,IAAI,CAAC;AAAA;AAAA,IAJtC,KAAK;AAAA,EAKZ;AAEF,QAAM,aAAa,CAAC,OAAwB,SAAyC,MAAM,SACzF,0BAA0B,MAAM,IAAI,EAAE,OAAO,MAAM;AACrD,QAAM,WAAW,CAAC,OAAwB,MAAc,UACtD,gBAAAC,MAAC,WAAM,WAAU,0CACf;AAAA,oBAAAD;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,QAAQ,eAAe,MAAM,QAAQ,IAAI,CAAC;AAAA,QACnD,UAAU,CAAC,MAAM,SAAS,OAAO,MAAM,EAAE,OAAO,OAAO;AAAA,QACvD,WAAU;AAAA;AAAA,IACZ;AAAA,IACC;AAAA,KACH;AAGF,QAAM,SAAS,CAAC,UAA2B;AACzC,YAAQ,MAAM,MAAM;AAAA,MAClB,KAAK;AACH,eACE,gBAAAC,MAAC,SAAI,WAAU,uBACb;AAAA,0BAAAD,KAAC,SAAI,WAAU,cAAa,MAAK,SAAQ,cAAW,iBACjD,mBAAS,IAAI,CAAC,MACb,gBAAAA,KAAC,YAAkB,MAAK,UAAS,WAAW,UAAU,YAAY,EAAE,EAAE,GAAG,SAAS,MAAM,WAAW,EAAE,EAAE,GACpG,YAAE,SADQ,EAAE,EAEf,CACD,GACH;AAAA,UACA,gBAAAA;AAAA,YAAC;AAAA;AAAA,cACC,QAAQ,MAAM,OAAO,OAAO;AAAA,cAC5B;AAAA,cACA;AAAA,cACA,UAAU,CAAC,QAAsB,WAAW,SAAS,OAAO,SAAS,QAAQ,MAAM;AAAA;AAAA,UACrF;AAAA,WACF;AAAA,MAEJ,KAAK;AACH,eACE,gBAAAC,MAAC,SAAI,WAAU,uBACb;AAAA,0BAAAD,KAAC,SAAI,WAAU,cAAa,MAAK,SAAQ,cAAW,kBACjD,mBAAS,IAAI,CAAC,MACb,gBAAAA,KAAC,YAAkB,MAAK,UAAS,WAAW,UAAU,YAAY,EAAE,EAAE,GAAG,SAAS,MAAM,WAAW,EAAE,EAAE,GACpG,YAAE,SADQ,EAAE,EAEf,CACD,GACH;AAAA,UACC,WAAW,OAAO,CAAC,MAAM,EAAE,GAAG,WAAW,GAAG,OAAO,GAAG,CAAC,EAAE,IAAI,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AAAA,WACvF;AAAA,MAEJ,KAAK;AACH,eACE,gBAAAC,MAAC,SAAI,WAAU,uBACb;AAAA,0BAAAA,MAAC,SAAI,WAAU,wBAAuB,MAAK,SAAQ,cAAW,aAC5D;AAAA,4BAAAD,KAAC,YAAO,MAAK,UAAS,WAAW,UAAU,UAAU,EAAE,GAAG,SAAS,MAAM,SAAS,EAAE,GAAG,oBAEvF;AAAA,YACC,iBAAiB,IAAI,CAAC,MAAM,MAC3B,gBAAAA,KAAC,YAAkB,MAAK,UAAS,WAAW,UAAU,UAAU,CAAC,GAAG,SAAS,MAAM,SAAS,CAAC,GAAG,UAAU,MAAM,OAAO,UACpH,kBADU,IAEb,CACD;AAAA,aACH;AAAA,UACC,SAAS,KAAK,CAAC,MAAM,OAAO,YAAY,gBAAAA,KAAC,iBAAc,QAAQ,MAAM,OAAO,OAAO,KAAK,EAAE,QAAQ;AAAA,UAClG,WAAW,OAAO,CAAC,MAAO,UAAU,MAAM,MAAM,OAAO,WAAW,CAAC,EAAE,GAAG,WAAW,SAAS,IAAI,EAAE,GAAG,WAAW,UAAU,KAAK,GAAG,CAAE,EAAE;AAAA,YAAI,CAAC,MAC1I,OAAO,OAAO,CAAC;AAAA,UACjB;AAAA,UACC,UAAU,MAAM,SAAS,OAAO,YAAY,UAAU;AAAA,WACzD;AAAA,MAEJ,KAAK;AACH,eACE,gBAAAC,MAAC,SAAI,WAAU,uBACb;AAAA,0BAAAD,KAAC,SAAI,WAAU,cAAa,MAAK,SAAQ,cAAW,QACjD,gBAAM,IAAI,CAAC,MACV,gBAAAA,KAAC,YAAkB,MAAK,UAAS,WAAW,UAAU,SAAS,EAAE,EAAE,GAAG,SAAS,MAAM,QAAQ,EAAE,EAAE,GAC9F,YAAE,SADQ,EAAE,EAEf,CACD,GACH;AAAA,UACC,WAAW,OAAO,CAAC,MAAM,EAAE,GAAG,WAAW,GAAG,IAAI,GAAG,CAAC,EAAE,IAAI,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AAAA,UACjF,SAAS,OAAO,sBAAsB,qBAAqB;AAAA,WAC9D;AAAA,MAEJ,KAAK;AACH,eACE,gBAAAC,MAAC,SAAI,WAAU,uBACZ;AAAA,qBAAW,KAAK,EAAE,IAAI,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AAAA,UAC9C,gBAAAA,MAAC,WAAM,WAAU,0CACf;AAAA,4BAAAD;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM,OAAO,SAAS;AAAA,gBAC/B,UAAU,CAAC,MAAM,SAAS,OAAO,QAAQ,EAAE,OAAO,UAAU,YAAY,IAAI;AAAA,gBAC5E,WAAU;AAAA;AAAA,YACZ;AAAA,YAAE;AAAA,YAED,MAAM,OAAO,QACZ,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,cAAW;AAAA,gBACX,OAAO,MAAM,OAAO;AAAA,gBACpB,UAAU,CAAC,MAAM,SAAS,OAAO,QAAQ,EAAE,OAAO,KAAK;AAAA,gBACvD,WAAU;AAAA;AAAA,YACZ;AAAA,aAEJ;AAAA,WACF;AAAA,MAEJ,KAAK;AACH,eACE,gBAAAC,MAAC,SAAI,WAAU,uBACb;AAAA,0BAAAA,MAAC,WAAM,WAAU,0CAAyC;AAAA;AAAA,YAExD,gBAAAD;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,cAAW;AAAA,gBACX,OAAO,MAAM,OAAO;AAAA,gBACpB,UAAU,CAAC,MAAM,SAAS,OAAO,SAAS,EAAE,OAAO,KAAK;AAAA,gBACxD,WAAU;AAAA;AAAA,YACZ;AAAA,aACF;AAAA,UACC,WAAW,KAAK,EAAE,IAAI,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AAAA,UAC7C,SAAS,OAAO,sBAAsB,qBAAqB;AAAA,WAC9D;AAAA,MAEJ,KAAK;AACH,eAAO,gBAAAA,KAAC,OAAE,WAAU,8BAA6B,qCAAuB;AAAA,MAC1E;AACE,eAAO,gBAAAA,KAAC,SAAI,WAAU,uBAAuB,qBAAW,KAAK,EAAE,IAAI,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC,GAAE;AAAA,IAChG;AAAA,EACF;AAEA,SACE,gBAAAC,MAAC,SAAI,WAAU,+BAA8B,eAAY,2BACvD;AAAA,oBAAAD,KAAC,SAAI,WAAU,qCACb,0BAAAA,KAAC,UAAK,WAAU,qEAAoE,+BAAiB,GACvG;AAAA,IACA,gBAAAC,MAAC,SAAI,WAAU,gBACb;AAAA,sBAAAD;AAAA,QAAC;AAAA;AAAA,UACC,cAAW;AAAA,UACX,WAAW,GAAG,WAAW;AAAA,UACzB,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,WAAW,EAAE,OAAO,KAAuB;AAAA,UAE3D,2BAAiB,IAAI,CAAC,MACrB,gBAAAA,KAAC,YAAoB,OAAO,EAAE,MAC3B,YAAE,SADQ,EAAE,IAEf,CACD;AAAA;AAAA,MACH;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS,MAAM;AACb,0BAAc,WAAW,mBAAmB,OAAO,CAAC;AACpD,uBAAW,QAAQ;AACnB,qBAAS,EAAE;AAAA,UACb;AAAA,UACD;AAAA;AAAA,MAED;AAAA,OACF;AAAA,IAEC,SAAS,SAAS,KACjB,gBAAAA,KAAC,QAAG,WAAU,uBAAsB,cAAW,qBAC5C,mBAAS,IAAI,CAAC,UAAU;AACvB,YAAM,QAAQ,OAAO,QAAQ,KAAK;AAClC,YAAM,QAAQ,MAAM,QAAQ,oBAAoB,MAAM,IAAI;AAC1D,aACE,gBAAAC;AAAA,QAAC;AAAA;AAAA,UAEC,WAAW,iDAAiD,MAAM,OAAO,aAAa,+CAA+C,iBAAiB;AAAA,UAEtJ;AAAA,4BAAAD;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,cAAY,QAAQ,KAAK;AAAA,gBACzB,SAAS,MAAM;AAAA,gBACf,UAAU,MAAM,WAAW,sBAAsB,MAAM,EAAE;AAAA,gBACzD,WAAU;AAAA;AAAA,YACZ;AAAA,YACA,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,WAAW,6BAA6B,MAAM,UAAU,mBAAmB,6BAA6B;AAAA,gBACxG,SAAS,MAAM,cAAc,MAAM,OAAO,aAAa,OAAO,MAAM,EAAE;AAAA,gBACtE,gBAAc,MAAM,OAAO;AAAA,gBAE1B;AAAA;AAAA,YACH;AAAA,YACA,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,cAAY,QAAQ,KAAK;AAAA,gBACzB,UAAU,UAAU,OAAO,SAAS;AAAA,gBACpC,SAAS,MAAM,WAAW,oBAAoB,MAAM,IAAI,QAAQ,CAAC;AAAA,gBACjE,WAAU;AAAA,gBACX;AAAA;AAAA,YAED;AAAA,YACA,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,cAAY,QAAQ,KAAK;AAAA,gBACzB,UAAU,UAAU;AAAA,gBACpB,SAAS,MAAM,WAAW,oBAAoB,MAAM,IAAI,QAAQ,CAAC;AAAA,gBACjE,WAAU;AAAA,gBACX;AAAA;AAAA,YAED;AAAA,YACA,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,cAAY,UAAU,KAAK;AAAA,gBAC3B,SAAS,MAAM;AACb,6BAAW,sBAAsB,MAAM,EAAE;AACzC,sBAAI,eAAe,MAAM,GAAI,eAAc,IAAI;AAAA,gBACjD;AAAA,gBACA,WAAU;AAAA,gBACX;AAAA;AAAA,YAED;AAAA;AAAA;AAAA,QA9CK,MAAM;AAAA,MA+Cb;AAAA,IAEJ,CAAC,GACH;AAAA,IAGD,YACC,gBAAAC,MAAC,SAAI,WAAU,8DAA6D,eAAY,2BACtF;AAAA,sBAAAA,MAAC,SAAI,WAAU,2BACb;AAAA,wBAAAD,KAAC,UAAK,WAAU,kBAAiB,mBAAK;AAAA,QACtC,gBAAAA;AAAA,UAAC;AAAA;AAAA,YACC,cAAW;AAAA,YACX,WAAW,GAAG,WAAW;AAAA,YACzB,OAAO,SAAS;AAAA,YAChB,UAAU,CAAC,MAAM,WAAW,sBAAsB,SAAS,IAAI,EAAE,OAAO,EAAE,OAAO,MAAmB,CAAC;AAAA,YAEpG,sBAAY,IAAI,CAAC,MAChB,gBAAAA,KAAC,YAAkB,OAAO,EAAE,IACzB,YAAE,SADQ,EAAE,EAEf,CACD;AAAA;AAAA,QACH;AAAA,SACF;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,OAAM;AAAA,UACN,OAAO,SAAS;AAAA,UAChB,UAAU,CAAC,MAAM,WAAW,sBAAsB,SAAS,IAAI,EAAE,SAAS,EAAE,CAAC;AAAA;AAAA,MAC/E;AAAA,MACC,OAAO,QAAQ;AAAA,OAClB;AAAA,KAEJ;AAEJ;;;AEzVA,SAAgB,aAAAI,YAAW,UAAAC,SAAQ,YAAAC,iBAAgB;AAEnD;AAAA,EACE,eAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAsCH,SAwGM,UAxGN,OAAAC,MAwGM,QAAAC,aAxGN;AAzBJ,IAAM,aAAa;AACnB,IAAM,WAAW,CAAC,WAChB,4EAA4E,SAAS,4CAA4C,oBAAoB;AAGvJ,IAAM,YAAiK,CAAC;AAAA,EACtK;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,MAAMJ,QAA0B,IAAI;AAC1C,EAAAD,WAAU,MAAM;AACd,UAAM,SAAS,IAAI;AACnB,UAAM,MAAM,QAAQ,WAAW,IAAI;AACnC,QAAI,CAAC,UAAU,CAAC,OAAO,CAAC,UAAU,OAAO,IAAI,oBAAoB,WAAY;AAC7E,WAAO,QAAQ,OAAO;AACtB,WAAO,SAAS,OAAO;AACvB,UAAM,MAAM,IAAI,gBAAgB,OAAO,OAAO,OAAO,MAAM;AAC3D,QAAI,KAAK,IAAI,OAAO,IAAyB;AAC7C,QAAI,aAAa,KAAK,GAAG,CAAC;AAAA,EAC5B,GAAG,CAAC,MAAM,CAAC;AACX,SACE,gBAAAI;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAM,UAAU,WAAW;AAAA,MAC3B,cAAY;AAAA,MACZ,eAAa;AAAA,MACb;AAAA,MACA,OAAO,EAAE,OAAO,MAAM,QAAQ,KAAK;AAAA,MACnC,WAAW,0HAA0H,WAAW,sBAAsB,uBAAuB;AAAA;AAAA,EAC/L;AAEJ;AAQO,IAAM,cAA0C,CAAC,EAAE,YAAY,gBAAgB,IAAI,MAAM,MAAM,cAAc,SAAS,UAAU,MAAM;AAC3I,QAAM,CAAC,EAAE,OAAO,IAAIF,UAAS,CAAC;AAC9B,EAAAF,WAAU,MAAM,WAAW,UAAU,MAAM,QAAQ,CAAC,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC;AAC/E,QAAM,CAAC,OAAO,QAAQ,IAAIE,UAAwB,IAAI;AACtD,QAAM,CAAC,UAAU,WAAW,IAAIA,UAAwB,IAAI;AAC5D,QAAM,CAAC,MAAM,OAAO,IAAIA,UAA0C,IAAI;AACtE,QAAM,CAAC,MAAM,OAAO,IAAIA,UAAwB,IAAI;AAEpD,QAAM,CAAC,UAAU,WAAW,IAAIA,UAAmB,CAAC,CAAC;AACrD,QAAM,YAAYD,QAAyB,IAAI;AAC/C,QAAM,UAAU,OAAO,OAAgC;AACrD,QAAI;AACF,eAAS,IAAI;AACb,kBAAY,MAAM,GAAG,CAAC;AAAA,IACxB,SAAS,KAAK;AACZ,eAAS,eAAe,QAAQ,IAAI,UAAU,OAAO,GAAG,CAAC;AAAA,IAC3D;AAAA,EACF;AAEA,QAAM,aAAaA,QAAO,IAAI;AAE9B,QAAM,QAAQ,WAAW,SAAS;AAClC,QAAM,OAAO,eAAe,MAAM,QAAQ,MAAM,aAAa;AAC7D,QAAM,SAAS,WAAW,eAAe;AAEzC,QAAM,UAAU,CAAC,OAAsB;AACrC,QAAI;AACF,eAAS,IAAI;AACb,SAAG;AAAA,IACL,SAAS,KAAK;AACZ,eAAS,eAAe,QAAQ,IAAI,UAAU,OAAO,GAAG,CAAC;AAAA,IAC3D;AAAA,EACF;AACA,QAAM,MAAM,OAAO,WAA4B;AAC7C,YAAQ,IAAI;AACZ,aAAS,MAAM,mBAAmB,YAAY,MAAM,CAAC;AAAA,EACvD;AACA,QAAM,OAAO,CAAC,KAAgC,UAC5C,QAAQ,MAAM;AACZ,eAAW,mBAAmB,OAAQ,IAAI,EAAE,CAAC,GAAG,GAAG,MAAM,GAAG,WAAW,OAAO;AAC9E,eAAW,UAAU;AAAA,EACvB,CAAC;AACH,QAAM,eAAe;AAAA,IACnB,eAAe,MAAO,WAAW,UAAU;AAAA,IAC3C,aAAa,MAAO,WAAW,UAAU;AAAA,IACzC,WAAW,MAAO,WAAW,UAAU;AAAA,EACzC;AAEA,QAAM,SAAS,CAAC,GAAoB,QAAuB;AACzD,MAAE,eAAe;AACjB,UAAM,KAAK,EAAE,aAAa,QAAQ,uBAAuB,KAAK;AAC9D,YAAQ,IAAI;AACZ,QAAI,CAAC,GAAI;AACT,UAAM,OAAQ,EAAE,cAA8B,sBAAsB;AACpE,UAAM,WAAW,KAAK,UAAU,EAAE,UAAU,KAAK,OAAO,KAAK,SAAS;AACtE,UAAM,YAAY,cAAc,MAAM,QAAQ,IAAI,IAAI,MAAM,IAAI,SAAS,UAAU,IAAI,MAAM,SAAS,OAAO,CAAC;AAC9G,QAAI,UAAW,SAAQ,MAAM,WAAW,UAAU,IAAI,SAAS,CAAC;AAAA,EAClE;AAEA,QAAM,QAAQ,CAAC,UAAuB,MAAM,SAAS,UAAU,WAAW,kBAAkB,MAAM,IAAI,EAAE,SAAS,GAAG,CAAC,IAAI;AACzH,QAAM,YAAY,CAAC,UAAuB,MAAM,QAAQ,CAAC,MAAM,KAAK,SAAS,WAAW,kBAAkB,MAAM,IAAI,EAAE,SAAS,IAAI,MAAM,KAAK,CAAC,IAAI;AAEnJ,QAAM,SAAS,CAAC,UAAsB,QAAQ,MAAM,OAAO,OAAO,MAAM,OAAO,UAAU,MAAM,OAAO,YAAY,MAAM,OAAO,YAAY;AAE3I,SACE,gBAAAI,MAAC,SAAI,WAAW,8CAA8C,aAAa,EAAE,IAAI,eAAY,gBAAe,SAAS,MAAM,QAAQ,QAAQ,IAAI,GAC7I;AAAA,oBAAAA,MAAC,SAAI,WAAU,qCAAoC,MAAK,WAAU,cAAW,iBAC3E;AAAA,sBAAAD,KAAC,YAAO,MAAK,UAAS,WAAW,YAAY,SAAS,MAAM,IAAI,WAAW,GAAG,uBAAS;AAAA,MACvF,gBAAAA,KAAC,YAAO,MAAK,UAAS,WAAW,YAAY,SAAS,MAAM,IAAI,WAAW,GAAG,uBAAS;AAAA,MACvF,gBAAAA,KAAC,YAAO,MAAK,UAAS,WAAW,YAAY,UAAU,CAAC,QAAQ,SAAS,MAAM,IAAI,WAAW,GAAG,uBAAS;AAAA,MAC1G,gBAAAA,KAAC,YAAO,MAAK,UAAS,WAAW,YAAY,UAAU,CAAC,QAAQ,SAAS,MAAM,IAAI,UAAU,GAAG,sBAAQ;AAAA,MACxG,gBAAAA,KAAC,YAAO,MAAK,UAAS,WAAW,YAAY,UAAU,CAAC,QAAQ,SAAS,MAAM,IAAI,QAAQ,GAAG,oBAAM;AAAA,MACpG,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAW;AAAA,UACX,cAAW;AAAA,UACX,iBAAc;AAAA,UACd,SAAS,CAAC,MAAM;AACd,cAAE,gBAAgB;AAClB,kBAAM,IAAK,EAAE,cAA8B,sBAAsB;AACjE,oBAAQ,OAAO,OAAO,EAAE,GAAG,EAAE,MAAM,GAAG,EAAE,OAAO,CAAC;AAAA,UAClD;AAAA,UACD;AAAA;AAAA,MAED;AAAA,MACC,OACC,gBAAAC,MAAA,YACE;AAAA,wBAAAD,KAAC,YAAO,MAAK,UAAS,WAAW,YAAY,SAAS,MAAM,UAAU,SAAS,MAAM,GAAG,4BAAS;AAAA,QACjG,gBAAAA,KAAC,YAAO,MAAK,UAAS,WAAW,YAAY,SAAS,MAAM,QAAQ,aAAa,MAAM,YAAY,YAAY,WAAW,GAAG,QAAQ,GAAG,wBAAU;AAAA,QAClJ,gBAAAA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,MAAK;AAAA,YACL,QAAQ;AAAA,YACR,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,cAAW;AAAA,YACX,UAAU,CAAC,MAAM;AACf,oBAAM,OAAO,EAAE,cAAc,QAAQ,CAAC;AACtC,gBAAE,cAAc,QAAQ;AACxB,kBAAI,KAAM,SAAQ,MAAM,YAAY,YAAY,IAAI,CAAC;AAAA,YACvD;AAAA;AAAA,QACF;AAAA,SACF;AAAA,OAEJ;AAAA,IACC,SAAS,SAAS,KACjB,gBAAAC,MAAC,QAAG,WAAU,gEAA+D,eAAY,gBAAe,cAAW,gBAChH;AAAA,eAAS,IAAI,CAAC,MACb,gBAAAD,KAAC,QAAY,eAAJ,CAAM,CAChB;AAAA,MACD,gBAAAA,KAAC,QACC,0BAAAA,KAAC,YAAO,MAAK,UAAS,WAAU,aAAY,SAAS,MAAM,YAAY,CAAC,CAAC,GAAG,qBAAO,GACrF;AAAA,OACF;AAAA,IAGD,UACC,gBAAAC,MAAC,SAAI,WAAU,iDAAgD,eAAY,oBACzE;AAAA,sBAAAA,MAAC,WAAM,WAAU,yBACf;AAAA,wBAAAA,MAAC,UAAK,WAAU,kBAAiB;AAAA;AAAA,UAAS,KAAK,MAAM,OAAO,UAAU,GAAG;AAAA,UAAE;AAAA,WAAC;AAAA,QAC5E,gBAAAD;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,cAAW;AAAA,YACX,OAAO,KAAK,MAAM,OAAO,UAAU,GAAG;AAAA,YACrC,GAAG;AAAA,YACJ,UAAU,CAAC,MAAM,KAAK,WAAW,OAAO,EAAE,OAAO,KAAK,IAAI,GAAG;AAAA,YAC7D,WAAU;AAAA;AAAA,QACZ;AAAA,SACF;AAAA,MACA,gBAAAC,MAAC,WAAM,WAAU,yBACf;AAAA,wBAAAA,MAAC,UAAK,WAAU,kBAAiB;AAAA;AAAA,UAAM,KAAK,QAAQ,OAAO,SAAS,UAAU,OAAO,cAAc,WAAc,KAAK,GAAG;AAAA,UAAE;AAAA,WAAC;AAAA,QAC5H,gBAAAD;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,cAAW;AAAA,YACX,UAAU,OAAO,SAAS;AAAA,YAC1B,OAAO,KAAK,QAAQ,OAAO,SAAS,UAAU,OAAO,cAAc,WAAc,KAAK,GAAG;AAAA,YACxF,GAAG;AAAA,YACJ,UAAU,CAAC,MAAM,KAAK,eAAe,OAAO,EAAE,OAAO,KAAK,IAAI,GAAG;AAAA,YACjE,WAAU;AAAA;AAAA,QACZ;AAAA,SACF;AAAA,MACA,gBAAAC;AAAA,QAAC;AAAA;AAAA,UACC,cAAW;AAAA,UACX,WAAU;AAAA,UACV,OAAO,OAAO;AAAA,UACd,UAAU,CAAC,MAAM,QAAQ,MAAM,WAAW,mBAAmB,OAAO,IAAI,EAAE,OAAO,EAAE,OAAO,MAAe,CAAC,CAAC;AAAA,UAE1G;AAAA,mBAAO,SAAS,WAAW,gBAAAD,KAAC,YAAO,OAAM,gBAAe,0BAAY;AAAA,YACpED,aAAY,IAAI,CAAC,MAChB,gBAAAC,KAAC,YAAkB,OAAO,EAAE,IAAK,YAAE,SAAtB,EAAE,EAA0B,CAC1C;AAAA;AAAA;AAAA,MACH;AAAA,MACA,gBAAAC,MAAC,WAAM,WAAU,4CACf;AAAA,wBAAAD;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,SAAS,QAAQ,OAAO,OAAO;AAAA,YAC/B,UAAU,CAAC,MAAM,QAAQ,MAAM,WAAW,mBAAmB,OAAO,IAAI,EAAE,SAAS,EAAE,OAAO,QAAQ,CAAC,CAAC;AAAA,YACtG,WAAU;AAAA;AAAA,QACZ;AAAA,QAAE;AAAA,SAEJ;AAAA,MACA,gBAAAA,KAAC,SAAI,WAAU,kDAAiD,MAAK,SAAQ,cAAW,eACpF,WAAC,UAAU,gBAAgB,YAAY,KAAK,EAAY,IAAI,CAAC,MAC7D,gBAAAC,MAAC,WAAc,WAAU,2BACvB;AAAA,wBAAAD;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAY,QAAQ,CAAC;AAAA,YACrB,SAAS,QAAQ,OAAO,QAAQ,CAAC,CAAC;AAAA,YAClC,UAAU,CAAC,MAAM,QAAQ,MAAM,WAAW,mBAAmB,OAAO,IAAI,EAAE,OAAO,EAAE,GAAG,OAAO,OAAO,CAAC,CAAC,GAAG,EAAE,OAAO,QAAQ,EAAE,CAAC,CAAC;AAAA,YAC9H,WAAU;AAAA;AAAA,QACZ;AAAA,QACC;AAAA,WARS,CASZ,CACD,GACH;AAAA,OACF;AAAA,IAGF,gBAAAA,KAAC,QAAG,WAAU,yBAAwB,MAAK,QAAO,cAAW,UAC1D,eAAK,IAAI,CAAC,QAAQ;AACjB,YAAM,EAAE,MAAM,IAAI;AAClB,aACE,gBAAAC;AAAA,QAAC;AAAA;AAAA,UAEC,MAAK;AAAA,UACL,iBAAe,IAAI;AAAA,UACnB,cAAY,IAAI,QAAQ;AAAA,UACxB,iBAAe,MAAM;AAAA,UACrB,WAAW,CAAC,MAAM,OAAO;AAAA,UACzB,aAAa,CAAC,MAAM;AAClB,cAAE,aAAa,QAAQ,yBAAyB,MAAM,EAAE;AACxD,oBAAQ,MAAM,EAAE;AAAA,UAClB;AAAA,UACA,YAAY,CAAC,MAAM,EAAE,eAAe;AAAA,UACpC,QAAQ,CAAC,MAAM,OAAO,GAAG,GAAG;AAAA,UAC5B,UAAU;AAAA,UACV,SAAS,MAAM,QAAQ,MAAM,WAAW,eAAe,MAAM,IAAI,QAAQ,CAAC;AAAA,UAC1E,WAAW,CAAC,MAAM;AAChB,gBAAI,EAAE,WAAW,EAAE,kBAAkB,EAAE,QAAQ,WAAW,EAAE,QAAQ,MAAM;AACxE,gBAAE,eAAe;AACjB,sBAAQ,MAAM,WAAW,eAAe,MAAM,IAAI,QAAQ,CAAC;AAAA,YAC7D;AAAA,UACF;AAAA,UACA,eAAe,CAAC,MAAM;AACpB,cAAE,eAAe;AACjB,uBAAW,eAAe,MAAM,IAAI,MAAM,kBAAkB,MAAM,KAAK,MAAM,eAAe,QAAQ;AACpG,oBAAQ,EAAE,GAAG,EAAE,SAAS,GAAG,EAAE,QAAQ,CAAC;AAAA,UACxC;AAAA,UACA,WAAW,SAAS,IAAI,MAAM;AAAA,UAC9B,OAAO,EAAE,aAAa,IAAI,IAAI,QAAQ,GAAG;AAAA,UAEzC;AAAA,4BAAAD;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,cAAY,MAAM,UAAU,QAAQ,IAAI,KAAK,KAAK,QAAQ,IAAI,KAAK;AAAA,gBACnE,gBAAc,MAAM;AAAA,gBACpB,WAAU;AAAA,gBACV,SAAS,CAAC,MAAM;AACd,oBAAE,gBAAgB;AAClB,0BAAQ,MAAM,WAAW,mBAAmB,MAAM,IAAI,EAAE,SAAS,CAAC,MAAM,QAAQ,CAAC,CAAC;AAAA,gBACpF;AAAA,gBAEC,gBAAM,UAAU,WAAM;AAAA;AAAA,YACzB;AAAA,YACC,MAAM,SAAS,WACd,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,cAAY,MAAM,YAAY,UAAU,IAAI,KAAK,KAAK,YAAY,IAAI,KAAK;AAAA,gBAC3E,WAAU;AAAA,gBACV,SAAS,CAAC,MAAM;AACd,oBAAE,gBAAgB;AAClB,0BAAQ,MAAM,WAAW,mBAAmB,MAAM,IAAI,EAAE,WAAW,CAAC,MAAM,UAAU,CAAC,CAAC;AAAA,gBACxF;AAAA,gBAEC,gBAAM,YAAY,WAAM;AAAA;AAAA,YAC3B;AAAA,YAED,IAAI,WAAW,gBAAAA,KAAC,UAAK,WAAU,kBAAiB,cAAW,WAAU,oBAAC;AAAA,YACtE,MAAM,SAAS,UACd,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBACC,QAAQ,MAAM,KAAK;AAAA,gBACnB,MAAM;AAAA,gBACN,OAAO,GAAG,IAAI,KAAK;AAAA,gBACnB,UAAU,IAAI,UAAU,MAAM,iBAAiB,YAAY,QAAQ,MAAM,IAAI;AAAA;AAAA,YAC/E,IAEA,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO,EAAE,OAAO,eAAe,QAAQ,cAAc;AAAA,gBAEpD,qBAAW,KAAK;AAAA;AAAA,YACnB;AAAA,YAED,MAAM,QACL,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBACC,QAAQ,UAAU,KAAK;AAAA,gBACvB,MAAM;AAAA,gBACN,OAAO,GAAG,IAAI,KAAK,QAAQ,MAAM,KAAK,YAAY,QAAQ,gBAAgB,EAAE;AAAA,gBAC5E,QAAO;AAAA,gBACP,UAAU,IAAI,UAAU,MAAM,iBAAiB;AAAA,gBAC/C,SAAS,CAAC,MAAM;AACd,oBAAE,gBAAgB;AAClB,sBAAI,EAAE,SAAU,SAAQ,MAAM,WAAW,kBAAkB,MAAM,IAAI,EAAE,SAAS,MAAM,KAAM,YAAY,MAAM,CAAC,CAAC;AAAA,sBAC3G,SAAQ,MAAM,WAAW,eAAe,MAAM,IAAI,MAAM,CAAC;AAAA,gBAChE;AAAA;AAAA,YACF;AAAA,YAED,aAAa,MAAM,KAClB,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAS;AAAA,gBACT,cAAW;AAAA,gBACX,cAAc,MAAM,QAAQ,IAAI;AAAA,gBAChC,WAAU;AAAA,gBACV,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,gBAClC,QAAQ,CAAC,MAAM;AACb,8BAAY,IAAI;AAChB,sBAAI,EAAE,OAAO,MAAM,KAAK,KAAK,EAAE,OAAO,UAAU,MAAM,KAAM,SAAQ,MAAM,WAAW,mBAAmB,MAAM,IAAI,EAAE,MAAM,EAAE,OAAO,MAAM,CAAC,CAAC;AAAA,gBAC7I;AAAA,gBACA,WAAW,CAAC,MAAM;AAChB,sBAAI,EAAE,QAAQ,QAAS,CAAC,EAAE,OAA4B,KAAK;AAC3D,sBAAI,EAAE,QAAQ,SAAU,aAAY,IAAI;AAAA,gBAC1C;AAAA;AAAA,YACF,IAEA,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,2BAA2B,MAAM,UAAU,KAAK,gBAAgB;AAAA,gBAC3E,eAAe,CAAC,MAAM;AACpB,oBAAE,gBAAgB;AAClB,8BAAY,MAAM,EAAE;AAAA,gBACtB;AAAA,gBAEC,cAAI;AAAA;AAAA,YACP;AAAA,YAED,OAAO,KAAK,KAAK,gBAAAA,KAAC,UAAK,cAAW,UAAS,WAAU,kBAAiB,uBAAE;AAAA,YACxE,MAAM,UAAU,YAAY,MAAM,UAAU,kBAAkB,gBAAAA,KAAC,UAAK,WAAU,6BAA6B,gBAAM,OAAM;AAAA;AAAA;AAAA,QA/GnH,MAAM;AAAA,MAgHb;AAAA,IAEJ,CAAC,GACH;AAAA,IAEC,SACC,gBAAAA,KAAC,OAAE,MAAK,SAAQ,WAAU,iBACvB,iBACH;AAAA,IAGD,QACC,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAW;AAAA,QACX,WAAU;AAAA,QACV,OAAO,EAAE,MAAM,KAAK,GAAG,KAAK,KAAK,EAAE;AAAA,QACnC,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,QAClC,WAAW,CAAC,MAAM,EAAE,QAAQ,YAAY,QAAQ,IAAI;AAAA,QAEnD,oBAAU,UAAU,EAAE,IAAI,CAAC,SAC1B,gBAAAA;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,UAAU,CAAC,KAAK;AAAA,YAChB,WAAU;AAAA,YACV,SAAS,MAAM,IAAI,KAAK,MAAM;AAAA,YAE7B,eAAK;AAAA;AAAA,UAPD,KAAK;AAAA,QAQZ,CACD;AAAA;AAAA,IACH;AAAA,KAEJ;AAEJ;;;ACrZA,SAAgB,aAAAE,YAAW,YAAAC,iBAAgB;AAE3C,SAAS,uBAAuB,mBAAmB;AAkCzC,gBAAAC,MAcF,QAAAC,aAdE;AA1BV,IAAM,OAAO,CAAC,OAAgB,iCAAiC,KAAK,6BAA6B,8CAA8C;AAOxI,IAAM,kBAAkD,CAAC,EAAE,YAAY,UAAU,MAAM;AAC5F,QAAM,CAAC,EAAE,OAAO,IAAIC,UAAS,CAAC;AAC9B,EAAAC,WAAU,MAAM,WAAW,UAAU,MAAM,QAAQ,CAAC,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC;AAC/E,QAAM,CAAC,OAAO,QAAQ,IAAID,UAAwB,IAAI;AACtD,QAAM,QAAQ,WAAW,SAAS;AAClC,QAAM,EAAE,OAAO,YAAY,WAAW,IAAI,MAAM;AAChD,QAAM,UAAU,CAAC,OAAsB;AACrC,QAAI;AACF,eAAS,IAAI;AACb,SAAG;AAAA,IACL,SAAS,KAAK;AACZ,eAAS,eAAe,QAAQ,IAAI,UAAU,OAAO,GAAG,CAAC;AAAA,IAC3D;AAAA,EACF;AAEA,SACE,gBAAAD,MAAC,SAAI,WAAW,8CAA8C,aAAa,EAAE,IAAI,eAAY,iBAC3F;AAAA,oBAAAD,KAAC,SAAI,WAAU,cAAa,MAAK,WAAU,cAAW,eACnD,sBAAY,IAAI,CAAC,MAChB,gBAAAA;AAAA,MAAC;AAAA;AAAA,QAEC,MAAK;AAAA,QACL,gBAAc,MAAM,eAAe,EAAE;AAAA,QACrC,OAAO,GAAG,EAAE,KAAK,KAAK,EAAE,QAAQ;AAAA,QAChC,WAAW,KAAK,MAAM,eAAe,EAAE,EAAE;AAAA,QACzC,SAAS,MAAM,WAAW,QAAQ,EAAE,EAAE;AAAA,QAErC,YAAE;AAAA;AAAA,MAPE,EAAE;AAAA,IAQT,CACD,GACH;AAAA,IAEA,gBAAAC,MAAC,SAAI,WAAU,2BAA0B,MAAK,SAAQ,cAAW,WAC/D;AAAA,sBAAAA,MAAC,WAAM,WAAU,2BACf;AAAA,wBAAAD;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,OAAO;AAAA,YACP,UAAU,CAAC,MAAM,WAAW,gBAAgB,EAAE,YAAY,EAAE,OAAO,MAAM,CAAC;AAAA,YAC1E,WAAU;AAAA;AAAA,QACZ;AAAA,QACA,gBAAAA,KAAC,UAAK,WAAU,kBAAiB,gBAAE;AAAA,SACrC;AAAA,MACA,gBAAAC,MAAC,WAAM,WAAU,2BACf;AAAA,wBAAAD;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,OAAO;AAAA,YACP,UAAU,CAAC,MAAM,WAAW,gBAAgB,EAAE,YAAY,EAAE,OAAO,MAAM,CAAC;AAAA,YAC1E,WAAU;AAAA;AAAA,QACZ;AAAA,QACA,gBAAAA,KAAC,UAAK,WAAU,kBAAiB,gBAAE;AAAA,SACrC;AAAA,MACA,gBAAAA,KAAC,YAAO,MAAK,UAAS,OAAM,oBAAmB,WAAW,KAAK,KAAK,GAAG,SAAS,MAAM,WAAW,gBAAgB,GAAG,kBAEpH;AAAA,MACA,gBAAAA,KAAC,YAAO,MAAK,UAAS,OAAM,uBAAsB,WAAW,KAAK,KAAK,GAAG,SAAS,MAAM,WAAW,iBAAiB,GAAG,qBAExH;AAAA,OACF;AAAA,IAEC,sBAAsB,IAAI,CAAC,SAC1B,gBAAAA;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACA,OAAO,MAAM,KAAK,EAAE;AAAA,QACpB,UAAU,CAAC,MAAM,WAAW,gBAAgB,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC;AAAA;AAAA,MAHlE,KAAK;AAAA,IAIZ,CACD;AAAA,IAED,gBAAAC,MAAC,SAAI,WAAU,uCAAsC,MAAK,SAAQ,cAAW,YAC3E;AAAA,sBAAAA,MAAC,WAAM,WAAU,6BACf;AAAA,wBAAAD;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,SAAS,MAAM;AAAA,YACf,UAAU,CAAC,MAAM,WAAW,gBAAgB,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,QAAQ,EAAE,CAAC;AAAA,YACzF,WAAU;AAAA;AAAA,QACZ;AAAA,QAAE;AAAA,SAEJ;AAAA,MACA,gBAAAC,MAAC,WAAM,WAAU,6BACf;AAAA,wBAAAD;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,SAAS,MAAM;AAAA,YACf,UAAU,CAAC,MAAM,WAAW,gBAAgB,EAAE,OAAO,EAAE,iBAAiB,EAAE,OAAO,QAAQ,EAAE,CAAC;AAAA,YAC5F,WAAU;AAAA;AAAA,QACZ;AAAA,QAAE;AAAA,SAEJ;AAAA,OACF;AAAA,IAEA,gBAAAC,MAAC,SAAI,WAAU,cACb;AAAA,sBAAAD,KAAC,YAAO,MAAK,UAAS,WAAW,KAAK,KAAK,GAAG,SAAS,MAAM,QAAQ,MAAM,WAAW,WAAW,CAAC,GAAG,kBAErG;AAAA,MACA,gBAAAA,KAAC,YAAO,MAAK,UAAS,WAAW,KAAK,KAAK,GAAG,SAAS,MAAM,QAAQ,MAAM,WAAW,YAAY,CAAC,GAAG,mBAEtG;AAAA,OACF;AAAA,IACC,SACC,gBAAAA,KAAC,OAAE,MAAK,SAAQ,WAAU,iBACvB,iBACH;AAAA,KAEJ;AAEJ;;;AC7HA,SAAgB,YAAAI,iBAAgB;AAEhC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AA+CG,gBAAAC,MAeE,QAAAC,aAfF;AAlCV,IAAM,aAAyD;AAAA,EAC7D,EAAE,IAAI,QAAQ,OAAO,OAAO;AAAA,EAC5B,EAAE,IAAI,UAAU,OAAO,SAAS;AAAA,EAChC,EAAE,IAAI,WAAW,OAAO,UAAU;AAAA,EAClC,EAAE,IAAI,UAAU,OAAO,SAAS;AAAA,EAChC,EAAE,IAAI,UAAU,OAAO,SAAS;AAClC;AAEA,IAAM,MAAM,CAAC,OACX,6DACE,KAAK,+CAA+C,+DACtD;AAOK,IAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,MAAM;AACJ,QAAM,CAAC,QAAQ,SAAS,IAAIF,UAAS,CAAC;AACtC,QAAM,MAAM,CAAC,UAAyC,gBAAgB,EAAE,GAAG,SAAS,GAAG,MAAM,CAAC;AAC9F,QAAM,MAAM,cAAc,SAAY,WAAW,aAAa,IAAI;AAClE,QAAM,KAAK,aAAa,QAAQ,WAAW,SAAS,EAAE,SAAS;AAC/D,SACE,gBAAAE,MAAC,SAAI,eAAY,yBAAwB,WAAW,+BAA+B,SAAS,IAC1F;AAAA,oBAAAD,KAAC,SAAI,MAAK,SAAQ,cAAW,kBAAiB,WAAU,wBACrD,0BAAgB,IAAI,CAAC,MACpB,gBAAAA,KAAC,YAAkB,MAAK,UAAS,gBAAc,QAAQ,SAAS,EAAE,IAAI,WAAW,IAAI,QAAQ,SAAS,EAAE,EAAE,GAAG,SAAS,MAAM,IAAI,EAAE,MAAM,EAAE,GAAG,CAAC,GAC3I,YAAE,SADQ,EAAE,EAEf,CACD,GACH;AAAA,IACA,gBAAAA,KAAC,SAAI,MAAK,SAAQ,cAAW,kBAAiB,WAAU,wBACrD,0BAAgB,IAAI,CAAC,MACpB,gBAAAA,KAAC,YAAe,MAAK,UAAS,gBAAc,QAAQ,SAAS,GAAG,WAAW,IAAI,QAAQ,SAAS,CAAC,GAAG,SAAS,MAAM,IAAI,EAAE,MAAM,EAAE,CAAC,GAC/H,gCAAsB,CAAC,KADb,CAEb,CACD,GACH;AAAA,IACC,QAAQ,SAAS,UAChB,gBAAAC,MAAC,SAAI,WAAU,uBACb;AAAA,sBAAAA,MAAC,WAAM,WAAU,uBACf;AAAA,wBAAAA,MAAC,UAAK,WAAU,uCACd;AAAA,0BAAAD,KAAC,UAAK,uBAAS;AAAA,UACf,gBAAAA,KAAC,UAAK,WAAU,aAAa,kBAAQ,WAAU;AAAA,WACjD;AAAA,QACA,gBAAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,MAAM;AAAA,YACN,cAAW;AAAA,YACX,OAAO,QAAQ;AAAA,YACf,UAAU,CAAC,MAAM,IAAI,EAAE,WAAW,OAAO,EAAE,OAAO,KAAK,EAAE,CAAC;AAAA,YAC1D,WAAU;AAAA;AAAA,QACZ;AAAA,SACF;AAAA,MACA,gBAAAC,MAAC,WAAM,WAAU,0CACf;AAAA,wBAAAD,KAAC,WAAM,MAAK,YAAW,SAAS,QAAQ,YAAY,UAAU,CAAC,MAAM,IAAI,EAAE,YAAY,EAAE,OAAO,QAAQ,CAAC,GAAG;AAAA,QAAE;AAAA,SAEhH;AAAA,MACA,gBAAAC,MAAC,WAAM,WAAU,0CACf;AAAA,wBAAAD,KAAC,WAAM,MAAK,YAAW,SAAS,QAAQ,cAAc,UAAU,CAAC,MAAM,IAAI,EAAE,cAAc,EAAE,OAAO,QAAQ,CAAC,GAAG;AAAA,QAAE;AAAA,SAEpH;AAAA,MACA,gBAAAC,MAAC,WAAM,WAAU,0CAAyC;AAAA;AAAA,QAExD,gBAAAA;AAAA,UAAC;AAAA;AAAA,YACC,cAAW;AAAA,YACX,OAAO,QAAQ,UAAU;AAAA,YACzB,UAAU,CAAC,MAAM,IAAI,EAAE,QAAQ,EAAE,OAAO,MAAsC,CAAC;AAAA,YAC/E,WAAU;AAAA,YAEV;AAAA,8BAAAD,KAAC,YAAO,OAAM,aAAY,wBAAU;AAAA,cACpC,gBAAAA,KAAC,YAAO,OAAM,gBAAe,0BAAY;AAAA;AAAA;AAAA,QAC3C;AAAA,SACF;AAAA,OACF;AAAA,IAEF,gBAAAC,MAAC,WAAM,WAAU,0CACf;AAAA,sBAAAD,KAAC,WAAM,MAAK,YAAW,SAAS,QAAQ,WAAW,UAAU,CAAC,MAAM,IAAI,EAAE,WAAW,EAAE,OAAO,QAAQ,CAAC,GAAG;AAAA,MAAE;AAAA,OAE9G;AAAA,IACA,gBAAAC,MAAC,SAAI,WAAU,wBACb;AAAA,sBAAAD,KAAC,YAAO,MAAK,UAAS,WAAW,IAAI,KAAK,GAAG,SAAS,MAAM,WAAW,UAAU,GAAG,wBAEpF;AAAA,MACA,gBAAAA,KAAC,YAAO,MAAK,UAAS,WAAW,IAAI,KAAK,GAAG,UAAU,CAAC,KAAK,SAAS,MAAM,WAAW,SAAS,GAAG,sBAEnG;AAAA,MACA,gBAAAA,KAAC,YAAO,MAAK,UAAS,WAAW,IAAI,KAAK,GAAG,SAAS,MAAM,WAAW,gBAAgB,GAAG,qBAE1F;AAAA,MACA,gBAAAA,KAAC,YAAO,MAAK,UAAS,gBAAc,IAAI,WAAW,IAAI,EAAE,GAAG,SAAS,MAAM,WAAW,aAAa,CAAC,EAAE,GAAG,wBAEzG;AAAA,OACF;AAAA,IACA,gBAAAC,MAAC,SAAI,WAAU,qCACb;AAAA,sBAAAA,MAAC,WAAM,WAAU,0CAAyC;AAAA;AAAA,QAExD,gBAAAD;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,MAAM;AAAA,YACN,cAAW;AAAA,YACX,OAAO;AAAA,YACP,UAAU,CAAC,MAAM,UAAU,KAAK,IAAI,GAAG,OAAO,EAAE,OAAO,KAAK,KAAK,CAAC,CAAC;AAAA,YACnE,WAAU;AAAA;AAAA,QACZ;AAAA,SACF;AAAA,MACC,WAAW,IAAI,CAAC,EAAE,IAAI,MAAM,MAC3B,gBAAAA,KAAC,YAAgB,MAAK,UAAS,WAAW,IAAI,KAAK,GAAG,UAAU,CAAC,KAAK,SAAS,MAAM,WAAW,gBAAgB,IAAI,MAAM,GACvH,mBADU,EAEb,CACD;AAAA,OACH;AAAA,IACA,gBAAAA,KAAC,OAAE,eAAY,oBAAmB,WAAU,kBACzC,4BAAkB,GAAG,GACxB;AAAA,KACF;AAEJ;;;ACrJA,SAAgB,YAAAE,iBAAgB;AAEhC;AAAA,EACE,oBAAAC;AAAA,EACA;AAAA,EACA,uBAAAC;AAAA,EACA;AAAA,OACK;AA6CD,SA0FM,YAAAC,WA1FN,OAAAC,MAKM,QAAAC,aALN;AAlCN,IAAM,iBAA6C,EAAE,QAAQ,GAAG,aAAa,OAAO,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,EAAE;AAErI,IAAM,SACJ;AAOK,IAAM,kBAAkD,CAAC,EAAE,YAAY,WAAW,QAAQ,YAAY,GAAG,MAAM;AACpH,QAAM,CAAC,QAAQ,SAAS,IAAIL,UAAqC,cAAc;AAC/E,QAAM,CAAC,MAAM,OAAO,IAAIA,UAAS,KAAK;AACtC,QAAM,CAAC,OAAO,QAAQ,IAAIA,UAAwB,IAAI;AACtD,QAAM,CAAC,SAAS,UAAU,IAAIA,UAAS,EAAE;AACzC,QAAM,CAAC,SAAS,UAAU,IAAIA,UAAyB,eAAe;AACtE,QAAM,MAAM,cAAc,SAAY,WAAW,aAAa,IAAI;AAClE,QAAM,OAAO,UAAU,WAAW,oBAAoB;AACtD,QAAM,SAAS,KAAK,KAAK,CAAC,MAAM,EAAE,OAAO,OAAO,KAAK,KAAK,KAAK,SAAS,CAAC;AAEzE,QAAM,SAAS,YAAY;AACzB,YAAQ,IAAI;AACZ,aAAS,IAAI;AACb,QAAI;AACF,YAAM,WAAW,gBAAgB,MAAM;AAAA,IACzC,SAAS,KAAK;AACZ,eAAS,eAAe,QAAQ,IAAI,UAAU,OAAO,GAAG,CAAC;AAAA,IAC3D,UAAE;AACA,cAAQ,KAAK;AAAA,IACf;AAAA,EACF;AAEA,SACE,gBAAAK,MAAC,SAAI,eAAY,qBAAoB,WAAW,+BAA+B,SAAS,IACtF;AAAA,oBAAAD,KAAC,UAAK,WAAU,qEAAoE,yBAAW;AAAA,IAC9F,qBAAqB,IAAI,CAAC,MACzB,gBAAAC,MAAC,WAAiB,WAAU,uBAC1B;AAAA,sBAAAA,MAAC,UAAK,WAAU,uCACd;AAAA,wBAAAD,KAAC,UAAM,YAAE,OAAM;AAAA,QACf,gBAAAC,MAAC,UAAK,WAAU,aACb;AAAA,iBAAO,EAAE,EAAE;AAAA,UACX,EAAE;AAAA,WACL;AAAA,SACF;AAAA,MACA,gBAAAD;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,KAAK,EAAE;AAAA,UACP,KAAK,EAAE;AAAA,UACP,MAAM,EAAE;AAAA,UACR,cAAY,EAAE;AAAA,UACd,OAAO,OAAO,EAAE,EAAE;AAAA,UAClB,UAAU,CAAC,MAAM,UAAU,EAAE,GAAG,QAAQ,CAAC,EAAE,EAAE,GAAG,OAAO,EAAE,OAAO,KAAK,EAAE,CAAC;AAAA,UACxE,WAAU;AAAA;AAAA,MACZ;AAAA,SAjBU,EAAE,EAkBd,CACD;AAAA,IACD,gBAAAC,MAAC,WAAM,WAAU,0CACf;AAAA,sBAAAD,KAAC,WAAM,MAAK,YAAW,SAAS,OAAO,aAAa,UAAU,CAAC,MAAM,UAAU,EAAE,GAAG,QAAQ,aAAa,EAAE,OAAO,QAAQ,CAAC,GAAG;AAAA,MAAE;AAAA,OAElI;AAAA,IACA,gBAAAC,MAAC,SAAI,WAAU,cACb;AAAA,sBAAAD,KAAC,YAAO,MAAK,UAAS,WAAW,QAAQ,UAAU,CAAC,OAAO,MAAM,SAAS,QAAQ,yBAElF;AAAA,MACA,gBAAAA,KAAC,YAAO,MAAK,UAAS,WAAW,QAAQ,SAAS,MAAM,UAAU,cAAc,GAAG,mBAEnF;AAAA,OACF;AAAA,IACC,SACC,gBAAAA,KAAC,OAAE,MAAK,SAAQ,WAAU,iBACvB,iBACH;AAAA,IAGF,gBAAAA,KAAC,UAAK,WAAU,0EAAyE,wBAAU;AAAA,IACnG,gBAAAC,MAAC,SAAI,WAAU,2BACb;AAAA,sBAAAD;AAAA,QAAC;AAAA;AAAA,UACC,cAAW;AAAA,UACX,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,WAAW,EAAE,OAAO,KAAuB;AAAA,UAC5D,WAAU;AAAA,UAET,UAAAH,kBAAiB,IAAI,CAAC,MACrB,gBAAAG,KAAC,YAAoB,OAAO,EAAE,MAC3B,YAAE,SADQ,EAAE,IAEf,CACD;AAAA;AAAA,MACH;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAW;AAAA,UACX,UAAU,CAAC;AAAA,UACX,SAAS,MAAM,OAAO,WAAW,WAAW,mBAAmB,EAAE,MAAM,SAAS,MAAM,uBAAuB,GAAG,EAAE,CAAC,CAAC;AAAA,UACrH;AAAA;AAAA,MAED;AAAA,OACF;AAAA,IACC,KAAK,SAAS,KAAK,UAClB,gBAAAC,MAAC,SAAI,WAAU,uBACb;AAAA,sBAAAD;AAAA,QAAC;AAAA;AAAA,UACC,cAAW;AAAA,UACX,OAAO,OAAO;AAAA,UACd,UAAU,CAAC,MAAM,WAAW,EAAE,OAAO,KAAK;AAAA,UAC1C,WAAU;AAAA,UAET,eAAK,IAAI,CAAC,MACT,gBAAAC,MAAC,YAAkB,OAAO,EAAE,IACzB;AAAA,cAAE,QAAQH,qBAAoB,EAAE,IAAI;AAAA,YACpC,EAAE,OAAO,cAAc;AAAA,eAFb,EAAE,EAGf,CACD;AAAA;AAAA,MACH;AAAA,MACA,gBAAAG,MAAC,SAAI,WAAU,wBACb;AAAA,wBAAAD,KAAC,YAAO,MAAK,UAAS,WAAW,QAAQ,UAAU,CAAC,KAAK,SAAS,MAAM,WAAW,0BAA0B,OAAO,EAAE,GAAG,iCAEzH;AAAA,QACA,gBAAAA,KAAC,YAAO,MAAK,UAAS,WAAW,QAAQ,UAAU,CAAC,OAAO,MAAM,SAAS,MAAM,WAAW,uBAAuB,OAAO,EAAE,GAAG,+BAE9H;AAAA,QACA,gBAAAA,KAAC,YAAO,MAAK,UAAS,WAAW,QAAQ,UAAU,CAAC,OAAO,MAAM,SAAS,MAAM,WAAW,uBAAuB,OAAO,IAAI,IAAI,GAAG,yBAEpI;AAAA,SACF;AAAA,MACC,OAAO,QACN,gBAAAC,MAAAF,WAAA,EACE;AAAA,wBAAAE,MAAC,WAAM,WAAU,uBACf;AAAA,0BAAAA,MAAC,UAAK,WAAU,uCACd;AAAA,4BAAAD,KAAC,UAAK,qBAAO;AAAA,YACb,gBAAAC,MAAC,UAAK,WAAU,aAAa;AAAA,mBAAK,OAAO,OAAO,KAAK,WAAW,KAAK,GAAG;AAAA,cAAE;AAAA,eAAC;AAAA,aAC7E;AAAA,UACA,gBAAAD;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,KAAK;AAAA,cACL,KAAK;AAAA,cACL,MAAM;AAAA,cACN,cAAW;AAAA,cACX,OAAO,KAAK,OAAO,OAAO,KAAK,WAAW,KAAK,GAAG;AAAA,cAClD,UAAU,CAAC,MAAM,WAAW,4BAA4B,OAAO,IAAI,EAAE,SAAS,OAAO,EAAE,OAAO,KAAK,IAAI,IAAI,CAAC;AAAA,cAC5G,WAAU;AAAA;AAAA,UACZ;AAAA,WACF;AAAA,QACA,gBAAAC,MAAC,WAAM,WAAU,uBACf;AAAA,0BAAAA,MAAC,UAAK,WAAU,uCACd;AAAA,4BAAAD,KAAC,UAAK,0BAAY;AAAA,YAClB,gBAAAC,MAAC,UAAK,WAAU,aAAa;AAAA,qBAAO,KAAK,WAAW;AAAA,cAAE;AAAA,eAAE;AAAA,aAC1D;AAAA,UACA,gBAAAD;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,KAAK;AAAA,cACL,KAAK;AAAA,cACL,MAAM;AAAA,cACN,cAAW;AAAA,cACX,OAAO,OAAO,KAAK,WAAW;AAAA,cAC9B,UAAU,CAAC,MAAM,WAAW,4BAA4B,OAAO,IAAI,EAAE,SAAS,OAAO,EAAE,OAAO,KAAK,EAAE,CAAC;AAAA,cACtG,WAAU;AAAA;AAAA,UACZ;AAAA,WACF;AAAA,SACF;AAAA,OAEJ;AAAA,KAEJ;AAEJ;;;ARkiBU,SAoiBM,YAAAE,WApiBN,OAAAC,MAoFA,QAAAC,aApFA;AAnqBH,IAAM,cAA0C,CAAC;AAAA,EACtD,QAAQ;AAAA,EACR;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,iBAAiB,eAAe,EAAE,OAAO,IAAI,CAAC;AACpD,QAAM,SAAS,kBAAkB;AACjC,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,gBAAgB,wBAAwB,MAAM,YAAY,OAAO,IAAI;AAE3E,QAAM,YAAYC,QAA0B,IAAI;AAChD,QAAM,eAAeA,QAAuB,IAAI;AAChD,QAAM,CAAC,WAAW,YAAY,IAAIC,UAAkB,MAAM;AAC1D,QAAM,CAAC,iBAAiB,kBAAkB,IAAIA,UAAwB,IAAI;AAG1E,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,UAA+B,8BAA8B;AAC7G,QAAM,sBAAsBD,QAAO,gBAAgB;AACnD,sBAAoB,UAAU;AAC9B,QAAM,sBAAsBA,QAAgC,IAAI;AAChE,MAAI,CAAC,oBAAoB,WAAW,oBAAoB,QAAQ,eAAe,YAAY;AACzF,wBAAoB,UAAU,IAAI,iBAAiB,YAAY,MAAM,oBAAoB,OAAO;AAAA,EAClG;AACA,QAAM,oBAAoBA,QAA4B,IAAI;AAC1D,QAAM,CAAC,gBAAgB,iBAAiB,IAAIC,UAAwB,IAAI;AAGxE,QAAM,kBAAkBD,QAA4B,IAAI;AACxD,QAAM,qBAAqBA,QAAO,UAAU;AAC5C,MAAI,CAAC,gBAAgB,WAAW,mBAAmB,YAAY,YAAY;AACzE,oBAAgB,UAAU,IAAI,aAAa,UAAU;AACrD,uBAAmB,UAAU;AAAA,EAC/B;AACA,QAAM,iBAAiBA,QAA0B,IAAI;AACrD,QAAM,CAAC,YAAY,aAAa,IAAIC,UAAwB,IAAI;AAGhE,QAAM,CAAC,eAAe,gBAAgB,IAAIA,UAAS,EAAE;AACrD,QAAM,CAAC,iBAAiB,kBAAkB,IAAIA,UAAiC,aAAa;AAC5F,QAAM,CAAC,cAAc,eAAe,IAAIA,UAAS,KAAK;AACtD,QAAM,CAAC,cAAc,eAAe,IAAIA,UAAS,KAAK;AACtD,QAAM,CAAC,SAAS,UAAU,IAAIA,UAAwB,IAAI;AAC1D,QAAM,CAAC,WAAW,YAAY,IAAIA,UAAwB,IAAI;AAE9D,QAAM,CAAC,UAAU,WAAW,IAAIA,UAA2C,MAAM;AACjF,QAAM,YAAY,aAAa,SAAS,CAAC,IAAI,EAAE,QAAQ,SAAS;AAEhE,QAAM,qBAAqB,aAAa,SAAS;AACjD,QAAM,sBAAsB,sBAAsB,SAAS;AAE3D,QAAM,yBAAyB,YAAY;AACzC,QAAI,CAAC,qBAAqB;AACxB,iBAAW,2CAA2C;AACtD;AAAA,IACF;AACA,eAAW,IAAI;AACf,iBAAa,IAAI;AACjB,oBAAgB,IAAI;AACpB,QAAI;AAGF,YAAM,eAAe,MAAM,WAAW,iBAAiB,SAAS;AAChE,YAAM,SAAS,MAAM,oBAAoB,EAAE,aAAa,CAAC;AACzD,UAAI,OAAO,WAAW,UAAU;AAC9B,cAAM,OAAO,4BAA4B,QAAQ,SAAS;AAC1D,qBAAa,kCAAkC;AAAA,MACjD,OAAO;AACL,qBAAa,8BAA8B;AAAA,MAC7C;AAAA,IACF,SAAS,KAAU;AACjB,iBAAW,KAAK,WAAW,8BAA8B;AAAA,IAC3D,UAAE;AACA,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF;AAEA,QAAM,gBAAgB,YAAY;AAChC,QAAI,CAAC,oBAAoB;AACvB,iBAAW,mCAAmC;AAC9C;AAAA,IACF;AACA,QAAI,CAAC,cAAc,KAAK,GAAG;AACzB,iBAAW,oCAAoC;AAC/C;AAAA,IACF;AACA,eAAW,IAAI;AACf,iBAAa,IAAI;AACjB,oBAAgB,IAAI;AACpB,QAAI;AAEF,YAAM,eAAe,MAAM,WAAW,iBAAiB,SAAS;AAChE,YAAM,cAAc,MAAM,OAAO,cAAc;AAAA,QAC7C,gBAAgB,oBAAoB;AAAA,QACpC,SAAS,oBAAoB;AAAA,MAC/B,CAAC;AACD,YAAM,SAAS,MAAM,mBAAmB;AAAA,QACtC,QAAQ,cAAc,KAAK;AAAA,QAC3B;AAAA,QACA;AAAA,QACA,SAAS,oBAAoB,SAAS,OAAO,MAAM,OAAO;AAAA,MAC5D,CAAC;AACD,UAAI,OAAO,WAAW,UAAU;AAC9B,cAAM,OAAO,oBAAoB,QAAQ,SAAS;AAClD,qBAAa,kCAAkC;AAAA,MACjD,OAAO;AACL,qBAAa,sBAAsB;AAAA,MACrC;AAAA,IACF,SAAS,KAAU;AACjB,iBAAW,KAAK,WAAW,6BAA6B;AAAA,IAC1D,UAAE;AACA,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF;AAGA,QAAM,CAAC,aAAa,cAAc,IAAIA,UAAS,SAAS;AACxD,QAAM,CAAC,aAAa,cAAc,IAAIA,UAAS,CAAC;AAChD,QAAM,CAAC,UAAU,WAAW,IAAIA,UAAS,EAAE;AAC3C,QAAM,CAAC,WAAW,YAAY,IAAIA,UAAS,EAAE;AAG7C,QAAM,qBAAqBD,QAA0B,IAAI;AACzD,QAAM,eAAeA,QAAuB,IAAI;AAChD,QAAM,kBAAkBA,QAKd,IAAI;AACd,QAAM,wBAAwBA,QAIpB,IAAI;AACd,QAAM,eAAeA,QAAO,KAAK;AACjC,QAAM,iBAAiBA,QAAqB,CAAC,CAAC;AAC9C,QAAM,oBAAoBA,QAA0B,IAAI;AAGxD,QAAM,eAAeE;AAAA,IACnB,OAAO,iBAAqC,cAA+B;AACzE,YAAM,SAAS,UAAU;AACzB,YAAM,YAAY,aAAa;AAC/B,UAAI,CAAC,UAAU,CAAC,UAAW;AAE3B,YAAM,UAAU,UAAU,eAAe;AACzC,YAAM,WAAW,UAAU,gBAAgB;AAE3C,YAAM,WAAW,OAAO,QAAQ;AAAA,QAC9B,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,iBAAiB,cAAc;AAAA,QAC/B,sBAAsB;AAAA,QACtB,aAAa;AAAA,QACb,iBAAiB,oBAAoB,SAAY,kBAAkB,mBAAmB;AAAA,QACtF,WAAW,cAAc,SAAY,YAAY,aAAa;AAAA,QAC9D,oBAAoB,kBAAkB;AAAA,QACtC,aACE,cAAc,WAAW,eAAe,WAAW,WAAW,SAAS,EAAE,eAAe,SACpF,EAAE,GAAG,eAAe,SAAS,UAAU,WAAW,SAAS,EAAE,MAAM,MAAM,KAAK,IAC9E;AAAA,MACR,CAAC;AAAA,IACH;AAAA,IACA,CAAC,YAAY,SAAS;AAAA,EACxB;AAEA,EAAAC,WAAU,MAAM;AACd,UAAM,MACJ,OAAO,0BAA0B,cAC7B,wBACA,CAAC,OAAmB,WAAW,IAAI,CAAC;AAC1C,UAAM,MACJ,OAAO,yBAAyB,cAC5B,uBACA,CAAC,OAAe,aAAa,EAAE;AAErC,UAAM,SAAS,IAAI,MAAM;AACvB,mBAAa;AAAA,IACf,CAAC;AACD,WAAO,MAAM,IAAI,MAAM;AAAA,EACzB,GAAG,CAAC,cAAc,KAAK,CAAC;AAGxB,EAAAA,WAAU,MAAM;AACd,QAAI,cAAc,UAAU,OAAO,MAAM,eAAe,QAAQ;AAC9D,aAAO,QAAQ,MAAM;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,WAAW,MAAM,CAAC;AAGtB,EAAAA,WAAU,MAAM;AACd,UAAM,YAAY,aAAa;AAC/B,QAAI,CAAC,UAAW;AAEhB,QAAI,OAAO,mBAAmB,aAAa;AACzC,YAAM,WAAW,IAAI,eAAe,MAAM;AACxC,qBAAa;AAAA,MACf,CAAC;AACD,eAAS,QAAQ,SAAS;AAC1B,aAAO,MAAM,SAAS,WAAW;AAAA,IACnC,OAAO;AACL,YAAM,eAAe,MAAM,aAAa;AACxC,aAAO,iBAAiB,UAAU,YAAY;AAC9C,aAAO,MAAM,OAAO,oBAAoB,UAAU,YAAY;AAAA,IAChE;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAGjB,QAAM,sBAAsB,CAAC,MAAuD;AAClF,UAAM,SAAS,UAAU;AACzB,QAAI,CAAC,OAAQ,QAAO,EAAE,GAAG,GAAG,GAAG,EAAE;AACjC,UAAM,OAAO,OAAO,sBAAsB;AAC1C,UAAM,SAAS,KAAK,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ;AAC5D,UAAM,SAAS,KAAK,SAAS,IAAI,OAAO,SAAS,KAAK,SAAS;AAC/D,WAAO;AAAA,MACL,IAAI,EAAE,UAAU,KAAK,QAAQ;AAAA,MAC7B,IAAI,EAAE,UAAU,KAAK,OAAO;AAAA,IAC9B;AAAA,EACF;AAGA,QAAM,eAAe,CAAC,MAA6C;AACjE,UAAM,SAAS,UAAU;AACzB,UAAM,SAAS,EAAE;AACjB,UAAM,SAAS,OAAO,OAAO,uBAAuB,aAAa,OAAO,mBAAmB,IAAI,CAAC;AAChG,UAAM,OAAO,OAAO,SAAS,SAAS,CAAC,MAAM;AAC7C,UAAM,OAAO,OAAO,sBAAsB;AAC1C,UAAM,KAAK,KAAK,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ;AACxD,UAAM,KAAK,KAAK,SAAS,IAAI,OAAO,SAAS,KAAK,SAAS;AAC3D,UAAM,IAAI,WAAW,SAAS;AAC9B,WAAO,KAAK,IAAI,CAAC,QAAQ;AAAA,MACvB,GAAG,mBAAmB,EAAE,IAAI,GAAG,UAAU,KAAK,QAAQ,IAAI,IAAI,GAAG,UAAU,KAAK,OAAO,GAAG,GAAG,GAAG,OAAO,OAAO,OAAO,QAAQ,KAAK;AAAA,MAClI,UAAU,gBAAgB,EAAE;AAAA,IAC9B,EAAE;AAAA,EACJ;AACA,QAAM,yBAAyB,CAAC,MAA6C;AAC3E,QAAI,cAAc,WAAW,EAAE,WAAW,EAAG;AAC7C,MAAE,eAAe;AACjB,QAAI;AACF,QAAE,cAAc,oBAAoB,EAAE,SAAS;AAAA,IACjD,QAAQ;AAAA,IAER;AACA,UAAM,CAAC,KAAK,IAAI,aAAa,CAAC;AAC9B,kBAAc,gBAAgB,QAAS,KAAK,KAAK,CAAC;AAAA,EACpD;AACA,QAAM,yBAAyB,CAAC,MAA6C;AAC3E,QAAI,cAAc,QAAS;AAC3B,UAAM,UAAU,aAAa,CAAC;AAC9B,mBAAe,UAAU,QAAQ,QAAQ,SAAS,CAAC,KAAK;AACxD,QAAI,gBAAgB,QAAS,OAAQ,iBAAgB,QAAS,OAAO,OAAO;AAAA,QACvE,MAAK,aAAa;AAAA,EACzB;AACA,QAAM,uBAAuB,MAAM;AACjC,QAAI,cAAc,QAAS;AAC3B,UAAM,IAAI,gBAAgB;AAC1B,QAAI,EAAE,QAAQ;AACZ,QAAE,GAAG;AACL,UAAI,EAAE,MAAO,eAAc,EAAE,KAAK;AAAA,IACpC;AAAA,EACF;AAEA,EAAAA,WAAU,MAAM;AACd,QAAI,cAAc,WAAW,OAAO,WAAW,YAAa;AAC5D,UAAM,QAAQ,CAAC,MAAqB;AAClC,UAAI,oBAAoB,YAAY,CAAC,EAAG,GAAE,eAAe;AAAA,IAC3D;AACA,WAAO,iBAAiB,WAAW,KAAK;AACxC,WAAO,MAAM,OAAO,oBAAoB,WAAW,KAAK;AAAA,EAC1D,GAAG,CAAC,WAAW,UAAU,CAAC;AAG1B,QAAM,kBAAkB,CAAC,MAA2C;AAClE,UAAM,SAAS,UAAU;AACzB,QAAI,CAAC,OAAQ;AACb,UAAM,WAAW,oBAAoB,CAAC;AAEtC,QAAI,cAAc,UAAU;AAC1B,YAAM,UAAU,oBAAoB;AACpC,YAAM,QAAQ,mBAAmB,UAAU,OAAO,OAAO,OAAO,OAAO,QAAQ,KAAK;AACpF,WAAK,QAAQ,MAAM,OAAO,CAAC,EAAE,KAAK,MAAM,kBAAkB,QAAQ,KAAK,CAAC;AACxE;AAAA,IACF;AAEA,QAAI,cAAc,QAAQ;AACxB,YAAM,aAAa,aAAa,WAAW,MAAM,QAAQ;AAAA,QACvD,GAAG;AAAA,QACH,GAAG;AAAA,QACH,OAAO,MAAM,gBAAgB;AAAA,QAC7B,QAAQ,MAAM,gBAAgB;AAAA,MAChC;AACA,YAAM,SAAS,YAAY,UAAU,OAAO,OAAO,OAAO,OAAO,QAAQ,IAAI,UAAU;AACvF,YAAM,aAAa,mBAAmB,UAAU,OAAO,OAAO,OAAO,OAAO,QAAQ,IAAI;AAExF,UAAI,QAAQ;AACV,wBAAgB,UAAU;AAAA,UACxB;AAAA,UACA,eAAe;AAAA,UACf;AAAA,UACA,WAAW;AAAA,QACb;AAAA,MACF,OAAO;AAEL,wBAAgB,UAAU;AAAA,UACxB,QAAQ;AAAA,UACR,eAAe;AAAA,UACf;AAAA,UACA,WAAW,EAAE,GAAG,WAAW,GAAG,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,EAAE;AAAA,QACrE;AAAA,MACF;AACA;AAAA,IACF;AAEA,QAAI,cAAc,YAAY;AAC5B,YAAM,QAAQ,mBAAmB,UAAU,OAAO,OAAO,OAAO,OAAO,QAAQ,KAAK;AACpF,wBAAkB,UAAU;AAE5B,UAAI,MAAM,eAAe,UAAU;AACjC,iBAAS,IAAI,MAAM,YAAY,SAAS,GAAG,KAAK,GAAG,KAAK;AACtD,gBAAM,MAAM,MAAM,YAAY,CAAC;AAC/B,cAAI,kBAAkB,OAAO,GAAG,GAAG;AACjC,mBAAO,iBAAiB,IAAI,EAAE;AAC9B,kCAAsB,UAAU;AAAA,cAC9B,OAAO,IAAI;AAAA,cACX,YAAY;AAAA,cACZ,YAAY,EAAE,GAAG,IAAI;AAAA,YACvB;AACA;AAAA,UACF;AAAA,QACF;AACA,eAAO,iBAAiB,IAAI;AAC5B;AAAA,MACF;AAEA,UAAI,MAAM,eAAe,OAAO;AAC9B,qBAAa,UAAU;AACvB,uBAAe,UAAU,CAAC,KAAK;AAC/B,cAAM,QAAoB;AAAA,UACxB,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,GAAG;AAAA,UACH,GAAG;AAAA,UACH,QAAQ,CAAC,KAAK;AAAA,UACd,aAAa;AAAA,UACb;AAAA,QACF;AACA,2BAAmB,UAAU;AAC7B,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,EACF;AAEA,QAAM,kBAAkB,CAAC,MAA2C;AAClE,UAAM,SAAS,UAAU;AACzB,QAAI,CAAC,OAAQ;AACb,UAAM,WAAW,oBAAoB,CAAC;AAEtC,QAAI,cAAc,UAAU;AAC1B,YAAM,UAAU,oBAAoB;AACpC,UAAI,QAAQ,UAAU,QAAQ,KAAK,mBAAmB,UAAU,OAAO,OAAO,OAAO,OAAO,QAAQ,KAAK,CAAC,GAAG;AAC3G,0BAAkB,UAAU,QAAQ;AACpC,qBAAa;AAAA,MACf;AACA;AAAA,IACF;AAEA,QAAI,cAAc,QAAQ;AACxB,YAAM,OAAO,gBAAgB;AAC7B,UAAI,MAAM;AACR,cAAM,eAAe,mBAAmB,UAAU,OAAO,OAAO,OAAO,OAAO,QAAQ,IAAI;AAC1F,YAAI;AAEJ,YAAI,KAAK,WAAW,OAAO;AACzB,gBAAM,OAAO,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,WAAW,GAAG,aAAa,CAAC,CAAC;AACpE,gBAAM,OAAO,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,WAAW,GAAG,aAAa,CAAC,CAAC;AACpE,gBAAM,OAAO,KAAK,IAAI,MAAM,gBAAgB,OAAO,KAAK,IAAI,KAAK,WAAW,GAAG,aAAa,CAAC,CAAC;AAC9F,gBAAM,OAAO,KAAK,IAAI,MAAM,gBAAgB,QAAQ,KAAK,IAAI,KAAK,WAAW,GAAG,aAAa,CAAC,CAAC;AAC/F,oBAAU;AAAA,YACR,GAAG,KAAK,MAAM,IAAI;AAAA,YAClB,GAAG,KAAK,MAAM,IAAI;AAAA,YAClB,OAAO,KAAK,MAAM,KAAK,IAAI,IAAI,OAAO,IAAI,CAAC;AAAA,YAC3C,QAAQ,KAAK,MAAM,KAAK,IAAI,IAAI,OAAO,IAAI,CAAC;AAAA,UAC9C;AAAA,QACF,OAAO;AACL,oBAAU;AAAA,YACR,KAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL;AAAA,YACA,MAAM,gBAAgB;AAAA,YACtB,MAAM,gBAAgB;AAAA,YACtB;AAAA,YACA,MAAM;AAAA,UACR;AAAA,QACF;AAEA,qBAAa,UAAU;AACvB,qBAAa,MAAM,OAAO;AAAA,MAC5B,OAAO;AACL,cAAM,aAAa,aAAa,WAAW,MAAM,QAAQ;AAAA,UACvD,GAAG;AAAA,UACH,GAAG;AAAA,UACH,OAAO,MAAM,gBAAgB;AAAA,UAC7B,QAAQ,MAAM,gBAAgB;AAAA,QAChC;AACA,cAAM,SAAS,YAAY,UAAU,OAAO,OAAO,OAAO,OAAO,QAAQ,IAAI,UAAU;AACvF,eAAO,MAAM,SAAS,cAAc,QAAQ,MAAM,SAAS;AAAA,MAC7D;AACA;AAAA,IACF;AAEA,QAAI,cAAc,YAAY;AAE5B,UAAI,sBAAsB,SAAS;AACjC,cAAM,OAAO,sBAAsB;AACnC,cAAMC,gBAAe,mBAAmB,UAAU,OAAO,OAAO,OAAO,OAAO,QAAQ,KAAK;AAC3F,cAAM,KAAKA,cAAa,IAAI,KAAK,WAAW;AAC5C,cAAM,KAAKA,cAAa,IAAI,KAAK,WAAW;AAC5C,eAAO,iBAAiB,KAAK,OAAO;AAAA,UAClC,GAAG,KAAK,MAAM,KAAK,WAAW,IAAI,EAAE;AAAA,UACpC,GAAG,KAAK,MAAM,KAAK,WAAW,IAAI,EAAE;AAAA,QACtC,CAAC;AACD;AAAA,MACF;AAEA,YAAM,UAAU,kBAAkB;AAClC,UAAI,CAAC,SAAS;AAEZ,YAAI,MAAM,eAAe,UAAU;AACjC,gBAAM,QAAQ,mBAAmB,UAAU,OAAO,OAAO,OAAO,OAAO,QAAQ,KAAK;AACpF,cAAI,UAAU;AACd,mBAAS,IAAI,MAAM,YAAY,SAAS,GAAG,KAAK,GAAG,KAAK;AACtD,gBAAI,kBAAkB,OAAO,MAAM,YAAY,CAAC,CAAC,GAAG;AAClD,wBAAU;AACV;AAAA,YACF;AAAA,UACF;AACA,iBAAO,MAAM,SAAS,UAAU,SAAS;AAAA,QAC3C,OAAO;AACL,iBAAO,MAAM,SAAS;AAAA,QACxB;AACA;AAAA,MACF;AAEA,YAAM,eAAe,mBAAmB,UAAU,OAAO,OAAO,OAAO,OAAO,QAAQ,KAAK;AAE3F,UAAI,MAAM,eAAe,SAAS,aAAa,SAAS;AACtD,uBAAe,QAAQ,KAAK,YAAY;AACxC,cAAM,QAAoB;AAAA,UACxB,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,GAAG;AAAA,UACH,GAAG;AAAA,UACH,QAAQ,CAAC,GAAG,eAAe,OAAO;AAAA,UAClC,aAAa;AAAA,UACb;AAAA,QACF;AACA,2BAAmB,UAAU;AAC7B,qBAAa,KAAK;AAAA,MACpB,WAAW,MAAM,eAAe,QAAQ;AACtC,cAAM,IAAI,aAAa,IAAI,QAAQ;AACnC,cAAM,IAAI,aAAa,IAAI,QAAQ;AACnC,cAAM,QAAoB;AAAA,UACxB,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,GAAG,KAAK,IAAI,QAAQ,GAAG,aAAa,CAAC;AAAA,UACrC,GAAG,KAAK,IAAI,QAAQ,GAAG,aAAa,CAAC;AAAA,UACrC,OAAO,KAAK,IAAI,CAAC;AAAA,UACjB,QAAQ,KAAK,IAAI,CAAC;AAAA,UAClB,aAAa;AAAA,UACb;AAAA,QACF;AACA,2BAAmB,UAAU;AAC7B,qBAAa,KAAK;AAAA,MACpB,WAAW,MAAM,eAAe,UAAU;AACxC,cAAM,KAAK,KAAK,IAAI,aAAa,IAAI,QAAQ,CAAC,IAAI;AAClD,cAAM,KAAK,KAAK,IAAI,aAAa,IAAI,QAAQ,CAAC,IAAI;AAClD,cAAM,QAAoB;AAAA,UACxB,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,GAAG,KAAK,IAAI,QAAQ,GAAG,aAAa,CAAC,IAAI;AAAA,UACzC,GAAG,KAAK,IAAI,QAAQ,GAAG,aAAa,CAAC,IAAI;AAAA,UACzC,SAAS;AAAA,UACT,SAAS;AAAA,UACT,aAAa;AAAA,UACb;AAAA,QACF;AACA,2BAAmB,UAAU;AAC7B,qBAAa,KAAK;AAAA,MACpB,WAAW,MAAM,eAAe,SAAS;AACvC,cAAM,QAAoB;AAAA,UACxB,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,GAAG,QAAQ;AAAA,UACX,GAAG,QAAQ;AAAA,UACX,MAAM,aAAa;AAAA,UACnB,MAAM,aAAa;AAAA,UACnB,aAAa;AAAA,UACb;AAAA,QACF;AACA,2BAAmB,UAAU;AAC7B,qBAAa,KAAK;AAAA,MACpB,WAAW,MAAM,eAAe,QAAQ;AACtC,cAAM,QAAoB;AAAA,UACxB,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,GAAG,QAAQ;AAAA,UACX,GAAG,QAAQ;AAAA,UACX,MAAM,aAAa;AAAA,UACnB,MAAM,aAAa;AAAA,UACnB,aAAa;AAAA,UACb;AAAA,QACF;AACA,2BAAmB,UAAU;AAC7B,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,EACF;AAEA,QAAM,gBAAgB,CAAC,MAA2C;AAChE,UAAM,SAAS,UAAU;AACzB,QAAI,CAAC,OAAQ;AACb,UAAM,WAAW,oBAAoB,CAAC;AAEtC,QAAI,cAAc,UAAU;AAC1B,YAAM,UAAU,oBAAoB;AACpC,UAAI,QAAQ,QAAQ;AAClB,gBAAQ,IAAI,mBAAmB,UAAU,OAAO,OAAO,OAAO,OAAO,QAAQ,KAAK,GAAG,CAAC;AACtF,0BAAkB,UAAU;AAC5B,qBAAa;AAAA,MACf;AACA;AAAA,IACF;AAEA,QAAI,cAAc,QAAQ;AACxB,UAAI,gBAAgB,SAAS;AAC3B,YACE,aAAa,WACb,aAAa,QAAQ,SAAS,MAC9B,aAAa,QAAQ,UAAU,IAC/B;AACA,iBAAO,QAAQ,aAAa,SAAS,IAAI;AAAA,QAC3C;AACA,wBAAgB,UAAU;AAC1B,qBAAa,UAAU;AACvB,qBAAa;AAAA,MACf;AACA;AAAA,IACF;AAEA,QAAI,cAAc,YAAY;AAC5B,UAAI,sBAAsB,SAAS;AACjC,8BAAsB,UAAU;AAChC;AAAA,MACF;AAEA,YAAM,UAAU,kBAAkB;AAClC,UAAI,SAAS;AACX,cAAM,eAAe,mBAAmB,UAAU,OAAO,OAAO,OAAO,OAAO,QAAQ,KAAK;AAE3F,YAAI,MAAM,eAAe,SAAS,aAAa,SAAS;AACtD,cAAI,eAAe,QAAQ,SAAS,GAAG;AACrC,mBAAO,cAAc;AAAA,cACnB,MAAM;AAAA,cACN,GAAG;AAAA,cACH,GAAG;AAAA,cACH,QAAQ,CAAC,GAAG,eAAe,OAAO;AAAA,cAClC,aAAa;AAAA,cACb;AAAA,YACF,CAAC;AAAA,UACH;AACA,uBAAa,UAAU;AACvB,yBAAe,UAAU,CAAC;AAAA,QAC5B,WAAW,MAAM,eAAe,QAAQ;AACtC,gBAAM,IAAI,KAAK,IAAI,aAAa,IAAI,QAAQ,CAAC;AAC7C,gBAAM,IAAI,KAAK,IAAI,aAAa,IAAI,QAAQ,CAAC;AAC7C,cAAI,IAAI,KAAK,IAAI,GAAG;AAClB,mBAAO,cAAc;AAAA,cACnB,MAAM;AAAA,cACN,GAAG,KAAK,IAAI,QAAQ,GAAG,aAAa,CAAC;AAAA,cACrC,GAAG,KAAK,IAAI,QAAQ,GAAG,aAAa,CAAC;AAAA,cACrC,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,aAAa;AAAA,cACb;AAAA,YACF,CAAC;AAAA,UACH;AAAA,QACF,WAAW,MAAM,eAAe,UAAU;AACxC,gBAAM,KAAK,KAAK,IAAI,aAAa,IAAI,QAAQ,CAAC,IAAI;AAClD,gBAAM,KAAK,KAAK,IAAI,aAAa,IAAI,QAAQ,CAAC,IAAI;AAClD,cAAI,KAAK,KAAK,KAAK,GAAG;AACpB,mBAAO,cAAc;AAAA,cACnB,MAAM;AAAA,cACN,GAAG,KAAK,IAAI,QAAQ,GAAG,aAAa,CAAC,IAAI;AAAA,cACzC,GAAG,KAAK,IAAI,QAAQ,GAAG,aAAa,CAAC,IAAI;AAAA,cACzC,SAAS;AAAA,cACT,SAAS;AAAA,cACT,aAAa;AAAA,cACb;AAAA,YACF,CAAC;AAAA,UACH;AAAA,QACF,WAAW,MAAM,eAAe,SAAS;AACvC,cAAI,KAAK,MAAM,aAAa,IAAI,QAAQ,GAAG,aAAa,IAAI,QAAQ,CAAC,IAAI,GAAG;AAC1E,mBAAO,cAAc;AAAA,cACnB,MAAM;AAAA,cACN,GAAG,QAAQ;AAAA,cACX,GAAG,QAAQ;AAAA,cACX,MAAM,aAAa;AAAA,cACnB,MAAM,aAAa;AAAA,cACnB,aAAa;AAAA,cACb;AAAA,YACF,CAAC;AAAA,UACH;AAAA,QACF,WAAW,MAAM,eAAe,QAAQ;AACtC,cAAI,KAAK,MAAM,aAAa,IAAI,QAAQ,GAAG,aAAa,IAAI,QAAQ,CAAC,IAAI,GAAG;AAC1E,mBAAO,cAAc;AAAA,cACnB,MAAM;AAAA,cACN,GAAG,QAAQ;AAAA,cACX,GAAG,QAAQ;AAAA,cACX,MAAM,aAAa;AAAA,cACnB,MAAM,aAAa;AAAA,cACnB,aAAa;AAAA,cACb;AAAA,YACF,CAAC;AAAA,UACH;AAAA,QACF;AAEA,2BAAmB,UAAU;AAC7B,0BAAkB,UAAU;AAC5B,qBAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AAEA,QAAM,gBAAgB,MAAM;AAC1B,QAAI,CAAC,UAAU,KAAK,EAAG;AACvB,WAAO,cAAc;AAAA,MACnB,MAAM;AAAA,MACN,GAAG;AAAA,MACH,GAAG;AAAA,MACH,MAAM,UAAU,KAAK;AAAA,MACrB;AAAA,MACA,OAAO;AAAA,IACT,CAAC;AACD,iBAAa,EAAE;AAAA,EACjB;AAEA,QAAM,eAAe,YAAY;AAC/B,UAAM,UAAU,MAAM,OAAO,UAAU,aAAa;AACpD,QAAI,QAAQ;AACV,aAAO,OAAO;AAAA,IAChB,OAAO;AAEL,YAAM,OAAO,SAAS,cAAc,GAAG;AACvC,WAAK,WAAW,gBAAgB,KAAK,IAAI,CAAC;AAC1C,WAAK,OAAO;AACZ,WAAK,MAAM;AAAA,IACb;AAAA,EACF;AAEA,SACE,gBAAAL;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,2GAA2G,SAAS;AAAA,MAC/H;AAAA,MAGA;AAAA,wBAAAA,MAAC,SAAI,WAAU,yGAEb;AAAA,0BAAAA,MAAC,SAAI,WAAU,uFACb;AAAA,4BAAAD;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AACb,+BAAa,MAAM;AACnB,yBAAO,QAAQ,MAAM;AAAA,gBACvB;AAAA,gBACA,WAAW,wDACT,cAAc,SAAS,oCAAoC,qCAC7D;AAAA,gBACD;AAAA;AAAA,YAED;AAAA,YACA,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AACb,+BAAa,QAAQ;AACrB,yBAAO,QAAQ,QAAQ;AAAA,gBACzB;AAAA,gBACA,WAAW,wDACT,cAAc,WAAW,oCAAoC,qCAC/D;AAAA,gBACD;AAAA;AAAA,YAED;AAAA,YACA,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AACb,+BAAa,QAAQ;AACrB,yBAAO,QAAQ,QAAQ;AAAA,gBACzB;AAAA,gBACA,WAAW,wDACT,cAAc,WAAW,oCAAoC,qCAC/D;AAAA,gBACD;AAAA;AAAA,YAED;AAAA,YACA,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AACb,+BAAa,OAAO;AACpB,yBAAO,QAAQ,OAAO;AAAA,gBACxB;AAAA,gBACA,WAAW,wDACT,cAAc,UAAU,oCAAoC,qCAC9D;AAAA,gBACD;AAAA;AAAA,YAED;AAAA,YACA,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AACb,+BAAa,QAAQ;AACrB,yBAAO,QAAQ,QAAQ;AAAA,gBACzB;AAAA,gBACA,WAAW,wDACT,cAAc,WAAW,oCAAoC,qCAC/D;AAAA,gBACD;AAAA;AAAA,YAED;AAAA,YACA,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AACb,+BAAa,UAAU;AACvB,yBAAO,QAAQ,KAAK;AAAA,gBACtB;AAAA,gBACA,WAAW,wDACT,cAAc,aAAa,oCAAoC,qCACjE;AAAA,gBACD;AAAA;AAAA,YAED;AAAA,YACA,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AACb,+BAAa,OAAO;AACpB,yBAAO,QAAQ,QAAQ;AAAA,gBACzB;AAAA,gBACA,WAAW,wDACT,cAAc,UAAU,oCAAoC,qCAC9D;AAAA,gBACD;AAAA;AAAA,YAED;AAAA,YACA,gBAAAC;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AACb,+BAAa,IAAI;AACjB,yBAAO,QAAQ,QAAQ;AAAA,gBACzB;AAAA,gBACA,WAAW,kFACT,cAAc,OAAO,oCAAoC,qCAC3D;AAAA,gBAEA;AAAA,kCAAAD,KAAC,SAAI,WAAU,eAAc,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,KAC7F,0BAAAA,KAAC,UAAK,GAAE,sHAAqH,GAC/H;AAAA,kBAAM;AAAA;AAAA;AAAA,YAER;AAAA,aACF;AAAA,UAGA,gBAAAC,MAAC,SAAI,WAAU,mCACb;AAAA,4BAAAD;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,UAAU,CAAC,OAAO;AAAA,gBAClB,SAAS,MAAM,OAAO,KAAK;AAAA,gBAC3B,WAAU;AAAA,gBACV,OAAM;AAAA,gBACP;AAAA;AAAA,YAED;AAAA,YACA,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,UAAU,CAAC,OAAO;AAAA,gBAClB,SAAS,MAAM,OAAO,KAAK;AAAA,gBAC3B,WAAU;AAAA,gBACV,OAAM;AAAA,gBACP;AAAA;AAAA,YAED;AAAA,YACA,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM,OAAO,MAAM;AAAA,gBAC5B,WAAU;AAAA,gBACX;AAAA;AAAA,YAED;AAAA,YAEA,gBAAAA,KAAC,SAAI,WAAU,8BAA6B;AAAA,YAG5C,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM,OAAO,QAAQ;AAAA,gBAC9B,WAAU;AAAA,gBACV,OAAM;AAAA,gBACP;AAAA;AAAA,YAED;AAAA,YACA,gBAAAC,MAAC,UAAK,WAAU,6CAA6C;AAAA,mBAAK,MAAM,MAAM,OAAO,GAAG;AAAA,cAAE;AAAA,eAAC;AAAA,YAC3F,gBAAAD;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM,OAAO,OAAO;AAAA,gBAC7B,WAAU;AAAA,gBACV,OAAM;AAAA,gBACP;AAAA;AAAA,YAED;AAAA,YAEA,gBAAAA,KAAC,SAAI,WAAU,8BAA6B;AAAA,YAG5C,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,aAAa,MAAM,OAAO,aAAa,IAAI;AAAA,gBAC3C,WAAW,MAAM,OAAO,aAAa,KAAK;AAAA,gBAC1C,cAAc,MAAM,OAAO,aAAa,KAAK;AAAA,gBAC7C,WAAU;AAAA,gBACX;AAAA;AAAA,YAED;AAAA,YAGA,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS;AAAA,gBACT,WAAU;AAAA,gBACX;AAAA;AAAA,YAED;AAAA,aACF;AAAA,WACF;AAAA,QAGA,gBAAAC,MAAC,SAAI,WAAU,+DAEb;AAAA,0BAAAD;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,WAAU;AAAA,cAEV,0BAAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,KAAK;AAAA,kBACL,aAAa;AAAA,kBACb,aAAa;AAAA,kBACb,WAAW;AAAA,kBACX,cAAc;AAAA,kBACd,eAAe;AAAA,kBACf,eAAe;AAAA,kBACf,aAAa;AAAA,kBACb,iBAAiB,MAAM,gBAAgB,SAAS,OAAO;AAAA,kBACvD,eAAY;AAAA,kBACZ,WAAW,wCAAwC,cAAc,UAAU,gCAAgC,EAAE;AAAA;AAAA,cAC/G;AAAA;AAAA,UACF;AAAA,UAGA,gBAAAC,MAAC,SAAI,WAAU,4IAEZ;AAAA,0BAAc,UACb,gBAAAA,MAAC,SAAI,WAAU,+BACb;AAAA,8BAAAD,KAAC,UAAK,WAAU,qEAAoE,kCAEpF;AAAA,cACA,gBAAAC,MAAC,SAAI,WAAU,0BACb;AAAA,gCAAAD;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAS,MAAM;AACb,yCAAmB,IAAI;AACvB,6BAAO,gBAAgB,IAAI;AAAA,oBAC7B;AAAA,oBACA,WAAW,6CACT,oBAAoB,QAAQ,MAAM,OAC9B,+CACA,iEACN;AAAA,oBACD;AAAA;AAAA,gBAED;AAAA,gBACA,gBAAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAS,MAAM;AACb,yCAAmB,CAAC;AACpB,6BAAO,gBAAgB,CAAC;AAAA,oBAC1B;AAAA,oBACA,WAAW,6CACT,oBAAoB,IAChB,+CACA,iEACN;AAAA,oBACD;AAAA;AAAA,gBAED;AAAA,gBACA,gBAAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAS,MAAM;AACb,yCAAmB,IAAI,CAAC;AACxB,6BAAO,gBAAgB,IAAI,CAAC;AAAA,oBAC9B;AAAA,oBACA,WAAW,6CACT,oBAAoB,IAAI,IACpB,+CACA,iEACN;AAAA,oBACD;AAAA;AAAA,gBAED;AAAA,gBACA,gBAAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAS,MAAM;AACb,yCAAmB,KAAK,CAAC;AACzB,6BAAO,gBAAgB,KAAK,CAAC;AAAA,oBAC/B;AAAA,oBACA,WAAW,6CACT,oBAAoB,KAAK,IACrB,+CACA,iEACN;AAAA,oBACD;AAAA;AAAA,gBAED;AAAA,gBACA,gBAAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAS,MAAM;AACb,yCAAmB,IAAI,CAAC;AACxB,6BAAO,gBAAgB,IAAI,CAAC;AAAA,oBAC9B;AAAA,oBACA,WAAW,6CACT,oBAAoB,IAAI,IACpB,+CACA,iEACN;AAAA,oBACD;AAAA;AAAA,gBAED;AAAA,gBACA,gBAAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAS,MAAM;AACb,yCAAmB,IAAI;AACvB,6BAAO,UAAU;AAAA,oBACnB;AAAA,oBACA,WAAU;AAAA,oBACX;AAAA;AAAA,gBAED;AAAA,iBACF;AAAA,cAEA,gBAAAA,KAAC,SAAI,WAAU,0BAAyB;AAAA,cAExC,gBAAAA,KAAC,UAAK,WAAU,qEAAoE,iCAEpF;AAAA,cACA,gBAAAC,MAAC,SAAI,WAAU,0BACb;AAAA,gCAAAD;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAS,MAAM,OAAO,OAAO,GAAG;AAAA,oBAChC,WAAU;AAAA,oBACX;AAAA;AAAA,gBAED;AAAA,gBACA,gBAAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAS,MAAM,OAAO,OAAO,EAAE;AAAA,oBAC/B,WAAU;AAAA,oBACX;AAAA;AAAA,gBAED;AAAA,gBACA,gBAAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAS,MAAM,OAAO,eAAe;AAAA,oBACrC,WAAW,iDACT,MAAM,UAAU,QACZ,+CACA,iEACN;AAAA,oBACD;AAAA;AAAA,gBAED;AAAA,gBACA,gBAAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAS,MAAM,OAAO,aAAa;AAAA,oBACnC,WAAW,iDACT,MAAM,UAAU,QACZ,+CACA,iEACN;AAAA,oBACD;AAAA;AAAA,gBAED;AAAA,iBACF;AAAA,eACF;AAAA,YAID,cAAc,YACb,gBAAAC,MAAC,SAAI,WAAU,+BACb;AAAA,8BAAAA,MAAC,SAAI,WAAU,qCACb;AAAA,gCAAAD,KAAC,UAAK,WAAU,qEAAoE,+BAEpF;AAAA,gBACA,gBAAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAS,MAAM,OAAO,iBAAiB;AAAA,oBACvC,WAAU;AAAA,oBACX;AAAA;AAAA,gBAED;AAAA,iBACF;AAAA,cAEA,gBAAAA,KAAC,aAAU,WAAW,OAAO,WAAW;AAAA,cAEvC,0BAA0B,IAAI,CAAC,SAC9B,gBAAAC,MAACM,OAAM,UAAN,EACC;AAAA,gCAAAP;AAAA,kBAAC;AAAA;AAAA,oBACC;AAAA,oBACA,OAAO,uBAAuB,MAAM,WAAW,EAAE,KAAK,EAAE;AAAA,oBACxD,UAAU,KAAK,oBAAoB,UAAa;AAAA,oBAChD,UAAU,CAAC,MAAM,OAAO,eAAe,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC;AAAA;AAAA,gBACzD;AAAA,gBACC,KAAK,OAAO,UAAU,iBACrB,gBAAAC;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAU;AAAA,oBACV,eAAY;AAAA,oBAEZ;AAAA,sCAAAD,KAAC,UAAK,2EAA6D;AAAA,sBACnE,gBAAAA;AAAA,wBAAC;AAAA;AAAA,0BACC,MAAK;AAAA,0BACL,SAAS,MAAM,OAAO,eAAe;AAAA,0BACrC,WAAU;AAAA,0BACX;AAAA;AAAA,sBAED;AAAA;AAAA;AAAA,gBACF;AAAA,mBApBiB,KAAK,EAsB1B,CACD;AAAA,cAED,gBAAAA,KAAC,SAAI,WAAU,qCACb,0BAAAA;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA,QAAQ,MAAM,YAAY;AAAA,kBAC1B,WAAW,OAAO;AAAA;AAAA,cACpB,GACF;AAAA,eACF;AAAA,YAID,cAAc,YACb,gBAAAC,MAAC,SAAI,WAAU,+BACb;AAAA,8BAAAD,KAAC,UAAK,WAAU,qEAAoE,oBAAM;AAAA,cAC1F,gBAAAA,KAAC,eAAY,YAAwB;AAAA,eACvC;AAAA,YAID,cAAc,WACb,gBAAAC,MAAC,SAAI,WAAU,+BACb;AAAA,8BAAAD,KAAC,UAAK,WAAU,qEAAoE,mBAAK;AAAA,cACzF,gBAAAA,KAAC,mBAAgB,YAAwB;AAAA,cACxC,cACC,gBAAAA,KAAC,OAAE,MAAK,SAAQ,WAAU,iBAAgB,eAAY,eACnD,sBACH;AAAA,cAEF,gBAAAA,KAAC,SAAI,WAAU,qCACb,0BAAAA,KAAC,eAAY,YAAwB,GACvC;AAAA,eACF;AAAA,YAID,cAAc,cACb,gBAAAC,MAAC,SAAI,WAAU,+BACb;AAAA,8BAAAD,KAAC,UAAK,WAAU,qEAAoE,6BAEpF;AAAA,cAGA,gBAAAA,KAAC,SAAI,WAAU,4BACX,WAAC,OAAO,QAAQ,UAAU,SAAS,MAAM,EAAwB,IAAI,CAAC,MACtE,gBAAAA;AAAA,gBAAC;AAAA;AAAA,kBAEC,MAAK;AAAA,kBACL,SAAS,MAAM,OAAO,QAAQ,CAAC;AAAA,kBAC/B,WAAW,0EACT,MAAM,eAAe,IACjB,+CACA,iEACN;AAAA,kBAEC;AAAA;AAAA,gBATI;AAAA,cAUP,CACD,GACH;AAAA,cAGA,gBAAAC,MAAC,SAAI,WAAU,gCACb;AAAA,gCAAAD,KAAC,WAAM,WAAU,kBAAiB,oBAAM;AAAA,gBACxC,gBAAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,OAAO;AAAA,oBACP,UAAU,CAAC,MAAM,eAAe,EAAE,OAAO,KAAK;AAAA,oBAC9C,WAAU;AAAA;AAAA,gBACZ;AAAA,gBACA,gBAAAC,MAAC,SAAI,WAAU,eACb;AAAA,kCAAAA,MAAC,SAAI,WAAU,8CACb;AAAA,oCAAAD,KAAC,UAAK,oBAAM;AAAA,oBACZ,gBAAAC,MAAC,UAAK,WAAU,aAAa;AAAA;AAAA,sBAAY;AAAA,uBAAE;AAAA,qBAC7C;AAAA,kBACA,gBAAAD;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAK;AAAA,sBACL,KAAI;AAAA,sBACJ,KAAI;AAAA,sBACJ,OAAO;AAAA,sBACP,UAAU,CAAC,MAAM,eAAe,OAAO,EAAE,OAAO,KAAK,CAAC;AAAA,sBACtD,WAAU;AAAA;AAAA,kBACZ;AAAA,mBACF;AAAA,iBACF;AAAA,cAEA,gBAAAA,KAAC,SAAI,WAAU,0BAAyB;AAAA,cAGxC,gBAAAA,KAAC,UAAK,WAAU,qEAAoE,sBAAQ;AAAA,cAC5F,gBAAAC,MAAC,SAAI,WAAU,cACb;AAAA,gCAAAD;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,aAAY;AAAA,oBACZ,OAAO;AAAA,oBACP,UAAU,CAAC,MAAM,aAAa,EAAE,OAAO,KAAK;AAAA,oBAC5C,WAAW,CAAC,MAAM,EAAE,QAAQ,WAAW,cAAc;AAAA,oBACrD,WAAU;AAAA;AAAA,gBACZ;AAAA,gBACA,gBAAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAS;AAAA,oBACT,WAAU;AAAA,oBACX;AAAA;AAAA,gBAED;AAAA,iBACF;AAAA,cACA,gBAAAC,MAAC,SAAI,WAAU,oDACb;AAAA,gCAAAD,KAAC,UAAK,wBAAU;AAAA,gBAChB,gBAAAC,MAAC,UAAK,WAAU,aAAa;AAAA;AAAA,kBAAS;AAAA,mBAAE;AAAA,iBAC1C;AAAA,cACA,gBAAAD;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,KAAI;AAAA,kBACJ,KAAI;AAAA,kBACJ,OAAO;AAAA,kBACP,UAAU,CAAC,MAAM,YAAY,OAAO,EAAE,OAAO,KAAK,CAAC;AAAA,kBACnD,WAAU;AAAA;AAAA,cACZ;AAAA,cAGA,gBAAAA,KAAC,SAAI,WAAU,0BAAyB;AAAA,cACxC,gBAAAC,MAAC,SAAI,WAAU,qCACb;AAAA,gCAAAA,MAAC,UAAK,WAAU,kBAAiB;AAAA;AAAA,kBAAS,MAAM,YAAY;AAAA,kBAAO;AAAA,mBAAC;AAAA,gBACnE,MAAM,wBACL,gBAAAD;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAS,MAAM,OAAO,iBAAiB,MAAM,oBAAqB;AAAA,oBAClE,WAAU;AAAA,oBACX;AAAA;AAAA,gBAED;AAAA,gBAED,MAAM,YAAY,SAAS,KAC1B,gBAAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAS,MAAM,OAAO,iBAAiB;AAAA,oBACvC,WAAU;AAAA,oBACX;AAAA;AAAA,gBAED;AAAA,iBAEJ;AAAA,eACF;AAAA,YAID,cAAc,WACb,gBAAAC,MAAC,SAAI,WAAU,+BACb;AAAA,8BAAAA,MAAC,SAAI,WAAU,qCACb;AAAA,gCAAAD,KAAC,UAAK,WAAU,qEAAoE,2BAEpF;AAAA,gBACA,gBAAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAS,MAAM,OAAO,eAAe;AAAA,oBACrC,WAAU;AAAA,oBACX;AAAA;AAAA,gBAED;AAAA,iBACF;AAAA,cAEA,gBAAAC,MAAC,WAAM,WAAU,yDACf;AAAA,gCAAAD;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAS,MAAM,UAAU;AAAA,oBACzB,UAAU,CAAC,MAAM,OAAO,aAAa,EAAE,SAAS,EAAE,OAAO,QAAQ,CAAC;AAAA,oBAClE,WAAU;AAAA;AAAA,gBACZ;AAAA,gBACA,gBAAAA,KAAC,UAAK,uCAAyB;AAAA,iBACjC;AAAA,cAEC,MAAM,UAAU,WACf,gBAAAC,MAAAF,WAAA,EACE;AAAA,gCAAAE,MAAC,SACC;AAAA,kCAAAD,KAAC,WAAM,WAAU,6BAA4B,6BAAe;AAAA,kBAC5D,gBAAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAK;AAAA,sBACL,aAAY;AAAA,sBACZ,OAAO,MAAM,UAAU,cAAc;AAAA,sBACrC,UAAU,CAAC,MAAM,OAAO,aAAa,EAAE,YAAY,EAAE,OAAO,SAAS,KAAK,CAAC;AAAA,sBAC3E,WAAU;AAAA;AAAA,kBACZ;AAAA,mBACF;AAAA,gBAEA,gBAAAC,MAAC,SAAI,WAAU,cACb;AAAA,kCAAAD;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAK;AAAA,sBACL,SAAS,MAAM,OAAO,aAAa,EAAE,MAAM,YAAY,CAAC;AAAA,sBACxD,WAAW,uDACT,MAAM,UAAU,SAAS,cACrB,+CACA,8CACN;AAAA,sBACD;AAAA;AAAA,kBAED;AAAA,kBACA,gBAAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAK;AAAA,sBACL,SAAS,MAAM,OAAO,aAAa,EAAE,MAAM,aAAa,CAAC;AAAA,sBACzD,WAAW,uDACT,MAAM,UAAU,SAAS,eACrB,+CACA,8CACN;AAAA,sBACD;AAAA;AAAA,kBAED;AAAA,mBACF;AAAA,gBAEA,gBAAAC,MAAC,SACC;AAAA,kCAAAA,MAAC,SAAI,WAAU,4CACb;AAAA,oCAAAD,KAAC,UAAK,kCAAoB;AAAA,oBAC1B,gBAAAA,KAAC,UAAK,WAAU,aAAa,gBAAM,UAAU,WAAW,CAAC,GAAE;AAAA,qBAC7D;AAAA,kBACA,gBAAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAK;AAAA,sBACL,KAAI;AAAA,sBACJ,KAAI;AAAA,sBACJ,OAAO,MAAM,UAAU,WAAW,CAAC;AAAA,sBACnC,UAAU,CAAC,MACT,OAAO,aAAa;AAAA,wBAClB,YAAY,CAAC,OAAO,EAAE,OAAO,KAAK,GAAG,MAAM,UAAU,WAAW,CAAC,CAAC;AAAA,sBACpE,CAAC;AAAA,sBAEH,WAAU;AAAA;AAAA,kBACZ;AAAA,mBACF;AAAA,gBAEA,gBAAAC,MAAC,SACC;AAAA,kCAAAA,MAAC,SAAI,WAAU,4CACb;AAAA,oCAAAD,KAAC,UAAK,iCAAmB;AAAA,oBACzB,gBAAAA,KAAC,UAAK,WAAU,aAAa,gBAAM,UAAU,WAAW,CAAC,GAAE;AAAA,qBAC7D;AAAA,kBACA,gBAAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAK;AAAA,sBACL,KAAI;AAAA,sBACJ,KAAI;AAAA,sBACJ,OAAO,MAAM,UAAU,WAAW,CAAC;AAAA,sBACnC,UAAU,CAAC,MACT,OAAO,aAAa;AAAA,wBAClB,YAAY,CAAC,MAAM,UAAU,WAAW,CAAC,GAAG,OAAO,EAAE,OAAO,KAAK,CAAC;AAAA,sBACpE,CAAC;AAAA,sBAEH,WAAU;AAAA;AAAA,kBACZ;AAAA,mBACF;AAAA,gBAEA,gBAAAC,MAAC,SACC;AAAA,kCAAAA,MAAC,SAAI,WAAU,4CACb;AAAA,oCAAAD,KAAC,UAAK,uBAAS;AAAA,oBACf,gBAAAA,KAAC,UAAK,WAAU,aAAa,gBAAM,UAAU,UAAS;AAAA,qBACxD;AAAA,kBACA,gBAAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAK;AAAA,sBACL,KAAI;AAAA,sBACJ,KAAI;AAAA,sBACJ,OAAO,MAAM,UAAU;AAAA,sBACvB,UAAU,CAAC,MAAM,OAAO,aAAa,EAAE,UAAU,OAAO,EAAE,OAAO,KAAK,EAAE,CAAC;AAAA,sBACzE,WAAU;AAAA;AAAA,kBACZ;AAAA,mBACF;AAAA,gBAEA,gBAAAC,MAAC,WAAM,WAAU,8DACf;AAAA,kCAAAD;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAK;AAAA,sBACL,SAAS,MAAM,UAAU;AAAA,sBACzB,UAAU,CAAC,MAAM,OAAO,aAAa,EAAE,QAAQ,EAAE,OAAO,QAAQ,CAAC;AAAA,sBACjE,WAAU;AAAA;AAAA,kBACZ;AAAA,kBACA,gBAAAA,KAAC,UAAK,yBAAW;AAAA,mBACnB;AAAA,iBACF;AAAA,eAEJ;AAAA,YAID,cAAc,YACb,gBAAAC,MAAC,SAAI,WAAU,+BACb;AAAA,8BAAAD;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA,SAAS;AAAA,kBACT,iBAAiB;AAAA,kBACjB,WAAW,MAAM,aAAa;AAAA,kBAC9B,WAAW,QAAQ,MAAM,SAAS;AAAA;AAAA,cACpC;AAAA,cACC,kBACC,gBAAAA,KAAC,OAAE,MAAK,SAAQ,WAAU,iBACvB,0BACH;AAAA,cAEF,gBAAAA,KAAC,mBAAgB,YAAwB,WAAW,MAAM,aAAa,MAAM,QAAQ,MAAM,YAAY,QAAQ;AAAA,eACjH;AAAA,YAID,cAAc,QACb,gBAAAC,MAAC,SAAI,WAAU,+BACb;AAAA,8BAAAA,MAAC,WAAM,WAAU,0DACf;AAAA,gCAAAD,KAAC,UAAK,2BAAa;AAAA,gBACnB,gBAAAC;AAAA,kBAAC;AAAA;AAAA,oBACC,cAAW;AAAA,oBACX,OAAO;AAAA,oBACP,UAAU,CAAC,MAAM,YAAY,EAAE,OAAO,KAAwB;AAAA,oBAC9D,WAAU;AAAA,oBAEV;AAAA,sCAAAD,KAAC,YAAO,OAAM,QAAQ,qBAAW,eAAe,qBAAqB,wBAAuB;AAAA,sBAC5F,gBAAAA,KAAC,YAAO,OAAM,aAAY,8BAAgB;AAAA,sBAC1C,gBAAAA,KAAC,YAAO,OAAM,WAAU,2BAAa;AAAA;AAAA;AAAA,gBACvC;AAAA,iBACF;AAAA,cAEA,gBAAAC,MAAC,SAAI,WAAU,gFACb;AAAA,gCAAAA,MAAC,SAAI,WAAU,qCACb;AAAA,kCAAAA,MAAC,UAAK,WAAU,+FACd;AAAA,oCAAAD,KAAC,SAAI,WAAU,+BAA8B,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,KAC7G,0BAAAA,KAAC,UAAK,GAAE,+EAA8E,GACxF;AAAA,oBAAM;AAAA,qBAER;AAAA,kBACC,gBACC,gBAAAA,KAAC,UAAK,WAAU,yHAAwH,yBAExI;AAAA,mBAEJ;AAAA,gBAEA,gBAAAA,KAAC,OAAE,WAAU,8CAA6C,iFAE1D;AAAA,gBAEA,gBAAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAS;AAAA,oBACT,UAAU,gBAAgB;AAAA,oBAC1B,WAAU;AAAA,oBAET,yBACC,gBAAAC,MAAAF,WAAA,EACE;AAAA,sCAAAC,KAAC,SAAI,WAAU,iFAAgF;AAAA,sBAAE;AAAA,uBAEnG,IAEA,gBAAAC,MAAAF,WAAA,EACE;AAAA,sCAAAC,KAAC,SAAI,WAAU,eAAc,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,KAC7F,0BAAAA,KAAC,UAAK,GAAE,sHAAqH,GAC/H;AAAA,sBAAM;AAAA,uBAER;AAAA;AAAA,gBAEJ;AAAA,iBACF;AAAA,cAGA,gBAAAC,MAAC,SAAI,WAAU,gFACb;AAAA,gCAAAA,MAAC,SAAI,WAAU,qCACb;AAAA,kCAAAA,MAAC,UAAK,WAAU,+FACd;AAAA,oCAAAA,MAAC,SAAI,WAAU,+BAA8B,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,KAC7G;AAAA,sCAAAD,KAAC,UAAK,GAAE,8GAA6G;AAAA,sBACrH,gBAAAA,KAAC,UAAK,GAAE,aAAY;AAAA,uBACtB;AAAA,oBAAM;AAAA,qBAER;AAAA,kBACC,gBACC,gBAAAA,KAAC,UAAK,WAAU,yHAAwH,2BAExI;AAAA,mBAEJ;AAAA,gBAEA,gBAAAA,KAAC,OAAE,WAAU,8CAA6C,kGAE1D;AAAA,gBAEA,gBAAAC,MAAC,SAAI,WAAU,uBACb;AAAA,kCAAAD,KAAC,WAAM,SAAQ,2BAA0B,WAAU,0CAAyC,oBAAM;AAAA,kBAClG,gBAAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,IAAG;AAAA,sBACH,OAAO;AAAA,sBACP,UAAU,CAAC,MAAM,iBAAiB,EAAE,OAAO,KAAK;AAAA,sBAChD,aAAY;AAAA,sBACZ,MAAM;AAAA,sBACN,WAAU;AAAA;AAAA,kBACZ;AAAA,mBACF;AAAA,gBAEA,gBAAAC,MAAC,SAAI,WAAU,uBACb;AAAA,kCAAAD,KAAC,UAAK,WAAU,0CAAyC,gCAAkB;AAAA,kBAC3E,gBAAAC,MAAC,SAAI,WAAU,4BACb;AAAA,oCAAAA;AAAA,sBAAC;AAAA;AAAA,wBACC,MAAK;AAAA,wBACL,SAAS,MAAM,mBAAmB,aAAa;AAAA,wBAC/C,WAAW,kFACT,oBAAoB,gBAChB,uDACA,mEACN;AAAA,wBACD;AAAA;AAAA,0BACgB,MAAM,YAAY;AAAA,0BAAO;AAAA;AAAA;AAAA,oBAC1C;AAAA,oBACA,gBAAAA;AAAA,sBAAC;AAAA;AAAA,wBACC,MAAK;AAAA,wBACL,SAAS,MAAM,mBAAmB,MAAM;AAAA,wBACxC,WAAW,kFACT,oBAAoB,SAChB,uDACA,mEACN;AAAA,wBACD;AAAA;AAAA,0BACY,MAAM,OAAO,aAAa;AAAA,0BAAO;AAAA;AAAA;AAAA,oBAC9C;AAAA,qBACF;AAAA,mBACF;AAAA,gBAEA,gBAAAD;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAS;AAAA,oBACT,UAAU,gBAAgB,gBAAgB,CAAC,cAAc,KAAK;AAAA,oBAC9D,WAAU;AAAA,oBAET,yBACC,gBAAAC,MAAAF,WAAA,EACE;AAAA,sCAAAC,KAAC,SAAI,WAAU,iFAAgF;AAAA,sBAAE;AAAA,uBAEnG,IAEA,gBAAAC,MAAAF,WAAA,EACE;AAAA,sCAAAC,KAAC,SAAI,WAAU,eAAc,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,KAC7F,0BAAAA,KAAC,UAAK,GAAE,sHAAqH,GAC/H;AAAA,sBAAM;AAAA,uBAER;AAAA;AAAA,gBAEJ;AAAA,iBACF;AAAA,cAEC,WACC,gBAAAA,KAAC,SAAI,WAAU,oFACZ,mBACH;AAAA,cAGD,aACC,gBAAAA,KAAC,SAAI,WAAU,6FACZ,qBACH;AAAA,eAEJ;AAAA,aAEJ;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":["options","React","useRef","useEffect","useState","useCallback","useEffect","useMemo","useState","jsx","jsxs","useEffect","useState","useRef","useState","histogramPath","jsx","jsxs","jsx","jsxs","useState","useEffect","useEffect","useRef","useState","BLEND_MODES","jsx","jsxs","useEffect","useState","jsx","jsxs","useState","useEffect","useState","jsx","jsxs","useState","ADJUSTMENT_KINDS","adjustmentKindLabel","Fragment","jsx","jsxs","Fragment","jsx","jsxs","useRef","useState","useCallback","useEffect","currentImgPt","React"]}