@ecsplico/editor 2.0.0 → 2.1.1

package/dist/features/ai/components/AiSelectionMenu.js

@@ -1,22 +1,18 @@
-import { ABILITY } from "../../../core/schema/abilities.js";
-import { abilitiesAtSelection, hasAbility } from "../../../core/abilities.js";
-import { aiContextOf, parseBlocks } from "../../../core/pipeline.js";
+import { parseBlocks } from "../../../core/pipeline.js";
 import { AI_LANGUAGES } from "../../../settings/values.js";
-import { captureRange, releaseRanges, resolveRange } from "../../../core/doc-anchors.js";
-import { selectionRange } from "../../../core/selection-range.js";
+import { resolveRange } from "../../../core/doc-anchors.js";
+import { AI_LANGUAGE_KEYS } from "../protocol/models.js";
 import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
 import { useEditorSettings } from "../../../vue/settings.js";
 import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
-import { AI_LANGUAGE_KEYS } from "../protocol/models.js";
-import { AI_LIMITS, AI_TASKS } from "../protocol/tasks.js";
-import { aiApplyFailure, applyAiResult, documentMarkdown, insertAtCaretLine, rangeMarkdown } from "../ai-apply.js";
-import { aiMenuActionsOf } from "../ai-menu.js";
-import { aiSelectionHighlightKey, hideAiSelectionHighlight, showAiSelectionHighlight } from "../ai-selection-highlight.js";
+import { aiSelectionHighlightKey } from "../ai-selection-highlight.js";
+import { AI_SELECTION_MENU_KEY, createAiSelectionFlow } from "../selection-flow.js";
 import { previewExtensions } from "../preview-extensions.js";
 import { useNotifier } from "../../../vue/use-notifier.js";
+import { useStoreRef } from "../../../vue/store-ref.js";
 import { useAiAssistant } from "../use-ai-assistant.js";
 import _sfc_main$1 from "./ModelQuickSwitch.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, onBeforeUnmount, openBlock, ref, renderList, shallowRef, toDisplayString, unref, useTemplateRef, watch, withCtx, withModifiers } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, onBeforeUnmount, openBlock, renderList, toDisplayString, unref, useTemplateRef, watch, withCtx, withModifiers } from "vue";
 import { EditorContent, useEditor } from "@tiptap/vue-3";
 import { BubbleMenu } from "@tiptap/vue-3/menus";
 //#region src/features/ai/components/AiSelectionMenu.vue
@@ -40,9 +36,9 @@ const _hoisted_9 = { class: "flex flex-wrap justify-end gap-2" };
 * (`selectionMenu`), the result streams into a preview and is applied over the range captured when the menu opened.
 * Caret mode (`/ai`, see `openAiMenuAtCaret`): the same popover opens at the caret with the `caretMenu` tasks and
 * `generate` as free prompt; the result is inserted at the caret line (`insertAtCaretLine`).
-* Needs the AiSelectionHighlight extension on the editor.
+* Needs the AiSelectionHighlight extension on the editor. The flow (`createAiSelectionFlow`) owns every step; this
+* component renders its state, places the popover and shows the preview.
 */
-const MENU_KEY = "aiSelectionMenu";
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	__name: "AiSelectionMenu",
 	props: { editor: {} },
@@ -51,219 +47,52 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const { Alert: UAlert, Button: UButton, Icon: UIcon, Input: UInput, Popover: UPopover, Select: USelect } = useUiKit();
 		const notify = useNotifier(() => props.editor);
 		const { t } = useEditorI18n();
-		const { status, output, error, run, abort, reset } = useAiAssistant(() => props.editor);
-		const quickActions = Object.values(AI_TASKS).filter((task) => task.selectionMenu && !task.needsPrompt);
-		const custom = AI_TASKS.custom;
+		const { model: assistant } = useAiAssistant(() => props.editor);
+		const { settings } = useEditorSettings();
+		const flow = createAiSelectionFlow({
+			assistant,
+			notify,
+			t,
+			editor: () => props.editor,
+			language: () => settings.value.ai.translateLanguage
+		});
+		const state = useStoreRef(flow.state);
 		const languageItems = computed(() => AI_LANGUAGES.map((l) => ({
 			label: t(AI_LANGUAGE_KEYS[l]),
 			value: l
 		})));
-		const { settings } = useEditorSettings();
-		/** Target language of „Übersetzen“: the settings' default each time the menu opens, changeable per call. */
-		const language = ref(settings.value.ai.translateLanguage);
-		const prompt = ref("");
-		/** 'selection': rewrites the captured selection; 'caret': writes new text at the captured (collapsed) caret. */
-		const mode = ref("selection");
-		const caretActions = Object.values(AI_TASKS).filter((task) => task.caretMenu);
-		const actions = computed(() => mode.value === "caret" ? caretActions : quickActions);
-		const freePrompt = computed(() => mode.value === "caret" ? AI_TASKS.generate : custom);
-		/** Caret mode: whether the document has text before the caret line, for tasks that continue it (`needsSelection`). */
-		const hasTextBefore = ref(false);
+		const prompt = computed({
+			get: () => state.value.prompt,
+			set: flow.setPrompt
+		});
+		const language = computed({
+			get: () => state.value.language,
+			set: flow.setLanguage
+		});
 		const promptInput = useTemplateRef("promptInput");
