@ecsplico/editor 0.0.0-stage → 2.0.0

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

@@ -0,0 +1,513 @@
+import { ABILITY } from "../../../core/schema/abilities.js";
+import { abilitiesAtSelection, hasAbility } from "../../../core/abilities.js";
+import { aiContextOf, 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 { useEditorI18n } from "../../../react/use-editor-i18n.js";
+import { Icon } from "../../../react/Icon.js";
+import { useEditorSettings } from "../../../react/settings.js";
+import { Button } from "../../../react/ui/button.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 { Popover, PopoverAnchor, PopoverContent } from "../../../react/ui/popover.js";
+import { useNotifier } from "../../../react/use-notifier.js";
+import { Alert, AlertTitle } from "../../../react/ui/alert.js";
+import { InputGroup, InputGroupAddon, InputGroupInput } from "../../../react/ui/input-group.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../../react/ui/select.js";
+import { previewExtensions } from "../preview-extensions.js";
+import { ModelQuickSwitch } from "./ModelQuickSwitch.js";
+import { useAiAssistant } from "./use-ai-assistant.js";
+import { useEffect, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { EditorContent, useEditor } from "@tiptap/react";
+import { BubbleMenu } from "@tiptap/react/menus";
+//#region src/features/ai/react/AiSelectionMenu.tsx
+const MENU_KEY = "aiSelectionMenu";
+const quickActions = Object.values(AI_TASKS).filter((task) => task.selectionMenu && !task.needsPrompt);
+const custom = AI_TASKS.custom;
+const caretActions = Object.values(AI_TASKS).filter((task) => task.caretMenu);
+/**
+* AI quick actions on a text selection: a bubble menu entry opens a popover with the selection tasks of the registry
+* (`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.
+*/
+function AiSelectionMenu({ editor }) {
+	const notify = useNotifier(editor);
+	const { t } = useEditorI18n();
+	const { status, output, error, run, abort, reset } = useAiAssistant(editor);
+	const { settings } = useEditorSettings();
+	/** Target language of „Übersetzen“: the settings' default each time the menu opens, changeable per call. */
+	const [language, setLanguage] = useState(settings.ai.translateLanguage);
+	const [prompt, setPrompt] = useState("");
+	/** 'selection': rewrites the captured selection; 'caret': writes new text at the captured (collapsed) caret. */
+	const [mode, setModeState] = useState("selection");
+	/** Caret mode: whether the document has text before the caret line, for tasks that continue it (`needsSelection`). */
+	const [hasTextBefore, setHasTextBefore] = useState(false);
+	/** The selection the menu works on, captured when it opened; null while closed. */
+	const [range, setRangeState] = useState(null);
+	/** The current request; „Erneut versuchen“ repeats it. */
+	const [request, setRequest] = useState(null);
+	const [runningAction, setRunningAction] = useState(null);
+	const promptInput = useRef(null);
+	const rangeRef = useRef(null);
+	const modeRef = useRef("selection");
+	const setRange = (value) => {
+		rangeRef.current = value;
+		setRangeState(value);
+	};
+	const setMode = (value) => {
+		modeRef.current = value;
+		setModeState(value);
+	};
+	const latest = useRef({
+		editor,
+		output,
+		settings
+	});
+	latest.current = {
+		editor,
+		output,
+		settings
+	};
+	const actionController = useRef(null);
+	const actions = mode === "caret" ? caretActions : quickActions;
+	const freePrompt = mode === "caret" ? AI_TASKS.generate : custom;
+	const picking = status === "idle" && !output;
+	const canApply = status === "done" && !!output.trim();
+	const requestLabel = request ? request.language ? t("ai.menu.requestWithLanguage", {
+		task: t(request.task.labelKey),
+		language: t(AI_LANGUAGE_KEYS[request.language])
+	}) : t(request.task.labelKey) : void 0;
+	const resolved = range && !editor.isDestroyed ? resolveRange(editor.state, range) : null;
+	const menuActions = resolved ? aiMenuActionsOf(editor).filter((action) => action.available?.(editor, resolved) ?? true) : [];
+	async function runMenuAction(action) {
+		const captured = rangeRef.current;
+		const at = captured && resolveRange(editor.state, captured);
+		if (!at || actionController.current) return;
+		const own = new AbortController();
+		actionController.current = own;
+		setRunningAction(action.id);
+		try {
+			await action.run(editor, at, own.signal);
+		} finally {
+			if (actionController.current === own) actionController.current = null;
+			setRunningAction(null);
+		}
+		if (rangeRef.current === captured) close(false);
+	}
+	useEffect(() => {
+		if (!range) {
+			actionController.current?.abort();
+			actionController.current = null;
+		} else setLanguage(latest.current.settings.ai.translateLanguage);
+	}, [range]);
+	const shouldShow = ({ editor: current, element, view, state, from, to }) => {
+		if (rangeRef.current || !current.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(current).has(ABILITY.aiRewrite);
+	};
+	function openMenu() {
+		const selected = selectionRange(editor.state);
+		if (selected.from >= selected.to) return;
+		const captured = captureRange(editor, selected);
+		setRange(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() {
+		if (rangeRef.current || !editor.isEditable) return;
+		const { $head, head } = editor.state.selection;
+		setMode("caret");
+		setHasTextBefore(editor.state.doc.textBetween(0, $head.depth ? $head.before() : head, " ", " ").trim().length > 0);
+		setRange(captureRange(editor, {
+			from: head,
+			to: head
+		}));
+	}
+	const onTransaction = useRef(() => {});
+	onTransaction.current = ({ transaction }) => {
+		if (transaction.getMeta("aiMenuAtCaret") && hasAbility(editor, ABILITY.aiGenerate)) openAtCaret();
+		if (transaction.getMeta("aiMenuForSelection") && !rangeRef.current && editor.isEditable) openMenu();
+	};
+	useEffect(() => {
+		const handler = (event) => onTransaction.current(event);
+		editor.on("transaction", handler);
+		return () => {
+			editor.off("transaction", handler);
+		};
+	}, [editor]);
+	/** Caret mode: the prompt input gets the focus, so the instruction can be typed right away. */
+	function onOpenAutoFocus(event) {
+		if (modeRef.current !== "caret") return;
+		event.preventDefault();
+		promptInput.current?.focus();
+	}
+	function start(task, options = {}) {
+		const next = {
+			task,
+			prompt: options.prompt ?? "",
+			language: options.language
+		};
+		setRequest(next);
+		generate(next);
+	}
+	/** Runs the request (default: the current one) on the current text of the captured range, with the current document as context. */
+	function generate(current = request) {
+		const captured = rangeRef.current;
+		if (!captured || !current) return;
+		if (modeRef.current === "caret") {
+			generateAtCaret(captured, current);
+			return;
+		}
+		const at = resolveRange(editor.state, captured);
+		if (!at || at.from >= at.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,
+			...current.language && { language: current.language },
+			selection: rangeMarkdown(editor, at),
+			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(captured, current) {
+		const at = resolveRange(editor.state, captured);
+		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) {
+		const captured = rangeRef.current;
+		if (!captured || !canApply) return;
+		const outcome = applyAiResult(editor, action, captured, output);
+		if (outcome !== "ok") {
+			notify(aiApplyFailure(outcome, t));
+			if (outcome !== "unchanged") return;
+		}
+		close(false);
+	}
+	function insertAtCaret() {
+		const captured = rangeRef.current;
+		if (!captured || !canApply) return;
+		if (!insertAtCaretLine(editor, captured, output)) {
+			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 captured = rangeRef.current;
+		const caret = modeRef.current === "caret";
+		reset();
+		setRequest(null);
+		setPrompt("");
+		setRange(null);
+		setMode("selection");
+		if (editor.isDestroyed) return;
+		hideAiSelectionHighlight(editor);
+		const at = captured && restoreSelection ? resolveRange(editor.state, captured) : null;
+		if (captured) releaseRanges(editor, [captured]);
+		if (at && (caret || at.from < at.to)) editor.chain().focus().setTextSelection(at).run();
+	}
+	const [anchor] = useState(() => {
+		let anchorRect = new DOMRect();
+		let caretAt = null;
+		const caretRect = (instance) => {
+			if (caretAt?.state !== instance.state) {
+				const captured = rangeRef.current;
+				caretAt = {
+					state: instance.state,
+					pos: captured ? resolveRange(instance.state, captured)?.from ?? null : null
+				};
+			}
+			if (caretAt.pos === null) return anchorRect;
+			const coords = instance.view.coordsAtPos(caretAt.pos);
+			anchorRect = new DOMRect(coords.left, coords.top, 1, coords.bottom - coords.top);
+			return anchorRect;
+		};
+		return { current: {
+			getBoundingClientRect() {
+				const instance = latest.current.editor;
+				if (instance.isDestroyed) return anchorRect;
+				if (modeRef.current === "caret") return caretRect(instance);
+				const highlight = aiSelectionHighlightKey.getState(instance.state);
+				const highlighted = highlight && resolveRange(instance.state, highlight.anchor);
+				if (!highlighted || highlighted.from >= highlighted.to) return anchorRect;
+				const { view } = instance;
+				const start = view.coordsAtPos(highlighted.from, 1);
+				const end = view.coordsAtPos(highlighted.to, -1);
+				const bounds = view.dom.getBoundingClientRect();
+				const oneLine = end.top < start.bottom;
+				const left = oneLine ? start.left : bounds.left;
+				const right = oneLine ? end.right : bounds.right;
+				anchorRect = new DOMRect(left, start.top, Math.max(right - left, 1), end.bottom - start.top);
+				return anchorRect;
+			},
+			get contextElement() {
+				return latest.current.editor.isDestroyed ? void 0 : latest.current.editor.view.dom;
+			}
+		} };
+	});
+	const [extensions] = useState(() => previewExtensions(editor));
+	const preview = useEditor({
+		editable: false,
+		extensions,
+		immediatelyRender: true,
+		shouldRerenderOnTransaction: false,
+		editorProps: { attributes: { class: "tiptap ai-selection-preview" } }
+	});
+	const previewTimer = useRef(void 0);
+	useEffect(() => {
+		if (previewTimer.current) return;
+		previewTimer.current = setTimeout(() => {
+			previewTimer.current = void 0;
+			if (!preview || preview.isDestroyed) return;
+			const { editor: source, output: text } = latest.current;
+			preview.commands.setContent({
+				type: "doc",
+				content: parseBlocks(source, text).blocks
+			}, { emitUpdate: false });
+		}, 80);
+	}, [output, preview]);
+	useEffect(() => () => {
+		clearTimeout(previewTimer.current);
+		previewTimer.current = void 0;
+		actionController.current?.abort();
+		if (!editor.isDestroyed) hideAiSelectionHighlight(editor);
+	}, [editor]);
+	const guard = (event) => {
+		if (!picking) event.preventDefault();
+	};
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(BubbleMenu, {
+		editor,
+		pluginKey: MENU_KEY,
+		shouldShow,
+		options: {
+			placement: "top",
+			offset: 8
+		},
+		className: "z-10",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex rounded-md border border-border bg-background p-0.5 shadow-md",
+			children: /* @__PURE__ */ jsxs(Button, {
+				size: "sm",
+				variant: "ghost",
+				onClick: openMenu,
+				children: [/* @__PURE__ */ jsx(Icon, { name: "i-lucide-sparkles" }), t("ai.menu.trigger")]
+			})
+		})
+	}), /* @__PURE__ */ jsxs(Popover, {
+		open: range !== null,
+		onOpenChange: (value) => {
+			if (!value) close(modeRef.current === "caret");
+		},
+		children: [/* @__PURE__ */ jsx(PopoverAnchor, { virtualRef: anchor }), /* @__PURE__ */ jsx(PopoverContent, {
+			side: "bottom",
+			align: "start",
+			sideOffset: 4,
+			updatePositionStrategy: "always",
+			className: "w-[30rem] max-w-[calc(100vw-2rem)] gap-0 p-0",
+			onOpenAutoFocus,
+			onCloseAutoFocus: (event) => event.preventDefault(),
+			onEscapeKeyDown: guard,
+			onInteractOutside: (event) => {
+				if (!picking || event.target instanceof Element && event.target.closest("[role=\"listbox\"]")) event.preventDefault();
+			},
+			children: picking ? /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-1 p-2",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center justify-end gap-2 px-1 pb-1",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-xs text-muted-foreground",
+							children: t("ai.menu.model")
+						}), /* @__PURE__ */ jsx(ModelQuickSwitch, {
+							slot: mode === "caret" ? "generate" : "rewrite",
+							size: "xs",
+							className: "w-56"
+						})]
+					}),
+					actions.map((task) => /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-1",
+						children: [/* @__PURE__ */ jsxs(Button, {
+							variant: "ghost",
+							className: "flex-1 justify-start",
+							disabled: mode === "caret" && task.needsSelection && !hasTextBefore,
+							onClick: () => start(task, task.needsLanguage ? { language } : {}),
+							children: [/* @__PURE__ */ jsx(Icon, { name: task.icon }), t(task.labelKey)]
+						}), task.needsLanguage && /* @__PURE__ */ jsxs(Select, {
+							value: language,
+							onValueChange: (value) => setLanguage(AI_LANGUAGES.find((candidate) => candidate === value) ?? language),
+							children: [/* @__PURE__ */ jsx(SelectTrigger, {
+								size: "sm",
+								"aria-label": t("ai.menu.targetLanguage"),
+								className: "w-36",
+								children: /* @__PURE__ */ jsx(SelectValue, {})
+							}), /* @__PURE__ */ jsx(SelectContent, {
+								position: "popper",
+								align: "end",
+								children: AI_LANGUAGES.map((item) => /* @__PURE__ */ jsx(SelectItem, {
+									value: item,
+									children: t(AI_LANGUAGE_KEYS[item])
+								}, item))
+							})]
+						})]
+					}, task.id)),
+					menuActions.map((action) => /* @__PURE__ */ jsxs(Button, {
+						variant: "ghost",
+						className: "justify-start",
+						disabled: runningAction !== null && runningAction !== action.id,
+						onClick: () => void runMenuAction(action),
+						children: [/* @__PURE__ */ jsx(Icon, {
+							name: runningAction === action.id ? "i-lucide-loader-circle" : action.icon,
+							className: runningAction === action.id ? "animate-spin" : void 0
+						}), action.label]
+					}, action.id)),
+					/* @__PURE__ */ jsxs("form", {
+						className: "mt-1 flex gap-1 border-t border-border pt-2",
+						onSubmit: (event) => {
+							event.preventDefault();
+							if (prompt.trim()) start(freePrompt, { prompt });
+						},
+						children: [/* @__PURE__ */ jsxs(InputGroup, {
+							className: "flex-1",
+							children: [/* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(Icon, { name: freePrompt.icon }) }), /* @__PURE__ */ jsx(InputGroupInput, {
+								ref: promptInput,
+								value: prompt,
+								placeholder: freePrompt.promptLabelKey && t(freePrompt.promptLabelKey),
+								onChange: (event) => setPrompt(event.target.value)
+							})]
+						}), /* @__PURE__ */ jsx(Button, {
+							type: "submit",
+							size: "icon",
+							disabled: !prompt.trim(),
+							"aria-label": t("ai.menu.sendInstruction"),
+							children: /* @__PURE__ */ jsx(Icon, { name: "i-lucide-arrow-up" })
+						})]
+					})
+				]
+			}) : /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-3 p-3",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2 text-sm font-medium",
+						children: [
+							request && /* @__PURE__ */ jsx(Icon, { name: request.task.icon }),
+							/* @__PURE__ */ jsx("span", {
+								className: "flex-1 truncate",
+								children: requestLabel
+							}),
+							status === "streaming" && /* @__PURE__ */ jsx(Icon, {
+								name: "i-lucide-loader-circle",
+								className: "animate-spin text-muted-foreground"
+							})
+						]
+					}),
+					error && /* @__PURE__ */ jsx(Alert, {
+						variant: "destructive",
+						children: /* @__PURE__ */ jsx(AlertTitle, { children: error })
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "max-h-72 min-h-16 overflow-auto rounded-md border border-border p-3 text-sm",
+						children: preview && /* @__PURE__ */ jsx(EditorContent, { editor: preview })
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-wrap justify-end gap-2",
+						children: [
+							status === "streaming" && /* @__PURE__ */ jsx(Button, {
+								size: "sm",
+								variant: "ghost",
+								onClick: abort,
+								children: t("ai.menu.cancel")
+							}),
+							/* @__PURE__ */ jsx(Button, {
+								size: "sm",
+								variant: "ghost",
+								onClick: () => close(true),
+								children: t("ai.menu.discard")
+							}),
+							/* @__PURE__ */ jsxs(Button, {
+								size: "sm",
+								variant: "outline",
+								disabled: status === "streaming",
+								onClick: () => generate(),
+								children: [/* @__PURE__ */ jsx(Icon, { name: "i-lucide-rotate-ccw" }), t("ai.menu.retry")]
+							}),
+							mode === "caret" ? /* @__PURE__ */ jsxs(Button, {
+								size: "sm",
+								disabled: !canApply,
+								onClick: insertAtCaret,
+								children: [/* @__PURE__ */ jsx(Icon, { name: "i-lucide-text-cursor-input" }), t("ai.menu.insert")]
+							}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Button, {
+								size: "sm",
+								variant: "outline",
+								disabled: !canApply,
+								onClick: () => apply("insert-below"),
+								children: [/* @__PURE__ */ jsx(Icon, { name: "i-lucide-list-plus" }), t("ai.menu.insertBelow")]
+							}), /* @__PURE__ */ jsxs(Button, {
+								size: "sm",
+								disabled: !canApply,
+								onClick: () => apply("replace"),
+								children: [/* @__PURE__ */ jsx(Icon, { name: "i-lucide-replace" }), t("ai.menu.replace")]
+							})] })
+						]
+					})
+				]
+			})
+		})]
+	})] });
+}
+//#endregion
+export { AiSelectionMenu };
+
+//# sourceMappingURL=AiSelectionMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AiSelectionMenu.js","names":[],"sources":["../../../../src/features/ai/react/AiSelectionMenu.tsx"],"sourcesContent":["import type { BubbleMenuPluginProps } from '@tiptap/extension-bubble-menu'\nimport type { Editor, EditorEvents } from '@tiptap/core'\nimport type { EditorState } from '@tiptap/pm/state'\nimport { EditorContent, useEditor } from '@tiptap/react'\nimport { BubbleMenu } from '@tiptap/react/menus'\nimport { type FormEvent, useEffect, useRef, useState } from 'react'\nimport { abilitiesAtSelection, aiContextOf, captureRange, type DocAnchor, hasAbility, parseBlocks, releaseRanges, resolveRange, selectionRange } from '../../../core'\nimport { ABILITY } from '../../../core/schema'\nimport { Icon } from '../../../react/Icon'\nimport { useEditorSettings } from '../../../react/settings'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport { Alert, AlertTitle } from '../../../react/ui/alert'\nimport { Button } from '../../../react/ui/button'\nimport { InputGroup, InputGroupAddon, InputGroupInput } from '../../../react/ui/input-group'\nimport { Popover, PopoverAnchor, PopoverContent } from '../../../react/ui/popover'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../../../react/ui/select'\nimport { AI_LANGUAGES, type AiLanguage } from '../../../settings'\nimport { aiApplyFailure, type AiResultAction, applyAiResult, documentMarkdown, insertAtCaretLine, rangeMarkdown } from '../ai-apply'\nimport { AI_MENU_AT_CARET, AI_MENU_FOR_SELECTION, type AiMenuAction, aiMenuActionsOf } from '../ai-menu'\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 { ModelQuickSwitch } from './ModelQuickSwitch'\nimport { useAiAssistant } from './use-ai-assistant'\nimport { useNotifier } from '../../../react/use-notifier'\n\nconst MENU_KEY = 'aiSelectionMenu'\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 caretActions = Object.values(AI_TASKS).filter(task => task.caretMenu)\n\ninterface Request { task: AiTask, prompt: string, language?: AiLanguage | undefined }\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 */\nexport function AiSelectionMenu({ editor }: { editor: Editor }) {\n  const notify = useNotifier(editor)\n  const { t } = useEditorI18n()\n  const { status, output, error, run, abort, reset } = useAiAssistant(editor)\n  const { settings } = useEditorSettings()\n  /** Target language of „Übersetzen“: the settings' default each time the menu opens, changeable per call. */\n  const [language, setLanguage] = useState<AiLanguage>(settings.ai.translateLanguage)\n  const [prompt, setPrompt] = useState('')\n  /** 'selection': rewrites the captured selection; 'caret': writes new text at the captured (collapsed) caret. */\n  const [mode, setModeState] = useState<'selection' | 'caret'>('selection')\n  /** Caret mode: whether the document has text before the caret line, for tasks that continue it (`needsSelection`). */\n  const [hasTextBefore, setHasTextBefore] = useState(false)\n  /** The selection the menu works on, captured when it opened; null while closed. */\n  const [range, setRangeState] = useState<DocAnchor | null>(null)\n  /** The current request; „Erneut versuchen“ repeats it. */\n  const [request, setRequest] = useState<Request | null>(null)\n  const [runningAction, setRunningAction] = useState<string | null>(null)\n  const promptInput = useRef<HTMLInputElement>(null)\n\n  // The editor events and async flows below read the current values from refs, not from a render's closure.\n  const rangeRef = useRef<DocAnchor | null>(null)\n  const modeRef = useRef<'selection' | 'caret'>('selection')\n  const setRange = (value: DocAnchor | null) => {\n    rangeRef.current = value\n    setRangeState(value)\n  }\n  const setMode = (value: 'selection' | 'caret') => {\n    modeRef.current = value\n    setModeState(value)\n  }\n  const latest = useRef({ editor, output, settings })\n  latest.current = { editor, output, settings }\n  const actionController = useRef<AbortController | null>(null)\n\n  const actions = mode === 'caret' ? caretActions : quickActions\n  const freePrompt = mode === 'caret' ? AI_TASKS.generate : custom\n  const picking = status === 'idle' && !output\n  const canApply = status === 'done' && !!output.trim()\n  const requestLabel = request\n    ? (request.language ? t('ai.menu.requestWithLanguage', { task: t(request.task.labelKey), language: t(AI_LANGUAGE_KEYS[request.language]) }) : t(request.task.labelKey))\n    : undefined\n\n  // Extra rows other features contribute (`aiMenuActions` of their extensions), offered while the selection qualifies.\n  const resolved = range && !editor.isDestroyed ? resolveRange(editor.state, range) : null\n  const menuActions = resolved ? aiMenuActionsOf(editor).filter(action => action.available?.(editor, resolved) ?? true) : []\n\n  async function runMenuAction(action: AiMenuAction) {\n    const captured = rangeRef.current\n    const at = captured && resolveRange(editor.state, captured)\n    if (!at || actionController.current) return\n    const own = new AbortController()\n    actionController.current = own\n    setRunningAction(action.id)\n    try {\n      await action.run(editor, at, own.signal)\n    }\n    finally {\n      if (actionController.current === own) actionController.current = null\n      setRunningAction(null)\n    }\n    if (rangeRef.current === captured) close(false)\n  }\n\n  // Closing the menu cancels a running action; opening it starts from the default translation language.\n  useEffect(() => {\n    if (!range) {\n      actionController.current?.abort()\n      actionController.current = null\n    }\n    else setLanguage(latest.current.settings.ai.translateLanguage)\n  }, [range])\n\n  const shouldShow: NonNullable<BubbleMenuPluginProps['shouldShow']> = ({ editor: current, element, view, state, from, to }) => {\n    if (rangeRef.current || !current.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(current).has(ABILITY.aiRewrite)\n  }\n\n  function openMenu() {\n    const selected = selectionRange(editor.state)\n    if (selected.from >= selected.to) return\n    const captured = captureRange(editor, selected)\n    setRange(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). */\n  function openAtCaret() {\n    if (rangeRef.current || !editor.isEditable) return\n    const { $head, head } = editor.state.selection\n    setMode('caret')\n    setHasTextBefore(editor.state.doc.textBetween(0, $head.depth ? $head.before() : head, ' ', ' ').trim().length > 0)\n    setRange(captureRange(editor, { from: head, to: head }))\n  }\n\n  const onTransaction = useRef<(event: EditorEvents['transaction']) => void>(() => {})\n  onTransaction.current = ({ transaction }) => {\n    if (transaction.getMeta(AI_MENU_AT_CARET) && hasAbility(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) && !rangeRef.current && editor.isEditable) openMenu()\n  }\n  useEffect(() => {\n    const handler = (event: EditorEvents['transaction']) => onTransaction.current(event)\n    editor.on('transaction', handler)\n    return () => { editor.off('transaction', handler) }\n  }, [editor])\n\n  /** Caret mode: the prompt input gets the focus, so the instruction can be typed right away. */\n  function onOpenAutoFocus(event: Event) {\n    if (modeRef.current !== 'caret') return\n    event.preventDefault()\n    promptInput.current?.focus()\n  }\n\n  function start(task: AiTask, options: { prompt?: string, language?: AiLanguage } = {}) {\n    const next = { task, prompt: options.prompt ?? '', language: options.language }\n    setRequest(next)\n    generate(next)\n  }\n\n  /** Runs the request (default: the current one) on the current text of the captured range, with the current document as context. */\n  function generate(current: Request | null = request) {\n    const captured = rangeRef.current\n    if (!captured || !current) return\n    if (modeRef.current === 'caret') {\n      generateAtCaret(captured, current)\n      return\n    }\n    const at = resolveRange(editor.state, captured)\n    if (!at || at.from >= at.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      ...(current.language && { language: current.language }),\n      selection: rangeMarkdown(editor, at),\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   */\n  function generateAtCaret(captured: DocAnchor, current: Request) {\n    const at = resolveRange(editor.state, captured)\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. */\n  function apply(action: AiResultAction) {\n    const captured = rangeRef.current\n    if (!captured || !canApply) return\n    const outcome = applyAiResult(editor, action, captured, output)\n    if (outcome !== 'ok') {\n      notify(aiApplyFailure(outcome, t))\n      if (outcome !== 'unchanged') return\n    }\n    close(false)\n  }\n\n  function insertAtCaret() {\n    const captured = rangeRef.current\n    if (!captured || !canApply) return\n    if (!insertAtCaretLine(editor, captured, output)) {\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. */\n  function close(restoreSelection: boolean) {\n    const captured = rangeRef.current\n    const caret = modeRef.current === 'caret'\n    reset()\n    setRequest(null)\n    setPrompt('')\n    setRange(null)\n    setMode('selection')\n    if (editor.isDestroyed) return\n    hideAiSelectionHighlight(editor)\n    const at = captured && restoreSelection ? resolveRange(editor.state, captured) : null\n    if (captured) releaseRanges(editor, [captured])\n    if (at && (caret || at.from < at.to)) editor.chain().focus().setTextSelection(at).run()\n  }\n\n  // Popover anchor: the highlighted range (its plugin state follows local and remote edits); in caret mode the caret.\n  const [anchor] = useState(() => {\n    let anchorRect = new DOMRect()\n    // The caret's position is resolved from its anchor once per editor state (the anchor is measured every frame).\n    let caretAt: { state: EditorState, pos: number | null } | null = null\n    const caretRect = (instance: Editor): DOMRect => {\n      if (caretAt?.state !== instance.state) {\n        const captured = rangeRef.current\n        caretAt = { state: instance.state, pos: captured ? resolveRange(instance.state, captured)?.from ?? null : null }\n      }\n      if (caretAt.pos === null) return anchorRect\n      const coords = instance.view.coordsAtPos(caretAt.pos)\n      anchorRect = new DOMRect(coords.left, coords.top, 1, coords.bottom - coords.top)\n      return anchorRect\n    }\n    return {\n      current: {\n        getBoundingClientRect(): DOMRect {\n          const instance = latest.current.editor\n          if (instance.isDestroyed) return anchorRect\n          if (modeRef.current === 'caret') return caretRect(instance)\n          const highlight = aiSelectionHighlightKey.getState(instance.state)\n          const highlighted = highlight && resolveRange(instance.state, highlight.anchor)\n          if (!highlighted || highlighted.from >= highlighted.to) return anchorRect\n          const { view } = instance\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 latest.current.editor.isDestroyed ? undefined : latest.current.editor.view.dom\n        },\n      },\n    }\n  })\n\n  const [extensions] = useState(() => previewExtensions(editor))\n  const preview = useEditor({\n    editable: false,\n    extensions,\n    immediatelyRender: true,\n    shouldRerenderOnTransaction: false,\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.\n  const previewTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined)\n  useEffect(() => {\n    if (previewTimer.current) return\n    previewTimer.current = setTimeout(() => {\n      previewTimer.current = undefined\n      if (!preview || preview.isDestroyed) return\n      const { editor: source, output: text } = latest.current\n      preview.commands.setContent({ type: 'doc', content: parseBlocks(source, text).blocks }, { emitUpdate: false })\n    }, 80)\n  }, [output, preview])\n\n  useEffect(() => () => {\n    clearTimeout(previewTimer.current)\n    previewTimer.current = undefined\n    actionController.current?.abort()\n    if (!editor.isDestroyed) hideAiSelectionHighlight(editor)\n  }, [editor])\n\n  // Not dismissible while a result is shown or streams: only „Verwerfen“ ends it.\n  const guard = (event: Event) => { if (!picking) event.preventDefault() }\n\n  return (\n    <>\n      <BubbleMenu editor={editor} pluginKey={MENU_KEY} shouldShow={shouldShow} options={{ placement: 'top', offset: 8 }} className=\"z-10\">\n        <div className=\"flex rounded-md border border-border bg-background p-0.5 shadow-md\">\n          <Button size=\"sm\" variant=\"ghost\" onClick={openMenu}>\n            <Icon name=\"i-lucide-sparkles\" />\n            {t('ai.menu.trigger')}\n          </Button>\n        </div>\n      </BubbleMenu>\n\n      <Popover open={range !== null} onOpenChange={(value) => { if (!value) close(modeRef.current === 'caret') }}>\n        <PopoverAnchor virtualRef={anchor} />\n        <PopoverContent\n          side=\"bottom\"\n          align=\"start\"\n          sideOffset={4}\n          updatePositionStrategy=\"always\"\n          className=\"w-[30rem] max-w-[calc(100vw-2rem)] gap-0 p-0\"\n          onOpenAutoFocus={onOpenAutoFocus}\n          onCloseAutoFocus={event => event.preventDefault()}\n          onEscapeKeyDown={guard}\n          // The model and language menus (portalled) count as inside.\n          onInteractOutside={(event) => {\n            if (!picking || (event.target instanceof Element && event.target.closest('[role=\"listbox\"]'))) event.preventDefault()\n          }}\n        >\n          {picking\n            ? (\n                <div className=\"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 className=\"flex items-center justify-end gap-2 px-1 pb-1\">\n                    <span className=\"text-xs text-muted-foreground\">{t('ai.menu.model')}</span>\n                    <ModelQuickSwitch slot={mode === 'caret' ? 'generate' : 'rewrite'} size=\"xs\" className=\"w-56\" />\n                  </div>\n                  {actions.map(task => (\n                    <div key={task.id} className=\"flex items-center gap-1\">\n                      <Button\n                        variant=\"ghost\"\n                        className=\"flex-1 justify-start\"\n                        disabled={mode === 'caret' && task.needsSelection && !hasTextBefore}\n                        onClick={() => start(task, task.needsLanguage ? { language } : {})}\n                      >\n                        <Icon name={task.icon} />\n                        {t(task.labelKey)}\n                      </Button>\n                      {task.needsLanguage && (\n                        <Select value={language} onValueChange={value => setLanguage(AI_LANGUAGES.find(candidate => candidate === value) ?? language)}>\n                          <SelectTrigger size=\"sm\" aria-label={t('ai.menu.targetLanguage')} className=\"w-36\">\n                            <SelectValue />\n                          </SelectTrigger>\n                          <SelectContent position=\"popper\" align=\"end\">\n                            {AI_LANGUAGES.map(item => <SelectItem key={item} value={item}>{t(AI_LANGUAGE_KEYS[item])}</SelectItem>)}\n                          </SelectContent>\n                        </Select>\n                      )}\n                    </div>\n                  ))}\n                  {menuActions.map(action => (\n                    <Button\n                      key={action.id}\n                      variant=\"ghost\"\n                      className=\"justify-start\"\n                      disabled={runningAction !== null && runningAction !== action.id}\n                      onClick={() => void runMenuAction(action)}\n                    >\n                      <Icon name={runningAction === action.id ? 'i-lucide-loader-circle' : action.icon} className={runningAction === action.id ? 'animate-spin' : undefined} />\n                      {action.label}\n                    </Button>\n                  ))}\n                  <form\n                    className=\"mt-1 flex gap-1 border-t border-border pt-2\"\n                    onSubmit={(event: FormEvent) => {\n                      event.preventDefault()\n                      if (prompt.trim()) start(freePrompt, { prompt })\n                    }}\n                  >\n                    <InputGroup className=\"flex-1\">\n                      <InputGroupAddon>\n                        <Icon name={freePrompt.icon} />\n                      </InputGroupAddon>\n                      <InputGroupInput ref={promptInput} value={prompt} placeholder={freePrompt.promptLabelKey && t(freePrompt.promptLabelKey)} onChange={event => setPrompt(event.target.value)} />\n                    </InputGroup>\n                    <Button type=\"submit\" size=\"icon\" disabled={!prompt.trim()} aria-label={t('ai.menu.sendInstruction')}>\n                      <Icon name=\"i-lucide-arrow-up\" />\n                    </Button>\n                  </form>\n                </div>\n              )\n            : (\n                <div className=\"flex flex-col gap-3 p-3\">\n                  <div className=\"flex items-center gap-2 text-sm font-medium\">\n                    {request && <Icon name={request.task.icon} />}\n                    <span className=\"flex-1 truncate\">{requestLabel}</span>\n                    {status === 'streaming' && <Icon name=\"i-lucide-loader-circle\" className=\"animate-spin text-muted-foreground\" />}\n                  </div>\n                  {error && (\n                    <Alert variant=\"destructive\">\n                      <AlertTitle>{error}</AlertTitle>\n                    </Alert>\n                  )}\n                  <div className=\"max-h-72 min-h-16 overflow-auto rounded-md border border-border p-3 text-sm\">\n                    {preview && <EditorContent editor={preview} />}\n                  </div>\n                  <div className=\"flex flex-wrap justify-end gap-2\">\n                    {status === 'streaming' && <Button size=\"sm\" variant=\"ghost\" onClick={abort}>{t('ai.menu.cancel')}</Button>}\n                    <Button size=\"sm\" variant=\"ghost\" onClick={() => close(true)}>{t('ai.menu.discard')}</Button>\n                    <Button size=\"sm\" variant=\"outline\" disabled={status === 'streaming'} onClick={() => generate()}>\n                      <Icon name=\"i-lucide-rotate-ccw\" />\n                      {t('ai.menu.retry')}\n                    </Button>\n                    {mode === 'caret'\n                      ? (\n                          <Button size=\"sm\" disabled={!canApply} onClick={insertAtCaret}>\n                            <Icon name=\"i-lucide-text-cursor-input\" />\n                            {t('ai.menu.insert')}\n                          </Button>\n                        )\n                      : (\n                          <>\n                            <Button size=\"sm\" variant=\"outline\" disabled={!canApply} onClick={() => apply('insert-below')}>\n                              <Icon name=\"i-lucide-list-plus\" />\n                              {t('ai.menu.insertBelow')}\n                            </Button>\n                            <Button size=\"sm\" disabled={!canApply} onClick={() => apply('replace')}>\n                              <Icon name=\"i-lucide-replace\" />\n                              {t('ai.menu.replace')}\n                            </Button>\n                          </>\n                        )}\n                  </div>\n                </div>\n              )}\n        </PopoverContent>\n      </Popover>\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/features/ai/react/AiSidebar.d.ts

@@ -0,0 +1,19 @@
+import { Editor } from "@tiptap/core";
+//#region src/features/ai/react/AiSidebar.d.ts
+/**
+ * Docked AI sidebar „KI“: a plain `aside` the host places beside the editor (no overlay, no focus trap), so text can be
+ * selected and changes reviewed next to it. Document chat: questions about the open document, answers stream in with
+ * quote links; edit requests come back as operations shown in the in-document review, limited to the selected blocks
+ * while text is selected. Block generation: quick actions (`blockTasks()`) stream their result into the conversation,
+ * where „Übernehmen“ inserts it after the caret's block (or at the document's end) and „Verwerfen“ drops it.
+ * Unmounting ends both: hosts hide it with `open={false}` (or a class) so the conversation survives closing.
+ */
+export declare function AiSidebar({ editor, open, onOpenChange, className }: {
+  editor: Editor | undefined;
+  /** Hides the sidebar (it stays mounted, so the conversation survives) while false. */
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  className?: string;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=AiSidebar.d.ts.map