@treenity/react 3.0.0 → 3.0.1

package/dist/mods/editor-ui/default-view.js

@@ -1,9 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import './editor-ui.css';
+import { Button } from '#components/ui/button';
 import { Render, RenderContext } from '#context';
 import { useChildren } from '#hooks';
 import { trpc } from '#trpc';
-import { register } from '@treenity/core/core';
+import { register } from '@treenity/core';
 import { useCallback, useState } from 'react';
+import { EmptyNodePlaceholder } from './empty-placeholder';
 import { getComponents, getPlainFields, getSchema } from './node-utils';
 /** Fallback for components without their own react handler */
 function ComponentFieldsView({ value }) {
@@ -20,7 +23,7 @@ function ComponentFieldsView({ value }) {
         return null;
     return (_jsx(_Fragment, { children: entries.map(([k, v]) => (_jsxs("div", { className: "comp-view-row", children: [_jsx("span", { className: "comp-view-label", children: k }), _jsx("span", { className: "comp-view-value", children: typeof v === 'string' ? v || '—' : typeof v === 'object' ? JSON.stringify(v) : String(v) })] }, k))) }));
 }
-function GenerateViewButton({ type, sample }) {
+export function GenerateViewButton({ type, sample, context, label }) {
     const [status, setStatus] = useState('idle');
     const [error, setError] = useState('');
     const generate = useCallback(async () => {
@@ -30,7 +33,7 @@ function GenerateViewButton({ type, sample }) {
             await trpc.execute.mutate({
                 path: '/metatron',
                 action: 'task',
-                data: { prompt: `Generate a React view for type "${type}". Sample data:\n${JSON.stringify(clean, null, 2)}` },
+                data: { prompt: `Generate a React view for type "${type}"${context ? ` in context "${context}"` : ''}. Sample data:\n${JSON.stringify(clean, null, 2)}` },
             });
             setStatus('done');
         }
@@ -48,7 +51,7 @@ function GenerateViewButton({ type, sample }) {
     if (status === 'done') {
         return _jsx("div", { className: "text-sm text-green-400 py-2", children: "Task created in /metatron \u2014 waiting for AI" });
     }
-    return (_jsx("button", { onClick: generate, className: "text-sm text-blue-400 hover:text-blue-300 border border-blue-400/30 rounded px-3 py-1.5 my-2", children: "Generate AI View" }));
+    return (_jsx(Button, { variant: "outline", size: "sm", onClick: generate, className: "text-blue-400 border-blue-400/30 hover:text-blue-300 my-2", children: label ?? 'Generate AI View' }));
 }
 function DefaultNodeView({ value }) {
     const children = useChildren(value.$path);
@@ -59,7 +62,7 @@ function DefaultNodeView({ value }) {
     return (_jsxs("div", { className: "node-default-view", children: [canGenerate && _jsx(GenerateViewButton, { type: value.$type, sample: value }), components.map(([name, comp]) => {
                 const ctype = comp.$type;
                 return (_jsxs("div", { className: "comp-view-card", children: [_jsxs("div", { className: "comp-view-header", children: [name, name !== ctype && _jsx("span", { className: "comp-type", children: ctype })] }), _jsx(Render, { value: comp })] }, name));
-            }), Object.keys(plain).length > 0 && (_jsx("div", { className: "node-info-bar", children: Object.entries(plain).map(([k, v]) => (_jsxs("span", { className: "node-info-chip data", children: [_jsx("span", { className: "node-info-chip-label", children: k }), _jsx("span", { className: "node-info-chip-val", children: typeof v === 'string' ? v : JSON.stringify(v) })] }, k))) })), children.length > 0 && (_jsx(RenderContext, { name: "react:list", children: _jsx("div", { className: "children-grid", children: children.map((child) => (_jsx(Render, { value: child }, child.$path))) }) })), children.length === 0 && !hasInfo && _jsx("div", { className: "node-empty", children: "Empty node" })] }));
+            }), Object.keys(plain).length > 0 && (_jsx("div", { className: "node-info-bar", children: Object.entries(plain).map(([k, v]) => (_jsxs("span", { className: "node-info-chip data", children: [_jsx("span", { className: "node-info-chip-label", children: k }), _jsx("span", { className: "node-info-chip-val", children: typeof v === 'string' ? v : JSON.stringify(v) })] }, k))) })), children.length > 0 && (_jsx(RenderContext, { name: "react:list", children: _jsx("div", { className: "children-grid", children: children.map((child) => (_jsx(Render, { value: child }, child.$path))) }) })), children.length === 0 && !hasInfo && _jsx(EmptyNodePlaceholder, { value: value })] }));
 }
 /** Dispatch: node → DefaultNodeView, component → ComponentFieldsView */
 function DefaultView({ value }) {

package/dist/mods/editor-ui/default-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"default-view.js","sourceRoot":"","sources":["../../../src/mods/editor-ui/default-view.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"default-view.js","sourceRoot":"","sources":["../../../src/mods/editor-ui/default-view.tsx"],"names":[],"mappings":"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"}

package/dist/mods/editor-ui/dir-view.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Render, RenderContext } from '#context';
 import { useChildren } from '#hooks';
-import { register } from '@treenity/core/core';
 const STATUS_COLORS = {
     draft: ['var(--accent-subtle, #1a2a3a)', 'var(--accent)'],
     published: ['#1a2e1a', '#4c8'],
@@ -38,5 +37,4 @@ function FolderView({ value }) {
                                     color: 'var(--text-2)',
                                 }, children: ["count: ", counter.count ?? 0] }))] }))] })), children.length > 0 && (_jsx(RenderContext, { name: "react:list", children: _jsx("div", { className: "children-grid", children: children.map((child) => (_jsx(Render, { value: child }, child.$path))) }) })), children.length === 0 && !meta && !status && !counter && (_jsx("div", { className: "node-empty", children: "Empty folder" }))] }));
 }
