@aphexcms/cms-core 9.3.0 → 9.5.0

package/dist/components/admin/fields/FieldInput.svelte

@@ -0,0 +1,109 @@
+<script lang="ts">
+	// The shared input resolver: given a field, pick the right control — a plugin
+	// widget (field.input → aphex/field/component) first, else the built-in renderer
+	// for the field type. Used by SchemaField (for leaf/reference fields) AND by
+	// ArrayField (per primitive/reference item), so a custom or rich input resolves
+	// uniformly everywhere, the way Sanity's form builder does — no array-item gap.
+	//
+	// Object and array containers are NOT handled here; those recurse through
+	// SchemaField / ArrayField, which fall back to this component for their leaves.
+	import type { Field } from '../../../types/schemas';
+	import { useFieldComponents } from '../../../admin/field-components.svelte';
+	import StringField from './StringField.svelte';
+	import TextareaField from './TextareaField.svelte';
+	import NumberField from './NumberField.svelte';
+	import BooleanField from './BooleanField.svelte';
+	import SlugField from './SlugField.svelte';
+	import URLField from './URLField.svelte';
+	import DateField from './DateField.svelte';
+	import DateTimeField from './DateTimeField.svelte';
+	import ImageField from './ImageField.svelte';
+	import FileField from './FileField.svelte';
+	import ReferenceField from './ReferenceField.svelte';
+
+	interface Props {
+		field: Field;
+		value: any;
+		onUpdate: (value: any) => void;
+		readonly?: boolean;
+		validationClasses?: string;
+		documentData?: Record<string, any>;
+		schemaType?: string;
+		fieldPath?: string;
+		organizationId?: string;
+		onOpenReference?: (documentId: string, documentType: string) => void;
+	}
+
+	let {
+		field,
+		value,
+		onUpdate,
+		readonly = false,
+		validationClasses,
+		documentData,
+		schemaType,
+		fieldPath,
+		organizationId,
+		onOpenReference
+	}: Props = $props();
+
+	const fieldComponents = useFieldComponents();
+	const CustomInput = $derived(field.input ? fieldComponents(field.input) : undefined);
+</script>
+
+{#if CustomInput}
+	<CustomInput
+		{field}
+		{value}
+		{onUpdate}
+		{validationClasses}
+		{readonly}
+		{documentData}
+		{schemaType}
+	/>
+{:else if field.type === 'string'}
+	<StringField {field} {value} {documentData} {onUpdate} {validationClasses} {readonly} />
+{:else if field.type === 'text'}
+	<TextareaField {field} {value} {onUpdate} {validationClasses} {readonly} />
+{:else if field.type === 'slug'}
+	<SlugField {field} {value} {documentData} {onUpdate} {validationClasses} {readonly} />
+{:else if field.type === 'url'}
+	<URLField {field} {value} {onUpdate} {validationClasses} {readonly} />
+{:else if field.type === 'number'}
+	<NumberField {field} {value} {onUpdate} {validationClasses} {readonly} />
+{:else if field.type === 'boolean'}
+	<BooleanField {field} {value} {onUpdate} {validationClasses} {readonly} />
+{:else if field.type === 'date'}
+	<DateField {field} {value} {onUpdate} {validationClasses} {readonly} />
+{:else if field.type === 'datetime'}
+	<DateTimeField {field} {value} {onUpdate} {validationClasses} {readonly} />
+{:else if field.type === 'image'}
+	<ImageField
+		{field}
+		{value}
+		{onUpdate}
+		{validationClasses}
+		{schemaType}
+		{fieldPath}
+		{readonly}
+		{organizationId}
+	/>
+{:else if field.type === 'file'}
+	<FileField
+		{field}
+		{value}
+		{onUpdate}
+		{validationClasses}
+		{schemaType}
+		{fieldPath}
+		{readonly}
+		{organizationId}
+	/>
+{:else if field.type === 'reference' && field.to}
+	<ReferenceField {field} {value} {onUpdate} {onOpenReference} {readonly} />
+{:else}
+	<div class="border-muted-foreground/30 rounded-md border border-dashed p-4 text-center">
+		<p class="text-muted-foreground text-sm">Field type "{field.type}" not yet supported</p>
+		<p class="text-muted-foreground mt-1 text-xs">Raw value: {JSON.stringify(value)}</p>
+	</div>
+{/if}

package/dist/components/admin/fields/FieldInput.svelte.d.ts

@@ -0,0 +1,17 @@
+import type { Field } from '../../../types/schemas.js';
+interface Props {
+    field: Field;
+    value: any;
+    onUpdate: (value: any) => void;
+    readonly?: boolean;
+    validationClasses?: string;
+    documentData?: Record<string, any>;
+    schemaType?: string;
+    fieldPath?: string;
+    organizationId?: string;
+    onOpenReference?: (documentId: string, documentType: string) => void;
+}
+declare const FieldInput: import("svelte").Component<Props, {}, "">;
+type FieldInput = ReturnType<typeof FieldInput>;
+export default FieldInput;
+//# sourceMappingURL=FieldInput.svelte.d.ts.map

package/dist/components/admin/fields/FieldInput.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldInput.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/admin/fields/FieldInput.svelte.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAenD,UAAU,KAAK;IACd,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CACrE;AA2EF,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/components/admin/fields/richtext/PortableTextImageView.svelte

@@ -1,20 +1,13 @@
 <script lang="ts">
 	import { Trash2, Image as ImageIcon } from '@lucide/svelte';
 	import { assets } from '../../../../api/assets';
+	import type { BlockPreviewProps } from '../../../../admin/block-previews.svelte';
 
-	interface Props {
-		type: string;
-		nodeKey: string;
-		data: Record<string, unknown>;
-		selected?: boolean;
-		onEdit: () => void;
-		onDelete: () => void;
-	}
-
-	// `type`/`nodeKey` are passed by the ProseMirror node view (svelte-node-view.ts) for
-	// contract parity across block views; this image view doesn't render them.
+	// Shares the block-preview contract with app-registered previews, so the node view
+	// can mount either through one type. `type`/`nodeKey`/`schema` are passed for parity
+	// but this image view doesn't render them.
 	// eslint-disable-next-line svelte/no-unused-props
-	let { data, selected = false, onEdit, onDelete }: Props = $props();
+	let { data, selected = false, onEdit, onDelete }: BlockPreviewProps = $props();
 
 	const assetRef = $derived((data?.asset as any)?._ref as string | undefined);
 	const assetPromise = $derived(assetRef ? assets.getById(assetRef) : null);

package/dist/components/admin/fields/richtext/PortableTextImageView.svelte.d.ts

@@ -1,12 +1,5 @@
-interface Props {
-    type: string;
-    nodeKey: string;
-    data: Record<string, unknown>;
-    selected?: boolean;
-    onEdit: () => void;
-    onDelete: () => void;
-}
-declare const PortableTextImageView: import("svelte").Component<Props, {}, "">;
+import type { BlockPreviewProps } from '../../../../admin/block-previews.svelte.js';
+declare const PortableTextImageView: import("svelte").Component<BlockPreviewProps, {}, "">;
 type PortableTextImageView = ReturnType<typeof PortableTextImageView>;
 export default PortableTextImageView;
 //# sourceMappingURL=PortableTextImageView.svelte.d.ts.map

package/dist/components/admin/fields/richtext/PortableTextImageView.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PortableTextImageView.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/admin/fields/richtext/PortableTextImageView.svelte.ts"],"names":[],"mappings":"AAOC,UAAU,KAAK;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACrB;AA2DF,QAAA,MAAM,qBAAqB,2CAAwC,CAAC;AACpE,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;AACtE,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"PortableTextImageView.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/admin/fields/richtext/PortableTextImageView.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AA6DjF,QAAA,MAAM,qBAAqB,uDAAwC,CAAC;AACpE,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;AACtE,eAAe,qBAAqB,CAAC"}

