whale-code 6.5.6 → 6.5.8

package/dist/server/handlers/creations-crud.test.js

@@ -0,0 +1,260 @@
+// creations-crud.test.ts — Tests for handleCreations: unknown action, find, get, create
+
+import { describe, it, expect, vi, beforeAll, beforeEach, afterEach } from "vitest";
+import { HAS_TEST_DB, getTestClient, seedTracked, cleanup, TEST_STORE, RUN_PREFIX } from "./__test-utils__/test-db.js";
+import { randomUUID } from "node:crypto";
+
+// ---------------------------------------------------------------------------
+// Mock dependencies
+// ---------------------------------------------------------------------------
+
+const mockHandleLLM = vi.fn();
+vi.mock("./llm-providers.js", () => ({
+  handleLLM: (...args) => mockHandleLLM(...args)
+}));
+const mockHandleBrowser = vi.fn();
+vi.mock("./browser.js", () => ({
+  handleBrowser: (...args) => mockHandleBrowser(...args)
+}));
+vi.mock("../lib/utils.js", () => ({
+  sanitizeFilterValue: vi.fn(v => v)
+}));
+vi.mock("../../shared/constants.js", () => ({
+  MODELS: {
+    OPUS: "claude-opus-4-6",
+    SONNET: "claude-sonnet-4-6",
+    SONNET_4: "claude-sonnet-4-20250514",
+    HAIKU: "claude-haiku-4-5-20251001"
+  }
+}));
+import { handleCreations } from "./creations.js";
+const sb = getTestClient();
+
+// ---------------------------------------------------------------------------
+// Test data helpers
+// ---------------------------------------------------------------------------
+
+function makeCreationRow(overrides = {}) {
+  return {
+    id: randomUUID(),
+    store_id: TEST_STORE,
+    name: `${RUN_PREFIX} Menu Display`,
+    creation_type: "display",
+    status: "draft",
+    slug: `${RUN_PREFIX}-menu-display-${randomUUID().slice(0, 6)}`,
+    display_mode: "fullscreen",
+    visibility: "public",
+    location_id: null,
+    thumbnail_url: null,
+    description: "A TV menu",
+    react_code: "export default function Creation() { return <div>Menu</div>; }",
+    data_config: {},
+    theme_config: {},
+    layout_config: {},
+    ...overrides
+  };
+}
+
+// ---------------------------------------------------------------------------
+// Tests
+// ---------------------------------------------------------------------------
+
+describe.skipIf(!HAS_TEST_DB)("handleCreations — CRUD", () => {
+  beforeAll(async () => {
+    await sb.storage.createBucket("product-images", {
+      public: true
+    }).catch(() => {});
+  });
+  beforeEach(() => {
+    vi.restoreAllMocks();
+    vi.clearAllMocks();
+  });
+  afterEach(async () => {
+    vi.restoreAllMocks();
+    await cleanup();
+  });
+  describe("unknown action", () => {
+    it("returns error for unrecognized action", async () => {
+      const result = await handleCreations(sb, {
+        action: "nonexistent"
+      }, TEST_STORE);
+      expect(result.success).toBe(false);
+      expect(result.error).toContain("Unknown creations action");
+    });
+    it("lists valid actions in error message", async () => {
+      const result = await handleCreations(sb, {
+        action: "bad"
+      }, TEST_STORE);
+      expect(result.error).toContain("find");
+      expect(result.error).toContain("get");
+      expect(result.error).toContain("create");
+      expect(result.error).toContain("generate");
+    });
+  });
+  describe("action: find", () => {
+    it("returns creations for the store", async () => {
+      await seedTracked("creations", [makeCreationRow({
+        name: `${RUN_PREFIX} Display A`
+      }), makeCreationRow({
+        name: `${RUN_PREFIX} Display B`
+      })]);
+      const result = await handleCreations(sb, {
+        action: "find"
+      }, TEST_STORE);
+      expect(result.success).toBe(true);
+      const data = result.data;
+      expect(data.count).toBeGreaterThanOrEqual(2);
+    });
+    it("filters by creation_type", async () => {
+      await seedTracked("creations", [makeCreationRow({
+        creation_type: "display"
+      }), makeCreationRow({
+        creation_type: "landing"
+      })]);
+      const result = await handleCreations(sb, {
+        action: "find",
+        creation_type: "display"
+      }, TEST_STORE);
+      expect(result.success).toBe(true);
+    });
+    it("filters by status", async () => {
+      await seedTracked("creations", [makeCreationRow({
+        status: "draft"
+      }), makeCreationRow({
+        status: "published"
+      })]);
+      const result = await handleCreations(sb, {
+        action: "find",
+        status: "published"
+      }, TEST_STORE);
+      expect(result.success).toBe(true);
+    });
+    it("filters by visibility", async () => {
+      await seedTracked("creations", [makeCreationRow({
+        visibility: "public"
+      }), makeCreationRow({
+        visibility: "private"
+      })]);
+      const result = await handleCreations(sb, {
+        action: "find",
+        visibility: "public"
+      }, TEST_STORE);
+      expect(result.success).toBe(true);
+    });
+    it("respects limit parameter", async () => {
+      await seedTracked("creations", [makeCreationRow(), makeCreationRow(), makeCreationRow()]);
+      const result = await handleCreations(sb, {
+        action: "find",
+        limit: 2
+      }, TEST_STORE);
+      expect(result.success).toBe(true);
+    });
+    it("caps limit at 100", async () => {
+      const result = await handleCreations(sb, {
+        action: "find",
+        limit: 500
+      }, TEST_STORE);
+      expect(result.success).toBe(true);
+    });
+  });
+  describe("action: get", () => {
+    it("returns full creation with collections", async () => {
+      const [creation] = await seedTracked("creations", [makeCreationRow()]);
+      const result = await handleCreations(sb, {
+        action: "get",
+        creation_id: creation.id
+      }, TEST_STORE);
+      expect(result.success).toBe(true);
+      const data = result.data;
+      expect(data.name).toContain(RUN_PREFIX);
+      expect(data).toHaveProperty("collections");
+      expect(data).toHaveProperty("storefront_url");
+    });
+    it("returns error when creation_id is missing", async () => {
+      const result = await handleCreations(sb, {
+        action: "get"
+      }, TEST_STORE);
+      expect(result.success).toBe(false);
+      expect(result.error).toContain("creation_id is required");
+    });
+    it("returns error when creation not found", async () => {
+      const result = await handleCreations(sb, {
+        action: "get",
+        creation_id: randomUUID()
+      }, TEST_STORE);
+      expect(result.success).toBe(false);
+    });
+  });
+  describe("action: create", () => {
+    it("creates a creation with minimal fields", async () => {
+      const result = await handleCreations(sb, {
+        action: "create",
+        name: `${RUN_PREFIX} New Display`
+      }, TEST_STORE);
+      expect(result.success).toBe(true);
+      const data = result.data;
+      expect(data.name).toContain(`${RUN_PREFIX} New Display`);
+      expect(data).toHaveProperty("storefront_url");
+    });
+    it("returns error when name is missing", async () => {
+      const result = await handleCreations(sb, {
+        action: "create"
+      }, TEST_STORE);
+      expect(result.success).toBe(false);
+      expect(result.error).toContain("name is required");
+    });
+    it("generates slug from name", async () => {
+      const result = await handleCreations(sb, {
+        action: "create",
+        name: `${RUN_PREFIX} My Cool Menu`
+      }, TEST_STORE);
+      expect(result.success).toBe(true);
+    });
+    it("uses provided slug when given", async () => {
+      const result = await handleCreations(sb, {
+        action: "create",
+        name: `${RUN_PREFIX} Display`,
+        slug: `${RUN_PREFIX}-custom-slug`
+      }, TEST_STORE);
+      expect(result.success).toBe(true);
+    });
+    it("sets default creation_type to display", async () => {
+      const result = await handleCreations(sb, {
+        action: "create",
+        name: `${RUN_PREFIX} DefaultType`
+      }, TEST_STORE);
+      expect(result.success).toBe(true);
+    });
+    it("sets default status to draft", async () => {
+      const result = await handleCreations(sb, {
+        action: "create",
+        name: `${RUN_PREFIX} DefaultStatus`
+      }, TEST_STORE);
+      expect(result.success).toBe(true);
+    });
+    it("accepts all optional fields", async () => {
+      const result = await handleCreations(sb, {
+        action: "create",
+        name: `${RUN_PREFIX} Full Creation`,
+        creation_type: "landing",
+        status: "published",
+        react_code: "<div>Hello</div>",
+        description: "Landing page",
+        display_mode: "standard",
+        visibility: "private",
+        location_id: null,
+        data_config: {
+          key: "value"
+        },
+        theme_config: {
+          dark: true
+        },
+        layout_config: {
+          columns: 2
+        },
+        thumbnail_url: "https://example.com/thumb.png"
+      }, TEST_STORE);
+      expect(result.success).toBe(true);
+    });
+  });
+});

