@object-ui/app-shell 6.2.2 → 7.0.0

package/dist/views/runtime-metadata-persistence.d.ts

@@ -0,0 +1,78 @@
+/**
+ * ADR-0034 — Runtime metadata persistence seam.
+ *
+ * Runtime editing of **views / reports / dashboards** is unified with studio's
+ * `/meta` per-item **draft → publish → version** model. A runtime edit stages a
+ * per-item **draft** (invisible to other users, live in the editor's own
+ * preview); an explicit **publish** promotes it to the active overlay and
+ * records a version.
+ *
+ * This module is the single seam every runtime persistence call flows through,
+ * so the call sites (ObjectView / ReportView / DashboardView / RuntimeDraftBar)
+ * stay decoupled from the `MetadataClient` shape.
+ *
+ * The bespoke per-type tables (`sys_view` / `sys_report` / `sys_dashboard`) and
+ * their shape adapters have been retired — there is no longer a feature flag or
+ * a legacy write path here.
+ */
+/** The runtime-editable artifact types ADR-0034 unifies. `page` (a record
+ *  `PageSchema`) joins the original three (#1541): a record page is edited in
+ *  the browser and staged/published through the same `/meta` draft model. */
+export type RuntimeArtifactType = 'view' | 'report' | 'dashboard' | 'page';
+/**
+ * The metadata `name` (the `:name` in `/meta/page/:name`) for an object's
+ * record page. Prefer an already-assigned record page's name; otherwise mint
+ * the convention `<object>_record`. Editing the synthesized default for the
+ * first time materialises a real named page under this key so it has something
+ * to draft / publish / version against.
+ */
+export declare function recordPageName(objectName: string, existingName?: string | null): string;
+/**
+ * Wrap an edited `PageSchema` as a persistable **record page** body: ensures the
+ * `name` / `object` / `pageType: 'record'` / `kind: 'full'` identity fields the
+ * resolver (`usePageAssignment`) matches on, so a published page overrides the
+ * synthesized default for that object on the next render.
+ */
+export declare function recordPageEnvelope(objectName: string, schema: Record<string, any>, name?: string): Record<string, any>;
+/** Everything the seam needs to persist any of the three artifact types. */
+export interface RuntimePersistCtx {
+    /** Studio metadata client — the `/meta` draft/publish/version API. */
+    metadataClient: any;
+}
+/**
+ * Unwrap a `?state=draft` GET response into its bare body, or `null` when
+ * there is nothing pending.
+ *
+ * The framework wraps draft reads in a `{ type, name, item }` envelope; a
+ * published read is the bare body. This accepts either shape and returns
+ * `null` for an empty/absent draft so `!!readRuntimeDraft(...)` is a reliable
+ * "has pending changes" check. Mirrors studio's `extractDraftBody`.
+ */
+export declare function unwrapDraftBody(resp: unknown): Record<string, unknown> | null;
+/**
+ * Persist a runtime edit of a view / report / dashboard as a per-item DRAFT
+ * (invisible to other users until {@link publishRuntimeMetadata}).
+ */
+export declare function persistRuntimeMetadata(type: RuntimeArtifactType, name: string, body: any, ctx: RuntimePersistCtx): Promise<void>;
+/**
+ * Create a NEW runtime artifact as a per-item draft. Returns its name (for the
+ * caller's auto-activation). UI-layer concerns (default columns, kanban/gallery
+ * sub-config, auto-activation) stay in the call site.
+ */
+export declare function createRuntimeMetadata(type: RuntimeArtifactType, name: string, body: any, ctx: RuntimePersistCtx): Promise<string | undefined>;
+/**
+ * Read the pending draft body for a runtime artifact (for the "unpublished
+ * changes" indicator and resume-on-open). Returns the bare body, or `null`
+ * when nothing is pending.
+ */
+export declare function readRuntimeDraft<T = Record<string, unknown>>(type: RuntimeArtifactType, name: string, ctx: RuntimePersistCtx): Promise<T | null>;
+/**
+ * Discard the pending draft of a runtime artifact (Studio's "Discard draft").
+ * The published overlay is untouched.
+ */
+export declare function discardRuntimeDraft(type: RuntimeArtifactType, name: string, ctx: RuntimePersistCtx): Promise<void>;
+/**
+ * Publish a previously-staged runtime edit: promote the pending draft to the
+ * active overlay and record a version.
+ */
+export declare function publishRuntimeMetadata(type: RuntimeArtifactType, name: string, ctx: RuntimePersistCtx): Promise<void>;

