@agent-native/core 0.26.8 → 0.27.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"DevDatabaseLink.d.ts","sourceRoot":"","sources":["../../../src/client/db-admin/DevDatabaseLink.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,EAAgB,GACjB,EAAE,oBAAoB,2CAmBtB"}

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

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from "react-router";
+import { IconDatabase } from "@tabler/icons-react";
+import { useDevMode } from "../use-dev-mode.js";
+import { appPath } from "../api-path.js";
+import { cn } from "../utils.js";
+/**
+ * Development-only entry point to the database admin.
+ *
+ * Renders a compact footer link (designed to sit next to `FeedbackButton` /
+ * `OrgSwitcher` in a template's sidebar footer) ONLY when the app is running in
+ * a development environment (`useDevMode().canToggle`). In production it renders
+ * nothing, so it is safe to drop into every template's chrome unconditionally.
+ *
+ * The page it links to (`/database`) and its backing routes are independently
+ * gated to `NODE_ENV === "development"` on the server, so this is purely a
+ * convenience affordance — never a security boundary.
+ */
+export function DevDatabaseLink({ className, to = "/database", }) {
+    const { canToggle } = useDevMode();
+    if (!canToggle)
+        return null;
+    return (_jsxs(Link, { to: appPath(to), title: "Database admin \u2014 development only", className: cn("flex w-full items-center gap-2 rounded-md border border-border/50 px-2.5 py-1.5 text-xs font-medium text-muted-foreground hover:bg-accent/50 hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring", className), children: [_jsx(IconDatabase, { className: "h-3.5 w-3.5 shrink-0" }), _jsx("span", { className: "flex-1 truncate text-left", children: "Database" }), _jsx("span", { className: "rounded bg-muted px-1 py-0.5 text-[9px] uppercase tracking-wide text-muted-foreground", children: "dev" })] }));
+}
+//# sourceMappingURL=DevDatabaseLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DevDatabaseLink.js","sourceRoot":"","sources":["../../../src/client/db-admin/DevDatabaseLink.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAQjC;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,SAAS,EACT,EAAE,GAAG,WAAW,GACK;IACrB,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,CAAC;IACnC,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAC5B,OAAO,CACL,MAAC,IAAI,IACH,EAAE,EAAE,OAAO,CAAC,EAAE,CAAC,EACf,KAAK,EAAC,wCAAmC,EACzC,SAAS,EAAE,EAAE,CACX,oOAAoO,EACpO,SAAS,CACV,aAED,KAAC,YAAY,IAAC,SAAS,EAAC,sBAAsB,GAAG,EACjD,eAAM,SAAS,EAAC,2BAA2B,yBAAgB,EAC3D,eAAM,SAAS,EAAC,uFAAuF,oBAEhG,IACF,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { Link } from \"react-router\";\nimport { IconDatabase } from \"@tabler/icons-react\";\nimport { useDevMode } from \"../use-dev-mode.js\";\nimport { appPath } from \"../api-path.js\";\nimport { cn } from \"../utils.js\";\n\nexport interface DevDatabaseLinkProps {\n  className?: string;\n  /** Route path for the DB admin page. Defaults to `/database`. */\n  to?: string;\n}\n\n/**\n * Development-only entry point to the database admin.\n *\n * Renders a compact footer link (designed to sit next to `FeedbackButton` /\n * `OrgSwitcher` in a template's sidebar footer) ONLY when the app is running in\n * a development environment (`useDevMode().canToggle`). In production it renders\n * nothing, so it is safe to drop into every template's chrome unconditionally.\n *\n * The page it links to (`/database`) and its backing routes are independently\n * gated to `NODE_ENV === \"development\"` on the server, so this is purely a\n * convenience affordance — never a security boundary.\n */\nexport function DevDatabaseLink({\n  className,\n  to = \"/database\",\n}: DevDatabaseLinkProps) {\n  const { canToggle } = useDevMode();\n  if (!canToggle) return null;\n  return (\n    <Link\n      to={appPath(to)}\n      title=\"Database admin — development only\"\n      className={cn(\n        \"flex w-full items-center gap-2 rounded-md border border-border/50 px-2.5 py-1.5 text-xs font-medium text-muted-foreground hover:bg-accent/50 hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n        className,\n      )}\n    >\n      <IconDatabase className=\"h-3.5 w-3.5 shrink-0\" />\n      <span className=\"flex-1 truncate text-left\">Database</span>\n      <span className=\"rounded bg-muted px-1 py-0.5 text-[9px] uppercase tracking-wide text-muted-foreground\">\n        dev\n      </span>\n    </Link>\n  );\n}\n"]}

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

