@lunora/studio 0.0.0 → 1.0.0-alpha.2

package/dist/packem_shared/sql-editor-panel-CW2y2x9h.js

@@ -0,0 +1,2562 @@
+import { c } from 'react/compiler-runtime';
+import { useLunora } from '@lunora/react';
+import { useState, useEffect, useRef, useId } from 'react';
+import { useT } from './createStudioI18n-CgvlmDkN.js';
+import { h as formatCell, f as fireAndForget, c as callOptions, a as adminRef, e as errorMessage } from './internal-BBZYexre.js';
+import { X as XAxis, B as Bar, T as Tooltip, E as EvilBarChart } from './bar-chart-CzJAgqkp.js';
+import { jsxDEV, Fragment } from 'react/jsx-dev-runtime';
+import { ShardInput } from './ShardInput-DNCsT1KW.js';
+import { cva } from 'class-variance-authority';
+import { c as cn } from './utils-B05Dmz_H.js';
+import { c as TableHead, a as TableHeader, b as TableRow, e as TableCell, d as TableBody, T as Table } from './table-_RzNvy3R.js';
+import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTION_PREFIX-DmBqMZ-z.js';
+import { r as recordShard } from './shard-history-DyebH1R5.js';
+import { C as CellValue } from './data-grid-CCh2Couo.js';
+import { E as ExportMenu } from './grid-features-DTjG6Sex.js';
+
+const MAX_BARS = 50;
+const RESULT_CHART_CONFIG = {
+  value: {
+    colors: {
+      dark: ["var(--chart-1)"],
+      light: ["var(--chart-1)"]
+    },
+    label: "value"
+  }
+};
+const pickColumns = (result) => {
+  const value = result.columns.find((column) => result.rows.length > 0 && result.rows.every((row) => typeof row[column] === "number")) ?? null;
+  const label = result.columns.find((column) => column !== value) ?? null;
+  return {
+    label,
+    value
+  };
+};
+const SqlResultChart = (t0) => {
+  const $ = c(15);
+  const {
+    result
+  } = t0;
+  const t = useT();
+  let t1;
+  if ($[0] !== result) {
+    t1 = pickColumns(result);
+    $[0] = result;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    label,
+    value
+  } = t1;
+  let t2;
+  if ($[2] !== label || $[3] !== result || $[4] !== value) {
+    t2 = value === null ? [] : result.rows.slice(0, MAX_BARS).map((row, index) => ({
+      label: label === null ? `#${(index + 1).toString()}` : formatCell(row[label]),
+      value: Number(row[value]) || 0
+    }));
+    $[2] = label;
+    $[3] = result;
+    $[4] = value;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const data = t2;
+  if (value === null) {
+    let t32;
+    if ($[6] !== t) {
+      t32 = t("No numeric column to chart.");
+      $[6] = t;
+      $[7] = t32;
+    } else {
+      t32 = $[7];
+    }
+    let t42;
+    if ($[8] !== t32) {
+      t42 = /* @__PURE__ */ jsxDEV("p", {
+        className: "p-4 text-sm text-muted-foreground",
+        "data-testid": "sql-chart-empty",
+        children: t32
+      }, void 0, false);
+      $[8] = t32;
+      $[9] = t42;
+    } else {
+      t42 = $[9];
+    }
+    return t42;
+  }
+  let t3;
+  let t4;
+  let t5;
+  if ($[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsxDEV(XAxis, {
+      dataKey: "label"
+    }, void 0, false);
+    t4 = /* @__PURE__ */ jsxDEV(Bar, {
+      dataKey: "value"
+    }, void 0, false);
+    t5 = /* @__PURE__ */ jsxDEV(Tooltip, {}, void 0, false);
+    $[10] = t3;
+    $[11] = t4;
+    $[12] = t5;
+  } else {
+    t3 = $[10];
+    t4 = $[11];
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] !== data) {
+    t6 = /* @__PURE__ */ jsxDEV("div", {
+      className: "h-80 w-full p-3",
+      "data-testid": "sql-chart",
+      children: /* @__PURE__ */ jsxDEV(EvilBarChart, {
+        className: "h-full w-full",
+        config: RESULT_CHART_CONFIG,
+        data,
+        children: [t3, t4, t5]
+      }, void 0, true)
+    }, void 0, false);
+    $[13] = data;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  return t6;
+};
+
+const alertVariants = cva("flex items-start gap-2 rounded-md border px-3 py-2 text-sm [&>svg]:mt-0.5 [&>svg]:size-4 [&>svg]:shrink-0", {
+  defaultVariants: {
+    variant: "default"
+  },
+  variants: {
+    variant: {
+      default: "border-border bg-muted/40 text-foreground",
+      destructive: "border-destructive/40 bg-destructive/5 text-destructive",
+      warning: "border-amber-500/40 bg-amber-500/5 text-amber-700 dark:text-amber-400"
+    }
+  }
+});
+const Alert = (t0) => {
+  const $ = c(10);
+  const {
+    children,
+    className,
+    icon,
+    testId,
+    variant
+  } = t0;
+  let t1;
+  if ($[0] !== className || $[1] !== variant) {
+    t1 = cn(alertVariants({
+      variant
+    }), className);
+    $[0] = className;
+    $[1] = variant;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== children) {
+    t2 = /* @__PURE__ */ jsxDEV("div", {
+      className: "min-w-0 flex-1",
+      children
+    }, void 0, false);
+    $[3] = children;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== icon || $[6] !== t1 || $[7] !== t2 || $[8] !== testId) {
+    t3 = /* @__PURE__ */ jsxDEV("div", {
+      className: t1,
+      "data-testid": testId,
+      role: "alert",
+      children: [icon, t2]
+    }, void 0, true);
+    $[5] = icon;
+    $[6] = t1;
+    $[7] = t2;
+    $[8] = testId;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  return t3;
+};
+
+const store = () => {
+  try {
+    return globalThis.localStorage;
+  } catch {
+    return void 0;
+  }
+};
+const loadJsonArray = function(key) {
+  try {
+    const raw = store()?.getItem(key) ?? void 0;
+    const parsed = raw === void 0 ? [] : JSON.parse(raw);
+    return Array.isArray(parsed) ? parsed : [];
+  } catch {
+    return [];
+  }
+};
+const saveJson = (key, value) => {
+  const storage = store();
+  if (storage === void 0) {
+    return;
+  }
+  try {
+    storage.setItem(key, JSON.stringify(value));
+  } catch {
+  }
+};
+const usePersistedList = function(key) {
+  const $ = c(8);
+  let t0;
+  if ($[0] !== key) {
+    t0 = () => loadJsonArray(key);
+    $[0] = key;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const [value, setValue] = useState(t0);
+  let t1;
+  let t2;
+  if ($[2] !== key || $[3] !== value) {
+    t1 = () => {
+      saveJson(key, value);
+    };
+    t2 = [key, value];
+    $[2] = key;
+    $[3] = value;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t1 = $[4];
+    t2 = $[5];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[6] !== value) {
+    t3 = [value, setValue];
+    $[6] = value;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
+};
+const newId = (prefix) => globalThis.crypto?.randomUUID?.() ?? `${prefix}-${globalThis.performance.now().toString(36)}`;
+
+const SQL_KEYWORDS = ["ORDER BY", "GROUP BY", "LEFT JOIN", "RIGHT JOIN", "INNER JOIN", "OUTER JOIN", "CROSS JOIN", "EXPLAIN QUERY PLAN", "SELECT", "DISTINCT", "FROM", "WHERE", "HAVING", "LIMIT", "OFFSET", "JOIN", "ON", "AND", "OR", "AS", "ASC", "DESC", "WITH", "UNION", "EXPLAIN"];
+const SQL_NEWLINE_CLAUSES = ["FROM", "WHERE", "ORDER BY", "GROUP BY", "HAVING", "LIMIT", "OFFSET", "UNION", "JOIN", "LEFT JOIN", "RIGHT JOIN", "INNER JOIN", "OUTER JOIN", "CROSS JOIN"];
+const SENTINEL = String.fromCodePoint(0);
+const RESTORE_RE = new RegExp(`${SENTINEL}${String.raw`(\d+)`}${SENTINEL}`, "gu");
+const KEYWORD_PATTERNS = SQL_KEYWORDS.map((keyword) => {
+  return {
+    pattern: new RegExp(String.raw`\b${keyword.replaceAll(" ", String.raw`\s+`)}\b`, "giu"),
+    replacement: keyword
+  };
+});
+const CLAUSE_PATTERNS = SQL_NEWLINE_CLAUSES.map((clause) => {
+  return {
+    pattern: new RegExp(String.raw`\s+${clause.replaceAll(" ", String.raw`\s+`)}\b`, "gu"),
+    replacement: `
+${clause}`
+  };
+});
+const formatSql = (sql) => {
+  const literals = [];
+  const withPlaceholders = sql.replaceAll(/'(?:[^']|'')*'/gu, (match) => {
+    literals.push(match);
+    return `${SENTINEL}${(literals.length - 1).toString()}${SENTINEL}`;
+  });
+  let out = withPlaceholders.replaceAll(/\s+/gu, " ").trim();
+  for (const {
+    pattern,
+    replacement
+  } of KEYWORD_PATTERNS) {
+    out = out.replaceAll(pattern, replacement);
+  }
+  for (const {
+    pattern,
+    replacement
+  } of CLAUSE_PATTERNS) {
+    out = out.replaceAll(pattern, replacement);
+  }
+  out = out.replaceAll(RESTORE_RE, (_match, index) => literals[Number(index)] ?? "");
+  return out;
+};
+
+const MAX_SUGGESTIONS = 8;
+const KEYWORDS = ["AND", "ASC", "AS", "BY", "COUNT", "DESC", "DISTINCT", "EXPLAIN", "FROM", "GROUP", "HAVING", "INNER", "JOIN", "LEFT", "LIKE", "LIMIT", "NOT", "NULL", "OFFSET", "ON", "ORDER", "OR", "QUERY", "SELECT", "WHERE", "WITH"];
+const COLUMN_CLAUSES = /* @__PURE__ */ new Set(["AND", "BY", "HAVING", "ON", "OR", "SELECT", "WHERE"]);
+const WORD_CHAR = /[\w$]/;
+const isWordChar = (char) => char !== void 0 && WORD_CHAR.test(char);
+const trailingWord = (text) => {
+  let start = text.length;
+  while (start > 0 && isWordChar(text[start - 1])) {
+    start -= 1;
+  }
+  return text.slice(start);
+};
+const tokenAt = (value, caret) => {
+  let start = caret;
+  while (start > 0 && isWordChar(value[start - 1])) {
+    start -= 1;
+  }
+  return {
+    end: caret,
+    start,
+    text: value.slice(start, caret)
+  };
+};
+const prefersColumns = (value, start) => {
+  const before = value.slice(0, start).trimEnd();
+  return before.endsWith(".") || COLUMN_CLAUSES.has(trailingWord(before).toUpperCase());
+};
+const qualifierTable = (value, start) => {
+  const before = value.slice(0, start);
+  if (!before.endsWith(".")) {
+    return void 0;
+  }
+  const name = trailingWord(before.slice(0, -1));
+  return name === "" ? void 0 : name;
+};
+const matches = (candidate, needle) => candidate.toLowerCase().startsWith(needle.toLowerCase());
+const takeMatches = (names, needle, max, make) => {
+  const out = [];
+  for (const name of names) {
+    if (matches(name, needle)) {
+      out.push(make(name));
+      if (out.length >= max) {
+        break;
+      }
+    }
+  }
+  return out;
+};
+const takeColumnMatches = (schema, needle, max) => {
+  const seen = /* @__PURE__ */ new Map();
+  for (const [table, columns] of Object.entries(schema.columns)) {
+    for (const column of columns) {
+      if (matches(column, needle) && !seen.has(column)) {
+        seen.set(column, table);
+        if (seen.size >= max) {
+          return [...seen].map(([column_, table_]) => {
+            return {
+              detail: table_,
+              kind: "column",
+              label: column_
+            };
+          });
+        }
+      }
+    }
+  }
+  return [...seen].map(([column, table]) => {
+    return {
+      detail: table,
+      kind: "column",
+      label: column
+    };
+  });
+};
+const suggestionsFor = (value, caret, schema) => {
+  const span = tokenAt(value, caret);
+  const qualifier = qualifierTable(value, span.start);
+  if (qualifier !== void 0) {
+    const owned = schema.columns[qualifier] ?? schema.columns[qualifier.toLowerCase()] ?? [];
+    return takeMatches(owned, span.text, MAX_SUGGESTIONS, (column) => {
+      return {
+        detail: qualifier,
+        kind: "column",
+        label: column
+      };
+    });
+  }
+  if (span.text === "" && !prefersColumns(value, span.start)) {
+    return [];
+  }
+  const tableHits = takeMatches(schema.tables, span.text, MAX_SUGGESTIONS, (table) => {
+    return {
+      kind: "table",
+      label: table
+    };
+  });
+  const columnHits = takeColumnMatches(schema, span.text, MAX_SUGGESTIONS);
+  const keywordHits = KEYWORDS.filter((keyword) => span.text !== "" && matches(keyword, span.text) && keyword.toLowerCase() !== span.text.toLowerCase()).map((keyword) => {
+    return {
+      kind: "keyword",
+      label: keyword
+    };
+  });
+  const ordered = prefersColumns(value, span.start) ? [...columnHits, ...tableHits, ...keywordHits] : [...tableHits, ...columnHits, ...keywordHits];
+  return ordered.slice(0, MAX_SUGGESTIONS);
+};
+const acceptSuggestion = (value, caret, suggestion) => {
+  const span = tokenAt(value, caret);
+  const next = value.slice(0, span.start) + suggestion.label + value.slice(span.end);
+  return {
+    caret: span.start + suggestion.label.length,
+    value: next
+  };
+};
+
+const MIRROR_PROPS = ["boxSizing", "borderBottomWidth", "borderLeftWidth", "borderRightWidth", "borderTopWidth", "fontFamily", "fontSize", "fontStyle", "fontWeight", "letterSpacing", "lineHeight", "paddingBottom", "paddingLeft", "paddingRight", "paddingTop", "tabSize", "textIndent", "textTransform", "width", "wordSpacing"];
+const caretOffset = (textarea, caret) => {
+  const computed = globalThis.getComputedStyle(textarea);
+  const mirror = globalThis.document.createElement("div");
+  const {
+    style
+  } = mirror;
+  style.position = "absolute";
+  style.visibility = "hidden";
+  style.whiteSpace = "pre-wrap";
+  style.overflowWrap = "break-word";
+  for (const property of MIRROR_PROPS) {
+    style[property] = computed[property];
+  }
+  mirror.textContent = textarea.value.slice(0, Math.max(0, caret));
+  const marker = globalThis.document.createElement("span");
+  marker.textContent = textarea.value.slice(Math.max(0, caret)) || ".";
+  mirror.append(marker);
+  globalThis.document.body.append(mirror);
+  const left = marker.offsetLeft - textarea.scrollLeft;
+  const top = marker.offsetTop - textarea.scrollTop;
+  mirror.remove();
+  return {
+    left,
+    top
+  };
+};
+const useSqlAutocomplete = (schema, textareaRef, setValue) => {
+  const $ = c(13);
+  const [state, setState] = useState(null);
+  let t0;
+  if ($[0] !== schema || $[1] !== textareaRef) {
+    t0 = (value, caret) => {
+      const suggestions = suggestionsFor(value, caret, schema);
+      if (suggestions.length === 0) {
+        setState(null);
+        return;
+      }
+      const node = textareaRef.current;
+      const {
+        left,
+        top
+      } = node === null ? {
+        left: 0,
+        top: 0
+      } : caretOffset(node, caret);
+      setState({
+        active: 0,
+        left,
+        suggestions,
+        top
+      });
+    };
+    $[0] = schema;
+    $[1] = textareaRef;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const refresh = t0;
+  let t1;
+  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      setState(null);
+    };
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const close = t1;
+  let t2;
+  if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = (delta) => {
+      setState((current) => {
+        if (current === null) {
+          return current;
+        }
+        const count = current.suggestions.length;
+        const active = (current.active + delta + count) % count;
+        return {
+          ...current,
+          active
+        };
+      });
+    };
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const move = t2;
+  let t3;
+  if ($[5] !== setValue || $[6] !== state || $[7] !== textareaRef) {
+    t3 = () => {
+      const textarea = textareaRef.current;
+      if (state === null || textarea === null) {
+        return false;
+      }
+      const chosen = state.suggestions[state.active];
+      if (chosen === void 0) {
+        return false;
+      }
+      const next = acceptSuggestion(textarea.value, textarea.selectionStart, chosen);
+      setValue(next.value);
+      setState(null);
+      requestAnimationFrame(() => {
+        const node_0 = textareaRef.current;
+        if (node_0 !== null) {
+          node_0.focus();
+          node_0.setSelectionRange(next.caret, next.caret);
+        }
+      });
+      return true;
+    };
+    $[5] = setValue;
+    $[6] = state;
+    $[7] = textareaRef;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  const commit = t3;
+  let t4;
+  if ($[9] !== commit || $[10] !== refresh || $[11] !== state) {
+    t4 = {
+      close,
+      commit,
+      move,
+      refresh,
+      state
+    };
+    $[9] = commit;
+    $[10] = refresh;
+    $[11] = state;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  return t4;
+};
+const KIND_LABEL = {
+  column: "column",
+  keyword: "keyword",
+  table: "table"
+};
+const CARET_LINE_OFFSET = 20;
+const AutocompletePopover = (t0) => {
+  const $ = c(17);
+  const {
+    listboxId,
+    onPick,
+    state
+  } = t0;
+  const t = useT();
+  let t1;
+  if ($[0] !== state) {
+    t1 = state === null ? void 0 : {
+      left: state.left,
+      top: state.top + CARET_LINE_OFFSET
+    };
+    $[0] = state;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const style = t1;
+  if (state === null) {
+    return null;
+  }
+  let t2;
+  if ($[2] !== listboxId || $[3] !== onPick || $[4] !== state.active || $[5] !== state.suggestions || $[6] !== t) {
+    let t32;
+    if ($[8] !== listboxId || $[9] !== onPick || $[10] !== state.active || $[11] !== t) {
+      t32 = (suggestion, index) => /* @__PURE__ */ jsxDEV("li", {
+        "aria-selected": index === state.active,
+        className: cn("flex cursor-pointer items-center gap-2 px-2 py-1 text-[13px]", index === state.active ? "bg-accent text-accent-foreground" : "text-foreground"),
+        "data-testid": "sql-autocomplete-item",
+        id: `${listboxId}-opt-${index.toString()}`,
+        onMouseDown: (event) => {
+          event.preventDefault();
+          onPick(index);
+        },
+        role: "option",
+        children: [/* @__PURE__ */ jsxDEV("span", {
+          className: "truncate font-mono",
+          children: suggestion.label
+        }, void 0, false), suggestion.detail !== void 0 && /* @__PURE__ */ jsxDEV("span", {
+          className: "ms-auto truncate text-xs text-muted-foreground",
+          children: suggestion.detail
+        }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+          className: "shrink-0 font-mono text-[10px] tracking-wide text-muted-foreground/70 uppercase",
+          children: t(KIND_LABEL[suggestion.kind])
+        }, void 0, false)]
+      }, `${suggestion.kind}:${suggestion.label}`, true);
+      $[8] = listboxId;
+      $[9] = onPick;
+      $[10] = state.active;
+      $[11] = t;
+      $[12] = t32;
+    } else {
+      t32 = $[12];
+    }
+    t2 = state.suggestions.map(t32);
+    $[2] = listboxId;
+    $[3] = onPick;
+    $[4] = state.active;
+    $[5] = state.suggestions;
+    $[6] = t;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  let t3;
+  if ($[13] !== listboxId || $[14] !== style || $[15] !== t2) {
+    t3 = /* @__PURE__ */ jsxDEV("ul", {
+      className: "absolute z-30 max-h-56 w-72 overflow-auto rounded-md border border-border bg-popover py-1 text-popover-foreground shadow-md",
+      "data-testid": "sql-autocomplete",
+      id: listboxId,
+      role: "listbox",
+      style,
+      children: t2
+    }, void 0, false);
+    $[13] = listboxId;
+    $[14] = style;
+    $[15] = t2;
+    $[16] = t3;
+  } else {
+    t3 = $[16];
+  }
+  return t3;
+};
+
+const TEMPLATES = [{
+  label: "List tables",
+  sql: "SELECT name FROM sqlite_master WHERE type = 'table' ORDER BY name;"
+}, {
+  label: "Table row count",
+  sql: "SELECT COUNT(*) AS rows FROM messages;"
+}, {
+  label: "Recent rows",
+  sql: "SELECT id, _creationTime, __doc__ FROM messages ORDER BY _creationTime DESC LIMIT 50;"
+}, {
+  label: "Index list",
+  sql: "SELECT name, tbl_name FROM sqlite_master WHERE type = 'index' ORDER BY tbl_name;"
+}];
+const QueryRow = (t0) => {
+  const $ = c(29);
+  const {
+    active,
+    onDelete,
+    onSelect,
+    query
+  } = t0;
+  const t = useT();
+  let t1;
+  if ($[0] !== onSelect || $[1] !== query.id) {
+    t1 = () => {
+      onSelect(query.id);
+    };
+    $[0] = onSelect;
+    $[1] = query.id;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const onClick = t1;
+  let t2;
+  if ($[3] !== onDelete || $[4] !== query.id) {
+    t2 = (event) => {
+      event.stopPropagation();
+      onDelete(query.id);
+    };
+    $[3] = onDelete;
+    $[4] = query.id;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const onDeleteClick = t2;
+  const t3 = active ? "bg-sidebar-accent font-medium text-foreground" : "text-muted-foreground";
+  let t4;
+  if ($[6] !== t3) {
+    t4 = cn("flex min-w-0 flex-1 items-center gap-2 rounded-md px-2 py-1.5 text-start text-[13px] outline-none transition-colors hover:bg-sidebar-accent focus-visible:bg-sidebar-accent", t3);
+    $[6] = t3;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  const t5 = `sql-query-${query.id}`;
+  let t6;
+  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t6 = /* @__PURE__ */ jsxDEV("svg", {
+      "aria-hidden": "true",
+      className: "size-3.5 shrink-0 opacity-70",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.6,
+      viewBox: "0 0 24 24",
+      children: /* @__PURE__ */ jsxDEV("path", {
+        d: "M4 6h16M4 12h10M4 18h7"
+      }, void 0, false)
+    }, void 0, false);
+    $[8] = t6;
+  } else {
+    t6 = $[8];
+  }
+  let t7;
+  if ($[9] !== query.name) {
+    t7 = /* @__PURE__ */ jsxDEV("span", {
+      className: "truncate",
+      children: query.name
+    }, void 0, false);
+    $[9] = query.name;
+    $[10] = t7;
+  } else {
+    t7 = $[10];
+  }
+  let t8;
+  if ($[11] !== active || $[12] !== onClick || $[13] !== t4 || $[14] !== t5 || $[15] !== t7) {
+    t8 = /* @__PURE__ */ jsxDEV("button", {
+      "aria-pressed": active,
+      className: t4,
+      "data-testid": t5,
+      onClick,
+      type: "button",
+      children: [t6, t7]
+    }, void 0, true);
+    $[11] = active;
+    $[12] = onClick;
+    $[13] = t4;
+    $[14] = t5;
+    $[15] = t7;
+    $[16] = t8;
+  } else {
+    t8 = $[16];
+  }
+  let t9;
+  if ($[17] !== t) {
+    t9 = t("Delete query");
+    $[17] = t;
+    $[18] = t9;
+  } else {
+    t9 = $[18];
+  }
+  let t10;
+  if ($[19] !== t) {
+    t10 = t("Delete query");
+    $[19] = t;
+    $[20] = t10;
+  } else {
+    t10 = $[20];
+  }
+  let t11;
+  if ($[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t11 = /* @__PURE__ */ jsxDEV("svg", {
+      "aria-hidden": "true",
+      className: "size-3.5",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.6,
+      viewBox: "0 0 24 24",
+      children: /* @__PURE__ */ jsxDEV("path", {
+        d: "M5 7h14M9 7V5h6v2m-1 0v12H10V7M7 7v13h10V7"
+      }, void 0, false)
+    }, void 0, false);
+    $[21] = t11;
+  } else {
+    t11 = $[21];
+  }
+  let t12;
+  if ($[22] !== onDeleteClick || $[23] !== t10 || $[24] !== t9) {
+    t12 = /* @__PURE__ */ jsxDEV("button", {
+      "aria-label": t9,
+      className: "me-1 hidden size-6 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-destructive/10 hover:text-destructive group-hover/q:flex",
+      onClick: onDeleteClick,
+      title: t10,
+      type: "button",
+      children: t11
+    }, void 0, false);
+    $[22] = onDeleteClick;
+    $[23] = t10;
+    $[24] = t9;
+    $[25] = t12;
+  } else {
+    t12 = $[25];
+  }
+  let t13;
+  if ($[26] !== t12 || $[27] !== t8) {
+    t13 = /* @__PURE__ */ jsxDEV("li", {
+      className: "group/q flex items-center",
+      children: [t8, t12]
+    }, void 0, true);
+    $[26] = t12;
+    $[27] = t8;
+    $[28] = t13;
+  } else {
+    t13 = $[28];
+  }
+  return t13;
+};
+const SqlQuerySidebar = (t0) => {
+  const $ = c(58);
+  const {
+    activeId,
+    history,
+    listRef,
+    onClearHistory,
+    onDelete,
+    onLoadHistory,
+    onLoadTemplate,
+    onNew,
+    onSearchChange,
+    onSelect,
+    queries,
+    search
+  } = t0;
+  const t = useT();
+  let t1;
+  if ($[0] !== queries || $[1] !== search) {
+    const needle = search.trim().toLowerCase();
+    t1 = needle === "" ? [...queries] : queries.filter((query) => query.name.toLowerCase().includes(needle));
+    $[0] = queries;
+    $[1] = search;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const filtered = t1;
+  let t2;
+  if ($[3] !== t) {
+    t2 = t("Search queries…");
+    $[3] = t;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== onSearchChange || $[6] !== search || $[7] !== t2) {
+    t3 = /* @__PURE__ */ jsxDEV("input", {
+      className: "h-8 min-w-0 flex-1 rounded-md border border-border bg-background px-2 text-xs outline-none focus-visible:border-ring",
+      "data-testid": "sql-search",
+      onChange: onSearchChange,
+      placeholder: t2,
+      type: "text",
+      value: search
+    }, void 0, false);
+    $[5] = onSearchChange;
+    $[6] = search;
+    $[7] = t2;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== t) {
+    t4 = t("New query");
+    $[9] = t;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  let t5;
+  if ($[11] !== t) {
+    t5 = t("New query");
+    $[11] = t;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t6 = /* @__PURE__ */ jsxDEV("svg", {
+      "aria-hidden": "true",
+      className: "size-4",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.7,
+      viewBox: "0 0 24 24",
+      children: /* @__PURE__ */ jsxDEV("path", {
+        d: "M12 5v14M5 12h14"
+      }, void 0, false)
+    }, void 0, false);
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  let t7;
+  if ($[14] !== onNew || $[15] !== t4 || $[16] !== t5) {
+    t7 = /* @__PURE__ */ jsxDEV("button", {
+      "aria-label": t4,
+      className: "flex size-8 shrink-0 items-center justify-center rounded-md border border-border text-foreground outline-none transition-colors hover:bg-accent focus-visible:bg-accent",
+      "data-testid": "sql-new",
+      onClick: onNew,
+      title: t5,
+      type: "button",
+      children: t6
+    }, void 0, false);
+    $[14] = onNew;
+    $[15] = t4;
+    $[16] = t5;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  let t8;
+  if ($[18] !== t3 || $[19] !== t7) {
+    t8 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex shrink-0 items-center gap-2 border-b border-border p-2",
+      children: [t3, t7]
+    }, void 0, true);
+    $[18] = t3;
+    $[19] = t7;
+    $[20] = t8;
+  } else {
+    t8 = $[20];
+  }
+  let t9;
+  if ($[21] !== t) {
+    t9 = t("Private");
+    $[21] = t;
+    $[22] = t9;
+  } else {
+    t9 = $[22];
+  }
+  let t10;
+  if ($[23] !== t9) {
+    t10 = /* @__PURE__ */ jsxDEV("p", {
+      className: "px-1 pb-1 font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
+      children: t9
+    }, void 0, false);
+    $[23] = t9;
+    $[24] = t10;
+  } else {
+    t10 = $[24];
+  }
+  let t11;
+  if ($[25] !== activeId || $[26] !== filtered || $[27] !== listRef || $[28] !== onDelete || $[29] !== onSelect || $[30] !== t) {
+    t11 = filtered.length === 0 ? /* @__PURE__ */ jsxDEV("p", {
+      className: "px-1 py-2 text-xs text-muted-foreground",
+      "data-testid": "sql-private-empty",
+      children: t("No saved queries yet — they save to this browser as you type.")
+    }, void 0, false) : /* @__PURE__ */ jsxDEV("ul", {
+      className: "flex flex-col gap-px",
+      "data-testid": "sql-private",
+      ref: listRef,
+      children: filtered.map((query_0) => /* @__PURE__ */ jsxDEV(QueryRow, {
+        active: activeId === query_0.id,
+        onDelete,
+        onSelect,
+        query: query_0
+      }, query_0.id, false))
+    }, void 0, false);
+    $[25] = activeId;
+    $[26] = filtered;
+    $[27] = listRef;
+    $[28] = onDelete;
+    $[29] = onSelect;
+    $[30] = t;
+    $[31] = t11;
+  } else {
+    t11 = $[31];
+  }
+  let t12;
+  if ($[32] !== t10 || $[33] !== t11) {
+    t12 = /* @__PURE__ */ jsxDEV("div", {
+      children: [t10, t11]
+    }, void 0, true);
+    $[32] = t10;
+    $[33] = t11;
+    $[34] = t12;
+  } else {
+    t12 = $[34];
+  }
+  let t13;
+  if ($[35] !== t) {
+    t13 = t("Reference");
+    $[35] = t;
+    $[36] = t13;
+  } else {
+    t13 = $[36];
+  }
+  let t14;
+  if ($[37] !== t13) {
+    t14 = /* @__PURE__ */ jsxDEV("p", {
+      className: "px-1 pb-1 font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
+      children: t13
+    }, void 0, false);
+    $[37] = t13;
+    $[38] = t14;
+  } else {
+    t14 = $[38];
+  }
+  let t15;
+  if ($[39] !== onLoadTemplate) {
+    t15 = TEMPLATES.map((template) => /* @__PURE__ */ jsxDEV("li", {
+      children: /* @__PURE__ */ jsxDEV("button", {
+        className: "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-start text-[13px] text-muted-foreground outline-none transition-colors hover:bg-sidebar-accent hover:text-foreground focus-visible:bg-sidebar-accent",
+        "data-sql": template.sql,
+        onClick: onLoadTemplate,
+        type: "button",
+        children: [/* @__PURE__ */ jsxDEV("svg", {
+          "aria-hidden": "true",
+          className: "size-3.5 shrink-0 opacity-70",
+          fill: "none",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 1.6,
+          viewBox: "0 0 24 24",
+          children: /* @__PURE__ */ jsxDEV("path", {
+            d: "M7 4h7l4 4v12H7zM14 4v4h4"
+          }, void 0, false)
+        }, void 0, false), template.label]
+      }, void 0, true)
+    }, template.label, false));
+    $[39] = onLoadTemplate;
+    $[40] = t15;
+  } else {
+    t15 = $[40];
+  }
+  let t16;
+  if ($[41] !== t15) {
+    t16 = /* @__PURE__ */ jsxDEV("ul", {
+      className: "flex flex-col gap-px",
+      children: t15
+    }, void 0, false);
+    $[41] = t15;
+    $[42] = t16;
+  } else {
+    t16 = $[42];
+  }
+  let t17;
+  if ($[43] !== t14 || $[44] !== t16) {
+    t17 = /* @__PURE__ */ jsxDEV("div", {
+      children: [t14, t16]
+    }, void 0, true);
+    $[43] = t14;
+    $[44] = t16;
+    $[45] = t17;
+  } else {
+    t17 = $[45];
+  }
+  let t18;
+  if ($[46] !== history || $[47] !== onClearHistory || $[48] !== onLoadHistory || $[49] !== t) {
+    t18 = history.length > 0 && /* @__PURE__ */ jsxDEV("div", {
+      children: [/* @__PURE__ */ jsxDEV("div", {
+        className: "flex items-center justify-between px-1 pb-1",
+        children: [/* @__PURE__ */ jsxDEV("p", {
+          className: "font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
+          children: t("History")
+        }, void 0, false), /* @__PURE__ */ jsxDEV("button", {
+          className: "rounded px-1 text-[11px] text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:text-foreground",
+          "data-testid": "sql-history-clear",
+          onClick: onClearHistory,
+          type: "button",
+          children: t("Clear history")
+        }, void 0, false)]
+      }, void 0, true), /* @__PURE__ */ jsxDEV("ul", {
+        className: "flex flex-col gap-px",
+        "data-testid": "sql-history",
+        children: history.map((entry) => /* @__PURE__ */ jsxDEV("li", {
+          children: /* @__PURE__ */ jsxDEV("button", {
+            className: "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-start text-[13px] text-muted-foreground outline-none transition-colors hover:bg-sidebar-accent hover:text-foreground focus-visible:bg-sidebar-accent",
+            "data-sql": entry.sql,
+            "data-testid": "sql-history-item",
+            onClick: onLoadHistory,
+            title: entry.sql,
+            type: "button",
+            children: [/* @__PURE__ */ jsxDEV("svg", {
+              "aria-hidden": "true",
+              className: "size-3.5 shrink-0 opacity-70",
+              fill: "none",
+              stroke: "currentColor",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 1.6,
+              viewBox: "0 0 24 24",
+              children: /* @__PURE__ */ jsxDEV("path", {
+                d: "M12 8v4l3 2M12 21a9 9 0 1 1 0-18 9 9 0 0 1 0 18Z"
+              }, void 0, false)
+            }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+              className: "truncate font-mono",
+              children: entry.sql
+            }, void 0, false)]
+          }, void 0, true)
+        }, `${entry.at.toString()}:${entry.sql}`, false))
+      }, void 0, false)]
+    }, void 0, true);
+    $[46] = history;
+    $[47] = onClearHistory;
+    $[48] = onLoadHistory;
+    $[49] = t;
+    $[50] = t18;
+  } else {
+    t18 = $[50];
+  }
+  let t19;
+  if ($[51] !== t12 || $[52] !== t17 || $[53] !== t18) {
+    t19 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-1 flex-col gap-4 overflow-y-auto p-2",
+      children: [t12, t17, t18]
+    }, void 0, true);
+    $[51] = t12;
+    $[52] = t17;
+    $[53] = t18;
+    $[54] = t19;
+  } else {
+    t19 = $[54];
+  }
+  let t20;
+  if ($[55] !== t19 || $[56] !== t8) {
+    t20 = /* @__PURE__ */ jsxDEV("aside", {
+      className: "flex h-full w-64 shrink-0 flex-col border-e border-border bg-sidebar",
+      children: [t8, t19]
+    }, void 0, true);
+    $[55] = t19;
+    $[56] = t8;
+    $[57] = t20;
+  } else {
+    t20 = $[57];
+  }
+  return t20;
+};
+
+const LIST_TABLES = adminRef(ADMIN_FUNCTIONS.listTables);
+const READ_TABLE_PAGE = adminRef(ADMIN_FUNCTIONS.readTablePage);
+const useSqlSchema = (shardKey) => {
+  const $ = c(16);
+  const client = useLunora();
+  let t0;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t0 = [];
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const [tables, setTables] = useState(t0);
+  let t1;
+  if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {};
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const [columns, setColumns] = useState(t1);
+  let t2;
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /* @__PURE__ */ new Set();
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const probed = useRef(t2);
+  let t3;
+  let t4;
+  if ($[3] !== client || $[4] !== shardKey) {
+    t3 = () => {
+      const token = {
+        cancelled: false
+      };
+      const load = async () => {
+        try {
+          const result = await client.query(LIST_TABLES, {}, callOptions(shardKey));
+          if (!token.cancelled) {
+            setTables(result.map(_temp$2));
+            setColumns({});
+            probed.current = /* @__PURE__ */ new Set();
+          }
+        } catch {
+          if (!token.cancelled) {
+            setTables([]);
+            setColumns({});
+            probed.current = /* @__PURE__ */ new Set();
+          }
+        }
+      };
+      fireAndForget(load());
+      return () => {
+        token.cancelled = true;
+      };
+    };
+    t4 = [client, shardKey];
+    $[3] = client;
+    $[4] = shardKey;
+    $[5] = t3;
+    $[6] = t4;
+  } else {
+    t3 = $[5];
+    t4 = $[6];
+  }
+  useEffect(t3, t4);
+  let t5;
+  if ($[7] !== client || $[8] !== shardKey) {
+    t5 = (table_0) => {
+      if (probed.current.has(table_0)) {
+        return;
+      }
+      probed.current.add(table_0);
+      const fetchColumns = async () => {
+        try {
+          const page = await client.query(READ_TABLE_PAGE, {
+            limit: 1,
+            offset: 0,
+            table: table_0
+          }, callOptions(shardKey));
+          setColumns((previous) => ({
+            ...previous,
+            [table_0]: page.columns
+          }));
+        } catch {
+          probed.current.delete(table_0);
+        }
+      };
+      fireAndForget(fetchColumns());
+    };
+    $[7] = client;
+    $[8] = shardKey;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  const probe = t5;
+  let t6;
+  if ($[10] !== columns || $[11] !== tables) {
+    t6 = {
+      columns,
+      tables
+    };
+    $[10] = columns;
+    $[11] = tables;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  const schema = t6;
+  let t7;
+  if ($[13] !== probe || $[14] !== schema) {
+    t7 = {
+      probe,
+      schema
+    };
+    $[13] = probe;
+    $[14] = schema;
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  return t7;
+};
+const TABLE_REF = /\b(?:from|join|update|into)\s+([a-z_][\w$]*)|\b([a-z_][\w$]*)\s*\./gi;
+const referencedTables = (sql) => {
+  const names = /* @__PURE__ */ new Set();
+  TABLE_REF.lastIndex = 0;
+  let match = TABLE_REF.exec(sql);
+  while (match !== null) {
+    names.add(match[1] ?? match[2]);
+    match = TABLE_REF.exec(sql);
+  }
+  return [...names];
+};
+function _temp$2(table) {
+  return table.name;
+}
+
+const TABS_KEY = "lunora-studio-sql-tabs";
+const ACTIVE_KEY = "lunora-studio-sql-active-tab";
+const MAX_TABS = 12;
+const makeTab = (sql = "", name = "") => {
+  return {
+    activeId: null,
+    id: newId("tab"),
+    name,
+    sql
+  };
+};
+const usePersistedActive = () => {
+  const $ = c(5);
+  const [list, setList] = usePersistedList(ACTIVE_KEY);
+  let t0;
+  if ($[0] !== setList) {
+    t0 = (action) => {
+      setList((current) => {
+        const previous = current[0] ?? "";
+        const next = typeof action === "function" ? action(previous) : action;
+        return [next];
+      });
+    };
+    $[0] = setList;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const setActive = t0;
+  const t1 = list[0] ?? "";
+  let t2;
+  if ($[2] !== setActive || $[3] !== t1) {
+    t2 = [t1, setActive];
+    $[2] = setActive;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
+};
+const usePersistedTabs = (seed) => {
+  const [stored, setTabs] = usePersistedList(TABS_KEY);
+  const [activeRaw, setActiveId] = usePersistedActive();
+  const seedTab = useRef(null);
+  if (stored.length === 0 && seedTab.current === null) {
+    seedTab.current = seed();
+  }
+  useEffect(() => {
+    if (stored.length === 0 && seedTab.current !== null) {
+      const initial = seedTab.current;
+      setTabs([initial]);
+    }
+  }, [setTabs, stored.length]);
+  const tabs = stored.length === 0 && seedTab.current !== null ? [seedTab.current] : stored;
+  const activeId = tabs.some((tab) => tab.id === activeRaw) ? activeRaw : tabs[0]?.id ?? "";
+  return {
+    activeId,
+    setActiveId,
+    setTabs,
+    tabs
+  };
+};
+const isDirty = (tab) => tab.activeId === null && tab.sql.trim() !== "";
+const addTab = (tabs, tab) => [...tabs, tab].slice(-MAX_TABS);
+const closeTab = (tabs, id, makeEmpty) => {
+  const index = tabs.findIndex((tab) => tab.id === id);
+  if (index === -1) {
+    return {
+      activeId: tabs[0]?.id ?? "",
+      tabs: [...tabs]
+    };
+  }
+  const remaining = tabs.filter((tab) => tab.id !== id);
+  if (remaining.length === 0) {
+    const fresh = makeEmpty();
+    return {
+      activeId: fresh.id,
+      tabs: [fresh]
+    };
+  }
+  const neighbour = remaining[Math.min(index, remaining.length - 1)];
+  return {
+    activeId: neighbour.id,
+    tabs: remaining
+  };
+};
+const closeOtherTabs = (tabs, id) => {
+  const kept = tabs.filter((tab) => tab.id === id);
+  return kept.length === 0 ? {
+    activeId: tabs[0]?.id ?? "",
+    tabs: [...tabs]
+  } : {
+    activeId: id,
+    tabs: kept
+  };
+};
+const closeTabsToRight = (tabs, id, activeId) => {
+  const index = tabs.findIndex((tab) => tab.id === id);
+  if (index === -1) {
+    return {
+      activeId,
+      tabs: [...tabs]
+    };
+  }
+  const kept = tabs.slice(0, index + 1);
+  return {
+    activeId: kept.some((tab) => tab.id === activeId) ? activeId : id,
+    tabs: kept
+  };
+};
+const closeAllTabs = (makeEmpty) => {
+  const fresh = makeEmpty();
+  return {
+    activeId: fresh.id,
+    tabs: [fresh]
+  };
+};
+const tabsClosedBy = (op, tabs, id) => {
+  if (op === "others") {
+    return tabs.filter((tab) => tab.id !== id);
+  }
+  if (op === "right") {
+    const index = tabs.findIndex((tab) => tab.id === id);
+    return index === -1 ? [] : tabs.slice(index + 1);
+  }
+  return [...tabs];
+};
+
+const derivedTabLabel = (sql, untitled) => sql.trim() === "" ? untitled : (sql.split("\n")[0] ?? sql).slice(0, 24);
+const TabRenameInput = (t0) => {
+  const $ = c(14);
+  const {
+    initial,
+    onCancel,
+    onCommit,
+    placeholder,
+    testId
+  } = t0;
+  const t = useT();
+  const focusOnMount = _temp$1;
+  let t1;
+  if ($[0] !== onCommit) {
+    t1 = (event) => {
+      onCommit(event.currentTarget.value.trim());
+    };
+    $[0] = onCommit;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const onBlur = t1;
+  let t2;
+  if ($[2] !== onCancel || $[3] !== onCommit) {
+    t2 = (event_0) => {
+      if (event_0.key === "Enter") {
+        onCommit(event_0.currentTarget.value.trim());
+      } else {
+        if (event_0.key === "Escape") {
+          onCancel();
+        }
+      }
+    };
+    $[2] = onCancel;
+    $[3] = onCommit;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const onKeyDown = t2;
+  let t3;
+  if ($[5] !== t) {
+    t3 = t("Tab title");
+    $[5] = t;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== initial || $[8] !== onBlur || $[9] !== onKeyDown || $[10] !== placeholder || $[11] !== t3 || $[12] !== testId) {
+    t4 = /* @__PURE__ */ jsxDEV("input", {
+      "aria-label": t3,
+      className: "w-40 rounded border border-ring bg-background px-1 py-0.5 text-xs outline-none",
+      "data-testid": testId,
+      defaultValue: initial,
+      onBlur,
+      onKeyDown,
+      placeholder,
+      ref: focusOnMount,
+      type: "text"
+    }, void 0, false);
+    $[7] = initial;
+    $[8] = onBlur;
+    $[9] = onKeyDown;
+    $[10] = placeholder;
+    $[11] = t3;
+    $[12] = testId;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  return t4;
+};
+const TabCloseConfirm = (t0) => {
+  const $ = c(29);
+  const {
+    idBase,
+    onDiscard,
+    onKeep
+  } = t0;
+  const t = useT();
+  const t1 = `sql-tab-close-prompt-${idBase}`;
+  let t2;
+  if ($[0] !== t) {
+    t2 = t("Discard?");
+    $[0] = t;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== t2) {
+    t3 = /* @__PURE__ */ jsxDEV("span", {
+      className: "text-[11px] text-muted-foreground",
+      children: t2
+    }, void 0, false);
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== t) {
+    t4 = t("Discard changes");
+    $[4] = t;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  const t5 = `sql-tab-close-confirm-${idBase}`;
+  let t6;
+  if ($[6] !== t) {
+    t6 = t("Discard changes");
+    $[6] = t;
+    $[7] = t6;
+  } else {
+    t6 = $[7];
+  }
+  let t7;
+  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t7 = /* @__PURE__ */ jsxDEV("svg", {
+      "aria-hidden": "true",
+      className: "size-3",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2.4,
+      viewBox: "0 0 24 24",
+      children: /* @__PURE__ */ jsxDEV("path", {
+        d: "M5 13l4 4L19 7"
+      }, void 0, false)
+    }, void 0, false);
+    $[8] = t7;
+  } else {
+    t7 = $[8];
+  }
+  let t8;
+  if ($[9] !== onDiscard || $[10] !== t4 || $[11] !== t5 || $[12] !== t6) {
+    t8 = /* @__PURE__ */ jsxDEV("button", {
+      "aria-label": t4,
+      className: "flex size-5 items-center justify-center rounded text-destructive hover:bg-destructive/10",
+      "data-testid": t5,
+      onClick: onDiscard,
+      title: t6,
+      type: "button",
+      children: t7
+    }, void 0, false);
+    $[9] = onDiscard;
+    $[10] = t4;
+    $[11] = t5;
+    $[12] = t6;
+    $[13] = t8;
+  } else {
+    t8 = $[13];
+  }
+  let t9;
+  if ($[14] !== t) {
+    t9 = t("Keep editing");
+    $[14] = t;
+    $[15] = t9;
+  } else {
+    t9 = $[15];
+  }
+  const t10 = `sql-tab-close-cancel-${idBase}`;
+  let t11;
+  if ($[16] !== t) {
+    t11 = t("Keep editing");
+    $[16] = t;
+    $[17] = t11;
+  } else {
+    t11 = $[17];
+  }
+  let t12;
+  if ($[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t12 = /* @__PURE__ */ jsxDEV("svg", {
+      "aria-hidden": "true",
+      className: "size-3",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2.4,
+      viewBox: "0 0 24 24",
+      children: /* @__PURE__ */ jsxDEV("path", {
+        d: "M6 6l12 12M18 6 6 18"
+      }, void 0, false)
+    }, void 0, false);
+    $[18] = t12;
+  } else {
+    t12 = $[18];
+  }
+  let t13;
+  if ($[19] !== onKeep || $[20] !== t10 || $[21] !== t11 || $[22] !== t9) {
+    t13 = /* @__PURE__ */ jsxDEV("button", {
+      "aria-label": t9,
+      className: "flex size-5 items-center justify-center rounded text-muted-foreground hover:bg-accent",
+      "data-testid": t10,
+      onClick: onKeep,
+      title: t11,
+      type: "button",
+      children: t12
+    }, void 0, false);
+    $[19] = onKeep;
+    $[20] = t10;
+    $[21] = t11;
+    $[22] = t9;
+    $[23] = t13;
+  } else {
+    t13 = $[23];
+  }
+  let t14;
+  if ($[24] !== t1 || $[25] !== t13 || $[26] !== t3 || $[27] !== t8) {
+    t14 = /* @__PURE__ */ jsxDEV("span", {
+      className: "flex shrink-0 items-center gap-1",
+      "data-testid": t1,
+      role: "group",
+      children: [t3, t8, t13]
+    }, void 0, true);
+    $[24] = t1;
+    $[25] = t13;
+    $[26] = t3;
+    $[27] = t8;
+    $[28] = t14;
+  } else {
+    t14 = $[28];
+  }
+  return t14;
+};
+const TabButton = (t0) => {
+  const $ = c(47);
+  const {
+    active,
+    canClose,
+    onClose,
+    onMenu,
+    onRename,
+    onSelect,
+    tab
+  } = t0;
+  const t = useT();
+  const [editing, setEditing] = useState(false);
+  const [confirmingClose, setConfirmingClose] = useState(false);
+  let t1;
+  if ($[0] !== onMenu || $[1] !== tab.id) {
+    t1 = (event) => {
+      onMenu(tab.id, event);
+    };
+    $[0] = onMenu;
+    $[1] = tab.id;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const onContextMenu = t1;
+  let t2;
+  if ($[3] !== onSelect || $[4] !== tab.id) {
+    t2 = () => {
+      onSelect(tab.id);
+    };
+    $[3] = onSelect;
+    $[4] = tab.id;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const onClick = t2;
+  let t3;
+  if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = () => {
+      setEditing(true);
+    };
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const startEditing = t3;
+  let t4;
+  if ($[7] !== onClose || $[8] !== tab) {
+    t4 = (event_0) => {
+      event_0.stopPropagation();
+      if (isDirty(tab)) {
+        setConfirmingClose(true);
+      } else {
+        onClose(tab.id);
+      }
+    };
+    $[7] = onClose;
+    $[8] = tab;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  const onCloseClick = t4;
+  let t5;
+  if ($[10] !== onClose || $[11] !== tab.id) {
+    t5 = (event_1) => {
+      event_1.stopPropagation();
+      setConfirmingClose(false);
+      onClose(tab.id);
+    };
+    $[10] = onClose;
+    $[11] = tab.id;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  const confirmClose = t5;
+  let t6;
+  if ($[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t6 = (event_2) => {
+      event_2.stopPropagation();
+      setConfirmingClose(false);
+    };
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  const cancelClose = t6;
+  let t7;
+  if ($[14] !== onRename || $[15] !== tab.id) {
+    t7 = (name) => {
+      onRename(tab.id, name);
+      setEditing(false);
+    };
+    $[14] = onRename;
+    $[15] = tab.id;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  const commitRename = t7;
+  let t8;
+  if ($[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t8 = () => {
+      setEditing(false);
+    };
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  const cancelRename = t8;
+  let t9;
+  if ($[18] !== tab.name) {
+    t9 = tab.name.trim();
+    $[18] = tab.name;
+    $[19] = t9;
+  } else {
+    t9 = $[19];
+  }
+  const custom = t9;
+  let t10;
+  if ($[20] !== t || $[21] !== tab.sql) {
+    t10 = derivedTabLabel(tab.sql, t("Untitled"));
+    $[20] = t;
+    $[21] = tab.sql;
+    $[22] = t10;
+  } else {
+    t10 = $[22];
+  }
+  const derived = t10;
+  const t11 = active ? "bg-background text-foreground" : "bg-muted/40 text-muted-foreground hover:text-foreground";
+  let t12;
+  if ($[23] !== t11) {
+    t12 = cn("group/tab flex shrink-0 items-center gap-1 border-e border-border ps-3 pe-1.5 text-xs", t11);
+    $[23] = t11;
+    $[24] = t12;
+  } else {
+    t12 = $[24];
+  }
+  const t13 = `sql-tab-${tab.id}`;
+  let t14;
+  if ($[25] !== active || $[26] !== commitRename || $[27] !== custom || $[28] !== derived || $[29] !== editing || $[30] !== onClick || $[31] !== t || $[32] !== tab.id) {
+    t14 = editing ? /* @__PURE__ */ jsxDEV(TabRenameInput, {
+      initial: custom,
+      onCancel: cancelRename,
+      onCommit: commitRename,
+      placeholder: derived,
+      testId: `sql-tab-rename-${tab.id}`
+    }, void 0, false) : /* @__PURE__ */ jsxDEV("button", {
+      "aria-pressed": active,
+      className: "max-w-40 truncate py-1.5 outline-none",
+      "data-testid": `sql-tab-select-${tab.id}`,
+      onClick,
+      onDoubleClick: startEditing,
+      title: t("Double-click to rename"),
+      type: "button",
+      children: custom === "" ? derived : custom
+    }, void 0, false);
+    $[25] = active;
+    $[26] = commitRename;
+    $[27] = custom;
+    $[28] = derived;
+    $[29] = editing;
+    $[30] = onClick;
+    $[31] = t;
+    $[32] = tab.id;
+    $[33] = t14;
+  } else {
+    t14 = $[33];
+  }
+  let t15;
+  if ($[34] !== canClose || $[35] !== confirmClose || $[36] !== confirmingClose || $[37] !== onCloseClick || $[38] !== t || $[39] !== tab.id) {
+    t15 = canClose && (confirmingClose ? /* @__PURE__ */ jsxDEV(TabCloseConfirm, {
+      idBase: tab.id,
+      onDiscard: confirmClose,
+      onKeep: cancelClose
+    }, void 0, false) : /* @__PURE__ */ jsxDEV("button", {
+      "aria-label": t("Close tab"),
+      className: "flex size-5 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-destructive/10 hover:text-destructive",
+      "data-testid": `sql-tab-close-${tab.id}`,
+      onClick: onCloseClick,
+      title: t("Close tab"),
+      type: "button",
+      children: /* @__PURE__ */ jsxDEV("svg", {
+        "aria-hidden": "true",
+        className: "size-3",
+        fill: "none",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 2,
+        viewBox: "0 0 24 24",
+        children: /* @__PURE__ */ jsxDEV("path", {
+          d: "M6 6l12 12M18 6 6 18"
+        }, void 0, false)
+      }, void 0, false)
+    }, void 0, false));
+    $[34] = canClose;
+    $[35] = confirmClose;
+    $[36] = confirmingClose;
+    $[37] = onCloseClick;
+    $[38] = t;
+    $[39] = tab.id;
+    $[40] = t15;
+  } else {
+    t15 = $[40];
+  }
+  let t16;
+  if ($[41] !== onContextMenu || $[42] !== t12 || $[43] !== t13 || $[44] !== t14 || $[45] !== t15) {
+    t16 = /* @__PURE__ */ jsxDEV("div", {
+      className: t12,
+      "data-testid": t13,
+      onContextMenu,
+      children: [t14, t15]
+    }, void 0, true);
+    $[41] = onContextMenu;
+    $[42] = t12;
+    $[43] = t13;
+    $[44] = t14;
+    $[45] = t15;
+    $[46] = t16;
+  } else {
+    t16 = $[46];
+  }
+  return t16;
+};
+function _temp$1(node) {
+  node?.focus();
+  node?.select();
+}
+
+const RUN_SQL = adminRef(ADMIN_FUNCTIONS.runSql);
+const STORAGE_KEY = "lunora-studio-sql-queries";
+const HISTORY_KEY = "lunora-studio-sql-history";
+const HISTORY_LIMIT = 25;
+const GUTTER_STYLE = {
+  minWidth: "2.75rem",
+  paddingInline: "0.5rem"
+};
+const DEFAULT_TAB_OUTPUT = {
+  error: null,
+  pane: "results",
+  result: null
+};
+const SqlResultTable = (t0) => {
+  const $ = c(16);
+  const {
+    result
+  } = t0;
+  if (result.columns.length === 0) {
+    const t12 = result.rowCount === 0 ? "0 rows" : "";
+    let t22;
+    if ($[0] !== t12) {
+      t22 = /* @__PURE__ */ jsxDEV("p", {
+        className: "p-4 text-sm text-muted-foreground",
+        children: t12
+      }, void 0, false);
+      $[0] = t12;
+      $[1] = t22;
+    } else {
+      t22 = $[1];
+    }
+    return t22;
+  }
+  let t1;
+  if ($[2] !== result.columns) {
+    t1 = result.columns.map(_temp);
+    $[2] = result.columns;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV(TableHeader, {
+      className: "sticky top-0 z-10 bg-muted",
+      children: /* @__PURE__ */ jsxDEV(TableRow, {
+        children: t1
+      }, void 0, false)
+    }, void 0, false);
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== result.columns || $[7] !== result.rows) {
+    let t42;
+    if ($[9] !== result.columns) {
+      t42 = (row, rowIndex) => /* @__PURE__ */ jsxDEV(TableRow, {
+        "data-testid": "sql-row",
+        children: result.columns.map((column_0) => /* @__PURE__ */ jsxDEV(TableCell, {
+          className: "max-w-md truncate font-mono text-xs",
+          children: /* @__PURE__ */ jsxDEV(CellValue, {
+            value: row[column_0]
+          }, void 0, false)
+        }, column_0, false))
+      }, rowIndex, false);
+      $[9] = result.columns;
+      $[10] = t42;
+    } else {
+      t42 = $[10];
+    }
+    t3 = result.rows.map(t42);
+    $[6] = result.columns;
+    $[7] = result.rows;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[11] !== t3) {
+    t4 = /* @__PURE__ */ jsxDEV(TableBody, {
+      children: t3
+    }, void 0, false);
+    $[11] = t3;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  let t5;
+  if ($[13] !== t2 || $[14] !== t4) {
+    t5 = /* @__PURE__ */ jsxDEV(Table, {
+      "data-testid": "sql-rows",
+      children: [t2, t4]
+    }, void 0, true);
+    $[13] = t2;
+    $[14] = t4;
+    $[15] = t5;
+  } else {
+    t5 = $[15];
+  }
+  return t5;
+};
+const SqlEditorPanel = ({
+  initialShardKey
+}) => {
+  const client = useLunora();
+  const t = useT();
+  const [queries, setQueries] = usePersistedList(STORAGE_KEY);
+  const [history, setHistory] = usePersistedList(HISTORY_KEY);
+  const [search, setSearch] = useState("");
+  const seedTab = () => makeTab(TEMPLATES[0]?.sql ?? "");
+  const {
+    activeId: activeTabId,
+    setActiveId: setActiveTabId,
+    setTabs,
+    tabs
+  } = usePersistedTabs(seedTab);
+  const [outputs, setOutputs] = useState({});
+  const [shardKey, setShardKey] = useState(initialShardKey ?? "");
+  const [running, setRunning] = useState(false);
+  const [tabMenu, setTabMenu] = useState(null);
+  const [pendingBulk, setPendingBulk] = useState(null);
+  const gutterRef = useRef(null);
+  const editorRef = useRef(null);
+  const privateListRef = useRef(null);
+  const listboxId = useId();
+  const {
+    probe,
+    schema
+  } = useSqlSchema(shardKey);
+  const activeTab = tabs.find((each) => each.id === activeTabId) ?? tabs[0] ?? makeTab();
+  const draft = activeTab.sql;
+  const {
+    activeId
+  } = activeTab;
+  const output = outputs[activeTab.id] ?? DEFAULT_TAB_OUTPUT;
+  const {
+    error,
+    result
+  } = output;
+  const tab = output.pane;
+  const patchActiveTab = (patch) => {
+    setTabs((current) => current.map((each_0) => each_0.id === activeTab.id ? {
+      ...each_0,
+      ...patch
+    } : each_0));
+  };
+  const setActiveOutput = (next) => {
+    setOutputs((current_0) => {
+      const previous = current_0[activeTab.id] ?? DEFAULT_TAB_OUTPUT;
+      return {
+        ...current_0,
+        [activeTab.id]: {
+          error: next.error,
+          pane: next.pane ?? previous.pane,
+          result: next.result
+        }
+      };
+    });
+  };
+  const setActivePane = (pane) => {
+    setOutputs((current_1) => {
+      const previous_0 = current_1[activeTab.id] ?? DEFAULT_TAB_OUTPUT;
+      return {
+        ...current_1,
+        [activeTab.id]: {
+          ...previous_0,
+          pane
+        }
+      };
+    });
+  };
+  const setDraft = (value) => {
+    patchActiveTab({
+      sql: value
+    });
+    if (activeId !== null) {
+      setQueries((current_2) => current_2.map((query) => query.id === activeId ? {
+        ...query,
+        sql: value
+      } : query));
+    }
+  };
+  const autocomplete = useSqlAutocomplete(schema, editorRef, setDraft);
+  const {
+    close: closeAutocomplete,
+    commit: commitAutocomplete,
+    move: moveAutocomplete,
+    refresh: refreshAutocomplete,
+    state: autocompleteState
+  } = autocomplete;
+  const onPickSuggestion = (index) => {
+    moveAutocomplete(index - (autocompleteState?.active ?? 0));
+    commitAutocomplete();
+  };
+  useEffect(() => {
+    const node = editorRef.current;
+    if (node !== null && node === document.activeElement) {
+      refreshAutocomplete(node.value, node.selectionStart);
+    }
+  }, [refreshAutocomplete, schema]);
+  const recordHistory = (sql) => {
+    setHistory((current_3) => {
+      if (current_3[0]?.sql === sql) {
+        return current_3;
+      }
+      const next_0 = [{
+        at: Date.now(),
+        sql
+      }, ...current_3.filter((entry) => entry.sql !== sql)];
+      return next_0.slice(0, HISTORY_LIMIT);
+    });
+  };
+  const run = async (mode) => {
+    if (draft.trim() === "") {
+      return;
+    }
+    setRunning(true);
+    const sql_0 = mode === "explain" ? `EXPLAIN QUERY PLAN ${draft}` : draft;
+    try {
+      const next_1 = await client.query(RUN_SQL, {
+        sql: sql_0
+      }, callOptions(shardKey));
+      setActiveOutput({
+        error: null,
+        pane: mode,
+        result: next_1
+      });
+      recordShard(shardKey);
+      recordHistory(sql_0);
+    } catch (error_) {
+      setActiveOutput({
+        error: errorMessage(error_),
+        pane: mode,
+        result: null
+      });
+    } finally {
+      setRunning(false);
+    }
+  };
+  const onRun = () => {
+    fireAndForget(run("results"));
+  };
+  const onDraftChange = (event) => {
+    const {
+      selectionStart,
+      value: value_0
+    } = event.target;
+    setDraft(value_0);
+    for (const table of referencedTables(value_0)) {
+      probe(table);
+    }
+    refreshAutocomplete(value_0, selectionStart);
+  };
+  const onEditorSelect = (event_0) => {
+    const node_0 = event_0.currentTarget;
+    refreshAutocomplete(node_0.value, node_0.selectionStart);
+  };
+  const onEditorKeyDown = (event_1) => {
+    if (autocompleteState !== null) {
+      if (event_1.key === "ArrowDown") {
+        event_1.preventDefault();
+        moveAutocomplete(1);
+        return;
+      }
+      if (event_1.key === "ArrowUp") {
+        event_1.preventDefault();
+        moveAutocomplete(-1);
+        return;
+      }
+      if (event_1.key === "Escape") {
+        event_1.preventDefault();
+        closeAutocomplete();
+        return;
+      }
+      if ((event_1.key === "Enter" || event_1.key === "Tab") && !event_1.metaKey && !event_1.ctrlKey && commitAutocomplete()) {
+        event_1.preventDefault();
+        return;
+      }
+    }
+    if ((event_1.metaKey || event_1.ctrlKey) && event_1.key === "Enter") {
+      event_1.preventDefault();
+      fireAndForget(run(tab));
+    }
+  };
+  const onEditorBlur = () => {
+    requestAnimationFrame(() => {
+      closeAutocomplete();
+    });
+  };
+  const onEditorScroll = (event_2) => {
+    if (gutterRef.current !== null) {
+      gutterRef.current.scrollTop = event_2.currentTarget.scrollTop;
+    }
+  };
+  const loadIntoActiveTab = (sql_1, savedId) => {
+    setTabs((current_4) => current_4.map((each_1) => each_1.id === activeTab.id ? {
+      ...each_1,
+      activeId: savedId,
+      sql: sql_1
+    } : each_1));
+    setActiveOutput({
+      error: null,
+      result: null
+    });
+  };
+  const newQuery = () => {
+    const query_0 = {
+      id: newId("q"),
+      name: t("Untitled query"),
+      sql: ""
+    };
+    setQueries((current_5) => [query_0, ...current_5]);
+    loadIntoActiveTab("", query_0.id);
+  };
+  const selectQuery = (id) => {
+    const found = queries.find((query_1) => query_1.id === id);
+    if (found !== void 0) {
+      loadIntoActiveTab(found.sql, id);
+      privateListRef.current?.querySelector(`[data-testid="sql-query-${id}"]`)?.scrollIntoView({
+        block: "nearest"
+      });
+    }
+  };
+  const deleteQuery = (id_0) => {
+    setQueries((current_6) => current_6.filter((query_2) => query_2.id !== id_0));
+    setTabs((current_7) => current_7.map((each_2) => each_2.activeId === id_0 ? {
+      ...each_2,
+      activeId: null
+    } : each_2));
+  };
+  const loadTemplate = (event_3) => {
+    loadIntoActiveTab(event_3.currentTarget.dataset.sql ?? "", null);
+  };
+  const loadFromHistory = (event_4) => {
+    loadIntoActiveTab(event_4.currentTarget.dataset.sql ?? "", null);
+  };
+  const clearHistory = () => {
+    setHistory([]);
+  };
+  const formatDraft = () => {
+    setDraft(formatSql(draft));
+  };
+  const addEditorTab = () => {
+    if (tabs.length >= MAX_TABS) {
+      return;
+    }
+    const fresh = makeTab();
+    setTabs((current_8) => addTab(current_8, fresh));
+    setActiveTabId(fresh.id);
+  };
+  const commitTabs = (next_2) => {
+    setTabMenu(null);
+    setPendingBulk(null);
+    setTabs(next_2.tabs);
+    setActiveTabId(next_2.activeId);
+    const openIds = new Set(next_2.tabs.map((each_3) => each_3.id));
+    setOutputs((current_9) => Object.fromEntries(Object.entries(current_9).filter(([key]) => openIds.has(key))));
+  };
+  const closeEditorTab = (id_1) => {
+    commitTabs(closeTab(tabs, id_1, makeTab));
+  };
+  const applyBulk = (op, id_2) => {
+    if (op === "others") {
+      commitTabs(closeOtherTabs(tabs, id_2));
+    } else if (op === "right") {
+      commitTabs(closeTabsToRight(tabs, id_2, activeTabId));
+    } else {
+      commitTabs(closeAllTabs(makeTab));
+    }
+  };
+  const requestBulk = (op_0) => {
+    if (tabMenu === null) {
+      return;
+    }
+    if (tabsClosedBy(op_0, tabs, tabMenu.id).some((each_4) => isDirty(each_4))) {
+      setPendingBulk(op_0);
+    } else {
+      applyBulk(op_0, tabMenu.id);
+    }
+  };
+  const openTabMenu = (id_3, event_5) => {
+    event_5.preventDefault();
+    setPendingBulk(null);
+    setTabMenu({
+      id: id_3,
+      x: event_5.clientX,
+      y: event_5.clientY
+    });
+  };
+  const closeTabMenu = () => {
+    setTabMenu(null);
+    setPendingBulk(null);
+  };
+  const onBackdropContextMenu = (event_6) => {
+    event_6.preventDefault();
+    setTabMenu(null);
+    setPendingBulk(null);
+  };
+  const onCloseOthers = () => {
+    requestBulk("others");
+  };
+  const onCloseToRight = () => {
+    requestBulk("right");
+  };
+  const onCloseAll = () => {
+    requestBulk("all");
+  };
+  const confirmBulk = () => {
+    if (tabMenu !== null && pendingBulk !== null) {
+      applyBulk(pendingBulk, tabMenu.id);
+    }
+    setPendingBulk(null);
+  };
+  const cancelBulk = () => {
+    setPendingBulk(null);
+  };
+  const tabMenuStyle = tabMenu === null ? void 0 : {
+    left: tabMenu.x,
+    top: tabMenu.y
+  };
+  const selectTab = (id_4) => {
+    closeAutocomplete();
+    setActiveTabId(id_4);
+  };
+  const renameTab = (id_5, name) => {
+    setTabs((current_10) => current_10.map((each_5) => each_5.id === id_5 ? {
+      ...each_5,
+      name
+    } : each_5));
+  };
+  const showResults = () => {
+    setActivePane("results");
+  };
+  const showExplain = () => {
+    fireAndForget(run("explain"));
+  };
+  const showChart = () => {
+    setActivePane("chart");
+  };
+  const lineCount = draft.split("\n").length;
+  const onSearchChange = (event_7) => {
+    setSearch(event_7.target.value);
+  };
+  const tabClass = (selected) => `border-b-2 px-3 py-2 text-sm outline-none transition-colors ${selected ? "border-foreground font-medium text-foreground" : "border-transparent text-muted-foreground hover:text-foreground"}`;
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "flex h-full min-w-0",
+    "data-testid": "lunora-sql-editor",
+    children: [/* @__PURE__ */ jsxDEV(SqlQuerySidebar, {
+      activeId,
+      history,
+      listRef: privateListRef,
+      onClearHistory: clearHistory,
+      onDelete: deleteQuery,
+      onLoadHistory: loadFromHistory,
+      onLoadTemplate: loadTemplate,
+      onNew: newQuery,
+      onSearchChange,
+      onSelect: selectQuery,
+      queries,
+      search
+    }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
+      className: "flex min-w-0 flex-1 flex-col",
+      children: [/* @__PURE__ */ jsxDEV("div", {
+        className: "flex shrink-0 items-stretch overflow-x-auto border-b border-border bg-muted/30",
+        "data-testid": "sql-tab-strip",
+        role: "tablist",
+        children: [tabs.map((each_6) => /* @__PURE__ */ jsxDEV(TabButton, {
+          active: each_6.id === activeTab.id,
+          canClose: tabs.length > 1,
+          onClose: closeEditorTab,
+          onMenu: openTabMenu,
+          onRename: renameTab,
+          onSelect: selectTab,
+          tab: each_6
+        }, each_6.id, false)), /* @__PURE__ */ jsxDEV("button", {
+          "aria-label": t("New tab"),
+          className: "flex size-8 shrink-0 items-center justify-center text-muted-foreground outline-none transition-colors hover:bg-accent hover:text-foreground focus-visible:bg-accent disabled:pointer-events-none disabled:opacity-40",
+          "data-testid": "sql-tab-add",
+          disabled: tabs.length >= MAX_TABS,
+          onClick: addEditorTab,
+          title: t("New tab"),
+          type: "button",
+          children: /* @__PURE__ */ jsxDEV("svg", {
+            "aria-hidden": "true",
+            className: "size-4",
+            fill: "none",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 1.7,
+            viewBox: "0 0 24 24",
+            children: /* @__PURE__ */ jsxDEV("path", {
+              d: "M12 5v14M5 12h14"
+            }, void 0, false)
+          }, void 0, false)
+        }, void 0, false)]
+      }, void 0, true), tabMenu !== null && /* @__PURE__ */ jsxDEV(Fragment, {
+        children: [/* @__PURE__ */ jsxDEV("div", {
+          className: "fixed inset-0 z-40",
+          "data-testid": "sql-tab-menu-backdrop",
+          onClick: closeTabMenu,
+          onContextMenu: onBackdropContextMenu,
+          role: "presentation"
+        }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
+          className: "fixed z-50 min-w-44 rounded-md border border-border bg-popover py-1 text-popover-foreground shadow-md",
+          "data-testid": "sql-tab-menu",
+          role: "menu",
+          style: tabMenuStyle,
+          children: pendingBulk === null ? /* @__PURE__ */ jsxDEV(Fragment, {
+            children: [/* @__PURE__ */ jsxDEV("button", {
+              className: "flex w-full items-center px-3 py-1.5 text-start text-xs outline-none hover:bg-accent focus-visible:bg-accent disabled:pointer-events-none disabled:opacity-40",
+              "data-testid": "sql-tab-menu-close-others",
+              disabled: tabs.length <= 1,
+              onClick: onCloseOthers,
+              role: "menuitem",
+              type: "button",
+              children: t("Close other tabs")
+            }, void 0, false), /* @__PURE__ */ jsxDEV("button", {
+              className: "flex w-full items-center px-3 py-1.5 text-start text-xs outline-none hover:bg-accent focus-visible:bg-accent disabled:pointer-events-none disabled:opacity-40",
+              "data-testid": "sql-tab-menu-close-right",
+              disabled: tabs.findIndex((each_7) => each_7.id === tabMenu.id) >= tabs.length - 1,
+              onClick: onCloseToRight,
+              role: "menuitem",
+              type: "button",
+              children: t("Close tabs to the right")
+            }, void 0, false), /* @__PURE__ */ jsxDEV("button", {
+              className: "flex w-full items-center px-3 py-1.5 text-start text-xs outline-none hover:bg-accent focus-visible:bg-accent",
+              "data-testid": "sql-tab-menu-close-all",
+              onClick: onCloseAll,
+              role: "menuitem",
+              type: "button",
+              children: t("Close all tabs")
+            }, void 0, false)]
+          }, void 0, true) : (
+            // Discard confirm: the chosen bulk close would drop a tab with unsaved work.
+            /* @__PURE__ */ jsxDEV("div", {
+              className: "px-3 py-1.5",
+              "data-testid": "sql-tab-menu-confirm",
+              children: [/* @__PURE__ */ jsxDEV("p", {
+                className: "pb-1.5 text-xs text-muted-foreground",
+                children: t("Discard unsaved tabs?")
+              }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
+                className: "flex items-center gap-1.5",
+                children: [/* @__PURE__ */ jsxDEV("button", {
+                  className: "rounded px-2 py-1 text-xs font-medium text-destructive outline-none hover:bg-destructive/10 focus-visible:bg-destructive/10",
+                  "data-testid": "sql-tab-menu-confirm-discard",
+                  onClick: confirmBulk,
+                  type: "button",
+                  children: t("Discard")
+                }, void 0, false), /* @__PURE__ */ jsxDEV("button", {
+                  className: "rounded px-2 py-1 text-xs text-muted-foreground outline-none hover:bg-accent focus-visible:bg-accent",
+                  "data-testid": "sql-tab-menu-confirm-cancel",
+                  onClick: cancelBulk,
+                  type: "button",
+                  children: t("Cancel")
+                }, void 0, false)]
+              }, void 0, true)]
+            }, void 0, true)
+          )
+        }, void 0, false)]
+      }, void 0, true), /* @__PURE__ */ jsxDEV("div", {
+        className: "flex min-h-0 flex-1",
+        children: [/* @__PURE__ */ jsxDEV("div", {
+          "aria-hidden": "true",
+          className: "shrink-0 select-none overflow-hidden border-e border-border bg-muted/30 py-3 text-end font-mono text-xs leading-5 text-muted-foreground/60",
+          ref: gutterRef,
+          style: GUTTER_STYLE,
+          children: Array.from({
+            length: lineCount
+          }, (_, index_0) => /* @__PURE__ */ jsxDEV("div", {
+            children: index_0 + 1
+          }, index_0, false))
+        }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
+          className: "relative min-w-0 flex-1",
+          children: [/* @__PURE__ */ jsxDEV("textarea", {
+            "aria-activedescendant": autocompleteState === null ? void 0 : `${listboxId}-opt-${autocompleteState.active.toString()}`,
+            "aria-autocomplete": "list",
+            "aria-controls": autocompleteState === null ? void 0 : listboxId,
+            "aria-expanded": autocompleteState !== null,
+            "aria-label": t("SQL query"),
+            className: "size-full resize-none bg-background p-3 font-mono text-xs leading-5 outline-none",
+            "data-testid": "sql-input",
+            onBlur: onEditorBlur,
+            onChange: onDraftChange,
+            onKeyDown: onEditorKeyDown,
+            onScroll: onEditorScroll,
+            onSelect: onEditorSelect,
+            placeholder: "SELECT * FROM …",
+            ref: editorRef,
+            role: "combobox",
+            spellCheck: false,
+            value: draft
+          }, void 0, false), /* @__PURE__ */ jsxDEV(AutocompletePopover, {
+            listboxId,
+            onPick: onPickSuggestion,
+            state: autocompleteState
+          }, void 0, false)]
+        }, void 0, true)]
+      }, void 0, true), /* @__PURE__ */ jsxDEV("div", {
+        className: "flex h-2/5 min-h-0 shrink-0 flex-col border-t border-border",
+        children: [/* @__PURE__ */ jsxDEV("div", {
+          className: "flex shrink-0 items-center gap-2 border-b border-border pe-2",
+          children: [/* @__PURE__ */ jsxDEV("button", {
+            className: tabClass(tab === "results"),
+            "data-testid": "sql-tab-results",
+            onClick: showResults,
+            type: "button",
+            children: t("Results")
+          }, void 0, false), /* @__PURE__ */ jsxDEV("button", {
+            className: tabClass(tab === "chart"),
+            "data-testid": "sql-tab-chart",
+            onClick: showChart,
+            type: "button",
+            children: t("Chart")
+          }, void 0, false), /* @__PURE__ */ jsxDEV("button", {
+            className: tabClass(tab === "explain"),
+            "data-testid": "sql-tab-explain",
+            onClick: showExplain,
+            type: "button",
+            children: t("Explain")
+          }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
+            className: "ms-auto flex items-center gap-2",
+            children: [result !== null && result.columns.length > 0 && /* @__PURE__ */ jsxDEV(ExportMenu, {
+              columns: result.columns,
+              name: "query-result",
+              rows: result.rows
+            }, void 0, false), /* @__PURE__ */ jsxDEV("button", {
+              className: "inline-flex items-center rounded-md border border-border px-3 py-1.5 text-xs font-medium text-foreground outline-none transition-colors hover:bg-accent focus-visible:bg-accent disabled:pointer-events-none disabled:opacity-50",
+              "data-testid": "sql-format",
+              disabled: running,
+              onClick: formatDraft,
+              type: "button",
+              children: t("Format")
+            }, void 0, false), /* @__PURE__ */ jsxDEV(ShardInput, {
+              onChange: setShardKey,
+              testId: "sql-shard-input",
+              value: shardKey
+            }, void 0, false), /* @__PURE__ */ jsxDEV("button", {
+              className: "inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground outline-none transition-colors hover:bg-primary/90 focus-visible:bg-primary/90 disabled:pointer-events-none disabled:opacity-50",
+              "data-testid": "sql-run",
+              disabled: running,
+              onClick: onRun,
+              type: "button",
+              children: [running ? t("Running…") : t("Run"), /* @__PURE__ */ jsxDEV("kbd", {
+                className: "rounded border border-primary-foreground/30 px-1 font-sans text-[10px]",
+                children: "⌘↵"
+              }, void 0, false)]
+            }, void 0, true)]
+          }, void 0, true)]
+        }, void 0, true), /* @__PURE__ */ jsxDEV("div", {
+          className: "min-h-0 flex-1 overflow-auto",
+          children: [error !== null && /* @__PURE__ */ jsxDEV(Alert, {
+            className: "m-3 font-mono text-xs",
+            testId: "sql-error",
+            variant: "destructive",
+            children: error
+          }, void 0, false), error === null && result === null && /* @__PURE__ */ jsxDEV("p", {
+            className: "p-4 text-sm text-muted-foreground",
+            "data-testid": "sql-empty",
+            children: t("Click Run to execute your query.")
+          }, void 0, false), error === null && result !== null && /* @__PURE__ */ jsxDEV("div", {
+            "data-testid": "sql-result",
+            children: [tab === "chart" ? /* @__PURE__ */ jsxDEV(SqlResultChart, {
+              result
+            }, void 0, false) : /* @__PURE__ */ jsxDEV(SqlResultTable, {
+              result
+            }, void 0, false), /* @__PURE__ */ jsxDEV("p", {
+              className: "border-t border-border px-3 py-1.5 text-xs text-muted-foreground",
+              "data-testid": "sql-count",
+              children: result.truncated ? t("Showing the first {max} of {count} rows.", {
+                count: result.rowCount,
+                max: result.rows.length
+              }) : t("{count} rows", {
+                count: result.rowCount
+              })
+            }, void 0, false)]
+          }, void 0, true)]
+        }, void 0, true)]
+      }, void 0, true)]
+    }, void 0, true)]
+  }, void 0, true);
+};
+function _temp(column) {
+  return /* @__PURE__ */ jsxDEV(TableHead, {
+    children: column
+  }, column, false);
+}
+
+export { Alert as A, SqlEditorPanel as S, SqlResultChart as a, newId as n, usePersistedList as u };