@ecsplico/editor 2.1.2 → 3.0.0

package/dist/features/ai/ai-sse.d.ts

@@ -1,5 +1,5 @@
 import { Translate } from "../../i18n/index.js";
-import { $Fetch } from "ofetch";
+import { EditorBackend } from "../../core/backend.js";
 //#region src/features/ai/ai-sse.d.ts
 /** How an AI SSE request ended. `rate-limited`: HTTP 429 before the stream started. */
 export type AiSseOutcome = {
@@ -13,12 +13,12 @@ export type AiSseOutcome = {
   status: 'aborted';
 };
 /**
- * POSTs `body` as JSON through `fetch` (the app's HTTP client: `FeatureContext.fetch`) to an AI streaming endpoint
- * (`/api/ai/generate`, `/api/ai/chat`: SSE events `delta` with `{ text }`, `done`, `error` with `{ message }`) and feeds
- * every text delta to `onDelta`; any other event goes with its parsed JSON data to `onEvent`. A failure without a
- * server message reads as `t` renders it. Never throws.
+ * Runs an AI streaming request through `ai.stream` (the backend's `generate` / `chat`: SSE events `delta` with
+ * `{ text }`, `done`, `error` with `{ message }`) and feeds every text delta to `onDelta`; any other event goes with its
+ * parsed JSON data to `onEvent`. A failure without a server message reads as `t` renders it; a backend without `ai`
+ * fails like a server without the route (501). Never throws.
  */
-export declare function postAiSse(fetch: $Fetch, url: string, body: unknown, opts: {
+export declare function postAiSse(ai: EditorBackend['ai'], path: 'generate' | 'chat', body: object, opts: {
   signal: AbortSignal;
   t: Translate;
   onDelta: (text: string) => void;

package/dist/features/ai/ai-sse.js

@@ -1,78 +1,35 @@
 import { isRateLimited } from "./rate-limit.js";
 //#region src/features/ai/ai-sse.ts
 /**
-* POSTs `body` as JSON through `fetch` (the app's HTTP client: `FeatureContext.fetch`) to an AI streaming endpoint
-* (`/api/ai/generate`, `/api/ai/chat`: SSE events `delta` with `{ text }`, `done`, `error` with `{ message }`) and feeds
-* every text delta to `onDelta`; any other event goes with its parsed JSON data to `onEvent`. A failure without a
-* server message reads as `t` renders it. Never throws.
+* Runs an AI streaming request through `ai.stream` (the backend's `generate` / `chat`: SSE events `delta` with
+* `{ text }`, `done`, `error` with `{ message }`) and feeds every text delta to `onDelta`; any other event goes with its
+* parsed JSON data to `onEvent`. A failure without a server message reads as `t` renders it; a backend without `ai`
+* fails like a server without the route (501). Never throws.
 */
-async function postAiSse(fetch, url, body, opts) {
+async function postAiSse(ai, path, body, opts) {
 	const { signal, t, onDelta, onEvent } = opts;
 	const failed = (message) => signal.aborted ? { status: "aborted" } : {
 		status: "error",
 		message
 	};
-	/** The outcome once the stream is finished (`done` or `error` event), otherwise `null`. */
-	function handleEvent(raw) {
-		let event = "message";
-		let data = "";
-		for (const line of raw.split("\n")) if (line.startsWith("event:")) event = line.slice(6).trim();
-		else if (line.startsWith("data:")) data += line.slice(5).trimStart();
-		let payload = {};
-		if (data) try {
-			payload = JSON.parse(data);
-		} catch {
-			payload = {};
-		}
-		if (event === "delta") {
-			if (payload.text) onDelta(payload.text);
-			return null;
-		}
-		if (event === "done") return { status: "done" };
-		if (event === "error") return {
-			status: "error",
-			message: payload.message || t("ai.sse.unknownError")
-		};
-		onEvent?.(event, payload);
-		return null;
-	}
+	if (!ai) return failed(t("ai.sse.httpError", { status: 501 }));
 	try {
-		const res = await fetch.raw(url, {
-			method: "POST",
-			body,
-			signal,
-			responseType: "stream",
-			ignoreResponseError: true
-		});
-		if (!res.ok || !res.body) {
-			if (isRateLimited(res)) return { status: "rate-limited" };
-			let message = t("ai.sse.httpError", { status: res.status });
-			try {
-				const json = await res.json();
-				message = json.statusMessage || json.message || message;
-			} catch {}
-			return failed(message);
-		}
-		const reader = res.body.getReader();
-		const decoder = new TextDecoder();
-		let buffer = "";
-		while (true) {
-			const { value, done } = await reader.read();
-			if (done) break;
-			buffer += decoder.decode(value, { stream: true }).replace(/\r\n/g, "\n");
-			let index = buffer.indexOf("\n\n");
-			while (index !== -1) {
-				const outcome = handleEvent(buffer.slice(0, index));
-				if (outcome) {
-					await reader.cancel().catch(() => void 0);
-					return outcome;
-				}
-				buffer = buffer.slice(index + 2);
-				index = buffer.indexOf("\n\n");
-			}
+		for await (const { event, data } of ai.stream(path, body, signal)) {
+			const payload = data ?? {};
+			if (event === "delta") {
+				if (payload.text) onDelta(payload.text);
+			} else if (event === "done") return { status: "done" };
+			else if (event === "error") return {
+				status: "error",
+				message: payload.message || t("ai.sse.unknownError")
+			};
+			else onEvent?.(event, payload);
 		}
-		return buffer.trim() && handleEvent(buffer) || failed(t("ai.sse.aborted"));
+		return failed(t("ai.sse.aborted"));
 	} catch (err) {
+		if (isRateLimited(err)) return { status: "rate-limited" };
+		const status = err?.status;
+		if (typeof status === "number" && err instanceof Error && err.message === `HTTP ${status}`) return failed(t("ai.sse.httpError", { status }));
 		return failed(err instanceof Error && err.message ? err.message : t("ai.sse.aborted"));
 	}
 }

package/dist/features/ai/ai-sse.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-sse.js","names":[],"sources":["../../../src/features/ai/ai-sse.ts"],"sourcesContent":["import type { $Fetch } from 'ofetch'\nimport type { Translate } from '../../i18n'\nimport { isRateLimited } from './rate-limit'\n\n/** How an AI SSE request ended. `rate-limited`: HTTP 429 before the stream started. */\nexport type AiSseOutcome =\n  | { status: 'done' }\n  | { status: 'error', message: string }\n  | { status: 'rate-limited' }\n  | { status: 'aborted' }\n\n/**\n * POSTs `body` as JSON through `fetch` (the app's HTTP client: `FeatureContext.fetch`) to an AI streaming endpoint\n * (`/api/ai/generate`, `/api/ai/chat`: SSE events `delta` with `{ text }`, `done`, `error` with `{ message }`) and feeds\n * every text delta to `onDelta`; any other event goes with its parsed JSON data to `onEvent`. A failure without a\n * server message reads as `t` renders it. Never throws.\n */\nexport async function postAiSse(fetch: $Fetch, url: string, body: unknown, opts: { signal: AbortSignal, t: Translate, onDelta: (text: string) => void, onEvent?: (event: string, data: unknown) => void }): Promise<AiSseOutcome> {\n  const { signal, t, onDelta, onEvent } = opts\n  const failed = (message: string): AiSseOutcome => signal.aborted ? { status: 'aborted' } : { status: 'error', message }\n\n  /** The outcome once the stream is finished (`done` or `error` event), otherwise `null`. */\n  function handleEvent(raw: string): AiSseOutcome | null {\n    let event = 'message'\n    let data = ''\n    for (const line of raw.split('\\n')) {\n      if (line.startsWith('event:')) event = line.slice(6).trim()\n      else if (line.startsWith('data:')) data += line.slice(5).trimStart()\n    }\n    let payload: { text?: string, message?: string } = {}\n    if (data) {\n      try {\n        payload = JSON.parse(data)\n      }\n      catch {\n        payload = {}\n      }\n    }\n    if (event === 'delta') {\n      if (payload.text) onDelta(payload.text)\n      return null\n    }\n    if (event === 'done') return { status: 'done' }\n    if (event === 'error') return { status: 'error', message: payload.message || t('ai.sse.unknownError') }\n    onEvent?.(event, payload)\n    return null\n  }\n\n  try {\n    const res = await fetch.raw<ReadableStream<Uint8Array>, 'stream'>(url, {\n      method: 'POST',\n      body: body as Record<string, unknown>,\n      signal,\n      responseType: 'stream',\n      ignoreResponseError: true,\n    })\n    if (!res.ok || !res.body) {\n      if (isRateLimited(res)) return { status: 'rate-limited' }\n      let message = t('ai.sse.httpError', { status: res.status })\n      try {\n        const json = await res.json() as { statusMessage?: string, message?: string }\n        message = json.statusMessage || json.message || message\n      }\n      catch { /* non-JSON error body */ }\n      return failed(message)\n    }\n    const reader = res.body.getReader()\n    const decoder = new TextDecoder()\n    let buffer = ''\n    while (true) {\n      const { value, done } = await reader.read()\n      if (done) break\n      buffer += decoder.decode(value, { stream: true }).replace(/\\r\\n/g, '\\n')\n      let index = buffer.indexOf('\\n\\n')\n      while (index !== -1) {\n        const outcome = handleEvent(buffer.slice(0, index))\n        if (outcome) {\n          await reader.cancel().catch(() => undefined)\n          return outcome\n        }\n        buffer = buffer.slice(index + 2)\n        index = buffer.indexOf('\\n\\n')\n      }\n    }\n    return (buffer.trim() && handleEvent(buffer)) || failed(t('ai.sse.aborted'))\n  }\n  catch (err) {\n    return failed(err instanceof Error && err.message ? err.message : t('ai.sse.aborted'))\n  }\n}\n"],"mappings":";;;;;;;;AAiBA,eAAsB,UAAU,OAAe,KAAa,MAAe,MAAuJ;CAChO,MAAM,EAAE,QAAQ,GAAG,SAAS,YAAY;CACxC,MAAM,UAAU,YAAkC,OAAO,UAAU,EAAE,QAAQ,UAAU,IAAI;EAAE,QAAQ;EAAS;CAAQ;;CAGtH,SAAS,YAAY,KAAkC;EACrD,IAAI,QAAQ;EACZ,IAAI,OAAO;EACX,KAAK,MAAM,QAAQ,IAAI,MAAM,IAAI,GAC/B,IAAI,KAAK,WAAW,QAAQ,GAAG,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK;OACrD,IAAI,KAAK,WAAW,OAAO,GAAG,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU;EAErE,IAAI,UAA+C,CAAC;EACpD,IAAI,MACF,IAAI;GACF,UAAU,KAAK,MAAM,IAAI;EAC3B,QACM;GACJ,UAAU,CAAC;EACb;EAEF,IAAI,UAAU,SAAS;GACrB,IAAI,QAAQ,MAAM,QAAQ,QAAQ,IAAI;GACtC,OAAO;EACT;EACA,IAAI,UAAU,QAAQ,OAAO,EAAE,QAAQ,OAAO;EAC9C,IAAI,UAAU,SAAS,OAAO;GAAE,QAAQ;GAAS,SAAS,QAAQ,WAAW,EAAE,qBAAqB;EAAE;EACtG,UAAU,OAAO,OAAO;EACxB,OAAO;CACT;CAEA,IAAI;EACF,MAAM,MAAM,MAAM,MAAM,IAA0C,KAAK;GACrE,QAAQ;GACF;GACN;GACA,cAAc;GACd,qBAAqB;EACvB,CAAC;EACD,IAAI,CAAC,IAAI,MAAM,CAAC,IAAI,MAAM;GACxB,IAAI,cAAc,GAAG,GAAG,OAAO,EAAE,QAAQ,eAAe;GACxD,IAAI,UAAU,EAAE,oBAAoB,EAAE,QAAQ,IAAI,OAAO,CAAC;GAC1D,IAAI;IACF,MAAM,OAAO,MAAM,IAAI,KAAK;IAC5B,UAAU,KAAK,iBAAiB,KAAK,WAAW;GAClD,QACM,CAA4B;GAClC,OAAO,OAAO,OAAO;EACvB;EACA,MAAM,SAAS,IAAI,KAAK,UAAU;EAClC,MAAM,UAAU,IAAI,YAAY;EAChC,IAAI,SAAS;EACb,OAAO,MAAM;GACX,MAAM,EAAE,OAAO,SAAS,MAAM,OAAO,KAAK;GAC1C,IAAI,MAAM;GACV,UAAU,QAAQ,OAAO,OAAO,EAAE,QAAQ,KAAK,CAAC,CAAC,CAAC,QAAQ,SAAS,IAAI;GACvE,IAAI,QAAQ,OAAO,QAAQ,MAAM;GACjC,OAAO,UAAU,IAAI;IACnB,MAAM,UAAU,YAAY,OAAO,MAAM,GAAG,KAAK,CAAC;IAClD,IAAI,SAAS;KACX,MAAM,OAAO,OAAO,CAAC,CAAC,YAAY,KAAA,CAAS;KAC3C,OAAO;IACT;IACA,SAAS,OAAO,MAAM,QAAQ,CAAC;IAC/B,QAAQ,OAAO,QAAQ,MAAM;GAC/B;EACF;EACA,OAAQ,OAAO,KAAK,KAAK,YAAY,MAAM,KAAM,OAAO,EAAE,gBAAgB,CAAC;CAC7E,SACO,KAAK;EACV,OAAO,OAAO,eAAe,SAAS,IAAI,UAAU,IAAI,UAAU,EAAE,gBAAgB,CAAC;CACvF;AACF"}
+{"version":3,"file":"ai-sse.js","names":[],"sources":["../../../src/features/ai/ai-sse.ts"],"sourcesContent":["import type { EditorBackend } from '../../core/backend'\nimport type { Translate } from '../../i18n'\nimport { isRateLimited } from './rate-limit'\n\n/** How an AI SSE request ended. `rate-limited`: HTTP 429 before the stream started. */\nexport type AiSseOutcome =\n  | { status: 'done' }\n  | { status: 'error', message: string }\n  | { status: 'rate-limited' }\n  | { status: 'aborted' }\n\n/**\n * Runs an AI streaming request through `ai.stream` (the backend's `generate` / `chat`: SSE events `delta` with\n * `{ text }`, `done`, `error` with `{ message }`) and feeds every text delta to `onDelta`; any other event goes with its\n * parsed JSON data to `onEvent`. A failure without a server message reads as `t` renders it; a backend without `ai`\n * fails like a server without the route (501). Never throws.\n */\nexport async function postAiSse(ai: EditorBackend['ai'], path: 'generate' | 'chat', body: object, opts: { signal: AbortSignal, t: Translate, onDelta: (text: string) => void, onEvent?: (event: string, data: unknown) => void }): Promise<AiSseOutcome> {\n  const { signal, t, onDelta, onEvent } = opts\n  const failed = (message: string): AiSseOutcome => signal.aborted ? { status: 'aborted' } : { status: 'error', message }\n  if (!ai) return failed(t('ai.sse.httpError', { status: 501 }))\n\n  try {\n    for await (const { event, data } of ai.stream(path, body, signal)) {\n      const payload = (data ?? {}) as { text?: string, message?: string }\n      if (event === 'delta') {\n        if (payload.text) onDelta(payload.text)\n      }\n      else if (event === 'done') return { status: 'done' }\n      else if (event === 'error') return { status: 'error', message: payload.message || t('ai.sse.unknownError') }\n      else onEvent?.(event, payload)\n    }\n    return failed(t('ai.sse.aborted'))\n  }\n  catch (err) {\n    if (isRateLimited(err)) return { status: 'rate-limited' }\n    // The backend words a non-2xx answer without a server message as `HTTP <status>`; `t` renders it instead.\n    const status = (err as { status?: unknown } | null)?.status\n    if (typeof status === 'number' && err instanceof Error && err.message === `HTTP ${status}`) return failed(t('ai.sse.httpError', { status }))\n    return failed(err instanceof Error && err.message ? err.message : t('ai.sse.aborted'))\n  }\n}\n"],"mappings":";;;;;;;;AAiBA,eAAsB,UAAU,IAAyB,MAA2B,MAAc,MAAuJ;CACvP,MAAM,EAAE,QAAQ,GAAG,SAAS,YAAY;CACxC,MAAM,UAAU,YAAkC,OAAO,UAAU,EAAE,QAAQ,UAAU,IAAI;EAAE,QAAQ;EAAS;CAAQ;CACtH,IAAI,CAAC,IAAI,OAAO,OAAO,EAAE,oBAAoB,EAAE,QAAQ,IAAI,CAAC,CAAC;CAE7D,IAAI;EACF,WAAW,MAAM,EAAE,OAAO,UAAU,GAAG,OAAO,MAAM,MAAM,MAAM,GAAG;GACjE,MAAM,UAAW,QAAQ,CAAC;GAC1B,IAAI,UAAU,SACR;QAAA,QAAQ,MAAM,QAAQ,QAAQ,IAAI;GAAA,OAEnC,IAAI,UAAU,QAAQ,OAAO,EAAE,QAAQ,OAAO;QAC9C,IAAI,UAAU,SAAS,OAAO;IAAE,QAAQ;IAAS,SAAS,QAAQ,WAAW,EAAE,qBAAqB;GAAE;QACtG,UAAU,OAAO,OAAO;EAC/B;EACA,OAAO,OAAO,EAAE,gBAAgB,CAAC;CACnC,SACO,KAAK;EACV,IAAI,cAAc,GAAG,GAAG,OAAO,EAAE,QAAQ,eAAe;EAExD,MAAM,SAAU,KAAqC;EACrD,IAAI,OAAO,WAAW,YAAY,eAAe,SAAS,IAAI,YAAY,QAAQ,UAAU,OAAO,OAAO,EAAE,oBAAoB,EAAE,OAAO,CAAC,CAAC;EAC3I,OAAO,OAAO,eAAe,SAAS,IAAI,UAAU,IAAI,UAAU,EAAE,gBAAgB,CAAC;CACvF;AACF"}

package/dist/features/ai/assistant.d.ts

@@ -1,13 +1,13 @@
+import { ReadonlyStore } from "../../core/store.js";
 import { Translate } from "../../i18n/index.js";
 import { AiLanguage, ModelSlot } from "../../settings/values.js";
 import "../../settings/index.js";
+import { EditorBackend } from "../../core/backend.js";
 import { Notifier } from "../../core/notify.js";
-import { ReadonlyStore } from "../../core/store.js";
 import { AiBlock } from "../../core/feature.js";
-import { ModelRef } from "./protocol/models.js";
+import { ModelRef } from "../../core/backend-types.js";
 import { AiBlockInput, AiTaskId } from "./protocol/tasks.js";
 import "./protocol/index.js";
-import { $Fetch } from "ofetch";
 //#region src/features/ai/assistant.d.ts
 export type AiStatus = 'idle' | 'streaming' | 'done' | 'error';
 export interface AiRunBody {
@@ -27,9 +27,10 @@ export interface AiAssistantState {
   output: string;
   error: string | null;
 }
-/** What `createAiAssistant` needs from the app: the fetcher, the model of a slot, the notifier and translator for the 429 notice and failures. */
+/** What `createAiAssistant` needs from the app: the AI port, the model of a slot, the notifier and translator for the 429 notice and failures. */
 export interface AiAssistantOptions {
-  fetch: $Fetch;
+  /** `EditorContext.backend.ai`; without it every run ends in the error state (501), like a server without AI. */
+  ai: EditorBackend['ai'];
   modelRef: (slot: ModelSlot) => ModelRef;
   /** Receives the 429 notice. */
   notify: Notifier;
@@ -47,7 +48,7 @@ export interface AiAssistant {
   /** Clears the error message; the status stays. */
   clearError: () => void;
 }
-/** Streams `/api/ai/generate` (SSE: `delta` / `done` / `error` events) into a store, on the task's model slot. */
-export declare function createAiAssistant({ fetch, modelRef, notify, t }: AiAssistantOptions): AiAssistant;
+/** Streams the backend's `generate` (SSE: `delta` / `done` / `error` events) into a store, on the task's model slot. */
+export declare function createAiAssistant({ ai, modelRef, notify, t }: AiAssistantOptions): AiAssistant;
 //#endregion
 //# sourceMappingURL=assistant.d.ts.map

package/dist/features/ai/assistant.js

@@ -8,8 +8,8 @@ const IDLE = {
 	output: "",
 	error: null
 };
-/** Streams `/api/ai/generate` (SSE: `delta` / `done` / `error` events) into a store, on the task's model slot. */
-function createAiAssistant({ fetch, modelRef, notify, t }) {
+/** Streams the backend's `generate` (SSE: `delta` / `done` / `error` events) into a store, on the task's model slot. */
+function createAiAssistant({ ai, modelRef, notify, t }) {
 	const store = createStore(IDLE);
 	let controller = null;
 	function abort() {
@@ -36,7 +36,7 @@ function createAiAssistant({ fetch, modelRef, notify, t }) {
 			output: "",
 			error: null
 		});
-		const outcome = await postAiSse(fetch, "/api/ai/generate", {
+		const outcome = await postAiSse(ai, "generate", {
 			...body,
 			model: modelRef(AI_TASKS[body.task].slot)
 		}, {

package/dist/features/ai/assistant.js.map

@@ -1 +1 @@
-{"version":3,"file":"assistant.js","names":[],"sources":["../../../src/features/ai/assistant.ts"],"sourcesContent":["import type { $Fetch } from 'ofetch'\nimport type { AiBlock } from '../../core/feature'\nimport type { Notifier } from '../../core/notify'\nimport { createStore, type ReadonlyStore } from '../../core/store'\nimport type { Translate } from '../../i18n'\nimport type { AiLanguage, ModelSlot } from '../../settings'\nimport { postAiSse } from './ai-sse'\nimport { AI_TASKS, type AiBlockInput, type AiTaskId, type ModelRef } from './protocol'\nimport { notifyAiRateLimited } from './rate-limit'\n\nexport type AiStatus = 'idle' | 'streaming' | 'done' | 'error'\n\nexport interface AiRunBody {\n  task: AiTaskId\n  prompt: string\n  selection: string\n  context: string\n  language?: AiLanguage\n  /** The editor's host blocks (`aiContextOf(editor).blocks`), listed in the task's system prompt. */\n  blocks?: readonly AiBlock[]\n  /** The block of a `needsBlock` task (`fill-block`): its brief and material. */\n  block?: AiBlockInput\n}\n\n/** Snapshot of the running or last request: its status, the streamed text so far and the error message. */\nexport interface AiAssistantState {\n  status: AiStatus\n  output: string\n  error: string | null\n}\n\n/** What `createAiAssistant` needs from the app: the fetcher, the model of a slot, the notifier and translator for the 429 notice and failures. */\nexport interface AiAssistantOptions {\n  fetch: $Fetch\n  modelRef: (slot: ModelSlot) => ModelRef\n  /** Receives the 429 notice. */\n  notify: Notifier\n  /** The app's translator (`EditorContext.t`). */\n  t: Translate\n}\n\n/** The streaming assistant: observe `state`, `run` a task, `abort`/`reset` it. */\nexport interface AiAssistant {\n  state: ReadonlyStore<AiAssistantState>\n  run: (body: AiRunBody) => Promise<void>\n  /** Stops the running request (its outcome is `idle`). */\n  abort: () => void\n  /** Aborts and returns to the empty `idle` state. */\n  reset: () => void\n  /** Clears the error message; the status stays. */\n  clearError: () => void\n}\n\nconst IDLE: AiAssistantState = { status: 'idle', output: '', error: null }\n\n/** Streams `/api/ai/generate` (SSE: `delta` / `done` / `error` events) into a store, on the task's model slot. */\nexport function createAiAssistant({ fetch, modelRef, notify, t }: AiAssistantOptions): AiAssistant {\n  const store = createStore<AiAssistantState>(IDLE)\n  let controller: AbortController | null = null\n\n  function abort() {\n    controller?.abort()\n  }\n\n  function reset() {\n    abort()\n    controller = null\n    store.set(IDLE)\n  }\n\n  function clearError() {\n    const state = store.get()\n    if (state.error !== null) store.set({ ...state, error: null })\n  }\n\n  async function run(body: AiRunBody): Promise<void> {\n    reset()\n    const own = new AbortController()\n    controller = own\n    store.set({ status: 'streaming', output: '', error: null })\n    const outcome = await postAiSse(fetch, '/api/ai/generate', { ...body, model: modelRef(AI_TASKS[body.task].slot) }, {\n      signal: own.signal,\n      t,\n      onDelta: (text) => {\n        if (controller === own) store.set({ ...store.get(), output: store.get().output + text })\n      },\n    })\n    if (controller !== own) return // superseded by reset()/another run\n    controller = null\n    if (outcome.status === 'done') {\n      store.set({ ...store.get(), status: 'done' })\n    }\n    else if (outcome.status === 'error') {\n      store.set({ ...store.get(), status: 'error', error: outcome.message })\n    }\n    else {\n      // Notice instead of the error state on 429, so the caller stays ready for another try.\n      if (outcome.status === 'rate-limited') notifyAiRateLimited(notify, t)\n      store.set({ ...store.get(), status: 'idle' })\n    }\n  }\n\n  return { state: store, run, abort, reset, clearError }\n}\n"],"mappings":";;;;;AAqDA,MAAM,OAAyB;CAAE,QAAQ;CAAQ,QAAQ;CAAI,OAAO;AAAK;;AAGzE,SAAgB,kBAAkB,EAAE,OAAO,UAAU,QAAQ,KAAsC;CACjG,MAAM,QAAQ,YAA8B,IAAI;CAChD,IAAI,aAAqC;CAEzC,SAAS,QAAQ;EACf,YAAY,MAAM;CACpB;CAEA,SAAS,QAAQ;EACf,MAAM;EACN,aAAa;EACb,MAAM,IAAI,IAAI;CAChB;CAEA,SAAS,aAAa;EACpB,MAAM,QAAQ,MAAM,IAAI;EACxB,IAAI,MAAM,UAAU,MAAM,MAAM,IAAI;GAAE,GAAG;GAAO,OAAO;EAAK,CAAC;CAC/D;CAEA,eAAe,IAAI,MAAgC;EACjD,MAAM;EACN,MAAM,MAAM,IAAI,gBAAgB;EAChC,aAAa;EACb,MAAM,IAAI;GAAE,QAAQ;GAAa,QAAQ;GAAI,OAAO;EAAK,CAAC;EAC1D,MAAM,UAAU,MAAM,UAAU,OAAO,oBAAoB;GAAE,GAAG;GAAM,OAAO,SAAS,SAAS,KAAK,KAAK,CAAC,IAAI;EAAE,GAAG;GACjH,QAAQ,IAAI;GACZ;GACA,UAAU,SAAS;IACjB,IAAI,eAAe,KAAK,MAAM,IAAI;KAAE,GAAG,MAAM,IAAI;KAAG,QAAQ,MAAM,IAAI,CAAC,CAAC,SAAS;IAAK,CAAC;GACzF;EACF,CAAC;EACD,IAAI,eAAe,KAAK;EACxB,aAAa;EACb,IAAI,QAAQ,WAAW,QACrB,MAAM,IAAI;GAAE,GAAG,MAAM,IAAI;GAAG,QAAQ;EAAO,CAAC;OAEzC,IAAI,QAAQ,WAAW,SAC1B,MAAM,IAAI;GAAE,GAAG,MAAM,IAAI;GAAG,QAAQ;GAAS,OAAO,QAAQ;EAAQ,CAAC;OAElE;GAEH,IAAI,QAAQ,WAAW,gBAAgB,oBAAoB,QAAQ,CAAC;GACpE,MAAM,IAAI;IAAE,GAAG,MAAM,IAAI;IAAG,QAAQ;GAAO,CAAC;EAC9C;CACF;CAEA,OAAO;EAAE,OAAO;EAAO;EAAK;EAAO;EAAO;CAAW;AACvD"}
+{"version":3,"file":"assistant.js","names":[],"sources":["../../../src/features/ai/assistant.ts"],"sourcesContent":["import type { EditorBackend } from '../../core/backend'\nimport type { AiBlock } from '../../core/feature'\nimport type { Notifier } from '../../core/notify'\nimport { createStore, type ReadonlyStore } from '../../core/store'\nimport type { Translate } from '../../i18n'\nimport type { AiLanguage, ModelSlot } from '../../settings'\nimport { postAiSse } from './ai-sse'\nimport { AI_TASKS, type AiBlockInput, type AiTaskId, type ModelRef } from './protocol'\nimport { notifyAiRateLimited } from './rate-limit'\n\nexport type AiStatus = 'idle' | 'streaming' | 'done' | 'error'\n\nexport interface AiRunBody {\n  task: AiTaskId\n  prompt: string\n  selection: string\n  context: string\n  language?: AiLanguage\n  /** The editor's host blocks (`aiContextOf(editor).blocks`), listed in the task's system prompt. */\n  blocks?: readonly AiBlock[]\n  /** The block of a `needsBlock` task (`fill-block`): its brief and material. */\n  block?: AiBlockInput\n}\n\n/** Snapshot of the running or last request: its status, the streamed text so far and the error message. */\nexport interface AiAssistantState {\n  status: AiStatus\n  output: string\n  error: string | null\n}\n\n/** What `createAiAssistant` needs from the app: the AI port, the model of a slot, the notifier and translator for the 429 notice and failures. */\nexport interface AiAssistantOptions {\n  /** `EditorContext.backend.ai`; without it every run ends in the error state (501), like a server without AI. */\n  ai: EditorBackend['ai']\n  modelRef: (slot: ModelSlot) => ModelRef\n  /** Receives the 429 notice. */\n  notify: Notifier\n  /** The app's translator (`EditorContext.t`). */\n  t: Translate\n}\n\n/** The streaming assistant: observe `state`, `run` a task, `abort`/`reset` it. */\nexport interface AiAssistant {\n  state: ReadonlyStore<AiAssistantState>\n  run: (body: AiRunBody) => Promise<void>\n  /** Stops the running request (its outcome is `idle`). */\n  abort: () => void\n  /** Aborts and returns to the empty `idle` state. */\n  reset: () => void\n  /** Clears the error message; the status stays. */\n  clearError: () => void\n}\n\nconst IDLE: AiAssistantState = { status: 'idle', output: '', error: null }\n\n/** Streams the backend's `generate` (SSE: `delta` / `done` / `error` events) into a store, on the task's model slot. */\nexport function createAiAssistant({ ai, modelRef, notify, t }: AiAssistantOptions): AiAssistant {\n  const store = createStore<AiAssistantState>(IDLE)\n  let controller: AbortController | null = null\n\n  function abort() {\n    controller?.abort()\n  }\n\n  function reset() {\n    abort()\n    controller = null\n    store.set(IDLE)\n  }\n\n  function clearError() {\n    const state = store.get()\n    if (state.error !== null) store.set({ ...state, error: null })\n  }\n\n  async function run(body: AiRunBody): Promise<void> {\n    reset()\n    const own = new AbortController()\n    controller = own\n    store.set({ status: 'streaming', output: '', error: null })\n    const outcome = await postAiSse(ai, 'generate', { ...body, model: modelRef(AI_TASKS[body.task].slot) }, {\n      signal: own.signal,\n      t,\n      onDelta: (text) => {\n        if (controller === own) store.set({ ...store.get(), output: store.get().output + text })\n      },\n    })\n    if (controller !== own) return // superseded by reset()/another run\n    controller = null\n    if (outcome.status === 'done') {\n      store.set({ ...store.get(), status: 'done' })\n    }\n    else if (outcome.status === 'error') {\n      store.set({ ...store.get(), status: 'error', error: outcome.message })\n    }\n    else {\n      // Notice instead of the error state on 429, so the caller stays ready for another try.\n      if (outcome.status === 'rate-limited') notifyAiRateLimited(notify, t)\n      store.set({ ...store.get(), status: 'idle' })\n    }\n  }\n\n  return { state: store, run, abort, reset, clearError }\n}\n"],"mappings":";;;;;AAsDA,MAAM,OAAyB;CAAE,QAAQ;CAAQ,QAAQ;CAAI,OAAO;AAAK;;AAGzE,SAAgB,kBAAkB,EAAE,IAAI,UAAU,QAAQ,KAAsC;CAC9F,MAAM,QAAQ,YAA8B,IAAI;CAChD,IAAI,aAAqC;CAEzC,SAAS,QAAQ;EACf,YAAY,MAAM;CACpB;CAEA,SAAS,QAAQ;EACf,MAAM;EACN,aAAa;EACb,MAAM,IAAI,IAAI;CAChB;CAEA,SAAS,aAAa;EACpB,MAAM,QAAQ,MAAM,IAAI;EACxB,IAAI,MAAM,UAAU,MAAM,MAAM,IAAI;GAAE,GAAG;GAAO,OAAO;EAAK,CAAC;CAC/D;CAEA,eAAe,IAAI,MAAgC;EACjD,MAAM;EACN,MAAM,MAAM,IAAI,gBAAgB;EAChC,aAAa;EACb,MAAM,IAAI;GAAE,QAAQ;GAAa,QAAQ;GAAI,OAAO;EAAK,CAAC;EAC1D,MAAM,UAAU,MAAM,UAAU,IAAI,YAAY;GAAE,GAAG;GAAM,OAAO,SAAS,SAAS,KAAK,KAAK,CAAC,IAAI;EAAE,GAAG;GACtG,QAAQ,IAAI;GACZ;GACA,UAAU,SAAS;IACjB,IAAI,eAAe,KAAK,MAAM,IAAI;KAAE,GAAG,MAAM,IAAI;KAAG,QAAQ,MAAM,IAAI,CAAC,CAAC,SAAS;IAAK,CAAC;GACzF;EACF,CAAC;EACD,IAAI,eAAe,KAAK;EACxB,aAAa;EACb,IAAI,QAAQ,WAAW,QACrB,MAAM,IAAI;GAAE,GAAG,MAAM,IAAI;GAAG,QAAQ;EAAO,CAAC;OAEzC,IAAI,QAAQ,WAAW,SAC1B,MAAM,IAAI;GAAE,GAAG,MAAM,IAAI;GAAG,QAAQ;GAAS,OAAO,QAAQ;EAAQ,CAAC;OAElE;GAEH,IAAI,QAAQ,WAAW,gBAAgB,oBAAoB,QAAQ,CAAC;GACpE,MAAM,IAAI;IAAE,GAAG,MAAM,IAAI;IAAG,QAAQ;GAAO,CAAC;EAC9C;CACF;CAEA,OAAO;EAAE,OAAO;EAAO;EAAK;EAAO;EAAO;CAAW;AACvD"}

package/dist/features/ai/block-actions.d.ts

@@ -1,4 +1,5 @@
-import { BlockAction, BlockTarget, SlashCommandItem } from "../../core/extension-points.js";
+import { CommandDef } from "../../core/command-types.js";
+import { BlockAction, BlockTarget } from "../../core/extension-points.js";
 import { FeatureContext } from "../../core/feature.js";
 import "../../core/index.js";
 import { Editor } from "@tiptap/core";
@@ -15,6 +16,6 @@ export declare function blockTextRange(editor: Editor, { node, pos }: BlockTarge
 /** The hover action „Mit KI bearbeiten“: selects the block's text and opens the AI menu on it. */
 export declare const aiBlockAction: ({ t }: FeatureContext) => BlockAction;
 /** The `/ai` command: opens the AI menu at the caret. */
-export declare const aiSlashCommand: ({ t }: FeatureContext) => SlashCommandItem;
+export declare const aiCommand: ({ t }: FeatureContext) => CommandDef<never>;
 //#endregion
 //# sourceMappingURL=block-actions.d.ts.map

package/dist/features/ai/block-actions.js

@@ -42,14 +42,15 @@ const aiBlockAction = ({ t }) => ({
 	}
 });
 /** The `/ai` command: opens the AI menu at the caret. */
-const aiSlashCommand = ({ t }) => ({
+const aiCommand = ({ t }) => ({
 	id: "ai",
+	slash: {},
 	label: t("ai.slash.label"),
 	icon: "i-lucide-sparkles",
 	ability: ABILITY.aiGenerate,
 	run: openAiMenuAtCaret
 });
 //#endregion
-export { aiBlockAction, aiSlashCommand, blockTextRange };
+export { aiBlockAction, aiCommand, blockTextRange };
 
 //# sourceMappingURL=block-actions.js.map

package/dist/features/ai/block-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"block-actions.js","names":[],"sources":["../../../src/features/ai/block-actions.ts"],"sourcesContent":["import { type Editor } from '@tiptap/core'\nimport { Selection } from '@tiptap/pm/state'\nimport type { BlockAction, BlockTarget, FeatureContext, SlashCommandItem } from '../../core'\nimport { ABILITY, isChromeNode } from '../../core/schema'\nimport { openAiMenuAtCaret, openAiMenuForSelection } from './ai-menu'\n\n/**\n * The text of a block as a selection range: a textblock's content; otherwise from the first to the last text position\n * inside it (a list, quote or table spans its paragraphs; a block with chrome - a composite's title, description and\n * tags - only its body). Null when the block holds no text position.\n */\nexport function blockTextRange(editor: Editor, { node, pos }: BlockTarget): { from: number, to: number } | null {\n  if (node.isTextblock) return { from: pos + 1, to: pos + node.nodeSize - 1 }\n  const { doc } = editor.state\n  let start = pos + 1\n  for (let i = 0; i < node.childCount && isChromeNode(node.child(i)); i++) start += node.child(i).nodeSize\n  const end = pos + node.nodeSize - 1\n  const first = Selection.findFrom(doc.resolve(start), 1, true)\n  const last = Selection.findFrom(doc.resolve(end), -1, true)\n  if (!first || !last || first.from < start || last.to > end || first.from >= last.to) return null\n  return { from: first.from, to: last.to }\n}\n\n/** The hover action „Mit KI bearbeiten“: selects the block's text and opens the AI menu on it. */\nexport const aiBlockAction = ({ t }: FeatureContext): BlockAction => ({\n  id: 'ai',\n  label: t('ai.blockAction.label'),\n  icon: 'i-lucide-sparkles',\n  ability: ABILITY.aiRewrite,\n  order: 10,\n  isVisible: ctx => ctx.node.textContent.trim().length > 0 && blockTextRange(ctx.editor, ctx) !== null,\n  run: (ctx) => {\n    const range = blockTextRange(ctx.editor, ctx)\n    if (!range) return\n    ctx.editor.chain().focus().setTextSelection(range).run()\n    openAiMenuForSelection(ctx.editor)\n  },\n})\n\n/** The `/ai` command: opens the AI menu at the caret. */\nexport const aiSlashCommand = ({ t }: FeatureContext): SlashCommandItem => ({ id: 'ai', label: t('ai.slash.label'), icon: 'i-lucide-sparkles', ability: ABILITY.aiGenerate, run: openAiMenuAtCaret })\n"],"mappings":";;;;;;;;;;;AAWA,SAAgB,eAAe,QAAgB,EAAE,MAAM,OAAyD;CAC9G,IAAI,KAAK,aAAa,OAAO;EAAE,MAAM,MAAM;EAAG,IAAI,MAAM,KAAK,WAAW;CAAE;CAC1E,MAAM,EAAE,QAAQ,OAAO;CACvB,IAAI,QAAQ,MAAM;CAClB,KAAK,IAAI,IAAI,GAAG,IAAI,KAAK,cAAc,aAAa,KAAK,MAAM,CAAC,CAAC,GAAG,KAAK,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC;CAChG,MAAM,MAAM,MAAM,KAAK,WAAW;CAClC,MAAM,QAAQ,UAAU,SAAS,IAAI,QAAQ,KAAK,GAAG,GAAG,IAAI;CAC5D,MAAM,OAAO,UAAU,SAAS,IAAI,QAAQ,GAAG,GAAG,IAAI,IAAI;CAC1D,IAAI,CAAC,SAAS,CAAC,QAAQ,MAAM,OAAO,SAAS,KAAK,KAAK,OAAO,MAAM,QAAQ,KAAK,IAAI,OAAO;CAC5F,OAAO;EAAE,MAAM,MAAM;EAAM,IAAI,KAAK;CAAG;AACzC;;AAGA,MAAa,iBAAiB,EAAE,SAAsC;CACpE,IAAI;CACJ,OAAO,EAAE,sBAAsB;CAC/B,MAAM;CACN,SAAS,QAAQ;CACjB,OAAO;CACP,YAAW,QAAO,IAAI,KAAK,YAAY,KAAK,CAAC,CAAC,SAAS,KAAK,eAAe,IAAI,QAAQ,GAAG,MAAM;CAChG,MAAM,QAAQ;EACZ,MAAM,QAAQ,eAAe,IAAI,QAAQ,GAAG;EAC5C,IAAI,CAAC,OAAO;EACZ,IAAI,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,iBAAiB,KAAK,CAAC,CAAC,IAAI;EACvD,uBAAuB,IAAI,MAAM;CACnC;AACF;;AAGA,MAAa,kBAAkB,EAAE,SAA2C;CAAE,IAAI;CAAM,OAAO,EAAE,gBAAgB;CAAG,MAAM;CAAqB,SAAS,QAAQ;CAAY,KAAK;AAAkB"}
+{"version":3,"file":"block-actions.js","names":[],"sources":["../../../src/features/ai/block-actions.ts"],"sourcesContent":["import { type Editor } from '@tiptap/core'\nimport { Selection } from '@tiptap/pm/state'\nimport type { BlockAction, BlockTarget, CommandDef, FeatureContext } from '../../core'\nimport { ABILITY, isChromeNode } from '../../core/schema'\nimport { openAiMenuAtCaret, openAiMenuForSelection } from './ai-menu'\n\n/**\n * The text of a block as a selection range: a textblock's content; otherwise from the first to the last text position\n * inside it (a list, quote or table spans its paragraphs; a block with chrome - a composite's title, description and\n * tags - only its body). Null when the block holds no text position.\n */\nexport function blockTextRange(editor: Editor, { node, pos }: BlockTarget): { from: number, to: number } | null {\n  if (node.isTextblock) return { from: pos + 1, to: pos + node.nodeSize - 1 }\n  const { doc } = editor.state\n  let start = pos + 1\n  for (let i = 0; i < node.childCount && isChromeNode(node.child(i)); i++) start += node.child(i).nodeSize\n  const end = pos + node.nodeSize - 1\n  const first = Selection.findFrom(doc.resolve(start), 1, true)\n  const last = Selection.findFrom(doc.resolve(end), -1, true)\n  if (!first || !last || first.from < start || last.to > end || first.from >= last.to) return null\n  return { from: first.from, to: last.to }\n}\n\n/** The hover action „Mit KI bearbeiten“: selects the block's text and opens the AI menu on it. */\nexport const aiBlockAction = ({ t }: FeatureContext): BlockAction => ({\n  id: 'ai',\n  label: t('ai.blockAction.label'),\n  icon: 'i-lucide-sparkles',\n  ability: ABILITY.aiRewrite,\n  order: 10,\n  isVisible: ctx => ctx.node.textContent.trim().length > 0 && blockTextRange(ctx.editor, ctx) !== null,\n  run: (ctx) => {\n    const range = blockTextRange(ctx.editor, ctx)\n    if (!range) return\n    ctx.editor.chain().focus().setTextSelection(range).run()\n    openAiMenuForSelection(ctx.editor)\n  },\n})\n\n/** The `/ai` command: opens the AI menu at the caret. */\nexport const aiCommand = ({ t }: FeatureContext): CommandDef<never> => ({ id: 'ai', slash: {}, label: t('ai.slash.label'), icon: 'i-lucide-sparkles', ability: ABILITY.aiGenerate, run: openAiMenuAtCaret })\n"],"mappings":";;;;;;;;;;;AAWA,SAAgB,eAAe,QAAgB,EAAE,MAAM,OAAyD;CAC9G,IAAI,KAAK,aAAa,OAAO;EAAE,MAAM,MAAM;EAAG,IAAI,MAAM,KAAK,WAAW;CAAE;CAC1E,MAAM,EAAE,QAAQ,OAAO;CACvB,IAAI,QAAQ,MAAM;CAClB,KAAK,IAAI,IAAI,GAAG,IAAI,KAAK,cAAc,aAAa,KAAK,MAAM,CAAC,CAAC,GAAG,KAAK,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC;CAChG,MAAM,MAAM,MAAM,KAAK,WAAW;CAClC,MAAM,QAAQ,UAAU,SAAS,IAAI,QAAQ,KAAK,GAAG,GAAG,IAAI;CAC5D,MAAM,OAAO,UAAU,SAAS,IAAI,QAAQ,GAAG,GAAG,IAAI,IAAI;CAC1D,IAAI,CAAC,SAAS,CAAC,QAAQ,MAAM,OAAO,SAAS,KAAK,KAAK,OAAO,MAAM,QAAQ,KAAK,IAAI,OAAO;CAC5F,OAAO;EAAE,MAAM,MAAM;EAAM,IAAI,KAAK;CAAG;AACzC;;AAGA,MAAa,iBAAiB,EAAE,SAAsC;CACpE,IAAI;CACJ,OAAO,EAAE,sBAAsB;CAC/B,MAAM;CACN,SAAS,QAAQ;CACjB,OAAO;CACP,YAAW,QAAO,IAAI,KAAK,YAAY,KAAK,CAAC,CAAC,SAAS,KAAK,eAAe,IAAI,QAAQ,GAAG,MAAM;CAChG,MAAM,QAAQ;EACZ,MAAM,QAAQ,eAAe,IAAI,QAAQ,GAAG;EAC5C,IAAI,CAAC,OAAO;EACZ,IAAI,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,iBAAiB,KAAK,CAAC,CAAC,IAAI;EACvD,uBAAuB,IAAI,MAAM;CACnC;AACF;;AAGA,MAAa,aAAa,EAAE,SAA4C;CAAE,IAAI;CAAM,OAAO,CAAC;CAAG,OAAO,EAAE,gBAAgB;CAAG,MAAM;CAAqB,SAAS,QAAQ;CAAY,KAAK;AAAkB"}

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

@@ -6,8 +6,8 @@ import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
 import { useEditorSettings } from "../../../vue/settings.js";
 import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
 import { aiSelectionHighlightKey } from "../ai-selection-highlight.js";
-import { AI_SELECTION_MENU_KEY, createAiSelectionFlow } from "../selection-flow.js";
 import { previewExtensions } from "../preview-extensions.js";
+import { AI_SELECTION_MENU_KEY, createAiSelectionFlow } from "../selection-flow.js";
 import { useNotifier } from "../../../vue/use-notifier.js";
 import { useStoreRef } from "../../../vue/store-ref.js";
 import { useAiAssistant } from "../use-ai-assistant.js";

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

@@ -1,7 +1,7 @@
 import { citationBlockId } from "../protocol/chat.js";
 import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
-import { documentChatAnswerContent } from "../document-chat.js";
 import { previewExtensions } from "../preview-extensions.js";
+import { documentChatAnswerContent } from "../document-chat.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";

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

@@ -1,7 +1,7 @@
 import { ConversionProvider } from "../../../core/feature.js";
-import "../../../core/index.js";
 import { AgentOp, AgentOpProblem } from "../protocol/agent-ops.js";
 import "../protocol/index.js";
+import "../../../core/index.js";
 import { AgentOpState } from "../agent-op-review.js";
 import "../use-document-chat.js";
 //#region src/features/ai/components/DocumentChatOps.vue.d.ts

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

@@ -1,6 +1,7 @@
 import { fetchErrorMessage } from "../../../core/fetch-error.js";
 import { modelRefSchema } from "../protocol/models.js";
 import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
+import { useEditorContext } from "../../../vue/context.js";
 import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
 import { isRateLimited } from "../rate-limit.js";
 import { useModelProfiles } from "../use-model-profiles.js";
@@ -39,6 +40,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	__name: "SettingsModelProfiles",
 	setup(__props) {
 		const { Alert: UAlert, Badge: UBadge, Button: UButton, FormField: UFormField, Icon: UIcon, Input: UInput } = useUiKit();
+		const app = useEditorContext();
 		const { presets, userProfiles, saveUserProfile, removeUserProfile } = useModelProfiles();
 		const { t } = useEditorI18n();
 		/** The profile being added or edited; null while the form is closed. */
@@ -77,20 +79,18 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			removeUserProfile(id);
 			if (draft.value?.id === id) draft.value = null;
 		}
-		/** One short completion through the profile's endpoint (`POST /api/ai/complete`). */
+		/** One short completion through the profile's endpoint (`ai.complete`). */
 		async function runTest() {
 			const model = draftRef.value;
 			if (!model || !draftValid.value) return;
 			const current = { state: "running" };
 			test.value = current;
 			try {
-				await $fetch("/api/ai/complete", {
-					method: "POST",
-					body: {
-						before: "Hallo",
-						model
-					}
-				});
+				if (!app.backend.ai) throw new Error(t("ai.sse.httpError", { status: 501 }));
+				await app.backend.ai.complete({
+					before: "Hallo",
+					model
+				}, new AbortController().signal);
 				if (test.value === current) test.value = { state: "ok" };
 			} catch (error) {
 				if (test.value === current) test.value = {

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

@@ -1 +1 @@
-{"version":3,"file":"SettingsModelProfiles.js","names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_unref","_Fragment","_renderList","_createVNode","_createBlock","_createCommentVNode","_withModifiers","_withCtx"],"sources":["../../../../src/features/ai/components/SettingsModelProfiles.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, shallowRef, watch } from 'vue'\nimport { fetchErrorMessage } from '../../../core'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { modelRefSchema, type UserModelProfile } from '../protocol'\nimport { isRateLimited } from '../rate-limit'\nimport { useModelProfiles } from '../use-model-profiles'\n\n/**\n * Section of the „KI“ tab: the server's presets and this browser's own profiles. Profiles are assigned to slots in the\n * section above.\n */\nconst { Alert: UAlert, Badge: UBadge, Button: UButton, FormField: UFormField, Icon: UIcon, Input: UInput } = useUiKit()\nconst { presets, userProfiles, saveUserProfile, removeUserProfile } = useModelProfiles()\nconst { t } = useEditorI18n()\n\n/** The profile being added or edited; null while the form is closed. */\nconst draft = ref<UserModelProfile | null>(null)\n/** Result of „Testen“; replaced (not mutated) per run, so a stale run recognizes it was superseded. */\nconst test = shallowRef<{ state: 'running' } | { state: 'ok' } | { state: 'error', message: string } | null>(null)\n\nconst draftRef = computed(() => draft.value && { endpoint: draft.value.endpoint.trim(), model: draft.value.model.trim(), apiKey: draft.value.apiKey.trim() })\nconst draftValid = computed(() => !!draft.value?.label.trim() && modelRefSchema.safeParse(draftRef.value).success)\n// A test result belongs to the values it ran with.\nwatch(draftRef, () => { test.value = null })\n\nfunction edit(profile?: UserModelProfile) {\n  draft.value = profile ? { ...profile } : { id: crypto.randomUUID(), label: '', endpoint: '', model: '', apiKey: '' }\n  test.value = null\n}\n\nfunction save() {\n  if (!draft.value || !draftRef.value || !draftValid.value) return\n  saveUserProfile({ id: draft.value.id, label: draft.value.label.trim(), ...draftRef.value })\n  draft.value = null\n}\n\nfunction remove(id: string) {\n  removeUserProfile(id)\n  if (draft.value?.id === id) draft.value = null\n}\n\n/** One short completion through the profile's endpoint (`POST /api/ai/complete`). */\nasync function runTest() {\n  const model = draftRef.value\n  if (!model || !draftValid.value) return\n  const current = { state: 'running' } as const\n  test.value = current\n  try {\n    await $fetch('/api/ai/complete', { method: 'POST', body: { before: 'Hallo', model } })\n    if (test.value === current) test.value = { state: 'ok' }\n  }\n  catch (error) {\n    if (test.value === current) test.value = { state: 'error', message: isRateLimited(error) ? t('ai.rateLimited') : fetchErrorMessage(error) }\n  }\n}\n</script>\n\n<template>\n  <div class=\"flex flex-col divide-y divide-[var(--sk-border)]\">\n    <div class=\"py-3 flex flex-col gap-2\">\n      <p class=\"text-sm font-medium text-[var(--sk-fg)]\">\n        {{ t('ai.profiles.server') }}\n      </p>\n      <p v-if=\"!presets.length\" class=\"text-sm text-[var(--sk-muted)]\">\n        {{ t('ai.profiles.noPresets') }}\n      </p>\n      <ul v-else class=\"flex flex-col divide-y divide-[var(--sk-border)] rounded-md border border-[var(--sk-border)]\">\n        <li v-for=\"preset in presets\" :key=\"preset.id\" class=\"flex items-center gap-3 px-3 py-2\">\n          <UIcon name=\"i-lucide-server\" class=\"size-4 shrink-0 text-[var(--sk-muted)]\" />\n          <div class=\"min-w-0 flex-1\">\n            <p class=\"truncate text-sm font-medium\">\n              {{ preset.label }}\n            </p>\n            <p class=\"truncate text-xs text-[var(--sk-muted)]\">\n              {{ preset.model }} · {{ preset.endpoint }}\n            </p>\n          </div>\n          <UBadge :label=\"t('ai.profiles.serverBadge')\" color=\"neutral\" variant=\"subtle\" size=\"sm\" />\n        </li>\n      </ul>\n    </div>\n\n    <div class=\"py-3 flex flex-col gap-2\">\n      <div class=\"flex items-center justify-between gap-2\">\n        <p class=\"text-sm font-medium text-[var(--sk-fg)]\">\n          {{ t('ai.profiles.own') }}\n        </p>\n        <UButton v-if=\"!draft\" :label=\"t('ai.profiles.add')\" icon=\"i-lucide-plus\" size=\"sm\" color=\"neutral\" variant=\"outline\" @click=\"edit()\" />\n      </div>\n      <ul v-if=\"userProfiles.length\" class=\"flex flex-col divide-y divide-[var(--sk-border)] rounded-md border border-[var(--sk-border)]\">\n        <li v-for=\"profile in userProfiles\" :key=\"profile.id\" class=\"flex items-center gap-3 px-3 py-2\">\n          <UIcon name=\"i-lucide-key-round\" class=\"size-4 shrink-0 text-[var(--sk-muted)]\" />\n          <div class=\"min-w-0 flex-1\">\n            <p class=\"truncate text-sm font-medium\">\n              {{ profile.label }}\n            </p>\n            <p class=\"truncate text-xs text-[var(--sk-muted)]\">\n              {{ profile.model }} · {{ profile.endpoint }}\n            </p>\n          </div>\n          <UButton icon=\"i-lucide-pencil\" size=\"sm\" color=\"neutral\" variant=\"ghost\" :aria-label=\"t('ai.profiles.edit')\" @click=\"edit(profile)\" />\n          <UButton icon=\"i-lucide-trash-2\" size=\"sm\" color=\"error\" variant=\"ghost\" :aria-label=\"t('ai.profiles.delete')\" @click=\"remove(profile.id)\" />\n        </li>\n      </ul>\n\n      <form v-if=\"draft\" class=\"flex flex-col gap-3 rounded-md border border-[var(--sk-border)] p-3\" @submit.prevent=\"save\">\n        <UFormField :label=\"t('ai.profiles.name')\" required>\n          <UInput v-model=\"draft.label\" :placeholder=\"t('ai.profiles.namePlaceholder')\" class=\"w-full\" />\n        </UFormField>\n        <UFormField :label=\"t('ai.profiles.endpoint')\" :description=\"t('ai.profiles.endpointHelp')\" required>\n          <UInput v-model=\"draft.endpoint\" :placeholder=\"t('ai.profiles.endpointPlaceholder')\" class=\"w-full\" />\n        </UFormField>\n        <UFormField :label=\"t('ai.profiles.model')\" required>\n          <UInput v-model=\"draft.model\" :placeholder=\"t('ai.profiles.modelPlaceholder')\" class=\"w-full\" />\n        </UFormField>\n        <UFormField :label=\"t('ai.profiles.apiKey')\" required>\n          <UInput v-model=\"draft.apiKey\" type=\"password\" autocomplete=\"off\" class=\"w-full\" />\n        </UFormField>\n        <UAlert v-if=\"test?.state === 'ok'\" color=\"success\" variant=\"subtle\" icon=\"i-lucide-check\" :title=\"t('ai.profiles.testOk')\" />\n        <UAlert v-else-if=\"test?.state === 'error'\" color=\"error\" variant=\"subtle\" icon=\"i-lucide-circle-alert\" :title=\"test.message\" />\n        <div class=\"flex flex-wrap justify-end gap-2\">\n          <UButton\n            :label=\"t('ai.profiles.test')\"\n            icon=\"i-lucide-plug-zap\"\n            color=\"neutral\"\n            variant=\"outline\"\n            :loading=\"test?.state === 'running'\"\n            :disabled=\"!draftValid\"\n            @click=\"runTest\"\n          />\n          <UButton :label=\"t('ai.profiles.cancel')\" color=\"neutral\" variant=\"ghost\" @click=\"draft = null\" />\n          <UButton type=\"submit\" :label=\"t('ai.profiles.save')\" :disabled=\"!draftValid\" />\n        </div>\n      </form>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"SettingsModelProfiles.js","names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_unref","_Fragment","_renderList","_createVNode","_createBlock","_createCommentVNode","_withModifiers","_withCtx"],"sources":["../../../../src/features/ai/components/SettingsModelProfiles.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, shallowRef, watch } from 'vue'\nimport { fetchErrorMessage } from '../../../core'\nimport { useEditorContext } from '../../../vue/context'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { modelRefSchema, type UserModelProfile } from '../protocol'\nimport { isRateLimited } from '../rate-limit'\nimport { useModelProfiles } from '../use-model-profiles'\n\n/**\n * Section of the „KI“ tab: the server's presets and this browser's own profiles. Profiles are assigned to slots in the\n * section above.\n */\nconst { Alert: UAlert, Badge: UBadge, Button: UButton, FormField: UFormField, Icon: UIcon, Input: UInput } = useUiKit()\nconst app = useEditorContext()\nconst { presets, userProfiles, saveUserProfile, removeUserProfile } = useModelProfiles()\nconst { t } = useEditorI18n()\n\n/** The profile being added or edited; null while the form is closed. */\nconst draft = ref<UserModelProfile | null>(null)\n/** Result of „Testen“; replaced (not mutated) per run, so a stale run recognizes it was superseded. */\nconst test = shallowRef<{ state: 'running' } | { state: 'ok' } | { state: 'error', message: string } | null>(null)\n\nconst draftRef = computed(() => draft.value && { endpoint: draft.value.endpoint.trim(), model: draft.value.model.trim(), apiKey: draft.value.apiKey.trim() })\nconst draftValid = computed(() => !!draft.value?.label.trim() && modelRefSchema.safeParse(draftRef.value).success)\n// A test result belongs to the values it ran with.\nwatch(draftRef, () => { test.value = null })\n\nfunction edit(profile?: UserModelProfile) {\n  draft.value = profile ? { ...profile } : { id: crypto.randomUUID(), label: '', endpoint: '', model: '', apiKey: '' }\n  test.value = null\n}\n\nfunction save() {\n  if (!draft.value || !draftRef.value || !draftValid.value) return\n  saveUserProfile({ id: draft.value.id, label: draft.value.label.trim(), ...draftRef.value })\n  draft.value = null\n}\n\nfunction remove(id: string) {\n  removeUserProfile(id)\n  if (draft.value?.id === id) draft.value = null\n}\n\n/** One short completion through the profile's endpoint (`ai.complete`). */\nasync function runTest() {\n  const model = draftRef.value\n  if (!model || !draftValid.value) return\n  const current = { state: 'running' } as const\n  test.value = current\n  try {\n    if (!app.backend.ai) throw new Error(t('ai.sse.httpError', { status: 501 }))\n    await app.backend.ai.complete({ before: 'Hallo', model }, new AbortController().signal)\n    if (test.value === current) test.value = { state: 'ok' }\n  }\n  catch (error) {\n    if (test.value === current) test.value = { state: 'error', message: isRateLimited(error) ? t('ai.rateLimited') : fetchErrorMessage(error) }\n  }\n}\n</script>\n\n<template>\n  <div class=\"flex flex-col divide-y divide-[var(--sk-border)]\">\n    <div class=\"py-3 flex flex-col gap-2\">\n      <p class=\"text-sm font-medium text-[var(--sk-fg)]\">\n        {{ t('ai.profiles.server') }}\n      </p>\n      <p v-if=\"!presets.length\" class=\"text-sm text-[var(--sk-muted)]\">\n        {{ t('ai.profiles.noPresets') }}\n      </p>\n      <ul v-else class=\"flex flex-col divide-y divide-[var(--sk-border)] rounded-md border border-[var(--sk-border)]\">\n        <li v-for=\"preset in presets\" :key=\"preset.id\" class=\"flex items-center gap-3 px-3 py-2\">\n          <UIcon name=\"i-lucide-server\" class=\"size-4 shrink-0 text-[var(--sk-muted)]\" />\n          <div class=\"min-w-0 flex-1\">\n            <p class=\"truncate text-sm font-medium\">\n              {{ preset.label }}\n            </p>\n            <p class=\"truncate text-xs text-[var(--sk-muted)]\">\n              {{ preset.model }} · {{ preset.endpoint }}\n            </p>\n          </div>\n          <UBadge :label=\"t('ai.profiles.serverBadge')\" color=\"neutral\" variant=\"subtle\" size=\"sm\" />\n        </li>\n      </ul>\n    </div>\n\n    <div class=\"py-3 flex flex-col gap-2\">\n      <div class=\"flex items-center justify-between gap-2\">\n        <p class=\"text-sm font-medium text-[var(--sk-fg)]\">\n          {{ t('ai.profiles.own') }}\n        </p>\n        <UButton v-if=\"!draft\" :label=\"t('ai.profiles.add')\" icon=\"i-lucide-plus\" size=\"sm\" color=\"neutral\" variant=\"outline\" @click=\"edit()\" />\n      </div>\n      <ul v-if=\"userProfiles.length\" class=\"flex flex-col divide-y divide-[var(--sk-border)] rounded-md border border-[var(--sk-border)]\">\n        <li v-for=\"profile in userProfiles\" :key=\"profile.id\" class=\"flex items-center gap-3 px-3 py-2\">\n          <UIcon name=\"i-lucide-key-round\" class=\"size-4 shrink-0 text-[var(--sk-muted)]\" />\n          <div class=\"min-w-0 flex-1\">\n            <p class=\"truncate text-sm font-medium\">\n              {{ profile.label }}\n            </p>\n            <p class=\"truncate text-xs text-[var(--sk-muted)]\">\n              {{ profile.model }} · {{ profile.endpoint }}\n            </p>\n          </div>\n          <UButton icon=\"i-lucide-pencil\" size=\"sm\" color=\"neutral\" variant=\"ghost\" :aria-label=\"t('ai.profiles.edit')\" @click=\"edit(profile)\" />\n          <UButton icon=\"i-lucide-trash-2\" size=\"sm\" color=\"error\" variant=\"ghost\" :aria-label=\"t('ai.profiles.delete')\" @click=\"remove(profile.id)\" />\n        </li>\n      </ul>\n\n      <form v-if=\"draft\" class=\"flex flex-col gap-3 rounded-md border border-[var(--sk-border)] p-3\" @submit.prevent=\"save\">\n        <UFormField :label=\"t('ai.profiles.name')\" required>\n          <UInput v-model=\"draft.label\" :placeholder=\"t('ai.profiles.namePlaceholder')\" class=\"w-full\" />\n        </UFormField>\n        <UFormField :label=\"t('ai.profiles.endpoint')\" :description=\"t('ai.profiles.endpointHelp')\" required>\n          <UInput v-model=\"draft.endpoint\" :placeholder=\"t('ai.profiles.endpointPlaceholder')\" class=\"w-full\" />\n        </UFormField>\n        <UFormField :label=\"t('ai.profiles.model')\" required>\n          <UInput v-model=\"draft.model\" :placeholder=\"t('ai.profiles.modelPlaceholder')\" class=\"w-full\" />\n        </UFormField>\n        <UFormField :label=\"t('ai.profiles.apiKey')\" required>\n          <UInput v-model=\"draft.apiKey\" type=\"password\" autocomplete=\"off\" class=\"w-full\" />\n        </UFormField>\n        <UAlert v-if=\"test?.state === 'ok'\" color=\"success\" variant=\"subtle\" icon=\"i-lucide-check\" :title=\"t('ai.profiles.testOk')\" />\n        <UAlert v-else-if=\"test?.state === 'error'\" color=\"error\" variant=\"subtle\" icon=\"i-lucide-circle-alert\" :title=\"test.message\" />\n        <div class=\"flex flex-wrap justify-end gap-2\">\n          <UButton\n            :label=\"t('ai.profiles.test')\"\n            icon=\"i-lucide-plug-zap\"\n            color=\"neutral\"\n            variant=\"outline\"\n            :loading=\"test?.state === 'running'\"\n            :disabled=\"!draftValid\"\n            @click=\"runTest\"\n          />\n          <UButton :label=\"t('ai.profiles.cancel')\" color=\"neutral\" variant=\"ghost\" @click=\"draft = null\" />\n          <UButton type=\"submit\" :label=\"t('ai.profiles.save')\" :disabled=\"!draftValid\" />\n        </div>\n      </form>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/features/ai/document-chat-model.d.ts

@@ -1,22 +1,22 @@
+import { ReadonlyStore } from "../../core/store.js";
 import { Translate } from "../../i18n/index.js";
 import { ModelSlot } from "../../settings/values.js";
 import "../../settings/index.js";
+import { EditorBackend } from "../../core/backend.js";
 import { Notifier } from "../../core/notify.js";
-import { ReadonlyStore } from "../../core/store.js";
+import { ModelRef } from "../../core/backend-types.js";
 import { AgentOp, AgentOpProblem } from "./protocol/agent-ops.js";
 import { DocumentChatMessage } from "./protocol/chat.js";
-import { ModelRef } from "./protocol/models.js";
 import { AiTask } from "./protocol/tasks.js";
 import "./protocol/index.js";
 import { AgentScope } from "./agent-ops.js";
 import { AgentOpReviewState } from "./agent-op-review.js";
 import { AiTarget } from "./ai-apply.js";
 import { Editor } from "@tiptap/core";
-import { $Fetch } from "ofetch";
 //#region src/features/ai/document-chat-model.d.ts
 /**
  * A block generation run from the AI sidebar's quick actions, shown as an assistant turn. Client only: it never goes
- * to `/api/ai/chat`. `markdown` is the streamed result without the task heading (shown with `withTaskHeading`, applied
+ * to the `chat` stream. `markdown` is the streamed result without the task heading (shown with `withTaskHeading`, applied
  * as `taskResultMarkdown`), `target` the apply target captured when it started; only a result that streamed to the end
  * (`done`) can be applied.
  */
@@ -49,7 +49,8 @@ export interface DocumentChatState {
   error: string | null;
 }
 export interface DocumentChatOptions {
-  fetch: $Fetch;
+  /** `EditorContext.backend.ai`; without it every question ends in the error state (501), like a server without AI. */
+  ai: EditorBackend['ai'];
   modelRef: (slot: ModelSlot) => ModelRef;
   /** Receives the 429 notice. */
   notify: Notifier;
@@ -79,10 +80,10 @@ export interface DocumentChat {
   clearError: () => void;
 }
 /**
- * Document chat state: the conversation lives only here (client side) and goes to `/api/ai/chat` in full with every
+ * Document chat state: the conversation lives only here (client side) and goes to the backend's `chat` stream in full with every
  * message, together with the document as it is at that moment and the edit scope. Proposed edit operations open an
  * in-document review; their decisions go to the model with the next message.
  */
-export declare function createDocumentChat({ fetch, modelRef, notify, t }: DocumentChatOptions): DocumentChat;
+export declare function createDocumentChat({ ai, modelRef, notify, t }: DocumentChatOptions): DocumentChat;
 //#endregion
 //# sourceMappingURL=document-chat-model.d.ts.map

package/dist/features/ai/document-chat-model.js

@@ -1,13 +1,13 @@
-import { CORE_TARGET_IDS, convertTargetId } from "../../core/convert.js";
 import { aiContextOf, conversionsOf } from "../../core/pipeline.js";
+import { CORE_TARGET_IDS, convertTargetId } from "../../core/convert.js";
 import { parseConversionTarget } from "../../core/block-convert.js";
 import { silentNotifier } from "../../core/notify.js";
 import { createStore } from "../../core/store.js";
 import { CHAT_LIMITS } from "./protocol/chat.js";
-import { NO_AGENT_OPS, createAgentOpReview } from "./agent-op-review.js";
 import { notifyAiRateLimited } from "./rate-limit.js";
 import { postAiSse } from "./ai-sse.js";
 import { documentChatText } from "./document-chat.js";
+import { NO_AGENT_OPS, createAgentOpReview } from "./agent-op-review.js";
 //#region src/features/ai/document-chat-model.ts
 const EMPTY = {
 	messages: [],
@@ -16,11 +16,11 @@ const EMPTY = {
 	error: null
 };
 /**
-* Document chat state: the conversation lives only here (client side) and goes to `/api/ai/chat` in full with every
+* Document chat state: the conversation lives only here (client side) and goes to the backend's `chat` stream in full with every
 * message, together with the document as it is at that moment and the edit scope. Proposed edit operations open an
 * in-document review; their decisions go to the model with the next message.
 */
-function createDocumentChat({ fetch, modelRef, notify, t }) {
+function createDocumentChat({ ai, modelRef, notify, t }) {
 	const store = createStore(EMPTY);
 	const review = createAgentOpReview({
 		notify: silentNotifier,
@@ -110,7 +110,7 @@ function createDocumentChat({ fetch, modelRef, notify, t }) {
 			targets,
 			structure
 		};
-		const outcome = await postAiSse(fetch, "/api/ai/chat", body, {
+		const outcome = await postAiSse(ai, "chat", body, {
 			signal: own.signal,
 			t,
 			onDelta: (text) => {