@ecsplico/editor 0.0.0-stage → 2.0.0

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

@@ -0,0 +1,89 @@
+import { useEditorI18n } from "../../../react/use-editor-i18n.js";
+import { cn } from "../../../react/ui/utils.js";
+import { Icon } from "../../../react/Icon.js";
+import { useEditorSettings } from "../../../react/settings.js";
+import { useEditorUi } from "../../../react/editor-ui.js";
+import { MODEL_SLOT_KEYS } from "../protocol/models.js";
+import { Select, SelectContent, SelectItem, SelectSeparator, SelectTrigger, SelectValue } from "../../../react/ui/select.js";
+import { useModelProfiles } from "./use-model-profiles.js";
+import { useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/features/ai/react/ModelQuickSwitch.tsx
+/** Item value of „Modelle verwalten…“; profile ids are preset ids (camelCase) or UUIDs, so it never collides. */
+const MANAGE = "__manage__";
+/**
+* Model profile an AI slot runs on. A quick switch *is* the slot setting (`settings.ai.slots[slot]`): the choice applies
+* to every feature of the slot, not just to the surrounding dialog. The trailing „Modelle verwalten…“ opens the
+* settings on the „KI“ tab. Inside an editor surface the chrome comes from its context; mounted beside one, pass its
+* `editor`.
+*/
+function ModelQuickSwitch({ slot, size = "sm", editor, className }) {
+	const { update } = useEditorSettings();
+	const { t } = useEditorI18n();
+	const { profiles, slotProfile } = useModelProfiles();
+	const editorUi = useEditorUi(editor);
+	const [open, setOpen] = useState(false);
+	const current = slotProfile(slot);
+	const slotLabel = t(MODEL_SLOT_KEYS[slot].labelKey);
+	function onValueChange(id) {
+		if (id === MANAGE) {
+			setOpen(false);
+			editorUi?.openSettings("ai");
+			return;
+		}
+		update((draft) => {
+			draft.ai.slots[slot] = id;
+		});
+	}
+	return /* @__PURE__ */ jsxs(Select, {
+		value: current?.id ?? "",
+		onValueChange,
+		open,
+		onOpenChange: setOpen,
+		children: [/* @__PURE__ */ jsx(SelectTrigger, {
+			size: "sm",
+			"aria-label": t("ai.slot.ariaLabel", { slot: slotLabel }),
+			className: cn("max-w-full", size === "xs" && "data-[size=sm]:h-6 text-xs", className),
+			children: /* @__PURE__ */ jsx(SelectValue, {
+				placeholder: slotLabel,
+				children: current && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Icon, {
+					name: current.source === "user" ? "i-lucide-key-round" : "i-lucide-server",
+					className: "text-muted-foreground"
+				}), /* @__PURE__ */ jsx("span", {
+					className: "truncate",
+					children: current.label
+				})] })
+			})
+		}), /* @__PURE__ */ jsxs(SelectContent, {
+			position: "popper",
+			align: "start",
+			className: "min-w-72",
+			children: [profiles.map((profile) => /* @__PURE__ */ jsxs(SelectItem, {
+				value: profile.id,
+				children: [/* @__PURE__ */ jsx(Icon, {
+					name: profile.source === "preset" ? "i-lucide-server" : "i-lucide-key-round",
+					className: "text-muted-foreground"
+				}), /* @__PURE__ */ jsxs("span", {
+					className: "flex min-w-0 flex-col items-start",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "truncate",
+						children: profile.label
+					}), /* @__PURE__ */ jsx("span", {
+						className: "truncate text-xs text-muted-foreground",
+						children: profile.model
+					})]
+				})]
+			}, profile.id)), editorUi && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(SelectSeparator, {}), /* @__PURE__ */ jsxs(SelectItem, {
+				value: MANAGE,
+				children: [/* @__PURE__ */ jsx(Icon, {
+					name: "i-lucide-settings-2",
+					className: "text-muted-foreground"
+				}), t("ai.slot.manage")]
+			})] })]
+		})]
+	});
+}
+//#endregion
+export { ModelQuickSwitch };
+
+//# sourceMappingURL=ModelQuickSwitch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModelQuickSwitch.js","names":[],"sources":["../../../../src/features/ai/react/ModelQuickSwitch.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { useState } from 'react'\nimport { useEditorUi } from '../../../react/editor-ui'\nimport { Icon } from '../../../react/Icon'\nimport { useEditorSettings } from '../../../react/settings'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport { Select, SelectContent, SelectItem, SelectSeparator, SelectTrigger, SelectValue } from '../../../react/ui/select'\nimport { cn } from '../../../react/ui/utils'\nimport type { ModelSlot } from '../../../settings'\nimport { MODEL_SLOT_KEYS } from '../protocol'\nimport { useModelProfiles } from './use-model-profiles'\n\n/** Item value of „Modelle verwalten…“; profile ids are preset ids (camelCase) or UUIDs, so it never collides. */\nconst MANAGE = '__manage__'\n\n/**\n * Model profile an AI slot runs on. A quick switch *is* the slot setting (`settings.ai.slots[slot]`): the choice applies\n * to every feature of the slot, not just to the surrounding dialog. The trailing „Modelle verwalten…“ opens the\n * settings on the „KI“ tab. Inside an editor surface the chrome comes from its context; mounted beside one, pass its\n * `editor`.\n */\nexport function ModelQuickSwitch({ slot, size = 'sm', editor, className }: {\n  slot: ModelSlot\n  size?: 'xs' | 'sm'\n  /** The editor whose settings modal „Modelle verwalten…“ opens, when not mounted inside its editor surface. */\n  editor?: Editor\n  className?: string\n}) {\n  const { update } = useEditorSettings()\n  const { t } = useEditorI18n()\n  const { profiles, slotProfile } = useModelProfiles()\n  const editorUi = useEditorUi(editor)\n  const [open, setOpen] = useState(false)\n  const current = slotProfile(slot)\n  const slotLabel = t(MODEL_SLOT_KEYS[slot].labelKey)\n\n  function onValueChange(id: string) {\n    if (id === MANAGE) {\n      // Not a selection: keep the slot as it is.\n      setOpen(false)\n      editorUi?.openSettings('ai')\n      return\n    }\n    update((draft) => { draft.ai.slots[slot] = id })\n  }\n\n  return (\n    <Select value={current?.id ?? ''} onValueChange={onValueChange} open={open} onOpenChange={setOpen}>\n      <SelectTrigger size=\"sm\" aria-label={t('ai.slot.ariaLabel', { slot: slotLabel })} className={cn('max-w-full', size === 'xs' && 'data-[size=sm]:h-6 text-xs', className)}>\n        <SelectValue placeholder={slotLabel}>\n          {current && (\n            <>\n              <Icon name={current.source === 'user' ? 'i-lucide-key-round' : 'i-lucide-server'} className=\"text-muted-foreground\" />\n              <span className=\"truncate\">{current.label}</span>\n            </>\n          )}\n        </SelectValue>\n      </SelectTrigger>\n      <SelectContent position=\"popper\" align=\"start\" className=\"min-w-72\">\n        {profiles.map(profile => (\n          <SelectItem key={profile.id} value={profile.id}>\n            <Icon name={profile.source === 'preset' ? 'i-lucide-server' : 'i-lucide-key-round'} className=\"text-muted-foreground\" />\n            <span className=\"flex min-w-0 flex-col items-start\">\n              <span className=\"truncate\">{profile.label}</span>\n              <span className=\"truncate text-xs text-muted-foreground\">{profile.model}</span>\n            </span>\n          </SelectItem>\n        ))}\n        {editorUi && (\n          <>\n            <SelectSeparator />\n            <SelectItem value={MANAGE}>\n              <Icon name=\"i-lucide-settings-2\" className=\"text-muted-foreground\" />\n              {t('ai.slot.manage')}\n            </SelectItem>\n          </>\n        )}\n      </SelectContent>\n    </Select>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAaA,MAAM,SAAS;;;;;;;AAQf,SAAgB,iBAAiB,EAAE,MAAM,OAAO,MAAM,QAAQ,aAM3D;CACD,MAAM,EAAE,WAAW,kBAAkB;CACrC,MAAM,EAAE,MAAM,cAAc;CAC5B,MAAM,EAAE,UAAU,gBAAgB,iBAAiB;CACnD,MAAM,WAAW,YAAY,MAAM;CACnC,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CACtC,MAAM,UAAU,YAAY,IAAI;CAChC,MAAM,YAAY,EAAE,gBAAgB,KAAK,CAAC,QAAQ;CAElD,SAAS,cAAc,IAAY;EACjC,IAAI,OAAO,QAAQ;GAEjB,QAAQ,KAAK;GACb,UAAU,aAAa,IAAI;GAC3B;EACF;EACA,QAAQ,UAAU;GAAE,MAAM,GAAG,MAAM,QAAQ;EAAG,CAAC;CACjD;CAEA,OACE,qBAAC,QAAD;EAAQ,OAAO,SAAS,MAAM;EAAmB;EAAqB;EAAM,cAAc;EAA1F,UAAA,CACE,oBAAC,eAAD;GAAe,MAAK;GAAK,cAAY,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;GAAG,WAAW,GAAG,cAAc,SAAS,QAAQ,8BAA8B,SAAS;GACpK,UAAA,oBAAC,aAAD;IAAa,aAAa;IACvB,UAAA,WACC,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,MAAD;KAAM,MAAM,QAAQ,WAAW,SAAS,uBAAuB;KAAmB,WAAU;IAAyB,CAAA,GACrH,oBAAC,QAAD;KAAM,WAAU;KAAY,UAAA,QAAQ;IAAY,CAAA,CAChD,EAAA,CAAA;GAEO,CAAA;EACA,CAAA,GACf,qBAAC,eAAD;GAAe,UAAS;GAAS,OAAM;GAAQ,WAAU;GAAzD,UAAA,CACG,SAAS,KAAI,YACZ,qBAAC,YAAD;IAA6B,OAAO,QAAQ;IAA5C,UAAA,CACE,oBAAC,MAAD;KAAM,MAAM,QAAQ,WAAW,WAAW,oBAAoB;KAAsB,WAAU;IAAyB,CAAA,GACvH,qBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA,CACE,oBAAC,QAAD;MAAM,WAAU;MAAY,UAAA,QAAQ;KAAY,CAAA,GAChD,oBAAC,QAAD;MAAM,WAAU;MAA0C,UAAA,QAAQ;KAAY,CAAA,CAC1E;IACI,CAAA,CAAA;GANK,GAAA,QAAQ,EAMb,CACb,GACA,YACC,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,iBAAD,CAAkB,CAAA,GAClB,qBAAC,YAAD;IAAY,OAAO;IAAnB,UAAA,CACE,oBAAC,MAAD;KAAM,MAAK;KAAsB,WAAU;IAAyB,CAAA,GACnE,EAAE,gBAAgB,CACT;GACZ,CAAA,CAAA,EAAA,CAAA,CAES;EACT,CAAA,CAAA;;AAEZ"}

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