-register('dir', 'react', FolderView);
 //# sourceMappingURL=dir-view.js.map

package/dist/mods/editor-ui/dir-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"dir-view.js","sourceRoot":"","sources":["../../../src/mods/editor-ui/dir-view.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"dir-view.js","sourceRoot":"","sources":["../../../src/mods/editor-ui/dir-view.tsx"],"names":[],"mappings":"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"}

package/dist/mods/editor-ui/empty-placeholder.d.ts

@@ -0,0 +1,5 @@
+import type { NodeData } from '@treenity/core';
+export declare function EmptyNodePlaceholder({ value }: {
+    value: NodeData;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=empty-placeholder.d.ts.map

package/dist/mods/editor-ui/empty-placeholder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-placeholder.d.ts","sourceRoot":"","sources":["../../../src/mods/editor-ui/empty-placeholder.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAK/C,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,QAAQ,CAAA;CAAE,2CA+BlE"}

package/dist/mods/editor-ui/empty-placeholder.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '#components/ui/button';
+import { set } from '#hooks';
+import { Plus } from 'lucide-react';
+import { useState } from 'react';
+import { TypePicker } from './type-picker';
+export function EmptyNodePlaceholder({ value }) {
+    const [picking, setPicking] = useState(false);
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center gap-3 py-12 px-6", children: [_jsx("div", { className: "text-[13px] text-[--text-3]", children: "Empty node" }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setPicking(true), className: "text-[12px] text-[--text-3] hover:text-[--accent] hover:bg-[--accent]/10", children: [_jsx(Plus, { className: "w-3.5 h-3.5" }), "Add Component"] }), picking && (_jsx(TypePicker, { title: "Add Component", nameLabel: "Component name", action: "Add", autoName: true, onCancel: () => setPicking(false), onSelect: async (name, type) => {
+                    setPicking(false);
+                    await set({ ...value, [name]: { $type: type } });
+                } }))] }));
+}
+//# sourceMappingURL=empty-placeholder.js.map

package/dist/mods/editor-ui/empty-placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-placeholder.js","sourceRoot":"","sources":["../../../src/mods/editor-ui/empty-placeholder.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,UAAU,oBAAoB,CAAC,EAAE,KAAK,EAAuB;IACjE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACL,eAAK,SAAS,EAAC,4DAA4D,aACzE,cAAK,SAAS,EAAC,6BAA6B,2BAAiB,EAC7D,MAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAC/B,SAAS,EAAC,0EAA0E,aAEpF,KAAC,IAAI,IAAC,SAAS,EAAC,aAAa,GAAG,qBAEzB,EAER,OAAO,IAAI,CACV,KAAC,UAAU,IACT,KAAK,EAAC,eAAe,EACrB,SAAS,EAAC,gBAAgB,EAC1B,MAAM,EAAC,KAAK,EACZ,QAAQ,QACR,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACjC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;oBAC7B,UAAU,CAAC,KAAK,CAAC,CAAC;oBAClB,MAAM,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;gBACnD,CAAC,GACD,CACH,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/mods/editor-ui/form-field.d.ts

