@object-ui/app-shell 6.2.3 → 7.1.0

package/dist/views/metadata-admin/previews/ViewColumnPanes.js

@@ -0,0 +1,140 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright (c) 2025 ObjectStack. Licensed under the Apache-2.0 license.
+/**
+ * Compact controls for the View column bar.
+ *
+ *   • ColumnChip      — a single draggable column "pill": click to
+ *     select (→ inspector), drag to reorder, × to remove. Designed to
+ *     sit in a one-line toolbar above the live grid preview so the
+ *     preview — not the field manager — owns the canvas.
+ *
+ *   • AddFieldPopover — an Airtable/Notion-style "+ Add field" button
+ *     that opens a searchable checklist of the bound Object's fields.
+ *     Click a field to append it as a column. Already-used fields are
+ *     tagged "Added" but stay clickable (a table may show a field
+ *     twice). Removal is explicit via the chip × so column-level config
+ *     (label, width, sortable…) is never silently dropped.
+ */
+import * as React from 'react';
+import { GripVertical, Plus, Search, X } from 'lucide-react';
+import { Badge, Popover, PopoverContent, PopoverTrigger, } from '@object-ui/components';
+import { resolveFieldTypeMeta, resolveCategoryTone } from './field-types';
+import { detectLocale, t, tFormat } from '../i18n';
+const DND_MIME = 'text/x-objectui-viewcol';
+function FieldIcon({ type }) {
+    const meta = resolveFieldTypeMeta(type);
+    const tone = resolveCategoryTone(type);
+    const Icon = meta.Icon;
+    return _jsx(Icon, { className: `h-3.5 w-3.5 shrink-0 ${tone.icon}` });
+}
+/* ───────────────────────────── Column chip ────────────────────────────── */
+export function ColumnChip({ index, label, fieldType, selected, canEdit, dragging, dropBefore, onSelect, onRemove, onDragStart, onDragEnd, onDragOverChip, onDropChip, }) {
+    return (_jsxs("div", { className: "relative flex items-stretch", children: [dropBefore && (_jsx("span", { className: "pointer-events-none absolute -left-1 top-0 h-full w-0.5 rounded bg-primary" })), _jsxs("div", { role: "button", tabIndex: 0, draggable: canEdit, "aria-pressed": selected, onDragStart: (e) => {
+                    if (!canEdit)
+                        return;
+                    e.dataTransfer.effectAllowed = 'move';
+                    e.dataTransfer.setData(DND_MIME, String(index));
+                    onDragStart();
+                }, onDragEnd: onDragEnd, onDragOver: (e) => {
+                    if (!canEdit || !dragging)
+                        return;
+                    if (!e.dataTransfer.types.includes(DND_MIME))
+                        return;
+                    e.preventDefault();
+                    e.dataTransfer.dropEffect = 'move';
+                    onDragOverChip();
+                }, onDrop: (e) => {
+                    if (!canEdit)
+                        return;
+                    if (!e.dataTransfer.types.includes(DND_MIME))
+                        return;
+                    e.preventDefault();
+                    e.stopPropagation();
+                    onDropChip();
+                }, onClick: onSelect, onKeyDown: (e) => {
+                    if (e.key === 'Enter' || e.key === ' ') {
+                        e.preventDefault();
+                        onSelect();
+                    }
+                }, className: 'group inline-flex items-center gap-1.5 rounded-md border bg-card py-1 pl-1.5 pr-1 text-xs transition-colors hover:border-primary/40 ' +
+                    (selected ? 'border-primary ring-1 ring-primary' : 'border-border') +
+                    (canEdit ? ' cursor-grab active:cursor-grabbing' : ''), children: [canEdit && (_jsx(GripVertical, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground/40 group-hover:text-muted-foreground" })), _jsx(FieldIcon, { type: fieldType }), _jsx("span", { className: "max-w-[12rem] truncate font-medium", children: label }), canEdit && (_jsx("span", { role: "button", tabIndex: 0, "aria-label": `Remove ${label}`, onClick: (e) => {
+                            e.stopPropagation();
+                            onRemove();
+                        }, onKeyDown: (e) => {
+                            if (e.key === 'Enter' || e.key === ' ') {
+                                e.preventDefault();
+                                e.stopPropagation();
+                                onRemove();
+                            }
+                        }, className: "inline-flex h-4 w-4 shrink-0 items-center justify-center rounded text-muted-foreground/60 hover:bg-destructive/10 hover:text-destructive", children: _jsx(X, { className: "h-3 w-3" }) }))] })] }));
+}
+/* ───────────────────────── Field list row (vertical) ──────────────────── */
+/**
+ * FieldListRow — a full-width, vertically-stacked variant of {@link ColumnChip}
+ * for the right-panel Fields list. Same HTML5 drag-and-drop contract (click to
+ * select, drag the handle to reorder, × to remove) but laid out as a list row
+ * (icon · label · machine name · remove) so it reads like a mainstream
+ * low-code field manager rather than a horizontal toolbar.
+ */
+export function FieldListRow({ index, label, fieldName, fieldType, selected, canEdit, dragging, dropBefore, onSelect, onRemove, onDragStart, onDragEnd, onDragOverRow, onDropRow, }) {
+    return (_jsxs("div", { className: "relative", children: [dropBefore && (_jsx("span", { className: "pointer-events-none absolute -top-0.5 left-0 right-0 h-0.5 rounded bg-primary" })), _jsxs("div", { role: "button", tabIndex: 0, draggable: canEdit, "aria-pressed": selected, onDragStart: (e) => {
+                    if (!canEdit)
+                        return;
+                    e.dataTransfer.effectAllowed = 'move';
+                    e.dataTransfer.setData(DND_MIME, String(index));
+                    onDragStart();
+                }, onDragEnd: onDragEnd, onDragOver: (e) => {
+                    if (!canEdit || !dragging)
+                        return;
+                    if (!e.dataTransfer.types.includes(DND_MIME))
+                        return;
+                    e.preventDefault();
+                    e.dataTransfer.dropEffect = 'move';
+                    onDragOverRow();
+                }, onDrop: (e) => {
+                    if (!canEdit)
+                        return;
+                    if (!e.dataTransfer.types.includes(DND_MIME))
+                        return;
+                    e.preventDefault();
+                    e.stopPropagation();
+                    onDropRow();
+                }, onClick: onSelect, onKeyDown: (e) => {
+                    if (e.key === 'Enter' || e.key === ' ') {
+                        e.preventDefault();
+                        onSelect();
+                    }
+                }, className: 'group flex items-center gap-2 rounded-md border bg-card px-2 py-1.5 text-xs transition-colors hover:border-primary/40 ' +
+                    (selected ? 'border-primary ring-1 ring-primary ' : 'border-border ') +
+                    (canEdit ? 'cursor-grab active:cursor-grabbing' : ''), children: [canEdit && (_jsx(GripVertical, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground/40 group-hover:text-muted-foreground" })), _jsx(FieldIcon, { type: fieldType }), _jsx("span", { className: "min-w-0 flex-1 truncate font-medium", children: label }), fieldName && fieldName !== label && (_jsx("code", { className: "max-w-[7rem] shrink-0 truncate text-[10px] text-muted-foreground", children: fieldName })), canEdit && (_jsx("span", { role: "button", tabIndex: 0, "aria-label": `Remove ${label}`, onClick: (e) => {
+                            e.stopPropagation();
+                            onRemove();
+                        }, onKeyDown: (e) => {
+                            if (e.key === 'Enter' || e.key === ' ') {
+                                e.preventDefault();
+                                e.stopPropagation();
+                                onRemove();
+                            }
+                        }, className: "inline-flex h-4 w-4 shrink-0 items-center justify-center rounded text-muted-foreground/60 hover:bg-destructive/10 hover:text-destructive", children: _jsx(X, { className: "h-3 w-3" }) }))] })] }));
+}
+/* ─────────────────────────── Add-field popover ────────────────────────── */
+export function AddFieldPopover({ fields, usedNames, loading, error, onAdd, }) {
+    const locale = React.useMemo(() => detectLocale(), []);
+    const [open, setOpen] = React.useState(false);
+    const [query, setQuery] = React.useState('');
+    const filtered = React.useMemo(() => {
+        const q = query.trim().toLowerCase();
+        if (!q)
+            return fields;
+        return fields.filter((f) => f.name.toLowerCase().includes(q) || f.label.toLowerCase().includes(q));
+    }, [fields, query]);
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: "inline-flex items-center gap-1 rounded-md border border-dashed px-2 py-1 text-xs text-muted-foreground hover:border-primary/40 hover:bg-accent/40 hover:text-foreground", children: [_jsx(Plus, { className: "h-3.5 w-3.5" }), " ", t('engine.form.addFieldPlain', locale)] }) }), _jsxs(PopoverContent, { align: "start", className: "w-72 p-0", children: [_jsxs("div", { className: "relative border-b p-2", children: [_jsx(Search, { className: "pointer-events-none absolute left-4 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }), _jsx("input", { autoFocus: true, value: query, onChange: (e) => setQuery(e.target.value), placeholder: t('engine.form.searchFields', locale), className: "h-8 w-full rounded border border-input bg-background pl-7 pr-2 text-xs outline-none focus:border-primary" })] }), _jsx("div", { className: "max-h-72 overflow-auto p-1", children: loading ? (_jsx(Hint, { children: t('engine.form.loadingFields', locale) })) : error ? (_jsx(Hint, { tone: "warn", children: tFormat('engine.form.noObjectFields', locale, { error }) })) : filtered.length === 0 ? (_jsx(Hint, { children: query ? t('engine.form.noMatchingFields', locale) : t('engine.form.noFieldsOnObject', locale) })) : (filtered.map((f) => {
+                            const used = usedNames.has(f.name);
+                            return (_jsxs("button", { type: "button", onClick: () => onAdd(f), className: "flex w-full items-center gap-2 rounded px-2 py-1.5 text-left text-xs hover:bg-accent", children: [_jsx(FieldIcon, { type: f.type }), _jsx("span", { className: "min-w-0 flex-1 truncate font-medium", children: f.label }), f.name !== f.label && (_jsx("code", { className: "max-w-[6rem] truncate text-[10px] text-muted-foreground", children: f.name })), used && (_jsx(Badge, { variant: "secondary", className: "px-1 py-0 text-[9px]", children: t('engine.form.added', locale) }))] }, f.name));
+                        })) })] })] }));
+}
+function Hint({ children, tone }) {
+    return (_jsx("div", { className: 'px-2 py-4 text-center text-[11px] ' +
+            (tone === 'warn' ? 'text-amber-600 dark:text-amber-300' : 'text-muted-foreground'), children: children }));
+}

