@deaquinodev/querky 0.4.1 → 0.4.3

package/dist/index.js

@@ -3,7 +3,7 @@
 // src/index.tsx
 import { useState as useState5, useEffect as useEffect5 } from "react";
 import { parseArgs } from "util";
-import { render, Box as Box7, Text as Text7 } from "ink";
+import { render, Box as Box8, Text as Text8 } from "ink";
 
 // src/db/client.ts
 import { Client } from "pg";
@@ -196,7 +196,7 @@ import { useState as useState3, useEffect as useEffect4, useRef as useRef2 } fro
 import { writeFileSync as writeFileSync5 } from "fs";
 import { homedir as homedir4 } from "os";
 import { join as join6 } from "path";
-import { Box as Box5, Text as Text5, Static, useApp, useInput as useInput2, useStdin as useStdin2 } from "ink";
+import { Box as Box6, Text as Text6, Static, useApp, useInput as useInput2, useStdin as useStdin2 } from "ink";
 
 // src/db/query.ts
 async function runQuery(client, sql) {
@@ -466,6 +466,9 @@ var PSQL_ALIASES = {
   du: "users",
   c: "changeDatabase"
 };
+var PSQL_REVERSE = Object.fromEntries(
+  Object.entries(PSQL_ALIASES).filter(([alias, name]) => alias !== name).map(([alias, name]) => [name, `\\${alias}`])
+);
 function describeBasicSql(driver, table) {
   const t = table.replace(/'/g, "''");
   if (driver === "postgresql") {
@@ -488,7 +491,10 @@ function describeFullSql(driver, table) {
 }
 var COMMANDS = {
   "clear": {
-    description: "Clear the scrollback history",
+    description: "Clear the terminal scrollback",
+    category: "Session",
+    usage: "/clear",
+    detail: "Erases the visible screen and scrollback buffer. The next query starts fresh from the top.",
     run: (ctx) => {
       ctx.onClear();
       return { ok: true, message: "", cleared: true };
@@ -496,6 +502,9 @@ var COMMANDS = {
   },
   "toggle-vim-mode": {
     description: "Toggle vim keybindings on/off",
+    category: "Session",
+    usage: "/toggle-vim-mode",
+    detail: "Switches the query input between standard editing and vim keybindings. In NORMAL mode use motions like w, b, 0, $, x, dd. Enter INSERT mode with i, a, A, I, o, O.",
     run: (ctx) => {
       const next = !ctx.vimEnabled;
       ctx.setVimEnabled(next);
@@ -503,7 +512,11 @@ var COMMANDS = {
     }
   },
   "d": {
-    description: "List tables, or describe a table: \\d [table]",
+    description: "List tables, or describe a table",
+    category: "Schema",
+    usage: "/d [table]",
+    detail: "Without an argument, lists all tables in the current database. With a table name, shows columns, types, nullability, and defaults.",
+    example: "/d users",
     run: (ctx) => {
       if (!ctx.args.trim()) {
         ctx.onQuery(DB_QUERIES[ctx.driver].tables);
@@ -514,7 +527,11 @@ var COMMANDS = {
     }
   },
   "describe": {
-    description: "Describe a table with constraints: /describe <table>",
+    description: "Describe a table with PK/FK/UQ constraints",
+    category: "Schema",
+    usage: "/describe <table>",
+    detail: "Like /d but includes constraint information \u2014 PK (primary key), FK (foreign key), UQ (unique) \u2014 in an extra key column. SQLite shows PK only.",
+    example: "/describe orders",
     run: (ctx) => {
       const table = ctx.args.trim();
       if (!table) return { ok: false, message: "Usage: /describe <table>" };
@@ -524,6 +541,9 @@ var COMMANDS = {
   },
   "databases": {
     description: "List available databases",
+    category: "Schema",
+    usage: "/databases",
+    detail: "Runs a driver-appropriate query to list all databases on the server.",
     run: (ctx) => {
       ctx.onQuery(DB_QUERIES[ctx.driver].databases);
       return { ok: true, message: "" };
@@ -531,6 +551,9 @@ var COMMANDS = {
   },
   "tables": {
     description: "List tables in the current database",
+    category: "Schema",
+    usage: "/tables",
+    detail: "Lists tables in the current database's public schema.",
     run: (ctx) => {
       ctx.onQuery(DB_QUERIES[ctx.driver].tables);
       return { ok: true, message: "" };
@@ -538,13 +561,20 @@ var COMMANDS = {
   },
   "users": {
     description: "List database users",
+    category: "Schema",
+    usage: "/users",
+    detail: "Lists users and their roles. On SQLite, shows a placeholder message since SQLite has no user system.",
     run: (ctx) => {
       ctx.onQuery(DB_QUERIES[ctx.driver].users);
       return { ok: true, message: "" };
     }
   },
   "changeDatabase": {
-    description: "Switch to a different database: \\c dbname",
+    description: "Switch to a different database",
+    category: "Session",
+    usage: "/changeDatabase <dbname>",
+    detail: "Switches the active connection to the specified database. Without an argument, shows the current database.",
+    example: "/changeDatabase myapp_prod",
     run: (ctx) => {
       if (!ctx.args) return { ok: true, message: `Connected to database: ${ctx.currentDatabase}` };
       ctx.onChangeDatabase(ctx.args.trim());
@@ -552,7 +582,11 @@ var COMMANDS = {
     }
   },
   "export": {
-    description: "Export last result to a file: /export csv or /export json",
+    description: "Export last result to a file",
+    category: "Data",
+    usage: "/export csv|json",
+    detail: "Writes the last query result to a timestamped file in your home directory. CSV files include a header row; JSON files are an array of row objects.",
+    example: "/export csv",
     run: (ctx) => {
       const fmt = ctx.args.trim().toLowerCase();
       if (fmt !== "csv" && fmt !== "json") {
@@ -563,7 +597,11 @@ var COMMANDS = {
     }
   },
   "explain": {
-    description: "Explain a SQL query using AI: /explain SELECT ...",
+    description: "Explain a SQL query using AI",
+    category: "AI",
+    usage: "/explain <SQL>",
+    detail: "Sends the query to your configured AI endpoint (Ollama by default, or any OpenAI-compatible API) and streams a plain-language explanation.",
+    example: "/explain SELECT * FROM orders WHERE status = 'pending'",
     run: (ctx) => {
       if (!ctx.args) return { ok: false, message: "Usage: /explain <SQL query>" };
       ctx.onExplain(ctx.args);
@@ -572,6 +610,9 @@ var COMMANDS = {
   },
   "explain-previous": {
     description: "Explain the last executed query using AI",
+    category: "AI",
+    usage: "/explain-previous",
+    detail: "Like /explain but uses the last SQL query you ran. Useful for quickly understanding a query after seeing its results.",
     run: (ctx) => {
       if (!ctx.lastSqlQuery) {
         return { ok: false, message: "No query to explain \u2014 run a SQL query first." };
@@ -581,7 +622,11 @@ var COMMANDS = {
     }
   },
   "save": {
-    description: "Save last query as an alias: /save <name>",
+    description: "Save last query as a named alias",
+    category: "Aliases",
+    usage: "/save <name>",
+    detail: "Saves the last executed SQL query as a named alias scoped to the current database. Run it later with /<name>. Supports positional ($1, $2) and named (:param) substitution.",
+    example: "/save active-orders",
     run: (ctx) => {
       const name = ctx.args.trim();
       if (!name) return { ok: false, message: "Usage: /save <name>" };
@@ -592,7 +637,11 @@ var COMMANDS = {
     }
   },
   "alias": {
-    description: "Define an alias inline: /alias <name> <SQL>",
+    description: "Define an alias inline",
+    category: "Aliases",
+    usage: "/alias <name> <SQL>",
+    detail: "Defines a named alias without running a query first. Equivalent to /save but lets you specify the SQL directly.",
+    example: "/alias recent SELECT * FROM events ORDER BY created_at DESC LIMIT 20",
     run: (ctx) => {
       const [name, ...rest] = ctx.args.trim().split(/\s+/);
       if (!name || rest.length === 0) return { ok: false, message: "Usage: /alias <name> <SQL>" };
@@ -603,6 +652,9 @@ var COMMANDS = {
   },
   "aliases": {
     description: "List all saved aliases for this database",
+    category: "Aliases",
+    usage: "/aliases",
+    detail: "Prints all saved aliases for the current database connection, with their SQL template.",
     run: (ctx) => {
       const entries = Object.entries(ctx.aliases);
       if (entries.length === 0) return { ok: true, message: "No aliases saved. Use /save <name> or /alias <name> <SQL>." };
@@ -614,13 +666,52 @@ var COMMANDS = {
     }
   },
   "unalias": {
-    description: "Remove a saved alias: /unalias <name>",
+    description: "Remove a saved alias",
+    category: "Aliases",
+    usage: "/unalias <name>",
+    detail: "Removes a previously saved alias. Only affects aliases for the current database connection.",
+    example: "/unalias active-orders",
     run: (ctx) => {
       const name = ctx.args.trim();
       if (!name) return { ok: false, message: "Usage: /unalias <name>" };
       const removed = ctx.onDeleteAlias(name);
       return removed ? { ok: true, message: `Removed /${name}` } : { ok: false, message: `No alias named /${name}` };
     }
+  },
+  "help": {
+    description: "Show help for all commands or a specific command",
+    category: "Session",
+    usage: "/help [command]",
+    detail: "Without arguments, lists all commands grouped by category. With a command name, shows detailed usage and an example.",
+    example: "/help explain",
+    run: (ctx) => {
+      const arg = ctx.args.trim();
+      if (arg) {
+        const name = PSQL_ALIASES[arg] ?? arg;
+        const cmd = COMMANDS[name];
+        if (!cmd) return { ok: false, message: `Unknown command: /${arg}` };
+        const entry = {
+          name,
+          usage: cmd.usage,
+          description: cmd.description,
+          psqlAlias: PSQL_REVERSE[name],
+          detail: cmd.detail,
+          example: cmd.example
+        };
+        return { ok: true, message: "", helpData: { mode: "detail", entry } };
+      }
+      const categoryOrder = ["AI", "Schema", "Data", "Aliases", "Session"];
+      const groups = categoryOrder.map((cat) => ({
+        category: cat,
+        entries: Object.entries(COMMANDS).filter(([, cmd]) => cmd.category === cat).map(([name, cmd]) => ({
+          name,
+          usage: cmd.usage,
+          description: cmd.description,
+          psqlAlias: PSQL_REVERSE[name]
+        }))
+      })).filter((g) => g.entries.length > 0);
+      return { ok: true, message: "", helpData: { mode: "list", groups } };
+    }
   }
 };
 var BUILTIN_COMMAND_LIST = Object.entries(COMMANDS).map(([name, cmd]) => ({
@@ -1617,11 +1708,14 @@ var ERROR_FG = "#ff4444";
 function ErrorBox({ message }) {
   const cols = Math.max(0, (process.stdout.columns ?? 80) - 2);
   const blank = " ".repeat(cols);
-  const label = `  \u2717  ${message}`;
-  const padded = label.length < cols ? label + " ".repeat(cols - label.length) : label;
+  const lines = message.split("\n");
   return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", marginTop: 1, children: [
     /* @__PURE__ */ jsx3(Text3, { backgroundColor: ERROR_BG, children: blank }),
-    /* @__PURE__ */ jsx3(Text3, { backgroundColor: ERROR_BG, color: ERROR_FG, bold: true, children: padded }),
+    lines.map((line, i) => {
+      const content = (i === 0 ? "  \u2717  " : "     ") + line;
+      const padded = content.length < cols ? content + " ".repeat(cols - content.length) : content;
+      return /* @__PURE__ */ jsx3(Text3, { backgroundColor: ERROR_BG, color: ERROR_FG, bold: true, children: padded }, i);
+    }),
     /* @__PURE__ */ jsx3(Text3, { backgroundColor: ERROR_BG, children: blank })
   ] });
 }
@@ -1757,8 +1851,51 @@ function Banner({ connectionState }) {
   ] });
 }
 
+// src/ui/components/HelpView.tsx
+import { Box as Box5, Text as Text5 } from "ink";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var USAGE_WIDTH = 28;
+function HelpView({ data }) {
+  if (data.mode === "detail" && data.entry) {
+    const { usage, description, psqlAlias, detail, example } = data.entry;
+    return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsxs5(Text5, { bold: true, color: "white", children: [
+        usage,
+        psqlAlias ? `  ${psqlAlias}` : ""
+      ] }),
+      /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx5(Text5, { children: description }) }),
+      detail && /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: detail }) }),
+      example && /* @__PURE__ */ jsxs5(Box5, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "Example: " }),
+        /* @__PURE__ */ jsx5(Text5, { color: theme.accent, children: example })
+      ] })
+    ] });
+  }
+  if (data.mode === "list" && data.groups) {
+    return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginTop: 1, children: [
+      data.groups.map((group, gi) => /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginBottom: gi < data.groups.length - 1 ? 1 : 0, children: [
+        /* @__PURE__ */ jsx5(Text5, { bold: true, color: theme.accent, children: group.category }),
+        group.entries.map((entry) => /* @__PURE__ */ jsxs5(Box5, { marginLeft: 2, children: [
+          /* @__PURE__ */ jsx5(Text5, { color: "white", children: entry.usage.padEnd(USAGE_WIDTH) }),
+          /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: entry.description }),
+          entry.psqlAlias && /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+            "  ",
+            entry.psqlAlias
+          ] })
+        ] }, entry.name))
+      ] }, group.category)),
+      /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+        "/help ",
+        "<command>",
+        " for more details."
+      ] }) })
+    ] });
+  }
+  return null;
+}
+
 // src/ui/components/App.tsx