@@ -0,0 +1,26 @@
+import { type EditorKind } from "./cell-format.js";
+import type { DbAdminColumn } from "../../db-admin/types.js";
+export interface EditableCellProps {
+    column: DbAdminColumn;
+    kind: EditorKind;
+    value: unknown;
+    /** Whether this cell holds a staged (uncommitted) edit. */
+    dirty?: boolean;
+    /** Whether editing is allowed (false when the table has no PK). */
+    editable?: boolean;
+    /** Whether this cell is the keyboard-focused/active cell in the grid. */
+    active?: boolean;
+    /** True if the editor should open immediately (e.g. typing began). */
+    editing?: boolean;
+    /** Commit a new value into the changeset. */
+    onCommit: (value: unknown) => void;
+    /** Request entering edit mode. */
+    onStartEdit?: () => void;
+    /** Request leaving edit mode without committing. */
+    onCancelEdit?: () => void;
+    /** Move focus after Enter ("down") or Tab ("right"). */
+    onNavigate?: (dir: "up" | "down" | "left" | "right") => void;
+    className?: string;
+}
+export declare function EditableCell({ column, kind, value, dirty, editable, active, editing, onCommit, onStartEdit, onCancelEdit, onNavigate, className, }: EditableCellProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EditableCell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditableCell.d.ts","sourceRoot":"","sources":["../../../src/client/db-admin/EditableCell.tsx"],"names":[],"mappings":"AAYA,OAAO,EACL,KAAK,UAAU,EAQhB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,aAAa,CAAC;IACtB,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,2DAA2D;IAC3D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6CAA6C;IAC7C,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,wDAAwD;IACxD,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAe,EACf,MAAM,EACN,OAAO,EACP,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,UAAU,EACV,SAAS,GACV,EAAE,iBAAiB,2CA4FnB"}

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

@@ -0,0 +1,150 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { IconChevronDown, IconCircleX, IconMaximize, } from "@tabler/icons-react";
+import { cn } from "../utils.js";
+import { Popover, PopoverContent, PopoverTrigger, } from "../components/ui/popover.js";
+import { formatCellValue, inferEnumValues, valueToEditString, parseEditValue, ParseError, cycleTriStateBoolean, formatJsonPretty, } from "./cell-format.js";
+const NULL_TOKEN = (_jsx("span", { className: "italic text-muted-foreground/60 select-none", children: "NULL" }));
+export function EditableCell({ column, kind, value, dirty, editable = true, active, editing, onCommit, onStartEdit, onCancelEdit, onNavigate, className, }) {
+    const display = formatCellValue(value, kind);
+    // Boolean cells toggle in place rather than opening a text editor.
+    if (kind === "boolean") {
+        return (_jsx(BooleanCell, { value: value, dirty: dirty, editable: editable, active: active, onCommit: onCommit, onNavigate: onNavigate, className: className }));
+    }
+    const baseCell = cn("relative h-full w-full px-2 py-1 text-xs truncate outline-none", "font-mono", active && "ring-1 ring-inset ring-ring", dirty && "bg-amber-500/10 ring-1 ring-inset ring-amber-500/50", editable && "cursor-text", className);
+    if (editing && editable) {
+        if (kind === "enum") {
+            return (_jsx(EnumEditor, { column: column, value: value, onCommit: onCommit, onCancel: onCancelEdit, onNavigate: onNavigate }));
+        }
+        if (kind === "json") {
+            return (_jsx(JsonEditor, { value: value, onCommit: onCommit, onCancel: onCancelEdit }));
+        }
+        return (_jsx(InlineTextEditor, { kind: kind, value: value, nullable: column.nullable, onCommit: onCommit, onCancel: onCancelEdit, onNavigate: onNavigate }));
+    }
+    return (_jsx("div", { role: "gridcell", tabIndex: active ? 0 : -1, className: baseCell, onDoubleClick: () => editable && onStartEdit?.(), onKeyDown: (e) => {
+            if (!editable)
+                return;
+            if (e.key === "Enter" || e.key === "F2") {
+                e.preventDefault();
+                onStartEdit?.();
+            }
+        }, title: display.isNull ? "NULL" : display.text, children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { className: "truncate", children: display.isNull ? NULL_TOKEN : display.text }), editable && (kind === "json" || kind === "text") && (_jsx("button", { type: "button", tabIndex: -1, onClick: (e) => {
+                        e.stopPropagation();
+                        onStartEdit?.();
+                    }, className: "ml-auto shrink-0 text-muted-foreground/50 opacity-0 hover:text-foreground group-hover:opacity-100", "aria-label": "Expand editor", children: _jsx(IconMaximize, { className: "h-3 w-3" }) }))] }) }));
+}
+// ─── Boolean (tri-state) ─────────────────────────────────────────────────────
+function BooleanCell({ value, dirty, editable, active, onCommit, onNavigate, className, }) {
+    const label = value === true ? "true" : value === false ? "false" : null;
+    return (_jsx("div", { role: "gridcell", tabIndex: active ? 0 : -1, className: cn("h-full w-full px-2 py-1 text-xs font-mono outline-none cursor-pointer select-none", active && "ring-1 ring-inset ring-ring", dirty && "bg-amber-500/10 ring-1 ring-inset ring-amber-500/50", className), onClick: () => editable && onCommit(cycleTriStateBoolean(value)), onKeyDown: (e) => {
+            if (!editable)
+                return;
+            if (e.key === " " || e.key === "Enter") {
+                e.preventDefault();
+                onCommit(cycleTriStateBoolean(value));
+            }
+            else if (e.key === "ArrowDown") {
+                e.preventDefault();
+                onNavigate?.("down");
+            }
+            else if (e.key === "ArrowUp") {
+                e.preventDefault();
+                onNavigate?.("up");
+            }
+        }, children: label === null ? NULL_TOKEN : label }));
+}
+// ─── Inline text / number / timestamp / uuid editor ──────────────────────────
+function InlineTextEditor({ kind, value, nullable, onCommit, onCancel, onNavigate, }) {
+    const ref = useRef(null);
+    const [text, setText] = useState(() => valueToEditString(value, kind));
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        ref.current?.focus();
+        ref.current?.select();
+    }, []);
+    const commit = (nav) => {
+        try {
+            const parsed = parseEditValue(text, kind);
+            setError(null);
+            onCommit(parsed);
+            if (nav)
+                onNavigate?.(nav);
+        }
+        catch (err) {
+            setError(err instanceof ParseError ? err.message : String(err));
+        }
+    };
+    return (_jsxs("div", { className: "relative h-full w-full", children: [_jsx("input", { ref: ref, type: kind === "number" ? "text" : "text", inputMode: kind === "number" ? "decimal" : undefined, value: text, onChange: (e) => setText(e.target.value), onBlur: () => commit(), onKeyDown: (e) => {
+                    if (e.key === "Enter") {
+                        e.preventDefault();
+                        commit("down");
+                    }
+                    else if (e.key === "Tab") {
+                        e.preventDefault();
+                        commit("right");
+                    }
+                    else if (e.key === "Escape") {
+                        e.preventDefault();
+                        onCancel?.();
+                    }
+                }, className: cn("h-full w-full bg-background px-2 py-1 text-xs font-mono outline-none", "ring-2 ring-inset ring-ring", error && "ring-destructive") }), nullable && (_jsx("button", { type: "button", tabIndex: -1, title: "Set NULL", onMouseDown: (e) => {
+                    e.preventDefault();
+                    onCommit(null);
+                }, className: "absolute right-1 top-1/2 -translate-y-1/2 text-muted-foreground/50 hover:text-foreground", children: _jsx(IconCircleX, { className: "h-3.5 w-3.5" }) })), error && (_jsx("div", { className: "absolute left-0 top-full z-50 mt-0.5 rounded border border-destructive bg-popover px-2 py-1 text-[11px] text-destructive shadow-md", children: error }))] }));
+}
+// ─── Enum (select) editor ────────────────────────────────────────────────────
+function EnumEditor({ column, value, onCommit, onCancel, onNavigate, }) {
+    const ref = useRef(null);
+    const options = inferEnumValues(column) ?? [];
+    useEffect(() => {
+        ref.current?.focus();
+    }, []);
+    return (_jsxs("select", { ref: ref, defaultValue: value === null || value === undefined ? "" : String(value), onChange: (e) => {
+            const v = e.target.value;
+            onCommit(v === "" ? null : v);
+            onNavigate?.("down");
+        }, onBlur: () => onCancel?.(), onKeyDown: (e) => {
+            if (e.key === "Escape")
+                onCancel?.();
+        }, className: "h-full w-full appearance-none bg-background px-2 py-1 text-xs font-mono outline-none ring-2 ring-inset ring-ring", children: [column.nullable && _jsx("option", { value: "", children: "NULL" }), options.map((opt) => (_jsx("option", { value: opt, children: opt }, opt)))] }));
+}
+// ─── JSON / long-text expanding editor ───────────────────────────────────────
+function JsonEditor({ value, onCommit, onCancel, }) {
+    const [open, setOpen] = useState(true);
+    const [text, setText] = useState(() => formatJsonPretty(value));
+    const [error, setError] = useState(null);
+    const commit = () => {
+        if (text.trim() === "") {
+            onCommit(null);
+            setOpen(false);
+            return;
+        }
+        try {
+            const parsed = parseEditValue(text, "json");
+            setError(null);
+            onCommit(parsed);
+            setOpen(false);
+        }
+        catch (err) {
+            setError(err instanceof ParseError ? err.message : String(err));
+        }
+    };
+    return (_jsxs(Popover, { open: open, onOpenChange: (o) => {
+            if (!o)
+                onCancel?.();
+            setOpen(o);
+        }, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: "flex h-full w-full items-center gap-1 px-2 py-1 text-xs font-mono ring-2 ring-inset ring-ring outline-none", children: [_jsx("span", { className: "truncate", children: formatJsonPretty(value) || "{}" }), _jsx(IconChevronDown, { className: "ml-auto h-3 w-3 shrink-0" })] }) }), _jsxs(PopoverContent, { align: "start", className: "w-[28rem] p-2", onOpenAutoFocus: (e) => e.preventDefault(), children: [_jsx("textarea", { autoFocus: true, value: text, onChange: (e) => setText(e.target.value), onKeyDown: (e) => {
+                            if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
+                                e.preventDefault();
+                                commit();
+                            }
+                            else if (e.key === "Escape") {
+                                e.preventDefault();
+                                onCancel?.();
+                            }
+                        }, rows: 10, spellCheck: false, className: cn("w-full resize-y rounded border border-border bg-background p-2 font-mono text-xs outline-none focus:ring-1 focus:ring-ring", error && "border-destructive") }), error && (_jsx("div", { className: "mt-1 text-[11px] text-destructive", children: error })), _jsxs("div", { className: "mt-2 flex items-center justify-between", children: [_jsx("button", { type: "button", onClick: () => {
+                                    onCommit(null);
+                                    setOpen(false);
+                                }, className: "rounded px-2 py-1 text-[11px] text-muted-foreground hover:text-foreground", children: "Set NULL" }), _jsxs("div", { className: "flex gap-1", children: [_jsx("button", { type: "button", onClick: () => onCancel?.(), className: "rounded px-2 py-1 text-[11px] text-muted-foreground hover:bg-muted hover:text-foreground", children: "Cancel" }), _jsx("button", { type: "button", onClick: commit, className: "rounded bg-primary px-2 py-1 text-[11px] font-medium text-primary-foreground hover:bg-primary/90", children: "Apply" })] })] })] })] }));
+}
+//# sourceMappingURL=EditableCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditableCell.js","sourceRoot":"","sources":["../../../src/client/db-admin/EditableCell.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport {\n  IconChevronDown,\n  IconCircleX,\n  IconMaximize,\n} from \"@tabler/icons-react\";\nimport { cn } from \"../utils.js\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../components/ui/popover.js\";\nimport {\n  type EditorKind,\n  formatCellValue,\n  inferEnumValues,\n  valueToEditString,\n  parseEditValue,\n  ParseError,\n  cycleTriStateBoolean,\n  formatJsonPretty,\n} from \"./cell-format.js\";\nimport type { DbAdminColumn } from \"../../db-admin/types.js\";\n\nexport interface EditableCellProps {\n  column: DbAdminColumn;\n  kind: EditorKind;\n  value: unknown;\n  /** Whether this cell holds a staged (uncommitted) edit. */\n  dirty?: boolean;\n  /** Whether editing is allowed (false when the table has no PK). */\n  editable?: boolean;\n  /** Whether this cell is the keyboard-focused/active cell in the grid. */\n  active?: boolean;\n  /** True if the editor should open immediately (e.g. typing began). */\n  editing?: boolean;\n  /** Commit a new value into the changeset. */\n  onCommit: (value: unknown) => void;\n  /** Request entering edit mode. */\n  onStartEdit?: () => void;\n  /** Request leaving edit mode without committing. */\n  onCancelEdit?: () => void;\n  /** Move focus after Enter (\"down\") or Tab (\"right\"). */\n  onNavigate?: (dir: \"up\" | \"down\" | \"left\" | \"right\") => void;\n  className?: string;\n}\n\nconst NULL_TOKEN = (\n  <span className=\"italic text-muted-foreground/60 select-none\">NULL</span>\n);\n\nexport function EditableCell({\n  column,\n  kind,\n  value,\n  dirty,\n  editable = true,\n  active,\n  editing,\n  onCommit,\n  onStartEdit,\n  onCancelEdit,\n  onNavigate,\n  className,\n}: EditableCellProps) {\n  const display = formatCellValue(value, kind);\n\n  // Boolean cells toggle in place rather than opening a text editor.\n  if (kind === \"boolean\") {\n    return (\n      <BooleanCell\n        value={value}\n        dirty={dirty}\n        editable={editable}\n        active={active}\n        onCommit={onCommit}\n        onNavigate={onNavigate}\n        className={className}\n      />\n    );\n  }\n\n  const baseCell = cn(\n    \"relative h-full w-full px-2 py-1 text-xs truncate outline-none\",\n    \"font-mono\",\n    active && \"ring-1 ring-inset ring-ring\",\n    dirty && \"bg-amber-500/10 ring-1 ring-inset ring-amber-500/50\",\n    editable && \"cursor-text\",\n    className,\n  );\n\n  if (editing && editable) {\n    if (kind === \"enum\") {\n      return (\n        <EnumEditor\n          column={column}\n          value={value}\n          onCommit={onCommit}\n          onCancel={onCancelEdit}\n          onNavigate={onNavigate}\n        />\n      );\n    }\n    if (kind === \"json\") {\n      return (\n        <JsonEditor value={value} onCommit={onCommit} onCancel={onCancelEdit} />\n      );\n    }\n    return (\n      <InlineTextEditor\n        kind={kind}\n        value={value}\n        nullable={column.nullable}\n        onCommit={onCommit}\n        onCancel={onCancelEdit}\n        onNavigate={onNavigate}\n      />\n    );\n  }\n\n  return (\n    <div\n      role=\"gridcell\"\n      tabIndex={active ? 0 : -1}\n      className={baseCell}\n      onDoubleClick={() => editable && onStartEdit?.()}\n      onKeyDown={(e) => {\n        if (!editable) return;\n        if (e.key === \"Enter\" || e.key === \"F2\") {\n          e.preventDefault();\n          onStartEdit?.();\n        }\n      }}\n      title={display.isNull ? \"NULL\" : display.text}\n    >\n      <div className=\"flex items-center gap-1\">\n        <span className=\"truncate\">\n          {display.isNull ? NULL_TOKEN : display.text}\n        </span>\n        {editable && (kind === \"json\" || kind === \"text\") && (\n          <button\n            type=\"button\"\n            tabIndex={-1}\n            onClick={(e) => {\n              e.stopPropagation();\n              onStartEdit?.();\n            }}\n            className=\"ml-auto shrink-0 text-muted-foreground/50 opacity-0 hover:text-foreground group-hover:opacity-100\"\n            aria-label=\"Expand editor\"\n          >\n            <IconMaximize className=\"h-3 w-3\" />\n          </button>\n        )}\n      </div>\n    </div>\n  );\n}\n\n// ─── Boolean (tri-state) ─────────────────────────────────────────────────────\n\nfunction BooleanCell({\n  value,\n  dirty,\n  editable,\n  active,\n  onCommit,\n  onNavigate,\n  className,\n}: {\n  value: unknown;\n  dirty?: boolean;\n  editable: boolean;\n  active?: boolean;\n  onCommit: (v: unknown) => void;\n  onNavigate?: (dir: \"up\" | \"down\" | \"left\" | \"right\") => void;\n  className?: string;\n}) {\n  const label = value === true ? \"true\" : value === false ? \"false\" : null;\n  return (\n    <div\n      role=\"gridcell\"\n      tabIndex={active ? 0 : -1}\n      className={cn(\n        \"h-full w-full px-2 py-1 text-xs font-mono outline-none cursor-pointer select-none\",\n        active && \"ring-1 ring-inset ring-ring\",\n        dirty && \"bg-amber-500/10 ring-1 ring-inset ring-amber-500/50\",\n        className,\n      )}\n      onClick={() => editable && onCommit(cycleTriStateBoolean(value))}\n      onKeyDown={(e) => {\n        if (!editable) return;\n        if (e.key === \" \" || e.key === \"Enter\") {\n          e.preventDefault();\n          onCommit(cycleTriStateBoolean(value));\n        } else if (e.key === \"ArrowDown\") {\n          e.preventDefault();\n          onNavigate?.(\"down\");\n        } else if (e.key === \"ArrowUp\") {\n          e.preventDefault();\n          onNavigate?.(\"up\");\n        }\n      }}\n    >\n      {label === null ? NULL_TOKEN : label}\n    </div>\n  );\n}\n\n// ─── Inline text / number / timestamp / uuid editor ──────────────────────────\n\nfunction InlineTextEditor({\n  kind,\n  value,\n  nullable,\n  onCommit,\n  onCancel,\n  onNavigate,\n}: {\n  kind: EditorKind;\n  value: unknown;\n  nullable: boolean;\n  onCommit: (v: unknown) => void;\n  onCancel?: () => void;\n  onNavigate?: (dir: \"up\" | \"down\" | \"left\" | \"right\") => void;\n}) {\n  const ref = useRef<HTMLInputElement>(null);\n  const [text, setText] = useState(() => valueToEditString(value, kind));\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    ref.current?.focus();\n    ref.current?.select();\n  }, []);\n\n  const commit = (nav?: \"down\" | \"right\") => {\n    try {\n      const parsed = parseEditValue(text, kind);\n      setError(null);\n      onCommit(parsed);\n      if (nav) onNavigate?.(nav);\n    } catch (err) {\n      setError(err instanceof ParseError ? err.message : String(err));\n    }\n  };\n\n  return (\n    <div className=\"relative h-full w-full\">\n      <input\n        ref={ref}\n        type={kind === \"number\" ? \"text\" : \"text\"}\n        inputMode={kind === \"number\" ? \"decimal\" : undefined}\n        value={text}\n        onChange={(e) => setText(e.target.value)}\n        onBlur={() => commit()}\n        onKeyDown={(e) => {\n          if (e.key === \"Enter\") {\n            e.preventDefault();\n            commit(\"down\");\n          } else if (e.key === \"Tab\") {\n            e.preventDefault();\n            commit(\"right\");\n          } else if (e.key === \"Escape\") {\n            e.preventDefault();\n            onCancel?.();\n          }\n        }}\n        className={cn(\n          \"h-full w-full bg-background px-2 py-1 text-xs font-mono outline-none\",\n          \"ring-2 ring-inset ring-ring\",\n          error && \"ring-destructive\",\n        )}\n      />\n      {nullable && (\n        <button\n          type=\"button\"\n          tabIndex={-1}\n          title=\"Set NULL\"\n          onMouseDown={(e) => {\n            e.preventDefault();\n            onCommit(null);\n          }}\n          className=\"absolute right-1 top-1/2 -translate-y-1/2 text-muted-foreground/50 hover:text-foreground\"\n        >\n          <IconCircleX className=\"h-3.5 w-3.5\" />\n        </button>\n      )}\n      {error && (\n        <div className=\"absolute left-0 top-full z-50 mt-0.5 rounded border border-destructive bg-popover px-2 py-1 text-[11px] text-destructive shadow-md\">\n          {error}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ─── Enum (select) editor ────────────────────────────────────────────────────\n\nfunction EnumEditor({\n  column,\n  value,\n  onCommit,\n  onCancel,\n  onNavigate,\n}: {\n  column: DbAdminColumn;\n  value: unknown;\n  onCommit: (v: unknown) => void;\n  onCancel?: () => void;\n  onNavigate?: (dir: \"up\" | \"down\" | \"left\" | \"right\") => void;\n}) {\n  const ref = useRef<HTMLSelectElement>(null);\n  const options = inferEnumValues(column) ?? [];\n\n  useEffect(() => {\n    ref.current?.focus();\n  }, []);\n\n  return (\n    <select\n      ref={ref}\n      defaultValue={value === null || value === undefined ? \"\" : String(value)}\n      onChange={(e) => {\n        const v = e.target.value;\n        onCommit(v === \"\" ? null : v);\n        onNavigate?.(\"down\");\n      }}\n      onBlur={() => onCancel?.()}\n      onKeyDown={(e) => {\n        if (e.key === \"Escape\") onCancel?.();\n      }}\n      className=\"h-full w-full appearance-none bg-background px-2 py-1 text-xs font-mono outline-none ring-2 ring-inset ring-ring\"\n    >\n      {column.nullable && <option value=\"\">NULL</option>}\n      {options.map((opt) => (\n        <option key={opt} value={opt}>\n          {opt}\n        </option>\n      ))}\n    </select>\n  );\n}\n\n// ─── JSON / long-text expanding editor ───────────────────────────────────────\n\nfunction JsonEditor({\n  value,\n  onCommit,\n  onCancel,\n}: {\n  value: unknown;\n  onCommit: (v: unknown) => void;\n  onCancel?: () => void;\n}) {\n  const [open, setOpen] = useState(true);\n  const [text, setText] = useState(() => formatJsonPretty(value));\n  const [error, setError] = useState<string | null>(null);\n\n  const commit = () => {\n    if (text.trim() === \"\") {\n      onCommit(null);\n      setOpen(false);\n      return;\n    }\n    try {\n      const parsed = parseEditValue(text, \"json\");\n      setError(null);\n      onCommit(parsed);\n      setOpen(false);\n    } catch (err) {\n      setError(err instanceof ParseError ? err.message : String(err));\n    }\n  };\n\n  return (\n    <Popover\n      open={open}\n      onOpenChange={(o) => {\n        if (!o) onCancel?.();\n        setOpen(o);\n      }}\n    >\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          className=\"flex h-full w-full items-center gap-1 px-2 py-1 text-xs font-mono ring-2 ring-inset ring-ring outline-none\"\n        >\n          <span className=\"truncate\">{formatJsonPretty(value) || \"{}\"}</span>\n          <IconChevronDown className=\"ml-auto h-3 w-3 shrink-0\" />\n        </button>\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"start\"\n        className=\"w-[28rem] p-2\"\n        onOpenAutoFocus={(e) => e.preventDefault()}\n      >\n        <textarea\n          autoFocus\n          value={text}\n          onChange={(e) => setText(e.target.value)}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\" && (e.metaKey || e.ctrlKey)) {\n              e.preventDefault();\n              commit();\n            } else if (e.key === \"Escape\") {\n              e.preventDefault();\n              onCancel?.();\n            }\n          }}\n          rows={10}\n          spellCheck={false}\n          className={cn(\n            \"w-full resize-y rounded border border-border bg-background p-2 font-mono text-xs outline-none focus:ring-1 focus:ring-ring\",\n            error && \"border-destructive\",\n          )}\n        />\n        {error && (\n          <div className=\"mt-1 text-[11px] text-destructive\">{error}</div>\n        )}\n        <div className=\"mt-2 flex items-center justify-between\">\n          <button\n            type=\"button\"\n            onClick={() => {\n              onCommit(null);\n              setOpen(false);\n            }}\n            className=\"rounded px-2 py-1 text-[11px] text-muted-foreground hover:text-foreground\"\n          >\n            Set NULL\n          </button>\n          <div className=\"flex gap-1\">\n            <button\n              type=\"button\"\n              onClick={() => onCancel?.()}\n              className=\"rounded px-2 py-1 text-[11px] text-muted-foreground hover:bg-muted hover:text-foreground\"\n            >\n              Cancel\n            </button>\n            <button\n              type=\"button\"\n              onClick={commit}\n              className=\"rounded bg-primary px-2 py-1 text-[11px] font-medium text-primary-foreground hover:bg-primary/90\"\n            >\n              Apply\n            </button>\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"]}

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

