pptx-vue-viewer 1.24.4 → 2.0.0

package/CHANGELOG.md

@@ -4,6 +4,14 @@ All notable changes to this project are documented here.
 This file is generated from [Conventional Commits](https://www.conventionalcommits.org)
 by [git-cliff](https://git-cliff.org); do not edit it by hand.
 
+## [1.24.5](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-vue-viewer@1.24.5) - 2026-07-19
+
+### Bug Fixes
+
+- **shared:** Enforce transition advanceOnClick in Vue/Angular/Svelte/Vanilla ([#82](https://github.com/ChristopherVR/pptx-viewer/issues/82)) (by @ChristopherVR) ([66d489b](https://github.com/ChristopherVR/pptx-viewer/commit/66d489b41d899e09d856d004d49d1eb17258d457))
+
+## [1.24.4](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-vue-viewer@1.24.4) - 2026-07-19
+
 ## [1.24.3](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-vue-viewer@1.24.3) - 2026-07-19
 
 ## [1.24.2](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-vue-viewer@1.24.2) - 2026-07-19

package/README.md

@@ -252,10 +252,10 @@ following slide/element manipulation methods are also available:
 dialog into one component. If you only want a subset, for example your own
 chrome around just the ribbon and the slide canvas, import the pieces
 independently instead: `RibbonToolbar` (from `pptx-vue-viewer`, same as
-`SlideCanvas`) and the `useRibbonProps` composable (from the "advanced
-integrations" entry point `pptx-vue-viewer/composables-unstable`) that
-assembles its props. `composables-unstable` has no semver stability
-guarantee, so pin your version when relying on it.
+`SlideCanvas`) and the `useRibbonProps` composable (from the internal
+building-blocks entry point `pptx-vue-viewer/internals`) that assembles its
+props. The `internals` subpath is not covered by semver; prefer the stable
+root exports, and pin your version when relying on `internals`.
 
 ```vue
 <script setup lang="ts">
@@ -266,7 +266,7 @@ import {
 	useSelection,
 	// ...plus whichever other composables you need to build the
 	// `UseRibbonPropsInput` state/action fields (see ribbon-props-types.ts).
-} from 'pptx-vue-viewer/composables-unstable';
+} from 'pptx-vue-viewer/internals';
 
 // Wire up just the state/handlers your custom shell needs; anything from
 // `UseRibbonPropsInput` you don't use can be a no-op ref/callback.

package/dist/AiChatPanel-DGB_Bw7d.js

@@ -0,0 +1,509 @@
+import { _n as e } from "./useViewerSettingsDialog-BkxUrwyk.js";
+import { F as t, I as a, L as r, M as s, N as l, P as o, R as i, c as n, f as p, o as d, s as c, z as u } from "./viewer-D2Aqi7Ed.js";
+import { Fragment as m, computed as x, createBlock as g, createCommentVNode as f, createElementBlock as b, createElementVNode as v, createTextVNode as y, createVNode as h, defineComponent as k, nextTick as w, normalizeClass as P, normalizeStyle as C, onBeforeUnmount as S, openBlock as T, ref as I, renderList as A, resolveDynamicComponent as _, shallowRef as E, toDisplayString as j, unref as F, vModelText as M, watch as B, withDirectives as N } from "vue";
+import { Bot as D, ChartColumn as R, Check as W, Crosshair as $, Eye as z, Film as H, GitMerge as V, LayoutTemplate as K, LoaderCircle as L, Move as O, Navigation as U, Palette as q, Pin as G, PinOff as J, Search as Q, Send as X, Shapes as Y, Sparkles as Z, Square as ee, StickyNote as te, Table as ae, Trash2 as re, TriangleAlert as se, Type as le, User as oe, Wrench as ie, X as ne } from "lucide-vue-next";
+import { useChat as pe } from "@ai-sdk/vue";
+import { getToolOrDynamicToolName as de, isDynamicToolUIPart as ce, isToolUIPart as ue } from "ai";
+var me = /* @__PURE__ */ new Set([
+	"input-available",
+	"output-available",
+	"output-error"
+]);
+function xe(e, t, a = {}) {
+	const r = I(e.proposals.list()), s = () => {
+		r.value = e.proposals.list();
+	}, l = pe({
+		transport: e.transport,
+		sendAutomaticallyWhen: e.sendAutomaticallyWhen,
+		onError: (e) => t.onError?.(e),
+		onToolCall: async ({ toolCall: t }) => {
+			const { toolName: a, toolCallId: r, input: o } = t, i = l.addToolOutput;
+			try {
+				i({
+					tool: a,
+					toolCallId: r,
+					output: await e.executeToolCall(a, o)
+				});
+			} catch (e) {
+				i({
+					tool: a,
+					toolCallId: r,
+					state: "output-error",
+					errorText: e instanceof Error ? e.message : String(e)
+				});
+			}
+			s();
+		}
+	}), o = x(() => "submitted" === l.status.value || "streaming" === l.status.value), n = /* @__PURE__ */ new Set();
+	B(l.messages, (e) => {
+		for (const t of function(e) {
+			const t = [];
+			for (const a of e) for (const e of a.parts) {
+				if (!ue(e) && !ce(e)) continue;
+				const a = e, r = a.toolCallId ?? "";
+				0 !== r.length && void 0 !== a.input && me.has(a.state ?? "") && t.push({
+					toolName: de(e),
+					toolCallId: r,
+					input: a.input
+				});
+			}
+			return t;
+		}(e)) n.has(t.toolCallId) || (n.add(t.toolCallId), a.onToolTarget?.(i(t.toolName, t.input)));
+	}, { deep: !0 });
+	return {
+		messages: l.messages,
+		status: l.status,
+		error: l.error,
+		isStreaming: o,
+		proposals: r,
+		send: (e) => {
+			const t = e.trim();
+			0 !== t.length && l.sendMessage({ text: t });
+		},
+		stop: () => {
+			l.stop();
+		},
+		clearError: () => l.clearError(),
+		applyProposal: (t) => {
+			e.proposals.apply(t), s();
+		},
+		rejectProposal: (t) => {
+			e.proposals.revert(t), s();
+		},
+		acceptAllProposals: () => {
+			e.proposals.acceptAll(), s();
+		}
+	};
+}
+var ge = { class: "border-t border-border p-2" }, fe = { class: "flex items-end gap-1.5 rounded-md border border-input bg-background px-2 py-1.5 focus-within:border-ring" }, be = ["placeholder", "aria-label"], ve = ["title", "aria-label"], ye = [
+	"disabled",
+	"title",
+	"aria-label"
+], he = k({
+	__name: "AiComposer",
+	props: {
+		isStreaming: { type: Boolean },
+		prefillText: {},
+		prefillNonce: {}
+	},
+	emits: ["send", "stop"],
+	setup(t, { emit: a }) {
+		const r = t, s = a, { t: l } = e(), o = I(""), i = I(null), n = x(() => o.value.trim().length > 0);
+		function d() {
+			const e = o.value.trim();
+			0 === e.length || r.isStreaming || (s("send", e), o.value = "");
+		}
+		function c(e) {
+			"Enter" !== e.key || e.shiftKey || (e.preventDefault(), d());
+		}
+		return B(() => r.prefillNonce, (e) => {
+			void 0 !== e && 0 !== e && (r.prefillText && (o.value = r.prefillText), w(() => i.value?.focus()));
+		}), (e, t) => (T(), b("div", ge, [v("div", fe, [N(v("textarea", {
+			ref_key: "textareaRef",
+			ref: i,
+			"onUpdate:modelValue": t[0] || (t[0] = (e) => o.value = e),
+			rows: 1,
+			placeholder: F(l)("pptx.ai.placeholder"),
+			"aria-label": F(l)("pptx.ai.placeholder"),
+			class: "max-h-32 min-h-[1.5rem] flex-1 resize-none bg-transparent text-[13px] text-foreground outline-none placeholder:text-muted-foreground",
+			onKeydown: c
+		}, null, 40, be), [[M, o.value]]), r.isStreaming ? (T(), b("button", {
+			key: 0,
+			type: "button",
+			title: F(l)("pptx.ai.stop"),
+			"aria-label": F(l)("pptx.ai.stop"),
+			class: "shrink-0 rounded-sm p-1.5 text-muted-foreground transition-colors hover:bg-accent",
+			onClick: t[1] || (t[1] = (e) => s("stop"))
+		}, [h(F(ee), { class: "w-4 h-4" })], 8, ve)) : (T(), b("button", {
+			key: 1,
+			type: "button",
+			disabled: !n.value,
+			title: F(l)("pptx.ai.send"),
+			"aria-label": F(l)("pptx.ai.send"),
+			class: P(F(p)("shrink-0 rounded-sm p-1.5 transition-colors", n.value ? "bg-primary text-primary-foreground hover:bg-primary/90" : "text-muted-foreground/50")),
+			onClick: d
+		}, [h(F(X), { class: "w-4 h-4" })], 10, ye))])]));
+	}
+}), ke = { class: "border-b border-border bg-secondary/30" }, we = { class: "flex flex-wrap items-center gap-1 px-2.5 py-1.5" }, Pe = { class: "text-[10px] font-semibold uppercase tracking-wide text-muted-foreground" }, Ce = ["title"], Se = { class: "truncate" }, Te = {
+	key: 0,
+	class: "rounded-full bg-primary/15 px-1.5 py-0.5 text-[10px] font-medium text-primary"
+}, Ie = { class: "ml-auto flex items-center gap-0.5" }, Ae = [
+	"title",
+	"aria-label",
+	"aria-pressed"
+], _e = ["title", "aria-label"], Ee = ["title", "aria-label"], je = {
+	key: 0,
+	class: "flex items-center gap-2 border-t border-primary/20 bg-primary/5 px-2.5 py-1"
+}, Fe = { class: "text-[11px] font-medium text-primary" }, Me = k({
+	__name: "AiFocusBar",
+	props: {
+		targets: {},
+		slides: {},
+		isPinned: { type: Boolean },
+		pickMode: { type: Boolean },
+		hasPicks: { type: Boolean }
+	},
+	emits: [
+		"pin",
+		"clear-pin",
+		"start-pick",
+		"stop-pick",
+		"clear-picks",
+		"send-directive"
+	],
+	setup(t, { emit: a }) {
+		const r = t, s = a, { t: l } = e(), o = x(() => c(r.targets, r.slides)), i = x(() => n(r.targets, r.slides));
+		function d() {
+			const e = i.value;
+			e && s("send-directive", `Merge the two selected tables (elementIdA=${e.elementIdA}, elementIdB=${e.elementIdB}) on slide ${e.slideIndex + 1} using merge_tables; stage it now, do not ask me to confirm.`);
+		}
+		return (e, a) => (T(), b("div", ke, [v("div", we, [
+			v("span", Pe, j(F(l)("pptx.ai.focusScope")), 1),
+			(T(!0), b(m, null, A(o.value, (e) => (T(), b("span", {
+				key: e.key,
+				class: P(F(p)("inline-flex max-w-[10rem] items-center rounded-full px-2 py-0.5 text-[11px]", t.hasPicks || t.isPinned ? "bg-primary/15 text-primary" : "bg-muted text-muted-foreground")),
+				title: e.title
+			}, [v("span", Se, j(e.label), 1)], 10, Ce))), 128)),
+			t.isPinned ? (T(), b("span", Te, j(F(l)("pptx.ai.pinnedFocus")), 1)) : f("", !0),
+			v("div", Ie, [
+				i.value ? (T(), b("button", {
+					key: 0,
+					type: "button",
+					class: "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",
+					onClick: d
+				}, [h(F(V), { class: "w-3 h-3" }), y(" " + j(F(l)("pptx.ai.mergeSelectedTables")), 1)])) : f("", !0),
+				v("button", {
+					type: "button",
+					title: F(l)("pptx.ai.pickElement"),
+					"aria-label": F(l)("pptx.ai.pickAria"),
+					"aria-pressed": t.pickMode,
+					class: P(F(p)("rounded-sm p-1", t.pickMode ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-accent")),
+					onClick: a[0] || (a[0] = (e) => t.pickMode ? s("stop-pick") : s("start-pick"))
+				}, [h(F($), { class: "w-3.5 h-3.5" })], 10, Ae),
+				t.hasPicks ? (T(), b("button", {
+					key: 1,
+					type: "button",
+					title: F(l)("pptx.ai.pickClear"),
+					"aria-label": F(l)("pptx.ai.pickClear"),
+					class: "rounded-sm p-1 text-muted-foreground hover:bg-accent",
+					onClick: a[1] || (a[1] = (e) => s("clear-picks"))
+				}, [h(F(ne), { class: "w-3.5 h-3.5" })], 8, _e)) : (T(), b("button", {
+					key: 2,
+					type: "button",
+					title: t.isPinned ? F(l)("pptx.ai.clearFocus") : F(l)("pptx.ai.pinFocus"),
+					"aria-label": t.isPinned ? F(l)("pptx.ai.clearFocus") : F(l)("pptx.ai.pinFocus"),
+					class: "rounded-sm p-1 text-muted-foreground hover:bg-accent",
+					onClick: a[2] || (a[2] = (e) => t.isPinned ? s("clear-pin") : s("pin"))
+				}, [t.isPinned ? (T(), g(F(J), {
+					key: 0,
+					class: "w-3.5 h-3.5"
+				})) : (T(), g(F(G), {
+					key: 1,
+					class: "w-3.5 h-3.5"
+				}))], 8, Ee))
+			])
+		]), t.pickMode ? (T(), b("div", je, [
+			h(F($), { class: "w-3.5 h-3.5 shrink-0 animate-pulse text-primary" }),
+			v("span", Fe, j(F(l)("pptx.ai.pickElementHint")), 1),
+			v("button", {
+				type: "button",
+				class: "ml-auto rounded-sm bg-primary px-2 py-0.5 text-[11px] font-medium text-primary-foreground hover:bg-primary/90",
+				onClick: a[3] || (a[3] = (e) => s("stop-pick"))
+			}, j(F(l)("pptx.ai.pickDone")), 1)
+		])) : f("", !0)]));
+	}
+}), Be = { class: "text-[12px]" }, Ne = { class: "flex items-center gap-1.5" }, De = {
+	key: 0,
+	class: "mt-1 pl-5 text-[11px] text-destructive"
+}, Re = {
+	key: 1,
+	class: "group mt-0.5 pl-5"
+}, We = { class: "cursor-pointer list-none text-[10px] text-muted-foreground/70 hover:text-muted-foreground" }, $e = { class: "mt-0.5 break-words font-mono text-[10px] text-muted-foreground/80" }, ze = k({
+	__name: "AiToolCallCard",
+	props: { part: {} },
+	setup(t) {
+		const r = t, { t: s } = e(), o = {
+			view: z,
+			text: le,
+			shape: Y,
+			theme: q,
+			table: ae,
+			slide: K,
+			chart: R,
+			move: O,
+			delete: re,
+			search: Q,
+			nav: U,
+			animation: H,
+			notes: te,
+			tool: ie
+		}, i = x(() => "output-error" === r.part.state), n = x(() => "output-available" === r.part.state), d = x(() => !i.value && !n.value), c = x(() => l(r.part.toolName, r.part.input, d.value ? "present" : "past")), m = x(() => o[c.value.icon] ?? ie), h = x(() => a(r.part.input)), k = x(() => i.value ? s("pptx.ai.toolFailed") : n.value ? s("pptx.ai.toolDone") : s("pptx.ai.toolRunning"));
+		return (e, t) => (T(), b("div", Be, [
+			v("div", Ne, [
+				(T(), g(_(m.value), { class: P(F(p)("w-3.5 h-3.5 shrink-0", i.value ? "text-destructive" : "text-muted-foreground")) }, null, 8, ["class"])),
+				v("span", { class: P(F(p)("truncate", i.value ? "text-destructive" : "text-foreground")) }, j(c.value.label), 3),
+				v("span", { class: P(F(p)("ml-auto inline-flex items-center gap-1 rounded-sm px-1.5 py-0.5 text-[10px]", i.value ? "bg-destructive/15 text-destructive" : n.value ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground")) }, [d.value ? (T(), g(F(L), {
+					key: 0,
+					class: "w-3 h-3 animate-spin"
+				})) : n.value ? (T(), g(F(W), {
+					key: 1,
+					class: "w-3 h-3"
+				})) : (T(), g(F(se), {
+					key: 2,
+					class: "w-3 h-3"
+				})), y(" " + j(k.value), 1)], 2)
+			]),
+			i.value && r.part.errorText ? (T(), b("div", De, j(r.part.errorText), 1)) : f("", !0),
+			h.value ? (T(), b("details", Re, [v("summary", We, j(F(s)("pptx.ai.toolDetails")), 1), v("div", $e, j(F(u)(r.part.toolName)) + ": " + j(h.value), 1)])) : f("", !0)
+		]));
+	}
+}), He = {
+	key: 0,
+	class: "flex flex-1 flex-col items-center justify-center gap-2 px-6 text-center"
+}, Ve = { class: "text-sm font-medium text-foreground" }, Ke = { class: "text-[12px] text-muted-foreground" }, Le = {
+	key: 1,
+	class: "flex-1 space-y-3 overflow-y-auto px-3 py-3"
+}, Oe = {
+	key: 0,
+	class: "flex gap-2"
+}, Ue = ["aria-label"], qe = { class: "min-w-0 flex-1 space-y-1.5" }, Ge = {
+	key: 0,
+	class: "whitespace-pre-wrap break-words text-[13px] leading-relaxed text-foreground"
+}, Je = {
+	key: 0,
+	class: "flex items-center gap-2 pl-8 text-[12px] text-muted-foreground"
+}, Qe = k({
+	__name: "AiMessageList",
+	props: {
+		messages: {},
+		isStreaming: { type: Boolean }
+	},
+	setup(t) {
+		const a = t, { t: s } = e(), l = I(null);
+		return B(() => [a.messages, a.isStreaming], () => {
+			w(() => l.value?.scrollIntoView({ block: "end" }));
+		}, { deep: !0 }), (e, t) => 0 === a.messages.length ? (T(), b("div", He, [
+			h(F(Z), { class: "w-7 h-7 text-primary/70" }),
+			v("p", Ve, j(F(s)("pptx.ai.emptyTitle")), 1),
+			v("p", Ke, j(F(s)("pptx.ai.emptyHint")), 1)
+		])) : (T(), b("div", Le, [
+			(T(!0), b(m, null, A(a.messages, (e) => (T(), b(m, { key: e.id }, ["user" === e.role || F(r)(e).length > 0 ? (T(), b("div", Oe, [v("div", {
+				class: P(F(p)("mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full", "user" === e.role ? "bg-secondary text-muted-foreground" : "bg-primary/15 text-primary")),
+				"aria-label": "user" === e.role ? F(s)("pptx.ai.you") : F(s)("pptx.ai.assistant")
+			}, ["user" === e.role ? (T(), g(F(oe), {
+				key: 0,
+				class: "w-3.5 h-3.5"
+			})) : (T(), g(F(D), {
+				key: 1,
+				class: "w-3.5 h-3.5"
+			}))], 10, Ue), v("div", qe, [(T(!0), b(m, null, A(F(r)(e), (e, t) => (T(), b(m, { key: "tool" === e.kind && e.toolCallId || t }, ["text" === e.kind ? (T(), b("p", Ge, j(e.text), 1)) : (T(), g(ze, {
+				key: 1,
+				part: e
+			}, null, 8, ["part"]))], 64))), 128))])])) : f("", !0)], 64))), 128)),
+			a.isStreaming ? (T(), b("div", Je, [t[0] || (t[0] = v("span", { class: "inline-flex gap-1" }, [
+				v("span", { class: "h-1.5 w-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:-0.2s]" }),
+				v("span", { class: "h-1.5 w-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:-0.1s]" }),
+				v("span", { class: "h-1.5 w-1.5 animate-bounce rounded-full bg-muted-foreground" })
+			], -1)), y(" " + j(F(s)("pptx.ai.thinking")), 1)])) : f("", !0),
+			v("div", {
+				ref_key: "endRef",
+				ref: l
+			}, null, 512)
+		]));
+	}
+}), Xe = { class: "rounded-md border border-primary/40 bg-primary/5 p-2.5" }, Ye = { class: "mb-1.5 text-[11px] font-semibold uppercase tracking-wide text-primary" }, Ze = { class: "text-[12px] font-medium text-foreground" }, et = {
+	key: 0,
+	class: "mt-1 max-h-40 space-y-0.5 overflow-y-auto text-[11px] text-muted-foreground"
+}, tt = { class: "mt-2 flex items-center gap-2" }, at = k({
+	__name: "AiProposalCard",
+	props: { proposal: {} },
+	emits: ["accept", "reject"],
+	setup(t, { emit: a }) {
+		const r = t, s = a, { t: l } = e(), i = x(() => r.proposal.summary.map(o));
+		return (e, t) => (T(), b("div", Xe, [
+			v("div", Ye, j(F(l)("pptx.ai.proposedChange")), 1),
+			v("div", Ze, j(r.proposal.label), 1),
+			i.value.length > 0 ? (T(), b("ul", et, [(T(!0), b(m, null, A(i.value, (e, t) => (T(), b("li", {
+				key: t,
+				class: "break-words"
+			}, j(e), 1))), 128))])) : f("", !0),
+			v("div", tt, [v("button", {
+				type: "button",
+				class: "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",
+				onClick: t[0] || (t[0] = (e) => s("accept", r.proposal.id))
+			}, [h(F(W), { class: "w-3.5 h-3.5" }), y(" " + j(F(l)("pptx.ai.accept")), 1)]), v("button", {
+				type: "button",
+				class: "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",
+				onClick: t[1] || (t[1] = (e) => s("reject", r.proposal.id))
+			}, [h(F(ne), { class: "w-3.5 h-3.5" }), y(" " + j(F(l)("pptx.ai.reject")), 1)])])
+		]));
+	}
+}), rt = { class: "flex min-h-0 flex-1 flex-col" }, st = {
+	key: 0,
+	class: "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"
+}, lt = { class: "min-w-0 flex-1" }, ot = { class: "font-medium" }, it = { class: "max-h-24 overflow-y-auto break-words text-[11px] opacity-80" }, nt = {
+	key: 1,
+	class: "max-h-[38%] space-y-2 overflow-y-auto border-t border-border bg-background px-3 py-2"
+}, pt = { class: "flex items-center justify-between" }, dt = { class: "text-[11px] font-semibold uppercase tracking-wide text-muted-foreground" }, ct = k({
+	__name: "AiConversation",
+	props: {
+		session: {},
+		config: {},
+		bridge: {},
+		aiPanel: {}
+	},
+	setup(t) {
+		const a = t, { t: r } = e(), { messages: s, error: l, isStreaming: o, proposals: i, send: n, stop: p, clearError: d, applyProposal: c, rejectProposal: u, acceptAllProposals: y } = xe(a.session, a.config, { onToolTarget: (e) => {
+			e && void 0 !== e.slideIndex && a.bridge.goToSlide(e.slideIndex), a.aiPanel.flashToolTarget(e);
+		} }), k = a.session.changeAnimator.subscribe((e) => {
+			e && a.bridge.goToSlide(e.slideIndex), a.aiPanel.showChangeBatch(e);
+		});
+		S(() => k());
+		const w = x(() => a.aiPanel.pickTargets.value.length > 0), P = x(() => w.value ? a.aiPanel.pickTargets.value : a.aiPanel.pinnedFocus.value ?? a.aiPanel.liveFocusTargets.value), C = x(() => !w.value && null !== a.aiPanel.pinnedFocus.value);
+		function I(e) {
+			a.aiPanel.flashToolTarget(null), c(e);
+		}
+		function _() {
+			a.aiPanel.flashToolTarget(null), y();
+		}
+		return (e, t) => (T(), b("div", rt, [
+			h(Me, {
+				targets: P.value,
+				slides: a.bridge.getSlides(),
+				"is-pinned": C.value,
+				"pick-mode": a.aiPanel.pickMode.value,
+				"has-picks": w.value,
+				onPin: a.aiPanel.pinFocus,
+				onClearPin: a.aiPanel.clearPinnedFocus,
+				onStartPick: a.aiPanel.startPicking,
+				onStopPick: a.aiPanel.stopPicking,
+				onClearPicks: a.aiPanel.clearPicks,
+				onSendDirective: F(n)
+			}, null, 8, [
+				"targets",
+				"slides",
+				"is-pinned",
+				"pick-mode",
+				"has-picks",
+				"onPin",
+				"onClearPin",
+				"onStartPick",
+				"onStopPick",
+				"onClearPicks",
+				"onSendDirective"
+			]),
+			h(Qe, {
+				messages: F(s),
+				"is-streaming": F(o)
+			}, null, 8, ["messages", "is-streaming"]),
+			F(l) ? (T(), b("div", st, [
+				h(F(se), { class: "mt-0.5 w-3.5 h-3.5 shrink-0" }),
+				v("div", lt, [v("div", ot, j(F(r)("pptx.ai.errorPrefix")), 1), v("div", it, j(F(l).message), 1)]),
+				v("button", {
+					type: "button",
+					class: "shrink-0 rounded-sm px-1.5 py-0.5 text-[11px] underline-offset-2 hover:underline",
+					onClick: t[0] || (t[0] = (...e) => F(d) && F(d)(...e))
+				}, j(F(r)("pptx.ai.retry")), 1)
+			])) : f("", !0),
+			F(i).length > 0 ? (T(), b("div", nt, [v("div", pt, [v("span", dt, j(F(r)("pptx.ai.pendingChanges", { count: F(i).length })), 1), F(i).length > 1 ? (T(), b("button", {
+				key: 0,
+				type: "button",
+				class: "rounded-sm bg-primary/90 px-2 py-0.5 text-[11px] font-medium text-primary-foreground hover:bg-primary",
+				onClick: _
+			}, j(F(r)("pptx.ai.acceptAll")), 1)) : f("", !0)]), (T(!0), b(m, null, A(F(i), (e) => (T(), g(at, {
+				key: e.id,
+				proposal: e,
+				onAccept: I,
+				onReject: F(u)
+			}, null, 8, ["proposal", "onReject"]))), 128))])) : f("", !0),
+			h(he, {
+				"is-streaming": F(o),
+				"prefill-text": a.aiPanel.prefill.value.text,
+				"prefill-nonce": a.aiPanel.prefill.value.nonce,
+				onSend: F(n),
+				onStop: F(p)
+			}, null, 8, [
+				"is-streaming",
+				"prefill-text",
+				"prefill-nonce",
+				"onSend",
+				"onStop"
+			])
+		]));
+	}
+}), ut = { class: "flex items-center gap-2 border-b border-border px-3 py-2" }, mt = { class: "text-sm font-semibold text-foreground" }, xt = ["title", "aria-label"], gt = {
+	key: 0,
+	class: "flex flex-1 flex-col items-center justify-center gap-2 text-muted-foreground"
+}, ft = {
+	key: 1,
+	class: "flex flex-1 flex-col items-center justify-center gap-2 px-6 text-center"
+}, bt = { class: "text-sm font-medium text-foreground" }, vt = { class: "text-[12px] text-muted-foreground" }, yt = k({
+	__name: "AiChatPanel",
+	props: {
+		bridge: {},
+		config: {},
+		panelWidth: {},
+		aiPanel: {}
+	},
+	emits: ["close"],
+	setup(a, { emit: r }) {
+		const l = a, o = r, { t: i } = e(), { state: n, session: p, initError: c } = function(e, a) {
+			const r = I("checking"), l = E(null), o = E(void 0);
+			let i = 0;
+			return (async () => {
+				const n = ++i;
+				r.value = "checking", l.value = null, o.value = void 0;
+				try {
+					const o = await t();
+					if (n !== i) return;
+					if (!o) return void (r.value = "unavailable");
+					const p = await s(e, a);
+					if (n !== i) return;
+					l.value = p, r.value = "ready";
+				} catch (e) {
+					if (n !== i) return;
+					o.value = e instanceof Error ? e : new Error(String(e)), r.value = "error";
+				}
+			})(), {
+				state: r,
+				session: l,
+				initError: o
+			};
+		}(l.bridge, l.config), u = x(() => l.panelWidth ? { width: `${l.panelWidth}px` } : void 0), m = d({
+			activeSlideIndex: I(0),
+			selectedElementIds: I([]),
+			selectedElement: () => null
+		}), y = x(() => l.aiPanel ?? m);
+		return (e, t) => (T(), b("div", {
+			"data-pptx-ai-panel": "",
+			class: "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: C(u.value)
+		}, [v("div", ut, [
+			h(F(Z), { class: "w-4 h-4 text-primary" }),
+			v("span", mt, j(F(i)("pptx.ai.title")), 1),
+			v("button", {
+				type: "button",
+				title: F(i)("pptx.ai.close"),
+				"aria-label": F(i)("pptx.ai.close"),
+				class: "ml-auto rounded-sm p-1 text-muted-foreground transition-colors hover:bg-accent",
+				onClick: t[0] || (t[0] = (e) => o("close"))
+			}, [h(F(ne), { class: "w-4 h-4" })], 8, xt)
+		]), "checking" === F(n) ? (T(), b("div", gt, [h(F(L), { class: "w-5 h-5 animate-spin" })])) : "unavailable" === F(n) || "error" === F(n) ? (T(), b("div", ft, [
+			h(F(se), { class: "w-6 h-6 text-muted-foreground" }),
+			v("p", bt, j(F(i)("pptx.ai.unavailableTitle")), 1),
+			v("p", vt, j(F(c)?.message ?? F(i)("pptx.ai.unavailableHint")), 1)
+		])) : "ready" === F(n) && F(p) ? (T(), g(ct, {
+			key: 2,
+			session: F(p),
+			config: l.config,
+			bridge: l.bridge,
+			"ai-panel": y.value
+		}, null, 8, [
+			"session",
+			"config",
+			"bridge",
+			"ai-panel"
+		])) : f("", !0)], 4));
+	}
+});
+export { yt as default };