@researai/deepscientist 1.5.15 → 1.5.17

package/src/ui/dist/assets/ImageViewerPlugin-OiMUAcLi.js

@@ -1,500 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-D_E4281X.js","assets/index-G7AcWcMu.css"])))=>i.map(i=>d[i]);
-import { w as createLucideIcon, r as reactExports, j as jsxRuntimeExports, b as cn, ah as RotateCcw, ai as Info, a3 as Download, L as LoaderCircle, _ as __vitePreload } from './index-D_E4281X.js';
-import { I as Image } from './image-DSeR_sDS.js';
-import { Z as ZoomOut, a as ZoomIn } from './zoom-out-BgVMmOW4.js';
-
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$2 = [
-  ["line", { x1: "2", x2: "22", y1: "2", y2: "22", key: "a6p6uj" }],
-  ["path", { d: "M10.41 10.41a2 2 0 1 1-2.83-2.83", key: "1bzlo9" }],
-  ["line", { x1: "13.5", x2: "6", y1: "13.5", y2: "21", key: "1q0aeu" }],
-  ["line", { x1: "18", x2: "21", y1: "12", y2: "15", key: "5mozeu" }],
-  [
-    "path",
-    {
-      d: "M3.59 3.59A1.99 1.99 0 0 0 3 5v14a2 2 0 0 0 2 2h14c.55 0 1.052-.22 1.41-.59",
-      key: "mmje98"
-    }
-  ],
-  ["path", { d: "M21 15V5a2 2 0 0 0-2-2H9", key: "43el77" }]
-];
-const ImageOff = createLucideIcon("image-off", __iconNode$2);
-
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$1 = [
-  ["path", { d: "M8 3H5a2 2 0 0 0-2 2v3", key: "1dcmit" }],
-  ["path", { d: "M21 8V5a2 2 0 0 0-2-2h-3", key: "1e4gt3" }],
-  ["path", { d: "M3 16v3a2 2 0 0 0 2 2h3", key: "wsl5sc" }],
-  ["path", { d: "M16 21h3a2 2 0 0 0 2-2v-3", key: "18trek" }]
-];
-const Maximize = createLucideIcon("maximize", __iconNode$1);
-
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode = [
-  ["path", { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8", key: "1p45f6" }],
-  ["path", { d: "M21 3v5h-5", key: "1q7to0" }]
-];
-const RotateCw = createLucideIcon("rotate-cw", __iconNode);
-
-const MIN_SCALE = 0.1;
-const MAX_SCALE = 10;
-const ZOOM_STEP = 0.1;
-function ImageCanvas({
-  src,
-  alt,
-  onLoad,
-  onError,
-  rotation,
-  className
-}) {
-  const [loading, setLoading] = reactExports.useState(true);
-  const [transform, setTransform] = reactExports.useState({
-    scale: 1,
-    translateX: 0,
-    translateY: 0
-  });
-  const [isDragging, setIsDragging] = reactExports.useState(false);
-  const [dragStart, setDragStart] = reactExports.useState({ x: 0, y: 0 });
-  const containerRef = reactExports.useRef(null);
-  const imageRef = reactExports.useRef(null);
-  reactExports.useEffect(() => {
-    setTransform({ scale: 1, translateX: 0, translateY: 0 });
-    setLoading(true);
-  }, [src]);
-  const handleLoad = reactExports.useCallback(() => {
-    setLoading(false);
-    if (imageRef.current && onLoad) {
-      onLoad({
-        width: imageRef.current.width,
-        height: imageRef.current.height,
-        naturalWidth: imageRef.current.naturalWidth,
-        naturalHeight: imageRef.current.naturalHeight
-      });
-    }
-  }, [onLoad]);
-  const handleError = reactExports.useCallback(() => {
-    setLoading(false);
-    onError?.();
-  }, [onError]);
-  reactExports.useCallback(() => {
-    setTransform((prev) => ({
-      ...prev,
-      scale: Math.min(prev.scale + ZOOM_STEP, MAX_SCALE)
-    }));
-  }, []);
-  reactExports.useCallback(() => {
-    setTransform((prev) => ({
-      ...prev,
-      scale: Math.max(prev.scale - ZOOM_STEP, MIN_SCALE)
-    }));
-  }, []);
-  const resetTransform = reactExports.useCallback(() => {
-    setTransform({ scale: 1, translateX: 0, translateY: 0 });
-  }, []);
-  reactExports.useCallback(() => {
-    if (!containerRef.current || !imageRef.current) return;
-    const container = containerRef.current.getBoundingClientRect();
-    const img = imageRef.current;
-    const imageWidth = img.naturalWidth;
-    const imageHeight = img.naturalHeight;
-    const scaleX = (container.width - 40) / imageWidth;
-    const scaleY = (container.height - 40) / imageHeight;
-    const scale = Math.min(scaleX, scaleY, 1);
-    setTransform({ scale, translateX: 0, translateY: 0 });
-  }, []);
-  const handleWheel = reactExports.useCallback((e) => {
-    e.preventDefault();
-    const delta = e.deltaY > 0 ? -ZOOM_STEP : ZOOM_STEP;
-    const newScale = Math.max(MIN_SCALE, Math.min(MAX_SCALE, transform.scale + delta));
-    if (containerRef.current) {
-      const rect = containerRef.current.getBoundingClientRect();
-      const x = e.clientX - rect.left - rect.width / 2;
-      const y = e.clientY - rect.top - rect.height / 2;
-      const scaleDiff = newScale / transform.scale;
-      const newTranslateX = x - scaleDiff * (x - transform.translateX);
-      const newTranslateY = y - scaleDiff * (y - transform.translateY);
-      setTransform({
-        scale: newScale,
-        translateX: newTranslateX,
-        translateY: newTranslateY
-      });
-    } else {
-      setTransform((prev) => ({ ...prev, scale: newScale }));
-    }
-  }, [transform]);
-  const handleMouseDown = reactExports.useCallback((e) => {
-    if (e.button !== 0) return;
-    e.preventDefault();
-    setIsDragging(true);
-    setDragStart({ x: e.clientX - transform.translateX, y: e.clientY - transform.translateY });
-  }, [transform.translateX, transform.translateY]);
-  const handleMouseMove = reactExports.useCallback((e) => {
-    if (!isDragging) return;
-    e.preventDefault();
-    setTransform((prev) => ({
-      ...prev,
-      translateX: e.clientX - dragStart.x,
-      translateY: e.clientY - dragStart.y
-    }));
-  }, [isDragging, dragStart]);
-  const handleMouseUp = reactExports.useCallback(() => {
-    setIsDragging(false);
-  }, []);
-  const handleTouchStart = reactExports.useCallback((e) => {
-    if (e.touches.length === 1) {
-      const touch = e.touches[0];
-      setIsDragging(true);
-      setDragStart({
-        x: touch.clientX - transform.translateX,
-        y: touch.clientY - transform.translateY
-      });
-    }
-  }, [transform.translateX, transform.translateY]);
-  const handleTouchMove = reactExports.useCallback((e) => {
-    if (!isDragging || e.touches.length !== 1) return;
-    const touch = e.touches[0];
-    setTransform((prev) => ({
-      ...prev,
-      translateX: touch.clientX - dragStart.x,
-      translateY: touch.clientY - dragStart.y
-    }));
-  }, [isDragging, dragStart]);
-  const handleTouchEnd = reactExports.useCallback(() => {
-    setIsDragging(false);
-  }, []);
-  const handleDoubleClick = reactExports.useCallback(() => {
-    resetTransform();
-  }, [resetTransform]);
-  const transformStyle = `
-    translate(${transform.translateX}px, ${transform.translateY}px)
-    scale(${transform.scale})
-    rotate(${rotation}deg)
-  `;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "div",
-    {
-      ref: containerRef,
-      className: cn(
-        "relative w-full h-full overflow-hidden select-none",
-        isDragging ? "cursor-grabbing" : "cursor-grab",
-        className
-      ),
-      onWheel: handleWheel,
-      onMouseDown: handleMouseDown,
-      onMouseMove: handleMouseMove,
-      onMouseUp: handleMouseUp,
-      onMouseLeave: handleMouseUp,
-      onTouchStart: handleTouchStart,
-      onTouchMove: handleTouchMove,
-      onTouchEnd: handleTouchEnd,
-      onDoubleClick: handleDoubleClick,
-      children: [
-        loading && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-8 h-8 border-2 border-primary border-t-transparent rounded-full animate-spin" }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "img",
-          {
-            ref: imageRef,
-            src,
-            alt,
-            className: cn(
-              "max-w-none transition-transform duration-100",
-              loading && "opacity-0"
-            ),
-            style: {
-              transform: transformStyle,
-              transformOrigin: "center center"
-            },
-            onLoad: handleLoad,
-            onError: handleError,
-            draggable: false
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute bottom-4 left-4 px-2 py-1 bg-background/80 backdrop-blur rounded text-xs text-muted-foreground", children: [
-          Math.round(transform.scale * 100),
-          "%"
-        ] })
-      ]
-    }
-  );
-}
-
-const DEMO_IMAGE_URL = "https://via.placeholder.com/1920x1080?text=DeepScientist+Image+Viewer";
-function formatFileSize(bytes) {
-  if (!bytes) return "Unknown";
-  if (bytes < 1024) return `${bytes} B`;
-  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
-  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
-}
-function getImageExtension(fileName) {
-  const ext = fileName.split(".").pop()?.toLowerCase() || "";
-  return ext.toUpperCase();
-}
-function ImageViewerPlugin({
-  context,
-  tabId,
-  setDirty,
-  setTitle
-}) {
-  const [imageUrl, setImageUrl] = reactExports.useState("");
-  const [loading, setLoading] = reactExports.useState(true);
-  const [error, setError] = reactExports.useState(null);
-  const [imageInfo, setImageInfo] = reactExports.useState(null);
-  const [rotation, setRotation] = reactExports.useState(0);
-  const [showInfo, setShowInfo] = reactExports.useState(false);
-  const canvasRef = reactExports.useRef(null);
-  const fileName = context.resourceName || context.resourcePath || "Image";
-  reactExports.useEffect(() => {
-    setTitle(fileName);
-  }, [fileName, setTitle]);
-  reactExports.useEffect(() => {
-    let cancelled = false;
-    let objectUrl = null;
-    setLoading(true);
-    setError(null);
-    if (!context.resourceId) {
-      setImageUrl(DEMO_IMAGE_URL);
-      return () => {
-        cancelled = true;
-      };
-    }
-    const loadImageUrl = async () => {
-      try {
-        const { createFileObjectUrl } = await __vitePreload(async () => { const { createFileObjectUrl } = await import('./index-D_E4281X.js').then(n => n.ep);return { createFileObjectUrl }},true?__vite__mapDeps([0,1]):void 0);
-        objectUrl = await createFileObjectUrl(context.resourceId);
-        if (cancelled) {
-          URL.revokeObjectURL(objectUrl);
-          return;
-        }
-        setImageUrl(objectUrl);
-      } catch (err) {
-        console.error("Failed to get image URL:", err);
-        setError("Failed to load image");
-        setLoading(false);
-      }
-    };
-    loadImageUrl();
-    return () => {
-      cancelled = true;
-      if (objectUrl) {
-        URL.revokeObjectURL(objectUrl);
-      }
-    };
-  }, [context.resourceId]);
-  const handleImageLoad = reactExports.useCallback((info) => {
-    setLoading(false);
-    setImageInfo(info);
-  }, []);
-  const handleImageError = reactExports.useCallback(() => {
-    setLoading(false);
-    setError("Failed to load image");
-  }, []);
-  const rotateLeft = reactExports.useCallback(() => {
-    setRotation((prev) => (prev - 90) % 360);
-  }, []);
-  const rotateRight = reactExports.useCallback(() => {
-    setRotation((prev) => (prev + 90) % 360);
-  }, []);
-  reactExports.useCallback(() => {
-    setRotation(0);
-  }, []);
-  const handleDownload = reactExports.useCallback(() => {
-    if (!imageUrl) return;
-    const link = document.createElement("a");
-    link.href = imageUrl;
-    link.download = fileName;
-    link.click();
-  }, [imageUrl, fileName]);
-  const fileSize = context.customData?.size;
-  if (error && !loading) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-full bg-background", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center px-4 py-2 border-b border-border bg-muted/30", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Image, { className: "w-4 h-4 text-muted-foreground" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-foreground", children: fileName })
-      ] }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-4 text-center", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ImageOff, { className: "w-16 h-16 text-muted-foreground" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-lg font-medium text-foreground", children: "Failed to load image" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground mt-1", children: error })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            className: "px-4 py-2 text-sm bg-primary text-primary-foreground rounded-lg hover:bg-primary/90 transition-colors",
-            onClick: () => window.location.reload(),
-            children: "Retry"
-          }
-        )
-      ] }) })
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-full bg-muted/30", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between px-4 py-2 border-b border-border bg-background", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Image, { className: "w-4 h-4 text-muted-foreground" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-foreground", children: fileName }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs px-2 py-0.5 rounded bg-muted text-muted-foreground", children: getImageExtension(fileName) }),
-        imageInfo && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-xs text-muted-foreground", children: [
-          imageInfo.naturalWidth,
-          " x ",
-          imageInfo.naturalHeight
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            onClick: () => canvasRef.current?.zoomOut?.(),
-            className: "p-2 rounded hover:bg-accent transition-colors text-muted-foreground hover:text-foreground",
-            title: "Zoom out",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(ZoomOut, { className: "w-4 h-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            onClick: () => canvasRef.current?.resetTransform?.(),
-            className: "p-2 rounded hover:bg-accent transition-colors text-muted-foreground hover:text-foreground",
-            title: "Reset zoom (double-click image)",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Maximize, { className: "w-4 h-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            onClick: () => canvasRef.current?.zoomIn?.(),
-            className: "p-2 rounded hover:bg-accent transition-colors text-muted-foreground hover:text-foreground",
-            title: "Zoom in",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(ZoomIn, { className: "w-4 h-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-px h-6 bg-border mx-1" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            onClick: rotateLeft,
-            className: "p-2 rounded hover:bg-accent transition-colors text-muted-foreground hover:text-foreground",
-            title: "Rotate left",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCcw, { className: "w-4 h-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            onClick: rotateRight,
-            className: "p-2 rounded hover:bg-accent transition-colors text-muted-foreground hover:text-foreground",
-            title: "Rotate right",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCw, { className: "w-4 h-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-px h-6 bg-border mx-1" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            onClick: () => setShowInfo(!showInfo),
-            className: cn(
-              "p-2 rounded transition-colors",
-              showInfo ? "bg-primary text-primary-foreground" : "hover:bg-accent text-muted-foreground hover:text-foreground"
-            ),
-            title: "Image info",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Info, { className: "w-4 h-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            onClick: handleDownload,
-            className: "p-2 rounded hover:bg-accent transition-colors text-muted-foreground hover:text-foreground",
-            title: "Download image",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Download, { className: "w-4 h-4" })
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 relative overflow-hidden bg-[#1a1a1a]", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "div",
-        {
-          className: "absolute inset-0 opacity-20",
-          style: {
-            backgroundImage: `
-              linear-gradient(45deg, #808080 25%, transparent 25%),
-              linear-gradient(-45deg, #808080 25%, transparent 25%),
-              linear-gradient(45deg, transparent 75%, #808080 75%),
-              linear-gradient(-45deg, transparent 75%, #808080 75%)
-            `,
-            backgroundSize: "20px 20px",
-            backgroundPosition: "0 0, 0 10px, 10px -10px, -10px 0px"
-          }
-        }
-      ),
-      loading && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 flex items-center justify-center z-10", children: /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "w-8 h-8 animate-spin text-muted-foreground" }) }),
-      imageUrl && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        ImageCanvas,
-        {
-          src: imageUrl,
-          alt: fileName,
-          rotation,
-          onLoad: handleImageLoad,
-          onError: handleImageError
-        }
-      ),
-      showInfo && imageInfo && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute top-4 right-4 p-4 bg-background/90 backdrop-blur rounded-lg shadow-lg border border-border", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "font-medium text-foreground mb-3", children: "Image Information" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("dl", { className: "space-y-2 text-sm", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between gap-8", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("dt", { className: "text-muted-foreground", children: "Filename" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("dd", { className: "text-foreground font-mono", children: fileName })
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between gap-8", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("dt", { className: "text-muted-foreground", children: "Dimensions" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("dd", { className: "text-foreground font-mono", children: [
-              imageInfo.naturalWidth,
-              " x ",
-              imageInfo.naturalHeight
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between gap-8", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("dt", { className: "text-muted-foreground", children: "Format" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("dd", { className: "text-foreground font-mono", children: getImageExtension(fileName) })
-          ] }),
-          fileSize && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between gap-8", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("dt", { className: "text-muted-foreground", children: "Size" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("dd", { className: "text-foreground font-mono", children: formatFileSize(fileSize) })
-          ] }),
-          rotation !== 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between gap-8", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("dt", { className: "text-muted-foreground", children: "Rotation" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("dd", { className: "text-foreground font-mono", children: [
-              rotation,
-              "deg"
-            ] })
-          ] })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center gap-2 px-4 py-2 border-t border-border bg-background", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground", children: "Scroll to zoom | Drag to pan | Double-click to reset" }) })
-  ] });
-}
-
-export { ImageViewerPlugin as default };