@treenity/react 3.0.4 → 3.0.7

package/dist/ViewPage.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // ViewPage — standalone read-only node view at /{path}
-import { Render, RenderContext } from '#context';
+import { Render, RenderContext } from './context.js';
 import { usePath } from './hooks';
 export function ViewPage({ path, editorLink }) {
     const node = usePath(path);

package/dist/bind/engine.js

@@ -1,8 +1,8 @@
 // Binding engine — scans cache for $ref+$map fields, subscribes to sources,
 // evaluates on change, writes to computed store.
 // Supports $ref: "." (self) and @/path.field ref args in $map expressions.
-import * as cache from '#cache';
-import { trpc } from '#trpc';
+import * as cache from '../cache.js';
+import { trpc } from '../trpc.js';
 import { isRef } from '@treenity/core';
 import { clearComputed, getComputed, setComputed } from './computed';
 import { evaluateRef, extractArgPaths, hasOnce, isCollectionRef } from './eval';

package/dist/bind/hook.js

@@ -1,6 +1,6 @@
 // React hooks for computed bindings
-import * as cache from '#cache';
-import { set, usePath } from '#hooks';
+import * as cache from '../cache.js';
+import { set, usePath } from '../hooks.js';
 import { isRef } from '@treenity/core';
 import { useCallback, useMemo, useSyncExternalStore } from 'react';
 import { useSnapshot } from 'valtio';

package/dist/components/ConfirmDialog.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from '#components/ui/alert-dialog';
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from './ui/alert-dialog.js';
 export function ConfirmDialog({ open, onOpenChange, title, description, onConfirm, variant = 'default' }) {
     return (_jsx(AlertDialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: title }), description && _jsx(AlertDialogDescription, { children: description })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { variant: variant, onClick: onConfirm, children: "Confirm" })] })] }) }));
 }

