pptx-vue-viewer 1.24.5 → 2.0.1

package/CHANGELOG.md

@@ -4,6 +4,40 @@ 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.0.0](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-vue-viewer@2.0.0) - 2026-07-23
+
+### Features
+
+- **vue:** Rename unstable subpath to internals and unify collab API (by @ChristopherVR) ([8bcf4e7](https://github.com/ChristopherVR/pptx-viewer/commit/8bcf4e7dbea249b98a746f857830f1243a8bcdb6))
+- **shared:** Ai config, loader and bridge contracts (by @ChristopherVR) ([1c40e28](https://github.com/ChristopherVR/pptx-viewer/commit/1c40e28b1661895e2993b01c11bea6262459cb88))
+- **vue:** Ai bridge and chat session composables (by @ChristopherVR) ([7143ee7](https://github.com/ChristopherVR/pptx-viewer/commit/7143ee767e90acb15813802aecb29afb413bf096))
+- **shared:** Indexeddb-first ai chat history store (by @ChristopherVR) ([88920f2](https://github.com/ChristopherVR/pptx-viewer/commit/88920f20eb00e72b84efa9ef2cb500dfd6d20db4))
+- **shared:** Rebuild AI assistant tools on pptx-viewer-mcp (by @ChristopherVR) ([da1c31e](https://github.com/ChristopherVR/pptx-viewer/commit/da1c31ee88c0b60a82628003c8a1b16245f028ed))
+- **core:** Upgrade emf-converter to 2.0.0 (breaking) (by @ChristopherVR) ([effa4e5](https://github.com/ChristopherVR/pptx-viewer/commit/effa4e5338b2b01796a3671f505bcb4563de74cc))
+
+### Bug Fixes
+
+- **build:** Restore pptx-viewer-shared/ai vitest alias after main merge (by @ChristopherVR) ([f878be8](https://github.com/ChristopherVR/pptx-viewer/commit/f878be8dc5b4735081690b691ca30bf3b0264559))
+
+### Documentation
+
+- Friendly 2.0.0 changelog for root and packages (by @ChristopherVR) ([f56564d](https://github.com/ChristopherVR/pptx-viewer/commit/f56564de0dea3f3aa6f0bdf5ad5ed1bf6e9d4823))
+
+### Testing
+
+- **shared:** Opt-in live gpt-4o-mini ai integration test (by @ChristopherVR) ([48622f1](https://github.com/ChristopherVR/pptx-viewer/commit/48622f135a5f2ee4c28d97d08478d3c203745f47))
+
+### Build & CI
+
+- **shared:** Keep the ai SDK external across bindings (by @ChristopherVR) ([fa5e6b7](https://github.com/ChristopherVR/pptx-viewer/commit/fa5e6b77e6586764d9e7717439f574291810e93b))
+- Pin Vue/Angular/Svelte to exact TypeScript 6.0.3 (by @ChristopherVR) ([3d80082](https://github.com/ChristopherVR/pptx-viewer/commit/3d8008282231e1ee4bc11300757d1cc35e8dc174))
+
+## [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

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-CGUiGQHq.cjs

@@ -0,0 +1,505 @@
+const e = require("./useViewerSettingsDialog-DBsbzYgS.cjs"), t = require("./viewer-Cz4EufQD.cjs");
+let r = require("vue"), o = require("lucide-vue-next"), a = require("@ai-sdk/vue"), n = require("ai");
+var l = /* @__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;
+			try {
+				n({
+					tool: r,
+					toolCallId: o,
+					output: await e.executeToolCall(r, a)
+				});
+			} catch (e) {
+				n({
+					tool: r,
+					toolCallId: o,
+					state: "output-error",
+					errorText: e instanceof Error ? e.message : String(e)
+				});
+			}
+			c();
+		}
+	}), u = (0, r.computed)(() => "submitted" === p.status.value || "streaming" === p.status.value), d = /* @__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, n.isToolUIPart)(e) && !(0, n.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),
+					toolCallId: o,
+					input: r.input
+				});
+			}
+			return t;
+		}(e)) d.has(r.toolCallId) || (d.add(r.toolCallId), s.onToolTarget?.(t.toolCanvasTarget(r.toolName, r.input)));
+	}, { deep: !0 });
+	return {
+		messages: p.messages,
+		status: p.status,
+		error: p.error,
+		isStreaming: u,
+		proposals: i,
+		send: (e) => {
+			const t = e.trim();
+			0 !== t.length && p.sendMessage({ text: t });
+		},
+		stop: () => {
+			p.stop();
+		},
+		clearError: () => p.clearError(),
+		applyProposal: (t) => {
+			e.proposals.apply(t), c();
+		},
+		rejectProposal: (t) => {
+			e.proposals.revert(t), c();
+		},
+		acceptAllProposals: () => {
+			e.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 = [
+	"disabled",
+	"title",
+	"aria-label"
+], m = (0, r.defineComponent)({
+	__name: "AiComposer",
+	props: {
+		isStreaming: { type: Boolean },
+		prefillText: {},
+		prefillNonce: {}
+	},
+	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);
+		function k() {
+			const e = f.value.trim();
+			0 === e.length || l.isStreaming || (s("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", {
+			ref_key: "textareaRef",
+			ref: x,
+			"onUpdate:modelValue": a[0] || (a[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, p), [[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", {
+			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)(o.Send), { class: "w-4 h-4" })], 10, d))])]));
+	}
+}), 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 = {
+	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 = [
+	"title",
+	"aria-label",
+	"aria-pressed"
+], B = ["title", "aria-label"], E = ["title", "aria-label"], N = {
+	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)({
+	__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(a, { emit: n }) {
+		const l = a, 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 u() {
+			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),
+			((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, [
+				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: u
+				}, [(0, r.createVNode)((0, r.unref)(o.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": 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),
+				a.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)(o.X), { class: "w-3.5 h-3.5" })], 8, B)) : ((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"),
+					"aria-label": a.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) => a.isPinned ? s("clear-pin") : s("pin"))
+				}, [a.isPinned ? ((0, r.openBlock)(), (0, r.createBlock)((0, r.unref)(o.PinOff), {
+					key: 0,
+					class: "w-3.5 h-3.5"
+				})) : ((0, r.openBlock)(), (0, r.createBlock)((0, r.unref)(o.Pin), {
+					key: 1,
+					class: "w-3.5 h-3.5"
+				}))], 8, E))
+			])
+		]), a.pickMode ? ((0, r.openBlock)(), (0, r.createElementBlock)("div", N, [
+			(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)("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: "text-[12px]" }, S = { class: "flex items-center gap-1.5" }, P = {
+	key: 0,
+	class: "mt-1 pl-5 text-[11px] text-destructive"
+}, T = {
+	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)({
+	__name: "AiToolCallCard",
+	props: { part: {} },
+	setup(a) {
+		const n = a, { t: l } = e.useI18n(), s = {
+			view: o.Eye,
+			text: o.Type,
+			shape: o.Shapes,
+			theme: o.Palette,
+			table: o.Table,
+			slide: o.LayoutTemplate,
+			chart: o.ChartColumn,
+			move: o.Move,
+			delete: o.Trash2,
+			search: o.Search,
+			nav: o.Navigation,
+			animation: o.Film,
+			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, [
+				((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), {
+					key: 0,
+					class: "w-3 h-3 animate-spin"
+				})) : c.value ? ((0, r.openBlock)(), (0, r.createBlock)((0, r.unref)(o.Check), {
+					key: 1,
+					class: "w-3 h-3"
+				})) : ((0, r.openBlock)(), (0, r.createBlock)((0, r.unref)(o.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", 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)
+		]));
+	}
+}), F = {
+	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 = {
+	key: 1,
+	class: "flex-1 space-y-3 overflow-y-auto px-3 py-3"
+}, M = {
+	key: 0,
+	class: "flex gap-2"
+}, L = ["aria-label"], R = { 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"
+}, W = {
+	key: 0,
+	class: "flex items-center gap-2 pl-8 text-[12px] text-muted-foreground"
+}, U = (0, r.defineComponent)({
+	__name: "AiMessageList",
+	props: {
+		messages: {},
+		isStreaming: { type: Boolean }
+	},
+	setup(a) {
+		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, [
+			(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", {
+				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), {
+				key: 0,
+				class: "w-3.5 h-3.5"
+			})) : ((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, {
+				key: 1,
+				part: e
+			}, null, 8, ["part"]))], 64))), 128))])])) : (0, r.createCommentVNode)("", !0)], 64))), 128)),
+			n.isStreaming ? ((0, r.openBlock)(), (0, r.createElementBlock)("div", W, [a[0] || (a[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)
+		]));
+	}
+}), $ = { 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 = {
+	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)({
+	__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", {
+				key: t,
+				class: "break-words"
+			}, (0, r.toDisplayString)(e), 1))), 128))])) : (0, r.createCommentVNode)("", !0),
+			(0, r.createElementVNode)("div", K, [(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)(o.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)(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 = {
+	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 = {
+	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)({
+	__name: "AiConversation",
+	props: {
+		session: {},
+		config: {},
+		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);
+		});
+		(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);
+		}
+		function E() {
+			a.aiPanel.flashToolTarget(null), k();
+		}
+		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)
+			}, null, 8, [
+				"targets",
+				"slides",
+				"is-pinned",
+				"pick-mode",
+				"has-picks",
+				"onPin",
+				"onClearPin",
+				"onStartPick",
+				"onStopPick",
+				"onClearPicks",
+				"onSendDirective"
+			]),
+			(0, r.createVNode)(U, {
+				messages: (0, r.unref)(l),
+				"is-streaming": (0, r.unref)(c)
+			}, null, 8, ["messages", "is-streaming"]),
+			(0, r.unref)(i) ? ((0, r.openBlock)(), (0, r.createElementBlock)("div", Q, [
+				(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)("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)
+			])) : (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", {
+				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, {
+				key: e.id,
+				proposal: e,
+				onAccept: B,
+				onReject: (0, r.unref)(g)
+			}, 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)
+			}, null, 8, [
+				"is-streaming",
+				"prefill-text",
+				"prefill-nonce",
+				"onSend",
+				"onStop"
+			])
+		]));
+	}
+}), 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 = {
+	key: 0,
+	class: "flex flex-1 flex-col items-center justify-center gap-2 text-muted-foreground"
+}, ce = {
+	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)({
+	__name: "AiChatPanel",
+	props: {
+		bridge: {},
+		config: {},
+		panelWidth: {},
+		aiPanel: {}
+	},
+	emits: ["close"],
+	setup(a, { emit: n }) {
+		const l = a, s = n, { t: i } = e.useI18n(), { state: c, session: p, initError: u } = function(e, o) {
+			const a = (0, r.ref)("checking"), n = (0, r.shallowRef)(null), l = (0, r.shallowRef)(void 0);
+			let s = 0;
+			return (async () => {
+				const r = ++s;
+				a.value = "checking", n.value = null, l.value = void 0;
+				try {
+					const l = await t.isAiAvailable();
+					if (r !== s) return;
+					if (!l) return void (a.value = "unavailable");
+					const i = await t.createAiChatSession(e, o);
+					if (r !== s) return;
+					n.value = i, a.value = "ready";
+				} catch (e) {
+					if (r !== s) return;
+					l.value = e instanceof Error ? e : new Error(String(e)), a.value = "error";
+				}
+			})(), {
+				state: a,
+				session: n,
+				initError: l
+			};
+		}(l.bridge, l.config), d = (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)(d.value)
+		}, [(0, r.createElementVNode)("div", ne, [
+			(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)("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.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));
+	}
+});
+exports.default = de;