@ecsplico/editor 0.0.0-stage → 2.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentChatOps.js","names":["_openBlock","_createElementBlock","_Fragment","_renderList","_createVNode","_unref","_createElementVNode","_toDisplayString","_createBlock","_createCommentVNode"],"sources":["../../../../src/features/ai/components/DocumentChatOps.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { type ConversionProvider, conversionLabel, parseConversionTarget } from '../../../core'\nimport { AGENT_OP_OUTCOME_KEYS } from '../agent-ops'\nimport type { AgentOp, AgentOpOutcome, AgentOpProblem } from '../protocol'\nimport type { AgentOpState } from '../use-document-chat'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\n\nconst { Alert: UAlert, Badge: UBadge, Button: UButton, Icon: UIcon } = useUiKit()\nconst { t } = useEditorI18n()\n\n/** The edit operations of one chat answer with their review state; open ones can be decided right here. */\nconst props = defineProps<{\n  ops: AgentOp[]\n  states: Record<string, AgentOpState>\n  /** Operations the server dropped (invalid block IDs after the retries). */\n  problems?: AgentOpProblem[]\n  /** The editor's conversion providers, to name `convert` targets. */\n  providers: readonly ConversionProvider[]\n}>()\n\nconst emit = defineEmits<{\n  decide: [id: string, accept: boolean]\n  reveal: [op: AgentOp]\n}>()\n\nconst ICONS: Record<AgentOp['type'], string> = { add: 'i-lucide-plus', update: 'i-lucide-pencil', delete: 'i-lucide-trash-2', convert: 'i-lucide-replace' }\n\nconst BADGE_COLORS: Record<AgentOpOutcome, 'primary' | 'success' | 'neutral' | 'warning' | 'info'> = {\n  pending: 'primary',\n  accepted: 'success',\n  rejected: 'neutral',\n  partial: 'info',\n  invalid: 'warning',\n  unchanged: 'neutral',\n  missing: 'warning',\n  overlap: 'warning',\n  empty: 'warning',\n  blocked: 'warning',\n}\n\nfunction label(op: AgentOp, snippet: string): string {\n  if (op.type === 'add') return op.afterId === null ? t('ai.op.addAtStart') : t('ai.op.addAfter', { snippet })\n  if (op.type === 'convert') {\n    const target = parseConversionTarget(props.providers, op.to)\n    return t('ai.op.convert', { target: target ? conversionLabel(props.providers, target, t).label : op.to, snippet })\n  }\n  return t(op.type === 'update' ? 'ai.op.update' : 'ai.op.delete', { snippet })\n}\n</script>\n\n<template>\n  <div class=\"mt-2 flex flex-col gap-1\">\n    <div\n      v-for=\"op in ops\"\n      :key=\"op.op\"\n      class=\"flex items-center gap-2 rounded-md border border-[var(--sk-border)] px-2 py-1\"\n      :data-agent-op=\"op.op\"\n    >\n      <UIcon :name=\"ICONS[op.type]\" class=\"size-4 shrink-0 text-[var(--sk-muted)]\" />\n      <button type=\"button\" class=\"min-w-0 flex-1 truncate text-left text-xs hover:underline\" :title=\"'markdown' in op ? op.markdown : undefined\" @click=\"emit('reveal', op)\">\n        {{ label(op, states[op.op]?.snippet ?? '') }}\n      </button>\n      <UBadge\n        v-if=\"states[op.op]\"\n        size=\"sm\"\n        variant=\"subtle\"\n        :color=\"BADGE_COLORS[states[op.op]!.outcome]\"\n        :label=\"t(AGENT_OP_OUTCOME_KEYS[states[op.op]!.outcome].badge)\"\n        :title=\"t(AGENT_OP_OUTCOME_KEYS[states[op.op]!.outcome].hover)\"\n      />\n      <template v-if=\"states[op.op]?.outcome === 'pending'\">\n        <UButton size=\"xs\" color=\"neutral\" variant=\"ghost\" icon=\"i-lucide-x\" :aria-label=\"t('ai.op.discard')\" @click=\"emit('decide', op.op, false)\" />\n        <UButton size=\"xs\" color=\"success\" variant=\"ghost\" icon=\"i-lucide-check\" :aria-label=\"t('ai.op.accept')\" @click=\"emit('decide', op.op, true)\" />\n      </template>\n    </div>\n    <UAlert\n      v-if=\"problems?.length\"\n      color=\"warning\"\n      variant=\"subtle\"\n      icon=\"i-lucide-triangle-alert\"\n      :title=\"problems.length === 1 ? t('ai.op.problems.one') : t('ai.op.problems.other', { n: problems.length })\"\n      :description=\"t('ai.op.problems.description')\"\n    />\n  </div>\n</template>\n"],"mappings":"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"}

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