package/dist/views/runtime-metadata-persistence.js

@@ -0,0 +1,89 @@
+// Copyright (c) 2025 ObjectStack. Licensed under the Apache-2.0 license.
+/**
+ * The metadata `name` (the `:name` in `/meta/page/:name`) for an object's
+ * record page. Prefer an already-assigned record page's name; otherwise mint
+ * the convention `<object>_record`. Editing the synthesized default for the
+ * first time materialises a real named page under this key so it has something
+ * to draft / publish / version against.
+ */
+export function recordPageName(objectName, existingName) {
+    return existingName || `${objectName}_record`;
+}
+/**
+ * Wrap an edited `PageSchema` as a persistable **record page** body: ensures the
+ * `name` / `object` / `pageType: 'record'` / `kind: 'full'` identity fields the
+ * resolver (`usePageAssignment`) matches on, so a published page overrides the
+ * synthesized default for that object on the next render.
+ */
+export function recordPageEnvelope(objectName, schema, name) {
+    return {
+        ...schema,
+        type: 'page',
+        name: recordPageName(objectName, name ?? schema?.name),
+        object: objectName,
+        pageType: 'record',
+        kind: 'full',
+    };
+}
+/**
+ * Unwrap a `?state=draft` GET response into its bare body, or `null` when
+ * there is nothing pending.
+ *
+ * The framework wraps draft reads in a `{ type, name, item }` envelope; a
+ * published read is the bare body. This accepts either shape and returns
+ * `null` for an empty/absent draft so `!!readRuntimeDraft(...)` is a reliable
+ * "has pending changes" check. Mirrors studio's `extractDraftBody`.
+ */
+export function unwrapDraftBody(resp) {
+    if (!resp || typeof resp !== 'object')
+        return null;
+    const env = resp;
+    if ('item' in env) {
+        const body = env.item;
+        if (!body || typeof body !== 'object')
+            return null;
+        return Object.keys(body).length > 0
+            ? body
+            : null;
+    }
+    return Object.keys(env).length > 0 ? env : null;
+}
+/**
+ * Persist a runtime edit of a view / report / dashboard as a per-item DRAFT
+ * (invisible to other users until {@link publishRuntimeMetadata}).
+ */
+export async function persistRuntimeMetadata(type, name, body, ctx) {
+    await ctx.metadataClient.save(type, name, body, { mode: 'draft' });
+}
+/**
+ * Create a NEW runtime artifact as a per-item draft. Returns its name (for the
+ * caller's auto-activation). UI-layer concerns (default columns, kanban/gallery
+ * sub-config, auto-activation) stay in the call site.
+ */
+export async function createRuntimeMetadata(type, name, body, ctx) {
+    await ctx.metadataClient.save(type, name, body, { mode: 'draft' });
+    return name;
+}
+/**
+ * Read the pending draft body for a runtime artifact (for the "unpublished
+ * changes" indicator and resume-on-open). Returns the bare body, or `null`
+ * when nothing is pending.
+ */
+export async function readRuntimeDraft(type, name, ctx) {
+    const resp = await ctx.metadataClient.get(type, name, { state: 'draft' });
+    return unwrapDraftBody(resp);
+}
+/**
+ * Discard the pending draft of a runtime artifact (Studio's "Discard draft").
+ * The published overlay is untouched.
+ */
+export async function discardRuntimeDraft(type, name, ctx) {
+    await ctx.metadataClient.reset(type, name, { state: 'draft' });
+}
+/**
+ * Publish a previously-staged runtime edit: promote the pending draft to the
+ * active overlay and record a version.
+ */
+export async function publishRuntimeMetadata(type, name, ctx) {
+    await ctx.metadataClient.publish(type, name);
+}

package/dist/views/useOpenRecordList.d.ts

@@ -0,0 +1,18 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * `useOpenRecordList` — the console's implementation of the drill "escape
+ * hatch" (`DrillNavigationContext.openRecordList`).
+ *
+ * Navigates to an object's full list page, scoped by a record filter, using the
+ * console's `/apps/:appName/:object?filter[field]=value` route shape (the same
+ * format `ReportView`'s drill navigation uses). Wire it into a
+ * `DrillNavigationProvider` so the dashboard/report drill drawers can offer
+ * "Open in list →" and honor `drillDown.target: 'navigate'`.
+ */
+export declare function useOpenRecordList(): (objectName: string, filter?: Record<string, unknown>) => void;