@@ -0,0 +1,5 @@
+//#region src/features/ai/react/SettingsAiTab.d.ts
+/** „KI“: writing aids, the model profile per slot, and model profiles (server presets and own profiles). */
+export declare function SettingsAiTab(): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=SettingsAiTab.d.ts.map

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

@@ -0,0 +1,103 @@
+import { AI_LANGUAGES, MODEL_SLOTS } from "../../../settings/values.js";
+import { useEditorI18n } from "../../../react/use-editor-i18n.js";
+import { useEditorSettings } from "../../../react/settings.js";
+import { AI_LANGUAGE_KEYS, MODEL_SLOT_KEYS } from "../protocol/models.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../../react/ui/select.js";
+import { ModelQuickSwitch } from "./ModelQuickSwitch.js";
+import { SettingsSection } from "../../../react/SettingsSection.js";
+import { Label } from "../../../react/ui/label.js";
+import { Switch } from "../../../react/ui/switch.js";
+import { SettingsModelProfiles } from "./SettingsModelProfiles.js";
+import { useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/features/ai/react/SettingsAiTab.tsx
+/** A settings row: label and description left, the control right (the counterpart of `UFormField orientation="horizontal"`). */
+function Row({ label, description, htmlFor, children }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-start justify-between gap-4 py-3",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex min-w-0 flex-col gap-0.5",
+			children: [/* @__PURE__ */ jsx(Label, {
+				htmlFor,
+				className: "text-sm font-medium text-foreground",
+				children: label
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-muted-foreground",
+				children: description
+			})]
+		}), children]
+	});
+}
+/** „KI“: writing aids, the model profile per slot, and model profiles (server presets and own profiles). */
+function SettingsAiTab() {
+	const { settings, update } = useEditorSettings();
+	const { t } = useEditorI18n();
+	const autocompleteId = useId();
+	const languageId = useId();
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-8",
+		children: [
+			/* @__PURE__ */ jsxs(SettingsSection, {
+				title: t("ai.settings.writing.title"),
+				children: [/* @__PURE__ */ jsx(Row, {
+					label: t("ai.settings.autocomplete.label"),
+					description: t("ai.settings.autocomplete.description"),
+					htmlFor: autocompleteId,
+					children: /* @__PURE__ */ jsx(Switch, {
+						id: autocompleteId,
+						checked: settings.ai.autocomplete,
+						onCheckedChange: (checked) => update((draft) => {
+							draft.ai.autocomplete = checked;
+						})
+					})
+				}), /* @__PURE__ */ jsx(Row, {
+					label: t("ai.settings.language.label"),
+					description: t("ai.settings.language.description"),
+					htmlFor: languageId,
+					children: /* @__PURE__ */ jsxs(Select, {
+						value: settings.ai.translateLanguage,
+						onValueChange: (value) => {
+							const language = AI_LANGUAGES.find((candidate) => candidate === value);
+							if (language) update((draft) => {
+								draft.ai.translateLanguage = language;
+							});
+						},
+						children: [/* @__PURE__ */ jsx(SelectTrigger, {
+							id: languageId,
+							className: "w-64",
+							children: /* @__PURE__ */ jsx(SelectValue, {})
+						}), /* @__PURE__ */ jsx(SelectContent, {
+							position: "popper",
+							align: "end",
+							children: AI_LANGUAGES.map((language) => /* @__PURE__ */ jsx(SelectItem, {
+								value: language,
+								children: t(AI_LANGUAGE_KEYS[language])
+							}, language))
+						})]
+					})
+				})]
+			}),
+			/* @__PURE__ */ jsx(SettingsSection, {
+				title: t("ai.settings.slots.title"),
+				description: t("ai.settings.slots.description"),
+				children: MODEL_SLOTS.map((slot) => /* @__PURE__ */ jsx(Row, {
+					label: t(MODEL_SLOT_KEYS[slot].labelKey),
+					description: t(MODEL_SLOT_KEYS[slot].descriptionKey),
+					children: /* @__PURE__ */ jsx(ModelQuickSwitch, {
+						slot,
+						className: "w-64"
+					})
+				}, slot))
+			}),
+			/* @__PURE__ */ jsx(SettingsSection, {
+				title: t("ai.settings.profiles.title"),
+				description: t("ai.settings.profiles.description"),
+				children: /* @__PURE__ */ jsx(SettingsModelProfiles, {})
+			})
+		]
+	});
+}
+//#endregion
+export { SettingsAiTab };
+
+//# sourceMappingURL=SettingsAiTab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsAiTab.js","names":[],"sources":["../../../../src/features/ai/react/SettingsAiTab.tsx"],"sourcesContent":["import { type ReactNode, useId } from 'react'\nimport { useEditorSettings } from '../../../react/settings'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport { SettingsSection } from '../../../react/SettingsSection'\nimport { Label } from '../../../react/ui/label'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../../../react/ui/select'\nimport { Switch } from '../../../react/ui/switch'\nimport { AI_LANGUAGES, MODEL_SLOTS } from '../../../settings'\nimport { AI_LANGUAGE_KEYS, MODEL_SLOT_KEYS } from '../protocol'\nimport { ModelQuickSwitch } from './ModelQuickSwitch'\nimport { SettingsModelProfiles } from './SettingsModelProfiles'\n\n/** A settings row: label and description left, the control right (the counterpart of `UFormField orientation=\"horizontal\"`). */\nfunction Row({ label, description, htmlFor, children }: { label: string, description: string, htmlFor?: string, children: ReactNode }) {\n  return (\n    <div className=\"flex items-start justify-between gap-4 py-3\">\n      <div className=\"flex min-w-0 flex-col gap-0.5\">\n        <Label htmlFor={htmlFor} className=\"text-sm font-medium text-foreground\">{label}</Label>\n        <p className=\"text-sm text-muted-foreground\">{description}</p>\n      </div>\n      {children}\n    </div>\n  )\n}\n\n/** „KI“: writing aids, the model profile per slot, and model profiles (server presets and own profiles). */\nexport function SettingsAiTab() {\n  const { settings, update } = useEditorSettings()\n  const { t } = useEditorI18n()\n  const autocompleteId = useId()\n  const languageId = useId()\n\n  return (\n    <div className=\"flex flex-col gap-8\">\n      <SettingsSection title={t('ai.settings.writing.title')}>\n        <Row label={t('ai.settings.autocomplete.label')} description={t('ai.settings.autocomplete.description')} htmlFor={autocompleteId}>\n          <Switch\n            id={autocompleteId}\n            checked={settings.ai.autocomplete}\n            onCheckedChange={checked => update((draft) => { draft.ai.autocomplete = checked })}\n          />\n        </Row>\n        <Row label={t('ai.settings.language.label')} description={t('ai.settings.language.description')} htmlFor={languageId}>\n          <Select\n            value={settings.ai.translateLanguage}\n            onValueChange={(value) => {\n              const language = AI_LANGUAGES.find(candidate => candidate === value)\n              if (language) update((draft) => { draft.ai.translateLanguage = language })\n            }}\n          >\n            <SelectTrigger id={languageId} className=\"w-64\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent position=\"popper\" align=\"end\">\n              {AI_LANGUAGES.map(language => <SelectItem key={language} value={language}>{t(AI_LANGUAGE_KEYS[language])}</SelectItem>)}\n            </SelectContent>\n          </Select>\n        </Row>\n      </SettingsSection>\n\n      <SettingsSection title={t('ai.settings.slots.title')} description={t('ai.settings.slots.description')}>\n        {MODEL_SLOTS.map(slot => (\n          <Row key={slot} label={t(MODEL_SLOT_KEYS[slot].labelKey)} description={t(MODEL_SLOT_KEYS[slot].descriptionKey)}>\n            <ModelQuickSwitch slot={slot} className=\"w-64\" />\n          </Row>\n        ))}\n      </SettingsSection>\n\n      <SettingsSection\n        title={t('ai.settings.profiles.title')}\n        description={t('ai.settings.profiles.description')}\n      >\n        <SettingsModelProfiles />\n      </SettingsSection>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAaA,SAAS,IAAI,EAAE,OAAO,aAAa,SAAS,YAA2F;CACrI,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,oBAAC,OAAD;IAAgB;IAAS,WAAU;IAAuC,UAAA;GAAa,CAAA,GACvF,oBAAC,KAAD;IAAG,WAAU;IAAiC,UAAA;GAAe,CAAA,CAC1D;EACJ,CAAA,GAAA,QACE;;AAET;;AAGA,SAAgB,gBAAgB;CAC9B,MAAM,EAAE,UAAU,WAAW,kBAAkB;CAC/C,MAAM,EAAE,MAAM,cAAc;CAC5B,MAAM,iBAAiB,MAAM;CAC7B,MAAM,aAAa,MAAM;CAEzB,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACE,qBAAC,iBAAD;IAAiB,OAAO,EAAE,2BAA2B;IAArD,UAAA,CACE,oBAAC,KAAD;KAAK,OAAO,EAAE,gCAAgC;KAAG,aAAa,EAAE,sCAAsC;KAAG,SAAS;KAChH,UAAA,oBAAC,QAAD;MACE,IAAI;MACJ,SAAS,SAAS,GAAG;MACrB,kBAAiB,YAAW,QAAQ,UAAU;OAAE,MAAM,GAAG,eAAe;MAAQ,CAAC;KAClF,CAAA;IACE,CAAA,GACL,oBAAC,KAAD;KAAK,OAAO,EAAE,4BAA4B;KAAG,aAAa,EAAE,kCAAkC;KAAG,SAAS;KACxG,UAAA,qBAAC,QAAD;MACE,OAAO,SAAS,GAAG;MACnB,gBAAgB,UAAU;OACxB,MAAM,WAAW,aAAa,MAAK,cAAa,cAAc,KAAK;OACnE,IAAI,UAAU,QAAQ,UAAU;QAAE,MAAM,GAAG,oBAAoB;OAAS,CAAC;MAC3E;MALF,UAAA,CAOE,oBAAC,eAAD;OAAe,IAAI;OAAY,WAAU;OACvC,UAAA,oBAAC,aAAD,CAAc,CAAA;MACD,CAAA,GACf,oBAAC,eAAD;OAAe,UAAS;OAAS,OAAM;OACpC,UAAA,aAAa,KAAI,aAAY,oBAAC,YAAD;QAA2B,OAAO;QAAW,UAAA,EAAE,iBAAiB,SAAS;OAAc,GAAtE,QAAsE,CAAC;MACzG,CAAA,CACT;;IACL,CAAA,CACU;;GAEjB,oBAAC,iBAAD;IAAiB,OAAO,EAAE,yBAAyB;IAAG,aAAa,EAAE,+BAA+B;IACjG,UAAA,YAAY,KAAI,SACf,oBAAC,KAAD;KAAgB,OAAO,EAAE,gBAAgB,KAAK,CAAC,QAAQ;KAAG,aAAa,EAAE,gBAAgB,KAAK,CAAC,cAAc;KAC3G,UAAA,oBAAC,kBAAD;MAAwB;MAAM,WAAU;KAAQ,CAAA;IAC7C,GAFK,IAEL,CACN;GACc,CAAA;GAEjB,oBAAC,iBAAD;IACE,OAAO,EAAE,4BAA4B;IACrC,aAAa,EAAE,kCAAkC;IAEjD,UAAA,oBAAC,uBAAD,CAAwB,CAAA;GACT,CAAA;EACd;;AAET"}

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

