@ecsplico/editor 3.4.0 → 3.5.1

package/dist/features/image-studio/components/ImageStudioView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageStudioView.js","names":["selected","node","editor","_openBlock","_createBlock","_unref","_normalizeClass","_withCtx","_createElementVNode","_createElementBlock","_createVNode","_toDisplayString","_createCommentVNode","ImageStudioDialog"],"sources":["../../../../src/features/image-studio/components/ImageStudioView.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { NodeViewWrapper, nodeViewProps } from '@tiptap/vue-3'\nimport { computed, onBeforeUnmount, ref, shallowRef, toRaw } from 'vue'\nimport { editorEntryOf } from '../../../core'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { useNotifier } from '../../../vue/use-notifier'\nimport { SCRATCH_DOCUMENT_ID } from '../../media/assets'\nimport { createImageStudioNodeStore, type ImageStudioNodeStore } from '../node-store'\nimport { normalizeImageStudioState } from '../state'\nimport ImageStudioDialog from './ImageStudioDialog.vue'\n\nconst props = defineProps(nodeViewProps)\n\nconst { Button: UButton, Icon: UIcon } = useUiKit()\nconst { t } = useEditorI18n()\nconst notify = useNotifier(() => props.editor)\n\nconst studio = computed(() => normalizeImageStudioState(props.node.attrs.studio))\nconst description = computed(() => studio.value.description.trim())\n\n// The store (and with it the Prompt-Bausteine list) is built when the studio opens first and lives as long as the view.\nconst open = ref(false)\nconst store = shallowRef<ImageStudioNodeStore>()\n\n/** Opens the studio dialog; a read-only editor opens none, a backend without image generation explains itself. */\nfunction openStudio() {\n  if (!props.editor.isEditable) return\n  const ctx = editorEntryOf(toRaw(props.editor))?.ctx\n  const backend = ctx?.backend.images\n  if (!ctx || !backend) {\n    notify({ id: 'image-studio.unavailable', title: t('imageStudio.action.notConfigured'), kind: 'warning' })\n    return\n  }\n  store.value ??= createImageStudioNodeStore({\n    editor: toRaw(props.editor),\n    getPos: props.getPos,\n    backend,\n    documentId: ctx.documentId ?? SCRATCH_DOCUMENT_ID,\n  })\n  open.value = true\n}\n\nonBeforeUnmount(() => store.value?.dispose())\n</script>\n\n<template>\n  <NodeViewWrapper\n    as=\"figure\"\n    data-image-studio-block\n    :class=\"['my-3 flex flex-col gap-2 rounded-md', { 'outline-2 outline-offset-2 outline-[var(--sk-primary)]': selected }]\"\n    @dblclick=\"openStudio\"\n    @sk-image-studio-open=\"openStudio\"\n  >\n    <div class=\"flex flex-col gap-2\" contenteditable=\"false\">\n      <img\n        v-if=\"node.attrs.src\"\n        :src=\"node.attrs.src\"\n        :alt=\"node.attrs.alt || description\"\n        class=\"m-0 max-w-full rounded-md\"\n      >\n      <div\n        v-else\n        class=\"flex min-h-32 flex-col items-center justify-center gap-2 rounded-md border border-dashed border-[var(--sk-border)] p-4 text-center text-sm\"\n      >\n        <UIcon name=\"i-lucide-image-plus\" class=\"size-6 shrink-0 text-[var(--sk-fg-dimmed)]\" />\n        <span v-if=\"description\" class=\"whitespace-pre-wrap text-[var(--sk-muted)]\">{{ description }}</span>\n        <span v-else class=\"text-[var(--sk-fg-dimmed)]\">{{ t('imageStudio.node.noDescription') }}</span>\n      </div>\n      <figcaption v-if=\"node.attrs.src && description\" class=\"whitespace-pre-wrap px-1 text-sm text-[var(--sk-muted)]\">\n        {{ description }}\n      </figcaption>\n      <div v-if=\"editor.isEditable\" class=\"flex\">\n        <UButton\n          :label=\"t('imageStudio.node.open')\"\n          icon=\"i-lucide-wand-sparkles\"\n          size=\"xs\"\n          color=\"neutral\"\n          variant=\"soft\"\n          @click=\"openStudio\"\n        />\n      </div>\n    </div>\n    <ImageStudioDialog\n      v-if=\"store\"\n      v-model:open=\"open\"\n      :store=\"store\"\n      :title=\"t('imageStudio.node.dialogTitle')\"\n    />\n  </NodeViewWrapper>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYA,MAAM,QAAQ;EAEd,MAAM,EAAE,QAAQ,SAAS,MAAM,UAAU,SAAS;EAClD,MAAM,EAAE,MAAM,cAAc;EAC5B,MAAM,SAAS,kBAAkB,MAAM,MAAM;EAE7C,MAAM,SAAS,eAAe,0BAA0B,MAAM,KAAK,MAAM,MAAM,CAAC;EAChF,MAAM,cAAc,eAAe,OAAO,MAAM,YAAY,KAAK,CAAC;EAGlE,MAAM,OAAO,IAAI,KAAK;EACtB,MAAM,QAAQ,WAAiC;;EAG/C,SAAS,aAAa;GACpB,IAAI,CAAC,MAAM,OAAO,YAAY;GAC9B,MAAM,MAAM,cAAc,MAAM,MAAM,MAAM,CAAC,CAAC,EAAE;GAChD,MAAM,UAAU,KAAK,QAAQ;GAC7B,IAAI,CAAC,OAAO,CAAC,SAAS;IACpB,OAAO;KAAE,IAAI;KAA4B,OAAO,EAAE,kCAAkC;KAAG,MAAM;IAAU,CAAC;IACxG;GACF;GACA,MAAM,UAAU,2BAA2B;IACzC,QAAQ,MAAM,MAAM,MAAM;IAC1B,QAAQ,MAAM;IACd;IACA,YAAY,IAAI,cAAA;GAClB,CAAC;GACD,KAAK,QAAQ;EACf;EAEA,sBAAsB,MAAM,OAAO,QAAQ,CAAC;;GAI1C,OAAAG,UAAA,GAAAC,YA0CkBC,MAAA,eAAA,GAAA;IAzChB,IAAG;IACH,2BAAA;IACC,OAAKC,eAAA,CAAA,uCAAA,EAAA,0DAAsGN,KAAAA,SAAQ,CAAA,CAAA;IACnH,YAAU;IACV,qBAAsB;;IAEvB,SAAAO,cA4BM,CA5BNC,mBA4BM,OA5BN,YA4BM;KA1BIP,KAAAA,KAAK,MAAM,OADnBE,UAAA,GAAAM,mBAKC,OAAA;;MAHE,KAAKR,KAAAA,KAAK,MAAM;MAChB,KAAKA,KAAAA,KAAK,MAAM,OAAO,YAAA;MACxB,OAAM;KAER,GAAA,MAAA,GAAA,UAAA,MAAAE,UAAA,GAAAM,mBAOM,OAPN,YAOM,CAHJC,YAAuFL,MAAA,KAAA,GAAA;MAAhF,MAAK;MAAsB,OAAM;KAC5B,CAAA,GAAA,YAAA,SAAZF,UAAA,GAAAM,mBAAoG,QAApG,YAAoGE,gBAArB,YAAA,KAAW,GAAA,CAAA,MAC1FR,UAAA,GAAAM,mBAAgG,QAAhG,YAAgGE,gBAA7CN,MAAA,CAAA,CAAC,CAAA,gCAAA,CAAA,GAAA,CAAA,EAAA,CAAA;KAEpCJ,KAAAA,KAAK,MAAM,OAAO,YAAA,SAApCE,UAAA,GAAAM,mBAEa,cAFb,YAEaE,gBADR,YAAA,KAAW,GAAA,CAAA,KAAAC,mBAAA,QAAA,IAAA;KAELV,KAAAA,OAAO,cAAlBC,UAAA,GAAAM,mBASM,OATN,YASM,CARJC,YAOEL,MAAA,OAAA,GAAA;MANC,OAAOA,MAAA,CAAA,CAAC,CAAA,uBAAA;MACT,MAAK;MACL,MAAK;MACL,OAAM;MACN,SAAQ;MACP,SAAO;;IAKN,CAAA,GAAA,MAAA,SADRF,UAAA,GAAAC,YAKES,aAAA;;KAHQ,MAAM,KAAA;KAAA,iBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,KAAI,QAAA;KACjB,OAAO,MAAA;KACP,OAAOR,MAAA,CAAA,CAAC,CAAA,8BAAA"}