package/dist/components/admin/fields/richtext/PortableTextObjectView.svelte

@@ -1,32 +1,33 @@
 <script lang="ts">
 	import { Pencil, Trash2 } from '@lucide/svelte';
+	import { resolvePreviewTitle, resolvePreviewSubtitle } from '../../../../utils/preview';
+	import type { BlockPreviewProps } from '../../../../admin/block-previews.svelte';
 
-	interface Props {
-		type: string;
-		nodeKey: string;
-		data: Record<string, unknown>;
-		selected?: boolean;
-		onEdit: () => void;
-		onDelete: () => void;
-	}
-
-	// `nodeKey` is passed by the ProseMirror node view (svelte-node-view.ts) for contract
-	// parity across block views but isn't needed here.
+	// Shares the block-preview contract with app-registered previews, so the node view
+	// can mount either through one type. `nodeKey` is passed for parity but unused here.
 	// eslint-disable-next-line svelte/no-unused-props
-	let { type, data, selected = false, onEdit, onDelete }: Props = $props();
+	let { type, data, schema, selected = false, onEdit, onDelete }: BlockPreviewProps = $props();
 
-	const title = $derived((data.title as string) || (data.name as string) || type);
+	// Honour the block type's `preview` config (the same resolver array rows and
+	// document lists use), so a schema can say what its card reads. `resolvePreviewTitle`
+	// already falls back to conventional field names (title/heading/name/label) → the
+	// schema's title → the type name.
+	const title = $derived(resolvePreviewTitle(data, schema, type));
 
 	const subtitle = $derived.by(() => {
-		const preview: string[] = [];
+		const configured = resolvePreviewSubtitle(data, schema);
+		if (configured) return configured;
+		// No `preview.select.subtitle` — fall back to scraping the first couple of
+		// non-empty string fields so an unconfigured block still says something.
+		const parts: string[] = [];
 		for (const [key, val] of Object.entries(data)) {
 			if (key.startsWith('_') || key === 'title' || key === 'name') continue;
 			if (typeof val === 'string' && val.length > 0) {
-				preview.push(val.length > 40 ? val.slice(0, 40) + '...' : val);
-				if (preview.length >= 2) break;
+				parts.push(val.length > 40 ? val.slice(0, 40) + '...' : val);
+				if (parts.length >= 2) break;
 			}
 		}
-		return preview.join(' - ');
+		return parts.join(' - ');
 	});
 </script>
 