package/dist/server/handlers/creations-generate.d.ts

@@ -0,0 +1,21 @@
+import type { SupabaseClient } from "@supabase/supabase-js";
+export declare function actionGenerate(sb: SupabaseClient, sid: string, args: Record<string, unknown>, storeId?: string): Promise<{
+    success: boolean;
+    data?: unknown;
+    error?: string;
+}>;
+export declare function actionAddToCollection(sb: SupabaseClient, args: Record<string, unknown>): Promise<{
+    success: boolean;
+    data?: unknown;
+    error?: string;
+}>;
+export declare function actionRemoveFromCollection(sb: SupabaseClient, args: Record<string, unknown>): Promise<{
+    success: boolean;
+    data?: unknown;
+    error?: string;
+}>;
+export declare function actionPreview(sb: SupabaseClient, sid: string, args: Record<string, unknown>, storeId?: string): Promise<{
+    success: boolean;
+    data?: unknown;
+    error?: string;
+}>;

package/dist/server/handlers/creations-generate.js

@@ -0,0 +1,256 @@
+// creations-generate.ts — AI generation, collection management, and preview for creations
+
+import { MODELS } from "../../shared/constants.js";
+import { handleLLM } from "./llm-providers.js";
+import { handleBrowser } from "./browser.js";
+import { slugify, STOREFRONT_URL, CREATION_LIST_COLS } from "./creations-crud.js";
+
+// ============================================================================
+// GENERATION SYSTEM PROMPT
+// ============================================================================
+
+const GENERATION_SYSTEM_PROMPT = `You are a React component generator for a digital signage / storefront creation platform.
+
+## Output Format
+Return ONLY the React component code. No markdown fences, no explanation, no imports.
+The code will be rendered inside an iframe with these globals already available:
+- React, ReactDOM (via CDN)
+- Tailwind CSS (via CDN)
+- Recharts (for charts/graphs)
+- Three.js + @react-three/fiber (for 3D)
+- Framer Motion (for animations)
+- GSAP (for complex animations)
+- Lucide React (for icons)
+
+## Component Pattern
+Write a single default export function component:
+\`\`\`
+export default function Creation() {
+  // Use React.useState, React.useEffect etc.
+  return <div>...</div>;
+}
+\`\`\`
+
+## Data Access
+The component receives store data via the useStore hook:
+\`\`\`
+const { products, store, categories } = useStore();
+\`\`\`
+
+Product shape:
+{ id, name, sku, description, short_description, status, type,
+  cost_price, wholesale_price, stock_quantity, featured,
+  custom_fields: { thca_percentage, strain_type, terpenes, effects, cbd_total, ... },
+  pricing_data: { mode, tiers: [{ label, quantity, unit, price }] },
+  category: { id, name } }
+
+Store shape:
+{ name, logo_url, primary_color, secondary_color }
+
+## Design Conventions
+- Dark theme by default (bg-gray-900/950, text-white)
+- Use Tailwind utility classes
+- Responsive design with grid/flex layouts
+- Smooth animations with Framer Motion or CSS transitions
+- Professional typography with clear hierarchy
+- Brand colors from store.primary_color / store.secondary_color when available
+
+## Types of Creations
+- display: Full-screen menu display for TV monitors, auto-rotating categories
+- landing: Marketing/promotional landing page
+- dashboard: Analytics or status display
+- component: Reusable UI component
+- artifact: Standalone interactive piece`;
+
+// ============================================================================
+// GENERATE ACTION
+// ============================================================================
+
+export async function actionGenerate(sb, sid, args, storeId) {
+  const prompt = args.prompt;
+  if (!prompt) return {
+    success: false,
+    error: "prompt is required"
+  };
+  const creationType = args.creation_type || "display";
+  const name = args.name || `AI: ${prompt.substring(0, 60)}`;
+
+  // Generate React code via LLM handler
+  const llmResult = await handleLLM(sb, {
+    action: "complete",
+    prompt: `Create a ${creationType} React component for: ${prompt}`,
+    system: GENERATION_SYSTEM_PROMPT,
+    provider: "anthropic",
+    model: MODELS.SONNET,
+    max_tokens: 8192,
+    temperature: 0.7
+  }, storeId);
+  if (!llmResult.success) {
+    return {
+      success: false,
+      error: `Code generation failed: ${llmResult.error}`
+    };
+  }
+  const llmData = llmResult.data;
+  let reactCode = llmData.text;
+
+  // Strip markdown code fences if present
+  reactCode = reactCode.replace(/^```(?:jsx?|tsx?|react)?\s*\n?/m, "").replace(/\n?```\s*$/m, "").trim();
+
+  // Save as draft creation
+  const {
+    data: creation,
+    error: createErr
+  } = await sb.from("creations").insert({
+    store_id: sid,
+    name,
+    slug: slugify(name),
+    creation_type: creationType,
+    status: "draft",
+    react_code: reactCode,
+    description: `AI-generated from prompt: ${prompt}`
+  }).select(CREATION_LIST_COLS).single();
+  if (createErr) return {
+    success: false,
+    error: createErr.message
+  };
+  return {
+    success: true,
+    data: {
+      ...creation,
+      storefront_url: `${STOREFRONT_URL}/creations/${creation.slug || creation.id}`,
+      tokens_used: llmData.tokens,
+      code_length: reactCode.length
+    }
+  };
+}
+
+// ============================================================================
+// COLLECTION ACTIONS
+// ============================================================================
+
+export async function actionAddToCollection(sb, args) {
+  const creationId = args.creation_id;
+  const collectionId = args.collection_id;
+  if (!creationId || !collectionId) {
+    return {
+      success: false,
+      error: "creation_id and collection_id are required"
+    };
+  }
+  const insert = {
+    creation_id: creationId,
+    collection_id: collectionId
+  };
+  if (args.position !== undefined) insert.position = args.position;
+  if (args.label) insert.label = args.label;
+  const {
+    data,
+    error
+  } = await sb.from("creation_collection_items").insert(insert).select("id, creation_id, collection_id, position, label").single();
+  if (error) return {
+    success: false,
+    error: error.message
+  };
+  return {
+    success: true,
+    data
+  };
+}
+export async function actionRemoveFromCollection(sb, args) {
+  const creationId = args.creation_id;
+  const collectionId = args.collection_id;
+  if (!creationId || !collectionId) {
+    return {
+      success: false,
+      error: "creation_id and collection_id are required"
+    };
+  }
+  const {
+    error
+  } = await sb.from("creation_collection_items").delete().eq("creation_id", creationId).eq("collection_id", collectionId);
+  if (error) return {
+    success: false,
+    error: error.message
+  };
+  return {
+    success: true,
+    data: {
+      removed: true,
+      creation_id: creationId,
+      collection_id: collectionId
+    }
+  };
+}
+
+// ============================================================================
+// PREVIEW ACTION
+// ============================================================================
+
+export async function actionPreview(sb, sid, args, storeId) {
+  const creationId = args.creation_id;
+  if (!creationId) return {
+    success: false,
+    error: "creation_id is required"
+  };
+
+  // Get creation to build URL
+  const {
+    data: creation,
+    error: fetchErr
+  } = await sb.from("creations").select("id, slug, name").eq("id", creationId).eq("store_id", sid).single();
+  if (fetchErr) return {
+    success: false,
+    error: fetchErr.message
+  };
+  const previewUrl = `${STOREFRONT_URL}/creations/${creation.slug || creation.id}`;
+
+  // Take screenshot via browser handler
+  const browserResult = await handleBrowser(sb, {
+    action: "screenshot",
+    url: previewUrl
+  }, storeId);
+  if (!browserResult.success) {
+    return {
+      success: false,
+      error: `Screenshot failed: ${browserResult.error}`
+    };
+  }
+  const screenshotData = browserResult.data;
+
+  // Upload to Supabase storage
+  const fileName = `creation-${creationId}.png`;
+  const storagePath = `creations/${sid}/${fileName}`;
+  const buffer = Buffer.from(screenshotData.screenshot_base64, "base64");
+  const {
+    error: uploadErr
+  } = await sb.storage.from("product-images").upload(storagePath, buffer, {
+    contentType: "image/png",
+    upsert: true
+  });
+  if (uploadErr) {
+    return {
+      success: false,
+      error: `Upload failed: ${uploadErr.message}`
+    };
+  }
+  const {
+    data: urlData
+  } = sb.storage.from("product-images").getPublicUrl(storagePath);
+  const thumbnailUrl = urlData.publicUrl;
+
+  // Update creation with thumbnail
+  await sb.from("creations").update({
+    thumbnail_url: thumbnailUrl,
+    updated_at: new Date().toISOString()
+  }).eq("id", creationId).eq("store_id", sid);
+  return {
+    success: true,
+    data: {
+      creation_id: creationId,
+      thumbnail_url: thumbnailUrl,
+      size_bytes: buffer.length
+    }
+  };
+}
+//# sourceMappingURL=creations-generate.js.map

