pptx-vue-viewer 2.13.0 → 2.13.2

package/CHANGELOG.md

@@ -4,6 +4,18 @@ 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.1](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-vue-viewer@2.13.1) - 2026-08-05
+
+### Dependencies
+
+- **deps:** Bump ai from 7.0.48 to 7.0.44 ([#134](https://github.com/ChristopherVR/pptx-viewer/issues/134)) (by @dependabot[bot]) ([08a13e0](https://github.com/ChristopherVR/pptx-viewer/commit/08a13e076caa6d97e22bd706e57657407aef1dd8))
+
+### Chores
+
+- **deps-dev:** Update vite requirement from ^8.1.5 to ^8.2.0 ([#135](https://github.com/ChristopherVR/pptx-viewer/issues/135)) (by @dependabot[bot]) ([1e7e296](https://github.com/ChristopherVR/pptx-viewer/commit/1e7e2965eff8635dfa8b94fa196b89ed1d0fd0c7))
+
+## [2.13.0](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-vue-viewer@2.13.0) - 2026-08-01
+
 ## [2.12.1](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-vue-viewer@2.12.1) - 2026-08-01
 
 ## [2.12.0](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-vue-viewer@2.12.0) - 2026-08-01

package/dist/{AiChatPanel-B8Ql84M5.cjs → AiChatPanel-CtoBtOtB.cjs}

@@ -1,29 +1,29 @@
-const e = require("./useViewerSettingsDialog-CY1t9MEH.cjs"), t = require("./viewer-SRdb6B8w.cjs");
-let r = require("vue"), o = require("lucide-vue-next"), a = require("@ai-sdk/vue"), n = require("ai");
-var l = /* @__PURE__ */ new Set([
+const e = require("./useViewerSettingsDialog-BSsouEGv.cjs"), t = require("./viewer-CKGNkLtj.cjs");
+let r = require("vue"), o = require("lucide-vue-next"), a = require("ai");
+var n = /* @__PURE__ */ new Set([
 	"input-available",
 	"output-available",
 	"output-error"
 ]);
-function s(e, o, s = {}) {
-	const i = (0, r.ref)(e.proposals.list()), c = () => {
-		i.value = e.proposals.list();
-	}, p = (0, a.useChat)({
-		transport: e.transport,
-		sendAutomaticallyWhen: e.sendAutomaticallyWhen,
-		onError: (e) => o.onError?.(e),
-		onToolCall: async ({ toolCall: t }) => {
-			const { toolName: r, toolCallId: o, input: a } = t, n = p.addToolOutput;
+function l(e, o, l, s = {}) {
+	const i = (0, r.ref)(o.proposals.list()), c = () => {
+		i.value = o.proposals.list();
+	}, p = e({
+		transport: o.transport,
+		sendAutomaticallyWhen: o.sendAutomaticallyWhen,
+		onError: (e) => l.onError?.(e),
+		onToolCall: async ({ toolCall: e }) => {
+			const { toolName: t, toolCallId: r, input: a } = e, n = p.addToolOutput;
 			try {
 				n({
-					tool: r,
-					toolCallId: o,
-					output: await e.executeToolCall(r, a)
+					tool: t,
+					toolCallId: r,
+					output: await o.executeToolCall(t, a)
 				});
 			} catch (e) {
 				n({
-					tool: r,
-					toolCallId: o,
+					tool: t,
+					toolCallId: r,
 					state: "output-error",
 					errorText: e instanceof Error ? e.message : String(e)
 				});
@@ -35,10 +35,10 @@ function s(e, o, s = {}) {
 		for (const r of function(e) {
 			const t = [];
 			for (const r of e) for (const e of r.parts) {
-				if (!(0, n.isToolUIPart)(e) && !(0, n.isDynamicToolUIPart)(e)) continue;
+				if (!(0, a.isToolUIPart)(e) && !(0, a.isDynamicToolUIPart)(e)) continue;
 				const r = e, o = r.toolCallId ?? "";
-				0 !== o.length && void 0 !== r.input && l.has(r.state ?? "") && t.push({
-					toolName: (0, n.getToolOrDynamicToolName)(e),
+				0 !== o.length && void 0 !== r.input && n.has(r.state ?? "") && t.push({
+					toolName: (0, a.getToolOrDynamicToolName)(e),
 					toolCallId: o,
 					input: r.input
 				});
@@ -60,22 +60,22 @@ function s(e, o, s = {}) {
 			p.stop();
 		},
 		clearError: () => p.clearError(),
-		applyProposal: (t) => {
-			e.proposals.apply(t), c();
+		applyProposal: (e) => {
+			o.proposals.apply(e), c();
 		},
-		rejectProposal: (t) => {
-			e.proposals.revert(t), c();
+		rejectProposal: (e) => {
+			o.proposals.revert(e), c();
 		},
 		acceptAllProposals: () => {
-			e.proposals.acceptAll(), c();
+			o.proposals.acceptAll(), c();
 		}
 	};
 }
-var i = { class: "border-t border-border p-2" }, c = { class: "flex items-end gap-1.5 rounded-md border border-input bg-background px-2 py-1.5 focus-within:border-ring" }, p = ["placeholder", "aria-label"], u = ["title", "aria-label"], d = [
+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"], u = [
 	"disabled",
 	"title",
 	"aria-label"
-], m = (0, r.defineComponent)({
+], d = (0, r.defineComponent)({
 	__name: "AiComposer",
 	props: {
 		isStreaming: { type: Boolean },
@@ -84,17 +84,17 @@ var i = { class: "border-t border-border p-2" }, c = { class: "flex items-end ga
 	},
 	emits: ["send", "stop"],
 	setup(a, { emit: n }) {
-		const l = a, s = n, { t: m } = e.useI18n(), f = (0, r.ref)(""), x = (0, r.ref)(null), g = (0, r.computed)(() => f.value.trim().length > 0);
+		const l = a, d = 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 || (s("send", e), f.value = "");
+			0 === e.length || l.isStreaming || (d("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, a) => ((0, r.openBlock)(), (0, r.createElementBlock)("div", i, [(0, r.createElementVNode)("div", c, [(0, r.withDirectives)((0, r.createElementVNode)("textarea", {
+		}), (e, a) => ((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": a[0] || (a[0] = (e) => f.value = e),
@@ -103,14 +103,14 @@ var i = { class: "border-t border-border p-2" }, c = { class: "flex items-end ga
 			"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, p), [[r.vModelText, f.value]]), l.isStreaming ? ((0, r.openBlock)(), (0, r.createElementBlock)("button", {
+		}, 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: a[1] || (a[1] = (e) => s("stop"))
-		}, [(0, r.createVNode)((0, r.unref)(o.Square), { class: "w-4 h-4" })], 8, u)) : ((0, r.openBlock)(), (0, r.createElementBlock)("button", {
+			onClick: a[1] || (a[1] = (e) => d("stop"))
+		}, [(0, r.createVNode)((0, r.unref)(o.Square), { class: "w-4 h-4" })], 8, p)) : ((0, r.openBlock)(), (0, r.createElementBlock)("button", {
 			key: 1,
 			type: "button",
 			disabled: !g.value,
@@ -118,19 +118,19 @@ var i = { class: "border-t border-border p-2" }, c = { class: "flex items-end ga
 			"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)(o.Send), { class: "w-4 h-4" })], 10, d))])]));
+		}, [(0, r.createVNode)((0, r.unref)(o.Send), { class: "w-4 h-4" })], 10, u))])]));
 	}
-}), f = { class: "border-b border-border bg-secondary/30" }, x = { class: "flex flex-wrap items-center gap-1 px-2.5 py-1.5" }, g = { class: "text-[10px] font-semibold uppercase tracking-wide text-muted-foreground" }, k = ["title"], y = { class: "truncate" }, b = {
+}), 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"
-}, v = { class: "ml-auto flex items-center gap-0.5" }, h = [
+}, b = { class: "ml-auto flex items-center gap-0.5" }, v = [
 	"title",
 	"aria-label",
 	"aria-pressed"
-], B = ["title", "aria-label"], E = ["title", "aria-label"], N = {
+], h = ["title", "aria-label"], B = ["title", "aria-label"], E = {
 	key: 0,
 	class: "flex items-center gap-2 border-t border-primary/20 bg-primary/5 px-2.5 py-1"
-}, C = { class: "text-[11px] font-medium text-primary" }, V = (0, r.defineComponent)({
+}, N = { class: "text-[11px] font-medium text-primary" }, C = (0, r.defineComponent)({
 	__name: "AiFocusBar",
 	props: {
 		targets: {},
@@ -153,15 +153,15 @@ var i = { class: "border-t border-border p-2" }, c = { class: "flex items-end ga
 			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", f, [(0, r.createElementVNode)("div", x, [
-			(0, r.createElementVNode)("span", g, (0, r.toDisplayString)((0, r.unref)(i)("pptx.ai.focusScope")), 1),
+		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]", a.hasPicks || a.isPinned ? "bg-primary/15 text-primary" : "bg-muted text-muted-foreground")),
 				title: e.title
-			}, [(0, r.createElementVNode)("span", y, (0, r.toDisplayString)(e.label), 1)], 10, k))), 128)),
-			a.isPinned ? ((0, r.openBlock)(), (0, r.createElementBlock)("span", b, (0, r.toDisplayString)((0, r.unref)(i)("pptx.ai.pinnedFocus")), 1)) : (0, r.createCommentVNode)("", !0),
-			(0, r.createElementVNode)("div", v, [
+			}, [(0, r.createElementVNode)("span", k, (0, r.toDisplayString)(e.label), 1)], 10, g))), 128)),
+			a.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",
@@ -175,7 +175,7 @@ var i = { class: "border-t border-border p-2" }, c = { class: "flex items-end ga
 					"aria-pressed": a.pickMode,
 					class: (0, r.normalizeClass)((0, r.unref)(t.cn)("rounded-sm p-1", a.pickMode ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-accent")),
 					onClick: n[0] || (n[0] = (e) => a.pickMode ? s("stop-pick") : s("start-pick"))
-				}, [(0, r.createVNode)((0, r.unref)(o.Crosshair), { class: "w-3.5 h-3.5" })], 10, h),
+				}, [(0, r.createVNode)((0, r.unref)(o.Crosshair), { class: "w-3.5 h-3.5" })], 10, v),
 				a.hasPicks ? ((0, r.openBlock)(), (0, r.createElementBlock)("button", {
 					key: 1,
 					type: "button",
@@ -183,7 +183,7 @@ var i = { class: "border-t border-border p-2" }, c = { class: "flex items-end ga
 					"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)(o.X), { class: "w-3.5 h-3.5" })], 8, B)) : ((0, r.openBlock)(), (0, r.createElementBlock)("button", {
+				}, [(0, r.createVNode)((0, r.unref)(o.X), { class: "w-3.5 h-3.5" })], 8, h)) : ((0, r.openBlock)(), (0, r.createElementBlock)("button", {
 					key: 2,
 					type: "button",
 					title: a.isPinned ? (0, r.unref)(i)("pptx.ai.clearFocus") : (0, r.unref)(i)("pptx.ai.pinFocus"),
@@ -196,11 +196,11 @@ var i = { class: "border-t border-border p-2" }, c = { class: "flex items-end ga
 				})) : ((0, r.openBlock)(), (0, r.createBlock)((0, r.unref)(o.Pin), {
 					key: 1,
 					class: "w-3.5 h-3.5"
-				}))], 8, E))
+				}))], 8, B))
 			])