package/dist/components/admin/fields/richtext/PortableTextObjectView.svelte.d.ts

@@ -1,12 +1,5 @@
-interface Props {
-    type: string;
-    nodeKey: string;
-    data: Record<string, unknown>;
-    selected?: boolean;
-    onEdit: () => void;
-    onDelete: () => void;
-}
-declare const PortableTextObjectView: import("svelte").Component<Props, {}, "">;
+import type { BlockPreviewProps } from '../../../../admin/block-previews.svelte.js';
+declare const PortableTextObjectView: import("svelte").Component<BlockPreviewProps, {}, "">;
 type PortableTextObjectView = ReturnType<typeof PortableTextObjectView>;
 export default PortableTextObjectView;
 //# sourceMappingURL=PortableTextObjectView.svelte.d.ts.map

package/dist/components/admin/fields/richtext/PortableTextObjectView.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PortableTextObjectView.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/admin/fields/richtext/PortableTextObjectView.svelte.ts"],"names":[],"mappings":"AAMC,UAAU,KAAK;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACrB;AAkDF,QAAA,MAAM,sBAAsB,2CAAwC,CAAC;AACrE,KAAK,sBAAsB,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"PortableTextObjectView.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/admin/fields/richtext/PortableTextObjectView.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AA4DjF,QAAA,MAAM,sBAAsB,uDAAwC,CAAC;AACrE,KAAK,sBAAsB,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,eAAe,sBAAsB,CAAC"}

package/dist/components/admin/fields/richtext/RichtextField.svelte