@@ -0,0 +1,8 @@
+import type { DbAdminColumn, DbAdminFilter } from "../../db-admin/types.js";
+export interface FilterBarProps {
+    columns: DbAdminColumn[];
+    filters: DbAdminFilter[];
+    onChange: (filters: DbAdminFilter[]) => void;
+}
+export declare function FilterBar({ columns, filters, onChange }: FilterBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FilterBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBar.d.ts","sourceRoot":"","sources":["../../../src/client/db-admin/FilterBar.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,aAAa,EACb,aAAa,EAEd,MAAM,yBAAyB,CAAC;AA6BjC,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,cAAc,2CA4BvE"}

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

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { IconFilter, IconPlus, IconX } from "@tabler/icons-react";
+import { cn } from "../utils.js";
+import { Popover, PopoverContent, PopoverTrigger, } from "../components/ui/popover.js";
+const OPS = [
+    { value: "eq", label: "=", needsValue: true },
+    { value: "neq", label: "≠", needsValue: true },
+    { value: "lt", label: "<", needsValue: true },
+    { value: "lte", label: "≤", needsValue: true },
+    { value: "gt", label: ">", needsValue: true },
+    { value: "gte", label: "≥", needsValue: true },
+    { value: "like", label: "like", needsValue: true },
+    { value: "ilike", label: "ilike", needsValue: true },
+    { value: "in", label: "in", needsValue: true },
+    { value: "is_null", label: "is null", needsValue: false },
+    { value: "not_null", label: "not null", needsValue: false },
+];
+function opNeedsValue(op) {
+    return OPS.find((o) => o.value === op)?.needsValue ?? true;
+}
+function opLabel(op) {
+    return OPS.find((o) => o.value === op)?.label ?? op;
+}
+const selectCls = "h-7 rounded-md border border-border bg-background px-2 text-xs outline-none focus:ring-1 focus:ring-ring";
+const inputCls = "h-7 rounded-md border border-border bg-background px-2 text-xs outline-none focus:ring-1 focus:ring-ring";
+export function FilterBar({ columns, filters, onChange }) {
+    const removeAt = (i) => onChange(filters.filter((_, idx) => idx !== i));
+    return (_jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [filters.map((f, i) => (_jsx(FilterChip, { filter: f, onRemove: () => removeAt(i) }, `${f.column}-${f.op}-${i}`))), _jsx(AddFilterPopover, { columns: columns, onAdd: (f) => onChange([...filters, f]) }), filters.length > 0 && (_jsx("button", { type: "button", onClick: () => onChange([]), className: "ml-1 text-xs text-muted-foreground hover:text-foreground", children: "Clear all" }))] }));
+}
+function FilterChip({ filter, onRemove, }) {
+    const valueText = opNeedsValue(filter.op)
+        ? ` ${String(filter.value ?? "")}`
+        : "";
+    return (_jsxs("span", { className: "inline-flex items-center gap-1 rounded-md border border-border bg-muted px-2 py-1 text-xs", children: [_jsx("span", { className: "font-medium text-foreground", children: filter.column }), _jsx("span", { className: "text-muted-foreground", children: opLabel(filter.op) }), valueText && _jsx("span", { className: "text-foreground", children: valueText.trim() }), _jsx("button", { type: "button", onClick: onRemove, className: "ml-0.5 text-muted-foreground hover:text-foreground", "aria-label": "Remove filter", children: _jsx(IconX, { className: "h-3 w-3" }) })] }));
+}
+function AddFilterPopover({ columns, onAdd, }) {
+    const [open, setOpen] = useState(false);
+    const [column, setColumn] = useState(columns[0]?.name ?? "");
+    const [op, setOp] = useState("eq");
+    const [value, setValue] = useState("");
+    const reset = () => {
+        setColumn(columns[0]?.name ?? "");
+        setOp("eq");
+        setValue("");
+    };
+    const submit = () => {
+        if (!column)
+            return;
+        const filter = { column, op };
+        if (opNeedsValue(op))
+            filter.value = value;
+        onAdd(filter);
+        reset();
+        setOpen(false);
+    };
+    return (_jsxs(Popover, { open: open, onOpenChange: (o) => {
+            setOpen(o);
+            if (!o)
+                reset();
+        }, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: "inline-flex items-center gap-1 rounded-md border border-dashed border-border px-2 py-1 text-xs text-muted-foreground hover:border-border hover:text-foreground", children: [_jsx(IconFilter, { className: "h-3.5 w-3.5" }), "Add filter"] }) }), _jsxs(PopoverContent, { align: "start", className: "w-auto min-w-[20rem] p-2", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("select", { value: column, onChange: (e) => setColumn(e.target.value), className: cn(selectCls, "max-w-[10rem] flex-1"), children: columns.map((c) => (_jsx("option", { value: c.name, children: c.name }, c.name))) }), _jsx("select", { value: op, onChange: (e) => setOp(e.target.value), className: selectCls, children: OPS.map((o) => (_jsx("option", { value: o.value, children: o.label }, o.value))) }), opNeedsValue(op) && (_jsx("input", { autoFocus: true, value: value, onChange: (e) => setValue(e.target.value), onKeyDown: (e) => {
+                                    if (e.key === "Enter") {
+                                        e.preventDefault();
+                                        submit();
+                                    }
+                                }, placeholder: op === "in" ? "a, b, c" : "value", className: cn(inputCls, "flex-1") }))] }), _jsx("div", { className: "mt-2 flex justify-end", children: _jsxs("button", { type: "button", onClick: submit, className: "inline-flex items-center gap-1 rounded-md bg-primary px-2.5 py-1 text-xs font-medium text-primary-foreground hover:bg-primary/90", children: [_jsx(IconPlus, { className: "h-3.5 w-3.5" }), "Apply filter"] }) })] })] }));
+}
+//# sourceMappingURL=FilterBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBar.js","sourceRoot":"","sources":["../../../src/client/db-admin/FilterBar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from \"react\";\nimport { IconFilter, IconPlus, IconX } from \"@tabler/icons-react\";\nimport { cn } from \"../utils.js\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../components/ui/popover.js\";\nimport type {\n  DbAdminColumn,\n  DbAdminFilter,\n  DbAdminFilterOp,\n} from \"../../db-admin/types.js\";\n\nconst OPS: { value: DbAdminFilterOp; label: string; needsValue: boolean }[] = [\n  { value: \"eq\", label: \"=\", needsValue: true },\n  { value: \"neq\", label: \"≠\", needsValue: true },\n  { value: \"lt\", label: \"<\", needsValue: true },\n  { value: \"lte\", label: \"≤\", needsValue: true },\n  { value: \"gt\", label: \">\", needsValue: true },\n  { value: \"gte\", label: \"≥\", needsValue: true },\n  { value: \"like\", label: \"like\", needsValue: true },\n  { value: \"ilike\", label: \"ilike\", needsValue: true },\n  { value: \"in\", label: \"in\", needsValue: true },\n  { value: \"is_null\", label: \"is null\", needsValue: false },\n  { value: \"not_null\", label: \"not null\", needsValue: false },\n];\n\nfunction opNeedsValue(op: DbAdminFilterOp): boolean {\n  return OPS.find((o) => o.value === op)?.needsValue ?? true;\n}\n\nfunction opLabel(op: DbAdminFilterOp): string {\n  return OPS.find((o) => o.value === op)?.label ?? op;\n}\n\nconst selectCls =\n  \"h-7 rounded-md border border-border bg-background px-2 text-xs outline-none focus:ring-1 focus:ring-ring\";\nconst inputCls =\n  \"h-7 rounded-md border border-border bg-background px-2 text-xs outline-none focus:ring-1 focus:ring-ring\";\n\nexport interface FilterBarProps {\n  columns: DbAdminColumn[];\n  filters: DbAdminFilter[];\n  onChange: (filters: DbAdminFilter[]) => void;\n}\n\nexport function FilterBar({ columns, filters, onChange }: FilterBarProps) {\n  const removeAt = (i: number) =>\n    onChange(filters.filter((_, idx) => idx !== i));\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-1.5\">\n      {filters.map((f, i) => (\n        <FilterChip\n          key={`${f.column}-${f.op}-${i}`}\n          filter={f}\n          onRemove={() => removeAt(i)}\n        />\n      ))}\n      <AddFilterPopover\n        columns={columns}\n        onAdd={(f) => onChange([...filters, f])}\n      />\n      {filters.length > 0 && (\n        <button\n          type=\"button\"\n          onClick={() => onChange([])}\n          className=\"ml-1 text-xs text-muted-foreground hover:text-foreground\"\n        >\n          Clear all\n        </button>\n      )}\n    </div>\n  );\n}\n\nfunction FilterChip({\n  filter,\n  onRemove,\n}: {\n  filter: DbAdminFilter;\n  onRemove: () => void;\n}) {\n  const valueText = opNeedsValue(filter.op)\n    ? ` ${String(filter.value ?? \"\")}`\n    : \"\";\n  return (\n    <span className=\"inline-flex items-center gap-1 rounded-md border border-border bg-muted px-2 py-1 text-xs\">\n      <span className=\"font-medium text-foreground\">{filter.column}</span>\n      <span className=\"text-muted-foreground\">{opLabel(filter.op)}</span>\n      {valueText && <span className=\"text-foreground\">{valueText.trim()}</span>}\n      <button\n        type=\"button\"\n        onClick={onRemove}\n        className=\"ml-0.5 text-muted-foreground hover:text-foreground\"\n        aria-label=\"Remove filter\"\n      >\n        <IconX className=\"h-3 w-3\" />\n      </button>\n    </span>\n  );\n}\n\nfunction AddFilterPopover({\n  columns,\n  onAdd,\n}: {\n  columns: DbAdminColumn[];\n  onAdd: (f: DbAdminFilter) => void;\n}) {\n  const [open, setOpen] = useState(false);\n  const [column, setColumn] = useState(columns[0]?.name ?? \"\");\n  const [op, setOp] = useState<DbAdminFilterOp>(\"eq\");\n  const [value, setValue] = useState(\"\");\n\n  const reset = () => {\n    setColumn(columns[0]?.name ?? \"\");\n    setOp(\"eq\");\n    setValue(\"\");\n  };\n\n  const submit = () => {\n    if (!column) return;\n    const filter: DbAdminFilter = { column, op };\n    if (opNeedsValue(op)) filter.value = value;\n    onAdd(filter);\n    reset();\n    setOpen(false);\n  };\n\n  return (\n    <Popover\n      open={open}\n      onOpenChange={(o) => {\n        setOpen(o);\n        if (!o) reset();\n      }}\n    >\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          className=\"inline-flex items-center gap-1 rounded-md border border-dashed border-border px-2 py-1 text-xs text-muted-foreground hover:border-border hover:text-foreground\"\n        >\n          <IconFilter className=\"h-3.5 w-3.5\" />\n          Add filter\n        </button>\n      </PopoverTrigger>\n      <PopoverContent align=\"start\" className=\"w-auto min-w-[20rem] p-2\">\n        <div className=\"flex items-center gap-1.5\">\n          <select\n            value={column}\n            onChange={(e) => setColumn(e.target.value)}\n            className={cn(selectCls, \"max-w-[10rem] flex-1\")}\n          >\n            {columns.map((c) => (\n              <option key={c.name} value={c.name}>\n                {c.name}\n              </option>\n            ))}\n          </select>\n          <select\n            value={op}\n            onChange={(e) => setOp(e.target.value as DbAdminFilterOp)}\n            className={selectCls}\n          >\n            {OPS.map((o) => (\n              <option key={o.value} value={o.value}>\n                {o.label}\n              </option>\n            ))}\n          </select>\n          {opNeedsValue(op) && (\n            <input\n              autoFocus\n              value={value}\n              onChange={(e) => setValue(e.target.value)}\n              onKeyDown={(e) => {\n                if (e.key === \"Enter\") {\n                  e.preventDefault();\n                  submit();\n                }\n              }}\n              placeholder={op === \"in\" ? \"a, b, c\" : \"value\"}\n              className={cn(inputCls, \"flex-1\")}\n            />\n          )}\n        </div>\n        <div className=\"mt-2 flex justify-end\">\n          <button\n            type=\"button\"\n            onClick={submit}\n            className=\"inline-flex items-center gap-1 rounded-md bg-primary px-2.5 py-1 text-xs font-medium text-primary-foreground hover:bg-primary/90\"\n          >\n            <IconPlus className=\"h-3.5 w-3.5\" />\n            Apply filter\n          </button>\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"]}

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

