pptx-react-viewer 1.25.5 → 2.1.0

package/dist/AiChatPanel-VCCVHAAI.js

@@ -0,0 +1,1089 @@
+'use strict';
+
+var chunkSYPHGLIB_js = require('./chunk-SYPHGLIB.js');
+var chunkLDF77JJD_js = require('./chunk-LDF77JJD.js');
+require('./chunk-46Z6MNRS.js');
+require('./chunk-CUUYYYC5.js');
+require('./chunk-CLNGAVNH.js');
+require('./chunk-4VNS5WPM.js');
+var react = require('react');
+var reactI18next = require('react-i18next');
+var lu = require('react-icons/lu');
+var react$1 = require('@ai-sdk/react');
+var ai = require('ai');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/viewer/hooks/ai/ai-deck-id.ts
+function deckIdFromBridge(bridge) {
+  const meta = bridge.getDeckMeta();
+  const title = (meta.title ?? "deck").trim().toLowerCase().replace(/\s+/gu, "-").slice(0, 60);
+  return `${title || "deck"}::${meta.slideCount}`;
+}
+function useAiChat(bridge, config) {
+  const configRef = react.useRef(config);
+  const [state, setState] = react.useState("checking");
+  const [session, setSession] = react.useState(null);
+  const [initError, setInitError] = react.useState(void 0);
+  react.useEffect(() => {
+    let cancelled = false;
+    setState("checking");
+    setSession(null);
+    setInitError(void 0);
+    void (async () => {
+      try {
+        const available = await chunkSYPHGLIB_js.isAiAvailable();
+        if (cancelled) {
+          return;
+        }
+        if (!available) {
+          setState("unavailable");
+          return;
+        }
+        const built = await chunkSYPHGLIB_js.createAiChatSession(bridge, configRef.current);
+        if (cancelled) {
+          return;
+        }
+        setSession(built);
+        setState("ready");
+      } catch (err) {
+        if (cancelled) {
+          return;
+        }
+        setInitError(err instanceof Error ? err : new Error(String(err)));
+        setState("error");
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [bridge]);
+  return { state, session, initError };
+}
+var READY_TOOL_STATES = /* @__PURE__ */ new Set([
+  "input-available",
+  "output-available",
+  "output-error"
+]);
+function extractReadyToolCalls(messages) {
+  const out = [];
+  for (const message of messages) {
+    for (const part of message.parts) {
+      if (!ai.isToolUIPart(part) && !ai.isDynamicToolUIPart(part)) {
+        continue;
+      }
+      const tp = part;
+      const toolCallId = tp.toolCallId ?? "";
+      if (toolCallId.length === 0 || tp.input === void 0) {
+        continue;
+      }
+      if (!READY_TOOL_STATES.has(tp.state ?? "")) {
+        continue;
+      }
+      out.push({ toolName: ai.getToolOrDynamicToolName(part), toolCallId, input: tp.input });
+    }
+  }
+  return out;
+}
+function toRenderableParts(message) {
+  const out = [];
+  for (const part of message.parts) {
+    if (ai.isTextUIPart(part)) {
+      if (part.text.trim().length > 0) {
+        out.push({ kind: "text", text: part.text });
+      }
+      continue;
+    }
+    if (ai.isToolUIPart(part) || ai.isDynamicToolUIPart(part)) {
+      const tp = part;
+      out.push({
+        kind: "tool",
+        toolName: ai.getToolOrDynamicToolName(part),
+        toolCallId: tp.toolCallId ?? "",
+        state: tp.state ?? "input-streaming",
+        input: tp.input,
+        output: tp.output,
+        errorText: tp.errorText
+      });
+    }
+  }
+  return out;
+}
+
+// src/viewer/hooks/ai/ai-context-transport.ts
+function injectDeckContext(messages, context) {
+  const lastUserIndex = findLastUserIndex(messages);
+  if (lastUserIndex < 0) {
+    return messages;
+  }
+  const target = messages[lastUserIndex];
+  const contextPart = {
+    type: "text",
+    text: `Current deck context (for your reference; do not repeat it back verbatim):
+
+${context}`
+  };
+  const next = messages.slice();
+  next[lastUserIndex] = {
+    ...target,
+    parts: [contextPart, ...target.parts]
+  };
+  return next;
+}
+function findLastUserIndex(messages) {
+  for (let i = messages.length - 1; i >= 0; i--) {
+    if (messages[i].role === "user") {
+      return i;
+    }
+  }
+  return -1;
+}
+function withDeckContext(inner, bridge, strategy) {
+  return {
+    async sendMessages(options) {
+      if (strategy === "none" && !bridge.getFocusedTargets) {
+        return inner.sendMessages(options);
+      }
+      let context = "";
+      try {
+        context = await chunkSYPHGLIB_js.buildDeckContext(bridge, { strategy, focus: {} });
+      } catch {
+        context = "";
+      }
+      if (!context.trim()) {
+        return inner.sendMessages(options);
+      }
+      return inner.sendMessages({
+        ...options,
+        messages: injectDeckContext(options.messages, context)
+      });
+    },
+    reconnectToStream(options) {
+      return inner.reconnectToStream(options);
+    }
+  };
+}
+
+// src/viewer/hooks/ai/useAiConversation.ts
+function useAiConversation(session, config, bridge, options = {}) {
+  const [, forceRefresh] = react.useReducer((n) => n + 1, 0);
+  const chatRef = react.useRef(null);
+  const onToolTargetRef = react.useRef(options.onToolTarget);
+  onToolTargetRef.current = options.onToolTarget;
+  const seenToolCallsRef = react.useRef(/* @__PURE__ */ new Set());
+  const clientExecutes = session.clientExecutesTools;
+  const transport = react.useMemo(
+    () => withDeckContext(session.transport, bridge, config.contextStrategy ?? "outline"),
+    [session, bridge, config.contextStrategy]
+  );
+  const chat = react$1.useChat({
+    transport,
+    sendAutomaticallyWhen: clientExecutes ? session.sendAutomaticallyWhen : void 0,
+    onError: (err) => config.onError?.(err),
+    onToolCall: clientExecutes ? async ({ toolCall }) => {
+      const { toolName, toolCallId, input } = toolCall;
+      const current = chatRef.current;
+      if (!current) {
+        return;
+      }
+      const addToolOutput = current.addToolOutput;
+      try {
+        const output = await session.executeToolCall(toolName, input);
+        addToolOutput({ tool: toolName, toolCallId, output });
+      } catch (err) {
+        addToolOutput({
+          tool: toolName,
+          toolCallId,
+          state: "output-error",
+          errorText: err instanceof Error ? err.message : String(err)
+        });
+      }
+      forceRefresh();
+    } : void 0
+  });
+  chatRef.current = chat;
+  react.useEffect(() => {
+    const seen = seenToolCallsRef.current;
+    for (const call of extractReadyToolCalls(chat.messages)) {
+      if (seen.has(call.toolCallId)) {
+        continue;
+      }
+      seen.add(call.toolCallId);
+      onToolTargetRef.current?.(chunkSYPHGLIB_js.toolCanvasTarget(call.toolName, call.input));
+    }
+  }, [chat.messages]);
+  const send = react.useCallback(
+    (text) => {
+      const trimmed = text.trim();
+      if (trimmed.length === 0) {
+        return;
+      }
+      void chat.sendMessage({ text: trimmed });
+    },
+    [chat]
+  );
+  const applyProposal = react.useCallback(
+    (id) => {
+      session.proposals.apply(id);
+      forceRefresh();
+    },
+    [session]
+  );
+  const rejectProposal = react.useCallback(
+    (id) => {
+      session.proposals.revert(id);
+      forceRefresh();
+    },
+    [session]
+  );
+  const acceptAllProposals = react.useCallback(() => {
+    session.proposals.acceptAll();
+    forceRefresh();
+  }, [session]);
+  const setMessages = react.useCallback(
+    (next) => {
+      chat.setMessages(next);
+      for (const call of extractReadyToolCalls(next)) {
+        seenToolCallsRef.current.add(call.toolCallId);
+      }
+      session.proposals.clear();
+      forceRefresh();
+    },
+    [chat, session]
+  );
+  return {
+    messages: chat.messages,
+    status: chat.status,
+    error: chat.error,
+    isStreaming: chat.status === "submitted" || chat.status === "streaming",
+    send,
+    stop: () => void chat.stop(),
+    setMessages,
+    clearError: () => chat.clearError(),
+    proposals: session.proposals.list(),
+    applyProposal,
+    rejectProposal,
+    acceptAllProposals
+  };
+}
+var SAVE_DEBOUNCE_MS = 800;
+var TITLE_MAX = 40;
+function newChatId() {
+  return `chat-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`;
+}
+function deriveTitle(messages) {
+  for (const message of messages) {
+    if (message.role !== "user") {
+      continue;
+    }
+    const text = message.parts.filter((p) => p.type === "text").map((p) => p.text).join(" ").trim();
+    if (text) {
+      return text.length > TITLE_MAX ? `${text.slice(0, TITLE_MAX).trimEnd()}\u2026` : text;
+    }
+  }
+  return "";
+}
+function useAiHistory(input) {
+  const { deckId, messages, setMessages } = input;
+  const store = react.useMemo(() => input.store ?? chunkSYPHGLIB_js.createChatHistoryStore(), [input.store]);
+  const [activeChatId, setActiveChatId] = react.useState(newChatId);
+  const [chats, setChats] = react.useState([]);
+  const createdAtRef = react.useRef(Date.now());
+  const saveTimer = react.useRef(null);
+  const refresh = react.useCallback(async () => {
+    setChats(await store.listChats({ deckId }));
+  }, [store, deckId]);
+  react.useEffect(() => {
+    setActiveChatId(newChatId());
+    createdAtRef.current = Date.now();
+    void refresh();
+  }, [refresh]);
+  react.useEffect(() => {
+    if (messages.length === 0) {
+      return;
+    }
+    if (saveTimer.current) {
+      clearTimeout(saveTimer.current);
+    }
+    saveTimer.current = setTimeout(() => {
+      void (async () => {
+        await store.saveChat({
+          id: activeChatId,
+          title: deriveTitle(messages) || "Untitled chat",
+          deckId,
+          messages,
+          createdAt: createdAtRef.current,
+          updatedAt: Date.now()
+        });
+        await refresh();
+      })();
+    }, SAVE_DEBOUNCE_MS);
+    return () => {
+      if (saveTimer.current) {
+        clearTimeout(saveTimer.current);
+      }
+    };
+  }, [messages, activeChatId, deckId, store, refresh]);
+  const newChat = react.useCallback(() => {
+    setActiveChatId(newChatId());
+    createdAtRef.current = Date.now();
+    setMessages([]);
+  }, [setMessages]);
+  const clearCurrent = react.useCallback(() => {
+    setMessages([]);
+  }, [setMessages]);
+  const resumeChat = react.useCallback(
+    async (id) => {
+      const chat = await store.loadChat(id);
+      if (!chat) {
+        return;
+      }
+      setActiveChatId(chat.id);
+      createdAtRef.current = chat.createdAt;
+      setMessages(chat.messages);
+    },
+    [store, setMessages]
+  );
+  const deleteChat = react.useCallback(
+    async (id) => {
+      await store.deleteChat(id);
+      if (id === activeChatId) {
+        setActiveChatId(newChatId());
+        createdAtRef.current = Date.now();
+        setMessages([]);
+      }
+      await refresh();
+    },
+    [store, activeChatId, setMessages, refresh]
+  );
+  return { chats, activeChatId, refresh, newChat, resumeChat, clearCurrent, deleteChat };
+}
+function AiComposer({
+  isStreaming,
+  onSend,
+  onStop,
+  prefillText,
+  prefillNonce
+}) {
+  const { t } = reactI18next.useTranslation();
+  const [value, setValue] = react.useState("");
+  const textareaRef = react.useRef(null);
+  const appliedNonce = react.useRef(void 0);
+  react.useEffect(() => {
+    if (prefillNonce === void 0 || prefillNonce === appliedNonce.current) {
+      return;
+    }
+    appliedNonce.current = prefillNonce;
+    if (prefillText) {
+      setValue(prefillText);
+    }
+    textareaRef.current?.focus();
+  }, [prefillNonce, prefillText]);
+  const submit = react.useCallback(() => {
+    const trimmed = value.trim();
+    if (trimmed.length === 0 || isStreaming) {
+      return;
+    }
+    onSend(trimmed);
+    setValue("");
+  }, [value, isStreaming, onSend]);
+  const handleKeyDown = react.useCallback(
+    (e) => {
+      if (e.key === "Enter" && !e.shiftKey) {
+        e.preventDefault();
+        submit();
+      }
+    },
+    [submit]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border p-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end gap-1.5 rounded-md border border-input bg-background px-2 py-1.5 focus-within:border-ring", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "textarea",
+      {
+        ref: textareaRef,
+        value,
+        onChange: (e) => setValue(e.target.value),
+        onKeyDown: handleKeyDown,
+        rows: 1,
+        placeholder: t("pptx.ai.placeholder"),
+        "aria-label": t("pptx.ai.placeholder"),
+        className: "max-h-32 min-h-[1.5rem] flex-1 resize-none bg-transparent text-[13px] text-foreground outline-none placeholder:text-muted-foreground"
+      }
+    ),
+    isStreaming ? /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onStop,
+        title: t("pptx.ai.stop"),
+        "aria-label": t("pptx.ai.stop"),
+        className: "shrink-0 rounded-sm p-1.5 text-muted-foreground transition-colors hover:bg-accent",
+        children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuSquare, { className: "w-4 h-4" })
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: submit,
+        disabled: value.trim().length === 0,
+        title: t("pptx.ai.send"),
+        "aria-label": t("pptx.ai.send"),
+        className: chunkLDF77JJD_js.cn(
+          "shrink-0 rounded-sm p-1.5 transition-colors",
+          value.trim().length === 0 ? "text-muted-foreground/50" : "bg-primary text-primary-foreground hover:bg-primary/90"
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuSend, { className: "w-4 h-4" })
+      }
+    )
+  ] }) });
+}
+function mergeDirective(slideIndex, elementIdA, elementIdB) {
+  return `Merge the two selected tables (elementIdA=${elementIdA}, elementIdB=${elementIdB}) on slide ${slideIndex + 1} using merge_tables; stage it now, do not ask me to confirm.`;
+}
+function AiFocusBar({
+  targets,
+  slides,
+  isPinned,
+  onPin,
+  onClearPin,
+  onSendDirective,
+  pickMode,
+  hasPicks,
+  onStartPick,
+  onStopPick,
+  onClearPicks
+}) {
+  const { t } = reactI18next.useTranslation();
+  const chips = chunkSYPHGLIB_js.focusTargetChips(targets, slides);
+  const twoTables = chunkSYPHGLIB_js.isTwoTableFocus(targets, slides);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-border bg-secondary/30", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1 px-2.5 py-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("pptx.ai.focusScope") }),
+      chips.map((chip) => /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: chunkLDF77JJD_js.cn(
+            "inline-flex max-w-[10rem] items-center rounded-full px-2 py-0.5 text-[11px]",
+            hasPicks || isPinned ? "bg-primary/15 text-primary" : "bg-muted text-muted-foreground"
+          ),
+          title: chip.title,
+          children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: chip.label })
+        },
+        chip.key
+      )),
+      isPinned && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-primary/15 px-1.5 py-0.5 text-[10px] font-medium text-primary", children: t("pptx.ai.pinnedFocus") }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-auto flex items-center gap-0.5", children: [
+        twoTables && /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onSendDirective(
+              mergeDirective(twoTables.slideIndex, twoTables.elementIdA, twoTables.elementIdB)
+            ),
+            className: "inline-flex items-center gap-1 rounded-sm bg-primary/90 px-1.5 py-0.5 text-[11px] font-medium text-primary-foreground hover:bg-primary",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lu.LuGitMerge, { className: "w-3 h-3" }),
+              t("pptx.ai.mergeSelectedTables")
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: pickMode ? onStopPick : onStartPick,
+            title: t("pptx.ai.pickElement"),
+            "aria-label": t("pptx.ai.pickAria"),
+            "aria-pressed": pickMode,
+            className: chunkLDF77JJD_js.cn(
+              "rounded-sm p-1",
+              pickMode ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-accent"
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuCrosshair, { className: "w-3.5 h-3.5" })
+          }
+        ),
+        hasPicks && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onClearPicks,
+            title: t("pptx.ai.pickClear"),
+            "aria-label": t("pptx.ai.pickClear"),
+            className: "rounded-sm p-1 text-muted-foreground hover:bg-accent",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuX, { className: "w-3.5 h-3.5" })
+          }
+        ),
+        !hasPicks && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: isPinned ? onClearPin : onPin,
+            title: isPinned ? t("pptx.ai.clearFocus") : t("pptx.ai.pinFocus"),
+            "aria-label": isPinned ? t("pptx.ai.clearFocus") : t("pptx.ai.pinFocus"),
+            className: "rounded-sm p-1 text-muted-foreground hover:bg-accent",
+            children: isPinned ? /* @__PURE__ */ jsxRuntime.jsx(lu.LuPinOff, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(lu.LuPin, { className: "w-3.5 h-3.5" })
+          }
+        )
+      ] })
+    ] }),
+    pickMode && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 border-t border-primary/20 bg-primary/5 px-2.5 py-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lu.LuCrosshair, { className: "w-3.5 h-3.5 shrink-0 animate-pulse text-primary" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-medium text-primary", children: t("pptx.ai.pickElementHint") }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onStopPick,
+          className: "ml-auto rounded-sm bg-primary px-2 py-0.5 text-[11px] font-medium text-primary-foreground hover:bg-primary/90",
+          children: t("pptx.ai.pickDone")
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/viewer/components/ai/ai-relative-time.ts
+function relativeTime(from, now = Date.now()) {
+  const seconds = Math.max(0, Math.round((now - from) / 1e3));
+  if (seconds < 45) {
+    return "just now";
+  }
+  const minutes = Math.round(seconds / 60);
+  if (minutes < 60) {
+    return `${minutes}m ago`;
+  }
+  const hours = Math.round(minutes / 60);
+  if (hours < 24) {
+    return `${hours}h ago`;
+  }
+  const days = Math.round(hours / 24);
+  if (days < 7) {
+    return `${days}d ago`;
+  }
+  const weeks = Math.round(days / 7);
+  return `${weeks}w ago`;
+}
+function AiHistoryList({ chats, activeChatId, onResume, onDelete }) {
+  const { t } = reactI18next.useTranslation();
+  if (chats.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-3 py-4 text-center text-[12px] text-muted-foreground", children: t("pptx.ai.historyEmpty") });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "max-h-64 overflow-y-auto py-1", children: chats.map((chat) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "group flex items-center gap-1 px-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => onResume(chat.id),
+        className: chunkLDF77JJD_js.cn(
+          "flex min-w-0 flex-1 items-start gap-2 rounded-sm px-2 py-1.5 text-left hover:bg-accent",
+          chat.id === activeChatId && "bg-accent/60"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lu.LuMessageSquare, { className: "mt-0.5 w-3.5 h-3.5 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-[12px] font-medium text-foreground", children: chat.title || t("pptx.ai.untitledChat") }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "block text-[10px] text-muted-foreground", children: [
+              relativeTime(chat.updatedAt),
+              " \xB7",
+              " ",
+              t("pptx.ai.messageCount", { count: chat.messageCount })
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onDelete(chat.id),
+        title: t("pptx.ai.deleteChat"),
+        "aria-label": t("pptx.ai.deleteChat"),
+        className: "shrink-0 rounded-sm p-1 text-muted-foreground opacity-0 transition-opacity hover:bg-destructive/10 hover:text-destructive group-hover:opacity-100",
+        children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuTrash2, { className: "w-3.5 h-3.5" })
+      }
+    )
+  ] }, chat.id)) });
+}
+function AiHistoryMenu({
+  chats,
+  activeChatId,
+  onResume,
+  onDelete,
+  onNewChat,
+  onClose
+}) {
+  const { t } = reactI18next.useTranslation();
+  const ref = react.useRef(null);
+  react.useEffect(() => {
+    const handler = (e) => {
+      if (ref.current && !ref.current.contains(e.target)) {
+        onClose();
+      }
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, [onClose]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: "absolute right-2 top-10 z-40 w-64 rounded-md border border-border bg-popover shadow-xl",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between border-b border-border px-2.5 py-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("pptx.ai.historyTitle") }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                onNewChat();
+                onClose();
+              },
+              className: "inline-flex items-center gap-1 rounded-sm bg-primary/90 px-1.5 py-0.5 text-[11px] font-medium text-primary-foreground hover:bg-primary",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lu.LuPlus, { className: "w-3 h-3" }),
+                t("pptx.ai.newChat")
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          AiHistoryList,
+          {
+            chats,
+            activeChatId,
+            onResume: (id) => {
+              onResume(id);
+              onClose();
+            },
+            onDelete
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "border-t border-border px-2.5 py-1.5 text-[10px] text-muted-foreground", children: t("pptx.ai.historyHint") })
+      ]
+    }
+  );
+}
+
+// src/viewer/components/ai/ai-theme-result.ts
+var THEME_TOOLS = /* @__PURE__ */ new Set(["apply_theme_preset", "update_theme_colors", "update_theme_fonts"]);
+function appliedThemeFromPart(part) {
+  if (!THEME_TOOLS.has(part.toolName) || part.state !== "output-available") {
+    return null;
+  }
+  const out = part.output;
+  if (!out?.applied) {
+    return null;
+  }
+  return { summary: out.summary ?? "Theme updated", previous: out.previous ?? {} };
+}
+function AiAppliedThemeCard({ summary, onUndo }) {
+  const { t } = reactI18next.useTranslation();
+  const [undone, setUndone] = react.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 rounded-md border border-primary/30 bg-primary/5 px-2.5 py-1.5 text-[12px]", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(lu.LuPalette, { className: "w-3.5 h-3.5 shrink-0 text-primary" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0 flex-1 break-words text-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium text-primary", children: [
+        t("pptx.ai.applied"),
+        ":"
+      ] }),
+      " ",
+      summary
+    ] }),
+    !undone && /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          onUndo();
+          setUndone(true);
+        },
+        className: "inline-flex shrink-0 items-center gap-1 rounded-sm px-1.5 py-0.5 text-[11px] text-muted-foreground hover:bg-accent hover:text-foreground",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lu.LuUndo2, { className: "w-3 h-3" }),
+          t("pptx.ai.undo")
+        ]
+      }
+    )
+  ] });
+}
+var ICONS = {
+  view: lu.LuEye,
+  text: lu.LuType,
+  shape: lu.LuShapes,
+  theme: lu.LuPalette,
+  table: lu.LuTable,
+  slide: lu.LuLayoutTemplate,
+  chart: lu.LuChartColumn,
+  move: lu.LuMove,
+  delete: lu.LuTrash2,
+  search: lu.LuSearch,
+  nav: lu.LuNavigation,
+  animation: lu.LuFilm,
+  notes: lu.LuStickyNote,
+  tool: lu.LuWrench
+};
+function AiToolCallCard({ part }) {
+  const { t } = reactI18next.useTranslation();
+  const failed = part.state === "output-error";
+  const done = part.state === "output-available";
+  const running = !failed && !done;
+  const activity = chunkSYPHGLIB_js.describeToolActivity(part.toolName, part.input, running ? "present" : "past");
+  const Icon = ICONS[activity.icon] ?? lu.LuWrench;
+  const rawSummary = chunkSYPHGLIB_js.summarizeToolArgs(part.input);
+  const statusLabel = failed ? t("pptx.ai.toolFailed") : done ? t("pptx.ai.toolDone") : t("pptx.ai.toolRunning");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[12px]", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Icon,
+        {
+          className: chunkLDF77JJD_js.cn(
+            "w-3.5 h-3.5 shrink-0",
+            failed ? "text-destructive" : "text-muted-foreground"
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkLDF77JJD_js.cn("truncate", failed ? "text-destructive" : "text-foreground"), children: activity.label }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "span",
+        {
+          className: chunkLDF77JJD_js.cn(
+            "ml-auto inline-flex items-center gap-1 rounded-sm px-1.5 py-0.5 text-[10px]",
+            failed ? "bg-destructive/15 text-destructive" : done ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"
+          ),
+          children: [
+            running && /* @__PURE__ */ jsxRuntime.jsx(lu.LuLoaderCircle, { className: "w-3 h-3 animate-spin" }),
+            done && /* @__PURE__ */ jsxRuntime.jsx(lu.LuCheck, { className: "w-3 h-3" }),
+            failed && /* @__PURE__ */ jsxRuntime.jsx(lu.LuTriangleAlert, { className: "w-3 h-3" }),
+            statusLabel
+          ]
+        }
+      )
+    ] }),
+    failed && part.errorText && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 pl-5 text-[11px] text-destructive", children: part.errorText }),
+    rawSummary && /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "group mt-0.5 pl-5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("summary", { className: "cursor-pointer list-none text-[10px] text-muted-foreground/70 hover:text-muted-foreground", children: t("pptx.ai.toolDetails") }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-0.5 break-words font-mono text-[10px] text-muted-foreground/80", children: [
+        chunkSYPHGLIB_js.toolLabel(part.toolName),
+        ": ",
+        rawSummary
+      ] })
+    ] })
+  ] });
+}
+function AiMessageList({ messages, isStreaming, bridge }) {
+  const { t } = reactI18next.useTranslation();
+  const endRef = react.useRef(null);
+  react.useEffect(() => {
+    endRef.current?.scrollIntoView({ block: "end" });
+  }, [messages, isStreaming]);
+  if (messages.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 px-6 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lu.LuSparkles, { className: "w-7 h-7 text-primary/70" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-foreground", children: t("pptx.ai.emptyTitle") }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[12px] text-muted-foreground", children: t("pptx.ai.emptyHint") })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-3 overflow-y-auto px-3 py-3", children: [
+    messages.map((message) => {
+      const isUser = message.role === "user";
+      const parts = toRenderableParts(message);
+      if (parts.length === 0 && !isUser) {
+        return null;
+      }
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: chunkLDF77JJD_js.cn(
+              "mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full",
+              isUser ? "bg-secondary text-muted-foreground" : "bg-primary/15 text-primary"
+            ),
+            "aria-label": isUser ? t("pptx.ai.you") : t("pptx.ai.assistant"),
+            children: isUser ? /* @__PURE__ */ jsxRuntime.jsx(lu.LuUser, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(lu.LuBot, { className: "w-3.5 h-3.5" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1 space-y-1.5", children: parts.map((part, i) => {
+          if (part.kind === "text") {
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              "p",
+              {
+                className: "whitespace-pre-wrap break-words text-[13px] leading-relaxed text-foreground",
+                children: part.text
+              },
+              i
+            );
+          }
+          const applied = appliedThemeFromPart(part);
+          if (applied) {
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              AiAppliedThemeCard,
+              {
+                summary: applied.summary,
+                onUndo: () => bridge.applyTheme(applied.previous)
+              },
+              part.toolCallId || i
+            );
+          }
+          return /* @__PURE__ */ jsxRuntime.jsx(AiToolCallCard, { part }, part.toolCallId || i);
+        }) })
+      ] }, message.id);
+    }),
+    isStreaming && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 pl-8 text-[12px] text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-1.5 w-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:-0.2s]" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-1.5 w-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:-0.1s]" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-1.5 w-1.5 animate-bounce rounded-full bg-muted-foreground" })
+      ] }),
+      t("pptx.ai.thinking")
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: endRef })
+  ] });
+}
+function AiProposalCard({ proposal, onAccept, onReject }) {
+  const { t } = reactI18next.useTranslation();
+  const lines = proposal.summary.map(chunkSYPHGLIB_js.humanizeDiffLine);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md border border-primary/40 bg-primary/5 p-2.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1.5 text-[11px] font-semibold uppercase tracking-wide text-primary", children: t("pptx.ai.proposedChange") }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[12px] font-medium text-foreground", children: proposal.label }),
+    lines.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-1 max-h-40 space-y-0.5 overflow-y-auto text-[11px] text-muted-foreground", children: lines.map((line, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "break-words", children: line }, i)) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => onAccept(proposal.id),
+          className: "inline-flex items-center gap-1 rounded-sm bg-primary px-2 py-1 text-[11px] font-medium text-primary-foreground transition-colors hover:bg-primary/90",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lu.LuCheck, { className: "w-3.5 h-3.5" }),
+            t("pptx.ai.accept")
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => onReject(proposal.id),
+          className: "inline-flex items-center gap-1 rounded-sm border border-border px-2 py-1 text-[11px] text-muted-foreground transition-colors hover:bg-accent",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lu.LuX, { className: "w-3.5 h-3.5" }),
+            t("pptx.ai.reject")
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function AiConversation({ session, config, bridge, aiPanel, deckId }) {
+  const { t } = reactI18next.useTranslation();
+  const chat = useAiConversation(session, config, bridge, {
+    // Live "AI as a collaborator" focus: as each tool runs, navigate to and
+    // highlight the slide / element(s) it touches so the canvas mirrors the
+    // assistant in real time (and colour edits tween while it is active).
+    onToolTarget: (target) => {
+      if (target && target.slideIndex !== void 0) {
+        bridge.goToSlide(target.slideIndex);
+      }
+      aiPanel.flashToolTarget(target);
+    }
+  });
+  const history = useAiHistory({
+    deckId,
+    messages: chat.messages,
+    setMessages: chat.setMessages
+  });
+  const [historyOpen, setHistoryOpen] = react.useState(false);
+  const { showChangeBatch } = aiPanel;
+  react.useEffect(() => {
+    return session.changeAnimator.subscribe((batch) => {
+      if (batch) {
+        bridge.goToSlide(batch.slideIndex);
+      }
+      showChangeBatch(batch);
+    });
+  }, [session, bridge, showChangeBatch]);
+  const hasPicks = aiPanel.pickTargets.length > 0;
+  const effectiveTargets = hasPicks ? aiPanel.pickTargets : aiPanel.pinnedFocus ?? aiPanel.liveFocusTargets;
+  const isPinned = !hasPicks && aiPanel.pinnedFocus !== null;
+  const applyProposal = (id) => {
+    aiPanel.flashToolTarget(null);
+    chat.applyProposal(id);
+  };
+  const acceptAllProposals = () => {
+    aiPanel.flashToolTarget(null);
+    chat.acceptAllProposals();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex min-h-0 flex-1 flex-col", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 border-b border-border px-2 py-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => setHistoryOpen((p) => !p),
+          className: "inline-flex items-center gap-1 rounded-sm px-1.5 py-1 text-[12px] text-muted-foreground hover:bg-accent",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lu.LuHistory, { className: "w-3.5 h-3.5" }),
+            t("pptx.ai.chats")
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-auto flex items-center gap-0.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: history.newChat,
+            title: t("pptx.ai.newChat"),
+            "aria-label": t("pptx.ai.newChat"),
+            className: "rounded-sm p-1 text-muted-foreground hover:bg-accent",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuMessageSquarePlus, { className: "w-3.5 h-3.5" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: history.clearCurrent,
+            title: t("pptx.ai.clearChat"),
+            "aria-label": t("pptx.ai.clearChat"),
+            disabled: chat.messages.length === 0,
+            className: "rounded-sm p-1 text-muted-foreground hover:bg-accent disabled:opacity-40",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuTrash2, { className: "w-3.5 h-3.5" })
+          }
+        )
+      ] })
+    ] }),
+    historyOpen && /* @__PURE__ */ jsxRuntime.jsx(
+      AiHistoryMenu,
+      {
+        chats: history.chats,
+        activeChatId: history.activeChatId,
+        onResume: (id) => void history.resumeChat(id),
+        onDelete: (id) => void history.deleteChat(id),
+        onNewChat: history.newChat,
+        onClose: () => setHistoryOpen(false)
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      AiFocusBar,
+      {
+        targets: effectiveTargets,
+        slides: bridge.getSlides(),
+        isPinned,
+        onPin: aiPanel.pinFocus,
+        onClearPin: aiPanel.clearPinnedFocus,
+        onSendDirective: chat.send,
+        pickMode: aiPanel.pickMode,
+        hasPicks,
+        onStartPick: aiPanel.startPicking,
+        onStopPick: aiPanel.stopPicking,
+        onClearPicks: aiPanel.clearPicks
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(AiMessageList, { messages: chat.messages, isStreaming: chat.isStreaming, bridge }),
+    chat.error && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-3 mb-2 flex items-start gap-2 rounded-md border border-destructive/40 bg-destructive/5 px-2.5 py-1.5 text-[12px] text-destructive", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lu.LuTriangleAlert, { className: "mt-0.5 w-3.5 h-3.5 shrink-0" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium", children: t("pptx.ai.errorPrefix") }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-24 overflow-y-auto break-words text-[11px] opacity-80", children: chat.error.message })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: chat.clearError,
+          className: "shrink-0 rounded-sm px-1.5 py-0.5 text-[11px] underline-offset-2 hover:underline",
+          children: t("pptx.ai.retry")
+        }
+      )
+    ] }),
+    chat.proposals.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-h-[38%] space-y-2 overflow-y-auto border-t border-border bg-background px-3 py-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("pptx.ai.pendingChanges", { count: chat.proposals.length }) }),
+        chat.proposals.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: acceptAllProposals,
+            className: "rounded-sm bg-primary/90 px-2 py-0.5 text-[11px] font-medium text-primary-foreground hover:bg-primary",
+            children: t("pptx.ai.acceptAll")
+          }
+        )
+      ] }),
+      chat.proposals.map((proposal) => /* @__PURE__ */ jsxRuntime.jsx(
+        AiProposalCard,
+        {
+          proposal,
+          onAccept: applyProposal,
+          onReject: chat.rejectProposal
+        },
+        proposal.id
+      ))
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      AiComposer,
+      {
+        isStreaming: chat.isStreaming,
+        onSend: chat.send,
+        onStop: chat.stop,
+        prefillText: aiPanel.prefill.text,
+        prefillNonce: aiPanel.prefill.nonce
+      }
+    )
+  ] });
+}
+function AiChatPanel({
+  bridge,
+  config,
+  aiPanel,
+  onClose,
+  panelWidth
+}) {
+  const { t } = reactI18next.useTranslation();
+  const { state, session, initError } = useAiChat(bridge, config);
+  const deckId = react.useMemo(() => deckIdFromBridge(bridge), [bridge]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-pptx-ai-panel": "",
+      className: "absolute right-0 top-0 z-30 flex h-full w-80 flex-col border-l border-border bg-card shadow-xl max-md:inset-x-0 max-md:top-auto max-md:bottom-0 max-md:h-[75dvh] max-md:w-full max-md:rounded-t-2xl max-md:border-l-0 max-md:border-t max-md:shadow-2xl",
+      style: panelWidth ? { width: panelWidth } : void 0,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 border-b border-border px-3 py-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lu.LuSparkles, { className: "w-4 h-4 text-primary" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold text-foreground", children: t("pptx.ai.title") }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onClose,
+              title: t("pptx.ai.close"),
+              "aria-label": t("pptx.ai.close"),
+              className: "ml-auto rounded-sm p-1 text-muted-foreground transition-colors hover:bg-accent",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuX, { className: "w-4 h-4" })
+            }
+          )
+        ] }),
+        state === "checking" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuLoaderCircle, { className: "w-5 h-5 animate-spin" }) }),
+        (state === "unavailable" || state === "error") && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 px-6 text-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lu.LuTriangleAlert, { className: "w-6 h-6 text-muted-foreground" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-foreground", children: t("pptx.ai.unavailableTitle") }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[12px] text-muted-foreground", children: initError?.message ?? t("pptx.ai.unavailableHint") })
+        ] }),
+        state === "ready" && session && /* @__PURE__ */ jsxRuntime.jsx(
+          AiConversation,
+          {
+            session,
+            config,
+            bridge,
+            aiPanel,
+            deckId
+          }
+        )
+      ]
+    }
+  );
+}
+
+module.exports = AiChatPanel;