@@ -40,6 +40,7 @@
 	import type { ArrayField as ArrayFieldType, SchemaType } from '../../../../types/schemas';
 	import { getSchemaContext } from '../../../../schema-context.svelte';
 	import { getSchemaByName } from '../../../../schema-utils/utils';
+	import { useBlockPreviews } from '../../../../admin/block-previews.svelte';
 	import { getRichtextEditorRegistry } from '../../../../richtext-context.svelte.js';
 	import ObjectModal from '../../ObjectModal.svelte';
 	import ImageBlockModal from './ImageBlockModal.svelte';
@@ -86,6 +87,9 @@
 	let editingNodeKey = $state<string | null>(null);
 	let editingIsInline = $state(false);
 
+	// App-registered inline previews for custom block types (see setBlockPreviews).
+	const blockPreviews = useBlockPreviews();
+
 	const blockDef = $derived(field.of.find((ref) => ref.type === 'block'));
 	const styles = $derived(blockDef?.styles?.map((s) => s.value) ?? DEFAULT_BLOCK_STYLES);
 	const decorators = $derived(
@@ -429,6 +433,40 @@
 		return found;
 	}
 
+	/**
+	 * Clean externally-pasted HTML before ProseMirror parses it. Word and Google
+	 * Docs inject heavy inline `style`/`class` bloat and wrapper spans; we keep the
+	 * structural tags (headings, lists, bold/italic, links) and drop everything the
+	 * editor doesn't model, so paste produces clean Portable Text instead of noise.
+	 */
+	function sanitizePastedHTML(html: string): string {
+		if (typeof window === 'undefined' || !html) return html;
+		const doc = new DOMParser().parseFromString(html, 'text/html');
+
+		// Google Docs wraps an entire copied selection in <b style="font-weight:normal">,
+		// which would otherwise make every pasted word bold. Unwrap those.
+		doc.body.querySelectorAll('b, strong').forEach((el) => {
+			if (/font-weight:\s*(normal|400)/i.test(el.getAttribute('style') ?? '')) {
+				el.replaceWith(...el.childNodes);
+			}
+		});
+
+		// Elements that never carry editorial content.
+		doc.querySelectorAll('script, style, link, meta, title, noscript').forEach((el) => el.remove());
+
+		// Strip presentational and unsafe attributes everywhere, keeping only the few
+		// the editor actually reads (href on links, src/alt on images).
+		const KEEP: Record<string, string[]> = { A: ['href'], IMG: ['src', 'alt'] };
+		doc.body.querySelectorAll('*').forEach((el) => {
+			const keep = KEEP[el.tagName] ?? [];
+			for (const attr of [...el.attributes]) {
+				if (!keep.includes(attr.name.toLowerCase())) el.removeAttribute(attr.name);
+			}
+		});
+
+		return doc.body.innerHTML;
+	}
+
 	function createEditor() {
 		editor?.destroy();
 		if (!element) return;
@@ -464,7 +502,13 @@
 				? [
 						PortableTextObject.configure({
 							onEdit: handleEditBlock,
-							onDelete: handleDeleteBlock
+							onDelete: handleDeleteBlock,
+							// Let each block's card read its own type's `preview` config
+							// (falls back to the registered schema's, for named object types).
+							resolveSchema: (type: string) =>
+								field.of.find((ref) => ref.type === type) ?? getSchemaByName(schemas, type),
+							// An app-registered preview renders the real block inline instead.
+							resolveComponent: (type: string) => blockPreviews(type)
 						})
 					]
 				: []),
@@ -487,6 +531,9 @@
 			editable: !readonly,
 			extensions,
 			content: tiptapDoc,