package/dist/views/useOpenRecordList.js

@@ -0,0 +1,36 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { useCallback } from 'react';
+import { useNavigate, useParams } from 'react-router-dom';
+/**
+ * `useOpenRecordList` — the console's implementation of the drill "escape
+ * hatch" (`DrillNavigationContext.openRecordList`).
+ *
+ * Navigates to an object's full list page, scoped by a record filter, using the
+ * console's `/apps/:appName/:object?filter[field]=value` route shape (the same
+ * format `ReportView`'s drill navigation uses). Wire it into a
+ * `DrillNavigationProvider` so the dashboard/report drill drawers can offer
+ * "Open in list →" and honor `drillDown.target: 'navigate'`.
+ */
+export function useOpenRecordList() {
+    const navigate = useNavigate();
+    const { appName } = useParams();
+    return useCallback((objectName, filter) => {
+        const params = new URLSearchParams();
+        if (filter) {
+            for (const [field, value] of Object.entries(filter)) {
+                if (value == null)
+                    continue;
+                params.set(`filter[${field}]`, String(value));
+            }
+        }
+        const qs = params.toString();
+        const base = appName ? `/apps/${appName}` : '';
+        navigate(`${base}/${objectName}${qs ? `?${qs}` : ''}`);
+    }, [navigate, appName]);
+}

package/dist/views/userFilterUrlState.d.ts

@@ -0,0 +1,15 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/** Read `uf_*` params into the UserFilters `initialSelections` shape. */
+export declare function parseUserFilterParams(searchParams: URLSearchParams): Record<string, string[]> | undefined;
+/**
+ * Mirror a selections payload into a copy of the given params. Only the
+ * fields present in `selections` are touched — empty value lists delete
+ * their param. Returns the next URLSearchParams (caller decides replace).
+ */
+export declare function applyUserFilterParams(prev: URLSearchParams, selections: Record<string, Array<string | number | boolean>>): URLSearchParams;

package/dist/views/userFilterUrlState.js

@@ -0,0 +1,53 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * URL persistence for end-user filter selections (ADR-0047).
+ *
+ * Selections live in `uf_<field>` search params (comma-joined values,
+ * each URI-encoded so literal commas survive); the active tab preset is
+ * carried as `uf__tab=<tabId>` via the reserved `_tab` key. Mirroring the
+ * state into the URL makes filter selections survive a reload and makes
+ * filtered lists shareable as links — Airtable Interfaces parity.
+ */
+const PREFIX = 'uf_';
+/** Read `uf_*` params into the UserFilters `initialSelections` shape. */
+export function parseUserFilterParams(searchParams) {
+    const out = {};
+    searchParams.forEach((value, key) => {
+        if (key.startsWith(PREFIX) && value !== '') {
+            const field = key.slice(PREFIX.length);
+            out[field] = value.split(',').map(v => {
+                try {
+                    return decodeURIComponent(v);
+                }
+                catch {
+                    return v;
+                }
+            });
+        }
+    });
+    return Object.keys(out).length > 0 ? out : undefined;
+}
+/**
+ * Mirror a selections payload into a copy of the given params. Only the
+ * fields present in `selections` are touched — empty value lists delete
+ * their param. Returns the next URLSearchParams (caller decides replace).
+ */
+export function applyUserFilterParams(prev, selections) {
+    const next = new URLSearchParams(prev);
+    for (const [field, values] of Object.entries(selections)) {
+        const key = PREFIX + field;
+        if (values && values.length > 0) {
+            next.set(key, values.map(v => encodeURIComponent(String(v))).join(','));
+        }
+        else {
+            next.delete(key);
+        }
+    }
+    return next;
+}

package/dist/views/view-config-adapter.d.ts