package/dist/features/image-studio/feature.d.ts

@@ -0,0 +1,24 @@
+import { EditorFeature } from "../../core/feature.js";
+import "../../core/index.js";
+import { NodeViewRenderer } from "@tiptap/core";
+//#region src/features/image-studio/feature.d.ts
+/** What a framework binding supplies to the Bild-Studio feature. */
+export interface ImageStudioUi {
+  /** The block's view of the framework; without one the node renders as the plain `<img>` of its HTML form. */
+  nodeView?: NodeViewRenderer;
+}
+/**
+ * The event the `image-studio.open` block action fires on the block's node view element; the view answers it by opening
+ * the studio dialog. A node view that does not listen (a headless editor) ignores it.
+ */
+export declare const IMAGE_STUDIO_OPEN = "sk-image-studio-open";
+/**
+ * The Bild-Studio block (`imageStudio` node: a picture with its description, Prompt-Bausteine, references, previous
+ * generations and chat log in one `studio` attribute), the `/` entry `bild-studio` that inserts an empty one, offered
+ * where the caret has `insert.imageStudio`, and the block action `image-studio.open` («Im Bild-Studio öffnen») that asks
+ * the block's view to open the studio dialog. The node view and the dialog come from the framework binding (`ui`).
+ * Works without the `images` backend capability: the view then explains that generation is not set up instead of opening.
+ */
+export declare function imageStudioFeatureCore(ui?: ImageStudioUi): EditorFeature<never>;
+//#endregion
+//# sourceMappingURL=feature.d.ts.map

package/dist/features/image-studio/feature.js

@@ -0,0 +1,53 @@
+import { ABILITY } from "../../core/schema/abilities.js";
+import { command } from "../../core/commands.js";
+import { ImageStudioNode, imageStudioSchemaExtensions } from "./schema.js";
+//#region src/features/image-studio/feature.ts
+/**
+* The event the `image-studio.open` block action fires on the block's node view element; the view answers it by opening
+* the studio dialog. A node view that does not listen (a headless editor) ignores it.
+*/
+const IMAGE_STUDIO_OPEN = "sk-image-studio-open";
+const commands = (ctx) => [command({
+	id: "imageStudio",
+	slash: { id: "bild-studio" },
+	creates: { type: "imageStudio" },
+	icon: "i-lucide-image-plus",
+	label: ctx.t("imageStudio.slash.insert"),
+	ability: ABILITY.imageStudio,
+	command: (c) => c.insertImageStudio()
+})];
+const blockActions = (ctx) => [{
+	id: "image-studio.open",
+	label: ctx.t("imageStudio.action.open"),
+	icon: "i-lucide-wand-sparkles",
+	isVisible: (block) => block.node.type.name === "imageStudio",
+	placement: "both",
+	run: (block) => {
+		const dom = block.editor.view.nodeDOM(block.pos);
+		if (dom instanceof HTMLElement) dom.dispatchEvent(new CustomEvent(IMAGE_STUDIO_OPEN));
+	}
+}];
+/**
+* The Bild-Studio block (`imageStudio` node: a picture with its description, Prompt-Bausteine, references, previous
+* generations and chat log in one `studio` attribute), the `/` entry `bild-studio` that inserts an empty one, offered
+* where the caret has `insert.imageStudio`, and the block action `image-studio.open` («Im Bild-Studio öffnen») that asks
+* the block's view to open the studio dialog. The node view and the dialog come from the framework binding (`ui`).
+* Works without the `images` backend capability: the view then explains that generation is not set up instead of opening.
+*/
+function imageStudioFeatureCore(ui = {}) {
+	const { nodeView } = ui;
+	return {
+		id: "image-studio",
+		dimension: "content",
+		schemaExtensions: imageStudioSchemaExtensions,
+		extensions: () => [nodeView ? ImageStudioNode.extend({ addNodeView() {
+			return nodeView;
+		} }) : ImageStudioNode],
+		commands,
+		blockActions
+	};
+}
+//#endregion
+export { IMAGE_STUDIO_OPEN, imageStudioFeatureCore };
+
+//# sourceMappingURL=feature.js.map