package/dist/server/handlers/creations-generate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"creations-generate.js","names":["MODELS","handleLLM","handleBrowser","slugify","STOREFRONT_URL","CREATION_LIST_COLS","GENERATION_SYSTEM_PROMPT","actionGenerate","sb","sid","args","storeId","prompt","success","error","creationType","creation_type","name","substring","llmResult","action","system","provider","model","SONNET","max_tokens","temperature","llmData","data","reactCode","text","replace","trim","creation","createErr","from","insert","store_id","slug","status","react_code","description","select","single","message","storefront_url","id","tokens_used","tokens","code_length","length","actionAddToCollection","creationId","creation_id","collectionId","collection_id","position","undefined","label","actionRemoveFromCollection","delete","eq","removed","actionPreview","fetchErr","previewUrl","browserResult","url","screenshotData","fileName","storagePath","buffer","Buffer","screenshot_base64","uploadErr","storage","upload","contentType","upsert","urlData","getPublicUrl","thumbnailUrl","publicUrl","update","thumbnail_url","updated_at","Date","toISOString","size_bytes"],"sources":["../../../src/server/handlers/creations-generate.ts"],"sourcesContent":["// creations-generate.ts — AI generation, collection management, and preview for creations\n\nimport type { SupabaseClient } from \"@supabase/supabase-js\";\nimport { MODELS } from \"../../shared/constants.js\";\nimport { handleLLM } from \"./llm-providers.js\";\nimport { handleBrowser } from \"./browser.js\";\nimport { slugify, STOREFRONT_URL, CREATION_LIST_COLS } from \"./creations-crud.js\";\n\n// ============================================================================\n// GENERATION SYSTEM PROMPT\n// ============================================================================\n\nconst GENERATION_SYSTEM_PROMPT = `You are a React component generator for a digital signage / storefront creation platform.\n\n## Output Format\nReturn ONLY the React component code. No markdown fences, no explanation, no imports.\nThe code will be rendered inside an iframe with these globals already available:\n- React, ReactDOM (via CDN)\n- Tailwind CSS (via CDN)\n- Recharts (for charts/graphs)\n- Three.js + @react-three/fiber (for 3D)\n- Framer Motion (for animations)\n- GSAP (for complex animations)\n- Lucide React (for icons)\n\n## Component Pattern\nWrite a single default export function component:\n\\`\\`\\`\nexport default function Creation() {\n  // Use React.useState, React.useEffect etc.\n  return <div>...</div>;\n}\n\\`\\`\\`\n\n## Data Access\nThe component receives store data via the useStore hook:\n\\`\\`\\`\nconst { products, store, categories } = useStore();\n\\`\\`\\`\n\nProduct shape:\n{ id, name, sku, description, short_description, status, type,\n  cost_price, wholesale_price, stock_quantity, featured,\n  custom_fields: { thca_percentage, strain_type, terpenes, effects, cbd_total, ... },\n  pricing_data: { mode, tiers: [{ label, quantity, unit, price }] },\n  category: { id, name } }\n\nStore shape:\n{ name, logo_url, primary_color, secondary_color }\n\n## Design Conventions\n- Dark theme by default (bg-gray-900/950, text-white)\n- Use Tailwind utility classes\n- Responsive design with grid/flex layouts\n- Smooth animations with Framer Motion or CSS transitions\n- Professional typography with clear hierarchy\n- Brand colors from store.primary_color / store.secondary_color when available\n\n## Types of Creations\n- display: Full-screen menu display for TV monitors, auto-rotating categories\n- landing: Marketing/promotional landing page\n- dashboard: Analytics or status display\n- component: Reusable UI component\n- artifact: Standalone interactive piece`;\n\n// ============================================================================\n// GENERATE ACTION\n// ============================================================================\n\nexport async function actionGenerate(\n  sb: SupabaseClient, sid: string, args: Record<string, unknown>, storeId?: string,\n): Promise<{ success: boolean; data?: unknown; error?: string }> {\n  const prompt = args.prompt as string;\n  if (!prompt) return { success: false, error: \"prompt is required\" };\n\n  const creationType = (args.creation_type as string) || \"display\";\n  const name = (args.name as string) || `AI: ${prompt.substring(0, 60)}`;\n\n  // Generate React code via LLM handler\n  const llmResult = await handleLLM(sb, {\n    action: \"complete\",\n    prompt: `Create a ${creationType} React component for: ${prompt}`,\n    system: GENERATION_SYSTEM_PROMPT,\n    provider: \"anthropic\",\n    model: MODELS.SONNET,\n    max_tokens: 8192,\n    temperature: 0.7,\n  }, storeId);\n\n  if (!llmResult.success) {\n    return { success: false, error: `Code generation failed: ${llmResult.error}` };\n  }\n\n  const llmData = llmResult.data as { text: string; tokens: { input: number; output: number } };\n  let reactCode = llmData.text;\n\n  // Strip markdown code fences if present\n  reactCode = reactCode\n    .replace(/^```(?:jsx?|tsx?|react)?\\s*\\n?/m, \"\")\n    .replace(/\\n?```\\s*$/m, \"\")\n    .trim();\n\n  // Save as draft creation\n  const { data: creation, error: createErr } = await sb\n    .from(\"creations\")\n    .insert({\n      store_id: sid,\n      name,\n      slug: slugify(name),\n      creation_type: creationType,\n      status: \"draft\",\n      react_code: reactCode,\n      description: `AI-generated from prompt: ${prompt}`,\n    })\n    .select(CREATION_LIST_COLS)\n    .single();\n\n  if (createErr) return { success: false, error: createErr.message };\n\n  return {\n    success: true,\n    data: {\n      ...creation,\n      storefront_url: `${STOREFRONT_URL}/creations/${creation.slug || creation.id}`,\n      tokens_used: llmData.tokens,\n      code_length: reactCode.length,\n    },\n  };\n}\n\n// ============================================================================\n// COLLECTION ACTIONS\n// ============================================================================\n\nexport async function actionAddToCollection(\n  sb: SupabaseClient, args: Record<string, unknown>,\n): Promise<{ success: boolean; data?: unknown; error?: string }> {\n  const creationId = args.creation_id as string;\n  const collectionId = args.collection_id as string;\n  if (!creationId || !collectionId) {\n    return { success: false, error: \"creation_id and collection_id are required\" };\n  }\n\n  const insert: Record<string, unknown> = {\n    creation_id: creationId,\n    collection_id: collectionId,\n  };\n  if (args.position !== undefined) insert.position = args.position;\n  if (args.label) insert.label = args.label;\n\n  const { data, error } = await sb\n    .from(\"creation_collection_items\")\n    .insert(insert)\n    .select(\"id, creation_id, collection_id, position, label\")\n    .single();\n\n  if (error) return { success: false, error: error.message };\n  return { success: true, data };\n}\n\nexport async function actionRemoveFromCollection(\n  sb: SupabaseClient, args: Record<string, unknown>,\n): Promise<{ success: boolean; data?: unknown; error?: string }> {\n  const creationId = args.creation_id as string;\n  const collectionId = args.collection_id as string;\n  if (!creationId || !collectionId) {\n    return { success: false, error: \"creation_id and collection_id are required\" };\n  }\n\n  const { error } = await sb\n    .from(\"creation_collection_items\")\n    .delete()\n    .eq(\"creation_id\", creationId)\n    .eq(\"collection_id\", collectionId);\n\n  if (error) return { success: false, error: error.message };\n  return { success: true, data: { removed: true, creation_id: creationId, collection_id: collectionId } };\n}\n\n// ============================================================================\n// PREVIEW ACTION\n// ============================================================================\n\nexport async function actionPreview(\n  sb: SupabaseClient, sid: string, args: Record<string, unknown>, storeId?: string,\n): Promise<{ success: boolean; data?: unknown; error?: string }> {\n  const creationId = args.creation_id as string;\n  if (!creationId) return { success: false, error: \"creation_id is required\" };\n\n  // Get creation to build URL\n  const { data: creation, error: fetchErr } = await sb\n    .from(\"creations\")\n    .select(\"id, slug, name\")\n    .eq(\"id\", creationId)\n    .eq(\"store_id\", sid)\n    .single();\n\n  if (fetchErr) return { success: false, error: fetchErr.message };\n\n  const previewUrl = `${STOREFRONT_URL}/creations/${creation.slug || creation.id}`;\n\n  // Take screenshot via browser handler\n  const browserResult = await handleBrowser(sb, {\n    action: \"screenshot\",\n    url: previewUrl,\n  }, storeId);\n\n  if (!browserResult.success) {\n    return { success: false, error: `Screenshot failed: ${browserResult.error}` };\n  }\n\n  const screenshotData = browserResult.data as { screenshot_base64: string; size_bytes: number };\n\n  // Upload to Supabase storage\n  const fileName = `creation-${creationId}.png`;\n  const storagePath = `creations/${sid}/${fileName}`;\n  const buffer = Buffer.from(screenshotData.screenshot_base64, \"base64\");\n\n  const { error: uploadErr } = await sb.storage\n    .from(\"product-images\")\n    .upload(storagePath, buffer, {\n      contentType: \"image/png\",\n      upsert: true,\n    });\n\n  if (uploadErr) {\n    return { success: false, error: `Upload failed: ${uploadErr.message}` };\n  }\n\n  const { data: urlData } = sb.storage.from(\"product-images\").getPublicUrl(storagePath);\n  const thumbnailUrl = urlData.publicUrl;\n\n  // Update creation with thumbnail\n  await sb\n    .from(\"creations\")\n    .update({ thumbnail_url: thumbnailUrl, updated_at: new Date().toISOString() })\n    .eq(\"id\", creationId)\n    .eq(\"store_id\", sid);\n\n  return {\n    success: true,\n    data: {\n      creation_id: creationId,\n      thumbnail_url: thumbnailUrl,\n      size_bytes: buffer.length,\n    },\n  };\n}\n"],"mappings":"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","ignoreList":[]}