-		]), a.pickMode ? ((0, r.openBlock)(), (0, r.createElementBlock)("div", N, [
+		]), a.pickMode ? ((0, r.openBlock)(), (0, r.createElementBlock)("div", E, [
 			(0, r.createVNode)((0, r.unref)(o.Crosshair), { class: "w-3.5 h-3.5 shrink-0 animate-pulse text-primary" }),
-			(0, r.createElementVNode)("span", C, (0, r.toDisplayString)((0, r.unref)(i)("pptx.ai.pickElementHint")), 1),
+			(0, r.createElementVNode)("span", N, (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",
@@ -208,13 +208,13 @@ var i = { class: "border-t border-border p-2" }, c = { class: "flex items-end ga
 			}, (0, r.toDisplayString)((0, r.unref)(i)("pptx.ai.pickDone")), 1)
 		])) : (0, r.createCommentVNode)("", !0)]));
 	}
-}), w = { class: "text-[12px]" }, S = { class: "flex items-center gap-1.5" }, P = {
+}), V = { class: "text-[12px]" }, w = { class: "flex items-center gap-1.5" }, S = {
 	key: 0,
 	class: "mt-1 pl-5 text-[11px] text-destructive"
-}, T = {
+}, P = {
 	key: 1,
 	class: "group mt-0.5 pl-5"
-}, D = { class: "cursor-pointer list-none text-[10px] text-muted-foreground/70 hover:text-muted-foreground" }, I = { class: "mt-0.5 break-words font-mono text-[10px] text-muted-foreground/80" }, A = (0, r.defineComponent)({
+}, T = { class: "cursor-pointer list-none text-[10px] text-muted-foreground/70 hover:text-muted-foreground" }, D = { class: "mt-0.5 break-words font-mono text-[10px] text-muted-foreground/80" }, A = (0, r.defineComponent)({
 	__name: "AiToolCallCard",
 	props: { part: {} },
 	setup(a) {
@@ -234,8 +234,8 @@ var i = { class: "border-t border-border p-2" }, c = { class: "flex items-end ga
 			notes: o.StickyNote,
 			tool: o.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), u = (0, r.computed)(() => t.describeToolActivity(n.part.toolName, n.part.input, p.value ? "present" : "past")), d = (0, r.computed)(() => s[u.value.icon] ?? o.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, a) => ((0, r.openBlock)(), (0, r.createElementBlock)("div", w, [
-			(0, r.createElementVNode)("div", S, [
+		return (e, a) => ((0, r.openBlock)(), (0, r.createElementBlock)("div", V, [
+			(0, r.createElementVNode)("div", w, [
 				((0, r.openBlock)(), (0, r.createBlock)((0, r.resolveDynamicComponent)(d.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)(u.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)(o.LoaderCircle), {
@@ -249,26 +249,26 @@ var i = { class: "border-t border-border p-2" }, c = { class: "flex items-end ga
 					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", P, (0, r.toDisplayString)(n.part.errorText), 1)) : (0, r.createCommentVNode)("", !0),
-			m.value ? ((0, r.openBlock)(), (0, r.createElementBlock)("details", T, [(0, r.createElementVNode)("summary", D, (0, r.toDisplayString)((0, r.unref)(l)("pptx.ai.toolDetails")), 1), (0, r.createElementVNode)("div", I, (0, r.toDisplayString)((0, r.unref)(t.toolLabel)(n.part.toolName)) + ": " + (0, r.toDisplayString)(m.value), 1)])) : (0, r.createCommentVNode)("", !0)
+			i.value && n.part.errorText ? ((0, r.openBlock)(), (0, r.createElementBlock)("div", S, (0, r.toDisplayString)(n.part.errorText), 1)) : (0, r.createCommentVNode)("", !0),
+			m.value ? ((0, r.openBlock)(), (0, r.createElementBlock)("details", P, [(0, r.createElementVNode)("summary", T, (0, r.toDisplayString)((0, r.unref)(l)("pptx.ai.toolDetails")), 1), (0, r.createElementVNode)("div", D, (0, r.toDisplayString)((0, r.unref)(t.toolLabel)(n.part.toolName)) + ": " + (0, r.toDisplayString)(m.value), 1)])) : (0, r.createCommentVNode)("", !0)
 		]));
 	}
-}), F = {
+}), I = {
 	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" }, j = { class: "text-[12px] text-muted-foreground" }, z = {
+}, F = { class: "text-sm font-medium text-foreground" }, _ = { class: "text-[12px] text-muted-foreground" }, j = {
 	key: 1,
 	class: "flex-1 space-y-3 overflow-y-auto px-3 py-3"
-}, M = {
+}, z = {
 	key: 0,
 	class: "flex gap-2"
-}, L = ["aria-label"], R = { class: "min-w-0 flex-1 space-y-1.5" }, q = {
+}, L = ["aria-label"], M = { class: "min-w-0 flex-1 space-y-1.5" }, R = {
 	key: 0,
 	class: "whitespace-pre-wrap break-words text-[13px] leading-relaxed text-foreground"
 }, W = {
 	key: 0,
 	class: "flex items-center gap-2 pl-8 text-[12px] text-muted-foreground"
-}, U = (0, r.defineComponent)({
+}, q = (0, r.defineComponent)({
 	__name: "AiMessageList",
 	props: {
 		messages: {},
@@ -278,12 +278,12 @@ var i = { class: "border-t border-border p-2" }, c = { class: "flex items-end ga
 		const n = a, { 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, a) => 0 === n.messages.length ? ((0, r.openBlock)(), (0, r.createElementBlock)("div", F, [
+		}, { deep: !0 }), (e, a) => 0 === n.messages.length ? ((0, r.openBlock)(), (0, r.createElementBlock)("div", I, [
 			(0, r.createVNode)((0, r.unref)(o.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", j, (0, r.toDisplayString)((0, r.unref)(l)("pptx.ai.emptyHint")), 1)
-		])) : ((0, r.openBlock)(), (0, r.createElementBlock)("div", z, [
-			((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", M, [(0, r.createElementVNode)("div", {
+			(0, r.createElementVNode)("p", F, (0, r.toDisplayString)((0, r.unref)(l)("pptx.ai.emptyTitle")), 1),
+			(0, r.createElementVNode)("p", _, (0, r.toDisplayString)((0, r.unref)(l)("pptx.ai.emptyHint")), 1)
+		])) : ((0, r.openBlock)(), (0, r.createElementBlock)("div", j, [
+			((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", z, [(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)(o.User), {
@@ -292,7 +292,7 @@ var i = { class: "border-t border-border p-2" }, c = { class: "flex items-end ga
 			})) : ((0, r.openBlock)(), (0, r.createBlock)((0, r.unref)(o.Bot), {
 				key: 1,
 				class: "w-3.5 h-3.5"
-			}))], 10, L), (0, r.createElementVNode)("div", R, [((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)(A, {
+			}))], 10, L), (0, r.createElementVNode)("div", M, [((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", R, (0, r.toDisplayString)(e.text), 1)) : ((0, r.openBlock)(), (0, r.createBlock)(A, {
 				key: 1,
 				part: e
 			}, null, 8, ["part"]))], 64))), 128))])])) : (0, r.createCommentVNode)("", !0)], 64))), 128)),
@@ -307,23 +307,23 @@ var i = { class: "border-t border-border p-2" }, c = { class: "flex items-end ga
 			}, null, 512)
 		]));
 	}
-}), $ = { class: "rounded-md border border-primary/40 bg-primary/5 p-2.5" }, H = { class: "mb-1.5 text-[11px] font-semibold uppercase tracking-wide text-primary" }, O = { class: "text-[12px] font-medium text-foreground" }, X = {
+}), U = { class: "rounded-md border border-primary/40 bg-primary/5 p-2.5" }, $ = { class: "mb-1.5 text-[11px] font-semibold uppercase tracking-wide text-primary" }, H = { class: "text-[12px] font-medium text-foreground" }, O = {
 	key: 0,
 	class: "mt-1 max-h-40 space-y-0.5 overflow-y-auto text-[11px] text-muted-foreground"
-}, K = { class: "mt-2 flex items-center gap-2" }, G = (0, r.defineComponent)({
+}, X = { class: "mt-2 flex items-center gap-2" }, K = (0, r.defineComponent)({
 	__name: "AiProposalCard",
 	props: { proposal: {} },
 	emits: ["accept", "reject"],
 	setup(a, { emit: n }) {
 		const l = a, 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", $, [
-			(0, r.createElementVNode)("div", H, (0, r.toDisplayString)((0, r.unref)(i)("pptx.ai.proposedChange")), 1),
-			(0, r.createElementVNode)("div", O, (0, r.toDisplayString)(l.proposal.label), 1),
-			c.value.length > 0 ? ((0, r.openBlock)(), (0, r.createElementBlock)("ul", X, [((0, r.openBlock)(!0), (0, r.createElementBlock)(r.Fragment, null, (0, r.renderList)(c.value, (e, t) => ((0, r.openBlock)(), (0, r.createElementBlock)("li", {
+		return (e, t) => ((0, r.openBlock)(), (0, r.createElementBlock)("div", U, [
+			(0, r.createElementVNode)("div", $, (0, r.toDisplayString)((0, r.unref)(i)("pptx.ai.proposedChange")), 1),
+			(0, r.createElementVNode)("div", H, (0, r.toDisplayString)(l.proposal.label), 1),
+			c.value.length > 0 ? ((0, r.openBlock)(), (0, r.createElementBlock)("ul", O, [((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", K, [(0, r.createElementVNode)("button", {
+			(0, r.createElementVNode)("div", X, [(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))
@@ -334,13 +334,13 @@ var i = { class: "border-t border-border p-2" }, c = { class: "flex items-end ga
 			}, [(0, r.createVNode)((0, r.unref)(o.X), { class: "w-3.5 h-3.5" }), (0, r.createTextVNode)(" " + (0, r.toDisplayString)((0, r.unref)(i)("pptx.ai.reject")), 1)])])
 		]));
 	}
-}), J = { class: "flex min-h-0 flex-1 flex-col" }, Q = {
+}), G = { class: "flex min-h-0 flex-1 flex-col" }, J = {
 	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"
-}, Y = { class: "min-w-0 flex-1" }, Z = { class: "font-medium" }, ee = { class: "max-h-24 overflow-y-auto break-words text-[11px] opacity-80" }, te = {
+}, Q = { class: "min-w-0 flex-1" }, Y = { class: "font-medium" }, Z = { class: "max-h-24 overflow-y-auto break-words text-[11px] opacity-80" }, ee = {
 	key: 1,
 	class: "max-h-[38%] space-y-2 overflow-y-auto border-t border-border bg-background px-3 py-2"
-}, re = { class: "flex items-center justify-between" }, oe = { class: "text-[11px] font-semibold uppercase tracking-wide text-muted-foreground" }, ae = (0, r.defineComponent)({
+}, te = { class: "flex items-center justify-between" }, re = { class: "text-[11px] font-semibold uppercase tracking-wide text-muted-foreground" }, oe = (0, r.defineComponent)({
 	__name: "AiConversation",
 	props: {
 		session: {},
@@ -348,33 +348,34 @@ var i = { class: "border-t border-border p-2" }, c = { class: "flex items-end ga
 		bridge: {},
 		aiPanel: {}
 	},
-	setup(t) {
-		const a = t, { t: n } = e.useI18n(), { messages: l, error: i, isStreaming: c, proposals: p, send: u, stop: d, clearError: f, applyProposal: x, rejectProposal: g, acceptAllProposals: k } = s(a.session, a.config, { onToolTarget: (e) => {
-			e && void 0 !== e.slideIndex && a.bridge.goToSlide(e.slideIndex), a.aiPanel.flashToolTarget(e);
-		} }), y = a.session.changeAnimator.subscribe((e) => {
-			e && a.bridge.goToSlide(e.slideIndex), a.aiPanel.showChangeBatch(e);
+	async setup(t) {
+		let a, n;
+		const s = t, { t: i } = e.useI18n(), { useChat: c } = ([a, n] = (0, r.withAsyncContext)(() => import("@ai-sdk/vue")), a = await a, n(), a), { messages: p, error: u, isStreaming: m, proposals: f, send: x, stop: g, clearError: k, applyProposal: y, rejectProposal: b, acceptAllProposals: v } = l(c, s.session, s.config, { onToolTarget: (e) => {
+			e && void 0 !== e.slideIndex && s.bridge.goToSlide(e.slideIndex), s.aiPanel.flashToolTarget(e);
+		} }), h = s.session.changeAnimator.subscribe((e) => {
+			e && s.bridge.goToSlide(e.slideIndex), s.aiPanel.showChangeBatch(e);
 		});
-		(0, r.onBeforeUnmount)(() => y());
-		const b = (0, r.computed)(() => a.aiPanel.pickTargets.value.length > 0), v = (0, r.computed)(() => b.value ? a.aiPanel.pickTargets.value : a.aiPanel.pinnedFocus.value ?? a.aiPanel.liveFocusTargets.value), h = (0, r.computed)(() => !b.value && null !== a.aiPanel.pinnedFocus.value);
-		function B(e) {
-			a.aiPanel.flashToolTarget(null), x(e);
+		(0, r.onBeforeUnmount)(() => h());
+		const B = (0, r.computed)(() => s.aiPanel.pickTargets.value.length > 0), E = (0, r.computed)(() => B.value ? s.aiPanel.pickTargets.value : s.aiPanel.pinnedFocus.value ?? s.aiPanel.liveFocusTargets.value), N = (0, r.computed)(() => !B.value && null !== s.aiPanel.pinnedFocus.value);
+		function V(e) {
+			s.aiPanel.flashToolTarget(null), y(e);
 		}
-		function E() {
-			a.aiPanel.flashToolTarget(null), k();
+		function w() {
+			s.aiPanel.flashToolTarget(null), v();
 		}
-		return (e, t) => ((0, r.openBlock)(), (0, r.createElementBlock)("div", J, [
-			(0, r.createVNode)(V, {
-				targets: v.value,
-				slides: a.bridge.getSlides(),
-				"is-pinned": h.value,
-				"pick-mode": a.aiPanel.pickMode.value,
-				"has-picks": b.value,
-				onPin: a.aiPanel.pinFocus,
-				onClearPin: a.aiPanel.clearPinnedFocus,
-				onStartPick: a.aiPanel.startPicking,
-				onStopPick: a.aiPanel.stopPicking,
-				onClearPicks: a.aiPanel.clearPicks,
-				onSendDirective: (0, r.unref)(u)
+		return (e, t) => ((0, r.openBlock)(), (0, r.createElementBlock)("div", G, [
+			(0, r.createVNode)(C, {
+				targets: E.value,
+				slides: s.bridge.getSlides(),
+				"is-pinned": N.value,
+				"pick-mode": s.aiPanel.pickMode.value,
+				"has-picks": B.value,
+				onPin: s.aiPanel.pinFocus,
+				onClearPin: s.aiPanel.clearPinnedFocus,
+				onStartPick: s.aiPanel.startPicking,
+				onStopPick: s.aiPanel.stopPicking,
+				onClearPicks: s.aiPanel.clearPicks,
+				onSendDirective: (0, r.unref)(x)
 			}, null, 8, [
 				"targets",
 				"slides",
@@ -388,36 +389,36 @@ var i = { class: "border-t border-border p-2" }, c = { class: "flex items-end ga
 				"onClearPicks",
 				"onSendDirective"
 			]),
-			(0, r.createVNode)(U, {
-				messages: (0, r.unref)(l),
-				"is-streaming": (0, r.unref)(c)
+			(0, r.createVNode)(q, {
+				messages: (0, r.unref)(p),
+				"is-streaming": (0, r.unref)(m)
 			}, null, 8, ["messages", "is-streaming"]),
-			(0, r.unref)(i) ? ((0, r.openBlock)(), (0, r.createElementBlock)("div", Q, [
+			(0, r.unref)(u) ? ((0, r.openBlock)(), (0, r.createElementBlock)("div", J, [
 				(0, r.createVNode)((0, r.unref)(o.TriangleAlert), { class: "mt-0.5 w-3.5 h-3.5 shrink-0" }),
-				(0, r.createElementVNode)("div", Y, [(0, r.createElementVNode)("div", Z, (0, r.toDisplayString)((0, r.unref)(n)("pptx.ai.errorPrefix")), 1), (0, r.createElementVNode)("div", ee, (0, r.toDisplayString)((0, r.unref)(i).message), 1)]),
+				(0, r.createElementVNode)("div", Q, [(0, r.createElementVNode)("div", Y, (0, r.toDisplayString)((0, r.unref)(i)("pptx.ai.errorPrefix")), 1), (0, r.createElementVNode)("div", Z, (0, r.toDisplayString)((0, r.unref)(u).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[0] || (t[0] = (...e) => (0, r.unref)(f) && (0, r.unref)(f)(...e))
-				}, (0, r.toDisplayString)((0, r.unref)(n)("pptx.ai.retry")), 1)
+					onClick: t[0] || (t[0] = (...e) => (0, r.unref)(k) && (0, r.unref)(k)(...e))
+				}, (0, r.toDisplayString)((0, r.unref)(i)("pptx.ai.retry")), 1)
 			])) : (0, r.createCommentVNode)("", !0),
-			(0, r.unref)(p).length > 0 ? ((0, r.openBlock)(), (0, r.createElementBlock)("div", te, [(0, r.createElementVNode)("div", re, [(0, r.createElementVNode)("span", oe, (0, r.toDisplayString)((0, r.unref)(n)("pptx.ai.pendingChanges", { count: (0, r.unref)(p).length })), 1), (0, r.unref)(p).length > 1 ? ((0, r.openBlock)(), (0, r.createElementBlock)("button", {
+			(0, r.unref)(f).length > 0 ? ((0, r.openBlock)(), (0, r.createElementBlock)("div", ee, [(0, r.createElementVNode)("div", te, [(0, r.createElementVNode)("span", re, (0, r.toDisplayString)((0, r.unref)(i)("pptx.ai.pendingChanges", { count: (0, r.unref)(f).length })), 1), (0, r.unref)(f).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: E
-			}, (0, r.toDisplayString)((0, r.unref)(n)("pptx.ai.acceptAll")), 1)) : (0, r.createCommentVNode)("", !0)]), ((0, r.openBlock)(!0), (0, r.createElementBlock)(r.Fragment, null, (0, r.renderList)((0, r.unref)(p), (e) => ((0, r.openBlock)(), (0, r.createBlock)(G, {
+				onClick: w
+			}, (0, r.toDisplayString)((0, r.unref)(i)("pptx.ai.acceptAll")), 1)) : (0, r.createCommentVNode)("", !0)]), ((0, r.openBlock)(!0), (0, r.createElementBlock)(r.Fragment, null, (0, r.renderList)((0, r.unref)(f), (e) => ((0, r.openBlock)(), (0, r.createBlock)(K, {
 				key: e.id,
 				proposal: e,
-				onAccept: B,
-				onReject: (0, r.unref)(g)
+				onAccept: V,
+				onReject: (0, r.unref)(b)
 			}, null, 8, ["proposal", "onReject"]))), 128))])) : (0, r.createCommentVNode)("", !0),
-			(0, r.createVNode)(m, {
-				"is-streaming": (0, r.unref)(c),
-				"prefill-text": a.aiPanel.prefill.value.text,
-				"prefill-nonce": a.aiPanel.prefill.value.nonce,
-				onSend: (0, r.unref)(u),
-				onStop: (0, r.unref)(d)
+			(0, r.createVNode)(d, {
+				"is-streaming": (0, r.unref)(m),
+				"prefill-text": s.aiPanel.prefill.value.text,
+				"prefill-nonce": s.aiPanel.prefill.value.nonce,
+				onSend: (0, r.unref)(x),
+				onStop: (0, r.unref)(g)
 			}, null, 8, [
 				"is-streaming",
 				"prefill-text",
@@ -427,13 +428,13 @@ var i = { class: "border-t border-border p-2" }, c = { class: "flex items-end ga
 			])
 		]));
 	}
-}), ne = { class: "flex items-center gap-2 border-b border-border px-3 py-2" }, le = { class: "text-sm font-semibold text-foreground" }, se = ["title", "aria-label"], ie = {
+}), ae = { class: "flex items-center gap-2 border-b border-border px-3 py-2" }, ne = { class: "text-sm font-semibold text-foreground" }, le = ["title", "aria-label"], se = {
 	key: 0,
 	class: "flex flex-1 flex-col items-center justify-center gap-2 text-muted-foreground"
-}, ce = {
+}, ie = {
 	key: 1,
 	class: "flex flex-1 flex-col items-center justify-center gap-2 px-6 text-center"
-}, pe = { class: "text-sm font-medium text-foreground" }, ue = { class: "text-[12px] text-muted-foreground" }, de = (0, r.defineComponent)({
+}, ce = { class: "text-sm font-medium text-foreground" }, pe = { class: "text-[12px] text-muted-foreground" }, ue = { class: "flex flex-1 flex-col items-center justify-center gap-2 text-muted-foreground" }, de = (0, r.defineComponent)({
 	__name: "AiChatPanel",
 	props: {
 		bridge: {},
@@ -474,32 +475,35 @@ var i = { class: "border-t border-border p-2" }, c = { class: "flex items-end ga
 			"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)(d.value)
-		}, [(0, r.createElementVNode)("div", ne, [
+		}, [(0, r.createElementVNode)("div", ae, [
 			(0, r.createVNode)((0, r.unref)(o.Sparkles), { class: "w-4 h-4 text-primary" }),
-			(0, r.createElementVNode)("span", le, (0, r.toDisplayString)((0, r.unref)(i)("pptx.ai.title")), 1),
+			(0, r.createElementVNode)("span", ne, (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)(o.X), { class: "w-4 h-4" })], 8, se)
-		]), "checking" === (0, r.unref)(c) ? ((0, r.openBlock)(), (0, r.createElementBlock)("div", ie, [(0, r.createVNode)((0, r.unref)(o.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", ce, [
+			}, [(0, r.createVNode)((0, r.unref)(o.X), { class: "w-4 h-4" })], 8, le)
+		]), "checking" === (0, r.unref)(c) ? ((0, r.openBlock)(), (0, r.createElementBlock)("div", se, [(0, r.createVNode)((0, r.unref)(o.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", ie, [
 			(0, r.createVNode)((0, r.unref)(o.TriangleAlert), { class: "w-6 h-6 text-muted-foreground" }),
-			(0, r.createElementVNode)("p", pe, (0, r.toDisplayString)((0, r.unref)(i)("pptx.ai.unavailableTitle")), 1),
-			(0, r.createElementVNode)("p", ue, (0, r.toDisplayString)((0, r.unref)(u)?.message ?? (0, r.unref)(i)("pptx.ai.unavailableHint")), 1)
-		])) : "ready" === (0, r.unref)(c) && (0, r.unref)(p) ? ((0, r.openBlock)(), (0, r.createBlock)(ae, {
-			key: 2,
-			session: (0, r.unref)(p),
-			config: l.config,
-			bridge: l.bridge,
-			"ai-panel": f.value
-		}, null, 8, [
-			"session",
-			"config",
-			"bridge",
-			"ai-panel"
-		])) : (0, r.createCommentVNode)("", !0)], 4));
+			(0, r.createElementVNode)("p", ce, (0, r.toDisplayString)((0, r.unref)(i)("pptx.ai.unavailableTitle")), 1),
+			(0, r.createElementVNode)("p", pe, (0, r.toDisplayString)((0, r.unref)(u)?.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", ue, [(0, r.createVNode)((0, r.unref)(o.LoaderCircle), { class: "w-5 h-5 animate-spin" })])]),
+			default: (0, r.withCtx)(() => [(0, r.createVNode)(oe, {
+				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 = de;