feat: schema navigation PG, richer LLM context, chat tab (v0.7.0)

Author: joajo13

README.md

@@ -21,6 +21,12 @@ Studio**, **DbGate**, **TablePlus** y **Outerbase Studio**.
 > respaldado por Outerbase**. Se distribuye bajo **AGPL-3.0** conservando la licencia y la
 > atribución originales (ver [Licencia](#licencia) y [`AVISO_LICENCIA.md`](./AVISO_LICENCIA.md)).
 
+## Novedades (v0.7.0)
+
+- **Navegación de schemas en Postgres:** el sidebar lista **todos** los schemas (no solo `public`); navegá y abrí tablas de cualquiera, con buscador `schema.tabla` y badge de schema activo que se mueve al elegirlo.
+- **Asistente IA (Ctrl/Cmd+B) con más contexto:** el DDL que ve el modelo ahora incluye `NOT NULL`, defaults, `UNIQUE`, comentarios de tabla/columna, índices y foreign keys.
+- **Tab de Chat conversacional:** charlá con el asistente para generar SQL a partir de tu schema (multi-turno; **genera, no ejecuta**), con botones "Abrir en editor" y "Copiar". Usa tu provider/API key configurada (Anthropic/OpenAI/Gemini).
+
 ## ¿Por qué quick-outerbase? (comparación honesta)
 
 | | quick-outerbase | Prisma Studio | Drizzle Studio | DbGate | TablePlus | Outerbase Studio (oficial) |

launcher/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quick-outerbase",
-  "version": "0.6.1",
+  "version": "0.7.0",
   "description": "Database GUI for your terminal: pass a DATABASE_URL and `npx quick-outerbase` opens a local web UI to browse, query and edit Postgres, MySQL, SQLite and libSQL/Turso. A fast, open-source Prisma Studio / Drizzle Studio / TablePlus / DbGate alternative. Community fork of Outerbase Studio (AGPL-3.0).",
   "license": "AGPL-3.0-only",
   "bin": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "quick-outerbase",
-  "version": "0.6.1",
+  "version": "0.7.0",
   "private": true,
   "description": "Database GUI in your terminal: pass a DATABASE_URL and `npx quick-outerbase` opens a local web UI to browse, query and edit Postgres, MySQL, SQLite and libSQL/Turso. Open-source Prisma Studio / Drizzle Studio / TablePlus / DbGate alternative. Unofficial community fork of Outerbase Studio (AGPL-3.0).",
   "license": "AGPL-3.0-only",

src/app/(theme)/env/page-client.tsx

@@ -17,7 +17,8 @@ interface EnvDbInfo {
   engine: string;
   dialect: SupportedDialect;
   name: string;
-  schema: string;
+  /** Schema inicial de Postgres (?schema=). undefined cuando no se pasó. */
+  schema?: string;
   /** Solo dynamodb: región/endpoint (sin secretos). */
   region?: string;
   endpoint?: string;
@@ -39,8 +40,9 @@ export default function EnvPageBody() {
 
   const driver = useMemo(() => {
     if (!info) return null;
-    // Pasamos el schema configurado (?schema=) para que Postgres filtre la
-    // introspección a ese schema. En DBs sin schema, info.schema viene vacío.
+    // Pasamos el schema configurado (?schema=) como schema INICIAL seleccionado
+    // de Postgres (NO filtra la introspección: se listan todos los schemas).
+    // En DBs sin schema, info.schema viene undefined/vacío.
     // Para dynamodb pasamos región/endpoint (sin creds: las pone el server).
     return createEnvDriver(info.dialect, info.schema, {
       region: info.region,

src/app/proxy/db/route.ts

@@ -41,11 +41,25 @@ async function buildExecutor(url: string): Promise<Executor> {
   if (parsed.engine === "postgres") {
     const pg = await import("pg");
     setPgParser(pg.types);
+    // search_path estilo Prisma ?schema=: solo lo seteamos cuando vino un schema
+    // no vacío. Sin ?schema (undefined/"") dejamos el search_path default de
+    // Postgres — nunca emitimos `-c search_path=` vacío.
+    const pgSchema = parsed.schema?.trim();
+    // Solo seteamos `-c search_path=` si el schema es un identificador simple y
+    // seguro. Interpolar un valor con espacios/tokens en las libpq `options`
+    // rompe la conexión (Postgres las parsea space-delimited) o inyectaría GUCs
+    // extra. Si no matchea, lo omitimos: la introspección lista todos los schemas
+    // igual y selectTable califica el schema explícitamente, así que no se pierde
+    // funcionalidad. (parsed.schema viene del DATABASE_URL server-side, no del
+    // request; esto es defensa en profundidad para schemas con nombres raros.)
+    const safeSchema =
+      pgSchema && /^[A-Za-z_][A-Za-z0-9_$]*$/.test(pgSchema)
+        ? pgSchema
+        : undefined;
     const pool = new pg.Pool({
       connectionString: parsed.connectionString,
       max: 5,
-      // search_path estilo Prisma ?schema=: aplica a todas las conexiones del pool.
-      options: parsed.schema ? `-c search_path=${parsed.schema}` : undefined,
+      options: safeSchema ? `-c search_path=${safeSchema}` : undefined,
     });
     return {
       async exec(stmts) {

src/components/gui/database-gui.tsx

@@ -171,6 +171,12 @@ export default function DatabaseGui() {
             },
           }
         : undefined,
+      {
+        text: "Chat",
+        onClick: () => {
+          scc.tabs.openBuiltinChat({});
+        },
+      },
     ].filter(Boolean) as { text: string; onClick: () => void }[];
   }, [currentSchemaName, databaseDriver]);
 

src/components/gui/schema-sidebar-list.tsx

@@ -40,8 +40,6 @@ function prepareListViewItem(
     let icon = Table;
     let iconClassName = "";
 
-    console.log("ss", s);
-
     if (s.type === "trigger") {
       icon = LucideCog;
       iconClassName = "text-purple-500";
@@ -157,7 +155,7 @@ async function downloadExportTable(
 export default function SchemaList({ search }: Readonly<SchemaListProps>) {
   const { databaseDriver, extensions } = useStudioContext();
   const [selected, setSelected] = useState("");
-  const { refresh, schema, currentSchemaName } = useSchema();
+  const { refresh, schema, currentSchemaName, selectSchema } = useSchema();
   const [editSchema, setEditSchema] = useState<string | null>(null);
 
   const [collapsed, setCollapsed] = useState(() => {
@@ -318,7 +316,16 @@ export default function SchemaList({ search }: Readonly<SchemaListProps>) {
   const filterCallback = useCallback(
     (item: ListViewItem<DatabaseSchemaItem>) => {
       if (!search) return true;
-      return item.name.toLowerCase().indexOf(search.toLowerCase()) >= 0;
+      const needle = search.toLowerCase();
+      const name = item.name.toLowerCase();
+      // "schema.table": los nodos de schema llevan su nombre en item.name; las
+      // tablas/vistas llevan su schema en data.schemaName. Permitimos buscar tanto
+      // por nombre suelto ("orders") como cualificado ("ventas.", "ventas.orders").
+      const qualified =
+        item.data.type !== "schema" && item.data.schemaName
+          ? `${item.data.schemaName}.${item.name}`.toLowerCase()
+          : name;
+      return name.indexOf(needle) >= 0 || qualified.indexOf(needle) >= 0;
     },
     [search]
   );
@@ -354,6 +361,10 @@ export default function SchemaList({ search }: Readonly<SchemaListProps>) {
               tableName: item.data.tableName ?? "",
             });
           } else if (item.data.type === "schema") {
+            // Movemos el badge activo ya mismo (optimista) y lo fijamos como
+            // selección manual: sobrevive al refresh() de abajo aunque el
+            // search_path por defecto siga apuntando a otro lado.
+            selectSchema(item.name);
             if (databaseDriver.getFlags().supportUseStatement) {
               const dialect = databaseDriver.getFlags().dialect;
               const switch_keyword =

src/components/gui/sidebar/tools-sidebar.tsx

@@ -1,7 +1,7 @@
 "use client";
 import { scc } from "@/core/command";
 import ListButtonItem from "../list-button-item";
-import { Robot, TreeStructure } from "@phosphor-icons/react";
+import { ChatCircle, Robot, TreeStructure } from "@phosphor-icons/react";
 import { localSettingDialog } from "@/app/(outerbase)/local-setting-dialog";
 
 export default function SettingSidebar() {
@@ -14,6 +14,13 @@ export default function SettingSidebar() {
         }}
         icon={TreeStructure}
       />
+      <ListButtonItem
+        text="Chat"
+        onClick={() => {
+          scc.tabs.openBuiltinChat({});
+        }}
+        icon={ChatCircle}
+      />
       {/* Acceso al setting de AI (API key) en modo local: abre el mismo dialog
           que usa el nav de cloud, pero acá queda visible en el visor standalone. */}
       <ListButtonItem