@@ -0,0 +1,8 @@
+//#region src/features/ai/react/SettingsModelProfiles.d.ts
+/**
+ * Section of the „KI“ tab: the server's presets and this browser's own profiles. Profiles are assigned to slots in the
+ * section above.
+ */
+export declare function SettingsModelProfiles(): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=SettingsModelProfiles.d.ts.map

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

@@ -0,0 +1,318 @@
+import { fetchErrorMessage } from "../../../core/fetch-error.js";
+import { useEditorContext } from "../../../react/context.js";
+import { useEditorI18n } from "../../../react/use-editor-i18n.js";
+import { Icon } from "../../../react/Icon.js";
+import { Button } from "../../../react/ui/button.js";
+import { modelRefSchema } from "../protocol/models.js";
+import { isRateLimited } from "../rate-limit.js";
+import { Alert, AlertTitle } from "../../../react/ui/alert.js";
+import { Input } from "../../../react/ui/input.js";
+import { useModelProfiles } from "./use-model-profiles.js";
+import { Label } from "../../../react/ui/label.js";
+import { Badge } from "../../../react/ui/badge.js";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/features/ai/react/SettingsModelProfiles.tsx
+/** A labelled form row (the counterpart of Nuxt UI's `UFormField`). */
+function Field({ label, description, required, htmlFor, children }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-1.5",
+		children: [
+			/* @__PURE__ */ jsxs(Label, {
+				htmlFor,
+				children: [label, required && /* @__PURE__ */ jsx("span", {
+					className: "text-destructive",
+					children: "*"
+				})]
+			}),
+			description && /* @__PURE__ */ jsx("p", {
+				className: "text-xs text-muted-foreground",
+				children: description
+			}),
+			children
+		]
+	});
+}
+/**
+* Section of the „KI“ tab: the server's presets and this browser's own profiles. Profiles are assigned to slots in the
+* section above.
+*/
+function SettingsModelProfiles() {
+	const app = useEditorContext();
+	const { t } = useEditorI18n();
+	const { presets, userProfiles, saveUserProfile, removeUserProfile } = useModelProfiles();
+	/** The profile being added or edited; null while the form is closed. */
+	const [draft, setDraft] = useState(null);
+	const [test, setTest] = useState(null);
+	const latestTest = useRef(null);
+	const draftRef = useMemo(() => draft && {
+		endpoint: draft.endpoint.trim(),
+		model: draft.model.trim(),
+		apiKey: draft.apiKey.trim()
+	}, [draft]);
+	const draftValid = !!draft?.label.trim() && modelRefSchema.safeParse(draftRef).success;
+	const endpoint = draftRef?.endpoint;
+	const model = draftRef?.model;
+	const apiKey = draftRef?.apiKey;
+	useEffect(() => {
+		latestTest.current = null;
+		setTest(null);
+	}, [
+		endpoint,
+		model,
+		apiKey
+	]);
+	function edit(profile) {
+		setDraft(profile ? { ...profile } : {
+			id: crypto.randomUUID(),
+			label: "",
+			endpoint: "",
+			model: "",
+			apiKey: ""
+		});
+		latestTest.current = null;
+		setTest(null);
+	}
+	function save() {
+		if (!draft || !draftRef || !draftValid) return;
+		saveUserProfile({
+			id: draft.id,
+			label: draft.label.trim(),
+			...draftRef
+		});
+		setDraft(null);
+	}
+	function remove(id) {
+		removeUserProfile(id);
+		if (draft?.id === id) setDraft(null);
+	}
+	/** One short completion through the profile's endpoint (`POST /api/ai/complete`). */
+	async function runTest() {
+		if (!draftRef || !draftValid) return;
+		const current = { state: "running" };
+		latestTest.current = current;
+		setTest(current);
+		try {
+			await app.fetch("/api/ai/complete", {
+				method: "POST",
+				body: {
+					before: "Hallo",
+					model: draftRef
+				}
+			});
+			if (latestTest.current === current) setTest({ state: "ok" });
+		} catch (error) {
+			if (latestTest.current === current) setTest({
+				state: "error",
+				message: isRateLimited(error) ? t("ai.rateLimited") : fetchErrorMessage(error)
+			});
+		}
+	}
+	const ids = {
+		name: "ai-profile-label",
+		endpoint: "ai-profile-endpoint",
+		model: "ai-profile-model",
+		apiKey: "ai-profile-key"
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col divide-y divide-border",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-2 py-3",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "text-sm font-medium text-foreground",
+				children: t("ai.profiles.server")
+			}), !presets.length ? /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-muted-foreground",
+				children: t("ai.profiles.noPresets")
+			}) : /* @__PURE__ */ jsx("ul", {
+				className: "flex flex-col divide-y divide-border rounded-md border border-border",
+				children: presets.map((preset) => /* @__PURE__ */ jsxs("li", {
+					className: "flex items-center gap-3 px-3 py-2",
+					children: [
+						/* @__PURE__ */ jsx(Icon, {
+							name: "i-lucide-server",
+							className: "text-muted-foreground"
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "min-w-0 flex-1",
+							children: [/* @__PURE__ */ jsx("p", {
+								className: "truncate text-sm font-medium",
+								children: preset.label
+							}), /* @__PURE__ */ jsxs("p", {
+								className: "truncate text-xs text-muted-foreground",
+								children: [
+									preset.model,
+									" · ",
+									preset.endpoint
+								]
+							})]
+						}),
+						/* @__PURE__ */ jsx(Badge, {
+							variant: "secondary",
+							children: t("ai.profiles.serverBadge")
+						})
+					]
+				}, preset.id))
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-2 py-3",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center justify-between gap-2",
+					children: [/* @__PURE__ */ jsx("p", {
+						className: "text-sm font-medium text-foreground",
+						children: t("ai.profiles.own")
+					}), !draft && /* @__PURE__ */ jsxs(Button, {
+						size: "sm",
+						variant: "outline",
+						onClick: () => edit(),
+						children: [/* @__PURE__ */ jsx(Icon, { name: "i-lucide-plus" }), t("ai.profiles.add")]
+					})]
+				}),
+				userProfiles.length > 0 && /* @__PURE__ */ jsx("ul", {
+					className: "flex flex-col divide-y divide-border rounded-md border border-border",
+					children: userProfiles.map((profile) => /* @__PURE__ */ jsxs("li", {
+						className: "flex items-center gap-3 px-3 py-2",
+						children: [
+							/* @__PURE__ */ jsx(Icon, {
+								name: "i-lucide-key-round",
+								className: "text-muted-foreground"
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "min-w-0 flex-1",
+								children: [/* @__PURE__ */ jsx("p", {
+									className: "truncate text-sm font-medium",
+									children: profile.label
+								}), /* @__PURE__ */ jsxs("p", {
+									className: "truncate text-xs text-muted-foreground",
+									children: [
+										profile.model,
+										" · ",
+										profile.endpoint
+									]
+								})]
+							}),
+							/* @__PURE__ */ jsx(Button, {
+								size: "icon-sm",
+								variant: "ghost",
+								"aria-label": t("ai.profiles.edit"),
+								onClick: () => edit(profile),
+								children: /* @__PURE__ */ jsx(Icon, { name: "i-lucide-pencil" })
+							}),
+							/* @__PURE__ */ jsx(Button, {
+								size: "icon-sm",
+								variant: "ghost",
+								className: "text-destructive",
+								"aria-label": t("ai.profiles.delete"),
+								onClick: () => remove(profile.id),
+								children: /* @__PURE__ */ jsx(Icon, { name: "i-lucide-trash-2" })
+							})
+						]
+					}, profile.id))
+				}),
+				draft && /* @__PURE__ */ jsxs("form", {
+					className: "flex flex-col gap-3 rounded-md border border-border p-3",
+					onSubmit: (event) => {
+						event.preventDefault();
+						save();
+					},
+					children: [
+						/* @__PURE__ */ jsx(Field, {
+							label: t("ai.profiles.name"),
+							required: true,
+							htmlFor: ids.name,
+							children: /* @__PURE__ */ jsx(Input, {
+								id: ids.name,
+								value: draft.label,
+								placeholder: t("ai.profiles.namePlaceholder"),
+								onChange: (event) => setDraft({
+									...draft,
+									label: event.target.value
+								})
+							})
+						}),
+						/* @__PURE__ */ jsx(Field, {
+							label: t("ai.profiles.endpoint"),
+							description: t("ai.profiles.endpointHelp"),
+							required: true,
+							htmlFor: ids.endpoint,
+							children: /* @__PURE__ */ jsx(Input, {
+								id: ids.endpoint,
+								value: draft.endpoint,
+								placeholder: t("ai.profiles.endpointPlaceholder"),
+								onChange: (event) => setDraft({
+									...draft,
+									endpoint: event.target.value
+								})
+							})
+						}),
+						/* @__PURE__ */ jsx(Field, {
+							label: t("ai.profiles.model"),
+							required: true,
+							htmlFor: ids.model,
+							children: /* @__PURE__ */ jsx(Input, {
+								id: ids.model,
+								value: draft.model,
+								placeholder: t("ai.profiles.modelPlaceholder"),
+								onChange: (event) => setDraft({
+									...draft,
+									model: event.target.value
+								})
+							})
+						}),
+						/* @__PURE__ */ jsx(Field, {
+							label: t("ai.profiles.apiKey"),
+							required: true,
+							htmlFor: ids.apiKey,
+							children: /* @__PURE__ */ jsx(Input, {
+								id: ids.apiKey,
+								type: "password",
+								autoComplete: "off",
+								value: draft.apiKey,
+								onChange: (event) => setDraft({
+									...draft,
+									apiKey: event.target.value
+								})
+							})
+						}),
+						test?.state === "ok" && /* @__PURE__ */ jsxs(Alert, { children: [/* @__PURE__ */ jsx(Icon, { name: "i-lucide-check" }), /* @__PURE__ */ jsx(AlertTitle, { children: t("ai.profiles.testOk") })] }),
+						test?.state === "error" && /* @__PURE__ */ jsxs(Alert, {
+							variant: "destructive",
+							children: [/* @__PURE__ */ jsx(Icon, { name: "i-lucide-circle-alert" }), /* @__PURE__ */ jsx(AlertTitle, { children: test.message })]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex flex-wrap justify-end gap-2",
+							children: [
+								/* @__PURE__ */ jsxs(Button, {
+									type: "button",
+									variant: "outline",
+									disabled: !draftValid || test?.state === "running",
+									onClick: () => void runTest(),
+									children: [/* @__PURE__ */ jsx(Icon, {
+										name: test?.state === "running" ? "i-lucide-loader-circle" : "i-lucide-plug-zap",
+										className: test?.state === "running" ? "animate-spin" : void 0
+									}), t("ai.profiles.test")]
+								}),
+								/* @__PURE__ */ jsx(Button, {
+									type: "button",
+									variant: "ghost",
+									onClick: () => setDraft(null),
+									children: t("ai.profiles.cancel")
+								}),
+								/* @__PURE__ */ jsx(Button, {
+									type: "submit",
+									disabled: !draftValid,
+									children: t("ai.profiles.save")
+								})
+							]
+						})
+					]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { SettingsModelProfiles };
+
+//# sourceMappingURL=SettingsModelProfiles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsModelProfiles.js","names":[],"sources":["../../../../src/features/ai/react/SettingsModelProfiles.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react'\nimport { fetchErrorMessage } from '../../../core'\nimport { Icon } from '../../../react/Icon'\nimport { useEditorContext } from '../../../react/context'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport { Alert, AlertTitle } from '../../../react/ui/alert'\nimport { Badge } from '../../../react/ui/badge'\nimport { Button } from '../../../react/ui/button'\nimport { Input } from '../../../react/ui/input'\nimport { Label } from '../../../react/ui/label'\nimport { modelRefSchema, type UserModelProfile } from '../protocol'\nimport { isRateLimited } from '../rate-limit'\nimport { useModelProfiles } from './use-model-profiles'\n\n/** Result of „Testen“; replaced (not mutated) per run, so a stale run recognizes it was superseded. */\ntype TestResult = { state: 'running' } | { state: 'ok' } | { state: 'error', message: string }\n\n/** A labelled form row (the counterpart of Nuxt UI's `UFormField`). */\nfunction Field({ label, description, required, htmlFor, children }: { label: string, description?: string, required?: boolean, htmlFor: string, children: React.ReactNode }) {\n  return (\n    <div className=\"flex flex-col gap-1.5\">\n      <Label htmlFor={htmlFor}>\n        {label}\n        {required && <span className=\"text-destructive\">*</span>}\n      </Label>\n      {description && <p className=\"text-xs text-muted-foreground\">{description}</p>}\n      {children}\n    </div>\n  )\n}\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 */\nexport function SettingsModelProfiles() {\n  const app = useEditorContext()\n  const { t } = useEditorI18n()\n  const { presets, userProfiles, saveUserProfile, removeUserProfile } = useModelProfiles()\n\n  /** The profile being added or edited; null while the form is closed. */\n  const [draft, setDraft] = useState<UserModelProfile | null>(null)\n  const [test, setTest] = useState<TestResult | null>(null)\n  // The result object of the latest run, so a stale run recognizes it was superseded.\n  const latestTest = useRef<TestResult | null>(null)\n\n  const draftRef = useMemo(() => draft && { endpoint: draft.endpoint.trim(), model: draft.model.trim(), apiKey: draft.apiKey.trim() }, [draft])\n  const draftValid = !!draft?.label.trim() && modelRefSchema.safeParse(draftRef).success\n  // A test result belongs to the values it ran with.\n  const endpoint = draftRef?.endpoint\n  const model = draftRef?.model\n  const apiKey = draftRef?.apiKey\n  useEffect(() => {\n    latestTest.current = null\n    setTest(null)\n  }, [endpoint, model, apiKey])\n\n  function edit(profile?: UserModelProfile) {\n    setDraft(profile ? { ...profile } : { id: crypto.randomUUID(), label: '', endpoint: '', model: '', apiKey: '' })\n    latestTest.current = null\n    setTest(null)\n  }\n\n  function save() {\n    if (!draft || !draftRef || !draftValid) return\n    saveUserProfile({ id: draft.id, label: draft.label.trim(), ...draftRef })\n    setDraft(null)\n  }\n\n  function remove(id: string) {\n    removeUserProfile(id)\n    if (draft?.id === id) setDraft(null)\n  }\n\n  /** One short completion through the profile's endpoint (`POST /api/ai/complete`). */\n  async function runTest() {\n    if (!draftRef || !draftValid) return\n    const current: TestResult = { state: 'running' }\n    latestTest.current = current\n    setTest(current)\n    try {\n      // i18n-ignore: model-facing test prompt sent to the completion endpoint\n      await app.fetch('/api/ai/complete', { method: 'POST', body: { before: 'Hallo', model: draftRef } })\n      if (latestTest.current === current) setTest({ state: 'ok' })\n    }\n    catch (error) {\n      if (latestTest.current === current) setTest({ state: 'error', message: isRateLimited(error) ? t('ai.rateLimited') : fetchErrorMessage(error) })\n    }\n  }\n\n  const ids = { name: 'ai-profile-label', endpoint: 'ai-profile-endpoint', model: 'ai-profile-model', apiKey: 'ai-profile-key' }\n\n  return (\n    <div className=\"flex flex-col divide-y divide-border\">\n      <div className=\"flex flex-col gap-2 py-3\">\n        <p className=\"text-sm font-medium text-foreground\">{t('ai.profiles.server')}</p>\n        {!presets.length\n          ? <p className=\"text-sm text-muted-foreground\">{t('ai.profiles.noPresets')}</p>\n          : (\n              <ul className=\"flex flex-col divide-y divide-border rounded-md border border-border\">\n                {presets.map(preset => (\n                  <li key={preset.id} className=\"flex items-center gap-3 px-3 py-2\">\n                    <Icon name=\"i-lucide-server\" className=\"text-muted-foreground\" />\n                    <div className=\"min-w-0 flex-1\">\n                      <p className=\"truncate text-sm font-medium\">{preset.label}</p>\n                      <p className=\"truncate text-xs text-muted-foreground\">{preset.model} · {preset.endpoint}</p>\n                    </div>\n                    <Badge variant=\"secondary\">{t('ai.profiles.serverBadge')}</Badge>\n                  </li>\n                ))}\n              </ul>\n            )}\n      </div>\n\n      <div className=\"flex flex-col gap-2 py-3\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <p className=\"text-sm font-medium text-foreground\">{t('ai.profiles.own')}</p>\n          {!draft && (\n            <Button size=\"sm\" variant=\"outline\" onClick={() => edit()}>\n              <Icon name=\"i-lucide-plus\" />\n              {t('ai.profiles.add')}\n            </Button>\n          )}\n        </div>\n        {userProfiles.length > 0 && (\n          <ul className=\"flex flex-col divide-y divide-border rounded-md border border-border\">\n            {userProfiles.map(profile => (\n              <li key={profile.id} className=\"flex items-center gap-3 px-3 py-2\">\n                <Icon name=\"i-lucide-key-round\" className=\"text-muted-foreground\" />\n                <div className=\"min-w-0 flex-1\">\n                  <p className=\"truncate text-sm font-medium\">{profile.label}</p>\n                  <p className=\"truncate text-xs text-muted-foreground\">{profile.model} · {profile.endpoint}</p>\n                </div>\n                <Button size=\"icon-sm\" variant=\"ghost\" aria-label={t('ai.profiles.edit')} onClick={() => edit(profile)}>\n                  <Icon name=\"i-lucide-pencil\" />\n                </Button>\n                <Button size=\"icon-sm\" variant=\"ghost\" className=\"text-destructive\" aria-label={t('ai.profiles.delete')} onClick={() => remove(profile.id)}>\n                  <Icon name=\"i-lucide-trash-2\" />\n                </Button>\n              </li>\n            ))}\n          </ul>\n        )}\n\n        {draft && (\n          <form\n            className=\"flex flex-col gap-3 rounded-md border border-border p-3\"\n            onSubmit={(event) => {\n              event.preventDefault()\n              save()\n            }}\n          >\n            <Field label={t('ai.profiles.name')} required htmlFor={ids.name}>\n              <Input id={ids.name} value={draft.label} placeholder={t('ai.profiles.namePlaceholder')} onChange={event => setDraft({ ...draft, label: event.target.value })} />\n            </Field>\n            <Field label={t('ai.profiles.endpoint')} description={t('ai.profiles.endpointHelp')} required htmlFor={ids.endpoint}>\n              <Input id={ids.endpoint} value={draft.endpoint} placeholder={t('ai.profiles.endpointPlaceholder')} onChange={event => setDraft({ ...draft, endpoint: event.target.value })} />\n            </Field>\n            <Field label={t('ai.profiles.model')} required htmlFor={ids.model}>\n              <Input id={ids.model} value={draft.model} placeholder={t('ai.profiles.modelPlaceholder')} onChange={event => setDraft({ ...draft, model: event.target.value })} />\n            </Field>\n            <Field label={t('ai.profiles.apiKey')} required htmlFor={ids.apiKey}>\n              <Input id={ids.apiKey} type=\"password\" autoComplete=\"off\" value={draft.apiKey} onChange={event => setDraft({ ...draft, apiKey: event.target.value })} />\n            </Field>\n            {test?.state === 'ok' && (\n              <Alert>\n                <Icon name=\"i-lucide-check\" />\n                <AlertTitle>{t('ai.profiles.testOk')}</AlertTitle>\n              </Alert>\n            )}\n            {test?.state === 'error' && (\n              <Alert variant=\"destructive\">\n                <Icon name=\"i-lucide-circle-alert\" />\n                <AlertTitle>{test.message}</AlertTitle>\n              </Alert>\n            )}\n            <div className=\"flex flex-wrap justify-end gap-2\">\n              <Button type=\"button\" variant=\"outline\" disabled={!draftValid || test?.state === 'running'} onClick={() => void runTest()}>\n                <Icon name={test?.state === 'running' ? 'i-lucide-loader-circle' : 'i-lucide-plug-zap'} className={test?.state === 'running' ? 'animate-spin' : undefined} />\n                {t('ai.profiles.test')}\n              </Button>\n              <Button type=\"button\" variant=\"ghost\" onClick={() => setDraft(null)}>{t('ai.profiles.cancel')}</Button>\n              <Button type=\"submit\" disabled={!draftValid}>{t('ai.profiles.save')}</Button>\n            </div>\n          </form>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/features/ai/react/use-ai-assistant.d.ts

@@ -0,0 +1,22 @@
+import { AiAssistant, AiAssistantState, AiRunBody, AiStatus } from "../assistant.js";
+import "../index.js";
+import { Editor } from "@tiptap/core";
+//#region src/features/ai/react/use-ai-assistant.d.ts
+/**
+ * Streams `/api/ai/generate` into component state, on the task's model slot (see `createAiAssistant`). A running
+ * request is aborted when the component unmounts. The 429 notice goes to `editor`'s surface (else the app's notifier).
+ */
+export declare function useAiAssistant(editor?: Editor): {
+  getState: () => AiAssistantState;
+  run: (body: AiRunBody) => Promise<void>;
+  abort: () => void;
+  reset: () => void;
+  clearError: () => void;
+  status: AiStatus;
+  output: string;
+  error: string | null;
+  model: AiAssistant;
+};
+//#endregion
+export type { AiRunBody, AiStatus };
+//# sourceMappingURL=use-ai-assistant.d.ts.map

package/dist/features/ai/react/use-ai-assistant.js

@@ -0,0 +1,36 @@
+import { useEditorContext } from "../../../react/context.js";
+import { useStore } from "../../../react/use-store.js";
+import { createAiAssistant } from "../assistant.js";
+import { modelProfiles } from "../model-profiles.js";
+import { useNotifier } from "../../../react/use-notifier.js";
+import { useEffect, useMemo } from "react";
+//#region src/features/ai/react/use-ai-assistant.ts
+/**
+* Streams `/api/ai/generate` into component state, on the task's model slot (see `createAiAssistant`). A running
+* request is aborted when the component unmounts. The 429 notice goes to `editor`'s surface (else the app's notifier).
+*/
+function useAiAssistant(editor) {
+	const app = useEditorContext();
+	const notify = useNotifier(editor);
+	const assistant = useMemo(() => createAiAssistant({
+		fetch: app.fetch,
+		modelRef: modelProfiles(app).modelRef,
+		notify,
+		t: app.t
+	}), [app, notify]);
+	useEffect(() => () => assistant.abort(), [assistant]);
+	/** `getState` reads the current state after an await (a render's `state` would be stale). */
+	return {
+		model: assistant,
+		...useStore(assistant.state),
+		getState: assistant.state.get,
+		run: assistant.run,
+		abort: assistant.abort,
+		reset: assistant.reset,
+		clearError: assistant.clearError
+	};
+}
+//#endregion
+export { useAiAssistant };
+
+//# sourceMappingURL=use-ai-assistant.js.map

package/dist/features/ai/react/use-ai-assistant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-ai-assistant.js","names":[],"sources":["../../../../src/features/ai/react/use-ai-assistant.ts"],"sourcesContent":["import { useEffect, useMemo } from 'react'\nimport { useEditorContext } from '../../../react/context'\nimport { useStore } from '../../../react/use-store'\nimport { type AiRunBody, type AiStatus, createAiAssistant } from '../assistant'\nimport { modelProfiles } from '../model-profiles'\nimport { useNotifier } from '../../../react/use-notifier'\nimport type { Editor } from '@tiptap/core'\n\nexport type { AiRunBody, AiStatus }\n\n/**\n * Streams `/api/ai/generate` into component state, on the task's model slot (see `createAiAssistant`). A running\n * request is aborted when the component unmounts. The 429 notice goes to `editor`'s surface (else the app's notifier).\n */\nexport function useAiAssistant(editor?: Editor) {\n  const app = useEditorContext()\n  const notify = useNotifier(editor)\n  const assistant = useMemo(\n    () => createAiAssistant({ fetch: app.fetch, modelRef: modelProfiles(app).modelRef, notify, t: app.t }),\n    [app, notify],\n  )\n  useEffect(() => () => assistant.abort(), [assistant])\n  const state = useStore(assistant.state)\n  /** `getState` reads the current state after an await (a render's `state` would be stale). */\n  return { model: assistant, ...state, getState: assistant.state.get, run: assistant.run, abort: assistant.abort, reset: assistant.reset, clearError: assistant.clearError }\n}\n"],"mappings":";;;;;;;;;;;AAcA,SAAgB,eAAe,QAAiB;CAC9C,MAAM,MAAM,iBAAiB;CAC7B,MAAM,SAAS,YAAY,MAAM;CACjC,MAAM,YAAY,cACV,kBAAkB;EAAE,OAAO,IAAI;EAAO,UAAU,cAAc,GAAG,CAAC,CAAC;EAAU;EAAQ,GAAG,IAAI;CAAE,CAAC,GACrG,CAAC,KAAK,MAAM,CACd;CACA,sBAAsB,UAAU,MAAM,GAAG,CAAC,SAAS,CAAC;;CAGpD,OAAO;EAAE,OAAO;EAAW,GAFb,SAAS,UAAU,KAEC;EAAG,UAAU,UAAU,MAAM;EAAK,KAAK,UAAU;EAAK,OAAO,UAAU;EAAO,OAAO,UAAU;EAAO,YAAY,UAAU;CAAW;AAC3K"}