package/dist/components/ConfirmPopover.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '#components/ui/button';
-import { Popover, PopoverContent, PopoverTrigger } from '#components/ui/popover';
+import { Button } from './ui/button.js';
+import { Popover, PopoverContent, PopoverTrigger } from './ui/popover.js';
 import { useState } from 'react';
 export function ConfirmPopover({ title, onConfirm, variant = 'default', children, }) {
     const [open, setOpen] = useState(false);

package/dist/components/PathBreadcrumb.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from '#components/ui/breadcrumb';
+import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from './ui/breadcrumb.js';
 export function PathBreadcrumb({ path, onSelect }) {
     const parts = path.split('/').filter(Boolean);
     const crumbs = [{ label: 'root', path: '/' }];

package/dist/components/lib/utils.ts.bak

@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}

package/dist/components/ui/accordion.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
+import { cn } from '../lib/utils.js';
 import { ChevronDownIcon } from 'lucide-react';
 import { Accordion as AccordionPrimitive } from 'radix-ui';
 function Accordion({ ...props }) {

package/dist/components/ui/alert-dialog.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
-import { buttonVariants } from '#components/ui/button';
+import { cn } from '../lib/utils.js';
+import { buttonVariants } from './button.js';
 import { AlertDialog as AlertDialogPrimitive } from 'radix-ui';
 function AlertDialog({ ...props }) {
     return _jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });

package/dist/components/ui/badge.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
+import { cn } from '../lib/utils.js';
 import { cva } from 'class-variance-authority';
 const badgeVariants = cva('inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2', {
     variants: {

package/dist/components/ui/breadcrumb.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
+import { cn } from '../lib/utils.js';
 import { ChevronRight, MoreHorizontal } from 'lucide-react';
 import { Slot } from 'radix-ui';
 function Breadcrumb({ ...props }) {

package/dist/components/ui/button.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
+import { cn } from '../lib/utils.js';
 import { cva } from 'class-variance-authority';
 import { Slot } from 'radix-ui';
 const buttonVariants = cva("inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {

package/dist/components/ui/card.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
+import { cn } from '../lib/utils.js';
 function Card({ className, ...props }) {
     return (_jsx("div", { "data-slot": "card", className: cn("flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm", className), ...props }));
 }

package/dist/components/ui/checkbox.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
+import { cn } from '../lib/utils.js';
 import { forwardRef } from 'react';
 const Checkbox = forwardRef(({ className, ...props }, ref) => (_jsx("input", { type: "checkbox", className: cn('h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 accent-primary', className), ref: ref, ...props })));
 Checkbox.displayName = 'Checkbox';

package/dist/components/ui/command.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '#components/ui/dialog';
+import { cn } from '../lib/utils.js';
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from './dialog.js';
 import { Command as CommandPrimitive } from 'cmdk';
 import { SearchIcon } from 'lucide-react';
 function Command({ className, ...props }) {

package/dist/components/ui/dialog.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
-import { Button } from '#components/ui/button';
+import { cn } from '../lib/utils.js';
+import { Button } from './button.js';
 import { XIcon } from 'lucide-react';
 import { Dialog as DialogPrimitive } from 'radix-ui';
 function Dialog({ ...props }) {

package/dist/components/ui/drawer.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
+import { cn } from '../lib/utils.js';
 import { Drawer as DrawerPrimitive } from 'vaul';
 function Drawer({ ...props }) {
     return _jsx(DrawerPrimitive.Root, { "data-slot": "drawer", ...props });

package/dist/components/ui/dropdown-menu.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
+import { cn } from '../lib/utils.js';
 import { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';
 import { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';
 function DropdownMenu({ ...props }) {

package/dist/components/ui/form-field.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Adaptive form field — label left when content is short, label on top when tall
-import { cn } from '#components/lib/utils';
+import { cn } from '../lib/utils.js';
 import { useLayoutEffect, useRef, useState } from 'react';
 const STACK_THRESHOLD = 48; // px — above this, label goes on top
 export function FormField({ label, labelClass, className, children }) {

package/dist/components/ui/input.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
+import { cn } from '../lib/utils.js';
 import { forwardRef } from 'react';
 const Input = forwardRef(({ className, type, ...props }, ref) => (_jsx("input", { type: type, className: cn('flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50', className), ref: ref, ...props })));
 Input.displayName = 'Input';

package/dist/components/ui/label.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
+import { cn } from '../lib/utils.js';
 import { Label as LabelPrimitive } from 'radix-ui';
 function Label({ className, ...props }) {
     return (_jsx(LabelPrimitive.Root, { "data-slot": "label", className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className), ...props }));

package/dist/components/ui/pagination.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
-import { buttonVariants } from '#components/ui/button';
+import { cn } from '../lib/utils.js';
+import { buttonVariants } from './button.js';
 import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';
 function Pagination({ className, ...props }) {
     return (_jsx("nav", { role: "navigation", "aria-label": "pagination", "data-slot": "pagination", className: cn("mx-auto flex w-full justify-center", className), ...props }));

package/dist/components/ui/popover.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
+import { cn } from '../lib/utils.js';
 import { Popover as PopoverPrimitive } from 'radix-ui';
 function Popover({ ...props }) {
     return _jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });

package/dist/components/ui/progress.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
+import { cn } from '../lib/utils.js';
 import { Progress as ProgressPrimitive } from 'radix-ui';
 function Progress({ className, value, ...props }) {
     return (_jsx(ProgressPrimitive.Root, { "data-slot": "progress", className: cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className), ...props, children: _jsx(ProgressPrimitive.Indicator, { "data-slot": "progress-indicator", className: "bg-primary h-full w-full flex-1 transition-all", style: { transform: `translateX(-${100 - (value || 0)}%)` } }) }));

package/dist/components/ui/resizable.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
+import { cn } from '../lib/utils.js';
 import * as ResizablePrimitive from 'react-resizable-panels';
 function ResizablePanelGroup({ className, ...props }) {
     return (_jsx(ResizablePrimitive.Group, { "data-slot": "resizable-panel-group", className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className), ...props }));

package/dist/components/ui/scroll-area.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
+import { cn } from '../lib/utils.js';
 import { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';
 function ScrollArea({ className, children, ...props }) {
     return (_jsxs(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", className: cn("relative", className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { "data-slot": "scroll-area-viewport", className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] }));

package/dist/components/ui/select.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
+import { cn } from '../lib/utils.js';
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';
 import { Select as SelectPrimitive } from 'radix-ui';
 function Select({ ...props }) {

package/dist/components/ui/separator.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
+import { cn } from '../lib/utils.js';
 import { Separator as SeparatorPrimitive } from 'radix-ui';
 function Separator({ className, orientation = "horizontal", decorative = true, ...props }) {
     return (_jsx(SeparatorPrimitive.Root, { "data-slot": "separator", decorative: decorative, orientation: orientation, className: cn("shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className), ...props }));

package/dist/components/ui/sheet.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
+import { cn } from '../lib/utils.js';
 import { XIcon } from 'lucide-react';
 import { Dialog as SheetPrimitive } from 'radix-ui';
 function Sheet({ ...props }) {

package/dist/components/ui/skeleton.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
+import { cn } from '../lib/utils.js';
 function Skeleton({ className, ...props }) {
     return (_jsx("div", { "data-slot": "skeleton", className: cn("animate-pulse rounded-md bg-accent", className), ...props }));
 }

package/dist/components/ui/slider.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
+import { cn } from '../lib/utils.js';
 import { Slider as SliderPrimitive } from 'radix-ui';
 import * as React from 'react';
 function Slider({ className, defaultValue, value, min = 0, max = 100, ...props }) {

package/dist/components/ui/switch.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
+import { cn } from '../lib/utils.js';
 import { Switch as SwitchPrimitive } from 'radix-ui';
 function Switch({ className, size = "default", ...props }) {
     return (_jsx(SwitchPrimitive.Root, { "data-slot": "switch", "data-size": size, className: cn("peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 group/switch inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-[1.15rem] data-[size=default]:w-8 data-[size=sm]:h-3.5 data-[size=sm]:w-6", className), ...props, children: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: cn("bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block rounded-full ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0") }) }));

package/dist/components/ui/table.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
+import { cn } from '../lib/utils.js';
 function Table({ className, ...props }) {
     return (_jsx("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: _jsx("table", { "data-slot": "table", className: cn("w-full caption-bottom text-sm", className), ...props }) }));
 }

package/dist/components/ui/tabs.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
+import { cn } from '../lib/utils.js';
 import { cva } from 'class-variance-authority';
 import { Tabs as TabsPrimitive } from 'radix-ui';
 function Tabs({ className, orientation = "horizontal", ...props }) {

package/dist/components/ui/textarea.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
+import { cn } from '../lib/utils.js';
 function Textarea({ className, ...props }) {
     return (_jsx("textarea", { "data-slot": "textarea", className: cn("border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 max-h-64 overflow-y-auto w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className), ...props }));
 }

package/dist/components/ui/toggle-group.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
-import { toggleVariants } from '#components/ui/toggle';
+import { cn } from '../lib/utils.js';
+import { toggleVariants } from './toggle.js';
 import { ToggleGroup as ToggleGroupPrimitive } from 'radix-ui';
 import * as React from 'react';
 const ToggleGroupContext = React.createContext({

package/dist/components/ui/toggle.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
+import { cn } from '../lib/utils.js';
 import { cva } from 'class-variance-authority';
 import { Toggle as TogglePrimitive } from 'radix-ui';
 const toggleVariants = cva("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {

package/dist/components/ui/tooltip.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '#components/lib/utils';
+import { cn } from '../lib/utils.js';
 import { Tooltip as TooltipPrimitive } from 'radix-ui';
 function TooltipProvider({ delayDuration = 0, ...props }) {
     return (_jsx(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration: delayDuration, ...props }));

package/dist/context/index.js

@@ -2,8 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // Treenity React Binding — Layer 2
 // <Render> + <RenderContext> + <NodeProvider>
 // Depends on: core (resolve), React
-import { execute } from '#hooks';
-import { $key, $node } from '#symbols';
+import { execute } from '../hooks.js';
+import { $key, $node } from '../symbols.js';
 import { hasMissResolver, resolve, resolveExact, subscribeRegistry, } from '@treenity/core';
 import { createContext, createElement, useContext, useEffect, useMemo, useState } from 'react';
 // ── Tree context (rendering context string) ──

package/dist/lib/minimd.css

@@ -0,0 +1,28 @@
+/* minimd — lightweight markdown rendering */
+.minimd *:first-child { margin-top: 0; }
+.minimd h1, .minimd h2, .minimd h3 { font-weight: 600; margin: 14px 0 6px; color: var(--text); }
+.minimd h1 { font-size: 1.3em; border-bottom: 1px solid var(--border); padding-bottom: 4px; }
+.minimd h2 { font-size: 1.15em; }
+.minimd h3 { font-size: 1.05em; color: var(--text-2); }
+.minimd p { margin: 4px 0; }
+.minimd ul, .minimd ol { padding-left: 20px; margin: 4px 0; }
+.minimd li { margin: 2px 0; }
+.minimd li::marker { color: var(--text-3); }
+.minimd code {
+  font-family: var(--mono); font-size: 0.88em;
+  background: var(--surface-3); padding: 1px 5px; border-radius: 4px; color: #f0abfc;
+}
+.minimd pre {
+  background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);
+  padding: 10px 12px; margin: 8px 0; overflow-x: auto; font-size: 12px; line-height: 1.5;
+}
+.minimd pre code { background: none; padding: 0; color: var(--text); font-size: inherit; }
+.minimd strong { font-weight: 600; }
+.minimd em { color: var(--text-2); }
+.minimd a { color: #58a6ff; text-decoration: none; }
+.minimd a:hover { text-decoration: underline; }
+.minimd blockquote { border-left: 3px solid var(--border); padding-left: 12px; color: var(--text-2); margin: 6px 0; }
+.minimd hr { border: none; border-top: 1px solid var(--border); margin: 10px 0; }
+.minimd table { border-collapse: collapse; margin: 8px 0; font-size: 12px; width: 100%; }
+.minimd th, .minimd td { border: 1px solid var(--border); padding: 6px 12px; }
+.minimd th { background: var(--surface-3); font-weight: 600; color: var(--text); text-align: left; }

package/dist/mods/editor-ui/CLAUDE.md

@@ -0,0 +1,3 @@
+# editor-ui
+
+View-слой админки. Fallback `react`-рендерер для всех нод/компонентов, специализированные views (layout, page, dir, user, list), schema-driven form fields для NodeEditor.

package/dist/mods/editor-ui/DraftTextarea.d.ts

@@ -0,0 +1,8 @@
+import { Textarea } from '#components/ui/textarea';
+type Props = Omit<React.ComponentProps<typeof Textarea>, 'value' | 'defaultValue' | 'onChange'> & {
+    value: string;
+    onChange: (text: string) => void;
+};
+export declare const DraftTextarea: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+export {};
+//# sourceMappingURL=DraftTextarea.d.ts.map

package/dist/mods/editor-ui/DraftTextarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraftTextarea.d.ts","sourceRoot":"","sources":["../../../src/mods/editor-ui/DraftTextarea.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGnD,KAAK,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,GAAG;IAChG,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,aAAa,oHA8BzB,CAAC"}

package/dist/mods/editor-ui/DraftTextarea.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Uncontrolled textarea that preserves cursor position during external re-renders.
+// Uses ref + defaultValue so React never touches the DOM value while user is editing.
+import { Textarea } from '../../components/ui/textarea.js';
+import { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
+export const DraftTextarea = forwardRef(({ value, onChange, ...props }, fwd) => {
+    const ref = useRef(null);
+    const editing = useRef(false);
+    useImperativeHandle(fwd, () => ref.current);
+    // Sync external value into DOM only when not focused
+    useEffect(() => {
+        if (!editing.current && ref.current && ref.current.value !== value) {
+            ref.current.value = value;
+        }
+    }, [value]);
+    return (_jsx(Textarea, { ref: ref, defaultValue: value, onFocus: () => { editing.current = true; }, onBlur: () => {
+            editing.current = false;
+            if (ref.current && ref.current.value !== value) {
+                ref.current.value = value;
+            }
+        }, onChange: (e) => onChange(e.target.value), ...props }));
+});
+//# sourceMappingURL=DraftTextarea.js.map

package/dist/mods/editor-ui/DraftTextarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraftTextarea.js","sourceRoot":"","sources":["../../../src/mods/editor-ui/DraftTextarea.tsx"],"names":[],"mappings":";AAAA,mFAAmF;AACnF,sFAAsF;AAEtF,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAO3E,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACrC,MAAM,GAAG,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE9B,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,OAAQ,CAAC,CAAC;IAE7C,qDAAqD;IACrD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACnE,GAAG,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;QAC5B,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,KAAC,QAAQ,IACP,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,KAAK,EACnB,OAAO,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,EAC1C,MAAM,EAAE,GAAG,EAAE;YACX,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;YACxB,IAAI,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;gBAC/C,GAAG,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;YAC5B,CAAC;QACH,CAAC,EACD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KACrC,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/mods/editor-ui/FieldLabel.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // FieldLabel — interactive label for Inspector fields
 // Click → dropdown menu (value/$ref/$map + copy/clear), drop target for tree nodes
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, } from '#components/ui/dropdown-menu';
-import { Input } from '#components/ui/input';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, } from '../../components/ui/dropdown-menu.js';
+import { Input } from '../../components/ui/input.js';
 import { isRef } from '@treenity/core';
 import { useState } from 'react';
 function getFieldMode(v) {

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Checkbox } from '#components/ui/checkbox';
-import { Input } from '#components/ui/input';
-import { useSchema } from '#schema-loader';
+import { Checkbox } from '../../components/ui/checkbox.js';
+import { Input } from '../../components/ui/input.js';
+import { useSchema } from '../../schema-loader.js';
 import { isRef, register, resolve } from '@treenity/core';
 import { createElement } from 'react';
 import { FieldLabel, RefEditor } from './FieldLabel';

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

@@ -1,9 +1,9 @@
 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 { Button } from '../../components/ui/button.js';
+import { Render, RenderContext } from '../../context.js';
+import { useChildren } from '../../hooks.js';
+import { trpc } from '../../trpc.js';
 import { register } from '@treenity/core';
 import { useCallback, useState } from 'react';
 import { EmptyNodePlaceholder } from './empty-placeholder';

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Render, RenderContext } from '#context';
-import { useChildren } from '#hooks';
+import { Render, RenderContext } from '../../context.js';
+import { useChildren } from '../../hooks.js';
 const STATUS_COLORS = {
     draft: ['var(--accent-subtle, #1a2a3a)', 'var(--accent)'],
     published: ['#1a2e1a', '#4c8'],