package/dist/views/metadata-admin/previews/ViewPreview.d.ts

@@ -1,2 +1,24 @@
+/**
+ * ViewPreview — renders a View metadata draft using the same `object-view`
+ * SchemaRenderer the runtime ObjectView route uses, with the draft's own
+ * `config` body injected as a named `listView` so the preview reflects the
+ * unsaved edit (not the last saved version).
+ *
+ * A view is the canonical first-class **ViewItem** ({ viewKind, config }):
+ * one view, one `config` body — there are no in-document variant tabs. An
+ * object's *other* views are independent ViewItems surfaced by the view
+ * switcher (a query), not nested here.
+ *
+ * The render path forks on `viewKind`:
+ *   - list-family (grid / kanban / calendar / …) → `object-view`, with the
+ *     draft body injected as a named listView (below);
+ *   - form-family (simple / drawer / …) → `object-form`, with the draft's
+ *     sections mapped onto the form schema (a form view binds a record layout,
+ *     not a list, so the list renderer would just fall back to a bare grid).
+ *
+ * A raw single-schema draft (a bare `{ type, … }` with no `config` wrapper,
+ * e.g. an ad-hoc preview) is rendered straight through SchemaRenderer.
+ */
+import * as React from 'react';
 import type { MetadataPreviewProps } from '../preview-registry';