@@ -0,0 +1,27 @@
+import { ConversionProvider } from "../../../core/feature.js";
+import "../../../core/index.js";
+import { AgentOp, AgentOpProblem } from "../protocol/agent-ops.js";
+import "../protocol/index.js";
+import { AgentOpState } from "../agent-op-review.js";
+import "../use-document-chat.js";
+//#region src/features/ai/components/DocumentChatOps.vue.d.ts
+/** The edit operations of one chat answer with their review state; open ones can be decided right here. */
+type __VLS_Props = {
+  ops: AgentOp[];
+  states: Record<string, AgentOpState>;
+  /** Operations the server dropped (invalid block IDs after the retries). */
+  problems?: AgentOpProblem[];
+  /** The editor's conversion providers, to name `convert` targets. */
+  providers: readonly ConversionProvider[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  decide: (id: string, accept: boolean) => any;
+  reveal: (op: AgentOp) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+  onDecide?: ((id: string, accept: boolean) => any) | undefined;
+  onReveal?: ((op: AgentOp) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as default };
+//# sourceMappingURL=DocumentChatOps.vue.d.ts.map

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

@@ -0,0 +1,84 @@
+import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
+import { useEditorSettings } from "../../../vue/settings.js";
+import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
+import { useEditorUi } from "../../../vue/use-editor-ui.js";
+import { MODEL_SLOT_KEYS } from "../protocol/models.js";
+import { useModelProfiles } from "../use-model-profiles.js";
+import { computed, createBlock, defineComponent, openBlock, ref, unref } from "vue";
+//#region src/features/ai/components/ModelQuickSwitch.vue
+/**
+* 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 provide; mounted beside one, pass its
+* `editor`.
+*/
+const MANAGE = "__manage__";
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "ModelQuickSwitch",
+	props: {
+		slot: {},
+		size: { default: "sm" },
+		editor: {}
+	},
+	setup(__props) {
+		const props = __props;
+		/** Item value of „Modelle verwalten…“; profile ids are preset ids (camelCase) or UUIDs, so it never collides. */
+		const { SelectMenu: USelectMenu } = useUiKit();
+		const { settings } = useEditorSettings();
+		const { profiles, slotProfile } = useModelProfiles();
+		const { t } = useEditorI18n();
+		const editorUi = useEditorUi(() => props.editor);
+		const open = ref(false);
+		const items = computed(() => [...profiles.value.map((profile) => ({
+			label: profile.label,
+			description: profile.model,
+			icon: profile.source === "preset" ? "i-lucide-server" : "i-lucide-key-round",
+			value: profile.id
+		})), ...editorUi.value ? [{ type: "separator" }, {
+			label: t("ai.slot.manage"),
+			icon: "i-lucide-settings-2",
+			value: MANAGE,
+			onSelect: manage
+		}] : []]);
+		const current = computed(() => slotProfile(props.slot));
+		const selected = computed({
+			get: () => current.value?.id,
+			set: (id) => {
+				if (id && id !== MANAGE) settings.value.ai.slots[props.slot] = id;
+			}
+		});
+		function manage(event) {
+			event.preventDefault();
+			open.value = false;
+			editorUi.value?.openSettings("ai");
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(USelectMenu), {
+				modelValue: selected.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selected.value = $event),
+				open: open.value,
+				"onUpdate:open": _cache[1] || (_cache[1] = ($event) => open.value = $event),
+				items: items.value,
+				"value-key": "value",
+				size: props.size,
+				"search-input": false,
+				icon: current.value?.source === "user" ? "i-lucide-key-round" : "i-lucide-server",
+				placeholder: unref(t)(unref(MODEL_SLOT_KEYS)[props.slot].labelKey),
+				"aria-label": unref(t)("ai.slot.ariaLabel", { slot: unref(t)(unref(MODEL_SLOT_KEYS)[props.slot].labelKey) }),
+				ui: { content: "min-w-72" }
+			}, null, 8, [
+				"modelValue",
+				"open",
+				"items",
+				"size",
+				"icon",
+				"placeholder",
+				"aria-label"
+			]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=ModelQuickSwitch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModelQuickSwitch.js","names":["_openBlock","_createBlock","_unref"],"sources":["../../../../src/features/ai/components/ModelQuickSwitch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/core'\nimport { computed, ref } from 'vue'\nimport type { SelectItem } from '../../../vue/kit/types'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorSettings } from '../../../vue/settings'\nimport { useEditorUi } from '../../../vue/use-editor-ui'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport type { ModelSlot } from '../../../settings'\nimport { MODEL_SLOT_KEYS } from '../protocol'\nimport { useModelProfiles } from '../use-model-profiles'\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 provide; mounted beside one, pass its\n * `editor`.\n */\nconst props = withDefaults(defineProps<{\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}>(), { size: 'sm' })\n\n/** Item value of „Modelle verwalten…“; profile ids are preset ids (camelCase) or UUIDs, so it never collides. */\nconst MANAGE = '__manage__'\n\nconst { SelectMenu: USelectMenu } = useUiKit()\nconst { settings } = useEditorSettings()\nconst { profiles, slotProfile } = useModelProfiles()\nconst { t } = useEditorI18n()\nconst editorUi = useEditorUi(() => props.editor)\nconst open = ref(false)\n\nconst items = computed<SelectItem[]>(() => [\n  ...profiles.value.map(profile => ({\n    label: profile.label,\n    description: profile.model,\n    icon: profile.source === 'preset' ? 'i-lucide-server' : 'i-lucide-key-round',\n    value: profile.id,\n  })),\n  ...(editorUi.value\n    ? [{ type: 'separator' as const }, { label: t('ai.slot.manage'), icon: 'i-lucide-settings-2', value: MANAGE, onSelect: manage }]\n    : []),\n])\n\nconst current = computed(() => slotProfile(props.slot))\nconst selected = computed<string | undefined>({\n  get: () => current.value?.id,\n  set: (id) => {\n    if (id && id !== MANAGE) settings.value.ai.slots[props.slot] = id\n  },\n})\n\nfunction manage(event: Event) {\n  // Not a selection: keep the slot as it is.\n  event.preventDefault()\n  open.value = false\n  editorUi.value?.openSettings('ai')\n}\n</script>\n\n<template>\n  <USelectMenu\n    v-model=\"selected\"\n    v-model:open=\"open\"\n    :items=\"items\"\n    value-key=\"value\"\n    :size=\"props.size\"\n    :search-input=\"false\"\n    :icon=\"current?.source === 'user' ? 'i-lucide-key-round' : 'i-lucide-server'\"\n    :placeholder=\"t(MODEL_SLOT_KEYS[props.slot].labelKey)\"\n    :aria-label=\"t('ai.slot.ariaLabel', { slot: t(MODEL_SLOT_KEYS[props.slot].labelKey) })\"\n    :ui=\"{ content: 'min-w-72' }\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;AA0BA,MAAM,SAAS;;;;;;;;;EARf,MAAM,QAAQ;;EAUd,MAAM,EAAE,YAAY,gBAAgB,SAAS;EAC7C,MAAM,EAAE,aAAa,kBAAkB;EACvC,MAAM,EAAE,UAAU,gBAAgB,iBAAiB;EACnD,MAAM,EAAE,MAAM,cAAc;EAC5B,MAAM,WAAW,kBAAkB,MAAM,MAAM;EAC/C,MAAM,OAAO,IAAI,KAAK;EAEtB,MAAM,QAAQ,eAA6B,CACzC,GAAG,SAAS,MAAM,KAAI,aAAY;GAChC,OAAO,QAAQ;GACf,aAAa,QAAQ;GACrB,MAAM,QAAQ,WAAW,WAAW,oBAAoB;GACxD,OAAO,QAAQ;EACjB,EAAE,GACF,GAAI,SAAS,QACT,CAAC,EAAE,MAAM,YAAqB,GAAG;GAAE,OAAO,EAAE,gBAAgB;GAAG,MAAM;GAAuB,OAAO;GAAQ,UAAU;EAAO,CAAC,IAC7H,CAAC,CACP,CAAC;EAED,MAAM,UAAU,eAAe,YAAY,MAAM,IAAI,CAAC;EACtD,MAAM,WAAW,SAA6B;GAC5C,WAAW,QAAQ,OAAO;GAC1B,MAAM,OAAO;IACX,IAAI,MAAM,OAAO,QAAQ,SAAS,MAAM,GAAG,MAAM,MAAM,QAAQ;GACjE;EACF,CAAC;EAED,SAAS,OAAO,OAAc;GAE5B,MAAM,eAAe;GACrB,KAAK,QAAQ;GACb,SAAS,OAAO,aAAa,IAAI;EACnC;;GAIE,OAAAA,UAAA,GAAAC,YAWEC,MAAA,WAAA,GAAA;IAVS,YAAA,SAAA;IAAA,uBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,SAAQ,QAAA;IACT,MAAM,KAAA;IAAA,iBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,KAAI,QAAA;IACjB,OAAO,MAAA;IACR,aAAU;IACT,MAAM,MAAM;IACZ,gBAAc;IACd,MAAM,QAAA,OAAS,WAAM,SAAA,uBAAA;IACrB,aAAaA,MAAA,CAAA,CAAC,CAACA,MAAA,eAAA,CAAe,CAAC,MAAM,KAAI,CAAE,QAAQ;IACnD,cAAYA,MAAA,CAAA,CAAC,CAAA,qBAAA,EAAA,MAA8BA,MAAA,CAAA,CAAC,CAACA,MAAA,eAAA,CAAe,CAAC,MAAM,KAAI,CAAE,QAAQ,EAAA,CAAA;IACjF,IAAI,EAAA,SAAA,WAAA"}

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

@@ -0,0 +1,23 @@
+import { ModelSlot } from "../../../settings/values.js";
+import "../../../settings/index.js";
+import { Editor } from "@tiptap/core";
+//#region src/features/ai/components/ModelQuickSwitch.vue.d.ts
+/**
+ * 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 provide; mounted beside one, pass its
+ * `editor`.
+ */
+type __VLS_Props = {
+  slot: ModelSlot;
+  size?: 'xs' | 'sm';
+  /** The editor whose settings modal „Modelle verwalten…“ opens, when not mounted inside its editor surface. */
+  editor?: Editor;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+  size: "xs" | "sm";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as default };
+//# sourceMappingURL=ModelQuickSwitch.vue.d.ts.map

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

@@ -0,0 +1,88 @@
+import { AI_LANGUAGES, MODEL_SLOTS } from "../../../settings/values.js";
+import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
+import { useEditorSettings } from "../../../vue/settings.js";
+import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
+import { AI_LANGUAGE_KEYS, MODEL_SLOT_KEYS } from "../protocol/models.js";
+import _sfc_main$1 from "./ModelQuickSwitch.js";
+import _sfc_main$2 from "../../../vue/components/SettingsSection.js";
+import _sfc_main$3 from "./SettingsModelProfiles.js";
+import { Fragment, createBlock, createElementBlock, createVNode, defineComponent, openBlock, renderList, unref, withCtx } from "vue";
+//#region src/features/ai/components/SettingsAiTab.vue
+const _hoisted_1 = { class: "flex flex-col gap-8" };
+/** „KI“: writing aids, the model profile per slot, and model profiles (server presets and own profiles). */
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "SettingsAiTab",
+	setup(__props) {
+		const { FormField: UFormField, Select: USelect, Switch: USwitch } = useUiKit();
+		const { settings } = useEditorSettings();
+		const { t } = useEditorI18n();
+		const languageItems = AI_LANGUAGES.map((l) => ({
+			label: t(AI_LANGUAGE_KEYS[l]),
+			value: l
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createVNode(_sfc_main$2, { title: unref(t)("ai.settings.writing.title") }, {
+					default: withCtx(() => [createVNode(unref(UFormField), {
+						orientation: "horizontal",
+						class: "py-3",
+						label: unref(t)("ai.settings.autocomplete.label"),
+						description: unref(t)("ai.settings.autocomplete.description")
+					}, {
+						default: withCtx(() => [createVNode(unref(USwitch), {
+							modelValue: unref(settings).ai.autocomplete,
+							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(settings).ai.autocomplete = $event)
+						}, null, 8, ["modelValue"])]),
+						_: 1
+					}, 8, ["label", "description"]), createVNode(unref(UFormField), {
+						orientation: "horizontal",
+						class: "py-3",
+						label: unref(t)("ai.settings.language.label"),
+						description: unref(t)("ai.settings.language.description")
+					}, {
+						default: withCtx(() => [createVNode(unref(USelect), {
+							modelValue: unref(settings).ai.translateLanguage,
+							"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(settings).ai.translateLanguage = $event),
+							items: unref(languageItems),
+							class: "w-64"
+						}, null, 8, ["modelValue", "items"])]),
+						_: 1
+					}, 8, ["label", "description"])]),
+					_: 1
+				}, 8, ["title"]),
+				createVNode(_sfc_main$2, {
+					title: unref(t)("ai.settings.slots.title"),
+					description: unref(t)("ai.settings.slots.description")
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(MODEL_SLOTS), (slot) => {
+						return openBlock(), createBlock(unref(UFormField), {
+							key: slot,
+							orientation: "horizontal",
+							class: "py-3",
+							label: unref(t)(unref(MODEL_SLOT_KEYS)[slot].labelKey),
+							description: unref(t)(unref(MODEL_SLOT_KEYS)[slot].descriptionKey)
+						}, {
+							default: withCtx(() => [createVNode(_sfc_main$1, {
+								slot,
+								class: "w-64"
+							}, null, 8, ["slot"])]),
+							_: 2
+						}, 1032, ["label", "description"]);
+					}), 128))]),
+					_: 1
+				}, 8, ["title", "description"]),
+				createVNode(_sfc_main$2, {
+					title: unref(t)("ai.settings.profiles.title"),
+					description: unref(t)("ai.settings.profiles.description")
+				}, {
+					default: withCtx(() => [createVNode(_sfc_main$3)]),
+					_: 1
+				}, 8, ["title", "description"])
+			]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=SettingsAiTab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsAiTab.js","names":["_openBlock","_createElementBlock","_createVNode","SettingsSection","_unref","_withCtx","_Fragment","_renderList","_createBlock","ModelQuickSwitch","SettingsModelProfiles"],"sources":["../../../../src/features/ai/components/SettingsAiTab.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport SettingsSection from '../../../vue/components/SettingsSection.vue'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorSettings } from '../../../vue/settings'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { AI_LANGUAGES, MODEL_SLOTS } from '../../../settings'\nimport { AI_LANGUAGE_KEYS, MODEL_SLOT_KEYS } from '../protocol'\nimport ModelQuickSwitch from './ModelQuickSwitch.vue'\nimport SettingsModelProfiles from './SettingsModelProfiles.vue'\n\n/** „KI“: writing aids, the model profile per slot, and model profiles (server presets and own profiles). */\nconst { FormField: UFormField, Select: USelect, Switch: USwitch } = useUiKit()\nconst { settings } = useEditorSettings()\nconst { t } = useEditorI18n()\n\nconst languageItems = AI_LANGUAGES.map(l => ({ label: t(AI_LANGUAGE_KEYS[l]), value: l }))\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-8\">\n    <SettingsSection :title=\"t('ai.settings.writing.title')\">\n      <UFormField\n        orientation=\"horizontal\"\n        class=\"py-3\"\n        :label=\"t('ai.settings.autocomplete.label')\"\n        :description=\"t('ai.settings.autocomplete.description')\"\n      >\n        <USwitch v-model=\"settings.ai.autocomplete\" />\n      </UFormField>\n      <UFormField\n        orientation=\"horizontal\"\n        class=\"py-3\"\n        :label=\"t('ai.settings.language.label')\"\n        :description=\"t('ai.settings.language.description')\"\n      >\n        <USelect v-model=\"settings.ai.translateLanguage\" :items=\"languageItems\" class=\"w-64\" />\n      </UFormField>\n    </SettingsSection>\n\n    <SettingsSection :title=\"t('ai.settings.slots.title')\" :description=\"t('ai.settings.slots.description')\">\n      <UFormField\n        v-for=\"slot in MODEL_SLOTS\"\n        :key=\"slot\"\n        orientation=\"horizontal\"\n        class=\"py-3\"\n        :label=\"t(MODEL_SLOT_KEYS[slot].labelKey)\"\n        :description=\"t(MODEL_SLOT_KEYS[slot].descriptionKey)\"\n      >\n        <ModelQuickSwitch :slot=\"slot\" class=\"w-64\" />\n      </UFormField>\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</template>\n"],"mappings":";;;;;;;;;;;;;;;EAWA,MAAM,EAAE,WAAW,YAAY,QAAQ,SAAS,QAAQ,YAAY,SAAS;EAC7E,MAAM,EAAE,aAAa,kBAAkB;EACvC,MAAM,EAAE,MAAM,cAAc;EAE5B,MAAM,gBAAgB,aAAa,KAAI,OAAM;GAAE,OAAO,EAAE,iBAAiB,EAAE;GAAG,OAAO;EAAE,EAAE;;GAIvF,OAAAA,UAAA,GAAAC,mBAuCM,OAvCN,YAuCM;IAtCJC,YAiBkBC,aAAA,EAjBA,OAAOC,MAAA,CAAA,CAAC,CAAA,2BAAA,EAAA,GAAA;KACxB,SAAAC,cAOa,CAPbH,YAOaE,MAAA,UAAA,GAAA;MANX,aAAY;MACZ,OAAM;MACL,OAAOA,MAAA,CAAA,CAAC,CAAA,gCAAA;MACR,aAAaA,MAAA,CAAA,CAAC,CAAA,sCAAA;;MAEf,SAAAC,cAA8C,CAA9CH,YAA8CE,MAAA,OAAA,GAAA;OAA5B,YAAAA,MAAA,QAAA,CAAQ,CAAC,GAAG;OAAZ,uBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,MAAA,QAAA,CAAQ,CAAC,GAAG,eAAY;;;KAE5C,GAAA,GAAA,CAAA,SAAA,aAAA,CAAA,GAAAF,YAOaE,MAAA,UAAA,GAAA;MANX,aAAY;MACZ,OAAM;MACL,OAAOA,MAAA,CAAA,CAAC,CAAA,4BAAA;MACR,aAAaA,MAAA,CAAA,CAAC,CAAA,kCAAA;;MAEf,SAAAC,cAAuF,CAAvFH,YAAuFE,MAAA,OAAA,GAAA;OAArE,YAAAA,MAAA,QAAA,CAAQ,CAAC,GAAG;OAAZ,uBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,MAAA,QAAA,CAAQ,CAAC,GAAG,oBAAiB;OAAG,OAAOA,MAAA,aAAA;OAAe,OAAM;;;;;;IAIlFF,YAWkBC,aAAA;KAXA,OAAOC,MAAA,CAAA,CAAC,CAAA,yBAAA;KAA8B,aAAaA,MAAA,CAAA,CAAC,CAAA,+BAAA;;KAElE,SAAAC,cAA2B,EAD7BL,UAAA,IAAA,GAAAC,mBASaK,UAAA,MAAAC,WARIH,MAAA,WAAA,IAAR,SAAI;MADb,OAAAJ,UAAA,GAAAQ,YASaJ,MAAA,UAAA,GAAA;OAPV,KAAK;OACN,aAAY;OACZ,OAAM;OACL,OAAOA,MAAA,CAAA,CAAC,CAACA,MAAA,eAAA,CAAe,CAAC,KAAI,CAAE,QAAQ;OACvC,aAAaA,MAAA,CAAA,CAAC,CAACA,MAAA,eAAA,CAAe,CAAC,KAAI,CAAE,cAAc;;OAEpD,SAAAC,cAA8C,CAA9CH,YAA8CO,aAAA;QAArB;QAAM,OAAM;;;;;;;IAIzCP,YAKkBC,aAAA;KAJf,OAAOC,MAAA,CAAA,CAAC,CAAA,4BAAA;KACR,aAAaA,MAAA,CAAA,CAAC,CAAA,kCAAA;;KAEf,SAAAC,cAAyB,CAAzBH,YAAyBQ,WAAA,CAAA,CAAA"}

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