-import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var PAGE_SIZE = 50;
 var PLACEHOLDER2 = "#a5b4fc";
 function activePageSize() {
@@ -1775,23 +1912,23 @@ function EntryView({ entry }) {
   const isShell = entry.query.startsWith("!");
   const isCommand = !isShell && (entry.query.startsWith("/") || entry.query.startsWith("\\"));
   const label = isShell ? "Shell:" : isCommand ? "Command:" : "Query:";
-  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginBottom: 1, paddingX: 1, children: [
-    /* @__PURE__ */ jsxs5(Box5, { borderStyle: "round", borderColor: theme.accent, paddingX: 1, children: [
-      /* @__PURE__ */ jsxs5(Text5, { color: theme.accent, bold: true, children: [
+  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", marginBottom: 1, paddingX: 1, children: [
+    /* @__PURE__ */ jsxs6(Box6, { borderStyle: "round", borderColor: theme.accent, paddingX: 1, children: [
+      /* @__PURE__ */ jsxs6(Text6, { color: theme.accent, bold: true, children: [
         label,
         " "
       ] }),
-      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: entry.query })
+      /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: entry.query })
     ] }),
-    /* @__PURE__ */ jsx5(Box5, { marginTop: 1, flexDirection: "column", children: isShell ? entry.shellOutput !== null && /* @__PURE__ */ jsx5(Text5, { children: entry.shellOutput || "(no output)" }) : /* @__PURE__ */ jsxs5(Fragment3, { children: [
-      entry.commandMessage && (entry.commandMessage.ok ? /* @__PURE__ */ jsxs5(Text5, { color: theme.accent, children: [
+    /* @__PURE__ */ jsx6(Box6, { marginTop: 1, flexDirection: "column", children: isShell ? entry.shellOutput !== null && /* @__PURE__ */ jsx6(Text6, { children: entry.shellOutput || "(no output)" }) : /* @__PURE__ */ jsxs6(Fragment3, { children: [
+      entry.commandMessage && (entry.commandMessage.helpData ? /* @__PURE__ */ jsx6(HelpView, { data: entry.commandMessage.helpData }) : entry.commandMessage.ok ? /* @__PURE__ */ jsxs6(Text6, { color: theme.accent, children: [
         "\u2713 ",
         entry.commandMessage.text
-      ] }) : /* @__PURE__ */ jsx5(ErrorBox, { message: entry.commandMessage.text })),
-      showAi ? /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx5(Text5, { color: theme.accent, bold: true, children: "Explanation:" }),
-        /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", marginTop: 1, children: entry.aiError ? /* @__PURE__ */ jsx5(ErrorBox, { message: entry.aiError }) : /* @__PURE__ */ jsx5(Text5, { color: PLACEHOLDER2, children: entry.aiResponse }) })
-      ] }) : !entry.commandMessage && /* @__PURE__ */ jsx5(QueryResult, { state: entry.queryState, elapsed: entry.elapsed, page: entry.page, pageSize: PAGE_SIZE })
+      ] }) : /* @__PURE__ */ jsx6(ErrorBox, { message: entry.commandMessage.text })),
+      showAi ? /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx6(Text6, { color: theme.accent, bold: true, children: "Explanation:" }),
+        /* @__PURE__ */ jsx6(Box6, { flexDirection: "column", marginTop: 1, children: entry.aiError ? /* @__PURE__ */ jsx6(ErrorBox, { message: entry.aiError }) : /* @__PURE__ */ jsx6(Text6, { color: PLACEHOLDER2, children: entry.aiResponse }) })
+      ] }) : !entry.commandMessage && /* @__PURE__ */ jsx6(QueryResult, { state: entry.queryState, elapsed: entry.elapsed, page: entry.page, pageSize: PAGE_SIZE })
     ] }) })
   ] });
 }
