@reifydb/console 0.4.0 → 0.4.2

package/dist/index.js

@@ -3,6 +3,35 @@ import { useCallback as useCallback3, useEffect as useEffect4, useRef as useRef4
 import { Client } from "@reifydb/client";
 
 // src/executor/ws-executor.ts
+import { ReifyError } from "@reifydb/core";
+function normalizeFragment(raw) {
+  if (!raw || typeof raw !== "object") return void 0;
+  const obj = raw;
+  if ("Statement" in obj && obj.Statement && typeof obj.Statement === "object") {
+    const s = obj.Statement;
+    return { text: String(s.text ?? ""), line: s.line, column: s.column };
+  }
+  if ("Internal" in obj && obj.Internal && typeof obj.Internal === "object") {
+    const s = obj.Internal;
+    return { text: String(s.text ?? "") };
+  }
+  if ("text" in obj) {
+    return { text: String(obj.text), line: obj.line, column: obj.column };
+  }
+  return void 0;
+}
+function toDiagnostic(error) {
+  return {
+    code: error.code,
+    statement: error.statement,
+    message: error.message.replace(/^\[.*?\]\s*/, ""),
+    fragment: normalizeFragment(error.fragment),
+    label: error.label,
+    help: error.help,
+    notes: error.notes,
+    cause: error.cause
+  };
+}
 var WsExecutor = class {
   client;
   constructor(client) {
@@ -32,15 +61,10 @@ var WsExecutor = class {
       return { success: true, data, executionTime };
     } catch (error) {
       const executionTime = Math.round(performance.now() - startTime);
-      let errorMessage;
-      if (error && typeof error === "object" && "diagnostic" in error) {
-        const diagnostic = error.diagnostic;
-        errorMessage = diagnostic.message;
-      } else if (error instanceof Error) {
-        errorMessage = error.message;
-      } else {
-        errorMessage = String(error);
+      if (error instanceof ReifyError) {
+        return { success: false, error: error.message, diagnostic: toDiagnostic(error), executionTime };
       }
+      const errorMessage = error instanceof Error ? error.message : String(error);
       return { success: false, error: errorMessage, executionTime };
     }
   }
@@ -210,47 +234,236 @@ import { useRef as useRef2 } from "react";
 import Editor from "@monaco-editor/react";
 
 // src/monaco/rql-language.ts
-var TRANSFORMS = [
-  "aggregate",
-  "append",
-  "create",
-  "derive",
-  "deferred",
-  "distinct",
+var KEYWORDS = [
+  // Query transforms
+  "map",
   "extend",
-  "filter",
+  "by",
   "from",
-  "group",
-  "insert",
-  "join",
-  "map",
+  "where",
+  "aggregate",
+  "having",
   "sort",
+  "distinct",
   "take",
-  "union",
+  "offset",
+  // Joins & set operations
+  "left",
+  "inner",
+  "natural",
+  "join",
+  "on",
+  "using",
+  "intersect",
+  "except",
+  // DML
+  "insert",
+  "into",
+  "update",
+  "set",
+  "delete",
+  // Control flow
+  "let",
+  "if",
+  "else",
+  "end",
+  "loop",
+  "while",
+  "break",
+  "continue",
+  "return",
+  // Functions & casting
+  "fun",
+  "call",
+  "apply",
+  "cast",
+  // DDL & schema commands
+  "describe",
+  "show",
+  "create",
+  "alter",
+  "drop",
+  "filter",
+  "gate",
+  "flow",
+  "window",
+  // Operators & predicates
+  "in",
+  "between",
+  "like",
+  "is",
+  "with",
+  // Object types
+  "namespace",
+  "sequence",
+  "series",
+  "subscription",
+  "table",
+  "ringbuffer",
+  "column",
+  "policy",
+  "property",
   "view",
-  "with"
+  "deferred",
+  "transactional",
+  // Index & constraints
+  "index",
+  "unique",
+  "primary",
+  "key",
+  "asc",
+  "desc",
+  "auto",
+  "increment",
+  "value",
+  // Misc operations
+  "exists",
+  "replace",
+  "cascade",
+  "restrict",
+  "to",
+  "pause",
+  "resume",
+  "query",
+  "rename",
+  "rownum",
+  "dictionary",
+  "for",
+  "output",
+  "append",
+  "assert",
+  "patch",
+  // Enums & pattern matching
+  "enum",
+  "match",
+  // Procedures & events
+  "procedure",
+  "event",
+  "handler",
+  "dispatch",
+  "tag",
+  // Testing
+  "test",
+  "tests",
+  "run",
+  // Access control
+  "user",
+  "role",
+  "grant",
+  "revoke",
+  "password",
+  "require",
+  "execute",
+  "access",
+  "subscribe",
+  "enable",
+  "disable",
+  // System objects
+  "function",
+  "session",
+  "feature",
+  // Migrations
+  "add",
+  "migration",
+  "migrate",
+  "rollback",
+  "diff",
+  "version",
+  "current",
+  "pending",
+  // Misc
+  "authentication",
+  "contains",
+  "remote",
+  "error",
+  // Additional keywords (not in keyword.rs but valid RQL constructs)
+  "derive",
+  "group",
+  "union",
+  "as",
+  // Word operators
+  "and",
+  "or",
+  "not",
+  "xor"
 ];
 var MODULES = ["date", "math", "text"];
 var BUILTIN_FUNCTIONS = ["case"];
-var KEYWORDS = ["set", "as", "on", "by"];
 var LITERALS = ["none", "true", "false"];
+var TYPE_KEYWORDS = [
+  // Signed integers
+  "int1",
+  "int2",
+  "int4",
+  "int8",
+  "int16",
+  "int",
+  // Unsigned integers
+  "uint1",
+  "uint2",
+  "uint4",
+  "uint8",
+  "uint16",
+  "uint",
+  // Floating point
+  "float4",
+  "float8",
+  // Text & binary
+  "utf8",
+  "blob",
+  // Boolean
+  "bool",
+  "boolean",
+  // Numeric
+  "decimal",
+  // Temporal
+  "date",
+  "datetime",
+  "time",
+  "duration",
+  "interval",
+  // Identifiers & UUIDs
+  "uuid4",
+  "uuid7",
+  "identityid",
+  "identity_id",
+  "dictionaryid",
+  "dictionary_id",
+  // Special
+  "any",
+  // Container types
+  "Option",
+  "List",
+  "Record",
+  "Tuple",
+  // Alias
+  "text"
+];
 var rqlLanguageDefinition = {
-  defaultToken: "invalid",
+  defaultToken: "",
   ignoreCase: true,
-  keywords: [...TRANSFORMS, ...MODULES, ...BUILTIN_FUNCTIONS, ...KEYWORDS, ...LITERALS],
+  keywords: [...KEYWORDS, ...MODULES, ...BUILTIN_FUNCTIONS],
+  constants: LITERALS,
+  typeKeywords: TYPE_KEYWORDS,
   operators: ["+", "-", "*", "/", "//", "%", "=", "==", "!=", "->", "=>", ">", "<", ">=", "<=", "~=", "&&", "||", "??"],
   tokenizer: {
     root: [
       // Comments
       [/#.*/, "comment"],
-      // Named arguments
-      [/(\w+)\s*:/, "key"],
+      // Namespace separator (must precede named arguments)
+      [/::/, "operator"],
+      // Named arguments (negative lookahead prevents matching `::`)
+      [/(\w+)\s*:(?!:)/, "key"],
+      // Variable references
+      [/\$[\w$]+/, "variable"],
       // Identifiers and keywords (case insensitive)
       [
-        /[a-zA-Z_$][\w$]*/,
+        /[a-zA-Z_][\w$]*/,
         {
           cases: {
             "@keywords": "keyword",
+            "@constants": "constant",
+            "@typeKeywords": "type",
             "@default": "identifier"
           }
         }
@@ -259,19 +472,23 @@ var rqlLanguageDefinition = {
       { include: "@whitespace" },
       // Brackets
       [/[{}()[\]]/, "@brackets"],
-      // Numbers with underscores support
-      [/[+-]?(?:[\d_]+(?:\.[\d_]+)?|\.[\d_]+)/, "number"],
+      // Numbers with underscores and scientific notation support
+      [/[+-]?(?:[\d_]+(?:\.[\d_]+)?|\.[\d_]+)(?:[eE][+-]?\d+)?/, "number"],
       // Strings
       [/"([^"\\]|\\.)*$/, "string.invalid"],
       [/"/, { token: "string.quote", bracket: "@open", next: "@string" }],
       // Single-quoted strings
       [/'([^'\\]|\\.)*$/, "string.invalid"],
       [/'/, { token: "string.quote", bracket: "@open", next: "@singlestring" }],
-      // Operators
-      [/[+\-*/%]/, "operator"],
+      // Operators — multi-char first for longest match
+      [/<<|>>|\.\./, "operator"],
+      [/==|!=|->|=>|>=|<=|~=|:=/, "operator"],
+      [/&&|\|\||\?\?/, "operator"],
       [/\/\//, "operator"],
-      [/==|!=|->|=>|>=|<=|~=|>|</, "operator"],
-      [/&&|\|\||\?\?/, "operator"]
+      // Single-char operators
+      [/[+\-*/%|.=<>!&^?]/, "operator"],
+      // Delimiters
+      [/[;,]/, "delimiter"]
     ],
     string: [
       [/[^\\"]+/, "string"],
@@ -284,22 +501,13 @@ var rqlLanguageDefinition = {
       [/'/, { token: "string.quote", bracket: "@close", next: "@pop" }]
     ],
     whitespace: [
-      [/[ \t\r\n]+/, "white"],
-      [/\/\*/, "comment", "@comment"],
-      [/\/\/.*$/, "comment"]
-    ],
-    comment: [
-      [/[^/*]+/, "comment"],
-      [/\/\*/, "comment", "@push"],
-      [/\*\//, "comment", "@pop"],
-      [/[/*]/, "comment"]
+      [/[ \t\r\n]+/, "white"]
     ]
   }
 };
 var rqlLanguageConfiguration = {
   comments: {
-    lineComment: "#",
-    blockComment: ["/*", "*/"]
+    lineComment: "#"
   },
   brackets: [
     ["{", "}"],
@@ -641,12 +849,99 @@ function ResultsTable({ data }) {
 }
 
 // src/components/results/ResultsError.tsx
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
-function ResultsError({ message }) {
-  return /* @__PURE__ */ jsx7("div", { className: "rdb-results__error", children: /* @__PURE__ */ jsxs4("pre", { children: [
-    "ERR: ",
-    message
-  ] }) });
+import { jsx as jsx7 } from "react/jsx-runtime";
+function getLine(source, line) {
+  return source.split("\n")[line - 1] ?? "";
+}
+function renderFlat(d) {
+  const lines = [];
+  lines.push(`Error ${d.code}`);
+  lines.push(`  ${d.message}`);
+  lines.push("");
+  if (d.fragment?.line != null && d.fragment.column != null) {
+    const { text: fragment, line, column } = d.fragment;
+    const statement = d.statement ?? "";
+    lines.push("LOCATION");
+    lines.push(`  line ${line}, column ${column}`);
+    lines.push("");
+    const lineContent = getLine(statement, line);
+    lines.push("CODE");
+    lines.push(`  ${line} \u2502 ${lineContent}`);
+    const fragmentStart = lineContent.indexOf(fragment) !== -1 ? lineContent.indexOf(fragment) : column;
+    lines.push(`    \u2502 ${" ".repeat(fragmentStart)}${"~".repeat(fragment.length)}`);
+    lines.push("    \u2502");
+    const labelText = d.label ?? "";
+    if (labelText) {
+      const fragmentCenter = fragmentStart + Math.floor(fragment.length / 2);
+      const labelHalf = Math.floor(labelText.length / 2);
+      const labelOffset = labelHalf > fragmentCenter ? 0 : fragmentCenter - labelHalf;
+      lines.push(`    \u2502 ${" ".repeat(labelOffset)}${labelText}`);
+    }
+    lines.push("");
+  }
+  if (d.help) {
+    lines.push("HELP");
+    lines.push(`  ${d.help}`);
+    lines.push("");
+  }
+  if (d.notes.length > 0) {
+    lines.push("NOTES");
+    for (const note of d.notes) {
+      lines.push(`  \u2022 ${note}`);
+    }
+  }
+  return lines.join("\n");
+}
+function renderNested(d, depth) {
+  const lines = [];
+  const indent = depth === 0 ? "" : "  ";
+  const prefix = depth === 0 ? "" : "\u21B3 ";
+  lines.push(`${indent}${prefix}Error ${d.code}: ${d.message}`);
+  if (d.fragment?.line != null && d.fragment.column != null) {
+    const { text: fragment, line, column } = d.fragment;
+    const statement = d.statement ?? "";
+    const atText = statement ? `"${fragment}"` : "unknown";
+    lines.push(`${indent}  at ${atText} (line ${line}, column ${column})`);
+    lines.push("");
+    const lineContent = getLine(statement, line);
+    lines.push(`${indent}  ${line} \u2502 ${lineContent}`);
+    const fragmentStart = lineContent.indexOf(fragment) !== -1 ? lineContent.indexOf(fragment) : column;
+    lines.push(`${indent}    \u2502 ${" ".repeat(fragmentStart)}${"~".repeat(fragment.length)}`);
+    const labelText = d.label ?? "";
+    if (labelText) {
+      const fragmentCenter = fragmentStart + Math.floor(fragment.length / 2);
+      const labelHalf = Math.floor(labelText.length / 2);
+      const labelOffset = labelHalf > fragmentCenter ? 0 : fragmentCenter - labelHalf;
+      lines.push(`${indent}    \u2502 ${" ".repeat(labelOffset)}${labelText}`);
+    }
+    lines.push("");
+  }
+  if (d.cause) {
+    lines.push(renderNested(d.cause, depth + 1));
+  }
+  if (d.help) {
+    lines.push(`${indent}  help: ${d.help}`);
+  }
+  if (d.notes.length > 0) {
+    for (const note of d.notes) {
+      lines.push(`${indent}  note: ${note}`);
+    }
+  }
+  if (depth > 0) {
+    lines.push("");
+  }
+  return lines.join("\n");
+}
+function renderDiagnostic(d) {
+  if (d.cause) {
+    return renderNested(d, 0);
+  }
+  return renderFlat(d);
+}
+function ResultsError({ message, diagnostic }) {
+  const text = diagnostic ? renderDiagnostic(diagnostic) : `Error
+  ${message}`;
+  return /* @__PURE__ */ jsx7("div", { className: "rdb-results__error", children: /* @__PURE__ */ jsx7("pre", { children: text }) });
 }
 
 // src/components/results/ResultsEmpty.tsx
@@ -657,7 +952,7 @@ function ResultsEmpty() {
 
 // src/components/results/ResultsStatusBar.tsx
 import { useCallback as useCallback2 } from "react";
-import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 function ResultsStatusBar({ rowCount, executionTime, data }) {
   const copyAsCsv = useCallback2(() => {
     if (!data || data.length === 0) return;
@@ -682,20 +977,20 @@ function ResultsStatusBar({ rowCount, executionTime, data }) {
     });
     navigator.clipboard.writeText(JSON.stringify(serialized, null, 2));
   }, [data]);
-  return /* @__PURE__ */ jsxs5("div", { className: "rdb-status-bar", children: [
-    /* @__PURE__ */ jsxs5("div", { className: "rdb-status-bar__info", children: [
-      /* @__PURE__ */ jsxs5("span", { children: [
+  return /* @__PURE__ */ jsxs4("div", { className: "rdb-status-bar", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "rdb-status-bar__info", children: [
+      /* @__PURE__ */ jsxs4("span", { children: [
         rowCount,
         " row",
         rowCount !== 1 ? "s" : ""
       ] }),
-      /* @__PURE__ */ jsxs5("span", { children: [
+      /* @__PURE__ */ jsxs4("span", { children: [
         "(",
         executionTime,
         "ms)"
       ] })
     ] }),
-    /* @__PURE__ */ jsxs5("div", { className: "rdb-status-bar__actions", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "rdb-status-bar__actions", children: [
       /* @__PURE__ */ jsx9("button", { className: "rdb-status-bar__btn", onClick: copyAsCsv, title: "Copy as CSV", children: "[CSV]" }),
       /* @__PURE__ */ jsx9("button", { className: "rdb-status-bar__btn", onClick: copyAsJson, title: "Copy as JSON", children: "[JSON]" })
     ] })
@@ -703,19 +998,19 @@ function ResultsStatusBar({ rowCount, executionTime, data }) {
 }
 
 // src/components/results/ResultsPanel.tsx
-import { Fragment, jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 function ResultsPanel({ result }) {
   if (!result) {
     return /* @__PURE__ */ jsx10("div", { className: "rdb-results__empty", children: "$ run a query to see results" });
   }
   if (!result.success && result.error) {
-    return /* @__PURE__ */ jsx10(ResultsError, { message: result.error });
+    return /* @__PURE__ */ jsx10(ResultsError, { message: result.error, diagnostic: result.diagnostic });
   }
   const data = result.data ?? [];
   if (data.length === 0) {
     return /* @__PURE__ */ jsx10(ResultsEmpty, {});
   }
-  return /* @__PURE__ */ jsxs6(Fragment, { children: [
+  return /* @__PURE__ */ jsxs5(Fragment, { children: [
     /* @__PURE__ */ jsx10(ResultsTable, { data }),
     /* @__PURE__ */ jsx10(
       ResultsStatusBar,
@@ -733,12 +1028,12 @@ import { useEffect as useEffect2, useState as useState3 } from "react";
 
 // src/components/schema/SchemaNode.tsx
 import { useState as useState2 } from "react";
-import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
 function SchemaNode({ label, labelClass, type, typeClass, children }) {
   const [expanded, setExpanded] = useState2(false);
   const hasChildren = !!children;
-  return /* @__PURE__ */ jsxs7("div", { className: "rdb-schema__node", children: [
-    /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs6("div", { className: "rdb-schema__node", children: [
+    /* @__PURE__ */ jsxs6(
       "div",
       {
         className: "rdb-schema__node-header",
@@ -756,7 +1051,7 @@ function SchemaNode({ label, labelClass, type, typeClass, children }) {
 }
 
 // src/components/schema/SchemaBrowser.tsx
-import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
 var TYPE_NAMES = {
   1: "Float4",
   2: "Float8",
@@ -994,18 +1289,18 @@ function SchemaBrowser({ executor }) {
     }
   ) });
   if (loading) {
-    return /* @__PURE__ */ jsxs8(Fragment2, { children: [
+    return /* @__PURE__ */ jsxs7(Fragment2, { children: [
       toolbar,
       /* @__PURE__ */ jsx12("div", { className: "rdb-history__empty", children: "$ loading schema..." })
     ] });
   }
   if (namespaces.length === 0) {
-    return /* @__PURE__ */ jsxs8(Fragment2, { children: [
+    return /* @__PURE__ */ jsxs7(Fragment2, { children: [
       toolbar,
       /* @__PURE__ */ jsx12("div", { className: "rdb-history__empty", children: "$ no tables found" })
     ] });
   }
-  return /* @__PURE__ */ jsxs8(Fragment2, { children: [
+  return /* @__PURE__ */ jsxs7(Fragment2, { children: [
     toolbar,
     /* @__PURE__ */ jsx12("div", { children: namespaces.map((ns) => /* @__PURE__ */ jsx12(SchemaNode, { label: ns.name, labelClass: "rdb-schema__node-label--namespace", children: CATEGORY_GROUPS.map(({ key, label }) => {
       const sources = ns.sources.filter((s) => s.category === key);
@@ -1028,7 +1323,7 @@ function SchemaBrowser({ executor }) {
 import { useState as useState4 } from "react";
 
 // src/components/history/HistoryEntry.tsx
-import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
 function formatTimestamp(ts) {
   const d = new Date(ts);
   const hh = String(d.getHours()).padStart(2, "0");
@@ -1037,11 +1332,11 @@ function formatTimestamp(ts) {
   return `${hh}:${mm}:${ss}`;
 }
 function HistoryEntryRow({ entry, onClick }) {
-  return /* @__PURE__ */ jsxs9("div", { className: "rdb-history__entry", onClick: () => onClick(entry.query), children: [
-    /* @__PURE__ */ jsxs9("div", { className: "rdb-history__entry-meta", children: [
+  return /* @__PURE__ */ jsxs8("div", { className: "rdb-history__entry", onClick: () => onClick(entry.query), children: [
+    /* @__PURE__ */ jsxs8("div", { className: "rdb-history__entry-meta", children: [
       /* @__PURE__ */ jsx13("span", { children: formatTimestamp(entry.timestamp) }),
-      /* @__PURE__ */ jsxs9("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
-        /* @__PURE__ */ jsxs9("span", { children: [
+      /* @__PURE__ */ jsxs8("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+        /* @__PURE__ */ jsxs8("span", { children: [
           entry.executionTime,
           "ms"
         ] }),
@@ -1058,11 +1353,11 @@ function HistoryEntryRow({ entry, onClick }) {
 }
 
 // src/components/history/HistoryPanel.tsx
-import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
 function HistoryPanel({ entries, onSelect }) {
   const [search, setSearch] = useState4("");
   const filtered = search ? entries.filter((e) => e.query.toLowerCase().includes(search.toLowerCase())) : entries;
-  return /* @__PURE__ */ jsxs10("div", { className: "rdb-history", children: [
+  return /* @__PURE__ */ jsxs9("div", { className: "rdb-history", children: [
     /* @__PURE__ */ jsx14("div", { className: "rdb-history__search", children: /* @__PURE__ */ jsx14(
       "input",
       {
@@ -1079,7 +1374,7 @@ function HistoryPanel({ entries, onSelect }) {
 
 // src/components/connection/ConnectionPanel.tsx
 import { useEffect as useEffect3, useRef as useRef3 } from "react";
-import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
 function ConnectionPanel({
   mode,
   wsUrl,
@@ -1110,9 +1405,9 @@ function ConnectionPanel({
   }, [onClose]);
   const isWsConnected = mode === "websocket" && status === "connected";
   const isWsConnecting = mode === "websocket" && status === "connecting";
-  return /* @__PURE__ */ jsxs11("div", { className: "rdb-connection-panel", ref: panelRef, children: [
+  return /* @__PURE__ */ jsxs10("div", { className: "rdb-connection-panel", ref: panelRef, children: [
     /* @__PURE__ */ jsx15("div", { className: "rdb-connection-panel__header", children: "connection" }),
-    /* @__PURE__ */ jsxs11("div", { className: "rdb-connection-panel__modes", children: [
+    /* @__PURE__ */ jsxs10("div", { className: "rdb-connection-panel__modes", children: [
       /* @__PURE__ */ jsx15(
         "button",
         {
@@ -1130,8 +1425,8 @@ function ConnectionPanel({
         }
       )
     ] }),
-    mode === "websocket" && /* @__PURE__ */ jsxs11(Fragment3, { children: [
-      /* @__PURE__ */ jsxs11("div", { className: "rdb-connection-panel__url-row", children: [
+    mode === "websocket" && /* @__PURE__ */ jsxs10(Fragment3, { children: [
+      /* @__PURE__ */ jsxs10("div", { className: "rdb-connection-panel__url-row", children: [
         /* @__PURE__ */ jsx15("span", { className: "rdb-connection-panel__url-label", children: "url:" }),
         /* @__PURE__ */ jsx15(
           "input",
@@ -1155,7 +1450,7 @@ function ConnectionPanel({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsxs11("div", { className: "rdb-connection-panel__status", children: [
+    /* @__PURE__ */ jsxs10("div", { className: "rdb-connection-panel__status", children: [
       /* @__PURE__ */ jsx15("span", { className: `rdb-connection-panel__status-dot rdb-connection-panel__status-dot--${status}`, children: "\u25CF" }),
       /* @__PURE__ */ jsx15("span", { children: status })
     ] }),
@@ -1164,7 +1459,7 @@ function ConnectionPanel({
 }
 
 // src/components/Console.tsx
-import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
 var TABS = [
   { id: "results", label: "Results" },
   { id: "history", label: "History" },
@@ -1336,8 +1631,8 @@ function ConsoleInner({ executor, historyKey, connection, theme = "light" }) {
   const handleSelectHistory = useCallback3((query) => {
     dispatch({ type: "LOAD_QUERY", code: query });
   }, [dispatch]);
-  const editorPane = /* @__PURE__ */ jsxs12("div", { style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
-    /* @__PURE__ */ jsxs12("div", { style: { position: "relative" }, children: [
+  const editorPane = /* @__PURE__ */ jsxs11("div", { style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
+    /* @__PURE__ */ jsxs11("div", { style: { position: "relative" }, children: [
       /* @__PURE__ */ jsx16(
         EditorToolbar,
         {
@@ -1375,7 +1670,7 @@ function ConsoleInner({ executor, historyKey, connection, theme = "light" }) {
       }
     ) })
   ] });
-  const bottomPane = /* @__PURE__ */ jsxs12("div", { style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
+  const bottomPane = /* @__PURE__ */ jsxs11("div", { style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
     /* @__PURE__ */ jsx16(
       TabBar,
       {
@@ -1397,17 +1692,17 @@ import { useState as useState6, useCallback as useCallback4, useEffect as useEff
 import Editor2 from "@monaco-editor/react";
 
 // src/components/SnippetResults.tsx
-import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 function SnippetResults({ data, columns, maxKeyLength }) {
-  return /* @__PURE__ */ jsx17("div", { className: "rdb-snippet__rows", children: data.map((row, i) => /* @__PURE__ */ jsxs13("div", { className: "rdb-snippet__row", children: [
-    /* @__PURE__ */ jsxs13("div", { className: "rdb-snippet__row-label", children: [
+  return /* @__PURE__ */ jsx17("div", { className: "rdb-snippet__rows", children: data.map((row, i) => /* @__PURE__ */ jsxs12("div", { className: "rdb-snippet__row", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "rdb-snippet__row-label", children: [
       "-- row ",
       i + 1,
       " --"
     ] }),
     columns.map((col) => {
       const vs = getValueStyle(row[col]);
-      return /* @__PURE__ */ jsxs13("div", { className: "rdb-snippet__field", children: [
+      return /* @__PURE__ */ jsxs12("div", { className: "rdb-snippet__field", children: [
         /* @__PURE__ */ jsx17(
           "span",
           {
@@ -1431,7 +1726,7 @@ function SnippetResults({ data, columns, maxKeyLength }) {
 }
 
 // src/components/Snippet.tsx
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 function Snippet({
   executor,
   initialCode,
@@ -1507,14 +1802,14 @@ function Snippet({
   };
   const columns = result?.data && result.data.length > 0 ? Object.keys(result.data[0]) : [];
   const maxKeyLength = columns.length > 0 ? Math.max(...columns.map((c) => c.length)) : 0;
-  const content = /* @__PURE__ */ jsxs14("div", { className: `rdb-snippet${isFullscreen ? " rdb-snippet--fullscreen" : ""}${theme === "light" ? " rdb-theme-light" : ""}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsxs14("div", { className: "rdb-snippet__header", children: [
-      /* @__PURE__ */ jsxs14("div", { className: "rdb-snippet__title", children: [
+  const content = /* @__PURE__ */ jsxs13("div", { className: `rdb-snippet${isFullscreen ? " rdb-snippet--fullscreen" : ""}${theme === "light" ? " rdb-theme-light" : ""}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxs13("div", { className: "rdb-snippet__header", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "rdb-snippet__title", children: [
         /* @__PURE__ */ jsx18("span", { className: "rdb-snippet__title-marker", children: "$" }),
         " ",
         title
       ] }),
-      /* @__PURE__ */ jsxs14("div", { className: "rdb-snippet__actions", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "rdb-snippet__actions", children: [
         /* @__PURE__ */ jsx18(
           "button",
           {
@@ -1544,7 +1839,7 @@ function Snippet({
         )
       ] })
     ] }),
-    description && /* @__PURE__ */ jsx18("div", { className: "rdb-snippet__description", children: /* @__PURE__ */ jsxs14("p", { className: "rdb-snippet__description-text", children: [
+    description && /* @__PURE__ */ jsx18("div", { className: "rdb-snippet__description", children: /* @__PURE__ */ jsxs13("p", { className: "rdb-snippet__description-text", children: [
       /* @__PURE__ */ jsx18("span", { className: "rdb-snippet__description-marker", children: "// " }),
       description
     ] }) }),
@@ -1589,7 +1884,7 @@ function Snippet({
         )
       }
     ),
-    /* @__PURE__ */ jsxs14("div", { className: "rdb-snippet__toolbar", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "rdb-snippet__toolbar", children: [
       /* @__PURE__ */ jsx18("span", { className: "rdb-snippet__hint", children: isExecuting ? "$ running..." : "$ ctrl+enter to run" }),
       /* @__PURE__ */ jsx18(
         "button",
@@ -1601,10 +1896,10 @@ function Snippet({
         }
       )
     ] }),
-    result && /* @__PURE__ */ jsxs14("div", { className: `rdb-snippet__results${isFullscreen ? " rdb-snippet__results--fullscreen" : ""}`, children: [
-      /* @__PURE__ */ jsxs14("div", { className: "rdb-snippet__results-header", children: [
+    result && /* @__PURE__ */ jsxs13("div", { className: `rdb-snippet__results${isFullscreen ? " rdb-snippet__results--fullscreen" : ""}`, children: [
+      /* @__PURE__ */ jsxs13("div", { className: "rdb-snippet__results-header", children: [
         /* @__PURE__ */ jsx18("span", { children: result.error ? "--- error ---" : "--- output ---" }),
-        result.data && !result.error && /* @__PURE__ */ jsxs14("span", { children: [
+        result.data && !result.error && /* @__PURE__ */ jsxs13("span", { children: [
           "(",
           result.data.length,
           " row",
@@ -1612,7 +1907,7 @@ function Snippet({
           ")"
         ] })
       ] }),
-      result.error && /* @__PURE__ */ jsx18("div", { className: "rdb-snippet__error", children: /* @__PURE__ */ jsxs14("pre", { className: "rdb-snippet__error-text", children: [
+      result.error && /* @__PURE__ */ jsx18("div", { className: "rdb-snippet__error", children: /* @__PURE__ */ jsxs13("pre", { className: "rdb-snippet__error-text", children: [
         "ERR: ",
         result.error
       ] }) }),
@@ -1649,9 +1944,24 @@ var WasmExecutor = class {
       };
     } catch (error) {
       const executionTime = Math.round(performance.now() - startTime);
+      let diagnostic;
+      if (error && typeof error === "object" && "code" in error) {
+        const e = error;
+        diagnostic = {
+          code: String(e.code),
+          message: String(e.message ?? ""),
+          statement: e.statement,
+          fragment: e.fragment,
+          label: e.label,
+          help: e.help,
+          notes: Array.isArray(e.notes) ? e.notes.map(String) : [],
+          cause: e.cause
+        };
+      }
       return {
         success: false,
         error: error instanceof Error ? error.message : String(error),
+        diagnostic,
         executionTime
       };
     }