gavaengine 0.1.0

package/dist/chunk-CE7E5MAB.js

@@ -0,0 +1,2716 @@
+"use client";
+import {
+  useGavaActions,
+  useGavaConfig,
+  useSplash
+} from "./chunk-GGD7I4JO.js";
+
+// src/components/editor/ArticleEditor.tsx
+import { useState as useState6, useEffect as useEffect4, useCallback as useCallback4, useRef as useRef3 } from "react";
+import { useRouter } from "next/navigation";
+import { useEditor, EditorContent } from "@tiptap/react";
+import StarterKit from "@tiptap/starter-kit";
+
+// src/components/editor/extensions/ResizableImageExtension.ts
+import { Node, mergeAttributes } from "@tiptap/core";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+
+// src/components/editor/extensions/ResizableImageView.tsx
+import { NodeViewWrapper } from "@tiptap/react";
+import { useCallback, useRef, useState } from "react";
+import { AlignLeft, AlignCenter, AlignRight, Trash2 } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function ResizableImageView({
+  node,
+  updateAttributes,
+  selected,
+  deleteNode
+}) {
+  const { src, alt, width, textWrap } = node.attrs;
+  const wrapperRef = useRef(null);
+  const [resizing, setResizing] = useState(false);
+  const onResizeStart = useCallback(
+    (e, handle) => {
+      e.preventDefault();
+      e.stopPropagation();
+      setResizing(true);
+      const startX = e.clientX;
+      const container = wrapperRef.current?.closest(
+        ".article-content, .tiptap"
+      );
+      if (!container) return;
+      const containerWidth = container.getBoundingClientRect().width;
+      const startWidthPx = wrapperRef.current.getBoundingClientRect().width;
+      const isLeft = handle === "nw" || handle === "sw";
+      const onMove = (ev) => {
+        const rawDelta = ev.clientX - startX;
+        const delta = isLeft ? -rawDelta : rawDelta;
+        const newPx = Math.max(startWidthPx + delta, containerWidth * 0.1);
+        const pct = Math.min(newPx / containerWidth * 100, 100);
+        updateAttributes({ width: `${Math.round(pct)}%` });
+      };
+      const onUp = () => {
+        setResizing(false);
+        document.removeEventListener("mousemove", onMove);
+        document.removeEventListener("mouseup", onUp);
+      };
+      document.addEventListener("mousemove", onMove);
+      document.addEventListener("mouseup", onUp);
+    },
+    [updateAttributes]
+  );
+  const setWrap = useCallback(
+    (mode) => {
+      if (mode === "none") {
+        updateAttributes({ textWrap: "none", width: "100%" });
+      } else {
+        const pct = parseInt(width, 10);
+        updateAttributes({
+          textWrap: mode,
+          width: pct > 60 ? "40%" : width
+        });
+      }
+    },
+    [updateAttributes, width]
+  );
+  return /* @__PURE__ */ jsxs(
+    NodeViewWrapper,
+    {
+      className: ["image-node", selected && "selected", resizing && "resizing"].filter(Boolean).join(" "),
+      "data-text-wrap": textWrap,
+      style: { width },
+      ref: wrapperRef,
+      children: [
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            src,
+            alt: alt || "",
+            draggable: false,
+            "data-drag-handle": true,
+            className: "image-node__img"
+          }
+        ),
+        selected && /* @__PURE__ */ jsxs(Fragment, { children: [
+          ["nw", "ne", "sw", "se"].map((h) => /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: `image-node__handle image-node__handle--${h}`,
+              onMouseDown: (e) => onResizeStart(e, h),
+              contentEditable: false
+            },
+            h
+          )),
+          !resizing && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "image-node__toolbar",
+              contentEditable: false,
+              onMouseDown: (e) => e.stopPropagation(),
+              children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setWrap("left"),
+                    className: textWrap === "left" ? "active" : "",
+                    title: "Text right",
+                    children: /* @__PURE__ */ jsx(AlignLeft, { className: "w-4 h-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setWrap("none"),
+                    className: textWrap === "none" ? "active" : "",
+                    title: "Full width",
+                    children: /* @__PURE__ */ jsx(AlignCenter, { className: "w-4 h-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setWrap("right"),
+                    className: textWrap === "right" ? "active" : "",
+                    title: "Text left",
+                    children: /* @__PURE__ */ jsx(AlignRight, { className: "w-4 h-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "image-node__toolbar-sep" }),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => deleteNode(),
+                    className: "delete",
+                    title: "Remove",
+                    children: /* @__PURE__ */ jsx(Trash2, { className: "w-4 h-4" })
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/editor/extensions/ResizableImageExtension.ts
+function figureAlignToWrap(figure) {
+  if (figure.classList.contains("align-left")) return "left";
+  if (figure.classList.contains("align-right")) return "right";
+  return "none";
+}
+function figureWidth(figure) {
+  return figure.style.maxWidth || figure.style.width || "100%";
+}
+var ResizableImage = Node.create({
+  name: "image",
+  group: "block",
+  draggable: true,
+  atom: true,
+  addOptions() {
+    return { HTMLAttributes: {} };
+  },
+  addAttributes() {
+    return {
+      src: { default: null },
+      alt: { default: null },
+      title: { default: null },
+      width: {
+        default: "100%",
+        parseHTML: (el) => {
+          const figure = el.closest("figure");
+          if (figure) return figureWidth(figure);
+          return el.style.width || "100%";
+        },
+        renderHTML: (attrs) => ({
+          style: `width: ${attrs.width}`
+        })
+      },
+      textWrap: {
+        default: "none",
+        parseHTML: (el) => {
+          const figure = el.closest("figure");
+          if (figure) return figureAlignToWrap(figure);
+          return el.getAttribute("data-text-wrap") || el.getAttribute("data-float") || "none";
+        },
+        renderHTML: (attrs) => ({
+          "data-text-wrap": attrs.textWrap
+        })
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      { tag: "figure img[src]" },
+      { tag: "img[src]" }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "img",
+      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)
+    ];
+  },
+  addCommands() {
+    return {
+      setImage: (options) => ({ commands }) => commands.insertContent({ type: this.name, attrs: options })
+    };
+  },
+  addNodeView() {
+    return ReactNodeViewRenderer(ResizableImageView);
+  }
+});
+
+// src/components/editor/ArticleEditor.tsx
+import LinkExt from "@tiptap/extension-link";
+
+// src/components/editor/extensions/DraggableYoutubeExtension.ts
+import Youtube from "@tiptap/extension-youtube";
+import { ReactNodeViewRenderer as ReactNodeViewRenderer2 } from "@tiptap/react";
+
+// src/components/editor/extensions/DraggableYoutubeView.tsx
+import { NodeViewWrapper as NodeViewWrapper2 } from "@tiptap/react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function toEmbedUrl(url) {
+  if (!url) return "";
+  if (url.includes("/embed/")) return url;
+  const shortMatch = url.match(/youtu\.be\/([\w-]+)/);
+  if (shortMatch) return `https://www.youtube.com/embed/${shortMatch[1]}`;
+  const match = url.match(/(?:v=|shorts\/)([\w-]+)/);
+  if (match) return `https://www.youtube.com/embed/${match[1]}`;
+  return url;
+}
+function DraggableYoutubeView({ node, selected }) {
+  const { src, width, height } = node.attrs;
+  const embedUrl = toEmbedUrl(src ?? "");
+  if (!embedUrl) return /* @__PURE__ */ jsx2(NodeViewWrapper2, {});
+  return /* @__PURE__ */ jsx2(
+    NodeViewWrapper2,
+    {
+      className: `draggable-video-wrapper${selected ? " selected" : ""}`,
+      "data-drag-handle": true,
+      children: /* @__PURE__ */ jsx2(
+        "iframe",
+        {
+          src: embedUrl,
+          width: width || 640,
+          height: height || 360,
+          allowFullScreen: true,
+          allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+          style: { pointerEvents: selected ? "none" : "auto" }
+        }
+      )
+    }
+  );
+}
+
+// src/components/editor/extensions/DraggableYoutubeExtension.ts
+var DraggableYoutube = Youtube.extend({
+  draggable: true,
+  addNodeView() {
+    return ReactNodeViewRenderer2(DraggableYoutubeView);
+  }
+});
+
+// src/components/editor/ArticleEditor.tsx
+import Placeholder from "@tiptap/extension-placeholder";
+
+// src/components/editor/extensions/VideoExtension.ts
+import { Node as Node2, mergeAttributes as mergeAttributes2 } from "@tiptap/core";
+import { ReactNodeViewRenderer as ReactNodeViewRenderer3 } from "@tiptap/react";
+
+// src/components/editor/extensions/VideoView.tsx
+import { NodeViewWrapper as NodeViewWrapper3 } from "@tiptap/react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+function VideoView({ node, selected }) {
+  const { src } = node.attrs;
+  if (!src) return /* @__PURE__ */ jsx3(NodeViewWrapper3, {});
+  return /* @__PURE__ */ jsx3(
+    NodeViewWrapper3,
+    {
+      className: `article-video draggable-video-wrapper${selected ? " selected" : ""}`,
+      "data-drag-handle": true,
+      children: /* @__PURE__ */ jsx3(
+        "video",
+        {
+          src,
+          controls: true,
+          style: { pointerEvents: selected ? "none" : "auto" }
+        }
+      )
+    }
+  );
+}
+
+// src/components/editor/extensions/VideoExtension.ts
+var VideoExtension = Node2.create({
+  name: "videoBlock",
+  group: "block",
+  atom: true,
+  draggable: true,
+  addAttributes() {
+    return {
+      src: { default: null }
+    };
+  },
+  parseHTML() {
+    return [{ tag: "video[src]" }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "div",
+      { class: "article-video" },
+      ["video", mergeAttributes2(HTMLAttributes, { controls: "true" })]
+    ];
+  },
+  addCommands() {
+    return {
+      setVideo: (options) => ({ commands }) => {
+        return commands.insertContent({
+          type: this.name,
+          attrs: options
+        });
+      }
+    };
+  },
+  addNodeView() {
+    return ReactNodeViewRenderer3(VideoView);
+  }
+});
+
+// src/components/editor/ArticleEditor.tsx
+import UnderlineExt from "@tiptap/extension-underline";
+import TextAlign from "@tiptap/extension-text-align";
+import Highlight from "@tiptap/extension-highlight";
+import { Color } from "@tiptap/extension-color";
+import { TextStyle } from "@tiptap/extension-text-style";
+import Superscript2 from "@tiptap/extension-superscript";
+import Subscript2 from "@tiptap/extension-subscript";
+import { Table as Table2 } from "@tiptap/extension-table";
+import { TableRow } from "@tiptap/extension-table-row";
+import { TableCell } from "@tiptap/extension-table-cell";
+import { TableHeader } from "@tiptap/extension-table-header";
+import {
+  ArrowLeft,
+  Check,
+  Loader2 as Loader22,
+  Settings,
+  ChevronRight,
+  Globe,
+  FileText,
+  History,
+  Eye
+} from "lucide-react";
+
+// src/components/editor/EditorToolbar.tsx
+import {
+  Bold,
+  Italic,
+  Underline,
+  Strikethrough,
+  Superscript,
+  Subscript,
+  Heading2,
+  Heading3,
+  List,
+  ListOrdered,
+  Quote,
+  Minus,
+  Code,
+  AlignLeft as AlignLeft2,
+  AlignCenter as AlignCenter2,
+  AlignRight as AlignRight2,
+  Link,
+  Image as Image2,
+  Youtube as Youtube2,
+  Video,
+  Undo2,
+  Redo2,
+  Highlighter,
+  Palette,
+  Table,
+  Plus,
+  X as X2
+} from "lucide-react";
+import { useCallback as useCallback3, useState as useState3, useRef as useRef2, useEffect as useEffect2 } from "react";
+
+// src/components/media/MediaPickerModal.tsx
+import { useState as useState2, useEffect, useCallback as useCallback2 } from "react";
+import { X, Search, Upload, Loader2, ImageIcon } from "lucide-react";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+function formatSize(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+function MediaPickerModal({
+  open,
+  onClose,
+  onSelect
+}) {
+  const actions = useGavaActions();
+  const { strings, upload: uploadConfig } = useGavaConfig();
+  const [tab, setTab] = useState2("library");
+  const [media, setMedia] = useState2([]);
+  const [loading, setLoading] = useState2(false);
+  const [search, setSearch] = useState2("");
+  const [uploading, setUploading] = useState2(false);
+  const [dragOver, setDragOver] = useState2(false);
+  const loadMedia = useCallback2(async () => {
+    setLoading(true);
+    try {
+      const data = await actions.getMedia();
+      setMedia(data);
+    } finally {
+      setLoading(false);
+    }
+  }, [actions]);
+  useEffect(() => {
+    if (open) {
+      loadMedia();
+      setSearch("");
+      setTab("library");
+    }
+  }, [open, loadMedia]);
+  useEffect(() => {
+    if (!open) return;
+    const handleKey = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", handleKey);
+    return () => document.removeEventListener("keydown", handleKey);
+  }, [open, onClose]);
+  const uploadFile = useCallback2(
+    async (file) => {
+      setUploading(true);
+      try {
+        const formData = new FormData();
+        formData.append("file", file);
+        const res = await fetch(actions.uploadUrl, {
+          method: "POST",
+          body: formData
+        });
+        const data = await res.json();
+        if (data.url) {
+          onSelect(data.url);
+        }
+      } finally {
+        setUploading(false);
+      }
+    },
+    [onSelect, actions.uploadUrl]
+  );
+  const handleFileSelect = useCallback2(() => {
+    const input = document.createElement("input");
+    input.type = "file";
+    input.accept = uploadConfig.imageTypes.join(",");
+    input.onchange = () => {
+      const file = input.files?.[0];
+      if (file) uploadFile(file);
+    };
+    input.click();
+  }, [uploadFile, uploadConfig.imageTypes]);
+  const handleDrop = useCallback2(
+    (e) => {
+      e.preventDefault();
+      setDragOver(false);
+      const file = e.dataTransfer.files[0];
+      if (file && file.type.startsWith("image/")) {
+        uploadFile(file);
+      }
+    },
+    [uploadFile]
+  );
+  if (!open) return null;
+  const images = media.filter((m) => m.mimeType.startsWith("image/"));
+  const filtered = images.filter(
+    (m) => search ? m.filename.toLowerCase().includes(search.toLowerCase()) : true
+  );
+  return /* @__PURE__ */ jsxs2("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+    /* @__PURE__ */ jsx4("div", { className: "absolute inset-0 bg-black/50", onClick: onClose }),
+    /* @__PURE__ */ jsxs2("div", { className: "relative w-full max-w-3xl max-h-[85vh] mx-4 bg-card border border-card-border rounded-2xl shadow-xl flex flex-col dash-scale-in", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-5 py-4 border-b border-card-border", children: [
+        /* @__PURE__ */ jsx4("h2", { className: "text-lg font-semibold text-foreground", children: strings.selectImage }),
+        /* @__PURE__ */ jsx4(
+          "button",
+          {
+            onClick: onClose,
+            className: "p-1.5 rounded-full text-muted hover:bg-card-border/50 hover:text-foreground transition-colors",
+            children: /* @__PURE__ */ jsx4(X, { className: "w-5 h-5" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "flex border-b border-card-border px-5", children: [
+        /* @__PURE__ */ jsx4(
+          "button",
+          {
+            onClick: () => setTab("library"),
+            className: `px-4 py-2.5 text-sm font-medium border-b-2 transition-colors -mb-px ${tab === "library" ? "border-accent text-accent" : "border-transparent text-muted hover:text-foreground"}`,
+            children: strings.mediaLibrary
+          }
+        ),
+        /* @__PURE__ */ jsx4(
+          "button",
+          {
+            onClick: () => setTab("upload"),
+            className: `px-4 py-2.5 text-sm font-medium border-b-2 transition-colors -mb-px ${tab === "upload" ? "border-accent text-accent" : "border-transparent text-muted hover:text-foreground"}`,
+            children: strings.uploadNew
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx4("div", { className: "flex-1 overflow-y-auto p-5", children: tab === "library" ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+        /* @__PURE__ */ jsxs2("div", { className: "relative mb-4", children: [
+          /* @__PURE__ */ jsx4(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted" }),
+          /* @__PURE__ */ jsx4(
+            "input",
+            {
+              type: "text",
+              value: search,
+              onChange: (e) => setSearch(e.target.value),
+              placeholder: strings.searchFiles,
+              className: "w-full pl-9 pr-3 py-2 text-sm bg-background border border-card-border rounded-full outline-none focus:border-accent transition-colors"
+            }
+          )
+        ] }),
+        loading ? /* @__PURE__ */ jsx4("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ jsx4(Loader2, { className: "w-6 h-6 text-muted animate-spin" }) }) : filtered.length === 0 ? /* @__PURE__ */ jsxs2("div", { className: "text-center py-16", children: [
+          /* @__PURE__ */ jsx4(ImageIcon, { className: "w-10 h-10 text-muted mx-auto mb-3" }),
+          /* @__PURE__ */ jsx4("p", { className: "text-sm text-muted", children: search ? strings.noImagesSearch : strings.noImages })
+        ] }) : /* @__PURE__ */ jsx4("div", { className: "grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 gap-3", children: filtered.map((m) => /* @__PURE__ */ jsxs2(
+          "button",
+          {
+            type: "button",
+            onClick: () => onSelect(m.path),
+            className: "group relative aspect-square rounded-lg overflow-hidden border border-card-border hover:border-accent transition-colors focus:outline-none focus:ring-2 focus:ring-accent",
+            children: [
+              /* @__PURE__ */ jsx4(
+                "img",
+                {
+                  src: m.path,
+                  alt: m.filename,
+                  className: "w-full h-full object-cover"
+                }
+              ),
+              /* @__PURE__ */ jsx4("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/30 transition-colors" }),
+              /* @__PURE__ */ jsxs2("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 to-transparent p-2 opacity-0 group-hover:opacity-100 transition-opacity", children: [
+                /* @__PURE__ */ jsx4("p", { className: "text-[11px] text-white truncate", children: m.filename }),
+                /* @__PURE__ */ jsx4("p", { className: "text-[10px] text-white/70", children: formatSize(m.size) })
+              ] })
+            ]
+          },
+          m.id
+        )) })
+      ] }) : /* @__PURE__ */ jsx4(
+        "div",
+        {
+          onDragOver: (e) => {
+            e.preventDefault();
+            setDragOver(true);
+          },
+          onDragLeave: () => setDragOver(false),
+          onDrop: handleDrop,
+          className: `flex flex-col items-center justify-center py-20 rounded-xl border-2 border-dashed transition-colors ${dragOver ? "border-accent bg-accent/5" : "border-card-border"}`,
+          children: uploading ? /* @__PURE__ */ jsx4(Loader2, { className: "w-10 h-10 text-muted animate-spin" }) : /* @__PURE__ */ jsxs2(Fragment2, { children: [
+            /* @__PURE__ */ jsx4(Upload, { className: "w-10 h-10 text-muted mb-4" }),
+            /* @__PURE__ */ jsx4("p", { className: "text-sm text-muted mb-4", children: strings.dragHint }),
+            /* @__PURE__ */ jsx4(
+              "button",
+              {
+                type: "button",
+                onClick: handleFileSelect,
+                className: "px-5 py-2 text-sm font-medium bg-accent text-white rounded-full hover:bg-accent/90 transition-colors",
+                children: strings.chooseFile
+              }
+            ),
+            /* @__PURE__ */ jsx4("p", { className: "text-xs text-muted mt-3", children: strings.uploadHint })
+          ] })
+        }
+      ) })
+    ] })
+  ] });
+}
+
+// src/components/editor/EditorToolbar.tsx
+import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var TEXT_COLORS = [
+  { label: "Black", value: "#171717" },
+  { label: "Red", value: "#dc2626" },
+  { label: "Orange", value: "#ea580c" },
+  { label: "Green", value: "#16a34a" },
+  { label: "Blue", value: "#2563eb" },
+  { label: "Purple", value: "#9333ea" },
+  { label: "Gray", value: "#6b7280" }
+];
+var HIGHLIGHT_COLORS = [
+  { label: "Yellow", value: "#fef08a" },
+  { label: "Green", value: "#bbf7d0" },
+  { label: "Blue", value: "#bfdbfe" },
+  { label: "Pink", value: "#fbcfe8" },
+  { label: "Orange", value: "#fed7aa" },
+  { label: "Purple", value: "#e9d5ff" }
+];
+function EditorToolbar({ editor }) {
+  const actions = useGavaActions();
+  const [showColorPicker, setShowColorPicker] = useState3(false);
+  const [showHighlightPicker, setShowHighlightPicker] = useState3(false);
+  const [showTableMenu, setShowTableMenu] = useState3(false);
+  const [mediaPickerOpen, setMediaPickerOpen] = useState3(false);
+  const colorRef = useRef2(null);
+  const highlightRef = useRef2(null);
+  const tableRef = useRef2(null);
+  useEffect2(() => {
+    const handleClick = (e) => {
+      if (colorRef.current && !colorRef.current.contains(e.target))
+        setShowColorPicker(false);
+      if (highlightRef.current && !highlightRef.current.contains(e.target))
+        setShowHighlightPicker(false);
+      if (tableRef.current && !tableRef.current.contains(e.target))
+        setShowTableMenu(false);
+    };
+    document.addEventListener("mousedown", handleClick);
+    return () => document.removeEventListener("mousedown", handleClick);
+  }, []);
+  const handleImageSelect = useCallback3(
+    (url) => {
+      if (!editor) return;
+      editor.chain().focus().setImage({ src: url }).run();
+      setMediaPickerOpen(false);
+    },
+    [editor]
+  );
+  const addLink = useCallback3(() => {
+    if (!editor) return;
+    const previousUrl = editor.getAttributes("link").href;
+    const url = window.prompt("URL:", previousUrl);
+    if (url === null) return;
+    if (url === "") {
+      editor.chain().focus().extendMarkRange("link").unsetLink().run();
+      return;
+    }
+    editor.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
+  }, [editor]);
+  const addYoutube = useCallback3(() => {
+    if (!editor) return;
+    const url = window.prompt("YouTube URL:");
+    if (!url) return;
+    editor.commands.setYoutubeVideo({ src: url, width: 640, height: 360 });
+  }, [editor]);
+  const addVideo = useCallback3(() => {
+    if (!editor) return;
+    const input = document.createElement("input");
+    input.type = "file";
+    input.accept = "video/mp4,video/webm,video/quicktime";
+    input.onchange = async () => {
+      const file = input.files?.[0];
+      if (!file) return;
+      const formData = new FormData();
+      formData.append("file", file);
+      const res = await fetch(actions.uploadUrl, {
+        method: "POST",
+        body: formData
+      });
+      const data = await res.json();
+      if (data.url) {
+        editor.commands.setVideo({ src: data.url });
+      } else if (data.error) {
+        alert(data.error);
+      }
+    };
+    input.click();
+  }, [editor, actions.uploadUrl]);
+  if (!editor) return null;
+  const ToolButton = ({
+    onClick,
+    active,
+    children,
+    title
+  }) => /* @__PURE__ */ jsx5(
+    "button",
+    {
+      type: "button",
+      onClick,
+      title,
+      className: `p-1.5 rounded-full transition-colors ${active ? "bg-accent/15 text-accent" : "text-muted hover:bg-card-border/50 hover:text-foreground"}`,
+      children
+    }
+  );
+  const Divider = () => /* @__PURE__ */ jsx5("div", { className: "w-px h-6 bg-card-border mx-1" });
+  const DropdownItem = ({
+    onClick,
+    children,
+    danger
+  }) => /* @__PURE__ */ jsx5(
+    "button",
+    {
+      onClick,
+      className: `w-full text-left px-3 py-1.5 text-sm transition-colors ${danger ? "text-red-500 hover:bg-red-50" : "text-foreground hover:bg-card-border/50"}`,
+      children
+    }
+  );
+  return /* @__PURE__ */ jsxs3("div", { className: "inline-flex items-center flex-wrap gap-0.5 p-2 border border-card-border rounded-full bg-card", children: [
+    /* @__PURE__ */ jsx5(
+      ToolButton,
+      {
+        onClick: () => editor.chain().focus().toggleBold().run(),
+        active: editor.isActive("bold"),
+        title: "Bold",
+        children: /* @__PURE__ */ jsx5(Bold, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      ToolButton,
+      {
+        onClick: () => editor.chain().focus().toggleItalic().run(),
+        active: editor.isActive("italic"),
+        title: "Italic",
+        children: /* @__PURE__ */ jsx5(Italic, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      ToolButton,
+      {
+        onClick: () => editor.chain().focus().toggleUnderline().run(),
+        active: editor.isActive("underline"),
+        title: "Underline",
+        children: /* @__PURE__ */ jsx5(Underline, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      ToolButton,
+      {
+        onClick: () => editor.chain().focus().toggleStrike().run(),
+        active: editor.isActive("strike"),
+        title: "Strikethrough",
+        children: /* @__PURE__ */ jsx5(Strikethrough, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      ToolButton,
+      {
+        onClick: () => editor.chain().focus().toggleSuperscript().run(),
+        active: editor.isActive("superscript"),
+        title: "Superscript",
+        children: /* @__PURE__ */ jsx5(Superscript, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      ToolButton,
+      {
+        onClick: () => editor.chain().focus().toggleSubscript().run(),
+        active: editor.isActive("subscript"),
+        title: "Subscript",
+        children: /* @__PURE__ */ jsx5(Subscript, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx5(Divider, {}),
+    /* @__PURE__ */ jsxs3("div", { className: "relative", ref: colorRef, children: [
+      /* @__PURE__ */ jsx5(
+        ToolButton,
+        {
+          onClick: () => {
+            setShowColorPicker(!showColorPicker);
+            setShowHighlightPicker(false);
+            setShowTableMenu(false);
+          },
+          active: showColorPicker,
+          title: "Text color",
+          children: /* @__PURE__ */ jsxs3("div", { className: "flex flex-col items-center gap-0.5", children: [
+            /* @__PURE__ */ jsx5(Palette, { className: "w-4 h-4" }),
+            /* @__PURE__ */ jsx5(
+              "div",
+              {
+                className: "w-3.5 h-0.5 rounded-full",
+                style: {
+                  background: editor.getAttributes("textStyle").color || "currentColor"
+                }
+              }
+            )
+          ] })
+        }
+      ),
+      showColorPicker && /* @__PURE__ */ jsx5("div", { className: "absolute top-full left-0 mt-1 bg-card border border-card-border rounded-lg p-2 shadow-lg z-30", children: /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-4 gap-1.5 w-[132px]", children: [
+        /* @__PURE__ */ jsx5(
+          "button",
+          {
+            onClick: () => {
+              editor.chain().focus().unsetColor().run();
+              setShowColorPicker(false);
+            },
+            className: "w-7 h-7 rounded-md border border-card-border hover:scale-110 transition-transform flex items-center justify-center bg-background",
+            title: "Default",
+            children: /* @__PURE__ */ jsx5(X2, { className: "w-3 h-3 text-muted" })
+          }
+        ),
+        TEXT_COLORS.map((c) => /* @__PURE__ */ jsx5(
+          "button",
+          {
+            onClick: () => {
+              editor.chain().focus().setColor(c.value).run();
+              setShowColorPicker(false);
+            },
+            className: "w-7 h-7 rounded-md border border-card-border hover:scale-110 transition-transform",
+            style: { background: c.value },
+            title: c.label
+          },
+          c.value
+        ))
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs3("div", { className: "relative", ref: highlightRef, children: [
+      /* @__PURE__ */ jsx5(
+        ToolButton,
+        {
+          onClick: () => {
+            setShowHighlightPicker(!showHighlightPicker);
+            setShowColorPicker(false);
+            setShowTableMenu(false);
+          },
+          active: editor.isActive("highlight"),
+          title: "Highlight",
+          children: /* @__PURE__ */ jsx5(Highlighter, { className: "w-4 h-4" })
+        }
+      ),
+      showHighlightPicker && /* @__PURE__ */ jsx5("div", { className: "absolute top-full left-0 mt-1 bg-card border border-card-border rounded-lg p-2 shadow-lg z-30", children: /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-4 gap-1.5 w-[132px]", children: [
+        /* @__PURE__ */ jsx5(
+          "button",
+          {
+            onClick: () => {
+              editor.chain().focus().unsetHighlight().run();
+              setShowHighlightPicker(false);
+            },
+            className: "w-7 h-7 rounded-md border border-card-border hover:scale-110 transition-transform flex items-center justify-center bg-background",
+            title: "Remove",
+            children: /* @__PURE__ */ jsx5(X2, { className: "w-3 h-3 text-muted" })
+          }
+        ),
+        HIGHLIGHT_COLORS.map((c) => /* @__PURE__ */ jsx5(
+          "button",
+          {
+            onClick: () => {
+              editor.chain().focus().toggleHighlight({ color: c.value }).run();
+              setShowHighlightPicker(false);
+            },
+            className: "w-7 h-7 rounded-md border border-card-border hover:scale-110 transition-transform",
+            style: { background: c.value },
+            title: c.label
+          },
+          c.value
+        ))
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx5(Divider, {}),
+    /* @__PURE__ */ jsx5(
+      ToolButton,
+      {
+        onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
+        active: editor.isActive("heading", { level: 2 }),
+        title: "H2",
+        children: /* @__PURE__ */ jsx5(Heading2, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      ToolButton,
+      {
+        onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
+        active: editor.isActive("heading", { level: 3 }),
+        title: "H3",
+        children: /* @__PURE__ */ jsx5(Heading3, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx5(Divider, {}),
+    /* @__PURE__ */ jsx5(
+      ToolButton,
+      {
+        onClick: () => editor.chain().focus().toggleBulletList().run(),
+        active: editor.isActive("bulletList"),
+        title: "Bullet list",
+        children: /* @__PURE__ */ jsx5(List, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      ToolButton,
+      {
+        onClick: () => editor.chain().focus().toggleOrderedList().run(),
+        active: editor.isActive("orderedList"),
+        title: "Numbered list",
+        children: /* @__PURE__ */ jsx5(ListOrdered, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      ToolButton,
+      {
+        onClick: () => editor.chain().focus().toggleBlockquote().run(),
+        active: editor.isActive("blockquote"),
+        title: "Quote",
+        children: /* @__PURE__ */ jsx5(Quote, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      ToolButton,
+      {
+        onClick: () => editor.chain().focus().toggleCodeBlock().run(),
+        active: editor.isActive("codeBlock"),
+        title: "Code block",
+        children: /* @__PURE__ */ jsx5(Code, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      ToolButton,
+      {
+        onClick: () => editor.chain().focus().setHorizontalRule().run(),
+        title: "Divider",
+        children: /* @__PURE__ */ jsx5(Minus, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx5(Divider, {}),
+    /* @__PURE__ */ jsx5(
+      ToolButton,
+      {
+        onClick: () => editor.chain().focus().setTextAlign("left").run(),
+        active: editor.isActive({ textAlign: "left" }),
+        title: "Align left",
+        children: /* @__PURE__ */ jsx5(AlignLeft2, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      ToolButton,
+      {
+        onClick: () => editor.chain().focus().setTextAlign("center").run(),
+        active: editor.isActive({ textAlign: "center" }),
+        title: "Align center",
+        children: /* @__PURE__ */ jsx5(AlignCenter2, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      ToolButton,
+      {
+        onClick: () => editor.chain().focus().setTextAlign("right").run(),
+        active: editor.isActive({ textAlign: "right" }),
+        title: "Align right",
+        children: /* @__PURE__ */ jsx5(AlignRight2, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx5(Divider, {}),
+    /* @__PURE__ */ jsxs3("div", { className: "relative", ref: tableRef, children: [
+      /* @__PURE__ */ jsx5(
+        ToolButton,
+        {
+          onClick: () => {
+            setShowTableMenu(!showTableMenu);
+            setShowColorPicker(false);
+            setShowHighlightPicker(false);
+          },
+          active: editor.isActive("table"),
+          title: "Table",
+          children: /* @__PURE__ */ jsx5(Table, { className: "w-4 h-4" })
+        }
+      ),
+      showTableMenu && /* @__PURE__ */ jsx5("div", { className: "absolute top-full left-0 mt-1 bg-card border border-card-border rounded-lg py-1 shadow-lg z-30 w-52", children: !editor.isActive("table") ? /* @__PURE__ */ jsx5(
+        DropdownItem,
+        {
+          onClick: () => {
+            editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run();
+            setShowTableMenu(false);
+          },
+          children: /* @__PURE__ */ jsxs3("span", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx5(Plus, { className: "w-3.5 h-3.5" }),
+            "Insert 3x3 table"
+          ] })
+        }
+      ) : /* @__PURE__ */ jsxs3(Fragment3, { children: [
+        /* @__PURE__ */ jsx5(
+          DropdownItem,
+          {
+            onClick: () => {
+              editor.chain().focus().addRowBefore().run();
+              setShowTableMenu(false);
+            },
+            children: "Add row above"
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          DropdownItem,
+          {
+            onClick: () => {
+              editor.chain().focus().addRowAfter().run();
+              setShowTableMenu(false);
+            },
+            children: "Add row below"
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          DropdownItem,
+          {
+            onClick: () => {
+              editor.chain().focus().addColumnBefore().run();
+              setShowTableMenu(false);
+            },
+            children: "Add column left"
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          DropdownItem,
+          {
+            onClick: () => {
+              editor.chain().focus().addColumnAfter().run();
+              setShowTableMenu(false);
+            },
+            children: "Add column right"
+          }
+        ),
+        /* @__PURE__ */ jsx5("div", { className: "border-t border-card-border my-1" }),
+        /* @__PURE__ */ jsx5(
+          DropdownItem,
+          {
+            danger: true,
+            onClick: () => {
+              editor.chain().focus().deleteRow().run();
+              setShowTableMenu(false);
+            },
+            children: "Delete row"
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          DropdownItem,
+          {
+            danger: true,
+            onClick: () => {
+              editor.chain().focus().deleteColumn().run();
+              setShowTableMenu(false);
+            },
+            children: "Delete column"
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          DropdownItem,
+          {
+            danger: true,
+            onClick: () => {
+              editor.chain().focus().deleteTable().run();
+              setShowTableMenu(false);
+            },
+            children: "Delete table"
+          }
+        )
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx5(Divider, {}),
+    /* @__PURE__ */ jsx5(ToolButton, { onClick: addLink, active: editor.isActive("link"), title: "Link", children: /* @__PURE__ */ jsx5(Link, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx5(ToolButton, { onClick: () => setMediaPickerOpen(true), title: "Image", children: /* @__PURE__ */ jsx5(Image2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx5(ToolButton, { onClick: addYoutube, title: "YouTube", children: /* @__PURE__ */ jsx5(Youtube2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx5(ToolButton, { onClick: addVideo, title: "Video", children: /* @__PURE__ */ jsx5(Video, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx5(Divider, {}),
+    /* @__PURE__ */ jsx5(
+      ToolButton,
+      {
+        onClick: () => editor.chain().focus().undo().run(),
+        title: "Undo",
+        children: /* @__PURE__ */ jsx5(Undo2, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      ToolButton,
+      {
+        onClick: () => editor.chain().focus().redo().run(),
+        title: "Redo",
+        children: /* @__PURE__ */ jsx5(Redo2, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      MediaPickerModal,
+      {
+        open: mediaPickerOpen,
+        onClose: () => setMediaPickerOpen(false),
+        onSelect: handleImageSelect
+      }
+    )
+  ] });
+}
+
+// src/components/editor/CoverImageUpload.tsx
+import { useState as useState4 } from "react";
+import { ImagePlus, X as X3 } from "lucide-react";
+import { Fragment as Fragment4, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+function CoverImageUpload({ value, onChange }) {
+  const [pickerOpen, setPickerOpen] = useState4(false);
+  const { strings } = useGavaConfig();
+  const handleSelect = (url) => {
+    onChange(url);
+    setPickerOpen(false);
+  };
+  if (value) {
+    return /* @__PURE__ */ jsxs4(Fragment4, { children: [
+      /* @__PURE__ */ jsxs4("div", { className: "relative aspect-[2/1] w-full rounded-xl overflow-hidden group cursor-pointer", children: [
+        /* @__PURE__ */ jsx6(
+          "img",
+          {
+            src: value,
+            alt: strings.coverImageLabel,
+            className: "w-full h-full object-cover"
+          }
+        ),
+        /* @__PURE__ */ jsx6("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/30 transition-colors flex items-center justify-center", children: /* @__PURE__ */ jsxs4("div", { className: "opacity-0 group-hover:opacity-100 transition-opacity flex gap-2", children: [
+          /* @__PURE__ */ jsx6(
+            "button",
+            {
+              type: "button",
+              onClick: (e) => {
+                e.stopPropagation();
+                setPickerOpen(true);
+              },
+              className: "bg-white text-gray-900 px-4 py-2 rounded-full text-sm font-medium hover:bg-gray-100 transition-colors",
+              children: strings.change
+            }
+          ),
+          /* @__PURE__ */ jsx6(
+            "button",
+            {
+              type: "button",
+              onClick: (e) => {
+                e.stopPropagation();
+                onChange("");
+              },
+              className: "bg-red-500 text-white p-2 rounded-full hover:bg-red-600 transition-colors",
+              children: /* @__PURE__ */ jsx6(X3, { className: "w-4 h-4" })
+            }
+          )
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsx6(
+        MediaPickerModal,
+        {
+          open: pickerOpen,
+          onClose: () => setPickerOpen(false),
+          onSelect: handleSelect
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs4(Fragment4, { children: [
+    /* @__PURE__ */ jsxs4(
+      "button",
+      {
+        type: "button",
+        onClick: () => setPickerOpen(true),
+        className: "w-full aspect-[2/1] rounded-xl border-2 border-dashed transition-colors flex flex-col items-center justify-center gap-3 border-card-border hover:border-muted",
+        children: [
+          /* @__PURE__ */ jsx6(ImagePlus, { className: "w-8 h-8 text-muted" }),
+          /* @__PURE__ */ jsx6("div", { className: "text-sm text-muted", children: /* @__PURE__ */ jsx6("span", { className: "font-medium text-foreground", children: strings.coverImageLabel }) }),
+          /* @__PURE__ */ jsx6("span", { className: "text-xs text-muted", children: strings.coverImageHint })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx6(
+      MediaPickerModal,
+      {
+        open: pickerOpen,
+        onClose: () => setPickerOpen(false),
+        onSelect: handleSelect
+      }
+    )
+  ] });
+}
+
+// src/components/editor/RevisionPanel.tsx
+import { useState as useState5, useEffect as useEffect3 } from "react";
+import { X as X4, RotateCcw, Clock } from "lucide-react";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+function RevisionPanel({
+  articleId,
+  onClose,
+  onRestore
+}) {
+  const actions = useGavaActions();
+  const { strings } = useGavaConfig();
+  const [revisions, setRevisions] = useState5([]);
+  const [loading, setLoading] = useState5(true);
+  const [restoring, setRestoring] = useState5(null);
+  useEffect3(() => {
+    loadRevisions();
+  }, [articleId]);
+  async function loadRevisions() {
+    setLoading(true);
+    try {
+      const data = await actions.getRevisions(articleId);
+      setRevisions(data);
+    } catch {
+    } finally {
+      setLoading(false);
+    }
+  }
+  async function handleRestore(revisionId) {
+    if (!confirm(strings.restoreConfirm)) return;
+    setRestoring(revisionId);
+    try {
+      await actions.restoreRevision(articleId, revisionId);
+      onRestore();
+    } catch (err) {
+      alert(err instanceof Error ? err.message : "Error restoring revision");
+    } finally {
+      setRestoring(null);
+    }
+  }
+  function formatDate(date) {
+    return new Date(date).toLocaleString("it-IT", {
+      day: "numeric",
+      month: "short",
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+  }
+  return /* @__PURE__ */ jsxs5("div", { className: "w-80 border-l border-card-border bg-card overflow-auto p-5 hidden lg:block", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between mb-4", children: [
+      /* @__PURE__ */ jsxs5("h3", { className: "font-semibold text-foreground flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx7(Clock, { className: "w-4 h-4" }),
+        strings.revisions
+      ] }),
+      /* @__PURE__ */ jsx7(
+        "button",
+        {
+          onClick: onClose,
+          className: "p-1 rounded-full text-muted hover:text-foreground hover:bg-card-border/50 transition-colors",
+          children: /* @__PURE__ */ jsx7(X4, { className: "w-4 h-4" })
+        }
+      )
+    ] }),
+    loading ? /* @__PURE__ */ jsx7("p", { className: "text-sm text-muted", children: strings.loading }) : revisions.length === 0 ? /* @__PURE__ */ jsx7("p", { className: "text-sm text-muted", children: strings.noRevisions }) : /* @__PURE__ */ jsx7("div", { className: "space-y-3", children: revisions.map((rev) => /* @__PURE__ */ jsx7(
+      "div",
+      {
+        className: "p-3 rounded-lg border border-card-border hover:border-accent/30 transition-colors",
+        children: /* @__PURE__ */ jsxs5("div", { className: "flex items-start justify-between gap-2", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx7("p", { className: "text-sm font-medium text-foreground truncate", children: rev.title || strings.untitled }),
+            /* @__PURE__ */ jsxs5("p", { className: "text-xs text-muted mt-0.5", children: [
+              formatDate(rev.createdAt),
+              " \u2014 ",
+              rev.editor.name
+            ] }),
+            rev.note && /* @__PURE__ */ jsx7("p", { className: "text-xs text-accent mt-1", children: rev.note })
+          ] }),
+          /* @__PURE__ */ jsx7(
+            "button",
+            {
+              onClick: () => handleRestore(rev.id),
+              disabled: restoring === rev.id,
+              className: "p-1.5 rounded-full text-muted hover:text-accent hover:bg-accent/10 transition-colors flex-shrink-0 disabled:opacity-50",
+              title: strings.restore,
+              children: /* @__PURE__ */ jsx7(
+                RotateCcw,
+                {
+                  className: `w-3.5 h-3.5 ${restoring === rev.id ? "animate-spin" : ""}`
+                }
+              )
+            }
+          )
+        ] })
+      },
+      rev.id
+    )) })
+  ] });
+}
+
+// src/components/editor/ArticleEditor.tsx
+import { Fragment as Fragment5, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+function slugify(text) {
+  return text.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+}
+function ArticleEditor({ article, canPublish: canPub }) {
+  const router = useRouter();
+  const actions = useGavaActions();
+  const config = useGavaConfig();
+  const { strings, routes, categories, editor: editorConfig } = config;
+  const [title, setTitle] = useState6(article.title);
+  const [slug, setSlug] = useState6(article.slug);
+  const [excerpt, setExcerpt] = useState6(article.excerpt);
+  const [coverImage, setCoverImage] = useState6(article.coverImage);
+  const [category, setCategory] = useState6(article.category);
+  const [status, setStatus] = useState6(article.status);
+  const [authorName, setAuthorName] = useState6(article.authorName || "");
+  const [saveStatus, setSaveStatus] = useState6("idle");
+  const [showSettings, setShowSettings] = useState6(false);
+  const [showHistory, setShowHistory] = useState6(false);
+  const [autoSlug, setAutoSlug] = useState6(!article.slug);
+  const saveTimeout = useRef3(null);
+  const pendingUpdate = useRef3(false);
+  const mountedRef = useRef3(false);
+  const scrollRef = useRef3(null);
+  const [scrolled, setScrolled] = useState6(false);
+  const [hasSpace, setHasSpace] = useState6(false);
+  const spread = scrolled && hasSpace;
+  useEffect4(() => {
+    document.documentElement.classList.remove("page-exit-to-editor");
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = "";
+    };
+  }, []);
+  useEffect4(() => {
+    const check = () => setHasSpace(window.innerWidth >= 1420);
+    check();
+    window.addEventListener("resize", check);
+    return () => window.removeEventListener("resize", check);
+  }, []);
+  const editor = useEditor({
+    immediatelyRender: false,
+    extensions: [
+      StarterKit.configure({
+        heading: { levels: editorConfig.headingLevels }
+      }),
+      ResizableImage,
+      LinkExt.configure({
+        openOnClick: false,
+        HTMLAttributes: { target: "_blank", rel: "noopener noreferrer" }
+      }),
+      DraggableYoutube.configure({
+        HTMLAttributes: { class: "article-video-embed" },
+        width: 640,
+        height: 360
+      }),
+      Placeholder.configure({
+        placeholder: editorConfig.placeholder
+      }),
+      UnderlineExt,
+      TextAlign.configure({
+        types: ["heading", "paragraph"]
+      }),
+      Highlight.configure({ multicolor: true }),
+      Color,
+      TextStyle,
+      Superscript2,
+      Subscript2,
+      Table2.configure({ resizable: true }),
+      TableRow,
+      TableCell,
+      TableHeader,
+      VideoExtension
+    ],
+    content: article.content || "",
+    editorProps: {
+      attributes: {
+        class: "article-content outline-none min-h-[300px]"
+      }
+    },
+    onUpdate: () => {
+      scheduleSave();
+    }
+  });
+  const doSave = useCallback4(
+    async (fields) => {
+      if (!fields && !editor) return;
+      if (pendingUpdate.current) return;
+      pendingUpdate.current = true;
+      setSaveStatus("saving");
+      try {
+        const data = fields ?? {
+          title,
+          slug,
+          excerpt,
+          coverImage,
+          category,
+          content: editor?.getHTML() ?? "",
+          authorName
+        };
+        await actions.updateArticle(article.id, data);
+        setSaveStatus("saved");
+        setTimeout(() => setSaveStatus("idle"), 2e3);
+      } catch {
+        setSaveStatus("error");
+      } finally {
+        pendingUpdate.current = false;
+      }
+    },
+    [article.id, title, slug, excerpt, coverImage, category, editor, authorName, actions]
+  );
+  const scheduleSave = useCallback4(() => {
+    if (saveTimeout.current) clearTimeout(saveTimeout.current);
+    saveTimeout.current = setTimeout(() => doSave(), editorConfig.autoSaveDelay);
+  }, [doSave, editorConfig.autoSaveDelay]);
+  useEffect4(() => {
+    const handleKeyDown = (e) => {
+      if ((e.ctrlKey || e.metaKey) && e.key === "s") {
+        e.preventDefault();
+        if (saveTimeout.current) clearTimeout(saveTimeout.current);
+        doSave();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [doSave]);
+  useEffect4(() => {
+    if (!mountedRef.current) {
+      mountedRef.current = true;
+      return;
+    }
+    scheduleSave();
+  }, [title, slug, excerpt, coverImage, category, authorName]);
+  useEffect4(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    const onScroll = () => setScrolled(el.scrollTop > 50);
+    onScroll();
+    el.addEventListener("scroll", onScroll, { passive: true });
+    return () => el.removeEventListener("scroll", onScroll);
+  }, []);
+  useEffect4(() => {
+    if (autoSlug && title) {
+      setSlug(slugify(title));
+    }
+  }, [title, autoSlug]);
+  const handlePublish = async () => {
+    if (saveTimeout.current) clearTimeout(saveTimeout.current);
+    await doSave();
+    try {
+      await actions.publishArticle(article.id);
+      setStatus("pubblicato");
+      router.refresh();
+    } catch (err) {
+      alert(err instanceof Error ? err.message : "Error publishing");
+    }
+  };
+  const handleUnpublish = async () => {
+    try {
+      await actions.unpublishArticle(article.id);
+      setStatus("bozza");
+      router.refresh();
+    } catch (err) {
+      alert(err instanceof Error ? err.message : "Error");
+    }
+  };
+  const handleSaveDraft = async () => {
+    if (saveTimeout.current) clearTimeout(saveTimeout.current);
+    await doSave();
+  };
+  return /* @__PURE__ */ jsxs6("div", { className: "-mx-4 sm:-mx-6 -my-6 lg:-my-8 h-[calc(100dvh-4.5rem)] flex flex-col bg-background overflow-hidden", children: [
+    /* @__PURE__ */ jsx8(
+      "div",
+      {
+        className: `z-20 px-4 py-3 pointer-events-none transition-all duration-500 ease-out ${spread ? "absolute top-[4.5rem] left-0 right-0" : "flex-shrink-0 relative"}`,
+        children: /* @__PURE__ */ jsxs6(
+          "div",
+          {
+            className: "flex items-center justify-between mx-auto transition-all duration-500 ease-out",
+            style: { maxWidth: spread ? "100%" : "64rem" },
+            children: [
+              /* @__PURE__ */ jsx8(
+                "div",
+                {
+                  className: `flex items-center pointer-events-auto transition-all duration-500 ease-out ${spread ? "bg-background/90 backdrop-blur-md shadow-lg border border-card-border/50 rounded-full px-3 py-1.5" : ""}`,
+                  children: /* @__PURE__ */ jsxs6(
+                    "button",
+                    {
+                      onClick: () => router.push(routes.articles),
+                      className: "flex items-center gap-2 text-sm text-muted hover:text-foreground transition-colors",
+                      children: [
+                        /* @__PURE__ */ jsx8(ArrowLeft, { className: "w-4 h-4" }),
+                        /* @__PURE__ */ jsx8("span", { className: "hidden sm:inline", children: strings.articles })
+                      ]
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxs6(
+                "div",
+                {
+                  className: `flex items-center gap-2 text-sm text-muted transition-all duration-500 ${spread ? "opacity-0 scale-90 pointer-events-none" : "opacity-100 scale-100"}`,
+                  children: [
+                    saveStatus === "saving" && /* @__PURE__ */ jsxs6(Fragment5, { children: [
+                      /* @__PURE__ */ jsx8(Loader22, { className: "w-3.5 h-3.5 animate-spin" }),
+                      /* @__PURE__ */ jsx8("span", { children: strings.saving })
+                    ] }),
+                    saveStatus === "saved" && /* @__PURE__ */ jsxs6(Fragment5, { children: [
+                      /* @__PURE__ */ jsx8(Check, { className: "w-3.5 h-3.5 text-green-500" }),
+                      /* @__PURE__ */ jsx8("span", { className: "text-green-500", children: strings.saved })
+                    ] }),
+                    saveStatus === "error" && /* @__PURE__ */ jsx8("span", { className: "text-red-500", children: strings.saveError })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs6(
+                "div",
+                {
+                  className: `flex items-center gap-2 pointer-events-auto transition-all duration-500 ease-out ${spread ? "bg-background/90 backdrop-blur-md shadow-lg border border-card-border/50 rounded-full px-2 py-1" : ""}`,
+                  children: [
+                    /* @__PURE__ */ jsxs6(
+                      "div",
+                      {
+                        className: `flex items-center gap-1.5 text-sm text-muted overflow-hidden transition-all duration-300 ${spread && saveStatus !== "idle" ? "max-w-[30px] opacity-100 pl-1" : "max-w-0 opacity-0"}`,
+                        children: [
+                          saveStatus === "saving" && /* @__PURE__ */ jsx8(Loader22, { className: "w-3.5 h-3.5 animate-spin flex-shrink-0" }),
+                          saveStatus === "saved" && /* @__PURE__ */ jsx8(Check, { className: "w-3.5 h-3.5 text-green-500 flex-shrink-0" }),
+                          saveStatus === "error" && /* @__PURE__ */ jsx8("span", { className: "w-2 h-2 rounded-full bg-red-500 flex-shrink-0" })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsx8(
+                      "button",
+                      {
+                        onClick: () => window.open(
+                          status === "pubblicato" && slug ? routes.articleView(slug) : routes.articlePreview(article.id),
+                          "_blank"
+                        ),
+                        className: "p-2 rounded-full text-muted hover:text-foreground hover:bg-card-border/50 transition-colors",
+                        title: status === "pubblicato" ? strings.viewArticle : strings.preview,
+                        children: /* @__PURE__ */ jsx8(Eye, { className: "w-4 h-4" })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx8(
+                      "button",
+                      {
+                        onClick: () => {
+                          setShowHistory(!showHistory);
+                          if (!showHistory) setShowSettings(false);
+                        },
+                        className: `p-2 rounded-full transition-colors ${showHistory ? "bg-accent/10 text-accent" : "text-muted hover:text-foreground hover:bg-card-border/50"}`,
+                        title: strings.revisions,
+                        children: /* @__PURE__ */ jsx8(History, { className: "w-4 h-4" })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx8(
+                      "button",
+                      {
+                        onClick: () => {
+                          setShowSettings(!showSettings);
+                          if (!showSettings) setShowHistory(false);
+                        },
+                        className: `p-2 rounded-full transition-colors ${showSettings ? "bg-accent/10 text-accent" : "text-muted hover:text-foreground hover:bg-card-border/50"}`,
+                        title: strings.settings,
+                        children: /* @__PURE__ */ jsx8(Settings, { className: "w-4 h-4" })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx8(
+                      "button",
+                      {
+                        onClick: handleSaveDraft,
+                        className: "px-3 py-1.5 text-sm border border-card-border/50 rounded-full hover:bg-card-border/50 transition-colors",
+                        children: strings.saveDraft
+                      }
+                    ),
+                    canPub && status === "bozza" && /* @__PURE__ */ jsxs6(
+                      "button",
+                      {
+                        onClick: handlePublish,
+                        className: "px-4 py-1.5 text-sm bg-accent text-white rounded-full hover:bg-accent-hover transition-colors font-medium flex items-center gap-1.5",
+                        children: [
+                          /* @__PURE__ */ jsx8(Globe, { className: "w-3.5 h-3.5" }),
+                          strings.publish
+                        ]
+                      }
+                    ),
+                    canPub && status === "pubblicato" && /* @__PURE__ */ jsx8(
+                      "button",
+                      {
+                        onClick: handleUnpublish,
+                        className: "px-3 py-1.5 text-sm border border-amber-500 text-amber-600 rounded-full hover:bg-amber-50 transition-colors",
+                        children: strings.unpublish
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs6("div", { className: "flex-1 flex min-h-0", children: [
+      /* @__PURE__ */ jsxs6("div", { className: "flex-1 overflow-y-auto", ref: scrollRef, children: [
+        /* @__PURE__ */ jsxs6("div", { className: "article-content-wrapper py-8", children: [
+          /* @__PURE__ */ jsx8("div", { className: "flex items-center gap-2 mb-6", children: status === "pubblicato" ? /* @__PURE__ */ jsxs6("span", { className: "inline-flex items-center gap-1.5 text-xs font-medium text-green-600 bg-green-50 px-2.5 py-1 rounded-full", children: [
+            /* @__PURE__ */ jsx8(Globe, { className: "w-3 h-3" }),
+            strings.published
+          ] }) : /* @__PURE__ */ jsxs6("span", { className: "inline-flex items-center gap-1.5 text-xs font-medium text-amber-600 bg-amber-50 px-2.5 py-1 rounded-full", children: [
+            /* @__PURE__ */ jsx8(FileText, { className: "w-3 h-3" }),
+            strings.draft
+          ] }) }),
+          /* @__PURE__ */ jsx8(CoverImageUpload, { value: coverImage, onChange: setCoverImage }),
+          /* @__PURE__ */ jsx8(
+            "textarea",
+            {
+              ref: (el) => {
+                if (el) {
+                  el.style.height = "auto";
+                  el.style.height = el.scrollHeight + "px";
+                }
+              },
+              value: title,
+              onChange: (e) => {
+                setTitle(e.target.value);
+                const el = e.target;
+                el.style.height = "auto";
+                el.style.height = el.scrollHeight + "px";
+              },
+              rows: 1,
+              placeholder: strings.titlePlaceholder,
+              className: "w-full mt-8 mb-6 text-4xl md:text-[2.75rem] lg:text-5xl font-heading font-bold text-foreground leading-[1.08] tracking-[-0.02em] bg-transparent border-none outline-none placeholder:text-muted-foreground/40 resize-none overflow-hidden"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx8("div", { className: "sticky top-0 z-10 py-2 flex justify-center px-4", children: /* @__PURE__ */ jsx8(EditorToolbar, { editor }) }),
+        /* @__PURE__ */ jsx8("div", { className: "article-content-wrapper pb-8", children: /* @__PURE__ */ jsx8(EditorContent, { editor }) })
+      ] }),
+      showHistory && /* @__PURE__ */ jsx8(
+        RevisionPanel,
+        {
+          articleId: article.id,
+          onClose: () => setShowHistory(false),
+          onRestore: () => router.refresh()
+        }
+      ),
+      showSettings && /* @__PURE__ */ jsxs6("div", { className: "w-80 border-l border-card-border bg-card overflow-auto p-5 hidden lg:block", children: [
+        /* @__PURE__ */ jsxs6("h3", { className: "font-semibold text-foreground mb-4 flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx8(Settings, { className: "w-4 h-4" }),
+          strings.settings
+        ] }),
+        /* @__PURE__ */ jsxs6("div", { className: "space-y-5", children: [
+          /* @__PURE__ */ jsxs6("div", { children: [
+            /* @__PURE__ */ jsx8("label", { className: "block text-sm font-medium text-foreground mb-1.5", children: strings.slugUrl }),
+            /* @__PURE__ */ jsx8("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx8(
+              "input",
+              {
+                type: "text",
+                value: slug,
+                onChange: (e) => {
+                  setAutoSlug(false);
+                  setSlug(e.target.value);
+                },
+                placeholder: strings.slugPlaceholder,
+                className: "flex-1 px-3 py-2 text-sm bg-background border border-card-border rounded-lg outline-none focus:border-accent"
+              }
+            ) }),
+            /* @__PURE__ */ jsx8("p", { className: "text-xs text-muted mt-1", children: routes.articleView(slug || "...") })
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { children: [
+            /* @__PURE__ */ jsx8("label", { className: "block text-sm font-medium text-foreground mb-1.5", children: strings.category }),
+            /* @__PURE__ */ jsxs6(
+              "select",
+              {
+                value: category,
+                onChange: (e) => setCategory(e.target.value),
+                className: "w-full px-3 py-2 text-sm bg-background border border-card-border rounded-lg outline-none focus:border-accent",
+                children: [
+                  /* @__PURE__ */ jsx8("option", { value: "", children: strings.selectCategory }),
+                  categories.map((cat) => /* @__PURE__ */ jsx8("option", { value: cat, children: cat }, cat))
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { children: [
+            /* @__PURE__ */ jsx8("label", { className: "block text-sm font-medium text-foreground mb-1.5", children: strings.excerpt }),
+            /* @__PURE__ */ jsx8(
+              "textarea",
+              {
+                value: excerpt,
+                onChange: (e) => setExcerpt(e.target.value),
+                placeholder: strings.excerptPlaceholder,
+                rows: 3,
+                className: "w-full px-3 py-2 text-sm bg-background border border-card-border rounded-lg outline-none focus:border-accent resize-none"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx8("div", { className: "pt-4 border-t border-card-border", children: /* @__PURE__ */ jsxs6("div", { children: [
+            /* @__PURE__ */ jsx8("label", { className: "block text-sm font-medium text-foreground mb-1.5", children: strings.author }),
+            /* @__PURE__ */ jsx8(
+              "input",
+              {
+                type: "text",
+                value: authorName,
+                onChange: (e) => setAuthorName(e.target.value),
+                placeholder: strings.authorPlaceholder,
+                className: "w-full px-3 py-2 text-sm bg-background border border-card-border rounded-lg outline-none focus:border-accent"
+              }
+            )
+          ] }) }),
+          status === "pubblicato" && slug && /* @__PURE__ */ jsx8("div", { children: /* @__PURE__ */ jsxs6(
+            "a",
+            {
+              href: routes.articleView(slug),
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "flex items-center gap-2 text-sm text-accent hover:underline",
+              children: [
+                strings.viewArticle,
+                /* @__PURE__ */ jsx8(ChevronRight, { className: "w-3.5 h-3.5" })
+              ]
+            }
+          ) })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/editor/ImageEditModal.tsx
+import { useState as useState7, useCallback as useCallback5 } from "react";
+import Cropper from "react-easy-crop";
+import {
+  X as X5,
+  ZoomIn,
+  ZoomOut,
+  Check as Check2,
+  RectangleHorizontal,
+  Square,
+  Smartphone,
+  Maximize,
+  Loader2 as Loader23,
+  RotateCcw as RotateCcw2
+} from "lucide-react";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+var ASPECT_PRESETS = [
+  { label: "Free", value: void 0, icon: Maximize },
+  { label: "16:9", value: 16 / 9, icon: RectangleHorizontal },
+  { label: "4:3", value: 4 / 3, icon: Smartphone },
+  { label: "1:1", value: 1, icon: Square }
+];
+async function loadImage(src) {
+  const image = new Image();
+  image.crossOrigin = "anonymous";
+  image.src = src;
+  await new Promise((resolve, reject) => {
+    image.onload = () => resolve();
+    image.onerror = reject;
+  });
+  return image;
+}
+async function cropImageWithBlurFill(imageSrc, pixelCrop) {
+  const image = await loadImage(imageSrc);
+  const canvas = document.createElement("canvas");
+  canvas.width = pixelCrop.width;
+  canvas.height = pixelCrop.height;
+  const ctx = canvas.getContext("2d");
+  const extendsLeft = pixelCrop.x < 0;
+  const extendsTop = pixelCrop.y < 0;
+  const extendsRight = pixelCrop.x + pixelCrop.width > image.naturalWidth;
+  const extendsBottom = pixelCrop.y + pixelCrop.height > image.naturalHeight;
+  const needsBlurFill = extendsLeft || extendsTop || extendsRight || extendsBottom;
+  if (needsBlurFill) {
+    const blurCanvas = document.createElement("canvas");
+    blurCanvas.width = pixelCrop.width;
+    blurCanvas.height = pixelCrop.height;
+    const blurCtx = blurCanvas.getContext("2d");
+    blurCtx.filter = "blur(30px) brightness(0.7)";
+    blurCtx.drawImage(image, 0, 0, pixelCrop.width, pixelCrop.height);
+    blurCtx.filter = "none";
+    ctx.drawImage(blurCanvas, 0, 0);
+    const imgX = -pixelCrop.x;
+    const imgY = -pixelCrop.y;
+    ctx.drawImage(image, imgX, imgY, image.naturalWidth, image.naturalHeight);
+  } else {
+    ctx.drawImage(
+      image,
+      pixelCrop.x,
+      pixelCrop.y,
+      pixelCrop.width,
+      pixelCrop.height,
+      0,
+      0,
+      pixelCrop.width,
+      pixelCrop.height
+    );
+  }
+  return new Promise((resolve) => {
+    canvas.toBlob((blob) => resolve(blob), "image/jpeg", 0.92);
+  });
+}
+function ImageEditModal({
+  src,
+  originalSrc,
+  onSave,
+  onRestore,
+  onClose
+}) {
+  const actions = useGavaActions();
+  const { strings } = useGavaConfig();
+  const [crop, setCrop] = useState7({ x: 0, y: 0 });
+  const [zoom, setZoom] = useState7(1);
+  const [aspect, setAspect] = useState7(void 0);
+  const [croppedAreaPixels, setCroppedAreaPixels] = useState7(null);
+  const [saving, setSaving] = useState7(false);
+  const onCropComplete = useCallback5((_, pixels) => {
+    setCroppedAreaPixels(pixels);
+  }, []);
+  const handleSave = async () => {
+    if (!croppedAreaPixels) return;
+    setSaving(true);
+    try {
+      const blob = await cropImageWithBlurFill(src, croppedAreaPixels);
+      const formData = new FormData();
+      formData.append("file", blob, "cropped.jpg");
+      const res = await fetch(actions.uploadUrl, {
+        method: "POST",
+        body: formData
+      });
+      const data = await res.json();
+      if (data.url) {
+        onSave(data.url);
+      }
+    } catch {
+      alert(strings.saveError);
+    } finally {
+      setSaving(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs7("div", { className: "fixed inset-0 z-50 flex flex-col bg-black/90", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between px-4 py-3 bg-black/50", children: [
+      /* @__PURE__ */ jsx9("h3", { className: "text-white font-medium text-sm", children: strings.editImage }),
+      /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
+        originalSrc && onRestore && /* @__PURE__ */ jsxs7(
+          "button",
+          {
+            onClick: () => {
+              onRestore();
+              onClose();
+            },
+            className: "flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-amber-400 hover:text-amber-300 border border-amber-400/30 rounded-full hover:bg-amber-400/10 transition-colors",
+            children: [
+              /* @__PURE__ */ jsx9(RotateCcw2, { className: "w-3.5 h-3.5" }),
+              strings.restoreOriginal
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx9(
+          "button",
+          {
+            onClick: onClose,
+            className: "text-white/70 hover:text-white p-1 rounded-full hover:bg-white/10 transition-colors",
+            children: /* @__PURE__ */ jsx9(X5, { className: "w-5 h-5" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx9("div", { className: "flex-1 relative", children: /* @__PURE__ */ jsx9(
+      Cropper,
+      {
+        image: src,
+        crop,
+        zoom,
+        minZoom: 0.3,
+        maxZoom: 3,
+        aspect,
+        restrictPosition: false,
+        onCropChange: setCrop,
+        onZoomChange: setZoom,
+        onCropComplete,
+        showGrid: true,
+        style: {
+          containerStyle: { background: "transparent" }
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsxs7("div", { className: "bg-black/70 backdrop-blur-sm px-4 py-4 space-y-3", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-3 justify-center", children: [
+        /* @__PURE__ */ jsx9(
+          "button",
+          {
+            onClick: () => setZoom(Math.max(0.3, zoom - 0.2)),
+            className: "text-white/70 hover:text-white p-1.5 rounded-full hover:bg-white/10 transition-colors",
+            children: /* @__PURE__ */ jsx9(ZoomOut, { className: "w-4 h-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx9(
+          "input",
+          {
+            type: "range",
+            min: 0.3,
+            max: 3,
+            step: 0.05,
+            value: zoom,
+            onChange: (e) => setZoom(Number(e.target.value)),
+            className: "w-48 accent-blue-500"
+          }
+        ),
+        /* @__PURE__ */ jsx9(
+          "button",
+          {
+            onClick: () => setZoom(Math.min(3, zoom + 0.2)),
+            className: "text-white/70 hover:text-white p-1.5 rounded-full hover:bg-white/10 transition-colors",
+            children: /* @__PURE__ */ jsx9(ZoomIn, { className: "w-4 h-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxs7("span", { className: "text-white/50 text-xs w-12 text-center", children: [
+          Math.round(zoom * 100),
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx9("div", { className: "flex gap-1", children: ASPECT_PRESETS.map((p) => {
+          const Icon = p.icon;
+          const isActive = aspect === p.value || aspect === void 0 && p.value === void 0;
+          return /* @__PURE__ */ jsxs7(
+            "button",
+            {
+              onClick: () => setAspect(p.value),
+              className: `flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium transition-colors ${isActive ? "bg-blue-500 text-white" : "text-white/60 hover:text-white hover:bg-white/10"}`,
+              children: [
+                /* @__PURE__ */ jsx9(Icon, { className: "w-3.5 h-3.5" }),
+                p.label
+              ]
+            },
+            p.label
+          );
+        }) }),
+        /* @__PURE__ */ jsxs7("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsx9(
+            "button",
+            {
+              onClick: onClose,
+              className: "px-4 py-1.5 text-sm text-white/70 hover:text-white border border-white/20 rounded-full hover:bg-white/10 transition-colors",
+              children: strings.cancel
+            }
+          ),
+          /* @__PURE__ */ jsxs7(
+            "button",
+            {
+              onClick: handleSave,
+              disabled: saving,
+              className: "px-4 py-1.5 text-sm bg-blue-500 text-white rounded-full hover:bg-blue-600 transition-colors font-medium flex items-center gap-1.5 disabled:opacity-50",
+              children: [
+                saving ? /* @__PURE__ */ jsx9(Loader23, { className: "w-3.5 h-3.5 animate-spin" }) : /* @__PURE__ */ jsx9(Check2, { className: "w-3.5 h-3.5" }),
+                strings.apply
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/articles/ArticleList.tsx
+import { useState as useState8, useRef as useRef4, useEffect as useEffect5, useCallback as useCallback6 } from "react";
+import Link2 from "next/link";
+import { useRouter as useRouter2 } from "next/navigation";
+import {
+  Plus as Plus2,
+  FileText as FileText2,
+  Globe as Globe2,
+  Pencil,
+  Trash2 as Trash22,
+  Search as Search2,
+  EyeOff
+} from "lucide-react";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+function ArticleList({
+  articles,
+  canCreate,
+  canEdit,
+  canPublish: canPub
+}) {
+  const router = useRouter2();
+  const actions = useGavaActions();
+  const { strings, routes } = useGavaConfig();
+  const filterLabels = {
+    tutti: strings.all,
+    bozza: strings.drafts,
+    pubblicato: strings.published
+  };
+  const [filter, setFilter] = useState8("tutti");
+  const [search, setSearch] = useState8("");
+  const filterRefs = useRef4({});
+  const [indicator, setIndicator] = useState8({ left: 0, width: 0 });
+  const filtered = articles.filter((a) => {
+    if (filter !== "tutti" && a.status !== filter) return false;
+    if (search && !a.title.toLowerCase().includes(search.toLowerCase()))
+      return false;
+    return true;
+  });
+  const counts = {
+    tutti: articles.length,
+    bozza: articles.filter((a) => a.status === "bozza").length,
+    pubblicato: articles.filter((a) => a.status === "pubblicato").length
+  };
+  const updateIndicator = useCallback6(() => {
+    const el = filterRefs.current[filter];
+    if (el) {
+      setIndicator({
+        left: el.offsetLeft,
+        width: el.offsetWidth
+      });
+    }
+  }, [filter]);
+  useEffect5(() => {
+    updateIndicator();
+    window.addEventListener("resize", updateIndicator);
+    return () => window.removeEventListener("resize", updateIndicator);
+  }, [updateIndicator]);
+  const handleDelete = async (id, title) => {
+    if (!confirm(strings.deleteConfirm(title))) return;
+    await actions.deleteArticle(id);
+    router.refresh();
+  };
+  const handleUnpublish = async (id, title) => {
+    if (!confirm(strings.unpublishConfirm(title))) return;
+    await actions.unpublishArticle(id);
+    router.refresh();
+  };
+  return /* @__PURE__ */ jsxs8("div", { className: "dash-animate-in", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-6", children: [
+      /* @__PURE__ */ jsxs8("div", { children: [
+        /* @__PURE__ */ jsx10("h1", { className: "text-2xl font-bold text-foreground mb-1", children: strings.articles }),
+        /* @__PURE__ */ jsx10("p", { className: "text-sm text-muted", children: strings.totalArticles(articles.length) })
+      ] }),
+      canCreate && /* @__PURE__ */ jsxs8(
+        Link2,
+        {
+          href: routes.articleNew,
+          className: "inline-flex items-center gap-2 px-4 py-2.5 bg-accent text-white rounded-full hover:bg-accent-hover transition-all duration-200 text-sm font-medium hover:shadow-md active:scale-[0.97]",
+          children: [
+            /* @__PURE__ */ jsx10(Plus2, { className: "w-4 h-4" }),
+            strings.newArticle
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs8("div", { className: "flex flex-col sm:flex-row gap-3 mb-6", children: [
+      /* @__PURE__ */ jsxs8("div", { className: "dash-filter-group flex bg-card border border-card-border rounded-full p-1 gap-1", children: [
+        /* @__PURE__ */ jsx10(
+          "div",
+          {
+            className: "dash-filter-indicator",
+            style: { left: indicator.left, width: indicator.width }
+          }
+        ),
+        ["tutti", "bozza", "pubblicato"].map((f) => /* @__PURE__ */ jsxs8(
+          "button",
+          {
+            ref: (el) => {
+              filterRefs.current[f] = el;
+            },
+            onClick: () => setFilter(f),
+            className: `dash-filter-btn px-3 py-1.5 text-sm rounded-full capitalize ${filter === f ? "text-white" : "text-muted hover:text-foreground"}`,
+            children: [
+              filterLabels[f],
+              " ",
+              /* @__PURE__ */ jsxs8(
+                "span",
+                {
+                  className: `text-xs ${filter === f ? "opacity-80" : "opacity-50"}`,
+                  children: [
+                    "(",
+                    counts[f],
+                    ")"
+                  ]
+                }
+              )
+            ]
+          },
+          f
+        ))
+      ] }),
+      /* @__PURE__ */ jsxs8("div", { className: "relative flex-1 max-w-xs", children: [
+        /* @__PURE__ */ jsx10(Search2, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted" }),
+        /* @__PURE__ */ jsx10(
+          "input",
+          {
+            type: "text",
+            value: search,
+            onChange: (e) => setSearch(e.target.value),
+            placeholder: strings.searchArticles,
+            className: "dash-search w-full pl-9 pr-3 py-2 text-sm bg-card border border-card-border rounded-full outline-none focus:border-accent"
+          }
+        )
+      ] })
+    ] }),
+    filtered.length === 0 ? /* @__PURE__ */ jsxs8("div", { className: "dash-scale-in bg-card border border-card-border rounded-xl p-12 text-center", children: [
+      /* @__PURE__ */ jsx10(FileText2, { className: "dash-empty-icon w-10 h-10 text-muted mx-auto mb-3" }),
+      /* @__PURE__ */ jsx10("p", { className: "text-muted text-sm", children: search ? strings.noArticlesSearch : strings.noArticles })
+    ] }) : /* @__PURE__ */ jsx10("div", { className: "bg-card border border-card-border rounded-xl overflow-hidden", children: /* @__PURE__ */ jsx10("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs8("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ jsx10("thead", { children: /* @__PURE__ */ jsxs8("tr", { className: "border-b border-card-border text-left", children: [
+        /* @__PURE__ */ jsx10("th", { className: "px-4 py-3 font-medium text-muted", children: strings.title }),
+        /* @__PURE__ */ jsx10("th", { className: "px-4 py-3 font-medium text-muted hidden md:table-cell", children: strings.author }),
+        /* @__PURE__ */ jsx10("th", { className: "px-4 py-3 font-medium text-muted hidden lg:table-cell", children: strings.category }),
+        /* @__PURE__ */ jsx10("th", { className: "px-4 py-3 font-medium text-muted", children: strings.status }),
+        /* @__PURE__ */ jsx10("th", { className: "px-4 py-3 font-medium text-muted hidden sm:table-cell", children: strings.updated }),
+        canEdit && /* @__PURE__ */ jsx10("th", { className: "px-4 py-3 font-medium text-muted text-right", children: strings.actions })
+      ] }) }),
+      /* @__PURE__ */ jsx10("tbody", { children: filtered.map((article) => /* @__PURE__ */ jsxs8(
+        "tr",
+        {
+          className: "border-b border-card-border/50 last:border-0 hover:bg-card-border/20 transition-colors duration-150",
+          children: [
+            /* @__PURE__ */ jsx10("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-3", children: [
+              article.coverImage ? /* @__PURE__ */ jsx10(
+                "img",
+                {
+                  src: article.coverImage,
+                  alt: "",
+                  className: "w-10 h-10 rounded-md object-cover flex-shrink-0 bg-card-border transition-transform duration-200 hover:scale-105"
+                }
+              ) : /* @__PURE__ */ jsx10("div", { className: "w-10 h-10 rounded-md bg-card-border flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx10(FileText2, { className: "w-4 h-4 text-muted" }) }),
+              /* @__PURE__ */ jsx10("span", { className: "font-medium text-foreground", children: article.title || /* @__PURE__ */ jsx10("span", { className: "italic text-muted", children: strings.untitled }) })
+            ] }) }),
+            /* @__PURE__ */ jsx10("td", { className: "px-4 py-3 text-muted hidden md:table-cell", children: article.authorName || "\u2014" }),
+            /* @__PURE__ */ jsx10("td", { className: "px-4 py-3 text-muted hidden lg:table-cell", children: article.category || "\u2014" }),
+            /* @__PURE__ */ jsx10("td", { className: "px-4 py-3", children: article.status === "pubblicato" ? /* @__PURE__ */ jsxs8("span", { className: "inline-flex items-center gap-1 text-xs font-medium text-green-600 bg-green-50 px-2 py-0.5 rounded-full", children: [
+              /* @__PURE__ */ jsx10(Globe2, { className: "w-3 h-3" }),
+              strings.published
+            ] }) : /* @__PURE__ */ jsxs8("span", { className: "inline-flex items-center gap-1 text-xs font-medium text-amber-600 bg-amber-50 px-2 py-0.5 rounded-full", children: [
+              /* @__PURE__ */ jsx10(FileText2, { className: "w-3 h-3" }),
+              strings.draft
+            ] }) }),
+            /* @__PURE__ */ jsx10("td", { className: "px-4 py-3 text-muted text-sm hidden sm:table-cell", children: new Date(article.updatedAt).toLocaleDateString("it-IT", {
+              day: "numeric",
+              month: "short",
+              year: "numeric"
+            }) }),
+            canEdit && /* @__PURE__ */ jsx10("td", { className: "px-4 py-3 text-right", children: /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-end gap-1", children: [
+              canPub && article.status === "pubblicato" && /* @__PURE__ */ jsx10(
+                "button",
+                {
+                  onClick: () => handleUnpublish(article.id, article.title),
+                  className: "p-1.5 rounded-full text-muted hover:text-amber-600 hover:bg-amber-50 transition-all duration-200 active:scale-90",
+                  title: strings.unpublish,
+                  children: /* @__PURE__ */ jsx10(EyeOff, { className: "w-4 h-4" })
+                }
+              ),
+              /* @__PURE__ */ jsx10(
+                Link2,
+                {
+                  href: routes.articleEdit(article.id),
+                  className: "p-1.5 rounded-full text-muted hover:text-foreground hover:bg-card-border/50 transition-all duration-200 active:scale-90",
+                  title: strings.edit,
+                  children: /* @__PURE__ */ jsx10(Pencil, { className: "w-4 h-4" })
+                }
+              ),
+              /* @__PURE__ */ jsx10(
+                "button",
+                {
+                  onClick: () => handleDelete(article.id, article.title),
+                  className: "p-1.5 rounded-full text-muted hover:text-red-500 hover:bg-red-50 transition-all duration-200 active:scale-90",
+                  title: strings.delete,
+                  children: /* @__PURE__ */ jsx10(Trash22, { className: "w-4 h-4" })
+                }
+              )
+            ] }) })
+          ]
+        },
+        article.id
+      )) })
+    ] }) }) })
+  ] });
+}
+
+// src/components/users/UserTable.tsx
+import Link3 from "next/link";
+import { Pencil as Pencil2, Trash2 as Trash23 } from "lucide-react";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+function UserTable({
+  users,
+  currentUserId
+}) {
+  const actions = useGavaActions();
+  const { strings, roles, routes } = useGavaConfig();
+  async function handleDelete(id, name) {
+    if (!confirm(strings.deleteUserConfirm(name))) return;
+    const result = await actions.deleteUser(id);
+    if (result && "error" in result && result.error) {
+      alert(result.error);
+    }
+  }
+  return /* @__PURE__ */ jsx11("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs9("table", { className: "w-full text-sm", children: [
+    /* @__PURE__ */ jsx11("thead", { children: /* @__PURE__ */ jsxs9("tr", { className: "border-b border-card-border", children: [
+      /* @__PURE__ */ jsx11("th", { className: "text-left py-3 px-4 font-semibold text-foreground", children: strings.name }),
+      /* @__PURE__ */ jsx11("th", { className: "text-left py-3 px-4 font-semibold text-foreground", children: strings.email }),
+      /* @__PURE__ */ jsx11("th", { className: "text-left py-3 px-4 font-semibold text-foreground", children: strings.role }),
+      /* @__PURE__ */ jsx11("th", { className: "text-left py-3 px-4 font-semibold text-foreground", children: strings.createdAt }),
+      /* @__PURE__ */ jsx11("th", { className: "text-right py-3 px-4 font-semibold text-foreground", children: strings.actions })
+    ] }) }),
+    /* @__PURE__ */ jsx11("tbody", { children: users.map((user) => /* @__PURE__ */ jsxs9(
+      "tr",
+      {
+        className: "border-b border-card-border hover:bg-card/50",
+        children: [
+          /* @__PURE__ */ jsx11("td", { className: "py-3 px-4 text-foreground", children: user.name }),
+          /* @__PURE__ */ jsx11("td", { className: "py-3 px-4 text-muted", children: user.email }),
+          /* @__PURE__ */ jsx11("td", { className: "py-3 px-4", children: /* @__PURE__ */ jsx11("span", { className: "inline-block px-2 py-0.5 bg-accent/10 text-accent text-xs font-medium rounded-full", children: roles.labels[user.role] || user.role }) }),
+          /* @__PURE__ */ jsx11("td", { className: "py-3 px-4 text-muted", children: new Date(user.createdAt).toLocaleDateString("it-IT") }),
+          /* @__PURE__ */ jsx11("td", { className: "py-3 px-4 text-right", children: /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-end gap-2", children: [
+            /* @__PURE__ */ jsx11(
+              Link3,
+              {
+                href: routes.userEdit(user.id),
+                className: "p-1.5 text-muted hover:text-accent transition-colors",
+                title: strings.edit,
+                children: /* @__PURE__ */ jsx11(Pencil2, { className: "w-4 h-4" })
+              }
+            ),
+            user.id !== currentUserId && /* @__PURE__ */ jsx11(
+              "button",
+              {
+                onClick: () => handleDelete(user.id, user.name),
+                className: "p-1.5 text-muted hover:text-red-500 transition-colors",
+                title: strings.delete,
+                children: /* @__PURE__ */ jsx11(Trash23, { className: "w-4 h-4" })
+              }
+            )
+          ] }) })
+        ]
+      },
+      user.id
+    )) })
+  ] }) });
+}
+
+// src/components/users/UserForm.tsx
+import { useState as useState9 } from "react";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+function UserForm({ user }) {
+  const actions = useGavaActions();
+  const { strings, roles } = useGavaConfig();
+  const [error, setError] = useState9("");
+  const isEditing = !!user;
+  async function handleSubmit(formData) {
+    setError("");
+    let result;
+    if (isEditing) {
+      result = await actions.updateUser(user.id, formData);
+    } else {
+      result = await actions.createUser(formData);
+    }
+    if (result && "error" in result && result.error) {
+      setError(result.error);
+    }
+  }
+  return /* @__PURE__ */ jsxs10("form", { action: handleSubmit, className: "space-y-4 max-w-md", children: [
+    error && /* @__PURE__ */ jsx12("div", { className: "bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 text-red-700 dark:text-red-400 px-4 py-3 rounded-lg text-sm", children: error }),
+    /* @__PURE__ */ jsxs10("div", { children: [
+      /* @__PURE__ */ jsx12(
+        "label",
+        {
+          htmlFor: "name",
+          className: "block text-sm font-medium text-foreground mb-1",
+          children: strings.name
+        }
+      ),
+      /* @__PURE__ */ jsx12(
+        "input",
+        {
+          id: "name",
+          name: "name",
+          type: "text",
+          required: true,
+          defaultValue: user?.name || "",
+          className: "w-full px-3 py-2 bg-background border border-card-border rounded-lg text-foreground text-sm focus:outline-none focus:ring-2 focus:ring-accent focus:border-transparent"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs10("div", { children: [
+      /* @__PURE__ */ jsx12(
+        "label",
+        {
+          htmlFor: "email",
+          className: "block text-sm font-medium text-foreground mb-1",
+          children: strings.email
+        }
+      ),
+      /* @__PURE__ */ jsx12(
+        "input",
+        {
+          id: "email",
+          name: "email",
+          type: "email",
+          required: true,
+          defaultValue: user?.email || "",
+          className: "w-full px-3 py-2 bg-background border border-card-border rounded-lg text-foreground text-sm focus:outline-none focus:ring-2 focus:ring-accent focus:border-transparent"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs10("div", { children: [
+      /* @__PURE__ */ jsxs10(
+        "label",
+        {
+          htmlFor: "password",
+          className: "block text-sm font-medium text-foreground mb-1",
+          children: [
+            strings.password,
+            isEditing && strings.passwordEditHint
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx12(
+        "input",
+        {
+          id: "password",
+          name: "password",
+          type: "password",
+          required: !isEditing,
+          minLength: 6,
+          className: "w-full px-3 py-2 bg-background border border-card-border rounded-lg text-foreground text-sm focus:outline-none focus:ring-2 focus:ring-accent focus:border-transparent",
+          placeholder: isEditing ? "" : "Min 6 chars"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs10("div", { children: [
+      /* @__PURE__ */ jsx12(
+        "label",
+        {
+          htmlFor: "role",
+          className: "block text-sm font-medium text-foreground mb-1",
+          children: strings.role
+        }
+      ),
+      /* @__PURE__ */ jsx12(
+        "select",
+        {
+          id: "role",
+          name: "role",
+          required: true,
+          defaultValue: user?.role || roles.list[roles.list.length - 1],
+          className: "w-full px-3 py-2 bg-background border border-card-border rounded-lg text-foreground text-sm focus:outline-none focus:ring-2 focus:ring-accent focus:border-transparent",
+          children: roles.list.map((r) => /* @__PURE__ */ jsx12("option", { value: r, children: roles.labels[r] || r }, r))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx12(
+      "button",
+      {
+        type: "submit",
+        className: "px-6 py-2.5 bg-accent text-white rounded-full font-medium text-sm hover:bg-accent-hover transition-colors",
+        children: isEditing ? strings.saveChanges : strings.createUser
+      }
+    )
+  ] });
+}
+
+// src/components/media/MediaGrid.tsx
+import { useState as useState10 } from "react";
+import { useRouter as useRouter3 } from "next/navigation";
+import { Search as Search3, Trash2 as Trash24, Copy, Check as Check3, ImageIcon as ImageIcon2 } from "lucide-react";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+function formatSize2(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+function MediaGrid({ media }) {
+  const router = useRouter3();
+  const actions = useGavaActions();
+  const { strings } = useGavaConfig();
+  const [search, setSearch] = useState10("");
+  const [copiedId, setCopiedId] = useState10(null);
+  const filtered = media.filter(
+    (m) => search ? m.filename.toLowerCase().includes(search.toLowerCase()) : true
+  );
+  const handleCopy = async (path, id) => {
+    await navigator.clipboard.writeText(path);
+    setCopiedId(id);
+    setTimeout(() => setCopiedId(null), 2e3);
+  };
+  const handleDelete = async (id, filename) => {
+    if (!confirm(strings.deleteConfirm(filename))) return;
+    try {
+      await actions.deleteMedia(id);
+      router.refresh();
+    } catch (err) {
+      alert(
+        err instanceof Error ? err.message : "Error deleting file"
+      );
+    }
+  };
+  return /* @__PURE__ */ jsxs11("div", { className: "dash-animate-in", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-6", children: [
+      /* @__PURE__ */ jsxs11("div", { children: [
+        /* @__PURE__ */ jsx13("h1", { className: "text-2xl font-bold text-foreground mb-1", children: strings.media }),
+        /* @__PURE__ */ jsx13("p", { className: "text-sm text-muted", children: strings.totalFiles(media.length) })
+      ] }),
+      /* @__PURE__ */ jsxs11("div", { className: "relative max-w-xs w-full", children: [
+        /* @__PURE__ */ jsx13(Search3, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted" }),
+        /* @__PURE__ */ jsx13(
+          "input",
+          {
+            type: "text",
+            value: search,
+            onChange: (e) => setSearch(e.target.value),
+            placeholder: strings.searchFiles,
+            className: "dash-search w-full pl-9 pr-3 py-2 text-sm bg-card border border-card-border rounded-full outline-none focus:border-accent"
+          }
+        )
+      ] })
+    ] }),
+    filtered.length === 0 ? /* @__PURE__ */ jsxs11("div", { className: "dash-scale-in bg-card border border-card-border rounded-xl p-12 text-center", children: [
+      /* @__PURE__ */ jsx13(ImageIcon2, { className: "dash-empty-icon w-10 h-10 text-muted mx-auto mb-3" }),
+      /* @__PURE__ */ jsx13("p", { className: "text-muted text-sm", children: search ? strings.noMediaSearch : strings.noMedia })
+    ] }) : /* @__PURE__ */ jsx13("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4", children: filtered.map((m, i) => /* @__PURE__ */ jsxs11(
+      "div",
+      {
+        className: "dash-animate-in dash-stagger dash-card-hover bg-card border border-card-border rounded-xl overflow-hidden group",
+        style: { "--i": i },
+        children: [
+          /* @__PURE__ */ jsxs11("div", { className: "aspect-square bg-card-border relative overflow-hidden", children: [
+            m.mimeType.startsWith("image/") ? /* @__PURE__ */ jsx13(
+              "img",
+              {
+                src: m.path,
+                alt: m.filename,
+                className: "dash-media-img w-full h-full object-cover"
+              }
+            ) : /* @__PURE__ */ jsx13("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ jsx13(ImageIcon2, { className: "w-8 h-8 text-muted" }) }),
+            /* @__PURE__ */ jsxs11("div", { className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity duration-200 flex items-center justify-center gap-2", children: [
+              /* @__PURE__ */ jsx13(
+                "button",
+                {
+                  onClick: () => handleCopy(m.path, m.id),
+                  className: "p-2 rounded-full bg-white/90 text-foreground hover:bg-white transition-all duration-200 active:scale-90",
+                  title: strings.copyUrl,
+                  children: copiedId === m.id ? /* @__PURE__ */ jsx13(Check3, { className: "w-4 h-4 text-green-600" }) : /* @__PURE__ */ jsx13(Copy, { className: "w-4 h-4" })
+                }
+              ),
+              /* @__PURE__ */ jsx13(
+                "button",
+                {
+                  onClick: () => handleDelete(m.id, m.filename),
+                  className: "p-2 rounded-full bg-white/90 text-red-500 hover:bg-white transition-all duration-200 active:scale-90",
+                  title: strings.delete,
+                  children: /* @__PURE__ */ jsx13(Trash24, { className: "w-4 h-4" })
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs11("div", { className: "p-2.5", children: [
+            /* @__PURE__ */ jsx13("p", { className: "text-xs font-medium text-foreground truncate", children: m.filename }),
+            /* @__PURE__ */ jsxs11("p", { className: "text-[10px] text-muted", children: [
+              formatSize2(m.size),
+              " \u2014 ",
+              m.uploader.name
+            ] })
+          ] })
+        ]
+      },
+      m.id
+    )) })
+  ] });
+}
+
+// src/components/dashboard/DashboardNavbar.tsx
+import Link4 from "next/link";
+import { usePathname } from "next/navigation";
+import { useSession, signOut } from "next-auth/react";
+import { FileText as FileText3, Users, LogOut, BarChart3, ImageIcon as ImageIcon3 } from "lucide-react";
+import { useState as useState11 } from "react";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+function DashboardNavbar() {
+  const pathname = usePathname();
+  const { data: session } = useSession();
+  const [mobileOpen, setMobileOpen] = useState11(false);
+  const { branding, roles, strings, routes } = useGavaConfig();
+  const role = session?.user?.role;
+  const navigation = [
+    { name: strings.articles, href: routes.articles, icon: FileText3 },
+    ...roles.canEdit(role || "") ? [{ name: strings.media, href: routes.media, icon: ImageIcon3 }] : [],
+    ...roles.canPublish(role || "") ? [
+      {
+        name: strings.statistics,
+        href: routes.dashboard + "/statistiche",
+        icon: BarChart3
+      }
+    ] : [],
+    ...role === roles.adminRole ? [{ name: strings.users, href: routes.users, icon: Users }] : []
+  ];
+  const isActive = (href) => pathname.startsWith(href);
+  return /* @__PURE__ */ jsx14("header", { className: "sticky top-0 z-50 px-4 pb-4", children: /* @__PURE__ */ jsx14("div", { className: "mx-auto max-w-7xl", children: /* @__PURE__ */ jsxs12("nav", { className: "bg-background/95 backdrop-blur-sm border border-t-transparent border-card-border rounded-b-xl", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "flex h-14 items-center justify-between px-6", children: [
+      /* @__PURE__ */ jsxs12(Link4, { href: routes.home, className: "flex items-center gap-3", children: [
+        branding.logo && /* @__PURE__ */ jsx14("span", { className: "relative z-[9999] -my-[100px] py-[100px] bg-white rounded-b-lg px-1.5 pb-1.5", children: /* @__PURE__ */ jsx14(
+          "img",
+          {
+            src: branding.logo,
+            alt: branding.name,
+            width: 44,
+            height: 44
+          }
+        ) }),
+        /* @__PURE__ */ jsx14("span", { className: "font-bold text-lg text-foreground", children: branding.name })
+      ] }),
+      /* @__PURE__ */ jsx14("div", { className: "hidden md:flex md:items-center md:gap-6", children: navigation.map((item) => /* @__PURE__ */ jsxs12(
+        Link4,
+        {
+          href: item.href,
+          className: `flex items-center gap-2 text-sm font-medium transition-colors ${isActive(item.href) ? "text-accent" : "text-muted hover:text-foreground"}`,
+          children: [
+            /* @__PURE__ */ jsx14(item.icon, { className: "w-4 h-4" }),
+            item.name
+          ]
+        },
+        item.name
+      )) }),
+      /* @__PURE__ */ jsxs12("div", { className: "hidden md:flex md:items-center md:gap-3", children: [
+        /* @__PURE__ */ jsxs12("div", { className: "text-right", children: [
+          /* @__PURE__ */ jsx14("p", { className: "text-sm font-medium text-foreground leading-tight", children: session?.user?.name }),
+          /* @__PURE__ */ jsx14("p", { className: "text-xs text-muted leading-tight", children: roles.labels[role || ""] || role })
+        ] }),
+        /* @__PURE__ */ jsx14(
+          "button",
+          {
+            onClick: () => signOut({ callbackUrl: routes.login }),
+            className: "p-2 rounded-full text-muted hover:text-foreground hover:bg-card transition-colors",
+            title: strings.logout,
+            children: /* @__PURE__ */ jsx14(LogOut, { className: "w-4 h-4" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs12(
+        "button",
+        {
+          type: "button",
+          onClick: () => setMobileOpen(!mobileOpen),
+          className: "md:hidden p-2 rounded-full text-foreground flex flex-col justify-center items-center w-10 h-10 gap-1.5",
+          "aria-label": "Menu",
+          children: [
+            /* @__PURE__ */ jsx14(
+              "span",
+              {
+                className: `block h-0.5 w-5 bg-foreground rounded-full transition-all duration-300 ease-in-out ${mobileOpen ? "rotate-45 translate-y-2" : ""}`
+              }
+            ),
+            /* @__PURE__ */ jsx14(
+              "span",
+              {
+                className: `block h-0.5 w-5 bg-foreground rounded-full transition-all duration-300 ease-in-out ${mobileOpen ? "opacity-0 scale-0" : ""}`
+              }
+            ),
+            /* @__PURE__ */ jsx14(
+              "span",
+              {
+                className: `block h-0.5 w-5 bg-foreground rounded-full transition-all duration-300 ease-in-out ${mobileOpen ? "-rotate-45 -translate-y-2" : ""}`
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx14(
+      "div",
+      {
+        className: `md:hidden overflow-hidden transition-all duration-300 ease-in-out ${mobileOpen ? "max-h-80 opacity-100" : "max-h-0 opacity-0"}`,
+        children: /* @__PURE__ */ jsxs12("div", { className: "py-4 border-t border-card-border mx-6 space-y-1", children: [
+          navigation.map((item) => /* @__PURE__ */ jsxs12(
+            Link4,
+            {
+              href: item.href,
+              onClick: () => setMobileOpen(false),
+              className: `flex items-center gap-3 px-3 py-2 rounded-full text-sm font-medium transition-colors ${isActive(item.href) ? "text-accent" : "text-muted hover:text-foreground"}`,
+              children: [
+                /* @__PURE__ */ jsx14(item.icon, { className: "w-4 h-4" }),
+                item.name
+              ]
+            },
+            item.name
+          )),
+          /* @__PURE__ */ jsxs12("div", { className: "pt-3 mt-2 border-t border-card-border", children: [
+            /* @__PURE__ */ jsxs12("div", { className: "px-3 mb-2", children: [
+              /* @__PURE__ */ jsx14("p", { className: "text-sm font-medium text-foreground", children: session?.user?.name }),
+              /* @__PURE__ */ jsx14("p", { className: "text-xs text-muted", children: roles.labels[role || ""] || role })
+            ] }),
+            /* @__PURE__ */ jsxs12(
+              "button",
+              {
+                onClick: () => signOut({ callbackUrl: routes.login }),
+                className: "flex items-center gap-3 px-3 py-2 text-sm text-muted hover:text-foreground transition-colors w-full rounded-full hover:bg-card",
+                children: [
+                  /* @__PURE__ */ jsx14(LogOut, { className: "w-4 h-4" }),
+                  strings.logout
+                ]
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] }) }) });
+}
+
+// src/components/dashboard/StatCard.tsx
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+var accentStyles = {
+  blue: {
+    border: "border-l-blue-500",
+    bg: "bg-blue-500/10",
+    text: "text-blue-600"
+  },
+  green: {
+    border: "border-l-green-500",
+    bg: "bg-green-500/10",
+    text: "text-green-600"
+  },
+  purple: {
+    border: "border-l-purple-500",
+    bg: "bg-purple-500/10",
+    text: "text-purple-600"
+  },
+  amber: {
+    border: "border-l-amber-500",
+    bg: "bg-amber-500/10",
+    text: "text-amber-600"
+  }
+};
+function StatCard({
+  label,
+  value,
+  icon: Icon,
+  accent = "blue"
+}) {
+  const s = accentStyles[accent];
+  return /* @__PURE__ */ jsx15(
+    "div",
+    {
+      className: `bg-card border border-card-border rounded-xl p-5 border-l-[3px] ${s.border} transition-all duration-200 hover:shadow-sm`,
+      children: /* @__PURE__ */ jsxs13("div", { className: "flex items-start justify-between", children: [
+        /* @__PURE__ */ jsxs13("div", { children: [
+          /* @__PURE__ */ jsx15("p", { className: "text-xs font-medium text-muted uppercase tracking-wide mb-2", children: label }),
+          /* @__PURE__ */ jsx15("p", { className: "text-3xl font-bold text-foreground tabular-nums", children: value })
+        ] }),
+        /* @__PURE__ */ jsx15("div", { className: `p-2 rounded-lg ${s.bg}`, children: /* @__PURE__ */ jsx15(Icon, { className: `w-5 h-5 ${s.text}` }) })
+      ] })
+    }
+  );
+}
+
+// src/components/splash/SplashScreen.tsx
+import { useMemo } from "react";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+function pickRandom3(words) {
+  const shuffled = [...words].sort(() => Math.random() - 0.5);
+  return shuffled.slice(0, 3);
+}
+function SplashScreen() {
+  const { phase } = useSplash();
+  const { branding } = useGavaConfig();
+  const words = useMemo(() => pickRandom3(branding.splashWords), [branding.splashWords]);
+  if (phase === "idle") return null;
+  const topClass = phase === "closing" ? "splash-enter-down" : phase === "opening" ? "splash-exit-up" : "";
+  const bottomClass = phase === "closing" ? "splash-enter-up" : phase === "opening" ? "splash-exit-down" : "";
+  return /* @__PURE__ */ jsxs14("div", { className: "fixed inset-0 z-[9999] pointer-events-none", children: [
+    /* @__PURE__ */ jsx16(
+      "div",
+      {
+        className: `splash-half splash-half-top absolute inset-x-0 top-0 h-1/2 bg-background overflow-hidden ${topClass}`,
+        children: /* @__PURE__ */ jsx16("div", { className: "absolute inset-0 flex flex-col items-center justify-end pb-2", children: /* @__PURE__ */ jsx16("span", { className: "splash-title", children: "GAVA" }) })
+      }
+    ),
+    /* @__PURE__ */ jsx16(
+      "div",
+      {
+        className: `splash-half splash-half-bottom absolute inset-x-0 bottom-0 h-1/2 bg-background overflow-hidden ${bottomClass}`,
+        children: /* @__PURE__ */ jsxs14("div", { className: "absolute inset-0 flex flex-col items-center justify-start pt-2", children: [
+          /* @__PURE__ */ jsx16("span", { className: "splash-title", children: "ENGINE" }),
+          /* @__PURE__ */ jsx16("div", { className: "flex items-center gap-3 mt-6", children: words.map((word, i) => /* @__PURE__ */ jsxs14(
+            "span",
+            {
+              className: "splash-word text-xs sm:text-sm font-medium tracking-widest uppercase",
+              style: { animationDelay: `${0.2 + i * 0.1}s` },
+              children: [
+                word,
+                i < 2 && /* @__PURE__ */ jsx16("span", { className: "ml-3 text-muted-foreground", children: "\xB7" })
+              ]
+            },
+            word
+          )) })
+        ] })
+      }
+    )
+  ] });
+}
+
+// src/components/splash/DashboardSplashTrigger.tsx
+import { useEffect as useEffect6 } from "react";
+function DashboardSplashTrigger() {
+  const { openSplash } = useSplash();
+  useEffect6(() => {
+    if (typeof window.requestIdleCallback === "function") {
+      const id = window.requestIdleCallback(() => openSplash());
+      return () => window.cancelIdleCallback(id);
+    }
+    const timeout = setTimeout(() => {
+      requestAnimationFrame(() => openSplash());
+    }, 100);
+    return () => clearTimeout(timeout);
+  }, [openSplash]);
+  return null;
+}
+
+export {
+  ResizableImageView,
+  ResizableImage,
+  DraggableYoutubeView,
+  DraggableYoutube,
+  VideoView,
+  VideoExtension,
+  MediaPickerModal,
+  EditorToolbar,
+  CoverImageUpload,
+  RevisionPanel,
+  ArticleEditor,
+  ImageEditModal,
+  ArticleList,
+  UserTable,
+  UserForm,
+  MediaGrid,
+  DashboardNavbar,
+  StatCard,
+  SplashScreen,
+  DashboardSplashTrigger
+};
+//# sourceMappingURL=chunk-CE7E5MAB.js.map