package/dist/features/image-studio/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature.js","names":[],"sources":["../../../src/features/image-studio/feature.ts"],"sourcesContent":["import type { NodeViewRenderer } from '@tiptap/core'\nimport { type BlockAction, command, type CommandDef, type EditorFeature, type FeatureContext } from '../../core'\nimport { ABILITY } from '../../core/schema'\nimport { ImageStudioNode, imageStudioSchemaExtensions } from './schema'\n\n/** What a framework binding supplies to the Bild-Studio feature. */\nexport interface ImageStudioUi {\n  /** The block's view of the framework; without one the node renders as the plain `<img>` of its HTML form. */\n  nodeView?: NodeViewRenderer\n}\n\n/**\n * The event the `image-studio.open` block action fires on the block's node view element; the view answers it by opening\n * the studio dialog. A node view that does not listen (a headless editor) ignores it.\n */\nexport const IMAGE_STUDIO_OPEN = 'sk-image-studio-open'\n\nconst commands = (ctx: FeatureContext): CommandDef<never>[] => [\n  command({\n    id: 'imageStudio',\n    slash: { id: 'bild-studio' },\n    creates: { type: 'imageStudio' },\n    icon: 'i-lucide-image-plus',\n    label: ctx.t('imageStudio.slash.insert'),\n    ability: ABILITY.imageStudio,\n    command: c => c.insertImageStudio(),\n  }),\n]\n\nconst blockActions = (ctx: FeatureContext): BlockAction[] => [{\n  id: 'image-studio.open',\n  label: ctx.t('imageStudio.action.open'),\n  icon: 'i-lucide-wand-sparkles',\n  isVisible: block => block.node.type.name === 'imageStudio',\n  placement: 'both',\n  run: (block) => {\n    const dom = block.editor.view.nodeDOM(block.pos)\n    if (dom instanceof HTMLElement) dom.dispatchEvent(new CustomEvent(IMAGE_STUDIO_OPEN))\n  },\n}]\n\n/**\n * The Bild-Studio block (`imageStudio` node: a picture with its description, Prompt-Bausteine, references, previous\n * generations and chat log in one `studio` attribute), the `/` entry `bild-studio` that inserts an empty one, offered\n * where the caret has `insert.imageStudio`, and the block action `image-studio.open` («Im Bild-Studio öffnen») that asks\n * the block's view to open the studio dialog. The node view and the dialog come from the framework binding (`ui`).\n * Works without the `images` backend capability: the view then explains that generation is not set up instead of opening.\n */\nexport function imageStudioFeatureCore(ui: ImageStudioUi = {}): EditorFeature<never> {\n  const { nodeView } = ui\n  return {\n    id: 'image-studio',\n    dimension: 'content',\n    schemaExtensions: imageStudioSchemaExtensions,\n    extensions: () => [nodeView\n      ? ImageStudioNode.extend({\n          addNodeView(): NodeViewRenderer {\n            return nodeView\n          },\n        })\n      : ImageStudioNode],\n    commands,\n    blockActions,\n  }\n}\n"],"mappings":";;;;;;;;AAeA,MAAa,oBAAoB;AAEjC,MAAM,YAAY,QAA6C,CAC7D,QAAQ;CACN,IAAI;CACJ,OAAO,EAAE,IAAI,cAAc;CAC3B,SAAS,EAAE,MAAM,cAAc;CAC/B,MAAM;CACN,OAAO,IAAI,EAAE,0BAA0B;CACvC,SAAS,QAAQ;CACjB,UAAS,MAAK,EAAE,kBAAkB;AACpC,CAAC,CACH;AAEA,MAAM,gBAAgB,QAAuC,CAAC;CAC5D,IAAI;CACJ,OAAO,IAAI,EAAE,yBAAyB;CACtC,MAAM;CACN,YAAW,UAAS,MAAM,KAAK,KAAK,SAAS;CAC7C,WAAW;CACX,MAAM,UAAU;EACd,MAAM,MAAM,MAAM,OAAO,KAAK,QAAQ,MAAM,GAAG;EAC/C,IAAI,eAAe,aAAa,IAAI,cAAc,IAAI,YAAY,iBAAiB,CAAC;CACtF;AACF,CAAC;;;;;;;;AASD,SAAgB,uBAAuB,KAAoB,CAAC,GAAyB;CACnF,MAAM,EAAE,aAAa;CACrB,OAAO;EACL,IAAI;EACJ,WAAW;EACX,kBAAkB;EAClB,kBAAkB,CAAC,WACf,gBAAgB,OAAO,EACrB,cAAgC;GAC9B,OAAO;EACT,EACF,CAAC,IACD,eAAe;EACnB;EACA;CACF;AACF"}

package/dist/features/image-studio/index.d.ts

@@ -0,0 +1,5 @@
+import { ImageStudioImage, ImageStudioPromptBlock } from "../../core/backend-types.js";
+import { IMAGE_STUDIO_OPEN, ImageStudioUi, imageStudioFeatureCore } from "./feature.js";
+import { EMPTY_IMAGE_STUDIO_STATE, ImageStudioState, ImageStudioTurn, addGeneration, addReference, isEmptyImageStudioState, normalizeImageStudioState, removeImage, select, selectedImage, setDescription, toggleImage, togglePromptBlock } from "./state.js";
+import { ImageStudioAttrs, ImageStudioNode, imageStudioSchemaExtensions } from "./schema.js";
+export { EMPTY_IMAGE_STUDIO_STATE, IMAGE_STUDIO_OPEN, type ImageStudioAttrs, type ImageStudioImage, ImageStudioNode, type ImageStudioPromptBlock, type ImageStudioState, type ImageStudioTurn, type ImageStudioUi, addGeneration, addReference, imageStudioFeatureCore, imageStudioSchemaExtensions, isEmptyImageStudioState, normalizeImageStudioState, removeImage, select, selectedImage, setDescription, toggleImage, togglePromptBlock };

package/dist/features/image-studio/index.js

@@ -0,0 +1,4 @@
+import { EMPTY_IMAGE_STUDIO_STATE, addGeneration, addReference, isEmptyImageStudioState, normalizeImageStudioState, removeImage, select, selectedImage, setDescription, toggleImage, togglePromptBlock } from "./state.js";
+import { ImageStudioNode, imageStudioSchemaExtensions } from "./schema.js";
+import { IMAGE_STUDIO_OPEN, imageStudioFeatureCore } from "./feature.js";
+export { EMPTY_IMAGE_STUDIO_STATE, IMAGE_STUDIO_OPEN, ImageStudioNode, addGeneration, addReference, imageStudioFeatureCore, imageStudioSchemaExtensions, isEmptyImageStudioState, normalizeImageStudioState, removeImage, select, selectedImage, setDescription, toggleImage, togglePromptBlock };

package/dist/features/image-studio/node-core.d.ts

