@ecsplico/editor 0.0.0-stage → 2.0.0

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

@@ -0,0 +1,378 @@
+import { conversionsOf } from "../../../core/pipeline.js";
+import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
+import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
+import { CHAT_LIMITS } from "../protocol/chat.js";
+import { AI_LIMITS, blockTasks, withTaskHeading } from "../protocol/tasks.js";
+import { selectionScope } from "../agent-ops.js";
+import { createAiSidebarFlow } from "../sidebar-flow.js";
+import { useNotifier } from "../../../vue/use-notifier.js";
+import { useAiAssistant } from "../use-ai-assistant.js";
+import _sfc_main$1 from "./ModelQuickSwitch.js";
+import { useDocumentChat } from "../use-document-chat.js";
+import _sfc_main$2 from "./DocumentChatAnswer.js";
+import _sfc_main$3 from "./DocumentChatOps.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, nextTick, onBeforeUnmount, openBlock, ref, renderList, shallowRef, toDisplayString, unref, useModel, watch, withCtx } from "vue";
+//#region src/features/ai/components/AiSidebar.vue
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = { class: "flex flex-col gap-2 border-b border-[var(--sk-border)] p-3" };
+const _hoisted_3 = { class: "flex items-center gap-2" };
+const _hoisted_4 = { class: "font-semibold text-[var(--sk-fg-highlighted)]" };
+const _hoisted_5 = {
+	key: 0,
+	class: "flex items-center gap-1"
+};
+const _hoisted_6 = {
+	key: 0,
+	class: "text-sm text-[var(--sk-muted)]"
+};
+const _hoisted_7 = {
+	key: 0,
+	class: "max-w-[85%] self-end whitespace-pre-wrap rounded-lg bg-[var(--sk-bg-elevated)] px-3 py-2 text-sm"
+};
+const _hoisted_8 = {
+	key: 1,
+	class: "flex flex-col gap-2 rounded-lg border border-[var(--sk-border)] p-3 text-sm"
+};
+const _hoisted_9 = { class: "flex items-center gap-1.5 text-xs font-medium text-[var(--sk-muted)]" };
+const _hoisted_10 = { class: "truncate" };
+const _hoisted_11 = {
+	key: 0,
+	class: "whitespace-pre-wrap text-xs text-[var(--sk-muted)]"
+};
+const _hoisted_12 = { class: "flex justify-end gap-2" };
+const _hoisted_13 = {
+	key: 2,
+	class: "text-sm"
+};
+const _hoisted_14 = { class: "flex flex-col gap-2 border-t border-[var(--sk-border)] p-3" };
+const _hoisted_15 = ["aria-label"];
+const _hoisted_16 = {
+	key: 0,
+	class: "flex items-center gap-1"
+};
+const _hoisted_17 = { class: "flex justify-end gap-2" };
+/**
+* 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 `v-show` so the conversation survives closing.
+*/
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "AiSidebar",
+	props: /*@__PURE__*/ mergeModels({ editor: {} }, {
+		"open": { type: Boolean },
+		"openModifiers": {}
+	}),
+	emits: ["update:open"],
+	setup(__props) {
+		const props = __props;
+		const open = useModel(__props, "open");
+		const { Alert: UAlert, Badge: UBadge, Button: UButton, Icon: UIcon, Input: UInput, Textarea: UTextarea, Tooltip: UTooltip } = useUiKit();
+		const { t } = useEditorI18n();
+		const { model: chat, messages, ops, streaming, error, abort, decide, reveal } = useDocumentChat(() => props.editor);
+		const { model: assistant, status: generationStatus, output, error: generationError, abort: abortGeneration } = useAiAssistant(() => props.editor);
+		const question = ref("");
+		const scroller = ref();
+		const notify = useNotifier(() => props.editor);
+		const flow = createAiSidebarFlow({
+			chat,
+			assistant,
+			notify,
+			t,
+			editor: () => props.editor
+		});
+		const scope = computed(() => props.editor && !props.editor.isDestroyed ? selectionScope(props.editor.state) : null);
+		const providers = computed(() => props.editor ? conversionsOf(props.editor) : []);
+		const quickActions = blockTasks().filter((task) => !task.caretMenu);
+		/** The task whose inline prompt field is open (tasks with `needsPrompt`, i.e. `generate`); null while closed. */
+		const promptTask = shallowRef(null);
+		const prompt = ref("");
+		/** The generation streaming right now (a turn in `messages`); null while none runs. */
+		const running = shallowRef(flow.running.get());
+		const stopRunning = flow.running.subscribe((value) => {
+			running.value = value;
+		});
+		const busy = computed(() => streaming.value || generationStatus.value === "streaming");
+		async function send() {
+			const text = question.value.trim();
+			if (!text || !flow.canRun()) return;
+			question.value = "";
+			if (!await flow.send(text) && !question.value) question.value = text;
+		}
+		function clearSelection() {
+			const editor = props.editor;
+			if (editor) editor.commands.setTextSelection(editor.state.selection.to);
+		}
+		function onReveal(op) {
+			if (props.editor && !reveal(props.editor, op)) notify({
+				title: t("ai.sidebar.revealMissing"),
+				kind: "warning",
+				icon: "i-lucide-search-x"
+			});
+		}
+		function onKeydown(event) {
+			if (event.key !== "Enter" || event.shiftKey || event.isComposing) return;
+			event.preventDefault();
+			send();
+		}
+		/** Quick action chip: a task with a prompt opens (or closes) its inline prompt field, the others run right away. */
+		function pick(task) {
+			if (task.needsPrompt) promptTask.value = promptTask.value === task ? null : task;
+			else flow.generate(task);
+		}
+		async function submitPrompt() {
+			const task = promptTask.value;
+			const text = prompt.value.trim();
+			if (!task || !text || !flow.canRun()) return;
+			prompt.value = "";
+			promptTask.value = null;
+			if (!await flow.generate(task, text) && !prompt.value) {
+				prompt.value = text;
+				promptTask.value = task;
+			}
+		}
+		function onPromptKeydown(event) {
+			if (event.isComposing) return;
+			if (event.key === "Escape") {
+				event.preventDefault();
+				promptTask.value = null;
+			} else if (event.key === "Enter") {
+				event.preventDefault();
+				submitPrompt();
+			}
+		}
+		/** The streamed result while `generation` runs, else its final Markdown. */
+		function generationMarkdown(generation) {
+			return generation === running.value ? output.value : generation.markdown;
+		}
+		watch(() => [
+			messages.value.length,
+			messages.value.at(-1)?.content,
+			messages.value.at(-1)?.ops?.length,
+			output.value
+		], async () => {
+			await nextTick();
+			scroller.value?.scrollTo({ top: scroller.value.scrollHeight });
+		});
+		onBeforeUnmount(() => {
+			flow.end();
+			stopRunning();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("aside", {
+				class: "flex min-h-0 flex-col",
+				"aria-label": unref(t)("ai.sidebar.label")
+			}, [
+				createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [
+					createElementVNode("h2", _hoisted_4, toDisplayString(unref(t)("ai.sidebar.title")), 1),
+					createVNode(_sfc_main$1, {
+						slot: "generate",
+						size: "xs",
+						editor: __props.editor,
+						class: "min-w-0 flex-1"
+					}, null, 8, ["editor"]),
+					createVNode(unref(UTooltip), { text: unref(t)("ai.sidebar.newConversation") }, {
+						default: withCtx(() => [createVNode(unref(UButton), {
+							size: "sm",
+							color: "neutral",
+							variant: "ghost",
+							icon: "i-lucide-message-square-plus",
+							"aria-label": unref(t)("ai.sidebar.newConversation"),
+							disabled: !unref(messages).length && !unref(error) && !unref(generationError),
+							onClick: _cache[0] || (_cache[0] = ($event) => unref(flow).newConversation())
+						}, null, 8, ["aria-label", "disabled"])]),
+						_: 1
+					}, 8, ["text"]),
+					createVNode(unref(UButton), {
+						size: "sm",
+						color: "neutral",
+						variant: "ghost",
+						icon: "i-lucide-x",
+						"aria-label": unref(t)("ai.sidebar.close"),
+						onClick: _cache[1] || (_cache[1] = ($event) => open.value = false)
+					}, null, 8, ["aria-label"])
+				]), scope.value ? (openBlock(), createElementBlock("div", _hoisted_5, [createVNode(unref(UBadge), {
+					color: "primary",
+					variant: "subtle",
+					icon: "i-lucide-text-select",
+					label: unref(t)(scope.value.blocks === 1 ? "ai.sidebar.selection.one" : "ai.sidebar.selection.other", { n: scope.value.blocks }),
+					title: unref(t)("ai.sidebar.selection.title")
+				}, null, 8, ["label", "title"]), createVNode(unref(UButton), {
+					size: "xs",
+					color: "neutral",
+					variant: "ghost",
+					icon: "i-lucide-x",
+					"aria-label": unref(t)("ai.sidebar.selection.clear"),
+					onClick: clearSelection
+				}, null, 8, ["aria-label"])])) : createCommentVNode("v-if", true)]),
+				createElementVNode("div", {
+					ref_key: "scroller",
+					ref: scroller,
+					class: "flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto p-4"
+				}, [
+					!unref(messages).length ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(unref(t)("ai.sidebar.intro")), 1)) : createCommentVNode("v-if", true),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(unref(messages), (message, index) => {
+						return openBlock(), createElementBlock(Fragment, { key: index }, [message.role === "user" ? (openBlock(), createElementBlock("div", _hoisted_7, toDisplayString(message.content), 1)) : message.generation ? (openBlock(), createElementBlock("div", _hoisted_8, [
+							createElementVNode("div", _hoisted_9, [createVNode(unref(UIcon), {
+								name: message.generation.task.icon,
+								class: "size-4 shrink-0"
+							}, null, 8, ["name"]), createElementVNode("span", _hoisted_10, toDisplayString(unref(t)(message.generation.task.labelKey)), 1)]),
+							message.generation.prompt ? (openBlock(), createElementBlock("p", _hoisted_11, toDisplayString(message.generation.prompt), 1)) : createCommentVNode("v-if", true),
+							generationMarkdown(message.generation) ? (openBlock(), createBlock(_sfc_main$2, {
+								key: 1,
+								markdown: unref(withTaskHeading)(message.generation.task, generationMarkdown(message.generation), unref(t)),
+								editor: __props.editor
+							}, null, 8, ["markdown", "editor"])) : (openBlock(), createBlock(unref(UIcon), {
+								key: 2,
+								name: "i-lucide-loader-circle",
+								class: "size-4 animate-spin text-[var(--sk-muted)]"
+							})),
+							createElementVNode("div", _hoisted_12, [message.generation === running.value ? (openBlock(), createBlock(unref(UButton), {
+								key: 0,
+								size: "xs",
+								color: "neutral",
+								variant: "outline",
+								icon: "i-lucide-square",
+								label: unref(t)("ai.sidebar.stop"),
+								onClick: _cache[2] || (_cache[2] = ($event) => unref(abortGeneration)())
+							}, null, 8, ["label"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createVNode(unref(UButton), {
+								size: "xs",
+								color: "neutral",
+								variant: "ghost",
+								label: unref(t)("ai.sidebar.discard"),
+								onClick: ($event) => unref(flow).drop(message.generation)
+							}, null, 8, ["label", "onClick"]), createVNode(unref(UButton), {
+								size: "xs",
+								label: unref(t)("ai.sidebar.apply"),
+								disabled: !__props.editor || !message.generation.done,
+								onClick: ($event) => unref(flow).apply(message.generation)
+							}, null, 8, [
+								"label",
+								"disabled",
+								"onClick"
+							])], 64))])
+						])) : (openBlock(), createElementBlock("div", _hoisted_13, [message.content ? (openBlock(), createBlock(_sfc_main$2, {
+							key: 0,
+							markdown: message.content,
+							editor: __props.editor
+						}, null, 8, ["markdown", "editor"])) : createCommentVNode("v-if", true), message.ops?.length || message.problems?.length ? (openBlock(), createBlock(_sfc_main$3, {
+							key: 1,
+							ops: message.ops ?? [],
+							states: unref(ops),
+							problems: message.problems,
+							providers: providers.value,
+							onDecide: _cache[3] || (_cache[3] = (id, accept) => __props.editor && unref(decide)(__props.editor, id, accept)),
+							onReveal
+						}, null, 8, [
+							"ops",
+							"states",
+							"problems",
+							"providers"
+						])) : !message.content ? (openBlock(), createBlock(unref(UIcon), {
+							key: 2,
+							name: "i-lucide-loader-circle",
+							class: "size-4 animate-spin text-[var(--sk-muted)]"
+						})) : createCommentVNode("v-if", true)]))], 64);
+					}), 128)),
+					unref(error) ? (openBlock(), createBlock(unref(UAlert), {
+						key: 1,
+						color: "error",
+						variant: "subtle",
+						title: unref(error)
+					}, null, 8, ["title"])) : createCommentVNode("v-if", true),
+					unref(generationError) ? (openBlock(), createBlock(unref(UAlert), {
+						key: 2,
+						color: "error",
+						variant: "subtle",
+						title: unref(generationError)
+					}, null, 8, ["title"])) : createCommentVNode("v-if", true)
+				], 512),
+				createElementVNode("div", _hoisted_14, [
+					createElementVNode("div", {
+						class: "flex flex-wrap gap-1",
+						role: "group",
+						"aria-label": unref(t)("ai.sidebar.generateGroup")
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(quickActions), (task) => {
+						return openBlock(), createBlock(unref(UButton), {
+							key: task.id,
+							size: "xs",
+							color: "neutral",
+							variant: "soft",
+							"active-color": "primary",
+							active: promptTask.value === task,
+							icon: task.icon,
+							label: unref(t)(task.labelKey),
+							disabled: !__props.editor || busy.value,
+							onClick: ($event) => pick(task)
+						}, null, 8, [
+							"active",
+							"icon",
+							"label",
+							"disabled",
+							"onClick"
+						]);
+					}), 128))], 8, _hoisted_15),
+					promptTask.value ? (openBlock(), createElementBlock("div", _hoisted_16, [createVNode(unref(UInput), {
+						modelValue: prompt.value,
+						"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => prompt.value = $event),
+						size: "sm",
+						autofocus: "",
+						placeholder: promptTask.value.promptLabelKey && unref(t)(promptTask.value.promptLabelKey),
+						maxlength: unref(AI_LIMITS).prompt,
+						"aria-label": promptTask.value.promptLabelKey && unref(t)(promptTask.value.promptLabelKey),
+						class: "min-w-0 flex-1",
+						onKeydown: onPromptKeydown
+					}, null, 8, [
+						"modelValue",
+						"placeholder",
+						"maxlength",
+						"aria-label"
+					]), createVNode(unref(UButton), {
+						size: "sm",
+						icon: "i-lucide-sparkles",
+						label: unref(t)("ai.sidebar.generate"),
+						disabled: !__props.editor || busy.value || !prompt.value.trim(),
+						onClick: submitPrompt
+					}, null, 8, ["label", "disabled"])])) : createCommentVNode("v-if", true),
+					createVNode(unref(UTextarea), {
+						modelValue: question.value,
+						"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => question.value = $event),
+						placeholder: unref(t)("ai.sidebar.placeholder"),
+						rows: 2,
+						autoresize: "",
+						maxrows: 6,
+						maxlength: unref(CHAT_LIMITS).message,
+						class: "w-full",
+						"aria-label": unref(t)("ai.sidebar.messageLabel"),
+						onKeydown
+					}, null, 8, [
+						"modelValue",
+						"placeholder",
+						"maxlength",
+						"aria-label"
+					]),
+					createElementVNode("div", _hoisted_17, [unref(streaming) ? (openBlock(), createBlock(unref(UButton), {
+						key: 0,
+						color: "neutral",
+						variant: "outline",
+						icon: "i-lucide-square",
+						label: unref(t)("ai.sidebar.stop"),
+						onClick: _cache[6] || (_cache[6] = ($event) => unref(abort)())
+					}, null, 8, ["label"])) : (openBlock(), createBlock(unref(UButton), {
+						key: 1,
+						icon: "i-lucide-send",
+						label: unref(t)("ai.sidebar.send"),
+						disabled: !__props.editor || busy.value || !question.value.trim(),
+						onClick: send
+					}, null, 8, ["label", "disabled"]))])
+				])
+			], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=AiSidebar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AiSidebar.js","names":["_useModel","_openBlock","_createElementBlock","_unref","_createElementVNode","_toDisplayString","_createVNode","ModelQuickSwitch","_withCtx","_createCommentVNode","_Fragment","_renderList","_createBlock","DocumentChatAnswer","DocumentChatOps"],"sources":["../../../../src/features/ai/components/AiSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/vue-3'\nimport { computed, nextTick, onBeforeUnmount, ref, shallowRef, watch } from 'vue'\nimport { conversionsOf } from '../../../core'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useNotifier } from '../../../vue/use-notifier'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { selectionScope } from '../agent-ops'\nimport { type AgentOp, AI_LIMITS, type AiTask, blockTasks, CHAT_LIMITS, withTaskHeading } from '../protocol'\nimport { createAiSidebarFlow } from '../sidebar-flow'\nimport { useAiAssistant } from '../use-ai-assistant'\nimport { type DocumentChatGeneration, useDocumentChat } from '../use-document-chat'\nimport DocumentChatAnswer from './DocumentChatAnswer.vue'\nimport DocumentChatOps from './DocumentChatOps.vue'\nimport ModelQuickSwitch from './ModelQuickSwitch.vue'\n\n/**\n * Docked AI sidebar „KI“: a plain `aside` the host places beside the editor (no overlay, no focus trap), so text can be\n * selected and changes reviewed next to it. Document chat: questions about the open document, answers stream in with\n * quote links; edit requests come back as operations shown in the in-document review, limited to the selected blocks\n * while text is selected. Block generation: quick actions (`blockTasks()`) stream their result into the conversation,\n * where „Übernehmen“ inserts it after the caret's block (or at the document's end) and „Verwerfen“ drops it.\n * Unmounting ends both: hosts hide it with `v-show` so the conversation survives closing.\n */\nconst props = defineProps<{ editor: Editor | undefined }>()\n\nconst open = defineModel<boolean>('open')\n\nconst { Alert: UAlert, Badge: UBadge, Button: UButton, Icon: UIcon, Input: UInput, Textarea: UTextarea, Tooltip: UTooltip } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst { model: chat, messages, ops, streaming, error, abort, decide, reveal } = useDocumentChat(() => props.editor)\nconst { model: assistant, status: generationStatus, output, error: generationError, abort: abortGeneration } = useAiAssistant(() => props.editor)\nconst question = ref('')\nconst scroller = ref<HTMLElement>()\nconst notify = useNotifier(() => props.editor)\nconst flow = createAiSidebarFlow({ chat, assistant, notify, t, editor: () => props.editor })\n// The vue-3 Editor's `state` is reactive, so this follows every selection change.\nconst scope = computed(() => props.editor && !props.editor.isDestroyed ? selectionScope(props.editor.state) : null)\nconst providers = computed(() => props.editor ? conversionsOf(props.editor) : [])\n\n// Caret-only tasks (`continue`) stay in the AI menu at the caret, which knows where the text ends.\nconst quickActions = blockTasks().filter(task => !task.caretMenu)\n/** The task whose inline prompt field is open (tasks with `needsPrompt`, i.e. `generate`); null while closed. */\nconst promptTask = shallowRef<AiTask | null>(null)\nconst prompt = ref('')\n/** The generation streaming right now (a turn in `messages`); null while none runs. */\nconst running = shallowRef(flow.running.get())\nconst stopRunning = flow.running.subscribe((value) => { running.value = value })\n// One request at a time: a failed chat answer removes the last two turns, which must still be its own.\nconst busy = computed(() => streaming.value || generationStatus.value === 'streaming')\n\nasync function send() {\n  const text = question.value.trim()\n  if (!text || !flow.canRun()) return\n  question.value = ''\n  const answered = await flow.send(text)\n  if (!answered && !question.value) question.value = text\n}\n\nfunction clearSelection() {\n  const editor = props.editor\n  if (editor) editor.commands.setTextSelection(editor.state.selection.to)\n}\n\nfunction onReveal(op: AgentOp) {\n  if (props.editor && !reveal(props.editor, op)) {\n    notify({ title: t('ai.sidebar.revealMissing'), kind: 'warning', icon: 'i-lucide-search-x' })\n  }\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  if (event.key !== 'Enter' || event.shiftKey || event.isComposing) return\n  event.preventDefault()\n  void send()\n}\n\n/** Quick action chip: a task with a prompt opens (or closes) its inline prompt field, the others run right away. */\nfunction pick(task: AiTask) {\n  if (task.needsPrompt) promptTask.value = promptTask.value === task ? null : task\n  else void flow.generate(task)\n}\n\nasync function submitPrompt() {\n  const task = promptTask.value\n  const text = prompt.value.trim()\n  if (!task || !text || !flow.canRun()) return\n  prompt.value = ''\n  promptTask.value = null\n  const kept = await flow.generate(task, text)\n  if (!kept && !prompt.value) {\n    prompt.value = text\n    promptTask.value = task\n  }\n}\n\nfunction onPromptKeydown(event: KeyboardEvent) {\n  if (event.isComposing) return\n  if (event.key === 'Escape') {\n    event.preventDefault()\n    promptTask.value = null\n  }\n  else if (event.key === 'Enter') {\n    event.preventDefault()\n    void submitPrompt()\n  }\n}\n\n/** The streamed result while `generation` runs, else its final Markdown. */\nfunction generationMarkdown(generation: DocumentChatGeneration): string {\n  return generation === running.value ? output.value : generation.markdown\n}\n\n// Follow the conversation while it grows (new messages, streamed answers and generations, proposed edits).\nwatch(() => [messages.value.length, messages.value.at(-1)?.content, (messages.value.at(-1) as { ops?: unknown[] } | undefined)?.ops?.length, output.value], async () => {\n  await nextTick()\n  scroller.value?.scrollTo({ top: scroller.value.scrollHeight })\n})\n\nonBeforeUnmount(() => {\n  flow.end()\n  stopRunning()\n})\n</script>\n\n<template>\n  <aside class=\"flex min-h-0 flex-col\" :aria-label=\"t('ai.sidebar.label')\">\n    <div class=\"flex flex-col gap-2 border-b border-[var(--sk-border)] p-3\">\n      <div class=\"flex items-center gap-2\">\n        <h2 class=\"font-semibold text-[var(--sk-fg-highlighted)]\">\n          {{ t('ai.sidebar.title') }}\n        </h2>\n        <ModelQuickSwitch slot=\"generate\" size=\"xs\" :editor=\"editor\" class=\"min-w-0 flex-1\" />\n        <UTooltip :text=\"t('ai.sidebar.newConversation')\">\n          <UButton\n            size=\"sm\"\n            color=\"neutral\"\n            variant=\"ghost\"\n            icon=\"i-lucide-message-square-plus\"\n            :aria-label=\"t('ai.sidebar.newConversation')\"\n            :disabled=\"!messages.length && !error && !generationError\"\n            @click=\"flow.newConversation()\"\n          />\n        </UTooltip>\n        <UButton size=\"sm\" color=\"neutral\" variant=\"ghost\" icon=\"i-lucide-x\" :aria-label=\"t('ai.sidebar.close')\" @click=\"open = false\" />\n      </div>\n      <div v-if=\"scope\" class=\"flex items-center gap-1\">\n        <UBadge\n          color=\"primary\"\n          variant=\"subtle\"\n          icon=\"i-lucide-text-select\"\n          :label=\"t(scope.blocks === 1 ? 'ai.sidebar.selection.one' : 'ai.sidebar.selection.other', { n: scope.blocks })\"\n          :title=\"t('ai.sidebar.selection.title')\"\n        />\n        <UButton size=\"xs\" color=\"neutral\" variant=\"ghost\" icon=\"i-lucide-x\" :aria-label=\"t('ai.sidebar.selection.clear')\" @click=\"clearSelection\" />\n      </div>\n    </div>\n\n    <div ref=\"scroller\" class=\"flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto p-4\">\n      <p v-if=\"!messages.length\" class=\"text-sm text-[var(--sk-muted)]\">\n        {{ t('ai.sidebar.intro') }}\n      </p>\n      <template v-for=\"(message, index) in messages\" :key=\"index\">\n        <div v-if=\"message.role === 'user'\" class=\"max-w-[85%] self-end whitespace-pre-wrap rounded-lg bg-[var(--sk-bg-elevated)] px-3 py-2 text-sm\">\n          {{ message.content }}\n        </div>\n        <div v-else-if=\"message.generation\" class=\"flex flex-col gap-2 rounded-lg border border-[var(--sk-border)] p-3 text-sm\">\n          <div class=\"flex items-center gap-1.5 text-xs font-medium text-[var(--sk-muted)]\">\n            <UIcon :name=\"message.generation.task.icon\" class=\"size-4 shrink-0\" />\n            <span class=\"truncate\">{{ t(message.generation.task.labelKey) }}</span>\n          </div>\n          <p v-if=\"message.generation.prompt\" class=\"whitespace-pre-wrap text-xs text-[var(--sk-muted)]\">\n            {{ message.generation.prompt }}\n          </p>\n          <DocumentChatAnswer\n            v-if=\"generationMarkdown(message.generation)\"\n            :markdown=\"withTaskHeading(message.generation.task, generationMarkdown(message.generation), t)\"\n            :editor=\"editor\"\n          />\n          <UIcon v-else name=\"i-lucide-loader-circle\" class=\"size-4 animate-spin text-[var(--sk-muted)]\" />\n          <div class=\"flex justify-end gap-2\">\n            <UButton\n              v-if=\"message.generation === running\"\n              size=\"xs\"\n              color=\"neutral\"\n              variant=\"outline\"\n              icon=\"i-lucide-square\"\n              :label=\"t('ai.sidebar.stop')\"\n              @click=\"abortGeneration()\"\n            />\n            <template v-else>\n              <UButton size=\"xs\" color=\"neutral\" variant=\"ghost\" :label=\"t('ai.sidebar.discard')\" @click=\"flow.drop(message.generation)\" />\n              <UButton\n                size=\"xs\"\n                :label=\"t('ai.sidebar.apply')\"\n                :disabled=\"!editor || !message.generation.done\"\n                @click=\"flow.apply(message.generation)\"\n              />\n            </template>\n          </div>\n        </div>\n        <div v-else class=\"text-sm\">\n          <DocumentChatAnswer v-if=\"message.content\" :markdown=\"message.content\" :editor=\"editor\" />\n          <DocumentChatOps\n            v-if=\"message.ops?.length || message.problems?.length\"\n            :ops=\"message.ops ?? []\"\n            :states=\"ops\"\n            :problems=\"message.problems\"\n            :providers=\"providers\"\n            @decide=\"(id, accept) => editor && decide(editor, id, accept)\"\n            @reveal=\"onReveal\"\n          />\n          <UIcon v-else-if=\"!message.content\" name=\"i-lucide-loader-circle\" class=\"size-4 animate-spin text-[var(--sk-muted)]\" />\n        </div>\n      </template>\n      <UAlert v-if=\"error\" color=\"error\" variant=\"subtle\" :title=\"error\" />\n      <UAlert v-if=\"generationError\" color=\"error\" variant=\"subtle\" :title=\"generationError\" />\n    </div>\n\n    <div class=\"flex flex-col gap-2 border-t border-[var(--sk-border)] p-3\">\n      <div class=\"flex flex-wrap gap-1\" role=\"group\" :aria-label=\"t('ai.sidebar.generateGroup')\">\n        <UButton\n          v-for=\"task in quickActions\"\n          :key=\"task.id\"\n          size=\"xs\"\n          color=\"neutral\"\n          variant=\"soft\"\n          active-color=\"primary\"\n          :active=\"promptTask === task\"\n          :icon=\"task.icon\"\n          :label=\"t(task.labelKey)\"\n          :disabled=\"!editor || busy\"\n          @click=\"pick(task)\"\n        />\n      </div>\n      <div v-if=\"promptTask\" class=\"flex items-center gap-1\">\n        <UInput\n          v-model=\"prompt\"\n          size=\"sm\"\n          autofocus\n          :placeholder=\"promptTask.promptLabelKey && t(promptTask.promptLabelKey)\"\n          :maxlength=\"AI_LIMITS.prompt\"\n          :aria-label=\"promptTask.promptLabelKey && t(promptTask.promptLabelKey)\"\n          class=\"min-w-0 flex-1\"\n          @keydown=\"onPromptKeydown\"\n        />\n        <UButton\n          size=\"sm\"\n          icon=\"i-lucide-sparkles\"\n          :label=\"t('ai.sidebar.generate')\"\n          :disabled=\"!editor || busy || !prompt.trim()\"\n          @click=\"submitPrompt\"\n        />\n      </div>\n      <UTextarea\n        v-model=\"question\"\n        :placeholder=\"t('ai.sidebar.placeholder')\"\n        :rows=\"2\"\n        autoresize\n        :maxrows=\"6\"\n        :maxlength=\"CHAT_LIMITS.message\"\n        class=\"w-full\"\n        :aria-label=\"t('ai.sidebar.messageLabel')\"\n        @keydown=\"onKeydown\"\n      />\n      <div class=\"flex justify-end gap-2\">\n        <UButton v-if=\"streaming\" color=\"neutral\" variant=\"outline\" icon=\"i-lucide-square\" :label=\"t('ai.sidebar.stop')\" @click=\"abort()\" />\n        <UButton v-else icon=\"i-lucide-send\" :label=\"t('ai.sidebar.send')\" :disabled=\"!editor || busy || !question.trim()\" @click=\"send\" />\n      </div>\n    </div>\n  </aside>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBA,MAAM,QAAQ;EAEd,MAAM,OAAOA,SAAoB,SAAC,MAAM;EAExC,MAAM,EAAE,OAAO,QAAQ,OAAO,QAAQ,QAAQ,SAAS,MAAM,OAAO,OAAO,QAAQ,UAAU,WAAW,SAAS,aAAa,SAAS;EACvI,MAAM,EAAE,MAAM,cAAc;EAE5B,MAAM,EAAE,OAAO,MAAM,UAAU,KAAK,WAAW,OAAO,OAAO,QAAQ,WAAW,sBAAsB,MAAM,MAAM;EAClH,MAAM,EAAE,OAAO,WAAW,QAAQ,kBAAkB,QAAQ,OAAO,iBAAiB,OAAO,oBAAoB,qBAAqB,MAAM,MAAM;EAChJ,MAAM,WAAW,IAAI,EAAE;EACvB,MAAM,WAAW,IAAiB;EAClC,MAAM,SAAS,kBAAkB,MAAM,MAAM;EAC7C,MAAM,OAAO,oBAAoB;GAAE;GAAM;GAAW;GAAQ;GAAG,cAAc,MAAM;EAAO,CAAC;EAE3F,MAAM,QAAQ,eAAe,MAAM,UAAU,CAAC,MAAM,OAAO,cAAc,eAAe,MAAM,OAAO,KAAK,IAAI,IAAI;EAClH,MAAM,YAAY,eAAe,MAAM,SAAS,cAAc,MAAM,MAAM,IAAI,CAAC,CAAC;EAGhF,MAAM,eAAe,WAAW,CAAC,CAAC,QAAO,SAAQ,CAAC,KAAK,SAAS;;EAEhE,MAAM,aAAa,WAA0B,IAAI;EACjD,MAAM,SAAS,IAAI,EAAE;;EAErB,MAAM,UAAU,WAAW,KAAK,QAAQ,IAAI,CAAC;EAC7C,MAAM,cAAc,KAAK,QAAQ,WAAW,UAAU;GAAE,QAAQ,QAAQ;EAAM,CAAC;EAE/E,MAAM,OAAO,eAAe,UAAU,SAAS,iBAAiB,UAAU,WAAW;EAErF,eAAe,OAAO;GACpB,MAAM,OAAO,SAAS,MAAM,KAAK;GACjC,IAAI,CAAC,QAAQ,CAAC,KAAK,OAAO,GAAG;GAC7B,SAAS,QAAQ;GAEjB,IAAI,CAAC,MADkB,KAAK,KAAK,IAAI,KACpB,CAAC,SAAS,OAAO,SAAS,QAAQ;EACrD;EAEA,SAAS,iBAAiB;GACxB,MAAM,SAAS,MAAM;GACrB,IAAI,QAAQ,OAAO,SAAS,iBAAiB,OAAO,MAAM,UAAU,EAAE;EACxE;EAEA,SAAS,SAAS,IAAa;GAC7B,IAAI,MAAM,UAAU,CAAC,OAAO,MAAM,QAAQ,EAAE,GAC1C,OAAO;IAAE,OAAO,EAAE,0BAA0B;IAAG,MAAM;IAAW,MAAM;GAAoB,CAAC;EAE/F;EAEA,SAAS,UAAU,OAAsB;GACvC,IAAI,MAAM,QAAQ,WAAW,MAAM,YAAY,MAAM,aAAa;GAClE,MAAM,eAAe;GACrB,KAAU;EACZ;;EAGA,SAAS,KAAK,MAAc;GAC1B,IAAI,KAAK,aAAa,WAAW,QAAQ,WAAW,UAAU,OAAO,OAAO;QACvE,KAAU,SAAS,IAAI;EAC9B;EAEA,eAAe,eAAe;GAC5B,MAAM,OAAO,WAAW;GACxB,MAAM,OAAO,OAAO,MAAM,KAAK;GAC/B,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,OAAO,GAAG;GACtC,OAAO,QAAQ;GACf,WAAW,QAAQ;GAEnB,IAAI,CAAC,MADc,KAAK,SAAS,MAAM,IAAI,KAC9B,CAAC,OAAO,OAAO;IAC1B,OAAO,QAAQ;IACf,WAAW,QAAQ;GACrB;EACF;EAEA,SAAS,gBAAgB,OAAsB;GAC7C,IAAI,MAAM,aAAa;GACvB,IAAI,MAAM,QAAQ,UAAU;IAC1B,MAAM,eAAe;IACrB,WAAW,QAAQ;GACrB,OACK,IAAI,MAAM,QAAQ,SAAS;IAC9B,MAAM,eAAe;IACrB,aAAkB;GACpB;EACF;;EAGA,SAAS,mBAAmB,YAA4C;GACtE,OAAO,eAAe,QAAQ,QAAQ,OAAO,QAAQ,WAAW;EAClE;EAGA,YAAY;GAAC,SAAS,MAAM;GAAQ,SAAS,MAAM,GAAG,EAAE,CAAC,EAAE;GAAU,SAAS,MAAM,GAAG,EAAE,CAAC,EAAsC,KAAK;GAAQ,OAAO;EAAK,GAAG,YAAY;GACtK,MAAM,SAAS;GACf,SAAS,OAAO,SAAS,EAAE,KAAK,SAAS,MAAM,aAAa,CAAC;EAC/D,CAAC;EAED,sBAAsB;GACpB,KAAK,IAAI;GACT,YAAY;EACd,CAAC;;GAIC,OAAAC,UAAA,GAAAC,mBAgJQ,SAAA;IAhJD,OAAM;IAAyB,cAAYC,MAAA,CAAA,CAAC,CAAA,kBAAA;;IACjDC,mBA6BM,OA7BN,YA6BM,CA5BJA,mBAiBM,OAjBN,YAiBM;KAhBJA,mBAEK,MAFL,YAEKC,gBADAF,MAAA,CAAA,CAAC,CAAA,kBAAA,CAAA,GAAA,CAAA;KAENG,YAAsFC,aAAA;MAApE,MAAK;MAAW,MAAK;MAAM,QAAQ,QAAA;MAAQ,OAAM;;KACnED,YAUWH,MAAA,QAAA,GAAA,EAVA,MAAMA,MAAA,CAAA,CAAC,CAAA,4BAAA,EAAA,GAAA;MAChB,SAAAK,cAQE,CARFF,YAQEH,MAAA,OAAA,GAAA;OAPA,MAAK;OACL,OAAM;OACN,SAAQ;OACR,MAAK;OACJ,cAAYA,MAAA,CAAA,CAAC,CAAA,4BAAA;OACb,UAAQ,CAAGA,MAAA,QAAA,CAAQ,CAAC,UAAM,CAAKA,MAAA,KAAA,KAAK,CAAKA,MAAA,eAAA;OACzC,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,MAAA,IAAA,CAAI,CAAC,gBAAe;;;;KAGhCG,YAAiIH,MAAA,OAAA,GAAA;MAAxH,MAAK;MAAK,OAAM;MAAU,SAAQ;MAAQ,MAAK;MAAc,cAAYA,MAAA,CAAA,CAAC,CAAA,kBAAA;MAAuB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAA,QAAI;;IAE5G,CAAA,GAAA,MAAA,SAAXF,UAAA,GAAAC,mBASM,OATN,YASM,CARJI,YAMEH,MAAA,MAAA,GAAA;KALA,OAAM;KACN,SAAQ;KACR,MAAK;KACJ,OAAOA,MAAA,CAAA,CAAC,CAAC,MAAA,MAAM,WAAM,IAAA,6BAAA,8BAAA,EAAA,GAAyE,MAAA,MAAM,OAAM,CAAA;KAC1G,OAAOA,MAAA,CAAA,CAAC,CAAA,4BAAA;IAEX,GAAA,MAAA,GAAA,CAAA,SAAA,OAAA,CAAA,GAAAG,YAA6IH,MAAA,OAAA,GAAA;KAApI,MAAK;KAAK,OAAM;KAAU,SAAQ;KAAQ,MAAK;KAAc,cAAYA,MAAA,CAAA,CAAC,CAAA,4BAAA;KAAiC,SAAO;;IAI/HC,mBA2DM,OAAA;KA3DG,SAAA;KAAJ,KAAI;KAAW,OAAM;;KACd,CAAAD,MAAA,QAAA,CAAQ,CAAC,UAAnBF,UAAA,GAAAC,mBAEI,KAFJ,YAEIG,gBADCF,MAAA,CAAA,CAAC,CAAA,kBAAA,CAAA,GAAA,CAAA,KAAAM,mBAAA,QAAA,IAAA;MAENR,UAAA,IAAA,GAAAC,mBAoDWQ,UAAA,MAAAC,WApD0BR,MAAA,QAAA,IAAnB,SAAS,UAAK;MAAqB,OAAAF,UAAA,GAAAC,mBAAAQ,UAAA,EAAA,KAAA,MAAK,GAAA,CAC7C,QAAQ,SAAI,UAAvBT,UAAA,GAAAC,mBAEM,OAFN,YAEMG,gBADD,QAAQ,OAAO,GAAA,CAAA,KAEJ,QAAQ,cAAxBJ,UAAA,GAAAC,mBAkCM,OAlCN,YAkCM;OAjCJE,mBAGM,OAHN,YAGM,CAFJE,YAAsEH,MAAA,KAAA,GAAA;QAA9D,MAAM,QAAQ,WAAW,KAAK;QAAM,OAAM;OAClD,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,GAAAC,mBAAuE,QAAvE,aAAuEC,gBAA7CF,MAAA,CAAA,CAAC,CAAC,QAAQ,WAAW,KAAK,QAAQ,CAAA,GAAA,CAAA,CAAA,CAAA;OAErD,QAAQ,WAAW,UAA5BF,UAAA,GAAAC,mBAEI,KAFJ,aAEIG,gBADC,QAAQ,WAAW,MAAM,GAAA,CAAA,KAAAI,mBAAA,QAAA,IAAA;OAGtB,mBAAmB,QAAQ,UAAU,KAD7CR,UAAA,GAAAW,YAIEC,aAAA;;QAFC,UAAUV,MAAA,eAAA,CAAe,CAAC,QAAQ,WAAW,MAAM,mBAAmB,QAAQ,UAAU,GAAGA,MAAA,CAAA,CAAC;QAC5F,QAAQ,QAAA;OAEX,GAAA,MAAA,GAAA,CAAA,YAAA,QAAA,CAAA,MAAAF,UAAA,GAAAW,YAAiGT,MAAA,KAAA,GAAA;;QAAnF,MAAK;QAAyB,OAAM;;OAClDC,mBAmBM,OAnBN,aAmBM,CAjBI,QAAQ,eAAe,QAAA,SAD/BH,UAAA,GAAAW,YAQET,MAAA,OAAA,GAAA;;QANA,MAAK;QACL,OAAM;QACN,SAAQ;QACR,MAAK;QACJ,OAAOA,MAAA,CAAA,CAAC,CAAA,iBAAA;QACR,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,MAAA,eAAA,CAAe,CAAA;OAEzB,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA,MAAAF,UAAA,GAAAC,mBAQWQ,UAAA,EAAA,KAAA,EAAA,GAAA,CAPTJ,YAA6HH,MAAA,OAAA,GAAA;QAApH,MAAK;QAAK,OAAM;QAAU,SAAQ;QAAS,OAAOA,MAAA,CAAA,CAAC,CAAA,oBAAA;QAAyB,UAAK,WAAEA,MAAA,IAAA,CAAI,CAAC,KAAK,QAAQ,UAAU;OACxH,GAAA,MAAA,GAAA,CAAA,SAAA,SAAA,CAAA,GAAAG,YAKEH,MAAA,OAAA,GAAA;QAJA,MAAK;QACJ,OAAOA,MAAA,CAAA,CAAC,CAAA,kBAAA;QACR,UAAQ,CAAG,QAAA,UAAM,CAAK,QAAQ,WAAW;QACzC,UAAK,WAAEA,MAAA,IAAA,CAAI,CAAC,MAAM,QAAQ,UAAU;;;;;;MAK7C,CAAA,MAAAF,UAAA,GAAAC,mBAYM,OAZN,aAYM,CAXsB,QAAQ,WAAlCD,UAAA,GAAAW,YAA0FC,aAAA;;OAA9C,UAAU,QAAQ;OAAU,QAAQ,QAAA;MAExE,GAAA,MAAA,GAAA,CAAA,YAAA,QAAA,CAAA,KAAAJ,mBAAA,QAAA,IAAA,GAAA,QAAQ,KAAK,UAAU,QAAQ,UAAU,UADjDR,UAAA,GAAAW,YAQEE,aAAA;;OANC,KAAK,QAAQ,OAAG,CAAA;OAChB,QAAQX,MAAA,GAAA;OACR,UAAU,QAAQ;OAClB,WAAW,UAAA;OACX,UAAM,OAAA,OAAA,OAAA,MAAG,IAAI,WAAW,QAAA,UAAUA,MAAA,MAAA,CAAM,CAAC,QAAA,QAAQ,IAAI,MAAM;OACnD;;;;;;MAEQ,CAAA,KAAA,CAAA,QAAQ,WAA3BF,UAAA,GAAAW,YAAuHT,MAAA,KAAA,GAAA;;OAAnF,MAAK;OAAyB,OAAM;;;KAG9DA,MAAA,KAAA,KAAdF,UAAA,GAAAW,YAAqET,MAAA,MAAA,GAAA;;MAAhD,OAAM;MAAQ,SAAQ;MAAU,OAAOA,MAAA,KAAA;;KAC9CA,MAAA,eAAA,KAAdF,UAAA,GAAAW,YAAyFT,MAAA,MAAA,GAAA;;MAA1D,OAAM;MAAQ,SAAQ;MAAU,OAAOA,MAAA,eAAA;;;IAGxEC,mBAkDM,OAlDN,aAkDM;KAjDJA,mBAcM,OAAA;MAdD,OAAM;MAAuB,MAAK;MAAS,cAAYD,MAAA,CAAA,CAAC,CAAA,0BAAA;KAC3D,GAAA,EAAAF,UAAA,IAAA,GAAAC,mBAYEQ,UAAA,MAAAC,WAXeR,MAAA,YAAA,IAAR,SAAI;MADb,OAAAF,UAAA,GAAAW,YAYET,MAAA,OAAA,GAAA;OAVC,KAAK,KAAK;OACX,MAAK;OACL,OAAM;OACN,SAAQ;OACR,gBAAa;OACZ,QAAQ,WAAA,UAAe;OACvB,MAAM,KAAK;OACX,OAAOA,MAAA,CAAA,CAAC,CAAC,KAAK,QAAQ;OACtB,UAAQ,CAAG,QAAA,UAAU,KAAA;OACrB,UAAK,WAAE,KAAK,IAAI;;;;;;;;;KAGV,WAAA,SAAXF,UAAA,GAAAC,mBAkBM,OAlBN,aAkBM,CAjBJI,YASEH,MAAA,MAAA,GAAA;MARS,YAAA,OAAA;MAAA,uBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,OAAM,QAAA;MACf,MAAK;MACL,WAAA;MACC,aAAa,WAAA,MAAW,kBAAkBA,MAAA,CAAA,CAAC,CAAC,WAAA,MAAW,cAAc;MACrE,WAAWA,MAAA,SAAA,CAAS,CAAC;MACrB,cAAY,WAAA,MAAW,kBAAkBA,MAAA,CAAA,CAAC,CAAC,WAAA,MAAW,cAAc;MACrE,OAAM;MACL,WAAS;;;;;;KAEZ,CAAA,GAAAG,YAMEH,MAAA,OAAA,GAAA;MALA,MAAK;MACL,MAAK;MACJ,OAAOA,MAAA,CAAA,CAAC,CAAA,qBAAA;MACR,UAAQ,CAAG,QAAA,UAAU,KAAA,SAAI,CAAK,OAAA,MAAO,KAAI;MACzC,SAAO;;KAGZG,YAUEH,MAAA,SAAA,GAAA;MATS,YAAA,SAAA;MAAA,uBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,SAAQ,QAAA;MAChB,aAAaA,MAAA,CAAA,CAAC,CAAA,wBAAA;MACd,MAAM;MACP,YAAA;MACC,SAAS;MACT,WAAWA,MAAA,WAAA,CAAW,CAAC;MACxB,OAAM;MACL,cAAYA,MAAA,CAAA,CAAC,CAAA,yBAAA;MACJ;;;;;;;KAEZC,mBAGM,OAHN,aAGM,CAFWD,MAAA,SAAA,KAAfF,UAAA,GAAAW,YAAoIT,MAAA,OAAA,GAAA;;MAA1G,OAAM;MAAU,SAAQ;MAAU,MAAK;MAAmB,OAAOA,MAAA,CAAA,CAAC,CAAA,iBAAA;MAAsB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,MAAA,KAAA,CAAK,CAAA;KAC9H,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA,MAAAF,UAAA,GAAAW,YAAmIT,MAAA,OAAA,GAAA;;MAAnH,MAAK;MAAiB,OAAOA,MAAA,CAAA,CAAC,CAAA,iBAAA;MAAsB,UAAQ,CAAG,QAAA,UAAU,KAAA,SAAI,CAAK,SAAA,MAAS,KAAI;MAAK,SAAO"}

package/dist/features/ai/components/AiSidebar.vue.d.ts

@@ -0,0 +1,26 @@
+import { Editor } from "@tiptap/vue-3";
+//#region src/features/ai/components/AiSidebar.vue.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 `v-show` so the conversation survives closing.
+ */
+type __VLS_Props = {
+  editor: Editor | undefined;
+};
+type __VLS_ModelProps = {
+  'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:open": (value: boolean | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as default };
+//# sourceMappingURL=AiSidebar.vue.d.ts.map

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

@@ -0,0 +1,67 @@
+import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
+import { citationBlockId } from "../protocol/chat.js";
+import { documentChatAnswerContent } from "../document-chat.js";
+import { previewExtensions } from "../preview-extensions.js";
+import { useNotifier } from "../../../vue/use-notifier.js";
+import { createBlock, createCommentVNode, createElementBlock, defineComponent, onBeforeUnmount, openBlock, unref, watch } from "vue";
+import { EditorContent, useEditor } from "@tiptap/vue-3";
+//#region src/features/ai/components/DocumentChatAnswer.vue
+/** One chat answer, rendered read-only from Markdown; quote links reveal their block in `editor`. */
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "DocumentChatAnswer",
+	props: {
+		markdown: {},
+		editor: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const notify = useNotifier(() => props.editor);
+		const { t } = useEditorI18n();
+		const view = useEditor({
+			editable: false,
+			extensions: previewExtensions(props.editor),
+			editorProps: { attributes: { class: "tiptap" } }
+		});
+		function render() {
+			const instance = view.value;
+			if (instance) instance.commands.setContent(documentChatAnswerContent(props.editor ?? instance, props.markdown, props.editor?.state.doc), { emitUpdate: false });
+		}
+		let timer;
+		watch(() => props.markdown, () => {
+			if (timer) return;
+			timer = window.setTimeout(() => {
+				timer = void 0;
+				render();
+			}, 80);
+		});
+		watch(view, render);
+		onBeforeUnmount(() => {
+			clearTimeout(timer);
+			view.value?.destroy();
+		});
+		function onClick(event) {
+			const link = event.target.closest("a");
+			const id = citationBlockId(link?.getAttribute("href"));
+			if (id === null) return;
+			event.preventDefault();
+			if (!props.editor?.commands.revealBlock(id)) notify({
+				title: t("ai.sidebar.revealMissing"),
+				kind: "warning",
+				icon: "i-lucide-search-x"
+			});
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "document-chat-answer",
+				onClick
+			}, [unref(view) ? (openBlock(), createBlock(unref(EditorContent), {
+				key: 0,
+				editor: unref(view)
+			}, null, 8, ["editor"])) : createCommentVNode("v-if", true)]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=DocumentChatAnswer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentChatAnswer.js","names":["_openBlock","_createElementBlock","_unref","_createBlock","_createCommentVNode"],"sources":["../../../../src/features/ai/components/DocumentChatAnswer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { type Editor, EditorContent, useEditor } from '@tiptap/vue-3'\nimport { onBeforeUnmount, watch } from 'vue'\nimport { useNotifier } from '../../../vue/use-notifier'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { documentChatAnswerContent } from '../document-chat'\nimport { previewExtensions } from '../preview-extensions'\nimport { citationBlockId } from '../protocol'\n\n/** One chat answer, rendered read-only from Markdown; quote links reveal their block in `editor`. */\nconst props = defineProps<{\n  markdown: string\n  /** The document editor the quotes link into. */\n  editor: Editor | undefined\n}>()\n\nconst notify = useNotifier(() => props.editor)\nconst { t } = useEditorI18n()\n\nconst view = useEditor({\n  editable: false,\n  extensions: previewExtensions(props.editor),\n  editorProps: { attributes: { class: 'tiptap' } },\n})\n\nfunction render() {\n  const instance = view.value\n  if (instance) instance.commands.setContent(documentChatAnswerContent(props.editor ?? instance, props.markdown, props.editor?.state.doc), { emitUpdate: false })\n}\n\n// Streamed deltas: re-parse at most every 80 ms.\nlet timer: number | undefined\nwatch(() => props.markdown, () => {\n  if (timer) return\n  timer = window.setTimeout(() => {\n    timer = undefined\n    render()\n  }, 80)\n})\nwatch(view, render)\n\nonBeforeUnmount(() => {\n  clearTimeout(timer)\n  view.value?.destroy()\n})\n\nfunction onClick(event: MouseEvent) {\n  const link = (event.target as HTMLElement).closest('a')\n  const id = citationBlockId(link?.getAttribute('href'))\n  if (id === null) return\n  event.preventDefault()\n  if (!props.editor?.commands.revealBlock(id)) {\n    notify({ title: t('ai.sidebar.revealMissing'), kind: 'warning', icon: 'i-lucide-search-x' })\n  }\n}\n</script>\n\n<template>\n  <div class=\"document-chat-answer\" @click=\"onClick\">\n    <EditorContent v-if=\"view\" :editor=\"view\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;EAMd,MAAM,SAAS,kBAAkB,MAAM,MAAM;EAC7C,MAAM,EAAE,MAAM,cAAc;EAE5B,MAAM,OAAO,UAAU;GACrB,UAAU;GACV,YAAY,kBAAkB,MAAM,MAAM;GAC1C,aAAa,EAAE,YAAY,EAAE,OAAO,SAAS,EAAE;EACjD,CAAC;EAED,SAAS,SAAS;GAChB,MAAM,WAAW,KAAK;GACtB,IAAI,UAAU,SAAS,SAAS,WAAW,0BAA0B,MAAM,UAAU,UAAU,MAAM,UAAU,MAAM,QAAQ,MAAM,GAAG,GAAG,EAAE,YAAY,MAAM,CAAC;EAChK;EAGA,IAAI;EACJ,YAAY,MAAM,gBAAgB;GAChC,IAAI,OAAO;GACX,QAAQ,OAAO,iBAAiB;IAC9B,QAAQ,KAAA;IACR,OAAO;GACT,GAAG,EAAE;EACP,CAAC;EACD,MAAM,MAAM,MAAM;EAElB,sBAAsB;GACpB,aAAa,KAAK;GAClB,KAAK,OAAO,QAAQ;EACtB,CAAC;EAED,SAAS,QAAQ,OAAmB;GAClC,MAAM,OAAQ,MAAM,OAAuB,QAAQ,GAAG;GACtD,MAAM,KAAK,gBAAgB,MAAM,aAAa,MAAM,CAAC;GACrD,IAAI,OAAO,MAAM;GACjB,MAAM,eAAe;GACrB,IAAI,CAAC,MAAM,QAAQ,SAAS,YAAY,EAAE,GACxC,OAAO;IAAE,OAAO,EAAE,0BAA0B;IAAG,MAAM;IAAW,MAAM;GAAoB,CAAC;EAE/F;;GAIE,OAAAA,UAAA,GAAAC,mBAEM,OAAA;IAFD,OAAM;IAA+B;GACnB,GAAA,CAAAC,MAAA,IAAA,KAArBF,UAAA,GAAAG,YAA4CD,MAAA,aAAA,GAAA;;IAAhB,QAAQA,MAAA,IAAA"}

package/dist/features/ai/components/DocumentChatAnswer.vue.d.ts

@@ -0,0 +1,13 @@
+import { Editor } from "@tiptap/vue-3";
+//#region src/features/ai/components/DocumentChatAnswer.vue.d.ts
+/** One chat answer, rendered read-only from Markdown; quote links reveal their block in `editor`. */
+type __VLS_Props = {
+  markdown: string;
+  /** The document editor the quotes link into. */
+  editor: Editor | undefined;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as default };
+//# sourceMappingURL=DocumentChatAnswer.vue.d.ts.map

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

@@ -0,0 +1,113 @@
+import { conversionLabel, parseConversionTarget } from "../../../core/block-convert.js";
+import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
+import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
+import { AGENT_OP_OUTCOME_KEYS } from "../agent-ops.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, renderList, toDisplayString, unref } from "vue";
+//#region src/features/ai/components/DocumentChatOps.vue
+const _hoisted_1 = { class: "mt-2 flex flex-col gap-1" };
+const _hoisted_2 = ["data-agent-op"];
+const _hoisted_3 = ["title", "onClick"];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "DocumentChatOps",
+	props: {
+		ops: {},
+		states: {},
+		problems: {},
+		providers: {}
+	},
+	emits: ["decide", "reveal"],
+	setup(__props, { emit: __emit }) {
+		const { Alert: UAlert, Badge: UBadge, Button: UButton, Icon: UIcon } = useUiKit();
+		const { t } = useEditorI18n();
+		/** The edit operations of one chat answer with their review state; open ones can be decided right here. */
+		const props = __props;
+		const emit = __emit;
+		const ICONS = {
+			add: "i-lucide-plus",
+			update: "i-lucide-pencil",
+			delete: "i-lucide-trash-2",
+			convert: "i-lucide-replace"
+		};
+		const BADGE_COLORS = {
+			pending: "primary",
+			accepted: "success",
+			rejected: "neutral",
+			partial: "info",
+			invalid: "warning",
+			unchanged: "neutral",
+			missing: "warning",
+			overlap: "warning",
+			empty: "warning",
+			blocked: "warning"
+		};
+		function label(op, snippet) {
+			if (op.type === "add") return op.afterId === null ? t("ai.op.addAtStart") : t("ai.op.addAfter", { snippet });
+			if (op.type === "convert") {
+				const target = parseConversionTarget(props.providers, op.to);
+				return t("ai.op.convert", {
+					target: target ? conversionLabel(props.providers, target, t).label : op.to,
+					snippet
+				});
+			}
+			return t(op.type === "update" ? "ai.op.update" : "ai.op.delete", { snippet });
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.ops, (op) => {
+				return openBlock(), createElementBlock("div", {
+					key: op.op,
+					class: "flex items-center gap-2 rounded-md border border-[var(--sk-border)] px-2 py-1",
+					"data-agent-op": op.op
+				}, [
+					createVNode(unref(UIcon), {
+						name: ICONS[op.type],
+						class: "size-4 shrink-0 text-[var(--sk-muted)]"
+					}, null, 8, ["name"]),
+					createElementVNode("button", {
+						type: "button",
+						class: "min-w-0 flex-1 truncate text-left text-xs hover:underline",
+						title: "markdown" in op ? op.markdown : void 0,
+						onClick: ($event) => emit("reveal", op)
+					}, toDisplayString(label(op, __props.states[op.op]?.snippet ?? "")), 9, _hoisted_3),
+					__props.states[op.op] ? (openBlock(), createBlock(unref(UBadge), {
+						key: 0,
+						size: "sm",
+						variant: "subtle",
+						color: BADGE_COLORS[__props.states[op.op].outcome],
+						label: unref(t)(unref(AGENT_OP_OUTCOME_KEYS)[__props.states[op.op].outcome].badge),
+						title: unref(t)(unref(AGENT_OP_OUTCOME_KEYS)[__props.states[op.op].outcome].hover)
+					}, null, 8, [
+						"color",
+						"label",
+						"title"
+					])) : createCommentVNode("v-if", true),
+					__props.states[op.op]?.outcome === "pending" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createVNode(unref(UButton), {
+						size: "xs",
+						color: "neutral",
+						variant: "ghost",
+						icon: "i-lucide-x",
+						"aria-label": unref(t)("ai.op.discard"),
+						onClick: ($event) => emit("decide", op.op, false)
+					}, null, 8, ["aria-label", "onClick"]), createVNode(unref(UButton), {
+						size: "xs",
+						color: "success",
+						variant: "ghost",
+						icon: "i-lucide-check",
+						"aria-label": unref(t)("ai.op.accept"),
+						onClick: ($event) => emit("decide", op.op, true)
+					}, null, 8, ["aria-label", "onClick"])], 64)) : createCommentVNode("v-if", true)
+				], 8, _hoisted_2);
+			}), 128)), __props.problems?.length ? (openBlock(), createBlock(unref(UAlert), {
+				key: 0,
+				color: "warning",
+				variant: "subtle",
+				icon: "i-lucide-triangle-alert",
+				title: __props.problems.length === 1 ? unref(t)("ai.op.problems.one") : unref(t)("ai.op.problems.other", { n: __props.problems.length }),
+				description: unref(t)("ai.op.problems.description")
+			}, null, 8, ["title", "description"])) : createCommentVNode("v-if", true)]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=DocumentChatOps.js.map