+			editorProps: {
+				transformPastedHTML: sanitizePastedHTML
+			},
 			onUpdate: ({ editor: e }) => {
 				if (isSyncingFromParent) return;
 				internalVersion++;
@@ -907,8 +954,14 @@
 	{#if editor && !readonly}
 		<!-- svelte-ignore a11y_no_static_element_interactions -->
 		<Tooltip.Provider>
+			<!--
+				Sticky within `.richtext-editor` (which is `overflow: visible`), so the toolbar
+				follows you down a long document but releases at the field's bottom edge — it
+				never floats over the next field. Opaque background: a translucent one would let
+				the scrolling text bleed through once it's pinned.
+			-->
 			<div
-				class="border-rule bg-muted/30 flex flex-wrap items-center gap-0.5 border-b px-2 py-1.5"
+				class="border-rule bg-muted sticky top-0 z-10 flex flex-wrap items-center gap-0.5 border-b px-2 py-1.5"
 				onmousedown={(e) => e.preventDefault()}
 			>
 				{#if styles.length > 1}

package/dist/components/admin/fields/richtext/RichtextField.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RichtextField.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/admin/fields/richtext/RichtextField.svelte.ts"],"names":[],"mappings":"AA4BA,OAAO,EAGL,KAAK,iBAAiB,EACtB,MAAM,4BAA4B,CAAC;AASrC,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAc,MAAM,2BAA2B,CAAC;AAWzF,UAAU,KAAK;IACd,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAC;IAC5C,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AA+lCF,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"RichtextField.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/admin/fields/richtext/RichtextField.svelte.ts"],"names":[],"mappings":"AA4BA,OAAO,EAGL,KAAK,iBAAiB,EACtB,MAAM,4BAA4B,CAAC;AASrC,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAc,MAAM,2BAA2B,CAAC;AAYzF,UAAU,KAAK;IACd,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAC;IAC5C,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AA+oCF,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/components/admin/fields/richtext/portable-text-object-node.d.ts

@@ -1,4 +1,7 @@
 import { Node } from '@tiptap/core';
+import type { Component } from 'svelte';
+import type { PreviewSource } from '../../../../utils/preview.js';
+import type { BlockPreviewProps } from '../../../../admin/block-previews.svelte.js';
 export interface PortableTextObjectOptions {
     onEdit: (attrs: {
         _type: string;
@@ -6,6 +9,10 @@ export interface PortableTextObjectOptions {
         data: Record<string, unknown>;
     }) => void;
     onDelete: (key: string) => void;
+    /** Resolve a block type's schema so its card can honour the type's `preview` config. */
+    resolveSchema?: (type: string) => PreviewSource;
+    /** Resolve a custom preview component, rendered inline instead of the generic card. */
+    resolveComponent?: (type: string) => Component<BlockPreviewProps> | undefined;
 }
 export declare const PortableTextObject: Node<PortableTextObjectOptions, any>;
 //# sourceMappingURL=portable-text-object-node.d.ts.map

package/dist/components/admin/fields/richtext/portable-text-object-node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"portable-text-object-node.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/admin/fields/richtext/portable-text-object-node.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAGrD,MAAM,WAAW,yBAAyB;IACzC,MAAM,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,KAAK,IAAI,CAAC;IACxF,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,kBAAkB,sCAiC7B,CAAC"}
+{"version":3,"file":"portable-text-object-node.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/admin/fields/richtext/portable-text-object-node.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAErD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAEjF,MAAM,WAAW,yBAAyB;IACzC,MAAM,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,KAAK,IAAI,CAAC;IACxF,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,wFAAwF;IACxF,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,aAAa,CAAC;IAChD,uFAAuF;IACvF,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;CAC9E;AAED,eAAO,MAAM,kBAAkB,sCAwC7B,CAAC"}

package/dist/components/admin/fields/richtext/portable-text-object-node.js

@@ -9,7 +9,9 @@ export const PortableTextObject = Node.create({
     addOptions() {
         return {
             onEdit: () => { },
-            onDelete: () => { }
+            onDelete: () => { },
+            resolveSchema: undefined,
+            resolveComponent: undefined
         };
     },
     addAttributes() {
@@ -26,6 +28,6 @@ export const PortableTextObject = Node.create({
         return ['div', mergeAttributes(HTMLAttributes, { 'data-portable-text-object': '' }), 0];
     },
     addNodeView() {
-        return SvelteNodeViewRenderer(this.options.onEdit, this.options.onDelete);
+        return SvelteNodeViewRenderer(this.options.onEdit, this.options.onDelete, this.options.resolveSchema, this.options.resolveComponent);
     }
 });

package/dist/components/admin/fields/richtext/svelte-node-view.d.ts

@@ -1,8 +1,23 @@
 import type { NodeViewRendererProps } from '@tiptap/core';
 import type { NodeView as ProseMirrorNodeView } from '@tiptap/pm/view';
+import type { Component } from 'svelte';
+import type { PreviewSource } from '../../../../utils/preview.js';
+import type { BlockPreviewProps } from '../../../../admin/block-previews.svelte.js';
 export declare function SvelteNodeViewRenderer(onEdit: (attrs: {
     _type: string;
     _key: string;
     data: Record<string, unknown>;
-}) => void, onDelete: (key: string) => void): (props: NodeViewRendererProps) => ProseMirrorNodeView;
+}) => void, onDelete: (key: string) => void, 
+/**
+ * Look up a block type's schema (its entry in the field's `of`) so the card can
+ * honour that type's `preview` config instead of guessing a title/subtitle from
+ * the raw data. Optional — without it the card falls back to the old heuristic.
+ */
+resolveSchema?: (type: string) => PreviewSource, 
+/**
+ * Resolve a custom preview component for a block type. When one exists it's mounted
+ * instead of the generic card, so the author sees the real block inline. It receives
+ * the same props (including `onEdit`/`onDelete`), so editing still works.
+ */
+resolveComponent?: (type: string) => Component<BlockPreviewProps> | undefined): (props: NodeViewRendererProps) => ProseMirrorNodeView;
 //# sourceMappingURL=svelte-node-view.d.ts.map

package/dist/components/admin/fields/richtext/svelte-node-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"svelte-node-view.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/admin/fields/richtext/svelte-node-view.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,KAAK,EAAE,QAAQ,IAAI,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAKvE,wBAAgB,sBAAsB,CACrC,MAAM,EAAE,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAAE,KAAK,IAAI,EACvF,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,IAEvB,OAAO,qBAAqB,KAAG,mBAAmB,CAyE1D"}
+{"version":3,"file":"svelte-node-view.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/admin/fields/richtext/svelte-node-view.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,KAAK,EAAE,QAAQ,IAAI,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAIvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAEjF,wBAAgB,sBAAsB,CACrC,MAAM,EAAE,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAAE,KAAK,IAAI,EACvF,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI;AAC/B;;;;GAIG;AACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,aAAa;AAC/C;;;;GAIG;AACH,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC,iBAAiB,CAAC,GAAG,SAAS,IAErE,OAAO,qBAAqB,KAAG,mBAAmB,CA+E1D"}