@@ -0,0 +1,46 @@
+import { ReadonlyStore } from "../../core/store.js";
+import { EditorBackend } from "../../core/backend.js";
+import { ImageStudioImage, ImageStudioPromptBlock } from "../../core/backend-types.js";
+import { ImageStudioState } from "./state.js";
+import { Editor } from "@tiptap/core";
+//#region src/features/image-studio/node-core.d.ts
+export interface ImageStudioNodeCoreOptions {
+  editor: Editor;
+  /** Position of the `imageStudio` node (a node view's `getPos`); `undefined` once the node is gone. */
+  getPos: () => number | undefined;
+  /** The backend's image port; `undefined` (backend without the `images` capability) makes `generate` and `upload` reject. */
+  backend: EditorBackend['images'];
+  /** Document whose package stores the uploaded references. */
+  documentId: string;
+}
+/** What a view renders from a node's studio: the observable part of an `ImageStudioNodeCore`. */
+export interface ImageStudioNodeSnapshot {
+  readonly state: ImageStudioState;
+  /** The managed list of Prompt-Bausteine, as the backend answered; empty until then. */
+  readonly promptBlocks: readonly ImageStudioPromptBlock[];
+  /** The Prompt-Bausteine could not be loaded: the message. */
+  readonly problem: string | undefined;
+}
+/**
+ * The framework-free store of one `imageStudio` node (`createImageStudioNodeCore`): an observable `ImageStudioNodeSnapshot`
+ * (`get`/`subscribe`, see `ReadonlyStore`; every change replaces the snapshot) and the actions the dialog needs.
+ * The Vue and React bindings wrap it into the store shape of their dialog.
+ */
+export interface ImageStudioNodeCore extends ReadonlyStore<ImageStudioNodeSnapshot> {
+  /** Writes `next` into the node's `studio` attribute as one transaction (`src` follows the selected image). */
+  update: (next: ImageStudioState) => void;
+  generate: (instruction: string, signal: AbortSignal) => Promise<ImageStudioImage>;
+  upload: (file: File) => Promise<ImageStudioImage>;
+  /** Stops following the editor and ignores the answers still outstanding; call when the node view unmounts. */
+  dispose: () => void;
+}
+/**
+ * The core of the store of one `imageStudio` node: `state` follows the node's `studio` attribute (re-read on every
+ * editor transaction, so undo, collaboration and other writers show), `update` writes it back through
+ * `setImageStudioState` as one transaction (one undo step; the node's `src` follows the selected image), and
+ * `generate`, `upload` and the Prompt-Bausteine go to `backend.images`. Listeners run synchronously. Call `dispose`
+ * when the view goes.
+ */
+export declare function createImageStudioNodeCore(options: ImageStudioNodeCoreOptions): ImageStudioNodeCore;
+//#endregion
+//# sourceMappingURL=node-core.d.ts.map

package/dist/features/image-studio/node-core.js

@@ -0,0 +1,79 @@
+import { EMPTY_IMAGE_STUDIO_STATE, normalizeImageStudioState } from "./state.js";
+//#region src/features/image-studio/node-core.ts
+const NO_IMAGES = "@ecsplico/editor: the backend has no images capability";
+/**
+* The core of the store of one `imageStudio` node: `state` follows the node's `studio` attribute (re-read on every
+* editor transaction, so undo, collaboration and other writers show), `update` writes it back through
+* `setImageStudioState` as one transaction (one undo step; the node's `src` follows the selected image), and
+* `generate`, `upload` and the Prompt-Bausteine go to `backend.images`. Listeners run synchronously. Call `dispose`
+* when the view goes.
+*/
+function createImageStudioNodeCore(options) {
+	const { editor, getPos, backend, documentId } = options;
+	let snapshot = {
+		state: EMPTY_IMAGE_STUDIO_STATE,
+		promptBlocks: [],
+		problem: void 0
+	};
+	const listeners = /* @__PURE__ */ new Set();
+	let disposed = false;
+	let source;
+	function publish(patch) {
+		snapshot = {
+			...snapshot,
+			...patch
+		};
+		for (const listener of [...listeners]) listener(snapshot);
+	}
+	function sync() {
+		const pos = getPos();
+		const node = pos === void 0 || editor.isDestroyed ? null : editor.state.doc.nodeAt(pos);
+		if (node?.type.name !== "imageStudio" || node.attrs.studio === source) return;
+		source = node.attrs.studio;
+		publish({ state: normalizeImageStudioState(source) });
+	}
+	editor.on("transaction", sync);
+	sync();
+	if (backend) backend.promptBlocks().then((blocks) => {
+		if (!disposed) publish({ promptBlocks: blocks });
+	}, (error) => {
+		if (!disposed) publish({ problem: error instanceof Error ? error.message : String(error) });
+	});
+	return {
+		get: () => snapshot,
+		subscribe(listener) {
+			listeners.add(listener);
+			return () => {
+				listeners.delete(listener);
+			};
+		},
+		update(next) {
+			const pos = getPos();
+			if (pos === void 0 || editor.isDestroyed) return;
+			editor.commands.setImageStudioState(pos, next);
+		},
+		generate(instruction, signal) {
+			if (!backend) return Promise.reject(/* @__PURE__ */ new Error(NO_IMAGES));
+			const { description, promptBlockIds, references, generations } = snapshot.state;
+			const referenceUrls = [...references, ...generations].filter((image) => image.active).map((image) => image.url);
+			return backend.generate({
+				description,
+				instruction,
+				promptBlockIds: [...promptBlockIds],
+				referenceUrls
+			}, signal);
+		},
+		upload(file) {
+			return backend ? backend.upload(documentId, file) : Promise.reject(/* @__PURE__ */ new Error(NO_IMAGES));
+		},
+		dispose() {
+			disposed = true;
+			listeners.clear();
+			editor.off("transaction", sync);
+		}
+	};
+}
+//#endregion
+export { createImageStudioNodeCore };
+
+//# sourceMappingURL=node-core.js.map