@@ -0,0 +1,17 @@
+export declare function renderField(name: string, fieldSchema: {
+    type: string;
+    label: string;
+    placeholder?: string;
+    readOnly?: boolean;
+    enum?: string[];
+    items?: {
+        type?: string;
+        properties?: Record<string, unknown>;
+    };
+    refType?: string;
+}, data: Record<string, unknown>, setData: (fn: (prev: Record<string, unknown>) => Record<string, unknown>) => void): import("react/jsx-runtime").JSX.Element | null;
+export declare function StringArrayField({ value, onChange, }: {
+    value: unknown[];
+    onChange: (next: unknown[]) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=form-field.d.ts.map

package/dist/mods/editor-ui/form-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../src/mods/editor-ui/form-field.tsx"],"names":[],"mappings":"AAMA,wBAAgB,WAAW,CACzB,IAAI,EAAE,MAAM,EACZ,WAAW,EAAE;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,EACD,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC7B,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,kDA6DlF;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CACrC,2CAwDA"}

package/dist/mods/editor-ui/form-field.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '#components/ui/button';
+import { Input } from '#components/ui/input';
+import { isRef, resolveExact } from '@treenity/core';
+import { createElement, useState } from 'react';
+import { FieldLabel, RefEditor } from './FieldLabel';
+export function renderField(name, fieldSchema, data, setData) {
+    if (!fieldSchema.type)
+        return null;
+    const rawValue = data[name];
+    const isRefValue = rawValue && typeof rawValue === 'object' && isRef(rawValue);
+    // If value is a $ref/$map, show ref editor instead of the normal field handler
+    if (isRefValue) {
+        const onFieldChange = fieldSchema.readOnly
+            ? undefined
+            : (next) => setData((prev) => ({ ...prev, [name]: next }));
+        return (_jsxs("div", { className: "field", children: [_jsx(FieldLabel, { label: fieldSchema.label, value: rawValue, onChange: onFieldChange }), onFieldChange && (_jsx(RefEditor, { value: rawValue, onChange: onFieldChange }))] }, name));
+    }
+    const ctx = fieldSchema.readOnly ? 'react' : 'react:form';
+    const handler = resolveExact(fieldSchema.type, ctx) ?? resolveExact('string', ctx);
+    if (!handler)
+        return (_jsxs("div", { className: "text-[--danger] text-xs", children: ["No form handler: ", fieldSchema.type] }, name));
+    const fieldData = {
+        $type: fieldSchema.type,
+        value: rawValue,
+        label: fieldSchema.label,
+        placeholder: fieldSchema.placeholder,
+    };
+    if (fieldSchema.items)
+        fieldData.items = fieldSchema.items;
+    if (fieldSchema.enum)
+        fieldData.enum = fieldSchema.enum;
+    if (fieldSchema.refType)
+        fieldData.refType = fieldSchema.refType;
+    const isComplex = fieldSchema.type === 'object' || fieldSchema.type === 'array';
+    const onFieldChange = fieldSchema.readOnly
+        ? undefined
+        : (next) => setData((prev) => ({ ...prev, [name]: next.value }));
+    return (_jsxs("div", { className: isComplex ? 'field stack' : 'field', children: [fieldSchema.type !== 'boolean' && (_jsx(FieldLabel, { label: fieldSchema.label, value: rawValue, onChange: fieldSchema.readOnly ? undefined : (next) => setData((prev) => ({ ...prev, [name]: next })) })), createElement(handler, {
+                value: fieldData,
+                onChange: onFieldChange,
+            })] }, name));
+}
+export function StringArrayField({ value, onChange, }) {
+    const [input, setInput] = useState('');
+    const isStrings = value.every((v) => typeof v === 'string');
+    if (!isStrings) {
+        return (_jsx("textarea", { value: JSON.stringify(value, null, 2), onChange: (e) => {
+                try {
+                    onChange(JSON.parse(e.target.value));
+                }
+                catch {
+                    /* typing */
+                }
+            } }));
+    }
+    const tags = value;
+    return (_jsxs("div", { className: "flex-1 space-y-1", children: [_jsx("div", { className: "flex flex-wrap gap-1", children: tags.map((tag, i) => (_jsxs("span", { className: "inline-flex items-center gap-0.5 text-[11px] font-mono bg-muted text-foreground/70 px-1.5 py-0.5 rounded", children: [tag, _jsx(Button, { variant: "ghost", size: "icon", type: "button", className: "h-5 w-5 p-0 ml-0.5 text-muted-foreground/40 hover:text-foreground leading-none", onClick: () => onChange(tags.filter((_, j) => j !== i)), children: "x" })] }, i))) }), _jsx(Input, { className: "h-7 text-xs w-full", placeholder: "Add item...", value: input, onChange: (e) => setInput(e.target.value), onKeyDown: (e) => {
+                    if (e.key !== 'Enter')
+                        return;
+                    e.preventDefault();
+                    const t = input.trim();
+                    if (t && !tags.includes(t))
+                        onChange([...tags, t]);
+                    setInput('');
+                } })] }));
+}
+//# sourceMappingURL=form-field.js.map

package/dist/mods/editor-ui/form-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.js","sourceRoot":"","sources":["../../../src/mods/editor-ui/form-field.tsx"],"names":[],"mappings":"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"}

package/dist/mods/editor-ui/form-fields.d.ts

@@ -1,6 +1,5 @@
-export declare function MiniTree({ onSelect, onClose }: {
+export declare function MiniTree({ onSelect }: {
     onSelect: (path: string) => void;
-    onClose: () => void;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function registerFormFields(): void;
 //# sourceMappingURL=form-fields.d.ts.map

package/dist/mods/editor-ui/form-fields.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-fields.d.ts","sourceRoot":"","sources":["../../../src/mods/editor-ui/form-fields.tsx"],"names":[],"mappings":"AAoeA,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE;IAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,2CAmIxG;AAgPD,wBAAgB,kBAAkB,SAKjC"}
+{"version":3,"file":"form-fields.d.ts","sourceRoot":"","sources":["../../../src/mods/editor-ui/form-fields.tsx"],"names":[],"mappings":"AA6fA,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,2CAsH1E;AAuPD,wBAAgB,kBAAkB,SAKjC"}

package/dist/mods/editor-ui/form-fields.js

@@ -1,11 +1,17 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // react:form handlers — editable fields for inspector panel
 import * as cache from '#cache';
 import { tree as clientStore } from '#client';
-import { useSchema } from '#schema-loader';
 // react view handlers — readOnly display for same types
 // Covers: string, text, textarea, number, integer, boolean, array, object, image, uri, url, select, timestamp, path
-import { register, resolve as resolveHandler } from '@treenity/core/core';
+import { Button } from '#components/ui/button';
+import { Input } from '#components/ui/input';
+import { Popover, PopoverContent, PopoverTrigger } from '#components/ui/popover';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '#components/ui/select';
+import { Switch } from '#components/ui/switch';
+import { Textarea } from '#components/ui/textarea';
+import { useSchema } from '#schema-loader';
+import { register, resolve as resolveHandler } from '@treenity/core';
 import dayjs from 'dayjs';
 import { X } from 'lucide-react';
 import { createElement, useCallback, useEffect, useRef, useState, useSyncExternalStore } from 'react';
@@ -54,38 +60,38 @@ function ObjectView({ value }) {
 function StringForm({ value, onChange }) {
     // enum → select dropdown
     if (value.enum && value.enum.length > 0) {
-        return (_jsxs("select", { value: String(value.value ?? ''), onChange: (e) => onChange?.({ ...value, value: e.target.value }), children: [_jsx("option", { value: "", children: "\u2014" }), value.enum.map((v) => (_jsx("option", { value: v, children: v }, v)))] }));
+        return (_jsxs(Select, { value: String(value.value ?? ''), onValueChange: (v) => onChange?.({ ...value, value: v }), children: [_jsx(SelectTrigger, { className: "h-7 text-xs font-mono", children: _jsx(SelectValue, { placeholder: "\u2014" }) }), _jsx(SelectContent, { children: value.enum.map((v) => (_jsx(SelectItem, { value: v, children: v }, v))) })] }));
     }
-    return (_jsx("input", { value: String(value.value ?? ''), placeholder: value.placeholder, onChange: (e) => onChange?.({ ...value, value: e.target.value }) }));
+    return (_jsx(Input, { className: "h-7 text-xs", value: String(value.value ?? ''), placeholder: value.placeholder, onChange: (e) => onChange?.({ ...value, value: e.target.value }) }));
 }
 function TextForm({ value, onChange }) {
-    return (_jsx("textarea", { value: String(value.value ?? ''), placeholder: value.placeholder, onChange: (e) => onChange?.({ ...value, value: e.target.value }) }));
+    return (_jsx(Textarea, { className: "text-xs", value: String(value.value ?? ''), placeholder: value.placeholder, onChange: (e) => onChange?.({ ...value, value: e.target.value }) }));
 }
 function NumberForm({ value, onChange }) {
-    return (_jsx("input", { type: "number", value: String(value.value ?? 0), onChange: (e) => onChange?.({ ...value, value: Number(e.target.value) }) }));
+    return (_jsx(Input, { type: "number", className: "h-7 text-xs", value: String(value.value ?? 0), onChange: (e) => onChange?.({ ...value, value: Number(e.target.value) }) }));
 }
 function IntegerForm({ value, onChange }) {
-    return (_jsx("input", { type: "number", step: "1", value: String(value.value ?? 0), onChange: (e) => onChange?.({ ...value, value: Math.round(Number(e.target.value)) }) }));
+    return (_jsx(Input, { type: "number", step: "1", className: "h-7 text-xs", value: String(value.value ?? 0), onChange: (e) => onChange?.({ ...value, value: Math.round(Number(e.target.value)) }) }));
 }
 function BooleanForm({ value, onChange }) {
-    return (_jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [_jsx("input", { type: "checkbox", className: "w-auto", checked: !!value.value, onChange: (e) => onChange?.({ ...value, value: e.target.checked }) }), _jsx("span", { className: "text-xs text-muted-foreground", children: value.label })] }));
+    return (_jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [_jsx(Switch, { checked: !!value.value, onCheckedChange: (checked) => onChange?.({ ...value, value: checked }) }), _jsx("span", { className: "text-xs text-muted-foreground", children: value.label })] }));
 }
 function ImageForm({ value, onChange }) {
     const src = typeof value.value === 'string' ? value.value : '';
-    return (_jsxs("div", { className: "space-y-2", children: [_jsx("input", { value: src, placeholder: "Image URL", onChange: (e) => onChange?.({ ...value, value: e.target.value }) }), src && _jsx("img", { src: src, className: "max-w-full max-h-[120px] rounded object-contain" })] }));
+    return (_jsxs("div", { className: "space-y-2", children: [_jsx(Input, { className: "h-7 text-xs", value: src, placeholder: "Image URL", onChange: (e) => onChange?.({ ...value, value: e.target.value }) }), src && _jsx("img", { src: src, className: "max-w-full max-h-[120px] rounded object-contain" })] }));
 }
 function UriForm({ value, onChange }) {
     const url = String(value.value ?? '');
-    return (_jsxs("div", { className: "space-y-1", children: [_jsx("input", { value: url, placeholder: value.placeholder ?? 'https://...', onChange: (e) => onChange?.({ ...value, value: e.target.value }) }), url && (_jsx("a", { href: url, target: "_blank", rel: "noopener", className: "text-[10px] text-primary hover:underline truncate block", children: url }))] }));
+    return (_jsxs("div", { className: "space-y-1", children: [_jsx(Input, { className: "h-7 text-xs", value: url, placeholder: value.placeholder ?? 'https://...', onChange: (e) => onChange?.({ ...value, value: e.target.value }) }), url && (_jsx("a", { href: url, target: "_blank", rel: "noopener", className: "text-[10px] text-primary hover:underline truncate block", children: url }))] }));
 }
 function TimestampForm({ value, onChange }) {
     const ts = Number(value.value ?? 0);
     const formatted = ts ? dayjs(ts > 1e12 ? ts : ts * 1000).format('YYYY-MM-DD HH:mm:ss') : '—';
-    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("input", { type: "number", className: "flex-1", value: String(ts), onChange: (e) => onChange?.({ ...value, value: Number(e.target.value) }) }), _jsx("span", { className: "text-[10px] text-muted-foreground whitespace-nowrap", children: formatted })] }));
+    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Input, { type: "number", className: "h-7 text-xs flex-1", value: String(ts), onChange: (e) => onChange?.({ ...value, value: Number(e.target.value) }) }), _jsx("span", { className: "text-[10px] text-muted-foreground whitespace-nowrap", children: formatted })] }));
 }
 function SelectForm({ value, onChange }) {
     const opts = value.enum ?? [];
-    return (_jsxs("select", { value: String(value.value ?? ''), onChange: (e) => onChange?.({ ...value, value: e.target.value }), children: [_jsx("option", { value: "", children: "\u2014" }), opts.map((v) => (_jsx("option", { value: v, children: v }, v)))] }));
+    return (_jsxs(Select, { value: String(value.value ?? ''), onValueChange: (v) => onChange?.({ ...value, value: v }), children: [_jsx(SelectTrigger, { className: "h-7 text-xs font-mono", children: _jsx(SelectValue, { placeholder: "\u2014" }) }), _jsx(SelectContent, { children: opts.map((v) => (_jsx(SelectItem, { value: v, children: v }, v))) })] }));
 }
 function ObjectForm({ value, onChange }) {
     const [mode, setMode] = useState('fields');
@@ -95,13 +101,13 @@ function ObjectForm({ value, onChange }) {
     const obj = (typeof value.value === 'object' && value.value !== null ? value.value : {});
     const emit = (next) => onChange?.({ ...value, value: next });
     const entries = Object.entries(obj);
-    const modeToggle = (_jsxs("div", { className: "flex gap-1 mb-1", children: [_jsx("button", { type: "button", className: `border-0 px-2 py-0.5 text-[10px] rounded ${mode === 'fields' ? 'bg-muted text-foreground' : 'bg-transparent text-muted-foreground hover:text-foreground'}`, onClick: () => setMode('fields'), children: "Fields" }), _jsx("button", { type: "button", className: `border-0 px-2 py-0.5 text-[10px] rounded ${mode === 'json' ? 'bg-muted text-foreground' : 'bg-transparent text-muted-foreground hover:text-foreground'}`, onClick: () => {
+    const modeToggle = (_jsxs("div", { className: "flex gap-1 mb-1", children: [_jsx(Button, { variant: "ghost", size: "sm", type: "button", className: `h-6 px-2 text-[10px] ${mode === 'fields' ? 'bg-muted text-foreground' : 'text-muted-foreground hover:text-foreground'}`, onClick: () => setMode('fields'), children: "Fields" }), _jsx(Button, { variant: "ghost", size: "sm", type: "button", className: `h-6 px-2 text-[10px] ${mode === 'json' ? 'bg-muted text-foreground' : 'text-muted-foreground hover:text-foreground'}`, onClick: () => {
                     setJsonDraft(JSON.stringify(obj, null, 2));
                     setJsonError(false);
                     setMode('json');
                 }, children: "JSON" })] }));
     if (mode === 'json') {
-        return (_jsxs("div", { className: "rounded border border-border/50 bg-muted/30 p-2", children: [modeToggle, _jsx("textarea", { className: `text-[11px] min-h-[60px] ${jsonError ? 'border-destructive' : ''}`, value: jsonDraft, onChange: (e) => {
+        return (_jsxs("div", { className: "rounded border border-border/50 bg-muted/30 p-2", children: [modeToggle, _jsx(Textarea, { className: `text-[11px] min-h-[60px] ${jsonError ? 'border-destructive' : ''}`, value: jsonDraft, onChange: (e) => {
                         setJsonDraft(e.target.value);
                         try {
                             const parsed = JSON.parse(e.target.value);
@@ -118,18 +124,18 @@ function ObjectForm({ value, onChange }) {
                         }
                     } })] }));
     }
-    return (_jsxs("div", { className: "rounded border border-border/50 bg-muted/30 p-2", children: [modeToggle, entries.length > 0 && (_jsx("div", { className: "space-y-1 mb-1.5", children: entries.map(([k, v]) => (_jsxs("div", { className: "flex gap-1.5 items-start group", children: [_jsx("span", { className: "text-[11px] font-mono text-muted-foreground pt-[5px] min-w-[50px] truncate shrink-0", children: k }), typeof v === 'boolean' ? (_jsx("input", { type: "checkbox", className: "w-auto mt-1.5", checked: v, onChange: (e) => emit({ ...obj, [k]: e.target.checked }) })) : typeof v === 'number' ? (_jsx("input", { type: "number", className: "flex-1 min-w-0 text-[11px]", value: String(v), onChange: (e) => emit({ ...obj, [k]: Number(e.target.value) }) })) : typeof v === 'string' ? (_jsx("input", { className: "flex-1 min-w-0 text-[11px]", value: v, onChange: (e) => emit({ ...obj, [k]: e.target.value }) })) : (_jsx("textarea", { className: "flex-1 min-w-0 text-[11px] font-mono min-h-[40px]", value: JSON.stringify(v, null, 2), onChange: (e) => {
+    return (_jsxs("div", { className: "rounded border border-border/50 bg-muted/30 p-2", children: [modeToggle, entries.length > 0 && (_jsx("div", { className: "space-y-1 mb-1.5", children: entries.map(([k, v]) => (_jsxs("div", { className: "flex gap-1.5 items-start group", children: [_jsx("span", { className: "text-[11px] font-mono text-muted-foreground pt-[5px] min-w-[50px] truncate shrink-0", children: k }), typeof v === 'boolean' ? (_jsx(Switch, { className: "mt-1", checked: v, onCheckedChange: (checked) => emit({ ...obj, [k]: checked }) })) : typeof v === 'number' ? (_jsx(Input, { type: "number", className: "h-7 text-[11px] flex-1 min-w-0", value: String(v), onChange: (e) => emit({ ...obj, [k]: Number(e.target.value) }) })) : typeof v === 'string' ? (_jsx(Input, { className: "h-7 text-[11px] flex-1 min-w-0", value: v, onChange: (e) => emit({ ...obj, [k]: e.target.value }) })) : (_jsx(Textarea, { className: "flex-1 min-w-0 text-[11px] font-mono min-h-[40px]", value: JSON.stringify(v, null, 2), onChange: (e) => {
                                 try {
                                     emit({ ...obj, [k]: JSON.parse(e.target.value) });
                                 }
                                 catch {
                                     /* typing */
                                 }
-                            } })), _jsx("button", { type: "button", className: "border-0 bg-transparent p-0 mt-1 text-muted-foreground/30 opacity-0 group-hover:opacity-100 hover:text-destructive shrink-0 cursor-pointer transition-opacity", onClick: () => {
+                            } })), _jsx(Button, { variant: "ghost", size: "icon", type: "button", className: "h-5 w-5 p-0 mt-1 text-muted-foreground/30 opacity-0 group-hover:opacity-100 hover:text-destructive shrink-0 transition-opacity", onClick: () => {
                                 const next = { ...obj };
                                 delete next[k];
                                 emit(next);
-                            }, children: _jsx(X, { className: "h-3 w-3" }) })] }, k))) })), _jsxs("div", { className: "flex gap-1 items-center border-t border-border/30 pt-1.5", children: [_jsx("input", { className: "flex-1 min-w-0 text-[11px] bg-transparent border-dashed", placeholder: "new key...", value: newKey, onChange: (e) => setNewKey(e.target.value), onKeyDown: (e) => {
+                            }, children: _jsx(X, { className: "h-3 w-3" }) })] }, k))) })), _jsxs("div", { className: "flex gap-1 items-center border-t border-border/30 pt-1.5", children: [_jsx(Input, { className: "h-7 text-[11px] flex-1 min-w-0 bg-transparent border-dashed", placeholder: "new key...", value: newKey, onChange: (e) => setNewKey(e.target.value), onKeyDown: (e) => {
                             if (e.key !== 'Enter')
                                 return;
                             e.preventDefault();
@@ -138,7 +144,7 @@ function ObjectForm({ value, onChange }) {
                                 emit({ ...obj, [k]: '' });
                                 setNewKey('');
                             }
-                        } }), _jsx("button", { type: "button", className: "border-0 bg-transparent p-0 text-[11px] text-muted-foreground hover:text-foreground shrink-0 cursor-pointer", onClick: () => {
+                        } }), _jsx(Button, { variant: "ghost", size: "sm", type: "button", className: "h-6 px-2 text-[10px] text-muted-foreground hover:text-foreground shrink-0", onClick: () => {
                             const k = newKey.trim();
                             if (k && !(k in obj)) {
                                 emit({ ...obj, [k]: '' });
@@ -152,7 +158,7 @@ function ArrayForm({ value, onChange }) {
     const itemType = value.items?.type ?? 'string';
     const emit = (next) => onChange?.({ ...value, value: next });
     if (itemType === 'string') {
-        return (_jsxs("div", { className: "rounded border border-border/50 bg-muted/30 p-2 space-y-1.5", children: [arr.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-1", children: arr.map((tag, i) => (_jsxs("span", { className: "inline-flex items-center gap-0.5 text-[11px] font-mono bg-muted text-foreground/70 px-1.5 py-0.5 rounded", children: [tag, _jsx("button", { type: "button", className: "ml-0.5 border-0 bg-transparent p-0 text-muted-foreground/40 hover:text-foreground leading-none cursor-pointer", onClick: () => emit(arr.filter((_, j) => j !== i)), children: "\u00D7" })] }, i))) })), _jsx("input", { className: "text-[11px] bg-transparent border-dashed", placeholder: "add item...", value: input, onChange: (e) => setInput(e.target.value), onKeyDown: (e) => {
+        return (_jsxs("div", { className: "rounded border border-border/50 bg-muted/30 p-2 space-y-1.5", children: [arr.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-1", children: arr.map((tag, i) => (_jsxs("span", { className: "inline-flex items-center gap-0.5 text-[11px] font-mono bg-muted text-foreground/70 px-1.5 py-0.5 rounded", children: [tag, _jsx(Button, { variant: "ghost", size: "icon", type: "button", className: "h-5 w-5 p-0 ml-0.5 text-muted-foreground/40 hover:text-foreground leading-none", onClick: () => emit(arr.filter((_, j) => j !== i)), children: "\u00D7" })] }, i))) })), _jsx(Input, { className: "h-7 text-[11px] bg-transparent border-dashed", placeholder: "add item...", value: input, onChange: (e) => setInput(e.target.value), onKeyDown: (e) => {
                         if (e.key !== 'Enter')
                             return;
                         e.preventDefault();
@@ -163,10 +169,10 @@ function ArrayForm({ value, onChange }) {
                     } })] }));
     }
     if (itemType === 'number') {
-        return (_jsxs("div", { className: "rounded border border-border/50 bg-muted/30 p-2 space-y-1", children: [arr.map((item, i) => (_jsxs("div", { className: "flex gap-1 items-center group", children: [_jsx("input", { type: "number", className: "flex-1 text-[11px]", value: String(item ?? 0), onChange: (e) => emit(arr.map((v, j) => (j === i ? Number(e.target.value) : v))) }), _jsx("button", { type: "button", className: "border-0 bg-transparent p-0 text-muted-foreground/30 opacity-0 group-hover:opacity-100 hover:text-destructive cursor-pointer transition-opacity", onClick: () => emit(arr.filter((_, j) => j !== i)), children: _jsx(X, { className: "h-3 w-3" }) })] }, i))), _jsx("button", { type: "button", className: "border-0 bg-transparent p-0 text-[11px] text-muted-foreground hover:text-foreground cursor-pointer", onClick: () => emit([...arr, 0]), children: "+ add" })] }));
+        return (_jsxs("div", { className: "rounded border border-border/50 bg-muted/30 p-2 space-y-1", children: [arr.map((item, i) => (_jsxs("div", { className: "flex gap-1 items-center group", children: [_jsx(Input, { type: "number", className: "h-7 text-[11px] flex-1", value: String(item ?? 0), onChange: (e) => emit(arr.map((v, j) => (j === i ? Number(e.target.value) : v))) }), _jsx(Button, { variant: "ghost", size: "icon", type: "button", className: "h-5 w-5 p-0 text-muted-foreground/30 opacity-0 group-hover:opacity-100 hover:text-destructive transition-opacity", onClick: () => emit(arr.filter((_, j) => j !== i)), children: _jsx(X, { className: "h-3 w-3" }) })] }, i))), _jsx(Button, { variant: "ghost", size: "sm", type: "button", className: "h-6 px-2 text-[10px] text-muted-foreground hover:text-foreground", onClick: () => emit([...arr, 0]), children: "+ add" })] }));
     }
     // object/other — textarea fallback
-    return (_jsx("textarea", { value: JSON.stringify(arr, null, 2), onChange: (e) => {
+    return (_jsx(Textarea, { value: JSON.stringify(arr, null, 2), onChange: (e) => {
             try {
                 emit(JSON.parse(e.target.value));
             }
@@ -184,8 +190,7 @@ function PathView({ value }) {
 }
 // Compact tree picker dropdown for selecting a node path
 // Lazy-loads children via trpc on expand, caches into front/cache
-export function MiniTree({ onSelect, onClose }) {
-    const ref = useRef(null);
+export function MiniTree({ onSelect }) {
     const [expanded, setExpanded] = useState(new Set(['/']));
     const [loaded, setLoaded] = useState(new Set());
     const [filter, setFilter] = useState('');
@@ -195,15 +200,6 @@ export function MiniTree({ onSelect, onClose }) {
     useEffect(() => {
         fetchChildren('/');
     }, []);
-    // Close on outside click
-    useEffect(() => {
-        const handler = (e) => {
-            if (ref.current && !ref.current.contains(e.target))
-                onClose();
-        };
-        document.addEventListener('mousedown', handler);
-        return () => document.removeEventListener('mousedown', handler);
-    }, [onClose]);
     async function fetchChildren(path) {
         if (loaded.has(path))
             return;
@@ -264,7 +260,7 @@ export function MiniTree({ onSelect, onClose }) {
     }
     const rootKids = getKids('/');
     const rootNode = nodes.get('/');
-    return (_jsxs("div", { ref: ref, className: "absolute z-50 mt-1 w-64 max-h-60 overflow-auto bg-popover border border-border rounded-lg shadow-lg", children: [_jsx("div", { className: "p-1.5 border-b border-border", children: _jsx("input", { className: "text-[11px] w-full", placeholder: "Filter...", value: filter, onChange: (e) => setFilter(e.target.value), autoFocus: true }) }), _jsxs("div", { className: "p-1", children: [rootNode && renderNode('/', 0), !rootNode && rootKids.map((r) => renderNode(r, 0))] })] }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "p-1.5 border-b border-border", children: _jsx(Input, { className: "h-7 text-[11px] w-full", placeholder: "Filter...", value: filter, onChange: (e) => setFilter(e.target.value), autoFocus: true }) }), _jsxs("div", { className: "p-1", children: [rootNode && renderNode('/', 0), !rootNode && rootKids.map((r) => renderNode(r, 0))] })] }));
 }
 // Inline typed editor for embedded object values
 function EmbeddedFields({ data, type, setData }) {
@@ -300,7 +296,7 @@ function EmbeddedFields({ data, type, setData }) {
     const entries = Object.entries(data).filter(([k]) => !k.startsWith('$'));
     if (entries.length === 0)
         return null;
-    return (_jsx("div", { className: "space-y-1", children: entries.map(([k, v]) => (_jsxs("div", { className: "field", children: [_jsx("label", { children: k }), _jsx("input", { className: "text-[11px]", value: typeof v === 'string' ? v : JSON.stringify(v), onChange: (e) => setData((prev) => ({ ...prev, [k]: e.target.value })) })] }, k))) }));
+    return (_jsx("div", { className: "space-y-1", children: entries.map(([k, v]) => (_jsxs("div", { className: "field", children: [_jsx("label", { children: k }), _jsx(Input, { className: "h-7 text-[11px]", value: typeof v === 'string' ? v : JSON.stringify(v), onChange: (e) => setData((prev) => ({ ...prev, [k]: e.target.value })) })] }, k))) }));
 }
 function PathForm({ value, onChange }) {
     const raw = value.value;
@@ -347,32 +343,32 @@ function PathForm({ value, onChange }) {
         onChange?.({ ...value, value: fn({ ...obj }) });
     }
     const hasValue = isValue || !!refPath;
-    return (_jsxs("div", { ref: wrapRef, className: "relative", children: [_jsxs("div", { className: `rounded border transition-colors ${dragOver ? 'border-primary ring-2 ring-primary/30 bg-primary/5' : 'border-border'}`, onDragOver: (e) => {
-                    if (e.dataTransfer.types.includes('application/treenity-path')) {
-                        e.preventDefault();
-                        e.dataTransfer.dropEffect = 'link';
-                        setDragOver(true);
-                    }
-                }, onDragLeave: () => setDragOver(false), onDrop: (e) => {
+    return (_jsx("div", { ref: wrapRef, className: "relative", children: _jsxs("div", { className: `rounded border transition-colors ${dragOver ? 'border-primary ring-2 ring-primary/30 bg-primary/5' : 'border-border'}`, onDragOver: (e) => {
+                if (e.dataTransfer.types.includes('application/treenity-path')) {
                     e.preventDefault();
-                    setDragOver(false);
-                    const dropped = e.dataTransfer.getData('application/treenity-path');
-                    if (dropped)
-                        applyNode(dropped);
-                }, children: [_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("button", { type: "button", className: `border-0 bg-transparent p-0 px-1 cursor-pointer shrink-0 text-[10px] font-bold font-mono ${mode === 'val' ? 'text-amber-500' : 'text-primary'}`, onClick: () => {
-                                    if (mode === 'ref') {
-                                        setMode('val');
-                                        if (refPath)
-                                            setByValue(refPath);
-                                        else if (!isValue)
-                                            createEmpty();
-                                    }
-                                    else {
-                                        setMode('ref');
-                                        if (refPath)
-                                            setRef(refPath);
-                                    }
-                                }, title: mode === 'val' ? 'Value mode — embeds node data' : 'Ref mode — stores path', children: mode }), refType && (_jsx("span", { className: "text-[9px] text-muted-foreground font-mono shrink-0", children: refType.includes('.') ? refType.slice(refType.lastIndexOf('.') + 1) : refType })), isValue ? (_jsxs("span", { className: "flex-1 min-w-0 text-[11px] font-mono text-foreground/70 truncate py-1", children: [refPath && _jsx("span", { className: "text-muted-foreground", children: refPath }), embeddedType && (_jsx("span", { className: "ml-1 text-amber-500", children: embeddedType }))] })) : (_jsx("input", { className: "flex-1 min-w-0 text-[11px] font-mono border-0 bg-transparent", value: refPath, placeholder: "drop or pick a node", onChange: (e) => setRef(e.target.value) })), hasValue && (_jsx("button", { type: "button", className: "border-0 bg-transparent p-0 px-0.5 text-muted-foreground/40 hover:text-foreground cursor-pointer shrink-0", onClick: () => { onChange?.({ ...value, value: '' }); setMode('ref'); }, children: _jsx(X, { className: "h-3 w-3" }) })), _jsx("button", { type: "button", className: "border-0 bg-transparent p-0 px-1 text-muted-foreground hover:text-foreground cursor-pointer shrink-0 text-[11px]", onClick: () => setPickerOpen((v) => !v), title: "Browse tree", children: "\u2630" })] }), isValue && (_jsx("div", { className: "border-t border-border/50 p-2", children: _jsx(EmbeddedFields, { data: raw, type: effectiveType, setData: updateEmbedded }) }))] }), pickerOpen && (_jsx(MiniTree, { onSelect: (p) => { applyNode(p); setPickerOpen(false); }, onClose: () => setPickerOpen(false) }))] }));
+                    e.dataTransfer.dropEffect = 'link';
+                    setDragOver(true);
+                }
+            }, onDragLeave: () => setDragOver(false), onDrop: (e) => {
+                e.preventDefault();
+                setDragOver(false);
+                const dropped = e.dataTransfer.getData('application/treenity-path');
+                if (dropped)
+                    applyNode(dropped);
+            }, children: [_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Button, { variant: "ghost", size: "sm", type: "button", className: `h-6 px-1 text-[10px] font-bold font-mono shrink-0 ${mode === 'val' ? 'text-amber-500' : 'text-primary'}`, onClick: () => {
+                                if (mode === 'ref') {
+                                    setMode('val');
+                                    if (refPath)
+                                        setByValue(refPath);
+                                    else if (!isValue)
+                                        createEmpty();
+                                }
+                                else {
+                                    setMode('ref');
+                                    if (refPath)
+                                        setRef(refPath);
+                                }
+                            }, title: mode === 'val' ? 'Value mode — embeds node data' : 'Ref mode — stores path', children: mode }), refType && (_jsx("span", { className: "text-[9px] text-muted-foreground font-mono shrink-0", children: refType.includes('.') ? refType.slice(refType.lastIndexOf('.') + 1) : refType })), isValue ? (_jsxs("span", { className: "flex-1 min-w-0 text-[11px] font-mono text-foreground/70 truncate py-1", children: [refPath && _jsx("span", { className: "text-muted-foreground", children: refPath }), embeddedType && (_jsx("span", { className: "ml-1 text-amber-500", children: embeddedType }))] })) : (_jsx(Input, { className: "h-7 text-[11px] font-mono flex-1 min-w-0 border-0 bg-transparent", value: refPath, placeholder: "drop or pick a node", onChange: (e) => setRef(e.target.value) })), hasValue && (_jsx(Button, { variant: "ghost", size: "icon", type: "button", className: "h-5 w-5 p-0 text-muted-foreground/40 hover:text-foreground shrink-0", onClick: () => { onChange?.({ ...value, value: '' }); setMode('ref'); }, children: _jsx(X, { className: "h-3 w-3" }) })), _jsxs(Popover, { open: pickerOpen, onOpenChange: setPickerOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", type: "button", className: "h-5 w-5 p-0 text-muted-foreground hover:text-foreground shrink-0 text-[11px]", title: "Browse tree", children: "\u2630" }) }), _jsx(PopoverContent, { align: "end", className: "w-64 max-h-60 overflow-auto p-0", children: _jsx(MiniTree, { onSelect: (p) => { applyNode(p); setPickerOpen(false); } }) })] })] }), isValue && (_jsx("div", { className: "border-t border-border/50 p-2", children: _jsx(EmbeddedFields, { data: raw, type: effectiveType, setData: updateEmbedded }) }))] }) }));
 }
 // ── Registration ──
 // Each entry: [type, viewHandler, formHandler]