@djangocfg/ui-tools 2.1.110 → 2.1.111

package/dist/chunk-TEFRA7GW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tools/ImageViewer/utils/constants.ts","../src/tools/ImageViewer/utils/lqip.ts","../src/tools/ImageViewer/utils/debug.ts","../src/tools/ImageViewer/components/ImageToolbar.tsx","../src/tools/ImageViewer/components/ImageInfo.tsx","../src/tools/ImageViewer/hooks/useImageTransform.ts","../src/tools/ImageViewer/hooks/useImageLoading.ts","../src/tools/ImageViewer/components/ImageViewer.tsx"],"names":["__name","createMediaLogger","useTypedT","useControls","useMemo","jsxs","jsx","Button","ZoomOut","DropdownMenu","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuItem","ZoomIn","Maximize2","cn","FlipHorizontal","FlipVertical","RotateCw","Fragment","Expand","useImageCache","useState","useEffect","useCallback","useMediaCacheStore","useRef","contentKey","generateContentKey","url","AlertCircle","Alert","AlertDescription","ImageIcon","TransformWrapper","TransformComponent","Dialog","DialogContent","DialogTitle"],"mappings":"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","file":"chunk-TEFRA7GW.cjs","sourcesContent":["/**\n * ImageViewer constants\n */\n\nimport type { ZoomPreset, ImageTransform } from '../types';\n\n// =============================================================================\n// SIZE LIMITS\n// =============================================================================\n\n/** Maximum image size before blocking (50MB) */\nexport const MAX_IMAGE_SIZE = 50 * 1024 * 1024;\n\n/** Image size threshold for warning (10MB) */\nexport const WARNING_IMAGE_SIZE = 10 * 1024 * 1024;\n\n/** Progressive loading threshold - use LQIP for images > 500KB */\nexport const PROGRESSIVE_LOADING_THRESHOLD = 500 * 1024;\n\n// =============================================================================\n// LQIP CONFIGURATION\n// =============================================================================\n\n/** Low-quality placeholder size (32x32) */\nexport const LQIP_SIZE = 32;\n\n/** LQIP JPEG quality */\nexport const LQIP_QUALITY = 0.5;\n\n// =============================================================================\n// ZOOM CONFIGURATION\n// =============================================================================\n\n/** Minimum zoom level */\nexport const MIN_ZOOM = 0.1;\n\n/** Maximum zoom level */\nexport const MAX_ZOOM = 8;\n\n/** Available zoom presets */\nexport const ZOOM_PRESETS: readonly ZoomPreset[] = [\n  { label: 'Fit', value: 'fit' },\n  { label: '25%', value: 0.25 },\n  { label: '50%', value: 0.5 },\n  { label: '100%', value: 1 },\n  { label: '200%', value: 2 },\n  { label: '400%', value: 4 },\n] as const;\n\n// =============================================================================\n// DEFAULT VALUES\n// =============================================================================\n\n/** Default transform state */\nexport const DEFAULT_TRANSFORM: ImageTransform = {\n  rotation: 0,\n  flipH: false,\n  flipV: false,\n};\n","/**\n * LQIP (Low-Quality Image Placeholder) generator\n *\n * Creates a tiny blurred preview image for progressive loading.\n */\n\nimport { LQIP_SIZE, LQIP_QUALITY } from './constants';\n\n/**\n * Create a low-quality image placeholder from source URL\n *\n * @param imageSrc - Full quality image URL\n * @returns Data URL of tiny preview, or null on error\n */\nexport async function createLQIP(imageSrc: string): Promise<string | null> {\n  try {\n    // Load the full image\n    const img = new Image();\n    img.crossOrigin = 'anonymous';\n\n    await new Promise<void>((resolve, reject) => {\n      img.onload = () => resolve();\n      img.onerror = () => reject(new Error('Failed to load image for LQIP'));\n      img.src = imageSrc;\n    });\n\n    // Calculate aspect ratio preserving dimensions\n    const aspect = img.naturalWidth / img.naturalHeight;\n    const width = aspect >= 1 ? LQIP_SIZE : Math.round(LQIP_SIZE * aspect);\n    const height = aspect >= 1 ? Math.round(LQIP_SIZE / aspect) : LQIP_SIZE;\n\n    // Create canvas for downscaling\n    const canvas = document.createElement('canvas');\n    canvas.width = width;\n    canvas.height = height;\n    const ctx = canvas.getContext('2d');\n    if (!ctx) return null;\n\n    // Draw scaled down image\n    ctx.drawImage(img, 0, 0, width, height);\n\n    // Return as data URL (very small, ~1-2KB)\n    return canvas.toDataURL('image/jpeg', LQIP_QUALITY);\n  } catch {\n    return null;\n  }\n}\n","'use client';\n\n/**\n * ImageViewer Debug Logger\n *\n * Uses universal logger with media-specific helpers.\n * Logs go to both console (dev) and zustand store (for Console panel).\n */\n\nimport { createMediaLogger } from '@djangocfg/ui-core/lib';\n\nexport const imageDebug = createMediaLogger('ImageViewer');\n\nexport default imageDebug;\n","'use client';\n\n/**\n * ImageToolbar - Floating toolbar for image controls\n */\n\nimport { useMemo } from 'react';\nimport { ZoomIn, ZoomOut, RotateCw, FlipHorizontal, FlipVertical, Maximize2, Expand } from 'lucide-react';\nimport { useControls } from 'react-zoom-pan-pinch';\nimport { Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@djangocfg/ui-core/components';\nimport { useTypedT, type I18nTranslations } from '@djangocfg/i18n';\nimport { cn } from '@djangocfg/ui-core/lib';\nimport { ZOOM_PRESETS } from '../utils';\nimport type { ImageToolbarProps } from '../types';\n\n// =============================================================================\n// COMPONENT\n// =============================================================================\n\nexport function ImageToolbar({\n  scale,\n  transform,\n  onRotate,\n  onFlipH,\n  onFlipV,\n  onZoomPreset,\n  onExpand,\n}: ImageToolbarProps) {\n  const t = useTypedT<I18nTranslations>();\n  const { zoomIn, zoomOut, resetTransform } = useControls();\n\n  const labels = useMemo(() => ({\n    zoomIn: t('tools.image.zoomIn'),\n    zoomOut: t('tools.image.zoomOut'),\n    fitToView: t('tools.image.fitToView'),\n    flipHorizontal: t('tools.image.flipHorizontal'),\n    flipVertical: t('tools.image.flipVertical'),\n    rotate: t('tools.image.rotate'),\n    fullscreen: t('tools.image.fullscreen'),\n  }), [t]);\n\n  const zoomLabel = useMemo(() => {\n    const percent = Math.round(scale * 100);\n    return `${percent}%`;\n  }, [scale]);\n\n  return (\n    <div className=\"absolute bottom-4 left-1/2 -translate-x-1/2 z-10 flex items-center gap-0.5 bg-background/90 backdrop-blur-sm border rounded-lg p-1 shadow-lg\">\n      {/* Zoom controls */}\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        className=\"h-7 w-7\"\n        onClick={() => zoomOut()}\n        title={labels.zoomOut}\n      >\n        <ZoomOut className=\"h-3.5 w-3.5\" />\n      </Button>\n\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button variant=\"ghost\" size=\"sm\" className=\"h-7 px-2 min-w-[52px] font-mono text-xs\">\n            {zoomLabel}\n          </Button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"center\" className=\"min-w-[80px]\">\n          {ZOOM_PRESETS.map((preset) => (\n            <DropdownMenuItem\n              key={preset.label}\n              onClick={() => onZoomPreset(preset.value)}\n              className=\"text-xs justify-center\"\n            >\n              {preset.label}\n            </DropdownMenuItem>\n          ))}\n        </DropdownMenuContent>\n      </DropdownMenu>\n\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        className=\"h-7 w-7\"\n        onClick={() => zoomIn()}\n        title={labels.zoomIn}\n      >\n        <ZoomIn className=\"h-3.5 w-3.5\" />\n      </Button>\n\n      <div className=\"w-px h-4 bg-border mx-1\" />\n\n      {/* Fit to view */}\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        className=\"h-7 w-7\"\n        onClick={() => resetTransform()}\n        title={labels.fitToView}\n      >\n        <Maximize2 className=\"h-3.5 w-3.5\" />\n      </Button>\n\n      <div className=\"w-px h-4 bg-border mx-1\" />\n\n      {/* Transform controls */}\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        className={cn('h-7 w-7', transform.flipH && 'bg-accent')}\n        onClick={onFlipH}\n        title={labels.flipHorizontal}\n      >\n        <FlipHorizontal className=\"h-3.5 w-3.5\" />\n      </Button>\n\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        className={cn('h-7 w-7', transform.flipV && 'bg-accent')}\n        onClick={onFlipV}\n        title={labels.flipVertical}\n      >\n        <FlipVertical className=\"h-3.5 w-3.5\" />\n      </Button>\n\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        className=\"h-7 w-7\"\n        onClick={onRotate}\n        title={labels.rotate}\n      >\n        <RotateCw className=\"h-3.5 w-3.5\" />\n      </Button>\n\n      {transform.rotation !== 0 && (\n        <span className=\"text-[10px] text-muted-foreground font-mono pl-1\">\n          {transform.rotation}°\n        </span>\n      )}\n\n      {onExpand && (\n        <>\n          <div className=\"w-px h-4 bg-border mx-1\" />\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"h-7 w-7\"\n            onClick={onExpand}\n            title={labels.fullscreen}\n          >\n            <Expand className=\"h-3.5 w-3.5\" />\n          </Button>\n        </>\n      )}\n    </div>\n  );\n}\n","'use client';\n\n/**\n * ImageInfo - Displays image dimensions badge\n */\n\nimport { useEffect, useState } from 'react';\nimport { useImageCache } from '../../../stores/mediaCache';\nimport type { ImageInfoProps } from '../types';\n\n// =============================================================================\n// COMPONENT\n// =============================================================================\n\nexport function ImageInfo({ src }: ImageInfoProps) {\n  const { getDimensions, cacheDimensions } = useImageCache();\n  const [dimensions, setDimensions] = useState<{ w: number; h: number } | null>(null);\n\n  useEffect(() => {\n    // Check cache first\n    const cached = getDimensions(src);\n    if (cached) {\n      setDimensions({ w: cached.width, h: cached.height });\n      return;\n    }\n\n    // Load and cache dimensions\n    const img = new Image();\n    img.onload = () => {\n      const dims = { w: img.naturalWidth, h: img.naturalHeight };\n      setDimensions(dims);\n      cacheDimensions(src, { width: dims.w, height: dims.h });\n    };\n    img.src = src;\n  }, [src, getDimensions, cacheDimensions]);\n\n  if (!dimensions) return null;\n\n  return (\n    <div className=\"absolute top-3 right-3 z-10 px-2 py-1 bg-background/80 backdrop-blur-sm border rounded text-[10px] text-muted-foreground font-mono\">\n      {dimensions.w} × {dimensions.h}\n    </div>\n  );\n}\n","'use client';\n\n/**\n * useImageTransform - Manages image rotation and flip state\n */\n\nimport { useState, useCallback, useEffect, useMemo } from 'react';\nimport type { ImageTransform } from '../types';\nimport { DEFAULT_TRANSFORM } from '../utils';\n\n// =============================================================================\n// TYPES\n// =============================================================================\n\nexport interface UseImageTransformOptions {\n  /** Reset transform when this key changes */\n  resetKey?: string;\n}\n\nexport interface UseImageTransformReturn {\n  /** Current transform state */\n  transform: ImageTransform;\n  /** Rotate 90 degrees clockwise */\n  rotate: () => void;\n  /** Toggle horizontal flip */\n  flipH: () => void;\n  /** Toggle vertical flip */\n  flipV: () => void;\n  /** Reset all transforms */\n  reset: () => void;\n  /** CSS transform string for applying to image */\n  transformStyle: string;\n}\n\n// =============================================================================\n// HOOK\n// =============================================================================\n\nexport function useImageTransform(\n  options: UseImageTransformOptions = {}\n): UseImageTransformReturn {\n  const { resetKey } = options;\n\n  const [transform, setTransform] = useState<ImageTransform>(DEFAULT_TRANSFORM);\n\n  // Reset transform when key changes\n  useEffect(() => {\n    setTransform(DEFAULT_TRANSFORM);\n  }, [resetKey]);\n\n  const rotate = useCallback(() => {\n    setTransform((prev) => ({\n      ...prev,\n      rotation: (prev.rotation + 90) % 360,\n    }));\n  }, []);\n\n  const flipH = useCallback(() => {\n    setTransform((prev) => ({\n      ...prev,\n      flipH: !prev.flipH,\n    }));\n  }, []);\n\n  const flipV = useCallback(() => {\n    setTransform((prev) => ({\n      ...prev,\n      flipV: !prev.flipV,\n    }));\n  }, []);\n\n  const reset = useCallback(() => {\n    setTransform(DEFAULT_TRANSFORM);\n  }, []);\n\n  // Build CSS transform string\n  const transformStyle = useMemo(() => {\n    const transforms: string[] = [];\n\n    if (transform.rotation !== 0) {\n      transforms.push(`rotate(${transform.rotation}deg)`);\n    }\n    if (transform.flipH) {\n      transforms.push('scaleX(-1)');\n    }\n    if (transform.flipV) {\n      transforms.push('scaleY(-1)');\n    }\n\n    return transforms.join(' ') || 'none';\n  }, [transform]);\n\n  return {\n    transform,\n    rotate,\n    flipH,\n    flipV,\n    reset,\n    transformStyle,\n  };\n}\n","'use client';\n\n/**\n * useImageLoading - Manages image loading state with LQIP\n */\n\nimport { useState, useEffect, useRef } from 'react';\nimport { useMediaCacheStore, generateContentKey } from '../../../stores/mediaCache';\nimport { createLQIP, MAX_IMAGE_SIZE, WARNING_IMAGE_SIZE, PROGRESSIVE_LOADING_THRESHOLD, imageDebug } from '../utils';\n\n// =============================================================================\n// TYPES\n// =============================================================================\n\nexport interface UseImageLoadingOptions {\n  /** Image content (ArrayBuffer or string) */\n  content: string | ArrayBuffer;\n  /** MIME type for blob creation */\n  mimeType?: string;\n  /**\n   * Direct image URL (bypasses content→blob conversion).\n   * When provided, content is ignored and URL is used directly.\n   */\n  src?: string;\n}\n\nexport interface UseImageLoadingReturn {\n  /** Blob URL source for the image */\n  src: string | null;\n  /** Low-quality placeholder URL */\n  lqip: string | null;\n  /** Whether full image is loaded */\n  isFullyLoaded: boolean;\n  /** Whether to use progressive loading */\n  useProgressiveLoading: boolean;\n  /** Error message if any */\n  error: string | null;\n  /** Content key for caching */\n  contentKey: string | null;\n  /** Image size in bytes */\n  size: number;\n  /** Whether content exists */\n  hasContent: boolean;\n}\n\n// =============================================================================\n// HOOK\n// =============================================================================\n\nexport function useImageLoading(options: UseImageLoadingOptions): UseImageLoadingReturn {\n  const { content, mimeType, src: directSrc } = options;\n\n  // Get stable function references from store (not from hook to avoid re-renders)\n  const getOrCreateBlobUrl = useMediaCacheStore.getState().getOrCreateBlobUrl;\n  const releaseBlobUrl = useMediaCacheStore.getState().releaseBlobUrl;\n\n  const [src, setSrc] = useState<string | null>(null);\n  const [lqip, setLqip] = useState<string | null>(null);\n  const [isFullyLoaded, setIsFullyLoaded] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const contentKeyRef = useRef<string | null>(null);\n  const isMountedRef = useRef(true);\n\n  // Calculate size and flags\n  const size = content ? (typeof content === 'string' ? content.length : content.byteLength) : 0;\n  // When directSrc is provided, we have content (the URL itself)\n  const hasContent = directSrc ? true : size > 0;\n  const useProgressiveLoading = directSrc ? false : size > PROGRESSIVE_LOADING_THRESHOLD;\n\n  // Track unmount for cleanup\n  useEffect(() => {\n    isMountedRef.current = true;\n    return () => {\n      isMountedRef.current = false;\n      // Release blob URL only on actual unmount\n      if (contentKeyRef.current) {\n        useMediaCacheStore.getState().releaseBlobUrl(contentKeyRef.current);\n        contentKeyRef.current = null;\n      }\n    };\n  }, []);\n\n  // Create blob URL with caching and size validation\n  useEffect(() => {\n    // Reset error state\n    setError(null);\n\n    // Direct URL mode - use as-is without blob conversion\n    if (directSrc) {\n      imageDebug.load(directSrc, 'url');\n      setSrc(directSrc);\n      setIsFullyLoaded(true);\n      return;\n    }\n\n    if (!hasContent) {\n      setSrc(null);\n      return;\n    }\n\n    // Size validation - reject oversized images\n    if (size > MAX_IMAGE_SIZE) {\n      const sizeMB = (size / 1024 / 1024).toFixed(1);\n      const errorMsg = `Image too large: ${sizeMB}MB (maximum: 50MB)`;\n      imageDebug.error(errorMsg, { size, sizeMB, maxSize: MAX_IMAGE_SIZE });\n      setError(errorMsg);\n      setSrc(null);\n      return;\n    }\n\n    // Warn about large images\n    if (size > WARNING_IMAGE_SIZE) {\n      const sizeMB = (size / 1024 / 1024).toFixed(1);\n      imageDebug.warn(`Large image: ${sizeMB}MB - may impact performance`);\n    }\n\n    // Handle string content (data URLs or binary strings)\n    if (typeof content === 'string') {\n      // Pass through data URLs directly\n      if (content.startsWith('data:')) {\n        imageDebug.load(content.slice(0, 50) + '...', 'data-url');\n        setSrc(content);\n        return;\n      }\n\n      // Convert binary string to ArrayBuffer and use Blob URL\n      const encoder = new TextEncoder();\n      const buffer = encoder.encode(content).buffer;\n      const contentKey = generateContentKey(buffer);\n\n      // Release previous blob URL if content changed\n      if (contentKeyRef.current && contentKeyRef.current !== contentKey) {\n        releaseBlobUrl(contentKeyRef.current);\n      }\n\n      contentKeyRef.current = contentKey;\n      const url = getOrCreateBlobUrl(contentKey, buffer, mimeType || 'image/png');\n      imageDebug.load(url, 'blob');\n      imageDebug.state('loaded', { size, mimeType, contentKey });\n      setSrc(url);\n      return;\n    }\n\n    // Handle ArrayBuffer with cached blob URL\n    const contentKey = generateContentKey(content);\n\n    // Release previous blob URL if content changed\n    if (contentKeyRef.current && contentKeyRef.current !== contentKey) {\n      releaseBlobUrl(contentKeyRef.current);\n    }\n\n    contentKeyRef.current = contentKey;\n    const url = getOrCreateBlobUrl(contentKey, content, mimeType || 'image/png');\n    imageDebug.load(url, 'blob');\n    imageDebug.state('loaded', { size, mimeType, contentKey });\n    setSrc(url);\n\n    // No cleanup here - cleanup happens in unmount effect above\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [content, mimeType, hasContent, size, directSrc]);\n\n  // Create LQIP for progressive loading\n  useEffect(() => {\n    if (!src || !useProgressiveLoading) {\n      setLqip(null);\n      setIsFullyLoaded(true);\n      return;\n    }\n\n    setIsFullyLoaded(false);\n    imageDebug.state('progressive loading', { size });\n\n    // Create low-quality placeholder\n    createLQIP(src).then((placeholder) => {\n      if (placeholder) {\n        imageDebug.debug('LQIP created');\n        setLqip(placeholder);\n      }\n    });\n\n    // Pre-load full image\n    const img = new Image();\n    img.onload = () => {\n      imageDebug.state('fully loaded');\n      setIsFullyLoaded(true);\n    };\n    img.onerror = () => {\n      imageDebug.error('Failed to load full image');\n    };\n    img.src = src;\n  }, [src, useProgressiveLoading, size]);\n\n  return {\n    src,\n    lqip,\n    isFullyLoaded,\n    useProgressiveLoading,\n    error,\n    contentKey: contentKeyRef.current,\n    size,\n    hasContent,\n  };\n}\n","'use client';\n\n/**\n * ImageViewer - Image viewer with zoom, pan, rotate, flip\n *\n * Features:\n * - Zoom with mouse wheel and presets\n * - Pan with drag\n * - Rotate 90°\n * - Flip horizontal/vertical\n * - Fullscreen dialog\n * - Keyboard shortcuts (+/-, 0, r)\n */\n\nimport { useEffect, useState, useRef, useCallback, useMemo } from 'react';\nimport { ImageIcon, AlertCircle } from 'lucide-react';\nimport { TransformWrapper, TransformComponent, useControls } from 'react-zoom-pan-pinch';\nimport { cn, Dialog, DialogContent, DialogTitle, Alert, AlertDescription } from '@djangocfg/ui-core';\nimport { useTypedT, type I18nTranslations } from '@djangocfg/i18n';\n\nimport { ImageToolbar } from './ImageToolbar';\nimport { ImageInfo } from './ImageInfo';\nimport { useImageTransform, useImageLoading } from '../hooks';\nimport type { ImageViewerProps } from '../types';\n\n// =============================================================================\n// COMPONENT\n// =============================================================================\n\nexport function ImageViewer({ file, content, src: directSrc, inDialog = false }: ImageViewerProps) {\n  const t = useTypedT<I18nTranslations>();\n  const [scale, setScale] = useState(1);\n  const [dialogOpen, setDialogOpen] = useState(false);\n  const [loadError, setLoadError] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const controlsRef = useRef<ReturnType<typeof useControls> | null>(null);\n\n  const labels = useMemo(() => ({\n    noImage: t('tools.image.noImage'),\n    failedToLoad: t('tools.image.failedToLoad'),\n    loading: t('ui.form.loading'),\n  }), [t]);\n\n  // Loading state\n  const {\n    src,\n    lqip,\n    isFullyLoaded,\n    useProgressiveLoading,\n    error,\n    hasContent,\n  } = useImageLoading({ content, mimeType: file.mimeType, src: directSrc });\n\n  // Reset load error when src changes\n  useEffect(() => {\n    setLoadError(false);\n  }, [src]);\n\n  // Transform state\n  const { transform, rotate, flipH, flipV, transformStyle } = useImageTransform({\n    resetKey: file.path,\n  });\n\n  // Zoom preset handler\n  const handleZoomPreset = useCallback((value: number | 'fit') => {\n    if (!controlsRef.current) return;\n    if (value === 'fit') {\n      controlsRef.current.resetTransform();\n    } else {\n      controlsRef.current.setTransform(0, 0, value);\n    }\n  }, []);\n\n  // Expand to fullscreen\n  const handleExpand = useCallback(() => {\n    setDialogOpen(true);\n  }, []);\n\n  // Keyboard shortcuts\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (!containerRef.current?.contains(document.activeElement) &&\n          document.activeElement !== containerRef.current) {\n        return;\n      }\n\n      const controls = controlsRef.current;\n      if (!controls) return;\n\n      switch (e.key) {\n        case '+':\n        case '=':\n          e.preventDefault();\n          controls.zoomIn();\n          break;\n        case '-':\n          e.preventDefault();\n          controls.zoomOut();\n          break;\n        case '0':\n          e.preventDefault();\n          controls.resetTransform();\n          break;\n        case 'r':\n          if (!e.metaKey && !e.ctrlKey) {\n            e.preventDefault();\n            rotate();\n          }\n          break;\n      }\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n    return () => window.removeEventListener('keydown', handleKeyDown);\n  }, [rotate]);\n\n  // Show error for oversized images or load errors\n  if (error || loadError) {\n    return (\n      <div className=\"flex-1 flex flex-col items-center justify-center gap-3 bg-muted/30 p-4\">\n        <AlertCircle className=\"w-12 h-12 text-destructive/70\" />\n        <Alert variant=\"destructive\" className=\"max-w-md\">\n          <AlertCircle className=\"h-4 w-4\" />\n          <AlertDescription>{error || labels.failedToLoad}</AlertDescription>\n        </Alert>\n      </div>\n    );\n  }\n\n  // No content\n  if (!hasContent) {\n    return (\n      <div className=\"flex-1 flex flex-col items-center justify-center gap-2 bg-muted/30\">\n        <ImageIcon className=\"w-12 h-12 text-muted-foreground/50\" />\n        <p className=\"text-sm text-muted-foreground\">{labels.noImage}</p>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      tabIndex={0}\n      className={cn(\n        'flex-1 h-full relative overflow-hidden outline-none',\n        'bg-[length:16px_16px]',\n        '[background-color:hsl(var(--muted)/0.2)]',\n        '[background-image:linear-gradient(45deg,hsl(var(--muted)/0.4)_25%,transparent_25%),linear-gradient(-45deg,hsl(var(--muted)/0.4)_25%,transparent_25%),linear-gradient(45deg,transparent_75%,hsl(var(--muted)/0.4)_75%),linear-gradient(-45deg,transparent_75%,hsl(var(--muted)/0.4)_75%)]',\n        '[background-position:0_0,0_8px,8px_-8px,-8px_0px]'\n      )}\n    >\n      {src && <ImageInfo src={src} />}\n\n      {/* Progressive loading indicator */}\n      {useProgressiveLoading && !isFullyLoaded && (\n        <div className=\"absolute top-3 left-3 z-10 px-2 py-1 bg-background/80 backdrop-blur-sm border rounded text-[10px] text-muted-foreground font-mono flex items-center gap-1.5\">\n          <div className=\"w-2 h-2 bg-blue-500 rounded-full animate-pulse\" />\n          {labels.loading}\n        </div>\n      )}\n\n      <TransformWrapper\n        initialScale={1}\n        minScale={0.1}\n        maxScale={8}\n        centerOnInit\n        centerZoomedOut\n        onTransformed={(ref, state) => {\n          setScale(state.scale);\n          controlsRef.current = ref;\n        }}\n        onInit={(ref) => {\n          controlsRef.current = ref;\n        }}\n        wheel={{ step: 0.1 }}\n        doubleClick={{ mode: 'toggle', step: 2 }}\n        panning={{ velocityDisabled: false }}\n      >\n        <ImageToolbar\n          scale={scale}\n          transform={transform}\n          onRotate={rotate}\n          onFlipH={flipH}\n          onFlipV={flipV}\n          onZoomPreset={handleZoomPreset}\n          onExpand={!inDialog ? handleExpand : undefined}\n        />\n\n        <TransformComponent\n          wrapperClass=\"!w-full !h-full cursor-grab active:cursor-grabbing\"\n          contentClass=\"!w-full !h-full flex items-center justify-center\"\n        >\n          <div className=\"relative\">\n            {/* LQIP Placeholder (blurred, shown while loading) */}\n            {useProgressiveLoading && lqip && !isFullyLoaded && (\n              <img\n                src={lqip}\n                alt=\"\"\n                aria-hidden=\"true\"\n                className=\"absolute inset-0 max-w-full max-h-full object-contain select-none\"\n                style={{\n                  transform: transformStyle,\n                  filter: 'blur(20px)',\n                  transition: 'opacity 0.3s ease-out',\n                  opacity: isFullyLoaded ? 0 : 1,\n                }}\n                draggable={false}\n              />\n            )}\n\n            {/* Full Image */}\n            {src && (\n              <img\n                src={src}\n                alt={file.name}\n                className=\"max-w-full max-h-full object-contain select-none\"\n                style={{\n                  transform: transformStyle,\n                  transition: useProgressiveLoading\n                    ? 'transform 0.15s ease-out, opacity 0.3s ease-out'\n                    : 'transform 0.15s ease-out',\n                  opacity: useProgressiveLoading && !isFullyLoaded ? 0 : 1,\n                }}\n                draggable={false}\n                crossOrigin=\"anonymous\"\n                onError={() => setLoadError(true)}\n              />\n            )}\n          </div>\n        </TransformComponent>\n      </TransformWrapper>\n\n      {/* Fullscreen dialog */}\n      {!inDialog && (\n        <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>\n          <DialogContent className=\"max-w-[95vw] max-h-[95vh] w-[95vw] h-[95vh] p-0 overflow-hidden [&>button]:hidden flex flex-col\">\n            <DialogTitle className=\"sr-only\">{file.name}</DialogTitle>\n            <div className=\"flex items-center justify-between px-4 py-2 border-b shrink-0\">\n              <span className=\"text-sm font-medium truncate\">{file.name}</span>\n            </div>\n            <div className=\"flex-1 min-h-0\">\n              <ImageViewer file={file} content={content} src={directSrc} inDialog />\n            </div>\n          </DialogContent>\n        </Dialog>\n      )}\n    </div>\n  );\n}\n"]}