@@ -2012,7 +2149,8 @@ function App({ connectionState, aiUrl: aiUrl2, aiModel: aiModel2, aiKey: aiKey2,
       setElapsed(null);
       setPage(0);
       setQueryState({ status: "idle" });
-      if (result.message) setCommandMessage({ ok: result.ok, text: result.message });
+      if (result.helpData) setCommandMessage({ ok: result.ok, text: "", helpData: result.helpData });
+      else if (result.message) setCommandMessage({ ok: result.ok, text: result.message });
       else setCommandMessage(null);
       return;
     }
@@ -2024,33 +2162,33 @@ function App({ connectionState, aiUrl: aiUrl2, aiModel: aiModel2, aiKey: aiKey2,
   const isShellEntry = lastQuery.startsWith("!");
   const isCommand = !isShellEntry && (lastQuery.startsWith("/") || lastQuery.startsWith("\\"));
   const activeLabel = isShellEntry ? "Shell:" : isCommand ? "Command:" : "Query:";
-  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx5(Static, { items: completedEntries, children: (entry) => /* @__PURE__ */ jsx5(EntryView, { entry }, entry.id) }),
-    /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", paddingX: 1, children: [
-      lastQuery === "" && /* @__PURE__ */ jsx5(Banner, { connectionState }),
-      lastQuery !== "" && /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginBottom: 2, children: [
-        /* @__PURE__ */ jsxs5(Box5, { borderStyle: "round", borderColor: theme.accent, paddingX: 1, children: [
-          /* @__PURE__ */ jsxs5(Text5, { color: theme.accent, bold: true, children: [
+  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx6(Static, { items: completedEntries, children: (entry) => /* @__PURE__ */ jsx6(EntryView, { entry }, entry.id) }),
+    /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", paddingX: 1, children: [
+      lastQuery === "" && /* @__PURE__ */ jsx6(Banner, { connectionState }),
+      lastQuery !== "" && /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", marginBottom: 2, children: [
+        /* @__PURE__ */ jsxs6(Box6, { borderStyle: "round", borderColor: theme.accent, paddingX: 1, children: [
+          /* @__PURE__ */ jsxs6(Text6, { color: theme.accent, bold: true, children: [
             activeLabel,
             " "
           ] }),
-          /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: lastQuery })
+          /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: lastQuery })
         ] }),
-        /* @__PURE__ */ jsx5(Box5, { marginTop: 1, flexDirection: "column", children: isShellEntry ? isShellRunning ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "running\u2026" }) : /* @__PURE__ */ jsx5(Text5, { children: limitLines(shellOutput ?? "", activePageSize()) }) : /* @__PURE__ */ jsxs5(Fragment3, { children: [
-          commandMessage && (commandMessage.ok ? /* @__PURE__ */ jsxs5(Text5, { color: theme.accent, children: [
+        /* @__PURE__ */ jsx6(Box6, { marginTop: 1, flexDirection: "column", children: isShellEntry ? isShellRunning ? /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "running\u2026" }) : /* @__PURE__ */ jsx6(Text6, { children: limitLines(shellOutput ?? "", activePageSize()) }) : /* @__PURE__ */ jsxs6(Fragment3, { children: [
+          commandMessage && (commandMessage.helpData ? /* @__PURE__ */ jsx6(HelpView, { data: commandMessage.helpData }) : commandMessage.ok ? /* @__PURE__ */ jsxs6(Text6, { color: theme.accent, children: [
             "\u2713 ",
             commandMessage.text
-          ] }) : /* @__PURE__ */ jsx5(ErrorBox, { message: commandMessage.text })),
-          showAi ? /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
-            /* @__PURE__ */ jsx5(Text5, { color: theme.accent, bold: true, children: "Explanation:" }),
-            /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", marginTop: 1, children: aiError ? /* @__PURE__ */ jsx5(ErrorBox, { message: aiError }) : /* @__PURE__ */ jsxs5(Text5, { color: PLACEHOLDER2, children: [
+          ] }) : /* @__PURE__ */ jsx6(ErrorBox, { message: commandMessage.text })),
+          showAi ? /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+            /* @__PURE__ */ jsx6(Text6, { color: theme.accent, bold: true, children: "Explanation:" }),
+            /* @__PURE__ */ jsx6(Box6, { flexDirection: "column", marginTop: 1, children: aiError ? /* @__PURE__ */ jsx6(ErrorBox, { message: aiError }) : /* @__PURE__ */ jsxs6(Text6, { color: PLACEHOLDER2, children: [
               aiResponse,
-              isStreaming && /* @__PURE__ */ jsx5(Text5, { color: PLACEHOLDER2, children: "\u258B" })
+              isStreaming && /* @__PURE__ */ jsx6(Text6, { color: PLACEHOLDER2, children: "\u258B" })
             ] }) })
-          ] }) : !commandMessage && /* @__PURE__ */ jsx5(QueryResult, { state: queryState, elapsed, page, pageSize: activePageSize() })
+          ] }) : !commandMessage && /* @__PURE__ */ jsx6(QueryResult, { state: queryState, elapsed, page, pageSize: activePageSize() })
         ] }) })
       ] }),
