@nbt-dev/components 0.0.8 → 0.0.10

package/src/editor/nbt-editor.tsx

@@ -1,8 +1,10 @@
 // CodeMirror 6 React wrapper for one NBT buffer. Recreated per uri (keyed by
 // the host); owns the EditorView lifecycle, Ctrl+S save, and the LSP wiring.
+// Theme / font size / line-wrap / tab size are live-tunable via compartments so
+// changing a setting doesn't blow away cursor + scroll.
 
 import React from "react";
-import { EditorState } from "@codemirror/state";
+import { Compartment, EditorState, Prec } from "@codemirror/state";
 import {
   EditorView,
   keymap,
@@ -20,40 +22,34 @@ import {
   syntaxHighlighting,
   defaultHighlightStyle,
   bracketMatching,
+  indentUnit,
 } from "@codemirror/language";
 import { lintGutter } from "@codemirror/lint";
 import { searchKeymap } from "@codemirror/search";
 import { completionKeymap, closeBrackets } from "@codemirror/autocomplete";
 import { nbtLanguageSupport } from "./nbt-language";
+import { themeExtension } from "./editor-themes";
 import { lspExtensions, type GotoDefHandler } from "./lsp-extensions";
 import { NbtLspClient } from "./lsp-client";
 
-// Match the devtools panel chrome via its CSS variables (we render inside the
-// .nimbit-devtools subtree, so these resolve to the scoped theme).
-const nbtTheme = EditorView.theme(
-  {
-    "&": {
-      height: "100%",
-      fontSize: "12px",
-      backgroundColor: "var(--background)",
-      color: "var(--foreground)",
-    },
+// Sizing only — the selected color theme owns the rest. Built per font-size so
+// the theme compartment can carry both.
+function sizingTheme(fontSize: number) {
+  return EditorView.theme({
+    "&": { height: "100%", fontSize: `${fontSize}px` },
     ".cm-content": { fontFamily: "ui-monospace, monospace" },
-    ".cm-gutters": {
-      backgroundColor: "var(--background)",
-      color: "var(--muted-foreground)",
-      borderRight: "1px solid var(--border)",
-    },
-    ".cm-activeLine": { backgroundColor: "color-mix(in srgb, var(--accent) 35%, transparent)" },
     "&.cm-focused": { outline: "none" },
-    ".cm-tooltip": {
-      backgroundColor: "var(--popover)",
-      color: "var(--popover-foreground)",
-      border: "1px solid var(--border)",
-    },
-  },
-  { dark: true },
-);
+  });
+}
+
+// `Prec.high` so this wins the indentUnit/tabSize facets over the
+// `indentUnit.of("  ")` baked into nbtLanguageSupport().
+function indentConfig(tabSize: number) {
+  return Prec.high([
+    indentUnit.of(" ".repeat(tabSize)),
+    EditorState.tabSize.of(tabSize),
+  ]);
+}
 
 export type NbtEditorProps = {
   uri: string;
@@ -63,6 +59,10 @@ export type NbtEditorProps = {
   onChange?: (text: string) => void;
   onSave?: (text: string) => void;
   onGotoDefinition?: GotoDefHandler;
+  theme?: string;
+  fontSize?: number;
+  lineWrap?: boolean;
+  tabSize?: number;
 };
 
 export const NbtEditor: React.FC<NbtEditorProps> = ({
@@ -73,6 +73,10 @@ export const NbtEditor: React.FC<NbtEditorProps> = ({
   onChange,
   onSave,
   onGotoDefinition,
+  theme = "default",
+  fontSize = 12,
+  lineWrap = false,
+  tabSize = 2,
 }) => {
   const hostRef = React.useRef<HTMLDivElement | null>(null);
   const viewRef = React.useRef<EditorView | null>(null);
@@ -85,10 +89,20 @@ export const NbtEditor: React.FC<NbtEditorProps> = ({
   const onGotoRef = React.useRef(onGotoDefinition);
   onGotoRef.current = onGotoDefinition;
 
+  // Live-tunable settings live in compartments. Keep the latest values in a ref
+  // so a view rebuild (new uri/mode) seeds the right config without listing the
+  // settings in the create-effect deps.
+  const themeComp = React.useRef(new Compartment());
+  const wrapComp = React.useRef(new Compartment());
+  const indentComp = React.useRef(new Compartment());
+  const settingsRef = React.useRef({ theme, fontSize, lineWrap, tabSize });
+  settingsRef.current = { theme, fontSize, lineWrap, tabSize };
+
   React.useEffect(() => {
     const host = hostRef.current;
     if (!host) return;
 
+    const s = settingsRef.current;
     const extensions = [
       lineNumbers(),
       history(),
@@ -99,7 +113,9 @@ export const NbtEditor: React.FC<NbtEditorProps> = ({
       lintGutter(),
       syntaxHighlighting(defaultHighlightStyle, { fallback: true }),
       nbtLanguageSupport(),
-      nbtTheme,
+      indentComp.current.of(indentConfig(s.tabSize)),
+      themeComp.current.of([sizingTheme(s.fontSize), themeExtension(s.theme)]),
+      wrapComp.current.of(s.lineWrap ? EditorView.lineWrapping : []),
       keymap.of([
         {
           key: "Mod-s",
@@ -135,8 +151,26 @@ export const NbtEditor: React.FC<NbtEditorProps> = ({
       viewRef.current = null;
     };
     // Recreate per buffer identity / mode; `value` is only the initial doc.
+    // Settings changes are handled by the reconfigure effect below.
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [uri, readOnly, lsp]);
 
+  // Retune the live view when a setting changes — no destroy, so cursor/scroll
+  // survive.
+  React.useEffect(() => {
+    const view = viewRef.current;
+    if (!view) return;
+    view.dispatch({
+      effects: [
+        themeComp.current.reconfigure([
+          sizingTheme(fontSize),
+          themeExtension(theme),
+        ]),
+        wrapComp.current.reconfigure(lineWrap ? EditorView.lineWrapping : []),
+        indentComp.current.reconfigure(indentConfig(tabSize)),
+      ],
+    });
+  }, [theme, fontSize, lineWrap, tabSize]);
+
   return <div ref={hostRef} className="h-full min-h-0 overflow-hidden" />;
 };

package/src/graph/diagram.tsx

@@ -8,6 +8,7 @@ import {
   ReactFlowProvider,
   useNodesInitialized,
   useReactFlow,
+  useStore,
   type Edge,
   type Node,
 } from "@xyflow/react";
@@ -35,9 +36,24 @@ const nodeTypes = { entity: EntityNode };
 const FitOnReady: React.FC<{ fitKey: string }> = ({ fitKey }) => {
   const initialized = useNodesInitialized();
   const { fitView } = useReactFlow();
+  // Container dimensions tracked by ReactFlow's store; change when the canvas is
+  // resized (window, sidebar, or the selection rail opening on the right).
+  const width = useStore((s) => s.width);
+  const height = useStore((s) => s.height);
+
   React.useEffect(() => {
     if (initialized) fitView({ padding: 0.25, duration: 200 });
   }, [initialized, fitKey, fitView]);
+
+  // When the selection rail opens it shrinks the canvas; without a refit a node
+  // near the right edge ends up hidden behind the rail. Refit on any resize,
+  // debounced so dragging the rail's resize handle stays smooth.
+  React.useEffect(() => {
+    if (!initialized || width === 0 || height === 0) return;
+    const t = setTimeout(() => fitView({ padding: 0.25, duration: 200 }), 120);
+    return () => clearTimeout(t);
+  }, [width, height, initialized, fitView]);
+
   return null;
 };
 

package/src/table/column-widths.ts

@@ -0,0 +1,34 @@
+// Per-table column-width overrides, persisted to localStorage. Keyed by
+// `<cart>:<entity>` so each table keeps its own widths; the inner map is
+// fieldName -> pixel width. A missing entry means "use the default heuristic".
+
+const KEY = "nbt_devtools_colw:v1";
+
+type Blob = Record<string, Record<string, number>>;
+
+function readBlob(): Blob {
+  try {
+    const raw = localStorage.getItem(KEY);
+    if (!raw) return {};
+    const parsed = JSON.parse(raw);
+    return typeof parsed === "object" && parsed ? (parsed as Blob) : {};
+  } catch {
+    return {};
+  }
+}
+
+export function loadColWidths(cart: string, entity: string): Record<string, number> {
+  const blob = readBlob();
+  return blob[`${cart}:${entity}`] ?? {};
+}
+
+export function saveColWidth(cart: string, entity: string, col: string, w: number): void {
+  try {
+    const blob = readBlob();
+    const k = `${cart}:${entity}`;
+    (blob[k] ??= {})[col] = w;
+    localStorage.setItem(KEY, JSON.stringify(blob));
+  } catch {
+    /* storage unavailable (private mode / SSR) — widths stay in-memory only */
+  }
+}

package/src/table/data-table.tsx

@@ -3,10 +3,12 @@ import { useBulkSubscription } from "../core/use-bulk-stream";
 import { cn } from "../core/utils";
 import { TYPE_DATETIME, TYPE_DOCUMENT } from "../generated/bulk-protocol";
 import ValuePopover, { type ValuePopoverData } from "./value-popover";
+import { loadColWidths, saveColWidth } from "./column-widths";
 
 const ROW_H = 22;
 const OVERSCAN = 6;
 const MIN_COL_W = 80;
+const MAX_COL_W = 600;
 const GUTTER_W = 32;
 
 const READONLY_FIELDS = new Set(["id", "createdAt", "updatedAt"]);
@@ -19,7 +21,7 @@ type DataTableProps = {
   onSelectRow: (rowJson: Record<string, string>) => void;
 };
 
-function colWidth(name: string): number {
+function defaultColWidth(name: string): number {
   if (name === "id") return 220;
   if (name === "createdAt" || name === "updatedAt") return 180;
   if (name === "email" || name === "phone") return 180;
@@ -27,6 +29,85 @@ function colWidth(name: string): number {
   return Math.max(MIN_COL_W, Math.min(240, name.length * 9 + 24));
 }
 
+// Shared offscreen canvas for measuring text width during auto-fit (no DOM reflow).
+let measureCanvas: HTMLCanvasElement | null = null;
+function measureCtx(): CanvasRenderingContext2D | null {
+  if (!measureCanvas) measureCanvas = document.createElement("canvas");
+  return measureCanvas.getContext("2d");
+}
+
+// Drag handle pinned to a header cell's right edge. Resizes by mutating the
+// column's CSS var on the scroll root each frame (no React churn across the
+// virtualized rows), committing the final width on release. Double-click
+// auto-fits the column to its loaded content.
+const ColResizeHandle: React.FC<{
+  index: number;
+  startWidth: number;
+  scrollerRef: React.RefObject<HTMLDivElement | null>;
+  onCommit: (w: number) => void;
+  onAutoFit: () => void;
+}> = ({ index, startWidth, scrollerRef, onCommit, onAutoFit }) => {
+  const onPointerDown = (e: React.PointerEvent) => {
+    e.preventDefault();
+    e.stopPropagation();
+    const root = scrollerRef.current;
+    if (!root) return;
+    const handle = e.currentTarget as HTMLElement;
+    handle.setPointerCapture(e.pointerId);
+    const startX = e.clientX;
+    let last = startWidth;
+    let moved = false;
+    let raf = 0;
+    let pending: number | null = null;
+    const flush = () => {
+      raf = 0;
+      if (pending == null) return;
+      last = pending;
+      root.style.setProperty(`--cw-${index}`, `${pending}px`);
+      pending = null;
+    };
+    const onMove = (ev: PointerEvent) => {
+      ev.preventDefault();
+      moved = true;
+      pending = Math.max(MIN_COL_W, Math.min(MAX_COL_W, startWidth + (ev.clientX - startX)));
+      if (!raf) raf = requestAnimationFrame(flush);
+    };
+    const onUp = () => {
+      if (raf) cancelAnimationFrame(raf);
+      flush();
+      if (moved) onCommit(last);
+      handle.removeEventListener("pointermove", onMove);
+      handle.removeEventListener("pointerup", onUp);
+      handle.removeEventListener("pointercancel", onUp);
+      try {
+        handle.releasePointerCapture(e.pointerId);
+      } catch {
+        /* already released */
+      }
+      document.body.style.userSelect = "";
+      document.body.style.cursor = "";
+    };
+    document.body.style.userSelect = "none";
+    document.body.style.cursor = "ew-resize";
+    handle.addEventListener("pointermove", onMove);
+    handle.addEventListener("pointerup", onUp);
+    handle.addEventListener("pointercancel", onUp);
+  };
+  return (
+    <div
+      onPointerDown={onPointerDown}
+      onDoubleClick={(e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        onAutoFit();
+      }}
+      title="Drag to resize · double-click to fit"
+      style={{ touchAction: "none" }}
+      className="absolute right-0 top-0 bottom-0 z-20 w-1.5 cursor-ew-resize hover:bg-accent/40"
+    />
+  );
+};
+
 const DataTable: React.FC<DataTableProps> = ({ cart, entity, searchFields, onSelectRow }) => {
   const stream = useBulkSubscription(cart, entity);
   const scrollerRef = React.useRef<HTMLDivElement | null>(null);
@@ -37,12 +118,24 @@ const DataTable: React.FC<DataTableProps> = ({ cart, entity, searchFields, onSel
   const [popover, setPopover] = React.useState<ValuePopoverData | null>(null);
   // Bump on every chunk arrival without re-rendering each FRAME_DATA.
   const [tick, setTick] = React.useState(0);
+  // Per-column width overrides (px), keyed by field name. Seeded from
+  // localStorage; remounts on cart/entity change (keyed at the call site).
+  const [overrides, setOverrides] = React.useState<Record<string, number>>(
+    () => loadColWidths(cart, entity),
+  );
+  const widthFor = (name: string) => overrides[name] ?? defaultColWidth(name);
 
   React.useEffect(() => {
     stream.setOnRender(() => setTick((n) => n + 1));
     return () => stream.setOnRender(null);
   }, [stream]);
 
+  // Re-run once the scroller actually mounts. On first load columns are empty,
+  // so the "Waiting for schema…" placeholder renders instead of the scroller —
+  // scrollerRef is null and the observer never attaches, leaving viewportH at 0
+  // (only OVERSCAN rows windowed). Keying on columns-present re-attaches the
+  // moment the schema arrives and the scroller appears.
+  const hasScroller = stream.columns.length > 0;
   React.useEffect(() => {
     const el = scrollerRef.current;
     if (!el) return;
@@ -50,7 +143,7 @@ const DataTable: React.FC<DataTableProps> = ({ cart, entity, searchFields, onSel
     ro.observe(el);
     setViewportH(el.clientHeight);
     return () => ro.disconnect();
-  }, []);
+  }, [hasScroller]);
 
   const rows = stream.store.rows;
   const columns = stream.columns;
@@ -78,9 +171,41 @@ const DataTable: React.FC<DataTableProps> = ({ cart, entity, searchFields, onSel
   };
 
   const searchDisabled = searchFields.length === 0;
-  const totalColW = GUTTER_W + columns.reduce((s, c) => s + colWidth(c.name), 0);
   const idColIndex = columns.findIndex((c) => c.name === "id");
 
+  // Drive every width off CSS vars on the scroll root so a drag mutates one
+  // property and resizes the whole virtualized column with no React re-render.
+  const widthVars = React.useMemo(() => {
+    const style: React.CSSProperties & Record<string, string> = { ["--gw"]: `${GUTTER_W}px` };
+    const parts = ["var(--gw)"];
+    columns.forEach((c, i) => {
+      style[`--cw-${i}`] = `${widthFor(c.name)}px`;
+      parts.push(`var(--cw-${i})`);
+    });
+    style["--total-w"] = `calc(${parts.join(" + ")})`;
+    return style;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [columns, overrides]);
+
+  const commitWidth = (name: string, w: number) => {
+    setOverrides((o) => ({ ...o, [name]: w }));
+    saveColWidth(cart, entity, name, w);
+  };
+
+  const autoFit = (colIndex: number, name: string) => {
+    const ctx = measureCtx();
+    const root = scrollerRef.current;
+    if (!ctx || !root) return;
+    ctx.font = `12px ${getComputedStyle(root).fontFamily}`;
+    let w = ctx.measureText(name).width;
+    const cap = Math.min(rows.length, 1000);
+    for (let r = 0; r < cap; r++) w = Math.max(w, ctx.measureText(rows[r]?.[colIndex] ?? "").width);
+    // px-2 padding (16) + border slack (2).
+    const fitted = Math.max(MIN_COL_W, Math.min(MAX_COL_W, Math.ceil(w) + 18));
+    root.style.setProperty(`--cw-${colIndex}`, `${fitted}px`);
+    commitWidth(name, fitted);
+  };
+
   const scrollRowIntoView = (r: number) => {
     const el = scrollerRef.current;
     if (!el) return;
@@ -137,8 +262,8 @@ const DataTable: React.FC<DataTableProps> = ({ cart, entity, searchFields, onSel
         <div className="shrink-0 text-[11px] text-muted-foreground tabular-nums">
           {stream.error ? (
             <span className="text-red-400">{stream.error}</span>
-          ) : !stream.connected ? (
-            <span>connecting…</span>
+          ) : columns.length === 0 ? (
+            <span>{stream.connected ? "loading…" : "connecting…"}</span>
           ) : (
             <span>
               {stream.loadedRows.toLocaleString()} / {stream.totalRows.toLocaleString()} rows
@@ -163,29 +288,36 @@ const DataTable: React.FC<DataTableProps> = ({ cart, entity, searchFields, onSel
           }}
           className="group/table relative min-h-0 flex-1 overflow-auto font-mono outline-none"
         >
-          <div style={{ width: totalColW }}>
+          <div style={{ ...widthVars, width: "var(--total-w)" }}>
             {/* Sticky header lives inside the scroller so it shares the native
                 horizontal scroll with the rows — no JS transform sync, no jitter. */}
             <div
-              className="sticky top-0 z-10 flex h-6 select-none border-b border-border bg-background text-[11px] uppercase tracking-wider text-muted-foreground"
-              style={{ width: totalColW }}
+              className="sticky top-0 z-10 flex h-6 select-none border-b border-border bg-background text-[11px] text-muted-foreground"
+              style={{ width: "var(--total-w)" }}
             >
               <div
-                style={{ width: GUTTER_W }}
+                style={{ width: "var(--gw)" }}
                 className="shrink-0 border-r border-border"
               />
-              {columns.map((c) => (
+              {columns.map((c, ci) => (
                 <div
                   key={c.name}
-                  style={{ width: colWidth(c.name) }}
-                  className="flex items-center overflow-hidden border-r border-border px-2"
+                  style={{ width: `var(--cw-${ci})` }}
+                  className="relative flex items-center overflow-hidden border-r border-border px-2"
                 >
                   <span className="truncate">{c.name}</span>
+                  <ColResizeHandle
+                    index={ci}
+                    startWidth={widthFor(c.name)}
+                    scrollerRef={scrollerRef}
+                    onCommit={(w) => commitWidth(c.name, w)}
+                    onAutoFit={() => autoFit(ci, c.name)}
+                  />
                 </div>
               ))}
             </div>
 
-            <div style={{ height: totalH, width: totalColW, position: "relative" }}>
+            <div style={{ height: totalH, width: "var(--total-w)", position: "relative" }}>
               {rows.slice(start, end).map((row, i) => {
                 const rowIdx = start + i;
                 return (
@@ -194,7 +326,7 @@ const DataTable: React.FC<DataTableProps> = ({ cart, entity, searchFields, onSel
                     style={{
                       top: rowIdx * ROW_H,
                       height: ROW_H,
-                      width: totalColW,
+                      width: "var(--total-w)",
                     }}
                     className={cn(
                       "absolute left-0 flex text-[12px] leading-none",
@@ -205,7 +337,7 @@ const DataTable: React.FC<DataTableProps> = ({ cart, entity, searchFields, onSel
                       type="button"
                       title="Open row detail"
                       onClick={() => handleRowClick(rowIdx)}
-                      style={{ width: GUTTER_W }}
+                      style={{ width: "var(--gw)" }}
                       className={cn(
                         "flex shrink-0 items-center justify-center border-r border-border/60",
                         "cursor-pointer text-[10px] tabular-nums text-muted-foreground/60",
@@ -245,7 +377,7 @@ const DataTable: React.FC<DataTableProps> = ({ cart, entity, searchFields, onSel
                               editable,
                             });
                           }}
-                          style={{ width: colWidth(c.name) }}
+                          style={{ width: `var(--cw-${ci})` }}
                           className={cn(
                             "flex cursor-pointer items-center overflow-hidden border-r border-border/60 px-2",
                             "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground",

package/dist/chunk-S7VBQE6Y.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/editor/nbt-editor.tsx", "../src/editor/nbt-language.ts", "../src/editor/lsp-extensions.ts", "../src/editor/lsp-client.ts"],
-  "sourcesContent": ["// CodeMirror 6 React wrapper for one NBT buffer. Recreated per uri (keyed by\n// the host); owns the EditorView lifecycle, Ctrl+S save, and the LSP wiring.\n\nimport React from \"react\";\nimport { EditorState } from \"@codemirror/state\";\nimport {\n  EditorView,\n  keymap,\n  lineNumbers,\n  drawSelection,\n  highlightActiveLine,\n} from \"@codemirror/view\";\nimport {\n  defaultKeymap,\n  history,\n  historyKeymap,\n  indentWithTab,\n} from \"@codemirror/commands\";\nimport {\n  syntaxHighlighting,\n  defaultHighlightStyle,\n  bracketMatching,\n} from \"@codemirror/language\";\nimport { lintGutter } from \"@codemirror/lint\";\nimport { searchKeymap } from \"@codemirror/search\";\nimport { completionKeymap, closeBrackets } from \"@codemirror/autocomplete\";\nimport { nbtLanguageSupport } from \"./nbt-language\";\nimport { lspExtensions, type GotoDefHandler } from \"./lsp-extensions\";\nimport { NbtLspClient } from \"./lsp-client\";\n\n// Match the devtools panel chrome via its CSS variables (we render inside the\n// .nimbit-devtools subtree, so these resolve to the scoped theme).\nconst nbtTheme = EditorView.theme(\n  {\n    \"&\": {\n      height: \"100%\",\n      fontSize: \"12px\",\n      backgroundColor: \"var(--background)\",\n      color: \"var(--foreground)\",\n    },\n    \".cm-content\": { fontFamily: \"ui-monospace, monospace\" },\n    \".cm-gutters\": {\n      backgroundColor: \"var(--background)\",\n      color: \"var(--muted-foreground)\",\n      borderRight: \"1px solid var(--border)\",\n    },\n    \".cm-activeLine\": { backgroundColor: \"color-mix(in srgb, var(--accent) 35%, transparent)\" },\n    \"&.cm-focused\": { outline: \"none\" },\n    \".cm-tooltip\": {\n      backgroundColor: \"var(--popover)\",\n      color: \"var(--popover-foreground)\",\n      border: \"1px solid var(--border)\",\n    },\n  },\n  { dark: true },\n);\n\nexport type NbtEditorProps = {\n  uri: string;\n  value: string;\n  readOnly?: boolean;\n  lsp?: NbtLspClient | null;\n  onChange?: (text: string) => void;\n  onSave?: (text: string) => void;\n  onGotoDefinition?: GotoDefHandler;\n};\n\nexport const NbtEditor: React.FC<NbtEditorProps> = ({\n  uri,\n  value,\n  readOnly = false,\n  lsp,\n  onChange,\n  onSave,\n  onGotoDefinition,\n}) => {\n  const hostRef = React.useRef<HTMLDivElement | null>(null);\n  const viewRef = React.useRef<EditorView | null>(null);\n\n  // Latest callbacks without recreating the view.\n  const onChangeRef = React.useRef(onChange);\n  onChangeRef.current = onChange;\n  const onSaveRef = React.useRef(onSave);\n  onSaveRef.current = onSave;\n  const onGotoRef = React.useRef(onGotoDefinition);\n  onGotoRef.current = onGotoDefinition;\n\n  React.useEffect(() => {\n    const host = hostRef.current;\n    if (!host) return;\n\n    const extensions = [\n      lineNumbers(),\n      history(),\n      drawSelection(),\n      highlightActiveLine(),\n      bracketMatching(),\n      closeBrackets(),\n      lintGutter(),\n      syntaxHighlighting(defaultHighlightStyle, { fallback: true }),\n      nbtLanguageSupport(),\n      nbtTheme,\n      keymap.of([\n        {\n          key: \"Mod-s\",\n          run: (view) => {\n            onSaveRef.current?.(view.state.doc.toString());\n            return true;\n          },\n        },\n        ...defaultKeymap,\n        ...historyKeymap,\n        ...searchKeymap,\n        ...completionKeymap,\n        indentWithTab,\n      ]),\n      EditorView.updateListener.of((u) => {\n        if (u.docChanged) onChangeRef.current?.(u.state.doc.toString());\n      }),\n      EditorState.readOnly.of(readOnly),\n    ];\n    if (lsp && !readOnly) {\n      extensions.push(\n        lspExtensions(lsp, uri, (defUri, line) => onGotoRef.current?.(defUri, line)),\n      );\n    }\n\n    const view = new EditorView({\n      state: EditorState.create({ doc: value, extensions }),\n      parent: host,\n    });\n    viewRef.current = view;\n    return () => {\n      view.destroy();\n      viewRef.current = null;\n    };\n    // Recreate per buffer identity / mode; `value` is only the initial doc.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [uri, readOnly, lsp]);\n\n  return <div ref={hostRef} className=\"h-full min-h-0 overflow-hidden\" />;\n};\n", "// NBT syntax highlighting for CodeMirror 6 \u2014 a StreamLanguage tokenizer ported\n// from the console tokenizer (modules/lang_common/scan.jai) and the VSCode\n// grammar (editors/vscode/nbt/syntaxes/nbt.tmLanguage.json). Highlighting is\n// local; everything semantic (diagnostics/completion/hover) comes via the LSP.\n\nimport {\n  StreamLanguage,\n  LanguageSupport,\n  indentUnit,\n  type StreamParser,\n} from \"@codemirror/language\";\n\nconst KEYWORDS = new Set([\n  \"entity\", \"enum\", \"struct\", \"const\", \"export\", \"extends\",\n  \"fn\", \"on\", \"action\", \"activity\", \"task\", \"variant\", \"workflow\", \"command\",\n  \"middleware\", \"schedule\", \"every\", \"jai\",\n  \"migration\", \"test\", \"mock\", \"assert\",\n  \"cartridge\", \"service\", \"component\", \"app\", \"route\", \"layout\",\n  \"import\", \"from\",\n  \"if\", \"elif\", \"else\", \"while\", \"for\", \"in\", \"return\", \"break\", \"continue\",\n  \"delete\", \"defer\", \"print\", \"sleep\", \"fail\",\n]);\n\nconst TYPES = new Set([\n  \"string\", \"bool\", \"ulid\", \"document\", \"dict\", \"blob\", \"DateTime\",\n  \"u8\", \"u16\", \"u32\", \"u64\", \"s8\", \"s16\", \"s32\", \"s64\",\n  \"int\", \"integer\", \"float\", \"float64\", \"f32\", \"f64\", \"double\",\n  \"time\", \"bytes\", \"any\", \"name\", \"ref\",\n]);\n\ntype NbtState = {\n  tripleString: boolean;\n};\n\n// NBT strings carry NO escapes (scan.jai consumes to the bare closing quote),\n// so a backslash before a quote does not extend the string.\nfunction eatSingleLineString(stream: StringStream, quote: string): string {\n  while (!stream.eol()) {\n    if (stream.next() === quote) break;\n  }\n  return \"string\";\n}\n\ntype StringStream = Parameters<StreamParser<NbtState>[\"token\"]>[0];\n\nconst nbtParser: StreamParser<NbtState> = {\n  name: \"nbt\",\n  startState: () => ({ tripleString: false }),\n  token(stream, state) {\n    if (state.tripleString) {\n      while (!stream.eol()) {\n        if (stream.match('\"\"\"')) {\n          state.tripleString = false;\n          return \"string\";\n        }\n        stream.next();\n      }\n      return \"string\";\n    }\n\n    if (stream.eatSpace()) return null;\n\n    const ch = stream.peek();\n    if (ch == null) return null;\n\n    if (ch === \"#\") {\n      stream.skipToEnd();\n      return \"comment\";\n    }\n\n    if (stream.match('\"\"\"')) {\n      state.tripleString = true;\n      // Rest of line is string body unless it closes on the same line.\n      while (!stream.eol()) {\n        if (stream.match('\"\"\"')) {\n          state.tripleString = false;\n          return \"string\";\n        }\n        stream.next();\n      }\n      return \"string\";\n    }\n\n    if (ch === '\"') {\n      stream.next();\n      return eatSingleLineString(stream, '\"');\n    }\n    if (ch === \"'\") {\n      // Like the scanner: only a string opener when not glued to an identifier\n      // (lets contractions inside docs pass).\n      const before = stream.string.charAt(stream.pos - 1);\n      if (!/[A-Za-z0-9_]/.test(before)) {\n        stream.next();\n        return eatSingleLineString(stream, \"'\");\n      }\n      stream.next();\n      return null;\n    }\n\n    // f-strings: f\"...\" \u2014 body highlighted as a string (interpolation holes\n    // are cosmetic only).\n    if (ch === \"f\" && stream.string.charAt(stream.pos + 1) === '\"') {\n      stream.next();\n      stream.next();\n      return eatSingleLineString(stream, '\"');\n    }\n\n    // @attr / @@attr\n    if (ch === \"@\") {\n      stream.next();\n      stream.eat(\"@\");\n      stream.eatWhile(/[A-Za-z0-9_]/);\n      return \"meta\";\n    }\n\n    // Numbers. The optional fraction backtracks on `0..9` ranges (matches \"0\",\n    // not \"0.\").\n    if (/\\d/.test(ch)) {\n      stream.match(/^\\d+(\\.\\d+)?/);\n      return \"number\";\n    }\n\n    if (/[A-Za-z_]/.test(ch)) {\n      stream.eatWhile(/[A-Za-z0-9_]/);\n      const word = stream.current();\n      if (word === \"true\" || word === \"false\") return \"atom\";\n      if (KEYWORDS.has(word)) return \"keyword\";\n      if (TYPES.has(word)) return \"typeName\";\n      if (/^[A-Z]/.test(word)) return \"typeName\"; // entity/enum references\n      return \"variableName\";\n    }\n\n    if (/[+\\-*/=<>!&|?.,:;]/.test(ch)) {\n      stream.next();\n      stream.eatWhile(/[+\\-*/=<>!&|.]/);\n      return \"operator\";\n    }\n\n    stream.next();\n    return null;\n  },\n  languageData: {\n    commentTokens: { line: \"#\" },\n  },\n};\n\nexport const nbtLanguage = StreamLanguage.define(nbtParser);\n\nexport function nbtLanguageSupport(): LanguageSupport {\n  return new LanguageSupport(nbtLanguage, [indentUnit.of(\"  \")]);\n}\n", "// CodeMirror extensions wiring an editor buffer to the NbtLspClient:\n// full-text didChange sync (debounced), pushed publishDiagnostics \u2192 lint,\n// completion, hover, and F12 go-to-definition.\n\nimport { type Extension, type Text } from \"@codemirror/state\";\nimport {\n  EditorView,\n  ViewPlugin,\n  type ViewUpdate,\n  hoverTooltip,\n  keymap,\n} from \"@codemirror/view\";\nimport {\n  autocompletion,\n  type CompletionContext,\n  type CompletionResult,\n} from \"@codemirror/autocomplete\";\nimport { setDiagnostics, type Diagnostic } from \"@codemirror/lint\";\nimport {\n  NbtLspClient,\n  type LspDiagnostic,\n  type LspPosition,\n  type LspCompletionItem,\n  type LspLocation,\n} from \"./lsp-client\";\n\nfunction toLspPos(doc: Text, offset: number): LspPosition {\n  const line = doc.lineAt(offset);\n  return { line: line.number - 1, character: offset - line.from };\n}\n\nfunction fromLspPos(doc: Text, pos: LspPosition): number {\n  const lineNo = Math.min(Math.max(pos.line + 1, 1), doc.lines);\n  const line = doc.line(lineNo);\n  return Math.min(line.from + Math.max(pos.character, 0), line.to);\n}\n\nfunction toCmDiagnostics(doc: Text, diags: LspDiagnostic[]): Diagnostic[] {\n  return diags.map((d) => {\n    const from = fromLspPos(doc, d.range.start);\n    let to = fromLspPos(doc, d.range.end);\n    if (to <= from) to = Math.min(from + 1, doc.length);\n    const severity =\n      d.severity === 2 ? \"warning\" : d.severity === 3 || d.severity === 4 ? \"info\" : \"error\";\n    return { from, to, severity, message: d.message, source: d.source ?? \"nbt\" };\n  });\n}\n\n// LSP CompletionItemKind \u2192 CM completion type (drives the icon).\nfunction completionType(kind?: number): string {\n  switch (kind) {\n    case 3: return \"function\";\n    case 5: return \"property\";\n    case 13: return \"enum\";\n    case 14: return \"keyword\";\n    case 22: return \"class\";\n    default: return \"variable\";\n  }\n}\n\nexport type GotoDefHandler = (uri: string, line: number) => void;\n\nexport function lspExtensions(\n  client: NbtLspClient,\n  uri: string,\n  onGotoDefinition?: GotoDefHandler,\n): Extension[] {\n  // Sync + diagnostics plugin. didOpen on create, debounced didChange,\n  // diagnostics pushed by the server are dispatched into the lint state.\n  const syncPlugin = ViewPlugin.fromClass(\n    class {\n      private timer: ReturnType<typeof setTimeout> | null = null;\n      private unsubscribe: () => void;\n\n      constructor(readonly view: EditorView) {\n        client.didOpen(uri, view.state.doc.toString());\n        this.unsubscribe = client.onDiagnostics(uri, (diags) => {\n          const cm = toCmDiagnostics(this.view.state.doc, diags);\n          this.view.dispatch(setDiagnostics(this.view.state, cm));\n        });\n      }\n\n      update(u: ViewUpdate) {\n        if (!u.docChanged) return;\n        if (this.timer) clearTimeout(this.timer);\n        this.timer = setTimeout(() => {\n          this.timer = null;\n          client.didChange(uri, this.view.state.doc.toString());\n        }, 200);\n      }\n\n      destroy() {\n        if (this.timer) {\n          clearTimeout(this.timer);\n          client.didChange(uri, this.view.state.doc.toString());\n        }\n        this.unsubscribe();\n      }\n    },\n  );\n\n  const completionSource = async (\n    ctx: CompletionContext,\n  ): Promise<CompletionResult | null> => {\n    const word = ctx.matchBefore(/\\w*/);\n    if (!word) return null;\n    if (word.from === word.to && !ctx.explicit) {\n      // Only fire automatically right after a trigger character.\n      const before = ctx.state.doc.sliceString(Math.max(0, ctx.pos - 1), ctx.pos);\n      if (before !== \".\" && before !== \":\" && before !== '\"') return null;\n    }\n    // Flush any pending edit so the server completes against the live buffer.\n    client.didChange(uri, ctx.state.doc.toString());\n    let result;\n    try {\n      result = await client.completion(uri, toLspPos(ctx.state.doc, ctx.pos));\n    } catch {\n      return null;\n    }\n    const items: LspCompletionItem[] = Array.isArray(result)\n      ? result\n      : (result?.items ?? []);\n    if (items.length === 0) return null;\n    return {\n      from: word.from,\n      options: items.map((it) => ({\n        label: it.label,\n        type: completionType(it.kind),\n        detail: it.detail,\n      })),\n    };\n  };\n\n  const hover = hoverTooltip(async (view, pos) => {\n    let result;\n    try {\n      result = await client.hover(uri, toLspPos(view.state.doc, pos));\n    } catch {\n      return null;\n    }\n    const value = result?.contents?.value;\n    if (!value) return null;\n    return {\n      pos,\n      create: () => {\n        const dom = document.createElement(\"pre\");\n        dom.className = \"nbt-hover-tooltip\";\n        dom.style.cssText =\n          \"margin:0;padding:6px 8px;max-width:480px;white-space:pre-wrap;font-size:11px;\";\n        // Server emits fenced markdown code blocks; strip the fences, show text.\n        dom.textContent = value.replace(/```\\w*\\n?/g, \"\");\n        return { dom };\n      },\n    };\n  });\n\n  const gotoDef = keymap.of([\n    {\n      key: \"F12\",\n      run: (view) => {\n        const pos = toLspPos(view.state.doc, view.state.selection.main.head);\n        client\n          .definition(uri, pos)\n          .then((result) => {\n            const loc: LspLocation | null = Array.isArray(result)\n              ? (result[0] ?? null)\n              : result;\n            if (!loc?.uri) return;\n            if (loc.uri === uri) {\n              const off = fromLspPos(view.state.doc, loc.range.start);\n              view.dispatch({\n                selection: { anchor: off },\n                scrollIntoView: true,\n              });\n            } else {\n              onGotoDefinition?.(loc.uri, loc.range.start.line);\n            }\n          })\n          .catch(() => {});\n        return true;\n      },\n    },\n  ]);\n\n  return [\n    syncPlugin,\n    autocompletion({ override: [completionSource] }),\n    hover,\n    gotoDef,\n  ];\n}\n", "// Minimal LSP client over WebSocket for the console's dev-mode nbt_lsp bridge\n// (/_console/dev/lsp). One JSON-RPC message per WS text frame \u2014 no\n// Content-Length framing (the bridge's write_proc emits bare JSON).\n//\n// Hand-rolled on purpose: the server speaks ~10 methods with full-text sync,\n// and a library client (codemirror-languageserver) would drag transitive\n// runtime deps into every host app.\n\nexport type LspPosition = { line: number; character: number };\nexport type LspRange = { start: LspPosition; end: LspPosition };\nexport type LspDiagnostic = {\n  range: LspRange;\n  severity?: number; // 1=error 2=warning 3=info 4=hint\n  message: string;\n  source?: string;\n};\nexport type LspCompletionItem = {\n  label: string;\n  kind?: number;\n  detail?: string;\n};\nexport type LspLocation = { uri: string; range: LspRange };\n\ntype Pending = {\n  resolve: (v: unknown) => void;\n  reject: (e: Error) => void;\n};\n\nexport class NbtLspClient {\n  private url: string;\n  private rootUri: string | null = null;\n  private ws: WebSocket | null = null;\n  private nextId = 1;\n  private pending = new Map<number, Pending>();\n  private diagHandlers = new Map<string, (d: LspDiagnostic[]) => void>();\n  // Open buffers, kept for replay across reconnects.\n  private docs = new Map<string, { text: string; version: number }>();\n  private ready = false;\n  private queue: string[] = [];\n  private closed = false;\n  private retryMs = 500;\n\n  constructor(url: string) {\n    this.url = url;\n    this.connect();\n  }\n\n  dispose() {\n    this.closed = true;\n    this.ws?.close();\n    this.pending.forEach((p) => p.reject(new Error(\"lsp client disposed\")));\n    this.pending.clear();\n  }\n\n  private connect() {\n    if (this.closed) return;\n    const ws = new WebSocket(this.url);\n    this.ws = ws;\n    ws.onopen = () => {\n      this.retryMs = 500;\n      if (this.rootUri) this.sendInitialize(this.rootUri);\n    };\n    ws.onmessage = (ev) => {\n      if (typeof ev.data !== \"string\") return;\n      this.onMessage(ev.data);\n    };\n    ws.onclose = () => {\n      this.ready = false;\n      this.ws = null;\n      for (const p of this.pending.values())\n        p.reject(new Error(\"lsp connection closed\"));\n      this.pending.clear();\n      if (!this.closed) {\n        setTimeout(() => this.connect(), this.retryMs);\n        this.retryMs = Math.min(this.retryMs * 2, 10_000);\n      }\n    };\n  }\n\n  // Called once by the host with file://<projectRoot>; also re-sent after every\n  // reconnect, followed by didOpen replays for tracked buffers.\n  initialize(rootUri: string) {\n    this.rootUri = rootUri;\n    if (this.ws?.readyState === WebSocket.OPEN) this.sendInitialize(rootUri);\n  }\n\n  private sendInitialize(rootUri: string) {\n    const id = this.nextId++;\n    this.pending.set(id, {\n      resolve: () => {\n        this.sendRaw({ jsonrpc: \"2.0\", method: \"initialized\", params: {} });\n        this.ready = true;\n        for (const [uri, d] of this.docs) {\n          this.sendRaw({\n            jsonrpc: \"2.0\",\n            method: \"textDocument/didOpen\",\n            params: {\n              textDocument: {\n                uri,\n                languageId: \"nbt\",\n                version: d.version,\n                text: d.text,\n              },\n            },\n          });\n        }\n        const q = this.queue;\n        this.queue = [];\n        for (const m of q) this.ws?.send(m);\n      },\n      reject: () => {},\n    });\n    this.ws?.send(\n      JSON.stringify({\n        jsonrpc: \"2.0\",\n        id,\n        method: \"initialize\",\n        params: { rootUri },\n      }),\n    );\n  }\n\n  private sendRaw(msg: object) {\n    const s = JSON.stringify(msg);\n    if (this.ready && this.ws?.readyState === WebSocket.OPEN) this.ws.send(s);\n    else this.queue.push(s);\n  }\n\n  private onMessage(data: string) {\n    let msg: any;\n    try {\n      msg = JSON.parse(data);\n    } catch {\n      return;\n    }\n    if (msg.id != null && (msg.result !== undefined || msg.error)) {\n      const p = this.pending.get(msg.id);\n      if (!p) return;\n      this.pending.delete(msg.id);\n      if (msg.error) p.reject(new Error(msg.error.message ?? \"lsp error\"));\n      else p.resolve(msg.result);\n      return;\n    }\n    if (msg.method === \"textDocument/publishDiagnostics\") {\n      const uri = msg.params?.uri as string;\n      const handler = this.diagHandlers.get(uri);\n      if (handler) handler((msg.params?.diagnostics ?? []) as LspDiagnostic[]);\n    }\n  }\n\n  request<T>(method: string, params: object): Promise<T> {\n    const id = this.nextId++;\n    const p = new Promise<T>((resolve, reject) => {\n      this.pending.set(id, { resolve: resolve as Pending[\"resolve\"], reject });\n    });\n    this.sendRaw({ jsonrpc: \"2.0\", id, method, params });\n    return p;\n  }\n\n  onDiagnostics(uri: string, handler: (d: LspDiagnostic[]) => void): () => void {\n    this.diagHandlers.set(uri, handler);\n    return () => {\n      if (this.diagHandlers.get(uri) === handler) this.diagHandlers.delete(uri);\n    };\n  }\n\n  didOpen(uri: string, text: string) {\n    const existing = this.docs.get(uri);\n    if (existing) {\n      // Re-opening an already-tracked buffer (tab switch) \u2014 just resync.\n      this.didChange(uri, text);\n      return;\n    }\n    this.docs.set(uri, { text, version: 1 });\n    this.sendRaw({\n      jsonrpc: \"2.0\",\n      method: \"textDocument/didOpen\",\n      params: { textDocument: { uri, languageId: \"nbt\", version: 1, text } },\n    });\n  }\n\n  didChange(uri: string, text: string) {\n    const d = this.docs.get(uri);\n    if (!d) return this.didOpen(uri, text);\n    if (d.text === text) return;\n    d.text = text;\n    d.version += 1;\n    this.sendRaw({\n      jsonrpc: \"2.0\",\n      method: \"textDocument/didChange\",\n      params: {\n        textDocument: { uri, version: d.version },\n        contentChanges: [{ text }],\n      },\n    });\n  }\n\n  didClose(uri: string) {\n    if (!this.docs.delete(uri)) return;\n    this.sendRaw({\n      jsonrpc: \"2.0\",\n      method: \"textDocument/didClose\",\n      params: { textDocument: { uri } },\n    });\n  }\n\n  completion(uri: string, pos: LspPosition): Promise<{ items: LspCompletionItem[] } | LspCompletionItem[] | null> {\n    return this.request(\"textDocument/completion\", {\n      textDocument: { uri },\n      position: pos,\n    });\n  }\n\n  hover(uri: string, pos: LspPosition): Promise<{ contents?: { value?: string } } | null> {\n    return this.request(\"textDocument/hover\", {\n      textDocument: { uri },\n      position: pos,\n    });\n  }\n\n  definition(uri: string, pos: LspPosition): Promise<LspLocation | LspLocation[] | null> {\n    return this.request(\"textDocument/definition\", {\n      textDocument: { uri },\n      position: pos,\n    });\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["EditorView", "keymap", "EditorView", "keymap", "view"]
-}