package/dist/components/admin/fields/richtext/svelte-node-view.js

@@ -1,14 +1,32 @@
 import { mount, unmount } from 'svelte';
 import PortableTextObjectView from './PortableTextObjectView.svelte';
 import PortableTextImageView from './PortableTextImageView.svelte';
-export function SvelteNodeViewRenderer(onEdit, onDelete) {
+export function SvelteNodeViewRenderer(onEdit, onDelete, 
+/**
+ * Look up a block type's schema (its entry in the field's `of`) so the card can
+ * honour that type's `preview` config instead of guessing a title/subtitle from
+ * the raw data. Optional — without it the card falls back to the old heuristic.
+ */
+resolveSchema, 
+/**
+ * Resolve a custom preview component for a block type. When one exists it's mounted
+ * instead of the generic card, so the author sees the real block inline. It receives
+ * the same props (including `onEdit`/`onDelete`), so editing still works.
+ */
+resolveComponent) {
     return (props) => {
         const wrapper = document.createElement('div');
         wrapper.setAttribute('data-portable-text-object', '');
         wrapper.setAttribute('data-node-view-wrapper', '');
         wrapper.contentEditable = 'false';
         let nodeAttrs = props.node.attrs;
+        // Built-ins and app-registered previews share BlockPreviewProps, so all three
+        // mount through one call site.
         function getViewComponent() {
+            // An app-registered preview wins — it renders the real block inline.
+            const custom = resolveComponent?.(nodeAttrs._type);
+            if (custom)
+                return custom;
             return nodeAttrs._type === 'image' ? PortableTextImageView : PortableTextObjectView;
         }
         function mountView() {
@@ -18,6 +36,7 @@ export function SvelteNodeViewRenderer(onEdit, onDelete) {
                     type: nodeAttrs._type,
                     nodeKey: nodeAttrs._key,
                     data: nodeAttrs.data,
+                    schema: resolveSchema?.(nodeAttrs._type),
                     selected: false,
                     onEdit: () => {
                         onEdit({

package/dist/components/layout/OrganizationSwitcher.svelte

@@ -90,6 +90,11 @@
 	function getRoleLabel(role: string): string {
 		return role.charAt(0).toUpperCase() + role.slice(1);
 	}
+
+	function getOrganizationLogo(org: SidebarOrganization | undefined): string | null {
+		const logo = org?.metadata?.logo;
+		return typeof logo === 'string' && logo.length > 0 ? logo : null;
+	}
 </script>
 
 <SidebarMenu>
@@ -110,11 +115,19 @@
 						disabled={isSwitching}
 					>
 						{#if activeOrganization}
-							<div
-								class="bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg text-sm font-semibold"
-							>
-								{getOrganizationInitials(activeOrganization.name)}
-							</div>
+							{#if getOrganizationLogo(activeOrganization)}
+								<img
+									src={getOrganizationLogo(activeOrganization)!}
+									alt={activeOrganization.name}
+									class="aspect-square size-8 rounded-lg object-cover"
+								/>
+							{:else}
+								<div
+									class="bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg text-sm font-semibold"
+								>
+									{getOrganizationInitials(activeOrganization.name)}
+								</div>
+							{/if}
 							<div class="grid flex-1 text-left text-sm leading-tight">
 								<span class="truncate font-medium">
 									{activeOrganization.name}
@@ -164,11 +177,19 @@
 							onclick={() => handleSwitchOrganization(org)}
 							disabled={isSwitching}
 						>
-							<div
-								class="bg-primary text-primary-foreground flex size-8 shrink-0 items-center justify-center rounded-md text-xs font-semibold"
-							>
-								{getOrganizationInitials(org.name)}
-							</div>
+							{#if getOrganizationLogo(org)}
+								<img
+									src={getOrganizationLogo(org)!}
+									alt={org.name}
+									class="size-8 shrink-0 rounded-md object-cover"
+								/>
+							{:else}
+								<div
+									class="bg-primary text-primary-foreground flex size-8 shrink-0 items-center justify-center rounded-md text-xs font-semibold"
+								>
+									{getOrganizationInitials(org.name)}
+								</div>
+							{/if}
 							<div class="min-w-0 flex-1">
 								<div class="flex items-center justify-between">
 									<p class="truncate font-medium">{org.name}</p>

package/dist/components/layout/OrganizationSwitcher.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OrganizationSwitcher.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/layout/OrganizationSwitcher.svelte.ts"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAI9D,KAAK,KAAK,GAAG;IACZ,aAAa,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACtC,kBAAkB,CAAC,EAAE,mBAAmB,CAAC;IACzC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC,CAAC;AAyKH,QAAA,MAAM,oBAAoB,2CAAwC,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"OrganizationSwitcher.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/layout/OrganizationSwitcher.svelte.ts"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAI9D,KAAK,KAAK,GAAG;IACZ,aAAa,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACtC,kBAAkB,CAAC,EAAE,mBAAmB,CAAC;IACzC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC,CAAC;AAsLH,QAAA,MAAM,oBAAoB,2CAAwC,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}