@@ -0,0 +1,6 @@
+export interface ResultsGridProps {
+    columns: string[];
+    rows: Record<string, unknown>[];
+}
+export declare function ResultsGrid({ columns, rows }: ResultsGridProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ResultsGrid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResultsGrid.d.ts","sourceRoot":"","sources":["../../../src/client/db-admin/ResultsGrid.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;CACjC;AAqBD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,gBAAgB,2CA6E9D"}

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

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Read-only results table for the SQL editor. Renders a clean, dense grid with a
+ * sticky header, zebra striping, dim NULL tokens, stringified objects, and
+ * horizontal scrolling. DDL/DML statements that return no columns render a
+ * "Query OK" placeholder instead.
+ *
+ * Results are LIMIT-capped upstream, so no virtualization is needed.
+ */
+import { IconCircleCheck } from "@tabler/icons-react";
+import { cn } from "../utils.js";
+function renderCell(value) {
+    if (value === null || value === undefined) {
+        return _jsx("span", { className: "italic text-muted-foreground/60", children: "NULL" });
+    }
+    if (typeof value === "object") {
+        let str;
+        try {
+            str = JSON.stringify(value);
+        }
+        catch {
+            str = String(value);
+        }
+        return _jsx("span", { className: "text-foreground/80", children: str });
+    }
+    if (typeof value === "boolean") {
+        return _jsx("span", { className: "text-foreground/80", children: String(value) });
+    }
+    return _jsx("span", { children: String(value) });
+}
+export function ResultsGrid({ columns, rows }) {
+    if (columns.length === 0) {
+        return (_jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-2 py-12 text-muted-foreground", children: [_jsx(IconCircleCheck, { size: 28, className: "text-green-500" }), _jsx("span", { className: "text-sm", children: "Query OK" })] }));
+    }
+    return (_jsx("div", { className: "h-full overflow-auto", children: _jsxs("table", { className: "w-full border-collapse text-left font-mono text-xs", children: [_jsx("thead", { className: "sticky top-0 z-10", children: _jsxs("tr", { children: [_jsx("th", { className: "sticky left-0 z-20 w-px border-b border-r border-border bg-muted px-3 py-1.5 text-right font-sans text-[11px] font-medium text-muted-foreground select-none", children: "#" }), columns.map((col, i) => (_jsx("th", { className: "whitespace-nowrap border-b border-r border-border bg-muted px-3 py-1.5 font-sans text-[11px] font-semibold text-foreground", children: col }, `${col}-${i}`)))] }) }), _jsx("tbody", { children: rows.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: columns.length + 1, className: "px-3 py-8 text-center font-sans text-sm text-muted-foreground", children: "No rows returned" }) })) : (rows.map((row, rowIndex) => (_jsxs("tr", { className: cn("group", rowIndex % 2 === 1 ? "bg-muted/30" : "bg-background"), children: [_jsx("td", { className: cn("sticky left-0 z-10 w-px border-b border-r border-border px-3 py-1 text-right font-sans text-[11px] text-muted-foreground select-none", rowIndex % 2 === 1 ? "bg-muted/60" : "bg-background"), children: rowIndex + 1 }), columns.map((col, colIndex) => (_jsx("td", { className: "max-w-md truncate whitespace-nowrap border-b border-r border-border px-3 py-1 align-top text-foreground", title: row[col] === null || row[col] === undefined
+                                    ? "NULL"
+                                    : typeof row[col] === "object"
+                                        ? JSON.stringify(row[col])
+                                        : String(row[col]), children: renderCell(row[col]) }, `${col}-${colIndex}`)))] }, rowIndex)))) })] }) }));
+}
+//# sourceMappingURL=ResultsGrid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResultsGrid.js","sourceRoot":"","sources":["../../../src/client/db-admin/ResultsGrid.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Read-only results table for the SQL editor. Renders a clean, dense grid with a\n * sticky header, zebra striping, dim NULL tokens, stringified objects, and\n * horizontal scrolling. DDL/DML statements that return no columns render a\n * \"Query OK\" placeholder instead.\n *\n * Results are LIMIT-capped upstream, so no virtualization is needed.\n */\nimport { IconCircleCheck } from \"@tabler/icons-react\";\nimport { cn } from \"../utils.js\";\n\nexport interface ResultsGridProps {\n  columns: string[];\n  rows: Record<string, unknown>[];\n}\n\nfunction renderCell(value: unknown): React.ReactNode {\n  if (value === null || value === undefined) {\n    return <span className=\"italic text-muted-foreground/60\">NULL</span>;\n  }\n  if (typeof value === \"object\") {\n    let str: string;\n    try {\n      str = JSON.stringify(value);\n    } catch {\n      str = String(value);\n    }\n    return <span className=\"text-foreground/80\">{str}</span>;\n  }\n  if (typeof value === \"boolean\") {\n    return <span className=\"text-foreground/80\">{String(value)}</span>;\n  }\n  return <span>{String(value)}</span>;\n}\n\nexport function ResultsGrid({ columns, rows }: ResultsGridProps) {\n  if (columns.length === 0) {\n    return (\n      <div className=\"flex h-full flex-col items-center justify-center gap-2 py-12 text-muted-foreground\">\n        <IconCircleCheck size={28} className=\"text-green-500\" />\n        <span className=\"text-sm\">Query OK</span>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"h-full overflow-auto\">\n      <table className=\"w-full border-collapse text-left font-mono text-xs\">\n        <thead className=\"sticky top-0 z-10\">\n          <tr>\n            <th className=\"sticky left-0 z-20 w-px border-b border-r border-border bg-muted px-3 py-1.5 text-right font-sans text-[11px] font-medium text-muted-foreground select-none\">\n              #\n            </th>\n            {columns.map((col, i) => (\n              <th\n                key={`${col}-${i}`}\n                className=\"whitespace-nowrap border-b border-r border-border bg-muted px-3 py-1.5 font-sans text-[11px] font-semibold text-foreground\"\n              >\n                {col}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {rows.length === 0 ? (\n            <tr>\n              <td\n                colSpan={columns.length + 1}\n                className=\"px-3 py-8 text-center font-sans text-sm text-muted-foreground\"\n              >\n                No rows returned\n              </td>\n            </tr>\n          ) : (\n            rows.map((row, rowIndex) => (\n              <tr\n                key={rowIndex}\n                className={cn(\n                  \"group\",\n                  rowIndex % 2 === 1 ? \"bg-muted/30\" : \"bg-background\",\n                )}\n              >\n                <td\n                  className={cn(\n                    \"sticky left-0 z-10 w-px border-b border-r border-border px-3 py-1 text-right font-sans text-[11px] text-muted-foreground select-none\",\n                    rowIndex % 2 === 1 ? \"bg-muted/60\" : \"bg-background\",\n                  )}\n                >\n                  {rowIndex + 1}\n                </td>\n                {columns.map((col, colIndex) => (\n                  <td\n                    key={`${col}-${colIndex}`}\n                    className=\"max-w-md truncate whitespace-nowrap border-b border-r border-border px-3 py-1 align-top text-foreground\"\n                    title={\n                      row[col] === null || row[col] === undefined\n                        ? \"NULL\"\n                        : typeof row[col] === \"object\"\n                          ? JSON.stringify(row[col])\n                          : String(row[col])\n                    }\n                  >\n                    {renderCell(row[col])}\n                  </td>\n                ))}\n              </tr>\n            ))\n          )}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n"]}

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