@@ -0,0 +1,38 @@
+/** Runtime flat view — the shape ObjectView's `activeView` carries. */
+export interface RuntimeView {
+    id: string;
+    label?: string;
+    type?: string;
+    columns?: unknown[];
+    filter?: unknown[];
+    sort?: unknown[];
+    [key: string]: unknown;
+}
+/** Studio ViewItem draft — the shape {@link ViewVariantInspector} consumes. */
+export interface InspectorViewDraft {
+    name: string;
+    object: string;
+    viewKind: 'list' | 'form';
+    label?: string;
+    config: Record<string, unknown>;
+}
+/**
+ * Convert a flat runtime view into a studio inspector draft.
+ *
+ * The whole flat view is denormalised into `config` (so view-type sub-blocks,
+ * filter, sort, toolbar flags, … all round-trip), with the bound object
+ * mirrored into `config.data.object` — the list body's render binding the
+ * inspector reads first. `id` maps to the draft's `name`; the top-level
+ * `object` is the canonical FK both list and form inspectors fall back to.
+ */
+export declare function runtimeViewToInspectorDraft(activeView: RuntimeView, objectName: string): InspectorViewDraft;
+/**
+ * Flatten a studio inspector draft back into the runtime flat view the
+ * ObjectView save / update / create handlers consume.
+ *
+ * The inspector-only `data` wrapper is dropped (the runtime view binds its
+ * object via `objectName`, not `config.data.object`); everything else in
+ * `config` is preserved. `id` is restored from `draft.name`, and the label
+ * prefers the canonical top-level value.
+ */
+export declare function inspectorDraftToRuntimeView(draft: InspectorViewDraft): RuntimeView;

package/dist/views/view-config-adapter.js

