pptx-vue-viewer 2.13.2 → 2.14.0

package/CHANGELOG.md

@@ -4,6 +4,8 @@ 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.
 
+## [2.13.2](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-vue-viewer@2.13.2) - 2026-08-05
+
 ## [2.13.1](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-vue-viewer@2.13.1) - 2026-08-05
 
 ### Dependencies

package/dist/AiChatPanel-B8QSMoWW.cjs

@@ -0,0 +1,637 @@
+const e = require("./useViewerSettingsDialog-CMHLo-CP.cjs"), t = require("./viewer-4-O3wMK_.cjs");
+let r = require("vue"), a = require("lucide-vue-next"), o = require("ai");
+var n = /* @__PURE__ */ new Set([
+	"input-available",
+	"output-available",
+	"output-error"
+]);
+function l(e, a, l, s = {}) {
+	const i = (0, r.ref)(a.proposals.list()), c = () => {
+		i.value = a.proposals.list();
+	}, p = e({
+		transport: a.transport,
+		sendAutomaticallyWhen: a.sendAutomaticallyWhen,
+		onError: (e) => l.onError?.(e),
+		onToolCall: async ({ toolCall: e }) => {
+			const { toolName: t, toolCallId: r, input: o } = e, n = p.addToolOutput;
+			try {
+				n({
+					tool: t,
+					toolCallId: r,
+					output: await a.executeToolCall(t, o)
+				});
+			} catch (e) {
+				n({
+					tool: t,
+					toolCallId: r,
+					state: "output-error",
+					errorText: e instanceof Error ? e.message : String(e)
+				});
+			}
+			c();
+		}
+	}), d = (0, r.computed)(() => "submitted" === p.status.value || "streaming" === p.status.value), u = /* @__PURE__ */ new Set();
+	(0, r.watch)(p.messages, (e) => {
+		for (const r of function(e) {
+			const t = [];
+			for (const r of e) for (const e of r.parts) {
+				if (!(0, o.isToolUIPart)(e) && !(0, o.isDynamicToolUIPart)(e)) continue;
+				const r = e, a = r.toolCallId ?? "";
+				0 !== a.length && void 0 !== r.input && n.has(r.state ?? "") && t.push({
+					toolName: (0, o.getToolOrDynamicToolName)(e),
+					toolCallId: a,
+					input: r.input
+				});
+			}
+			return t;
+		}(e)) u.has(r.toolCallId) || (u.add(r.toolCallId), s.onToolTarget?.(t.toolCanvasTarget(r.toolName, r.input)));
+	}, { deep: !0 });
+	return {
+		messages: p.messages,
+		status: p.status,
+		error: p.error,
+		isStreaming: d,
+		proposals: i,
+		send: (e) => {
+			const t = e.trim();
+			0 !== t.length && p.sendMessage({ text: t });
+		},
+		stop: () => {
+			p.stop();
+		},
+		clearError: () => p.clearError(),
+		applyProposal: (e) => {
+			a.proposals.apply(e), c();
+		},
+		rejectProposal: (e) => {
+			a.proposals.revert(e), c();
+		},
+		acceptAllProposals: () => {
+			a.proposals.acceptAll(), c();
+		}
+	};
+}
+var s = { class: "border-t border-border p-2" }, i = { class: "flex items-end gap-1.5 rounded-md border border-input bg-background px-2 py-1.5 focus-within:border-ring" }, c = ["placeholder", "aria-label"], p = ["title", "aria-label"], d = [
+	"disabled",
+	"title",
+	"aria-label"
+], u = (0, r.defineComponent)({
+	__name: "AiComposer",
+	props: {
+		isStreaming: { type: Boolean },
+		prefillText: {},
+		prefillNonce: {}
+	},
+	emits: ["send", "stop"],
+	setup(o, { emit: n }) {
+		const l = o, u = n, { t: m } = e.useI18n(), f = (0, r.ref)(""), x = (0, r.ref)(null), g = (0, r.computed)(() => f.value.trim().length > 0);
+		function k() {
+			const e = f.value.trim();
+			0 === e.length || l.isStreaming || (u("send", e), f.value = "");
+		}
+		function y(e) {
+			"Enter" !== e.key || e.shiftKey || (e.preventDefault(), k());
+		}
+		return (0, r.watch)(() => l.prefillNonce, (e) => {
+			void 0 !== e && 0 !== e && (l.prefillText && (f.value = l.prefillText), (0, r.nextTick)(() => x.value?.focus()));
+		}), (e, o) => ((0, r.openBlock)(), (0, r.createElementBlock)("div", s, [(0, r.createElementVNode)("div", i, [(0, r.withDirectives)((0, r.createElementVNode)("textarea", {
+			ref_key: "textareaRef",
+			ref: x,
+			"onUpdate:modelValue": o[0] || (o[0] = (e) => f.value = e),
+			rows: 1,
+			placeholder: (0, r.unref)(m)("pptx.ai.placeholder"),
+			"aria-label": (0, r.unref)(m)("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: y
+		}, null, 40, c), [[r.vModelText, f.value]]), l.isStreaming ? ((0, r.openBlock)(), (0, r.createElementBlock)("button", {
+			key: 0,
+			type: "button",
+			title: (0, r.unref)(m)("pptx.ai.stop"),
+			"aria-label": (0, r.unref)(m)("pptx.ai.stop"),
+			class: "shrink-0 rounded-sm p-1.5 text-muted-foreground transition-colors hover:bg-accent",
+			onClick: o[1] || (o[1] = (e) => u("stop"))
+		}, [(0, r.createVNode)((0, r.unref)(a.Square), { class: "w-4 h-4" })], 8, p)) : ((0, r.openBlock)(), (0, r.createElementBlock)("button", {
+			key: 1,
+			type: "button",
+			disabled: !g.value,
+			title: (0, r.unref)(m)("pptx.ai.send"),
+			"aria-label": (0, r.unref)(m)("pptx.ai.send"),
+			class: (0, r.normalizeClass)((0, r.unref)(t.cn)("shrink-0 rounded-sm p-1.5 transition-colors", g.value ? "bg-primary text-primary-foreground hover:bg-primary/90" : "text-muted-foreground/50")),
+			onClick: k
+		}, [(0, r.createVNode)((0, r.unref)(a.Send), { class: "w-4 h-4" })], 10, d))])]));
+	}
+}), m = { class: "border-b border-border bg-secondary/30" }, f = { class: "flex flex-wrap items-center gap-1 px-2.5 py-1.5" }, x = { class: "text-[10px] font-semibold uppercase tracking-wide text-muted-foreground" }, g = ["title"], k = { class: "truncate" }, y = {
+	key: 0,
+	class: "rounded-full bg-primary/15 px-1.5 py-0.5 text-[10px] font-medium text-primary"
+}, b = { class: "ml-auto flex items-center gap-0.5" }, h = [
+	"title",
+	"aria-label",
+	"aria-pressed"
+], v = ["title", "aria-label"], C = ["title", "aria-label"], B = {
+	key: 0,
+	class: "flex items-center gap-2 border-t border-primary/20 bg-primary/5 px-2.5 py-1"
+}, E = { class: "text-[11px] font-medium text-primary" }, N = (0, r.defineComponent)({
+	__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(o, { emit: n }) {
+		const l = o, s = n, { t: i } = e.useI18n(), c = (0, r.computed)(() => t.focusTargetChips(l.targets, l.slides)), p = (0, r.computed)(() => t.isTwoTableFocus(l.targets, l.slides));
+		function d() {
+			const e = p.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, n) => ((0, r.openBlock)(), (0, r.createElementBlock)("div", m, [(0, r.createElementVNode)("div", f, [
+			(0, r.createElementVNode)("span", x, (0, r.toDisplayString)((0, r.unref)(i)("pptx.ai.focusScope")), 1),
+			((0, r.openBlock)(!0), (0, r.createElementBlock)(r.Fragment, null, (0, r.renderList)(c.value, (e) => ((0, r.openBlock)(), (0, r.createElementBlock)("span", {
+				key: e.key,
+				class: (0, r.normalizeClass)((0, r.unref)(t.cn)("inline-flex max-w-[10rem] items-center rounded-full px-2 py-0.5 text-[11px]", o.hasPicks || o.isPinned ? "bg-primary/15 text-primary" : "bg-muted text-muted-foreground")),
+				title: e.title
+			}, [(0, r.createElementVNode)("span", k, (0, r.toDisplayString)(e.label), 1)], 10, g))), 128)),
+			o.isPinned ? ((0, r.openBlock)(), (0, r.createElementBlock)("span", y, (0, r.toDisplayString)((0, r.unref)(i)("pptx.ai.pinnedFocus")), 1)) : (0, r.createCommentVNode)("", !0),
+			(0, r.createElementVNode)("div", b, [
+				p.value ? ((0, r.openBlock)(), (0, r.createElementBlock)("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
+				}, [(0, r.createVNode)((0, r.unref)(a.GitMerge), { class: "w-3 h-3" }), (0, r.createTextVNode)(" " + (0, r.toDisplayString)((0, r.unref)(i)("pptx.ai.mergeSelectedTables")), 1)])) : (0, r.createCommentVNode)("", !0),
+				(0, r.createElementVNode)("button", {
+					type: "button",
+					title: (0, r.unref)(i)("pptx.ai.pickElement"),
+					"aria-label": (0, r.unref)(i)("pptx.ai.pickAria"),
+					"aria-pressed": o.pickMode,
+					class: (0, r.normalizeClass)((0, r.unref)(t.cn)("rounded-sm p-1", o.pickMode ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-accent")),
+					onClick: n[0] || (n[0] = (e) => o.pickMode ? s("stop-pick") : s("start-pick"))
+				}, [(0, r.createVNode)((0, r.unref)(a.Crosshair), { class: "w-3.5 h-3.5" })], 10, h),
+				o.hasPicks ? ((0, r.openBlock)(), (0, r.createElementBlock)("button", {
+					key: 1,
+					type: "button",
+					title: (0, r.unref)(i)("pptx.ai.pickClear"),
+					"aria-label": (0, r.unref)(i)("pptx.ai.pickClear"),
+					class: "rounded-sm p-1 text-muted-foreground hover:bg-accent",
+					onClick: n[1] || (n[1] = (e) => s("clear-picks"))
+				}, [(0, r.createVNode)((0, r.unref)(a.X), { class: "w-3.5 h-3.5" })], 8, v)) : ((0, r.openBlock)(), (0, r.createElementBlock)("button", {
+					key: 2,
+					type: "button",
+					title: o.isPinned ? (0, r.unref)(i)("pptx.ai.clearFocus") : (0, r.unref)(i)("pptx.ai.pinFocus"),
+					"aria-label": o.isPinned ? (0, r.unref)(i)("pptx.ai.clearFocus") : (0, r.unref)(i)("pptx.ai.pinFocus"),
+					class: "rounded-sm p-1 text-muted-foreground hover:bg-accent",
+					onClick: n[2] || (n[2] = (e) => o.isPinned ? s("clear-pin") : s("pin"))
+				}, [o.isPinned ? ((0, r.openBlock)(), (0, r.createBlock)((0, r.unref)(a.PinOff), {
+					key: 0,
+					class: "w-3.5 h-3.5"
+				})) : ((0, r.openBlock)(), (0, r.createBlock)((0, r.unref)(a.Pin), {
+					key: 1,
+					class: "w-3.5 h-3.5"
+				}))], 8, C))
+			])
+		]), o.pickMode ? ((0, r.openBlock)(), (0, r.createElementBlock)("div", B, [
+			(0, r.createVNode)((0, r.unref)(a.Crosshair), { class: "w-3.5 h-3.5 shrink-0 animate-pulse text-primary" }),
+			(0, r.createElementVNode)("span", E, (0, r.toDisplayString)((0, r.unref)(i)("pptx.ai.pickElementHint")), 1),
+			(0, r.createElementVNode)("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: n[3] || (n[3] = (e) => s("stop-pick"))
+			}, (0, r.toDisplayString)((0, r.unref)(i)("pptx.ai.pickDone")), 1)
+		])) : (0, r.createCommentVNode)("", !0)]));
+	}
+}), w = { class: "flex items-center justify-between border-b border-border px-2.5 py-1.5" }, V = { class: "text-[11px] font-semibold uppercase tracking-wide text-muted-foreground" }, S = {
+	key: 0,
+	class: "px-3 py-4 text-center text-[12px] text-muted-foreground"
+}, P = {
+	key: 1,
+	class: "max-h-64 overflow-y-auto py-1"
+}, T = ["onClick"], D = { class: "min-w-0 flex-1" }, I = { class: "block truncate text-[12px] font-medium text-foreground" }, A = { class: "block text-[10px] text-muted-foreground" }, F = [
+	"title",
+	"aria-label",
+	"onClick"
+], M = { class: "border-t border-border px-2.5 py-1.5 text-[10px] text-muted-foreground" }, _ = (0, r.defineComponent)({
+	__name: "AiHistoryMenu",
+	props: {
+		chats: {},
+		activeChatId: {}
+	},
+	emits: [
+		"resume",
+		"delete",
+		"new-chat",
+		"close"
+	],
+	setup(t, { emit: o }) {
+		const n = t, l = o, { t: s } = e.useI18n(), i = (0, r.ref)(null);
+		function c(e) {
+			i.value && !i.value.contains(e.target) && l("close");
+		}
+		return (0, r.onMounted)(() => document.addEventListener("mousedown", c)), (0, r.onBeforeUnmount)(() => document.removeEventListener("mousedown", c)), (e, t) => ((0, r.openBlock)(), (0, r.createElementBlock)("div", {
+			ref_key: "root",
+			ref: i,
+			class: "absolute right-2 top-10 z-40 w-64 rounded-md border border-border bg-popover shadow-xl"
+		}, [
+			(0, r.createElementVNode)("div", w, [(0, r.createElementVNode)("span", V, (0, r.toDisplayString)((0, r.unref)(s)("pptx.ai.historyTitle")), 1), (0, r.createElementVNode)("button", {
+				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: t[0] || (t[0] = (e) => {
+					l("new-chat"), l("close");
+				})
+			}, [(0, r.createVNode)((0, r.unref)(a.Plus), { class: "w-3 h-3" }), (0, r.createTextVNode)(" " + (0, r.toDisplayString)((0, r.unref)(s)("pptx.ai.newChat")), 1)])]),
+			0 === n.chats.length ? ((0, r.openBlock)(), (0, r.createElementBlock)("p", S, (0, r.toDisplayString)((0, r.unref)(s)("pptx.ai.historyEmpty")), 1)) : ((0, r.openBlock)(), (0, r.createElementBlock)("ul", P, [((0, r.openBlock)(!0), (0, r.createElementBlock)(r.Fragment, null, (0, r.renderList)(n.chats, (e) => ((0, r.openBlock)(), (0, r.createElementBlock)("li", {
+				key: e.id,
+				class: "group flex items-center gap-1 px-1"
+			}, [(0, r.createElementVNode)("button", {
+				type: "button",
+				class: (0, r.normalizeClass)(["flex min-w-0 flex-1 items-start gap-2 rounded-sm px-2 py-1.5 text-left hover:bg-accent", e.id === n.activeChatId ? "bg-accent/60" : ""]),
+				onClick: (t) => {
+					l("resume", e.id), l("close");
+				}
+			}, [(0, r.createVNode)((0, r.unref)(a.MessageSquare), { class: "mt-0.5 w-3.5 h-3.5 shrink-0 text-muted-foreground" }), (0, r.createElementVNode)("span", D, [(0, r.createElementVNode)("span", I, (0, r.toDisplayString)(e.title || (0, r.unref)(s)("pptx.ai.untitledChat")), 1), (0, r.createElementVNode)("span", A, (0, r.toDisplayString)((0, r.unref)(s)("pptx.ai.messageCount", { count: e.messageCount })), 1)])], 10, T), (0, r.createElementVNode)("button", {
+				type: "button",
+				title: (0, r.unref)(s)("pptx.ai.deleteChat"),
+				"aria-label": (0, r.unref)(s)("pptx.ai.deleteChat"),
+				class: "shrink-0 rounded-sm p-1 text-muted-foreground hover:bg-destructive/10 hover:text-destructive",
+				onClick: (t) => l("delete", e.id)
+			}, [(0, r.createVNode)((0, r.unref)(a.Trash2), { class: "w-3.5 h-3.5" })], 8, F)]))), 128))])),
+			(0, r.createElementVNode)("p", M, (0, r.toDisplayString)((0, r.unref)(s)("pptx.ai.historyHint")), 1)
+		], 512));
+	}
+}), L = { class: "text-[12px]" }, j = { class: "flex items-center gap-1.5" }, z = {
+	key: 0,
+	class: "mt-1 pl-5 text-[11px] text-destructive"
+}, R = {
+	key: 1,
+	class: "group mt-0.5 pl-5"
+}, q = { class: "cursor-pointer list-none text-[10px] text-muted-foreground/70 hover:text-muted-foreground" }, H = { class: "mt-0.5 break-words font-mono text-[10px] text-muted-foreground/80" }, U = (0, r.defineComponent)({
+	__name: "AiToolCallCard",
+	props: { part: {} },
+	setup(o) {
+		const n = o, { t: l } = e.useI18n(), s = {
+			view: a.Eye,
+			text: a.Type,
+			shape: a.Shapes,
+			theme: a.Palette,
+			table: a.Table,
+			slide: a.LayoutTemplate,
+			chart: a.ChartColumn,
+			move: a.Move,
+			delete: a.Trash2,
+			search: a.Search,
+			nav: a.Navigation,
+			animation: a.Film,
+			notes: a.StickyNote,
+			tool: a.Wrench
+		}, i = (0, r.computed)(() => "output-error" === n.part.state), c = (0, r.computed)(() => "output-available" === n.part.state), p = (0, r.computed)(() => !i.value && !c.value), d = (0, r.computed)(() => t.describeToolActivity(n.part.toolName, n.part.input, p.value ? "present" : "past")), u = (0, r.computed)(() => s[d.value.icon] ?? a.Wrench), m = (0, r.computed)(() => t.summarizeToolArgs(n.part.input)), f = (0, r.computed)(() => i.value ? l("pptx.ai.toolFailed") : c.value ? l("pptx.ai.toolDone") : l("pptx.ai.toolRunning"));
+		return (e, o) => ((0, r.openBlock)(), (0, r.createElementBlock)("div", L, [
+			(0, r.createElementVNode)("div", j, [
+				((0, r.openBlock)(), (0, r.createBlock)((0, r.resolveDynamicComponent)(u.value), { class: (0, r.normalizeClass)((0, r.unref)(t.cn)("w-3.5 h-3.5 shrink-0", i.value ? "text-destructive" : "text-muted-foreground")) }, null, 8, ["class"])),
+				(0, r.createElementVNode)("span", { class: (0, r.normalizeClass)((0, r.unref)(t.cn)("truncate", i.value ? "text-destructive" : "text-foreground")) }, (0, r.toDisplayString)(d.value.label), 3),
+				(0, r.createElementVNode)("span", { class: (0, r.normalizeClass)((0, r.unref)(t.cn)("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" : c.value ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground")) }, [p.value ? ((0, r.openBlock)(), (0, r.createBlock)((0, r.unref)(a.LoaderCircle), {
+					key: 0,
+					class: "w-3 h-3 animate-spin"
+				})) : c.value ? ((0, r.openBlock)(), (0, r.createBlock)((0, r.unref)(a.Check), {
+					key: 1,
+					class: "w-3 h-3"
+				})) : ((0, r.openBlock)(), (0, r.createBlock)((0, r.unref)(a.TriangleAlert), {
+					key: 2,
+					class: "w-3 h-3"
+				})), (0, r.createTextVNode)(" " + (0, r.toDisplayString)(f.value), 1)], 2)
+			]),
+			i.value && n.part.errorText ? ((0, r.openBlock)(), (0, r.createElementBlock)("div", z, (0, r.toDisplayString)(n.part.errorText), 1)) : (0, r.createCommentVNode)("", !0),
+			m.value ? ((0, r.openBlock)(), (0, r.createElementBlock)("details", R, [(0, r.createElementVNode)("summary", q, (0, r.toDisplayString)((0, r.unref)(l)("pptx.ai.toolDetails")), 1), (0, r.createElementVNode)("div", H, (0, r.toDisplayString)((0, r.unref)(t.toolLabel)(n.part.toolName)) + ": " + (0, r.toDisplayString)(m.value), 1)])) : (0, r.createCommentVNode)("", !0)
+		]));
+	}
+}), W = {
+	key: 0,
+	class: "flex flex-1 flex-col items-center justify-center gap-2 px-6 text-center"
+}, $ = { class: "text-sm font-medium text-foreground" }, O = { class: "text-[12px] text-muted-foreground" }, X = {
+	key: 1,
+	class: "flex-1 space-y-3 overflow-y-auto px-3 py-3"
+}, K = {
+	key: 0,
+	class: "flex gap-2"
+}, G = ["aria-label"], J = { class: "min-w-0 flex-1 space-y-1.5" }, Q = {
+	key: 0,
+	class: "whitespace-pre-wrap break-words text-[13px] leading-relaxed text-foreground"
+}, Y = {
+	key: 0,
+	class: "flex items-center gap-2 pl-8 text-[12px] text-muted-foreground"
+}, Z = (0, r.defineComponent)({
+	__name: "AiMessageList",
+	props: {
+		messages: {},
+		isStreaming: { type: Boolean }
+	},
+	setup(o) {
+		const n = o, { t: l } = e.useI18n(), s = (0, r.ref)(null);
+		return (0, r.watch)(() => [n.messages, n.isStreaming], () => {
+			(0, r.nextTick)(() => s.value?.scrollIntoView({ block: "end" }));
+		}, { deep: !0 }), (e, o) => 0 === n.messages.length ? ((0, r.openBlock)(), (0, r.createElementBlock)("div", W, [
+			(0, r.createVNode)((0, r.unref)(a.Sparkles), { class: "w-7 h-7 text-primary/70" }),
+			(0, r.createElementVNode)("p", $, (0, r.toDisplayString)((0, r.unref)(l)("pptx.ai.emptyTitle")), 1),
+			(0, r.createElementVNode)("p", O, (0, r.toDisplayString)((0, r.unref)(l)("pptx.ai.emptyHint")), 1)
+		])) : ((0, r.openBlock)(), (0, r.createElementBlock)("div", X, [
+			((0, r.openBlock)(!0), (0, r.createElementBlock)(r.Fragment, null, (0, r.renderList)(n.messages, (e) => ((0, r.openBlock)(), (0, r.createElementBlock)(r.Fragment, { key: e.id }, ["user" === e.role || (0, r.unref)(t.toRenderableParts)(e).length > 0 ? ((0, r.openBlock)(), (0, r.createElementBlock)("div", K, [(0, r.createElementVNode)("div", {
+				class: (0, r.normalizeClass)((0, r.unref)(t.cn)("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 ? (0, r.unref)(l)("pptx.ai.you") : (0, r.unref)(l)("pptx.ai.assistant")
+			}, ["user" === e.role ? ((0, r.openBlock)(), (0, r.createBlock)((0, r.unref)(a.User), {
+				key: 0,
+				class: "w-3.5 h-3.5"
+			})) : ((0, r.openBlock)(), (0, r.createBlock)((0, r.unref)(a.Bot), {
+				key: 1,
+				class: "w-3.5 h-3.5"
+			}))], 10, G), (0, r.createElementVNode)("div", J, [((0, r.openBlock)(!0), (0, r.createElementBlock)(r.Fragment, null, (0, r.renderList)((0, r.unref)(t.toRenderableParts)(e), (e, t) => ((0, r.openBlock)(), (0, r.createElementBlock)(r.Fragment, { key: "tool" === e.kind && e.toolCallId || t }, ["text" === e.kind ? ((0, r.openBlock)(), (0, r.createElementBlock)("p", Q, (0, r.toDisplayString)(e.text), 1)) : ((0, r.openBlock)(), (0, r.createBlock)(U, {
+				key: 1,
+				part: e
+			}, null, 8, ["part"]))], 64))), 128))])])) : (0, r.createCommentVNode)("", !0)], 64))), 128)),
+			n.isStreaming ? ((0, r.openBlock)(), (0, r.createElementBlock)("div", Y, [o[0] || (o[0] = (0, r.createElementVNode)("span", { class: "inline-flex gap-1" }, [
+				(0, r.createElementVNode)("span", { class: "h-1.5 w-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:-0.2s]" }),
+				(0, r.createElementVNode)("span", { class: "h-1.5 w-1.5 animate-bounce rounded-full bg-muted-foreground [animation-delay:-0.1s]" }),
+				(0, r.createElementVNode)("span", { class: "h-1.5 w-1.5 animate-bounce rounded-full bg-muted-foreground" })
+			], -1)), (0, r.createTextVNode)(" " + (0, r.toDisplayString)((0, r.unref)(l)("pptx.ai.thinking")), 1)])) : (0, r.createCommentVNode)("", !0),
+			(0, r.createElementVNode)("div", {
+				ref_key: "endRef",
+				ref: s
+			}, null, 512)
+		]));
+	}
+}), ee = { class: "rounded-md border border-primary/40 bg-primary/5 p-2.5" }, te = { class: "mb-1.5 text-[11px] font-semibold uppercase tracking-wide text-primary" }, re = { class: "text-[12px] font-medium text-foreground" }, ae = {
+	key: 0,
+	class: "mt-1 max-h-40 space-y-0.5 overflow-y-auto text-[11px] text-muted-foreground"
+}, oe = { class: "mt-2 flex items-center gap-2" }, ne = (0, r.defineComponent)({
+	__name: "AiProposalCard",
+	props: { proposal: {} },
+	emits: ["accept", "reject"],
+	setup(o, { emit: n }) {
+		const l = o, s = n, { t: i } = e.useI18n(), c = (0, r.computed)(() => l.proposal.summary.map(t.humanizeDiffLine));
+		return (e, t) => ((0, r.openBlock)(), (0, r.createElementBlock)("div", ee, [
+			(0, r.createElementVNode)("div", te, (0, r.toDisplayString)((0, r.unref)(i)("pptx.ai.proposedChange")), 1),
+			(0, r.createElementVNode)("div", re, (0, r.toDisplayString)(l.proposal.label), 1),
+			c.value.length > 0 ? ((0, r.openBlock)(), (0, r.createElementBlock)("ul", ae, [((0, r.openBlock)(!0), (0, r.createElementBlock)(r.Fragment, null, (0, r.renderList)(c.value, (e, t) => ((0, r.openBlock)(), (0, r.createElementBlock)("li", {
+				key: t,
+				class: "break-words"
+			}, (0, r.toDisplayString)(e), 1))), 128))])) : (0, r.createCommentVNode)("", !0),
+			(0, r.createElementVNode)("div", oe, [(0, r.createElementVNode)("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", l.proposal.id))
+			}, [(0, r.createVNode)((0, r.unref)(a.Check), { class: "w-3.5 h-3.5" }), (0, r.createTextVNode)(" " + (0, r.toDisplayString)((0, r.unref)(i)("pptx.ai.accept")), 1)]), (0, r.createElementVNode)("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", l.proposal.id))
+			}, [(0, r.createVNode)((0, r.unref)(a.X), { class: "w-3.5 h-3.5" }), (0, r.createTextVNode)(" " + (0, r.toDisplayString)((0, r.unref)(i)("pptx.ai.reject")), 1)])])
+		]));
+	}
+}), le = { class: "relative flex min-h-0 flex-1 flex-col" }, se = { class: "flex items-center gap-1 border-b border-border px-2 py-1" }, ie = { class: "ml-auto flex items-center gap-0.5" }, ce = ["title", "aria-label"], pe = [
+	"title",
+	"aria-label",
+	"disabled"
+], de = {
+	key: 1,
+	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"
+}, ue = { class: "min-w-0 flex-1" }, me = { class: "font-medium" }, fe = { class: "max-h-24 overflow-y-auto break-words text-[11px] opacity-80" }, xe = {
+	key: 2,
+	class: "max-h-[38%] space-y-2 overflow-y-auto border-t border-border bg-background px-3 py-2"
+}, ge = { class: "flex items-center justify-between" }, ke = { class: "text-[11px] font-semibold uppercase tracking-wide text-muted-foreground" }, ye = (0, r.defineComponent)({
+	__name: "AiConversation",
+	props: {
+		session: {},
+		config: {},
+		bridge: {},
+		aiPanel: {}
+	},
+	async setup(o) {
+		let n, s;
+		const i = o, { t: c } = e.useI18n(), { useChat: p } = ([n, s] = (0, r.withAsyncContext)(() => import("@ai-sdk/vue")), n = await n, s(), n), { messages: d, error: m, isStreaming: f, proposals: x, send: g, stop: k, clearError: y, applyProposal: b, rejectProposal: h, acceptAllProposals: v } = l(p, i.session, i.config, { onToolTarget: (e) => {
+			e && void 0 !== e.slideIndex && i.bridge.goToSlide(e.slideIndex), i.aiPanel.flashToolTarget(e);
+		} }), C = function(e) {
+			const a = (0, r.ref)([]), o = t.createAiChatHistoryController({
+				deckId: e.deckId,
+				store: e.store,
+				getMessages: () => e.messages.value,
+				setMessages: e.setMessages,
+				untitledLabel: e.untitledLabel,
+				onChatsChanged: (e) => {
+					a.value = e;
+				}
+			}), n = (0, r.ref)(o.activeChatId()), l = () => {
+				n.value = o.activeChatId();
+			};
+			return (0, r.watch)(e.messages, () => o.notifyMessagesChanged(), { deep: !0 }), (0, r.onBeforeUnmount)(() => o.dispose()), {
+				chats: a,
+				activeChatId: n,
+				refresh: () => o.refresh(),
+				newChat: () => {
+					o.newChat(), l();
+				},
+				resumeChat: async (e) => {
+					await o.resumeChat(e), l();
+				},
+				deleteChat: async (e) => {
+					await o.deleteChat(e), l();
+				},
+				clearCurrent: () => o.clearCurrent()
+			};
+		}({
+			deckId: t.deckIdFromBridge(i.bridge),
+			messages: d,
+			setMessages: (e) => {
+				d.value = e;
+			},
+			untitledLabel: c("pptx.ai.untitledChat")
+		}), B = (0, r.ref)(!1), E = i.session.changeAnimator.subscribe((e) => {
+			e && i.bridge.goToSlide(e.slideIndex), i.aiPanel.showChangeBatch(e);
+		});
+		(0, r.onBeforeUnmount)(() => E());
+		const w = (0, r.computed)(() => i.aiPanel.pickTargets.value.length > 0), V = (0, r.computed)(() => w.value ? i.aiPanel.pickTargets.value : i.aiPanel.pinnedFocus.value ?? i.aiPanel.liveFocusTargets.value), S = (0, r.computed)(() => !w.value && null !== i.aiPanel.pinnedFocus.value);
+		function P(e) {
+			i.aiPanel.flashToolTarget(null), b(e);
+		}
+		function T() {
+			i.aiPanel.flashToolTarget(null), v();
+		}
+		return (e, t) => ((0, r.openBlock)(), (0, r.createElementBlock)("div", le, [
+			(0, r.createElementVNode)("div", se, [(0, r.createElementVNode)("button", {
+				type: "button",
+				class: "inline-flex items-center gap-1 rounded-sm px-1.5 py-1 text-[12px] text-muted-foreground hover:bg-accent",
+				onClick: t[0] || (t[0] = (e) => B.value = !B.value)
+			}, [(0, r.createVNode)((0, r.unref)(a.History), { class: "w-3.5 h-3.5" }), (0, r.createTextVNode)(" " + (0, r.toDisplayString)((0, r.unref)(c)("pptx.ai.chats")), 1)]), (0, r.createElementVNode)("div", ie, [(0, r.createElementVNode)("button", {
+				type: "button",
+				title: (0, r.unref)(c)("pptx.ai.newChat"),
+				"aria-label": (0, r.unref)(c)("pptx.ai.newChat"),
+				class: "rounded-sm p-1 text-muted-foreground hover:bg-accent",
+				onClick: t[1] || (t[1] = (e) => (0, r.unref)(C).newChat())
+			}, [(0, r.createVNode)((0, r.unref)(a.MessageSquarePlus), { class: "w-3.5 h-3.5" })], 8, ce), (0, r.createElementVNode)("button", {
+				type: "button",
+				title: (0, r.unref)(c)("pptx.ai.clearChat"),
+				"aria-label": (0, r.unref)(c)("pptx.ai.clearChat"),
+				disabled: 0 === (0, r.unref)(d).length,
+				class: "rounded-sm p-1 text-muted-foreground hover:bg-accent disabled:opacity-40",
+				onClick: t[2] || (t[2] = (e) => (0, r.unref)(C).clearCurrent())
+			}, [(0, r.createVNode)((0, r.unref)(a.Trash2), { class: "w-3.5 h-3.5" })], 8, pe)])]),
+			B.value ? ((0, r.openBlock)(), (0, r.createBlock)(_, {
+				key: 0,
+				chats: (0, r.unref)(C).chats.value,
+				"active-chat-id": (0, r.unref)(C).activeChatId.value,
+				onResume: t[3] || (t[3] = (e) => {
+					(0, r.unref)(C).resumeChat(e);
+				}),
+				onDelete: t[4] || (t[4] = (e) => {
+					(0, r.unref)(C).deleteChat(e);
+				}),
+				onNewChat: t[5] || (t[5] = (e) => (0, r.unref)(C).newChat()),
+				onClose: t[6] || (t[6] = (e) => B.value = !1)
+			}, null, 8, ["chats", "active-chat-id"])) : (0, r.createCommentVNode)("", !0),
+			(0, r.createVNode)(N, {
+				targets: V.value,
+				slides: i.bridge.getSlides(),
+				"is-pinned": S.value,
+				"pick-mode": i.aiPanel.pickMode.value,
+				"has-picks": w.value,
+				onPin: i.aiPanel.pinFocus,
+				onClearPin: i.aiPanel.clearPinnedFocus,
+				onStartPick: i.aiPanel.startPicking,
+				onStopPick: i.aiPanel.stopPicking,
+				onClearPicks: i.aiPanel.clearPicks,
+				onSendDirective: (0, r.unref)(g)
+			}, null, 8, [
+				"targets",
+				"slides",
+				"is-pinned",
+				"pick-mode",
+				"has-picks",
+				"onPin",
+				"onClearPin",
+				"onStartPick",
+				"onStopPick",
+				"onClearPicks",
+				"onSendDirective"
+			]),
+			(0, r.createVNode)(Z, {
+				messages: (0, r.unref)(d),
+				"is-streaming": (0, r.unref)(f)
+			}, null, 8, ["messages", "is-streaming"]),
+			(0, r.unref)(m) ? ((0, r.openBlock)(), (0, r.createElementBlock)("div", de, [
+				(0, r.createVNode)((0, r.unref)(a.TriangleAlert), { class: "mt-0.5 w-3.5 h-3.5 shrink-0" }),
+				(0, r.createElementVNode)("div", ue, [(0, r.createElementVNode)("div", me, (0, r.toDisplayString)((0, r.unref)(c)("pptx.ai.errorPrefix")), 1), (0, r.createElementVNode)("div", fe, (0, r.toDisplayString)((0, r.unref)(m).message), 1)]),
+				(0, r.createElementVNode)("button", {
+					type: "button",
+					class: "shrink-0 rounded-sm px-1.5 py-0.5 text-[11px] underline-offset-2 hover:underline",
+					onClick: t[7] || (t[7] = (...e) => (0, r.unref)(y) && (0, r.unref)(y)(...e))
+				}, (0, r.toDisplayString)((0, r.unref)(c)("pptx.ai.retry")), 1)
+			])) : (0, r.createCommentVNode)("", !0),
+			(0, r.unref)(x).length > 0 ? ((0, r.openBlock)(), (0, r.createElementBlock)("div", xe, [(0, r.createElementVNode)("div", ge, [(0, r.createElementVNode)("span", ke, (0, r.toDisplayString)((0, r.unref)(c)("pptx.ai.pendingChanges", { count: (0, r.unref)(x).length })), 1), (0, r.unref)(x).length > 1 ? ((0, r.openBlock)(), (0, r.createElementBlock)("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: T
+			}, (0, r.toDisplayString)((0, r.unref)(c)("pptx.ai.acceptAll")), 1)) : (0, r.createCommentVNode)("", !0)]), ((0, r.openBlock)(!0), (0, r.createElementBlock)(r.Fragment, null, (0, r.renderList)((0, r.unref)(x), (e) => ((0, r.openBlock)(), (0, r.createBlock)(ne, {
+				key: e.id,
+				proposal: e,
+				onAccept: P,
+				onReject: (0, r.unref)(h)
+			}, null, 8, ["proposal", "onReject"]))), 128))])) : (0, r.createCommentVNode)("", !0),
+			(0, r.createVNode)(u, {
+				"is-streaming": (0, r.unref)(f),
+				"prefill-text": i.aiPanel.prefill.value.text,
+				"prefill-nonce": i.aiPanel.prefill.value.nonce,
+				onSend: (0, r.unref)(g),
+				onStop: (0, r.unref)(k)
+			}, null, 8, [
+				"is-streaming",
+				"prefill-text",
+				"prefill-nonce",
+				"onSend",
+				"onStop"
+			])
+		]));
+	}
+}), be = { class: "flex items-center gap-2 border-b border-border px-3 py-2" }, he = { class: "text-sm font-semibold text-foreground" }, ve = ["title", "aria-label"], Ce = {
+	key: 0,
+	class: "flex flex-1 flex-col items-center justify-center gap-2 text-muted-foreground"
+}, Be = {
+	key: 1,
+	class: "flex flex-1 flex-col items-center justify-center gap-2 px-6 text-center"
+}, Ee = { class: "text-sm font-medium text-foreground" }, Ne = { class: "text-[12px] text-muted-foreground" }, we = { class: "flex flex-1 flex-col items-center justify-center gap-2 text-muted-foreground" }, Ve = (0, r.defineComponent)({
+	__name: "AiChatPanel",
+	props: {
+		bridge: {},
+		config: {},
+		panelWidth: {},
+		aiPanel: {}
+	},
+	emits: ["close"],
+	setup(o, { emit: n }) {
+		const l = o, s = n, { t: i } = e.useI18n(), { state: c, session: p, initError: d } = function(e, a) {
+			const o = (0, r.ref)("checking"), n = (0, r.shallowRef)(null), l = (0, r.shallowRef)(void 0);
+			let s = 0;
+			return (async () => {
+				const r = ++s;
+				o.value = "checking", n.value = null, l.value = void 0;
+				try {
+					const l = await t.isAiAvailable();
+					if (r !== s) return;
+					if (!l) return void (o.value = "unavailable");
+					const i = await t.createAiChatSession(e, a);
+					if (r !== s) return;
+					n.value = i, o.value = "ready";
+				} catch (e) {
+					if (r !== s) return;
+					l.value = e instanceof Error ? e : new Error(String(e)), o.value = "error";
+				}
+			})(), {
+				state: o,
+				session: n,
+				initError: l
+			};
+		}(l.bridge, l.config), u = (0, r.computed)(() => l.panelWidth ? { width: `${l.panelWidth}px` } : void 0), m = t.useAiPanelController({
+			activeSlideIndex: (0, r.ref)(0),
+			selectedElementIds: (0, r.ref)([]),
+			selectedElement: () => null
+		}), f = (0, r.computed)(() => l.aiPanel ?? m);
+		return (e, t) => ((0, r.openBlock)(), (0, r.createElementBlock)("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: (0, r.normalizeStyle)(u.value)
+		}, [(0, r.createElementVNode)("div", be, [
+			(0, r.createVNode)((0, r.unref)(a.Sparkles), { class: "w-4 h-4 text-primary" }),
+			(0, r.createElementVNode)("span", he, (0, r.toDisplayString)((0, r.unref)(i)("pptx.ai.title")), 1),
+			(0, r.createElementVNode)("button", {
+				type: "button",
+				title: (0, r.unref)(i)("pptx.ai.close"),
+				"aria-label": (0, r.unref)(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) => s("close"))
+			}, [(0, r.createVNode)((0, r.unref)(a.X), { class: "w-4 h-4" })], 8, ve)
+		]), "checking" === (0, r.unref)(c) ? ((0, r.openBlock)(), (0, r.createElementBlock)("div", Ce, [(0, r.createVNode)((0, r.unref)(a.LoaderCircle), { class: "w-5 h-5 animate-spin" })])) : "unavailable" === (0, r.unref)(c) || "error" === (0, r.unref)(c) ? ((0, r.openBlock)(), (0, r.createElementBlock)("div", Be, [
+			(0, r.createVNode)((0, r.unref)(a.TriangleAlert), { class: "w-6 h-6 text-muted-foreground" }),
+			(0, r.createElementVNode)("p", Ee, (0, r.toDisplayString)((0, r.unref)(i)("pptx.ai.unavailableTitle")), 1),
+			(0, r.createElementVNode)("p", Ne, (0, r.toDisplayString)((0, r.unref)(d)?.message ?? (0, r.unref)(i)("pptx.ai.unavailableHint")), 1)
+		])) : "ready" === (0, r.unref)(c) && (0, r.unref)(p) ? ((0, r.openBlock)(), (0, r.createBlock)(r.Suspense, { key: 2 }, {
+			fallback: (0, r.withCtx)(() => [(0, r.createElementVNode)("div", we, [(0, r.createVNode)((0, r.unref)(a.LoaderCircle), { class: "w-5 h-5 animate-spin" })])]),
+			default: (0, r.withCtx)(() => [(0, r.createVNode)(ye, {
+				session: (0, r.unref)(p),
+				config: l.config,
+				bridge: l.bridge,
+				"ai-panel": f.value
+			}, null, 8, [
+				"session",
+				"config",
+				"bridge",
+				"ai-panel"
+			])]),
+			_: 1
+		})) : (0, r.createCommentVNode)("", !0)], 4));
+	}
+});
+exports.default = Ve;