-export declare function ViewPreview({ name, draft }: MetadataPreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function ViewPreview({ name, draft, editing }: MetadataPreviewProps): React.JSX.Element;

package/dist/views/metadata-admin/previews/ViewPreview.js

@@ -1,50 +1,39 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Copyright (c) 2025 ObjectStack. Licensed under the Apache-2.0 license.
 /**
- * ViewPreview — renders a View metadata draft using the same
- * `object-view` SchemaRenderer the runtime ObjectView route uses,
- * with the current draft's variants injected as `listViews` so the
- * draft drives what authors see (not the saved version).
+ * ViewPreview — renders a View metadata draft using the same `object-view`
+ * SchemaRenderer the runtime ObjectView route uses, with the draft's own
+ * `config` body injected as a named `listView` so the preview reflects the
+ * unsaved edit (not the last saved version).
  *
- * If the draft is a "single-schema legacy" view (no list/form/kanban
- * wrappers, just one top-level `type`), we pass the schema straight
- * to SchemaRenderer.
+ * A view is the canonical first-class **ViewItem** ({ viewKind, config }):
+ * one view, one `config` body — there are no in-document variant tabs. An
+ * object's *other* views are independent ViewItems surfaced by the view
+ * switcher (a query), not nested here.
+ *
+ * The render path forks on `viewKind`:
+ *   - list-family (grid / kanban / calendar / …) → `object-view`, with the
+ *     draft body injected as a named listView (below);
+ *   - form-family (simple / drawer / …) → `object-form`, with the draft's
+ *     sections mapped onto the form schema (a form view binds a record layout,
+ *     not a list, so the list renderer would just fall back to a bare grid).
+ *
+ * A raw single-schema draft (a bare `{ type, … }` with no `config` wrapper,
+ * e.g. an ad-hoc preview) is rendered straight through SchemaRenderer.
  */
 import * as React from 'react';
-import { SchemaRenderer } from '@object-ui/react';
+import { SchemaRenderer, PreviewModeProvider } from '@object-ui/react';
+import { toInlineFormType } from './form-preview';
 import { PreviewShell, PreviewErrorBoundary, PreviewMessage } from './PreviewShell';
-const VIEW_VARIANT_KEYS = [
-    'list',
-    'form',
-    'kanban',
-    'calendar',
-    'gantt',
-    'map',
-    'gallery',
-    'timeline',
-    'feed',
-    'detail',
-];
-function detectVariants(draft) {
-    const out = [];
-    for (const k of VIEW_VARIANT_KEYS) {
-        const v = draft[k];
-        if (v && typeof v === 'object' && !Array.isArray(v)) {
-            out.push({ key: k, schema: v });
-        }
-    }
-    return out;
-}
-function resolveObjectName(draft, variantSchema) {
+import { primaryVariantBinding } from '../view-variant-model';
+function resolveObjectName(draft, body) {
     const candidates = [
-        variantSchema?.object,
-        variantSchema?.data?.object,
-        variantSchema?.objectName,
+        body?.object,
+        body?.data?.object,
+        body?.objectName,
         draft.object,
         draft.objectName,
         draft.data?.object,
-        draft.list?.data?.object,
-        draft.list?.object,
     ];
     for (const c of candidates) {
         if (typeof c === 'string' && c)
@@ -52,47 +41,90 @@ function resolveObjectName(draft, variantSchema) {
     }
     return undefined;
 }
-export function ViewPreview({ name, draft }) {
-    const variants = React.useMemo(() => detectVariants(draft), [draft]);
-    const objectName = React.useMemo(() => resolveObjectName(draft, variants[0]?.schema), [draft, variants]);
-    // Compose the listViews map: the draft IS the "default" — surface it as a
-    // primary named view FIRST so the view switcher picks it as default. Then
-    // append any saved sibling named listViews.
-    const { listViews, defaultViewId } = React.useMemo(() => {
-        const out = {};
-        const primaryVariant = variants.find((v) => v.key === 'list') ?? variants[0];
-        const primaryId = String(name) || primaryVariant?.key || 'default';
-        if (primaryVariant) {
-            out[primaryId] = {
-                ...primaryVariant.schema,
-                label: primaryVariant.schema.label ?? draft.label ?? name,
-            };
-        }
-        const saved = draft.listViews;
-        if (saved && typeof saved === 'object' && !Array.isArray(saved)) {
-            for (const [k, v] of Object.entries(saved)) {
-                if (v && typeof v === 'object' && k !== primaryId)
-                    out[k] = v;
-            }
+// A ViewItem form section uses the spec's `{ field, readonly, … }` shape, but
+// `object-form` selects fields by `name` and reads `readOnly`. Normalize so the
+// section's fields resolve (otherwise every section comes up empty).
+function toFormFieldEntry(f) {
+    if (typeof f === 'string')
+        return f;
+    if (f && typeof f === 'object') {
+        const o = f;
+        const name = (o.field ?? o.name);
+        if (!name)
+            return o;
+        return { ...o, name, readOnly: o.readOnly ?? o.readonly };
+    }
+    return String(f);
+}
+function buildFormPreviewSchema(objectName, body) {
+    const rawType = typeof body.type === 'string' ? body.type : 'simple';
+    const formType = toInlineFormType(rawType);
+    const sections = Array.isArray(body.sections)
+        ? body.sections.map((s) => ({
+            ...s,
+            fields: Array.isArray(s?.fields) ? s.fields.map(toFormFieldEntry) : [],
+        }))
+        : undefined;
+    return {
+        type: 'object-form',
+        objectName,
+        // A blank create-mode form: the preview shows the layout without needing a
+        // sample record to be selected.
+        mode: 'create',
+        formType,
+        sections,
+        fields: Array.isArray(body.fields) ? body.fields : undefined,
+        showSubmit: false,
+        showCancel: false,
+    };
+}
+export function ViewPreview({ name, draft, editing }) {
+    // The single ViewItem body (`draft.config`), or undefined for a raw schema.
+    const body = React.useMemo(() => primaryVariantBinding(draft)?.schema, [draft]);
+    const objectName = React.useMemo(() => resolveObjectName(draft, body), [draft, body]);
+    const designMode = !!editing;
+    // Surface the draft body as a named listView so the preview renders THIS
+    // view (with unsaved edits) rather than the object's saved default.
+    const { listViews, defaultViewId, defaultViewType } = React.useMemo(() => {
+        if (!body) {
+            return { listViews: {}, defaultViewId: undefined, defaultViewType: 'grid' };
         }
-        return { listViews: out, defaultViewId: primaryVariant ? primaryId : undefined };
-    }, [draft, variants, name]);
+        const id = String(name) || 'default';
+        return {
+            listViews: {
+                [id]: {
+                    ...body,
+                    label: body.label ?? draft.label ?? name,
+                },
+            },
+            defaultViewId: id,
+            defaultViewType: body.type ?? 'grid',
+        };
+    }, [body, draft, name]);
     // -------------------------------------------------------------------------
-    // Path A — single-schema legacy view: render directly.
+    // Raw single-schema draft (no ViewItem `config` wrapper): render directly.
     // -------------------------------------------------------------------------
-    if (!variants.length && draft.type) {
+    if (!body && draft.type) {
         const schema = { ...draft };
-        return (_jsx(PreviewShell, { hint: `view · ${schema.type}`, children: _jsx(PreviewErrorBoundary, { fallbackHint: "The view's `type` may not be registered, or required fields are missing.", children: _jsx("div", { className: "min-h-[300px] max-h-[75vh] overflow-auto", children: _jsx(SchemaRenderer, { schema: schema }) }) }) }));
+        return (_jsx(PreviewShell, { hint: `view · ${schema.type}${designMode ? ' · design' : ''}`, children: _jsx(PreviewErrorBoundary, { fallbackHint: "The view's `type` may not be registered, or required fields are missing.", children: _jsx("div", { className: "min-h-[300px] max-h-[75vh] overflow-auto", children: _jsx(PreviewModeProvider, { children: _jsx(SchemaRenderer, { schema: schema }) }) }) }) }));
     }
     if (!objectName) {
-        return (_jsx(PreviewShell, { hint: "view", children: _jsxs(PreviewMessage, { tone: "warn", children: ["This view has no object binding yet. Set ", _jsx("code", { children: "list.data.object" }), " in the Form tab to fetch live data."] }) }));
+        return (_jsx(PreviewShell, { hint: `view${designMode ? ' · design' : ''}`, children: _jsxs(PreviewMessage, { tone: "warn", children: ["This view has no object binding yet. Set the bound ", _jsx("code", { children: "Object" }), " in the right panel to fetch live data and field options."] }) }));
+    }
+    // -------------------------------------------------------------------------
+    // Form-family view (`viewKind: 'form'`): render the record form layout via
+    // `object-form`. The list renderer (`object-view`) has no form layout, so a
+    // form view routed through it just falls back to a bare grid.
+    // -------------------------------------------------------------------------
+    if (draft.viewKind === 'form' && body) {
+        const rawType = String(body.type ?? 'simple');
+        const formSchema = buildFormPreviewSchema(objectName, body);
+        return (_jsx(PreviewShell, { hint: `view · ${rawType} · form${designMode ? ' · design' : ''}`, children: _jsx(PreviewErrorBoundary, { fallbackHint: "The form view references an object or field that doesn't resolve.", children: _jsx("div", { className: "min-h-[300px] max-h-[75vh] overflow-auto", children: _jsx(PreviewModeProvider, { children: _jsx(SchemaRenderer, { schema: formSchema }) }) }) }) }));
     }
     // -------------------------------------------------------------------------
-    // Path B — multi-variant view: delegate to `object-view`, which is what
-    // the runtime route uses. Inject the draft's listViews so the preview
-    // reflects unsaved edits.
+    // Delegate to `object-view` — the same renderer the runtime route uses —
+    // with the draft body injected so the preview reflects unsaved edits.
     // -------------------------------------------------------------------------
-    const defaultViewType = variants[0]?.schema?.type ?? 'grid';
     const schema = React.useMemo(() => ({
         type: 'object-view',
         objectName,
@@ -105,9 +137,5 @@ export function ViewPreview({ name, draft }) {
         showRefresh: true,
         showViewSwitcher: true,
     }), [objectName, defaultViewType, defaultViewId, listViews]);
-    const variantHint = variants
-        .map((v) => v.key)
-        .slice(0, 3)
-        .join(' · ');
-    return (_jsx(PreviewShell, { hint: `view · ${variantHint || 'list'}`, children: _jsx(PreviewErrorBoundary, { fallbackHint: "The view references an object or field that doesn't resolve.", children: _jsx("div", { className: "min-h-[300px] max-h-[75vh] overflow-auto", children: _jsx(SchemaRenderer, { schema: schema }) }) }) }));
+    return (_jsx(PreviewShell, { hint: `view · ${defaultViewType}${designMode ? ' · design' : ''}`, children: _jsx(PreviewErrorBoundary, { fallbackHint: "The view references an object or field that doesn't resolve.", children: _jsx("div", { className: "min-h-[300px] max-h-[75vh] overflow-auto", children: _jsx(PreviewModeProvider, { children: _jsx(SchemaRenderer, { schema: schema }) }) }) }) }));
 }

package/dist/views/metadata-admin/previews/block-config.d.ts

@@ -0,0 +1,82 @@
+/**
+ * block-config — per-block configurable property schemas for the page editor.
+ *
+ * The page block inspector renders these as typed fields that edit the block's
+ * `properties` (the spec convention; the renderer hoists `properties.*` to the
+ * top level). Keep each field `name` aligned with the property name the
+ * corresponding renderer reads. Add block types here as they are needed.
+ *
+ * Field kinds:
+ *   text | number | boolean | select  — scalar props
+ *   string-list                       — an array of strings (e.g. field names)
+ *   array (+ itemFields)              — an array of objects (e.g. tab items)
+ */
+/** Where a field/field-list picker resolves its object from:
+ *  - 'page' — the record page's bound object (draft.object)
+ *  - 'self' — a sibling property on the same block (objectProp) */
+export type ObjectSource = {
+    objectFrom: 'page';
+} | {
+    objectFrom: 'self';
+    objectProp: string;
+};
+export type BlockPropField = {
+    name: string;
+    label: string;
+    kind: 'text';
+    placeholder?: string;
+} | {
+    name: string;
+    label: string;
+    kind: 'number';
+    placeholder?: string;
+} | {
+    name: string;
+    label: string;
+    kind: 'boolean';
+} | {
+    name: string;
+    label: string;
+    kind: 'select';
+    options: Array<{
+        value: string;
+        label: string;
+    }>;
+} | {
+    name: string;
+    label: string;
+    kind: 'string-list';
+    placeholder?: string;
+} | {
+    name: string;
+    label: string;
+    kind: 'array';
+    itemFields: BlockPropField[];
+    addLabel?: string;
+} | {
+    name: string;
+    label: string;
+    kind: 'color';
+    options?: Array<{
+        value: string;
+        label: string;
+    }>;
+} | {
+    name: string;
+    label: string;
+    kind: 'object-picker';
+    placeholder?: string;
+} | ({
+    name: string;
+    label: string;
+    kind: 'field-picker';
+    placeholder?: string;
+} & ObjectSource) | ({
+    name: string;
+    label: string;
+    kind: 'field-list';
+    placeholder?: string;
+} & ObjectSource);
+export declare const BLOCK_CONFIG: Record<string, BlockPropField[]>;
+/** Block types that expose a configurable property panel. */
+export declare function blockHasConfig(type: string | undefined): boolean;