@@ -0,0 +1,18 @@
+import type { DbAdminTableSchema } from "../../db-admin/types.js";
+export type RowSidePanelMode = "insert" | "edit";
+export interface RowSidePanelProps {
+    schema: DbAdminTableSchema;
+    mode: RowSidePanelMode;
+    /** For edit mode: the original row values. */
+    row?: Record<string, unknown>;
+    /** For edit mode: staged overrides already in the changeset. */
+    staged?: Record<string, unknown>;
+    onClose: () => void;
+    /**
+     * Persist into the changeset. For insert mode `values` is the full new-row
+     * object; for edit mode it is only the changed columns.
+     */
+    onSave: (values: Record<string, unknown>) => void;
+}
+export declare function RowSidePanel({ schema, mode, row, staged, onClose, onSave, }: RowSidePanelProps): any;
+//# sourceMappingURL=RowSidePanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RowSidePanel.d.ts","sourceRoot":"","sources":["../../../src/client/db-admin/RowSidePanel.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAEV,kBAAkB,EACnB,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEjD,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,kBAAkB,CAAC;IAC3B,IAAI,EAAE,gBAAgB,CAAC;IACvB,8CAA8C;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CACnD;AA2BD,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,IAAI,EACJ,GAAG,EACH,MAAM,EACN,OAAO,EACP,MAAM,GACP,EAAE,iBAAiB,OA4InB"}

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

