@sonordev/site-kit 6.4.0 → 7.0.0

package/dist/chunk-WIWHM47B.mjs

@@ -1,525 +0,0 @@
-'use client';
-import { sonorFetch } from './chunk-5T3J24K4.mjs';
-import { useState, useCallback, useEffect } from 'react';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-
-var isDevMode = () => {
-  if (typeof window === "undefined") return false;
-  return process.env.NODE_ENV === "development" || window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1" || new URLSearchParams(window.location.search).get("sonor_dev") === "true";
-};
-function ManagedImage({
-  apiKey = process.env.SONOR_API_KEY,
-  apiUrl = process.env.SONOR_API_URL || "https://api.sonor.io",
-  slotId,
-  pagePath,
-  alt,
-  className = "",
-  width,
-  height,
-  objectFit = "cover",
-  fallback,
-  placeholder,
-  onLoad,
-  onError,
-  priority,
-  style,
-  forceDevMode
-}) {
-  const [imageData, setImageData] = useState(null);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState(null);
-  const [showPicker, setShowPicker] = useState(false);
-  const [devMode] = useState(() => forceDevMode || isDevMode());
-  const currentPath = pagePath ?? (typeof window !== "undefined" ? window.location.pathname : "/");
-  const fetchImage = useCallback(async () => {
-    if (!apiKey || !apiUrl) {
-      setLoading(false);
-      return;
-    }
-    try {
-      const params = new URLSearchParams({ page_path: currentPath });
-      const res = await sonorFetch(
-        `${apiUrl}/public/images/slot/${encodeURIComponent(slotId)}?${params}`,
-        { headers: { "Content-Type": "application/json" } },
-        { apiKey }
-      );
-      if (!res.ok) {
-        throw new Error(`Failed to fetch image: ${res.status}`);
-      }
-      const data = await res.json();
-      setImageData(data.image);
-      setError(null);
-    } catch (err) {
-      console.warn("[ManagedImage] Fetch error:", err);
-      setError(err instanceof Error ? err : new Error(String(err)));
-      onError?.(err instanceof Error ? err : new Error(String(err)));
-    } finally {
-      setLoading(false);
-    }
-  }, [apiKey, apiUrl, slotId, currentPath, onError]);
-  useEffect(() => {
-    fetchImage();
-  }, [fetchImage]);
-  const objectPosition = imageData ? `${imageData.focal_point_x}% ${imageData.focal_point_y}%` : "50% 50%";
-  const imageUrl = imageData?.public_url || imageData?.external_url || fallback;
-  const handleClick = (e) => {
-    if (devMode) {
-      e.preventDefault();
-      e.stopPropagation();
-      setShowPicker(true);
-    }
-  };
-  if (loading) {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: `bg-gray-200 animate-pulse ${className}`,
-        style: {
-          width: width ?? "100%",
-          height: height ?? 200,
-          ...style
-        }
-      }
-    );
-  }
-  if (!imageUrl) {
-    if (placeholder) {
-      return /* @__PURE__ */ jsx(Fragment, { children: placeholder });
-    }
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        onClick: handleClick,
-        className: `
-          bg-gray-100 border-2 border-dashed border-gray-300 
-          flex items-center justify-center text-gray-400
-          ${devMode ? "cursor-pointer hover:border-blue-400 hover:text-blue-500 hover:bg-blue-50" : ""}
-          ${className}
-        `,
-        style: {
-          width: width ?? "100%",
-          height: height ?? 200,
-          ...style
-        },
-        title: devMode ? `Click to add image for slot: ${slotId}` : void 0,
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "text-center p-4", children: [
-            /* @__PURE__ */ jsx(
-              "svg",
-              {
-                className: "w-12 h-12 mx-auto mb-2",
-                fill: "none",
-                stroke: "currentColor",
-                viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ jsx(
-                  "path",
-                  {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 1.5,
-                    d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
-                  }
-                )
-              }
-            ),
-            devMode && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Click to add image" }),
-            /* @__PURE__ */ jsx("p", { className: "text-xs mt-1", children: slotId })
-          ] }),
-          showPicker && /* @__PURE__ */ jsx(
-            ImagePickerModal,
-            {
-              slotId,
-              pagePath: currentPath,
-              config: { apiKey, apiUrl },
-              onClose: () => setShowPicker(false),
-              onSelect: () => {
-                setShowPicker(false);
-                fetchImage();
-              }
-            }
-          )
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "relative", style: { width, height }, children: [
-    /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: imageUrl,
-        alt: imageData?.alt_text || alt || "",
-        title: imageData?.title || void 0,
-        "data-managed-image": "true",
-        "data-slot-id": slotId,
-        "data-page-path": currentPath,
-        className,
-        style: {
-          objectFit,
-          objectPosition,
-          width: width ?? "100%",
-          height: height ?? "auto",
-          ...style
-        },
-        onLoad,
-        onError: () => onError?.(new Error("Image failed to load")),
-        loading: priority ? "eager" : "lazy",
-        onClick: handleClick
-      }
-    ),
-    devMode && /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "absolute inset-0 bg-black/0 hover:bg-black/30 transition-colors cursor-pointer flex items-center justify-center opacity-0 hover:opacity-100",
-        onClick: handleClick,
-        children: /* @__PURE__ */ jsx("div", { className: "bg-white/90 px-3 py-1.5 rounded-lg shadow-lg text-sm font-medium text-gray-700", children: "Edit Image" })
-      }
-    ),
-    showPicker && /* @__PURE__ */ jsx(
-      ImagePickerModal,
-      {
-        slotId,
-        pagePath: currentPath,
-        config: { apiKey, apiUrl },
-        currentImage: imageData,
-        onClose: () => setShowPicker(false),
-        onSelect: () => {
-          setShowPicker(false);
-          fetchImage();
-        }
-      }
-    )
-  ] });
-}
-function ImagePickerModal({
-  slotId,
-  pagePath,
-  config,
-  currentImage,
-  onClose,
-  onSelect
-}) {
-  const [files, setFiles] = useState([]);
-  const [folders, setFolders] = useState([]);
-  const [currentFolder, setCurrentFolder] = useState("");
-  const [search, setSearch] = useState("");
-  const [loading, setLoading] = useState(true);
-  const [uploading, setUploading] = useState(false);
-  const [altText, setAltText] = useState(currentImage?.alt_text || "");
-  const fetchFiles = useCallback(async () => {
-    if (!config?.apiKey || !config?.apiUrl) return;
-    setLoading(true);
-    try {
-      const params = new URLSearchParams();
-      if (currentFolder) params.set("folder", currentFolder);
-      if (search) params.set("search", search);
-      const res = await sonorFetch(
-        `${config.apiUrl}/public/images/files?${params}`,
-        { headers: { "Content-Type": "application/json" } },
-        { apiKey: config.apiKey }
-      );
-      if (res.ok) {
-        const data = await res.json();
-        setFiles(data.files || []);
-        setFolders(data.folders || []);
-      }
-    } catch (err) {
-      console.warn("[ImagePicker] Fetch error:", err);
-    } finally {
-      setLoading(false);
-    }
-  }, [config?.apiKey, config?.apiUrl, currentFolder, search]);
-  useEffect(() => {
-    fetchFiles();
-  }, [fetchFiles]);
-  const handleSelectFile = async (file) => {
-    if (!config?.apiKey || !config?.apiUrl) return;
-    try {
-      const res = await sonorFetch(
-        `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}`,
-        {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({
-            page_path: pagePath,
-            file_id: file.id,
-            alt_text: altText || file.filename
-          })
-        },
-        { apiKey: config.apiKey, retries: 0 }
-      );
-      if (res.ok) {
-        onSelect();
-      }
-    } catch (err) {
-      console.warn("[ImagePicker] Select error:", err);
-    }
-  };
-  const handleUpload = async (e) => {
-    const file = e.target.files?.[0];
-    if (!file || !config?.apiKey || !config?.apiUrl) return;
-    setUploading(true);
-    try {
-      const formData = new FormData();
-      formData.append("file", file);
-      formData.append("slot_id", slotId);
-      formData.append("page_path", pagePath);
-      formData.append("folder", currentFolder || "Website/Images");
-      if (altText) formData.append("alt_text", altText);
-      const res = await sonorFetch(`${config.apiUrl}/public/images/upload`, {
-        method: "POST",
-        body: formData
-      }, { apiKey: config.apiKey, retries: 0, timeoutMs: 6e4 });
-      if (res.ok) {
-        onSelect();
-      }
-    } catch (err) {
-      console.warn("[ImagePicker] Upload error:", err);
-    } finally {
-      setUploading(false);
-    }
-  };
-  const handleClear = async () => {
-    if (!config?.apiKey || !config?.apiUrl) return;
-    try {
-      const params = new URLSearchParams({ page_path: pagePath });
-      await sonorFetch(
-        `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}?${params}`,
-        { method: "DELETE" },
-        { apiKey: config.apiKey, retries: 0 }
-      );
-      onSelect();
-    } catch (err) {
-      console.warn("[ImagePicker] Clear error:", err);
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "fixed inset-0 z-[99999] bg-black/50 flex items-center justify-center p-4",
-      onClick: onClose,
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "bg-white rounded-xl shadow-2xl max-w-4xl w-full max-h-[90vh] overflow-hidden",
-          onClick: (e) => e.stopPropagation(),
-          children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-4 border-b", children: [
-              /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: "Select Image" }),
-                /* @__PURE__ */ jsxs("p", { className: "text-sm text-gray-500", children: [
-                  "Slot: ",
-                  slotId
-                ] })
-              ] }),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  onClick: onClose,
-                  className: "text-gray-400 hover:text-gray-600 p-2",
-                  children: /* @__PURE__ */ jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "p-4 overflow-y-auto", style: { maxHeight: "calc(90vh - 180px)" }, children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex gap-4 mb-4", children: [
-                /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
-                  "input",
-                  {
-                    type: "text",
-                    placeholder: "Search images...",
-                    value: search,
-                    onChange: (e) => setSearch(e.target.value),
-                    className: "w-full px-3 py-2 border rounded-lg text-sm"
-                  }
-                ) }),
-                /* @__PURE__ */ jsxs("label", { className: "px-4 py-2 bg-blue-600 text-white rounded-lg cursor-pointer hover:bg-blue-700 text-sm font-medium flex items-center gap-2", children: [
-                  uploading ? "Uploading..." : "Upload New",
-                  /* @__PURE__ */ jsx(
-                    "input",
-                    {
-                      type: "file",
-                      accept: "image/*",
-                      onChange: handleUpload,
-                      disabled: uploading,
-                      className: "hidden"
-                    }
-                  )
-                ] }),
-                currentImage?.file_id && /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    onClick: handleClear,
-                    className: "px-4 py-2 border border-red-200 text-red-600 rounded-lg hover:bg-red-50 text-sm",
-                    children: "Remove"
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsx(
-                "input",
-                {
-                  type: "text",
-                  placeholder: "Alt text for image...",
-                  value: altText,
-                  onChange: (e) => setAltText(e.target.value),
-                  className: "w-full px-3 py-2 border rounded-lg text-sm"
-                }
-              ) }),
-              folders.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex gap-2 mb-4 flex-wrap", children: [
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    onClick: () => setCurrentFolder(""),
-                    className: `px-3 py-1 text-sm rounded-full ${!currentFolder ? "bg-blue-100 text-blue-700" : "bg-gray-100 hover:bg-gray-200"}`,
-                    children: "All"
-                  }
-                ),
-                folders.map((folder) => /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    onClick: () => setCurrentFolder(folder),
-                    className: `px-3 py-1 text-sm rounded-full ${currentFolder === folder ? "bg-blue-100 text-blue-700" : "bg-gray-100 hover:bg-gray-200"}`,
-                    children: folder
-                  },
-                  folder
-                ))
-              ] }),
-              loading ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-4", children: [...Array(8)].map((_, i) => /* @__PURE__ */ jsx("div", { className: "aspect-square bg-gray-200 rounded-lg animate-pulse" }, i)) }) : files.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "text-center py-12 text-gray-500", children: [
-                /* @__PURE__ */ jsx("p", { children: "No images found" }),
-                /* @__PURE__ */ jsx("p", { className: "text-sm mt-1", children: "Upload a new image to get started" })
-              ] }) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-4", children: files.map((file) => /* @__PURE__ */ jsx(
-                "button",
-                {
-                  onClick: () => handleSelectFile(file),
-                  className: `
-                    aspect-square rounded-lg overflow-hidden border-2 transition-all
-                    hover:border-blue-400 hover:shadow-lg
-                    ${currentImage?.file_id === file.id ? "border-blue-500 ring-2 ring-blue-200" : "border-gray-200"}
-                  `,
-                  children: /* @__PURE__ */ jsx(
-                    "img",
-                    {
-                      src: file.public_url,
-                      alt: file.filename,
-                      className: "w-full h-full object-cover"
-                    }
-                  )
-                },
-                file.id
-              )) })
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "p-4 border-t bg-gray-50 flex justify-end", children: /* @__PURE__ */ jsx(
-              "button",
-              {
-                onClick: onClose,
-                className: "px-4 py-2 text-gray-700 hover:bg-gray-100 rounded-lg text-sm",
-                children: "Cancel"
-              }
-            ) })
-          ]
-        }
-      )
-    }
-  );
-}
-
-// src/images/api.ts
-async function fetchManagedImage(config, slotId, pagePath) {
-  const params = new URLSearchParams();
-  if (pagePath) params.set("page_path", pagePath);
-  const res = await sonorFetch(
-    `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}?${params}`,
-    { headers: { "Content-Type": "application/json" } },
-    { apiKey: config.apiKey }
-  );
-  if (!res.ok) {
-    throw new Error(`Failed to fetch image: ${res.status}`);
-  }
-  return res.json();
-}
-async function fetchManagedImages(config, options) {
-  const params = new URLSearchParams();
-  if (options?.pagePath) params.set("page_path", options.pagePath);
-  if (options?.category) params.set("category", options.category);
-  if (options?.includePlaceholders) params.set("include_placeholders", "true");
-  const res = await sonorFetch(
-    `${config.apiUrl}/public/images?${params}`,
-    { headers: { "Content-Type": "application/json" } },
-    { apiKey: config.apiKey }
-  );
-  if (!res.ok) {
-    throw new Error(`Failed to fetch images: ${res.status}`);
-  }
-  return res.json();
-}
-async function listImageFiles(config, options) {
-  const params = new URLSearchParams();
-  if (options?.folder) params.set("folder", options.folder);
-  if (options?.search) params.set("search", options.search);
-  const res = await sonorFetch(
-    `${config.apiUrl}/public/images/files?${params}`,
-    { headers: { "Content-Type": "application/json" } },
-    { apiKey: config.apiKey }
-  );
-  if (!res.ok) {
-    throw new Error(`Failed to list files: ${res.status}`);
-  }
-  return res.json();
-}
-async function uploadImage(config, file, options) {
-  const formData = new FormData();
-  formData.append("file", file);
-  if (options?.slotId) formData.append("slot_id", options.slotId);
-  if (options?.pagePath) formData.append("page_path", options.pagePath);
-  if (options?.folder) formData.append("folder", options.folder);
-  if (options?.altText) formData.append("alt_text", options.altText);
-  const res = await sonorFetch(`${config.apiUrl}/public/images/upload`, {
-    method: "POST",
-    body: formData
-  }, { apiKey: config.apiKey, retries: 0, timeoutMs: 6e4 });
-  if (!res.ok) {
-    throw new Error(`Failed to upload image: ${res.status}`);
-  }
-  return res.json();
-}
-async function assignImageToSlot(config, slotId, options) {
-  const res = await sonorFetch(
-    `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}`,
-    {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({
-        page_path: options.pagePath,
-        file_id: options.fileId,
-        external_url: options.externalUrl,
-        alt_text: options.altText,
-        title: options.title,
-        caption: options.caption,
-        focal_point_x: options.focalPointX,
-        focal_point_y: options.focalPointY,
-        aspect_ratio: options.aspectRatio
-      })
-    },
-    { apiKey: config.apiKey, retries: 0 }
-  );
-  if (!res.ok) {
-    throw new Error(`Failed to assign image: ${res.status}`);
-  }
-  return res.json();
-}
-async function clearImageSlot(config, slotId, pagePath) {
-  const params = new URLSearchParams();
-  if (pagePath) params.set("page_path", pagePath);
-  const res = await sonorFetch(
-    `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}?${params}`,
-    { method: "DELETE" },
-    { apiKey: config.apiKey, retries: 0 }
-  );
-  if (!res.ok) {
-    throw new Error(`Failed to clear slot: ${res.status}`);
-  }
-  return res.json();
-}
-
-export { ManagedImage, assignImageToSlot, clearImageSlot, fetchManagedImage, fetchManagedImages, listImageFiles, uploadImage };
-//# sourceMappingURL=chunk-WIWHM47B.mjs.map
-//# sourceMappingURL=chunk-WIWHM47B.mjs.map