package/dist/features/image-studio/node-core.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-core.js","names":[],"sources":["../../../src/features/image-studio/node-core.ts"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport type { EditorBackend } from '../../core/backend'\nimport type { ReadonlyStore } from '../../core/store'\nimport { EMPTY_IMAGE_STUDIO_STATE, type ImageStudioImage, type ImageStudioPromptBlock, type ImageStudioState, normalizeImageStudioState } from './state'\n\nexport interface ImageStudioNodeCoreOptions {\n  editor: Editor\n  /** Position of the `imageStudio` node (a node view's `getPos`); `undefined` once the node is gone. */\n  getPos: () => number | undefined\n  /** The backend's image port; `undefined` (backend without the `images` capability) makes `generate` and `upload` reject. */\n  backend: EditorBackend['images']\n  /** Document whose package stores the uploaded references. */\n  documentId: string\n}\n\n/** What a view renders from a node's studio: the observable part of an `ImageStudioNodeCore`. */\nexport interface ImageStudioNodeSnapshot {\n  readonly state: ImageStudioState\n  /** The managed list of Prompt-Bausteine, as the backend answered; empty until then. */\n  readonly promptBlocks: readonly ImageStudioPromptBlock[]\n  /** The Prompt-Bausteine could not be loaded: the message. */\n  readonly problem: string | undefined\n}\n\n/**\n * The framework-free store of one `imageStudio` node (`createImageStudioNodeCore`): an observable `ImageStudioNodeSnapshot`\n * (`get`/`subscribe`, see `ReadonlyStore`; every change replaces the snapshot) and the actions the dialog needs.\n * The Vue and React bindings wrap it into the store shape of their dialog.\n */\nexport interface ImageStudioNodeCore extends ReadonlyStore<ImageStudioNodeSnapshot> {\n  /** Writes `next` into the node's `studio` attribute as one transaction (`src` follows the selected image). */\n  update: (next: ImageStudioState) => void\n  generate: (instruction: string, signal: AbortSignal) => Promise<ImageStudioImage>\n  upload: (file: File) => Promise<ImageStudioImage>\n  /** Stops following the editor and ignores the answers still outstanding; call when the node view unmounts. */\n  dispose: () => void\n}\n\n// What a store without the backend's `images` port rejects with (the node view does not open one without the port).\nconst NO_IMAGES = '@ecsplico/editor: the backend has no images capability'\n\n/**\n * The core of the store of one `imageStudio` node: `state` follows the node's `studio` attribute (re-read on every\n * editor transaction, so undo, collaboration and other writers show), `update` writes it back through\n * `setImageStudioState` as one transaction (one undo step; the node's `src` follows the selected image), and\n * `generate`, `upload` and the Prompt-Bausteine go to `backend.images`. Listeners run synchronously. Call `dispose`\n * when the view goes.\n */\nexport function createImageStudioNodeCore(options: ImageStudioNodeCoreOptions): ImageStudioNodeCore {\n  const { editor, getPos, backend, documentId } = options\n  let snapshot: ImageStudioNodeSnapshot = { state: EMPTY_IMAGE_STUDIO_STATE, promptBlocks: [], problem: undefined }\n  const listeners = new Set<(value: ImageStudioNodeSnapshot) => void>()\n  let disposed = false\n  // The attribute value `state` was normalized from: a transaction that left it alone keeps `state` as it is.\n  let source: unknown\n\n  function publish(patch: Partial<ImageStudioNodeSnapshot>): void {\n    snapshot = { ...snapshot, ...patch }\n    // A copy: listeners may (un)subscribe while being notified.\n    for (const listener of [...listeners]) listener(snapshot)\n  }\n\n  function sync(): void {\n    const pos = getPos()\n    const node = pos === undefined || editor.isDestroyed ? null : editor.state.doc.nodeAt(pos)\n    if (node?.type.name !== 'imageStudio' || node.attrs.studio === source) return\n    source = node.attrs.studio\n    publish({ state: normalizeImageStudioState(source) })\n  }\n\n  editor.on('transaction', sync)\n  sync()\n\n  if (backend) {\n    backend.promptBlocks().then(\n      (blocks) => { if (!disposed) publish({ promptBlocks: blocks }) },\n      (error: unknown) => { if (!disposed) publish({ problem: error instanceof Error ? error.message : String(error) }) },\n    )\n  }\n\n  return {\n    get: () => snapshot,\n    subscribe(listener) {\n      listeners.add(listener)\n      return () => { listeners.delete(listener) }\n    },\n    update(next) {\n      const pos = getPos()\n      if (pos === undefined || editor.isDestroyed) return\n      editor.commands.setImageStudioState(pos, next)\n    },\n    generate(instruction, signal) {\n      if (!backend) return Promise.reject(new Error(NO_IMAGES))\n      const { description, promptBlockIds, references, generations } = snapshot.state\n      const referenceUrls = [...references, ...generations].filter(image => image.active).map(image => image.url)\n      return backend.generate({ description, instruction, promptBlockIds: [...promptBlockIds], referenceUrls }, signal)\n    },\n    upload(file): Promise<ImageStudioImage> {\n      return backend ? backend.upload(documentId, file) : Promise.reject(new Error(NO_IMAGES))\n    },\n    dispose() {\n      disposed = true\n      listeners.clear()\n      editor.off('transaction', sync)\n    },\n  }\n}\n"],"mappings":";;AAuCA,MAAM,YAAY;;;;;;;;AASlB,SAAgB,0BAA0B,SAA0D;CAClG,MAAM,EAAE,QAAQ,QAAQ,SAAS,eAAe;CAChD,IAAI,WAAoC;EAAE,OAAO;EAA0B,cAAc,CAAC;EAAG,SAAS,KAAA;CAAU;CAChH,MAAM,4BAAY,IAAI,IAA8C;CACpE,IAAI,WAAW;CAEf,IAAI;CAEJ,SAAS,QAAQ,OAA+C;EAC9D,WAAW;GAAE,GAAG;GAAU,GAAG;EAAM;EAEnC,KAAK,MAAM,YAAY,CAAC,GAAG,SAAS,GAAG,SAAS,QAAQ;CAC1D;CAEA,SAAS,OAAa;EACpB,MAAM,MAAM,OAAO;EACnB,MAAM,OAAO,QAAQ,KAAA,KAAa,OAAO,cAAc,OAAO,OAAO,MAAM,IAAI,OAAO,GAAG;EACzF,IAAI,MAAM,KAAK,SAAS,iBAAiB,KAAK,MAAM,WAAW,QAAQ;EACvE,SAAS,KAAK,MAAM;EACpB,QAAQ,EAAE,OAAO,0BAA0B,MAAM,EAAE,CAAC;CACtD;CAEA,OAAO,GAAG,eAAe,IAAI;CAC7B,KAAK;CAEL,IAAI,SACF,QAAQ,aAAa,CAAC,CAAC,MACpB,WAAW;EAAE,IAAI,CAAC,UAAU,QAAQ,EAAE,cAAc,OAAO,CAAC;CAAE,IAC9D,UAAmB;EAAE,IAAI,CAAC,UAAU,QAAQ,EAAE,SAAS,iBAAiB,QAAQ,MAAM,UAAU,OAAO,KAAK,EAAE,CAAC;CAAE,CACpH;CAGF,OAAO;EACL,WAAW;EACX,UAAU,UAAU;GAClB,UAAU,IAAI,QAAQ;GACtB,aAAa;IAAE,UAAU,OAAO,QAAQ;GAAE;EAC5C;EACA,OAAO,MAAM;GACX,MAAM,MAAM,OAAO;GACnB,IAAI,QAAQ,KAAA,KAAa,OAAO,aAAa;GAC7C,OAAO,SAAS,oBAAoB,KAAK,IAAI;EAC/C;EACA,SAAS,aAAa,QAAQ;GAC5B,IAAI,CAAC,SAAS,OAAO,QAAQ,uBAAO,IAAI,MAAM,SAAS,CAAC;GACxD,MAAM,EAAE,aAAa,gBAAgB,YAAY,gBAAgB,SAAS;GAC1E,MAAM,gBAAgB,CAAC,GAAG,YAAY,GAAG,WAAW,CAAC,CAAC,QAAO,UAAS,MAAM,MAAM,CAAC,CAAC,KAAI,UAAS,MAAM,GAAG;GAC1G,OAAO,QAAQ,SAAS;IAAE;IAAa;IAAa,gBAAgB,CAAC,GAAG,cAAc;IAAG;GAAc,GAAG,MAAM;EAClH;EACA,OAAO,MAAiC;GACtC,OAAO,UAAU,QAAQ,OAAO,YAAY,IAAI,IAAI,QAAQ,uBAAO,IAAI,MAAM,SAAS,CAAC;EACzF;EACA,UAAU;GACR,WAAW;GACX,UAAU,MAAM;GAChB,OAAO,IAAI,eAAe,IAAI;EAChC;CACF;AACF"}