-      isConnected ? /* @__PURE__ */ jsx5(
+      isConnected ? /* @__PURE__ */ jsx6(
         QueryInput,
         {
           onSubmit: handleSubmit,
@@ -2062,16 +2200,16 @@ function App({ connectionState, aiUrl: aiUrl2, aiModel: aiModel2, aiKey: aiKey2,
           aliases,
           schema: schema ?? void 0
         }
-      ) : /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "Not connected. Press Ctrl+C to exit." }),
-      (vimEnabled || inputIsShell) && /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx5(Text5, { bold: true, color: inputIsShell ? theme.shellMode : vimMode === "NORMAL" ? theme.normalMode : theme.insertMode, children: isRawModeSupported ? inputIsShell ? "[SHELL]" : `[${vimMode}]` : "" }) })
+      ) : /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "Not connected. Press Ctrl+C to exit." }),
+      (vimEnabled || inputIsShell) && /* @__PURE__ */ jsx6(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx6(Text6, { bold: true, color: inputIsShell ? theme.shellMode : vimMode === "NORMAL" ? theme.normalMode : theme.insertMode, children: isRawModeSupported ? inputIsShell ? "[SHELL]" : `[${vimMode}]` : "" }) })
     ] })
   ] });
 }
 
 // src/ui/components/ConnectionWizard.tsx
 import { useState as useState4 } from "react";