@@ -0,0 +1,104 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { createPortal } from "react-dom";
+import { IconKey, IconX, IconRefresh, IconCircleX } from "@tabler/icons-react";
+import { cn } from "../utils.js";
+import { inferEditorKind, inferEnumValues, valueToEditString, parseEditValue, ParseError, } from "./cell-format.js";
+function initialFieldState(col, kind, value, isInsert) {
+    const isNull = value === null || value === undefined;
+    return {
+        text: isNull ? "" : valueToEditString(value, kind),
+        isNull: isInsert ? false : isNull,
+        touched: false,
+    };
+}
+export function RowSidePanel({ schema, mode, row, staged, onClose, onSave, }) {
+    const isInsert = mode === "insert";
+    const [fields, setFields] = useState(() => {
+        const init = {};
+        for (const col of schema.columns) {
+            const kind = inferEditorKind(col);
+            const original = row?.[col.name];
+            const value = staged && Object.prototype.hasOwnProperty.call(staged, col.name)
+                ? staged[col.name]
+                : original;
+            init[col.name] = initialFieldState(col, kind, value, isInsert);
+        }
+        return init;
+    });
+    // Close on Escape.
+    useEffect(() => {
+        const onKey = (e) => {
+            if (e.key === "Escape")
+                onClose();
+        };
+        window.addEventListener("keydown", onKey);
+        return () => window.removeEventListener("keydown", onKey);
+    }, [onClose]);
+    const update = (name, patch) => setFields((prev) => ({
+        ...prev,
+        [name]: { ...prev[name], ...patch, touched: true },
+    }));
+    const save = () => {
+        const out = {};
+        let hadError = false;
+        const nextFields = { ...fields };
+        for (const col of schema.columns) {
+            const kind = inferEditorKind(col);
+            const fs = fields[col.name];
+            const isGenerated = col.pk && col.autoIncrement;
+            if (fs.isNull) {
+                // Explicit NULL.
+                if (!isInsert || fs.touched)
+                    out[col.name] = null;
+                continue;
+            }
+            // Insert: blank, untouched, auto/pk/default columns are left out entirely.
+            if (isInsert && fs.text === "" && !fs.touched) {
+                continue;
+            }
+            if (isInsert && fs.text === "" && (isGenerated || col.defaultValue)) {
+                continue;
+            }
+            // Edit: only include columns the user touched.
+            if (!isInsert && !fs.touched)
+                continue;
+            try {
+                const parsed = parseEditValue(fs.text, kind, {
+                    allowEmptyString: kind === "text",
+                });
+                out[col.name] = parsed;
+            }
+            catch (err) {
+                hadError = true;
+                nextFields[col.name] = {
+                    ...fs,
+                    error: err instanceof ParseError ? err.message : String(err),
+                };
+            }
+        }
+        if (hadError) {
+            setFields(nextFields);
+            return;
+        }
+        onSave(out);
+        onClose();
+    };
+    const panel = (_jsxs("div", { className: "fixed inset-0 z-[400] flex justify-end", children: [_jsx("div", { className: "absolute inset-0 bg-black/30 backdrop-blur-[1px]", onClick: onClose }), _jsxs("div", { className: "relative flex h-full w-full max-w-md flex-col border-l border-border bg-card shadow-xl", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-border px-4 py-3", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-sm font-semibold text-foreground", children: isInsert ? "Insert row" : "Edit row" }), _jsx("p", { className: "text-xs text-muted-foreground", children: schema.name })] }), _jsx("button", { type: "button", onClick: onClose, className: "rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground", "aria-label": "Close", children: _jsx(IconX, { className: "h-4 w-4" }) })] }), _jsx("div", { className: "flex-1 overflow-y-auto px-4 py-3", children: _jsx("div", { className: "flex flex-col gap-4", children: schema.columns.map((col) => (_jsx(RowField, { column: col, state: fields[col.name], isInsert: isInsert, onChange: (patch) => update(col.name, patch) }, col.name))) }) }), _jsxs("div", { className: "flex items-center justify-end gap-2 border-t border-border px-4 py-3", children: [_jsx("button", { type: "button", onClick: onClose, className: "rounded-md px-3 py-1.5 text-xs text-muted-foreground hover:bg-muted hover:text-foreground", children: "Cancel" }), _jsx("button", { type: "button", onClick: save, className: "rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90", children: isInsert ? "Stage insert" : "Stage changes" })] })] })] }));
+    if (typeof document === "undefined")
+        return null;
+    return createPortal(panel, document.body);
+}
+function RowField({ column, state, isInsert, onChange, }) {
+    const kind = inferEditorKind(column);
+    const enumValues = inferEnumValues(column);
+    const isGenerated = column.pk && column.autoIncrement;
+    return (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [column.pk && _jsx(IconKey, { className: "h-3 w-3 text-amber-500" }), _jsx("label", { className: "text-xs font-medium text-foreground", children: column.name }), _jsx("span", { className: "rounded bg-muted px-1 py-0.5 font-mono text-[10px] text-muted-foreground", children: column.type }), !column.nullable && (_jsx("span", { className: "text-[10px] text-destructive", children: "required" })), column.nullable && (_jsx("button", { type: "button", onClick: () => onChange({ isNull: !state.isNull }), className: cn("ml-auto rounded px-1.5 py-0.5 text-[10px]", state.isNull
+                            ? "bg-muted text-foreground ring-1 ring-inset ring-border"
+                            : "text-muted-foreground hover:text-foreground"), children: state.isNull ? "NULL" : "set null" }))] }), state.isNull ? (_jsxs("div", { className: "flex items-center gap-2 rounded-md border border-dashed border-border bg-muted/30 px-2 py-1.5 text-xs italic text-muted-foreground/70", children: ["NULL", _jsx("button", { type: "button", onClick: () => onChange({ isNull: false }), className: "ml-auto text-muted-foreground hover:text-foreground", "aria-label": "Clear NULL", children: _jsx(IconCircleX, { className: "h-3.5 w-3.5" }) })] })) : enumValues ? (_jsxs("select", { value: state.text, onChange: (e) => onChange({ text: e.target.value, error: null }), className: "h-8 rounded-md border border-border bg-background px-2 text-xs outline-none focus:ring-1 focus:ring-ring", children: [_jsx("option", { value: "", children: "\u2014" }), enumValues.map((v) => (_jsx("option", { value: v, children: v }, v)))] })) : kind === "boolean" ? (_jsxs("select", { value: state.text, onChange: (e) => onChange({ text: e.target.value, error: null }), className: "h-8 rounded-md border border-border bg-background px-2 text-xs outline-none focus:ring-1 focus:ring-ring", children: [_jsx("option", { value: "", children: "\u2014" }), _jsx("option", { value: "true", children: "true" }), _jsx("option", { value: "false", children: "false" })] })) : kind === "json" ? (_jsx("textarea", { value: state.text, onChange: (e) => onChange({ text: e.target.value, error: null }), rows: 4, spellCheck: false, placeholder: isGenerated ? "(auto-generated)" : "{ }", className: cn("resize-y rounded-md border border-border bg-background p-2 font-mono text-xs outline-none focus:ring-1 focus:ring-ring", state.error && "border-destructive") })) : (_jsx("input", { type: "text", inputMode: kind === "number" ? "decimal" : undefined, value: state.text, onChange: (e) => onChange({ text: e.target.value, error: null }), placeholder: isGenerated
+                    ? "(auto-generated)"
+                    : column.defaultValue
+                        ? `default: ${column.defaultValue}`
+                        : "", className: cn("h-8 rounded-md border border-border bg-background px-2 font-mono text-xs outline-none focus:ring-1 focus:ring-ring", state.error && "border-destructive") })), column.defaultValue && !isGenerated && !state.isNull && (_jsxs("span", { className: "text-[10px] text-muted-foreground/70", children: ["default: ", column.defaultValue] })), isGenerated && (_jsxs("span", { className: "flex items-center gap-1 text-[10px] text-muted-foreground/70", children: [_jsx(IconRefresh, { className: "h-3 w-3" }), "auto-generated \u2014 leave blank"] })), state.error && (_jsx("span", { className: "text-[10px] text-destructive", children: state.error }))] }));
+}
+//# sourceMappingURL=RowSidePanel.js.map