@agent-native/core 0.85.7 → 0.86.1

package/dist/client/components/RemoteSelectionRings.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * RemoteSelectionRings — renders colored outline rings + name tags over
  * elements selected by remote participants.
@@ -32,10 +32,13 @@ const RingItem = memo(function RingItem({ ring }) {
             pointerEvents: "none",
             boxShadow: `0 0 0 1px ${ring.color}40`,
             zIndex: 9998,
-        }, children: _jsx("div", { style: {
+        }, children: _jsxs("div", { style: {
                 position: "absolute",
                 top: -20,
                 left: 0,
+                display: "flex",
+                alignItems: "center",
+                gap: 4,
                 backgroundColor: ring.color,
                 color: "#fff",
                 fontSize: 10,
@@ -43,10 +46,15 @@ const RingItem = memo(function RingItem({ ring }) {
                 padding: "1px 5px",
                 borderRadius: 3,
                 whiteSpace: "nowrap",
-                maxWidth: 120,
+                maxWidth: 160,
                 overflow: "hidden",
                 textOverflow: "ellipsis",
-            }, children: ring.isAgent ? `AI — ${ring.label}` : ring.label }) }));
+            }, children: [ring.avatarUrl ? (_jsx("img", { src: ring.avatarUrl, alt: "", style: {
+                        width: 12,
+                        height: 12,
+                        borderRadius: "50%",
+                        flexShrink: 0,
+                    } })) : null, ring.label] }) }));
 });
 export function RemoteSelectionRings({ others, selectionKey = "selection", resolveRect, containerRef, className, }) {
     const overlayRef = useRef(null);
@@ -61,10 +69,12 @@ export function RemoteSelectionRings({ others, selectionKey = "selection", resol
         const containerRect = container.getBoundingClientRect();
         const next = [];
         for (const other of others) {
-            const descriptor = other.presence[selectionKey];
-            if (!descriptor || typeof descriptor !== "string")
+            const raw = other.presence[selectionKey];
+            const selector = typeof raw === "string" ? raw : raw ? raw.selector : undefined;
+            if (!selector || typeof selector !== "string")
                 continue;
-            const domRect = resolveRect(descriptor);
+            const selectionLabel = raw && typeof raw === "object" ? raw.label : undefined;
+            const domRect = resolveRect(selector);
             if (!domRect)
                 continue;
             // Convert viewport-relative rect to container-relative.
@@ -76,10 +86,14 @@ export function RemoteSelectionRings({ others, selectionKey = "selection", resol
                 top > containerRect.height) {
                 continue; // Out of container bounds — skip.
             }
+            const baseName = other.isAgent
+                ? "AI"
+                : other.user.name || other.user.email;
             next.push({
                 clientId: other.clientId,
                 color: other.user.color || "#94a3b8",
-                label: other.isAgent ? "AI" : other.user.name || other.user.email,
+                label: selectionLabel ? `${baseName} — ${selectionLabel}` : baseName,
+                avatarUrl: other.user.avatarUrl,
                 isAgent: other.isAgent,
                 rect: { top, left, width: domRect.width, height: domRect.height },
             });

package/dist/client/components/RemoteSelectionRings.js.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteSelectionRings.js","sourceRoot":"","sources":["../../../src/client/components/RemoteSelectionRings.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAkC3E,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,QAAQ,CAAC,EAAE,IAAI,EAAkB;IAC9D,OAAO,CACL,4BACc,GAAG,IAAI,CAAC,KAAK,YAAY,EACrC,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG;YAClB,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI;YACpB,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK;YACtB,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM;YACxB,OAAO,EAAE,aAAa,IAAI,CAAC,KAAK,EAAE;YAClC,aAAa,EAAE,CAAC;YAChB,YAAY,EAAE,CAAC;YACf,aAAa,EAAE,MAAM;YACrB,SAAS,EAAE,aAAa,IAAI,CAAC,KAAK,IAAI;YACtC,MAAM,EAAE,IAAI;SACb,YAGD,cACE,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,CAAC,EAAE;gBACR,IAAI,EAAE,CAAC;gBACP,eAAe,EAAE,IAAI,CAAC,KAAK;gBAC3B,KAAK,EAAE,MAAM;gBACb,QAAQ,EAAE,EAAE;gBACZ,UAAU,EAAE,GAAG;gBACf,OAAO,EAAE,SAAS;gBAClB,YAAY,EAAE,CAAC;gBACf,UAAU,EAAE,QAAQ;gBACpB,QAAQ,EAAE,GAAG;gBACb,QAAQ,EAAE,QAAQ;gBAClB,YAAY,EAAE,UAAU;aACzB,YAEA,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAC7C,GACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,oBAAoB,CAAC,EACnC,MAAM,EACN,YAAY,GAAG,WAAW,EAC1B,WAAW,EACX,YAAY,EACZ,SAAS,GACiB;IAC1B,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAE/C,gEAAgE;IAChE,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QACvC,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,QAAQ,CAAC,EAAE,CAAC,CAAC;YACb,OAAO;QACT,CAAC;QACD,MAAM,aAAa,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC;QACxD,MAAM,IAAI,GAAW,EAAE,CAAC;QAExB,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;YAC3B,MAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAuB,CAAC;YACtE,IAAI,CAAC,UAAU,IAAI,OAAO,UAAU,KAAK,QAAQ;gBAAE,SAAS;YAE5D,MAAM,OAAO,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;YACxC,IAAI,CAAC,OAAO;gBAAE,SAAS;YAEvB,wDAAwD;YACxD,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG,CAAC;YAC5C,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC;YAC/C,IACE,IAAI,GAAG,OAAO,CAAC,KAAK,GAAG,CAAC;gBACxB,GAAG,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC;gBACxB,IAAI,GAAG,aAAa,CAAC,KAAK;gBAC1B,GAAG,GAAG,aAAa,CAAC,MAAM,EAC1B,CAAC;gBACD,SAAS,CAAC,kCAAkC;YAC9C,CAAC;YAED,IAAI,CAAC,IAAI,CAAC;gBACR,QAAQ,EAAE,KAAK,CAAC,QAAQ;gBACxB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,SAAS;gBACpC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK;gBACjE,OAAO,EAAE,KAAK,CAAC,OAAO;gBACtB,IAAI,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE;aAClE,CAAC,CAAC;QACL,CAAC;QAED,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,qEAAqE;IACrE,eAAe,CAAC,GAAG,EAAE;QACnB,SAAS,EAAE,CAAC;QACZ,uDAAuD;IACzD,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QACvC,IAAI,CAAC,SAAS;YAAE,OAAO;QACvB,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,CAAC,CAAC;QACvD,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAC5B,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACnE,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAChE,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,UAAU,EAAE,CAAC;YACtB,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;YACnD,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;QAClD,CAAC,CAAC;QACF,uDAAuD;IACzD,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,CACL,cACE,GAAG,EAAE,UAAU,uBAEf,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,CAAC;YACR,aAAa,EAAE,MAAM;YACrB,QAAQ,EAAE,QAAQ;SACnB,EACD,SAAS,EAAE,SAAS,YAEnB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,KAAC,QAAQ,IAAqB,IAAI,EAAE,IAAI,IAAzB,IAAI,CAAC,QAAQ,CAAgB,CAC7C,CAAC,GACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["/**\n * RemoteSelectionRings — renders colored outline rings + name tags over\n * elements selected by remote participants.\n *\n * Each participant's presence payload may contain a `selection` key with an\n * opaque descriptor (e.g. a CSS selector). The `resolveRect` callback maps\n * a descriptor to a DOMRect (or null when the element isn't found). Rings\n * are rendered as absolutely-positioned outlines anchored to the container.\n *\n * Usage:\n *   <div style={{ position: \"relative\" }}>\n *     {content}\n *     <RemoteSelectionRings\n *       others={others}\n *       resolveRect={(selector) => document.querySelector(selector)?.getBoundingClientRect() ?? null}\n *       containerRef={containerRef}\n *     />\n *   </div>\n */\n\nimport { useState, useEffect, useRef, useLayoutEffect, memo } from \"react\";\n\nimport type { OtherPresence } from \"../../collab/presence.js\";\n\nexport interface RemoteSelectionRingsProps {\n  /** Remote participants. */\n  others: OtherPresence[];\n  /**\n   * Key inside presence payload that carries the selection descriptor.\n   * Default: \"selection\"\n   */\n  selectionKey?: string;\n  /**\n   * Resolver: maps a selection descriptor to a DOMRect relative to the\n   * viewport. Return null when the element is not found.\n   */\n  resolveRect: (descriptor: string) => DOMRect | null;\n  /**\n   * Container element ref. Rings are positioned relative to this element's\n   * bounding box.\n   */\n  containerRef: React.RefObject<HTMLElement | null>;\n  /** Additional CSS class for the overlay div. */\n  className?: string;\n}\n\ninterface Ring {\n  clientId: number;\n  color: string;\n  label: string;\n  isAgent: boolean;\n  rect: { top: number; left: number; width: number; height: number };\n}\n\nconst RingItem = memo(function RingItem({ ring }: { ring: Ring }) {\n  return (\n    <div\n      aria-label={`${ring.label} selection`}\n      style={{\n        position: \"absolute\",\n        top: ring.rect.top,\n        left: ring.rect.left,\n        width: ring.rect.width,\n        height: ring.rect.height,\n        outline: `2px solid ${ring.color}`,\n        outlineOffset: 2,\n        borderRadius: 3,\n        pointerEvents: \"none\",\n        boxShadow: `0 0 0 1px ${ring.color}40`,\n        zIndex: 9998,\n      }}\n    >\n      {/* Name tag in top-left corner of the ring */}\n      <div\n        style={{\n          position: \"absolute\",\n          top: -20,\n          left: 0,\n          backgroundColor: ring.color,\n          color: \"#fff\",\n          fontSize: 10,\n          fontWeight: 600,\n          padding: \"1px 5px\",\n          borderRadius: 3,\n          whiteSpace: \"nowrap\",\n          maxWidth: 120,\n          overflow: \"hidden\",\n          textOverflow: \"ellipsis\",\n        }}\n      >\n        {ring.isAgent ? `AI — ${ring.label}` : ring.label}\n      </div>\n    </div>\n  );\n});\n\nexport function RemoteSelectionRings({\n  others,\n  selectionKey = \"selection\",\n  resolveRect,\n  containerRef,\n  className,\n}: RemoteSelectionRingsProps) {\n  const overlayRef = useRef<HTMLDivElement>(null);\n  const [rings, setRings] = useState<Ring[]>([]);\n\n  // Recompute rings whenever others change or on animation frame.\n  const recompute = () => {\n    const container = containerRef.current;\n    if (!container) {\n      setRings([]);\n      return;\n    }\n    const containerRect = container.getBoundingClientRect();\n    const next: Ring[] = [];\n\n    for (const other of others) {\n      const descriptor = other.presence[selectionKey] as string | undefined;\n      if (!descriptor || typeof descriptor !== \"string\") continue;\n\n      const domRect = resolveRect(descriptor);\n      if (!domRect) continue;\n\n      // Convert viewport-relative rect to container-relative.\n      const top = domRect.top - containerRect.top;\n      const left = domRect.left - containerRect.left;\n      if (\n        left + domRect.width < 0 ||\n        top + domRect.height < 0 ||\n        left > containerRect.width ||\n        top > containerRect.height\n      ) {\n        continue; // Out of container bounds — skip.\n      }\n\n      next.push({\n        clientId: other.clientId,\n        color: other.user.color || \"#94a3b8\",\n        label: other.isAgent ? \"AI\" : other.user.name || other.user.email,\n        isAgent: other.isAgent,\n        rect: { top, left, width: domRect.width, height: domRect.height },\n      });\n    }\n\n    setRings(next);\n  };\n\n  // Recompute on scroll/resize of the container to keep rings in sync.\n  useLayoutEffect(() => {\n    recompute();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [others, selectionKey]);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n    const observer = new ResizeObserver(() => recompute());\n    observer.observe(container);\n    container.addEventListener(\"scroll\", recompute, { passive: true });\n    window.addEventListener(\"scroll\", recompute, { passive: true });\n    return () => {\n      observer.disconnect();\n      container.removeEventListener(\"scroll\", recompute);\n      window.removeEventListener(\"scroll\", recompute);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [containerRef]);\n\n  return (\n    <div\n      ref={overlayRef}\n      aria-hidden\n      style={{\n        position: \"absolute\",\n        inset: 0,\n        pointerEvents: \"none\",\n        overflow: \"hidden\",\n      }}\n      className={className}\n    >\n      {rings.map((ring) => (\n        <RingItem key={ring.clientId} ring={ring} />\n      ))}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"RemoteSelectionRings.js","sourceRoot":"","sources":["../../../src/client/components/RemoteSelectionRings.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AA0C3E,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,QAAQ,CAAC,EAAE,IAAI,EAAkB;IAC9D,OAAO,CACL,4BACc,GAAG,IAAI,CAAC,KAAK,YAAY,EACrC,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG;YAClB,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI;YACpB,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK;YACtB,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM;YACxB,OAAO,EAAE,aAAa,IAAI,CAAC,KAAK,EAAE;YAClC,aAAa,EAAE,CAAC;YAChB,YAAY,EAAE,CAAC;YACf,aAAa,EAAE,MAAM;YACrB,SAAS,EAAE,aAAa,IAAI,CAAC,KAAK,IAAI;YACtC,MAAM,EAAE,IAAI;SACb,YAGD,eACE,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,CAAC,EAAE;gBACR,IAAI,EAAE,CAAC;gBACP,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,GAAG,EAAE,CAAC;gBACN,eAAe,EAAE,IAAI,CAAC,KAAK;gBAC3B,KAAK,EAAE,MAAM;gBACb,QAAQ,EAAE,EAAE;gBACZ,UAAU,EAAE,GAAG;gBACf,OAAO,EAAE,SAAS;gBAClB,YAAY,EAAE,CAAC;gBACf,UAAU,EAAE,QAAQ;gBACpB,QAAQ,EAAE,GAAG;gBACb,QAAQ,EAAE,QAAQ;gBAClB,YAAY,EAAE,UAAU;aACzB,aAEA,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAChB,cACE,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,GAAG,EAAC,EAAE,EACN,KAAK,EAAE;wBACL,KAAK,EAAE,EAAE;wBACT,MAAM,EAAE,EAAE;wBACV,YAAY,EAAE,KAAK;wBACnB,UAAU,EAAE,CAAC;qBACd,GACD,CACH,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,KAAK,IACP,GACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,oBAAoB,CAAC,EACnC,MAAM,EACN,YAAY,GAAG,WAAW,EAC1B,WAAW,EACX,YAAY,EACZ,SAAS,GACiB;IAC1B,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAE/C,gEAAgE;IAChE,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QACvC,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,QAAQ,CAAC,EAAE,CAAC,CAAC;YACb,OAAO;QACT,CAAC;QACD,MAAM,aAAa,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC;QACxD,MAAM,IAAI,GAAW,EAAE,CAAC;QAExB,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;YAC3B,MAAM,GAAG,GAAG,KAAK,CAAC,QAAQ,CAAC,YAAY,CAG1B,CAAC;YACd,MAAM,QAAQ,GACZ,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;YACjE,IAAI,CAAC,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ;gBAAE,SAAS;YACxD,MAAM,cAAc,GAClB,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;YAEzD,MAAM,OAAO,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;YACtC,IAAI,CAAC,OAAO;gBAAE,SAAS;YAEvB,wDAAwD;YACxD,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG,CAAC;YAC5C,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC;YAC/C,IACE,IAAI,GAAG,OAAO,CAAC,KAAK,GAAG,CAAC;gBACxB,GAAG,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC;gBACxB,IAAI,GAAG,aAAa,CAAC,KAAK;gBAC1B,GAAG,GAAG,aAAa,CAAC,MAAM,EAC1B,CAAC;gBACD,SAAS,CAAC,kCAAkC;YAC9C,CAAC;YAED,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO;gBAC5B,CAAC,CAAC,IAAI;gBACN,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;YACxC,IAAI,CAAC,IAAI,CAAC;gBACR,QAAQ,EAAE,KAAK,CAAC,QAAQ;gBACxB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,SAAS;gBACpC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,QAAQ,MAAM,cAAc,EAAE,CAAC,CAAC,CAAC,QAAQ;gBACpE,SAAS,EAAG,KAAK,CAAC,IAA+B,CAAC,SAAS;gBAC3D,OAAO,EAAE,KAAK,CAAC,OAAO;gBACtB,IAAI,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE;aAClE,CAAC,CAAC;QACL,CAAC;QAED,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,qEAAqE;IACrE,eAAe,CAAC,GAAG,EAAE;QACnB,SAAS,EAAE,CAAC;QACZ,uDAAuD;IACzD,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QACvC,IAAI,CAAC,SAAS;YAAE,OAAO;QACvB,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,CAAC,CAAC;QACvD,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAC5B,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACnE,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAChE,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,UAAU,EAAE,CAAC;YACtB,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;YACnD,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;QAClD,CAAC,CAAC;QACF,uDAAuD;IACzD,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,CACL,cACE,GAAG,EAAE,UAAU,uBAEf,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,CAAC;YACR,aAAa,EAAE,MAAM;YACrB,QAAQ,EAAE,QAAQ;SACnB,EACD,SAAS,EAAE,SAAS,YAEnB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,KAAC,QAAQ,IAAqB,IAAI,EAAE,IAAI,IAAzB,IAAI,CAAC,QAAQ,CAAgB,CAC7C,CAAC,GACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["/**\n * RemoteSelectionRings — renders colored outline rings + name tags over\n * elements selected by remote participants.\n *\n * Each participant's presence payload may contain a `selection` key with an\n * opaque descriptor (e.g. a CSS selector). The `resolveRect` callback maps\n * a descriptor to a DOMRect (or null when the element isn't found). Rings\n * are rendered as absolutely-positioned outlines anchored to the container.\n *\n * Usage:\n *   <div style={{ position: \"relative\" }}>\n *     {content}\n *     <RemoteSelectionRings\n *       others={others}\n *       resolveRect={(selector) => document.querySelector(selector)?.getBoundingClientRect() ?? null}\n *       containerRef={containerRef}\n *     />\n *   </div>\n */\n\nimport { useState, useEffect, useRef, useLayoutEffect, memo } from \"react\";\n\nimport type { OtherPresence } from \"../../collab/presence.js\";\n\n/**\n * Selection descriptors may be a plain string (treated as the resolver\n * input) or an object carrying a resolver input plus a human label\n * (\"Editing hero section\").\n */\nexport type SelectionDescriptor = string | { selector: string; label?: string };\n\nexport interface RemoteSelectionRingsProps {\n  /** Remote participants. */\n  others: OtherPresence[];\n  /**\n   * Key inside presence payload that carries the selection descriptor.\n   * Default: \"selection\"\n   */\n  selectionKey?: string;\n  /**\n   * Resolver: maps a selection descriptor to a DOMRect relative to the\n   * viewport. Return null when the element is not found.\n   */\n  resolveRect: (descriptor: string) => DOMRect | null;\n  /**\n   * Container element ref. Rings are positioned relative to this element's\n   * bounding box.\n   */\n  containerRef: React.RefObject<HTMLElement | null>;\n  /** Additional CSS class for the overlay div. */\n  className?: string;\n}\n\ninterface Ring {\n  clientId: number;\n  color: string;\n  label: string;\n  avatarUrl?: string;\n  isAgent: boolean;\n  rect: { top: number; left: number; width: number; height: number };\n}\n\nconst RingItem = memo(function RingItem({ ring }: { ring: Ring }) {\n  return (\n    <div\n      aria-label={`${ring.label} selection`}\n      style={{\n        position: \"absolute\",\n        top: ring.rect.top,\n        left: ring.rect.left,\n        width: ring.rect.width,\n        height: ring.rect.height,\n        outline: `2px solid ${ring.color}`,\n        outlineOffset: 2,\n        borderRadius: 3,\n        pointerEvents: \"none\",\n        boxShadow: `0 0 0 1px ${ring.color}40`,\n        zIndex: 9998,\n      }}\n    >\n      {/* Name tag in top-left corner of the ring */}\n      <div\n        style={{\n          position: \"absolute\",\n          top: -20,\n          left: 0,\n          display: \"flex\",\n          alignItems: \"center\",\n          gap: 4,\n          backgroundColor: ring.color,\n          color: \"#fff\",\n          fontSize: 10,\n          fontWeight: 600,\n          padding: \"1px 5px\",\n          borderRadius: 3,\n          whiteSpace: \"nowrap\",\n          maxWidth: 160,\n          overflow: \"hidden\",\n          textOverflow: \"ellipsis\",\n        }}\n      >\n        {ring.avatarUrl ? (\n          <img\n            src={ring.avatarUrl}\n            alt=\"\"\n            style={{\n              width: 12,\n              height: 12,\n              borderRadius: \"50%\",\n              flexShrink: 0,\n            }}\n          />\n        ) : null}\n        {ring.label}\n      </div>\n    </div>\n  );\n});\n\nexport function RemoteSelectionRings({\n  others,\n  selectionKey = \"selection\",\n  resolveRect,\n  containerRef,\n  className,\n}: RemoteSelectionRingsProps) {\n  const overlayRef = useRef<HTMLDivElement>(null);\n  const [rings, setRings] = useState<Ring[]>([]);\n\n  // Recompute rings whenever others change or on animation frame.\n  const recompute = () => {\n    const container = containerRef.current;\n    if (!container) {\n      setRings([]);\n      return;\n    }\n    const containerRect = container.getBoundingClientRect();\n    const next: Ring[] = [];\n\n    for (const other of others) {\n      const raw = other.presence[selectionKey] as\n        | SelectionDescriptor\n        | null\n        | undefined;\n      const selector =\n        typeof raw === \"string\" ? raw : raw ? raw.selector : undefined;\n      if (!selector || typeof selector !== \"string\") continue;\n      const selectionLabel =\n        raw && typeof raw === \"object\" ? raw.label : undefined;\n\n      const domRect = resolveRect(selector);\n      if (!domRect) continue;\n\n      // Convert viewport-relative rect to container-relative.\n      const top = domRect.top - containerRect.top;\n      const left = domRect.left - containerRect.left;\n      if (\n        left + domRect.width < 0 ||\n        top + domRect.height < 0 ||\n        left > containerRect.width ||\n        top > containerRect.height\n      ) {\n        continue; // Out of container bounds — skip.\n      }\n\n      const baseName = other.isAgent\n        ? \"AI\"\n        : other.user.name || other.user.email;\n      next.push({\n        clientId: other.clientId,\n        color: other.user.color || \"#94a3b8\",\n        label: selectionLabel ? `${baseName} — ${selectionLabel}` : baseName,\n        avatarUrl: (other.user as { avatarUrl?: string }).avatarUrl,\n        isAgent: other.isAgent,\n        rect: { top, left, width: domRect.width, height: domRect.height },\n      });\n    }\n\n    setRings(next);\n  };\n\n  // Recompute on scroll/resize of the container to keep rings in sync.\n  useLayoutEffect(() => {\n    recompute();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [others, selectionKey]);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n    const observer = new ResizeObserver(() => recompute());\n    observer.observe(container);\n    container.addEventListener(\"scroll\", recompute, { passive: true });\n    window.addEventListener(\"scroll\", recompute, { passive: true });\n    return () => {\n      observer.disconnect();\n      container.removeEventListener(\"scroll\", recompute);\n      window.removeEventListener(\"scroll\", recompute);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [containerRef]);\n\n  return (\n    <div\n      ref={overlayRef}\n      aria-hidden\n      style={{\n        position: \"absolute\",\n        inset: 0,\n        pointerEvents: \"none\",\n        overflow: \"hidden\",\n      }}\n      className={className}\n    >\n      {rings.map((ring) => (\n        <RingItem key={ring.clientId} ring={ring} />\n      ))}\n    </div>\n  );\n}\n"]}

package/dist/client/db-admin/DbAdminPage.d.ts

@@ -1,2 +1,10 @@
-export declare function DbAdminPage(): import("react").JSX.Element;
+export interface DbAdminPageProps {
+    apiBasePath?: string;
+    cacheScope?: string;
+    title?: string;
+    subtitle?: string;
+    codeModeGate?: boolean;
+    syncNavigation?: boolean;
+}
+export declare function DbAdminPage({ apiBasePath, cacheScope, title, subtitle, codeModeGate, syncNavigation, }?: DbAdminPageProps): import("react").JSX.Element;
 //# sourceMappingURL=DbAdminPage.d.ts.map

package/dist/client/db-admin/DbAdminPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DbAdminPage.d.ts","sourceRoot":"","sources":["../../../src/client/db-admin/DbAdminPage.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,WAAW,gCAsH1B"}
+{"version":3,"file":"DbAdminPage.d.ts","sourceRoot":"","sources":["../../../src/client/db-admin/DbAdminPage.tsx"],"names":[],"mappings":"AAyBA,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,WAAW,CAAC,EAC1B,WAAW,EACX,UAAU,EACV,KAAkB,EAClB,QAAQ,EACR,YAAmB,EACnB,cAAqB,GACtB,GAAE,gBAAqB,+BAmIvB"}

package/dist/client/db-admin/DbAdminPage.js

@@ -1,12 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { IconDatabase, IconLoader2 } from "@tabler/icons-react";
 /**
- * Code-mode database admin page — the shell that hosts the table browser, the
- * table editor, and the SQL editor.
+ * Database admin page — the shell that hosts the table browser, the table
+ * editor, and the SQL editor.
  *
- * Gated to Code mode: when the app cannot toggle into Code mode
- * (`canToggle` is false) we render a clean notice instead of the tool. The
- * backend also enforces this with a 403, so this is purely a friendlier UX.
+ * By default this is gated to Code mode for the core dev route. Trusted hosts
+ * can opt out and point it at their own admin-gated API path.
  */
 import { useEffect, useMemo, useState } from "react";
 import { useCodeMode } from "../use-dev-mode.js";
@@ -21,9 +20,14 @@ const DIALECT_LABEL = {
     sqlite: "SQLite",
     d1: "Cloudflare D1",
 };
-export function DbAdminPage() {
+export function DbAdminPage({ apiBasePath, cacheScope, title = "Database", subtitle, codeModeGate = true, syncNavigation = true, } = {}) {
     const { canToggle, isLoading: devLoading } = useCodeMode();
-    const { data: overview, isLoading: overviewLoading } = useOverview();
+    const requestConfig = useMemo(() => {
+        if (!apiBasePath && !cacheScope)
+            return undefined;
+        return { basePath: apiBasePath, scopeKey: cacheScope };
+    }, [apiBasePath, cacheScope]);
+    const { data: overview, isLoading: overviewLoading } = useOverview(requestConfig);
     const [selectedTable, setSelectedTable] = useState(null);
     const [mode, setMode] = useState("table");
     const [fkFilters, setFkFilters] = useState(undefined);
@@ -36,25 +40,25 @@ export function DbAdminPage() {
         }
     }, [selectedTable, tables]);
     // Keep the agent's <current-screen> in sync, and let it drive navigation.
-    useDbAdminAgentSync({ table: selectedTable, mode });
+    useDbAdminAgentSync({ table: selectedTable, mode, enabled: syncNavigation });
     useNavigateConsumer((table) => {
         setSelectedTable(table);
         setMode("table");
         setFkFilters(undefined);
-    });
+    }, syncNavigation);
     const tableNames = useMemo(() => tables.map((t) => t.name), [tables]);
     // SqlEditor degrades gracefully without per-table columns; pass an empty map.
     // (Table-name autocomplete still works; column autocomplete fills in lazily.)
     const columnsByTable = useMemo(() => ({}), []);
     // ─── Code mode gate ──────────────────────────────────────────────────────
-    if (!devLoading && !canToggle) {
+    if (codeModeGate && !devLoading && !canToggle) {
         return (_jsx("div", { className: "flex h-full w-full items-center justify-center bg-background p-6", children: _jsxs("div", { className: "flex max-w-md flex-col items-center rounded-lg border bg-card p-8 text-center shadow-sm", children: [_jsx("div", { className: "mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-muted", children: _jsx(IconDatabase, { className: "h-6 w-6 text-muted-foreground", stroke: 1.75 }) }), _jsx("h2", { className: "text-base font-semibold text-foreground", children: "Code mode only" }), _jsx("p", { className: "mt-1.5 text-sm text-muted-foreground", children: "Database admin is available in Code mode only." })] }) }));
     }
-    const showInitialLoading = (devLoading || overviewLoading) && !overview;
-    return (_jsxs("div", { className: "flex h-full w-full flex-col bg-background text-foreground", children: [_jsxs("header", { className: "flex h-12 shrink-0 items-center gap-3 border-b px-4", children: [_jsx(IconDatabase, { className: "h-5 w-5 text-muted-foreground", stroke: 1.75 }), _jsx("span", { className: "text-sm font-semibold", children: "Database" }), _jsx("span", { className: "inline-flex items-center rounded-full border bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground", children: DIALECT_LABEL[dialect] ?? dialect }), _jsxs("span", { className: "text-xs text-muted-foreground", children: [tables.length, " ", tables.length === 1 ? "table" : "tables"] })] }), _jsxs("div", { className: "flex min-h-0 flex-1", children: [_jsx("aside", { className: "w-[260px] shrink-0 border-r", children: showInitialLoading ? (_jsx(SidebarSkeleton, {})) : (_jsx(TableBrowser, { tables: tables, selected: selectedTable, onSelect: (t) => {
+    const showInitialLoading = ((codeModeGate && devLoading) || overviewLoading) && !overview;
+    return (_jsxs("div", { className: "flex h-full w-full flex-col bg-background text-foreground", children: [_jsxs("header", { className: "flex h-12 shrink-0 items-center gap-3 border-b px-4", children: [_jsx(IconDatabase, { className: "h-5 w-5 text-muted-foreground", stroke: 1.75 }), _jsx("span", { className: "text-sm font-semibold", children: title }), _jsx("span", { className: "inline-flex items-center rounded-full border bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground", children: DIALECT_LABEL[dialect] ?? dialect }), _jsxs("span", { className: "text-xs text-muted-foreground", children: [tables.length, " ", tables.length === 1 ? "table" : "tables"] }), subtitle ? (_jsx("span", { className: "min-w-0 truncate text-xs text-muted-foreground", children: subtitle })) : null] }), _jsxs("div", { className: "flex min-h-0 flex-1", children: [_jsx("aside", { className: "w-[260px] shrink-0 border-r", children: showInitialLoading ? (_jsx(SidebarSkeleton, {})) : (_jsx(TableBrowser, { tables: tables, selected: selectedTable, onSelect: (t) => {
                                 setSelectedTable(t);
                                 setFkFilters(undefined);
-                            }, mode: mode, onModeChange: setMode })) }), _jsx("main", { className: "min-w-0 flex-1 overflow-hidden", children: showInitialLoading ? (_jsx(MainLoading, {})) : mode === "sql" ? (_jsx(SqlEditor, { dialect: dialect, tableNames: tableNames, columnsByTable: columnsByTable })) : selectedTable ? (_jsx(TableEditor, { table: selectedTable, dialect: dialect, initialFilters: fkFilters, onNavigateToRow: (t, filters) => {
+                            }, mode: mode, onModeChange: setMode })) }), _jsx("main", { className: "min-w-0 flex-1 overflow-hidden", children: showInitialLoading ? (_jsx(MainLoading, {})) : mode === "sql" ? (_jsx(SqlEditor, { dialect: dialect, tableNames: tableNames, columnsByTable: columnsByTable, requestConfig: requestConfig })) : selectedTable ? (_jsx(TableEditor, { table: selectedTable, dialect: dialect, requestConfig: requestConfig, initialFilters: fkFilters, onNavigateToRow: (t, filters) => {
                                 setSelectedTable(t);
                                 setMode("table");
                                 setFkFilters(filters);

package/dist/client/db-admin/DbAdminPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"DbAdminPage.js","sourceRoot":"","sources":["../../../src/client/db-admin/DbAdminPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { IconDatabase, IconLoader2 } from \"@tabler/icons-react\";\n/**\n * Code-mode database admin page — the shell that hosts the table browser, the\n * table editor, and the SQL editor.\n *\n * Gated to Code mode: when the app cannot toggle into Code mode\n * (`canToggle` is false) we render a clean notice instead of the tool. The\n * backend also enforces this with a 403, so this is purely a friendlier UX.\n */\nimport { useEffect, useMemo, useState } from \"react\";\n\nimport type { DbAdminFilter } from \"../../db-admin/types.js\";\nimport { useCodeMode } from \"../use-dev-mode.js\";\nimport { cn } from \"../utils.js\";\nimport { SqlEditor } from \"./SqlEditor.js\";\nimport { TableBrowser } from \"./TableBrowser.js\";\nimport { TableEditor } from \"./TableEditor.js\";\nimport { useDbAdminAgentSync, useNavigateConsumer } from \"./useAgentSync.js\";\nimport { useOverview } from \"./useDbAdmin.js\";\n\nconst DIALECT_LABEL: Record<string, string> = {\n  postgres: \"Postgres\",\n  sqlite: \"SQLite\",\n  d1: \"Cloudflare D1\",\n};\n\nexport function DbAdminPage() {\n  const { canToggle, isLoading: devLoading } = useCodeMode();\n  const { data: overview, isLoading: overviewLoading } = useOverview();\n\n  const [selectedTable, setSelectedTable] = useState<string | null>(null);\n  const [mode, setMode] = useState<\"table\" | \"sql\">(\"table\");\n  const [fkFilters, setFkFilters] = useState<DbAdminFilter[] | undefined>(\n    undefined,\n  );\n\n  const tables = overview?.tables ?? [];\n  const dialect = overview?.dialect ?? \"sqlite\";\n\n  // Default selection to the first table once the overview loads.\n  useEffect(() => {\n    if (selectedTable === null && tables.length > 0) {\n      setSelectedTable(tables[0].name);\n    }\n  }, [selectedTable, tables]);\n\n  // Keep the agent's <current-screen> in sync, and let it drive navigation.\n  useDbAdminAgentSync({ table: selectedTable, mode });\n  useNavigateConsumer((table) => {\n    setSelectedTable(table);\n    setMode(\"table\");\n    setFkFilters(undefined);\n  });\n\n  const tableNames = useMemo(() => tables.map((t) => t.name), [tables]);\n  // SqlEditor degrades gracefully without per-table columns; pass an empty map.\n  // (Table-name autocomplete still works; column autocomplete fills in lazily.)\n  const columnsByTable = useMemo<Record<string, string[]>>(() => ({}), []);\n\n  // ─── Code mode gate ──────────────────────────────────────────────────────\n  if (!devLoading && !canToggle) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center bg-background p-6\">\n        <div className=\"flex max-w-md flex-col items-center rounded-lg border bg-card p-8 text-center shadow-sm\">\n          <div className=\"mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-muted\">\n            <IconDatabase\n              className=\"h-6 w-6 text-muted-foreground\"\n              stroke={1.75}\n            />\n          </div>\n          <h2 className=\"text-base font-semibold text-foreground\">\n            Code mode only\n          </h2>\n          <p className=\"mt-1.5 text-sm text-muted-foreground\">\n            Database admin is available in Code mode only.\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  const showInitialLoading = (devLoading || overviewLoading) && !overview;\n\n  return (\n    <div className=\"flex h-full w-full flex-col bg-background text-foreground\">\n      {/* Header */}\n      <header className=\"flex h-12 shrink-0 items-center gap-3 border-b px-4\">\n        <IconDatabase className=\"h-5 w-5 text-muted-foreground\" stroke={1.75} />\n        <span className=\"text-sm font-semibold\">Database</span>\n        <span className=\"inline-flex items-center rounded-full border bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground\">\n          {DIALECT_LABEL[dialect] ?? dialect}\n        </span>\n        <span className=\"text-xs text-muted-foreground\">\n          {tables.length} {tables.length === 1 ? \"table\" : \"tables\"}\n        </span>\n      </header>\n\n      {/* Body: fixed sidebar + flexible main */}\n      <div className=\"flex min-h-0 flex-1\">\n        <aside className=\"w-[260px] shrink-0 border-r\">\n          {showInitialLoading ? (\n            <SidebarSkeleton />\n          ) : (\n            <TableBrowser\n              tables={tables}\n              selected={selectedTable}\n              onSelect={(t) => {\n                setSelectedTable(t);\n                setFkFilters(undefined);\n              }}\n              mode={mode}\n              onModeChange={setMode}\n            />\n          )}\n        </aside>\n\n        <main className=\"min-w-0 flex-1 overflow-hidden\">\n          {showInitialLoading ? (\n            <MainLoading />\n          ) : mode === \"sql\" ? (\n            <SqlEditor\n              dialect={dialect}\n              tableNames={tableNames}\n              columnsByTable={columnsByTable}\n            />\n          ) : selectedTable ? (\n            <TableEditor\n              key={selectedTable}\n              table={selectedTable}\n              dialect={dialect}\n              initialFilters={fkFilters}\n              onNavigateToRow={(t, filters) => {\n                setSelectedTable(t);\n                setMode(\"table\");\n                setFkFilters(filters);\n              }}\n            />\n          ) : (\n            <NoTableSelected />\n          )}\n        </main>\n      </div>\n    </div>\n  );\n}\n\nfunction SidebarSkeleton() {\n  return (\n    <div className=\"flex h-full flex-col bg-card p-2\">\n      <div className=\"mb-2 h-9 animate-pulse rounded-md bg-muted\" />\n      <div className=\"mb-3 h-9 animate-pulse rounded-md bg-muted\" />\n      <div className=\"space-y-1.5\">\n        {Array.from({ length: 8 }).map((_, i) => (\n          <div\n            key={i}\n            className=\"h-8 animate-pulse rounded-md bg-muted\"\n            style={{ opacity: 1 - i * 0.08 }}\n          />\n        ))}\n      </div>\n    </div>\n  );\n}\n\nfunction MainLoading() {\n  return (\n    <div className=\"flex h-full w-full items-center justify-center\">\n      <IconLoader2\n        className={cn(\"h-5 w-5 animate-spin text-muted-foreground\")}\n      />\n    </div>\n  );\n}\n\nfunction NoTableSelected() {\n  return (\n    <div className=\"flex h-full w-full items-center justify-center p-6 text-center\">\n      <div className=\"flex flex-col items-center\">\n        <IconDatabase\n          className=\"mb-3 h-8 w-8 text-muted-foreground/50\"\n          stroke={1.5}\n        />\n        <p className=\"text-sm font-medium text-foreground\">No table selected</p>\n        <p className=\"mt-1 text-sm text-muted-foreground\">\n          Pick a table from the sidebar to browse and edit its rows.\n        </p>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"DbAdminPage.js","sourceRoot":"","sources":["../../../src/client/db-admin/DbAdminPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { IconDatabase, IconLoader2 } from \"@tabler/icons-react\";\n/**\n * Database admin page — the shell that hosts the table browser, the table\n * editor, and the SQL editor.\n *\n * By default this is gated to Code mode for the core dev route. Trusted hosts\n * can opt out and point it at their own admin-gated API path.\n */\nimport { useEffect, useMemo, useState } from \"react\";\n\nimport type { DbAdminFilter } from \"../../db-admin/types.js\";\nimport { useCodeMode } from \"../use-dev-mode.js\";\nimport { cn } from \"../utils.js\";\nimport { SqlEditor } from \"./SqlEditor.js\";\nimport { TableBrowser } from \"./TableBrowser.js\";\nimport { TableEditor } from \"./TableEditor.js\";\nimport { useDbAdminAgentSync, useNavigateConsumer } from \"./useAgentSync.js\";\nimport { useOverview, type DbAdminRequestConfig } from \"./useDbAdmin.js\";\n\nconst DIALECT_LABEL: Record<string, string> = {\n  postgres: \"Postgres\",\n  sqlite: \"SQLite\",\n  d1: \"Cloudflare D1\",\n};\n\nexport interface DbAdminPageProps {\n  apiBasePath?: string;\n  cacheScope?: string;\n  title?: string;\n  subtitle?: string;\n  codeModeGate?: boolean;\n  syncNavigation?: boolean;\n}\n\nexport function DbAdminPage({\n  apiBasePath,\n  cacheScope,\n  title = \"Database\",\n  subtitle,\n  codeModeGate = true,\n  syncNavigation = true,\n}: DbAdminPageProps = {}) {\n  const { canToggle, isLoading: devLoading } = useCodeMode();\n  const requestConfig = useMemo<DbAdminRequestConfig | undefined>(() => {\n    if (!apiBasePath && !cacheScope) return undefined;\n    return { basePath: apiBasePath, scopeKey: cacheScope };\n  }, [apiBasePath, cacheScope]);\n  const { data: overview, isLoading: overviewLoading } =\n    useOverview(requestConfig);\n\n  const [selectedTable, setSelectedTable] = useState<string | null>(null);\n  const [mode, setMode] = useState<\"table\" | \"sql\">(\"table\");\n  const [fkFilters, setFkFilters] = useState<DbAdminFilter[] | undefined>(\n    undefined,\n  );\n\n  const tables = overview?.tables ?? [];\n  const dialect = overview?.dialect ?? \"sqlite\";\n\n  // Default selection to the first table once the overview loads.\n  useEffect(() => {\n    if (selectedTable === null && tables.length > 0) {\n      setSelectedTable(tables[0].name);\n    }\n  }, [selectedTable, tables]);\n\n  // Keep the agent's <current-screen> in sync, and let it drive navigation.\n  useDbAdminAgentSync({ table: selectedTable, mode, enabled: syncNavigation });\n  useNavigateConsumer((table) => {\n    setSelectedTable(table);\n    setMode(\"table\");\n    setFkFilters(undefined);\n  }, syncNavigation);\n\n  const tableNames = useMemo(() => tables.map((t) => t.name), [tables]);\n  // SqlEditor degrades gracefully without per-table columns; pass an empty map.\n  // (Table-name autocomplete still works; column autocomplete fills in lazily.)\n  const columnsByTable = useMemo<Record<string, string[]>>(() => ({}), []);\n\n  // ─── Code mode gate ──────────────────────────────────────────────────────\n  if (codeModeGate && !devLoading && !canToggle) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center bg-background p-6\">\n        <div className=\"flex max-w-md flex-col items-center rounded-lg border bg-card p-8 text-center shadow-sm\">\n          <div className=\"mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-muted\">\n            <IconDatabase\n              className=\"h-6 w-6 text-muted-foreground\"\n              stroke={1.75}\n            />\n          </div>\n          <h2 className=\"text-base font-semibold text-foreground\">\n            Code mode only\n          </h2>\n          <p className=\"mt-1.5 text-sm text-muted-foreground\">\n            Database admin is available in Code mode only.\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  const showInitialLoading =\n    ((codeModeGate && devLoading) || overviewLoading) && !overview;\n\n  return (\n    <div className=\"flex h-full w-full flex-col bg-background text-foreground\">\n      {/* Header */}\n      <header className=\"flex h-12 shrink-0 items-center gap-3 border-b px-4\">\n        <IconDatabase className=\"h-5 w-5 text-muted-foreground\" stroke={1.75} />\n        <span className=\"text-sm font-semibold\">{title}</span>\n        <span className=\"inline-flex items-center rounded-full border bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground\">\n          {DIALECT_LABEL[dialect] ?? dialect}\n        </span>\n        <span className=\"text-xs text-muted-foreground\">\n          {tables.length} {tables.length === 1 ? \"table\" : \"tables\"}\n        </span>\n        {subtitle ? (\n          <span className=\"min-w-0 truncate text-xs text-muted-foreground\">\n            {subtitle}\n          </span>\n        ) : null}\n      </header>\n\n      {/* Body: fixed sidebar + flexible main */}\n      <div className=\"flex min-h-0 flex-1\">\n        <aside className=\"w-[260px] shrink-0 border-r\">\n          {showInitialLoading ? (\n            <SidebarSkeleton />\n          ) : (\n            <TableBrowser\n              tables={tables}\n              selected={selectedTable}\n              onSelect={(t) => {\n                setSelectedTable(t);\n                setFkFilters(undefined);\n              }}\n              mode={mode}\n              onModeChange={setMode}\n            />\n          )}\n        </aside>\n\n        <main className=\"min-w-0 flex-1 overflow-hidden\">\n          {showInitialLoading ? (\n            <MainLoading />\n          ) : mode === \"sql\" ? (\n            <SqlEditor\n              dialect={dialect}\n              tableNames={tableNames}\n              columnsByTable={columnsByTable}\n              requestConfig={requestConfig}\n            />\n          ) : selectedTable ? (\n            <TableEditor\n              key={selectedTable}\n              table={selectedTable}\n              dialect={dialect}\n              requestConfig={requestConfig}\n              initialFilters={fkFilters}\n              onNavigateToRow={(t, filters) => {\n                setSelectedTable(t);\n                setMode(\"table\");\n                setFkFilters(filters);\n              }}\n            />\n          ) : (\n            <NoTableSelected />\n          )}\n        </main>\n      </div>\n    </div>\n  );\n}\n\nfunction SidebarSkeleton() {\n  return (\n    <div className=\"flex h-full flex-col bg-card p-2\">\n      <div className=\"mb-2 h-9 animate-pulse rounded-md bg-muted\" />\n      <div className=\"mb-3 h-9 animate-pulse rounded-md bg-muted\" />\n      <div className=\"space-y-1.5\">\n        {Array.from({ length: 8 }).map((_, i) => (\n          <div\n            key={i}\n            className=\"h-8 animate-pulse rounded-md bg-muted\"\n            style={{ opacity: 1 - i * 0.08 }}\n          />\n        ))}\n      </div>\n    </div>\n  );\n}\n\nfunction MainLoading() {\n  return (\n    <div className=\"flex h-full w-full items-center justify-center\">\n      <IconLoader2\n        className={cn(\"h-5 w-5 animate-spin text-muted-foreground\")}\n      />\n    </div>\n  );\n}\n\nfunction NoTableSelected() {\n  return (\n    <div className=\"flex h-full w-full items-center justify-center p-6 text-center\">\n      <div className=\"flex flex-col items-center\">\n        <IconDatabase\n          className=\"mb-3 h-8 w-8 text-muted-foreground/50\"\n          stroke={1.5}\n        />\n        <p className=\"text-sm font-medium text-foreground\">No table selected</p>\n        <p className=\"mt-1 text-sm text-muted-foreground\">\n          Pick a table from the sidebar to browse and edit its rows.\n        </p>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/client/db-admin/SqlEditor.d.ts

@@ -1,8 +1,10 @@
 import type { DbAdminDialect } from "../../db-admin/types.js";
+import { type DbAdminRequestConfig } from "./useDbAdmin.js";
 export interface SqlEditorProps {
     dialect: DbAdminDialect;
     tableNames: string[];
     columnsByTable: Record<string, string[]>;
+    requestConfig?: DbAdminRequestConfig;
 }
-export declare function SqlEditor({ dialect, tableNames, columnsByTable, }: SqlEditorProps): import("react").JSX.Element;
+export declare function SqlEditor({ dialect, tableNames, columnsByTable, requestConfig, }: SqlEditorProps): import("react").JSX.Element;
 //# sourceMappingURL=SqlEditor.d.ts.map

package/dist/client/db-admin/SqlEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SqlEditor.d.ts","sourceRoot":"","sources":["../../../src/client/db-admin/SqlEditor.tsx"],"names":[],"mappings":"AAyCA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AA0B9D,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,cAAc,CAAC;IACxB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;CAC1C;AAiMD,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,UAAU,EACV,cAAc,GACf,EAAE,cAAc,+BA0iBhB"}
+{"version":3,"file":"SqlEditor.d.ts","sourceRoot":"","sources":["../../../src/client/db-admin/SqlEditor.tsx"],"names":[],"mappings":"AAyCA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAwB9D,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEtE,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,cAAc,CAAC;IACxB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACzC,aAAa,CAAC,EAAE,oBAAoB,CAAC;CACtC;AAiMD,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,UAAU,EACV,cAAc,EACd,aAAa,GACd,EAAE,cAAc,+BA+iBhB"}

package/dist/client/db-admin/SqlEditor.js

@@ -137,7 +137,7 @@ const isMac = typeof navigator !== "undefined" &&
     /Mac|iPhone|iPad/.test(navigator.platform);
 const MOD = isMac ? "Cmd" : "Ctrl";
 // ─── Main component ──────────────────────────────────────────────────────────
-export function SqlEditor({ dialect, tableNames, columnsByTable, }) {
+export function SqlEditor({ dialect, tableNames, columnsByTable, requestConfig, }) {
     const isDark = useIsDark();
     const editorRef = useRef(null);
     const [value, setValue] = useState("");
@@ -168,7 +168,7 @@ export function SqlEditor({ dialect, tableNames, columnsByTable, }) {
         setRunning(true);
         setError(null);
         try {
-            const res = await runQuery(trimmed, undefined, confirmDestructive);
+            const res = await runQuery(trimmed, undefined, confirmDestructive, requestConfig);
             setResult({
                 columns: res.columns,
                 rows: res.rows,
@@ -196,7 +196,7 @@ export function SqlEditor({ dialect, tableNames, columnsByTable, }) {
         finally {
             setRunning(false);
         }
-    }, []);
+    }, [requestConfig]);
     const runActiveStatement = useCallback(() => {
         const view = editorRef.current?.view;
         const target = resolveRunTarget(view, valueRef.current);

package/dist/client/db-admin/SqlEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"SqlEditor.js","sourceRoot":"","sources":["../../../src/client/db-admin/SqlEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import { sql, PostgreSQL } from \"@codemirror/lang-sql\";\nimport { oneDark } from \"@codemirror/theme-one-dark\";\nimport {\n  IconPlayerPlayFilled,\n  IconHistory,\n  IconBookmark,\n  IconBookmarkPlus,\n  IconDownload,\n  IconAlertTriangle,\n  IconLoader2,\n  IconTrash,\n  IconX,\n  IconChevronDown,\n} from \"@tabler/icons-react\";\nimport CodeMirror, {\n  type ReactCodeMirrorRef,\n  EditorView,\n  keymap,\n  Prec,\n} from \"@uiw/react-codemirror\";\n/**\n * Production-grade SQL editor for the dev-mode database admin.\n *\n * Layout: a CodeMirror editor pane on top, a resizable results panel below.\n * Features schema-aware autocomplete, keyboard run shortcuts, history, named\n * snippets, CSV/JSON export, and a confirm modal for destructive statements.\n *\n * Data access goes through `runQuery` from `./useDbAdmin.js` (the shared\n * contract). On a destructive statement without confirmation, `runQuery` throws\n * an Error whose `needsConfirm` flag is `true`; we catch that and re-run after\n * the user confirms in a locally-built modal.\n */\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\n\nimport type { DbAdminDialect } from \"../../db-admin/types.js\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"../components/ui/dropdown-menu.js\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../components/ui/popover.js\";\nimport { cn } from \"../utils.js\";\nimport { toCSV, toJSON, downloadFile } from \"./export-utils.js\";\nimport { ResultsGrid } from \"./ResultsGrid.js\";\nimport {\n  loadHistory,\n  pushHistory,\n  clearHistory,\n  loadSnippets,\n  saveSnippet,\n  deleteSnippet,\n  type SqlSnippet,\n} from \"./sql-storage.js\";\nimport { runQuery } from \"./useDbAdmin.js\";\n\nexport interface SqlEditorProps {\n  dialect: DbAdminDialect;\n  tableNames: string[];\n  columnsByTable: Record<string, string[]>;\n}\n\ninterface QueryResult {\n  columns: string[];\n  rows: Record<string, unknown>[];\n  rowsAffected: number;\n  durationMs: number;\n}\n\n// ─── Dark-mode detection ─────────────────────────────────────────────────────\n\nfunction useIsDark(): boolean {\n  const [isDark, setIsDark] = useState(false);\n  useEffect(() => {\n    if (typeof document === \"undefined\") return;\n    const root = document.documentElement;\n    const update = () => setIsDark(root.classList.contains(\"dark\"));\n    update();\n    const observer = new MutationObserver(update);\n    observer.observe(root, { attributes: true, attributeFilter: [\"class\"] });\n    return () => observer.disconnect();\n  }, []);\n  return isDark;\n}\n\n// ─── Statement-under-cursor helpers ──────────────────────────────────────────\n\n/**\n * Best-effort split of a SQL buffer into statements by top-level `;`, ignoring\n * semicolons inside single/double quotes or line/block comments. Returns each\n * statement with its character offsets so we can pick the one under the cursor.\n */\nfunction splitStatements(\n  text: string,\n): { sql: string; start: number; end: number }[] {\n  const out: { sql: string; start: number; end: number }[] = [];\n  let start = 0;\n  let inSingle = false;\n  let inDouble = false;\n  let inLineComment = false;\n  let inBlockComment = false;\n\n  for (let i = 0; i < text.length; i++) {\n    const ch = text[i];\n    const next = text[i + 1];\n\n    if (inLineComment) {\n      if (ch === \"\\n\") inLineComment = false;\n      continue;\n    }\n    if (inBlockComment) {\n      if (ch === \"*\" && next === \"/\") {\n        inBlockComment = false;\n        i++;\n      }\n      continue;\n    }\n    if (inSingle) {\n      if (ch === \"'\") inSingle = false;\n      continue;\n    }\n    if (inDouble) {\n      if (ch === '\"') inDouble = false;\n      continue;\n    }\n\n    if (ch === \"-\" && next === \"-\") {\n      inLineComment = true;\n      i++;\n      continue;\n    }\n    if (ch === \"/\" && next === \"*\") {\n      inBlockComment = true;\n      i++;\n      continue;\n    }\n    if (ch === \"'\") {\n      inSingle = true;\n      continue;\n    }\n    if (ch === '\"') {\n      inDouble = true;\n      continue;\n    }\n    if (ch === \";\") {\n      out.push({ sql: text.slice(start, i + 1), start, end: i + 1 });\n      start = i + 1;\n    }\n  }\n  if (start < text.length) {\n    out.push({ sql: text.slice(start), start, end: text.length });\n  }\n  return out;\n}\n\n/** Resolve which SQL to run given the current selection and cursor position. */\nfunction resolveRunTarget(\n  view: EditorView | undefined,\n  buffer: string,\n): string {\n  if (!view) return buffer;\n  const sel = view.state.selection.main;\n  if (!sel.empty) {\n    return view.state.sliceDoc(sel.from, sel.to);\n  }\n  const cursor = sel.head;\n  const statements = splitStatements(buffer);\n  const hit = statements.find((s) => cursor >= s.start && cursor <= s.end);\n  return (hit?.sql ?? buffer).trim() || buffer;\n}\n\n// ─── Local modal primitive ───────────────────────────────────────────────────\n\nfunction Modal({\n  title,\n  children,\n  onClose,\n}: {\n  title: string;\n  children: ReactNode;\n  onClose: () => void;\n}) {\n  useEffect(() => {\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") onClose();\n    };\n    window.addEventListener(\"keydown\", onKey);\n    return () => window.removeEventListener(\"keydown\", onKey);\n  }, [onClose]);\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center p-4\">\n      <div\n        className=\"absolute inset-0 bg-black/50\"\n        onClick={onClose}\n        aria-hidden\n      />\n      <div className=\"relative z-10 w-full max-w-md rounded-lg border border-border bg-background shadow-xl\">\n        <div className=\"flex items-center justify-between border-b border-border px-4 py-3\">\n          <h2 className=\"text-sm font-semibold text-foreground\">{title}</h2>\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"cursor-pointer rounded p-1 text-muted-foreground hover:bg-accent hover:text-foreground\"\n            aria-label=\"Close\"\n          >\n            <IconX size={16} />\n          </button>\n        </div>\n        <div className=\"p-4\">{children}</div>\n      </div>\n    </div>\n  );\n}\n\n// ─── Toolbar button ──────────────────────────────────────────────────────────\n\nfunction ToolbarButton({\n  children,\n  onClick,\n  className,\n  title,\n  disabled,\n}: {\n  children: ReactNode;\n  onClick?: () => void;\n  className?: string;\n  title?: string;\n  disabled?: boolean;\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      title={title}\n      disabled={disabled}\n      className={cn(\n        \"inline-flex h-8 cursor-pointer items-center gap-1.5 rounded-md border border-border bg-background px-2.5 text-xs font-medium text-foreground transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n    >\n      {children}\n    </button>\n  );\n}\n\nconst isMac =\n  typeof navigator !== \"undefined\" &&\n  /Mac|iPhone|iPad/.test(navigator.platform);\nconst MOD = isMac ? \"Cmd\" : \"Ctrl\";\n\n// ─── Main component ──────────────────────────────────────────────────────────\n\nexport function SqlEditor({\n  dialect,\n  tableNames,\n  columnsByTable,\n}: SqlEditorProps) {\n  const isDark = useIsDark();\n  const editorRef = useRef<ReactCodeMirrorRef>(null);\n\n  const [value, setValue] = useState(\"\");\n  const [running, setRunning] = useState(false);\n  const [result, setResult] = useState<QueryResult | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [status, setStatus] = useState<string | null>(null);\n\n  const [history, setHistory] = useState<string[]>([]);\n  const [snippets, setSnippets] = useState<SqlSnippet[]>([]);\n\n  const [confirmSql, setConfirmSql] = useState<string | null>(null);\n  const [saveModalOpen, setSaveModalOpen] = useState(false);\n  const [snippetName, setSnippetName] = useState(\"\");\n\n  // Editor height (px) — draggable splitter between editor and results.\n  const [editorHeight, setEditorHeight] = useState(240);\n  const dragState = useRef<{ startY: number; startHeight: number } | null>(\n    null,\n  );\n\n  // Keep the latest buffer accessible inside CodeMirror keymap closures.\n  const valueRef = useRef(value);\n  valueRef.current = value;\n\n  useEffect(() => {\n    setHistory(loadHistory());\n    setSnippets(loadSnippets());\n  }, []);\n\n  // ─── Run logic ────────────────────────────────────────────────────────────\n\n  const execute = useCallback(\n    async (sqlText: string, confirmDestructive?: boolean) => {\n      const trimmed = sqlText.trim();\n      if (!trimmed) return;\n      setRunning(true);\n      setError(null);\n      try {\n        const res = await runQuery(trimmed, undefined, confirmDestructive);\n        setResult({\n          columns: res.columns,\n          rows: res.rows,\n          rowsAffected: res.rowsAffected,\n          durationMs: res.durationMs,\n        });\n        if (res.columns.length > 0) {\n          setStatus(`${res.rows.length} rows · ${res.durationMs}ms`);\n        } else {\n          setStatus(\n            `Query OK · ${res.rowsAffected} rows affected · ${res.durationMs}ms`,\n          );\n        }\n        setHistory(pushHistory(trimmed));\n      } catch (err) {\n        const e = err as Error & { needsConfirm?: boolean };\n        if (e.needsConfirm) {\n          setConfirmSql(trimmed);\n        } else {\n          setError(e.message || \"Query failed\");\n          setStatus(null);\n        }\n      } finally {\n        setRunning(false);\n      }\n    },\n    [],\n  );\n\n  const runActiveStatement = useCallback(() => {\n    const view = editorRef.current?.view;\n    const target = resolveRunTarget(view, valueRef.current);\n    void execute(target);\n  }, [execute]);\n\n  const runWholeBuffer = useCallback(() => {\n    void execute(valueRef.current);\n  }, [execute]);\n\n  const confirmAndRun = useCallback(() => {\n    const sqlText = confirmSql;\n    setConfirmSql(null);\n    if (sqlText) void execute(sqlText, true);\n  }, [confirmSql, execute]);\n\n  // ─── CodeMirror extensions ──────────────────────────────────────────────\n\n  const extensions = useMemo(() => {\n    const langExt = sql({\n      dialect: dialect === \"postgres\" ? PostgreSQL : undefined,\n      schema: columnsByTable,\n      tables: tableNames.map((t) => ({ label: t })),\n      upperCaseKeywords: true,\n    });\n\n    const runKeymap = Prec.highest(\n      keymap.of([\n        {\n          key: \"Mod-Enter\",\n          preventDefault: true,\n          run: () => {\n            runActiveStatement();\n            return true;\n          },\n        },\n        {\n          key: \"Mod-Shift-Enter\",\n          preventDefault: true,\n          run: () => {\n            runWholeBuffer();\n            return true;\n          },\n        },\n      ]),\n    );\n\n    return [runKeymap, langExt, EditorView.lineWrapping];\n    // tableNames / columnsByTable identity is stable enough for our purposes;\n    // re-derive when the dialect or schema reference changes.\n  }, [dialect, columnsByTable, tableNames, runActiveStatement, runWholeBuffer]);\n\n  // ─── Splitter drag ───────────────────────────────────────────────────────\n\n  useEffect(() => {\n    const onMove = (e: MouseEvent) => {\n      if (!dragState.current) return;\n      const delta = e.clientY - dragState.current.startY;\n      const next = Math.min(\n        Math.max(dragState.current.startHeight + delta, 120),\n        640,\n      );\n      setEditorHeight(next);\n    };\n    const onUp = () => {\n      dragState.current = null;\n      document.body.style.userSelect = \"\";\n    };\n    window.addEventListener(\"mousemove\", onMove);\n    window.addEventListener(\"mouseup\", onUp);\n    return () => {\n      window.removeEventListener(\"mousemove\", onMove);\n      window.removeEventListener(\"mouseup\", onUp);\n    };\n  }, []);\n\n  const startDrag = (e: React.MouseEvent) => {\n    dragState.current = { startY: e.clientY, startHeight: editorHeight };\n    document.body.style.userSelect = \"none\";\n  };\n\n  // ─── Loading editor content from history / snippets ───────────────────────\n\n  const loadIntoEditor = useCallback((sqlText: string) => {\n    setValue(sqlText);\n    // Focus and place cursor at end after the controlled value updates.\n    requestAnimationFrame(() => {\n      const view = editorRef.current?.view;\n      if (view) {\n        view.focus();\n        view.dispatch({ selection: { anchor: view.state.doc.length } });\n      }\n    });\n  }, []);\n\n  // ─── Export ────────────────────────────────────────────────────────────────\n\n  const exportAs = (format: \"csv\" | \"json\") => {\n    if (!result || result.columns.length === 0) return;\n    const stamp = new Date().toISOString().replace(/[:.]/g, \"-\").slice(0, 19);\n    if (format === \"csv\") {\n      downloadFile(\n        `query-result-${stamp}.csv`,\n        \"text/csv;charset=utf-8\",\n        toCSV(result.columns, result.rows),\n      );\n    } else {\n      downloadFile(\n        `query-result-${stamp}.json`,\n        \"application/json\",\n        toJSON(result.rows),\n      );\n    }\n  };\n\n  // ─── Snippet save ────────────────────────────────────────────────────────\n\n  const openSaveModal = () => {\n    if (!value.trim()) return;\n    setSnippetName(\"\");\n    setSaveModalOpen(true);\n  };\n\n  const commitSnippet = () => {\n    const name = snippetName.trim();\n    if (!name || !value.trim()) return;\n    setSnippets(saveSnippet({ name, sql: value }));\n    setSaveModalOpen(false);\n  };\n\n  const removeSnippet = (id: string) => {\n    setSnippets(deleteSnippet(id));\n  };\n\n  // ─── Example queries (empty state) ─────────────────────────────────────────\n\n  const firstTable = tableNames[0];\n  const examples = useMemo(() => {\n    const list: { label: string; sql: string }[] = [];\n    if (firstTable) {\n      list.push({\n        label: `Select rows from ${firstTable}`,\n        sql: `SELECT * FROM ${firstTable} LIMIT 100;`,\n      });\n    }\n    list.push({\n      label: \"List tables\",\n      sql:\n        dialect === \"postgres\"\n          ? \"SELECT table_name FROM information_schema.tables WHERE table_schema = 'public' ORDER BY table_name;\"\n          : \"SELECT name FROM sqlite_master WHERE type = 'table' ORDER BY name;\",\n    });\n    if (firstTable) {\n      list.push({\n        label: `Count rows in ${firstTable}`,\n        sql: `SELECT COUNT(*) AS total FROM ${firstTable};`,\n      });\n    }\n    return list;\n  }, [firstTable, dialect]);\n\n  const hasResults = result !== null;\n  const canExport = hasResults && result!.columns.length > 0;\n\n  // ─── Render ──────────────────────────────────────────────────────────────\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      {/* Toolbar */}\n      <div className=\"flex flex-wrap items-center gap-2 border-b border-border bg-background px-3 py-2\">\n        <button\n          type=\"button\"\n          onClick={runActiveStatement}\n          disabled={running || !value.trim()}\n          title={`Run selection / statement (${MOD}+Enter)`}\n          className=\"inline-flex h-8 cursor-pointer items-center gap-1.5 rounded-md bg-primary px-3 text-xs font-semibold text-primary-foreground transition-colors hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-50\"\n        >\n          {running ? (\n            <IconLoader2 size={14} className=\"animate-spin\" />\n          ) : (\n            <IconPlayerPlayFilled size={14} />\n          )}\n          Run\n        </button>\n\n        <span className=\"hidden text-[11px] text-muted-foreground sm:inline\">\n          {MOD}+Enter runs selection / statement · {MOD}+Shift+Enter runs all\n        </span>\n\n        <div className=\"ml-auto flex items-center gap-2\">\n          {/* History */}\n          <Popover>\n            <PopoverTrigger asChild>\n              <ToolbarButton title=\"Query history\">\n                <IconHistory size={14} />\n                History\n              </ToolbarButton>\n            </PopoverTrigger>\n            <PopoverContent align=\"end\" className=\"w-96 p-0\">\n              <div className=\"flex items-center justify-between border-b border-border px-3 py-2\">\n                <span className=\"text-xs font-semibold text-foreground\">\n                  Recent queries\n                </span>\n                {history.length > 0 && (\n                  <button\n                    type=\"button\"\n                    onClick={() => {\n                      clearHistory();\n                      setHistory([]);\n                    }}\n                    className=\"cursor-pointer text-[11px] text-muted-foreground hover:text-foreground\"\n                  >\n                    Clear\n                  </button>\n                )}\n              </div>\n              <div className=\"max-h-80 overflow-auto py-1\">\n                {history.length === 0 ? (\n                  <div className=\"px-3 py-6 text-center text-xs text-muted-foreground\">\n                    No queries yet\n                  </div>\n                ) : (\n                  history.map((h, i) => (\n                    <button\n                      key={i}\n                      type=\"button\"\n                      onClick={() => loadIntoEditor(h)}\n                      className=\"block w-full cursor-pointer truncate px-3 py-1.5 text-left font-mono text-[11px] text-foreground hover:bg-accent\"\n                      title={h}\n                    >\n                      {h.replace(/\\s+/g, \" \").trim()}\n                    </button>\n                  ))\n                )}\n              </div>\n            </PopoverContent>\n          </Popover>\n\n          {/* Snippets */}\n          <Popover>\n            <PopoverTrigger asChild>\n              <ToolbarButton title=\"Saved snippets\">\n                <IconBookmark size={14} />\n                Snippets\n              </ToolbarButton>\n            </PopoverTrigger>\n            <PopoverContent align=\"end\" className=\"w-96 p-0\">\n              <div className=\"flex items-center justify-between border-b border-border px-3 py-2\">\n                <span className=\"text-xs font-semibold text-foreground\">\n                  Saved snippets\n                </span>\n                <button\n                  type=\"button\"\n                  onClick={openSaveModal}\n                  disabled={!value.trim()}\n                  className=\"inline-flex cursor-pointer items-center gap-1 text-[11px] text-muted-foreground hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50\"\n                >\n                  <IconBookmarkPlus size={13} />\n                  Save current\n                </button>\n              </div>\n              <div className=\"max-h-80 overflow-auto py-1\">\n                {snippets.length === 0 ? (\n                  <div className=\"px-3 py-6 text-center text-xs text-muted-foreground\">\n                    No saved snippets\n                  </div>\n                ) : (\n                  snippets.map((s) => (\n                    <div\n                      key={s.id}\n                      className=\"group flex items-center gap-2 px-3 py-1.5 hover:bg-accent\"\n                    >\n                      <button\n                        type=\"button\"\n                        onClick={() => loadIntoEditor(s.sql)}\n                        className=\"min-w-0 flex-1 cursor-pointer text-left\"\n                        title={s.sql}\n                      >\n                        <div className=\"truncate text-xs font-medium text-foreground\">\n                          {s.name}\n                        </div>\n                        <div className=\"truncate font-mono text-[10px] text-muted-foreground\">\n                          {s.sql.replace(/\\s+/g, \" \").trim()}\n                        </div>\n                      </button>\n                      <button\n                        type=\"button\"\n                        onClick={() => removeSnippet(s.id)}\n                        className=\"cursor-pointer rounded p-1 text-muted-foreground opacity-0 transition-opacity hover:text-red-500 group-hover:opacity-100\"\n                        title=\"Delete snippet\"\n                      >\n                        <IconTrash size={13} />\n                      </button>\n                    </div>\n                  ))\n                )}\n              </div>\n            </PopoverContent>\n          </Popover>\n\n          {/* Export */}\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <ToolbarButton title=\"Export results\" disabled={!canExport}>\n                <IconDownload size={14} />\n                Export\n                <IconChevronDown size={12} className=\"opacity-60\" />\n              </ToolbarButton>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\">\n              <DropdownMenuItem onClick={() => exportAs(\"csv\")}>\n                Download CSV\n              </DropdownMenuItem>\n              <DropdownMenuItem onClick={() => exportAs(\"json\")}>\n                Download JSON\n              </DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n        </div>\n      </div>\n\n      {/* Editor pane */}\n      <div\n        className=\"shrink-0 overflow-hidden border-b border-border\"\n        style={{ height: editorHeight }}\n      >\n        <CodeMirror\n          ref={editorRef}\n          value={value}\n          onChange={setValue}\n          height={`${editorHeight}px`}\n          theme={isDark ? oneDark : undefined}\n          extensions={extensions}\n          placeholder=\"Write SQL here…\"\n          basicSetup={{\n            lineNumbers: true,\n            highlightActiveLine: true,\n            autocompletion: true,\n            bracketMatching: true,\n            closeBrackets: true,\n          }}\n          style={{ fontSize: 13, height: \"100%\" }}\n        />\n      </div>\n\n      {/* Splitter */}\n      <div\n        onMouseDown={startDrag}\n        className=\"h-1.5 shrink-0 cursor-row-resize bg-border/40 transition-colors hover:bg-primary/40\"\n        role=\"separator\"\n        aria-orientation=\"horizontal\"\n      />\n\n      {/* Status / error bar */}\n      {(status || error) && (\n        <div className=\"shrink-0 px-3 py-1.5\">\n          {error ? (\n            <div className=\"flex items-start gap-2 rounded-md border border-red-500/40 bg-red-500/10 px-3 py-2 text-xs text-red-500\">\n              <IconAlertTriangle size={14} className=\"mt-px shrink-0\" />\n              <span className=\"break-words font-mono\">{error}</span>\n            </div>\n          ) : (\n            <div className=\"font-mono text-[11px] text-muted-foreground\">\n              {status}\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Results panel */}\n      <div className=\"min-h-0 flex-1 overflow-hidden\">\n        {hasResults ? (\n          <ResultsGrid columns={result!.columns} rows={result!.rows} />\n        ) : (\n          <div className=\"flex h-full flex-col items-center justify-center gap-4 p-6 text-center\">\n            <div className=\"text-sm text-muted-foreground\">\n              Run a query to see results, or start with an example:\n            </div>\n            <div className=\"flex flex-col gap-2\">\n              {examples.map((ex, i) => (\n                <button\n                  key={i}\n                  type=\"button\"\n                  onClick={() => loadIntoEditor(ex.sql)}\n                  className=\"cursor-pointer rounded-md border border-border bg-background px-4 py-2 text-left transition-colors hover:bg-accent\"\n                >\n                  <div className=\"text-xs font-medium text-foreground\">\n                    {ex.label}\n                  </div>\n                  <div className=\"mt-0.5 font-mono text-[11px] text-muted-foreground\">\n                    {ex.sql}\n                  </div>\n                </button>\n              ))}\n            </div>\n          </div>\n        )}\n      </div>\n\n      {/* Destructive-confirm modal */}\n      {confirmSql && (\n        <Modal\n          title=\"Confirm destructive query\"\n          onClose={() => setConfirmSql(null)}\n        >\n          <div className=\"space-y-4\">\n            <div className=\"flex items-start gap-2 text-sm text-foreground\">\n              <IconAlertTriangle\n                size={18}\n                className=\"mt-px shrink-0 text-yellow-500\"\n              />\n              <p>\n                This looks like a destructive query (DROP / TRUNCATE / DELETE\n                without WHERE). Run it?\n              </p>\n            </div>\n            <pre className=\"max-h-40 overflow-auto rounded-md border border-border bg-muted/50 p-3 font-mono text-[11px] text-foreground\">\n              {confirmSql}\n            </pre>\n            <div className=\"flex justify-end gap-2\">\n              <button\n                type=\"button\"\n                onClick={() => setConfirmSql(null)}\n                className=\"inline-flex h-8 cursor-pointer items-center rounded-md border border-border bg-background px-3 text-xs font-medium text-foreground hover:bg-accent\"\n              >\n                Cancel\n              </button>\n              <button\n                type=\"button\"\n                onClick={confirmAndRun}\n                className=\"inline-flex h-8 cursor-pointer items-center rounded-md bg-red-500 px-3 text-xs font-semibold text-white hover:bg-red-600\"\n              >\n                Run anyway\n              </button>\n            </div>\n          </div>\n        </Modal>\n      )}\n\n      {/* Save-snippet modal */}\n      {saveModalOpen && (\n        <Modal title=\"Save snippet\" onClose={() => setSaveModalOpen(false)}>\n          <div className=\"space-y-4\">\n            <div>\n              <label className=\"mb-1.5 block text-xs font-medium text-muted-foreground\">\n                Snippet name\n              </label>\n              <input\n                autoFocus\n                value={snippetName}\n                onChange={(e) => setSnippetName(e.target.value)}\n                onKeyDown={(e) => {\n                  if (e.key === \"Enter\") commitSnippet();\n                }}\n                placeholder=\"e.g. Active users this week\"\n                className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground outline-none focus:border-primary focus:ring-1 focus:ring-primary\"\n              />\n            </div>\n            <pre className=\"max-h-40 overflow-auto rounded-md border border-border bg-muted/50 p-3 font-mono text-[11px] text-foreground\">\n              {value.trim()}\n            </pre>\n            <div className=\"flex justify-end gap-2\">\n              <button\n                type=\"button\"\n                onClick={() => setSaveModalOpen(false)}\n                className=\"inline-flex h-8 cursor-pointer items-center rounded-md border border-border bg-background px-3 text-xs font-medium text-foreground hover:bg-accent\"\n              >\n                Cancel\n              </button>\n              <button\n                type=\"button\"\n                onClick={commitSnippet}\n                disabled={!snippetName.trim()}\n                className=\"inline-flex h-8 cursor-pointer items-center rounded-md bg-primary px-3 text-xs font-semibold text-primary-foreground hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-50\"\n              >\n                Save\n              </button>\n            </div>\n          </div>\n        </Modal>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"SqlEditor.js","sourceRoot":"","sources":["../../../src/client/db-admin/SqlEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import { sql, PostgreSQL } from \"@codemirror/lang-sql\";\nimport { oneDark } from \"@codemirror/theme-one-dark\";\nimport {\n  IconPlayerPlayFilled,\n  IconHistory,\n  IconBookmark,\n  IconBookmarkPlus,\n  IconDownload,\n  IconAlertTriangle,\n  IconLoader2,\n  IconTrash,\n  IconX,\n  IconChevronDown,\n} from \"@tabler/icons-react\";\nimport CodeMirror, {\n  type ReactCodeMirrorRef,\n  EditorView,\n  keymap,\n  Prec,\n} from \"@uiw/react-codemirror\";\n/**\n * Production-grade SQL editor for the dev-mode database admin.\n *\n * Layout: a CodeMirror editor pane on top, a resizable results panel below.\n * Features schema-aware autocomplete, keyboard run shortcuts, history, named\n * snippets, CSV/JSON export, and a confirm modal for destructive statements.\n *\n * Data access goes through `runQuery` from `./useDbAdmin.js` (the shared\n * contract). On a destructive statement without confirmation, `runQuery` throws\n * an Error whose `needsConfirm` flag is `true`; we catch that and re-run after\n * the user confirms in a locally-built modal.\n */\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\n\nimport type { DbAdminDialect } from \"../../db-admin/types.js\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"../components/ui/dropdown-menu.js\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../components/ui/popover.js\";\nimport { cn } from \"../utils.js\";\nimport { toCSV, toJSON, downloadFile } from \"./export-utils.js\";\nimport { ResultsGrid } from \"./ResultsGrid.js\";\nimport {\n  loadHistory,\n  pushHistory,\n  clearHistory,\n  loadSnippets,\n  saveSnippet,\n  deleteSnippet,\n  type SqlSnippet,\n} from \"./sql-storage.js\";\nimport { runQuery, type DbAdminRequestConfig } from \"./useDbAdmin.js\";\n\nexport interface SqlEditorProps {\n  dialect: DbAdminDialect;\n  tableNames: string[];\n  columnsByTable: Record<string, string[]>;\n  requestConfig?: DbAdminRequestConfig;\n}\n\ninterface QueryResult {\n  columns: string[];\n  rows: Record<string, unknown>[];\n  rowsAffected: number;\n  durationMs: number;\n}\n\n// ─── Dark-mode detection ─────────────────────────────────────────────────────\n\nfunction useIsDark(): boolean {\n  const [isDark, setIsDark] = useState(false);\n  useEffect(() => {\n    if (typeof document === \"undefined\") return;\n    const root = document.documentElement;\n    const update = () => setIsDark(root.classList.contains(\"dark\"));\n    update();\n    const observer = new MutationObserver(update);\n    observer.observe(root, { attributes: true, attributeFilter: [\"class\"] });\n    return () => observer.disconnect();\n  }, []);\n  return isDark;\n}\n\n// ─── Statement-under-cursor helpers ──────────────────────────────────────────\n\n/**\n * Best-effort split of a SQL buffer into statements by top-level `;`, ignoring\n * semicolons inside single/double quotes or line/block comments. Returns each\n * statement with its character offsets so we can pick the one under the cursor.\n */\nfunction splitStatements(\n  text: string,\n): { sql: string; start: number; end: number }[] {\n  const out: { sql: string; start: number; end: number }[] = [];\n  let start = 0;\n  let inSingle = false;\n  let inDouble = false;\n  let inLineComment = false;\n  let inBlockComment = false;\n\n  for (let i = 0; i < text.length; i++) {\n    const ch = text[i];\n    const next = text[i + 1];\n\n    if (inLineComment) {\n      if (ch === \"\\n\") inLineComment = false;\n      continue;\n    }\n    if (inBlockComment) {\n      if (ch === \"*\" && next === \"/\") {\n        inBlockComment = false;\n        i++;\n      }\n      continue;\n    }\n    if (inSingle) {\n      if (ch === \"'\") inSingle = false;\n      continue;\n    }\n    if (inDouble) {\n      if (ch === '\"') inDouble = false;\n      continue;\n    }\n\n    if (ch === \"-\" && next === \"-\") {\n      inLineComment = true;\n      i++;\n      continue;\n    }\n    if (ch === \"/\" && next === \"*\") {\n      inBlockComment = true;\n      i++;\n      continue;\n    }\n    if (ch === \"'\") {\n      inSingle = true;\n      continue;\n    }\n    if (ch === '\"') {\n      inDouble = true;\n      continue;\n    }\n    if (ch === \";\") {\n      out.push({ sql: text.slice(start, i + 1), start, end: i + 1 });\n      start = i + 1;\n    }\n  }\n  if (start < text.length) {\n    out.push({ sql: text.slice(start), start, end: text.length });\n  }\n  return out;\n}\n\n/** Resolve which SQL to run given the current selection and cursor position. */\nfunction resolveRunTarget(\n  view: EditorView | undefined,\n  buffer: string,\n): string {\n  if (!view) return buffer;\n  const sel = view.state.selection.main;\n  if (!sel.empty) {\n    return view.state.sliceDoc(sel.from, sel.to);\n  }\n  const cursor = sel.head;\n  const statements = splitStatements(buffer);\n  const hit = statements.find((s) => cursor >= s.start && cursor <= s.end);\n  return (hit?.sql ?? buffer).trim() || buffer;\n}\n\n// ─── Local modal primitive ───────────────────────────────────────────────────\n\nfunction Modal({\n  title,\n  children,\n  onClose,\n}: {\n  title: string;\n  children: ReactNode;\n  onClose: () => void;\n}) {\n  useEffect(() => {\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") onClose();\n    };\n    window.addEventListener(\"keydown\", onKey);\n    return () => window.removeEventListener(\"keydown\", onKey);\n  }, [onClose]);\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center p-4\">\n      <div\n        className=\"absolute inset-0 bg-black/50\"\n        onClick={onClose}\n        aria-hidden\n      />\n      <div className=\"relative z-10 w-full max-w-md rounded-lg border border-border bg-background shadow-xl\">\n        <div className=\"flex items-center justify-between border-b border-border px-4 py-3\">\n          <h2 className=\"text-sm font-semibold text-foreground\">{title}</h2>\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"cursor-pointer rounded p-1 text-muted-foreground hover:bg-accent hover:text-foreground\"\n            aria-label=\"Close\"\n          >\n            <IconX size={16} />\n          </button>\n        </div>\n        <div className=\"p-4\">{children}</div>\n      </div>\n    </div>\n  );\n}\n\n// ─── Toolbar button ──────────────────────────────────────────────────────────\n\nfunction ToolbarButton({\n  children,\n  onClick,\n  className,\n  title,\n  disabled,\n}: {\n  children: ReactNode;\n  onClick?: () => void;\n  className?: string;\n  title?: string;\n  disabled?: boolean;\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      title={title}\n      disabled={disabled}\n      className={cn(\n        \"inline-flex h-8 cursor-pointer items-center gap-1.5 rounded-md border border-border bg-background px-2.5 text-xs font-medium text-foreground transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n    >\n      {children}\n    </button>\n  );\n}\n\nconst isMac =\n  typeof navigator !== \"undefined\" &&\n  /Mac|iPhone|iPad/.test(navigator.platform);\nconst MOD = isMac ? \"Cmd\" : \"Ctrl\";\n\n// ─── Main component ──────────────────────────────────────────────────────────\n\nexport function SqlEditor({\n  dialect,\n  tableNames,\n  columnsByTable,\n  requestConfig,\n}: SqlEditorProps) {\n  const isDark = useIsDark();\n  const editorRef = useRef<ReactCodeMirrorRef>(null);\n\n  const [value, setValue] = useState(\"\");\n  const [running, setRunning] = useState(false);\n  const [result, setResult] = useState<QueryResult | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [status, setStatus] = useState<string | null>(null);\n\n  const [history, setHistory] = useState<string[]>([]);\n  const [snippets, setSnippets] = useState<SqlSnippet[]>([]);\n\n  const [confirmSql, setConfirmSql] = useState<string | null>(null);\n  const [saveModalOpen, setSaveModalOpen] = useState(false);\n  const [snippetName, setSnippetName] = useState(\"\");\n\n  // Editor height (px) — draggable splitter between editor and results.\n  const [editorHeight, setEditorHeight] = useState(240);\n  const dragState = useRef<{ startY: number; startHeight: number } | null>(\n    null,\n  );\n\n  // Keep the latest buffer accessible inside CodeMirror keymap closures.\n  const valueRef = useRef(value);\n  valueRef.current = value;\n\n  useEffect(() => {\n    setHistory(loadHistory());\n    setSnippets(loadSnippets());\n  }, []);\n\n  // ─── Run logic ────────────────────────────────────────────────────────────\n\n  const execute = useCallback(\n    async (sqlText: string, confirmDestructive?: boolean) => {\n      const trimmed = sqlText.trim();\n      if (!trimmed) return;\n      setRunning(true);\n      setError(null);\n      try {\n        const res = await runQuery(\n          trimmed,\n          undefined,\n          confirmDestructive,\n          requestConfig,\n        );\n        setResult({\n          columns: res.columns,\n          rows: res.rows,\n          rowsAffected: res.rowsAffected,\n          durationMs: res.durationMs,\n        });\n        if (res.columns.length > 0) {\n          setStatus(`${res.rows.length} rows · ${res.durationMs}ms`);\n        } else {\n          setStatus(\n            `Query OK · ${res.rowsAffected} rows affected · ${res.durationMs}ms`,\n          );\n        }\n        setHistory(pushHistory(trimmed));\n      } catch (err) {\n        const e = err as Error & { needsConfirm?: boolean };\n        if (e.needsConfirm) {\n          setConfirmSql(trimmed);\n        } else {\n          setError(e.message || \"Query failed\");\n          setStatus(null);\n        }\n      } finally {\n        setRunning(false);\n      }\n    },\n    [requestConfig],\n  );\n\n  const runActiveStatement = useCallback(() => {\n    const view = editorRef.current?.view;\n    const target = resolveRunTarget(view, valueRef.current);\n    void execute(target);\n  }, [execute]);\n\n  const runWholeBuffer = useCallback(() => {\n    void execute(valueRef.current);\n  }, [execute]);\n\n  const confirmAndRun = useCallback(() => {\n    const sqlText = confirmSql;\n    setConfirmSql(null);\n    if (sqlText) void execute(sqlText, true);\n  }, [confirmSql, execute]);\n\n  // ─── CodeMirror extensions ──────────────────────────────────────────────\n\n  const extensions = useMemo(() => {\n    const langExt = sql({\n      dialect: dialect === \"postgres\" ? PostgreSQL : undefined,\n      schema: columnsByTable,\n      tables: tableNames.map((t) => ({ label: t })),\n      upperCaseKeywords: true,\n    });\n\n    const runKeymap = Prec.highest(\n      keymap.of([\n        {\n          key: \"Mod-Enter\",\n          preventDefault: true,\n          run: () => {\n            runActiveStatement();\n            return true;\n          },\n        },\n        {\n          key: \"Mod-Shift-Enter\",\n          preventDefault: true,\n          run: () => {\n            runWholeBuffer();\n            return true;\n          },\n        },\n      ]),\n    );\n\n    return [runKeymap, langExt, EditorView.lineWrapping];\n    // tableNames / columnsByTable identity is stable enough for our purposes;\n    // re-derive when the dialect or schema reference changes.\n  }, [dialect, columnsByTable, tableNames, runActiveStatement, runWholeBuffer]);\n\n  // ─── Splitter drag ───────────────────────────────────────────────────────\n\n  useEffect(() => {\n    const onMove = (e: MouseEvent) => {\n      if (!dragState.current) return;\n      const delta = e.clientY - dragState.current.startY;\n      const next = Math.min(\n        Math.max(dragState.current.startHeight + delta, 120),\n        640,\n      );\n      setEditorHeight(next);\n    };\n    const onUp = () => {\n      dragState.current = null;\n      document.body.style.userSelect = \"\";\n    };\n    window.addEventListener(\"mousemove\", onMove);\n    window.addEventListener(\"mouseup\", onUp);\n    return () => {\n      window.removeEventListener(\"mousemove\", onMove);\n      window.removeEventListener(\"mouseup\", onUp);\n    };\n  }, []);\n\n  const startDrag = (e: React.MouseEvent) => {\n    dragState.current = { startY: e.clientY, startHeight: editorHeight };\n    document.body.style.userSelect = \"none\";\n  };\n\n  // ─── Loading editor content from history / snippets ───────────────────────\n\n  const loadIntoEditor = useCallback((sqlText: string) => {\n    setValue(sqlText);\n    // Focus and place cursor at end after the controlled value updates.\n    requestAnimationFrame(() => {\n      const view = editorRef.current?.view;\n      if (view) {\n        view.focus();\n        view.dispatch({ selection: { anchor: view.state.doc.length } });\n      }\n    });\n  }, []);\n\n  // ─── Export ────────────────────────────────────────────────────────────────\n\n  const exportAs = (format: \"csv\" | \"json\") => {\n    if (!result || result.columns.length === 0) return;\n    const stamp = new Date().toISOString().replace(/[:.]/g, \"-\").slice(0, 19);\n    if (format === \"csv\") {\n      downloadFile(\n        `query-result-${stamp}.csv`,\n        \"text/csv;charset=utf-8\",\n        toCSV(result.columns, result.rows),\n      );\n    } else {\n      downloadFile(\n        `query-result-${stamp}.json`,\n        \"application/json\",\n        toJSON(result.rows),\n      );\n    }\n  };\n\n  // ─── Snippet save ────────────────────────────────────────────────────────\n\n  const openSaveModal = () => {\n    if (!value.trim()) return;\n    setSnippetName(\"\");\n    setSaveModalOpen(true);\n  };\n\n  const commitSnippet = () => {\n    const name = snippetName.trim();\n    if (!name || !value.trim()) return;\n    setSnippets(saveSnippet({ name, sql: value }));\n    setSaveModalOpen(false);\n  };\n\n  const removeSnippet = (id: string) => {\n    setSnippets(deleteSnippet(id));\n  };\n\n  // ─── Example queries (empty state) ─────────────────────────────────────────\n\n  const firstTable = tableNames[0];\n  const examples = useMemo(() => {\n    const list: { label: string; sql: string }[] = [];\n    if (firstTable) {\n      list.push({\n        label: `Select rows from ${firstTable}`,\n        sql: `SELECT * FROM ${firstTable} LIMIT 100;`,\n      });\n    }\n    list.push({\n      label: \"List tables\",\n      sql:\n        dialect === \"postgres\"\n          ? \"SELECT table_name FROM information_schema.tables WHERE table_schema = 'public' ORDER BY table_name;\"\n          : \"SELECT name FROM sqlite_master WHERE type = 'table' ORDER BY name;\",\n    });\n    if (firstTable) {\n      list.push({\n        label: `Count rows in ${firstTable}`,\n        sql: `SELECT COUNT(*) AS total FROM ${firstTable};`,\n      });\n    }\n    return list;\n  }, [firstTable, dialect]);\n\n  const hasResults = result !== null;\n  const canExport = hasResults && result!.columns.length > 0;\n\n  // ─── Render ──────────────────────────────────────────────────────────────\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      {/* Toolbar */}\n      <div className=\"flex flex-wrap items-center gap-2 border-b border-border bg-background px-3 py-2\">\n        <button\n          type=\"button\"\n          onClick={runActiveStatement}\n          disabled={running || !value.trim()}\n          title={`Run selection / statement (${MOD}+Enter)`}\n          className=\"inline-flex h-8 cursor-pointer items-center gap-1.5 rounded-md bg-primary px-3 text-xs font-semibold text-primary-foreground transition-colors hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-50\"\n        >\n          {running ? (\n            <IconLoader2 size={14} className=\"animate-spin\" />\n          ) : (\n            <IconPlayerPlayFilled size={14} />\n          )}\n          Run\n        </button>\n\n        <span className=\"hidden text-[11px] text-muted-foreground sm:inline\">\n          {MOD}+Enter runs selection / statement · {MOD}+Shift+Enter runs all\n        </span>\n\n        <div className=\"ml-auto flex items-center gap-2\">\n          {/* History */}\n          <Popover>\n            <PopoverTrigger asChild>\n              <ToolbarButton title=\"Query history\">\n                <IconHistory size={14} />\n                History\n              </ToolbarButton>\n            </PopoverTrigger>\n            <PopoverContent align=\"end\" className=\"w-96 p-0\">\n              <div className=\"flex items-center justify-between border-b border-border px-3 py-2\">\n                <span className=\"text-xs font-semibold text-foreground\">\n                  Recent queries\n                </span>\n                {history.length > 0 && (\n                  <button\n                    type=\"button\"\n                    onClick={() => {\n                      clearHistory();\n                      setHistory([]);\n                    }}\n                    className=\"cursor-pointer text-[11px] text-muted-foreground hover:text-foreground\"\n                  >\n                    Clear\n                  </button>\n                )}\n              </div>\n              <div className=\"max-h-80 overflow-auto py-1\">\n                {history.length === 0 ? (\n                  <div className=\"px-3 py-6 text-center text-xs text-muted-foreground\">\n                    No queries yet\n                  </div>\n                ) : (\n                  history.map((h, i) => (\n                    <button\n                      key={i}\n                      type=\"button\"\n                      onClick={() => loadIntoEditor(h)}\n                      className=\"block w-full cursor-pointer truncate px-3 py-1.5 text-left font-mono text-[11px] text-foreground hover:bg-accent\"\n                      title={h}\n                    >\n                      {h.replace(/\\s+/g, \" \").trim()}\n                    </button>\n                  ))\n                )}\n              </div>\n            </PopoverContent>\n          </Popover>\n\n          {/* Snippets */}\n          <Popover>\n            <PopoverTrigger asChild>\n              <ToolbarButton title=\"Saved snippets\">\n                <IconBookmark size={14} />\n                Snippets\n              </ToolbarButton>\n            </PopoverTrigger>\n            <PopoverContent align=\"end\" className=\"w-96 p-0\">\n              <div className=\"flex items-center justify-between border-b border-border px-3 py-2\">\n                <span className=\"text-xs font-semibold text-foreground\">\n                  Saved snippets\n                </span>\n                <button\n                  type=\"button\"\n                  onClick={openSaveModal}\n                  disabled={!value.trim()}\n                  className=\"inline-flex cursor-pointer items-center gap-1 text-[11px] text-muted-foreground hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50\"\n                >\n                  <IconBookmarkPlus size={13} />\n                  Save current\n                </button>\n              </div>\n              <div className=\"max-h-80 overflow-auto py-1\">\n                {snippets.length === 0 ? (\n                  <div className=\"px-3 py-6 text-center text-xs text-muted-foreground\">\n                    No saved snippets\n                  </div>\n                ) : (\n                  snippets.map((s) => (\n                    <div\n                      key={s.id}\n                      className=\"group flex items-center gap-2 px-3 py-1.5 hover:bg-accent\"\n                    >\n                      <button\n                        type=\"button\"\n                        onClick={() => loadIntoEditor(s.sql)}\n                        className=\"min-w-0 flex-1 cursor-pointer text-left\"\n                        title={s.sql}\n                      >\n                        <div className=\"truncate text-xs font-medium text-foreground\">\n                          {s.name}\n                        </div>\n                        <div className=\"truncate font-mono text-[10px] text-muted-foreground\">\n                          {s.sql.replace(/\\s+/g, \" \").trim()}\n                        </div>\n                      </button>\n                      <button\n                        type=\"button\"\n                        onClick={() => removeSnippet(s.id)}\n                        className=\"cursor-pointer rounded p-1 text-muted-foreground opacity-0 transition-opacity hover:text-red-500 group-hover:opacity-100\"\n                        title=\"Delete snippet\"\n                      >\n                        <IconTrash size={13} />\n                      </button>\n                    </div>\n                  ))\n                )}\n              </div>\n            </PopoverContent>\n          </Popover>\n\n          {/* Export */}\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <ToolbarButton title=\"Export results\" disabled={!canExport}>\n                <IconDownload size={14} />\n                Export\n                <IconChevronDown size={12} className=\"opacity-60\" />\n              </ToolbarButton>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\">\n              <DropdownMenuItem onClick={() => exportAs(\"csv\")}>\n                Download CSV\n              </DropdownMenuItem>\n              <DropdownMenuItem onClick={() => exportAs(\"json\")}>\n                Download JSON\n              </DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n        </div>\n      </div>\n\n      {/* Editor pane */}\n      <div\n        className=\"shrink-0 overflow-hidden border-b border-border\"\n        style={{ height: editorHeight }}\n      >\n        <CodeMirror\n          ref={editorRef}\n          value={value}\n          onChange={setValue}\n          height={`${editorHeight}px`}\n          theme={isDark ? oneDark : undefined}\n          extensions={extensions}\n          placeholder=\"Write SQL here…\"\n          basicSetup={{\n            lineNumbers: true,\n            highlightActiveLine: true,\n            autocompletion: true,\n            bracketMatching: true,\n            closeBrackets: true,\n          }}\n          style={{ fontSize: 13, height: \"100%\" }}\n        />\n      </div>\n\n      {/* Splitter */}\n      <div\n        onMouseDown={startDrag}\n        className=\"h-1.5 shrink-0 cursor-row-resize bg-border/40 transition-colors hover:bg-primary/40\"\n        role=\"separator\"\n        aria-orientation=\"horizontal\"\n      />\n\n      {/* Status / error bar */}\n      {(status || error) && (\n        <div className=\"shrink-0 px-3 py-1.5\">\n          {error ? (\n            <div className=\"flex items-start gap-2 rounded-md border border-red-500/40 bg-red-500/10 px-3 py-2 text-xs text-red-500\">\n              <IconAlertTriangle size={14} className=\"mt-px shrink-0\" />\n              <span className=\"break-words font-mono\">{error}</span>\n            </div>\n          ) : (\n            <div className=\"font-mono text-[11px] text-muted-foreground\">\n              {status}\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Results panel */}\n      <div className=\"min-h-0 flex-1 overflow-hidden\">\n        {hasResults ? (\n          <ResultsGrid columns={result!.columns} rows={result!.rows} />\n        ) : (\n          <div className=\"flex h-full flex-col items-center justify-center gap-4 p-6 text-center\">\n            <div className=\"text-sm text-muted-foreground\">\n              Run a query to see results, or start with an example:\n            </div>\n            <div className=\"flex flex-col gap-2\">\n              {examples.map((ex, i) => (\n                <button\n                  key={i}\n                  type=\"button\"\n                  onClick={() => loadIntoEditor(ex.sql)}\n                  className=\"cursor-pointer rounded-md border border-border bg-background px-4 py-2 text-left transition-colors hover:bg-accent\"\n                >\n                  <div className=\"text-xs font-medium text-foreground\">\n                    {ex.label}\n                  </div>\n                  <div className=\"mt-0.5 font-mono text-[11px] text-muted-foreground\">\n                    {ex.sql}\n                  </div>\n                </button>\n              ))}\n            </div>\n          </div>\n        )}\n      </div>\n\n      {/* Destructive-confirm modal */}\n      {confirmSql && (\n        <Modal\n          title=\"Confirm destructive query\"\n          onClose={() => setConfirmSql(null)}\n        >\n          <div className=\"space-y-4\">\n            <div className=\"flex items-start gap-2 text-sm text-foreground\">\n              <IconAlertTriangle\n                size={18}\n                className=\"mt-px shrink-0 text-yellow-500\"\n              />\n              <p>\n                This looks like a destructive query (DROP / TRUNCATE / DELETE\n                without WHERE). Run it?\n              </p>\n            </div>\n            <pre className=\"max-h-40 overflow-auto rounded-md border border-border bg-muted/50 p-3 font-mono text-[11px] text-foreground\">\n              {confirmSql}\n            </pre>\n            <div className=\"flex justify-end gap-2\">\n              <button\n                type=\"button\"\n                onClick={() => setConfirmSql(null)}\n                className=\"inline-flex h-8 cursor-pointer items-center rounded-md border border-border bg-background px-3 text-xs font-medium text-foreground hover:bg-accent\"\n              >\n                Cancel\n              </button>\n              <button\n                type=\"button\"\n                onClick={confirmAndRun}\n                className=\"inline-flex h-8 cursor-pointer items-center rounded-md bg-red-500 px-3 text-xs font-semibold text-white hover:bg-red-600\"\n              >\n                Run anyway\n              </button>\n            </div>\n          </div>\n        </Modal>\n      )}\n\n      {/* Save-snippet modal */}\n      {saveModalOpen && (\n        <Modal title=\"Save snippet\" onClose={() => setSaveModalOpen(false)}>\n          <div className=\"space-y-4\">\n            <div>\n              <label className=\"mb-1.5 block text-xs font-medium text-muted-foreground\">\n                Snippet name\n              </label>\n              <input\n                autoFocus\n                value={snippetName}\n                onChange={(e) => setSnippetName(e.target.value)}\n                onKeyDown={(e) => {\n                  if (e.key === \"Enter\") commitSnippet();\n                }}\n                placeholder=\"e.g. Active users this week\"\n                className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground outline-none focus:border-primary focus:ring-1 focus:ring-primary\"\n              />\n            </div>\n            <pre className=\"max-h-40 overflow-auto rounded-md border border-border bg-muted/50 p-3 font-mono text-[11px] text-foreground\">\n              {value.trim()}\n            </pre>\n            <div className=\"flex justify-end gap-2\">\n              <button\n                type=\"button\"\n                onClick={() => setSaveModalOpen(false)}\n                className=\"inline-flex h-8 cursor-pointer items-center rounded-md border border-border bg-background px-3 text-xs font-medium text-foreground hover:bg-accent\"\n              >\n                Cancel\n              </button>\n              <button\n                type=\"button\"\n                onClick={commitSnippet}\n                disabled={!snippetName.trim()}\n                className=\"inline-flex h-8 cursor-pointer items-center rounded-md bg-primary px-3 text-xs font-semibold text-primary-foreground hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-50\"\n              >\n                Save\n              </button>\n            </div>\n          </div>\n        </Modal>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/client/db-admin/TableEditor.d.ts

@@ -1,9 +1,11 @@
 import type { DbAdminDialect, DbAdminFilter } from "../../db-admin/types.js";
+import { type DbAdminRequestConfig } from "./useDbAdmin.js";
 export interface TableEditorProps {
     table: string;
     dialect: DbAdminDialect;
+    requestConfig?: DbAdminRequestConfig;
     initialFilters?: DbAdminFilter[];
     onNavigateToRow: (table: string, filters: DbAdminFilter[]) => void;
 }
-export declare function TableEditor({ table, dialect: _dialect, initialFilters, onNavigateToRow, }: TableEditorProps): import("react").JSX.Element;
+export declare function TableEditor({ table, dialect: _dialect, requestConfig, initialFilters, onNavigateToRow, }: TableEditorProps): import("react").JSX.Element;
 //# sourceMappingURL=TableEditor.d.ts.map

package/dist/client/db-admin/TableEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableEditor.d.ts","sourceRoot":"","sources":["../../../src/client/db-admin/TableEditor.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EAId,MAAM,yBAAyB,CAAC;AAcjC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,cAAc,CAAC;IACxB,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;IACjC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;CACpE;AAKD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EAAE,QAAQ,EACjB,cAAc,EACd,eAAe,GAChB,EAAE,gBAAgB,+BAqelB"}
+{"version":3,"file":"TableEditor.d.ts","sourceRoot":"","sources":["../../../src/client/db-admin/TableEditor.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EAId,MAAM,yBAAyB,CAAC;AAYjC,OAAO,EAIL,KAAK,oBAAoB,EAC1B,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,cAAc,CAAC;IACxB,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;IACjC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;CACpE;AAKD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EAAE,QAAQ,EACjB,aAAa,EACb,cAAc,EACd,eAAe,GAChB,EAAE,gBAAgB,+BAqelB"}