@@ -0,0 +1,80 @@
+// Copyright (c) 2025 ObjectStack. Licensed under the Apache-2.0 license.
+/**
+ * view-config-adapter — bridges the runtime ObjectView's flat view shape and
+ * the studio inspector's ViewItem draft shape.
+ *
+ * The runtime ObjectView keeps the active view as a FLAT NamedListView:
+ *
+ *   { id, label, type, columns, filter, sort, … }
+ *
+ * (read from the metadata overlay via the adapter's `listViews`).
+ *
+ * The studio {@link ViewVariantInspector} authors a canonical ViewItem draft
+ * (ADR-0017, "Object has-many View"):
+ *
+ *   { name, object, viewKind: 'list' | 'form', label, config: { type, … } }
+ *
+ * where the inspector reads/writes the view BODY under `draft.config` and the
+ * bound object additionally lives at `config.data.object` for list views.
+ *
+ * This adapter converts both ways so the runtime panel can host the studio
+ * inspector: edits are kept as a ViewItem draft while the panel is open, then
+ * flattened back to the runtime view shape on update / save / create (which
+ * persist via the metadata draft/publish model).
+ */
+/** View `type`s that belong to the FORM family (no column list). */
+const FORM_FAMILY_TYPES = new Set(['form', 'detail']);
+/** True when a view `type` denotes a form-family view. */
+function isFormFamilyType(type) {
+    return typeof type === 'string' && FORM_FAMILY_TYPES.has(type);
+}
+/**
+ * Convert a flat runtime view into a studio inspector draft.
+ *
+ * The whole flat view is denormalised into `config` (so view-type sub-blocks,
+ * filter, sort, toolbar flags, … all round-trip), with the bound object
+ * mirrored into `config.data.object` — the list body's render binding the
+ * inspector reads first. `id` maps to the draft's `name`; the top-level
+ * `object` is the canonical FK both list and form inspectors fall back to.
+ */
+export function runtimeViewToInspectorDraft(activeView, objectName) {
+    const type = activeView.type || 'grid';
+    const viewKind = isFormFamilyType(type) ? 'form' : 'list';
+    const label = activeView.label;
+    const existingData = activeView.data && typeof activeView.data === 'object'
+        ? activeView.data
+        : undefined;
+    return {
+        name: activeView.id,
+        object: objectName,
+        viewKind,
+        label,
+        config: {
+            ...activeView,
+            type,
+            label,
+            columns: Array.isArray(activeView.columns) ? activeView.columns : [],
+            data: { ...existingData, object: objectName },
+        },
+    };
+}
+/**
+ * Flatten a studio inspector draft back into the runtime flat view the
+ * ObjectView save / update / create handlers consume.
+ *
+ * The inspector-only `data` wrapper is dropped (the runtime view binds its
+ * object via `objectName`, not `config.data.object`); everything else in
+ * `config` is preserved. `id` is restored from `draft.name`, and the label
+ * prefers the canonical top-level value.
+ */
+export function inspectorDraftToRuntimeView(draft) {
+    const config = (draft.config ?? {});
+    // Drop the inspector-only `data` wrapper; keep every other body field.
+    const body = { ...config };
+    delete body.data;
+    return {
+        ...body,
+        id: draft.name,
+        label: draft.label ?? config.label,
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/app-shell",
-  "version": "6.2.2",
+  "version": "7.0.0",
   "type": "module",
   "license": "MIT",
   "description": "Minimal application shell for ObjectUI - framework-agnostic rendering engine",
@@ -25,50 +25,68 @@
     "./styles.css": "./src/styles.css"
   },
   "dependencies": {
-    "@sentry/react": "^10.53.1",
-    "lucide-react": "^1.16.0",
+    "@monaco-editor/react": "^4.7.0",
+    "@objectstack/spec": "^10.0.0",
+    "@sentry/react": "^10.59.0",
+    "jsonc-parser": "^3.3.1",
+    "lucide-react": "^1.21.0",
+    "qrcode": "^1.5.4",
     "sonner": "^2.0.7",
-    "@object-ui/auth": "6.2.2",
-    "@object-ui/collaboration": "6.2.2",
-    "@object-ui/components": "6.2.2",
-    "@object-ui/plugin-editor": "6.2.2",
-    "@object-ui/core": "6.2.2",
-    "@object-ui/data-objectstack": "6.2.2",
-    "@object-ui/fields": "6.2.2",
-    "@object-ui/i18n": "6.2.2",
-    "@object-ui/layout": "6.2.2",
-    "@object-ui/permissions": "6.2.2",
-    "@object-ui/providers": "6.2.2",
-    "@object-ui/react": "6.2.2",
-    "@object-ui/types": "6.2.2"
+    "zod": "^4.4.3",
+    "@object-ui/auth": "7.0.0",
+    "@object-ui/collaboration": "7.0.0",
+    "@object-ui/components": "7.0.0",
+    "@object-ui/core": "7.0.0",
+    "@object-ui/data-objectstack": "7.0.0",
+    "@object-ui/fields": "7.0.0",
+    "@object-ui/i18n": "7.0.0",
+    "@object-ui/layout": "7.0.0",
+    "@object-ui/permissions": "7.0.0",
+    "@object-ui/plugin-editor": "7.0.0",
+    "@object-ui/providers": "7.0.0",
+    "@object-ui/react": "7.0.0",
+    "@object-ui/types": "7.0.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
     "react-router-dom": "^6.0.0 || ^7.0.0",
-    "@object-ui/plugin-calendar": "^6.2.2",
-    "@object-ui/plugin-charts": "^6.2.2",
-    "@object-ui/plugin-chatbot": "^6.2.2",
-    "@object-ui/plugin-dashboard": "^6.2.2",
-    "@object-ui/plugin-designer": "^6.2.2",
-    "@object-ui/plugin-detail": "^6.2.2",
-    "@object-ui/plugin-form": "^6.2.2",
-    "@object-ui/plugin-grid": "^6.2.2",
-    "@object-ui/plugin-kanban": "^6.2.2",
-    "@object-ui/plugin-list": "^6.2.2",
-    "@object-ui/plugin-report": "^6.2.2",
-    "@object-ui/plugin-view": "^6.2.2"
+    "@object-ui/plugin-calendar": "^7.0.0",
+    "@object-ui/plugin-charts": "^7.0.0",
+    "@object-ui/plugin-chatbot": "^7.0.0",
+    "@object-ui/plugin-dashboard": "^7.0.0",
+    "@object-ui/plugin-designer": "^7.0.0",
+    "@object-ui/plugin-detail": "^7.0.0",
+    "@object-ui/plugin-form": "^7.0.0",
+    "@object-ui/plugin-grid": "^7.0.0",
+    "@object-ui/plugin-kanban": "^7.0.0",
+    "@object-ui/plugin-list": "^7.0.0",
+    "@object-ui/plugin-report": "^7.0.0",
+    "@object-ui/plugin-view": "^7.0.0"
   },
   "devDependencies": {
-    "@types/node": "^25.9.1",
-    "@types/react": "19.2.15",
+    "@types/node": "^26.0.0",
+    "@types/qrcode": "^1.5.6",
+    "@types/react": "19.2.17",
     "@types/react-dom": "19.2.3",
-    "react": "19.2.6",
-    "react-dom": "19.2.6",
-    "react-router-dom": "^7.15.0",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
+    "react-router-dom": "^7.18.0",
     "sonner": "^2.0.7",
     "typescript": "^6.0.3",
-    "vite": "^8.0.14"
+    "vite": "^8.0.16",
+    "@object-ui/plugin-calendar": "7.0.0",
+    "@object-ui/plugin-charts": "7.0.0",
+    "@object-ui/plugin-chatbot": "7.0.0",
+    "@object-ui/plugin-dashboard": "7.0.0",
+    "@object-ui/plugin-designer": "7.0.0",
+    "@object-ui/plugin-detail": "7.0.0",
+    "@object-ui/plugin-form": "7.0.0",
+    "@object-ui/plugin-grid": "7.0.0",
+    "@object-ui/plugin-kanban": "7.0.0",
+    "@object-ui/plugin-list": "7.0.0",
+    "@object-ui/plugin-report": "7.0.0",
+    "@object-ui/plugin-view": "7.0.0"
   },
   "keywords": [
     "objectui",

package/dist/views/DesignDrawer.d.ts

@@ -1,28 +0,0 @@
-/**
- * DesignDrawer
- *
- * A right-side drawer that hosts visual editors (PageCanvasEditor / DashboardEditor)
- * for inline editing with real-time preview.  Uses the Shadcn Sheet primitive so the
- * main workspace remains visible while the user edits.
- */
-export interface DesignDrawerProps {
-    /** Whether the drawer is open */
-    open: boolean;
-    /** Called when the drawer requests close */
-    onOpenChange: (open: boolean) => void;
-    /** Human-readable title shown in the drawer header */
-    title: string;
-    /** Optional description */
-    description?: string;
-    /** The current schema (PageSchema | DashboardSchema) */
-    schema: any;
-    /** Called when the editor modifies the schema — parent updates its own state for live preview */
-    onSchemaChange: (updated: any) => void;
-    /** sys_page | sys_dashboard */
-    collection: string;
-    /** Record key for the update call */
-    recordName: string;
-    /** Render prop: receives (schema, onChange) and returns the editor JSX */
-    children: (schema: any, onChange: (updated: any) => void) => React.ReactNode;
-}
-export declare function DesignDrawer({ open, onOpenChange, title, description, schema, onSchemaChange, collection, recordName, children, }: DesignDrawerProps): import("react/jsx-runtime").JSX.Element;

package/dist/views/DesignDrawer.js

@@ -1,51 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * DesignDrawer
- *
- * A right-side drawer that hosts visual editors (PageCanvasEditor / DashboardEditor)
- * for inline editing with real-time preview.  Uses the Shadcn Sheet primitive so the
- * main workspace remains visible while the user edits.
- */
-import { useCallback, useEffect, useRef } from 'react';
-import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription, } from '@object-ui/components';
-import { toast } from 'sonner';
-import { useAdapter } from '../providers/AdapterProvider';
-export function DesignDrawer({ open, onOpenChange, title, description, schema, onSchemaChange, collection, recordName, children, }) {
-    const dataSource = useAdapter();
-    const schemaRef = useRef(schema);
-    schemaRef.current = schema;
-    const saveSchema = useCallback(async (toSave) => {
-        try {
-            if (dataSource) {
-                await dataSource.update(collection, recordName, toSave);
-                return true;
-            }
-        }
-        catch (err) {
-            console.warn('[DesignDrawer] Auto-save failed:', err);
-            // Save errors are non-blocking; user can retry via Ctrl+S
-        }
-        return false;
-    }, [dataSource, collection, recordName]);
-    const handleChange = useCallback(async (updated) => {
-        onSchemaChange(updated);
-        await saveSchema(updated);
-    }, [onSchemaChange, saveSchema]);
-    // Ctrl+S / Cmd+S keyboard shortcut to explicitly save while drawer is open
-    useEffect(() => {
-        if (!open)
-            return;
-        const handleKeyDown = (e) => {
-            if ((e.ctrlKey || e.metaKey) && e.key === 's') {
-                e.preventDefault();
-                saveSchema(schemaRef.current).then((ok) => {
-                    if (ok)
-                        toast.success(`${title} saved`);
-                });
-            }
-        };
-        window.addEventListener('keydown', handleKeyDown);
-        return () => window.removeEventListener('keydown', handleKeyDown);
-    }, [open, saveSchema, title]);
-    return (_jsx(Sheet, { open: open, onOpenChange: onOpenChange, modal: false, children: _jsxs(SheetContent, { side: "right", hideOverlay: true, className: "w-full sm:w-[540px] sm:max-w-[540px] lg:w-[640px] lg:max-w-[640px] p-0 flex flex-col", "data-testid": "design-drawer", children: [_jsxs(SheetHeader, { className: "px-4 py-3 border-b shrink-0", children: [_jsx(SheetTitle, { children: title }), _jsx(SheetDescription, { className: description ? '' : 'sr-only', children: description || `Visual editor — configure and preview ${title}` })] }), _jsx("div", { className: "flex-1 overflow-auto p-4", children: children(schema, handleChange) })] }) }));
-}