package/dist/features/image-studio/node-store.d.ts

@@ -0,0 +1,19 @@
+import { ImageStudioNodeCoreOptions } from "./node-core.js";
+import { ImageStudioStore } from "./store.js";
+//#region src/features/image-studio/node-store.d.ts
+export type ImageStudioNodeStoreOptions = ImageStudioNodeCoreOptions;
+/** A store over one node, with the function that detaches it from the editor. */
+export interface ImageStudioNodeStore extends ImageStudioStore {
+  /** Stops following the editor and ignores the answers still outstanding; call when the node view unmounts. */
+  dispose: () => void;
+}
+/**
+ * The `ImageStudioStore` of one `imageStudio` node: `state` follows the node's `studio` attribute (re-read on every
+ * editor transaction, so undo, collaboration and other writers show), `update` writes it back through
+ * `setImageStudioState` as one transaction (one undo step; the node's `src` follows the selected image), and
+ * `generate`, `upload` and the Prompt-Bausteine go to `backend.images`. Call `dispose` when the view goes.
+ * The Vue wrapper of `createImageStudioNodeCore`.
+ */
+export declare function createImageStudioNodeStore(options: ImageStudioNodeStoreOptions): ImageStudioNodeStore;
+//#endregion
+//# sourceMappingURL=node-store.d.ts.map

package/dist/features/image-studio/node-store.js

@@ -0,0 +1,35 @@
+import { createImageStudioNodeCore } from "./node-core.js";
+import { shallowRef } from "vue";
+//#region src/features/image-studio/node-store.ts
+/**
+* The `ImageStudioStore` of one `imageStudio` node: `state` follows the node's `studio` attribute (re-read on every
+* editor transaction, so undo, collaboration and other writers show), `update` writes it back through
+* `setImageStudioState` as one transaction (one undo step; the node's `src` follows the selected image), and
+* `generate`, `upload` and the Prompt-Bausteine go to `backend.images`. Call `dispose` when the view goes.
+* The Vue wrapper of `createImageStudioNodeCore`.
+*/
+function createImageStudioNodeStore(options) {
+	const core = createImageStudioNodeCore(options);
+	const initial = core.get();
+	const state = shallowRef(initial.state);
+	const promptBlocks = shallowRef(initial.promptBlocks);
+	const problem = shallowRef(initial.problem);
+	core.subscribe((snapshot) => {
+		state.value = snapshot.state;
+		promptBlocks.value = snapshot.promptBlocks;
+		problem.value = snapshot.problem;
+	});
+	return {
+		state,
+		promptBlocks,
+		problem,
+		update: core.update,
+		generate: core.generate,
+		upload: core.upload,
+		dispose: core.dispose
+	};
+}
+//#endregion
+export { createImageStudioNodeStore };
+
+//# sourceMappingURL=node-store.js.map

package/dist/features/image-studio/node-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-store.js","names":[],"sources":["../../../src/features/image-studio/node-store.ts"],"sourcesContent":["import { shallowRef } from 'vue'\nimport { createImageStudioNodeCore, type ImageStudioNodeCoreOptions } from './node-core'\nimport type { ImageStudioPromptBlock, ImageStudioState } from './state'\nimport type { ImageStudioStore } from './store'\n\nexport type ImageStudioNodeStoreOptions = ImageStudioNodeCoreOptions\n\n/** A store over one node, with the function that detaches it from the editor. */\nexport interface ImageStudioNodeStore extends ImageStudioStore {\n  /** Stops following the editor and ignores the answers still outstanding; call when the node view unmounts. */\n  dispose: () => void\n}\n\n/**\n * The `ImageStudioStore` of one `imageStudio` node: `state` follows the node's `studio` attribute (re-read on every\n * editor transaction, so undo, collaboration and other writers show), `update` writes it back through\n * `setImageStudioState` as one transaction (one undo step; the node's `src` follows the selected image), and\n * `generate`, `upload` and the Prompt-Bausteine go to `backend.images`. Call `dispose` when the view goes.\n * The Vue wrapper of `createImageStudioNodeCore`.\n */\nexport function createImageStudioNodeStore(options: ImageStudioNodeStoreOptions): ImageStudioNodeStore {\n  const core = createImageStudioNodeCore(options)\n  const initial = core.get()\n  const state = shallowRef<ImageStudioState>(initial.state)\n  const promptBlocks = shallowRef<readonly ImageStudioPromptBlock[]>(initial.promptBlocks)\n  const problem = shallowRef<string | undefined>(initial.problem)\n  core.subscribe((snapshot) => {\n    state.value = snapshot.state\n    promptBlocks.value = snapshot.promptBlocks\n    problem.value = snapshot.problem\n  })\n  return {\n    state,\n    promptBlocks,\n    problem,\n    update: core.update,\n    generate: core.generate,\n    upload: core.upload,\n    dispose: core.dispose,\n  }\n}\n"],"mappings":";;;;;;;;;;AAoBA,SAAgB,2BAA2B,SAA4D;CACrG,MAAM,OAAO,0BAA0B,OAAO;CAC9C,MAAM,UAAU,KAAK,IAAI;CACzB,MAAM,QAAQ,WAA6B,QAAQ,KAAK;CACxD,MAAM,eAAe,WAA8C,QAAQ,YAAY;CACvF,MAAM,UAAU,WAA+B,QAAQ,OAAO;CAC9D,KAAK,WAAW,aAAa;EAC3B,MAAM,QAAQ,SAAS;EACvB,aAAa,QAAQ,SAAS;EAC9B,QAAQ,QAAQ,SAAS;CAC3B,CAAC;CACD,OAAO;EACL;EACA;EACA;EACA,QAAQ,KAAK;EACb,UAAU,KAAK;EACf,QAAQ,KAAK;EACb,SAAS,KAAK;CAChB;AACF"}

package/dist/features/image-studio/react/ImageStudioChat.js