@@ -0,0 +1,6 @@
+//#region src/features/ai/components/SettingsAiTab.vue.d.ts
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as default };
+//# sourceMappingURL=SettingsAiTab.vue.d.ts.map

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

@@ -0,0 +1,260 @@
+import { fetchErrorMessage } from "../../../core/fetch-error.js";
+import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
+import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
+import { modelRefSchema } from "../protocol/models.js";
+import { isRateLimited } from "../rate-limit.js";
+import { useModelProfiles } from "../use-model-profiles.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, ref, renderList, shallowRef, toDisplayString, unref, watch, withCtx, withModifiers } from "vue";
+//#region src/features/ai/components/SettingsModelProfiles.vue
+const _hoisted_1 = { class: "flex flex-col divide-y divide-[var(--sk-border)]" };
+const _hoisted_2 = { class: "py-3 flex flex-col gap-2" };
+const _hoisted_3 = { class: "text-sm font-medium text-[var(--sk-fg)]" };
+const _hoisted_4 = {
+	key: 0,
+	class: "text-sm text-[var(--sk-muted)]"
+};
+const _hoisted_5 = {
+	key: 1,
+	class: "flex flex-col divide-y divide-[var(--sk-border)] rounded-md border border-[var(--sk-border)]"
+};
+const _hoisted_6 = { class: "min-w-0 flex-1" };
+const _hoisted_7 = { class: "truncate text-sm font-medium" };
+const _hoisted_8 = { class: "truncate text-xs text-[var(--sk-muted)]" };
+const _hoisted_9 = { class: "py-3 flex flex-col gap-2" };
+const _hoisted_10 = { class: "flex items-center justify-between gap-2" };
+const _hoisted_11 = { class: "text-sm font-medium text-[var(--sk-fg)]" };
+const _hoisted_12 = {
+	key: 0,
+	class: "flex flex-col divide-y divide-[var(--sk-border)] rounded-md border border-[var(--sk-border)]"
+};
+const _hoisted_13 = { class: "min-w-0 flex-1" };
+const _hoisted_14 = { class: "truncate text-sm font-medium" };
+const _hoisted_15 = { class: "truncate text-xs text-[var(--sk-muted)]" };
+const _hoisted_16 = { class: "flex flex-wrap justify-end gap-2" };
+/**
+* Section of the „KI“ tab: the server's presets and this browser's own profiles. Profiles are assigned to slots in the
+* section above.
+*/
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "SettingsModelProfiles",
+	setup(__props) {
+		const { Alert: UAlert, Badge: UBadge, Button: UButton, FormField: UFormField, Icon: UIcon, Input: UInput } = useUiKit();
+		const { presets, userProfiles, saveUserProfile, removeUserProfile } = useModelProfiles();
+		const { t } = useEditorI18n();
+		/** The profile being added or edited; null while the form is closed. */
+		const draft = ref(null);
+		/** Result of „Testen“; replaced (not mutated) per run, so a stale run recognizes it was superseded. */
+		const test = shallowRef(null);
+		const draftRef = computed(() => draft.value && {
+			endpoint: draft.value.endpoint.trim(),
+			model: draft.value.model.trim(),
+			apiKey: draft.value.apiKey.trim()
+		});
+		const draftValid = computed(() => !!draft.value?.label.trim() && modelRefSchema.safeParse(draftRef.value).success);
+		watch(draftRef, () => {
+			test.value = null;
+		});
+		function edit(profile) {
+			draft.value = profile ? { ...profile } : {
+				id: crypto.randomUUID(),
+				label: "",
+				endpoint: "",
+				model: "",
+				apiKey: ""
+			};
+			test.value = null;
+		}
+		function save() {
+			if (!draft.value || !draftRef.value || !draftValid.value) return;
+			saveUserProfile({
+				id: draft.value.id,
+				label: draft.value.label.trim(),
+				...draftRef.value
+			});
+			draft.value = null;
+		}
+		function remove(id) {
+			removeUserProfile(id);
+			if (draft.value?.id === id) draft.value = null;
+		}
+		/** One short completion through the profile's endpoint (`POST /api/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 (test.value === current) test.value = { state: "ok" };
+			} catch (error) {
+				if (test.value === current) test.value = {
+					state: "error",
+					message: isRateLimited(error) ? t("ai.rateLimited") : fetchErrorMessage(error)
+				};
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("p", _hoisted_3, toDisplayString(unref(t)("ai.profiles.server")), 1), !unref(presets).length ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(unref(t)("ai.profiles.noPresets")), 1)) : (openBlock(), createElementBlock("ul", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(presets), (preset) => {
+				return openBlock(), createElementBlock("li", {
+					key: preset.id,
+					class: "flex items-center gap-3 px-3 py-2"
+				}, [
+					createVNode(unref(UIcon), {
+						name: "i-lucide-server",
+						class: "size-4 shrink-0 text-[var(--sk-muted)]"
+					}),
+					createElementVNode("div", _hoisted_6, [createElementVNode("p", _hoisted_7, toDisplayString(preset.label), 1), createElementVNode("p", _hoisted_8, toDisplayString(preset.model) + " · " + toDisplayString(preset.endpoint), 1)]),
+					createVNode(unref(UBadge), {
+						label: unref(t)("ai.profiles.serverBadge"),
+						color: "neutral",
+						variant: "subtle",
+						size: "sm"
+					}, null, 8, ["label"])
+				]);
+			}), 128))]))]), createElementVNode("div", _hoisted_9, [
+				createElementVNode("div", _hoisted_10, [createElementVNode("p", _hoisted_11, toDisplayString(unref(t)("ai.profiles.own")), 1), !draft.value ? (openBlock(), createBlock(unref(UButton), {
+					key: 0,
+					label: unref(t)("ai.profiles.add"),
+					icon: "i-lucide-plus",
+					size: "sm",
+					color: "neutral",
+					variant: "outline",
+					onClick: _cache[0] || (_cache[0] = ($event) => edit())
+				}, null, 8, ["label"])) : createCommentVNode("v-if", true)]),
+				unref(userProfiles).length ? (openBlock(), createElementBlock("ul", _hoisted_12, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(userProfiles), (profile) => {
+					return openBlock(), createElementBlock("li", {
+						key: profile.id,
+						class: "flex items-center gap-3 px-3 py-2"
+					}, [
+						createVNode(unref(UIcon), {
+							name: "i-lucide-key-round",
+							class: "size-4 shrink-0 text-[var(--sk-muted)]"
+						}),
+						createElementVNode("div", _hoisted_13, [createElementVNode("p", _hoisted_14, toDisplayString(profile.label), 1), createElementVNode("p", _hoisted_15, toDisplayString(profile.model) + " · " + toDisplayString(profile.endpoint), 1)]),
+						createVNode(unref(UButton), {
+							icon: "i-lucide-pencil",
+							size: "sm",
+							color: "neutral",
+							variant: "ghost",
+							"aria-label": unref(t)("ai.profiles.edit"),
+							onClick: ($event) => edit(profile)
+						}, null, 8, ["aria-label", "onClick"]),
+						createVNode(unref(UButton), {
+							icon: "i-lucide-trash-2",
+							size: "sm",
+							color: "error",
+							variant: "ghost",
+							"aria-label": unref(t)("ai.profiles.delete"),
+							onClick: ($event) => remove(profile.id)
+						}, null, 8, ["aria-label", "onClick"])
+					]);
+				}), 128))])) : createCommentVNode("v-if", true),
+				draft.value ? (openBlock(), createElementBlock("form", {
+					key: 1,
+					class: "flex flex-col gap-3 rounded-md border border-[var(--sk-border)] p-3",
+					onSubmit: withModifiers(save, ["prevent"])
+				}, [
+					createVNode(unref(UFormField), {
+						label: unref(t)("ai.profiles.name"),
+						required: ""
+					}, {
+						default: withCtx(() => [createVNode(unref(UInput), {
+							modelValue: draft.value.label,
+							"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => draft.value.label = $event),
+							placeholder: unref(t)("ai.profiles.namePlaceholder"),
+							class: "w-full"
+						}, null, 8, ["modelValue", "placeholder"])]),
+						_: 1
+					}, 8, ["label"]),
+					createVNode(unref(UFormField), {
+						label: unref(t)("ai.profiles.endpoint"),
+						description: unref(t)("ai.profiles.endpointHelp"),
+						required: ""
+					}, {
+						default: withCtx(() => [createVNode(unref(UInput), {
+							modelValue: draft.value.endpoint,
+							"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => draft.value.endpoint = $event),
+							placeholder: unref(t)("ai.profiles.endpointPlaceholder"),
+							class: "w-full"
+						}, null, 8, ["modelValue", "placeholder"])]),
+						_: 1
+					}, 8, ["label", "description"]),
+					createVNode(unref(UFormField), {
+						label: unref(t)("ai.profiles.model"),
+						required: ""
+					}, {
+						default: withCtx(() => [createVNode(unref(UInput), {
+							modelValue: draft.value.model,
+							"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => draft.value.model = $event),
+							placeholder: unref(t)("ai.profiles.modelPlaceholder"),
+							class: "w-full"
+						}, null, 8, ["modelValue", "placeholder"])]),
+						_: 1
+					}, 8, ["label"]),
+					createVNode(unref(UFormField), {
+						label: unref(t)("ai.profiles.apiKey"),
+						required: ""
+					}, {
+						default: withCtx(() => [createVNode(unref(UInput), {
+							modelValue: draft.value.apiKey,
+							"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => draft.value.apiKey = $event),
+							type: "password",
+							autocomplete: "off",
+							class: "w-full"
+						}, null, 8, ["modelValue"])]),
+						_: 1
+					}, 8, ["label"]),
+					test.value?.state === "ok" ? (openBlock(), createBlock(unref(UAlert), {
+						key: 0,
+						color: "success",
+						variant: "subtle",
+						icon: "i-lucide-check",
+						title: unref(t)("ai.profiles.testOk")
+					}, null, 8, ["title"])) : test.value?.state === "error" ? (openBlock(), createBlock(unref(UAlert), {
+						key: 1,
+						color: "error",
+						variant: "subtle",
+						icon: "i-lucide-circle-alert",
+						title: test.value.message
+					}, null, 8, ["title"])) : createCommentVNode("v-if", true),
+					createElementVNode("div", _hoisted_16, [
+						createVNode(unref(UButton), {
+							label: unref(t)("ai.profiles.test"),
+							icon: "i-lucide-plug-zap",
+							color: "neutral",
+							variant: "outline",
+							loading: test.value?.state === "running",
+							disabled: !draftValid.value,
+							onClick: runTest
+						}, null, 8, [
+							"label",
+							"loading",
+							"disabled"
+						]),
+						createVNode(unref(UButton), {
+							label: unref(t)("ai.profiles.cancel"),
+							color: "neutral",
+							variant: "ghost",
+							onClick: _cache[5] || (_cache[5] = ($event) => draft.value = null)
+						}, null, 8, ["label"]),
+						createVNode(unref(UButton), {
+							type: "submit",
+							label: unref(t)("ai.profiles.save"),
+							disabled: !draftValid.value
+						}, null, 8, ["label", "disabled"])
+					])
+				], 32)) : createCommentVNode("v-if", true)
+			])]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=SettingsModelProfiles.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,6 @@
+//#region src/features/ai/components/SettingsModelProfiles.vue.d.ts
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as default };
+//# sourceMappingURL=SettingsModelProfiles.vue.d.ts.map