@ecsplico/editor 3.1.1 → 3.3.0

package/dist/features/composites/react/CompositeView.js

@@ -1,6 +1,7 @@
 import { compositeKind } from "../kinds.js";
+import { basketOf, titleHiddenOf } from "../baskets.js";
 import { derivationOf } from "../derivation.js";
-import { compositeKindsOf } from "../nodes.js";
+import { compositeBasketsOf, compositeKindsOf } from "../nodes.js";
 import { cn } from "../../../react/ui/utils.js";
 import { useStore } from "../../../react/use-store.js";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -14,13 +15,25 @@ function CompositeView({ editor, node, selected }) {
 	const expanded = useStore(editor.storage.composite.expanded);
 	const id = node.attrs.id;
 	const collapsed = typeof id === "string" && id !== "" && derivationOf(node) !== null && !expanded.has(id);
-	const placeholderVars = { "--composite-title-placeholder": cssString(kind.titlePlaceholder) };
+	const basket = basketOf(node);
+	const basketColor = compositeBasketsOf(editor).find((candidate) => candidate.id === basket)?.color;
+	const kindTone = kind.chrome?.tone || void 0;
+	const revealedTitles = useStore(editor.storage.composite.revealedTitles);
+	const titleHidden = titleHiddenOf(node) && !(typeof id === "string" && revealedTitles.has(id));
+	const placeholderVars = {
+		"--composite-title-placeholder": cssString(kind.titlePlaceholder),
+		...basketColor ? { "--sk-basket-color": basketColor } : {},
+		...kindTone ? { "--sk-kind-tone": kindTone } : {}
+	};
 	return /* @__PURE__ */ jsxs(NodeViewWrapper, {
 		as: "section",
 		className: cn("composite", collapsed && "is-collapsed", selected && "is-selected rounded-md ring-1 ring-primary"),
 		"data-type": "composite",
 		"data-kind": node.attrs.kind,
 		"data-id": node.attrs.id || void 0,
+		"data-basket": basket ?? void 0,
+		"data-kind-tone": kindTone ? "" : void 0,
+		"data-title-hidden": titleHidden ? "" : void 0,
 		style: placeholderVars,
 		children: [/* @__PURE__ */ jsx("span", {
 			className: "composite__toggle",

package/dist/features/composites/react/CompositeView.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompositeView.js","names":[],"sources":["../../../../src/features/composites/react/CompositeView.tsx"],"sourcesContent":["import { NodeViewContent, NodeViewWrapper, type NodeViewProps } from '@tiptap/react'\nimport type { CSSProperties } from 'react'\nimport { cn } from '../../../react/ui/utils'\nimport { compositeKind } from '../kinds'\nimport { useStore } from '../../../react/use-store'\nimport { derivationOf } from '../derivation'\nimport { compositeKindsOf } from '../nodes'\n\n/** `text` as a CSS string literal (for `content:`). */\nconst cssString = (text: string) => `\"${text.replace(/[\"\\\\]/g, '\\\\$&').replace(/\\n/g, '\\\\a ')}\"`\n\n/** The composite block: the section with its content. The kind icon is drawn by the composite chrome overlay. */\nexport function CompositeView({ editor, node, selected }: NodeViewProps) {\n  const kind = compositeKind(compositeKindsOf(editor), String(node.attrs.kind))\n  // A derived Baustein (one with a `meta.derivation`) shows collapsed to a faded preview until it is opened; the content\n  // stays laid out (CSS clips it), so editing positions are unaffected. The chrome's chevron and a caret inside open it.\n  const expanded = useStore(editor.storage.composite.expanded)\n  const id: unknown = node.attrs.id\n  const collapsed = typeof id === 'string' && id !== '' && derivationOf(node) !== null && !expanded.has(id)\n  // Placeholder of the empty title (composites.css `content: var(…)`); a nested composite sets its own.\n  const placeholderVars = { '--composite-title-placeholder': cssString(kind.titlePlaceholder) } as CSSProperties\n  return (\n    <NodeViewWrapper\n      as=\"section\"\n      className={cn('composite', collapsed && 'is-collapsed', selected && 'is-selected rounded-md ring-1 ring-primary')}\n      data-type=\"composite\"\n      data-kind={node.attrs.kind}\n      data-id={node.attrs.id || undefined}\n      style={placeholderVars}\n    >\n      {/* Anchor of the kind icon on the left border: it only takes the icon's place and size. The composite chrome overlay\n          measures it and draws the icon as the button that opens the details popover and drags the composite. */}\n      <span className=\"composite__toggle\" contentEditable={false} aria-hidden=\"true\" />\n      <NodeViewContent className=\"composite__content\" />\n    </NodeViewWrapper>\n  )\n}\n"],"mappings":";;;;;;;;;AASA,MAAM,aAAa,SAAiB,IAAI,KAAK,QAAQ,UAAU,MAAM,CAAC,CAAC,QAAQ,OAAO,MAAM,EAAE;;AAG9F,SAAgB,cAAc,EAAE,QAAQ,MAAM,YAA2B;CACvE,MAAM,OAAO,cAAc,iBAAiB,MAAM,GAAG,OAAO,KAAK,MAAM,IAAI,CAAC;CAG5E,MAAM,WAAW,SAAS,OAAO,QAAQ,UAAU,QAAQ;CAC3D,MAAM,KAAc,KAAK,MAAM;CAC/B,MAAM,YAAY,OAAO,OAAO,YAAY,OAAO,MAAM,aAAa,IAAI,MAAM,QAAQ,CAAC,SAAS,IAAI,EAAE;CAExG,MAAM,kBAAkB,EAAE,iCAAiC,UAAU,KAAK,gBAAgB,EAAE;CAC5F,OACE,qBAAC,iBAAD;EACE,IAAG;EACH,WAAW,GAAG,aAAa,aAAa,gBAAgB,YAAY,4CAA4C;EAChH,aAAU;EACV,aAAW,KAAK,MAAM;EACtB,WAAS,KAAK,MAAM,MAAM,KAAA;EAC1B,OAAO;EANT,UAAA,CAUE,oBAAC,QAAD;GAAM,WAAU;GAAoB,iBAAiB;GAAO,eAAY;EAAQ,CAAA,GAChF,oBAAC,iBAAD,EAAiB,WAAU,qBAAsB,CAAA,CAClC;;AAErB"}
+{"version":3,"file":"CompositeView.js","names":[],"sources":["../../../../src/features/composites/react/CompositeView.tsx"],"sourcesContent":["import { NodeViewContent, NodeViewWrapper, type NodeViewProps } from '@tiptap/react'\nimport type { CSSProperties } from 'react'\nimport { cn } from '../../../react/ui/utils'\nimport { basketOf, titleHiddenOf } from '../baskets'\nimport { compositeKind } from '../kinds'\nimport { useStore } from '../../../react/use-store'\nimport { derivationOf } from '../derivation'\nimport { compositeBasketsOf, compositeKindsOf } from '../nodes'\n\n/** `text` as a CSS string literal (for `content:`). */\nconst cssString = (text: string) => `\"${text.replace(/[\"\\\\]/g, '\\\\$&').replace(/\\n/g, '\\\\a ')}\"`\n\n/** The composite block: the section with its content. The kind icon is drawn by the composite chrome overlay. */\nexport function CompositeView({ editor, node, selected }: NodeViewProps) {\n  const kind = compositeKind(compositeKindsOf(editor), String(node.attrs.kind))\n  // A derived Baustein (one with a `meta.derivation`) shows collapsed to a faded preview until it is opened; the content\n  // stays laid out (CSS clips it), so editing positions are unaffected. The chrome's chevron and a caret inside open it.\n  const expanded = useStore(editor.storage.composite.expanded)\n  const id: unknown = node.attrs.id\n  const collapsed = typeof id === 'string' && id !== '' && derivationOf(node) !== null && !expanded.has(id)\n  // Colour basket (`meta.basket`): `data-basket` carries the id, the stripe takes the basket's colour from `--sk-basket-color`.\n  const basket = basketOf(node)\n  const basketColor = compositeBasketsOf(editor).find(candidate => candidate.id === basket)?.color\n  // Kind tone (`CompositeKind.chrome.tone`): `data-kind-tone` marks the wrapper, the surface reads the colour from `--sk-kind-tone`.\n  const kindTone = kind.chrome?.tone || undefined\n  // A hidden title (`meta.titleHidden`) stays hidden until a caret enters it (`revealedTitles`, see `CompositeNode`).\n  const revealedTitles = useStore(editor.storage.composite.revealedTitles)\n  const titleHidden = titleHiddenOf(node) && !(typeof id === 'string' && revealedTitles.has(id))\n  // Placeholder of the empty title (composites.css `content: var(…)`); a nested composite sets its own.\n  const placeholderVars = {\n    '--composite-title-placeholder': cssString(kind.titlePlaceholder),\n    ...(basketColor ? { '--sk-basket-color': basketColor } : {}),\n    ...(kindTone ? { '--sk-kind-tone': kindTone } : {}),\n  } as CSSProperties\n  return (\n    <NodeViewWrapper\n      as=\"section\"\n      className={cn('composite', collapsed && 'is-collapsed', selected && 'is-selected rounded-md ring-1 ring-primary')}\n      data-type=\"composite\"\n      data-kind={node.attrs.kind}\n      data-id={node.attrs.id || undefined}\n      data-basket={basket ?? undefined}\n      data-kind-tone={kindTone ? '' : undefined}\n      data-title-hidden={titleHidden ? '' : undefined}\n      style={placeholderVars}\n    >\n      {/* Anchor of the kind icon on the left border: it only takes the icon's place and size. The composite chrome overlay\n          measures it and draws the icon as the button that opens the details popover and drags the composite. */}\n      <span className=\"composite__toggle\" contentEditable={false} aria-hidden=\"true\" />\n      <NodeViewContent className=\"composite__content\" />\n    </NodeViewWrapper>\n  )\n}\n"],"mappings":";;;;;;;;;;AAUA,MAAM,aAAa,SAAiB,IAAI,KAAK,QAAQ,UAAU,MAAM,CAAC,CAAC,QAAQ,OAAO,MAAM,EAAE;;AAG9F,SAAgB,cAAc,EAAE,QAAQ,MAAM,YAA2B;CACvE,MAAM,OAAO,cAAc,iBAAiB,MAAM,GAAG,OAAO,KAAK,MAAM,IAAI,CAAC;CAG5E,MAAM,WAAW,SAAS,OAAO,QAAQ,UAAU,QAAQ;CAC3D,MAAM,KAAc,KAAK,MAAM;CAC/B,MAAM,YAAY,OAAO,OAAO,YAAY,OAAO,MAAM,aAAa,IAAI,MAAM,QAAQ,CAAC,SAAS,IAAI,EAAE;CAExG,MAAM,SAAS,SAAS,IAAI;CAC5B,MAAM,cAAc,mBAAmB,MAAM,CAAC,CAAC,MAAK,cAAa,UAAU,OAAO,MAAM,CAAC,EAAE;CAE3F,MAAM,WAAW,KAAK,QAAQ,QAAQ,KAAA;CAEtC,MAAM,iBAAiB,SAAS,OAAO,QAAQ,UAAU,cAAc;CACvE,MAAM,cAAc,cAAc,IAAI,KAAK,EAAE,OAAO,OAAO,YAAY,eAAe,IAAI,EAAE;CAE5F,MAAM,kBAAkB;EACtB,iCAAiC,UAAU,KAAK,gBAAgB;EAChE,GAAI,cAAc,EAAE,qBAAqB,YAAY,IAAI,CAAC;EAC1D,GAAI,WAAW,EAAE,kBAAkB,SAAS,IAAI,CAAC;CACnD;CACA,OACE,qBAAC,iBAAD;EACE,IAAG;EACH,WAAW,GAAG,aAAa,aAAa,gBAAgB,YAAY,4CAA4C;EAChH,aAAU;EACV,aAAW,KAAK,MAAM;EACtB,WAAS,KAAK,MAAM,MAAM,KAAA;EAC1B,eAAa,UAAU,KAAA;EACvB,kBAAgB,WAAW,KAAK,KAAA;EAChC,qBAAmB,cAAc,KAAK,KAAA;EACtC,OAAO;EATT,UAAA,CAaE,oBAAC,QAAD;GAAM,WAAU;GAAoB,iBAAiB;GAAO,eAAY;EAAQ,CAAA,GAChF,oBAAC,iBAAD,EAAiB,WAAU,qBAAsB,CAAA,CAClC;;AAErB"}

package/dist/features/composites/react/DerivationBadge.js

@@ -2,7 +2,7 @@ import { derivationOf } from "../derivation.js";
 import { useEditorI18n } from "../../../react/use-editor-i18n.js";
 import { cn } from "../../../react/ui/utils.js";
 import { Icon } from "../../../react/Icon.js";
-import { derivationDetailsOf, derivationMethodLabel } from "../derived-chrome.js";
+import { derivationDetailsOf, derivationIsForeign, derivationMethodLabel } from "../derived-chrome.js";
 import { formatDate } from "../meta-display.js";
 import { useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -24,6 +24,7 @@ function DerivationBadge({ editor, node, detailed }) {
 	]);
 	if (!derivation) return null;
 	const method = derivationMethodLabel(t, derivation.method);
+	const foreign = derivationIsForeign(editor, derivation);
 	const created = derivation.createdAt ? formatDate(derivation.createdAt) : "";
 	if (!detailed) return /* @__PURE__ */ jsxs("div", {
 		className: "flex min-w-0 items-center gap-1.5 text-xs text-muted-foreground",
@@ -35,6 +36,7 @@ function DerivationBadge({ editor, node, detailed }) {
 			children: [
 				t("composites.derivation.badge"),
 				method,
+				foreign ? t("composites.derivation.foreign") : "",
 				created
 			].filter(Boolean).join(" · ")
 		})]
@@ -53,6 +55,13 @@ function DerivationBadge({ editor, node, detailed }) {
 							className: "size-3.5"
 						}), t("composites.derivation.badge")]
 					}),
+					details.foreign && /* @__PURE__ */ jsxs("span", {
+						className: cn(CHIP, "text-muted-foreground"),
+						children: [/* @__PURE__ */ jsx(Icon, {
+							name: "i-lucide-file-symlink",
+							className: "size-3.5"
+						}), t("composites.derivation.foreign")]
+					}),
 					details.stale && /* @__PURE__ */ jsxs("span", {
 						className: cn(CHIP, "text-(--sk-warning)"),
 						children: [/* @__PURE__ */ jsx(Icon, {

package/dist/features/composites/react/DerivationBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"DerivationBadge.js","names":[],"sources":["../../../../src/features/composites/react/DerivationBadge.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport type { Node as ProseMirrorNode } from '@tiptap/pm/model'\nimport { useMemo } from 'react'\nimport { Icon } from '../../../react/Icon'\nimport { cn } from '../../../react/ui/utils'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport { derivationOf } from '../derivation'\nimport { derivationDetailsOf, derivationMethodLabel } from '../derived-chrome'\nimport { formatDate } from '../meta-display'\n\nconst CHIP = 'inline-flex h-5 shrink-0 items-center gap-1 rounded-sm px-1.5 text-xs leading-none whitespace-nowrap'\n\n/**\n * Where a derived Baustein comes from. Compact (the `derivation` field type): the „abgeleitet“ badge with method and\n * date. `detailed` (the details card): also the model, whether the source changed („Quelle geändert“), whether the body\n * was edited since it was generated („bearbeitet“) and a link to the stored raw output. The detailed variant hashes\n * the body, so it belongs only where one Baustein is shown.\n */\nexport function DerivationBadge({ editor, node, detailed }: { editor: Editor, node: ProseMirrorNode, detailed?: boolean }) {\n  const { t } = useEditorI18n()\n  const derivation = derivationOf(node)\n  const details = useMemo(() => detailed ? derivationDetailsOf(editor, node) : null, [detailed, editor, node])\n  if (!derivation) return null\n  const method = derivationMethodLabel(t, derivation.method)\n  const created = derivation.createdAt ? formatDate(derivation.createdAt) : ''\n\n  if (!detailed) {\n    return (\n      <div className=\"flex min-w-0 items-center gap-1.5 text-xs text-muted-foreground\">\n        <Icon name=\"i-lucide-git-branch\" className=\"size-3.5 shrink-0\" />\n        <span className=\"truncate\">{[t('composites.derivation.badge'), method, created].filter(Boolean).join(' · ')}</span>\n      </div>\n    )\n  }\n  if (!details) return null\n\n  return (\n    <div className=\"flex flex-col gap-1.5 rounded-md p-2 text-xs ring-1 ring-border\">\n      <div className=\"flex flex-wrap items-center gap-1\">\n        <span className={cn(CHIP, 'text-muted-foreground')}>\n          <Icon name=\"i-lucide-git-branch\" className=\"size-3.5\" />{t('composites.derivation.badge')}\n        </span>\n        {details.stale && (\n          <span className={cn(CHIP, 'text-(--sk-warning)')}>\n            <Icon name=\"i-lucide-triangle-alert\" className=\"size-3.5\" />{t('composites.derivation.stale')}\n          </span>\n        )}\n        {details.edited && (\n          <span className={cn(CHIP, 'text-muted-foreground')}>\n            <Icon name=\"i-lucide-pencil\" className=\"size-3.5\" />{t('composites.derivation.edited')}\n          </span>\n        )}\n      </div>\n      <dl className=\"grid grid-cols-[auto_1fr] gap-x-2 gap-y-0.5\">\n        <dt className=\"text-muted-foreground\">{t('composites.derivation.method')}</dt>\n        <dd className=\"truncate text-foreground\">{method}</dd>\n        {derivation.model && (\n          <>\n            <dt className=\"text-muted-foreground\">{t('composites.derivation.model')}</dt>\n            <dd className=\"truncate text-foreground\" title={derivation.model}>{derivation.model}</dd>\n          </>\n        )}\n        {created && (\n          <>\n            <dt className=\"text-muted-foreground\">{t('composites.derivation.createdAt')}</dt>\n            <dd className=\"text-foreground\">{created}</dd>\n          </>\n        )}\n      </dl>\n      {details.outputUrl && (\n        <a href={details.outputUrl} target=\"_blank\" rel=\"noopener\" className=\"inline-flex w-fit items-center gap-1 text-primary hover:underline\">\n          <Icon name=\"i-lucide-external-link\" className=\"size-3.5\" />{t('composites.derivation.openOutput')}\n        </a>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;AAUA,MAAM,OAAO;;;;;;;AAQb,SAAgB,gBAAgB,EAAE,QAAQ,MAAM,YAA2E;CACzH,MAAM,EAAE,MAAM,cAAc;CAC5B,MAAM,aAAa,aAAa,IAAI;CACpC,MAAM,UAAU,cAAc,WAAW,oBAAoB,QAAQ,IAAI,IAAI,MAAM;EAAC;EAAU;EAAQ;CAAI,CAAC;CAC3G,IAAI,CAAC,YAAY,OAAO;CACxB,MAAM,SAAS,sBAAsB,GAAG,WAAW,MAAM;CACzD,MAAM,UAAU,WAAW,YAAY,WAAW,WAAW,SAAS,IAAI;CAE1E,IAAI,CAAC,UACH,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,oBAAC,MAAD;GAAM,MAAK;GAAsB,WAAU;EAAqB,CAAA,GAChE,oBAAC,QAAD;GAAM,WAAU;GAAY,UAAA;IAAC,EAAE,6BAA6B;IAAG;IAAQ;GAAO,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,KAAK;EAAQ,CAAA,CAC/G;;CAGT,IAAI,CAAC,SAAS,OAAO;CAErB,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACE,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,qBAAC,QAAD;MAAM,WAAW,GAAG,MAAM,uBAAuB;MAAjD,UAAA,CACE,oBAAC,MAAD;OAAM,MAAK;OAAsB,WAAU;MAAY,CAAA,GAAE,EAAE,6BAA6B,CACpF;;KACL,QAAQ,SACP,qBAAC,QAAD;MAAM,WAAW,GAAG,MAAM,qBAAqB;MAA/C,UAAA,CACE,oBAAC,MAAD;OAAM,MAAK;OAA0B,WAAU;MAAY,CAAA,GAAE,EAAE,6BAA6B,CACxF;;KAEP,QAAQ,UACP,qBAAC,QAAD;MAAM,WAAW,GAAG,MAAM,uBAAuB;MAAjD,UAAA,CACE,oBAAC,MAAD;OAAM,MAAK;OAAkB,WAAU;MAAY,CAAA,GAAE,EAAE,8BAA8B,CACjF;;IAEL;;GACL,qBAAC,MAAD;IAAI,WAAU;IAAd,UAAA;KACE,oBAAC,MAAD;MAAI,WAAU;MAAyB,UAAA,EAAE,8BAA8B;KAAM,CAAA;KAC7E,oBAAC,MAAD;MAAI,WAAU;MAA4B,UAAA;KAAW,CAAA;KACpD,WAAW,SACV,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,MAAD;MAAI,WAAU;MAAyB,UAAA,EAAE,6BAA6B;KAAM,CAAA,GAC5E,oBAAC,MAAD;MAAI,WAAU;MAA2B,OAAO,WAAW;MAAQ,UAAA,WAAW;KAAU,CAAA,CACxF,EAAA,CAAA;KAEH,WACC,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,MAAD;MAAI,WAAU;MAAyB,UAAA,EAAE,iCAAiC;KAAM,CAAA,GAChF,oBAAC,MAAD;MAAI,WAAU;MAAmB,UAAA;KAAY,CAAA,CAC7C,EAAA,CAAA;IAEF;;GACH,QAAQ,aACP,qBAAC,KAAD;IAAG,MAAM,QAAQ;IAAW,QAAO;IAAS,KAAI;IAAW,WAAU;IAArE,UAAA,CACE,oBAAC,MAAD;KAAM,MAAK;KAAyB,WAAU;IAAY,CAAA,GAAE,EAAE,kCAAkC,CAC/F;;EAEF;;AAET"}
+{"version":3,"file":"DerivationBadge.js","names":[],"sources":["../../../../src/features/composites/react/DerivationBadge.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport type { Node as ProseMirrorNode } from '@tiptap/pm/model'\nimport { useMemo } from 'react'\nimport { Icon } from '../../../react/Icon'\nimport { cn } from '../../../react/ui/utils'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport { derivationOf } from '../derivation'\nimport { derivationDetailsOf, derivationIsForeign, derivationMethodLabel } from '../derived-chrome'\nimport { formatDate } from '../meta-display'\n\nconst CHIP = 'inline-flex h-5 shrink-0 items-center gap-1 rounded-sm px-1.5 text-xs leading-none whitespace-nowrap'\n\n/**\n * Where a derived Baustein comes from. Compact (the `derivation` field type): the „abgeleitet“ badge with method and\n * date. `detailed` (the details card): also the model, whether the source changed („Quelle geändert“), whether the body\n * was edited since it was generated („bearbeitet“) and a link to the stored raw output. The detailed variant hashes\n * the body, so it belongs only where one Baustein is shown.\n */\nexport function DerivationBadge({ editor, node, detailed }: { editor: Editor, node: ProseMirrorNode, detailed?: boolean }) {\n  const { t } = useEditorI18n()\n  const derivation = derivationOf(node)\n  const details = useMemo(() => detailed ? derivationDetailsOf(editor, node) : null, [detailed, editor, node])\n  if (!derivation) return null\n  const method = derivationMethodLabel(t, derivation.method)\n  const foreign = derivationIsForeign(editor, derivation)\n  const created = derivation.createdAt ? formatDate(derivation.createdAt) : ''\n\n  if (!detailed) {\n    return (\n      <div className=\"flex min-w-0 items-center gap-1.5 text-xs text-muted-foreground\">\n        <Icon name=\"i-lucide-git-branch\" className=\"size-3.5 shrink-0\" />\n        <span className=\"truncate\">{[t('composites.derivation.badge'), method, foreign ? t('composites.derivation.foreign') : '', created].filter(Boolean).join(' · ')}</span>\n      </div>\n    )\n  }\n  if (!details) return null\n\n  return (\n    <div className=\"flex flex-col gap-1.5 rounded-md p-2 text-xs ring-1 ring-border\">\n      <div className=\"flex flex-wrap items-center gap-1\">\n        <span className={cn(CHIP, 'text-muted-foreground')}>\n          <Icon name=\"i-lucide-git-branch\" className=\"size-3.5\" />{t('composites.derivation.badge')}\n        </span>\n        {details.foreign && (\n          <span className={cn(CHIP, 'text-muted-foreground')}>\n            <Icon name=\"i-lucide-file-symlink\" className=\"size-3.5\" />{t('composites.derivation.foreign')}\n          </span>\n        )}\n        {details.stale && (\n          <span className={cn(CHIP, 'text-(--sk-warning)')}>\n            <Icon name=\"i-lucide-triangle-alert\" className=\"size-3.5\" />{t('composites.derivation.stale')}\n          </span>\n        )}\n        {details.edited && (\n          <span className={cn(CHIP, 'text-muted-foreground')}>\n            <Icon name=\"i-lucide-pencil\" className=\"size-3.5\" />{t('composites.derivation.edited')}\n          </span>\n        )}\n      </div>\n      <dl className=\"grid grid-cols-[auto_1fr] gap-x-2 gap-y-0.5\">\n        <dt className=\"text-muted-foreground\">{t('composites.derivation.method')}</dt>\n        <dd className=\"truncate text-foreground\">{method}</dd>\n        {derivation.model && (\n          <>\n            <dt className=\"text-muted-foreground\">{t('composites.derivation.model')}</dt>\n            <dd className=\"truncate text-foreground\" title={derivation.model}>{derivation.model}</dd>\n          </>\n        )}\n        {created && (\n          <>\n            <dt className=\"text-muted-foreground\">{t('composites.derivation.createdAt')}</dt>\n            <dd className=\"text-foreground\">{created}</dd>\n          </>\n        )}\n      </dl>\n      {details.outputUrl && (\n        <a href={details.outputUrl} target=\"_blank\" rel=\"noopener\" className=\"inline-flex w-fit items-center gap-1 text-primary hover:underline\">\n          <Icon name=\"i-lucide-external-link\" className=\"size-3.5\" />{t('composites.derivation.openOutput')}\n        </a>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;AAUA,MAAM,OAAO;;;;;;;AAQb,SAAgB,gBAAgB,EAAE,QAAQ,MAAM,YAA2E;CACzH,MAAM,EAAE,MAAM,cAAc;CAC5B,MAAM,aAAa,aAAa,IAAI;CACpC,MAAM,UAAU,cAAc,WAAW,oBAAoB,QAAQ,IAAI,IAAI,MAAM;EAAC;EAAU;EAAQ;CAAI,CAAC;CAC3G,IAAI,CAAC,YAAY,OAAO;CACxB,MAAM,SAAS,sBAAsB,GAAG,WAAW,MAAM;CACzD,MAAM,UAAU,oBAAoB,QAAQ,UAAU;CACtD,MAAM,UAAU,WAAW,YAAY,WAAW,WAAW,SAAS,IAAI;CAE1E,IAAI,CAAC,UACH,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,oBAAC,MAAD;GAAM,MAAK;GAAsB,WAAU;EAAqB,CAAA,GAChE,oBAAC,QAAD;GAAM,WAAU;GAAY,UAAA;IAAC,EAAE,6BAA6B;IAAG;IAAQ,UAAU,EAAE,+BAA+B,IAAI;IAAI;GAAO,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,KAAK;EAAQ,CAAA,CAClK;;CAGT,IAAI,CAAC,SAAS,OAAO;CAErB,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACE,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,qBAAC,QAAD;MAAM,WAAW,GAAG,MAAM,uBAAuB;MAAjD,UAAA,CACE,oBAAC,MAAD;OAAM,MAAK;OAAsB,WAAU;MAAY,CAAA,GAAE,EAAE,6BAA6B,CACpF;;KACL,QAAQ,WACP,qBAAC,QAAD;MAAM,WAAW,GAAG,MAAM,uBAAuB;MAAjD,UAAA,CACE,oBAAC,MAAD;OAAM,MAAK;OAAwB,WAAU;MAAY,CAAA,GAAE,EAAE,+BAA+B,CACxF;;KAEP,QAAQ,SACP,qBAAC,QAAD;MAAM,WAAW,GAAG,MAAM,qBAAqB;MAA/C,UAAA,CACE,oBAAC,MAAD;OAAM,MAAK;OAA0B,WAAU;MAAY,CAAA,GAAE,EAAE,6BAA6B,CACxF;;KAEP,QAAQ,UACP,qBAAC,QAAD;MAAM,WAAW,GAAG,MAAM,uBAAuB;MAAjD,UAAA,CACE,oBAAC,MAAD;OAAM,MAAK;OAAkB,WAAU;MAAY,CAAA,GAAE,EAAE,8BAA8B,CACjF;;IAEL;;GACL,qBAAC,MAAD;IAAI,WAAU;IAAd,UAAA;KACE,oBAAC,MAAD;MAAI,WAAU;MAAyB,UAAA,EAAE,8BAA8B;KAAM,CAAA;KAC7E,oBAAC,MAAD;MAAI,WAAU;MAA4B,UAAA;KAAW,CAAA;KACpD,WAAW,SACV,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,MAAD;MAAI,WAAU;MAAyB,UAAA,EAAE,6BAA6B;KAAM,CAAA,GAC5E,oBAAC,MAAD;MAAI,WAAU;MAA2B,OAAO,WAAW;MAAQ,UAAA,WAAW;KAAU,CAAA,CACxF,EAAA,CAAA;KAEH,WACC,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,MAAD;MAAI,WAAU;MAAyB,UAAA,EAAE,iCAAiC;KAAM,CAAA,GAChF,oBAAC,MAAD;MAAI,WAAU;MAAmB,UAAA;KAAY,CAAA,CAC7C,EAAA,CAAA;IAEF;;GACH,QAAQ,aACP,qBAAC,KAAD;IAAG,MAAM,QAAQ;IAAW,QAAO;IAAS,KAAI;IAAW,WAAU;IAArE,UAAA,CACE,oBAAC,MAAD;KAAM,MAAK;KAAyB,WAAU;IAAY,CAAA,GAAE,EAAE,kCAAkC,CAC/F;;EAEF;;AAET"}

package/dist/features/composites/react/FocusChip.d.ts

@@ -0,0 +1,11 @@
+import { Editor } from "@tiptap/core";
+//#region src/features/composites/react/FocusChip.d.ts
+/**
+ * Focus mode indicator (mounted by the composites feature): while a Baustein is focused (`focusComposite`) a small chip
+ * fixed at the bottom of the surface names it and leaves focus mode.
+ */
+export declare function FocusChip({ editor }: {
+  editor: Editor;
+}): import("react").JSX.Element | null;
+//#endregion
+//# sourceMappingURL=FocusChip.d.ts.map

package/dist/features/composites/react/FocusChip.js

@@ -0,0 +1,50 @@
+import { findBlockById } from "../../../core/schema/block-ids.js";
+import { useEditorI18n } from "../../../react/use-editor-i18n.js";
+import { Icon } from "../../../react/Icon.js";
+import { Button } from "../../../react/ui/button.js";
+import { compositeFocusOf } from "../focus.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEditorState } from "@tiptap/react";
+//#region src/features/composites/react/FocusChip.tsx
+/**
+* Focus mode indicator (mounted by the composites feature): while a Baustein is focused (`focusComposite`) a small chip
+* fixed at the bottom of the surface names it and leaves focus mode.
+*/
+function FocusChip({ editor }) {
+	const { t } = useEditorI18n();
+	const title = useEditorState({
+		editor,
+		selector: ({ editor: current }) => {
+			if (current.isDestroyed) return null;
+			const id = compositeFocusOf(current.state);
+			const found = id ? findBlockById(current.state.doc, id) : null;
+			return found ? found.node.child(0).textContent.trim() || t("composites.untitled") : null;
+		}
+	});
+	if (title === null) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "fixed bottom-4 left-1/2 z-20 flex max-w-[90vw] -translate-x-1/2 items-center gap-2 rounded-full border border-border bg-background py-1 pl-3 pr-1 shadow-lg",
+		role: "status",
+		children: [
+			/* @__PURE__ */ jsx(Icon, {
+				name: "i-lucide-focus",
+				className: "shrink-0 text-primary"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "truncate text-sm",
+				children: t("composites.focus.chip", { title })
+			}),
+			/* @__PURE__ */ jsxs(Button, {
+				size: "xs",
+				variant: "ghost",
+				"aria-label": t("composites.focus.leave"),
+				onClick: () => editor.commands.focusComposite(null),
+				children: [/* @__PURE__ */ jsx(Icon, { name: "i-lucide-x" }), t("composites.focus.release")]
+			})
+		]
+	});
+}
+//#endregion
+export { FocusChip };
+
+//# sourceMappingURL=FocusChip.js.map

package/dist/features/composites/react/FocusChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusChip.js","names":[],"sources":["../../../../src/features/composites/react/FocusChip.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { useEditorState } from '@tiptap/react'\nimport { findBlockById } from '../../../core/schema'\nimport { Icon } from '../../../react/Icon'\nimport { Button } from '../../../react/ui/button'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport { compositeFocusOf } from '../focus'\n\n/**\n * Focus mode indicator (mounted by the composites feature): while a Baustein is focused (`focusComposite`) a small chip\n * fixed at the bottom of the surface names it and leaves focus mode.\n */\nexport function FocusChip({ editor }: { editor: Editor }) {\n  const { t } = useEditorI18n()\n  const title = useEditorState({\n    editor,\n    selector: ({ editor: current }) => {\n      if (current.isDestroyed) return null\n      const id = compositeFocusOf(current.state)\n      const found = id ? findBlockById(current.state.doc, id) : null\n      return found ? found.node.child(0).textContent.trim() || t('composites.untitled') : null\n    },\n  })\n  if (title === null) return null\n  return (\n    <div\n      className=\"fixed bottom-4 left-1/2 z-20 flex max-w-[90vw] -translate-x-1/2 items-center gap-2 rounded-full border border-border bg-background py-1 pl-3 pr-1 shadow-lg\"\n      role=\"status\"\n    >\n      <Icon name=\"i-lucide-focus\" className=\"shrink-0 text-primary\" />\n      <span className=\"truncate text-sm\">{t('composites.focus.chip', { title })}</span>\n      <Button size=\"xs\" variant=\"ghost\" aria-label={t('composites.focus.leave')} onClick={() => editor.commands.focusComposite(null)}>\n        <Icon name=\"i-lucide-x\" />\n        {t('composites.focus.release')}\n      </Button>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAYA,SAAgB,UAAU,EAAE,UAA8B;CACxD,MAAM,EAAE,MAAM,cAAc;CAC5B,MAAM,QAAQ,eAAe;EAC3B;EACA,WAAW,EAAE,QAAQ,cAAc;GACjC,IAAI,QAAQ,aAAa,OAAO;GAChC,MAAM,KAAK,iBAAiB,QAAQ,KAAK;GACzC,MAAM,QAAQ,KAAK,cAAc,QAAQ,MAAM,KAAK,EAAE,IAAI;GAC1D,OAAO,QAAQ,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,KAAK,KAAK,EAAE,qBAAqB,IAAI;EACtF;CACF,CAAC;CACD,IAAI,UAAU,MAAM,OAAO;CAC3B,OACE,qBAAC,OAAD;EACE,WAAU;EACV,MAAK;EAFP,UAAA;GAIE,oBAAC,MAAD;IAAM,MAAK;IAAiB,WAAU;GAAyB,CAAA;GAC/D,oBAAC,QAAD;IAAM,WAAU;IAAoB,UAAA,EAAE,yBAAyB,EAAE,MAAM,CAAC;GAAQ,CAAA;GAChF,qBAAC,QAAD;IAAQ,MAAK;IAAK,SAAQ;IAAQ,cAAY,EAAE,wBAAwB;IAAG,eAAe,OAAO,SAAS,eAAe,IAAI;IAA7H,UAAA,CACE,oBAAC,MAAD,EAAM,MAAK,aAAc,CAAA,GACxB,EAAE,0BAA0B,CACvB;;EACL;;AAET"}

package/dist/features/composites/react/SettingsEditingTab.js

@@ -1,7 +1,9 @@
 import { DRAG_HANDLE_VISIBILITIES, HEADING_CONVERSION_SCOPES, KIND_ICON_VISIBILITIES, STRUCTURE_MODES, TREE_ROOTS } from "../../../settings/values.js";
+import { SPLIT_TARGET_CHARS_MAX, clampSplitTargetChars } from "../../../settings/index.js";
 import { useEditorI18n } from "../../../react/use-editor-i18n.js";
 import { Icon } from "../../../react/Icon.js";
 import { useEditorSettings } from "../../../react/settings.js";
+import { Input } from "../../../react/ui/input.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../../react/ui/select.js";
 import { SettingsSection } from "../../../react/SettingsSection.js";
 import { Label } from "../../../react/ui/label.js";
@@ -9,7 +11,7 @@ import { RadioGroup, RadioGroupItem } from "../../../react/ui/radio-group.js";
 import { STRUCTURE_MODE_KEYS } from "../structure-mode.js";
 import { DRAG_HANDLE_KEYS, HEADING_SCOPE_KEYS, KIND_ICON_KEYS, optionItems } from "../editing-settings-keys.js";
 import { TREE_ROOT_KEYS } from "../tree-root.js";
-import { useId } from "react";
+import { useEffect, useId, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/features/composites/react/SettingsEditingTab.tsx
 /** A group of radio options under a legend (the counterpart of Nuxt UI's `URadioGroup`), the options one above the other. */
@@ -58,6 +60,18 @@ function RadioOption({ item }) {
 function SettingsEditingTab({ kinds }) {
 	const { settings, update } = useEditorSettings();
 	const kindLabelId = useId();
+	const splitTargetId = useId();
+	const [splitTarget, setSplitTarget] = useState(String(settings.blocks.splitTargetChars));
+	useEffect(() => {
+		setSplitTarget(String(settings.blocks.splitTargetChars));
+	}, [settings.blocks.splitTargetChars]);
+	const commitSplitTarget = () => {
+		const next = clampSplitTargetChars(splitTarget, settings.blocks.splitTargetChars);
+		update((draft) => {
+			draft.blocks.splitTargetChars = next;
+		});
+		setSplitTarget(String(next));
+	};
 	const { t } = useEditorI18n();
 	const structureItems = optionItems(STRUCTURE_MODES, STRUCTURE_MODE_KEYS, t);
 	const scopeItems = optionItems(HEADING_CONVERSION_SCOPES, HEADING_SCOPE_KEYS, t);
@@ -126,6 +140,27 @@ function SettingsEditingTab({ kinds }) {
 							}, kind.id)) })]
 						})]
 					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-start justify-between gap-4 py-3",
+						children: [/* @__PURE__ */ jsx(Label, {
+							htmlFor: splitTargetId,
+							className: "min-w-0 flex-1 text-sm font-medium text-foreground",
+							children: t("settings.editing.splitTargetChars")
+						}), /* @__PURE__ */ jsx(Input, {
+							id: splitTargetId,
+							type: "number",
+							min: 200,
+							max: SPLIT_TARGET_CHARS_MAX,
+							step: 100,
+							className: "w-32",
+							value: splitTarget,
+							onChange: (event) => setSplitTarget(event.target.value),
+							onBlur: commitSplitTarget,
+							onKeyDown: (event) => {
+								if (event.key === "Enter") commitSplitTarget();
+							}
+						})]
+					}),
 					/* @__PURE__ */ jsx(RadioField, {
 						legend: t("composites.settings.kindIcon.legend"),
 						items: kindIconItems,

package/dist/features/composites/react/SettingsEditingTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsEditingTab.js","names":[],"sources":["../../../../src/features/composites/react/SettingsEditingTab.tsx"],"sourcesContent":["import { useId } from 'react'\nimport { Icon } from '../../../react/Icon'\nimport { useEditorSettings } from '../../../react/settings'\nimport { SettingsSection } from '../../../react/SettingsSection'\nimport { Label } from '../../../react/ui/label'\nimport { RadioGroup, RadioGroupItem } from '../../../react/ui/radio-group'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../../../react/ui/select'\nimport { DRAG_HANDLE_VISIBILITIES, HEADING_CONVERSION_SCOPES, KIND_ICON_VISIBILITIES, STRUCTURE_MODES, TREE_ROOTS } from '../../../settings'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport { DRAG_HANDLE_KEYS, HEADING_SCOPE_KEYS, KIND_ICON_KEYS, optionItems } from '../editing-settings-keys'\nimport type { CompositeKind } from '../kinds'\nimport { STRUCTURE_MODE_KEYS } from '../structure-mode'\nimport { TREE_ROOT_KEYS } from '../tree-root'\n\n/** A group of radio options under a legend (the counterpart of Nuxt UI's `URadioGroup`), the options one above the other. */\nfunction RadioField<T extends string>({ legend, items, value, onChange }: {\n  legend: string\n  items: readonly { label: string, description: string, value: T }[]\n  value: T\n  onChange: (value: T) => void\n}) {\n  const legendId = useId()\n  return (\n    <div className=\"py-3\">\n      <p id={legendId} className=\"mb-2 text-sm font-medium text-foreground\">{legend}</p>\n      <RadioGroup\n        aria-labelledby={legendId}\n        className=\"flex flex-col gap-2\"\n        value={value}\n        onValueChange={(next) => {\n          const item = items.find(candidate => candidate.value === next)\n          if (item) onChange(item.value)\n        }}\n      >\n        {items.map(item => <RadioOption key={item.value} item={item} />)}\n      </RadioGroup>\n    </div>\n  )\n}\n\nfunction RadioOption({ item }: { item: { label: string, description: string, value: string } }) {\n  const id = useId()\n  return (\n    <div className=\"flex items-start gap-2\">\n      <RadioGroupItem id={id} value={item.value} className=\"mt-0.5\" />\n      <Label htmlFor={id} className=\"flex-col items-start gap-0.5\">\n        <span className=\"text-sm font-medium text-foreground\">{item.label}</span>\n        <span className=\"text-sm font-normal text-muted-foreground\">{item.description}</span>\n      </Label>\n    </div>\n  )\n}\n\n/** „Bearbeiten“: Gliederung (structure mode, conversion scope), Bausteine defaults and the visibility of the block handles. */\nexport function SettingsEditingTab({ kinds }: { kinds: readonly CompositeKind[] }) {\n  const { settings, update } = useEditorSettings()\n  const kindLabelId = useId()\n  const { t } = useEditorI18n()\n  const structureItems = optionItems(STRUCTURE_MODES, STRUCTURE_MODE_KEYS, t)\n  const scopeItems = optionItems(HEADING_CONVERSION_SCOPES, HEADING_SCOPE_KEYS, t)\n  const treeRootItems = optionItems(TREE_ROOTS, TREE_ROOT_KEYS, t)\n  const kindIconItems = optionItems(KIND_ICON_VISIBILITIES, KIND_ICON_KEYS, t)\n  const dragHandleItems = optionItems(DRAG_HANDLE_VISIBILITIES, DRAG_HANDLE_KEYS, t)\n\n  return (\n    <div className=\"flex flex-col gap-8\">\n      <SettingsSection title={t('composites.settings.structure.title')}>\n        <RadioField\n          legend={t('composites.settings.structure.legend')}\n          items={structureItems}\n          value={settings.blocks.structure}\n          onChange={value => update((draft) => { draft.blocks.structure = value })}\n        />\n        <RadioField\n          legend={t('composites.settings.scope.legend')}\n          items={scopeItems}\n          value={settings.editing.headingConversionScope}\n          onChange={value => update((draft) => { draft.editing.headingConversionScope = value })}\n        />\n      </SettingsSection>\n\n      <SettingsSection title={t('composites.settings.sidebar.title')}>\n        <RadioField\n          legend={t('composites.settings.treeRoot.legend')}\n          items={treeRootItems}\n          value={settings.blocks.treeRoot}\n          onChange={value => update((draft) => { draft.blocks.treeRoot = value })}\n        />\n      </SettingsSection>\n\n      <SettingsSection title={t('composites.settings.composites.title')}>\n        <div className=\"flex items-start justify-between gap-4 py-3\">\n          <div className=\"min-w-0 flex-1\">\n            <Label id={kindLabelId} className=\"text-sm font-medium text-foreground\">{t('composites.settings.defaultKind.label')}</Label>\n            <p className=\"text-sm text-muted-foreground\">{t('composites.settings.defaultKind.description')}</p>\n          </div>\n          <Select value={settings.blocks.defaultKind} onValueChange={value => update((draft) => { draft.blocks.defaultKind = value })}>\n            <SelectTrigger aria-labelledby={kindLabelId} className=\"w-64\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              {kinds.map(kind => (\n                <SelectItem key={kind.id} value={kind.id}>\n                  <Icon name={kind.icon} />\n                  {kind.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n        <RadioField\n          legend={t('composites.settings.kindIcon.legend')}\n          items={kindIconItems}\n          value={settings.blocks.kindIcon}\n          onChange={value => update((draft) => { draft.blocks.kindIcon = value })}\n        />\n        <RadioField\n          legend={t('composites.settings.dragHandle.legend')}\n          items={dragHandleItems}\n          value={settings.blocks.dragHandle}\n          onChange={value => update((draft) => { draft.blocks.dragHandle = value })}\n        />\n      </SettingsSection>\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"SettingsEditingTab.js","names":[],"sources":["../../../../src/features/composites/react/SettingsEditingTab.tsx"],"sourcesContent":["import { useEffect, useId, useState } from 'react'\nimport { Icon } from '../../../react/Icon'\nimport { useEditorSettings } from '../../../react/settings'\nimport { SettingsSection } from '../../../react/SettingsSection'\nimport { Input } from '../../../react/ui/input'\nimport { Label } from '../../../react/ui/label'\nimport { RadioGroup, RadioGroupItem } from '../../../react/ui/radio-group'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../../../react/ui/select'\nimport { clampSplitTargetChars, DRAG_HANDLE_VISIBILITIES, HEADING_CONVERSION_SCOPES, KIND_ICON_VISIBILITIES, SPLIT_TARGET_CHARS_MAX, SPLIT_TARGET_CHARS_MIN, STRUCTURE_MODES, TREE_ROOTS } from '../../../settings'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport { DRAG_HANDLE_KEYS, HEADING_SCOPE_KEYS, KIND_ICON_KEYS, optionItems } from '../editing-settings-keys'\nimport type { CompositeKind } from '../kinds'\nimport { STRUCTURE_MODE_KEYS } from '../structure-mode'\nimport { TREE_ROOT_KEYS } from '../tree-root'\n\n/** A group of radio options under a legend (the counterpart of Nuxt UI's `URadioGroup`), the options one above the other. */\nfunction RadioField<T extends string>({ legend, items, value, onChange }: {\n  legend: string\n  items: readonly { label: string, description: string, value: T }[]\n  value: T\n  onChange: (value: T) => void\n}) {\n  const legendId = useId()\n  return (\n    <div className=\"py-3\">\n      <p id={legendId} className=\"mb-2 text-sm font-medium text-foreground\">{legend}</p>\n      <RadioGroup\n        aria-labelledby={legendId}\n        className=\"flex flex-col gap-2\"\n        value={value}\n        onValueChange={(next) => {\n          const item = items.find(candidate => candidate.value === next)\n          if (item) onChange(item.value)\n        }}\n      >\n        {items.map(item => <RadioOption key={item.value} item={item} />)}\n      </RadioGroup>\n    </div>\n  )\n}\n\nfunction RadioOption({ item }: { item: { label: string, description: string, value: string } }) {\n  const id = useId()\n  return (\n    <div className=\"flex items-start gap-2\">\n      <RadioGroupItem id={id} value={item.value} className=\"mt-0.5\" />\n      <Label htmlFor={id} className=\"flex-col items-start gap-0.5\">\n        <span className=\"text-sm font-medium text-foreground\">{item.label}</span>\n        <span className=\"text-sm font-normal text-muted-foreground\">{item.description}</span>\n      </Label>\n    </div>\n  )\n}\n\n/** „Bearbeiten“: Gliederung (structure mode, conversion scope), Bausteine defaults and the visibility of the block handles. */\nexport function SettingsEditingTab({ kinds }: { kinds: readonly CompositeKind[] }) {\n  const { settings, update } = useEditorSettings()\n  const kindLabelId = useId()\n  const splitTargetId = useId()\n  // The target size is edited as text and written back clamped to its range when the field is left, so a half-typed number never reaches the settings.\n  const [splitTarget, setSplitTarget] = useState(String(settings.blocks.splitTargetChars))\n  useEffect(() => { setSplitTarget(String(settings.blocks.splitTargetChars)) }, [settings.blocks.splitTargetChars])\n  const commitSplitTarget = () => {\n    const next = clampSplitTargetChars(splitTarget, settings.blocks.splitTargetChars)\n    update((draft) => { draft.blocks.splitTargetChars = next })\n    setSplitTarget(String(next))\n  }\n  const { t } = useEditorI18n()\n  const structureItems = optionItems(STRUCTURE_MODES, STRUCTURE_MODE_KEYS, t)\n  const scopeItems = optionItems(HEADING_CONVERSION_SCOPES, HEADING_SCOPE_KEYS, t)\n  const treeRootItems = optionItems(TREE_ROOTS, TREE_ROOT_KEYS, t)\n  const kindIconItems = optionItems(KIND_ICON_VISIBILITIES, KIND_ICON_KEYS, t)\n  const dragHandleItems = optionItems(DRAG_HANDLE_VISIBILITIES, DRAG_HANDLE_KEYS, t)\n\n  return (\n    <div className=\"flex flex-col gap-8\">\n      <SettingsSection title={t('composites.settings.structure.title')}>\n        <RadioField\n          legend={t('composites.settings.structure.legend')}\n          items={structureItems}\n          value={settings.blocks.structure}\n          onChange={value => update((draft) => { draft.blocks.structure = value })}\n        />\n        <RadioField\n          legend={t('composites.settings.scope.legend')}\n          items={scopeItems}\n          value={settings.editing.headingConversionScope}\n          onChange={value => update((draft) => { draft.editing.headingConversionScope = value })}\n        />\n      </SettingsSection>\n\n      <SettingsSection title={t('composites.settings.sidebar.title')}>\n        <RadioField\n          legend={t('composites.settings.treeRoot.legend')}\n          items={treeRootItems}\n          value={settings.blocks.treeRoot}\n          onChange={value => update((draft) => { draft.blocks.treeRoot = value })}\n        />\n      </SettingsSection>\n\n      <SettingsSection title={t('composites.settings.composites.title')}>\n        <div className=\"flex items-start justify-between gap-4 py-3\">\n          <div className=\"min-w-0 flex-1\">\n            <Label id={kindLabelId} className=\"text-sm font-medium text-foreground\">{t('composites.settings.defaultKind.label')}</Label>\n            <p className=\"text-sm text-muted-foreground\">{t('composites.settings.defaultKind.description')}</p>\n          </div>\n          <Select value={settings.blocks.defaultKind} onValueChange={value => update((draft) => { draft.blocks.defaultKind = value })}>\n            <SelectTrigger aria-labelledby={kindLabelId} className=\"w-64\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              {kinds.map(kind => (\n                <SelectItem key={kind.id} value={kind.id}>\n                  <Icon name={kind.icon} />\n                  {kind.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n        <div className=\"flex items-start justify-between gap-4 py-3\">\n          <Label htmlFor={splitTargetId} className=\"min-w-0 flex-1 text-sm font-medium text-foreground\">{t('settings.editing.splitTargetChars')}</Label>\n          <Input\n            id={splitTargetId}\n            type=\"number\"\n            min={SPLIT_TARGET_CHARS_MIN}\n            max={SPLIT_TARGET_CHARS_MAX}\n            step={100}\n            className=\"w-32\"\n            value={splitTarget}\n            onChange={event => setSplitTarget(event.target.value)}\n            onBlur={commitSplitTarget}\n            onKeyDown={(event) => {\n              if (event.key === 'Enter') commitSplitTarget()\n            }}\n          />\n        </div>\n        <RadioField\n          legend={t('composites.settings.kindIcon.legend')}\n          items={kindIconItems}\n          value={settings.blocks.kindIcon}\n          onChange={value => update((draft) => { draft.blocks.kindIcon = value })}\n        />\n        <RadioField\n          legend={t('composites.settings.dragHandle.legend')}\n          items={dragHandleItems}\n          value={settings.blocks.dragHandle}\n          onChange={value => update((draft) => { draft.blocks.dragHandle = value })}\n        />\n      </SettingsSection>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/features/composites/react.d.ts

@@ -10,6 +10,7 @@ import { CompositeSummaryEditor } from "./react/CompositeSummaryEditor.js";
 import { CompositeTable } from "./react/CompositeTable.js";
 import { CompositeTagsEditor } from "./react/CompositeTagsEditor.js";
 import { CompositeView } from "./react/CompositeView.js";
+import { FocusChip } from "./react/FocusChip.js";
 import { ReferenceView } from "./react/ReferenceView.js";
 import { SettingsEditingTab } from "./react/SettingsEditingTab.js";
 import { useCompositeAnchors } from "./react/use-composite-anchors.js";
@@ -21,5 +22,5 @@ import { useCompositeRows } from "./react/use-composite-rows.js";
  */
 export declare function compositeFeature(options?: CompositeFeatureOptions): ReactFeature;
 //#endregion
-export { CompositeChrome, CompositeDetails, CompositeFieldEditor, CompositeInspector, CompositeStatusMenu, CompositeSummaryEditor, CompositeTable, CompositeTagsEditor, CompositeView, ReferenceView, SettingsEditingTab, useCompositeAnchors, useCompositeRows };
+export { CompositeChrome, CompositeDetails, CompositeFieldEditor, CompositeInspector, CompositeStatusMenu, CompositeSummaryEditor, CompositeTable, CompositeTagsEditor, CompositeView, FocusChip, ReferenceView, SettingsEditingTab, useCompositeAnchors, useCompositeRows };
 //# sourceMappingURL=react.d.ts.map

package/dist/features/composites/react.js

@@ -9,6 +9,7 @@ import { useCompositeAnchors } from "./react/use-composite-anchors.js";
 import { CompositeChrome } from "./react/CompositeChrome.js";
 import { ReferenceView } from "./react/ReferenceView.js";
 import { CompositeView } from "./react/CompositeView.js";
+import { FocusChip } from "./react/FocusChip.js";
 import { SettingsEditingTab } from "./react/SettingsEditingTab.js";
 import { CompositeInspector } from "./react/CompositeInspector.js";
 import { CompositeTable } from "./react/CompositeTable.js";
@@ -21,6 +22,7 @@ import { ReactNodeViewRenderer } from "@tiptap/react";
 function compositeFeature(options = {}) {
 	return compositeFeatureCore({
 		chrome: CompositeChrome,
+		focusChip: FocusChip,
 		settingsTab: SettingsEditingTab,
 		nodeViews: {
 			composite: ReactNodeViewRenderer(CompositeView),
@@ -29,6 +31,6 @@ function compositeFeature(options = {}) {
 	}, options);
 }
 //#endregion
-export { CompositeChrome, CompositeDetails, CompositeFieldEditor, CompositeInspector, CompositeStatusMenu, CompositeSummaryEditor, CompositeTable, CompositeTagsEditor, CompositeView, ReferenceView, SettingsEditingTab, compositeFeature, useCompositeAnchors, useCompositeRows };
+export { CompositeChrome, CompositeDetails, CompositeFieldEditor, CompositeInspector, CompositeStatusMenu, CompositeSummaryEditor, CompositeTable, CompositeTagsEditor, CompositeView, FocusChip, ReferenceView, SettingsEditingTab, compositeFeature, useCompositeAnchors, useCompositeRows };
 
 //# sourceMappingURL=react.js.map

package/dist/features/composites/react.js.map

@@ -1 +1 @@
-{"version":3,"file":"react.js","names":[],"sources":["../../../src/features/composites/react.ts"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { ReactNodeViewRenderer } from '@tiptap/react'\nimport type { ComponentType } from 'react'\nimport type { ReactFeature } from '../../react'\nimport { type CompositeFeatureOptions, compositeFeatureCore } from './feature'\nimport { CompositeChrome } from './react/CompositeChrome'\nimport { ReferenceView } from './react/ReferenceView'\nimport { CompositeView } from './react/CompositeView'\nimport { SettingsEditingTab } from './react/SettingsEditingTab'\n\nexport { CompositeChrome } from './react/CompositeChrome'\nexport { CompositeDetails } from './react/CompositeDetails'\nexport { CompositeFieldEditor } from './react/CompositeFieldEditor'\nexport { CompositeInspector } from './react/CompositeInspector'\nexport { CompositeStatusMenu } from './react/CompositeStatusMenu'\nexport { CompositeSummaryEditor } from './react/CompositeSummaryEditor'\nexport { CompositeTable } from './react/CompositeTable'\nexport { CompositeTagsEditor } from './react/CompositeTagsEditor'\nexport { CompositeView } from './react/CompositeView'\nexport { ReferenceView } from './react/ReferenceView'\nexport { SettingsEditingTab } from './react/SettingsEditingTab'\nexport { useCompositeAnchors } from './react/use-composite-anchors'\nexport { useCompositeRows } from './react/use-composite-rows'\n\n/**\n * The React composites feature (shadcn): see `compositeFeatureCore`. The host places `CompositeTable` and\n * `CompositeInspector` beside the editor.\n */\nexport function compositeFeature(options: CompositeFeatureOptions = {}): ReactFeature {\n  return compositeFeatureCore<ComponentType<{ editor: Editor }>>({\n    chrome: CompositeChrome,\n    // A settings tab receives only its descriptor's `props` (`{ kinds }`), not the toolbar's `{ editor }` (see `EditorSettingsPanel`).\n    settingsTab: SettingsEditingTab as unknown as ComponentType<{ editor: Editor }>,\n    nodeViews: { composite: ReactNodeViewRenderer(CompositeView), reference: ReactNodeViewRenderer(ReferenceView) },\n  }, options)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA4BA,SAAgB,iBAAiB,UAAmC,CAAC,GAAiB;CACpF,OAAO,qBAAwD;EAC7D,QAAQ;EAER,aAAa;EACb,WAAW;GAAE,WAAW,sBAAsB,aAAa;GAAG,WAAW,sBAAsB,aAAa;EAAE;CAChH,GAAG,OAAO;AACZ"}
+{"version":3,"file":"react.js","names":[],"sources":["../../../src/features/composites/react.ts"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { ReactNodeViewRenderer } from '@tiptap/react'\nimport type { ComponentType } from 'react'\nimport type { ReactFeature } from '../../react'\nimport { type CompositeFeatureOptions, compositeFeatureCore } from './feature'\nimport { CompositeChrome } from './react/CompositeChrome'\nimport { ReferenceView } from './react/ReferenceView'\nimport { CompositeView } from './react/CompositeView'\nimport { FocusChip } from './react/FocusChip'\nimport { SettingsEditingTab } from './react/SettingsEditingTab'\n\nexport { CompositeChrome } from './react/CompositeChrome'\nexport { CompositeDetails } from './react/CompositeDetails'\nexport { CompositeFieldEditor } from './react/CompositeFieldEditor'\nexport { CompositeInspector } from './react/CompositeInspector'\nexport { CompositeStatusMenu } from './react/CompositeStatusMenu'\nexport { CompositeSummaryEditor } from './react/CompositeSummaryEditor'\nexport { CompositeTable } from './react/CompositeTable'\nexport { CompositeTagsEditor } from './react/CompositeTagsEditor'\nexport { CompositeView } from './react/CompositeView'\nexport { FocusChip } from './react/FocusChip'\nexport { ReferenceView } from './react/ReferenceView'\nexport { SettingsEditingTab } from './react/SettingsEditingTab'\nexport { useCompositeAnchors } from './react/use-composite-anchors'\nexport { useCompositeRows } from './react/use-composite-rows'\n\n/**\n * The React composites feature (shadcn): see `compositeFeatureCore`. The host places `CompositeTable` and\n * `CompositeInspector` beside the editor.\n */\nexport function compositeFeature(options: CompositeFeatureOptions = {}): ReactFeature {\n  return compositeFeatureCore<ComponentType<{ editor: Editor }>>({\n    chrome: CompositeChrome,\n    focusChip: FocusChip,\n    // A settings tab receives only its descriptor's `props` (`{ kinds }`), not the toolbar's `{ editor }` (see `EditorSettingsPanel`).\n    settingsTab: SettingsEditingTab as unknown as ComponentType<{ editor: Editor }>,\n    nodeViews: { composite: ReactNodeViewRenderer(CompositeView), reference: ReactNodeViewRenderer(ReferenceView) },\n  }, options)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA8BA,SAAgB,iBAAiB,UAAmC,CAAC,GAAiB;CACpF,OAAO,qBAAwD;EAC7D,QAAQ;EACR,WAAW;EAEX,aAAa;EACb,WAAW;GAAE,WAAW,sBAAsB,aAAa;GAAG,WAAW,sBAAsB,aAAa;EAAE;CAChH,GAAG,OAAO;AACZ"}

package/dist/features/composites/schema.d.ts

@@ -1,13 +1,14 @@
 import { CSL_TYPES, CslDate, CslItem, CslName, CslType } from "../../core/backend-types.js";
 import { CompositeAiBrief, compositeAiBrief } from "./ai-brief.js";
 import { CompositeKind, CompositeKindAi, CompositeMetaField, SOURCE_MEDIA_TYPES, compositeKind, defaultCompositeKinds, kindAccepts } from "./kinds.js";
-import { COMPOSITE_CHROME_COUNT, CompositeDescriptionNode, CompositeNode, CompositeOptions, CompositeStorage, CompositeTagsNode, CompositeTitleNode, compositeJSON, compositeKindsOf } from "./nodes.js";
+import { BASKET_IDS, Basket, basketById, basketOf, defaultBaskets, titleHiddenOf } from "./baskets.js";
+import { COMPOSITE_CHROME_COUNT, CompositeDescriptionNode, CompositeNode, CompositeOptions, CompositeStorage, CompositeTagsNode, CompositeTitleNode, compositeBasketsOf, compositeJSON, compositeKindsOf } from "./nodes.js";
 import { REFERENCE_NODE, ReferenceAttrs, ReferenceNode, ReferenceOptions, ReferenceSuggestionPluginKey, referenceMarkdown } from "./reference.js";
 import { compositeConversions, convertCompositeBlocks } from "./convert.js";
 import { CompositeFence, FenceSegment, splitCompositeFences } from "../../core/fences.js";
 import { blocksFromMarkdown, compositeFence, compositeFromMarkdown } from "./fences.js";
 import { compositeChromeBlocks, flattenCompositesToHeadings, groupHeadingsIntoComposites, headingGroupRange, structureBlocks } from "./heading-composites.js";
-import { BIB_KEY, DERIVATION_KEY } from "./meta-keys.js";
+import { BASKET_KEY, BIB_KEY, DERIVATION_KEY, TITLE_HIDDEN_KEY } from "./meta-keys.js";
 import { bibOf, bibtexOf, citeFull, citeShort, cslOf, cslTypeOptions, yearOf } from "./bibliography.js";
 import { Derivation, DerivationMethod, DerivationSource, bodyMarkdown, derivationOf, derivationState, renditionsOf, sourceOf } from "./derivation.js";
 import { LEGACY_COMPOSITE_NODE, migrateLegacyContent } from "./legacy.js";
@@ -21,7 +22,8 @@ import { AnyExtension } from "@tiptap/core";
  */
 export declare function compositeSchemaExtensions(options?: {
   kinds?: readonly CompositeKind[];
+  baskets?: readonly Basket[];
 }): AnyExtension[];
 //#endregion
-export { BIB_KEY, COMPOSITE_CHROME_COUNT, CSL_TYPES, type CompositeAiBrief, CompositeDescriptionNode, type CompositeFence, type CompositeKind, type CompositeKindAi, type CompositeMetaField, CompositeNode, type CompositeOptions, type CompositeStorage, CompositeTagsNode, CompositeTitleNode, type CslDate, type CslItem, type CslName, type CslType, DERIVATION_KEY, type Derivation, type DerivationMethod, type DerivationSource, type FenceSegment, LEGACY_COMPOSITE_NODE, REFERENCE_NODE, type ReferenceAttrs, ReferenceNode, type ReferenceOptions, ReferenceSuggestionPluginKey, SOURCE_MEDIA_TYPES, bibOf, bibtexOf, blocksFromMarkdown, bodyMarkdown, citeFull, citeShort, collectCompositeIds, compositeAiBrief, compositeChromeBlocks, compositeConversions, compositeFence, compositeFromMarkdown, compositeIdsOf, compositeJSON, compositeKind, compositeKindsOf, convertCompositeBlocks, cslOf, cslTypeOptions, defaultCompositeKinds, derivationOf, derivationState, flattenCompositesToHeadings, groupHeadingsIntoComposites, headingGroupRange, kindAccepts, migrateLegacyContent, normalizeReferences, referenceMarkdown, referencesFromText, renditionsOf, sourceOf, splitCompositeFences, structureBlocks, yearOf };
+export { BASKET_IDS, BASKET_KEY, BIB_KEY, type Basket, COMPOSITE_CHROME_COUNT, CSL_TYPES, type CompositeAiBrief, CompositeDescriptionNode, type CompositeFence, type CompositeKind, type CompositeKindAi, type CompositeMetaField, CompositeNode, type CompositeOptions, type CompositeStorage, CompositeTagsNode, CompositeTitleNode, type CslDate, type CslItem, type CslName, type CslType, DERIVATION_KEY, type Derivation, type DerivationMethod, type DerivationSource, type FenceSegment, LEGACY_COMPOSITE_NODE, REFERENCE_NODE, type ReferenceAttrs, ReferenceNode, type ReferenceOptions, ReferenceSuggestionPluginKey, SOURCE_MEDIA_TYPES, TITLE_HIDDEN_KEY, basketById, basketOf, bibOf, bibtexOf, blocksFromMarkdown, bodyMarkdown, citeFull, citeShort, collectCompositeIds, compositeAiBrief, compositeBasketsOf, compositeChromeBlocks, compositeConversions, compositeFence, compositeFromMarkdown, compositeIdsOf, compositeJSON, compositeKind, compositeKindsOf, convertCompositeBlocks, cslOf, cslTypeOptions, defaultBaskets, defaultCompositeKinds, derivationOf, derivationState, flattenCompositesToHeadings, groupHeadingsIntoComposites, headingGroupRange, kindAccepts, migrateLegacyContent, normalizeReferences, referenceMarkdown, referencesFromText, renditionsOf, sourceOf, splitCompositeFences, structureBlocks, titleHiddenOf, yearOf };
 //# sourceMappingURL=schema.d.ts.map

package/dist/features/composites/schema.js

@@ -1,10 +1,11 @@
 import { splitCompositeFences } from "../../core/fences.js";
 import { SOURCE_MEDIA_TYPES, compositeKind, defaultCompositeKinds, kindAccepts } from "./kinds.js";
-import { BIB_KEY, DERIVATION_KEY } from "./meta-keys.js";
+import { BASKET_KEY, BIB_KEY, DERIVATION_KEY, TITLE_HIDDEN_KEY } from "./meta-keys.js";
 import { blocksFromMarkdown, compositeFence, compositeFromMarkdown } from "./fences.js";
+import { BASKET_IDS, basketById, basketOf, defaultBaskets, titleHiddenOf } from "./baskets.js";
 import { bodyMarkdown, derivationOf, derivationState, renditionsOf, sourceOf } from "./derivation.js";
 import { compositeChromeBlocks, flattenCompositesToHeadings, groupHeadingsIntoComposites, headingGroupRange, structureBlocks } from "./heading-composites.js";
-import { COMPOSITE_CHROME_COUNT, CompositeDescriptionNode, CompositeNode, CompositeTagsNode, CompositeTitleNode, compositeJSON, compositeKindsOf } from "./nodes.js";
+import { COMPOSITE_CHROME_COUNT, CompositeDescriptionNode, CompositeNode, CompositeTagsNode, CompositeTitleNode, compositeBasketsOf, compositeJSON, compositeKindsOf } from "./nodes.js";
 import { REFERENCE_NODE, ReferenceNode, ReferenceSuggestionPluginKey, referenceMarkdown } from "./reference.js";
 import { CSL_TYPES } from "../../core/backend-types.js";
 import { bibOf, bibtexOf, citeFull, citeShort, cslOf, cslTypeOptions, yearOf } from "./bibliography.js";
@@ -20,7 +21,10 @@ import { collectCompositeIds, compositeIdsOf, normalizeReferences, referencesFro
 */
 function compositeSchemaExtensions(options = {}) {
 	return [
-		CompositeNode.configure(options.kinds ? { kinds: options.kinds } : {}),
+		CompositeNode.configure({
+			...options.kinds && { kinds: options.kinds },
+			...options.baskets && { baskets: options.baskets }
+		}),
 		CompositeTitleNode,
 		CompositeDescriptionNode,
 		CompositeTagsNode,
@@ -28,6 +32,6 @@ function compositeSchemaExtensions(options = {}) {
 	];
 }
 //#endregion
-export { BIB_KEY, COMPOSITE_CHROME_COUNT, CSL_TYPES, CompositeDescriptionNode, CompositeNode, CompositeTagsNode, CompositeTitleNode, DERIVATION_KEY, LEGACY_COMPOSITE_NODE, REFERENCE_NODE, ReferenceNode, ReferenceSuggestionPluginKey, SOURCE_MEDIA_TYPES, bibOf, bibtexOf, blocksFromMarkdown, bodyMarkdown, citeFull, citeShort, collectCompositeIds, compositeAiBrief, compositeChromeBlocks, compositeConversions, compositeFence, compositeFromMarkdown, compositeIdsOf, compositeJSON, compositeKind, compositeKindsOf, compositeSchemaExtensions, convertCompositeBlocks, cslOf, cslTypeOptions, defaultCompositeKinds, derivationOf, derivationState, flattenCompositesToHeadings, groupHeadingsIntoComposites, headingGroupRange, kindAccepts, migrateLegacyContent, normalizeReferences, referenceMarkdown, referencesFromText, renditionsOf, sourceOf, splitCompositeFences, structureBlocks, yearOf };
+export { BASKET_IDS, BASKET_KEY, BIB_KEY, COMPOSITE_CHROME_COUNT, CSL_TYPES, CompositeDescriptionNode, CompositeNode, CompositeTagsNode, CompositeTitleNode, DERIVATION_KEY, LEGACY_COMPOSITE_NODE, REFERENCE_NODE, ReferenceNode, ReferenceSuggestionPluginKey, SOURCE_MEDIA_TYPES, TITLE_HIDDEN_KEY, basketById, basketOf, bibOf, bibtexOf, blocksFromMarkdown, bodyMarkdown, citeFull, citeShort, collectCompositeIds, compositeAiBrief, compositeBasketsOf, compositeChromeBlocks, compositeConversions, compositeFence, compositeFromMarkdown, compositeIdsOf, compositeJSON, compositeKind, compositeKindsOf, compositeSchemaExtensions, convertCompositeBlocks, cslOf, cslTypeOptions, defaultBaskets, defaultCompositeKinds, derivationOf, derivationState, flattenCompositesToHeadings, groupHeadingsIntoComposites, headingGroupRange, kindAccepts, migrateLegacyContent, normalizeReferences, referenceMarkdown, referencesFromText, renditionsOf, sourceOf, splitCompositeFences, structureBlocks, titleHiddenOf, yearOf };
 
 //# sourceMappingURL=schema.js.map

package/dist/features/composites/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","names":[],"sources":["../../../src/features/composites/schema.ts"],"sourcesContent":["// Vue-free entry of the composite feature (`@ecsplico/editor/composites/schema`): the node family, kinds, Markdown\n// fences, legacy migration, heading↔composite transforms and conversions. Servers build their schema from it; it never\n// imports node views, components or the feature factory.\nimport type { AnyExtension } from '@tiptap/core'\nimport { type CompositeKind } from './kinds'\nimport { CompositeNode, CompositeDescriptionNode, CompositeTagsNode, CompositeTitleNode } from './nodes'\nimport { ReferenceNode } from './reference'\n\nexport { type CompositeAiBrief, compositeAiBrief } from './ai-brief'\nexport { compositeConversions, convertCompositeBlocks } from './convert'\nexport { blocksFromMarkdown, type CompositeFence, compositeFence, compositeFromMarkdown, type FenceSegment, splitCompositeFences } from './fences'\nexport { compositeChromeBlocks, flattenCompositesToHeadings, groupHeadingsIntoComposites, headingGroupRange, structureBlocks } from './heading-composites'\nexport { BIB_KEY, bibOf, bibtexOf, citeFull, citeShort, type CslDate, type CslItem, type CslName, type CslType, CSL_TYPES, cslOf, cslTypeOptions, yearOf } from './bibliography'\nexport { bodyMarkdown, DERIVATION_KEY, type Derivation, derivationOf, derivationState, type DerivationMethod, type DerivationSource, renditionsOf, sourceOf } from './derivation'\nexport { type CompositeKind, type CompositeKindAi, type CompositeMetaField, compositeKind, defaultCompositeKinds, kindAccepts, SOURCE_MEDIA_TYPES } from './kinds'\nexport { LEGACY_COMPOSITE_NODE, migrateLegacyContent } from './legacy'\nexport { REFERENCE_NODE, type ReferenceAttrs, referenceMarkdown, ReferenceNode, type ReferenceOptions, ReferenceSuggestionPluginKey } from './reference'\nexport { compositeIdsOf, collectCompositeIds, normalizeReferences, referencesFromText } from './reference-text'\nexport {\n  COMPOSITE_CHROME_COUNT,\n  compositeJSON,\n  compositeKindsOf,\n  CompositeDescriptionNode,\n  CompositeNode,\n  type CompositeOptions,\n  type CompositeStorage,\n  CompositeTagsNode,\n  CompositeTitleNode,\n} from './nodes'\n\n/**\n * The schema-bearing composite family (composite, title, description, tags, and the inline `reference` chip) without node views, to append to\n * `coreSchemaExtensions()`: `getSchema([...coreSchemaExtensions(), ...compositeSchemaExtensions({ kinds })])`. `kinds`\n * is the host's kind list (default: the built-in kinds in German, `defaultCompositeKinds`); it is storage, not schema.\n */\nexport function compositeSchemaExtensions(options: { kinds?: readonly CompositeKind[] } = {}): AnyExtension[] {\n  return [CompositeNode.configure(options.kinds ? { kinds: options.kinds } : {}), CompositeTitleNode, CompositeDescriptionNode, CompositeTagsNode, ReferenceNode]\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmCA,SAAgB,0BAA0B,UAAgD,CAAC,GAAmB;CAC5G,OAAO;EAAC,cAAc,UAAU,QAAQ,QAAQ,EAAE,OAAO,QAAQ,MAAM,IAAI,CAAC,CAAC;EAAG;EAAoB;EAA0B;EAAmB;CAAa;AAChK"}
+{"version":3,"file":"schema.js","names":[],"sources":["../../../src/features/composites/schema.ts"],"sourcesContent":["// Vue-free entry of the composite feature (`@ecsplico/editor/composites/schema`): the node family, kinds, Markdown\n// fences, legacy migration, heading↔composite transforms and conversions. Servers build their schema from it; it never\n// imports node views, components or the feature factory.\nimport type { AnyExtension } from '@tiptap/core'\nimport type { Basket } from './baskets'\nimport { type CompositeKind } from './kinds'\nimport { CompositeNode, CompositeDescriptionNode, CompositeTagsNode, CompositeTitleNode } from './nodes'\nimport { ReferenceNode } from './reference'\n\nexport { type CompositeAiBrief, compositeAiBrief } from './ai-brief'\nexport { type Basket, BASKET_IDS, basketById, basketOf, defaultBaskets, titleHiddenOf } from './baskets'\nexport { compositeConversions, convertCompositeBlocks } from './convert'\nexport { blocksFromMarkdown, type CompositeFence, compositeFence, compositeFromMarkdown, type FenceSegment, splitCompositeFences } from './fences'\nexport { compositeChromeBlocks, flattenCompositesToHeadings, groupHeadingsIntoComposites, headingGroupRange, structureBlocks } from './heading-composites'\nexport { BIB_KEY, bibOf, bibtexOf, citeFull, citeShort, type CslDate, type CslItem, type CslName, type CslType, CSL_TYPES, cslOf, cslTypeOptions, yearOf } from './bibliography'\nexport { bodyMarkdown, DERIVATION_KEY, type Derivation, derivationOf, derivationState, type DerivationMethod, type DerivationSource, renditionsOf, sourceOf } from './derivation'\nexport { type CompositeKind, type CompositeKindAi, type CompositeMetaField, compositeKind, defaultCompositeKinds, kindAccepts, SOURCE_MEDIA_TYPES } from './kinds'\nexport { BASKET_KEY, TITLE_HIDDEN_KEY } from './meta-keys'\nexport { LEGACY_COMPOSITE_NODE, migrateLegacyContent } from './legacy'\nexport { REFERENCE_NODE, type ReferenceAttrs, referenceMarkdown, ReferenceNode, type ReferenceOptions, ReferenceSuggestionPluginKey } from './reference'\nexport { compositeIdsOf, collectCompositeIds, normalizeReferences, referencesFromText } from './reference-text'\nexport {\n  COMPOSITE_CHROME_COUNT,\n  compositeJSON,\n  compositeBasketsOf,\n  compositeKindsOf,\n  CompositeDescriptionNode,\n  CompositeNode,\n  type CompositeOptions,\n  type CompositeStorage,\n  CompositeTagsNode,\n  CompositeTitleNode,\n} from './nodes'\n\n/**\n * The schema-bearing composite family (composite, title, description, tags, and the inline `reference` chip) without node views, to append to\n * `coreSchemaExtensions()`: `getSchema([...coreSchemaExtensions(), ...compositeSchemaExtensions({ kinds })])`. `kinds`\n * is the host's kind list (default: the built-in kinds in German, `defaultCompositeKinds`); it is storage, not schema.\n */\nexport function compositeSchemaExtensions(options: { kinds?: readonly CompositeKind[], baskets?: readonly Basket[] } = {}): AnyExtension[] {\n  return [CompositeNode.configure({ ...(options.kinds && { kinds: options.kinds }), ...(options.baskets && { baskets: options.baskets }) }), CompositeTitleNode, CompositeDescriptionNode, CompositeTagsNode, ReferenceNode]\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuCA,SAAgB,0BAA0B,UAA6E,CAAC,GAAmB;CACzI,OAAO;EAAC,cAAc,UAAU;GAAE,GAAI,QAAQ,SAAS,EAAE,OAAO,QAAQ,MAAM;GAAI,GAAI,QAAQ,WAAW,EAAE,SAAS,QAAQ,QAAQ;EAAG,CAAC;EAAG;EAAoB;EAA0B;EAAmB;CAAa;AAC3N"}

package/dist/features/composites/split.d.ts

@@ -0,0 +1,62 @@
+import { CompositeKind } from "./kinds.js";
+import { Extension } from "@tiptap/core";
+import { Node as Node$1, Schema } from "@tiptap/pm/model";
+//#region src/features/composites/split.d.ts
+/** Where the parts of a split go: next to the split Baustein (`siblings`) or into it as sub-Bausteine (`children`). */
+export type SplitMode = 'siblings' | 'children';
+/**
+ * Groups `blocks` in order so that no group exceeds `targetChars` text characters, never splitting inside a block: a
+ * new group starts when adding the block would exceed the target and the group is not empty, so a single block longer
+ * than the target forms a group of its own.
+ */
+export declare function splitBodyByLength(blocks: readonly Node$1[], targetChars: number): Node$1[][];
+/**
+ * Title for a part holding `blocks`: the first sentence of its first textblock (up to the first `.`, `!` or `?` that
+ * is followed by white space or ends the text; the mark itself is left out), at most 60 characters, `…` appended when
+ * cut. '' when the blocks hold no text.
+ */
+export declare function generatedTitle(blocks: readonly Node$1[]): string;
+/**
+ * Kind of the sub-Bausteine a split of a `parentKind` Baustein creates: `defaultKind` when the parent accepts it, else
+ * the parent's own kind when it accepts itself, else null (the split is refused).
+ */
+export declare function childKindFor(kinds: readonly CompositeKind[], parentKind: string, defaultKind: string): string | null;
+/**
+ * The nodes that replace `composite` once its body is cut into `groups` (in order, each non-empty).
+ * - `children`: one node, `composite` with its own title, description, tags and meta whose body is one new Baustein of
+ *   `childKind` per group.
+ * - `siblings`: `composite` itself keeping the first group, then one new Baustein of the same kind per further group.
+ * New parts carry a generated title, hidden when `hideTitles`, and no block id.
+ */
+export declare function splitComposite(schema: Schema, composite: Node$1, groups: readonly (readonly Node$1[])[], mode: SplitMode, childKind: string, hideTitles: boolean): Node$1[];
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    compositeSplit: {
+      /**
+       * Split the caret's innermost Baustein in front of the body block holding the caret (refused when that is the first body block or the caret is not in a body): the part before and the part from the caret on become sibling Bausteine or sub-Bausteine (`children`, of the default kind or the parent's own; refused when neither is accepted). The caret moves into the new part.
+       */
+      splitCompositeAtCaret: (options: {
+        mode: SplitMode;
+      }) => ReturnType;
+      /**
+       * Split the Baustein at `pos` (default: the caret's innermost one) into parts of about `targetChars` characters (default: setting `blocks.splitTargetChars`) without cutting inside a block. Refused with fewer than two parts, or in `children` mode when no child kind is accepted. The generated titles are hidden.
+       */
+      splitCompositeByLength: (options: {
+        mode: SplitMode;
+        targetChars?: number;
+        pos?: number;
+      }) => ReturnType;
+    };
+  }
+}
+/** Options of `CompositeSplit`: read on every use, so a changed setting applies without recreating the editor. */
+export interface CompositeSplitOptions {
+  /** Kind of the sub-Bausteine a `children` split creates when the parent accepts it (setting `blocks.defaultKind`). */
+  defaultKind: () => string;
+  /** Target size in characters of a length split (setting `blocks.splitTargetChars`). */
+  targetChars: () => number;
+}
+/** Client-only, no schema: the split commands of Bausteine. */
+export declare const CompositeSplit: Extension<CompositeSplitOptions, any>;
+//#endregion
+//# sourceMappingURL=split.d.ts.map