@@ -0,0 +1,101 @@
+import { useEditorI18n } from "../../../react/use-editor-i18n.js";
+import { cn } from "../../../react/ui/utils.js";
+import { Icon } from "../../../react/Icon.js";
+import { Button } from "../../../react/ui/button.js";
+import { Textarea } from "../../../react/ui/textarea.js";
+import { useEffect, useId, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/features/image-studio/react/ImageStudioChat.tsx
+/**
+* The chat of the Bild-Studio: the turn log (instruction, the picture it produced if the block still has it, the
+* problem when it failed) and the instruction input. `Enter` sends, `Shift+Enter` breaks the line; while `running` the
+* input and the button are disabled. An empty instruction is sent when `emptyAllowed` (the block has a description to generate from).
+*/
+function ImageStudioChat({ turns, images, running, emptyAllowed, onSend }) {
+	const { t } = useEditorI18n();
+	const headingId = useId();
+	const [instruction, setInstruction] = useState("");
+	const log = useRef(null);
+	const thumbnail = (turn) => turn.imageId === null ? void 0 : images.find((image) => image.id === turn.imageId);
+	const instructionOf = (turn) => turn.instruction || t("imageStudio.dialog.chat.fromDescription");
+	function send() {
+		if (running || !emptyAllowed && instruction.trim() === "") return;
+		const text = instruction.trim();
+		setInstruction("");
+		onSend(text);
+	}
+	function onKeyDown(event) {
+		if (event.key !== "Enter" || event.shiftKey || event.nativeEvent.isComposing) return;
+		event.preventDefault();
+		send();
+	}
+	useEffect(() => {
+		if (log.current) log.current.scrollTop = log.current.scrollHeight;
+	}, [turns.length]);
+	return /* @__PURE__ */ jsxs("section", {
+		className: "flex min-h-0 flex-1 flex-col gap-2",
+		"aria-labelledby": headingId,
+		children: [
+			/* @__PURE__ */ jsx("h3", {
+				id: headingId,
+				className: "text-sm font-medium text-foreground",
+				children: t("imageStudio.dialog.chat.heading")
+			}),
+			/* @__PURE__ */ jsxs("ol", {
+				ref: log,
+				className: "flex min-h-24 flex-1 flex-col gap-2 overflow-y-auto",
+				"data-image-studio-log": true,
+				children: [!turns.length && /* @__PURE__ */ jsx("li", {
+					className: "text-sm text-muted-foreground",
+					children: t("imageStudio.dialog.chat.empty")
+				}), turns.map((turn) => {
+					const picture = thumbnail(turn);
+					return /* @__PURE__ */ jsxs("li", {
+						className: "flex items-start gap-2 rounded-md border border-border p-2",
+						"data-problem": turn.problem !== void 0,
+						"data-image-studio-turn": true,
+						children: [picture && /* @__PURE__ */ jsx("img", {
+							src: picture.url,
+							alt: t("imageStudio.dialog.chat.turnImage", { instruction: instructionOf(turn) }),
+							className: "size-12 shrink-0 rounded object-cover"
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "min-w-0 flex-1",
+							children: [/* @__PURE__ */ jsx("p", {
+								className: cn("whitespace-pre-wrap break-words text-sm text-foreground", !turn.instruction && "italic text-muted-foreground"),
+								children: instructionOf(turn)
+							}), turn.problem && /* @__PURE__ */ jsx("p", {
+								className: "mt-1 whitespace-pre-wrap break-words text-sm text-destructive",
+								role: "alert",
+								children: turn.problem
+							})]
+						})]
+					}, turn.id);
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-end gap-2",
+				children: [/* @__PURE__ */ jsx(Textarea, {
+					value: instruction,
+					className: "min-w-0 flex-1",
+					rows: 2,
+					placeholder: t("imageStudio.dialog.chat.placeholder"),
+					"aria-label": t("imageStudio.dialog.chat.label"),
+					disabled: running,
+					onChange: (event) => setInstruction(event.target.value),
+					onKeyDown
+				}), /* @__PURE__ */ jsxs(Button, {
+					disabled: running || !emptyAllowed && instruction.trim() === "",
+					onClick: send,
+					children: [/* @__PURE__ */ jsx(Icon, {
+						name: running ? "i-lucide-loader-circle" : "i-lucide-sparkles",
+						className: cn(running && "animate-spin")
+					}), running ? t("imageStudio.dialog.chat.running") : t("imageStudio.dialog.chat.send")]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { ImageStudioChat };
+
+//# sourceMappingURL=ImageStudioChat.js.map

package/dist/features/image-studio/react/ImageStudioChat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageStudioChat.js","names":[],"sources":["../../../../src/features/image-studio/react/ImageStudioChat.tsx"],"sourcesContent":["import { type KeyboardEvent, useEffect, useId, useRef, useState } from 'react'\nimport { Icon } from '../../../react/Icon'\nimport { Button } from '../../../react/ui/button'\nimport { Textarea } from '../../../react/ui/textarea'\nimport { cn } from '../../../react/ui/utils'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport type { ImageStudioImage, ImageStudioTurn } from '../state'\n\n/**\n * The chat of the Bild-Studio: the turn log (instruction, the picture it produced if the block still has it, the\n * problem when it failed) and the instruction input. `Enter` sends, `Shift+Enter` breaks the line; while `running` the\n * input and the button are disabled. An empty instruction is sent when `emptyAllowed` (the block has a description to generate from).\n */\nexport function ImageStudioChat({ turns, images, running, emptyAllowed, onSend }: {\n  turns: readonly ImageStudioTurn[]\n  /** The block's images, to show the thumbnail of a turn. */\n  images: readonly ImageStudioImage[]\n  running: boolean\n  emptyAllowed: boolean\n  onSend: (instruction: string) => void\n}) {\n  const { t } = useEditorI18n()\n  const headingId = useId()\n  const [instruction, setInstruction] = useState('')\n  const log = useRef<HTMLOListElement>(null)\n\n  const thumbnail = (turn: ImageStudioTurn): ImageStudioImage | undefined =>\n    turn.imageId === null ? undefined : images.find(image => image.id === turn.imageId)\n  const instructionOf = (turn: ImageStudioTurn): string => turn.instruction || t('imageStudio.dialog.chat.fromDescription')\n\n  function send() {\n    if (running || (!emptyAllowed && instruction.trim() === '')) return\n    const text = instruction.trim()\n    setInstruction('')\n    onSend(text)\n  }\n\n  function onKeyDown(event: KeyboardEvent<HTMLTextAreaElement>) {\n    if (event.key !== 'Enter' || event.shiftKey || event.nativeEvent.isComposing) return\n    event.preventDefault()\n    send()\n  }\n\n  // The newest turn stays in view.\n  useEffect(() => {\n    if (log.current) log.current.scrollTop = log.current.scrollHeight\n  }, [turns.length])\n\n  return (\n    <section className=\"flex min-h-0 flex-1 flex-col gap-2\" aria-labelledby={headingId}>\n      <h3 id={headingId} className=\"text-sm font-medium text-foreground\">\n        {t('imageStudio.dialog.chat.heading')}\n      </h3>\n      <ol ref={log} className=\"flex min-h-24 flex-1 flex-col gap-2 overflow-y-auto\" data-image-studio-log>\n        {!turns.length && <li className=\"text-sm text-muted-foreground\">{t('imageStudio.dialog.chat.empty')}</li>}\n        {turns.map((turn) => {\n          const picture = thumbnail(turn)\n          return (\n            <li\n              key={turn.id}\n              className=\"flex items-start gap-2 rounded-md border border-border p-2\"\n              data-problem={turn.problem !== undefined}\n              data-image-studio-turn\n            >\n              {picture && (\n                <img\n                  src={picture.url}\n                  alt={t('imageStudio.dialog.chat.turnImage', { instruction: instructionOf(turn) })}\n                  className=\"size-12 shrink-0 rounded object-cover\"\n                />\n              )}\n              <div className=\"min-w-0 flex-1\">\n                <p className={cn('whitespace-pre-wrap break-words text-sm text-foreground', !turn.instruction && 'italic text-muted-foreground')}>\n                  {instructionOf(turn)}\n                </p>\n                {turn.problem && (\n                  <p className=\"mt-1 whitespace-pre-wrap break-words text-sm text-destructive\" role=\"alert\">\n                    {turn.problem}\n                  </p>\n                )}\n              </div>\n            </li>\n          )\n        })}\n      </ol>\n      <div className=\"flex items-end gap-2\">\n        <Textarea\n          value={instruction}\n          className=\"min-w-0 flex-1\"\n          rows={2}\n          placeholder={t('imageStudio.dialog.chat.placeholder')}\n          aria-label={t('imageStudio.dialog.chat.label')}\n          disabled={running}\n          onChange={event => setInstruction(event.target.value)}\n          onKeyDown={onKeyDown}\n        />\n        <Button disabled={running || (!emptyAllowed && instruction.trim() === '')} onClick={send}>\n          <Icon name={running ? 'i-lucide-loader-circle' : 'i-lucide-sparkles'} className={cn(running && 'animate-spin')} />\n          {running ? t('imageStudio.dialog.chat.running') : t('imageStudio.dialog.chat.send')}\n        </Button>\n      </div>\n    </section>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAaA,SAAgB,gBAAgB,EAAE,OAAO,QAAQ,SAAS,cAAc,UAOrE;CACD,MAAM,EAAE,MAAM,cAAc;CAC5B,MAAM,YAAY,MAAM;CACxB,MAAM,CAAC,aAAa,kBAAkB,SAAS,EAAE;CACjD,MAAM,MAAM,OAAyB,IAAI;CAEzC,MAAM,aAAa,SACjB,KAAK,YAAY,OAAO,KAAA,IAAY,OAAO,MAAK,UAAS,MAAM,OAAO,KAAK,OAAO;CACpF,MAAM,iBAAiB,SAAkC,KAAK,eAAe,EAAE,yCAAyC;CAExH,SAAS,OAAO;EACd,IAAI,WAAY,CAAC,gBAAgB,YAAY,KAAK,MAAM,IAAK;EAC7D,MAAM,OAAO,YAAY,KAAK;EAC9B,eAAe,EAAE;EACjB,OAAO,IAAI;CACb;CAEA,SAAS,UAAU,OAA2C;EAC5D,IAAI,MAAM,QAAQ,WAAW,MAAM,YAAY,MAAM,YAAY,aAAa;EAC9E,MAAM,eAAe;EACrB,KAAK;CACP;CAGA,gBAAgB;EACd,IAAI,IAAI,SAAS,IAAI,QAAQ,YAAY,IAAI,QAAQ;CACvD,GAAG,CAAC,MAAM,MAAM,CAAC;CAEjB,OACE,qBAAC,WAAD;EAAS,WAAU;EAAqC,mBAAiB;EAAzE,UAAA;GACE,oBAAC,MAAD;IAAI,IAAI;IAAW,WAAU;IAC1B,UAAA,EAAE,iCAAiC;GAClC,CAAA;GACJ,qBAAC,MAAD;IAAI,KAAK;IAAK,WAAU;IAAsD,yBAAA;IAA9E,UAAA,CACG,CAAC,MAAM,UAAU,oBAAC,MAAD;KAAI,WAAU;KAAiC,UAAA,EAAE,+BAA+B;IAAM,CAAA,GACvG,MAAM,KAAK,SAAS;KACnB,MAAM,UAAU,UAAU,IAAI;KAC9B,OACE,qBAAC,MAAD;MAEE,WAAU;MACV,gBAAc,KAAK,YAAY,KAAA;MAC/B,0BAAA;MAJF,UAAA,CAMG,WACC,oBAAC,OAAD;OACE,KAAK,QAAQ;OACb,KAAK,EAAE,qCAAqC,EAAE,aAAa,cAAc,IAAI,EAAE,CAAC;OAChF,WAAU;MACX,CAAA,GAEH,qBAAC,OAAD;OAAK,WAAU;OAAf,UAAA,CACE,oBAAC,KAAD;QAAG,WAAW,GAAG,2DAA2D,CAAC,KAAK,eAAe,8BAA8B;QAC5H,UAAA,cAAc,IAAI;OAClB,CAAA,GACF,KAAK,WACJ,oBAAC,KAAD;QAAG,WAAU;QAAgE,MAAK;QAC/E,UAAA,KAAK;OACL,CAAA,CAEF;MACH,CAAA,CAAA;KAtBG,GAAA,KAAK,EAsBR;IAER,CAAC,CACC;;GACJ,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,oBAAC,UAAD;KACE,OAAO;KACP,WAAU;KACV,MAAM;KACN,aAAa,EAAE,qCAAqC;KACpD,cAAY,EAAE,+BAA+B;KAC7C,UAAU;KACV,WAAU,UAAS,eAAe,MAAM,OAAO,KAAK;KACzC;IACZ,CAAA,GACD,qBAAC,QAAD;KAAQ,UAAU,WAAY,CAAC,gBAAgB,YAAY,KAAK,MAAM;KAAK,SAAS;KAApF,UAAA,CACE,oBAAC,MAAD;MAAM,MAAM,UAAU,2BAA2B;MAAqB,WAAW,GAAG,WAAW,cAAc;KAAI,CAAA,GAChH,UAAU,EAAE,iCAAiC,IAAI,EAAE,8BAA8B,CAC5E;IACL,CAAA,CAAA;;EACE;;AAEb"}

package/dist/features/image-studio/react/ImageStudioDialog.d.ts

@@ -0,0 +1,19 @@
+import { ImageStudioReactStore } from "./store.js";
+//#region src/features/image-studio/react/ImageStudioDialog.d.ts
+/**
+ * The Bild-Studio: description and Prompt-Bausteine on the left, references and previous generations in the middle,
+ * the block's image and the chat on the right. The dialog applies the reducers of `../state` to `store.state` and
+ * hands every result to `store.update`; the store only generates, uploads and persists (see `ImageStudioReactStore`).
+ *
+ * The description is committed 500 ms after the last keystroke and at once on blur, on „Erzeugen“ and on close, so the
+ * host never builds a prompt from a stale text. Closing (or unmounting) aborts a running generation; an aborted
+ * generation adds no turn, a failed one adds a turn with the problem.
+ */
+export declare function ImageStudioDialog({ open, onOpenChange, store, title }: {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  store: ImageStudioReactStore;
+  title?: string;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=ImageStudioDialog.d.ts.map