@drawnagency/primitives 0.1.117 → 0.1.119

package/dist/deck-builder/index.js

@@ -1,1498 +0,0 @@
-import {
-  DeckMediaProvider,
-  DeckSlideView,
-  DeckStage,
-  DeckTextEditProvider
-} from "../chunk-TEOAKGZA.js";
-import {
-  Popover,
-  PopoverItem,
-  Tooltip
-} from "../chunk-JCDZAFX2.js";
-import {
-  computeReorderTarget
-} from "../chunk-DIMDRBFK.js";
-import {
-  Button
-} from "../chunk-GGYY3JQJ.js";
-import {
-  IconButton
-} from "../chunk-IIDKW7AV.js";
-import {
-  deleteDeckDraft,
-  getDeckDraft,
-  hasUnpublishedChanges,
-  initDeckDraftStore,
-  listDeckDrafts,
-  markDeckDraftPublished,
-  putDeckDraft,
-  recordDeckPublish
-} from "../chunk-FV7JQRCN.js";
-import {
-  formatTimestamp
-} from "../chunk-MM7KZS5C.js";
-import {
-  ensureSanitizer,
-  sanitizeHtml
-} from "../chunk-QQ3S3P5P.js";
-import {
-  cn
-} from "../chunk-7EOSDFS3.js";
-import {
-  DECK_SCHEMA_VERSION,
-  DeckSchema,
-  parseDeck
-} from "../chunk-VAYZJKVR.js";
-import "../chunk-JSBRDJBE.js";
-
-// src/deck-builder/DeckBuilderApp.tsx
-import { MessageSquareIcon, PlusIcon as PlusIcon2 } from "lucide-react";
-import { useCallback as useCallback2, useEffect as useEffect5, useMemo as useMemo3, useRef as useRef5, useState as useState5 } from "react";
-
-// src/deck-builder/DeckChatPanel.tsx
-import { ChevronRight, SquarePen } from "lucide-react";
-import { useCallback, useEffect as useEffect2, useRef as useRef2, useState } from "react";
-
-// src/components/chat/ChatComposer.tsx
-import { useEffect, useRef } from "react";
-import { Square } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function ChatComposer({
-  value,
-  onChange,
-  onSend,
-  onStop,
-  busy,
-  placeholder,
-  disabled,
-  className,
-  textareaRef,
-  maxLength = 4e3
-}) {
-  const ownRef = useRef(null);
-  const ref = textareaRef ?? ownRef;
-  useEffect(() => {
-    const el = ref.current;
-    if (!el) return;
-    el.style.height = "auto";
-    el.style.height = `${el.scrollHeight}px`;
-  }, [value, ref]);
-  function onKeyDown(e) {
-    if (e.key === "Enter" && !e.shiftKey) {
-      e.preventDefault();
-      onSend();
-    }
-  }
-  return /* @__PURE__ */ jsxs(
-    "form",
-    {
-      className: cn("flex shrink-0 items-end gap-2 border-t border-base-200 p-2", className),
-      onSubmit: (e) => {
-        e.preventDefault();
-        onSend();
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          "textarea",
-          {
-            ref,
-            rows: 1,
-            value,
-            onChange: (e) => onChange(e.target.value),
-            onKeyDown,
-            placeholder,
-            maxLength,
-            disabled,
-            className: "max-h-[5.625rem] min-w-0 flex-1 resize-none overflow-y-auto rounded-inner border border-base-200 bg-base px-2 py-1 text-sm text-base-contrast focus:bg-[color-mix(in_srgb,var(--color-base),var(--color-base-contrast)_5%)] focus:outline-none disabled:opacity-60"
-          }
-        ),
-        busy && onStop ? /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            "aria-label": "Stop",
-            onClick: onStop,
-            className: "flex cursor-pointer items-center rounded-inner bg-primary px-3 py-1.5 text-sm text-primary-contrast",
-            children: /* @__PURE__ */ jsx(Square, { size: 12, fill: "currentColor", "aria-hidden": "true" })
-          }
-        ) : /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "submit",
-            "aria-label": "Send",
-            disabled: busy || disabled,
-            className: "rounded-inner bg-primary px-3 py-1 text-sm text-primary-contrast disabled:opacity-50",
-            children: "\u2192"
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/components/chat/markdown.ts
-import { marked } from "marked";
-function assistantHtml(md) {
-  return sanitizeHtml(marked.parse(md, { async: false, gfm: true, breaks: true }));
-}
-var MD_STYLES = "[&_p:not(:first-child)]:mt-2 [&_ul]:mt-1 [&_ul]:list-disc [&_ul]:pl-4 [&_ol]:mt-1 [&_ol]:list-decimal [&_ol]:pl-4 [&_li:not(:first-child)]:mt-1 [&_a]:underline [&_a]:underline-offset-2 [&_a]:text-primary [&_code]:rounded-inner [&_code]:bg-base-200 [&_code]:px-1 [&_code]:font-mono [&_code]:text-[0.8em] [&_pre]:mt-2 [&_pre]:overflow-x-auto [&_pre]:rounded-inner [&_pre]:bg-base-200 [&_pre]:p-2 [&_h1]:mt-2 [&_h1]:font-semibold [&_h2]:mt-2 [&_h2]:font-semibold [&_h3]:mt-2 [&_h3]:font-semibold [&_h4]:mt-2 [&_h4]:font-semibold [&_blockquote]:mt-2 [&_blockquote]:border-l-2 [&_blockquote]:border-base-200 [&_blockquote]:pl-2";
-var USER_BUBBLE_CLASS = "ml-auto max-w-[85%] whitespace-pre-wrap rounded-outer bg-primary px-3 py-2 text-sm text-primary-contrast";
-
-// src/deck-builder/deck-chat-client.ts
-var DECK_CHAT_ERROR_COPY = {
-  rate_limited: "You've hit the deck-building limit \u2014 try again later.",
-  disabled: "Deck building isn't available on this site right now.",
-  not_authorized: "You don't have access to build decks here.",
-  invalid_deck: "The assistant couldn't produce a valid deck. Your deck is unchanged \u2014 try describing the change differently.",
-  // The opposite problem, and it must not read like the one above: this deck is
-  // the one already staged on this device, so rewording the request changes
-  // nothing. Deliberately prescribes NO fix — "reopen it" is a dead end for a
-  // draft that was never published, since there is no server copy to re-read
-  // and the open path never clobbers a local draft anyway. A real repair
-  // affordance (discard this draft) is #39-shaped.
-  bad_deck: "The copy of this deck saved on this device isn't valid, so the assistant can't work on it.",
-  stream_truncated: "The assistant's deck was too long to finish. Your deck is unchanged \u2014 try asking for fewer slides.",
-  upstream_error: "Something went wrong \u2014 please try again."
-};
-var RETRYABLE = /* @__PURE__ */ new Set(["rate_limited", "upstream_error", "invalid_deck", "stream_truncated"]);
-function deckChatCanRetry(error) {
-  return RETRYABLE.has(error);
-}
-async function streamDeckChat(body2, handlers, signal) {
-  let res;
-  try {
-    res = await fetch("/api/deck-chat", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify(body2),
-      signal
-    });
-  } catch {
-    if (signal?.aborted) return { ok: true, deck: null, truncated: false };
-    return { ok: false, error: "upstream_error" };
-  }
-  if (!res.ok || !res.body) {
-    const err = await res.json().catch(() => ({}));
-    return { ok: false, error: err.error ?? "upstream_error", details: err.details, retryAfterMs: err.retryAfterMs };
-  }
-  const reader = res.body.getReader();
-  const decoder = new TextDecoder();
-  let buffer = "";
-  let deck = null;
-  let truncated = false;
-  let failure2 = null;
-  try {
-    for (; ; ) {
-      const { done, value } = await reader.read();
-      if (done) break;
-      buffer += decoder.decode(value, { stream: true });
-      let sep;
-      while ((sep = buffer.indexOf("\n\n")) !== -1) {
-        const frame = buffer.slice(0, sep);
-        buffer = buffer.slice(sep + 2);
-        const event = /^event: (.+)$/m.exec(frame)?.[1];
-        const raw = /^data: (.+)$/m.exec(frame)?.[1];
-        if (!event || !raw) continue;
-        let data;
-        try {
-          data = JSON.parse(raw);
-        } catch {
-          continue;
-        }
-        if (event === "text" && typeof data.text === "string") handlers.onText(data.text);
-        else if (event === "retry") handlers.onRetry(data.attempt ?? 0, data.issues ?? []);
-        else if (event === "deck") {
-          const parsed = parseDeck(data.deck);
-          if (parsed.ok) deck = parsed.deck;
-          else failure2 = { error: "invalid_deck", details: parsed.errors };
-        } else if (event === "error") failure2 = { error: data.error ?? "upstream_error", details: data.details };
-        else if (event === "done") truncated = data.truncated === true;
-      }
-    }
-  } catch {
-    if (!signal?.aborted) return { ok: false, error: "upstream_error" };
-  }
-  if (deck) return { ok: true, deck, truncated };
-  if (failure2) return { ok: false, ...failure2 };
-  return { ok: true, deck: null, truncated };
-}
-
-// src/deck-builder/deck-chat-history.ts
-var KEY_PREFIX = "bp-deck-chat";
-var DECK_CHAT_MESSAGE_CAP = 60;
-function key(scope, deckId) {
-  return `${KEY_PREFIX}:${scope}:${deckId}`;
-}
-function isMessage(m) {
-  return !!m && typeof m === "object" && (m.role === "user" || m.role === "assistant") && typeof m.content === "string";
-}
-function loadDeckChat(scope, deckId) {
-  try {
-    const parsed = JSON.parse(window.localStorage.getItem(key(scope, deckId)) ?? "[]");
-    return Array.isArray(parsed) ? parsed.filter(isMessage).slice(-DECK_CHAT_MESSAGE_CAP) : [];
-  } catch {
-    return [];
-  }
-}
-function saveDeckChat(scope, deckId, messages) {
-  const stored = messages.filter((m) => m.content !== "").slice(-DECK_CHAT_MESSAGE_CAP);
-  try {
-    if (stored.length === 0) window.localStorage.removeItem(key(scope, deckId));
-    else window.localStorage.setItem(key(scope, deckId), JSON.stringify(stored));
-  } catch {
-  }
-}
-function clearDeckChat(scope, deckId) {
-  try {
-    window.localStorage.removeItem(key(scope, deckId));
-  } catch {
-  }
-}
-
-// src/deck-builder/DeckChatPanel.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function DeckChatPanel({ deck, getDeck, scope, onDeck, onBusyChange, disabled = false, onClose }) {
-  const [messages, setMessages] = useState([]);
-  const [input, setInput] = useState("");
-  const [busy, setBusy] = useState(false);
-  const [updating, setUpdating] = useState(false);
-  const [notice, setNotice] = useState(null);
-  const [canRetry, setCanRetry] = useState(false);
-  const [mdReady, setMdReady] = useState(false);
-  const streamingRef = useRef2("");
-  const abortRef = useRef2(null);
-  const listRef = useRef2(null);
-  const composerRef = useRef2(null);
-  const runGenRef = useRef2(0);
-  const deckRef = useRef2(deck);
-  deckRef.current = deck;
-  const getDeckRef = useRef2(getDeck);
-  getDeckRef.current = getDeck;
-  const deckId = deck.id;
-  const freshDeck = useCallback(() => {
-    const fresh = getDeckRef.current?.();
-    return fresh !== null && fresh !== void 0 && fresh.id === deckId ? fresh : deckRef.current;
-  }, [deckId]);
-  useEffect2(() => {
-    runGenRef.current++;
-    setMessages(loadDeckChat(scope, deckId));
-    setNotice(null);
-    setCanRetry(false);
-  }, [scope, deckId]);
-  useEffect2(() => {
-    let alive = true;
-    void ensureSanitizer().then(() => {
-      if (alive) setMdReady(true);
-    }).catch(() => {
-    });
-    return () => {
-      alive = false;
-    };
-  }, []);
-  useEffect2(() => {
-    const el = listRef.current;
-    if (el) el.scrollTop = el.scrollHeight;
-  }, [messages, updating]);
-  useEffect2(() => {
-    onBusyChange?.(busy);
-  }, [busy, onBusyChange]);
-  const run = useCallback(
-    async (history) => {
-      const gen = ++runGenRef.current;
-      const superseded = () => runGenRef.current !== gen;
-      setNotice(null);
-      setCanRetry(false);
-      setBusy(true);
-      setUpdating(false);
-      setMessages([...history, { role: "assistant", content: "" }]);
-      streamingRef.current = "";
-      const controller = new AbortController();
-      abortRef.current = controller;
-      const result = await streamDeckChat(
-        // The getter wins when it answers for THIS deck; a mismatch means the
-        // shell has moved on and the render-time prop is the honest answer.
-        { deck: freshDeck(), messages: history },
-        {
-          onText: (delta) => {
-            if (superseded()) return;
-            streamingRef.current += delta;
-            setMessages([...history, { role: "assistant", content: streamingRef.current }]);
-          },
-          onRetry: () => {
-            if (superseded()) return;
-            streamingRef.current = "";
-            setUpdating(true);
-            setMessages([...history, { role: "assistant", content: "" }]);
-          }
-        },
-        controller.signal
-      );
-      abortRef.current = null;
-      setBusy(false);
-      setUpdating(false);
-      if (superseded()) return;
-      if (!result.ok) {
-        setMessages(history);
-        saveDeckChat(scope, deckId, history);
-        setNotice(DECK_CHAT_ERROR_COPY[result.error] ?? DECK_CHAT_ERROR_COPY.upstream_error);
-        setCanRetry(deckChatCanRetry(result.error));
-        return;
-      }
-      const reply = streamingRef.current || (result.deck ? "Updated the deck." : "");
-      const finished = reply ? [...history, { role: "assistant", content: reply }] : history;
-      setMessages(finished);
-      saveDeckChat(scope, deckId, finished);
-      if (result.deck) onDeck(result.deck);
-      if (result.truncated) setNotice("Some brand content didn't fit \u2014 the assistant may not know everything on this site.");
-    },
-    [deckId, freshDeck, onDeck, scope]
-  );
-  const send = useCallback(
-    (override) => {
-      const text = (override ?? input).trim();
-      if (!text || busy || disabled) return;
-      if (override === void 0) setInput("");
-      void run([...messages, { role: "user", content: text }]);
-    },
-    [busy, disabled, input, messages, run]
-  );
-  function retry() {
-    if (busy || messages.length === 0 || messages[messages.length - 1].role !== "user") return;
-    void run(messages);
-  }
-  function newConversation() {
-    if (busy) abortRef.current?.abort();
-    runGenRef.current++;
-    setMessages([]);
-    setNotice(null);
-    setCanRetry(false);
-    clearDeckChat(scope, deckId);
-    composerRef.current?.focus();
-  }
-  const lastIndex = messages.length - 1;
-  return /* @__PURE__ */ jsxs2(
-    "aside",
-    {
-      "data-deck-chat": "",
-      "aria-label": "Deck assistant",
-      className: "flex w-[var(--chat-w)] shrink-0 flex-col border-l border-base-200 bg-base",
-      children: [
-        /* @__PURE__ */ jsxs2("div", { className: "flex h-16 shrink-0 items-center justify-between gap-2 border-b border-base-200 px-3", children: [
-          /* @__PURE__ */ jsx2("span", { className: "text-sm font-medium text-base-contrast", children: "Deck assistant" }),
-          /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1", children: [
-            messages.length > 0 && /* @__PURE__ */ jsx2(
-              IconButton,
-              {
-                icon: /* @__PURE__ */ jsx2(SquarePen, { size: 16 }),
-                label: "New conversation",
-                onClick: newConversation,
-                className: "rounded-inner hover:bg-base-accent"
-              }
-            ),
-            /* @__PURE__ */ jsx2(
-              IconButton,
-              {
-                icon: /* @__PURE__ */ jsx2(ChevronRight, { size: 18 }),
-                label: "Hide deck assistant",
-                onClick: onClose,
-                className: "rounded-inner hover:bg-base-accent"
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs2("div", { ref: listRef, role: "log", "aria-label": "Conversation", className: "min-h-0 flex-1 space-y-3 overflow-y-auto p-3", children: [
-          messages.length === 0 && /* @__PURE__ */ jsxs2("div", { className: "flex h-full flex-col justify-end gap-2 pb-1", children: [
-            /* @__PURE__ */ jsx2("p", { className: "text-sm text-base-contrast-light", children: "Describe the deck you need and I'll build it from this portal's brand content." }),
-            /* @__PURE__ */ jsx2("div", { className: "mt-1 flex flex-wrap gap-1.5", children: ["Build a five-slide brand overview", "Add a slide about our color palette"].map((suggestion) => /* @__PURE__ */ jsx2(
-              "button",
-              {
-                type: "button",
-                onClick: () => send(suggestion),
-                disabled,
-                className: "cursor-pointer rounded-full border border-base-200 bg-base-accent px-2.5 py-1 text-xs text-base-contrast hover:border-primary disabled:cursor-default disabled:opacity-50",
-                children: suggestion
-              },
-              suggestion
-            )) })
-          ] }),
-          messages.map(
-            (m, i) => m.role === "user" ? /* @__PURE__ */ jsx2("div", { className: USER_BUBBLE_CLASS, children: m.content }, i) : m.content === "" ? busy && i === lastIndex ? /* @__PURE__ */ jsx2("div", { className: "text-sm text-base-contrast-light motion-safe:animate-pulse", children: updating ? "Fixing the deck\u2026" : "Working on your deck\u2026" }, i) : null : mdReady ? /* @__PURE__ */ jsx2(
-              "div",
-              {
-                className: cn("text-sm leading-relaxed text-base-contrast", MD_STYLES),
-                dangerouslySetInnerHTML: { __html: assistantHtml(m.content) }
-              },
-              i
-            ) : /* @__PURE__ */ jsx2("div", { className: "text-sm leading-relaxed whitespace-pre-wrap text-base-contrast", children: m.content }, i)
-          ),
-          notice && /* @__PURE__ */ jsxs2("p", { className: "text-xs text-base-contrast-light", children: [
-            notice,
-            canRetry && !busy && /* @__PURE__ */ jsx2(
-              "button",
-              {
-                type: "button",
-                onClick: retry,
-                className: "ml-2 cursor-pointer text-primary underline underline-offset-2",
-                children: "Try again"
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx2("p", { "aria-live": "polite", className: "sr-only", children: busy ? updating ? "Fixing the deck" : "Updating the deck" : "" }),
-        /* @__PURE__ */ jsx2(
-          ChatComposer,
-          {
-            value: input,
-            onChange: setInput,
-            onSend: () => send(),
-            onStop: () => abortRef.current?.abort(),
-            busy,
-            disabled,
-            placeholder: "Describe the change\u2026",
-            textareaRef: composerRef
-          }
-        ),
-        /* @__PURE__ */ jsx2("p", { className: "shrink-0 border-t border-base-200 px-3 py-1 text-[10px] text-base-contrast-light", children: "Deck drafts stage on this device until you publish." })
-      ]
-    }
-  );
-}
-
-// src/lib/deck-edit.ts
-function unresolved(path) {
-  return {
-    ok: false,
-    errors: [`no editable text at ${path.slot}.${path.field}${path.line === void 0 ? "" : `[${path.line}]`}`]
-  };
-}
-function richTextAt(slide, slot) {
-  const { layout } = slide;
-  if (layout.type === "centeredText") {
-    return slot === "content" && layout.content.type === "richText" ? layout.content : null;
-  }
-  if (layout.type === "fullBleedImage") {
-    return slot === "overlay" ? layout.overlay?.content ?? null : null;
-  }
-  if (slot !== "left" && slot !== "right") return null;
-  const component = layout[slot];
-  return component.type === "richText" ? component : null;
-}
-function withRichTextAt(slide, slot, next) {
-  const { layout } = slide;
-  if (layout.type === "centeredText") {
-    if (slot !== "content" || layout.content.type !== "richText") return null;
-    return { ...slide, layout: { ...layout, content: next } };
-  }
-  if (layout.type === "fullBleedImage") {
-    if (slot !== "overlay" || layout.overlay === void 0) return null;
-    return { ...slide, layout: { ...layout, overlay: { ...layout.overlay, content: next } } };
-  }
-  if (slot !== "left" && slot !== "right") return null;
-  if (layout[slot].type !== "richText") return null;
-  return { ...slide, layout: { ...layout, [slot]: next } };
-}
-function withLeafText(content, path, text) {
-  if (path.field === "kicker" || path.field === "heading" || path.field === "subheading") {
-    if (content[path.field] === void 0) return null;
-    return { ...content, [path.field]: text };
-  }
-  const lines = content[path.field];
-  if (lines === void 0 || path.line === void 0 || path.line < 0 || path.line >= lines.length) return null;
-  const nextLines = lines.slice();
-  const line = nextLines[path.line];
-  if (path.span === void 0) {
-    if (typeof line !== "string") return null;
-    nextLines[path.line] = text;
-  } else {
-    if (typeof line === "string" || path.span < 0 || path.span >= line.length) return null;
-    const spans = line.slice();
-    spans[path.span] = { ...spans[path.span], text };
-    nextLines[path.line] = spans;
-  }
-  return { ...content, [path.field]: nextLines };
-}
-function applyDeckTextEdit(deck, slideIndex, path, text) {
-  const slide = deck.slides[slideIndex];
-  if (slide === void 0) return { ok: false, errors: [`no slide at index ${slideIndex}`] };
-  const content = richTextAt(slide, path.slot);
-  if (content === null) return unresolved(path);
-  const nextContent = withLeafText(content, path, text);
-  if (nextContent === null) return unresolved(path);
-  const nextSlide = withRichTextAt(slide, path.slot, nextContent);
-  if (nextSlide === null) return unresolved(path);
-  const slides = deck.slides.slice();
-  slides[slideIndex] = nextSlide;
-  return parseDeck({ ...deck, slides });
-}
-function moveDeckSlide(deck, from, to) {
-  if (from < 0 || from >= deck.slides.length) return { ok: false, errors: [`no slide at index ${from}`] };
-  if (to < 0 || to >= deck.slides.length) return { ok: false, errors: [`cannot move a slide to index ${to}`] };
-  const slides = deck.slides.slice();
-  const [moved] = slides.splice(from, 1);
-  slides.splice(to, 0, moved);
-  return parseDeck({ ...deck, slides });
-}
-function copySlideId(sourceId, taken) {
-  const stem = sourceId.replace(/-copy(-\d+)?$/, "").slice(0, 52).replace(/-+$/, "") || "slide";
-  let candidate = `${stem}-copy`;
-  for (let n = 2; taken.has(candidate); n++) candidate = `${stem}-copy-${n}`;
-  return candidate;
-}
-function duplicateDeckSlide(deck, index) {
-  const source = deck.slides[index];
-  if (source === void 0) return { ok: false, errors: [`no slide at index ${index}`] };
-  const copy = {
-    ...structuredClone(source),
-    id: copySlideId(source.id, new Set(deck.slides.map((s) => s.id)))
-  };
-  const slides = deck.slides.slice();
-  slides.splice(index + 1, 0, copy);
-  return parseDeck({ ...deck, slides });
-}
-function removeDeckSlide(deck, index) {
-  if (deck.slides[index] === void 0) return { ok: false, errors: [`no slide at index ${index}`] };
-  const slides = deck.slides.filter((_, i) => i !== index);
-  return parseDeck({ ...deck, slides });
-}
-
-// src/deck-builder/deck-api.ts
-function metaFrom(source) {
-  const { title, slideCount, updatedAt } = source;
-  if (typeof title !== "string" || title.length === 0) return null;
-  if (typeof slideCount !== "number" || !Number.isFinite(slideCount)) return null;
-  if (typeof updatedAt !== "string" || updatedAt.length === 0) return null;
-  return { title, slideCount, updatedAt };
-}
-async function body(res) {
-  try {
-    return await res.json();
-  } catch {
-    return {};
-  }
-}
-function messageFrom(data, fallback) {
-  return typeof data.message === "string" ? data.message : fallback;
-}
-async function failure(res) {
-  const data = await body(res);
-  switch (res.status) {
-    case 400:
-      return {
-        ok: false,
-        kind: "invalid",
-        details: Array.isArray(data.details) ? data.details : [messageFrom(data, "The deck is not valid.")]
-      };
-    case 401:
-    case 403:
-      return { ok: false, kind: "forbidden", message: messageFrom(data, "You are not allowed to do that.") };
-    case 404:
-      return { ok: false, kind: "notFound" };
-    case 409:
-      return {
-        ok: false,
-        kind: "conflict",
-        currentVersion: typeof data.currentVersion === "string" ? data.currentVersion : null,
-        message: messageFrom(data, "This deck changed since you loaded it.")
-      };
-    case 503:
-      return { ok: false, kind: "unavailable", message: "The deck store is busy. Try again in a moment." };
-    default:
-      return { ok: false, kind: "failed", message: messageFrom(data, `Request failed (${res.status}).`) };
-  }
-}
-function transportFailure() {
-  return { ok: false, kind: "unavailable", message: "Could not reach the portal. Check your connection and try again." };
-}
-async function listPublishedDecks() {
-  let res;
-  try {
-    res = await fetch("/api/decks");
-  } catch {
-    return transportFailure();
-  }
-  if (!res.ok) return failure(res);
-  const data = await body(res);
-  const raw = Array.isArray(data.decks) ? data.decks : [];
-  return {
-    ok: true,
-    value: raw.flatMap((entry) => {
-      const id = typeof entry.id === "string" ? entry.id : null;
-      const version = typeof entry.version === "string" ? entry.version : null;
-      if (!id || !version) return [];
-      return [{ id, version, meta: entry.invalid === true ? null : metaFrom(entry) }];
-    })
-  };
-}
-async function readPublishedDeck(id) {
-  let res;
-  try {
-    res = await fetch(`/api/decks/${encodeURIComponent(id)}`);
-  } catch {
-    return transportFailure();
-  }
-  if (!res.ok) return failure(res);
-  const data = await body(res);
-  const parsed = parseDeck(data.deck);
-  if (!parsed.ok) return { ok: false, kind: "invalid", details: parsed.errors };
-  if (typeof data.version !== "string") return { ok: false, kind: "failed", message: "The deck store returned no version." };
-  const meta = data.meta !== null && typeof data.meta === "object" ? metaFrom(data.meta) : null;
-  return { ok: true, value: { deck: parsed.deck, version: data.version, meta } };
-}
-async function publishDeck(deck, baseVersion) {
-  let res;
-  try {
-    res = await fetch("/api/decks", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ deck, baseVersion })
-    });
-  } catch {
-    return transportFailure();
-  }
-  if (!res.ok) return failure(res);
-  const data = await body(res);
-  if (typeof data.version !== "string") return { ok: false, kind: "failed", message: "The deck store returned no version." };
-  const meta = data.meta !== null && typeof data.meta === "object" ? metaFrom(data.meta) : null;
-  return { ok: true, value: { version: data.version, meta } };
-}
-async function deletePublishedDeck(id) {
-  let res;
-  try {
-    res = await fetch(`/api/decks/${encodeURIComponent(id)}`, { method: "DELETE" });
-  } catch {
-    return transportFailure();
-  }
-  if (res.status === 404) return { ok: true, value: true };
-  if (!res.ok) return failure(res);
-  return { ok: true, value: true };
-}
-
-// src/deck-builder/DeckBuilderTopBar.tsx
-import { ArrowLeftIcon, LayoutGridIcon } from "lucide-react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function DeckBuilderTopBar({ primaryAction, status, exitHref, onBackToLibrary }) {
-  return /* @__PURE__ */ jsx3("div", { className: "shrink-0 border-b border-base-200 bg-base", children: /* @__PURE__ */ jsxs3("div", { className: "mx-auto grid h-16 max-w-screen-xl grid-cols-3 items-center gap-4 px-4", children: [
-    /* @__PURE__ */ jsx3("div", { className: "flex min-w-0 items-center gap-2", children: primaryAction }),
-    /* @__PURE__ */ jsx3("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx3("p", { className: "truncate text-xs text-base-contrast-light", children: status }) }),
-    /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-end gap-2", children: [
-      onBackToLibrary && /* @__PURE__ */ jsx3(Tooltip, { side: "bottom", content: "Deck library", children: /* @__PURE__ */ jsx3(
-        IconButton,
-        {
-          icon: /* @__PURE__ */ jsx3(LayoutGridIcon, { size: 16 }),
-          label: "Deck library",
-          size: "md",
-          onClick: onBackToLibrary,
-          className: "border border-base-200 bg-base-accent"
-        }
-      ) }),
-      /* @__PURE__ */ jsx3("div", { "aria-hidden": "true", className: "mx-1 h-6 w-px self-center bg-base-200" }),
-      /* @__PURE__ */ jsxs3(
-        "a",
-        {
-          href: exitHref,
-          className: "inline-flex cursor-pointer items-center justify-center rounded border border-base-200 px-3 py-1.5 text-xs font-medium text-base-contrast transition-colors hover:bg-base-accent",
-          children: [
-            /* @__PURE__ */ jsx3(ArrowLeftIcon, { size: 14, className: "mr-1.5", "aria-hidden": "true" }),
-            "Leave builder"
-          ]
-        }
-      )
-    ] })
-  ] }) });
-}
-
-// src/deck-builder/DeckEditor.tsx
-import { ChevronLeftIcon, CopyIcon, MoveLeftIcon, MoveRightIcon, Trash2Icon } from "lucide-react";
-import { useEffect as useEffect4, useMemo as useMemo2, useState as useState3 } from "react";
-
-// src/deck-builder/DeckSlideSurface.tsx
-import { useMemo } from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-function DeckSlideSurface({ slide, mediaAssets, className, editor }) {
-  const resolve = useMemo(
-    () => (ref) => ref.kind === "portal" && Object.hasOwn(mediaAssets, ref.id) ? mediaAssets[ref.id] : null,
-    [mediaAssets]
-  );
-  return /* @__PURE__ */ jsx4(DeckStage, { className, children: /* @__PURE__ */ jsx4(DeckMediaProvider, { resolve, children: /* @__PURE__ */ jsx4(DeckTextEditProvider, { editor: editor ?? null, children: /* @__PURE__ */ jsx4(DeckSlideView, { slide }) }) }) });
-}
-
-// src/deck-builder/useSortableSlide.ts
-import { useEffect as useEffect3, useRef as useRef3, useState as useState2 } from "react";
-var DRAG_TYPE = "deck-filmstrip-slide";
-function useSortableSlide({ index, onReorder, enabled }) {
-  const ref = useRef3(null);
-  const onReorderRef = useRef3(onReorder);
-  onReorderRef.current = onReorder;
-  const [isDragging, setIsDragging] = useState2(false);
-  const [closestEdge, setClosestEdge] = useState2(null);
-  useEffect3(() => {
-    if (!enabled) return;
-    const element = ref.current;
-    if (!element) return;
-    let cleanup;
-    let cancelled = false;
-    void Promise.all([
-      import("../adapter-HH47ZPGM.js"),
-      import("../closest-edge-EBOXL3YW.js")
-    ]).then(([{ draggable, dropTargetForElements }, { attachClosestEdge, extractClosestEdge }]) => {
-      if (cancelled) return;
-      const edgeOf = (data) => {
-        const edge = extractClosestEdge(data);
-        return edge === "left" || edge === "right" ? edge : null;
-      };
-      const cleanupDraggable = draggable({
-        element,
-        getInitialData: () => ({ dragType: DRAG_TYPE, index }),
-        onGenerateDragPreview: () => {
-          element.style.opacity = "0.4";
-          requestAnimationFrame(() => {
-            element.style.opacity = "";
-          });
-        },
-        onDragStart: () => setIsDragging(true),
-        onDrop: () => setIsDragging(false)
-      });
-      const cleanupDropTarget = dropTargetForElements({
-        element,
-        canDrop: ({ source }) => source.data.dragType === DRAG_TYPE,
-        getData: ({ input, element: target }) => attachClosestEdge({ index }, { input, element: target, allowedEdges: ["left", "right"] }),
-        onDragEnter: ({ self }) => setClosestEdge(edgeOf(self.data)),
-        onDrag: ({ self }) => setClosestEdge(edgeOf(self.data)),
-        onDragLeave: () => setClosestEdge(null),
-        onDrop: ({ source, self }) => {
-          setClosestEdge(null);
-          const fromIndex = source.data.index;
-          const edge = edgeOf(self.data);
-          const toIndex = computeReorderTarget(fromIndex, index, edge === "right" ? "bottom" : edge === "left" ? "top" : null);
-          if (toIndex !== null) onReorderRef.current(fromIndex, toIndex);
-        }
-      });
-      cleanup = () => {
-        cleanupDraggable();
-        cleanupDropTarget();
-      };
-    });
-    return () => {
-      cancelled = true;
-      cleanup?.();
-    };
-  }, [index, enabled]);
-  return { ref, isDragging, closestEdge };
-}
-
-// src/deck-builder/DeckEditor.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-function DeckEditor({
-  deck,
-  mediaAssets,
-  currentSlide,
-  onSelectSlide,
-  onBack,
-  statusLine,
-  onEditText,
-  onMoveSlide,
-  onDuplicateSlide,
-  onDeleteSlide,
-  locked
-}) {
-  const index = Math.min(Math.max(currentSlide, 0), deck.slides.length - 1);
-  const slide = deck.slides[index];
-  const [confirmingDelete, setConfirmingDelete] = useState3(false);
-  useEffect4(() => {
-    setConfirmingDelete(false);
-  }, [slide.id, index, deck.slides.length, locked]);
-  const editor = useMemo2(() => ({ onEditText, disabled: locked }), [onEditText, locked]);
-  return /* @__PURE__ */ jsxs4("div", { className: "mx-auto grid w-full max-w-screen-xl gap-3.5 px-4 pt-8 pb-16", children: [
-    /* @__PURE__ */ jsxs4(
-      "button",
-      {
-        type: "button",
-        onClick: onBack,
-        className: "inline-flex cursor-pointer items-center gap-1 self-start text-xs font-medium text-base-contrast-light transition-colors hover:text-base-contrast",
-        children: [
-          /* @__PURE__ */ jsx5(ChevronLeftIcon, { size: 14, "aria-hidden": "true" }),
-          "All decks"
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs4("div", { className: "flex flex-wrap items-center gap-2.5", children: [
-      /* @__PURE__ */ jsx5("h1", { className: "font-body text-lg font-semibold text-base-contrast", children: deck.title }),
-      /* @__PURE__ */ jsx5("p", { className: "text-xs text-base-contrast-light", children: statusLine })
-    ] }),
-    /* @__PURE__ */ jsx5("div", { className: "aspect-video w-[min(100%,calc(52vh*16/9))] overflow-hidden rounded-[var(--radius-outer)] border border-base-200 shadow-md", children: /* @__PURE__ */ jsx5(DeckSlideSurface, { slide, mediaAssets, className: "h-full", editor }) }),
-    /* @__PURE__ */ jsx5("p", { "aria-live": "polite", "data-deck-edit-hint": "", className: "min-h-4 text-xs text-base-contrast-light", children: locked ? "Editing is paused while the assistant works on this deck." : "Click any text on the slide to edit it. Drag a thumbnail to reorder." }),
-    /* @__PURE__ */ jsx5(
-      "ul",
-      {
-        "aria-label": `${deck.title} slides`,
-        className: "flex w-[min(100%,calc(52vh*16/9))] gap-2 overflow-x-auto p-0.5",
-        children: deck.slides.map((s, i) => /* @__PURE__ */ jsx5(
-          SlideThumb,
-          {
-            slide: s,
-            index: i,
-            mediaAssets,
-            selected: i === index,
-            enabled: !locked,
-            onSelect: onSelectSlide,
-            onReorder: onMoveSlide
-          },
-          s.id
-        ))
-      }
-    ),
-    /* @__PURE__ */ jsxs4("div", { className: "flex w-[min(100%,calc(52vh*16/9))] flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ jsxs4("span", { className: "text-xs text-base-contrast-light", children: [
-        "Slide ",
-        index + 1,
-        " of ",
-        deck.slides.length
-      ] }),
-      /* @__PURE__ */ jsxs4(
-        Button,
-        {
-          variant: "ghost",
-          onClick: () => onMoveSlide(index, index - 1),
-          disabled: locked || index === 0,
-          "aria-label": "Move slide earlier",
-          children: [
-            /* @__PURE__ */ jsx5(MoveLeftIcon, { size: 14, className: "mr-1.5", "aria-hidden": "true" }),
-            "Earlier"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs4(
-        Button,
-        {
-          variant: "ghost",
-          onClick: () => onMoveSlide(index, index + 1),
-          disabled: locked || index === deck.slides.length - 1,
-          "aria-label": "Move slide later",
-          children: [
-            /* @__PURE__ */ jsx5(MoveRightIcon, { size: 14, className: "mr-1.5", "aria-hidden": "true" }),
-            "Later"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs4(Button, { variant: "ghost", onClick: () => onDuplicateSlide(index), disabled: locked, "aria-label": "Duplicate slide", children: [
-        /* @__PURE__ */ jsx5(CopyIcon, { size: 14, className: "mr-1.5", "aria-hidden": "true" }),
-        "Duplicate"
-      ] }),
-      confirmingDelete ? /* @__PURE__ */ jsxs4("span", { className: "flex flex-wrap items-center gap-2", children: [
-        /* @__PURE__ */ jsxs4("span", { className: "text-xs text-base-contrast", children: [
-          "Delete slide ",
-          index + 1,
-          "?"
-        ] }),
-        /* @__PURE__ */ jsx5(
-          Button,
-          {
-            variant: "destructive",
-            onClick: () => {
-              setConfirmingDelete(false);
-              onDeleteSlide(index);
-            },
-            children: "Delete"
-          }
-        ),
-        /* @__PURE__ */ jsx5(Button, { variant: "ghost", onClick: () => setConfirmingDelete(false), children: "Cancel" })
-      ] }) : /* @__PURE__ */ jsxs4(
-        Button,
-        {
-          variant: "ghost",
-          onClick: () => setConfirmingDelete(true),
-          disabled: locked || deck.slides.length === 1,
-          "aria-label": "Delete slide",
-          children: [
-            /* @__PURE__ */ jsx5(Trash2Icon, { size: 14, className: "mr-1.5", "aria-hidden": "true" }),
-            "Delete"
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-function SlideThumb({
-  slide,
-  index,
-  mediaAssets,
-  selected,
-  enabled,
-  onSelect,
-  onReorder
-}) {
-  const { ref, isDragging, closestEdge } = useSortableSlide({ index, onReorder, enabled });
-  return /* @__PURE__ */ jsxs4("li", { ref, className: "relative shrink-0", children: [
-    closestEdge && /* @__PURE__ */ jsx5(
-      "span",
-      {
-        "aria-hidden": "true",
-        className: cn(
-          "absolute inset-y-0 z-[3] w-0.5 bg-primary",
-          closestEdge === "left" ? "-left-1" : "-right-1"
-        )
-      }
-    ),
-    /* @__PURE__ */ jsxs4(
-      "div",
-      {
-        role: "button",
-        tabIndex: 0,
-        "aria-current": selected ? "true" : void 0,
-        "aria-label": slide.title ? `Slide ${index + 1}: ${slide.title}` : `Slide ${index + 1}`,
-        onClick: () => onSelect(index),
-        onKeyDown: (event) => {
-          if (event.key !== "Enter" && event.key !== " ") return;
-          event.preventDefault();
-          onSelect(index);
-        },
-        className: cn(
-          "relative aspect-video w-30 cursor-pointer overflow-hidden rounded border bg-base-accent transition-colors",
-          selected ? "border-primary shadow-[0_0_0_1px_var(--color-primary)]" : "border-base-200 hover:border-base-300",
-          isDragging && "opacity-40"
-        ),
-        children: [
-          /* @__PURE__ */ jsx5("div", { className: "pointer-events-none h-full", children: /* @__PURE__ */ jsx5(DeckSlideSurface, { slide, mediaAssets, className: "h-full" }) }),
-          /* @__PURE__ */ jsx5(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: cn(
-                "absolute bottom-0 left-0 z-[2] rounded-tr bg-base px-1 py-px text-[0.625rem] font-semibold",
-                selected ? "text-primary" : "text-base-contrast-light"
-              ),
-              children: String(index + 1).padStart(2, "0")
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-
-// src/deck-builder/DeckLibrary.tsx
-import { LayoutGridIcon as LayoutGridIcon2, MoreVerticalIcon, PlusIcon } from "lucide-react";
-import { useRef as useRef4, useState as useState4 } from "react";
-import { Fragment, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-function DeckLibrary({ entries, mediaAssets, canCreate, onOpen, onCreate, onDelete }) {
-  return /* @__PURE__ */ jsx6("div", { className: "mx-auto w-full max-w-screen-xl px-4 pt-8 pb-16", children: entries.length === 0 ? /* @__PURE__ */ jsx6(DeckLibraryEmpty, { canCreate, onCreate }) : /* @__PURE__ */ jsxs5(Fragment, { children: [
-    /* @__PURE__ */ jsx6("div", { className: "mb-5 flex flex-wrap items-center gap-3", children: /* @__PURE__ */ jsx6("h1", { className: "font-body text-lg font-semibold text-base-contrast", children: "Your decks" }) }),
-    /* @__PURE__ */ jsx6("ul", { className: "grid grid-cols-[repeat(auto-fill,minmax(16rem,1fr))] gap-x-4 gap-y-5", children: entries.map((entry) => /* @__PURE__ */ jsx6(
-      DeckCard,
-      {
-        entry,
-        mediaAssets,
-        onOpen: () => onOpen(entry.id),
-        onDelete: () => onDelete(entry.id)
-      },
-      entry.id
-    )) })
-  ] }) });
-}
-function DeckLibraryEmpty({ canCreate, onCreate }) {
-  return /* @__PURE__ */ jsx6("div", { className: "grid min-h-[55vh] place-items-center px-4 py-12 text-center", children: /* @__PURE__ */ jsxs5("div", { className: "grid max-w-md justify-items-center gap-4", children: [
-    /* @__PURE__ */ jsx6("div", { className: "grid aspect-video w-44 place-items-center rounded border border-dashed border-base-300 bg-base-accent", children: /* @__PURE__ */ jsx6(LayoutGridIcon2, { size: 16, className: "text-base-300", "aria-hidden": "true" }) }),
-    /* @__PURE__ */ jsx6("h1", { className: "font-body text-lg font-semibold text-base-contrast", children: "No decks yet" }),
-    /* @__PURE__ */ jsx6("p", { className: "text-sm leading-relaxed text-base-contrast-light", children: "Decks are 16:9 presentations built from your brand's layouts. Start one and it stays on this device until you publish it." }),
-    canCreate && /* @__PURE__ */ jsxs5(Button, { size: "md", onClick: onCreate, children: [
-      /* @__PURE__ */ jsx6(PlusIcon, { size: 16, className: "mr-1.5", "aria-hidden": "true" }),
-      "New deck"
-    ] })
-  ] }) });
-}
-function DeckCard({
-  entry,
-  mediaAssets,
-  onOpen,
-  onDelete
-}) {
-  const [menuOpen, setMenuOpen] = useState4(false);
-  const [confirming, setConfirming] = useState4(false);
-  const kebabRef = useRef4(null);
-  const firstSlide = entry.draft?.deck.slides[0] ?? null;
-  return /* @__PURE__ */ jsxs5("li", { className: "group relative", children: [
-    /* @__PURE__ */ jsx6(
-      "div",
-      {
-        "aria-hidden": "true",
-        onClick: onOpen,
-        className: "w-full cursor-pointer overflow-hidden rounded border border-base-200 bg-base-accent transition-colors group-hover:border-primary",
-        children: /* @__PURE__ */ jsx6("div", { className: "pointer-events-none aspect-video w-full", children: firstSlide ? /* @__PURE__ */ jsx6(DeckSlideSurface, { slide: firstSlide, mediaAssets, className: "h-full" }) : /* @__PURE__ */ jsx6("div", { className: "grid h-full place-items-center", children: /* @__PURE__ */ jsx6(LayoutGridIcon2, { size: 16, className: "text-base-300", "aria-hidden": "true" }) }) })
-      }
-    ),
-    /* @__PURE__ */ jsxs5("div", { className: "flex items-start gap-2 pt-2", children: [
-      /* @__PURE__ */ jsxs5("button", { type: "button", onClick: onOpen, className: "min-w-0 flex-1 cursor-pointer text-left", children: [
-        /* @__PURE__ */ jsx6("span", { className: "block truncate text-sm font-medium text-base-contrast", children: entry.title }),
-        /* @__PURE__ */ jsxs5("span", { className: "mt-0.5 block text-xs text-base-contrast-light", children: [
-          entry.slideCount,
-          " ",
-          entry.slideCount === 1 ? "slide" : "slides",
-          " \xB7 ",
-          formatTimestamp(entry.updatedAt)
-        ] }),
-        /* @__PURE__ */ jsxs5("span", { className: "mt-2 flex flex-wrap items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx6(DeckStatusChip, { label: "Private", dotClassName: "bg-[var(--color-status-draft-text)]" }),
-          entry.unpublishedChanges && /* @__PURE__ */ jsx6(DeckStatusChip, { label: "Unpublished changes", dotClassName: "bg-[var(--color-status-modified-text)]" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx6(
-        IconButton,
-        {
-          ref: kebabRef,
-          icon: /* @__PURE__ */ jsx6(MoreVerticalIcon, { size: 16 }),
-          label: `Actions for ${entry.title}`,
-          onClick: () => setMenuOpen((v) => !v),
-          "aria-haspopup": "menu",
-          "aria-expanded": menuOpen
-        }
-      ),
-      /* @__PURE__ */ jsx6(
-        Popover,
-        {
-          isOpen: menuOpen,
-          onClose: () => {
-            setMenuOpen(false);
-            setConfirming(false);
-          },
-          anchorRef: kebabRef,
-          align: "end",
-          className: "min-w-44 py-1",
-          children: confirming ? /* @__PURE__ */ jsxs5("div", { className: "px-3 py-2", children: [
-            /* @__PURE__ */ jsxs5("p", { className: "text-xs text-base-contrast-light", children: [
-              "Delete \u201C",
-              entry.title,
-              "\u201D? ",
-              entry.published ? "The published deck is removed too." : "It has never been published."
-            ] }),
-            /* @__PURE__ */ jsxs5("div", { className: "mt-2 flex justify-end gap-2", children: [
-              /* @__PURE__ */ jsx6(Button, { variant: "ghost", onClick: () => setConfirming(false), children: "Cancel" }),
-              /* @__PURE__ */ jsx6(
-                Button,
-                {
-                  variant: "destructive",
-                  onClick: () => {
-                    setMenuOpen(false);
-                    setConfirming(false);
-                    onDelete();
-                  },
-                  children: "Delete"
-                }
-              )
-            ] })
-          ] }) : /* @__PURE__ */ jsx6(PopoverItem, { className: "text-red-600", onClick: () => setConfirming(true), children: "Delete" })
-        }
-      )
-    ] })
-  ] });
-}
-function DeckStatusChip({ label, dotClassName }) {
-  return /* @__PURE__ */ jsxs5("span", { className: "inline-flex items-center gap-1.5 rounded-full border border-base-200 px-2 py-0.5 align-middle text-xs font-medium text-base-contrast", children: [
-    /* @__PURE__ */ jsx6("span", { "aria-hidden": "true", className: cn("h-3 w-3 rounded-full border border-base", dotClassName) }),
-    label
-  ] });
-}
-
-// src/deck-builder/starter-deck.ts
-function starterDeck(id, title) {
-  return DeckSchema.parse({
-    schemaVersion: DECK_SCHEMA_VERSION,
-    id,
-    title,
-    slides: [
-      {
-        id: "cover",
-        title: "Cover",
-        layout: {
-          type: "centeredText",
-          background: "brand",
-          content: {
-            type: "richText",
-            kicker: "New deck",
-            heading: title,
-            subheading: "Rename this slide's heading, or ask the assistant to rewrite the whole deck."
-          }
-        }
-      },
-      {
-        id: "context",
-        title: "Context",
-        layout: {
-          type: "centeredText",
-          content: {
-            type: "richText",
-            kicker: "Context",
-            heading: "What this deck is for",
-            paragraphs: [
-              "Every slide uses one of the portal's prebuilt Layouts, so it inherits the brand's type, color and spacing automatically."
-            ]
-          }
-        }
-      },
-      {
-        id: "next",
-        title: "Next",
-        layout: {
-          type: "centeredText",
-          content: {
-            type: "richText",
-            kicker: "Next",
-            heading: "Three things to try",
-            bullets: [
-              "Click a thumbnail below to move through the deck",
-              "Publish when you want the deck kept for you",
-              "Everything you change stays on this device until you do"
-            ]
-          }
-        }
-      }
-    ]
-  });
-}
-function newDeckId(title) {
-  const slug = title.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 40);
-  const suffix = Math.random().toString(36).slice(2, 8).replace(/[^a-z0-9]/g, "0").padEnd(6, "0");
-  return slug ? `${slug}-${suffix}` : `deck-${suffix}`;
-}
-
-// src/deck-builder/DeckBuilderApp.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-function DeckBuilderApp({ siteId, draftScope, mediaAssets, exitHref, canCreate }) {
-  const [drafts, setDrafts] = useState5([]);
-  const [published, setPublished] = useState5([]);
-  const [openDeckId, setOpenDeckId] = useState5(null);
-  const [slide, setSlide] = useState5(0);
-  const [loading, setLoading] = useState5(true);
-  const [busy, setBusy] = useState5(false);
-  const [notice, setNotice] = useState5(null);
-  const [conflict, setConflict] = useState5(null);
-  const [chatOpen, setChatOpen] = useState5(true);
-  const [chatBusy, setChatBusy] = useState5(false);
-  const alive = useRef5(true);
-  const editBase = useRef5(null);
-  useEffect5(() => {
-    alive.current = true;
-    return () => {
-      alive.current = false;
-    };
-  }, []);
-  const refreshDrafts = useCallback2(async () => {
-    const rows = await listDeckDrafts();
-    if (alive.current) setDrafts(rows);
-  }, []);
-  useEffect5(() => {
-    initDeckDraftStore(siteId, draftScope);
-    void (async () => {
-      await refreshDrafts();
-      const listed = await listPublishedDecks();
-      if (!alive.current) return;
-      if (listed.ok) setPublished(listed.value);
-      else setNotice(noticeFor(listed, "Could not list your published decks."));
-      setLoading(false);
-    })();
-  }, [siteId, draftScope, refreshDrafts]);
-  useEffect5(() => {
-    editBase.current = null;
-  }, [openDeckId]);
-  const entries = useMemo3(() => buildEntries(drafts, published), [drafts, published]);
-  const openRow = openDeckId === null ? null : drafts.find((row) => row.deckId === openDeckId) ?? null;
-  const openDeck = useCallback2(
-    async (id) => {
-      setNotice(null);
-      setSlide(0);
-      if (await getDeckDraft(id)) {
-        if (alive.current) setOpenDeckId(id);
-        return;
-      }
-      setBusy(true);
-      const read = await readPublishedDeck(id);
-      if (!alive.current) return;
-      setBusy(false);
-      if (!read.ok) {
-        setNotice(noticeFor(read, "Could not open that deck."));
-        return;
-      }
-      await markDeckDraftPublished(read.value.deck, read.value.version, read.value.meta?.updatedAt);
-      await refreshDrafts();
-      if (alive.current) setOpenDeckId(id);
-    },
-    [refreshDrafts]
-  );
-  const createDeck = useCallback2(async () => {
-    setNotice(null);
-    const title = `Untitled deck ${(/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { month: "short", day: "numeric" })}`;
-    const deck = starterDeck(newDeckId(title), title);
-    await putDeckDraft(deck);
-    await refreshDrafts();
-    if (!alive.current) return;
-    setSlide(0);
-    setOpenDeckId(deck.id);
-  }, [refreshDrafts]);
-  const applyDeck = useCallback2(
-    async (next) => {
-      editBase.current = { deckId: next.id, deck: next };
-      await putDeckDraft(next);
-      await refreshDrafts();
-      if (!alive.current) return;
-      setSlide((current) => Math.min(current, next.slides.length - 1));
-    },
-    [refreshDrafts]
-  );
-  const stageEdit = useCallback2(
-    async (result, focus) => {
-      if (!result.ok) {
-        setNotice({ tone: "error", text: "That change did not fit the deck's rules.", details: result.errors });
-        return;
-      }
-      setNotice(null);
-      editBase.current = { deckId: result.deck.id, deck: result.deck };
-      await putDeckDraft(result.deck);
-      await refreshDrafts();
-      if (!alive.current) return;
-      const last = result.deck.slides.length - 1;
-      setSlide((current) => Math.max(0, Math.min(focus ? focus(result.deck) : current, last)));
-    },
-    [refreshDrafts]
-  );
-  const currentDeck = useCallback2(() => {
-    if (openRow === null) return null;
-    const staged = editBase.current;
-    return staged !== null && staged.deckId === openRow.deckId ? staged.deck : openRow.deck;
-  }, [openRow]);
-  const editText = useCallback2(
-    (path, text) => {
-      const deck = currentDeck();
-      if (!deck || chatBusy) return;
-      const index = Math.min(slide, deck.slides.length - 1);
-      void stageEdit(applyDeckTextEdit(deck, index, path, text));
-    },
-    [currentDeck, slide, chatBusy, stageEdit]
-  );
-  const moveSlide = useCallback2(
-    (from, to) => {
-      const deck = currentDeck();
-      if (!deck || chatBusy) return;
-      void stageEdit(moveDeckSlide(deck, from, to), () => to);
-    },
-    [currentDeck, chatBusy, stageEdit]
-  );
-  const duplicateSlide = useCallback2(
-    (index) => {
-      const deck = currentDeck();
-      if (!deck || chatBusy) return;
-      void stageEdit(duplicateDeckSlide(deck, index), () => index + 1);
-    },
-    [currentDeck, chatBusy, stageEdit]
-  );
-  const deleteSlide = useCallback2(
-    (index) => {
-      const deck = currentDeck();
-      if (!deck || chatBusy) return;
-      void stageEdit(removeDeckSlide(deck, index), () => index - 1);
-    },
-    [currentDeck, chatBusy, stageEdit]
-  );
-  const removeDeck = useCallback2(
-    async (id) => {
-      setNotice(null);
-      setBusy(true);
-      if (published.some((p) => p.id === id)) {
-        const deleted = await deletePublishedDeck(id);
-        if (!alive.current) return;
-        if (!deleted.ok) {
-          setBusy(false);
-          setNotice(noticeFor(deleted, "Could not delete that deck."));
-          return;
-        }
-        setPublished((prev) => prev.filter((p) => p.id !== id));
-      }
-      await deleteDeckDraft(id);
-      clearDeckChat(draftScope, id);
-      await refreshDrafts();
-      if (!alive.current) return;
-      setBusy(false);
-      if (openDeckId === id) setOpenDeckId(null);
-    },
-    [published, openDeckId, refreshDrafts, draftScope]
-  );
-  const publish = useCallback2(async () => {
-    if (!openRow) return;
-    setNotice(null);
-    setConflict(null);
-    setBusy(true);
-    const publishing = currentDeck() ?? openRow.deck;
-    const result = await publishDeck(publishing, openRow.baseVersion);
-    if (!alive.current) return;
-    setBusy(false);
-    if (!result.ok) {
-      if (result.kind === "conflict") {
-        setConflict({ deckId: openRow.deckId, message: result.message });
-        return;
-      }
-      setNotice(noticeFor(result, "Could not publish this deck."));
-      return;
-    }
-    await recordDeckPublish(openRow.deckId, publishing, result.value.version);
-    await refreshDrafts();
-    if (!alive.current) return;
-    setPublished((prev) => {
-      const next = prev.filter((p) => p.id !== openRow.deckId);
-      next.push({ id: openRow.deckId, version: result.value.version, meta: result.value.meta });
-      return next;
-    });
-    setNotice({ tone: "info", text: "Published." });
-  }, [openRow, currentDeck, refreshDrafts]);
-  const reloadPublished = useCallback2(async () => {
-    if (!conflict) return;
-    setBusy(true);
-    const read = await readPublishedDeck(conflict.deckId);
-    if (!alive.current) return;
-    setBusy(false);
-    if (!read.ok) {
-      setNotice(noticeFor(read, "Could not reload that deck."));
-      return;
-    }
-    editBase.current = null;
-    await markDeckDraftPublished(read.value.deck, read.value.version, read.value.meta?.updatedAt);
-    await refreshDrafts();
-    if (!alive.current) return;
-    setConflict(null);
-    setSlide(0);
-    setNotice({ tone: "info", text: "Reloaded the published deck. Your staged edits were replaced." });
-  }, [conflict, refreshDrafts]);
-  const dirty = openRow ? hasUnpublishedChanges(openRow) : false;
-  return /* @__PURE__ */ jsxs6("div", { "data-deck-builder-app": "", className: "flex h-screen min-h-0 flex-col bg-base font-body text-base-contrast", children: [
-    /* @__PURE__ */ jsx7(
-      DeckBuilderTopBar,
-      {
-        exitHref,
-        onBackToLibrary: openDeckId === null ? void 0 : () => setOpenDeckId(null),
-        primaryAction: openRow ? (
-          // Locked during a turn: the deck is being rewritten, so publishing
-          // now would commit whichever half of it Dexie held at that instant.
-          /* @__PURE__ */ jsx7(Button, { variant: "brand", onClick: publish, disabled: busy || chatBusy || !dirty, children: dirty ? "Publish deck" : "Published" })
-        ) : canCreate ? /* @__PURE__ */ jsxs6(Button, { variant: "brand", onClick: createDeck, disabled: busy, children: [
-          /* @__PURE__ */ jsx7(PlusIcon2, { size: 14, className: "mr-1.5", "aria-hidden": "true" }),
-          "New deck"
-        ] }) : null,
-        status: openRow ? `${dirty ? "Draft \xB7 staged on this device" : "Published"} \xB7 ${openRow.deck.slides.length} slides` : loading ? "Loading your decks\u2026" : `${entries.length} ${entries.length === 1 ? "deck" : "decks"}`
-      }
-    ),
-    /* @__PURE__ */ jsxs6("div", { className: "flex min-h-0 flex-1", children: [
-      /* @__PURE__ */ jsxs6("div", { className: "min-h-0 flex-1 overflow-y-auto", children: [
-        conflict && /* @__PURE__ */ jsxs6("div", { role: "alert", className: "mx-auto flex max-w-screen-xl flex-wrap items-center gap-3 px-4 pt-4", children: [
-          /* @__PURE__ */ jsx7("p", { className: "text-xs text-base-contrast", children: conflict.message }),
-          /* @__PURE__ */ jsx7(Button, { variant: "secondary", onClick: reloadPublished, disabled: busy, children: "Reload the published deck" }),
-          /* @__PURE__ */ jsx7(Button, { variant: "ghost", onClick: () => setConflict(null), children: "Keep my version" })
-        ] }),
-        notice && /* @__PURE__ */ jsxs6(
-          "div",
-          {
-            role: notice.tone === "error" ? "alert" : "status",
-            className: "mx-auto max-w-screen-xl px-4 pt-4 text-xs text-base-contrast",
-            children: [
-              /* @__PURE__ */ jsx7("p", { children: notice.text }),
-              notice.details && /* @__PURE__ */ jsx7("ul", { className: "mt-1 list-disc pl-4 text-base-contrast-light", children: notice.details.map((detail) => /* @__PURE__ */ jsx7("li", { children: detail }, detail)) })
-            ]
-          }
-        ),
-        openRow ? /* @__PURE__ */ jsx7(
-          DeckEditor,
-          {
-            deck: openRow.deck,
-            mediaAssets,
-            currentSlide: slide,
-            onSelectSlide: setSlide,
-            onBack: () => setOpenDeckId(null),
-            onEditText: editText,
-            onMoveSlide: moveSlide,
-            onDuplicateSlide: duplicateSlide,
-            onDeleteSlide: deleteSlide,
-            locked: chatBusy,
-            statusLine: dirty ? openRow.baseVersion === null ? "Never published \u2014 staged on this device" : "Unpublished changes on this device" : "Published"
-          }
-        ) : loading ? /* @__PURE__ */ jsx7("p", { className: "mx-auto max-w-screen-xl px-4 pt-8 text-sm text-base-contrast-light", children: "Loading your decks\u2026" }) : /* @__PURE__ */ jsx7(
-          DeckLibrary,
-          {
-            entries,
-            mediaAssets,
-            canCreate,
-            onOpen: (id) => void openDeck(id),
-            onCreate: () => void createDeck(),
-            onDelete: (id) => void removeDeck(id)
-          }
-        )
-      ] }),
-      openRow && (chatOpen ? /* @__PURE__ */ jsx7(
-        DeckChatPanel,
-        {
-          deck: openRow.deck,
-          getDeck: currentDeck,
-          scope: draftScope,
-          onDeck: (next) => void applyDeck(next),
-          onBusyChange: setChatBusy,
-          disabled: busy,
-          onClose: () => setChatOpen(false)
-        }
-      ) : /* @__PURE__ */ jsx7(
-        "button",
-        {
-          type: "button",
-          onClick: () => setChatOpen(true),
-          "aria-label": "Show deck assistant",
-          className: "fixed right-4 bottom-4 z-50 flex h-10 w-10 cursor-pointer items-center justify-center rounded-full bg-primary text-primary-contrast shadow-lg hover:opacity-90",
-          children: /* @__PURE__ */ jsx7(MessageSquareIcon, { size: 18, "aria-hidden": "true" })
-        }
-      ))
-    ] })
-  ] });
-}
-function buildEntries(drafts, published) {
-  const byId = /* @__PURE__ */ new Map();
-  for (const row of drafts) {
-    byId.set(row.deckId, {
-      id: row.deckId,
-      title: row.deck.title,
-      slideCount: row.deck.slides.length,
-      updatedAt: row.updatedAt,
-      draft: { deck: row.deck, baseVersion: row.baseVersion },
-      published: null,
-      unpublishedChanges: hasUnpublishedChanges(row)
-    });
-  }
-  for (const summary of published) {
-    const existing = byId.get(summary.id);
-    if (existing) {
-      existing.published = { version: summary.version };
-      continue;
-    }
-    byId.set(summary.id, {
-      id: summary.id,
-      title: summary.meta?.title ?? summary.id,
-      slideCount: summary.meta?.slideCount ?? 0,
-      updatedAt: summary.meta?.updatedAt ?? (/* @__PURE__ */ new Date(0)).toISOString(),
-      draft: null,
-      published: { version: summary.version },
-      unpublishedChanges: false
-    });
-  }
-  return [...byId.values()].sort((a, b) => b.updatedAt.localeCompare(a.updatedAt));
-}
-function noticeFor(failure2, fallback) {
-  switch (failure2.kind) {
-    case "invalid":
-      return { tone: "error", text: "The deck did not pass validation.", details: failure2.details };
-    case "forbidden":
-      return { tone: "error", text: failure2.message };
-    case "notFound":
-      return { tone: "error", text: "That deck is no longer there." };
-    case "conflict":
-    case "unavailable":
-    case "failed":
-      return { tone: "error", text: `${fallback} ${failure2.message}` };
-  }
-}
-export {
-  DeckBuilderApp,
-  newDeckId,
-  starterDeck
-};