-		/** The selection the menu works on, captured when it opened; null while closed. */
-		const range = shallowRef(null);
-		/** The current request; „Erneut versuchen“ repeats it. */
-		const request = shallowRef(null);
-		const picking = computed(() => status.value === "idle" && !output.value);
-		const canApply = computed(() => status.value === "done" && !!output.value.trim());
 		const requestLabel = computed(() => {
-			if (!request.value) return void 0;
-			const task = t(request.value.task.labelKey);
-			return request.value.language ? t("ai.menu.requestWithLanguage", {
+			const request = state.value.request;
+			if (!request) return void 0;
+			const task = t(request.task.labelKey);
+			return request.language ? t("ai.menu.requestWithLanguage", {
 				task,
-				language: t(AI_LANGUAGE_KEYS[request.value.language])
+				language: t(AI_LANGUAGE_KEYS[request.language])
 			}) : task;
 		});
-		const menuActions = computed(() => {
-			const resolved = range.value && resolveRange(props.editor.state, range.value);
-			return resolved ? aiMenuActionsOf(props.editor).filter((action) => action.available?.(props.editor, resolved) ?? true) : [];
-		});
-		const runningAction = ref(null);
-		let actionController = null;
-		async function runMenuAction(action) {
-			const captured = range.value;
-			const resolved = captured && resolveRange(props.editor.state, captured);
-			if (!resolved || runningAction.value) return;
-			const own = new AbortController();
-			actionController = own;
-			runningAction.value = action.id;
-			try {
-				await action.run(props.editor, resolved, own.signal);
-			} finally {
-				if (actionController === own) actionController = null;
-				runningAction.value = null;
-			}
-			if (range.value === captured) close(false);
-		}
-		watch(range, (value) => {
-			if (!value) {
-				actionController?.abort();
-				actionController = null;
-			} else language.value = settings.value.ai.translateLanguage;
-		});
-		const shouldShow = ({ editor, element, view, state, from, to }) => {
-			if (range.value || !editor.isEditable || state.selection.empty) return false;
-			if (!view.hasFocus() && !element.contains(document.activeElement)) return false;
-			if (state.doc.textBetween(from, to, " ").trim().length === 0) return false;
-			return abilitiesAtSelection(editor).has(ABILITY.aiRewrite);
-		};
-		function openMenu() {
-			const { editor } = props;
-			const selected = selectionRange(editor.state);
-			if (selected.from >= selected.to) return;
-			const captured = captureRange(editor, selected);
-			range.value = captured;
-			showAiSelectionHighlight(editor, captured);
-			editor.view.dispatch(editor.state.tr.setMeta(MENU_KEY, "hide"));
-		}
-		/** Opens the menu at the caret (requested by `openAiMenuAtCaret`, e.g. the `/ai` slash command). */
-		function openAtCaret() {
-			const { editor } = props;
-			if (range.value || !editor.isEditable) return;
-			const { $head, head } = editor.state.selection;
-			mode.value = "caret";
-			hasTextBefore.value = editor.state.doc.textBetween(0, $head.depth ? $head.before() : head, " ", " ").trim().length > 0;
-			range.value = captureRange(editor, {
-				from: head,
-				to: head
-			});
-		}
-		function onTransaction({ transaction }) {
-			if (transaction.getMeta("aiMenuAtCaret") && hasAbility(props.editor, ABILITY.aiGenerate)) openAtCaret();
-			if (transaction.getMeta("aiMenuForSelection") && !range.value && props.editor.isEditable) openMenu();
-		}
-		props.editor.on("transaction", onTransaction);
+		const menuActions = computed(() => state.value.open ? flow.menuActions() : []);
+		const shouldShow = ({ element, view }) => (view.hasFocus() || element.contains(document.activeElement)) && flow.offersSelection();
 		/** Caret mode: the prompt input gets the focus, so the instruction can be typed right away. */
 		function onOpenAutoFocus(event) {
-			if (mode.value !== "caret") return;
+			if (state.value.mode !== "caret") return;
 			event.preventDefault();
 			promptInput.value?.inputRef?.focus();
 		}
-		function start(task, options = {}) {
-			request.value = {
-				task,
-				prompt: options.prompt ?? "",
-				language: options.language
-			};
-			generate();
-		}
-		/** Runs the current request on the current text of the captured range, with the current document as context. */
-		function generate() {
-			const { editor } = props;
-			const current = request.value;
-			if (!range.value || !current) return;
-			if (mode.value === "caret") {
-				generateAtCaret(current);
-				return;
-			}
-			const resolved = resolveRange(editor.state, range.value);
-			if (!resolved || resolved.from >= resolved.to) {
-				notify({
-					title: t("ai.apply.missing.title"),
-					description: t("ai.menu.missing.selection"),
-					kind: "error"
-				});
-				return;
-			}
-			const { blocks } = aiContextOf(editor);
-			run({
-				task: current.task.id,
-				prompt: current.prompt,
-				language: current.language,
-				selection: rangeMarkdown(editor, resolved),
-				context: documentMarkdown(editor),
-				blocks
-			});
-		}
-		/**
-		* Caret mode: tasks with `needsSelection` (continue) get the document up to the caret line as `selection` and the rest
-		* as `context`; the others the whole document as context.
-		*/
-		function generateAtCaret(current) {
-			const { editor } = props;
-			const at = range.value && resolveRange(editor.state, range.value);
-			if (!at) {
-				notify({
-					title: t("ai.apply.missing.title"),
-					description: t("ai.menu.missing.line"),
-					kind: "error"
-				});
-				return;
-			}
-			const { doc } = editor.state;
-			const $at = doc.resolve(at.from);
-			const splitBefore = $at.depth ? $at.before() : at.from;
-			const splitAfter = $at.depth ? $at.after() : at.from;
-			const continues = current.task.needsSelection;
-			const { blocks } = aiContextOf(editor);
-			run({
-				task: current.task.id,
-				prompt: current.prompt,
-				selection: continues ? rangeMarkdown(editor, {
-					from: 0,
-					to: splitBefore
-				}).slice(-AI_LIMITS.selection) : "",
-				context: continues ? rangeMarkdown(editor, {
-					from: splitAfter,
-					to: doc.content.size
-				}).slice(0, AI_LIMITS.context) : documentMarkdown(editor),
-				blocks
-			});
-		}
-		/** 'replace' opens the in-document review of the result (AiReviewBar); nothing is written until accepted there. */
-		function apply(action) {
-			if (!range.value || !canApply.value) return;
-			const outcome = applyAiResult(props.editor, action, range.value, output.value);
-			if (outcome !== "ok") {
-				notify(aiApplyFailure(outcome, t));
-				if (outcome !== "unchanged") return;
-			}
-			close(false);
-		}
-		function insertAtCaret() {
-			if (!range.value || !canApply.value) return;
-			if (!insertAtCaretLine(props.editor, range.value, output.value)) {
-				notify({
-					title: t("ai.apply.missing.title"),
-					description: t("ai.menu.missing.insert"),
-					kind: "error"
-				});
-				return;
-			}
-			close(false);
-		}
-		/** Closes the menu and removes the highlight; `restoreSelection` selects the captured range (caret mode: caret) again. */
-		function close(restoreSelection) {
-			const { editor } = props;
-			const captured = range.value;
-			const caret = mode.value === "caret";
-			reset();
-			request.value = null;
-			prompt.value = "";
-			range.value = null;
-			mode.value = "selection";
-			if (editor.isDestroyed) return;
-			hideAiSelectionHighlight(editor);
-			const resolved = captured && restoreSelection ? resolveRange(editor.state, captured) : null;
-			if (captured) releaseRanges(editor, [captured]);
-			if (resolved && (caret || resolved.from < resolved.to)) editor.chain().focus().setTextSelection(resolved).run();
-		}
 		let anchorRect = new DOMRect();
 		const reference = {
 			getBoundingClientRect() {
 				const { editor } = props;
 				if (editor.isDestroyed) return anchorRect;
-				if (mode.value === "caret") return caretRect(editor);
+				if (state.value.mode === "caret") return caretRect(editor);
 				const highlight = aiSelectionHighlightKey.getState(editor.state);
 				const highlighted = highlight && resolveRange(editor.state, highlight.anchor);
 				if (!highlighted || highlighted.from >= highlighted.to) return anchorRect;
@@ -285,7 +114,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		function caretRect(editor) {
 			if (caretAt?.state !== editor.state) caretAt = {
 				state: editor.state,
-				pos: range.value ? resolveRange(editor.state, range.value)?.from ?? null : null
+				pos: flow.range()?.from ?? null
 			};
 			if (caretAt.pos === null) return anchorRect;
 			const coords = editor.view.coordsAtPos(caretAt.pos);
@@ -298,7 +127,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			editorProps: { attributes: { class: "tiptap ai-selection-preview" } }
 		});
 		let previewTimer;
-		watch(output, () => {
+		watch(() => state.value.output, () => {
 			if (previewTimer) return;
 			previewTimer = setTimeout(() => {
 				previewTimer = void 0;
@@ -306,22 +135,19 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				if (!instance) return;
 				instance.commands.setContent({
 					type: "doc",
-					content: parseBlocks(props.editor, output.value).blocks
+					content: parseBlocks(props.editor, state.value.output).blocks
 				}, { emitUpdate: false });
 			}, 80);
 		});
 		onBeforeUnmount(() => {
-			props.editor.off("transaction", onTransaction);
 			clearTimeout(previewTimer);
-			abort();
-			actionController?.abort();
-			if (!props.editor.isDestroyed) hideAiSelectionHighlight(props.editor);
+			flow.dispose();
 			preview.value?.destroy();
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(BubbleMenu), {
 				editor: __props.editor,
-				"plugin-key": MENU_KEY,
+				"plugin-key": unref(AI_SELECTION_MENU_KEY),
 				"should-show": shouldShow,
 				options: {
 					placement: "top",
@@ -335,13 +161,13 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					variant: "ghost",
 					icon: "i-lucide-sparkles",
 					label: unref(t)("ai.menu.trigger"),
-					onClick: openMenu
+					onClick: _cache[0] || (_cache[0] = ($event) => unref(flow).openForSelection())
 				}, null, 8, ["label"])])]),
 				_: 1
-			}, 8, ["editor"]), createVNode(unref(UPopover), {
-				open: range.value !== null,
+			}, 8, ["editor", "plugin-key"]), createVNode(unref(UPopover), {
+				open: unref(state).open,
 				reference,
-				dismissible: picking.value,
+				dismissible: unref(state).picking,
 				content: {
 					side: "bottom",
 					align: "start",
@@ -349,18 +175,18 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					onOpenAutoFocus
 				},
 				ui: { content: "w-[30rem] max-w-[calc(100vw-2rem)]" },
-				"onUpdate:open": _cache[7] || (_cache[7] = (value) => {
-					if (!value) close(mode.value === "caret");
+				"onUpdate:open": _cache[10] || (_cache[10] = (value) => {
+					if (!value) unref(flow).close(unref(state).mode === "caret");
 				})
 			}, {
-				content: withCtx(() => [picking.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+				content: withCtx(() => [unref(state).picking ? (openBlock(), createElementBlock("div", _hoisted_2, [
 					createCommentVNode(" Caret mode generates blocks, selection mode rewrites text in the block: each has its own model slot. "),
 					createElementVNode("div", _hoisted_3, [createElementVNode("span", _hoisted_4, toDisplayString(unref(t)("ai.menu.model")), 1), createVNode(_sfc_main$1, {
-						slot: mode.value === "caret" ? "generate" : "rewrite",
+						slot: unref(state).mode === "caret" ? "generate" : "rewrite",
 						size: "xs",
 						class: "w-56"
 					}, null, 8, ["slot"])]),
-					(openBlock(true), createElementBlock(Fragment, null, renderList(actions.value, (task) => {
+					(openBlock(true), createElementBlock(Fragment, null, renderList(unref(state).actions, (task) => {
 						return openBlock(), createElementBlock("div", {
 							key: task.id,
 							class: "flex items-center gap-1"
@@ -370,8 +196,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							color: "neutral",
 							variant: "ghost",
 							class: "flex-1 justify-start",
-							disabled: mode.value === "caret" && task.needsSelection && !hasTextBefore.value,
-							onClick: ($event) => start(task, task.needsLanguage ? { language: language.value } : {})
+							disabled: unref(state).mode === "caret" && task.needsSelection && !unref(state).hasTextBefore,
+							onClick: ($event) => unref(flow).start(task)
 						}, null, 8, [
 							"icon",
 							"label",
@@ -380,7 +206,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						]), task.needsLanguage ? (openBlock(), createBlock(unref(USelect), {
 							key: 0,
 							modelValue: language.value,
-							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => language.value = $event),
+							"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => language.value = $event),
 							items: languageItems.value,
 							size: "sm",
 							class: "w-36",
@@ -399,9 +225,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							color: "neutral",
 							variant: "ghost",
 							class: "justify-start",
-							loading: runningAction.value === action.id,
-							disabled: runningAction.value !== null && runningAction.value !== action.id,
-							onClick: ($event) => runMenuAction(action)
+							loading: unref(state).runningAction === action.id,
+							disabled: unref(state).runningAction !== null && unref(state).runningAction !== action.id,
+							onClick: ($event) => unref(flow).runAction(action)
 						}, null, 8, [
 							"icon",
 							"label",
@@ -412,14 +238,14 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					}), 128)),
 					createElementVNode("form", {
 						class: "mt-1 flex gap-1 border-t border-[var(--sk-border)] pt-2",
-						onSubmit: _cache[2] || (_cache[2] = withModifiers(($event) => prompt.value.trim() && start(freePrompt.value, { prompt: prompt.value }), ["prevent"]))
+						onSubmit: _cache[3] || (_cache[3] = withModifiers(($event) => unref(flow).submitPrompt(), ["prevent"]))
 					}, [createVNode(unref(UInput), {
 						ref_key: "promptInput",
 						ref: promptInput,
 						modelValue: prompt.value,
-						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => prompt.value = $event),
-						icon: freePrompt.value.icon,
-						placeholder: freePrompt.value.promptLabelKey && unref(t)(freePrompt.value.promptLabelKey),
+						"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => prompt.value = $event),
+						icon: unref(state).freePrompt.icon,
+						placeholder: unref(state).freePrompt.promptLabelKey && unref(t)(unref(state).freePrompt.promptLabelKey),
 						class: "flex-1"
 					}, null, 8, [
 						"modelValue",
@@ -428,48 +254,48 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					]), createVNode(unref(UButton), {
 						type: "submit",
 						icon: "i-lucide-arrow-up",
-						disabled: !prompt.value.trim(),
+						disabled: !unref(state).prompt.trim(),
 						"aria-label": unref(t)("ai.menu.sendInstruction")
 					}, null, 8, ["disabled", "aria-label"])], 32)
 				])) : (openBlock(), createElementBlock("div", _hoisted_5, [
 					createElementVNode("div", _hoisted_6, [
-						request.value ? (openBlock(), createBlock(unref(UIcon), {
+						unref(state).request ? (openBlock(), createBlock(unref(UIcon), {
 							key: 0,
-							name: request.value.task.icon,
+							name: unref(state).request.task.icon,
 							class: "size-4"
 						}, null, 8, ["name"])) : createCommentVNode("v-if", true),
 						createElementVNode("span", _hoisted_7, toDisplayString(requestLabel.value), 1),
-						unref(status) === "streaming" ? (openBlock(), createBlock(unref(UIcon), {
+						unref(state).status === "streaming" ? (openBlock(), createBlock(unref(UIcon), {
 							key: 1,
 							name: "i-lucide-loader-circle",
 							class: "size-4 animate-spin text-[var(--sk-muted)]"
 						})) : createCommentVNode("v-if", true)
 					]),
-					unref(error) ? (openBlock(), createBlock(unref(UAlert), {
+					unref(state).error ? (openBlock(), createBlock(unref(UAlert), {
 						key: 0,
 						color: "error",
 						variant: "subtle",
-						title: unref(error)
+						title: unref(state).error
 					}, null, 8, ["title"])) : createCommentVNode("v-if", true),
 					createElementVNode("div", _hoisted_8, [unref(preview) ? (openBlock(), createBlock(unref(EditorContent), {
 						key: 0,
 						editor: unref(preview)
 					}, null, 8, ["editor"])) : createCommentVNode("v-if", true)]),
 					createElementVNode("div", _hoisted_9, [
-						unref(status) === "streaming" ? (openBlock(), createBlock(unref(UButton), {
+						unref(state).status === "streaming" ? (openBlock(), createBlock(unref(UButton), {
 							key: 0,
 							size: "sm",
 							color: "neutral",
 							variant: "ghost",
 							label: unref(t)("ai.menu.cancel"),
-							onClick: _cache[3] || (_cache[3] = ($event) => unref(abort)())
+							onClick: _cache[4] || (_cache[4] = ($event) => unref(flow).abort())
 						}, null, 8, ["label"])) : createCommentVNode("v-if", true),
 						createVNode(unref(UButton), {
 							size: "sm",
 							color: "neutral",
 							variant: "ghost",
 							label: unref(t)("ai.menu.discard"),
-							onClick: _cache[4] || (_cache[4] = ($event) => close(true))
+							onClick: _cache[5] || (_cache[5] = ($event) => unref(flow).close(true))
 						}, null, 8, ["label"]),
 						createVNode(unref(UButton), {
 							size: "sm",
@@ -477,30 +303,30 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							variant: "outline",
 							icon: "i-lucide-rotate-ccw",
 							label: unref(t)("ai.menu.retry"),
-							disabled: unref(status) === "streaming",
-							onClick: generate
+							disabled: unref(state).status === "streaming",
+							onClick: _cache[6] || (_cache[6] = ($event) => unref(flow).retry())
 						}, null, 8, ["label", "disabled"]),
-						mode.value === "caret" ? (openBlock(), createBlock(unref(UButton), {
+						unref(state).mode === "caret" ? (openBlock(), createBlock(unref(UButton), {
 							key: 1,
 							size: "sm",
 							icon: "i-lucide-text-cursor-input",
 							label: unref(t)("ai.menu.insert"),
-							disabled: !canApply.value,
-							onClick: insertAtCaret
+							disabled: !unref(state).canApply,
+							onClick: _cache[7] || (_cache[7] = ($event) => unref(flow).insertAtCaret())
 						}, null, 8, ["label", "disabled"])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createVNode(unref(UButton), {
 							size: "sm",
 							color: "neutral",
 							variant: "outline",
 							icon: "i-lucide-list-plus",
 							label: unref(t)("ai.menu.insertBelow"),
-							disabled: !canApply.value,
-							onClick: _cache[5] || (_cache[5] = ($event) => apply("insert-below"))
+							disabled: !unref(state).canApply,
+							onClick: _cache[8] || (_cache[8] = ($event) => unref(flow).apply("insert-below"))
 						}, null, 8, ["label", "disabled"]), createVNode(unref(UButton), {
 							size: "sm",
 							icon: "i-lucide-replace",
 							label: unref(t)("ai.menu.replace"),
-							disabled: !canApply.value,
-							onClick: _cache[6] || (_cache[6] = ($event) => apply("replace"))
+							disabled: !unref(state).canApply,
+							onClick: _cache[9] || (_cache[9] = ($event) => unref(flow).apply("replace"))
 						}, null, 8, ["label", "disabled"])], 64))
 					])
 				]))]),

package/dist/features/ai/components/AiSelectionMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"AiSelectionMenu.js","names":["_openBlock","_createElementBlock","_Fragment","_createVNode","_unref","_withCtx","_createElementVNode","_createCommentVNode","_toDisplayString","ModelQuickSwitch","_renderList","_createBlock","_withModifiers"],"sources":["../../../../src/features/ai/components/AiSelectionMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { BubbleMenuPluginProps } from '@tiptap/extension-bubble-menu'\nimport type { EditorState } from '@tiptap/pm/state'\nimport { type Editor, EditorContent, type EditorEvents, useEditor } from '@tiptap/vue-3'\nimport { BubbleMenu } from '@tiptap/vue-3/menus'\nimport { computed, onBeforeUnmount, ref, shallowRef, useTemplateRef, watch } from 'vue'\nimport { abilitiesAtSelection, aiContextOf, captureRange, type DocAnchor, hasAbility, parseBlocks, releaseRanges, resolveRange, selectionRange } from '../../../core'\nimport { useEditorSettings } from '../../../vue/settings'\nimport type { InputExposed } from '../../../vue/kit/types'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useNotifier } from '../../../vue/use-notifier'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { ABILITY } from '../../../core/schema'\nimport { AI_LANGUAGES, type AiLanguage } from '../../../settings'\nimport { AI_MENU_AT_CARET, AI_MENU_FOR_SELECTION, type AiMenuAction, aiMenuActionsOf } from '../ai-menu'\nimport { aiApplyFailure, type AiResultAction, applyAiResult, documentMarkdown, insertAtCaretLine, rangeMarkdown } from '../ai-apply'\nimport { aiSelectionHighlightKey, hideAiSelectionHighlight, showAiSelectionHighlight } from '../ai-selection-highlight'\nimport { previewExtensions } from '../preview-extensions'\nimport { AI_LANGUAGE_KEYS, AI_LIMITS, AI_TASKS, type AiTask } from '../protocol'\nimport { useAiAssistant } from '../use-ai-assistant'\nimport ModelQuickSwitch from './ModelQuickSwitch.vue'\n\n/**\n * AI quick actions on a text selection: a bubble menu entry opens a popover with the selection tasks of the registry\n * (`selectionMenu`), the result streams into a preview and is applied over the range captured when the menu opened.\n * Caret mode (`/ai`, see `openAiMenuAtCaret`): the same popover opens at the caret with the `caretMenu` tasks and\n * `generate` as free prompt; the result is inserted at the caret line (`insertAtCaretLine`).\n * Needs the AiSelectionHighlight extension on the editor.\n */\nconst props = defineProps<{ editor: Editor }>()\n\nconst MENU_KEY = 'aiSelectionMenu'\nconst { Alert: UAlert, Button: UButton, Icon: UIcon, Input: UInput, Popover: UPopover, Select: USelect } = useUiKit()\nconst notify = useNotifier(() => props.editor)\nconst { t } = useEditorI18n()\nconst { status, output, error, run, abort, reset } = useAiAssistant(() => props.editor)\n\n// Registry order; the free prompt (`custom`) gets its own input below the list.\nconst quickActions = Object.values(AI_TASKS).filter(task => task.selectionMenu && !task.needsPrompt)\nconst custom = AI_TASKS.custom\nconst languageItems = computed(() => AI_LANGUAGES.map(l => ({ label: t(AI_LANGUAGE_KEYS[l]), value: l })))\nconst { settings } = useEditorSettings()\n/** Target language of „Übersetzen“: the settings' default each time the menu opens, changeable per call. */\nconst language = ref<AiLanguage>(settings.value.ai.translateLanguage)\nconst prompt = ref('')\n\n/** 'selection': rewrites the captured selection; 'caret': writes new text at the captured (collapsed) caret. */\nconst mode = ref<'selection' | 'caret'>('selection')\nconst caretActions = Object.values(AI_TASKS).filter(task => task.caretMenu)\nconst actions = computed(() => mode.value === 'caret' ? caretActions : quickActions)\nconst freePrompt = computed(() => mode.value === 'caret' ? AI_TASKS.generate : custom)\n/** Caret mode: whether the document has text before the caret line, for tasks that continue it (`needsSelection`). */\nconst hasTextBefore = ref(false)\nconst promptInput = useTemplateRef<InputExposed>('promptInput')\n\n/** The selection the menu works on, captured when it opened; null while closed. */\nconst range = shallowRef<DocAnchor | null>(null)\n/** The current request; „Erneut versuchen“ repeats it. */\nconst request = shallowRef<{ task: AiTask, prompt: string, language?: AiLanguage } | null>(null)\nconst picking = computed(() => status.value === 'idle' && !output.value)\nconst canApply = computed(() => status.value === 'done' && !!output.value.trim())\nconst requestLabel = computed(() => {\n  if (!request.value) return undefined\n  const task = t(request.value.task.labelKey)\n  return request.value.language ? t('ai.menu.requestWithLanguage', { task, language: t(AI_LANGUAGE_KEYS[request.value.language]) }) : task\n})\n\n// Extra rows other features contribute (`aiMenuActions` of their extensions), offered while the selection qualifies.\nconst menuActions = computed(() => {\n  const resolved = range.value && resolveRange(props.editor.state, range.value)\n  return resolved ? aiMenuActionsOf(props.editor).filter(action => action.available?.(props.editor, resolved) ?? true) : []\n})\nconst runningAction = ref<string | null>(null)\nlet actionController: AbortController | null = null\nasync function runMenuAction(action: AiMenuAction) {\n  const captured = range.value\n  const resolved = captured && resolveRange(props.editor.state, captured)\n  if (!resolved || runningAction.value) return\n  const own = new AbortController()\n  actionController = own\n  runningAction.value = action.id\n  try {\n    await action.run(props.editor, resolved, own.signal)\n  }\n  finally {\n    if (actionController === own) actionController = null\n    runningAction.value = null\n  }\n  if (range.value === captured) close(false)\n}\n// Closing the menu cancels a running action; opening it starts from the default translation language.\nwatch(range, (value) => {\n  if (!value) {\n    actionController?.abort()\n    actionController = null\n  }\n  else language.value = settings.value.ai.translateLanguage\n})\n\nconst shouldShow: NonNullable<BubbleMenuPluginProps['shouldShow']> = ({ editor, element, view, state, from, to }) => {\n  if (range.value || !editor.isEditable || state.selection.empty) return false\n  if (!view.hasFocus() && !element.contains(document.activeElement)) return false\n  if (state.doc.textBetween(from, to, ' ').trim().length === 0) return false\n  return abilitiesAtSelection(editor).has(ABILITY.aiRewrite)\n}\n\nfunction openMenu() {\n  const { editor } = props\n  const selected = selectionRange(editor.state)\n  if (selected.from >= selected.to) return\n  const captured = captureRange(editor, selected)\n  range.value = captured\n  showAiSelectionHighlight(editor, captured)\n  editor.view.dispatch(editor.state.tr.setMeta(MENU_KEY, 'hide'))\n}\n\n/** Opens the menu at the caret (requested by `openAiMenuAtCaret`, e.g. the `/ai` slash command). */\nfunction openAtCaret() {\n  const { editor } = props\n  if (range.value || !editor.isEditable) return\n  const { $head, head } = editor.state.selection\n  mode.value = 'caret'\n  hasTextBefore.value = editor.state.doc.textBetween(0, $head.depth ? $head.before() : head, ' ', ' ').trim().length > 0\n  range.value = captureRange(editor, { from: head, to: head })\n}\n\nfunction onTransaction({ transaction }: EditorEvents['transaction']) {\n  if (transaction.getMeta(AI_MENU_AT_CARET) && hasAbility(props.editor, ABILITY.aiGenerate)) openAtCaret()\n  // Requested by `openAiMenuForSelection` (the „Mit KI bearbeiten“ block action); a menu already open stays as it is.\n  if (transaction.getMeta(AI_MENU_FOR_SELECTION) && !range.value && props.editor.isEditable) openMenu()\n}\nprops.editor.on('transaction', onTransaction)\n\n/** Caret mode: the prompt input gets the focus, so the instruction can be typed right away. */\nfunction onOpenAutoFocus(event: Event) {\n  if (mode.value !== 'caret') return\n  event.preventDefault()\n  promptInput.value?.inputRef?.focus()\n}\n\nfunction start(task: AiTask, options: { prompt?: string, language?: AiLanguage } = {}) {\n  request.value = { task, prompt: options.prompt ?? '', language: options.language }\n  generate()\n}\n\n/** Runs the current request on the current text of the captured range, with the current document as context. */\nfunction generate() {\n  const { editor } = props\n  const current = request.value\n  if (!range.value || !current) return\n  if (mode.value === 'caret') {\n    generateAtCaret(current)\n    return\n  }\n  const resolved = resolveRange(editor.state, range.value)\n  if (!resolved || resolved.from >= resolved.to) {\n    notify({ title: t('ai.apply.missing.title'), description: t('ai.menu.missing.selection'), kind: 'error' })\n    return\n  }\n  const { blocks } = aiContextOf(editor)\n  void run({\n    task: current.task.id,\n    prompt: current.prompt,\n    language: current.language,\n    selection: rangeMarkdown(editor, resolved),\n    context: documentMarkdown(editor),\n    blocks,\n  })\n}\n\n/**\n * Caret mode: tasks with `needsSelection` (continue) get the document up to the caret line as `selection` and the rest\n * as `context`; the others the whole document as context.\n */\nfunction generateAtCaret(current: NonNullable<typeof request.value>) {\n  const { editor } = props\n  const at = range.value && resolveRange(editor.state, range.value)\n  if (!at) {\n    notify({ title: t('ai.apply.missing.title'), description: t('ai.menu.missing.line'), kind: 'error' })\n    return\n  }\n  const { doc } = editor.state\n  const $at = doc.resolve(at.from)\n  const splitBefore = $at.depth ? $at.before() : at.from\n  const splitAfter = $at.depth ? $at.after() : at.from\n  const continues = current.task.needsSelection\n  const { blocks } = aiContextOf(editor)\n  void run({\n    task: current.task.id,\n    prompt: current.prompt,\n    selection: continues ? rangeMarkdown(editor, { from: 0, to: splitBefore }).slice(-AI_LIMITS.selection) : '',\n    context: continues ? rangeMarkdown(editor, { from: splitAfter, to: doc.content.size }).slice(0, AI_LIMITS.context) : documentMarkdown(editor),\n    blocks,\n  })\n}\n\n/** 'replace' opens the in-document review of the result (AiReviewBar); nothing is written until accepted there. */\nfunction apply(action: AiResultAction) {\n  if (!range.value || !canApply.value) return\n  const outcome = applyAiResult(props.editor, action, range.value, output.value)\n  if (outcome !== 'ok') {\n    notify(aiApplyFailure(outcome, t))\n    if (outcome !== 'unchanged') return\n  }\n  close(false)\n}\n\nfunction insertAtCaret() {\n  if (!range.value || !canApply.value) return\n  if (!insertAtCaretLine(props.editor, range.value, output.value)) {\n    notify({ title: t('ai.apply.missing.title'), description: t('ai.menu.missing.insert'), kind: 'error' })\n    return\n  }\n  close(false)\n}\n\n/** Closes the menu and removes the highlight; `restoreSelection` selects the captured range (caret mode: caret) again. */\nfunction close(restoreSelection: boolean) {\n  const { editor } = props\n  const captured = range.value\n  const caret = mode.value === 'caret'\n  reset()\n  request.value = null\n  prompt.value = ''\n  range.value = null\n  mode.value = 'selection'\n  if (editor.isDestroyed) return\n  hideAiSelectionHighlight(editor)\n  const resolved = captured && restoreSelection ? resolveRange(editor.state, captured) : null\n  if (captured) releaseRanges(editor, [captured])\n  if (resolved && (caret || resolved.from < resolved.to)) editor.chain().focus().setTextSelection(resolved).run()\n}\n\n// Popover anchor: the highlighted range (its plugin state follows local and remote edits); in caret mode the caret.\nlet anchorRect = new DOMRect()\nconst reference = {\n  getBoundingClientRect(): DOMRect {\n    const { editor } = props\n    if (editor.isDestroyed) return anchorRect\n    if (mode.value === 'caret') return caretRect(editor)\n    const highlight = aiSelectionHighlightKey.getState(editor.state)\n    const highlighted = highlight && resolveRange(editor.state, highlight.anchor)\n    if (!highlighted || highlighted.from >= highlighted.to) return anchorRect\n    const { view } = editor\n    const start = view.coordsAtPos(highlighted.from, 1)\n    const end = view.coordsAtPos(highlighted.to, -1)\n    // Across lines the range spans the editor's width.\n    const bounds = view.dom.getBoundingClientRect()\n    const oneLine = end.top < start.bottom\n    const left = oneLine ? start.left : bounds.left\n    const right = oneLine ? end.right : bounds.right\n    anchorRect = new DOMRect(left, start.top, Math.max(right - left, 1), end.bottom - start.top)\n    return anchorRect\n  },\n  get contextElement() {\n    return props.editor.view.dom\n  },\n}\n\n// The caret's position is resolved from its anchor once per editor state (the anchor is measured every frame).\nlet caretAt: { state: EditorState, pos: number | null } | null = null\nfunction caretRect(editor: Editor): DOMRect {\n  if (caretAt?.state !== editor.state) {\n    caretAt = { state: editor.state, pos: range.value ? resolveRange(editor.state, range.value)?.from ?? null : null }\n  }\n  if (caretAt.pos === null) return anchorRect\n  const coords = editor.view.coordsAtPos(caretAt.pos)\n  anchorRect = new DOMRect(coords.left, coords.top, 1, coords.bottom - coords.top)\n  return anchorRect\n}\n\nconst preview = useEditor({\n  editable: false,\n  extensions: previewExtensions(props.editor),\n  editorProps: { attributes: { class: 'tiptap ai-selection-preview' } },\n})\n\n// Coalesce streamed deltas: re-parse the Markdown at most every 80 ms; speaker lines show as segments, as applied.\nlet previewTimer: ReturnType<typeof setTimeout> | undefined\nwatch(output, () => {\n  if (previewTimer) return\n  previewTimer = setTimeout(() => {\n    previewTimer = undefined\n    const instance = preview.value\n    if (!instance) return\n    instance.commands.setContent({ type: 'doc', content: parseBlocks(props.editor, output.value).blocks }, { emitUpdate: false })\n  }, 80)\n})\n\nonBeforeUnmount(() => {\n  props.editor.off('transaction', onTransaction)\n  clearTimeout(previewTimer)\n  abort()\n  actionController?.abort()\n  if (!props.editor.isDestroyed) hideAiSelectionHighlight(props.editor)\n  preview.value?.destroy()\n})\n</script>\n\n<template>\n  <BubbleMenu :editor=\"editor\" :plugin-key=\"MENU_KEY\" :should-show=\"shouldShow\" :options=\"{ placement: 'top', offset: 8 }\" class=\"z-10\">\n    <div class=\"flex rounded-md border border-[var(--sk-border)] bg-[var(--sk-bg)] p-0.5 shadow-md\">\n      <UButton size=\"sm\" color=\"neutral\" variant=\"ghost\" icon=\"i-lucide-sparkles\" :label=\"t('ai.menu.trigger')\" @click=\"openMenu\" />\n    </div>\n  </BubbleMenu>\n\n  <UPopover\n    :open=\"range !== null\"\n    :reference=\"reference\"\n    :dismissible=\"picking\"\n    :content=\"{ side: 'bottom', align: 'start', updatePositionStrategy: 'always', onOpenAutoFocus }\"\n    :ui=\"{ content: 'w-[30rem] max-w-[calc(100vw-2rem)]' }\"\n    @update:open=\"(value: boolean) => { if (!value) close(mode === 'caret') }\"\n  >\n    <template #content>\n      <div v-if=\"picking\" class=\"flex flex-col gap-1 p-2\">\n        <!-- Caret mode generates blocks, selection mode rewrites text in the block: each has its own model slot. -->\n        <div class=\"flex items-center justify-end gap-2 px-1 pb-1\">\n          <span class=\"text-xs text-[var(--sk-muted)]\">{{ t('ai.menu.model') }}</span>\n          <ModelQuickSwitch :slot=\"mode === 'caret' ? 'generate' : 'rewrite'\" size=\"xs\" class=\"w-56\" />\n        </div>\n        <div v-for=\"task in actions\" :key=\"task.id\" class=\"flex items-center gap-1\">\n          <UButton\n            :icon=\"task.icon\"\n            :label=\"t(task.labelKey)\"\n            color=\"neutral\"\n            variant=\"ghost\"\n            class=\"flex-1 justify-start\"\n            :disabled=\"mode === 'caret' && task.needsSelection && !hasTextBefore\"\n            @click=\"start(task, task.needsLanguage ? { language } : {})\"\n          />\n          <USelect v-if=\"task.needsLanguage\" v-model=\"language\" :items=\"languageItems\" size=\"sm\" class=\"w-36\" :aria-label=\"t('ai.menu.targetLanguage')\" />\n        </div>\n        <UButton\n          v-for=\"action in menuActions\"\n          :key=\"action.id\"\n          :icon=\"action.icon\"\n          :label=\"action.label\"\n          color=\"neutral\"\n          variant=\"ghost\"\n          class=\"justify-start\"\n          :loading=\"runningAction === action.id\"\n          :disabled=\"runningAction !== null && runningAction !== action.id\"\n          @click=\"runMenuAction(action)\"\n        />\n        <form class=\"mt-1 flex gap-1 border-t border-[var(--sk-border)] pt-2\" @submit.prevent=\"prompt.trim() && start(freePrompt, { prompt })\">\n          <UInput ref=\"promptInput\" v-model=\"prompt\" :icon=\"freePrompt.icon\" :placeholder=\"freePrompt.promptLabelKey && t(freePrompt.promptLabelKey)\" class=\"flex-1\" />\n          <UButton type=\"submit\" icon=\"i-lucide-arrow-up\" :disabled=\"!prompt.trim()\" :aria-label=\"t('ai.menu.sendInstruction')\" />\n        </form>\n      </div>\n\n      <div v-else class=\"flex flex-col gap-3 p-3\">\n        <div class=\"flex items-center gap-2 text-sm font-medium\">\n          <UIcon v-if=\"request\" :name=\"request.task.icon\" class=\"size-4\" />\n          <span class=\"flex-1 truncate\">{{ requestLabel }}</span>\n          <UIcon v-if=\"status === 'streaming'\" name=\"i-lucide-loader-circle\" class=\"size-4 animate-spin text-[var(--sk-muted)]\" />\n        </div>\n        <UAlert v-if=\"error\" color=\"error\" variant=\"subtle\" :title=\"error\" />\n        <div class=\"max-h-72 min-h-16 overflow-auto rounded-md border border-[var(--sk-border)] p-3 text-sm\">\n          <EditorContent v-if=\"preview\" :editor=\"preview\" />\n        </div>\n        <div class=\"flex flex-wrap justify-end gap-2\">\n          <UButton v-if=\"status === 'streaming'\" size=\"sm\" color=\"neutral\" variant=\"ghost\" :label=\"t('ai.menu.cancel')\" @click=\"abort()\" />\n          <UButton size=\"sm\" color=\"neutral\" variant=\"ghost\" :label=\"t('ai.menu.discard')\" @click=\"close(true)\" />\n          <UButton\n            size=\"sm\"\n            color=\"neutral\"\n            variant=\"outline\"\n            icon=\"i-lucide-rotate-ccw\"\n            :label=\"t('ai.menu.retry')\"\n            :disabled=\"status === 'streaming'\"\n            @click=\"generate\"\n          />\n          <UButton v-if=\"mode === 'caret'\" size=\"sm\" icon=\"i-lucide-text-cursor-input\" :label=\"t('ai.menu.insert')\" :disabled=\"!canApply\" @click=\"insertAtCaret\" />\n          <template v-else>\n            <UButton\n              size=\"sm\"\n              color=\"neutral\"\n              variant=\"outline\"\n              icon=\"i-lucide-list-plus\"\n              :label=\"t('ai.menu.insertBelow')\"\n              :disabled=\"!canApply\"\n              @click=\"apply('insert-below')\"\n            />\n            <UButton size=\"sm\" icon=\"i-lucide-replace\" :label=\"t('ai.menu.replace')\" :disabled=\"!canApply\" @click=\"apply('replace')\" />\n          </template>\n        </div>\n      </div>\n    </template>\n  </UPopover>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"AiSelectionMenu.js","names":["_openBlock","_createElementBlock","_Fragment","_createVNode","_unref","_withCtx","_createElementVNode","_createCommentVNode","_toDisplayString","ModelQuickSwitch","_renderList","_createBlock","_withModifiers"],"sources":["../../../../src/features/ai/components/AiSelectionMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { BubbleMenuPluginProps } from '@tiptap/extension-bubble-menu'\nimport type { EditorState } from '@tiptap/pm/state'\nimport { type Editor, EditorContent, useEditor } from '@tiptap/vue-3'\nimport { BubbleMenu } from '@tiptap/vue-3/menus'\nimport { computed, onBeforeUnmount, useTemplateRef, watch } from 'vue'\nimport { parseBlocks, resolveRange } from '../../../core'\nimport { useEditorSettings } from '../../../vue/settings'\nimport type { InputExposed } from '../../../vue/kit/types'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useStoreRef } from '../../../vue/store-ref'\nimport { useNotifier } from '../../../vue/use-notifier'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { AI_LANGUAGES } from '../../../settings'\nimport { aiSelectionHighlightKey } from '../ai-selection-highlight'\nimport { previewExtensions } from '../preview-extensions'\nimport { AI_LANGUAGE_KEYS } from '../protocol'\nimport { AI_SELECTION_MENU_KEY, createAiSelectionFlow } from '../selection-flow'\nimport { useAiAssistant } from '../use-ai-assistant'\nimport ModelQuickSwitch from './ModelQuickSwitch.vue'\n\n/**\n * AI quick actions on a text selection: a bubble menu entry opens a popover with the selection tasks of the registry\n * (`selectionMenu`), the result streams into a preview and is applied over the range captured when the menu opened.\n * Caret mode (`/ai`, see `openAiMenuAtCaret`): the same popover opens at the caret with the `caretMenu` tasks and\n * `generate` as free prompt; the result is inserted at the caret line (`insertAtCaretLine`).\n * Needs the AiSelectionHighlight extension on the editor. The flow (`createAiSelectionFlow`) owns every step; this\n * component renders its state, places the popover and shows the preview.\n */\nconst props = defineProps<{ editor: Editor }>()\n\nconst { Alert: UAlert, Button: UButton, Icon: UIcon, Input: UInput, Popover: UPopover, Select: USelect } = useUiKit()\nconst notify = useNotifier(() => props.editor)\nconst { t } = useEditorI18n()\nconst { model: assistant } = useAiAssistant(() => props.editor)\nconst { settings } = useEditorSettings()\nconst flow = createAiSelectionFlow({ assistant, notify, t, editor: () => props.editor, language: () => settings.value.ai.translateLanguage })\nconst state = useStoreRef(flow.state)\n\nconst languageItems = computed(() => AI_LANGUAGES.map(l => ({ label: t(AI_LANGUAGE_KEYS[l]), value: l })))\nconst prompt = computed({ get: () => state.value.prompt, set: flow.setPrompt })\nconst language = computed({ get: () => state.value.language, set: flow.setLanguage })\nconst promptInput = useTemplateRef<InputExposed>('promptInput')\nconst requestLabel = computed(() => {\n  const request = state.value.request\n  if (!request) return undefined\n  const task = t(request.task.labelKey)\n  return request.language ? t('ai.menu.requestWithLanguage', { task, language: t(AI_LANGUAGE_KEYS[request.language]) }) : task\n})\n// Extra rows other features contribute (`aiMenuActions` of their extensions), offered while the selection qualifies.\nconst menuActions = computed(() => state.value.open ? flow.menuActions() : [])\n\nconst shouldShow: NonNullable<BubbleMenuPluginProps['shouldShow']> = ({ element, view }) =>\n  (view.hasFocus() || element.contains(document.activeElement)) && flow.offersSelection()\n\n/** Caret mode: the prompt input gets the focus, so the instruction can be typed right away. */\nfunction onOpenAutoFocus(event: Event) {\n  if (state.value.mode !== 'caret') return\n  event.preventDefault()\n  promptInput.value?.inputRef?.focus()\n}\n\n\n// Popover anchor: the highlighted range (its plugin state follows local and remote edits); in caret mode the caret.\nlet anchorRect = new DOMRect()\nconst reference = {\n  getBoundingClientRect(): DOMRect {\n    const { editor } = props\n    if (editor.isDestroyed) return anchorRect\n    if (state.value.mode === 'caret') return caretRect(editor)\n    const highlight = aiSelectionHighlightKey.getState(editor.state)\n    const highlighted = highlight && resolveRange(editor.state, highlight.anchor)\n    if (!highlighted || highlighted.from >= highlighted.to) return anchorRect\n    const { view } = editor\n    const start = view.coordsAtPos(highlighted.from, 1)\n    const end = view.coordsAtPos(highlighted.to, -1)\n    // Across lines the range spans the editor's width.\n    const bounds = view.dom.getBoundingClientRect()\n    const oneLine = end.top < start.bottom\n    const left = oneLine ? start.left : bounds.left\n    const right = oneLine ? end.right : bounds.right\n    anchorRect = new DOMRect(left, start.top, Math.max(right - left, 1), end.bottom - start.top)\n    return anchorRect\n  },\n  get contextElement() {\n    return props.editor.view.dom\n  },\n}\n\n// The caret's position is resolved from its anchor once per editor state (the anchor is measured every frame).\nlet caretAt: { state: EditorState, pos: number | null } | null = null\nfunction caretRect(editor: Editor): DOMRect {\n  if (caretAt?.state !== editor.state) caretAt = { state: editor.state, pos: flow.range()?.from ?? null }\n  if (caretAt.pos === null) return anchorRect\n  const coords = editor.view.coordsAtPos(caretAt.pos)\n  anchorRect = new DOMRect(coords.left, coords.top, 1, coords.bottom - coords.top)\n  return anchorRect\n}\n\nconst preview = useEditor({\n  editable: false,\n  extensions: previewExtensions(props.editor),\n  editorProps: { attributes: { class: 'tiptap ai-selection-preview' } },\n})\n\n// Coalesce streamed deltas: re-parse the Markdown at most every 80 ms; speaker lines show as segments, as applied.\nlet previewTimer: ReturnType<typeof setTimeout> | undefined\nwatch(() => state.value.output, () => {\n  if (previewTimer) return\n  previewTimer = setTimeout(() => {\n    previewTimer = undefined\n    const instance = preview.value\n    if (!instance) return\n    instance.commands.setContent({ type: 'doc', content: parseBlocks(props.editor, state.value.output).blocks }, { emitUpdate: false })\n  }, 80)\n})\n\nonBeforeUnmount(() => {\n  clearTimeout(previewTimer)\n  flow.dispose()\n  preview.value?.destroy()\n})\n</script>\n\n<template>\n  <BubbleMenu :editor=\"editor\" :plugin-key=\"AI_SELECTION_MENU_KEY\" :should-show=\"shouldShow\" :options=\"{ placement: 'top', offset: 8 }\" class=\"z-10\">\n    <div class=\"flex rounded-md border border-[var(--sk-border)] bg-[var(--sk-bg)] p-0.5 shadow-md\">\n      <UButton size=\"sm\" color=\"neutral\" variant=\"ghost\" icon=\"i-lucide-sparkles\" :label=\"t('ai.menu.trigger')\" @click=\"flow.openForSelection()\" />\n    </div>\n  </BubbleMenu>\n\n  <UPopover\n    :open=\"state.open\"\n    :reference=\"reference\"\n    :dismissible=\"state.picking\"\n    :content=\"{ side: 'bottom', align: 'start', updatePositionStrategy: 'always', onOpenAutoFocus }\"\n    :ui=\"{ content: 'w-[30rem] max-w-[calc(100vw-2rem)]' }\"\n    @update:open=\"(value: boolean) => { if (!value) flow.close(state.mode === 'caret') }\"\n  >\n    <template #content>\n      <div v-if=\"state.picking\" class=\"flex flex-col gap-1 p-2\">\n        <!-- Caret mode generates blocks, selection mode rewrites text in the block: each has its own model slot. -->\n        <div class=\"flex items-center justify-end gap-2 px-1 pb-1\">\n          <span class=\"text-xs text-[var(--sk-muted)]\">{{ t('ai.menu.model') }}</span>\n          <ModelQuickSwitch :slot=\"state.mode === 'caret' ? 'generate' : 'rewrite'\" size=\"xs\" class=\"w-56\" />\n        </div>\n        <div v-for=\"task in state.actions\" :key=\"task.id\" class=\"flex items-center gap-1\">\n          <UButton\n            :icon=\"task.icon\"\n            :label=\"t(task.labelKey)\"\n            color=\"neutral\"\n            variant=\"ghost\"\n            class=\"flex-1 justify-start\"\n            :disabled=\"state.mode === 'caret' && task.needsSelection && !state.hasTextBefore\"\n            @click=\"flow.start(task)\"\n          />\n          <USelect v-if=\"task.needsLanguage\" v-model=\"language\" :items=\"languageItems\" size=\"sm\" class=\"w-36\" :aria-label=\"t('ai.menu.targetLanguage')\" />\n        </div>\n        <UButton\n          v-for=\"action in menuActions\"\n          :key=\"action.id\"\n          :icon=\"action.icon\"\n          :label=\"action.label\"\n          color=\"neutral\"\n          variant=\"ghost\"\n          class=\"justify-start\"\n          :loading=\"state.runningAction === action.id\"\n          :disabled=\"state.runningAction !== null && state.runningAction !== action.id\"\n          @click=\"flow.runAction(action)\"\n        />\n        <form class=\"mt-1 flex gap-1 border-t border-[var(--sk-border)] pt-2\" @submit.prevent=\"flow.submitPrompt()\">\n          <UInput ref=\"promptInput\" v-model=\"prompt\" :icon=\"state.freePrompt.icon\" :placeholder=\"state.freePrompt.promptLabelKey && t(state.freePrompt.promptLabelKey)\" class=\"flex-1\" />\n          <UButton type=\"submit\" icon=\"i-lucide-arrow-up\" :disabled=\"!state.prompt.trim()\" :aria-label=\"t('ai.menu.sendInstruction')\" />\n        </form>\n      </div>\n\n      <div v-else class=\"flex flex-col gap-3 p-3\">\n        <div class=\"flex items-center gap-2 text-sm font-medium\">\n          <UIcon v-if=\"state.request\" :name=\"state.request.task.icon\" class=\"size-4\" />\n          <span class=\"flex-1 truncate\">{{ requestLabel }}</span>\n          <UIcon v-if=\"state.status === 'streaming'\" name=\"i-lucide-loader-circle\" class=\"size-4 animate-spin text-[var(--sk-muted)]\" />\n        </div>\n        <UAlert v-if=\"state.error\" color=\"error\" variant=\"subtle\" :title=\"state.error\" />\n        <div class=\"max-h-72 min-h-16 overflow-auto rounded-md border border-[var(--sk-border)] p-3 text-sm\">\n          <EditorContent v-if=\"preview\" :editor=\"preview\" />\n        </div>\n        <div class=\"flex flex-wrap justify-end gap-2\">\n          <UButton v-if=\"state.status === 'streaming'\" size=\"sm\" color=\"neutral\" variant=\"ghost\" :label=\"t('ai.menu.cancel')\" @click=\"flow.abort()\" />\n          <UButton size=\"sm\" color=\"neutral\" variant=\"ghost\" :label=\"t('ai.menu.discard')\" @click=\"flow.close(true)\" />\n          <UButton\n            size=\"sm\"\n            color=\"neutral\"\n            variant=\"outline\"\n            icon=\"i-lucide-rotate-ccw\"\n            :label=\"t('ai.menu.retry')\"\n            :disabled=\"state.status === 'streaming'\"\n            @click=\"flow.retry()\"\n          />\n          <UButton v-if=\"state.mode === 'caret'\" size=\"sm\" icon=\"i-lucide-text-cursor-input\" :label=\"t('ai.menu.insert')\" :disabled=\"!state.canApply\" @click=\"flow.insertAtCaret()\" />\n          <template v-else>\n            <UButton\n              size=\"sm\"\n              color=\"neutral\"\n              variant=\"outline\"\n              icon=\"i-lucide-list-plus\"\n              :label=\"t('ai.menu.insertBelow')\"\n              :disabled=\"!state.canApply\"\n              @click=\"flow.apply('insert-below')\"\n            />\n            <UButton size=\"sm\" icon=\"i-lucide-replace\" :label=\"t('ai.menu.replace')\" :disabled=\"!state.canApply\" @click=\"flow.apply('replace')\" />\n          </template>\n        </div>\n      </div>\n    </template>\n  </UPopover>\n</template>\n"],"mappings":"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"}