sa2kit 1.6.68 → 1.6.69

package/dist/index.mjs

@@ -16,7 +16,7 @@ import { sql, relations } from 'drizzle-orm';
 import 'crypto';
 import 'bcryptjs';
 import 'jsonwebtoken';
-import * as THREE3 from 'three';
+import * as THREE2 from 'three';
 
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
   get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
@@ -5839,7 +5839,7 @@ function createCircularSpriteTexture() {
   canvas.height = size;
   const ctx = canvas.getContext("2d");
   if (!ctx) {
-    return new THREE3.CanvasTexture(canvas);
+    return new THREE2.CanvasTexture(canvas);
   }
   const center = size / 2;
   const gradient = ctx.createRadialGradient(center, center, 2, center, center, center);
@@ -5848,7 +5848,7 @@ function createCircularSpriteTexture() {
   gradient.addColorStop(1, "rgba(255,255,255,0)");
   ctx.fillStyle = gradient;
   ctx.fillRect(0, 0, size, size);
-  const texture = new THREE3.CanvasTexture(canvas);
+  const texture = new THREE2.CanvasTexture(canvas);
   texture.needsUpdate = true;
   return texture;
 }
@@ -6055,11 +6055,11 @@ var FireworksEngine = class {
     this.maxActiveFireworks = init.options?.maxActiveFireworks ?? DEFAULT_MAX_ACTIVE_FIREWORKS;
     this.onError = init.options?.onError;
     this.onFpsReport = init.options?.onFpsReport;
-    this.scene = new THREE3.Scene();
-    this.scene.background = new THREE3.Color("#060816");
-    this.camera = new THREE3.PerspectiveCamera(50, 1, 0.1, 1e3);
+    this.scene = new THREE2.Scene();
+    this.scene.background = new THREE2.Color("#060816");
+    this.camera = new THREE2.PerspectiveCamera(50, 1, 0.1, 1e3);
     this.camera.position.set(0, 0, 45);
-    this.renderer = new THREE3.WebGLRenderer({
+    this.renderer = new THREE2.WebGLRenderer({
       canvas: this.canvas,
       alpha: true,
       antialias: true,
@@ -6104,7 +6104,7 @@ var FireworksEngine = class {
       const particles = [];
       const positions = new Float32Array(seeds.length * 3);
       const colors = new Float32Array(seeds.length * 3);
-      const colorHelper = new THREE3.Color();
+      const colorHelper = new THREE2.Color();
       for (let i = 0; i < seeds.length; i += 1) {
         const seed = seeds[i];
         if (!seed) {
@@ -6136,19 +6136,19 @@ var FireworksEngine = class {
         this.releaseParticles(particles);
         return;
       }
-      const geometry = new THREE3.BufferGeometry();
-      geometry.setAttribute("position", new THREE3.BufferAttribute(positions, 3));
-      geometry.setAttribute("color", new THREE3.BufferAttribute(colors, 3));
-      const material = new THREE3.PointsMaterial({
+      const geometry = new THREE2.BufferGeometry();
+      geometry.setAttribute("position", new THREE2.BufferAttribute(positions, 3));
+      geometry.setAttribute("color", new THREE2.BufferAttribute(colors, 3));
+      const material = new THREE2.PointsMaterial({
         size: payload.kind === "miku" ? 0.42 : 0.36,
         vertexColors: true,
         map: this.spriteTexture,
         transparent: true,
         opacity: 1,
         depthWrite: false,
-        blending: THREE3.AdditiveBlending
+        blending: THREE2.AdditiveBlending
       });
-      const points = new THREE3.Points(geometry, material);
+      const points = new THREE2.Points(geometry, material);
       this.scene.add(points);
       const burst = {
         id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
@@ -7129,179 +7129,568 @@ function ScreenReceiverPanel(props) {
 function StatusItem({ label, value }) {
   return /* @__PURE__ */ React42__default.createElement("div", { className: "rounded-md border px-3 py-2" }, /* @__PURE__ */ React42__default.createElement("p", { className: "text-xs text-slate-500" }, label), /* @__PURE__ */ React42__default.createElement("p", { className: "text-sm font-medium" }, value));
 }
-var createSnow = (count) => {
-  const positions = new Float32Array(count * 3);
-  const speeds = new Float32Array(count);
-  for (let i = 0; i < count; i++) {
-    const i3 = i * 3;
-    positions[i3] = (Math.random() - 0.5) * 16;
-    positions[i3 + 1] = Math.random() * 10 + 1;
-    positions[i3 + 2] = (Math.random() - 0.5) * 16;
-    speeds[i] = 4e-3 + Math.random() * 0.01;
-  }
-  return { positions, speeds };
+
+// src/festivalCard/core/defaults.ts
+var DEFAULT_FESTIVAL_CARD_CONFIG = {
+  id: "default-festival-card",
+  name: "Holiday Card",
+  theme: "winter",
+  coverTitle: "Happy Holidays",
+  coverSubtitle: "Warm wishes for you",
+  background: {
+    colorA: "#0c1a34",
+    colorB: "#1f4f8a"
+  },
+  backgroundMusic: {
+    src: "",
+    loop: true,
+    autoPlay: false,
+    volume: 0.5
+  },
+  pages: [
+    {
+      id: "page-1",
+      title: "\u5C01\u9762",
+      background: { color: "#11284d" },
+      elements: [
+        {
+          id: "p1-text-1",
+          type: "text",
+          x: 50,
+          y: 20,
+          content: "\u65B0\u5E74\u5FEB\u4E50",
+          fontSize: 34,
+          fontWeight: 700,
+          align: "center",
+          color: "#f8fafc"
+        },
+        {
+          id: "p1-text-2",
+          type: "text",
+          x: 50,
+          y: 36,
+          content: "\u613F\u8FD9\u4E00\u5E74\u5E73\u5B89\u559C\u4E50",
+          fontSize: 18,
+          fontWeight: 500,
+          align: "center",
+          color: "#dbeafe"
+        },
+        {
+          id: "p1-image-1",
+          type: "image",
+          x: 50,
+          y: 68,
+          width: 72,
+          height: 42,
+          src: "https://images.unsplash.com/photo-1512389142860-9c449e58a543?auto=format&fit=crop&w=1200&q=80",
+          fit: "cover",
+          borderRadius: 16,
+          alt: "holiday"
+        }
+      ]
+    },
+    {
+      id: "page-2",
+      title: "\u795D\u798F",
+      background: { color: "#1a3766" },
+      elements: [
+        {
+          id: "p2-text-1",
+          type: "text",
+          x: 50,
+          y: 28,
+          content: "\u613F\u4F60\u65B0\u5C81\uFF1A",
+          fontSize: 28,
+          fontWeight: 700,
+          align: "center",
+          color: "#fef3c7"
+        },
+        {
+          id: "p2-text-2",
+          type: "text",
+          x: 50,
+          y: 42,
+          content: "\u6240\u5F97\u7686\u6240\u671F\uFF0C\u6240\u5931\u4EA6\u65E0\u788D",
+          fontSize: 18,
+          fontWeight: 500,
+          align: "center",
+          color: "#f8fafc"
+        },
+        {
+          id: "p2-text-3",
+          type: "text",
+          x: 50,
+          y: 55,
+          content: "\u613F\u4F60\u7684\u6BCF\u4E00\u6B65\u90FD\u8D70\u5411\u5149\u4EAE",
+          fontSize: 16,
+          fontWeight: 400,
+          align: "center",
+          color: "#dbeafe"
+        }
+      ]
+    },
+    {
+      id: "page-3",
+      title: "\u843D\u6B3E",
+      background: { color: "#11284d" },
+      elements: [
+        {
+          id: "p3-image-1",
+          type: "image",
+          x: 50,
+          y: 34,
+          width: 60,
+          height: 42,
+          src: "https://images.unsplash.com/photo-1456324504439-367cee3b3c32?auto=format&fit=crop&w=1200&q=80",
+          fit: "cover",
+          borderRadius: 14,
+          alt: "gift"
+        },
+        {
+          id: "p3-text-1",
+          type: "text",
+          x: 50,
+          y: 72,
+          content: "Best wishes, from SA2Kit",
+          fontSize: 18,
+          fontWeight: 600,
+          align: "center",
+          color: "#f8fafc"
+        }
+      ]
+    }
+  ]
 };
-var FestivalCard3D = ({
-  title = "Happy Holidays",
-  subtitle = "Wishing you joy and peace",
-  className
-}) => {
-  const mountRef = useRef(null);
+
+// src/festivalCard/core/normalize.ts
+var ensurePage = (page, index) => ({
+  id: page.id || `page-${index + 1}`,
+  title: page.title || `\u7B2C ${index + 1} \u9875`,
+  elements: Array.isArray(page.elements) ? page.elements : [],
+  background: page.background || {}
+});
+var normalizeFestivalCardConfig = (config) => {
+  const pages = config?.pages && config.pages.length > 0 ? config.pages : DEFAULT_FESTIVAL_CARD_CONFIG.pages;
+  return {
+    ...DEFAULT_FESTIVAL_CARD_CONFIG,
+    ...config,
+    background: {
+      ...DEFAULT_FESTIVAL_CARD_CONFIG.background,
+      ...config?.background || {}
+    },
+    backgroundMusic: {
+      ...DEFAULT_FESTIVAL_CARD_CONFIG.backgroundMusic,
+      ...config?.backgroundMusic || {},
+      src: config?.backgroundMusic?.src ?? DEFAULT_FESTIVAL_CARD_CONFIG.backgroundMusic?.src ?? ""
+    },
+    pages: pages.map(ensurePage)
+  };
+};
+var resizeFestivalCardPages = (config, pageCount) => {
+  const safeCount = Math.max(1, Math.min(12, Math.floor(pageCount || 1)));
+  const nextPages = [...config.pages];
+  while (nextPages.length < safeCount) {
+    const idx = nextPages.length;
+    nextPages.push({
+      id: `page-${idx + 1}`,
+      title: `\u7B2C ${idx + 1} \u9875`,
+      elements: [],
+      background: {}
+    });
+  }
+  return {
+    ...config,
+    pages: nextPages.slice(0, safeCount)
+  };
+};
+var useFestivalCardConfig = (options) => {
+  const [config, setConfig] = useState(
+    () => normalizeFestivalCardConfig(options?.initialConfig || DEFAULT_FESTIVAL_CARD_CONFIG)
+  );
+  const [loading, setLoading] = useState(Boolean(options?.fetchConfig));
+  const [saving, setSaving] = useState(false);
   useEffect(() => {
-    const mount = mountRef.current;
-    if (!mount) return;
-    const scene = new THREE3.Scene();
-    scene.fog = new THREE3.Fog(528934, 12, 28);
-    const camera = new THREE3.PerspectiveCamera(50, mount.clientWidth / mount.clientHeight, 0.1, 100);
-    camera.position.set(0, 2.6, 7.5);
-    const renderer = new THREE3.WebGLRenderer({ antialias: true, alpha: true });
-    renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));
-    renderer.setSize(mount.clientWidth, mount.clientHeight);
-    renderer.outputColorSpace = THREE3.SRGBColorSpace;
-    mount.appendChild(renderer.domElement);
-    const ambientLight = new THREE3.AmbientLight(9090303, 0.8);
-    scene.add(ambientLight);
-    const keyLight = new THREE3.DirectionalLight(16777215, 1.25);
-    keyLight.position.set(2, 5, 4);
-    scene.add(keyLight);
-    const fillLight = new THREE3.PointLight(8050687, 0.9, 24);
-    fillLight.position.set(-4, 3, -2);
-    scene.add(fillLight);
-    const floor = new THREE3.Mesh(
-      new THREE3.CircleGeometry(12, 48),
-      new THREE3.MeshStandardMaterial({ color: 1056826, roughness: 0.95, metalness: 0.05 })
-    );
-    floor.rotation.x = -Math.PI / 2;
-    floor.position.y = -1.2;
-    scene.add(floor);
-    const giftGroup = new THREE3.Group();
-    scene.add(giftGroup);
-    const box = new THREE3.Mesh(
-      new THREE3.BoxGeometry(2, 1.6, 2),
-      new THREE3.MeshStandardMaterial({ color: 14238053, roughness: 0.55, metalness: 0.2 })
-    );
-    giftGroup.add(box);
-    const ribbonMaterial = new THREE3.MeshStandardMaterial({ color: 16767354, roughness: 0.3, metalness: 0.5 });
-    const verticalRibbon = new THREE3.Mesh(new THREE3.BoxGeometry(0.24, 1.7, 2.02), ribbonMaterial);
-    const horizontalRibbon = new THREE3.Mesh(new THREE3.BoxGeometry(2.02, 1.7, 0.24), ribbonMaterial);
-    giftGroup.add(verticalRibbon);
-    giftGroup.add(horizontalRibbon);
-    const lid = new THREE3.Mesh(
-      new THREE3.BoxGeometry(2.15, 0.34, 2.15),
-      new THREE3.MeshStandardMaterial({ color: 13448278, roughness: 0.52, metalness: 0.2 })
-    );
-    lid.position.y = 0.98;
-    giftGroup.add(lid);
-    const bowLeft = new THREE3.Mesh(new THREE3.TorusGeometry(0.26, 0.08, 12, 32), ribbonMaterial);
-    bowLeft.rotation.set(Math.PI / 2, Math.PI / 6, 0);
-    bowLeft.position.set(-0.22, 1.14, 0);
-    const bowRight = bowLeft.clone();
-    bowRight.rotation.y = -Math.PI / 6;
-    bowRight.position.x = 0.22;
-    giftGroup.add(bowLeft, bowRight);
-    giftGroup.position.y = -0.15;
-    const { positions, speeds } = createSnow(260);
-    const snowGeometry = new THREE3.BufferGeometry();
-    snowGeometry.setAttribute("position", new THREE3.BufferAttribute(positions, 3));
-    const snow = new THREE3.Points(
-      snowGeometry,
-      new THREE3.PointsMaterial({
-        color: 15267071,
-        size: 0.08,
-        transparent: true,
-        opacity: 0.92,
-        depthWrite: false
-      })
-    );
-    scene.add(snow);
-    let rafId = 0;
-    const clock = new THREE3.Clock();
-    const animate = () => {
-      const elapsed = clock.getElapsedTime();
-      const pos = snowGeometry.attributes.position;
-      for (let i = 0; i < pos.count; i++) {
-        const speed = speeds[i] ?? 0.01;
-        const y = pos.getY(i) - speed;
-        pos.setY(i, y < -1.1 ? 10 + Math.random() * 2 : y);
-        pos.setX(i, pos.getX(i) + Math.sin(elapsed + i * 0.04) * 16e-4);
-      }
-      pos.needsUpdate = true;
-      giftGroup.rotation.y = elapsed * 0.35;
-      giftGroup.position.y = -0.15 + Math.sin(elapsed * 1.4) * 0.08;
-      lid.position.y = 0.98 + Math.sin(elapsed * 2.2) * 0.08;
-      renderer.render(scene, camera);
-      rafId = window.requestAnimationFrame(animate);
-    };
-    const handleResize = () => {
-      if (!mount) return;
-      const width = mount.clientWidth;
-      const height = mount.clientHeight;
-      camera.aspect = width / height;
-      camera.updateProjectionMatrix();
-      renderer.setSize(width, height);
-    };
-    window.addEventListener("resize", handleResize);
-    animate();
+    if (!options?.fetchConfig) return;
+    let active = true;
+    void options.fetchConfig().then((value) => {
+      if (!active) return;
+      setConfig(normalizeFestivalCardConfig(value));
+    }).finally(() => {
+      if (active) setLoading(false);
+    });
     return () => {
-      window.cancelAnimationFrame(rafId);
-      window.removeEventListener("resize", handleResize);
-      scene.traverse((obj) => {
-        const mesh = obj;
-        if (mesh.geometry) mesh.geometry.dispose();
-        const material = mesh.material;
-        if (Array.isArray(material)) material.forEach((m) => m.dispose());
-        else material?.dispose();
-      });
-      renderer.dispose();
-      mount.removeChild(renderer.domElement);
+      active = false;
     };
-  }, []);
+  }, [options]);
+  const save = useCallback(async () => {
+    if (!options?.onSave) return;
+    setSaving(true);
+    try {
+      await options.onSave(config);
+    } finally {
+      setSaving(false);
+    }
+  }, [config, options]);
+  return useMemo(
+    () => ({
+      config,
+      setConfig,
+      loading,
+      saving,
+      save
+    }),
+    [config, loading, save, saving]
+  );
+};
+var elementStyle = (element) => ({
+  position: "absolute",
+  left: `${element.x}%`,
+  top: `${element.y}%`,
+  width: `${element.width ?? 70}%`,
+  height: element.height ? `${element.height}%` : void 0,
+  transform: "translate(-50%, -50%)"
+});
+var renderElement = (element) => {
+  if (element.type === "text") {
+    return /* @__PURE__ */ React42__default.createElement(
+      "div",
+      {
+        key: element.id,
+        style: {
+          ...elementStyle(element),
+          color: element.color || "#f8fafc",
+          fontSize: element.fontSize || 18,
+          fontWeight: element.fontWeight || 500,
+          textAlign: element.align || "left",
+          lineHeight: 1.45,
+          whiteSpace: "pre-wrap"
+        }
+      },
+      element.content
+    );
+  }
+  return /* @__PURE__ */ React42__default.createElement(
+    "img",
+    {
+      key: element.id,
+      src: element.src,
+      alt: element.alt || "festival-card-image",
+      style: {
+        ...elementStyle(element),
+        objectFit: element.fit || "cover",
+        borderRadius: element.borderRadius || 0,
+        overflow: "hidden",
+        boxShadow: "0 12px 30px rgba(2, 6, 23, 0.32)"
+      }
+    }
+  );
+};
+var FestivalCardPageRenderer = ({ page }) => {
   return /* @__PURE__ */ React42__default.createElement(
     "div",
     {
-      className,
       style: {
         position: "relative",
         width: "100%",
-        minHeight: 420,
-        borderRadius: 20,
+        height: "100%",
         overflow: "hidden",
-        background: "radial-gradient(circle at 20% 20%, #244d8c 0%, #0c1a34 45%, #060d1f 100%)"
+        borderRadius: 16,
+        backgroundColor: page.background?.color || "#0f172a",
+        backgroundImage: page.background?.image ? `url(${page.background.image})` : void 0,
+        backgroundSize: "cover",
+        backgroundPosition: "center"
+      }
+    },
+    page.elements.map(renderElement)
+  );
+};
+
+// src/festivalCard/components/FestivalCardBook3D.tsx
+var FestivalCardBook3D = ({ config, className }) => {
+  const [currentPage, setCurrentPage] = useState(0);
+  const normalized = useMemo(() => normalizeFestivalCardConfig(config), [config]);
+  const pages = normalized.pages;
+  const canPrev = currentPage > 0;
+  const canNext = currentPage < pages.length - 1;
+  return /* @__PURE__ */ React42__default.createElement("div", { className }, /* @__PURE__ */ React42__default.createElement(
+    "div",
+    {
+      style: {
+        width: "100%",
+        minHeight: 560,
+        borderRadius: 24,
+        padding: 24,
+        background: `linear-gradient(145deg, ${normalized.background?.colorA || "#0c1a34"} 0%, ${normalized.background?.colorB || "#1f4f8a"} 100%)`,
+        boxShadow: "0 26px 70px rgba(2, 6, 23, 0.45)"
       }
     },
-    /* @__PURE__ */ React42__default.createElement("div", { ref: mountRef, style: { position: "absolute", inset: 0 } }),
     /* @__PURE__ */ React42__default.createElement(
       "div",
       {
         style: {
-          position: "absolute",
-          inset: 0,
-          pointerEvents: "none",
-          background: "linear-gradient(180deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.04) 35%, rgba(4,8,20,0.36) 100%)"
+          marginBottom: 14,
+          color: "#f8fafc",
+          fontSize: 14,
+          opacity: 0.9,
+          textAlign: "center"
         }
-      }
+      },
+      normalized.coverTitle || "Festival Card",
+      " \xB7 \u7B2C ",
+      currentPage + 1,
+      " / ",
+      pages.length,
+      " \u9875"
     ),
-    /* @__PURE__ */ React42__default.createElement(
+    /* @__PURE__ */ React42__default.createElement("div", { style: { perspective: 1400, width: "100%", maxWidth: 920, margin: "0 auto" } }, /* @__PURE__ */ React42__default.createElement(
       "div",
       {
         style: {
-          position: "absolute",
-          left: 20,
-          right: 20,
-          bottom: 20,
-          zIndex: 2,
-          padding: "16px 18px",
-          borderRadius: 14,
-          backgroundColor: "rgba(8, 16, 35, 0.66)",
-          border: "1px solid rgba(255, 255, 255, 0.16)",
-          color: "#f8fafc"
+          position: "relative",
+          height: 460,
+          transformStyle: "preserve-3d"
         }
       },
-      /* @__PURE__ */ React42__default.createElement("div", { style: { fontSize: 26, fontWeight: 700, lineHeight: 1.2 } }, title),
-      /* @__PURE__ */ React42__default.createElement("div", { style: { marginTop: 6, fontSize: 15, opacity: 0.92 } }, subtitle)
-    )
-  );
+      pages.map((page, index) => {
+        const isFlipped = index < currentPage;
+        const zIndex = pages.length - index;
+        return /* @__PURE__ */ React42__default.createElement(
+          "div",
+          {
+            key: page.id,
+            style: {
+              position: "absolute",
+              inset: 0,
+              transformStyle: "preserve-3d",
+              transformOrigin: "left center",
+              transform: `rotateY(${isFlipped ? -170 : 0}deg)`,
+              transition: "transform 600ms cubic-bezier(0.2, 0.8, 0.2, 1)",
+              zIndex
+            }
+          },
+          /* @__PURE__ */ React42__default.createElement(
+            "div",
+            {
+              style: {
+                position: "absolute",
+                inset: 0,
+                backfaceVisibility: "hidden"
+              }
+            },
+            /* @__PURE__ */ React42__default.createElement(FestivalCardPageRenderer, { page })
+          ),
+          /* @__PURE__ */ React42__default.createElement(
+            "div",
+            {
+              style: {
+                position: "absolute",
+                inset: 0,
+                transform: "rotateY(180deg)",
+                backfaceVisibility: "hidden",
+                borderRadius: 16,
+                background: "#0f172a"
+              }
+            }
+          )
+        );
+      })
+    )),
+    /* @__PURE__ */ React42__default.createElement("div", { style: { display: "flex", justifyContent: "center", gap: 12, marginTop: 18 } }, /* @__PURE__ */ React42__default.createElement(
+      "button",
+      {
+        type: "button",
+        disabled: !canPrev,
+        onClick: () => setCurrentPage((p) => Math.max(0, p - 1)),
+        style: {
+          border: "none",
+          borderRadius: 999,
+          padding: "9px 16px",
+          fontSize: 14,
+          cursor: canPrev ? "pointer" : "not-allowed",
+          opacity: canPrev ? 1 : 0.4
+        }
+      },
+      "\u4E0A\u4E00\u9875"
+    ), /* @__PURE__ */ React42__default.createElement(
+      "button",
+      {
+        type: "button",
+        disabled: !canNext,
+        onClick: () => setCurrentPage((p) => Math.min(pages.length - 1, p + 1)),
+        style: {
+          border: "none",
+          borderRadius: 999,
+          padding: "9px 16px",
+          fontSize: 14,
+          cursor: canNext ? "pointer" : "not-allowed",
+          opacity: canNext ? 1 : 0.4
+        }
+      },
+      "\u4E0B\u4E00\u9875"
+    ))
+  ), normalized.backgroundMusic?.src ? /* @__PURE__ */ React42__default.createElement(
+    "audio",
+    {
+      src: normalized.backgroundMusic.src,
+      autoPlay: normalized.backgroundMusic.autoPlay,
+      loop: normalized.backgroundMusic.loop,
+      controls: true,
+      style: { width: "100%", marginTop: 10 }
+    }
+  ) : null);
 };
+var createTextElement = (pageIndex) => ({
+  id: `text-${Date.now()}-${pageIndex}`,
+  type: "text",
+  x: 50,
+  y: 50,
+  content: "\u8BF7\u8F93\u5165\u6587\u5B57",
+  fontSize: 18,
+  fontWeight: 500,
+  align: "center",
+  color: "#ffffff"
+});
+var createImageElement = (pageIndex) => ({
+  id: `image-${Date.now()}-${pageIndex}`,
+  type: "image",
+  x: 50,
+  y: 50,
+  width: 60,
+  height: 40,
+  src: "https://images.unsplash.com/photo-1482517967863-00e15c9b44be?auto=format&fit=crop&w=1200&q=80",
+  fit: "cover",
+  borderRadius: 12
+});
+var FestivalCardConfigEditor = ({ value, onChange }) => {
+  const [activePageIndex, setActivePageIndex] = useState(0);
+  const page = value.pages[activePageIndex];
+  const canEditPage = Boolean(page);
+  const pageOptions = useMemo(() => value.pages.map((_, index) => index), [value.pages]);
+  const updateElement = (elementId, patch) => {
+    onChange({
+      ...value,
+      pages: value.pages.map(
+        (p, pIndex) => pIndex === activePageIndex ? {
+          ...p,
+          elements: p.elements.map((el) => el.id === elementId ? { ...el, ...patch } : el)
+        } : p
+      )
+    });
+  };
+  return /* @__PURE__ */ React42__default.createElement("div", { style: { borderRadius: 16, background: "#0f172a", color: "#e2e8f0", padding: 16 } }, /* @__PURE__ */ React42__default.createElement("div", { style: { display: "grid", gap: 12 } }, /* @__PURE__ */ React42__default.createElement("label", { style: { display: "grid", gap: 6 } }, /* @__PURE__ */ React42__default.createElement("span", null, "\u9875\u9762\u6570\u91CF"), /* @__PURE__ */ React42__default.createElement(
+    "input",
+    {
+      type: "number",
+      min: 1,
+      max: 12,
+      value: value.pages.length,
+      onChange: (event) => onChange(resizeFestivalCardPages(value, Number(event.target.value)))
+    }
+  )), /* @__PURE__ */ React42__default.createElement("label", { style: { display: "grid", gap: 6 } }, /* @__PURE__ */ React42__default.createElement("span", null, "\u80CC\u666F\u97F3\u4E50 URL"), /* @__PURE__ */ React42__default.createElement(
+    "input",
+    {
+      type: "url",
+      value: value.backgroundMusic?.src || "",
+      onChange: (event) => onChange({
+        ...value,
+        backgroundMusic: {
+          ...value.backgroundMusic,
+          src: event.target.value
+        }
+      })
+    }
+  )), /* @__PURE__ */ React42__default.createElement("label", { style: { display: "grid", gap: 6 } }, /* @__PURE__ */ React42__default.createElement("span", null, "\u7F16\u8F91\u9875\u9762"), /* @__PURE__ */ React42__default.createElement("select", { value: activePageIndex, onChange: (event) => setActivePageIndex(Number(event.target.value)) }, pageOptions.map((index) => /* @__PURE__ */ React42__default.createElement("option", { key: index, value: index }, "\u7B2C ", index + 1, " \u9875"))))), canEditPage ? /* @__PURE__ */ React42__default.createElement("div", { style: { marginTop: 16 } }, /* @__PURE__ */ React42__default.createElement("div", { style: { display: "flex", gap: 8, marginBottom: 12 } }, /* @__PURE__ */ React42__default.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => onChange({
+        ...value,
+        pages: value.pages.map(
+          (p, index) => index === activePageIndex ? { ...p, elements: [...p.elements, createTextElement(index)] } : p
+        )
+      })
+    },
+    "+ \u6587\u5B57"
+  ), /* @__PURE__ */ React42__default.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => onChange({
+        ...value,
+        pages: value.pages.map(
+          (p, index) => index === activePageIndex ? { ...p, elements: [...p.elements, createImageElement(index)] } : p
+        )
+      })
+    },
+    "+ \u56FE\u7247"
+  )), /* @__PURE__ */ React42__default.createElement("div", { style: { display: "grid", gap: 10, maxHeight: 340, overflow: "auto" } }, (page?.elements ?? []).map((element) => /* @__PURE__ */ React42__default.createElement("div", { key: element.id, style: { border: "1px solid #334155", borderRadius: 10, padding: 10 } }, /* @__PURE__ */ React42__default.createElement("div", { style: { marginBottom: 8 } }, element.type.toUpperCase()), element.type === "text" ? /* @__PURE__ */ React42__default.createElement(
+    "textarea",
+    {
+      value: element.content,
+      onChange: (event) => updateElement(element.id, { content: event.target.value }),
+      rows: 3,
+      style: { width: "100%" }
+    }
+  ) : /* @__PURE__ */ React42__default.createElement(
+    "input",
+    {
+      type: "url",
+      value: element.src,
+      onChange: (event) => updateElement(element.id, { src: event.target.value }),
+      style: { width: "100%" }
+    }
+  ))))) : null);
+};
+var FestivalCardStudio = ({ initialConfig, fetchConfig, onSave }) => {
+  const { config, setConfig, loading, save, saving } = useFestivalCardConfig({
+    initialConfig: normalizeFestivalCardConfig(initialConfig),
+    fetchConfig,
+    onSave
+  });
+  if (loading) return /* @__PURE__ */ React42__default.createElement("div", null, "\u52A0\u8F7D\u4E2D...");
+  return /* @__PURE__ */ React42__default.createElement("div", { style: { display: "grid", gridTemplateColumns: "1.4fr 1fr", gap: 16 } }, /* @__PURE__ */ React42__default.createElement(FestivalCardBook3D, { config }), /* @__PURE__ */ React42__default.createElement("div", null, /* @__PURE__ */ React42__default.createElement(FestivalCardConfigEditor, { value: config, onChange: setConfig }), onSave ? /* @__PURE__ */ React42__default.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => void save(),
+      disabled: saving,
+      style: { marginTop: 12, width: "100%", padding: "10px 16px" }
+    },
+    saving ? "\u4FDD\u5B58\u4E2D..." : "\u4FDD\u5B58\u914D\u7F6E"
+  ) : null));
+};
+
+// src/festivalCard/server/db.ts
+var dbAdapter = null;
+var getFestivalCardDb = () => dbAdapter;
+
+// src/festivalCard/services/festivalCardService.ts
+var FestivalCardService = class {
+  constructor(options) {
+    this.db = options?.db || getFestivalCardDb();
+  }
+  async getConfig(cardId = "default-festival-card") {
+    if (!this.db) return DEFAULT_FESTIVAL_CARD_CONFIG;
+    const config = await this.db.getConfig(cardId);
+    return normalizeFestivalCardConfig(config);
+  }
+  async saveConfig(cardId, config) {
+    const normalized = normalizeFestivalCardConfig(config);
+    if (!this.db) return normalized;
+    await this.db.saveConfig(cardId, normalized);
+    return normalized;
+  }
+};
+var memoryStore = /* @__PURE__ */ new Map();
+var createInMemoryFestivalCardDb = () => ({
+  getConfig(id) {
+    return Promise.resolve(memoryStore.get(id) || null);
+  },
+  saveConfig(id, config) {
+    memoryStore.set(id, config);
+    return Promise.resolve();
+  }
+});
 
 // src/storage/adapters/react-native-adapter.ts
 var AsyncStorage = null;
@@ -7656,6 +8045,6 @@ function useElectronStorage(key, defaultValue) {
   return useStorage(electronStorage, key, defaultValue);
 }
 
-export { About_default as About, Dialog as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, DialogDescription as AlertDialogDescription, DialogFooter as AlertDialogFooter, DialogHeader as AlertDialogHeader, DialogOverlay as AlertDialogOverlay, DialogPortal as AlertDialogPortal, DialogTitle as AlertDialogTitle, DialogTrigger as AlertDialogTrigger, AutoOpenModal, Avatar, AvatarFallback, AvatarImage, BackButton, BackgroundRemover, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryFilter, CollisionBalls, CompletionFilterComponent, ConfirmModal, ConsoleLoggerAdapter, Contact_default as Contact, DANMAKU_MAX_LENGTH, DANMAKU_TRACK_COUNT, DEFAULT_MAX_ACTIVE_FIREWORKS, DEFAULT_MAX_PARTICLES, DEFAULT_OPENAI_BASE_URL, DEFAULT_OPENAI_MODEL, DanmakuPanel, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DraggableExperimentGrid, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EnhancedAvatar, ExperimentCard, ExperimentGrid, ExperimentItemGrid, FIREWORK_KIND_LABELS, FestivalCard3D, FilterButtonGroup, FireworksCanvas, FireworksControlPanel, FloatingMenu_default as FloatingMenu, FloatingMenuExample_default as FloatingMenuExample, GenericOrderManager, Grid, Home_default as Home, ImageMappingPanel, InMemorySkillRegistry, Input, Label, LocalImageMappingPanel, LogLevel, Logger, MIKU_PALETTE, MikuFireworks3D, Modal, NORMAL_PALETTE, Navigation_default as Navigation, NavigationItem_default as NavigationItem, NavigationToggle_default as NavigationToggle, OCRScanner, PageHeader, PermissionGuard, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ProfileButton, ProfileModal, Progress, ProjectCarousel, ScreenReceiverPanel, ScrollArea, ScrollBar, SearchBox, SearchResultHint, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SentimentAnalyzer, Separator, Dialog as Sheet, DialogClose as SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, DialogOverlay as SheetOverlay, DialogPortal as SheetPortal, SheetTitle, DialogTrigger as SheetTrigger, SmartAssistant, SortControl, SortModeToggle, SortableExperimentItem, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Timeline, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UserInfoBar, WebSocketTransport, applyPromptTemplate, arrayUtils, badgeVariants, buttonVariants, cn, createAiClient, createChatSession, createLogger, createOpenAICompatibleProvider, createSkillRegistry, debugUtils, errorUtils, fileUtils, filterExperiments, formatTime, getAllTags, getCategoryColor, getCategoryDisplayName, getCompletionFilterDisplayName, getCompletionStatusColor, getCompletionStatusText, getExperimentCounts, japaneseUtils, logger, normalizePromptVariables, resolveScreenReceiverSignalUrl, skillToToolDefinition, sortExperiments, stringUtils, useAiChat, useAsyncStorage, useBackgroundRemoval, useDanmakuController, useElectronStorage, useFireworksEngine, useFireworksRealtime, useLocalStorage, useOCR, useScreenReceiver, useSentimentAnalysis, useStorage, useTaroStorage, useTextGeneration, validateExperiment, validators };
+export { About_default as About, Dialog as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, DialogDescription as AlertDialogDescription, DialogFooter as AlertDialogFooter, DialogHeader as AlertDialogHeader, DialogOverlay as AlertDialogOverlay, DialogPortal as AlertDialogPortal, DialogTitle as AlertDialogTitle, DialogTrigger as AlertDialogTrigger, AutoOpenModal, Avatar, AvatarFallback, AvatarImage, BackButton, BackgroundRemover, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryFilter, CollisionBalls, CompletionFilterComponent, ConfirmModal, ConsoleLoggerAdapter, Contact_default as Contact, DANMAKU_MAX_LENGTH, DANMAKU_TRACK_COUNT, DEFAULT_FESTIVAL_CARD_CONFIG, DEFAULT_MAX_ACTIVE_FIREWORKS, DEFAULT_MAX_PARTICLES, DEFAULT_OPENAI_BASE_URL, DEFAULT_OPENAI_MODEL, DanmakuPanel, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DraggableExperimentGrid, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EnhancedAvatar, ExperimentCard, ExperimentGrid, ExperimentItemGrid, FIREWORK_KIND_LABELS, FestivalCardBook3D, FestivalCardConfigEditor, FestivalCardPageRenderer, FestivalCardService, FestivalCardStudio, FilterButtonGroup, FireworksCanvas, FireworksControlPanel, FloatingMenu_default as FloatingMenu, FloatingMenuExample_default as FloatingMenuExample, GenericOrderManager, Grid, Home_default as Home, ImageMappingPanel, InMemorySkillRegistry, Input, Label, LocalImageMappingPanel, LogLevel, Logger, MIKU_PALETTE, MikuFireworks3D, Modal, NORMAL_PALETTE, Navigation_default as Navigation, NavigationItem_default as NavigationItem, NavigationToggle_default as NavigationToggle, OCRScanner, PageHeader, PermissionGuard, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ProfileButton, ProfileModal, Progress, ProjectCarousel, ScreenReceiverPanel, ScrollArea, ScrollBar, SearchBox, SearchResultHint, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SentimentAnalyzer, Separator, Dialog as Sheet, DialogClose as SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, DialogOverlay as SheetOverlay, DialogPortal as SheetPortal, SheetTitle, DialogTrigger as SheetTrigger, SmartAssistant, SortControl, SortModeToggle, SortableExperimentItem, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Timeline, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UserInfoBar, WebSocketTransport, applyPromptTemplate, arrayUtils, badgeVariants, buttonVariants, cn, createAiClient, createChatSession, createInMemoryFestivalCardDb, createLogger, createOpenAICompatibleProvider, createSkillRegistry, debugUtils, errorUtils, fileUtils, filterExperiments, formatTime, getAllTags, getCategoryColor, getCategoryDisplayName, getCompletionFilterDisplayName, getCompletionStatusColor, getCompletionStatusText, getExperimentCounts, japaneseUtils, logger, normalizeFestivalCardConfig, normalizePromptVariables, resizeFestivalCardPages, resolveScreenReceiverSignalUrl, skillToToolDefinition, sortExperiments, stringUtils, useAiChat, useAsyncStorage, useBackgroundRemoval, useDanmakuController, useElectronStorage, useFestivalCardConfig, useFireworksEngine, useFireworksRealtime, useLocalStorage, useOCR, useScreenReceiver, useSentimentAnalysis, useStorage, useTaroStorage, useTextGeneration, validateExperiment, validators };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map