package/dist/chunk-WIWHM47B.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/images/ManagedImage.tsx","../src/images/api.ts"],"names":[],"mappings":"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","file":"chunk-WIWHM47B.mjs","sourcesContent":["/**\n * ManagedImage - Portal-managed image component\n * \n * Features:\n * - Fetches images from Portal API via API key (never direct Supabase)\n * - Dev mode: Click to open image picker modal\n * - Supports responsive variants\n * - Automatic focal point handling\n * - Placeholder state for empty slots\n * \n * @example\n * ```tsx\n * <ManagedImage \n *   slotId=\"hero-background\"\n *   alt=\"Hero background image\"\n *   className=\"w-full h-96 object-cover\"\n * />\n * ```\n */\n\n'use client'\n\nimport React, { useState, useEffect, useCallback } from 'react'\nimport { sonorFetch } from '../shared/sonorFetch'\n\nexport interface ManagedImageData {\n  id: string\n  slot_id: string\n  page_path: string | null\n  file_id: string | null\n  external_url: string | null\n  alt_text: string | null\n  title: string | null\n  caption: string | null\n  focal_point_x: number\n  focal_point_y: number\n  aspect_ratio: string | null\n  public_url?: string\n  is_placeholder: boolean\n}\n\nexport interface ImageFile {\n  id: string\n  filename: string\n  storage_path: string\n  mime_type: string\n  file_size: number\n  folder_path: string | null\n  public_url?: string\n}\n\nexport interface ManagedImageProps {\n  /** API key for Portal API */\n  apiKey?: string\n  /** API URL (defaults to https://api.sonor.io) */\n  apiUrl?: string\n  /** Unique slot identifier (e.g., 'hero-background', 'about-team-1') */\n  slotId: string\n  /** Page path for page-specific slots (defaults to current path) */\n  pagePath?: string\n  /** Fallback alt text if not set in Portal */\n  alt?: string\n  /** CSS class names */\n  className?: string\n  /** Image width */\n  width?: number | string\n  /** Image height */\n  height?: number | string\n  /** CSS object-fit property */\n  objectFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down'\n  /** Fallback image URL when no image assigned */\n  fallback?: string\n  /** Custom placeholder component */\n  placeholder?: React.ReactNode\n  /** Called when image loads */\n  onLoad?: () => void\n  /** Called on error */\n  onError?: (error: Error) => void\n  /** Priority loading (Next.js Image optimization) */\n  priority?: boolean\n  /** Additional styles */\n  style?: React.CSSProperties\n  /** Enable dev picker even outside dev mode */\n  forceDevMode?: boolean\n}\n\n// Check if we're in dev mode. `?sonor_dev=true` opens the picker on any host.\n// (The Uptrade-era `uptrade_dev` param is gone: nothing in the workspace sent it.)\nconst isDevMode = (): boolean => {\n  if (typeof window === 'undefined') return false\n  return (\n    process.env.NODE_ENV === 'development' ||\n    window.location.hostname === 'localhost' ||\n    window.location.hostname === '127.0.0.1' ||\n    new URLSearchParams(window.location.search).get('sonor_dev') === 'true'\n  )\n}\n\nexport function ManagedImage({\n  apiKey = process.env.SONOR_API_KEY,\n  apiUrl = process.env.SONOR_API_URL || 'https://api.sonor.io',\n  slotId,\n  pagePath,\n  alt,\n  className = '',\n  width,\n  height,\n  objectFit = 'cover',\n  fallback,\n  placeholder,\n  onLoad,\n  onError,\n  priority,\n  style,\n  forceDevMode,\n}: ManagedImageProps) {\n  const [imageData, setImageData] = useState<ManagedImageData | null>(null)\n  const [loading, setLoading] = useState(true)\n  const [error, setError] = useState<Error | null>(null)\n  const [showPicker, setShowPicker] = useState(false)\n  const [devMode] = useState(() => forceDevMode || isDevMode())\n\n  // Get current page path if not provided\n  const currentPath = pagePath ?? (typeof window !== 'undefined' ? window.location.pathname : '/')\n\n  // Fetch image data from Portal API\n  const fetchImage = useCallback(async () => {\n    if (!apiKey || !apiUrl) {\n      setLoading(false)\n      return\n    }\n\n    try {\n      const params = new URLSearchParams({ page_path: currentPath })\n      const res = await sonorFetch(\n        `${apiUrl}/public/images/slot/${encodeURIComponent(slotId)}?${params}`,\n        { headers: { 'Content-Type': 'application/json' } },\n        { apiKey },\n      )\n\n      if (!res.ok) {\n        throw new Error(`Failed to fetch image: ${res.status}`)\n      }\n\n      const data = await res.json()\n      setImageData(data.image)\n      setError(null)\n    } catch (err) {\n      // warn, not error: a failed slot fetch must not fail the Lighthouse\n      // best-practices errors-in-console audit on every page using this slot.\n      console.warn('[ManagedImage] Fetch error:', err)\n      setError(err instanceof Error ? err : new Error(String(err)))\n      onError?.(err instanceof Error ? err : new Error(String(err)))\n    } finally {\n      setLoading(false)\n    }\n  }, [apiKey, apiUrl, slotId, currentPath, onError])\n\n  useEffect(() => {\n    fetchImage()\n  }, [fetchImage])\n\n  // Calculate object-position from focal point\n  const objectPosition = imageData\n    ? `${imageData.focal_point_x}% ${imageData.focal_point_y}%`\n    : '50% 50%'\n\n  // Get the image URL\n  const imageUrl = imageData?.public_url || imageData?.external_url || fallback\n\n  // Handle click in dev mode\n  const handleClick = (e: React.MouseEvent) => {\n    if (devMode) {\n      e.preventDefault()\n      e.stopPropagation()\n      setShowPicker(true)\n    }\n  }\n\n  // Render placeholder state\n  if (loading) {\n    return (\n      <div\n        className={`bg-gray-200 animate-pulse ${className}`}\n        style={{\n          width: width ?? '100%',\n          height: height ?? 200,\n          ...style,\n        }}\n      />\n    )\n  }\n\n  // No image assigned - show placeholder or dev picker hint\n  if (!imageUrl) {\n    if (placeholder) {\n      return <>{placeholder}</>\n    }\n\n    return (\n      <div\n        onClick={handleClick}\n        className={`\n          bg-gray-100 border-2 border-dashed border-gray-300 \n          flex items-center justify-center text-gray-400\n          ${devMode ? 'cursor-pointer hover:border-blue-400 hover:text-blue-500 hover:bg-blue-50' : ''}\n          ${className}\n        `}\n        style={{\n          width: width ?? '100%',\n          height: height ?? 200,\n          ...style,\n        }}\n        title={devMode ? `Click to add image for slot: ${slotId}` : undefined}\n      >\n        <div className=\"text-center p-4\">\n          <svg\n            className=\"w-12 h-12 mx-auto mb-2\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={1.5}\n              d=\"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z\"\n            />\n          </svg>\n          {devMode && (\n            <p className=\"text-sm font-medium\">Click to add image</p>\n          )}\n          <p className=\"text-xs mt-1\">{slotId}</p>\n        </div>\n\n        {showPicker && (\n          <ImagePickerModal\n            slotId={slotId}\n            pagePath={currentPath}\n            config={{ apiKey, apiUrl }}\n            onClose={() => setShowPicker(false)}\n            onSelect={() => {\n              setShowPicker(false)\n              fetchImage()\n            }}\n          />\n        )}\n      </div>\n    )\n  }\n\n  // Render the image\n  return (\n    <div className=\"relative\" style={{ width, height }}>\n      <img\n        src={imageUrl}\n        alt={imageData?.alt_text || alt || ''}\n        title={imageData?.title || undefined}\n        data-managed-image=\"true\"\n        data-slot-id={slotId}\n        data-page-path={currentPath}\n        className={className}\n        style={{\n          objectFit,\n          objectPosition,\n          width: width ?? '100%',\n          height: height ?? 'auto',\n          ...style,\n        }}\n        onLoad={onLoad}\n        onError={() => onError?.(new Error('Image failed to load'))}\n        loading={priority ? 'eager' : 'lazy'}\n        onClick={handleClick}\n      />\n\n      {/* Dev mode overlay */}\n      {devMode && (\n        <div\n          className=\"absolute inset-0 bg-black/0 hover:bg-black/30 transition-colors cursor-pointer flex items-center justify-center opacity-0 hover:opacity-100\"\n          onClick={handleClick}\n        >\n          <div className=\"bg-white/90 px-3 py-1.5 rounded-lg shadow-lg text-sm font-medium text-gray-700\">\n            Edit Image\n          </div>\n        </div>\n      )}\n\n      {showPicker && (\n        <ImagePickerModal\n          slotId={slotId}\n          pagePath={currentPath}\n          config={{ apiKey, apiUrl }}\n          currentImage={imageData}\n          onClose={() => setShowPicker(false)}\n          onSelect={() => {\n            setShowPicker(false)\n            fetchImage()\n          }}\n        />\n      )}\n    </div>\n  )\n}\n\n// ============================================================================\n// IMAGE PICKER MODAL\n// ============================================================================\n\ninterface ImagePickerModalProps {\n  slotId: string\n  pagePath: string\n  config: any\n  currentImage?: ManagedImageData | null\n  onClose: () => void\n  onSelect: () => void\n}\n\nfunction ImagePickerModal({\n  slotId,\n  pagePath,\n  config,\n  currentImage,\n  onClose,\n  onSelect,\n}: ImagePickerModalProps) {\n  const [files, setFiles] = useState<ImageFile[]>([])\n  const [folders, setFolders] = useState<string[]>([])\n  const [currentFolder, setCurrentFolder] = useState<string>('')\n  const [search, setSearch] = useState('')\n  const [loading, setLoading] = useState(true)\n  const [uploading, setUploading] = useState(false)\n  const [altText, setAltText] = useState(currentImage?.alt_text || '')\n\n  // Fetch available files\n  const fetchFiles = useCallback(async () => {\n    if (!config?.apiKey || !config?.apiUrl) return\n\n    setLoading(true)\n    try {\n      const params = new URLSearchParams()\n      if (currentFolder) params.set('folder', currentFolder)\n      if (search) params.set('search', search)\n\n      const res = await sonorFetch(\n        `${config.apiUrl}/public/images/files?${params}`,\n        { headers: { 'Content-Type': 'application/json' } },\n        { apiKey: config.apiKey },\n      )\n\n      if (res.ok) {\n        const data = await res.json()\n        setFiles(data.files || [])\n        setFolders(data.folders || [])\n      }\n    } catch (err) {\n      console.warn('[ImagePicker] Fetch error:', err)\n    } finally {\n      setLoading(false)\n    }\n  }, [config?.apiKey, config?.apiUrl, currentFolder, search])\n\n  useEffect(() => {\n    fetchFiles()\n  }, [fetchFiles])\n\n  // Select an existing file\n  const handleSelectFile = async (file: ImageFile) => {\n    if (!config?.apiKey || !config?.apiUrl) return\n\n    try {\n      const res = await sonorFetch(\n        `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}`,\n        {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({\n            page_path: pagePath,\n            file_id: file.id,\n            alt_text: altText || file.filename,\n          }),\n        },\n        { apiKey: config.apiKey, retries: 0 },\n      )\n\n      if (res.ok) {\n        onSelect()\n      }\n    } catch (err) {\n      console.warn('[ImagePicker] Select error:', err)\n    }\n  }\n\n  // Upload new file\n  const handleUpload = async (e: React.ChangeEvent<HTMLInputElement>) => {\n    const file = e.target.files?.[0]\n    if (!file || !config?.apiKey || !config?.apiUrl) return\n\n    setUploading(true)\n    try {\n      const formData = new FormData()\n      formData.append('file', file)\n      formData.append('slot_id', slotId)\n      formData.append('page_path', pagePath)\n      formData.append('folder', currentFolder || 'Website/Images')\n      if (altText) formData.append('alt_text', altText)\n\n      // No Content-Type — the browser sets the multipart boundary. Long\n      // timeout, no retry: a retried upload would duplicate the file.\n      const res = await sonorFetch(`${config.apiUrl}/public/images/upload`, {\n        method: 'POST',\n        body: formData,\n      }, { apiKey: config.apiKey, retries: 0, timeoutMs: 60000 })\n\n      if (res.ok) {\n        onSelect()\n      }\n    } catch (err) {\n      console.warn('[ImagePicker] Upload error:', err)\n    } finally {\n      setUploading(false)\n    }\n  }\n\n  // Clear the slot\n  const handleClear = async () => {\n    if (!config?.apiKey || !config?.apiUrl) return\n\n    try {\n      const params = new URLSearchParams({ page_path: pagePath })\n      await sonorFetch(\n        `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}?${params}`,\n        { method: 'DELETE' },\n        { apiKey: config.apiKey, retries: 0 },\n      )\n      onSelect()\n    } catch (err) {\n      console.warn('[ImagePicker] Clear error:', err)\n    }\n  }\n\n  return (\n    <div\n      className=\"fixed inset-0 z-[99999] bg-black/50 flex items-center justify-center p-4\"\n      onClick={onClose}\n    >\n      <div\n        className=\"bg-white rounded-xl shadow-2xl max-w-4xl w-full max-h-[90vh] overflow-hidden\"\n        onClick={(e) => e.stopPropagation()}\n      >\n        {/* Header */}\n        <div className=\"flex items-center justify-between p-4 border-b\">\n          <div>\n            <h2 className=\"text-lg font-semibold\">Select Image</h2>\n            <p className=\"text-sm text-gray-500\">Slot: {slotId}</p>\n          </div>\n          <button\n            onClick={onClose}\n            className=\"text-gray-400 hover:text-gray-600 p-2\"\n          >\n            <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          </button>\n        </div>\n\n        {/* Body */}\n        <div className=\"p-4 overflow-y-auto\" style={{ maxHeight: 'calc(90vh - 180px)' }}>\n          {/* Upload & Search */}\n          <div className=\"flex gap-4 mb-4\">\n            <div className=\"flex-1\">\n              <input\n                type=\"text\"\n                placeholder=\"Search images...\"\n                value={search}\n                onChange={(e) => setSearch(e.target.value)}\n                className=\"w-full px-3 py-2 border rounded-lg text-sm\"\n              />\n            </div>\n            <label className=\"px-4 py-2 bg-blue-600 text-white rounded-lg cursor-pointer hover:bg-blue-700 text-sm font-medium flex items-center gap-2\">\n              {uploading ? 'Uploading...' : 'Upload New'}\n              <input\n                type=\"file\"\n                accept=\"image/*\"\n                onChange={handleUpload}\n                disabled={uploading}\n                className=\"hidden\"\n              />\n            </label>\n            {currentImage?.file_id && (\n              <button\n                onClick={handleClear}\n                className=\"px-4 py-2 border border-red-200 text-red-600 rounded-lg hover:bg-red-50 text-sm\"\n              >\n                Remove\n              </button>\n            )}\n          </div>\n\n          {/* Alt text input */}\n          <div className=\"mb-4\">\n            <input\n              type=\"text\"\n              placeholder=\"Alt text for image...\"\n              value={altText}\n              onChange={(e) => setAltText(e.target.value)}\n              className=\"w-full px-3 py-2 border rounded-lg text-sm\"\n            />\n          </div>\n\n          {/* Folder navigation */}\n          {folders.length > 0 && (\n            <div className=\"flex gap-2 mb-4 flex-wrap\">\n              <button\n                onClick={() => setCurrentFolder('')}\n                className={`px-3 py-1 text-sm rounded-full ${\n                  !currentFolder ? 'bg-blue-100 text-blue-700' : 'bg-gray-100 hover:bg-gray-200'\n                }`}\n              >\n                All\n              </button>\n              {folders.map((folder) => (\n                <button\n                  key={folder}\n                  onClick={() => setCurrentFolder(folder)}\n                  className={`px-3 py-1 text-sm rounded-full ${\n                    currentFolder === folder ? 'bg-blue-100 text-blue-700' : 'bg-gray-100 hover:bg-gray-200'\n                  }`}\n                >\n                  {folder}\n                </button>\n              ))}\n            </div>\n          )}\n\n          {/* File grid */}\n          {loading ? (\n            <div className=\"grid grid-cols-4 gap-4\">\n              {[...Array(8)].map((_, i) => (\n                <div key={i} className=\"aspect-square bg-gray-200 rounded-lg animate-pulse\" />\n              ))}\n            </div>\n          ) : files.length === 0 ? (\n            <div className=\"text-center py-12 text-gray-500\">\n              <p>No images found</p>\n              <p className=\"text-sm mt-1\">Upload a new image to get started</p>\n            </div>\n          ) : (\n            <div className=\"grid grid-cols-4 gap-4\">\n              {files.map((file) => (\n                <button\n                  key={file.id}\n                  onClick={() => handleSelectFile(file)}\n                  className={`\n                    aspect-square rounded-lg overflow-hidden border-2 transition-all\n                    hover:border-blue-400 hover:shadow-lg\n                    ${currentImage?.file_id === file.id ? 'border-blue-500 ring-2 ring-blue-200' : 'border-gray-200'}\n                  `}\n                >\n                  <img\n                    src={file.public_url}\n                    alt={file.filename}\n                    className=\"w-full h-full object-cover\"\n                  />\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n\n        {/* Footer */}\n        <div className=\"p-4 border-t bg-gray-50 flex justify-end\">\n          <button\n            onClick={onClose}\n            className=\"px-4 py-2 text-gray-700 hover:bg-gray-100 rounded-lg text-sm\"\n          >\n            Cancel\n          </button>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default ManagedImage\n","/**\n * Images API functions\n * \n * All functions use Portal API with API key authentication.\n * Never makes direct Supabase calls.\n */\n\nimport type { ManagedImageData, ImageFile } from './ManagedImage'\nimport { sonorFetch } from '../shared/sonorFetch'\n\nexport interface ImageApiConfig {\n  apiUrl: string\n  apiKey: string\n}\n\n/**\n * Fetch a managed image for a specific slot\n */\nexport async function fetchManagedImage(\n  config: ImageApiConfig,\n  slotId: string,\n  pagePath?: string,\n): Promise<{ image: ManagedImageData | null; is_placeholder: boolean }> {\n  const params = new URLSearchParams()\n  if (pagePath) params.set('page_path', pagePath)\n\n  const res = await sonorFetch(\n    `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}?${params}`,\n    { headers: { 'Content-Type': 'application/json' } },\n    { apiKey: config.apiKey },\n  )\n\n  if (!res.ok) {\n    throw new Error(`Failed to fetch image: ${res.status}`)\n  }\n\n  return res.json()\n}\n\n/**\n * Fetch all managed images for the project\n */\nexport async function fetchManagedImages(\n  config: ImageApiConfig,\n  options?: {\n    pagePath?: string\n    category?: string\n    includePlaceholders?: boolean\n  },\n): Promise<{ images: ManagedImageData[] }> {\n  const params = new URLSearchParams()\n  if (options?.pagePath) params.set('page_path', options.pagePath)\n  if (options?.category) params.set('category', options.category)\n  if (options?.includePlaceholders) params.set('include_placeholders', 'true')\n\n  const res = await sonorFetch(\n    `${config.apiUrl}/public/images?${params}`,\n    { headers: { 'Content-Type': 'application/json' } },\n    { apiKey: config.apiKey },\n  )\n\n  if (!res.ok) {\n    throw new Error(`Failed to fetch images: ${res.status}`)\n  }\n\n  return res.json()\n}\n\n/**\n * List available image files in the project\n */\nexport async function listImageFiles(\n  config: ImageApiConfig,\n  options?: {\n    folder?: string\n    search?: string\n  },\n): Promise<{ files: ImageFile[]; folders: string[] }> {\n  const params = new URLSearchParams()\n  if (options?.folder) params.set('folder', options.folder)\n  if (options?.search) params.set('search', options.search)\n\n  const res = await sonorFetch(\n    `${config.apiUrl}/public/images/files?${params}`,\n    { headers: { 'Content-Type': 'application/json' } },\n    { apiKey: config.apiKey },\n  )\n\n  if (!res.ok) {\n    throw new Error(`Failed to list files: ${res.status}`)\n  }\n\n  return res.json()\n}\n\n/**\n * Upload a new image\n */\nexport async function uploadImage(\n  config: ImageApiConfig,\n  file: File,\n  options?: {\n    slotId?: string\n    pagePath?: string\n    folder?: string\n    altText?: string\n  },\n): Promise<{ file: ImageFile; image?: ManagedImageData }> {\n  const formData = new FormData()\n  formData.append('file', file)\n  if (options?.slotId) formData.append('slot_id', options.slotId)\n  if (options?.pagePath) formData.append('page_path', options.pagePath)\n  if (options?.folder) formData.append('folder', options.folder)\n  if (options?.altText) formData.append('alt_text', options.altText)\n\n  // No Content-Type — the browser sets the multipart boundary. Long timeout,\n  // no retry: a retried upload would duplicate the file.\n  const res = await sonorFetch(`${config.apiUrl}/public/images/upload`, {\n    method: 'POST',\n    body: formData,\n  }, { apiKey: config.apiKey, retries: 0, timeoutMs: 60000 })\n\n  if (!res.ok) {\n    throw new Error(`Failed to upload image: ${res.status}`)\n  }\n\n  return res.json()\n}\n\n/**\n * Assign an existing file to an image slot\n */\nexport async function assignImageToSlot(\n  config: ImageApiConfig,\n  slotId: string,\n  options: {\n    fileId?: string\n    externalUrl?: string\n    pagePath?: string\n    altText?: string\n    title?: string\n    caption?: string\n    focalPointX?: number\n    focalPointY?: number\n    aspectRatio?: string\n  },\n): Promise<{ image: ManagedImageData }> {\n  const res = await sonorFetch(\n    `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}`,\n    {\n      method: 'POST',\n      headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify({\n        page_path: options.pagePath,\n        file_id: options.fileId,\n        external_url: options.externalUrl,\n        alt_text: options.altText,\n        title: options.title,\n        caption: options.caption,\n        focal_point_x: options.focalPointX,\n        focal_point_y: options.focalPointY,\n        aspect_ratio: options.aspectRatio,\n      }),\n    },\n    { apiKey: config.apiKey, retries: 0 },\n  )\n\n  if (!res.ok) {\n    throw new Error(`Failed to assign image: ${res.status}`)\n  }\n\n  return res.json()\n}\n\n/**\n * Clear an image from a slot (keeps the file)\n */\nexport async function clearImageSlot(\n  config: ImageApiConfig,\n  slotId: string,\n  pagePath?: string,\n): Promise<{ success: boolean }> {\n  const params = new URLSearchParams()\n  if (pagePath) params.set('page_path', pagePath)\n\n  const res = await sonorFetch(\n    `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}?${params}`,\n    { method: 'DELETE' },\n    { apiKey: config.apiKey, retries: 0 },\n  )\n\n  if (!res.ok) {\n    throw new Error(`Failed to clear slot: ${res.status}`)\n  }\n\n  return res.json()\n}\n"]}