-import { Box as Box6, Text as Text6, useInput as useInput3, useStdin as useStdin3 } from "ink";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Box as Box7, Text as Text7, useInput as useInput3, useStdin as useStdin3 } from "ink";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var DRIVERS = ["postgresql", "mysql", "sqlite"];
 var LABEL_WIDTH = 10;
 function fieldLabels(driver) {
@@ -2226,36 +2364,36 @@ function ConnectionWizard({ onConnect, initialError }) {
     { isActive: isRawModeSupported }
   );
   const isPassword = (idx) => fields.driver !== "sqlite" && idx === 5;
-  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", paddingX: 2, paddingTop: 2, paddingBottom: 1, children: [
-    /* @__PURE__ */ jsx6(Box6, { marginBottom: 1, children: /* @__PURE__ */ jsx6(Text6, { bold: true, color: theme.accent, children: "Connect to a database" }) }),
+  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", paddingX: 2, paddingTop: 2, paddingBottom: 1, children: [
+    /* @__PURE__ */ jsx7(Box7, { marginBottom: 1, children: /* @__PURE__ */ jsx7(Text7, { bold: true, color: theme.accent, children: "Connect to a database" }) }),
     labels.map((label, idx) => {
       const isFocused = focus === idx;
       const isDriver = idx === 0;
-      return /* @__PURE__ */ jsxs6(Box6, { children: [
-        /* @__PURE__ */ jsx6(Text6, { color: isFocused ? theme.accent : void 0, bold: isFocused, children: label.padEnd(LABEL_WIDTH) }),
-        isDriver ? /* @__PURE__ */ jsx6(Box6, { children: DRIVERS.map((d, i) => /* @__PURE__ */ jsxs6(Box6, { children: [
-          i > 0 && /* @__PURE__ */ jsx6(Text6, { children: "   " }),
-          /* @__PURE__ */ jsxs6(Text6, { color: fields.driver === d ? theme.accent : void 0, bold: fields.driver === d, children: [
+      return /* @__PURE__ */ jsxs7(Box7, { children: [
+        /* @__PURE__ */ jsx7(Text7, { color: isFocused ? theme.accent : void 0, bold: isFocused, children: label.padEnd(LABEL_WIDTH) }),
+        isDriver ? /* @__PURE__ */ jsx7(Box7, { children: DRIVERS.map((d, i) => /* @__PURE__ */ jsxs7(Box7, { children: [
+          i > 0 && /* @__PURE__ */ jsx7(Text7, { children: "   " }),
+          /* @__PURE__ */ jsxs7(Text7, { color: fields.driver === d ? theme.accent : void 0, bold: fields.driver === d, children: [
             fields.driver === d ? "\u25CF " : "\u25CB ",
             d.charAt(0).toUpperCase() + d.slice(1)
           ] })
-        ] }, d)) }) : /* @__PURE__ */ jsxs6(Box6, { children: [
-          /* @__PURE__ */ jsx6(Text6, { children: isPassword(idx) ? "\u2022".repeat(getTextValue(idx).length) : getTextValue(idx) }),
-          isFocused && /* @__PURE__ */ jsx6(Text6, { color: theme.accent, bold: true, children: "\u258C" }),
-          isFocused && isPassword(idx) && keychainHint && /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "  (from keychain)" })
+        ] }, d)) }) : /* @__PURE__ */ jsxs7(Box7, { children: [
+          /* @__PURE__ */ jsx7(Text7, { children: isPassword(idx) ? "\u2022".repeat(getTextValue(idx).length) : getTextValue(idx) }),
+          isFocused && /* @__PURE__ */ jsx7(Text7, { color: theme.accent, bold: true, children: "\u258C" }),
+          isFocused && isPassword(idx) && keychainHint && /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "  (from keychain)" })
         ] })
       ] }, label);
     }),
-    /* @__PURE__ */ jsx6(Box6, { marginTop: 1, children: connecting ? /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "Connecting\u2026" }) : error ? /* @__PURE__ */ jsxs6(Text6, { color: theme.error, children: [
+    /* @__PURE__ */ jsx7(Box7, { marginTop: 1, children: connecting ? /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Connecting\u2026" }) : error ? /* @__PURE__ */ jsxs7(Text7, { color: theme.error, children: [
       "\u2717 ",
       error
     ] }) : null }),
-    /* @__PURE__ */ jsx6(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "Tab \xB7 \u2191\u2193 navigate   Enter connect   \u2190\u2192 cycle driver" }) })
+    /* @__PURE__ */ jsx7(Box7, { marginTop: 1, children: /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Tab \xB7 \u2191\u2193 navigate   Enter connect   \u2190\u2192 cycle driver" }) })
   ] });
 }
 
 // src/index.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var { values } = parseArgs({
   args: process.argv.slice(2).filter((a) => a !== "--"),
   options: {
@@ -2285,10 +2423,10 @@ function Root({ initialDsn: initialDsn2, aiUrl: aiUrl2, aiModel: aiModel2, aiKey
     }
   }, []);
   if (initialDsn2 && !connectionState && !dsnError) {
-    return /* @__PURE__ */ jsx7(Box7, { paddingX: 2, paddingTop: 1, children: /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Connecting\u2026" }) });
+    return /* @__PURE__ */ jsx8(Box8, { paddingX: 2, paddingTop: 1, children: /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "Connecting\u2026" }) });
   }
   if (!connectionState) {
-    return /* @__PURE__ */ jsx7(ConnectionWizard, { onConnect: setConnectionState, initialError: dsnError ?? void 0 });
+    return /* @__PURE__ */ jsx8(ConnectionWizard, { onConnect: setConnectionState, initialError: dsnError ?? void 0 });
   }
   async function handleChangeDatabase(database) {
     if (connectionState.status !== "connected") return;
@@ -2298,7 +2436,7 @@ function Root({ initialDsn: initialDsn2, aiUrl: aiUrl2, aiModel: aiModel2, aiKey
     const next = await connectParams({ ...current.params, database });
     setConnectionState(next);
   }
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     App,
     {
       connectionState,
@@ -2312,6 +2450,6 @@ function Root({ initialDsn: initialDsn2, aiUrl: aiUrl2, aiModel: aiModel2, aiKey
   );
 }
 render(
-  /* @__PURE__ */ jsx7(Root, { initialDsn, aiUrl, aiModel, aiKey }),
+  /* @__PURE__ */ jsx8(Root, { initialDsn, aiUrl, aiModel, aiKey }),
   { exitOnCtrlC: true }
 );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deaquinodev/querky",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "description": "A quirky terminal SQL client with vim mode, AI features, and schema-aware autocomplete",
   "main": "dist/index.js",
   "files": [